@charset "utf-8";

/* Layout */
#accessibility,
#accessibility-foot {position:absolute; visibility:hidden; overflow:hidden; width:0; height:0; font-size:0%;}


/* 헤더 */
#header #logo {position:absolute; right:0px; left:5px; top:30px; margin:0; padding:0; line-height:0; font-size:0;}
#header #s_logo {position:absolute; right:0px; left:55px; top:34px; margin:0; padding:0; line-height:0; font-size:0;}

/* gnb */

#gnb {position:relative; top:4px; left:610px; width:350px; height:15px; text-align:right;}
#gnb_ {float:right;}
#gnb_ ul {padding:0px;}
#gnb_ li {float:left; padding:0 7px 0 7px; background:url('../../imgs/common/gnb_li.gif') no-repeat 0 3px;}
#gnb_ li a {color:#6d6d6d;}
#gnb_ li a:hover {color:#000;  text-decoration:none;}
#gnb_ .first {background:none;}


/* mainHead-topmenu */
#lnb {position:absolute; right:0; top:50px; left:280px; width:800px; height:28px; z-index:600; *z-index:600 !important;}
#lnb ul {margin:0; padding:0 0 0 0px;}
#lnb ul li {float:left; display:inline; margin:0; background:url('../../imgs/common/lnbLine.gif') no-repeat 0 8px; padding:0 30px 0 30px;}
#lnb ul .top_first {background:none;}

#header #login {position:absolute; right:0px; left:798px; top:40px; color:#dfdfdf;}
#header .login_btn {position:absolute; right:0px; left:133px; top:0px; color:#dfdfdf;}
.user_logout {color:#868686; padding-top:15px;}

.rec_sty{
	background: #fff;
    border-color: #B7B7B7 #E1E1E1 #E1E1E1 #B7B7B7;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    position: relative;
	height:18px;
	color:#aaa;
	}
.org {color:#e26a00; font-weight:bold; font-size:14px;}

.black2 a{font-size:14px; font-weight:bold;color:#fff; line-height:30px; padding:5px 15px 3px 15px;  background-color:#004f9c;}
.style1 {color:#e26a00; font-weight:bold; font-size:12px;}
/* mainHead-topmenu-2depth */
#lnb ul div.top2m {position: absolute; top:22px; left:22px; padding:0; display:none; width:600px;}
#lnb ul div.top2m div {text-align:left;}
#lnb ul ul {margin:0; padding:38px 0 0 20px; height:250px;}
#lnb ul ul li {clear:both; display:inline-block; font:13px "나눔고딕"; margin:0; width:100px;padding:0; background:url("../../imgs/main/tabDot.gif") no-repeat 0 12px;}
/*#lnb ul ul li {clear:both; display:inline-block; font:12px "나눔고딕"; margin:0; width:100px;padding:0; background:url("../../imgs/main/tabDot.gif") no-repeat 0 12px; border-bottom:1px #004181 solid;}*/
#lnb ul ul li a {display:block; white-space: nowrap; color:#fff; text-decoration:none; padding:7px 15px 3px 5px; margin:0;}
#lnb ul ul li a:hover,a:active {color:#f2c55a;  text-decoration:none; font-weight:bold; letter-spacing:0px;}
/*#lnb ul ul li a:hover,a:active {color:#fff;  text-decoration:none; font-weight:bold; letter-spacing:0px;}*/
#lnb ul#top1menu #top2m1 {margin: 0 0 0 -37px; width:400px; height:110px; padding-left:10px; background:url('../../imgs/main/lnbBar1.gif') no-repeat 10px 23px; }
#lnb ul#top1menu #top2m2 {margin: 0 0 0 0; width:400px; height:110px; padding-left:130px; background:url('../../imgs/main/lnbBar3.gif') no-repeat 130px 23px;}
#lnb ul#top1menu #top2m3 {margin: 0 0 0 0; width:500px; height:290px; padding-left:285px; background:url('../../imgs/main/lnbBar4.gif') no-repeat 290px 23px;}
#lnb ul#top1menu #top2m4 {margin: 0 0 0 0; width:450px; height:290px; padding-left:410px; background:url('../../imgs/main/lnbBar5.gif') no-repeat 420px 23px;}
#lnb ul#top1menu #top2m5 {margin: 0 0 0 0; width:450px; height:110px; padding-left:525px; background:url('../../imgs/main/lnbBar6.gif') no-repeat 535px 23px;}

/* subVisual */
.subVisual {position:relative; width:990px; margin:0 auto; height:177px; *z-index:1;}
.subVisual div{position: relative; margin:0 auto; width:1200px;}
.subVisual div p{}

/* f_top */
#f_con {position:relative; width:100%;}
#f_con .link{position:relative; padding:12px 0 0 0px;}
#f_con .add{position:relative; padding:20px 0 0 0px;}
#f_top {position:relative; text-align:left; width:990px; height:20px; padding:3px 0 0 23px;}2013-08-16
#f_top ul {padding:20px 0 0 0px; float:left;}
#f_top li {float:left; padding:0 8px 0 8px; line-height:0; font-size:0; background:url('../../imgs/common/f_li.gif') no-repeat 0 3px;}
#f_top .first {background:none;}
#f_con #family_site {position:absolute; top:20px; left:780px; right:0;}
#f_con #family_site li {float:left;}

#subWrapper #f_con .add{position:relative; padding:30px 0 0 0px; text-align:left;}


/* subMenu */
#subMenu {width:238px; padding:0px 0 0 0px;}
#subMenu ul {margin:0px; padding:0px; width:218px; overflow:hidden;}
#subMenu ul a {background:url("../../imgs/sub/subMenuBul.gif") no-repeat 0 0px; width:218px;}
#subMenu ul li a {display:block; color:#bbb; width:218px; padding:8px 0 10px 25px;}
#subMenu ul li a:hover {color:#fff; background-position:0 -39px; font-weight:bold;  letter-spacing:0px;}
#subMenu ul li.on a,#subMenu ul li.on a:hover {color:#fff; font-weight:bold; background-position:0 -39px; letter-spacing:0px;}
#subMenu ul div {margin:0 0 0px 0px; padding:0;}
#subMenu ul ul {display:block; padding:0px 0 0 0px;}
#subMenu ul li.on .on a {font-weight:bold; color:#000;}

.s_customer {padding:30px 0 0px 16px}
.s_customer2 {padding:20px 0 80px 16px}

/* centerColumn */
.centerColumn {position:relative; margin:0; width:715px; }
.centerColumn .subTitle {position:relative; margin-top:30px;  background:url("../../imgs/sub/subTitleBg.gif") no-repeat 0px 0;  padding:6px 0 10px 15px; color:#000; font-size:1.3em; letter-spacing:-1px; width:100%; }
.centerColumn .location {position:absolute; top:40px; right:0px; padding-left:20px; font-size:0.95em; background:url("../../imgs/sub/locationHome.gif") no-repeat 0px 1px; }
.centerColumn .location a {color:#666666;}
.centerColumn .location a:hover {color:#000; text-decoration:underline;}
.centerColumn .location a span {color:#000;}
.centerColumn #contentBody {position:relative; padding:30px 0 0 12px; width:700px;}


/* Paginate */
.paginate{padding:0 0 15px 0;text-align:center}
.paginate a,.paginate strong {
	display:inline-block;
	position:relative;
	width:17px;
	height:14px;
	text-align:center;
	padding-top:1px;
	margin:0 2px;
	border:0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	color:#333;
	font-weight:bold;
	line-height:normal;
}

.paginate strong{color:#ff8600 !important}
.paginate a:hover{background:#e2e2e2}
.paginate a.pre{
	text-align:right;
	width:35px;
	padding-top:5px;
	border:none;
	background:url(/img/module/paginate/bu_pg1_l1.gif) no-repeat 5px 8px !important;
	font-weight:normal
}
.paginate a.pre_end{
	text-align:right;
	width:35px;
	padding-top:5px;
	border:none;
	background:url(/img/module/paginate/bu_pg1_l2.gif) no-repeat 2px 8px !important;
	font-weight:normal
}
.paginate a.next{
	text-align:left;
	width:35px;
	padding-top:5px;
	border:none;
	background:url(/img/module/paginate/bu_pg1_r1.gif) no-repeat 29px 8px !important;
	font-weight:normal
}
.paginate a.next_end{
	text-align:left;
	width:35px;
	padding-top:5px;
	border:none;
	background:url(/img/module/paginate/bu_pg1_r2.gif) no-repeat 26px 8px !important;
	font-weight:normal;
}

/* 배너링크 */
.ban {width:970px; height:62px; position:relative; background:url(/imgs/bnr_bg.gif) no-repeat 0 0; margin-top:20px; padding:0;}
.ban .btn{position: absolute; top:35px; left:38px;}
.ban h2{position:absolute; left:25px; top:11px}
.ban #link_img {position:absolute; top:11px; left:120px; width:850px; height:40px; overflow:hidden;}

.ban .rollcont{position:absolute; top:5px; left:100px; width:842px; overflow:hidden; height:50px;}
.ban .rollcont .rollcon{width:5000px; top:0px; overflow:hidden; height:43px; position:relative;}
.ban .rollcont .rollcon ul li{line-height:0px; font-size:0px; float:left; margin:0px; padding:3px;}





/* 탭 메뉴 **********************************************************************/
.tab2{position:relative;height:29px;margin-top:20px;background:url(/img/common/tabmenu/tab_menu.gif) repeat-x 0 100%;font-family:'나눔고딕',NanumGothic;font-size:12px}  
.tab2 ul,.tab2 ul li{margin:0;padding:0}  
.tab2 ul li{list-style:none}  
.tab2 ul li,.tab2 ul li a{background:url(/img/common/tabmenu/bg_tab2_off.gif) no-repeat}  
.tab2 ul li{float:left;margin-right:-1px;line-height:26px}  
.tab2 ul li a{display:inline-block;padding:2px 16px 1px;_padding:3px 16px 0;background-position: 100% 0;font-weight:bold;color:#666;text-decoration:none !important}  
.tab2 ul li a:hover{color:#000}  
.tab2 ul li.on,.tab2 ul li.on a{background-image:url(/img/common/tabmenu/bg_tab2_on.gif)}  
.tab2 ul li.on a{color:#3376b8}  



/* 테이블 ***********************************************************************/

/* 테이블 리스트 타입1 */
.tbl_list1,.tbl_list1 th,.tbl_list1 td{border:0; border-collapse:collapse}
.tbl_list1 a{color:#383838;text-decoration:none}
.tbl_list1{width:100%;border-bottom:1px solid #999;color:#666;font-size:12px;table-layout:fixed; border-collapse:collapse}
.tbl_list1 caption,.tbl_list1 .frm label{display:none}
.tbl_list1 th{padding:8px 0;border-top:solid 1px #999;border-bottom:solid 1px #b2b2b2;background-color:#f1f1f4;color:#333;font-weight:bold;line-height:18px;vertical-align:top}
.tbl_list1 td{padding:10px 0;border-bottom:solid 1px #d2d2d2;text-align:center}
.tbl_list1 .frm{padding:0;text-align:center}
.tbl_list1 .frm input{margin:0}
.tbl_list1 .num,.tbl_list1 .date,.tbl_list1 .hit{padding:1;font-family:NanumGothic;font-size:11px;line-height:normal}
.tbl_list1 .title{text-align:left}
.tbl_list1 .title .pic,.tbl_list1 .title .new{margin:0 0 2px;vertical-align:middle}
.tbl_list1 tr.reply .title a{padding-left:12px;background:url(img/ic_reply.gif) 0 1px no-repeat}
.tbl_list1 tr.reply td a.comment{padding:0;background:none;color:#f00;font-size:12px;font-weight:bold}

/* 테이블 뷰 타입1 */
.tbl_view1,.tbl_view1 th,.tbl_view1 td{border:0; border-collapse:collapse}  
.tbl_view1{width:100%;border-bottom:1px solid #dddee2;font-family:'나눔고딕',NanumGothic;font-size:12px;table-layout:fixed; border-collapse:collapse}  
.tbl_view1 caption{display:none}  
.tbl_view1 th{padding:15px 0 10px 20px;border-top:1px solid #dddee2;background:#f1f1f3;color:#666;font-weight:bold;text-align:left;vertical-align:top}  
.tbl_view1 td{padding:15px 5px 10px 12px;border-top:1px solid #dddee2;vertical-align:top}  

/* 버튼 ***********************************************************************/

a.btn_big{display:inline-block;padding-right:4px;background:url(/img/common/bg_btn_default.gif) no-repeat 100% 0;font-family:'나눔고딕',NanumGothic;font-size:12px;color:#444;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}  
a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(/img/common/bg_btn_default.gif) no-repeat}

a.btn_sml{display:inline-block;padding-right:4px;background:url(/img/common/bg_btn_default.gif) no-repeat 100% -27px;font-family:'나눔고딕',NanumGothic;font-size:11px;color:#444;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}  
a.btn_sml span,a.btn_sml strong{display:block;padding:1px 4px 0 8px;background:url(/img/common/bg_btn_default.gif) no-repeat 0 -27px}

.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/img/common/btn_pack.gif) no-repeat;font-size:12px;font-family:NanumGothic, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack.medium,
.btn_pack.medium *{height:24px;line-height:24px}
.btn_pack.large,
.btn_pack.large *{height:30px;line-height:30px}
.btn_pack.xlarge,
.btn_pack.xlarge *{height:36px;line-height:36px}
.btn_pack.small,
.btn_pack.small *{height:19px;line-height:19px}
.btn_pack.medium{background-position:left 0}
.btn_pack.large{background-position:left -30px}
.btn_pack.xlarge{background-position:left -65px}
.btn_pack.small{background-position:left -106px}
.btn_pack.medium *{padding:1px 10px 0 6px;background-position:right top;font-size:12px}
.btn_pack.large *{padding:0 10px 0 6px;background-position:right -30px;font-size:16px}
.btn_pack.xlarge *{padding:0 10px 0 6px;background-position:right -65px;font-size:20px}
.btn_pack.small *{padding:2px 6px 0 2px;background-position:right -106px;font-size:11px}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{color:#690}
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}
.btn_pack.small.icon *{padding-left:16px}
.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important}
.btn_pack.medium .check{background-position:4px -150px}
.btn_pack.large .check{background-position:4px -146px}
.btn_pack.xlarge .check{background-position:5px -144px}
.btn_pack.small .check{background-position:3px -153px}
.btn_pack.medium .add{background-position:-16px -150px}
.btn_pack.large .add{background-position:-14px -146px}
.btn_pack.xlarge .add{background-position:-14px -144px}
.btn_pack.small .add{background-position:-18px -153px}
.btn_pack.medium .delete{background-position:-34px -150px}
.btn_pack.large .delete{background-position:-34px -146px}
.btn_pack.xlarge .delete{background-position:-34px -144px}
.btn_pack.small .delete{background-position:-37px -153px}
.btn_pack.medium .calendar{background-position:-56px -150px}
.btn_pack.large .calendar{background-position:-56px -146px}
.btn_pack.xlarge .calendar{background-position:-56px -144px}
.btn_pack.small .calendar{background-position:-59px -153px}

.btn_pack.medium .refresh{background-position:-76px -150px}
.btn_pack.large .refresh{background-position:-76px -146px}
.btn_pack.xlarge .refresh{background-position:-76px -144px}
.btn_pack.small .refresh{background-position:-79px -153px}

.btn_pack.medium .download{background-position:-96px -151px}
.btn_pack.large .download{background-position:-96px -147px}
.btn_pack.xlarge .download{background-position:-96px -145px}
.btn_pack.small .download{background-position:-99px -154px}

.top_mar_20 {padding-top:20px;}


.star_rating,
.star_rating span{display:inline-block;overflow:hidden;height:14px;height:14px;background:transparent url("../../imgs/common/ico_star.gif") no-repeat}
.star_rating{width:79px;vertical-align:middle}
.star_rating span{background-position:0 -14px;font-size:0;line-height:0;text-indent:-100px;*text-indent:0;vertical-align:top}