/* 페이지 초기화 작업 */
html, body {
width:100%;
height:100%;
}
html {
overflow-y:scroll;
}
html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td, /* block element */ del, dfn, em, img, ins, q, samp, strong, sub, sup, var, /* font element */ h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, /* text element */ dl, dt, dd, ol, ul, li, fieldset, form, label, legend, button, select /* etc element */ {
vertical-align: baseline;
font-family: "굴림", "돋움";
font-weight: inherit;
font-style: inherit;
font-size: 12px;
outline: 0;
padding: 0;
margin: 0;
border: 0 none;
line-height:180%;
}
h1, h2, h3, h4, h5, h6 {
font-family:'맑은 고딕'
}
strong {
font-weight:bold;
}
body {
/*line-height: 1%;*/
color: #555;
font-size:12px;
}
/* 스크롤 스타일 */
body {
scrollbar-highlight-color: #CCCCCC;
scrollbar-shadow-color: #CCCCCC;
scrollbar-arrow-color: #CCCCCC;
scrollbar-face-color: #FFFFFF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-track-color: #FFFFFF;
}
legend {
position:absolute;
top:0;
left:0;
width:0;
height:0;
overflow:hidden;
visibility:hidden;
font-size:0;
line-height:0;
}
hr {
line-height:1;
}
div, h1, h2, h3, h4, h5, h6, fieldset, ul, ol, dl, li, dd, dt {
display:block;
}
/* 포커스 스타일 */
:focus {
outline: 0;
}
dl, ul {
list-style: none;
}
button {
text-indent:-50000px;
}
/* 마크업시 table에 cellspacing="0" cellpadding="0"은 작성해야 함 */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, td {
font-weight: normal;
text-align: left;
}
th {
text-align:center;
}
a {
color:#666;
}
a:hover {
color:#005CBA;
}
:link, :visited {
text-decoration:none;
}
/* ie8 버튼 버그 */
button:active {
-ms-background-position-x:1px;
-ms-background-position-y:1px;
}
/*body {margin:0; padding:0; text-align:center; background: url(/etb/webapp/images/common/bg.gif) top center repeat-x}*/
body {
margin:0;
padding:0;
text-align:center;
}
textarea {
font-size:12px;
font-family:"맑은 고딕", verdana, "굴림", "돋움", san-serif;
color:#000000;
vertical-align:middle;
}
img {
border:none
}
/* 공통 레이아웃 */
#warp {
width:1050px;
height:700px;
margin:0 auto;
text-align:left;
}
#gnb {
width:1050px;
}
#gnb ul li {
float:right;
margin-left:10px;
margin-top:7px;
color :#414141;
font-family:Tahoma;
color:#414141;
font-size:11px
}
#gnb ul li a {
color:#414141;
font-family:Tahoma;
color:#414141;
font-size:10px
}
#header {
position:relative;
height:120px;
}
#header h1 {
position:absolute;
top:40px;
}
/*로그인*/
#login_container {
background: url(/etb/webapp/images/common/login_bg.gif) left center no-repeat;
width:200px;
height:110px;
margin-bottom:10px;
padding:20px 0 10px 15px;
position:relative;
z-index:999;
}
#login, #login a, #login label {
font-size:11px;
letter-spacing:-1px
}
#login dl dt {
display:none
}
#login dl dd input {
color:#9a9a9a;
font-size:11px;
height:18px;
padding:3px
}
#login .input_text {
width:115px;
padding:1px
}
#login_container h2, #login legend {
display:none
}
#login_container .login_submit {
position:absolute;
right:11px;
top:18px
} /* 로그인 버튼 위치 */
#login_container .member_join {
position:absolute;
right:13px;
bottom:9px
}
.main_tab {
border:#d9d9d9 1px solid;
border-top:none;
border-bottom:none;
}
.main_tab span {
background: url(/etb/webapp/images/common/ico_dot.gif) left center no-repeat;
text-indent:10px;
}
.main_tab td {
padding-left:5px;
}
/*로그인 후*/
#gnb .member_info {
color:#000;
letter-spacing:-1px
}
#gnb .member_info .m_level {
color:#4f6dbb
}
/*.left_mypage {border:#0f3381 6px solid; border-top:none}
.left_mypage h3{background: url(/etb/webapp/images/common/mypage_top.gif) -6px 0 no-repeat; padding:0; margin:0; border:none; height:45px; text-indent:-1000px}
.left_mypage dl {padding:0 10px 10px 10px; margin:0;}
.left_mypage dl dt{background: url(/etb/webapp/images/common/ico_mypage.gif) 0 5px no-repeat; text-indent:10px; color:#444444; font-weight:bold; letter-spacing:-1px; margin-top:10px }
.left_mypage dl dd{color:#062971; padding-left:10px; border-bottom:#d6d6d6 1px solid}
.left_mypage dl dd.orang{color:#e86823;}
.left_mypage dl dd .f59{color:#595959; font-size:11px}*/
.left_mypage_title {
border:none;
}
.left_mypage_title h3 {
background: url(/etb/webapp/images/common/mypage_top.gif) 0 0 no-repeat;
padding:0;
margin:0;
border:none;
height:50px;
text-indent:-1000px
}
.left_mypage {
border:#d9d9d9 1x solid;
border-top:none;
border-bottom:none;
}
.left_mypage h3 {
background: url(/etb/webapp/images/common/mypage_top.gif) -3px 0 no-repeat;
padding:0;
margin:0;
border:none;
height:51px;
text-indent:-1000px
}
.left_mypage dl {
padding:0 10px 10px 10px;
margin:0;
}
.left_mypage dl dt {
background: url(/etb/webapp/images/common/ico_mypage.gif) 0 5px no-repeat;
text-indent:10px;
color:#444444;
font-weight:bold;
letter-spacing:-1px;
margin-top:10px
}
.left_mypage dl dd {
color:#062971;
padding-left:10px;
border-bottom:#d6d6d6 1px solid
}
.left_mypage dl dd.orang {
color:#e86823;
}
.left_mypage dl dd .f59 {
color:#595959;
font-size:11px
}
/*상단 메뉴*********************/
#topmenu {
position: absolute;
left: 220px;
top: 40px;
width: 830px;
height: 50px;
background: url(/etb/webapp/images/common/topmenu_bg.gif);
z-index:3;
}
#topmenu ul {
list-style: none;
position: absolute;
left: 20px;
top: 0;
padding:0;
margin:0;
}
#topmenu li {
padding:0;
margin:0;
}
#topmenu ul li {
display: inline;
float: left;
padding:0;
margin:0;
background: none;
}
#topmenu ul li a {
padding: 0 0 0 0;
text-indent: -9999px;
}
#topmenu ul li.on ul {
display: block;
}
#topmenu ul ul {
display: none;
position: absolute;
left: 0;
top: 34px;
width: 820px;
height: 30px; /* background:url(/etb/webapp/images/inc/topmenu_sub_bg.gif) no-repeat left top; */
}
#topmenu ul ul li {
display: inline;
float: left;
padding: 2px 0 0 1px;
background: none;
}
#topmenu ul ul li a {
display: block;
padding: 4px 8px 2px 12px;
color: #666666 !important;
text-decoration: none;
white-space: nowrap;
text-indent: 0;
background:url(/etb/webapp/images/common/topmenuli.gif) no-repeat 5px 12px;
font-size:11px;
}
#topmenu ul ul li a.on, #topmenu ul ul li a:hover, #topmenu ul ul li a:focus {
color: #4f6dbb !important;
font-weight:bold;
letter-spacing:-1px; /* background:url(/etb/webapp/images/inc/topmenulion.gif) no-repeat 5px 10px;*/
}
#topmenu ul#top1menu li {
margin:0 25px;
} /* 상단 메뉴 간격 조절*/
#topmenu ul#top1menu li ul li {
margin:0;
} /* 하위메뉴 다시 리셋*/
/*상단의 서브메뉴들*/
#topmenu ul ul#top2m1 {
margin-left:10px;
width:703px;
}
#topmenu ul ul#top2m2 {
margin-left:70px;
width:623px;
}
#topmenu ul ul#top2m3 {
margin-left:210px;
width:603px;
}
#topmenu ul ul#top2m4 {
margin-left:330px;
width:360px;
}
#topmenu ul ul#top2m5 {
margin-left:400px;
width:400px;
}
#topmenu ul ul#top2m6 {
margin-left:600px;
width:200px;
}
/*상단 메뉴끝*********************/
#main {
clear:both;
float:left;
}
#main .aside_left {
width:200px;
float:left;
margin-right:20px
}
#main .main_content {
float:left;
}
#main .main_content .notice {
float:left;
width:240px;
margin-right:20px
}
#main .main_content .notice h3 {
position:relative;
}
#main .main_content .notice h3 span {
position:absolute;
right:0
}
#main .main_content .notice ul {
margin-top:15px
}
#main .main_content .notice ul li {
background: url(/etb/webapp/images/common/ico_dot.gif) left center no-repeat;
text-indent:10px
}
#foot_partner {
clear:both;
}
#foot_partner h3 {
background:#f1f1f1;
color:#5a5a5a;
text-indent:30px;
padding-top:5px
}
#foot_partner ul.banner {
border:#f1f1f1 solid 4px;
padding:10px;
float:left;
width:1050px
}
#foot_partner ul.banner li {
display:inline;
float:left;
padding:0;
margin:0 10px;
}
#foot {
clear:both;
height:100px;
padding:20px 0 10px 0;
margin-top:20px;
background:#;
color:#888888;
text-align:center;
font-size:11px;
border-top:#a2a2a2 2px solid;
}
ul.foot_link {
float:left;
}
ul.foot_link li {
display:inline;
float:left;
background: url(/etb/webapp/images/common/foot_link_bar.gif) right center no-repeat;
padding:0 10px 0 0;
}
ul.foot_link li.end {
background:none;
}
/* 공통 레이아웃 끝 */
/* 메인 퀵메뉴 */
ul.quick {
list-style:none;
padding:0;
margin:0;
}
ul.quick li {
float:left;
height:80px;
}
ul.quick li a {
display:block;
height:80px;
background:url('/etb/webapp/images/common/quick_area.gif') left top no-repeat;
overflow:hidden;
text-indent:-100em;
}
ul.quick li a.menual {
background-position:0 0;
width:100px;
} /*메뉴얼 */
ul.quick li a.service {
background-position:-100px 0;
width:100px;
} /*서비스안내 */
ul.quick li a.much {
background-position:-200px 0;
width:90px;
} /*요금안내 */
ul.quick li a.menual:hover {
background-position:0 -80px;
}
ul.quick li a.service:hover {
background-position:-100px -80px;
}
ul.quick li a.much:hover {
background-position:-200px -80px;
}
/* 서브 퀵메뉴 */
ul.quick2 {
list-style:none;
padding:0;
margin:0;
}
ul.quick2 li {
float:left;
height:80px;
}
ul.quick2 li a {
display:block;
height:80px;
background:url('/etb/webapp/images/sub/quick_area2.gif') left top no-repeat;
overflow:hidden;
text-indent:-100em;
}
ul.quick2 li a.menual {
background-position:0 0;
width:65px;
} /*메뉴얼 */
ul.quick2 li a.service {
background-position:-65px 0;
width:70px;
} /*서비스안내 */
ul.quick2 li a.much {
background-position:-135px 0;
width:65px;
} /*요금안내 */
ul.quick2 li a.menual:hover {
background-position:0 -80px;
}
ul.quick2 li a.service:hover {
background-position:-65px -80px;
}
ul.quick2 li a.much:hover {
background-position:-135px -80px;
}
/*=============================================================================
* 항목입력영역
*-----------------------------------------------------------------------------
* mandatoryicon : 필수입력icon
============================================================================*/
.mandatoryicon {
color:#FB5003;
font-weight:bold;
}
.input-select {
border:1px solid rgb(198,200,204);
width:90px;
padding:1px;
height:20px;
vertical-align:middle;
}
.input-select2 {
border:1px solid rgb(198,200,204);
width:150px;
padding:1px;
height:20px;
vertical-align:middle;
}
input {
margin:0;
padding:0;
font-size:12px;
font-family:"맑은 고딕", verdana, "굴림", "돋움", san-serif;
color:#000000;
vertical-align:middle;
}
input.txt {
border:#d6d6d6 1px solid;
height:21px;
padding:2px
}
input.txt_r {
border:#d6d6d6 1px solid;
height:21px;
padding:2px;
background:#eeeeee
}
input.input_r {
border:#d6d6d6 1px solid;
height:21px;
padding:2px;
background:#F6F6F6
}
input.txt:hover {
color:#ff000;
border:#000 solid 1px;
}
/*===========================================================================
* 제목 style
============================================================================*/
.tit24 a {
font-size:24px;
color:#000;
font-weight:bold;
letter-spacing:-2px;
text-decoration:none;
font-family:dotum
}
.tit24 {
font-size:24px;
color:#000;
font-weight:bold;
letter-spacing:-2px;
text-decoration:none;
font-family:dotum
}
.tit14 a {
font-size:14px;
color:#000;
font-weight:bold;
text-decoration:none;
font-family:dotum
}
.sp0 {
letter-spacing:0;
}
.tit14 a:hover {
text-decoration:underline;
}
.tit12 a {
font-size:12px;
color:#444;
font-weight:bold;
letter-spacing:-1px;
text-decoration:none;
font-family:dotum
}
.tit12 a:hover {
text-decoration:underline;
}
.fs11 {
font-size:11px;
}
.id_img {
vertical-align:middle;
margin-right:3px;
}
.vm {
vertical-align:middle;
margin-left:2px;
}
.bgf7 {
background:#f7f7f7;
}
/*===========================================================================
* line style
============================================================================*/
/* 실선 */
.line_hr {
display:block;
background: url(/etb/webapp/images/common/line_hr.gif) center left repeat-x;
}
.line_65 {
display:block;
background: url(/images/common/line_65.gif) center left repeat-x;
} /*2px 어두운 밤색계열 라인 */
.line_88 {
display:block;
background: url(/images/common/line_88.gif) center left repeat-x;
} /*2px 약간 어두운 회색계열 라인 */
.line_type1 {
display:block;
background: url(/images/common/line_type1.gif) center left repeat-x;
} /*1px 2px 밝은 회색계열 라인 */
.line_type2 {
display:block;
background: url(/images/common/line_type2.gif) center left repeat-x;
} /*1px 1px 상단회색 하단흰색 라인 */
.line_type3 {
display:block;
background: url(/images/common/line_type3.gif) center left repeat-x;
} /*1px 1px 상단회색 하단흰색 라인 */
/* 점선 */
.dot_line {
display:block;
background: url(/images/common/line_dot.gif) center left repeat-x;
}
.dot_line2 {
display:block;
background: url(/images/common/line_dot2.gif) center left repeat-x;
}
.line_green {
display:block;
background: url(/images/common/line_green.gif) top left repeat-x;
}
.line_green2 {
display:block;
background: url(/images/common/line_green2.gif) center left repeat-x;
}
.btd6 {
border-top:#d6d6d6 solid 1px;
}
.bbd6 {
border-bottom:#d6d6d6 solid 1px;
}
.bdno {
border:none;
}
/*===========================================================================
* A link style 색상, 폰트
============================================================================*/
.cfff {
color:#FFF;
}
.c000 {
color:#000;
}
.c333 {
color:#333;
}
.f777 {
color:#777;
}
.d6d6d6 {
color:#d6d6d6;
font-size:11px
}
.tit000 {
color:#000000;
font-size:24px
}
.tit444 {
color:#444444;
font-size:14px
}
.tit777 {
color:#777777;
font-size:11px
} /* 댓글/추천..위키트리/위키트리OPM */
.f78d03 {
color:#f78d03;
} /* 주황색*/
.fblue {
color:#255fdc;
}
.00401a {
color:#00401a;
font-size:11px
}
.ff0000 {
color:#ff0000;
} /*빨간색*/
.5b965a {
color:#5b965a;
}
.3333ff {
color:#3333ff;
}
.ebf7ff {
background:#ebf7ff;
}
.imgbbr {
border:#999999 1px solid
}
.imgsbr:hover {
border:#f78d03 3px solid
}
.imgsbr2 {
border:#d6d6d6 1px solid
}
.e93700 {
color:#e93700;
font-size:11px
}
.444444 {
color:#444444;
font-size:11px
}
.lith {
text-decoration:line-through;
}
/* 링크 스타일 */
a.c005625, a.c005625:visited {
color:#000000;
}
a.c005625:hover {
color:#005625;
}
/*주황색 계통 핫토픽에 사용*/
a.f88d03, a.f88d03:visited {
color:#f88d03;
font-weight:bold;
}
a.f88d03:hover {
color:#de3317;
}
a.e93804, a.e93804:visited {
color:#e93804;
font-weight:bold;
}
a.e93804:hover {
color:#f17550;
}
/*회색계열*/
a.c88, a.c888888:visited {
color:#888888;
font-weight:bold;
}
a.c88:hover {
color:#4c4c4c;
}
/* */
.fc01 a:link {
color:#005c82;
}
.fc01 a:visited {
color:#45245b;
}
.fc01 a:active {
color:#005c82;
}
.fc01 a:hover {
color:#005c82;
}
/* */
.fc02 a:link {
color:#436bc2;
}
.fc02 a:visited {
color:#45245b;
}
.fc02 a:active {
color:#436bc2;
}
.fc02 a:hover {
color:#436bc2;
}
a.c48 {
color:#484848;
}
a.c666666, a.c666666:visited {
color:#666666;
}
a.c666666:hover {
color:#666666;
text-decoration:underline;
}
a.cfff, a.cfff:visited {
color:#ffffff;
}
a.cfff:hover {
color:#ffffff;
text-decoration:underline;
}
/*=============================================================================
* 위치지정
*-----------------------------------------------------------------------------
* valign_m : 세로 가운데 위치
============================================================================*/
/* Default CLASS */
.cb {
clear:both
}
.cp {
cursor:pointer;
}
.fl {
float:left;
display:inline;
}
.fr {
float:right;
display:inline;
}
.fc {
float:center;
display:inline;
}
.tc {
text-align:center
}
.tr {
text-align:right
}
/* 세로 정렬 */
.valign_m {
vertical-align:middle;
}
.h01 {
height:1px;
}
.h02 {
height:2px;
}
.h03 {
height:3px;
}
.h05 {
height:5px;
_margin-top:-5px;
_margin-bottom:-5px;
}
.h10 {
height:10px;
}
.h15 {
height:15px;
}
.h20 {
height:20px;
}
.h22 {
height:22px;
}
.h27 {
height:27px;
}
.h30 {
height:30px;
}
.h40 {
height:40px;
}
.h50 {
height:50px;
}
.h60 {
height:60px;
}
.lh05 {
line-height:5px;
}
.lh06 {
line-height:6px;
}
.lh07 {
line-height:7px;
}
.lh08 {
line-height:8px;
}
.lh09 {
line-height:9px;
}
.lh10 {
line-height:10px;
}
.lh15 {
line-height:15px;
}
.lh16 {
line-height:16px;
}
.lh17 {
line-height:17px;
}
.lh18 {
line-height:18px;
}
.lh19 {
line-height:19px;
}
.lh20 {
line-height:20px;
}
.lh21 {
line-height:21px;
}
.lh22 {
line-height:22px;
}
.lh23 {
line-height:23px;
}
.lh24 {
line-height:24px;
}
.lh25 {
line-height:25px;
}
.lh30 {
line-height:30px;
}
.lh40 {
line-height:40px;
}
.lh50 {
line-height:50px;
}
.clear {
display:block;
float:none;
clear:both;
height:0;
width:100%;
font-size:0 !important;
line-height:0 !important;
overflow:hidden;
margin:0 !important;
padding:0 !important;
}
.clear.cb10 {
height:10px;
background:#fff;
}
.clear.cb15 {
height:15px;
background:#fff;
}
.clear.cb20 {
height:20px;
background:#fff;
}
.clear.cb25 {
height:25px;
}
.clear.cb30 {
background:#fff;
}/* */
.clear.cb40 {
height:40px;
background:#fff;
}
.clear.cb60 {
height:60px;
background:#fff;
}
.pt02 {
padding-top:2px;
}
.pt03 {
padding-top:3px;
}
.pt04 {
padding-top:4px;
}
.pt05 {
padding-top:5px;
}
.pt06 {
padding-top:6px;
}
.pt07 {
padding-top:7px;
}
.pt08 {
padding-top:8px;
}
.pt10 {
padding-top:10px;
}
.pt20 {
padding-top:20px;
}
.pb10 {
padding-bottom:10px;
}
.pa10 {
padding:10px
}
.pa20 {
padding:20px
}
.pl10 {
padding-left:10px;
}
.pl20 {
padding-left:20px;
}
.pl30 {
padding-left:30px;
}
.pl40 {
padding-left:40px;
}
.pl50 {
padding-left:50px;
}
.pr10 {
padding-right:10px;
}
.pr10 {
padding-right:10px;
}
.pr20 {
padding-right:20px;
}
.pr30 {
padding-right:30px;
}
.pr40 {
padding-right:40px;
}
.pr50 {
padding-right:50px;
}
.m0-a {
margin:0 auto;
}
.ml-25 {
margin-left:-25px;
}
.ml-22 {
margin-left:-22px;
}
.ml-20 {
margin-left:-20px;
}
.ml-15 {
margin-left:-15px;
}
.ml-14 {
margin-left:-14px;
}
.ml-13 {
margin-left:-13px;
}
.ml-10 {
margin-left:-10px;
}
.ml-9 {
margin-left:-9px;
}
.ml-8 {
margin-left:-8px;
}
.ml-7 {
margin-left:-7px;
}
.ml-6 {
margin-left:-6px;
}
.ml-5 {
margin-left:-5px;
}
.ml-3 {
margin-left:-3px;
}
.ml-2 {
margin-left:-2px;
}
.ml-1 {
margin-left:-1px;
}
.ml01 {
margin-left:1px;
}
.ml02 {
margin-left:2px;
}
.ml03 {
margin-left:3px;
}
.ml04 {
margin-left:4px;
}
.ml05 {
margin-left:5px;
}
.ml06 {
margin-left:6px;
}
.ml07 {
margin-left:7px;
}
.ml08 {
margin-left:8px;
}
.ml09 {
margin-left:9px;
}
.ml10 {
margin-left:10px;
}
.ml11 {
margin-left:11px;
}
.ml12 {
margin-left:12px;
}
.ml13 {
margin-left:13px;
}
.ml14 {
margin-left:14px;
}
.ml15 {
margin-left:15px;
}
.ml16 {
margin-left:16px;
}
.ml17 {
margin-left:17px;
}
.ml18 {
margin-left:18px;
}
.ml19 {
margin-left:19px;
}
.ml20 {
margin-left:20px;
}
.ml21 {
margin-left:21px;
}
.ml22 {
margin-left:22px;
}
.ml23 {
margin-left:23px;
}
.ml24 {
margin-left:24px;
}
.ml25 {
margin-left:25px;
}
.ml26 {
margin-left:26px;
}
.ml27 {
margin-left:27px;
}
.ml28 {
margin-left:28px;
}
.ml29 {
margin-left:29px;
}
.ml30 {
margin-left:30px;
}
.ml37 {
margin-left:37px;
}
.ml40 {
margin-left:40px;
}
.ml50 {
margin-left:50px;
}
.ml60 {
margin-left:60px;
}
.ml70 {
margin-left:70px;
}
.ml80 {
margin-left:80px;
}
.ml90 {
margin-left:90px;
}
.mr-15 {
margin-right:-15px;
}
.mr-10 {
margin-right:-10px;
}
.mr-5 {
margin-right:-5px;
}
.mr-4 {
margin-right:-4px;
}
.mr-3 {
margin-right:-3px;
}
.mr-2 {
margin-right:-2px;
}
.mr-1 {
margin-right:-1px;
}
.mr01 {
margin-right:1px;
}
.mr02 {
margin-right:2px;
}
.mr03 {
margin-right:3px;
}
.mr04 {
margin-right:4px;
}
.mr05 {
margin-right:5px;
}
.mr06 {
margin-right:6px;
}
.mr07 {
margin-right:7px;
}
.mr08 {
margin-right:8px;
}
.mr09 {
margin-right:9px;
}
.mr10 {
margin-right:10px;
}
.mr11 {
margin-right:11px;
}
.mr12 {
margin-right:12px;
}
.mr13 {
margin-right:13px;
}
.mr14 {
margin-right:14px;
}
.mr15 {
margin-right:15px;
}
.mr16 {
margin-right:16px;
}
.mr17 {
margin-right:17px;
}
.mr18 {
margin-right:18px;
}
.mr19 {
margin-right:19px;
}
.mr20 {
margin-right:20px;
}
.mr21 {
margin-right:21px;
}
.mr22 {
margin-right:22px;
}
.mr23 {
margin-right:23px;
}
.mr24 {
margin-right:24px;
}
.mr25 {
margin-right:25px;
}
.mr30 {
margin-right:30px;
}
.mr35 {
margin-right:35px;
}
.mr40 {
margin-right:40px;
}
.mb-5 {
margin-bottom:-5px;
}
.mb-4 {
margin-bottom:-4px;
}
.mb-3 {
margin-bottom:-3px;
}
.mb-2 {
margin-bottom:-2px;
}
.mb-1 {
margin-bottom:-1px;
}
.mb01 {
margin-bottom:1px;
}
.mb02 {
margin-bottom:2px;
}
.mb04 {
margin-bottom:4px;
}
.mb05 {
margin-bottom:5px;
}
.mb06 {
margin-bottom:6px;
}
.mb07 {
margin-bottom:7px;
}
.mb08 {
margin-bottom:8px;
}
.mb09 {
margin-bottom:9px;
}
.mb10 {
margin-bottom:10px;
}
.mb11 {
margin-bottom:11px;
}
.mb12 {
margin-bottom:12px;
}
.mb13 {
margin-bottom:13px;
}
.mb14 {
margin-bottom:14px;
}
.mb15 {
margin-bottom:15px;
}
.mb20 {
margin-bottom:20px;
}
.mb24 {
margin-bottom:24px;
}
.mb25 {
margin-bottom:25px;
}
.mb30 {
margin-bottom:30px;
}
.mb40 {
margin-bottom:40px;
}
.mt-28 {
margin-top:-28px;
}
.mt-26 {
margin-top:-26px;
}
.mt-25 {
margin-top:-25px;
}
.mt-23 {
margin-top:-23px;
}
.mt-20 {
margin-top:-20px;
}
.mt-19 {
margin-top:-19px;
}
.mt-18 {
margin-top:-18px;
}
.mt-17 {
margin-top:-17px;
}
.mt-16 {
margin-top:-16px;
}
.mt-15 {
margin-top:-15px;
}
.mt-10 {
margin-top:-10px;
}
.mt-5 {
margin-top:-5px;
}
.mt-4 {
margin-top:-4px;
}
.mt-3 {
margin-top:-3px;
}
.mt-2 {
margin-top:-2px;
}
.mt-1 {
margin-top:-1px;
}
.mt01 {
margin-top:1px;
}
.mt02 {
margin-top:2px;
}
.mt03 {
margin-top:3px;
}
.mt04 {
margin-top:4px;
}
.mt05 {
margin-top:5px;
}
.mt06 {
margin-top:6px;
}
.mt07 {
margin-top:7px;
}
.mt08 {
margin-top:8px;
}
.mt09 {
margin-top:9px;
}
.mt10 {
margin-top:10px;
}
.mt11 {
margin-top:11px;
}
.mt12 {
margin-top:12px;
}
.mt13 {
margin-top:13px;
}
.mt14 {
margin-top:14px;
}
.mt15 {
margin-top:15px;
}
.mt16 {
margin-top:16px;
}
.mt17 {
margin-top:17px;
}
.mt18 {
margin-top:18px;
}
.mt19 {
margin-top:19px;
}
.mt20 {
margin-top:20px;
}
.mt22 {
margin-top:22px;
}
.mt23 {
margin-top:23px;
}
.mt24 {
margin-top:24px;
}
.mt25 {
margin-top:25px;
}
.mt26 {
margin-top:26px;
}
.mt27 {
margin-top:27px;
}
.mt28 {
margin-top:28px;
}
.mt29 {
margin-top:29px;
}
.mt30 {
margin-top:30px;
}
.mt34 {
margin-top:34px;
}
.mt37 {
margin-top:37px;
}
.mt40 {
margin-top:40px;
}
.mt50 {
margin-top:50px;
}
.mt60 {
margin-top:60px;
}
.mt100 {
margin-top:100px;
}
.hand {
cursor:pointer;
}
/* 페이지 네비게이션 : 텍스트 */
table.page_navi {
clear: both;
border-collapse: collapse;
margin: 1em auto;
padding: 0;
border-width: 0;
}
table.page_navi td {
padding: 0;
border-left: 1px solid #ddd;
padding: 0px 7px;
font-family: Tahoma, sans-serif;
font-weight:bold;
font-size:11px;
line-height: 120%;
}
table.page_navi td span {
display: inline-block;
height: 10px; /*padding: 2px 6px;*/
background: transparent;
line-height: 120%;
}
table.page_navi td a {
display: inline-block;
height: 10px; /*padding: 2px 6px;*/
background: transparent;
color: #555 !important;
line-height: 120%;
}
table.page_navi td a:hover {
background-color: transparent;
}
table.page_navi td.active a, table.page_navi td a.active {
color: #ff6600 !important;
text-decoration: none;
}
table.page_navi td.first {
border:none;
font-weight:bold;
}
table.page_navi td.afirst {
border:none;
color: #ff6600 !important;
font-family: Tahoma, sans-serif;
font-weight:bold;
font-size:12px;
}
table.page_navi td.pfirst, table.page_navi td.pprev, table.page_navi td.pnext, table.page_navi td.plast {
border:none;
padding:0;
margin:0;
}
/*페이지 네비게이션 스타일2*/
.page_navi2 {
width:100%;
text-align:center;
color: #ff6600;
font-family: Tahoma, sans-serif;
font-weight:bold;
font-size:11px;
line-height: 120%;
}
input.calendar {
border:#d6d6d6 1px solid;
height:20px;
cursor:pointer;
background:url(/etb/webapp/images/inc/bgcalendar.gif) 98% 2px no-repeat
}
.select {
overflow:auto;
background-color:#f6f2eb;
scrollbar-face-color:#F3F3F3;
scrollbar-shadow-color:#6C6C6C;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#C9C9C9;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-track-color:#F3F3F3;
scrollbar-arrow-color:#000000;
}
a.button_gray, input.button_gray, button.button_gray {
display: inline-block/* [IE]버그수정 */;
cursor: pointer;
margin: 0;
padding: 5px 7px 3px 7px;
border: 1px solid #cecece;
background: #f5f4f0 url(/etb/webapp/images/inc/button_gray_bg.gif) repeat-x 0 bottom;
color: #5d5850 !important;
vertical-align: middle;
white-space: nowrap;
text-decoration: none !important;
line-height: 1.25;
font-weight:bold;
}
a.btnpg, input.btnpg, button.btnpg {
display: inline-block/* [IE]버그수정 */;
cursor: pointer;
margin: 0;
padding: 2px 4px 0px 4px;
border: 1px solid #9f9f9f;
background: #ffffff url(/etb/webapp/images/inc/buttonpg_bg.gif) repeat-x -1px bottom;
;
color: #333333 !important;
vertical-align: middle;
white-space: nowrap;
text-decoration: none !important;
line-height: 1.25;
font-weight:normal;
font-size:11px;
font-family: Dotum, "돋움", sans-serif !important;
}
a.btnpg_blue, input.btnpg_blue, button.btnpg_blue {
display: inline-block/* [IE]버그수정 */;
cursor: pointer;
margin: 0;
padding: 2px 4px 0px 4px;
border: 1px solid #9f9f9f;
background: #ffffff url(/etb/webapp/images/inc/button_blue_bg.gif) repeat-x -1px bottom;
;
color: #ffffff !important;
vertical-align: middle;
white-space: nowrap;
text-decoration: none !important;
line-height: 1.25;
font-weight:normal;
font-size:11px;
font-family: Dotum, "돋움", sans-serif !important;
}
a.btnpop, input.btnpop, button.btnpop {
display: inline-block/* [IE]버그수정 */;
cursor: pointer;
margin: 0;
padding: 3px 6px 0px 22px;
border: 1px solid #373737;
background: #595959 url(/etb/webapp/images/inc/buttonpop_bg.gif) no-repeat 4px 1px;
color: #fff !important;
vertical-align: middle;
white-space: nowrap;
text-decoration: none !important;
line-height: 1.25;
font-weight:normal;
font-size:11px;
}
.find_title {
background:url(/etb/webapp/images/inc/find_bu.gif) no-repeat 0px 5px;
padding:0 0 0 8px;
margin:0;
font-weight:normal;
text-align:left;
color:#444;
}
.find_title_non {
background:url(/etb/webapp/images/inc/find_bu.gif) no-repeat 0px 11px;
padding:5px 0 3px 8px;
margin:0;
font-weight:bold;
text-align:left;
color:#444;
}
.find_title_normal {
background:url(/etb/webapp/images/inc/find_bu.gif) no-repeat 0px 5px;
padding:0 0 0 8px;
margin:0;
font-weight:normal;
text-align:left;
}
.find_title_blue {
background:url(/etb/webapp/images/inc/find_bu_blue.gif) no-repeat 0px 7px;
padding:0 0 0 8px;
margin:0;
font-weight:normal;
text-align:left;
margin: 0 0 0 13px;
}
.boxblue {
position:relative;
border:2px solid #4f88bf;
width:100%;
padding-top:6px;
padding-bottom:6px;
}
.boxgray {
position:relative;
border:2px solid #d3d2d7;
width:100%;
padding-top:6px;
padding-bottom:6px;
}
.find_more_btn {
padding:8px 10px 8px 0;
text-align:right;
width:100%;
}
.find_list {
padding-top:5px;
}
.find_list_head {
padding-top:15px;
}
.view_head {
padding-top:15px;
}
.org {
font-weight:bold;
color:#fb5503;
}
.familysite {
font-family: Tahoma, sans-serif;
width:100px;
}
.fontnum {
font-size:11px;
font-family: Tahoma, sans-serif;
letter-spacing:normal !important;
}
.img {
margin: 0;
padding:0;
border: 0;
vertical-align:middle;
}
/* 버튼 */
.btn_info {
text-align:right;
margin-bottom:19px;
background:url(/etb/webapp/images/inc/info_icon.gif) no-repeat;
}
.btn_info_center {
text-align:center;
margin-top:15px;
margin-bottom:19px;
}
/*=============================================================================
* Paging style
*-----------------------------------------------------------------------------
* pagingArea : 페이징 중앙정렬
* li.page-number : 페이징 숫자(오른쪽 구분 bar 포함)
* li.page-number-last : 페이징 숫자(오른쪽 구분 bar 없음)
* pageInfo : 현재 page, Total page 표시
============================================================================*/
.pagingArea {
padding-top:5px;
padding-bottom:5px;
float: right;
position: relative;
left: -50%;
}
.pagingArea li {
float: left;
position: relative;
left: 50%;
}
.pagingArea ul.pages li {
float: left;
font-family:Tahoma;
list-style:none;
border:none;
text-decoration:none;
vertical-align:text-top;
margin:0 5px 0 0;
height:14px;
}
.pagingArea ul.pages li.page-number {
background:url(/etb/webapp/images/sub/paging_bar.gif) right no-repeat;
padding:0 8px 0 5px;
}
.pagingArea ul.pages li.page-number-last {
background-image:none;
padding:0px 8px 0 5px;
}
.pagingArea ul.pages li:hover {
color : #f73315;
cursor:hand;
}
.pagingArea ul.pages li.pgEmpty {
}
.pagingArea ul.pages li.pgCurrent {
border:none;
color:#f42303;
font-weight:bold;
background-color:#fff;
}
.pagingArea .pageInfo span {
color:#5b5b5b;
font-weight:bold;
}
.pagingArea .pageInfo select {
margin-left:5px;
}
.pageInfo {
position:absolute;
padding-top:5px;
right:10px;
color:#828282;
font-size:11px;
}
/* 색상 */
.crr {
color: #f03 !important;
}
.cgg {
color: #096 !important;
font-size:12px;
}
.cbb {
color: #069 !important;
font-size:12px;
}
/* 2015년 3월 24일 메인 추가 */
#main_visual {
position:absolute;
display:block;
float:left;
}
#maincenter2 {
width:420px;
position:absolute;
margin-left:420px;
display:block;
float:left
}
#maincenter2 .maincenter2_2 {
margin-top:4px;
clear:both
}
#maincenter2 .maincenter2_2 li {
float:left
}
#maincenter2 .maincenter2_1 span {
padding-left:10px
}
#ACCOUNT {
height:650px;
margin:0 0 50px 0;
font-family:"돋움";
font-size:12px;
clear:both;
display:block;
width:830px;
color:#555555;
list-style:none;
}
#ACCOUNT ul li {
margin:0;
margin:10px;
list-style:none;
}
#ACCOUNT ul {
width:100%;
border-top:#0f3381 solid 3px;
padding:20px 0 0 0;
margin:3px 0 0 0;
line-height:160%;
list-style:none;
}
#ACCOUNT ul li:first-child {
margin-top:30px;
}
#ACCOUNT .acc_title {
width:400px;
float:left;
color:#000;
font-size:16px;
font-family:'malgun gothic';
background: url(https://www.etradebill.co.kr/etb/webapp/images/sub/ico_h2.gif) left center no-repeat;
padding-left:15px;
font-weight:bold;
}
#ACCOUNT .acc_title2 {
float:left;
width:420px;
font-size:11px;
font-family:"굴림";
color:#999999;
font-weight:normal;
letter-spacing:-1px;
right:0px;
text-align:right;
padding-top:7px;
}
#ACCOUNT .acc_title2 b {
font-size:12px; font-family:dodum;
}
#ACCOUNT .acc_circle {
font-family:'malgun gothic';
background: url(https://www.etradebill.co.kr/etb/webapp/images/sub/ico_red_h3.gif) left center no-repeat;
padding-left:20px;
font-weight:bold;
font-size:14px;
margin-top:10px;
color:#000;
}
#ACCOUNT .acc_red {
display:block;
background: url(/etb/webapp/images/ico_chk.png) left top no-repeat;
padding-left:15px;
font-weight:bold;
margin-top:10px;
color:#ed1c24;
}
#ACCOUNT .ac1img {
clear:both;
float:left;
display:block;
width:410px;
list-style:none;
}
#ACCOUNT .ac1co {
float:left;
display:block;
width:410px;
}