@charset "utf-8"; /********** base.css Start **********************************************/ /* Type Selector */ *{ margin:0; padding:0; font-family: Arial,Verdana,Tahoma, Sans-serif; color:#464646; font-size:12px; } body { background-color:#fff; } table { border-collapse:collapse; } th, td { padding:0; } img,fieldset,button,fieldset { border:none; } hr { display:none; } li { list-style:none; } html:first-child select{ padding-right:6px; height:20px; } /* Opera 9 & Below Fix */ option { padding-right:6px; } /* Firefox Fix */ legend { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; } /* For Screen Reader */ form { margin:0; } input[type=radio] { margin:-2px 2px 0 0; } input[type=checkbox] { margin:-2px 0 0 0; } sup { position:relative; top:3px; font-size:9px; line-height:0%; } /* basic link style */ a { text-decoration:none; color:#464646; } a:link { text-decoration:none; color:#464646; } a:visited { text-decoration:none; color:#464646; } a:hover { text-decoration:underline; color:#464646; } /* png imgae */ .png24{tmp:expression(setPng24(this));} /* form tag css */ input,textarea { vertical-align:middle; } textarea { padding:2px; overflow:auto; } select { font-size:11px; color:#464646; vertical-align:middle; margin-right:5px; } /* standard align css */ .txtLeft { text-align:left; } .txtRight { text-align:right; } .txtCenter { text-align:center; } .pos { position:absolute; } /* float & clear css */ .fl { float:left; } .fr { float:right; } .cb { clear:both; height:0; overflow:hidden; } /* input style */ .input { height:16px; padding:2px 2px 0 2px; background:#f5f5f7; border:1px solid #d5d5d5; } .input_off {height:16px; padding:2px 2px 0 2px; border:1px solid #d5d5d5; } /* font */ .bold {font-weight:bold;} .normal {font-weight:normal;} /* layout */ .btsty1 {border-top:solid 1px #e6e6e6;} .btsty2 {border-bottom:solid 1px #e6e6e6;} .ml05 { margin-left:5px; } .ml10 { margin-left:10px; } .ml15 { margin-left:15px; } .ml20 { margin-left:20px; } .ml25 { margin-left:25px; } .ml30 { margin-left:30px; } .ml40 { margin-left:40px; } .mr05 { margin-right:5px; } .mr10 { margin-right:10px; } .mr15 { margin-right:15px; } .mr20 { margin-right:20px; } .mr25 { margin-right:25px; } .mr30 { margin-right:30px; } .mr40 { margin-right:40px; } .mt05 { margin-top:5px; } .mt10 { margin-top:10px; } .mt15 { margin-top:15px; } .mt20 { margin-top:20px; } .mt25 { margin-top:25px; } .mt30 { margin-top:30px; } .mt40 { margin-top:40px; } .mb05 { margin-bottom:5px; } .mb10 { margin-bottom:10px; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .mb25 { margin-bottom:25px; } .mb30 { margin-bottom:30px; } .mb40 { margin-bottom:40px; } .mt55{margin-top:55px;} /* deco */ .pdL5{padding-left:5px;} .pdL10{padding-left:10px;} .pdR5{padding-right:5px;}/*20100204*/ .pdB10{padding-bottom:10px;} .vmid{ vertical-align:middle; } /* 2010-01-20 */ .setb{background-color:#f1f1f1;border-top:1px solid #e4e4e4;} .f11{font-size:11px;} .f8{font-size:8px;} .f9{font-size:9px;} .c46{color:#4670A6;} .c15{color:#152B58;} .c38{color:#385B95;} .c46{color:#464646;} /********** base.css End **********************************************/ /********** board.css Start **********************************************/ /* board list Message */ .boardMsg { margin-bottom:5px; font-size:12px; } .boardMsg strong { color:#4670a6; font-size:13px; } .boardMsg a:link {color:#4670A6;font-weight:bold;text-decoration:underline;} .boardMsg a:visited {color:#4670A6;font-weight:bold;text-decoration:underline;} /* Question and Answer board List */ ul.qnaList { width:725px; border-bottom:1px solid #dddddd; } ul.qnaList li { border-top:1px solid #1d3b5f; } ul.qnaList li dl { width:725px; } ul.qnaList li dt.qWriter { display:block; _padding:5px 0 4px; background:#edf1f6 url(../images/common/ico/qna_dt_dot.gif) no-repeat 11px 10px; border-bottom:1px solid #dee2e7; } ul.qnaList li dt.qWriter img { vertical-align:middle; } ul.qnaList li dt.qWriter strong { padding-left:18px; color:#000000; font-size:11px; font-weight:bold; line-height:200%; _line-height:100% } ul.qnaList li dt.qWriter span { color:#5f5d5d; font-size:10px; } ul.qnaList li dd { width:699px; margin:5px auto 20px; line-height:150%; } ul.qnaList li dd .question { margin-bottom:5px; } ul.qnaList li dl.insDL dt.qWriter img { margin-left:5px; } ul.qnaList li dl.insDL dd .insArea { height:1%; } ul.qnaList li dl.insDL dd .insArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } ul.qnaList li dl.insDL dd textarea { width:608px; height:34px; padding:2px; background:#f5f5f7; border:1px solid #d5d5d5; } ul.qnaList li dl.insDL dd a.btn { display:inline-block; width:77px; height:40px; color:#4d4c4c; font-size:11px; font-weight:bold; background:url(../images/common/btn/btn_ins_bg.gif) no-repeat; text-decoration:none; cursor:pointer; } ul.qnaList li dl.insDL dd a.btn span { display:inline-block; width:77px; height:30px; padding-top:10px; text-align:center; } ul.qnaList li dl.viewDL dt.qWriter img { margin-right:5px; } ul.qnaList li dl.viewDL dd .replyArea { width:712px; height:1%; padding-top:6px; background:url(../images/common/bg/bg_replyarea_line.gif) repeat-x left top; } ul.qnaList li dl.viewDL dd .replyArea:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } ul.qnaList li dl.viewDL dd .replyArea .writer { float:left; width:85px; padding-left:16px; font-weight:bold; font-size:11px; color:#5490dd; background:url(../images/common/ico/reply_bul.gif) no-repeat 0 3px; } ul.qnaList li dl.viewDL dd .replyArea .reply { float:left; width:598px; margin:0; } ul.qnaList li dl.viewDL dd .replyArea .reply img { vertical-align:middle; } /* board List Type */ .bbsList { width:725px; table-layout:fixed; border-bottom:1px solid #8d95c6; } .bbsList thead th { height:28px; padding-left:1px; background:url(../images/common/bg/bbslist_gap_bg.gif) no-repeat left top; } .bbsList thead th span { position:relative; display:block; height:28px; color:#fff; line-height:240%; background:url(../images/common/bg/bbslist_gap_bg.gif) no-repeat right top; } .bbsList thead th.first-child { height:28px; padding-left:10px; background:url(../images/common/bg/bbslist_first_bg.gif) no-repeat; } .bbsList thead th.first-child span { display:block; height:28px; padding-right:5px; color:#fff; background:url(../images/common/bg/bbslist_first_bg.gif) no-repeat right top; } .bbsList thead th.last-child { height:28px; padding-left:5px; background:url(../images/common/bg/bbslist_last_bg.gif) no-repeat; } .bbsList thead th.last-child span { display:block; height:28px; padding-right:10px; color:#fff; background:url(../images/common/bg/bbslist_last_bg.gif) no-repeat right top; } .bbsList thead th span img.sort { position:absolute; top:0px; margin:8px 0 0 3px; *margin-left:0px; vertical-align:middle; } .bbsList tbody tr.last-child td { border:none; } .bbsList tbody tr.importantList * { background:#ebeef5; color:#1c4072; } .bbsList tbody tr.importantList td a { color:#1c4072;font-weight:bold; } .bbsList tbody tr.importantLastList td { padding-bottom:6px; border:none; background:#ebeef5 url(../images/common/bg/bbslist_important_linebg.gif) repeat-x left bottom; } .bbsList tbody td { padding:7px 0 5px; color:#717171; border-bottom:1px solid #dcdcdc; } .bbsList tbody td.num { padding-left:5px; font-size:11px; } .bbsList tbody td.appID { }/* application id, name */ .bbsList tbody td.title { font-size:11px; color:#464646; } .bbsList tbody td.titleOn { font-size:11px; color:#464646; font-weight:bold; } .bbsList tbody td.txtLeft { padding-left:10px; text-align:left; } .bbsList tbody td.txtCenter { text-align:center; } .bbsList tbody td.txtRight { text-align:right; } .bbsList tbody td.last-child { padding-right:5px; } .bbsList tbody td.last-child span { color:#4479c2; } .bbsList tbody td.noData { height:100px; text-align:center; border:none; }/* no data */ .bbsList tfoot td { height:100px; text-align:center; }/* no data */ /* board View Type */ table.bbsView { width:635px; table-layout:fixed; } table.bbsView th { line-height:260%; vertical-align:top; } table.bbsView th span { display:block; padding-left:9px; color:#555557; font-weight:bold; text-align:left; background:url(../images/common/ico/th_dot.gif) no-repeat 0 12px; } table.bbsView th.gapLine { padding-top:20px; border-top:1px solid #dcdcdc; } table.bbsView td { padding:5px 0; } table.bbsView td.bbsComment { padding-bottom:20px; } table.bbsView td .bbsComment { padding:13px 18px; background:#ececec; line-height:170%; } table.bbsView td.bbsReply textarea { width:629px; height:100px; padding:2px; background:#f5f5f7; border:1px solid #d5d5d5; } table.bbsView td.gapLine { padding-top:25px; border-top:1px solid #dcdcdc; } /* board View Type */ div.bbsView { width:725px; } div.bbsView div.title { padding-top:6px; background:url(../images/common/bg/bbsview_title_bg.gif) no-repeat left top; } div.bbsView div.title dl.title { height:1%; padding-bottom:6px; background:url(../images/common/bg/bbsview_title_bg.gif) no-repeat left bottom; } div.bbsView div.title dl.title:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } div.bbsView div.title dl.title dt { float:left; width:46px; padding-right:10px; font-weight:bold; color:#fff; line-height:140%; text-align:right; background:url(../images/common/bg/bbsview_title_gap.gif) no-repeat right 50%; } div.bbsView div.title dl.title dd { float:left; width:613px; padding:0 20px 0 36px; font-weight:bold; color:#fff; line-height:140%; } div.bbsView div.regdate { padding-top:6px; background:#ebeef5 url(../images/common/bg/bbslist_important_linebg.gif) repeat-x left bottom; } div.bbsView div.regdate dl.regdate { height:1%; padding-bottom:6px; } div.bbsView div.regdate dl.regdate:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } div.bbsView div.regdate dl.regdate dt { float:left; width:46px; padding-right:10px; font-weight:normal; color:#1b4070; line-height:140%; text-align:right; background:url(../images/common/bg/bbsview_date_gap.gif) no-repeat right 50%; } div.bbsView div.regdate dl.regdate dd { float:left; width:613px; padding:0 20px 0 36px; font-weight:normal; color:#717171; line-height:140%; } div.bbsView .dataView { margin-top:15px;padding:0 20px 0 20px;} div.bbsView .dataView p { margin:10px 0; line-height:140%; } div.bbsView .dataView p strong { } /* Qna View Type */ div.qnaView { width:725px; } div.qnaView div.title { padding-top:6px; background:url(../images/common/bg/bbsview_title_bg.gif) no-repeat left top; } div.qnaView div.title dl.title { height:1%; padding-bottom:6px; background:url(../images/common/bg/bbsview_title_bg.gif) no-repeat left bottom; } div.qnaView div.title dl.title:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } div.qnaView div.title dl.title dt { display:none; } div.qnaView div.title dl.title dd { float:left; width:613px; padding:0 20px 0 36px; font-weight:bold; color:#fff; line-height:140%; } div.qnaView div.regId { padding-top:6px; background:url(../images/common/bg/bbslist_important_linebg.gif) repeat-x left bottom; } div.qnaView div.regId dl.regId { height:1%; padding-bottom:6px; } div.qnaView div.regId dl.regId:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } div.qnaView div.regId dl.regId dt { float:left; width:86px; padding-right:10px; font-weight:normal; color:#1b4070; line-height:140%; text-align:right; background:url(../images/common/bg/bbsview_date_gap.gif) no-repeat right 50%; } div.qnaView div.regId dl.regId dd { float:left; position:relative; width:593px; padding:0 20px 0 16px; font-weight:normal; color:#717171; line-height:140%; } div.qnaView div.regId dl.regId dd span.BlAnswer { position:absolute; right:0; top:-2px; } /* paging */ .paging { display:inline-block; width:725px; *padding-top:20px; text-align:center; } :root .paging { margin-top:20px; } .paging img { vertical-align:top; } .paging span { display:inline-block; margin:0 8px; line-height:12px; } .paging span strong { margin:0 3px; font-weight:bold; color:#5995e2; } .paging span a { margin:0 3px; } /* preview next */ .prevNext { margin-top:30px; border-top:1px solid #b6b6b6; border-bottom:1px solid #8d95c6; } .prevNext dl { height:1%; } .prevNext dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .prevNext dl.gapLine { border-top:1px solid #dcdcdc; } .prevNext dt { float:left; width:80px; padding-left:27px; font-weight:bold; color:#656565; line-height:250%; } .prevNext dt.prev { background:url(../images/common/ico/prevnext_prev_bul.gif) no-repeat 5px 6px; } .prevNext dt.next { background:url(../images/common/ico/prevnext_next_bul.gif) no-repeat 5px 6px; } .prevNext dd { float:left; width:520px; padding:5px 0; *padding:6px 0 5px 0; line-height:150%; } .prevNext dd.subject { color:#666666; } .prevNext dd.subject a { color:#666666; } .prevNext dd.date { float:right; width:95px; text-align:center; color:#717171; } /* current page information */ div.currentPage { padding:8px 0 6px 10px; margin-bottom:16px;border-top:1px solid #ac9abc; border-bottom:1px solid #cbcaca; background:#f6f6f8; } div.currentPage span { font-size:14px; font-weight:bold; color:#ff6600; } p.currentPage { border-bottom:1px solid #ac9abc; background:#f6f6f8; font-size:12px;line-height:180%; padding-left:10px;} p.currentPage span { font-size:14px; font-weight:bold; color:#ff6600; } /* board Application List Type */ .appList { width:725px; table-layout:fixed; border-left:1px solid #FFF;border-right:1px solid #FFF; border-top:2px solid #ac9abc; border-bottom:1px solid #ac9abc; } :root .appList { border-color:#cbc0d4 !important; border-left:hidden;border-right:hidden; } .appList .borderR { border-right:1px solid #ac9abc;} .appList thead th { padding:2px 0; background:#eceaef;border-left:1px solid #ac9abc;_border-right:1px solid #ac9abc;border-bottom:1px solid #ac9abc;} .appList thead th img.sort { position:relative; margin:2px 0 0 3px; vertical-align:top; } .appList thead td { padding:2px 0; text-align:center;background:#eceaef;border-left:1px solid #ac9abc;border-right:1px solid #ac9abc; border-bottom:1px solid #ac9abc;} .appList thead td span { font-size:11px; line-height:130%; } .appList .tblsubType01 { border-right:none; } .appList .tblsubType02 { border-left:1px solid #eceaef; border-bottom:1px solid #cbc0d4; } .appList .tblsubType03 { border-left:1px solid #cbc0d4; } .appList tbody td { padding:7px 5px; color:#464646; border-left:1px solid #cbc0d4;_border-right:1px solid #ac9abc;border-bottom:1px solid #ac9abc;border-top:0px solid #ac9abc;} .appList tbody td.txtLeft { padding:5px 4px 5px 8px; text-align:left; } .appList tbody td.txtCenter { text-align:center; } .appList tbody td.txtCenter span.VASpad{ background:url(../images/common/ico/ico_check.gif) no-repeat 0px 3px;padding-left:16px; } .appList tbody td.txtCenter span.VASred{color:#FF6600;} .appList tbody td.txtCenter span.VASinp{font-weight:bold;} .appList tbody td.whiteList span { word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-break:break-all; } .appList tbody td.txtRight { text-align:right; } .appList tbody td a { text-decoration:underline; } .appList tbody td img { margin:2px 0; } .appList tfoot td { height:100px; text-align:center; }/* no data */ .appList td:first-child {border-left: 0px none;} .appList th:first-child {border-left: 0px none;} /* support language List */ table.supportLangTbl { table-layout:fixed; padding-top:10px; } table.supportLangTbl th { width:130px; line-height:260%; background:#f9f9f9; vertical-align:top; } table.supportLangTbl th span { display:block; padding-left:25px; color:#555557; font-weight:bold; text-align:left; background:url(../images/common/ico/th_dot.gif) no-repeat 16px 12px; } table.supportLangTbl th span span { display:inline; padding-left:2px; color:#ff6600; font-weight:bold; background:none; } /* necessary */ table.supportLangTbl td { padding:2px 10px 2px 30px; line-height:150%; } table.supportLangTbl td a.btnInBox { /*position:relative;*/ _position:static; left:5px; *vertical-align:middle;*margin-top:1px; } table.supportLangTbl td textarea { padding:2px; background:#f5f5f7; border:1px solid #d5d5d5; } table.supportLangTbl td .inputFile { padding:2px; } table.supportLangTbl td .tagGuide { margin-top:3px; color:#676767; line-height:120%; } table.supportLangTbl td .guideTxt { margin-top:5px; color:#385b95; font-size:11px; line-height:120%; } table.supportLangTbl .gapTop { padding-top:10px; } table.supportLangTbl .gapBtm { padding-bottom:10px; } /* table.supportLangTbl td .input { width:206px; height:16px; padding:2px 2px 0 2px; background:#f5f5f7; border:1px solid #d5d5d5; } table.supportLangTbl td select { width:210px; } table.supportLangTbl td.btn { margin-top:15Px; } */ /* DD Table List */ .ddTblTitle { position:relative; _position:static; top:-5px; _margin-bottom:3px; text-align:left; line-height:130%; vertical-align:top; } .ddTblList { width:100%; table-layout:fixed; border-color:#cbc0d4; border-top:2px solid #ac9abc; border-bottom:1px solid #ac9abc; } .ddTblList caption { display:none; } .ddTblList thead th { padding:2px 0; background:#eceaef; line-height:160%; border-color:#cbc0d4; border-bottom:1px solid #ac9abc; } .ddTblList thead th img.sort { position:relative; margin:2px 0 0 3px; vertical-align:top; } .ddTblList tbody td { padding:7px 0 5px; color:#464646; border-color:#cbc0d4; } .ddTblList tbody td.txtLeft { padding-left:10px; text-align:left; } .ddTblList tbody td.txtCenter { text-align:center; } .ddTblList tbody td.txtRight { padding-right:10px; text-align:right; } .ddTblList tbody td a { text-decoration:underline; } .ddTblList tbody td img.wonv { vertical-align:text-top; position:relative; _position:static; top:1px; } .ddTblList tbody td img.won { vertical-align:middle; } /* contents approval */ .contentsCostTbl { width:100%; margin-bottom:10px; table-layout:fixed; } .contentsCostTbl caption { display:none; } .contentsCostTbl thead th { visibility:hidden; line-height:10px; border-bottom:2px solid #ac9abc; } .contentsCostTbl th { padding-left:28px; text-align:left; line-height:280%; border-bottom:1px solid #dfdfdf; } .contentsCostTbl td { padding-right:40px; text-align:right; line-height:280%; border-bottom:1px solid #dfdfdf; } .contentsCostTbl tbody td.item { padding-left:80px; text-align:left; } .contentsCostTbl tbody tr.last-child th, .contentsCostTbl tbody tr.last-child td { border-bottom:1px solid #cfc4d8; } .contentsCostTbl tfoot th { background:#eceaef; color:#4e1e7d; border-top:1px solid #cfc4d8; border-bottom:1px solid #cfc4d8; } .contentsCostTbl tfoot td { background:#eceaef; color:#4e1e7d; border-top:1px solid #cfc4d8; border-bottom:1px solid #cfc4d8; } /* board Application List Type */ .statisticsList { width:200px; table-layout:fixed; border-color:#cbc0d4; border-top:2px solid #ac9abc; border-bottom:1px solid #ac9abc; } .statisticsList thead th { padding:2px 0; background:#eceaef; border-color:#cbc0d4; border-bottom:1px solid #ac9abc; text-align:center;} .statisticsList thead th img.sort { position:relative; margin:2px 0 0 3px; vertical-align:top; } .statisticsList thead td { padding:2px 0; text-align:center; background:#eceaef; border-color:#cbc0d4; border-bottom:1px solid #ac9abc; } .statisticsList thead td span { font-size:10px; line-height:130%; } .statisticsList thead td img.sort { position:relative; margin:2px 0 0 3px; vertical-align:text-top; } .statisticsList .tblsubType01 { border-right:none; } .statisticsList .tblsubType02 { border-left:1px solid #eceaef; border-bottom:1px solid #cbc0d4; } .statisticsList .tblsubType03 { border-left:1px solid #cbc0d4; } .statisticsList tbody td { padding:7px 0 5px; color:#464646; border-color:#cbc0d4; } .statisticsList tbody td.txtLeft { padding-left:10px; text-align:left; } .statisticsList tbody td.txtCenter { text-align:center; } .statisticsList tbody td.txtRight { padding-right:10px; text-align:right; } .statisticsList tbody td a { text-decoration:underline; } .statisticsList tbody td a:visited { text-decoration:underline; } .statisticsList tbody td img { margin:2px 0; } /* 2010-02-18 */ .statisticsList tbody td.total { padding-right:10px; text-align:right; background:#eceaef;} .statisticsList tbody td.totalCenter { padding-right:10px; text-align:center; background:#eceaef;} .statisticsList tfoot td.total { padding-right:10px; text-align:right; } .statisticsList tfoot.nodata td { height:100px; text-align:center; }/* no data */ .statisticsList tfoot td { height:100px; text-align:center; }/* no data */ .statisticsList tfoot td{padding:7px 0 5px;} .statisticsList tfoot td.txtCenter { text-align:center; height:100px;} .statisticsList tfoot td.txtRight { padding-right:10px; text-align:right; } /* //2010-02-18 */ /* board Accounting List Type */ .accountList { width:725px; table-layout:fixed; border-color:#cbc0d4; border-top:2px solid #ac9abc; border-bottom:1px solid #ac9abc; } .accountList .borderR { border-right:1px solid #ac9abc;} .accountList thead th { padding:2px 0; background:#eceaef; border-color:#cbc0d4; border-bottom:1px solid #ac9abc; } .accountList thead th img.sort { position:relative; margin:2px 0 0 3px; vertical-align:top; } .accountList thead td { padding:2px 0; text-align:center; background:#eceaef; border-color:#cbc0d4; border-bottom:1px solid #ac9abc; } .accountList thead td span { font-size:10px; line-height:130%; } .accountList tbody td { padding:7px 0 5px; color:#464646; border-color:#cbc0d4; } .accountList tbody td.txtLeft { padding-left:10px; text-align:left; } .accountList tbody td.txtCenter { text-align:center; } /*20100709*/ .accountList tbody td.txtRight { padding-right:5px; text-align:right; word-wrap: break-word; /* Internet Explorer 5.5+ */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-break:break-all; } /*//20100709*/ .accountList tbody td a { text-decoration:underline; } .accountList tbody td img { margin:2px 0; } .accountList tbody td.popBtn .btnInBox { width:60px; margin-bottom:1px; } .accountList tbody td.popBtn .btnInBox span { display:block; padding-right:4px; text-align:center; } .accountList tbody td span.grayColor { font-weight:bold; line-height:140% } .accountList tbody td span.blueColor { font-weight:bold; color:#4670a6; } .accountList tfoot td { height:100px; text-align:center; }/* no data */ .accountGuide .accountList th { padding:7px 0; background:#eceaef; border-color:#cbc0d4; border-bottom:1px solid #ac9abc; } .accountGuide .accountList td { padding:7px 0; color:#464646; border-color:#cbc0d4; } .accountGuide .accountList td.txtLeft { padding-left:10px; text-align:left; } .accountGuide .accountList td.txtCenter { text-align:center; } .accountGuide .accountList td.txtRight { padding-right:5px; text-align:right; } table.tbl-clause {width:100%;border:1px solid #ddd;border-collapse:collapse;} table.tbl-clause thead th {padding:3px 0;border:1px solid #ddd;text-align:center;} table.tbl-clause tbody td {padding:5px 0;border:1px solid #ddd;text-align:center;} table.tbl-clause tbody td.left {padding-left:5px;text-align:left;} /********** board.css End **********************************************/ /********** guide.css Start **********************************************/ /* Layout Class */ #DW_BodyOfPage { width:940px; margin:0 auto; } #DW_GeneralHeadWrap { width:940px; margin-bottom:15px; } #DW_SectionMenuWrap { float:left; width:195px; margin-bottom:70px; } #DW_ContentsWrap { float:right; width:725px; margin-bottom:70px; } #DW_BottomWrap { clear:both; width:940px; margin-bottom:20px; } /* Layout navigation */ #DW_navigation{ position:relative; padding:0; margin:4px 0 0 0; width: 725px; height:45px; } #DW_navigation .DR_navi{ position:absolute; float:right; right: 2px; top: 4px; color:#727171; font-size:11px; } .DR_navi a, .DR_navi a:link, t.DR_navi a:visited{ font-size:11px; color:#727171; text-decoration: none; } .DR_navi a:hover{ font-size:11px; color:#727171;text-decoration: underline;} .DR_navi .now{ font-size:11px; color:#385b95; } #DW_navigation .DR_navi img{ vertical-align:middle; margin: 1px 4px 0 3px; } :root #DW_navigation .DR_navi img{ vertical-align:middle; margin: 0 4px 2px 3px; } #DW_navigation .tit_bul { background:url(../images/common/ico/tit_bul.gif) no-repeat 1px 5px; padding: 0 0 0 13px; font-weight:bold; color: #000417; font-size: 23px; font-family:Tahoma; text-align:left; } /* top */ /* BI change IGK */ #h1Area {height:45px;overflow:hidden;} #h1Area:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #h1Area h1 a.wrap {position:absolute;left:0;display:inline-block;width:230px;height:45px;} #h1Area h1 { float:left;height:45px;} #h1Area h1 span { display:inline-block; float:left; margin-right:6px;} #h1Area h1 span a { display:inline-block;} #h1Area h1 span.astore {height:45px;width:170px; background:url(../images/common/top/main_logo.gif) no-repeat left top;} #h1Area h1 span.astore a {display:block; width:170px; height:45px;overflow:hidden;text-indent:-999px;} #h1Area h1 span.sellerCenter {height:45px;width:84px;background:url(../images/common/top/seller_logo.gif) no-repeat left top;} #h1Area h1 span.sellerCenter a {display:block; width:84px; height:45px;overflow:hidden;text-indent:-999px;} ul.topMenu { float:right; height:24px; overflow:hidden;margin-top:15px;} ul.topMenu li { float:left; } ul.topMenu li.tm { padding:6px 5px 0; } ul.topMenu li.tLoginInfo { padding:5px 5px 0; color:#4f4f4f; font-family:Tahoma; font-size:11px; } ul.topMenu li.tLoginInfo strong { color:#40215a; font-size:11px; } ul.topMenu li.btn { padding-left:7px; } ul.topMenu li a { color:#464646; font-size:11px; font-weight:bold;text-decoration:underline; } ul.topMenu li a:link {color:#464646; font-size:11px; font-weight:bold;text-decoration:underline; } ul.topMenu li a:visited{color:#464646; font-size:11px; font-weight:bold;text-decoration:underline; } ul.topMenu li a:hover {color:#464646; font-size:11px; font-weight:bold;text-decoration:underline; } /* // BI change IGK */ .h1line { height:0px; overflow:hidden; border:1px solid #2c0949; } #gnb { clear:both; } #gnb ul { width:940px; height:40px;background:url(../images/common/top/top_gnb.jpg) no-repeat; } #gnb ul li { float:left; } #gnb ul li a { height:0; padding-top:40px; overflow:hidden; } #gnb ul li.menu01 a { display:block; width:156px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat 0 0; } #gnb ul li.menu01_on a { display:block; width:156px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat 0 -40px; } #gnb ul li.menu02 a { display:block; width:175px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat -157px 0; } #gnb ul li.menu02_on a { display:block; width:175px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat -157px -40px; } #gnb ul li.menu03 a { display:block; width:156px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat -333px 0; } #gnb ul li.menu03_on a { display:block; width:156px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat -333px -40px; } #gnb ul li.menu04 a { display:block; width:156px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat -490px 0; } #gnb ul li.menu04_on a { display:block; width:156px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat -490px -40px; } #gnb ul li.menu05 a { display:block; width:146px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat -647px 0; } #gnb ul li.menu05_on a { display:block; width:146px; height:0; margin-right:1px; background:url(../images/common/top/top_gnb.jpg) no-repeat -647px -40px; } #gnb ul li.menu06 a { display:block; width:146px; height:0; background:url(../images/common/top/top_gnb.jpg) no-repeat -794px 0; } #gnb ul li.menu06_on a { display:block; width:146px; height:0; background:url(../images/common/top/top_gnb.jpg) no-repeat -794px -40px; } /*20100609*/ ul.select_EnCn {float:left; margin:18px 0 0 19px;} ul.select_EnCn li {float:left; padding-left:7px; padding-right:9px; color:#898989; line-height:1em; background:url('../images/common/ico/country_select.gif') no-repeat 0 3px;} ul.select_EnCn li.selected {font-weight:bold; color:#000; background:url('../images/common/ico/country_selected.gif') no-repeat 0 3px;} ul.select_EnCn li.english {font-size:11px;} ul.select_EnCn li.china {font-size:12px;} /*//20100609*/ /* left */ /* h2 category */ #h2Menu { width:195px; background:url(../images/common/lm/h2menu_bg_b.jpg) no-repeat left bottom; margin-bottom:5px; } /* 2010-02-04 */ .h2Menu { min-height:212px; _height:212px; padding:9px 0 7px; background:url(../images/common/lm/h2menu_bg_t.jpg) no-repeat left top; } #h2Menumain { width:195px; background:url(../images/common/lm/h2menumain_bg_b.jpg) no-repeat left bottom; margin-bottom:10px; }/* 2010-02-03 */ .h2Menumain {min-height:102px; _height:102px; padding:9px 0 7px; background:url(../images/common/lm/h2menumain_bg_t.jpg) no-repeat left top;} #leftmenuSection { position:relative; width:169px; margin:0 auto; font-size: 12px; font-family:Arial; font-weight: bold; } #leftmenuSection h2 { padding:0 0 6px 7px; border-bottom:2px #514b62 solid; } #leftmenuSection ul.twoDepth { margin-top:10px; } /* 2010-02-04 modify start */ #leftmenuSection ul.twoDepth li { width:169px; height:22px; border-bottom:1px solid #767287; margin:0; padding:1px 0;} #leftmenuSection ul.twoDepth li a { display:block; padding:0px 0 0px 10px; *padding:0px 0 0px 10px; color:#c1c1e8; height:22px; line-height:21px; font-family:Arial; font-size:12px; text-decoration:none; } #leftmenuSection ul.twoDepth li a:link { background:url(../images/common/lm/bg_menu.gif) no-repeat; } /*#leftmenuSection ul.twoDepth li a:visited { background:url('../images/common/lm/bg_menu.gif') no-repeat; }*/ #leftmenuSection ul.twoDepth li a:visited { background:url(../images/common/lm/bg_menu.gif) no-repeat; } #leftmenuSection ul.twoDepth li a:hover { color:#000001; background:url(../images/common/lm/lm/bg_menu.gif) no-repeat 0 -22px; } #leftmenuSection ul.twoDepth li a:active { background:url(../images/common/lm/bg_menu.gif) no-repeat 0 -22px; } #leftmenuSection ul.twoDepth li #current { color:#000001; background:url(../images/common/lm/bg_menu.gif) no-repeat 0 -22px; }/* current page */ /* 2010-02-04 modify end */ #leftmenuSection ul.twoDepth li.last-child { border-bottom:none; } #leftmenuSection ul.twoDepth li.last-child a:visited { border-bottom:none; } #leftmenuSection div.threeDepth { width:163px; height:50px; margin:3px auto 0; background:url(../images/common/lm/three_depth_bg.gif) no-repeat; } #leftmenuSection div.threeDepth ul { position:relative; top:4px; } #leftmenuSection div.threeDepth ul li { border:none; background:url(../images/common/lm/dot_three_depth.gif) no-repeat 12px 50%; } #leftmenuSection div.threeDepth ul li a { display:inline-block; padding:3px 0 3px 19px; color:#3a3b4d; font-family:Arial; font-size:11px; font-weight:normal; text-decoration:none; } #leftmenuSection div.threeDepth ul li.on { background:url(../images/common/lm/dot_three_depth_on.gif) no-repeat 12px 50%; }/* current page */ #leftmenuSection div.threeDepth ul li.on a { color:#542aef;} #leftmenuSection div.threeDepth ul li a:link { background:none; } #leftmenuSection div.threeDepth ul li a:visited { background:none; } #leftmenuSection div.threeDepth ul li a:hover { background:none; } #leftmenuSection div.threeDepth ul li a:active { background:none; } #leftmenuSection div.accountGuide { position:absolute; top:169px; width:169px; padding-top:3px; background:url(../images/common/lm/guide_box_t.gif) no-repeat left top; } #leftmenuSection div.accountGuide p.accountGuide { padding:0 7px 4px 7px; background:url(../images/common/lm/guide_box_b.gif) no-repeat left bottom; } #leftmenuSection div.accountGuide p.accountGuide span { display:block; padding-left:19px; background:url(../images/common/lm/guide_bul.gif) no-repeat 0 2px; } #leftmenuSection div.accountGuide p.accountGuide span a { color:#fff; line-height:130%; text-decoration:none; } #leftmenuSection div.Downloadico2 {position:absolute;top:135px;width:169px; } #leftmenuSection div.Downloadico2 div.Downloadico { margin-top:3px;padding-top:3px; background:url(../images/common/lm/guide_box_t.gif) no-repeat left top; } #leftmenuSection div.Downloadico2 div.Downloadico p.Downloadico { padding:0 7px 4px 7px; background:url(../images/common/lm/guide_box_b.gif) no-repeat left bottom; } #leftmenuSection div.Downloadico2 div.Downloadico p.Downloadico span { display:block; padding-left:19px; background:url(../images/common/ico/Download_ico.gif) no-repeat 0 2px; } #leftmenuSection div.Downloadico2 div.Downloadico p.Downloadico span a { color:#fff; line-height:130%; text-decoration:none; } div.Downloadico { position:relative; margin-top:3px;padding-top:3px; background:url(../images/common/lm/guide_box_t.gif) no-repeat left top; } div.Downloadico p.Downloadico { padding:0 7px 4px 7px; background:url(../images/common/lm/guide_box_b.gif) no-repeat left bottom; } div.Downloadico p.Downloadico span { display:block; padding-left:19px; background:url(../images/common/ico/Download_ico.gif) no-repeat 0 2px; } div.Downloadico p.Downloadico span a { color:#fff; line-height:130%; text-decoration:none; } div.applicationsBut ul li {height:21px;margin-top:3px;color:#fff;} div.applicationsBut ul li #on{background:url(../images/common/bg/applicationsButbg.gif) no-repeat 0 0px; } div.applicationsBut ul li a{ display:inline-block; padding:3px 0 3px 19px; color:#fff; font-family:Arial; width:150px; height:15px; font-size:11px; font-weight: bold; text-decoration:none; } div.applicationsBut ul li a:link { background:url(../images/common/bg/applicationsButbg.gif) no-repeat 0 -21px; } div.applicationsBut ul li a:visited { text-decoration:none;color:#fff;background:url(../images/common/bg/applicationsButbg.gif) no-repeat 0 -21px; } div.applicationsBut ul li a:hover { background:url(../images/common/bg/applicationsButbg.gif) no-repeat 0 0px; } div.applicationsBut ul li a:active { background:url(../images/common/bg/applicationsButbg.gif) no-repeat 0 0px; } /* footer */ #DW_BottomWrap .footer { } .footer p.footerLogo { position:absolute; margin:1px 0 0 1px; } .footer ul { height:1%; padding-left:87px; margin-bottom:2px; } .footer ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .footer ul li { float:left; padding:0 8px 0 10px; background:url(../images/common/footer/footer_gap.gif) no-repeat right 50%; } .footer ul li.last-child { background:none; } .footer ul li a { color:#717171; } .footer address { padding-left:96Px; font-style:normal; font-size:10px; color:#717171; line-height:150%; } /* h4 base guide */ h4.h4Bul { padding-left:18px; margin:27px 0 8px; font-weight:bold; font-size:14px; font-family:Arial; color:#202020; background:url('../images/common/ico/h4_bul.gif') no-repeat 1px 3px; } h4.h4Bul strong { color:#ff6600; font-size:inherit; } h4.h4AppTitle { padding-left:17px; margin:17px 0 10px; background:url(../images/common/ico/h4_title_bul.gif) no-repeat 1px 4px; } h4.h4AppTitle strong { color:#2149a1; font-size:15px; } h4.first-child { margin-top:0; } span.title_notice {text-align:right; color:#666; font:normal 11px arial; padding-right:10px;} span.title_notice span {color:#f60; padding-right:2px;} /* Tab Style */ div.cntTab { height:28px; background:url(../images/common/bg/tab_bg.gif) repeat-x; } ul.cntTab:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } ul.cntTab { *zoom:1; } ul.cntTab li { float:left; margin:0 2px 0 0; } ul.cntTab li.on a { display:inline-block; height:28px; padding-left:11px; background:url(../images/common/bg/tab_on_bg.gif) no-repeat; text-decoration:none; } ul.cntTab li.off a { display:inline-block; height:28px; padding-left:11px; background:url(../images/common/bg/tab_off_bg.gif) no-repeat; text-decoration:none; } ul.cntTab li.on span { display:inline-block; height:22px; padding-top:6px; padding-right:14px; text-align:center; background:url(../images/common/bg/tab_on_bg.gif) no-repeat right top; cursor:pointer; } ul.cntTab li.off span { display:inline-block; height:22px; padding-top:6px; padding-right:14px; text-align:center; background:url(../images/common/bg/tab_off_bg.gif) no-repeat right top; cursor:pointer; } ul.cntTab li.on span strong { display:inline-block; padding-left:9px; font-size:11px; color:#0d1a5e; line-height:normal; font-weight:bold; background:url(../images/common/ico/tab_on_dot.gif) no-repeat 0 5px; } ul.cntTab li.off span strong { display:inline-block; padding-left:9px; font-size:11px; color:#717171; line-height:normal; font-weight:bold; background:url(../images/common/ico/tab_off_dot.gif) no-repeat 0 5px; } /* Box Model */ /* blue Box */ .blueBaseBoxLT { position:relative; width:715px; padding:0 0 0 10px; background:url('../images/common/rbox/blue_base_box.gif') no-repeat left top !important; } .blueBaseBoxRT { background:url("../images/common/rbox/blue_base_box.gif") no-repeat right top !important; margin:0; padding:10px 10px 0 0; position:relative; } .blueBaseBoxLB { padding:0 0 0 10px; margin:0 0 0 -10px; _padding:0 0 0 50px; background:url('../images/common/rbox/blue_base_box.gif') no-repeat left bottom !important; } .blueBaseBoxRB { overflow:hidden;zoom:1; padding:0 10px 10px 0; margin:0 -10px 0 0; background:url('../images/common/rbox/blue_base_box.gif') no-repeat right bottom !important; } .blueBaseBoxWidth { width:635px; margin:6px auto; } /* gray line Box */ .grayLineBoxLT { position:relative; width:721px; padding:0 0 0 4px; background:url(../images/common/rbox/gray_line_box.gif) no-repeat left top; } .grayLineBoxRT { position:relative; padding:4px 4px 0 0; margin:0 0 0 0; background:url(../images/common/rbox/gray_line_box.gif) no-repeat right top; } .grayLineBoxLB { padding:0 0 0 4px; margin:0 0 0 -4px; background:url(../images/common/rbox/gray_line_box.gif) no-repeat left bottom; } .grayLineBoxRB { zoom:1; padding:0 4px 4px 0; margin:0 -4px 0 0; background:url(../images/common/rbox/gray_line_box.gif) no-repeat right bottom; } .grayLineBoxWidth { width:717px; margin:0px auto; } /* Gradation line Box */ .gradLineBoxC1 { width:725px; background:url(../images/common/rbox/gradation_line_boxc.gif) repeat-y; } .gradLineBoxT1 { background:url(../images/common/rbox/gradation_blue_line_boxt.gif) no-repeat left top; } .gradLineBoxC { width:725px; margin-top:20px; background:url(../images/common/rbox/gradation_line_boxc.gif) repeat-y; } .gradLineBoxT { background:url(../images/common/rbox/gradation_line_boxt.gif) no-repeat left top; } .gradLineBoxB { padding:7px 10px 15px 10px; background:url(../images/common/rbox/gradation_line_boxb.gif) no-repeat left bottom; } .gradLineBoxB h4 { position:relative; margin-bottom:25px; color:#000417; text-indent:11px; font-size:14px; background:none; } .guideBox { padding:20px; margin-top:20px; border:1px solid #d4d4d4; background:#f5f5f7; } .guideBox .title { margin-bottom:10px; font-size:12px; font-weight:bold; color:#1a406f; } .guideBox li { padding-left:11px; background:url(../images/common/ico/th_dot.gif) no-repeat 0 6px; line-height:150%; } /* result message, guide text */ .txtGuide { margin-bottom:15px; font-size:12px; color:#4670a6; line-height:150%; } .txtGuide .dlStyle dt strong { padding-left:10px; color:#385b95; background:url(../images/common/ico/guide_li_dot.gif) no-repeat left 4px; } .txtGuide .dlStyle dd { margin-bottom:15px; line-height:140%; } .txtGuideBox{*zoom:1; display:block;} /* 2010-01-29 */ .txtGuideBox:after{content:"."; display:block; height:0; clear:both; visibility:hidden;} /* 2010-01-29 */ /*20100120 by Seungnam Oh*/ .appBtnTop {margin:10px 0; line-height:150%; text-align:right; } /*//20100120 by Seungnam Oh*/ .outGuide { color:#1b4070; line-height:140%; } .h4After { position:relative; top:-3px; margin-left:1px; color:#464646; } .insGuide { position:absolute; right:5px; top:-25px; color:#666;font-size:11px; } /* necessary */ .insGuide a.btnInBox { position:relative; top:-4px; } .insGuide span { color:#ff6600; font-weight:bold; } .insDescription { margin-bottom:10px; color:#1b4070; line-height:140%; } .insDescription a.underLine { text-decoration:underline; font-weight:bold; } .notMember { width:635px; margin:0 auto; } .notMember p { line-height:150%; font-size:12px; } .notMember p strong { color:#385b95; font-size:13px; line-height:180%; } .notMember p.btn { margin-top:20px; text-align:left; } .resultProcess { width:636px; margin:11px auto; } .resultProcess p { line-height:150%; font-size:12px; } .resultProcess p span.welcome { display:block; font-weight:bold; color:#000417; font-size:14px; line-height:150%; } .resultProcess p span.welcome em { font-size:18px; line-height:normal; } .resultProcess p strong { color:#152b58; font-size:16px; line-height:180%; } .resultProcess p.btn { margin-top:30px; text-align:center; } .resultProcess p.btn img { margin:0 2px; } .resultProcess p.btnLeft { margin-top:20px; text-align:left; } .resultProcess p.btnLeft10 { margin-top:10px; text-align:left; } .resultProcess strong.underline { text-decoration:underline; font-size:12px; font-weight:normal; } .resultProcess .approvalStepBox { margin:7px 0 30px; padding:26px 0; border:1px solid #e8e8e8; background:#f5f5f5; } .resultProcess .approvalStepBox dt { font-size:12px; color:#3e4a7e; font-weight:bold; } .resultProcess .approvalStepBox dd { font-size:12px; color:#3e4a7e; background:url(../images//main/cumulation_dot.gif) no-repeat 0 52%; } .resultProcess .approvalStepBox .stepOne { width:491px; height:52px; margin:0 auto; text-align:center; background:url(../images/application/result_stepone_bg.gif) no-repeat; } .resultProcess .approvalStepBox .stepOne dl { height:1%; } .resultProcess .approvalStepBox .stepOne dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .resultProcess .approvalStepBox .stepOne dt { _display:inline; float:left; margin-left:123px; margin-right:20px; line-height:400%; } .resultProcess .approvalStepBox .stepOne dd { float:left; padding-left:8px; line-height:410%; } .resultProcess .approvalStepBox .stepTwo { width:513px; height:52px; margin:0 auto; height:1%; } .resultProcess .approvalStepBox .stepTwo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .resultProcess .approvalStepBox .stepTwo dl { float:left; width:252px; height:52px; margin-right:9px; background:url(../images/application/result_steptwo_bg.gif) no-repeat; } .resultProcess .approvalStepBox .stepTwo dl.last-child { margin-right:0; } .resultProcess .approvalStepBox .stepTwo dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .resultProcess .approvalStepBox .stepTwo dt { _display:inline; float:left; margin-left:24px; margin-right:15px; line-height:400%; } .resultProcess .approvalStepBox .stepTwo dd { float:left; padding-left:8px; line-height:440%; *line-height:420%; } .resultProcess .approvalStepBox .stepThree { width:597px; height:67px; margin:0 auto; height:1%; } .resultProcess .approvalStepBox .stepThree:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .resultProcess .approvalStepBox .stepThree dl { float:left; width:191px; height:67px; margin-right:12px; background:url(../images/application/result_stepthree_bg.gif) no-repeat; } .resultProcess .approvalStepBox .stepThree dl.last-child { margin-right:0; } .resultProcess .approvalStepBox .stepThree dt { padding-left:20px; margin:25px 0 5px 0; } .resultProcess .approvalStepBox .stepThree dd { padding-left:28px; background-position:20px 7px; } .resultProcess .approvalStepBox .stepf { width:597px; height:67px; margin:0 auto; height:1%; } .resultProcess .approvalStepBox .stepf:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .resultProcess .approvalStepBox .stepf dl { float:left; width:140px; height:67px; margin-right:12px; background:url(../images/application/result_stepthree_bg4.gif) no-repeat; } .resultProcess .approvalStepBox .stepf dl.last-child { margin-right:0; } .resultProcess .approvalStepBox .stepf dt { padding-left:15px; margin:25px 0 5px 0;height:27px; } .resultProcess .approvalStepBox .stepf dd { padding-left:28px; background-position:20px 7px; } /*20100204*/ .resultProcess .approvalStepBox1 { margin:7px 0 30px; padding:26px 20px; border:1px solid #e8e8e8; background:#f5f5f5; text-align:center;} .resultProcess .approvalStepBox1 .lineMid {height:27px; border-top:1px solid #e8e8e8; margin-top:27px; } /*//20100204*/ /* Search Message Box */ .srhMsgBox { padding:6px 10px; color:#555; font-size:13px; border:1px solid #dadbdd; background:#efeff0; } .srhMsgBox span { color:#ff3300; font-size:14px; font-weight:bold; } ul.srhList { border-bottom:1px solid #bbb; } ul.srhList li { background:url(../images/common/bg/srh_list_line_bg.gif) repeat-x left bottom; } ul.srhList li span { display:inline-block; padding-left:20px; color:#464646; line-height:230%; background:url(../images/common/ico/srh_list_dot.gif) no-repeat 11px 12px; } ul.srhList li.last-chlid { background:none; } /* insert style */ dl.insTbl { width:670px;} /* 20100325 */ dl.insTbl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } dl.insTbl dt { width:130px; float:left; line-height:260%; padding:3px 0;}/* 2010-02-18 */ dl.insTbl dt span { display:block; padding-left:9px; color:#555557; font-weight:bold; text-align:left; background:url(../images/common/ico/th_dot.gif) no-repeat 0 7px; line-height:150%;} dl.insTbl dt span span { display:inline; padding-left:2px; color:#ff6600; font-weight:bold; background:none; } /* necessary */ dl.insTbl dt.hideDT { visibility:hidden; } dl.insTbl dt.floatNone { float:none; } dl.insTbl dd { float:left; padding:3px 0;}/* 2010-02-18 */ dl.insTbl dd.floatNone { float:none; } dl.insTbl dd.btn { margin-top:15px; } dl.insTbl dd select { width:210px; } dl.insTbl dd textarea { padding:2px; background:#f5f5f7; border:1px solid #d5d5d5; } dl.insTbl dd input[type=checkbox] { vertical-align:bottom } dl.insTbl dd .input { width:206px; height:16px; padding:2px 2px 0 2px; background:#f5f5f7; border:1px solid #d5d5d5; } dl.insTbl dd .inputDisabled { width:206px; height:16px; padding:2px 2px 0 2px; background:#d9d9d9; border:1px solid #999; color:#999; } dl.insTbl dd .inputFile { padding:2px; } dl.insTbl dd .guideTxt { margin-top:5px; color:#385b95; font-size:11px; line-height:120%; } dl.insTbl dd .guideTxt li { margin-top:5px; color:#385b95; font-size:11px; line-height:120%; }/* 2010-01-21 */ dl.insTbl dd .icon { vertical-align:middle; } dl.insTbl dd .wbrClass { width:470px; } .txtByte { margin-top:2px; text-align:right; color:#808080;font-size:11px; } /* insert sub */ dl.insTblSub { *zoom:1 } dl.insTblSub:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } dl.insTblSub dt { width:130px; float:left; line-height:260%; } dl.insTblSub dt span { display:block; padding-left:9px; color:#555557; font-weight:normal; text-align:left; background:none; } dl.insTblSub dt span span { display:inline; padding-left:2px; color:#ff6600; font-weight:bold; background:none; } /* necessary */ dl.insTblSub dd { float:left; padding:4px 0; *padding:3px 0; line-height:180%; } dl.insTblSub dd .input { width:206px; height:16px; padding:2px 2px 0 2px; background:#f5f5f7; border:1px solid #d5d5d5; } dl.insTblSub dd select { width:210px; } dl.insTblSub dd.btn { margin-top:15Px; } .insProfile dl.insTbl dt { width:160px; padding:3px 0;}/* 2010-02-16 */ .insProfile dl.insTbl dd {} .insProfile dl.btmLine { border-bottom:1px solid #e0e0e0; } .insProfile dl.btmLine dd { padding-top:6px; } .insProfile dl.topLine { border-top:1px solid #e0e0e0; } .insProfile dl.topLine dd { padding-top:6px; } .insProfile dl dd .btnInBox { *vertical-align:middle;*margin-top:1px; } .viewProfile dl.btmLine { border-bottom:1px solid #e0e0e0; } .viewProfile dl.insTbl dt { width:160px; } .viewProfile dl.insTbl dt.floatNone { width:635px; border-bottom:1px solid #e0e0e0; } .viewProfile dl.insTbl dd { width:473px; line-height:190%; } .viewProfile dl.insTbl dd .btnInBox { vertical-align:middle; } .viewProfile dl.insTbl dd.floatNone { border-bottom:1px solid #e0e0e0; } .viewProfile dl.insTblSub dt { line-height:180%; } .viewProfile dl.insTblSub dt span { font-weight:bold; color:#939191; } .viewProfile dl.insTblSub dd { padding:0; line-height:180%; } .displayManage dl.insTbl dt { width:160px; } .displayManage dl.insTbl dd a.btnInBox { vertical-align:middle; } /* sign in */ fieldset.signIn { position:relative; } fieldset.signIn dl.insTbl dt { width:120px; line-height:260%; } fieldset.signIn dl.insTbl dt.hideDT { visibility:hidden; line-height:normal; } fieldset.signIn .submit { position:absolute; left:345px; top:7px; } fieldset.signIn .submit input { width:76px; height:44px; padding-bottom:5px; *padding-bottom:0px; color:#fff !important; font-size:12px; letter-spacing:1px; font-weight:bold !important; background:url(../images/common/btn/btn_submit_bg.gif) no-repeat; border:none; cursor:pointer; } .que { width:315px; padding-left:13px; margin:11px 0 0 2px; font-size:11px; background:url(../images/common/ico/que_bul.gif) no-repeat 0 4px; } .que a { text-decoration:none; } .que a:hover { text-decoration:none; } .que span { display:inline-block; color:#498adf; line-height:100%; border-bottom:1px solid #498adf; cursor:pointer; } /* Text Gray Button */ a.smallBtnGray { display:inline-block; height:17px; padding-left:6px; background:url(../images/common/btn/btn_maingray_bg.gif) no-repeat; text-decoration:none !important; } a.smallBtnGray span { display:inline-block; height:16px; padding-top:1px; padding-right:8px; font-size:10px; color:#424242; line-height:normal; font-family:Tahoma; font-weight:normal; text-align:center; background:url(../images/common/btn/btn_maingray_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.bntback { display:inline-block; height:22px; padding-left:13px; background:url(../images/common/btn/bntback_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.bntback span { display:inline-block; height:19px; padding-top:3px; padding-right:11px; font-size:11px; color:#4d4c4c; font-weight:bold; text-align:center; background:url(../images/common/btn/bntback_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.bntConfirm { display:inline-block; height:22px; padding-left:11px; background:url(../images/common/btn/bntConfirm_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.bntConfirm span { display:inline-block; height:19px; padding-top:3px; padding-right:23px; font-size:11px; color:#3C87E7; font-weight:bold; text-align:center; background:url(../images/common/btn/bntConfirm_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnGray { display:inline-block; height:22px; padding-left:11px; background:url(../images/common/btn/btn_gray_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnGray span { display:inline-block; height:19px; padding-top:3px; padding-right:11px; font-size:11px; color:#4d4c4c; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_gray_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnBlue { display:inline-block; height:22px; padding-left:11px; background:url(../images/common/btn/btn_blue_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnBlue span { display:inline-block; height:19px; padding-top:3px; padding-right:11px; font-size:11px; color:#3c87e7; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_blue_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnInBox {margin-top:5px; display:inline-block; height:19px; padding-left:9px; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnInBox span { display:inline-block; height:17px; padding-top:2px; padding-right:10px; font-size:11px; color:#5f58b0 !important;; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnInBox span img { vertical-align:top; margin:2px 3px 0 0; } a.btnInBox1 { margin-top:5px;margin-left:1px;display:inline-block; height:19px; padding-left:3px; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnInBox1 span { display:inline-block; height:17px; padding-top:3px; padding-right:4px; font-size:9px; color:#5f58b0 !important;; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnInBox1 span img { vertical-align:top; margin:2px 3px 0 0; } a.btnInBox2 {margin-top:5px; display:inline-block; height:19px; padding-left:4px; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnInBox2 span { display:inline-block; height:17px; padding-top:2px; padding-right:5px; font-size:11px; color:#5f58b0 !important;; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnInBox2 span img { vertical-align:top; margin:2px 3px 0 0; } a.btnInBox3 {margin-top:5px; display:inline-block; height:19px; padding-left:2px; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnInBox3 span { display:inline-block; height:17px; padding-top:3px; padding-right:3px; font-size:9px; color:#5f58b0 !important; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnBlueLarge { display:inline-block; height:46px; padding-left:23px; background:url(../images/common/btn/btn_bluelarge_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnBlueLarge span { display:inline-block; height:35px; padding-top:11px; padding-right:23px; font-size:16px; color:#fff; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_bluelarge_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnBlueLarge:hover { text-decoration:none; } a.btnVioletLarge { display:inline-block; height:46px; padding-left:23px; background:url(../images/common/btn/btn_violetlarge_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnVioletLarge span { display:inline-block; height:35px; padding-top:11px; padding-right:23px; font-size:16px; color:#fff; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_violetlarge_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnVioletLarge:hover { text-decoration:none; } a.btnSkyBlue { display:inline-block; height:31px; padding-left:17px; background:url(../images/common/btn/btn_skyblue_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnSkyBlue span { display:inline-block; height:24px; padding-top:7px; padding-right:18px; font-size:12px; color:#152b58; font-weight:normal; text-align:center; background:url(../images/common/btn/btn_skyblue_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } a.btnSkyBlue span strong { font-size:12px; color:#152b58; line-height:normal; } /* Input type button, Input type button submit backgroundImage */ span.btnInBox { display:inline-block; _position:relative; _left:-15px; _top:1px; *margin-top:2px;padding-left:9px; *padding-left:2px; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat left top; } span.btnInBox input { position:relative;*top:0px; height:19px; padding-right:10px; *padding-right:3px; color:#424242; font-weight:bold; border:none; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat right top; cursor:pointer; } :root span.btnInBox, x:-moz-any-link { padding-left:6px; }/* firefox hack only */ :root span.btnInBox input, x:-moz-any-link { padding-bottom:3px; padding-right:7px; }/* firefox hack only */ /* textarea style */ .textAreaBox { padding:1px; margin-bottom:5px; border:1px solid #d7d7da; } .textAreaBox .textAreaScroll { width:621px; height:102px; overflow:auto; padding:5px; } .textAreaScroll ol, .textAreaScroll ul { margin:5px 5px 8px 18Px; } .textAreaScroll ol.upper-roman li { list-style-type:upper-roman; } .textAreaScroll ul.disc li { list-style-type:disc; } .agreeCheck { margin-top:10px;font-size:11px; } .agreeCheck input { margin-right:4px; } /* Error Message */ .checkError { padding-left:19px; margin-bottom:5px; color:#ea2b2c; background:url(../images/common/ico/error_dot.gif) no-repeat 0 1px;font-size:11px; } /* button area */ .btnArea { margin-top:14px; text-align:center; } .btnArea a { margin:0 1px; } .btnAreaR { margin-top:14px; text-align:right; } .btnAreaR a { margin:0 1px; } .btnAreaL { margin-top:14px; text-align:left; } .btnAreaL a { margin:0 1px; } .btnAreaR_in {width:597px; border-top:1px solid #e0e0e0; margin:14px auto 0; padding:10px 0 19px; text-align:right; } .btnAreaR_in a { margin:0 1px; } .btnAreaLvPg { position:absolute; margin-top:5px; } /* base information */ .baseInfo { background:#ededed; } .baseInfo dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .baseInfo dl { position:relative; *zoom:1; padding:12px 0 11px; } .baseInfo dl dt { float:left; visibility:hidden; width:13px; height:1px; overflow:hidden; } .baseInfo dl dd { float:left; } .baseInfo dl dd.userName { color:#1065d5; font-size:13px; } .baseInfo dl dd.userName span { font-weight:bold; color:#1065d5; font-size:13px; } .baseInfo dl dd.userPointtite { font-weight:bold; color:#555557; font-size:12px; line-height:140%; margin-right:7px;} .baseInfo dl dd.userPoint span { font-weight:bold; color:#011623; font-size:13px; line-height:140%; } .baseInfo dl dd.userPoint img { position:relative; top:-1px; margin-right:2px; vertical-align:middle; } .baseInfo dl dd.userPointHelp span { color:#111111; font-size:11px; line-height:150%; } .baseInfo dl dd.userPointHelp img { vertical-align:middle; } /* png product imagess */ .imgBox_135 { position:relative; width:147px; height:148px; padding:9px 0 0 9px; background:url(../images//product/imgbox_135_bg.gif) no-repeat; } .imgBox_135 p { width:135px; height:135px; margin:0; overflow:hidden; } .imgBox_135 p img { width:135px; height:135px; } .imgBox_135 .imgLight { position:absolute; } .imgBox_65 { position:relative; width:71px; height:72px; padding:4px 0 0 4px; background:url(../images//product/imgbox_65_bg.gif) no-repeat; } .imgBox_65 p { width:65px; height:65px; margin:0; overflow:hidden; } .imgBox_65 p img { width:65px; height:65px; } .imgBox_65 .imgLight { position:absolute; } .imgBox_L65 { position:relative; width:71px; height:72px; padding:4px 0 0 4px; margin:0; _margin:10px -20px -10px 20px; background:url(../images//product/imgbox_65_bg.gif) no-repeat; } .imgBox_L65 p { width:65px; height:65px; margin:0; overflow:hidden; } .imgBox_L65 p img { width:65px; height:65px; } .imgBox_L65 .imgLight { position:absolute; } .imgBox_40 { position:relative; width:45px; height:45px; padding:4px 0 0 4px; background:url(../images//product/imgbox_40_bg.gif) no-repeat; } .imgBox_40 p { width:40px; height:40px; margin:0; overflow:hidden; } .imgBox_40 p img { width:40px; height:40px; } .imgBox_40 .imgLight { position:absolute; } .imgBox_37 { position:relative; width:41px; height:41px; padding:3px 0 0 3px; background:url(../images//product/imgbox_37_bg.gif) no-repeat; } .imgBox_37 p { width:37px; height:37px; margin:0; overflow:hidden; } .imgBox_37 p img { width:37px; height:37px; } .imgBox_37 .imgLight { position:absolute; } /* 2010-01-22 */ .imgBoxList{width:695px; display:block;} .imgBoxList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .imgBoxList li{float:left; margin:10px 20px 5px 10px;} .imgBox{position:relative; display:block;} .imgBox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .imgBox .imgBox_65{float:left;} .imgBox .num{position:absolute; top:0; left:0; z-index:5 !important;} .imgBox dl.imgInfo{float:left; margin-left:18px; padding-top:13px;} .imgBox dl.imgInfo dt{font-weight:bold; font-size:11px; line-height:200%;} .imgBox dl.imgInfo dd{font-size:11px;} /* //2010-01-22 */ /* example

*/ /* search field */ .searchField { height:1%; border-top:1px solid #ac9abc; border-bottom:1px solid #cbcaca; background:#f6f6f8;padding-left:10px; } .searchField:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .searchField fieldset { _position:relative; _left: 30px; float:left; padding:5px 0; } .searchField fieldset dl { float:left; } .searchField fieldset dt { float:left; margin:3px 3px 0 0; font-weight:bold; color:#3c3c3d; font-size:11px; } .searchField fieldset dt.displayno {display:none; } .searchField fieldset dt.hideDT { position:absolute; left:-3000px; } .searchField fieldset dd { float:left; margin-right:10px; } .searchField fieldset dd .input { background:#fff; } /* search field */ .searchFieldDTNO { height:1%; border-top:1px solid #ac9abc; border-bottom:1px solid #cbcaca; background:#f6f6f8;padding-left:10px; } .searchFieldDTNO:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .searchFieldDTNO fieldset { _position:relative; float:left; padding:5px 0; } .searchFieldDTNO fieldset dl { float:left; padding-top:3px;} .searchFieldDTNO fieldset dt { float:left; margin:3px 3px 0 0; font-weight:bold; color:#3c3c3d; font-size:11px;height:22px; } .searchFieldDTNO fieldset dt.displayno {display:none; } .searchFieldDTNO fieldset dt.hideDT { position:absolute; left:-3000px; } /*20100204 by Seungnam Oh*/ .searchFieldDTNO fieldset dt.w50 {width:50px;} .searchFieldDTNO fieldset dt.w85 {width:85px;} .searchFieldDTNO fieldset dt.w100 {width:100px;}/*20100625*/ /*//20100204 by Seungnam Oh*/ .searchFieldDTNO fieldset dd { float:left; margin-right:10px; height:22px;} .searchFieldDTNO fieldset dd .input { background:#fff; } /*20100120 by Seungnam Oh*/ .searchFieldDTNO1 { height:1%; border-bottom:1px solid #cbcaca; background:#f6f6f8;padding-left:10px; } .searchFieldDTNO1:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .searchFieldDTNO1 fieldset { _position:relative; float:left; padding:5px 0; } .searchFieldDTNO1 fieldset dl { float:left; padding-top:3px;} .searchFieldDTNO1 fieldset dt { float:left; margin:3px 3px 0 0; font-weight:bold; color:#3c3c3d; font-size:11px;height:22px; } .searchFieldDTNO1 fieldset dt.displayno {display:none; } .searchFieldDTNO1 fieldset dt.hideDT { position:absolute; left:-3000px; } /*20100204 by Seungnam Oh*/ .searchFieldDTNO1 fieldset dt.w50 {width:50px;} .searchFieldDTNO1 fieldset dt.w85 {width:85px;} /* 2010-02-09 */ .searchFieldDTNO1 fieldset dt.w100 {width:100px;}/*20100625*/ /*//20100204 by Seungnam Oh*/ .searchFieldDTNO1 fieldset dd { float:left; margin-right:10px; height:22px;} .searchFieldDTNO1 fieldset dd .input { background:#fff; } /*//20100120 by Seungnam Oh*/ /* search field */ .srhFieldBoxLT { position:relative; width:715px; padding:0 0 0 10px; background:url(../images/common/rbox/srh_field_box.gif) no-repeat left top; } .srhFieldBoxRT { position:relative; padding:10px 10px 0 0; margin:0 0 0 0; background:url(../images/common/rbox/srh_field_box.gif) no-repeat right top; } .srhFieldBoxLB { padding:0 0 0 10px; margin:0 0 0 -10px; background:url(../images/common/rbox/srh_field_box.gif) no-repeat left bottom; } .srhFieldBoxRB { zoom:1; padding:0 10px 10px 0; margin:0 -10px 0 0; background:url(../images/common/rbox/srh_field_box.gif) no-repeat right bottom; } .srhFieldBoxWidth { width:689px; margin:0 auto; } .srhFieldBoxWidth fieldset { } .srhFieldBoxWidth fieldset dl { height:1%; } .srhFieldBoxWidth fieldset dl.last-child { background:url(../images/common/bg/srh_field_linebg.gif) repeat-x left top; } .srhFieldBoxWidth fieldset dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .srhFieldBoxWidth fieldset dt { _display:inline; float:left; width:100px; margin-left:90px; padding:5px 0; font-weight:bold; font-size:12px; color:#3c3c3d; line-height:150%; } .srhFieldBoxWidth fieldset dd { float:left; padding:5px 0; } .srhFieldBoxWidth fieldset dd .input, .srhFieldBoxWidth fieldset dd a.btnGray, .srhFieldBoxWidth fieldset dd img { vertical-align:middle; } /* search result text message */ .srhMsg { padding:0 0 3px 5px; margin-bottom:5px; font-size:12px; } .srhMsg span { font-size:14px; font-weight:bold; color:#ff6600; } /* in Progress... */ .progressVisual { margin-top:80px; text-align:center; } /* popup window */ h1.popup { height:40px; margin-bottom:20px; overflow:hidden; font-size:18px; color:#fff; text-indent:22px; background:url(../images/common/poplayer/popup_h1_bg.gif) no-repeat; line-height:200%; text-align:left; } div.poplayer {position:relative;border:1px solid #7c7c7d;text-align:center;padding-bottom:30px;background:#FFFFFF;} div.poplayer h1 {text-align:left;} div.poplayer h2 {padding-bottom:15px;font:bold 12px Arial;color:#1b4070;line-height:1.2;} div.poplayer div.cont1 {text-align:left;margin-left:auto;margin-right:auto;width:531px;} div.poplayer div.cont1 .popup_rndtop {background:url("../images/common/poplayer/rnd_top.gif") no-repeat left top ;} div.poplayer div.cont1 .popup_rndbtm {background:url("../images/common/poplayer/rnd_btm.gif") no-repeat left bottom ;padding:20px 15px 25px 15px;} div.poplayer div.cont1 .popup_rndbtm p {font-size:11px;font-family:Arial;color:#666666;} div.poplayer a.close {position:absolute;right:3px;bottom:3px;} .popUpBtnArea { position:absolute; bottom:0; width:100%; height:34px; border-top:1px solid #d6d6d6; background:#e6e6e6; } .popUpBtnArea p { position:absolute; right:10px; top:9px; } a.mainbtnDKBlue { display:inline-block; height:22px; padding-left:12px; background:url(../images/common/btn/btn_darkblue_bg.gif) no-repeat; text-decoration:none !important; } a.mainbtnDKBlue span { display:inline-block; height:20px; padding-top:2px; padding-right:11px; font-size:11px; color:#fff; line-height:normal; font-family:Arial; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_darkblue_bg.gif) no-repeat right top; cursor:pointer; } .Deletebnt { margin-top:-18px; } p.outGuide a {color:#498ADF;text-decoration:underline;} p.outGuide a:link {color:#498ADF;text-decoration:underline;} p.outGuide a:visited{color:#498ADF;text-decoration:underline;} p.outGuide a:hover {color:#498ADF;text-decoration:underline;} a.ppo {color:#498ADF !important;text-decoration:underline !important;} a.ppo:link {color:#498ADF !important;text-decoration:underline !important;} a.ppo:visited{color:#498ADF !important;text-decoration:underline !important;} a.ppo:hover {color:#498ADF !important;text-decoration:underline !important;} .boredbut{width:80px;} .boredbutLT{background:transparent url(../images/common/btn/boredbut.gif) no-repeat scroll left top;margin:0;padding:2px 0 0 10px;*margin:0 0 -2px 0;*padding:1px 0 0 17px;display:inline-block;position:relative;} .boredbutRT{background:transparent url(../images/common/btn/boredbut.gif) no-repeat scroll right top;margin:-2px -10px -4px 0;padding:2px 10px 0 0;*margin:-1px -4px 0 0;*padding:1px 10px 0 0;display:inline-block;position:relative;} .boredbutLB{background:transparent url(../images/common/btn/boredbut.gif) no-repeat scroll left bottom;margin:0 -10px -4px -10px;padding:0 0 8px 0;*margin:0 -10px -2px 0;*padding:0 0 4px 0;display:inline-block;position:relative;} .boredbutRB{background:transparent url(../images/common/btn/boredbut.gif) no-repeat scroll right bottom;margin:0 0 0 -10px;padding:0 20px 4px 0;*margin:0 0 -3px -10px;*padding:0 14px 2px 0;display:inline-block;position:relative;} .boredbut span.boredbut{ color:#5F58B0 !important; cursor:pointer; font-size:11px; font-weight:bold; height:17px; text-align:center !important; line-height:150%; width:80px; } .Denotespo{background:transparent none repeat scroll 0 0;color:#FF6600;display:inline;font-weight:bold;padding-left:2px;} ol.approvalStatustwo { height:1%; } ol.approvalStatustwo:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } ol.approvalStatustwo li { float:left; height:65px; margin-right:8px;} ol.approvalStatustwo li.last-child { margin-right:0; } ol.approvalStatustwo .Statustwo_left { float:left;width:6px; height:65px;background:url(../images/main/approvalStatustwo_leftT.gif) no-repeat; } ol.approvalStatustwo .Statustwo_right{ float:left;width:19px; height:65px;background:url(../images/main/approvalStatustwo_rightT.gif) no-repeat; } ol.approvalStatustwo .approvalApptwo { float:left;width:90px; height:65px;background:url(../images/main/approvalStatustwo_bgT.gif) repeat-x; } ol.approvalStatustwo .approvalApptwo dl { *zoom:1;margin-top:7px; } ol.approvalStatustwo .approvalApptwo dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } ol.approvalStatustwo .approvalApptwo dt { float:left;width:90%;text-align:center; padding:0 5px 0 5px;font-size:11px; color:#3e4a7e; font-weight:bold;height:27px;} ol.approvalStatustwo .approvalApptwo dd { clear:both;height:29px;font-size:12px; color:#000000; font-weight:bold;text-align:center; line-height:250%; text-decoration:underline;background:url(../images/main/approvalStatustwo_box.gif) no-repeat 50% 4px;} /* ol.approvalStatustwo .approvalApptwo dt { float:left; padding-left:5px; font-size:12px; color:#3e4a7e; font-weight:bold; background:url(../images/main/cumulation_dot.gif) no-repeat 8px 50%;} ol.approvalStatustwo .approvalApptwo dd {width:49px; float:right; font-size:12px; color:#000000; font-weight:bold;text-align:center; line-height:290%; text-decoration:underline;background:url(../images/main/approvalStatustwo_box.gif) no-repeat 0px 2px; } */ ol.approvalStatustwo .approvalApptwo dd a { font-size:12px; color:#000000; font-weight:bold; text-decoration:underline;} ol.approvalStatustwo .twoLine dt { line-height:130%; } span.BtnUnAnswer2 {margin-left:-4px;_margin-left:0px; margin-top:5px;display:inline-block; height:35px; padding-left:6px; background:url(../images/common/btn/btn_unanswer2_bg.gif) no-repeat; text-decoration:none !important; } span.BtnUnAnswer2 span { display:inline-block; height:35px; padding-top:3px; padding-right:8px; font-size:11px; color:#4479C2; line-height:normal; font-family:Tahoma; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_unanswer2_bg.gif) no-repeat right top; line-height:normal; } /*20100120 by Seungnam Oh*/ span.BtnUnAnswer3 {margin:5px auto 0;display:inline-block; height:35px; padding-left:6px; background:url(../images/common/btn/btn_unanswer2_bg.gif) no-repeat; text-decoration:none !important; cursor:pointer; } span.BtnUnAnswer3 span { display:inline-block; height:35px; padding-top:3px; padding-right:8px; font-size:11px; color:#4479C2; line-height:normal; font-family:Tahoma; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_unanswer2_bg.gif) no-repeat right top; line-height:normal; } span.BtnUnAnswer4 {margin:5px auto 0;display:inline-block; height:19px; padding-left:6px; background:url(../images/common/btn/btn_unanswer_bg.gif) no-repeat; text-decoration:none !important; cursor:pointer; } span.BtnUnAnswer4 span { display:inline-block; height:19px; padding-top:2px; padding-right:8px; font-size:11px; color:#4479C2; line-height:normal; font-family:Tahoma; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_unanswer_bg.gif) no-repeat right top; line-height:normal; } /*//20100120 by Seungnam Oh*/ .rd{vertical-align:top;margin-left:2px;font-weight:normal !important;} /* E-mail Support - Status */ span.btnAnswer { display:inline-block; width:70px; height:19px; padding-left:6px; background:url(../images/common/btn/btn_answer_bg.gif) no-repeat; text-decoration:none !important; } span.btnAnswer span { display:block; height:16px; padding-top:3px; padding-right:8px; font-size:11px; color:#424242; line-height:normal; font-family:Tahoma; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_answer_bg.gif) no-repeat right top; line-height:normal; } span.BtnUnAnswer { display:inline-block; width:70px; height:19px; padding-left:6px; background:url(../images/common/btn/btn_unanswer_bg.gif) no-repeat; text-decoration:none !important; } span.BtnUnAnswer span { display:block; height:16px; padding-top:3px; padding-right:8px; font-size:11px; color:#424242; line-height:normal; font-family:Tahoma; font-weight:bold; text-align:center; background:url(../images/common/btn/btn_unanswer_bg.gif) no-repeat right top; line-height:normal; } span.BlAnswer { display:inline-block; width:70px; height:20px; padding-left:6px; background:url(../images/common/bg/bg_btn_1.gif) no-repeat; text-decoration:none !important; } span.BlAnswer span { display:block; height:20px; padding-top:3px; padding-right:8px; font-size:11px; color:#666666 !important; line-height:normal; font-family:Tahoma; font-weight:bold; text-align:center; background:url(../images/common/bg/bg_btn_1.gif) no-repeat right top; line-height:normal; } .Countsub{line-height:100%;color:#555557;padding-top:8px;background:url(../images/common/ico/qna_dt_dot.gif) no-repeat scroll 8px 13px;padding-left:15px;} /* 추가 20090828 : 팝업공지 -- start --*/ div.poplayer { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:#FFFFFF none repeat scroll 0 0; border:1px solid #7C7C7D; padding-bottom:30px; position:relative; text-align:center; } div.poplayer div.cont1 { margin-left:auto; margin-right:auto; text-align:left; width:531px; } div.poplayer div.cont1 .popup_rndbtm { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/common/poplayer/rnd_btm.gif) no-repeat scroll left bottom; padding:20px 15px 25px; } div.poplayer div.cont1 .popup_rndbtm p { color:#666666; font-family:Arial; font-size:11px; } div.poplayer div.cont1 { text-align:left; } div.poplayer a.close { bottom:3px; position:absolute; right:3px; } /* 추가 20090828 : 팝업공지 -- end --*/ /*20100120 by Seungnam Oh*/ dl.changeList{width:225px;} dl.changeList dt{display:inline;} dl.changeList dd{display:inline;} /*//20100120 by Seungnam Oh*/ /* 2010-01-22 */ a.btnPurple {margin-top:5px; display:inline-block; height:19px; padding-left:10px; background:url('/seller/images/common/btn/btn_purple_bg.gif') no-repeat; border:none; text-decoration:none !important; } a.btnPurple span { display:inline-block; height:17px; padding-top:2px; padding-right:11px; font-size:11px; color:#4556b8 !important;; font-weight:bold; text-align:center; background:url('/seller/images/common/btn/btn_purple_bg.gif') no-repeat right top; cursor:pointer; line-height:normal; } a.btnPurple span img { vertical-align:top; margin:2px 3px 0 0; } /* //2010-01-22 */ /* 2010-02-04 LNB */ .mainRboxC { width:195px; margin-bottom:5px; background:url(../images/common/rbox/right_boxc.gif) repeat-y; } .mainRboxTN { background:url('/seller/images/common/rbox/right_boxt_n.gif') no-repeat left top; } .mainRboxB { padding-bottom:5px; background:url(../images/common/rbox/right_boxb.gif) no-repeat left bottom; } .leftBtn{margin-bottom:5px;} a.btnLeftCross{display:inline-block; height:41px; padding-left:24px; background:url('/seller/images/common/btn/btn_leftCross_bg.gif') no-repeat; text-decoration:none !important;} a.btnLeftCross strong{width:147px; display:inline-block; height:29px; padding-top:12px; padding-right:24px; font-size:12px; color:#333; line-height:normal; font-family:Arial; text-align:left; background:url('/seller/images/common/btn/btn_leftCross_bg.gif') no-repeat right top; cursor:pointer;} .mainRTitleN{margin-bottom:5px; overflow:hidden;} .mainRTitleN h4{display:block; padding:15px 0 0 24px; color:#5b4898; font-size:15px;} .mainDownList{margin-bottom:3px; padding:0;} .mainDownList li{width:193px; color:#444; font-size:11px; border-top:1px solid #e5e5e5; padding:0px 1px;} .mainDownList li a{display:block; padding:3px 10px 3px 0px; color:#444; font-size:11px; text-decoration:none; background:url('/seller/images/main/ico_down_x.gif') no-repeat 176px 50%; cursor:pointer;} .mainDownList li a:hover{padding:3px 10px 3px 0px; color:#4c3d95; font-size:11px; font-weight:bold; text-decoration:none; background:#f4f4f4 url('/seller/images/main/ico_down_o.gif') no-repeat 176px 50%; cursor:pointer;} .mainDownList li a span{display:block; width:130px; color:#444; font-size:11px; padding:1px 10px 0px 24px;} .mainDownList li a:hover span{display:block; width:130px; color:#4c3d95; font-size:11px; font-weight:bold; padding:1px 10px 0px 24px;} .mainManageList{margin-bottom:3px; padding:0;} .mainManageList li{width:193px; color:#444; font-size:11px; border-top:1px solid #e5e5e5; padding:0px 1px;} .mainManageList li a{display:block; padding:3px 10px 3px 0px; color:#444; font-size:11px; text-decoration:none; background:url('/seller/images/common/lm/bul_application_x.gif') no-repeat 176px 50%; cursor:pointer;} .mainManageList li a:hover{padding:3px 10px 3px 0px; color:#4c3d95; font-size:11px; font-weight:bold; text-decoration:none; background:#f4f4f4 url('/seller/images/common/lm/bul_application_o.gif') no-repeat 176px 50%; cursor:pointer;} .mainManageList li a span{display:block; width:130px; color:#444; font-size:11px; padding:1px 10px 0px 24px;} .mainManageList li a:hover span{display:block; width:130px; color:#4c3d95; font-size:11px; font-weight:bold; padding:1px 10px 0px 24px;} .mainManageList li.last_child{border-bottom:1px solid #e5e5e5;} /* 2010-02-16 */ .layblueBox2 .scrol_h290 {width:498px; height:270px; overflow-y: scroll; border-top:1px solid #999; border-bottom:1px solid #999; padding:10px 0; margin:0 auto;} .layblueBox2 .scrol_h290 table{} .layblueBox2 .scrol_h290 table td.imgType_bg_mid {text-align: center;} .layblueBox2 .paging {display:inline-block; width:500px; text-align:center; margin-top:20px;_margin-top:0;} /*20100621*/ a.btnInBox4 { margin-top:4px; display:inline-block; height:19px; padding-left:9px; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnInBox4 span { width:50px; display:inline-block; height:17px; padding-top:2px; padding-right:10px; font:bold 11px dotum; color:#5f58b0 !important; text-align:center; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; line-height:130%;} a.btnInBox5 { margin-top:4px; display:inline-block; height:19px; padding-left:9px; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat; border:none; text-decoration:none !important; } a.btnInBox5 span { width:50px; display:inline-block; height:17px;_height:18px; padding-top:2px; padding-right:10px; font:bold 11px dotum; color:#5f58b0 !important; text-align:center; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; line-height:130%;} /*20100621*/ /*20100628*/ span.btnInBox5 {filter:alpha(opacity=35); opacity:0.35; -moz-opacity:0.35; margin-top:4px; display:inline-block; height:19px; padding-left:9px; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat; border:none; text-decoration:none !important; } span.btnInBox5 span { width:50px; display:inline-block; height:17px;_height:18px; padding-top:2px; padding-right:10px; font:bold 11px dotum; color:#5f58b0 !important; text-align:center; background:url(../images/common/btn/btn_inbox_bg.gif) no-repeat right top; line-height:normal; line-height:130%;} /********** guide.css End **********************************************/ /********** layer.css Start **********************************************/ /* layer popup */ .layerPopup { display:none; position:absolute; padding:6px 11px; background-color:#ebebec; border:1px solid #000;z-index:100; text-align:left;} .layerPopup .popTitle { padding-left:16px; margin-bottom:7px; font-weight:bold; color:#1b4070; font-size:13px; background:url(../images/common/poplayer/title_dot.gif) no-repeat 0 3px; } .layerPopup .popClose { position:absolute; top:5px; right:10px; } .layerPopup .popSubTitle { margin:10px 0 5px; padding-left:18px; font-weight:bold; color:#000; } .layerPopup .popGuide { padding:0 5px; color:#000; } .layerPopup .caution { padding-left:18px; margin-bottom:10px; color:#ea2b2c; font-size:11px; background:url(../images/common/poplayer/ico_caution.gif) no-repeat; } .layerPopup strong.strong { display:block; margin-bottom:10px; } .popGuide .errMsg { margin:3px 0 10px; font-size:12px; color:#1b4070; line-height:130%; } /* IE6 Bug 09.10.05 */ iframe.ie6_bug {position:absolute; filter: alpha(opacity=0);} /* //IE6 Bug 09.10.05 */ /* layer box Model */ .lineBoxLT { position:relative; padding:0 0 0 10px; background:url(../images/common/poplayer/popup_linebox.gif) no-repeat left top; } .lineBoxRT { position:relative; padding:10px 10px 0 0; margin:0 0 0 0; background:url(../images/common/poplayer/popup_linebox.gif) no-repeat right top; } /*20100120 by Seungnam Oh*/ .lineBoxLB { padding:0 0 0 10px; margin:0 0 0 -10px; background:url(../images/common/poplayer/popup_lineboxB.gif) no-repeat left bottom; } .lineBoxRB { *zoom:1; overflow:hidden; padding:0 10px 10px 0; margin:0 -10px 0 0; background:url(../images/common/poplayer/popup_lineboxB.gif) no-repeat right bottom; } /*//20100120 by Seungnam Oh*/ .inBoxLT { padding:0 0 0 10px; margin-bottom:5px; background:url(../images/common/poplayer/popup_inbox.gif) no-repeat left top; } .inBoxRT { padding:10px 10px 0 0; margin:0 0 0 0; background:url(../images/common/poplayer/popup_inbox.gif) no-repeat right top; } .inBoxLB { padding:0 0 0 10px; margin:0 0 0 -10px; background:url(../images/common/poplayer/popup_inbox.gif) no-repeat left bottom; } .inBoxRB { zoom:1; padding:0 10px 10px 0; margin:0 -10px 0 0; background:url(../images/common/poplayer/popup_inbox.gif) no-repeat right bottom; } .inBoxRB .inBoxCnt { padding:0 15px; } /* button Area */ .layerPopup .popBtnArea { padding-top:10px; text-align:center; } .layerPopup .popBtnArea a { margin:0 2px; } /*20100120 by Seungnam Oh*/ .layerPopup .popBtnArea1 { text-align:center; margin-bottom:23px;} .layerPopup .popBtnArea1 a { margin:0 2px; } /*//20100120 by Seungnam Oh*/ .layerPopup .popBtnAreaR { text-align:right; margin-bottom:23px;} /* 2010-02-16 */ .layerPopup .popBtnAreaR a { margin:0 2px; } /* 2010-02-16 */ .layerPopup .btnGray span { color:#333; } .layerPopup a.btnGray { display:inline-block; height:22px; padding-left:9px; background:url(../images/common/poplayer/btn_gray_bg.gif) no-repeat; border:none; text-decoration:none; } .layerPopup a.btnGray span { display:inline-block; height:19px; padding-top:3px; padding-right:11px; font-size:11px; color:#4d4c4c; font-weight:bold; text-align:center; background:url(../images/common/poplayer/btn_gray_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } .layerPopup a.btnBlue { display:inline-block; height:22px; padding-left:9px; background:url(../images/common/poplayer/btn_blue_bg.gif) no-repeat; border:none; text-decoration:none; } .layerPopup a.btnBlue span { display:inline-block; height:19px; padding-top:3px; padding-right:11px; font-size:11px; color:#3c87e7; font-weight:bold; text-align:center; background:url(../images/common/poplayer/btn_blue_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } /* login */ .layerPopup fieldset.signIn { position:relative; _left:20px; _top:10px; } .layerPopup fieldset.signIn dl.insTbl dt { width:100px; } .layerPopup fieldset.signIn dl.insTbl dd .input { width:140px; } /* layerlogin */ .layerPopup fieldset.signInlayer { } .layerPopup fieldset.signInlayer dl.insTbl dt { width:100px; } .layerPopup fieldset.signInlayer dl.insTbl dd .input { width:140px; } /* Product Search */ .searchConditionTbl { width:715px; margin:0 auto; table-layout:fixed; border-bottom:2px solid #c2c2c2; } .searchConditionTbl th { line-height:260%; } .searchConditionTbl th span { display:block; padding-left:9px; color:#555557; font-weight:bold; text-align:left; background:url(../images/common/ico/th_dot.gif) no-repeat 0 12px; } .searchConditionTbl th.gapLine { border-top:1px solid #dcdcdc; } .searchConditionTbl td { } .searchConditionTbl td img.icon { vertical-align:middle; } .searchConditionTbl td a.btnInBox { vertical-align:middle; } .searchConditionTbl td input.inputC { width:65px; height:16px; padding:2px 2px 0 2px; text-align:center; background:#f5f5f7; border:1px solid #d5d5d5; } .searchConditionTbl td ul.checkList { height:1%; margin:0 0 7px 10px; } .searchConditionTbl td ul.checkList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .searchConditionTbl td ul.checkList li { float:left; width:170px; line-height:200%; } .searchConditionTbl td ul.checkList li input[type=checkbox] { margin-right:3px; } /* Product Search Result */ .searchResult { *position:relative; width:713px; height:188px; padding:3px; margin:0 auto; background:#f4f4f4; border:1px solid #dbdbde; } .searchResultScroll { *position:relative; width:713px; height:188px; overflow:scroll; overflow-x:hidden; } .searchResultScroll .bbsList { width:695px; } .searchResultScroll .bbsList tbody td.title .imgBox_40 { float:left; margin-right:10px; } .searchResultScroll .bbsList tbody td.noData { width:695px; height:159px; padding:0; }/* no data */ /* Product Search Result */ .resultCtrl { width:713px; height:1%; margin:0 auto 5px; } .resultCtrl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .resultCtrl .resultMsg { float:left; } .resultCtrl .resultMsg dt { position:absolute; left:-3000px; } .resultCtrl .resultMsg dd { font-size:16px; color:#163562; font-weight:bold; } .resultCtrl .resultMsg dd strong { font-size:16px; color:#ff6600; } .resultCtrl .checkAll { float:right; margin-top:5px; } .resultCtrl .checkAll input { *width:12px; *height:12px; } /* popup calendar */ .calendarCtrl { width:210px; margin-bottom:6px; height:1%; } .calendarCtrl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .calendarCtrl .fl { margin-top:3px; margin-right:11px; } .calendarCtrl .fr { margin-top:3px; } .calendarCtrl .selectYearMonth { float:left; } .calendarCtrl .selectYearMonth select { width:77px; } .calendarTbl { width:210px; table-layout:fixed; border-color:#dcdcdc; } .calendarTbl caption { display:none; } .calendarTbl thead { border:none; } .calendarTbl thead th { height:24px; font-size:11px; color:#fff; border:1px solid #8bafdf; border-bottom:none; background:#8bafdf; } .calendarTbl tbody td { height:20px; font-size:11px; color:#333; text-align:center; border:1px solid #dcdcdc; } .calendarTbl tbody td a { color:#333; } .calendarTbl tbody td.sun, .calendarTbl tbody td.sun a { color:#ff3300; } .calendarTbl tbody td:hover { background:#e9f2ff; } /* Review Cost Information */ .reviewCostTbl { width:468px; margin-bottom:10px; table-layout:fixed; border-top:2px solid #ac9abc; border-bottom:1px solid #ac9abc; } .reviewCostTbl caption { display:none; } .reviewCostTbl tbody th { text-align:left; padding-left:10px; } .reviewCostTbl th { padding:6px 0; line-height:130%; background:#eceaef; border-color:#cbc0d4;text-align:center; } .reviewCostTbl td { line-height:130%; text-align:center; border-color:#dcdcdc; } .reviewCostTbl th.thBorderTop { border-top:1px solid #cbc0d4; } .reviewCostTbl th.thBorderLeftBtm { border-left:1px solid #cbc0d4; border-bottom:1px solid #ac9abc; text-align:center;} .reviewCostTbl td.tdBorderLeftTop { border-top:1px solid #dcdcdc; border-left:1px solid #ac9abc; } .reviewCostTbl td.tdBorderLeftTop5{border-top:1px solid #ac9abc; border-left:1px solid #ac9abc;height:23px } .reviewCostTbl td.tdBorderLeftTop55{border-top:1px solid #ac9abc;height:23px; } .reviewCostTbl td.tdBorderLeftTop55 a{text-decoration:underline; } .reviewCostTbl td.tdBorderLeftTopEnd { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; } .reviewCostTbl td.tdB { border-top:1px solid #dcdcdc; border-left:1px solid #dcdcdc; height:28px;line-height:28px;} /* popup layer inBox DL list */ dl.dlTbl { *zoom:1 } dl.dlTbl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } dl.dlTbl dt { float:left; margin-right:5px; line-height:160%; } dl.dlTbl dt span { display:block; padding-left:9px; color:#555557; font-weight:bold; text-align:left; background:url(../images/common/ico/th_dot.gif) no-repeat 0 46%; } dl.dlTbl dd { float:left; line-height:160%; } /*20100120 by Seungnam Oh*/ h4.h4layTit {width:562px; padding-left:18px; margin:8px auto 8px; font-weight:bold; font-size:14px; font-family:Arial; color:#202020; background:url('../images/common/ico/h4_bul.gif') no-repeat 0 3px; } h4.h4layTit strong { color:#ff6600; font-size:inherit; } .layblueBox1 {clear:both; width:580px; background:url('../images/common/bg/applayer_bg1.gif') no-repeat 0 0; padding-top:25px; margin:0 auto 20px;} .layblueBox1b {clear:both; width:580px; background:url('../images/common/bg/applayer_bg1.gif') no-repeat 0 0; padding-top:25px; margin:0 auto 10px;} .layblueBox2 {width:500px; background:url('../images/common/bg/applayer_bg2.gif') no-repeat 0 100%; margin-bottom:0px; padding:0 40px 23px;} .layViewApp dl.insTbl dt { width:135px; line-height:260%; } .layViewApp dl.insTbl dt span { display:block; padding-left:9px; color:#555557; font-weight:bold; line-height:150%; text-align:left; background:url(../images/common/ico/th_dot.gif) no-repeat 0 12px; padding-top:5px;} .layViewApp dl.insTbl dt span span { display:inline; padding-left:2px; color:#ff6600; font-weight:bold; background:none; } /* necessary */ .layViewApp dl.insTbl dt.floatNone { width:100%; } .layViewApp dl.insTbl dd { width:365px; padding:6px 0; _padding:3px 0; line-height:140%; }/* 2010-02-18 */ .layViewApp dl.insTbl dd.floatNone { width:100%; } .layViewApp dl.insTbl dd a.btnInBox { position:relative; _position:static;top:-1px; left:5px; _vertical-align:middle;*margin-top:1px; } .layViewApp dl.insTbl dd .input { position:relative; _position:static; top:-2px; *top:-3px; /* _top:8px; _left:10px; */ } .layViewApp dl.insTbl dd .inputDisabled { position:relative; _position:static; top:-2px; *top:-3px; /* _top:8px; _left:10px; */ } .layViewApp dl.insTbl dd select {_position:static; top:-2px; *top:-3px; /* _top:8px; _left:10px; */ } .layViewApp dl.insTbl dd input[type=checkbox] { vertical-align:middle; } .layViewApp dl.insTbl dd .addDevice { position:absolute; width:470px; text-align:right; } .layViewApp dl.insTbl dd .startDayCtrl { float:right; position:relative; right:150px; _top:8px; } .layViewApp dl.insTbl dd ul.sellingContry li { margin:2px 0; } .layViewApp dl.insTbl dd ul.sellingContry li img { margin-right:3px; vertical-align:middle; } .layViewApp dl.insTbl dd ul.sellingContry li input { margin-right:2px; } .layViewApp dl.insTbl dd ul.deviceSelect {padding:4px;} .layViewApp dl.insTbl dd ul.deviceSelect li { margin:2px 0; } .layViewApp dl.insTbl dd ul.deviceSelect li img { margin-right:3px; } .layViewApp dl.insTbl dd ul.deviceSelect li ul { margin:0 0 10px 19px; } .layResultProcess {width:580px; margin:11px auto; } .layResultProcess .stepf {height:44px; margin:0 auto; padding:10px 0 30px; } .layResultProcess .stepf dl { float:left; width:140px; height:44px; margin-right:6px; background:url(../images/application/layResult_step.gif) no-repeat; } .layResultProcess .stepf dl.last-child { margin-right:0; } .layResultProcess .stepf dt { padding:16px; color:#3e4a7e; font-weight:bold; } .layResultProcess .stepf dd { padding-left:28px; } .layResultProcess .layReGuide { color:#717171; line-height:140%; text-align:center; } .layResultProcess .layReGuide a {font:bold 12px arial; color:#717171;} .layResultProcess .layReGuide a .this {color:#385b95;} /*//20100120 by Seungnam Oh*/ /* 2010-01-21 */ h4.h4bulTit{display:block; padding-left:9px; color:#555557; font-weight:bold; text-align:left; background:url(../images/common/ico/th_dot.gif) no-repeat 0 5px; } .layerPopup .srchBox{background:#e6e9f9; padding:5px; margin-top:5px;} .layerPopup .srchBox .srchBoxIn{background:#fff; border:1px solid #d2d6ef; padding:8px 13px;} .layerPopup .selectBox{border-top:2px solid #ac9abc; border-bottom:1px solid #ac9abc; padding:5px 0;} .layerPopup .scrollBox{overflow:auto;} .layerPopup .scrollBox ul{padding:0 20px;} .layerPopup .scrollBox ul li{line-height:200%;} .layerPopup .guideTxt{margin-top:5px; color:#385b95; font-size:11px; line-height:120%;} /* //2010-01-21 */ /* 2010-02-24 MJKim add*/ .popGuide .srchBox{background:#e6e9f9; padding:5px; margin-top:5px;} .popGuide .srchBox .srchBoxIn{background:#fff; border:1px solid #d2d6ef; padding:8px 13px;} .popGuide .selectBox{border-top:2px solid #ac9abc; border-bottom:1px solid #ac9abc; padding:5px 0;} .popGuide .scrollBox{overflow:auto;} .popGuide .scrollBox ul{padding:0 20px;} .popGuide .scrollBox ul li{line-height:200%;} .popGuide .guideTxt{margin-top:5px; color:#385b95; font-size:11px; line-height:120%;} /* 2010-02-24 MJKim add*/ /*iframe layer*/ .frameLayer_out {position:absolute; top:100px; left:0px; z-index:500;} .frameLayer_in {position:relative; } .frameLayer_in .frameLayer_close {position:absolute; right:10px; top:10px;} .frameLayer_in .paging {} /********** layer.css End **********************************************/ /********** userDefine.css Start **********************************************/ iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute;/*must have*/ top:0;/*must have*/ left:0;/*must have*/ z-index:-1;/*must have*/ filter:mask();/*must have*/ width:3000px;/*must have for any big value*/ height:12000px/*must have for any big value*/; } #bg_popup { background: url('/en_US/images/common/bg/overlay.png'); text-align: center; position:fixed; _position:absolute; top:0px;left:0px;z-index:150; width:100%;height:12000px; } * html #bg_popup { background-color: #000; background-image: url('/en_US/images/common/bg/blank.gif'); filter: Alpha(opacity=0); } /* layer popup */ .layerPopupUserDefine { position:absolute; padding:5px; background-color:#fff; } .layerPopupUserDefine .popTitle { position:relative; height:30px; padding-left:10px; margin-bottom:10px; background:url(/en_US/images/common/bg/bg_layer_popup_title.gif) no-repeat left top; } .layerPopupUserDefine .popTitle span { display:block; height:24px; padding-top:6px; font-size:12px; color:#fff; font-weight:bold; background:url(/en_US/images/common/bg/bg_layer_popup_title.gif) no-repeat right top; } .layerPopupUserDefine .popClose2 { position:absolute; top: 7px; right:15px; } .layerPopupUserDefine .popBtnArea { margin:30px 0 20px; text-align:center; } .layerPopupUserDefine .popBtnArea a { margin:0 5px; } .layerPopupUserDefine .btnGray span { color:#333; } .layerPopupUserDefine input { color:#464646; font-size:11px; } .layerPopupUserDefine .popSubTitle { margin:10px 0 5px; padding-left:18px; font-weight:bold; color:#000; background:url(/en_US/images/common/ico/bul_01.gif) no-repeat 10px 6px; } .layerPopupUserDefine .popGuide { padding:0 18px; color:#000; } .layerPopupUserDefine .popGuide2 { padding:0 5px; _padding: 0 10px 0 5px; color:#000; } .layerPopupUserDefine .popGuide textarea { font-size:11px; } .layerPopupUserDefine .popGuide .checkMsg { margin-top:5px; font-size:11px; } .layerPopupUserDefine .popGuide .popBtnUpload { margin:20px 0; text-align:center; } .layerPopupUserDefine .popGuide .popBtnUpload a { padding-left:30px; } .layerPopupUserDefine .popGuide .popBtnUpload span { padding-right:30px; } .layerPopupUserDefine .popGuide .popScrollGuide { height:108px; overflow:auto; border:1px solid #7f9db9; } .layerPopupUserDefine .popGuide .popScrollGuide ul { margin:3px 0; } .layerPopupUserDefine .popGuide .popScrollGuide li { padding:1px 5px; } .layerPopupUserDefine .popGuide .cateInfo { margin-top:5px; } .layerPopupUserDefine .popGuide .cateInfo dt { color:#000; font-size:11px; font-weight:bold; line-height:200%; } .layerPopupUserDefine .popGuide .cateInfo dd { font-size:11px; color:#000; } .layerPopupUserDefine .popGuide .editMsg { margin-top:10px; color:#000; font-weight:bold; text-align:center; } .layerPopupUserDefine .popGuide .uploadedFile { margin-top:10px; text-align:center; text-decoration:underline; } .lineBoxLTUserDefine { padding:0 0 0 10px; margin:0 10px; background:url(/en_US/images/common/rbox/popup_linebox.gif) no-repeat left top; } .lineBoxLT2UserDefine { padding:0 0 0 5px; margin:0 10px; background:url(/en_US/images/common/rbox/popup_linebox.gif) no-repeat left top; } .lineBoxRT2UserDefine { padding: 10px 5px 0 0; margin:0 0 0 0; background:url(/en_US/images/common/rbox/popup_linebox.gif) no-repeat right top; } .lineBoxLB2UserDefine { padding:0 0 0 5px; margin:0 0 0 -5px; background:url(/en_US/images/common/rbox/popup_linebox.gif) no-repeat left bottom; } .lineBoxRB2UserDefine { *zoom:1; overflow:hidden; padding: 0 0 10px 0; margin:0 -5px 0 0; background:url(/en_US/images/common/rbox/popup_linebox.gif) no-repeat right bottom; } /* popup calendar */ .layerPopupUserDefine .popTitle_cal { padding-left:16px; margin-bottom:7px; font-weight:bold; color:#1b4070; font-size:13px; background:url(/en_US/images/common/poplayer/title_dot.gif) no-repeat 0 3px; } .calendarCtrlUserDefine { width:210px; margin-bottom:6px; height:1%; } .calendarCtrlUserDefine:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .calendarCtrlUserDefine .fl { margin-top:3px; margin-right:11px; } .calendarCtrlUserDefine .fr { margin-top:3px; } .calendarCtrlUserDefine .selectYearMonth { float:left;_padding-bottom:1px; } .calendarCtrlUserDefine .selectYearMonth select { width:77px; } .calendarTblUserDefine { width:210px; table-layout:fixed; border-color:#dcdcdc; } .calendarTblUserDefine caption { display:none; } .calendarTblUserDefine thead { border:none; } .calendarTblUserDefine thead th { height:24px; font-size:11px; color:#fff; border:1px solid #8bafdf; border-bottom:none; background:#8bafdf; } .calendarTblUserDefine tbody td { height:20px; font-size:11px; color:#333; text-align:center; border:1px solid #dcdcdc; } .calendarTblUserDefine tbody td a { color:#333; } .calendarTblUserDefine tbody td.sun, .calendarTblUserDefine tbody td.sun a { color:#ff3300; } .calendarTblUserDefine tbody td:hover { background:#e9f2ff; } .layerPopupUserDefine .board_list table, .layerPopupUserDefine .list_top_search { margin:0 auto; } .layerPopupUserDefine .cntImg { text-align:center; } .layerPopupUserDefine .cntImg img { width:460px; height:640px; } /********** userDefine.css End **********************************************/ /********** commonPopup.css Start **********************************************/ /* layer popup */ #bg_osppopup { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9; background-color:#333333; display: none; opacity: 0.00; filter: alpha(opacity=0); } #bg_osppopup_ie6 { position: absolute; left: expression(ignoreMe = document.documentElement.scrollLeft + "px"); top: expression(ignoreMe = document.documentElement.scrollTop + "px"); width: expression(document.documentElement.clientWidth + "px"); height: expression(document.documentElement.clientHeight + "px"); z-index: 9; background-color:#333333; display: none; opacity: 0.00; filter: alpha(opacity=0); } .iframeOspPopup { display:block; position: absolute; /*left: expression(ignoreMe = document.documentElement.scrollLeft + "px"); top: expression(ignoreMe = document.documentElement.scrollTop + "px"); width: expression(document.documentElement.clientWidth + "px"); height: expression(document.documentElement.clientHeight + "px");*/ left: 0; top: 0; width: 2048px; height: 4096px; z-index: -1; background-color:#333333; opacity: 0.00; filter: alpha(opacity=0); } .layerPopupOspPopup { display:none; position:absolute; padding:6px 11px; background-color:#ebebec; border:1px solid #000;z-index:100; } .layerPopupOspPopup .popTitleOspPopup { padding-left:16px; margin-bottom:7px; font-weight:bold; color:#1b4070; font-size:13px; background:url(../images/common/poplayer/title_dot.gif) no-repeat 0 3px; } .layerPopupOspPopup .popCloseOspPopup { position:absolute; top:5px; right:100px; } /*.layerPopupOspPopup .popSubTitle { margin:10px 0 5px; padding-left:18px; font-weight:bold; color:#000; }*/ .layerPopupOspPopup .popGuideOspPopup { padding:0 8px; color:#000; } .layerPopupOspPopup .cautionOspPopup { padding-left:18px; margin-bottom:10px; color:#ea2b2c; font-size:11px; background:url(../images/common/poplayer/ico_caution.gif) no-repeat; } /*.layerPopupOspPopup strong.strong { display:block; margin-bottom:10px; }*/ /*.popGuideOspPopup .errMsg { margin:3px 0 10px; font-size:12px; color:#1b4070; line-height:130%; }*/ /* layer box Model */ .lineBoxLTOspPopup { position:relative; padding:0 0 0 10px; background:url(../images/common/poplayer/popup_linebox.gif) no-repeat left top; } .lineBoxRTOspPopup { position:relative; padding:10px 10px 0 0; margin:0 0 0 0; background:url(../images/common/poplayer/popup_linebox.gif) no-repeat right top; } .lineBoxLBOspPopup { padding:0 0 0 10px; margin:0 0 0 -10px; background:url(../images/common/poplayer/popup_linebox.gif) no-repeat left bottom; } .lineBoxRBOspPopup { *zoom:1; overflow:hidden; padding:0 10px 10px 0; margin:0 -10px 0 0; background:url(../images/common/poplayer/popup_linebox.gif) no-repeat right bottom; } /*.inBoxLT { padding:0 0 0 10px; margin-bottom:5px; background:url(../images/common/poplayer/popup_inbox.gif) no-repeat left top; } .inBoxRT { padding:10px 10px 0 0; margin:0 0 0 0; background:url(../images/common/poplayer/popup_inbox.gif) no-repeat right top; } .inBoxLB { padding:0 0 0 10px; margin:0 0 0 -10px; background:url(../images/common/poplayer/popup_inbox.gif) no-repeat left bottom; } .inBoxRB { zoom:1; padding:0 10px 10px 0; margin:0 -10px 0 0; background:url(../images/common/poplayer/popup_inbox.gif) no-repeat right bottom; } .inBoxRB .inBoxCnt { padding:0 15px; }*/ /* button Area */ .layerPopupOspPopup .popBtnAreaOspPopup { padding-top:10px; text-align:center; } .layerPopupOspPopup .popBtnAreaOspPopup a { margin:0 2px; } .layerPopupOspPopup .btnGrayOspPopup span { color:#333; } .layerPopupOspPopup a.btnGrayOspPopup { display:inline-block; height:22px; padding-left:9px; background:url(../images/common/poplayer/btn_gray_bg.gif) no-repeat; border:none; text-decoration:none; } .layerPopupOspPopup a.btnGrayOspPopup span { display:inline-block; height:19px; padding-top:3px; padding-right:11px; font-size:11px; color:#4d4c4c; font-weight:bold; text-align:center; background:url(../images/common/poplayer/btn_gray_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } .layerPopupOspPopup a.btnBlue { display:inline-block; height:22px; padding-left:9px; background:url(../images/common/poplayer/btn_blue_bg.gif) no-repeat; border:none; text-decoration:none; } .layerPopupOspPopup a.btnBlue span { display:inline-block; height:19px; padding-top:3px; padding-right:11px; font-size:11px; color:#3c87e7; font-weight:bold; text-align:center; background:url(../images/common/poplayer/btn_blue_bg.gif) no-repeat right top; cursor:pointer; line-height:normal; } /********** commonPopup.css End **********************************************/ /* 2010-02-09 : step 4 status */ #stepStatus4 { width:725px; margin-bottom:5px; overflow:hidden; } #stepStatus4 ul { *zoom:1; } #stepStatus4 ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #stepStatus4 li { float:left; height:44px; padding-left:15px;} #stepStatus4 li font.Step{ font-weight:normal !important;font-size:11px !important;color:#71769d !important;padding-left:3px;} #stepStatus4 li span.join { position:relative; display:inline-block; height:44px; *height:37px; padding:5px 35px 0 0; font-weight:bold; font-size:13px; color:#3e4a7e; text-align:center; line-height:110%;}/* 20100730 */ #stepStatus4 li span { position:relative; display:inline-block; height:44px; *height:37px; padding:7px 35px 0 0; font-weight:bold; font-size:13px; color:#3e4a7e; text-align:center; line-height:85%;}/* 2010-02-16 */ #stepStatus4 li span a{ font-weight:bold; font-size:13px; color:#3e4a7e;text-decoration:none;} #stepStatus4 li span a:link { font-weight:bold; font-size:13px; color:#3e4a7e;text-decoration:none; } #stepStatus4 li span a:visited {font-weight:bold; font-size:13px; color:#3e4a7e;text-decoration:none; } #stepStatus4 li span a:hover { text-decoration:underline; color:#464646; } #stepStatus4 li span img { position:absolute; top:23px; *top:24px; right:15px; width:13px; height:13px; } #stepStatus4 li.on { background:url(../images/common/bg/step_bg02.gif) no-repeat left top; } #stepStatus4 li.on span { background:url(../images/common/bg/step_bg02.gif) no-repeat right top; } #stepStatus4 li.off { background:url(../images/common/bg/step_bg02.gif) no-repeat left -44px;} #stepStatus4 li.off span { background:url(../images/common/bg/step_bg02.gif) no-repeat right -44px; } #stepStatus4 li.first-child { background-image:url(../images/common/bg/step_bg01.gif); } #stepStatus4 li.first-child span { background-image:url(../images/common/bg/step_bg01.gif); } #stepStatus4 li.last-child { background-image:url(../images/common/bg/step_bg03.gif); } #stepStatus4 li.last-child span { background-image:url(../images/common/bg/step_bg03.gif); } #stepStatus4 li.beforeSel { background-position:left -88px; } #stepStatus4 li.beforeSel span { background-position:right -88px; } /* main Box Model */ .mainBgBoxLT { width:500px; padding:0 0 0 10px; background:url(../images/common/rbox/bg_box.gif) no-repeat left top; } .mainBgBoxRT { padding:10px 10px 0 0; margin:0 0 0 0; background:url(../images/common/rbox/bg_box.gif) no-repeat right top; } .mainBgBoxLB { padding:0 0 0 10px; margin:0 0 0 -10px; background:url(../images/common/rbox/bg_box.gif) no-repeat left bottom; } .mainBgBoxRB { padding:0 10px 10px 0; margin:0 -10px 0 0; background:url(../images/common/rbox/bg_box.gif) no-repeat right bottom; } .mainBgBoxWidth { *zoom:1; width:490px; margin:0 auto; } .mainBgBoxWidth:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .mainLineBoxLT { width:500px; padding:0 0 0 10px; margin-top:10px; background:url(../images/common/rbox/line_box.gif) no-repeat left top; } .mainLineBoxRT { padding:7px 10px 0 0; margin:0 0 0 0; background:url(../images/common/rbox/line_box.gif) no-repeat right top; } .mainLineBoxLB { padding:0 0 0 10px; margin:0 0 0 -10px; background:url(../images/common/rbox/line_box.gif) no-repeat left bottom; } .mainLineBoxRB { padding:0 10px 10px 0; margin:0 -10px 0 0; background:url(../images/common/rbox/line_box.gif) no-repeat right bottom; } .mainLineBoxWidth { width:490px; margin:0 auto; } .mainRboxC { width:195px; margin-bottom:10px; background:url(../images/common/rbox/right_boxc.gif) repeat-y; } .mainRboxT { background:url(../images/common/rbox/right_boxt.gif) no-repeat left top; } .mainRboxTleft { background:url(../images/main/right_boxtleft.gif) no-repeat left top; } .mainRboxB { padding-bottom:5px; background:url(../images/common/rbox/right_boxb.gif) no-repeat left bottom; } .mainRboxTN { background:url('../images/common/rbox/right_boxt_n.gif') no-repeat left top; } /* 2010-02-03 */ .mainRTitleN{margin-bottom:5px; overflow:hidden;} .mainRTitleN h4{display:block; padding:15px 0 0 24px; color:#5b4898; font-size:15px;} .mainDownList{margin-bottom:3px; padding:0;} .mainDownList li{width:193px; color:#444; font-size:11px; border-top:1px solid #e5e5e5; padding:0px 1px;} .mainDownList li a{display:block; padding:3px 10px 3px 0px; color:#444; font-size:11px; text-decoration:none; background:url('../images/main/ico_down_x.gif') no-repeat 176px 50%; cursor:pointer;} .mainDownList li a:hover{padding:3px 10px 3px 0px; color:#4c3d95; font-size:11px; font-weight:bold; text-decoration:none; background:#f4f4f4 url('../images/main/ico_down_o.gif') no-repeat 176px 50%; cursor:pointer;} .mainDownList li a span{display:block; width:130px; color:#444; font-size:11px; padding:1px 10px 0px 24px;} .mainDownList li a:hover span{display:block; width:130px; color:#4c3d95; font-size:11px; font-weight:bold; padding:1px 10px 0px 24px;} .mainManageList{margin-bottom:3px; padding:0;} .mainManageList li{width:193px; color:#444; font-size:11px; border-top:1px solid #e5e5e5; padding:0px 1px;} .mainManageList li a{display:block; padding:3px 10px 3px 0px; color:#444; font-size:11px; text-decoration:none; background:url('../images/common/lm/bul_application_x.gif') no-repeat 176px 50%; cursor:pointer;} .mainManageList li a:hover{padding:3px 10px 3px 0px; color:#4c3d95; font-size:11px; font-weight:bold; text-decoration:none; background:#f4f4f4 url('../images/common/lm/bul_application_o.gif') no-repeat 176px 50%; cursor:pointer;} .mainManageList li a span{display:block; width:130px; color:#444; font-size:11px; padding:1px 10px 0px 24px;} .mainManageList li a:hover span{display:block; width:130px; color:#4c3d95; font-size:11px; font-weight:bold; padding:1px 10px 0px 24px;} .mainManageList li.last_child{border-bottom:1px solid #e5e5e5;} .leftBtn{margin-bottom:5px;} a.btnLeftCross{display:inline-block; height:41px; padding-left:24px; background:url('../images/application/btn_leftCross_bg.gif') no-repeat; text-decoration:none !important;} a.btnLeftCross strong{width:147px; display:inline-block; height:29px; padding-top:12px; padding-right:24px; font-size:12px; color:#333; line-height:normal; font-family:Arial; text-align:left; background:url('../images/application/btn_leftCross_bg.gif') no-repeat right top; cursor:pointer;} .editable {background:#ebeef8;}