@charset "utf-8";
html { height: 100%; }
body { font:12px/1.5 "돋움", Dotum, Verdana, AppleGothic, Sans-serif; color:#7d7d7d; letter-spacing:-1px; }
/* 링크 색 및 형태 지정 */
a,
a:link,
a:visited,
a:hover,
a:active { color:#7d7d7d; text-decoration:none; selector-dummy: expression(this.hideFocus=true); }
/* 폼 형식 및 스타일 */
textarea { font:11px/1.5 "돋움", Dotum, Verdana, AppleGothic, Sans-serif; color:#7d7d7d; letter-spacing:-1px; }
form { margin:0; padding:0; }
select { background-color:#f8f8f8; border:1px solid #cecece; vertical-align:middle; height:18px; padding:0; font:12px/2em "돋움", Dotum, Verdana, AppleGothic, Sans-serif; color:#7d7d7d; letter-spacing:-1px;}
option {}
input { background-color:#f8f8f8; border:1px solid #cecece; vertical-align:middle; height:18px; margin: 0 ; padding:0 ; font:11px/1.5 "돋움", Dotum, Verdana, AppleGothic, Sans-serif; color:#7d7d7d; letter-spacing:-0.5px;selector-dummy: expression(this.hideFocus=true); }
input.inputClr { background:none; border:none; width:auto; height:auto; padding: 0;} /* 버튼의 배경 및 보더 삭제 */
.input_right {text-align: right; padding: 0 3px 0 0 ;}
label input { background:none; border:none; padding: 0; height:18px; }
textarea { border:1px solid #cecece; padding:4px; font-size:11px/1.2; overflow:auto; height:120px; }
div.textarea { border:1px solid #cecece; padding:4px; font-size:11px/1.2; overflow:auto; height:120px; }
/* 콘텐츠, 디자인 구성요소 */
h1 { margin:0; padding:0 0 5px 0; font-size:18px; width:660px; }
h2 { margin:20px 0 10px 0; padding:0 0 0 9px; font-size:16px; width:660px; }
h3 { margin:0 0 7px 29px; padding:0 0 0 7px; font-size:14px; }
h4 { margin:0; padding:0 0 0 7px; font-size:14px; }
h5 { margin:0; padding:0 0 0 7px; font-size:12px; }
h6 { margin:10;}
img { border:none; vertical-align:middle; selector-dummy: expression(this.hideFocus=true);}
h1 img { margin-left:34px; }
h1 img.desc { margin-left:0; margin-top:10px; float:left; display:block; }
h2 img.desc { margin-top:6px; font-size:12px; font-weight:normal; }
.alert { margin-top:10px; margin-left:5px; float:left; display:block; width:97%; } /* 중요한 알림 사항 전달 */
.location { text-align:right; padding:7px 0 5px 0; font-size:11px/1.2; } /* 콘텐츠 페이지의 메뉴 경로 표시 */
/* 레이아웃 */
div { margin:0; padding:0; font:12px/1.5 "돋움", Dotum, Verdana, AppleGothic, Sans-serif; color:#7d7d7d; letter-spacing:-1px; }
.cttBoxLM10 { padding-left:10px; } /* 왼쪽 여백10 */
div.btns { margin-top:15px; height:26px; text-align:center; clear:left; } /* 버튼 영역의 위치 및 높이 지정 */
div.btns_r { margin-top:15px; height:26px; text-align:right; } /* 버튼 영역의 위치 및 높이 지정 */
div.btns_l { margin-top:15px; height:26px; text-align:left; } /* 버튼 영역의 위치 및 높이 지정 */
div.btns_2 { margin:15px 0 0 10px;height:26px; text-align:left; } /* 버튼 영역의 위치 및 높이 지정 */
div.btnsTop { margin-bottom:15px; } /* 버튼 영역의 위치 및 높이 지정 */
div.btnsTop_r { margin-bottom:15px; text-align:right; } /* 버튼 영역의 위치 및 높이 지정 */
div.kidsDetailTop {padding-right:15px; height:64px;text-align:right; }
div.kidsDetailTop input {margin-top:40px;}
p { margin:0; padding:0; }
/*
br.clear { clear:both; }
*/
hr.spacer-h { clear:both; visibility:hidden; }
/* 목록 */
ul { margin:0; padding:0 0 0 10px; list-style:None; }
.clsBox ul { margin:0; padding:0; list-style:None; }
ul.ulH1 { margin-bottom:7px; display:block; margin-left:1px; } /* 두배로 만들때 사용 */
ul li { margin:0; padding:0 0 8px 8px; background-position:left 7px; background-repeat:no-repeat; }
dl { margin:0; padding:0; }
dt { margin:0; padding:0; }
dd { margin:0; padding:0; }
#wrap li.noneLs { background:none; } /* 목록에 헤더 이미지 보이지 않게함 */
#popu li.noneLs { background:none; } /* 목록에 헤더 이미지 보이지 않게함 */
/* 탭 디자인 */
#wrap ul.tabs,
#wrap ul.tabs2 { float:left; display:inherit; margin:0 0 0 0; padding:0; width:660px; }
#wrap ul.tabs li,
#wrap ul.tabs2 li { background:none; margin:0 1px 0 0; padding:0; float:left; display:inline; }
#wrap ul.tabs3 li { margin:0 0 0 0; padding:0 10px 0 0; float:left; display:inline; background:none}
#wrap ul.tabs input,
#wrap ul.tabs2 input { border:0; padding:0; }
/* 테이블 */
#wrap table { border-collapse:collapse; }
#wrap th { font:11px/1.5; color:#7d7d7d; height:20px; padding:1px 2px 1px 2px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; font-weight:bold; }
#wrap td { font:11px/1.5; color:#7d7d7d; height:20px; padding:1px 2px 1px 2px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
#wrap table.clean { border:none; padding:0; }
#wrap table.clean th { border:none; padding:0; }
#wrap table.clean td { border:none; padding:0; }
#wrap th.noneLBorder,
#wrap td.noneLBorder { border-left:none; }
#wrap table.pl { clear:left; }
#popu table { border-collapse:collapse; }
#popu th { font:11px/1.5; color:#7d7d7d; height:28px; padding:3px 10px 5px 10px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
#popu td { font:11px/1.5; color:#7d7d7d; height:28px; padding:3px 10px 5px 10px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; }
#popu table.clean { border:none; padding:0; }
#popu table.clean th { border:none; padding:0; }
#popu table.clean td { border:none; padding:0; }
#popu th.noneLBorder,
#popu td.noneLBorder { border-left:none; }
#popu table.pl { clear:left; }
/* 게시판 */
div.bbsSrch { margin-bottom:8px; float:right; }
h2 div.bbsSrch { margin-bottom:0; float:right; }
/* 게시판 페이지 목록 */
.filebutton {width:0;height:18;filter:alpha(opacity=0);}
#pagenum { text-align:center;font-weight:bold ; }
#pagenum a.num { display:inline; padding:3px 7px 3px 5px; margin:1px; }
#pagenum a.num:hover{ border:1px solid #CCCCCC; margin:0; }
#pagenum .active { display:inline; padding:3px 7px 3px 5px; margin:1px;color:#ff5300 }
/*
고정태그(변경불가) 끝
*/
/*
#### # ### ##
# #### ### #### # # ### # ### # ##
### # # # # # # # # # # # ##
# # # # # # # # # # # # # #
#### #### ### ## ### ### ### ### #
#
** 콘텐츠 페이지의 텍스트 강조색 */
.spot1 { color:#ff5300; } /* 기본 강조 */
.spot3 { color:#252525; } /* 진한 회색 */
.spot2 { color:#007f78; } /* 이벤트, 회원관리 */
.spot4 { color:#0071bc; } /* 회원관리 */
.spot5 { color:#448ccb; } /* 주유소 이야기 / 카드 */
.spot6 { color:#00a650; } /* 주유소이야기 */
.spot7 { color:#3b9d97; } /* 포인트, 마이페이지 */
.spot8 { color:#fbaf5c; } /* 킥스 프라임 */
.spot9 { color:#6bb3af; } /* 고객센터 */
.spot10 { color:#b8860b; } /* 나눔 */
/*
# # #
# # ### #### #### ### # ##
##### ##### # # # # ##### ##
# # # # ## # # # #
# # ### ## # #### ### #
** 최상위 메뉴바 - 오른쪽 간편메뉴의 크기 75px를 마진으로 잡아 위치 조정 */
#head #globalNav { padding-right:75px; }
/*
##### #
# ### ### #### ### # ##
#### # # # # # ##### ##
# # # # # # # #
# ### ### ## ### #
** 페이지 하단 링크들 */
/*#tail { padding-top: 11px; margin-left: 20px; /*background:url(../images/common/tail_bg.gif) no-repeat; height:71px; }*/
/** 20100315 수정 */
/*#tail ul { margin:0 24px; }
#tail li { float:left; display:inherit; margin:0; padding:0; } */
#tail li { float:left; display:inherit; margin:0; padding:0; }
#popu #tail { background:none; margin:0; padding:0; background-color:#4ba494; text-align:right; height:20px; width:100%;}
/*
# ### #
# ### # ####
# ##### #### #
# # # #
##### ### # ##
*/
#sideL div { padding:0 5px 10px 5px; }
#sideL #loginBox { padding:0 0px 6px 0px; }
/*
#### # # #
# # #### #### ####
#### # # # # # #
# # # #### # # #
# ## # # # # ##
###*/
#sideR .easyNav div { background:url(../images/common/quickNav_01.gif) no-repeat; padding:30px 0px 0px 0px; }
#sideR .easyNav { background:url(../images/common/quickNav_02.gif) bottom left no-repeat; padding-bottom:16px; width:62px; text-align:center; }
/*
#### #
# ### #### # ## ### ####
### ##### # # ## # # #
# # # ## # # # #
#### ### ## # # ### # #
*/
#sear h1 { margin-bottom:30px; font-size:20px; background:url(../images/sear/head_search_h1.gif) 0 0 no-repeat; }
#sear h2 { background:url(../images/sear/head_search_h2.gif) 0 1px no-repeat; }
#sear h3 { background:url(../images/sear/head_search_h3.gif) 0 0 no-repeat; border-bottom:1px solid #abd6cf; padding-bottom:5px; padding-left:20px; margin-left:0; }
#sear .tabs { margin-bottom:0; background:url(../images/sear/GSCK_SEAR_F001_14.gif) left top repeat-x; }
#sear .searRes ul,
#sear .searRes li { margin-left:0; padding-left:0; background:none;}
#sear .searRes .title { font-size:14px; color:#ff5300; font-weight:bold; }
#sear .searRes .url { font-size:11px/1.2; color:#007f78; font-weight:bold; }
#sear #searBox { background:url(../images/sear/GSCK_SEAR_F001_01.gif) no-repeat; width:660px; height:101px; }
/*#searBox div { position:relative; left:160px; top:20px; }*/
#sear #searBox .tags { position:relative; left:-60px; top:20px; clear:left; width:530px;font-size:11px; }
#sear #searBox .tags li { float:left; display:inline; background:none; margin-right:5px; }
/*
# # # ### # #
## ## #### # ## # # ### # ## #### ### # ## ####
# # # # # # ## # # # # ## # # ##### ## # #
# # # # ## # # # # # # # # # # # # # #
# # ## # # # # ### ### # # ## ### # # ##
*/
/*
카드안내
*/
#card h1 { margin-bottom:30px; font-size:20px; background:url(../images/card/head_card_h1.gif) 0 0 no-repeat; }
#card h2 { background:url(../images/card/head_card_h2.gif) 0 0 no-repeat; display:block; width:640px; }
#card h3 { background:url(../images/card/head_card_h3.gif) 0 5px no-repeat; }
#card .h5_1 { background:url(../images/card/head_card_h5_1.gif) 0 9px no-repeat; font-size:11px/1.2; }
#card dl { float:left; display:inherit; margin-bottom:7px; }
#card dl dt { padding:2px 1px 2px 7px; font-size:12px; background:url(../images/card/head_card_h3.gif) 0 7px no-repeat; }
#card dl dd { padding:2px 1px 2px 7px; font-size:11px/1.2; }
#card table { margin-left:10px; margin-bottom:10px; border-top:2px solid #448ccb; border-bottom:2px solid #448ccb; }
#card .partnerSb2 table { margin-left:0; }
#card th { vertical-align:middle; background-color:#ebf2f9; color:#464646; }
#card ul li { background-image:url(../images/card/head_card_h3.gif); }
#card table textarea { width:95%; margin:1px 0 0 0; background-color:#f8f8f8; }
#card #srcBoxCls,
#card #srcBox { margin-top:10px; float:left; display:inherit; width:100%; }
#card #srcBox { position:relative; /*display:none; */ padding-top:5px; background:url(../images/card/GSCK_CARD_F011_01.gif) no-repeat; z-index:1; }
#card #srcBox ul { margin:5 10px; }
#card .alert li { padding-left:10px; background:url(../images/common/listhead_01.gif) 0 7px no-repeat; }
#card .iBox { width:300px; margin-left:10px; float:left; display:inherit; padding-bottom:4px; }
#card .iBox img { float:left; display:inherit; margin-right:15px; margin-top:3px; }
#card .pl { border:none; margin-left:10px; }
#card .pl2 { border:none; margin-left:10px; }
#card .pl th { border:1px solid #e1e1e1; background-color:#ebf2f9; }
#card .pl td { border:1px solid #e1e1e1; }
#card .tabs { margin-bottom:0; background:url(../images/card/GSCK_CARD_F004_13.gif) left top repeat-x; }
/* 20100706 추가 시작 */
#card ul.tabs_card { float:left; display:inherit; margin:0 0 0 0; padding:0; width:660px; }
#card ul.tabs_card li { background:none; margin:0 1px 0 0; padding:0; float:left; display:inline; }
#card .tabs_card { margin-bottom:0; background:url(../images/card/GSCK_CARD_bg.gif) 0 0 repeat-x; height:42px; }
/* 20100706 추가 끝 */
/* ul로 만들어 지는 게시판 */
#card .bbsul { float:left; display:inherit; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#card .bbsul ul { float:left; display:inherit; width:660px; margin:0; padding:0; }
#card .bbsul ul ul { clear:both; margin:0; padding:0; }
#card .bbsul li { font-size:11px/1.2; float:left; display:inherit; margin:0; padding:0; border-bottom:1px solid #ebebeb; background:none; }
#card .bbsul li li { float:left; display:inherit; padding:5px 0 5px 10px; border:none; background:none; }
#card .bbsul li .th { width:55px; padding:0 0 0 0; text-align:center; font-weight:bold; }
#card .partnerSb .frm { background:url(../images/stor/GSCK_STOR_F028_08.gif) no-repeat; display:inline; float:left; display:inherit; width:153px; height:45px; margin:0 9px 20px 0; padding:0; text-align:center; }
#card .bbsul .partnerSb2 ul{vertical-align:middle;}
#card .bbsul .partnerSb2 .frm { display:inline; float:left; display:inherit; width:200px; margin:15px 0 0 10px; padding:0; text-align:center;}
#card .bbsul .partnerSb2 h5 { background:url(../images/card/head_card_h3.gif) 0 5px no-repeat; color:#448ccb; margin-top:13px; margin-left:2px; }
#card .bbsul .partnerSb2 .partnerSb2 { width:173px; padding-top:5px; }
#card .bbsul .partnerSb2 .partnerSb2 .frm { background:url(../images/card/GSCK_CARD_F030_01.gif) no-repeat; width:173px; height:50px; margin:5px 0 0 0; padding:0; text-align:center; }
#card .cttBox_18 .btns_r { width:610px; }
#card div.cttBox_03 h2 { margin:0 0 10px 0; }
/* 071228-은지추가수정 */
#card .cttABox { width:660px; }
#card .cttABox table { width:100%; border-collapse:collapse; padding: 0; margin: 0; border:none; }
#card .cttABox .clsABox { background:url(../images/common/AcontentBox_02.gif) repeat-y left; }
#card .cttABox .clsABox h2 { margin:0 0 0 15px; }
#card .cttABox .AiBox { margin-left: 15px; }
#card .cttABox .iBox { width:300px; padding:10px 0 0 10px; float:left; display:inline; }
#card .cttABox .iBox img { float:left; display:inherit; margin-right:15px; margin-top:3px; }
/*
이벤트
*/
#even h1 { margin-bottom:30px; font-size:20px; background:url(../images/even/head_event_h1.gif) 0 0 no-repeat; }
#even ul li { background-image:url(../images/even/head_event_h3.gif); }
#even h2 { background:url(../images/even/head_event_h2.gif) 0 0 no-repeat; }
#even h3 { background:url(../images/even/head_event_h3.gif) 0 5px no-repeat; }
#even h5 { background:url(../images/even/head_event_h5.gif) 0 6px no-repeat; margin:10px 0; padding:0 0 0 8px; }
#even table { float:left; display:inline; margin-left:10px; margin-bottom:10px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#even th { vertical-align:middle; background-color:#e8f6f7; color:#464646; }
#even .tabs { margin-bottom:0; background:url(../images/even/GSCK_EVEN_F029_11.gif) left top repeat-x; }
#even .bs { border:none; margin:0 0 5px 0; }
#even .bs th,
#even .bs td { border:none; padding:0; }
#even .bs2 { border:none; margin:0 0 5px 0; border-bottom:2px solid #d7d7d7; }
#even .bs2 th { border:none; padding:0 0 1px 0; }
#even .bs2 td { border:none; padding:5px; padding-top:8px; border-bottom:1px solid #e1e1e1; }
#even .bbsv { width:660px; border-bottom:2px solid #6bb3af; float:left; display:inline; margin-bottom:10px;}
#even .bbsv ul { margin:0; padding:0; }
#even .bbsv ul li { margin:0; padding:0; border-bottom:1px solid #d7d7d7; }
#even .bbsv ul li.noneLs { padding:15px 0; }
#even .bbsv textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
#even .bbsc textarea { width:435px; height:38px; margin:0; }
#even .bbsc { width:660px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; float:left; display:inherit; padding:10px; }
#even .bbsc ul { margin:10px 0 0 0; padding:0; }
#even .bbsc li { font-size:11px/1.2; margin:0; padding:5px 10px; border-bottom:1px solid #fff; background-color:#efefef; }
#even .bbsvClr { margin:0; padding:0; width:660px; float:left; display:block; }
#even .bbsvClr ul { margin:0; padding:0; }
#even .bbsvClr ul li { background:none; margin:0; padding:0 0 10px 0; border-bottom:1px solid #6bb3af; float:left; display:inline; }
#even .iBox { margin-left:10px; margin-top:0; }
#even .iBox .iFrm { padding:0; border:3px solid #e1e1e1; background-color:#fff; float:left; display:inherit; margin-right:8px; }
#even .iBox .iFrm2 { padding:0; border:1px solid #d7d7d7; background-color:#fff; float:left; display:inherit; margin-right:5px; }
#even .iBox .btns_r { margin-top:15px; height:26px;float:right;}
#even .eventMemo { width:660px; height:380px; background:url(../images/even/GSCK_EVEN_F036_02.jpg) 0 0 no-repeat; }
#even .eventMemo li { background:none; }
#even .eventBoard { width:660px; height:344px; background:url(../images/even/GSCK_EVEN_F012_01.jpg) 0 0 no-repeat; }
/* ul로 만들어 지는 게시판 */
#even .bbsul_2 { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#even .bbsul_2 ul { width:660px; margin:0; padding:0; }
#even .bbsul_2 li { float:left; display:inline; width: 315px; text-align:center;margin:0; padding:5px 0; border-bottom:1px solid #ebebeb; background:none; font-size:11px/1.2; }
#even .bbsul_2 ul ul { clear:both; margin:0; padding:0; width:auto; } /* li안의 폼을 만든기 위한 ul목록 */
#even .bbsul_2 ul ul.r { float:right; } /* 두번째 배너를 오른쪽으로 붙인다. */
#even .bbsul_2 ul ul li.th { font-weight:bold; text-align:left;background:url(../images/even/GSCK_EVEN_F025_02.gif) 0 4px no-repeat; padding-left:14px; font-size:13px; } /* 아래행의 li에서 패딩을 주었기 때문에 패팅을 0으로 바꾸어야 한다. */
#even .bbsul_2 ul ul li { clear:both; border:none; background:none; margin-top:5px; margin-bottom:2px; padding:0; }
#even .bbsul_2 ul ul li img { border:3px solid #e1e1e1 } /* 진행중인 이벤트 목록용으로 수정됨 */
/*#even div.btns_r { margin-top:15px; height:26px; text-align:right; display:inline; width:100%; }*/ /* 버튼 영역의 위치 및 높이 지정 */
/*
포인트사용
*/
#poin h1 { margin-bottom:10px; font-size:20px; background:url(../images/poin/head_point_h1.gif) 0 0 no-repeat; }
#poin h2 { background:url(../images/poin/head_point_h2.gif) 0 0 no-repeat; }
#poin h3 { background:url(../images/poin/head_point_h3.gif) 0 5px no-repeat; }
#poin h5 { background:url(../images/poin/head_point_h5.gif) 0 8px no-repeat; margin-top:10px; }
#poin table { margin-left:10px; margin-bottom:10px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#poin table textarea { width:495px; margin-left:0; margin-top:1px; margin-bottom:0; background-color:#f8f8f8; }
#poin th { vertical-align:middle; background-color:#e8f6f7; color:#464646; }
#poin ul li { background-image:url(../images/poin/head_point_h3.gif); }
/*#poin .noneLBorder { border-left:none; }*/
#poin .iBox { float:left; display:inherit; padding:0 16px; }
#poin .iBox .iFrm { padding:3px; border:1px solid #d7d7d7; background-color:#fff; }
#poin .cttBox_13 .iBox { width:auto; padding:0; margin-left:20px; }
#poin .cttBox_13 .iBox .iFrm { padding:0; border:none; float:left; display:inherit; margin:10px 0; }
#poin .bbsv { width:660px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; float:left; display:inherit; }
#poin .bbsv .cttBox_11 { margin:15px; }
#poin .bbsv .pInfo { float:left; margin:15px; display:inherit; }
#poin .bbsv .pInfo dt { padding:10px 0; }
#poin .bbsv textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
#poin .bbsc textarea { width:435px; height:38px; margin:0; }
#poin .bs2 { border:none; border-top:2px solid #6bb3af; border-bottom:2px solid #d7d7d7; }
#poin .bs2 th { border:none; padding:0 0 1px 0; border-bottom:1px solid #e1e1e1; background-color:#e8f6f7; }
#poin .bs2 td { border:none; padding:5px; border-bottom:1px solid #e1e1e1; }
#poin .bs2 tfoot td { background-color:#f3f3f3; }
#poin .pl { border:none; margin-left:10px; }
#poin .pl th { border:1px solid #e1e1e1; background-color:#e8f6f7; }
#poin .pl td { border:1px solid #e1e1e1; }
#poin .alert li { padding-left:10px; background:url(../images/common/listhead_01.gif) 0 7px no-repeat; }
#poin .cttBox_08 .iBox { float:left; display:inherit; padding:0 16px; }
#poin .cttBox_09 li { width:116px; float:left; display:block; margin-left:10px; border-right:1px solid #c2e0dd; border-bottom:3px solid #e7f3f1; }
#poin .cttBox_09 .acti { color:#000; text-decoration:underline; }
#poin .point_cttBox_09 { margin:0; padding:0;}
#poin .point_cttBox_09 .point { float:left; width: 106px; height: 20px; padding:4px 0 0 0; margin: 0 4px 3px 0; text-align: center; font-size:11px/1.2;
background:url(../images/poin/GSCK_POIN_bg.gif) 0 0 no-repeat; }
#poin .point_cttBox_09 .point a { color:#7d7d7d; text-decoration:none; }
#poin .point_cttBox_09 .point a:hover { color:#007f78; font-weight:bold; }
#poin .point_cttBox_09 .point .on { color:#007f78; font-weight:bold; }
/*
주유소이야기
*/
#stor h1 { margin-bottom:30px; font-size:20px; background:url(../images/stor/head_stor_h1.gif) 0 0 no-repeat; }
#stor h2 { background:url(../images/stor/head_stor_h2.gif) 0 0 no-repeat; }
#stor h3 { background:url(../images/stor/head_stor_h3.gif) 0 5px no-repeat; }
#stor table { margin-bottom:10px; border-top:2px solid #00a650; border-bottom:2px solid #00a650; }
#stor th { vertical-align:middle; background-color:#def1e5; color:#464646; }
#stor td table.clean { margin-bottom:0; margin-top:5; }
#stor ul { margin-left:10px; }
#stor .clsBox ul { margin-left:0; }
#stor ul li { background-image:url(../images/stor/head_stor_h3.gif); }
#stor .bbsm { background-color:#fafafa; border-top:1px solid #eeeeee; border-bottom:1px solid #eeeeee; padding:10px 20px; margin-top:10px; }
#stor .bs { border:none; margin:0 0 5px 0; }
#stor .bs th,
#stor .bs td { border:none; padding:0; }
#stor .pl { border:none; margin-left:10px; }
#stor .pl th { border:1px solid #e1e1e1; background-color:#def1e5; padding-top:3px; }
#stor .pl td { padding-top:6px; border:1px solid #e1e1e1; }
/*20100726 #stor .tabs 배경이미지파일명 수정*/
#stor .tabs { background:url(../images/stor/GSCK_STOR_F052_01.gif) left top repeat-x; }
/* 20100722 추가 시작 */
#stor ul.tabs_stor { float:left; display:inherit; margin:0 0 0 0; padding:0; width:660px; }
#stor ul.tabs_stor li { background:none; margin:0 1px 0 0; padding:0; float:left; display:inline; }
#stor .tabs_stor { margin-bottom:20px; background:url(/images/stor/GSCK_STOR_F002_01.gif) 0 0 repeat-x; height:44px; }
/* 20100722 추가 끝 */
#stor .alert li { padding-left:10px; background:url(../images/common/listhead_01.gif) 0 7px no-repeat; }
#stor div.cttBox_07 ul { clear:none; }
#stor .storSrcOpt li { float:left; width:300px; ; }
#stor .storSrcOpt li.noneLs { width:130px; display:inline; }
/* 게시판 관련 스타일 시작 */
#stor .iBox { /*width:635px;*/ position:relative; padding-bottom:4px; }
/*#stor .iBox ul { float:left; display:inherit; }*/
#stor .iBox .iFrm { padding:3px; float:left; display:inline; margin-right:12px; }
#stor .subhead { background-color:#fff; color:#7d7d7d; border-left:none; padding-top:15px; padding-bottom:11px; }
#stor .subhead ul { padding:0; }
#stor .subhead2 { background-color:#fff; color:#7d7d7d; border-left:none; padding-top:15px; padding-bottom:11px; }
#stor .subhead2 .iBox .iFrm { position:absolute;top:0px;left:5px; padding:3px; vertical-align:top; }
#stor .subhead2 .iBox ul { width:515px; font-size:11px/1.2; padding-left:110px; }
#stor .bbsv { width:660px; border-top:2px solid #00a650; border-bottom:2px solid #00a650; float:left; display:inherit; }
#stor .bbsv textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
#stor .bbsv ul { margin:0; padding:0; }
#stor .bbsv li { margin:0; padding:0; border-bottom:1px solid #ebebeb; }
#stor .bbsv .iFrm { padding:1px; border:16px solid #efefef; border-bottom:17px solid #efefef; background-color:#d7d7d7; float:left; display:inherit; }
#stor .bbsv .ttlimg { border:3px solid #fff; }
#stor .bbsc textarea { width:435px; height:38px; margin:0; }
#stor .bbsc { width:660px; border-top:2px solid #00a650; border-bottom:2px solid #00a650; float:left; display:inherit; padding:10px; }
#stor .bbsc ul { margin:10px 0 0 0; padding:0; }
#stor .bbsc li { font-size:11px/1.2; margin:0; padding:5px 10px; border-bottom:1px solid #fff; background-color:#efefef; }
#stor .bs2 { border:none; margin:0 0 5px 0; border-bottom:2px solid #d7d7d7; }
#stor .bs2 th { border:none; padding:0 0 1px 0; background-color:#fff; }
#stor .bs2 td { border:none; padding:8px 5px 5px 5px; border-bottom:1px solid #e1e1e1; }
#stor .bs2 .iBox { width:360px; padding-bottom:4px; }
#stor .bs2 .iBox .iFrm { padding:3px; border:1px solid #d7d7d7; background-color:#fff; float:left; display:inherit; margin-right:0; }
#stor .iBox2 { float:left; display:inherit; margin-left:11px; margin-right:12px; margin-bottom:20px; }
#stor .iBox2 .iFrm2 { padding:0; border:1px solid #d7d7d7; background-color:#fff; float:left; display:inherit; }
/* 스크롤 있는 리스트 */
#stor table.ListTop { border:none; margin-left:0px;margin-bottom:0px; }
#stor table.ListTop th { border:1px solid #e1e1e1; background-color:#def1e5; padding-top:3px; }
#stor table.ListTop td { padding-top:6px; border:1px solid #e1e1e1; }
#stor table.ListMiddle {padding :0px;margin:0px;border-collapse:collapse;border-top:0px;border-bottom:0px;}
#stor table.ListMiddle td { padding-top:6px; border:1px solid #e1e1e1;}
#stor table.ListBottom {padding :0 0 0 0px;margin:0 0 0 0px;border-collapse:collapse;}
#stor table.ListBottom td {padding :0 0 0 0px;margin:0 0 0 0px;border-top:1px solid #339a99;border-bottom:1px solid #339a99;height:32px;}
/*20100319 주유소이야기 추가 시작 */
#stor .searchbox{clear:both; background:url(/images/stor/search_bg.gif) 0 0 no-repeat; height:64px; padding:9px 17px 0 19px; margin-left:10px;}
#stor .inleft {float:left;}
#stor .inright {float:left; margin-left:47px; line-height:24px;}
#stor .clear {clear:both;}
#stor .map_search {margin-left:10px;}
#stor .map {background:url(/images/stor/GSCK_STOR_F004_02.jpg) right top no-repeat; width:650px; height:410px; float:right; display:inline;}
#stor .map_btn {position:relative; left:200px; top:375px;}
/*20100319 주유소이야기 추가 끝 */
/* 20100421 주유소 서비스 평가 추가 시작 */
/* 20100706 수정 시작 */
#stor .bggg {background:url(/images/stor/bg.gif) left top no-repeat; height:163px; width:660px; padding-left:20px; padding-top:20px;}
#stor .bggg img {margin-top:3px; margin-bottom:3px;}
#stor .pl2 { border:none; text-align:center; }
#stor .pl2 th { border:1px solid #e1e1e1; background-color:#def1e5; padding-top:3px; }
#stor .pl2 td { padding-top:6px; border:1px solid #e1e1e1; line-height:24px; }
#stor .pl3 { border:none; text-align:left; line-height:18px; }
#stor .pl3 th { border:1px solid #e1e1e1; background-color:#def1e5; padding-left:20px;}
#stor .pl3 td { padding-top:6px; border:1px solid #e1e1e1; padding-left:5px; }
#stor .impact { color:#fd7700;}
#stor .txt_421 {padding-top:23px; line-height:20px;}
#stor .mark_421 {width:100%; margin-bottom:7px; margin-top:10px; text-align:right;}
#stor .btns_421 {text-align:center; margin-top:15px;}
/* 20100706 수정 끝 */
/* 20100421 주유소 서비스 평가 추가 끝 */
/* 아름다운 모니터 이벤트세상 */
.event_box {width:660px; height:74px; background:url('/images/stor/event_box.gif') no-repeat; margin-bottom:12px;}
.event_box div.pdd {padding:13px 29px 10px 29px;}
.event_text {padding-left:29px;}
.event_book_pdd {width:660px;}
.event_book_pdd div.box {float:left; height:218px; width:160px; margin:0; padding:0; text-align:center; margin-top:25px;}
.event_book_pdd div.box2 {float:left; height:218px; width:160px; margin:0; padding:0; text-align:center; margin-top:15px;}
.event_book_pdd div.title {width:120px; color:#333; margin-top:5px; line-height:120%;}
.event_book_pdd div.data {line-height:120%; font-size:11px; padding-top:5px;}
.event_book_pdd div.line {float:left;display:block;}
.event_book_pdd div.line2 {width:660px;border-top:1px solid #ddd;}
.event_book_pdd div.bt {padding-left:281px;}
/*아름다운 모니터 소개*/
.stor_bg {width:660px; height:94px; background:url('/images/stor/20090113_data07.jpg') no-repeat;}
.stor_bg div.bt {padding-left:246px; padding-top:29px;}
/*
kixx prime
*/
#kixx .hx2 ul li { padding-bottom:9px; }
#kixx h1 { margin-bottom:30px; font-size:20px; background:url(../images/kixx/head_kixx_h1.gif) 0 0 no-repeat; padding-top:2px; }
#kixx h2 { background:url(../images/kixx/head_kixx_h2.gif) 0 2px no-repeat; }
#kixx h3 { background:url(../images/kixx/head_kixx_h3.gif) 0 5px no-repeat; }
#kixx table { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#kixx ul li { background-image:url(../images/kixx/head_kixx_h3.gif); }
#kixx .bs2 { border:none; margin:0 0 5px 0; border-bottom:2px solid #d7d7d7; }
#kixx .bs2 th { border:none; padding:0 0 1px 0; }
#kixx .bs2 td { border:none; padding:8px 5px 5px 5px; border-bottom:1px solid #e1e1e1; }
#kixx .bbsv { width:660px; border-top:2px solid #f7941c; border-bottom:2px solid #f7941c; float:left; display:inherit; }
#kixx .bbsv textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
#kixx .bbsc textarea { width:435px; height:38px; margin:0; }
#kixx .bbsv ul { margin:0; padding:0; }
#kixx .bbsv li { margin:0; padding:0; border-bottom:1px solid #ebebeb; }
#kixx .bbsv .iFrm { padding:1px; border:16px solid #efefef; border-bottom:17px solid #efefef; background-color:#d7d7d7; float:left; display:inherit; }
#kixx .bbsv .ttlimg { border:3px solid #fff; }
#kixx .tabs { margin-bottom:0; background:url(../images/kixx/GSCK_KIXX_F008_01.gif) left top repeat-x; }
#kixx .h5_1 { background:url(../images/kixx/head_kixx_h5_1.gif) 0 9px no-repeat; }
#kixx .h5_2 { background:url(../images/kixx/head_kixx_h5_2.gif) 0 7px no-repeat; }
#kixx .iBox { float:left; display:inherit; margin-left:10px;}
#kixx .iBox .iFrm { padding:0; border:none; background-color:#fff; display:inherit; margin-right:5px; }
#kixx .iBox2 { float:left; display:inherit; margin-left:10px; margin-right:15px;}
#kixx .iBox2 .iFrm2 { padding:0; border:1px solid #d7d7d7; background-color:#fff; float:left; display:inherit; margin-right:5px; }
#kixx .pl { border:none; margin-left:10px; }
#kixx .pl th { border:1px solid #e1e1e1; background-color:#fff7ef; padding-top:3px; }
#kixx .pl td { padding-top:6px; border:1px solid #e1e1e1; }
/*
나눔
*/
#nanu { padding-bottom: 100px; }
#nanu h1 { margin-bottom:30px; font-size:20px; background:url(../images/nanu/head_nanu_h1.gif) 0 0 no-repeat; }
#nanu h2 { background:url(../images/nanu/head_nanu_h2.gif) 0 0 no-repeat; }
#nanu h3 { background:url(../images/nanu/head_nanu_h3.gif) 0 0 no-repeat; }
#nanu .bs2 { border:none; margin:0 0 5px 0; border-bottom:2px solid #d7d7d7; }
#nanu .bs2 th { border:none; padding:0 0 1px 0; }
#nanu .bs2 td { border:none; padding:18px 15px 15px 15px; border-bottom:1px solid #e1e1e1; }
#nanu .bs2 td strong { font-size:12px; }
#nanu .bbsv { width:660px; border-top:2px solid #deb887; border-bottom:2px solid #deb887; float:left; display:inherit; }
#nanu .bbsv textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
#nanu .bbsc textarea { width:435px; height:38px; margin:0; }
#nanu .bbsv ul { margin:0; padding:0; }
#nanu .bbsv li { margin:0; padding:0; border-bottom:1px solid #ebebeb; }
#nanu .bbsv .iFrm { padding:1px; border:16px solid #efefef; border-bottom:17px solid #efefef; background-color:#d7d7d7; float:left; display:inherit; }
#nanu .bbsv .ttlimg { border:3px solid #fff; }
/*
마이페이지
*/
#mypa h1 { margin-bottom:30px; font-size:20px; background:url(../images/mypa/head_mypa_h1.gif) 0 0 no-repeat; }
#mypa h2 { background:url(../images/mypa/head_mypa_h2.gif) 0 0 no-repeat; }
#mypa h3 { background:url(../images/mypa/head_mypa_h3.gif) 0 5px no-repeat; }
#mypa input { margin:0; padding:0 0 0 5px; }
#mypa table { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#mypa th { vertical-align:middle; background-color:#e8f6f7; color:#464646; }
#mypa table.pl { border:none; }
#mypa table.pl2 { border:none; margin-left:10px; }
#mypa table.pl th { border:1px solid #e1e1e1; background-color:#ebf2f9; padding:0; }
#mypa table.pl td { border:1px solid #e1e1e1; padding:0 10px; }
#mypa ul li { background-image:url(../images/mypa/head_mypa_h3.gif); }
/* 추가080305*/
#mypa .alert li { padding-left:7px; background:url(../images/common/icon_arrow.gif) 0 5px no-repeat;font-size:11px; }
#mypa .bs2 { border:none; margin:0 0 5px 0; border-bottom:2px solid #d7d7d7; }
#mypa .bs2 th { border:none; padding:0 0 1px 0; }
#mypa .bs2 td { border:none; padding:13px 3px 10px 3px; border-bottom:1px solid #e1e1e1; }
#mypa .bs2 td strong { font-size:12px; }
#mypa .bs3 { border:none; border-top:2px solid #6bb3af; border-bottom:2px solid #d7d7d7; }
#mypa .bs3 th { border:none; padding:0 0 1px 0; border-bottom:1px solid #e1e1e1; background-color:#e8f6f7; }
#mypa .bs3 td { border:none; padding:5px; border-bottom:1px solid #e1e1e1; }
#mypa .bs3 tfoot td { background-color:#f3f3f3; }
#mypa .iBox { float:left; display:inherit; padding:0 5px; }
#mypa .iBox .iFrm { padding:3px; border:1px solid #d7d7d7; background-color:#fff; }
#mypa .bbsv { width:660px; border-top:2px solid #deb887; border-bottom:2px solid #deb887; float:left; display:inherit; }
#mypa .bbsv textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
#mypa .bbsc textarea { width:435px; height:38px; margin:0; }
#mypa .bbsv ul { margin:0; padding:0; }
#mypa .bbsv li { margin:0; padding:0; border-bottom:1px solid #ebebeb; }
#mypa .bbsv .iFrm { padding:1px; border:16px solid #efefef; border-bottom:17px solid #efefef; background-color:#d7d7d7; float:left; display:inherit; }
#mypa .bbsv .ttlimg { border:3px solid #fff; }
/* ul로 만들어 지는 게시판 */
#mypa .bbsul { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; width:640px; margin-left:20px; }
#mypa .bbsul ul { width:100%; margin:; padding:0; }
#mypa .bbsul li { float:left; display:inline; margin:0; padding:0; border-bottom:1px solid #ebebeb; background:none; font-size:11px/1.2; }
#mypa .bbsul ul ul { clear:both; width:640px; margin:0; padding:0; } /* li안의 폼을 만든기 위한 ul목록 */
#mypa .bbsul ul ul li.th { padding:0; margin:0; width:90px; text-align:center; font-weight:bold; background-color:#e8f7f7; } /* 아래행의 li에서 패딩을 주었기 때문에 패팅을 0으로 바꾸어야 한다. */
#mypa .bbsul ul ul li img { padding:0; margin:0; border:0; }
#mypa .bbsul ul ul li { float:left; display:inline; padding:5px 0 5px 15px; border:none; background:none; }
#mypa .bbsul ul ul li.td { width: 270px; }
/*
고객센터 + Footer 부분의 콘텐츠
*/
#cust h1 { margin-bottom:30px; font-size:20px; background:url(../images/cust/head_customer_h1.gif) 0 0 no-repeat; }
#cust h2 { background:url(../images/cust/head_customer_h2.gif) 0 0 no-repeat; }
#cust h2.txt { background:url(../images/cust/head_customer_h2.gif) 0 5px no-repeat; }
#cust h3 { background:url(../images/cust/head_customer_h3.gif) 0 5px no-repeat; }
#cust textarea,
#cust .textarea { }
#cust input { margin:0; padding:0 0 0 5px; }
#cust table { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#cust th { vertical-align:middle; background-color:#e8f6f7; color:#464646; }
#cust ul li { background-image:url(../images/cust/head_customer_h3.gif); }
#cust ul.tabs2 { margin:0; padding:0;}
#cust ul.tabs2 li { width: 128px; height: 24px; padding-top:4px; margin: 0 2px; text-align: center; font-size:11px/1.2;
background:url(../images/cust/GSCK_CUST_bg.gif) 0 0 no-repeat; }
#cust ul.tabs2 li a { color:#7d7d7d; text-decoration:none; }
#cust ul.tabs2 li a:hover { color:#007f78; font-weight:bold; }
#cust ul.tabs2 li .on { color:#007f78; font-weight:bold; }
#cust .pl { border:none; margin-left:10px; }
#cust .pl th { border:1px solid #e1e1e1; background-color:#e8f6f7; }
#cust .pl td { border:1px solid #e1e1e1; }
#cust .alert li { padding-left:10px; background:url(../images/common/listhead_01.gif) 0 7px no-repeat; }
#cust .bs2 { border:none; margin:0 0 5px 0; border-bottom:2px solid #d7d7d7; }
#cust .bs2 th { border:none; padding:0 0 1px 0; }
#cust .bs2 td { border:none; padding:8px 5px 5px 5px; border-bottom:1px solid #e1e1e1; }
#cust .bbsv { width:660px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; float:left; display:inherit; }
#cust .bbsv textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
#cust .bbsc textarea { width:435px; height:38px; margin:0; }
#cust .bbsv ul { margin:0; padding:0; }
#cust .bbsv li { margin:0; padding:0; border-bottom:1px solid #ebebeb; }
#cust .bbsv .iFrm { padding:1px; border:16px solid #efefef; border-bottom:17px solid #efefef; background-color:#d7d7d7; float:left; display:inherit; }
#cust .bbsv .ttlimg { border:3px solid #fff; }
#cust .custSrch { background:url(../images/cust/GSCK_CUST_F004_01.gif) left top no-repeat; width:660px; height:55px; padding:20px 20px 0 160px; text-align:right;f margin-bottom:8px; float:right; display:inherit; }
/* ul로 만들어 지는 게시판 */
#cust .bbsul { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#cust .bbsul ul { width:660px; margin:0; padding:0; }
#cust .bbsul li { float:left; display:inline; margin:0; padding:0; border-bottom:1px solid #ebebeb; background:none; font-size:11px/1.2; }
#cust .bbsul ul ul { clear:both; margin:0; padding:0; } /* li안의 폼을 만든기 위한 ul목록 */
#cust .bbsul ul ul li.th { padding:0; width:80px; text-align:center; font-weight:bold; } /* 아래행의 li에서 패딩을 주었기 때문에 패팅을 0으로 바꾸어야 한다. */
#cust .bbsul ul ul li { float:left; display:inline; padding:5px 0 5px 15px; border:none; background:none; }
#cust .bbsul textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
/* ul로 만들어 지는 게시판 */
#cust .bbsul_g { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; margin-bottom:10px;}
#cust .bbsul_g ul { width:660px; margin:0; padding:0; }
#cust .bbsul_g li { float:left; display:inline; margin:0; padding:0; border-bottom:1px solid #ebebeb; background:none; font-size:11px/1.2; }
#cust .bbsul_g ul ul { clear:both; margin:0 0 5px 5px; padding:0; width:655px; } /* li안의 폼을 만든기 위한 ul목록 */
#cust .bbsul_g ul ul li.th { width:55px; text-align:center; font-weight:bold; background:url(../images/cust/GSCK_CUST_F004_02.gif) right top no-repeat; } /* 아래행의 li에서 패딩을 주었기 때문에 패팅을 0으로 바꾸어야 한다. */
#cust .bbsul_g ul ul li { float:left; display:inline; padding:5px 10px 5px 15px; border:none; background:none; }
#cust .bbsul_g ul ul.gray { background-color:#efefef; }
#cust .bbsul_g ul ul.gray li.th { background:url(../images/cust/GSCK_CUST_F004_03.gif) right top no-repeat; }
#cust .cttBoxLM10 dt { font-weight:bold; margin-top:40px; }
#cust .cttBoxLM10 dd { margin-top:20px; }
/*
회원관리
*/
#memb h1 { margin-bottom:30px; font-size:20px; background:url(../images/memb/head_member_h1.gif) 0 0 no-repeat; }
#memb h2 { background:url(../images/memb/head_member_h2.gif) 0 0 no-repeat; }
#memb h3 { background:url(../images/memb/head_member_h3.gif) 0 5px no-repeat; }
#memb textarea,
#memb .textarea { margin-left:10px; }
#memb table { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#memb th { vertical-align:middle; background-color:#e8f6f7; color:#464646; }
#memb ul li { background-image:url(../images/memb/head_member_h3.gif); }
#memb .pl { border:none; margin-left:10px; }
#memb .pl th { border:1px solid #e1e1e1; background-color:#e8f6f7; }
#memb .pl td { border:1px solid #e1e1e1; }
#memb #loginBox { background:url(../images/memb/GSCK_MEMB_F008_01.jpg) no-repeat; height:140px; }
#memb #loginBox .pl { margin-left:300px; }
#memb #loginBox td {height:23px;}
/*추가 080305*/
#memb #loginBox2 { background:url(../images/memb/GSCK_MEMB_F008_02.jpg) no-repeat; height:168px; }
#memb #loginBox2 .pl { margin-left:300px; }
#memb #loginBox2 td {height:23px;}
/*추가 080305*/
#memb #loginBox3 { background:url(../images/memb/GSCK_MEMB_F008_03.jpg) no-repeat; height:225px; }
#memb #loginBox3 .pl { margin-left:40px; }
#memb #loginBox3 td {height:23px;}
#memb .alert li { padding-left:10px; background:url(../images/common/listhead_01.gif) 0 4px no-repeat; }
/*#memb .noneLBorder { border-left:none; }*/
#memb .bs2 { border:none; margin:0 0 5px 0; border-bottom:2px solid #d7d7d7; }
#memb .bs2 th { border:none; padding:0 0 1px 0; }
#memb .bs2 td { border:none; padding:8px 5px 5px 5px; border-bottom:1px solid #e1e1e1; }
#memb div.cttBox_01 ul { clear:none; }
#memb div.cttBox_01 table.pl { clear:none; }
/*
사이트맵
*/
#sitemap h1 { margin-bottom:15px; font-size:20px; background:url(../images/sitemap/head_sitemap_h1.gif) 0 0 no-repeat; }
#sitemap h2 { margin: 10px 0 0 10px; width: 160px; font-size:12px; font-weight:bold; padding-left: 10px; }
#sitemap h3 { margin: 6px 0 0 15px; font-size:12px; font-weight:normal; color: #555555; padding-left: 10px; }
#sitemap h3 a { font-size:12px; font-weight:normal; color: #555555; }
#sitemap h3 a:hover { font-size:12px; font-weight:normal; color: #555555; }
#sitemap .group { margin-left: 28px; }
#sitemap #menu01 { float:left; width: 180px; height: 450px; margin-right: 30px; }
#sitemap #menu01 h2 { color: #448CCB; background:url(../images/sitemap/head_sitemap_h2_01.gif) 0 2px no-repeat; }
#sitemap #menu01 h2 a { font-size:12px; font-weight:bold; color: #448CCB; }
#sitemap #menu01 h2 a:hover { font-size:12px; font-weight:bold; color: #448CCB; }
#sitemap #menu01 h3 { background:url(../images/sitemap/head_sitemap_h3_01.gif) 0 6px no-repeat; }
#sitemap #menu02 { float:left; width: 180px; height: 450px; margin-right: 30px; }
#sitemap #menu02 h2 { color: #3B9D97; background:url(../images/sitemap/head_sitemap_h2_02.gif) 0 2px no-repeat; }
#sitemap #menu02 h2 a { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu02 h2 a:hover { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu02 h3 { background:url(../images/sitemap/head_sitemap_h3_02.gif) 0 6px no-repeat; }
#sitemap #menu03 { float:left; width: 180px; height: 450px; margin-right: 30px; }
#sitemap #menu03 h2 { color: #3B9D97; background:url(../images/sitemap/head_sitemap_h2_03.gif) 0 2px no-repeat; }
#sitemap #menu03 h2 a { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu03 h2 a:hover { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu03 h3 { background:url(../images/sitemap/head_sitemap_h3_03.gif) 0 6px no-repeat; }
#sitemap #menu04 { float:left; width: 180px; height: 440px; margin-right: 30px; }
#sitemap #menu04 h2 { color: #00A650; background:url(../images/sitemap/head_sitemap_h2_04.gif) 0 2px no-repeat; }
#sitemap #menu04 h2 a { font-size:12px; font-weight:bold; color: #00A650; }
#sitemap #menu04 h2 a:hover { font-size:12px; font-weight:bold; color: #00A650; }
#sitemap #menu04 h3 { background:url(../images/sitemap/head_sitemap_h3_04.gif) 0 6px no-repeat; }
#sitemap #menu05 { float:left; width: 180px; height: 440px; margin-right: 30px; }
#sitemap #menu05 h2 { color: #FF6600; background:url(../images/sitemap/head_sitemap_h2_05.gif) 0 2px no-repeat; }
#sitemap #menu05 h2 a { font-size:12px; font-weight:bold; color: #FF6600; }
#sitemap #menu05 h2 a:hover { font-size:12px; font-weight:bold; color: #FF6600; }
#sitemap #menu05 h3 { background:url(../images/sitemap/head_sitemap_h3_05.gif) 0 6px no-repeat; }
#sitemap #menu06 { float:left; width: 180px; height: 440px; margin-right: 30px; }
#sitemap #menu06 h2 { color: #B8860B; background:url(../images/sitemap/head_sitemap_h2_06.gif) 0 2px no-repeat; }
#sitemap #menu06 h2 a { font-size:12px; font-weight:bold; color: #B8860B; }
#sitemap #menu06 h2 a:hover { font-size:12px; font-weight:bold; color: #B8860B; }
#sitemap #menu06 h3 { background:url(../images/sitemap/head_sitemap_h3_06.gif) 0 6px no-repeat; }
#sitemap #menu07 { float:left; width: 180px; height: 480px; margin-right: 30px; }
#sitemap #menu07 h2 { color: #3B9D97; background:url(../images/sitemap/head_sitemap_h2_07.gif) 0 2px no-repeat; }
#sitemap #menu07 h2 a { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu07 h2 a:hover { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu07 h3 { background:url(../images/sitemap/head_sitemap_h3_07.gif) 0 6px no-repeat; }
#sitemap #menu08 { float:left; width: 180px; height: 480px; margin-right: 30px; }
#sitemap #menu08 h2 { color: #3B9D97; background:url(../images/sitemap/head_sitemap_h2_08.gif) 0 2px no-repeat; }
#sitemap #menu08 h2 a { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu08 h2 a:hover { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu08 h3 { background:url(../images/sitemap/head_sitemap_h3_08.gif) 0 6px no-repeat; }
#sitemap #menu09 { float:left; width: 180px; height: 480px; margin-right: 30px; }
#sitemap #menu09 h2 { color: #3B9D97; background:url(../images/sitemap/head_sitemap_h2_09.gif) 0 2px no-repeat; }
#sitemap #menu09 h2 a { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu09 h2 a:hover { font-size:12px; font-weight:bold; color: #3B9D97; }
#sitemap #menu09 h3 { background:url(../images/sitemap/head_sitemap_h3_09.gif) 0 6px no-repeat; }
#common h1 { margin-bottom:30px; font-size:20px; background:url(../images/cust/head_customer_h1.gif) 0 0 no-repeat; }
#common h2 { background:url(../images/cust/head_customer_h2.gif) 0 0 no-repeat; }
#common h2.txt { background:url(../images/cust/head_customer_h2.gif) 0 5px no-repeat; }
#common h3 { background:url(../images/cust/head_customer_h3.gif) 0 5px no-repeat; }
#common textarea,
#common .textarea { margin-left:10px; }
#common input { margin:0; padding:0 0 0 5px; }
#common table { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#common th { vertical-align:middle; background-color:#e8f6f7; color:#464646; }
#common ul li { background-image:url(../images/cust/head_customer_h3.gif); }
#common ul.tabs2 li { margin:0 4px 5px 0; }
#common .pl { border:none; margin-left:10px; }
#common .pl th { border:1px solid #e1e1e1; background-color:#e8f6f7; }
#common .pl td { border:1px solid #e1e1e1; }
#common .alert li { padding-left:10px; background:url(../images/common/listhead_01.gif) 0 7px no-repeat; }
#common .bs2 { border:none; margin:0 0 5px 0; border-bottom:2px solid #d7d7d7; }
#common .bs2 th { border:none; padding:0 0 1px 0; }
#common .bs2 td { border:none; padding:8px 5px 5px 5px; border-bottom:1px solid #e1e1e1; }
#common .bbsv { width:660px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; float:left; display:inherit; }
#common .bbsv textarea { width:541px; height:235px; margin:6px 0; background-color:#f8f8f8; }
#common .bbsc textarea { width:435px; height:38px; margin:0; }
#common .bbsv ul { margin:0; padding:0; }
#common .bbsv li { margin:0; padding:0; border-bottom:1px solid #ebebeb; }
#common .bbsv .iFrm { padding:1px; border:16px solid #efefef; border-bottom:17px solid #efefef; background-color:#d7d7d7; float:left; display:inherit; }
#common .bbsv .ttlimg { border:3px solid #fff; }
#common .custSrch { background:url(../images/cust/GSCK_CUST_F004_01.gif) left top no-repeat; width:660px; height:55px; padding:20px 20px 0 160px; text-align:right;f margin-bottom:8px; float:right; display:inherit; }
/* ul로 만들어 지는 게시판 */
#common .bbsul { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#common .bbsul ul { width:660px; margin:0; padding:0; }
#common .bbsul li { float:left; display:inline; margin:0; padding:0; border-bottom:1px solid #ebebeb; background:none; font-size:11px/1.2; }
#common .bbsul ul ul { clear:both; margin:0; padding:0; } /* li안의 폼을 만든기 위한 ul목록 */
#common .bbsul ul ul li.th { padding:0; width:55px; text-align:center; font-weight:bold; } /* 아래행의 li에서 패딩을 주었기 때문에 패팅을 0으로 바꾸어야 한다. */
#common .bbsul ul ul li { float:left; display:inline; padding:5px 0 5px 15px; border:none; background:none; }
/* ul로 만들어 지는 게시판 */
#common .bbsul_g { border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#common .bbsul_g ul { width:660px; margin:0; padding:0; }
#common .bbsul_g li { float:left; display:inline; margin:0; padding:0; border-bottom:1px solid #ebebeb; background:none; font-size:11px/1.2; }
#common .bbsul_g ul ul { clear:both; margin:0 0 5px 5px; padding:0; width:655px; } /* li안의 폼을 만든기 위한 ul목록 */
#common .bbsul_g ul ul li.th { width:55px; text-align:center; font-weight:bold; background:url(../images/cust/GSCK_CUST_F004_02.gif) right top no-repeat; } /* 아래행의 li에서 패딩을 주었기 때문에 패팅을 0으로 바꾸어야 한다. */
#common .bbsul_g ul ul li { float:left; display:inline; padding:5px 10px 5px 15px; border:none; background:none; }
#common .bbsul_g ul ul.gray { background-color:#efefef; }
#common .bbsul_g ul ul.gray li.th { background:url(../images/cust/GSCK_CUST_F004_03.gif) right top no-repeat; }
#common .cttBoxLM10 dt { font-weight:bold; margin-top:40px; }
#common .cttBoxLM10 dd { margin-top:20px; }
/*
####
# # ### # #
#### # # ##
# # # # ##
#### ### # #
*/
/* 콘텐츠 박스 */
.cttBox_01 img,
.cttBox_02 img,
.cttBox_03 img,
.cttBox_04 img { float:left; display:block; }
.cttBox_01 input { background-color:#fff; font-size:11px/1.2; }
.cttBox_01 .inputClr { background-color:#f2fafa; border:none; }
.cttBox_01 .pl { margin:0; }
.cttBox_01 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_01.gif) no-repeat top left; }
.cttBox_02 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_02.gif) no-repeat top left; }
.cttBox_03 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_03.gif) no-repeat top left; }
.cttBox_05 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_05.gif) no-repeat top left; }
.cttBox_07 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_07.gif) no-repeat top left; }
.cttBox_09 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_09.gif) no-repeat top left; }
.cttBox_14 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_14.gif) no-repeat top left; }
.cttBox_16 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_16.gif) no-repeat top left; } /* 16과 18은 같은 칼라 */
.cttBox_17 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_17.gif) no-repeat top left; }
.cttBox_18 { float:left; display:block; text-align:left; width:650px; background:url(../images/common/contentBox_18.gif) no-repeat top left; margin-left:0; border-left:10px solid #fff; }
.cttBox_06 { float:left; display:block; text-align:left; width:650px; background:url(../images/common/contentBox_06.gif) no-repeat top left; margin-left:0; border-left:10px solid #fff; }
.cttBox_10 { float:left; display:block; text-align:left; width:650px; background:url(../images/common/contentBox_10.gif) no-repeat top left; margin-left:0; border-left:10px solid #fff; }
.cttBox_20 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_20.gif) no-repeat top left; }
.cttBox_21 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_21.gif) no-repeat top left; }
.cttBox_22 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_22.gif) no-repeat top left; }
.cttBox_23 { float:left; display:block; text-align:left; width:641px; background:url(../images/common/contentBox_23.gif) no-repeat top left; }
.cttBox_13 { float:left; display:block; text-align:left; width:650px; /*background:url(../images/common/contentBox_13.gif) no-repeat top left;*/ margin-left:0; border-left:10px solid #fff; }
.cttBox_15 { float:left; display:block; text-align:left; width:650px; background:url(../images/common/contentBox_15.gif) no-repeat top left; margin-left:0; border-left:10px solid #fff; }
.cttBox_24 { float:left; display:block; text-align:left; width:650px; background:url(../images/common/contentBox_24.gif) no-repeat top left; margin-left:0; border-left:10px solid #fff; } /* 마이페이지만 사용됨 */
.cttBox_19 { float:left; display:block; text-align:left; width:515px; background:url(../images/common/contentBox_19.gif) left top no-repeat; } /* 주유소 이야기에 변경된 사항 적용 */
.cttBox_08 { float:left; display:block; text-align:left; width:320px; background:url(../images/common/contentBox_08.gif) no-repeat top left; }
.cttBox_11 { float:left; display:block; text-align:left; width:329px; background:url(../images/common/contentBox_11.gif) no-repeat top left; }
/* 추가080305 */
.cttBox_26 { float:left; display:block; text-align:left; width:652px; background:url(../images/common/contentBox_26.gif) no-repeat top left; margin-left:0; border-left:10px solid #fff; } /* 회원정보입력 080305 */
.cttBox_27 { float:left; display:block; text-align:left; width:660px; background:url(../images/common/contentBox_27.gif) no-repeat top left; margin-left:0; border-left:10px solid #fff; }
/* 추가080305 */
.cttBox_01 .clsBox { font-size:11px/1.2; float:left; display:block; width:660px; margin-top:10px; padding:10px 20px 20px 20px; background:url(../images/common/contentBox_01.gif) no-repeat bottom left; }
.cttBox_02 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:0 10px 10px 10px; background:url(../images/common/contentBox_02.gif) no-repeat bottom left; }
.cttBox_03 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:0 10px 10px 10px; background:url(../images/common/contentBox_03.gif) no-repeat bottom left; }
.cttBox_05 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:10 20px 20px 20px; background:url(../images/common/contentBox_05.gif) no-repeat bottom left; }
.cttBox_07 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:0 10px 10px 10px; background:url(../images/common/contentBox_07.gif) no-repeat bottom left; }
.cttBox_09 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:10px 20px 20px 20px; background:url(../images/common/contentBox_09.gif) no-repeat bottom left; }
.cttBox_14 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:7px; padding:0px 7px 7px 7px; background:url(../images/common/contentBox_14.gif) no-repeat bottom left; }
.cttBox_16 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:10px 20px 20px 20px; background:url(../images/common/contentBox_16.gif) no-repeat bottom left; }
.cttBox_17 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:5px; padding:0px 5px 5px 5px; background:url(../images/common/contentBox_17.gif) no-repeat bottom left; }
.cttBox_18 .clsBox { font-size:12px; float:left; display:block; width:650px; margin-top:10px; padding:0 10px 10px 10px; background:url(../images/common/contentBox_18.gif) no-repeat bottom left; }
.cttBox_06 .clsBox { font-size:12px; float:left; display:block; width:650px; margin-top:10px; padding:10 20px 20px 20px; background:url(../images/common/contentBox_06.gif) no-repeat bottom left; }
.cttBox_10 .clsBox { font-size:12px; float:left; display:block; width:650px; margin-top:10px; padding:0 20px 10px 20px; background:url(../images/common/contentBox_10.gif) no-repeat bottom left; }
.cttBox_20 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:0 20px 10px 20px; background:url(../images/common/contentBox_20.gif) no-repeat bottom left; }
.cttBox_21 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:0 20px 10px 20px; background:url(../images/common/contentBox_21.gif) no-repeat bottom left; }
.cttBox_22 .clsBox { font-size:12px; float:left; display:block; width:660px; margin-top:10px; padding:0 10px 10px 10px; background:url(../images/common/contentBox_22.gif) no-repeat bottom left; }
.cttBox_23 .clsBox { font-size:12px; float:left; display:block; width:641px; margin-top:10px; padding:0 10px 10px 10px; background:url(../images/common/contentBox_23.gif) no-repeat bottom left; }
.cttBox_13 .clsBox { font-size:12px; float:left; display:block; width:650px; margin-top:10px; padding:0 10px 10px 10px; /*background:url(../images/common/contentBox_13.gif) no-repeat bottom left;*/ }
.cttBox_15 .clsBox { font-size:12px; float:left; display:block; width:630px; margin-top:10px; padding:0 10px 10px 10px; background:url(../images/common/contentBox_15.gif) no-repeat bottom left; }
.cttBox_24 .clsBox { font-size:12px; float:left; display:block; width:650px; margin-top:20px; padding:0 20px 20px 20px; background:url(../images/common/contentBox_24.gif) no-repeat bottom left; }
.cttBox_19 .clsBox { font-size:11px/1.2; float:left; display:block; width:515px; margin-top:10px; padding:0 10px 10px 10px; background:url(../images/common/contentBox_19.gif) no-repeat bottom left; }
.cttBox_08 .clsBox { font-size:11px/1.2; float:left; display:block; width:320px; margin-top:10px; padding:5px 0px 15px 0px; background:url(../images/common/contentBox_08.gif) no-repeat bottom left; }
.cttBox_11 .clsBox { font-size:11px/1.2; float:left; display:block; width:329px; margin-top:10px; padding:5px 15px 15px 15px; background:url(../images/common/contentBox_11.gif) no-repeat bottom left; }
/* 추가080305 */
.cttBox_26 .clsBox { font-size:11px/1.2; float:left; display:block; width:652px; margin-top:10px; padding:5px 15px 10px 15px; background:url(../images/common/contentBox_26.gif) no-repeat bottom left; } /* 회원정보입력 080305 */
.cttBox_27 .clsBox { font-size:11px/1.2; float:left; display:block; width:660px; margin-top:10px; padding:5px 15px 10px 15px; background:url(../images/common/contentBox_27.gif) no-repeat bottom left; }
.cttBox_01 ul,
.cttBox_02 ul,
.cttBox_03 ul,
.cttBox_05 ul,
.cttBox_06 ul,
.cttBox_07 ul,
.cttBox_08 ul,
.cttBox_09 ul,
.cttBox_10 ul,
.cttBox_11 ul,
.cttBox_13 ul,
.cttBox_14 ul,
.cttBox_16 ul,
.cttBox_17 ul,
.cttBox_18 ul,
.cttBox_26 ul,
.cttBox_19 ul { margin-left:0; }
.cttBox_02 ul li,
.cttBox_03 ul li,
.cttBox_05 ul li,
.cttBox_06 ul li,
.cttBox_07 ul li,
.cttBox_16 ul li,
.cttBox_18 ul li { font-size:12px; }
.cttBox_01 ul li,
.cttBox_08 ul li,
.cttBox_11 ul li,
.cttBox_10 ul li,
.cttBox_13 ul li,
.cttBox_14 ul li,
.cttBox_15 ul li { font-size:11px/1.2; }
.cttBox_09 ul li { font-size:11px/1.2; font-weight:bold; color:#3b9d97; }
/*
Popup
팝업 윈도우를 위해 별도로 지정한 스타일들
*/
/* 팝업의 제목 */
#popu h1 { width:auto; }
#popu h1 img { margin-left:0; }
/* 공용 팝업에 text로 제목이 사용된 경우를 위한 스타일*/
#popu .txtH1 { padding:7px 20px; background:url(../images/common/popuptop_bg.gif) top right no-repeat; font-size:20px; color:#FFF; }
/* 팝업내 폼의 텍스트영역 */
#popu textarea { height:235px; margin:6px 0; background-color:#f8f8f8; }
#popu #memb .cttBox .textarea { width:320px; margin:6px 0 6px 18px; }
#popu #stor .cttBox textarea { width:441px; margin:6px 0; background-color:#f8f8f8; }
/* 팝업창내 콘텐츠를 위한 상하좌우 여백 */
#popu .cttBox { margin:30px 20px 0 20px;}
#popu .cttBox .cttBox { margin:10px 20px 0 20px; }
/* 팝업의 목록의 헤드 이미지 감추기 */
/*#popu .noneLs { background:none; }*/
/* 포인트 팝업의 서브 제목에 작용되는 헤드 이미지들 */
#popu .h5_1 { background:url(../images/poin/head_point_h5_1.gif) 0 7px no-repeat; }
#popu .h5_2 { background:url(../images/poin/head_point_h5_2.gif) 0 5px no-repeat; }
/* 콘텐츠를 위한 종류별 이미지 프레임 상하로 늘어남 최대 */
#popu #card .iBox { width:260px; margin-left:10px; float:left; display:inherit; padding-bottom:4px; }
#popu #stor .bbsv { width:560px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; }
#popu #cust .bbsv { width:660px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; float:left; display:inherit; }
#popu .cttBox_12 { float:left; display:block; text-align:left; width:555px; font-size:11px/1.2; background:url(../images/common/contentBox_12.gif) no-repeat top left; }
#popu .cttBox_04 { float:left; display:block; text-align:left; width:340px; font-size:11px/1.2; background:url(../images/common/contentBox_04.gif) no-repeat top left; }
#popu .cttBox_12 .clsBox { width:555px; margin-top:10px; padding:0 20px 10px 20px; background:url(../images/common/contentBox_12.gif) no-repeat bottom left; }
#popu .cttBox_04 .clsBox { width:340px; margin-top:10px; padding:0 20px 10px 20px; background:url(../images/common/contentBox_04.gif) no-repeat bottom left; }
#popu .cttBox_12 ul,
#popu .cttBox_04 ul { margin-left:0; }
#popu .cttBox_12 ul li,
#popu .cttBox_04 ul li { font-size:11px/1.2; }
#popu td.subhead { background-color:#f2fafa; color:#464646; border-left:none; }
#popu ul li { padding-left:8px; }
#popu ul.ul_Ln { border-top:1px solid #ebebeb; }
#popu ul.ul_Ln li { padding-top:4px; padding-bottom:4px; border-bottom:1px solid #ebebeb; }
/*
* Promotion 20080302
*/
#even1 td { font-family:"돋움", "돋움체", "굴림", "굴림체"; font-size:12px; color:#000000; }
#even1 .bg { background-color: #fffcf7; }
#even1 .box { background:none; border:none; border-color:#0b419b; background-color:#0b419b; border-style:solid; border-top-width:1px; border-right-width:1px; border-bottom-width:1px; border-left-width:1px; margin-right:4px; font-family:"돋움", "돋움체", "굴림", "굴림체"; font-size:16px; font-weight:bold; color:#ffffff; text-align:center; padding-top:4px; width:30px; height:30px; }
#even1 .bg_gray { background-color: #555555;}
/*
* 드림유어카
*/
#AreaSub table { float:none; display:inline; margin:0px; border:0px; padding:0px;font-size:8pt;}
/* png이미지파일 바탕투명으로 보이기 */
.png24 { tmp:expression(setPng24(this));}
#cardPoint table.clean { border:none; padding:0px;margin:0px; }
#cardPoint table.clean th { border:none; padding:0px;margin:0px; }
#cardPoint table.clean td { border:none; padding:0px;margin:0px; }
#cardPoint table.clean div { border:none; padding:0px;margin-top:-1px;margin-bottom:-1px; }
/* 북클럽 */
.book_m_bg {width:660px; height:359px; background:url('/images/even/book/20081230_book_bg.jpg') no-repeat 0 0;}
.book_m_bg div.pdd {padding:184px 72px 23px 105px;}
.book_m_bg div.box01 {float:left; margin-right:10px; width:104px; height:135px; text-align:center;}
.book_m_bg div.box02 {float:left; width:104px; height:135px; text-align:center;}
.book_data_bg {margin-top:13px; width:660px; height:91px; background:url('/images/even/book/20081126_box_bg.gif') no-repeat 0 0;}
.book_data_bg div.title {padding:20px 0 22px 34px; float:left;}
.book_data_bg div.data {padding:18px 0 0 115px; float:left;}
/* 090701 응모하기 레이어 팝업 */
.popLayer { position: relative; }
.pop_layer {position: absolute; z-index: 100; display: none; width:500px; height:348px; background:url(/images/even/090610_img/090610_bg.jpg) no-repeat 0 0; padding:60px 0 0 20px; }
/* 090929 드림유어카 응모하기 레이어팝업 추가*/
.pop_layer2 {position: absolute; z-index: 100; display: none; width:500px; height:512px; background:url(/images/even/090610_img/090929_bg.jpg) no-repeat 0 0; padding:60px 0 0 20px; }
#popLayer1 { top:-500px;; left: 100px; }
/* 090716 상품권 판매처 게시판 추가 */
#card .Board2 { width:660px; margin:0 0 5px 0; background: url(/images/board/list_bar_card.gif) 0 0 no-repeat; border:none; }
#card .Board2 th {border:none; height: 30px; padding: 8px 0 0 0; margin: 0; color:#448CCB ; background: none; vertical-align:top; background: url(/images/board/list_line_card.gif) right top no-repeat; }
#card .Board2 .num { padding-left:15px; width: 68px;}
#card .Board2 .sect { width: 61px;}
#card .Board2 .name { width: 121px;}
#card .Board2 .add { width: auto;}
#card .Board2 .tel { width: 81px;}
#card .Board2 .map { padding-right:15px; width: 79px;background:none;}
#card .Board2 td { border:none; padding:3px 3px; margin:0; border-bottom:1px solid #e1e1e1; background: none; }
:root #card .Board2 td { padding:12px 3px; }
#card .Board2 td strong { font-size:12px; }
/* 091210 배송지 관리 레이어 팝업 */
.popLayer { position: relative; }
#PopLayer { top:100px; left: 100px; }
.poplayer1 {position:absolute; left:100px; top:-300px; display:none;}
.poplayer2 {position:absolute; left:100px; top:-300px;}
.poplayer3 {position:absolute; left:150px; top:-250px;}
.top1 {background:url(/images/even/add_layer/layer_top01.jpg) 0 0 no-repeat; height:52px; width:570px;}
.tit1 {float:left; padding-top:16px; padding-left:27px;}
.top_btn {float:right; padding-top:16px; padding-right:20px;}
.clr {clear:both;}
.mid1 {background:url(/images/even/add_layer/mid_bg01.jpg) 0 0 repeat-y; padding-left:30px; padding-top:15px; padding-bottom:15px;}
.mid1 table {width:510px; text-align:center; border:1px solid #d7d7d7; font-size:11px;}
.mid1 th {background-color:#e8f6f7; color:#464646; border-right:1px solid #d7d7d7;}
.mid1 td {border-right:1px solid #d7d7d7; border-top:1px solid #d7d7d7;}
.txt1 {color:#0096a1; text-decoration:underline;}
.txt2 {color:#f10101; text-decoration:underline;}
.txt3 {font-size:11px;}
.txt4 {font-size:12px;}
.txt5 {color:4b4b4b; text-decoration:underline;}
.top2 {background:url(/images/even/add_layer/layer_top02.jpg) 0 0 no-repeat; height:52px; width:428px;}
.tit2 {padding-top:16px; padding-left:27px;}
.mid2 {background:url(/images/even/add_layer/mid_bg02.jpg) 0 0 repeat-y; padding-left:25px; padding-top:15px; padding-bottom:15px; width:428px;}
.mid2 table {width:373px; border-top:2px solid #6bb3af; font-size:11px; line-height:34px;}
.mid2 table th {background-color:#e8f6f7; color:#464646; border-bottom:1px solid #d7d7d7; text-align:left; padding-left:17px;}
.mid2 td {border-bottom:1px solid #d7d7d7; text-align:left; padding-left:5px;}*/
.point {color:#f85d00;}
.num_txt {width:51px; text-align:center}
.mid3 {background:url(/images/even/add_layer/mid_bg03.jpg) 0 0 repeat-y; padding-left:25px; padding-top:15px; padding-bottom:15px;}
.mid3 table {width:438px; border-top:2px solid #6bb3af; border-bottom:2px solid #6bb3af; font-size:11px; line-height:22px;}
.mid3 th {background-color:#e8f6f7; color:#464646; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-left:none; text-align:left; padding-left:17px;}
.mid3 td {border-bottom:1px solid #d7d7d7; text-align:left; padding-left:5px;}
.point {color:#f85d00;}
.num_txt {width:51px; text-align:center}