@charset "utf-8"; /* CSS Document */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap'); /* Pretendard */ @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Medium.woff') format('woff'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-SemiBold.woff') format('woff'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'Pretendard'; src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; } /* common */ body {position: relative; background-color: #f4f4f4; color: #333; word-wrap: break-word; word-break: break-all;} body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,figure {margin: 0; padding: 0; -webkit-text-size-adjust: none;} body,input,textarea,select,table,button {font-size: 15px; line-height: 150%; font-family: 'Pretendard', 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif;} /**/ img,fieldset { border: 0 none;} ul,ol { list-style: none;} hr { display: none;} img,input,select,textarea { vertical-align: middle;} ul,ol,li { list-style: none outside;} a { text-decoration: none; text-overflow: ellipsis; -o-text-overflow: ellipsis;} a:link,a:hover,a:active,a:visited { text-decoration: none; color: #333333} strong { font-weight: bold;} input[type="text"] { -webkit-appearance: none;} input[type="tel"] { -webkit-appearance: none; -webkit-border-radius: 0;} input[type="radio"] { -webkit-appearance: radio; margin-right: 4px;} input:checked[type="checkbox"] { -webkit-appearance: checkbox;} .a_black { color: #333} .a_gray { color: #8e8e8e} .a_white { color: #fff} .a_blue { color: #33afe9;} a.a_blue2{color:#4d92d9;} .a_blue3 {color: #3774B1!important;} .f_skyblue {color: #00c1f6;} /* input 워터마크 */ .watermark { color: #999999;} /* 공통 */ .floatL { float: left;} .floatR { float: right;} .floatR50 { float: right; width:50%} .clear { clear: both; margin: 0px; padding: 0px;} .mp_clear1 { clear: both;} .mp_p_abs { position: absolute;} .mp_align_tc { text-align: center;} .mp_align_tr { text-align: right;} .mp_align_fr { float: right;} .mp_align_fL { float: left;} /* 레이아웃 */ body { margin: 0; padding: 0; background-color: #fff; -webkit-text-size-adjust: none;} #am_wrap { text-align: left; width: auto; min-width: 280px;} /* width : auto 추가 */ #am_wrap_join { text-align: left; width: auto; min-width: 320px; font-size: 1.1em} #top_wrap,#contents_Wrap { margin: 0;} #popupWrap { background-color: #dedede; padding: 15px;} #contents_Wrap { background:#FFFFFF; } /* 헤더 로고 및 메뉴 0727*/ #top_menu_box { padding: 0px 10px; height: 35px; overflow: hidden;} #toplogo { float: left; display: inline;} #topmenu { float: right; padding-top: 6px;} /* 서브헤더 로고 및 메뉴 0727*/ #top_menu_box_sub { padding: 0px 10px; height: 35px; overflow: hidden;} #topmenu_sub { float: right; padding-top: 8px;} #topmenu img { padding: 2px;} /* 서브 헤더 라인 0727 */ #sub_header_bg { height: 3px; background: url(/ucl_editor/img_secur/m/2010/sub_header_bg.jpg) top right no-repeat;} /* 서브헤더 로고 및 메뉴0727*/ #jm_toplogo { float: left; display: inline;} #jm_topmenu_sub { float: right; padding-top: 8px;} #jm_topmenu img { padding: 2px;} /* 130125_로그인 리뉴얼 */ #new_login { margin: 0px; padding: 20px 25px; overflow: hidden;} .n_login_left { margin: 0; padding: 0; float: left; width: 70%;} .n_login_right { margin: 0; padding: 0; float: left; width: 30%;} .n_text_box1 { border: 1px solid #b3b3b3; padding: 3px; min-width: 92%; max-width: 92%; height: 23px; color: #c7c7c7; font-size: 13px;} .n_conts { margin: 0 0 15px 0; padding: 0; color: #555; font-size: 13px; clear: both;} .n_conts2 { margin: 0 0 15px 0; padding: 0; color: #777; font-size: 12px; clear: both; line-height: 16px;} .n_conts3 { margin: 0 0 15px 0; padding: 0; color: #444; font-size: 14px;} .n_line { background-color: #dfdfdf; height: 1px; margin: 20px 0; clear: both;} /* 상품페이지 검색 0727 */ #top_search_bg { padding: 5px 5px 8px 10px; height: 25px; background: url(/ucl_editor/img_secur/m/2010/search_bg01.jpg) top right no-repeat; position: relative;} .ts_sb { padding: 0 80px 0 0;} .sb { display: block; height: 21px; padding: 3px 5px 0 0.3em; margin: 1px 2px 0 0; border: 1px solid #3860A7; background: #ffffff; float: left; width: 100%;} .search_box { width: 100%; border: 0 none; font-size: 1em; -webkit-border-radius: 0; -webkit-appearance: none;} /* 추천도서 0727*/ #rc_book { padding: 12px 10px; overflow: hidden;} .rc_book_name { margin: 0px; padding: 0px; color: #3860A7; font-size: 16px; font-weight: bold; float: left;} .rc_book_name_bg { margin: 3px 0 0 1px; padding: 0px; background: url(//image.aladin.co.kr/img/m/2010/rc_name_bg.jpg) top left no-repeat; width: 93px; height: 14px; float: left;} .rc_book_more { margin: 0px; padding: 0px; float: right;} .rc_book_more img { padding: 2px;} .rc_book_list { margin: 0; padding: 10px 0px; clear: both;} .rc_book_left { width: 33%; float: left; text-align: center;} .rc_book_left img { width: 90px; height: 137px; border: 1px solid #DFDFDF;} .rc_book_center { width: 34%; float: left; text-align: center;} .rc_book_center img { width: 90px; height: 137px; border: 1px solid #DFDFDF;} .rc_book_right { width: 33%; float: right; text-align: center;} .rc_book_right img { width: 90px; height: 137px; border: 1px solid #DFDFDF;} /* 관심분야 0727*/ .interest_book { margin: 0 0 12px 0; padding: 4px 10px 0 10px; height: 30px; background: url(//image.aladin.co.kr/img/m/2010/int_bg.jpg) top left repeat-x;} .int_b_t li { margin: 0 10px 0 0; list-style: none; display: inline;} .int_book_t_c { color: #3860A5; font-size: 14px; text-decoration: none; font-weight: bold; background: url(//image.aladin.co.kr/img/m/2010/int_over_icon.jpg) top center no-repeat; padding: 6px 0;} .int_book_t_g { color: #A8A8A8; font-size: 14px; text-decoration: none; padding: 6px 0;} /* 반값& 적립금 도서 0727*/ .jm_half_box { margin: 0 0 12px 0; padding: 0px 10px;} .jm_half_line { margin: 0; padding: 0; border-bottom: #EE3897 2px solid; height: 27px;} .jm_half_t { margin: 0; padding: 0; float: left;} .jm_savem_t { margin: 0; padding: 0; float: left;} .jm_date_t { margin: 0; padding: 10px 0 0 0; float: right;} .jm_hs_list { margin: 0; padding: 10px 0px; clear: both; overflow: hidden; border-bottom: #EE3897 2px solid;} .jm_hs_left { width: 33%; float: left; text-align: center;} .jm_hs_left img { width: 90px; height: 137px;} .jm_hs_center { width: 34%; float: left; text-align: center;} .jm_hs_center img { width: 90px; height: 137px;} .jm_hs_right { width: 33%; float: right; text-align: right; text-align: center;} .jm_hs_right img { width: 90px; height: 137px;} .jm_hs_left_p { width: 33%; padding: 0; margin: 0; float: left; text-align: center;} .jm_hs_center_p { width: 34%; padding: 0; margin: 0; float: left; text-align: center;} .jm_hs_right_p { width: 33%; padding: 0; margin: 0; float: right; text-align: center;} /* 메인 탑북 */ #top_book { background: url(/ucl_editor/img_secur/m/2010/topbook_bg.jpg) top center no-repeat; height: 120px; padding: 14px 10px 30px 10px;} .top_book_box { overflow: hidden; position: relative; text-align: center;} .top_book_l { width: 4%; float: left; padding: 50px 0 0 0; overflow: hidden;} .top_book_c { float: left; position: relative; width: 92%;} .top_book_r { width: 4%; float: right; padding: 50px 0 0 0; overflow: hidden;} .top_book_list ul { margin: 3px 0 0 5px; text-align: center;} .top_book_list ul li { width: 30%; float: left; padding: 0 4px; text-align: center;} .top_book_list ul li img { width: 80px; border: 1px solid #CCCCCC;} /* 메인 핫 이벤트 */ #hot_event { background: url(/ucl_editor/img_secur/m/2010/nm_event_bg.gif) top left repeat-x; height: 120px; padding: 0 14px 14px 14px; margin-bottom: 15px; position: relative;} .hot_top { background: url(/ucl_editor/img_secur/m/2010/hot_event_rl.gif) top right no-repeat;} .hot_conts { background: url(/ucl_editor/img_secur/m/2010/nm_event_box-1.gif) left bottom no-repeat; padding: 0 13px 5px 13px; width: 90%; float: left;} .hot_rb_bg { background: url(/ucl_editor/img_secur/m/2010/hot_event_rb.gif) right bottom no-repeat; overflow: hidden;} /* 상품페이지 탑메뉴 */ #top_menu_bg { padding: 6px 12px 0 12px; height: 32px; background: url(/ucl_editor/img_secur/m/2010/topmenu_bg.jpg) top left repeat-x; text-align: center;} /* 서지정보 0727*/ .mp_book_box { padding: 14px 12px; color: 4f4f4f;} .mp_book_imgbox { float: left; width: 115px;} .mp_book_img { float: left; width: 100px; overflow: hidden; display: inline; margin-right: 15px;} .mp_book_preview { float: left; width: 100px; overflow: hidden; display: inline; margin: 3px 0 0 1px; text-align: center; padding: 2px 0;} .mp_book_info { margin-left: 115px; color: 4f4f4f; line-height: 140%;} .mp_book_info dt { line-height: 140%; margin-bottom: 6px;} .mp_book_imgbox2 { float: left; width: 98px;} .mp_book_btnbox { margin-left: 115px; margin-top: 10px; text-align: center;} .mp_ebook_img { float: left; width: 100px; border: 1px solid #85a9c7; overflow: hidden; display: inline; margin-right: 15px;} .mp_ebook_label { width: 71px; overflow: hidden; display: inline; margin: 0px; padding: 0px 0; margin-left: 15px;} .nm_book_title { color: #000000; font-size: 19px; font-weight: bold; text-decoration: none;} a.nm_book_title:link { color: #000000; font-size: 19px; font-weight: bold; text-decoration: none;} a.nm_book_title:visited { color: #000000; font-size: 19px; font-weight: bold; text-decoration: none;} a.nm_book_title:hover { color: #000000; font-size: 19px; font-weight: bold; text-decoration: none;} .nm_book_title_t { color: #444444; text-decoration: none;} .nm_book_title_s { color: #4C4C4C; text-decoration: none;} .nm_book_title_a { color: #777777; text-decoration: none;} .nm_book_title_ph { color: #ec1159; text-decoration: none;} .nm_book_title_bl { color: #33afe9; text-decoration: none;} /* 책정보 0727*/ /*.book_cb1 {padding:10px 12px; color:#333; border-top:1px #d3d3d3 solid; overflow:hidden; cursor:pointer; background: url(//image.aladin.co.kr/img/m/2010/btn_arrow.jpg) no-repeat right;}*/ .book_cb1 { padding: 10px 12px; color: #333; border-top: 1px #d3d3d3 solid; overflow: hidden; cursor: pointer; background: url(//image.aladin.co.kr/img/m/2013/btn_arrow.png) no-repeat 97%; background-size: 8px;} .book_cb1 h1 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none;} .book_cb1 h2 { color: #126ecc; font-size: 16px; font-weight: bold; text-decoration: none;} .book_cb1 h3 { color: #ff6b0f; font-size: 16px; font-weight: bold; text-decoration: none;} .book_conts_left { padding: 0px; width: 90%; float: left; line-height: 140%; color: #333;} .book_conts_left li img { padding: 2px;} .book_conts_left1 { padding: 0px; width: 100%; float: left; line-height: 160%; color: #4c4c4c;} .book_conts_left1 li img { padding: 2px;} .book_conts1 { padding: 0px; font-size: 14px; width: 100%; float: left; line-height: 140%; color: #848484;} .book_conts_right { width: 6%; float: right; display: block; text-align: right; height: 32px; vertical-align: middle; overflow: hidden; padding: 15px 3px 3px 3px;} .book_conts { padding-top: 2px; color: #333; line-height: 150%; font-weight: normal;} .book_conts ul li { padding: 9px 0 0 0; line-height: 140%;} .book_conts ul li img { padding: 2px; margin-bottom: 10px;} .book_conts2 { padding-top: 2px; color: #333; line-height: 150%; font-weight: normal;} .book_conts2 ul { color: #333; padding: 3px 0 0 0; font-weight: normal;} .book_conts2 li { padding: 0 0 2px 8px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 6px;} .book_cb2 { padding: 10px 12px; overflow: hidden; color: #333;} .book_cb2 h1 { color: #444444; font-weight: bold; text-decoration: none;} .book_cb2 h2 { color: #126ecc; font-size: 16px; font-weight: bold; text-decoration: none;} .book_cb2 h3 { color: #ff6b0f; font-weight: bold; text-decoration: none;} .book_cb2 h4 { color: #444444; font-size: 14px; font-weight: bold; text-decoration: none;} .book_cb3 { padding: 14px 12px; border-top: 1px #dcdcdc solid; border-bottom: 1px #8db3d9 solid; overflow: hidden; color: 4c4c4c;} .book_cb4 { padding: 5px 12px; color: 4c4c4c; border-top: 1px #dcdcdc solid; background-color: #f6f6f6; text-align: center;} .book_cb5 { padding: 8px 12px; color: 4c4c4c; border-top: 1px #dcdcdc solid; background-color: #ffffff; text-align: center;} .nm_book_prest { color: #333; text-decoration: none;} a.nm_book_prest:link { color: #333; text-decoration: none;} a.nm_book_prest:visited { color: #333; text-decoration: none;} a.nm_book_prest:hover { color: #333; text-decoration: none;} a.link_c555:link { color: #555; text-decoration: none;} a.link_c555:visited { color: #555; text-decoration: none;} a.link_c555:hover { color: #555; text-decoration: none;} .prest_t { color: #ca74a1; text-decoration: none;} a.prest_t:link { color: #ca74a1; text-decoration: none;} a.prest_t:visit { color: #ca74a1; text-decoration: none;} a.prest_t:hover { color: #ca74a1; text-decoration: none;} .nm_book_t { color: #084db4; text-decoration: none;} a.nm_book_t:link { color: #084db4; text-decoration: none;} a.nm_book_t:visited { color: #084db4; text-decoration: none;} a.nm_book_t:hover { color: #084db4; text-decoration: underline;} .list_opt { padding: 6px 12px; border-top: 1px #dcdcdc solid; background-color: #f6f6f6; text-align: center; font-size: 14px;} .list_opt_l { color: #4c4c4c; text-decoration: none;} a.list_opt_l:link { color: #4c4c4c; text-decoration: none;} a.list_opt_l:visited { color: #4c4c4c; text-decoration: none;} a.list_opt_l:hover { color: #4c4c4c; text-decoration: none;} .list_opt_o { color: #2c2c2c; text-decoration: none;} a.list_opt_o:link { color: #2c2c2c; text-decoration: none;} a.list_opt_o:visited { color: #2c2c2c; text-decoration: none;} a.list_opt_o:hover { color: #2c2c2c; text-decoration: none;} /* 미리보기 */ .mp_title_bt { padding: 2px; float: left;} .mp_title { margin: 0 0 0 70px; padding-top: 2px; color: #3c3c3c;} .mp_mv { float: right; padding-top: 2px;} .mp_letslook_img_box { padding: 18px 12px; border-top: 1px #dcdcdc solid; text-align: center;} .mp_letslook_img { width: 200px; border: 1px solid #c8c7c7;} /* 가격비교 */ .price_cb { position: relative; overflow: hidden; color: #4c4c4c;} .price_c { width: 70%; float: left; overflow: hidden;} .price_c_r { width: 30%; float: right; text-align: right; overflow: hidden;} /* 당일배송 */ .t_delivery { margin-top: 10px; font-size: 14px; color: #4c4c4c;} .t_delivery_ct { margin: 0px; padding-top: 2px; color: #4c4c4c;} .t_delivery_c ul { margin-bottom: 10px; padding: 0px; color: #4c4c4c; line-height: 160%;} .t_delivery_c ul li { padding: 0 0 4px 10px; color: #4c4c4c; background: url(/ucl_editor/img_secur/m/2010/nm_list_dot.jpg) no-repeat 0px 10px;} /* 목차 */ .b_list_t { margin: 0px; padding-bottom: 10px; color: #444444;} .b_list { margin: 0px; padding: 0px; color: #333; line-height: 160%; overflow: hidden;} .b_list ul { margin: 0px; padding: 0px; line-height: 160%; overflow: hidden;} .b_list ul li { padding: 0 0 4px 0px;} .b_list ul li img { padding: 2px; margin-bottom: 5px;} .b_list_dot ul { margin: 0px; padding: 0px; color: #4c4c4c; line-height: 160%; overflow: hidden;} .b_list_dot ul li { padding: 0 0 0 8px; color: #4c4c4c; background: url(/ucl_editor/img_secur/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} /* 저자 */ .b_at_t { color: #444444; font-size: 17px; text-decoration: none; font-weight: bold;} a.b_at_t:link { color: #444444; font-size: 17px; text-decoration: none; font-weight: bold;} a.b_at_t:visited { color: #444444; font-size: 17px; text-decoration: none; font-weight: bold;} a.b_at_t:hover { color: #444444; font-size: 17px; text-decoration: underline; font-weight: bold;} /* 이 책을 구입한 분들이 구매한 도서 */ .pb_list_box { padding: 16px 12px; border-top: 1px #dcdcdc solid; color: #4f4f4f; overflow: hidden; position: relative;} .pb_list_imgbox { float: left; width: 90px;} .pb_list_img { float: left; width: 75px; border: 1px solid #c8c7c7; margin-right: 15px;} .pb_list_info { padding: 0px; margin: 0 0 0 0px; width: 60%; line-height: 150%; float: left; overflow: hidden;} .pb_list_info_ar { float: right; text-align: right; width: 26px; overflow: hidden;} .pb_list_info_ar img { padding: 2px;} .pb_title { color: #0C58A6; font-size: 17px; text-decoration: none; line-height: 130%} a.pb_title:link { color: #0C58A6; font-size: 17px; text-decoration: none; line-height: 130%} a.pb_title:visited { color: #0C58A6; font-size: 17px; text-decoration: none; line-height: 130%} a.pb_title:hover { color: #0C58A6; font-size: 17px; text-decoration: none; line-height: 130%} /* 40자평 */ .blog_conts { padding: 0px; width: 100%; float: left; line-height: 160%; color: #4c4c4c;} .blog_conts h3 { float: left;} .blog_btnbg { background: url(/ucl_editor/img_secur/m/2010/btn_blog_morebg.jpg) top left no-repeat; padding-left: 5px; height: 22px; width: 100px; text-align: center;} /* 기프트&뷰티 타입 */ .gb_type { position: relative; overflow: hidden;} .gb_type_l { color: #444444; width: 50%; float: left; overflow: hidden; padding: 0px; line-height: 130%; text-align: center;} .gb_type_c { color: #444444; width: 25%; float: left; overflow: hidden; padding: 0px 0 0 0; text-align: center;} .gb_type_r { color: #444444; width: 25%; float: right; overflow: hidden; padding: 0px; text-align: center;} .gb_type2 { position: relative; overflow: hidden;} .gb_type2_l { color: #444444; width: 50%; float: left; overflow: hidden; padding: 0px; line-height: 130%; text-align: center;} .gb_type2_r { color: #444444; width: 50%; float: right; overflow: hidden; padding: 0px; text-align: center;} .gb_t { color: #126ecc; font-size: 17px; text-decoration: none; font-weight: bold;} a.gb_t:link { color: #126ecc; font-size: 17px; text-decoration: none; font-weight: bold;} a.gb_t:visited { color: #126ecc; font-size: 17px; text-decoration: none; font-weight: bold;} a.gb_t:hover { color: #126ecc; font-size: 17px; text-decoration: underline; font-weight: bold;} /* 중고 */ .used_opt { margin: 0px 0 0 0px; padding: 6px 8px; border-top: 1px #dcdcdc solid; background-color: #f6f6f6; line-height: 150%; color: #4c4c4c;} .used_opt2 { margin: 0px 0 0 0px; padding: 6px 8px; border-top: 1px #dcdcdc solid; border-bottom: 1px #ededed solid; background-color: #f6f6f6; line-height: 150%; color: #4c4c4c;} .used_opt_list { padding: 0px; width: 90%; float: left; line-height: 140%; color: #4c4c4c;} .used_opt_list li img { padding: 2px;} /* 중고 판매자 선택 */ .used_seller { padding: 0px 12px; margin-bottom: 10px; color: #4c4c4c; text-align: center; position: relative;} .used_seller_area { position: relative; overflow: hidden;} .used_seller_b { margin: 1px; padding: 3px 2px; color: #4c4c4c; font-size: 14px; width: 30%; float: left; overflow: hidden; line-height: 130%; text-align: center; border: 1px #dbdbdb solid;} .used_seller_s { margin: 1px; padding: 3px 2px; color: #1272d4; font-weight: bold; font-size: 14px; width: 30%; float: left; overflow: hidden; line-height: 130%; text-align: center; border: 1px #1272d4 solid;} /* 영화 */ .movie_conts { padding: 0px; float: left; line-height: 160%; color: #4c4c4c; width: 50%;} .mv_select { padding: 0px 0px; margin-bottom: 10px; color: #4c4c4c; text-align: center; position: relative; overflow: hidden;} .mv_select_area { position: relative; overflow: hidden;} .mv_select_b { margin: 1px; padding: 3px 2px; color: #4c4c4c; font-size: 14px; width: 70px; float: left; overflow: hidden; line-height: 120%; text-align: center; border: 1px #dbdbdb solid;} .mv_select_s { margin: 1px; padding: 3px 2px; color: #1272d4; font-weight: bold; font-size: 14px; width: 70px; float: right; overflow: hidden; line-height: 120%; text-align: center; border: 1px #1272d4 solid;} /* 장바구니 본문 시작 0727*/ #top_titlebar_bsk { padding: 0 12px; height: 48px; background-color: #f8f8f8;} #top_title_bsk { padding: 15px 0; float: left;} #top_title_btn { padding: 10px 0; float: right;} #top_title_btn img { padding: 2px;} #top_titlebar_order { padding: 0 12px; height: 59px; background-color: #f8f8f8;} #top_title_order { padding: 21px 0; float: left;} #top_title_step { padding: 6px 0; float: right;} .radio_bt { margin-bottom: 3px;} .contents_title_box { padding: 8px 12px;} .contents_title_box h1 { color: #444444; font-size: 18px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box h2 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box h3 { color: #d84290; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box h3 a { color: #d84290; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box h4 { color: #f56f0a; font-weight: bold; text-decoration: none; line-height: 130%; padding-bottom: 5px;} .contents_title_box1 { padding: 8px 12px; border-top: 1px #D1D1D1 solid; background-color: #f0f6fa;} .contents_title_box1 h1 { color: #444444; font-size: 18px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box1 h2 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box2 { padding: 8px 12px; /*border-top:1px #D1D1D1 solid; color:#848484; */} .contents_title_box2 h1 { color: #444444; font-size: 18px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box2 h2 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box2 h3 { color: #d84290; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%; padding-top: 10px;} .contents_title_box2 h3 a { color: #d84290; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box2 h4 { color: #f56f0a; font-weight: bold; text-decoration: none; line-height: 130%; padding-bottom: 5px;} .contents_title_t { float: left; color: #535353; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box3 { padding: 8px 12px; border-top: 1px #D1D1D1 solid; background-color: #f8efdc;} .contents_title_box3 h1 { color: #444444; font-size: 18px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box3 h2 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box4 { padding: 30px 12px; border-top: 1px #D1D1D1 solid;} .contents_title_box4 h1 { color: #f56f0a; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 160%; text-align: center;} .contents_title_box4 h2 { color: #8b8b8b; font-weight: bold; text-decoration: none; line-height: 130%; text-align: center;} .contents_title_box5 { padding: 15px 12px 8px 12px; color: #848484;} .contents_title_box5 h1 { color: #444444; font-size: 18px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box5 h2 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box5 h3 { color: #d84290; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box5 h3 a { color: #d84290; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_title_box5 h4 { color: #f56f0a; font-weight: bold; text-decoration: none; line-height: 130%; padding-bottom: 5px;} .contents_title_box5 h5 { color: #444444; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 130%;} .contents_last_box { padding: 18px 12px; border-top: 1px #dcdcdc solid;} .contents_last_box .form { outline:0; } .contents_box1 { padding: 8px 12px; /*border-top: 1px #dcdcdc solid;*/} .contents_box1_1 { padding: 8px 12px; border-top: 1px #dcdcdc solid;} .contents_box1_2 { padding: 8px 12px; border-top: 1px #dcdcdc solid;} .contents_box1_3 { border-bottom: 1px #dcdcdc solid;} /* 지난 주문 내역 0727*/ .bak_again_box { padding: 8px 12px; border-top: 1px #dcdcdc solid; overflow: hidden; position: relative;} .bsk_again_l { padding: 0px; color: #000000; width: 75%; float: left;} .bsk_again_box ul li { padding: 0px; color: #000000; float: left;} .bsk_again_r { color: #444444; width: 20%; float: right; text-align: right; padding: 0px;} .bak_again_box img { padding: 2px;} .bsk_list li { padding: 0px; color: #000000;} .bsk_list li img { padding: 2px;} .bsk_result ul { margin-bottom: 8px;} .bsk_result ul li { padding: 0 0 0 8px; color: #000000; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .bsk_prest ul { margin-top: 5px; text-align: center; overflow: hidden; position: relative;} .bsk_prest ul li { width: 30%; position: relative; float: left; padding: 0 4px; text-align: center; color: #444444; font-size: 0.85em} .bsk_prest ul li img { width: 85px; height: 85px; border: 1px solid #CCCCCC; margin: 5px 0} .bsk_prest_new ul { margin: 5px 0 10px 5px; text-align: center; overflow: hidden; position: relative;} .bsk_prest_new ul li { width: 30%; position: relative; float: left; padding: 0 4px; text-align: center; color: #444444;} .bsk_prest_new ul li img { width: 85px; height: 85px; border: 1px solid #CCCCCC; margin: 5px 0} .bsk_prest_new h5 { line-height: 120%; font-weight: normal; font-size: 0.85em; margin-bottom: 5px;} .bsk_prest_t ul { margin: 5px 15px 15px 15px; position: relative;} .bsk_prest_t ul li { padding: 10px 0; color: #444444; clear: both; border-top: 1px solid #ececec; overflow: hidden;} .bsk_prest_t_box1 { float: left; width: 70%; margin-bottom: 1px;} .bsk_prest_t_box2 { float: left; width: 29%; margin-bottom: 1px;} .bsk_prest_t h5 { line-height: 120%; font-weight: normal; font-size: 1em; margin-top: 8px; color: #333} .bsk_prest_tit { padding: 12px 12px 8px 12px; border-top: 1px #D1D1D1 solid; color: #33afe9;} .bsk_prest_tit h2 { font-size: 1.2em} .bsk_prest_notice { color: #444; padding: 15px; font-size: 0.95em} .bsk_bill ul { text-align: center; overflow: hidden; position: relative;} .bsk_bill ul li { width: 45%; position: relative; float: left; padding: 0 4px; text-align: center; color: #848484;} .bsk_bill_2 ul { text-align: center; overflow: hidden; position: relative;} .bsk_bill_2 ul li { width: 45%; position: relative; float: left; padding: 0 4px; text-align: center; color: #000;} .contents_orderbtn_box { padding: 10px 12px 20px 12px; text-align: center; color: #898989; cursor: pointer;} .contents_orderbtn_box img { padding: 2px;} .contents_orderbtn_box2 { padding: 10px 12px 40px 12px; text-align: center; color: #898989; cursor: pointer;} .contents_orderbtn_box img { padding: 2px;} .contents_orderbtn_box3 { padding: 10px 12px; border-top: 1px #d3d3d3 solid; text-align: center; color: #898989; cursor: pointer;} /* 나의 통장 잔액 0727*/ .contents_box2 { padding: 8px 12px; background-color: #E9F3F9;} .my_bank { position: relative; overflow: hidden;} .my_bank ul { float: left; position: relative; background-color: #0066CC} .my_bank img { padding: 2px;} .nm_bank { color: #444444; width: 23%; float: left; overflow: hidden; padding-top: 5px; line-height: 130%;} .nm_bank_c { color: #444444; width: 35%; float: left; overflow: hidden; padding-top: 5px; line-height: 130%;} .nm_bank_r { color: #444444; width: 42%; float: right; text-align: right; overflow: hidden; padding: 0px; line-height: 130%;} /* 알라딘 쿠폰 0727*/ .my_coupon { position: relative; overflow: hidden; display: block;} .bank_f_l { color: #444444; width: 10%; float: left; overflow: hidden; padding: 0px; text-align: center;} .bank_f_c { color: #444444; width: 21%; float: left; overflow: hidden; padding: 0px 0 0 0; text-align: left;} .bank_f_c2 { color: #444444; width: 32%; float: left; overflow: hidden; padding: 0px 0 0 3px; text-align: left;} .bank_f_r { color: #444444; width: 36%; float: right; overflow: hidden; padding: 0px; line-height: 140%;} .contents_box3 { padding: 8px 12px; background-color: #ffffff;} .contents_box4 { padding: 10px 12px; border-bottom: 1px #ededed solid;} .basket_box { border: 1px solid #7f9db9; height: 18px; font-size: 15px; padding: 2px; outline:0;} .bsk_notice ul { margin-bottom: 0px;} .bsk_notice ul li { padding: 0 0 0 8px; color: #d97b2f; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 8px; padding-bottom: 4px;} .order_write { margin-top: 5px; position: relative; overflow: hidden; color: #444444; font-size: 14px; line-height: 1.4;} .order_write h1 { color: #444444; font-size: 15px; font-weight: bold; float: left; width: 90px; margin: 6px 0;} /* 원복 juliet 20130610 */ .order_write ul { float: left;} .order_write ul li { padding-bottom: 6px;} .order_write img { padding: 2px;} /* 팝업 */ .popup_box1 { border: 1px #3084d9 solid; position: absolute; width: 95%; display: none; background-color: #FFFFFF; z-index: 100; transform: translate3d(0,0,0);} .popup_box2 { border: 1px #3084d9 solid; position: absolute; width: 98%; display: none; background-color: #FFFFFF; z-index: 100;} .popup_movie { border: 1px #3084d9 solid; position: absolute; width: 54%; display: none; background-color: #FFFFFF; z-index: 100; right: 0px; margin-top: 40px; margin-right: 15px;} .popup_box { border: 1px #3084d9 solid; width: 290px; background-color: #FFFFFF;} .popup_box_p { border: 1px #fc52a8 solid; width: 290px; background-color: #FFFFFF;} .pop_box_title { padding: 10px 12px; background-color: #f7f7f7; overflow: hidden;} .pop_box_title h1 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%; float: left; padding-top: 4px;} .pop_box_title img { padding: 2px; float: right;} .pop_box_conts { padding: 10px 12px 10px 12px; background-color: #ffffff; overflow: hidden;} .pop_box_conts img { padding: 2px;} .pop_box_conts2 { margin: 0 12px; padding: 10px 0px; border-top: 1px #dcdcdc solid;} .pop_box_conts2 h1 { color: #444444; font-size: 15px; font-weight: bold; text-decoration: none; line-height: 130%; padding-bottom: 5px;} .pop_box_conts2 ul li { padding: 0 0 0 8px; font-size: 15px; color: #444444; background: url(/ucl_editor/img_secur/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .pop_box_conts3 { margin: 0 12px 10px 12px; padding: 10px; background-color: #e6f0f6;} .pop_box_conts3 ul li { line-height: 190%;} .pop_box_conts3 ul li a { color: #444444; text-decoration: none;} .pop_address_l { color: #444444; font-size: 15px; width: 30%; float: left; overflow: hidden; padding: 0px; text-align: center;} .pop_address_r { color: #444444; font-size: 15px; width: 70%; float: right; overflow: hidden; padding: 0px;} .pop_box_conts4 { padding: 5px 0px; background-color: #f0f6fa; overflow: hidden;} .pop_box_conts5 { padding: 5px 0px; border-bottom: 1px solid #e2e2e2; background-color: #ffffff; overflow: hidden;} .pop_box_conts6 { margin: 0 12px; padding: 10px 0px; border-top: 1px #dcdcdc solid; text-align: center;} .pop_box_conts6 img { padding: 2px;} .pop_box_conts6_1 { margin: 0 12px; padding: 10px 0px; text-align: center;} .pop_box_conts6_1 img { padding: 2px;} .pop_box_conts7 { padding: 0px 12px 10px 12px; background-color: #ffffff; overflow: hidden;} .pop_box_conts7 ul { line-height: 190%;} .pop_box_conts8 { margin: 10px 12px 10px 12px; padding: 10px; background-color: #e6f0f6;} .pop_box_conts8 ul li { padding: 3px 0;} .pop_box_conts8 ul li a { color: #444444; text-decoration: none;} .pop_box_conts8 .check_book { border-top: 1px #cccccc solid; margin-top: 5px; padding-top: 5px;} .pop_box_conts8 .check_book li { float: left; padding-right: 20px;} .check_notify { float: left; width: 23%; padding-right: 5px;} .phone_box { border: 1px solid #c0c0c0; height: 17px; font-size: 13px; padding: 3px; color: #444; text-align: center; margin: 0 1px 3px 0;} /* 레이어 */ .m_layer_box { margin: 0; padding: 0px; width: 145px; border: 1px #1c66b0 solid;} .m_layer_conts ul { padding: 8px 10px; color: #4c4c4c; line-height: 200%; text-decoration: none;} .m_layer_conts ul li { padding: 0 0 0 8px; color: #4c4c4c; background: url(/ucl_editor/img_secur/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .m_layer_s_box { border: 1px #1c66b0 solid; position: absolute; display: none; background-color: #ffffff;} .m_layer_s_box ul { padding: 8px 10px; color: #4c4c4c; line-height: 200%; text-decoration: none;} .m_layer_s_box ul li { padding: 0 0 0 8px; color: #4c4c4c; background: url(/ucl_editor/img_secur/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .nm_book_t_g { color: #4c4c4c; font-size: 16px; text-decoration: none;} a.nm_book_t_g:link { color: #4c4c4c; font-size: 16px; text-decoration: none;} a.nm_book_t_g:visited { color: #4c4c4c; font-size: 16px; text-decoration: none;} a.nm_book_t_g:hover { color: #4c4c4c; font-size: 16px; text-decoration: none;} .layer_box { border: 2px #3084d9 solid; width: 90%; background-color: #FFFFFF; padding: 5px;} .layer_box_conts { padding: 10px 12px 10px 12px; background-color: #ffffff; overflow: hidden;} .layer_box_conts2 { padding: 10px 12px 10px 12px; background-color: #ffffff; overflow: hidden; border-radius: 3px; margin: 10px;} /* 푸터 0727*/ .jm_footer_box { padding: 0px; margin: 0px; height: 60px; clear: both; background: url(/ucl_editor/img_secur/m/2010/main_footer_bg.jpg) top left repeat-x;} .jm_footer_menu_list li { padding: 0px; margin: 0px; list-style: none; display: inline; float: left; width: 19.8%; text-align: center; border-right: 1px solid #5C74C3;} /* 푸터 */ #footer_box { padding: 15px 12px; border-top: 2px #378fe9 solid; background-color: #f7f7f7; overflow: hidden;} .footer_search_bg { padding: 8px 0px 12px 0px; height: 30px; background-color: #f7f7f7; position: relative;} .footer_box img { padding: 1px;} .footer_search_bt { float: left; position: relative; overflow: hidden;} .bt_w_box { margin: 15px 0 8px 0;} .bottom_write li { padding: 0 3px; margin-bottom: 5px; display: inline; overflow: hidden; color: #444444;} .footer_btn_list li { padding: 0 0px; margin-bottom: 5px; display: inline; overflow: hidden; color: #444444;} .footer_btn_list li img { padding: 2px;} .foot_mall_box { border: 1px solid #719dcc; height: 16px; font-size: 13px; padding: 2px; width: auto; min-width: 230px;} .top_box { padding: 10px 12px 0px 12px; overflow: hidden; color: ffffff;} .go_top { float: right; overflow: hidden;} /* 상단으로 0727 */ .jm_top_box { padding: 0px 12px; height: 16px; float: right; overflow: hidden;} .jm_top_box img { padding: 2px;} /* Copyright */ .jm_bt_w_box { margin: 14px 0;} .jm_bt_c { font-size: 12px; line-height: 16px; font-family: Verdana; letter-spacing: -1px; color: #A8A8A8;} /* 장바구니 텍스트 추가 */ .nm_bsk_t { color: #084db4; font-size: 16px; font-weight: bold; text-decoration: none;} a.nm_bsk_t:link { color: #084db4; font-size: 16px; text-decoration: none; font-weight: bold;} a.nm_bsk_t:visited { color: #084db4; font-size: 16px; text-decoration: none; font-weight: bold;} a.nm_bsk_t:hover { color: #084db4; font-size: 16px; text-decoration: underline; font-weight: bold;} .nm_notice { color: #db6f17; font-size: 1.0em; line-height: 21px;} .nm_notice_s { color: #898989; font-size: 14px; line-height: 16px;} .nm_notice_sr { color: #e61c01; font-size: 1.0em; line-height: 16px;} .nm_notice_b { color: #444444; line-height: 21px; text-decoration: underline;} a.nm_notice_b:link { color: #444444; line-height: 21px; text-decoration: underline;} a.nm_notice_b:visited { color: #444444; line-height: 21px; text-decoration: underline;} a.nm_notice_b:hover { color: #444444; line-height: 21px; text-decoration: underline;} .nm_notice_p { color: #d44e94; line-height: 21px; text-decoration: none;} .nm_pop_notice { color: #898989; line-height: 16px; text-align: center; padding: 12px 0 0 0;} /* //장바구니 텍스트 추가 */ .nm_order_d { color: #bc1818; text-decoration: none; font-weight: bold;} .nm_f_d { color: #333; text-decoration: none;} a.nm_f_d:link { color: #333; text-decoration: none;} a.nm_f_d:visited { color: #333; text-decoration: none;} a.nm_f_d:hover { color: #333; text-decoration: none;} .nm_f_mv { color: #4C4C4C; text-decoration: underline;} a.nm_f_mv:link { color: #4C4C4C; text-decoration: underline;} a.nm_f_mv:visited { color: #4C4C4C; text-decoration: underline;} a.nm_f_mv:hover { color: #4C4C4C; text-decoration: underline;} .nm_f_e { color: #E66729; font-size: 16px;} a.nm_f_e:link { color: #E66729; font-size: 16px; text-decoration: none;} a.nm_f_e:visited { color: #E66729; font-size: 16px; text-decoration: none;} a.nm_f_e:hover { color: #E66729; font-size: 16px; text-decoration: none;} .nm_f_tb { color: #0C58A6; font-size: 17px; text-decoration: none; font-weight: bold;} a.nm_f_tb:link { color: #0C58A6; font-size: 17px; text-decoration: none; font-weight: bold;} a.nm_f_tb:visited { color: #0C58A6; font-size: 17px; text-decoration: none; font-weight: bold;} a.nm_f_tb:hover { color: #0C58A6; font-size: 17px; text-decoration: none; font-weight: bold;} .nm_f_tb_p { color: #0C58A6; font-size: 18px; font-weight: bold; text-decoration: none;} a.nm_f_tb_p:link { color: #0C58A6; font-size: 18px; text-decoration: none; font-weight: bold;} a.nm_f_tb_p:visited { color: #0C58A6; font-size: 18px; text-decoration: none; font-weight: bold;} a.nm_f_tb_p:hover { color: #0C58A6; font-size: 18px; text-decoration: none; font-weight: bold;} .nm_f_ds { color: #444444; font-size: 14px; text-decoration: none;} a.nm_f_ds:link { color: #444444; font-size: 14px; text-decoration: none;} a.nm_f_ds:visited { color: #444444; font-size: 14px; text-decoration: none;} a.nm_f_ds:hover { color: #444444; font-size: 14px; text-decoration: none;} .nm_search_name { color: #F3720A; font-size: 16px; text-decoration: none;} .nm_f_p { color: #D84E7D; font-weight: bold;} .nm_f_p_b { color: #D84E7D;} .nm_f_m { color: #F56F0A; font-weight: bold;} .nm_f_tt { color: #ec0d2c;} .nm_bestnum { color: #444444; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px;} .nm_half { color: #ffffff; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: -1px; font-weight: bold;} .nm_login_d { color: #737373; font-size: 16px; text-decoration: none;} .nm_f_ds2 { color: #8C8C8C; font-size: 14px; text-decoration: none;} a.nm_f_ds2:link { color: #8C8C8C; font-size: 14px; text-decoration: none;} a.nm_f_ds2:visited { color: #8C8C8C; font-size: 14px; text-decoration: none;} a.nm_f_ds2:hover { color: #8C8C8C; font-size: 14px; text-decoration: none;} .nm_f_ds_b { color: #444444; text-decoration: none; font-weight: bold;} a.nm_f_ds:link { color: #444444; text-decoration: none; font-weight: bold;} a.nm_f_ds:visited { color: #444444; text-decoration: none; font-weight: bold;} a.nm_f_ds:hover { color: #444444; text-decoration: none; font-weight: bold;} .nm_beauty_sl { color: #0C58A6; text-decoration: none;} a.nm_beauty_sl:link { color: #0C58A6; text-decoration: none;} a.nm_beauty_sl:visited { color: #0C58A6; text-decoration: none;} a.nm_beauty_sl:hover { color: #0C58A6; text-decoration: none;} .bt_c { color: #898989; font-size: 12px; line-height: 17px; font-family: Verdana; letter-spacing: 0px;} .nm_f_title { color: #444444; font-size: 18px; font-weight: bold;} .nm_layer_box { margin: 0; padding: 3px; border: 1px #1E5FA1 solid; color: #444444;} .np_btlayer_list { margin: 0; padding: 0 5px 0 3px;} /* 이벤트 박스 */ .nm_event ul { margin: 0 0 0px 12px; padding: 0px 0px 0 0px; list-style: none;} .nm_event ul li { margin: 0 0 5px 0px; padding: 0 0 5px 0px; list-style-image: url(/ucl_editor/img_secur/m/2010/nm_event_dot.png); line-height: 18px;} .login_box { border: 1px solid #C6C6C6; padding: 2px; min-width: 155px; max-width: 200;} .select_box { border: 1px solid #C6C6C6; padding: 2px; min-width: 240px; max-width: 500;} /* 이하 개발 관련 css */ a.nm_item { color: #444444; text-decoration: none;} a.nm_item:link { color: #444444; text-decoration: none;} a.nm_item:visited { color: #444444; text-decoration: none;} a.nm_item:hover { color: #444444; text-decoration: none;} .np_shadowbox { z-index: 100; width: 100%; position: absolute; background-color: #FFFFFF; border: 0px solid blue; text-align: left; vertical-align: top; display: none;} .np_shadowbox1 { width: 100%; border: 0px solid blue; vertical-align: top; display: none;} .np_shadowbox2 { position: absolute; right: 0; z-index: 100; background-color: #FFFFFF; border: 0px solid blue; text-align: left; vertical-align: top; display: none;} .np_block { width: 100%; position: relative; display: none;} .np_img { width: 100%;} /*footer select*/ .t_st { width: 90%; height: 23px; border: 1px solid #bcbcbc;} .m_st { width: 100%; height: 25px; border: 1px solid #bcbcbc; margin: 10px 0 10px 0;} .b_st { width: 32%; height: 25px; border: 1px solid #bcbcbc; margin-left: 2px;} .b_st1 { width: 47%; height: 25px; border: 1px solid #bcbcbc; margin: 0 3px 0 3px;} /* paging */ .pg {position:relative; width:100%; height:35px; text-align: center; color:#000;padding:15px 0; color:#898989;}/*margin: 15px 0 15px 0;*/ .pg .bt4 { display: inline-block; line-height: 34px; margin-right: 4px; background-color: #fff;} .pg .bt4nx5 { margin-right: 0;} .pg .bt4pv5 { margin-left: 0;} .pg .mpgl { position: absolute; top: 0px; left: 10px;} .pg .mpgr { position: absolute; top: 0px; right: 10px;} a.numoff:link { text-decoration: none; color: #333333;} a.numoff:hover { text-decoration: none; color: #FF6600; background-color: #f8f8f8;} a.numoff:visited { text-decoration: none; color: #333333;} a.numon:link { text-decoration: none; color: #ff7e00; font-weight: bold; background-color: #f8f8f8;} a.numon:hover { text-decoration: none; color: #ff7e00; font-weight: bold; background-color: #f8f8f8;} a.numon:visited { text-decoration: none; color: #ff7e00; font-weight: bold; background-color: #f8f8f8;} .sadd1 { FONT-SIZE: 11px; COLOR: #000000} .sadd2 { FONT-SIZE: 11px; COLOR: #737373} .sadd:link { FONT-SIZE: 11px; COLOR: #737373; TEXT-DECORATION: none} .sadd:visited { FONT-SIZE: 11px; COLOR: #737373; TEXT-DECORATION: none} .sadd:active { COLOR: #737373} .sadd:hover { FONT-SIZE: 11px; COLOR: #737373; TEXT-DECORATION: underline} a.coupontx:link { text-decoration: none; color: #444444; font-family: dotum;} a.coupontx:visited { text-decoration: none; color: #444444; font-family: dotum;} a.coupontx:hover { text-decoration: underline; color: #444444; font-family: dotum;} .p_add { font-size: 12px;} .p_add2 { font-size: 12px; color: #000;} .p_add3 { color: #FA7600; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif} .p_add4 { color: #000; line-height: 18px;} .p_add5 { color: #FA7600; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif} /* 장바구니, 주문과정 헤더 로고 및 메뉴 */ #top_order_box { padding: 8px 10px; height: 27px; border-bottom: 2px #47a0fb solid;} #header_search { position: absolute; width: 100%; display: none; z-index: 100} /* 0611 추가 */ .mp_title2 { margin: 0px 70px 0 0; padding-top: 2px; color: #4c4c4c; float: left;} .mp_title2_bt { padding: 2px; float: right;} .nm_book_title_b { color: #444444; font-size: 19px; font-weight: bold; text-decoration: none;} a.nm_book_title_b:link { color: #444444; font-size: 19px; text-decoration: none; font-weight: bold;} a.nm_book_title_b:visited { color: #444444; font-size: 19px; text-decoration: none; font-weight: bold;} a.nm_book_title_b:hover { color: #444444; font-size: 19px; text-decoration: none; font-weight: bold;} .pb_title_n1 { color: #ff397b; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%} a.pb_title_n1:link { color: #ff397b; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%} a.pb_title_n1:visited { color: #ff397b; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%} a.pb_title_n1:hover { color: #ff397b; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%} .pb_title_n { color: #646464; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%} a.pb_title_n:link { color: #646464; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%} a.pb_title_n:visited { color: #646464; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%} a.pb_title_n:hover { color: #646464; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%} /* 메인 탑북 디자인 변경 */ .t_book { background: url(//image.aladin.co.kr/img/m/2010/topbook_center.jpg) top center repeat-x; margin: 0px; padding: 0px; height: 141px; width: 100%; overflow: hidden;} .t_left { background: url(//image.aladin.co.kr/img/m/2010/topbook_left_bg.jpg) top left no-repeat; width: 33%; float: left; height: 141px; text-align: center; padding: 16px 0 0 0;} .t_center { width: 34%; float: left; height: 141px; padding: 16px 0px 0 0px; text-align: center;} .t_right { background: url(//image.aladin.co.kr/img/m/2010/topbook_right_bg.jpg) top right no-repeat; width: 33%; float: right; height: 141px; text-align: center; padding: 16px 0 0 0;} .t_book2 { background: url(//image.aladin.co.kr/img/m/2010/topbook_center1.jpg) top center repeat-x; margin: 0px; padding: 0px; height: 145px; width: 100%; overflow: hidden;} .t_left2 { background: url(//image.aladin.co.kr/img/m/2010/topbook_left_bg1.jpg) top left no-repeat; width: 33%; float: left; height: 145px; text-align: center; padding: 20px 0 0 0;} .t_center2 { width: 34%; float: left; height: 145px; padding: 20px 0px 0 0px; text-align: center;} .t_right2 { background: url(//image.aladin.co.kr/img/m/2010/topbook_right_bg1.jpg) top right no-repeat; width: 33%; float: right; height: 145px; text-align: center; padding: 20px 0 0 0;} .t_book3 { background: url(//image.aladin.co.kr/img/m/2010/topbook_center6.jpg) top center repeat-x; margin: 0px; padding: 0px; height: 148px; width: 100%; overflow: hidden;} .t_left3 { background: url(//image.aladin.co.kr/img/m/2010/topbook_left_bg6.jpg) top left no-repeat; width: 33%; float: left; height: 148px; text-align: center; padding: 20px 0 0 0;} .t_center3 { width: 34%; float: left; height: 148px; padding: 20px 0px 0 0px; text-align: center;} .t_right3 { background: url(//image.aladin.co.kr/img/m/2010/topbook_right_bg6.jpg) top right no-repeat; width: 33%; float: right; height: 148px; text-align: center; padding: 20px 0 0 0;} .t_book4 { background: url(//image.aladin.co.kr/img/m/2010/topbook_center1.jpg) top center repeat-x; margin: 0px; padding: 0px; height: 145px; width: 100%; overflow: hidden;} .t_left4 { background: url(//image.aladin.co.kr/img/m/2010/topbook_left_bg1.jpg) top left no-repeat; width: 33%; float: left; height: 145px; text-align: center; padding: 20px 0 0 0;} .t_center4 { width: 34%; float: left; height: 145px; padding: 20px 0px 0 0px; text-align: center;} .t_right4 { background: url(//image.aladin.co.kr/img/m/2010/topbook_right_bg1.jpg) top right no-repeat; width: 33%; float: right; height: 145px; text-align: center; padding: 20px 0 0 0;} .top_img_left { width: 80px; height: 114px; border: 1px solid #e6e6e6; margin-left: 22px;} .top_img_center { width: 80px; height: 114px; border: 1px solid #e6e6e6; margin: 0px;} .top_img_right { width: 80px; height: 114px; border: 1px solid #e6e6e6; margin-right: 22px;} .contents_orderbtn_box2 { padding: 10px 12px 10px 12px; text-align: center; color: #898989; cursor: pointer;} /* kim0chung 추가 css*/ .wr { position: relative;} .wr dt { position: absolute; left: 3px; /*font-size:13px; color:#848484;*/ font-size: 1.0em; color: #000000} .wr dd { padding-right: 5px; /*font-size:13px; color:#848484;*/ font-size: 1.0em; color: #000000} .wr .rp1 { padding-left: 7em;} .wr1 { position: relative; margin: 0 20px 0 0;} .wr1 dt { position: absolute; left: 3px; /*font-size:13px; color:#848484;*/ font-size: 1.0em; color: #000000} .wr1 dd { padding-right: 10px; /*font-size:13px; color:#848484;*/ font-size: 1.0em; color: #000000} .wr1 .rp { padding-left: 5em;} .li1 li { position: relative; width: 100%; padding: 1px; /*font-size:13px; color:#848484;*/ font-size: 1.0em; color: #000000} .li1 .r1 { float: right; padding-right: 5px; text-align: right; /*font-size:13px; color:#848484;*/ font-size: 1.0em; color: #000000} .wr_1 dt { position: absolute; left: 11px; font-size: 1em; color: #666;} .wr_1 dd { padding-right: 5px; font-size: 1em; color: #000000;} .wr_1 .rp1 { padding-left: 5.2em; line-height: 150%} .wr .rp2 { padding-top: 0.5em;} .wr .rp3 { padding-left: 5.2em;} /* 주문조회 0727*/ #top_order_view { margin-top: 15px; padding: 0 12px; height: 27px; background-color: #ffffff; border-bottom: #47A0FB solid 2px;} /* 주문조회 리스트 영역 0727*/ .order_vb1 { padding: 7px 12px; border-top: 1px #dcdcdc solid; overflow: hidden; cursor: pointer;} .order_vb2 { padding: 7px 12px; border-top: 1px #dcdcdc solid; overflow: hidden;} .order_vb3 { padding: 0px 12px 7px 12px; border-top: 0px #dcdcdc solid; overflow: hidden; position: relative;} .order_list { position: relative; overflow: hidden; display: block;} .order_list2 { position: relative; overflow: hidden; display: block; border-top: 1px #dcdcdc solid; margin-top: 15px; padding-top: 15px;} .order_list_l { color: #444444; width: 63px; float: left; overflow: hidden; padding: 3px; text-align: left; line-height: 140%;} .order_list_r { color: #444444; width: 63%; float: left; overflow: hidden; padding: 3px; margin: 0 30px 0 0; text-align: left; line-height: 140%;} .bank_box1 { padding: 8px 10px 8px 12px; background-color: #E9F3F9;} .bank_box2 { padding: 8px 10px 8px 12px; background-color: #ffffff;} .bank_list_l { color: #444444; width: 33%; float: left; overflow: hidden; padding: 3px; text-align: left; line-height: 140%;} .bank_list_r { color: #444444; width: 62%; float: right; overflow: hidden; padding: 3px; margin: 0 0px 0 0; text-align: right; line-height: 140%;} .delivery_list_l { width: 95px; float: left; overflow: hidden; padding: 3px; text-align: left; line-height: 140%; color: #CCCCCC;} .delivery_list_l li { padding: 0px; color: #444444;} .delivery_list_r { width: 60%; float: left; overflow: hidden; padding: 3px; margin: 0px; text-align: left; line-height: 140%;} .order_list_r2 { color: #444444; width: 62%; float: right; overflow: hidden; padding: 3px; margin: 0px; text-align: left; line-height: 140%;} /*0615 추가 */ .o_popup_box { border: 1px #3084d9 solid; width: 290px; background-color: #FFFFFF;} .o_pop_box_title { padding: 10px 12px; background-color: #f7f7f7; overflow: hidden; text-align: center;} .o_pop_box_title h1 { color: #444444; font-size: 16px; font-weight: bold; text-decoration: none; line-height: 130%;} .o_pop_box_conts { margin: 0 12px; padding: 10px 0px 5px 0px;} .o_pop_box_conts h1 { color: #444444; font-weight: bold; text-decoration: none; line-height: 130%; padding-bottom: 5px;} .o_pop_box_conts ul li { padding: 0px; margin: 0 3px; color: #444444; display: inline;} .o_pop_box_conts1 { margin: 0 12px; padding: 5px 0px 5px 0px;} .o_pop_box_conts1 h1 { color: #444444; font-weight: bold; text-decoration: none; line-height: 130%; padding-bottom: 5px;} .o_pop_box_conts1 ul li { padding: 0px; margin: 0 3px; color: #444444; display: inline;} .o_pop_f { color: #444444; line-height: 21px; text-decoration: none;} a.o_pop_f:link { color: #444444; line-height: 21px; text-decoration: none;} a.o_pop_f:visited { color: #444444; line-height: 21px; text-decoration: none;} a.o_pop_f:hover { color: #444444; line-height: 21px; text-decoration: none;} /* 0727추가*/ .jm_f_all { color: #444444; font-weight: bold;} /* 로그인 페이지 */ #login_table { padding: 0; margin: 10px 12px 15px 12px;} .login_t_top { padding: 0; margin: 0;} .login_t_conts { padding: 0 1px 5px 1px; width: 99%; float: left;} .login_t_bg { padding: 0; margin: 0;} .login_title_box { padding: 7px 0px 7px 0px; border-bottom: 1px solid #E9E9E9; background-color: #F8F8F8;} .login_title_box h1 { color: #7A7A7A; font-size: 14px; font-weight: bold; text-decoration: none; text-align: center;} .login_contents_box1 { padding: 15px 12px; text-align: center; font-size: 12px; color: #848484;} .login_contents_box1 p { margin-bottom: 10px;} /* 메인 레이어 */ #header_menu { -webkit-border-radius: 5px; /* safari */ -moz-border-radius: 5px; /* firefox */ background: #ddd; border: 1px solid #7c8ab8; padding: 0; position: absolute; right: 0px; background-color: #FFFFFF; z-index: 100; display: none;} .layer_contents_box1 { margin-left: 1px; padding: 10px 6px 5px 6px; text-align: center; border-bottom: 1px solid #d5dbf1; overflow: hidden;} .layer_contents_box2 { margin-left: 1px; padding: 10px 6px 5px 6px; text-align: center; overflow: hidden;} .layer_contents_box3 { margin-left: 1px; padding: 10px 6px 10px 6px; text-align: center; overflow: hidden;} .layer_contents_box4 { margin-left: 1px; padding: 0px 6px 5px 6px; text-align: center; border-bottom: 1px solid #d5dbf1; overflow: hidden;} .layer_contents_box1 div { line-height: 190%;} .layer_contents_box2 div { line-height: 190%;} .layer_contents_box3 div { line-height: 190%;} .layer_contents_box4 div { line-height: 190%;} .layer_t_b { text-indent: 8px; float: left; width: 25%; text-align: left;} .layer_t_b2 { text-indent: 8px; float: left; width: 25%; text-align: left;} .layer_t_b3 { text-indent: 8px; float: left; width: 25%; text-align: left;} .layer_t_b4 { text-indent: 8px; float: left; width: 25%; text-align: left;} .layer_t_b5 { text-indent: 8px; float: left; width: 34%; text-align: left;} .layer_t_b6 { text-indent: 8px; float: left; width: 33%; text-align: left;} .layer_t_b7 { text-indent: 8px; float: left; width: 38%; text-align: left;} .layer_t_d { color: #7A7A7A; font-size: 14px; font-weight: bold; text-decoration: none;} .layer_t_d2 { color: #6382b9; font-size: 14px; font-weight: bold; text-decoration: none;} .layer_g { color: #444444; font-size: 14px; text-decoration: none; letter-spacing: -2px;} a.layer_g:link { color: #444444; font-size: 14px; text-decoration: none; letter-spacing: -2px;} a.layer_g:visited { color: #444444; font-size: 14px; text-decoration: none; letter-spacing: -2px;} a.layer_g:hover { color: #444444; font-size: 14px; text-decoration: none; letter-spacing: -2px;} .layer_b { color: #3668be; font-size: 14px; text-decoration: none;} a.layer_b:link { color: #3668be; font-size: 14px; text-decoration: none;} a.layer_b:visited { color: #3668be; font-size: 14px; text-decoration: none;} a.layer_b:hover { color: #3668be; font-size: 14px; text-decoration: none;} .layer_p { color: #b83a7d; font-size: 14px; text-decoration: none;} a.layer_p:link { color: #b83a7d; font-size: 14px; text-decoration: none;} a.layer_p:visited { color: #b83a7d; font-size: 14px; text-decoration: none;} a.layer_p:hover { color: #b83a7d; font-size: 14px; text-decoration: none;} .layer_contents_box1 img { padding: 0 0 5px 0;} .layer_contents_box2 img { padding: 0 0 5px 0;} .layer_contents_box3 img { padding: 0 0 5px 0;} /* sns 레이어 */ .sns_layer { border: 1px #3084d9 solid; width: 100px; background-color: #FFFFFF; padding: 3px;} .sns_layer_conts ul { list-style: none; padding: 5px; color: #767676; font-size: 14px;} .sns_layer_b { color: #444444; font-size: 14px; line-height: 21px; text-decoration: none;} /* 메인 헤더*/ #top_search_wbg { padding: 7px 7px 6px 7px; height: 29px; background: url(/ucl_editor/img_secur/m/2010/search_wbg01.jpg) top right no-repeat; position: relative;} .ts_sb_w { padding: 0 80px 0 60px;} .sb_w { display: block; height: 19px; padding: 0px 5px 3px 0.3em; margin: 1px 2px 0 0; border: 1px solid #5f2c0c; background: transparent 0; float: left; width: 100%;} .search_box_w { width: 100%; border: 0 none; font-size: 1em; -webkit-border-radius: 0; -webkit-appearance: none; background: transparent 0; padding: 0px 0 3px 0;} .search_t { position: absolute; top: 7px;} .search_bt { position: absolute; top: 7px; right: 5px;} .search_bt img { padding: 0px;} .search_bt input { padding-left: 0px;} /* 0929 모바일 특가몰 추가 */ .special_area { margin: 0; padding: 0 12px; overflow: hidden;} .special_line { margin: 0 0 10px 0; padding: 0; border-bottom: #ffac08 2px solid; height: 45px;} .special_t { margin: 0; padding: 11px 0 0 7px; float: left;} .special_date_t { margin: 0; padding: 18px 0 0 0; float: right;} .special_left { margin: 0; padding: 0; clear: both; float: left; width: 65%;} .special_right { margin: 0; padding: 0; float: right; width: 35%;} .special_cont_a { margin: 0; padding: 0; clear: both;} .special_c_imgbox { float: left; width: 190px; margin-bottom: 10px;} .special_c_img { float: left; width: 190px; border: 1px solid #c8c7c7; overflow: hidden; display: inline;} .special_c_info { padding: 0; margin: 0px; clear: both; float: left; color: #898989;} .special_c_info_btn { padding: 0; margin-top: 10px; clear: both; float: left; color: #898989;} .nm_f_p2 { color: #D84E7D; font-size: 16px; font-family: Verdana, Arial, Helvetica, sans-serif;} .spc_r_conts ul { margin: 0; padding: 0; float: right;} .spc_r_conts ul li { padding: 0px; background-color: #000000; width: 99px; text-align: right; background: url(//image.aladin.co.kr/img/m/s_right_off.jpg) top left no-repeat;} .spc_r_conts ul li img { margin: 4px; border: 1px solid #dedede; width: 83px;} /* 이주의 반값 */ #tw_half { padding: 14px 0px 16px 0px; background-color: #f1f1f1; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; width: 100%;} .tw_title { margin: 0 8px 12px 8px;} .tw_half_box { margin: 0 8px; clear: both; overflow: hidden; position: relative; text-align: center; background: url(//image.aladin.co.kr/img/m/s_sd2.png) top center no-repeat;} .tw_half_l { width: 4%; float: left; padding: 50px 0 0 0; overflow: hidden;} .tw_half_c { float: left; position: relative; width: 92%;} .tw_half_r { width: 4%; float: right; padding: 50px 0 0 0; overflow: hidden;} .t_delivery_c ul li { padding: 0 0 4px 10px; color: #4c4c4c; background: url(/ucl_editor/img_secur/m/2010/nm_list_dot.jpg) no-repeat 0px 10px;} .spc_r_conts_arrow { color: #4c4c4c; overflow: hidden; cursor: pointer; background: url(//image.aladin.co.kr/img/m/s_list_arrowbg.jpg) top right no-repeat; float: right;} #sub_top_search { padding: 7px 7px 6px 7px; height: 29px; position: relative;} .sub_top_ts_sb_w { padding: 0 80px 0 60px;} .sub_top_sb_w { display: block; height: 19px; padding: 0px 5px 3px 0.3em; margin: 1px 3px 0 0; border: 1px solid #3860a7; background: transparent 0; float: left; width: 100%;} .sub_top_search_box_w { width: 100%; border: 0 none; font-size: 1em; -webkit-border-radius: 0; -webkit-appearance: none; background: transparent 0; padding: 0px 0 3px 0;} .sub_top_search_bt { position: absolute; top: 6px;} .sub_top_search_bt_r { position: absolute; top: 6px;} .sub_top_search_bt_r img { padding: 2px;} .search_bt input { padding-left: 2px;} .search_layer_area { margin: 3px 45px 3px 67px;} .search_layer { padding: 0px; border: 1px #3860a7 solid; width: 100%; background-color: #FFFFFF;} .search_layer_conts ul { list-style: none; padding: 0px; line-height: 31px;} .search_layer_conts ul li { border-bottom: 1px solid #e9e9e9;} .search_layer_b { margin: 8px; color: #444444; font-size: 13px; text-decoration: none;} .best_navigation { width: 100%; padding-top: 10px; float: left} .bLink { float: right; padding-left: 3px;} .t_book_tab { background: url(//image.aladin.co.kr/img/m/2010/topbook_center.jpg) top center repeat-x; margin: 0px; padding: 0px; height: 38px; width: 100%; overflow: hidden;} .t_left_tab { background: url(//image.aladin.co.kr/img/m/2010/topbook_left_bg.jpg) top left no-repeat; width: 25%; float: left; height: 38px; text-align: center; padding: 10px 0 0 0;} .t_center_tab { width: 50%; float: left; height: 38px; padding: 10px 0px 0 0px; text-align: center;} .t_right_tab { background: url(//image.aladin.co.kr/img/m/2010/topbook_right_bg.jpg) top right no-repeat; width: 25%; float: right; height: 38px; text-align: center; padding: 10px 0 0 0;} .t_book1 { background: url(//image.aladin.co.kr/img/m/2010/topbook_center02.jpg) top center repeat-x; margin: 0px; padding: 0px; height: 141px; width: 100%; overflow: hidden;} .t_left1 { background: url(//image.aladin.co.kr/img/m/2010/topbook_left_bg01.jpg) top left no-repeat; width: 33%; float: left; height: 141px; text-align: center; padding: 16px 0 0 0;} .t_center1 { width: 34%; float: left; height: 141px; padding: 16px 0px 0 0px; text-align: center;} .t_right1 { background: url(//image.aladin.co.kr/img/m/2010/topbook_right_bg01.jpg) top right no-repeat; width: 33%; float: right; height: 141px; text-align: center; padding: 16px 0 0 0;} /* 푸터 Copyright */ #footerWrap { text-align: center;} /* 나무 푸터 */ .wd_footer_box { padding: 0px; margin: 0px; height: 60px; clear: both; background: url(/ucl_editor/img_secur/m/2010/wd_bt_bg.jpg) top left repeat-x;} .wd_footer_menu_list li { padding: 0px; margin: 0px; list-style: none; display: inline; float: left; width: 20%; text-align: center; background: url(/ucl_editor/img_secur/m/2010/wd_bt_line.jpg) top right no-repeat;} .wd_bt_box { margin: 12px 0;} .wd_bt_c { font-size: 14px; line-height: 16px; letter-spacing: -1px; color: #4c4c4c; font-weight: normal;} .wd_bt_t { color: #555; font-size: 14px; text-decoration: none; padding: 0 3px;} a.wd_bt_t:link { color: #555; font-size: 14px; text-decoration: none; padding: 0 3px;} a.wd_bt_t:visited { color: #555; font-size: 14px; text-decoration: none; padding: 0 3px;} a.wd_bt_t:hover { color: #555; font-size: 14px; text-decoration: none; padding: 0 3px;} /* 하단 회사정보 20110304_추가 */ .co_info_box { margin: 5px 0 10px 0; padding: 0 20px; text-align: left;} .co_conts { font-size: 12px; line-height: 16px; color: #777; font-weight: normal;} /* 110818 한컴리드온 메인 헤더 css 추가 */ .ts_sb_w_hc { padding: 0 130px 0 60px;} /* 111013_모바일 중고서점 */ .used_tab { margin: 0 0 15px 0; padding: 0 12px; height: 27px; background-color: #ffffff; border-bottom: #f68b00 solid 2px;} .used_cb { padding: 10px 12px; overflow: hidden; color: #4c4c4c; font-size: 14px;} .ud_list_box { padding: 16px 12px 16px 12px; border-bottom: 1px #dcdcdc solid; color: #4f4f4f; overflow: hidden; position: relative;} .ud_list_box2 { padding: 5px 12px 16px 12px; border-bottom: 1px #dcdcdc solid; color: #4f4f4f; overflow: hidden; position: relative;} .ud_list_box3 { padding: 16px 12px 16px 12px; border-bottom: 1px #dcdcdc solid; border-top: 1px #dcdcdc solid; color: #4f4f4f; overflow: hidden; position: relative;} .ud_list_box4 { padding: 16px 12px 16px 12px; color: #4f4f4f; overflow: hidden; position: relative;} .ud_list_imgbox { float: left; width: 90px;} .ud_list_img { float: left; width: 75px; margin-right: 15px;} .ud_list_info { padding: 0px; margin: 0 0 0 0px; width: 60%; line-height: 150%; float: left; overflow: hidden;} .ud_list_info_ar { float: right; text-align: right; width: 26px; overflow: hidden;} .ud_list_info_ar img { padding: 2px;} .ud_title_blue { color: #0C58A6; font-size: 19px; font-weight: bold; text-decoration: none;} /* 중고샵 메인 */ .pd_top_bg2 { margin: 0px; padding: 15px 15px 10px 15px; height: 20px;} .used_top_box { margin: 0 8px 15px 8px; padding-bottom: 8px; clear: both; overflow: hidden; position: relative; text-align: center; background: url(//image.aladin.co.kr/img/m/2011/used_top_bg1.jpg) bottom center repeat-x;} .used_top_l { width: 4%; float: left; padding: 50px 0 0 0; overflow: hidden;} .used_top_c { float: left; position: relative; width: 92%;} .used_top_r { width: 4%; float: right; padding: 50px 0 0 0; overflow: hidden;} .used_top_list ul { margin: 3px 0 0 5px; text-align: center;} .used_top_list ul li { width: 30%; float: left; padding: 0 4px; text-align: center;} .used_top_list ul li img { width: 80px;} .used_m_box { margin: 0 0 15px 0; padding: 0 20px;} .used_m1 { background: url(//image.aladin.co.kr/img/m/2011/used_md_bg1.jpg) top left no-repeat; height: 28px; padding: 6px 0 0 8px;} .used_m2 { background: url(//image.aladin.co.kr/img/m/2011/used_md_bg2.jpg) top left no-repeat; height: 28px; padding: 6px 0 0 8px;} .used_m3 { background: url(//image.aladin.co.kr/img/m/2011/used_md_bg3.jpg) top left no-repeat; height: 28px; padding: 6px 0 0 8px;} /* 중고샵 푸터 */ .used_footer_box { padding: 0px; margin: 0px; height: 55px; clear: both; background: url(//image.aladin.co.kr/img/m/2011/used_footer_bg.jpg) top left repeat-x;} .used_footer_menu_list li { padding: 0px; margin: 0px; list-style: none; display: inline; float: left; width: 24.6%; text-align: center; border-right: 1px solid #5C74C3;} .mb_last_btn_box { margin: 12px 18px 12px 18px; padding: 0px; text-align: center;} .btn_area_full { width: 100%; margin: 0 2px;} .bk_btn_blue { background: -webkit-gradient(linear, left top, left bottom, from(#df307f), to(#c82370)); background: -moz-linear-gradient(top, #df307f, #c82370); width: 99%; padding: 7px 0px 0 0px; font-size: 16px; border: 1px #c82370 solid; color: #fff; height: 28px; letter-spacing: -1px; line-height: 120%;} .bk_btn_blue_s { background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg.jpg) bottom left repeat-x; width: 99%; padding: 3px 0px 4px 0px; background-color: #f6f6f6; font-size: 14px; border: 1px #227bd4 solid; color: #fff; height: 20px; letter-spacing: -1px;} .bk_btn_gray_s { background: url(//image.aladin.co.kr/img/m/2012/btn_back_bg.jpg) bottom left repeat-x; width: 99%; padding: 3px 0px 4px 0px; background-color: #f6f6f6; font-size: 14px; border: 1px #c9c9c9 solid; color: #565656; height: 20px; letter-spacing: -1px;} .bk_last_btn_box { margin: 0 18px 20px 18px; padding: 0px 0 10px 0; text-align: center; height: 20px;} .btn_area_half { float: left; width: 48%; margin: 0 2px;} /* 20120119_ 상품페이지 버튼 텍스트 css */ .btn_t_box { color: #000000; font-size: 13px; font-weight: bold; text-decoration: none;} a.btn_t_box:link { color: #000000; font-size: 13px; font-weight: bold; text-decoration: none;} a.btn_t_box:visited { color: #000000; font-size: 13px; font-weight: bold; text-decoration: none;} a.btn_t_box:hover { color: #000000; font-size: 13px; font-weight: bold; text-decoration: none;} /* 최저가 정보 */ .bk_conts1 { padding: 10px 12px 5px 12px; border-top: 1px #d3d3d3 solid; overflow: hidden; color: #4c4c4c; font-size: 13px; background: url(//image.aladin.co.kr/img/m/2010/btn_arrow.jpg) no-repeat right;} .bk_conts1 h1 { color: #126ecc; font-size: 16px; font-weight: bold; text-decoration: none;} .bk_conts2 { padding: 0px 12px 10px 0px; color: #4c4c4c; overflow: hidden; cursor: pointer;} .bk_notice { color: #db6f17; line-height: 20px;} .bk_notice a { color: #db6f17; line-height: 20px;} /* 110324 상품페이지 상단 변경에 따른 css 추가 */ .pd_top_bg { margin: 0px; padding: 15px;} /*120406 로그인페이지 수정 및 아이디등록하기 레이어 */ .login_box2 { border: 1px solid #C6C6C6; padding: 2px; min-width: 140px; max-width: 165;} .login_list { margin: 0 0 10px 0;} .login_list li { padding: 0px 0 5px 0; font-size: 13px; color: #848484; letter-spacing: -1px;} .id_banner_box { margin: 0px 18px 10px 18px; padding: 0px; text-align: center;} .id_banner { background: url(//image.aladin.co.kr/img/m/2012/id_banner_bg.gif) bottom left repeat-x; width: 99%; padding: 7px 0px; background-color: #f6f6f6; font-size: 13px; border: 1px #ff8a00 solid; color: #fff; height: 30px; letter-spacing: -1px; line-height: 130%;} .id_tt { background: #227bd4; font-size: 20px; color: #FFFFFF; height: 20px; padding: 10px 15px;} .id_info { padding: 10px 15px 0px 15px;} .id_info li { font-size: 13px; color: #333333; line-height: 140%;} .btn_idlayer_box { margin: 0 18px 20px 18px; padding: 0px 0 10px 0; text-align: center;} .btn_idlayer_box2 { margin: 0 18px 20px 18px; padding: 10px 0 10px 0; text-align: center;} .btn_idlayer_1 { float: left; width: 58%; margin: 0 2px;} .btn_idlayer_2 { float: left; width: 38%; margin: 0 2px;} .btn_idlayer_3 { float: left; width: 90%;} .id_box { background: #ededed; padding: 15px; margin: 15px;} .id_text { font-size: 13px; color: #227bd4; font-weight: bold;} /*120409 모바일상품권 결제페이지*/ .giftticket_tt { font-size: 16px; font-weight: bold; padding-bottom: 5px;} .giftticket { margin: 0 auto; width: 270px; padding-top: 5px;} .giftticket_l { float: left; padding-bottom: 10px;} .giftticket_r { float: left; padding: 20px 0 0 10px;} .giftticket_buy { margin: 0 auto; width: 280px; clear: both; padding-top: 10px;} .giftticket_buy_t { background: #e5e5e5; text-align: center; font-weight: bold; padding: 3px 0;} .giftticket_buy_c { border-bottom: #e5e5e5 1px solid; padding: 3px 10px;} .btn_giftticket { margin: 10px 18px 20px 18px; text-align: center;} .giftticket_info { font-size: 16px; color: #db398c;} /* 120409 버튼 - 2024 컬러 수정 */ .bk_btn_basket {width: 99%; height: 40px; line-height: 40px; background-color: #ef3c97; font-size: 15px; color: #fff; font-weight: bold; text-align: center; border-radius: 5px; box-sizing: border-box;} .bk_btn_buy {width: 99%; height: 40px; line-height: 40px; background-color: #fff; font-size: 15px; color: #333; font-weight: bold; border: 1px solid #ef3c97; text-align: center; border-radius: 5px; box-sizing: border-box;} .bk_btn_buy2 {width: 99%; height: 40px; line-height: 40px; background-color: #fff; font-size: 14px; color: #333; font-weight: bold; border: 1px solid #ef3c97; text-align: center; border-radius: 5px; box-sizing: border-box;} .bk_btn_keep {width: 99%; height: 40px; line-height: 40px; background-color: #fff; font-size: 15px; color: #333; font-weight: bold; border: 1px solid #ccc; text-align: center; border-radius: 5px; box-sizing: border-box;} .bk_btn_keep_1 { background: url(//image.aladin.co.kr/img/m/2012/btn_keep_bg.jpg) bottom left repeat-x; width: 99%; padding: 7px 0px 0 0px; background-color: #fff; border: 1px #c9c9c9 solid; color: #565656; height: 26px; text-align: center; border-radius: 6px;} .bk_btn_basket_1 { background: -webkit-gradient(linear, left top, left bottom, from(#df307f), to(#c82370)); background: -moz-linear-gradient(top, #df307f, #c82370); width: 99%; padding: 7px 0px 0 0px; border: 1px #c82370 solid; color: #fff; height: 26px; text-align: center;} .bk_btn_basket_2 { background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg.jpg) bottom left repeat-x; width: 99%; padding: 5px 0px 0 0px; background-color: #549ee8; font-size: 14px; border: 1px #227bd4 solid; color: #fff; height: 23px; text-align: center;} .btn_sub_red { background-color: #ba181f; border: 1px solid #a41218; color: #fff; font-size: 12px; padding: 1px 5px; height: 19px; text-align: center;} /* 회원가입 */ .bk_btn_join { background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg.jpg) bottom left repeat-x; width: 99%; padding: 2px 0px 0 0px; background-color: #549ee8; font-size: 13px; border: 1px #227bd4 solid; color: #fff; height: 20px; text-align: center;} /* 주문조회 상단 탭 */ .order_newtab_line { margin: 0px; border-bottom: #47a0fc 2px solid; height: 32px; text-align: center; width: 100%;} .order_newtab_l { float: left; width: 33%; padding-top: 7px; background-color: #f6f6f6; font-size: 14px; border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #ddd solid; color: #666; height: 24px;} .order_newtab_c { float: left; width: 33%; padding-top: 7px; background-color: #f6f6f6; font-size: 14px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; color: #666; height: 24px;} .order_newtab_r { float: left; width: 33%; padding-top: 7px; background-color: #f6f6f6; font-size: 14px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; color: #666; height: 24px;} .order_newtab_on { float: left; width: 33%; padding-top: 7px; background-color: #47a0fc; font-size: 14px; font-weight: bold; color: #fff; height: 25px;} .gift_newtab_l { float: left; width: 49%; padding-top: 7px; background-color: #f6f6f6; font-size: 14px; border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #ddd solid; color: #666; height: 24px;} .gift_newtab_r { float: left; width: 49%; padding-top: 7px; background-color: #f6f6f6; font-size: 14px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; color: #666; height: 24px;} .gift_newtab_on { float: left; width: 49%; padding-top: 7px; background-color: #47a0fc; font-size: 14px; font-weight: bold; color: #fff; height: 25px;} /* 서재 상단 탭 */ .blog_newtab_line { margin: 0px; border-bottom: #ffac08 2px solid; height: 32px; text-align: center; width: 100%;} .blog_newtab_l { float: left; width: 33%; padding-top: 7px; background-color: #f6f6f6; font-size: 14px; border-top: 1px #ddd solid; border-left: 1px #ddd solid; border-right: 1px #ddd solid; color: #666; height: 24px;} .blog_newtab_c { float: left; width: 33%; padding-top: 7px; background-color: #f6f6f6; font-size: 14px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; color: #666; height: 24px;} .blog_newtab_r { float: left; width: 33%; padding-top: 7px; background-color: #f6f6f6; font-size: 14px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; color: #666; height: 24px;} .blog_newtab_on { float: left; width: 33%; padding-top: 7px; background-color: #ffa900; font-size: 14px; font-weight: bold; color: #fff; height: 25px;} /* 서재 중단 탭 */ .blog_subtab_l { float: left; width: 33%; padding-top: 3px; background-color: #f6f6f6; font-size: 12px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #666; text-align: center; height: 19px;} .blog_subtab_c { float: left; width: 33%; padding-top: 3px; background-color: #f6f6f6; font-size: 12px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #666; text-align: center; height: 19px;} .blog_subtab_r { float: left; width: 33%; padding-top: 3px; background-color: #f6f6f6; font-size: 12px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #666; text-align: center; height: 19px;} .blog_subtab_on { float: left; width: 33%; padding-top: 3px; background-color: #44b2ef; font-size: 12px; font-weight: bold; color: #fff; text-align: center; height: 21px;} /* 창작블로그 중단 탭 */ .story_subtab_l { float: left; width: 49.5%; padding-top: 3px; background-color: #f6f6f6; font-size: 12px; border-top: 1px #ddd solid; border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #666; text-align: center; height: 19px;} .story_subtab_r { float: left; width: 49.5%; padding-top: 3px; background-color: #f6f6f6; font-size: 12px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; color: #666; text-align: center; height: 19px;} .story_subtab_on { float: left; width: 49.5%; padding-top: 3px; background-color: #44b2ef; font-size: 12px; font-weight: bold; color: #fff; text-align: center; height: 21px;} .btn_sub_gray { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #c2c2c2; color: #444; font-size: 12px; padding: 1px 5px; height: 19px; text-align: center; line-height: 150%; border-radius: 4px;} .btn_sub_gray_o { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #c2c2c2; color: #f35905; font-size: 12px; padding: 1px 5px; height: 19px; text-align: center; line-height: 150%;} .btn_sub_gray_1 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #c2c2c2; color: #444; font-size: 10px; padding: 0px 5px 9px 5px; height: 9px; text-align: center; line-height: 150%;} .btn_sub_gray_b { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #c2c2c2; color: #4574c6; font-size: 12px; padding: 1px 5px; height: 19px; text-align: center; line-height: 150%;} /*택배추적*/ .tracking_title { padding: 8px 12px 5px 12px; color: #848484; overflow: hidden;} .tracking_title h1 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} .tracking_box { background-color: #f1f1f1; padding: 8px; margin: 0 10px; overflow: hidden;} .tracking_box_l { float: left; padding-right: 5px;} .tracking_box_r { float: left; width: 60%;} .tracking_box_list_l { float: left; width: 35%; color: #848484;} .tracking_box_list_r { float: right; text-align: left; width: 65%; color: #848484;} .tracking_list { line-height: 160%;} .tracking_list_l { float: left; width: 30%; color: #848484;} .tracking_list_r { float: left; text-align: left; width: 70%; color: #848484;} /* 120522 검색 리뉴얼 */ /* 검색타이틀 */ #s_title_bg { padding: 12px; /*height:17px;*/ border-bottom: 1px solid #d5d5d5; clear: both; margin-bottom: 10px;} #s_title_bg2 { padding: 0px; height: 33px; border-bottom: 1px solid #d5d5d5;} #s_title_bg3 { padding: 9px; height: 17px; border-bottom: 1px solid #d5d5d5;} #s_title_bg4 { padding: 12px 12px 14px 12px; clear: both;} #s_title_bg5 { padding: 0 0 10px 0; clear: both;} .s_title_l { color: #333; font-size: 16px;} /* 120604 css 추가 */ .book_conts3 ul { padding: 3px 0 0 0;} .book_conts3 ul li { padding: 0; margin: 0px; float: left; width: 33%; text-align: center;} .book_conts4 { color: #333; line-height: 150%; position: relative;} .contents_box5 { padding: 0px; margin: 5px 0; background-color: #f5f5f5; line-height: 130%; width: 100%;} .blog_list1 ul { margin: 0px; padding: 3px;} .blog_list1 ul li { padding: 0 0 2px 0px; line-height: 150%;} .blog_list1 ul li img { padding: 2px;} .bloger_g { color: #666; font-size: 14px; text-decoration: none;} .btn_more_gray_o { background: url("https://image.aladin.co.kr/img/m/2012/btn_bg.jpg") repeat-x scroll left bottom transparent; border: 1px solid #DDDDDD; color: #F35905; font-size: 15px; height: 26px; padding: 7px 0 0; text-align: center;} a.bloger_g:link { color: #666; font-size: 14px; text-decoration: none;} a.bloger_g:visited { color: #666; font-size: 14px; text-decoration: none;} a.bloger_g:hover { color: #666; font-size: 14px; text-decoration: none;} .font_w { color: #FFFFFF; font-weight: bold; font-size: 12px;} a.font_w:link { color: #FFFFFF; font-weight: bold; font-size: 12px;} a.font_w:visited { color: #FFFFFF; font-weight: bold; font-size: 12px;} a.font_w:hover { color: #FFFFFF; font-weight: bold; font-size: 12px;} /* 120710 상품페이지 sns관련 css */ .sns_box { margin-top: 5px; background-color: #fbfbfb; border-top: 1px solid #dbdbdb; border-bottom: 0px; padding: 6px; text-align: center;} /* 120710 전체보기 레이어 4칼럼 css */ .all_view_layer { margin: 0px; padding: 0px; background-color: #222;} .all_view_box { margin: 0px; padding: 14px 0px 14px 14px; overflow: hidden;} .allbox1 { padding: 2px 0; float: left; width: 25%; text-align: left; font-size: 14px; color: #FFF;} .allview_w { color: #fff; font-size: 14px; text-decoration: none;} a.allview_w:link { color: #fff; font-size: 14px; text-decoration: none;} a.allview_w:visited { color: #fff; font-size: 14px; text-decoration: none;} a.allview_w:hover { color: #fff; font-size: 14px; text-decoration: none;} .allview_b { color: #b1ceff; font-size: 14px; text-decoration: none;} a.all_b:link { color: #b1ceff; font-size: 14px; text-decoration: none;} a.all_b:visited { color: #b1ceff; font-size: 14px; text-decoration: none;} a.all_b:hover { color: #b1ceff; font-size: 14px; text-decoration: none;} .allview_p { color: #ffa0d0; font-size: 14px; text-decoration: none;} a.all_p:link { color: #ffa0d0; font-size: 14px; text-decoration: none;} a.all_p:visited { color: #ffa0d0; font-size: 14px; text-decoration: none;} a.all_p:hover { color: #ffa0d0; font-size: 14px; text-decoration: none;} .order_conts ul { color: #898989; padding: 5px 18px;} .order_conts ul li { padding: 0 0 3px 8px; font-size: 13px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 6px; line-height: 16px;} .order_title { color: #f56f0a; font-size: 14px; line-height: 16px;} /* 분야목록 및 검색결과 목록 관련 */ #s_title_bg { padding: 12px 12px 12px 12px; border-bottom: 1px solid #ececec/*#d5d5d5*/ ;} .s_title_l { color: #333; font-size: 16px; letter-spacing: 0px;} .s_b { width: 99%; height: 23px; border: 1px solid #d7d7d7; background: url(//image.aladin.co.kr/img/search/btn_down1.jpg) no-repeat 100% 50%, -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa)); vertical-align: middle; -webkit-appearance: none; border-radius: 0px; padding-right: 27px; font-size: 1em; height: 23px; line-height: 1.77em; border-spacing: 0;} .s_browse_box { padding: 12px; text-align: center; border-bottom: 1px solid #d5d5d5;} .browse_f { font-size: 12px; color: #444; line-height: 14px;} .browse_f2 { font-size: 0.95em; color: #444; line-height: 14px;} .browse_f_on { margin: -1px;} .browse_f { font-size: 12px; color: #444; line-height: 14px; text-decoration: none;} a.browse_f:link { font-size: 12px; color: #444; line-height: 14px; text-decoration: none;} a.browse_f:visited { font-size: 12px; color: #444; line-height: 14px; text-decoration: none;} a.browse_f:hover { font-size: 12px; color: #444; line-height: 14px; text-decoration: none;} .btn_b_more { color: #f35905; font-size: 12px; padding: 1px 5px; height: 12px; text-align: center;} .browse_list_box { clear: both; padding: 8px 12px; border-bottom: 1px solid #ececec/*#d5d5d5*/ ; background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f1f1f1));} .browse_list_box_on { padding: 8px 12px; border-bottom: 1px solid #ececec/*#d5d5d5*/ ; background: -webkit-gradient(linear, 0 0, 0 100%, from(#f1f1f1), to(#e2e2e2));} .browse_list_box2 { clear: both; padding: 8px 12px; border-bottom: 1px solid #e0e0e0; position: relative; overflow: hidden} .browse_list_box3 { clear: both; padding: 8px 0; border-bottom: 1px solid #e0e0e0; position: relative; overflow: hidden} /*.cover {box-shadow: 0 0 10px -5px #000;-webkit-box-shadow: 0 0 10px -5px #000;}*/ .browse_list_box3_end { clear: both; padding: 8px 0; border-bottom: 0px solid #e0e0e0; position: relative; overflow: hidden} /*수정 */ .b_list2 { margin: 5px 0; list-style: none; line-height: 20px;} .b_list2 li { padding: 0 0 1px 0; font-size: 13px; color: #777;} .b_list2_1 { margin: 5px 40px 5px 110px; list-style: none; line-height: 20px; letter-spacing: 0px;} /*margin:5px 35px 5px 80px;*/ .b_list2_1 li { padding: 0; font-size: 0.95em; color: #777;} .b_list2_7 { margin: 5px 55px 5px 80px; list-style: none; line-height: 20px; letter-spacing: 0px;} .b_list2_7 li { padding: 0; font-size: 0.95em; color: #777;} .b_list2_2 { margin: 5px 0 5px 80px; list-style: none; line-height: 20px; letter-spacing: 0px;} .b_list2_2 li { padding: 0; font-size: 0.95em; color: #777;} .b_list2_3 { margin: 8px 80px 5px 35px; list-style: none; line-height: 20px; letter-spacing: 0px;} .b_list2_3 li { padding: 0; font-size: 1em; color: #333;} .b_list2_4 { margin: 8px 0 5px 30px; list-style: none; line-height: 20px; letter-spacing: 0px;} .b_list2_7_1 { margin: 5px 75px 5px 80px; list-style: none; line-height: 20px; letter-spacing: 0px;} .b_list2_7_1 li { padding: 0; font-size: 0.95em; color: #777;} /*margin:8px 0 5px 35px;*/ .b_list2_4 li { padding: 0; font-size: 1em; color: #333;} .b_list2_5 { margin: 5px 0; list-style: none; line-height: 20px; letter-spacing: 0px;} .b_list2_5 li { padding: 0; color: #333;} .b_list2_6 { margin: 5px 10px 5px 110px; list-style: none; line-height: 20px; letter-spacing: 0px;} .b_list2_6 li { padding: 0; font-size: 0.95em; color: #777;} /*수정 */ .b_book_t { font-size: 16px; color: #333; line-height: 14px; text-decoration: none; font-weight: bold;} .b_book_t2 { font-size: 1.1em; color: #000; line-height: 14px; text-decoration: none; font-weight: bold;} .b_price { font-size: 14px; color: #eb217c; line-height: 14px;} /* color: #d84e7d */ .search_list_box { padding: 8px 12px; border-bottom: 1px solid #d5d5d5;} .search_list_w { padding: 7px 5px; margin: 0px; background-color: #fff; color: #666; font-size: 12px;} .search_list_b { padding: 7px 5px; margin: 0px; background-color: #f0f6fa; color: #666; font-size: 12px;} .search_list_title { padding: 0px; margin: 0px; color: #444; font-size: 13px;} .search_list_cont { padding: 0px; margin: 0px; color: #666; font-size: 13px;} .search_list_cont_on { padding: 0px; margin: 0px; color: #444; font-size: 13px;} .s_list { width: 99%; height: 27px; border: 1px solid #d7d7d7; background: url(//image.aladin.co.kr/img/usedshop/store/m/btn_down1.png) no-repeat 100% 50%, -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa)); vertical-align: middle; -webkit-appearance: none; border-radius: 0px; padding-right: 27px; font-size: 13px; line-height: 1.77em; border-spacing: 0; color: #444; padding-top: 2px; outline:0;} .s_list2 { /*width: 100%;*/ height: 27px; border: 1px solid #d7d7d7; background: url(//image.aladin.co.kr/img/usedshop/store/m/btn_down1.png) no-repeat 100% 50%, -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa)); vertical-align: middle; -webkit-appearance: none; border-radius: 0px; padding-right: 27px; font-size: 1em; line-height: 1.77em; border-spacing: 0; color: #444; padding-top: 2px;outline:0;}/*시요일 알림설정 가로값 없앰181004*/ .s_list_yel { width: 99%; height: 26px; border: 1px solid #eeb865; background: url(//image.aladin.co.kr/img/search/btn_down2.jpg) no-repeat 100% 50%, -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fcf5e6)); vertical-align: middle; -webkit-appearance: none; border-radius: 0px; padding-right: 27px; font-size: 13px; letter-spacing: -1px; line-height: 1.77em; border-spacing: 0; color: #444;} .s_list3 { width: 50%; height: 27px; border: 1px solid #d7d7d7; background: url(//image.aladin.co.kr/img/usedshop/store/m/btn_down1.png) no-repeat 100% 50%, -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa)); vertical-align: middle; -webkit-appearance: none; border-radius: 0px; padding-right: 27px; padding-left: 5px; font-size: 1em; line-height: 1.77em; border-spacing: 0; color: #444; padding-top: 2px;outline:0;} .best_tab_box { padding: 10px 12px 0px 12px; text-align: center; overflow: hidden;} .best_tab_l { float: left; width: 50%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border: 1px #ddd solid; color: #999; height: 25px; letter-spacing: -1px;} .best_tab_r { float: right; width: 49%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 25px; letter-spacing: -1px;} .best_tab_l_on { float: left; width: 50%; padding-top: 3px; background-color: #666; font-size: 13px; border: 1px #666 solid; color: #fff; height: 25px; letter-spacing: -1px;} .best_tab_r_on { float: right; width: 49%; padding-top: 3px; background-color: #666; font-size: 13px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 25px; letter-spacing: -1px;} .best_tab2_box { padding: 10px 12px 0px 12px; text-align: center; overflow: hidden;} .best_tab2_l { float: left; width: 32%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .best_tab2_c { float: left; width: 32%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .best_tab2_r { float: left; width: 32%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .best_tab2_p { float: left; width: 32%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .best_tab2_l_on { float: left; width: 32%; padding-top: 3px; background-color: #666; font-size: 14px; border: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px; font-weight: bold} .best_tab2_p_on { float: left; width: 32%; padding-top: 3px; background-color: #666; font-size: 14px; border: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px; font-weight: bold} .best_tab2_c_on { float: left; width: 32%; padding-top: 3px; background-color: #666; font-size: 14px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px; font-weight: bold} .best_tab2_r_on { float: left; width: 32%; padding-top: 3px; background-color: #666; font-size: 14px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px; font-weight: bold} .best_tab2_down { font-size: 8px; color: #CCC; padding: 0 0 0 2px} .best_tab2_menu { width: 100%; padding: 5px 0; background-color: #666; font-size: 13px; color: #fff; letter-spacing: -1px;} .best_tab2_menu a { color: #CDCDCD !important; text-decoration: none; display: inline-block; float: left; padding: 0 0 0 17px} .best_tab2_menu .on { color: #feed2f !important; display: inline-block; float: left; padding: 0 0 0 17px} .best_tab2_menu_empty {width: 100%; padding: 3px 0; background-color: #666; font-size: 13px; color: #fff; letter-spacing: -1px;} .best_tab3_box { padding: 10px 12px 0px 12px; text-align: center; overflow: hidden;} .best_tab3_l { float: left; width: 24%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .best_tab3_c { float: left; width: 24%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .best_tab3_r { float: left; width: 24%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .best_tab3_l_on { float: left; width: 24%; padding-top: 3px; background-color: #666; font-size: 14px; border: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px; font-weight: bold} .best_tab3_c_on { float: left; width: 24%; padding-top: 3px; background-color: #666; font-size: 14px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px; font-weight: bold} .best_tab3_r_on { float: left; width: 24%; padding-top: 3px; background-color: #666; font-size: 14px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px; font-weight: bold} .best_tab3_down { font-size: 8px; color: #CCC; padding: 0 0 0 2px} .best_tab3_menu { width: 100%; padding: 5px 0; background-color: #666; font-size: 13px; color: #fff; letter-spacing: -1px;} .best_tab3_menu a { color: #CDCDCD; text-decoration: none; /* display: inline-block; */ float: left; padding: 0 0 0 17px} .best_tab3_menu .on { color: #feed2f; display: inline-block; float: left; padding: 0 0 0 17px} .g3 { font-size: 14px; color: #333; letter-spacing: 0px; text-decoration: none;} a.g3:link { font-size: 14px; color: #333; letter-spacing: 0px; text-decoration: none;} a.g3:visited { font-size: 14px; color: #333; letter-spacing: 0px; text-decoration: none;} a.g3:hover { font-size: 14px; color: #333; letter-spacing: 0px; text-decoration: none;} #s_title_bg2 { padding: 12px 12px 8px 12px; border-bottom: 1px solid #d5d5d5;} /* 120810 css 추가 */ .s_browse_box_2 { padding: 12px 0 12px 0; text-align: center;} #new_top_bg1 { height: 44px; background: url(//image.aladin.co.kr/img/m/2012/main/main_topbg1_1.jpg) repeat-x; text-align: center} #new_top_bg1_1 { height: 44px; background: -webkit-gradient(linear, left top, left bottom, from(#55bced), to(#33afe9)); background: -moz-linear-gradient(top, #55bced, #33afe9); padding: 0px; border-top: 1px solid #92d5f5} #new_top_w { width: 98%; text-align: center; margin: 0 auto} .new_left { float: left;} .new_left_space { float: left; width: 22px;} .new_right { float: right;} .new_clear { clear: both;} #new_top_left1 { width: 70%; float: left} #new_top_left1_gs { width: 25%; float: left; text-align: left; padding: 10px 0 0 10px} #new_top_left1 .left { float: left; width: 29%; text-align: right;} #new_top_left1 .left2 { float: left; width: 29%; text-align: right; padding: 13px 0 0 0} #new_top_left1 .right { float: right; width: 71%; padding: 8px 0 0 0; text-align: left} #new_top_left1 .right_1 { float: right; width: 71%; padding: 13px 0 0 0; text-align: center; color: #FFF; font-size: 1.5em; letter-spacing: -1px} #new_top_left1 .sp1 { padding: 0 3px 0 3px;} #new_top_left2 { width: 30%; float: right} #new_top_left2_gs { width: 70%; float: right; text-align: right} .new_top_left3 { float: left; width: 3px} .new_top_left4 { float: left; padding: 7px 0 0 5px; width: *;} .new_top_left5 { float: left; padding: 7px 0 0 4px; width: 35px;} .new_top_left6 { float: left; padding: 7px 0 0 4px; text-align: center} .new_top_left7_1 { float: right; padding: 7px 0 0 2px; width: 35px; text-align: center} .new_top_left7_2 { float: right; padding: 7px 0 0 2px; width: 54px; text-align: center} .new_top_left7_3 { float: right; padding: 7px 0 0 2px; width: 52px; text-align: center} .new_top_left7_4 { float: right; padding: 7px 0 0 4px; text-align: center; width: 50px;} .new_top_right1 { float: right; width: 16%;} .new_search_box_w { width: 100%; height: 23px; border: 1px solid #666666; font-size: 1em; -webkit-border-radius: 0; -webkit-appearance: none; padding: 0px 0 3px 3px;} /* 전체보기*/ .new_all_bg1 { background: #4f5050} .new_all_bg1_all { width: 94%; margin: 0 auto; text-align: center;} .new_all_bg1_left { float: left; width: 86%; text-align: right; padding: 10px 0;} .new_all_bg1_right { float: left; text-align: center; padding: 10px 0 0 0;} .new_all_bg2 { background: -webkit-gradient(linear, left top, left bottom, from(#4f5050), to(#3b3a3a)); background: -moz-linear-gradient(top, #4f5050, #3b3a3a); height: 27px; padding: 0px; text-align: center} .new_all_bg3 { background: -webkit-gradient(linear, left top, left bottom, from(#008acb), to(#5ec3f3)); background: -moz-linear-gradient(top, #008acb, #5ec3f3); height: 4px; padding: 0px; text-align: center} .new_all_t1 { text-decoration: none; color: #FFFFFF; font-size: 0.9em} .new_all_t2 { text-decoration: none; color: #78d3fd; font-size: 1em} .new_all_width { width: 90%; margin: 0 auto; padding: 5px 0} .new_all_width ul { float: left; width: 100%; padding-top: 10px} .new_all_width ul li { padding: 5px 0; float: left; width: 25%;} .new_all_line1 { border-bottom: solid 1px #2e2e2e; clear: both; padding: 3px 0 0px 0} /* 알림센터*/ .new_alrim_bg1 { background: -webkit-gradient(linear, left top, left bottom, from(#181818), to(#464646)); background: -moz-linear-gradient(top, #181818, #464646); border-top: solid 1px #535353; border-bottom: 1px solid #222222; padding: 0px; height: 40px} .new_alrim_bg2 { height: 38px; padding: 0; background-color: #000000;} .new_alrim_left { float: left; width: 73%; padding: 7px 0 0 7px} .new_alrim_right { float: right; width: 22%; vertical-align: middle; text-align: right; padding: 0 3px 0 0} .new_alrim_right2 { float: right; width: 22%; padding: 10px 3px 0 0; text-align: right;} .new_alrim_t1 { font-size: 1.1em; color: #FFFFFF;} .new_alrim_t2 { font-size: 0.9em; color: #787878; padding-right: 5px} .new_alrim_t3 { font-size: 1.1em; color: #78d3fd;} .new_alrim_sp1 { padding: 0 0 0 7px;} .new_alrim_sp1_1 { padding: 0 5px 0 10px;} .new_alrim_sp2 { float: right; padding: 4px 0 0 7px; width: 85%} .new_alrim_sp3 { float: left; padding: 4px 0 0 7px;} #new_alrim_sp4 { float: left; padding: 5px 0 0 5px;} #new_alrim_sp4 .bg1 { height: 16px; width: 18px; padding-bottom: 2px; background: #2eb1ed; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px} #new_alrim_sp4 .bg2 { padding: 0 0 0 5px; font-size: 1em; vertical-align: top} .new_alrim_sp4_bg1 { background: url(//image.aladin.co.kr/img/m/2012/main/main_alrim_bg2_3.png) no-repeat; width: 18px; height: 22px} .new_alrim_sp4_bg1_1 { -webkit-border-radius: 20px; -moz-border-radius: 10px; border-radius: 10px; background-color: #2eb1ed; padding: 2px 7px 1px 7px; font-size: 1em; line-height: 1em} .new_alrim_sp4_bg2 { padding: 0 0 0 5px; font-size: 1em; vertical-align: top} #new_alrim_t { width: 100%;} #new_alrim_t .td1 { width: 40px; text-align: center; padding: 8px 0 0 0} #new_alrim_t .td2 { width: *; text-align: left; padding: 8px 0 0 0} #new_alrim_t .td2_1 { width: *; text-align: left; padding: 6px 0 0 0} #new_alrim_t .td2_2 { padding: 2px 3px 0 15px} #new_alrim_t .td3 { width: 50px; text-align: center; font-size: 0.9em; color: #787878; padding: 8px 0 0 0} #new_alrim_t .td4 { width: 25px; text-align: center; padding: 8px 0 0 0} #new_alrim_t .td5 { width: 2px;} #new_alrim_t .td6 { width: 25px; text-align: center; padding: 6px 0 0 0} /* 책*/ .new_book_bg1 { background: url(//image.aladin.co.kr/img/m/2012/main/main_book_bg1.jpg) repeat-x; height: 4px} .new_book_bg2 { background: #2e2e2e; padding: 0px; border: 0} .new_book_bg3 { background: url(//image.aladin.co.kr/img/m/2012/main/main_book_bg2.jpg) repeat-x bottom; height: 175px} .new_book_bg3_list { width: 33%; text-align: center; float: left; text-align: center} .new_book_1 { width: 100%; height: 160px; padding: 0; margin: 5px; text-align: center; position: relative; overflow: hidden;} .new_book_2_box { position: absolute; bottom: 10px; padding: 5px; width: 90%; margin: 0 auto;} .new_book_2 { margin: 0 auto; text-align: center; width: 93px} .new_paging { clear: both; height: 15px; padding: 10px 0 0 0; margin: 0 auto; position: relative; text-align: center; width: 130px;} .new_paging a { background: none repeat scroll 0 0 #E2E4E9; border: 1px solid #BEBEBE; border-radius: 4px; display: inline-block; height: 6px; margin: 2px; overflow: hidden; width: 6px; line-height: 6px;} .new_paging a.selected { background: none repeat scroll 0 0 #00A9E0; border: 1px solid #009ED1;} /* 하단배너*/ .new_banner_bg1 { background: url(//image.aladin.co.kr/img/m/2012/main/main_event_bg1_top.jpg) repeat-x bottom #222222; height: 3px} .new_banner_bg2 { background: #434242; padding: 6px 12px 7px 12px} .new_banner_bg2_bottom { background: #434242; padding: 6px 12px 7px 12px;} .new_banner_left { width: 90%; font-size: 1.1em; color: #fec346; float: left} .new_banner_right { width: 8%; font-size: 1.1em; float: right; text-align: right} /* 하단 메뉴*/ .new_footmenu_bg1 { background: url(//image.aladin.co.kr/img/m/2012/main/main_bottom_bg1_1.jpg) repeat-x bottom #000; height: 71px} .new_footmenu_bg2 ul { padding: 0px; margin: 0px;} .new_footmenu_bg2 ul li { text-align: center} .new_footmenu_iconover { text-align: center; width: 320px; margin: 0 auto} .new_footmenu_iconover ul { padding: 0px;} .new_footmenu_iconover ul li { display: inline;} .iconimg1 { padding: 0 12px} .iconimg2 { padding: 0 4px} .iconimg3 { padding: 0 8px} .iconimg4 { padding: 0 4px} .iconimg5 { padding: 0 7px} .iconimg6 { padding: 0 5px 0 0px} .new_wd_bt_box { padding: 7px 0 5px 0; border-bottom: 1px solid #a0a0a0; border-top: 2px solid #008acb; background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b4b4b4)); background: -moz-linear-gradient(top, #cdcdcd, #b4b4b4);} .new_wd_t_pink { font-size: 10px; color: #008acb;} .new_wd_bt_t { color: #222; font-size: 0.9em; text-decoration: none; padding: 0 3px;} /* 푸터 Copyright */ #new_footerWrap { text-align: center; background: #b4b4b4} .new_co_info_box { margin: 5px 0 10px 0; padding: 0 20px; text-align: left; line-height: 100%;} .new_co_conts { font-size: 12px; line-height: 16px; color: #666; font-weight: normal;} .new_co_conts a:link { color: #666666;} /*이용약관 등 링크 걸리는 부분*/ .new_co_conts a:hover { color: #666666;} .new_co_conts a:visited { color: #666666;} /* 더보기 */ .best_more_box1 { border: 1px solid #F1F1F1; cursor: pointer; padding: 20px 0; text-align: center;} /* product slider */ .book_cb_slide { border-top: 1px solid #D3D3D3; color: #333333; cursor: pointer; overflow: hidden;} .book_cb_slide h2 { color: #126ecc; font-size: 16px; font-weight: bold; text-decoration: none; padding: 10px; width: 100%;} .today-special { clear: both; position: relative; width: 100%;} .today-special .slidings { margin: 0;} /*원래 0 15px였음*/ .today-special:after { content: ""; display: block; position: absolute; top: 60px; left: 5px; width: 9px; height: 15px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto} .today-special:before { content: ""; display: block; position: absolute; top: 60px; right: 5px; width: 9px; height: 15px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto;} .slidings { position: relative; overflow: hidden;} .slidings .wrap:after { content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;} .list-goods { -moz-box-sizing: border-box;} .list-goods .simple .middle>li { width: 33%;} .thumbnail { -moz-box-sizing: border-box; display: block; overflow: hidden;} .thumbnail img { display: block; margin: 0 auto; width: 82px;} .bk_tab_box { padding: 10px 12px 0 12px; text-align: center; margin-bottom: 25px;} .bk_tab_l { float: left; width: 49%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border: 1px #ddd solid; color: #999; height: 25px; letter-spacing: -1px;} .bk_tab_r { float: left; width: 49%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border: 1px #ddd solid; color: #999; height: 25px; letter-spacing: -1px;} .bk_tab_l_on { float: left; width: 49%; padding-top: 3px; background-color: #666; font-size: 13px; border: 1px #666 solid; color: #fff; height: 25px; letter-spacing: -1px;} .bk_tab_r_on { float: left; width: 49%; padding-top: 3px; background-color: #666; font-size: 13px; border: 1px #666 solid; color: #fff; height: 25px; letter-spacing: -1px;} .bk_tab_box2 { padding: 10px 12px 0 12px; text-align: center;} .bk_tab_l2 { float: left; width: 33%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .bk_tab_c2 { float: left; width: 33%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .bk_tab_r2 { float: right; width: 33.3%; padding-top: 3px; background-color: #f6f6f6; font-size: 13px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .bk_tab_l2_on { float: left; width: 33%; padding-top: 3px; background-color: #666; font-size: 13px; border: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px;} .bk_tab_c2_on { float: left; width: 33%; padding-top: 3px; background-color: #666; font-size: 13px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px;} .bk_tab_r2_on { float: right; width: 33.3%; padding-top: 3px; background-color: #666; font-size: 13px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px;} .bk_text_box { border: 1px solid #c0c0c0; height: 17px; font-size: 13px; padding: 3px; color: #444; text-align: center; width: 41px; margin: 0 1px 3px 0;} .bk_btn_box { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #c2c2c2; text-align: center; color: #444; font-size: 12px; padding: 2px 7px 5px 7px; height: 19px; width: 33px; float: left;} .bk_btn_box2 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #c2c2c2; text-align: center; color: #444; font-size: 13px; margin: 0 2px; padding: 2px 6px 5px 6px; height: 19px; width: 52px; letter-spacing: -1px;} .bk_btn_box3 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg_b.jpg) bottom left repeat-x; border: 1px solid #3386da; text-align: center; color: #fff; font-size: 13px; margin: 0 2px; padding: 2px 6px 5px 6px; height: 19px; width: 52px; letter-spacing: -1px;} .bk_btn_box4 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg_y.jpg) bottom left repeat-x; border: 1px solid #dcb976; text-align: center; color: #aa6f00; font-size: 11px; margin: 0 2px; padding: 0px 5px 16px 5px; height: 5px; width: 120px;} /* 모바일 메인 */ .box_jiny { position: relative; width: 100%; overflow: hidden; height: 525px;} .box_jiny_v1 { overflow: hidden; position: relative; width: 100%;} .paging { clear: both; height: 24px; margin: 0 auto; /*margin: -24px auto 0 auto;*/ position: relative; text-align: center; /*width: 130px;*/ /* 2018.08.17 @yiwj */} .new_book_bg2 .t1 { color: #999999; /*font-size: 1.2em;*/ font-weight: bold; padding: 10px 0 0 12px; text-align: left;} .new_book_bg2 .t2 { color: #42B5EB;} .box_jiny .jiny_content { position: absolute; width: 100%; height: 330px;} .paging a { background: none repeat scroll 0 0 #E2E4E9; border: 1px solid #BEBEBE; border-radius: 4px; display: inline-block; height: 6px; margin: 2px; overflow: hidden; width: 6px; line-height: 6px; vertical-align: bottom;} .paging a.selected { background: none repeat scroll 0 0 #00A9E0; border: 1px solid #009ED1;} .alarmInfo { width: 90%; float: left; height: 36px;} .alarmInfo li { border-bottom: medium none; padding: 0; width: 100%; height: 36px; line-height: 36px;} .none { display: none;} .new_alrim_t1 { width: 100% !important; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .new_banner_bg2_left { float: left; width: 45%;} .new_banner_bg2_right { float: right; width: 45%;} /*스왑 페이징2*/ .paging2 { clear: both; height: 20px; margin: 0 auto 0 auto; position: absolute; bottom: 0; text-align: center; width: 100%; z-index: 55} .paging2 a.selected { background: none repeat scroll 0 0 #33afe9; border: 1px solid #33afe9;} .paging2 a { background: none repeat scroll 0 0 #E2E4E9; border: 1px solid #E2E4E9; border-radius: 4px; display: inline-block; height: 6px; margin: 2px; overflow: hidden; width: 6px; line-height: 6px; vertical-align: bottom;} /* 주문과정 121106 */ .order_tt { color: #084db4; font-size: 16px; font-weight: bold; padding: 10px 0 5px 10px;} .order_tt2 { color: #084db4; font-size: 16px; font-weight: bold; padding: 8px 0 4px 10px;} .delivery_select ul {} .delivery_select ul li { float: left; padding: 0 10px; color: #000;} .delivery_date ul {} .delivery_date ul li { float: left; padding: 3px 10px 10px 10px; color: #000;} .order_box { padding: 9px 10px 6px 10px; border-bottom: #dfdfdf 1px solid;} .order_box1 { padding: 6px 10px 3px 10px; border-bottom: #dfdfdf 1px solid;} .order_box1_1 { padding: 0px 10px 5px 10px; border-bottom: #dfdfdf 1px solid;} .order_box2 { padding: 5px 10px;} .order_box2_1 { padding: 1px 10px 4px 10px;} .order_box3 { position: relative; border-bottom: #dfdfdf 1px solid; background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg2.gif) right 0 no-repeat;} .order_box4 { position: relative; border-bottom: #dfdfdf 2px solid; background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg2.gif) right 0 no-repeat;} .order_box5 { background-color: #e9f3f9; border-bottom: #dfdfdf 2px solid; padding: 0 5px 8px 0;} .order_step1_orderlist { padding: 10px; position: relative} .order_step1_orderlist h3 { color: #084db4; font-size: 16px; font-weight: bold; display: inline-block} .order_step1_orderlist .btnwrap { position: absolute; right: 10px; top: 10px;} .order_step1_orderlist { padding: 20px 10px; position: relative} .order_step1_orderlist h3 { color: #084db4; font-size: 16px; font-weight: bold; display: inline-block} .order_step1_orderlist h3 span { color: #333333; font-weight: normal} .order_step1_orderlist .btnwrap { position: absolute; right: 10px; top: 20px;} .order_step1_orderlist .listboxWrap { clear: both; background: #f1f1f1; padding: 15px 10px 10px 10px; margin: 10px 0 0 0; border-radius: 5px;} .order_step1_orderlist .listboxWrap li { padding-bottom: 5px;} .order_step1_orderlist .listboxWrap li a { color: #333333 !important; display: block} .address1 { font-weight: bold; color: #000000;} .address2 { color: #000000;} .ad { float: left; padding: 4px 0 0 0;} .ad ul li { float: left} .ad_select_box { background: #f3f3f3; border: 1px solid #c1bfbf; padding: 2px 5px 2px 10px; margin: 5px 10px} .ad_select_box2 { background: #f3f3f3; border: 1px solid #c1bfbf; padding: 2px 5px 2px 10px; margin: 8px 10px 5px 10px;} .address_box { border: 1px #3084d9 solid; padding: 10px; margin: 10px; width: 270px;} .address_box1 { border: 1px #3084d9 solid; padding: 10px; margin: 10px; width: 90%;} .ad_select_left { float: left; width: 60%} .ad_select_right { float: right; width: 37%; padding: 10px 0 0 0; text-align: right} .postlist { color: #444444; font-size: 14px; line-height: 20px; text-decoration: none; padding-top: 5px;} .postlist ul li { padding: 3px 10px;} a.postlist:link { color: #444444; font-size: 14px; text-decoration: none;} a.postlist:visited { color: #444444; font-size: 14px; text-decoration: none;} a.postlist:hover { color: #444444; font-size: 14px; text-decoration: none;} .order_step2_l { float: left; padding: 7px 0 0 17px;} .order_step2_c { float: right; padding: 7px 10px 0 0;} .order_step2_r { float: right; background-color: #f3f3f3; width: 35px; height: 35px;} .order_info ul { margin-bottom: 8px; padding: 10px 0 0 17px;} .order_info ul li { padding: 0 17px 0 8px; font-size: 14px; color: #555555; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .order_info2 ul { padding: 10px 0 0 0; width: 250px;} .order_info2 ul li { padding: 0 0 0 8px; font-size: 14px; color: #555555; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .order_input { height: 22px; border: 1px #7f9db9 solid; outline:0; border-radius: 6px;} .order_input2 { height: 22px; border: 1px #7f9db9 solid; color: #999999;outline:0;} .order_input3 { border: 1px #7f9db9 solid; padding: 3px;outline:0;} .order_point { padding: 0 0 10px 17px;} .order_point2 { padding: 0 0 0 17px;} .order_pay ul {} .order_pay ul li { float: left; padding-left: 17px; color: #000;} .order_done ul { padding: 10px 17px;} .order_done ul li { padding-left: 8px; color: #000; line-height: 23px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .ad_list { color: #444444; font-size: 14px; line-height: 18px; text-decoration: none; padding-top: 5px} .ad_list_line { clear: both; padding: 4px 0; overflow: hidden;} .ad_list_l { float: left; padding-right: 10px; width: 40px;} .ad_list_l1 { float: left; padding-right: 10px; width: 11%;} .ad_list_r { float: left; width: 215px;} .ad_list_r1 { float: left; width: 85%;} .info1 {display:block; color:#666; padding:5px 0;} a.ad_list:link { color: #444444; font-size: 14px; text-decoration: none;} a.ad_list:visited { color: #444444; font-size: 14px; text-decoration: none;} a.ad_list:hover { color: #444444; font-size: 14px; text-decoration: none;} .order_bn { padding: 6px 5px 4px 5px; margin: 10px 10px 5px 10px; background-color: #FF6600; font-size: 14px; color: #FFFFFF; font-weight: bold; text-align: center;} /* 121107 품절센터관련 버튼 추가 */ .bk_btn_soldout_1 { background: url(//image.aladin.co.kr/img/m/2012/btn_keep_bg.jpg) bottom left repeat-x; width: 99%; padding: 6px 0px 0 0px; background-color: #fff; font-size: 16px; border: 1px #c9c9c9 solid; color: #565656; height: 33px; text-align: center;} .bk_btn_soldout_2 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2ccd56), color-stop(1, #14ae3c)); background: -moz-linear-gradient(top, #2ccd56 5%, #14ae3c 100%); background: -ms-linear-gradient(top, #2ccd56 5%, #14ae3c 100%); width: 98%; padding: 5px 0px 0 0px; font-size: 14px; border: 1px #14ae3c solid; color: #fff; height: 33px; text-align: center; line-height: 16px; margin-left: 5px;} /* 품절센터 121107 */ .soldout_notice { color: #666; font-size: 13px; text-decoration: none; line-height: 13px;} .soldout_layer { margin: 0 auto; padding: 10px 15px; border: 2px #16b13f solid; background-color: #fff; width: 230px; text-align: center;} .soldout_list_l { float: left; overflow: hidden; padding: 2px 4px 0 0; text-align: left;} .soldout_list_c { width: 55%; color: #444; font-size: 13px; float: left; overflow: hidden; text-align: left; padding: 0px;} .soldout_list_r { width: 112px; float: right; overflow: hidden; padding: 0px; text-align: right;} .sold_btn_box1 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg_b.jpg) bottom left repeat-x; border: 1px solid #3386da; text-align: center; color: #fff; font-size: 13px; margin: 0 2px; padding: 2px 6px 5px 6px; height: 19px; width: 120px; letter-spacing: -1px;} .sold_cont_box { padding: 0px 15px 10px 15px; margin-bottom: 10px;} .sold_cont_box2 { padding: 0px 15px 10px 15px; margin-bottom: 10px; border-bottom: 1px solid #cccccc;} .sold_cont_box3 { padding: 0px 15px 10px 15px; margin-bottom: 10px; border-bottom: 1px solid #a6a6a6; overflow: hidden;} .sold_noti ul { color: #444; padding: 0px;} .sold_noti ul li { padding: 0 0 2px 8px; font-size: 13px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 6px; line-height: 16px;} .sold_conts ul { color: #333; padding: 0px;} .sold_conts ul li { padding: 0 0 4px 8px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 6px; line-height: 18px;} .sold_title_bg { padding: 15px 15px 10px 15px; border-bottom: 1px solid #cccccc; background-color: #f8f8f8; margin-bottom: 15px;} .sold_title_l { color: #0c58a6; font-size: 18px; font-weight: bold;} .sold_text_gr { color: #19b441;} .soldout_basket_l { color: #333; width: *; float: left; text-align: left;} .soldout_basket_r { width: 70px; float: right; overflow: hidden; padding: 0px; text-align: right;} .sold_noti_box { background-color: #1bb743; text-align: left; padding: 10px; margin-top: 2px;} /*padding:5px 10px;*/ .sold_text_ye { color: #fdff44; font-size: 1em; line-height: 1.4;} /*font-size:13px;line-height: 15px;*/ .sold_text_wh { color: #fff; font-size: 1em; line-height: 1.4;} /*font-size:13px;line-height: 15px;*/ .sold_text_r { color: #e83011; font-size: 14px; text-decoration: none;} .sold_option_box { padding: 0px 12px 10px 12px; overflow: hidden;} .sold_option_t { color: #000; font-size: 14px; text-decoration: none;} /*블루 링크 컬러만 있는 클래스*/ a.aladinblue:link { color: #0C58A6;} a.aladinblue:visited { color: #0C58A6;} a.aladinblue:hover { color: #0C58A6;} /* 쿠폰다운로드관련 css 추가 */ .default_list_box { padding: 12px; border-bottom: 1px solid #d5d5d5;} .cp_list_box { margin: 0 0 10px 0px; padding: 5px; border-bottom: 1px #dcdcdc dotted;} .cp_list_box_last { margin: 0 0 0px 0px; padding: 5px;} .cp_list_box1 { margin: 0 0 10px 0px; padding: 10px;} .cp_title { font-size: 16px; color: #333; line-height: 18px; font-weight: bold;} .cp_list { margin: 0px; list-style: none; line-height: 18px;} .cp_list li { padding: 0 0 3px 0; color: #666;} .cp_get { color: #333;} .cp_notice { font-size: 13px; color: #666; line-height: 14px;} .bk_btn_gray { background: url(//image.aladin.co.kr/img/m/2012/btn_back_bg.jpg) bottom left repeat-x; width: 99%; padding: 7px 0px 0 0px; background-color: #f6f6f6; border: 1px #c9c9c9 solid; color: #565656; height: 28px; letter-spacing: -1px;} /* 상품페이지 수량 체크*/ .bk_text_box { border: 1px solid #C0C0C0; color: #444444; font-size: 13px; height: 17px; margin: 0 1px 3px 0; padding: 3px; text-align: center; width: 41px;} /* 121011 css 추가 */ .sns_box2 { margin: 5px 0; border-top: 1px #d3d3d3 solid; padding: 6px; text-align: center;} .book_cb7 { padding: 5px 20px 0 20px; height: 20px; background-color: #f5f5f5; border-top: 1px #d3d3d3 solid; overflow: hidden; color: #333;} .book_cb8 { padding: 10px 12px; overflow: hidden; color: #333;} .book_cb9 { padding: 0px 12px 10px 12px; overflow: hidden; color: #333;} /* 121210 탭보완 */ .tab_title { padding: 10px 12px 0px 12px; border-top: 1px #d3d3d3 solid; border-bottom: 1px #f1f1f1 solid; overflow: hidden; color: #333;} .list_title_box { margin: 0px; padding: 0px; width: 100%;} .list_title_box li { margin: 0px; padding: 0px; float: left; text-align: center; width: 33.3%;} .list_title_on { margin: 10px; padding: 0px; clear: both; color: #126ecc; font-size: 16px; overflow: hidden; font-weight: bold; text-decoration: none;} .list_title_off { margin: 0px; padding: 0px; color: #888; font-size: 16px; font-weight: bold; text-decoration: none;} .tab_conts { padding: 10px 12px; overflow: hidden; color: #333;} .tab_on { border-bottom: #126ecc solid 3px; padding-bottom: 5px;} .tab_on2 { border-bottom: #126ecc solid 3px;} .more_l { color: #3668be; font-size: 13px; text-decoration: none; padding: 3px;} a.more_l:link { color: #3668be; font-size: 13px; text-decoration: none; padding: 3px;} a.more_l:visited { color: #3668be; font-size: 13px; text-decoration: none; padding: 3px;} a.more_l:hover { color: #3668be; font-size: 13px; text-decoration: none; padding: 3px;} /* 121211 낭만도서찾기 */ .nm_btn_search { background: url(//image.aladin.co.kr/img/m/2012/btn_search_bg2.jpg) bottom left repeat-x; width: 99%; padding: 5px 0px 0 0px; background-color: #549ee8; font-size: 14px; border: 1px #2e980d solid; color: #fff; height: 23px; text-align: center;} .nm_title { padding: 10px 12px 0px 12px; font-size: 16px; font-weight: bold; color: #333333;} .nm_box { border: 1px #CCCCCC solid; padding: 10px; margin: 10px;} .nm_box2 { border: 1px #CCCCCC solid; padding: 7px 10px; margin: 10px;} .nm_input { height: 22px; border: 1px #7f9db9 solid;} .nm_list { height: 23px; border: 1px #7f9db9 solid; background: url(//image.aladin.co.kr/img/search/btn_down1.jpg) no-repeat 100% 50%, -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#fafafa)); vertical-align: middle; -webkit-appearance: none; border-radius: 0px; padding-right: 27px; font-size: 13px; height: 23px; line-height: 1.77em; border-spacing: 0; color: #333;} .nm_text_l { float: left; width: 28%; padding: 5px 0; font-size: 14px; font-weight: bold; color: #333333;} .nm_text_r { float: left; padding: 5px 0; width: 72%; color: #333333;} .nm_text_r2 { float: left; padding: 5px 0; width: 71%; color: #ff6305; font-weight: bold;} .nm_line { border-bottom: #CCCCCC 1px solid; margin: 5px 0;} .nm_price1 { text-decoration: line-through} .nm_price2 { color: #f53695; font-weight: bold;} .nm_price3 { color: #d84e7d;} .nm_basket_l { float: left; width: 32%; padding: 3px 0; font-weight: bold; color: #333333;} .nm_basket_r { float: left; padding: 3px 0; width: 68%; color: #333333;} /*121221 주문수정*/ .order_list_box { padding: 5px 0; line-height: 130%;} .order_list_box li { /*font-size:13px; color:#444444;*/ font-size: 1.0em; color: #000000; padding-bottom:2px;} .order_list_box p { color: #787878;} .order_tt3 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%; padding: 10px 0 5px 10px;} .order_box6 { clear: both; padding: 0px 10px;} .order_box7 { padding: 0px 10px 5px 10px;} .order_p { color: #D84E7D; font-weight: bold;} .od_conts_box1 { padding: 8px 12px; color: #444; overflow: hidden; border-bottom: 1px #D1D1D1 solid;} .od_conts_box1 h1 { font-size: 17px; font-weight: bold; color: #444;} .od_conts_box2 { padding: 8px 12px; color: #444; overflow: hidden;} .od_conts_list { padding: 10px 12px 0 12px; color: #444; overflow: hidden;} .bk_list_l_new { float: left; width: 5%; margin-right: 8px;} .bk_list_r_new { float: right;} .od_conts_list_last { padding: 10px 12px; overflow: hidden; border-bottom: 1px #D1D1D1 solid;} .od_list_p { padding-left: 20px;} /* 121210 목록보완 */ .soldout_f { padding: 0; font-size: 14px; color: #19b441;} .stock_f { padding: 0; font-size: 14px; color: #555;} .reserv_f { padding: 0; font-size: 14px; color: #ee3c97;} .bk_btn_rsv {width: 99%; height: 40px; line-height: 40px; background-color: #ef3c97; font-size: 15px; color: #fff; font-weight: bold; text-align: center; border-radius: 5px; box-sizing: border-box;} .bk_btn_rsv2 { background-color: #ee3c97; width: 99%; padding: 9px 0px 0 0px; font-size: 14px; border: 1px #d02a7f solid; color: #fff; height: 29px; text-align: center;} .bk_btn_rsv3 { background-color: #df307f; width: 99%; padding: 9px 0px 0 0px; font-size: 16px; border: 1px #c82370 solid; color: #fff; height: 29px; text-align: center;} .bk_btn_rsv4 {width: 99%; height: 40px; line-height: 40px; background-color: #fff; font-size: 15px; color: #333; font-weight: bold; border: 1px solid #ef3c97; text-align: center; border-radius: 5px; box-sizing: border-box;} .btn_sub_red { background-color: #ba181f; border: 1px solid #a41218; color: #fff; font-size: 11px; padding: 1px 5px; height: 19px; text-align: center;} /*121022 장바구니 수정 */ .basket_form1 { width: 100%; padding: 3px 0} .basket_t1 { color: #333333;} .basket_sp1 { padding: 10px 0 0 0;} .basket_img1 { border: 1px solid #e6e6e6; width: 65px;} .basket_left { float: left; padding: 0 10px 0 0; color: #333333;} .basket_left_1 { float: left; padding: 0 10px 0 0; color: #333333; width: 63%;} /*편의점 찾기*/ .pickup { color: #444444; font-size: 14px; line-height: 20px; text-decoration: none; padding-top: 5px;} .pickup_tt { color: #2b7bc5; font-weight: bold;} .pickup ul li { padding: 3px 10px;} a.pickup:link { color: #444444; font-size: 14px; text-decoration: none;} a.pickup:visited { color: #444444; font-size: 14px; text-decoration: none;} a.pickup:hover { color: #444444; font-size: 14px; text-decoration: none;} /* 20130124 추가 */ .mb_pinfo_list { margin: 0px; list-style: none;} .mb_pinfo_list li { padding-bottom: 8px; font-size: 13px; color: #444;} .mb_pinfo_list2 ul { font-size: 13px; color: #444;} .mb_pinfo_list2 li { padding: 0 0 2px 8px; font-size: 13px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 5px;} .tab_box_h1 { float: left; width: 24.5%; padding-top: 3px; background-color: #f6f6f6; font-size: 11px; border: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .tab_box_h2 { float: left; width: 24.5%; padding-top: 3px; background-color: #f6f6f6; font-size: 11px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .tab_box_h3 { float: left; width: 49.5%; padding-top: 3px; background-color: #f6f6f6; font-size: 11px; border: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .tab_box_h4 { float: left; width: 49.5%; padding-top: 3px; background-color: #f6f6f6; font-size: 11px; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #999; height: 24px; letter-spacing: -1px;} .tab_box_h1_on { float: left; width: 24.5%; padding-top: 3px; background-color: #666; font-size: 11px; border: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px;} .tab_box_h2_on { float: left; width: 24.5%; padding-top: 3px; background-color: #666; font-size: 11px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px;} .tab_box_h3_on { float: left; width: 49.5%; padding-top: 3px; background-color: #666; font-size: 11px; border: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px;} .tab_box_h4_on { float: left; width: 49.5%; padding-top: 3px; background-color: #666; font-size: 11px; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; height: 24px; letter-spacing: -1px;} .mb_pinfo_box1 { overflow: hidden; display: block; background-color: #f3f9fc; padding: 7px 10px;} .mb_pinfo_box2 { position: relative; overflow: hidden; display: block; border-bottom: 1px dotted #d5d5d5; padding: 7px 10px;} .mb_pinfo_box3 { position: relative; overflow: hidden; display: block; padding: 7px 10px;} .mb_pinfo_l { color: #666; font-size: 13px; width: 30%; float: left; overflow: hidden; padding: 0px; text-align: left;} .mb_pinfo_r { color: #444; font-size: 13px; width: 70%; float: right; overflow: hidden; padding: 0px; text-align: left; line-height: 150%; letter-spacing: 0px;} .text_field_box {border:1px solid #c6c6c6; height: 20px; font-size: 15px; padding:4px; margin-bottom:2px; outline:0!important; } .mb_list1 { padding-top: 2px; color: #333; font-size: 13px; line-height: 150%; font-weight: normal;} .mb_list1 ul { color: #333; padding: 3px 0 0 0; font-weight: normal;} .mb_list1 li { padding: 0 0 2px 8px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 6px;} /* 130130 상품페이지 이달의 추천도서 */ .pd_recom_bg { margin: 0px; padding: 10px 15px; background-color: #ff40a1; font-size: 14px; font-weight: bold; color: #FFFFFF; border-top: 1px #FFF solid;} .pd_recom_space { margin: 10px 0; border-top: 1px solid #e72f8d; border-bottom: 1px solid #ff58ad;} .pd_recom_cont { margin: 0px; padding: 0px; font-size: 12px; color: #FFF; font-weight: normal;} .pd_recom_cont ul { margin-left: 0px; line-height: 17px;} .pd_recom_cont ul li { background: url(//image.aladin.co.kr/img/m/2013/icon_dot.png) no-repeat 0px 6px; margin: 0px 0 0 0px; padding-left: 8px;} /* 130207 주문과정 주민번호폐기 */ .id_conts_box { background-color: #f5f5f5; font-size: 14px; line-height: 19px; padding: 12px; color: #555; font-weight: normal; margin: 5px 0 0 0;} .id_conts_f { font-size: 14px; color: #222; font-weight: normal; margin-bottom: 8px; padding-bottom: 5px; border-bottom: 1px dotted #d5d5d5;} /* 130206 상품페이지 이책은 네모다 */ .thisbook_keybg { background-color: #33afe9; color: #FFF; font-weight: bold; padding: 2px 4px 0px 2px; font-size: 14px;} .thisbook_keytext { color: #6c6c6c; font-size: 13px; text-decoration: none; line-height: 120%; margin: 0px; padding: 0px;} .thisbook_blog_org { color: #F56F0A; font-size: 14px;} /* 20130228 추가 */ .mb_pinfo_l2 { color: #666; font-size: 13px; width: 30%; float: left; overflow: hidden; padding: 3px 0; text-align: left;} .mb_pinfo_r2 { color: #444; font-size: 13px; width: 70%; float: right; overflow: hidden; padding: 3px 0; text-align: left; line-height: 130%; letter-spacing: 0px;} .mb_pinfo_l3 { color: #666; font-size: 13px; width: 43%; float: left; overflow: hidden; padding: 0; text-align: left;} .mb_pinfo_r3 { color: #444; font-size: 13px; width: 57%; float: right; overflow: hidden; padding: 0; text-align: left; line-height: 130%; letter-spacing: 0px;} .line_dot { padding: 10px 0px 0px 0px; margin-top: 8px; border-top: dotted #dbdbdb 1px; background-color: #f3f9fc;} .bk_btn_blue2 { background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg.jpg) bottom left repeat-x; width: 100%; padding: 5px 0px 0 0px; background-color: #f6f6f6; font-size: 13px; border: 1px #227bd4 solid; color: #fff; height: 35px; letter-spacing: -1px; line-height: 130%;} .bk_btn_gray2 { background: url(//image.aladin.co.kr/img/m/2012/btn_back_bg.jpg) bottom left repeat-x; width: 100%; padding: 5px 0px 0 0px; background-color: #f6f6f6; font-size: 13px; border: 1px #c9c9c9 solid; color: #565656; height: 35px; letter-spacing: -1px; line-height: 130%;} .text_link { color: #3668be; font-size: 13px; text-decoration: underline; padding: 3px;} a.text_link:link { color: #3668be; font-size: 13px; text-decoration: underline; padding: 3px;} a.text_link:visited { color: #3668be; font-size: 13px; text-decoration: underline; padding: 3px;} a.text_link:hover { color: #3668be; font-size: 13px; text-decoration: underline; padding: 3px;} /* 20130308 밑줄긋기 */ .underline_layer { border: 2px #3084d9 solid; width: 90%; background-color: #FFFFFF; margin: 0 auto; padding: 10px 15px; width: 230px; text-align: center;} .book_cb6 { border-top: 1px dotted #D3D3D3; color: #333333; font-size: 15px; overflow: hidden; padding: 10px 12px;} .thisbook_keyword { color: #6c6c6c; font-size: 13px; text-decoration: none; line-height: 120%; margin: 0px; padding: 0px;} /*130327*/ .book_cont_short { padding: 10px 12px; color: #333; border-top: 1px #d3d3d3 solid; overflow: hidden; cursor: pointer; background: url(//image.aladin.co.kr/img/m/2012/btn_more_7.png) no-repeat 97%; background-size: 16px;} .book_cont_short h2 { color: #126ecc; font-size: 16px; font-weight: bold; text-decoration: none;} .book_cont_all { padding: 10px 12px; color: #333; border-top: 1px #d3d3d3 solid; overflow: hidden; cursor: pointer; background: url(//image.aladin.co.kr/img/m/2012/btn_more_6.png) no-repeat 97%; background-size: 16px;} .book_cont_all h2 { color: #126ecc; font-size: 16px; font-weight: bold; text-decoration: none;} .book_cont_left { padding: 0px; width: 95%; float: left; line-height: 140%; color: #333;} .book_cont_left li img { padding: 2px;} .book_cb10 { padding: 10px 12px; color: #333; border-top: 1px #d3d3d3 solid; overflow: hidden; cursor: pointer; background: url(//image.aladin.co.kr/img/m/2012/btn_more_7.png) no-repeat 97%; background-size: 16px;} .book_cb11 { padding: 10px 12px; color: #333; border-top: 1px #d3d3d3 solid; overflow: hidden; cursor: pointer; background: url(//image.aladin.co.kr/img/m/2012/btn_more_6.png) no-repeat 97%; background-size: 16px;} .book_cb12 { padding: 10px 12px; color: #333; overflow: hidden; cursor: pointer; background: url(//image.aladin.co.kr/img/m/2012/btn_more_7.png) no-repeat 97%; background-size: 16px;} .book_cb13 { padding: 10px 12px; color: #333; overflow: hidden; cursor: pointer; background: url(//image.aladin.co.kr/img/m/2012/btn_more_6.png) no-repeat 97%; background-size: 16px;} .t_h2 { color: #126ecc; font-size: 16px; font-weight: bold; text-decoration: none; float: left;} .p_btn_c { float: left; font-size: 16px; height: 33px; line-height: 100%; width: 80px;} .p_btn_c .p_btn_basket { background: -webkit-gradient(linear, left top, left bottom, from(#df307f), to(#c82370)); background: -moz-linear-gradient(top, #df307f, #c82370); width: 99%; padding: 10px 0px; border: 1px #c82370 solid; color: #fff; text-align: center;} .p_btn_c .p_btn_buy { background: -webkit-gradient(linear, left top, left bottom, from(#e24457), to(#cd394d)); background: -moz-linear-gradient(top, #e24457, #cd394d); width: 99%; padding: 10px 0px; background-color: #3eaeee; border: 1px #cd394d solid; color: #fff; text-align: center;} .p_btn_c2 { float: left; font-size: 14px; height: 33px; line-height: 100%; width: 85px;} .p_btn_c2 .p_btn_basket { /*background:url(https://image.aladin.co.kr/img/m/2012/btn_order_bg.jpg) bottom left repeat-x;border:1px #227bd4 solid;*/ background: -webkit-gradient(linear, left top, left bottom, from(#df307f), to(#c82370)); background: -moz-linear-gradient(top, #df307f, #c82370); width: 99%; padding: 10px 0px; background-color: #549ee8; border: 1px #c82370 solid; color: #fff; text-align: center;} .p_btn_c2 .p_btn_buy { /*background:url(//image.aladin.co.kr/img/m/2012/btn_buy_bg.jpg) bottom left repeat-x;border:1px #227bd4 solid;*/ background: -webkit-gradient(linear, left top, left bottom, from(#e24457), to(#cd394d)); background: -moz-linear-gradient(top, #e24457, #cd394d); width: 99%; padding: 10px 0px; background-color: #3eaeee; border: 1px #cd394d solid; color: #fff; text-align: center;} .p_btn_c_gray { width: 45px; float: left; margin: 3px 0 0 5px; line-height: 100%; height: 20px; font-size: 12px;} .p_btn_gray { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x; border: 1px solid #c2c2c2; color: #444; padding: 5px 0px; text-align: center;} .book_cb6 { border-top: 1px dotted #D3D3D3; color: #333333; overflow: hidden; padding: 10px 12px;} /*20130423 추가*/ .cs_1n1_important1 { color: #e74893} .cs_1n1_important2 { vertical-align: top; color: #e74893} .cs_1n1_important3 { width: 85%; margin: 0 auto} .cs_1n1_important3 ul li { padding: 0; text-align: center} .cs_1n1_form .input4 { border: 1px solid #4c4c4c} .cs_1n1_form ul li { display: inline; float: left; padding: 3px 0} .cs_1n1_form .width1 { width: 25%;} .cs_1n1_form .width2 { width: 75%;} .cs_bt_blue4 { width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#0398de), to(#017cbc)); background: -moz-linear-gradient(top, #0398de, #017cbc); border: 1px solid #0167a2; color: #FFFFFF; font-size: 1.3em; padding: 5px 0px; text-align: center} .cs_bt_gray4 { width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#edebeb)); background: -moz-linear-gradient(top, #ffffff, #edebeb); border: 1px solid #a2a3a3; color: #1e1e1e; font-size: 1.3em; padding: 5px 0px; text-align: center} /*20130521*/ .bk_btn_missing_1 { background: url(//image.aladin.co.kr/img/m/2012/btn_keep_bg.jpg) bottom left repeat-x; width: 99%; padding: 6px 0px 0 0px; background-color: #fff; font-size: 15px; border: 1px #c9c9c9 solid; color: #565656; height: 27px; text-align: center;} .bk_btn_missing_2 { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2ccd56), color-stop(1, #14ae3c)); background: -moz-linear-gradient(top, #2ccd56 5%, #14ae3c 100%); width: 98%; padding: 8px 0px 0 0px; font-size: 15px; border: 1px #14ae3c solid; color: #fff; height: 25px; text-align: center; line-height: 16px; margin-left: 5px;} /* 130521 로그인 공지레이어 */ .login_layer { padding: 8px 0 20px 0; border: 3px solid #3084d9; width: 90%; margin: 0 auto;} .login_layer_cont { padding: 15px; font-size: 15px; text-align: center; color: #000000; clear: both; line-height: 1.4em;} .loginlayer_clear { clear: both;} .loing_layer_box { margin: 15px 5px 0px 5px; padding: 15px 0px; border: 1px solid #73b8ff; color: #2452aa; font-size: 0.9em; clear: both; line-height: 1.5em; font-weight: bold;} .loing_layer_btn { margin: 0px; width: 249px; margin: 0 auto;} /* 130812 추가 */ .bk_btn_c2c { background: url(//image.aladin.co.kr/img/m/2012/btn_order_bggray2_2.png) bottom left no-repeat; padding: 2px 0 0 0; width: 44px; font-size: 13px; color: #333; height: 22px; line-height: 22px; vertical-align: middle; text-align: center;} .contents_box6 { padding: 10px 0; margin: 0 auto; line-height: 130%; width: 90%;} .c2c_line1 { border-top: 1px #969696 solid;} .c2c_box1 { padding: 18px 12px;} .c2c_box2 { padding: 18px 0;} .c2c_box2 ul { margin: 0 auto; padding: 0; width: 92%} .c2c_box2 ul li { display: inline;} .c2c_box2 ul .left { width: 3%; float: left; color: #787878; font-size: 0.9em} .c2c_box2 ul .right { width: 95%; float: left; color: #787878; font-size: 0.9em; padding: 0 0 10px 0; line-height: 1.6em} .c2c_bg1 { clear: both; border: 1px solid #b2d1f0; background: #e7f2fd; width: 90%; margin: 0 auto; padding: 0 0 10px 0} .c2c_bg1 p { padding: 10px 15px; color: #026cd8; font-size: 1.1em} .c2c_bg1 ul { padding: 0 0 10px 0; margin: 0 auto; width: 90%} .c2c_bg1 ul li { line-height: 1.2em; font-size: 0.9em} .button_comm { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #bababa; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #f3f3f3; padding: 7px 0px; width: 100%} .button_comm a:link { text-decoration: none !important; color: #333333} .button_comm a:hover { text-decoration: none !important; color: #333333} .button_comm_on { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #227bd4; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #e2f0fb; padding: 7px 0px; width: 100%} .button_comm_on a:link { text-decoration: none !important; color: #227bd4} .button_comm_on a:hover { text-decoration: none !important; color: #227bd4} .comm_good { text-align: center; padding: 10px 0 0 0} .comm_good ul { padding: 0; margin: 0; width: 100%;} .comm_good ul li { display: inline; padding: 0 0px 10px 0; float: left; width: 31%} .comm_good ul .sp1 { padding-right: 10px;} .comm_good_box { width: 100%; margin: 0 auto;} .comm_good_box2 { width: 99%; height: 100px; border: 1px solid #CCC; color: #787878; padding: 10px 0} .contents_title_c2c { padding: 8px 12px; border-top: 1px #D1D1D1 solid; color: #848484; background: #f0f0f0;} .contents_title_c2c h2 { color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%;} /*버튼추가*/ .btn_sub_pink { background-color: #ee3c97; width: 99%; font-size: 16px; border: 1px #d02a7f solid; color: #fff; font-size: 14px; padding: 3px 5px 2px 5px; height: 22px; text-align: center;} /*아이디찾기*/ .idpw_text_pink1 { color: #F3C;} /*상품페이지 핑크 링크*/ .phink_bWrap { padding-top: 5px; float: left;} a.phink_b:link { color: #f32885; font-size: 13px; font-weight: bold; text-decoration: none;} a.phink_b:visited { color: #f32885; font-size: 13px; font-weight: bold; text-decoration: none;} a.phink_b:hover { color: #f32885; font-size: 13px; font-weight: bold; text-decoration: none;} /*2014 메인 추가 */ .new_footmenu_bg1_1 { background: -webkit-gradient(linear, left top, left bottom, from(#262626), to(#3f3f3f)); background: -moz-linear-gradient(top, #262626, #3f3f3f); bottom: #000; height: 56px} .new_co_info_box2 { margin: 5px 0 0px 0; padding: 5px 20px 10px 20px; text-align: left;} .new_mainbanner_bg { background: url(//image.aladin.co.kr/img/m/2012/main/main_banner1_bg.jpg) repeat-x; height: 84px; text-align: center} .new_paging_2 { padding: 0; margin: 0 auto; position: absolute; text-align: center; width: 20px; right: 0} .new_paging_3 { padding: 0; margin: 0 auto; position: absolute; text-align: center; width: 20px; left: 0} .new_book_bg2 .more { float: right; padding: 10px 7px 0 0;} .new_wd_bt_box2 { padding: 4px 0 2px 0; border-bottom: 1px solid #a0a0a0; border-top: 2px solid #008acb; background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b4b4b4)); background: -moz-linear-gradient(top, #cdcdcd, #b4b4b4);} /*알라딘통장메인*/ .subpay_list_l { color: #444444; float: left; line-height: 140%; overflow: hidden; padding: 0px; text-align: left; width: 45%;} .subpay_list_r { color: #444444; float: right; line-height: 140%; margin: 0; overflow: hidden; padding: 0px 25px 0 0; text-align: right; width: 45%;} .arrow_bg { background: url(//image.aladin.co.kr/img/m/2014/btn_arrow.png) no-repeat right;} /*알라딘통장상세*/ .total_subpay { padding: 0px 12px 10px 12px;} .total_subpay2 { margin-top: 10px; padding: 10px 12px 10px 12px; border-top: 1px #b6b6b6 solid;} .subpay_table { font-size: 14px; color: #444; overflow: hidden; padding: 0 12px;} .subpay_table th { border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; background: #f6f6f6; text-align: center; padding: 5px 0;} .subpay_table .left_line { border-left: 1px solid #b6b6b6;} .subpay_table .right_line { border-right: 1px solid #b6b6b6;} .subpay_table td { padding: 5px 3px; border-bottom: 1px solid #b6b6b6;} .subpay_table2 { font-size: 0.95em; color: #000; overflow: hidden; padding: 0 12px;} .subpay_table2 th { border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; background: #f6f6f6; text-align: center; padding: 0.5em 0; font-weight: normal;} .subpay_table2 .left_line { border-left: 1px solid #b6b6b6;} .subpay_table2 .right_line { border-right: 1px solid #b6b6b6;} .subpay_table2 td { padding: 10px 3px; border-bottom: 1px solid #e0e0e0; line-height: 130% !important;} .subpay_table2 td.btg { padding: 10px 3px; border-bottom: 1px solid #b6b6b6 !important; line-height: 130% !important;} .contents_orderbtn_box4 { padding: 10px 12px; text-align: center; color: #898989; cursor: pointer;} .sub_title { padding: 20px 12px 5px 12px;} .sub_text { padding: 5px 12px; color: #7d7d7d; font-size: 13px;} /*140728 장바구니 선물메시지*/ .gift_message { width: 95%; padding: 5px; line-height: 16px; margin-top: 5px;} .gift_mg_left { float: left; font-size: 13px;} .gift_mg_right { float: right; color: #737373; padding-right: 5px; font-size: 13px;} .order_box2 li { padding-bottom: 5px;} /*분야, P페이지 광고구 추가 Gootooc*/ .title-porm { color: #eb217c; line-height: 1.3em !important; font-size: 13px; padding-bottom: 5px;} /* #d84e7d */ .b_list2 li.title-porm {color: #eb217c; line-height: 1.3em !important; font-size: 13px; padding-bottom: 5px;} .title-porm a:link { color: #eb217c; text-decoration: none;} .title-porm a:visited { color: #eb217c; text-decoration: none;} .title-porm a:active { color: #eb217c; text-decoration: none;} .title-porm a:hover { color: #eb217c; text-decoration: none;} .title-porm4 { color: #FF6600; font-size: 13px; padding-top: 5px; line-height: 1.3em !important;} .title-porm4 a { color: #FF6600 !important;} /* 20141030 hhl */ .special_book_bg { background: #f7f7f7; padding: 0px; border-top: 1px solid #e4e4e4; margin-top: 10px;} .special_book_bg .t1 { color: #555; text-align: left; padding: 10px 0 0 12px; font-weight: bold} .special_book_bg .more { float: right; padding: 10px 7px 0 0;} .special_book_bg .t2 { color: #333;} .special_book_bg2 { height: 190px; margin-top: 7px;} .special_book_bg3 { background: #fff; height: 18px; margin-bottom: 15px;} .special_book { margin: 0 auto; margin-bottom: 5px; text-align: center; width: 93px; border: 1px solid #ccc;} .special_book_box { position: absolute; bottom: 0px; padding: 5px; width: 90%; margin: 0 auto;} .special_p1 { color: #f12b8c; text-align: center; padding: 0px; font-weight: bold;} .special_p2 { color: #333; text-align: center; padding: 0px; font-size: 0.7em;} .new_paging_1 { clear: both; height: 15px; padding: 3px 0 3px 0; margin: 0 auto; position: relative; text-align: center; width: 130px;} .new_paging_1 a { background: none repeat scroll 0 0 #E2E4E9; border: 1px solid #BEBEBE; border-radius: 4px; display: inline-block; height: 6px; margin: 2px; overflow: hidden; width: 6px; line-height: 6px;} .new_paging_1 a.selected { background: none repeat scroll 0 0 #00A9E0; border: 1px solid #009ED1;} .new_book_3 { width: 100%; height: 180px; padding: 0; margin: 5px; text-align: center; position: relative; overflow: hidden;} .new_book_3_box { position: absolute; bottom: 0px; padding: 5px; width: 90%; margin: 0 auto;} .order_list_box .silver { color: #787878;} /* 20150306 중고 통합검색 추가 */ .s_title_left { color: #333; font-size: 16px; float: left; width: 50%} .s_title_right { float: right; width: 25%} .usedsearch_shop1 { width: 100%;} .usedsearch_shop1 ul { padding: 0; margin: 0;} .usedsearch_shop1 ul li { display: inline; float: left; width: 30%; border-top: 1px solid #CCCCCC; padding: 3px 0 3px 0; font-weight: normal} .usedsearch_shop1 .li2 { border-bottom: 1px solid #CCCCCC;} .usedsearch_layer1 { background: #f2f2f2; border: 1px solid #CCCCCC; padding: 20px 0; width: 90%; margin: 0 auto} .usedsearch_layer1 ul { width: 90%; margin: 0 auto} .usedsearch_layer1 ul li { display: inline; float: left; width: 25%; padding: 3px 0} .mb_conts_box1 ul { padding: 0; margin: 0} .mb_conts_box1 ul li { display: inline; float: left; padding-bottom: 10px} /*2015 미리보기 추가*/ .prew2015 { border-bottom: 1px solid #CCCCCC; width: 100%; padding: 10px 0} .prew2015_90 { width: 90%; margin: 0 auto} .prew2015_90 ul { width: 40%; float: right} .prew2015_90 ul li { display: inline; float: left; padding-right: 10px} .prew2015 .button { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #9e9e9e/*#bcc1c8 #bababa #adb2bb*/ ; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFFFFF;} /*기본 흰색 버튼*/ .prew2015 .button a:link { text-decoration: none !important;} .prew2015 .button a:hover { text-decoration: none !important; background: #f7f7f7;} .prew2015 .button_left { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #9e9e9e; /*#bcc1c8 #bababa #adb2bb;*/ text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius-left: 3px; -moz-border-radius-left: 3px; border-radius-left: 3px; background-color: #FFFFFF;} /*기본 흰색 버튼*/ .prew2015 .button_left a:link { text-decoration: none !important;} .prew2015 .button_left a:hover { text-decoration: none !important; background: #f7f7f7;} .prew2015 .button_right { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #9e9e9e/*#bcc1c8 #bababa #adb2bb*/ ; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius-left: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFFFFF;} /*기본 흰색 버튼*/ .prew2015 .button_right a:link { text-decoration: none !important;} .prew2015 .button_right a:hover { text-decoration: none !important; background: #f7f7f7;} a.button_text1 { outline: 0; color: #333 !important; font-size: 1em; line-height: 18px; display: block; white-space: nowrap; padding: 5px 7px 4px 8px;} /*기본 11픽셀 검정 링크*/ /* 기대별점 체크화면*/ .order_star_title { background: #ffdd14; padding: 10px 0; border-bottom: 1px solid #dbbe14;} .order_star_title .width { width: 90%; margin: 0 auto; font-weight: bold; text-align: center; color: #f437a6; font-size: 1.2em} .order_star_title .width2 { width: 90%; margin: 0 auto; font-weight: normal; color: #333; text-align: center; font-size: 0.8em} .order_star_contant { width: 90%; margin: 0 auto; padding: 5px 0 15px 0;} .order_star_contant ul { padding: 10px 0 0 0; margin: 0 auto; width: 95%; border-bottom: 1px solid #CCCCCC} .order_star_contant ul li { display: inline; float: left;} .order_star_contant .li_left { text-align: center; width: 52%;} .order_star_contant .li_right { text-align: left; width: 45%;} .order_star_contant .order_clear1 { clear: both; padding-bottom: 10px;} .order_star_contant .cover { border: 1px solid #f0f0f0} .order_star_contant .sp { padding: 10px 0} .order_star_contant .box1 { display: inline-block; padding: 0px 0px 4px 0px; background: #FFFFFF; border: 1px solid #dcdcdc; background: #f0f0f0; width: 100px} .order_star_foot { text-align: center; padding: 0px 0} .order_star_foot .width { width: 90%; margin: 0 auto; padding: 10px 0 10px 0; text-align: center} .button_ster1 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #c71d6c/*#bcc1c8 #bababa #adb2bb*/ ; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #df307f; float: right; width: 48%} .button_ster1 a:link { white-space: nowrap; text-decoration: none !important; outline: 0; color: #FFF; font-size: 14px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height: 16px; display: block; white-space: nowrap; background-color: transparent; border-color: #195fa5; margin: 0; border: 0; padding: 12px 0 13px 0} .button_ster1 a:hover { text-decoration: none !important; background: #cc1b6b} .button_ster1 a:visited { text-decoration: none !important; outline: 0; color: #FFF; font-size: 14px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; display: block; white-space: nowrap; background-color: transparent; border-color: #195fa5; margin: 0; border: 0;} .button_ster2 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #909090/*#bcc1c8 #bababa #adb2bb*/ ; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #9f9f9f; background: -moz-linear-gradient(top, #9f9f9f, #8b8b8b); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9f9f9f), color-stop(100%, #8b8b8b)); background: -webkit-linear-gradient(top, #9f9f9f, #8b8b8b); background: -o-linear-gradient(top, #9f9f9f, #8b8b8b); background: -ms-linear-gradient(top, #9f9f9f, #8b8b8b); background: linear-gradient(top, #9f9f9f, #8b8b8b); filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#9f9f9f', endColorstr='#8b8b8b', GradientType=0); float: left; width: 48%} .button_ster2 a:link { white-space: nowrap; text-decoration: none !important; outline: 0; color: #FFF; font-size: 14px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height: 16px; display: block; white-space: nowrap; background-color: transparent; border-color: #195fa5; margin: 0; border: 0; padding: 12px 0 13px 0} .button_ster2 a:hover { text-decoration: none !important; background: #8b8b8b} .button_ster2 a:visited { text-decoration: none !important; outline: 0; color: #FFF; font-size: 14px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; display: block; white-space: nowrap; background-color: transparent; border-color: #909090; margin: 0; border: 0;} /*알림센터 리스트 추가*/ .button { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #9e9e9e/*#bcc1c8 #bababa #adb2bb*/ ; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #eae9e8} .button a:link { text-decoration: none !important;} .button a:hover { text-decoration: none !important; background: #f7f7f7;} a.button_small { outline: 0; color: #333; font-size: 0.8em; line-height: 18px; display: block; white-space: nowrap; background-color: transparent; border-color: #195fa5; margin: 0; border: 0; padding: 3px 7px 0 8px;} /*기본 11픽셀 흰색 링크*/ .notice_list1 { border-bottom: 2px solid #666;} .notice_list1 ul { width: 90%; margin: 0 auto; padding: 3px 0} .notice_list1 ul .left { width: 80%; float: left; padding: 3px 0 5px 0; font-weight: bold; font-size: 1.1em} .notice_list1 ul .right { width: 19%; float: right; text-align: right; padding: 3px 0 7px 0} .notice_list1 .blue_text { color: #33b0ea} .notice_list2 { border-bottom: 1px solid #e6e6e6;} .notice_list2 ul { width: 90%; margin: 0 auto; padding: 5px 0} .notice_list2 ul .left1 { width: 80%; float: left; padding: 5px 0 3px 0; font-size: 1em} .notice_list2 ul .right1 { width: 19%; float: right; text-align: right; padding: 5px 0 5px 0; font-size: 1em; color: #787878} .notice_list2 ul .bt_x { color: #333; display: inline-block; padding: 0 5px;} .notice_button { color: #333;} /* 150629_중고스마트폰 상품소개*/ .usedphone_cont1 { clear: both; border-top: 1px solid #ededed; padding: 0px; margin: 0px;} .usedphone_cont_L1 { width: 70%; float: left; background: #f8f8f8; border-right: 1px solid #ededed; padding: 7px 10px 7px 15px; font-size: 1em; line-height: 130%; height: 40px;} .usedphone_cont_R1 { width: 15%; float: left; padding: 15px 10px 7px 10px; font-size: 1em; height: 30px; font-weight: bold;} .usedphone_cont2 { clear: both; border-top: 1px solid #ededed; padding: 0px; margin: 0px;} .usedphone_cont_L2 { width: 70%; float: left; background: #f8f8f8; border-right: 1px solid #ededed; padding: 10px 10px 10px 15px; font-size: 1em; line-height: 130%; height: 20px;} .usedphone_cont_R2 { width: 15%; float: left; padding: 10px 10px 10px 10px; font-size: 1em; font-weight: bold; height: 20px;} /* 150701_비회원 로그인*/ #m_nonmember_all { width: 100%; margin: 0 auto; background: #f2f2f2; padding: 20px 0; height: 100%} #m_nonmember_all h1 { font-size: 1.8em; letter-spacing: -1px; padding: 0 0 25px 0;} #m_nonmember_all .nonbox { width: 86%; margin: 0 auto;} #m_nonmember_all .left1 { float: left; width: 49%;} #m_nonmember_all .left2 { width: 49%; float: left; background: url(//image.aladin.co.kr/img/login/nonmember_bt_bg.gif) no-repeat right top; height: 49px} #m_nonmember_all .left2 .t1 { padding: 5px 0 0 15px; display: block; line-height: 16px; color: #333; text-decoration: none; float: left} #m_nonmember_all .left3 { float: left; text-align: left; width: 40%} #m_nonmember_all .right2 { width: 49%; float: right; background: url(//image.aladin.co.kr/img/login/nonmember_bt_bg.gif) no-repeat right top; height: 49px} #m_nonmember_all .right2 .t1 { padding: 5px 0 0 15px; display: block; line-height: 16px; color: #333; text-decoration: none; float: left} #m_nonmember_all .right3 { float: right; text-align: right; width: 57%} #m_nonmember_all .right3 a { color: #333} #m_nonmember_all .img2 { float: left} #m_nonmember_all .form1 { width: 90%; height: 40px; font-size: 15px; color: #969696; border: 1px solid #cdcbcb; padding: 0 5%; outline:0;} #m_nonmember_all .form2 { width: 90%; height: 40px; font-size: 15px; padding: 5px 0; color: #969696; border-top: 0px; border-left: 1px solid #cdcbcb; border-right: 1px solid #cdcbcb; border-bottom: 1px solid #cdcbcb; padding: 0 5%; letter-spacing: -1px; outline:0;} #m_nonmember_all .check1 { margin: 0 auto; display: block; padding: 10px 0 10px 0} #m_nonmember_all .space1 { padding: 0 10px; color: #CDCDCD} #m_nonmember_all .text1 { padding: 20px 0 5px 0; text-align: center; color: #666} /*sns 로그인 */ #m_nonmember_all .sns_btn { width: 31%; float: left; height: 40px; margin-right: 1%; border: 1px #cdcbcb solid; background-color: #fafafa;} #m_nonmember_all .sns_btn .t1 { padding: 13px 0 0 5px; display: block; line-height: 15px; color: #333; text-decoration: none; float: left;} #m_nonmember_all .sns_btn .img2 { float: left; background-color: #FFFFFF; border-right: 1px #e4e4e4 solid; padding: 4px 0 3px 0;} #m_nonmember_all .sns_btn2 { width: 33%; float: left; height: 40px; border: 1px #cdcbcb solid; background-color: #fafafa; padding-right: 2px;} #m_nonmember_all .sns_btn2 .t1 { padding: 13px 0 0 4px; display: block; line-height: 15px; color: #333; text-decoration: none; float: left;} #m_nonmember_all .sns_btn2 .img2 { float: left; background-color: #FFFFFF; border-right: 1px #e4e4e4 solid; padding: 4px 0 3px 0;} a.m_nonlink1 { color: #333; text-decoration: none} .m_button_login1 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; text-align: center; overflow: hidden; border: #df307f 1px solid; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #df307f; width: 100%; margin-top: 7px; font-size: 15px; font-weight: bold; padding: 12px 0 11px 0} .m_button_login1 a:link { text-decoration: none !important;} .m_button_login1 a:hover { text-decoration: none !important;} a.text1 { outline: 0; color: #333 !important; font-size: 12px; line-height: 25px; display: block; white-space: nowrap; background-color: transparent; border-color: #195fa5; margin: 0; border: 0; padding: 3px 10px 0 10px;} .m_button_login2 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #cdcbcb; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; width: 100%; margin-top: 7px; font-size: 15px; font-weight: bold; padding: 12px 0 11px 0; letter-spacing: -1px} .m_button_login2 a:link { text-decoration: none !important;} .m_button_login2 a:hover { text-decoration: none !important;} /* 사파리 팝업*/ .safari_pop_w2 { border: 1px solid #e2e0e0; background: #f2f2f2; padding: 10px 0 0px 0;} .safari_pop_w2 h3 { color: #049adf; padding: 10px 0} .safari_sp8 { padding: 0px 18px 7px 16px;} .safari_sp8 .bt { width: 80px; margin: 0 auto; padding: 0px 0 20px 0} .safari_bt_blue2 { padding: 5px 0 4px 0; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222)); background: -moz-linear-gradient(top, #444, #222); text-align: center; border: 1px solid #000} .safari_bt_blue2_a { color: #FFFFFF; font-size: 1em;} .safari_box1 { color: #333; font-size: 0.9em; line-height: 1.7em; padding: 10px 15px; text-align: left; background: #FFFFFF; width: 88%; margin: 15px auto 10px auto} /* 주문취소 카드안내 추가*/ .order_step ul { padding: 10px 17px; font-size: 14px;} .order_step ul li { font-size: 14px; padding-left: 8px; color: #000; line-height: 23px; background: url(//image.aladin.co.kr/img/m/2015/nm_list_dot.jpg) no-repeat 0px 8px;} /* 알라딘 중고 품질 판정 가이드 추가*/ .used_quality_left { float: left; width: 70%; font-size: 1.2em; color: #126ecc; padding-bottom: 10px} .used_quality_right { float: right; width: 20%; padding: 0 0px 0 10px} .used_quality_t_pink { color: #df307f} .used_quality_table { margin-top: 10px; border: 2px solid #e6e4e4; width: 100%; clear: both} .used_quality_table th { background: #e6f0f6; padding: 5px 0; border-bottom: 1px solid #e6e4e4; width: 30%; text-align: center; font-size: 1em} .used_quality_table .th_last { background: #e6f0f6; padding: 5px 0; border-bottom: none; width: 30%; text-align: center; font-size: 1em} .used_quality_table td { padding: 5px 10px; border-bottom: 1px solid #e6e4e4; font-size: 1em} .used_quality_table .td_last { padding: 5px 10px; border-bottom: none; font-size: 1em} .used_quality_btn { background: url(//image.aladin.co.kr/img/m/2012/btn_back_bg.jpg) bottom left repeat-x; width: 99%; padding: 3px 0px 4px 0px; background-color: #f6f6f6; font-size: 14px; text-align: center; border: 1px #c9c9c9 solid; color: #565656; height: 16px; letter-spacing: -1px;} /*20150730 휴면계정*/ .dormancy_top { margin: 0 auto; width: 100%; padding: 30px 0; background-color: #f6f6f6; text-align: center; font-size: 1.8em; line-height: 130%; color: #222; font-weight: bold; letter-spacing: -1px;} .dormancy_text_pink { color: #ef3d97;} .dormancy_cont { padding: 0px 15px;} .dor_top_line { border-bottom: 2px solid #ef3d97; margin-bottom: 30px;} .dor_text1 { color: #111; font-size: 1.2em; line-height: 150%;} .dor_text2 { color: #333; font-size: 1.1em; line-height: 150%;} .dor_space20 { height: 20px; clear: both;} .dor_space30 { height: 30px; clear: both;} .dor_select_box { float: left; width: 100%;} .dor_select1 { background: url(//image.aladin.co.kr/img/usedshop/C2B/arrow_down_bg3.png) no-repeat right #fff; border: 1px solid #ccc; padding: 5px 8px 2px 8px; height: 28px; -webkit-appearance: listbox; border-radius: 0px; font-size: 1.1em; font-weight: bold; color: #444;} .dor_select2 { background: url(//image.aladin.co.kr/img/usedshop/C2B/arrow_down_bg4.png) no-repeat right #fff; border: 1px solid #ccc; border-bottom: 0px; padding: 5px 8px 2px 8px; height: 28px; -webkit-appearance: listbox; border-radius: 0px; font-size: 1.1em; font-weight: bold; color: #444;} .dor_box1 { background-color: #fff; border: 1px solid #dbdbdb; border-top: 0px; margin-bottom: 30px; padding: 0px 16px 12px 16px; color: #375da0; font-size: 1.1em; line-height: 150%; overflow: hidden;} .dor_title_box { margin: 0px; padding: 0px; margin-bottom: 8px; color: #222; font-size: 1.3em; font-weight: bold;} .dor_btn_area1 { float: left; width: 30%; margin-left: 8px;} .dor_btn_area2 { float: left; width: 100%; text-align: center;} /* 선택 버튼 */ .dor_button_pink1 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background: #fff6fb; width: 96%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #444; border: 1px solid #efc7db;} .dor_button_pink1 a:link { text-decoration: none !important; outline: 0; font-size: 1.1em; font-weight: bold; line-height: 120%; display: block; white-space: nowrap; background-color: transparent; margin: 0; width: 96%; padding: 12px 0px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #444;} .dor_button_pink1 a:hover { text-decoration: none !important; background: #fff6fb; width: 96%; text-align: center; color: #444;} .dor_button_pink1 a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; background-color: transparent; margin: 0; width: 96%; text-align: center; color: #444;} /* 이동 버튼 */ .dor_button_pink2 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background: #fff6fb; width: 96%; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #444; border: 1px solid #efc7db;} .dor_button_pink2 a:link { text-decoration: none !important; outline: 0; font-size: 1.1em; font-weight: bold; line-height: 120%; display: block; white-space: nowrap; background-color: transparent; margin: 0; width: 96%; padding: 12px 0px; text-align: center; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; color: #444;} .dor_button_pink2 a:hover { text-decoration: none !important; background: #fff6fb; width: 96%; text-align: center; color: #444;} .dor_button_pink2 a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; background-color: transparent; margin: 0; width: 96%; text-align: center; color: #444;} /***********북플 관련 Start************************/ .book_coverbox3 { padding: 0px; margin-bottom: 5px; overflow: hidden;} /*20150727 상품페이지 리뷰&독서노트*/ .p_bp_cont { margin: 8px; padding: 0 0 10px 0px; overflow: hidden; border-bottom: 1px solid #e7e7e7;} .p_bp_cont_left { width: 50px; float: left;} .p_bp_cont_right { width: 75%; margin-left: 10px; padding-top: 7px; float: left;} .p_bp_m_profile { margin: 0; padding: 3px 0 0 3px; width: 100%; float: left;} .p_bp_name_bar { color: #777; margin: 0px; padding: 0px;} .p_bp_name { font-size: 1em; color: #333; font-weight: bold;} .p_bp_name a { color: #333;} .p_bp_date { font-size: 0.8em; color: #777;} .p_bp_date a { font-size: 0.8em; color: #777;} .p_bp_list { font-size: 0.9em; color: #444; line-height: 120%; letter-spacing: 0px;} .p_bp_more { margin: 8px; background-color: #e7e7e7; border: 1px solid #eee; padding: 3px 10px; text-align: center; font-size: 0.9em; color: #555;} .p_bp_more a { color: #555;} /*20150727 별점레이어*/ .m_star_layer { background: #f9f9f9; border: 1px solid #c5c5c5; padding: 15px 12px 10px 12px; box-shadow: 0 1px 8px #ccc; overflow: hidden;} /*width:75%; 제거 tjjoker 스크린 흔들림 문제로 제거*/ .m_layer_close { float: right; margin: -10px 0px 0px 0;} .m_layer_star_box { float: left; margin: 15px 0px 20px 0px; padding: 0px;} .m_layer_write_box { float: right; margin: 16px -17px 0 0; padding: 0px;} .m_star_list1 { text-align: left;} .m_star_list1 li { list-style: none; float: left; padding: 0 3px;} .m_star_left { margin: 0px; padding: 0px; overflow: hidden;} .m_star_list2 { margin: 0; text-align: center; overflow: hidden;} .m_star_list2 li { margin: 0 13px 5px 0; padding: 0 0 0 5px; float: left; list-style: none; background: url(//image.aladin.co.kr/img/shop/2012/blet_dot.gif) no-repeat 0 8px; font-size: 1em; font-family: malgun gothic;} .m_star_list2 li a { color: #333;} .m_star_list2_on { color: #33afe9; font-weight: bold; letter-spacing: -1px; text-decoration: none;} /* 20150903 북플 상품페이지 마니아 */ .bp_pmania ul { padding: 5px 0 0 0; margin: 0 0 15px 0; overflow: hidden;} .bp_pmania ul li { padding: 0 2px; float: left; width: 18%; text-align: center;} .bp_pmania_photo { margin: 0 auto; padding: 0px; width: 100%;} /* 읽었어요,읽고있어요.읽고싶어요 리스트 */ .bp_pmania_good ul { list-style: none; color: #444; font-size: 0.9em; background-color: #f5f5f5; padding: 12px; overflow: hidden;} .bp_pmania_good ul li { float: left; width: 31.5%; border-right: 1px solid #d5d5d5; text-align: center;} .bp_pmania_good ul li a { color: #444;} .bp_pmania_good ul li a:hover { color: #444; text-decoration: none;} /* 이 책을 읽은사람 레이어 */ .bp_pmania_layer_box1 { margin: 0 auto; width: 75%; background-color: #fff; overflow: hidden; border: 1px solid #c0c0c0; box-shadow: 0 1px 1px #ccc;} /*tjjoker 75%-> 100%->98% 20150804 */ .bp_pmania_layer_title { color: #111; font-size: 1em; font-weight: bold; margin-bottom: 5px;} .bp_pmania_layer_title a { color: #111; font-size: 1em; font-weight: bold;} .bp_pmania_layer_scr_cont { margin: 0; padding: 0 0px 0 0; clear: both; height: 180px; width: 100%; border: 1px solid #fff; overflow-y: scroll; -webkit-overflow-scrolling: touch;} .bp_pmania_layer_one { margin: 0px; margin-bottom: 15px; padding: 0px; clear: both; overflow: hidden;} .bp_pmania_layer_profile_img { behavior: url(http://www.aladin.co.kr/ucl_editor/standard/pie/pie.htc); border: 0px gray solid; border-radius: 70px; width: 56px; height: 56px;} .bp_pmania_friend_list { margin-left: 15px; float: left; width: 70%; padding-top: 8px; color: #333; font-size: 1em; font-weight: bold;} .bp_pmania_friend_list ul { list-style: none;} .bp_pmania_friend_list ul li { padding: 0; margin: 0;} .bp_pmania_friend_list ul li a { color: #333;} /* 레이어 탭 3개일때 */ .bp_pmania_layer_tab_box { margin: 0 0 20px 0; padding: 0px; width: 100%; text-align: center; border: 1px solid #ddd; overflow: hidden;} .bp_pmania_layer_tab1 { float: left; width: 33%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #333; background-color: #fff; border-right: 1px solid #ddd; letter-spacing: -1px;} .bp_pmania_layer_tab1 a { font-weight: bold; color: #333; letter-spacing: -1px;} .bp_pmania_layer_tab2 { float: left; width: 33%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #333; background-color: #fff; border-right: 0px; letter-spacing: -1px;} /*33.? 일시 아이폰4에서 깨짐 33%로 수정 20151103*/ .bp_pmania_layer_tab2 a { font-weight: bold; color: #333; letter-spacing: -1px;} .bp_pmania_layer_tab3 { float: right; width: 33%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #333; background-color: #fff; border-left: 1px solid #ddd; letter-spacing: -1px;} .bp_pmania_layer_tab3 a { font-weight: bold; color: #333; letter-spacing: -1px;} .bp_pmania_layer_tab1_on { float: left; width: 32%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #fff; background-color: #2ab1fe; border-right: 1px solid #ddd; letter-spacing: -1px;} /*33 일시 아이폰4에서 깨짐 32%로 수정 20151103*/ .bp_pmania_layer_tab1_on a { font-weight: bold; color: #fff; letter-spacing: -1px;} .bp_pmania_layer_tab2_on { float: left; width: 33%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #fff; background-color: #2ab1fe; border-right: 0px; letter-spacing: -1px;} .bp_pmania_layer_tab2_on a { font-weight: bold; color: #fff; letter-spacing: -1px;} .bp_pmania_layer_tab3_on { float: right; width: 33%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #fff; background-color: #2ab1fe; border-left: 1px solid #ddd; letter-spacing: -1px;} .bp_pmania_layer_tab3_on a { font-weight: bold; color: #fff; letter-spacing: -1px;} /* 레이어 탭 2개일때 */ .bp_pmania_layer_tab4 { float: left; width: 50%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #333; background-color: #fff; letter-spacing: -1px;} .bp_pmania_layer_tab4 a { font-weight: bold; color: #333; letter-spacing: -1px;} .bp_pmania_layer_tab5 { float: right; width: 50%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #333; background-color: #fff; letter-spacing: -1px;} .bp_pmania_layer_tab5 a { font-weight: bold; color: #333; letter-spacing: -1px;} .bp_pmania_layer_tab4_on { float: left; width: 50%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #fff; background-color: #2ab1fe; letter-spacing: -1px;} .bp_pmania_layer_tab4_on a { font-weight: bold; color: #fff; letter-spacing: -1px;} .bp_pmania_layer_tab5_on { float: right; width: 50%; text-align: center; padding: 8px 0px; font-size: 1em; font-weight: bold; color: #fff; background-color: #2ab1fe; letter-spacing: -1px;} .bp_pmania_layer_tab5_on a { font-weight: bold; color: #fff; letter-spacing: -1px;} /* 책장옵션레이어 */ .bp_pmania_layer_box2 { padding: 20px; margin: 0px; background-color: #f1f1f1; float: left; overflow: hidden; width: 75%;} .bp_pmania_list_box { margin: 0 0 20px 0px; background-color: #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; float: left; overflow: hidden; width: 100%; border: 1px solid #999;} .bp_pmania_list_box2 { margin: 0 5px 20px 0px; background-color: #fff; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; float: left; overflow: hidden; width: 49%; border: 1px solid #999;} .bp_pmania_layer_list2 { margin: 0px; padding: 0; color: #222; font-size: 1em;} .bp_pmania_layer_list2 ul { list-style: none; margin-top: 13px;} .bp_pmania_layer_list2 ul li { margin-bottom: 10px; padding-left: 13px; padding-bottom: 10px; border-bottom: 1px solid #ccc;} .bp_pmania_book_list_on { padding-bottom: 11px; color: #12a9ff; font-weight: bold; text-decoration: none;} .bp_pmania_book_list_on a { padding-bottom: 11px; color: #12a9ff; font-weight: bold; text-decoration: none;} .bp_pmania_book_list_off { padding-bottom: 9px; color: #222; text-decoration: none;} .bp_pmania_book_list_off a { padding-bottom: 9px; color: #222; text-decoration: none;} .bp_pmania_date_select1 { padding: 7px; border: 1px solid #bbb; font-size: 1em; color: #333; width: 100%;} .bp_pmania_box1 { margin: 0 0 20px 0px; padding: 0px 0 5px 0; clear: both; overflow: hidden; border-bottom: 1px solid #e1e1e1;} /* 타이틀인 경우 */ .bp_pmania_title { float: left; padding: 5px 0; width: 80%;} .bp_pmania_icon_space { padding-top: 3px; float: right; width: 20%; text-align: right;} .bp_pmania_list1 { float: left; width: 40%; padding: 8px 0 0 8px; color: #333; font-size: 1em; font-weight: bold;} /*20151117 width:46%; */ .bp_pmania_list1 ul { list-style: none;} .bp_pmania_list1 ul li { margin-bottom: 2px;} .bp_pmania_list1 ul li a { color: #333;} .bp_pmania_star1 { float: right; padding-top: 20px; margin-bottom: 20px; width: 22%; font-size: 0.9em; text-align: center;} .bp_pmania_num1 { color: #999 !important; font-size: 0.9em; font-weight: normal;} /*북플커버 이미지 20150908*/ .p_feed_profile_img { behavior: url(http://www.aladin.co.kr/ucl_editor/standard/pie/pie.htc); border: 0px gray solid; border-radius: 25px; width: 48px; height: 47px;} /***********북플 관련 End ************************/ /* 네이버 페이버튼 */ .p_btn_c .p_btn_npay { background: #00c73c; width: 99%; padding: 10px 0px; border: 1px #00bd39 solid; color: #fff; text-align: center;} /*뉴웰컴 여백박스 가져옴:수정금지*/ .grid_box {clear: both; background: #f3f3f3; position: relative; height: 9px; border-top: none;} /*영역 구분선*/ /*뉴나의계정 가져옴:절대수정금지*/ .my_select1 { width: 100%; background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff; background-size: 25px; border: 1px solid #e0e0e0; padding: 0 8px 0 8px; height: 35px; -webkit-appearance: none; font-size: 0.95em; color: #000; letter-spacing: -1px; border-radius: 6px;} /*font-size:0.95em;*/ .my_layer_btnwrap { clear: both; padding-top: 0.6em; overflow: hidden;} .my_layer_btnwrap ul { width: 90%; margin: 0 auto;} .my_layer_btnwrap li { float: left; width: 48%; display: inline; overflow: hidden;} .my_btn7 { background: #9d9d9d; border: 1px solid #a5a5a5; color: #fff; text-align: center; font-size: 1.1em; margin-right: 5px;} /*핑크버튼 옆에 오는 회색버튼*/ .my_btn7 a { color: #fff !important; display: block; padding: 9px 0px;} .my_btn2 { background: #000; width: 100%; color: #fff; text-align: center; font-size: 1.1em; border-radius: 6px;} /*핑크버튼*/ .my_btn2 a { color: #FFFFFF !important; display: block; padding: 10px 0px;} .button_left_f { float: left; width: 48%; padding: 7px 0 3px 0} .button_left_f a { color: #333; padding: 0; font-size: 0.9em} .button_right_f { float: right; width: 48%; padding: 7px 0 3px 0} .button_right_f a { color: #333; padding: 0; font-size: 0.9em} .button_gray1 { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; border: 1px solid; border-color: #d2d2d2; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #f3f3f3; padding: 3px 0; width: 100%} /*스페셜 배너 추가:유림*/ #special_banner_box { width: 100%; position: relative} #special_banner_box .width { margin: 0 auto; width: 95%} #special_banner_box .textbox { float: left} #special_banner_box .text1 { font-size: 1.2em; color: #feeb1b; text-align: left; line-height: 1.2em; letter-spacing: -1px; font-weight: bold; padding: 15px 0 0 15px} #special_banner_box .text2 { color: #fff; font-size: 0.8em; text-align: left; line-height: 1.3em; padding: 5px 0 10px 15px} #special_banner_box .text3 { color: #7be8ad} #special_banner_box .text4 { font-size: 1.2em; color: #333; text-align: left; line-height: 1.2em; letter-spacing: -1px; font-weight: bold; padding: 15px 0 0 15px} #special_banner_box .text4_2 { color: #333; font-size: 0.8em; text-align: left; line-height: 1.3em; padding: 7px 0 13px 15px} #special_banner_box .text4_3 { color: #ee5215} #special_banner_box .text4_4 { color: #feeb1b} #special_banner_box .text4_5 { color: #fff; font-size: 0.8em; padding: 5px 0 10px 15px} #special_banner_box .text4_6 { color: #ffffff} #special_banner_box .text5 { font-size: 1.2em; color: #ffffff; text-align: left; line-height: 1.2em; letter-spacing: -1px; font-weight: bold; padding: 15px 0 0 15px} #special_banner_box .text6 { color: #feeb1b;} #special_banner_box .right { float: right; position: absolute; bottom: 0; right: 0} /*신간알리미 새버전151016*/ .notification_h { position: relative; background: #fff; text-align: center; color: #000; /*height:45px;*/ width: 100%; padding: 5px 0;} .notification_h p { text-align: center; padding: 11px 0 8px 0; font-size: 1.2em; width: calc(100% - 80px); margin: 0 auto; font-weight: bold; line-height: 1.2;} .notification_h_btn {position: absolute; left: 0; top: 0; width: 44px; height: 50px; background: url(//image.aladin.co.kr/img/m/2024/icon_previous.svg) no-repeat center / 24px;} .notification_h_btn a {display: block; width: 100%; height: 100%;} .notification_h_btn img {display: none;} .notification { padding: 10px 20px 20px 20px;} .notification_g { padding: 5px 0; margin: 10px 0; border-bottom: 1px solid #e0e0e0; border-top: 1px solid #e0e0e0;} .ntfc_uL1 { clear: both; padding: 5px;} .ntfc_uL1 li { padding: 5px 0; border-bottom: 0px solid #ececec;} .ntfc_uL1 li.end { padding: 5px 0; border-bottom: 0px solid #dadada;} .ntfc_uL1 li .form_chimg { width: 25px; margin: 3px 5px 5px 0;} .ntfc_uL1 li .sorry_t { text-align: center; font-size: 1.1em; padding: 20px 0} .ntfc_uL2 { clear: both; padding-top: 5px;} .ntfc_uL2 li { background: url(//image.aladin.co.kr/img/account/m/2015/blet.png) no-repeat; padding-left: 0.5em; background-size: 3px; background-position: 0 6px; font-size: 0.95em; line-height: 130% !important; padding-bottom: 0.6em;} .ntfc_fl { float: left;} .ntfc_box_theme { clear: both; padding: 5px 0 14px 0; background: #FFFFFF; overflow: hidden} .ntfc_t1 { font-size: 1.1em; display: block; margin-bottom: 10px; font-weight: bold} .ntfc_t2 { font-size: 1.1em; display: block; color: #000; font-weight: 500;} .ntfc_c_g1 { color: #999999;} .ntfc_c_g2 { color: #666;} .ntfc_c_p1 { color: #EB217C;} .ntfc_box1 { position: relative; clear: both;} .ntfc_box1 dt { position: absolute;} .ntfc_box1 dd { padding-right: 5px; padding-bottom: 0.3em; overflow: hidden;} .ntfc_box1 .pt1 { padding-top: 0.2em;} .ntfc_box1 .pt1_2 { padding-top: 0.5em;} .ntfc_box1 .pt2 { padding-left: 5em;} .ntfc_box1 .pt3 { padding-left: 7.5em;} .ntfc_box1 dd .form_chimg { width: 17px; margin: 3px 5px 5px 0;} .ntfc_input1 { float: left; width: 95%; height: 23px; border: 0; color: #000; padding: 5px 7px 5px 8px; letter-spacing: -1px; margin-right: 5px; text-align: left;} .ntfc_box1 .typebox { float: left; margin-right:15px; margin-bottom:8px;} .ntfc_box1 .typebox label {padding-left:3px; line-height:15px;} .ntfc_box1 .typebox label > span {padding-left:26px;} .ntfc_box1 input[type=checkbox] {border:0;-webkit-appearance:none;outline-style: none;} .ntfc_box1 input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/check_big_off.png) no-repeat; background-size:20px; width:23px; height:23px; border-radius:0;} .ntfc_box1 input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/check_big_on2.png) no-repeat; background-size:20px;width:23px; height:23px; -webkit-appearance:none; } .ntfc_box1 input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none; background:#999999 } /*개인정보수정용*/ .ntfc_wrapinput { border: 1px solid #e0e0e0; overflow: hidden;} .ntfc_fl { float: left;} .ntfc_mr1 { margin-right: 10px;} .ntfc_space1 { clear: both; padding: 5px;} a.ntfc:link { color: #000000;} a.ntfc:hover { color: #000000} a.ntfc:visited { color: #000000} a.ntfc2:link { color: #000000; text-decoration: underline;} a.ntfc2:hover { color: #000000} a.ntfc2:visited { color: #000000} /*사은품 결제 레이어h*/ .gift_l { padding: 10px 12px 12px 12px; background-color: #ffffff; overflow: hidden; border-radius: 3px; margin: 10px;} .gift_l ul { border-bottom: 1px solid #eaeaea; padding: 5px 0} .gift_l h3 { text-align: center; margin: 15px 0 10px 0;} .gift_l_t { font-size: 1.2em; line-height: 160%; padding-left: 20px; width: 85%; margin: 0 auto} .gift_l_tp { color: #f829a5; font-weight: bold;} .gift_l_btn { text-align: center; background: #df307f; border-radius: 1px; font-size: 17.6px; font-weight: normal} /*-분홍배경*/ .gift_l_btn a:link { color: #fff; padding: 10px 7px; display: block} .gift_l_btn a:visited { color: #fff;} /*renewal 2015 code - by koo*/ .mp_wrap_out { padding: 13px 11px; overflow: inherit; position: relative} /*여백 박스*/ .mp_wrap_out2 { padding: 13px 0; overflow: hidden; position: relative} /*여백 박스*/ .mp_wrap_out3 { padding: 4px 11px 11px 11px; overflow: hidden; position: relative} /*여백 박스*/ .mp_b_tbox { font-size: 1em; padding-top: 1px;} .mp_b_grbox { color: #666; font-size: 0.95em; line-height: 110%; margin-top: 5px;} .mp_book_box1 { padding: 5px 0 0 0;} .mp_book_box2 {padding:0 0 0 0; margin-bottom:15px; overflow:hidden;} /*서지정보 감싸는 박스*/ .mp_book_imgbox1 { float: left; width: 148px; position: relative;} .mp_book_img1 { float: left; width: 135px; overflow: hidden; display: inline; border: 1px solid #e7e7e7;} .mp_book_zoom { position: absolute; right: 0; bottom: 1px; margin-right: 12px;} .mp_book_info1 { margin-left: 148px; line-height: 140%;} .mp_book_info1 dt li { padding-bottom: 3px} .mp_book_info1_d1 { display: inline-block; width: 55px; vertical-align: top} .mp_book_info1_d2 { display: inline-block;} .mp_book_info1_d3 { display: inline-block; width: 90px; vertical-align: top; float: left; position: absolute; background: url(//image.aladin.co.kr/img/shop/m/nm_list_dot.png) no-repeat 0px 8px; padding: 0 0 0 8px;} .mp_book_info1_d4 { display: inline-block; padding-left: 90px; float: left;} .mp_book_info1_in { clear: both; position: relative;} .mp_book_info2 { margin-left: 152px; line-height: 140%;} .mp_book_info2 dt {padding-top:5px; } .mp_book_info2 dt li {padding-bottom: 3px; font-size:1em; color: #555;} .mp_book_info2 dt li .date {font-size:0.95rem;} .mp_book_conts { clear: both; border-top: 1px solid #e0e0e0; padding-top: 13px; margin-top: 13px;} .mp_book_conts li {} .mp_book_conts2 { clear: both; border-top: 1px solid #e0e0e0; padding-top: 13px; margin-top: 5px;} .mp_book_conts2 li {} .mp_book_conts3 { clear: both; border-top: 0px solid #ededed; padding-top: 0px; margin-top: 5px;} .mp_book_conts3 li {} .mp_book_conts4 { clear: both; border-bottom: 1px solid #e0e0e0; padding: 13px 0; margin-top: 5px;} .mp_book_conts4 li {} .mp_book_conts4_2 { clear: both; border-bottom: 1px solid #e0e0e0; padding: 13px 0; margin-top: 5px;} .mp_book_conts4_2 li { background: url(//image.aladin.co.kr/img/shop/m/icon_mark.png) no-repeat; background-size: 20px; padding-left: 25px;} .mp_book_conts4_3 { clear: both; padding: 5px 0; margin-top: 5px;} .mp_book_conts4_3 li { background: url(//image.aladin.co.kr/img/shop/m/icon_mark.png) no-repeat; background-size: 20px;} .mp_book_conts4_4 { clear: both; margin-top: 5px; border-bottom: 1px solid #e0e0e0; padding: 5px 0 13px 0;} .mp_book_conts4_4 li { background: url(//image.aladin.co.kr/img/shop/m/nm_list_dot_pink.png) no-repeat 0px 8px; position: relative; padding-left: 8px;} .mp_card_conts { clear: both; padding-top: 7px; margin-top: 8px;} .mp_card_conts li { background: url(//image.aladin.co.kr/img/shop/m/btn_go.png) no-repeat right; background-size: 12px 12px; padding: 4px 0 0 0;} .mp_card_conts li img { width: 95px; margin-bottom: 3px;} .mp_card_conts li a:link { display: block;} .mp_card_conts li a:visited { display: block;} .mp_snswrap {} .mp_snswrap li { text-align: center;} .mp_snswrap li .snsimg { width: 36px; margin: 0 4px;} .mp_2tapwrap {} /*2단구조*/ .mp_2tapwrap li { float: left; display: inline; width: 50%;} .mp_3tapwrap {} /*3단구조*/ .mp_3tapwrap li { float: left; display: inline; width: 33.33333333333333%} .mp_3tapwrap2 {} /*3단구조:링크블럭,가운데정렬*/ .mp_3tapwrap2 li { float: left; display: inline; width: 33.33333333333333%; text-align: center} .mp_3tapwrap2 li a:link { display: block;} .mp_4tapwrap {} /*4단구조*/ .mp_4tapwrap li { float: left; display: inline; width: 25%;} .mp_2tapwrap_m { overflow: hidden; padding-bottom: 5px} /*2단구조*/ .mp_2tapwrap_m li { float: left; display: inline; width: 50%;} /*tab:나의계정용/수정 절대 금지!!*/ .my_tab_box { clear: both; padding: 10px 0 15px 0; background: #FFFFFF; overflow: hidden;} .my_tab_box ul {display: flex; border-bottom: 1px solid #ddd;} .pdp_AREA .my_tab_box { padding: 0;} .my_tab_box2 { clear: both; padding: 0 12px 0 9px; background: #FFFFFF;} ul.my_tab_box {display: flex;} /*tab 3*/ .my_tab_L1 { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: 0; width: 33%; text-align: center;} .my_tab_L2 { border: 0; width: 32%; text-align: center;} .my_tab_L3 { border-top-right-radius: 3px; border-bottom-right-radius: 3px; text-align: center; width: 33%; border: 0;} /*tab 2*/ .my_tab_L4 { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border: 0; width: 50%; text-align: center; box-sizing: border-box;} .my_tab_L5 { border-top-right-radius: 3px; border-bottom-right-radius: 3px; text-align: center; width: 50%; border: 0; box-sizing: border-box;} a.my_tab_on:link { color: #000; background: #fff; display: block; padding: 7px 0 7px 0; border-bottom: 3px solid #000} a.my_tab_on:visited { color: #000; background: #fff; display: block; padding: 7px 0 7px 0; border-bottom: 3px solid #000} a.my_tab_off:link { color: #222; display: block; padding: 7px 0 7px 0;} a.my_tab_off:visited { color: #222; display: block; padding: 7px 0 7px 0;} /*레이어:나의계정용/수정 절대 금지!!*/ .my_layer_m { clear: both; position: relative; background: #FFFFFF; border-radius: 3px; margin: 0 auto; width: 200px; padding: 15px 0; border: 1px solid #e5e5e5; box-shadow: 0 1px 2px #e0e0e0;} .my_layer_m li { border-bottom: 1px solid #e5e5e5; padding: 0.5em 1em;} .my_layer_m li.end { border-bottom: 0px solid #e5e5e5; padding: 0.5em 1em 0 1em;} .my_layer_m li.top { border-bottom: 1px solid #e5e5e5; padding: 0 1em 0.5em 1em;} .my_layer_m li a { color: #000000; display: block;} .mp_dt_usdprice {} /*상단 서지 -중고가격테이블:세로형*/ .mp_dt_usdprice dt { text-align: center} .mp_dt_usdprice dd { text-align: center; letter-spacing: -1px;} .mp_dt_usdprice dt a:link { color: #000000; display: block} .mp_dt_usdprice dt a:visited { color: #000000;} .mp_dt_usdprice dd a:link { color: #000000; display: block} .mp_dt_usdprice dd a:visited { color: #000000;} .mp_dt_usdprice2 {} /*상단 서지 -중고가격테이블:가로형*/ .mp_dt_usdprice2 dl { clear: both; float: left; width: 100%} .mp_dt_usdprice2 dt { float: left; width: 35%; background-size: 8px} .mp_dt_usdprice2 dd { letter-spacing: -1px; float: left; width: 65%;} .mp_dt_usdprice2 dt a:link { color: #333333; display: block} .mp_dt_usdprice2 dt a:visited { color: #333333;} .mp_dt_usdprice2 dd a:link { color: #333333; display: block} .mp_dt_usdprice2 dd a:visited { color: #333333;} .mp_slide_L { width: 150px; position: absolute; left: 0px; transform: translateZ(0px);} .mp_range_c { text-align: center} .mp_range_r { text-align: right} .mp_float_L { float: left;} .mp_h3 { font-size: 1.05em;} /*본문 카테고리 타이틀*/ .book_cont_short_n { clear: both; margin: 13px 11px; overflow: hidden; /*background: url(//image.aladin.co.kr/img/shop/m/btn_more.png) no-repeat top right;background-size:16px 16px;*/} .book_cont_all_n { clear: both; margin: 13px 11px; overflow: hidden; /*background: url(//image.aladin.co.kr/img/shop/m/btn_up.png) no-repeat top right;background-size:16px 16px;*/} .book_cont_n { clear: both; margin: 13px 11px; overflow: hidden; /*background: url(img/btn_up.png) no-repeat top right;background-size:16px 16px;*/} .book_cont_more { clear: both; margin: 13px 11px; background: url(//image.aladin.co.kr/img/shop/m/btn_go.png) no-repeat right; background-size: 16px 16px;} /*하단 반품안내 타이틀*/ .book_cont_more a:link { color: #333; display: block} .book_cont_more a:visited { color: #333; display: block} .book_mania_t { clear: both; margin: 0 11px 13px 11px; background: url(//image.aladin.co.kr/img/shop/m/btn_go.png) no-repeat; background-size: 16px 16px; border-bottom: 1px solid #e8e8e8; padding-bottom: 5px; background-position: 100% 20%} /*마니아 레이어*/ .book_mania_t a:link { color: #333; display: block} .book_mania_t a:visited { color: #333; display: block} .book_cont_imgcrop { height: 200px; overflow: hidden; margin-bottom: 5px;} .book_cont_imgcrop img { width: 100%;} .book_cont_imgcrop_all { margin-bottom: 5px;} .book_cont_imgcrop_all img { width: 100%;} .goods_cont_imgcrop { height: 400px; overflow: hidden; margin-bottom: 5px;} .goods_cont_imgcrop img { width: 100%;} .goods_cont_imgcrop_all { margin-bottom: 5px;} .goods_cont_imgcrop_all img { width: 100%;} .book_nozzle { clear: both; border-top: 1px solid #e8e8e8; padding: 8px 11px 8px 0; text-align: right;} /*글자 확대 축소 */ .book_nozzle img { width: 38px;} .mp_event { margin-top: 5px} .mp_event li { border-top: 1px solid #ededed; padding: 8px 0 7px 0;} .mp_event li a:link { color: #333; display: block;} .mp_event li a:visited { color: #333; display: block;} .book_conts2_n { padding-top: 5px; color: #333; line-height: 160%; /*line-height:150%;*/ font-weight: normal;} .book_conts2_n a { color: #333333} .book_conts2_n .left1 { width: 49%; float: left} .book_conts2_n .right1 { width: 49%; float: left} .npay_wrap { clear: both; border: 1px solid #01c73c; overflow: hidden} /*네이버페이 버튼*/ .npay_wrap li { display: inline; width: 50%; float: left; position: relative} .npay_btn1 { background: #01c73c; color: #FFFFFF; text-align: center; font-size: 1.05em} .npay_info { margin-left: 5px; font-size: 0.75em;} .npay_info a:link { display: block; color: #494949; padding-top: 8px;} .npay_info a:visited { display: block; color: #494949} .npay_info_q { position: absolute; right: 4px; top: 4px} .npay_info_q img { width: 16px;} .mp_gradwrap {} .mp_gradwrap li { position: relative;} .mp_gradwrap li .btm_about { position: absolute; right: 0; display: inline-block; text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 13px !important;} .mp_gradwrap li .btm_about a:link { color: #101215; padding: 2px 6px; display: block} .mp_gradwrap li .btm_about a:visited { color: #101215;} .mp_gradwrap li .grad_t1 { float: left; font-size: 26px !important; margin-left: 5px; margin-top: 3px; letter-spacing: -2px;} .mp_seline_h { background: url(//image.aladin.co.kr/img/shop/m/se_line1.png) right repeat-y;} .mp_maniawrap { clear: both; margin-top: 5px;} /*마니아부분*/ .mp_maniawrap h4 { margin-bottom: 5px;} .mp_maniawrap .slidwrap1 { width: 93%; display: inline; float: left; overflow: hidden; height: 45px; margin-bottom: 15px;} .mp_maniawrap .slidwrap2 { width: 7%; float: left; text-align: right; padding-top: 15px; margin-bottom: 15px;} .mp_maniawrap .thumbimg_m1 { float: left; width: 45px; height: 45px; margin-right: 10px; overflow: hidden; border-radius: 45px;} .mp_maniawrap .thumbimg_m_img { width: 45px; height: 45px;} .mp_linger { margin-top: 2px;} /*내가 남길 글*/ .mp_linger li {} .mp_linger li a:link { display: block; color: #333} .mp_linger li a:visited { display: block; color: #333} .mp_linger li .g_date { color: #999999; font-size: 0.85em;} .mp_li_gray1 { display: inline-block; margin-right: 10px; color: #999; font-size: 0.85em} .mp_p_wrap { float: left; width: 60%;} /*가겨:전자책/알라딘중고/회원중고*/ .mp_p_wrap li { padding: 4px 0 4px 6px; background: url(//image.aladin.co.kr/img/shop/m/dot_01.png) no-repeat 0 12px; background-size: 3px;} .mp_p_wrap_btn { float: right; width: 40%;} .mp_p_wrap_btn li { padding-bottom: 5px;} .mp_series { clear: both; margin-top: 5px;} .mp_series li { padding-bottom: 3px;} .mp_series li a:link { display: block; color: #333333} .mp_series li a:visited { display: block; color: #333333} .mp_L_how { position: relative; background: #f9f9f9; padding: 25px 15px 23px 15px; border: 1px solid #c7c7c7; margin: 11px; border-radius: 3px; overflow: hidden; box-shadow: 0 1px 2px #e0e0e0;} .mp_L_how_btn1 { position: absolute; right: 5px; top: 5px} .mp_L_how_btn2 { position: absolute; right: 35px;} .mp_L_how .date1 { margin-left: 16px; color: #4d92d9} .mp_L_sdout { display: inline-block;} .mp_L_sdout_t { background: #fff899; border-radius: 3px; display: inline-block; padding: 8px; font-size: 14.4px;} /*btn*/ .mp_book_btnwrap { clear: both;} .mp_book_btnwrap li { display: inline; width: 50%; float: left} .mp_book_btnwrap3 { clear: both;} .mp_book_btnwrap3 li { display: inline; width: 33.33333333333333%; float: left;} .mp_book_btnwrap_a { display: inline-block; width: 28%;} .mp_book_btnwrap_b { display: inline-block; width: 39%;} .mp_book_btn1 { background: #df307f; text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_book_btn1_line1 { background: #df307f;text-align: center; color: #FFFFFF; font-size: 15px; border: 1px solid #df307f; width:80%} .mp_book_btn1_line2 { background: #fff;text-align: center; font-size: 15px;border: 1px solid #df307f; display:inline-block;width:80%; margin-top:3px} .mp_book_btn2 { background: #e24457; /*background:#33afe9;e8243c*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_book_btn16 { background: #172a4f; /*background:#172a4f;*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_book_btn_fink { background: #df307f; /*background:#e8243c;*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_book_btn_red { background: #e24457; /*background:#e8243c;*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_book_btn_pick { background: #f88541/*142e70*/ ; /*background:#e8243c;*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_book_btn_gray { background: #b4b4b4; /*background:#e8243c;*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_book_btn_gray_close { background: #b4b4b4; /*background:#e8243c;*/ text-align: center; color: #FFFFFF; font-size: 16.8px; ; padding: 10px 0 10px 0;} .mp_book_btn_green { background: #19a93b; /*background:#e8243c;*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_book_btn_white_b { background: #fff; border: 1px solid #c7c7c7; text-align: center; color: #000; font-size: 16.8px;} .mp_book_btn_white_s { background-color: #fff; text-align: center; color: #2e2e2e; padding-top: 9px} .mp_book_btn_white_sline { background-color: #fff; text-align: center; color: #2e2e2e; background: url(//image.aladin.co.kr/img/shop/m/btn_se2.png) no-repeat left top; background-size: 1px 40px; padding-top: 9px} .mp_book_btn12 { background: #fff; border: 1px solid #c7c7c7; text-align: center; color: #000; font-size: 16px; ; padding: 8px 0 7px 0;} .mp_book_btn12 a:link { color: #000; display: block} .mp_book_btn12 a:visited { color: #000;} .mp_book_btn13 { background: #b4b4b4; border: 1px solid #b4b4b4; text-align: center; color: #fff; font-size: 16px; ; padding: 8px 0 7px 0;} /*오프버튼*/ .mp_book_btn14 { background: #19a93b; border: 1px solid #19a93b; text-align: center; color: #fff; font-size: 15.2px; ; padding: 8px 0 7px 0;} /*품절센터버튼*/ .mp_book_btn14 a:link { color: #fff; display: block} .mp_book_btn14 a:visited { color: #fff;} .mp_book_btn15 { background: #f41d8c; border: 1px solid #f41d8c; text-align: center; color: #fff; font-size: 15.2px; ; padding: 0; height: 34px; line-height: 34px; box-sizing: border-box;} /*품절센터버튼*/ .mp_book_btn15 a:link { color: #fff; display: block} .mp_book_btn15 a:visited { color: #fff;} .mp_book_btn3 { background-color: #fff; text-align: center; color: #2e2e2e; padding-top: 7px} /*카톡용*/ .mp_book_btn3_new { background-color: #fff; text-align: center; color: #2e2e2e; border: 1px solid #c7c7c7;} /*new-회색테두리버튼*/ .mp_book_btn3_new a { color: #2e2e2e; display: block; padding: 7px 0;} .mp_book_btn3_1 { background-color: #fff; text-align: center; color: #2e2e2e; padding-top: 9px} .mp_book_btn4 { background-color: #fff; text-align: center; color: #2e2e2e; background: url(//image.aladin.co.kr/img/shop/m/btn_se2.png) no-repeat left top; background-size: 1px 40px; padding-top: 9px} .mp_book_btn5 { text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 14.4px; ;} .mp_book_btn5 a:link { color: #333; padding: 4px 0; display: block} .mp_book_btn5 a:visited { color: #333;} .mp_book_btn6 { display: inline-block; text-align: center; background: #f6f6f6; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 14.4px; ;} /*단독버튼:글자에 맞춰짐-회색배경*/ .mp_book_btn6 a:link { color: #333; padding: 5px 15px; /*color:#101215;*/} .mp_book_btn6 a:visited { color: #333; padding: 5px 15px;} .mp_book_btn7 { display: inline-block; text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 14.4px; ; font-weight: normal} /*단독버튼:글자에 맞춰짐*/ .mp_book_btn7 a:link { color: #383838; padding: 2px 6px; display: block} .mp_book_btn7 a:visited { color: #383838;} .mp_book_btn7_2 { display: block; text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 14px; font-weight: normal; padding: 5px 6px; color: #c7c7c7} /*단독버튼:글자에 맞춰짐*/ .mp_book_btn7_3 { display: block; text-align: center; background: #f6f6f6; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 14px; font-weight: normal; padding: 5px 6px; color: #c7c7c7; line-height: 100%} /*단독버튼:글자에 맞춰짐*/ .mp_book_btn7_3 a { color: #444;} .mp_book_btn7_4 { display: block; text-align: center; background: #df307f; border-radius: 1px; font-size: 12.8px; font-weight: normal; padding: 5px 6px; color: #c7c7c7; line-height: 100%} /*단독버튼:글자에 맞춰짐(분홍)*/ .mp_book_btn7_4 a { color: #fff;} .mp_book_btn7_5 { display: block; text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 12.8px; font-weight: normal; padding: 5px 0; color: #c7c7c7; width: 47px;} /*단독버튼:글자에 맞춰짐*/ .mp_book_btn7_5 { display: block; text-align: center; background: #f6f6f6; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 12.8px; font-weight: normal; padding: 5px 0; color: #c7c7c7; line-height: 100%; border-radius: 4px;} /*단독버튼:글자에 맞춰짐*/ .mp_book_btn7_5 a { color: #444;} .mp_book_btn8 {display: inline-block; text-align: center; background: #fff; border-radius: 1px; font-size: 14.4px; font-weight: normal;} /*단독버튼:글자에 맞춰짐-분홍배경 - 흰색으로 수정*/ .mp_book_btn8 a:link {color: #444; padding: 0 7px; line-height: 26px; display: block; border: solid 1px #d7d7d7; box-sizing: border-box; border-radius: 4px;} .mp_book_btn8 a:visited { color: #444;} .mp_book_btn8_1 { display: inline-block; text-align: center; background: #df307f; border-radius: 1px; font-size: 13px; font-weight: normal} /*단독버튼:글자에 맞춰짐-분홍배경*/ .mp_book_btn8_1 a:link { color: #fff; padding: 3px 7px 2px 7px; display: block} .mp_book_btn8_1 a:visited { color: #fff;} .mp_book_btn8_2 { display: inline-block; text-align: center; background: #EB217C; border-radius: 2px; font-size: 14.4px; ; font-weight: normal} /*단독버튼:글자에 맞춰짐-분홍배경*/ .mp_book_btn8_2 a:link { color: #fff; padding: 3px 7px; display: block} .mp_book_btn8_2 a:visited { color: #fff;} .mp_book_btn9 { text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 14px; letter-spacing: -1px;} .mp_book_btn9 a:link { color: #333; padding: 4px 0; display: block} .mp_book_btn9 a:visited { color: #333;} .mp_book_btn9_2 { text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius: 1px; font-size: 14px; letter-spacing: -1px;} .mp_book_btn9_2 a:link { color: #333; padding: 1px 0; display: block} .mp_book_btn9_2 a:visited { color: #333;} .mp_book_btn10 { display: inline-block; text-align: center; background: #33afe9; border-radius: 1px; font-size: 14.4px; ; font-weight: normal} /*단독버튼:글자에 맞춰짐-블루배경*/ .mp_book_btn10 a:link { color: #fff; padding: 2px 15px; display: block} .mp_book_btn10 a:visited { color: #fff;} .mp_book_btn11 { text-align: center; background: #ececec; border: 1px solid #e0e0e0; border-radius: 1px; font-size: 14.4px; ; padding: 5px 0} /*회색배경*/ .mp_book_btn11 a:link { color: #383838; display: block;} .mp_book_btn11 a:visited { color: #383838;} .mp_book_btnwrap1 { clear: both; border: 1px solid #c7c7c7; overflow: hidden; height: 37px;} .mp_book_btnwrap1 li { display: inline; width: 50%; float: left;} .mp_book_btnwrap2 { clear: both; border: 1px solid #c7c7c7; overflow: hidden; height: 37px;} .mp_book_btnwrap2 li { display: inline; width: 33.33333333333333%; float: left;} .mp_book_copon_s { display: inline-block; text-align: center; border-radius: 1px; font-weight: normal; background: url(//image.aladin.co.kr/img/m/icon_down.png) no-repeat; background-size: 11px; background-position: 90% 46%; background-color: #df307f;} /*단독버튼:글자에 맞춰짐-분홍배경*/ .mp_book_copon_s a:link { color: #fff; padding: 0px 21px 2px 6px; display: block} .mp_book_copon_s a:visited { color: #fff;} a.mp_pyeong:link { font-weight: normal; color: #f82987; font-size: 15.2px; ; letter-spacing: -1px} a.mp_pyeong:visited { font-weight: normal; color: #f82987; font-size: 15.2px; ; letter-spacing: -1px} a.mp_book_btn_white:link { color: #fff; display: block; padding: 10px 0;} a.mp_book_btn_white:visited { color: #fff; display: block;} a.mp_book_btn_white:hover { color: #fff; display: block;} a.mp_book_btn_black_b:link { color: #000; display: block; padding: 9px 0;} a.mp_book_btn_black_b:visited { color: #000; display: block;} a.mp_book_btn_black_b:hover { color: #000; display: block;} a.mp_book_btn_white2:link { color: #fff; display: block; padding: 8px 0 9px 0;} a.mp_book_btn_white2:visited { color: #fff; display: block;} a.mp_book_btn_white2:hover { color: #fff; display: block;} a.mp_book_btn_black1:link { color: #000; display: inline-block; background-size: 28px; /*padding-left:28px;*/ height: 30px; padding-top: 2px} a.mp_book_btn_black1:visited { color: #000;} a.mp_book_btn_black2:link { color: #000; display: block; /*padding:8px 0 4px 0;*/} a.mp_book_btn_black2:visited { color: #000; display: block;} a.mp_book_btn_pink:link { color: #df307f; display: block; padding: 10px 0;} a.mp_book_btn_pink:visited { color: #df307f; display: block;} a.mp_book_btn_pink:hover { color: #df307f; display: block;} a.mp_black:link { color: #333; /*color:#000;*/} a.mp_black:visited { color: #333; /*color:#000;*/} a.mp_black1:link { color: #333; /*color:#000;*/} a.mp_black1:visited { color: #333; /*color:#000;*/} a.mp_black2:link { color: #333;} a.mp_black2:visited { color: #333;} a.mp_black3:link { color: #333 !important; font-size: 14.4px;} a.mp_black3:visited { color: #333 !important;} a.mp_black4:link { color: #4f4f4f;} a.mp_black4:visited { color: #4f4f4f;} a.mp_blue:link { color: #4d92d9/*33afe9*/ ;} a.mp_blue:visited { color: #4d92d9;} a.mp_blue2:link { color: #33afe9;} a.mp_blue2:visited { color: #33afe9;} a.mp_gray:link { color: #999/*33afe9*/ ;} a.mp_gray:visited { color: #999} a.mp_gray_s:link { color: #999/*33afe9*/ ; font-size: 12.8px;} a.mp_gray_s:visited { color: #999} /*폰트컬러*/ .sp_f_color1 { color: #e92a81;} /*분홍f82987*/ .sp_f_color1 a { color: #e82e6e;} .sp_f_color2 { color: #4d92d9;} /*블루*/ .sp_f_color3 { color: #999;} .sp_f_color4 { color: #6e767f;} .sp_f_color5 { color: #333333;} .sp_f_color6 { color: #666;} .sp_f_color7 { color: #000;} .sp_f_color8 { color: #888;} .nm_f_p1 { color: #000; font-size: 1.7em;} /*숫자*/ .nm_f_p2 {color:#000; font-size: 1.1em;} /*숫자*/ .nm_t_size1 {font-size:0.85em;} .nm_t_size2 {font-size:0.95em;} .nm_t_size3 {font-size:1em;} .nm_t_size4 {font-size:1.1em;} .nm_t_size5 {font-size:1.2em;} .normal_ft1 {font-weight:normal !important;} .nm_t_lh1 {line-height:100%;} .nm_t_lh2 {line-height:110%;} .sp_h3_1 {font-size:1.1em;} .pd_bottom1 {padding-bottom:10px;} .pd_bottom2 {padding-bottom:5px;} .pd_top1 {padding-top:5px;} .pd_top2 {padding-top:2px;} .pd_top3 {padding-top:10px;} .pd_top4 {padding-top:7px;} .pd_left1 {padding-left:5px;} .pd_left22 {padding-left:22px;} .pd_left28 {padding-left:28px;} .pd_left30 {padding-left:30px;} .pd_left35 {padding-left:35px;} .mg_top1 {margin-top:5px;} .mg_top2 {margin-top:10px;} .mg_left0 {margin-left:1px;} .mg_left0_1 {margin-left:2px;} .mg_left1 {margin-left:5px;} .mg_left2 {margin-left:11px;} .mg_left3 {margin-left:15px;} .mg_left4 {margin-left:20px;} .mg_left5 {margin-left:25px;} .mg_left6 {margin-left:28px;} .mg_left7 {margin-left:30px;} .mg_right0 {margin-right:1px;} .mg_right0_1 {margin-right:2px;} .mg_right1 {margin-right:5px;} .mg_right2 {margin-right:10px;} .mg_right3 {margin-right:15px;} .mg_right4 {margin-right:11px;} .mg_bottom1 {margin-bottom:5px;} .mg_bottom2 {margin-bottom:10px;} .mg_bottom3 {margin-bottom:15px;} .mg_bottom4 {margin-bottom:20px;} .mg_bottom5 {margin-bottom:25px;} .mg_top1 {margin-top:5px;} .mg_top2 {margin-top:10px;} .mg_topM5 {margin-top:-5px;} .mg_LR1 {margin:0 10px;} .mg_LR2 {margin:0 20px;} .mg_LRBT {margin:10px;} .mp_clearbox {clear:both;padding:5px;} .mp_clearbox2 {clear:both;padding:3px;} .mp_clearbox3 {clear:both;padding:10px;} .mp_clearbox4 {clear:both;padding:4px;} .mp_clearbox5 {clear:both;padding:1px;} .mp_clearbox6 {clear:both;padding:15px;} .mp_border_b1 {border-bottom:1px solid #f2f2f2;} .mp_width1 {width:90px;} .mp_layoutwrap {} /*기본 레이아웃 2단*/ .mp_layoutwrap li { float: left; width: 50%;} .mp_basicform { border: 1px solid #d7d7d7; padding: 1px;} a.n_book_t:link { color: #000000; font-size: 1.3em; font-weight: bold} a.n_book_t:visited { color: #000000; font-size: 1.3em; font-weight: bold} a.n_book_t:hover { color: #000000; font-size: 1.3em; font-weight: bold} a.n_book_t_s:link { color: #666; font-size: 1em;} a.n_book_t_s:visited { color: #666;} a.n_book_t_s:hover { color: #666;} a.n_book_t_p:link { color: #f82987;} a.n_book_t_p:visited { color: #f82987;} a.n_book_t_p:hover { color: #f82987;} a.np_af:link { color: #666; font-size: 1em;} a.np_af:visited { color: #666;} a.np_af:hover { color: #666;} .bk_text_box01 { border: 1px solid #c0c0c0; height: 20px; font-size: 1em; padding: 3px; color: #000; text-align: center; width: 54px; margin: 0 1px 3px 5px;} .pb_list_se { clear: both; border-top: 1px solid #e0e0e0; margin: 5px 0 12px 0} /*새로 추가함*/ /*기존 변경된 부분*/ /*분야, P페이지 광고구 추가 Gootooc*/ .title-porm2 { color: #e92a81; line-height: 1.2em !important; padding-bottom: 5px; font-size: 0.95em} .title-porm2 a { color: #e92a81 !important; text-decoration: none;} /* product slider:기존코드 그대로인데 코드 몇개 변경함.이름도2로새로생성 */ .book_cb_slide { border-top: 1px solid #D3D3D3; color: #333333; cursor: pointer; overflow: hidden;} .book_cb_slide h2 { color: #126ecc; font-size: 16px; font-weight: bold; text-decoration: none; padding: 10px; width: 100%;} .today-special2 { position: relative; width: 100%;} .today-special2 .slidings2 { margin: 0;} /*원래 0 15px였음*/ .today-special2:after { content: ""; display: block; position: absolute; top: 165px; left: 5px; width: 9px; height: 15px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto} .today-special2:before { content: ""; display: block; position: absolute; top: 165px; right: 5px; width: 9px; height: 15px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto;} /*.today-special2:after {content: ""; display: block; position: absolute; top: 60px; left: 5px; width: 9px; height: 15px; background: url('//image.aladin.co.kr/img/m/2012/bg_pagecontrol.png') no-repeat left top; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto;}.today-special2:before {content: ""; display: block; position: absolute; top: 60px; right: 5px; width: 9px; height: 15px; background: url('//image.aladin.co.kr/img/m/2012/bg_pagecontrol.png') no-repeat left -50px; background-size: 100% auto; -webkit-background-size: 100% auto; -o-background-size: 100% auto; -moz-background-size: 100% auto; -ms-background-size: 100% auto;}*/ .slidings2 { position: relative; overflow: hidden;} .slidings2 .wrap:after { /*content: ""; display: block; clear: both; width: 0; height: 0; visibility: hidden;*/} .list-goods2 { -moz-box-sizing: border-box;} .list-goods2 .simple .middle li { width: 33%;} .thumbnail2 { -moz-box-sizing: border-box; display: block; overflow: hidden;} .thumbnail2 img { display: block; /*margin: 0 auto;*/ width: 75px;} /* 목차:기존코드에서 _n으로 변경 */ .b_list_n { margin: 0px; padding: 0px; color: #333; line-height: 160%; overflow: hidden;} .b_list_n ul { margin: 10px 0 0 0; padding: 0px; line-height: 160%; /*line-height:120%; */ overflow: hidden;} .b_list_n ul li { padding: 0 0 4px 0px;} .b_list_n ul li img { padding: 2px; margin-bottom: 5px;} .b_list_n2 { clear: both; margin: 0px; padding: 0px; color: #333; line-height: 160%; overflow: hidden;} .b_list_n2 ul { margin: 5px 0 0 0; padding: 0px; line-height: 160%; /*line-height:120%; */ overflow: hidden;} .b_list_n2 ul li { padding: 0 0 4px 0px;} .b_list_n2 ul li img { padding: 2px; margin-bottom: 5px;} .b_list_n3 { clear: both; margin: 0px; padding: 0px; color: #333; line-height: 160%; overflow: hidden;} /*새로생성:한줄평*/ .b_list_n3 ul { margin: 5px 0 0 0; padding: 0px; line-height: 160%; /*line-height:120%; */ overflow: hidden;} .b_list_n3 ul li { padding: 0 0 4px 6px; background: url(//image.aladin.co.kr/img/shop/m/nm_list_dot.jpg) no-repeat 0 7px; background-size: 3px} .b_list_n3 ul li img { padding: 2px; margin-bottom: 5px;} .b_list_dot ul { margin: 0px; padding: 0px; color: #4c4c4c; line-height: 160%; overflow: hidden;} .b_list_dot ul li { padding: 0 0 0 8px; color: #4c4c4c; background: url(/ucl_editor/img_secur/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .b_list_dot2 li { padding: 0 0 5px 8px; /*color:#4c4c4c;*/ background: url(//image.aladin.co.kr/img/shop/m/nm_list_dot.png) no-repeat 0px 8px; position: relative} .b_list_dot2 .my_olnon li { list-style: none} .pb_list_img_n { float: left; height: 75px; width: 75px; border: 0px solid #c8c7c7; margin-right: 8px; border-radius: 75px; -webkit-border-radius: 75px; overflow: hidden} .pb_list_img_n img { width: 75px;} .pb_list_img_n2 { float: left; height: 45px; width: 45px; border: 0px solid #c8c7c7; margin-right: 8px; border-radius: 45px; overflow: hidden} .pb_list_img_n2 img { width: 45px; height: 45px;} .s_list_yel_n { width: 100%; height: 23px; border: 1px solid #eeb865; background: url(//image.aladin.co.kr/img/search/btn_down2.gif) no-repeat 100% 50%, -webkit-gradient(linear, 0 0, 0 100%, from(#fff9ed), to(#fff9ed)); vertical-align: middle; -webkit-appearance: none; border-radius: 0px; padding-right: 27px; font-size: 14px; letter-spacing: -1px; height: 26px; line-height: 1.77em; border-spacing: 0; color: #444; padding-left: 3px;} .s_list_yel_n2 { vertical-align: middle; border-radius: 0px; font-size: 14px; line-height: 1.77em; border-spacing: 0; width: 100%; background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff; background-size: 25px; border: 1px solid #c7c7c7; padding: 0 8px 0 8px; height: 35px; -webkit-appearance: listbox; border-radius: 0px; color: #333; letter-spacing: -1px;} .s_list_yel_n4 {vertical-align: middle; border-radius: 0px; font-size: 15px; line-height:38px; border-spacing: 0; width: 100%; background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff; background-size: 25px; border: 1px solid #c7c7c7; padding: 0 8px 0 8px; height: 38px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0px; color: #545454; letter-spacing: -1px; border-radius: 1px; outline:0} .s_list_yel_n4::-ms-expand {display: none;} .s_list_yel_n4_off1 { vertical-align: middle; border-radius: 0px; font-size: 14px; line-height: 1.77em; border-spacing: 0; width: 100%; background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down_off.png) no-repeat right #f1f1f1; background-size: 25px; border: 1px solid #dddddd; padding: 0 8px 0 8px; height: 34px; -webkit-appearance: listbox; border-radius: 0px; color: #c2c2c2; letter-spacing: -1px; border-radius: 1px;} .tool_select { vertical-align: middle; border-radius: 0px; font-size: 14px; line-height: 1.77em; border-spacing: 0; width: 100%; background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff; background-size: 25px; border: 1px solid #c7c7c7; padding: 0 8px 0 8px; height: 35px; -webkit-appearance: listbox; border-radius: 0px; color: #333; letter-spacing: -1px;} /*주소찾기 css 가져옴*/ .roadname_sp1 {padding:15px;} .roadname_sp1 .t3 { font-weight: bold; color: #f21d8c;} .roadname_table1 th { background: #f3f3f3; border-bottom: 1px solid #333333; border-top: 1px solid #bbbbbb; padding: 2px 0; font-weight: normal; text-align: center; font-size: 0.9em;} .roadname_table2 .post { text-align: center; font-weight: bold;} .roadname_table2 td { border-bottom: 1px solid #dbdbdb; padding: 5px 0; vertical-align: top; font-size: 0.9em; line-height: 1.2em;} .roadname_table2 a{color:#333;} .roadname_sp1 .left1 { float: left; width: 80%;} .roadname_sp1 .left2 { float: left; width: 20%;} .roadname_sp1 .right1 { float: right; width: 15%;} .roadname_input1 { width: 100%; border: #b3b3b3 2px solid; height: 30px; padding-left: 5px; outline: 0;} .t_search_layer { border: 1px solid #cecece; float: left; width: 100%;} .roadname_sp1 .tip_txt {color: #838383; text-align: left; padding-top: 10px;} .roadname_result_list {height: calc(100vh - 300px); overflow-y: scroll;} /*기존 소스에서 추가한 부분:이미지 사이즈 해상도에 맞게*/ #introduce_short img { width: 100%;} #introduce_all img { width: 100%;} /* 알라딘 중고 품질 판정 가이드 추가 :기존 소스에서 _n으로 이름 다시 함*/ .used_quality_left { float: left; width: 70%; font-size: 1.2em; color: #126ecc; padding-bottom: 10px} .used_quality_right { float: right; width: 20%; padding: 0 0px 0 10px} .used_quality_t_pink { color: #df307f} .used_quality_table_n { margin-top: 10px; /*border:1px solid #e6e4e4;*/ width: 100%; clear: both; border-top: 1px solid #e6e4e4;} .used_quality_table_n th { background: #e6f0f6; padding: 5px 0; border-bottom: 1px solid #e6e4e4; text-align: center; font-weight: normal} .used_quality_table_n .th_last { background: #e6f0f6; padding: 5px 0; width: 30%; text-align: center;} .used_quality_table_n td { padding: 5px 10px; border-bottom: 1px solid #e6e4e4;} .used_quality_table_n .td_last { padding: 5px 10px;} .used_quality_btn { background: url(//image.aladin.co.kr/img/m/2012/btn_back_bg.jpg) bottom left repeat-x; width: 99%; padding: 3px 0px 4px 0px; background-color: #f6f6f6; font-size: 14px; text-align: center; border: 1px #c9c9c9 solid; color: #565656; height: 16px; letter-spacing: -1px;} /*영화예매할인쿠폰*/ #moviecoupon { border: 1px solid #33afe9;} #moviecoupon .movie_title { background: #f5f3f3} #moviecoupon .left { float: left; padding: 10px 0 7px 15px; font-size: 1.1em; font-weight: bold; color: #0096dc;} #moviecoupon .right { float: right;} #moviecoupon .right a { padding: 7px 15px; display: inline-block; font-size: 1.3em} #moviecoupon .text1 { padding: 20px 0; font-size: 0.9em; width: 85%; margin: 0 auto; line-height: 1.3em} #moviecoupon .inputbox { width: 220px; margin: 0 auto; padding: 20px 0; font-size: 1.1em; font-weight: bold} #moviecoupon .input1 { border: 1px solid #999999; color: #666666; width: 130px; padding: 0 5px; font-size: 0.9em; margin-left: 5px} .account_r_movie { float: right; padding: 0 3px 0 0} .movie_button { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #9e9e9e; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #f9f8f8;} /*기본 흰색 버튼*/ .movie_button a:link { text-decoration: none !important;} .movie_button a:hover { text-decoration: none !important; background: #f9f8f8 !important;} a.movie_button_small { outline: 0; color: #333 !important; font-size: 12px; line-height: 18px; display: block; white-space: nowrap; padding: 2px 7px 1px 8px;} /*기본 11픽셀 검정 링크*/ .m_confirm_text1 { border: 1px solid #FFCC66; background: #fff7b0; font: 1em; color: #fb0780; font-weight: bold; letter-spacing: -1px; padding: 5px 10px; margin-bottom: 15px} /*off매장*/ .m_off_map { text-align: center; padding: 20px} .m_off_map img { width: 240px} .m_off_btnwrap { position: absolute; right: 10px; top: 10px} .m_off_btnwrap2 { position: absolute; right: 12px; bottom: 10%} .m_off_tit { border-bottom: 1px solid #e0e0e0; font-size: 1.3em; padding: 15px 11px;} .m_off_tit2 { font-size: 1.3em; padding: 15px 11px 10px 11px; position: relative;} /*수신거부*/ .refusal_title { font-size: 1.2em; color: #333; width: 85%; margin: 0 auto; padding: 25px 0 15px 0; line-height: 1.5em;} .refusal_title .pink { color: #ea328e; font-weight: bold} .refusal_st { font-size: 0.9em; width: 80%; margin: 0 auto; line-height: 1.3em; padding: 0 0 20px 0} .refusal_st ul li { padding-bottom: 5px; display: inline; float: left} .refusal_st .l_1 { width: 4%; padding: 5px 0 0 0} .refusal_st .l_2 { width: 95%} .refusal_st a { color: #0395d9} .bk_refusal { background: -webkit-gradient(linear, left top, left bottom, from(#eeeced), to(#f5f5f5)); background: -moz-linear-gradient(top, #eeeced, #f5f5f5); width: 100%; padding: 7px 0px 0 0px; border: 1px #d9d8d9 solid; color: #333; height: 26px; text-align: center;} .refusal_line { border-bottom: 1px solid #CCCCCC;} /* 160105 사은품 결제 레이어*/ .gift_layer_tbox1 { margin: 0 auto; padding: 12px; background-color: #fffde4; border: 1px solid #0eba98; overflow: hidden; border-radius: 3px; box-shadow: 0 2px 2px #ccc; font-size: 1em;} .gift_layer_text1 { background: #0eba98; color: #FFFF00; padding: 0 3px; font-weight: bold;} .gift_layer_text2 { color: #0eba98; font-weight: bold;} .gift_l_btn2 { text-align: center; background: #555; border-radius: 1px; font-size: 17.6px; font-weight: normal} /*-분홍배경*/ .gift_l_btn2 a:link { color: #fff; padding: 10px 7px; display: block} .gift_l_btn2 a:visited { color: #fff;} .n_pb_a1 { float: left; margin-right: 60px; padding-top: 5px; line-height: 120%} .n_pb_a2 { float: right; position: absolute; width: 50px; top: 12px; right: 12px;} /*감싸는 박스 모임*/ .wrapbox_pd1 { clear: both; padding: 0 12px; position: relative} .wrapbox_pd2 { clear: both; padding: 12px 12px 8px 12px; position: relative} .wrapbox_pd2::after {content: ''; display: block; clear: both;} /*온라인 중고 배너*/ #used_banner_buy { background: #ff8f00; padding: 5px 0} #used_banner_buy .left { width: 49%; float: left;} #used_banner_buy .leftbanner { width: 96%; float: right; border: 1px solid #a84a01; background: -moz-linear-gradient(top, #ffffff, #f6f5f5); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f5f5)); text-align: center} #used_banner_buy .right { width: 49%; float: right;} #used_banner_buy .rightbanner { width: 96%; float: left; border: 1px solid #a84a01; background: -moz-linear-gradient(top, #ffffff, #f6f5f5); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f6f5f5)); text-align: center} /*20160215_중고상품 소개 및 구매 유의사항*/ .book_cb2 h5 { color: #444444; font-size: 16px; color: #f32626; font-weight: bold; padding-bottom: 10px} .used_q_list { margin: 0 0 5px 0px; padding: 0px; color: #333; line-height: 150%; overflow: hidden;} .used_q_list li { padding: 0;} .used_q_org { color: #ff7c00;} /*20160322_배송주소록 레이어*/ .order_input_line { height: 24px; border: 1px #7f9db9 solid;} /*20160322_전자책페이지 내 종이책보기, 쿠폰받기 버튼*/ .p_btn_c4 { font-size: 12px; padding: 0px; width: 55px; margin: 0 0 0 2px; display: inline-block;} .p_btn_c4 .p_btn_s_gray { background: #f5f5f5; width: 99%; padding: 0 1px; border: 1px #ccc solid; color: #222; text-align: center;} .p_btn_c4 .p_btn_s_pink { background: #f5f5f5; width: 99%; padding: 0 1px; border: 1px #ccc solid; color: #f12683; text-align: center; font-weight: bold;} /*20160323_장바구니 이주문에 추가 */ .order_tbox { margin: 0px; padding: 5px 20px 0 17px;} .order_title1 { font-size: 1.15em; font-weight: bold; color: #f43872;} .order_done2 ul { padding: 10px 17px;} .order_done2 ul li { color: #000; line-height: 23px; font-size: 1.1em;} .p_btn_s_blue { background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f3f3f3)); background: -moz-linear-gradient(top, #ffffff 5%, #f3f3f3 100%); width: 99%; padding: 3px 4px 2px 4px; border: 1px solid #c2c2c2; text-align: center; color: #444; font-size: 1em;} .order_line1 { clear: both; margin: 5px 12px 15px 12px; border-top: 1px solid #e7e7e7;} /*20160407_중고매장재고 온라인판매_상품페이지 탭 4개일경우 */ .used_seller_b { margin: 1px; padding: 3px 2px; color: #4c4c4c; font-size: 14px; width: 22%; float: left; overflow: hidden; line-height: 130%; text-align: center; border: 1px #dbdbdb solid;} .used_seller_s { margin: 1px; padding: 3px 2px; color: #1272d4; font-weight: bold; font-size: 14px; width: 22%; float: left; overflow: hidden; line-height: 130%; text-align: center; border: 1px #1272d4 solid;} /*추천마법사-이벤트페이지0524 koo*/ .genie_m_2016_evwrap { clear: both; position: relative; margin-bottom: 10px;} .genie_m_2016_text { font-size: 15px; padding: 13px 150px 0 5px; line-height: 100%; height: 30px} .genie_m_2016_btn { position: absolute; top: 6px; right: 5px; border-radius: 3px; padding: 5px 0 4px 0; width: 138px; background-color: #00c5c5; color: #FFFFFF; text-align: right; font-size: 14px;} .genie_m_2016_evwrap_cl { clear: both; padding: 5px;} .genie_m_2016_evwrap2 { background: #00c5c5; border-bottom: 1px solid #00c5c5; border-top: 1px solid #00c5c5; width: 86%; margin-top: -7px; margin-left: auto; margin-right: 0px; right: 5px; left: 5px; z-index: 15} .genie_m_2016_evwrap2 ol { margin: 15px 10px 10px 25px; float: left} .genie_m_2016_evwrap2 li { line-height: 120%; padding-bottom: 7px; color: #FFFFFF; font-size: 14px; letter-spacing: 0px !important; list-style-type: decimal !important} .genie_m_2016_evwrap3 { clear: both; padding: 15px 15px;} .genie_m_2016_evwrap3 ol { padding-left: 16px; padding-top: 10px;} .genie_m_2016_evwrap3 li { list-style-type: decimal !important} .genie_m_2016_evwrap3 p { font-size: 15px; color: #000; line-height: 120%} .genie_m_2016_evwrap3 ul { margin-top: 15px; margin-bottom: 10px;} .genie_m_2016_evwrap3 li { line-height: 120%; padding-bottom: 10px;} .genie_m_2016_evwrap3_btn_s { border-radius: 3px; border: 1px solid #cecece; padding: 7px 20px; text-align: center; margin-bottom: 5px;} .genie_m_2016_evwrap3_btn_s a { display: block; color: #000 !important} .genie_m_2016_evwrap3_btn_b { border-radius: 3px; padding: 15px 20px; text-align: center; background: #df307f; width: 50%; margin: 0 auto;} .genie_m_2016_evwrap3_btn_b a { display: block; color: #fff !important} .genie_m_2016_book {} .genie_m_2016_book li { width: 50%; float: left; text-align: center;} .genie_m_2016_book li dd { line-height: 110%; font-size: 13px;} /*추천마법사-이벤트 말풍선-민트*/ .genie_m_2016_wrap { position: relative;} /*product_v1.css 옮김 20200131*/ .genie_m_2016_wrap_in { border-radius: 3px; background: #00c5c5; margin: 11px 10px 0 11px; padding-bottom: 10px; position: relative} /*product_v1.css 옮김 20200131*/ .genie_m_2016_wrap_t { color: #FFFFFF; padding: 10px 0 0 5px; width: 66%; letter-spacing: -1px} /*product_v1.css 옮김 20200131*/ .genie_m_2016_wrap_jumpwrap {} .genie_m_2016_wrap_jump { position: absolute; top: 6px; right: 5px; border-top: 1px solid #009292; border-left: 1px solid #009292; border-bottom: 1px solid #009e9e; border-right: 1px solid #009e9e; width: 23%; padding: 3px 10px; background: url(//image.aladin.co.kr/img/common/drop_01.png) no-repeat right;} .genie_m_2016_wrap_jump a:link { color: #FFFFFF; display: block} .genie_m_2016_wrap_jump a:visited { color: #FFFFFF} .genie_m_2016_wrap_layer { width: 260px; position: absolute; right: 15px; padding: 5px 10px; box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); z-index: 15; border: 1px solid #009e9e; background: #fffae8;} .genie_m_2016_wrap_layer li { list-style: none;} .genie_m_2016_wrap_layer li a:link { color: #333333; display: block; padding: 5px 10px} .genie_m_2016_wrap_layer li a:hover { color: #333333; text-decoration: none; background: #fff2ca;} .genie_m_2016_wrap_layer li a:visited { color: #333333;} .genie_m_2016_arrow { clear: both; padding-left: 20px;} .genie_m_2016_wrap_in_orange { border-radius: 3px; background: #f9a80e; margin: 11px 10px 0 11px; position: relative} .genie_m_2016_wrap_t_orange { color: #FFFFFF; padding: 8px 10px; letter-spacing: -1px} /*추천마법사-검색결과 말풍선*/ .genie_m_2016_layerwrap_in { clear: both; border-radius: 3px; background: #00c5c5; padding-bottom: 5px; position: relative} /*이벤트용-민트*/ .genie_m_2016_layerwrap_t { color: #FFFFFF; padding: 6px 0 0 8px; letter-spacing: -1px} .genie_m_2016_arrow { clear: both; padding-left: 30px;} .browse_list_box .genie_m_2016_arrow img { display: block;} .genie_imgBorder { border: 2px solid #33cccc} .genie_m_2016_layerwrap_in_orange { clear: both; border-radius: 3px; background: #f9a80e; padding-bottom: 5px; position: relative} /*추천용-오렌지*/ .genie_m_2016_arrow_orange { clear: both; padding-left: 30px;} .browse_list_box .genie_m_2016_arrow_orange img { display: block;} .genie_imgBorder_orange { border: 2px solid #f9a80e} /*20160520_픽업서비스 */ .pick_Un_line1 { padding: 0 0 10px 0; margin: 0 0 15px 0; border-bottom: 1px solid #e0e0e0;} .pick_Un_line2 { padding: 0 0 5px 0; margin: 0 0 5px 0;} .pick_cbox1 { padding: 10px; margin: 0 0 20px 0; background-color: #f2f2f2;} .pick_store_box { float: left; width: 100%; text-align: center; margin: 0 0 0 5px;} .pick_store_box_set { width: 100%; background: url(//image.aladin.co.kr/img/order/2016/arrow_down_3.png) no-repeat right #fff; background-size: 23px auto; border: 1px solid #ccc; padding: 2px 8px 2px 8px; height: 34px; -webkit-appearance: listbox; border-radius: 0px; font-size: 1.1em; font-weight: bold; color: #333;} .pick_space5 { clear: both; height: 5px;} .pick_space10 { clear: both; height: 10px;} /* 픽업 본문 테이블 관련 */ .pick_table { margin: 0 0 8px 0px; width: 100%;} .pick_th01 { background: #f5f5f5; padding: 5px 5px; text-align: center; vertical-align: top; font-weight: bold; font-size: 0.9em; color: #606060;} .pick_td01 { background: #FFFFFF; padding: 5px 5px; text-align: center; font-weight: normal; color: #333333;} .pick_td_link { text-align: left;} .pick_td_link a { color: #386da1;} .pick_td_link a:link { color: #386da1;} .pick_td_link a:hover { color: #386da1; text-decoration: underline;} .pick_td_link a:visited { color: #386da1;} .pick_btn1 { margin: 0 auto; background: #e7f7ff; width: 99%; border: 1px #70c9f7 solid; color: #0a8fd3; text-align: center; font-size: 0.9em; letter-spacing: 0em;} /* 파란 테두리 버튼*/ .pick_btn1 a { color: #0a8fd3; display: block; padding: 2px 4px;} .pick_option { margin: 0px; padding: 0px;} .pick_option li { padding: 0px 0px 6px 0px;} .pick_option2 { margin: 0px; padding: 0px;} .pick_option2 li { background: url(//image.aladin.co.kr/img/account/m/2015/blet.png) no-repeat; background-size: 3px; background-position: 0 8px; padding: 0px 0px 6px 8px;} .pick_option3 { margin: 0px; padding: 0px;} .pick_option3 li { padding: 5px 10px; margin-bottom: 3px; background-color: #f3f3f3; color: #222;} .pick_option3 li a { margin: 0px; padding: 0px; color: #222;} .pick_list_left { margin: 0px; padding: 0px; color: #222; float: left; font-size: 1em; width: 22%;} .pick_list_left li { margin: 0px; padding: 0px; list-style: none;} .pick_list_right { margin: 0px; padding: 0px; float: left; color: #222; width: 75%;} .pick_list_right li { margin: 0px; padding: 0 0 4px 0px; list-style: none; line-height: 130%;} .pick_box1 { margin: 0px; padding: 0px 3%; overflow: hidden;} .pick_phone_1 { float: left; width: 25%; text-align: center;} .pick_phone_2 { float: left; width: 5%; text-align: center; padding: 9px 0px 0px 0px; font-size: 1em; color: #888;} .pick_phone2_1 { float: left; width: 30%; text-align: center;} .pick_phone_set { width: 100%; border: 1px solid #ccc; padding: 4px 8px 2px 8px; height: 34px; font-size: 1em; font-weight: bold; color: #444444; text-align: center; -webkit-appearance: listbox; border-radius: 0px; background: url(//image.aladin.co.kr/img/order/2016/arrow_down_3.png) no-repeat right #fff; background-size: 23px auto;} .pick_text_box { width: 99%; border: 1px solid #ccc; background: #ffffff; padding: 3px 0;} .pick_text_input { width: 80%; background: #ffffff; border: 0px; padding: 2px 6px; font-size: 1em; font-weight: bold; color: #333; text-align: left;} .pick_tab1 { background: #4cc4ff; color: #fff; text-align: center; font-size: 1.1em; margin-right: 5px} .pick_tab1 a:link { color: #FFFFFF; display: block; padding: 7px 0px;} .pick_tab1 a:hover { color: #FFFFFF; display: block; padding: 7px 0px;} .pick_tab1 a:visited { color: #FFFFFF; display: block; padding: 7px 0px;} .pick_tab1_off { background: #ffffff; border: 1px solid #4cc4ff; color: #4cc4ff; text-align: center; font-size: 1.1em; margin-right: 5px} .pick_tab1_off a:link { color: #4cc4ff; display: block; padding: 6px 0px;} .pick_tab1_off a:hover { color: #4cc4ff; display: block; padding: 6px 0px;} .pick_tab1_off a:visited { color: #4cc4ff; display: block; padding: 6px 0px;} .pick_tab2 { background: #8793f7; width: 100%; color: #fff; text-align: center; font-size: 1.1em;} .pick_tab2 a:link { color: #FFFFFF; display: block; padding: 7px 0px;} .pick_tab2 a:hover { color: #FFFFFF; display: block; padding: 7px 0px;} .pick_tab2 a:visited { color: #FFFFFF; display: block; padding: 7px 0px;} .pick_tab2_off { background: #ffffff; border: 1px solid #8793f7; color: #8793f7; text-align: center; font-size: 1.1em;} .pick_tab2_off a:link { color: #8793f7; display: block; padding: 6px 0px;} .pick_tab2_off a:hover { color: #8793f7; display: block; padding: 6px 0px;} .pick_tab2_off a:visited { color: #8793f7; display: block; padding: 6px 0px;} .phink_bWrap { padding-top: 5px; float: left;} a.phink_b:link { color: #f32885; font-size: 13px; font-weight: bold; text-decoration: none;} a.phink_b:visited { color: #f32885; font-size: 13px; font-weight: bold; text-decoration: none;} a.phink_b:hover { color: #f32885; font-size: 13px; font-weight: bold; text-decoration: none;} .btn_sub_pink1 { background-color: #EE3C97; color: #FFFFFF; font-size: 13px; height: 19px; padding: 0px 5px 2px; text-align: center;} /*댓글*/ .evline { padding: 5px 0 0 0} .evface { margin-right: 5px} .evface { width: 45px; height: 45px; padding: 0 8px 0 0; border: 0 !important;} .evtext { color: #333333; margin-top: 5px} .pagenum_on { padding: 6px 14px 4px 14px; font-weight: 600 !important; color: #ffffff; background: #CCCCCC; font-size: 1.1em} .pagenum a { color: #333333; padding: 6px 14px 4px 14px; font-size: 1.1em} .evspc { color: #f331a3 !important} a.evdel:link { font-size: 1em !important} a.evdel:visited { font-size: 1em !important} a.evnick:link { color: #333333} a.evnick:visited { color: #333333} /*coffee*/ .bean_product_cover { text-align: center; width: 250px; margin: 0 auto; position: relative} .bean_product_cover_img1 { width: 250px} .bean_product_cover_t { margin-top: 13px;} .bean_product_date { clear: both; padding: 10px 0 0 0; /*font-size:0.95em;*/} .bean_product_date li { background: url(//image.aladin.co.kr/img/coffee/blet.png) no-repeat 0 8px; padding-left: 10px; background-size: 4px; padding-bottom: 3px} .bean_product_how {} .bean_product_how ol { padding: 5px 0 0 17px;} .bean_product_how ol li { list-style-type: decimal !important; padding-bottom: 5px} .bean_product_made { clear: both; padding: 0; margin: 5px 0 0 0} .bean_product_made li { position: relative; padding: 2px 0;} .bean_product_made li .tt1 { position: absolute; left: 0; width: 75px; color: #666} .bean_product_made li .tt1_info { margin-left: 75px;} .bean_product_made li .tt1_1 { position: absolute; left: 0; width: 140px; color: #666} .bean_product_made li .tt1_1_info { margin-left: 140px;} .bean_product_choice { clear: both; padding: 0; margin: 5px 0 0 0} .bean_product_choice li { position: relative; padding: 2px 0;} .bean_product_choice li .tt1 { position: absolute; left: 0; width: 75px; padding-top: 6px} .bean_product_choice li .tt1_info { margin-left: 75px;} .bean_product_loastingnote { clear: both; position: relative; padding-top: 10px;} .bean_product_loastingnote ul { width: 100%} .bean_product_loastingnote li { text-align: center; color: #FFFFFF; float: left; display: inline; padding: 10px 0; border-right: 1px solid #855e41; font-size: 10px; width: 12%} .bean_product_loastingnote2 { clear: both;} .bean_product_loastingnote2 ul { width: 100%} .bean_product_loastingnote2 li { text-align: center; padding: 0 !important; color: #000000; font-size: 10px; width: 12%; float: left; display: inline; border-right: 1px solid #ffffff;} .bean_dot01 {} .bean_dot01 li { background: url(//image.aladin.co.kr/img/coffee/blet.png) no-repeat 0 8px; background-size: 4px; padding-bottom: 3px; width: 45%; float: left; display: inline-block} .bean_dot01 li img { padding-bottom: 5px;} .bean_fix_price { float: left; color: #999999; letter-spacing: -2px; padding-top: 4px;} .beandetail { clear: both; padding: 10px 0 0 0; /*font-size:0.95em;*/} .beandetail li { background: url(//image.aladin.co.kr/img/coffee/blet.png) no-repeat 0 8px; padding-left: 10px; background-size: 4px; padding-bottom: 3px} .note_c1 { background: #763d12;} .note_c2 { background: #663612;} .note_c3 { background: #5a301a;} .note_c4 { background: #48290d;} .note_c5 { background: #392212;} .note_c6 { background: #362616;} .note_c7 { background: #2d241f;} .note_c8 { background: #201815;} .s_list_yel_n3 { vertical-align: middle; border-radius: 0px; font-size: 14px; border-spacing: 0; width: 50px; border: 1px solid #c7c7c7; padding: 0 8px 0 8px; height: 35px; -webkit-appearance: listbox; border-radius: 0px; color: #333; letter-spacing: -1px;} .mp_book_zoom2 { position: absolute; right: 0; bottom: 1px;} .bean_product_kcal { clear: both; margin: 5px 0 0 0} .bean_product_kcal li { float: left; width: 50%; display: inline; position: relative;} .bean_product_kcal li .tt1 { position: absolute; left: 0; width: 55px; color: #666666} .bean_product_kcal li .tt1_info { margin-left: 55px; letter-spacing: 0} .t_now_more { position: absolute; right: 11px; top: 15px; color: #888888; font-size: 0.9em; display: table; vertical-align: middle; overflow: hidden} .t_now_more a { font-size: 0.8em; color: #888888} /*************수정금지 웰컴용*/ .box_theme { clear: both; padding: 14px 11px 15px 11px; background: #FFFFFF; overflow: hidden} .t_theme { float: left; margin: 0; padding: 0 3px 0 0; font-size: 1.15em; font-weight: normal; letter-spacing: -1px; /*font-size:1.02em;*/} .t_theme_more { float: right; color: #888888; font-size: 0.9em; display: table; vertical-align: middle; overflow: hidden} .t_theme_more a { font-size: 0.8em; color: #888888} .book_u { clear: both; overflow: hidden} .book_L1 { float: left; width: 33%; text-align: center; position: relative;} .book_L2 { float: left; width: 33.3%; text-align: center; position: relative;} .abs_goods_out { width: 100%; height: 95px; padding: 0; text-align: center; position: relative; overflow: hidden;} .abs_book_in{position:absolute;bottom:2px;padding:5px 5px 10px 5px;width:90%;margin:0 auto;overflow:hidden;} .abs_book_out_t4 { /*전자책용:제목2줄+ 가격1줄*/ width: 100%; padding: 0 0 0 0; text-align: center; position: relative; overflow: hidden; height: 52px;} .abs_book_in_t{position:absolute;padding:0 0 0 0;width:100%;margin:0 auto;line-height:1.3em; letter-spacing:0;} .abs_book_out_t2 { /*제목2줄*/ width: 100%; padding: 0 0 0 0; text-align: center; position: relative; overflow: hidden; height: 32px;} .space_L6 { clear: both; padding: 0 3px;} .abs_goods_img { margin: 0 auto; text-align: center; width: 85px; /*border:1px solid #f3f3f3;*/} a.b_black1:link { font-size: 0.9em; line-height: 1.2em; color: #000; letter-spacing: -1px} a.b_black1:visited { color: #000} a.b_black1:hover { color: #000} a.grey_more:link { font-size: 14px; color: #868686} a.grey_more:visited { font-size: 14px; color: #868686} /*수정금지 웰컴용 end*********/ /* 20160613 주문과정 구분선 추가 */ .order_new_line1 { clear: both; height: 8px; background-color: #eeeeee; border-bottom: #dfdfdf 1px solid; margin-bottom: 5px;} /*추천마법사 버튼 추가*/ .button_jiny {width: 99%; height: 40px; line-height: 40px; padding: 0; background-color: #ececec; font-size: 15px; border: 0; color: #333; text-align: center; font-weight: bold; box-sizing: border-box; border-radius: 5px;} /* 20160617 보관함 css추가 */ .keep_sel_box { margin: 0px; padding: 5px 0 15px 0; overflow: hidden;} .keep_sel_btn_a1 { padding: 0px; float: left; text-align: left; width: 25%;} .keep_sel_btn_a2 { padding: 0px; float: right; text-align: right; width: 72%;} .keep_sel_btn_a2 li { float: left; padding-right: 2px;} .keep_sel_btn_a3 { padding: 0px; background-color: #000} .keep_sel_t1 { color: #222222; font-size: 1em; letter-spacing: -1px;} /* 보관함 영역 */ .keep_area5 { height: 5px; clear: both;} .keep_area10 { height: 10px; clear: both;} .keep_area20 { height: 20px; clear: both;} .keep_conts_box1 { margin: 0px; padding: 15px 12px; background-color: #FFFFFF; border-bottom: 2px solid #CCCCCC; overflow: hidden; box-shadow: 0 2px 3px #ddd;} .keep_text_b1 { color: #222222; font-size: 1em;} .keep_btn_area1 { margin: 0px; padding: 0px; overflow: hidden; width: 100%;} .keep_btn_area1 li { padding: 7px 0px 5px 0px; border-bottom: 1px solid #e5e5e5; overflow: hidden; width: 100%;} .keep_btn_area2 { margin: 0 auto; padding: 0px; overflow: hidden; width: 85%;} .keep_btn_area2 li { float: left; text-align: left; margin: 0 5px 0 0; padding: 0px; width: 48.5%;} .keep_btn_area3 { margin: 0px; padding: 0px; overflow: hidden; width: 100%;} .keep_btn_area3 li { float: left; padding: 0 0 5px 0px; overflow: hidden; width: 33.3%;} .keep_btn_area4 { margin: 0px; padding: 0px; overflow: hidden; width: 100%;} .keep_btn_area4 li { float: left; padding: 0 0 5px 0px; overflow: hidden; width: 49%; margin: 0px 1% 0 0;} .button_blue_l { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; text-align: left; overflow: hidden; text-decoration: none !important; cursor: pointer; width: 98%; color: #33b0ea;} .button_blue_l a:link { text-decoration: none !important; outline: 0; font-size: 1em; line-height: 120%; display: block; white-space: nowrap; margin: 0; border: 0; width: 98%; padding: 4px 0px; text-align: left; color: #33b0ea;} .button_blue_l a:hover { text-decoration: none !important; border: 0; width: 98%; text-align: left; color: #33b0ea;} .button_blue_l a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; margin: 0; border: 0; width: 98%; text-align: left; color: #33b0ea;} .button_blue_l_off { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; text-align: left; overflow: hidden; text-decoration: none !important; cursor: pointer; width: 98%; color: #777777;} .button_blue_l_off a:link { text-decoration: none !important; outline: 0; font-size: 1em; line-height: 120%; display: block; white-space: nowrap; margin: 0; border: 0; width: 98%; padding: 4px 0px; text-align: left; color: #777777;} .button_blue_l_off a:hover { text-decoration: none !important; border: 0; width: 98%; text-align: left; color: #777777;} .button_blue_l_off a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; margin: 0; border: 0; width: 98%; text-align: left; color: #777777;} /* 보관함 버튼 */ .keep_sel_btn_g { display: inline-block; *zoom: 1; *display: inline; padding: 2px 1px 2px 2px; width: 92%; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background: #ffffff; border: 1px solid #cccccc; color: #555555;} .keep_sel_btn_g a:link { text-decoration: none !important; outline: 0; font-size: 0.85em; font-weight: bold; line-height: 120%; display: block; white-space: nowrap; margin: 0; border: 0; padding: 2px 1px 2px 2px; text-align: center; color: #555555;} .keep_sel_btn_g a:hover { text-decoration: none !important; background: #ffffff; border: 0; padding: 2px 1px 2px 2px; text-align: center; color: #555555;} .keep_sel_btn_g a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; margin: 0; border: 0; padding: 2px 1px 2px 2px; text-align: center; color: #555555;} .keep_sel_btn_g_on { display: inline-block; *zoom: 1; *display: inline; padding: 2px 1px 2px 2px; width: 92%; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background: #666666; border: 1px solid #666666; color: #ffffff;} .keep_sel_btn_g_on a:link { text-decoration: none !important; outline: 0; font-size: 0.85em; font-weight: bold; line-height: 120%; display: block; white-space: nowrap; margin: 0; border: 0; padding: 2px 1px 2px 2px; text-align: center; color: #ffffff;} .keep_sel_btn_g_on a:hover { text-decoration: none !important; background: #666666; border: 0; padding: 2px 1px 2px 2px; text-align: center; color: #ffffff;} .keep_sel_btn_g_on a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; margin: 0; border: 0; padding: 2px 1px 2px 2px; text-align: center; color: #ffffff;} .bk_btn_box2_1 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #fff; border: 1px solid #c2c2c2; text-align: center; color: #444; font-size: 13px; margin: 0px; padding: 2px 0px 5px 0px; height: 19px; letter-spacing: -1px; width: 95%;} .bk_btn_box3_1 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg_b.jpg) bottom left repeat-x; border: 1px solid #3386da; text-align: center; color: #fff; font-size: 13px; margin: 0px; padding: 2px 0px 5px 0px; height: 19px; letter-spacing: -1px; width: 97%;} .bk_btn_box_pink { background: #eb4096; border: 1px solid #d33182; text-align: center; color: #fff; font-size: 13px; margin: 0 2px; padding: 2px 3px 5px 3px; height: 19px; letter-spacing: -1px;} /* 취소, 저장 버튼 */ .btn_cancel { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background: #e5e5e5; width: 100%; color: #444444; border: 1px solid #d8d8d8;} .btn_cancel a:link { text-decoration: none !important; outline: 0; font-size: 0.9em; line-height: 120%; display: block; white-space: nowrap; margin: 0; width: 100%; text-align: center; color: #444444; padding: 8px 0;} .btn_cancel a:hover { text-decoration: none !important; background: #e5e5e5; width: 100%; text-align: center; color: #444444;} .btn_cancel a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; margin: 0; width: 100%; text-align: center; color: #444444;} .btn_cancel_w { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background: #ffffff; width: 100%; color: #444444; border: 1px solid #d8d8d8; width: 100%;} .btn_cancel_w a:link { text-decoration: none !important; outline: 0; font-size: 0.9em; line-height: 120%; display: block; white-space: nowrap; margin: 0; width: 100%; text-align: center; color: #444444; padding: 8px 0;} .btn_cancel_w a:hover { text-decoration: none !important; background: #f7f7f7; width: 100%; text-align: center; color: #444444; text-align: center;} .btn_cancel_w a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; margin: 0; width: 100%; text-align: center; color: #444444;} .btn_save { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background: #549ee8; border: 1px solid #4292e2; width: 100%; color: #ffffff;} .btn_save a:link { text-decoration: none !important; outline: 0; font-size: 0.9em; line-height: 120%; display: block; white-space: nowrap; margin: 0; width: 100%; text-align: center; color: #ffffff; padding: 8px 0;} .btn_save a:hover { text-decoration: none !important; background: #549ee8; width: 100%; text-align: center; color: #ffffff;} .btn_save a:visited { text-decoration: none !important; outline: 0; display: block; white-space: nowrap; margin: 0; width: 100%; text-align: center; color: #ffffff;} /* 보관함 셀렉트폼 */ .keep_sel_form { width: 100%; background: url(//image.aladin.co.kr/img/usedshop/C2C/arrow_down_4.png) no-repeat right #f8f8f8; background-size: 24px auto; border: 1px solid #ccc; padding: 5px 8px 3px 8px; height: 37px; font-size: 1em; color: #333; font-weight: bold; text-align: center; border-radius: 0px;} /* 정보 입력후 폰트컬러, 폰트 사이즈 font-size:1.1em; color:#333; */ .keep_sel_form_1 { width: 100%; background: url(//image.aladin.co.kr/img/usedshop/C2C/arrow_down_4.png) no-repeat right #f8f8f8; background-size: 24px auto; border: 1px solid #ccc; padding: 5px 8px 3px 8px; height: 37px; font-size: 1em; font-weight: bold; color: #999; text-align: center; border-radius: 0px;} /* 정보 입력전 비활성화 기본 안내 문구 폰트컬러, 폰트 사이즈 font-size:1.1em; color:#999; */ /* 중고매장 선택 */ .pick_option4 { margin: 0px; padding: 0px;} .pick_option4 li { margin-bottom: 3px; background-color: #f3f3f3; color: #222;} .pick_option5 { margin: 0px; padding: 0px;} .pick_option5 li { margin-bottom: 3px; margin-right: 1%; background-color: #f3f3f3; color: #222; float: left; width: 49%; font-size: 14.4px; ; line-height: 130%; text-align: center;} .pick_choice_on { padding: 5px; background: #4cc4ff; color: #ffffff; text-align: left;} .pick_choice_on a { color: #fff; display: block;} .pick_choice_off { padding: 5px; background: #f3f3f3; color: #222222; text-align: left;} .pick_choice_off a { color: #222222; display: block;} /*sns공유버튼용*/ .sns_sharebtn { position: absolute; top: 10px; left: 10px} .sns_sharebtn li { float: left; display: inline; padding-right: 5px} .sns_sharebtn li img { width: 22px} /* 영역지정 */ .cont_area7 { width: 7%;} .cont_area10 { width: 10%;} .cont_area15 { width: 15%;} .cont_area20 { width: 20%;} .cont_area25 { width: 25%;} .cont_area30 { width: 30%;} .cont_area33 { width: 33%;} .cont_area45 { width: 45%;} .cont_area48 { width: 48%;} .cont_area50 { width: 50%;} .cont_area55 { width: 55%;} .cont_area66 { width: 66%;} .cont_area70 { width: 70%;} .cont_area75 { width: 75%;} .cont_area80 { width: 80%;} .cont_area85 { width: 85%;} .cont_area90 { width: 90%;} .cont_area93 { width: 93%;} .cont_area100 { width: 100%;} .text_left { text-align: left;} .text_right { text-align: right;} .text_center { text-align: center;} .cont_area73 { width: 73%;} .cont_area27 { width: 27%;} /*160622 추가 */ .gift_cbox1 { padding: 15px; margin: 0px; letter-spacing: -0.5px;} .gift_cbox2 { padding: 12px; margin: 0px; letter-spacing: -0.5px; background: #fffcd7;} .gift_cbox3 { padding: 12px; margin: 0px; letter-spacing: -0.5px; background: #f1f1f1;} .fontS_85 { font-size: 0.85em;} .fontS_9 { font-size: 0.9em;} .fontS0 { font-size: 1em;} .fontS1 { font-size: 1.1em;} .fontS2 { font-size: 1.2em;} .fontC_B1 { color: #111111;} .fontC_B1 a { color: #111111;} .fontC_B2 { color: #222222;} .fontC_B2 a { color: #222222;} .fontC_B3 { color: #333333;} .fontC_B3 a { color: #333333;} .fontC_B4 { color: #444444;} .fontC_B4 a { color: #444444;} .fontC_pink { color: #ee3c97;} .fontC_pink a { color: #ee3c97;} .space_pt5 { padding-top: 5px;} .space_pb2 { padding-bottom: 2px;} .space_pb5 { padding-bottom: 5px;} .space_h2 { height: 2px; clear: both;} .space_h5 { height: 5px; clear: both;} .space_h10 { height: 10px; clear: both;} /*수서지원서비스 검색*/ #s_title_bg3 { padding: 12px; height: 57px; border-bottom: 1px solid #d5d5d5;} .s_browse_box2 { padding: 8px 12px; text-align: center; border-bottom: 1px solid #d5d5d5; overflow: auto; background-color: #f0f6fa;} .l_receive_pop_top { background-color: #477be0; color: #ffffff; font-size: 1.2em; padding: 12px;} .l_receive_pop_cont { padding: 12px;} .l_receive_pop_cont .t_p_b { color: #e92a81; font-weight: bold;} .l_receive_pop_cont th { background-color: #666666; padding: 10px 0; color: #ffffff; text-align: center;} .l_receive_pop_cont td { padding: 10px 0; border-bottom: 1px #c6c6c6 solid; text-align: center; line-height: 1.2em} .l_receive_pop_cont ul { padding: 15px 0;} .l_receive_pop_cont li { line-height: 1.2em; padding-bottom: 5px;} .l_receive_pop_cont .btn_area { width: 210px; margin: 0 auto;} .l_receive_pop_cont .btn_area .btn_l { float: left; width: 100px; margin-right: 10px;} .l_receive_pop_cont .btn_area .btn_r { float: left; width: 100px;} /*장바구니안내*/ .basket_save_info { background-color: #ffeef5; border: 1px #f2d0de solid; padding: 10px; margin: 15px; text-align: left; font-size: 1.0em; line-height: 1.4em;} .basket_save_info .tt1 { color: #e92b9e; font-weight: bold;} .basket_save_info .save_box_btn { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #fff; border: 1px solid #c2c2c2; text-align: center; color: #444; font-size: 13px; margin: 0 2px; padding: 4px 3px 4px 3px; height: 18px; letter-spacing: -1px; width: 50%; margin: 5px auto 0 auto;} /*160802 이벤트 코너 */ /* 상단 탭박스 */ .EV_tab_box { margin: 0px; padding: 0% 3%; text-align: center; background-color: #555555; overflow: hidden;} .EV_tab1 { float: left; width: 31.333333%; text-align: center; margin: 12px 0; font-size: 1em; height: 18px; color: #ffffff; letter-spacing: 0px;} .EV_tab1 a { color: #ffffff; font-weight: 600;} .EV_tab1_on { float: left; background: #ffffff; width: 32%; text-align: center; margin: 6px 0 0 0; height: 28px; padding-top: 8px; font-size: 1em; color: #333333; letter-spacing: 0px;} .EV_tab1_on a { color: #333333; font-weight: 800;} .EV_tab2 { float: left; width: 49.5%; text-align: center; margin: 12px 0; font-size: 1em; height: 18px; color: #ffffff; letter-spacing: 0px;} .EV_tab2 a { color: #ffffff !important; font-weight: 600;} .EV_tab2_on { float: left; background: #ffffff; width: 49.5%; text-align: center; margin: 6px 0 0 0; height: 28px; padding-top: 8px; font-size: 1em; color: #333333; letter-spacing: 0px;} .EV_tab2_on a { color: #333333 !important; font-weight: 800;} /* 상단 아래 분야 및 검색 박스 */ .EV_Tconts_box {margin:0px; padding:4% 3%; text-align:left;overflow:hidden;} .EV_conts_box {margin: 0px; padding: 2% 3%;text-align:left;overflow: hidden;} .EV_list_select1 {width: 96%; background: url(//image.aladin.co.kr/img/m/2016/arrow_down1.png) no-repeat right #fff; background-size: 20px auto; border: 1px solid #bbbbbb; padding: 6px 20px 4px 8px; height: 36px; -webkit-appearance: none; border-radius: 0px; font-size: 1em; font-weight: 600; color: #333;outline:0; box-sizing: border-box;} .EV_list_select2 { width: 100%; background: url(//image.aladin.co.kr/img/m/2016/arrow_down1.png) no-repeat right #fff; background-size: 20px auto; border: 1px solid #bbbbbb; padding: 4px 20px 4px 8px; height: 30px; -webkit-appearance: none; border-radius: 0px; font-size: 1em; font-weight: 600; color: #333;outline:0; box-sizing: border-box;} .EV_btn1 { width: 100%; background: #33b0ea; color: #fff; text-align: center; font-size: 1em; padding: 8px 0 4px 0; height: 24px; font-weight: 600;} /*이벤트검색버튼*/ .EV_btn1 a { color: #fff; display: block;} /* 이벤트 박스1 */ .EV_conts_Pbox1 { margin: 0px; padding: 0px; overflow: hidden; width: 100%;} .EV_conts_Pbox1 img { width: 100%;} .EV_conts_Pbox2 { margin: 0 auto; padding: 0px; overflow: hidden; width: 100%; height: 235px;} .EV_conts_Pbox2 img { width: 100%;} .EV_conts_list { margin: 0; padding: 0;} .EV_conts_list li { padding-bottom: 2px;} .EV_conts_list2 { margin: 0; padding: 0 0 0 5px;} .EV_conts_list2 li { background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot_bbb.jpg) no-repeat 0px 7px; padding-left: 8px;} /*메인 베스트굿즈 롤링*/ .EV_bestgoods_wrap { clear: both; position: relative;} .EV_bestgoods_btn_L { position: absolute; left: 0; width: 50px; padding-top: 110px; text-align: left; z-index: 9;} .EV_bestgoods_btn_L a { display: block;} .EV_bestgoods_btn_R { position: absolute; right: 0; width: 50px; padding-top: 110px; text-align: right; z-index: 9;} .EV_bestgoods_btn_R a { display: block;} .EV_bestgoods_center { text-align: center;} .EV_bestgoods_center img { width: 100%;} /*이벤트 순위*/ .event_num { background: #f01e8b; border-radius: 40px; width: 40px; height: 30px; text-align: center; float: left; position: absolute; margin: 0; padding: 10px 0 0 0; z-index: 3px; color: #FFFFFF; font-size: 1.1em; font-weight: bold; letter-spacing: -1px; font-family: '굴림', Gulim, '나눔고딕', NanumGothic, '돋움', Dotum, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', 'Helvetica', 'AppleGothic', 'Sans-serif';} .event_num a { color: #FFFFFF; display: block;} .event_num a:visited { color: #FFFFFF;} /*모바일이벤트 도서리스트 및 댓글 부분 */ #ME_list_wrap { text-align: left; width: auto; font-size: 1em; color: #222222;} /*min-width: 320px;*/ .EV_list_outbox {width: 100%; margin: 0; padding: 3% 0% 1% 0%; text-align: left; overflow: hidden; box-sizing: border-box;} .EV_list_inbox { margin: 0 0 3% 0; padding: 1% 0; text-align: left; border-bottom: 1px solid #e8e8e8; overflow: hidden;} .EV_box { float: left; margin: 0; padding: 0 2%; width: 46%; text-align: center;} .EV_book_list { margin: 0; padding: 0;} .EV_book_list li { padding-bottom: 2%;} .EV_book_list li a { color: #111111;} .EV_book_list2 { margin: 0; padding: 0;} .EV_book_list2 li { padding: 0;} /*도서*/ .EV_book_box { width: 100%; height: 180px; padding: 0; text-align: center; position: relative; overflow: hidden;} .EV_book_in { position: absolute; bottom: 3px; padding: 0px; width: 100%; margin: 0 auto;} .EV_book_img { margin: 0 auto; text-align: center; width: 110px;} .cart_wrap .EV_book_img { border: 1px solid #eaeaea;} .EV_list_sort { margin: 0px; padding: 3%; text-align: left; overflow: hidden; background-color: #f3f3f3;} .EV_sort_select { width: 98%; background: url(//image.aladin.co.kr/img/m/2016/arrow_down1.png) no-repeat right #fff; background-size: 20px auto; border: 1px solid #bbbbbb; padding: 6px 8px 4px 8px; height: 36px; -webkit-appearance: listbox; border-radius: 0px; font-size: 1em; font-weight: 600; color: #333;} .EV_list_sort_t { text-align: left; padding-top: 10px; letter-spacing: 0px;} .EV_comment_outbox { margin: 0; padding: 3% 2.5%; text-align: left; overflow: hidden; border-top: 1px solid #ebebeb;} .EV_comment_box { width: 100%; border: 1px solid #bbbbbb; padding: 3% 2%; -webkit-appearance: listbox; border-radius: 0px;} .EV_search_box { width: 100%; border: 1px solid #bbbbbb; padding: 1% 2%; -webkit-appearance: listbox; border-radius: 0px;} .EV_comment_icon { float: left;} .EV_comment_icon img { padding: 2px 2px;} .EV_comment_line { clear: both; padding: 2% 0; margin: 0 0 3% 0; border-bottom: 1px solid #e8e8e8;} .EV_comment_line2 { clear: both; padding: 2% 0; margin: 0 0 0 0; border-bottom: 1px solid #e8e8e8;} .EV_comment_book { margin: 0; padding: 0; text-align: left; width: 90%;} /*음반*/ .EV_music_box { width: 100%; height: 125px; padding: 0; text-align: center; position: relative; overflow: hidden;} .EV_music_in { position: absolute; bottom: 3px; padding: 0px; width: 100%; margin: 0 auto;} .EV_music_img { margin: 0 auto; text-align: center; width: 115px;} /*DVD*/ .EV_dvd_box { width: 100%; height: 165px; padding: 0; text-align: center; position: relative; overflow: hidden;} .EV_dvd_in { position: absolute; bottom: 3px; padding: 0px; width: 100%; margin: 0 auto;} .EV_dvd_img { margin: 0 auto; text-align: center; width: 110px;} .EV_share_layer { width: 42%; margin: 0 auto; text-align: center; padding: 2% 4%; border: 1px solid #e5e5e5; overflow: hidden;} .EV_share_icon img { width: 34px; padding: 5% 2%;} .EV_top_outbox { margin: 0; padding: 0.6em; text-align: left; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; overflow: hidden;} .EV_Booklist_title { background: #f0f0f0; padding: 2% 3%; margin: 0; overflow: hidden;} .EV_top_outbox h3 { font-size: 1.2em; padding-bottom: 7px;} .EV_top_outbox .sub-t { position: relative;} .EV_top_outbox .sub-t h4 { color: #666666; font-size: 1em; font-weight: normal} .EV_top_outbox .snswrap { position: absolute; right: 0; bottom: 0} .EV_top_outbox .snswrap img { width: 27px; padding-left: 3px;} .EV_top_outbox .snswrap.new a {display: inline-block;} .EV_top_outbox .snswrap.new img {width: 23px;} /*매장중고온라인 판매*/ .btn_gray_blue { background: #ffffff; border: 1px #d5d5d5 solid; display: inline-block; padding: 5px 15px 5px 15px;} .btn_gray_blue a { font-size: 1em; color: #1aa5e9;} .btn_sub_gray1 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #c2c2c2; color: #444; font-size: 12px; padding: 1px 5px; height: 19px; text-align: center; line-height: 150%;} .btn_select { display: inline-block; background-color: #FFFFFF; border: 1px solid #4cc4ff; color: #1aa5e9; font-size: 0.9em;} .btn_select a { display: inline-block; background-color: #FFFFFF; color: #1aa5e9; padding: 3px 12px 3px 11px;} .btn_used_text1 { color: #1aa5e9; padding: 0px 5px 0px 0px; line-height: 160%;} .btn_used_text1 a:link { color: #1aa5e9;} .btn_used_text1 a:hover { color: #1aa5e9;} .btn_used_text1 a:visited { color: #1aa5e9;} /*해외주문*/ .order_tt_left { float: left; color: #084db4; font-size: 16px; font-weight: bold; padding: 15px 0 5px 10px;} .order_tt_right { float: right;} .order_btn_pink { background: #eb4096; border: 1px solid #d33182; text-align: center; color: #fff; font-size: 13px; margin: 10px 10px 5px 0; padding: 4px 10px 4px 10px; height: 19px; letter-spacing: -1px;} .order_tt_red { color: #f2291f; font-size: 16px; font-weight: bold; padding: 15px 0 5px 10px;} .dhl_info_box { background-color: #f5f5f5; margin: 5px 10px 10px 10px; padding: 10px; overflow: auto; border-radius: 5px;} .dhl_info_box dl { clear: both;} .dhl_info_box dt { float: left; width: 25%; font-size: 1.05em; padding-bottom:5px; } .dhl_info_box dd { float: left; width: 75%; font-size: 1.05em; padding-bottom:5px; } .dhl_info_box li { background: url(//image.aladin.co.kr/img/m/2016/dot.png) no-repeat left 8px; padding-left: 10px;} .dhl_info_text { margin: 10px;} .dhl_info_text li { padding-bottom: 3px;} .dhl_info_text li a { color: #084db4; text-decoration: underline;} .dhl_info_text .red_t { color: #f2291f;} .dhl_btn_box { width: 90%; margin: 0 auto 10px auto;} .order_btn_us { background-color: #ffffff; width: 47%; padding: 5px 0px 0 0px; margin-right: 5px; border: 1px #d52b79 solid; color: #d52b79; height: 26px; text-align: center; display: inline-block;} .dhl_address_box { border: 1px #c1bfbf solid; border-bottom: none; margin: 5px 10px; width:93%; } .dhl_address_box li { border-bottom: 1px #c1bfbf solid; padding: 5px;} .dhl_address_box input { border: none; color: #808080; width: 100%; padding: 5px 0;} .dhl_address_box .inputon { color: #333;} .dhl_address_box .inputoff { color: #808080;} .dhl_address_box2 { background: #fff; border: 1px solid #c1bfbf; color: #808080; padding: 10px 5px 10px 10px; margin: 10px 10px 5px 10px} .dhl_option_box { padding: 8px 10px; border-bottom: 1px #dcdcdc solid; overflow: auto;} /*20160831 상품페이지 품절관련 레이어 */ .m_layer_soldout { margin: 0; padding: 2% 4%; width: 91.5%; border: 1px #c7c7c7 solid; clear: both;} .m_soldout_conts { padding: 0; margin: 0; line-height: 160%; text-decoration: none;} .m_soldout_conts li { padding: 0 0 0 8px; color: #333333; background: url(/ucl_editor/img_secur/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} /*20160831 목록페이지 도서관검색버튼 */ .bk_btn_library { background: url(//image.aladin.co.kr/img/m/2012/btn_keep_bg.jpg) bottom left repeat-x; width: 99%; padding: 9px 0px 0 0px; background-color: #fff; font-size: 16px; border: 1px #c9c9c9 solid; color: #565656; height: 29px; text-align: center;} .popup_box3_borrwmoney { border: 1px #f13894 solid; width: 100%; background-color: #FFFFFF; margin: 0 auto} .popup_box3_borrwmoney h1 { color: #f13894; width: 70%; float: left} /*굿즈모음페이지*/ .goodsall_top { margin: 15px;} .goodsall_top h2 { font-size: 2.0em; font-weight: normal; letter-spacing: -1px; color: #000; margin-bottom: 10px;} .goodsall_top h2 .g_t { text-transform: capitalize; font-weight: bold;} .goodsall_top .tag_box { background-color: #e8e8e8; padding: 10px 2px 0 10px; overflow: auto;} .goodsall_top .tag_box li { float: left; padding: 0 8px 10px 0; font-size: 1.1em;} .goodsall_top .tag_box .on { font-weight: bold; text-decoration: underline;} .tag_box .c_blue a { color: #0376ac;} .tag_box .c_pink a { color: #e44c7e;} .tag_box .c_orange a { color: #ff7800;} .tag_box .c_green a { color: #499a13;} .tag_box .c_sky a { color: #009e8c;} .tag_box .c_purple a { color: #9c61c9;} .goodsall_sort { margin: 10px 15px} .goodsall_sort .l_text { float: left; font-size: 1.0em; width: 70%; padding-top: 3px;} .goodsall_sort .r_sort { float: right; width: 30%;} .goodsall_list { margin: 0 10px;} .goodsall_list ul { clear: both;} .goodsall_list li { float: left; width: 46%; margin: 2%;} .goodsall_list dl {} .goodsall_list dt img { width: 100%; height: 150px; border: 1px #dfdfdf solid;} .goodsall_list dd { margin: 5px 0;} .goodsall_list .goods_tt { font-size: 1.0em; font-weight: bold;} .goodsall_list .goods_p { font-size: 1.0em; color: #f0447d;} /*161006 텍스트 버튼 추가*/ .seller_Tbtn { float: right;} .seller_Tbtn a { float: right; color: #4d92d9} /* color:#33afe9;*/ .seller_Qbox { margin: 0 12px 10px 12px; padding: 6px 12px; text-align: left; line-height: 150%; background: #f3f3f3; letter-spacing: 0px;} .seller_Qbox li { padding: 0; margin: 0; color: #555555;} /*161012 텍스트 컬러 추가*/ .sp_f_color9 { color: #ff7c00;} /*오렌지f82987*/ /*카드리뷰*/ .p_icon_play { position: absolute; left: 40%; top: 40%; z-index: 99;} /*161103_회원가입 css 추가*/ .join_Tbg1 { padding: 12px 16px 0px 16px; border-top: 1px solid #e9e9e9;} .join_title1 { color: #126ecc; font-size: 1.2em; font-weight: bold;} .join_id_text1 { font-size: 1em; letter-spacing: 1px} /* 탭 */ .join_tab_box { padding: 10px 12px 0 12px; text-align: center;} .join_tab_h1 { float: left; width: 24.5%; padding: 11px 0; background-color: #f6f6f6; font-size: 0.9em; border: 1px #ddd solid; color: #777; line-height: 140%;} .join_tab_h2 { float: left; width: 24.5%; padding: 11px 0; background-color: #f6f6f6; font-size: 0.9em; border-top: 1px #ddd solid; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid; color: #777; line-height: 140%;} .join_tab_h1_on { float: left; width: 24.5%; padding: 11px 0; background-color: #666; font-size: 0.9em; border: 1px #666 solid; color: #fff; line-height: 140%;} .join_tab_h2_on { float: left; width: 24.5%; padding: 11px 0; background-color: #666; font-size: 0.9em; border-top: 1px #666 solid; border-bottom: 1px #666 solid; border-right: 1px #666 solid; color: #fff; line-height: 140%;} /*161104 로그인 페이지 수정 및 타계정 로그인 추가*/ .m_button_login3 { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; text-align: center; overflow: hidden; border: #f01d8b 1px solid; text-decoration: none !important; cursor: pointer; background-color: #f01d8b; width: 100%; height: 18px; font-size: 15px; font-weight: bold; padding: 34px 0} .m_button_login3 a:link { text-decoration: none !important;} .m_button_login3 a:hover { text-decoration: none !important;} .m_button_login4 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #cdcbcb; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #fff; width: 100%; margin-top: 7px; font-size: 15px; font-weight: bold; padding: 12px 0 11px 0; letter-spacing: -1px} .m_button_login4 a:link { text-decoration: none !important;} .m_button_login4 a:hover { text-decoration: none !important;} .m_button_login5 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #cdcbcb; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #fff; width: 100%; margin-top: 7px; font-size: 15px; font-weight: bold; padding: 12px 0 10px 0; letter-spacing: -1px; color: #555;} .m_button_login5 a:link { color: #555; text-decoration: none !important;} .m_button_login5 a:hover { color: #555; text-decoration: none !important;} .m_button_login5 a:visited { color: #555; text-decoration: none !important;} .m_button_login5 img { padding-bottom: 4px;} .m_button_login6 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #cdcbcb; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #fff; width: 100%; margin-top: 7px; font-size: 1.2em; font-weight: bold; padding: 20px 0 19px 0; letter-spacing: -1px; color: #df307f;} .m_button_login6 a:link { text-decoration: none !important; color: #df307f;} .m_button_login6 a:hover { text-decoration: none !important; color: #df307f;} .m_button_login6 a:visited { text-decoration: none !important; color: #df307f;} .m_button_login7 { display: inline-block; *zoom: 1; *display: inline; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #df307f; width: 100%; font-size: 15px; font-weight: bold; padding: 20px 0; margin-top:10px} .m_button_login7 a:link { text-decoration: none !important;} .m_button_login7 a:hover { text-decoration: none !important;} .m_Alogin_left { float: left; padding: 0; margin: 0; width: 49%; padding-right: 2%} .m_Alogin_right { float: left; padding: 0; margin: 0; width: 49%;} .m_login_form1 { width: 94%; font-size: 1em; color: #333; border: 1px solid #cdcbcb; padding: 7px 3%;} .m_login_form2 { width: 24%; font-size: 1em; color: #333; border: 1px solid #cdcbcb; padding: 7px 3%;} .m_login_form3 { width: 30%; font-size: 1em; color: #333; border: 1px solid #cdcbcb; background: url(//image.aladin.co.kr/img/m/2016/arrow_down.png) no-repeat right #f5f5f5; background-size: 25px; padding: 0 3%; height: 34px; -webkit-appearance: listbox; border-radius: 0px; letter-spacing: -1px;} /*161130 장바구니 버튼 추가*/ .bk_btn_box_pink_stroke { background: url(//image.aladin.co.kr/img/m/2012/btn_bg.jpg) bottom left repeat-x #ffffff; border: 1px solid #eb4096; text-align: center; color: #eb4096; font-size: 13px; margin: 0 2px; padding: 2px 6px 5px 6px; height: 19px; width: 52px; letter-spacing: -1px;} .bk_btn_box_pink_full { background: #eb4096; border: 1px solid #d33182; text-align: center; color: #fff; font-size: 13px; margin: 0 2px; padding: 2px 6px 5px 6px; height: 19px; letter-spacing: -1px; width: 52px;} /*161215 장바구니 버튼 추가*/ .m_logindone_outbox { clear: both; padding: 20px; overflow: hidden} .m_logindone_inbox { clear: both; overflow: hidden} .m_logindone_list { list-style: none; padding: 5px 0;} .m_logindone_list li { background: url(http://www.aladin.co.kr/img/account/bt_black.jpg) 0 6px no-repeat; padding: 0 0 2px 8px;} .bk_btn_blue3 { background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg.jpg) bottom left repeat-x; width: 90%; padding: 10px 0px; font-size: 1em; border: 1px #227bd4 solid; color: #fff; margin: 0 auto;} .m_login_text1 { font-size: 1em; color: #222;} /*161226_전자책 대여제*/ .mp_ebook_rent_label { display: inline-block; text-align: center; background: #0892da; color: #ffffff; border-radius: 1px; font-size: 14.4px; ; padding: 2px 7px 0px 7px; font-weight: normal; line-height: 120%;} .mp_ebook_btn1 { background: #0892da; /*background:#e8243c;*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_ebook_btn2 { background: #1b6bbb; /*background:#33afe9;e8243c*/ text-align: center; color: #FFFFFF; font-size: 16.8px;} .mp_ebook_btn3 { display: inline-block; text-align: center; background: #0892da; border-radius: 1px; font-size: 14.4px; ; font-weight: normal} /*단독버튼:글자에 맞춰짐-분홍배경*/ .mp_ebook_btn3 a:link { color: #fff; padding: 3px 7px; display: block} .mp_ebook_btn3 a:visited { color: #fff;} .mp_best_text_rent { color: #0892da;} .btn_select_g { display: inline-block; background-color: #14ae3c; border: 1px #14ae3c solid; color: #FFFFFF; font-size: 0.9em;} .btn_select_g a { display: inline-block; background-color: #14ae3c; color: #FFFFFF; padding: 3px 8px 3px 7px;} /* 20140925 레이어 추가 */ .popup_box3 { border: 1px #3084d9 solid; width: 100%; background-color: #FFFFFF; margin: 0 auto} .popup_box3 .right { float: right; text-align: right; padding: 2px 0 0 0} .popup_box3_borrwmoney { border: 1px #f13894 solid; width: 100%; background-color: #FFFFFF; margin: 0 auto} .popup_box3_borrwmoney h1 { color: #f13894; width: 70%; float: left} .popup_box3_borrwmoney .x1 { float: right; width: 29%; text-align: center} .button_gray_layer { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #bababa; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #f3f3f3;} /*기본 그레이 버튼*/ .button_gray_layer a:link { text-decoration: none !important;} .button_gray_layer a:hover { text-decoration: none !important; background: #ececec;} a.button_small_layer { outline: 0; color: #333 !important; font-size: 0.9em; line-height: 1.2em; display: block; white-space: nowrap; padding: 3px 7px 2px 8px;} /*기본 11픽셀 검정 링크*/ .pop_box_conts9 { margin: 0 12px; padding: 10px 0px 15px 0; text-align: center;} .pop_box_conts9_txt { text-align: center; padding: 20px 0px 0 0; font-size: 1em; line-height: 1.4em} .pop_box_conts9_txt h3 { padding: 0 0 10px 0} .pop_box_conts10 { padding: 15px 0px 5px 0; width: 88%; margin: 0 auto} .pop_box_conts10 .left { text-align: left; float: left; width: 70%} .pop_box_conts10 .right { float: right; width: 30%} .popup_t_pink { color: #f02492;} .popup_t_blue { color: #008acb;} .pop_box_title_t1 { font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%; float: left; width: 85%; padding-top: 7px; text-align: center;} /*음반 차트 반영 안내*/ .music_chart { float: left; padding-top: 12px; font-size: 1.0em; line-height: 1.3em; color: #ff6c00;} .categ_wrap { clear: both; background: #f7f7f7; padding: 8px 11px; border-bottom: 1px solid #ededed;} /* 170419 모바일 댓글 부분 */ .m_comm_select { width: 100%; background: url(//image.aladin.co.kr/img/usedshop/C2C/arrow_down_3.png) no-repeat right #fff; background-size: 23px auto; border: 1px solid #bbbbbb; padding: 1% 2%; -webkit-appearance: none; border-radius: 0px; color: #333;} .m_comm_line { clear: both; height: 1px; background: #dddddd; margin: 20px 0; overflow: hidden;} .contents_title_box6 { clear: both; padding: 15px; overflow: hidden;} .contents_title_box7 { clear: both; padding: 10px 0 10px 0; overflow: hidden; border-bottom: 1px dotted #CCCCCC;} .w_off_blet { clear: both; padding: 15px 0;} .w_off_blet li { padding: 0 0 2px 8px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 6px; font-size: 1.05em} /* 출판사 이벤트 코너 레이어*/ .E_Pub_box { margin: 0; padding: 0;} .E_Pub_share_layer { position: absolute; top: 135px; right: 20px; background-color: #ffffff; width: 42%; margin: 0 auto; text-align: center; padding: 2% 3%; border: 1px solid #ccc; overflow: hidden; box-shadow: 0 1px 1px #555;} .E_Pub_share_icon img { width: 34px; padding: 5% 2%;} .M_EV_box { float: left; margin: 0; padding: 0 2%; width: 46%; text-align: center;} .M_EV_book_cover { margin: 0 auto 4px auto; padding: 0; width: 110px;} .M_EV_book_box { width: 100%; height: 180px; padding: 0; text-align: center; position: relative; overflow: hidden;} .M_EV_book_in { position: absolute; bottom: 3px; padding: 0px; width: 100%;} .M_EV_book_img { text-align: center; width: 110px;} .M_EV_book_label { position: absolute; width: 110px; text-align: right; bottom: 3px;} .M_EV_book_text { font-size: 16px; ; text-align: center; width: 100%; color: #222;} .M_EV_book_text a { color: #222;} /* 선물하기 - 발송문자 및 메일 */ .giftMSG_h { background: #33afe9; color: #FFFFFF; width: 96%; padding: 5px 2%;} .giftMSG_h p { float: left; text-align: left; padding: 8px 0; font-size: 1.2em; width: 83%;} .giftMSG_h .logo { float: right; text-align: right; padding: 8px 0; font-size: 1.1em; width: 15%;} .giftMSG_cont1 { padding: 25px; margin: 0; overflow: hidden;} .giftMSG_cont2 { padding: 20px; margin: 0; overflow: hidden;} .giftMSG_space1 { clear: both; height: 5px;} .giftMSG_space2 { clear: both; height: 10px;} .giftMSG_font1 { font-size: 1.2em; color: #222222; text-align: center;} .giftMSG_font2 { font-size: 1.2em; color: #33afe9; text-align: left; font-weight: 600;} .giftMSG_font3 { font-size: 1em; color: #555555;} .giftMSG_font4 { font-size: 1.2em; color: #222222; text-align: center; letter-spacing: 1px; font-family: verdana;} .giftMSG_font5 { font-size: 1em; color: #222222; font-weight: 600;} .gift_list1 { clear: both; padding: 0 0px; margin: 0;} .gift_list1 li { position: relative; padding: 2px 0; font-size: 1em;} .gift_list1 li .title { position: absolute; left: 0; width: 70px; color: #555555;} .gift_list1 li .answer { margin-left: 70px; color: #222222;} .gift_list2 { clear: both; padding: 0 0px; margin: 0;} .gift_list2 li { padding: 2px 0; font-size: 1em; color: #222222;} .gift_list3 { clear: both; padding: 0 0px; margin: 0;} .gift_list3 li { padding: 2px 0; margin: 0; font-size: 1em; line-height: 140%; color: #222;} .gift_list3 li a { color: #222; text-decoration: none;} .gift_list3 li img { width: 15px; padding: 0px 2px 2px 2px;} .gift_finish { position: absolute; width: 80px; height: 80px; z-index: 5px; bottom: 45px; right: 25px;} .giftMSG_grid_box { clear: both; height: 1px; background: #e0e0e0; margin-top: 20px; margin-bottom: 15px; position: relative;} /* 선물하기 - 상품페이지 버튼 20170523 */ .mp_coffee_giftbtn { background: #ffffff; border: 1px solid #df307f; text-align: center; color: #FFFFFF; font-size: 16.8px; ; width: 40%;} a.mp_coffeeT_btn_pink:link { color: #df307f; display: block; padding: 6px 0px;} a.mp_coffeeT_btn_pink:visited { color: #df307f; display: block;} a.mp_coffeeT_btn_pink:hover { color: #df307f; display: block;} /*검색결과 - 출판사 마켓*/ .br_market_wrap { background-color: #f5f5f5; overflow: auto; padding: 10px; margin-top: 8px;} .br_market_wrap .br_logo { float: left; width: 80px; height: 80px; background-color: #FFFFFF; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden;} .br_market_wrap .br_logo img { width: 80px;} .br_market_wrap .br_text { float: left; width: 71%; padding-left: 2%; padding-top: 5px;} .br_market_wrap .br_text .b_name { font-size: 1.1em; font-weight: bold; letter-spacing: -1px; padding-bottom: 0px;} .br_market_wrap .br_text .br_gift { background: url(//image.aladin.co.kr/img/brand/gift2.png) no-repeat left 3px; padding-left: 17px; margin-top: 0px; margin-bottom: 3px; color: #ee3c97;} .br_market_wrap .br_text .br_gift a:link { color: #ee3c97; text-decoration: none;} .br_market_wrap .br_text .br_gift a:hover { color: #ee3c97; text-decoration: none;} .br_market_wrap .br_text .br_gift a:visited { color: #ee3c97; text-decoration: none;} /* 검색 결과 키워드 배너 텍스트*/ .search_keyword { padding: 5px 12px 15px 12px; font-size: 16px; ; border-bottom: 1px solid #d5d5d5; text-align: left; color: #222222;} .search_keyword a { color: #222222;} /*커피스탬프 p페이지 레이어*/ .coffee_stamp_layer { background: #ffffff; width: 240px; overflow: hidden; border: 2px #fe87af solid;} .coffee_stamp_layer .l_tt { background-color: #fe87af; position: relative; padding: 3px 5px; font-size: 1.15em; color: #ffffff; font-weight: 600;} .coffee_stamp_layer .l_cont { padding: 10px; font-size: 1.0em;} .coffee_stamp_layer_close { position: absolute; top: 4px; right: 5px;} .coffee_stamp_layer .more_btn { display: inline-block; background: #ffffff; border: 1px #ccc solid; color: #000000; margin: 0 5px; background-color: #f5f5f5; border-radius: 4px;} .coffee_stamp_layer .more_btn a { color: #555; padding: 2px 6px 0 4px; display: block; font-size: 0.9em;} .bk_title_g1_n { clear: both; text-align: right; padding-right: 10px; color: #999999;} .bk_conts_box1_n { margin: 0 12px 5px 12px; padding-bottom: 3px; font-size: 15px; color: #444; overflow: hidden; border-bottom: 2px solid #b6b6b6;} /*2017 회원가입 추가*/ #join_title1 { width: 87%; margin: 0 auto; padding: 40px 0 30px 0} #join_title1 h1 { font-size: 2.2em; width: 68%; float: left; font-weight: normal; line-height: 1.2em; letter-spacing: -2px} #join_title1 .right { width: 32%; float: right; line-height: 1.4em} #join_title1 a { color: #787878; font-size: 0.9em} #join_title2 { width: 87%; margin: 0 auto; padding: 40px 0 30px 0} #join_title2 h1 { font-size: 2.2em; width: 55%; float: left; font-weight: normal; line-height: 1.2em; letter-spacing: -2px;} #join_title2 .right { width: 45%; float: right; line-height: 1.4em; padding-top: 5%; text-align: right} #join_title2 a { color: #787878; font-size: 0.9em} #join_title3 { width: 87%; margin: 0 auto; padding: 40px 0 30px 0} #join_title3 h1 { font-size: 2.2em; width: 55%; float: left; font-weight: normal; line-height: 1.2em; letter-spacing: -2px} #join_title3 .right { width: 43%; float: right; line-height: 1.4em} #join_title3 a { color: #787878; font-size: 0.9em} #join_title4 { width: 87%; margin: 0 auto; padding: 40px 0 30px 0} #join_title4 h1 { font-size: 1.8em; font-weight: normal; line-height: 1.2em; letter-spacing: -2px} #join_title4 a { color: #787878; font-size: 0.9em} #join_box1 { width: 87%; margin: 0 auto; padding: 1% 0} #join_box1 ul { padding: 0; margin: 0;} #join_box1 ul li { display: inline; float: left} #join_box1 .left1 { width: 32%; padding: 13px 0 0 0; font-size: 1em; color: #333} #join_box1 .left2 { width: 32%; padding: 0; font-size: 1em; color: #333} #join_box1 .right1 { width: 68%; text-align: left} #join_box1 .right2 { width: 68%; padding: 10px 0 0 0; text-align: left} #join_box1 .right3 { width: 68%; padding: 5px 0 0 0; text-align: left} .join_form1 { border: 1px solid #8acceb; padding: 0 10% 0 3%; height: 42px; margin: 0; color: #33afe9; width: 101%; background: #fff; background: url(//image.aladin.co.kr/img/m/2017/join_bt_down4.png) no-repeat 100% 50%; vertical-align: middle; -webkit-appearance: none; border-radius: 0px;} .join_form2 { border: 1px solid #d9d9d9; padding: 0 3%; height: 40px; color: #333; width: 94%; background: #fff} .join_form3 { border: 0; width: 90%; padding: 0 5%; height: 40px; background: transparent; color: #333;} .join_form3_out { border: 1px solid #d9d9d9; height: 36px; padding: 4px 0 0 0; width: 100%; background: #fff; text-align: right} .join_form3_out .left { float: left; width: 70%;} .join_form3_out .right { float: left; width: 28%;} .join_line1 { border-bottom: 1px solid #e5e5e5; padding: 33px 0 0 0} .join_line2 { border: 1px solid #e5e5e5; padding: 7px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom: 10px} .join_sp1 { padding-bottom: 30px} .join_button_blue { display: inline-block; padding: 0; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #33afe9; width: 100%} /*기본 블루 버튼*/ .join_button_red { display: inline-block; padding: 0; vertical-align: middle; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #df307f; width: 100%} /*기본 블루 버튼*/ .join_button_blue a:link { text-decoration: none !important;} .join_button_blue a:hover { text-decoration: none !important; background: #0587c4;} a.join_button_white { outline: 0; color: #FFF !important; font-size: 0.9em; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height: 16px; display: block; white-space: nowrap; background-color: transparent; border-color: #195fa5; margin: 0; border: 0; padding: 0px} a.join_button_white_big { outline: 0; color: #FFF !important; font-size: 1.5em; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height: 16px; display: block; white-space: nowrap; background-color: transparent; border-color: #195fa5; margin: 0; border: 0; padding: 0px} .join_check img { padding-right: 5px} .join_check div { padding-bottom: 2%} .join_check ul { padding: 0; margin: 0; width: 100%} .join_check ul li { display: inline} .join_check .left { float: left; width: 75%;} .join_check .right { float: right; width: 24%; text-align: right;} .join_boxgray { background: #fafafb; border: 1px solid #f4f2f2; padding: 4%; width: 92%} .join_boxgray .left { float: left; width: 70%;} .join_boxgray .right { float: right; width: 30%; text-align: right;} .join_boxgray ul { padding: 0; margin: 0; width: 100%} .join_boxgray ul li { display: inline; padding-bottom: 5px} .tap_join_blue { border: 1px solid #dadada; width: 100%} .tap_join_blue .tap { padding: 12px 0; float: left; line-height: 1.2em; text-align: center; font-size: 0.9em;} .tap_join_blue .tap2 { padding: 12px 0; float: left; line-height: 1.2em; text-align: center; font-size: 0.9em; border-left: solid 1px #e9e8e8} .tap_join_blue .tapon { padding: 12px 0; background-color: #33afe9; float: left; line-height: 1.2em; text-align: center; font-size: 0.9em; color: #FFF} .tap_join_blue .tapon2 { padding: 12px 0; background-color: #33afe9; float: left; line-height: 1.2em; text-align: center; font-size: 0.9em; border-left: solid 1px #e9e8e8} .join_copy { padding: 7% 0 5% 0; text-align: center; color: #b4b4b4; font-size: 0.9em; letter-spacing: 0} .join_text_center { text-align: center} .join_text_gray { padding: 5px 0 0 0; color: #8e8e8e; line-height: 1.2em} /*170823 교환반품 관련 배너*/ .goods_info { color: #3885c9;} .mp_black:link { color: #333; /*color:#000;*/} /*도서관사서 추가*/ .borrow_list {} .borrow_list ul { width: 90%; margin: 0 auto; padding: 12px 0} .borrow_list ul li { display: inline; text-align: left;} .borrow_list a { display: block; line-height: 1.5em; font-size: 1.1em; padding-bottom: 7px; color: #444444} /*2017 시요일*/ #siyoil_top { background: -moz-linear-gradient(left, #56bebf 0%, #6a77ba 100%); background: -webkit-linear-gradient(left, #56bebf 0%, #6a77ba 100%); background: linear-gradient(to right, #56bebf 0%, #6a77ba 100%); padding: 4px 0 2px 0} #siyoil_top .width1 { padding: 7px 0 5px 0; width: 90%; margin: 0 auto} #siyoil_top .logo { font-family: 나눔명조, Nanum Myeongjo; font-size: 2.1em; color: #fff} #siyoil_contant { width: 100%;} #siyoil_contant .bg1 { background: url(//image.aladin.co.kr/img/m/siyoil/siyoilbg_01.jpg) no-repeat center; background-size: 100% auto; overflow: hidden} #siyoil_contant .bg2 { background: url(//image.aladin.co.kr/img/m/siyoil/siyoilbg_02.jpg) no-repeat center; background-size: 100% auto; overflow: hidden;} #siyoil_contant .bg3 { background: url(//image.aladin.co.kr/img/m/siyoil/siyoilbg_03.jpg) no-repeat center; background-size: 100% auto; overflow: hidden;} #siyoil_contant .bg4 { background: url(//image.aladin.co.kr/img/m/siyoil/siyoilbg_04.jpg) no-repeat center; background-size: 100% auto; overflow: hidden;} #siyoil_contant .bg5 { background: url(//image.aladin.co.kr/img/m/siyoil/siyoilbg_05.jpg) no-repeat center; background-size: 100% auto; overflow: hidden;} #siyoil_contant .date1 { text-align: right; font-size: 1em; font-family: 나눔명조, Nanum Myeongjo; padding: 13px 25px 0 0; letter-spacing: 1px; color: #666666} #siyoil_contant .date2 { text-align: left; font-size: 1em; font-family: 나눔명조, Nanum Myeongjo; padding: 24px 0 0 0; letter-spacing: 1px; color: #666666} #siyoil_contant .text1 { text-align: center; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.5em; font-size: 1.5em; padding: 30px 0; color: #333} #siyoil_contant .text2 { text-align: center; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.7em; font-size: 0.8em; color: #666666} #siyoil_contant .text3 { text-align: left; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.4em; font-size: 1.5em; padding: 0px 0; color: #333; font-weight: bold} #siyoil_contant .text4 { text-align: left; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.6em; font-size: 0.7em; padding: 20px 0 0 0; color: #333; font-weight: normal} #siyoil_contant .text5 { text-align: right; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.5em; font-size: 0.6em; font-weight: normal; padding: 20px 0;} #siyoil_contant .width2 { width: 90%; margin: 0 auto} #siyoil_tag { width: 95%; margin: 0 auto; text-align: center; padding: 15px 0 18px 0} #siyoil_tag .hashtag1 { background: #f4f4f4; border: 1px solid #dbdadb; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: inline-block; padding: 7px 20px; margin: 7px 2px} #siyoil_tag .hashtag1 a { color: #787878; font-family: Arial, Helvetica, sans-serif; font-size: 1em} .hashtag1 { background: #f4f4f4; border: 1px solid #dbdadb; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; display: inline-block; padding: 7px 20px; margin: 7px 2px} .hashtag1 a { color: #787878; font-family: Arial, Helvetica, sans-serif; font-size: 1em} .siyoil_line1 { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #eeeded; background: #f6f6f6; height: 8px} .siyoil_line2 { border-bottom: 1px solid #dcdcdc;} .siyoil_title { padding: 10px 0; width: 90%; margin: 0 auto} .siyoil_title_left1 { float: left; width: 70%; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.7em; font-size: 1.6em; letter-spacing: -1px} .siyoil_title_right1 { float: right; width: 25%; padding: 10px 0 0 0px; text-align: right} .siyoil_title_right1 a { color: #787878; font-size: 0.9em} .siyoil_title2 { padding: 30px 0; width: 90%; margin: 0 auto} .siyoil_title_left2 { float: left; width: 70%; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.7em; font-size: 1.6em; letter-spacing: -1px} .siyoil_title_right2 { float: right; width: 25%; padding: 0px; text-align: right} .siyoil_title_right2 a { color: #787878} .siyoil_title2 .text1 { font-size: 0.6em; color: #888; line-height: 1.5em;} .siyoil_img {} .siyoil_img ul { padding: 0; margin: 0} .siyoil_img ul li { padding-top: 1px} .siyoil_thema { width: 640px; overflow: hidden} .siyoil_thema ul { padding: 0; margin: 0} .siyoil_thema ul li { float: left; width: 110px; background: #333; position: relative} .siyoil_thema .bg_thema1 { background: url(//image.aladin.co.kr/img/m/siyoil/siyoil_thema_01.jpg) no-repeat; opacity: 0.5; background-size: 100%; height: 65px; text-align: center; color: #fff;} .siyoil_thema .bg_thema2 { background: url(//image.aladin.co.kr/img/m/siyoil/siyoil_thema_02.jpg) no-repeat; opacity: 0.5; background-size: 100%; height: 65px; text-align: center; color: #fff;} .siyoil_thema .bg_thema3 { background: url(//image.aladin.co.kr/img/m/siyoil/siyoil_thema_03.jpg) no-repeat; opacity: 0.5; background-size: 100%; height: 65px; text-align: center; color: #fff;} .text_white1 { line-height: 1.3em; text-align: center; position: absolute; z-index: 999; color: #fff; font-size: 1em; width: 90%; margin: 0 auto; left: 5%; padding: 15px 0 0 0} .siyoil_thema_list .list_t1 { font-size: 1em; color: #333; padding: 10px 0; font-family: Arial, Helvetica, sans-serif; width: 90%; margin: 0 auto;} .siyoil_thema_list .list_t2 { font-family: 나눔명조, Nanum Myeongjo; line-height: 1.7em; font-size: 1.5em; padding: 15px 0 0 0; width: 90%; margin: 0 auto; font-weight: bold; color: #333;} .siyoil_thema_list .list_t3 { font-size: 0.9em; color: #999; padding: 5px 0 20px 0; font-family: Arial, Helvetica, sans-serif; width: 90%; margin: 0 auto; line-height: 1.5em} #siyoil_view { width: 90%; margin: 10px auto 0 auto;} #siyoil_view .left1 { float: left; width: 50%; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.3em; font-size: 1em; padding: 10px 0; color: #666; letter-spacing: 1px; padding: 15px 0 0 0} #siyoil_view .right1 { float: right; width: 50%; text-align: right} #siyoil_view .sitext1 { text-align: center; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.6em; font-size: 1.8em; padding: 40px 0 0 0; color: #333; font-weight: bold} #siyoil_view .sitext2 { text-align: center; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.3em; font-size: 1em; padding: 10px 0; color: #787878} #siyoil_view .sitext3 { text-align: center; font-family: 나눔명조, Nanum Myeongjo; line-height: 1.9em; font-size: 1em; padding: 30px 0 40px 0; color: #333} .siyoil_book { width: 90%; margin: 30px auto;} .siyoil_book .left1 { float: left; width: 40%;} .siyoil_book .right1 { float: right; width: 60%;} .siyoil_book .box1 { background: #f6f6f6; border: 1px solid #e5e1e1;} .siyoil_book .titlebg { color: #fff; background: -moz-linear-gradient(left, #6e7cd1 0%, #6fa0e8 100%); background: -webkit-linear-gradient(left, #6e7cd1 0%, #6fa0e8 100%); background: linear-gradient(to right, #6e7cd1 0%, #6fa0e8 100%); text-align: center; padding: 7px 0; font-family: Arial, Helvetica, sans-serif} .siyoil_book ul { width: 95%; margin: 0 auto} .siyoil_book ul li { display: inline; float: left; width: 33%; text-align: center; padding: 20px 0} .siyoil_book .h1 { height: 110px; overflow: hidden} .siyoil_book .sitext4 { font-family: Arial, Helvetica, sans-serif; line-height: 1.3em; font-size: 1.3em; padding: 5px 0 0 0; color: #333} .siyoil_book .sitext5 { font-family: Arial, Helvetica, sans-serif; line-height: 1.4em; font-size: 1em; padding: 30px 0 0 0; color: #333} .siyoil_book .sitext6 { font-family: Arial, Helvetica, sans-serif; line-height: 1.5em; font-size: 1em; padding: 0; color: #999} .siyoil_book a { color: #333} .siyoil_book .gray { color: #999} /*170920 이전에 구매하였던 세트에 포함된 상품입니다.*/ .bk_btn_basket_1 { background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg.jpg) bottom left repeat-x; width: 99%; padding: 7px 0px 0 0px; background-color: #549ee8; font-size: 15px; border: 1px #227bd4 solid; color: #fff; height: 26px; text-align: center; border-radius: 6px;} .bk_btn_box33 { background: url(//image.aladin.co.kr/img/m/2012/btn_bg_b.jpg) bottom left repeat-x; border: 1px solid #3386da; text-align: center; color: #fff; font-size: 15px; margin: 0 2px; padding: 2px 6px 5px 6px; height: 19px; width: 52px; letter-spacing: -1px;} .nm_title_p { padding: 10px 12px 10px 12px; font-size: 16px; font-weight: bold; color: #e43c8a; border-bottom: 0px #dcdcdc solid; letter-spacing: -0.5px;} .myac { color: #0c58a6;} .myac a { color: #0c58a6; text-decoration: none;} .nm_a { font-weight: 600; background: url(//image.aladin.co.kr/img/m/2017/br_dot.png) no-repeat 0px 8px; padding: 0 0 0 10px;} .nm_b { color: #0c58a6; font-size: 13px; padding: 0 0 10px 5px;} .nm_b a { color: #0c58a6; font-size: 13px; padding: 0 0 10px 5px; text-decoration: none;} .nm_sub { padding-top: 10px;} .exect_box { clear: both; text-align: right; margin: 5px 0 15px 0; background-size: 25px;} /*추천마법사-이벤트 말풍선-핑크*/ .genie_m_2017_wrap { position: relative; margin-bottom: -20px;} .genie_m_2017_wrap_in { border-radius: 3px; background: #fb5e5e; margin: 11px 10px 0 11px; padding-bottom: 10px; position: relative} .genie_m_2017_wrap_t { color: #FFFFFF; padding: 10px 0 0 10px; width: 95%; letter-spacing: -1px; position: relative;} .genie_m_2017_wrap_jumpwrap {} .genie_m_2017_wrap_jump { position: absolute; bottom: 10px; right: 10px; padding: 3px 10px 0 10px; background: url(//image.aladin.co.kr/img/common/drop_01.png) no-repeat right #333; width: 55%; height: 25px} .genie_m_2017_wrap_jump a:link { color: #fff; display: block} .genie_m_2017_wrap_jump a:visited { color: #fff} .genie_m_2017_wrap_layer { width: 260px; position: absolute; right: 15px; padding: 5px 10px; box-shadow: 1px 1px 2px rgba(0, 0, 0, .1); z-index: 15; border: 1px solid #009e9e; background: #fffae8;} .genie_m_2017_wrap_layer li { list-style: none;} .genie_m_2017_wrap_layer li a:link { color: #333333; display: block; padding: 5px 10px} .genie_m_2017_wrap_layer li a:hover { color: #333333; text-decoration: none; background: #fff2ca;} .genie_m_2017_wrap_layer li a:visited { color: #333333;} .genie_m_2017_arrow { clear: both; padding: 7px 0 0 20px} .genie_m_2017_wrap .t1 { color: #ffffff} .genie_m_2017_wrap .t2 { color: #ffffff; font-size: 0.8em} /* 20171211_달려라책 */ .book_wap { border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; padding: 8px 0 8px 8px;} .book2017 { float: left; width: 80%; display: inline; font-family: '굴림', Gulim, '나눔고딕', NanumGothic, '돋움', Dotum, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', 'Helvetica', 'AppleGothic', 'Sans-serif'; letter-spacing: 0; font-size: 15px; color: #333} .book2017 a { float: left; width: 80%; display: inline; font-family: '굴림', Gulim, '나눔고딕', NanumGothic, '돋움', Dotum, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', 'Helvetica', 'AppleGothic', 'Sans-serif'; letter-spacing: 0; font-size: 15px; color: #333} .book_run { float: left; width: 80%; display: inline; font-family: '굴림', Gulim, '나눔고딕', NanumGothic, '돋움', Dotum, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', 'Helvetica', 'AppleGothic', 'Sans-serif'; letter-spacing: 0; font-size: 17px; font-weight: 700; color: #0089ff;} .book_run a { float: left; width: 80%; display: inline; font-family: '굴림', Gulim, '나눔고딕', NanumGothic, '돋움', Dotum, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', 'Helvetica', 'AppleGothic', 'Sans-serif'; letter-spacing: 0; font-size: 17px; font-weight: 700; color: #0089ff;} .book_run a:hover { float: left; width: 80%; display: inline; font-family: '굴림', Gulim, '나눔고딕', NanumGothic, '돋움', Dotum, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', 'Helvetica', 'AppleGothic', 'Sans-serif'; letter-spacing: 0; font-size: 17px; font-weight: 700; color: #0089ff;} .book_run a:active { float: left; width: 80%; display: inline; font-family: '굴림', Gulim, '나눔고딕', NanumGothic, '돋움', Dotum, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', 'Helvetica', 'AppleGothic', 'Sans-serif'; letter-spacing: 0; font-size: 17px; font-weight: 700; color: #0089ff;} .book_run a:visited { float: left; width: 80%; display: inline; font-family: '굴림', Gulim, '나눔고딕', NanumGothic, '돋움', Dotum, 'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', 'Helvetica', 'AppleGothic', 'Sans-serif'; letter-spacing: 0; font-size: 17px; font-weight: 700; color: #0089ff;} .book_go { width: 20%;} /* 2017모바일 배너 추가*/ .banner_main_m1 { padding-bottom: 15px; background: #FFFFFF; background: url(//image.aladin.co.kr/img/ad/banner/2017/20171215_shift_bg1.jpg) repeat-x; height: 80px; text-align: center} .banner_main_m1 img { height: 80px} .banner_main_m2 { background: url(//image.aladin.co.kr/img/ad/banner/2017/20171215_shift_bg1.jpg) repeat-x; height: 80px; text-align: center} .banner_main_m2 img { height: 80px} /* 선물 상자 레이어 */ .orderGiftSampleLayer .pop_img img { width: 100%;} .orderGiftSampleLayer { /* background-color:transparent; */ background-color: white; float: left; width: 100%; height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; -webkit-user-select: none;} /*새로나온책 정렬옵션*/ .newbook_sort { padding: 10px 0 0 0; font-size: 0.9em;} .newbook_sort a { color: #333; padding: 0 3px;} .newbook_sort .on { font-weight: bold; color: #d84e7d;} .newbook_sort .on_arrow { font-size: 0.6em; display: inline-block; vertical-align: middle; color: #555;} .finish-event { height: 6.2em; background:#ff0000; color:#FFFF33;/*background-color:#000; color:#fff;*/ font-size: 1.5em; font-weight: 600; line-height: 6.3em; text-align: center;} /*로그인 sns 버튼*/ .sns_login_wrap {} .sns_login_wrap li { float: left; width: 25%; text-align: center; margin-top: 10px;} .sns_login_wrap li img { width: 55px;} .login_event_bn { padding: 8px 0; text-align: center; margin: 15px 0 10px 0;} /*footer-본투리드배너*/ .bn_borntoread { clear: both; padding-top: 20px; padding-bottom: 56px;} .bn_borntoread img { width: 100%;} #search_new_layer { width: 100%; background-color: white;} #search_new_layer .title { background: #477be0; padding: 7px 10px; font-size: 1.1em; color: #fff; font-weight: 600;} #search_new_layer .title_left { float: left; color: #fff;} #search_new_layer .title_right { float: right;} #search_new_layer .store_box { width: 94%; margin: 0 auto; padding: 20px 0} #search_new_layer .store_box_in1 { text-align: left; padding: 8px 10px; margin-bottom: 10px; font-size: 1em; line-height: 1.2em; color: #333} #search_new_layer .store_box_in2 { line-height: 170%; padding: 10px; border: 1px solid #e1e1e1; background: #f6f6f6; width: 90%; margin: 0 auto 10px auto; font-size: 1em; line-height: 1.7em} #search_new_layer .store_box_in3 { line-height: 170%; padding: 0 10px; font-size: 1em; line-height: 1.5em} #search_new_layer .sell_price {padding: 0 10px 20px 10px; margin-top: -10px;} #search_new_layer .sell_price em { font-style: normal; color: #EB217C;} /*주문2단계 소득공제신청*/ .order_tt3 { float: left; color: #222222; font-size: 16px; font-weight: bold; padding: 10px 0 5px 10px;} /*190814 컬러값변경*/ .order_tt_btn { float: right; margin-top: 5px; margin-right: 10px;} .deduct_box_m { background-color: #f5f5f5; border: 1px #ccc solid; margin: 0 10px; padding: 10px 0;} .deduct_box_m .price_box_m { background-color: #ffffff; margin: 10px 5px; padding: 5px 3px; text-align: center;} .deduct_box_m .price_box_m .price_f_m { font-weight: bold; color: #cc3431;} .deduct_info_m ul { margin-bottom: 8px; padding: 0 0 0 10px;} .deduct_info_m ul li { padding: 0 17px 5px 8px; font-size: 1.0em; color: #333333; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} .caution_t_m { padding: 15px 10px; color: #FF0000; font-size: 1.1em;} .price_f2_m { color: #df307f; font-size: 1.1em; padding: 10px 0 5px 0; line-height: 20px; text-align: left; margin-left: 55px;} .price_f3_m { color: #df307f; font-size: 1.0em; padding: 0 10px 10px 10px; text-align: center;} /*주문3단계 소득공제신청*/ .payment_box_wrap { position: fixed; top: 0; left: 0; background-color: #eeeeee; height: 100%;} .payment_box_m { padding: 15px 15px; background-color: #f0f0f0;} .payment_box_m .payment_tt { font-size: 1.2em; line-height: 25px; letter-spacing: -1px;} .payment_box_m .payment_tt2 { display: inline-block; font-weight: bold; padding-top: 15px;} .payment_box_m .payment_tt3 { font-size: 1.2em; padding: 20px 0 25px 0; text-align: center;} .payment_box_m .pay_sub_t1 { color: #CC0000;} .payment_box_m .pay_sub_t2 { color: #1197e5;} .payment_box_m .deduct_pay1 { background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-left: 5px #299f00 solid; margin-bottom: 8px;} .payment_box_m .deduct_pay1 .l_amount { float: left; padding: 15px; width: 38%;} .payment_box_m .deduct_pay1 .l_amount .a_t { font-size: 1.3em;} .payment_box_m .deduct_pay1 .r_payment { float: right; color: #299f00; padding-right: 25px; padding-top: 25px; font-size: 1.1em;} .payment_box_m .deduct_pay2 { background-color: #ffffff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border-left: 5px #df307f solid;} .payment_box_m .deduct_pay2 .l_amount { float: left; padding: 20px 15px 25px 15px; width: 36%;} .payment_box_m .deduct_pay2 .l_amount .a_t { font-size: 1.3em;} .payment_box_m .deduct_pay2 .r_payment { float: right; padding-top: 15px; padding-right: 15px;} .payment_time { font-size: 14px; color: #df307f; padding-top: 5px; padding-left: 30px;} .button_payment { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #c82370; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #df307f;} .button_payment a:link { white-space: nowrap; text-decoration: none !important; outline: 0; color: #FFF !important; font-size: 16px; font-weight: bold; font-family: 'Apple SD Gothic Neo', malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height: 16px; display: block; white-space: nowrap; background-color: transparent; border-color: #c82370; margin: 0; border: 0; padding: 10px 20px 11px 20px;} .button_payment a:hover { text-decoration: none !important; background: #c82370 !important} .button_payment a:visited { text-decoration: none !important; outline: 0; color: #FFF !important; font-size: 16px; font-weight: bold; font-family: 'Apple SD Gothic Neo', malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; display: block; white-space: nowrap; background-color: transparent; border-color: #c82370; margin: 0; border: 0; padding: 10px 20px 11px 20px;} .button_payment_s { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #9e9e9e; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #FFFFFF; margin-right: 15px;} .button_payment_s a:link { text-decoration: none !important; padding: 7px 10px 7px 10px; font-size: 14px;} .button_payment_s a:hover { text-decoration: none !important; background: #f7f7f7 !important;} .button_payment_s a:visited { text-decoration: none !important; outline: 0; color: #FFF !important; font-weight: bold; font-family: 'Apple SD Gothic Neo', malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; display: block; white-space: nowrap; background-color: transparent; border-color: #c82370; margin: 0; border: 0; padding: 7px 10px 7px 10px;} /**/ .partner_layerwrap { margin: 0 auto; width: 450px; border: 1px solid red;} .partner_layerwrap img {} /******기존 헤더 header_v1.css에서 가져온 거******/ /*새로 추가 20160128*/ .k_fL { float: left;} .k_fr { float: right;} .line1px_gr { clear: both; border-bottom: 1px solid #e0e0e0;} .pg_num_wrap { clear: both; text-align: center; background: #FFFFFF; padding: 10px 0} .pg_num_wrap li { display: inline;} .pg_num_on { border: 1px solid #33afe9; color: #33afe9; padding: 3px 10px 1px 10px; display: inline-block; margin: 0 1px} .pg_num_on a { color: #33afe9 !important} .pg_num_off { border: 1px solid #c7c7c7; color: #33afe9; padding: 3px 10px 1px 10px; display: inline-block; margin: 0 1px} .pg_num_off a { color: #333 !important} .pg_num_next { display: inline-block; margin: 0 1px;} .pg_num_next a {} .blind1 { font-size: 0; line-height: 0;} /* 앱 다운로드 배너 */ .app_banner_wrap { background-color: #f2f2f2; padding: 8px 0;} .app_banner_wrap .bn_close { float: left;} .app_banner_wrap .bn_logo { float: left; padding-top: 5px;} .app_banner_wrap .bn_text { float: left; padding-left: 10px; padding-top: 9px;} .app_banner_wrap .bn_text .tt1 { font-size: 1.0em; font-weight: bold; line-height: 1.2em;} .app_banner_wrap .bn_text .tt2 { font-size: 0.9em;} .app_banner_wrap .bn_btn { float: right; padding: 10px 10px 0 0;} .app_banner_wrap .bn_btn .app_btn { display: block; color: #FF3399; padding: 5px 5px 4px 5px; border: 1px #FF3399 solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .w_trans_foot { clear: both; padding: 20px 0;} .com_wrapinput { clear: both; border: 1px solid #c7c7c7; overflow: hidden; border-radius: 6px;} .com_input { float: left; width: 95%; border: 0; color: #000; padding: 8px 7px 8px 8px; letter-spacing: -1px; margin-right: 5px; text-align: left;} .com_layer_btnwrap { clear: both; padding-top: 0.6em; overflow: hidden;} .com_layer_btnwrap ul { width: 100%; margin: 0 auto;} .com_layer_btnwrap li { float: left; width: 48.5%; display: inline; overflow: hidden;} .com_greenbox { background: #e3f3de; padding: 15px; margin-bottom: 10px; font-size: 0.95em} /* 온라인중고 중고거래 섹션 추가 관련 css */ .w_trans_L5 { clear: both; background: #fff; overflow: hidden; margin: 0px;} .w_trans_L5 li { float: left; width: 33%; border-right: 1px solid #dbdbdb; text-align: center; padding: 0px; font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은 고딕', 'Malgun Gothic', '돋움', Dotum, '굴림', Gulim, Helvetica, sans-serif; line-height: 130%;} .w_trans_L5 li.end { border-right: 0px solid #b2b2b2;} .w_trans_L5 li a { font-size: 1em; color: #181818 !important} .w_trans_L5 li a:visited { color: #181818 !important} /*분야, P페이지 광고구 추가 Gootooc*/ .title-porm3 { color: #d84e7d; line-height: 1.3em !important; padding-bottom: 5px;} .title-porm3 a:link { color: #d84e7d; text-decoration: none;} .title-porm3 a:visited { color: #d84e7d; text-decoration: none;} .title-porm3 a:active { color: #d84e7d; text-decoration: none;} .title-porm3 a:hover { color: #d84e7d; text-decoration: none;} /*수서지원 헤더*/ .w_library_logo { margin: 0; padding: 0; text-align: center; width: 95%; color: #ffffff; font-size: 1.2em; line-height: 1.8em;} /* 160711 중고매장 */ .off_select1_k1 { width: 89%; background: url(//image.aladin.co.kr/img/account/m/2015/arrow_down.png) no-repeat right #fff; background-size: 25px; border: 1px solid #e0e0e0; padding: 5px 5% 0 5%; height: 30px; -webkit-appearance: listbox; border-radius: 0px; font-size: 0.95em; color: #000; letter-spacing: -1px;} .t_buy_notoce { font-size: 0.8em; color: #13b6b6} .t_buy_notoce2 { color: #13b6b6; line-height: 130%; display: block; padding-top: 5px} .w_rang { /*순위*/ position: absolute; top: 0; width: 22px; height: 21px; color: #FFFFFF; text-align: center; background: rgba(242, 30, 141, .8); z-index: 2; padding-top: 1px;} .p_off_table {} .p_off_table td { text-align: left; padding: 8px 0 2px 10px;} .p_off_th1 { font-weight: normal; background: #f6f6f6; border-top: 1px solid #b6b6b6; border-left: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; padding: 5px 0 5px 10px; text-align: left} .p_off_th2 { font-weight: normal; background: #f6f6f6; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; text-align: left; padding: 5px 0 5px 10px;} .p_off_th3 { font-weight: normal; background: #f6f6f6; border-top: 1px solid #b6b6b6; border-bottom: 1px solid #b6b6b6; border-right: 1px solid #b6b6b6; text-align: left; padding: 5px 0 5px 10px;} /*첫문장,끝문장 .sentence_wrap { background-color: #f5f5f5; padding: 10px 20px 15px 10px; margin: 20px 10px 10px 10px;} .sentence_wrap .sen_tit { font-size: 18px; font-family: 나눔명조, Nanum Myeongjo; font-weight: bold;} .sentence_wrap .sen_cont { width: 100%; line-height: 27px; padding-bottom: 5px; font-family: 나눔명조, Nanum Myeongjo;} .sentence_wrap .end_p { padding-top: 15px;} */ #modal-buyback-result { display: none;} /*이벤트 모두보기*/ .BN-eventAll-wrap { clear: both; float: left; width: 100%; background: #FFFFFF; height: 100%; top: 0px; z-index: 9999; position: fixed; overflow-y: auto;} .BN-eventAll-fix-layertit { position: fixed; top: 0; width: 100%; background: #FFFFFF; z-index: 1000} .BN-eventAll-fix-layertit h2 { text-align: center; padding: 20px 0;} .BN-eventAll-fix-layertit .btn-wrap { position: absolute; right: 5px; top: 10px; height: 100%; overflow-y: auto;} .BN-eventAll-fix-layertit .btn-wrap img { width: 20px} .BN-eventAll-fix-layertit .btn-wrap a { padding: 10px; display: block} .BN-eventAll-bnWrap {clear: both; position: relative; height: 100%; overflow-y: auto; padding: 68px 10px 10px 10px; box-sizing:border-box; -webkit-overflow-scrolling:touch;} .BN-eventAll-bnWrap .bn-img { text-align: center; z-index: 1; border-radius: 10px;} .BN-eventAll-sebox { clear: both; padding: 7px 0; background: #fff;} .BN-eventAll-space5 { clear: both; height: 63px;} /*이벤트 모두보기*/ .BN-eventAll-wrap2 { clear: both; float: left; width: 100%; height: 100%; overflow-y: auto;} .BN-eventAll-fix-layertit2 { top: 0; width: 100%; border-bottom: 1px solid #e1e1e1; z-index: 1000} .BN-eventAll-fix-layertit2 h2 { text-align: center; padding: 20px 0;} .BN-eventAll-fix-layertit2 .btn-wrap { position: absolute; right: 5px; top: 10px; height: 100%; overflow-y: auto;} .BN-eventAll-fix-layertit2 .btn-wrap img { width: 20px} .BN-eventAll-fix-layertit2 .btn-wrap a { padding: 10px; display: block} .BN-eventAll-bnWrap2 { clear: both; position: relative; height: 100%; overflow-y: auto; -webkit-overflow-scrolling:touch;} .BN-eventAll-bnWrap2 .bn-img { text-align: center; z-index: 1;} /*상단픽스 레이어 여백*/ .BN-eventAll-space3 { clear: both; padding: 20px 0;} .deduct_t { font-size: 14.4px; ; border: 1px solid #b0b0b0; color: #333; padding: 3px 5px 2px 5px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 3px;} .deduct_t2 { font-size: 14.4px; ; border: 1px solid #b0b0b0; color: #333; padding: 3px 5px 2px 5px; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-top: 3px;} .used300_t { font-size: 1.1em; display: block; margin-bottom: 15px; text-align: center;} .used300_sub { color: #EB217C} .used300_btn_l { float: left; width: 49%;} .used300_btn_r { float: right; width: 49%;} .used300_btn_wrap { clear: both; padding: 15px 0 14px 0; background: #FFFFFF; overflow: hidden} /*북펀드*/ .bf_homebtn { position: absolute; top: 7px; right: 5px; z-index: 999; display:flex;} .bf_homebtn img { width: 27px;} .bf_homebtn a {display: inline-block;} .bf_detail_btn {height: 22px; line-height: 22px; padding: 0 8px; background-color: #fff; border-radius: 3px; margin-top: 2px; margin-right: 4px; font-weight: bold; font-size: 14px;} .bf_list .bf_detail_btn {position: absolute; top: 5px; right: 5px;} .tab-fixed { position: fixed; top: 0px; max-width: 700px;} .book-wrap { position: relative; overflow: hidden; width: 100%; height: 100%;} .book-off { display: none;} .bookfund_wrap_out { background: #ececec; /*overflow: auto; 이 부분으로 인해 아이폰에서 position 고정 안먹힘 */} .bookfund_wrap { width: 100%; background-color: #ffffff; padding-bottom: 40px; text-align: left; height: 100%} .bookfund_wrap2 { text-align: left; width: 700px; margin: 0 auto; background-color: #ffffff;} .bookfund_top { position: relative;} .funding_wrap { width: 96%; background-color: #ffffff; padding: 15px 2% 5px 2%;} .funding_wrap ul { padding: 5px 0;} .funding_wrap li { background: url(//image.aladin.co.kr/img/common/bu_check.png) no-repeat left 5px; padding-left: 18px; padding-bottom: 5px; background-size: 12px auto; color: #33afe9;} .funding_wrap > p {font-size: 14px; margin-bottom: 5px;} .fd_price { padding-bottom: 10px;} .fd_price .price_t { color: #EB217C; font-size: 2.0em;} .fd_dday { padding-bottom: 5px;} .fd_dday .dday_t { font-size: 2.0em;} .fd_dday .dday_t2 { font-size: 1.4em;} .fd_dday .dday_t3 { font-size: 1.1em;} .fdbook_btn { border: 1px #bababa solid; display: inline-block; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;} .fdbook_btn a { display: block; padding: 3px 10px 2px 10px; color: #333;} .fdbook_btn a:visited { color: #333;} .bookfund_tab { width: 100%; background-color: #ffffff; border-top: 1px #afafaf solid; border-bottom: 1px #afafaf solid; overflow: auto; font-size: 1.1em;} .bookfund_tab li { float: left; text-align: center; padding: 10px 0 5px 0;} .bookfund_tab .on { border-bottom: 5px #EB217C solid;} .bookfund_tab .tab1 { width: 17%} .bookfund_tab .tab2 { width: 14%} .bookfund_tab .tab3 { width: 22%} .bookfund_tab .tab4 { width: 21%} .bookfund_tab .tab5 { width: 26%} .bf_red { color: #EB217C;} .funding_btn { position: fixed; bottom: 0; background-color: #EB217C; width: 100%; z-index: 1000;} .funding_btn a:link { display: inline-block; width: 100%; text-align: center; color: #ffffff; font-size: 1.5em; padding: 10px 0;} .funding_btn a:visited { display: inline-block; width: 100%; text-align: center; color: #ffffff; font-size: 1.5em; padding: 10px 0;} .bookfund_main_wrap { background-color: #ffffff; padding-bottom: 15px;} .bookfund_main_wrap .bf_list { padding-bottom: 15px; position: relative;} .bf_end_btn { background-color: #f5f5f5; border: 1px #ccc solid; text-align: center; margin: 10px;} .bf_end_btn a { display: inline-block; width: 100%; font-size: 1.1em; padding: 10px 0; color: #333;} .tab2_contents { padding: 20px 10px; background-color: #ffffff; font-size: 1.1em; line-height: 1.7em;} .tab2_contents h2 { font-size: 1.2em; font-weight: normal; margin-bottom: 5px;} .tab2_contents .list_wrap { margin-top: 15px;} .tab2_contents .list_wrap .list_t { font-size: 1.1em; padding-bottom: 5px;} .tab2_contents .list_wrap ul { margin-left: 10px;} .tab2_contents .list_wrap li { background: url(//image.aladin.co.kr/img/common/bu_dot.png) no-repeat 0px 8px; background-size: 4px auto; padding-left: 8px; line-height: 1.4em; padding-bottom: 3px;} .bf_info_t { margin-top: 10px; line-height: 1.4em; padding: 0 10px;} .achieve_t { color: #33afe9;} .achieve_icon { display: inline-block; background: #33afe9; color: #ffffff; padding: 0px 8px;} .tab3_contents { padding: 20px 10px 0 10px; background-color: #ffffff; font-size: 1.1em; line-height: 1.7em;} .tab3_contents li { background: url(//image.aladin.co.kr/img/common/bu_dot.png) no-repeat 0px 8px; background-size: 4px auto; padding-left: 8px; line-height: 1.5em; padding-bottom: 3px;} .tab3_contents h2 { font-size: 1.2em; font-weight: normal; margin-bottom: 10px;} .tab3_contents p { margin-bottom: 20px;} .bf_goods_contents {} .bf_100_btn { display: inline-block; border: 1px #bdbdbd solid; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; margin-left: 3px;} .bf_100_btn a { display: inline-block; padding: 2px 5px; text-align: center; color: #333333;} .comment_info { background-color: #fff; padding: 10px 0px; color: #666;} /*2018 eBook라벨추가*/ .prodImage_ebookLabel_2 { position: absolute; text-align: left; z-index: 999; bottom: -15px; left: -40px} .prodImage_ebookLabel_2_list { position: absolute; text-align: right; z-index: 999; bottom: -5px; right: -5px} .prodImage_ebookLabel_3_list { position:absolute; text-align:right; z-index:999; bottom:-7px; right:-10px} .prodImage_ebookLabel_4_list { position:absolute; text-align:right; z-index:999; bottom: -5px; right: calc(50% - 65px);} .eBookSet_lablebg { background: #333; opacity: 0.75; width: 100%; top: 0} .eBookSet_lable_t { color: #fff; font-size: 1em; padding: 7px 0; text-align: center; font-weight: bold} .eBookSet_lablebg_s { background: #333; opacity: 0.75; width: 100%; top: 0} .eBookSet_lable_t_s { color: #fff; font-size: 0.9em; padding: 4px 0; text-align: center;} /*20180620 북라벨 추가 */ .prod_best_label_box { position: absolute; z-index: 999; bottom: -10px; right: -7px;} .prod_best_label { float: left; text-align: center; padding: 6px 9px 6px 9px; letter-spacing: -1px; line-height: 120%; color: #ffffff; background: #33afe9;} .prod_best_label_shadow { float: left;} /*.prod_recom_label_box { position: absolute; z-index: 999; bottom: -10px; left: -7px;} .prod_recom_label { float: left; text-align: center; padding: 6px 9px 6px 9px; letter-spacing: -1px; line-height: 120%; color: #ffffff; background: #ed228b;} .prod_recom_label_shadow { float: left;}*/ .prod_deduct { clear: both; margin: 10px 10px 10px 0; font-size: 15.2px;} .prod_deduct li { background: url(//image.aladin.co.kr/img/shop/m/nm_list_dot.png) no-repeat 0px 8px; background-size: 4px auto; padding: 0 5px 3px 8px !important; line-height: 1.5em; list-style: none; border-bottom: none !important; margin-right: 0 !important; box-sizing: border-box;} .prod_deductBN { clear: both; background: #ffe131; text-align: center; padding: 8px 5px; font-size: 15.2px; border-radius: 3px; margin-top: 3px;} .prod_deductBN a { display: block;} /* 전자책 커버 커튼*/ .m_blind_ebook {z-index:1; position:absolute; background: #000; width:100px; height:100%; opacity:0.83;} /*추천마법사 페이지 북펀드 배너*/ .bookfund_bn_wrap_out {background-color:#ffffff; padding: 10px;} .bookfund_bn_wrap {border: 3px #baddee solid; padding: 10px; overflow: auto; background-color:#ffffff; position:relative;} .bookfund_bn_wrap .l_cover {float: left; width: 25%;padding-right: 2%;} .bookfund_bn_wrap .r_text {float: left; width: 73%;} .bookfund_bn_wrap .r_text .bf_t {color: #33afe9;} .bookfund_bn_wrap .r_text .bf_price {color:#EB217C; font-size:1.4em; font-weight:bold;} .bookfund_bn_wrap .r_text .bf_btn {position:absolute; bottom:10px; right:10px; background-color:#EB217C; border-radius:15px; padding:1px 9px; color:#ffffff;} .bf_none {margin: 20px 10px; text-align: center;} .browse_list_box_t {padding: 0 11px 11px 11px;} .browse_list_btnwrap_n {padding: 10px 0px 0px; margin: auto; width: 288px; text-align: center;} .browse_list_btnwrap_n2 {padding: 5px 0px 0px; margin: auto; width: 288px; text-align: center;} /*굿즈 선택페이지 흰색 버튼*/ .btn_goods {background:#ffffff; border: 1px solid #a5a5a5; border-radius: 2px; display:inline-block;} .btn_goods a {padding:5px 6px; font-size: 13px; color: #303030;} /*로그인*/ .login_line {background-color:#dfdfdf; height:1px; margin:20px 0 6px 0; clear:both;} /*애플로그인 웹배너*/ .bn_apple_web {padding-top:15px;} /*181010 굿즈 더보기 버튼*/ .button_gift_all {background:#1a80cf; border: 1px solid #0e75c5; border-radius: 2px; display:inline-block; margin:0 auto; width:94%; box-shadow:0 2px 1px #ccc;} .button_gift_all a {font-size:1em; color: #ffffff; display:block; padding:10px 0; } /*181030_전문셀러*/ .seller_satis_m { font-family:Myriad Pro; font-style:italic; font-weight:600; font-size:1.3em; letter-spacing:-1px; color:#00baff;} .seller_cb { padding: 10px 12px; border-top: 1px #d3d3d3 solid; overflow: hidden; color: #333;} .seller_cb1 { padding: 0px 5px; } .seller_cb2 { padding-top:5px; color: #333; line-height: 150%; font-weight: normal;} .seller_cb2 ul { padding: 3px 0 0 0; } .seller_cb2 li { padding: 0 0 3px 8px; font-size:16px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 9px;} .seller_cb3 {padding:0 0 8px 0; margin:0 3px 12px 3px; border-bottom:1px dotted #ddd;} .seller_cb3 li { padding: 0 0 2px 0; line-height: 140%; font-size:14px; letter-spacing:0; color:#333; } .seller_satis_m { font-family:Myriad Pro; font-style:italic; font-weight:600; font-size:1.5em; letter-spacing:-1px; color:#03a9f4;} .seller_tgood { color:#03a9f4;} .seller_bad { color:#db151f;} .seller_wr { color:#888;} .reply_txt {padding: 10px 0 0 25px; position: relative;} /* .reply_txt::before {content: '\21B3'; display: inline-block; position: absolute; left: 8px; top: 5px; font-size: 18px;} */ .reply_txt::before {content: ''; display: inline-block; width: 23px; height: 12px; background: url("//image.aladin.co.kr/img/blog2/skin/setting/font/Black/m_mark_reply.gif") no-repeat center / 100% auto; position: absolute; left: 3px; top: 12px; font-size: 18px;} .reply_name {padding: 0px 0 0 25px;} .reply_name span {display: inline-block; color: #888; vertical-align: middle; font-size: 14px;} .reply_name span ~ span::before {content: '|'; display: inline-block; margin: -4px 5px 0 5px; vertical-align: middle; font-size: 12px;} /* 레이어*/ .c2c_layer_box { color:#333333; width:90%; margin:0 auto; padding:0px; } .c2c_layer_in { padding:15px 15px; background:#FFFFFF;} .c2c_layer_in h3 {padding:10px 0; text-align:center; color:#333333;} .c2c_layer_list ul {padding:0; margin:3px 0 5px 0;} .c2c_layer_list ul li { padding: 0 0 6px 8px; font-size:15px; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 9px; line-height:130%;} .seller_satis_s { font-family:Myriad Pro; font-style:italic; font-weight:600; font-size:1.2em; letter-spacing:-1px; color:#03a9f4;} .c2c_layer_box .btn-close {background:#EB217C; text-align:center; color:#ffffff; border:1px solid #EB217C;font-weight:normal;font-size:1.1rem } .c2c_layer_box .btn-close a {display:block; color:#ffffff!important;padding:10px 0 } /**/ .i_cover { border:1px solid #eaeaea; } .browse_list_tit { padding:10px 0 0px 10px;} .browse_list_tit h2 { font-size:1.2em;} .browse_list_tit h2 .text_b { color:#4d92d9} .browse_delivery_t {padding:10px 0 5px 0;} .browse_delivery_t a:link {color:#4d92d9;} .browse_delivery_t a:hover {color:#4d92d9;} .browse_delivery_t a:visited {color:#4d92d9;} .delivery_option {padding: 0px; color:#000000;} .delivery_option li { clear:both; padding-top:10px;} .delivery_option .l_option { float:left; width:6%;} .delivery_option .r_option { float:left; width:94%;} .delivery_option .pink_t {color:#f43872;} /* 검색 목록 넘버링 181226*/ .search_list_numbox {margin:0; padding:10px 0; text-align:center;} .search_list_newnum { margin:0 auto; padding:0; overflow:hidden; display:inline-block; } .search_list_newnum ul { list-style:none; margin:0; padding:0;} .search_list_newnum ul li { float:left; margin:0; padding:0 1px;} a.search_numlist_on:link { border:1px solid #33afe9; color:#33afe9; display: grid; padding:3px 11px 2px 11px; font-size:1em; font-weight:bold; } a.search_numlist_on:visited { border:1px solid #33afe9; color:#33afe9; display:grid; padding:3px 11px 2px 11px; font-size:1em; font-weight:bold;} a.search_numlist_off:link { border:1px solid #e5e5e5; color:#333; display:grid; padding:3px 11px 2px 11px; font-size:1em; } a.search_numlist_off:visited { border:1px solid #e5e5e5; color:#333; display:grid; padding:3px 11px 2px 11px; font-size:1em; } a.search_numlist_next:link { border:1px solid #e5e5e5; color:#333; display:grid; padding:6px 8px 6px 8px; font-size:1em; } a.search_numlist_next:visited { border:1px solid #e5e5e5; color:#333; display:grid; padding:6px 8px 6px 8px; font-size:1em; } /* 책속에서 구분선 190103 */ .under_dot_line { border-bottom:1px dotted #ddd; padding:0; margin:0 10px 15px 10px; } /* 검색 결과 관련 이벤트 190122 */ .Mo_search_relation { clear:both; background:#fffae1; border:1px dotted #f8e9a0; padding:12px 15px 8px 15px; margin:10px 0; text-align:left; color:#333; } .Mo_search_relation .MTitle { color:#333; font-size:1em; margin-bottom:3px; font-weight:bold;} .Mo_search_relation .sub_list { padding:0 5px; margin:0;} .Mo_search_relation .sub_list li{ list-style:none; background:url(http://image.aladin.co.kr/img/search/dot_2019.png) 0 8px no-repeat; padding:0 0 3px 7px; color:#333; font-size:1em; } .Mo_search_relation .more { float:right; color:#666;font-size:0.9em; padding:2px 5px;} .Mo_search_relation .more a {color:#666;} /*새로나올책 년도*/ .newbook_year {position:absolute; right:6%; margin-top:-15px; z-index:999; background:url(//image.aladin.co.kr/img/m/2019/balloon.png) no-repeat; background-size:100%; width:40px; height:28px; font-size:0.9em; font-weight:bold; font-family:myriod; color:#fff; text-align:center; padding-top:1px;} /* 출판사 이벤트 하단 안내 문구 190123*/ .event_bottom_notice {clear:both; background:#fff; /*margin: 5px auto 5px auto;*/ text-align: left; font-size:0.9em; padding:10px 10px; color:#333;} /*풀 스크린 헤더용*/ .event-header-wrap {position:relative; width:100%; padding:8px 0; height:55px; box-sizing:border-box;} .event-header-wrap .drawer {position:absolute; top:14px; left:10px; width:20px; height:20px; z-index:150;} .event-header-wrap .drawer img {width:18px;} .event-header-wrap .logo {position:absolute; top:12px; left:42px; width:auto; height:auto; display:inline-block; z-index:150; margin: 0;} .event-header-wrap .logo img {width:50px;} .event-header-wrap .go-sch { position:absolute; top:12px; right:45px; width:30px; height:30px; z-index:150;} .event-header-wrap .go-sch img { width:28px;} .event-header-wrap .go-cart {position:absolute; top:14px; right:15px; width:22px; height:22px; z-index:150;} .event-header-wrap .go-cart img {width:24px;} .event-header-wrap .go-sch2 { position:absolute; top:12px; right:90px; width:30px; height:30px; z-index:150;} .event-header-wrap .go-sch2 img { width:28px;} .event-header-wrap .go-events {position:absolute; top:14px; right:55px; width:22px; height:22px; z-index:150;} .event-header-wrap .go-events img {width:23px;} .event-header-wrap-layer { position:absolute;right:20px; top:40px; z-index:3} .event-header-wrap-layer img{ width:120px;} @media all and (min-width:320px) {.event-header-space { padding-top:15px; } .order-marketingbn2 { height:110px; } .order-mBNbox dt span { width:50px; height:50px; top:20px; } .order-mBNbox dt span img { width:50px; } .order-mBNbox dd p { padding-left:70px; }} @media all and (min-width:375px) { .order-marketingbn2 { height:128px; } .order-mBNbox dt span { width:73px; height:73px; top:5px; }.order-mBNbox dt span img { width:73px; } .order-mBNbox dd p{ padding-left:90px; } } @media all and (min-width:360px) { .event-header-space { padding-top:30px; }} .step1_infobox {background-color: #f5f5f5; font-size:1.0em; line-height:1.5em; padding:12px; color:#555; font-weight:normal; margin: 0px 10px 10px 10px;} .step_present_skip { clear:both; padding:5px 0 0 0; margin-top:10px;text-align:right;} .skip_skipbtn { display:inline-block; letter-spacing:-.05em;border-radius:3px; padding:6px; background:url(//image.aladin.co.kr/img/m/arrow_right.png) no-repeat 98% 48%;} .skip_skipbtn a { display:block;color:#333333;text-decoration:none; padding-right:10px; text-decoration:underline} .finish-tbox { position:absolute; width:100%; background:rgba(255, 0, 60, 0.8); padding:50px 0; color:#ffffff; font-size: 1.9em; font-weight: 600; line-height: 1.9em; text-align: center;z-index:150;} /*관심없어요 버튼 및 레이어*/ .jiny_btn01 {background: #ffffff; text-align: center; font-size:15px; border: 1px solid #4d92d9; display:inline-block} .jiny_btn01 a { color:#4d92d9!important; display: block; padding: 7px 0 6px 0;} .jiny_feed {background:rgba(37,35,35, 0.9); color:#FFFFFF; width:90%; padding:10px; z-index:1000; font-size:16px;box-sizing:border-box; position:relative; margin:0 auto; border-radius:5px; } .jiny_feed span { display:block } .jiny_feed .co11 { color:#ff66b3; } .jiny_feed .span1 { text-align:left; } .jiny_feed .span1 a {color: #ffffff !important; text-decoration:underline; font-size:15px; } .jiny_feed .span2 { position:absolute; top:10px; right:10px;} .jiny_feed .span2 img { width:25px; } .jiny_feed .span2 a { } .jiny_feed .span3 { text-align:center; } .jiny_feed .span3 a {color: #ffffff !important; text-decoration:underline; font-size:15px; } .jinyFeedBackMsg { /* position: fixed; width: 100%; top:90px ; left:0 ; margin:0 auto; display:none; */ position: absolute; left:0; margin: -30px auto 0 auto; width: 100%; display:none; text-align: left; z-index: 999; } /* 베스트셀러 상단 탭 190416 */ .mbestseller_toptab { clear:both; width:100%;} .mbestseller_toptab ul { padding:0; margin:0;} .mbestseller_toptab ul::after {content:''; display: block; clear: both;} .mbestseller_toptab ul li { float:left; padding:12px 0; text-align:center; color:#717171;border-bottom:2px solid #f0f0f0; } .mbestseller_toptab ul li.area1 { width:25%; } .mbestseller_toptab ul li.on {border-bottom:2px solid #34afea; } .mbestseller_toptab ul li a {color:#555555!important; display:block } .mbestseller_toptab ul li.on a {color:#34afea!important; font-weight:700;display:block} .mbestseller_toptab.tab3 li {width:33.3%;} .mbestseller_subtab { clear:both; margin:5px 3%; padding: 0; width:94%;} .mbestseller_subtab ul { margin:0; padding:0; } .mbestseller_subtab ul li { float:left; margin:0; padding:5px 0px; width:16.6%; } .mbestseller_subtab ul li:last-child { border-bottom:0; padding-bottom:0;} .mbestseller_subtab ul li a { display:block;} .mbestseller_subtab_on {width: 100%; background: #38abee; border:1px solid #38abee; text-align: center; font-size:1em; font-weight: bold; color: #ffffff; } .mbestseller_subtab_on a:link { display:block; padding:5px; text-align: center; font-size:1em; font-weight: bold; color: #ffffff; text-decoration:none; } .mbestseller_subtab_on a:visited {background: #38abee; font-size:1em; font-weight: bold; color: #ffffff; text-decoration:none; } .mbestseller_subtab_off {width: 100%; background: #ffffff; border:1px solid #38abee; text-align: center; font-size:1em; color: #38abee;} .mbestseller_subtab_off a:link { display:block; padding:5px; text-align: center; font-size:1em; color: #38abee; text-decoration:none; } .mbestseller_subtab_off a:visited {background: #38abee; font-size:1em; color: #38abee; text-decoration:none; } /* 전자책 분야 탭 190416 - welcome_v2.css로 옮김 .mebook_subtab { clear:both; margin:5px auto; padding: 0; width:94%; } .mebook_subtab ul { margin:0; padding:0; } .mebook_subtab ul li { float:left; margin:0; padding:5px 0px; width:20%; } .mebook_subtab ul li:last-child { border-bottom:0; padding-bottom:0;} .mebook_subtab ul li a { display:block;} .mebook_subtab_on {width: 100%; background: #ffe6f3; border:1px solid #ffc1dd; text-align: center; font-size:1em; font-weight: bold; color: #ed3597; } .mebook_subtab_on a:link { display:block; padding:5px; text-align: center; font-size:1em; font-weight: bold; color: #ed3597; text-decoration:none; } .mebook_subtab_on a:visited {background: #ffc1dd; font-size:1em; font-weight: bold; color: #ed3597; text-decoration:none; } .mebook_subtab_off {width: 100%; background: #ffffff; border:1px solid #ffc1dd; text-align: center; font-size:1em; color: #555;} .mebook_subtab_off a:link { display:block; padding:5px; text-align: center; font-size:1em; color: #555; text-decoration:none; } .mebook_subtab_off a:visited {background: #ffc1dd; font-size:1em; color: #555; text-decoration:none; } */ /* 주문 조회 카카오 메시지 보내기 버튼*/ .btn_kakao_m { background:#fae100; padding: 7px 10px; font-size: 1em; letter-spacing:-0.02em; border: 1px #f3d900 solid; color: #3c1e1e; height: 26px; text-align: center;} /*2019 로그인 추가*/ .login_message_width{width:100%; margin:0 auto;padding-top:15px;} .login_message_width .left{color:#666 ; line-height:140%; width:60%; text-align:left;float:left;} .login_message_width .right{float:right; width:40%;text-align:right; padding:5px 0 0 0} /*중고등록 알리미 테이블추가*/ .usedAlarm_table { margin:15px 0 15px 0;} .usedAlarm_table h3 { font-size:1.0em; font-weight:normal; color:#ef3b96; padding-bottom:5px;} .usedAlarm_table th { width:60%; text-align:left; padding:3px; font-weight:normal;} .usedAlarm_table td { width:40%; text-align:left;} /**/ .comic_browesBNWrap { clear:both; } .comic_browesBN { display:table; width:100%; } .comic_browesBN li { width:33.3%; display:table-cell; text-align:center; font-size:14px; vertical-align:middle;box-sizing:border-box; border-right:1px solid #ececec; background:#d51a7b } .comic_browesBN li:last-child { border-right:0px;} .comic_browesBN li a {display:block; padding:5px 0; color:#FFFFFF; } /*goods main 추가*/ .goods_tilesp1 {padding-bottom:15px} .goods_t_pink{color:#e92a81; font-weight:bold} .goods_t_half{position:absolute; top:70px; z-index:99; right:10px; background:#C30; width:50px; height:45px; text-align:center; color:#FFF;-webkit-border-radius: 50px; -moz-border-radius: 50px;border-radius: 50px; line-height:110%; padding:5px 0 0 0} .goods_t_half .yellow{color:#feef02; font-weight:bold} /* 구매, 평점 분포 190520 */ .Manalysis_box { margin:0; padding:0; width:100%;} .Manalysis_box .tb_woman {background:url(//image.aladin.co.kr/img/shop/2018/analysis_box_bg1.png) repeat-x 0 0; text-align:right; padding:3px 0 0 0; width:45%; font-size:1.1em; } .Manalysis_box .tb_woman .bar {float:right; padding-top:2px;} .Manalysis_box .tb_woman .bar img {width:100%; height:20px;} .Manalysis_box .tb_woman .per { background:#fff; width:24%; float:left; text-align:left; padding:5px 5px 0 0 ; font-size:0.9em; font-style:italic; color:#000; letter-spacing:-0.05em; } .Manalysis_box .tb_woman_last { text-align:right; padding:0; width:45%; font-size:1em; font-weight:bold;} .Manalysis_box .tb_tit {text-align:center; width:10%; padding:5px 0 0px 0; font-size:1em; color:#333; font-weight:600;} .Manalysis_box .tb_man {background:url(//image.aladin.co.kr/img/shop/2018/analysis_box_bg1.png) repeat-x 0 0; text-align:left; padding:2px 0 0 0; width:45%; font-size:1.1em; } .Manalysis_box .tb_man .bar {float:left; padding-top:2px;} .Manalysis_box .tb_man .bar img {width:100%; height:20px;} .Manalysis_box .tb_man .per {background:#fff; width:24%; float:right; text-align:right; padding:5px 0 0 5px; font-size:0.9em; font-style:italic; color:#000; letter-spacing:-0.05em;} .Manalysis_box .tb_man_last { text-align:left; padding:0; width:45%; font-size:1em; font-weight:bold; } .Manalysis_line {clear:both; border-bottom:1px dotted #ccc; margin-bottom:15px;} .Manalysis_box .star_list { float:left; margin:0; padding:0; width:100%; font-size:13px; text-align:center;} .Manalysis_box .star_list .tb_left { text-align:left; width:110px; padding:3px 0 6px 0;} .Manalysis_box .star_list .tb_left img {width:17px;} .Manalysis_box .star_list .tb_right {background:url(//image.aladin.co.kr/img/shop/2018/analysis_box_bg1.png) repeat-x 0 0; text-align:left; padding:2px 0 0 0;} .Manalysis_box .star_list .tb_right .bar { float:left; padding-top:1px;} .Manalysis_box .star_list .tb_right .bar img { width:100%; height:20px;} .Manalysis_box .star_list .tb_right .per {background:#fff; width:16%; text-align:right; float:right; font-size:1.0em; font-style:italic; color:#000; letter-spacing:-0.05em; padding:2px 0 0 5px;font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; } .score_tit { float:left; width:110px;} .score_wrap { float:left; width:65%; text-align:left;} .score_box {width:100%; text-align:left;} .score_box .star { margin:0; padding:0; float:left; text-align:left;} .score_box .star img { width:25px;} .score_box .num { float:left; padding:3px 0 0 10px; color:#ef3b96; font-weight:bold; font-size:1.8em;} .oversixty { width:10px; margin-top:-2px;} /* 190605 주문단계 */ .order_step1_orderlist2 { padding:12px 8px 15px 11px ; border-top:1px solid #ececec; border-bottom:1px solid #e1e1e1; position: relative} .order_step1_orderlist2 h3 { color: #222; font-size: 1.1em; font-weight: bold; } .order_step1_orderlist2 h3 span { color: #333333; font-weight: normal} .order_step1_orderlist2 .btnwrap { position: absolute; right: 10px; top: 10px;} .order_step1_orderlist2 .btnwrap img { width:24px;} .order_step1_orderlist2 .listboxWrap { clear: both; background: #f1f1f1; padding: 15px 10px 10px 10px; margin: 10px 0 0 0; border-radius: 5px;} .order_step1_orderlist2 .listboxWrap li { padding-bottom: 5px;} .order_step1_orderlist2 .listboxWrap li a { color: #333333 !important; display: block} .order_btn_write { background: #ffffff; border-radius: 3px; border: 1px solid #d8dadc; text-align: center; color: #555; font-weight: normal;font-size: 0.95em; margin: 10px 10px 5px 0; padding: 4px 8px 3px 8px;} .order_btn_write2 { background: #ffffff; border-radius: 3px; border: 1px solid #d8dadc; text-align: center; color: #555; font-weight: normal;font-size: 0.95em; margin: 0px 10px 5px 0; padding: 4px 8px 3px 8px;} .order_box8 { position: relative; padding:5px 0 0 0; border-bottom: #dfdfdf 1px solid; background: url(//image.aladin.co.kr/img/m/2012/btn_order_bg2.gif) right 0 repeat-y;} .order_step2_left { float: left; padding: 7px 0 12px 11px; font-size:1.1em;} .order_step2_left li {padding-bottom:5px;} .order_step2_left li:last-child {padding-bottom:0px;} .order_step2_left2 { float: left; width:85%; padding: 7px 0 7px 11px; font-size:1.1em;} .order_step2_center { float: right; padding: 7px 10px 0 0; font-size:1.1em;} .order_step2_center li {padding-bottom:5px;} .order_step2_center li:last-child {padding-bottom:0px;} .order_step2_right { float: right; background-color: #f3f3f3; width: 35px; height: 35px;} .order_box9 { clear:both; background-color: #f8f8f8; padding:10px 5px 10px 0px; box-sizing:border-box;} .order_tt {color: #222; font-size: 1.1em; font-weight: bold; padding: 15px 0 5px 12px;} /* 텍스트 컬러값 변경 */ .delivery_select2 { margin:10px 0 10px 0; padding:0;} .delivery_select2 ul {clear:both; } .delivery_select2 ul li { padding: 0 10px 9px 40px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .delivery_select2 ul li .T_off { padding:0px; text-align:left; font-size: 1.05em; color: #aaaaaa; line-height:1.4em; } .delivery_select2 .checked_off { position:absolute; top:0; left:10px; border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#eee;} .delivery_select2 input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:10px;} .delivery_select2 input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff;} .delivery_select2 input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .delivery_select2 input[type=radio]:disabled {background: #fff; } .delivery_select3 { margin:10px 0 10px 0; padding:0;} .delivery_select3 ul {clear:both; } .delivery_select3 ul li {padding: 0 10px 9px 30px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .delivery_select3 input{border:0;-webkit-appearance:none; outline-style: none; position:absolute; left:0px;} .delivery_select3 input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/check_big_off.png) no-repeat;border-radius:0; background-size:23px; width:24px; height:24px; } .delivery_select3 input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/check_big_on2.png) no-repeat; background-size:23px; width:24px; height:24px; -webkit-appearance:none; } .delivery_select3 input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none; background:#999999 } .delivery_space { clear:both;} .delivery_space10 { clear:both; height:10px;} .delivery_space20 { clear:both; height:20px;} .delivery_notice { clear:both; background:url(//image.aladin.co.kr/img/m/2021/icon_notice_gray.png) 8px 10px no-repeat #f5f5f5; background-size:15px; padding:10px 10px 10px 28px; border-radius:13px; margin:0 10px; line-height:130%; color:#444; font-size:0.95em; letter-spacing:-0.01em; } /* 주소 탭 */ .address_tab_box {clear:both; padding:8px 12px 10px 12px; background:#FFFFFF; } .address_tab_mu1 {border-top-left-radius:3px; border-bottom-left-radius:3px;float:left; border:1px solid #999;width:24.5%; text-align:center; letter-spacing:-1px!important; }/*tab 4*/ .address_tab_mu2 { float:left;border-right:1px solid #999;border-top:1px solid #999;border-bottom:1px solid #999;width:24.5%; text-align:center; } .address_tab_mu3 {border-top-right-radius:3px;border-bottom-right-radius:3px; float:left; text-align:center;width:24.5%;border-top:1px solid #999; border-bottom:1px solid #999; border-right:1px solid #999;} a.address_tab_on:link { color:#FFFFFF; background:#999; display:block; padding:7px 0 5px 0; } a.address_tab_on:visited { color:#FFFFFF; background:#999; display:block;padding:7px 0 5px 0; } a.address_tab_off:link { color:#888; display:block;padding:7px 0 5px 0;} a.address_tab_off:visited { color:#888; display:block;padding:7px 0 5px 0; } .address1 { font-weight: bold; color: #222; font-size: 1.1em;} /* 텍스트 컬러값 변경 */ .delivery_box1 { padding: 6px 12px 3px 12px; font-size:1.05em; } /* 추가 */ .delivery_box2 { padding: 0px 12px 0px 12px; font-size:1.05em; } /* 추가 */ .delivery_grid1 { clear:both; border-bottom: 1px solid #e1e1e1} /*영역 구분선*/ .delivery_btn_edit { background: #fff; border-bottom: 1px solid #0066cc; text-align: center; color:#0066cc; font-weight: normal; font-size: 0.9em; line-height:115%; padding:0px 0px 0px 0px; margin-top:-5px; letter-spacing:-0.02em;} .order_input {height:32px; border: 1px #c7c7c7 solid; padding:0px 0px!important; outline:0;} /* 개발 변경후 css padding:0px 9px!important;로 변경*/ .delivery_pick_list { width:99%; background:url(http://image.aladin.co.kr/img/m/2019/list_arrow1.jpg) no-repeat right #fff ; background-size:18px; border:1px solid #c7c7c7; padding:3px 8px 3px 8px; height:34px; -webkit-appearance: none!important; border-radius:0px; font-size:1.05em; color:#333; } .delivery_nomsg {float:right; color:#f43872; padding:15px 10px 0 0;} .delivery_msg {color:#f43872; padding:0px 12px 0 12px;} .delivery_msg_sgray {color:#888; float:right; padding-right:2%; font-size: 0.95em; } /* 20201030 폰트 사이즈 지정*/ .delivery_msg_spink {color:#f43872; font-size: 0.9em; } .delivery_contsbox1 {margin:0px 12px; padding:0;} .delivery_textbox_default {border:1px solid #c7c7c7; padding:8px 1%; width:98%; -webkit-appearance: listbox; border-radius:0px; font-size:1.0em; color:#999; line-height:130%; outline:0; } .delivery_textbox_write {border:1px solid #c7c7c7; padding:8px 1%; width:98%; -webkit-appearance: listbox; border-radius:0px; font-size:1.05em; color:#333; line-height:130%;outline:0; } .delivery_textbox_write2 {border:1px solid #808080; padding:8px 1%; width:98%; -webkit-appearance: listbox; border-radius:0px; font-size:1.05em; color:#333; line-height:130%;outline:0; } .delivery_textbox_caution {border:1px solid #f43872; padding:8px 1%; width:98%; -webkit-appearance: listbox; border-radius:0px; font-size:1.0em; color:#999; line-height:130%; outline:0;} .order-Remote {background:rgba(239, 239, 239, 0.9); position:fixed; bottom:0; padding:5px 0 0 0; float:left; width:100%;box-sizing:border-box; z-index:1000; } .order-Remote .btn-order-big { background:#EB217C; text-align:center; color:#ffffff; border:1px solid #EB217C;font-size:1.2rem;border-radius:0!important; } .order-Remote .btn-order-big a {display:block; color:#ffffff!important;padding:15px 0!important} .order_next { padding:0; margin:0px auto 20px auto;width:94%; } .order_next .btn-order-big { background:#EB217C; text-align:center; color:#ffffff; font-size:17px; border-radius:6px; width: 100%;} .order_next .btn-order-big a {display:block; color:#ffffff!important;padding:15px 0!important; font-weight: bold;} .order_next .btn-order-big.off {background: #ccc;} .giftmsg_btn_choice {height: 32px; line-height: 32px; background: #1a1a1c; border-radius: 4px; border: 0; text-align: center; color: #fff; font-weight: normal; font-size: 14px; margin: 0!important; padding:0 10px;} .giftbox_notice {padding:0; margin:0; } .giftbox_notice ul{ padding:0; margin:0 10px; } .giftbox_notice ul li { padding:0 0 6px 0px; margin:0;color: #898989; font-size:13px; line-height:130%; } .gift_message1 {border:1px solid #c7c7c7; padding:8px; margin:10px 0 5px 0; width:100%; -webkit-appearance: listbox; border-radius:0px; font-size:1.05em; color:#333; line-height:130%; } .pay_select { margin:10px 0 10px 0; padding:0 0 0 20px; font-size: 1.05em; color: #111;} .pay_select ul {clear:both; } .pay_select ul li { padding: 0 10px 9px 40px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .pay_select input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:10px; } .pay_select input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff; } .pay_select input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .pay_select input[type=radio]:disabled {background: #fff; } .pay_select2 {clear:both; margin:0px 0 10px 0; padding:0 0 0 0px; font-size: 1.05em; color: #111;} .pay_select2 ul {} .pay_select2 ul li { float:left; padding: 0 10px 9px 40px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .pay_select2 input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:10px; } .pay_select2 input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff; } .pay_select2 input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .pay_select2 input[type=radio]:disabled {background: #fff; } .pay_list_box { width:99%; background:url(http://image.aladin.co.kr/img/m/2019/list_arrow1.jpg) no-repeat right #fff ; background-size:18px; border:1px solid #c7c7c7; padding:3px 8px 3px 8px; height:34px; -webkit-appearance: listbox; border-radius:0px; font-size:1.05em; color:#333; outline:0; } .order_tt4 { float: left; color: #444444; font-size: 17px; font-weight: bold; text-decoration: none; line-height: 130%; padding: 10px 0 5px 10px;} .deduct_box_m2 { clear: both; background: #f5f5f5; padding: 15px 10px 10px 10px; margin:5px 10px 10px 10px ; border-radius: 5px; } .deduct_box_m2 .price_box_m { background-color: #ffffff; margin: 10px 5px; padding: 5px 3px; text-align: center;} .deduct_box_m2 .price_box_m .price_f_m { font-weight: bold; color: #cc3431;} .deduct_info_m2 ul { margin-bottom: 8px; padding: 0 0 0 10px;} .deduct_info_m2 ul li { padding: 0 10px 8px 8px; font-size: 1.0em; color: #333333; background: url(//image.aladin.co.kr/img/m/2019/list_dot3.png) no-repeat 0px 8px; line-height:130%;} .delivery_select4 { padding: 0 10px 9px 10px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em;} .delivery_select4 input{border:0;-webkit-appearance:none; outline-style: none; position:absolute; } .delivery_select4 input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/2020/icon_check_off.png) no-repeat;border-radius:0; background-size:23px; width:24px; height:24px; } .delivery_select4 input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/2020/icon_check_on.png) no-repeat; background-size:23px; width:24px; height:24px; -webkit-appearance:none; } .delivery_select4 input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none; background:#999999 } .delivery_select5 { background:#f8f8f8; margin:5px 10px; padding:7px 0px;} .delivery_select5 ul {clear:both; } .delivery_select5 ul li { padding: 0 10px 9px 40px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .delivery_select5 input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:10px;} .delivery_select5 input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff;} .delivery_select5 input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .delivery_select5 input[type=radio]:disabled {background: #fff; } .delivery_select6 { margin:10px 0 10px 0; padding:0;} .delivery_select6 ul {clear:both; } .delivery_select6 ul li { background: url(//image.aladin.co.kr/img/order/2019/agree_arrow.gif) no-repeat left top; padding: 0 10px 9px 53px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .delivery_select6 ul li .Agree_infobox { clear:both; background:#f5f5f5; margin:5px 0 15px 3px; padding:10px;} .delivery_select6 ul li:last-child {padding-bottom:0;} .delivery_select6 input{border:0;-webkit-appearance:none; outline-style: none; position:absolute; left:25px;} .delivery_select6 input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/check_big_off.png) no-repeat;border-radius:0; background-size:23px; width:24px; height:24px; } .delivery_select6 input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/check_big_on2.png) no-repeat; background-size:23px; width:24px; height:24px; -webkit-appearance:none; } .delivery_select6 input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none; background:#999999 } .delivery_textbox_default2 {border:1px solid #ccc; padding:8px 1%; width:97%; -webkit-appearance: listbox; border-radius:0px; font-size:1.0em; color:#999; line-height:130%; } .soldout_check { text-align:right; padding-top:10px; padding-right:15px;} .soldout_check input{border:0;-webkit-appearance:none;outline-style: none;} .soldout_check input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/check_big_off.png) no-repeat; background-size:20px; width:24px; height:24px; border-radius:0;} .soldout_check input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/check_bigblue_on.png) no-repeat; background-size:20px;width:24px; height:24px; -webkit-appearance:none; } /*2019 자동입력 방지문자 추가*/ .pw_box1{float:left; width:65%; text-align:center; background:#333; text-align:center; color:#FFF; font-size:1.2em;height:40px; line-height:40px; letter-spacing:4px} .refresh_right{float:right; width:35%; text-align:center} .refresh_bt{padding:5px 0; border:1px solid #dcdcdc; width:92%; float:right; display:inline-block;background:#fff} .refresh_bt a{color:#333; text-decoration:none} .refresh_input{height:40px; width:91%; margin-top:7px; padding:0 4%; border:1px solid #cdcdcd; color:#999} .refresh_input_w{height:40px; width:91%; margin-top:7px; padding:0 4%; border:1px solid #cdcdcd; color:#222} /* 190701 css 추가 */ .c2c_layer_list2 ul {padding:0; margin:5px 0 0px 0;} .c2c_layer_list2 ul li { padding: 0 0 9px 0px; font-size:15px; line-height:130%;} .c2c_layer_list2 ul li .left {position:absolute; width:30%; color:#555; letter-spacing:-0.02em;} .c2c_layer_list2 ul li .right { margin-left:35%; color:#333; letter-spacing:-0.02em; line-height:120%;} .c2c_mlayer_text1 { margin:0 auto; padding:0px 0px 10px 0px; font-size:1.05em; color:#111; letter-spacing:-0.02em; text-align:left;} .c2c_mlayer_btnbox { clear:both; margin:0 auto; text-align:center;} .c2c_layer_box .btn-login { margin:5px 30px; background:#f5f5f5; text-align:center; color:#111; border:1px solid #ccc; font-weight:normal; font-size:1.05em } .c2c_layer_box .btn-login a {display:block; color:#111!important;padding:8px 0 } /*커피 서브탭 추가*/ .coffee_sub_tab { border-left:1px #dadada solid; border-top:1px #dadada solid;} .coffee_sub_tab li { float:left; width:33.33%; border-right:1px #dadada solid; border-bottom:1px #dadada solid; box-sizing:border-box; position:relative;} .coffee_sub_tab li a { display:block; text-align:center; padding:10px 0; color:#333;} .coffee_sub_tab .on a {display:block; text-align:center; padding:10px 0; color:#fff; background:#3b3a48} .coffee_sub_tab .new {} .coffee_sub_tab .new:after { content:''; display:block; position:absolute; top:5px; right:5px; background:#FF3366; width:10px; height:10px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; z-index:99;} /**/ .event_bottom_text1_n2 { clear:both;background: #fafafa;margin:35px auto 0 auto; width:100%; text-align: left; font-size: 1em; color:#000000; letter-spacing:-0.5px; line-height:1.6; font-weight:normal; padding:15px;color: #333;box-sizing:border-box; } .event_bottom_text1_n { clear:both;background: #fafafa;margin:35px auto 0 auto; width:100%; text-align: left; font-size: 1em; color:#000000; letter-spacing:-0.5px; line-height:1.6; font-weight:normal; padding:15px;color: #333;box-sizing:border-box; } /*커피new딱지*/ .bean_label { height:80px; width:80px; border-radius:80px; background:#e62e8b; color:#FFFFFF; text-align:center; position:absolute;bottom:10%; right:18%; z-index:15 }/*background:#f29bbd;*/ .bean_label p { padding:40% 0 0 0; margin:0; font-weight:600;font-size:21px;text-transform:uppercase; } .bean_label_s { height:40px; width:40px; border-radius:40px; background:#e62e8b; color:#FFFFFF; text-align:center; position:absolute;bottom:10%; right:10%; z-index:15 }/*background:#f29bbd;*/ .bean_label_s p { padding:25% 0 0 0; margin:0; font-weight:600;font-size:14px;text-transform:uppercase; } /* 모바일 이벤트 페이지 굿즈 레이어 */ .footer_evbanner_wrap { position:fixed; bottom:0; z-index:15; background:rgba(0,0,0, 0.85); width:90%; padding:10px 5%;} .footer_evarrow { position:absolute; top:-21px; left:42%;} .footer_evarrow img { width:50%; opacity:0.85;} .footer_evbanner_wrap .sum { float:left; width:17%; background-color:#000; text-align:center; } .footer_evbanner_wrap .sum img { width:100%;} .footer_evbanner_wrap .title { float:left; padding:16px 0 0 3%; width:80%; text-align:left; font-size:1.2em; color:#fff000; letter-spacing:-0.02em; line-height:130%; } .footer_evbanner_wrap .title a {color:#fff000;} .footer_evbanner_wrap .title img { width:32px; padding:0 0 5px 2px;} .footer_evbanner_wrap2 { position:fixed; bottom:0; z-index:15; background:rgba(0,0,0, 0.85); width:92%; padding:10px 4%;} .footer_banner_oneset { clear:both; padding:10px 0; margin:0; border-bottom:1px dotted #555; overflow:hidden;} .footer_banner_oneset .half { float:left; width:48%; padding:0 1%;} .footer_banner_oneset .half .sum { float:left; width:32%;} .footer_banner_oneset .half .sum img { width:100%;} .footer_banner_oneset .half .title { float:left; padding:6px 0 0 5%; width:63%; text-align:left; font-size:1em; color:#fff000; letter-spacing:-0.02em; line-height:130%; word-break: keep-all } .footer_banner_oneset .half .title a {color:#fff000;} .footer_banner_oneset .title img { width:32px; padding:0 0 5px 2px;} /*카드 배너*/ .order-marketingbn {clear:both; position:relative; } .swiper-navi { text-align:right; margin:-15px 5px 10px 0;} .swiper-navi span {width:10px; height:10px; display:inline-block; margin:0 5px; border-radius:100%; }/*background:#9c9694;*/ .swiper-navi span.on {background:#33afe9; } .swiper-navi span a { display:block;} .order-mBNboxwrap { background:#FFFFFF; padding:10px; margin:5px 0; background:#f5f5f5; position:relative;z-index:1 } .order-mBNboxwrap a { text-decoration:none!important; color:#333333; } .order-mBNbox dl {position:relative; height:140px; letter-spacing:-0.08em;width:100%; } .order-mBNbox dt { display:table; position:relative;width:24%; } .order-mBNbox dt span { overflow:hidden;border-radius:100%;display:inline-block; background:#ffffff; position:absolute; left:12px; } .order-mBNbox dd {display:table; width:100%; letter-spacing:-0.08em; height:90px; vertical-align:middle; } .order-mBNbox dd p {display:table-cell; vertical-align:middle;} .order-mBNbox dd p .tit-f1 { font-size:17px; padding-bottom:5px; display:block; line-height:1.2; } .swiper-navi-arr1 { border:1px solid red; position:absolute; left:0; z-index:4; width:20px; } .swiper-navi-arr2 { border:1px solid red; position:absolute; right:0; z-index:4 ;width:20px; } .order-marketingbn2 { clear:both; position:relative; background:#f5f5f5; margin:0; overflow:hidden; } .swiper-navi2 { text-align:center; z-index:3; position:absolute; bottom:4px; width:100%;}/*bottom:10px;*/ .swiper-navi2 span {width:10px; height:10px; display:inline-block; margin:0 5px; border-radius:100%;}/*background:#9c9694; */ .swiper-navi2 span.on {background:#33afe9; } .swiper-navi2 span a { display:block;} .order-mBNboxwrap2 { text-align:center; z-index:2; position:relative; width:100%; } .order-mBNboxwrap2 .bn_imgbox { } .order-mBNboxwrap2 .bn_imgbox img { width:100%; } .order-mBNboxwrap .arr_Left { z-index: 5; background: url(//image.aladin.co.kr/img/common/arrow_pre22.png) no-repeat; background-size: 20px; height: 100%; position: absolute; top:0;left: 0; background-position: 45%;} .order-mBNboxwrap .arr_Left a { display: block; font-size: 0; width: 40px; height: 100%;} .order-mBNboxwrap .arr_right { z-index: 5; background: url(//image.aladin.co.kr/img/common/arrow_next22.png) no-repeat; background-size: 20px; height: 100%; position: absolute; top:0; right: 0; background-position: 45%;} .order-mBNboxwrap .arr_right a {display: block;font-size: 0; width: 40px; height: 100%;} .order-marketingbn2 .arr_Left { z-index: 5; background: url(//image.aladin.co.kr/img/common/arrow_pre_white.png) no-repeat; background-size: 20px; height: 100%; position: absolute; top:0;left: 0; background-position: 45%;} .order-marketingbn2 .arr_Left a { display: block; font-size: 0; width: 40px; height: 100%;} .order-marketingbn2 .arr_right { z-index: 5; background: url(//image.aladin.co.kr/img/common/arrow_next_white.png) no-repeat; background-size: 20px; height: 100%; position: absolute; top:0; right: 0; background-position: 45%;} .order-marketingbn2 .arr_right a {display: block;font-size: 0; width: 40px; height: 100%;} /*********카트거-수정금지********/ .cart-mileage { clear:both; float:left; width:100%;box-sizing:border-box; padding:10px 9px 13px 11px ; position:relative } .cart-mileage h3 { display:inline-block; font-weight:500; padding-top:5px;font-size:1.1em; } .cart-mileage .box-price { position:absolute; right:45px;top:16px; display:inline-block; font-size:1.3em;font-weight:500; } .cart-tx1 { font-weight:600; padding-top:5px; } .cart-tx2 { font-weight:500; padding-top:6px; font-size:1.05em } .wrap-toggle {float:right;padding:0;margin:3px 0 0 0;text-align:right;} .wrap-toggle img { width:24px; } .wrap-toggle .open { } .TotalItem {display:table; width:100%; padding:0.2rem 0; margin:0; vertical-align:top; } .TotalItem dt {display:table-cell; padding-top:0.35rem; padding-bottom:0.3rem; font-size:1.05em;vertical-align:middle; } .TotalItem dd {display:table-cell; font-size:1.05em;vertical-align:middle; text-align:right; } #Publisher_img img { width:100%;} .used_blue {color:#1ea2e0; padding:10px 10px 5px 10px;} .order_box .morder_listForm { font-family: 'Apple SD Gothic Neo',"굴림"; font-size: 1em; line-height: 150%; color: #333333; background-color: #fff; padding: 6px 2px; width: 100%; } .order_box .morder_textForm { font-family: 'Apple SD Gothic Neo',"굴림"; font-size: 1em; line-height: 150%; color: #333333; border: 0px; padding: 0px 2px; width: 98%; } /*종료된 이벤트 레이어팝업*/ .endevent_box_wrap {background: rgba(0, 0, 0, 0.8); position: fixed; top: 0px; left: 0px; z-index:2002; width: 100%; height: 100%; display: block; } .endevent_box { position:relative; margin:150px auto; width:80%; background:#ff66b6; overflow:auto; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;} .endevent_box p { text-align:center; font-size:1.7em; line-height:1.3em; padding:20px 0 10px 0; color:#ffffff; letter-spacing:-1px;} .endevent_box .close_btn { position:absolute; right:10px; top:10px;} .endevent_box .close_btn img { width:24px;} .endevent_btn { background:url(http://image.aladin.co.kr/img/m/2019/btn_more.png) no-repeat right; background-color:#ffffff; background-size:30px auto; margin:10px 20px 20px 20px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;} .endevent_btn a { display:block; padding:12px; text-align:center; color:#333; font-size:1.2em; line-height:1.2em;} /* 190906 모바일 저자파일 심플버전 */ .Mauthor_wrap { padding:15px 12px 12px 12px; background:#33afe9;} .Mauthor_wrap .aut_name { float:left; width:70%; padding-top:5px;} .Mauthor_wrap .aut_name a { color:#fff; font-size:1.1em; line-height:120%; letter-spacing:-0.04em; font-weight:bold;} .Mauthor_wrap .btn_area { float:right; width:27%; text-align:right; } .aut_btn { text-align: center; background: #f5f5f5; border:1px solid #1b9edb; border-radius:1px; font-size:0.9em;letter-spacing:-0.04em; } .aut_btn a:link {color: #1695d0; padding:3px 4px 2px 4px; display: block;} .aut_btn a:visited {color: #1695d0;} .Mauthor_conts { padding:15px 12px 12px 12px; background:#fff; position:relative;} .Mauthor_conts .text { float:left; width:89%;font-size:1.05em; line-height:1.7; } .Mauthor_conts .more_btn {position: absolute; right:12px; top:35%; border:1px solid #ddd; border-radius:1px; } .Mauthor_conts .more_btn img {width:14px; } .Mauthor_conts .more_btn a { padding:8px 7px; display: block; } .Mauthor_conts_full { padding:15px 12px 12px 12px; background:#fff;} .Mauthor_conts_full .text { width:100%; font-size:1.05em; line-height:1.7; } .Mauthor_conts_full .closebtn { width:15px;padding:3px 7px 8px 7px;} .Mauthor_tab {padding:15px 12px 12px 12px; } .mauthor_table { border:1px solid #7b858f; border-radius:2px; } .mauthor_table .td_browse {background:#fff; border-right:1px solid #7b858f; border-right:1px solid #7b858f; text-align:center; line-height:1.2em; } .mauthor_table .td_browse:last-child { border-right:0;} .mauthor_table .td_browse .on {background:#7b858f; display:block; padding:7px 0 5px 0; text-align:center; color:#fff; } .mauthor_table .td_browse .off {background:#fff; display:block; padding:7px 0 5px 0; text-align:center; color:#7b858f; } .addlist_setbtn { float:left; margin-left:5px; background:#ffffff; border-radius:3px; border:1px solid #d8dadc;} .addlist_setbtn a { display:block; color:#555; font-size:0.95rem; padding:2px 8px;} /* 190918 주문스텝1 매장 방문 픽업 정보 수정 */ .ntfc_uL3 { clear: both; padding: 5px 3px;} .ntfc_uL3 li {background: url(//image.aladin.co.kr/img/account/m/2015/blet.png) no-repeat; padding-left: 0.5em; background-size: 3px; background-position: 0 6px; font-size:1em; line-height:140%!important; padding-bottom:5px;} .ntfc_uL4 { clear: both; padding: 5px 3px;} .ntfc_uL4 li a{ clear: both; padding: 5px 3px; color: #f43872; font-weight: bold; text-decoration: underline;} .order_btlayer_wrap {background: rgba(0, 0, 0, 0.8); position: fixed; top: 0px; left: 0px; z-index:200; width: 100%; height: 100%; display: block;} .order_btlayer {position:fixed; z-index:999; bottom:0;} .order_btlayer .event_box { position:relative;} .order_btlayer .event_box .close_btn { position:absolute; right:10px; top:10px;} .order_btlayer .close_box { background:#dbf3ff; text-align:center; padding:15px 0; font-size:1.1em; color:#000;} .order_btlayer .close_box img { margin-bottom:2px;} /* 커피메인 New 버전 welcome_v2.css로 옮김 #coffeemain_2019 {} #coffeemain_2019 .topbg{ background:#ede9e6; border-bottom:1px solid #e2d9d2} #coffeemain_2019 .titletext{ width:80%; margin:0 auto; text-align:center; color:#FFF; font-size:2.3em; line-height:1.3em; letter-spacing:0.5px; position:absolute; z-index:9; top:15%; left:10%; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; letter-spacing:-0.5px} #coffeemain_2019 .title{position:relative; text-align:center} #coffeemain_2019 .title img{ width:100%; margin:0 auto; text-align:center} #coffeemain_2019 .stamp{width:100%; margin:0 auto; padding:10px 0} #coffeemain_2019 .stamp_left{float:left;width:67%; font-size:1.3em; color:#542f25; padding-left:3%} #coffeemain_2019 .stamp_left .left1{} #coffeemain_2019 .stamp_right{float:right;width:27%; padding:5px 10px 0 0} #coffeemain_2019 .stamp strong{color:#ec4315} #coffeemain_2019 .coffee_menu{ padding-bottom:10px; background:#f6f3f0} #coffeemain_2019 .coffee_menu ul{ padding:0; margin:0} #coffeemain_2019 .coffee_menu ul li{width:20%; float:left; display:inline-block; text-align:center} .button_exchange {display: inline-block; padding: 0; vertical-align: middle; border: 1px solid; border-color: #ec4315;text-align: center;overflow: hidden; text-decoration: none!important;cursor: pointer; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;background-color:#ec4315; width:100% } .button_exchange a:hover { text-decoration: none!important;} a.text_middle_white {color : #FFFFFF !important; outline: 0;color: #FFF;font-size: 1em;line-height:25px;display: block;white-space: nowrap;background-color: transparent;border-color:#195fa5;margin: 0;border: 0;padding: 5px 13px 5px 13px;} .coffeemain_list_box{padding:20px 0 50px 0} .coffeemain_list_sp{ padding:10px 0 20px 0} .coffeemain_list{ text-align:center} .coffeemain_list .cover img { width:80%; } .coffeemain_list_taxt1{ text-align:center; font-size:1.3em; line-height:1.5em; padding:5px 0 0 0; letter-spacing:-1px; color:#222} .coffeemain_list_taxt1 a{ font-weight:bold} .coffeemain_list_taxt2{ text-align:center; font-size:1em; color:#464646; padding-bottom:10px} */ .gw { color:#999; font-size:1.0em; } .coming_list_select1 { outline:0} .keep_sel_form2 { outline:0; -webkit-appearance: none;} /* 191107 비회원 로그인 */ /* 상단 탭 */ .m_nonmember_menubox { margin:0px;clear:both; overflow:hidden;width:100%; } .m_nonmember_navlist { margin:0; padding:0;} .m_nonmember_navlist ul { margin:0; padding:0;} .m_nonmember_navlist ul li { position:relative; height:15px; float:left; margin:0; padding:14px 0 16px 0; font-weight:600; font-size:1.05em; width:50%; text-align:center; border-bottom:1px solid #ccc;} .m_nonmember_navlist ul li .on { display:block; position:absolute; bottom:-1px; padding-bottom:6px; border-bottom:3px solid #f01d8b; width:100%; color:#f01d8b} .m_nonmember_navlist ul li .off { display:block; position:absolute; bottom:0; padding-bottom:9px; width:100%; color:#333;} .m_nonmember_list3 {margin:0; padding:0;} .m_nonmember_list3 ul {margin:0; padding:0; position:relative; } .m_nonmember_list3 ul li {float:left; margin:0; padding:0; width:37%; text-align:center; letter-spacing:-0.08em;} .m_nonmember_list3 ul li:first-child {text-align:left; padding-left:22px; width:28%; } .m_nonmember_list3 ul li:last-child {text-align:right; padding:0; width:28%; } .m_nonmember_list3 input {border:0;-webkit-appearance:none; outline-style: none; position:absolute; left:0px; } .m_nonmember_list3 input[type=checkbox] {background:url(//image.aladin.co.kr/img/svg/circle_check_off.svg) no-repeat;border-radius:0; background-size:20px; width:20px; height:20px; } .m_nonmember_list3 input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/svg/circle_check_on.svg) no-repeat; background-size:20px; width:20px; height:20px; -webkit-appearance:none; } .m_nonmember_list3 input[type=checkbox]:checked:disabled {width:20px; height:20px; -webkit-appearance:none; background:#999999 } .m_nonmember_space5 { clear:both; height:5px;} .m_nonmember_space10 { clear:both; height:10px;} .m_nonmember_space15 { clear:both; height:15px;} .m_nonmember_space20 { clear:both; height:20px;} .m_nonmember_space25 { clear:both; height:25px;} .m_nonmember_space30 { clear:both; height:30px;} .m_nonmember_space40 { clear:both; height:40px;} .m_nonmember_space50 { clear:both; height:50px;} .m_nonmember_infobox {clear:both; background:#f7f7f7; padding:15px 15px; } .m_nonmember_infobox .t1 {text-align:left; color:#555; font-weight:bold; padding-bottom:5px; font-size:1.05em;} .m_nonmember_info { margin:0; padding:0; } .m_nonmember_info ul { margin:0; padding:0; } .m_nonmember_info ul li { background: url(//image.aladin.co.kr/img/m/login/list_dot.png) no-repeat 0px 8px;padding: 0 0 5px 8px;text-align:left; color:#444;} .m_nonmember_info ul li:last-child {padding-bottom:0px;} .m_button_login8 { display: inline-block; *zoom: 1; *display: inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #cdcbcb; text-align: center; overflow: hidden; text-decoration: none !important; cursor: pointer; background-color: #fff; width: 100%; margin-top: 7px; font-size: 15px; font-weight: bold; padding: 12px 0 11px 0; letter-spacing: -1px; color:#34afea;} .m_button_login8 a:link {color:#34afea; text-decoration: none !important;} .m_button_login8 a:hover { text-decoration: none !important;} .m_nonmember_topt_box { padding:0; margin:20px 0 10px 0; text-align: center; color:#333; font-size:1.45em; font-weight:bold;} .m_nonmember_findbox { margin:15px 0; padding:0; text-align:left;} .m_nonmember_findbox .onewrap { clear:both; margin:0 0 15px 0 ; padding:0;} .m_nonmember_findbox .onewrap .title { color:#333; font-size:1.1em; text-align:left; padding-bottom:5px; } .m_nonmember_findbox .onewrap .title .right { float:right; color:#34afea; font-size:0.95em;} .m_nonmember_findbox .onewrap .title .right a{ color:#34afea; text-decoration:underline;} .m_nonmember_findbox .onewrap .title .gray { float:right; color:#444; font-size:0.95em;} .m_nonmember_findbox .onewrap .title .gray a{ color:#444; } .m_nonmember_findbox .onewrap .write { padding:0; margin:0; } .m_nonmember_findbox .onewrap .form_ing { width: 100%; height: 40px; font-size:1.05em; padding: 5px 5% 5px 4%; color: #222; border: 1px solid #34afea; letter-spacing: -1px; outline:0; box-sizing: border-box;} /* 입력중일때*/ .m_nonmember_findbox .onewrap .form_before { width: 100%; height: 40px; font-size:1.05em; padding: 5px 5% 5px 4%; color: #969696; border: 1px solid #ccc; letter-spacing: -1px; outline:0; box-sizing: border-box;} /* 입력전*/ .m_nonmember_findbox .onewrap .form_done { width: 100%; height: 40px; font-size:1.05em; padding: 5px 5% 5px 4%; color: #222; border: 1px solid #ccc; letter-spacing: -1px; outline:0; box-sizing: border-box;}/* 입력됐을 때*/ .m_nonmember_findbox .onewrap .form_wrong { width: 100%; height: 40px; font-size:1.05em; padding: 5px 5% 5px 4%; color: #222; border: 1px solid #e01733; letter-spacing: -1px; outline:0; box-sizing: border-box;}/* 잘못 입력했을 때*/ .m_nonmember_infotxt {color: #34afea; background-color: #f5f5f5; padding: 3px 10px; margin: 20px 0 10px 0; font-size: 13px;} .m_nonmember_text1 { padding:0; margin:0; font-size:1.05em; color:#333; line-height:140%; letter-spacing:-0.05em; text-align:left; } .m_nonmember_text2 { padding:20px 0; margin:0; font-size:1.25em; color:#333; line-height:150%; letter-spacing:-0.02em; text-align: center; } .m_tblue1 {color:##41a1dd;} .m_tblue2 {color:#34afea;} .m_join_banner { background:url(//image.aladin.co.kr/img/login/2019/join_bnbg.jpg) top center #6054f7; background-size:100%; padding:15px 25px; margin:15px 0; text-align:center; text-align:center; font-size:1.25em; color:#fff; font-weight:bold; line-height:130%; } .m_join_banner a{ color:#fff;} .m_join_btn { color:#fff; text-align:center; text-decoration:underline; font-weight:normal;} .m_join_btn a { color:#fff; text-decoration:underline;} .m_nomember_join_btn { color:#555; text-align:center; text-decoration:underline; font-weight:normal; margin: 0; font-size:1.1em;} .m_nomember_join_btn a{ color:#555; text-decoration:underline;} /* 찾기 */ .m_find_btn_gray {display: inline-block; vertical-align: middle; border: 0px; text-align: center; overflow: hidden; text-decoration: none !important; background-color: #cecece; width: 100%; font-size:1.1em; font-weight: bold; padding: 15px 0 14px 0; letter-spacing: -1px; color:#fff!important; border-radius: 6px;} .m_find_btn_gray a:link {text-decoration: none !important; display:block; color:#fff;} .m_find_btn_gray a:hover { text-decoration: none !important; } .m_find_btn_gray a:visited {text-decoration: none !important; color:#fff;} /* 비회원 */ .m_none_btn_Hpink { clear:both; display: inline-block;*zoom: 1;*display: inline; vertical-align: middle; border: 0px; text-align: center; overflow: hidden; text-decoration: none !important; background-color: #f01d8b; font-size:1.05em; font-weight: bold; width:49%; padding: 15px 0 14px 0;letter-spacing: -1px; color:#fff!important;} .m_none_btn_Hpink a:link {text-decoration: none !important; display:block; color: #FFF;} .m_none_btn_Hpink a:hover { text-decoration: none !important; } .m_none_btn_Hpink a:visited {text-decoration: none !important; color:#fff;} .m_none_btn_Fpink { clear:both; display: inline-block; vertical-align: middle; border: 0px; text-align: center; overflow: hidden; text-decoration: none !important; background-color: #000; font-size:1.05em; font-weight: bold; width: 100%; padding: 15px 0 14px 0;letter-spacing: -1px; color:#fff!important;} .m_none_btn_Fpink a:link {text-decoration: none !important; display:block; color: #FFF;} .m_none_btn_Fpink a:hover { text-decoration: none !important; } .m_none_btn_Fpink a:visited {text-decoration: none !important; color:#fff;} .m_nomember_select {margin:0; padding:0px 5% 10px 28px; width:35%; float:left; text-align:left; position:relative; font-size:1.05em; } .m_nomember_select input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:0px;} .m_nomember_select input[type=radio] {border-radius:22px 22px; width:22px; height:22px; border:1px solid #cfcfcf; background:#ffffff;} .m_nomember_select input[type=radio]:checked {background:url(//image.aladin.co.kr/img/login/2019/element_radio.png) no-repeat 50% 50%; background-size:16px; border:1px solid #f01d8b;} .m_nomember_select input[type=radio]:disabled {background: #fff; } /* 레이어 */ .m_nomember_layer { width:67%; padding:0px 15px 15px 15px; margin:10px auto; position:relative; background:#fff; border: 1px solid #eee;box-shadow: 0 3px 3px #555;} .m_nomember_layer .close { position:absolute; top:3px; right:-28px; width:18px;} .m_nomember_layer .text1 { padding-bottom:10px; text-align: left; font-size:1.05em; color:#222; line-height:135%; letter-spacing:-0.02em;} .m_nomember_layer .text_p {color:#e62b81;} /* 확인버튼 */ .m_layer_okbtn {display: inline-block;*zoom: 1;*display: inline; vertical-align: middle; border: 0px; text-align: center; overflow: hidden; text-decoration: none !important; background-color: #444; width: 100%; font-size:1em; font-weight: bold; padding:8px 0 7px 0; letter-spacing: -1px; color:#fff!important;} .m_layer_okbtn a:link {text-decoration: none !important; display:block; color:#fff;} .m_layer_okbtn a:hover { text-decoration: none !important; } .m_layer_okbtn a:visited {text-decoration: none !important; color:#fff;} /*비회원 주문을 위한 모든 약관에 동의*/ .m_nomember_chice { margin:10px 0 0 0; padding:10px 5px; overflow:hidden; background:#f8f8f8;} .m_nomember_chice ul {clear:both; } .m_nomember_chice ul li {padding: 0 0 12px 30px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .m_nomember_chice ul li .all {font-size: 1.05em; } .m_nomember_chice ul li .Litem { float:left;} .m_nomember_chice ul li .Ritem { float:right; position:absolute; right:0; color:#33afe9; text-align:center; font-size:0.90em; padding:0 5px; } .m_nomember_chice ul li .Ritem a { text-decoration:underline; color:#33afe9; padding:0 5px; } .m_nomember_chice ul li:last-child {padding-bottom: 1px;} .m_nomember_chice input {border:0;-webkit-appearance:none; outline-style: none; position:absolute; left:0px;} .m_nomember_chice input[type="checkbox"] {width: 22px; height: 22px; border-radius: 3px; appearance: none; background: url('//image.aladin.co.kr/img/account/2024/check_off.svg') no-repeat center / 100% auto; border: 1px #ccc solid;} .m_nomember_chice input[type="checkbox"]:checked {width: 22px; height: 22px; background: url('//image.aladin.co.kr/img/account/2024/check-on-w.svg') #1a1a1c no-repeat center / 100% auto; border: 1px #1a1a1c solid;} .m_nomember_chice input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none; background:#999999 } .m_nomember_chice input[type="checkbox"]:disabled {background: #e9e9e9;} /* 회원 전용 서비스 안내 */ .m_nonmember_unable_topbox { padding:0 20px; margin:0 0 10px 0; text-align: center; color:#6054f7; font-size:1.5em; font-weight:bold; line-height:130%; } .m_nonmember_unable_btn { padding:0 0px; margin: 0; text-align: center; margin: 0 auto; width:70%;} .m_nonmember_unable_topbn { background:#6054f7; padding:0; margin: 0; text-align: center;} .m_nonmember_benefit_wrap { padding:20px 25px 70px 25px; text-align:left; background:url(//image.aladin.co.kr/img/login/2019/benefit_bg.jpg) bottom right no-repeat; background-size:65%; } .m_nonmember_benefit_wrap ul { padding:0; margin:0;} .m_nonmember_benefit_wrap ul li { padding:0 0 30px 0; margin:0;font-size:1.25em; color:#353535; line-height:130%; font-weight:bold; letter-spacing:-0.02em; } .m_nonmember_benefit_wrap ul li .btn { padding-top:0px;} .m_nonmember_benefit_wrap ul li:last-child { padding-bottom:0;} .m_benefit_btn {font-size:1rem; font-weight:normal; color:#6054f7; text-decoration: underline; padding:3px 0;} .m_benefit_btn a { color:#6054f7; text-decoration: underline;} /* 이전 화면으로 이동 */ .m_back_btn {display: inline-block;*zoom: 1;*display: inline; vertical-align: middle; border:1px solid #cdcbcb; text-align: center; overflow: hidden; text-decoration: none !important; background-color: #fff; font-size:1.1em; font-weight: bold; width:82%; padding: 15px 0 14px 0; letter-spacing: -1px; color:#444!important; margin:0 8%;} .m_back_btn a:link {text-decoration: none !important; display:block; color:#444;} .m_back_btn a:hover { text-decoration: none !important; } .m_back_btn a:visited {text-decoration: none !important; color:#444;} .m_nomember_join_btn { color:#555; text-align:center; text-decoration:underline; font-weight:normal; margin: 0; font-size:1.1em;} .m_nomember_join_btn a{ color:#555; text-decoration:underline;} /* 비회원 이용 불가 레이어 */ .m_justmember_layer_out { background:#fff; width:90%; border-radius:10px 10px 10px 10px; margin:10px auto; position:relative;} .m_justmember_layer_in { padding:25px 20px 20px 20px; text-align:center;} .m_justmember_layer_in .t1 { font-size:1.45em; color:#6054f7; line-height:130%; letter-spacing:-0.02em; margin-bottom:12px;} .m_justmember_layer_in .t2 { font-size:1.1em; color:#333; line-height:130%; letter-spacing:-0.05em;} .m_nonmember_space15 { clear:both; height:15px;} .m_nomember_join_btn { color:#0fa8ff; text-align:center; text-decoration:underline; font-weight:normal; font-size:1.1em;} .m_nomember_join_btn a{ color:#0fa8ff; text-decoration:underline;} .m_justmember_closebtn { background:#e5e5e5; text-align:center; width:100%; margin:0 auto; border-radius:0px 0px 10px 10px;} .m_justmember_closebtn a { display:block; padding:12px 10px 11px 10px; font-size:1.15em; color:#555!important } /* 191120 p페이지 레이어*/ .mp_sublayer { clear:both; position:relative; width:80%; margin:10px auto; background:#fff; border:1px solid #d5d5d5; padding:10px 15px; border-radius:2px; text-align:left; box-shadow:0 1px 2px #ddd;} .mp_sublayer_close {position:absolute; top:6px; right:7px;} .mp_sublayer .t1 { font-size:1.1rem; color:#0399df; line-height:130%; letter-spacing:-0.05em; margin-bottom:3px; font-weight:bold;} .mp_sublayer .t2 { font-size:1rem; color:#333; line-height:130%; letter-spacing:-0.02em; font-weight:normal;} .mp_sublayer .more {font-size:0.90em; color:#888; text-decoration:underline; padding:0 5px; letter-spacing:0em;font-weight:normal; } /*nps배너*/ .banner_nps { width:100%; background:#ffdb0c; text-align:left; margin-top:10px; font-size:14px; text-decoration:none; padding:15px 15px 15px 15px; color:#000; box-sizing:border-box;} .banner_nps > span { font-size:16px; font-weight:bold; display:inline-block; padding-bottom:4px;} .banner_nps2 { width:100%; background:#ffdb0c; text-align:left; margin-top:10px;} .banner_nps2 a:link { display:block; position:relative; width:100%; font-size:14px; font-weight:bold; text-decoration:none; padding:10px 40px 10px 15px; color:#000; box-sizing:border-box; } .banner_nps2 a:hover { display:block; position:relative; width:100%; font-size:14px; font-weight:bold; text-decoration:none; padding:10px 40px 10px 15px; color:#000; box-sizing:border-box; } .banner_nps2 a:visited { display:block; position:relative; width:100%; font-size:14px; font-weight:bold; text-decoration:none; padding:10px 40px 10px 15px; color:#000; box-sizing:border-box; } .banner_nps2 a:after { content:''; position:absolute; top:50%; transform:translateY(-50%); right:15px; width:20px; height:20px; background:url(http://image.aladin.co.kr/img/account/2019/nps_go.png) no-repeat; background-size:20px;} /*세금계산서 조회*/ .order_input4 {border: 1px #c2c2c2 solid; height:46px; padding:0 10px; outline:0; display:inline-block; margin-bottom:8px; font-size:1.0rem; box-sizing: border-box;} .order_input4:focus { border:#000000 solid 1px;} .inquiry-btn { display:inline-block; width:18%; background:#EB217C; text-align:center; color:#ffffff; border:1px solid #EB217C;font-size:1.1rem;border-radius:0!important;} .inquiry-btn a {display:block; color:#ffffff!important; height:40px; width:100%; padding:3px 0 1px 0; line-height:43px;} .inquiry_msg {color:#f43872;} .inquiry_msg a {color:#f43872!important;} .company_info { background:#f5f5f5; padding:12px 12px 5px 12px; margin-top:15px; position:relative;} .company_info > ul { margin-top:10px; margin-bottom:10px;} .company_info > ul > li { padding:5px 0; font-size:1.0rem;} .company_info > ul > li > h4 { float:left; width:40%;} .company_info > ul > li > span { float:left; width:60%;} .company_info > ul > li:after { content:''; display:block; clear:both;} .company_info .modify_btn { position:absolute; right:10px; top:10px; background: #ffffff; border-radius: 3px; border: 1px solid #d8dadc; text-align: center; color: #555; font-weight: normal;font-size: 0.95em; margin:0; padding: 4px 8px 3px 8px;} .company_info .modify_btn:after { content:''; display:block; clear:both;} .pdp_chart2 { clear: both; padding: 15px; background: #ececec; margin: 15px 11px; border-radius: 5px; } .pdp_chart2 a { color: #333333 !important; } .t_left_m30 {display: inline-block; margin-left: 22px;} /*도서관사서모드 추가*/ .library_wrap { margin:0; padding:10px 15px; clear:both; background:#ececec; overflow:hidden;} .library_wrap .text1 { font-size:1.1em; color:#222; line-height:1.6em; font-weight:normal; letter-spacing:-0.03em; font-weight:normal} .library_area1 { float:left; width:30%;} .library_area2 { float:left; width:70%;} .library_textR { text-align:right;} .library_str { font-weight:600;} .delivery_info {padding:5px 0;} /* 20200121 주문과정 환전소 */ .m_agreelist { clear:both; margin:0 0 5px 0; padding:0 20px; text-align:left; } .m_agreelist>li {list-style:none; background:url(http://image.aladin.co.kr/img/usedshop/C2C/list_dot1.png) no-repeat 0px 8px; background-size:6px; padding:0px 0 3px 12px; position:relative; margin:0; font-size:1em; letter-spacing:-0.03em; line-height:140%; text-align:left; color:#333333!important; } .m_agreelist>li .info_box {background:#f8f8f8; border:1px solid #e5e5e5; margin:7px 0; padding:10px 12px; text-align:left; font-size:1em; line-height:140%; text-align:left; color:#222222!important;letter-spacing:-0.05em; } /* 주문과정 환전소 레이어 */ @media all and (min-width:320px) {.Pinfo_layer_wrap {width:85%; margin:0 auto; font-size:15px;} .Pinfo_layer_tt{ font-size:1.1em;}} @media all and (min-width:760px) {.Pinfo_layer_wrap { width:400px; font-family:dotum; font-size:12px; line-height:20px;} .Pinfo_layer_tt { font-size:16px;}} .Pinfo_layer_wrap {padding:15px 15px 5px 15px; border:1px #979797 solid; box-shadow:0px 2px 4px #979797;} .Pinfo_layer_tt {border-bottom:2px solid #333; padding:0 0 10px 0; font-weight:bold; margin-bottom:15px;} .Pinfo_layer_cont {} .Pinfo_layer_cont ul { padding:0; margin:0;} .Pinfo_layer_cont li { background:url(http://image.aladin.co.kr/img/m/2018/list_dot.png) no-repeat 0px 8px; padding:0 0px 10px 8px; list-style:none;} /* 이벤트 desc 옵션처리 추가*/ .ev_cobox { background:#f9f9f9; text-align:center; padding:4px; border:1px dotted #cfcfcf; margin:0 5px;} /* 200214 신간 알리미 신청 버튼 추가 */ .alarm_Larea {width:92%; float:left;} .alarm_Rarea {width:8%; float:left; text-align:center; padding:0px 0;} .alarm_Rarea img { width:32px;} /* 분야 상단에 추가된 css*/ .Univ_Browsebox {background:#f8f8f8; clear: both; padding: 11px; margin-bottom:10px; overflow: hidden;} .Univ _Browsebox .tit { text-align:center; padding:0 0 7px 0; font-size:1.05em; font-weight:bold; color:#3b49b1;} .Univ_search {width:8%; float:left; text-align:center; padding:3px 0 0 3px;box-sizing:border-box;} .Univ_search img { width:28px;} /* 중고 메인 중단 배너*/ .used_middle_bn {clear:both;width:95%; margin:5px auto; padding:5px 0} .select_space1{float:left; width:25%; padding-right:7px} .pdp_special_bt{background:#4d92d9; display:inline-block; margin-left:7px;padding:0px 7px} .pdp_special_bt a{color:#FFF; font-size:0.85em} .goods_bt_left{float:left; width:30%; padding:10px 0 0 10px} .uv_mbutton_blue_line {display: inline-block; vertical-align: middle; border: 1px solid; border-color: #0fa8ff;text-align: center;overflow: hidden; padding:5px 10px; text-decoration: none!important;cursor: pointer;background-color:#f4fbfe; }/*기본 블루 버튼*/ .uv_mbutton_blue_line a:link { text-decoration: none!important; color:#0fa8ff; font-size:15px; letter-spacing:-1px} .uv_mbutton_blue_line a:hover { text-decoration: none!important;} /* 주문과정 수신동의 적립금 받기*/ .receive_agree_m {padding:20px 10px 10px 10px;} .receive_agree_m h3 { font-size:17px; font-weight: bold; text-align: center; letter-spacing:-1.4px; margin:0; padding-bottom:14px; word-break: keep-all;} .receive_agree_m h3 em { font-style:normal!important; font-size:15px; font-weight:normal; letter-spacing:0;} .receive_agree_m ul {width:80%; margin:0 auto;} .receive_agree_m ul::after {content:''; display: block; clear: both;} .receive_agree_m li {width:40%; float: left; padding-bottom:8px;} .receive_agree_m li:nth-child(1) , .receive_agree_m li:nth-child(3) {width:60%;} .receive_agree_m label {font-size:16px; vertical-align: middle; margin-right:5px; padding-left:5px;} .receive_agree_m input{border:0;-webkit-appearance:none;outline-style: none; vertical-align: middle; border-radius:0;} .receive_agree_m input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/2020/icon_check_off.png) -1px -1px no-repeat ; background-size:24px; width:24px; height:24px; border:1px solid #d5d5d5 } .receive_agree_m input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/2020/icon_check_on.png) -1px -1px no-repeat; background-size:24px; width:24px; height:24px; border:1px solid #df307f; -webkit-appearance:none;} .receive_agree_m input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none;} .receive_agree_m .agree_btn {display: block; margin:0 auto; width:85%; background-color: #3385d9; border:0; color:#fff; cursor: pointer; padding:10px; font-size:16px; margin-top:10px;} .receive_agree_m .agree_btn:hover {background-color:#1760b2;} .receive_agree_m .agree_fold {display: block; width: 100%; margin: 14px 0; color: #333; background-color: transparent; border: 0; text-align: center;} .receive_agree_m .agree_fold::after {content: ''; display: inline-block; width: 12px; height: 8px; background: url("//image.aladin.co.kr/img/svg/arrow_down.svg") no-repeat center / 100% auto; margin-left: 5px; transition: all 0.3s;} .receive_agree_m .agree_fold.on::after {transform: rotate(-180deg);} .receive_agree_m .agree_fold.on + .agree_table {display: block;} .receive_agree_m .agree_table {display: none;} .receive_agree_m .agree_table table {width: 100%;} /* 관련 이벤트 썸네일 버전*/ .MoSM_search_event { clear:both; background:#f5f5f5; padding:15px 15px 10px 15px; margin:0 0 5px 0px; overflow:hidden; border-bottom:1px solid #d5d5d5; } .MoSM_search_event .sum_wrap { padding:0; margin:0;} .MoSM_search_event .sum_wrap ul { list-style:none; padding:0; margin:0;} .MoSM_search_event .sum_wrap ul li {float:left; width:100%; padding:0 0 10px 0; margin:0; } .MoSM_search_event .sum_wrap ul li .sum { float:left; width:30%; margin-right:3%;} .MoSM_search_event .sum_wrap ul li .sum img { width:100%; border:1px solid #e9e9e9;} .MoSM_search_event .sum_wrap ul li .title { float:left; width:67%; padding-top:5px; } .MoSM_search_event .sum_wrap ul li .title a { color:#111; text-decoration:none; font-size:1em; letter-spacing:-0.02em; line-height:140%;} .MoSM_search_event .more {float:right; color:#555; font-size:0.95em; margin:0; padding:0;} .MoSM_search_event .more a {color:#555;} /* 알라딘 통장 안내 문구*/ .bank-notice-black-bg { clear:both; background:#fffcd1; border-radius:5px; padding:10px 10px; margin:5px 0 0 0;} .bank-notice-black-bg li {list-style-type:none; line-height:1.4; color:#333333 } /* 주문단계 박스 추가*/ .delivery_select7 { margin:5px 0px; padding:0; width:95%;} .delivery_select7 ul {clear:both; } .delivery_select7 ul li { padding: 0 10px 5px 13px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } /* 양탄자 배송*/ .order_ytz_delivery { display: inline-block; background:#ffab00; text-align:center; font-size:13px; line-height:1.4em; color:#fff; border-radius:15px; padding:2px 7px 0px 7px; font-weight:bold; margin-bottom:5px;} /* 신간알리미 버튼 추가*/ .btn_alarm_cancel{padding:2px 8px; border:1px solid #2d7dcb; color:#2d7dcb; font-size:0.9em; margin:1px 0 3px 3px; background:#FFF} /* 통합 검색 장르 키워드 검색*/ .ms_keyword_btn { margin:15px auto 5px auto; display:inline-block; text-align: center; background: #fff; border: 1px solid #c7c7c7; border-radius:20px; font-size: 14px; font-weight: normal; color: #333} .ms_keyword_btn a { display: block; text-align: center; color: #333; padding:5px 30px 3px 30px; } .ms_keyword_btn span { color:#df307f;} .ms_keyword_btn img { margin-top:-3px;} .eb_result_list { width:100%; box-sizing: border-box; margin:10px 0px; padding:5px 0 0 0 ; height:35px; overflow: hidden;} .eb_result_list .swiper-slide { width: auto; } .eb_result_list .keywrap_on {float:left; background:#ef3b96; border:1px solid #ef3b96; border-radius:3px; text-align:center; color:#fff; font-weight:bold; padding:3px 10px 2px 10px; font-size:14px;} .eb_result_list .keywrap_on.star::after {content: ''; display: inline-block; width: 12px; height: 12px; background: url("//image.aladin.co.kr/img/ebook/2020/recom_key_w_2024.png") no-repeat center / 100% auto; margin-left: 2px;} .eb_result_list .keywrap {float:left; background:#f2f3f5; border:none; border-radius:3px; text-align:center; color:#333; font-weight:normal; padding:3px 10px 2px 10px; font-size:14px;} .eb_result_list .keywrap.star::after {content: ''; display: inline-block; width: 12px; height: 12px; background: url("//image.aladin.co.kr/img/ebook/2020/recom_key_p_2024.png") no-repeat center / 100% auto; margin-left: 2px;} .eb_result_list img {width:12px; margin-top:-2px; padding:0 0 0 3px;} /* 20201007 주문과정 정리*/ .order_step2_orderlist1 { padding:20px 8px 20px 11px ; border-top:1px solid #ececec; position: relative} .order_step2_orderlist1 h3 { color: #222; font-size: 1.1em; font-weight: bold; } .order_step2_orderlist1 h3 span { color: #333333; font-weight: normal} .order_step2_orderlist1 .sub_tit { color: #333333; font-weight: normal; font-size: 1.0em; padding-right:40px;} .order_step2_orderlist1 .pick_t { position:absolute; right:45px; top:20px;font-size: 1.05em; letter-spacing:-0.05em; color:#EB217C; font-weight: normal; width:38%; height:25px; display:block; text-align:right; overflow:hidden; } .order_step2_orderlist1 .box-price { position:absolute; right:45px; top:20px; display:inline-block; font-size:1.25em;font-weight:500; color:#333; } .order_step2_orderlist1 .box-document { position:absolute; right:45px; top:20px; display:inline-block; font-size:1.15em;font-weight:normal; color:#333; } .order_step2_orderlist1 .btnwrap { position: absolute; right: 10px; top:18px; cursor: pointer;} .order_step2_orderlist1 .btnwrap img { width:22px;} .order_step2_orderlist1 .contlist {display:table; width:100%; padding:10px 38px 0px 0 ; margin:0; vertical-align:top; box-sizing:border-box;} .order_step2_orderlist1 .contlist dt {display:table-cell; padding-top:0; padding-bottom:0; font-size:1.0em;vertical-align:middle; } .order_step2_orderlist1 .contlist dd {display:table-cell; font-size:1.05em;vertical-align:middle; text-align:right;} .order_gift_btn { background:#fff; border-radius:15px; border: 1px solid #ccc; text-align: center; color: #333; font-weight: normal;font-size: 0.95em; margin:5px 28px 0px 0; padding: 2px 18px 1px 18px; } .order_step2_orderlist1::after {content:''; display:block; clear: both;} .order_step2_orderlist2 { padding:20px 8px 20px 11px ; border-top:1px solid #ececec; border-bottom:1px solid #ececec; position: relative} .order_step2_orderlist2 h3 { color: #222; font-size: 1.1em; font-weight: bold; } .order_step2_orderlist2 h3 span { color: #333333; font-weight: normal} .order_step2_orderlist2 .btnwrap { position: absolute; right: 10px; top:18px;} .order_step2_orderlist2 .btnwrap img { width:22px;} .order_step2_orderlist3 { background:#f7f7f7; padding:18px 15px 15px 15px; position: relative; margin: 0px 10px 10px 10px; border-radius: 5px;} .order_step2_orderlist3 .btnwrap { position: absolute; right: 10px; top:20px;} .order_step2_orderlist3 .btnwrap img { width:22px;} .order_step2_orderlist3 .left_item { position:absolute; left:11px; width: 55px; background: #eb217c; border-radius: 15px; text-align: center; color: #fff; font-weight: bold; font-size: 13px; margin: 0; padding: 2px 4px 1px 4px; box-sizing: border-box; overflow: hidden;} .order_step2_orderlist3 .left_item::after {content: ''; display: block; width: 25px; height: 80px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); position: absolute; left: -10px; top: -5px; opacity: 0.6; animation: eventlight infinite 3s;} .order_step2_orderlist3 .contlist {float:left; padding-left:60px;} .order_step2_orderlist3 .contlist ul { width: 92%;} .order_step2_orderlist3 .contlist li {padding:0px 0px 5px 0; margin-right: 30px; box-sizing:border-box; font-size:1.05em; line-height: 150%; color:#1692cc; letter-spacing:-0.02em; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; } /*201110 css 좌측 여백, 2줄 자름 추가 */ .order_step2_orderlist3 .contlist li a {color:#1692cc;} .order_step2_orderlist3 .contlist2 {float:left; padding-left:60px;height: 29px; overflow: hidden; } .order_step2_orderlist3 .contlist2 ul { width: 92%;} .order_step2_orderlist3 .contlist2 li {padding:0px 0px 9px 0; margin-right: 30px; box-sizing:border-box; font-size:15px; line-height: 170%; color:#1692cc; letter-spacing:-0.02em; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; overflow: hidden; font-weight: bold;} /*201110 css 좌측 여백, 2줄 자름 추가 */ .order_step2_orderlist3 .contlist2 li a {color:#333;} .order_step2_orderlist3::after {content:''; display:block; clear: both;} .order_step2_orderlist4 { background:#f7f7f7; padding:22px 15px 20px 15px; position: relative; margin:0px 10px 10px 10px; border-radius:5px;} /* 201103 라운딩, 마진 추가, 패딩값 수정*/ .order_step2_orderlist4 .payname_wrap { clear:both;} .order_step2_orderlist4 .payname_wrap img { width:95px;} .order_step2_orderlist4 .pay_benefit { clear:both; padding-top:10px; } .order_step2_orderlist4 .pay_benefit li {padding:3px 0 5px 11px; font-size:1.0em; letter-spacing:-0.02em; background: url(//image.aladin.co.kr/img/m/2020/list_dot01.png) no-repeat 2px 9px; background-size:3px;line-height:130%;} .order_step2_orderlist4 .pay_benefit li a {color:#333;} .order_step2_orderlist4 .pay_benefit li span {background:none; font-weight:bold; font-size:1.05em;} .order_step2_orderlist4 .pay_benefit li span .more{padding-bottom:4px; padding-left:3px; width:8px; } .order_step2_orderlist4 .pay_benefit li:first-child {background:none; padding:3px 0 5px 0;} .order_step2_orderlist4 .pay_benefit li:last-child { padding-bottom:0;} .order_step2_orderlist4::after {content:''; display:block; clear: both;} .order_step2_orderlist4 .pay_benefit .detail {line-height:160%; text-align:left; color:#333; padding:5px 0 0 5px; margin:0;} .order_step2_orderlist4 .pay_benefit .point { color:#EB217C;font-size:1.0em;} .order_step2_orderlist5 { padding:15px 15px 15px 15px; position: relative; background:#f7f7f7; margin:0px 10px 22px 10px; border-radius:5px; } /* 201103 패딩값 수정 bg, 마진, 보더 라운딩 처리*/ .order_step2_orderlist5 .notice_tit { color: #222; font-size:1.0em;} .order_step2_orderlist5 .notice_tit span { font-weight:bold;} .order_step2_orderlist5 .notice_tit img { width:20px; padding-bottom:2px;padding-right:2px;} .order_step2_orderlist5 .btnwrap { position: absolute; right: 10px; top:18px;} .order_step2_orderlist5 .btnwrap img { width:22px;} .order_step2_orderlist5 .textbtn { position: absolute; right: 15px; top:13px; color: #777; font-size:13px; letter-spacing:0; padding:0 5px; cursor: pointer;} .order_step2_orderlist5 .textbtn a {color: #777; text-decoration:underline;} .order_step2_orderlist5 .contlist {clear:both; padding:5px 0 0 24px; width:93%; box-sizing:border-box;} .order_step2_orderlist5 .contlist li {padding:3px 0 5px 0px; font-size:1.0em; color:#333; letter-spacing:-0.02em;line-height:130%;} .order_step2_orderlist5 .contlist li:last-child { padding-bottom:0;} .order_step2_orderlist5 .contlist li:first-child { font-weight:bold;} .order_step2_orderlist5::after {content:''; display:block; clear: both;} .order_step2_orderlist6 { padding:20px 0px 10px 0px ; position: relative; border-top:0;} .order_step2_orderlist6 .notice_tit {font-size:1.0em; cursor: pointer;} .order_step2_orderlist6 .notice_tit span { font-weight:bold;} .order_step2_orderlist6 .notice_tit img { width:20px; padding-bottom:2px; padding-right:2px;} .order_step2_orderlist6 .btnwrap { position: absolute; right:0px; top:18px;} .order_step2_orderlist6 .btnwrap img { width:20px;} .order_step2_orderlist6::after {content:''; display:block; clear: both;} .order_step2_orderlist7 { padding:15px 15px 15px 15px; position: relative; border-top: 1px solid #E5E5E5; } /* margin-top: 20px; 삭제 */ .order_step2_orderlist7 h3 {font-size: 15px; margin-bottom: 5px;} .order_step2_orderlist7 .notice_tit { color: #222; font-size:1.0em;} .order_step2_orderlist7 .notice_tit span { font-weight:bold;} .order_step2_orderlist7 .notice_tit img { width:20px; padding-bottom:2px; padding-right:2px;} .order_step2_orderlist7 .btnwrap { position: absolute; right:15px; top:5px;} .order_step2_orderlist7 .btnwrap img { width:20px;} .order_step2_orderlist7::after {content:''; display:block; clear: both;} .order_step2_orderlist7 .contlist {clear:both; padding:0px 0 10px 0px; box-sizing:border-box;} .order_step2_orderlist7 .contlist li {padding:3px 0 5px 0; font-size:1.0em; color:#333; letter-spacing:-0.02em;line-height:130%; position: relative;} .order_step2_orderlist7 .contlist li:last-child { padding-bottom:0;} .order_step2_orderlist7 .textbtn {color: #777; font-size:13px; letter-spacing:0; cursor: pointer; text-align:right; margin-top: -10px; background-color: transparent; border: 0; text-decoration: underline;} .order_step2_orderlist7 .textbtn a {display: inline-block; color: #777; text-decoration:underline; padding:0 10px 10px 10px; text-decoration: underline;} .order_step2_orderlist7 .terms_view {top: 10px; bottom: auto; margin-top: 0;} .neworder_contlist1 { clear:both; margin:12px 0px 0px 0px; width:99%; border:1px solid #61bee9; box-sizing:border-box; border-radius:10px;} .neworder_contlist1 li { clear:both; color:#333; font-size:1.05em; padding:12px 15px; border-top:1px solid #ddeefa; position:relative; } .neworder_contlist1 li:first-child { border-top:0;} .neworder_contlist1 li .more_arrow { position:absolute; top:2px; right:4px; } .neworder_contlist1 li .more_arrow img { width:22px; padding:10px;} .neworder_contlist1::after {content:''; display:block; clear: both;} .neworder_box1 { position: relative; padding:5px 0 0 0; margin:0 12px; border-bottom: #ececec 1px solid;} .neworder_box1 .banklist_left { float: left; padding: 7px 0 12px 0px; font-size:1.1em;} .neworder_box1 .banklist_center { float: right; padding: 7px 0px 0 0; font-size:1.1em; } .neworder_box1 .banklist_right { float: right; width: 35px; height: 35px; text-align:right; padding-top:7px; cursor: pointer;} .neworder_box1::after {content:''; display:block; clear: both;} .order_point3 { clear:both; padding: 0 0 0 0px;} .order_point4 { clear:both; padding: 10px 0 10px 0px;} .subpay_detail p {padding: 0 0 10px 0;} .final_price { clear:both; float:left; width:100%; box-sizing:border-box; padding:20px 9px 23px 11px; position:relative } .final_price h3 { display:inline-block; font-weight:500; padding-top:5px;font-size:1.1em; } .final_price .box-price { position:absolute; right:45px; top:25px; display:inline-block; font-size:1.3em;font-weight:500; color:#333; } .final_price .wrap-toggle {float:right;padding:0;margin:3px 0 0 0;text-align:right;} .final_price .wrap-toggle img { width:24px; } .final_price .wrap-toggle .open { } .final_price .TotalItem2 {display:table; width:100%; padding:10px 38px 0px 0 ; margin:0; vertical-align:top;box-sizing:border-box; } .final_price .TotalItem2 dt {display:table-cell; padding-top:0rem; padding-bottom:0rem; font-size:1.0em;vertical-align:middle; } .final_price .TotalItem2 dd {display:table-cell; font-size:1.05em;vertical-align:middle; text-align:right; } .new_pay_select {clear:both; margin:0; padding:0px 0px; box-sizing:border-box; margin-top: -8px;} /* 1105 결제수단 선택 박스 패딩값 조절*/ .new_pay_select li { float:left; width:31%; padding:0 1% 5px 1%; margin:0;text-align:center;} .new_pay_select li img { width:100%;} .new_pay_select input[type=radio] {display: none; } .new_pay_select input[type=radio] + span { position:relative; float: left; height:60px; width:100%; box-sizing:border-box; border-radius:10px; border: solid 1px #e0e0e0; margin:0 5px 5px 0;} .new_pay_select input[type=radio] + span .benefit { top:0; left:0; width:100%; z-index:10; border-radius:9px 9px 0 0; position:absolute; background:#EB217C; opacity:0.8; color:#fff; text-align:center; font-size:0.9em;} .new_pay_select input[type=radio]:checked + span { border:2px solid #EB217C;} .new_pay_select input[type=radio]:checked:disabled + span { border:1px solid #e5e5e5;} .new_pay_select input[type=radio]:disabled + span { border:1px solid #e8e8e8;} .new_pay_select::after {content:''; display:block; clear: both;} .new_pay_select .eventlabel { position:absolute; top:-8px; right:5px; width:36px;} .new_pay_select .eventlabel img { width:100%;} .eventlabel.new {width: 40px; height: 18px; line-height: 20px; background: #eb217c; border-radius: 9px; text-align: center; color: #fff; font-weight: bold; font-size: 12px; margin: 0; box-sizing: border-box; top:-6px;} .new_pay_select2 {margin:10px 0; padding:0px 5px; box-sizing:border-box; } .new_pay_select2 {} .new_pay_select2 li { float:left; padding: 0 10px 9px 40px; width:50%; box-sizing:border-box; text-align:left; font-size: 1.0em; color: #222; position:relative; line-height:1.4em; } .new_pay_select2::after {content:''; display:block; clear: both;} .new_pay_select2 input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:10px; top:-2px; } .new_pay_select2 input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff; } .new_pay_select2 input[type=radio] + span { color:#222; } .new_pay_select2 input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .new_pay_select2 input[type=radio]:disabled + span {color:#b5b5b5; } .new_pay_select3 {margin:5px 15px 0 15px ; padding:20px 0px; box-sizing:border-box; border-top:#ececec 1px solid; } .new_pay_select3 a.pink:link { color:#EB217C;} .new_pay_select3 a.pink:visited { color:#EB217C;} .new_pay_select3::after {content:''; display:block; clear: both;} .new_pay_select4 {clear:both; margin:0px 0 10px 0; padding:0 0 0 0px; font-size: 1.05em;} .new_pay_select4 ul {} .new_pay_select4 ul li { float:left; padding: 0 10px 9px 40px; text-align:left; font-size: 1.00em; position:relative; line-height:1.4em; } .new_pay_select4 input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:10px; top:-2px; } .new_pay_select4 input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff; } .new_pay_select4 input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .new_pay_select4 input[type=radio]:disabled {background: #fff; } .new_pay_select5 {margin:15px 0 0 0; padding:20px 8px 10px 8px; border-top:#ececec 1px solid; font-size: 1.05em; color: #333; line-height:140%;} .new_pay_select6 {margin:0 ; padding:10px 10px 10px 10px; font-size: 1.0em; color: #111; line-height:140%; text-align:center;} /*패딩 top 추가*/ .new_pay_select6 span { font-weight:bold;} .new_pay_select7 {margin:10px 0 0 0; padding:0px 0px 10px 0; box-sizing:border-box; } /* 1105 결제수단 아래 무통장입금,실시간계좌이체 부분 박스 추가 */ .new_pay_select7 li { float:left; padding: 0 5px 12px 37px; width:50%; box-sizing:border-box; text-align:left; font-size: 1.0em; color: #222; position:relative; line-height:1.4em; letter-spacing:-0.05em; } .new_pay_select7 li label {cursor: pointer;} .new_pay_select7::after {content:''; display:block; clear: both;} .new_pay_select7 input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:8px; top:-2px; } .new_pay_select7 input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff; } .new_pay_select7 input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .new_pay_select7 input[type=radio]:disabled + span {color:#b5b5b5; } .new_pay_select7 .eventlabel {display: inline-block; margin-left: 5px;} .new_pay_leftarea { float:left; width:48%; padding-right:5px;} .new_pay_rightarea { float:left; width:50%;} .eventlabel2 {width:34px;margin-top:-3px;} .eventlabel2 img{width:100%; } .new_pay_bank {background: url('http://image.aladin.co.kr/img/m/2012/blog/bt_blog_down1_1.gif') no-repeat right #ffffff; -webkit-appearance: none; border-radius: 0px;border: 1px #d5d5d5 solid; height:46px; padding:0 10px; outline:0; display:inline-block; margin-bottom:8px; font-size:1.0rem; box-sizing: border-box; width:100%; color: #333;} .new_pay_bank:focus { border:#333 solid 1px;outline:0;} .new_pay_user { border-radius: 0px; border: 1px #d5d5d5 solid; height:46px; padding:0 10px; display:inline-block; margin-bottom:8px; font-size:1.0rem; box-sizing: border-box; width:100%; outline:0; -webkit-appearance:none; outline-style: none;} .new_pay_user:focus { border:#333 solid 1px; outline:0;} .new_tex_wrap { clear: both; background: #f7f7f7; padding:15px 10px 10px 10px; margin:0px 15px 10px 15px ; border-radius: 5px; } .new_tex_wrap .price_box_m { background-color: #ffffff; margin: 10px 5px; padding: 5px 3px; text-align: center;} .new_tex_wrap .price_box_m .price_f_m {font-weight: bold; color: #cc3431;} .new_tex_wrap .cont_list { margin:0; padding:0 0 15px 0; } .new_tex_wrap .cont_list li {padding:3px 0 5px 11px; font-size:1.0em; color:#333; letter-spacing:-0.02em; background: url(//image.aladin.co.kr/img/m/2020/list_dot01.png) no-repeat 2px 9px; background-size:3px;line-height:130%;} .new_tex_wrap::after {content:''; display:block; clear: both;} .new_tex_wrap2 { clear: both; background:#fff; margin:0; padding:0 17px;} .new_company_info { background:#f7f7f7; padding:15px 10px 10px 10px; margin-top:15px; position:relative; border-radius: 5px;} .new_company_info > ul { margin-top:10px; margin-bottom:10px;} .new_company_info > ul > li { padding:3px 0; font-size:0.95rem;} .new_company_info > ul > li > h4 { float:left; width:40%;} .new_company_info > ul > li > span { float:left; width:60%;} .new_company_info > ul > li:after { content:''; display:block; clear:both;} .new_company_info .modify_btn { position:absolute; right:10px; top:10px; background: #ffffff; border-radius: 3px; border: 1px solid #d8dadc; text-align: center; color: #555; font-weight: normal;font-size: 0.95em; margin:0; padding: 4px 8px 3px 8px;} .new_company_info .modify_btn:after { content:''; display:block; clear:both;} .new_cont_list { margin:0; padding:15px 10px 0px 10px; } .new_cont_list li {padding:5px 10px; color:#333; letter-spacing:-0.02em; font-size:0.95em; background: url(//image.aladin.co.kr/img/m/2020/list_dot01.png) no-repeat 2px 10px; background-size:3px;line-height:130%;} .new_cont_list li:last-child {padding-bottom:0px;} .new_agreelist { clear:both; margin:10px 0 0 0; padding:0px; text-align:left; } .new_agreelist>li {list-style:none; background:url(http://image.aladin.co.kr/img/usedshop/C2C/list_dot1.png) no-repeat 0px 8px; background-size:6px; padding:0px 0 3px 12px; position:relative; margin:0; font-size:1em; letter-spacing:-0.03em; line-height:140%; text-align:left; color:#333333!important; } .new_agreelist>li .info_box {background:#f8f8f8; border:1px solid #e5e5e5; border-radius: 5px; margin:7px 0; padding:10px 15px; text-align:left; font-size:1em; line-height:140%; text-align:left; color:#222222!important;letter-spacing:-0.05em; width:90%; box-sizing: border-box; } .new_order_next { padding:0; margin:0px auto 10px auto;width:94%; } .new_order_next .btn-order-big { background:#EB217C; text-align:center; color:#ffffff; font-size:1.2em; border-radius:0!important; } .new_order_next .btn-order-big a {display:block; color:#ffffff!important;padding:15px 0!important} /* 201116 주문과정 양탄자 */ a.delivery_time_edit:link { display: inline-block; border-bottom: 1px solid #33afe9; text-align: center; color:#33afe9; font-weight: normal; font-size: 0.9em; line-height:115%; padding:0px 0px 0px 0px; margin:0px 5px 0px 5px; letter-spacing:-0.02em;} a.delivery_time_edit:visited {color:#33afe9;} .delivery_select8 { margin:12px; padding:0;} .delivery_select8 ul {clear:both; } .delivery_select8 ul li {padding: 0 10px 9px 30px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .delivery_select8 ul li:last-child {padding: 0 10px 0px 30px; text-align:left; font-size: 1.05em; color: #111; position:relative; line-height:1.4em; } .delivery_select8 input{border:0;-webkit-appearance:none; outline-style: none; position:absolute; left:0px;} .delivery_select8 input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/check_big_off.png) no-repeat;border-radius:0; background-size:23px; width:24px; height:24px; } .delivery_select8 input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/check_big_on2.png) no-repeat; background-size:23px; width:24px; height:24px; -webkit-appearance:none; } .delivery_select8 input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none; background:#999999 } /* 주문과정 양탄자 날짜 선택 레이어 */ .ytz_timelayer_out {position:fixed; bottom:0; z-index:20; background:#fff; width:100%; border-radius: 15px 15px 0px 0px; padding:10px 0px 20px 0px;box-sizing: border-box; } .ytz_timelayer_close { position:absolute; top:15px; right:15px;} .ytz_timelayer_close img { width:18px;} .ytz_timelayer_in { clear:both; padding:20px 20px 0px 20px; text-align:left;} .ytz_timelayer_in .tit { font-size:1.2em; color:#222; line-height:130%; letter-spacing:-0.02em; font-weight:600; margin-bottom:10px;} .ytz_timelayer_in .date_wrap { clear:both; margin:15px auto; padding:0px 0px; width:100%; box-sizing:border-box; overflow:hidden; } .ytz_timelayer_in .date_wrap .swiper-slide {width:19%; padding:0 5px 0px 0; box-sizing:border-box; } .ytz_timelayer_in .opt_off {background:#fff; border:1px solid #d5d5d5; text-align:center; color:#333; font-size:1em; border-radius:5px; line-height:125%; box-sizing: border-box } .ytz_timelayer_in .opt_off a {display:block; color:#333!important; padding:10px 10px 8px 10px;} .ytz_timelayer_in .opt_on {background:#fff; border:1px solid #EB217C; text-align:center; color:#111; font-size:1em; border-radius:5px; line-height:125%; box-sizing: border-box; font-weight:bold; } .ytz_timelayer_in .opt_on a {display:block; color:#EB217C!important; padding:10px 10px 8px 10px;} .ytz_timelayer_in .date_wrap { clear:both; margin:15px auto; padding:0px 0px; width:100%; box-sizing:border-box; overflow:hidden; } .ytz_timelayer_in .date_wrap .time { float:left; width:50%; padding:0 5px 0px 0; box-sizing:border-box;} .ytz_timelayer_in .date_wrap span {font-size:0.9em;} .ytz_timelayer_in .date_wrap::after {content:''; display: block; clear: both;} .ytz_timelayer_btn { background:#EB217C; text-align:center; font-weight:600; width:100%; margin:0 auto; display:block; border-radius:5px; font-size:1.2em; color:#fff!important; } .ytz_timelayer_btn a{ display:block; color:#fff!important; padding:12px 10px 12px 10px; } .ytz_timelayer_out::after {content:''; display: block; clear: both;} .ytz_space { height:25px;} .ytz_timelayer_in .tit2 { font-size:1.3em; color:#222; line-height:130%; letter-spacing:-0.02em; font-weight:600; margin-bottom:15px; text-align:center;} .ytz_timelayer_in .list { margin:0 0px 5px 0px;} .ytz_timelayer_in .list ul {margin:0; padding:0;} .ytz_timelayer_in .list ul li { background:url(http://image.aladin.co.kr/img/order/2021/layer_dot_Lgray.png) 0 5px no-repeat; background-size:3px; margin:0; padding:0 0 8px 7px; font-size:16px; line-height:130%; letter-spacing:-0.02em;} .ytz_timelayer_in .list ul li:last-child { padding-bottom:0;} .ytz_timelayer_in .list ul li:after { content:''; display:block; clear:both;} /* 회원 전환 안내*/ @font-face {font-family: 'GmarketSansBold';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal;} .Mo_certify_outbox {background:#f2f2f2; padding:0; margin:0; width:100%; } .Mo_certify_wrap {width:100%; margin:0px; background:#f2f2f2; padding:30px 20px; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;box-sizing:border-box;} .Mo_certify_wrap .t1 { text-align: center; color:#33afe9; font-size:2.0em; line-height:130%; font-family:'GmarketSansBold','Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; letter-spacing:-0.02em; margin-bottom:8px; } .Mo_certify_wrap .t2 { text-align: left; color:#333; font-size:1.05em; line-height:145%; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; letter-spacing:-0.02em; margin-bottom:25px;} .Mo_certify_wrap .t3 { text-align: center; color:#333; font-size:1.05em; line-height:130%; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; letter-spacing:-0.02em; margin-bottom:25px; font-weight:bold;} .Mo_certify_wrap2 {width:100%; margin:0px 0 30px 0; background:#fff; padding:15px 20px; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif;box-sizing:border-box;} .Mo_certify_wrap2 .t1 {text-align: left; color:#333; font-size:1.0em; line-height:145%; font-family:'Apple SD Gothic Neo',Malgun Gothic,'돋움',Sans-serif; letter-spacing:-0.02em;} .Mo_certify_wrap3 {width:100%; margin:0 auto 0px auto; background:#fff; border-radius:10px; text-align:left; padding:15px; box-sizing:border-box} .Mo_certify_wrap3 .certify_list { margin:0 auto; padding:0; width:100%; background:url(//image.aladin.co.kr/img/m/2020/Mo_certify_bg1.jpg) top left no-repeat; background-size:28%;} .Mo_certify_wrap3 .certify_list ul { margin:0; padding:7px 0 5px 32%;} .Mo_certify_wrap3 .certify_list ul li{ margin:0; padding-bottom:3px; font-size:15px; font-family:'Malgun Gothic','Apple SD Gothic Neo','돋움',Sans-serif; line-height:145%; letter-spacing:-0.05em; color:#333;} .Mo_certify_wrap3 .certify_list ul li span { font-weight:bold;} .Mo_btn_change {width:48%; margin:0px 1% 0 0; padding: 0; display: inline-block; text-align: center; text-decoration: none;} .Mo_btn_change a:link {text-decoration: none; outline: 0; color: #FFF; font-size:15px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height:140%; display: block; background: #33afe9; margin: 0; padding:12px 10px 12px 10px; border-radius:3px; letter-spacing:-0.05em; } .Mo_btn_change a:visited {background: #33afe9;text-decoration: none;outline: 0;color: #FFF; font-size:15px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; display: block;white-space: nowrap; margin: 0;letter-spacing:-0.05em;} .Mo_certify_wrap .btn_box {display: flex;} .Mo_certify_wrap .btn_box .Mo_btn_change {width: auto; flex-grow: 1;} .Mo_btn_change_l { width:70%; margin:0px ; padding: 0; display: inline-block; text-align: center; text-decoration: none;} .Mo_btn_change_l a:link {text-decoration: none; outline: 0; color: #FFF; font-size:15px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height:140%; display: block; background: #33afe9; margin: 0; padding:12px 10px 12px 10px; border-radius:3px; letter-spacing:-0.05em; } .Mo_btn_change_l a:visited {background: #33afe9;text-decoration: none;outline: 0;color: #FFF; font-size:15px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; display: block;white-space: nowrap; margin: 0;letter-spacing:-0.05em;} .Mo_btn_info_ss {background-color: #FFFFFF;border:1px solid #9e9e9e; margin:5px 5px; text-align: center; text-decoration: none; display: inline-block;border-radius: 3px;} .Mo_btn_info_ss a:link {text-decoration: none; color: #333!important; font-size:13px; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height:140%; display: block; margin: 0; padding:3px 14px 4px 14px; border-radius:3px; letter-spacing:-0.02em; } .Mo_btn_info_ss a:visited {background: #FFFFFF; color: #333!important; font-size:13px; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height:140%; display: block;} a.Mo_Tbtn:link {color:#222222; text-decoration:underline; font-size: 15px;letter-spacing:-0.05em; } a.Mo_Tbtn:visited {color:#222222 ; text-decoration:none;font-size: 15px; letter-spacing:-0.05em; } .Mo_certify_space10 { clear:both; height:10px;} .Mo_certify_banner_wrap { background:#ffcde0; text-align:center; padding:0 10px; margin-bottom:20px;} .Mo_change_banner_wrap {padding:0px 20px 10px 20px;text-align:center;} /* 20210112 결제수단 리셋 후 기본 상태 */ .mtoss_wrap {width:100%; box-sizing:border-box; padding:0px 0px 10px 0px; margin:0; } .mtoss_select {margin:0px 0 0 0; padding:0px 0px; box-sizing:border-box;} .mtoss_select.other {margin-bottom: 20px;} .mtoss_select ul { margin:0; padding:0} .mtoss_select li { float:left; width:60%; padding: 0 10px 0 40px; box-sizing:border-box; text-align:left; font-size: 1.1em; color: #222; position:relative; line-height:1.4em;} .mtoss_select::after {content:''; display:block; clear: both;} .mtoss_select input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:10px; top:-2px; } .mtoss_select input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff; } .mtoss_select input[type=radio] + span { color:#222; } .mtoss_select input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .mtoss_select input[type=radio]:disabled + span {color:#b5b5b5; } .mpromotion_bn { background:#f7f7f7; clear:both; margin:0px 12px 5px 12px; padding:15px 15px 13px 15px; border-radius:5px; text-align:left; box-sizing: border-box; color:#222; font-weight:bold; font-family:'돋움',,'Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.05em; } .mpromotion_bn img { margin-top:-4px; width:25px; padding-right:3px;} .mpromotion_bn span { color:#004df2;} .mpromotion_bn a {color:#222; text-decoration:none; display:block; } .mpromotion_bn2 { clear:both; background:url(//image.aladin.co.kr/img/order/2021/step2_toss_logo_1.png) 10px 43% no-repeat #f7f7f7; background-size:8%; margin:0px 10px 5px 10px; border-radius:5px; text-align:left; box-sizing: border-box; color:#222; font-weight:bold; font-family:'돋움',,'Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.05em; } .mpromotion_bn2 img { margin-top:-4px; width:25px; padding-right:3px;} .mpromotion_bn2 span { color:#004df2;} .mpromotion_bn2 a {color:#222; text-decoration:none; display:block; padding:15px 15px 13px 46px; } .mpromotion_bn3 {background: #fff; border-bottom:1px solid #f2f2f2; clear:both; margin:0px 10px 28px 10px; padding:15px 15px 22px 15px; border-radius:5px; text-align:left; box-sizing: border-box; color:#222; font-weight:bold; text-align:center; } .mcard_wrap { margin:20px 10px 20px 10px; padding:10px 0px 15px 0px; border-bottom:1px solid #e5e5e5;} .mcard_wrap .measy_card { background:#f5f5f5; border:1px dashed #d4d4d4; border-radius:10px; width:65%; height:135px; text-align:center; box-sizing: border-box; margin:0px auto; } .mcard_wrap .measy_card a { display:block; height:100%; width:100%;} .mcard_wrap .measy_card img {padding-top:40px; width:24px; text-align:center; } .mcard_wrap .measy_card .registet_t {font-family:'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.0em; letter-spacing:-0.02em; font-weight:bold; color:#111; padding-top:12px; } .mcard_wrap .info {margin:15px auto 5px auto; padding:0px 0; text-align:center; } .mcard_wrap .info span {color:#222; font-family:'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.0em; font-weight:bold;} .mcard_wrap .info .list { clear:both; padding:0; margin:20px 15px 5px 15px; } .mcard_wrap .info .list ul { padding:0; margin:0; } .mcard_wrap .info .list ul li {background: url(//image.aladin.co.kr/img/m/2020/list_dot01.png) no-repeat 2px 6px; background-size:3px;line-height:130%; padding:0px 0 3px 10px;font-size: 1.0em; color:#333; text-align:left;} .mtoss_font1 {font-size: 1.0em; } .mtoss_font2 {font-size:1.0em; font-weight:normal;letter-spacing:-0.02em;line-height:130%;} #promotion_bn_text {margin: 10px 0 20px 0;} .mcard_wrap .easy_card_all_on { background:#f5f5f5; border:1px solid #d5d5d5; margin:0 auto; border-radius:10px; width:65%; height:135px; box-sizing: border-box; box-shadow: rgba(24,24,24,.20) 0 3px 5px 0; text-align:center; } .mcard_wrap .easy_card_all_on a { display:block; height:100%; width:100%;} .mcard_wrap .easy_card_all_on img {padding-top:20px; width:120px; text-align:center; } .mcard_wrap .easy_card_all_on .num {font-family:'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.05em; letter-spacing:-0.02em; color:#111; letter-spacing:0; } .mcard_wrap .easy_card_all_on_tossmoney { background:#f5f5f5; border:1px solid #d5d5d5; margin:0 auto; border-radius:10px; width:65%; height:135px; box-sizing: border-box; box-shadow: rgba(24,24,24,.20) 0 3px 5px 0; text-align:center; } .mcard_wrap .easy_card_all_on_tossmoney a { display:block; height:100%; width:100%;} .mcard_wrap .easy_card_all_on_tossmoney img {padding-top:34px; width:120px; text-align:center; } .mcard_wrap .mchoice_info { width:100%; margin:20px 0 0 0; padding:0 ; text-align:center; box-sizing: border-box; } .mcard_wrap .mchoice_info .menu {background: url('http://image.aladin.co.kr/img/m/2012/blog/bt_blog_down1_1.gif') no-repeat right #ffffff; -webkit-appearance: listbox;border: 1px #d5d5d5 solid; height:35px; padding:5px 5px 4px 5px; outline:0; display:inline-block; margin-bottom:8px; font-size: 1.0em; box-sizing: border-box; width:65%; border-radius:3px; } .mcard_wrap .mchoice_info .menu:focus { border:#333 solid 1px;outline:0;} .mcard_wrap .btn_wrap {clear:both; float:right; margin:20px 0 5px 0; padding:0 ; box-sizing: border-box;} .mcard_wrap .btn_wrap .card_btn { float:left; background: #ffffff;border-radius: 3px; border: 1px solid #d8dadc; text-align: center; color: #555; font-weight: normal; font-size: 0.95em; margin: 0px 4px 0px 3px; padding: 4px 15px 3px 15px;} .mcard_wrap .btn_wrap .card_btn a { display:block; color:#555555;} .mcard_wrap::after {content:''; display:block; clear: both;} /* 검색 키워드 210122 */ .serach_keyword_box {padding:0 0 0 6px;} .serach_keyword_box .swiper-slide {width: auto!important; margin-right:5px; padding: 11px 0;} .serach_keyword_box .swiper-slide a {display: block; height:32px; padding:0 18px; line-height: 32px; border-radius:16px; color: #fff;} .serach_keyword_box li:nth-child(1) a, .serach_keyword_box li:nth-child(9) a, .serach_keyword_box li:nth-child(17) a, .serach_keyword_box li:nth-child(26) a {background:#409edc;} .serach_keyword_box li:nth-child(2) a, .serach_keyword_box li:nth-child(10) a, .serach_keyword_box li:nth-child(18) a, .serach_keyword_box li:nth-child(27) a {background:#49b5e6;} .serach_keyword_box li:nth-child(3) a, .serach_keyword_box li:nth-child(11) a, .serach_keyword_box li:nth-child(19) a, .serach_keyword_box li:nth-child(28) a {background:#31c1ca;} .serach_keyword_box li:nth-child(4) a, .serach_keyword_box li:nth-child(12) a, .serach_keyword_box li:nth-child(20) a, .serach_keyword_box li:nth-child(29) a {background:#2eb896;} .serach_keyword_box li:nth-child(5) a, .serach_keyword_box li:nth-child(13) a, .serach_keyword_box li:nth-child(21) a, .serach_keyword_box li:nth-child(30) a {background:#80b54b;} .serach_keyword_box li:nth-child(6) a, .serach_keyword_box li:nth-child(14) a, .serach_keyword_box li:nth-child(22) a, .serach_keyword_box li:nth-child(31) a {background:#aea138;} .serach_keyword_box li:nth-child(7) a, .serach_keyword_box li:nth-child(15) a, .serach_keyword_box li:nth-child(23) a, .serach_keyword_box li:nth-child(32) a {background:#2eb896;} .serach_keyword_box li:nth-child(8) a, .serach_keyword_box li:nth-child(16) a, .serach_keyword_box li:nth-child(24) a, .serach_keyword_box li:nth-child(36) a {background:#31c1ca;} /* 전자책 주문완료 */ .ebook_complete_btn {width:90%; margin:15px auto; display: flex; justify-content:center; font-size: 0;} .ebook_complete_btn a {display: inline-block; min-width:24%; margin-right: 1.5%; font-size: 15px;} .ebook_complete_btn a:last-child {margin-right:0;} .ebook_complete_btn a .bk_btn_basket_1 , .ebook_complete_btn a .bk_btn_keep_1{width: 100%; padding: 6px 4px 0 4px; height: 35px; box-sizing: border-box;} @media screen and (max-width: 320px) { .ebook_complete_btn a .bk_btn_basket_1 , .ebook_complete_btn a .bk_btn_keep_1{padding: 6px 0 0 0;} } /*도서 리스트 연재 딱지*/ .browse_ebookLabel_serial {position: absolute; z-index: 999; bottom: -7px; right: -5px; background: url(//image.aladin.co.kr/img/shop/2021/label_ebook_serial.png) no-repeat center / 40px 40px ; width: 40px; height:40px; color: transparent; font-size: 1px;} .browse_label_wrap {margin:-5px 0 4px 0;} .browse_label_wrap span {display: inline-block; background: #fff; border-radius: 2px; padding:0 4px; height:17px; line-height: 17px; text-align: center; font-size: 12px; color: #333; border: 1px solid #d8dadc; margin-right:5px;} /* c2c 수령확인 */ .c2c_conf_twrap { width:100%; text-align:center; padding:25px 0px 20px 0px; position:relative; } .c2c_conf_twrap .tit { font-size:1.35em; color:#222; line-height:130%; letter-spacing:-0.02em; font-weight:600;} .c2c_conf_twrap .close { position:absolute; top:25px; right:17px;} .c2c_conf_twrap .close img { width:18px;} .c2c_line2 { border-top: 1px #e5e5e5 solid; margin: 0 15px;} .c2c_conf_btnwrap { clear:both; margin:20px 0 0 0;} .c2c_confbtn_cancle { float:left; background:#fff; border:1px solid #ccc; text-align:center; font-weight:600; width:48% ;border-radius:3px; font-size:1.1em; color:#333!important; margin:0 5px 0 0; } .c2c_confbtn_cancle a{ display:block; color:#444!important; padding:12px 10px 12px 10px; } .c2c_confbtn_done { float:left; background:#EB217C; text-align:center; font-weight:600; width:48%; border-radius:3px; font-size:1.1em; color:#fff!important; margin:0;} .c2c_confbtn_done a{ display:block; color:#fff!important; padding:12px 10px 12px 10px; } .delivery_select9 { padding:10px 10px 9px 0px; } .delivery_select9 .textbox_defult {border:1px solid #c7c7c7; padding:8px 1%; width:99%; -webkit-appearance: listbox; border-radius:0px; font-size:0.95em; color:#999; line-height:130%;outline:0; letter-spacing:-0.05em; } .delivery_select9 .textbox_on {border:1px solid #808080; padding:8px 1%; width:99%; -webkit-appearance: listbox; border-radius:0px; font-size:0.95em; color:#333; line-height:130%;outline:0; letter-spacing:-0.05em;} .delivery_select10 { padding:10px 10px 9px 15px; } .delivery_select10 .textbox_defult {border:1px solid #c7c7c7; padding:8px 1%; width:98%; -webkit-appearance: listbox; border-radius:0px; font-size:0.95em; color:#999; line-height:130%;outline:0; letter-spacing:-0.05em; box-sizing: border-box;} .delivery_select10 .textbox_on {border:1px solid #808080; padding:8px 1%; width:98%; -webkit-appearance: listbox; border-radius:0px; font-size:0.95em; color:#333; line-height:130%;outline:0; letter-spacing:-0.05em; box-sizing: border-box;} #CustIdType {-webkit-appearance: none!important; -moz-appearance: none!important; appearance: none!important} /* 배송 방법 변경과정 편의점 선택 버튼 */ .order_btn {border-radius: 3px; border: 1px solid #d8dadc; text-align: center; color: #555; font-weight: normal; font-size: 0.95em; margin: 0px 4px 5px 0; padding:4px 4px 2px 4px;} /* 편집장의 선택 리스트 타이틀 추가*/ .editorial_title { padding:15px 12px 0px 12px; color: #222222; font-size:1.3em; font-weight:bold;} .order_step2_orderlist8 { padding:20px 8px 20px 11px ; border-top:1px solid #ececec; position: relative; clear: both;} .order_step2_orderlist8 h3 { color: #222; font-size: 1.1em; font-weight: bold; } .order_step2_orderlist8 h3 span { color: #333333; font-weight: normal} .order_step2_orderlist8 .sub_tit { color: #333333; font-weight: normal; font-size: 1.0em; padding-right:40px; } .order_step2_orderlist8 .sub_tit label { display: block; padding-left: 30px;} .order_step2_orderlist8 .pick_t { position:absolute; right:45px; top:20px;font-size: 1.05em; letter-spacing:-0.05em; color:#EB217C; font-weight: normal; width:38%; height:25px; display:block; text-align:right; overflow:hidden; } .order_step2_orderlist8 .box-price { position:absolute; right:45px; top:20px; display:inline-block; font-size:1.25em;font-weight:500; color:#333; } .order_step2_orderlist8 .box-document { position:absolute; right:45px; top:20px; display:inline-block; font-size:1.15em;font-weight:normal; color:#333; } .order_step2_orderlist8 .btnwrap { position: absolute; right: 10px; top:18px; cursor: pointer;} .order_step2_orderlist8 .btnwrap img { width:22px;} .order_step2_orderlist8 .contlist {display:table; width:100%; padding:10px 38px 0px 0 ; margin:0; vertical-align:top; box-sizing:border-box;} .order_step2_orderlist8 .contlist dt {display:table-cell; padding-top:0; padding-bottom:0; font-size:1.0em;vertical-align:middle; } .order_step2_orderlist8 .contlist dd {display:table-cell; font-size:1.05em;vertical-align:middle; text-align:right;} .order_gift_btn { background:#fff; border-radius:15px; border: 1px solid #ccc; text-align: center; color: #333; font-weight: normal;font-size: 0.95em; margin:5px 28px 0px 0; padding: 2px 18px 1px 18px; } .order_step2_orderlist8::after {content:''; display:block; clear: both;} .order_step2_orderlist8 input{border:0;-webkit-appearance:none; outline-style: none; position:absolute; left:12px;} .order_step2_orderlist8 input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/check_big_off.png) no-repeat;border-radius:0; background-size:23px; width:24px; height:24px; } .order_step2_orderlist8 input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/check_big_on2.png) no-repeat; background-size:23px; width:24px; height:24px; -webkit-appearance:none; } .order_step2_orderlist8 input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none; background:#999999 } .order_step2_orderlist8 .agree_wrap1 { padding:5px 0 0 30px} .order_step2_orderlist8 .agree_wrap1 ul { margin:0; padding:0;} .order_step2_orderlist8 .agree_wrap1 ul li { list-style:none; background:url(http://image.aladin.co.kr/img/usedshop/C2C/list_dot1.png) no-repeat 0px 8px; background-size:6px; padding:0px 10px 3px 12px; position:relative; margin:0; letter-spacing:-0.03em; line-height:135%; text-align:left; color:#333333!important; font-size:1em;} .order_step2_orderlist8 .agree_wrap1 ul li .info_box {background:#f8f8f8; border:1px solid #e5e5e5; border-radius: 5px; margin:7px 0; padding:10px 12px; width:95%; box-sizing: border-box; font-size:0.95em; } .order_step2_orderlist8 .agree_wrap1 ul li .info_box ul { margin:0; padding:0;} .order_step2_orderlist8 .agree_wrap1 ul li .info_box ul li { list-style:none; background:url(http://image.aladin.co.kr/img/usedshop/C2C/list_dot1.png) no-repeat 0px 8px; background-size:5px; padding:0px 0 4px 10px; margin:0; letter-spacing:-0.03em; line-height:140%; text-align:left; color:#333;} .order_step2_orderlist8 .agree_wrap1 ul li span { font-size:0.95em;} /* 주문단계3 -외부포인트 설명 영역 변경 */ .order_info3 ul { padding: 10px 0 0 0; } .order_info3 ul li { padding: 0 0 5px 8px; font-size: 14px; color: #555555; background: url(//image.aladin.co.kr/img/m/2010/nm_list_dot.jpg) no-repeat 0px 8px;} /*211116 주문단계3 - 알라딘 페이 */ /*21116-알라딘페이*/ .maladinpay_wrap {width:100%; box-sizing:border-box; padding:0px 0px 10px 0px; margin:0;position:relative; } .mcard_wrap2 { margin:0px 0px 0px 0px; padding:0px 0px 5px 0px;} .mcard_wrap2 .toss_joinspace { clear:both; padding:0; margin:0;} .mcard_wrap2 .apay_card { background:#f5f5f5; border:1px dashed #d4d4d4; border-radius:10px; width:65%; height:135px; text-align:center; box-sizing: border-box; margin:0px auto 0px auto; } .mcard_wrap2 .apay_card a { display:block; height:100%; width:100%;} .mcard_wrap2 .apay_card img {padding-top:35px; width:75px; text-align:center; opacity:1;} .mcard_wrap2 .apay_card .registet_t {font-family:'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.0em; letter-spacing:-0.02em; font-weight:bold; color:#444; padding-top:15px; } .mcard_wrap2 .apay_card .registet_t img{ padding:0; margin:-3px 0 0 0; width:24px;opacity:1;} .mcard_wrap2 .info {margin:5px auto 5px auto; padding:0px 0; text-align:center; } .mcard_wrap2 .info span {color:#222; font-family:'Malgun Gothic','Droid Sans','Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.0em;} .mcard_wrap2 .info .list { clear:both; padding:0; margin:20px 15px 5px 15px; } .mcard_wrap2 .info .list ul { padding:0; margin:0; } .mcard_wrap2 .info .list ul li {background: url(//image.aladin.co.kr/img/m/2020/list_dot01.png) no-repeat 2px 6px; background-size:3px;line-height:130%; padding:0px 0 3px 10px;font-size: 1.0em; color:#333; text-align:left;} .mcard_wrap2 .space10 { clear:both; height:10px;} .mcard_wrap2 .bank_wrap { clear:both; padding:0px 0; margin:12px 12px; text-align:center; color:#222; font-weight:bold; font-family:'돋움',,'Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.1em;letter-spacing:-0.02em; line-height:135%; } .mcard_wrap2 .bank_wrap img { width:80px;} .mapay_linespace { clear:both; border-bottom:1px solid #e5e5e5; padding-top:0px; margin:10px 10px 20px 10px} .mapay_space2 { clear:both; padding-bottom:0px; margin-bottom:0; border-bottom:0;} .mapay_space3 { clear:both; margin:10px 10px 20px 10px; } .mpromotion_bn_apay { position:relative; background:#f7f7f7; clear:both; margin:5px 12px 5px 12px; padding:25px 15px 13px 15px; border-radius:0px 5px 5px 5px; text-align:left; box-sizing: border-box; color:#222; font-weight:bold; font-family:'돋움',,'Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.0em;letter-spacing:-0.02em; line-height:135%; } .mpromotion_bn_apay .label { position:absolute; top:-10px; left:10px; width:85px;} .mpromotion_bn_apay .label img{width:100%;} .mpromotion_bn_apay span { color:#EB217C;} .mpromotion_bn_apay a {text-decoration:none; display:block; } .mpromotion_bn_apay .list { padding:0; margin:5px 0 0 0;} .mpromotion_bn_apay .list ul { padding:0; margin:0;} .mpromotion_bn_apay .list ul li {color:#222; font-weight:normal; font-family:'돋움',,'Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size:0.95em;} .mpromotion_bn_apay2 { background:#f7f7f7; clear:both; margin:5px 12px 5px 12px; padding:13px 15px 13px 15px; border-radius:5px 5px 5px 5px; text-align:left; box-sizing: border-box;} .mpromotion_bn_apay2 .left { width:20px;float:left; box-sizing: border-box; padding-top:2px; } .mpromotion_bn_apay2 .right { width:90%; float:left; box-sizing: border-box; color:#222; font-weight:normal; font-family:'돋움',,'Apple-Gothic','애플고딕','Tahoma',dotum,'돋움',gulim,'굴림',sans-serif; font-size: 1.0em;letter-spacing:-0.02em; line-height:135%; } .mpromotion_bn_apay2 .left img { width:15px} .mpromotion_bn_apay2 .right span { color:#EB217C;} .mpromotion_bn_apay2 a {text-decoration:none; display:block; } .mpromotion_bn_apay2::after {content:''; display:block; clear: both;} .mpromotion_bn_apay3 { position:relative;background: -webkit-linear-gradient(right, #fcaf17,#f67948, #f21d8c,#f21d8c, #f21d8c); clear:both; width:90%; margin:10px auto 5px auto; padding:7px 15px 7px 15px; border-radius:5px 5px 5px 5px; text-align: center; box-sizing: border-box; color:#ffffff; font-weight:bold;} .mpromotion_bn_apay3 a{ color:#ffffff!important;} .mpromotion_bn_apay3 .arrow { position:absolute; top:-10px; left:17px;} .mapay_setbtn { float:right; background: #ffffff; border-radius: 3px; border: 1px solid #d8dadc; text-align: center; color: #555; font-weight: normal;font-size: 0.95em; margin: -6px 11px 5px 0; padding: 4px 15px 3px 15px;} .mapay_setbtn a{ display:block; color:#555555!important;} .mapay_btn { position:absolute; top:0; right:11px; width:50px; background:#f7f7f7; border:1px solid #ddd; border-radius:15px;text-align: center; color: #333; font-weight:bold;font-size:1em; margin:0 ; padding: 3px 5px 2px 5px; box-sizing:border-box;} .mapay_layer { padding:20px 10px; margin:0; box-sizing:border-box; } .mapay_layer h3 { color: #222; font-size: 1.18em; font-weight: bold; text-align:center; } .mapay_layer .btnwrap { position: absolute; left: 12px; top:20px; cursor: pointer;} .mapay_layer .btnwrap img { width:20px;} .apay_notice { position:relative; background:#eee; clear:both; width:90%; margin:10px auto 15px auto; padding:7px 15px 5px 15px; border-radius:10px; text-align: left; box-sizing: border-box; color:#777; font-weight:normal; font-size:1em;} .apay_notice a{ color:#ffffff;} .apay_notice .arrow { position:absolute; top:-10px; left:17px;} .apay_notice2 { position:relative; background:#fde7ee; clear:both; width:90%; margin:10px auto 15px auto; padding:7px 15px 5px 15px; border-radius:10px; text-align: left; box-sizing: border-box; color:#666; font-weight:normal; font-size:0.95em;} .apay_notice2 a{ color:#fff;} .apay_notice2 .arrow { position:absolute; top:-10px; left:17px;} .apay_t_gray { color:#999999} /* 품절도서 재출간 안내 영역 */ .pod_wrap {width:94%; background:#f5f5f5; border-radius: 5px; margin:20px auto;} .pod_title1 {font-size: 13px; color: #333; line-height: 1.4em; text-decoration: none; font-weight: bold; text-align:left; padding:18px 20px 0 20px;} .pod_title2 {font-size: 13px; color: #333; line-height: 1.4em; text-decoration: none; padding:10px 20px 25px 20px;} .pod_txt1 {font-size: 13px; color: #444; line-height: 1.4em; text-decoration: none; padding:0 20px 5px 20px; font-weight: bold;} .pod_txt1_1 {font-size: 13px; color: #333; line-height: 1.4em; text-decoration: none; padding:0 20px 15px 20px;} .pod_btn_more {display: inline-block; *zoom: 1; *display: inline-block; padding:0; margin:0 auto 15px auto; vertical-align: middle;text-align: center ;overflow: hidden; font-size:14px; } .pod_btn_more a {background-color: #fff; border-radius: 5px; border: 1px solid #999;} .pod_btn_more a:after {background:url(//image.aladin.co.kr/img/svg/arrowbold_up_b1.svg) no-repeat top center; margin-left:4px; background-size: 100%; content: ''; display: inline-block; width:20px; height:15px; background-position: inherit;} .pod_btn_more a:link {white-space: nowrap; text-decoration: none; outline: 0; color: #444!important; font-size:14px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height:1.5; display: block; white-space: nowrap; padding:5px; margin:1px 7px 2px 20px; letter-spacing:-0.02em; } .pod_btn_more a:hover {margin: 0; text-decoration: none; background:#fff; color: #444!important; padding:5px; margin:1px 7px 2px 20px;} .pod_btn_more a:visited {background:#fff; text-decoration: none;outline: 0; color: #0fa8ff!important; font-size:14px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; display: block;white-space: nowrap; padding:5px; margin:1px 7px 2px 20px; letter-spacing:-0.02em;} .pod_btn_fold {display: inline-block; *zoom: 1; padding:0; margin:0 auto 15px auto; vertical-align: middle;text-align: center ;overflow: hidden; font-size:14px;} .pod_btn_fold a {background-color: #fff; border-radius: 5px; border: 1px solid #999;} .pod_btn_fold a:after {background:url(//image.aladin.co.kr/img/svg/arrowbold_down_b.svg) no-repeat top center; margin-left:4px; background-size: 100%; content: ''; display: inline-block; width:20px; height:15px; background-position: inherit;} .pod_btn_fold a:link {white-space: nowrap; text-decoration: none; outline: 0; color: #444!important; font-size:14px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; line-height:1.5; display: block; white-space: nowrap; padding:5px; margin:1px 7px 2px 20px; letter-spacing:-0.02em; } .pod_btn_fold a:hover {margin: 0; text-decoration: none; color: #444!important; padding:5px; margin:1px 7px 2px 20px;} .pod_btn_fold a:visited {text-decoration: none;outline: 0; color: #0fa8ff!important; font-size:14px; font-weight: bold; font-family: malgun, "Malgun Gothic", Dotum, 돋움, sans-serif; display: block; white-space: nowrap; padding:5px; margin:1px 7px 2px 20px; letter-spacing:-0.02em;} .pod_img {width: 93%; margin:0 0 20px 20px; overflow: hidden; padding-left: 0; } .pod_img .swiper-slide {width: 90px; height: 60px;} .pod_img .swiper-slide ~ .swiper-slide {padding-left: 30px; position: relative;} .pod_img .swiper-slide ~ .swiper-slide::after {content: ''; display: block; width: 14px; height: 14px; background: url(//image.aladin.co.kr/img/bestseller/arrow_gray.svg) no-repeat center / 100% auto; position: absolute; left: 8px; top: 22px;} .pod_img .swiper-slide img {width: 100%; height: auto; display:block; } .pod_img .swiper-wrapper {position: relative;width: 100%; height: auto;} .pod_img .pod_txt_box {width: 100%; height: 100%; border: 1px #e4e4e4 solid; border-radius: 8px; font-size: 13px; background-color: #fff; box-sizing: border-box; text-align: center; display: flex; align-items: center; justify-content: center; line-height: 1.3;} .pod_space {width: 100%;} .alarm_set_layer {width: 40px; height: 40px; position: absolute; right: 0; bottom: 0px; background: url(//image.aladin.co.kr/img/account/m/2015/btn_more.png) no-repeat center right 15px / 4px auto; font-size: 1px; color: transparent!important; overflow: hidden;} /* 품절도서 알라딘 단독 팝업 */ .pod_layer {background: rgba(0, 0, 0, 0.5); height: 100%; z-index:999; position: absolute; top: 0; width: 100%; } .pod_pop {display: inline-block; position:relative;} .pod_quick {width: 100%; position: fixed; z-index:999; top: 15%; margin-top: 50%;} .pod_pop_layer_wrap {position: relative; margin: 0px auto; width: 80%; background: #fff; padding: 20px 5% 20px 5%; box-sizing: border-box; border-radius:6px; font-size: 15px; font-family: 'Apple SD Gothic Neo', AppleGothic, '맑은고딕', 'Malgun Gothic', '돋음', Dotum, '굴림', Gulim, Helvetica, sans-serif!important;} /* 얄라딘 pod 단독판매 링크 */ .pod_tag {display: inline-block; height: 17px; line-height: 17px; background: #fff; border: 1px solid #5277c7; text-align: center; font-size: 12px; color: #5277c7; border-radius: 3px; padding: 0 6px; font-weight: bold; letter-spacing: -0.05em; margin-bottom: 2px;} .pod_tag a {color:#5277c7!important; text-decoration: none!important;} .pod_tag_1 {display: inline-block; background: #c82370; text-align: center; font-size: 12px; line-height: 1.4em; color: #fff; border-radius: 3px; padding: 2px 7px 1px 7px; font-weight: bold; letter-spacing: -0.05em; margin-bottom: 2px; margin-top: 5px;} .pod_tag_1 a {color:#fff!important; text-decoration: none!important;} .slide-popup { position: fixed; top: 0; left: -100%; bottom: 0; width: 100%; z-index: 2201; height:100%; } .slide-popup .cart_layer { width: 100%; height:100%; position: absolute; top: 0; right: 0; bottom: 0; z-index: 99999; -moz-transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; -moz-transform: translate(0, 0px); -webkit-transform: translate(0, 0px); transform: translate(0, 0px); } .slide-popup .cart_layer .layer { position: fixed; width: 90%; left: 50%!important; margin: 0!important; height: auto; top: 50%!important; overflow: hidden; z-index: 99999; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} .slide-popup.open .cart_layer{ -moz-transform: translate3d(100%, 0px, 0px); -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } .cart_layer input{border:0;-webkit-appearance:none;outline-style: none;} .cart_layer {background:rgba(0, 0, 0, 0.7 ); height:100%; z-index:1003;position:absolute;top:0; width:100%;} .cart_layer_inwrap { position:relative; background:#FFFFFF; color:#333333; padding:0; box-sizing: border-box;overflow:hidden; } .cart_layer_in { padding:10px 20px; } .cart_layer_in p { font-size:1em; padding:10px 0 } .cart_layer_in h3 {padding:20px 0 10px 0; text-align:center;} .cart_layer_in .beta {color:#17b4f7; font-size:0.8em; letter-spacing:0;} .cart_layer .btn-close {background:#EB217C; text-align:center; color:#ffffff; border:1px solid #EB217C;font-weight:normal;font-size:1.1rem } .cart_layer .btn-close a {display:block; color:#ffffff!important;padding:10px 0 } .cart_layer .btn-close2 {background:#999999; text-align:center; color:#ffffff; border:1px solid #999999;font-weight:normal;font-size:1.1rem } .cart_layer .btn-close2 a {display:block; color:#ffffff!important;padding:10px 0 } .cart_layer .space1 { padding:40px 0; } .cart_layer input[type=checkbox] {background:url(//image.aladin.co.kr/img/m/check_big_off.png) no-repeat; background-size:20px; width:24px; height:24px; border-radius:0;} .cart_layer input[type=checkbox]:checked {background:url(//image.aladin.co.kr/img/m/check_big_on2.png) no-repeat; background-size:20px;width:24px; height:24px; -webkit-appearance:none; } .cart_layer input[type=checkbox]:checked:disabled {width:24px; height:24px; -webkit-appearance:none; background:#999999 } .cart_layer input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf} .cart_layer input[type=radio]:checked {background:#fff url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C} .cart_layer input[type=radio]:disabled {background: #dcdcdc; } .cart_layer_in .info_list { margin-bottom:20px} .cart_layer_in .info_list li { background:url(//image.aladin.co.kr/img/m/2016/dot.png) no-repeat left 8px; padding-left:8px; padding-bottom:2px;} .cart_layer_in .info_list li a { color:#17b4f7; text-decoration:underline;} .cart_layer_in .info_list li .check {width:18px; margin-bottom:2px;} .cart-blue2 { color:#00aeef;} .btn-ty {clear:both; float:left; width:100%; } .btn-ty li {float:left; } .cart-area9 {width:50% } .cart-area19 {width: 100%;} span.pod_link {color: #555555; font-size: 12px; font-weight: bold; display:inline; margin-top:7px; letter-spacing: -0.05em;;} /* pod 도서 보러가기 버튼 */ .bk_btn_soldout_3 {background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #4d92d9), color-stop(1, #4082c5)); background: -moz-linear-gradient(top, #4d92d9 5%, #4082c5 100%); background: -ms-linear-gradient(top, #4d92d9 5%, #4082c5 100%); width: 98%; padding: 5px 0px 0 0px; font-size: 14px; border: 1px #4082c5 solid; color: #fff; height: 33px; text-align: center; line-height: 16px; margin-left: 5px;} /* 비밀번호 재설정 */ .mb_pinfo_r3 input[name="Mobile"]:focus ~ .hide_info {display: block;} .hide_info {display: none; color: #c82370; font-size: 13px; padding: 5px 0;} /* 검색결과 추가 */ .s_after_search { text-align: left; padding: 10px 0 10px 15px; border-bottom: 1px solid #ececec; /*padding-top: 15px;*/ } .s_after_search .pink{color:#eb217c} .s_after_search a{color: #4d92d9 !important;} .s_after_search_s{ font-size:0.9em; padding:3px 0} .s_after_search2{text-align:left; font-size:15px; line-height:1.4; padding: 0 12px 10px 12px;} .s_after_search2 .pink{color:#EB217C} .s_after_search2 .gray{color:#777} .s_after_search2 a{color: #333 !important;} .s_after_search2_s{ font-size:13px; padding:3px 0} #s_title_bg5 { padding: 0 0 10px 0; clear: both;} /* 검색 만족도 평가 */ .search_evaluate_box {padding:35px 20px;} .search_evaluate_box .ev_select {text-align: center;} .search_evaluate_box .tit {font-size: 16px; font-weight: bold; color: #111; margin-bottom: 15px;} .search_evaluate_box .ev_select .select_form {font-size: 0;} .search_evaluate_box .ev_select .select_form label {display:inline-block; height: 38px;} .search_evaluate_box .ev_select .select_form label ~ label {margin-left: 15px;} .search_evaluate_box .ev_select .select_form input {display: none;} .search_evaluate_box .ev_select .select_form label {display: inline-block; width: 35px; height: 35px; font-size: 0px;} .search_evaluate_box .ev_select input.good + label {background: url(//image.aladin.co.kr/img/search/icon_good_off.png) no-repeat center / 25px auto;} .search_evaluate_box .ev_select input.bad + label {background: url(//image.aladin.co.kr/img/search/icon_bad_off.png) no-repeat center / 25px auto;} .search_evaluate_box input:checked + label {color: #111;} .search_evaluate_box input.good:checked + label {background: url(//image.aladin.co.kr/img/search/icon_good_on.png) no-repeat center / 25px auto;} .search_evaluate_box input.bad:checked + label {background: url(//image.aladin.co.kr/img/search/icon_bad_on.png) no-repeat center / 25px auto;} .search_evaluate_box .comment_field {display: flex; align-items: center; margin-top: 20px;} .search_evaluate_box .comment_field textarea {width: calc(100% - 76px); height: 80px; background-color: #f7f7f7; border: 1px solid #ddd; box-sizing: border-box; resize: none; outline: 0; padding:8px 15px; letter-spacing: -0.14px; font-family: Malgun Gothic,Dotum,'돋움',Helvetica,"Apple SD Gothic Neo",sans-serif!important; font-size: 14px; -webkit-appearance: none; line-height: 1.4; border-radius: 0;} .search_evaluate_box .comment_field textarea::placeholder {letter-spacing: -0.14px; color: #666;} .search_evaluate_box .comment_field .send_btn {display:block; width: 70px; height: 80px; background-color: #df307f; color: #fff; font-size: 14px; margin-left: 6px; border-radius: 5px; line-height: 80px; text-align: center; font-weight: bold;} .search_evaluate_box .comment_field .send_btn:hover {text-decoration: none;} .search_evaluate_box .done_box {text-align: center;} .search_evaluate_box .done_box .txt {font-size: 14px; font-weight: bold; color: #666;} /* 베스트 셀러에 있는 css 가져옴 */ .barcode_button2 {display: inline-block;*zoom:1;*display:inline; padding: 0; vertical-align: middle; border: 1px solid; border-color: #0260a4/*#bcc1c8 #bababa #adb2bb*/;text-align: center;overflow: hidden;text-decoration: none!important;cursor: pointer;background-color:#3b82c4; width:95px} .barcode_button2 a:link { text-decoration: none!important;} .barcode_button2 a:hover { text-decoration: none!important; background:#0260a4;} a.barcode_button_small{outline: 0;color: #666;font-size: 0.8em;line-height:18px;display: block;white-space: nowrap;background-color: transparent;border-color:#195fa5;margin: 0;border: 0;padding: 5px 7px 4px 8px;} a.barcode_button_small_white{outline: 0;color: #fff;font-size: 1em;line-height:18px;display: block;white-space: nowrap;background-color: transparent;border-color:#195fa5;margin: 0;border: 0;padding: 10px 7px 9px 8px;} a.barcode_button_small_pink {outline: 0; color:#e21e77;font-size: 1em;line-height:18px;display: block;white-space: nowrap;background-color: transparent;border-color:#195fa5;margin: 0;border: 0;padding: 10px 7px 9px 8px;} a.barcode_button_small_black {outline: 0; color:#2a2a2a;font-size: 1em;line-height:18px;display: block;white-space: nowrap;background-color: transparent;border-color:#195fa5;margin: 0;border: 0;padding: 10px 7px 9px 8px;} a.barcode_button_small_gray {outline: 0; color:#757575;font-size: 1em;line-height:18px;display: block;white-space: nowrap;background-color: transparent;border-color:#195fa5;margin: 0;border: 0;padding: 10px 7px 9px 8px;} /* 베스트샐러 커버 플립 */ .flipcover_out {perspective: 500px;} .flipcover_in {position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transform: rotateY(30deg); box-sizing: border-box; margin-left: 5px;} .flipcover_in.lcover_none {transform: rotateY(0deg); margin-left: 0px;} .flipcover_in .left_cover , .flipcover_in .front_cover {position: absolute;} .flipcover_in .front_cover {width: 100px; transform: translate3d(0,0,0); border-top: 1px #eee solid; border-right: 1px #eee solid; border-bottom: 1px #eee solid;} .flipcover_in .left_cover {transform: rotateY(-90deg); border-top: 1px #eee solid; border-left: 1px #eee solid; border-bottom: 1px #eee solid;} .browse_list_box .cover_area {float:left; width:102px; position:relative; padding: 10px 5px 10px 0; overflow: hidden;} .cover19dim {z-index:1;position:absolute;background:#000;width:102px;height:100%;opacity:0.83;} /* 중고매장 쇼핑목록 */ .blue_txt {color: #4d91d8;} .m_off_list_all {width: 100%; display:flex; justify-content: space-between; align-items: center; padding: 12px; border-bottom: 1px solid #e0e0e0; background-color: #fff; box-sizing: border-box;} .m_off_list_all.fixed {position: fixed; top: 0; left: 0; z-index: 10;} .m_off_list_all input[type="checkbox"] {width: 23px; height: 23px; border-radius: 0; background: url(https://image.aladin.co.kr/img/m/check_big_off.png) no-repeat center / 20px; border: 0; -webkit-appearance: none;outline-style: none;} .m_off_list_all input[type="checkbox"]:checked {background: url(//image.aladin.co.kr/img/m/check_big_on.png) no-repeat center / 20px;} .m_off_list_all input[type="checkbox"] + span {margin-left: 5px; font-weight: bold; vertical-align: middle;} .m_off_list_all .del_btn {width: 60px; height: 30px; background: #FFFFFF; text-align: center; color: #555555;border-radius: 3px; border: 1px solid #d8dadc; font-weight: normal; cursor: pointer;} .m_off_list_box {padding: 18px 12px 8px 45px; border-bottom: 1px solid #e0e0e0; position: relative; overflow: hidden;} .m_off_list_box input[type="checkbox"] {position:absolute; left: 12px; top: 16px; width: 23px; height: 23px; border-radius: 0; background: url(https://image.aladin.co.kr/img/m/check_big_off.png) no-repeat center / 20px; border: 0; -webkit-appearance: none;outline-style: none;} .m_off_list_box input[type="checkbox"]:checked {background: url(//image.aladin.co.kr/img/m/check_big_on2.png) no-repeat center / 20px;} .m_off_list_del {position: absolute; right: 10px; top: 20px; width: 30px; height: 30px; background: url(//image.aladin.co.kr/img/m/btnUnitdel.png) no-repeat center / 18px 18px; } .m_off_list_del a {display: block; width: 100%; height: 100%; font-size: 1px; color: transparent;} /* 전자책 캐시 잔액부족 레이어 */ .ebookcash_shortage_out {position: fixed; top:-100%; left:0; width:100%; height:100%; opacity:0; z-index:1000; overflow: hidden; transition: all 0.3s; display: none;} .ebookcash_shortage_out.on {top:0; opacity:1;} .ebookcash_shortage_out.on .dim {display: block;} .ebookcash_shortage_out.on .ebookcash_shortage_in {bottom: 0; opacity: 1;} .ebookcash_shortage_in {width:100%; background-color:#fff; border-radius:15px 15px 0 0; padding:30px 20px; position: fixed; bottom:-600px; left:0; z-index:1001; opacity:0; transition: all 0.3s; box-sizing: border-box;} .ebookcash_shortage_in .close_btn {width: 40px; height: 40px; font-size: 1px; color: transparent; background: url(//image.aladin.co.kr/img/svg/close_w.svg) no-repeat center / 20px auto; position:absolute; right: 0; top: -40px; border: 0;} .ebookcash_shortage_in h3 {text-align:center; font-size:20px; margin-bottom: 25px;} .ebookcash_shortage_in ul {border-bottom: 1px solid #f3f3f3; padding-bottom: 5px; margin-bottom: 20px;} .ebookcash_shortage_in ul li {display: flex; justify-content: space-between; align-items: center; padding-bottom: 10px;} .ebookcash_shortage_in ul li:first-child {font-size:17px;} .ebookcash_shortage_in ul li:first-child span:first-child {font-weight: bold;} .ebookcash_shortage_in ul li .pink1 {color: #df307f;} .ebookcash_shortage_in ul li .pink2 {color: #df307f; font-size: 17px;} .ebookcash_shortage_in > p {font-size: 14px; color: #555; padding-bottom: 20px; letter-spacing: 0; line-height: 1.4;} .ebookcash_shortage_in .pink_big_btn {width: 100%; height: 46px; line-height: 46px; background-color: #df307f; color: #fff; font-size: 18px; text-align: center; border: 0; border-radius: 5px;} .ebookcash_shortage_in .bottom_link {padding-top: 20px; text-align: right;} .ebookcash_shortage_in .bottom_link a {display: inline-block; font-size: 16px; background: url(https://image.aladin.co.kr/img/svg/arrow_go_b.svg) no-repeat right center / 6px auto; padding-right: 10px;} .ebookcash_shortage_in .coin{ width:28px; padding:0 5px; margin-top:-1px; } .dim { position: fixed; left:0; top:0; width:100%; height: 100%; background: rgba(0, 0, 0, .5); z-index:-1; overflow: hidden; display: none;} .noscroll {width: 100%; height: 100%; overflow:hidden!important;} /* 아이폰 대응 */ @supports (-webkit-touch-callout: none) { .noscroll {width: 100%; height: 100%; overflow:hidden!important; position: fixed;} } .blog_t9 { color:#999999} .ebookcash_alert_out {position: fixed; top:0; left:0; width:100%; height:100%; z-index:1000; overflow: hidden;} .ebookcash_alert_in {width: 300px; background-color: #fff; position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% + 0.5px), calc(-50% + 0.5px)); overflow: hidden; z-index: 100; border-radius: 5px; padding: 35px 20px 20px 20px; box-sizing: border-box;} .ebookcash_alert_in .close_btn {width: 40px; height: 40px; font-size: 1px; color: transparent; background: url(//image.aladin.co.kr/img/svg/close_b.svg) no-repeat center / 20px auto; position:absolute; right: 0; top: 0; border: 0;} .ebookcash_alert_in p {padding-bottom: 10px; text-align: center;} .ebookcash_alert_in .pink_big_btn {width: 100%; height: 46px; line-height: 46px; background-color: #df307f; color: #fff; font-size: 18px; text-align: center; border: 0; border-radius: 5px;} .ebookcash_alert_out .dim {display: block;} /* 중고매장 위치안내 */ .store_navermap {width: 100%; height: 400px;} .store_transport {padding: 20px 0 0 0;} .store_transport > p {margin: 0; font-size: 15px; padding: 0 0 12px 0;} .store_transport ~ .store_transport {padding: 10px 0 0 0;} .store_transport h4 {font-size: 16px; font-weight: bold; margin: 0; padding:0 0 10px 0} .store_transport .subway_info .tit {font-size: 15px; font-weight: bold; display: flex; align-items: center;} .store_transport .subway_info .tit [class*="line"] {display: inline-block; width: 20px; height: 20px; font-size: 1px; color: transparent; vertical-align: middle; margin-right: 4px;} .store_transport .subway_info .tit .line1 { background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway1.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line2 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway2.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line3 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway3.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line4 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway4.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line5 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway5.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line6 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway6.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line7 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway7.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line8 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway8.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line9 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway9.svg) no-repeat center / 100%;} .store_transport .subway_info .tit .line_su {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway_a.svg) no-repeat center / 100%; width: 62px!important;} .store_transport .subway_info .tit .line_in1 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway_k.svg) no-repeat center / 100%; width: 49px!important;} .store_transport .subway_info .tit .line_air {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway_b.svg) no-repeat center / 100%; width: 36px!important;} .store_transport .subway_info .tit .line_gwangju1 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway_gwangju1.svg) no-repeat center / 100%;} /* 광주 1호선 */ .store_transport .subway_info .tit .line_busan_a {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway_busan_a.svg) no-repeat center / 100%; width: 62px!important;} /* 부산김해 */ .store_transport .subway_info .tit .line_daegu1 {background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_subway_daegu1.svg) no-repeat center / 100%;} /* 대구,부산 1호선 */ .store_transport .subway_info p {font-size: 15px; margin: 0; padding: 10px 0; line-height: 1.4;} .store_transport .subway_info p ~ p {padding: 0 0 10px 0;} .store_transport .bus_info li {font-size: 15px; margin-bottom: 10px; display: flex;} .store_transport .bus_info li [class*="bus"] {height: 20px; padding:0 15px 0 25px; flex-shrink: 0;} .store_transport .bus_info li .bus1 { color: #1560d1; background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_bus_B.svg) no-repeat center left / 20px;} .store_transport .bus_info li .bus2 {color: #098a00; background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_bus_G.svg) no-repeat center left / 20px;} .store_transport .bus_info li .bus3 {color: #d44035; background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_bus_R.svg) no-repeat center left / 20px;} .store_transport .bus_info li .bus4 {color: #893ed9; background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_bus_Ra.svg) no-repeat center left / 20px;} .store_transport .bus_info li .bus5 {color: #222; background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_bus_M.svg) no-repeat center left / 20px;} .store_transport .bus_info li .bus6 {color: #3ba8f2; background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_bus_Air.svg) no-repeat center left / 20px;} .store_transport .bus_info li .bus7 {color: #2c5fca; background: url(//image.aladin.co.kr/img/usedshop/store/2022/map_bus_j.svg) no-repeat center left / 20px;} /* 공유하기 레이어 */ #mask {position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1001;} .url_share_layer {width: 100%; position: fixed; bottom: 0; left: 0; background-color: #fff; z-index: 1002; border-radius: 15px 15px 0 0;} .url_share_layer .close_btn {width: 30px; height: 30px; background: url(https://image.aladin.co.kr/img/svg/close_b.svg) no-repeat center / 19px 19px; position: absolute; right: 13px; top: 16px; font-size: 1px; color: transparent; border: 0;} .url_share_layer .share_layer_in {padding: 40px 20px 20px 20px; text-align: center;} .url_share_layer .share_layer_in h3 {font-size: 22px; font-weight: bold; text-align: center;} .url_share_layer .share_layer_in input {width: 100%; border-bottom: 1px #f2f2f2 solid; border-top: 0; border-left: 0; border-right: 0; padding: 10px; margin: 20px 0; box-sizing: border-box; font-size: 16px;} .url_share_layer .share_layer_in .urlcopy_btn {width: 100%; height: 50px; background-color: #EB217C; color: #fff; border-radius: 5px; border: 0; font-size: 18px;} /* 목록 장바구니툴 */ .list_basket_tool {padding: 5px 10px 10px 0px;} .list_basket_tool ul {display: flex; justify-content: flex-end;} .list_basket_tool ul li > button {height: 30px; line-height: 28px; padding: 0 6px; border: 1px solid #d8dadc; background-color: #fff; border-radius: 3px; font-size: 12px; color: #555; cursor: pointer;} .list_basket_tool ul li {margin-left:3px; position: relative;} .list_basket_tool .basketadd_btn.on ~ .basketgo_layer {display: block;} .basketgo_layer {display: none; width: 175px; border: 1px #EB217C solid; position: absolute; top: 35px; z-index: 10; background-color:#fff; padding: 20px;} .basketgo_layer p {text-align: center; margin-bottom: 10px;} .basketgo_layer .close_btn {width: 30px; height: 30px; background: url(//image.aladin.co.kr/img/svg/close_b.svg) no-repeat center / 15px 15px; position: absolute; right: 0; top: 0; border: 0; font-size: 1px; color: transparent; cursor: pointer;} .basketgo_layer .basket_go {width: 100%; height: 30px; background: #EB217C; color: #fff; border: 0; border-radius: 3px; cursor: pointer;} .p1_bold {font-weight: bold;} .p1_n {color: #b54a72;} .ordercancel_infobox {width: calc(100% - 20px); margin: 0 auto; padding: 5px 0 10px 0; box-sizing: border-box;} /* 220714 - 결제수단 박스 추가 */ .order_step2_orderlist9 { background:#f7f7f7; position: relative; margin:0px 10px 20px 10px; border-radius:5px;} /* 201103 라운딩, 마진 추가, 패딩값 수정*/ .order_step2_orderlist9 > a {display: block; width: 100%; padding: 18px 15px 15px 15px; box-sizing: border-box;} .order_step2_orderlist9 > a::after {content:''; display:block; clear: both;} .order_step2_orderlist9 .payname_wrap { clear:both;} .order_step2_orderlist9 .payname_wrap img { width:95px;} .order_step2_orderlist9 .pay_benefit { display: none; clear:both; padding:0 15px 15px 15px; } .order_step2_orderlist9 .pay_benefit li {padding:3px 0 5px 11px; font-size:1.0em; letter-spacing:-0.02em; background: url(//image.aladin.co.kr/img/m/2020/list_dot01.png) no-repeat 2px 9px; background-size:3px; line-height:130%;} .order_step2_orderlist9 .pay_benefit li a {color:#333;} .order_step2_orderlist9 .pay_benefit li span {background:none; font-weight:bold; font-size:1.05em;} .order_step2_orderlist9 .pay_benefit li span .more{padding-bottom:4px; padding-left:3px; width:8px; } .order_step2_orderlist9 .pay_benefit li:last-child { padding-bottom:0;} .order_step2_orderlist9 .pay_benefit .detail {line-height:160%; text-align:left; color:#333; padding:5px 0 0 5px; margin:0;} .order_step2_orderlist9 .pay_benefit .point { color:#EB217C;font-size:1.0em;} .order_step2_orderlist9 .textbtn {color: #777; font-size: 13px; letter-spacing: 0; cursor: pointer; text-align: right; } .order_step2_orderlist9 .textbtn a {display: inline-block; color: #777; text-decoration: underline; padding: 10px 0 0 0; text-decoration:underline;} .order_step2_orderlist9 > a.on ~ .pay_benefit {display: block;} .order_step2_orderlist9 .left_eventitem { position:absolute; left:11px; width:55px; background:#eb217c; border-radius:15px;text-align: center; color: #fff; font-weight:bold;font-size:13px; margin:0 ; padding: 2px 4px 1px 4px; box-sizing:border-box; overflow: hidden;} .order_step2_orderlist9 .left_eventitem::after {content: ''; display: block; width: 25px; height: 80px; background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0) 100%); position: absolute; left: -10px; top: -5px; opacity: 0.6; animation: eventlight infinite 3s;} .order_step2_orderlist9 .left_eventitem_tit {float:left; padding-left:60px; padding-top:3px; height: auto; max-height:42px; overflow: hidden; font-weight:bold; } @keyframes eventlight { 0% {transform: rotate(-30deg) translateX(0);} 50% {transform: rotate(-30deg) translateX(70px);} 100% {transform: rotate(-30deg) translateX(70px);} } .title_eventitem {background:transparent; border-radius:0; text-align: center; color: #eb217c; font-size:13px; padding:0 0 0 2px; font-style:normal; letter-spacing:-0.02em; vertical-align: middle;} /* 220714 타이틀 영역 때문에 width:50%; -> width:100%;만듬*/ .mtoss_select2 {margin:0px 0 0 0; padding:0px 0px; box-sizing:border-box;} .mtoss_select2 ul { margin:0; padding:0} .mtoss_select2 li { float:left; padding: 0 10px 9px 40px; width:100%; box-sizing:border-box; text-align:left; font-size: 1.1em; color: #222; position:relative; line-height:1.4em; } .mtoss_select2::after {content:''; display:block; clear: both;} .mtoss_select2 input{border:0;-webkit-appearance:none;outline-style: none; position:absolute; left:10px; top:-2px; } .mtoss_select2 input[type=radio] {border-radius:24px 24px; width:24px; height:24px; border:1px solid #cfcfcf; background:#ffffff;} .mtoss_select2 input[type=radio] + span { color:#222; } .mtoss_select2 input[type=radio]:checked {background:url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat 50% 50%; background-size:15px;border:1px solid #EB217C;} .mtoss_select2 input[type=radio]:disabled + span {color:#b5b5b5; } /* 검색결과 옵션 */ .search_select {width: 100%; height: 27px; line-height: 27px; font-size: 14px; border: 1px solid #D7D7D7; border-radius: 4px; -webkit-appearance:none; padding: 0 15px 0 5px; background: url(//image.aladin.co.kr/img/search/icon_arrow.svg) #fff no-repeat right 5px center / 9px 5px; color: #444;} .search_view_opion {display:flex; justify-content: space-between; align-items: center; padding: 0 12px;} .search_view_opion .l_option .search_select {width: 32.5vw;} .search_view_opion .l_option .search_select.count {width: 50px; margin-left: 5px;} .search_view_opion .r_option label {display: inline-block; margin-right: 6px;} .search_view_opion .r_option label span {display: inline-block; height: 15px; font-size: 1px; color: transparent; overflow: hidden; vertical-align: middle;} .search_view_opion .r_option label .list1 {width: 15px; background: url(//image.aladin.co.kr/img/search/icon_list1.svg) no-repeat center / 100%;} .search_view_opion .r_option label .list2 {width: 13px; background: url(//image.aladin.co.kr/img/search/icon_list2.svg) no-repeat center / 100%;} .search_view_opion .r_option label .list3 {width: 15px; background: url(//image.aladin.co.kr/img/search/icon_list3.svg) no-repeat center / 100%;} .search_view_opion .r_option label .list4 {width: 15px; background: url(//image.aladin.co.kr/img/search/icon_list4.svg) no-repeat center / 100%;} .search_view_opion .r_option .search_opion_btn {min-width: 50px; height: 27px; line-height: 27px; border: 1px solid #D7D7D7; border-radius: 4px; text-align: center; background-color: #fff; font-size: 14px; color: #444; margin-left: 5px; padding: 0 5px; box-sizing: border-box;} .search_view_opion .r_option .search_opion_btn span {color: #EB217C; margin-left: 2px;} .search_view_opion input[type="radio"], .search_option_box input[type="radio"] {width: 16px; height: 16px; border: 1px solid #8A8A8D; -webkit-appearance:none; background-color: #fff; border-radius: 50%; margin-right: 0px;} .search_view_opion input[type="radio"]:checked, .search_option_box input[type="radio"]:checked {border: 4px solid #EB217C;} .search_option_box input[type="checkbox"] {width: 16px; height: 16px; background:url(//image.aladin.co.kr/img/market/common/input_check_off.svg) no-repeat #fefefe center center / 10px auto!important; border: 1px solid #8A8A8D; -webkit-appearance:none;} .search_option_box input[type="checkbox"]:checked {background:url(//image.aladin.co.kr/img/market/common/input_check_on.svg) no-repeat #EB217C center center / 10px auto!important; border: 1px solid #EB217C;} .search_option_box {padding: 0 12px 12px 12px; margin-bottom: 10px; border-bottom:1px solid #F2F2F2;} .search_option_box .index_search {background-color: #F2F2F2; border-radius: 6px; padding: 10px 8px 10px 15px; display:flex; align-items: center;} .search_option_box .index_search h3 {width: 70px; font-size: 15px; flex-shrink: 0; color: #6E6E6E; box-sizing: border-box;} .search_option_box .index_search .index_search_field {position: relative; width: 100%; } .search_option_box .index_search .index_search_field input {width: 100%; height: 38px; border-radius: 19px; background-color: #fff; border: 1px solid #fff; outline: none; padding: 0 40px 0 13px; box-sizing: border-box;} .search_option_box .index_search .index_search_field .index_search_btn {width: 40px; height: 38px; font-size: 1px; color:transparent; background: url(//image.aladin.co.kr/img/search/icon_search.svg) no-repeat center / 17px auto; outline: none; border: 0; position: absolute; right: 0; top: 0; cursor: pointer;} .search_option_box .option_item {display: flex; padding: 15px 0;} .search_option_box .option_item ~ .option_item {border-top: 1px solid #F2F2F2;} .search_option_box .option_item h3 {width: 85px; font-size: 14px; color: #6E6E6E; flex-shrink: 0; padding: 0 0 0 15px; box-sizing: border-box;} .search_option_box .option_item h3 a {display:inline-block; height: 27px; line-height: 27px; border: 1px solid #D7D7D7; border-radius: 4px; text-align: center; background-color: #fff; font-size: 14px; color: #444; padding: 0 5px; box-sizing: border-box; font-size: 13px; font-weight: normal;} .search_option_box .option_item ul {display:flex; flex-wrap: wrap; width: 100%;} .search_option_box .option_item ul li {width: 50%; display: flex; padding: 4px 0;} .search_option_box .option_item ul li input {flex-shrink: 0;} .search_option_box .option_item ul li label {line-height: 1.3; padding-left: 5px;} .search_option_box .option_item ul li.oneline {width: 100%;} .search_option_box .bottom_btn {display: flex; justify-content: space-between; padding: 10px 0;} .search_option_box .bottom_btn .reset_btn {height: 30px; line-height: 32px; background: url(//image.aladin.co.kr/img/search/icon_reload.svg) #fff no-repeat left center / 24px 24px; padding: 0 0 0 26px; border: 0; font-size: 14px; margin-left: 12px; color: #333333;} .search_option_box .bottom_btn .apply_btn {width: 80px; height: 30px; background-color: #EB217C; border-radius: 6px; color: #fff; border: 0;} .category_box {display: flex; margin-bottom: 10px; padding: 0 12px;} .category_box li {flex: 1;} .category_box li ~ li {margin-left: 5px;} /* 신규 얼럿 레이어 스타일 */ .mo_alert_wrap {position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vh; display: none;} .mo_alert_wrap.on {display: block;} .mo_alert_wrap.on .dim {display: block;} .mo_alert_wrap .mo_alert_in {width: 320px; position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); background-color: #fff; padding:20px; box-sizing: border-box; border-radius: 15px;} .mo_alert_wrap .mo_alert_in h3 {font-size: 20px; text-align:center; padding: 0 47px;} .mo_alert_wrap .mo_alert_in h3 ~ .txt {padding:20px 0 20px 0;} .mo_alert_wrap .mo_alert_in .alert_close_btn {width:40px; height: 40px; position: absolute; right: 7px; top: 10px; background: url(//image.aladin.co.kr/img/svg/close_b.svg) no-repeat center / 15px 15px; color: transparent; font-size: 1px; border: 0;} .mo_alert_wrap .mo_alert_in .txt {padding:30px 0 20px 0; text-align:center;} .mo_alert_wrap .mo_alert_in .txt p {font-size: 18px;} .mo_alert_wrap .mo_alert_in .btn {text-align: center;} .mo_alert_wrap .mo_alert_in .btn .pink_btn {width: 100%; height: 50px; background-color: #EB217C; color: #fff; font-size: 17px; border: 0; border-radius: 6px;} .mo_alert_wrap .mo_alert_in .btn a {display:inline-block; color: #0D8FD9; font-size: 16px; padding: 10px 0; margin-top: 10px;} /*중고매장모달*/ html.modal-open {overflow-y: hidden;} /* 주문과정공지 */ .order_notice_box {width: 100%; background-color: #F5F5F5; padding: 20px 10px; box-sizing: border-box; margin: 0;} .order_notice_box.mb {margin:0 0 15px 0;} .order_notice_box li ~ li {margin-top: 15px;} .order_notice_box li {font-size: 15px; position: relative; padding-left: 27px; line-height: 1.2;} .order_notice_box li::after {content: ''; display: block; width:19px; height: 19px; background: url(//image.aladin.co.kr/img/order/2022/notice_icon.svg) no-repeat center / 100% auto; position: absolute; left: 0; top: -1px;} /* 우주레코드 */ .spacerecord_label {display: block; width: 80px; height: 20px; border-radius: 10px; background: linear-gradient(200deg, #9A7AF9,#28F2BC); color: #fff!important; font-weight: bold; font-size: 12px; line-height: 21px; text-align:center; margin: 4px auto;} .spacerecord_label::before {content: ''; display: inline-block; width: 12px; height: 12px; background: url(//image.aladin.co.kr/img/m/2022/icon_record.svg) no-repeat center / 100% auto; vertical-align: middle; margin: 0px 2px 2px 0;} .spacerecord_label_s {display: inline-block; width: 64px; height: 20px; line-height: 21px; border-radius: 20px; color: #9A7AF9; font-weight: bold; font-size: 12px; border: 1px solid transparent; background-image:linear-gradient(#fff, #fff), linear-gradient(240deg, #9A7AF9,#28F2BC); background-origin: border-box; background-clip: content-box, border-box; text-align: center;} .spacerecord_pickup {margin-top: 5px;} .spacerecord_label + .pickup_time {display: block; font-size: 12px; text-align: center;} .spacerecord_label + .pickup_time em {font-style: normal; color: #9A7AF9; font-weight: bold;} /* 모바일 목록 장바구니 버튼 영역 정리 */ .Listslidebtn {height: 40px; display: flex; justify-content: center; align-items: center; padding: 10px 0; flex-wrap: wrap;} .Listslidebtn .bk_btn_basket {min-width: 100px; margin: 0 2px; width: auto; padding: 0;} .Listslidebtn .bk_btn_keep {min-width: 100px; margin: 0 2px; width: auto; padding: 0;} .Listslidebtn .bk_btn_buy {min-width: 100px; margin: 0 2px; width: auto; padding: 0;} .Listslidebtn .bk_btn_rsv , .bk_btn_rsv4 {min-width: 100px; margin: 0 2px; width: auto; padding: 0;} .Listslidebtn.jiny {height: 85px;} .Listslidebtn .btn_box {width: 100%; display: flex; gap: 6px;} .Listslidebtn .btn_box a {display: inline-block; flex: 1;} .Listslidebtn .btn_box a > div {width: 100%; margin: 0;} .Listslidebtn .btn_box ~ .btn_box {margin-top: 7px;} /* 중고매장 음반 상품페이지 차트 안내 여백 수정*/ .mp_wrap_out3 .pdp_chart2 {margin: 15px 0px; font-size: 14px; padding: 10px 15px; background-color: #F2F3F2;} .pickup_store {padding: 0 5px 10px 2px;} .pickup_store input[type=text] {width: 100%; height: 40px; border: 1px #c7c7c7 solid; outline: none; padding: 0 5px; box-sizing: border-box;} .pickup_store input[type=text]:read-only {color: #888;} /* 베스트 샐러 탭 리뉴얼 - 2022 */ .best_menu_wrap .top_menu {margin: 0; box-sizing: border-box; border-bottom: 1px solid #E5E7EA;} .best_menu_wrap .top_menu .swiper-slide {width: auto; margin: 0 11px;} .best_menu_wrap .top_menu .swiper-slide a {display: block; font-size: 16px; text-align: center; padding: 15px 0 10px 0;} .best_menu_wrap .top_menu .swiper-slide.on a {border-bottom: 3px solid #333; font-weight: bold;} .best_menu_wrap .top_menu .swiper-slide .new {height: 14px; line-height: 16px; font-size: 11px; border-radius: 7px 7px 0 7px; position: absolute; right: 0; top: 0; padding:0 4px; background-color: #EB217C; color: #fff;} .best_menu_wrap .sub_menu {margin-bottom: 4px; padding: 15px 0 0 11px;} .best_menu_wrap .sub_menu .swiper-slide {width: auto; } .best_menu_wrap .sub_menu .swiper-slide a {display: block; line-height: 39px; padding: 0 12px;} .best_menu_wrap .sub_menu .swiper-slide.on a {height: 38px; line-height: 39px; border-radius: 19px; padding: 0 16px; background-color: #000000; color: #fff; margin-right: 5px;} .best_menu_wrap .sub_menu .swiper-slide a.new_icon::after {content: ''; display:inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #f21c8c; vertical-align: text-top; margin-left: 2px;} .best_top_bn {padding: 0 0 0 10px; margin: 15px 0 4px 0;} .best_top_bn .swiper-slide {width: calc(100vw - 30px); height: 90px; margin-right: 10px; background-color: #F0F2F5; border-radius: 6px;} .best_top_bn .swiper-slide a {display: flex; align-items: center; width: 100%; height: 100%; justify-content: space-between; padding: 0 110px 0 20px; position: relative; box-sizing: border-box;} .best_top_bn .swiper-slide a .ad_bn {position: absolute; right: 12px; top: 9px; font-size: 12px; color: #999999;} .best_top_bn .swiper-slide a .txt h4 {max-height: 39px; font-size: 16px; line-height: 1.2; margin-bottom: 3px; overflow: hidden;} .best_top_bn .swiper-slide a .txt p {height: 18px; line-height: 1.2; overflow: hidden;} .best_top_bn .swiper-slide a .cover {width: 60px; max-height:70px; position: absolute; top: 50%; right: 40px; transform: translateY(-50%); overflow: hidden; border-radius: 5px;} .best_top_bn .swiper-slide a .cover img {width: 100%;} .s_list_yel_n4.new {border-radius: 4px;} .jiny_browse_select {display:flex; justify-content: end; align-items: center;} .jiny_browse_select .tit {font-size: 14px; margin-right: 5px;} .jiny_browse_select select {width: 200px;} .jiny_setting .best_menu_wrap .sub_menu {margin-bottom: 15px;} /*나도 서점 상품페이지 상단 레이어 */ .mystore_Awrap {clear:both; background:#0F9D58; position:relative; padding:5px 0;} .mystore_t { padding:5px 10px; } .mystore_t a { color:#ffffff!important;font-size:15px; letter-spacing:-0.02em; } .mystore_list {clear:both; margin:3px 10px; padding:6px 0; border-top: 1px solid rgba(255,255,255,0.2);} .mystore_list ul { padding:0; margin:0;} .mystore_list ul li {background: url(//image.aladin.co.kr/img/shop/m/nm_list_dot_white.png) no-repeat 0px 10px; color:#fff; font-size:14px;letter-spacing:-0.02em; padding:1px 0 1px 6px} .mystore_list span {color:#fff; font-size:14px;letter-spacing:-0.02em; } .mystore_alram_btn {width:30px;padding-top:4px; float:right;} .mystore_alram_btn img { width:14px; } /*나도 서점, 땡스투 장바구니 */ .bsk_thanksto_pink { color:#333; font-size:14px; font-weight:normal} .bsk_thanksto_pink span { color:#eb217c;} .bsk_mystore_green {color:#333; font-size:14px; font-weight:normal} .bsk_mystore_green span{ color:#0F9D58;} .b_list2 .ebookinfo {margin: 3px 0;} .b_list2 .go {font-size: 14px; color:#4d92d9} .b_list2 .go::after {content: ''; display: inline-block; width: 6px; height: 10px; background: url(//image.aladin.co.kr/img/svg/arrow_go_blue.svg) no-repeat center / 100% auto; margin:-2px 0 0 5px; vertical-align: middle;} /* 기프티북 선물하기 주문과정 안내 문구 */ .infolist_gray li {color: #737373; line-height: 1.4; background: url(//image.aladin.co.kr/img/svg/dot_gray.svg) no-repeat left top 6px / 3px 3px; padding: 0 0 6px 8px; font-size: 13px; } /* 목록 미리보기 버튼 */ .viewbtn {clear: both;} .viewbtn a {display: block; width: 82px; height: 24px; line-height: 24px; background-color: #fff; border: 0; text-align: center; font-size: 12px; margin: 8px auto 0 auto; box-sizing: border-box; border-radius: 1px; color: #737373!important;} .viewbtn a::before {content: ''; display: inline-block; width: 15px; height: 15px; vertical-align: middle; margin: -2px 4px 0 0;} .viewbtn.usedshop a::before {background: url(//image.aladin.co.kr/img/m/2023/i-store.svg) no-repeat center / 100% auto;} .viewbtn.bookview a::before {width: 14px; height: 13px; background: url(//image.aladin.co.kr/img/m/2024/i-see.svg) no-repeat center / 100% auto;} .viewbtn.ebook a::before {background: url(//image.aladin.co.kr/img/m/2024/i-see-ebook.svg) no-repeat center / 100% auto;} .browse_list_box .ytz_delivery {display: inline-block; height: 17px; line-height:17px; background:#fff; text-align:center; color:#ff9100; border: 1px solid #ff9100; border-radius:2.5px; padding:0px 6px; font-weight:bold; margin:0 2px 0 0; font-size:12px; } @media screen and (max-width: 360px) { .browse_list_box .ytz_delivery {font-size: 10px; letter-spacing: -0.5px; padding: 0 3px;} } /* 목록 상단 버튼 */ .list_add_btn_box {display: flex; justify-content: flex-end; padding: 6px 0;} .list_add_btn {height: 24px; line-height: 21px; padding: 0 5px; border: solid 1px #c8c8c8; background-color: #fff; font-size: 12px; color: #3e3e3e; border-radius: 3px; box-sizing: border-box; cursor: pointer; margin-left: 5px; letter-spacing: -0.5px;} .list_add_btn_box > div {position: relative;} .add_basket_layer_out {position: relative;} .add_basket_layer {width: 175px; background-color: #fff; border: 2px #2c98d9 solid; padding: 16px 0; position: absolute; left:50%; top: 5px; z-index: 19; transform: translateX(-50%);} .add_basket_layer p {font-size: 13px; font-weight: bold; text-align: center; margin: 0 0 10px 0; } .add_basket_layer .btn {display: flex; justify-content: center;} .add_basket_layer .btn .go_btn {height: 22px; line-height: 22px; background-color: #2e9bdb; color: #fff; font-size: 12px; padding: 0 10px; margin-right: 5px; border: 0; border-radius: 3px; letter-spacing: -0.5px; cursor: pointer;} .add_basket_layer .btn .close_btn {height: 22px; line-height: 22px; background-color: #a4a4a4; color: #fff; font-size: 12px; padding: 0 10px; border: 0; border-radius: 3px; letter-spacing: -0.5px; cursor: pointer;} .list_coupon_btn {display: inline-block; height: 20px; line-height: 21px; background-color: #f33494; color: #fff!important; font-size: 13px; padding: 0 5px; border-radius: 3px; letter-spacing: -0.5px; margin: 0 2px;} .list_coupon_btn::after {content: ''; display: inline-block; width: 5px; height: 8px; background: url(//image.aladin.co.kr/img/common/icon_down.gif) no-repeat; margin-left: 2px;} .online_list_tit {font-size: 16px; font-weight: bold; margin:20px 0 10px 0;} /* 쿠폰 다운로드 팝업 */ .coupon_popup_wrap {padding: 16px 10px 20px 10px; } .coupon_popup_wrap h2 {font-size: 19px; font-weight: bold; letter-spacing: -1px; margin: 0 0 20px 0; padding: 0;} .coupon_list_table {height: 65vh; overflow-y: auto; border-bottom: 1px solid #bcbcbc; margin: 0 -10px;} .coupon_list_table::-webkit-scrollbar {width: 10px;} .coupon_list_table::-webkit-scrollbar-thumb {background: #ccc; border-radius: 0px;} .coupon_list_table::-webkit-scrollbar-track {background: #f5f5f5;} .coupon_list_table table { border-spacing: 0px; border-style: none;} .coupon_list_table table thead {position: sticky; top: 0;} .coupon_list_table table thead th {font-weight: normal; font-size: 15px; padding: 10px 0; background-color: #f2f2f2; } .coupon_list_table table thead th:nth-child(3) {width: 50px; padding: 10px 0 10px 10px;} .coupon_list_table table thead th:nth-child(4) {width: 25px; padding-left: 0; padding-right: 10px;} .coupon_list_table table thead th label {display: flex; justify-content: flex-end; align-items: center;} .coupon_list_table table thead th label input {margin-left: 5px;} .coupon_list_table table td {border-bottom: 1px solid #f2f2f2; font-size: 15px; padding: 10px 0; line-height: 1.4;} .coupon_list_table table td:nth-child(1) {padding-right: 10px; padding-left: 5px;} .coupon_list_table table td:nth-child(3) {text-align: center; padding-left: 10px;} .coupon_list_table table td:nth-child(4) {text-align: right; padding-left: 0px; padding-right: 10px;} .coupon_list_table input[type="checkbox"] {width: 18px; height: 18px; border: 1px #bcbcbc solid; background: #fff; appearance: none; cursor: pointer;} .coupon_list_table input[type="checkbox"]:checked {background: url("//image.aladin.co.kr/img/svg/w-check-bold.svg") #ef3d98 no-repeat center top 5px / 10px auto; border: 1px #ef3d98 solid; border-radius: 0;} .coupon_list_table .coupon_bg {width:85px; height: 63px; background: url("//image.aladin.co.kr/img/coupon/coupon_bg.jpg") no-repeat center / 100%; font-size: 15px; color: #ee3d96; font-weight: bold; text-align: center; padding: 25px 0 0 0; box-sizing: border-box; letter-spacing: 0;} .coupon_list_table .download_btn {width: 40px; height: 37px; border-radius: 3px; background: url("//image.aladin.co.kr/img/coupon/download-on.svg") no-repeat center / 22px 18px; font-size: 0; border: solid 1px #bcbcbc; cursor: pointer;} .coupon_list_table .download_btn.off { background: url("//image.aladin.co.kr/img/coupon/download-off.svg") no-repeat center / 22px 18px;} .coupon_list_table .tl_b {display: inline-block; color: #3350a3; font-size: 15px; margin-bottom: 5px;} .coupon_list_table .txt1 {font-weight: bold; margin-bottom: 4px;} .coupon_list_table .txt2 {margin-bottom: 4px;} .coupon_list_table .date {color: #878787; margin-bottom: 4px;} .coupon_list_table .event_go {text-decoration: underline;} .coupon_popup_bottom p {font-size: 15px; margin: 12px 0 17px 0;} .coupon_popup_wrap .btn {display: flex; justify-content: center;} .coupon_popup_wrap .btn button {width: 200px; height: 40px; border-radius: 3px; background-color: #df307f; font-size: 15px; color: #fff; font-weight: bold; border: 0; cursor: pointer;} .coupon_popup_wrap .btn button ~ button {margin-left: 12px;} .coupon_popup_wrap .btn button.cancel_btn {background-color: #fff; border: 1px solid #c8c8c8; color: #555;} .get_coupon_list {padding:0 10px;} .get_coupon_list li {display: flex; align-items: center; margin-bottom: 20px;} .get_coupon_list li .coupon_bg {width:111px; height: 63px; background: url("//image.aladin.co.kr/img/coupon/coupon_bg.jpg") no-repeat center / 100%; font-size: 18px; color: #ee3d96; font-weight: bold; text-align: center; padding: 25px 0 0 0; box-sizing: border-box; flex-shrink: 0; margin-right: 15px;} .get_coupon_list li .coupon_txt {font-size: 15px; line-height: 1.4;} .get_coupon_list li .coupon_txt span {font-weight: bold;} .mycoupon_go {text-align: center; margin-bottom: 30px;} .mycoupon_go a {display: inline-block; width: 200px; height: 40px; line-height: 40px; border-radius: 3px; background-color: #df307f; font-size: 15px; color: #fff; font-weight: bold; border: 0; text-align: center;} .mycoupon_go a:hover {text-decoration: none;} .coupon_info_box {background-color: #f3f3f3; border: 1px #e7e7e7 solid; padding: 20px;} .coupon_info_box h3 {font-size: 15px; margin: 0 0 12px 0; padding: 0;} .coupon_info_box ol {margin: 0 20px; padding: 0;} .coupon_info_box ol li {list-style-type: decimal; font-size: 14px; margin-bottom: 8px; line-height: 1.4;} .coupon_info_box .info_img {width: 100%;} .coupon_info_box .info_img img {width: 100%;} .coupon_result_info ul {padding-bottom: 20px;} .coupon_result_info li {font-size: 14px; background: url("//image.aladin.co.kr/img/svg/dot_gray.svg") no-repeat left top 7px / 3px; padding: 0 0 0 10px; line-height: 1.4; margin-bottom: 5px;} .coupon_result_info p {border-top: 1px solid #bcbcbc; margin: 0; padding: 20px 0; text-align: center; font-size: 17px; font-weight: bold;} .coupon_popup_wrap .txt {font-size: 14px; margin-bottom: 15px;} .coupon_popup_wrap .couponbook_bn a {display: block; background-color: #fce4f0; padding: 10px; margin-bottom: 30px; color: #ee3d96; font-size: 14px; text-align: center; font-weight: bold;} .coupon_popup_wrap .couponbook_bn a:hover {text-decoration: none;} .coupon_popup_wrap .couponbook_bn a::after {content: ''; display: inline-block; width: 16px; height: 16px; border-radius: 50%; overflow: hidden; vertical-align: middle; text-align: center; background: url("//image.aladin.co.kr/img/svg/arrow_go_w.svg") #ee3d96 no-repeat center right 5px / 5px auto; margin: -2px 0 0 0;} /*231030 개인정보 수집항목 */ .or_personal_box { padding:0px 0px; margin: 7px 0; border: 1px solid #ddd; border-bottom: none;} .or_personal_box th {font-weight: bold; padding:7px 0; background-color:#f5f5f5; color:#333; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 130%; text-align: center; font-size: 14px;} .or_personal_box th:last-child {border-right: 0px} .or_personal_box td {padding:5px ; background-color:#fff; color:#333; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; line-height: 140%;text-align: left; font-size: 14px;} .or_personal_box td:last-child{border-right: 0px} .or_personal_box td.center {text-align: center;} /* .or_personal_box td:nth-child(1){ text-align: center} .or_personal_box td:nth-child(2){ text-align: center} */ .or_personal_cont2 {padding:7px 5px ; background-color:#fff; color:#333; border-right: 1px solid #ddd; line-height: 120%;text-align: left;font-size:0.95em;} .or_personal_cont2:last-child{border-right: 0px} .sub_tit2 { color: #333333; font-weight: normal; font-size:0.95em;padding:8px 0 0 0 ; position:relative; } .textbtn { color: #777; font-size: 13px; letter-spacing: 0; cursor: pointer; position:absolute; bottom:0px; right: 0; border: 0; background-color: transparent;} /*231030 비회원 주문하기: 개인정보 수집항목 */ .m_nomember_chice2 { margin: 10px 0 0 0; padding: 10px 6px; overflow: hidden; background: #f8f8f8; } .m_nomember_chice2 ul {clear: both;} .m_nomember_chice2 ul li {position: relative; padding: 0 0 0 5px; text-align: left;font-size: 1.0em; color: #111; line-height: 1.4em; } .m_nomember_chice2 ul li ~ li {margin-top: 12px;} .m_nomember_chice2 ul li a {text-decoration: none; color: #33afe9; padding: 0 5px;} .m_nomember_chice2 ul li .sub_tit { color: #333333; font-weight: normal; position:relative; } .m_nomember_chice2 ul li .textbtn { color: #777; font-size: 13px; letter-spacing: 0; cursor: pointer; position:absolute; bottom:0px; right: 0; text-decoration: underline;} .m_nomember_chice3 { margin:10px 0 0 0; padding:10px 5px; overflow:hidden; background:#fff;} .bg6 {background-color:#ffffff;} /* 고객문의*/ .cs_1n1_form2 { position: relative; display: inline; float: left; padding: 3px 3px 5px 3px ; width: 100%;} .cs_1n1_form2 .input4 { border: 1px solid #4c4c4c} .cs_1n1_form2 ul li { position: relative; display: inline; float: left; padding: 3px 0} .textbtn { color: #777; font-size: 13px; letter-spacing: 0; cursor: pointer; position:absolute; bottom:5px; right: 5px} .cs_1n1_line { padding-bottom: 8px; margin-bottom: 10px; border-bottom: 1px solid #E5E5E5} /* 주문조회 */ .order_list_box.new {display: flex;} .order_list_box.new .cover {width: 85px; flex-shrink: 0; margin-right: 10px;} .order_list_box.new .cover img {width: 100%; border: 1px #e2e2e2 solid;} .order_list_box.new .price {margin-top: 5px;} .cart-thanks { color:#8c8c8c; font-size:0.8rem; padding-bottom:3px;font-weight:400; } .cart-thanks img { width:12px; } .cart-thanks a {color:#989898!important; } /* #77580 visharp */ .browse_list_box div.viewbtn.book { width: auto; float: none; margin-left: 0; margin-right: 0; } .browse_list_box div.viewbtn.book a::before { background: url(//image.aladin.co.kr/img/m/2023/i-see.svg) no-repeat center / 100% auto; } /* 목록 만권당 보기 링크 */ .b_list2 li .man_go {color: #000;} .b_list2 li .man_go em {font-style: normal;} .b_list2 li .man_go::after {content: ''; display: inline-block; width: 5px; height: 9px; background: url("//image.aladin.co.kr/img/svg/arrow_go_black.svg") no-repeat center / 100% auto; margin-left: 5px;} /* 검색결과 - 만권당에서 볼 수 있는 책 */ .man_view_book_box {width: 100%; padding: 30px 0 25px 0; background-color: #f1f6fa;} .man_view_book_box h2 {font-size: 20px; font-weight: bold; margin: 0 12px 20px;} .man_view_book_box .swiper-container {padding: 0 12px; margin-bottom: 15px;} .man_view_book_box .swiper-container .swiper-wrapper {height: auto; align-items: flex-end;} .man_view_book_box .swiper-container .swiper-wrapper .swiper-slide {width: 90px; margin-right: 20px;} .man_view_book_box .swiper-container .swiper-wrapper .swiper-slide a {display: block;} .man_view_book_box .swiper-container .swiper-wrapper .swiper-slide a .cover {width: 90px; margin-bottom: 12px;} .man_view_book_box .swiper-container .swiper-wrapper .swiper-slide a .cover img {width: 100%;} .man_view_book_box .swiper-container .swiper-wrapper .swiper-slide a .tit {height: 36px; font-size: 14px; letter-spacing: -0.8px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center; line-height: 1.3;} .man_view_book_box .go_man_search {text-align: center;} .man_view_book_box .go_man_search a {display: inline-block; height: 30px; line-height: 30px; padding: 0 18px; color: #333; border: 1px solid #333; border-radius: 15px; box-sizing: border-box;} .man_view_book_box .go_man_search a::after {content: ''; display: inline-block; width: 6px; height: 10px; background: url("//image.aladin.co.kr/img/svg/arrow_go_b.svg") no-repeat center / 100% auto; margin-left: 5px;} /* 양탄자 배송*/ .browse_list_box .mb_ytz_delivery {display: inline-block; height: 19px; line-height:19px; background:#fff0d1; text-align:center; color:#fe6600; border: 0; border-radius:3px; padding:0px 4px; font-weight:500; margin:0 2px 0 0; font-size:12px; } .star_score {display: inline-block; background: url("//image.aladin.co.kr/img/svg/icon_star.svg") no-repeat left top -1px / 15px auto; padding: 0 0 0 18px; font-size: 14px; color: #333; line-height: 1;} .usedseller_label_01 {display: inline-block; height: 18px; line-height: 16px; background-color: #fff; color: #4ba10b; border: 1px solid #e1e1e1; font-size: 11px; padding: 0 5px; border-radius: 9px; letter-spacing: -0.5px; box-sizing: border-box;} /*새내기셀러*/ .usedseller_label_02 {display: inline-block; height: 18px; line-height: 16px; background-color: #fff; color: #666666; border: 1px solid #e1e1e1; font-size: 11px; padding: 0 5px; border-radius: 9px; letter-spacing: -0.5px; box-sizing: border-box;} /*실버셀러*/ .usedseller_label_03 {display: inline-block; height: 18px; line-height: 16px; background-color: #fff; color: #966f19; border: 1px solid #e1e1e1; font-size: 11px; padding: 0 5px; border-radius: 9px; letter-spacing: -0.5px; box-sizing: border-box;} /*골드셀러*/ .usedseller_label_04 {display: inline-block; height: 18px; line-height: 16px; background-color: #fff; color: #007cb7; border: 1px solid #e1e1e1; font-size: 11px; padding: 0 5px; border-radius: 9px; letter-spacing: -0.5px; box-sizing: border-box;} /*파워셀러*/ .usedseller_label_05 {display: inline-block; height: 18px; line-height: 16px; background-color: #fff; color: #b727c8; border: 1px solid #e1e1e1; font-size: 11px; padding: 0 5px; border-radius: 9px; letter-spacing: -0.5px; box-sizing: border-box;} /*전문셀러*/ .gray_label {display: inline-block; background: #ffffff; border-radius: 2px; padding:0 8px; height:20px; line-height:22px; text-align: center; font-size: 12px; color: #555; margin-right:5px; letter-spacing: -0.04em; font-family: Malgun Gothic,'Segoe WPC', 'Segoe UI', 'Apple SD Gothic Neo', Helvetica, AppleGothic, Sans-serif;border:1px solid #e5e5e5} /*소득공제 라벨 */ /* 북펀드 탭바 */ .bf_tabbar_wrap {width: 100%; position: fixed; left: 0; bottom: 0; z-index: 1200;} .bf_tabbar_wrap .tabbar {width: 100%; min-height: 70px; background-color: #FFFFFF; display: flex; padding: 8px 8px; box-sizing: border-box; border-top: #EDEDED solid 1px;} .bf_tabbar_wrap .tabbar.ios_Chrome {padding: 8px 8px 24px 8px;} .bf_tabbar_wrap .tabbar .keepbtn {width:40px; height: 50px; background: url(//image.aladin.co.kr/img/shop/2022/tabbar_cabinet.svg) no-repeat bottom 11px center / 24px 24px; font-size: 1px; color: transparent; flex-shrink:0;} .bf_tabbar_wrap .tabbar .bellbtn {width: 40px; height: 50px; margin-left: 5px; margin-right: 5px; background: url(//image.aladin.co.kr/img/shop/2022/tabbar_bell.png) no-repeat bottom 13px center / 22px auto; font-size: 0; color: transparent; position: relative; flex-shrink:0;} .bf_tabbar_wrap .tabbar .bellbtn::after {content:''; display: block; width: 1px; height: 28px; background-color: #ddd; position: absolute; left: -3px; top: 12px;} .bf_tabbar_wrap .tabbar .gift_balloon {min-width: 60px; height: 24px; border-radius: 12px; font-size: 12px; text-align: center; line-height: 24px; padding: 0 8px; background-color: #ffde06; color: #000; position: absolute; top: -25px; left: -9px; display: none; box-sizing: border-box;} .bf_tabbar_wrap .tabbar .gift_balloon.on {animation: giftballoom 3s forwards; transform-origin: bottom; -webkit-transform-origin: bottom; opacity: 1; display: block;} .bf_tabbar_wrap .tabbar .gift_balloon::after {content: ''; width: 0; height: 0; border-top: 12px solid #ffde06; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: 18px; left: 50%; transform: translateX(-50%);} .bf_tabbar_wrap .tabbar > div a {position: relative;} .bf_tabbar_wrap .tabbar > div a .recode_balloon {width: 190px; height: 26px; padding: 0 5px; border-radius: 12px; font-size: 13px; text-align: center; line-height: 26px; background-color: #9A7AF9; color: #fff; position: absolute; top: -30px; left: 50%; transform: translateX(-50%); font-weight: normal;} .bf_tabbar_wrap .tabbar > div a .recode_balloon::after {content: ''; width: 0; height: 0; border-top: 12px solid #9A7AF9; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: 20px; left: 50%; transform: translateX(-50%); z-index: -1;} .bf_tabbar_wrap .tabbar .keepbtn a, .bf_tabbar_wrap .tabbar .bellbtn a {display: block; width: 100%; height: 100%; font-size: 1px; color: transparent; position: relative;} .bf_tabbar_wrap .tabbar .basketbtn {height: 50px; flex-grow: 1; flex: 1;} .bf_tabbar_wrap .tabbar .basketbtn a {display: block; color: #fff; font-size: 17px; font-weight: bold; background-color: #EB217C; border-radius: 6px; color: #fff; line-height: 50px; text-align: center;} .bf_tabbar_wrap .tabbar_layer {width: 100%; background-color: #fff; border-radius: 12px 12px 0 0; box-shadow: #0000001A 0 -3px 10px; overflow: hidden; padding: 0 16px 24px 16px; box-sizing: border-box;} .bf_tabbar_wrap .tabbar_layer .close_layer {width: 100%; height: 30px; font-size: 1px; color: transparent; background-color: #fff; position: relative; margin-bottom: 5px; border: 0;} .bf_tabbar_wrap .tabbar_layer .close_layer::after {content: ''; width: 36px; height: 11px; background:url(//image.aladin.co.kr/img/shop/2022/drop-down.svg) no-repeat center / 100% auto; position: absolute; top: 10px; left: 50%; transform: translateX(-50%);} .bf_tabbar_wrap .basket_layer h3 {font-size: 18px;} .bf_tabbar_wrap .basket_layer h3 em {color: #EB217C; font-weight: bold; font-style: normal;} .bf_tabbar_wrap .basket_layer p {font-size: 14px; margin-top: 8px;} .bf_tabbar_wrap .basket_layer p .pink_txt {color: #EB217C;} .bookfund_top .all_list_btn {display: block; height: 28px; line-height: 28px; padding: 0 10px; background-color: rgba(255,255,255,0.7); font-size: 14px; color: #222; font-weight: bold; border-radius: 3px; position: absolute; right: 10px; top: 10px;} .bookfund_commnet_none {text-align: center; padding: 50px 0 0 0;} .browse_list_box .bonus_t {display: inline-block; color: #3b4a9f; font-size: 13px; line-height: 1.2;} /* 신간알리미 */ .alarm_apply_box {display: flex; justify-content: space-between; align-items: center; padding: 10px 11px 0 11px;} .alarm_apply_box p {font-size: 16px; margin-right: 10px;} .alarm_apply_box .apply_btn {height: 26px; line-height: 27px; background-color: #ec207a; border-radius: 4px; color: #fff; font-size: 15px; padding: 0 13px; flex-shrink: 0;} .browse_list_box a.change_btn {color: #737373; font-size: 12px;} .b_list2 li .rent_day {color: #333; font-weight: 700;} .browse_list_box .bonus_t {display: inline-block; color: #3b4a9f; font-size: 13px; line-height: 1.2;} .b_list2 li .store_sell {display: inline-block; padding: 0; font-size: 14px; color: #555; background: url('//image.aladin.co.kr/img/svg/arrow_go_b.svg') no-repeat right center / 5px auto; padding: 0 9px 0 0;} /* 선물하기 페이지 */ .orgyou_t {font-size:12px;font-weight:bold;letter-spacing:-1px;} .orgyou_f {min-width: 70px; height: 32px; border:1px #ccc solid; border-radius: 4px!important; padding: 5px; font-size: 15px;} .btn-giftlayer {cursor:pointer;} .div-takerType {float:left; padding-right:10px; padding-bottom:10px; } .div-takerType_m {float:left; width:86px; padding-bottom:3px;} .div-takerType_m2 { float: left;padding: 3px 10px 0 0;font-size:1em} .rd-takerType {cursor:pointer;} .lable-takerType {cursor:pointer;} .nm_giftvoucher {color:#e61c01!important;} .giftvoucher_tit {padding: 8px 12px;} .giftvoucher_tit h2 {font-size: 22px; margin: 0; text-align: left;} .takerType_select_box {padding: 0 12px 10px 12px; display: flex; flex-wrap: wrap; gap: 10px;} .takerType_select_box .div-takerType_m2 {width: calc(50% - 5px); padding: 0;} .takerType_select_box .div-takerType_m2 input[type="radio"] {width: 24px; height: 24px; border: 1px solid #cfcfcf; background: #ffffff; border-radius: 50%; -webkit-appearance: none;} .takerType_select_box .div-takerType_m2 input[type="radio"]:checked {background: url(//image.aladin.co.kr/img/m/element_radio.png) no-repeat center / 15px; border: 1px solid #EB217C; -webkit-appearance: none;} .takerType_select_box .div-takerType_m2 input[type="radio"]:checked + span {font-weight: bold;} .giftvoucher_info_box {position: relative; color: #444444; font-size: 14px; line-height: 1.4; margin: 5px 12px; padding: 0 0 10px 0; border-bottom: 1px solid #ececec;} .dv-takerType select {height: 32px; border-radius: 4px; border: solid 1px #ccc; -webkit-appearance: none; background-color: #fff; color: #333; font-size: 15px!important; background: url('//image.aladin.co.kr/img/svg/arrow_down.svg') no-repeat right 5px center / 12px auto; padding: 0 20px 0 5px;} .blogdomain_confirm_btn {height: 32px; line-height: 32px; padding: 0 10px; background-color: #000; font-size: 14px; color: #fff; border-radius: 4px; vertical-align: middle;} .blogdomain_box {margin: 0 0 5px 0;} .blogdomain_box .orgyou_f {width: 90px;} textarea.orgyou_f {width: 100%; min-height: 80px;} /* 주문step2 만권당 삼성카드 : 250312*/ .Man_sscard { clear: both; float: left; width: 100%; box-sizing: border-box; padding: 20px 9px 23px 11px; position: relative} .Man_sscard h3 { display: inline-block; font-weight: 500; padding-top: 5px; font-size: 1.1em;} .sscard_box { background: #547cfd; width:100%; padding:0px 0px; margin: 5px 0 0 0; border-radius: 10px; box-sizing:border-box; color:#fff; } .sscard_box .TotalItem {display: table; width: 100%; padding: 12px 15px; margin: 0;vertical-align: top; box-sizing: border-box; } .sscard_box .TotalItem dt {display: table-cell;padding-top: 0rem; padding-bottom: 0rem; font-size: 1.15em; vertical-align: middle;color:#fff; } .sscard_box .TotalItem dt span{ color: #fcfd63; font-weight: 600;} .sscard_box .TotalItem dd { display: table-cell; vertical-align: middle; text-align: right; border: 0px solid #fff;} .sscard_box .TotalItem dd a { color:#fff; border: 0px solid #fff; border-radius: 50px; padding: 2px 10px 2px 10px; box-sizing:border-box; text-align: center; font-size:13px;} .sscard_box .TotalItem dd .link { color:#fff; border: 1px solid #fff; border-radius: 50px; padding: 2px 10px 2px 10px; box-sizing:border-box; text-align: center; font-size:13px;} .sscard_box .TotalItem a {border:0px solid #fff;} .sscard_box .event_box {background: #436bec; width:100%; border-radius:0 0 10px 10px; padding: 0 0 10px 0;} .sscard_box .event_box .list { padding: 15px 15px 0px 15px; margin:0; } .sscard_box .event_box .list ul { padding:0px; margin:0; } .sscard_box .event_box .list ul li { margin:0; padding:0 0 5px 0px; font-size: 1.0em; color:#fff;line-height: 130%; } .sscard_box .event_box .plus_event { padding: 2px 15px 12px 15px; color:#fff; font-weight: 600; } .sscard_box .event_box .plus_event span{background:#fcfd63; border-radius: 50px; padding: 2px 8px 2px 8px; color: #547cfd; font-weight: 600; font-size:13px;} .sscard_box .event_box .go_btn {background:#ffffff; border-radius: 5px; text-align: center; margin: 5px 15px 5px 15px; } .sscard_box .event_box .go_btn a {padding: 10px; font-size: 17px; padding: 10px 0px 8px 0px; display: block; font-weight: 500;} .sscard_box .event_box .go_btn img { width: 7px; vertical-align:middle; margin-top: -3px} .total-link {text-decoration: none; color: inherit; display: block; width: 100%; }