body {margin:0; padding:0; font:11px dotum; line-height:1.5em; width:100%; height:100%; color:#656565;} img {border:0;} form, h1, h2, h3, h4, h5, h6, p, div, th, td, table, select, address {margin:0; padding:0; font-size:1em;} hr {display:none;} select {font:normal 11px dotum;} textarea {font:normal 11px dotum; padding:2px} input {font:normal 11px dotum;} ul, li, ol, dl, dt, dd {list-style:none; padding:0; margin:0; font-size:1em;} a:visited, a:link {text-decoration:none; color:#656565;} a:hover, a:active {text-decoration:underline; color:#656565;} div.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;} div.clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html div.clearfix {height:1%;} div.clearfix {display:block;} /* End hide from IE-mac */ strong.red {color:#fe0000} strong.blue {color:#334381} strong.black {color:#333333} span.red {color:#fe0000} span.blue {color:#334381} span.black {color:#333333} span.redLa {color:#fe0000; font:bold 12px dotum;} span.blueLa {color:#334381; font:bold 12px dotum;} span.blackLa {color:#333333; font:bold 12px dotum;} span.txtDot {padding-left:10px; background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px;} div.txtDot {padding-left:10px; background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px;} /*2009-08-17 김재덕 수정 시작*/ h1 {float:left;} div.wrapHead {width:100%;} /*2009-08-18 김재덕 수정*/ div.topNav {width:922px; margin:0 auto; clear:both;} div.topTxt {text-align:right; padding:30px 0 0;} div.topRight {float:right; padding-top:8px;} div.wrapHead div.gnb {height:15px; text-align:right;} div.wrapHead div.gnb img {vertical-align:top; margin:0;} div.wrapHead div.gnb img.lotte {position:relative; top:-2px; } div.topMenu {width:922px; height:28px; margin:0 auto; overflow:hidden; z-index:444} div.topMenu div.titban {float:left} /*2009-08-17 김재덕 수정 끝*/ div.wrapFoot {width:100%;} div.container {width:922px; margin:0 auto;} div.footer {width:922px; margin:0 auto; height:100px; border-top:2px solid #000000; margin-top:25px;} div.footer ul.footMenu {height:35px; border-bottom:1px solid #efefef;} div.footer ul.footMenu li.tit {float:left; padding:12px 28px 0 0;} div.footer ul.footMenu li.family {float:left; padding:8px 28px 0 0;} div.footer ul.footMenu li.family select {width:158px;} div.footer ul.footMenu li.topBtn {float:right; padding:10px 0} div.footer ul.footTxt {padding-top:11px;} div.footer ul.footTxt li.logo {float:left; border-right:1px solid #efefef; padding:21px 26px 0 0;} div.footer ul.footTxt li.txtAdd {float:left; border-right:1px solid #efefef; padding:5px 18px 0 27px;} div.footer ul.footTxt li.txt {float:left; padding:5px 0 0 17px;} div.footer ul.footTxt li.txt img.txt01 {vertical-align:top; } div.footer ul.footTxt li.txt img.txt02 {vertical-align:top; margin-top:10px;} div.footer ul.footTxt li.txt img.service {vertical-align:top; margin-top:4px;} div.footer ul.footTxt li.txt img.detail {vertical-align:top; margin:-2px 0 0 6px;} p.pager {text-align:center; margin-top:10px; font-size:12px;} p.pager img {vertical-align: middle;} p.pager strong {color:#333;} p.pager span {font-size:10px;} p.pager span.txt {font-size:11px; color:#656565} div.boxBgTop {width:712px; height:7px; background:url(../../images/dpt/common/mylotte_boxbg_top.gif) no-repeat; font-size:0;} div.boxBgMid {width:680px; background:url(../../images/dpt/common/mylotte_boxbg_middle.gif); padding:9px 16px; } div.boxBgBot {width:712px; height:7px; background:url(../../images/dpt/common/mylotte_boxbg_bottom.gif) no-repeat;} div.boxBgLargeTop {background:url(../../images/dpt/common/mylotte_boxbg_top_922.gif) no-repeat; height:7px; font-size:0;} div.boxBgLargeMid {width:922px; background:url(../../images/dpt/common/mylotte_boxbg_middle_922.gif) repeat-y; padding:14px 21px;} div.boxBgLargeBot {background:url(../../images/dpt/common/mylotte_boxbg_bottom_922.gif) no-repeat; height:7px;} /* 꼭 읽어보세요 시작*/ dl.mustRead {margin-top:25px; color:#666666} dl.mustRead dt {padding-bottom:7px; height:14px;} dl.mustRead dd.topBg {background:url(../../images/dpt/common/mylotte_boxbg_top_922.gif) no-repeat; height:7px; font-size:0;} dl.mustRead dd.middleBg {background:url(../../images/dpt/common/mylotte_boxbg_middle_922.gif) repeat-y; padding:10px 15px; line-height:1.6em;} dl.mustRead dd.middleBg ul li.dotTxt {padding-left:10px; background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px;} dl.mustRead dd.middleBg ul li.tit {color:#000; font-weight:bold} dl.mustRead dd.middleBg ul li.tit img {vertical-align:top; margin-top:-7px} dl.mustRead dd.middleBg ul.dotLine {background:url(../../images/dpt/common/le_bg_dotLine.gif) repeat-x 0 0; margin-top:15px; padding-top:15px;} dl.mustRead dd.BotBg {background:url(../../images/dpt/common/mylotte_boxbg_bottom_922.gif) no-repeat ; height:7px;} /* 꼭 읽어보세요 끝*/ /* 공통레이어 포지션 시작*/ div.layer {display:none; position: relative;} /* 공통레이어 포지션 끝*/ /*공통 팝업 시작*/ div.openPopup {width:100%; border:1px solid #cccccc} div.openPopup01 {width:650px; border:1px solid #cccccc} div.openPopup02 {width:700px; border:1px solid #cccccc} div.openPopup03 {width:442px; border:1px solid #cccccc} div.openPopup04 {width:560px; border:1px solid #cccccc} div.openPopup05 {width:380px; border:1px solid #cccccc} div.openPopup06 {width:604px; border:1px solid #cccccc} /*2009-08-26 김재덕 추가*/ div.popTop {padding-bottom:1px; border-bottom:1px solid #b2b2b2; background:#fff;} div.popTop ul {background:url(../../images/dpt/common/le_bg_popTop.gif) repeat-x; height:40px; overflow: hidden;} div.popTop ul li.tit {float:left; padding:13px 0 0 22px;} div.popTop ul li.lotte {float:right; padding:14px 22px 0 0;} div.popTop ul li.bLine {float:right; width:1px; height:11px; margin:17px 5px;} div.popTop ul li.logo {float:right; padding-top:7px;} div.popBot {padding-top:1px; border-top:1px solid #b2b2b2; background:#fff;} div.popBot ul {background:url(../../images/dpt/common/le_bg_popBot.gif) repeat-x; height:25px;} div.popBot ul li {padding-top:2px; text-align:center} div.popMid {padding:25px 22px; background:#fff;} /*공통 팝업 끝*/ /*공통 텍스트박스 시작*/ ul.commonTxtBox {} ul.commonTxtBox li.dotTxt {background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px; padding-left:10px} ul.commonTxtBox li.tit {color:#000; font-weight:bold} ul.commonTxtBox li span {color:#334381} ul.commonTxtBox li.pd {padding-top:20px} /*공통 텍스트박스 끝*/ /*공통 마우스오버 레이어 시작*/ div.layBgLaTop {height:30px; padding:13px 0 0 16px; text-align:left; background:url(../../images/dpt/common/le_bg_layLaTop.gif) no-repeat;} div.layBgLaMid {padding:10px 20px 20px 16px; background:url(../../images/dpt/common/le_bg_layLaMid.gif) repeat-y;} div.layBgLaBot {height:28px; padding-top:4px; text-align:center; background:url(../../images/dpt/common/le_bg_layLaBot.gif) no-repeat;} div.layBgMeTop {height:30px; padding:13px 0 0 16px; text-align:left; background:url(../../images/dpt/common/le_bg_layMeTop.gif) no-repeat;} div.layBgMeMid {padding:10px 20px 20px 16px; background:url(../../images/dpt/common/le_bg_layMeMid.gif) repeat-y;} div.layBgMeBot {height:28px; padding-top:1px; text-align:center; background:url(../../images/dpt/common/le_bg_layMeBot.gif) no-repeat;} div.layBgSmTop {height:30px; padding:13px 0 0 16px; text-align:left; background:url(../../images/dpt/common/le_bg_laySmTop.gif) no-repeat;} div.layBgSmMid {padding:10px 20px 20px 16px; background:url(../../images/dpt/common/le_bg_laySmMid.gif) repeat-y;} div.layBgSmBot {height:28px; padding-top:1px; text-align:center; background:url(../../images/dpt/common/le_bg_laySmBot.gif) no-repeat;} div.layBgXxsTop {height:21px; padding:9px 0 0 16px; text-align:left; background:url(../../images/dpt/common/le_bg_layXxsTop.gif) no-repeat;} div.layBgXxsMid {padding:10px 20px 20px 16px; background:url(../../images/dpt/common/le_bg_layXxsMid.gif) repeat-y;} div.layBgXxsBot {height:28px; padding:4px 4px 0 0; text-align:center; background:url(../../images/dpt/common/le_bg_layXxsBot.gif) no-repeat;} /*공통 마우스오버 레이어 끝*/ div.layBgXsTop {width:332px; height:7px; background:url(../../images/dpt/common/le_bg_layTxtXsTop.gif) no-repeat;} div.layBgXsMid {width:299px; padding:8px 18px 8px 15px; background:url(../../images/dpt/common/le_bg_layTxtXsMid.gif) repeat-y;} div.layBgXsBot {width:332px; height:12px; background:url(../../images/dpt/common/le_bg_layTxtXsBot.gif) no-repeat;} /*공통 클릭 레이어 시작*/ div.clickLayTop {width:463x; background:url(../../images/dpt/common/le_bg_clickLayTop.gif) no-repeat; height:15px;} div.clickLayTopTit {width:463x; background:url(../../images/dpt/common/le_bg_clickLayTopTit.gif) no-repeat; height:30px; padding:13px 0 0 22px} ul.clickLayMid {width:463px; background:url(../../images/dpt/common/le_bg_clickLayMid.gif) repeat-y; padding:0 18px 10px 15px;} ul.clickLayMid li.txt {background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px; padding-left:10px; } div.clickLayMid {width:463px; background:url(../../images/dpt/common/le_bg_clickLayMid.gif) repeat-y; padding:0 18px 10px 15px;} div.clickLayBot {width:463px; background:url(../../images/dpt/common/le_bg_clickLayBot.gif) no-repeat; height:32px; padding-top:4px; text-align:center} div.clickLayBot img.btn {vertical-align:top;} div.clickLayLaTop {width:650px; background:url(../../images/dpt/common/le_bg_clickLayLaTop.gif) no-repeat; height:13px; padding:15px;} ul.clickLayLaMid {width:646px; background:url(../../images/dpt/common/le_bg_clickLayLaMid.gif) repeat-y; padding:25px 19px 25px 15px;} ul.clickLayLaMid li.txt {background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px; padding-left:10px; } ul.clickLayLaMid li.tit {margin-top:25px;} div.clickLayLaBot {width:680px; background:url(../../images/dpt/common/le_bg_clickLayLaBot.gif) no-repeat; height:32px; padding-top:4px; text-align:center} /*공통 클릭 레이어 끝*/ ul.boxCommon {border:1px solid #dedede; background:#f0f0f0; padding:9px;} ul.boxCommon li.txtDot {background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px; padding-left:10px;} div.popCenterTxt {text-align:center; padding-bottom:20px} ul.popBtn {margin-top:10px;} ul.popBtn li.btnLeft {float:right; padding-right:10px;} ul.popBtn li.btnRight {float:right; font-size:0;} ul.popBtn li.btnRight01 {float:right; font-size:0; margin-right:-3px; height:26px;} ul.popBtn li.btnCenter {text-align:center; height:26px; font-size:0;} /*2009-08-26 김재덕 추가*/ ul.popBtnWish {margin-top:10px; height:21px; font-size:0;} ul.popBtnWish li.btnLeft {float:right; padding-right:10px;} ul.popBtnWish li.btnRight {float:right; margin-right:-3px; } div.listBotRigBtn {text-align:right; margin-top:15px;} ul.commonTit {height:70px; border-bottom:1px solid #e3e3e3;} ul.commonTit li.tit {float:left; padding-top:15px} ul.commonTit li.txt {float:right; color:#000000; padding-top:28px;} div.txtLayerTop {width:285x; background:url(../../images/dpt/common/le_bg_txtLayerTop.gif) no-repeat; height:15px;} ul.txtLayerMid {width:262px; background:url(../../images/dpt/common/le_bg_txtLayerMid.gif) repeat-y; padding:0 10px 0 13px;} ul.txtLayerMid li.txtDot {background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px; padding-left:10px; } div.txtLayerBot {width:285px; background:url(../../images/dpt/common/le_bg_txtLayerBot.gif) no-repeat; height:20px;} div.popMeTxtImg {text-align:center; padding-bottom:20px} div.popMeTxtImgCenter {text-align:center; padding-top:15px} div.popMeTxt {text-align:center;} div.popMeTit {padding:25px 0 9px} div.popMeBoxTop {background:url(../../images/dpt/common/le_bg_popTxtMeTop.gif) no-repeat; width:400px; height:7px; font-size:0;} div.popMeBoxMid {background:url(../../images/dpt/common/le_bg_popTxtMeMid.gif) repeat-y; width:380px; padding:8px 10px} div.popMeBoxBot {background:url(../../images/dpt/common/le_bg_popTxtMeBot.gif) no-repeat; width:400px; height:7px; font-size:0;} div.popMeBtn {text-align:right; padding-top:10px} div.popMeBtnCenter {text-align:center; padding-top:10px} div.popMeBotTxt {margin:15px; text-align:center} div.txtBoxMeTop {width:516px; background:url(../../images/dpt/common/le_bg_txtBoxMeTop.gif) no-repeat; height:7px; font-size:0;} ul.txtBoxMeMid {width:490px; background:url(../../images/dpt/common/le_bg_txtBoxMeMid.gif) repeat-y; padding:13px;} ul.txtBoxMeMid li.txt {background:url(../../images/dpt/common/icon_txtDot.gif) no-repeat 0 5px; padding-left:10px; } div.txtBoxMeBot {width:516px; background:url(../../images/dpt/common/le_bg_txtBoxMeBot.gif) no-repeat; height:7px; font-size:0;} div.middleBorder {height:1px; border-top:1px solid #dedede} div.bottomBorder {margin-top:-1px; border-top:1px solid #b2b2b2;} /*에러페이지 시작*/ div.errorPage {width:922px; margin:0 auto; text-align:center;} div.errorPage dl {width:600px; padding-top:65px;} div.errorPage dl dt {border-bottom:1px solid #b2b2b2; height:48px;} div.errorPage dl dt div.logo01 {float:left} div.errorPage dl dt div.logo02 {float:right; padding-top:0px;} div.errorPage dl dd.txt01 {padding-top:32px;} div.errorPage dl dd.txt02 {text-align:right; padding-right:11px;} div.errorPage dl dd.txt02 img {margin-right:10px;} div.errorPage dl dd.txt03 {padding:42px 0 20px;} div.errorPage dl dd.txt04 {width:483px; height:30px; background:url(../../images/dpt/common/le_bg_errorShopping.gif) no-repeat; padding:9px 0 0 117px; text-align:left;} div.errorPage dl dd.footer {padding-top:58px;} /*에러페이지 끝*/ div.layerMenuTop {display:none; position: relative; width:922px; margin:0 auto; } div.layerMenu {position:absolute; lefts:0; top:0; width:178px; } /* 2009-08-25 김재덕 수정*/ ul.list {padding:0;} ul.list li img {vertical-align:top} table.MessagePop {width:265px} table.MessagePop td.tit {width:100px; background:#fff; text-align:left; height:26px; line-height:1.4em; } table.MessagePop td.inpBox {width:138px;} table.MessagePop td.inpBox input {width:120px; border:1px solid #d7d7d7; font:normal 11px dotum;} table.MessagePop td.btn {height:47px; text-align:center} table.MessagePop textarea {width:248px; height:73px; border:1px solid #d7d7d7} ul.transPage1 {width:469px; height:252px; background:url(../../images/dpt/common/le_bg_trans01.gif) no-repeat;} ul.transPage1 li {padding-top:150px; text-align:center;} ul.transPage2 {width:469px; height:252px; background:url(../../images/dpt/common/le_bg_trans02.gif) no-repeat;} ul.transPage2 li {padding-top:150px; text-align:center;} table.footerPopTb {width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada; margin-top:25px;} table.footerPopTb td.tit {width:116px; background:#f5f5f5; padding:7px 0; text-align:center; color:#000; border-right:1px solid #dadada; border-bottom:1px solid #dadada;} table.footerPopTb td.txt {padding:7px 10px;border-right:1px solid #dadada; border-bottom:1px solid #dadada;} table.footerPopTb td.day {text-align:right; padding:7px 10px;border-right:1px solid #dadada; border-bottom:1px solid #dadada;} table.footerPopTb td.bot {padding:7px 10px;border-right:1px solid #dadada; border-bottom:1px solid #dadada;} div.height01 {height:15px} div.height02 {height:25px} div.popNext {padding:10px 0; text-align:right;} div.popCal {width:216px; margin:15px 0 0 17px; _ margin:15px 0 0 12px;} td.popCalDay {width:216px; height:29px; background:url(../../images/dpt/common/le_bg_calTop.gif) no-repeat; color:#fff; text-align:center; padding-top:8px} td.popCalDaySearch {height:208px; background:url(../../images/dpt/common/le_bg_calBot.gif) no-repeat; text-align:center;} td.popCalDaySearchYear {height:42px; width:105px; text-align:right; padding-right:10px} td.popCalDaySearchMonth {height:42px; width:92px; text-align:left;} td.popCalDayNumSun {border-top:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc;} td.popCalDayNumWeek {border-top:1px solid #ccc; border-bottom:1px solid #ccc;} td.popCalDayNumSat {border-top:1px solid #ccc; border-bottom:1px solid #ccc; border-right:1px solid #ccc;} td.popCalDayNumber {padding-top:5px} /*2009-08-14 김재덕 추가*/ div.popBtnRight01 {margin-top:10px; text-align:right;} /*2009-08-26 사이즈조견표 김재덕 추가*/ div.sizeChsrtTit {padding:10px 25px; height:14px; border-bottom:1px solid #dcdcdc;} div.sizeChsrtTit h1 {float:left} div.sizeChsrtTit div.close {float:right} div.sizeChsrt {padding:25px} div.sizeChsrt ul {padding-bottom:21px; overflow:hidden;} div.sizeChsrt ul li.tit {padding-bottom:8px; _padding-bottom:6px; height:14px;} div.sizeChsrt ul li.txt {padding-bottom:6px; _padding-bottom:3px; font:normal 12px dotum; height:11px} div.sizeChsrt ul li.txt div.leftTxt {float:left} div.sizeChsrt ul li.txt div.rightTxt {float:right} div.sizeChsrt ul li table {width:100%; border-top:1px solid #dadada; border-left:1px solid #dadada; text-align:center; font-size:12px;} div.sizeChsrt ul li table td.name {padding:5px 0 3px; background:#999; font-weight:bold; color:#fff; border-right:1px solid #dadada; border-bottom:1px solid #dadada;} div.sizeChsrt ul li table td.tit {padding:5px 0 3px; background:#f5f5f5; border-right:1px solid #dadada; border-bottom:1px solid #dadada;} div.sizeChsrt ul li table td.txt {padding:5px 0 3px; border-right:1px solid #dadada; border-bottom:1px solid #dadada;} div.sizeChsrt div.imgPd {padding-bottom:25px;} /*2009-09-03 김재덕 추가*/ .clearHead {} body:first-of-type .clearHead {clear:both} h1.lecsTit01 {width:178px; padding:20px 0 19px 0; border-bottom:1px solid #dedede; margin-bottom:15px;} h2.lecsTit02 {width:712px; padding:20px 0 19px 0; border-bottom:1px solid #dcdcdc;} ul.lecsLeft {width:178px; height:156px; background:url(../../images/uq/common/le_fot_leftBox.gif) no-repeat; clear:both;} ul.lecsLeft li {padding:6px 0 0 10px} div.lecsCon {margin-top:15px;} /*2009-09-04 김재덕 추가*/ div.twoBtnRight01 {float:right; padding-right:10px;} div.twoBtnRight02 {float:right}