/************************************************************************************************** * * DEFAULT * **************************************************************************************************/ * {padding:0; margin:0; font-family:돋움, Dotum, 굴림, Gulim, AppleGothic, Sans-serif; color:#888888;} html {height:100%; _overflow:hidden;} body {height:100%; _overflow:hidden; font-size:8pt;} body.black {background-color:#000;} img {border:none; vertical-align:top;} ol, ul {list-style:none;} h1, h2, h3, h4, h5, h6 {font-size:11px;} a {text-decoration:none;} table {border-collapse: collapse;} /*td {font-size:8pt;}*/ select {height:18px; color:#333; font-size:8pt;} /* a { selector-dummy : expression(this.hideFocus=true);} */ a:hover {color:#333;} a:hover * {color:#333;} /************************************************************************************************** * * #Wrap SELECTOR * **************************************************************************************************/ #Wrap {_position:absolute; margin:0; _width:100%; height:100%; _overflow:auto; _overflow-y:scroll; _z-index:1; _diisplay:inline;} #Wrap div.footer_bg {height:130px; background:url(/images/common/footer_bg.gif) repeat-x top;} /************************************************************************************************** * * Header * **************************************************************************************************/ #Header {position:relative; width:940px; height:130px; margin:0 auto; background:url(/images/common/header_bg.gif) repeat-x top; z-index:1;} #Header h1 {width:118px; height:38px; padding-top:28px; margin:0 auto} #Header #header_menu {height:26px; text-align:right;} #Header #header_menu a {display:inline-block; margin-left:16px;/*공백 -4px*/ vertical-align:top;} #Header #header_menu a.search {margin-left:10px;} #Header #header_swf #swf_navigation {position:relative; left: -4px width:940px; height:50px; margin-bottom:-50px; padding-top:5px; overflow:hidden; z-index:1;} #Header #header_swf #swf_navigation.expand {width:940px; height:285px; margin-bottom:-285px; z-index:1;} #Header .mobileLink {position:absolute; top:12px; left:-10; width:150px; height:80px;} /************************************************************************************************** * * Content * **************************************************************************************************/ #Body {min-height:100%; _height:100%; margin:-130px 0; background:url(/images/common/wrap_bg.gif) repeat-x top;} #Body #Content {width:940px; margin:0 auto; padding:130px 0;} #Body #Content.white {background-color:#FFF;} /* /Pop ****************************************************************************************/ #popupWrap {position:absolute; left:5%; top:200px; width:700px; overflow:hidden;} #popupWrap li {visibility:hidden; float:left; width:300px; margin:10px 0 0 10px; border:2px solid #333;} #popupWrap li.show {visibility:visible; background-color:#000;} #popupWrap li p {overflow:hidden;} /* /INDEX ****************************************************************************************/ /* swf */ #mainSwf {position:relative; top:-6px; margin:0 -70px 20px; width:1080px; height:600px;} /* board */ #mainBoard {height:463px; overflow:hidden;} #mainBoard #board_left {width:445px; height:435px; padding:10px 15px 27px 0; background-color:#FFF; border-top:2px solid #CA0016;} #mainBoard #board_right {width:430px; height:435px; padding:22px 15px 27px; background-color:#FFF; border-top:2px solid #CA0016;} #mainBoard #board_left h2 {padding-bottom:16px;} #mainBoard #board_left #left_review {width:430px; height:276px} #mainBoard #board_left #left_review .swf {width:445px; height:263px;} #mainBoard #board_left #left_notice {width:205px; padding-left:15px} #mainBoard #board_left #left_notice ul {padding-left:2px; font-size:8pt;} #mainBoard #board_left #left_notice ul li a {line-height:17px; padding-left:10px; background:url(/images/common/list_dot_gray.gif) no-repeat left 4px;} #mainBoard #board_left #left_notice ul li a:hover {padding-left:10px; background:url(/images/common/list_dot_red.gif) no-repeat left 4px; color:#333;} #mainBoard #board_left .left_banner {width:205px; height:140px; overflow:hidden;} #mainBoard #board_right .now_top {margin:16px 0 20px;} /* brand */ #mainBrand {height:110px;} #mainBrand ul.flt_left, #mainBrand ul.flt_right {padding:0; width:458px; height:108px; border:1px solid #DADADA; background-color:#F3F3F3;} #mainBrand ul.flt_left li, #mainBrand ul.flt_right li {height:90px; float:left; margin:9px 0 0 14px; _display:inline;} /* menu */ #mainMenu {height:64px; margin:20px 0 30px -5px;} #mainMenu li {float:left; margin-left:5px; _display:inline;} /* /SHOPPING/PRODUCT_VIEW ************************************************************************/ /* detail */ #shoppingForm {padding:20px 0 30px 15px;} #shoppingForm #detail_rating {width:130px; height:420px;} #shoppingForm #detail_rating li {width:130px; overflow:hidden;} #shoppingForm #detail_rating li.rating01 {width:130px; height:140px; overflow:hidden;} #shoppingForm #detail_rating li.rating02 {height:60px; padding-top:10px;} #shoppingForm #detail_rating li.rating03 {height:60px; padding-top:10px;} #shoppingForm #detail_rating li.rating04 {height:60px; padding-top:10px;} #shoppingForm #detail_rating li.rating05 {height:60px; padding-top:10px;} #shoppingForm #detail_image {width:420px; height:420px; margin:0 10px; overflow:hidden;} #shoppingForm #detail_info {width:340px;} #shoppingForm #detail_info h2 {height:34px; line-height:18px; font-size:12pt; color:#333; padding:15px 0 13px;} #shoppingForm #detail_info p.sub {height:69px; line-height:14px; font-size:11px;} #shoppingForm #detail_info p.price {height:28px; line-height:18px; font-size:12pt;} #shoppingForm #detail_info p.price span, #shoppingForm #detail_info p.price span del {color:#333; vertical-align:top;} #shoppingForm #detail_info p.price span.del {display:inline-block; width:100px;} #shoppingForm #detail_info p.price span.price {font-weight:bold; color:#C90016;} #shoppingForm #detail_info ul li * {vertical-align:middle;} #shoppingForm #detail_info ul li span {display:inline-block;} #shoppingForm #detail_info ul li label {display:inline-block;} #shoppingForm #detail_info ul li span.lt {width:104px;} #shoppingForm #detail_info ul.info {height:107px; padding-top:11px; border-top:1px solid #EEE; border-bottom:1px solid #EEE;} #shoppingForm #detail_info ul.info li {height:24px; line-height:24px; font-size:9pt;} #shoppingForm #detail_info ul.info li.vip span {color:#333; font-weight:bold;} #shoppingForm #detail_info ul.selection {padding:15px 0 0;} #shoppingForm #detail_info ul.selection li {height:28px; font-size:9pt;} #shoppingForm #detail_info ul.selection li select {font-size:9pt;} #shoppingForm #detail_info p.btn a, #shoppingForm #detail_info p.btn input {margin-right:-4px;} /* category */ #shopping_category {padding:0 15px 40px;} #shopping_category #category_slider {width:910px; height:268px; border-top:1px solid #CA0016;} #shopping_category #category_slider h2 {height:23px; padding-top:15px;} #shopping_category #category_slider .slider {width:840px; margin-left:35px;} .slider {overflow:hidden;} .slider ul {width:5000px; height:200px;} .slider ul li {float:left; padding:0 10px; height:191px;} .control {position:relative; margin-top:-31px;} .control a {position:absolute; top:-115px; display:block; width:15px; height:31px;} .control .prev {right:10px;} .control .next {left:10px;} #pr_slider.slider {width:800px; height:250px;} #papa_slider.slider {width:500px; height:180px} #mania_slider.slider {width:300px; height:180px} #filling_slider.slider {width:420px; height:280px} /* product list */ dl.productList {line-height:14px; text-align:center;} dl.productList .step {padding:6px 0 15px;} dl.productList .image120 {width:120px; height:120px; overflow:hidden;} dl.productList .image160 {width:160px; height:160px; overflow:hidden;} dl.productList .image200 {width:200px; height:200px;} dl.productList .image200 a {position:relative; display:block; width:200px; height:200px; font-size:0;} dl.productList .image200 a img {position:absolute; top:0px; right:0px;} dl.productList .image200 a img.icon {z-index:1;} dl.productList .text120 {width:120px; height:28px;} dl.productList .text160 {width:160px; height:28px;} dl.productList .text200 {width:200px; height:28px;} dl.productList .bottom10 {margin-bottom:10px;} dl.productList .bottom15 {margin-bottom:15px;} dl.productList a.title {color:#BCAC93; font-weight:bold; font-size:8pt;} dl.productList a.title:hover {color:#BCAC93;} dl.productList .price {color:#333; font-weight:bold; font-size:8pt;} dl.productList strong {margin-bottom:10px; color:#333; font-weight:bold; font-size:8pt;} dl.productList a:hover {color:#333;} #shopping_category div.banner a {display:inline-block; margin-right:-1px;} /* tab */ ul.shoppingTab {height:32px; padding-left:15px; margin-left:-5px;} ul.shoppingTab li {float:left; margin-left:5px; text-align:right; _display:inline;} ul.shoppingTab li a {width:178px; height:20px; padding-top:12px; display:block;} ul.shoppingTab li a .cnt {margin-right:25px;} ul.shoppingTab li a.tab01 {background:url(/images/shopping/product_view_tab01.gif) no-repeat right;} ul.shoppingTab li a.tab02 {background:url(/images/shopping/product_view_tab02.gif) no-repeat right;} ul.shoppingTab li a.tab03 {background:url(/images/shopping/product_view_tab03.gif) no-repeat right;} ul.shoppingTab li a.tab04 {background:url(/images/shopping/product_view_tab04.gif) no-repeat right;} ul.shoppingTab li a.tab05 {background:url(/images/shopping/product_view_tab05.gif) no-repeat right;} ul.shoppingTab li a.tab01:hover, ul.shoppingTab li.on a.tab01 {background:url(/images/shopping/product_view_tab01.gif) no-repeat;} ul.shoppingTab li a.tab02:hover, ul.shoppingTab li.on a.tab02 {background:url(/images/shopping/product_view_tab02.gif) no-repeat;} ul.shoppingTab li a.tab03:hover, ul.shoppingTab li.on a.tab03 {background:url(/images/shopping/product_view_tab03.gif) no-repeat;} ul.shoppingTab li a.tab04:hover, ul.shoppingTab li.on a.tab04 {background:url(/images/shopping/product_view_tab04.gif) no-repeat;} ul.shoppingTab li a.tab05:hover, ul.shoppingTab li.on a.tab05 {background:url(/images/shopping/product_view_tab05.gif) no-repeat;} #bottom_tab {margin-bottom:25px;} /* infomaition */ #shopping_info {padding:0 15px;} #shopping_info #info_detail {padding:60px 35px 60px;} #shopping_info #info_detail li {width:840px; text-align:center;} #shopping_info #info_detail li.title {padding:28px 0 20px;} #shopping_info #info_detail li.stepList ul li {width:160px; float:left;} #shopping_info #info_detail li.stepList ul li.next {width:10px; padding-top:110px;} #shopping_info #info_detail li .ingredientsLink {position:relative; top:342px; height:106px; padding-left:367px; margin-top:-106px; text-align:left; z-index:1;} #shopping_info #info_detail li .ingredientsLink a {display:block; width:106px; height:106px; background-color:#FFF; opacity:0.4; filter:alpha(opacity:40);} #shopping_info #info_detail li .ingredientsLink a:hover {background-color:#F2F2F2;} /* review */ #shopping_info #info_review {padding:40px 0 60px;} #shopping_info #info_review div.exp {height:58px; background:url(/images/shopping/product_review_title_exp.gif) no-repeat 10px top;} #shopping_info #info_qna {padding:40px 0 60px;} #shopping_info #info_qna div.exp {height:58px; background:url(/images/shopping/product_qna_title_exp.gif) no-repeat 10px top;} #shopping_info #info_delivery {padding:40px 0 60px;} #shopping_info #info_ingredients {padding:40px 0 35px;} #shopping_info #info_ingredients div.exp {height:58px; background:url(/images/shopping/product_ingredients_title_exp.gif) no-repeat 10px top;} #shopping_info #info_ingredients .ingredients {padding:20px 0 20px 15px; margin-bottom:20px; text-align:center; border-top:1px solid #EEE; border-bottom:1px solid #EEE;} #shopping_info #info_ingredients .ingredients img {margin-right:15px;} /* h2.heading {padding:0 10px; height:59px;} */ h2.heading {padding:0 10px; height:92px;} div.bottomBt {position:relative; top:-12px; margin-top:-28px; padding-right:10px; text-align:right;} /* board */ div.board table {border:none; margin-bottom:40px;} div.board table tr.content td {width:910px;border:0;} div.board table tr.content td div.brd {line-height:14px; padding:0 20px 22px; text-align:left; background-color:#FCFCFC; border-bottom:1px solid #EEE;} div.board table tr.content td dl {border:5px solid #EEE; margin-top:15px;} div.board table tr.content td dl.mark dd * {vertical-align:middle; display:inline-block;} div.board table tr.content td dl.mark dd {float:left; padding-top:17px; text-align:center;} div.board table tr.content td dl.mark dd img.m13 {margin-left:13px;} div.board table tr.content td dl.mark dd img.m49 {margin-left:49px;} div.board table tr.content td dl.answer {padding:16px 20px 20px;} div.board table tr.content td dl.answer dt {padding-bottom:11px; border-bottom:1px solid #EEE;} div.board table tr.content td dl.answer dd {padding:20px 5px 0;} div.board table tr.content td div.editorContent {padding:20px 20px 0;} div.board table th {height:23px; border-top:1px solid #CA0016; border-bottom:1px solid #EEE;} div.board table td {line-height:37px; text-align:center; border-bottom:1px solid #EEE;} div.board table td.left {text-align:left;} p.paging {height:13px; text-align:center;} p.paging * {vertical-align:middle; display:inline-block;} p.paging img {margin:1px 3px;} p.paging a:hover {color:#333;} p.paging span.on {color:#333; font-weight:bold;} /* /SHOPPING/LIST ************************************************************************/ div.shoppingIndex_swf {width:910px; height:400px; padding:22px 15px;} div.shoppingList_swf {width:910px; height:430px; padding:22px 15px;} div.shoppingList_swf .swf_menu {width:170px; height:430px;} div.shoppingList_swf .img_menu {width:720px; height:430px;} div.shoppingList_swf .img_menu p.banner {width:720px; height:120px; padding-top:20px} #listSlider {width:680px; height:160px; margin:20px 0 0 20px; overflow:hidden;} #listSlider #slider_list {width:5000px;} #listSlider #slider_list li {float:left; width:160px; height:160px; padding:0 5px;} .listControl {position:relative; margin-top:-31px;} .listControl a {position:absolute; top:-65px; display:block; width:9px; height:19px;} .listControl .prev {right:10px;} .listControl .next {left:10px;} #shopping_list {padding-bottom:40px;} #shopping_list .sub_img {height:48px; background:url(/images/shopping/title_productlist.jpg) no-repeat;} #shopping_list .sub_img p {height:10px; padding:17px 10px 0 0; text-align:right;} #shopping_list .sub_img img {margin-left:-4px;} #shopping_top_list ul {width:680px; height:340px; overflow:hidden;} #shopping_bot_list ul {width:910px; height:340px; overflow:hidden;} div.shoppingList {padding:0 15px;} div.shoppingList ul li {float:left; height:340px;} div.shoppingList ul li.vline {width:1px; height:295px; background-color:#EEE;margin:0 17px;} div.shoppingList .swfBanner {position:relative; width:220px; height:335px; margin-top:-32px;} div.shoppingList .shoppingPage {} div.markLine {width:910px; height:1px; margin:10px 0 20px 15px; background-color:#EEE; _font-size:1px;} div.shoppingListTab {height:20px; padding:0 0 20px 15px;} div.shoppingListTab a {height:22px; display:inline-block; margin-right:5px;} div.categoryTab {width:910px; height:52px; padding-left:15px;} div.categoryTab a {height:32px; display:inline-block; margin-right:-1px;} /* ul.shoppingListTab {height:20px; padding:0 0 20px 15px;} ul.shoppingListTab li {float:left; margin-right:5px; _display:inline;} ul.shoppingListTab li a {width:116px; height:22px; display:block;} ul.shoppingListTab li a.tab01 {background:url(/images/main/main_goods_tab01_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab02 {background:url(/images/main/main_goods_tab02_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab03 {background:url(/images/main/main_goods_tab03_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab04 {background:url(/images/main/main_goods_tab04_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab05 {background:url(/images/main/main_goods_tab05_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab06 {background:url(/images/main/main_goods_tab06_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab07 {background:url(/images/main/main_goods_tab07_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab08 {width:121px; background:url(/images/main/main_goods_tab08_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab09 {background:url(/images/main/main_goods_tab09_off.jpg) no-repeat right;} ul.shoppingListTab li a.tab01:hover, ul.shoppingListTab li.on a.tab01 {background:url(/images/main/main_goods_tab01_on.jpg) no-repeat;} ul.shoppingListTab li a.tab02:hover, ul.shoppingListTab li.on a.tab02 {background:url(/images/main/main_goods_tab02_on.jpg) no-repeat;} ul.shoppingListTab li a.tab03:hover, ul.shoppingListTab li.on a.tab03 {background:url(/images/main/main_goods_tab03_on.jpg) no-repeat;} ul.shoppingListTab li a.tab04:hover, ul.shoppingListTab li.on a.tab04 {background:url(/images/main/main_goods_tab04_on.jpg) no-repeat;} ul.shoppingListTab li a.tab05:hover, ul.shoppingListTab li.on a.tab05 {background:url(/images/main/main_goods_tab05_on.jpg) no-repeat;} ul.shoppingListTab li a.tab06:hover, ul.shoppingListTab li.on a.tab06 {background:url(/images/main/main_goods_tab06_on.jpg) no-repeat;} ul.shoppingListTab li a.tab07:hover, ul.shoppingListTab li.on a.tab07 {background:url(/images/main/main_goods_tab07_on.jpg) no-repeat;} ul.shoppingListTab li a.tab08:hover,info_ingredients ul.shoppingListTab li.on a.tab08 {width:121px; background:url(/images/main/main_goods_tab08_on.jpg) no-repeat;} ul.shoppingListTab li a.tab09:hover, ul.shoppingListTab li.on a.tab09 {background:url(/images/main/main_goods_tab09_on.jpg) no-repeat;} */ /* Order */ #LGD_BUTTON1, #LGD_BUTTON2, #LGD_BUTTON3 {width:910px; height:30px; text-align:center;} #about_global {width:1027px; height:768px; margin:0 auto;} /************************************************************************************************** * * Event * **************************************************************************************************/ #timing {height:79px; padding-top:427px; background:url(/images/event/shoping_timing/091008timing_bb_1.jpg) no-repeat center;} #timing #best {float:left; width:289px; margin-left:120px; _display:inline;} #timing #best a {display:block; width:289px; height:43px; background:url(/images/event/shoping_timing/bb.gif) no-repeat bottom;} #timing #best a:hover, #timing #best a.on {background:url(/images/event/shoping_timing/bb.gif) no-repeat;} #timing #trouble {float:left; width:322px; margin-left:72px; _display:inline;} #timing #trouble a {display:block; width:322px; height:43px; background:url(/images/event/shoping_timing/ac.gif) no-repeat bottom;} #timing #trouble a:hover, #timing #trouble a.on {background:url(/images/event/shoping_timing/ac.gif) no-repeat;} #xmas {width:840px; margin:0 auto; padding-bottom:50px;} #xmas p.nothing {padding-top:234px; text-align:center;} #xmas #galleryEdit {width:730px; height:260px; padding:33px 0 0 110px; background:url(/images/event/event_xmas/bg_write.jpg); text-align:left;} #xmas #galleryEdit ul li {padding:4px 0; _padding:3px 0;} #xmas #galleryEdit ul li.button {text-align:right; margin:20px 25px 0 0;} #xmas #galleryView {width:810px; height:318px; padding:15px; text-align:left; background:url(/images/event/event_xmas/bg_detail.jpg);} #xmas #galleryView .scroll {width:775px; height:250px; padding:36px 0 32px 35px; overflow:auto;} #xmas #galleryView .content {width:740px; line-height:16px; padding-bottom:30px; font-size:9pt;} #xmas #galleryView .image {float:left; width:300px; margin:0 20px 20px 0; text-align:center; background-color:#F5F3EC; overflow:hidden;} #xmas #galleryView .title {float:left; width:400px; padding:5px 10px; margin: 0 0 20px -10px; background-color:#F5F3EC;} #xmas #galleryView .title strong {float:left; font-size:9pt; color:#000;} #xmas #galleryView .title span {float:right; font-size:8pt; font-weight:normal;} #xmas #galleryList {width:810px; height:578px; padding:40px 0 0 30px; background:url(/images/event/event_xmas/bg_list.jpg);} #xmas #galleryList .list {width:810px; height:488px;} #xmas #galleryList dl {float:left; width:175px; height:234px; padding-left:8px; margin:5px; border:1px solid #EAEAEA; background-color:#FFF; text-align:left; _display:inline;} #xmas #galleryList dl.on {border:1px solid #C90016;} #xmas #galleryList dl dt {line-height:16px; padding:12px 0 5px;} #xmas #galleryList dl dt .title {float:left; font-size:9pt; font-weight:bold; color:#C90016;} #xmas #galleryList dl dt .delete {float:right; margin-right:8px;} #xmas #galleryList dl dd {line-height:14px;} #xmas #galleryList dl dd.images {width:168px; height:140px; margin-bottom:10px; overflow:hidden;} #xmas #galleryList dl dd.button {line-height:12px; font-size:10px;} #xmas #galleryList #xmasPaging {margin-top:35px;} /************************************************************************************************** * * join * **************************************************************************************************/ a.join_normal {display:block; width:184px; height:113px; background:url(/images/member/ipin/join_btn01.jpg) no-repeat top center;} a.join_normal:hover {background-position:bottom center;} a.join_below {display:block; width:184px; height:113px; background:url(/images/member/ipin/join_btn02.jpg) no-repeat top center;} a.join_below:hover {background-position:bottom center;} /************************************************************************************************** * * Footer * **************************************************************************************************/ #Footer {width:940px; height:130px; margin:0 auto; background:url(/images/common/footer_bg.gif) repeat-x top;} #Footer h1 {height:38px; padding-top:25px;} #Footer div {width:445px;} #Footer #footer_address {height:67px; background:url(/images/common/bottom_text.jpg) no-repeat 0 16px;} #Footer #footer_menu {height:18px; padding-top:20px; text-align:right; font-size:9px;} #Footer #footer_menu a {display:inline-block; margin-left:12px;/*공백 -4px*/ vertical-align:top;} #Footer #footer_copyright {height:29px; text-align:right;} #Footer #footer_copyright a {margin:0 -4px} /************************************************************************************************** * * Side Menu * **************************************************************************************************/ #DIY_wrap {position:fixed; bottom:0; left:50%; margin-left:-470px; width:940px; height:0; background:#000; _position:absolute; z-index:2;} #DIY_wrap #DIYcart {position:absolute; top:-35px; _right:9px;} #side_wrap {position:fixed; top:0; left:50%; margin-left:-622px; width:1244px; height:0; _position:absolute; z-index:2;} #side_wrap #side_left {position:absolute; top:95px; left:0; width:132px; height:132px;} #side_wrap #side_right {position:absolute; top:130px; right:0; _right:8px; width:132px; height:132px; background:#FFF url(/images/common/side_right.gif) no-repeat;} #side_wrap #side_right div {width:132px; height:65px; padding-top:1px;} #side_wrap #side_right div a {display:block; float:left; width:64px; height:19px; padding-top:45px; margin-left:1px; text-align:center; font-weight:bold; font-size:9pt;} #side_wrap #side_right div a.white {color:#FFF;} #side_wrap #side_right div a.gray {color:#444;} #side_wrap #side_right div a.white:hover {color:#FFCEEE;} #side_wrap #side_right div a.gray:hover {color:#646464;} #side_wrap #side_right div.wef {padding-top:15px;} #side_wrap #fixedBox {position:absolute; bottom:0; left:50%; width:686px; height:436px; margin-left:-341px; z-index:5;} #side_wrap #fixedBox.open {top:128px;} #side_wrap #fixedBox .fixedBg {width:686px; height:436px; background:transparent url(/images/common/search_bg.png); _background:transparent; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/common/search_bg.png',sizingMethod=image); z-index:1;} #side_wrap #fixedBox .fixedFlow {position:absolute; top:15px; left:16px; width:650px; height:400px; padding-top:-400px; overflow:hidden;} #side_wrap #fixedBox ul.login {margin-top:0;} #side_wrap #fixedBox ul.cart {margin-top:-400px;} #side_wrap #fixedBox ul.wish {margin-top:-800px;} #side_wrap #fixedBox ul.coupon {margin-top:-1200px;} #side_wrap #fixedBox ul.search {margin-top:-1600px;} #flowList li {width:650px; height:400px; background:#FFF;} #flowList li div.close {text-align:right; padding:10px 10px 0;} #flowList li h2 {width:650px; text-align:center;} #flowList li.loginBox h2 {height:79px; padding-top:22px;} #flowList li.loginBox #loginForm {width:555px; height:154px; padding-left:95px;} #flowList li.loginBox #loginForm .loginInput {width:390px; padding:12px 0 12px 70px; border-top:1px solid #EEE; border-bottom:1px solid #EEE; background-color:#FBFBFB;} #flowList li.loginBox #loginForm .loginInput ul {width:246px; height:70px; padding-top:11px;} #flowList li.loginBox #loginForm .loginInput ul li {width:246px; height:27px; padding-top:8px; background-color:#FBFBFB;} #flowList li.loginBox #loginForm .loginInput ul li * {vertical-align:middle;} #flowList li.loginBox #loginForm .loginInput ul li span {display:inline-block; width:94px;} #flowList li.loginBox #loginForm .loginInput ul li input {width:127px;} #flowList li.loginBox .loginMenu {padding-left:20px;} #flowList li.loginBox .loginMenu a {display:inline-block; margin-left:45px;} #flowList li.loginBox p a.line {border-left:1px solid #EEE;} #flowList li.loginBox .orderMenu {padding-left:25px;} #flowList li.loginBox .orderMenu a {display:inline-block; margin-right:3px;} #flowList li .nothing {padding-top:95px; text-align:center; font-weight:bold; font-size:12px;} #flowList li.cartBox h2, #flowList li.wishBox h2, #flowList li.couponBox h2 {height:91px; padding-top:11px;} #flowList li #cartList, #flowList li #wishList {width:650px; height:226px;} #flowList li #couponList {width:625px; height:226px; padding-left:25px;} table.couponList {width:600px; margin-bottom:15px;} table.couponList th {height:29px;} table.couponList td {height:29px; text-align:center; border-bottom:1px solid #EEE;} table.couponList td.left {text-align:left;} #flowList li #cartList ul, #flowList li #wishList ul {width:650px; padding-left:25px;} #flowList li #cartList ul li, #flowList li #wishList ul li {float:left; width:120px; height:200px; padding:0 15px;} #flowList li.cartBox p.btn, #flowList li.wishBox p.btn, #flowList li.couponBox p.btn {padding-right:27px; text-align:right;} #flowList li.cartBox p.btn a, #flowList li.wishBox p.btn a, #flowList li.couponBox p.btn a {margin-right:-4px;} #flowList li.searchBox {background:transparent;} #flowList li.searchBox h2 {height:34px; padding-top:7px;} #flowList li.searchBox #searchForm {height:52px; padding-left:143px;} #flowList li.searchBox #searchForm * {vertical-align:middle;} #flowList li.searchBox #searchForm input.query {width:226px; height:12px; padding:4px 7px; border:5px solid #000; font-size:8pt;} #flowList li.searchBox #searchResult {height:282px; padding:0 15px;} #flowList li.searchBox #searchResult a.on, #flowList li.searchBox #searchResult a.on *, #flowList li.searchBox #searchResult a:hover, #flowList li.searchBox #searchResult a:hover * {color:#C90016;} #flowList li.searchBox #searchResult div.keywords {width:600px; height:11px; margin-top:15px; text-align:center;} #flowList li.searchBox #searchResult div.keywords a {display:inline-block; padding: 0 4px;} #flowList li.searchBox #searchResult .top12 {padding-top:12px;} #flowList li.searchBox #searchResult ul {float:right; width:290px; margin-top:92px; padding-left:15px; _display:inline;} #flowList li.searchBox #searchResult ul li {width:290px; height:18px;} #flowList li.searchBox #searchResult span {color:#333;} #flowList li.searchBox #searchResult em {font-style:normal;} #flowList li.searchBox #searchPreview {position:relative; top:-140px; left:15px; width:290px; height:140px;} #flowList li.searchBox #searchPreview dl {width:150px;} #flowList li.searchBox #searchPreview dl dt {margin-top:15px; font-weight:bold; color:#BCAC93;} #flowList li.searchBox #searchPreview dl dt a {color:#BCAC93;} #flowList li.searchBox #searchPreview dl dd {margin-top:10px;} #flowList li.searchBox #searchPreview dl dd.price {margin-top:10px; font-weight:bold; color:#333;} /************************************************************************************************** * * Layer * **************************************************************************************************/ ol.select {height:18px; overflow:hidden;} ol.select li {height:18px;} ol.box350 {width:360px;} ol.box350 li.top {height:15px; background:url(/images/common/box_top_350.png); _background:url(/images/common/box_top_350.gif);} ol.box350 li.mid {padding:0 34px 0 31px; background:url(/images/common/box_mid_350.png); _background:url(/images/common/box_mid_350.gif);} ol.box350 li.bot {height:21px; background:url(/images/common/box_bot_350.png); _background:url(/images/common/box_bot_350.gif);} ol.box400 {width:410px;} ol.box400 li.top {height:15px; background:url(/images/common/box_top_400.png); _background:url(/images/common/box_top_400.gif);} ol.box400 li.mid {padding:0 34px 0 31px; background:url(/images/common/box_mid_400.png); _background:url(/images/common/box_mid_400.gif);} ol.box400 li.bot {height:21px; background:url(/images/common/box_bot_400.png); _background:url(/images/common/box_bot_400.gif);} ol.box420 {width:430px;} ol.box420 li.top {height:15px; background:url(/images/common/box_top_420.png); _background:url(/images/common/box_top_420.gif);} ol.box420 li.mid {padding:0 34px 0 31px; background:url(/images/common/box_mid_420.png); _background:url(/images/common/box_mid_420.gif);} ol.box420 li.bot {height:21px; background:url(/images/common/box_bot_420.png); _background:url(/images/common/box_bot_420.gif);} ol.box460 {width:470px;} ol.box460 li.top {height:15px; background:url(/images/common/box_top_460.png); _background:url(/images/common/box_top_460.gif);} ol.box460 li.mid {padding:0 34px 0 31px; background:url(/images/common/box_mid_460.png); _background:url(/images/common/box_mid_460.gif);} ol.box460 li.bot {height:21px; background:url(/images/common/box_bot_460.png); _background:url(/images/common/box_bot_460.gif);} ol.box560 {width:570px;} ol.box560 li.top {height:15px; background:url(/images/common/box_top_560.png); _background:url(/images/common/box_top_560.gif);} ol.box560 li.mid {padding:0 34px 0 31px; background:url(/images/common/box_mid_560.png); _background:url(/images/common/box_mid_560.gif);} ol.box560 li.bot {height:21px; background:url(/images/common/box_bot_560.png); _background:url(/images/common/box_bot_560.gif);} ol li.boxCenter {text-align:center; padding:0 15px;} ol li.mid h2 {padding-top:14px; text-align:center;} ol li.mid h2.ht50 {height:50px;} ol li.mid .boxClose {padding-top:12px; text-align:right;} ol li.mid .boxBrd2 {border-top:2px solid #F8F8F8; border-bottom:2px solid #F8F8F8;} ol li.mid .boxBrd1 {border-top:1px solid #EEE; border-bottom:1px solid #EEE;} ol li.mid .boxMsg {padding:15px; text-align:center;} ol li.mid p.boxButton {height:60px; padding-top:18px;} ol li.mid p.boxButton * {vertical-align:middle;} #zipSearch {position:absolute;} #zipResult span {display:inline-block; text-align:center;} #zipResult span.left {width:80px;} #zipResult span.right {width:258px;} #zipResult span.right a:hover {text-decoration:underline;} #zipResult div.title {height:18px; padding-top:10px; text-align:left; border-top:1px solid #EEE; border-bottom:1px solid #EEE; background:#FCFCFC;} #zipResult ol {height:120px; padding-top:10px; overflow:auto;} #zipResult ol li {height:25px; text-align:left;} #zipResult ol li * {vertical-align:top;} #idCheck {position:absolute;} #idResult {border-top:1px solid #EEE; border-bottom:1px solid #EEE;} /************************************************************************************************** * * ABOUT FRANCHISE * **************************************************************************************************/ #offline_wrap {width:790px; padding:97px 75px 50px; border-top:2px solid #C90016;} #offline_join {width:738px; height:652px; border:7px solid #EEE; padding:10px 8px 50px 30px; margin-top:50px;} #offline_join p.close {text-align:right;} #offline_join table.edit {width:720px;} #offline_join table.edit th.line {padding:9px 0 0 10px; border-bottom:1px solid #EEE; text-align:left; vertical-align:top;} #offline_join table.edit th.none {padding:9px 0 0 10px; text-align:left; vertical-align:top;} #offline_join table.edit td.line {padding:7px 0 5px; border-bottom:1px solid #EEE;} #offline_join table.edit td.none {padding:7px 0 5px;} #offline_join table.edit td.none textarea {background-color:#EEE;} #offline_join table.edit td p {padding-top:15px;} #offline_join p.button {width:720px; padding-top:21px; text-align:right;} .brdNone {border:none;} a.moveTop {display:block; width:123px; height:12px; background:#FFF url(/images/swf/offview/text_images/offshop_button.jpg) no-repeat bottom;} a.moveTop:hover {background:#FFF url(/images/swf/offview/text_images/offshop_button.jpg) no-repeat;} span.moveTop {display:block; width:123px; height:12px; background:#FFF url(/images/swf/offview/text_images/offshop_button.jpg) no-repeat;} a.moveBot {display:block; width:149px; height:12px; background:#FFF url(/images/swf/offview/text_images/offfranchise_button.jpg) no-repeat bottom;} a.moveBot:hover {background:#FFF url(/images/swf/offview/text_images/offfranchise_button.jpg) no-repeat;} span.moveBot {display:block; width:149px; height:12px; background:#FFF url(/images/swf/offview/text_images/offfranchise_button.jpg) no-repeat;} /************************************************************************************************** * * CLASS SELECTOR * **************************************************************************************************/ input.inputBrd, textarea.inputBrd {padding:3px 3px 3px; font-size:8pt; border:1px solid #EEE;} input.on, textarea.on {border:1px solid #C90016;} .dsp_none {display:none;} .text_hidden {position:absolute; width:0; height:0; overflow:hidden; visibility:hidden; z-index:-1;} .vsblt_hidden {visibility:hidden;} .outHidden {position:absolute; top:-500%; left:-500%; z-index:-1;} .imgFix, .over_hidden {overflow:hidden;} *.imgFix img {width:100%;} .alpha {opacity:0.6; filter:alpha(opacity:60);} .alpha30 {opacity:0.3; filter:alpha(opacity:30);} .clearFix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} .clearFix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearFix {height:1%;} .clearFix { display:block;} /* End hide from IE-mac */ .flt_left {float:left;} .flt_right {float:right;} .fnt_bold {font-weight:bold;} .fnt_red {color:#C90016;} .fnt_dark {color:#333;} .txt_right {text-align:right;} .txt_center {text-align:center;} .test_brd {border:solid 1px #888;} .test_bg {background-color: #888; opacity:0.5; filter:alpha(opacity:50);} .loading {position:relative; width:100%; background:transparent url(/images/common/ajax-loader.gif) no-repeat center center; filter:alpha(opacity:70); opacity:0.7;} .input_kor {ime-mode:active;} .input_eng {ime-mode:disabled;} table tr.trSelect {background-color:#FAFAFA;} /*************************************************************************************************/