@charset "utf-8";


/* NanumGothic */
@font-face {
  font-family:'NanumGothic';
  src: url(../css/font/NanumGothic-Regular.eot);
  src: url(../css/font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../css/font/NanumGothic-Regular.woff2) format('woff2'),
       url(../css/font/NanumGothic-Regular.woff) format('woff'),
       url(../css/font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family:'NanumGothicBold';
  font-style: normal;
  font-weight: 700;
  src: url(../css/font/NanumGothicCoding-Bold.eot);
  src: url(../css/font/NanumGothicCoding-Bold.eot?#iefix) format('embedded-opentype'),
       url(../css/font/NanumGothicCoding-Bold.woff2) format('woff2'),
       url(../css/font/NanumGothicCoding-Bold.woff) format('woff'),
       url(../css/font/NanumGothicCoding-Bold.ttf) format('truetype');
}
@font-face {
  font-family:'NanumGothicEx';
  font-style: normal;
  font-weight: 800;
  src: url(../css/font/NanumGothic-ExtraBold.eot);
  src: url(../css/font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../css/font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../css/font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../css/font/NanumGothic-ExtraBold.ttf) format('truetype');
}
@font-face{
	font-family:'NanumBarunGothicBold';
	font-style:normal;
	font-weight:700;
	src:url(../css/font/NanumBarunGothic-Bold.eot);
	src:url(../css/font/NanumBarunGothic-Bold.eot?#iefix) format('embedded-opentype'),
		url(../css/font/NanumBarunGothic-Bold.woff) format('woff'),
		url(../css/font/NanumBarunGothic-Bold.ttf) format('truetype')
}
@font-face{
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:400;
	src:url(../css/font/NanumBarunGothic-Regular.eot);
	src:url(../css/font/NanumBarunGothic-Regular.eot?#iefix) format('embedded-opentype'),
		url(../css/font/NanumBarunGothic-Regular.woff) format('woff'),
		url(../css/font/NanumBarunGothic-Regular.ttf) format('truetype');
}



/* Element Reset */
header, footer, section, article, nav, aside, figure, figcaption, main { display:block}
video, audio, iframe, object, embed	{ max-width:100%; }
html, body	{ min-height:100%; margin:0; padding:0; }
body, table, input, select, textarea, button{ font-family:'NanumGothic',"돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,sans-serif; font-size:12px; color:#555;}

img			{ border:0}
ul				{ margin:0; padding:0}
li				{ list-style:none; display: inline;}
a:link,
a:visited		{ color:#585858; text-decoration:none; }
a:hover,
a:focus		{ color:#19a20b; text-decoration:none; background:none }
.png24		{ tmp:expression(setPng24(this));}
.blue			{ color:#104181 !important }
.red			{ color:#e20707 !important }
label			{ cursor:pointer }


/* Common Class */
hr									{ position:absolute; left:-5000px; width:1px; height:1px; margin:0; padding:0 }
/*input[type="text"],*/
select							{ box-sizing:border-box; height:30px; padding:0 0 0 4px; font-size:13px; border:1px solid #999; border-right-color:#ccc; border-bottom-color:#ccc;}
.text_left						{ text-align:left !important}
.text_center					{ text-align:center !important}
input[type="radio"],
input[type="checkbox"]		{ margin:0 5px 0 0; width:18px; height:18px;}
.inputText, .zle_input		{ *margin:-1px 0; }


/* Table */
table								{ width:100%; border-spacing:0; border:0; }
table th, table td			{ padding: 0}

/* All */
.blind							{ position:absolute; display:block; width:1px; height:1px; left:-1000%; overflow:hidden; }
.skip								{ font-size:12px;}
.skip a							{ position:absolute; display:block; width:1px; height:1px; left:-1000%; overflow:hidden; }
.skip a:focus,
.skip a:active					{ position:relative; left:0; width:100%; height:auto; padding:5px 0; text-align:center; font-weight:bold; border-bottom:1px solid #dcdcdc}

/* Layout */
.joinContainer					{ position:relative; width:100%; min-width:1024px; margin:0;}
.container						{ position:relative; width:100%; min-width:1024px; margin:0; text-align:center}
.header							{ position:absolute; top:0; width:100%; min-height:90px; margin:0; background:url("../img/common/bgHeader.png") repeat-x; z-index:10 }
.body								{ position:relative; width:94%; min-height:600px; margin:0 auto; padding:90px 0 0; text-align:left; zoom:1 }
.body:after						{ content:""; clear:both; display:block}
footer.footer					{ position:relative; width:100%; padding:30px 0 50px; color:#b8b8b8; border-top:1px solid #dfdfdf }
.article							{ margin:0 auto 100px; }

/* Top */
.header .headerWrap			{ position:relative; width:99%; margin:0 auto; zoom:1}
.header .headerWrap:after	{ content:""; clear:both; display:block}
.header .headerWrap h1		{ position:absolute; float:left; width:110px; margin:0; padding:16px 0 0; text-align:center; z-index:1 }
.header .headerWrap h1 img	{ vertical-align:top}

/* Gnb */
.header .gnb					{ position:relative; box-sizing:border-box; width:100%; padding-left:110px; padding-right:1%; overflow: hidden; }
.header .gnb,
.header .gnb>ul,
.header .gnb>ul>li			{ float:left;}
.header .depth>li>a			{ display:block; box-sizing:border-box; width:98px; height:90px; padding-top:59px; color:#fff; font-size:14.5px; letter-spacing:-1px; font-family:'NanumGothicBold'; white-space:nowrap;}
.header .depth>li.on1>a		{ background:url("../img/common/bgGnb01.png") no-repeat }
.header .depth>li.on2>a		{ background:url("../img/common/bgGnb02.png") no-repeat }
.header .depth>li.on3>a		{ background:url("../img/common/bgGnb03.png") no-repeat }
.header .depth>li.on4>a		{ background:url("../img/common/bgGnb04.png") no-repeat }
.header .depth>li.on5>a		{ background:url("../img/common/bgGnb05.png") no-repeat }
.header .depth>li.on6>a		{ background:url("../img/common/bgGnb06.png") no-repeat }
.header .depth>li.on7>a		{ background:url("../img/common/bgGnb07.png") no-repeat }
.header .depth>li.over>a,
.header .depth>li>a:hover,
.header .depth>li>a:focus	{ color:#0c4d9d !important; background-color:#fff; background-position:0 -90px }

.header .gnb>ul.top_menu	{ float:right; right:0; padding-top:43px; }
.header .top_menu span		{ float:left; display:block; padding:2px 15px 4px 18px; color:#a6b5d2; font-size:14px; font-family:'NanumGothicBold'; letter-spacing:-1px; background:url("/assets/admin/img/common/bgTopMember.png") no-repeat 0 1px}
.header .top_menu a			{ float:left; display:block; padding:2px 20px 4px 0; color:#fff; font-size:12px; font-family:'NanumGothicBold'; background:url("/assets/admin/img/common/bgTopLogin.png") no-repeat right 0 }
.header .top_menu a:hover,
.header .top_menu a:focus	{ color:#fff !important; }
.header .top_menu>li:first-child a	{ display:inline-block; *display:inline; zoom:1; margin-left:10px; padding:4px 10px 2px; text-align:center; color:#000 !important; font-family:'NanumBarunGothicBold'; border-radius:8px; background:#fff }



/* Sub Menu */
.header .sub_depth			{ position:absolute; box-sizing:border-box; width:190px; padding:30px 20px; text-align:left }
.header .over .sub_depth	{ height:600px; background:#0c4d9d}
.header .on2 .sub_depth		{ left:300px}
.header .on3 .sub_depth		{ left:490px; }
.header .on4 .sub_depth		{ left:680px}
.header .on5 .sub_depth		{ left:870px; }
.header .on6 .sub_depth		{ left:1060px; }
.header .on7 .sub_depth		{ left:1250px; }
.header .sub_depth h3		{ box-sizing:border-box; height:41px; margin:0; padding-left:17px; font-size:18px; font-family:'NanumGothicBold'; color:#fff; letter-spacing:-0.05em; line-height:43px; border:1px solid rgba(255,255,255,.9)}
.header .sub_depth li		{ clear:both; }
.header .sub_depth li a		{ display:block; box-sizing:border-box; padding-left:17px; font-size:14px; font-family:'NanumBarunGothic'; color:#a0fbff; line-height:22px !important; }
.header .sub_depth li a:hover,
.header .sub_depth li a:focus	{ color:#f0f81f !important}

.header .over .sub_depth h3{ color:#0c4d9d; background:#fff}
.header .sub_depth>ul		{ margin:10px 0 }
.header .sub_depth>ul>li>a	{ font-size:15px; line-height:34px !important; font-family:'NanumBarunGothicBold'; color:#fff; background:url("../img/common/bgGnbDot.gif") no-repeat 7px 15px}
.header .sub_depth ul ul	{ margin-bottom:10px }


/* 부서트리 */
.subTree							{ position:absolute; top:0; left:0; z-index:1}
.subTree .ui_btn_subTree	{ position:fixed; top:450px; width:40px; height:135px; background:url("../img/common/btnPartTree.png") no-repeat; text-indent:-999em }
.subTree.open .ui_btn_subTree{ left:220px; background:url("../img/common/btnPartTree_close.png") no-repeat}
.container.open				{ box-sizing:border-box; padding-left:220px;}
.container.open .header 	{ position:fixed; box-sizing:border-box; padding-right:220px; }

.joinContainer.open				{ box-sizing:border-box; padding-left:220px;}
.joinContainer.open .header 	{ position:fixed; box-sizing:border-box; padding-right:220px; }

#allmenu.open					{ display:block !important }
#allmenu							{ position:fixed; width:220px; height:100%; box-sizing:border-box; padding:40px 10px 40px 18px; background:#08367f}
#allmenu div.dTreeNode		{ height:22px; line-height:130%}
#allmenu div.dTreeNode a	{ color:#fff; font-size:15px; font-family:'NanumBarunGothicBold';}
#allmenu div.dTreeNode img	{ margin-right:3px}
#allmenu div.dTreeNode *	{ vertical-align:middle}
#allmenu div.dTreeNode a,
#allmenu div.dTree div .dTreeNode a	{ color:#dfd046; font-size:12px; font-family:'NanumBarunGothicBold';}
#allmenu div.dTree div .dTreeNode a:hover,
#allmenu div.dTree div .dTreeNode a:focus,
#allmenu div.dTree div .dTreeNode a.on{ font-family:'NanumGothicEx';}
#allmenu div.modal .dTreeNode *,
#allmenu .check div *,
#allmenu div.dTree div .dTreeNode *	{ vertical-align:middle; }




@media screen and (max-width:1400px) {
	/* Sub Menu */
	.header .sub_depth			{ position:absolute; box-sizing:border-box; width:150px; padding:30px 10px; text-align:left }
	.header .on1 .sub_depth		{ left:0px; height:600px; padding-bottom:200px; }
	.header .on2 .sub_depth		{ left:150px}
	.header .on3 .sub_depth		{ left:300px; }
	.header .on4 .sub_depth		{ left:450px; }
	.header .on5 .sub_depth		{ left:600px; }
	.header .on6 .sub_depth		{ left:750px; }
	.header .on7 .sub_depth		{ left:900px; }
	.header .sub_depth li a		{ display:block; box-sizing:border-box; padding-left:10px; font-size:13px; font-family:'NanumBarunGothic'; color:#a0fbff; line-height:20px !important; }
	.header .sub_depth>ul>li>a	{ font-size:14px; line-height:32px !important; font-family:'NanumBarunGothicBold'; color:#fff; background:url("../img/common/bgGnbDot.gif") no-repeat 3px 15px}
}