@charset "utf-8";

@import "hero2.css";


/* CSS Document */
body * { font: '돋음', Dotum; font-size: 11px;}
body {margin:0;
	overflow-x:hidden;
	overflow-y:auto;
    scrollbar-face-color:#E6E6E6;
    scrollbar-shadow-color:#A8A8A8;
    scrollbar-highlight-color:#A8A8A8;
    scrollbar-3dlight-color:#ffffff;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-track-color:#F3F3F3;
    scrollbar-arrow-color:#3E4F7D;
}
body, th, td {font-size:11px; font-family:Dotum,DotumChe; color:#666666;}
table {border-collapse:collapse; word-break:break-all;text-align:left;}
table caption {text-indent: -9999px; font-size: 0; line-height: 0; height: 0;}
th, td {font-weight:normal;}

form, fieldset, div, p, span, ul, li, dl, ol, dt, dd, textarea, h1, h2, h3, h4, h5, h6 {margin:0px;padding:0px;word-break: keep-all;}
img {border:0px;}

a:link, a:visited,active{ text-decoration:none ; color:#666666;}
a:hover{ text-decoration:none ;}

li {list-style-type:none;}

.icon
  { font-size: 3pt;
	color:#666666;
	text-align:center;
	}
.blue{
	font-size: 12px;
	color:#1248c2;
}

.blue2{
	font-size: 11px;
	color:#1248c2;
	font-weight: ;
}

.blue3{
	font-size: 11px;
	color:#1248c2;
}
.red{
	font-size: 12px;
	color:#e02304;
}
.red2{
	font-size: 11px;
	color:#e02304;
	font-weight: ;
	
}
.red3{
	font-size: 11px;
	color:#e02304;
	letter-spacing:-1.5px;
}

/*#####  트레이딩,트레이딩채널   #####*/
div#trading {border-top:0px solid #748FBE;padding-top:1px;}
div#trading.infaq { margin: 0 10px 10px 50px; }
div#trading table th, div#trading table td {padding-top:1px;padding-bottom:0px;}
div#trading table thead th {background-color:#e5f6f9;color:#4f6688;padding-top:0px;}
div#trading table tbody th  {background-color:#EBF0F8;color:#4F6688;}
div#trading table tbody td {background-color:#ffffff;text-align:center;padding-left:10px;padding-right:10px;height:19px;padding-top:0px;}
div#trading table tbody td table tr td {height:19px;padding-left:2px;padding-top:0px;padding-bottom:0px;}
div#trading table tbody tr.cell2 td {background-color:#f1f1f1;}
div#trading table tbody td.br {background-color:#F1F6F8;text-align:right;padding-right:5px;padding-left:3px;padding-top:0px;}
div#trading table tbody td.dr {background-color:#DDEEF4;text-align:right;padding-right:5px;padding-left:3px;}
div#trading table tbody td.th_tit {background-color:#E3ECFB;text-align:center;color:#4F6688;padding-left:0px;}
div#trading table strong {font-weight:normal;color:#1A51A3;}
div#trading table tbody td.r {text-align:right;padding-right:5px;}
div#trading table tbody td.l {text-align:left;padding-right:5px;}



/*#####  폼박스 스타일   ##########################################################################################*/
input.box_01 {height:13x; background-color:#ffffff; font-family:Dotum,DotumChe; font-size:11px; color:#595959; border:1px solid #A8A8A8; padding-top:3px;padding-left:6px;}
label {color:#595959; cursor:default;}

textarea.box_01 {
    overflow-y:auto;background-color:#FFFFFF;font-size:12px; font-family:Dotum,DotumChe;line-height:17px;
    border:1px solid #A5A9A8;padding:10px;

    scrollbar-face-color:#E6E6E6;
    scrollbar-shadow-color:#A8A8A8;
    scrollbar-highlight-color:#A8A8A8;
    scrollbar-3dlight-color:#ffffff;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-track-color:#F3F3F3;
    scrollbar-arrow-color:#3E4F7D;
}

select { font-size:12px;font-family:Dotum,DotumChe;color:#666; }
select.box_01 {
    overflow-y:auto;background-color:#FFFFFF;font-size:11px;font-family:Dotum,DotumChe;color:#666;line-height:17px;
    border:1px solid #A5A9A8;padding:10px;

    scrollbar-face-color:#E6E6E6;
    scrollbar-shadow-color:#A8A8A8;
    scrollbar-highlight-color:#A8A8A8;
    scrollbar-3dlight-color:#ffffff;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-track-color:#F3F3F3;
    scrollbar-arrow-color:#3E4F7D;
}


/*##### 셀렉트 박스 스타일   #################################################################################################*/
.selectBoxTypeA_SelectedArea {color:#666666; background-color:#FFFFFF; font-size:11px; font-family:Dotum,DotumChe; padding-left:6px;padding-top:1px;}
.selectBoxTypeA_SelectedAreaFocus {color:#000000; background-color:#F3F3F3; font-size:11px; font-family:Dotum,DotumChe; padding-left:6px;padding-top:1px;}
.selectBoxTypeA_Option {color:#666666; background-color:#FFFFFF; font-size:11px; font-family:Dotum,DotumChe; padding-left:6px;padding-top:1px;}
.selectBoxTypeA_OptionOver {color:#000000; background-color:#F3F3F3; font-size:11px; font-family:Dotum,DotumChe; padding-left:6px;padding-top:1px;}
.selectBoxTypeA_OptionInnerLayer {overflow:auto;background-color:#FFFFFF;
    scrollbar-face-color:#E6E6E6;
    scrollbar-shadow-color:#A8A8A8;
    scrollbar-highlight-color:#A8A8A8;
    scrollbar-3dlight-color:#ffffff;
    scrollbar-darkshadow-color:#ffffff;
    scrollbar-track-color:#F3F3F3;
    scrollbar-arrow-color:#3E4F7D;
    }

/*#####  검색박스 테이블 스타일  ###############################################################################################*/
/* okokokok */
div#search {border-top:3px solid #C4C5C8;border-bottom:3px solid #C3C4C8;background-color:#FFFFFF;padding-top:1px;padding-bottom:1px;margin-bottom:6px; width:402px;}
div#search div.inner {background-color:#F7F7F8;padding:0px 20px 0px 20px;}
div#search div.result {border-top:1px solid #C4C5C9;background-color:#ffffff;padding:4px 20px 3px 20px;}
div#search table td {padding-top:3px;padding-bottom:3px}
div#search table td.right {text-align:right;}
div#search table td table td {padding:0px;padding-right:4px;background-color:transparent;}
div#search table td.span {padding-top:3px;}



/* 추가 20120221 */

/* ------------------------------------------------------------------------------------------------------------------------
pop layout
------------------------------------------------------------------------------------------------------------------------ */
.popWin {}
.popTit {position: relative;height:48px;background: url(../../../images/asis/hts/bg_pop_top.gif) repeat-x 0 0;}
.popTit h1 {padding:13px 0 0 18px;}
.popTit a {position:absolute;right:19px;top: 9px;}
.popWrap {padding:20px 18px 20px 18px;}
.topCopy {margin:0 0 10px 0;}

/* ------------------------------------------------------------------------------------------------------------------------
contents
------------------------------------------------------------------------------------------------------------------------ */
/* common */
fieldset,img {border:0;}
legend {display: none;}
.mt20{margin-top:20px !important;}
.bulN{background:none !important;}
span.addTip {margin:0 0 0 5px;color:#999999;}
div.addTip {margin:3px 0 0 0;color:#999999;}
.hidden {position:absolute; left: -9999px; top:-9999px;}

/* title */
h3.bul02 {padding:0 0 0 12px;margin-bottom:6px;line-height:15px;font-size:12px;font-weight:normal;color:#000;background: url(../../../images/asis/hts/bul_depth02.gif) no-repeat 0 4px;}
h2.bul01 {position:relative;padding:0 0 0 20px;margin-bottom:8px; background:transparent url('../../../images/asis/hts/bul_depth01.gif') no-repeat 0 0;color:#112660;line-height:16px;font-size:14px;font-weight: bold;zoom:1;}
h2.none_bul01 {margin-bottom:8px; color:#112660;line-height:16px;font-size:14px;font-weight: bold;zoom:1;}
h3.none_bul02 {padding:0 0 0 12px;margin-bottom:6px;line-height:15px;font-size:12px; font-weight:normal;color:#000;}
h6.conTit {margin:0 0 8px 0;font-size:12px;font-weight:bold;color:#000000;}
h6.listTit {margin:0;font-size:12px;font-weight:bold;color:#000000;}

/* space */
.space {margin-top:8px !important;}
.section {margin-top:20px !important;}
.section2 {margin-top:12px !important;}
.section3 {margin-top:5px !important;}

/* anchor */
a.link {color:#0058bc;text-decoration:none;display:inline;}
a.page {color:#333333;}

/* input */
input.text1 {height:14px;padding:2px 2px 0 4px;border:1px solid #bfbfbf;line-height:14px;font-size:12px;color:#666666;}
.radioArea {margin-left:-3px;padding:0 0 0 0;font-size:12px;color:#363636;}
.radioArea * {vertical-align:middle;}
.radioArea input {margin-top:-2px;margin-left:3px;}

/* btn */
a.sbtn {display: inline-block; zoom:1; *display:inline; padding-left: 10px; line-height: 100%; background: url('../img/common/bg_btn_01.gif') no-repeat 0 0;}
a.sbtn span {display: inline-block !important; zoom:1 !important; *display:inline !important; height: 14px; padding: 4px 10px 0 0; line-height: 100%; background: url('../img/common/bg_btn_01.gif') no-repeat right 0; cursor: pointer; text-align: center;vertical-align:top;}
a.sbtn:link, a.sbtn:visited, a.sbtn:active, a.sbtn:hover, a.sbtn:focus {font-size: 11px !important; color: #696b75; text-decoration: none !important; font-weight: normal; letter-spacing: -1px;}

/* Add btn */
.addBtn {margin:8px 0 0 0;text-align:right;}

/* list */
ol.tipList {overflow:hidden;width:100%;}
ol.tipList li {margin:0 0 3px 0;padding:0 0 0 13px;text-indent:-13px;font-size:12px;color:#666666;line-height:120%;}
ol.tipList li.first {margin-top:0 !important;}

.infoList {margin:8px 0 0 0;}
.infoList li {margin:4px 0 0 0 !important;;padding:0 0 0 7px !important;;font-size:11px;line-height:120% !important;;background:url(../../../images/asis/hts/blt_info_list.gif) no-repeat 0 5px !important;}
.infoList li.first {margin-top:0 !important;}
.infoList li.infoTit {margin-top:0;margin-bottom:8px !important;padding-left:0 !important;font-size:13px;color:#363636 !important;background:none !important;}


ul.noticeList {margin:5px 0 0 0;}
ul.noticeList li {margin:2px 0 0 0;padding:0 0 0 18px !important;background:url('../../../images/asis/hts/bul_info01.gif') no-repeat 0 1px;color:#666;font-size:11px;line-height:140%;}
ul.noticeList li.first {margin-top:0 !important;}

.conList {margin:0 0 0 4px;}
.conList li {margin:4px 0 0 0;padding:0 0 0 11px !important;font-size:12px;line-height:140%;background:url(../../../images/asis/hts/blt_con_list.gif) no-repeat 0 5px;}
.conList li.first {margin-top:0 !important;}
.conList li.noticeSec {margin:8px 0 0 0;}
.conList li ul {margin:0;}
.conList li ul li {margin:4px 0 0 0;padding:0 0 0 6px; background: url('../../../images/asis/hts/bul_depth04.gif') no-repeat 0 4px; color: #666; font-size: 11px; line-height: 14px; }
.conList li .addTip {color:#666;}

.termsList {overflow:hidden;width:100%;padding:0 0 0 0;}
.termsList dt {margin:20px 0 3px 0;font-family:'굴림',gulim;font-size:12px;font-weight:bold;color:#1b306f;}
.termsList dt.listTit {margin-bottom:5px;font-size:14px;color:#1b306f;}
.termsList dt.termTit {margin-top:12px;}
.termsList dt.first {margin-top:0;}
.termsList dd {font-family:'굴림',gulim;font-size:12px;line-height:140%;color:#666666;}
.termsList dd ol {overflow:hidden;width:100%;margin:0;}
.termsList dd ol li {margin:4px 0 0 0;padding:0 0 0 13px;text-indent:-13px;font-family:'굴림',gulim;font-size:12px;color:#666666;line-height:140%;}
.termsList dd ol li ol {margin-top:0;}
.termsList dd ol li ol li {margin-top:2px;}
.termsList dd ol li .noticeList {margin-top:3px !important;}
.termsList dd ol li .noticeList li {text-indent:0;}
.termsList dd.num {margin:20px 0 0 0;padding:0 0 0 13px;text-indent:-13px;font-family:'굴림',gulim;font-size:12px;color:#666666;line-height:140%;}
.termsList dd.num * {text-indent:0;}
.termsList dd .conList {margin:0 0 0 4px;text-indent:0;}
.termsList dd .conList li {margin:5px 0 0 0;text-indent:0;}
.termsList dd .conList li .noticeList li {margin-top:1px !important;}
.termsList dd .conList li ol li {margin-top:2px;padding-left:13px !important;text-indent:-13px;background:none;}
.termsList dd .infoList {margin-bottom:0;}
.termsList dd .infoList li {font-size:11px;}
.termsList dd .infoTable {margin:8px 0 0 0;}

.subTerms {overflow:hidden;width:100%;padding:20px 0 0 0;}
.subTerms dt {margin:20px 0 0 0;padding:0 0 0 15px;font-family:'굴림',gulim;font-size:12px;color:#666;text-align:center;letter-spacing:15px;}
.subTerms dd {margin:20px 0 0 0;font-family:'굴림',gulim;font-size:12px;line-height:140%;color:#666;text-align:center;}

.termsDate {overflow:hidden;width:100%;margin-bottom:-5px;}
.termsDate ul {float:right;}
.termsDate ul li {margin:0 0 5px 0;font-size:12px;line-height:120%;}

.termTxt {margin:0;font-family:'굴림',gulim;font-size:12px;line-height:140%;color:#666;}

/* 리스트타입 */
ul.listType01 {margin: 0 0 8px 2px; *margin: 0 0 9px 2px; _width: 99%;zoom:1;}
ul.listType01 li {padding: 0 0 4px 10px; background: url('../../../images/asis/hts/bul_depth03.gif') no-repeat 0 5px; line-height:140%;font-size:12px;color: #666;}
ul.listType01 li ul {margin: 4px 0 -6px -7px; *margin: 4px 0 -5px -7px;}
ul.listType01 li ul li {padding: 0 0 4px 6px; background: url('../../../images/asis/hts/bul_depth04.gif') no-repeat 0 4px; color: #666; font-size: 11px; line-height: 14px; }

ul.listType02 {margin-top: 7px; *margin-top: 6px; margin-bottom: 11px; _width: 100%;zoom:1;}
ul.listType02 li {padding: 0 0 4px 11px; background: url('../../../images/asis/hts/bul_depth04.gif') no-repeat 5px 4px; 
color: #666; font-size: 11px; line-height: 14px;}

ul.list02 { _width: 100%;zoom:1;}
ul.list02 li {padding: 0 0 0 11px; background: url('../../../images/asis/hts/bul_depth04.gif') no-repeat 5px 4px; 
color: #666; font-size: 11px; line-height: 14px;}

ul.listType03 {margin: 0 0 8px 0; _width: 100%;zoom:1;}
ul.listType03 li {padding: 0 0 4px 18px; background: url('../../../images/asis/hts/bul_info01.gif') no-repeat 0 0; color: #666; font-size: 11px; line-height: 14px;}

ul.listType04 {margin:7px 0 8px 0; _width: 100%;zoom:1;}
ul.listType04 li {padding: 0 0 4px 12px; background: url('../../../images/asis/hts/bul_depth0401.gif') no-repeat 5px 4px; color: #666; font-size: 11px; line-height: 14px;}

ol.numList {}
ol.numList li {margin:3px 0 0 0;padding:0 0 0 13px;text-indent:-12px;}
ol.numList li.first {margin-top:0;}

/* result box */
.result {margin:8px 0 0 0;padding:12px 0;background:#f9f9fb;border:1px solid #898ab3;}
.result:after{content:""; display:block; clear:both;}
.result dl {overflow:hidden;width:100%;}
.result dl dt {float:left;padding:1px 15px 1px;background:url(../../../images/asis/hts/bg_result.gif) no-repeat right 0;color:#363636;line-height:14px;}
.result dl dd {float:left;padding:1px 0 0 15px;line-height:14px;}

/* Txt */
.headTxt {padding:0 0 0 10px;line-height:140%;font-size:12px;color:#666666;}
.conTxt {line-height:140%;font-size:12px;color:#666666;}

/* contents box */
.conBox {overflow:hidden;width:100%;background:url(../../../images/asis/hts/con_box.gif) no-repeat 0 0;}
.conBox .conBoxHead {height:15px;margin:0 0 0 15px;background:url(../../../images/asis/hts/con_box.gif) no-repeat right 0;}
.conBox .conBoxWrap {margin:0;padding:0 0 0 15px;background:url(../../../images/asis/hts/con_box.gif) no-repeat 0 bottom;}
.conBox .conBoxWrap .conBoxCon {margin:0;padding:0 15px 15px 0;background:url(../../../images/asis/hts/con_box.gif) no-repeat right bottom;}

/* admin search */
.bbsSearch {margin:0 0 15px 0;padding:7px 0 0 0;background:url(../../../images/asis/hts/bbs_search_bg.gif) 0 0 no-repeat;}
.bbsSearch .searchCon {position:relative;overflow:hidden;width:100%;background:url(../../../images/asis/hts/bbs_search_bg.gif) 0 bottom no-repeat;}
.bbsSearch .searchCon * {vertical-align:middle;}
.bbsSearch .searchCon ul {float:left;padding:5px 20px 12px 20px;}
.bbsSearch .searchCon ul li {float:left;height:18px;margin:0 0 0 15px;padding:0 0 0 15px;background:url(../../../images/asis/hts/bbs_search_list_bg.gif) 0 2px no-repeat;}
.bbsSearch .searchCon ul li.first {margin-left:0;padding-left:0;background:none;}
.bbsSearch .searchCon .searchBtn {position:absolute;top:0px;right:7px;background-image:url(../../../images/asis/hts/bbs_btn_search_bg.gif);}

/* color */
.type1 {color:#df0988;}
.type2 {color:#538505;}
.type3 {color:#0072bc;}
.type4 {color:#713492;}

/* 거래유의사항 */
.tradeCaution {width:830px;padding:10px 20px;font-size:12x;}
.cautionHead {position:relative;height:183px;margin:0 0 1px 0;background:url('../../../images/asis/hts/trade_caution_bg.gif') no-repeat 0 0;}
.cautionHead .cautionList  {position:absolute;top:113px;left:0px;width:240px;}
.cautionHead h2.bul01 {position:absolute;left:0px;bottom:0px;}
.tradeAgree {overflow-x:hidden;overflow-y:auto;width:830px;height:450px;padding:20px 15px 20px 15px;border:1px solid #8d97b7;line-height:140%;}
.tradeAgree h3 {font-size:18px;font-weight:bold;color:#464646;text-align:center;}
.tradeAgree h4 {margin:40px 0 0 0;font-size:14px;font-weight:bold;color:#464646;text-align:center;}
.tradeAgree h5 {margin:25px 0 0 0;font-size:12px;font-weight:bold;color:#333333;text-align:center;}
.tradeAgree h6 {margin:25px 0 2px 0;font-size:12px;font-weight:bold;color:#1b306f;}
.tradeAgree ol {padding:0 0 0 25px;}
.tradeAgree ol li {margin-top:5px;text-indent:-14px;}
.tradeAgree ol li ol {margin-top:0;padding-top:2px;}
.tradeAgree ol li ol li {margin-top:2px;}
.tradeAgree ol li sup {margin-top:-4px 0 0 0;color:##3449C8;font-size:11px;vertical-align:top;}

/* box *)(* */
.txtBox {overflow:hidden;width:100%;margin:0 0 10px 0;background:url('../../../images/asis/hts/txt_box_bg.gif') no-repeat 0 0;}
.txtBox .txtHead {height:16px;margin:0 0 0 16px;background:url('../../../images/asis/hts/txt_box_bg.gif') no-repeat right 0;}
.txtBox .txtWrap {margin:0;padding:0 0 0 16px;background:url('../../../images/asis/hts/txt_box_bg.gif') no-repeat 0 bottom;}
.txtBox .txtWrap .txtCon {margin:0;padding:0 16px 14px 0;font-size:12px;line-height:140%;background:url('../../../images/asis/hts/txt_box_bg.gif') no-repeat right bottom;}
.txtSec {font-size:12px;line-height:140%;}
.txtSec .listType01 {margin:0 !important;}

/* inforBox */
.mr_kiwoom{font-size:12px; color:#000; text-align:right; margin-bottom:10px;}
.titWrap{width:100%; position:relative;}
.titWrap:after{clear:both; content:""; display:block;}

.titWrap a{float:left; position:relative; left:10px; top:-5px;}
.titWrap h2.bul01 { float:left;}

.inforBox{width:748; height:178px; border:1px solid #8d97b7; overflow:auto; overflow-x:hidden; padding:15px 65px 15px 15px; font-size:12px; margin-bottom:20px; font-family:굴림;}
.inforBox *{line-height:18px;}
.inforBox ol{padding-left:10px;}

/* formType */
.hero_formType1{background:url(../../../images/asis/hts/bg_hero_search.gif) no-repeat left top; width:810px; height:42px; padding:0 7px 0 13px; margin-bottom:15px;}
.hero_formType1:after{clear:both; content:""; display:block;}
.formTitle{float:left; padding-top:11px;}
.boxInput{height:16px; line-height:16px; border:1px solid #bfbfbf;}
.formBtn{float:right; padding-top:7px;}

.reply{position:relative; left:0; top:-2px; margin-right:5px; vertical-align:middle;}

.gather{width:100%; margin-top:10px;}
.gather:after{clear:both; content:""; display:block;}
.btnLeft{float:left;}
.btnRight{float:right;}

/* 생일팝업 */
.birthday{position:relative;}
.birthday p{position:absolute; left:0; top:281px; font-size:14px; color:#363636; font-weight:bold; width:100%; text-align:center;}
.birthday p span{color:#ef097b;}

/* data table */
.dataList {overflow:hidden;border:1px solid #898ab3;}
.dataList table {width:100.1%;_width:100%;margin-left:-1px;margin-top:-1px;border-collapse:collapse;}
.dataList table thead tr th {padding:8px 5px 7px 5px;border-top:1px solid #c3c6ce;border-left:1px solid #c3c6ce;border-bottom:1px solid #c3c6ce;font-weight:normal;font-size:12px;color:#363636;text-align:center;background:#f0f1f5 url(../../../images/asis/hts/bg_th.gif) 0 0 repeat-x;}
.dataList table tbody tr th .needMark {margin:0 0 0 3px;}
.dataList table tbody tr th {padding:6px 5px 5px 5px;border-top:1px solid #c3c6ce;border-left:1px solid #c3c6ce;font-weight:normal;line-height:140%;font-size:12px;color:#363636;text-align:center;background:#f0f1f5 url(../../../images/asis/hts/bg_th.gif) 0 0 repeat-x;}
.dataList table tbody tr th .needMark {margin:0 0 0 3px;}
.dataList table tbody tr td {padding:6px 7px 5px 5px;border-top:1px solid #e2e2e2;border-left:1px solid #c3c6ce;line-height:140%;font-size:12px;color:#666666;}
.dataList table tbody tr td * {vertical-align:middle;}
.dataList table tbody tr td .inputEl {margin:0 10px 0 0;}
.dataList table tbody tr td .searchCal {margin:0 6px 0 0;}
.dataList table tbody tr td textarea {width:670px;height:70px;padding:5px;border:1px solid #bfbfbf;}
.dataList table tbody tr td .cellTip {font-size:11px;color:#999999;}
.dataList table tbody tr td.rdata {padding-left:5px;padding-right:5px;text-align:right;}
.dataList table tbody tr td.cdata {padding-left:5px;text-align:center;}
.dataList table tbody tr.addBg td {background-color: #fafafa;}

/* info table */
table.infoTable {width:100%;border-collapse:collapse;}
table.infoTable thead tr th {padding:7px 5px 5px 5px;border-top:1px solid #8d97b7;border-left:1px solid #c5c5c5;border-bottom:1px solid #c5c5c5;font-weight:normal;line-height:120%;font-size:12px;color:#363636;text-align:center;background:url(../../../images/asis/hts/bg_th_info.gif) 0 0 repeat-x;}
table.infoTable thead tr th.first {border-left:0 none;}
table.infoTable tbody tr th {padding:6px 3px 5px 5px;border-bottom:1px solid #c5c5c5;font-weight:normal;line-height:140%;font-size:12px;color:#363636;}
table.infoTable tbody tr th .needMark {margin:0 0 0 3px;}
table.infoTable tbody tr th.cdata {text-align:center;padding-left:1px;padding-right:1px;}
table.infoTable tbody tr td {padding:4px 5px 3px 5px;border-bottom:1px solid #c5c5c5;border-left:1px solid #c5c5c5;line-height:140%;font-size:12px;color:#666666;}
table.infoTable tbody tr td * {vertical-align:middle;}
table.infoTable tbody tr td .inputEl {margin:0 10px 0 0;}
table.infoTable tbody tr td .searchCal {margin:0 6px 0 0;}
table.infoTable tbody tr td textarea {width:670px;height:70px;padding:5px;border:1px solid #bfbfbf;}
table.infoTable tbody tr td .cellTip {font-size:11px;color:#999999;}
table.infoTable tbody tr td .infoList {margin-top:0;}
table.infoTable tbody tr td .infoList li {font-size:12px !important;}
table.infoTable tbody tr td .addTip {margin-top:1px;}
table.infoTable tbody tr td.first {border-left:0 none;}
table.infoTable tbody tr .rdata {padding-left:5px;padding-right:5px;text-align:right;}
table.infoTable tbody tr .cdata {padding-left:5px;text-align:center;}
table.infoTable tbody tr .noData {padding-top:20px;padding-bottom:20px;border-left:0 none;text-align:center;}

/* data table */
.dataTable {width:100%;border-collapse:collapse;border-top:1px solid #8e8e8e;table-layout:fixed;}
.dataTable tbody tr th{padding:14px 5px 13px 5px; border-bottom:1px solid #d8d8d8; border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;  font-size:12px; font-weight:bold; color:#333333; text-align:center; background-color:#fafafa; }
.dataTable tbody tr th.first{border-left:0;}
.dataTable tbody tr th label {color:#333;}
.dataTable tbody tr td {padding:9px 5px 9px 16px; border-bottom:1px solid #d8d8d8; font-size:11px; color:#999999; text-align:center;}
.dataTable tbody tr td.con {padding-left:16px;text-align:left;font-size:12px;color:#666;}
.dataTable tbody tr td.con p {padding:10px 0 10px 0;font-size:12px;color:#666;line-height:140%;}
.dataTable tbody tr td.view {padding:19px 19px 18px 19px; line-height:140%; font-size:12px; color:#333333; text-align:left;}
.dataTable tbody tr td a {font-size:12px; color:#333333;}
.dataTable tbody tr td .new {margin:0 0 0 3px; vertical-align:middle;}

/* bbs */
.heroBBS {padding:4px 0 0 0;background:url(../../../images/asis/hts/hero_bbs_bg.gif) 0 0 repeat-x;}
.heroBBS table {width:100%;border-collapse:collapse;}
.heroBBS table thead tr th {padding:14px 5px 13px 5px;border-bottom:1px solid #8e8e8e;font-size:12px;font-weight:bold;color:#333333;text-align:center;background:#fafafa url(../../../images/asis/hts/hero_bbs_th_bg.gif) 0 center no-repeat;}
.heroBBS table thead tr th.first {background-image:none;}
.heroBBS table thead tr td {padding:14px 10px 13px 18px;border-bottom:1px solid #8e8e8e;font-size:12px;color:#333333;text-align:left;background:#fafafa url(../../../images/asis/hts/hero_bbs_th_bg.gif) 0 center no-repeat;}
.heroBBS table tbody tr td {padding:14px 5px 13px 5px;border-bottom:1px solid #d8d8d8;font-size:11px;color:#999999;text-align:center;}
.heroBBS table tbody tr td.con {padding-left:16px;text-align:left;}
.heroBBS table tbody tr td.view {padding:19px 19px 18px 19px;border-bottom:1px solid #8e8e8e;line-height:140%;font-size:12px;color:#333333;text-align:left;}
.heroBBS table tbody tr td.name {font-size:12px;}
.heroBBS table tbody tr td a {font-size:12px;color:#333333;}
.heroBBS table tbody tr td .new {margin:0 0 0 3px;vertical-align:middle;}
.heroBBS table tbody tr td * {vertical-align:middle;}
.heroBBS table tbody tr.add th {padding:14px 2px 13px 2px;border-right:1px solid #8e8e8e;border-bottom:1px solid #8e8e8e;font-size:12px;font-weight:bold;color:#333333;text-align:center;background:#fafafa;}
.heroBBS table tbody tr.add td {border-bottom:1px solid #8e8e8e;}
.heroBBS table tbody tr.add td .addFile {color:#868686;text-decoration:underline;}

/* reply */
.replyList01 {position:relative;width:100%;margin-top:-20px;padding-bottom:11px;border-bottom: 1px solid #8e8e8e; background: #fafafa; overflow: hidden;}
.replyList01 dt {float: left; clear: left; width: 76px; padding: 25px 14px 0 0; text-align: right; font-weight: bold;font-size:12px;color: #555555;}
.replyList01 dt.noCont {padding-top:13px;}
.replyList01 dd {float: left; width:auto; margin-top: 13px; padding-left: 16px; background: url('../../../images/asis/hts/reply_bg.gif') repeat-y 0 12px;font-size:12px;text-align: left; color: #333;}
.replyList01 dd * {vertical-align:middle;}
.replyList01 dd a {color: #333; text-decoration: none;}
.replyList01 dd img {margin-top:-2px;}
.replyList01 dd .reply1 {margin:8px 0 0 0px;}
.replyList01 dd .reply2 {margin:8px 0 0 8px;}
.replyList01 dd .reply3 {margin:8px 0 0 16px;}
.replyList01 dd .reply4 {margin:8px 0 0 24px;}

/* paging */
.heroPaging {margin:20px 0 0 0;text-align:center;}
.heroPaging * {vertical-align:top;}
.heroPaging .pagingReward {display:inline-block;margin:0 12px 0 0;}
.heroPaging .pagingForward {display:inline-block;margin:0 0 0 12px;}
.heroPaging .pagingList {display:inline-block;padding:3px 0 0 0;}
.heroPaging .pagingList a {display:inline-block;width:18px;font-family:Tahoma;font-size:12px;color:#b4b4b4;text-align:center;}
.heroPaging .pagingList a.on {font-weight:bold;color:#363636;}

/* paging (web) */
.paging {width: 100%; text-align: center;  padding-top: 20px; font-size:12px;color: #b4b4b4;}
.paging span {padding: 2px 5px 0 6px; color: #b4b4b4; font-family: tahoma; display: inline-block;}
.paging span.first {background: none;}
.paging span.btn01 {background: none; margin: 0 1px 0 0; padding: 0; _height: 22px;}
.paging span.btn02 {background: none; margin: 0 10px 0 0; padding: 0; _height: 22px;}
.paging span.btn03 {background: none; margin: 0 1px 0 10px; padding: 0; _height: 22px;}
.paging span.btn04 {background: none; margin: 0; padding: 0; _height: 22px;}
.paging span.present {color: #363636; font-weight: bold; text-decoration: none;}
.paging img {vertical-align: middle;margin-top:-3px;}
.paging a, .paging a:active, .paging a:hover {margin:0;color:#363636;text-decoration: none;}

/* page btn */
.pageBtn {margin:10px 0 0 0;text-align:right;}
.btn {display:inline-block;height:28px;padding:0 0 0 10px; background:url(../../../images/asis/hts/btn_bg.gif) 0 0 no-repeat; cursor:pointer;}
.btn span {display:inline-block;min-width:42px;_width:42px;height:20px;padding:8px 10px 0 0;font-size:12px;font-weight:bold;color:#696b75;text-align:center;white-space:nowrap;background:url(../../../images/asis/hts/btn_bg.gif) no-repeat right 0;}
.btn span * {vertical-align:bottom;}

.btnOn {display:inline-block;height:28px;padding:0 0 0 10px;background:url(../../../images/asis/hts/btn_bg_on.gif) 0 0 no-repeat;cursor:pointer;}
.btnOn span {display:inline-block;min-width:42px;_width:42px;height:20px;padding:8px 10px 0 0;font-size:12px;font-weight:bold;color:#fff;text-align:center;white-space:nowrap;background:url(../../../images/asis/hts/btn_bg_on.gif) no-repeat right 0;}
.btnOn span * {vertical-align:bottom;}

.listBtn {margin:5px 0 3px 0;text-align:right;}
.listBtn * {vertical-align:top;}

/* inquiry */
.inq {position:relative;margin:0;padding:17px 7px 6px 12px;border:1px solid #898ab3;border-top:0;background:url(../../../images/asis/hts/bg_inq.gif) repeat-x 0 0;zoom:1;}
.inq .inqList {overflow:hidden;width:100%;padding:0 0 6px 0;}
.inq .inqList dt {float:left;padding:3px 5px 0 0;font-size:12px;color:#363636;}
.inq .inqList dt * {vertical-align:middle;}
.inq .inqList dd {float:left;margin:0 15px 0 0;font-size:12px;color:#363636;}
.inq .inqList dd * {vertical-align:middle;}
.inq .inqList .divide {padding-left:16px;background:url(../../../images/asis/hts/bg_inq_divide.gif) no-repeat 0 1px;}
.inq .btnInq {position:absolute;top:13px;right:7px;}
.inqTab {position:relative;overflow:hidden;width:100%;margin:-4px 0 0 0;}
.inqTab .tabArea {float:left;padding:0 15px 6px 0;}
.inqTab .tabArea li {float:left;margin:0 -1px 0 0;}
.inqTab .tabArea li * {vertical-align:top;}
.inqTab .inputArea {float:left;padding:4px 0 0 0;}

/* 목록리스트 */
.heroComment{margin:30px 0 20px; border-top:1px solid #8e8e8e; border-bottom:1px solid #8e8e8e; width:100%;}
.heroComment table{width:100%;}
.heroComment table tbody tr th {padding:14px 17px 13px 18px; border-bottom:1px solid #d8d8d8;font-size:12px;color:#333333; text-align:right; background:url(../../../images/asis/hts/hero_bbs_th_bg.gif) right center no-repeat; font-weight:bold;}
.heroComment table tbody tr td {padding:14px 5px 13px 15px;border-bottom:1px solid #d8d8d8;color:#999999;text-align:left; font-size:12px;}
.heroComment table tbody tr td.prev{color:#333;}
.heroComment table tbody tr td.con {padding-left:16px;text-align:left;}
.heroComment table tbody tr td.view {padding:19px 19px 18px 19px;line-height:140%;font-size:12px;color:#333333;text-align:left;}
.heroComment table tbody tr td a {font-size:12px;color:#333333;}
.heroComment table tbody tr td .new {margin:0 0 0 3px;vertical-align:middle;}
.heroComment .icon{position:relative; left:-10px; top:-2px;}

/* bbs1 */
.heroBBS1 {padding:4px 0 0 0;background:url(../../../images/asis/hts/hero_bbs_bg.gif) 0 0 repeat-x;}
.heroBBS1 table {width:100%;border-collapse:collapse; table-layout:fixed;}
.heroBBS1 table tbody tr th{padding:14px 5px 13px 5px; border-bottom:1px solid #8e8e8e; border-right:1px solid #d8d8d8; border-left:1px solid #d8d8d8;  font-size:12px; font-weight:bold; color:#333333; text-align:center; background-color:#fafafa; }
.heroBBS1 table tbody tr th.first{border-left:0;}
.heroBBS1 table tbody tr th label {color:#333;}
.heroBBS1 table tbody tr td {padding:9px 5px 9px 16px; border-bottom:1px solid #8e8e8e; font-size:11px; color:#999999; text-align:center;}
.heroBBS1 table tbody tr td.con {padding-left:16px;text-align:left;font-size:12px;color:#666;}
.heroBBS1 table tbody tr td.con p {padding:10px 0 10px 0;font-size:12px;color:#666;line-height:140%;}
.heroBBS1 table tbody tr td.view {padding:19px 19px 18px 19px; line-height:140%; font-size:12px; color:#333333; text-align:left;}
.heroBBS1 table tbody tr td a {font-size:12px; color:#333333;}
.heroBBS1 table tbody tr td .new {margin:0 0 0 3px; vertical-align:middle;}

.attach{font-size:11px; margin-top:8px;}
.attach li{background:url(../../../images/asis/hts/bul_depth04.gif) no-repeat left 5px; line-height:14px; margin-top:4px; color:#666; padding-left:7px;}
.attach li span{color:#ef097b;}
.tdScroll { overflow:auto; overflow-x:hidden; vertical-align:top; padding:10px 20px 10px 10px; border:1px solid #bbb; height:410px; text-align:left; font-size:12px;}

/* 필명등록 */
.txtCenter{width:100%; text-align:center; font-size:14px; font-weight:bold;}
.txtCenter span{color:#ef097b;}
.txtCenter1 {width:100%; text-align:center; font-size:12px; margin:8px 0 10px 0;}

.btnCenter{text-align:center;}

.nameReg{border:1px solid #8d97b7; width:331px; margin:0 auto 10px; }
.nameReg th{background-color:#e8eaee; color:#363636; font-weight:bold;text-align:center; border-right:1px solid #c3c8d8;}
.nameReg td {padding:8px 0 8px 10px; background-color:#fafafa;}
.nameReg td input{border:1px solid #d0d0d0; width:237px;}

/* 초보자가이드 */
.bg_beginner{background:url(../../../images/asis/hts/bg_beginner_box.gif) no-repeat left top; margin-top:20px; padding:17px 0 0 16px; width:630px; height:528px;}
.bg_beginner p{line-height:15px; font-size:12px; margin:10px 0;}
.attention li{line-height:18px !important;}
.attention span{color:#ef097b;}
.attention img{vertical-align:top; position:relative; top:-1px; left:0;}
.font12{font-size:12px !important;}

/* 거래설명서 */
.tradeAgree {overflow-y:auto;height:490px;padding:20px 15px 20px 15px;border:1px solid #8d97b7;line-height:140%; font-size:12px;}
.tradeAgree h3 {font-size:18px;font-weight:bold;color:#464646;text-align:center;}
.tradeAgree h4 {margin:40px 0 0 0;font-size:14px;font-weight:bold;color:#464646;text-align:center;}
.tradeAgree h5 {margin:25px 0 0 0;font-size:12px;font-weight:bold;color:#333333;text-align:center;}
.tradeAgree h6 {margin:25px 0 2px 0;font-size:12px;font-weight:bold;color:#1b306f;}
.tradeAgree ol {padding:0 0 0 25px;}
.tradeAgree ol li {margin-top:5px;text-indent:-14px;}
.tradeAgree ol li ol {margin-top:0;padding-top:2px;}
.tradeAgree ol li ol li {margin-top:2px;}
.tradeAgree ol li sup {margin-top:-4px 0 0 0;color:##3449C8;font-size:11px;vertical-align:top;}
.tradeAgree .amen_year{text-align:right !important; margin-top:15px !important; line-height:18px;}
.amen_year .amendButton{margin-top:5px; display:block;}
.tAgree_box{background:url(../../../images/asis/hts/bg_amend_box.gif) no-repeat left top; height:52px; width:755px; padding:13px;}

.initialization{padding:0 0 0 14px !important;}
.c{text-align:center !important;}
.pink{color:#ef097b !important;}
.ml_10{margin-left:-10px;}
.mb0{margin-bottom:0 !important;}
.mb5{margin-bottom:5px !important;}
.mb16{margin-bottom:16px !important;}
.mt0{margin-top:0 !important;}
.mt3{margin-top:3px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt30{margin-top:30px !important;}
.pb0{padding-bottom:0 !important;}
.pb10{padding-bottom:10px !important;}
.pl12{padding-left:12px !important;}
.lh14{line-height:14px !important;}
.text_left{ text-align:left!important;}
.boxR{position:relative}

/* 거래설명서 박스 */
.rboxTop{background:url(../../../images/asis/hts/rbox_t.gif) no-repeat left top; padding-top:4px;}
.rboxBtm{background:url(../../../images/asis/hts/rbox_b.gif) no-repeat left bottom; padding-bottom:4px;}
.rboxMid{background:url(../../../images/asis/hts/rbox_m.gif) repeat-y left top; padding:6px 15px; width:751px; overflow:hidden; line-height:18px;}

/* center테이블 */
.cenTable {text-align:center;}

.tableFloat{width:100%;}
.tableFloat:after{clear:both; content:""; display:block;}
.floatL{float:left; width:48%;}
.floatR{float:right; width:48%;}

.float_L{float:left;}
.float_R{float:right;}

.backN li{background:none !important;}
.boxList li li{color:#999 !important;}

/* infotable1 */
table.infoTable1 {width:100%;border-collapse:collapse;}
table.infoTable1 thead tr th {padding:7px 5px 5px 5px;border-top:1px solid #8d97b7;border-left:1px solid #c5c5c5; border-bottom:1px solid #c5c5c5; font-weight:normal; font-size:12px;color:#363636; text-align:center; background:url(../../../images/asis/hts/bg_th_03.gif) 0 0 repeat-x; height:54px;}
table.infoTable1 thead tr th.first {border-left:0 none;}
table.infoTable1 tbody tr th {padding:4px 5px 3px 5px;border-bottom:1px solid #c5c5c5;font-weight:normal;line-height:140%;font-size:12px;color:#363636;}
table.infoTable1 tbody tr th .needMark {margin:0 0 0 3px;}
table.infoTable1 tbody tr td {padding:4px 5px 3px 5px;border-bottom:1px solid #c5c5c5;border-left:1px solid #c5c5c5;line-height:140%;font-size:12px;color:#666666;}
table.infoTable1 tbody tr td * {vertical-align:middle;}
table.infoTable1 tbody tr td .inputEl {margin:0 10px 0 0;}
table.infoTable1 tbody tr td .searchCal {margin:0 6px 0 0;}
table.infoTable1 tbody tr td textarea {width:670px;height:70px;padding:5px;border:1px solid #bfbfbf;}
table.infoTable1 tbody tr td .cellTip {font-size:11px;color:#999999;}
table.infoTable1 tbody tr td.first {border-left:0 none;}
table.infoTable1 tbody tr .rdata {padding-left:5px;padding-right:5px;text-align:right;}
table.infoTable1 tbody tr .cdata {padding-left:5px;text-align:center;}

/* 상단에만 th 가 있는 경우 */
.hero_trading {border: 1px solid #898ab3; overflow: hidden;position:relative;}
.hero_tbList01 {width: 100%; margin-bottom: -1px; }
.hero_tbList01 thead th {height:15px;padding:7px 0 5px 0;line-height:15px;background:#f0f1f5 url(../../../images/asis/hts/table_th_bg.gif) repeat-x 0 0;border-right:1px solid #c3c6ce;border-bottom:1px solid #c3c6ce;color:#363636;text-align:center;font-weight: normal;}
.hero_tbList01 thead th.subth01 {background-image:none;background-color:#f9f9fb;}
.hero_tbList01 tbody th {height: 15px; padding: 7px 0 5px 0; line-height: 15px;background:#f0f1f5 url(../../../images/asis/hts/table_th_bg.gif) repeat-x 0 0;border-right: 1px solid #c3c6ce; border-bottom: 1px solid #c3c6ce; color: #363636; text-align: center; font-weight: normal; letter-spacing: -1px;}
.hero_tbList01 tbody th.subth01 {background:#f0f0f0;}
.hero_tbList01 td {height: 14px; padding: 3px 5px 2px 0; line-height: 15px; background: #fff; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; text-align: center; color: #666;}
.hero_tbList01 tr.addBg01 td {background: #f9f9f9;}
.hero_tbList01 td.brR {border-right: 1px solid #c3c6ce;}
.hero_tbList01 tr.brNo th, .tbList01 tr.brNo td {border-bottom: 0 !important; }
.hero_tbList01 tbody tr.deal th {padding: 3px 0 2px 0; border-right: 1px solid #b2b0b1; border-bottom: 1px solid #b2b0b1;}
.hero_tbList01 th.brT {border-top: 1px solid #c3c6ce;}
.hero_tbList01 th, .hero_tbList01 td{ font-size:12px !important;}
.hero_tbList01 input{vertical-align:middle; margin:0; padding:0;}
.ldata{text-align:left !important; padding-left:10px !important;}
.last {border-right: 0 none !important}

.smsWrap{border:1px solid #8d97b7; background-color:#fafafa; height:44px; width:620px; font-size:12px; padding:0 7px 0 15px; margin-top:10px;}
.smsWrap:after{clear:both; content:""; display:block;}
.smsWrap .inputSize1{width:48px; border:1px solid #bfbfbf;}
.smsWrap label{color:#363636; }

.jedoBox{background:url(../../../images/asis/hts/bg_jedo_box.gif) no-repeat left top; width:616px; height:427px; padding:15px;}

/* faq리스트 */
.faqList01 {width: 100%;border-top: 1px solid #8d97b7;}
.faqList01 li.question {padding: 12px 0 10px 69px; background: url(../../../images/asis/hts/icon_question.gif) no-repeat 30px 50%; border-bottom: 1px solid #d8d8d8; line-height: 18px; color: #333; font-size:12px;}
.faqList01 li.question a {color:#333333;}
.faqList01 li.question a:hover {font-weight:bold;}
.faqList01 li.answerArea {padding: 14px 0 14px 70px; background: #f8f8f8; border-bottom: 1px solid #d8d8d8; vertical-align: top;}
.faqList01 .answer {width: 665px; min-height: 40px; height: auto !important; height: 40px; padding: 6px 25px 0 53px; background: url(../../../images/asis/hts/icon_answer.gif) no-repeat 0 0; line-height: 18px; color: #333; font-size:12px;}
.faqList01 li.question a.on {font-weight: bold;}
.faqList01 li.question a:hover {font-weight: bold;}
.faqList01 .answer .bulList01 li{padding-left:6px;background:url(../../../images/asis/hts/bul_depth04.gif) no-repeat 0 7px;font-size:12px;line-height:18px;}
.faqList01 .answer *{color:#333;}

.hero_faq_top{background:url("../../../images/asis/hts/bg_inq.gif") repeat-x scroll 0 0 transparent; height:4px;}
.hero_faq_list{background-color:#fafafa; width:100%; }
.hero_faq_list ul{overflow:hidden; width:802px; padding:13px;border-left:1px solid #8d97b7;border-right:1px solid #8d97b7;border-bottom:1px solid #8d97b7; font-size:12px;}
.hero_faq_list li{float:left; width:255px; background:url(../../../images/asis/hts/bul_depth03.gif) no-repeat scroll 0 6px transparent; color:#666; line-height:18px; padding:0 0 0 10px;}
.hero_faq_list li a:hover{color:#2a3e78; font-weight:bold;}


.tradeAgree {overflow-y:auto;height:490px;padding:20px 15px 20px 15px;border:1px solid #8d97b7;line-height:140%;}
.tradeAgree h3 {font-size:18px;font-weight:bold;color:#464646;text-align:center;}
.tradeAgree h4 {margin:40px 0 0 0;font-size:14px;font-weight:bold;color:#464646;text-align:center;}
.tradeAgree h5 {margin:25px 0 0 0;font-size:12px;font-weight:bold;color:#333333;text-align:center;}
.tradeAgree h6 {margin:25px 0 2px 0;font-size:12px;font-weight:bold;color:#1b306f;}
.tradeAgree ol {padding:0 0 0 25px;}
.tradeAgree ol li {margin-top:5px;text-indent:-14px;}
.tradeAgree ol li ol {margin-top:0;padding-top:2px;}
.tradeAgree ol li ol li {margin-top:2px;}
.tradeAgree ol li sup {margin-top:-4px 0 0 0;color:##3449C8;font-size:11px;vertical-align:top;}

/* footer */
#footerWrap {height:90px;margin-top:40px;text-align:center;}
#footerWrap .footer {overflow:hidden;margin:0 auto;padding:24px 0 0 0;border-top:1px solid #cfcfcf;text-align:left;}
#footerWrap .footer .footerLogo {float:left;}
#footerWrap .footer .footerInfo {float:left;}
.footerList {overflow:hidden;}
.footerList li {float:left;margin:0 0 0 8px;padding:0 0 0 8px;background: url('../../../images/asis/hts/footer_list_bg.gif') no-repeat 0 0;}
.footerList li * {vertical-align:top;}
.footerList li.first {margin-left:0;padding-left:0;}
.footerCopy {margin:10px 0 0 0;}

/* data table */
.List02 {width:100%;border-collapse:collapse;border-top:1px solid #cccccc;table-layout:fixed;}
.List02 tbody thead tr th {padding:7px 5px 7px 5px; border-top:1px solid #cccccc;border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc;  font-size:12px; 
									font-weight:bold; color:#333333; text-align:center; background-color:#fafafa;}
.List02 tbody tr td {padding:14px 5px 13px 5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; border-left:1px solid #cccccc;  font-size:12px; 
								font-weight:bold; color:#333333; background-color:#FFF;}
.List02 tbody tr td.con {padding-left:16px;text-align:center;font-size:12px;color:#666;}
.List02 tbody tr td a {font-size:12px; color:#333333;}

/*팝업 추가*/
.popWrap{position:relative;}
.popWrap01{position:relative;}
.popWrap02{position:relative;}
.popWrap04{position:relative;}
.popWrap05{position:relative;}
.popWrap06{position:relative;}
.popWrap07{position:relative;}
.popWrap08{position:relative;}
.popWrap09{position:relative;}
.popWrap10{position:relative;}
.popWin{position:relative;}

/*팝업닫기버튼*/
#a_close{position:absolute; top:17px; right:29px;}
#a_close02{position: absolute; right: 19px; top: 9px;}
.a_close02{position: absolute; right: 19px; top: 9px;}
.vod_close{position:absolute; top:9px; right:16px;}