@charset "utf-8";
/* 공통 */
@import url('css/elsys.css'); /* elsys 기본 */
/*@import url('css/common.css');*/ /* 사이트 공통, 레이아웃 포함 */



/* ------------------------------
공통 레이아웃
------------------------------ */
body{ line-height:149%; }
#wrap{ background:url(image/common/header_bg.gif) repeat-x; }
#header{ position:relative; background:url(image/common/gnb_bg.jpg) center top no-repeat; }
	.headerWrap{ width:980px; height:90px; margin:0 auto; background:url(image/common/gnb_bg.jpg) center top no-repeat; }
		h1.logo{ float:left; width:280px; padding:0; margin:0 0 0 -20px; }
		.topNav{ float:left; width:706px; height:28px; text-align:right; }
		#gnb{ float:left; width:715px; font:17px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; }
		#gnb ul li{ float:left; }
		#gnb ul li a{ padding:10px 19px; color:#fff; display:block; background:url(image/common/gnb_line.gif) right 9px no-repeat; text-align:center; }
		#gnb ul li a:hover{ color:#00aeff; }
		#gnb ul li a.on{ color:#00aeff; }

		#gnb ul li.m43 a{ padding-right:0; background:none; }
		#gnb ul li.m6 a{ background:none; }
		#gnb ul li.m7 a{ background:none; }

		#gnbDrop{ position:absolute; left:0; top:90px; width:100%; height:44px; font:13px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; display:block; background:url(image/common/gnb_drop.gif) repeat-x; z-index:2; }
		#gnbDrop .depth2{ position:relative; width:980px; height:44px; margin:0 auto; background:url(image/common/gnb_drop.gif) repeat-x; }
		#gnbDrop .depth2 ul li{ float:left;}
		#gnbDrop .depth2 ul li a{ padding:5px 6px; display:block; color:#fff; }
		#gnbDrop .depth2 ul li a:hover{ padding:8px 6px 5px; color:#030303; background:url(image/common/icon_d2.gif) center 4px no-repeat; }
		#gnbDrop .depth2 ul li a.on{ padding:8px 6px 5px; color:#030303; background:url(image/common/icon_d2.gif) center 4px no-repeat; }
		#gnbDrop .depth2 ul.m39{ position:absolute; left:0; top:7px; width:1000px; font-size:12px;  }
		#gnbDrop .depth2 ul.m40{ position:absolute; left:0; top:7px; width:995px; font-size:12px}
		#gnbDrop .depth2 ul.m41{ position:absolute; left:400px; top:7px; width:570px; }

	#footer{ clear:both; background:url(image/common/footer_line.gif) center top repeat-x; }
	#footer .footerWrap{ width:980px; height:68px; padding:12px 0; margin:0 auto; background:url(image/common/footer_line.gif) center top repeat-x; }
	#footer .footerWrap .qr{ float:left; width:80px; padding:0 0 0 4px; }
	#footer .footerWrap .footerQuick{ float:left; width:980px; height:39px; background:url(image/common/footer_quick_bg.gif) left top no-repeat; }
	#footer .footerWrap .footerQuick ul{ float:left; width:760px; }
	#footer .footerWrap .footerQuick ul li{ float:left; }
	#footer .footerWrap .footerQuick p.familySite{ float:left; padding:0; margin:0; }
	#footer .footerWrap .footerQuick p.familySite select{ width:200px; height:17px; font-size:11px; }
	#footer .footerWrap .footerCopy{ float:left; width:500px; color:#666; padding: 0 0 0 13px; font:10px Tahoma, Geneva, sans-serif; line-height:12px; }
	#footer .footerWrap .footerCopy address{ font:ngeot, ngwoff, 나눔고딕, 돋움, dotum, sans-serif; font-style:normal; }
	#footer .footerWrap .footerCopy span{ color:#333; }

/* ------------------------------
Paragraph
------------------------------ */
p.img-basic-a{ padding:61px 0 15px; margin:0; }
p.img-basic-b{ padding:70px 0 15px; margin:0; }
p.img-basic-c{ padding:0 0 25px; margin:0; }
p.text-basic-a{ padding:0 20px 0 0; color:#464646; font:13px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; line-height:20px; }
p.text-basic-b{ padding:0 20px 30px 0; color:#252525; font:14px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; line-height:24px; }
p.text-basic-c{ padding:0 0 15px 11px; margin:0; color:#464646; font:14px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; line-height:20px; }
/* ------------------------------
Title
------------------------------ */
h4.title { clear:both; padding:0 0 20px; margin:0; color:#0278c5; font:18px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; }
h4.title-a { clear:both; padding:0 0 10px; margin:0; color:#0278c5; font:18px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; }
h5.title { clear:both; padding:0 0 10px; margin:0; color:#101010; font:16px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; }
h6.title { clear:both; padding:0 0 20px 10px; margin:0; color:#0278c5; font:17px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; font-weight:bold; background:url(/home/layouts/kor/image/common/h6_icon.gif) left 2px no-repeat; }
/* ------------------------------
List
------------------------------ */
.lstWrap{ padding:0 0 15px 10px; }
.lstWrap li{ padding:0 0 0 7px; color:#464646; font:13px ngeot, ngwoff, 나눔고딕, 돋움, dotum, sans-serif; background:url(/home/layouts/kor/image/contents/icon_dot01.gif) left 10px no-repeat; line-height:20px; }

/* ------------------------------
Table
------------------------------ */
div.table-indent-a{ clear:both; width:700px; margin:50px 0 0 11px; border-bottom:1px solid #c2c2c2; }
div.table-indent-b{ clear:both; width:700px; margin:80px 0 0 11px; border-bottom:1px solid #c2c2c2; }
div.table-indent-c{ clear:both; width:700px; margin:0 0 0 11px; border-bottom:1px solid #c2c2c2; }
p.unit{ padding:3px 0; margin:0; color:#464646; font:13px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; text-align:right; }
table.table-a{ clear:both; width:100%; font:13px ngboeot, ngbowoff, 나눔고딕, 돋움, dotum, sans-serif; border-top:solid 2px #4f4f4f; border-collapse:collapse; line-height:18px; }
table.table-a caption{ display:none; }
table.table-a th{ padding:8px 6px; color:#1166b0; border-bottom:1px solid #efefef; border-left: solid 1px #efefef; text-align:center; background:#f9f9f9; font-weight:normal; }
table.table-a td{ padding:8px 6px; color:#464646; border-bottom:1px solid #efefef; border-left: solid 1px #efefef; text-align:center; }
table.table-a th.blNone,
table.table-a td.blNone{ border-left:none; }
table.table-a th.th_left,
table.table-a td.td_left{ padding-left:10px; text-align:left; }
table.table-a td.blue{ color:#1166b0; }
table.table-a td a{ color:#464646; text-decoration:underline; }
table.table-a td a:hover{ color:#1166b0; text-decoration:underline; }
table.table-a td.bg-a{ background:url(/home/layouts/kor/image/contents/company_info_bg.gif) right top no-repeat; }
table.table-a td.bgGray{ background:#f9f9f9; }

/*	snb	*/
.snb {float:right;width:280px;}
.snb .mybox {border:#D4D4D4 solid 1px;}

.snb .mybox .login {}
.snb .mybox .login .mbrinfo {background:#F4F4F4;padding:8px 7px 8px 12px;border-bottom:#dfdfdf solid 1px;}
.snb .mybox .login .symbol {float:left;width:37px;}
.snb .mybox .login .symbol img {width:37px;height:37px;}
.snb .mybox .login .info {float:right;width:210px;}
.snb .mybox .login .info .name {}
.snb .mybox .login .info .name .namel {float:left;width:103px;height:12px;font-weight:bold;color:#454545;overflow:hidden;margin-top:3px;}
.snb .mybox .login .info .name .namer {float:right;text-align:right;width:107px;}
.snb .mybox .login .info .score {font-size:11px;font-family:dotum;color:#636363;padding-top:3px;}
.snb .mybox .login .tabbox {}
.snb .mybox .login .tabbox .tp {float:left;width:92px;height:22px;padding-top:12px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;}
.snb .mybox .login .tabbox .tp i {font-style:normal;font-size:11px;color:#F21914;padding-left:2px;}
.snb .mybox .login .tabbox .vline {border-right:#D4D4D4 solid 1px;}
.snb .mybox .login .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#676767;}
.snb .mybox .login .lbody {height:250px;padding:10px;overflow:auto;}
.snb .mybox .login .lbody ul {padding:0;margin:0;list-style-type:none;}
.snb .mybox .login .lbody li {padding:5px 0 5px 0;line-height:130%;}
.snb .mybox .login .lbody li a {}
.snb .mybox .login .lbody li .comment {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
.snb .mybox .login .lbody li .new {font-family:arial;font-size:10px;color:#ff0000;}
.snb .mybox .login .lbody li .reply {font-family:dotum;font-size:11px;color:#888888;}
.snb .mybox .login .lbody li .pic {float:left;width:40px;}
.snb .mybox .login .lbody li .info {float:left;width:200px;}
.snb .mybox .login .lbody .none {text-align:center;padding-top:80px;}
.snb .mybox .login .lbody .none span {display:block;font-weight:bold;font-size:13px;}
.snb .mybox .login .lbody .none p {padding-top:15px;color:#9C9C9C;line-height:140%;letter-spacing:-1px;}

.snb .mybox .logout .tabbox {}
.snb .mybox .logout .tabbox .np {padding:10px 0 10px 10px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;font-weight:bold;color:#9E9E9E;}
.snb .mybox .logout .tabbox .tp {float:left;width:138px;height:22px;background:#F4F4F4;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;padding-top:12px;cursor:pointer;}
.snb .mybox .logout .tabbox .vline {width:139px;border-right:#D4D4D4 solid 1px;}
.snb .mybox .logout .tabbox .on {background:#ffffff;border-bottom:#ffffff solid 1px;color:#676767;}
.snb .mybox .logout .nlog {padding:25px 0 30px 12px;}
.snb .mybox .logout .i1 {font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding-bottom:3px;}
.snb .mybox .logout .i1 .input {float:left;width:155px;height:17px;border:#BEBEBE solid 1px;}
.snb .mybox .logout .i1 .input:focus {border:#BEBEBE solid 2px;}
.snb .mybox .logout .i1 .checkbox {margin-left:2px;}
.snb .mybox .logout .i1 .submit {float:left;margin-left:5px;}
.snb .mybox .logout .rbtm {font-size:11px;font-family:dotum;color:#67686A;letter-spacing:-1px;padding:10px 0 0 3px;}
.snb .mybox .logout .rbtm .ipc {color:#67686A}
.snb .mybox .logout .rbtm a {color:#313946;}
.snb .mybox .logout .rbtm span {padding:0 5px 0 5px;}
.snb .mybox .logout .slog {padding:25px 12px 30px 12px;}
.snb .mybox .logout .slog .icon {width:235px;padding:10px;background:#efefef;text-align:center;}
.snb .mybox .logout .slog .icon img {cursor:pointer;margin:0 4px 0 4px;}
.snb .mybox .logout .slog .guide {line-height:140%;font-size:11px;font-family:dotum;color:#999;letter-spacing:-1px;padding:10px 0 0 0;}

.snb .banner {margin-top:15px;overflow:hidden;}
.snb .banner .sample {display:block;font-size:11px;font-family:dotum;color:#c0c0c0;padding:70px 0 70px 0;background:#7F7F7F;text-align:center;}

.snb .hotbox {margin-top:15px;border:#dfdfdf solid 1px;}
.snb .hotbox .tabbox {}
.snb .hotbox .tabbox .tp {float:left;width:92px;height:20px;padding-top:10px;background:#F4F4F4;border-top:#ffffff solid 1px;border-bottom:#D4D4D4 solid 1px;text-align:center;font-weight:bold;color:#9E9E9E;cursor:pointer;}
.snb .hotbox .tabbox .vline {border-right:#D4D4D4 solid 1px;}
.snb .hotbox .tabbox .on {background:#ffffff;border-top:#ffffff solid 1px;border-bottom:#ffffff solid 1px;color:#424242;}
.snb .hotbox .hbody {height:370px;padding:10px 5px 10px 15px;}
.snb .hotbox .hbody ul {padding:0;margin:0;list-style-type:none;}
.snb .hotbox .hbody li {height:14px;margin:10px 0 10px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.snb .hotbox .hbody li i {display:inline-block;width:11px;margin-right:7px;hieght:11px;font-style:normal;font-size:10px;font-family:arial;color:#ffffff;letter-spacing:-px;text-align:center;background:#C0C0C0;border:#B6B6B6 solid 1px;border-radius:2px 2px 2px 2px;}
.snb .hotbox .hbody li span {font-family:arial;font-size:11px;color:#E75801;padding-left:3px;}
.snb .hotbox .hbody li a {}
.snb .hotbox .hbody li .emp {background:#95A6FE;border:#7186FB solid 1px;}