@charset "utf-8"; /* 아라바몰 추가 { */ @import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css); @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* } 아라바몰 추가 */ /* font-family:"Noto Sans KR",malgun gothic,dotum,sans-serif; */ /* 초기화 */ html {overflow-y:scroll} body {margin:0;padding:0; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; font-family:dotum; background:#eee; } /* 아라바몰 수정 */ @media screen and (min-width:1024px) { body { font-size:0.75em; } } @media screen and (max-width:1023px) { body { font-size:0.875em; } } html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0} h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:dotum} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block} ul, ol, li {margin:0;padding:0;list-style:none} /* 아라바몰 수정 */ dl, dt, dd {margin:0;padding:0;} /* 아라바몰 추가 */ legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} label, input, button, select, img {vertical-align:middle} input, button {margin:0;padding:0;font-family:dotum;font-size:1em} button {cursor:pointer} /* 아라바몰 추가 { */ input[type=text], input[type=password], input[type=submit], input[type=image], input[type=button], input[type=email], button {border-radius:0;font-size:1em;-webkit-appearance:none} /* } 아라바몰 추가 */ textarea, select {font-family:dotum;font-size:1em} select {margin:0} p {margin:0;padding:0;word-break:break-all} hr {display:none} pre {overflow-x:scroll;font-size:1.1em} a:link, a:visited {color:#000;text-decoration:none} a:hover, a:focus, a:active {color:#000;text-decoration:underline} /* 아라바몰 추가 { */ .arb_lstBd0 { border:0 !important; } .arb_ml-1px { margin-left:-1px !important; } .arb_mr0 { margin-right:0 !important; } .arb_txtRed { color:#ff0000 !important; } .arb_txtBlack { color:#000 !important; } #layerPopup_area { position:fixed; top:0; left:0; width:800px; height:673px; z-index:1200; } /* } 아라바몰 추가 */ /* 팝업레이어(아라바몰 수정) */ @media screen and (min-width:1024px) { #m_hd_pop { display:none; } #hd_pop {z-index:1400; position:absolute; } #hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops {position:absolute; background:#fff} .hd_pops_con {} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} } @media screen and (max-width:1023px) { #hd_pop { display:none; } #m_hd_pop { position:absolute; margin:10px; z-index:1400; } #m_hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #m_hd_pop .hd_pops { margin:0 auto; } .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right} .hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff} } /* PC, 태블릿 */ @media screen and (min-width:1024px) { .arb_h24px { font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:2em; } .arb_h32px { margin-bottom:13px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:2.667em; } select { border:1px solid #ccc; border-radius:0; } } /* 모바일/태블릿(아라바몰 추가) */ @media screen and (max-width:1023px) { img { width:inherit; max-width:100%; height:auto; } .frm_input { border:1px solid #ccc; background:#f8f8f8; } select { border:1px solid #ccc; border-radius:0; } } /********** 상단 레이아웃 (아라바몰 수정) { **********/ .hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} /* PC, 태블릿 */ @media screen and (min-width:1024px) { #m_hd { display:none; } #hd { width:100%; height:110px; background:#000; z-index:500; } #hd a:focus, #hd a:hover { text-decoration:none; } #sch_str { padding:0 10px; border:0; font-size:1.333em; font-weight:bold;color:#333; line-height:1.9em !important; line-height:1.6em; background:#fff; } /* {width:calc(100% - 237px);} */ #logo { width:236px; height:110px; border-right:1px solid #333; float:left; text-align:center; } #logo img { position:absolute; } #logo .hd_logo { top:12px; left:18px; } #logo .hd_logo_txt { top:34px; left:108px; } #sch_wrap { position:absolute; right:0; z-index:550; } #sch_wrap h3 {position:absolute;font-size:0;line-height:0;overflow:hidden } #sch_wrap .language { height:35px; margin-bottom:1px; } #sch_wrap .language a { width:80px; height:36px; display:block; float:right;color:#898989; text-align:center; line-height:3.000em; background:#333; } #sch_wrap .hd_sch { height:74px; } #sch_wrap .hd_sch:after { display:block; visibility:hidden; clear:both; content:"" } #sch_wrap .hd_sch div { float:left; display:none; background:#000; } #sch_wrap .hd_sch div #sch_str { height:45px; margin-right:-4px; color:#fff; background:#000; } #sch_wrap .hd_sch div #sch_str::-ms-clear { display:none; } #sch_wrap .hd_sch div #sch_submit { width:74px; height:74px; } #sch_wrap .hd_sch .sch_oc { width:79px; height:74px; border-left:1px solid #333; display:block; font-size:0; line-height:0; float:right; background:url('/theme/arabamall/shop/images/header/hd_btn_zoom.png') center no-repeat; } #sch_wrap .hd_sch .sch_oc.active { border:0; background:url('/theme/arabamall/shop/images/header/hd_btn_sc_close.png') center no-repeat; } #menu_wrap { float:left; } #menu_wrap .tnb { height:35px; border-bottom:1px solid #333; } #menu_wrap .tnb h3 {position:absolute;font-size:0;line-height:0;overflow:hidden; } #menu_wrap .tnb ul { float:right; zoom:1; } #menu_wrap .tnb ul:after {display:block;visibility:hidden;clear:both;content:""} #menu_wrap .tnb li { padding-right:48px; float:left; line-height:2.917em; color:#898989; } #menu_wrap .tnb li b { color:#fff; } #menu_wrap .tnb a {display:inline-block; height:35px; color:#898989; letter-spacing:0em; } #menu_wrap .tnb a:focus, #menu_wrap .tnb a:hover { color:#acacac; } #menu_wrap .tnb a.language { background:#333; } #arb_gnb { height:74px; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; } #arb_gnb h3 { position:absolute;font-size:0;line-height:0;overflow:hidden; } #arb_gnb > ul { zoom:1; } #arb_gnb > ul:after {display:block;visibility:hidden;clear:both;content:""} /* #arb_gnb > ul > li { width:16.5%; height:74px; border-right:1px solid #333; float:left; text-align:center; } */ #arb_gnb > ul > li { width:14%; height:74px; float:left; text-align:center; background:url('/theme/arabamall/shop/images/header/bg_dot_333.gif') right repeat-y; } #arb_gnb > ul > li.ex { width:16%; background:none; } #arb_gnb > ul > li > a { width:100%; height:74px; display:block; font-size:1.333em; color:#fff; line-height:4.5em; } #arb_gnb > ul > li > a:focus { color:#f7d117; } #arb_gnb > ul > li > a:hover { color:#acacac; } /* #arb_gnb .sub_wrap == #arb_gnb > ul > li > div */ #arb_gnb .sub_wrap { position:absolute; top:109px; left:0; width:100%; display:none; z-index:550; } #arb_gnb .sub_wrap > p { width:100%; height:15px; background:url('/theme/arabamall/shop/images/header/hd_underline_sdw.png'); } #arb_gnb .sub_wrap > div { width:100%; padding:40px 0 60px; background:#1b1b1b; } #arb_gnb .sub_wrap > div > ul { width:1198px; margin:0 auto; padding-bottom:42px; border:1px solid #333; } #arb_gnb .sub_wrap > div > ul:after {display:block;visibility:hidden;clear:both;content:""} #arb_gnb .sub_wrap > div > ul > li { width:12.5%; float:left; } #arb_gnb .sub_wrap > div > ul > li > div { width:100%; height:114px; margin-right:-1px; border-right:1px solid #333; border-bottom:1px solid #333; } #arb_gnb .sub_wrap > div > ul > li > div a { width:100%; height:114px; display:block; font-size:0; line-height:0; } #arb_gnb .sub_wrap > div > ul > li > ul { border-left:1px solid #333; } #arb_gnb .sub_wrap > div > ul > li > ul li { width:100%; height:42px; margin-right:-1px; border-right:1px solid #333; border-bottom:1px solid #333; line-height:42px; } #arb_gnb .sub_wrap > div > ul > li > ul li a { width:100%; height:42px; display:block; font-size:1.167em; color:#d7d7d7; background:url('/theme/arabamall/shop/images/header/icon_r_tab.gif') right no-repeat; } #arb_gnb .sub_wrap > div > ul > li > ul li a:hover { color:#d7d7d7; background:#333 url('/theme/arabamall/shop/images/header/icon_r_tab.gif') right no-repeat; } /* 서브 메뉴: 오일/케미컬 */ /* #arb_gnb .arb_im_olCmc == #arb_gnb .sub_wrap > div */ #arb_gnb .arb_im_olCmc > ul { } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc01 { background:url('/theme/arabamall/shop/images/header/im_oc01.png') no-repeat; } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc01:hover { background:url('/theme/arabamall/shop/images/header/im_oc01_on.png') no-repeat; } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc01:visited { ackground:url('/theme/arabamall/shop/images/header/im_oc01.png') no-repeat; } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc02 { background:url('/theme/arabamall/shop/images/header/im_oc02.png') no-repeat center; } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc02:hover { background:url('/theme/arabamall/shop/images/header/im_oc02_on.png') no-repeat center; } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc02:visited { background:url('/theme/arabamall/shop/images/header/im_oc02.png') no-repeat center; } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc03 { background:url('/theme/arabamall/shop/images/header/im_oc03.png') no-repeat center; } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc03:hover { background:url('/theme/arabamall/shop/images/header/im_oc03_on.png') no-repeat center; } #arb_gnb .arb_im_olCmc > ul > li > div a.im_oc03:visited { background:url('/theme/arabamall/shop/images/header/im_oc03.png') no-repeat center; } /* 서브 메뉴: 튜닝/레이싱 */ #arb_gnb .arb_im_tnRc > ul { } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr01 { background:url('/theme/arabamall/shop/images/header/im_tr01.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr01:hover { background:url('/theme/arabamall/shop/images/header/im_tr01_on.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr01:visited { background:url('/theme/arabamall/shop/images/header/im_tr01.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr02 { background:url('/theme/arabamall/shop/images/header/im_tr02.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr02:hover { background:url('/theme/arabamall/shop/images/header/im_tr02_on.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr02:visited { background:url('/theme/arabamall/shop/images/header/im_tr02.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr03 { background:url('/theme/arabamall/shop/images/header/im_tr03.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr03:hover { background:url('/theme/arabamall/shop/images/header/im_tr03_on.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr03:visited { background:url('/theme/arabamall/shop/images/header/im_tr03.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr04 { background:url('/theme/arabamall/shop/images/header/im_tr04.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr04:hover { background:url('/theme/arabamall/shop/images/header/im_tr04_on.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr04:visited { background:url('/theme/arabamall/shop/images/header/im_tr04.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr05 { background:url('/theme/arabamall/shop/images/header/im_tr05.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr05:hover { background:url('/theme/arabamall/shop/images/header/im_tr05_on.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr05:visited { background:url('/theme/arabamall/shop/images/header/im_tr05.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr06 { background:url('/theme/arabamall/shop/images/header/im_tr06.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr06:hover { background:url('/theme/arabamall/shop/images/header/im_tr06_on.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr06:visited { background:url('/theme/arabamall/shop/images/header/im_tr06.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr07 { background:url('/theme/arabamall/shop/images/header/im_tr07.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr07:hover { background:url('/theme/arabamall/shop/images/header/im_tr07_on.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr07:visited { background:url('/theme/arabamall/shop/images/header/im_tr07.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr08 { background:url('/theme/arabamall/shop/images/header/im_tr08.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr08:hover { background:url('/theme/arabamall/shop/images/header/im_tr08_on.png') no-repeat; } #arb_gnb .arb_im_tnRc > ul > li > div a.im_tr08:visited { background:url('/theme/arabamall/shop/images/header/im_tr08.png') no-repeat; } /* 서브 메뉴: 휠/타이어 */ #arb_gnb .arb_im_whlTr > ul { } #arb_gnb .arb_im_whlTr > ul > li > div a.im_wt01 { background:url('/theme/arabamall/shop/images/header/im_wt01.png') no-repeat; } #arb_gnb .arb_im_whlTr > ul > li > div a.im_wt01:hover { background:url('/theme/arabamall/shop/images/header/im_wt01_on.png') no-repeat; } #arb_gnb .arb_im_whlTr > ul > li > div a.im_wt01:visited { background:url('/theme/arabamall/shop/images/header/im_wt01.png') no-repeat; } #arb_gnb .arb_im_whlTr > ul > li > div a.im_wt02 { background:url('/theme/arabamall/shop/images/header/im_wt02.png') no-repeat center; } #arb_gnb .arb_im_whlTr > ul > li > div a.im_wt02:hover { background:url('/theme/arabamall/shop/images/header/im_wt02_on.png') no-repeat center; } #arb_gnb .arb_im_whlTr > ul > li > div a.im_wt02:visited { background:url('/theme/arabamall/shop/images/header/im_wt02.png') no-repeat center; } /* 서브 메뉴: 실내/외용품 */ #arb_gnb .arb_im_inex > ul { } #arb_gnb .arb_im_inex > ul > li > div a.im_inex01 { background:url('/theme/arabamall/shop/images/header/im_inex01.png') no-repeat; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex01:hover { background:url('/theme/arabamall/shop/images/header/im_inex01_on.png') no-repeat; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex01:visited { background:url('/theme/arabamall/shop/images/header/im_inex01.png') no-repeat; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex02 { background:url('/theme/arabamall/shop/images/header/im_inex02.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex02:hover { background:url('/theme/arabamall/shop/images/header/im_inex02_on.png') no-repeat; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex02:visited { background:url('/theme/arabamall/shop/images/header/im_inex02.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex03 { background:url('/theme/arabamall/shop/images/header/im_inex03.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex03:hover { background:url('/theme/arabamall/shop/images/header/im_inex03_on.png') no-repeat; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex03:visited { background:url('/theme/arabamall/shop/images/header/im_inex03.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex04 { background:url('/theme/arabamall/shop/images/header/im_inex04.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex04:hover { background:url('/theme/arabamall/shop/images/header/im_inex04_on.png') no-repeat; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex04:visited { background:url('/theme/arabamall/shop/images/header/im_inex04.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex05 { background:url('/theme/arabamall/shop/images/header/im_inex05.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex05:hover { background:url('/theme/arabamall/shop/images/header/im_inex05_on.png') no-repeat; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex05:visited { background:url('/theme/arabamall/shop/images/header/im_inex05.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex06 { background:url('/theme/arabamall/shop/images/header/im_inex06.png') no-repeat center; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex06:hover { background:url('/theme/arabamall/shop/images/header/im_inex06_on.png') no-repeat; } #arb_gnb .arb_im_inex > ul > li > div a.im_inex06:visited { background:url('/theme/arabamall/shop/images/header/im_inex06.png') no-repeat center; } /* 서브 메뉴: 램프/조명 */ #arb_gnb .arb_im_lpltn > ul { } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn01 { background:url('/theme/arabamall/shop/images/header/im_lpltn01.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn01:hover { background:url('/theme/arabamall/shop/images/header/im_lpltn01_on.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn01:visited { background:url('/theme/arabamall/shop/images/header/im_lpltn01.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn02 { background:url('/theme/arabamall/shop/images/header/im_lpltn02.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn02:hover { background:url('/theme/arabamall/shop/images/header/im_lpltn02_on.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn02:visited { background:url('/theme/arabamall/shop/images/header/im_lpltn02.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn03 { background:url('/theme/arabamall/shop/images/header/im_lpltn03.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn03:hover { background:url('/theme/arabamall/shop/images/header/im_lpltn03_on.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn03:visited { background:url('/theme/arabamall/shop/images/header/im_lpltn03.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn04 { background:url('/theme/arabamall/shop/images/header/im_lpltn04.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn04:hover { background:url('/theme/arabamall/shop/images/header/im_lpltn04_on.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn04:visited { background:url('/theme/arabamall/shop/images/header/im_lpltn04.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn05 { background:url('/theme/arabamall/shop/images/header/im_lpltn05.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn05:hover { background:url('/theme/arabamall/shop/images/header/im_lpltn05_on.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn05:visited { background:url('/theme/arabamall/shop/images/header/im_lpltn05.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn06 { background:url('/theme/arabamall/shop/images/header/im_lpltn06.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn06:hover { background:url('/theme/arabamall/shop/images/header/im_lpltn06_on.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn06:visited { background:url('/theme/arabamall/shop/images/header/im_lpltn06.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn07 { background:url('/theme/arabamall/shop/images/header/im_lpltn07.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn07:hover { background:url('/theme/arabamall/shop/images/header/im_lpltn07_on.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn07:visited { background:url('/theme/arabamall/shop/images/header/im_lpltn07.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn08 { background:url('/theme/arabamall/shop/images/header/im_lpltn08.png') no-repeat center; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn08:hover { background:url('/theme/arabamall/shop/images/header/im_lpltn08_on.png') no-repeat; } #arb_gnb .arb_im_lpltn > ul > li > div a.im_lpltn08:visited { background:url('/theme/arabamall/shop/images/header/im_lpltn08.png') no-repeat center; } /* 서브 메뉴: 세차용품 */ #arb_gnb .arb_im_cln > ul { } #arb_gnb .arb_im_cln > ul > li > div a.im_cln01 { background:url('/theme/arabamall/shop/images/header/im_cln01.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln01:hover { background:url('/theme/arabamall/shop/images/header/im_cln01_on.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln01:visited { background:url('/theme/arabamall/shop/images/header/im_cln01.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln02 { background:url('/theme/arabamall/shop/images/header/im_cln02.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln02:hover { background:url('/theme/arabamall/shop/images/header/im_cln02_on.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln02:visited { background:url('/theme/arabamall/shop/images/header/im_cln02.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln03 { background:url('/theme/arabamall/shop/images/header/im_cln03.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln03:hover { background:url('/theme/arabamall/shop/images/header/im_cln03_on.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln03:visited { background:url('/theme/arabamall/shop/images/header/im_cln03.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln04 { background:url('/theme/arabamall/shop/images/header/im_cln04.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln04:hover { background:url('/theme/arabamall/shop/images/header/im_cln04_on.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln04:visited { background:url('/theme/arabamall/shop/images/header/im_cln04.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln05 { background:url('/theme/arabamall/shop/images/header/im_cln05.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln05:hover { background:url('/theme/arabamall/shop/images/header/im_cln05_on.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln05:visited { background:url('/theme/arabamall/shop/images/header/im_cln05.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln06 { background:url('/theme/arabamall/shop/images/header/im_cln06.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln06:hover { background:url('/theme/arabamall/shop/images/header/im_cln06_on.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln06:visited { background:url('/theme/arabamall/shop/images/header/im_cln06.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln07 { background:url('/theme/arabamall/shop/images/header/im_cln07.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln07:hover { background:url('/theme/arabamall/shop/images/header/im_cln07_on.png') no-repeat; } #arb_gnb .arb_im_cln > ul > li > div a.im_cln07:visited { background:url('/theme/arabamall/shop/images/header/im_cln07.png') no-repeat; } /* 서브 메뉴: 정비/부품(임시) */ #arb_gnb .arb_im_rpPt > ul { } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr01 { background:url('/theme/arabamall/shop/images/header/im_tr01.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr01:hover { background:url('/theme/arabamall/shop/images/header/im_tr01_on.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr01:visited { background:url('/theme/arabamall/shop/images/header/im_tr01.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr02 { background:url('/theme/arabamall/shop/images/header/im_tr02.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr02:hover { background:url('/theme/arabamall/shop/images/header/im_tr02_on.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr02:visited { background:url('/theme/arabamall/shop/images/header/im_tr02.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr03 { background:url('/theme/arabamall/shop/images/header/im_tr03.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr03:hover { background:url('/theme/arabamall/shop/images/header/im_tr03_on.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr03:visited { background:url('/theme/arabamall/shop/images/header/im_tr03.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr04 { background:url('/theme/arabamall/shop/images/header/im_tr04.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr04:hover { background:url('/theme/arabamall/shop/images/header/im_tr04_on.png') no-repeat; } #arb_gnb .arb_im_rpPt > ul > li > div a.im_tr04:visited { background:url('/theme/arabamall/shop/images/header/im_tr04.png') no-repeat; } /* 서브 메뉴: 부위별메뉴 */ #arb_gnb div.arb_im_ptmn { padding:0; background:#a1a1a1; } #arb_gnb div.arb_im_ptmn > div#parts_menu { } #parts_menu { position:relative; width:1200px; height:543px; margin:0 auto; background:url('/theme/arabamall/shop/images/header/pm_bg.png') no-repeat; } #parts_menu > div { position:absolute; } #parts_menu > div > a { width:32px; height:32px; display:block; overflow:hidden; font-size:0; line-height:0; background:url('/theme/arabamall/shop/images/header/pm_circle.png') no-repeat; } #parts_menu > div > a:hover { background:url('/theme/arabamall/shop/images/header/pm_circle_on.png') no-repeat; z-index:600; } #parts_menu > div > a.on { background:url('/theme/arabamall/shop/images/header/pm_circle_on.png') no-repeat; } #parts_menu > div > div { position:absolute; opacity:0.9; z-index:700; } #parts_menu > div > .pm_tl { display:none; padding-left:12px; background:url('/theme/arabamall/shop/images/header/pm_tl.png') left center no-repeat; } #parts_menu > div > .pm_tr { display:none; padding-right:12px; background:url('/theme/arabamall/shop/images/header/pm_tr.png') right center no-repeat; } #parts_menu > div > div > a { position:absolute; top:0; width:30px; height:30px; display:block; overflow:hidden; font-size:0; line-height:0; background:url('/theme/arabamall/shop/images/header/pm_x.png') no-repeat; } #parts_menu > div > .pm_tl > a { right:0; } #parts_menu > div > .pm_tr > a { right:12px; } #parts_menu > div > div dl { padding:30px; background:#000; } #parts_menu > div > div dt { width:149px; height:114px; border:1px solid #333; overflow:hidden; font-size:0; line-height:0; } #parts_menu > div > div dd a { width:149px; height:42px; border:1px solid #333; border-top:0; display:block; font-size:1.167em; line-height:3em; color:#d7d7d7; background:url('/theme/arabamall/shop/images/header/icon_r_tab.gif') right no-repeat; } #parts_menu > div > div dd a:hover { color:#d7d7d7; background:#333 url('/theme/arabamall/shop/images/header/icon_r_tab.gif') right no-repeat; } /****** 부위별 버튼 위치는 좌측 기준에서 순차적으로 ******/ /* 견인고리 */ #parts_menu .pmslt_01 { left:25px; top:328px; } #parts_menu .pmslt_01 > div { top:-94px; left:34px; } #parts_menu .pmslt_01 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr08_on.png') no-repeat; } /* 쿨러 */ #parts_menu .pmslt_02 { left:107px; top:377px; } #parts_menu .pmslt_02 > div { top:-115px; left:34px; } #parts_menu .pmslt_02 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr03_on.png') no-repeat; } /* 흡기 */ #parts_menu .pmslt_03 { left:150px; top:271px; } #parts_menu .pmslt_03 > div { top:-180px; left:34px; } #parts_menu .pmslt_03 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr04_on.png') no-repeat; } /* 엔진오일/미션오일 */ #parts_menu .pmslt_04 { left:162px; top:198px; } #parts_menu .pmslt_04 > div { top:-115px; left:34px; } #parts_menu .pmslt_04 > div dt { background:url('/theme/arabamall/shop/images/header/im_oc01_on.png') no-repeat; } /* 샴푸/폴리쉬/광택제/왁스/실런트 */ #parts_menu .pmslt_05 { left:304px; top:189px; } #parts_menu .pmslt_05 > div { top:-74px; left:34px; } #parts_menu .pmslt_05 > div div { width:451px; padding:30px; background:#000; } #parts_menu .pmslt_05 > div div a { width:149px; height:114px; border:1px solid #333; border-right:0; display:inline-block; overflow:hidden; font-size:0; line-height:0; } #parts_menu .pmslt_05 > div div .im_cln02 { background:url('/theme/arabamall/shop/images/header/im_cln02_on.png') no-repeat; } #parts_menu .pmslt_05 > div div .im_cln03 { margin-left:-4px; background:url('/theme/arabamall/shop/images/header/im_cln03_on.png') no-repeat; } #parts_menu .pmslt_05 > div div .im_cln05 { margin-left:-4px; border-right:1px solid #333; background:url('/theme/arabamall/shop/images/header/im_cln05_on.png') no-repeat; } /* 유리세척제 */ #parts_menu .pmslt_06 { left:342px; top:133px; } #parts_menu .pmslt_06 > div { top:-74px; left:34px; } #parts_menu .pmslt_06 > div div { padding:30px; background:#000; } #parts_menu .pmslt_06 > div div a { width:149px; height:114px; border:1px solid #333; display:block; overflow:hidden; font-size:0; line-height:0; background:url('/theme/arabamall/shop/images/header/im_cln04_on.png') no-repeat; } /* 게이지 */ #parts_menu .pmslt_07 { left:415px; top:145px; } #parts_menu .pmslt_07 > div { top:-94px; left:34px; } #parts_menu .pmslt_07 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr06_on.png') no-repeat; } /* 휠/타이어 */ #parts_menu .pmslt_08 { left:444px; top:415px; } #parts_menu .pmslt_08 > div { top:-200px; left:34px; background-position:left 205px; } #parts_menu .pmslt_08 > div div { width:361px; padding:30px; background:#000; } #parts_menu .pmslt_08 > div div a { width:149px; height:114px; border:1px solid #333; border-right:0; display:inline-block; overflow:hidden; font-size:0; line-height:0; } #parts_menu .pmslt_08 > div div .wheel { margin-left:-4px; background:url('/theme/arabamall/shop/images/header/im_wt01_on.png') no-repeat; } #parts_menu .pmslt_08 > div div .tire { margin-left:-4px; border-right:1px solid #333; background:url('/theme/arabamall/shop/images/header/im_wt02_on.png') no-repeat; } /* 서스펜션/스프링 */ #parts_menu .pmslt_09 { left:463px; top:247px; } #parts_menu .pmslt_09 > div { top:-115px; left:34px; } #parts_menu .pmslt_09 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr02_on.png') no-repeat; } /* 브레이크/브레이크액 */ #parts_menu .pmslt_10 { left:487px; top:322px; } #parts_menu .pmslt_10 > div { top:-200px; left:34px; background-position:left 205px; } #parts_menu .pmslt_10 > div > div { width:361px; height:348px; background:#000; } #parts_menu .pmslt_10 > div > div dl { position:absolute; top:30px; padding:0; } #parts_menu .pmslt_10 > div > div dl.brake { left:42px; width:151px; } #parts_menu .pmslt_10 > div > div dl.brake dt { background:url('/theme/arabamall/shop/images/header/im_tr01_on.png') no-repeat; } #parts_menu .pmslt_10 > div > div dl.fluid { right:31px; width:150px; } #parts_menu .pmslt_10 > div > div dl.fluid dt { background:url('/theme/arabamall/shop/images/header/im_oc02_on.png') no-repeat; } /* 핸들 */ #parts_menu .pmslt_11 { left:503px; top:137px; } #parts_menu .pmslt_11 > div { top:-94px; left:34px; } #parts_menu .pmslt_11 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr08_on.png') no-repeat; } /* 버킷시트/하네스 */ #parts_menu .pmslt_12 { left:617px; top:117px; } #parts_menu .pmslt_12 > div { top:-65px; left:34px; background-position:left 70px; } #parts_menu .pmslt_12 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr05_on.png') no-repeat; } /* 윈도우넷 */ #parts_menu .pmslt_13 { left:699px; top:133px; } #parts_menu .pmslt_13 > div { top:-94px; left:34px; } #parts_menu .pmslt_13 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr08_on.png') no-repeat; } /* 휠클리너 */ #parts_menu .pmslt_14 { left:804px; top:336px; } #parts_menu .pmslt_14 > div { top:-74px; left:34px; } #parts_menu .pmslt_14 > div div { padding:30px; background:#000; } #parts_menu .pmslt_14 > div div a { width:149px; height:114px; border:1px solid #333; display:block; overflow:hidden; font-size:0; line-height:0; background:url('/theme/arabamall/shop/images/header/im_cln01_on.png') no-repeat; } /* 장갑 */ #parts_menu .pmslt_15 { left:1051px; top:290px; } #parts_menu .pmslt_15 > div { top:-94px; left:-225px; } #parts_menu .pmslt_15 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr07_on.png') no-repeat; } /* 한스 */ #parts_menu .pmslt_16 { left:1084px; top:105px; } #parts_menu .pmslt_16 > div { top:-44px; left:-225px; background-position:right 49px; } #parts_menu .pmslt_16 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr05_on.png') no-repeat; } /* 헬멧 */ #parts_menu .pmslt_17 { left:1090px; top:33px; } #parts_menu .pmslt_17 > div { top:0; left:-225px; background-position:right 5px; } #parts_menu .pmslt_17 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr07_on.png') no-repeat; } /* 슈트 */ #parts_menu .pmslt_18 { left:1111px; top:163px; } #parts_menu .pmslt_18 > div { top:-93px; left:-225px; } #parts_menu .pmslt_18 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr07_on.png') no-repeat; } /* 슈즈 */ #parts_menu .pmslt_19 { left:1147px; top:458px; } #parts_menu .pmslt_19 > div { top:-170px; left:-225px; background-position:right 175px; } #parts_menu .pmslt_19 > div dt { background:url('/theme/arabamall/shop/images/header/im_tr07_on.png') no-repeat; } } /* 모바일/태블릿 */ @media screen and (max-width:1023px) { #hd, #hd_carparts { display:none; } #m_hd { width:100%; z-index:1150; } #m_hd header { position:fixed; width:100%; height:45px; background:#000; margin:0; z-index:1200; } #m_hd header:after { content:""; display:block; visibility:hidden; clear:both; } #m_hd header .m_logo { width:103px; height:45px; border-right:1px solid #333; float:left; } #m_hd header .m_menu { width:calc(100% - 242px); height:45px; float:left; text-align:center; } #m_hd header .m_menu > a { width:100%; height:45px; display:inline-block; text-indent:-99999px; background-image:url('/theme/arabamall/shop/images/header/mobile/m_btn_menu.png'); background-position:center; background-size:48px 45px; background-repeat:no-repeat; } #m_hd header .m_menu > a.m_menu_on { background-image:url('/theme/arabamall/shop/images/header/mobile/m_btn_menu_on.png'); } #m_hd header > ul { height:45px; float:left; } #m_hd header > ul > li { width:45px; border-left:1px solid #333; float:left; } #m_hd header > ul > li > a { width:45px; height:45px; display:block; } /* #m_hd header > ul li.m_menu_mypage */ #m_hd .m_menu_mypage { } #m_hd .m_menu_mypage > a { font-size:0; line-height:0; text-indent:-9999px; } #m_hd .m_menu_mypage > a.login { background-image:url('/theme/arabamall/shop/images/header/mobile/m_btn_tmenu_li.png'); background-size:45px; } #m_hd .m_menu_mypage > a.login.m_menu_on { background-image:url('/theme/arabamall/shop/images/header/mobile/m_btn_tmenu_li_on.png'); background-size:45px; } #m_hd .m_menu_mypage > a.logout { background-image:url('/theme/arabamall/shop/images/header/mobile/m_btn_tmenu_lo.png'); background-size:45px; } #m_hd .m_menu_mypage > a.logout.m_menu_on { background-image:url('/theme/arabamall/shop/images/header/mobile/m_btn_tmenu_lo_on.png'); background-size:45px; } /* #m_hd header > ul li.m_language */ #m_hd .m_language { } #m_hd .m_language > a { font-size:0; line-height:0; text-indent:-9999px; background-image:url('/theme/arabamall/shop/images/header/mobile/m_btn_lang.png'); background-size:45px; } #m_hd .m_language > a.m_lang_on { background-image:url('/theme/arabamall/shop/images/header/mobile/m_btn_lang_on.png'); background-size:45px; } #m_hd .m_language > div { position:absolute; top:45px; left:0; width:100%; padding:60px 0; display:none; text-align:center; background:#e1e1e1; z-index:1150; } #m_hd header #m_sch_wrap { position:absolute; top:0; left:0; width:100%; height:45px; display:none; background:#000; } #m_hd header #m_sch_wrap h2 { position:absolute; overflow:hidden; text-indent:-9999px; font-size:0; line-height:0; } #m_hd header #m_sch_wrap #m_sch_submit { position:absolute; left:0; width:45px; height:auto; } #m_hd header #m_sch_wrap div { position:absolute; left:45px; width:calc(100% - 90px); height:45px; } #m_hd header #m_sch_wrap div #m_sch_str { width:100%; height:40px; margin-top:2px; border:0; color:#fff; background:#000; } #m_hd header #m_sch_wrap a { position:absolute; right:0; width:45px; height:45px; font-size:0; line-height:0; background:url('/theme/arabamall/shop/images/header/mobile/m_btn_x.png') no-repeat; background-size:45px 45px; } /* #m_hd > #nav_wrap > .m_gnb_wrap {} */ #m_hd .m_gnb_wrap { position:fixed; top:45px; width:100%; display:none; overflow:hidden; background:#333; z-index:1150; } #m_hd .m_gnb_wrap ul { position:relative; height:45px; } #m_hd .m_gnb_wrap ul:after { content:""; display:block; visibility:hidden; clear:both; } #m_hd .m_gnb_wrap li { padding:14px 15px; float:left; font-weight:bold; text-align:center; } #m_hd .m_gnb_wrap a { color:#fff; } #m_hd .m_gnb_wrap a.m_cpts { color:#f7d117; } #m_hd .m_gnb_wrap a:hover { text-decoration:none; color:#f7d117; } /* #m_hd > #nav_wrap > nav {} */ #m_hd nav { position:absolute; top:90px; width:calc(100% - 20px); padding:0 10px 30px 10px; display:none; overflow:auto; background:#333; z-index:1150; } #m_hd nav a { color:#fff; } #m_hd nav a:hover { text-decoration:none; color:#f7d117; } #m_hd nav > div { } /* 차종별 부품조회 */ #m_hd nav ul { width:100%; border:1px solid #666; } #m_hd nav ul:after { content:""; display:block; visibility:hidden; clear:both; } #m_hd nav li { width:calc(33% - 1px); border-right:1px solid #666; float:left; } #m_hd nav li:nth-child(3n-1) { width:calc(34% - 1px); } #m_hd nav li:nth-child(3n) { border:0; } #m_hd nav dl { } #m_hd nav dt { } #m_hd nav dt a, #m_hd nav li > a { width:100%; height:100px; border-bottom:4px solid #f7d117; display:block; font-size:0; line-height:0; background-position:center; background-size:100px 62px; background-repeat:no-repeat; } #m_hd nav dd { height:40px; margin-bottom:-1px; border-bottom:1px solid #666; color:#fff; font-size:1.083em; text-align:center; line-height:3.333em; } /* #m_hd > #nav_wrap > nav dt a */ #m_hd nav .m_im_oc01 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_oc01.png'); } #m_hd nav .m_im_oc02 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_oc02.png'); } #m_hd nav .m_im_oc03 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_oc03.png'); } #m_hd nav .m_im_tr01 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_tr01.png'); } #m_hd nav .m_im_tr02 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_tr02.png'); } #m_hd nav .m_im_tr03 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_tr03.png'); } #m_hd nav .m_im_tr04 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_tr04.png'); } #m_hd nav .m_im_tr05 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_tr05.png'); } #m_hd nav .m_im_tr06 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_tr06.png'); } #m_hd nav .m_im_tr07 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_tr07.png'); } #m_hd nav .m_im_tr08 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_tr08.png'); } #m_hd nav .m_im_inex01 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_inex01.png'); } #m_hd nav .m_im_inex02 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_inex02.png'); } #m_hd nav .m_im_inex03 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_inex03.png'); } #m_hd nav .m_im_inex04 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_inex04.png'); } #m_hd nav .m_im_inex05 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_inex05.png'); } #m_hd nav .m_im_inex06 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_inex06.png'); } #m_hd nav .m_im_lpltn01 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_lpltn01.png'); } #m_hd nav .m_im_lpltn02 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_lpltn02.png'); } #m_hd nav .m_im_lpltn03 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_lpltn03.png'); } #m_hd nav .m_im_lpltn04 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_lpltn04.png'); } #m_hd nav .m_im_lpltn05 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_lpltn05.png'); } #m_hd nav .m_im_lpltn06 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_lpltn06.png'); } #m_hd nav .m_im_lpltn07 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_lpltn07.png'); } #m_hd nav .m_im_lpltn08 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_lpltn08.png'); } /* #m_hd nav li > a */ #m_hd nav .m_im_wt01 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_wt01.png'); } #m_hd nav .m_im_wt02 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_wt02.png'); } #m_hd nav .m_im_cln01 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_cln01.png'); } #m_hd nav .m_im_cln02 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_cln02.png'); } #m_hd nav .m_im_cln03 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_cln03.png'); } #m_hd nav .m_im_cln04 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_cln04.png'); } #m_hd nav .m_im_cln05 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_cln05.png'); } #m_hd nav .m_im_cln06 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_cln06.png'); } #m_hd nav .m_im_cln07 { background-image:url('/theme/arabamall/shop/images/header/mobile/m_cln07.png'); } #m_lightboxOverlay { position:absolute; top:0; left:0; width:100%; display:none; background:#000; opacity:0.7; z-index:1100; } } /********** } 상단 레이아웃(아라바몰 수정) **********/ /********** 차종별 부품조회(아라바몰 추가) { **********/ /* 메인 페이지 { */ #cps_wrap h3, #cps_wrap select, #cps_wrap input { font-family:"Noto Sans KR",malgun gothic,dotum,sans-serif; } #cps_wrap h4 { position:absolute; overflow:hidden; font-size:0; line-height:0; } #cps_wrap label { position:absolute; font-size:0; line-height:0; text-indent:-99999px; } #cps_wrap input[type="submit"] { border:0; font-size:0; line-height:0; text-indent:-99999px; cursor:pointer; } #cps_wrap .vehicle_wrap #vhc_submit { display:none; width:100%; height:40px; background:#f7d117 url('/theme/arabamall/shop/images/main/bg_btn_search.png') center/56px auto no-repeat; } @media screen and (min-width:1024px) { #cps_wrap { width:calc(100% - 601px); border-left:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; background:#cccccc; } #cps_wrap h3 { height:98px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; text-align:center; line-height:98px; font-size:36px; font-weight:300; } #cps_wrap form { height:441px; border-bottom:1px solid #d7d7d7; border-left:1px solid #d7d7d7; border-top:1px solid #c2c2c2; } #cps_wrap .oemnum_wrap { padding:20px 20px 10px 20px; } #cps_wrap .oemnum_wrap #oem_code { width:calc(100% - 51px); height:38px; padding-left:5px; border:1px solid #f7d117; font-size:14px; font-weight:300; color:#888; } #cps_wrap .oemnum_wrap #oem_submit { width:40px; height:40px; background-image:url('/theme/arabamall/shop/images/main/btn_oem_search.gif'); background-size:40px; } #cps_wrap .vehicle_wrap { padding:0 20px; } #cps_wrap .vehicle_wrap #vehicle_inner > div { margin-bottom:10px; } #cps_wrap .vehicle_wrap select { width:100%; height:40px; padding-left:5px; font-size:14px; font-weight:300; color:#888; } /* IE 10, 11의 네이티브 화살표 숨기기 select::-ms-expand { display: none; } */ } @media screen and (max-width:1023px) { #cps_wrap { padding:10px; background:#000; } #cps_wrap h3 { margin:10px 0; text-align:center; font-size:22px; font-weight:400; color:#fff; } #cps_wrap .oemnum_wrap { margin-bottom:10px; } #cps_wrap .oemnum_wrap #oem_code { width:calc(100% - 51px); height:38px; padding-left:5px; border:1px solid #f7d117; font-size:14px; font-weight:300; color:#888; } #cps_wrap .oemnum_wrap #oem_submit { width:40px; height:40px; background-image:url('/theme/arabamall/shop/images/main/btn_oem_search.gif'); background-size:40px; } #cps_wrap .vehicle_wrap #vehicle_inner > div { width:100%; height:40px; margin-bottom:10px; background:#fff url('/theme/arabamall/shop/images/main/mobile/bg_selectbox_tab.png') right/35px no-repeat; } #cps_wrap .vehicle_wrap select { width:100%; height:100%; font-size:14px; color:#888; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none; } } /* } 메인 페이지 */ /* 서브 페이지 { */ #cps_sub_wrap h4, #cps_sub_wrap select, #cps_sub_wrap input { font-family:"Noto Sans KR",malgun gothic,dotum,sans-serif; } #cps_sub_wrap label { position:absolute; font-size:0; line-height:0; text-indent:-99999px; } #oem_submit, #vhc_cancel, #vhc_submit { border:0; font-size:0; line-height:0; text-indent:-99999px; cursor:pointer; } @media screen and (min-width:1024px) { #cps_sub_wrap { width:100%; height:70px; background:#595959; } #cps_sub_inner { position:relative; max-width:1200px; height:70px; margin:0 auto; } #cps_sub_inner h3 { position:absolute; overflow:hidden; font-size:0; line-height:0; } #cps_sub_inner h4 { padding:7px 10px 0 0; float:left; font-size:16px; font-weight:300; color:#fff; } #cps_sub_inner form > div { padding:15px 0; } #cps_sub_inner input[type="submit"] { background:#f7d117 url('/theme/arabamall/shop/images/main/btn_oem_search.gif') center/40px auto no-repeat; } #cps_sub_inner .vehicle_wrap { position:absolute; top:0; left:0; width:100%; } #cps_sub_inner .vehicle_wrap h4 { width:110px; } #cps_sub_inner .vehicle_wrap #vehicle_inner { width:calc(100% - 150px); float:left; } #cps_sub_inner .vehicle_wrap #vehicle_inner > div { width:calc(16% - 6px); margin-right:5px; float:left; } #cps_sub_inner .vehicle_wrap select { width:100%; height:40px; font-size:14px; font-weight:300; color:#888; } #oem_submit, #vhc_cancel, #vhc_submit { width:40px; height:40px; border:0; font-size:0; line-height:0; text-indent:-99999px; cursor:pointer; } #cps_sub_inner #vhc_submit { display:none; width:40px; height:40px; } #cps_sub_inner #vhc_cancel { display:none; width:40px; height:40px; background:url('/theme/arabamall/shop/images/main/btn_cancel.png'); } #cps_sub_inner .oemnum_wrap { position:absolute; top:0; right:0; z-index:100; } #cps_sub_inner .oemnum_wrap #oem_code { width:343px; height:38px; padding-left:5px; border:1px solid #ccc; font-size:14px; font-weight:300; color:#888; } } @media screen and (max-width:1023px) { #cps_sub_wrap { display:none; padding:10px; } #cps_sub_inner h3 { margin:10px 0; text-align:center; font-size:22px; font-weight:400; color:#fff; } #cps_sub_inner h4 { position:absolute; overflow:hidden; font-size:0; line-height:0; } #cps_sub_inner .vehicle_wrap #vehicle_inner > div { width:100%; height:40px; margin-bottom:10px; background:#fff url('/theme/arabamall/shop/images/main/mobile/bg_selectbox_tab.png') right/35px no-repeat; } #cps_sub_inner .vehicle_wrap select { width:100%; height:100%; font-size:14px; color:#888; -webkit-appearance: none; -moz-appearance: none; appearance: none; background:none; } #cps_sub_inner .vehicle_wrap #vhc_submit { display:none; width:100%; height:40px; background:#f7d117 url('/theme/arabamall/shop/images/main/bg_btn_search.png') center/56px auto no-repeat; } #cps_sub_inner .oemnum_wrap { margin-bottom:10px; } #cps_sub_inner .oemnum_wrap #oem_code { width:calc(100% - 51px); height:38px; padding-left:5px; border:1px solid #f7d117; font-size:14px; font-weight:300; color:#888; } #cps_sub_inner .oemnum_wrap #oem_submit { width:40px; height:40px; background-image:url('/theme/arabamall/shop/images/main/btn_oem_search.gif'); background-size:40px; } } /* } 서브 페이지 */ /********** } 차종별 부품조회(아라바몰 수정) **********/ /********** 상단 레이아웃(회원가입, 회원정보찾기, 비밀번호확인) (아라바몰 추가) { **********/ @media screen and (min-width:1024px) { #hd_short { padding:40px 0; z-index:2000; background:#eee; } #hd_short .logo { margin:0 auto; width:104px; } #hd_short .logo img { width:inherit; max-width:100%; height:Auto; } #mb_page_wrap { width:800px; margin:0 auto; padding-bottom:10px; background:#eee; } #mb_page_wrap header { position:relative; width:798px; height:45px; border:1px solid #d7d7d7; border-bottom:0; background:#ccc; } #mb_page_wrap header h2 { position:absolute; top:0; left:45px; width:695px; height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.167em; line-height:3.500em; } #mb_page_wrap header .m_not_lpc { display:none; } #mb_page_wrap header button, #mb_page_wrap header a { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; } #mb_page_wrap header button { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); background-repeat:no-repeat; background-position:center; } #mb_page_wrap header a { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); background-repeat:no-repeat; background-position:center; } #mb_page_wrap .m_top_wrap { padding:40px; border:1px solid #d7d7d7; background:#fff; } #mb_page_wrap > div .frm_input { width:300px; height:38px; padding-left:5px; border:1px solid #ccc; background:#f8f8f8; } #mb_page_wrap .btn_submit { width:800px; margin:20px 0; padding:15px 0; font-family:"Nanum Gothic", Malgun Gothic, Dotum, sans-serif; font-size:1.333em; background:#333; } } @media screen and (max-width:1023px) { #hd_short .logo { display:none; } #mb_page_wrap { width:100%; background:#eee; } #mb_page_wrap header { position:fixed; top:0; left:0; width:100%; height:45px; background:#cccccc; } #mb_page_wrap header h2 { position:absolute; top:0; left:45px; width:calc(100% - 103px); height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; line-height:3.500em; font-size:1.000em; } #mb_page_wrap header .p_lpc { display:none; } #mb_page_wrap header button, #mb_page_wrap header a { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; background:none; } #mb_page_wrap header button { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); background-repeat:no-repeat; background-position:center; } #mb_page_wrap header a { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); background-repeat:no-repeat; background-position:center; } #mb_page_wrap > div { margin-top:55px; } #mb_page_wrap .m_top_wrap { width:calc(100% - 42px); margin:10px; padding:10px; border:1px solid #d7d7d7; background:#fff; } #mb_page_wrap > div .frm_input { width:calc(100% - 5px); height:38px; padding-left:5px; } #mb_page_wrap .btn_submit { width:calc(100% - 20px); margin:0 10px 20px 10px; padding:15px 0; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.143em; font-weight:bold; color:#fff; background:#333; } } /********** } 상단 레이아웃(회원가입, 회원정보찾기, 비밀번호확인) (아라바몰 추가) **********/ /********** 모바일 마이페이지/로그인(아라바몰 추가) { **********/ @media screen and (max-width:1023px) { #m_mypage_wrap { position:absolute; top:45px; left:0; width:100%; background:#fff; z-index:1150; } #m_mypage_wrap h2, #m_mypage_wrap h3 { position:absolute;font-size:0;line-height:0;overflow:hidden; } /*** 로그인 ***/ #m_login_field { padding:10px 20px 20px; background:#e1e1e1; } #m_login_field > figure { margin:0 0 10px 0; padding:0; } #m_login_field .m_login_fs {position:relative; margin:0; } #m_login_field .m_login_fs legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #m_login_field .m_login_fs label { } #m_login_field .m_login_fs .m_login_id {position:absolute;top:0;left:0; font-size:0; line-height:0; text-indent:-9999em; } #m_login_field .m_login_fs .m_login_pw {position:absolute;top:0;left:0; font-size:0; line-height:0; text-indent:-9999em; } #m_login_field .m_login_fs .m_frm_input { width:calc(100% - 12px); height:38px; margin-bottom:7px; padding-left:10px; border:1px solid #cdcdcd; background-color:#fff; background-size:63px 38px; background-repeat:no-repeat; } #m_login_field .m_login_fs .m_frm_input.id { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_bg_id.png'); } #m_login_field .m_login_fs .m_frm_input.pw { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_bg_pw.png'); } #m_login_field .m_login_fs .m_btn_submit { width:100%; height:44px; border:0; font-weight:bold; color:#fff; background:#f7d117; box-shadow:5px 5px 5px rgba(0, 0, 0, .1) inset; } #m_login_field .m_login_fs > div { margin-top:5px; overflow:hidden; } #m_login_field .m_login_fs > div .m_login_auto { float:left; } #m_login_field .m_login_fs > div .m_findidpw { float:right; } /*** 회원정보 ***/ #m_smb_my { background:#e1e1e1; } #m_smb_my h4 { font-family:"Dotum", sans-serif; } #m_smb_my > div {} #m_smb_my > div.m_b_btm1 { border-bottom:1px solid #cdcdcd; } #m_smb_my > div:after { content:""; display:block; visibility:hidden; clear:both; } #m_smb_my > div > div { width:calc(50% - 20px); padding:10px; float:left; } #m_smb_my > div > div.m_smb_info { } #m_smb_my > div > div.m_smb_info h4 { position:absolute;font-size:0;line-height:0;overflow:hidden; } #m_smb_my > div > div.m_smb_info > div.m_smb_fst { margin-bottom:8px; } #m_smb_my > div > div.m_smb_info > div:after { content:""; display:block; visibility:hidden; clear:both; } #m_smb_my > div > div.m_smb_info > div > .m_smb_fst { float:left; width:55px; } #m_smb_my > div > div.m_smb_info > div > .m_smb_scd { float:left; padding-left:5px; width:calc(100% - 60px); } #m_smb_my > div > div.m_smb_info > div > .m_smb_scd span { color:#ff0000; } #m_smb_my > div > div.m_smb_info > div > a { width:48%; height:24px; display:block; font-size:0.857em; text-align:center; line-height:24px; background:url('/theme/arabamall/shop/images/mypage/mobile/bg_btn_minfo.gif') repeat-x; } #m_smb_my > div > div.m_smb_info > div > a:hover { text-decoration:none; } #m_smb_my > div > div.m_smb_info > div > a.m_smb_lft { float:left; border:1px solid #cdcdcd; } #m_smb_my > div > div.m_smb_info > div > a.m_smb_rgt { float:right; border:1px solid #cdcdcd; } #m_smb_my > div > div.m_b_lft1 { border-left:1px solid #cdcdcd; } #m_smb_my > div > div > p { font-size:1.286em; } #m_smb_my > div > div > p span { color:#ff0000; } #m_smb_my > div > div > p { padding:36px 0; text-align:center; } /*** 회원메뉴 ***/ #m_member_menu {} #m_member_menu > ul {} #m_member_menu > ul > li { padding:0 20px; border-bottom:1px solid #cccccc; } #m_member_menu > ul > li > a { padding:20px 35px; display:block; background-repeat:no-repeat; background-size:23px 23px, 13px 13px; background-position:left center, right; } #m_member_menu > ul > li a:hover { text-decoration:none; } /* #m_member_menu li a */ #m_member_menu > ul > li.m_mb_mn0 a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic00.png'), url('/theme/arabamall/shop/images/mypage/mobile/m_bg_tr.png'); } #m_member_menu > ul > li.m_mb_mn1 a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic01.png'), url('/theme/arabamall/shop/images/mypage/mobile/m_bg_tr.png'); } #m_member_menu > ul > li.m_mb_mn2 a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic02.png'), url('/theme/arabamall/shop/images/mypage/mobile/m_bg_tr.png'); } #m_member_menu > ul > li.m_mb_mn3 a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic03.png'), url('/theme/arabamall/shop/images/mypage/mobile/m_bg_tr.png'); } #m_member_menu > ul > li.m_dropdown { padding:0; } #m_member_menu > ul > li .fst { position:relative; padding:0 20px; } #m_member_menu > ul > li .fst a { padding:20px 35px; display:block; background-repeat:no-repeat; background-size:23px 23px, 13px 13px; background-position:left center, right; } #m_member_menu > ul > li .fst img { position:absolute; top:22px; right:20px; width:13px; height:auto; animation-duration: 0.4s; animation-iteration-count: 1; animation-direction: alternate; animation-timing-function: linear; animation-fill-mode: forwards; } #m_member_menu > ul > li .fst img.m_up { animation-name: m_up; } #m_member_menu > ul > li .fst img.m_down { animation-name: m_down; } #m_member_menu > ul > li .lst { width:calc(100% - 40px); padding:20px; display:none; font-size:0.857em; background:#e1e1e1; } #m_member_menu > ul > li.m_mb_mn4 .fst > a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic04.png'); } #m_member_menu > ul > li.m_mb_mn4 .lst > p { margin-bottom:10px; } #m_member_menu > ul > li.m_mb_mn4 .lst > div { height:150px; margin-bottom:10px; padding:10px; border:1px solid #ccc; overflow:auto; color:#959595; background:#fff; } #m_member_menu > ul > li.m_mb_mn4 .lst > a { width:100%; margin-top:10px; padding:15px 0; display:block; color:#fff; text-align:center; letter-spacing:0; background:#333; } #m_member_menu > ul > li.m_mb_mn5 .fst > a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic05.png'); } #m_member_menu > ul > li.m_mb_mn5 .lst { position:relative; margin:0; padding-bottom:20px; } #m_member_menu > ul > li.m_mb_mn5 .lst legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #m_member_menu > ul > li.m_mb_mn5 .lst label { } #m_member_menu > ul > li.m_mb_mn5 .lst .m_od_id {position:absolute;top:0;left:0; font-size:0; line-height:0; text-indent:-9999em; } #m_member_menu > ul > li.m_mb_mn5 .lst .m_od_pwd {position:absolute;top:0;left:0; font-size:0; line-height:0; text-indent:-9999em; } #m_member_menu > ul > li.m_mb_mn5 .lst .m_frm_input { width:calc(100% - 12px); height:38px; margin-bottom:7px; padding-left:10px; border:1px solid #cdcdcd; background-color:#fff; background-size:63px 38px; background-repeat:no-repeat; } #m_member_menu > ul > li.m_mb_mn5 .lst .m_frm_input.id { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_bg_odnum.png'); } #m_member_menu > ul > li.m_mb_mn5 .lst .m_frm_input.pw { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_bg_pw.png'); } #m_member_menu > ul > li.m_mb_mn5 .lst .m_btn_submit { width:100%; height:44px; border:0; color:#fff; background:#333; } #m_member_menu > ul > li.m_mb_mn6 a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic06.png'), url('/theme/arabamall/shop/images/mypage/mobile/m_bg_tr.png'); } #m_member_menu > ul > li.m_mb_mn7 a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic07.png'), url('/theme/arabamall/shop/images/mypage/mobile/m_bg_tr.png'); } #m_member_menu > ul > li.m_mb_mn8 .fst > a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic08.png'); } #m_member_menu > ul > li.m_mb_mn8 .lst { position:relative; width:calc(100% - 20px); padding:10px; overflow:hidden; font-size:1em; background:#e1e1e1; } /* #m_member_menu > ul > li.m_mb_mn8 .lst > #m_tv_slider */ #m_tv_slider { position:relative; } #m_tv_slider:after { content:""; visibility:hidden; display:block; clear:both; } #m_tv_slider li { width:120px; height:100px; margin-right:5px; padding:5px; border:1px solid #d7d7d7; text-align:center; line-height:14px; font-size:0.857em; word-break:break-all; background:#fff; } #m_tv_slider li a { width:70px; } #m_tv_slider li img { margin-bottom:3px; } #m_member_menu > ul > li.m_mb_mn9 .fst > a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic09.png'); } #m_member_menu > ul > li.m_mb_mn9 .lst { position:relative; width:calc(100% - 20px); padding:10px; overflow:hidden; font-size:1em; background:#e1e1e1; } /* #m_member_menu > ul > li.m_mb_mn9 .lst > #m_wish_slider */ #m_wish_slider { position:relative; } #m_wish_slider:after { content:""; visibility:hidden; display:block; clear:both; } #m_wish_slider li { width:120px; height:100px; margin-right:5px; padding:5px; border:1px solid #d7d7d7; text-align:center; line-height:14px; font-size:0.857em; word-break:break-all; background:#fff; } #m_wish_slider li a { width:70px; } #m_wish_slider li img { margin-bottom:3px; } #m_member_menu > ul > li.m_mb_mn10 a { background-image:url('/theme/arabamall/shop/images/mypage/mobile/m_mb_ic10.png'), url('/theme/arabamall/shop/images/mypage/mobile/m_bg_tr.png'); } #m_member_menu > ul > li.m_mb_mn11 { border:0; text-align:center; background:url('/theme/arabamall/shop/images/mypage/mobile/bg_btn_logout.gif') repeat-x; } #m_member_menu > ul > li.m_mb_mn11 a { font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.143em; color:#fff; } } /********** } 마이페이지/로그인 모바일(아라바몰 추가) **********/ /* 중간 레이아웃(아라바몰 수정{ ) */ @media screen and (min-width:1024px) { #container { width:100%; z-index:5; zoom:1;} } @media screen and (max-width:1023px) { #container { position:relative; top:45px; width:100%; margin-bottom:45px; z-index:5; zoom:1; } } #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold} /* aside wrapper */ #aside {float:left;margin:0 10px 0 0;width:150px} /* 중간 레이아웃( }아라바몰 수정) */ /* 텍스트 크기 조절 */ #text_size {display:none;position:absolute;top:-31px;left:-1px} #text_size button {padding:0 10px;height:30px;border:1px solid #cfded8;border-bottom:0;background:#000;color:#fff;cursor:pointer} /***** 하단 레이아웃 ( 아라바몰 수정 { ) *****/ @media screen and (min-width:1024px) { #ft {clear:both; padding:0 0 40px; width:100%; height:250px; margin-bottom:54px; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; color:#fff; background:url('/theme/arabamall/shop/images/footer/bg_asphalt.gif'); } #ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #ft > .ft_mb { display:none; } #ft > div { position:relative; max-width:1180px; margin:0 auto; padding:57px 10px; } #ft > div:after { content:""; visibility:hidden; display:none; clear:both; } #ft > div a { text-decoration:none; } #ft > div .ft_left { border-right:3px solid #333; float:left; } #ft > div .ft_left:after { content:""; visibility:hidden; display:block; clear:both; } #ft > div .ft_left dl { margin-right:92px; float:left; } #ft > div .ft_left dt { margin-bottom:16px; } #ft > div .ft_left dd { margin-bottom:9px; font-size:1.167em; } #ft > div .ft_left dd a { color:#fff; } #ft > div .ft_right { padding-left:88px; float:left; } #ft > div .ft_right ul { } #ft > div .ft_right ul:after { content:""; visibility:hidden; display:block; clear:both; } #ft > div .ft_right ul a { color:#f7d117; } #ft > div .ft_right ul li { margin-right:60px; float:left; font-size:1.167em; } #ft > div .ft_right p {margin:0;padding:10px 0;line-height:1.8em} #ft > div .ft_right p span { display:inline-block; margin:0 10px 0 0} #ft > div .ft_right p span a {text-decoration:underline;} } @media screen and (max-width:1023px) { #ft { padding:10px 10px 60px 10px; font-size:0.857em; color:#fff; background:url('/theme/arabamall/shop/images/footer/bg_asphalt.gif'); } #ft a { color:#fff; } #ft > .ft_pc { display:none; } #ft > div .ft_top { margin-bottom:20px; text-align:center; } #ft > div .ft_top:after { content:""; visibility:hidden; display:block; clear:both; } #ft > div .ft_top { } #ft > div .ft_top dl { width:33%; float:left; } #ft > div .ft_top dl:first-child { width:34%; } #ft > div .ft_top dt { margin-bottom:5px; font-weight:bold; color:#f7d117; } #ft > div .ft_top dd { margin-bottom:5px; } #ft > div .ft_middle { margin-bottom:20px; color:#959595; } #ft > div > p { text-align:center; color:#959595; } #ft > div > p a { text-decoration:underline; color:#959595; } } /* 하단 빠른 메뉴 */ #ft_fixed h3 {position:absolute; font-size:0;line-height:0;overflow:hidden} @media screen and (min-width:1024px) { #ft_fixed { position:fixed; bottom:0; display:none; width:100%; border-top:1px solid #ccc; background:#e1e1e1; z-index:1000; } #ft_fixed .ft_mbt { display:none; } #ft_fixed .ft_pct { position:relative; max-width:1200px; margin:0 auto; } #ft_fixed .ft_pct > ul { width:calc(100% - 55px); } #ft_fixed .ft_pct > ul:after { content:""; visibility:hidden; display:block; clear:both; } #ft_fixed .ft_pct > ul > li { width:20%; float:left; text-align:center; background:url('/theme/arabamall/shop/images/footer/btmq_left_line.gif') left no-repeat; } #ft_fixed .ft_pct > ul > li > a > img { width:107px; height:54px; } #ft_fixed .ft_pct > .ft_totop { position:absolute; top:0; right:0; } #ft_rv { position:absolute; top:55px; left:0; width:100%; height:136px; display:none; } #ft_rv button { position:absolute; width:50px; height:122px; border:0; font-size:0;line-height:0; } #ft_rv .ft_rv_prv { top:15px; left:0; display:block; background:url('/theme/arabamall/shop/images/footer/btmg_btn_al.gif') no-repeat; } #ft_rv .ft_rv_prv.on { top:15px; left:0; display:block; background:url('/theme/arabamall/shop/images/footer/btmg_btn_al_on.gif') no-repeat; } #ft_rv .ft_rv_nxt { top:15px; right:0; display:block; background:url('/theme/arabamall/shop/images/footer/btmg_btn_ar.gif') no-repeat; } #ft_rv .ft_rv_nxt.on { top:15px; right:0; display:block; background:url('/theme/arabamall/shop/images/footer/btmg_btn_ar_on.gif') no-repeat; } #ft_rv > div { position:relative; margin:14px 64px 14px 64px; overflow:hidden; } #ft_rv > div ul { position:relative; width:9999px; overflow:hidden; } #ft_rv > div ul:after { content:""; visibility:hidden; display:block; clear:both; } #ft_rv > div ul > li { width:140px; height:100px; margin-right:20px; padding:10px; border:1px solid #d7d7d7; float:left; text-align:center; } #ft_rv > div ul > li img { margin-bottom:7px; } #ft_rv > div p { text-align:center; line-height:10.000em; } #ft_fixed #ft_tv_bg { max-width:1200px; height:150px; display:none; background:#fff; } } @media screen and (max-width:1023px) { #ft_fixed { position:fixed; bottom:0; width:100%; height:40px; padding-top:15px; display:none; z-index:1000; } #ft_fixed .ft_pct { display:none; } #ft_fixed > div > ul { border-top:1px solid #ccc; } #ft_fixed > div > ul:after { content:""; visibility:hidden; display:block; clear:both; } #ft_fixed > div > ul li { float:left; height:40px; background:#e1e1e1; } #ft_fixed > div > ul li a { width:100%; height:100%; display:block; font-size:0; line-height:0; text-indent:-9999px; background-size:58px 40px; background-position:center; background-repeat:no-repeat; } #ft_fixed > div > ul li.ft_mbt_01 { width:20%; } #ft_fixed > div > ul li.ft_mbt_02 { width:30%; } #ft_fixed > div > ul li.ft_mbt_03 { width:30%; } #ft_fixed > div > ul li.ft_mbt_04 { width:20%; } #ft_fixed > div > ul li.ft_mbt_01 a { background-image:url('/theme/arabamall/shop/images/footer/mobile/btn_btm_01.png'); } #ft_fixed > div > ul li.ft_mbt_02 a { background-image:url('/theme/arabamall/shop/images/footer/mobile/btn_btm_02.png'); } #ft_fixed > div > ul li.ft_mbt_03 a { background-image:url('/theme/arabamall/shop/images/footer/mobile/btn_btm_03.png'); } #ft_fixed > div > ul li.ft_mbt_04 a { background-image:url('/theme/arabamall/shop/images/footer/mobile/btn_btm_04.png'); } #ft_fixed > div > div { position:absolute; top:0; left:calc(50% - 22px); } #ft_fixed > div > div img { width:45px; height:auto; } } /***** 하단 레이아웃 ( } 아라바몰 수정 ) *****/ /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:1px;height:1px;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /* 본문 바로가기 */ .skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden} .skip_to_container a:focus, .skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본(아라바몰 수정) */ @media screen and (min-width:1025px) { #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha #captcha_img {width:100px;height:41px;border:1px solid #d7d7d7} #captcha #captcha_mp3 {position:absolute;top:0;left:101px;;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer} #captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/sound.gif')} #captcha #captcha_reload {position:absolute;top:21px;left:101px;margin:0;padding:0;width:23px;height:22px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer} #captcha #captcha_reload span {position:absolute;top:0;left:0;width:23px;height:22px;background:url('../../../plugin/kcaptcha/img/reload.gif')} #captcha #captcha_key {margin:0 0 0 25px;padding:0 5px;width:70px;height:41px;border:1px solid #d7d7d7;background:#ebebeb;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em} #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em} } @media screen and (max-width:1024px) { #captcha {display:inline-block;position:relative} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha audio { display:block; width:190px; margin:0 0 5px; } #captcha #captcha_img {width:100px; height:48px; border:1px solid #d7d7d7; } #captcha #captcha_reload { width:50px; height:50px; margin:0 5px 0 2px; border:0; font-size:0; line-height:0;text-indent:-9999em; background-image:url('/theme/arabamall/shop/images/bg_btn_reload.gif'); background-size:50px; } #captcha #captcha_key { width:90px; height:48px; padding:0 5px; border:1px solid #d7d7d7; background:#ebebeb; font-size:1.333em; font-weight:bold; text-align:center; line-height:2.8em; } #captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em; } } /* ckeditor 단축키 */ .cke_sc {margin:0 0 5px;text-align:right} .btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc !important;background:#fafafa !important;color:#000 !important;text-decoration:none !important;line-height:1.9em;vertical-align:middle} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f2f5f9;text-align:center} .cke_sc_def dl {margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:20%;font-weight:bold} .cke_sc_def dd {width:30%} /* Mobile화면으로 */ #mobile_cng {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center} /* 목록 바로가기(아라바몰 수정)*/ @media screen and (min-width:1024px) { .sanchor { max-width:1200px; margin:0 auto 50px auto; padding:0; font-family:'Nanum Gothic',Malgun Gothic,Dotum,sans-serif; font-size:1.167em; zoom:1; } .sanchor:after {display:block;visibility:hidden;clear:both;content:""} .sanchor li { width:19.2%; margin-right:1%; float:left; list-style:none; text-align:center; line-height:57px; background:#cccccc; } .sanchor a { width:94%; height:57px; display:block; text-decoration:none; color:#333; } } @media screen and (max-width:1023px) { .sanchor { font-size:0.929em; zoom:1; } .sanchor:after {display:block;visibility:hidden;clear:both;content:""} .sanchor li { width:19.2%; margin-right:1%; float:left; list-style:none; text-align:center; line-height:50px; background:#cccccc; } .sanchor a { width:94%; height:50px; display:block; text-decoration:none; color:#333; } } .sanchor li.sanchor_on_f8 { background:#eee; } .sanchor li.sanchor_on_f { background:#fff; } .sanchor li.lst_anchor { margin-right:0; } /* 콘텐츠별 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 버튼(아라바몰 수정) */ a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#cccccc;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:7px;border:1px solid #333;background:#333;color:#f7d117;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:center} /* 서식단계 진행 */ .btn_submit {padding:8px;border:0;background:#323232;color:#fff;letter-spacing:-0.1em;cursor:pointer} fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em} a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#cccccc;color:#000;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */ a.btn_frmline {line-height:24px} button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle} a.btn_b01:focus, .btn_b01:hover {text-decoration:none} a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn_b02:focus, .btn_b02:hover {text-decoration:none} a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 선택수정 버튼 */ .btn_list {margin:0 auto;width:93%} .btn_list input, .btn_list button {background: none repeat scroll 0 0 #617D46;border: 0 none;color: #FFFFFF;height: 28px;line-height: 2.2em;padding: 0 15px;vertical-align: middle} /* 기본테이블(아라바몰 수정) */ .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left} .tbl_head01 {margin:0 0 10px} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead tr { border:0; } .tbl_head01 thead th { padding:12px 0; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-sesrif; font-size:1em; font-weight:normal; color:#323232; text-align:center; letter-spacing:normal; background:#cccccc; } .tbl_head01 thead a {color:#383838} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:16px 5px;line-height:1.5em;word-break:break-all} .tbl_head01 a {} .tbl_head02 {margin:0 0 10px} .tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:normal} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head02 a {} /* 폼 테이블 */ .tbl_frm01 {margin:0 0 20px} .tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_frm01 th {width:100px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f7f7f7;text-align:left} .tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .tbl_frm01 textarea, .frm_input {border:1px solid #ccc;background:#f8f8f8;color:#000;vertical-align:middle;line-height:2em} .tbl_frm01 textarea {padding:2px 2px 3px} .frm_input {height:22px} .tbl_frm01 textarea {width:98%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_address {margin-top:5px} .tbl_frm01 .frm_file {display:block;margin-bottom:5px} .tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em} /* 자료 없는 목록(아라바몰 수정) */ .empty_table { padding:100px 10px !important;text-align:center} .empty_list {padding:20px 0 !important;text-align:center} /* 필수입력 아라바몰 수정 */ .required, textarea.required { #f7f7f7 top right no-repeat !important} /* 테이블 그리드 padding 0 5px 고려한 넓이 */ .grid_1 {width:40px} .grid_2 {width:90px} .grid_3 {width:140px} .grid_4 {width:190px} .grid_5 {width:240px} .grid_6 {width:290px} .grid_7 {width:340px} .grid_8 {width:390px} .grid_9 {width:440px} .grid_10 {width:490px} .grid_11 {width:540px} .grid_12 {width:590px} .grid_13 {width:640px} .grid_14 {width:690px} .grid_15 {width:740px} .grid_16 {width:790px} .grid_17 {width:840px} .grid_18 {width:890px} /* 테이블 항목별 정의(아라바몰 수정) */ .td_board {width:120px;text-align:center} .td_chk {width:30px;text-align:center} .td_date {width:60px;text-align:center} .td_datetime {width:120px;text-align:center; } .td_default {width:60px;text-align:center} .td_dvr {width:80px;text-align:center} .td_group {width:100px;text-align:center} .td_imgsmall {width:60px;text-align:center} .td_num {width:80px;text-align:center; } .td_numbig {width:100px;text-align:center} .td_nick {width:100px;text-align:center} .td_name {width:100px;text-align:left} .td_namesmall {width:50px;text-align:left} .td_mb_id {width:100px;text-align:center} .td_mng {width:80px;text-align:center} .td_mngsmall {width:50px;text-align:center} .td_statsmall {width:50px;text-align:center} .td_itname { width:150px; padding:16px 10px; } /* 새창 기본 스타일(아라바몰 수정) */ .new_win { background:#fff; } .new_win #win_title { margin-bottom:20px; padding:37px 15px; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:3.167em; color:#fff; background:#333; } .new_win #win_title.qause { padding:30px 15px; } .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .tbl_wrap { height:500px; padding:0 20px; } .new_win .tbl_wrap .txtred { color:red; } .new_win .scr_y { overflow-y:scroll; } .new_win .tbl_coupon td { text-align:center; } .new_win .tbl_qause { height:300px; } .new_win .win_ul { padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1} .new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li {float:left;margin-left:-1px} .new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none} .new_win .win_desc {margin:0 20px} .new_win .win_btn {clear:both;padding:20px;text-align:center} .new_win .sit_qa_close { position:absolute; top:45px; right:20px; } .new_win .sit_use_title { margin:20px 0; } .new_win .frm_input { width:100%; } .new_win .win_btn_ad { margin-top:10px; padding:20px; text-align:center; } /* 자바스크립트 alert 대안 */ #validation_check {margin:100px auto;width:500px} #validation_check h1 {margin-bottom:20px;font-size:1.3em} #validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap {display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv {z-index:100;display:none;margin:5px 0 0;border:1px solid #283646;background:#111} .sv_wrap .sv a {display:inline-block !important;margin:0 !important;padding:3px !important;width:94px;border-bottom:1px solid #283646;color:#fff !important} .sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none !important} .sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto !important} .sv_nojs .sv {display:block} /* 페이징(아라바몰 수정) */ .pg_wrap { clear:both; margin:0; padding:20px 0 0; text-align:center; } .pg {} .pg a { text-decoration:none; } .pg_page, .pg_current, .qa_page {display:inline-block; padding:5px 15px; height:25px; color:#000; letter-spacing:normal; line-height:2.2em; vertical-align:middle } .pg a:focus, .pg a:hover { text-decoration:none } .pg_page, .qa_page { border:1px solid #d7d7d7; text-decoration:none } .pg_start, .pg_prev { margin:0; padding:0; border:0; line-height:0; vertical-align:top; } .pg_end, .pg_next { margin:0; padding:0; border:0; line-height:0; vertical-align:top; } .pg_prev img, .pg_next img { width:64px; height:auto; } .pg_current {display:inline-block;margin:0;background:#333; color:#fff; } /* ########## 쇼핑몰 컨텐츠 ########## */ /* 인덱스 이미지 출력 */ #sidx_img {margin:0 0 20px} #sidx_img img {max-width:100%;height:auto} /***** 메인페이지(아라바몰 추가) *****/ #index_wrap { } /* 메인 - 사용후기 */ @media screen and (min-width:1024px) { #itemuse_list { background:url('/theme/arabamall/shop/images/main/itemuse_top_gd.gif') repeat-x #fff; } #itemuse_list > div { max-width:1200px; margin:0 auto; padding:70px 0 50px 0; } #itemuse_list > div > h3 { font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; } } @media screen and (min-width:1024px) and (max-width:1199px) { #itemuse_list { box-shadow:0 10px 10px rgba(0, 0, 0, .3) inset; } #itemuse_list > div { padding:50px 10px 50px 10px; background:#fff; box-shadow:0 5px 5px rgba(0, 0, 0, .3) inset; } } @media screen and (max-width:1023px) { #itemuse_list { } #itemuse_list > div { padding:50px 10px 50px 10px; background:#fff; box-shadow:0 5px 5px rgba(0, 0, 0, .3) inset; } #itemuse_list > div > h3 { font-size:1.5em; } } /* 메인 - 장착사진 */ @media screen and (min-width:1200px) { #install_glr { padding:70px 0 50px 0; } #install_glr > div { max-width:1200px; margin:0 auto; } #install_glr > div h3 { font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; } #install_glr > div ul { overflow:hidden; } #install_glr > div ul li { float:left; width:264px; margin:0 48px 50px 0; } #install_glr > div ul li.sct_last { margin-right:0; } #install_glr > div ul li.sct_clear { clear:both; } #install_glr > div ul li .ist_txt { position:relative; width:234px; height:65px; padding:10px 15px 15px 15px; border-top:1px solid #d7d7d7; border-bottom:2px solid #d7d7d7; background:#fff; } #install_glr > div ul li .ist_txt a { line-height:18px; font-weight:bold; color:#777777; } #install_glr > div ul li .ist_txt p { position:absolute; bottom:5px; color:#777777; } } @media screen and (min-width:1024px) and (max-width:1199px) { #install_glr { } #install_glr > div { padding:50px 10px 50px 10px; } #install_glr > div h3 { font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; } #install_glr > div ul { overflow:hidden; } #install_glr > div ul li { float:left; width:23.5%; margin-right:2%; margin-bottom:30px; } #install_glr > div ul li a { width:100%; } #install_glr > div ul li img { width:100%; } #install_glr > div ul li.sct_last { margin-right:0; } #install_glr > div ul li.sct_clear { clear:both; } #install_glr > div ul li .ist_txt { position:relative; width:calc(100% - 9px); height:80px; padding:5px; border-top:1px solid #d7d7d7; border-bottom:2px solid #d7d7d7; background:#fff; } #install_glr > div ul li .ist_txt a { line-height:18px; } #install_glr > div ul li .ist_txt p { position:absolute; bottom:5px; } } @media screen and (max-width:1023px) { #install_glr { } #install_glr > div { padding:50px 10px 50px 10px; } #install_glr > div h3 { font-size:1.5em; } #install_glr > div ul { overflow:hidden; } #install_glr > div ul li { float:left; width:calc(50% - 5px); margin-bottom:10px; } #install_glr > div ul li a { width:100%; } #install_glr > div ul li.sct_clear { margin-right:5px; clear:both; } #install_glr > div ul li.sct_last { margin-left:5px; } #install_glr > div ul li .ist_txt { position:relative; width:calc(100% - 10px); height:85px; padding:5px; border-top:1px solid #d7d7d7; border-bottom:2px solid #d7d7d7; line-height:1.143em; background:#fff; } #install_glr > div ul li .ist_txt a { } #install_glr > div ul li .ist_txt p { position:absolute; bottom:5px; } } /* 마이페이지(아라바몰 수정) */ #smb_my { } #smb_my h2, #smb_my h3, #smb_my h4 { font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; } #smb_my ul, li { margin:0; padding:0; } #smb_my h2 { max-width:1200px; margin:0 auto 13px auto; } #smb_my h4 { font-size:1.5em; font-weight:normal; } #smb_my_ot_wrap { padding-bottom:60px; } #smb_my_ot { max-width:1200px; margin:0 auto; } #smb_my_ov { margin:0 0 60px; background:#d7d7d7; } #smb_my_ov h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #smb_my_act { padding:20px 0; } #smb_my_act:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_act > div { width:29.9%; padding:0 20px; height:200px; border-right:1px solid #ccc; float:left; } #smb_my_act h4 { margin-bottom:19px; } #smb_my_act .smb_my_mbinfo { } #smb_my_act .smb_my_mbinfo:after {display:block;visibility:hidden;clear:both;content:""} #smb_my_act .smb_my_mbinfo > img { margin-right:19px; float:left; } #smb_my_act table { float:left; border-spacing:0; } #smb_my_act caption { width:225px; margin:9px 0 19px; text-align:left; } #smb_my_act caption span { color:#ff0000; } #smb_my_act th { padding-right:26px; text-align:left; } #smb_my_act th span { font-size:1.167em; letter-spacing:0.2em; color:#ff0000; } #smb_my_act td { padding-bottom:6px; text-align:left;} #smb_my_act td img { margin-right:-1px; } #smb_my_act p { padding:40px 0 0 10px; font-size:3em; text-align:center; } #smb_my_tv { position:relative; width:100%; height:528px; background:#fff; } #smb_my_tv h3 { margin:0 30px; padding:30px 0 15px 0; border-bottom:1px solid #d7d7d7; font-size:1.5em; font-weight:normal; } #smb_my_tv > div { position:relative; margin:0 30px; padding:40px 0; } #smb_my_tv > div > ul .sld_prv { position:absolute; top:188px; left:30px; } #smb_my_tv > div > ul .sld_next { position:absolute; top:188px; right:30px; } #smb_my_tv > div > ul .sld_prv a { width:38px; height:60px; display:block; font-size:0; line-height:0; background:url('/theme/arabamall/shop/images/bg_btn_al.gif') no-repeat; } #smb_my_tv > div > ul .sld_next a { width:38px; height:60px; display:block; font-size:0; line-height:0; background:url('/theme/arabamall/shop/images/bg_btn_ar.gif') no-repeat; } #smb_my_tv > div > ul .sld_prv a.active { background:url('/theme/arabamall/shop/images/bg_btn_al_on.gif') no-repeat; } #smb_my_tv > div > ul .sld_next a.active { background:url('/theme/arabamall/shop/images/bg_btn_ar_on.gif') no-repeat; } #smb_my_tv > div > div { position:relative; overflow:hidden; width:906px; height:382px; margin:0 117px; } #smb_my_tv > div > div ul { position:relative; width:9999px; overflow:hidden; } #smb_my_tv > div > div ul li { position:relative; height:340px; margin-right:60px; padding:20px 10px; border:1px solid #d7d7d7; float:left; } #smb_my_tv > div > div ul li .smtv_img { width:240px; margin-bottom:17px; padding-bottom:15px; border-bottom:1px solid #d7d7d7; } #smb_my_tv > div > div ul li .smtv_img img { padding:0 20px; } #smb_my_tv > div > div ul li .smtv_txt { width:200px; height:28px; margin-bottom:20px; padding:0 20px; } #smb_my_tv > div > div ul li .smtv_basic { width:200px; height:14px; margin-bottom:10px; padding:0 20px; } #smb_my_tv > div > div ul li .smtv_cost { width:200px; height:43px; padding:0 20px; vertical-align:text-bottom; } #smb_my_tv > div > div ul li .smtv_cost strike { color:#959595; } #smb_my_tv > div > div ul li .smtv_cost span { font-family:"verdana",Nanum Gothic,sans-serif; font-size:2em; color:#e91616; } #smb_my_tv > div > div ul li .smtv_cost div { position:absolute; right:20px; bottom:12px; padding:5px 12px; font-family:"verdana",Nanum Gothic,sans-serif; font-size:1.5em; background:#f7d117; } #smb_my_tv > ul { position:absolute; top:30px; right:30px; overflow:hidden; } #smb_my_tv > ul li { margin-left:8px; float:left; } #smb_my_tv > ul li a { width:14px; height:14px; display:block; font-size:0;line-height:0; text-indent:-99999px; background:url('/theme/arabamall/shop/images/bg_btn_mks.gif'); } #smb_my_tv > ul li a.active_marker { background:url('/theme/arabamall/shop/images/bg_btn_mks_active.gif'); } #smb_my_tv > div > div > p { height:382px; padding-left:30px; text-align:center; line-height:30.0000em; } #smb_my_owq_wrap { padding-bottom:70px; background:#fff; } #smb_my_tab { margin-bottom:30px; background:url('/theme/arabamall/shop/images/item/bg_tab.gif') repeat-x bottom #eee; } #smb_my_tab ul { max-width:1200px; margin:0 auto; overflow:hidden; } #smb_my_tab ul li { width:32.6%; height:57px; margin-right:1.1%; float:left; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:1.167em; font-weight:normal; text-align:center; line-height:4.071em; background:#cccccc; } #smb_my_tab ul li.active_marker { background:#fff; } #smb_my_tab ul li a { width:100%; height:57px; display:block; } #smb_my_owq { position:relative; max-width:1200px; margin:0 auto; display:none; } #smb_my_owq h3 {position:absolute; font-size:0; line-height:0; overflow:hidden; } #smb_my_owq > section { position:absolute; display:none; } #smb_my_owq .tbl_head01 { max-width:1200px; margin:0 auto; } #smb_my_owq .tbl_head01 thead tr { border:0; } #smb_my_owq .tbl_head01 th { padding:13px 0; background:#cccccc; } #smb_my_owq .tbl_head01 td { border-bottom:1px solid #d7d7d7; } #smb_my_owq .btn01 { width:100%; margin:20px 0; padding:15px 0; border:0; font-family:"Nanum Gothic", Malgun Gothic, Dotum, sans-serif; font-size:1.333em; color:#fff; text-align:center; background:#333; } #smb_my_od { width:100%; } #smb_my_od h2 { display:none; } #smb_my_od #arb_location { display:none; } #smb_my_od .tbl_head01 .sod_v_odtr_mb { display:none; } #smb_my_od .tbl_head01 td.od_status { color:#ff0000; } #smb_my_od .tbl_head01 td .sodv_ord_id { text-decoration:underline; } #smb_my_od .sodv_wrap { padding:10px 0; overflow:hidden; } #smb_my_od .sodv_wrap > div { float:left; vertical-align:middle; } #smb_my_od .sodv_img { width:100px; margin-right:10px; } #smb_my_od .sodv_it_name { width:480px; margin-right:40px; } #smb_my_od .sodv_it_use { width:80px; height:60px; text-align:center; } #smb_my_od .sodv_it_use > a { width:80px; height:23px; display:block; line-height:24px; color:#fff; background:url('/theme/arabamall/shop/images/order/bg_btn_use.gif'); } #smb_my_od .sodv_wrap > div > ul { border:1px solid #d7d7d7;border-bottom:0; } #smb_my_od .sodv_wrap > div > ul li { padding:3px; border-bottom:1px solid #d7d7d7 } #smb_my_wish { width:100%; } #smb_my_wish .td_mngsmall { text-align:center; } #smb_my_wish .td_mngsmall a { width:15px; height:15px; display:inline-block; font-size:0; vertical-align:top; background:url('/theme/arabamall/shop/images/btn_delete.gif') no-repeat; } #smb_my_qa { width:100%; } #smb_my_qa td { } #smb_my_qa td img { padding-bottom:5px; } #smb_my_qa dd { padding:10px; background:#e1e1e1; } #smb_my_qa dd .sit_qa_qaq { margin-bottom:20px; } #smb_my_qa .sqa_con { width:67px; height:23px; display:block; font-size:0; line-height:0; text-indent:-99999px; background:url('/theme/arabamall/shop/images/mypage/bg_btn_show.gif') no-repeat; } #smb_my_qa .sqa_con.active { background:url('/theme/arabamall/shop/images/mypage/bg_btn_hide.gif') no-repeat; } /* 장바구니(아라바몰 수정) */ @media screen and (min-width:1024px) { #sod_bsk_wrap { padding-bottom:70px; } #sod_bsk { max-width:1200px; margin:0 auto; } #sod_bsk h2 { } #sod_bsk .tbl_head01 { padding-bottom:34px; } #sod_bsk .tbl_head01 thead tr { border:0; } #sod_bsk .tbl_head01 thead th { padding:13px 0; background:#cccccc; } #sod_bsk .tbl_head01 .m_sod_bsk_gds { display:none; } .sod_img {width:100px; padding:0 50px; text-align:center; } .sod_opt {margin:5px 0;border:1px solid #d7d7d7;border-bottom:0;background:#e1e1e1;} .sod_opt ul {margin:0;padding:0;list-style:none} .sod_opt li {padding:3px;border-bottom:1px solid #d7d7d7} .sod_option_btn .mod_options { width:118px; height:19px; border:0; font-size:0; line-height:0; text-indent:-9999px; background:url('/theme/arabamall/shop/images/order/bg_btn_slted.gif'); } #sit_opt_addedt {margin:0; padding:0; border:1px solid #d7d7d7; border-bottom:0; list-style:none; } #sit_opt_addedt li { padding:10px; border-bottom:1px solid #d7d7d7; overflow:hidden; } #sit_opt_addedt li > div { float:left; text-align:left; } #sit_opt_addedt li > div.arbOpc_wrap { width:87%; padding-top:8px; } #sit_opt_addedt li > div.arbCpd_wrap { width:10%; } #sit_opt_addedt li > div.arbCpd_wrap input { width:36px; height:25px; margin:0; border:1px solid #ccc; display:inline-block; vertical-align:middle; color:#000; line-height:2.083em; background:#fff; } #sit_opt_addedt li > div.arbCpd_wrap div { margin:0 0 0 1px; padding:0; display:inline-block; vertical-align:top; } #sit_opt_addedt li > div.arbCpd_wrap div a { width:32px; height:13px; display:block; cursor:pointer; font-size:0; line-height:0; } #sit_opt_addedt li > div.arbCpd_wrap div a.arbFrmUp { margin-bottom:1px; background:url('/theme/arabamall/shop/images/item/btn_up.gif') no-repeat; } #sit_opt_addedt li > div.arbCpd_wrap div a.arbFrmDown { background:url('/theme/arabamall/shop/images/item/btn_down.gif') no-repeat; } #sit_opt_addedt li > div.arbOsp_wrap { width:3%; padding-top:5px; text-align:right; } #sit_opt_addedt li > div.arbOsp_wrap .sit_opt_prc_sum { display:none; } #sit_opt_addedt li > div.arbOsp_wrap a.arbFrmDelete { width:15px; height:15px; margin-left:6px; display:inline-block; cursor:pointer; vertical-align:middle; font-size:0; line-height:0; background:url('/theme/arabamall/shop/images/btn_delete.gif') no-repeat; } #cartoption_wrap { position:fixed; width:800px; height:600px; background:#eee; z-index:1200; } #cartoption_wrap .cartoption_hd figure { margin:0; padding:30px 0; border-bottom:1px solid #b7b7b7; text-align:center; background:#ccc; } #cartoption_wrap .cartoption_hd .m_cphd_wrap { display:none; } #cartoption_wrap .cartoption_hd .cphd_wrap { position:relative; height:45px; border-top:1px solid #e1e1e1; background:#ccc; } #cartoption_wrap .cartoption_hd .cphd_wrap h2 { position:absolute; top:0; left:45px; width:698px; height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.167em; line-height:3.500em; } #cartoption_wrap .cartoption_hd .cphd_wrap button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #cartoption_wrap .cartoption_hd .cphd_wrap button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #cartoption_wrap .cartoption_hd .cphd_wrap button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } #cartoption_wrap #foption { height:330px; padding:10px; overflow:auto; } #cartoption_wrap #foption_wrap { padding:10px; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } #cartoption_wrap #foption_wrap section table { border-spacing:0; } #cartoption_wrap #foption_wrap section th { width:80px; padding-bottom:10px; text-align:left; } #cartoption_wrap #foption_wrap section td { padding-bottom:10px; text-align:left; } #cartoption_wrap #foption_wrap section select { border:1px solid #ccc; } #cartoption_wrap #sit_tot_price { margin:10px 0 25px; font-size:1em; font-weight:bold; text-align:right; } #cartoption_wrap #sit_tot_price span { font-family:"verdana",Nanum Gothic,sans-serif; font-size:2.167em; color:#e91616; } #cartoption_wrap .btn_submit { width:100%; margin-top:20px; padding:15px 0; font-family:"Nanum Gothic", Malgun Gothic, Dotum, sans-serif; font-size:1.333em; background:#333; } #sod_bsk_tot { margin:0 0 20px; padding:10px; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.167em; background:#cccccc; zoom:1 } #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} #sod_bsk_tot dt, #sod_bsk_tot dd { float:left; padding:12px 0; } #sod_bsk_tot dt {padding-left:2%;width:48%;} #sod_bsk_tot dd {margin:0;padding-right:2%;width:47%;text-align:right; font-weight:bold; } .sod_bsk_cnt { border-top:1px solid #b7b7b7; font-size:1.286em; color:#000; } #sod_bsk_tot dt.sod_bsk_cnt { padding-top:22px; } .sod_bsk_cnt span { font-family:"verdana",Nanum Gothic,sans-serif; font-size:1.857em; color:#e91616; } .sod_bsk_point {border-bottom:0; } #sod_bsk_act {text-align:center} #sod_bsk_act p {margin:0 0 10px} #sod_bsk_act .btn_submit, #sod_bsk_act .btn01 { font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.333em; font-weight:bold; } #sod_bsk_act .btn_submit { width:33%; height:52px; color:#fff; background:url('/theme/arabamall/shop/images/order/bg_btn_pay.gif') repeat-x; } #sod_bsk_act .btn01 { width:33%; height:52px; border:1px solid #ccc; color:#333; background:url('/theme/arabamall/shop/images/order/bg_btn_sbs.gif') repeat-x; } #sod_bsk_act a.btn01.add { height:50px; padding:0; line-height:52px; } } @media screen and (max-width:1023px) { #sod_bsk_wrap { padding-bottom:20px; } #sod_bsk { } #sod_bsk h2 { padding:10px 0 0 10px; font-size:1.5em; } #sod_bsk .tbl_head01 { } #sod_bsk .tbl_head01 thead { display:none; } #sod_bsk .tbl_head01 .sod_bsk_gds { display:none; } #sod_bsk .m_sod_bsk_gds { } #sod_bsk .m_sod_bsk_gds td { padding:0; } /* #sod_bsk > div > table tr.m_sod_bsk_gds > td > .m_gds_wrap */ .m_gds_wrap { margin:0 10px 10px 10px; padding:10px; border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } .m_gds_wrap > div { margin-bottom:15px; } .m_gds_wrap > div:after { content:""; display:block; visibility:hidden; clear:both; } .m_gds_wrap > div > div { float:left; } .m_gds_wrap input { display:none; } .m_gds_wrap label { width:calc(100% -4px); height:26px; border:2px solid #d7d7d7; cursor:pointer; display:block; font-size:0; line-height:0; text-indent:-99999px; background:url('/theme/arabamall/shop/images/order/mobile/bg_cart_chk.gif') center no-repeat; } .m_gds_wrap input:checked + label { border:2px solid #f7d117; background:url('/theme/arabamall/shop/images/order/mobile/bg_cart_chked.gif') center no-repeat; } .m_gds_wrap .m_gds_first { } .m_gds_wrap .m_gds_first > .fst { width:100px; height:100px; margin-right:10px; float:left; } .m_gds_wrap .m_gds_first > .lst { width:calc(100% - 110px); float:left; } .m_gds_wrap .m_gds_last { padding-bottom:10px; border-bottom:1px solid #d7d7d7; } .m_gds_wrap .m_gds_last .fst { margin-bottom:5px; font-size:0.857em } .m_gds_wrap .m_gds_last .sod_option_btn { width:100%; } .m_gds_wrap .m_gds_last .sod_option_btn .m_mod_options { width:100%; height:28px; border:1px solid #d7d7d7; display:block; background:url('/theme/arabamall/shop/images/order/mobile/bg_btn_seledit.gif'); } .m_gds_wrap > dl { margin-bottom:10px; border-bottom:1px solid #d7d7d7; } .m_gds_wrap > dl:after { content:""; display:block; visibility:hidden; clear:both; } .m_gds_wrap > dl dt, .m_gds_wrap > dl dd { width:50%; margin-bottom:6px; float:left; } .m_gds_wrap > dl dt { } .m_gds_wrap > dl dd { text-align:right; } .m_gds_wrap .m_gds_chk { margin:0; } #sit_opt_addedt { margin:0; padding:0; border:1px solid #d7d7d7; border-bottom:0; list-style:none; } #sit_opt_addedt li { padding:10px; border-bottom:1px solid #d7d7d7; overflow:hidden; } #sit_opt_addedt li > div { float:left; text-align:left; } #sit_opt_addedt li > div a { width:27px; height:27px; display:inline-block; font-size:0; line-height:0; vertical-align:top; } #sit_opt_addedt li > div.arbOpc_wrap { width:100%; margin-bottom:10px; } #sit_opt_addedt li > div.arbCpd_wrap { width:50%; text-align:left; } #sit_opt_addedt li > div.arbCpd_wrap input { width:25px; height:25px; margin:0; border:1px solid #ccc; display:inline-block; text-align:center; vertical-align:top; color:#000; line-height:2.083em; } #sit_opt_addedt li > div.arbCpd_wrap div { margin:0 0 0 1px; padding:0; display:inline-block; vertical-align:top; } #sit_opt_addedt li > div.arbCpd_wrap div a { } #sit_opt_addedt li > div.arbCpd_wrap div a.arbFrmUp { background:url('/theme/arabamall/shop/images/item/mobile/btn_plus.gif') no-repeat; background-size:27px auto;} #sit_opt_addedt li > div.arbCpd_wrap div a.arbFrmDown { margin-left:1px; background:url('/theme/arabamall/shop/images/item/mobile/btn_minus.gif') no-repeat; background-size:27px auto; } #sit_opt_addedt li > div.arbOsp_wrap { width:50%; text-align:right; } #sit_opt_addedt li > div.arbOsp_wrap .sit_opt_prc_sum { display:none; } #sit_opt_addedt li > div.arbOsp_wrap a.arbFrmDelete { margin-left:5px; background:url('/theme/arabamall/shop/images/item/mobile/btn_x.gif') no-repeat; background-size:27px auto; } #cartoption_wrap { position:absolute; top:0; left:0; width:100%; background:#eee; z-index:1200; } #cartoption_wrap .cartoption_hd { } #cartoption_wrap .cartoption_hd figure { display:none; } #cartoption_wrap .cartoption_hd .cphd_wrap { display:none; } #cartoption_wrap .cartoption_hd .m_cphd_wrap { position:relative; height:45px;background:#ccc; } #cartoption_wrap .cartoption_hd .m_cphd_wrap h2 { position:absolute; top:0; left:45px; width:calc(100% - 102px); height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; line-height:3.500em; font-size:1.000em; } #cartoption_wrap .cartoption_hd .m_cphd_wrap button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #cartoption_wrap .cartoption_hd .m_cphd_wrap button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #cartoption_wrap .cartoption_hd .m_cphd_wrap button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } #cartoption_wrap #foption { padding:10px; } #cartoption_wrap #foption_wrap { padding:10px; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } #cartoption_wrap #foption_wrap section table { border-spacing:0; } #cartoption_wrap #foption_wrap section th { width:60px; padding-bottom:10px; text-align:left; } #cartoption_wrap #foption_wrap section td { padding-bottom:10px; text-align:left; } #cartoption_wrap #foption_wrap section td select { width:100%; } #cartoption_wrap #sit_tot_price { font-size:1.071em; font-weight:bold; text-align:right; } #cartoption_wrap #sit_tot_price span { font-family:"verdana",Nanum Gothic,sans-serif; font-size:1.571em; color:#e91616; } #cartoption_wrap .btn_submit { width:100%; margin:10px 0; padding:15px 0; font-size:1.333em; color:#fff; background:#333; } #sod_bsk_tot { margin:0 10px 20px 10px; padding:10px; border:1px solid #c2c2c2; font-weight:bold; color:#7d7d7d; background:#ccc; zoom:1; } #sod_bsk_tot:after {display:block;visibility:hidden;clear:both;content:""} #sod_bsk_tot dt, #sod_bsk_tot dd { width:50%; margin-bottom:12px; float:left; } #sod_bsk_tot dt { } #sod_bsk_tot dd { text-align:right; } .sod_bsk_cnt { padding-top:10px; border-top:1px solid #b7b7b7; color:#000; } #sod_bsk_tot dt.sod_bsk_cnt { padding-top:15px; font-size:1.071em; font-weight:bold; } .sod_bsk_cnt span { font-family:"verdana",Nanum Gothic,sans-serif; font-size:1.571em; color:#e91616; } .sod_bsk_point {border-bottom:0; } #sod_bsk_act { padding:0 10px; text-align:center } #sod_bsk_act .btn_submit, #sod_bsk_act .btn01 { font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.000em; font-weight:bold; } #sod_bsk_act .btn_submit { width:calc(34% - 4px); height:52px; color:#fff; background:url('/theme/arabamall/shop/images/order/bg_btn_pay.gif') repeat-x; } #sod_bsk_act .btn01 { width:calc(33% - 4px); height:52px; border:1px solid #ccc; color:#333; background:url('/theme/arabamall/shop/images/order/bg_btn_sbs.gif') repeat-x; } #sod_bsk_act a.btn01.add { height:50px; padding:0; line-height:52px; } } /* 위시리스트(아라바몰 수정) */ @media screen and (min-width:1024px) { #sod_ws_wrap { padding-bottom:350px; } #sod_ws { max-width:1200px; margin:0 auto; } #sod_ws h2 { margin-bottom:13px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:2em; } #sod_ws .tbl_head01 { max-width:1200px; margin:0 auto; } #sod_ws .tbl_head01 thead tr { border:0; } #sod_ws .tbl_head01 .m_sod_ws_tr { display:none; } #sod_ws .tbl_head01 th { padding:13px 0; background:#cccccc; } #sod_ws .tbl_head01 td { border-bottom:1px solid #d7d7d7; } #sod_ws .sod_ws_img {width:90px;text-align:center} #sod_ws .td_mngsmall a { width:15px; height:15px; display:inline-block; font-size:0; vertical-align:top; background:url('/theme/arabamall/shop/images/btn_delete.gif') no-repeat; } #sod_ws_act { margin-top:20px; } #sod_ws_act button { width:49.5%; height:52px; font-size:1.333em; font-weight:bold; text-align:center; } #sod_ws_act .btn01 { margin-right:0.6%; border:0; color:#fff; background:url('/theme/arabamall/shop/images/order/bg_btn_pay.gif') repeat-x; } #sod_ws_act .btn02 { border:1px solid #d7d7d7; color:#333; background:url('/theme/arabamall/shop/images/order/bg_btn_sbs.gif') repeat-x; } } @media screen and (max-width:1023px) { #sod_ws_wrap { padding:10px; } #sod_ws {} #sod_ws h2 { font-size:1.5em; } #sod_ws .tbl_head01 {} #sod_ws .tbl_head01 thead { display:none; } #sod_ws .tbl_head01 .sod_ws_tr { display:none; } #sod_ws .tbl_head01 .m_sod_ws_tr td { padding:0; } #sod_ws .tbl_head01 .m_sod_ws_tr td > div { margin-bottom:10px; padding:10px; border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } /* #sod_ws .tbl_head01 .m_sod_ws_tr td > div .div_name {} */ #sod_ws .div_name { margin-bottom:5px; } #sod_ws .div_name:after { content:""; visibility:hidden; display:block; clear:both; } #sod_ws .div_name > .fst { width:100px; height:100px; margin-right:10px; float:left; } #sod_ws .div_name > .lst { width:calc(100% - 110px); float:left; } #sod_ws .div_name > .lst a { display:block; } /* #sod_ws .tbl_head01 .m_sod_ws_tr td > div .div_slt {} */ #sod_ws .div_slt {} #sod_ws .div_slt:after { content:""; visibility:hidden; display:block; clear:both; } #sod_ws .div_slt input { display:none; } #sod_ws .div_slt label { width:96px; height:26px; border:2px solid #d7d7d7; cursor:pointer; display:block; font-size:0; line-height:0; text-indent:-99999px; background:url('/theme/arabamall/shop/images/order/mobile/bg_cart_chk.gif') center no-repeat; } #sod_ws .div_slt input:checked + label { border:2px solid #f7d117; background:url('/theme/arabamall/shop/images/order/mobile/bg_cart_chked.gif') center no-repeat; } #sod_ws .div_slt > .fst { width:100px; margin-right:10px; float:left; } #sod_ws .div_slt > .lst { width:calc(100% - 110px); float:left; } #sod_ws .div_slt > .lst a { width:100%; height:26px; border:1px solid #d7d7d7; display:block; text-align:center; font-size:0; line-height:0; text-indent:-9999px; background-image:url('/theme/arabamall/shop/images/item/bg_btn_del.png'),url('/theme/arabamall/shop/images/order/mobile/bg_btn_seledit.gif'); background-position:center, left; background-repeat:no-repeat, repeat-x; background-size:19px, auto; } #sod_ws_act { width:100%; } #sod_ws_act button { height:52px; font-size:1.143em; font-weight:bold; text-align:center; } #sod_ws_act .btn01 { width:calc(50% - 5px); margin-right:5px; border:0; color:#fff; background:url('/theme/arabamall/shop/images/order/bg_btn_pay.gif') repeat-x; } #sod_ws_act .btn02 { width:calc(50% - 5px); border:1px solid #d7d7d7; color:#333; background:url('/theme/arabamall/shop/images/order/bg_btn_sbs.gif') repeat-x; } } /* 주문서 작성 pc (아라바몰 수정) */ .display_setup_message {margin:0 0 10px;padding:15px;border:1px solid #fccdff;background:#ffeef9} .display_setup_message strong {display:block;margin:0 0 10px} #sod_frm_wrap { } #sod_frm { width:1200px; margin:0 auto; } #sod_frm h2 { margin:70px 0 13px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:2em; } #sod_frm h3 { margin:0 0 30px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:1.5em; } #sod_frm p {margin:0 0 10px} #sod_frm .tbl_head01 { padding-bottom:34px; border-bottom:1px dashed #959595; } #sod_frm .tbl_head01 thead tr { border:0; } #sod_frm .tbl_head01 thead th { padding:13px 0; background:#cccccc; } #sod_list {position:relative} #sod_list {position:relative} #sod_list #cp_frm {z-index:1000;position:absolute;top:0;left:99px;padding:20px;width:500px;height:auto !important;height:500px;max-height:500px;border:1px solid #000;background:#f2f5f9;overflow-y:scroll;overflow-x:none} #sod_frm_w { position:relative; margin-top:50px; overflow:hidden; } #sod_frm_w .sod_frm_lft { width:815px; float:left; } #sod_frm_w .sod_frm_lft .tbl_frm01 tr { border:0; } #sod_frm_w .sod_frm_lft .tbl_frm01 th { width:87px; padding-left:0; border:0; background:#eee; } #sod_frm_w .sod_frm_lft .tbl_frm01 td { padding:7px 0; border:0; } #sod_frm_w .sod_frm_lft .frm_input { width:300px; height:38px; padding-left:10px; border-color:#d7d7d7; background:#fff; } #sod_frm_w .sod_frm_lft .arb_st_input { width:190px; } #sod_frm_w .sod_frm_lft .arb_st_input2 { width:190px; color:#acacac; background:#cccccc; } #sod_frm_w .sod_frm_lft .od_b_zip { width:228px; } #sod_frm_w .sod_frm_lft .btn_frmline2 { width:68px; margin-right:3px; padding:12px 0; border:0; display:inline-block; text-align:center; color:#fff; background:#333; } #sod_frm_w .sod_frm_lft .btn_frmline_org { width:68px; margin-right:3px; padding:12px 0; border:0; color:#fff; background:#333; } #sod_frm_w .sod_frm_lft .btn_frmline_gry { width:68px; margin-right:3px; padding:11px 0; border:1px solid #cccccc; color:#000; background:#cccccc; } #sod_frm_w .sod_frm_lft .btn_frmline_dsb { width:66px; margin-right:3px; padding:11px 0; border:1px solid #cccccc; display:inline-block; text-align:center; color:#acacac; background:#cccccc; } #sod_frm_cpit { position:relative; margin:0; border-bottom:1px solid #ccc; } #sod_frm_cpit p { margin-top:10px; color:#ff0000; } #sod_frm_cpit .span_output { width:193px; padding:12px 0 12px 7px; border:1px solid #d7d7d7; vertical-align:middle; display:inline-block; background:white; } #sod_frm_cpit div.tbl_frm01 .tDc_now { padding:0 0 40px 0; } #sod_frm_cpit div.tbl_frm01 .tDc_level { padding:0 0 20px 0; } #sod_frm_cpit .thPnt { padding-top:21px; vertical-align:top; } #sod_frm_cpit a { text-decoration:underline; } #layerfrm_area { position:fixed; width:800px; height:600px; background:#eee; z-index:1200; } #layerfrm_area .od_coupon_frm_hd figure { margin:0; padding:30px 0; border-bottom:1px solid #b7b7b7; text-align:center; background:#ccc; } #layerfrm_area .od_coupon_frm_hd .m_ocfhd_wrap { display:none; } #layerfrm_area .od_coupon_frm_hd .ocfhd_wrap { position:relative; height:45px; border-top:1px solid #e1e1e1; background:#ccc; } #layerfrm_area .od_coupon_frm_hd .ocfhd_wrap h2 { position:absolute; top:0; left:45px; width:698px; height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.167em; line-height:3.500em; } #layerfrm_area .od_coupon_frm_hd .ocfhd_wrap button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #layerfrm_area .od_coupon_frm_hd .ocfhd_wrap button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #layerfrm_area .od_coupon_frm_hd .ocfhd_wrap button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } /* layerfrm_area > #od_coupon_frm, #sc_coupon_frm */ @media screen and (min-width:1024px) { #od_coupon_frm, #sc_coupon_frm { padding:10px; } .coupon_frm_wrap { height:328px; padding:10px; border:1px solid #d7d7d7; overflow:auto; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } .coupon_frm_wrap table { width:100%; border-spacing:0; border-collapse:collapse; } .coupon_frm_wrap table caption {padding:0;font-size:0;line-height:0;overflow:hidden} .coupon_frm_wrap table th { padding:10px 0; background:#e1e1e1; } .coupon_frm_wrap table td { padding:10px; border-bottom:1px solid #d7d7d7; text-align:center; } .coupon_frm_wrap .btn_frmline_cf { width:39px; height:23px; border:0; font-size:0; text-indent:-99999px; background:url('/theme/arabamall/shop/images/order/bg_btn_apply.gif'); } .coupon_frm_wrap > p { padding:37px 10px 10px 10px; margin-top:10px; border:1px solid #d7d7d7; text-align:center; color:#ff0000; background:url('/theme/arabamall/shop/images/order/mobile/bg_alert.png') center 10px no-repeat; background-size:22px; } } #sod_frm_sdcst { padding:50px 0; border-bottom:1px solid #ccc; } #sod_frm_sdcst fieldset { margin-bottom:10px; } #sod_frm_sdcst legend { position:static; margin-right:20px; float:left; display:block; overflow:visible; font-size:12px; font-weight:bold; line-height:26px; text-indent:0; } #sod_frm_sdcst label { height:26px; margin-right:10px; padding-left:30px; display:inline-block; line-height:26px; cursor:pointer; background:url('/theme/arabamall/shop/images/order/mobile/bg_check.gif') no-repeat; } #sod_frm_sdcst input:checked + label { background:url('/theme/arabamall/shop/images/order/mobile/bg_checked.gif') no-repeat; } #sod_frm_sdcst input {display:none; } #sod_frm_sdcst div { display:inline-block; padding:12px; border:1px solid #d7d7d7; line-height:1.500em; background:#fff; } #sod_frm_orderer { padding:50px 0; } #sod_frm_orderer > ul { margin-bottom:40px; padding:0; list-style:none; } #sod_frm_orderer > ul li { margin-bottom:10px; } #sod_frm #od_memo { width:100%; height:38px; border-color:#d7d7d7; background:#fff; } #sod_frm_orderer #od_addr_jibeon {display:inline-block;margin:5px 0 0} #sod_frm_w .sod_frm_rgt { width:360px; float:right; } #sod_frm_w .sod_frm_rgt .arb_st_input2 { width:190px; border:0; color:#acacac; background:#cccccc; } #sod_frm_tot { margin-bottom:10px; padding:20px; background:#cccccc; } #sod_frm_tot dl, #sod_frm_tot dt, #sod_frm_tot dd { margin:0; padding:0; } #sod_frm_tot dl { color:#7d7d7d; zoom:1; } #sod_frm_tot dl:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_tot dt, #sod_frm_tot dd {float:left; margin-bottom:10px; } #sod_frm_tot dt { width:50%; } #sod_frm_tot dd { width:49%; text-align:right; } #sod_frm_tot .sod_bsk_sell { padding-bottom:14px; border-bottom:1px solid #b7b7b7; color:#000; } #sod_frm_tot .sod_bsk_coupon { padding-top:11px; } #sod_frm_tot .sod_bsk_dvr { margin-bottom:30px; } #sod_frm_tot .sod_bsk_point { } #sod_frm_tot .sod_bsk_cnt { padding-top:10px; border-top:1px solid #b7b7b7; font-size:1.286em; font-weight:bold; color:#000; } #sod_frm_tot dt.sod_bsk_cnt { padding-top:22px; } #sod_frm_tot .sod_bsk_cnt span { font-family:"verdana",Nanum Gothic,sans-serif; font-size:1.857em; color:#e91616; } #sod_frm_tot .sod_bsk_point {border-bottom:0; } #sod_frm_same {margin:0 0 10px} #sod_frm p#sod_frm_pt {margin:10px 0 5px} #sod_frm #sod_frm_pt_alert {margin:0 0 10px} #sod_frm #display_pay_process {text-align:center} #sod_frm #display_pay_process span {display:block;margin:5px 0 0} #sod_frm_pay { position:relative; margin-bottom:10px; padding:20px; background:#cccccc; } #sod_frm_pay h3 { margin-bottom:20px } #sod_frm_paysel { display:none; } #sod_frm_paysel legend {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_frm_paysel .KPAY{background:url('../../../img/kpay_logo.png') no-repeat;width:37px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;} #sod_frm_paysel .PAYNOW{background:url('../../../img/paynow_logo.png') no-repeat;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;} #sod_frm_paysel .PAYCO{background:url('../../../img/payco_logo.png') no-repeat 1px;width:46px;height:15px;overflow:hidden;text-indent:-999px;display:inline-block;} .kakaopay_icon{background:url('../../../img/kakao.png') no-repeat ;height:21px;width:74px;display:inline-block;overflow:hidden;text-indent:-999px} #sod_frm_pay > ul {} #sod_frm_pay > ul:after { content:""; display:block; visibility:hidden; clear:both; } #sod_frm_pay > ul li { float:left; margin-right:8px; } #sod_frm_pay > ul li.sfp4 { margin:0; } #sod_frm_pay > ul li > a { display:block; width:74px; height:60px; font-size:0; text-indent:-9999px; } #sod_frm_pay > ul li.sfp1 > a { background:url('/theme/arabamall/shop/images/order/bg_btn_mu.png') no-repeat; } #sod_frm_pay > ul li.sfp2 > a { background:url('/theme/arabamall/shop/images/order/bg_btn_ec.png') no-repeat; } #sod_frm_pay > ul li.sfp3 > a { background:url('/theme/arabamall/shop/images/order/bg_btn_cd.png') no-repeat; } #sod_frm_pay > ul li.sfp4 > span { display:block; width:74px; height:60px; font-size:0; text-indent:-9999px; background:url('/theme/arabamall/shop/images/order/bg_btn_pc_g.png') no-repeat; } #sod_frm_pay > ul li.sfp1 > a.selected { background:url('/theme/arabamall/shop/images/order/bg_btn_mu_slt.png') no-repeat; } #sod_frm_pay > ul li.sfp2 > a.selected { background:url('/theme/arabamall/shop/images/order/bg_btn_ec_slt.png') no-repeat; } #sod_frm_pay > ul li.sfp3 > a.selected { background:url('/theme/arabamall/shop/images/order/bg_btn_cd_slt.png') no-repeat; } /* #sod_frm_pay > ul li.sfp4 > a.selected { background:url('/theme/arabamall/shop/images/order/bg_btn_pc_slt.png') no-repeat; } */ #settle_bank { margin-top:5px; padding-top:20px; background:url('/theme/arabamall/shop/images/order/bg_mu_line.gif') top left no-repeat; } #settle_bank > div { margin-bottom:5px; } #settle_bank input { padding-left:3px; border-color:#c2c2c2; } #sod_frm_escrow {margin:30px 0 0} #display_pay_process {padding:20px;text-align:center} #display_pay_button { width:100%; } #display_pay_button .btn_submit { width:100%; height:52px; border:0; border-radius:0; cursor:pointer; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.143em; font-weight:bold; color:#fff; background:url('/theme/arabamall/shop/images/order/bg_btn_pay.gif') repeat-x; } /* 주문서 작성 모바일/태블릿(아라바몰 추가) */ #m_sod_wrap { padding:10px; } #m_sod_wrap h3 { font-size:1.5em; } #m_sod_wrap table { width:100%; border-spacing:0; } #m_sod_wrap table th { text-align:left; } #m_sod_wrap .arb_12px { font-size:0.857em; } #m_sod_address { margin-bottom:40px; } #m_sod_address > div { border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } #m_sod_address > div > ul { } #m_sod_address > div > ul:after { content:""; visibility:hidden; display:block; clear:both; } #m_sod_address > div > ul > li { width:calc(33% - 1px); padding:10px 0; border-left:1px solid #c2c2c2; float:left; text-align:center; color:#959595; background:#d7d7d7; } #m_sod_address > div > ul > li:first-child { width:34%; border:0; } #m_sod_address > div > ul > li.on { color:#000; background:url('/theme/arabamall/shop/images/order/mobile/bg_arw_t.gif') center bottom no-repeat; background-color:#f7d117; } #m_sod_address > div > ul > li input { display:none; } #m_sod_address > div > div { padding:10px 10px 20px 10px; } #m_sod_address > div > .m_sod_adrs { display:none; } #m_sod_address > div > .m_sod_adrs.on { display:block; } #m_sod_address > div > .m_sod_adrs > p { padding-top:20px; text-align:center; } #m_sod_address > div > div table th { width:65px; padding:7px 0; border-bottom:1px solid #e1e1e1; font-weight:normal; color:#959595; } #m_sod_address > div > div table td { padding:7px 0; border-bottom:1px solid #e1e1e1; font-weight:bold; } #m_sod_address > div > div li { margin-bottom:10px; } #m_sod_address > div > div .frm_input { width:calc(100% - 5px); height:38px; padding-left:5px; } #m_sod_address > div > div .input_short { width:180px; } #m_sod_address > div > div a { width:75px; padding:12px 0 13px 0; display:inline-block; text-align:center; line-height:auto; font-size:0.857em; color:#fff; background:#333; } #m_sod_address > div > div button { width:72px; height:40px; text-align:center; font-size:0.857em; } #m_sod_address > div > div textarea { width:calc(100% - 10px); height:16px; padding:12px 5px; border:1px solid #ccc; border-radius:0; -webkit-appearance:none; vertical-align:middle; background:#f8f8f8; } #m_sod_address .close_daum_juso { width:20px; height:auto; } #m_sod_address #daum_juso_pageod_b_zip { height:200px; } #m_sod_approval_frm { margin-bottom:40px; } #m_sod_approval_frm h3 { margin:0; } #m_sod_approval_frm > ul { border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } #m_sod_approval_frm > ul > li { margin-bottom:5px; padding:10px; border-bottom:1px solid #d7d7d7; box-shadow:0 3px 3px rgba(0, 0, 0, .1); } #m_sod_approval_frm > ul > li:last-child { border:0; box-shadow:none; } /* #m_sod_approval_frm > ul > li > div,dl */ #m_sod_approval_frm .li_name { margin-bottom:15px; } #m_sod_approval_frm .li_name:after { content:""; display:block; visibility:hidden; clear:both; } #m_sod_approval_frm .li_name .fst { width:100px; height:100px; margin-right:10px; float:left; } #m_sod_approval_frm .li_name .lst { width:calc(100% - 110px); float:left; } #m_sod_approval_frm .li_opt { padding-bottom:15px; border-bottom:1px solid #c2c2c2; font-size:0.857em; } #m_sod_approval_frm .li_total { padding-top:15px; } #m_sod_approval_frm .li_total:after { content:""; display:block; visibility:hidden; clear:both; } #m_sod_approval_frm .li_total dt, #m_sod_approval_frm .li_total dd { width:50%; margin-bottom:6px; float:left; } #m_sod_approval_frm .li_total dt { } #m_sod_approval_frm .li_total dd { text-align:right; } #m_sod_dcpt { margin-bottom:40px; } #m_sod_dcpt > div { padding:10px; border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } #m_sod_dcpt > div table th { width:85px; padding:5px 0; } #m_sod_dcpt > div table td { padding:5px 0; } #m_sod_dcpt > div table .tDc_now { padding-bottom:25px; } #m_sod_dcpt > div table .tDc_level { padding-bottom:17px; } #m_sod_dcpt > div table .thPnt { padding-top:18px; vertical-align:top; } #m_sod_dcpt > div table td a { text-decoration:underline; } #m_sod_dcpt > div table td .span_output { width:calc(100% - 138px); padding:10px 0 9px 3px; border:1px solid #c2c2c2; vertical-align:middle; display:inline-block; background:white; } #m_sod_dcpt > div table td .btn_frmline_org { width:62px; margin-right:3px; padding:12px 0; border:0; color:#fff; font-size:0.857em; background:#333; } #m_sod_dcpt > div table td .btn_frmline_gry { width:62px; padding:12px 0; border:0; color:#000; font-size:0.857em; background:#ccc; } #m_sod_dcpt > div table td .btn_frmline_dsb { width:62px; margin-right:3px; padding:12px 0; border:0; display:inline-block; text-align:center; color:#acacac;; font-size:0.857em; background:#ccc; } #m_sod_dcpt > div table td .frm_input { width:calc(100% - 138px); padding:8px 0 7px 3px; border-color:#c2c2c2; background:white; } #m_sod_dcpt > div table td p { margin-top:5px; font-size:0.857em; } #m_sod_dcpt > div > p { text-align:center; font-size:0.857em; color:#ff0000; } #m_layerfrm_area { position:absolute; top:0; left:0; width:100%; background:#eee; z-index:1200; } #m_layerfrm_area .od_coupon_frm_hd { } #m_layerfrm_area .od_coupon_frm_hd figure { display:none; } #m_layerfrm_area .od_coupon_frm_hd .ocfhd_wrap { display:none; } #m_layerfrm_area .od_coupon_frm_hd .m_ocfhd_wrap { position:relative; height:45px;background:#ccc; } #m_layerfrm_area .od_coupon_frm_hd .m_ocfhd_wrap h2 { position:absolute; top:0; left:45px; width:calc(100% - 102px); height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; line-height:3.500em; font-size:1.000em; } #m_layerfrm_area .od_coupon_frm_hd .m_ocfhd_wrap button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #m_layerfrm_area .od_coupon_frm_hd .m_ocfhd_wrap button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #m_layerfrm_area .od_coupon_frm_hd .m_ocfhd_wrap button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } @media screen and (max-width:1023px){ #od_coupon_frm, #sc_coupon_frm { } .coupon_frm_wrap { padding:10px; border:1px solid #d7d7d7; overflow:auto; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } .coupon_frm_wrap table { width:100%; border-spacing:0; border-collapse:collapse; } .coupon_frm_wrap table caption {padding:0;font-size:0;line-height:0;overflow:hidden} .coupon_frm_wrap table th { padding:10px 0; background:#e1e1e1; } .coupon_frm_wrap table td { padding:10px; border-bottom:1px solid #d7d7d7; text-align:center; } .coupon_frm_wrap .btn_frmline_cf { width:39px; height:23px; border:0; font-size:0; text-indent:-99999px; background-image:url('/theme/arabamall/shop/images/order/mobile/bg_btn_apply.gif'); background-size:39px; } .coupon_frm_wrap > p { padding:35px 10px 10px 10px; margin-top:10px; border:1px solid #d7d7d7; text-align:center; color:#ff0000; background:url('/theme/arabamall/shop/images/order/mobile/bg_alert.png') center 10px no-repeat; background-size:22px; } } #m_sod_scadd { margin-bottom:40px; } #m_sod_scadd > div { padding:10px; border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } #m_sod_scadd > div fieldset { margin-bottom:10px; } #m_sod_scadd > div legend { position:static; margin-bottom:5px; display:block; overflow:visible; font-size:1em; font-weight:bold; line-height:normal; text-indent:0; } #m_sod_scadd > div label { height:26px; margin-right:10px; padding-left:30px; display:inline-block; line-height:26px; cursor:pointer; background:url('/theme/arabamall/shop/images/order/mobile/bg_check.gif') no-repeat; } #m_sod_scadd > div input:checked + label { background:url('/theme/arabamall/shop/images/order/mobile/bg_checked.gif') no-repeat; } #m_sod_scadd > div input {display:none; } #m_sod_scadd > div div { display:inline-block; padding:12px; border:1px solid #ccc; line-height:1.500em; background:#fff; } #m_sod_frm_pmtInfo { margin-bottom:75px; } /* #m_sod_frm_pmtInfo > #m_sod_frm_tot */ #m_sod_frm_tot { margin-bottom:40px; padding:10px; border:1px solid #c2c2c2; background:#ccc; } #m_sod_frm_tot dl, #m_sod_frm_tot dt, #m_sod_frm_tot dd { margin:0; padding:0; } #m_sod_frm_tot dl { color:#7d7d7d; zoom:1; } #m_sod_frm_tot dl:after {display:block;visibility:hidden;clear:both;content:""} #m_sod_frm_tot dt, #m_sod_frm_tot dd {float:left; margin-bottom:10px; } #m_sod_frm_tot dt { width:50%; } #m_sod_frm_tot dd { width:50%; text-align:right; } #m_sod_frm_tot .sod_bsk_sell { padding-bottom:14px; border-bottom:1px solid #b7b7b7; color:#000; } #m_sod_frm_tot .sod_bsk_coupon { padding-top:11px; } #m_sod_frm_tot .sod_bsk_dvr { margin-bottom:20px; } #m_sod_frm_tot .sod_bsk_point { } #m_sod_frm_tot .sod_bsk_cnt { padding-top:10px; border-top:1px solid #b7b7b7; color:#000; } #m_sod_frm_tot dt.sod_bsk_cnt { padding-top:15px; font-size:1.071em; font-weight:bold; } #m_sod_frm_tot .sod_bsk_cnt span { font-family:"verdana",Nanum Gothic,sans-serif; font-size:1.571em; color:#e91616; } /* #m_sod_frm_pmtInfo > #m_sod_frm_pay */ #m_sod_frm_pay { margin-bottom:10px; padding:10px 8px 10px 7px; border:1px solid #c2c2c2; background:#ccc; } #m_sod_frm_pay .m_sod_frm_paysel { } #m_sod_frm_pay .m_sod_frm_paysel > ul:after { content:""; display:block; visibility:hidden; clear:both;} #m_sod_frm_pay .m_sod_frm_paysel > ul li { float:left; width:calc(25% - 5px); margin:0 2px 0 3px; } #m_sod_frm_pay .m_sod_frm_paysel > ul li input { display:none; } #m_sod_frm_pay .m_sod_frm_paysel > ul li label { width:calc(100% - 2px); height:58px; border:1px solid #b7b7b7; border-radius:2px; display:block; text-align:center; background:url('/theme/arabamall/shop/images/order/mobile/bg_paysel.gif') repeat-x; } #m_sod_frm_pay .m_sod_frm_paysel > ul li label img { width:58px; height:auto; } #m_sod_frm_pay .m_sod_frm_paysel > ul li input:checked + label { background:url('/theme/arabamall/shop/images/order/mobile/bg_paysel_slt.gif') repeat-x; } #m_sod_frm_pay .m_sod_frm_paysel > ul li span { width:calc(100% - 2px); height:58px; border:1px solid #b7b7b7; border-radius:2px; display:block; text-align:center; background:url('/theme/arabamall/shop/images/order/mobile/bg_paysel.gif') repeat-x; } #m_sod_frm_pay .m_sod_frm_paysel > ul li span img { width:58px; height:auto; } #m_sod_frm_pay .m_sod_frm_paysel #settle_bank { margin-left:3px; margin-right:2px; } /* 배송지 목록(아라바몰 수정) */ #sod_addr { } #sod_addr header { position:relative; height:45px;background:#ccc; } #sod_addr header h1 { position:absolute; top:0; left:45px; width:calc(100% - 102px); height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; line-height:3.500em; font-size:1.000em; } #sod_addr header button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #sod_addr header button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #sod_addr header button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } #sod_addr > ul { margin:10px; padding:10px; border:1px solid #d7d7d7; font-size:0.857em; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } #sod_addr > ul > li { padding:20px 0; border-bottom:1px solid #d7d7d7; } #sod_addr > ul > li:after {display:block;visibility:hidden;clear:both;content:""} #sod_addr > ul > li.lst { border:0; } #sod_addr > ul > li > div { float:left; width:calc(15% - 10px); padding:7px 10px 0 0; text-align:center; } #sod_addr > ul > li > div .sel_address { width:26px; height:26px; border:0; font-size:0; line-height:0; text-indent:-9999px; background:url('/theme/arabamall/shop/images/register/bg_checkbox.gif') 0 0; } #sod_addr > ul > li > ul { float:right; width:85%; } #sod_addr > ul > li > ul li { margin-bottom:5px; } #sod_addr > ul > li > ul li .frm_input { width:calc(100% - 100px); height:38px; margin:0 0 5px 0; padding-left:5px; } #sod_addr > ul > li > ul li a { width:38px; height:38px; margin-left:5px; border:1px solid #ccc; display:inline-block; vertical-align:top; font-size:0; line-height:0; text-indent:-9999px; background-position:center; background-size:19px, auto; background-repeat:no-repeat, repeat-x; } #sod_addr > ul > li > ul li a.edit_address { background-image:url('/theme/arabamall/shop/images/order/mobile/bg_btn_edit.png'),url('/theme/arabamall/shop/images/order/bg_btn_address.gif'); } #sod_addr > ul > li > ul li .del_address { background-image:url('/theme/arabamall/shop/images/order/mobile/bg_btn_del.png'),url('/theme/arabamall/shop/images/order/bg_btn_address.gif'); } /* 주문내역(아라바몰 수정) */ @media screen and (min-width:1024px) { #sod_v { margin-bottom:200px; } #sod_v ul, #sod_v li { margin:0; padding:0; } #sod_v .tbl_wrap .sod_v_odtr_mb { display:none; } #sod_v .tbl_wrap { max-width:1200px; margin:0 auto; } #sod_v .tbl_wrap h2 { } #sod_v .tbl_wrap table { margin-bottom:10px; } #sod_v .tbl_wrap thead tr { border:0; } #sod_v .tbl_wrap th { padding:13px 0; background:#cccccc; } #sod_v .tbl_wrap td { border-bottom:1px solid #d7d7d7; } #sod_v .tbl_wrap td.od_status { color:#ff0000; } #sod_v .tbl_wrap td .sodv_ord_id { text-decoration:underline; } #sod_v .tbl_wrap td > ul > li { padding:10px 0; overflow:hidden; } #sod_v .tbl_wrap td > ul > li > div { float:left; vertical-align:middle; } #sod_v .tbl_wrap td > ul > li > div.sodv_img { width:100px; margin-right:10px; } #sod_v .tbl_wrap td > ul > li > div.sodv_it_name { width:480px; margin-right:40px; } #sod_v .tbl_wrap td > ul > li > div.sodv_it_use { width:80px; height:60px; } #sod_v .tbl_wrap td > ul > li > div.sodv_it_use > a { display:block; text-align:center; line-height:25px; } #sod_v .tbl_wrap td > ul > li > div.sodv_it_use > .dvr_link { width:78px; height:21px; margin-bottom:5px; border:1px solid #d7d7d7; background:url('/theme/arabamall/shop/images/order/bg_btn_bae.gif') repeat-x; } #sod_v .tbl_wrap td > ul > li > div.sodv_it_use > .sodv_use_w { width:80px; height:23px; color:#fff; line-height:24px; background:url('/theme/arabamall/shop/images/order/bg_btn_use.gif') repeat-x; } #sod_v .tbl_wrap td > ul > li > div > ul { border:1px solid #d7d7d7;border-bottom:0; } #sod_v .tbl_wrap td > ul > li > div > ul li { padding:3px; border-bottom:1px solid #d7d7d7 } #sod_v .basic_tbl {text-align:center} #sod_v_info {margin:0 0 10px} } @media screen and (max-width:1023px) { #sod_v { } #sod_v .tbl_wrap { padding:10px; } #sod_v .tbl_wrap h2 { font-size:1.5em; } #sod_v .tbl_wrap thead { display:none; } #sod_v .tbl_wrap .sod_v_odtr_pc { display:none; } #sod_v .tbl_wrap .sod_v_odtr_mb > td { padding:0; } /* #sod_v .tbl_wrap tr.sod_v_odtr_mb > td > ul.m_odif_wrap */ .m_odif_wrap { margin-bottom:20px; border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } .m_odif_wrap > ul { } .m_odif_wrap > ul > li { margin-bottom:5px; padding:10px; border-bottom:1px solid #d7d7d7; box-shadow:0 3px 3px rgba(0, 0, 0, .1); } .m_odif_wrap > ul > li:last-child { border:0; box-shadow:none; } .m_odif_wrap > ul > li > div { margin-bottom:15px; } .m_odif_wrap > ul > li .m_odif_fst:after { content:""; display:block; visibility:hidden; clear:both; } .m_odif_wrap > ul > li .m_odif_fst > .fst { width:100px; height:100px; margin-right:10px; float:left; } .m_odif_wrap > ul > li .m_odif_fst > .scd { width:calc(100% - 110px); float:left; } .m_odif_wrap > ul > li .m_odif_fst > .scd a { text-decoration:underline; } .m_odif_wrap > ul > li .m_odif_scd { font-size:0.857em; } .m_odif_wrap > ul > li .m_odif_thd { margin:0; } .m_odif_wrap > ul > li .m_odif_thd:after { content:""; display:block; visibility:hidden; clear:both; } .m_odif_wrap > ul > li .m_odif_thd > a { display:block; text-align:center; } .m_odif_wrap > ul > li .m_odif_thd > .dvr_link { float:left; width:48%; height:21px; margin-bottom:5px; border:1px solid #d7d7d7; line-height:22px; background:url('/theme/arabamall/shop/images/order/bg_btn_bae.gif') repeat-x; } .m_odif_wrap > ul > li .m_odif_thd > span { float:right; width:48%; height:21px; border:1px solid #d7d7d7; display:block; text-align:center; line-height:22px; background:url('/theme/arabamall/shop/images/order/bg_btn_bae.gif') repeat-x; } .m_odif_wrap > ul > li .m_odif_thd > .sodv_use_w { float:right; width:48%; height:23px; color:#fff; line-height:24px; background:url('/theme/arabamall/shop/images/order/bg_btn_use.gif') repeat-x; } .m_odif_wrap > dl { margin:0 10px 10px 10px; padding:7px 10px; background:#ccc; } .m_odif_wrap > dl:after { content:""; display:block; visibility:hidden; clear:both; } .m_odif_wrap > dl dt, .m_odif_wrap dl dd { width:50%; margin:3px 0; float:left; } .m_odif_wrap > dl dd { text-align:right; } } /* 주문완료 */ @media screen and (min-width:1024px) { #sod_comptn { width:800px; margin:80px auto 100px auto; font-family:"Nanum Gothic", Malgun Gothic, Dotum, sans-serif; } #sod_comptn .sod_comptn_top { margin-bottom:20px; padding:120px 0; border:1px solid #d7d7d7; text-align:center; background:#fff; } #sod_comptn .sod_comptn_top img { width:104px; height:auto; } #sod_comptn .sod_comptn_top p { margin-top:20px; font-size:2.000em; } #sod_comptn .sod_comptn_btn { overflow:hidden; } #sod_comptn .sod_comptn_btn a { width:395px; padding:15px 0; display:inline-block; text-align:center; font-size:1.333em; color:#fff; } #sod_comptn .sod_comptn_btn a:hover { text-decoration:none; } #sod_comptn .sod_comptn_btn .sc_btn01 { float:left; background:#333; } #sod_comptn .sod_comptn_btn .sc_btn02 { float:right; background:#959595; } } @media screen and (max-width:1023px) { #sod_comptn { margin-bottom:80px; padding:10px; } #sod_comptn .sod_comptn_top { margin-bottom:20px; padding:80px 0; border:1px solid #d7d7d7; text-align:center; background:#fff; } #sod_comptn .sod_comptn_top img { width:104px; height:auto; } #sod_comptn .sod_comptn_top p { margin-top:10px; font-size:1.500em; } #sod_comptn .sod_comptn_btn { overflow:hidden; } #sod_comptn .sod_comptn_btn a { width:48%; padding:15px 0; display:inline-block; text-align:center; font-size:1.333em; color:#fff; } #sod_comptn .sod_comptn_btn a:hover { text-decoration:none; } #sod_comptn .sod_comptn_btn .sc_btn01 { float:left; background:#333; } #sod_comptn .sod_comptn_btn .sc_btn02 { float:right; background:#959595; } } /* 주문상세내역(아라바몰 수정) */ #sod_fin_wrap { } @media screen and (min-width:1024px) { #sod_fin { max-width:1200px; margin:0 auto; padding-bottom:70px; } #sod_fin h2 { } /* #sod_fin > #sod_fin_list */ #sod_fin_list { margin-bottom:50px; } #sod_fin_list h3 { font-size:0; line-height:0; text-indent:-9999px; } /* #sod_fin_list > .tbl_head01 */ #sod_fin_list .sod_fin_mb { display:none; } #sod_fin_list .tbl_head01 thead tr { border:0; } #sod_fin_list .tbl_head01 th { padding:13px 0; background:#cccccc; } #sod_fin_list .tbl_head01 td { padding:5px; vertical-align:top; } #sod_fin_list .tbl_head01 td.ct_status { color:#ff0000; } /* #sod_fin_list > #sod_bsk_tot */ #sod_bsk_tot { } #sod_bsk_tot .arbBrdT1 { border-top:1px solid #b7b7b7; } } @media screen and (max-width:1023px) { #sod_fin { padding:10px; } #sod_fin h2 { font-size:1.500em; } #sod_fin #sod_fin_no { padding:10px; border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } /* #sod_fin > #sod_fin_list */ #sod_fin_list { } #sod_fin_list h3 { font-size:0; line-height:0; text-indent:-9999px; } #sod_fin_list > .tbl_head01 { } #sod_fin_list .tbl_head01 thead { display:none; } #sod_fin_list .tbl_head01 td { margin:0; padding:10px 0; } #sod_fin_list .sod_fin_pc { display:none; } #sod_fin_list .sod_fin_mb {} #sod_fin_list .sod_fin_mb td > ul { border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } #sod_fin_list .sod_fin_mb td > ul li { margin-bottom:5px; padding:10px; border-bottom:1px solid #d7d7d7; box-shadow:0 3px 3px rgba(0, 0, 0, .1); } #sod_fin_list .sod_fin_mb td > ul li:last-child { border:0; box-shadow:none; } #sod_fin_list .sod_fin_mb td > ul li .li_name { margin-bottom:15px; overflow:hidden; } #sod_fin_list .sod_fin_mb td > ul li .li_name .fst { float:left; width:100px; margin-right:10px; } #sod_fin_list .sod_fin_mb td > ul li .li_name .scd { width:calc(100% - 110px); float:left; } #sod_fin_list .sod_fin_mb td > ul li .li_opt { padding-bottom:15px; border-bottom:1px solid #d7d7d7; font-size:0.857em; } #sod_fin_list .sod_fin_mb td > ul li .li_total { padding-top:15px; } #sod_fin_list .sod_fin_mb td > ul li .li_total:after { content:""; display:block; visibility:hidden; clear:both; } #sod_fin_list .sod_fin_mb td > ul li .li_total dt, #sod_fin_list .sod_fin_mb td > ul li .li_total dd { width:50%; margin-bottom:6px; float:left; } #sod_fin_list .sod_fin_mb td > ul li .li_total dt { } #sod_fin_list .sod_fin_mb td > ul li .li_total dd { text-align:right; } #sod_fin_list .sod_fin_mb td > ul li .li_total dd.ct_status { color:#ff0000; } /* #sod_fin_list > #sod_bsk_tot */ #sod_fin_list #sod_bsk_tot { margin:0 0 20px 0; } #sod_bsk_tot .arbBrdT1 { padding-top:12px; border-top:1px solid #b7b7b7; } } #sod_sts_wrap {margin:0 0 10px;text-align:right} #sod_sts_explan {display:none} #sod_fin_legend {padding:7px 5px 0;border:1px solid #e9e9e9;text-align:left;zoom:1} #sod_fin_legend:after {display:block;visibility:hidden;clear:both;content:''} #sod_fin_legend dt {clear:both;float:left;margin:0 0 5px;width:50px;font-weight:bold} #sod_fin_legend dd {float:left;margin:0} #request_form {position:relative} #request_form div {display:none;z-index:1000;position:absolute;top:23px;left:0;padding:20px 0;width:520px;border:1px solid #000;background:#f2f5f9;text-align:center} #request_form .frm_input {width:300px;background:#fff !important} #request_form .btn_frmline, #request_form .btn_cancel {vertical-align:middle !important} #request_form .btn_frmline {padding:0 10px;line-height:1.6em} #sod_req_btn {margin:0 0 10px} #sod_req_btn button {background:#626870} #sod_req_log {margin:0 0 20px} #sod_req_log ul {margin:0;padding:0;border-top:1px solid #e9e9e9;background:#f2f5f9;list-style:none} #sod_req_log li {padding:10px 10px 20px;border:1px solid #e9e9e9;border-top:0} #sod_req_log h3 {margin:20px 0 10px} .sod_req_log_view table {margin:0} .sod_req_log_view caption {padding:10px 0;font-size:1em;font-weight:bold;text-align:left;line-height:1em} .sod_req_log_view caption span {color:#ff3061} .sod_req_log_view th {border-top:1px solid #e9e9e9;background:#f7f7f7 !important;color:#000 !important;text-align:center} .sod_req_log_view td {background:#fff;color:#000} .sod_req_log_view p {padding:10px 15px;border-bottom:1px solid #e9e9e9;background:#fff;color:#000} .sod_req_log_view .sod_req_it {width:270px} .sod_req_log_view button {margin:0;padding:0;border:0;background:transparent;color:#ff3061;text-decoration:underline;vertical-align:middle;cursor:pointer} #sod_fin_view { } #sod_fin_view h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_view h4 { margin:0; cursor:pointer; background:url('/theme/arabamall/shop/images/order/bg_btn_plus.gif') right no-repeat #cccccc; } #sod_fin_view .tbl_head01 { display:none; margin:0; background:#fff; } #sod_fin_view .tbl_head01 tr { border-bottom:1px solid #d7d7d7; } #sod_fin_view .tbl_head01 td { margin:0; padding:0; border:0; } @media screen and (min-width:1024px) { #sod_fin_view { margin-bottom:50px; } #sod_fin_view h4 { padding:20px 34px; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.167em; font-weight:normal; } #sod_fin_view .tbl_head01 th { width:140px; margin:0; padding:18px 0 18px 34px; border:0; text-align:left; } } @media screen and (max-width:1023px) { #sod_fin_view { margin-bottom:20px; } #sod_fin_view h4 { height:58px; padding:0 10px; line-height:58px; font-size:1.000em; } #sod_fin_view .tbl_head01 th { width:80px; margin:0; padding:18px 0 18px 10px; border:0; text-align:left; } } #sod_fin_view h4:hover { background:url('/theme/arabamall/shop/images/order/bg_btn_plus_over.gif') right no-repeat #cccccc; } #sod_fin_view h4.active { background:url('/theme/arabamall/shop/images/order/bg_btn_minus.gif') right no-repeat #cccccc; } /* #sod_fin_view > #sod_fin_pay */ #sod_fin_pay { border-bottom:1px solid #fff; } #sod_fin_pay .tax_b { width:100px; height:23px; display:block; font-size:0; line-height:0; } #sod_fin_pay .tax_s { width:100px; height:23px; display:block; font-size:0; line-height:0; } @media screen and (min-width:1024px) { #sod_fin_pay .tax_b { background:url('/theme/arabamall/shop/images/order/bg_btn_tax_b.gif') no-repeat; } #sod_fin_pay .tax_s { background:url('/theme/arabamall/shop/images/order/bg_btn_tax_s.gif') no-repeat; } } @media screen and (max-width:1023px) { #sod_fin_pay .tax_b { background:url('/theme/arabamall/shop/images/order/mobile/bg_btn_tax_b.gif') no-repeat; background-size:100px auto; } #sod_fin_pay .tax_s { background:url('/theme/arabamall/shop/images/order/mobile/bg_btn_tax_s.gif') no-repeat; background-size:100px auto; } } /* #sod_fin_view > #sod_fin_receiver */ #sod_fin_receiver { border-bottom:1px solid #fff; } /* #sod_fin_view > #sod_fin_dvr */ #sod_fin_dvr { } #sod_fin_dvr .dvr_link {color:#ff3061;text-decoration:underline} #sod_fin_tot {margin:0 0 30px;padding:10px;border:1px solid #e9e9e9;border-top:0;background:#565e60;color:#fff} #sod_fin_tot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_tot ul {margin:0;padding:0;list-style:none} #sod_fin_tot li {padding:10px;border-bottom:1px solid #6f7a7d;zoom:1} #sod_fin_tot li:after {display:block;visibility:hidden;clear:both;content:""} #sod_fin_tot #alrdy {border-bottom:0 !important} #sod_fin_tot strong {float:right} #sod_fin_cancel {text-align:center} #sod_fin_cancel h3 {position:absolute;font-size:0;line-height:0;overflow:hidden} #sod_fin_cancel .btn_frmline { width:100%; padding:15px 0; border:0; cursor:pointer; font-family:"Nanum Gothic", Malgun Gothic, Dotum, sans-serif; color:#fff; background:#333; } @media screen and (min-width:1024px) { #sod_fin_cancel .btn_frmline { font-size:1.333em; } } @media screen and (max-width:1023px) { #sod_fin_cancel .btn_frmline { font-size:1.143em; font-weight:bold; } } #sod_fin_cancel p { width:96%; padding:2%; border:1px solid #d7d7d7; vertical-align:middle; background:#fff; } #sod_fin_cancelfrm {display:none;margin:10px 0 0} #sod_fin_cancelfrm .frm_input {background:#fff} #sod_fin_test {padding:10px} /* 주문상세내역 중 현금영수증 발급(아라바몰 수정) */ #scash { } #scash header { position:relative; height:45px;background:#ccc; } #scash header h1 { position:absolute; top:0; left:45px; width:calc(100% - 102px); height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; line-height:3.500em; font-size:1.000em; } #scash header button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #scash header button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #scash header button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } #scash section { margin:10px 10px 40px 10px; } #scash section.scash_fst { } #scash h2 { font-size:1.5em; } #scash .tbl_head01 { padding:10px; border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } #scash .tbl_head01 th { width:100px; padding:7px 0; border-top:0; border-bottom:1px solid #e1e1e1; text-align:left; font-weight:normal; color:#959595; } #scash .tbl_head01 td { padding:7px 0; border-top:0; border-bottom:1px solid #e1e1e1; font-weight:bold;; } #scash .tbl_head01 .frm_input { border:1px solid #ccc; background:#f8f8f8; } #scash .basic_tbl th {padding:0 10px;border-top:1px solid #eee;border-bottom:1px solid #eee;background:#f2f5f9;text-align:left} #scash_apply { } #scash_apply button { width:100%; padding:15px 0; border:0; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.143em; font-weight:bold; color:#fff; background:#333; } #scash_copy {text-align:center} /* #od_coupon_frm h4, #sc_coupon_frm h4 { padding:20px; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.667em; font-weight:bold; color:#fff; background:#333; } */ /* 공지사항 및 커뮤니티 새글(아라바몰 수정) */ #sidx_lat { padding:44px 0; } #sidx_lat > div { max-width:1200px; margin:0 auto; } #sidx_lat > div:after { content:""; clear:both; display:block; visibility:hidden; } #sidx_lat > div div { float:left; } #sidx_lat > div h2 { position:absolute; overflow:hidden; font-size:0; line-height:0; } /* 배너 인덱스 출력 */ #sbn_idx {} /* 상품검색 */ #ssch_frm {padding:20px;border:1px solid #e9e9e9;background:#f2f5f9;zoom:1} #ssch_frm:after {display:block;visibility:hidden;clear:both;content:""} #ssch_frm div {margin:0 0 5px} #ssch_frm strong, #ssch_frm .ssch_lbl {display:inline-block;width:100px;font-weight:bold} #ssch_frm .frm_input {background:#fff} #ssch_frm .btn_submit {padding:0 8px;height:24px} #ssch_frm p {padding:10px 0;border-top:1px solid #e9e9e9;line-height:1.5em} #ssch_frm #ssch_sort {float:left;margin:0;padding:0;list-style:none;zoom:1} #ssch_frm #ssch_sort:after {display:block;visibility:hidden;clear:both;content:""} #ssch_frm #ssch_sort li {float:left;margin:0 1px 0 0} #ssch_frm #ssch_ov {float:right} #ssch_cate {} #ssch_cate ul {margin:10px 0;padding:10px 20px 20px;border-bottom:1px solid #e9e9e9;list-style:none;zoom:1} #ssch_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #ssch_cate li {float:left;margin:0 10px 0 0;padding:0 10px 0 0;border-right:1px solid #e9e9e9} #ssch_cate a {} #ssch_cate a span {font-weight:bold} /* 쇼핑몰 이벤트 */ #sev {} .sev_admin {margin:0 0 10px;text-align:right} /* 쿠폰(아라바몰 수정) */ @media screen and (min-width:1024px) { #coupon_hd figure { margin:0; padding:30px 0; border-bottom:1px solid #b7b7b7; text-align:center; background:#ccc; } #coupon_hd .m_mpcphd_wrap { display:none; } #coupon_hd .mpcphd_wrap { position:relative; height:45px; border-top:1px solid #e1e1e1; background:#ccc; } #coupon_hd .mpcphd_wrap h2 { position:absolute; top:0; left:45px; width:698px; height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; font-family:"Nanum Gothic",Malgun Gothic,Dotum,sans-serif; font-size:1.167em; line-height:3.500em; } #coupon_hd .mpcphd_wrap button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #coupon_hd .mpcphd_wrap button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #coupon_hd .mpcphd_wrap button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } #coupon_wrap .coupon { height:400px; padding:10px; border:1px solid #d7d7d7; overflow:auto; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } } @media screen and (max-width:1023px) { #coupon_hd figure { display:none; } #coupon_hd .mpcphd_wrap { display:none; } #coupon_hd .m_mpcphd_wrap { position:fixed; width:100%; height:45px; background:#ccc; } #coupon_hd .m_mpcphd_wrap h2 { position:absolute; top:0; left:45px; width:calc(100% - 102px); height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; line-height:3.500em; font-size:1.000em; } #coupon_hd .m_mpcphd_wrap button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #coupon_hd .m_mpcphd_wrap button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #coupon_hd .m_mpcphd_wrap button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } #coupon_wrap .coupon { margin-top:45px; padding:10px; border:1px solid #d7d7d7; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } } #coupon_wrap { padding:10px 10px 20px; background:#eee; } #coupon_wrap .coupon table { width:100%; border-spacing:0; border-collapse:collapse; } #coupon_wrap .coupon table caption {padding:0;font-size:0;line-height:0;overflow:hidden} #coupon_wrap .coupon table th { padding:10px 0; background:#e1e1e1; } #coupon_wrap .coupon table .m_pct_50 { width:50%; } #coupon_wrap .coupon table .m_pct_30 { width:30%; } #coupon_wrap .coupon table .m_pct_25 { width:25%; } #coupon_wrap .coupon table .m_pct_20 { width:20%; } #coupon_wrap .coupon table td { padding:10px; border-bottom:1px solid #d7d7d7; text-align:center; word-break:break-all; } #coupon_wrap .coupon table td.txtred { color:red; } /* 모바일일때 피시버전 주문폼*/ /* .sod_list {position:relative;margin:0;padding:0;list-style:none;background:white;} .sod_list .sod_li {position:relative;padding:0;border:1px solid #e9e9e9;margin:0} .sod_list .sod_li:after {display:block;visibility:hidden;clear:both;content:""} .sod_list .li_chk{position:absolute;top:10px;left:10px;} .sod_list .li_name{min-height:130px} .sod_list .li_name a,.sod_list .li_name strong{display:block;padding: 0 10px 0 25px;border-bottom:1px solid #e9e9e9;height:35px;line-height:35px} .sod_list .li_name strong{padding-left:10px} .sod_list .total_img{position:absolute;top:45px;left:10px;} .sod_list .sod_opt{padding:10px 10px 5px;margin-left:90px;color:#9e9e9e;font-size:0.93em;background:none;border:none} .sod_list .sod_opt li{margin-bottom:3px;border:none} .sod_list .li_cp{position:relative} .sod_list .li_cp .cp_btn, .sod_list .li_cp .cp_cancel, .sod_list .li_mod .mod_btn {margin:0;padding:5px 8px;border:0;background:#000;color:#fff;font-size:0.93em} .sod_list .li_cp .cp_cancel,.odf_tbl #od_coupon_cancel,.odf_tbl #sc_coupon_cancel{border:1px solid #999;color:#777;background:#fafafa;margin-left:3px;padding:4px 5px} .sod_list .li_prqty{margin:10px;} .sod_list .li_prqty:after {display:block;visibility:hidden;clear:both;content:""} .sod_list .li_prqty .li_prqty_sp{width:33%;display:inline-block;float:left;text-align:center;line-height:2.2em;border-top:1px solid #d3d3d3;border-bottom:1px solid #d3d3d3;border-left:1px solid #e9e9e9;color:#9e9e9e;font-size:0.93em;margin-left:-1px} .sod_list .li_prqty .prqty_price{border-left:1px solid #d3d3d3;} .sod_list .li_prqty .prqty_sc{border-right:1px solid #d3d3d3;} .sod_list .li_prqty .li_prqty_sp span{display:block;background:#f2f2f2;} .sod_list .li_total {position:relative;border-top:1px solid #e9e9e9;margin:10px 10px 0;} .sod_list .total_span {display:block;position:relative;padding:5px 0;text-align:right;color:#343434} .sod_list .total_span span{position:absolute;top:5px;left:0} .sod_list .total_span strong{font-size:1.2em} #sod_frm { } #sod_frm section{margin-bottom:10px} #sod_frm p#sod_frm_pt_alert {margin:20px 0;text-align:center } */ #cp_frm {height:auto;max-height:10000px !important;position:absolute;top:0;left:0;width:70%;background:#fff;padding:20px;border:1px solid #000;z-index:999} /* 아라바몰 수정 */ #sod_frm_deli {position:relative;line-height:2em} #sod_frm_deli #order_address {display:block;;width:100px;background:#333;color:#fff;text-align:center} /* #sod_frm_orderer {margin:15px 0 30px} #sod_frm_orderer #od_addr_jibeon, #sod_frm_taker #od_b_addr_jibeon {display:inline-block;margin:5px 0 0} */ #sod_frm .odf_tbl table{width:100%;margin:0;padding:0;border-top:1px solid #e9e9e9;border-left:1px solid #e9e9e9;border-right:1px solid #e9e9e9;border-collapse:collapse} #sod_frm .odf_tbl table tbody td,#sod_frm .odf_tbl table tbody th{;border-bottom:1px solid #e9e9e9;padding:5px 0px 5px 10px ;text-align:left;line-height:26px;position:relative;} #sod_frm .odf_tbl table th{width:90px;color:#343434;font-weight:normal;letter-spacing:-0.1em} #sod_frm .odf_tbl table .frm_input{background-color:#fff !important;height:24px;line-height:24px;text-indent:5px} #sod_frm .odf_tbl table .frm_address{margin-top:5px} #sod_frm .odf_tbl button.btn_frmline{font-size:0.92em;padding:0 8px;height:26px;line-height:26px} #sod_frm .odf_tbl textarea{width:99%;border:1px solid #e4eaec;} #sod_frm_same {margin:0 0 10px} /* #sod_frm_pay {position:relative} #sod_frm_pay .tbl_head01 caption {font-size:0;line-height:0;overflow:hidden} #sod_frm_pay .tbl_head01 th {width:auto !important;font-weight:bold;text-align:center !important} #sod_frm_pay .tbl_head01 td {border-top:1px solid #e9e9e9 !important;border-bottom:1px solid #e9e9e9 !important;line-height:1.5em !important;word-break:break-all !important} */ html.no-overflowscrolling #sc_coupon_frm, html.no-overflowscrolling #od_coupon_frm {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #sod_frm_pay_info {margin:0 0 10px} /* #sod_frm_paysel {margin:10px 0 ;padding:10px;background:#f2f2f2;border:1px solid #e0e0e0} #sod_frm_paysel ul {margin:0;padding:0;} #sod_frm_paysel ul:after {display:block;visibility:hidden;clear:both;content:""} #sod_frm_paysel li {float:left;padding:5px 2%;width:46%;height:21px;text-align:left;list-style:none} */ /* 현재 위치(아라바몰 추가) */ @media screen and (min-width:1024px) { #arb_location { margin-bottom:70px; border-bottom:1px solid #f7d117; } #arb_location > div { max-width:1200px; margin:0 auto; letter-spacing:-4px; } #arb_location a { padding:20px; display:inline-block; text-decoration:none; letter-spacing:0 !important; } .arb_lct_here { font-weight:bold } .arb_lct_bg { background:url('/theme/arabamall/skin/shop/basic/img/sct_bg_toright.gif') right 22px no-repeat} } @media screen and (max-width:1023px) { #arb_location { display:none; } } /* 회사소개(아라바몰 추가) */ @media screen and (min-width:1024px) { #cpnif_cttus_wrap { margin:0; padding-bottom:70px; } #cpnif_cttus_wrap h2 { position:absolute;font-size:0;line-height:0;overflow:hidden; } #cpnif_cttus_wrap h3 { } #cpnif_cttus_wrap h4 { margin-bottom:10px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:1.500em; font-weight:normal; } #cpnif_cttus_wrap h5 { margin-bottom:8px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:1.333em; font-weight:normal; } #cpnif_cttus { max-width:1200px; margin:0 auto; } #company_info { margin-bottom:70px; } #company_info > div { padding:30px; background:#d7d7d7; } #company_info > div article { margin-bottom:45px; } #company_info > div article > p { line-height:20px; } #company_info .cpnif_user { margin:0; } #company_info .cpnif_user > p { margin-bottom:23px; } #company_info .cpnif_user > p > span { text-decoration:underline; } #company_info .cpnif_user > .div_mb { display:none; } #company_info .cpnif_user > div { padding-left:120px; background:url('/theme/arabamall/shop/images/footer_link/bg_user.png') left top no-repeat; } #company_info .cpnif_user > div h5.cpnif_h51 { padding-top:20px; } #company_info .cpnif_user > div p { margin-bottom:65px; line-height:20px; } #company_info .cpnif_user > div p.cpnif_prgh1 { margin-bottom:58px; } #company_info .cpnif_user > div p.cpnif_prgh2 { margin:0; padding-bottom:20px; } #contact_us > div { padding:30px; background:#fff; } #contact_us > div article { margin-bottom:45px; } #contact_us > div .mbt { display:none; } #contact_us > div article > div { margin-top:10px; } #contact_us > div article > p > span { font-size:16px; } } @media screen and (max-width:1023px) { #cpnif_cttus_wrap { padding:10px; } #cpnif_cttus_wrap h2 { position:absolute;font-size:0;line-height:0;overflow:hidden; } #cpnif_cttus_wrap h3 { font-size:1.500em; } #cpnif_cttus_wrap h4 { font-size:1.143em; font-weight:normal; } #company_info { margin-bottom:40px; } #company_info h4 { margin-bottom:3px; } #company_info > div { padding:10px; background:#cccccc; } #company_info > div article { margin-bottom:20px; } #company_info > div article > p { } #company_info .cpnif_user { margin:0; } #company_info .cpnif_user > p { margin-bottom:23px; } #company_info .cpnif_user > p > span { text-decoration:underline; } #company_info .cpnif_user > .div_pc { display:none; } #company_info .cpnif_user > div { } #company_info .cpnif_user > div div { margin-bottom:20px; padding-left:60px; } #company_info .cpnif_user > div div:nth-child(1) { background:url('/theme/arabamall/shop/images/footer_link/bg_u.png') no-repeat; background-size:52px auto; } #company_info .cpnif_user > div div:nth-child(2) { background:url('/theme/arabamall/shop/images/footer_link/bg_s.png') no-repeat; background-size:52px auto; } #company_info .cpnif_user > div div:nth-child(3) { background:url('/theme/arabamall/shop/images/footer_link/bg_e.png') no-repeat; background-size:52px auto; } #company_info .cpnif_user > div div:nth-child(4) { background:url('/theme/arabamall/shop/images/footer_link/bg_r.png') no-repeat; background-size:52px auto; } #contact_us > div { padding:10px; background:#fff; } #contact_us > div article { margin-bottom:20px; } #contact_us > div .pct { display:none; } #contact_us > div article > div { margin-top:10px; } #contact_us > div article.ctu_tel .mbt img { width:84px; height:auto; } #contact_us > div article.ctu_complain .mbt img { width:118px; height:auto; } #contact_us > div article #kakao { margin:0; padding:10px; text-align:center; background:#fbe300; } #contact_us > div article #kakao a { display:block; text-decoration:none; } #contact_us > div article #kakao img { width:70px; height:auto; } #contact_us > div article #kakao p { font-size:0.857em; } } /* 아라바몰 파트너(아라바몰 추가) */ @media screen and (min-width:1024px) { #partners_wrap { } #partners_inner { max-width:1200px; margin:0 auto; } #partners_inner h2 { position:absolute;font-size:0;line-height:0;overflow:hidden; } #partners_inner h3 { } #partners_inner section { padding-bottom:70px; } #partners_inner div { padding:47px; background:#fff; } #partners_inner .logo_list ul { width:1105px; border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; } #partners_inner .logo_list ul:after { content:""; display:block; visibility:hidden; clear:both; } #partners_inner .logo_list li { width:220px; height:116px; padding:17px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; float:left; font-size:1.167em; text-align:center; } #partners_inner .logo_list li a:hover { text-decoration:none; color:#959595; } #partners_inner .logo_list li a:focus { text-decoration:none; color:#959595; } #partners_inner .logo_list li.li_hide_pc { display:none; } #partners_inner .partership p { margin-bottom:20px; } #partners_inner .partership .tel_mb { display:none } } @media screen and (max-width:1023px) { #partners_wrap { padding:10px; } #partners_inner h2 { position:absolute;font-size:0;line-height:0;overflow:hidden; } #partners_inner h3 { font-size:1.500em; } #partners_inner section.logo_list { margin-bottom:40px; } #partners_inner section > div { padding:10px; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } #partners_inner .logo_list ul { width:calc(100% - 2px); border:1px solid #d7d7d7; } #partners_inner .logo_list ul:after { content:""; display:block; visibility:hidden; clear:both; } #partners_inner .logo_list li { width:calc(33% - 1px); height:65px; padding:5px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; float:left; text-align:center; font-size:0.714em; } #partners_inner .logo_list li.mb_brd_r0 { width:34%; border-right:0; } #partners_inner .logo_list li.mb_brd_b0 { border-bottom:0; } #partners_inner .logo_list li.li_hide_mb { display:none; } #partners_inner .logo_list li.li_hide_pc { color:#fff; } #partners_inner .logo_list li.li_hide_pc img { width:75px; height:50px; display:block; } #partners_inner .logo_list li img { width:75px; height:auto; } #partners_inner .partership p { margin-bottom:10px; } #partners_inner .partership .tel_pc { display:none } #partners_inner .partership .tel_mb img { width:111px; height:auto; } } /* 교환/반품안내(아라바몰 추가) */ @media screen and (min-width:1024px) { #exchreturn_wrap { padding-bottom:70px; } #exchreturn_inner { max-width:1200px; margin:0 auto; } #exchreturn_inner h2 { } #exchreturn_inner > div { padding:30px; background:#fff; } #exchreturn_inner > div h3 { margin-bottom:15px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:1.500em; font-weight:normal; } #exchreturn_inner .txt_org { color:#ff9900; } #exchreturn_inner .excgrt_o { margin-bottom:60px; } #exchreturn_inner .excgrt_o p { margin-bottom:20px; } #exchreturn_inner .excgrt_o p.excgrt_prgh1 { line-height:20px; } #exchreturn_inner .excgrt_o table { width:100%; margin-bottom:10px; border-left:1px solid #ccc; border-spacing:0; } #exchreturn_inner .excgrt_o table .mbt { display:none; } #exchreturn_inner .excgrt_o table th { width:33%; padding:10px 0; border-right:1px solid #fff; border-spacing:1px; font-weight:normal; background:#d7d7d7; } #exchreturn_inner .excgrt_o table th.brdr_ccc { border-right:1px solid #d7d7d7; } #exchreturn_inner .excgrt_o table td { padding:10px 0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center; } #exchreturn_inner .excgrt_o p.excgrt_prgh2 { padding:30px 0 40px 0; font-size:1.333em; color:#ff9900; text-align:center; text-decoration:underline; } #exchreturn_inner .excgrt_o p.excgrt_prgh3 { padding:30px 0; color:#000; text-align:center; line-height:20px; background:#d7d7d7; } #exchreturn_inner .excgrt_o p.excgrt_prgh3 .txt_16px { font-size:1.333em; } #exchreturn_inner .excgrt_x { } #exchreturn_inner .excgrt_x li { margin-bottom:20px; } } @media screen and (max-width:1023px) { #exchreturn_wrap { padding:10px; } #exchreturn_inner h2 { font-size:1.500em; } #exchreturn_inner h3 { margin-bottom:5px; font-size:1.143em; } #exchreturn_inner > div { padding:10px; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } #exchreturn_inner .txt_org { color:#ff9900; } #exchreturn_inner .excgrt_o { margin-bottom:20px; } #exchreturn_inner .excgrt_o p { margin-bottom:10px; } #exchreturn_inner .excgrt_o table { width:100%; margin-bottom:10px; border-left:1px solid #ccc; border-spacing:0; font-size:0.857em } #exchreturn_inner .excgrt_o table .pct { display:none; } #exchreturn_inner .excgrt_o table th { width:33%; padding:10px 0; border-right:1px solid #fff; border-spacing:1px; font-weight:normal; background:#d7d7d7; } #exchreturn_inner .excgrt_o table th.brdr_ccc { border-right:1px solid #d7d7d7; } #exchreturn_inner .excgrt_o table td { padding:10px 0; border-bottom:1px solid #d7d7d7; border-right:1px solid #d7d7d7; text-align:center; } #exchreturn_inner .excgrt_o p.excgrt_prgh2 { padding:10px 0; font-size:1.143em; color:#ff9900; text-align:center; text-decoration:underline; } #exchreturn_inner .excgrt_o p.excgrt_prgh3 { padding:10px 0; color:#000; text-align:center; line-height:20px; background:#d7d7d7; } #exchreturn_inner .excgrt_o p.excgrt_prgh3 .txt_16px { font-size:1.143em; } #exchreturn_inner .excgrt_x li { } } /* 아라바몰 이벤트(아라바몰 추가) */ #eventArb_wrap { } #eventArb_inner h2 { position:absolute;font-size:0;line-height:0;overflow:hidden; } @media screen and (min-width:1024px) { #eventArb_wrap .mbt { display:none; } #eventArb_inner { max-width:1200px; margin:0 auto; } #eventArb_inner h3 { margin-bottom:13px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:2.667em; } #eventArb_inner section { padding-bottom:140px; } #eventArb_inner figure { margin:0 0 10px 0; padding:0; } #eventArb_inner figure img { width:100%; } #event_earls h4 { margin:50px 0 20px 0; font-size:2.333em; text-align:center; } #event_earls ul { margin-bottom:10px; } #event_earls ul:after { content:""; display:block; visibility:hidden; clear:both; } #event_earls ul li { float:left; width:calc(20% - 5px); margin-right:5px; } #event_earls ul li.earls_samsung { width:20%; margin:0; } #event_earls ul li h5 { padding:20px; border:1px solid #d7d7d7; text-align:center; background-color:#fff; } #event_earls ul li table { width:100%; border-left:1px solid #d7d7d7; border-spacing:0; background:#fff; } #event_earls ul li table caption { font-size:0; line-height:0; overflow:hidden; } #event_earls ul li table th { width:33%; padding:10px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; background:#ccc; } #event_earls ul li table td { height:50px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; } #event_earls p { padding:20px; border:1px solid #d7d7d7; line-height:1.667em; background:#fff; } #event_betaOpen ul { font-family:"Nanum Gothic", Malgun Gothic, dotum, sans-serif; } #event_betaOpen ul:after { content:""; display:block; visibility:hidden; clear:both; } #event_betaOpen li { width:49.8%; margin-right:0.4%; float:left; } #event_betaOpen li a { width:100%; padding:16px 0; display:block; font-size:1.333em; text-align:center; color:#fff; background:#333; } } @media screen and (max-width:1023px) { #eventArb_wrap .pct { display:none; } #eventArb_inner { padding:10px; } #eventArb_inner h3 { font-size:1.5em; letter-spacing:-0.04em; } #eventArb_inner section { padding-bottom:40px; } #eventArb_inner figure { margin:0; padding:0; } #eventArb_inner figure img { width:100%; } #event_earls > div > h4 { margin-top:20px; font-size:1.286em; text-align:center; } #event_earls > div > div.mbt { background:#fff; } #event_earls > div > div.mbt ul { border-top:1px solid #d7d7d7; border-left:1px solid #d7d7d7; } #event_earls > div > div.mbt ul:after { content:""; visibility:hidden; display:block; clear:both; } #event_earls > div > div.mbt ul li { width:calc(20% - 1px); padding:2px 0 6px 0; border-right:1px solid #d7d7d7; float:left; text-align:center; } #event_earls > div > div.mbt ul li.brand_on { border-bottom:0; background:#f7d117; } #event_earls > div > div.mbt ul li img { width:80px; } #event_earls > div > ul { margin-bottom:10px; border:1px solid #d7d7d7; background:#fff; } #event_earls > div > ul li { padding:10px; display:none; } #event_earls > div > ul li.table_on { display:block; } #event_earls > div > ul li h5 { display:none; } #event_earls > div > ul li table { width:100%; border-left:1px solid #d7d7d7; border-spacing:0; background:#fff; } #event_earls > div > ul li table caption { font-size:0; line-height:0; overflow:hidden; } #event_earls > div > ul li table th { width:33%; padding:10px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; background:#ccc; } #event_earls > div > ul li table td { padding:10px 1px; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; text-align:center; } #event_earls > div > ul li table .empty_dft { display:none; } #event_earls p { padding:20px; border:1px solid #d7d7d7; line-height:1.667em; background:#fff; } #event_betaOpen ul { margin-top:10px; } #event_betaOpen ul:after { content:""; display:block; visibility:hidden; clear:both; } #event_betaOpen li { width:49.8%; margin-right:0.4%; float:left; } #event_betaOpen li a { width:100%; padding:15px 0; display:block; font-size:1.143em;; text-align:center; color:#fff; background:#333; } } /* 쿠폰받기(아라바몰 추가) */ @media screen and (min-width:1024px) { #arb_cp_wrap { } #arb_cp { width:1200px; margin:0 auto; } #arb_cp h2 { position:absolute;font-size:0;line-height:0;overflow:hidden } #arb_cp h3 { } #arb_cp h4 { font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:1.500em; font-weight:normal; } #arb_cp > section { padding-bottom:70px; } #arb_cp table.arb_cp_tbl_m { display:none; } #arb_cp table { border-top:1px solid #ccc; border-left:1px solid #ccc; border-spacing:0; } #arb_cp th { border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#d7d7d7; } #arb_cp td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; } #arb_cp .arb_cp_level_wrap {} #arb_cp .arb_cp_level_wrap > div { overflow:hidden; background:#fff; } #arb_cp .arb_cp_level { width:406px; height:223px; padding-top:37px; float:left; text-align:center; background:url('/theme/arabamall/shop/images/coupondown/bg_level.gif') no-repeat; } #arb_cp .arb_cp_level span { font-size:1.333em; color:#ff0000; } #arb_cp .arb_cp_info { width:751px; padding:28px 0 0 43px; float:left; } #arb_cp .arb_cp_info th { width:115px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-weight:normal; } #arb_cp .arb_cp_info td { width:115px; height:65px; } #arb_cp .arb_cp_coupon_wrap { } #arb_cp .arb_cp_coupon_wrap > div { background:#fff; } #arb_cp .arb_cp_nc { padding:40px 0 10px 40px; } #arb_cp .arb_cp_nc h4 { margin-bottom:10px; } #arb_cp .arb_cp_ac { padding:40px 0 10px 40px; } #arb_cp .arb_cp_ac h4 { margin-bottom:10px; } #arb_cp .arb_cp_ac ul:after { content:""; clear:both; visibility:hidden; display:block; } #arb_cp .arb_cp_ac li { margin-right:27px; float:left; } #arb_cp .arb_cp_lc { padding:40px; } #arb_cp .arb_cp_lc h4 { margin-bottom:10px; } #arb_cp .arb_cp_lc .arb_cp_th_m { display:none; } #arb_cp .arb_cp_lc th { height:100px; } #arb_cp .arb_cp_lc td { width:278px; padding:30px 0 0; vertical-align:top; } #arb_cp .arb_cp_lc td img { margin-bottom:30px; } #arb_cp .arb_cp_lc > p { padding:38px 10px 10px 10px; margin:10px 3px 0 0; border:1px solid #ccc; text-align:center; color:#ff0000; background:url('/theme/arabamall/shop/images/order/mobile/bg_alert.png') center 10px no-repeat; background-size:22px; } #arb_cp .arb_cp_point_wrap { } #arb_cp .arb_cp_point_wrap > div { width:1200px; height:260px; padding-top:130px; text-align:center; background:#fff; } #arb_cp .arb_cp_point_wrap p { margin-bottom:8px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:16px; } #arb_cp .arb_cp_point_wrap p span { color:#ff0000; } } @media screen and (max-width:1023px) { #arb_cp_wrap { width:100%; } #arb_cp_wrap section { width:calc(100% - 20px); padding:10px 10px 30px 10px; } #arb_cp_wrap h2 { position:absolute; font-size:0;line-height:0; overflow:hidden; } #arb_cp_wrap h3 { font-size:1.500em; } #arb_cp_wrap h4 { font-size:1.333em; } #arb_cp table.arb_cp_tbl_p { display:none; } #arb_cp table { border-left:1px solid #ccc; border-spacing:0; font-family:"Dotum",sans-serif; } #arb_cp th { border-top:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; background:#d7d7d7; } #arb_cp td { border-right:1px solid #ccc; border-bottom:1px solid #ccc; text-align:center; } #arb_cp .arb_cp_level_wrap {} #arb_cp .arb_cp_level { padding-bottom:10px; text-align:center; background:#d7d7d7; } #arb_cp .arb_cp_level img { width:55px; height:auto; margin:10px 0; } #arb_cp .arb_cp_level span { color:#ff0000; } #arb_cp .arb_cp_info { padding:20px 10px 10px; border:1px solid #d7d7d7; background-image:url('/theme/arabamall/shop/images/coupondown/mobile/bg_arw_btm.gif'); background-size:15px 8px; background-position:center top; background-repeat:no-repeat; background-color:#fff; } #arb_cp .arb_cp_info table { width:100%; } #arb_cp .arb_cp_info table th { width:33%; height:40px; } #arb_cp .arb_cp_info table td { height:60px } #arb_cp .arb_cp_info table td img { width:46px; height:auto; } #arb_cp .arb_cp_coupon_wrap {} #arb_cp .arb_cp_coupon_wrap > div { padding:10px; border:1px solid #cccccc; background:#fff; } #arb_cp .arb_cp_coupon_wrap h4 { margin-bottom:5px; } #arb_cp div.arb_cp_nc { border-bottom:0; } #arb_cp div.arb_cp_nc div { width:80px; margin:0 5px 5px 0; } #arb_cp div.arb_cp_ac { border-bottom:0; } #arb_cp .arb_cp_ac ul { } #arb_cp .arb_cp_ac ul:after { content:""; clear:both; visibility:hidden; display:block; } #arb_cp .arb_cp_ac li { width:80px; margin:0 5px 5px 0; float:left; } #arb_cp div.arb_cp_lc { border-top:0; } #arb_cp .arb_cp_lc table { width:100%; } #arb_cp .arb_cp_lc .arb_cp_th_p { display:none; } #arb_cp .arb_cp_lc th { padding:8px 0; } #arb_cp .arb_cp_lc th img { width:46px; height:auto; } #arb_cp .arb_cp_lc td { width:20%; padding:10px 0 0; vertical-align:top; } #arb_cp .arb_cp_lc td img { width:80px; height:auto; margin:0 auto 10px auto; display:block; } #arb_cp .arb_cp_lc > p { padding:35px 10px 10px 10px; margin-top:10px; border:1px solid #ccc; text-align:center; font-size:0.857em; color:#ff0000; background:url('/theme/arabamall/shop/images/order/mobile/bg_alert.png') center 10px no-repeat; background-size:22px; } #arb_cp .arb_cp_point_wrap {} #arb_cp .arb_cp_point_wrap > div { padding:30px 0; border:1px solid #cccccc; text-align:center; background:#fff; } #arb_cp .arb_cp_point_wrap > div img { width:80px; height:auto; } #arb_cp .arb_cp_point_wrap p { margin-bottom:3px; font-size:16px; } #arb_cp .arb_cp_point_wrap p span { color:#ff0000; } } /* EBC 브레이크 얼티맥스2 국산차 전용(아라바몰 추가) */ @media screen and (min-width:1024px) { #list_ptcl { width:1200px; margin:0 auto; padding-bottom:70px; } #list_ptcl header { margin-bottom:20px; } #list_ptcl header h2 { margin-bottom:13px; padding-top:40px; } #list_ptcl header figure { margin:0; padding:0; } #list_ptcl header img { width:100%; height:auto; } #list_ptcl section {} #list_ptcl article { margin-bottom:20px; overflow:hidden; background:#ccc; } #list_ptcl article h3 { width:300px; min-height:180px; float:left; font-size:0; line-height:0; overflow:hidden; } #list_ptcl article ul { width:900px; min-height:180px; border-top:1px solid #cccccc; overflow:hidden; float:left; background:url('/theme/arabamall/shop/images/list_ptcl/bg_li_line.png') #fff; } #list_ptcl article ul li { width:150px; padding:11px 0; float:left; text-align:center; } #list_ptcl .ptcl_hyundai h3 { background:url('/theme/arabamall/shop/images/list_ptcl/logo_hyundai.png') center no-repeat; } #list_ptcl .ptcl_kia h3 { background:url('/theme/arabamall/shop/images/list_ptcl/logo_kia.png') center no-repeat; } #list_ptcl .ptcl_chevrolet h3 { background:url('/theme/arabamall/shop/images/list_ptcl/logo_chevrolet.png') center no-repeat; } #list_ptcl .ptcl_ssangyong h3 { background:url('/theme/arabamall/shop/images/list_ptcl/logo_ssangyong.png') center no-repeat; } #list_ptcl .ptcl_samsung h3 { background:url('/theme/arabamall/shop/images/list_ptcl/logo_samsung.png') center no-repeat; } } @media screen and (max-width:1023px) { #list_ptcl { padding:10px; } #list_ptcl header { margin-bottom:10px; } #list_ptcl header h2 { font-size:1.5em; } #list_ptcl header figure { margin:0; padding:0; } #list_ptcl article { margin-bottom:10px; } #list_ptcl article h3 { width:100%; height:60px; font-size:0; line-height:0; overflow:hidden; background-color:#ccc; background-position:center; background-repeat:no-repeat; } #list_ptcl .ptcl_hyundai h3 { background-image:url('/theme/arabamall/shop/images/list_ptcl/logo_hyundai_r2.png'); background-size:60px auto; } #list_ptcl .ptcl_kia h3 { background-image:url('/theme/arabamall/shop/images/list_ptcl/logo_kia_r2.png'); background-size:60px auto; } #list_ptcl .ptcl_chevrolet h3 { background-image:url('/theme/arabamall/shop/images/list_ptcl/logo_chevrolet_r2.png'); background-size:60px auto; } #list_ptcl .ptcl_ssangyong h3 { background-image:url('/theme/arabamall/shop/images/list_ptcl/logo_ssangyong_r2.png'); background-size:50px auto; } #list_ptcl .ptcl_samsung h3 { background-image:url('/theme/arabamall/shop/images/list_ptcl/logo_samsung_r2.png'); background-size:55px auto; } #list_ptcl article ul { border:1px solid #ccc; background:#fff; } #list_ptcl article ul:after { content:""; visibility:hidden; display:block; clear:both; } #list_ptcl article ul li { width:25%; height:40px; margin:0 -1px -1px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; display:table; float:left; } #list_ptcl article ul li a { width:100%; height:100%; display:table-cell; color:#000; text-align:center; vertical-align:middle; } } /* 코뷰 버킷시트(아라바몰 추가) */ @media screen and (min-width:1024px) { #list_corbeau { width:1200px; margin:0 auto; padding-bottom:50px; } #list_corbeau h2 { margin-bottom:13px; padding-top:40px; } #list_corbeau figure { margin:0; padding:0; } #list_corbeau img { width:100%; height:auto; } } @media screen and (max-width:1023px) { #list_corbeau { padding:10px; } #list_corbeau h2 { font-size:1.5em; } #list_corbeau figure { margin:0; padding:0; } #list_corbeau img { width:100%; height:auto; } } /***** 1:1 문의 모바일(아라바몰 추가) { *****/ /* 보기 */ #m_bo_wrap { padding:10px; } #m_bo_wrap h2 { font-size:1.5em; } #m_bo_wrap #kakao { margin-bottom:10px; padding:10px; text-align:center; background:#fbe300; } #m_bo_wrap #kakao a { display:block; } #m_bo_wrap #kakao img { width:70px; height:auto; } #m_bo_wrap #kakao p { font-size:0.857em; } #m_bo_wrap #bo_sch { margin-bottom:10px; padding-top:10px; border-top:1px solid #d7d7d7; } #m_bo_wrap #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #m_bo_wrap #bo_sch a, #bo_sch input { font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; } #m_bo_wrap #bo_sch .frm_input { width:calc(100% - 73px); height:38px; padding-left:10px; border-color:#d7d7d7; background:#fff; } #m_bo_wrap #bo_sch .btn_submit { width:58px; height:40px; float:right; color:#fff; background:#333; } #m_bo_wrap .bo_list_mb_wrap { margin-bottom:2px; } #m_bo_wrap .bo_list_mb { } #m_bo_wrap .bo_list_mb > li { padding:0; border-bottom:1px solid #eee; background-color:#ccc; } #m_bo_wrap .bo_list_mb > li .qa_subject { height:38px; padding:10px 58px 10px 10px; background:url('/theme/arabamall/shop/images/order/bg_btn_plus.gif') top right no-repeat; } #m_bo_wrap .bo_list_mb > li .qa_subject > p { line-height:normal; } #m_bo_wrap .bo_list_mb > li .qa_subject > div span { margin-right:10px; } #m_bo_wrap .bo_list_mb > li .qa_subject.on { background:url('/theme/arabamall/shop/images/order/bg_btn_minus.gif') top right no-repeat; } /* #m_bo_wrap .bo_list_mb > li .qa_content */ #m_bo_wrap .qa_content { padding:10px; display:none; background:#fff; } #m_bo_wrap .qa_content h3 { margin-bottom:5px; } #m_bo_wrap .qa_content .m_bo_img img { margin-bottom:10px; } #m_bo_wrap .qa_content .answer { margin-top:10px; padding:10px; background:#eee; } #m_bo_wrap .qa_content .answer > p { margin-top:10px; } #m_bo_wrap .qa_content .answer > p a { padding:5px 20px; display:inline-block; color:#fff; background:#ff0000; } #m_bo_wrap .qa_content > p a { margin-top:10px; padding:5px; display:inline-block; color:#fff; background:#ff0000; } #m_bo_wrap .qa_content > ul { margin-top:10px; overflow:hidden; } #m_bo_wrap .qa_content > ul li:first-child { width:50%; float:left; } #m_bo_wrap .qa_content > ul li:last-child { width:calc(50% - 3px); float:right; } #m_bo_wrap .qa_content > ul li a { width:100%; height:50px; margin:0; padding:0; border:0; display:block; text-align:center; line-height:50px; font-size:1.143em; font-weight:bold; } #m_bo_wrap .qa_content > ul li a.btn_b01 { color:#fff; background:#333; } #m_bo_wrap .qa_content > ul li a.btn_b02 { color:#333; background:#ccc; } #m_bo_wrap .bo_list_mb > li.empty_table { background:none; } #m_bo_wrap .btn_b01 { width:100%; margin:10px 0; padding:15px 0; border:0; font-family:"Nanum Gothic", Malgun Gothic, Dotum, sans-serif; font-size:1.143em; font-weight:bold; color:#fff; text-align:center; background:#333; } /* 글쓰기/답변쓰기 공통 */ #m_bo_hd { position:fixed; width:100%; height:45px; background:#ccc; } #m_bo_hd h2 { position:absolute; top:0; left:45px; width:calc(100% - 102px); height:45px; padding-left:10px; border-left:1px solid #e1e1e1; border-right:1px solid #b7b7b7; line-height:3.500em; font-size:1.000em; } #m_bo_hd button { position:absolute; top:0; width:45px; height:45px; border:0; font-size:0; line-height:0; cursor:pointer; background:none; background-repeat:no-repeat; background-position:center;} #m_bo_hd button.left { left:0; border-right:1px solid #b7b7b7; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_l.gif'); } #m_bo_hd button.right { right:0; border-left:1px solid #e1e1e1; background-image:url('/theme/arabamall/shop/images/bg_btn_mbpage_x.gif'); } .table_wrap { margin-top:45px; padding:10px; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, .1); } .table_wrap table { width:100%; border-spacing:0; border-collapse:collapse; } .table_wrap tr { border-bottom:1px solid #d7d7d7; } .table_wrap th { width:14%; padding:10px 0; background:#fff } .table_wrap td { padding:10px; text-align:left; word-break:break-all; } .table_wrap td input { } .table_wrap td textarea { height:100px; border:1px solid #d7d7d7; border-radius:0; -webkit-appearance:none; background:#f8f8f8; } .table_wrap td input[type=checkbox] { border-radius:0; } .table_wrap td .frm_file { border-radius:0; -webkit-appearance:none; } .table_wrap .frm_input { width:100%; height:38px; padding-left:5px; border:1px solid #ccc; background:#f8f8f8; } .btn_confirm { margin-top:10px; font-size:1.143em; } .btn_confirm .btn_submit { width:50%; padding:15px 0; border:0; color:#fff; text-align:center; font-family:"Nanum Gothic", Malgun Gothic, Dotum, sans-serif; font-weight:bold; background:#333; } .btn_confirm .btn_cancel { width:calc(50% - 5px); padding:15px 0; border:0; color:#333; text-align:center; font-family:"Nanum Gothic", Malgun Gothic, Dotum, sans-serif; font-weight:bold; background:#ccc; } /* 글쓰기 */ #m_bo_w { padding:10px; } /* 답변쓰기 */ #m_bo_v { padding:10px; } #m_bo_v .bo_v_con { margin:10px 0 30px 0; padding:10px 0; border-top:1px solid #d7d7d7; border-bottom:1px solid #ccc; } #m_bo_v .bo_v_con img { margin-bottom:10px; } #m_bo_v h4 { font-size:1.5em; } #m_bo_v table { border-top:1px solid #d7d7d7; } /***** } 1:1 문의 모바일(아라바몰 추가) *****/ /* 차종별 제품(아라바몰 추가) */ #vhclst { } /* 게시물 더보기 버튼(아라바몰 추가) */ @media screen and (min-width:1024px) { #more_list_wrap { position:relative; } #more_list_wrap a .mbt { display:none; } #more_list_wrap a { width:calc(100% - 2px); padding:15px 0; border:1px solid #d7d7d7; display:block; text-align:center; background:#fff; } #sct_wrap #more_list_wrap a { width:100%; border:0; } } @media screen and (max-width:1023px) { #more_list_wrap { position:relative; } #more_list_wrap a .pct { display:none; } #more_list_wrap a { width:calc(100% - 2px); padding:15px 0; border:1px solid #d7d7d7; display:block; text-align:center; background:#fff; } #more_list_wrap a:hover { text-decoration:none; } #more_list_wrap img { width:54px; height:auto; } #more_list_wrap img.all { width:61px; height:auto; } } /* 브랜드샵 새페이지(아라바몰 추가) */ #page_bvr_wrap { padding:55px 10px; } #page_bvr_wrap .page_brds { padding:10px; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } #page_bvr_wrap .page_brds ul { width:calc(100% - 2px); border:1px solid #d7d7d7; } #page_bvr_wrap .page_brds ul:after { content:""; display:block; visibility:hidden; clear:both; } #page_bvr_wrap .page_brds li { width:calc(33% - 1px); height:55px; padding:10px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; float:left; text-align:center; font-size:0.714em; } #page_bvr_wrap .page_brds li.mb_brd_r0 { width:34%; border-right:0; } #page_bvr_wrap .page_brds li.mb_brd_b0 { border-bottom:0; } #page_bvr_wrap .page_brds li.li_hide_mb { display:none; } #page_bvr_wrap .page_brds li.li_hide_pc { color:#fff; } #page_bvr_wrap .page_brds li.li_hide_pc img { width:75px; height:50px; display:block; } #page_bvr_wrap .page_brds li img { width:75px; height:auto; } .page_vhc { background:#eee; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } .page_vhc ul { margin-bottom:10px; border:1px solid #d7d7d7; background:#fff; } .page_vhc ul:after { content:""; display:block; visibility:hidden; clear:both; } .page_vhc li { width:20%; margin:0 -1px -1px 0; padding:15px 0; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; float:left; text-align:center; } .page_vhc li img { width:60px; height:auto; } /******************************** 정비/부품 검색 결과(아라바몰 추가) { ********************************/ /* 네비게이션 */ @media screen and (min-width:1024px) { #cps_location { margin-bottom:30px; border-bottom:1px solid #f7d117; background:#eee; } #cps_location > div { max-width:1200px; margin:0 auto; } #cps_location a { padding:20px; display:inline-block; text-decoration:none; letter-spacing:0 !important; } #cps_location .sct_bg { background:url('/theme/arabamall/shop/images/carparts/cps_bg_toright.gif') left 20px no-repeat; } #cps_location .sct_here { background:url('/theme/arabamall/shop/images/carparts/cps_bg_toright.gif') left 20px no-repeat; } } @media screen and (max-width:1023px) { #cps_location { padding:10px 10px 0; } #cps_location > div { height:33px; border:1px solid #ccc; overflow:hidden; background:#f7d117; } #cps_location a { height:33px; padding-left:22px; display:block; float:left; text-decoration:none; line-height:33px; letter-spacing:0; } #cps_location a.sct_bg_h { width:33px; padding:0; text-indent:-9999px; font-size:0; line-height:0; background:#eee url('/theme/arabamall/skin/shop/basic/img/mobile/sct_bg_home.gif') center/33px no-repeat; } #cps_location a.sct_bg { background:#eee url('/theme/arabamall/skin/shop/basic/img/mobile/sct_bg_toright.gif') left no-repeat; } #cps_location a.sct_here { background:url('/theme/arabamall/skin/shop/basic/img/mobile/sct_bg_here.gif') left/17px no-repeat; } } /* 카테고리 페이지 */ @media screen and (min-width:1200px) { #cps_result { width:1200px; margin:0 auto; padding-bottom:70px; } #cps_result h2 { } #cps_result > ul:after { content:""; visibility:hidden; display:block; clear:both; } #cps_result > ul > li { width:283px; margin:0 20px 30px 0; border:1px solid #ccc; border-bottom:0; float:left; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-weight:300; background:#fff; } #cps_result > ul > li.cps_last {margin-right:0; } #cps_result > ul > li.cps_clear { clear:both; } #cps_result > ul > li > .cpsdt_mb { display:none; } #cps_result > ul > li > .cpsdt_pc { position:relative; width:283px; height:200px; border-bottom:1px solid #ccc; background-repeat:no-repeat, repeat-x; background-position:center 22px, 0; } #cps_result > ul > li > .cps_cate1 { background-image:url('/theme/arabamall/shop/images/carparts/bg_cate1.png'), url('/theme/arabamall/shop/images/carparts/bg_gradation.gif'); } #cps_result > ul > li > .cps_cate2 { background-image:url('/theme/arabamall/shop/images/carparts/bg_cate2.png'), url('/theme/arabamall/shop/images/carparts/bg_gradation.gif'); } #cps_result > ul > li > .cps_cate3 { background-image:url('/theme/arabamall/shop/images/carparts/bg_cate3.png'), url('/theme/arabamall/shop/images/carparts/bg_gradation.gif'); } #cps_result > ul > li > .cps_cate4 { background-image:url('/theme/arabamall/shop/images/carparts/bg_cate4.png'), url('/theme/arabamall/shop/images/carparts/bg_gradation.gif'); } #cps_result > ul > li > div p { position:absolute; bottom:16px; width:100%; text-align:center; font-size:20px; } #cps_result > ul > li > ul li { height:42px; border-bottom:1px solid #ccc; text-align:center; line-height:42px; font-size:1.167em; background:url('/theme/arabamall/shop/images/carparts/cps_r_tab.gif') right no-repeat; } #cps_result > ul > li a { width:100%; height:100%; display:block; text-decoration:none; } #cps_result .gray { color:#ccc; background:url('/theme/arabamall/shop/images/carparts/cps_r_tab_g.gif') right no-repeat; } #cps_result .bg_none { background:none; } } @media screen and (min-width:801px) and (max-width:1199px) { #cps_result { margin:0 auto; padding:0 20px 70px 20px; } #cps_result h2 { margin-bottom:13px; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-size:2em; } #cps_result > ul:after { content:""; visibility:hidden; display:block; clear:both; } #cps_result > ul > li { width:calc(25% - 20px); margin:0 20px 30px 0; border:1px solid #ccc; border-bottom:0; float:left; font-family:"Nanum Gothic",malgun gothic,dotum,sans-serif; font-weight:300; background:#fff; } #cps_result > ul > li.cps_last { width:24%; margin-right:0; } #cps_result > ul > li.cps_clear { clear:both; } #cps_result > ul > li > .cpsdt_mb { display:none; } #cps_result > ul > li > .cpsdt_pc { position:relative; width:100%; height:200px; border-bottom:1px solid #ccc; background-repeat:no-repeat, repeat-x; background-position:center 22px, 0; } #cps_result > ul > li > .cps_cate1 { background-image:url('/theme/arabamall/shop/images/carparts/bg_cate1.png'), url('/theme/arabamall/shop/images/carparts/bg_gradation.gif'); } #cps_result > ul > li > .cps_cate2 { background-image:url('/theme/arabamall/shop/images/carparts/bg_cate2.png'), url('/theme/arabamall/shop/images/carparts/bg_gradation.gif'); } #cps_result > ul > li > .cps_cate3 { background-image:url('/theme/arabamall/shop/images/carparts/bg_cate3.png'), url('/theme/arabamall/shop/images/carparts/bg_gradation.gif'); } #cps_result > ul > li > .cps_cate4 { background-image:url('/theme/arabamall/shop/images/carparts/bg_cate4.png'), url('/theme/arabamall/shop/images/carparts/bg_gradation.gif'); } #cps_result > ul > li > div p { position:absolute; bottom:16px; width:100%; text-align:center; font-size:20px; } #cps_result > ul > li > ul li { height:42px; border-bottom:1px solid #ccc; text-align:center; line-height:42px; font-size:1.167em; background:url('/theme/arabamall/shop/images/carparts/cps_r_tab.gif') right no-repeat; } #cps_result > ul > li a { width:100%; height:100%; display:block; text-decoration:none; } #cps_result .gray { color:#ccc; background:url('/theme/arabamall/shop/images/carparts/cps_r_tab_g.gif') right no-repeat; } #cps_result .bg_none { background:none; } } @media screen and (max-width:800px) { #cps_result { padding:10px; } #cps_result h2 { position:absolute; font-size:0; line-height:0; text-indent:-9999em; } #cps_result > ul { padding:0 10px; border:1px solid #ccc; background:#fff; } #cps_result > ul > li { border-bottom:1px solid #ccc; } #cps_result > ul > li.cps_last { border:0; } #cps_result > ul > li > .cpsdt_pc { display:none; } #cps_result > ul > li > .cpsdt_mb { height:70px; padding:10px 0; background:url('/theme/arabamall/shop/images/item/bg_iuse_open.gif') right no-repeat; } #cps_result > ul > li > .cpsdt_mb.close { background:url('/theme/arabamall/shop/images/item/bg_iuse_close.gif') right no-repeat; } #cps_result > ul > li > .cpsdt_mb img { float:left; width:70px; height:70px; margin-right:16px; } #cps_result > ul > li > .cpsdt_mb p { float:left; line-height:70px; font-size:20px; } #cps_result > ul > li > ul { display:none; } #cps_result > ul > li > ul li { padding:15px; border-bottom:1px solid #ccc; font-size:1.167em; background:#eee url('/theme/arabamall/shop/images/carparts/cps_r_tab.gif') right no-repeat; } #cps_result > ul > li > ul li.gray { color:#ccc; background:#eee url('/theme/arabamall/shop/images/carparts/cps_r_tab_g.gif') right no-repeat; } } /* 리스트 페이지 */ @media screen and (min-width:1200px) { #cps_list { width:1200px; } #cps_list > ul > li .slider_panel { width:900px; } #cps_list > ul > li .slider_panel div.cps_info { width:550px; } #cps_list > ul > li .slider_panel div.cps_info .cps_it_act_pc a { width:160px; } } @media screen and (min-width:1024px) and (max-width:1199px) { #cps_list { } #cps_list > ul > li .slider_panel { width:calc(100% - 300px); } #cps_list > ul > li .slider_panel div.cps_info { width:calc(100% - 310px); } #cps_list > ul > li .slider_panel div.cps_info .cps_it_act_pc a { width:30%; } } @media screen and (min-width:1024px) { #cps_list { margin:0 auto; padding-bottom:120px; } .control_panel a, .cps_it_act_pc a { font-family:"Noto Sans KR",malgun gothic,dotum,sans-serif; } #cps_list > ul {} #cps_list > ul > li { margin-bottom:30px; background:url('/theme/arabamall/shop/images/carparts/bg_list.gif') repeat-y; } #cps_list > ul > li:after { content:""; visibility:hidden; display:block; clear:both; } #cps_list > ul > li .control_panel { float:left; width:277px; padding:15px 5px 15px 15px; } #cps_list > ul > li .control_panel li { margin-bottom:10px; font-weight:300; } #cps_list > ul > li .control_panel li a { width:277px; height:39px; padding:3px 0 3px 3px; display:block; font-size:14px; background:url('/theme/arabamall/shop/images/carparts/bg_btn_wh.png') no-repeat; } #cps_list > ul > li .control_panel li a:hover { background:url('/theme/arabamall/shop/images/carparts/bg_btn_wh_over.png') no-repeat; } #cps_list > ul > li .control_panel li a.on { background:url('/theme/arabamall/shop/images/carparts/bg_btn_yl.png') no-repeat; } #cps_list > ul > li .control_panel li a img { width:78px; height:auto; padding:2px 25px; border-radius:3px; background:#fff; } #cps_list > ul > li .control_panel li a span { width:136px; display:inline-block; text-align:center; } #cps_list > ul > li .slider_panel { position:relative; float:right; overflow:hidden; } #cps_list > ul > li .slider_panel ul { position:relative; } #cps_list > ul > li .slider_panel li { display:none; padding:20px; } #cps_list > ul > li .slider_panel li:after { content:""; visibility:hidden; display:block; clear:both; } #cps_list > ul > li .slider_panel li.on { display:block; } #cps_list > ul > li .slider_panel li > div { float:left; } #cps_list > ul > li .slider_panel .cps_info .cps_image_mb { display:none; } #cps_list > ul > li .slider_panel .cps_info .cps_it_name { height:178px; font-size:14px; } #cps_list > ul > li .slider_panel .cps_info .cps_it_name div { margin-top:10px; font-size:12px; } /* #cps_list > ul > li .slider_panel .cps_info */.cps_it_price span, .cps_it_price div { font-family:"verdana",Nanum Gothic,sans-serif; } #cps_list > ul > li .slider_panel .cps_info .cps_it_price { position:relative; height:80px; } #cps_list > ul > li .slider_panel .cps_info .cps_it_price strike { display:block; font-size:16px; font-weight:bold; color:#959595; } #cps_list > ul > li .slider_panel .cps_info .cps_it_price span { font-size:30px; color:#e91616; } #cps_list > ul > li .slider_panel .cps_info .cps_it_price div { position:absolute; top:5px; right:58px; width:70px; height:43px; padding-top:3px; text-align:center; font-size:24px; background:url('/theme/arabamall/shop/images/carparts/bg_dc.png') no-repeat; } #cps_list > ul > li .slider_panel .cps_info .cps_it_act_pc a { height:50px; border:1px solid #ccc; display:inline-block; font-size:16px; text-align:center; line-height:48px; } #cps_list > ul > li .slider_panel .cps_info .cps_it_act_pc a:hover { text-decoration:none; } #cps_list > ul > li .slider_panel .cps_info .cps_it_act_pc a.cps_btn_buy { border-color:#d21313; color:#d21313; } #cps_list > ul > li .slider_panel .cps_image_pc { padding:19px; border:1px solid #d7d7d7; } #cps_list > ul > li .slider_panel .cps_image_pc img { width:270px; height:270px; } #cps_list > ul > li .slider_panel .cps_it_act_mb { display:none; } #cps_list > p { padding:250px 0; text-align:center; } } @media screen and (max-width:1023px) { #cps_list { padding:10px; } #cps_list > ul > li { margin-bottom:10px; padding:10px; background:#fff; box-shadow:3px 3px 3px rgba(0, 0, 0, 0.1); } #cps_list > ul > li .slider_panel { margin-bottom:10px; } #cps_list > ul > li .slider_panel li { display:none; } #cps_list > ul > li .slider_panel li.on { display:block; } #cps_list > ul > li .slider_panel .cps_info { margin-bottom:10px; } #cps_list > ul > li .slider_panel .cps_info:after { content:""; visibility:hidden; display:block; clear:both; } #cps_list > ul > li .slider_panel .cps_info > div { float:left; } #cps_list > ul > li .slider_panel .cps_info .cps_image_mb { width:100px; margin-right:10px; } #cps_list > ul > li .slider_panel .cps_info .mb_if_wrap { width:calc(100% - 110px); } #cps_list > ul > li .slider_panel .cps_info .mb_if_wrap .cps_it_name { height:60px; } #cps_list > ul > li .slider_panel .cps_info .mb_if_wrap .cps_it_price { position:relative; height:50px; } #cps_list > ul > li .slider_panel .cps_info .mb_if_wrap .cps_it_price strike { position:absolute; bottom:24px; display:block; color:#959595; } #cps_list > ul > li .slider_panel .cps_info .mb_if_wrap .cps_it_price span { position:absolute; bottom:0; font-size:1.5em; color:#e91616; } #cps_list > ul > li .slider_panel .cps_info .mb_if_wrap .cps_it_price div { position:absolute; right:0; bottom:0; width:51px; height:29px; padding-top:3px; text-align:center; font-size:1.500em; line-height:1.167em; background:url('/theme/arabamall/shop/images/bg_sale.png') no-repeat; } #cps_list > ul > li .slider_panel .cps_it_act_pc { display:none; } #cps_list > ul > li .slider_panel .cps_image_pc { display:none; } #cps_list > ul > li .slider_panel .cps_it_act_mb a { width:calc(33% - 4px); height:50px; border:1px solid #ccc; display:inline-block; font-size:16px; text-align:center; line-height:48px; } #cps_list > ul > li .slider_panel .cps_it_act_mb a:hover { text-decoration:none; } #cps_list > ul > li .slider_panel .cps_it_act_mb a.cps_btn_buy { border-color:#d21313; color:#d21313; } #cps_list > ul > li .control_panel { } #cps_list > ul > li .control_panel li { margin-bottom:10px; font-weight:300; } #cps_list > ul > li .control_panel li a { width:calc(100% - 7px); height:39px; padding:3px 0 3px 3px; border:1px solid #ccc; border-radius:5px; display:block; font-size:18px; background:#fff; } #cps_list > ul > li .control_panel li a.on { width:calc(100% - 5px); border:0; background:#f7d117; } #cps_list > ul > li .control_panel li a img { width:78px; height:auto; padding:2px 25px; border-radius:3px; background:#fff; } #cps_list > ul > li .control_panel li a span { width:calc(100% - 128px); display:inline-block; text-align:center; } } /******************************** } 정비/부품 검색 결과(아라바몰 추가) ********************************/ /* 아라바몰 임시 */ #vhc_wrap { width:200px; margin:50px auto; } #vhc_wrap div { margin-bottom:10px; } #vhc_wrap select { width:200px; } #vhc_wrap .vhc_submit { display:none; } #onb_wrap { width:286px; margin:0 auto; } #onb_wrap div { overflow:hidden; } #onb_wrap div span { margin-right:10px; float:left; } #onb_wrap div input.oem_code { width:150px; height:17px; margin-right:10px; float:left; } /* 드롭다운 + 애니메이션(아라바몰 추가) */ @keyframes m_up { from { transform: rotate(45deg); } to { transform: rotate(0deg); } } @keyframes m_down { from { transform: rotate(0deg); } to { transform: rotate(45deg); } }