/* sub section 공통 */ .b_sub_sec{padding:120px 0; overflow:hidden;} .b_sub_sec .b_tit_txt{margin-bottom: 45px; text-align: center;} .b_sub_sec .b_cont_box{margin-top: 40px; } .b_sub_sec .b_tab_tit{display: flex; align-items: center; flex-wrap: wrap ; justify-content: center;} .b_sub_sec .b_tab_tit li{border-radius: 40px; border:1px solid #bec2cc; padding:20px 25px; color:#69738a; margin-right: 15px; cursor: pointer;} .b_sub_sec .b_tab_tit li:last-child{margin-right: 0px;} .b_sub_sec .b_tab_tit li.on{background-color: #000000; color:#fff;border-color: #000000;} @media screen and (max-width:1080px){ .b_sub_sec{padding:100px 0;} .b_sub_sec .b_tab_tit li{padding: 15px 20px; margin-right: 7px; margin-bottom: 10px;} } @media screen and (max-width:720px){ .b_sub_sec{padding:80px 0;} .b_sub_sec .b_tit_txt {margin-bottom: 20px;} .b_sub_sec .b_cont_box {margin-top: 20px;} } @media screen and (max-width:460px){ .b_sub_sec .b_tab_tit li {padding: 10px 15px; margin-right: 5px; margin-bottom: 10px;} } /*--- 서비스소개 > 상단 비주얼 섹션 ---*/ .b_svc_01{background-color:#f9fbff; padding:150px 0; overflow: hidden;} .b_svc_01 .b_tit_box {text-align: center;} .b_svc_01 .b_tit_box h2{margin-top: 30px;} .b_svc_01 .b_cont_box{margin-top: 70px; position:relative; height:570px;} .b_svc_01 .b_guide_list{display: flex; position:absolute; left:10%; top:0; align-items: flex-start; animation-name: svc_motion; animation-duration: 23s; animation-timing-function: linear; animation-iteration-count: infinite; animation-fill-mode:backwards;} .b_svc_01 .b_guide_list li{border-radius:15px; color:#fff; padding:35px 45px; margin-right:100px;} .b_svc_01 .b_guide_list li.box_01{background-color: #111111; width:380px; margin-top: 80px;} .b_svc_01 .b_guide_list li.box_02{padding:0; position:relative;} .b_svc_01 .b_guide_list li.box_02 .b_link_wrap{display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .b_svc_01 .b_guide_list li.box_02 figure{border-radius:15px; overflow: hidden;} .b_svc_01 .b_guide_list li.box_02 figure img{display: block;} .b_svc_01 .b_guide_list li.box_02 .b_big_link{width: 120px; aspect-ratio: 1/1; background-color: #0048ff; display: flex; justify-content: center; align-items: center; border-radius: 50%; position: absolute; right: -50px; top: -50px;} .b_svc_01 .b_guide_list li.box_02 .b_big_link .b_txt_img{position: absolute; left: 50%;; top: 50%; transform: translate(-50%,-50%); animation-name: txt_motion; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite; animation-fill-mode:backwards ;} .b_svc_01 .b_guide_list li.box_03{background-color: #111111; width:380px; margin-top: 215px;} .b_svc_01 .b_guide_list li.box_04{background-color: #0048ff; width:380px; padding-bottom:140px; margin-top: 30px;} @keyframes txt_motion{ 0%{ transform:translate(-50%,-50%) rotate(0); }100%{ transform:translate(-50%,-50%) rotate(540deg); } } @keyframes svc_motion{ 0%{ left:10%; }100%{ left:-120%; } } @media screen and (max-width:1280px){ .b_svc_01 .b_cont_box{height: 385px;} .b_svc_01 .b_guide_list{animation-duration: 15s;} .b_svc_01 .b_guide_list li{margin-right: 70px; padding:30px; } .b_svc_01 .b_guide_list li.box_01{width: 250px; margin-top: 85px;} .b_svc_01 .b_guide_list li.box_02 figure img{width: 300px;} .b_svc_01 .b_guide_list li.box_03{width: 250px; margin-top: 145px;} .b_svc_01 .b_guide_list li.box_04{width: 250px; padding-bottom:30px;} .b_svc_01 .b_guide_list li.box_02 .b_big_link {width: 100px; right: -20px; top: -40px;} .b_svc_01 .b_guide_list li.box_02 .b_big_link .b_arw_img{width:22px;} .b_svc_01 .b_guide_list li.box_02 .b_big_link .b_txt_img{width: 87%;} } @media screen and (max-width:1080px){ .b_svc_01 {padding:100px 0} .b_svc_01 .b_guide_list li{margin-right: 40px;} } @media screen and (max-width:720px){ .b_svc_01 .b_tit_box h2{margin-top: 15px;} .b_svc_01 .b_cont_box {height: 320px;} .b_svc_01 .b_guide_list{animation-duration: 10s;} .b_svc_01 .b_guide_list li{margin-right: 50px; padding:25px; border-radius: 10px;} .b_svc_01 .b_guide_list li.box_01{width: 200px; margin-top: 45px;} .b_svc_01 .b_guide_list li.box_03{width: 200px; margin-top: 105px;} .b_svc_01 .b_guide_list li.box_04{width: 200px;} .b_svc_01 .b_guide_list li.box_02 figure img {width: 250px;} .b_svc_01 .b_guide_list li.box_02 .b_big_link {width: 80px; top:-30px; right: -30px;} .b_svc_01 .b_guide_list li.box_02 .b_big_link .b_arw_img{width:15px;} } /* 서비스소개 > 템플릿 무료 제작범위 */ .b_svc_02 .b_cont_box{ background-color: #f9fbff; border-radius: 20px;} .b_svc_02 .b_tab_box{width: 100%; display: none;} .b_svc_02 .b_tab_box#sec02_tab_01 {display: block;} .b_svc_02 .b_tab_box .b_tab_wrap{padding:45px 30px; display: flex; align-items: flex-start;} .b_svc_02 .b_tab_wrap > div{width: 50%; } .b_svc_02 .b_tab_box .b_img_box{display: flex; justify-content: flex-end;} .b_svc_02 .b_tab_box .b_txt_box{margin-left: 5%;} .b_svc_02 .b_tab_box figure img{display: block; max-width: 100%;} .b_svc_02 .b_tab_box .b_info_list {margin-top: 10px} .b_svc_02 .b_tab_box .b_info_list li{margin-bottom: 30px;} .b_svc_02 .b_tab_box .b_info_list li:last-child{margin-bottom: 0px;} .b_svc_02 .b_tab_box .b_info_list li .b_tit_num{display: flex;align-items: center; color: #0048ff;} .b_svc_02 .b_tab_box .b_info_list li .b_tit_num .b_num{display: flex; border-radius: 50%; background-color: #0048ff; color:#fff; width: 25px; aspect-ratio: 1/1; justify-content: center; align-items: center; margin-right: 10px;} .b_svc_02 .b_tab_box .b_info_list li .b_cont_txt{margin-left: 35px; line-height: 1.5; margin-top: 8px;} .b_svc_02 .b_tab_box .b_info_list li .b_alert_txt{color:#8a8a8a;} @media screen and (max-width:980px){ .b_svc_02 .b_tab_box .b_tab_wrap{flex-wrap: wrap;} .b_svc_02 .b_tab_wrap > div {width: 100%;} .b_svc_02 .b_tab_box .b_txt_box {margin-left: 0;} .b_svc_02 .b_tab_box .b_img_box{justify-content: center; margin-bottom: 50px;} .b_svc_02 .b_tab_box figure img{max-width: 400px; width: 100%;} } @media screen and (max-width:720px){ .b_svc_02 .b_tab_box .b_img_box{margin-bottom: 30px;} .b_svc_02 .b_tab_box .b_info_list li {margin-bottom: 18px;} .b_svc_02 .b_tab_box .b_info_list li .b_tit_num .b_num{width:20px;} } /* 서비스소개 > 관리자모드 */ .b_svc_03 .b_tab_box{width: 100%; display: none;} .b_svc_03 .b_tab_box#sec03_tab_01 {display: block;} .b_svc_03 .b_tab_box .b_tab_wrap{padding:45px 30px; display: flex; align-items: center;} .b_svc_03 .b_tab_wrap > div{width: 50%;} .b_svc_03 .b_tab_box .b_img_box{display: flex; justify-content: center;} .b_svc_03 .b_tab_box figure{border-radius: 20px; box-shadow: 0 8px 38px rgba(0,0,0,.1); overflow: hidden;} .b_svc_03 .b_tab_box figure img{display: block; max-width: 100%;} .b_svc_03 .b_tab_box .b_txt_box{margin-left: 5%;} .b_svc_03 .b_tab_box .b_txt_box > p{margin: 30px 0; line-height: 1.4;} .b_svc_03 .b_tab_box .b_txt_box span{line-height: 1.4;} @media screen and (max-width:1080px){ .b_svc_03 .b_tab_box .b_tab_wrap{padding: 0px;} } @media screen and (max-width:980px){ .b_svc_03 .b_tab_wrap > div {width: 100%;} .b_svc_03 .b_tab_box .b_tab_wrap{flex-wrap: wrap;} .b_svc_03 .b_tab_box .b_txt_box {margin-left: 0;} .b_svc_03 .b_tab_box .b_img_box{margin-bottom: 50px;} .b_svc_03 .b_tab_box figure img{max-width: 600px; width: 100%;} } @media screen and (max-width:720px){ .b_svc_03 .b_tab_box .b_img_box{margin-bottom: 30px;} .b_svc_03 .b_tab_box figure{border-radius: 10px;} .b_svc_03 .b_tab_box .b_txt_box > p {margin: 15px 0;} } /* 서비스소개 > 5단계 프로세스 */ .b_svc_04 .b_cont_box{padding-top:30px;} .b_svc_04 .b_process_list{display: flex; width: 100%;} .b_svc_04 .b_process_list li{border-radius: 50%; width: 20%; aspect-ratio: 1/1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color:#fff; position: relative;} .b_svc_04 .b_process_list li::after{content:''; width: 110%; border-radius: 50%; position:absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); opacity: .9; z-index: -1; aspect-ratio: 1/1; } .b_svc_04 .b_process_list li p{line-height: 1.5;} .b_svc_04 .b_process_list li .b_title{margin: 28px 0;} .b_svc_04 .b_process_list li:nth-child(1):after, .b_svc_04 .b_process_list li:nth-child(5):after{background-color:#0e59f0;} .b_svc_04 .b_process_list li:nth-child(2):after, .b_svc_04 .b_process_list li:nth-child(4):after{background-color:#3678fc;} .b_svc_04 .b_process_list li:nth-child(3):after{background-color:#578eff;} .b_svc_04 .b_process_time{display: flex; align-items: center; margin-top: 60px;} .b_svc_04 .b_process_time li{position: relative;} .b_svc_04 .b_process_time li:nth-child(1){width: 40%; opacity:0;} .b_svc_04 .b_process_time li:nth-child(2){width: 40%; } .b_svc_04 .b_process_time li:nth-child(3){width: 19.5%;} .b_svc_04 .b_process_time li::after{content: ''; width: 1px ; height:17px; background-color: #c5cee9; position:absolute; left:3%; top: 50%; transform: translateY(-50%);} .b_svc_04 .b_process_time li::before{content: ''; width: 1px ; height:17px; background-color: #c5cee9; position:absolute; right:3%; top: 50%; transform: translateY(-50%);} .b_svc_04 .b_process_time li p{text-align: center; position: relative;} .b_svc_04 .b_process_time li p::after{content:''; position:absolute; width:94%; height:1px ; background-color: #c5cee9; left:50%; top: 50%; transform: translate(-50%,-50%);} .b_svc_04 .b_process_time li span{display: block; position: relative; z-index: 1; padding:0 20px; background-color: #fff; width: fit-content; text-align: center; margin:0 auto;} @media screen and (max-width:1080px){ .b_svc_04 .b_process_list li .b_title {margin: 10px 0;} } @media screen and (max-width:930px){ .b_svc_04 .b_cont_box {padding-top: 0;} .b_svc_04 .b_process_list{flex-wrap: wrap; justify-content: center;} .b_svc_04 .b_process_list li{width: 30%; margin-bottom: 20px;} .b_svc_04 .b_process_time{display: none;} } @media screen and (max-width:500px){ .b_svc_04 .b_process_list li {width: 46%;} .b_svc_04 .b_process_list li:last-child{margin-top: -10px;} } /* 서비스소개 > 추천 유형 */ .b_svc_05{background-color: #fafafa;} .b_svc_05 .b_cont_box{display: flex; justify-content: space-between; width: 100% ; height: 430px;} .b_svc_05 .b_cont_box .b_type_box{border-radius: 20px; padding:30px; display: flex; align-items: flex-end; position: relative; overflow: hidden; padding-bottom:60px;} .b_svc_05 .b_cont_box .b_1st_box::after{content: ''; width: 100%; height: 100%; background-color: #0048ff; position:absolute; left: 0; top: 0; opacity: .6;} .b_svc_05 .b_cont_box .b_type_box .b_txt_box{color:#fff; position: relative; z-index: 5;} .b_svc_05 .b_cont_box .b_type_box .b_txt_box span{letter-spacing: 1px; display: block; margin-bottom: 20px; } .b_svc_05 .b_cont_box .b_type_box .b_txt_box p{line-height: 1.4; word-break: keep-all;} .b_svc_05 .b_cont_box .b_type_wrap{width: 66%; display: flex; justify-content: space-between; flex-wrap: wrap; height: 100%;} .b_svc_05 .b_cont_box .b_type_wrap .b_type_box{width: 48.5%; height: 48%; display: flex; justify-content: space-between;} .b_svc_05 .b_cont_box .b_1st_box{width: 32%; background: url(/img/sub_page/sub_02/sec05_img_01.jpg) no-repeat center / cover; height: 100%;} .b_svc_05 .b_cont_box .b_2nd_box{background: url(/img/sub_page/sub_02/sec05_img_02.jpg) no-repeat center / cover; margin-bottom: 2%;} .b_svc_05 .b_cont_box .b_3rd_box{background: url(/img/sub_page/sub_02/sec05_img_03.jpg) no-repeat center / cover; margin-bottom: 2%;} .b_svc_05 .b_cont_box .b_4st_box{background: url(/img/sub_page/sub_02/sec05_img_04.jpg) no-repeat center / cover; } .b_svc_05 .b_cont_box .b_5st_box{background: url(/img/sub_page/sub_02/sec05_img_05.jpg) no-repeat center / cover; } @media screen and (max-width:1080px){ .b_svc_05 .b_cont_box .b_type_box{border-radius: 15px; padding: 20px 25px;} } @media screen and (max-width:760px){ .b_svc_05 .b_cont_box{flex-wrap: wrap; height: unset;} .b_svc_05 .b_cont_box .b_1st_box{width: 100%; margin-bottom: 15px;} .b_svc_05 .b_cont_box .b_type_wrap{width: 100%;} .b_svc_05 .b_cont_box .b_type_box{border-radius: 10px; padding: 20px;} .b_svc_05 .b_cont_box .b_2nd_box{margin-bottom: 15px;} .b_svc_05 .b_cont_box .b_3rd_box{margin-bottom: 15px;} .b_svc_05 .b_cont_box .b_type_box:hover{padding-bottom:20px; transition:.2s;} .b_svc_05 .b_cont_box .b_type_box .b_txt_box span{margin-bottom: 10px;} .b_svc_05 .b_cont_box .b_1st_box{height: 120px;} .b_svc_05 .b_cont_box .b_type_wrap .b_type_box{height: 120px;} } @media screen and (max-width: 460px){ .b_svc_05 .b_cont_box .b_1st_box{align-items: center; } .b_svc_05 .b_cont_box .b_type_wrap .b_type_box{width: 100%; align-items: center;} .b_svc_05 .b_cont_box .b_4st_box{margin-bottom: 15px;} } /* 서비스소개 > 무료 제공 서비스 */ .b_svc_06 .b_free_list{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; } .b_svc_06 .b_free_list li{border-radius: 10px; background-color: #f5f8ff; padding:20px 30px; width: 18.5%; margin-bottom: 20px; position: relative; min-height:180px; transition:background-color .3s;} .b_svc_06 .b_free_list li img{display: block; position:absolute; right:20px; bottom:20px;} .b_svc_06 .b_free_list li p{line-height: 1.5; margin-bottom: 20px; word-break: keep-all;} .b_svc_06 .b_free_list li span{line-height: 1.5;} .b_svc_06 .b_free_list li:hover{background-color: #0048ff; transition:background-color .3s;} .b_svc_06 .b_free_list li:hover p{color:#fff; transition:color .3s;} .b_svc_06 .b_free_list li:hover span{color:#fff; transition:color .3s; } @media screen and (max-width: 1280px){ .b_svc_06 .b_free_list li{padding: 15px 20px;} .b_svc_06 .b_free_list li img{width: 35px;} .b_svc_06 .b_free_list li p{margin-bottom: 15px;} } @media screen and (max-width: 1024px){ .b_svc_06 .b_free_list {justify-content: flex-start; } .b_svc_06 .b_free_list li{width: 23.5%; margin-right: 2%;} .b_svc_06 .b_free_list li:nth-child(4n){margin-right: 0;} } @media screen and (max-width: 860px){ .b_svc_06 .b_free_list li{width: 32%; min-height: 165px; } .b_svc_06 .b_free_list li:nth-child(4n){margin-right: 2%;} .b_svc_06 .b_free_list li:nth-child(3n){margin-right: 0;} } @media screen and (max-width: 720px){ .b_svc_06 .b_free_list li{min-height: 140px; } .b_svc_06 .b_free_list li img{right: 15px; bottom: 10px;} } @media screen and (max-width: 580px){ .b_svc_06 .b_free_list {justify-content: space-between; } .b_svc_06 .b_free_list li{width: 48.5%; margin-right: 0; } .b_svc_06 .b_free_list li:nth-child(4n){margin-right: 0;} } /* 서비스소개 > 도메인 및 호스팅 안내 */ .b_svc_07 .b_tab_box {display: none;} .b_svc_07 .b_tab_box.on {display: block;} .b_svc_07 .b_tab_box table{width: 100%; border-radius: 20px; overflow: hidden; box-shadow: 0 10px 40px rgba(0,0,0,.1);} .b_svc_07 .b_tab_box th{height: 65px; text-align: center; background-color:#11141b ; color:#fff; font-size: 1.25rem; font-weight: bold;} .b_svc_07 .b_tab_box td{padding:15px 0; text-align: center; font-size: 1.125rem; font-weight: bold; border-bottom: 1px solid #eaeaea; } .b_svc_07 .b_tab_box td.b_bg-color{background-color: #fafafa; } .b_svc_07 .b_tab_box td.b_price{font-weight: 900; color: #0048ff;} .b_svc_07 .b_tab_box tr:last-child td{border-bottom: 0;} .b_svc_07 .b_tab_box .b_alert_txt{margin-top: 20px; line-height: 1.5; color:#999; display: block;} .b_svc_07 #sec07_tab_01 td{width: 50%;} .b_svc_07 #sec07_tab_02 tr.add_domain span{color:#999; font-size: 0.938rem; display: block; font-weight: 400; line-height: 1.3; padding-top: 5px;} .b_svc_07 #sec07_tab_02 tr.b_setting span{color:#999; font-size: 0.938rem; display: block; font-weight: 400; line-height: 1.3; padding-top: 5px;} @media screen and (max-width: 720px){ .b_svc_07 .b_tab_box table{border-radius: 10px;} .b_svc_07 .b_tab_box th{height: 45px;} .b_svc_07 .b_tab_box td {padding: 10px 0;} } /* 템플릿구매 > 상세페이지 */ .detail_01 {padding: 150px 0 100px;} .detail_01 .b_inner{display: flex; align-items: flex-start; justify-content: space-between; height:740px;} .detail_01 .b_img_box{width:63.5%; height:100%; cursor: url(/img/sub_page/sub_01/scr_cursor.png) 40 40, auto;} .detail_01 .b_img_box figure{width: 100%; height:100%; overflow-y: scroll; border-radius: 10px;} .detail_01 .b_img_box figure::-webkit-scrollbar {width: 0; } .detail_01 .b_img_box figure::-webkit-scrollbar-thumb {background:rgba(0,0,0,.3); border-radius: 20px;} .detail_01 .b_img_box figure::-webkit-scrollbar-track {background:transparent;} .detail_01 .b_img_box figure img{width: 100%; height: auto;} .detail_01 .b_item_box{width:34%; height: 100%;} .detail_01 .b_item_box .b_info_box{background-color: #f9fbff; padding: 30px;border-radius: 10px; height: calc(100% - 190px); } .detail_01 .b_info_box .b_info_top {border-bottom: 1px solid #e1e1e1; padding-bottom: 30px ; } .detail_01 .b_info_top .b_tit_box{display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 22px; } .detail_01 .b_info_top .b_copy_btn{display: flex; align-items: center; color:#9b9b9b;} .detail_01 .b_info_top .b_copy_btn:hover{color:#555;} .detail_01 .b_info_top .b_copy_btn img{margin-right: 8px;} .detail_01 .b_info_top .b_price_box > div{display: flex; align-items: center;} .detail_01 .b_info_top .b_price_box .b_sell_box{margin-bottom: 15px;} .detail_01 .b_info_top .b_price_box .b_title{color:#a1a1a1; width: 65px;} .detail_01 .b_info_top .b_price_box .b_sell_box .b_sell_price{color:#b4b4b4; position: relative; padding:0 4px;} .detail_01 .b_info_top .b_price_box .b_sell_box .b_sell_price::after{content:''; width: 100%; height: 1px; background-color: #b4b4b4; position: absolute; left: 0; top: 50%; transform: translateY(-50%);} .detail_01 .b_info_bot{padding: 30px 0;} .detail_01 .b_info_bot ul li{display: flex; align-items: flex-start; margin-bottom: 18px;} .detail_01 .b_info_bot ul li:last-child{margin-bottom: 0;} .detail_01 .b_info_bot ul li .b_title{width: 90px;} .detail_01 .b_info_bot ul li .b_cont{word-break: keep-all; line-height: 1.3; display: block; width: calc(100% - 90px);} .detail_01 .b_info_bot ul li.b_rec_box span i{margin-right:10px;} .detail_01 .b_link_box{margin-top: 10px;} .detail_01 .b_link_box ul{display: flex; flex-wrap: wrap; justify-content: space-between;} .detail_01 .b_link_box ul li{border: 1px solid #e8e8e8; width: 49%; border-radius: 5px; height: 50px; margin-bottom: 10px;} .detail_01 .b_link_box ul li a{display: flex; align-items: center; width: 100%; height: 100%; justify-content: center;} .detail_01 .b_link_box ul li.b_cart_box button{display: flex; align-items: center; width: 100%; height: 100%; justify-content: center;} .detail_01 .b_link_box ul li img{margin-right: 10px; opacity: .35;} .detail_01 .b_link_box .b_order_btn{height: 60px; background-color:#0e59f0 ;border-radius: 5px; color:#fff;} .detail_01 .b_link_box .b_order_btn button{display: flex; align-items: center; width: 100%; height: 100%; justify-content: center;} .detail_01 .b_link_box .b_order_btn img{margin-left: 15px; width: 15px;} .detail_01 .b_alert_box{margin-top:10px;} .detail_01 .b_alert_box p{margin-bottom:5px; display:flex; align-items:center;} .detail_01 .b_alert_box i{width:20px; height:20px; display:flex; align-items:center; justify-content:center; border-radius:50%; border:1px solid #0e59f0; color:#0e59f0 ; font-size:0.938rem; margin-right:5px;} .detail_01 .b_alert_box span{word-break:keep-all;} @media screen and (max-width: 1080px){ .detail_01{padding-top: 100px;} .detail_01 .b_inner{height: unset; flex-wrap: wrap;} .detail_01 .b_img_box{width: 100%; height:500px; margin-bottom: 30px;} .detail_01 .b_item_box {width: 100%;height: auto;} .detail_01 .b_info_top .b_tit_box{margin-bottom: 25px;} .detail_01 .b_info_top .b_price_box .b_sell_box {margin-bottom: 8px;} } @media screen and (max-width: 720px){ .detail_01{padding: 80px 0;} .detail_01 .b_img_box{cursor: url(/img/sub_page/sub_01/scr_cursor_m.png) 25 25, auto; height: 300px;} .detail_01 .b_info_top .b_copy_btn img{margin-right: 4px; width: 13px;} .detail_01 .b_info_bot ul li{margin-bottom: 10px;} .detail_01 .b_info_box .b_info_top{padding-bottom: 15px;} .detail_01 .b_info_bot{padding-top: 15px;} .detail_01 .b_info_bot ul li .b_title {width: 70px;} .detail_01 .b_link_box .b_order_btn img {margin-left: 10px;width: 12px;} .detail_01 .b_alert_box i{width: 17px; height: 17px;} } .detail_02{height: 350px; padding:0; position:relative; overflow:hidden; } .detail_02:after{content:''; width:300%; height:100%; background-color: #fafafa; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1; } .detail_02 .b_inner{height:100%; display: flex; justify-content: center; align-items: center;} .detail_02 h5{text-align: center ; line-height: 1.5;} /*--- 상품리스트 ---*/ .b_sv_txt{text-align:center; padding:50px 0;} .b_list_wrap .b_item_list{margin:0; padding:50px 0;} .b_list_wrap .b_item_list > li{padding:0; } .b_list_wrap .sct_10 .sct_op_btn{display:none;} .b_list_wrap .b_img_box{margin-bottom:0;} .b_list_wrap .b_txt_box .b_subject_box{border-bottom: 0; padding: 0; margin: 0;} .b_list_wrap .b_img_box a{line-height:1.5; } .b_list_wrap .sct_10 .sct_icon{display:none;} .sct_10 .sct_img img {width: auto; height: auto;} .sct_ct, #sct_lst{display:none;} #sct_sortlst{border-bottom:0;} .b_list_wrap .b_cate_list{margin-top:0; margin-bottom:40px;} /*--- 상품리스트 > 상품정렬 ---*/ /*#best_item{display:none;}*/ #sct_sort {display: flex; justify-content: flex-end; position:relative; align-items:flex-end; margin-top: 100px;} #sct_sort:after{display:none; } #sct_sort ul{border:0; border-radius:10px; box-shadow:5px 5px 20px rgba(0,0,0,.1); overflow: hidden; width:100px; background-color:#fff; right:0; top:101%; padding: 7px 0;} #sct_sort ul:after, #sct_sort ul:before{display:none;} #sct_sort li{border-top:0; } #sct_sort li a{font-size:0.938rem; line-height:unset; padding: 5px 10px; text-align:left; color:#888;} #sct_sort li:hover a{color:#111; transition:color .2s; } #sct_sort button{border:1px solid #ddd; border-radius:50px; font-size:0.938rem; font-weight:400; display: flex; align-items: center; width: 100px; color:#888; justify-content: space-between;} #sct_sort button img{filter:invert(1); transform:rotate(180deg); margin-left:10px; width:9px; opacity:.6;} #ctt{border:0; box-shadow:none; background-color: #f9fbff; padding:50px; border-radius:30px; } #ctt_con h5{background-color:unset !important; font-weight:bold;} #ctt_con b{font-weight:bold; margin-bottom:7px; display:block;} @media screen and (max-width: 720px){ #ctt{padding: 30px; border-radius: 15px;} } #best_item{margin-top:80px; position:relative; overflow:visible;} #best_item.b_best_sec:after {content:''; width:300%; height:100%; background-color:#f9fbff; position:absolute; left:50%; top:0; transform:translateX(-50%); z-index:-1;} #best_item .b_tit_box{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;} #best_item h2{font-size: 1.563rem; margin:0;} .sct_best .sct_img{margin:0; } .sct_best .sct_txt .sct_a{margin:0; } #best_item .sct_best{border-bottom:0; flex-wrap:unset; float:unset; background:unset;} #best_item .sct_best > li{box-shadow:none; margin-bottom:0;} #best_item .sct_best > li:nth-child(4n){margin-right:2.666%;} #best_item .b_best_swiper {overflow:hidden;} #best_item .b_navi_wrap{display:flex; align-items:center;} #best_item .b_navi_wrap img{filter:invert(1); opacity:.2; width:7px;} #best_item .b_navi_wrap > div{position:unset; width:40px; height:40px; margin:0; border-radius:50%; border:1px solid #ccc;} #best_item .b_navi_wrap .b_best_prev {margin-right:5px;} #best_item .b_navi_wrap .b_best_prev img{transform:rotate(180deg);} #best_item .b_navi_wrap > div:hover img{opacity:.5; transition: opacity .3s;} #best_item .b_pagi{position:unset; width:auto;} #best_item .b_pagi .swiper-pagination-bullet{width:6px; height:6px; opacity:.1;} #best_item .b_pagi .swiper-pagination-bullet-active{opacity:1; background-color: #0e59f0;} @media screen and (max-width: 720px){ #best_item .sct_best > li:nth-child(2n){margin-right:3%;} #best_item .sct_best > li:nth-child(3n){margin-right:3%;} } @media screen and (max-width: 540px){ #best_item .sct_best > li{width:48.5% !important; margin-right:3% !important;} } .b_list_wrap .b_item_list .b_alert_box{display:flex; flex-direction:column; box-shadow: none;} .b_list_wrap .b_item_list .b_alert_box > div{margin-bottom:40px;} .b_list_wrap .b_item_list .b_alert_box p{line-height:1.5; margin-bottom:5px; word-break:keep-all;} .b_list_wrap .b_item_list .b_alert_box p:first-child{margin-bottom:30px; } .b_list_wrap .b_item_list .b_alert_box .b_contact_btn{border-radius: 5px; justify-content:center; display:flex; padding:10px 30px; border-radius:50px; background-color:#0e59f0; color:#fff; font-weight:500; width:fit-content;} /*--- 상품리스트 > 검색창 ---*/ #hd_sch{display:flex; position:unset; background:unset; justify-content:center; text-align:left; margin-bottom:40px; padding:0; } #hd_sch form{display:flex; align-items:center; height:55px; border-radius:50px; overflow:hidden; width:100%; max-width:400px; border:1px solid #d9d9d9; } #hd_sch #sch_str{background-color: #fff; height:100%; padding:0; color:#222; padding:0 20px;} #hd_sch #sch_str:focus{outline:0; box-shadow:0; border:0;} #hd_sch #sch_submit {aspect-ratio:1/1; height: 100%; } #hd_sch #sch_submit img{filter:invert(1); width:20px; opacity:.5; } #hd_sch input[type=text]{transition:unset;} #hd_sch input[type=text]:focus {-webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0; border:0 !important;} @media screen and (max-width: 720px){ #hd_sch form{height: 45px; max-width: 300px;} .b_list_wrap .b_cate_list{margin-bottom: 0;} .b_list_wrap .b_item_list{padding: 30px 0;} } /*--- 상품리스트 > 검색페이지 ---*/ #ssch_ov{position:unset; margin-bottom: -29px;} #ssch_frm{display:flex; align-items:center; justify-content:center; width:100%; border:0; margin:0; margin-bottom: 40px; } #ssch_frm form{display:flex; align-items:center; height:55px; border-radius:50px; overflow:hidden; width:100%; max-width:400px; border:1px solid #d9d9d9;} #ssch_frm .sch_wr{display: flex; align-items: center; height: 55px; border-radius: 50px; overflow: hidden; width: 100%; max-width: 400px; border: 1px solid #d9d9d9; padding:0;} #ssch_frm #ssch_q{transition:unset; border:0; height:100%; padding:0 20px;} #ssch_frm input[type=text]:focus {-webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0; border:0 !important;} #ssch_frm .sch_submit {aspect-ratio:1/1; height: 100%; position:unset; padding:0;} #ssch_frm .sch_submit img{filter:invert(1); width:20px; opacity:.5;} #ssch_cate{display:none;} #ssch_sort{display: flex; justify-content: flex-end; border-bottom:0; position: relative; background:unset;} #ssch_sort ul{border:0; border-radius:10px; box-shadow:5px 5px 20px rgba(0,0,0,.1); overflow: hidden; width:100px; background-color:#fff; right:0; top:101%; padding: 7px 0;} #ssch_sort li{border-top:0;} #ssch_sort li a{font-size:0.938rem; line-height:unset; padding: 5px 10px; text-align:left; color:#888;} #ssch_sort li:hover a{color:#111; transition:color .2s; } #ssch_sort button{border:1px solid #ddd; border-radius:50px; font-size:0.938rem; font-weight:400; display: flex; align-items: center; width: 100px; justify-content: center; color:#888;} #ssch_sort button img{filter:invert(1); transform:rotate(180deg); margin-left:10px; width:9px; opacity:.6;} #ssch_sort ul:before, #ssch_sort ul:after{display:none;} /*--- board > 공지사항 ---*/ .b_w_table{max-width:1000px; margin:0 auto; width:94%;} .b_w_table td{padding-bottom:15px; } .b_w_table .b_input_wrap{border: 1px solid #dde0e9; border-radius: 3px; padding: 0 8px; font-size: 0.938rem; background-color: #f3f5fb;} .b_w_table textarea{border: 1px solid #dde0e9; border-radius: 3px; padding: 8px; font-size: 0.938rem; background-color: #f3f5fb; resize:none;} #bo_w .frm_file{border-radius: 3px; background-color: #f3f5fb; border: 1px solid #dde0e9; padding:8px; height:unset; font-size: 0.938rem;} .b_alert{margin-top:5px;} /*--- 글쓰기 버튼스타일 ---*/ .b_wr_btn{display:flex; justify-content:center; align-items:center; margin-top:50px;} .b_wr_btn .b_btn_wrap{display:flex; justify-content:center; align-items:center;} .b_wr_btn .b_btn{display:flex; justify-content:center; align-items:center; width:150px; height:50px; font-weight:bold; background-color:#f1f1f1; border-radius:7px; color:#888; } .b_wr_btn .b_submit_btn .b_btn{border:1px solid #0e59f0; color:#0e59f0; background-color:#fff; margin-left:10px;} .b_wr_btn .b_submit_btn input{border:0;} /*--- 공지사항 ---*/ .b_noti_wrap .kn_list li{width:49%; margin-right:2%; border-radius:10px; overflow:hidden; margin-bottom:50px; height:210px; } .b_noti_wrap .kn_list li:nth-child(2n){margin-right:0;} .b_noti_wrap .kn_list li > a{width:100%; height:100%; display:flex;} .b_noti_wrap .kn_list li figure{width:50%; height:100%; display: flex; justify-content: center; align-items: center;} .b_noti_wrap .kn_list li .b_txt_box{width:50%; background-color:#f9f9f9; padding:5%; display:flex; flex-direction:column; justify-content:space-between;} .b_noti_wrap .kn_list>li .b_txt_box .kn_title{margin-top:0; font-size:1.25rem;} .b_noti_wrap .kn_list>li .b_txt_box p{margin:20px 0; line-height:1.4; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2 ; overflow: hidden;} .b_noti_wrap .kn_list>li .b_txt_box .b_date{color:#999;} .b_noti_wrap .kn_list>li figure img{width: auto; height: 100%;} /*--- 리스트/뷰 버튼스타일 ---*/ .b_bd_btn .b_btn_wrap{display:flex; justify-content:space-between; align-items:center;} .b_bd_btn .b_btn_wrap > div{display:flex;align-items:center;} .b_bd_btn .b_btn_wrap > div .b_btn_box{margin-right:5px;} .b_bd_btn .b_btn_wrap > div .b_btn_box:last-child{margin-right:0px;} .b_bd_btn .b_btn_wrap .b_btn{display:flex; justify-content:center; align-items:center; padding:8px 10px; border:1px solid #ccc; border-radius:5px; font-size:0.874rem; background-color:#fff;} .b_bd_btn .b_btn_wrap .b_submit_btn .b_btn{border:1px solid #0e59f0; color:#0e59f0; font-weight:500;} @media screen and (max-width: 980px){ .b_noti_wrap .kn_list li{width: 100%; height: 180px; margin-bottom: 25px; margin-right:0;} .b_noti_wrap .kn_list>li figure img{height: 100%; width: 100%; object-fit: cover;} .b_noti_wrap .kn_list li .b_txt_box{padding: 30px;} } @media screen and (max-width: 720px){ .b_noti_wrap .kn_list li .b_txt_box {padding: 30px 20px;} } @media screen and (max-width: 460px){ .b_noti_wrap .kn_list li{height:unset;} .b_noti_wrap .kn_list li > a{flex-wrap:wrap ;} .b_noti_wrap .kn_list li figure{width: 100%; height:200px;} .b_noti_wrap .kn_list li .b_txt_box{width: 100%;} } .bo_list_head ul li{background-color: #f9fbff;} .bo_list_head ul li span.s-name {width: 60%;} .bo_list_head ul li span.s-user, .bo_list_head ul li span.s-day{width: 12.5%;} .bo_list ul li{border-bottom: 1px solid #eaeaea;} .bo_list ul li span.s-name {width: 60%;} .bo_list ul li span.s-user, .bo_list ul li span.s-day{width: 12.5%;} #bo_list .bo_tit .title_icon{filter: hue-rotate(90deg);} /*--- 문의 뷰페이지 ---*/ .b_view_wrap {margin-top:80px; } .b_view_wrap .b_tit_box{display:flex; justify-content:space-between; align-items:center; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #222;} .b_view_wrap .b_tit_box span{color:#999; } .b_view_wrap #bo_v_con{border-bottom:1px solid #eaeaea; padding-bottom:20px;} .b_view_wrap #bo_v_img{width:fit-content;} .b_view_wrap.b_contact_view .b_tit_box{margin-bottom:0;} .b_contact_view .b_info_list {display:flex; flex-wrap:wrap;} .b_contact_view .b_info_list li{display:flex; align-items:center; width:50%; height:50px; border-bottom:1px solid #eaeaea; } .b_contact_view .b_info_list li p{width:50%; padding:0 20px; height:100%; background-color:#f9fbff; display:flex; align-items:center;} .b_contact_view .b_info_list li > span{width:50%; padding:0 20px; text-align:left;} .b_contact_view #bo_v_con{margin-top:30px;} @media screen and (max-width: 1080px){ .b_view_wrap {margin-top: 50px;} } @media screen and (max-width: 720px){ .b_contact_view .b_info_list li{height:40px; width:100%;} .b_contact_view .b_info_list li p{width:80px; padding:0 10px;} .b_contact_view .b_info_list li > span{width:calc(100% - 80px); padding:0 10px;} .b_view_wrap .b_tit_box{flex-direction:column;} .b_view_wrap .b_tit_box h2{margin-bottom:15px;} } /*--- 로그인페이지 ---*/ #mb_login{display:flex; align-items:center; flex-direction:column; justify-content:center;} #mb_login .b_login_inner{border-radius:20px; max-width: 1320px; width: 100% ; margin: 120px auto 120px auto;} #mb_login .b_tit_box{margin-bottom:20px;} #mb_login .b_tit_box h1{font-weight:bold; font-size: 3.438rem;} #mb_login .b_tit_box p{border-bottom:0; font-weight:500;} #mb_login #flogin{max-width:380px; width:100%; margin:0 auto; background-color:unset;} #mb_login .frm_input{border-radius:3px; font-size: 0.938rem; padding: 0 8px; margin:0; border: 1px solid #dde0e9; background-color: #f3f5fb;} #mb_login .frm_input#login_pw{margin-top:10px;} #mb_login .frm_input.required{background-image:none !important;} #mb_login #login_frm{padding-top:0; padding-bottom: 10px;} #mb_login #login_frm div{font-size: 0.938rem;} #mb_login #login_info label{padding-left: 20px; font-size:0.874rem;} #mb_login .btn_submit{background-color: #0e59f0; height: 60px; border-radius:4px; display:flex; justify-content:center; align-items:center;} #mb_login .mb_login_join{padding-bottom: 40px;} #mb_login .mb_login_join > div{display:flex; justify-content:space-between; align-items:center;} #mb_login .mb_login_join a{width:48.8%; height:50px; border: 1px solid #c8cddd; display:flex; align-items:center; justify-content:center; font-weight:500; border-radius:3px; color:#8490b3; font-size: 0.938rem;} #mb_login_notmb {max-width:380px; width:100%; margin:0 auto; border-top:1px solid #eaeaea; border-bottom:0; padding-top:40px;} #mb_login_notmb h2{padding:0; background:unset; margin-bottom:20px;} #mb_login_notmb label{display:flex; align-items:center; justify-content: center; padding:15px 0; background-color:#f3f5fb; font-size:0.938rem; font-weight:400; border-radius:5px;} #mb_login_notmb #agree{margin-right:3px;} #mb_login_notmb label a{margin-left:5px;} #mb_login_notmb .btn_confirm{margin-top:20px;} #mb_login_notmb .btn_submit{display:flex; justify-content:center; align-items:center; color: #0e59f0; background-color: #fff; border: 1px solid #0e59f0;} /*--- 주문조회 > 로그인(비회원주문조회) ---*/ #mb_login h2{margin-bottom: 20px; font-size: 1.25em;} #mb_login_od_wr{max-width: 380px; width: 100%; margin: 0 auto; border-top: 1px solid #eaeaea; border-bottom: 0; padding-top: 40px;} #mb_login .frm_input#od_pwd {margin-top: 10px;} #mb_login_odinfo{display: flex; align-items: center; justify-content: center; padding: 0; background: #fff; font-size: 1rem; font-weight: 400; padding-bottom:30px;} #mb_login_od_wr p{word-break:keep-all; text-align:center;} .mbskin p strong{font-size: 1rem;} #mb_login_od_wr .btn_submit{color: #0e59f0; background-color: #fff; border: 1px solid #0e59f0;} /*--- 회원정보 찾기 ---*/ .new_win_con{max-width:380px; width:100%; margin:0 auto;} #find_info #info_fs p{text-align:center; color:#111; font-size:1rem; font-weight: 500; margin-bottom:30px;} #find_info #info_fs #mb_email{border-radius: 3px; font-size: 0.938rem; padding: 0 8px; margin: 0; border: 1px solid #dde0e9; background-color: #f3f5fb;} .new_win .win_btn{margin-top:30px; } .new_win .btn_submit{background-color: #0e59f0; height: 60px; border-radius: 4px; display: flex; justify-content: center; align-items: center; padding:0 30px; margin:0 auto; width: 100%;} #find_info #captcha{margin-top:10px;} #find_info #captcha #captcha_key{width: 187px; border: 1px solid #dde0e9; background-color: #f3f5fb;} .b_psd_lost .b_sv_txt{padding-bottom:20px;} @media screen and (max-width: 420px){ #find_info #captcha #captcha_key{width: 170px;} } /*--- 회원가입 ---*/ .b_regi_wrap .mbskin{max-width: 600px; width: 100%; margin: 0 auto;} #fregister p{margin:0; background:unset; border-bottom:none; color: #0e59f0; font-size:0.938rem; font-weight:400;} #fregister p:before{display:none;} #fregister textarea{resize:none;} #fregister_chkall{border:0; background-color:#f3f5fb ; border-radius: 7px; padding:0; margin-bottom:20px;} .fregister_agree input[type="checkbox"] + label{color:#111; font-size:1.125rem; font-weight:bold; transition:color .2s; padding:20px; width: 100%; display: block;} .fregister_agree input[type="checkbox"] + label:hover {color:#0e59f0;} .b_regi_wrap #fregister .b_regi_tit{font-size:1.125rem; font-weight:bold;} #fregister section{border-bottom:0; border-top:1px solid #eaeaea; padding:20px;} .fregister_agree.chk_all input[type="checkbox"] + label span {top: 21px;} .fregister_agree input[type="checkbox"] + label span{top: 21px;} .mbskin .btn_submit{background-color: #0e59f0; height: 60px; border-radius: 4px; display: flex; justify-content: center; align-items: center; font-size: 1.125rem;} .fregister_agree input[type="checkbox"] + label.b_policy_label{padding:0 0 10px 0;} #fregisterform{max-width: 520px; width: 100%; margin: 0 auto;} #fregisterform .form_01{margin: 0;} .form_01 li{display:flex; flex-wrap:wrap; align-items: center; padding: 5px 0; margin: 0;} .form_01 li.b_no_magin{margin:0; padding: 0;} .form_01 li .b_rgs_tit{width:130px; display:block; font-weight:500; color:#888; font-size: 0.938rem;} .form_01 li .b_rgs_input{width:calc(100% - 130px); border-radius: 3px; font-size: 0.938rem; padding: 0 8px; margin: 0; border: 1px solid #dde0e9 !important; background-color: #f3f5fb;} #fregisterform #reg_mb_email{width:calc(100% - 130px); outline:0;} #fregisterform #reg_mb_email:focus{-webkit-box-shadow:0 0 5px #9ed4ff; -moz-box-shadow:0 0 5px #9ed4ff; box-shadow:0 0 5px #9ed4ff; border:1px solid #dde0e9 !important;} .form_01 li .frm_info{color: #0e59f0; display:block; font-weight:400; margin:5px 0 0 0;} .form_01 li .b_frm_info{padding-left:130px;} .b_chk_form ul{margin-top:20px; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; padding:20px 0;} .b_chk_form .chk_box input[type="checkbox"] + label span{top: -8px;} .b_chk_form .chk_li{padding-left:3px;} #fregisterform .frm_label{margin:0; margin-top:-26px; font-weight:500; font-size: 0.938rem; margin-right:10px;} .form_01.b_chk_form .b_frm_info{padding-left: 23px; width: 100%;} #captcha #captcha_key{border-radius: 3px; font-size: 0.938rem; padding: 0 8px; border: 1px solid #dde0e9 !important; background-color: #f3f5fb; text-align:left;} #fregisterform .btn_confirm .btn_submit{background-color: #0e59f0; height: 60px; border-radius: 4px; display: flex; justify-content: center; align-items: center; font-size: 1.125rem; margin:0 auto; width:100%;} /*--- 회원가입 완료 ---*/ #reg_result .reg_result_wr{background-color: #f9fbff; border-radius: 20px; text-align:center; padding:50px 30px;} #reg_result .reg_cong{font-size:1.3rem; margin:0; padding-bottom:20px; margin-bottom:20px; position:relative; } #reg_result .reg_cong:after{content:''; width:50px; height:2px; background-color:#222; position:absolute; left:50%; bottom:0; transform:translateX(-50%); opacity:.1;} #reg_result .reg_cong strong{color: #0e59f0;} #reg_result p{word-break:keep-all;} #reg_result .btn_confirm a{color: #0e59f0; border: 1px solid #0e59f0;} @media screen and (max-width: 720px){ .form_01 li .b_rgs_tit{width: 80px;} .form_01 li .b_rgs_input{width: calc(100% - 80px);} .form_01 li .b_frm_info{padding-left:80px;} #fregisterform #reg_mb_email{width:calc(100% - 80px);} } @media screen and (max-width: 460px){ .form_01 li.is_captcha_use{flex-direction: column; align-items: flex-start; margin-top: 30px;} } /*--- 위시리스트 ---*/ #sod_ws #wish_li{border:02;} #sod_ws #wish_li li{border-bottom:0; border-radius:10px; overflow:hidden;} #sod_ws .wish_img{position:unset; margin-top:0; width: 100%; height:auto; } #sod_ws .wish_img a{display:block; width:100%; height:100%;} #sod_ws .wish_info{padding:20px; position:relative;} #sod_ws .wish_prd {margin-bottom:0px; } #sod_ws .b_price_box {display:flex; align-items:center; margin:6px 0;} #sod_ws .b_price_box .b_sell_price {color: #cfcfcf; position: relative; width:fit-content; margin-left:10px;} #sod_ws .b_price_box .b_sell_price:after{content:''; width: 100%; height: 1px; background-color: #cfcfcf; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);} #sod_ws .info_date{color:#888; display:block; margin-top:10px;} #sod_ws .wish_del{top: 12px; width: auto; height: fit-content;} #sod_ws .wish_del i{font-size:15px; opacity:.5; } #sod_ws .wish_del:hover i{opacity:.8; transition:.2s;} #sod_ws .wish_chk{top: 5px; left: 10px;} #sod_ws_act{margin: 50px 0 0 0;} #sod_ws_act:after{display:none;} #sod_ws_act .btn01{border:1px solid #d9d9d9; font-size: 1.125rem; height: 55px; display:flex; align-items:center; justify-content:center;} #sod_ws_act .btn01 img{width: 20px; margin-right: 10px;} #sod_ws_act .btn02{background: #0e59f0; border:0; font-size: 1.125rem; height: 55px; display:flex; align-items:center; justify-content:center;} #sod_ws_act .btn02 img{width: 15px; margin-left: 15px;} @media screen and (max-width: 720px){ #sod_ws_act .btn01 img{width: 15px;} #sod_ws_act .btn02 img{width: 10px;} } /*--- 상품 상세 ---*/ #btn_option{display:block; position:unset; border-top:0; box-shadow:unset; background: unset;} #btn_option .sl_option{max-height:unset; padding:0;} #btn_option .btn_close{display:none;} #sit_ov_btn{display:none;} #sit_sel_option, #sit_tot_price{margin:0;} #sit_opt_added li{width: 100%; display: flex; justify-content: space-between; align-items:center; margin:0; border:0; padding:20px 0; background-color: #f9fbff;} #sit_opt_added li .opt_name{display:none;} #sit_tot_price{display: flex; align-items: center; font-weight:500;} #sit_tot_price span{display:none;} #sit_tot_price strong{font-weight:900; color: #0e59f0; margin-right:5px; font-size: 1.5em;} #sit_opt_added button{width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; border: 1px solid #ddd;} #sit_opt_added button i{font-size:12px; color: #bbb;} .detail_01 .b_info_bot{border-bottom: 1px solid #e1e1e1;} #sit_rel{margin:0;} #sit_rel .sct_wrap{border-bottom:0; padding:0;} .srl_10 li img{width:auto;} .srl_10 .li_wr{padding:0; } /*--- 장바구니 ---*/ #sod_bsk_act{position:unset; box-shadow:none;} #sod_bsk_act .total{position:unset; } .sod_list .sod_li{background-color: #f9fbff; border:0; border-radius: 10px; display: flex; padding: 20px 30px ; margin:0; margin-bottom:30px;} .sod_list .total_img{position: unset;width: 200px;} .sod_list .total_img figure{aspect-ratio: 9 / 8; position:relative; overflow: hidden; border-radius: 10px;} .sod_list .total_img figure img{width: 100%; height: auto; display: block;} .sod_list .li_op_wr .chk_box{position:unset;} .sod_list .sod_li .b_box_01{display:flex; padding: 0; width: 50%;} .sod_list .sod_li .b_info_box{display:flex; flex-direction:column; justify-content:center; margin-left:30px;} .sod_list .sod_li .sod_opt{padding-left:0; } .sod_list .sod_li .b_box_02{width: 50%; padding:0; display:flex;} .sod_list .li_prqty_sp{padding:0; display:flex; flex-direction:column; border:0; justify-content:center; align-items: center; width: 33.333%; font-weight:bold; border-right:1px solid #eaeaea; font-size: 1rem;} .sod_list .li_prqty_sp:first-child{border-left:1px solid #eaeaea;} .sod_list .li_prqty_sp > span{margin-bottom:10px; color:#888; font-weight:500;} .sod_list .prqty_sc{display:none;} .sod_list .total_point{display:none;} .sod_list .total_price{background-color:unset; margin: 0; padding: 0; line-height: unset; display:flex; flex-direction:column; border:0; justify-content:center; align-items: center; width: 33.333%;} .sod_list .total_price > span{margin-bottom:10px; font-weight:500; color:#888;} .sod_list .total_price > strong{font-weight:bold; color:#0e59f0;} #sod_bsk .btn_del_wr{margin:10px 0; display:flex; justify-content:space-between; align-items:center;} #sod_bsk .b_bd_btn .b_btn_wrap{justify-content: flex-start;} #sod_bsk .b_bd_btn .b_btn_wrap .b_btn:first-child{margin-right:5px;} #sod_bsk .b_bd_btn .sod_ta_wr{width:calc(100% - 150px);} #sod_bsk .b_bd_btn #sod_bsk_act{padding:0; display:flex; align-items:center; width:100%; border-top:0; justify-content: flex-end;} #m_sod_bsk_tot{display:none;} #sod_bsk_act .btn_submit{background: #0e59f0; border-radius: 5px; height: 55px; max-width:250px; width:100%; font-size:1.125rem;} #sod_bsk_act .total{display:flex; align-items:center; width:auto; font-weight:bold; margin-right:20px;} #sod_bsk_act .total .total_cnt{color:#0e59f0; font-weight:900; margin-left:10px; font-size: 1.25rem;} #sod_bsk_act .btn_submit img{width: 15px; margin-left:15px;} #mod_option_frm{max-width:400px; width:100%; top: 50%; left: 50%; transform:translate(-50%,-50%); border:0; border-radius:10px; } #mod_option_frm h2{font-weight:bold; font-size:1.125rem; margin: 0 20px; padding:0;} #mod_option_frm form{padding: 20px;} #mod_option_frm #sit_sel_option{margin:0; } #mod_option_frm #sit_sel_option h3{display:none} #mod_option_frm #sit_tot_price{margin:0; margin-top:20px; justify-content: flex-end;} #mod_option_frm #sit_tot_price > span{display:block; margin-right:10px;} #mod_option_frm #sit_opt_added li{padding: 20px;} #mod_option_frm #sit_opt_added .sit_opt_prc{display:none;} #mod_option_frm #sit_opt_added .sit_opt_del{position:unset; border:1px solid #e6e9ed; margin-left: 10px;} .chk_box input[type="checkbox"] + label{font-size: 0.938rem; font-weight: 500;} #mod_option_frm .btn_confirm{margin:15px 0 0 0;} #mod_option_frm .btn_confirm .btn_submit{background: #0e59f0; font-size:1.125rem;} #sod_bsk .go_shopping{margin:0;} #sod_bsk .go_shopping .btn01{background: #0e59f0; font-size:0.938rem; border-radius: 5px; color:#fff; border:0; padding: 8px 13px; line-height:unset; display:block; height:auto;} /*--- 포트폴리오 게시판 ---*/ .b_port_write .b_w_table td.b_head{font-weight:500;} #kn_cate>ul>li{padding:0; border:0;} #kn_cate>ul>li>a{padding: 20px 25px; display:block; border: 1px solid #bec2cc; border-radius: 40px;} #kn_cate>ul>li>a#bo_cate_on{background-color: #000000; color: #fff; border-color: #000000; border:0;} @media screen and (max-width: 1080px){ #kn_cate>ul>li>a{padding: 15px 20px;} } @media screen and (max-width:460px){ #kn_cate>ul>li{margin-right: 5px; margin-bottom: 10px;} #kn_cate>ul>li>a {padding: 10px 15px; } } /*--- 포트폴리오 리스트 ---*/ .b_port_wrap .b_rec_box {margin:50px 0;} .b_port_wrap .b_rec_box .b_rec_list{display:flex; align:center; justify-content:center; flex-wrap:wrap;} .b_port_wrap .b_rec_box .b_rec_list li{font-size:1rem; font-weight:bold; margin:0 10px; color:#ccc; padding-bottom:2px; position:relative; transition: color .2s; margin-bottom: 12px} .b_port_wrap .b_rec_box .b_rec_list li:after{content:''; width:100%; height:2px; background-color:#0e59f0; position:absolute; left:0; bottom:0; opacity:0;} .b_port_wrap .b_rec_box .b_rec_list li:hover{color:#222; transition: color .2s;} .b_port_wrap .b_rec_box .b_rec_list li.on{color:#0e59f0;} .b_port_wrap .b_rec_box .b_rec_list li.on:after{opacity:1;} .b_port_list {display:flex; flex-wrap:wrap;} .b_port_list > li{width:32%; position:relative; margin-right: 2%; margin-bottom:40px;} .b_port_list > li:nth-child(3n){margin-right:0;} .b_port_list li .port_status{position:absolute; right:20px; top:20px; z-index:2; display:flex; align-items:center;} .b_port_list li .port_status a{color:#fff; display:block; padding:3px 5px; border:1px solid rgba(255,255,255,.6); border-radius:3px; margin-right:5px; font-size:0.874rem;} .b_port_list .b_img_box{border-radius:20px; overflow:hidden; position:relative; display: flex; align-items: center; justify-content: center;} .b_port_list .b_img_box img{display: block; object-fit: cover;} .b_port_list li .b_img_box .b_hover_box{position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0, 0, 0, .8); display: block; opacity:0; transition:opacity .2s;} .b_port_list li:hover .b_img_box .b_hover_box{opacity:1; transition:opacity .3s;} .b_port_list li .b_img_box .b_hover_box .b_hover_wrap{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;} .b_port_list li .b_img_box .b_hover_box .b_hover_wrap .b_subject{text-align: center; color: #fff; margin-bottom: 25px;} .b_port_list .b_hover_box .b_hover_wrap ul {display: flex; align-items: center;} .b_port_list .b_hover_box .b_hover_wrap ul li{color: #fff; width: 60px; aspect-ratio: 1 / 1; border-radius: 5px; border: 1px solid rgba(255, 255, 255, .4); margin-right: 9px; transition: background-color .2s;} .b_port_list .b_hover_box .b_hover_wrap ul li a{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;} .b_port_list li .b_txt_box{margin-top:10px; padding:0;} .b_port_list li .b_txt_box span{display:flex; align-items:center; margin-bottom:7px;} .b_port_list li .b_txt_box span i{display:block; color:#9da4b9; } .b_port_list li .b_txt_box span i:first-child{padding-right:10px; border-right:1px solid #eaeaea;} .b_port_list li .b_txt_box span i:last-child{padding-left:10px; } /*--- 포트폴리오 뷰 ---*/ .b_port_view .b_txt_box{text-align:center; } .b_port_view .b_sv_title{position: relative; z-index: 3;} .b_port_view .b_port_tit .b_btn_list{display:flex; align-items:center; justify-content:center; margin:30px 0;} .b_port_view .b_txt_box .b_tit_txt{margin:10px 0;} .b_port_view .b_sv_title .b_port_info {margin-top: 50px;} .b_port_view .b_sv_title .b_info_list {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;} .b_port_view .b_sv_title .b_info_list li{display:flex; align-items:center; background-color: #fff; padding: 30px; width:24%; border-radius: 10px; box-shadow: 0 0 45px rgba(46,46,46,.03);} .b_port_view .b_sv_title .b_info_list li p{padding-right:20px; margin-right:20px; color:#9da4b9; position:relative;} .b_port_view .b_sv_title .b_info_list li p:after{content:''; width:1px; height:12px; background-color:#d9d9d9; position:absolute; right:0; top:50%; transform:translateY(-50%);} .b_port_view .b_more_btn {height: 40px; padding: 0px 13px} .b_port_view .b_more_btn.b_tit_link{margin-right:10px;} .b_port_view .b_more_btn img{margin-left: 10px; width: 10px;} .b_port_view .b_more_btn span{font-size:0.874rem; } .b_port_view .b_port_cont {margin: 80px auto 100px auto; width: fit-content; position: relative; z-index: -1;} .b_port_view .b_port_cont:after{content:''; width:500%; height:200%; background-color:#f3faff; position:absolute; left:50%; top:-120px; transform:translateX(-50%); z-index:-1;} .b_port_view .b_port_cont:before{content:'DESIGN'; font-size:250px; color:#9da4b9; font-weight:900; opacity:.1; position:absolute; left: 54%; top: 22%; transform:rotate(90deg);} .b_port_view .b_port_cont .view_image{border:4px solid #111; border-radius: 30px; box-shadow: 0 0 45px rgba(46,46,46,0.3); overflow: hidden; display:block; width:fit-content; margin:0 auto; position:relative;} .b_port_view .b_port_cont .view_image img{display: block; max-width: 100%; height: auto;} @media screen and (max-width: 1080px){ .b_port_view .b_sv_title .b_info_list li{width:49%; margin-bottom:15px;} } @media screen and (max-width: 980px){ .b_port_list > li{width: 48%; margin-right: 3%;} .b_port_list > li:nth-child(3n){margin-right:3%; } .b_port_list > li:nth-child(2n){margin-right:0; } } @media screen and (max-width: 720px){ .b_port_view .b_sv_title .b_info_list li{border-radius: 5px; padding: 15px;} .b_port_view .b_sv_title .b_info_list li p{padding-right: 10px; margin-right: 10px;} .b_port_view .b_port_cont{margin: 50px auto 100px auto;} .b_port_view .b_port_cont .view_image{border-radius: 15px;} .b_port_view .b_more_btn {height: 30px;} .b_port_list .b_img_box {border-radius: 10px;} } @media screen and (max-width: 540px){ .b_port_list{max-width: 400px; margin: 0 auto;} .b_port_list > li {width: 100%;margin-right: 0;} } @media screen and (max-width: 460px){ .b_port_view .b_sv_title .b_info_list li{width: 100%; margin-bottom:10px;} } /*--- 주문서작성 페이지 ---*/ .tbl_head03 table{border:0; } .tbl_head03 table thead{display:none;} .tbl_head03 table tr{background-color: #f9fbff; display: flex; padding:20px 30px; border-radius: 10px;} .tbl_head03 td{border:0; padding: 0; background-color: unset; display: flex; flex-direction: column; justify-content: center;} .od_prd_list .td_prd{width:50%; padding-left:0; display:flex; align-items:center; flex-direction: row; justify-content: flex-start;} .od_prd_list .td_prd .sod_name{margin-left: 30px;} #sod_frm .tbl_head03 .sod_opt{font-weight:300; font-size:1rem;} .od_prd_list .td_prd .sod_img{position:unset; width:200px; } .od_prd_list .td_prd .sod_img figure{aspect-ratio: 9 / 8; position: relative; overflow: hidden; border-radius: 10px;} .od_prd_list .td_prd .sod_img figure img{width: 100%; height: auto; display: block;} .od_prd_list td.b_boxs{width:16.666%; border-left: 1px solid #eaeaea;} .od_prd_list td.b_boxs .b_tit_txt{margin-bottom: 10px; color: #888; font-weight: 500; display:block;} .tbl_wrap table.b_w_table{margin:0;} #sod_frm_orderer .b_tit_box{display:flex; justify-content:space-between; margin-bottom: 20px;} #sod_frm_orderer .b_tit_box h2{margin:0; } #sod_frm_orderer .b_sub_txt b{color:red;} .b_sod_wrap{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:80px;} .b_sod_wrap > div{border-radius: 10px; padding:30px; border:1px solid #eaeaea; } .b_sod_wrap .sod_left{width: 63%;} .b_sod_wrap .sod_right{width: 35%;} #sod_frm_orderer{border-bottom:0; padding:0; } #sod_frm div.tbl_frm01{background:unset; padding:0 !important;} #sod_frm .tbl_frm01 th{padding:0; width: 120px;} #sod_frm .tbl_frm01 td{padding: 10px 0; width:calc(100% - 120px); } #sod_frm .tbl_frm01 th label{font-weight:500; margin-top: 11px; display: block;} #sod_frm .tbl_frm01 td .frm_input{width:80% !important; } #forderform .sod_right #sod_bsk_tot, #sod_frm_pay .pay_tbl{display:none;} #sod_frm_pay{border-top:0; } #od_tot_price{margin:0; padding:0; background:unset; margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eaeaea; line-height:unset; } #od_tot_price span{font-size:1.25em;} #od_tot_price strong{color: #0e59f0;} #forderform .od_pay_buttons_el{margin-top:0; border:0; padding:0;} #forderform .od_pay_buttons_el h3{font-weight:bold; margin-bottom:20px;} #sod_frm_pt_alert{display:none;} #sod_frm .btn_submit{background-color:#0e59f0; cursor:pointer; height: 55px; line-height: unset; margin:0;} #sod_frm .btn_confirm{margin:0;} #sod_frm .btn_confirm .btn01{display:none;} .sod_frm_pc #sod_frm_pay{margin:0; margin-bottom:20px;} .sod_frm_pc #sod_frm_pay .lb_icon{border-radius: 4px; border: 1px solid #ddd;} .sod_frm_pc #sod_frm_pay input[type="radio"]:checked+.lb_icon{color:#0e59f0; border: 2px solid #0e59f0; border-radius: 4px; font-weight:bold; margin-bottom: 10px;} .sod_frm_pc #settle_bank{text-align: left; border-top:0; font-weight:400; background-color:#fafafa; padding: 20px;} #settle_bank label{margin-top:9px;} #settle_bank #od_deposit_name{margin-top:9px; text-align: left; padding:0 5px; float:left; margin-left:20px;} .sod_frm_pc #sod_frm_pay .lb_icon{height: 60px; display: flex; align-items: center; padding: 0; padding-left: 65px;} @media screen and (max-width: 1024px){ .b_sod_wrap{margin-top: 40px;} .b_sod_wrap > div{padding: 25px;} .b_sod_wrap .sod_left {width: 100%; margin-bottom:20px;} .b_sod_wrap .sod_right {width: 100%;} #sod_frm .tbl_frm01 td {padding: 5px 0;} #sod_frm .tbl_frm01 td .frm_input {width: 100% !important;} .sod_frm_pc #sod_frm_pay .lb_icon{height: 50px;} } @media screen and (max-width: 720px){ .b_sod_wrap > div{padding: 20px;} #sod_frm .tbl_frm01 th{width:75px;} #sod_frm .tbl_frm01 td{width: calc(100% - 75px);} } @media screen and (max-width: 460px){ #od_pay_sl .lb_icon{width: 100%;} } /*--- 주문내역 페이지 ---*/ #sod_list_inq .sod_opt{padding:10px 0 0 0;} #sod_list_inq.sod_list .sod_li .b_box_01{width: 40%;} #sod_list_inq.sod_list .sod_li .b_box_02{width: 60%;} #sod_list_inq .li_op_wr{padding-left:0;} .sod_fin_list .prqty_stat{background:unset;} .sod_fin_list .prqty_stat strong{font-size:0.874rem; border:1px solid #0e59f0; color:#0e59f0; display:block; padding:0px 10px; border-radius:4px;} #sod_fin_no{margin:0; font-weight:bold; color:#111; font-size:1rem;} #sod_fin_no strong{margin-left:20px; font-weight:400;} #sod_fin_view table td{font-weight:400;} #sod_fin_view table td.b_bank_account{font-weight:bold;} #sod_fin_dvr, #sod_sts_wrap{display:none;} #sod_fin_pay, #sod_fin_orderer, #sod_fin_receiver, #sod_fin_receiver, #sod_fin_dvr{margin:0; border-radius:10px; padding: 30px; border: 1px solid #eaeaea;} #sod_fin_view {display: flex; flex-wrap: wrap; justify-content: space-between;} #sod_fin_view h3{padding:0; line-height:unset; font-size: 1.25em; font-weight:bold; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #eaeaea;} #sod_fin_view .odf_tbl {padding: 0;} #sod_fin_view table th{padding-left:0; color:#999;} #sod_fin_pay{width:63%; } #sod_fin_orderer{width: 35%;} #sod_fin_tot{margin:0; margin-top:50px; } #sod_fin_tot h2{line-height:unset; font-size: 1.25em; font-weight:bold; margin-bottom: 20px;} #sod_fin_cancel{margin:0; margin-top:20px; display:flex; justify-content:flex-end; } #sod_fin_cancel button{width: 200px; background: #f5f5f5; border-radius:3px; color: #999;} #sod_fin_cancelfrm{margin:0 10px 0 0 ; padding: 0;} #sod_fin_cancelfrm .frm_input{margin:0; border-radius:3px; width: 300px; font-size:0.874rem;} #sod_fin_cancelfrm .btn_frmline{top: 50%; right:0; transform: translateY(-50%); font-size:0.874rem; border-radius:3px;} #sod_fin_tot ul{border: 1px solid #eaeaea; border-radius:10px; padding: 30px; } #sod_fin_tot li{padding:10px 0; color: #888; font-weight: normal;} #sod_fin_tot li:first-child{padding-top:0;} #sod_fin_tot strong{color:#111; font-weight:bold;} #sod_fin_tot #alrdy{background:unset; border-top: 1px solid #eaeaea; color:#0e59f0;} #sod_fin_tot #alrdy strong{font-weight:900; color:#0e59f0;} #sod_fin_cancel p{font-size:1rem; border-radius:5px; border:1px solid #d50c0c; padding:10px 20px;} .b_down_box {display:flex; align-items:center; margin-top:30px; } .b_down_box .b_down_btn{display:flex; align-items:center; justify-content:center; border:1px solid #0e59f0; color:#0e59f0; width:fit-content; font-weight:bold; padding: 0 20px; height:40px; border-radius:3px;} .b_down_box .b_down_btn img{margin-left:10px; width:12px;} .b_down_box h2{color:#666; font-weight:500 ; margin-left:10px; word-break:keep-all; line-height:1.3;} @media screen and (max-width: 1024px){ #sod_fin_pay{width:100%; margin-bottom:20px;} #sod_fin_orderer {width:100%;} #sod_fin_tot{margin-top: 30px;} #sod_fin_pay, #sod_fin_orderer, #sod_fin_receiver, #sod_fin_receiver, #sod_fin_dvr{padding: 25px;} #sod_fin_view h3{margin-bottom: 10px; padding-bottom: 10px;} #sod_fin_view table th{padding:7px 0;} #sod_fin_view table td{padding:7px 0;} } @media screen and (max-width: 720px){ #sod_fin_pay, #sod_fin_orderer, #sod_fin_receiver, #sod_fin_receiver, #sod_fin_dvr{padding: 20px;} #sod_fin_view table th{width: 75px;} #sod_fin_tot ul{padding: 20px;} #sod_fin_tot li {padding: 7px 0;} #sod_fin_cancel{flex-direction: column-reverse; align-items: flex-end;} #sod_fin_cancelfrm{margin:10px 0 0 0;} #sod_fin_cancelfrm .frm_input{width:250px;} .b_down_box {flex-direction:column; align-items:flex-start;} .b_down_box h2{margin-left:0; margin-top:10px;} } /*--- 마이페이지 ---*/ #smb_my_ov{margin:0px;} #smb_my_ov .my_name{padding:0;} #smb_my_ov .my_pocou{display:none;} #smb_my_ov .smb_my_act{position:unset; margin-top:20px;} #smb_my_ov .b_my_tit{display:flex; justify-content: space-between; flex-wrap: wrap;} #smb_my_ov .my_name{width:25%; padding:40px 0; background-color: #f9fbff; border-radius:10px; display:flex; flex-direction:column; align-items:center; justify-content:center; border-bottom:0;} #smb_my_ov .b_my_name{font-size:1rem; margin-top:15px;} #smb_my_ov .b_my_name strong{font-weight:bold;} #smb_my_ov .my_info{display: flex; flex-wrap:wrap; justify-content:space-between; padding: 0 20px; border-bottom:0; width:73%;} #smb_my_ov .my_info_wr{display: flex; width:48%; align-items: center; float:unset; font-weight:500; border-bottom: 1px solid #eaeaea; margin:0;} #smb_my_ov .my_info_wr:nth-child(1),#smb_my_ov .my_info_wr:nth-child(2){border-top: 1px solid #eaeaea;} #smb_my_ov .my_info_wr.ov_addr{display:none;} #smb_my_ov .my_info_wr strong{width:130px; padding:0;} #smb_my_ov .my_info:after{display:none;} #smb_my_ov .smb_my_act li.b_admin_btn{display:none;} #smb_my_ov .smb_my_act li a{line-height:unset; height:unset; padding: 5px; font-size:0.874rem;} #smb_my_od, #smb_my_wish {padding-top:70px;} #smb_my_od h2, #smb_my_wish h2{margin:0; font-weight:bold;} #smb_my .b_tit_wrap{display:flex; justify-content:space-between; align-items:center; margin-bottom: 15px;} #smb_my .btn_more{margin:0; display: flex; justify-content: center; align-items: center; padding: 8px 10px; border: 1px solid #0e59f0; border-radius: 5px; font-size: 0.874rem; background-color: #fff; height:unset; line-height:unset; color:#0e59f0;} #sod_inquiry li{padding: 15px 0;} #sod_inquiry li .inquiry_idtime{display:flex; justify-content:space-between; align-items:center;} #sod_inquiry li .b_orber_num{font-weight:400; color:#aaa;} #sod_inquiry li .idtime_link{margin-left:10px; font-size:1rem; color:#111;} #sod_inquiry li .inquiry_name{font-weight:bold;} #sod_inquiry li .inquiry_price{color:#0e59f0; font-size:1.125rem;} #sod_inquiry li .inv_status > span{padding:5px; font-weight:500; font-size:0.874rem;} #sod_inquiry li .inv_status .status_06{padding: 0;} #smb_my_wish .b_item_list{padding:0;} #smb_my_wish .b_txt_box {padding: 20px; position: relative;} #smb_my_wish .b_price_box{margin: 6px 0; text-align:left;} #smb_my_wish .info_price {font-weight: bold;line-height: 28px;} #smb_my_wish .b_price_box .b_sell_price{color: #cfcfcf; position: relative; width: fit-content; margin-left: 10px;} #smb_my_wish .b_price_box .b_sell_price:after {content: ''; width: 100%; height: 1px; background-color: #cfcfcf; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);} .wishlist li .info_link{margin:0; text-align:left;} .wishlist li .info_date{display: block; text-align: left;} .wishlist ul:after{display:none;} .wishlist li img{max-width:unset;} @media screen and (max-width: 1024px){ #smb_my_ov .my_info{width: 75%;} #smb_my_ov .my_info_wr strong {width: 90px;} } @media screen and (max-width: 720px){ #smb_my_od, #smb_my_wish {padding-top: 30px;} #smb_my_ov .my_name{width: 100%; margin-bottom:20px; padding: 20px 0;} #smb_my_ov .b_my_name{margin-top: 10px;} #smb_my_ov .smb_my_act{margin-top: 10px;} #smb_my_ov .my_info{width: 100%;} #smb_my_ov .my_info_wr{padding: 12px 0;} } @media screen and (max-width: 460px){ #smb_my_ov .my_info_wr{width:100%;} #smb_my_ov .my_info_wr:nth-child(2) {border-top:0;} } /*--- 주문내역조회 페이지 ---*/ #sod_v_info{border: 2px solid #d6e2f4; background: #edf3fc ; color: #111;font-size: 1rem; margin:0; padding: 10px 15px; border-radius: 3px;} #sod_v_info:before{display:none;} #sod_inquiry {margin-top:30px;} /* ---최근본상품 페이징 ---*/ #stv_pg{display:none;} /*--- 제품상세 > 리뷰섹션 ---*/ #sit_tab {margin: 90px 0;} #sit_tab .tab_tit li{width:100%; padding-bottom: 45px; border-color: #eaeaea;} #sit_tab .tab_con{border-bottom:0; padding:0; } #sit_use_ol{border-top:0; } .sit_use_li{border-color: #eaeaea; display: flex; align-items: center; flex-wrap: wrap; padding: 0;} .sit_use_dl{display: flex; align-items: center ; padding:0; } .sit_use_dl dd{width: 100px; word-break: keep-all; text-align:center; margin: 0; display: block;} .sit_use_li_title{padding:20px 10px; width: calc(100% - 300px);} .sit_use_con{padding:25px; background-color:#f9fbff; border-radius:5px; width:100%; margin-bottom:10px;} .sit_use_p{background-color:unset; padding:0;} .sit_use_p p{line-height:1.5; font-weight:400;} a.btn01{border: 1px solid #e9e9e9; font-size:0.874rem; border-radius:3px;} #sit_qa_list{display:none;} .sit_use_star {position:unset;} #sit_use_wbtn{margin:20px 0 0 0;} #sit_use_wbtn .itemuse_form{background-color:#fff; border:1px solid #0e59f0; border-radius: 5px; color:#0e59f0; font-weight:500; width:fit-content; float:unset; padding:0 17px; font-size:0.938rem; margin-left:auto; display:block;} @media screen and (max-width: 1080px){ .detail_01 {padding-bottom: 50px;} .detail_02 {height: 250px;} #sit_tab {margin: 40px 0;} } @media screen and (max-width: 720px){ .sit_use_li{flex-direction:column; align-items:flex-start; padding-bottom: 10px;} .sit_use_li_title {padding: 10px; width: 100%;} .sit_use_dl{padding-left:10px;} .sit_use_dl dd{width:unset; padding-right:15px;} .sit_use_dl dd:last-child{padding-right:0;} .sit_use_con{padding:15px; margin-top:10px;} } /*--- FAQ > 리스트 ---*/ .b_faq_list .bo_list_head{display:none;} .b_faq_list #bo_btn_top{display:none;} .b_faq_list .bo_list{border-top:2px solid #111;} .b_faq_list .bo_list ul li{position:relative; padding:30px 20px; transition:background-color .2s;} .b_faq_list .bo_list ul li .b_link_tag{display:block; width:100%; height:100%; position:absolute; left:0; top:0;} .b_faq_list .bo_list ul li:hover {background-color:#f9fbff; transition:background-color .3s;} .b_faq_list .bo_list ul li span.s-number{display:none;} .b_faq_list .bo_list ul li span.s-check{position:absolute; right:0; top:50%; transform:translateY(-50%); width: fit-content;} .b_faq_list .bo_list ul li span.s-name {width:100%; font-weight:bold;} .b_faq_list .bo_list ul li span.s-name .bo_tit > div{display:flex; align-items:center;} .b_faq_list #bo_list .bo_tit .title_icon{display:none;} .b_faq_list .bo_tit .b_cate_txt{width: 90px; border-right:1px solid #eaeaea; margin-right:25px;} .b_faq_list .b_info_box{display:flex; justify-content:space-between; margin:80px 0 40px; } .b_faq_list .b_info_box .b_box{border-radius:10px; background-color:#f9fbff; width:49%; padding:30px; display:flex;} .b_faq_list .b_info_box .b_box h2{word-break:keep-all; line-height:1.3;} .b_faq_list .b_info_box .b_box .b_info_cont{border-left:1px solid #eaeaea; padding-left:50px; margin-left:50px;} .b_faq_list .b_info_box .b_box .b_info_cont p{margin-bottom:7px; word-break:keep-all;} .b_faq_list .b_info_box .b_box .b_info_cont p:last-child{color:#999; margin-top:4px;} /*--- FAQ > 검색창 ---*/ #bo_sch{display:flex; position:unset; background:unset; justify-content:center; text-align:left; margin-bottom:40px; padding:0; border:0; margin-top:0px;} #bo_sch form{display:flex; align-items:center; height:55px; border-radius:50px; overflow:hidden; width:100%; max-width:400px; border:1px solid #d9d9d9; } #bo_sch #stx{background-color: #fff; height:100%; padding:0; color:#222; padding:0 20px; width:100%; border:0;} #bo_sch #stx:focus{outline:0; box-shadow:0; border:0;} #bo_sch .b_srh_btn {aspect-ratio:1/1; height: 100%;} #bo_sch .b_srh_btn img{filter:invert(1); width:20px; opacity:.5;} #bo_sch input[type=text]{transition:unset;} #bo_sch input[type=text]:focus {-webkit-box-shadow:0; -moz-box-shadow:0; box-shadow:0; border:0 !important;} /*--- FAQ > 뷰페이지 ---*/ .b_faq_view .b_left_tit{display:flex; align-items:center;} .b_faq_view .b_tit_box .b_cate_txt{margin-right:20px; padding-right:20px; border-right:1px solid #eaeaea;} .b_faq_view .b_tit_box > span{color:#ccc; letter-spacing:2px; display:block;} .b_faq_view #bo_v_con{font-weight:400; margin-bottom:0; padding-bottom: 50px;} .b_faq_view .bo_v_nb{margin-top:0; border-bottom:0; } .b_faq_view .bo_v_nb li{border:0; border-bottom:1px solid #eaeaea; display:flex; align-items:center; padding:0; transition:background-color .2s;} .b_faq_view .bo_v_nb li:hover{transition:background-color .2s; background-color: #f9fbff;} .b_faq_view .bo_v_nb li .nb_tit{color:#888; font-size:0.938rem; width:100px; padding-right:0; padding-left:15px;} .b_faq_view .bo_v_nb li .nb_tit i{margin-left:10px;} .b_faq_view .bo_v_nb li a{font-weight:500; color:#111; display:block; padding:15px 0; width:calc(100% - 100px);} .b_faq_view .bo_v_nb li .nb_date{display:none;} @media screen and (max-width: 1280px){ .b_faq_list .b_info_box .b_box .b_info_cont{padding-left: 30px; margin-left: 30px;} } @media screen and (max-width: 1080px){ .b_faq_list .b_info_box .b_box{flex-direction:column; padding: 20px;} .b_faq_list .b_info_box .b_box .b_info_cont{padding-left:0; margin-left:0; border-left:0;} .b_faq_list .b_info_box .b_box h2{border-bottom:1px solid #eaeaea; padding-bottom:15px; margin-bottom:15px;} } @media screen and (max-width: 720px){ .b_faq_list .b_info_box{flex-wrap:wrap;} .b_faq_list .b_info_box .b_box{width:100%; margin-bottom:15px;} .b_faq_list .bo_list ul li{padding: 20px 10px;} .b_faq_list .bo_list ul li span.s-name .bo_tit > div{align-items: flex-start; flex-direction: column;} .b_faq_list .bo_tit .b_cate_txt {width: auto; margin-right: 0; margin-bottom:10px; border-right:0;} .b_faq_view .b_tit_box{flex-direction:column-reverse;} .b_faq_view .b_tit_box > span{margin-bottom:15px;} .b_faq_view .b_left_tit{flex-direction:column; } .b_faq_view .b_tit_box .b_cate_txt{margin-right:0px; padding-right:0px; border-right:0; margin-bottom:10px;} .b_faq_view .b_tit_box h2{margin-bottom:0;} .b_faq_view .bo_v_nb li .nb_tit{width: 60px; padding-left:0;} .b_faq_view .bo_v_nb li a{width:calc(100% - 60px);} } /**** 240521 수정 ****/ /*--- 상품상세페이지 ---*/ .detail_01 .b_inner{height:auto; } .detail_01 .b_img_box{height:740px;} #sit_opt_added .b_num_wrap{float: left; position: relative; width: 50px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 24px; background-color:#fff; font-size:0.874rem;} #sit_opt_added .b_num_wrap:after{content:'년'; width:17px; height:17px; position:absolute; right: 5px; top: 1px; display:block;} #sit_opt_added .num_input{border-top: 0; border-bottom:0; height: 100%; width: 30px; font-size:0.938rem;} .sit_option label{display:none;} .detail_01 .b_info_top .b_price_box .b_sell_box{margin-bottom:0;} .detail_01 .b_info_box .b_info_top{padding-bottom:20px;} .detail_01 .b_info_bot{padding:20px 0;} .detail_01 .sit_option{display:flex; align-items:center;} .detail_01 #btn_option .b_title{width:90px; margin-bottom:0;} .detail_01 #btn_option .b_cont{width: calc(100% - 90px);} .detail_01 .sit_option select{border-radius:4px;} .detail_01 .sit_option select:focus{outline:0; transition:.3s;} #sit_opt_added{display: flex; flex-direction: column-reverse;} #sit_opt_added li.sit_spl_list{padding:0;} #sit_opt_added li .b_prc_wrap{display:flex; align-items:center;} #sit_opt_added .sit_opt_subj{word-break:keep-all;} #sit_opt_added .sit_opt_prc{font-size: 0.938rem; word-break:keep-all; } #sit_opt_added li .b_add_wrap .b_num_wrap{text-align:center; width: 40px;} #sit_opt_added .sit_opt_del i{transform:rotate(45deg); font-size:13px;} #sit_opt_added li .b_add_wrap button.sit_qty_minus {border-right:0;} #sit_opt_added li .b_add_wrap button.sit_qty_plus {border-left:0;} #sit_opt_added li .b_add_wrap button.sit_opt_del{position:unset; border:1px solid #ddd; margin-left:5px;} /*--- 주문상세내역 ---*/ .sod_list .sod_li{flex-wrap: wrap;} @media screen and (max-width:1200px){ #sit_opt_added li .b_prc_wrap{flex-direction:column; align-items:flex-start;} } @media screen and (max-width:1080px){ .detail_01 .b_inner{height:auto;} .detail_01 .b_img_box{height:500px;} #sit_opt_added li .b_prc_wrap{flex-direction:row; align-items:center;} #sod_list_inq{overflow-x: scroll;} .sod_list .sod_li{width: 1000px;} } @media screen and (max-width: 720px){ .detail_01 .b_item_box .b_info_box{padding:20px;} #sit_opt_added li .b_add_wrap .b_num_wrap{width: 30px;} #sit_opt_added button i {font-size: 10px;} #sit_opt_added .sit_opt_del i{font-size: 11px;} }