@CHARSET "UTF-8";


@font-face{ 
	font-family:'ng'; 
	src:url('/css/NanumGothic.eot');
	src:url('/css/NanumGothic.eot?#iefix') format('embedded-opentype');
}

/**************************************
 * Supplier common Style
 **************************************/
/* img {
	border: 0px;
} */

/* ========== [태그 초기화] ========== */
* {margin:0; padding:0;}
html, body {width:100%; height:100%;}
body {font-family:Dotum,'돋움', 'ng', Arial,AppleGothic,verdana,sans-serif;font-size:12px; color:#333;}
div { margin:auto;}

img {border:0; vertical-align:middle;}
form, fieldset {display:block; border:0;}
ul,ol,li {list-style:none;}
hr {display:none;}
table {border-collapse:collapse; border-spacing:0; width:100%;}
p, acronym, address, big, small, cite, code, dfn, em, kbd, pre, samp, sub, sup, tt, var { font-family:Dotum,'돋움', 'ng', Arial,AppleGothic,verdana,sans-serif;font-weight:normal; font-style:normal;}
h1, h2, h3, h4, h5, h6 {font-size:12px;}
input, select { vertical-align:middle;font-family:Dotum,'돋움', 'ng', Arial,AppleGothic,verdana,sans-serif;font-size:12px;color:#67625c;}
blockquote, q {quotes: none;}
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:hover {color:#333; text-decoration:none;}
a:focus {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:none;}


/* ========== [공통스타일] ========== */
/* [서식] */
select.select {height:20px;line-height:20px;vertical-align:middle !important;border:1px solid #9eb6ce}
input.inp {height:18px;line-height:18px;padding:0 6px;border:1px solid #9eb6ce}
input[type="text"]:disabled {height:20px;line-height:20px;border:none;background:#ccc}
span.input-text {display:inline-block; vertical-align:middle;}
.inp_radio {width:13px;height:13px;margin:0;padding:0;vertical-align:middle;}
.inp_check {width:13px;height:13px;margin:0;padding:0;vertical-align:middle;}
.inp_image {margin:0;padding:0;border:none;vertical-align:middle;}
.inp_file {height:19px;border:1px solid #d3d3d3;font-size:12px; background:#fff}
.textarea {border:1px solid #d4d4d4; font-size:12px;}
.label {display:inline-block;vertical-align:middle;}

/* 정렬 */
.ta_l {text-align:left;}
.ta_c {text-align:center;}
.ta_r {text-align:right;}
.va_t {vertical-align:top;}
.va_m {vertical-align:middle !important;}
.fl {float:left;}
.fr {float:right;}
.fw_b {font-weight:bold}
.fc_red {color:#ee2b29}

/* [display] */
.hide, legend {overflow:hidden;visibility:hidden;position:absolute;width:0;height:0;font-size:0;line-height:0;}
caption {display:none;}
.bgnone {background:none !important;}


/* margin,padding */
.mg0 {margin:0 !important;}
.pd0 {padding:0 !important;}

.mt10 {margin-top:10px !important;}
.mt12 {margin-top:12px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt100 {margin-top:100px !important;}
.mr20 {margin-right:20px !important;}
.mb20 {margin-bottom:20px !important;}





/* 테이블 */
.tbltype1 {border-top:1px solid #9eb6ce;border-right:1px solid #9eb6ce;}
.tbltype1 tbody th {color:#4c6587;background:#e4ecf7;}
.tbltype1 tbody th,
.tbltype1 tbody td {padding:3px 7px;text-align:left;border-left:1px solid #9eb6ce;border-bottom:1px solid #9eb6ce;}
.tbltype1.v2 tbody th {color:#4d6484;background:#f4f4f4;}
.tbltype2 {border-top:1px solid #9eb6ce;border-right:1px solid #9eb6ce;}
.tbltype2 thead th {padding:5px 0 4px;border-left:1px solid #9eb6ce;border-bottom:1px solid #9eb6ce;color:#243949;background: url(../images/bg_table.gif) repeat-x 0 bottom;}
.tbltype2 tbody td {padding:6px 7px 5px;border-left:1px solid #9eb6ce;border-bottom:1px solid #9eb6ce;}
.tbltype2 tbody tr.over td {font-weight:bold;background:#c8dfdf}
.tbl_page {margin-top:84px;padding-right:10px;height:25px;line-height:25px;font-weight:bold;color:#4c6587;border-top:1px solid #9eb6ce;background:#e6ebf2;}
.bg_blue {background:#e4ecf7 !important;}



/* 버튼 */
.btn_ty01 {display:inline-block;width:51px;height:17px;margin-left:7px;line-height:17px;font-size:11px;color:#535353;text-align:center;background: url(/img/supplier/btn/bg_btn01.png) no-repeat 0 0;}

/* 페이징 */
.paging {margin-top:25px; text-align:center; line-height:15px;}
.paging a {display:inline-block; height:14px; margin:0 2px; padding:1px 3px 0; vertical-align:top; color:#989898;}

a.btn_type {display:inline-block;min-width:82px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:bold;color:#fff;background:url(../images/bg_btn.gif) no-repeat;}
a.btn_type span {display:block;height:20px;padding:0 10px;background:url(../images/bg_btnR.gif) no-repeat right 0;}
a.btn_type:hover {background-position:0 -20px;}
a.btn_type:hover span {background-position:right -20px;}

#wrap {width:100%;min-width:1100px;height:100%;}
#wrap_intro {width:100%;min-width:1100px;height:100%; background:#e5e5e5}
#header {position:relative;height:76px;background:url(/img/supplier/main/bg_header.gif) repeat-x left top;}
#header h1.logo {width:220px;background:url(../images/bg_logo.gif) no-repeat right top;}
#container {position:relative;min-height:95%;padding-left:220px;}
#container_L_none{position:relative;height:auto;}




#lnb {position:absolute;top:0;left:0;width:220px;height:100%;background:#f0f0f0;}
#lnb.fix {position:fixed;}
#lnb .top {position:relative;padding:8px 0 0 5px;}
#lnb .top div {#zoom:1;}
#lnb .top div:after {content:'';display:block;clear:both;}
#lnb .top div span {float:left;margin-left:3px;}
#lnb .top div span a {display:block;width:76px;height:21px;line-height:21px;text-align:center;font-size:11px;text-decoration:none;color:#777;background:url(../images/bg_tab.gif) no-repeat;}
#lnb .top div span a:hover,
#lnb .top div span a.active {color:#fff;background:url(../images/bg_tabOn.gif) no-repeat;}
#lnb .top .pin {display:block;position:absolute;top:0;right:7px;width:35px;height:29px;background:url(../images/pin.gif) no-repeat;}
#lnb .top .pin.fix {background-position:0 -29px;}
#lnb h3 {padding:5px 10px;font-family:'ng';font-size:16px;color:#333;border-top:1px solid #696969;border-bottom:1px solid #696969;background:#fff;}

#lnb{font-size:12px;}
#lnb .menu_list {overflow-y:auto;width:215px;height:88%;}
#lnb .menu_list ul ul {margin:0 0 0 -3px}
#lnb li {position:relative;padding:0 0 0 22px;background:url(../images/line_tree.gif) no-repeat 9px 0;line-height:20px;white-space:nowrap;*zoom:1}
#lnb li.last {background-position:9px -1766px}
#lnb li a {display:inline-block;color:#000;text-decoration:none;}
#lnb li a img {vertical-align:middle;}
#lnb li.active a,
#lnb ul ul li a:hover {color:#fff;}
#lnb .menu_list > ul > li > ul > li a {padding-left:8px;background:url(../images/arr_link.gif) no-repeat left center;}
#lnb .menu_list > ul > li > ul > li a span {display:block;padding:0 4px;}
#lnb .menu_list > ul > li > ul > li.active a span,
#lnb .menu_list > ul > li > ul > li a:hover span {font-weight:bold;background:#5c8aca;}
#lnb .toggle{overflow:hidden;position:absolute;top:0;left:0;width:19px;height:19px;padding:0;border:0;background:transparent url(../images/btn_tree.gif) no-repeat;cursor:pointer;font-size:0;color:#fff;text-indent:19px;*text-indent:0;vertical-align:middle}
#lnb .toggle.plus{background-position:4px -16px}
#lnb .toggle.minus{background-position:4px 4px}
#lnb .link{background:url(../images/icon_link.gif) no-repeat right top;padding-right:20px}
#lnb .snb_toggle {position:absolute;top:0;left:213px;width:7px;height:100%;background:url(../images/bg_snb.gif) repeat-y;}
#lnb .snb_toggle a {position:absolute;top:300px;display:block;width:7px;height:32px;background:url(../images/btn_snb.gif) no-repeat;}
#lnb .snb_toggle a.close {background-position:0 -32px;}
#lnb .snb_toggle a.disabled {background-position:0 -64px;}
#lnb.fix .snb_toggle a {position:fixed;}
/* #content {padding:0 10px 0 20px;background: url(/img/supplier/main/bg_content.gif) repeat-x 0 0; } */


.util_menu {position:absolute;top:1px;left:220px;}
.util_menu ul {overflow:hidden}
.util_menu ul li {float:left}
.util_menu ul li a {display:block;}

.gnb_menu {position:absolute;top:31px;left:213px;}
.gnb_menu ul {overflow:hidden;#zoom:1;}
.gnb_menu ul:after {content:'';display:block;clear:both;}
.gnb_menu ul li {float:left}

/* .login_area {position:absolute;top:4px; width:100%; text-align:right;} */
.login_area {position:absolute;top:4px;right:20px;z-index:100;}
.login_area .txt {padding:3px 0 3px 19px;font-size:11px;color:#3c3c3c;background: url(/img/supplier/ico/ico_member.png) no-repeat 0 3px}

.titlebox {position:relative;height:35px;border-bottom:1px solid #6b7881}
.titlebox .title {padding:7px 0 8px 10px;font-family:'ng';font-weight:bold;font-size:16px;color:#000;background: url(/img/supplier/main/bg_title.gif) no-repeat 0 12px;}
.titlebox2 {position:relative;height:71px;top:108px}
.titlebox2 .title {padding:7px 0 8px 10px;font-family:'dotum';font-weight:bold;font-size:14px;color:#000; text-align:center}
.title2 {width:352px;height:24px;margin-left:-5px;padding:8px 0 0 31px;color:#333;background: url(/img/supplier/main/bg_titlebox.gif) no-repeat 0 0;}
.location {position:absolute;top:15px;right:0;font-size:11px;color:#666}
.location span {font-weight:bold;color:#333}

.info_text{padding:3px;font-family:'dotum';font-size:12px;color:#000;background: url(/img/supplier/main/bg_title2.gif) no-repeat 0 12px; float:left; position:relative}

/*서브메뉴*/
.sub_table{ width:130px; border:1px solid #c1d9f9; border-top:1px solid #073a9f;background-color:#e9f2fd; padding:10px 0px}
.subm{ line-height:22px;color:#333333; text-indent:5px;}
.subm a {display:block;height:30px;line-height:30px;text-align:left;font-size:12px;text-decoration:none;color:#333; text-indent:5px;}
.subm a:hover {color:#fff; font-weight:bold;  background-color:#3e65b0;text-indent:5px;}

/*업체정보*/
#content_intro{ width:100%;background: url(/img/supplier/main/intro_img_bg.jpg) repeat-x; height:auto; text-align: -webkit-center;}
#intro_img{ width:1088px; height:364px; background:url(/img/supplier/main/intro_img_2.png) no-repeat center top;}
#member_info{ width:316px; height:298px; position:relative; top:49px; background:url(/img/supplier/main/info_box.png) no-repeat; float:left}
#info_list{font-size:12px;top:115px; position:relative; text-align:left}
#info_list > ul > li {padding-left:8px;background:url(/img/supplier/main/bg_title2.gif) no-repeat 20px center; line-height:22px; text-indent:30px;}
#info_list > ul > li a {font-weight:bold;}
#info_list > ul > li a .t4 { padding-left:19px;}
#info_list > ul > li a .t3{ padding-left:30px;}
#info_list > ul > li a .t2{ padding-left:43px;}
#info_list > ul > li a span {}
#info_list > ul > li.active a span,
#info_list > ul > li a:hover span { color:#666666}

/*공지사항*/
#content_notice{width:100%; height:313px; text-align: -webkit-center; background-color:#FFFFFF}
#notice_area{ width:1088px; height:313px;}

#notice_list{font-size:12px; position:relative; text-align:left; width:354px; display:block; float:left}
#notice_list > ul {display:block; padding:23px 0;}
#notice_list > ul > li {line-height:25px;}
#notice_list > ul > li a { color:#666666}
#notice_list > ul > li a:hover {font-weight:normal; color:#FF3300}
#notice_list > ul > li a span { color:#FF3300; font-weight:bold;}
#notice_list > ul > li.active a span,
#notice_list > ul > li a:hover span {font-weight:bold; color:#FF3300}
#notice_list .title {padding-top:17px;background: url(/img/supplier/main/title_bg.gif) repeat-x 0 0; height:32px; vertical-align:middle;width:354px;}
#notice_list .cont {height:100px;}
#notice_list .cont> ul {display:block; padding:23px 0;}
#notice_list .cont> ul > li {line-height:25px;}
#notice_list .cont> ul > li a { color:#666666}
#notice_list .cont> ul > li a:hover {font-weight:normal; color:#FF3300}
#notice_list .cont> ul > li a span { color:#FF3300; font-weight:bold;}
#notice_list .cont> ul > li.active a span,
#notice_list .cont> ul > li a:hover span {font-weight:bold; color:#FF3300}
#notice_list .more {position:absolute; text-align:right; border:0px; top:17px; width:354px;}
#notice_list .date {right:0;font-size:11px;color:#666; float:right; font-weight:normal;line-height:22px;}


/*todo_list*/
#todo_list{position:relative; display:block; width:683px; float:right; height:32px; text-align:left;}
#todo_list .title {padding-top:17px;background: url(/img/supplier/main/title_bg.gif) repeat-x 0 0; height:32px; vertical-align:middle;width:683px;}



/*todo_list01*/
#todo_list01{position:relative; display:block; width:683px; float:right; height:auto; text-align:left; top:15px; padding-bottom:15px;}
#todo_list01 > ul > li {line-height:33px;color:#000;border-bottom:#CCCCCC solid 1px}
#todo_list01 > ul > li a {}
#todo_list01 > ul > li a:hover {font-weight:normal; color:#FF3300}
#todo_list01 > ul > li a span { color:#FF3300; font-weight:bold;}
#todo_list01 > ul > li.active a span,
#todo_list01 > ul > li a:hover span {font-weight:bold; color:#FF3300}
#todo_list01 .title02 {padding-top:13px;vertical-align:middle;width:683px; height:40px; border-bottom:#CCCCCC solid 1px}


/*todo_list02*/
#todo_list02{position:relative; width:324px; float:left; height:auto; text-align:left; top:15px;padding-left:50px;}
#todo_list02 > ul > li {line-height:33px;color:#000;border-bottom:#CCCCCC solid 1px}
#todo_list02 > ul > li a {}
#todo_list02 > ul > li a:hover {font-weight:normal; color:#FF3300}
#todo_list02 > ul > li a span { color:#FF3300; font-weight:bold;}
#todo_list02 > ul > li.active a span,
#todo_list02 > ul > li a:hover span {font-weight:bold; color:#FF3300}
#todo_list02 .title02 {padding-top:13px;vertical-align:middle;width:324px; height:40px;border-bottom:#CCCCCC solid 1px}

/*todo_list03*/
#todo_list03{position:relative; width:324px; float:right; height:auto; text-align:left; top:15px ;}
#todo_list03 > ul > li {line-height:33px;color:#000;border-bottom:#CCCCCC solid 1px}
#todo_list03 > ul > li a {}
#todo_list03 > ul > li a:hover {font-weight:normal; color:#FF3300}
#todo_list03 > ul > li a span { color:#FF3300; font-weight:bold;}
#todo_list03 > ul > li.active a span,
#todo_list03 > ul > li a:hover span {font-weight:bold; color:#FF3300}
#todo_list03 .title02 {padding-top:13px;vertical-align:middle;width:324px; height:40px;border-bottom:#CCCCCC solid 1px}


.footer{background-color:#e5e5e5; width:100%; text-align:center;}




/* ========== [old 스타일] ========== */
.bold {
	font-weight: bold;
}

.blue {
	color: #004c98;
}

.orange {
	color: #fe6700;
}

.magAuto {
	margin: 0 auto;
}

.magL3 {
	margin-left: 3px;
}

.magT10 {
	margin-top: 10px;
}

.magT15 {
	margin-top: 15px;
}

.magT20 {
	margin-top: 20px;
}

.va5 {
	vertical-align: 5px;
}

/* ul {
	list-style: none;
} */

img.hand {
	cursor: pointer;
	vertical-align: middle;
}

.ht100 {
	height: 100%;
}

.floatLt {
	float: left;
}
.floatRt {
	float: right;
}

.lht22 {
	line-height: 22px;
}