@charset "utf-8"; /********************************************************************************* 아라북 Bootstrap v5.1.3 Version: 1.0 Note: This is contents css. All plugins css files import here. **********************************************************************************/ /* 메인 비주얼 */ #main-visual {position:relative; padding-top: 80px; } /*#main-visual .visual-rolling .visual-con .item {border:1px solid #dbdbdb;}*/ #main-visual .visual-rolling {position:relative; padding:0 0 45px 0;} /*#main-visual .visual-rolling::before {position:absolute; bottom:0px; left:50%; margin-left:-58%; content:""; display:block; width:116%; height:60%; background:#f0e8dd; border-radius:7px; z-index:-1;}*/ #main-visual:after {position:absolute; bottom:0; left:50%; margin-left:-50%; content:""; display:block; width:100%; height:55%; background:#f0e8dd; z-index:-1;} #main-visual .visual-rolling .visual-con {position:relative;} #main-visual .visual-rolling .visual-con .item .img {overflow:hidden; border-radius:5px; max-height:288px; } #main-visual .visual-rolling .visual-con .item .subjet {padding-top:20px; font-size:1.13em; font-weight:500; word-break:keep-all;} /* #main-visual .visual-rolling .visual-con .owl-nav button {width:45px; height:45px; background:#fff; border-radius:50%;} #main-visual .visual-rolling .visual-con .owl-nav button span {font-size:2.0em; line-height:23px;} #main-visual .visual-rolling .visual-con .owl-nav .owl-prev {position:absolute; left:-20px; top:35%;} #main-visual .visual-rolling .visual-con .owl-nav .owl-next {position:absolute; right:-20px; top:35%;}*/ #main-visual .visual-rolling .visual-con .owl-dots {position:absolute; left:50%; bottom:-51px;} #main-visual .visual-rolling .visual-con .owl-dots .owl-dot {display:inline-block; margin:0 5px; } #main-visual .visual-rolling .visual-con .owl-dots .owl-dot span {overflow:hidden; display:inline-block; width:10px; height:10px; border-radius:100%; border:1px solid #282828; background:#fff; text-indent:-9999em;} #main-visual .visual-rolling .visual-con .owl-dots .owl-dot.active span {width:20px; border-radius:25px; background:#282828;} /* #main-visual .visual-rolling .visual-con .owl-dots .owl-dot .dot-btn {overflow:hidden; width:10px; height:10px; border-radius:100%; border:1px solid #282828; background:#fff; text-indent:-9999em;} #main-visual .visual-rolling .visual-con .owl-dots .owl-dot.active .dot-btn {width:20px; border-radius:25px; background:#282828;}*/ #main-visual .visual-rolling .visi_ctrl {padding:25px 0 0 0;text-align:center;} #main-visual .visual-rolling .visi_ctrl .visi_counter {display:inline-block; margin-left:80px; font-size:13px; color:#666; line-height:30px; vertical-align:middle;} #main-visual .visual-rolling .visi_play {overflow:hidden; width:30px; height:30px; border:none; background:url('/booknavi/user/img/main/visi_ctrl_play-bc747d1506acb163f193b8ae9c589a6f.png') no-repeat center center; background-size:11px auto; text-indent:-9999em; vertical-align:middle;} #main-visual .visual-rolling .visi_stop {overflow:hidden; width:30px; height:30px; border:none; background:url('/booknavi/user/img/main/visi_ctrl_stop-939dbb82e899cac2375cf3030785cb69.png') no-repeat center center; background-size:11px auto; text-indent:-9999em; vertical-align:middle;} /* 메인 타이틀 공통 */ .field-title {margin-bottom:15px;} .field-title .tit {font-size:1.3em; font-weight:700;} .field-title .slick-page {font-size:1em; font-weight:500;margin-right:15px;} .field-title .more_btn {overflow:hidden; display:inline-block; width:24px; height:24px; border:1px solid #dbdbdb; background:#fafafa url('/booknavi/user/img/main/more_plus-364e4577dadccf26d9234e36bb16a792.png') no-repeat center center; background-size:100% auto; text-indent:-9999em;} .field-title2 {margin-bottom:15px; font-size:1.26em; font-weight:700;} .field-title .right-more {display: flex; align-items: center;} .field-title .right-more .form-select {display:inline-block; width:auto; margin-right:5px; padding: 0.1rem 2.25rem 0.1rem 0.75rem; font-size:0.93rem; border-radius:0px;} /* 메인 콘텐츠 */ /* 베스트 셀러 & 오늘의 책 */ #epub3-books {padding-top: 30px; padding-bottom: 20px} #best-books {padding-top:50px;padding-bottom:20px;} #today-books {padding-top:3px;padding-bottom: 20px;} /* 기획전 */ #event-banner {margin:20px 0 0 0; padding:55px 0; background:#f2f2f2;} #event-banner .banner-rolling .banner-con .owl-dots {position:absolute; left:50%; bottom:-60px;} #event-banner .banner-rolling .banner-con .owl-dots .owl-dot {display:inline-block; padding:0 5px; } #event-banner .banner-rolling .banner-con .owl-dots .owl-dot .dot-btn {overflow:hidden; width:10px; height:10px; border-radius:100%; border:1px solid #282828; background:#fff; text-indent:-9999em;} #event-banner .banner-rolling .banner-con .owl-dots .owl-dot.active .dot-btn {width:20px; border-radius:25px; background:#282828;} #event-banner .banner-rolling .banner_ctrl {padding:25px 0 0 0;text-align:center;} #event-banner .banner-rolling .banner_ctrl .banner_counter {display:inline-block; margin-left:80px; font-size:13px; color:#666; line-height:30px; vertical-align:middle;} #event-banner .banner-rolling .banner_play {overflow:hidden; width:30px; height:30px; border:none; background:url('/booknavi/user/img/main/visi_ctrl_play-bc747d1506acb163f193b8ae9c589a6f.png') no-repeat center center; background-size:11px auto; text-indent:-9999em; vertical-align:middle;} #event-banner .banner-rolling .banner_stop {overflow:hidden; width:30px; height:30px; border:none; background:url('/booknavi/user/img/main/visi_ctrl_stop-939dbb82e899cac2375cf3030785cb69.png') no-repeat center center; background-size:11px auto; text-indent:-9999em; vertical-align:middle;} /* 나의 관심도서 */ #interest-books {padding:20px;} #interest-books .product-list.col-type1 {/*overflow:hidden; margin:0 -12px;*/} #interest-books .product-list.col-type1 .product {/*float:left; width:16.666%; padding:0 12px;*/ margin-bottom:17px; padding-left:13px;padding-right:1px;} /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* Enter your style code */ #interest-books .product-list.col-type1 {/**/overflow:hidden; margin:0 -12px;} #interest-books .product-list.col-type1 .product {/*float:left; width:16.666%; padding:0 12px;*/ margin-bottom:17px; padding-left:12px; padding-right:12px;} } #interest-books .set_btn i {display:inline-block; width:14px; height:14px; background:url('/booknavi/user/img/main/set_pic-f62de2c151d5b0dbe55e21ed6f307974.png') no-repeat center center; background-size:100% auto; vertical-align:middle;} #interest-books .set_btn span {font-size:13px; color:#666;} #point-banner {margin:40px 0 0 0; background:white;} #point-banner .banner_text { font-family: 'Noto Sans KR'; font-size: 35px; color: white; font-weight: 300; padding-top:22px; position: relative; margin-left:-200px} #point-banner .detail_icon { font-size:16px; font-weight:100; position: absolute;right:150px;top:42px} #point-banner .detail_icon .text{background:url('/booknavi/user/img/main/main_center_arrow-6bd6bb27c3b2d424c14420c7f8f9226f.png') no-repeat;background-position-x: 92%;background-position-y: 27% } #point-banner .white_bold {font-weight: 600;} #point-banner .top_dot{text-emphasis-style: dot;text-emphasis-position: over left;-webkit-text-emphasis-style: dot;-webkit-text-emphasis-position: over;} #point-banner .banner_a_text {} #point-banner .banner_b_text, .banner_c_text { } #point-banner .banner_a_back { height:150px;background:url('/booknavi/user/img/main/main_center_banner_pc3-e3205735e11209efe53219814450c3fa.png') no-repeat;background-position:center center; background-size:inherit; } @media (max-width: 1100px){ #point-banner .detail_icon {right:50px} } @media screen and (max-width: 850px){ #point-banner .banner_text { font-size:25px; padding-top:15px; margin-left: 0} #point-banner .detail_icon { font-size:12px; } #point-banner #banner_ab_layer { display:block; } } @media screen and (max-width: 576px){ #point-banner .banner_text { font-size:20px; padding-top:10px; } #point-banner .detail_icon { font-size:12px; top:92px; right:10px;} #point-banner #banner_ab_layer { display:block; } } /* 아라북 신간 & 무료도서 */ #new-books, #free-books {padding:20px 0;} /* 하단 바로가기 및 고객센터 */ #miain-customer {margin:40px 0 0 0; padding:80px 0 70px 0; background:#f2f2f2;} #miain-customer .bottom-banner {margin-bottom:55px;} /*#miain-customer .box {overflow:hidden; margin:0 -12px; }*/ #miain-customer .m-board {position:relative;} #miain-customer .m-board .list {overflow:hidden; padding-top:15px; border-top:2px solid #000;} #miain-customer .m-board .list li {position:relative; margin-bottom:8px;} #miain-customer .m-board .list li:before {position:absolute; left:0px; top:10px; content:""; display:inline-block; width:3px; height:3px; border-radius:25rem; background:#666;} #miain-customer .m-board .list li a {display:block; } #miain-customer .m-board .list li a .tit {overflow:hidden; display:block; padding:0 90px 0 10px; font-size:0.96em; font-weight:300; color:#666; white-space:nowrap; text-overflow: ellipsis; } #miain-customer .m-board .list li a .tit2 {overflow:hidden; display:block; padding:0 0px 0 10px; font-size:0.96em; font-weight:300; color:#666; white-space:nowrap; text-overflow: ellipsis; } #miain-customer .m-board .list li a .date {position:absolute; right:0px; top:1px; font-size:0.96em; font-weight:300; color:#888;} #miain-customer .m-board .more_btn {position:absolute; right:0px; top:3px; overflow:hidden; display:inline-block; width:24px; height:24px; border:1px solid #dbdbdb; background:#fff url('/booknavi/user/img/main/more_plus-364e4577dadccf26d9234e36bb16a792.png') no-repeat center center; background-size:100% auto; text-indent:-9999em;} #miain-customer .m-guide {overflow:hidden; position:relative; } #miain-customer .m-guide .pic-btns {overflow:hidden; margin:0 -6px; padding-top:15px; border-top:2px solid #000;} #miain-customer .m-guide .pic-btns li {float:left; width:33.333%; padding:0 6px;} #miain-customer .m-guide .pic-btns li a {overflow:hidden; display:block; padding:15px 0; min-height:110px; text-align:center; border:1px solid #dbdbdb; border-radius:5px; background:#fff;} #miain-customer .m-guide .pic-btns li a .pic {display:inline-block; width:38px; height:34px; } #miain-customer .m-guide .pic-btns li a .pic.pic1 {background:url('/booknavi/user/img/main/main_guide_pic1_new-a19b0b351c252ecd05d8d57454f33f53.png') no-repeat center center; background-size:100% auto; } #miain-customer .m-guide .pic-btns li a .pic.pic2 {background:url('/booknavi/user/img/main/main_guide_pic2_new-2009adce6ca8e498de47ea7ee15e7e0a.png') no-repeat center center; background-size:100% auto; } #miain-customer .m-guide .pic-btns li a .pic.pic3 {background:url('/booknavi/user/img/main/main_guide_pic3_new-cb8d8c5b5bd956ca2ea4c016422adec4.png') no-repeat center center; background-size:100% auto; } #miain-customer .m-guide .pic-btns li a .tit {display:block; font-size:0.96em; font-weight:300; line-height:1.2rem;color:#666; } #miain-customer .m-guide .pic-btns li .app{min-height:70px;background: transparent !important;border: 0px solid black;} /* 서브 */ #con-navi {position:relative; padding:13px 0;} #con-navi .navi-area {position:relative; } #con-navi .navi-area ul {position:relative;} #con-navi .navi-area ul li {position:relative;float:left; } #con-navi .navi-area ul li.home {padding:0 17px 0 0;} #con-navi .navi-area ul li.paging-nav {padding:0 47px 0 10px;} #con-navi .navi-area ul li a {display:block; padding:10px 0; font-size:0.93em; line-height:1.0;} #con-navi .navi-area ul li:after {position:absolute; right:0px; top:12px; content:""; display:inline-block; width:7px; height:12px; background:url('/booknavi/user/img/layout/nav_arrow_r-947157038c32cf2489b4732d7000ba65.png') no-repeat center center; background-size:100% auto; } #con-navi .navi-area ul li:last-child:after {display:none;} #con-navi .navi-area .dropdown-toggle::after {position:absolute; right:15px; top:8px; width:20px; height:20px; margin-left:10px; border:1px solid #dbdbdb; background:url('/booknavi/user/img/layout/dropdown_arrow-2e7a4850244d0a83af8f75904a6cbfeb.png') no-repeat center center; background-size:100% auto; vertical-align:unset; } #con-navi .navi-area .dropdown-toggle.show::after {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);} #con-navi .navi-area ul li ul li {float:none; } #con-navi .navi-area ul li ul li:after {display:none;} #con-navi .navi-area ul li ul li a {padding:0.25rem 1rem; font-size:0.83em;} #con-navi .navi-area ul li ul li a:hover {color:#298056 !important; text-decoration:underline; background:none;} #con-navi .navi-area .dropdown-menu {padding:0.75rem 0; border-radius:0px; border-color:#5d8e44;} #sub-contents {position:relative; padding-bottom:50px;} #sub-contents .sub-conarea {} #sub-contents .sub-leftcon {/*display:table-cell;*/float:left; width:20.833%; padding-right:50px; padding-bottom:50px; } #sub-contents .sub-rightcon {/*display:table-cell;*/ float:left; width:79.167%; } .sub_categroy_wrapper {border:1px solid #dbdbdb;} .sub_categroy_wrapper h3 {padding:18px 20px; font-weight:700; background:#f2f2f2; /*border-bottom:1px solid #dbdbdb;*/} .sub_categroy_wrapper h4 {padding:0px 30px; padding-bottom:18px; font-weight:700; background:#f2f2f2; /*border-bottom:1px solid #dbdbdb;*/} .sub_categroy_wrapper ul {padding:10px 0; border-top:1px solid #dbdbdb;} .sub_categroy_wrapper ul li {} .sub_categroy_wrapper ul li a {display:block; padding:10px 20px; font-size:0.86em; font-weight:300;} .sub_categroy_wrapper ul li a.active {font-weight:400; color:#fff; background:#2e324d;} .sub_categroy_wrapper ul li ul {border-bottom:1px solid #dbdbdb;} .sub_categroy_wrapper ul li:last-child ul {border-bottom:none;} .sub_categroy_wrapper ul li ul li a {position:relative; padding:10px 20px 10px 33px; color:#666;} .sub_categroy_wrapper ul li ul li a::before {position:absolute; left:20px; top:21px; content:""; display:inline-block; width:5px; height:1px; background:#666; } .sub_categroy_wrapper ul li ul li a.active, .sub_categroy_wrapper ul li ul li a:hover {color:#666; font-weight:700; background:none; } .sub-leftcon .arabook-pick {margin-top:10px; padding:20px 10px; text-align:center; border:1px solid #dbdbdb;} .sub-leftcon .arabook-pick h3 {margin-bottom:10px; font-size:1.06em; font-weight:700;} .sub-leftcon .arabook-pick .oneslide-product .owl-nav button {position:absolute; top:80px; overflow:hidden; width:12px; height:22px; } .sub-leftcon .arabook-pick .oneslide-product .owl-nav button span {display:none;} .sub-leftcon .arabook-pick .oneslide-product .owl-prev {left:0px; background:url('/booknavi/user/img/product/product_slide_ctrl_prev-32576b5bff6144bafb232eeb5854e243.png') no-repeat center center; background-size:100% auto;} .sub-leftcon .arabook-pick .oneslide-product .owl-next {right:0px; background:url('/booknavi/user/img/product/product_slide_ctrl_next-73c2b79855c071aa51b54300132bcc49.png') no-repeat center center; background-size:100% auto;} .sub-leftcon .arabook-pick .oneslide-product .owl-dots {padding-top:20px;} .sub-leftcon .arabook-pick .oneslide-product .owl-dots .owl-dot {display:inline-block; padding:0 5px; } .sub-leftcon .arabook-pick .oneslide-product .owl-dots .owl-dot .dot-btn {overflow:hidden; width:10px; height:10px; border-radius:100%; border:1px solid #666; background:#fff; text-indent:-9999em;} .sub-leftcon .arabook-pick .oneslide-product .owl-dots .owl-dot.active .dot-btn {background:#666;} .sub-conarea .conTit {margin-bottom:20px; font-size:1.33em; font-weight:700; } .sub-conarea .conTit2 {margin-bottom:20px; font-size:1.33em; font-weight:700; } .sub-conarea .conTit strong {color:#196BEF;} .sub-conarea .product-total {margin:10px 0; font-size:0.93em; font-weight:300; } /* 달력 */ .ui-widget-header {border: 0px solid #dddddd;background: #fff;} .ui-datepicker-calendar>thead>tr>th {font-size: 14px !important;} .ui-datepicker .ui-datepicker-header {position: relative;padding: 10px 0;} .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border: 0px solid #c5c5c5;background-color: transparent;font-weight: normal;color: #454545;text-align: center;} .ui-datepicker .ui-datepicker-title {margin: 0 0em;line-height: 16px;text-align: center;font-size: 14px;padding: 0px;font-weight: bold;} .ui-datepicker {display: none;background-color: #fff;border-radius: 4px;margin-top: 10px;margin-left: 0px;margin-right: 0px;padding: 20px;padding-bottom: 10px;width: 300px;box-shadow: 10px 10px 40px rgba(0,0,0,0.1);} .ui-widget.ui-widget-content { border: 1px solid #eee;} #datepicker:focus>.ui-datepicker {display: block;} .ui-datepicker-prev, .ui-datepicker-next {cursor: pointer;} .ui-datepicker-next {float: right;} .ui-state-disabled {cursor: auto;color: hsla(0, 0%, 80%, 1);} .ui-datepicker-title {text-align: center;padding: 10px;font-weight: 100;font-size: 20px;} .ui-datepicker-calendar {width: 100%;} .ui-datepicker-calendar>thead>tr>th {padding: 5px;font-size: 20px;font-weight: 400;} .ui-datepicker-calendar>tbody>tr>td>a {color: #000;font-size: 12px !important;font-weight: bold !important;text-decoration: none;} .ui-datepicker-calendar>tbody>tr>.ui-state-disabled:hover {cursor: auto;background-color: #fff;} .ui-datepicker-calendar>tbody>tr>td {border-radius: 100%;width: 44px;height: 30px;cursor: pointer;padding: 5px;font-weight: 100;text-align: center;font-size: 12px;} .ui-datepicker-calendar>tbody>tr>td:hover {background-color: transparent;opacity: 0.6;} .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus {border: 0px solid #cccccc;background-color: transparent;font-weight: normal;color: #2b2b2b;} .ui-widget-header .ui-icon {background-image: url('/booknavi/user/img/board/btns-180e9d84cbed154033d18eb9d04eced3.png');} .ui-icon-circle-triangle-e {background-position: -20px 0px;background-size: 36px;} .ui-icon-circle-triangle-w {background-position: -0px -0px;background-size: 36px;} .ui-datepicker-calendar>tbody>tr>td:first-child a{color: red !important;} .ui-datepicker-calendar>tbody>tr>td:last-child a{color: #0099ff !important;} .ui-datepicker-calendar>thead>tr>th:first-child {color: red !important;} .ui-datepicker-calendar>thead>tr>th:last-child {color: #0099ff !important;} .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 0px;background: #f1f1f1;border-radius: 50%;padding-top: 10px;padding-bottom: 10px;} .calendar-sel {position:relative; padding:5px 10px; height:30px; line-height:1.0; border-radius:0px; border:1px solid #dbdbdb; background:#fff url('/booknavi/user/img/mypage/calendar_icon-e5f5e9b6ff6fdb59fb7184b0edef9aa8.png') no-repeat 90% center; background-size:17px auto;} .ebooksearch-sel {position:relative; padding:5px 10px; height:30px; line-height:1.0; border-radius:0px; border:1px solid #dbdbdb; background-size:17px auto;} .calendar-sel:focus {outline:none; background-color:#eee;} /* 마이페이지 */ /* 상단 고정 정보*/ .mypage_userinfo {overflow:hidden; padding:40px 0; margin-bottom:75px; background:#f2efe9;} .mypage_custom {padding:20px 0; margin-bottom:25px;} .mypage_userinfo .sbox {float:left; /*width:33.333%;*/ padding:0 30px; } .mypage_userinfo .sbox h3 {margin-bottom:20px; font-size:0.93rem; color:#666; } .mypage_userinfo .rating_info {position:relative; width:38%;} .mypage_userinfo .rating_info .rating_txt {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;} .mypage_userinfo .rating_info .rating_txt .rating {display:inline-block; width:30px; height:30px;} .mypage_userinfo .rating_info .rating_txt strong {margin-left:10px; font-size:1.2em; font-weight:700;} .mypage_userinfo .rating_info .more_btn {position:absolute; right:30px; bottom:2px; display:inline-block; padding:3px 9px; font-size:14px; color:#888; border:1px solid #888;} .mypage_userinfo .coupon_info{width:24%; border-left:1px solid #dbdbdb;} .mypage_userinfo .point_info {width:38%; border-left:1px solid #dbdbdb;} .mypage_userinfo .coupon_info a, .mypage_userinfo .point_info a {position:relative; display:block;} .mypage_userinfo .coupon_info a::after, .mypage_userinfo .point_info a::after {position:absolute; right:0px; bottom:2px; content:""; display:inline-block; width:9px; height:16px; background:url('/booknavi/user/img/mypage/mypage_arrow-46ef58626fab9a96b40e4cb213626233.png') no-repeat center center; background-size:100% auto;} .mypage_userinfo .coupon_info .data strong, .mypage_userinfo .point_info .data strong {font-size:1.3em; font-weight:700; line-height:1.0;} .mypage_userinfo .point_info .data strong:nth-child(2) { font-size:1.03em !important; } .mypage_userinfo .coupon_info .data span, .mypage_userinfo .point_info .data span {font-size:1.06em; line-height:1.0;} /* 공통 검색 형식*/ .mypage_searchbox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; position:relative; background:#fafafa; border:1px solid #dbdbdb; padding:22px 30px; margin-bottom:25px;} .mypage_searchbox h3 {font-weight:700; margin-right:20px;} .mypage_searchbox .period_tab {padding-top:10px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;} .mypage_searchbox .period_tab ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; border:1px solid #dbdbdb;} .mypage_searchbox .period_tab ul li {border-right:1px solid #dbdbdb;} .mypage_searchbox .period_tab ul li:last-child {border-right:none;} .mypage_searchbox .period_tab ul li a {display:inline-block; font-size:12px; color:#666; width:70px; line-height:30px; text-align:center; background:#fff;} .mypage_searchbox .period_tab ul li a.active {border:1px solid #282828;} .mypage_searchbox .period_search {padding-top:10px; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;} .mypage_searchbox .period_search .calendar-selbox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;} .mypage_searchbox .period_search .calendar-selbox label {position: absolute!important;width: 1px!important;height: 1px!important;padding: 0!important;margin: -1px!important;overflow: hidden!important;clip: rect(0,0,0,0)!important;white-space: nowrap!important;} .mypage_searchbox .period_search .calendar-selbox .calendar-sel {font-size:13px; color:#666; width:120px; } .mypage_searchbox .ebook_search {padding-top:10px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;} .mypage_searchbox .ebook_search .ebook-selbox label {position: absolute!important;width: 1px!important;height: 1px!important;padding: 0!important;margin: -1px!important;overflow: hidden!important;clip: rect(0,0,0,0)!important;white-space: nowrap!important;} .mypage_searchbox .ebook_search .ebook-selbox {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center;} .mylibrary_list {margin-bottom:50px;} .mylibrary_list .board-header .mylibrary_info button {border:none; background:none;} /* 채널만들기 도서 선택 목록 */ .checkbooks_list {margin-top:20px; padding:20px 25px; background:#f5f5f5;} .checkbooks_list h5 {padding-bottom:10px; margin-bottom:10px; font-size:0.83em; font-weight:700; border-bottom:1px solid #ccc;} .checkbooks_list .list {font-size:0.93em;} /* 로그인 & 회원가입 */ .member-area {overflow:hidden; position:relative; margin:60px 0; } .member-area.register{overflow:initial; padding-bottom: 50px;} .member-area .conTit {padding-bottom:15px; border-bottom:1px solid #dbdbdb;} .member-area h2.big_title {margin-bottom:20px; font-size:1.33em; font-weight:700; text-align:center;} .member-area h2.big_title2 {margin-bottom:0px; letter-spacing:-0.05em; font-size:2.0em; font-weight:700; text-align:center;} .member-area .small_txt_exp {margin-bottom:50px; text-align:center; color:#666;} .member-area .join_step {position:absolute; right:0px; top:10px;} .member-area .join_step li {position:relative; float:left; padding:5px 10px; font-size:0.93em; font-weight:300; color:#666; line-height:1.0;} .member-area .join_step li.active {font-weight:500; color:#000;} .member-area .join_step li:after {position:absolute; right:-4px; top:7px; content:""; display:inline-block; width:7px; height:12px; background:url('/booknavi/user/img/layout/nav_arrow_r-947157038c32cf2489b4732d7000ba65.png') no-repeat center center; background-size:100% auto; } .member-area .join_step li:last-child {padding:5px 0px 5px 10px;} .member-area .join_step li:last-child:after {display:none;} #loginForm {max-width:400px;} #forgetForm {max-width:500px;} .page-form {margin:0px auto; } .page-form .form-login {padding:80px 0;} .page-form .form-type {width:100%; margin-top:10px; padding:14px 15px; border:none; font-weight:400; border:1px solid #dbdbdb; } .page-form .checkbox_con {padding:30px 0 20px 0;} .page-form .btn_area {margin-bottom:10px; } .page-form .loginbox_btn {display:block; width:100%; margin-bottom:10px; font-size:1.06em; line-height:55px; font-weight:700; color:#fff; text-align:center; background:#2e324d; border-radius:6px; border:none;} .page-form .joinbox_btn {display:block; font-size:1.06em; line-height:53px; font-weight:700; text-align:center; border:1px solid #dbdbdb; border-radius:6px;} .page-form h3.small_title {margin-bottom:20px; font-weight:300; text-align:center;} /*.member_login_box {padding-bottom:35px; margin-bottom:35px; border-bottom:1px solid #ddd;}*/ .sns_login {margin-bottom:15px;} .sns_login li {margin-bottom:10px;} .sns_login li a {display:block; padding:14px 15px 0px 15px; font-size:1.06em; text-align:center; height:55px; border-radius:6px; } .sns_login li a.sns1 {background:#fbe300 url("/booknavi/user/img/mypage/sns_kakao-421778bf2f3c1c1dcffda9d762ddb3d6.png") no-repeat 15px center; background-size:55px auto;} .sns_login li a.sns2 {color:#fff; background:#3b5998 url("/booknavi/user/img/mypage/sns_facebook-8fc12fce220ad5909972904e65558b08.png") no-repeat 15px center; background-size:55px auto;} .sns_login li a.sns3 {color:#fff; background:#00c73c url("/booknavi/user/img/mypage/sns_naver-e3def6783d9ab111b343c464dae2dc6b.png") no-repeat 15px center; background-size:55px auto;} .sns_login li a.sns4 {color:#fff; background:#000000 url("./../img/mypage/applelogo.png") no-repeat 15px center; background-size:55px auto;} .text_btns {position:relative; text-align:center;} .text_btns li {position:relative; display:inline-block; padding:0 13px; } .text_btns li:after {position:absolute; right:0px; top:8px; content:""; display:block; width:1px; height:12px; background-color:#ccc;} .text_btns li:last-child:after {display:none;} .text_btns li a {font-size:0.93em; color:#666; font-weight:300;} .membertype_btns {padding: 70px 140px 0 140px;} .membertype_btns h2.big_title {margin-bottom:5px; } .membertype_btns ul {overflow:hidden; position:relative; margin:0 -10px;} .membertype_btns li {float: left; width:33%; padding:0 10px;} .membertype_btns li div {padding:50px 30px 20px 30px; text-align:center; border:1px solid #dbdbdb; } .membertype_btns li div h4 {margin-bottom:50px; font-size:19px; font-weight:500;} .membertype_btns li div h4:before {content: " "; display: block; width:66px; height:85px; margin:0 auto 5px auto; } .membertype_btns li:nth-child(1) div h4::before {background:url("/booknavi/user/img/mypage/join_pic1-9e93a6b2bab793a36b87195d04db155e.png") no-repeat; background-size: 100% auto;} .membertype_btns li:nth-child(2) div h4::before {background:url("/booknavi/user/img/mypage/join_pic2-78eaa2bbe4809f1aed0dbd73d765873b.png") no-repeat; background-size: 100% auto;} .membertype_btns li:nth-child(3) div h4::before {background:url("/booknavi/user/img/mypage/join_pic1-9e93a6b2bab793a36b87195d04db155e.png") no-repeat; background-size: 100% auto;} .membertype_btns li div p {margin-bottom:30px; line-height:1.3em; word-break:keep-all;} .membertype_btns li button {display:block; width:100%; padding:13px 23px; font-size: 1.06em; letter-spacing:-0.05em; background:#fff; border:1px solid #dbdbdb; border-radius: 6px;} .membertype_btns li:hover div {border-color:#2e324d;} .membertype_btns li:hover button {color:#fff; border-color:#2e324d; background:#2e324d;} .form-join {clear:both; position:relative; padding:40px 0 0 0;} .form-join .checkbox_con {margin-bottom:20px; } .form-join .checkbox_con .agree-tit {overflow:hidden; padding:19px 20px; background:#fafafa; border:1px solid #dbdbdb;} .form-join .checkbox_con .agree-tit h4 {float:left; font-size:1.26em; font-weight: 500; color:#0f60ca; } .form-join .checkbox_con .agree-tit .checkbox_blue {float:right; } .form-join .checkbox_con .agree-tit .checkbox_blue label {font-size:1.06em;} .form-join .checkbox_con .agree-tit .checkbox_type {float:left} .form-join .checkbox_con .agree-tit .btn {float:right; display:inline-block;} .form-join .checkbox_con .agree-scroll {overflow-x: hidden; overflow-y: auto; padding:25px 30px; border:1px solid #dbdbdb; border-top:none;} .form-join .checkbox_con .agree-scroll.type1 {height:190px;} .form-join .checkbox_all {overflow:hidden; position:relative; padding-bottom:20px;} .form-join .checkbox_all .exp_txt {float:left; font-size:1.06em;} .form-join .parent_tabs { margin-bottom:150px; position:relative;} .form-join .parent_tabs .tab { float: left; padding: 10px 0; width: 33.3%; } .form-join .parent_tabs .tab label { /* 탭 헤더 */ position: relative; background: #eee; width: 100%; padding: 8px 20px; border: 1px solid #ccc; text-align: center; } .form-join .parent_tabs .tab [type="radio"] { display: none; } .form-join .parent_tabs .tab .content { /* 탭 컨텐츠 */ display: none; position: absolute; background: white; /*top: 39px; 탭 헤더 아래쪽으로 위치 이동 */ left: 0; right: 0; padding: 0; box-sizing: border-box; border: 1px solid #ccc; } .form-join .parent_tabs .tab .content .bottom_btn{ /* 탭 컨텐츠 */ padding: 30px 0; } .form-join .parent_tabs .tab .content .bottom_btn ul.center_btn{ /* 탭 컨텐츠 */ text-align: center; } .form-join .parent_tabs .tab [type="radio"]:checked ~ label { background: white; border-bottom: 1px solid white; z-index: 2; /* 선택한 탭 헤더를 앞으로 옮겨 컨텐츠 테두리 선에 가려지지 않도록 처리 */ } .form-join .parent_tabs .tab [type="radio"]:checked + label + .content { z-index: 1; display: block; } /* 약관 */ .terms_txt {} .terms_txt h3 {padding-top:20px; margin:0 0 25px 0; font-size:1.2em; font-weight:500; color:#000;} .terms_txt h5 {padding-top:10px; margin-bottom:10px; font-size:1.06em; font-weight:500; color:#000;} .terms_txt p {margin-bottom:20px; font-size:0.93em;} .terms_txt ul {margin-bottom:20px;} .terms_txt>ul>li {padding:0 0 0 10px; margin-bottom:7px; font-size:0.93em; line-height:1.3em; background:url('/booknavi/user/img/guide/bu_dot-b110a05625de12ebdb41f3c9d1989ed9.png') no-repeat left 8px;} .terms_txt>ul>li>ul {margin:10px 0;} .terms_txt>ul>li>ul>li {padding-left:10px; margin-bottom:10px; color:#666; font-size:0.93rem; font-weight:300; background:url('/booknavi/user/img/guide/bu_bar-2aea904adc6f97d9ce15305b57a450de.png') no-repeat left 8px;} .terms_txt>ul>li>ul>li>ol {margin:10px 0;} .terms_txt>ul>li>ul>li>ol>li {padding:0 0 0 10px; margin-bottom:7px; color:#666; font-size:0.93rem; font-weight:300; background:url('/booknavi/user/img/guide/li_dot-2240887eb6a9d4c76ef88ca103ae352c.png') no-repeat left 9px;} .terms_txt>ul>li>ol {margin:10px 0;} .terms_txt>ul>li>ol>li {padding:0 0 0 10px; margin-bottom:7px; color:#666; font-size:0.93rem; font-weight:300; background:url('/booknavi/user/img/guide/li_dot-2240887eb6a9d4c76ef88ca103ae352c.png') no-repeat left 9px;} .terms_txt .ps01 {padding-top:10px; margin-bottom:10px; font-weight:500; color:#666; } .terms_txt>ol {margin:10px 0;} .terms_txt>ol>li {padding:0 0 0 10px; margin-bottom:7px; color:#666; font-size:0.93rem; font-weight:300; background:url('/booknavi/user/img/guide/li_dot-2240887eb6a9d4c76ef88ca103ae352c.png') no-repeat left 9px;} .terms_txt li.no_order {padding:0 0; background:none;} .terms_txt dl {margin-bottom:15px; } .terms_txt dl dt h4 {font-size:1.06em; font-weight:500; color:#000} .terms_txt dl dd h5 {font-size:0.93rem;} .terms_txt dl dt {margin-bottom:10px; } .terms_txt dl dd {padding:0 0 10px 20px;} .terms_txt dl dd ol li {padding:0 0 0 10px; margin-bottom:7px; color:#666; font-size:0.93rem; font-weight:300; background:url('/booknavi/user/img/guide/li_dot-2240887eb6a9d4c76ef88ca103ae352c.png') no-repeat left 9px;} .join-end {position:relative; padding:110px 0 10px 0; } .join-end dl dt {padding:140px 0 10px 0; font-size:2.0em; font-weight: 700; text-align:center; word-break:keep-all; background:url("/booknavi/user/img/mypage/joinok_img-fae4e91520a552374a58d0a762eb3b92.png") no-repeat center top; } .join-end dl dd {line-height:1.4em; text-align:center;} .guide p { font-size:12pt; text-align:justify; line-height:30px;} .dot { text-indent: -1.15em; margin-left: 1.15em; } .won { text-indent: -1.37em; margin-left: 1.37em; } .onetwo { text-indent: -1.22em; margin-left: 1.22em; } .ganada { text-indent: -1.58em; margin-left: 3.03em; } .dash { text-indent: -0.71em; margin-left: 2.15em; } .jo { font:size:14pt; font-weight:bold; margin-top:25px; } .jang { font-size:16pt; font-weight:bold; } .ml { margin-left:18px; } .number-title { font:size:14pt; margin-top:25px; } /* 아이디/비밀번호 찾기 */ .forgetidpass_box {} .forgetidpass_box .linetab-menu {padding-bottom:40px;} .forgetidpass_box .linetab-menu ul{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between; border:1px solid #dbdbdb;} .forgetidpass_box .linetab-menu ul li {width:50%; border-right:1px solid #dbdbdb;} .forgetidpass_box .linetab-menu ul li:last-child {border-right:none;} .forgetidpass_box .linetab-menu ul li a {display:block; line-height:48px; text-align:center; border:1px solid #f2f2f2; background:#f2f2f2;} .forgetidpass_box .linetab-menu ul li a.active {border:1px solid #282828; background:#fff;} .forgetidpass_box .exp_txt {margin-bottom:20px; color:#666;} .forgetidpass_box .forgetfind-type {} .forgetidpass_box .forgetfind-type li {margin-bottom:10px; padding:20px 20px; border:1px solid #dbdbdb; cursor:pointer;} .forgetidpass_box .forgetfind-type .link {position:relative; } .forgetidpass_box .forgetfind-type .link .pic {display:inline-block; width:20px; height:20px; margin-right:5px; vertical-align:middle;} .forgetidpass_box .forgetfind-type .link .pic.pic1 {background:url('/booknavi/user/img/mypage/forget_pic1-f53e01e92dcc4e03d0d186e641d91ac6.png') no-repeat center center; background-size:100% auto;} .forgetidpass_box .forgetfind-type .link .pic.pic2 {background:url('/booknavi/user/img/mypage/forget_pic2-84ef983f5ddfe9ab521826c51cb13e69.png') no-repeat center center; background-size:100% auto;} .forgetidpass_box .forgetfind-type .link .arrow {position:absolute; right:0px; top:10px; display:inline-block; width:14px; height:9px; background:url('/booknavi/user/img/mypage/down_arrow_g-86dfad9ebc7bd985ff6333f2bf9c4bf9.png') no-repeat center center; background-size:100% auto; } .forgetidpass_box .forgetfind-type .open .link .arrow {-webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } .forgetidpass_box .forgetfind-type .downcon {display:none; padding:10px 0 0 0;} .forgetidpass_box .forgetfind-type .open .downcon {display:block;} .forgetidpass_box .forgetfind-type .form-group .control-cons {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; justify-content: space-between; margin:10px 0; } .forgetidpass_box .forgetfind-type .form-group .control-cons .tell_selectbox {width:32%;} .forgetidpass_box .forgetfind-type .form-group .control-cons .tell_input {width:32%;} .forgetidpass_box .forgetfind-type .form-group .form-control {padding: 0.7rem 0.75rem; border-radius:0px; } .forgetidpass_box .forgetfind-type .form-group .form-select {padding: 0.7rem 2.25rem 0.7rem 0.75rem; -moz-padding-start: calc(0.75rem - 3px); border-radius:0px; } .forgetidpass_box .forgetfind-type .btn_area {padding-top:10px; } /* 회원등급 */ .rating_info .rating.rating1 {background:url('/booknavi/user/img/mypage/user_rating1-8a7ec22f1c2287ac984d032844bac2fc.png') no-repeat center center; background-size:100% auto;} .rating_info .rating.rating2 {background:url('/booknavi/user/img/mypage/user_rating2-e0aee51920defeb29c987f796ed6c8c6.png') no-repeat center center; background-size:100% auto;} .rating_info .rating.rating3 {background:url('/booknavi/user/img/mypage/user_rating3-9f0e440dde04afbccf4e68c8ef4b165e.png') no-repeat center center; background-size:100% auto;} .rating_info .rating.rating4 {background:url('/booknavi/user/img/mypage/user_rating4-044ff8e496372b74919d1a0d47865a8d.png') no-repeat center center; background-size:100% auto;} .myrating_box {padding:20px 40px; margin-bottom:30px; border:1px solid #dbdbdb;} .myrating_box .rating_info {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center;} .myrating_box .rating_info .rating {display:inline-block; width:60px; height:60px; margin-right:30px; } .myrating_box .rating_info .info .txt {font-size:1.2em; font-weight:700;} .myrating_box .rating_info .info.rating1 strong{color:#9abc69;} .myrating_box .rating_info .info.rating2 strong{color:#439183;} .myrating_box .rating_info .info.rating3 strong{color:#39805c;} .myrating_box .rating_info .info.rating4 strong{color:#32453b;} .myrating_box .rating_info .info .stxt {font-size:0.93em; color:#666; font-weight:300;} /* 마이페이지 - 회원혜택 */ .table.defalut-table thead th .rating_info .rating {display:inline-block; width:60px; height:60px; margin-bottom:10px; } .table.defalut-table thead th .rating_info strong {display:block; } .newmember-benefit {position:relative; padding:20px 0 0 0;} .newmember-benefit .newmember-coupon {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding:10px 0 0 0; } .newmember-benefit .newmember-coupon .coupon_box {width:100%; padding:55px 55px; background:#f8f8f8; border-radius:20px; } .newmember-benefit .newmember-coupon .coupon_box .sbox {width:271px; margin:0 auto;} .newmember-benefit .newmember-coupon .coupon_box h4 {margin-bottom:20px; font-size:1.2em; font-weight:500; text-align:center; } .newmember-benefit .newmember-coupon .coupon_box .coupon_ui {height:138px; padding:40px 0 0 40px; margin-bottom:15px; } .newmember-benefit .newmember-coupon .coupon_box .coupon_ui dt {margin-bottom:10px; font-size:0.93em; color:#fff; font-weight:400; line-height:1.0;} .newmember-benefit .newmember-coupon .coupon_box .coupon_ui dd {color:#fff; line-height:1.0;} .newmember-benefit .newmember-coupon .coupon_box .coupon_ui dd strong {font-size:2.333em; font-weight:700;} .newmember-benefit .newmember-coupon .coupon_box .coupon_ui dd span {font-size:0.93em; font-weight:300;} .coupon_box .coupon_ui.green_bg {background:url('/booknavi/user/img/mypage/coupon_bg1-ce27cbdd5e97956b5d7b242eb1006363.png') no-repeat center center; background-size:100% auto;} .coupon_box .coupon_ui.orange_bg {background:url('/booknavi/user/img/mypage/coupon_bg2-1f770105f7eb4805fabe2175f3b22b6d.png') no-repeat center center; background-size:100% auto;} .newmember-benefit .newmember-coupon .plus {padding:0 10px; text-align:center; font-size:2.0em; } /* 코인 충전 */ .payment_type {padding:30px 90px; margin-bottom:40px; border:1px solid #dbdbdb;} .payment_type ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; justify-content: space-between; } .payment_type ul li span {display:inline-block; vertical-align:middle;} .payment_type .naver {overflow:hidden; width:79px; height:20px; background:url('/booknavi/user/img/mypage/naver_pay-3ce4af5b36df259049ff1876610d3a65.png') no-repeat center center; background-size:100% auto; text-indent:-9999em; } .payment_type .kakao {overflow:hidden; width:48px; height:20px; background:url('/booknavi/user/img/mypage/kakao_pay-b08d20549af5175efb0f199f302da2d2.png') no-repeat center center; background-size:100% auto; text-indent:-9999em; } .payment_type .radio_grey input[type="radio"] {} .payment_type .radio_grey label {margin-right:0px;} .payment_type .radio_grey label:before {top:8px;} .payment_agree {padding:10px 0 20px 0; text-align:center; } .payment_agree .checkbox_type {display:inline-block;} /* 장바구니 */ .cart-info {position:relative; float:right; width:25%;} .cart-info .cart-con {margin-bottom:10px; border:1px solid #2e324d; } .cart-info .cart-con .box1 {padding:25px 30px 15px 30px;} .cart-info .cart-con .box1 .product_count {margin-bottom:20px; } .cart-info .cart-con .box1 .product_count strong {color:#ff4500;} .cart-info .cart-con .box1 .point_detail{text-align: right;color: #666;font-weight: 300;word-break: break-all;display: block;font-size:14px} .cart-info .cart-con .box1 dl {display:table; width:100%; font-size:0.93em; } .cart-info .cart-con .box1 dl dt {display:table-cell; width:50%; padding:7px 0;} .cart-info .cart-con .box1 dl dd {display:table-cell; width:50%; padding:7px 0; text-align:right; color:#666; font-weight:300;} .cart-info .cart-con .box2 {padding:20px 30px; background:#f2f2f2;} .cart-info .cart-con .box2 dl {display:table; width:100%; font-size:0.93em; } .cart-info .cart-con .box2 dl dt {display:table-cell; width:40%; } .cart-info .cart-con .box2 dl dd {display:table-cell; width:60%; text-align:right; color:#666; font-weight:300;} .cart-info .cart-con .box2 dl dd strong {font-size:1.2rem; color:#ff4500; font-weight:700;} .cart-info .buy_agree {padding:5px 0 25px 0;} .cart-info .conTit2 {position:absolute; top:-51px; left:0;} .cart-list {float:left; width:71%;} .cart-list div.board {margin-bottom:20px;} .cart-list .cart-header {padding-bottom:10px; display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between;} .cart-list .cart-header .checkbox_grey2 label {vertical-align: baseline; } .cart-list .cart-footer {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: space-between;} .cart-list .cart-footer .checkbox_grey2 label {vertical-align: baseline; } .culturededuct-info {position:relative; padding:20px; margin-bottom:20px; background-color:#f8f8f8; border-radius:15px; } .culturededuct-info h4 {margin-bottom:10px; } .culturededuct-info .info_btn {font-size:1.13em; color:#1f8ce6; line-height:1.0; border:none; background:none;} .culturededuct-info p {margin-bottom:0px; letter-spacing:-0.05em; } /* 결제 완료*/ .payment-end {position:relative; padding:0px 0 40px 0; } .payment-end dl dt {padding:110px 0 10px 0; font-size:2.0em; font-weight: 700; text-align:center; word-break:keep-all; background:url("/booknavi/user/img/mypage/joinok_img-fae4e91520a552374a58d0a762eb3b92.png") no-repeat center top; background-size:79px auto;} .payment-end dl dd {line-height:1.4em; text-align:center;} .member-area .table.row-table.buyend th {width:180px;} /* 서비스 소개 */ .serviecinfo-tit {margin-bottom:50px; padding:11rem 0 9rem 10rem; background:url("/booknavi/user/img/contents/servieifon_bg-f536c246982b8b091501a31486a582d8.png") no-repeat left top; background-size:cover;} .serviecinfo-tit h3 {font-family: 'SpoqaHanSansNeo-Bold'; font-size:2.533em; color:#000;} .serviecinfo-tit p {white-space:pre-line; color:#666;} .serviecinfo-img {margin-top:50px; padding:65px 15px; text-align:center; border-radius:15px; background:#f8f8f8;} /*.serviecinfo-img p {overflow:hidden; display:inline-block; width:849px; height:334px; background:url("/user/img/contents/servieifon_img_pc-7d4bd66529d30c2e5952473358e6c182.png") no-repeat left top; background-size:100% auto; text-indent:-9999em;}*/ .serviecinfo-img .pc {} .serviecinfo-img .mobi {display:none;} .serviecinfo-img .img_box {position:relative; display:inline-block;} .serviecinfo-img .img_text {position:absolute;} .serviecinfo-img .img_text.type1 {font-family: 'SpoqaHanSansNeo-Bold'; font-size: 1.3em; color: #000; letter-spacing: -1px;} .serviecinfo-img .img_text dt {color:#000; font-size: 1.1em; font-weight: 700;} .serviecinfo-img .img_text dd {color:#666; font-size: 0.9em;} .serviecinfo-img .pc .img_text.type1 {top: 58%; left: 35.4%; width: 35%;} .serviecinfo-img .pc .img_text.type2 {top: 25%; left: 4.6%;} .serviecinfo-img .pc .img_text.type3 {top: 86%; left: 4.8%;} .serviecinfo-img .pc .img_text.type4 {top: 59%; left: 92.5%;} .serviecinfo-img .mobi .img_text.type1 {top: 55.5%; left: 7.3%; width: 80%;} .serviecinfo-img .mobi .img_text.type2 {top: 11.5%; left: 6.6%;} .serviecinfo-img .mobi .img_text.type3 {top: 11.5%; left: 53%;} .serviecinfo-img .mobi .img_text.type4 {top: 97%; left: 40.5%;} @media (max-width:400px){ .serviecinfo-img .img_box {font-size:4vw;} } .siteuse-exp {padding:20px 0 0 0;} .imgexp_con {padding:10px 0 30px 0;} #main-event-visual {padding: 55px 0 50px; background-color: #eef3ec; text-align:center;} #main-event-visual h2 {margin-bottom:35px; font-size: 3em; font-weight: 700;} #main-event-visual .sub_tit {margin-bottom:35px; font-size: 1.25em; color:#3d3d3f;line-height:28px} #main-event-visual .sub_tit span {font-weight:700; color:#000;} #main-event-visual .book_price, #main-event-visual .sub_tit span.book_price {color: #ff4500;} #main-event-visual .m-e_box_area {display:flex; justify-content: space-between; margin-bottom:40px;} #main-event-visual .m-e_box_area div {padding: 30px 30px 0 30px; border-radius: 20px;} #main-event-visual .m-e_box_area p {margin-bottom:25px; font-size: 1.25em; font-weight: 700;} #main-event-visual .m-e_box_area p.mt-3 {font-size:1em; font-weight:400;} #main-event-visual .m-e_left_box {width:calc(66% - 20px); background-color:#ffdd57;} #main-event-visual .m-e_left_box li {width:calc(100% / 4 - 7.5px); } #main-event-visual .m-e_right_box {width:34%; background-color:#fff;} #main-event-visual .m-e_right_box li {width:calc(100% / 2 - 6.6px); } #main-event-visual .m-e_box_area ul {display: flex; justify-content: center;} #main-event-visual .m-e_box_area li {height:237px; background-color:#fff; margin-right:10px;} #main-event-visual .m-e_box_area ul li :nth-last-child(1) {margin:0;} #main-event-visual .m-e_box_area img {width:100%; height:100%; border: 1px solid #dbdbdb;} #main-event-visual .m-e_btn a{display: block; margin:0 auto; width:300px; line-height:50px; border-radius:35px; text-align:center; color:#fff; background-color:#2e324d; font-size: 1.1em; font-weight: 400;} @media (max-width: 1200px){ #main-event-visual .m-e_box_area li {height:200px;} } @media (max-width: 992px){ #main-event-visual h2 {font-size: 2.5em;} #main-event-visual .sub_tit, #main-event-visual .m-e_box_area p, #main-event-visual .m-e_btn a {font-size: 1.1em;} #main-event-visual .m-e_box_area li {height:19vw;} #main-event-visual .m-e_btn a {height:50px; border-radius:30px;} } @media (max-width: 768px){ #main-event-visual .m-e_box_area {display: block;} #main-event-visual .m-e_box_area div {padding: 15px;} #main-event-visual .m-e_left_box {width:100%; margin-bottom:20px;} #main-event-visual .m-e_right_box {width:100%} #main-event-visual .m-e_right_box li {width:calc(100% / 4 - 6.6px); } #main-event-visual .m-e_box_area li {height:29vw;} #main-event-visual h2 {margin-bottom:35px; font-size: 2.1em; font-weight: 600;} #main-event-visual .sub_tit { font-size:1em; } } @media (max-width: 576px){ #main-event-visual h2 {margin-bottom:35px; font-size: 1.7em; font-weight: 600;} #main-event-visual .sub_tit { font-size:1em; } }