/*20250503 새로운 로딩바 생성*/ .gogo-loader-overlay { position:fixed; inset:0; background-color: rgba(0,0,0,0.7); z-index: 2555; } .gogo-loader-wrap { position:fixed; top:50%; left:50%; transform: translate(-50%, -50%); } .gogo-loader { width: 60px; height: 60px; border: 5px solid #FFF; border-bottom-color: #ff5d6a; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #container {width:100%; max-width:720px; min-height:100%; margin:0 0 0 49%; padding:0; box-shadow:0 0 20px 0 rgba(0, 0, 0, 0.03); background:#fff; zoom: 0.7;} #container.fixed_menu_back {padding-bottom:132px;} #fixed_top {position:fixed; top:0; left:49%; width:720px; z-index:10;} #fixed_top .order-search-fixed {position:absolute; top:30px; right:30px; height:40px; line-height:40px; font-size:24px; color:#888; text-align:right; } #fixed_top .order-search-fixed .m_refresh {margin-right:20px; cursor:pointer;} #fixed_top .order-search-fixed span {color:#333;} .usim-btn {display: flex; justify-content: center; align-items: center; margin-top: 50px; padding: 28px 0; width: 100%; background-color: #ff5d6a; border-radius: 10px; color: #fff; font-size: 30px; cursor: pointer;} .tc {text-align:center;} .tl {text-align:left;} .tr {text-align:right;} .color_red {color:red;} .color_grey {color:grey;} .mr20 {margin-right:20px;} .mr15 {margin-right:15px;} .mr165 {margin-right:165px;} .main-title {background:#fff;} @media (max-width:720px){ .mr15 {margin-right:1.78vw;} .mr20 {margin-right:2.78vw;} .mr165 {margin-right:22.92vw;} } /* * px vw 변환 * 7.2px = 1vw * px에서 계산해서 근사치로 맞춤. */ /* fix_container : STR */ #fix_container {position: fixed; top:0; right: calc(51% + 50px); text-align: center; width: 360px; min-height: 100%; background-color: #f6f6fb ;} #fix_container .fix_info{position: relative; padding:50px 0 0 40px; text-align:left;} #fix_container .fix_info .fix_info_title {line-height:50px; font-size:42px; font-family:'Jalnan'; font-weight:normal; color:#ff5d6a;} #fix_container .fix_info .fix_info_title label {color:#53577b} #fix_container .fix_info .fix_info_content {margin-top:20px; font-size:21px; font-weight:normal; color:#53577b;} #fix_container .fix_cont {position:relative; margin-top: 50px; padding: 0 40px; text-align: left; background:#f6f6fb; z-index:1;} #fix_container .fix_cont b{font-size: 16px;} #fix_container .fix_cont p{font-size: 14px; margin-top: 6px;} #fix_container .fix_cont p span{font-weight: bold;} #fix_container .fix_cont .baro_btn {display: flex; justify-content: space-between; align-items: center; margin-top: 20px; border: 1px solid #e3e3e3; background-color: #fff; padding: 10px 26px; border-radius: 10px;} #fix_container .fix_cont .baro_btn .baro_img{width: 72px;} #fix_container .fix_cont .baro_btn .img_text{color: #333; font-size: 14px; font-weight: 500;} #fix_container .fix_cont .baro_btn .img_text > img{width: 16px; margin-left: 6px;} #fix_container .fix_download{display: flex; justify-content: center; gap: 10px; margin:70px 0 0 0;} #fix_container .fix_footer {position:absolute; bottom:50px; left:0; width:100%; padding:0 0 0 80px; zoom:0.5;text-align: left;} #fix_container .fix_footer .footer-customer {padding:50px 60px; border-bottom:2px solid #f1f1f1;} #fix_container .fix_footer .footer-customer:after {content:''; display:block; clear:both;} #fix_container .fix_footer .footer-customer .customer-number {float:left; width:290px; font-size:28px; font-weight:700; color:#333;} #fix_container .fix_footer .footer-customer .customer-number span {font-size:54px; font-weight:700; color:#ff5d6a;} #fix_container .fix_footer .footer-customer .customer-time {float:right; width:310px; padding-left:30px; font-size:26px; font-weight:normal; color:#333; border-left:2px solid #f1f1f1;} #fix_container .fix_footer .footer-customer .customer-time span {float:right; font-size:26px; font-weight:normal; color:#888; text-align:right;} #fix_container .fix_footer .footer-logo {padding:50px 0 30px;} #fix_container .fix_footer .footer-logo:after {content:''; display:block; clear:both;} #fix_container .fix_footer .footer-logo .footer-logo-img {float:left; width:208px;} #fix_container .fix_footer .footer-logo .footer-icons {float:right; width:350px; } #fix_container .fix_footer .footer-logo .footer-icons .footer-icon {width:50px; margin-left:10px; cursor:pointer;} #fix_container .fix_footer .footer-logo .footer-icons .footer-icon:first-child {margin-left:0;} #fix_container .fix_footer .footer-info {position:relative; margin-bottom:30px; padding:0; line-height:50px; font-size:28px; font-weight:normal; color:#888;} #fix_container .fix_footer .footer-info label {color:#333;} #fix_container .fix_footer .footer-info .ictmarket_logo {position:absolute; top:0; right:30px; width:120px; height:120px; } #fix_container .fix_footer .footer-link {border-top:1px solid #f1f1f1; display:none;} #fix_container .fix_footer .footer-link .footer-link-btn {width:100%; height:60px; line-height:60px; font-size:22px; font-weight:normal; color:#333; text-align:center; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; background:#f9f9f9;} #fix_container .fix_footer .footer-link .footer-link-btn:last-child {border-bottom:0;} #fix_container .fix_footer .footer-family-site {position:relative; width:100%; height:80px; line-height:80px; font-size:22px; font-weight:normal; color:#333; text-align:center; border-top:2px solid #f1f1f1; border-bottom:2px solid #f1f1f1; cursor:pointer;} #fix_container .fix_footer .footer-family-site .site-btn-open {position:absolute; top:35px; right:30px;} #fix_container .fix_footer .footer-family-site .site-btn-close {position:absolute; top:35px; right:30px; display:none;} @media (max-width:720px){ #fix_container {display: none;} } /* fix_container : END */ /* footer fixed : STR */ #fixed_menu {position:fixed; bottom:0; left:49%; width:100%; height:132px; max-width:720px; padding:19px 30px; background:#fff; box-shadow:0 -5px 20px 0 rgba(0, 0, 0, 0.05); z-index:997;} #fixed_menu:after {content:''; display:block; clear:both;} #fixed_menu .menu_icon {float:left; position:relative; width:20%; line-height:60px; font-size:22px; color:#888; text-align:center; cursor:pointer;} #fixed_menu .menu_icon.on {color:#ff5d6a;} #fixed_menu .menu_icon img {width:48px;} #fixed_menu .menu_icon.icon_only {padding-top:30px;} #fixed_menu .menu_icon .menu_icon_unreadCount {position:absolute; top:1px; right:32px; width:30px; height:30px; line-height:30px; font-size:18px; font-weight:700; color:#fff; text-align:center; border-radius:50%; background:#ff3040; display:none;} #fixed_menu .menu_icon.on .menu_icon_unreadCount {background:#333;} #footer {background:#fff; display:none;} #footer .footer-customer {padding:50px 60px; border-bottom:2px solid #f1f1f1;} #footer .footer-customer:after {content:''; display:block; clear:both;} #footer .footer-customer .customer-number {float:left; width:290px; font-size:28px; font-weight:700; color:#333;} #footer .footer-customer .customer-number span {font-size:54px; font-weight:700; color:#ff5d6a;} #footer .footer-customer .customer-time {float:right; width:310px; padding-left:30px; font-size:26px; font-weight:normal; color:#333; border-left:2px solid #f1f1f1;} #footer .footer-customer .customer-time span {float:right; font-size:26px; font-weight:normal; color:#888; text-align:right;} #footer .footer-logo {padding:50px 60px 30px;} #footer .footer-logo:after {content:''; display:block; clear:both;} #footer .footer-logo .footer-logo-img {float:left; width:208px;} #footer .footer-logo .footer-icons {float:right; width:350px; text-align:right;} #footer .footer-logo .footer-icons .footer-icon {width:50px; margin-left:40px; cursor:pointer;} #footer .footer-logo .footer-icons .footer-icon:first-child {margin-left:0;} #footer .footer-info {margin-bottom:30px; padding:0 60px; line-height:42px; font-size:22px; font-weight:normal; color:#888;} #footer .footer-info label {color:#333;} #footer .footer-info .ictmarket_logo {position:absolute; right:30px; width:120px; height:120px; } #footer .footer-link {border-top:1px solid #f1f1f1; display:none;} #footer .footer-link .footer-link-btn {width:100%; height:60px; line-height:60px; font-size:22px; font-weight:normal; color:#333; text-align:center; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; background:#f9f9f9;} #footer .footer-link .footer-link-btn:last-child {border-bottom:0;} #footer .footer-family-site {position:relative; width:100%; height:80px; line-height:80px; font-size:22px; font-weight:normal; color:#333; text-align:center; border-top:2px solid #f1f1f1; border-bottom:2px solid #f1f1f1; cursor:pointer;} #footer .footer-family-site .site-btn-open {position:absolute; top:35px; right:30px;} #footer .footer-family-site .site-btn-close {position:absolute; top:35px; right:30px; display:none;} @media (max-width:720px){ #fixed_menu {position:fixed; bottom:0; left:0; width:100%; height:18.33vw; max-width:100vw; padding:2.64vw 4.17vw; background:#fff; box-shadow:0 -0.69vw 2.78vw rgba(0, 0, 0, 0.05); z-index:997;} #fixed_menu:after {content:''; display:block; clear:both;} #fixed_menu .menu_icon {float:left; position:relative; width:20%; line-height:8.33vw; font-size:3.06vw; color:#888; text-align:center; cursor:pointer;} #fixed_menu .menu_icon.on {color:#ff5d6a;} #fixed_menu .menu_icon img {width:6.67vw;} #fixed_menu .menu_icon.icon_only {padding-top:4.17vw;} #fixed_menu .menu_icon .menu_icon_unreadCount {position:absolute; top:0.14vw; right:4.44vw; width:4.17vw; height:4.17vw; line-height:4.17vw; font-size:2.5vw; font-weight:700; color:#fff; text-align:center; border-radius:50%; background:#ff3040; display:none;} #fixed_menu .menu_icon.on .menu_icon_unreadCount {background:#333;} #footer {background:#fff; display:block;} #footer .footer-customer {padding:6.94vw 8.33vw; border-bottom:0.28vw solid #f1f1f1;} #footer .footer-customer:after {content:''; display:block; clear:both;} #footer .footer-customer .customer-number {float:left; width:40.28vw; font-size:3.89vw; font-weight:700; color:#333;} #footer .footer-customer .customer-number span {font-size:7.5vw; font-weight:700; color:#ff5d6a;} #footer .footer-customer .customer-time {float:right; width:43.06vw; padding-left:4.17vw; font-size:3.61vw; font-weight:normal; color:#333; border-left:0.28vw solid #f1f1f1;} #footer .footer-customer .customer-time span {float:right; font-size:3.61vw; font-weight:normal; color:#888; text-align:right;} #footer .footer-logo {padding:6.94vw 8.33vw 4.17vw;} #footer .footer-logo:after {content:''; display:block; clear:both;} #footer .footer-logo .footer-logo-img {float:left; width:28.89vw;} #footer .footer-logo .footer-icons {float:right; width:48.61vw; text-align:right;} #footer .footer-logo .footer-icons .footer-icon {width:6.94vw; margin-left:5.56vw; cursor:pointer;} #footer .footer-logo .footer-icons .footer-icon:first-child {margin-left:0;} #footer .footer-info {margin-bottom:4.17vw; padding:0 8.33vw; line-height:5.83vw; font-size:3.06vw; font-weight:normal; color:#888;} #footer .footer-info label {color:#333;} #footer .footer-info .ictmarket_logo {position:absolute; right:4.17vw; width:16.67vw; height:16.67vw; } #footer .footer-link {border-top:0.14vw solid #f1f1f1; display:none;} #footer .footer-link .footer-link-btn {width:100%; height:8.33vw; line-height:8.33vw; font-size:3.06vw; font-weight:normal; color:#333; text-align:center; border-top:0.14vw solid #f1f1f1; border-bottom:0.14vw solid #f1f1f1; background:#f9f9f9;} #footer .footer-link .footer-link-btn:last-child {border-bottom:0;} #footer .footer-family-site {position:relative; width:100%; height:11.11vw; line-height:11.11vw; font-size:3.06vw; font-weight:normal; color:#333; text-align:center; border-top:0.28vw solid #f1f1f1; border-bottom:0.28vw solid #f1f1f1; cursor:pointer;} #footer .footer-family-site .site-btn-open {position:absolute; top:4.86vw; right:4.17vw; width:1.67vw;} #footer .footer-family-site .site-btn-close {position:absolute; top:4.86vw; right:4.17vw; width:1.67vw; display:none;} } /* footer fixed : END */ /* index : STR */ #intro_page {width:100%; min-height:100%; padding:80px 80px 0 80px; background:#fff;} #intro_page .main-title {line-height:100px; font-family:'Jalnan'; font-size:84px; color:#ff5d6a;} #intro_page .main-title span {color:#53577b;} #intro_page .sub-title {margin-top:50px; line-height:58px; font-family:'S-CoreDream'; font-size:42px; color:#53577b;} #intro_page .m_intro_img {width:100%; margin-top:64px;} #index_page {padding:30px; display:none;} #index_page .main-title {margin-top:130px; line-height:70px; font-size:50px; font-weight:700;} #index_page .sub-title {margin-top:20px; line-height:43px; font-size:28px; color:#888;} #index_page .m_index_img {margin:120px auto; display:block;} #index_page .login-btn {position:relative; width:100%; height:100px; margin-top:20px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #index_page .login-btn .phone_login {position:absolute; top:30px; left:30px; width:44px;} #index_page .next-btn {position:relative; width:100%; height:100px; margin-top:20px; line-height:100px; font-size:30px; color:#333; text-align:center; border-radius:10px; background:#fee500; cursor:pointer;} #index_page .next-btn .kakao_login {position:absolute; top:30px; left:30px; width:44px;} #index_page .apple_btn {position:relative; width:100%; height:100px; margin-top:20px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#000; cursor:pointer;} #index_page .apple_btn .apple_login {position:absolute; top:30px; left:30px; width:44px;} @media (max-width:720px){ #intro_page {width:100%; min-height:100%; padding:11.11vw 11.11vw 0 11.11vw; background:#fff;} #intro_page .main-title {line-height:13.89vw; font-family:'Jalnan'; font-size:11.67vw; color:#ff5d6a;} #intro_page .main-title span {color:#53577b;} #intro_page .sub-title {margin-top:6.94vw; line-height:8.06vw; font-family:'S-CoreDream'; font-size:5.83vw; color:#53577b;} #intro_page .m_intro_img {width:100%; margin-top:8.89vw;} #index_page {padding:4.17vw;} #index_page .main-title {margin-top:18.06vw; line-height:9.72vw; font-size:6.94vw; font-weight:700;} #index_page .sub-title {margin-top:2.78vw; line-height:5.97vw; font-size:3.89vw; color:#888;} #index_page .m_index_img {max-width:50%; margin:16.67vw auto; display:block;} #index_page .login-btn {position:relative; width:100%; height:13.89vw; margin-top:2.78vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #index_page .login-btn .phone_login {position:absolute; top:4.17vw; left:4.17vw; width:6.11vw;} #index_page .next-btn {position:relative; width:100%; height:13.89vw; margin-top:2.78vw; line-height:13.89vw; font-size:4.17vw; color:#333; text-align:center; border-radius:1.39vw; background:#fee500; cursor:pointer;} #index_page .next-btn .kakao_login {position:absolute; top:4.17vw; left:4.17vw; width:6.11vw;} #index_page .apple_btn {position:relative; width:100%; height:13.89vw; margin-top:2.78vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#000; cursor:pointer;} #index_page .apple_btn .apple_login {position:absolute; top:4.17vw; left:4.17vw; width:6.11vw;} } /* index : END */ /* user_login : STR */ #user_login {padding:30px;} #user_login .main-title {position:relative; height:100px; line-height:100px; padding:25px 0; border-bottom:2px solid #f1f1f1;} #user_login .main-title .m_header_back {position:absolute; top:26px; left:30px; width:48px; cursor:pointer;} #user_login .main-text {position:relative; margin-top:100px; line-height:70px; font-size:50px; font-weight:700;} #user_login .sub-title {margin-top:20px; line-height:43px; font-size:28px; color:#888;} #user_login .m_index_img {margin:120px auto 0; display:block;} #user_login .index-contents {margin-top:30px; margin-bottom:200px; line-height:50px; font-size:41px; font-family:Jalnan; font-weight:normal; color:#333; text-align:center; } #user_login .index-contents span {color:#ff5d6a;} #user_login .login-btn {position:relative; width:100%; height:100px; margin-top:20px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #user_login .login-btn .phone_login {position:absolute; top:30px; left:30px; width:44px;} #user_login .next-btn {position:relative; width:100%; height:100px; margin-top:20px; line-height:100px; font-size:30px; color:#333; text-align:center; border-radius:10px; background:#fee500; cursor:pointer;} #user_login .next-btn .kakao_login {position:absolute; top:30px; left:30px; width:44px;} #user_login .apple_btn {position:relative; width:100%; height:100px; margin-top:20px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#000; cursor:pointer;} #user_login .apple_btn .apple_login {position:absolute; top:30px; left:30px; width:44px;} @media (max-width:720px){ #user_login {padding:4.17vw;} #user_login .main-title {position:relative; height:13.89vw; line-height:13.89vw; padding:3.47vw 0; border-bottom:0.28vw solid #f1f1f1;} #user_login .main-title .m_header_back {position:absolute; top:3.61vw; left:4.17vw; width:6.67vw; cursor:pointer;} #user_login .main-text {margin-top:13.89vw; line-height:9.72vw; font-size:6.94vw; font-weight:700;} #user_login .sub-title {margin-top:2.78vw; line-height:5.97vw; font-size:3.89vw; color:#888;} #user_login .m_index_img {max-width:50%; margin:16.67vw auto 0; display:block;} #user_login .index-contents {margin-top:4.17vw; margin-bottom:27.78vw; line-height:6.94vw; font-size:5.69vw; font-family:Jalnan; font-weight:normal; color:#333; text-align:center; } #user_login .index-contents span {color:#ff5d6a;} #user_login .login-btn {position:relative; width:100%; height:13.89vw; margin-top:2.78vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #user_login .login-btn .phone_login {position:absolute; top:4.17vw; left:4.17vw; width:6.11vw;} #user_login .next-btn {position:relative; width:100%; height:13.89vw; margin-top:2.78vw; line-height:13.89vw; font-size:4.17vw; color:#333; text-align:center; border-radius:1.39vw; background:#fee500; cursor:pointer;} #user_login .next-btn .kakao_login {position:absolute; top:4.17vw; left:4.17vw; width:6.11vw;} #user_login .apple_btn {position:relative; width:100%; height:13.89vw; margin-top:2.78vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#000; cursor:pointer;} #user_login .apple_btn .apple_login {position:absolute; top:4.17vw; left:4.17vw; width:6.11vw;} } /* user_login : END */ /* nick : STR */ #nick {position:relative; min-height:100%; padding:130px 30px 180px 30px;} #nick .nick-title {line-height:70px; padding-bottom:20px; font-size:50px; font-weight:700; color:#000;} #nick .nick-input {margin-top:30px; padding:30px; border:2px solid #f1f1f1; border-radius:10px;} #nick .nick-input:after {content:''; display:block; clear:both;} #nick .nick-input .nick-input-title {width:140px; min-height:40px; line-height:40px; margin-right:30px; font-size:24px; color:#888; border:0; display:inline-block;} #nick .nick-input .nick-input-text {width:426px; height:40px; line-height:40px; font-size:34px; font-weight:700; color:#333; vertical-align:top; display:inline-block;} #nick .nick-input .nick-input-text.two-line {height:80px; padding:20px 0;} #nick .nick-input .nick-input-text input {width:100%; height:100%; font-size:28px; font-weight:normal; color:#333; border:0;} #nick .nick-input .email_select {width:100%; border-bottom:2px solid #f1f1f1;} #nick .nick-input-error {line-height:40px; margin-top:20px; font-size:26px; color:#888;} #nick .next-btn {position:absolute; bottom:10px; left:30px; width:660px; height:100px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#c3c3c3; cursor:pointer;} #nick .email_input{display: flex;} #nick .email_input .email_text{font-size: 28px;letter-spacing: -0.84px;color:#888;} #nick .email_input .email_text input{width: 193px;height: 80px;line-height: 1;color:#333;padding:20px;text-align: left;border: 0;border-bottom: 2px solid #f1f1f1;font-size: 28px;} #nick .email_select{margin-top:20px;padding:20px 10px 19px 13px;font-size: 28px;letter-spacing: -0.84px;line-height: 1.21;color:#333;border: 0;border-bottom: 2px solid #f1f1f1;} @media (max-width:720px){ #nick {position:relative; min-height:100%; padding:18.06vw 4.17vw 25vw 4.17vw;} #nick .nick-title {line-height:9.72vw; padding-bottom:2.78vw; font-size:6.94vw; font-weight:700; color:#000;} #nick .nick-input {margin-top:4.17vw; padding:4.17vw; border:0.28vw solid #f1f1f1; border-radius:1.39vw;} #nick .nick-input:after {content:''; display:block; clear:both;} #nick .nick-input .nick-input-title {width:20vw; min-height:5.56vw; line-height:5.56vw; margin-right:4.17vw; font-size:3.33vw; color:#888; border:0; display:inline-block;} #nick .nick-input .nick-input-text {width:58vw; height:5.56vw; line-height:5.56vw; font-size:4.72vw; font-weight:700; color:#333; display:inline-block;} #nick .nick-input .nick-input-text.two-line {height:11.11vw; padding:2.78vw 0;} #nick .nick-input .nick-input-text input {width:100%; height:100%; font-size:3.88vw; font-weight:normal; color:#333; border:0;} #nick .nick-input-error {line-height:5.56vw; margin-top:2.78vw; font-size:3.61vw; color:#888;} #nick .next-btn {position:absolute; bottom:4.17vw; left:4.17vw; width:91.67vw; height:13.89vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#c3c3c3; cursor:pointer;} #nick .email_input .email_text{font-size: 3.89vw;letter-spacing: -0.12vw;} #nick .email_input .email_text input{width: 26.39vw;height: 11.11vw;padding:2.78vw;border-bottom: 0.28vw solid #f1f1f1;font-size: 3.89vw;} #nick .email_select{margin-top:2.78vw;padding:2.78vw 1.39vw 2.64vw 1.81vw;font-size: 3.89vw;letter-spacing: -0.12vw;border-bottom: 0.28vw solid #f1f1f1;} } /* nick : END */ /* addr : STR */ #addr {position:relative; min-height:100%; padding:130px 30px 180px 30px;} #addr .main-title {font-size:50px; font-weight:700; color:#000;} #addr .sub-title {margin-top:20px; font-size:28px; color:#888;} #addr .addr-input-title {margin-top:50px; font-size:28px; font-weight:700; color:#333;} #addr .addr-input {position:relative; width:100%; height:100px; margin-top:20px; padding:30px; line-height:40px; border:2px solid #f1f1f1; border-radius:10px;} #addr .addr-input:after {content:''; display:block; clear:both;} #addr .addr-input label {float:left; width:100px; margin-right:20px; font-size:24px; color:#888;} #addr .addr-input input {float:left; width:450px; font-size:28px; color:#333; border:0; background:none;} #addr .addr-input #layer {position:absolute; top:-100px; width:600px; height:500px; border:5px solid #333; overflow:hidden; z-index:1; -webkit-overflow-scrolling:touch; display:none;} #addr .addr-input #layer #btnCloseLayer {cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1} #addr .addr-locaion {width:300px; height:60px; margin-top:20px; line-height:60px; font-size:28px; color:#888; text-align:center; border-radius:10px; background:#f1f1f1; cursor:pointer;} #addr .addr-locaion .m_location {width:40px; vertical-align:text-bottom;} #addr .next-btn {position:absolute; bottom:10px; left:30px; width:660px; height:100px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#c3c3c3; cursor:pointer;} #addr .next-btn.active {color:#fff; background:#ff5d6a;} @media (max-width:720px){ #addr {position:relative; min-height:100%; padding:18.06vw 4.17vw 25vw 4.17vw;} #addr .main-title {font-size:6.94vw; font-weight:700; color:#000;} #addr .sub-title {margin-top:2.78vw; font-size:3.89vw; color:#888;} #addr .addr-input-title {margin-top:6.94vw; font-size:3.89vw; font-weight:700; color:#333;} #addr .addr-input {position:relative; width:100%; height:13.89vw; margin-top:2.78vw; padding:4.17vw; line-height:5.56vw; border:0.28vw solid #f1f1f1; border-radius:1.39vw;} #addr .addr-input:after {content:''; display:block; clear:both;} #addr .addr-input label {float:left; width:13.89vw; margin-right:2.78vw; font-size:3.33vw; color:#888;} #addr .addr-input input {float:left; width:62.5vw; font-size:3.89vw; color:#333; border:0; background:none;} #addr .addr-input #layer {position:absolute; top:4.17vw; width:83.33vw; height:69.44vw; border:0.69vw solid #333; overflow:hidden; z-index:1; -webkit-overflow-scrolling:touch; display:none;} #addr .addr-input #layer #btnCloseLayer {position:absolute; right:-0.42vw; top:-0.42vw; cursor:pointer; z-index:1} #addr .addr-locaion {width:41.67vw; height:8.33vw; margin-top:2.78vw; line-height:8.33vw; font-size:3.89vw; color:#888; text-align:center; border-radius:1.39vw; background:#f1f1f1; cursor:pointer;} #addr .addr-locaion .m_location {width:5.56vw; vertical-align:text-bottom;} #addr .next-btn {position:absolute; bottom:1.39vw; left:4.17vw; width:91.67vw; height:13.89vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#c3c3c3; cursor:pointer;} #addr .next-btn.active {color:#fff; background:#ff5d6a;} } /* addr : END */ /* start : STR */ #start {position:relative; min-height:calc(100% - 132px); background:#fff;} #start .start-title{position:absolute; top:50%; left:50%; width:100%; padding:40px; font-size: 40px; line-height: 60px; color: #000; text-align: center; border-radius:20px; background:#fff; transform:translate(-50%, -50%);} #start .start-title .start-title-bold{font-weight:700; color:#ff5d6a;} #start .m_start_check{width: 120px; display: block; margin: 0 auto;} @media (max-width:720px){ #start {position:relative; min-height:calc(100% - 18.33vw); background:#fff;} #start .start-title{position:absolute; top:50%; left:50%; width:100%; padding:5.56vw;font-size:5.56vw; line-height: 8.33vw; color: #000; text-align: center; border-radius:20px; background:#fff; transform:translate(-50%, -50%);} #start .start-title .start-title-bold{font-weight:700; color:#ff5d6a;} #start .m_start_check{width: 16.67vw; display: block; margin: 0vw auto;} } /* start : END */ /* home : STR */ #home_page {position:relative; padding-top:70px;} #home_page .notice_header{max-width: 720px; width: 720px; position: fixed; top: 0; z-index: 15; left: 49%; backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);} #home_page .notice_wrap {display:flex; justify-content: space-between; height: 70px; padding: 0 30px; align-items: center; background:#fff;} #home_page .sub-title {line-height:60px; font-size:36px; font-weight:700; color:#333; letter-spacing: -2px;} #home_page .swiper-pagination .home-swiper-bullet {width:18px; height:18px; margin:0 10px; border-radius:50%; background:#f1f1f1; cursor:pointer; display:inline-block;} #home_page .swiper-pagination .home-swiper-bullet-active {background:#333;} #home_page .swiper-slide {cursor:pointer;} #home_page .home-guide {padding:0;} #home_page .home-guide .guide-banner {position:relative; width:100%; height:274px;} #home_page .home-guide .guide-banner ul li {position:relative; padding:30px;} #home_page .home-guide .guide-banner ul li .slide-left {width:100%; padding:0;} #home_page .home-guide .guide-banner ul li .slide-left .left-title {line-height:54px; font-size:42px; font-weight:bold; color:#333;} #home_page .home-guide .guide-banner ul li .slide-left .left-title label {font-size:36px;} #home_page .home-guide .guide-banner ul li .slide-left .left-text {line-height:34px; margin-top:10px; font-size:24px; color:#333333;} #home_page .home-icon {margin-top:50px; padding:0 30px;} #home_page .home-icon .icon-link {width:320px; height:200px; line-height:60px; margin-top:32px; padding:30px; font-size:28px; font-weight:700; color:#53577b; text-align:center; border:2px solid #f1f1f1; border-radius:30px; cursor:pointer; display:inline-block;} #home_page .home-icon .icon-img_wrap{display: flex; justify-content: center; align-items: center; height: 80px;} #home_page .home-bbs { padding:50px 30px 0;} #home_page .home-bbs:after {content:''; display:block; clear:both;} #home_page .home-bbs .bbs-list {position:relative; float:left; width:320px; height:340px; margin-top:20px; padding:30px; border-radius:30px; border:2px solid #f1f1f1; background:#fff; cursor:pointer;} #home_page .home-bbs .bbs-list:nth-child(even) {margin-right:20px;} #home_page .home-bbs .bbs-list .bbs-title {font-size:32px; font-weight:700; color:#333;} #home_page .home-bbs .bbs-list .bbs-content {margin-top:10px; font-size:24px; font-weight:normal; color:#888;} #home_page .home-bbs .bbs-list .bbs-image {position:absolute; bottom:30px; right:30px;} #home_page .home-bbs .bbs-list.back-11DBDB {background:#11DBDB;} #home_page .home-bbs .bbs-list.back-11DBDB .bbs-content{color:#066363;letter-spacing: -0.72px;} #home_page .home-bbs .bbs-list.back-9eaeff {background:#9eaeff;} #home_page .home-bbs .bbs-list.back-9eaeff .bbs-content{color:#213181;letter-spacing: -0.72px;} #home_page .home-compare {margin-top:50px; padding:50px 0; border-top:20px solid #f1f1f1; background-image:linear-gradient(to bottom, #fff, #f1f1f1);} #home_page .home-compare.back_none {background: #fff !important;} #home_page .home-compare .estimate-tabs {line-height:60px; font-size:30px; text-align:center; border-bottom:2px solid #f1f1f1;} #home_page .home-compare .estimate-tabs .estimate-tab {width:160px; margin-bottom:-2px; padding-bottom:30px; color:#888; cursor:pointer; display:inline-block;} #home_page .home-compare .estimate-tabs .estimate-tab.active {font-weight:700; color:#333; border-bottom:2px solid #333;} #home_page .home-compare .estimate-tabs .estimate-tab.active span {color:#ff5d6a;} #home_page .home-compare .estimate-content {} #home_page .home-compare .estimate-content .estimate-realtime {position:relative; height:260px; margin:30px; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff; cursor:pointer;} #home_page .home-compare .estimate-content .estimate-realtime .realtime-row {height:60px; margin-bottom:10px;} #home_page .home-compare .estimate-content .estimate-realtime .realtime-row .realtime-title {width:80px; height:60px; line-height:60px; margin-right:20px; font-size:26px; font-weight:700; color:#333; display:inline-block;} #home_page .home-compare .estimate-content .estimate-realtime .realtime-row .realtime-count {width:390px; height:60px; line-height:60px; margin-right:10px; padding-right:20px; font-size:34px; font-weight:700; color:#fff; text-align:right; letter-spacing:6.8px; border-radius:10px; background:#ff5d6a; display:inline-block;} #home_page .home-compare .estimate-content .estimate-realtime .realtime-row .realtime-text {width:30px; height:60px; line-height:60px; font-size:28px; color:#888; display:inline-block;} #home_page .home-compare .estimate-content .estimate-realtime .m_next {position:absolute; top:115px; right:30px; max-width:5%;} #home_page .home-compare .estimate-content .estimate-my {padding:30px; height:320px;} #home_page .home-compare .estimate-content .estimate-my .my-slide {position:relative; width:590px; height:260px; margin-right:30px !important; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-top {width:100%; height:40px;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-top:after {content:''; display:block; clear:both;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-top-status {float:left; line-height:40px; padding:0 10px; font-size:22px; color:#888; border-radius:8px; background-color:#f1f1f1;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-top-date {float:right; line-height:40px; padding:0 10px; font-size:24px; color:#888;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-bottom {margin-top:20px; height:140px;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-bottom:after {content:''; display:block; clear:both;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-img {float:left; width:100px; height:140px; display:flex; justify-content:center; align-items:center;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-img img {max-width:100%; max-height:100%;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-text {float:left; width:280px;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-type {height:40px; padding-left:20px; line-height:40px; font-size:24px;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-name {height:100px; padding-left:20px; line-height:60px; font-size:30px; font-weight:700;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-estimate {float:left; width:110px; text-align:right;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-count {height:100px; line-height:60px; font-size:40px; font-weight:700;} #home_page .home-compare .estimate-content .estimate-my .my-slide .m_next {position:absolute; bottom:85px; right:30px; max-width:5%; cursor:pointer;} #home_page .home-compare .estimate-content .estimate-my .my-last-slide {width:130px !important; height:260px; margin:0 !important; padding:95px 0; line-height:40px; font-size:20px; color:#888; text-align:center; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content .estimate-my .estimate-my-pagination {top:auto; bottom:0; left:calc(50% - 100px); width:200px; height:10px; border-radius:5px; background:#c3c3c3;} #home_page .home-compare .estimate-content .estimate-my .estimate-my-pagination .swiper-scrollbar-drag {height:10px; border-radius:5px; background:#333;} #home_page .home-compare .estimate-content .estimate-my-none {position:relative; width:660px; height:260px; margin:30px; padding:50px 30px; line-height:50px; font-size:28px; color:#333; text-align:center; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content .estimate-my-none .estimate-request-btn {width:280px; height:80px; line-height:80px; margin:20px auto; font-size:28px; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} /* 메인 한줄리뷰 추가 */ #home_page .home-compare.back_on {margin-top: 0;} #home_page .home-compare .sub-title{margin-left: 30px;} #home_page .home-compare .estimate-content2 .estimate-review {padding:30px; height:280px;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide {position:relative; width:590px; height:214px; margin-right:30px !important; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top {display: flex; justify-content: space-between; width:100%; height:40px;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top_left {display: flex; align-items: center;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top_right {font-size: 24px; color: #888;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top-name {line-height:40px; padding:0; font-size:28px; color:#333; font-weight: bold;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top-star {line-height:40px; padding:0 ; margin-left: 20px; font-size:28px; color:#ff5d6a; font-weight: bold;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-bottom {margin-top:20px;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-img {float:left; width:100px; height:140px; display:flex; justify-content:center; align-items:center;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-img img {max-width:100%; max-height:100%;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-text {line-height:1.5; font-size:28px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #888;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-name {height:100px; padding-left:20px; line-height:60px; font-size:30px; font-weight:700;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-estimate {float:left; width:110px; text-align:right;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-count {height:100px; line-height:60px; font-size:40px; font-weight:700;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .m_next {position:absolute; bottom:85px; right:30px; max-width:5%; cursor:pointer;} #home_page .home-compare .estimate-content2 .estimate-review .review-last-slide {width:130px !important; height:214px; margin:0 !important; padding:80px 0; line-height:40px; font-size:20px; color:#888; text-align:center; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content2 .estimate-review .estimate-review-pagination {top:auto; bottom:0; left:calc(50% - 100px); width:200px; height:10px; border-radius:5px; background:#c3c3c3;} #home_page .home-compare .estimate-content2 .estimate-review .estimate-review-pagination .swiper-scrollbar-drag {height:10px; border-radius:5px; background:#333;} #home_page .home-compare .estimate-content2 .estimate-review-none {position:relative; width:660px; height:214px; margin:30px; padding:50px 30px; line-height:50px; font-size:28px; color:#333; text-align:center; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content2 .estimate-review-none .estimate-request-btn {width:280px; height:80px; line-height:80px; margin:20px auto; font-size:28px; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} #home_page .home_middle_banner {width: 91.67%; height:180px; margin:50px auto 0; padding:30px 30px 0 30px; background-color: #fbc7c7; border-radius: 30px;} #home_page .home_middle_banner a{display: flex; justify-content: space-between;} #home_page .home_middle_banner .slide-left .left-title {margin-top:20px; font-size:46px; color:#333; font-family:"Jalnan";color:#333; margin-top: 0;} #home_page .home_middle_banner .slide-left .left-title label {font-size:36px;} #home_page .home_middle_banner .slide-left .left-title span {color:#ff8d7b;} #home_page .home_middle_banner .slide-left .left-text {margin-top:6px; margin-bottom: 20px; line-height: 34px; font-size:24px; font-weight:normal; color:#333;} #home_page .home_middle_banner .slide-right {align-self: flex-start; text-align:right;} #home_page .home_middle_banner .slide-right img {width:214px;} #home_page .back_333{background: #333;} #home_page .back_c3c6e6{background: #c3c6e6;} #home_page .back_c3c6e6 .slide-right img {width:180px;margin-top: -26px;} #home_page .back_333 .slide-left .left-text { color:#c3c3c3;} #home_page .back_bottom { background: #ff0081;margin-top:-30px;height:30px;} /* 2023-04-19 메인페이지 최상단 배너들 수정 */ #home_page .home-icon .new-link {display: flex; flex-direction: column; gap: 30px 0; margin-top: 30px;} #home_page .home-icon .new-link li {display: flex; justify-content: space-between; align-items: center; width: 660px; padding: 40px 30px; border-radius: 30px; background-color: #f8f8fb; cursor: pointer;} #home_page .home-icon .new-link li .new-link-item {display: flex; align-items: center;} #home_page .home-icon .new-link li .new-link-item > img{width: 100px; margin-right: 30px;} #home_page .home-icon .new-link li .new-link-item .new-link-title b{font-size: 36px;line-height: 1.5; letter-spacing: -2px; color: #333;} #home_page .home-icon .new-link li .new-link-item .new-link-title p{margin-top: 6px; font-size: 24px; line-height: 1.42; letter-spacing: -0.72px; color: #767782;} #home_page .home-icon .new-link li img{width: 40px;} #home_page .home-icon .new-link-half {display:flex; flex-flow:row wrap; justify-content:space-between; gap:20px 0; margin-top:30px;} #home_page .home-icon .new-link-half li {position:relative; display:flex; justify-content:space-between; width:320px; padding:140px 30px 30px; border-radius: 30px; background-color: #f8f8fb; background-repeat:no-repeat; background-position:left 30px top 30px; cursor:pointer;} #home_page .home-icon .new-link-half li .new-link-item {} #home_page .home-icon .new-link-half li .new-link-item .new-link-title b{font-size: 36px;line-height: 1.5; letter-spacing: -2px; color: #333;} #home_page .home-icon .new-link-half li .new-link-item .new-link-title p{margin-top: 6px; font-size: 24px; line-height: 1.42; letter-spacing: -0.72px; color: #767782;} #home_page .home-icon .new-link-half li img {position:absolute; top:30px; right:30px;} @media (max-width:720px){ #home_page {padding-top:9.72vw;} #home_page .notice_header{width:100%; left:0;} #home_page .notice_wrap {height: 9.72vw; padding: 0 4.17vw; align-items: center; background:#fff;} #home_page .notice_wrap .logo img {width: 14.44vw;} #home_page .notice_wrap .notice_icon img {width: 6.67vw;} #home_page .notice_wrap .login_icon img {width: 6.67vw;} #home_page .sub-title {line-height:8.33vw; font-size:5.00vw; letter-spacing: -0.28vw;} #home_page .swiper-pagination .home-swiper-bullet {width:2.50vw; height:2.50vw; margin:0 1.39vw; border-radius:50%; background:#f1f1f1; cursor:pointer; } #home_page .swiper-pagination .home-swiper-bullet-active {background:#333;} #home_page .swiper-slide {cursor:pointer;} #home_page .home-guide {padding:0;} #home_page .home-guide .guide-banner { width:100%; height:38.06vw;} #home_page .home-guide .guide-banner ul li { padding:4.17vw;} #home_page .home-guide .guide-banner ul li .slide-left {width:100%; padding:0;} #home_page .home-guide .guide-banner ul li .slide-left .left-title {line-height:7.50vw; font-size:5.83vw; } #home_page .home-guide .guide-banner ul li .slide-left .left-title label {font-size:5.00vw;} #home_page .home-guide .guide-banner ul li .slide-left .left-text {line-height:4.72vw; margin-top:1.39vw; font-size:3.33vw; } #home_page .home-icon {margin-top:6.94vw; padding:0 4.17vw;} #home_page .home-icon .icon-link {width:44.44vw; height:27.78vw; line-height:8.33vw; margin-top:4.44vw; padding:4.17vw; font-size:3.89vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw; cursor:pointer; } #home_page .home-icon .icon-img_wrap{ justify- align-items: center; height: 11.11vw;} #home_page .home-bbs { padding:6.94vw 4.17vw 0;} #home_page .home-bbs:after { clear:both;} #home_page .home-bbs .bbs-list { width:44.44vw; height:47.22vw; margin-top:2.78vw; padding:4.17vw; border-radius:4.17vw; border:0.28vw solid #f1f1f1; background:#fff; cursor:pointer;} #home_page .home-bbs .bbs-list:nth-child(even) {margin-right:2.78vw;} #home_page .home-bbs .bbs-list .bbs-title {font-size:4.44vw; } #home_page .home-bbs .bbs-list .bbs-content {margin-top:1.39vw; font-size:3.33vw; } #home_page .home-bbs .bbs-list .bbs-image { bottom:4.17vw; right:4.17vw;} #home_page .home-bbs .bbs-list .bbs-image img {height:13.89vw;} #home_page .home-bbs .bbs-list .bbs-image img.w144 {width:20vw;} #home_page .home-bbs .bbs-list .bbs-image img.w149 {width:20.83vw;} #home_page .home-bbs .bbs-list .bbs-image img.w100 {width:13.89vw;} #home_page .home-bbs .bbs-list.back-11DBDB .bbs-content{letter-spacing: -0.11vw;} #home_page .home-bbs .bbs-list.back-9eaeff .bbs-content{letter-spacing: -0.11vw;} #home_page .home-compare {margin-top:6.94vw; padding:6.94vw 0; border-top:2.78vw solid #f1f1f1; background-image:linear-gradient(to bottom, #fff, #f1f1f1);} #home_page .home-compare.back_none {background: #fff !important;} #home_page .home-compare .estimate-tabs {line-height:8.33vw; font-size:4.17vw; border-bottom:0.28vw solid #f1f1f1;} #home_page .home-compare .estimate-tabs .estimate-tab {width:22.22vw; margin-bottom:-0.28vw; padding-bottom:4.17vw; cursor:pointer; } #home_page .home-compare .estimate-tabs .estimate-tab.active { border-bottom:0.28vw solid #333;} #home_page .home-compare .estimate-tabs .estimate-tab.active span {} #home_page .home-compare .estimate-content {} #home_page .home-compare .estimate-content .estimate-realtime { height:36.11vw; margin:4.17vw; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff; cursor:pointer;} #home_page .home-compare .estimate-content .estimate-realtime .realtime-row {height:8.33vw; margin-bottom:1.39vw;} #home_page .home-compare .estimate-content .estimate-realtime .realtime-row .realtime-title {width:11.11vw; height:8.33vw; line-height:8.33vw; margin-right:2.78vw; font-size:3.61vw; } #home_page .home-compare .estimate-content .estimate-realtime .realtime-row .realtime-count {width:54.17vw; height:8.33vw; line-height:8.33vw; margin-right:1.39vw; padding-right:2.78vw; font-size:4.72vw; letter-spacing:0.94vw; border-radius:1.39vw; background:#ff5d6a; } #home_page .home-compare .estimate-content .estimate-realtime .realtime-row .realtime-text {width:4.17vw; height:8.33vw; line-height:8.33vw; font-size:3.89vw; } #home_page .home-compare .estimate-content .estimate-realtime .m_next { top:15.97vw; right:4.17vw; max-width:5%;} #home_page .home-compare .estimate-content .estimate-my {padding:4.17vw; height:44.44vw;} #home_page .home-compare .estimate-content .estimate-my .my-slide { width:81.94vw; height:36.11vw; margin-right:4.17vw !important; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-top {width:100%; height:5.56vw;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-top:after { clear:both;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-top-status { line-height:5.56vw; padding:0 1.39vw; font-size:3.06vw; border-radius:1.11vw; } #home_page .home-compare .estimate-content .estimate-my .my-slide .my-top-date { line-height:5.56vw; padding:0 1.39vw; font-size:3.33vw; } #home_page .home-compare .estimate-content .estimate-my .my-slide .my-bottom {margin-top:2.78vw; height:19.44vw;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-bottom:after { clear:both;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-img { width:13.89vw; height:19.44vw; justify- align-items:center;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-img img {max-width:100%; max-height:100%;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-text { width:38.89vw;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-type {height:5.56vw; padding-left:2.78vw; line-height:5.56vw; font-size:3.33vw;} #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-name {height:13.89vw; padding-left:2.78vw; line-height:8.33vw; font-size:4.17vw; } #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-estimate { width:15.28vw; } #home_page .home-compare .estimate-content .estimate-my .my-slide .my-phone-count {height:13.89vw; line-height:8.33vw; font-size:5.56vw; } #home_page .home-compare .estimate-content .estimate-my .my-slide .m_next { bottom:11.81vw; right:4.17vw; max-width:5%; cursor:pointer;} #home_page .home-compare .estimate-content .estimate-my .my-last-slide {width:18.06vw !important; height:36.11vw; margin:0 !important; padding:13.19vw 0; line-height:5.56vw; font-size:2.78vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content .estimate-my .estimate-my-pagination {top:auto; bottom:0; left:calc(50% - 13.89vw); width:27.78vw; height:1.39vw; border-radius:0.69vw; background:#c3c3c3;} #home_page .home-compare .estimate-content .estimate-my .estimate-my-pagination .swiper-scrollbar-drag {height:1.39vw; border-radius:0.69vw; background:#333;} #home_page .home-compare .estimate-content .estimate-my-none { width:91.67vw; height:36.11vw; margin:4.17vw; padding:6.94vw 4.17vw; line-height:6.94vw; font-size:3.89vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content .estimate-my-none .estimate-request-btn {width:38.89vw; height:11.11vw; line-height:11.11vw; margin:2.78vw auto; font-size:3.89vw; border-radius:1.39vw; background:#333; cursor:pointer;} /* 메인 한줄리뷰 추가 */ #home_page .home-compare.back_on {margin-top: 0;} #home_page .home-compare .sub-title{margin-left: 4.17vw;} #home_page .home-compare .estimate-content2 .estimate-review {padding:4.17vw; height:38.89vw;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide { width:81.94vw; height:29.72vw; margin-right:4.17vw !important; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top { justify- width:100%; height:5.56vw;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top_left { align-items: center;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top_right {font-size: 3.33vw; } #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top-name {line-height:5.56vw; padding:0; font-size:3.89vw; } #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-top-star {line-height:5.56vw; padding:0 ; margin-left: 2.78vw; font-size:3.89vw; } #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-bottom {margin-top:2.78vw;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-img { width:13.89vw; height:19.44vw; justify- align-items:center;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-img img {max-width:100%; max-height:100%;} #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-text {line-height:1.5; font-size:3.89vw; text- -webkit-line-clamp: 2; -webkit-box-orient: vertical; } #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-name {height:13.89vw; padding-left:2.78vw; line-height:8.33vw; font-size:4.17vw; } #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-estimate { width:15.28vw; } #home_page .home-compare .estimate-content2 .estimate-review .review-slide .review-phone-count {height:13.89vw; line-height:8.33vw; font-size:5.56vw; } #home_page .home-compare .estimate-content2 .estimate-review .review-slide .m_next { bottom:11.81vw; right:4.17vw; max-width:5%; cursor:pointer;} #home_page .home-compare .estimate-content2 .estimate-review .review-last-slide {width:18.06vw !important; height:29.72vw; margin:0 !important; padding:11.11vw 0; line-height:5.56vw; font-size:2.78vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content2 .estimate-review .estimate-review-pagination {top:auto; bottom:0; left:calc(50% - 13.89vw); width:27.78vw; height:1.39vw; border-radius:0.69vw; background:#c3c3c3;} #home_page .home-compare .estimate-content2 .estimate-review .estimate-review-pagination .swiper-scrollbar-drag {height:1.39vw; border-radius:0.69vw; background:#333;} #home_page .home-compare .estimate-content2 .estimate-review-none { width:91.67vw; height:29.72vw; margin:4.17vw; padding:6.94vw 4.17vw; line-height:6.94vw; font-size:3.89vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #home_page .home-compare .estimate-content2 .estimate-review-none .estimate-request-btn {width:38.89vw; height:11.11vw; line-height:11.11vw; margin:2.78vw auto; font-size:3.89vw; border-radius:1.39vw; background:#333; cursor:pointer;} #home_page .home_middle_banner {width: 91.67%; height:25.00vw; margin:6.94vw auto 0; padding:4.17vw 4.17vw 0 4.17vw; border-radius: 4.17vw;} #home_page .home_middle_banner a{ justify-} #home_page .home_middle_banner .slide-left .left-title {margin-top:2.78vw; font-size:6.39vw; margin-top: 0;} #home_page .home_middle_banner .slide-left .left-title label {font-size:5.00vw;} #home_page .home_middle_banner .slide-left .left-title span {} #home_page .home_middle_banner .slide-left .left-text {margin-top:0.83vw; margin-bottom: 2.78vw; line-height: 4.72vw; font-size:3.33vw; } #home_page .home_middle_banner .slide-right {align-self: flex-start; } #home_page .home_middle_banner .slide-right img {width:29.72vw;} #home_page .back_333{background: #333;} #home_page .back_c3c6e6{background: #c3c6e6;} #home_page .back_c3c6e6 .slide-right img {width:25.00vw;margin-top: -3.61vw;} #home_page .back_333 .slide-left .left-text { } #home_page .back_bottom { background: #ff0081;margin-top:-4.17vw;height:4.17vw;} /* 2023-04-19 메인페이지 최상단 배너들 수정 */ #home_page .home-icon .new-link {flex-direction: column; gap: 4.17vw 0; margin-top: 4.17vw;} #home_page .home-icon .new-link li {width: 91.67vw; padding: 5.56vw 4.17vw; border-radius: 4.17vw; cursor: pointer;} #home_page .home-icon .new-link li .new-link-item { align-items: center;} #home_page .home-icon .new-link li .new-link-item > img{width: 13.89vw; margin-right: 4.17vw;} #home_page .home-icon .new-link li .new-link-item .new-link-title b{font-size: 5.00vw;line-height: 1.5; letter-spacing: -0.28vw; } #home_page .home-icon .new-link li .new-link-item .new-link-title p{margin-top: 0.83vw; font-size: 3.33vw; line-height: 1.42; letter-spacing: -0.10vw; } #home_page .home-icon .new-link li img{width: 5.56vw;} #home_page .home-icon .new-link-half { flex-flow:row wrap; gap:2.78vw 0; margin-top:4.17vw;} #home_page .home-icon .new-link-half li {width:44.44vw; padding:19.44vw 4.17vw 4.17vw; border-radius: 4.17vw; background-position:left 4.17vw top 4.17vw; background-size:13.89vw; cursor:pointer;} #home_page .home-icon .new-link-half li .new-link-item {} #home_page .home-icon .new-link-half li .new-link-item .new-link-title b{font-size: 5vw;line-height: 1.5; letter-spacing: -0.28vw; } #home_page .home-icon .new-link-half li .new-link-item .new-link-title p{margin-top: 0.83vw; font-size: 3.33vw; line-height: 1.42; letter-spacing: -0.10vw; } #home_page .home-icon .new-link-half li img {top:4.17vw; right:4.17vw; width:5.56vw;} } /* home : END */ /* phone_list : STR */ #phone-list {position:relative; min-height:calc(100% - 132px); padding-top:295px; background:#f9f9f9;} #phone-list .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #phone-list .main-title .m_find {position:absolute; top:26px; right:30px; cursor:pointer;} #phone-list .phone-tabs {position:relative; height:80px; padding:0 30px; border-bottom:2px solid #f1f1f1; background:#fff;} #phone-list .phone-tabs:after {content:''; display:block; clear:both;} #phone-list .phone-tabs .phone-tab {float:left; width:33%; height:80px; line-height:80px; font-size:28px; color:#888; text-align:center; cursor:pointer;} #phone-list .phone-tabs .phone-tab.active {font-weight:700; color:#333; border-bottom:2px solid #333; } #phone-list .phone-search {position:relative; height:115px; padding:30px; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05); background-color:#fff;} #phone-list .phone-search:after {content:''; display:block; clear:both;} #phone-list .phone-search .phone-search-item {float:left; width:120px; height:55px; line-height:51px; margin-right:10px; padding:0; font-size:24px; color:#888; text-align:center; border:2px solid #f1f1f1; border-radius:10px; background:#fff; cursor: pointer;} #phone-list .phone-search .phone-search-item.active {color:#333; border:2px solid #888;} #phone-list .phone-search .phone-search-fixed {float:right; height:55px; line-height:55px; font-size:24px; color:#888; text-align:right; } #phone-list .phone-search .phone-search-fixed .m_refresh {margin-right:20px; cursor:pointer;} #phone-list .phone-search .phone-search-fixed span {color:#333;} #phone-list .phone-lists {position:relative; padding:30px;} #phone-list .phone-lists .phone-group {margin-bottom:30px; padding:30px 30px 0 30px; border-radius:30px; box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); background:#fff;} #phone-list .phone-lists .etc{padding-top:0;} #phone-list .phone-lists .phone-group .group-title {height:40px; line-height:40px; font-size:28px; font-weight:700; color:#53577b;} #phone-list .phone-lists .phone-group .group-title .group-title-count {float:right; font-size:24px; font-weight:normal; color:#888; text-align:right;} #phone-list .phone-lists .phone-group .group-lists {margin-top:30px;} #phone-list .phone-lists .phone-group .group-lists .group-phone {display: flex; align-items: center; position:relative; height:200px; padding:30px 0; border-bottom:2px solid #f1f1f1; cursor:pointer;} #phone-list .phone-lists .phone-group .group-lists .group-phone:last-child {border-bottom:0;} #phone-list .phone-lists .phone-group .group-lists .group-phone:after {content:''; display:block; clear:both;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-img {width:100px; line-height:140px; margin-right:30px; display:flex; justify-content:center; align-items:center;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-img img {max-width:100%; max-height:100%;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name {width:440px; line-height:40px; padding:28px 0; font-size:30px; font-weight:700; color:#333;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name .etc_tab{height:41px;font-size: 22px;line-height: 2.73;padding: 2px 8px;border-radius: 8px;font-weight: 500} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name .color_c6004d{color:#c6004d;border:2px solid #c6004d;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name .color_3617ce{color:#3617ce;border:2px solid #3617ce;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name .color_e31f27{color:#e31f27;border:2px solid #e31f27;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name span.halbu{font-size: 24px;font-weight: normal;line-height: 2.5;letter-spacing: -0.72px;text-align: left;color:#37408f;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name span.halbu span{font-weight: bold;} #phone-list .phone-lists .phone-group .group-lists .group-phone .m_next {position:absolute; top:85px; right:0;} #phone-list .phone-lists .phone-group-none {line-height:80px; padding-bottom:30px; font-size:28px; font-weight:normal; color:#333; text-align:center;} #phone-list .phone-lists .phone-group-none .m_none {width: 120px; margin-top:100px;} #phone-list .phone-lists .phone-group.fast_open .group-lists{margin-top: 0;} #phone-list .phone-lists .phone-group.fast_open .group-lists .group-phone .phone-img {width: 98px;} #phone-list .phone-lists .phone-group.fast_open .group-lists .group-phone .phone-name{height: auto; font-size: 32px;} #phone-list .lists-next-btn {margin:0 30px 30px; padding:15px 0; font-size:28px; font-weight:700; text-align:center; border-radius:30px; box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); background:#fff; cursor:pointer; display:none;} @media (max-width:720px){ #phone-list {position:relative; min-height:calc(100% - 18.33vw); padding-top:40.97vw; background:#f9f9f9;} #phone-list .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #phone-list .main-title .m_find {position:absolute; top:3.61vw; right:4.17vw; width:6.67vw; cursor:pointer;} #phone-list .phone-tabs {position:relative; height:11.11vw; padding:0 4.17vw; border-bottom:0.28vw solid #f1f1f1; } #phone-list .phone-tabs:after {content:''; display:block; clear:both;} #phone-list .phone-tabs .phone-tab {float:left; width:33%; height:11.11vw; line-height:11.11vw; font-size:3.89vw; color:#888; text-align:center; cursor:pointer;} #phone-list .phone-tabs .phone-tab.active {font-weight:700; color:#333; border-bottom:0.28vw solid #333; } #phone-list .phone-search {position:relative; height:15.97vw; padding:4.17vw; box-shadow: 0 0.69vw 2.78vw 0 rgba(0, 0, 0, 0.05); background-color:#fff; z-index:2;} #phone-list .phone-search:after {content:''; display:block; clear:both;} #phone-list .phone-search .phone-search-item {float:left; width:16.67vw; height:7.64vw; line-height:7.08vw; margin-right:1.39vw; padding:0; font-size:3.33vw; color:#888; text-align:center; border:0.28vw solid #f1f1f1; border-radius:1.39vw; background:#fff;} #phone-list .phone-search .phone-search-item.active {color:#333; border:0.28vw solid #888;} #phone-list .phone-search .phone-search-fixed {float:right; height:7.64vw; line-height:7.64vw; font-size:3.33vw; color:#888; text-align:right; } #phone-list .phone-search .phone-search-fixed .m_refresh {width:5.56vw; margin-right:2.78vw; cursor:pointer;} #phone-list .phone-search .phone-search-fixed span {color:#333;} #phone-list .phone-lists {position:relative; padding:4.17vw; background:#f9f9f9;} #phone-list .phone-lists .phone-group {margin-bottom:4.17vw; padding:4.17vw 4.17vw 0 4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgb(0 0 0 / 10%); background:#fff;} #phone-list .phone-lists .etc{padding-top:0;} #phone-list .phone-lists .phone-group .group-title {height:5.56vw; line-height:5.56vw; font-size:3.89vw; font-weight:700; color:#53577b;} #phone-list .phone-lists .phone-group .group-title .group-title-count {float:right; font-size:3.33vw; font-weight:normal; color:#888; text-align:right;} #phone-list .phone-lists .phone-group .group-lists {margin-top:4.17vw;} #phone-list .phone-lists .phone-group .group-lists .group-phone {display: flex; align-items: center; position:relative; height:27.78vw; padding:4.17vw 0; border-bottom:0.28vw solid #f1f1f1; cursor:pointer;} #phone-list .phone-lists .phone-group .group-lists .group-phone:last-child {border-bottom:0;} #phone-list .phone-lists .phone-group .group-lists .group-phone:after {content:''; display:block; clear:both;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-img {width:13.89vw; margin-right:4.17vw; display:flex; justify-content:center; align-items:center;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-img img {width:100%; max-height:100%;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name {width:61.11vw; line-height:5.56vw; padding:3.89vw 0; font-size:4.17vw; font-weight:700; color:#333;} #phone-list .phone-lists .phone-group .group-lists .group-phone .m_next {position:absolute; top:11.81vw; right:0; width:4.17vw} #phone-list .phone-lists .phone-group-none {line-height:11.11vw; padding-bottom:4.17vw; font-size:3.89vw; font-weight:normal; color:#333; text-align:center;} #phone-list .phone-lists .phone-group-none .m_none {width:60px; margin-top:13.89vw;} #phone-list .phone-lists .phone-group.fast_open .group-lists{margin-top: 0;} #phone-list .phone-lists .phone-group.fast_open .group-lists .group-phone .phone-img {width: 13.61vw;} #phone-list .phone-lists .phone-group.fast_open .group-lists .group-phone .phone-name{height: auto; font-size: 4.44vw;} #phone-list .lists-next-btn {margin:0 4.17vw 4.17vw; padding:2.08vw 0; font-size:3.89vw; font-weight:700; text-align:center; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgb(0 0 0 / 10%); background:#fff; cursor:pointer; display:none;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name .etc_tab{height:5.69vw;font-size: 3.06vw;padding: 0.28vw 1.11vw;border-radius: 1.11vw;letter-spacing: -0.09vw;font-weight: 500} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name .color_c6004d{color:#c6004d;border:0.28vw solid #c6004d;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name .color_3617ce{color:#3617ce;border:0.28vw solid #3617ce;} #phone-list .phone-lists .phone-group .group-lists .group-phone .phone-name span.halbu{font-size: 3.33vw;font-weight: normal;letter-spacing: -0.1vw;} } /* phone_list : END */ /* phone_search : STR */ #phone-search {position:relative; min-height:calc(100% - 132px); padding-top:100px; background:#f9f9f9;} #phone-search .main-title {position:relative; height:100px; line-height:100px; padding:25px 0; border-bottom:2px solid #f1f1f1;} #phone-search .main-title .m_header_back {position:absolute; top:26px; left:30px; width:48px; cursor:pointer;} #phone-search .main-title .m_rescan {position:absolute; top:26px; right:30px; width:44px; cursor:pointer;} #phone-search #search_text {width:100%; height:50px; line-height:50px; padding:0 105px; font-size:28px; color:#333; border:0;} #phone-search #search_text::placeholder {color:#c3c3c3;} #phone-search .phone-lists {position:relative; padding:30px; background:#f9f9f9;} #phone-search .phone-lists .phone-title {height:40px; line-height:40px; font-size:24px; color:#888;} #phone-search .phone-lists .phone-title span {color:#333;} #phone-search .phone-lists .phone-group {margin:30px 0; padding:30px 30px 0 30px; border-radius:30px; box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); background:#fff;} #phone-search .phone-lists .phone-group .group-title {height:40px; line-height:40px; font-size:28px; font-weight:700; color:#53577b;} #phone-search .phone-lists .phone-group .group-title .group-title-count {float:right; font-size:24px; font-weight:normal; color:#888; text-align:right;} #phone-search .phone-lists .phone-group .group-title-none {line-height:40px; padding-bottom:30px; font-size:28px; font-weight:700; color:#333;} #phone-search .phone-lists .phone-group .group-lists {margin-top:30px;} #phone-search .phone-lists .phone-group .group-lists .group-phone {position:relative; height:200px; padding:30px 0; border-bottom:2px solid #f1f1f1; cursor:pointer;} #phone-search .phone-lists .phone-group .group-lists .group-phone:last-child {border-bottom:0;} #phone-search .phone-lists .phone-group .group-lists .group-phone:after {content:''; display:block; clear:both;} #phone-search .phone-lists .phone-group .group-lists .group-phone .phone-img {float:left; width:100px; height:140px; line-height:140px; margin-right:30px; display:flex; justify-content:center; align-items:center;} #phone-search .phone-lists .phone-group .group-lists .group-phone .phone-img img {max-width:100%; max-height:100%;} #phone-search .phone-lists .phone-group .group-lists .group-phone .phone-name {float:left; width:440px; height:140px; line-height:40px; padding:28px 0; font-size:30px; font-weight:700; color:#333;} #phone-search .phone-lists .phone-group .group-lists .group-phone .m_next {position:absolute; top:85px; right:0;} #phone-search .phone-search-none {line-height:80px; padding-bottom:30px; font-size:28px; font-weight:normal; color:#333; text-align:center;} #phone-search .phone-search-none .m_none {width: 120px; margin-top:100px;} @media (max-width:720px){ #phone-search {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw; background:#f9f9f9;} #phone-search .main-title {position:relative; height:13.89vw; line-height:13.89vw; padding:3.47vw 0; border-bottom:0.28vw solid #f1f1f1;} #phone-search .main-title .m_header_back {position:absolute; top:3.61vw; left:4.17vw; width:6.67vw; cursor:pointer;} #phone-search .main-title .m_rescan {position:absolute; top:3.61vw; right:4.17vw; width:6.11vw; cursor:pointer;} #phone-search #search_text {width:100%; height:6.94vw; line-height:6.94vw; padding:0 14.58vw; font-size:3.89vw; color:#333; border:0;} #phone-search #search_text::placeholder {color:#c3c3c3;} #phone-search .phone-lists {position:relative; padding:4.17vw; background:#f9f9f9;} #phone-search .phone-lists .phone-title {height:5.56vw; line-height:5.56vw; font-size:3.33vw; color:#888;} #phone-search .phone-lists .phone-title span {color:#333;} #phone-search .phone-lists .phone-group {margin:4.17vw 0; padding:4.17vw 4.17vw 0 4.17vw; border-radius:4.17vw; box-shadow:0 5px 10px 0 rgb(0 0 0 / 10%); background:#fff;} #phone-search .phone-lists .phone-group .group-title {height:5.56vw; line-height:5.56vw; font-size:3.89vw; font-weight:700; color:#53577b;} #phone-search .phone-lists .phone-group .group-title .group-title-count {float:right; font-size:3.33vw; font-weight:normal; color:#888; text-align:right;} #phone-search .phone-lists .phone-group .group-title-none {line-height:5.56vw; padding-bottom:4.17vw; font-size:3.89vw; font-weight:700; color:#333;} #phone-search .phone-lists .phone-group .group-lists {margin-top:4.17vw;} #phone-search .phone-lists .phone-group .group-lists .group-phone {position:relative; height:27.78vw; padding:4.17vw 0; border-bottom:0.28vw solid #f1f1f1; cursor:pointer;} #phone-search .phone-lists .phone-group .group-lists .group-phone:last-child {border-bottom:0;} #phone-search .phone-lists .phone-group .group-lists .group-phone:after {content:''; display:block; clear:both;} #phone-search .phone-lists .phone-group .group-lists .group-phone .phone-img {float:left; width:13.89vw; height:19.44vw; line-height:19.44vw; margin-right:4.17vw; display:flex; justify-content:center; align-items:center;} #phone-search .phone-lists .phone-group .group-lists .group-phone .phone-img img {max-width:100%; max-height:100%;} #phone-search .phone-lists .phone-group .group-lists .group-phone .phone-name {float:left; width:61.11vw; height:19.44vw; line-height:5.56vw; padding:3.89vw 0; font-size:4.17vw; font-weight:700; color:#333;} #phone-search .phone-lists .phone-group .group-lists .group-phone .m_next {position:absolute; top:11.81vw; right:0; width:4.17vw;} #phone-search .phone-search-none {line-height:11.11vw; padding-bottom:4.17vw; font-size:3.89vw; font-weight:normal; color:#333; text-align:center;} #phone-search .phone-search-none .m_none {width:60px; margin-top:13.89vw;} } /* phone_search : END */ /* phone_realtime : STR */ #phone-realtime {position:relative; min-height:calc(100% - 132px); padding-top:100px; background:#f9f9f9;} #phone-realtime .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center; border-bottom:2px solid #f1f1f1;} #phone-realtime .main-title .m_close {position:absolute; top:26px; right:30px; width:44px; cursor:pointer;} #phone-realtime .order-lists {padding:30px; background:#f9f9f9;} #phone-realtime .order-lists .list-box {width:100%; margin-top:30px;} #phone-realtime .order-lists .list-box:first-child {margin:0;} #phone-realtime .order-lists .list-box {position:relative; width:100%; margin-right:30px !important; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #phone-realtime .order-lists .list-box .list-box-top {width:100%; height:40px;} #phone-realtime .order-lists .list-box .list-box-top:after {content:''; display:block; clear:both;} #phone-realtime .order-lists .list-box .list-box-top-status {float:left; line-height:40px; padding:0 10px; font-size:22px; color:#888; border-radius:8px; background-color:#f1f1f1;} #phone-realtime .order-lists .list-box .list-box-top-secret {float:left; margin-left: 20px; padding: 9px 10px; color:#fff; border-radius:8px; background-color:#ff5d6a; font-family: 'Jalnan'; font-size: 20px; font-weight: normal;} #phone-realtime .order-lists .list-box .list-box-top-date {float:right; line-height:40px; padding:0; font-size:24px; color:#888;} #phone-realtime .order-lists .list-box .list-box-bottom {margin-top:20px;} #phone-realtime .order-lists .list-box .list-box-bottom:after {content:''; display:block; clear:both;} #phone-realtime .order-lists .list-box .list-box-phone-text {float:left; width:460px;} #phone-realtime .order-lists .list-box .list-box-phone-type {line-height:40px; font-size:24px; color: #53577b;} #phone-realtime .order-lists .list-box .list-box-phone-name {line-height:60px; font-size:30px; font-weight:700;} #phone-realtime .order-lists .list-box .list-box-phone-estimate {float:right; width:120px; text-align:right;} #phone-realtime .order-lists .list-box .list-box-phone-count { line-height:60px; font-size:40px; font-weight:700;} #phone-realtime .add-btns {padding:30px; background:#f9f9f9; display:none;} #phone-realtime .add-btns .add_list_btn {width:100%; height:100px; line-height:100px; font-size:28px; color:#888; text-align:center; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff; cursor:pointer;} #phone-realtime .add-btns .add_list_btn .m_more {vertical-align:text-bottom;} @media (max-width:720px){ #phone-realtime {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw; background:#f9f9f9;} #phone-realtime .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center; border-bottom:0.28vw solid #f1f1f1;} #phone-realtime .main-title .m_close {position:absolute; top:3.61vw; right:4.17vw; width:6.11vw; cursor:pointer;} #phone-realtime .order-lists {padding:4.17vw; background:#f9f9f9;} #phone-realtime .order-lists .list-box {width:100%; margin-top:4.17vw;} #phone-realtime .order-lists .list-box:first-child {margin:0;} #phone-realtime .order-lists .list-box {position:relative; width:100%; margin-right:4.17vw !important; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #phone-realtime .order-lists .list-box .list-box-top {width:100%; height:5.56vw;} #phone-realtime .order-lists .list-box .list-box-top:after {content:''; display:block; clear:both;} #phone-realtime .order-lists .list-box .list-box-top-status {float:left; line-height:5.56vw; padding:0 1.39vw; font-size:3.06vw; color:#888; border-radius:1.11vw; background-color:#f1f1f1;} #phone-realtime .order-lists .list-box .list-box-top-secret {float:left; color:#fff; margin-left: 2.78vw; padding: 1vw 1.39vw; border-radius:1.11vw; background-color:#ff5d6a; font-family: 'Jalnan'; font-size: 2.78vw; font-weight: normal;} #phone-realtime .order-lists .list-box .list-box-top-date {float:right; line-height:5.56vw; padding:0; font-size:3.33vw; color:#888;} #phone-realtime .order-lists .list-box .list-box-bottom {margin-top:2.78vw;} #phone-realtime .order-lists .list-box .list-box-bottom:after {content:''; display:block; clear:both;} #phone-realtime .order-lists .list-box .list-box-phone-text {float:left; width:63.89vw;} #phone-realtime .order-lists .list-box .list-box-phone-type {line-height:5.56vw; font-size:3.33vw;} #phone-realtime .order-lists .list-box .list-box-phone-name {line-height:8.33vw; font-size:4.17vw; font-weight:700;} #phone-realtime .order-lists .list-box .list-box-phone-estimate {float:right; width:16.67vw; text-align:right;} #phone-realtime .order-lists .list-box .list-box-phone-count { line-height:8.33vw; font-size:5.56vw; font-weight:700;} #phone-realtime .add-btns {padding:4.17vw; background:#f9f9f9; display:none;} #phone-realtime .add-btns .add_list_btn {width:100%; height:13.89vw; line-height:13.89vw; font-size:3.89vw; color:#888; text-align:center; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff; cursor:pointer;} #phone-realtime .add-btns .add_list_btn .m_more {width:5.56vw; vertical-align:text-bottom;} } /* phone_realtime : END */ /* review_ajax_list : STR */ #review_ajax_list {position:relative; min-height:calc(100% - 132px); padding-top:100px; background:#f9f9f9;} #review_ajax_list .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center; border-bottom:2px solid #f1f1f1;} #review_ajax_list .main-title .m_close {position:absolute; top:26px; right:30px; width:44px; cursor:pointer;} #review_ajax_list .review-lists {padding:30px; background:#f9f9f9;} #review_ajax_list .review-lists .list-box {width:100%; margin-top:30px;} #review_ajax_list .review-lists .list-box:first-child {margin:0;} #review_ajax_list .review-lists .list-box {position:relative; width:100%; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #review_ajax_list .review-lists .list-box.my-list-box{margin-bottom: 30px;} #review_ajax_list .review-lists .list-box .list-box-my {display: flex; justify-content: space-between; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px solid #f1f1f1;} #review_ajax_list .review-lists .list-box .list-box-my .my-review{display: flex; justify-content: center; align-items: center; width: 78px; height: 37px; font-size: 20px; padding: 4px 10px; background-color: #ff5d6a; color: #fff; border-radius: 10px;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn {position: relative; background: url('/img/phone/estimate/review_edit.png') no-repeat center center / cover; width: 40px; height: 40px; cursor: pointer;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn.hide{display: none;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn{position: absolute; top: 60px; left: -110px; background-color: #f9f9f9;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn button{outline: none; border: none; background: none; width: 150px; height: 50px; color: #333; font-size: 24px} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn button:nth-child(1){border: 2px solid #333; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 0;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn button:nth-child(2){border: 2px solid #333; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;} #review_ajax_list .review-lists .list-box .list-box-top {display: flex; justify-content: space-between; align-items: center; width:100%; height:40px;} #review_ajax_list .review-lists .list-box .list_box_top-nickname_wrap {display: flex; align-items: center;} #review_ajax_list .review-lists .list-box .list-box-top-nickname {line-height:40px; font-size:28px; font-weight: bold; color:#333; margin-right: 20px;} #review_ajax_list .review-lists .list-box .list-box-top-star {line-height:40px; font-size:28px; font-weight: bold; color:#ff5d6a; } #review_ajax_list .review-lists .list-box .list-box-top-secret {margin-left: 20px; padding: 9px 10px; color:#fff; border-radius:8px; background-color:#ff5d6a; font-family: 'Jalnan'; font-size: 20px; font-weight: normal;} #review_ajax_list .review-lists .list-box .list-box-top-date {line-height:40px; padding:0; font-size:24px; color:#888;} #review_ajax_list .review-lists .list-box .list-box-bottom {margin-top:30px;} #review_ajax_list .review-lists .list-box .list-box-review-text {line-height:40px; font-size:28px; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} #review_ajax_list .add-btns {padding:30px; background:#f9f9f9; display:none;} #review_ajax_list .add-btns .add_list_btn {width:100%; height:100px; line-height:100px; font-size:28px; color:#888; text-align:center; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff; cursor:pointer;} #review_ajax_list .add-btns .add_list_btn .m_more {vertical-align:text-bottom;} @media (max-width:720px){ #review_ajax_list {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw; background:#f9f9f9;} #review_ajax_list .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center; border-bottom:0.28vw solid #f1f1f1;} #review_ajax_list .main-title .m_close {position:absolute; top:3.61vw; right:4.17vw; width:6.11vw; cursor:pointer;} #review_ajax_list .review-lists {padding:4.17vw; background:#f9f9f9;} #review_ajax_list .review-lists .list-box.my-list-box{margin-bottom: 4.17vw;} #review_ajax_list .review-lists .list-box {width:100%; margin-top:4.17vw;} #review_ajax_list .review-lists .list-box:first-child {margin:0;} #review_ajax_list .review-lists .list-box {position:relative; width:100%; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #review_ajax_list .review-lists .list-box .my-list-box{height: 41.94vw;} #review_ajax_list .review-lists .list-box .list-box-my {display: flex; justify-content: space-between; padding-bottom: 2.78vw; margin-bottom: 4.17vw; border-bottom: 0.28vw solid #f1f1f1;} #review_ajax_list .review-lists .list-box .list-box-my .my-review{display: flex; justify-content: center; align-items: center; width: 10.83vw; height: 5.14vw; font-size: 2.78vw; padding: 0.56vw 1.39vw; background-color: #ff5d6a; color: #fff; border-radius: 1.39vw; white-space: nowrap;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn {position: relative; background: url('/img/phone/estimate/review_edit.png') no-repeat center center / cover; width: 5.56vw; height: 5.56vw; cursor: pointer;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn.hide{display: none;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn{position: absolute; top: 8.33vw; left: -15.28vw; background-color: #f9f9f9;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn button{outline: none; border: none; background: none; width: 20.83vw; height: 6.94vw; color: #333; font-size: 3.33vw} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn button:nth-child(1){border: 0.28vw solid #333; border-top-left-radius: 1.39vw; border-top-right-radius: 1.39vw; border-bottom: 0;} #review_ajax_list .review-lists .list-box .list-box-my .slide_btn .update_btn button:nth-child(2){border: 0.28vw solid #333; border-bottom-left-radius: 1.39vw; border-bottom-right-radius: 1.39vw;} #review_ajax_list .review-lists .list-box .list-box-top {width:100%; height:5.56vw;} #review_ajax_list .review-lists .list-box .list-box-top-nickname {line-height:5.56vw; font-size:3.89vw; margin-right: 2.78vw;} #review_ajax_list .review-lists .list-box .list-box-top-star {line-height:5.56vw; font-size:3.89vw; } #review_ajax_list .review-lists .list-box .list-box-top-secret {color:#fff; margin-left: 2.78vw; padding: 1vw 1.39vw; border-radius:1.11vw; background-color:#ff5d6a; font-family: 'Jalnan'; font-size: 2.78vw; font-weight: normal;} #review_ajax_list .review-lists .list-box .list-box-top-date {line-height:5.56vw; padding:0; font-size:3.33vw; color:#888;} #review_ajax_list .review-lists .list-box .list-box-bottom {margin-top:4.17vw;} #review_ajax_list .review-lists .list-box .list-box-review-text {line-height:5.56vw; font-size:3.89vw;} #review_ajax_list .add-btns {padding:4.17vw; background:#f9f9f9; display:none;} #review_ajax_list .add-btns .add_list_btn {width:100%; height:13.89vw; line-height:13.89vw; font-size:3.89vw; color:#888; text-align:center; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff; cursor:pointer;} #review_ajax_list .add-btns .add_list_btn .m_more {width:5.56vw; vertical-align:text-bottom;} } /* review_ajax_list : END */ /* phone_estimate : STR */ #phone-estimate {position:relative; min-height:calc(100% - 132px); padding:100px 30px 30px 30px;} #phone-estimate .color-img-pagination {position:relative; margin-top:30px;} #phone-estimate .swiper-pagination .color-swiper-bullet {width:18px; height:18px; margin:0 10px; border-radius:50%; background:#e3e3e3; cursor:pointer; display:inline-block;} #phone-estimate .swiper-pagination .color-swiper-bullet-active {background:#333;} #phone-estimate .main-title {position:relative; padding:30px; height:100px;} #phone-estimate .main-title .title-ellipsis {width:580px; height:40px; line-height:40px; margin-right:30px; font-size:34px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #phone-estimate .main-title .m_close {position:absolute; top:26px; right:30px; cursor:pointer;} #phone-estimate .form-section {margin:0px auto;} #phone-estimate .form-section .m_agency {margin:0 auto; display:block;} #phone-estimate .form-section .m_checklist {margin:0 auto; display:block;} #phone-estimate .form-section .select-area {position:relative; margin:50px 0 30px; padding:30px 30px 0 30px; border:2px solid #f1f1f1; border-radius:30px; background:#fff;} #phone-estimate .form-section .select-area .select-title {height:50px; line-height:50px; font-size:36px; font-weight:700;} #phone-estimate .form-section .select-area .m_notice {position:absolute; top:36px; right:30px; cursor:pointer;} #phone-estimate .form-section .select-area .select-contents {margin:30px 0;} #phone-estimate .form-section .select-area .select-contents li.select-option {height:40px; line-height:40px; margin:20px 0; font-size:30px; cursor:pointer;} #phone-estimate .form-section .select-area .select-contents li.select-option .input_radio {content:''; width:36px; height:36px; margin-right:20px; vertical-align:text-bottom; border:2px solid #f1f1f1; border-radius:50%; display:inline-block;} #phone-estimate .form-section .select-area .select-contents li.select-option.active .input_radio:before {content:''; width:16px; height:16px; margin:10px; background:#ff5d6a; border-radius:50%; display:block;} #phone-estimate .form-section .color-img {position:relative; width:390px; height:auto; margin:0 auto;} #phone-estimate .form-section .color-img ul li img {max-width:100%;} #phone-estimate .spec_info_btn {width:120px; height:55px; line-height:55px; margin:50px auto 0; font-size:26px; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} #phone-estimate .estimate_progress {width:100%; height:20px; border-radius:10px; background:#c3c3c3; overflow:hidden;} #phone-estimate .estimate_progress .progress_bar {width:25%; height:20px; border-radius:10px; background:#333333;} #phone-estimate .estimate_btns {margin-top:20px;} #phone-estimate .estimate_btns:after {content:''; display:block; clear:both;} #phone-estimate .estimate_btns .estimate_btn_prev {float:left; width:200px; height:100px; line-height:100px; margin-right:10px; font-size:30px; color:#888; text-align:center; border-radius:10px; background:#f1f1f1; cursor:pointer;} #phone-estimate .estimate_btns .estimate_btn_next {float:left; width:450px; height:100px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #phone-estimate .form-section .plan-area {position:relative; margin:50px 0 30px; padding:30px; border:2px solid #f1f1f1; border-radius:30px; background:#fff;} #phone-estimate .form-section .plan-area .plan-title {height:50px; line-height:50px; font-size:36px; font-weight:700;} #phone-estimate .form-section .plan-area .sub-title {margin:30px 0 35px;} #phone-estimate .form-section .plan-area .sub-title:after {content:''; display:block; clear:both;} #phone-estimate .form-section .plan-area .sub-title .plan-name {float:left; min-width:400px; height:50px; line-height:50px; font-size:30px; font-weight:700; color:#333;} #phone-estimate .form-section .plan-area .sub-title .plan-name .m_notice {vertical-align:text-bottom; cursor:pointer;} #phone-estimate .form-section .plan-area .sub-title .plan-price {float:right; width:190px; height:50px; line-height:50px; font-size:30px; font-weight:700; color:#333; text-align:right;} #phone-estimate .form-section .plan-area .plan-text {float:left; text-align:left; height:50px; line-height:50px; font-size:28px; color:#888;} #phone-estimate .form-section .plan-area .plan-voice {height:50px; line-height:50px; margin-top:20px; font-size:28px; color:#333; text-align:right;} #phone-estimate .form-section .plan-area .plan-voice_add {height:50px; line-height:50px; font-size:24px; color:#888; text-align:right;} #phone-estimate .form-section .plan-area .plan-letter {height:50px; line-height:50px; margin-top:20px; font-size:28px; color:#333; text-align:right;} #phone-estimate .form-section .plan-area .plan-data {height:50px; line-height:50px; margin-top:20px; font-size:28px; color:#333; text-align:right;} #phone-estimate .form-section .plan-area .plan-data_add {height:50px; line-height:50px; font-size:24px; color:#888; text-align:right;} #phone-estimate .form-section .plan-area .plan-btn {width:100%; height:80px; line-height:80px; margin-top:30px; font-size:28px; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} #phone-estimate .form-section .buy-area {position:relative; margin:50px 0 30px; padding:30px; border:2px solid #f1f1f1; border-radius:30px; background:#fff;} #phone-estimate .form-section .buy-area .buy-title {height:50px; line-height:50px; font-size:36px; font-weight:700;} #phone-estimate .form-section .buy-area .m_notice {position:absolute; top:36px; right:30px; cursor:pointer;} #phone-estimate .form-section .buy-area .buy-text {height:35px; line-height:35px; margin-top:30px; font-size:24px; color:#888; } #phone-estimate .form-section .buy-area .buy-btns {margin-top:30px; text-align:center;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn {position:relative; width:288px; height:80px; line-height:76px; font-size:28px; color:#888; text-align:center; border:2px solid #f1f1f1; border-radius:10px; cursor:pointer; display:inline-block;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn:first-child {margin-right:20px;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn:before {content:''; width:26px; height:18px; margin-right:10px; background:url('/img/phone/estimate/m_cheak.png') top center no-repeat; background-size:100% 100%; display:inline-block;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn.active {color:#333; border:2px solid #333;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn.active:before {background-image:url('/img/phone/estimate/m_cheak_select.png');} #phone-estimate .form-section .buy-area .buy-btns .buy-btn span {font-size:20px;} #phone-estimate .form-section .buy-area .buy-distance {margin-top:30px; display:none;} #phone-estimate .form-section .buy-area .buy-distance li.select-option {height:40px; line-height:40px; margin:0 20px 0 0; font-size:28px; cursor:pointer; display:inline-block;} #phone-estimate .form-section .buy-area .buy-distance li.select-option:last-child {margin-right:0;} #phone-estimate .form-section .buy-area .buy-distance li.select-option .input_radio {content:''; width:32px; height:32px; margin-right:15px; vertical-align:text-bottom; border:2px solid #f1f1f1; border-radius:50%; display:inline-block;} #phone-estimate .form-section .buy-area .buy-distance li.select-option.active .input_radio:before {content:''; width:16px; height:16px; margin:8px; background:#ff5d6a; border-radius:50%; display:block;} #phone-estimate .color-img .swiper-wrapper .swiper-slide{text-align: center} #phone-estimate .form-section .select-maker {position:relative; margin:0px 0 30px; padding:30px 30px 0 30px; border:2px solid #f1f1f1; border-radius:30px; background:#fff;} #phone-estimate .form-section .select-maker .select-title {height:50px; line-height:50px; font-size:36px; font-weight:700; white-space: nowrap;} #phone-estimate .form-section .select-maker .m_notice {position:absolute; top:36px; right:30px; cursor:pointer;} #phone-estimate .form-section .select-maker .select-contents {margin:30px 0;} #phone-estimate .form-section .select-maker .select-contents li.select-option {height:40px; line-height:40px; font-size:30px; cursor:pointer;display:inline-block;margin:0 0 0 20px;} #phone-estimate .form-section .select-maker .select-contents li.select-option .input_radio {content:''; width:32px; height:32px; margin-right:20px; vertical-align:text-bottom; border:2px solid #f1f1f1; border-radius:50%; display:inline-block;} #phone-estimate .form-section .select-maker .select-contents li.select-option.active .input_radio:before {content:''; width:16px; height:16px; margin:8px; background:#ff5d6a; border-radius:50%; display:block;} #phone-estimate .form-section .select-request {position:relative; margin:50px 0 30px; padding:30px 30px 0 30px; border:2px solid #f1f1f1; border-radius:30px; background:#fff;} #phone-estimate .form-section .select-request .select-title {height:50px; line-height:50px; font-size:36px; font-weight:700;} #phone-estimate .form-section .select-request .m_notice {position:absolute; top:36px; right:30px; cursor:pointer;} #phone-estimate .form-section .select-request .input_text {margin: 30px 0;border-radius: 10px;background: #f9f9f9;height: 100px;font-size: 28px;color: #888;line-height: 2.14;text-align: left;width: 100%;letter-spacing: -0.84px;padding-left: 30px;} #phone-estimate .form-section .select-request .request-text {height: 79px;font-family: 'NotoSansCJKKR';font-size: 26px;line-height: 1.62;letter-spacing: -0.78px;text-align: left;color:#888;margin-bottom: 30px;} #phone-estimate .form-section .select-request .request-text li::before{content:"예시)";padding-right: 8px;color:#888;} #phone-estimate .mark_required{height: 40px;margin: 10px;font-size: 28px;color: #ff3040;line-height: 2.14;} #phone-estimate .form-section .request-btn{border: none;font-size: 32px;margin-top: 30px;width: 100%;text-align: left;background: #f9f9f9;padding: 30px;color: #ccc;border-radius: 10px;} @media (max-width:720px){ #phone-estimate {position:relative; min-height:calc(100% - 18.33vw); padding:13.89vw 4.17vw 4.17vw 4.17vw;} #phone-estimate .color-img-pagination {position:relative; margin-top:4.17vw;} #phone-estimate .swiper-pagination .color-swiper-bullet {width:2.5vw; height:2.5vw; margin:0 1.39vw; border-radius:50%; background:#e3e3e3; cursor:pointer; display:inline-block;} #phone-estimate .swiper-pagination .color-swiper-bullet-active {background:#333;} #phone-estimate .main-title {position:relative; padding:4.17vw; height:13.89vw;} #phone-estimate .main-title .title-ellipsis {width:80.56vw; height:5.56vw; line-height:5.56vw; margin-right:4.17vw; font-size:4.72vw; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #phone-estimate .main-title .m_close {position:absolute; top:3.61vw; right:4.17vw; width:6.67vw; cursor:pointer;} #phone-estimate .form-section {margin:0vw auto;} #phone-estimate .form-section .m_agency {width:34.72vw; margin:0 auto; display:block;} #phone-estimate .form-section .m_checklist {width:34.72vw; margin:0 auto; display:block;} #phone-estimate .form-section .select-area {position:relative; margin:6.94vw 0 4.17vw; padding:4.17vw 4.17vw 0 4.17vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw; background:#fff;} #phone-estimate .form-section .select-area .select-title {height:6.94vw; line-height:6.94vw; font-size:5vw; font-weight:700;} #phone-estimate .form-section .select-area .m_notice {position:absolute; top:5vw; right:4.17vw; width:5.56vw; cursor:pointer;} #phone-estimate .form-section .select-area .select-contents {margin:4.17vw 0;} #phone-estimate .form-section .select-area .select-contents li.select-option {height:5.56vw; line-height:5.56vw; margin:2.78vw 0; font-size:4.17vw; cursor:pointer;} #phone-estimate .form-section .select-area .select-contents li.select-option .input_radio {content:''; width:5vw; height:5vw; margin-right:2.78vw; vertical-align:text-bottom; border:0.28vw solid #f1f1f1; border-radius:50%; display:inline-block;} #phone-estimate .form-section .select-area .select-contents li.select-option.active .input_radio:before {content:''; width:2.22vw; height:2.22vw; margin:1.39vw; background:#ff5d6a; border-radius:50%; display:block;} #phone-estimate .form-section .color-img {position:relative; width:54.17vw; height:auto; margin:0 auto;} #phone-estimate .form-section .color-img ul li img {max-width:100%;} #phone-estimate .spec_info_btn {width:16.67vw; height:7.64vw; line-height:7.64vw; margin:6.94vw auto 0; font-size:3.61vw; color:#fff; text-align:center; border-radius:1.39vw; background:#333; cursor:pointer;} #phone-estimate .estimate_progress {width:100%; height:2.78vw; border-radius:1.39vw; background:#c3c3c3; overflow:hidden;} #phone-estimate .estimate_progress .progress_bar {width:25%; height:2.78vw; border-radius:1.39vw; background:#333333;} #phone-estimate .estimate_btns {margin-top:2.78vw;} #phone-estimate .estimate_btns:after {content:''; display:block; clear:both;} #phone-estimate .estimate_btns .estimate_btn_prev {float:left; width:27.78vw; height:13.89vw; line-height:13.89vw; margin-right:1.39vw; font-size:4.17vw; color:#888; text-align:center; border-radius:1.39vw; background:#f1f1f1; cursor:pointer;} #phone-estimate .estimate_btns .estimate_btn_next {float:right; width:61.5vw; height:13.89vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #phone-estimate .form-section .plan-area {position:relative; margin:6.94vw 0 4.17vw; padding:4.17vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw; background:#fff;} #phone-estimate .form-section .plan-area .plan-title {height:6.94vw; line-height:6.94vw; font-size:5vw; font-weight:700;} #phone-estimate .form-section .plan-area .sub-title {margin:4.17vw 0 4.86vw;} #phone-estimate .form-section .plan-area .sub-title:after {content:''; display:block; clear:both;} #phone-estimate .form-section .plan-area .sub-title .plan-name {float:left; min-width:55.56vw; height:6.94vw; line-height:6.94vw; font-size:4.17vw; font-weight:700; color:#333;} #phone-estimate .form-section .plan-area .sub-title .plan-name .m_notice {width:5.56vw; vertical-align:text-bottom; cursor:pointer;} #phone-estimate .form-section .plan-area .sub-title .plan-price {float:right; width:26.39vw; height:6.94vw; line-height:6.94vw; font-size:4.17vw; font-weight:700; color:#333; text-align:right;} #phone-estimate .form-section .plan-area .plan-text {float:left; text-align:left; height:6.94vw; line-height:6.94vw; font-size:3.89vw; color:#888;} #phone-estimate .form-section .plan-area .plan-voice {height:6.94vw; line-height:6.94vw; margin-top:2.78vw; font-size:3.89vw; color:#333; text-align:right;} #phone-estimate .form-section .plan-area .plan-voice_add {height:6.94vw; line-height:6.94vw; font-size:3.33vw; color:#888; text-align:right;} #phone-estimate .form-section .plan-area .plan-letter {height:6.94vw; line-height:6.94vw; margin-top:2.78vw; font-size:3.89vw; color:#333; text-align:right;} #phone-estimate .form-section .plan-area .plan-data {height:6.94vw; line-height:6.94vw; margin-top:2.78vw; font-size:3.89vw; color:#333; text-align:right;} #phone-estimate .form-section .plan-area .plan-data_add {height:6.94vw; line-height:6.94vw; font-size:3.33vw; color:#888; text-align:right;} #phone-estimate .form-section .plan-area .plan-btn {width:100%; height:11.11vw; line-height:11.11vw; margin-top:4.17vw; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.39vw; background:#333; cursor:pointer;} #phone-estimate .form-section .buy-area {position:relative; margin:6.94vw 0 4.17vw; padding:4.17vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw; background:#fff;} #phone-estimate .form-section .buy-area .buy-title {height:6.94vw; line-height:6.94vw; font-size:5vw; font-weight:700;} #phone-estimate .form-section .buy-area .m_notice {position:absolute; top:5vw; right:4.17vw; width:5.56vw; cursor:pointer;} #phone-estimate .form-section .buy-area .buy-text {height:4.86vw; line-height:4.86vw; margin-top:4.17vw; font-size:3.33vw; color:#888; } #phone-estimate .form-section .buy-area .buy-btns {margin-top:4.17vw; text-align:center;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn {position:relative; width:39vw; height:11.11vw; line-height:10.56vw; font-size:3.89vw; color:#888; text-align:center; border:0.28vw solid #f1f1f1; border-radius:1.39vw; cursor:pointer; display:inline-block;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn:first-child {margin-right:2.78vw;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn:before {content:''; width:3.61vw; height:2.5vw; margin-right:1.39vw; background:url('/img/phone/estimate/m_cheak.png') top center no-repeat; background-size:100% 100%; display:inline-block;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn.active {color:#333; border:0.28vw solid #333;} #phone-estimate .form-section .buy-area .buy-btns .buy-btn.active:before {background-image:url('/img/phone/estimate/m_cheak_select.png');} #phone-estimate .form-section .buy-area .buy-btns .buy-btn span {font-size:2.78vw;} #phone-estimate .form-section .buy-area .buy-distance {margin-top:4.17vw; display:none;} #phone-estimate .form-section .buy-area .buy-distance li.select-option {height:5.56vw; line-height:5.56vw; margin:0 2.78vw 0 0; font-size:3.7vw; cursor:pointer; display:inline-block;} #phone-estimate .form-section .buy-area .buy-distance li.select-option:last-child {margin-right:0;} #phone-estimate .form-section .buy-area .buy-distance li.select-option .input_radio {content:''; width:4.44vw; height:4.44vw; margin-right:2.08vw; vertical-align:text-bottom; border:0.28vw solid #f1f1f1; border-radius:50%; display:inline-block;} #phone-estimate .form-section .buy-area .buy-distance li.select-option.active .input_radio:before {content:''; width:2.22vw; height:2.22vw; margin:1.11vw; background:#ff5d6a; border-radius:50%; display:block;} #phone-estimate .form-section .select-maker {position:relative; margin:0 0 4.17vw; padding:4.17vw 4.17vw 0 4.17vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw; background:#fff;} #phone-estimate .form-section .select-maker .select-title {height:6.94vw; line-height:6.94vw; font-size:5vw; font-weight:700;} #phone-estimate .form-section .select-maker .m_notice {position:absolute; top:5vw; right:4.17vw; width:5.56vw; cursor:pointer;} #phone-estimate .form-section .select-maker .select-contents {margin:4.17vw 0;} #phone-estimate .form-section .select-maker .select-contents li.select-option {height:5.56vw; line-height:5.56vw; margin:0 0 0 2.78vw; font-size:4.17vw; cursor:pointer;} #phone-estimate .form-section .select-maker .select-contents li.select-option .input_radio {content:''; width:4.44vw; height:4.44vw; margin-right:2.78vw; vertical-align:text-bottom; border:0.28vw solid #f1f1f1; border-radius:50%; display:inline-block;} #phone-estimate .form-section .select-maker .select-contents li.select-option.active .input_radio:before {content:''; width:2.22vw; height:2.22vw; margin:1.11vw; background:#ff5d6a; border-radius:50%; display:block;} #phone-estimate .form-section .select-request { margin:6.94vw 0 4.17vw; padding:4.17vw 4.17vw 0 4.17vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw; } #phone-estimate .form-section .select-request .select-title {height:6.94vw; line-height:6.94vw; font-size:5vw; } #phone-estimate .form-section .select-request .m_notice {position:absolute; top:5vw; right:4.17vw; } #phone-estimate .form-section .select-request .input_text {margin: 4.17vw 0;border-radius: 1.39vw;height: 13.89vw;font-size: 3.89vw;letter-spacing: -0.12vw;padding-left: 4.17vw;} #phone-estimate .form-section .select-request .request-text {height: 11.11vw;font-size: 3.61vw;letter-spacing: -0.11px;margin-bottom: 4.17vw;} #phone-estimate .form-section .select-request .request-text li::before{padding-right: 1.11vw;} #phone-estimate .mark_required{height: 5.56vw;margin: 1.39vw;font-size: 3.89vw;} } /* phone_estimate : END */ /* phone_estimate_confirm : STR */ #phone-confirm {position:relative; min-height:calc(100% - 132px); padding:100px 30px 30px 30px;} #phone-confirm .main-title {position:relative; height:100px; line-height:40px; padding:30px; font-size:34px; font-weight:700;} #phone-confirm .main-title .m_close {position:absolute; top:26px; right:30px; cursor:pointer;} #phone-confirm .model-info {margin-top:50px; padding-bottom:30px; border-bottom:2px solid #f1f1f1;} #phone-confirm .model-info .model-img {width:100px; height:140px; margin-right:50px; vertical-align:top; display:inline-block;} #phone-confirm .model-info .model-img img {max-width:100%; max-height:100%;} #phone-confirm .model-info .model-info-price {width:510px; vertical-align:top; display:inline-block;} #phone-confirm .model-info .model-info-price .title-text {float:left; font-size:28px; font-weight:normal; color:#333; text-align:left; } #phone-confirm .model-info .model-info-price .model-name {font-size:30px; font-weight:700; color:#333; text-decoration:none;} #phone-confirm .model-info .model-info-price .model-price {margin-top:20px; font-size:28px; font-weight:normal; color:#888; text-align:right;} #phone-confirm .model-info .model-info-price .model-discount {margin-top:10px; font-size:28px; font-weight:normal; color:#333; text-align:right;} #phone-confirm .model-info .model-info-price .month-price {margin-top:10px; font-size:28px; font-weight:normal; color:#333; text-align:right;} #phone-confirm .model-info .model-info-price .month-price span {font-weight:700; color:#ff5d6a;} #phone-confirm .estimate-info {padding-bottom:40px; border-bottom:2px solid #f1f1f1;} #phone-confirm .estimate-info:after {content:''; display:block; clear:both;} #phone-confirm .estimate-info .estimate-info-title {position:relative; height:100px; padding:25px 0; border-bottom:4px solid #333;} #phone-confirm .estimate-info .estimate-info-title:after {content:''; display:block; clear:both;} #phone-confirm .estimate-info .estimate-info-title .info-title {float:left; width:300px; line-height:50px; font-size:36px; font-weight:700; color:#333;} #phone-confirm .estimate-info .estimate-info-title .select-contract {float:right; width:260px; margin-right:20px; border:solid 2px #333; border-radius:25px; overflow:hidden;} #phone-confirm .estimate-info .estimate-info-title .select-contract:after {content:''; display:block; clear:both;} #phone-confirm .estimate-info .estimate-info-title .select-contract .option-contract {float:left; position:relative; width:140px; height:50px; line-height:45px; margin:-2px -2px -2px 0; padding:0 20px; font-size:26px; font-weight:700; color:#333; letter-spacing:-0.7px; text-align:center; border:solid 2px #333; cursor:pointer;} #phone-confirm .estimate-info .estimate-info-title .select-contract .option-contract.active {color:#fff; background:#333; text-align:center; border-radius:25px;} #phone-confirm .estimate-info .estimate-info-title .select-contract .option-contract:first-child {margin:-2px -20px -2px -2px; text-align:center;} #phone-confirm .estimate-info .estimate-info-title .select-contract .option-contract.active:first-child {margin-right:-20px; text-align:center; border-radius:25px;} #phone-confirm .estimate-info .estimate-info-title .m_notice {float:right; width:40px; margin-top:5px; cursor:pointer;} #phone-confirm .estimate-info .estimate-item {height:40px; line-height:40px; margin-top:40px; font-size:28px; color:#888; text-align:left;} #phone-confirm .estimate-info .estimate-item .estimate-item-value {float:right; max-width:530px; font-weight:700; color:#333; text-align:right;} #phone-confirm .estimate-info .estimate-item .estimate-item-value.estimate-item-edit {font-weight:normal; color:#37408f; text-decoration:underline; cursor:pointer;} #phone-confirm .estimate-info .estimate-item .estimate-item-value.estimate-item-edit.edit_complete {font-weight:700; text-decoration:underline;} #phone-confirm .estimate-info .estimate-item-btns {clear:both;} #phone-confirm .estimate-info .estimate-item-btns .estimate-edit-btn {float:right; width:120px; height:60px; line-height:60px; margin-top:40px; font-size:26px; color:#fff; text-align:center; border-radius:10px; background:#37408f; cursor:pointer;} #phone-confirm .estimate-info .estimate-item-btns .estimate-cancle-btn {float:right; width:120px; height:60px; line-height:60px; margin-top:40px; margin-right:10px; font-size:26px; color:#888; text-align:center; border-radius:10px; background:#f1f1f1; cursor:pointer; display:none;} #phone-confirm .estimate-info .estimate-item-btns .estimate-save-btn {float:right; width:120px; height:60px; line-height:60px; margin-top:40px; font-size:26px; color:#fff; text-align:center; border-radius:10px; background:#37408f; cursor:pointer; display:none;} #phone-confirm .price-info {padding:40px 0; border-bottom:2px solid #f1f1f1;} #phone-confirm .price-info:after {content:''; display:block; clear:both;} #phone-confirm .price-info .price-info-vat {font-size:22px; color:#888; text-align:right;} #phone-confirm .price-info .price-info-text {width:100%; height:50px; line-height:50px;} #phone-confirm .price-info .price-info-text:after {content:''; display:block; clear:both;} #phone-confirm .price-info .price-info-text .info-label {float:left; width:50%; font-size:28px; font-weight:700; color:#333; text-align:left;} #phone-confirm .price-info .price-info-text .info-price {float:right; width:50%; font-size:36px; font-weight:700; color:#333; text-align:right;} #phone-confirm .price-info .price-info-text .info-price span {color:#ff5d6a;} #phone-confirm .price-info .price-info-detail {float:right; width:120px; height:60px; line-height:60px; margin-top:20px; font-size:26px; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} #phone-confirm .add_text {margin-top:30px; font-size:23px; color:#333;} #phone-confirm .estimate_progress {width:100%; height:20px; margin-top:30px; border-radius:10px; background:#c3c3c3; overflow:hidden;} #phone-confirm .estimate_progress .progress_bar {width:100%; height:20px; border-radius:10px; background:#333333;} #phone-confirm .estimate_btns {position:relative; margin-top:20px;} #phone-confirm .estimate_btns .estimate_btn_next {width:100%; height:100px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #phone-confirm .estimate_btns .estimate_btn_not_edit {position:absolute; bottom:0; left:0; width:100%; height:100px; line-height:100px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#37408f; cursor:pointer; display:none;} @media (max-width:720px){ #phone-confirm {position:relative; min-height:calc(100% - 18.33vw); padding:13.89vw 4.17vw 4.17vw 4.17vw;} #phone-confirm .main-title {position:relative; height:13.89vw; padding:4.17vw; line-height:5.56vw; font-size:4.72vw; font-weight:700;} #phone-confirm .main-title .m_close {position:absolute; top:3.61vw; right:4.17vw; width:6.67vw; cursor:pointer;} #phone-confirm .model-info {margin-top:6.94vw; padding-bottom:4.17vw; border-bottom:0.28vw solid #f1f1f1;} #phone-confirm .model-info .model-img {width:13.89vw; height:19.44vw; margin-right:6.94vw; vertical-align:top; display:inline-block;} #phone-confirm .model-info .model-img img {max-width:100%; max-height:100%;} #phone-confirm .model-info .model-info-price {width:70.83vw; vertical-align:top; display:inline-block;} #phone-confirm .model-info .model-info-price .title-text {float:left; font-size:3.89vw; font-weight:normal; color:#333; text-align:left; } #phone-confirm .model-info .model-info-price .model-name {font-size:4.17vw; font-weight:700; color:#333; text-decoration:none;} #phone-confirm .model-info .model-info-price .model-price {margin-top:2.78vw; font-size:3.89vw; font-weight:normal; color:#888; text-align:right;} #phone-confirm .model-info .model-info-price .model-discount {margin-top:1.39vw; font-size:3.89vw; font-weight:normal; color:#333; text-align:right;} #phone-confirm .model-info .model-info-price .month-price {margin-top:1.39vw; font-size:3.89vw; font-weight:normal; color:#333; text-align:right;} #phone-confirm .model-info .model-info-price .month-price span {font-weight:700; color:#ff5d6a;} #phone-confirm .estimate-info {padding-bottom:5.56vw; border-bottom:0.28vw solid #f1f1f1;} #phone-confirm .estimate-info:after {content:''; display:block; clear:both;} #phone-confirm .estimate-info .estimate-info-title {position:relative; height:13.89vw; padding:3.47vw 0; border-bottom:0.56vw solid #333;} #phone-confirm .estimate-info .estimate-info-title:after {content:''; display:block; clear:both;} #phone-confirm .estimate-info .estimate-info-title .info-title {float:left; width:41.67vw; line-height:6.94vw; font-size:5vw; font-weight:700; color:#333;} #phone-confirm .estimate-info .estimate-info-title .select-contract {float:right; width:36.11vw; margin-right:2.78vw; border:solid 0.28vw #333; border-radius:3.47vw; overflow:hidden;} #phone-confirm .estimate-info .estimate-info-title .select-contract:after {content:''; display:block; clear:both;} #phone-confirm .estimate-info .estimate-info-title .select-contract .option-contract {float:left; position:relative; width:19.4vw; height:6.94vw; line-height:6.25vw; margin:-0.28vw -0.28vw -0.28vw 0; padding:0 2.78vw; font-size:3.61vw; font-weight:700; color:#333; letter-spacing:-0.14vw; text-align:center; border:solid 0.28vw #333; cursor:pointer;} #phone-confirm .estimate-info .estimate-info-title .select-contract .option-contract.active {color:#fff; background:#333; text-align:center; border-radius:3.47vw;} #phone-confirm .estimate-info .estimate-info-title .select-contract .option-contract:first-child {margin:-0.28vw -2.78vw -0.28vw -0.28vw; text-align:center;} #phone-confirm .estimate-info .estimate-info-title .select-contract .option-contract.active:first-child {margin-right:-2.78vw; text-align:center; border-radius:3.47vw;} #phone-confirm .estimate-info .estimate-info-title .m_notice {float:right; width:5.56vw; margin-top:0.69vw; cursor:pointer;} #phone-confirm .estimate-info .estimate-item {height:5.56vw; line-height:5.56vw; margin-top:5.56vw; font-size:3.89vw; color:#888; text-align:left;} #phone-confirm .estimate-info .estimate-item .estimate-item-value {float:right; max-width:73.61vw; font-weight:700; color:#333; text-align:right;} #phone-confirm .estimate-info .estimate-item .estimate-item-value.estimate-item-edit {font-weight:normal; color:#37408f; text-decoration:underline; cursor:pointer;} #phone-confirm .estimate-info .estimate-item .estimate-item-value.estimate-item-edit.edit_complete {font-weight:700; text-decoration:underline;} #phone-confirm .estimate-info .estimate-item-btns {clear:both;} #phone-confirm .estimate-info .estimate-item-btns .estimate-edit-btn {float:right; width:16.67vw; height:8.33vw; line-height:8.33vw; margin-top:5.56vw; font-size:3.61vw; color:#fff; text-align:center; border-radius:1.39vw; background:#37408f; cursor:pointer;} #phone-confirm .estimate-info .estimate-item-btns .estimate-cancle-btn {float:right; width:16.67vw; height:8.33vw; line-height:8.33vw; margin-top:5.56vw; margin-right:1.39vw; font-size:3.61vw; color:#888; text-align:center; border-radius:1.39vw; background:#f1f1f1; cursor:pointer; display:none;} #phone-confirm .estimate-info .estimate-item-btns .estimate-save-btn {float:right; width:16.67vw; height:8.33vw; line-height:8.33vw; margin-top:5.56vw; font-size:3.61vw; color:#fff; text-align:center; border-radius:1.39vw; background:#37408f; cursor:pointer; display:none;} #phone-confirm .price-info {padding:5.56vw 0; border-bottom:0.28vw solid #f1f1f1;} #phone-confirm .price-info:after {content:''; display:block; clear:both;} #phone-confirm .price-info .price-info-vat {font-size:3.06vw; color:#888; text-align:right;} #phone-confirm .price-info .price-info-text {width:100%; height:6.94vw; line-height:6.94vw;} #phone-confirm .price-info .price-info-text:after {content:''; display:block; clear:both;} #phone-confirm .price-info .price-info-text .info-label {float:left; width:50%; font-size:3.89vw; font-weight:700; color:#333; text-align:left;} #phone-confirm .price-info .price-info-text .info-price {float:right; width:50%; font-size:5vw; font-weight:700; color:#333; text-align:right;} #phone-confirm .price-info .price-info-text .info-price span {color:#ff5d6a;} #phone-confirm .price-info .price-info-detail {float:right; width:16.67vw; height:8.33vw; line-height:8.33vw; margin-top:2.78vw; font-size:3.61vw; color:#fff; text-align:center; border-radius:1.39vw; background:#333; cursor:pointer;} #phone-confirm .add_text {margin-top:4.17vw; font-size:3.19vw; color:#333;} #phone-confirm .estimate_progress {width:100%; height:2.78vw; margin-top:4.17vw; border-radius:1.39vw; background:#c3c3c3; overflow:hidden;} #phone-confirm .estimate_progress .progress_bar {width:100%; height:2.78vw; border-radius:1.39vw; background:#333333;} #phone-confirm .estimate_btns {position:relative; margin-top:2.78vw;} #phone-confirm .estimate_btns .estimate_btn_next {width:100%; height:13.89vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #phone-confirm .estimate_btns .estimate_btn_not_edit {position:absolute; bottom:0; left:0; width:100%; height:13.89vw; line-height:13.89vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#37408f; cursor:pointer; display:none;} } /* phone_estimate_confirm : END */ /* order list : STR */ #order-list {position:relative; min-height:calc(100% - 132px); padding-top:100px; background:#f9f9f9;} #order-list .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #order-list .order-search {position:relative; height:115px; padding:30px; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); background-color:#fff; z-index:2;} #order-list .order-search:after {content:''; display:block; clear:both;} #order-list .order-search .order-search-item {float:left; width:120px; height:55px; line-height:51px; margin-right:10px; padding:0; font-size:24px; color:#888; text-align:center; border:2px solid #f1f1f1; border-radius:10px; background:#fff; cursor:pointer;} #order-list .order-search .order-search-item.active {color:#333; border:2px solid #888;} #order-list .order-search-fixed {position:absolute; top:30px; right:30px; height:40px; line-height:40px; font-size:24px; color:#888; text-align:right; } #order-list .order-search-fixed .m_refresh {margin-right:20px; cursor:pointer;} #order-list .order-search-fixed span {color:#333;} #order-list .order-lists {padding:0 30px 30px 30px;} #order-list .order-lists .list-date {margin-top:30px; text-align:center;} #order-list .order-lists .list-date span {height:32px; line-height:32px; padding:10px 20px; font-size:22px; color:#888; border-radius:26px; background:#f1f1f1; display:inline-block;} #order-list .order-lists .list-box {position:relative; width:100%; height:200px; margin-top:30px; margin-right:30px !important; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #order-list .order-lists .list-box-grey {position:absolute; top:0; left:0; width:100%; height:200px; border-radius:30px; background:#000; opacity:0.2;} #order-list .order-lists .list-box .list-box-top {width:100%; height:40px;} #order-list .order-lists .list-box .list-box-top:after {content:''; display:block; clear:both;} #order-list .order-lists .list-box .list-box-top-status {padding-left:20px; text-align:left;} #order-list .order-lists .list-box .list-box-top-status span {line-height:40px; padding:4px 10px; font-size:22px; color:#888; border-radius:8px; background-color:#f1f1f1;} #order-list .order-lists .list-box .list-box-top-status span.list-box-top-secret { margin-left: 20px; padding: 9px 10px; color:#fff; border-radius:8px; background-color:#ff5d6a; font-family: 'Jalnan'; font-size: 20px; font-weight: normal;} #order-list .order-lists .list-box .list-box-top-date {float:right; line-height:40px; padding:0 10px; font-size:24px; color:#888;} #order-list .order-lists .list-box .list-box-bottom {height:140px;} #order-list .order-lists .list-box .list-box-bottom:after {content:''; display:block; clear:both;} #order-list .order-lists .list-box .list-box-phone-img {float:left; width:100px; height:140px; display:flex; justify-content:center; align-items:center;} #order-list .order-lists .list-box .list-box-phone-img img {max-width:100%; max-height:100%;} #order-list .order-lists .list-box .list-box-phone-text {float:left; width:310px; padding:20px 0;} #order-list .order-lists .list-box .list-box-phone-type {height:40px; padding-left:20px; line-height:40px; font-size:24px;} #order-list .order-lists .list-box .list-box-phone-name {height:60px; padding-left:20px; line-height:60px; font-size:30px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #order-list .order-lists .list-box .list-box-phone-estimate {float:left; width:130px; padding:20px 0; text-align:right;} #order-list .order-lists .list-box .list-box-phone-count {height:60px; line-height:60px; font-size:40px; font-weight:700;} #order-list .order-lists .list-box .m_next {position:absolute; bottom:85px; right:30px; max-width:5%; cursor:pointer;} #order-list .order-lists .none-list-box {margin:100px 0; font-size:28px; color:#333; text-align:center;} #order-list .order-lists .none-list-box .go-estimate-btn {width:280px; height:80px; line-height:80px; margin:30px auto; font-size:28px; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} @media (max-width:720px){ #order-list {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw; background:#f9f9f9;} #order-list .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #order-list .order-search {position:relative; height:15.97vw; padding:4.17vw; box-shadow: 0 2.78vw 2.78vw 0 rgba(0, 0, 0, 0.05); background-color:#fff; z-index:2;} #order-list .order-search:after {content:''; display:block; clear:both;} #order-list .order-search .order-search-item {float:left; width:16.67vw; height:7.64vw; line-height:7.08vw; margin-right:1.39vw; padding:0; font-size:3.33vw; color:#888; text-align:center; border:0.28vw solid #f1f1f1; border-radius:1.39vw; background:#fff; cursor:pointer;} #order-list .order-search .order-search-item.active {color:#333; border:0.28vw solid #888;} #order-list .order-search-fixed {position:absolute; top:4.17vw; right:4.17vw; height:5.56vw; line-height:5.56vw; font-size:3.33vw; color:#888; text-align:right; } #order-list .order-search-fixed .m_refresh {width:5.56vw; margin-right:2.78vw; cursor:pointer;} #order-list .order-search-fixed span {color:#333;} #order-list .order-lists {padding:0 4.17vw 4.17vw 4.17vw; background:#f9f9f9;} #order-list .order-lists .list-date {margin-top:4.17vw; text-align:center;} #order-list .order-lists .list-date span {height:4.44vw; line-height:4.44vw; padding:1.39vw 2.78vw; font-size:3.06vw; color:#888; border-radius:3.61vw; background:#f1f1f1; display:inline-block;} #order-list .order-lists .list-box {position:relative; width:100%; height:27.78vw; margin-top:4.17vw; margin-right:4.17vw !important; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff;} #order-list .order-lists .list-box-grey {position:absolute; top:0; left:0; width:100%; height:27.78vw; border-radius:4.17vw; background:#000; opacity:0.2;} #order-list .order-lists .list-box .list-box-top {width:100%; height:5.56vw;} #order-list .order-lists .list-box .list-box-top:after {content:''; display:block; clear:both;} #order-list .order-lists .list-box .list-box-top-status {padding-left:2.78vw; text-align:left;} #order-list .order-lists .list-box .list-box-top-status span {line-height:5.56vw; padding:0.56vw 1.39vw; font-size:3.06vw; color:#888; border-radius:1.11vw; background-color:#f1f1f1;} #order-list .order-lists .list-box .list-box-top-status span.list-box-top-secret { margin-left: 1.78vw; padding:1.16vw 1.39vw; color:#fff; border-radius:1.11vw; background-color:#ff5d6a; font-family: 'Jalnan'; font-size:3.06vw; font-weight: normal;} #order-list .order-lists .list-box .list-box-top-date {float:right; line-height:5.56vw; padding:0 1.39vw; font-size:3.33vw; color:#888;} #order-list .order-lists .list-box .list-box-bottom {height:19.44vw;} #order-list .order-lists .list-box .list-box-bottom:after {content:''; display:block; clear:both;} #order-list .order-lists .list-box .list-box-phone-img {float:left; width:13.89vw; height:19.44vw; display:flex; justify-content:center; align-items:center;} #order-list .order-lists .list-box .list-box-phone-img img {max-width:100%; max-height:100%;} #order-list .order-lists .list-box .list-box-phone-text {float:left; width:43.06vw; padding:2.78vw 0;} #order-list .order-lists .list-box .list-box-phone-type {height:5.56vw; padding-left:2.78vw; line-height:5.56vw; font-size:3.33vw;} #order-list .order-lists .list-box .list-box-phone-name {height:8.33vw; padding-left:2.78vw; line-height:8.33vw; font-size:4.17vw; font-weight:700;} #order-list .order-lists .list-box .list-box-phone-estimate {float:left; width:18.06vw; padding:2.78vw 0; text-align:right;} #order-list .order-lists .list-box .list-box-phone-count {height:8.33vw; line-height:8.33vw; font-size:5.56vw; font-weight:700;} #order-list .order-lists .list-box .m_next {position:absolute; bottom:11.81vw; right:4.17vw; max-width:5%; cursor:pointer;} #order-list .order-lists .none-list-box {margin:13.89vw 0; font-size:3.89vw; color:#333; text-align:center;} #order-list .order-lists .none-list-box .go-estimate-btn {width:38.89vw; height:11.11vw; line-height:11.11vw; margin:4.17vw auto; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.39vw; background:#333; cursor:pointer;} } /* order list : END */ /* order view : STR */ #order-view {position:relative; min-height:calc(100% - 132px); padding-top:100px; background:#f9f9f9;} #order-view .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #order-view .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #order-view .order-search {position:relative; height:115px; padding:30px; box-shadow: 0 20px 20px 0 rgba(0, 0, 0, 0.05); background-color:#fff; z-index:2;} #order-view .order-search:after {content:''; display:block; clear:both;} #order-view .order-search .order-search-item {float:left; height:55px; line-height:51px; margin-right:10px; padding:0 10px; font-size:24px; color:#888; text-align:center; border:2px solid #f1f1f1; border-radius:10px; background:#fff; cursor:pointer;} #order-view .order-search .order-search-item.active {color:#333; border:2px solid #888;} #order-view .order-search .order-search-item:last-child {margin:0;} #order-view .order-search .order-search-fixed {float:right; height:55px; line-height:55px; font-size:24px; color:#888; text-align:right; } #order-view .order-search .order-search-fixed .m_refresh {margin-right:7px; cursor:pointer;} #order-view .order-search .order-search-fixed span {color:#333;} #order-view .order-phone {position:relative; padding:30px; background:#f9f9f9;} #order-view .order-phone:after {content:''; display:block; clear:both;} #order-view .order-phone .order-phone-name {float:left; width:470px; height:40px; line-height:40px; font-size:28px; font-weight:700; color:#333;} #order-view .order-phone .order-phone-detail {float:right; width:180px; height:55px; line-height:55px; font-size:24px; font-weight:normal; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} #order-view .order-title {position:relative; padding:0 30px 30px 30px; background:#f9f9f9;} #order-view .order-title .order-step {padding:25px 0; width:610px;} #order-view .order-title .order-step:after {content:''; display:block; clear:both;} #order-view .order-title .order-step .order-step-bar {float:left; position:relative; width:38%; height:10px; background:#e3e3e3;} #order-view .order-title .order-step .order-step-bar:before {content:''; position:absolute; top:-18px; left:0; width:46px; height:46px; line-height:46px; font-size:22px; color:#fff; text-align:center; border-radius:50%; background:#e3e3e3;} #order-view .order-title .order-step .order-step1:before {content:'1';} #order-view .order-title .order-step .order-step2:before {content:'1';} #order-view .order-title .order-step .order-step3:before {content:'2';} #order-view .order-title .order-step .order-step4:before {content:'3';} #order-view .order-title .order-step .order-step-bar.on {background:#ff5d6a;} #order-view .order-title .order-step .order-step-bar.on:before {content:''; background:url('/img/order/view/check_step.png') center center no-repeat #ff5d6a; background-size:21px 15px;} #order-view .order-title .order-step .order-step-bar.off:before {content:''; background:url('/img/order/view/check_fail.png') center center no-repeat #333; background-size:18px 18px;} #order-view .order-title .order-step .order-step-bar label {width:108px; margin:30px 0 0 -30px; font-size:22px; color:#888; text-align:center; display:block;} #order-view .order-title .order-step .order-step-bar.on label {color:#ff5d6a;} #order-view .order-title .order-step .order-step-bar.off label {color:#333;} #order-view .order-title .order-step .order-step-bar:last-child {width:90px; background:none;} #order-view .order-title .order-progress {position:absolute; top:0; right:30px; width:100px;} #order-view .order-title .order-progress:after {content:''; display:block; clear:both;} #order-view .order-title .order-progress .order-phone-progress {float:right; width:85px; height:20px; padding:7px 0;} #order-view .order-title .order-progress .order-phone-progress .order-phone-progressbar {width:100%; height:100%; border-radius:4px; background:#e3e3e3;} #order-view .order-title .order-progress .order-phone-progress .order-phone-progressbar .bar {width:0px; height:100%; border-radius:4px; background:#ff5d6a;} #order-view .order-title .order-progress .order-phone-time {float:right; width:100px; line-height:33px; font-size:20px; color:#888; text-align:right;} #order-view .order-title .order-progress .order-phone-time span {color:#333;} #order-view .manage-list {padding:1px 30px 30px 30px; background:#f9f9f9;} #order-view .manage-list .company {position:relative; margin-top:30px; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.07); background:#fff; overflow:hidden; cursor:pointer;} #order-view .manage-list .company .counter-line {position:absolute; top:20px; right:-40px; width:150px; line-height:40px; font-size:22px; font-weight:normal; color:#fff; text-align:center; background:#ff3040; transform:rotate(45deg);} #order-view .manage-list .company .company-name {position:relative; float:left; height:55px; line-height:55px; font-size:34px; font-weight:700; color:#333;} #order-view .manage-list .company .fast_model_name {position:relative; float:left; height:55px; line-height:55px; color:#53577b;font-size: 28px; font-weight:700;} #order-view .manage-list .company .company-name .company-chat {width:80px; height:44px; line-height:40px; margin-right:20px; font-size:22px; font-weight:normal; color:#fff; text-align:center; vertical-align:text-bottom; background:#888; border-radius:8px; display:inline-block;} #order-view .manage-list .company .company-name .company-chat.active {background:#ff5d6a;} #order-view .manage-list .company .company-name .m_next {position:absolute; top:12px; right:0;} #order-view .manage-list .company .company-review {position:relative; float:left; height:40px; line-height:40px; margin:10px 0 0 20px;} #order-view .manage-list .company .company-review .company-star {float:left; height:40px; margin-right:10px; padding-top:5px;} #order-view .manage-list .company .company-review .company-star img {width:30px; vertical-align:text-bottom;} #order-view .manage-list .company .company-review .company-point {float:left; height:40px; line-height:30px; margin-right:10px; padding-top:5px; font-size:28px; font-weight:700; color:#ff5d6a;} #order-view .manage-list .company .company-review .company-cnt {float:left; height:40px; line-height:30px; padding-top:5px; font-size:24px; color:#888;} #order-view .manage-list .company .company-text {margin-top:10px; font-size:22px; font-weight:normal; color:#333; text-align:right;} #order-view .manage-list .company .company-price {margin-top:10px; font-size:34px; font-weight:bold; color:#333; text-align:right;} #order-view .manage-list .company .company-price .company-buy {float:left; padding-top:10px; font-size:26px; font-weight:normal; color:#888;} #order-view .manage-list .company .company-box-grey {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:30px; background:#000; opacity:0.2;} #order-view .manage-list .none-company {margin:100px 0; font-size:28px; color:#333; text-align:center;} #order-view .manage-list .none-company .m_none {width:120px; margin-bottom:30px;} #order-view .order-discount-hint {display: flex; justify-content: center; align-items: center; cursor: pointer;height: 80px;background: #eaeaf1} #order-view .order-discount-hint > span {font-size:24px;line-height: 1.42;color:#53577b;text-align: left;vertical-align: middle;margin-left:20px;} #order-view .order-discount-hint > img {} @media (max-width:720px){ #order-view {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw; background:#f9f9f9;} #order-view .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #order-view .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #order-view .order-search {position:relative; height:15.97vw; padding:4.17vw; box-shadow: 0 2.78vw 2.78vw 0 rgba(0, 0, 0, 0.05); background-color:#fff; z-index:2;} #order-view .order-search:after {content:''; display:block; clear:both;} #order-view .order-search .order-search-item {float:left; height:7.64vw; line-height:7.08vw; margin-right:1.39vw; padding:0 1.39vw; font-size:3.33vw; color:#888; text-align:center; border:0.28vw solid #f1f1f1; border-radius:1.39vw; background:#fff; cursor:pointer;} #order-view .order-search .order-search-item.active {color:#333; border:0.28vw solid #888;} #order-view .order-search .order-search-item:last-child {margin:0;} #order-view .order-search .order-search-fixed {float:right; height:7.64vw; line-height:7.64vw; font-size:3.33vw; color:#888; text-align:right; } #order-view .order-search .order-search-fixed .m_refresh {width:5.56vw; margin-right:0.97vw; cursor:pointer;} #order-view .order-search .order-search-fixed span {color:#333;} #order-view .order-phone {position:relative; padding:4.17vw; background:#f9f9f9;} #order-view .order-phone:after {content:''; display:block; clear:both;} #order-view .order-phone .order-phone-name {float:left; width:65.28vw; height:5.56vw; line-height:5.56vw; font-size:3.89vw; font-weight:700; color:#333;} #order-view .order-phone .order-phone-detail {float:right; width:25vw; height:7.64vw; line-height:7.64vw; font-size:3.33vw; font-weight:normal; color:#fff; text-align:center; border-radius:1.39vw; background:#333; cursor:pointer;} #order-view .order-title {position:relative; padding:0 4.17vw 4.17vw 4.17vw; background:#f9f9f9;} #order-view .order-title .order-step {padding:3.47vw 0; width:84.72vw;} #order-view .order-title .order-step:after {content:''; display:block; clear:both;} #order-view .order-title .order-step .order-step-bar {float:left; position:relative; width:38%; height:1.39vw; background:#e3e3e3;} #order-view .order-title .order-step .order-step-bar:before {content:''; position:absolute; top:-2.5vw; left:0; width:6.39vw; height:6.39vw; line-height:6.39vw; font-size:3.06vw; color:#fff; text-align:center; border-radius:50%; background:#e3e3e3;} #order-view .order-title .order-step .order-step1:before {content:'1';} #order-view .order-title .order-step .order-step2:before {content:'1';} #order-view .order-title .order-step .order-step3:before {content:'2';} #order-view .order-title .order-step .order-step4:before {content:'3';} #order-view .order-title .order-step .order-step-bar.on {background:#ff5d6a;} #order-view .order-title .order-step .order-step-bar.on:before {content:''; background:url('/img/order/view/check_step.png') center center no-repeat #ff5d6a; background-size:2.92vw 2.08vw;} #order-view .order-title .order-step .order-step-bar.off:before {content:''; background:url('/img/order/view/check_fail.png') center center no-repeat #333; background-size:2.5vw 2.5vw;} #order-view .order-title .order-step .order-step-bar label {width:15vw; margin:4.17vw 0 0 -4.17vw; font-size:3.06vw; color:#888; text-align:center; display:block;} #order-view .order-title .order-step .order-step-bar.on label {color:#ff5d6a;} #order-view .order-title .order-step .order-step-bar.off label {color:#333;} #order-view .order-title .order-step .order-step-bar:last-child {width:12.5vw; background:none;} #order-view .order-title .order-progress {position:absolute; top:0; right:4.17vw; width:13.89vw;} #order-view .order-title .order-progress:after {content:''; display:block; clear:both;} #order-view .order-title .order-progress .order-phone-progress {float:right; width:11.81vw; height:2.78vw; padding:0.97vw 0;} #order-view .order-title .order-progress .order-phone-progress .order-phone-progressbar {width:100%; height:100%; border-radius:0.56vw; background:#e3e3e3;} #order-view .order-title .order-progress .order-phone-progress .order-phone-progressbar .bar {width:0; height:100%; border-radius:0.56vw; background:#ff5d6a;} #order-view .order-title .order-progress .order-phone-time {float:right; width:13.89vw; line-height:4.58vw; font-size:2.78vw; color:#888; text-align:right;} #order-view .order-title .order-progress .order-phone-time span {color:#333;} #order-view .manage-list {padding:0.14vw 4.17vw 4.17vw 4.17vw; background:#f9f9f9;} #order-view .manage-list .company {position:relative; margin-top:4.17vw; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.07); background:#fff; overflow:hidden; cursor:pointer;} #order-view .manage-list .company .counter-line {position:absolute; top:2.78vw; right:-5.56vw; width:20.83vw; line-height:5.56vw; font-size:3.06vw; font-weight:normal; color:#fff; text-align:center; background:#ff3040; transform:rotate(45deg);} #order-view .manage-list .company .company-name {position:relative; float:left; height:7.64vw; line-height:7.64vw; font-size:4.72vw; font-weight:700; color:#333;} #order-view .manage-list .company .fast_model_name {position:relative; float:left; height:7.64vw; line-height:7.64vw; font-size:3.89vw;color:#53577b; font-weight:700; } #order-view .manage-list .company .company-name .company-chat {width:11.11vw; height:6.11vw; line-height:5.56vw; margin-right:2.78vw; font-size:3.06vw; font-weight:normal; color:#fff; text-align:center; vertical-align:text-bottom; background:#888; border-radius:1.11vw; display:inline-block;} #order-view .manage-list .company .company-name .company-chat.active {border:0.28vw solid #ff5d6a;} #order-view .manage-list .company .company-name .m_next {position:absolute; top:1.67vw; right:0; width:4.17vw;} #order-view .manage-list .company .company-review {position:relative; float:left; height:5.56vw; line-height:5.56vw; margin:1.39vw 0 0 2.78vw;} #order-view .manage-list .company .company-review .company-star {float:left; height:5.56vw; margin-right:1.39vw; padding-top:0.69vw;} #order-view .manage-list .company .company-review .company-star img {width:4.17vw; vertical-align:text-bottom;} #order-view .manage-list .company .company-review .company-point {float:left; height:5.56vw; line-height:4.17vw; margin-right:1.39vw; padding-top:0.69vw; font-size:3.89vw; font-weight:700; color:#ff5d6a;} #order-view .manage-list .company .company-review .company-cnt {float:left; height:5.56vw; line-height:4.17vw; padding-top:0.69vw; font-size:3.33vw; color:#888;} #order-view .manage-list .company .company-text {margin-top:1.39vw; font-size:3.06vw; font-weight:normal; color:#333; text-align:right;} #order-view .manage-list .company .company-price {margin-top:1.39vw; font-size:4.72vw; font-weight:bold; color:#333; text-align:right;} #order-view .manage-list .company .company-price .company-buy {float:left; padding-top:1.39vw; font-size:3.61vw; font-weight:normal; color:#888;} #order-view .manage-list .company .company-box-grey {position:absolute; top:0; left:0; width:100%; height:100%; border-radius:4.17vw; background:#000; opacity:0.2;} #order-view .manage-list .none-company {margin:13.89vw 0; font-size:3.89vw; color:#333; text-align:center;} #order-view .manage-list .none-company .m_none {width:60px; margin-bottom:4.17vw;} #order-view .order-discount-hint {height: 11.11vw;} #order-view .order-discount-hint > span {font-size:3.33vw;line-height: 1.42;margin-left:2.78vw;} #order-view .order-discount-hint > img {width: 5.56vw;} } /* order view : END */ /* order detail : STR */ #order-detail {position:relative; min-height:calc(100% - 132px); padding:100px 30px 30px 30px;} #order-detail .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #order-detail .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #order-detail .detail-title {height:50px; line-height:50px; margin-top:70px; padding:0 30px; font-size:32px; font-weight:700; color:#333;} #order-detail .detail-title .model-name {float:right; height:50px; line-height:50px; font-size:24px; font-weight:700; color:#333;} #order-detail .detail-info {margin-top:20px; padding:30px; border-top:4px solid #333; border-bottom:4px solid #f1f1f1;} #order-detail .detail-info li {display: flex; justify-content: space-between; align-items: flex-start; line-height:40px; margin-top:40px; font-size:28px; font-weight:700; color:#333;} #order-detail .detail-info li:first-child {margin:0;} #order-detail .detail-info li label {display: block; min-width: 23%; line-height:40px; font-size:28px; font-weight:normal; color:#888;} #order-detail .no-edit-text {margin-top:20px; height:40px; line-height:40px; font-size:26px; color:#333;} #order-detail .confirm-btn {width:250px; height:80px; line-height:80px; margin:50px auto 0; font-size:28px; color:#fff; text-align:center; border-radius:8px; background:#333; cursor:pointer;} @media (max-width:720px){ #order-detail {position:relative; min-height:calc(100% - 18.33vw); padding:13.89vw 4.17vw 4.17vw 4.17vw;} #order-detail .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #order-detail .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #order-detail .detail-title {height:6.94vw; line-height:6.94vw; margin-top:9.72vw; padding:0 4.17vw; font-size:4.44vw; font-weight:700; color:#333;} #order-detail .detail-title .model-name {float:right; height:6.94vw; line-height:6.94vw; font-size:3.33vw; font-weight:700; color:#333;} #order-detail .detail-info {margin-top:2.78vw; padding:4.17vw; border-top:0.56vw solid #333; border-bottom:0.56vw solid #f1f1f1;} #order-detail .detail-info li {line-height:5.56vw; margin-top:5.56vw; font-size:3.89vw; font-weight:700; color:#333;} #order-detail .detail-info li:first-child {margin:0;} #order-detail .detail-info li label {line-height:5.56vw; font-size:3.89vw; font-weight:normal; color:#888;} #order-detail .no-edit-text {margin-top:2.78vw; height:5.56vw; line-height:5.56vw; font-size:3.61vw; color:#333;} #order-detail .confirm-btn {width:34.72vw; height:11.11vw; line-height:11.11vw; margin:6.94vw auto 0; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.11vw; background:#333; cursor:pointer;} } /* order detail : END */ /* company estimate : STR */ #company-estimate {position:relative;} #company-estimate .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #company-estimate .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #company-estimate .company {padding:50px 30px; background:#f9f9f9;} #company-estimate .company:after {content:''; display:block; clear:both;} #company-estimate .company .company-profile-img {float:left; width:140px; height:140px; margin-right:30px; border-radius:50%; overflow:hidden;} #company-estimate .company .company-profile-img img {width:100%; height:100%; cursor:pointer;} #company-estimate .company .company-review {float:left; width:280px; height:140px; margin-right:30px; } #company-estimate .company .company-review .company-name {font-size:34px; font-weight:700; color:#333;} #company-estimate .company .company-review .company-star {height:40px; line-height:40px; margin-top:10px;} #company-estimate .company .company-review .company-star img {vertical-align:text-bottom;} #company-estimate .company .company-review .company-star .company-point {font-size:26px; font-weight:700; color:#ff5d6a;} #company-estimate .company .company-review .company-star .company-cnt {font-size:20px; color:#888;} #company-estimate .company .company-review .company-contact {font-size:26px; color:#333;} #company-estimate .company .company-review .company-contact span {font-weight:700;} #company-estimate .company .company-buy {float:left; width:180px; height:140px; padding-top:90px;} #company-estimate .company .company-buy:after {content:''; display:block; clear:both;} #company-estimate .company .company-buy .buy-store {float:left; width:85px; height:50px; line-height:50px; margin-right:10px; font-size:26px; color:#888; text-align:center; border:2px solid #e3e3e3; border-radius:10px;} #company-estimate .company .company-buy .buy-store.active {color:#ff5d6a; border:2px solid #ff5d6a;} #company-estimate .company .company-buy .buy_-delivery {float:left; width:85px; height:50px; line-height:50px; font-size:26px; color:#888; text-align:center; border:2px solid #e3e3e3; border-radius:10px;} #company-estimate .company .company-buy .buy_-delivery.active {color:#ff5d6a; border:2px solid #ff5d6a;} #company-estimate .grey-hr {width:100%; height:20px; background:#f1f1f1;} #company-estimate .review-banner {width:660px; height:230px; margin:50px auto; padding:0; border-radius:30px; background:#f5faff; overflow:hidden; cursor:pointer;} #company-estimate .review-banner img {width:100%;} #company-estimate .review-write {padding:0 30px 50px;} #company-estimate .review-write .review-point {padding:30px; border:2px solid #f1f1f1; border-radius:30px;} #company-estimate .review-write .review-point:after {content:''; display:block; clear:both;} #company-estimate .review-write .review-point .phone-img {float:left; width:100px; height:140px; display:flex; justify-content:center; align-items:center; margin-right: 30px;} #company-estimate .review-write .review-point .phone-img img {max-width:100%; max-height:100%;} #company-estimate .review-write .review-point .phone-name {float:left; width:430px; height:40px; font-size:30px; font-weight:700; color:#333;} #company-estimate .review-write .review-point .star-point {float:left; width:430px; height:70px; line-height:70px; margin-top:30px;} #company-estimate .review-write .review-point .star-point img {margin-right:10px; vertical-align:text-bottom; cursor:pointer;} #company-estimate .review-write .review-point .star-point .star-point-text {float:right; height:70px; line-height:50px; font-size:22px; color:#c3c3c3;} #company-estimate .review-write .review-write-btn {position:relative; width:600px; height:80px; line-height:80px; margin-top:20px; font-size:30px; color:#888; text-align:center; border:2px solid #f1f1f1; border-radius:10px; cursor:pointer;} #company-estimate .review-write .review-write-btn .m_open {position:absolute; top:25px; right:30px;} #company-estimate .review {padding:0 30px 50px;} #company-estimate .review .review-title {font-size:36px; font-weight:700; color:#333;} #company-estimate .review .review-edit-btn {font-size:24px; color:#888; text-align:right; cursor:pointer;} #company-estimate .review .review-list {padding-top:20px;} #company-estimate .review .review-list .review-view {margin-top:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1);} #company-estimate .review .review-list .review-view:first-child {margin-top:0;} #company-estimate .review .review-list .review-view .review-user {padding:20px 30px; border-bottom:2px solid #f1f1f1;} #company-estimate .review .review-list .review-view .review-user:after {content:''; display:block; clear:both;} #company-estimate .review .review-list .review-view .review-user .user-my {float:left; margin-right:10px; padding:3px 10px; font-size:20px; color:#fff; border-radius:10px; background:#ff5d6a; display:block;} #company-estimate .review .review-list .review-view .review-user .user-name {float:left; font-size:24px; color:#333;} #company-estimate .review .review-list .review-view .review-user .user-name label {margin-right:20px; color:#888;} #company-estimate .review .review-list .review-view .review-user .user-star {float:right; text-align:right;} #company-estimate .review .review-list .review-view .review-model {margin-top:30px; padding:0 30px;} #company-estimate .review .review-list .review-view .review-model:after {content:''; display:block; clear:both;} #company-estimate .review .review-list .review-view .review-model .model-name {float:left; font-size:24px; color:#888;} #company-estimate .review .review-list .review-view .review-model .review-date {float:right; font-size:24px; color:#888; text-align:right;} #company-estimate .review .review-list .review-view .review-text {margin-top:30px; padding:0 30px 30px; font-size:26px; color:#333;} #company-estimate .review .review-list .review-view .review-img {margin-top:30px; padding:0 30px 30px; font-size:26px; color:#333;} #company-estimate .review .review-list .review-view .review-img:after {content:''; display:block; clear:both;} #company-estimate .review .review-list .review-view .review-img-item {float:left; width:180px; height:180px; margin-right:30px; border-radius:10px; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #company-estimate .review .review-list .review-view .review-img-item:last-child {margin:0;} #company-estimate .review .review-list .review-view .review-img-item img {max-width:100%; max-height:100%;} #company-estimate .review .review-list-btn {position:relative; width:660px; height:100px; line-height:100px; margin-top:50px; font-size:30px; color:#888; text-align:center; border-radius:10px; background:#f1f1f1; cursor:pointer;} #company-estimate .review .review-list-btn .m_next {position:absolute; top:35px; right:30px;} #company-estimate .review .review-write-user {position:relative; padding:20px 0 50px; border-bottom:2px solid #f1f1f1; display:none;} #company-estimate .review .review-write-user .review-write-user-title {font-size:30px; font-weight:700; color:#333;} #company-estimate .review .review-write-user .review-write-user-text {width:100%; height:340px; margin-top:30px; padding:30px; font-size:26px; color:#333; border:2px solid #f1f1f1; border-radius:30px;} #company-estimate .review .review-write-user .review-write-user-text::placeholder {color:#c3c3c3;} #company-estimate .review .review-write-user .review-write-user-count {position:absolute; top:370px; right:30px; font-size:24px; color:#c3c3c3;} #company-estimate .review .review-write-user .review-write-photo-title {margin-top:50px; font-size:30px; font-weight:700; color:#333;} #company-estimate .review .review-write-user .review-write-photo-title .review-write-photo-title-info {float:right; font-size:24px; font-weight:normal; color:#333;} #company-estimate .review .review-write-user .review-write-photo {margin-top:30px; padding:30px; border:2px solid #f1f1f1; border-radius:30px;} #company-estimate .review .review-write-user .review-write-photo:after {content:''; display:block; clear:both;} #company-estimate .review .review-write-user .review-write-photo .review-write-photo-img {float:left; width:180px; height:180px; margin-right:28px; border-radius:10px; background:#f9f9f9; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #company-estimate .review .review-write-user .review-write-photo .review-write-photo-img img {max-width:100%; max-height:100%;} #company-estimate .review .review-write-user .review-write-photo .review-write-photo-img:last-child {margin:0;} #company-estimate .review .review-write-user .review-write-photo {} #company-estimate .review .review-write-user .review-write-user-btn {width:100%; height:100px; line-height:100px; margin-top:30px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} #company-estimate .model {padding:50px 30px;} #company-estimate .model .model-title {margin-bottom:30px; font-size:36px; font-weight:700; color:#333;} #company-estimate .model .model-image {float:left; width:100px; height:140px;} #company-estimate .model .model-image img {width:100%; height:100%;} #company-estimate .model .model-info {float:left; position:relative; width:530px; margin-left:30px;} #company-estimate .model .model-info .model-name {width:330px; line-height:50px; font-size:30px; font-weight:700; color:#333;} #company-estimate .model .model-info .model-contract {position:absolute; top:0; right:50px; width:140px; height:50px; line-height:50px; font-size:26px; font-weight:700; color:#fff; text-align:center; border-radius:25px; background:#333;} #company-estimate .model .model-info .model-contract.contract-1 {background:#008eab;} #company-estimate .model .model-info .model-contract.contract-2 {background:#fcc138;} #company-estimate .model .model-info .m_notice {position:absolute; top:5px; right:0; width:40px; height:40px; cursor:pointer;} #company-estimate .model .model-info .price-table {width:100%; margin-top:10px;} #company-estimate .model .model-info .price-table tr th {width:200px; text-align:left; font-size:28px; font-weight:normal; color:#888;} #company-estimate .model .model-info .price-table tr td {text-align:right; font-size:28px; font-weight:700; color:#333;} #company-estimate .model .model-order {width:100%; margin-top:30px; padding-top:30px; border-top:2px solid #e3e3e3; display:none;} #company-estimate .model .model-order .order-table {width:100%;} #company-estimate .model .model-order .order-table tr th {width:200px; padding-bottom:40px; text-align:left; font-size:28px; font-weight:normal; color:#888;} #company-estimate .model .model-order .order-table tr td {padding-bottom:40px; text-align:right; font-size:28px; font-weight:700; color:#333;} #company-estimate .model .model-order .order-table tr td span {color:#ff5d6a;} #company-estimate .model .model-order .order-table tr td span:before {content:''; width:40px; height:40px; background:url('/img/company/estimate/m_cheak_select.png') center center no-repeat; vertical-align:text-bottom; display:inline-block;} #company-estimate .model .model-order .order-month {width:100%; margin-top:20px;} #company-estimate .model .model-order .order-month .month-table {width:100%; } #company-estimate .model .model-order .order-month .month-table tr th {width:200px; font-size:28px; font-weight:700; color:#333; text-align:left;} #company-estimate .model .model-order .order-month .month-table tr td {font-size:36px; font-weight:700; color:#333; text-align:right;} #company-estimate .model .model-order .order-month .month-table tr td span {color:#ff5d6a;} #company-estimate .model .model-order .order-month .month-table .month-vat {font-size:22px; font-weight:normal; color:#888;} #company-estimate .model .model-order .order-month .month-warning {margin-top:30px; font-size:24px; font-weight:normal; color:#333; text-align:left;} #company-estimate .model .model-order .order-month .month-warning span {font-weight:700; color:#ff5d6a;} #company-estimate .model .model-open-btn {float:right; margin-top:30px; font-size:26px; font-weight:normal; color:#ff5d6a; text-align:right; cursor:pointer;} #company-estimate .model .model-close-btn {float:right; margin-top:30px; font-size:26px; font-weight:normal; color:#ff5d6a; text-align:right; cursor:pointer; display:none;} #company-estimate .model .model-talk-btn {width:660px; height:100px; line-height:100px; margin-top:50px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #company-estimate .model .model-talk-btn.not {background:#e3e3e3;} @media (max-width:720px){ #company-estimate {position:relative;} #company-estimate .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #company-estimate .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #company-estimate .company {padding:6.94vw 4.17vw; background:#f9f9f9;} #company-estimate .company:after {content:''; display:block; clear:both;} #company-estimate .company .company-profile-img {float:left; width:19.44vw; height:19.44vw; margin-right:4.17vw; border-radius:50%; overflow:hidden;} #company-estimate .company .company-profile-img img {width:100%; height:100%; cursor:pointer;} #company-estimate .company .company-review {float:left; width:38.85vw; height:19.44vw; margin-right:4.17vw; } #company-estimate .company .company-review .company-name {font-size:4.72vw; font-weight:700; color:#333;} #company-estimate .company .company-review .company-star {height:5.56vw; line-height:5.56vw; margin-top:1.39vw;} #company-estimate .company .company-review .company-star img {width:4.17vw; vertical-align:text-bottom;} #company-estimate .company .company-review .company-star .company-point {font-size:3.61vw; font-weight:700; color:#ff5d6a;} #company-estimate .company .company-review .company-star .company-cnt {font-size:2.78vw; color:#888;} #company-estimate .company .company-review .company-contact {font-size:3.61vw; color:#333;} #company-estimate .company .company-review .company-contact span {font-weight:700;} #company-estimate .company .company-buy {float:left; width:25vw; height:19.44vw; padding-top:12.5vw;} #company-estimate .company .company-buy:after {content:''; display:block; clear:both;} #company-estimate .company .company-buy .buy-store {float:left; width:11.8vw; height:6.94vw; line-height:6.94vw; margin-right:1.39vw; font-size:3.61vw; color:#888; text-align:center; border:0.28vw solid #e3e3e3; border-radius:1.39vw;} #company-estimate .company .company-buy .buy-store.active {color:#ff5d6a; border:0.28vw solid #ff5d6a;} #company-estimate .company .company-buy .buy_-delivery {float:left; width:11.8vw; height:6.94vw; line-height:6.94vw; font-size:3.61vw; color:#888; text-align:center; border:0.28vw solid #e3e3e3; border-radius:1.39vw;} #company-estimate .company .company-buy .buy_-delivery.active {color:#ff5d6a; border:0.28vw solid #ff5d6a;} #company-estimate .grey-hr {width:100%; height:2.78vw; background:#f1f1f1;} #company-estimate .review-banner {width:91.67vw; height:31.94vw; margin:6.94vw auto; padding:0; border-radius:4.17vw; background:#f5faff; overflow:hidden; cursor:pointer;} #company-estimate .review-banner img {width:100%;} #company-estimate .review-write {padding:0 4.17vw 6.94vw;} #company-estimate .review-write .review-point {padding:4.17vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw;} #company-estimate .review-write .review-point:after {content:''; display:block; clear:both;} #company-estimate .review-write .review-point .phone-img {float:left; width:13.89vw; height:19.44vw; display:flex; justify-content:center; align-items:center; margin-right: 4.17vw;} #company-estimate .review-write .review-point .phone-img img {max-width:100%; max-height:100%;} #company-estimate .review-write .review-point .phone-name {float:left; width:59.72vw; height:5.56vw; font-size:4.17vw; font-weight:700; color:#333;} #company-estimate .review-write .review-point .star-point {float:left; width:59.72vw; height:9.72vw; line-height:9.72vw; margin-top:4.17vw;} #company-estimate .review-write .review-point .star-point img {width:6.94vw; margin-right:1.39vw; vertical-align:text-bottom; cursor:pointer;} #company-estimate .review-write .review-point .star-point .star-point-text {float:right; height:9.72vw; line-height:6.94vw; font-size:3.06vw; color:#c3c3c3;} #company-estimate .review-write .review-write-btn {position:relative; width:83.33vw; height:11.11vw; line-height:11.11vw; margin-top:2.78vw; font-size:4.17vw; color:#888; text-align:center; border:0.28vw solid #f1f1f1; border-radius:1.39vw; cursor:pointer;} #company-estimate .review-write .review-write-btn .m_open {position:absolute; top:3.47vw; right:4.17vw; width:4.17vw;} #company-estimate .review {padding:0 4.17vw 6.94vw;} #company-estimate .review .review-title {font-size:5vw; font-weight:700; color:#333;} #company-estimate .review .review-edit-btn {font-size:3.33vw; color:#888; text-align:right; cursor:pointer;} #company-estimate .review .review-list {padding-top:2.78vw;} #company-estimate .review .review-list .review-view {margin-top:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1);} #company-estimate .review .review-list .review-view:first-child {margin-top:0;} #company-estimate .review .review-list .review-view .review-user {padding:2.78vw 4.17vw; border-bottom:0.28vw solid #f1f1f1;} #company-estimate .review .review-list .review-view .review-user:after {content:''; display:block; clear:both;} #company-estimate .review .review-list .review-view .review-user .user-my {float:left; margin-right:1.39vw; padding:0.42vw 1.39vw; font-size:2.78vw; color:#fff; border-radius:1.39vw; background:#ff5d6a; display:block;} #company-estimate .review .review-list .review-view .review-user .user-name {float:left; font-size:3.33vw; color:#333;} #company-estimate .review .review-list .review-view .review-user .user-name label {margin-right:2.78vw; color:#888;} #company-estimate .review .review-list .review-view .review-user .user-star {float:right; text-align:right;} #company-estimate .review .review-list .review-view .review-user .user-star img {width:4.17vw;} #company-estimate .review .review-list .review-view .review-model {margin-top:4.17vw; padding:0 4.17vw;} #company-estimate .review .review-list .review-view .review-model:after {content:''; display:block; clear:both;} #company-estimate .review .review-list .review-view .review-model .model-name {float:left; font-size:3.33vw; color:#888;} #company-estimate .review .review-list .review-view .review-model .review-date {float:right; font-size:3.33vw; color:#888; text-align:right;} #company-estimate .review .review-list .review-view .review-text {margin-top:4.17vw; padding:0 4.17vw 4.17vw; font-size:3.61vw; color:#333;} #company-estimate .review .review-list .review-view .review-img {margin-top:4.17vw; padding:0 4.17vw 4.17vw; font-size:3.61vw; color:#333;} #company-estimate .review .review-list .review-view .review-img:after {content:''; display:block; clear:both;} #company-estimate .review .review-list .review-view .review-img-item {float:left; width:25vw; height:25vw; margin-right:4.1vw; border-radius:1.39vw; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #company-estimate .review .review-list .review-view .review-img-item:last-child {margin:0;} #company-estimate .review .review-list .review-view .review-img-item img {max-width:100%; max-height:100%;} #company-estimate .review .review-list-btn {position:relative; width:91.67vw; height:13.89vw; line-height:13.89vw; margin-top:6.94vw; font-size:4.17vw; color:#888; text-align:center; border-radius:1.39vw; background:#f1f1f1; cursor:pointer;} #company-estimate .review .review-list-btn .m_next {position:absolute; top:4.86vw; right:4.17vw; width:4.17vw;} #company-estimate .review .review-write-user {position:relative; padding:2.78vw 0 6.94vw; border-bottom:0.28vw solid #f1f1f1; display:none;} #company-estimate .review .review-write-user .review-write-user-title {font-size:4.17vw; font-weight:700; color:#333;} #company-estimate .review .review-write-user .review-write-user-text {width:100%; height:47.22vw; margin-top:4.17vw; padding:4.17vw; font-size:3.61vw; color:#333; border:0.28vw solid #f1f1f1; border-radius:4.17vw;} #company-estimate .review .review-write-user .review-write-user-text::placeholder {color:#c3c3c3;} #company-estimate .review .review-write-user .review-write-user-count {position:absolute; top:51.39vw; right:4.17vw; font-size:3.33vw; color:#c3c3c3;} #company-estimate .review .review-write-user .review-write-photo-title {margin-top:6.94vw; font-size:4.17vw; font-weight:700; color:#333;} #company-estimate .review .review-write-user .review-write-photo-title .review-write-photo-title-info {float:right; font-size:3.33vw; font-weight:normal; color:#333;} #company-estimate .review .review-write-user .review-write-photo {margin-top:4.17vw; padding:4.17vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw;} #company-estimate .review .review-write-user .review-write-photo:after {content:''; display:block; clear:both;} #company-estimate .review .review-write-user .review-write-photo .review-write-photo-img {float:left; width:25vw; height:25vw; margin-right:3.8vw; border-radius:1.39vw; background:#f9f9f9; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #company-estimate .review .review-write-user .review-write-photo .review-write-photo-img img {max-width:100%; max-height:100%;} #company-estimate .review .review-write-user .review-write-photo .review-write-photo-img:last-child {margin:0;} #company-estimate .review .review-write-user .review-write-photo {} #company-estimate .review .review-write-user .review-write-user-btn {width:100%; height:13.89vw; line-height:13.89vw; margin-top:4.17vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#333; cursor:pointer;} #company-estimate .model {padding:6.94vw 4.17vw;} #company-estimate .model .model-title {margin-bottom:4.17vw; font-size:5vw; font-weight:700; color:#333;} #company-estimate .model .model-image {float:left; width:13.89vw; height:19.44vw;} #company-estimate .model .model-image img {width:100%; height:100%;} #company-estimate .model .model-info {float:left; position:relative; width:73.6vw; margin-left:4.17vw;} #company-estimate .model .model-info .model-name {width:45.83vw; line-height:6.94vw; font-size:4.17vw; font-weight:700; color:#333;} #company-estimate .model .model-info .model-contract {position:absolute; top:0; right:6.94vw; width:19.44vw; height:6.94vw; line-height:6.94vw; font-size:3.61vw; font-weight:700; color:#fff; text-align:center; border-radius:3.47vw; background:#333;} #company-estimate .model .model-info .model-contract.contract-1 {background:#008eab;} #company-estimate .model .model-info .model-contract.contract-2 {background:#fcc138;} #company-estimate .model .model-info .m_notice {position:absolute; top:0.69vw; right:0; width:5.56vw; height:5.56vw; cursor:pointer;} #company-estimate .model .model-info .price-table {width:100%; margin-top:1.39vw;} #company-estimate .model .model-info .price-table tr th {width:27.78vw; text-align:left; font-size:3.89vw; font-weight:normal; color:#888;} #company-estimate .model .model-info .price-table tr td {text-align:right; font-size:3.89vw; font-weight:700; color:#333;} #company-estimate .model .model-order {width:100%; margin-top:4.17vw; padding-top:4.17vw; border-top:0.28vw solid #e3e3e3; display:none;} #company-estimate .model .model-order .order-table {width:100%;} #company-estimate .model .model-order .order-table tr th {width:27.78vw; padding-bottom:5.56vw; text-align:left; font-size:3.89vw; font-weight:normal; color:#888;} #company-estimate .model .model-order .order-table tr td {padding-bottom:5.56vw; text-align:right; font-size:3.89vw; font-weight:700; color:#333;} #company-estimate .model .model-order .order-table tr td span {color:#ff5d6a;} #company-estimate .model .model-order .order-table tr td span:before {content:''; width:5.56vw; height:5.56vw; background:url('/img/company/estimate/m_cheak_select.png') center center no-repeat; background-size:100% 100%; vertical-align:text-bottom; display:inline-block;} #company-estimate .model .model-order .order-month {width:100%; margin-top:2.78vw;} #company-estimate .model .model-order .order-month .month-table {width:100%; } #company-estimate .model .model-order .order-month .month-table tr th {width:27.78vw; font-size:3.89vw; font-weight:700; color:#333; text-align:left;} #company-estimate .model .model-order .order-month .month-table tr td {font-size:5vw; font-weight:700; color:#333; text-align:right;} #company-estimate .model .model-order .order-month .month-table tr td span {color:#ff5d6a;} #company-estimate .model .model-order .order-month .month-table .month-vat {font-size:3.06vw; font-weight:normal; color:#888;} #company-estimate .model .model-order .order-month .month-warning {margin-top:4.17vw; font-size:3.33vw; font-weight:normal; color:#333; text-align:left;} #company-estimate .model .model-order .order-month .month-warning span {font-weight:700; color:#ff5d6a;} #company-estimate .model .model-open-btn {float:right; margin-top:4.17vw; font-size:3.61vw; font-weight:normal; color:#ff5d6a; text-align:right; cursor:pointer;} #company-estimate .model .model-open-btn img {width:4.17vw;} #company-estimate .model .model-close-btn {float:right; margin-top:4.17vw; font-size:3.61vw; font-weight:normal; color:#ff5d6a; text-align:right; cursor:pointer; display:none;} #company-estimate .model .model-close-btn img {width:4.17vw;} #company-estimate .model .model-talk-btn {width:91.67vw; height:13.89vw; line-height:13.89vw; margin-top:6.94vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #company-estimate .model .model-talk-btn.not {background:#e3e3e3;} } /* company estimate : END */ /* company review : STR */ #company-review {position:relative; min-height:calc(100% - 132px); padding-top:100px; background:#f9f9f9;} #company-review .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #company-review .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #company-review .company-name {padding:30px 30px 0 30px; font-size:26px; font-weight:bold; color:#333;} #company-review .review {padding:30px; background:#f9f9f9;} #company-review .review .review-list {padding-top:20px;} #company-review .review .review-list .review-view {margin-top:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff;} #company-review .review .review-list .review-view:first-child {margin:0;} #company-review .review .review-list .review-view .review-user {padding:20px 30px; border-bottom:2px solid #f1f1f1;} #company-review .review .review-list .review-view .review-user:after {content:''; display:block; clear:both;} #company-review .review .review-list .review-view .review-user .user-name {float:left; font-size:24px; color:#333;} #company-review .review .review-list .review-view .review-user .user-name label {margin-right:20px; color:#888;} #company-review .review .review-list .review-view .review-user .user-star {float:right; text-align:right;} #company-review .review .review-list .review-view .review-model {margin-top:30px; padding:0 30px;} #company-review .review .review-list .review-view .review-model:after {content:''; display:block; clear:both;} #company-review .review .review-list .review-view .review-model .model-name {float:left; font-size:24px; color:#888;} #company-review .review .review-list .review-view .review-model .review-date {float:right; font-size:24px; color:#888; text-align:right;} #company-review .review .review-list .review-view .review-text {margin-top:30px; padding:0 30px 30px; font-size:26px; color:#333;} #company-review .review .review-list .review-view .review-img {margin-top:30px; padding:0 30px 30px; font-size:26px; color:#333;} #company-review .review .review-list .review-view .review-img:after {content:''; display:block; clear:both;} #company-review .review .review-list .review-view .review-img-item {float:left; width:180px; height:180px; margin-right:30px; border-radius:10px; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #company-review .review .review-list .review-view .review-img-item:last-child {margin:0;} #company-review .review .review-list .review-view .review-img-item img {max-width:100%; max-height:100%;} #company-review .review .model-talk-btn {width:100%; height:100px; line-height:100px; margin-top:50px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #company-review .review .model-talk-btn.not {background:#e3e3e3;} @media (max-width:720px){ #company-review {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw; background:#f9f9f9;} #company-review .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #company-review .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #company-review .company-name {padding:4.17vw 4.17vw 0 4.17vw; font-size:3.61vw; font-weight:bold; color:#333;} #company-review .review {padding:4.17vw; background:#f9f9f9;} #company-review .review .review-list {padding-top:2.78vw;} #company-review .review .review-list .review-view {margin-top:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1);} #company-review .review .review-list .review-view .review-user {padding:2.78vw 4.17vw; border-bottom:0.28vw solid #f1f1f1;} #company-review .review .review-list .review-view .review-user:after {content:''; display:block; clear:both;} #company-review .review .review-list .review-view .review-user .user-name {float:left; font-size:3.33vw; color:#333;} #company-review .review .review-list .review-view .review-user .user-name label {margin-right:2.78vw; color:#888;} #company-review .review .review-list .review-view .review-user .user-star {float:right; text-align:right;} #company-review .review .review-list .review-view .review-user .user-star img {width:4.17vw;} #company-review .review .review-list .review-view .review-model {margin-top:4.17vw; padding:0 4.17vw;} #company-review .review .review-list .review-view .review-model:after {content:''; display:block; clear:both;} #company-review .review .review-list .review-view .review-model .model-name {float:left; font-size:3.33vw; color:#888;} #company-review .review .review-list .review-view .review-model .review-date {float:right; font-size:3.33vw; color:#888; text-align:right;} #company-review .review .review-list .review-view .review-text {margin-top:4.17vw; padding:0 4.17vw 4.17vw; font-size:3.61vw; color:#333;} #company-review .review .review-list .review-view .review-img {margin-top:4.17vw; padding:0 4.17vw 4.17vw; font-size:3.61vw; color:#333;} #company-review .review .review-list .review-view .review-img:after {content:''; display:block; clear:both;} #company-review .review .review-list .review-view .review-img-item {float:left; width:25vw; height:25vw; margin-right:4.17vw; border-radius:1.39vw; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #company-review .review .review-list .review-view .review-img-item:last-child {margin:0;} #company-review .review .review-list .review-view .review-img-item img {max-width:100%; max-height:100%;} #company-review .review .model-talk-btn {width:100%; height:13.89vw; line-height:13.89vw; margin-top:6.94vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #company-review .review .model-talk-btn.not {background:#e3e3e3;} } /* company review : END */ /* review write : STR */ #review-write {position:relative; min-height:calc(100% - 132px); padding-top:180px; background:#f9f9f9;} #review-write .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #review-write .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #review-write .review-tabs {height:80px; text-align:center; border-bottom:2px solid #f1f1f1; background:#fff;} #review-write .review-tabs .review-tab {width:250px; height:80px; line-height:40px; margin-right:100px; padding:10px 0 30px; font-size:28px; color:#888; text-align:center; display:inline-block; cursor:pointer;} #review-write .review-tabs .review-tab:last-child {margin:0;} #review-write .review-tabs .review-tab.active {font-size:28px; font-weight:700; color:#333; border-bottom:2px solid #333;} #review-write .review {padding:30px;} #review-write .review .review-list {padding-top:20px;} #review-write .review .review-list .review-sec {margin-top:30px; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff; overflow:hidden;} #review-write .review .review-list .review-sec:first-child {margin:0;} #review-write .review .review-list .review-sec:after {content:''; display:block; clear:both;} #review-write .review .review-list .review-sec .model-image {float:left; width:100px; height:140px; display:flex; justify-content:center; align-items:center;} #review-write .review .review-list .review-sec .model-image img {max-width:100%; max-height:100%;} #review-write .review .review-list .review-sec .review-contents {float:left; width:500px; padding-left:30px;} #review-write .review .review-list .review-sec .review-contents:after {content:''; display:block; clear:both;} #review-write .review .review-list .review-sec .model-name {float:left; width:320px; height:40px; line-height:40px; font-size:30px; font-weight:700; color:#333;} #review-write .review .review-list .review-sec .buy-date {float:right; width:150px; height:40px; line-height:40px; font-size:24px; color:#888; text-align:right;} #review-write .review .review-list .review-sec .review-point {float:left; width:100%; height:70px; line-height:70px; margin-top:30px;} #review-write .review .review-list .review-sec .review-point img {width:50px; margin-right:10px; vertical-align:text-bottom; cursor:pointer;} #review-write .review .review-list .review-sec .review-point .review-point-text {float:right; height:70px; line-height:50px; font-size:22px; color:#c3c3c3; text-align:right;} #review-write .review .review-list .review-sec .model-review-btn {position:relative; float:left; width:100%; height:80px; line-height:80px; margin-top:30px; font-size:30px; color:#888; text-align:center; border:2px solid #f1f1f1; border-radius:10px; cursor:pointer;} #review-write .review .review-list .review-sec .model-review-btn .m_next {position:absolute; top:25px; right:30px; width:30px;} #review-write .review .review-list-none {line-height:80px; padding-bottom:30px; font-size:28px; font-weight:normal; color:#333; text-align:center;} #review-write .review .review-list-none .m_none {width: 120px; margin-top:100px;} @media (max-width:720px){ #review-write {position:relative; min-height:calc(100% - 18.33vw); padding-top:25vw; background:#f9f9f9;} #review-write .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #review-write .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #review-write .review-tabs {height:11.11vw; text-align:center; border-bottom:0.28vw solid #f1f1f1; background:#fff;} #review-write .review-tabs .review-tab {width:34.72vw; height:11.11vw; line-height:5.56vw; margin-right:13.89vw; padding:1.39vw 0 4.17vw; font-size:3.89vw; color:#888; text-align:center; display:inline-block; cursor:pointer;} #review-write .review-tabs .review-tab:last-child {margin:0;} #review-write .review-tabs .review-tab.active {font-size:3.89vw; font-weight:700; color:#333; border-bottom:0.28vw solid #333;} #review-write .review {padding:4.17vw;} #review-write .review .review-list {padding-top:2.78vw;} #review-write .review .review-list .review-sec {margin-top:4.17vw; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff; overflow:hidden;} #review-write .review .review-list .review-sec:first-child {margin:0;} #review-write .review .review-list .review-sec:after {content:''; display:block; clear:both;} #review-write .review .review-list .review-sec .model-image {float:left; width:13.89vw; height:19.44vw; display:flex; justify-content:center; align-items:center;} #review-write .review .review-list .review-sec .model-image img {max-width:100%; max-height:100%;} #review-write .review .review-list .review-sec .review-contents {float:left; width:69.4vw; padding-left:4.17vw;} #review-write .review .review-list .review-sec .review-contents:after {content:''; display:block; clear:both;} #review-write .review .review-list .review-sec .model-name {float:left; width:44.4vw; height:5.56vw; line-height:5.56vw; font-size:4.17vw; font-weight:700; color:#333;} #review-write .review .review-list .review-sec .buy-date {float:right; width:20.8vw; height:5.56vw; line-height:5.56vw; font-size:3.33vw; color:#888; text-align:right;} #review-write .review .review-list .review-sec .review-point {float:left; width:100%; height:9.72vw; line-height:9.72vw; margin-top:4.17vw;} #review-write .review .review-list .review-sec .review-point img {width:6.94vw; margin-right:1.39vw; vertical-align:text-bottom; cursor:pointer;} #review-write .review .review-list .review-sec .review-point .review-point-text {float:right; height:9.72vw; line-height:6.94vw; font-size:3.06vw; color:#c3c3c3; text-align:right;} #review-write .review .review-list .review-sec .model-review-btn {position:relative; float:left; width:100%; height:11.11vw; line-height:11.11vw; margin-top:4.17vw; font-size:4.17vw; color:#888; text-align:center; border:0.28vw solid #f1f1f1; border-radius:1.39vw; cursor:pointer;} #review-write .review .review-list .review-sec .model-review-btn .m_next {position:absolute; top:3.47vw; right:4.17vw; width:4.17vw;} #review-write .review .review-list-none {line-height:11.11vw; padding-bottom:4.17vw; font-size:3.89vw; font-weight:normal; color:#333; text-align:center;} #review-write .review .review-list-none .m_none {width:60px; margin-top:13.89vw;} } /* review write : END */ /* review list : STR */ #review-list {position:relative; min-height:calc(100% - 132px); padding-top:180px; background:#f9f9f9;} #review-list .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #review-list .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #review-list .review-tabs {height:80px; text-align:center; border-bottom:2px solid #f1f1f1; background:#fff;} #review-list .review-tabs .review-tab {width:250px; height:80px; line-height:40px; margin-right:100px; padding:10px 0 30px; font-size:28px; color:#888; text-align:center; display:inline-block; cursor:pointer;} #review-list .review-tabs .review-tab:last-child {margin:0;} #review-list .review-tabs .review-tab.active {font-size:28px; font-weight:700; color:#333; border-bottom:2px solid #333;} #review-list .review {padding:30px; background:#f9f9f9;} #review-list .review .review-list {padding-top:20px;} #review-list .review .review-list .review-sec {margin-top:30px; padding:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.1); background:#fff; overflow:hidden;} #review-list .review .review-list .review-sec:first-child {margin:0;} #review-list .review .review-list .review-sec:after {content:''; display:block; clear:both;} #review-list .review .review-list .review-sec .model-image {float:left; width:100px; height:140px; display:flex; justify-content:center; align-items:center;} #review-list .review .review-list .review-sec .model-image img {max-width:100%; max-height:100%;} #review-list .review .review-list .review-sec .review-contents {float:left; width:500px; padding-left:30px;} #review-list .review .review-list .review-sec .review-contents:after {content:''; display:block; clear:both;} #review-list .review .review-list .review-sec .model-name {float:left; width:320px; height:40px; line-height:40px; font-size:30px; font-weight:700; color:#333;} #review-list .review .review-list .review-sec .buy-date {float:right; width:150px; height:40px; line-height:40px; font-size:24px; color:#888; text-align:right;} #review-list .review .review-list .review-sec .review-point {float:left; width:100%; height:70px; line-height:70px; margin-top:30px;} #review-list .review .review-list .review-sec .review-point img {width:50px; margin-right:10px; vertical-align:text-bottom; cursor:pointer;} #review-list .review .review-list .review-sec .review-point .review-point-text {float:right; height:70px; line-height:50px; font-size:22px; color:#c3c3c3; text-align:right;} #review-list .review .review-list .review-sec .review-text {float:left; width:100%; margin-top:30px; padding:0 30px 30px; font-size:26px; color:#333;} #review-list .review .review-list .review-sec .review-img {margin-top:30px; padding:0 30px 30px; font-size:26px; color:#333;} #review-list .review .review-list .review-sec .review-img:after {content:''; display:block; clear:both;} #review-list .review .review-list .review-sec .review-img-item {float:left; width:160px; height:160px; margin-right:30px; border-radius:10px; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #review-list .review .review-list .review-sec .review-img-item:last-child {margin:0;} #review-list .review .review-list .review-sec .review-img-item img {max-width:100%; max-height:100%;} #review-list .review .review-list .review-sec .model-review-btn {position:relative; float:left; width:100%; height:80px; line-height:80px; margin-top:30px; font-size:30px; color:#888; text-align:center; border-radius:10px; background:#f9f9f9; cursor:pointer;} #review-list .review .review-list .review-sec .model-review-btn .m_next {position:absolute; top:25px; right:30px; width:30px;} #review-list .review .review-list-none {line-height:80px; padding-bottom:30px; font-size:28px; font-weight:normal; color:#333; text-align:center;} #review-list .review .review-list-none .m_none {width: 120px; margin-top:100px;} @media (max-width:720px){ #review-list {position:relative; min-height:calc(100% - 18.33vw); padding-top:25vw; background:#f9f9f9;} #review-list .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #review-list .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #review-list .review-tabs {height:11.11vw; text-align:center; border-bottom:0.28vw solid #f1f1f1; background:#fff;} #review-list .review-tabs .review-tab {width:34.72vw; height:11.11vw; line-height:5.56vw; margin-right:13.89vw; padding:1.39vw 0 4.17vw; font-size:3.89vw; color:#888; text-align:center; display:inline-block; cursor:pointer;} #review-list .review-tabs .review-tab:last-child {margin:0;} #review-list .review-tabs .review-tab.active {font-size:3.89vw; font-weight:700; color:#333; border-bottom:0.28vw solid #333;} #review-list .review {padding:4.17vw; background:#f9f9f9;} #review-list .review .review-list {padding-top:2.78vw;} #review-list .review .review-list .review-sec {margin-top:4.17vw; padding:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1); background:#fff; overflow:hidden;} #review-list .review .review-list .review-sec:first-child {margin:0;} #review-list .review .review-list .review-sec:after {content:''; display:block; clear:both;} #review-list .review .review-list .review-sec .model-image {float:left; width:13.89vw; height:19.44vw; display:flex; justify-content:center; align-items:center;} #review-list .review .review-list .review-sec .model-image img {max-width:100%; max-height:100%;} #review-list .review .review-list .review-sec .review-contents {float:left; width:69.4vw; padding-left:4.17vw;} #review-list .review .review-list .review-sec .review-contents:after {content:''; display:block; clear:both;} #review-list .review .review-list .review-sec .model-name {float:left; width:44.4vw; height:5.56vw; line-height:5.56vw; font-size:4.17vw; font-weight:700; color:#333;} #review-list .review .review-list .review-sec .buy-date {float:right; width:20.8vw; height:5.56vw; line-height:5.56vw; font-size:3.33vw; color:#888; text-align:right;} #review-list .review .review-list .review-sec .review-point {float:left; width:100%; height:9.72vw; line-height:9.72vw; margin-top:4.17vw;} #review-list .review .review-list .review-sec .review-point img {width:6.94vw; margin-right:1.39vw; vertical-align:text-bottom; cursor:pointer;} #review-list .review .review-list .review-sec .review-point .review-point-text {float:right; height:9.72vw; line-height:6.94vw; font-size:3.06vw; color:#c3c3c3; text-align:right;} #review-list .review .review-list .review-sec .review-text {float:left; width:100%; margin-top:4.17vw; padding:0 4.17vw 4.17vw; font-size:3.61vw; color:#333;} #review-list .review .review-list .review-sec .review-img {margin-top:4.17vw; padding:0 4.17vw 4.17vw; font-size:3.61vw; color:#333;} #review-list .review .review-list .review-sec .review-img:after {content:''; display:block; clear:both;} #review-list .review .review-list .review-sec .review-img-item {float:left; width:22.22vw; height:22.22vw; margin-right:4.17vw; border-radius:1.39vw; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #review-list .review .review-list .review-sec .review-img-item:last-child {margin:0;} #review-list .review .review-list .review-sec .review-img-item img {max-width:100%; max-height:100%;} #review-list .review .review-list .review-sec .model-review-btn {position:relative; float:left; width:100%; height:11.11vw; line-height:11.11vw; margin-top:4.17vw; font-size:4.17vw; color:#888; text-align:center; border-radius:1.39vw; background:#f9f9f9; cursor:pointer;} #review-list .review .review-list .review-sec .model-review-btn .m_next {position:absolute; top:3.47vw; right:4.17vw; width:4.17vw;} #review-list .review .review-list-none {line-height:11.11vw; padding-bottom:4.17vw; font-size:3.89vw; font-weight:normal; color:#333; text-align:center;} #review-list .review .review-list-none .m_none {width:60px; margin-top:13.89vw;} } /* review list : END */ /* talk view : STR */ #talk-view {position:relative; width:100%; min-height:100%; padding-top:100px; padding-bottom:100px; background:#f1f1f1;} #talk-view .talk-header {position:relative; width:720px; height:100px; line-height:50px; padding:25px; font-size:34px; font-weight:700; color:#fff; background:#333;} #talk-view .talk-header .m_chat_back {margin-top:-4px; margin-right:30px; display:inline-block; cursor:pointer;} #talk-view .talk-header .m_chat_exit {float:right; cursor:pointer;} #talk-view .talk-header .top_buy_btn {float:right; width:110px; height:50px; line-height:50px; font-size:24px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #talk-view .talk-header .top_buy_btn.not {background:#e3e3e3;} #talk-view .talk-estimate {position:relative; width:720px; min-height:140px; padding:30px 30px 0 30px; background:#f1f1f1;} #talk-view .talk-estimate .chat-estimate {width:660px; min-height:140px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.07); background:#fff; overflow:hidden;} #talk-view .talk-estimate .chat-estimate .chat-estimate-header {padding:20px 30px; font-size:28px; font-weight:700; color:#333; background:#f9f9f9;} #talk-view .talk-estimate .chat-estimate .chat-estimate-header .chat-estimate-model {float:right; font-size:24px; font-weight:700; color:#333;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide {display:none;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-detail {margin:0 30px; padding:20px 0; border-bottom:2px solid #e3e3e3;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-detail li {padding:10px 0; font-size:26px; color:#333; text-align:right;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-detail .minus {color:#ff5d6a;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-detail label {float:left; font-size:26px; color:#888; text-align:left; display:inline-block;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy {position:relative; padding:30px;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy:after {content:''; display:block; clear:both;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-info {float:left; font-size:24px; color:#888;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-info .chat-estimate-buy-price {font-size:30px; font-weight:700; color:#333;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-info .chat-estimate-buy-price label {color:#ff5d6a;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-info .chat-estimate-buy-price span {font-size:20px; font-weight:normal; color:#888;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-btn {float:right; width:250px; height:80px; line-height:80px; font-size:28px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-btn.not {background:#e3e3e3;} #talk-view .talk-estimate .chat-estimate .chat-estimate-toggle-btn {padding:15px 30px 15px; text-align:center; cursor:pointer;} #talk-view .talk-estimate .chat-estimate .chat-estimate-toggle-btn .m_open {width:30px;} #talk-view .chat-message {position:fixed; bottom:0; left:50%; width:720px; min-height:100px; padding:10px 20px; background:#fff; z-index:99;} #talk-view .chat-message .chat-message-icons {width:100%; height:130px; display:none;} #talk-view .chat-message .chat-message-icons:after {content:''; display:inline-block;} #talk-view .chat-message .chat-message-icons li {float:left; width:25%; font-size:22px; color:#888; text-align:center; cursor:pointer;} #talk-view .chat-message .chat-message-icons li .chat-message-icons-img {width:80px; height:80px; margin:0 auto; padding:15px; border-radius:50%; background:#f1f1f1; display:block;} #talk-view .chat-message .chat-message-icons li .chat-message-icons-img img {width:100%; height:100%;} #talk-view .chat-message .m_chatplus {position:absolute; bottom:25px; left:20px; display:block; cursor:pointer;} #talk-view .chat-message .chat-message-input {width:540px; min-height:80px; margin:0 auto; border-radius:40px; background:#f9f9f9; display:block;} #talk-view .chat-message .chat-message-input .chat-message-input-text {position:relative; width:100%; height:80px; max-height:200px; line-height:40px; padding:20px 40px; font-size:26px; line-height:40px; color:#333; border:0; background:none;} #talk-view .chat-message .chat-message-input .chat-message-input-text::placeholder {line-height:40px; color:#c3c3c3;} #talk-view .chat-message .m_chatsend {position:absolute; bottom:25px; right:20px; display:block; cursor:pointer;} #talk-view .talk-chat {width:100%; padding:0 30px 30px 30px; background:#f1f1f1;} #talk-view .talk-chat .chat-prev-btn {width:100%; margin-top:30px; padding:10px; font-size:26px; color:#333; text-align:center; background:#e3e3e3; cursor:pointer;} #talk-view .talk-chat .chat-logged {} #talk-view .talk-chat .chat-logged .chat-date {width:100%; margin-top:30px; padding:20px; font-size:26px; color:#333; text-align:center;} #talk-view .talk-chat .chat-logged .chat-admin {width:100%; margin-top:30px; padding:20px; font-size:26px; color:#333; border-radius:20px; background:#fff7f7;} #talk-view .talk-chat .chat-logged .chat-manage {margin-top:30px;} #talk-view .talk-chat .chat-logged .chat-manage:after {content:''; display:block; clear:both;} #talk-view .talk-chat .chat-logged .chat-manage .chat-manage-img {float:left; width:80px; height:80px; margin-right:20px; border-radius:50%; overflow:hidden; background:#fff; display:flex; justify-content:center; align-items:center;} #talk-view .talk-chat .chat-logged .chat-manage .chat-manage-img img {max-width:100%; max-height:100%;} #talk-view .talk-chat .chat-logged .chat-manage label {position:relative; float:left; max-width:450px; padding:20px; font-size:26px; color:#333; border-radius:20px; background:#fff; display:block;} #talk-view .talk-chat .chat-logged .chat-manage label .chat-time {position:absolute; bottom:0; right:-90px; width:80px; font-size:22px; text-align:left;} #talk-view .talk-chat .chat-logged .chat-user {margin-top:30px;} #talk-view .talk-chat .chat-logged .chat-user:after {content:''; display:block; clear:both;} #talk-view .talk-chat .chat-logged .chat-user label {position:relative; float:right; max-width:550px; padding:20px; font-size:26px; color:#333; border-radius:20px; background:#e3e3e3; display:block;} #talk-view .talk-chat .chat-logged .chat-user label .chat-time {position:absolute; bottom:0; left:-90px; width:80px; font-size:22px; text-align:right;} #talk-view .talk-chat .chat-logged .company-card {margin-top:30px; padding:30px; border-radius:20px; background:#fff;} #talk-view .talk-chat .chat-logged .company-card .company-card-title {height:110px; line-height:80px; margin-bottom:20px; padding-bottom:30px; font-size:34px; font-weight:bold; color:#333; border-bottom:2px solid #e3e3e3;} #talk-view .talk-chat .chat-logged .company-card .company-card-title img {float:left; width:80px; height:80px; margin-right:20px; border-radius:50%; overflow:hidden; background:#fff; display:flex; justify-content:center; align-items:center;} #talk-view .talk-chat .chat-logged .company-card .company-card-info {padding:10px 0; font-size:26px; color:#333; text-align:right;} #talk-view .talk-chat .chat-logged .company-card .company-card-info label {float:left; font-size:26px; color:#888; text-align:left; display:block;} #talk-view .talk-chat .chat-logged .company-card .company-card-btns {margin-top:30px;} #talk-view .talk-chat .chat-logged .company-card .company-card-btns:after {content:''; display:block; clear:both;} #talk-view .talk-chat .chat-logged .company-card .company-card-btns a {float:left; width:190px; height:80px; line-height:80px; margin-right:9px; font-size:30px; color:#333; text-align:center; border:2px solid #e3e3e3; border-radius:10px; display:block;} #talk-view .talk-chat .chat-logged .company-card .company-card-btns a:last-child {margin-right:0;} @media (max-width:720px){ #talk-view {position:relative; min-height:100%; padding-top:13.89vw; padding-bottom:13.89vw; background:#f1f1f1;} #talk-view .talk-header {position:relative; width:100vw; height:13.89vw; line-height:6.94vw; padding:3.47vw; font-size:4.72vw; font-weight:700; color:#fff; background:#333;} #talk-view .talk-header .m_chat_back {width:6.67vw; margin-top:-0.56vw; margin-right:4.17vw; display:inline-block; cursor:pointer;} #talk-view .talk-header .m_chat_exit {float:right; width:5.56vw; cursor:pointer;} #talk-view .talk-header .top_buy_btn {float:right; width:15.28vw; height:6.94vw; line-height:6.94vw; font-size:3.33vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #talk-view .talk-header .top_buy_btn.not {background:#e3e3e3;} #talk-view .talk-estimate {position:relative; width:100vw; min-height:19.44vw; padding:4.17vw 4.17vw 0 4.17vw; background:#f1f1f1;} #talk-view .talk-estimate .chat-estimate {width:91.67vw; min-height:19.44vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.07); background:#fff; overflow:hidden;} #talk-view .talk-estimate .chat-estimate .chat-estimate-header {padding:2.78vw 4.17vw; font-size:3.89vw; font-weight:700; color:#333; background:#f9f9f9;} #talk-view .talk-estimate .chat-estimate .chat-estimate-header .chat-estimate-model {float:right; font-size:3.33vw; font-weight:700; color:#333;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide {display:none;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-detail {margin:0 4.17vw; padding:2.78vw 0; border-bottom:0.28vw solid #e3e3e3;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-detail li {padding:1.39vw 0; font-size:3.61vw; color:#333; text-align:right;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-detail .minus {color:#ff5d6a;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-detail label {float:left; font-size:3.61vw; color:#888; text-align:left; display:inline-block;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy {position:relative; padding:4.17vw;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy:after {content:''; display:block; clear:both;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-info {float:left; font-size:3.33vw; color:#888;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-info .chat-estimate-buy-price {font-size:4.17vw; font-weight:700; color:#333;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-info .chat-estimate-buy-price label {color:#ff5d6a;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-info .chat-estimate-buy-price span {font-size:2.78vw; font-weight:normal; color:#888;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-btn {float:right; width:34.72vw; height:11.11vw; line-height:11.11vw; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #talk-view .talk-estimate .chat-estimate .chat-estimate-hide .chat-estimate-buy .chat-estimate-buy-btn.not {background:#e3e3e3;} #talk-view .talk-estimate .chat-estimate .chat-estimate-toggle-btn {padding:2.08vw 4.17vw 2.08vw; text-align:center;} #talk-view .talk-estimate .chat-estimate .chat-estimate-toggle-btn .m_open {width:4.17vw;} #talk-view .chat-message {position:fixed; bottom:0; left:calc(50% - 50vw); width:100vw; min-height:13.89vw; padding:1.39vw 2.78vw; background:#fff; z-index:99;} #talk-view .chat-message .chat-message-icons {width:100%; height:18.06vw; display:none;} #talk-view .chat-message .chat-message-icons:after {content:''; display:inline-block;} #talk-view .chat-message .chat-message-icons li {float:left; width:25%; font-size:3.06vw; color:#888; text-align:center; cursor:pointer;} #talk-view .chat-message .chat-message-icons li .chat-message-icons-img {width:11.11vw; height:11.11vw; margin:0 auto; padding:2.08vw; border-radius:50%; background:#f1f1f1; display:block;} #talk-view .chat-message .chat-message-icons li .chat-message-icons-img img {width:100%; height:100%;} #talk-view .chat-message .m_chatplus {position:absolute; bottom:3.47vw; left:2.78vw; width:6.94vw; display:block; cursor:pointer;} #talk-view .chat-message .chat-message-input {width:75vw; min-height:11.11vw; margin:0 auto; border-radius:5.56vw; background:#f9f9f9; display:block;} #talk-view .chat-message .chat-message-input .chat-message-input-text {position:relative; width:100%; height:11.11vw; max-height:27.78vw; line-height:5.56vw; padding:2.78vw 5.56vw; font-size:3.61vw; line-height:5.56vw; color:#333; border:0; background:none;} #talk-view .chat-message .chat-message-input .chat-message-input-text::placeholder {line-height:5.56vw; color:#c3c3c3;} #talk-view .chat-message .m_chatsend {position:absolute; bottom:3.47vw; right:2.78vw; width:6.94vw; display:block; cursor:pointer;} #talk-view .talk-chat {padding:0 4.17vw 4.17vw 4.17vw; background:#f1f1f1;} #talk-view .talk-chat .chat-prev-btn {width:100%; margin-top:4.17vw; padding:1.39vw; font-size:3.61vw; color:#333; text-align:center; background:#e3e3e3; cursor:pointer;} #talk-view .talk-chat .chat-logged {} #talk-view .talk-chat .chat-logged .chat-date {width:100%; margin-top:4.17vw; padding:2.78vw; font-size:3.61vw; color:#333; text-align:center;} #talk-view .talk-chat .chat-logged .chat-admin {width:100%; margin-top:4.17vw; padding:2.78vw; font-size:3.61vw; color:#333; border-radius:2.78vw; background:#fff7f7;} #talk-view .talk-chat .chat-logged .chat-manage {margin-top:4.17vw;} #talk-view .talk-chat .chat-logged .chat-manage:after {content:''; display:block; clear:both;} #talk-view .talk-chat .chat-logged .chat-manage .chat-manage-img {float:left; width:11.11vw; height:11.11vw; margin-right:2.78vw; border-radius:50%; overflow:hidden; background:#fff; display:flex; justify-content:center; align-items:center;} #talk-view .talk-chat .chat-logged .chat-manage .chat-manage-img img {max-width:100%; max-height:100%;} #talk-view .talk-chat .chat-logged .chat-manage label {position:relative; float:left; max-width:62.5vw; padding:2.78vw; font-size:3.61vw; color:#333; border-radius:2.78vw; background:#fff; display:block;} #talk-view .talk-chat .chat-logged .chat-manage label .chat-time {position:absolute; bottom:0; right:-12.5vw; width:11.11vw; font-size:3.06vw; text-align:left;} #talk-view .talk-chat .chat-logged .chat-user {margin-top:4.17vw;} #talk-view .talk-chat .chat-logged .chat-user:after {content:''; display:block; clear:both;} #talk-view .talk-chat .chat-logged .chat-user label {position:relative; float:right; max-width:76.39vw; padding:2.78vw; font-size:3.61vw; color:#333; border-radius:2.78vw; background:#e3e3e3; display:block;} #talk-view .talk-chat .chat-logged .chat-user label .chat-time {position:absolute; bottom:0; left:-12.5vw; width:11.11vw; font-size:3.06vw; text-align:right;} #talk-view .talk-chat .chat-logged .company-card {margin-top:4.17vw; padding:4.17vw; border-radius:2.78vw; background:#fff;} #talk-view .talk-chat .chat-logged .company-card .company-card-title {height:15.28vw; line-height:11.11vw; margin-bottom:2.78vw; padding-bottom:4.17vw; font-size:4.72vw; font-weight:bold; color:#333; border-bottom:0.28vw solid #e3e3e3;} #talk-view .talk-chat .chat-logged .company-card .company-card-title img {float:left; width:11.11vw; height:11.11vw; margin-right:2.78vw; border-radius:50%; overflow:hidden; background:#fff; display:flex; justify-content:center; align-items:center;} #talk-view .talk-chat .chat-logged .company-card .company-card-info {padding:1.39vw 0; font-size:3.61vw; color:#333; text-align:right;} #talk-view .talk-chat .chat-logged .company-card .company-card-info label {float:left; font-size:3.61vw; color:#888; text-align:left; display:block;} #talk-view .talk-chat .chat-logged .company-card .company-card-btns {margin-top:4.17vw;} #talk-view .talk-chat .chat-logged .company-card .company-card-btns:after {content:''; display:block; clear:both;} #talk-view .talk-chat .chat-logged .company-card .company-card-btns a {float:left; width:26.3vw; height:11.11vw; line-height:11.11vw; margin-right:1.25vw; font-size:4.17vw; color:#333; text-align:center; border:0.28vw solid #e3e3e3; border-radius:1.39vw; display:block;} #talk-view .talk-chat .chat-logged .company-card .company-card-btns a:last-child {margin-right:0;} } /* talk view : END */ /* mypage info : STR */ #mypageInfo {position:relative; min-height:calc(100% - 132px); padding-top:100px;} #mypageInfo .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #mypageInfo .main-title #logout{position:absolute; top:0; right:30px; font-size:24px; font-weight:normal; cursor:pointer;} #mypageInfo .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #mypageInfo ul {padding:0 30px;} #mypageInfo ul li {position:relative; padding:50px 0 50px 0; font-size:28px; color:#333; font-weight:700; border-bottom:2px solid #f1f1f1;} #mypageInfo ul li label {float:right; font-size: 28px; font-weight:400; border: 0 solid; color: #888; text-align:right; } #mypageInfo ul li label.clk {color:#333; cursor:pointer;} #mypageInfo ul li .recommend_btns {margin-top:20px; text-align:right;} #mypageInfo ul li .recommend_btns .m_copy {width:150px; height:50px; margin-right:20px; line-height:50px; font-size:24px; font-weight:normal; color:#fff; text-align:center; border-radius:10px; background:#333; display:inline-block; cursor:pointer;} #mypageInfo ul li .recommend_btns .m_copy img {width:32px; vertical-align:sub;} #mypageInfo ul li .recommend_btns .m_kakao {width:150px; height:50px; line-height:50px; font-size:24px; font-weight:normal; color:#333; text-align:center; border-radius:10px; background:#fee500; display:inline-block; cursor:pointer;} #mypageInfo ul li .recommend_btns .m_kakao img {width:32px; vertical-align:sub;} #mypageInfo .userout {margin:50px 0; padding:0 30px; text-align:right;} #mypageInfo .userout span {font-size:24px; color:#333; cursor:pointer;} @media (max-width:720px){ #mypageInfo {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw;} #mypageInfo .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #mypageInfo .main-title #logout{position:absolute; top:0; right:4.17vw; font-size:3.33vw; font-weight:normal; cursor:pointer;} #mypageInfo .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #mypageInfo ul {padding:0 4.17vw;} #mypageInfo ul li {position:relative; padding:6.94vw 0 6.94vw 0; font-size:3.89vw; color:#333; font-weight:700; border-bottom:0.28vw solid #f1f1f1;} #mypageInfo ul li label {float:right; font-size: 3.89vw; font-weight:400; border: 0 solid; color: #888; text-align: right; } #mypageInfo ul li label.clk {color:#333; cursor:pointer;} #mypageInfo ul li .recommend_btns {margin-top:2.78vw; text-align:right;} #mypageInfo ul li .recommend_btns .m_copy {width:20.83vw; height:6.94vw; margin-right:2.78vw; line-height:6.94vw; font-size:3.33vw; font-weight:normal; color:#fff; text-align:center; border-radius:1.39vw; background:#333; display:inline-block; cursor:pointer;} #mypageInfo ul li .recommend_btns .m_copy img {width:4.44vw; vertical-align:sub;} #mypageInfo ul li .recommend_btns .m_kakao {width:20.83vw; height:6.94vw; line-height:6.94vw; font-size:3.33vw; font-weight:normal; color:#333; text-align:center; border-radius:1.39vw; background:#fee500; display:inline-block; cursor:pointer;} #mypageInfo ul li .recommend_btns .m_kakao img {width:4.44vw; vertical-align:sub;} #mypageInfo .userout {margin:6.94vw 0; padding:0 4.17vw; text-align:right;} #mypageInfo .userout span {font-size:3.33vw; color:#333; cursor:pointer;} } /* mypage info : END */ /* mypage user edit nick : STR */ #nick-edit {position:relative; min-height:calc(100% - 132px); padding-top:100px;} #nick-edit .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #nick-edit .main-title #logout{position:absolute; top:0; right:30px; font-size:24px; font-weight:normal; cursor:pointer;} #nick-edit .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #nick-edit .nick-edit-box {padding:30px;} #nick-edit .nick-edit-box .nick-edit-box-title{font-size: 28px; line-height: 60px; font-weight: 700;} #nick-edit .nick-edit-box .nick-input{margin-top: 20px;} #nick-edit input{padding-left: 30px; width: 660px; height: 100px; font-size: 28px; line-height: 60px; border-radius: 10px; border: solid 2px #333; background-color: #fff;} #nick-edit .nick-input-error {height:40px; line-height:40px; margin-top:20px; font-size:26px; color:#888;} #nick-edit .next-btn{margin-top: 210px; width:660px; height:100px; line-height:100px; border-radius:10px; font-size:30px; color:#fff; text-align:center; background:#c3c3c3; cursor:pointer;} @media (max-width:720px){ #nick-edit {position:relative; min-height:calc(100% - 18.33vw); padding-top:25vw;} #nick-edit .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #nick-edit .main-title #logout{position:absolute; top:0; right:4.17vw; font-size:3.33vw; font-weight:normal; cursor:pointer;} #nick-edit .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #nick-edit .nick-edit-box {padding:4.17vw;} #nick-edit .nick-edit-box .nick-edit-box-title{font-size: 3.89vw; line-height: 8.33vw; font-weight: 700;} #nick-edit .nick-edit-box .nick-input{margin-top: 2.78vw;} #nick-edit input{padding-left: 4.17vw; width: 91.67vw; height: 13.89vw; font-size: 3.89vw; line-height: 8.33vw; border-radius: 1.39vw; border: solid 0.28vw #333; background-color: #fff;} #nick-edit .nick-input-error {height:5.56vw; line-height:5.56vw; margin-top:2.78vw; font-size:3.61vw; color:#888;} #nick-edit .next-btn{margin-top: 29.17vw; width:91.67vw; height:13.89vw; line-height:13.89vw; border-radius:1.39vw; font-size:4.17vw; color:#fff; text-align:center; background:#c3c3c3; cursor:pointer;} } /* mypage user edit nick : END */ /* mypage user edit addr : STR */ #addr-edit {position:relative; min-height:calc(100% - 132px); padding-top:100px;} #addr-edit .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #addr-edit .main-title #logout{position:absolute; top:0; right:30px; font-size:24px; font-weight:normal; cursor:pointer;} #addr-edit .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #addr-edit .addr-edit-box {position:relative; padding:30px;} #addr-edit .addr-edit-box .addr-layer {position:relative;} #addr-edit .addr-edit-box .addr-layer #layer {position:absolute; width:600px; height:500px; border:5px solid #333; overflow:hidden; z-index:1; -webkit-overflow-scrolling:touch; display:none;} #addr-edit .addr-edit-box .addr-layer #layer #btnCloseLayer {cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1} #addr-edit .addr-edit-box .addr-edit-box-title{font-size: 28px; line-height: 60px; font-weight: 700;} #addr-edit .addr-edit-box .addr-input{margin-top: 20px;} #addr-edit input{padding-left: 30px; width: 660px; height: 100px; font-size: 28px; line-height: 60px; border-radius: 10px; border: solid 2px #f1f1f1; background-color: #fff;} #addr-edit .addr-input-error {height:40px; line-height:40px; margin-top:20px; font-size:26px; color:#888;} #addr-edit .addr-locaion{margin-top: 30px; padding: 10px 20px 10px 14px; width: 280px; height: 60px; line-height: 60px; border-radius: 10px; background-color: #f1f1f1;} #addr-edit .addr-locaion .m_location{margin-right: 6px; position: relative; bottom: 6px; width: 40px; border: 0; display:inline-block;} #addr-edit .addr-locaion .addr-location-title{font-size: 28px; position: relative; top: 2px; line-height: 40px; color: #888; display:inline-block; cursor:pointer;} #addr-edit .next-btn{margin-top:30px; width:660px; height:100px; line-height:100px; border-radius:10px; font-size:30px; color:#fff; text-align:center; background:#ff5d6a; cursor:pointer;} @media (max-width:720px){ #addr-edit {position:relative; min-height:calc(100% - 18.33vw); padding-top:25vw;} #addr-edit .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #addr-edit .main-title #logout{position:absolute; top:0; right:4.17vw; font-size:3.33vw; font-weight:normal; cursor:pointer;} #addr-edit .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #addr-edit .addr-edit-box {padding:4.17vw;} #addr-edit .addr-edit-box .addr-edit-box-title{font-size: 3.89vw; line-height: 8.33vw; font-weight: 700;} #addr-edit .addr-edit-box .addr-input{margin-top: 2.78vw;} #addr-edit input{padding-left: 4.17vw; width: 91.67vw; height: 13.89vw; font-size: 3.89vw; line-height: 8.33vw; border-radius: 1.39vw; border: solid 0.28vw #f1f1f1; background-color: #fff;} #addr-edit .addr-input-error {height:5.56vw; line-height:5.56vw; margin-top:2.78vw; font-size:3.61vw; color:#888;} #addr-edit .addr-locaion{margin-top: 4.17vw; padding: 1.39vw 2.78vw 1.39vw 1.94vw; width: 38.89vw; height: 8.33vw; line-height: 8.33vw; border-radius: 1.39vw; background-color: #f1f1f1;} #addr-edit .addr-locaion .m_location{margin-right: 0.83vw; position: relative; bottom: 0.83vw; width: 5.56vw; border: 0; display:inline-block;} #addr-edit .addr-locaion .addr-location-title{font-size: 3.89vw; position: relative; top: 0.28vw; line-height: 5.56vw; color: #888; display:inline-block; cursor:pointer;} #addr-edit .next-btn{margin-top:4.17vw; width:91.67vw; height:13.89vw; line-height:13.89vw; border-radius:1.39vw; font-size:4.17vw; color:#fff; text-align:center; background:#ff5d6a; cursor:pointer;} #addr-edit .addr-edit-box .addr-layer {position:relative;} #addr-edit .addr-edit-box .addr-layer #layer {position:absolute; width:600px; height:500px; border:5px solid #333; overflow:hidden; z-index:1; -webkit-overflow-scrolling:touch; display:none;} #addr-edit .addr-edit-box .addr-layer #layer #btnCloseLayer {cursor:pointer;position:absolute;right:-3px;top:-3px;z-index:1} #addr-edit .addr-edit-box .addr-layer #layer {width:100%; height:69.44vw; display:none; overflow:hidden; z-index:1; -webkit-overflow-scrolling:touch; border: 0.69vw solid;} #addr-edit .addr-edit-box .addr-layer #layer #btnCloseLayer {cursor:pointer;position:absolute;right:-0.42vw;top:-0.42vw;z-index:1} } /* mypage user edit addr : END */ /* phone word : STR */ #phone-word {position:relative; min-height:calc(100% - 132px); padding-top:100px;} #phone-word .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #phone-word .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #phone-word .sub-title {padding:50px 30px; font-size:50px; font-weight:700; color:#333;} #phone-word .words {padding:0 30px;} #phone-word .words .word-faq {line-height:40px; padding:50px 0; font-size:28px; font-weight:700; color:#333; border-bottom:2px solid #f1f1f1; cursor:pointer;} #phone-word .words .word-faq .m_fold {float:right; width:30px; display:none;} #phone-word .words .word-faq .m_open {float:right; width:30px;} #phone-word .words .word-faq .word-phone {width:640px; height:auto; padding:147px 88px 31px; background:url('/img/mypage/phone_word_bg.png') top left no-repeat; background-size:100% auto; display:none;} #phone-word .words .word-faq .word-phone .word-question {margin-bottom:30px; text-align:right;} #phone-word .words .word-faq .word-phone .word-question span {padding:20px; font-size:26px; font-weight:normal; color:#333; text-align:right; border-radius:30px 30px 5px 30px; background:#d2d7fe; display:inline-block;} #phone-word .words .word-faq .word-phone .word-logo {margin-right:20px; vertical-align:top; display:inline-block;} #phone-word .words .word-faq .word-phone .word-logo img {width:76px;} #phone-word .words .word-faq .word-phone .word-answer {max-width:357px; padding:20px; font-size:26px; font-weight:normal; color:#333; text-align:left; border-radius:30px 30px 30px 5px; background:#fff; display:inline-block;} @media (max-width:720px){ #phone-word {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw;} #phone-word .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #phone-word .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #phone-word .sub-title {padding:6.94vw 4.17vw; font-size:6.94vw; font-weight:700; color:#333;} #phone-word .words {padding:0 4.17vw;} #phone-word .words .word-faq {line-height:5.56vw; padding:6.94vw 0; font-size:3.89vw; font-weight:700; color:#333; border-bottom:0.28vw solid #f1f1f1; cursor:pointer;} #phone-word .words .word-faq .m_fold {float:right; width:4.17vw; display:none;} #phone-word .words .word-faq .m_open {float:right; width:4.17vw;} #phone-word .words .word-faq .word-phone {width:88.89vw; height:auto; padding:20.42vw 12.22vw 4.31vw; background:url('/img/mypage/phone_word_bg.png') top left no-repeat; background-size:100% auto; display:none;} #phone-word .words .word-faq .word-phone .word-question {margin-bottom:4.17vw; text-align:right;} #phone-word .words .word-faq .word-phone .word-question span {padding:2.78vw; font-size:3.61vw; font-weight:normal; color:#333; text-align:right; border-radius:4.17vw 4.17vw 0.69vw 4.17vw; background:#d2d7fe; display:inline-block;} #phone-word .words .word-faq .word-phone .word-logo {margin-right:2.78vw; vertical-align:top; display:inline-block;} #phone-word .words .word-faq .word-phone .word-logo img {width:10.56vw;} #phone-word .words .word-faq .word-phone .word-answer {max-width:49.58vw; padding:2.78vw; font-size:3.61vw; font-weight:normal; color:#333; text-align:left; border-radius:4.17vw 4.17vw 4.17vw 0.69vw; background:#fff; display:inline-block;} } /* phone word : END */ /* event list : STR */ #event-list {position:relative; min-height:calc(100% - 132px); padding-top:180px; background:#f9f9f9;} #event-list .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #event-list .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #event-list .event-tabs {height:80px; text-align:center; border-bottom:2px solid #f1f1f1; background:#fff;} #event-list .event-tabs .event-tab {width:200px; height:80px; line-height:40px; margin-right:100px; padding:10px 0 30px; font-size:28px; color:#888; text-align:center; display:inline-block; cursor:pointer;} #event-list .event-tabs .event-tab:last-child {margin:0;} #event-list .event-tabs .event-tab.active {font-size:28px; font-weight:700; color:#333; border-bottom:2px solid #333;} #event-list .events {padding:0 30px 30px;} #event-list .events .event-content {margin-top:30px; border-radius:30px; box-shadow:0 5px 10px 0 rgba(0, 0, 0, 0.07); background:#fff; overflow:hidden; cursor:pointer;} #event-list .events .event-content .event-thumnail {position:relative; width:660px; height:230px; } #event-list .events .event-content .event-thumnail img {width:100%; height:100%;} #event-list .events .event-content .event-thumnail .event-thumnail-end {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;} #event-list .events .event-content .event-text {position:relative; padding:30px;} #event-list .events .event-content .event-text .event-title {position:relative; width:460px; height:50px; line-height:50px; font-size:30px; font-weight:700; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #event-list .events .event-content .event-text .event-dday {position:absolute; top:30px; right:30px; width:120px; height:50px; line-height:50px; font-size:24px; font-weight:400; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a;} #event-list .events .event-content .event-text .event-dday.end {background:#888;} #event-list .events .event-content .event-text .event-date {height:35px; line-height:35px; margin-top:10px; font-size:24px; color:#888;} #event-list .events .event-content-none {line-height:80px; padding-bottom:30px; font-size:28px; font-weight:normal; color:#333; text-align:center;} #event-list .events .event-content-none .m_none {width:120px; margin-top:100px;} @media (max-width:720px){ #event-list {position:relative; min-height:calc(100% - 18.33vw); padding-top:25vw; background:#f9f9f9;} #event-list .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #event-list .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #event-list .event-tabs {height:11.11vw; text-align:center; border-bottom:0.28vw solid #f1f1f1; background:#fff;} #event-list .event-tabs .event-tab {width:27.78vw; height:11.11vw; line-height:5.56vw; margin-right:13.89vw; padding:1.39vw 0 4.17vw; font-size:3.89vw; color:#888; text-align:center; display:inline-block; cursor:pointer;} #event-list .event-tabs .event-tab:last-child {margin:0;} #event-list .event-tabs .event-tab.active {font-size:3.89vw; font-weight:700; color:#333; border-bottom:0.28vw solid #333;} #event-list .events {padding:0 4.17vw 4.17vw;} #event-list .events .event-content {margin-top:4.17vw; border-radius:4.17vw; box-shadow:0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.07); background:#fff; overflow:hidden; cursor:pointer;} #event-list .events .event-content .event-thumnail {width:91.67vw; height:31.94vw; } #event-list .events .event-content .event-thumnail img {width:100%; height:100%;} #event-list .events .event-content .event-thumnail .event-thumnail-end {position:absolute; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.5;} #event-list .events .event-content .event-text {position:relative; padding:4.17vw;} #event-list .events .event-content .event-text .event-title {position:relative; width:63.89vw; height:6.94vw; line-height:6.94vw; font-size:4.17vw; font-weight:700; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} #event-list .events .event-content .event-text .event-dday {position:absolute; top:4.17vw; right:4.17vw; width:16.67vw; height:6.94vw; line-height:6.94vw; font-size:3.33vw; font-weight:400; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a;} #event-list .events .event-content .event-text .event-dday.end {background:#888;} #event-list .events .event-content .event-text .event-date {height:4.86vw; line-height:4.86vw; margin-top:1.39vw; font-size:3.33vw; color:#888;} #event-list .events .event-content-none {line-height:11.11vw; padding-bottom:4.17vw; font-size:3.89vw; font-weight:normal; color:#333; text-align:center;} #event-list .events .event-content-none .m_none {width: 60px; margin-top:13.89vw;} } /* event list : END */ /* event view : STR */ #event-view {position:relative; min-height:calc(100% - 132px); padding-top:100px; padding-bottom:100px; background:#fff;} #event-view .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #event-view .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #event-view .event {margin-top:20px; padding:30px;} #event-view .event .event-title {line-height:50px; font-size:32px; font-weight:700; color:#333;} #event-view .event .event-date {margin-top:10px; margin-bottom:50px; line-height:50px; font-size:22px; color:#c3c3c3;} #event-view .event .event-date .event-dday {float:right; width:120px; height:50px; line-height:50px; font-size:24px; font-weight:400; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a;} #event-view .event .event-date .event-dday.end {background:#888;} #event-view .event .event-content {min-height:350px; padding:50px 0; border-top:2px solid #f1f1f1;} #event-view .event .event-content img {max-width:100%;} #event-view .event-list-btn {width:660px; height:87px; margin:0 30px; line-height:87px; font-size:28px; color:#333; text-align:center; border:2px solid #e3e3e3; background:#fff; cursor:pointer;} @media (max-width:720px){ #event-view {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw; padding-bottom:13.89vw; background:#fff;} #event-view .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #event-view .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #event-view .event {margin-top:2.78vw; padding:4.17vw;} #event-view .event .event-title {line-height:6.94vw; font-size:4.44vw; font-weight:700; color:#333;} #event-view .event .event-date {margin-top:1.39vw; margin-bottom:6.94vw; line-height:6.94vw; font-size:3.06vw; color:#c3c3c3;} #event-view .event .event-date .event-dday {float:right; width:16.67vw; height:6.94vw; line-height:6.94vw; font-size:3.33vw; font-weight:400; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a;} #event-view .event .event-date .event-dday.end {background:#888;} #event-view .event .event-content {min-height:48.61vw; padding:6.94vw 0; border-top:0.28vw solid #f1f1f1;} #event-view .event .event-content img {max-width:100%;} #event-view .event-list-btn {width:91.67vw; height:12.08vw; margin:0 4.17vw; line-height:12.08vw; font-size:3.89vw; color:#333; text-align:center; border:0.28vw solid #e3e3e3; background:#fff; cursor:pointer;} } /* event view : END */ /* research : STR */ #research {position:relative; min-height:calc(100% - 132px); padding:100px 30px 30px 30px;} #research .main-title {position:relative; height:100px; line-height:40px; padding:30px; font-size:34px; font-weight:700; color:#333;} #research .main-title .m_close {position:absolute; top:26px; right:30px; cursor:pointer;} #research .research-section .contents {margin-top:30px;} #research .research-section .contents img {max-width:100%;} #research .research-section .contents .full {width:100%;} #research .research-section .joiner {margin-top:50px; font-size:30px; font-weight:normal; color:#333; text-align:center;} #research .research-section .joiner label {font-weight:700; color:#ff5d6a;} #research .research-section .sns_link {margin-top:50px; text-align:center;} #research .research-section .sns_link label {margin-right:50px; display:inline-block; cursor:pointer;} #research .research-section .sns_link label img {width:58px;} #research .research-section .sns_link label:last-child {margin-right:0;} #research .research-section .research_btn {width:100%; height:100px; line-height:100px; margin:50px auto 20px; font-size:30px; font-weight:700; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #research .research-section .kakao-btn {position:relative; width:100%; height:100px; line-height:100px; margin:0 auto 20px; font-size:30px; font-weight:700; color:#000; text-align:center; border-radius:10px; background-color:#fee500; cursor:pointer;} #research .research-section .kakao-btn .kakao_share {position:absolute; top:30px; left:70px; width:44px;} #research .research-section .copy-btn {width:100%; height:100px; line-height:100px; margin:0 auto 20px; font-size:30px; font-weight:700; color:#fff; text-align:center; border-radius:10px; background-color:#19ce60; cursor:pointer;} #research .research-section .end-text {margin-top:30px;} #research .research-section .end-text .title {font-size:50px; font-weight:700; color:#333; text-align:center;} #research .research-section .end-text .content {margin-top:10px; font-size:28px; font-weight:normal; color:#888; text-align:center;} #research-question .progress {margin-top:30px;} #research-question .progress:after {content:''; display:block; clear:both;} #research-question .progress .progress-bar {width:100%; height:20px; border-radius:10px; background:#f1f1f1;} #research-question .progress .progress-bar .color-bar {width:0%; height:20px; border-radius:10px; background:#ff5d6a;} #research-question .progress .prev-btn {float:left; margin-top:10px; font-size:24px; font-weight:normal; color:#333; cursor:pointer;} #research-question .progress .progress-text {float:right; margin-top:10px; font-size:24px; font-weight:normal; color:#333;} #research-question .contents {margin-top:50px;} #research-question .contents .top_img {max-width:100%; margin-bottom:50px; text-align:center;} #research-question .contents .question {margin-bottom:50px; padding-bottom:50px; font-size:36px; font-weight:700; color:#333; text-align:center; border-bottom:2px solid #f1f1f1;} #research-question .contents .question label {color:#ff5d6a;} #research-question .contents .answer.radio {} #research-question .contents .answer.radio li {position:relative; width:100%; line-height:40px; margin-top:30px; padding-left:60px; font-size:30px; font-weight:normal; color:#000; cursor:pointer;} #research-question .contents .answer.radio li:first-child {margin-top:0;} #research-question .contents .answer.radio li:before {content:''; position:absolute; top:2px; left:0; width:36px; height:36px; border:2px solid #f1f1f1; border-radius:50%; display:block;} #research-question .contents .answer.radio li.active:before {content:''; border:none; background:url('/img/research/radio_check.png') center center no-repeat #ff5d6a; background-size:21px 15px;} #research-question .contents .answer.textarea {position:relative;} #research-question .contents .answer.textarea textarea {width:100%; height:300px; padding:30px; font-size:28px; font-weight:normal; color:#333; border:none; border-radius:30px; background:#f9f9f9;} #research-question .contents .answer.textarea textarea::placeholder {color:#c3c3c3;} #research-question .contents .answer.textarea .maxlength-text {position:absolute; bottom:30px; right:30px; font-size:24px; font-weight:normal; color:#c3c3c3;} #research-question .research_next_btn {width:100%; height:100px; line-height:100px; margin-top:50px; font-size:30px; font-weight:700; color:#fff; text-align:center; border-radius:10px; background:#c3c3c3; cursor:pointer;} #research-question .research_next_btn.active {background:#ff5d6a;} #research-question .research_next_btn.end {display:none;} #research-question .research_end_btn {width:100%; height:100px; line-height:100px; margin-top:50px; font-size:30px; font-weight:700; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer; display:none;} #research-question .research_end_btn.end {display:block;} @media (max-width:720px){ #research {position:relative; min-height:calc(100% - 18.33vw); padding:13.89vw 4.17vw 4.17vw 4.17vw;} #research .main-title {position:relative; height:13.89vw; line-height:5.56vw; padding:4.17vw; font-size:4.72vw; font-weight:700; color:#333;} #research .main-title .m_close {position:absolute; top:3.61vw; right:4.17vw; width:6.67vw; cursor:pointer;} #research .research-section .contents {margin-top:4.17vw;} #research .research-section .contents img {max-width:100%;} #research .research-section .contents .full {width:100%;} #research .research-section .joiner {margin-top:6.94vw; font-size:4.17vw; font-weight:normal; color:#333; text-align:center;} #research .research-section .joiner label {font-weight:700; color:#ff5d6a;} #research .research-section .sns_link {margin-top:6.94vw; text-align:center;} #research .research-section .sns_link label {margin-right:6.94vw; display:inline-block; cursor:pointer;} #research .research-section .sns_link label img {width:8.06vw;} #research .research-section .sns_link label:last-child {margin-right:0;} #research .research-section .research_btn {width:100%; height:13.89vw; line-height:13.89vw; margin:6.94vw auto 2.78vw; font-size:4.17vw; font-weight:700; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #research .research-section .kakao-btn {position:relative; width:100%; height:13.89vw; line-height:13.89vw; margin:0 auto 2.78vw; font-size:4.17vw; font-weight:700; color:#000; text-align:center; border-radius:1.39vw; background-color:#fee500; cursor:pointer;} #research .research-section .kakao-btn .kakao_share {position:absolute; top:4.17vw; left:9.72vw; width:6.11vw;} #research .research-section .copy-btn {width:100%; height:13.89vw; line-height:13.89vw; margin:0 auto 2.78vw; font-size:4.17vw; font-weight:700; color:#fff; text-align:center; border-radius:1.39vw; background-color:#19ce60; cursor:pointer;} #research .research-section .end-text {margin-top:4.17vw;} #research .research-section .end-text .title {font-size:6.94vw; font-weight:700; color:#333; text-align:center;} #research .research-section .end-text .content {margin-top:1.39vw; font-size:3.89vw; font-weight:normal; color:#888; text-align:center;} #research-question .progress {margin-top:4.17vw;} #research-question .progress:after {content:''; display:block; clear:both;} #research-question .progress .progress-bar {width:100%; height:2.78vw; border-radius:1.39vw; background:#f1f1f1;} #research-question .progress .progress-bar .color-bar {width:0%; height:2.78vw; border-radius:1.39vw; background:#ff5d6a;} #research-question .progress .prev-btn {float:left; margin-top:1.39vw; font-size:3.33vw; font-weight:normal; color:#333; cursor:pointer;} #research-question .progress .progress-text {float:right; margin-top:1.39vw; font-size:3.33vw; font-weight:normal; color:#333;} #research-question .contents {margin-top:6.94vw;} #research-question .contents .top_img {max-width:100%; margin-bottom:6.94vw; text-align:center;} #research-question .contents .question {margin-bottom:6.94vw; padding-bottom:6.94vw; font-size:5vw; font-weight:700; color:#333; text-align:center; border-bottom:0.28vw solid #f1f1f1;} #research-question .contents .question label {color:#ff5d6a;} #research-question .contents .answer.radio {} #research-question .contents .answer.radio li {position:relative; width:100%; line-height:5.56vw; margin-top:4.17vw; padding-left:8.33vw; font-size:4.17vw; font-weight:normal; color:#000; cursor:pointer;} #research-question .contents .answer.radio li:first-child {margin-top:0;} #research-question .contents .answer.radio li:before {content:''; position:absolute; top:0.28vw; left:0; width:5vw; height:5vw; border:0.28vw solid #f1f1f1; border-radius:50%; display:block;} #research-question .contents .answer.radio li.active:before {content:''; border:none; background:url('/img/research/radio_check.png') center center no-repeat #ff5d6a; background-size:2.92vw 2.08vw;} #research-question .contents .answer.textarea {position:relative;} #research-question .contents .answer.textarea textarea {width:100%; height:41.67vw; padding:4.17vw; font-size:3.89vw; font-weight:normal; color:#333; border:none; border-radius:4.17vw; background:#f9f9f9;} #research-question .contents .answer.textarea textarea::placeholder {color:#c3c3c3;} #research-question .contents .answer.textarea .maxlength-text {position:absolute; bottom:4.17vw; right:4.17vw; font-size:3.33vw; font-weight:normal; color:#c3c3c3;} #research-question .research_next_btn {width:100%; height:13.89vw; line-height:13.89vw; margin-top:6.94vw; font-size:4.17vw; font-weight:700; color:#fff; text-align:center; border-radius:1.39vw; background:#c3c3c3; cursor:pointer;} #research-question .research_next_btn.active {background:#ff5d6a;} #research-question .research_next_btn.end {display:none;} #research-question .research_end_btn {width:100%; height:13.89vw; line-height:13.89vw; margin-top:6.94vw; font-size:4.17vw; font-weight:700; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer; display:none;} #research-question .research_end_btn.end {display:block;} } /* research : END */ /* research end : STR */ #research-end {position:relative; min-height:calc(100% - 132px); padding:100px 30px 30px 30px;} #research-end .main-title {position:relative; height:100px; line-height:40px; padding:30px; font-size:34px; font-weight:700; color:#333;} #research-end .main-title .m_close {position:absolute; top:26px; right:30px; cursor:pointer;} #research-end .fixed_center {width:660px;} #research-end .fixed_center .contents {margin-top:30px;} #research-end .fixed_center .contents img {max-width:100%;} #research-end .fixed_center .contents .full {width:100%;} #research-end .fixed_center .end-text {margin-top:30px;} #research-end .fixed_center .end-text .title {font-size:50px; font-weight:700; color:#333; text-align:center;} #research-end .fixed_center .end-text .content {margin-top:10px; font-size:28px; font-weight:normal; color:#888; text-align:center;} #research-end .fixed_center .sns_link {margin-top:50px; text-align:center;} #research-end .fixed_center .sns_link label {margin-right:50px; display:inline-block; cursor:pointer;} #research-end .fixed_center .sns_link label img {width:58px;} #research-end .fixed_center .sns_link label:last-child {margin-right:0;} #research-end .fixed_center .kakao-btn {position:relative; width:100%; height:100px; line-height:100px; margin:50px auto 20px; font-size:30px; font-weight:700; color:#000; text-align:center; border-radius:10px; background-color:#fee500; cursor:pointer;} #research-end .fixed_center .kakao-btn .kakao_share {position:absolute; top:30px; left:70px; width:44px;} #research-end .fixed_center .copy-btn {width:100%; height:100px; line-height:100px; margin:0 auto 20px; font-size:30px; font-weight:700; color:#fff; text-align:center; border-radius:10px; background-color:#19ce60; cursor:pointer;} #research-end .research_btn {width:660px; height:100px; line-height:100px; margin-top:50px; font-size:30px; font-weight:700; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} @media (max-width:720px){ #research-end {position:relative; min-height:calc(100% - 18.33vw); padding:13.89vw 4.17vw 4.17vw 4.17vw;} #research-end .main-title {position:relative; height:13.89vw; line-height:5.56vw; padding:4.17vw; font-size:4.72vw; font-weight:700; color:#333;} #research-end .main-title .m_close {position:absolute; top:3.61vw; right:4.17vw; width:6.67vw; cursor:pointer;} #research-end .fixed_center {width:91.67vw;} #research-end .fixed_center .contents {margin-top:4.17vw;} #research-end .fixed_center .contents img {max-width:100%;} #research-end .fixed_center .contents .full {width:100%;} #research-end .fixed_center .end-text {margin-top:4.17vw;} #research-end .fixed_center .end-text .title {font-size:6.94vw; font-weight:700; color:#333; text-align:center;} #research-end .fixed_center .end-text .content {margin-top:1.39vw; font-size:3.89vw; font-weight:normal; color:#888; text-align:center;} #research-end .fixed_center .sns_link {margin-top:6.94vw; text-align:center;} #research-end .fixed_center .sns_link label {margin-right:6.94vw; display:inline-block; cursor:pointer;} #research-end .fixed_center .sns_link label img {width:8.06vw;} #research-end .fixed_center .sns_link label:last-child {margin-right:0;} #research-end .fixed_center .kakao-btn {position:relative; width:100%; height:13.89vw; line-height:13.89vw; margin:6.94vw auto 2.78vw; font-size:4.17vw; font-weight:700; color:#000; text-align:center; border-radius:1.39vw; background-color:#fee500; cursor:pointer;} #research-end .fixed_center .kakao-btn .kakao_share {position:absolute; top:4.17vw; left:9.72vw; width:6.11vw;} #research-end .fixed_center .copy-btn {width:100%; height:13.89vw; line-height:13.89vw; margin:0 auto 2.78vw; font-size:4.17vw; font-weight:700; color:#fff; text-align:center; border-radius:1.39vw; background-color:#19ce60; cursor:pointer;} #research-end .research_btn {width:91.67vw; height:13.89vw; line-height:13.89vw; margin-top:6.94vw; font-size:4.17vw; font-weight:700; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} } /* research end : END */ /* guide estimate : STR */ #guide-estimate {position:relative; min-height:calc(100% - 132px); padding-top:180px;} #guide-estimate .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #guide-estimate .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #guide-estimate .guide-tabs {height:80px; text-align:center; border-bottom:2px solid #f1f1f1; background:#fff;} #guide-estimate .guide-tabs .guide-tab {width:200px; height:80px; line-height:40px; margin-right:100px; padding:10px 0 30px; font-size:28px; color:#888; text-align:center; display:inline-block; cursor:pointer;} #guide-estimate .guide-tabs .guide-tab:last-child {margin:0;} #guide-estimate .guide-tabs .guide-tab.active {font-size:28px; font-weight:700; color:#333; border-bottom:2px solid #333;} #guide-estimate .guide-content {position:relative; height:1030px; min-height:calc(100% - 312px); padding:100px 0 0; background:#ff5d6a;} #guide-estimate .guide-content .guide-item {position:relative; height:100%; padding:0;} #guide-estimate .guide-content .guide-item .guide-title {line-height:60px; font-size:40px; font-weight:700; color:#fff; text-align:center;} #guide-estimate .guide-content .guide-item .guide-text {line-height:40px; margin-top:30px; font-size:28px; font-weight:normal; color:#fbebec; text-align:center;} #guide-estimate .guide-content .guide-item .guide-image {position:absolute; bottom:0; left:0; width:100%; text-align:center;} #guide-estimate .guide-content .guide-item .guide-image img {width:438px; height:560px;} #guide-estimate .guide-content .guide-banner-pagination {position:absolute; top:410px; left:0; width:100%; height:18px;} #guide-estimate .guide-banner-pagination .guide-swiper-bullet {width:18px; height:18px; margin:0 10px; border:2px solid #fff; border-radius:50%; background:none; cursor:pointer; display:inline-block;} #guide-estimate .guide-banner-pagination .guide-swiper-bullet-active {background:#fff;} #guide-estimate .floating-btn {position:fixed; bottom:162px; right:calc(50% - 670px); width:140px; height:140px; padding:23px 0; font-size:26px; color:#ff5d6a; text-align:center; border-radius:50%; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07); background:#fff; z-index:10; cursor:pointer;} #guide-estimate .floating-btn img {width:36px;} @media (max-width:720px){ #guide-estimate {position:relative; min-height:calc(100% - 18.33vw); padding-top:25vw;} #guide-estimate .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #guide-estimate .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #guide-estimate .guide-tabs {height:11.11vw; text-align:center; border-bottom:0.28vw solid #f1f1f1; background:#fff;} #guide-estimate .guide-tabs .guide-tab {width:27.78vw; height:11.11vw; line-height:5.56vw; margin-right:13.89vw; padding:1.39vw 0 4.17vw; font-size:3.89vw; color:#888; text-align:center; display:inline-block; cursor:pointer;} #guide-estimate .guide-tabs .guide-tab:last-child {margin:0;} #guide-estimate .guide-tabs .guide-tab.active {font-size:3.89vw; font-weight:700; color:#333; border-bottom:0.28vw solid #333;} #guide-estimate .guide-content {position:relative; height:143.06vw; min-height:calc(100% - 43.33vw); padding:13.89vw 0 0; background:#ff5d6a;} #guide-estimate .guide-content .guide-item {position:relative; height:100%; padding:0;} #guide-estimate .guide-content .guide-item .guide-title {line-height:8.33vw; font-size:5.56vw; font-weight:700; color:#fff; text-align:center;} #guide-estimate .guide-content .guide-item .guide-text {line-height:5.56vw; margin-top:4.17vw; font-size:3.89vw; font-weight:normal; color:#fbebec; text-align:center;} #guide-estimate .guide-content .guide-item .guide-image {position:absolute; bottom:0; left:0; width:100%; text-align:center;} #guide-estimate .guide-content .guide-item .guide-image img {width:60.83vw; height:77.78vw;} #guide-estimate .guide-content .guide-banner-pagination {position:absolute; top:56.94vw; left:0; height:2.5vw;} #guide-estimate .guide-banner-pagination .guide-swiper-bullet {width:2.5vw; height:2.5vw; margin:0 1.39vw; border:0.28vw solid #fff; border-radius:50%; background:none; cursor:pointer; display:inline-block;} #guide-estimate .guide-banner-pagination .guide-swiper-bullet-active {background:#fff;} #guide-estimate .floating-btn {position:fixed; bottom:22.5vw; right:calc(50% - 45.83vw); width:19.44vw; height:19.44vw; padding:3.19vw 0; font-size:3.61vw; color:#ff5d6a; text-align:center; border-radius:50%; box-shadow: 0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.07); background:#fff; z-index:10; cursor:pointer;} #guide-estimate .floating-btn img {width:5vw;} } /* guide estimate : END */ /* guide plan : STR */ #guide-plan {position:relative; min-height:calc(100% - 132px); padding-top:180px;} #guide-plan .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #guide-plan .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #guide-plan .guide-tabs {height:80px; text-align:center; border-bottom:2px solid #f1f1f1; background:#fff;} #guide-plan .guide-tabs .guide-tab {width:200px; height:80px; line-height:40px; margin-right:100px; padding:10px 0 30px; font-size:28px; color:#888; text-align:center; display:inline-block; cursor:pointer;} #guide-plan .guide-tabs .guide-tab:last-child {margin:0;} #guide-plan .guide-tabs .guide-tab.active {font-size:28px; font-weight:700; color:#333; border-bottom:2px solid #333;} #guide-plan .guide-content {position:relative; height:1070px; min-height:calc(100% - 312px); padding:100px 0 0; background:#53577b;} #guide-plan .guide-content .guide-item {position:relative; height:100%; padding:0;} #guide-plan .guide-content .guide-item .guide-title {line-height:60px; font-size:40px; font-weight:700; color:#fff; text-align:center;} #guide-plan .guide-content .guide-item .guide-text {line-height:40px; margin-top:30px; font-size:28px; font-weight:normal; color:#cfd2eb; text-align:center;} #guide-plan .guide-content .guide-item .guide-image {position:absolute; bottom:0; left:0; width:100%; text-align:center;} #guide-plan .guide-content .guide-item .guide-image img {width:438px; height:560px;} #guide-plan .guide-content .guide-banner-pagination {position:absolute; top:450px; left:0; width:100%; height:18px;} #guide-plan .guide-banner-pagination .guide-swiper-bullet {width:18px; height:18px; margin:0 10px; border:2px solid #fff; border-radius:50%; background:none; cursor:pointer; display:inline-block;} #guide-plan .guide-banner-pagination .guide-swiper-bullet-active {background:#fff;} #guide-plan .floating-btn {position:fixed; bottom:162px; right:calc(50% - 670px); width:140px; height:140px; padding:23px 0; font-size:26px; color:#53577b; text-align:center; border-radius:50%; box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.07); background:#fff; z-index:10; cursor:pointer;} #guide-plan .floating-btn img {width:36px;} @media (max-width:720px){ #guide-plan {position:relative; min-height:calc(100% - 18.33vw); padding-top:25vw;} #guide-plan .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #guide-plan .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #guide-plan .guide-tabs {height:11.11vw; text-align:center; border-bottom:0.28vw solid #f1f1f1; background:#fff;} #guide-plan .guide-tabs .guide-tab {width:27.78vw; height:11.11vw; line-height:5.56vw; margin-right:13.89vw; padding:1.39vw 0 4.17vw; font-size:3.89vw; color:#888; text-align:center; display:inline-block; cursor:pointer;} #guide-plan .guide-tabs .guide-tab:last-child {margin:0;} #guide-plan .guide-tabs .guide-tab.active {font-size:3.89vw; font-weight:700; color:#333; border-bottom:0.28vw solid #333;} #guide-plan .guide-content {position:relative; height:148.61vw; min-height:calc(100% - 43.33vw); padding:13.89vw 0 0; background:#53577b;} #guide-plan .guide-content .guide-item {position:relative; height:100%; padding:0;} #guide-plan .guide-content .guide-item .guide-title {line-height:8.33vw; font-size:5.56vw; font-weight:700; color:#fff; text-align:center;} #guide-plan .guide-content .guide-item .guide-text {line-height:5.56vw; margin-top:4.17vw; font-size:3.89vw; font-weight:normal; color:#cfd2eb; text-align:center;} #guide-plan .guide-content .guide-item .guide-image {position:absolute; bottom:0; left:0; width:100%; text-align:center;} #guide-plan .guide-content .guide-item .guide-image img {width:60.83vw; height:77.78vw;} #guide-plan .guide-content .guide-banner-pagination {position:absolute; top:62.5vw; left:0; height:2.5vw;} #guide-plan .guide-banner-pagination .guide-swiper-bullet {width:2.5vw; height:2.5vw; margin:0 1.39vw; border:0.28vw solid #fff; border-radius:50%; background:none; cursor:pointer; display:inline-block;} #guide-plan .guide-banner-pagination .guide-swiper-bullet-active {background:#fff;} #guide-plan .floating-btn {position:fixed; bottom:22.5vw; right:calc(50% - 45.83vw); width:19.44vw; height:19.44vw; padding:3.19vw 0; font-size:3.61vw; color:#53577b; text-align:center; border-radius:50%; box-shadow: 0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.07); background:#fff; z-index:10; cursor:pointer;} #guide-plan .floating-btn img {width:5vw;} } /* guide plan : END */ /* user out : STR */ #user_out {position:relative; min-height:calc(100% - 132px); padding-top:100px;} #user_out .main-title {position:relative; height:100px; line-height:100px; font-size:34px; font-weight:700; color:#333; text-align:center;} #user_out .m_header_back {position:absolute; top:29px; left:30px; cursor:pointer;} #user_out .out-info {margin-top:20px; padding:30px;} #user_out .out-info .out-info-title {font-size:50px; font-weight:700; color:#333;} #user_out .out-info .out-info-text {margin-top:30px; font-size:28px; color:#333;} #user_out .out-info .out-info-warning {margin-top:30px; padding:30px; font-size:28px; color:#888; border-radius:30px; background:#f9f9f9;} #user_out .out-info .out-info-warning b {color:#333;} #user_out .out-reason {padding:50px 30px; background:#ebecf6;} #user_out .out-reason .out-reason-title {font-size:34px; font-weight:700; color:#53577b;} #user_out .out-reason .out-reason-title span {font-size:24px; font-weight:normal;} #user_out .out-reason .out-reason-text {margin-top:30px; font-size:28px; color:#8d8fb1;} #user_out .out-reason .reason-select {position:relative; margin-top:30px; padding:30px; font-size:28px; color:#333; border-radius:10px; background:#fff; cursor:pointer;} #user_out .out-reason .reason-select.active {border-radius:10px 10px 0 0;} #user_out .out-reason .reason-select .m_fold {position:absolute; top:35px; right:30px; width:30px; display:none;} #user_out .out-reason .reason-select .m_open {position:absolute; top:35px; right:30px; width:30px; display:block;} #user_out .out-reason .reason-select.active .m_fold {display:block;} #user_out .out-reason .reason-select.active .m_open {display:none;} #user_out .out-reason .reason-select-options {position:relative; padding:20px 30px; font-size:28px; color:#333; border-top:2px solid #f1f1f1; border-radius:0 0 10px 10px; background:#fff; display:none;} #user_out .out-reason .reason-select-options li {padding:15px 0; cursor:pointer;} #user_out .out-reason .reason-textarea {width:660px; height:300px; margin-top:30px; border-radius:10px; overflow:hidden; display:none;} #user_out .out-reason .reason-textarea textarea {width:100%; height:100%; padding:30px; font-size:28px; color:#333; border:0; background:#fff;} #user_out .out-reason .reason-check {margin-top:30px; font-size:24px; color:#333; cursor:pointer;} #user_out .out-reason .reason-check .check-radio {width:36px; height:36px; margin-right:15px; border-radius:50%; background:#fff; vertical-align:text-top; background:url('/img/phone/estimate/m_cheak.png') center center no-repeat #fff; background-size:26px auto; display:inline-block;} #user_out .out-reason .reason-check .check-radio.checked {background:url('/img/phone/estimate/m_cheak_select.png') center center no-repeat #fff; background-size:26px auto;} #user_out .out-reason .reason-submit {width:660px; height:100px; line-height:100px; margin-top:50px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#53577b; cursor:pointer;} @media (max-width:720px){ #user_out {position:relative; min-height:calc(100% - 18.33vw); padding-top:13.89vw;} #user_out .main-title {position:relative; height:13.89vw; line-height:13.89vw; font-size:4.72vw; font-weight:700; color:#333; text-align:center;} #user_out .m_header_back {position:absolute; top:4.03vw; left:4.17vw; width:6.67vw; cursor:pointer;} #user_out .out-info {margin-top:2.78vw; padding:4.17vw;} #user_out .out-info .out-info-title {font-size:6.94vw; font-weight:700; color:#333;} #user_out .out-info .out-info-text {margin-top:4.17vw; font-size:3.89vw; color:#333;} #user_out .out-info .out-info-warning {margin-top:4.17vw; padding:4.17vw; font-size:3.89vw; color:#888; border-radius:4.17vw; background:#f9f9f9;} #user_out .out-info .out-info-warning b {color:#333;} #user_out .out-reason {padding:6.94vw 4.17vw; background:#ebecf6;} #user_out .out-reason .out-reason-title {font-size:4.72vw; font-weight:700; color:#53577b;} #user_out .out-reason .out-reason-title span {font-size:3.33vw; font-weight:normal;} #user_out .out-reason .out-reason-text {margin-top:4.17vw; font-size:3.89vw; color:#8d8fb1;} #user_out .out-reason .reason-select {position:relative; margin-top:4.17vw; padding:4.17vw; font-size:3.89vw; color:#333; border-radius:1.39vw; background:#fff; cursor:pointer;} #user_out .out-reason .reason-select.active {border-radius:1.39vw 1.39vw 0 0;} #user_out .out-reason .reason-select .m_fold {position:absolute; top:4.86vw; right:4.17vw; width:4.17vw; display:none;} #user_out .out-reason .reason-select .m_open {position:absolute; top:4.86vw; right:4.17vw; width:4.17vw; display:block;} #user_out .out-reason .reason-select.active .m_fold {display:block;} #user_out .out-reason .reason-select.active .m_open {display:none;} #user_out .out-reason .reason-select-options {position:relative; padding:2.78vw 4.17vw; font-size:3.89vw; color:#333; border-top:0.28vw solid #f1f1f1; border-radius:0 0 1.39vw 1.39vw; background:#fff; display:none;} #user_out .out-reason .reason-select-options li {padding:2.08vw 0; cursor:pointer;} #user_out .out-reason .reason-textarea {width:91.67vw; height:41.67vw; margin-top:4.17vw; border-radius:1.39vw; overflow:hidden; display:none;} #user_out .out-reason .reason-textarea textarea {width:100%; height:100%; padding:4.17vw; font-size:3.89vw; color:#333; border:0; background:#fff;} #user_out .out-reason .reason-check {margin-top:4.17vw; font-size:3.33vw; color:#333; cursor:pointer;} #user_out .out-reason .reason-check .check-radio {width:5vw; height:5vw; margin-right:2.08vw; border-radius:50%; background:#fff; vertical-align:text-top; background:url('/img/phone/estimate/m_cheak.png') center center no-repeat #fff; background-size:3.61vw auto; display:inline-block;} #user_out .out-reason .reason-check .check-radio.checked {background:url('/img/phone/estimate/m_cheak_select.png') center center no-repeat #fff; background-size:3.61vw auto;} #user_out .out-reason .reason-submit {width:91.67vw; height:13.89vw; line-height:13.89vw; margin-top:6.94vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#53577b; cursor:pointer;} } /* user out : END */ /* modal : STR */ #modal-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:999;} #modal-review {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal {position:absolute; top:50%; left:50%; width:660px; padding:40px; border-radius:20px; background:#fff; transform:translate(-50%, -50%); z-index:997; zoom:0.7;} #modal-back #modal.modal-long,#modal-review #modal.modal-long {top:10%; transform:translate(-50%, 0);} #modal .modal-title {width:100%; height:80px; line-height:40px; padding-bottom:40px; font-size:32px; font-weight:700;} #modal .m_header_back {position:absolute; top:40px; left:40px; cursor:pointer;} #modal .m_model_close {position:absolute; top:40px; right:40px; cursor:pointer;} #modal .modal-contents {width:100%; padding:30px 0; border-bottom:2px solid #f1f1f1;} #modal .modal-contents:nth-child(3) {border-top:2px solid #f1f1f1;} #modal .modal-contents .content-bold {font-size:26px; font-weight:bold; color:#333;} #modal .modal-contents .content-normal {margin-top:10px; font-size:26px; color:#888;} #modal .modal-confirm {width:250px; height:80px; line-height:80px; margin:30px auto 0; font-size:28px; color:#fff; text-align:center; border-radius:8px; background:#333; cursor:pointer;} #modal .modal-confirm.active {background:#ff5d6a;} #modal .modal-alert {width:100%; padding:0; font-size:26px; color:#333;} #modal .modal-alert img {max-width:100%;} #modal .modal-btns {margin-top:30px;} #modal .modal-btns:after {content:''; display:block; clear:both;} #modal .modal-btns .modal-cancle {float:left; width:280px; height:80px; line-height:80px; font-size:28px; color:#888; text-align:center; border-radius:10px; background:#f1f1f1; cursor:pointer;} #modal .modal-btns .modal-submit {float:right; width:280px; height:80px; line-height:80px; font-size:28px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #modal .modal-btns .modal-submit-auto {margin:0 auto; width:280px; height:80px; line-height:80px; font-size:28px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} #modal .modal-event-img{width:100%;margin-top:30px;} #modal .modal-event-img img{max-width:100%;} #modal .modal-review, #modal .review_star, #modal .review-write-point{margin-top: 30px;} #modal .review-write-point .star-point{display: flex; justify-content: center; align-items: center; width: 100%; border: 1px solid #f1f1f1; border-radius: 20px; padding: 20px 0; margin-top: 30px;} #modal .review-write-point .star-point .star_img{margin-right: 45px;} #modal .review-write-point .star-point .star_img img{width: 50px; cursor: pointer;} #modal .review-write-point .star-point .star-point-text{font-size: 22px; color: #c3c3c3;} #modal .review-text{display: flex; justify-content: space-between; width: 100%; height: 165px; border: 1px solid #f1f1f1; border-radius: 20px; padding: 20px 30px; margin-top: 30px;} #modal .review-text textarea{flex: 1; width: 100%; height: 100%; outline: none; border: none; font-size: 28px; color: #333; line-height: 38px;} #modal .review-text textarea::placeholder{font-size: 28px; color: #c3c3c3; line-height: 38px;} #modal .review-text .review-write-user-count{color: #c3c3c3; font-size: 24px;align-self: flex-end;} #modal .m_1{margin-top:50px;margin-bottom: 20px;} #modal .alarm{margin-top:30px;overflow: hidden} #modal .alarm .alarm_img{float: left;width:50px;height:50px;} #modal .alarm .alarm_text{float: left;margin-left:20px;} #modal .alarm .alarm_text .alarm_title{font-size: 30px;font-weight: bold;line-height: 1.33;letter-spacing: -0.9px;color:#333;text-align: left;} #modal .alarm .alarm_text .alarm_sub_text{font-size: 28px;line-height: 1.43;letter-spacing: -0.84px;color:#888;text-align: left;margin-top:10px;} @media (max-width:720px){ #modal-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:999;} #modal {position:absolute; top:50%; left:50%; width:91.67vw; padding:5.56vw; border-radius:2.78vw; background:#fff; transform:translate(-50%, -50%); z-index:999; zoom:1;} #modal .modal-title {width:100%; height:11.11vw; line-height:5.56vw; padding-bottom:5.56vw; font-size:4.44vw; font-weight:700;} #modal .m_model_close {position:absolute; top:5.56vw; right:5.56vw; width:5.56vw; cursor:pointer;} #modal .modal-contents {width:100%; padding:4.17vw 0; border-bottom:0.28vw solid #f1f1f1;} #modal .modal-contents:nth-child(3) {border-top:0.28vw solid #f1f1f1;} #modal .modal-contents .content-bold {font-size:3.61vw; font-weight:bold; color:#333;} #modal .modal-contents .content-normal {margin-top:1.39vw; font-size:3.61vw; color:#888;} #modal .modal-confirm {width:34.72vw; height:11.11vw; line-height:11.11vw; margin:4.17vw auto 0; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.11vw; background:#333; cursor:pointer;} #modal .modal-confirm.active {background:#ff5d6a;} #modal .modal-alert {width:100%; padding:0; font-size:3.61vw; color:#333;} #modal .modal-btns {margin-top:4.17vw;} #modal .modal-event-img{width:100%;margin-top:4.17vw;} #modal .modal-event-img img{max-width:100%;} #modal .modal-review, #modal .review_star, #modal .review-write-point{margin-top: 4.17vw;} #modal .review-write-point .star-point{display: flex; justify-content: center; align-items: center; width: 100%; border: 0.14vw solid #f1f1f1; border-radius: 2.78vw; padding: 2.78vw 0; margin-top: 4.17vw;} #modal .review-write-point .star-point .star_img{margin-right: 6.25vw;} #modal .review-write-point .star-point .star_img img{width: 6.94vw;} #modal .review-write-point .star-point .star-point-text{font-size: 3.06vw; color: #c3c3c3;} #modal .review-text{display: flex; justify-content: space-between; width: 100%; height: 22.92vw; border: 0.14vw solid #f1f1f1; border-radius: 2.78vw; padding: 2.78vw 4.17vw; margin-top: 4.17vw;} #modal .review-text textarea{flex: 1; width: 100%; height: 100%; outline: none; border: none; font-size: 3.89vw; color: #333; line-height: 5.28vw;} #modal .review-text textarea::placeholder{font-size: 3.89vw; color: #c3c3c3; line-height: 5.28vw;} #modal .review-text .review-write-user-count{color: #c3c3c3; font-size: 3.33vw;align-self: flex-end;} #modal .modal-btns:after {content:''; display:block; clear:both;} #modal .modal-btns .modal-cancle {float:left; width:38.89vw; height:11.11vw; line-height:11.11vw; font-size:3.89vw; color:#888; text-align:center; border-radius:1.39vw; background:#f1f1f1; cursor:pointer;} #modal .modal-btns .modal-submit {float:right; width:38.89vw; height:11.11vw; line-height:11.11vw; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #modal .modal-btns .modal-submit-auto { width:38.89vw; height:11.11vw; line-height:11.11vw; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} #modal .modal-event-img {margin-top:4.17vw;} #modal .m_1{margin-top:6.94vw;margin-bottom: 2.78vw;} #modal .alarm{margin-top:4.17vw;overflow: hidden} #modal .alarm .alarm_img{float: left;width:6.94vw;height:6.94vw;} #modal .alarm .alarm_img img{width:6.94vw;height:6.94vw;} #modal .alarm .alarm_text{float: left;margin-left:2.78vw;} #modal .alarm .alarm_text .alarm_title{font-size: 4.17vw;letter-spacing: -0.13vw;} #modal .alarm .alarm_text .alarm_sub_text{font-size: 3.89vw;letter-spacing: -0.12vw;margin-top:1.39vw;} } /* modal : END */ /* spec modal : STR */ #modal-spec-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-spec {position:absolute; top:10%; left:50%; width:660px; padding:40px; border-radius:20px; background:#fff; transform:translate(-50%, 0); z-index:999; zoom:0.5;} #modal-spec .spec-title {width:100%; height:40px; line-height:40px; font-size:32px; font-weight:700; } #modal-spec .m_model_close {position:absolute; top:40px; right:40px; cursor:pointer;} #modal-spec .spec_table {width:100%; margin-top:40px; border-top:2px solid #f1f1f1;} #modal-spec .spec_table th, #modal-spec .spec_table td {vertical-align:middle; border-bottom:2px solid #f1f1f1;} #modal-spec .spec_table th {width:170px; padding:15px; font-size:24px; font-weight:normal; color:#888; text-align:center; background:#f9f9f9; } #modal-spec .spec_table td {padding:15px 20px; font-size:24px; color:#333; text-align:left;} #modal-spec .modal-confirm {width:250px; height:80px; line-height:80px; margin:40px auto 0; font-size:28px; color:#fff; text-align:center; border-radius:8px; background:#333; cursor:pointer;} @media (max-width:720px){ #modal-spec-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-spec {position:absolute; top:10%; left:50%; width:91.67vw; padding:5.56vw; border-radius:2.78vw; background:#fff; transform:translate(-50%, 0); z-index:999; zoom:1;} #modal-spec .spec-title {width:100%; height:5.56vw; line-height:5.56vw; font-size:4.44vw; font-weight:700; } #modal-spec .m_model_close {position:absolute; top:5.56vw; right:5.56vw; width:5.56vw; cursor:pointer;} #modal-spec .spec_table {width:100%; margin-top:5.56vw; border-top:0.28vw solid #f1f1f1;} #modal-spec .spec_table th, #modal-spec .spec_table td {vertical-align:middle; border-bottom:0.28vw solid #f1f1f1;} #modal-spec .spec_table th {width:23.61vw; padding:2.08vw; font-size:3.33vw; font-weight:normal; color:#888; text-align:center; background:#f9f9f9; } #modal-spec .spec_table td {padding:2.08vw 2.78vw; font-size:3.33vw; color:#333; text-align:left;} #modal-spec .modal-confirm {width:34.72vw; height:11.11vw; line-height:11.11vw; margin:5.56vw auto 0; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.11vw; background:#333; cursor:pointer;} } /* spec modal : END */ /* price modal : STR */ #modal-price-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-price {position:absolute; top:10%; left:50%; width:660px; padding:40px; border-radius:20px; background:#fff; transform:translate(-50%, 0); z-index:999; zoom:0.5;} #modal-price .price-title {width:100%; height:40px; line-height:40px; font-size:32px; font-weight:700; } #modal-price .m_model_close {position:absolute; top:40px; right:40px; cursor:pointer;} #modal-price .sub-title {height:100px; line-height:40px; margin:15px 0 20px; padding:30px 0; font-size:30px; font-weight:700; color:#333; border-bottom:2px solid #f1f1f1;} #modal-price .price-table {width:100%;} #modal-price .price-table th, #modal-price .price-table td {padding:10px 0; vertical-align:middle;} #modal-price .price-table th {font-size:28px; font-weight:normal; color:#888; text-align:left;} #modal-price .price-table th span {font-size:22px;} #modal-price .price-table td {font-size:28px; color:#333; text-align:right;} #modal-price .price-table td.minus {color:#ff5d6a;} #modal-price .price-table tr.total th, #modal-price .price-table tr.total td {padding-top:50px;} #modal-price .modal-confirm {width:250px; height:80px; line-height:80px; margin:40px auto 0; font-size:28px; color:#fff; text-align:center; border-radius:8px; background:#333; cursor:pointer;} #modal-price .total-calculation {padding:40px 0; margin-top:30px; border-top:4px solid #333; border-bottom:4px solid #333;} #modal-price .total-calculation:after {content:''; display:block; clear:both;} #modal-price .total-calculation .calculation-title {float:left; width:50%; text-align:left;} #modal-price .total-calculation .calculation-title .title-bold {line-height:40px; font-size:30px; font-weight:700; color:#333;} #modal-price .total-calculation .calculation-title .title-grey {line-height:40px; font-size:22px; color:#888;} #modal-price .total-calculation .calculation-sum {float:right; width:50%; text-align:right;} #modal-price .total-calculation .calculation-sum .sum-price {line-height:40px; font-size:36px; font-weight:700; color:#333;} #modal-price .total-calculation .calculation-sum .sum-price span {color:#ff5d6a;} #modal-price .total-calculation .calculation-sum .title-grey {line-height:40px; font-size:22px; color:#888;} #modal-price .total-calculation .calculation-info {float:left; width:100%; text-align:left; font-size:20px; font-weight:normal; color:#333;} @media (max-width:720px){ #modal-price-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-price {position:absolute; top:10%; left:50%; width:91.67vw; padding:5.56vw; border-radius:2.78vw; background:#fff; transform:translate(-50%, 0); z-index:999; zoom:1;} #modal-price .price-title {width:100%; height:5.56vw; line-height:5.56vw; font-size:4.44vw; font-weight:700; } #modal-price .m_model_close {position:absolute; top:5.56vw; right:5.56vw; width:5.56vw; cursor:pointer;} #modal-price .sub-title {height:13.89vw; line-height:5.56vw; margin:2.08vw 0 2.78vw; padding:4.17vw 0; font-size:4.17vw; font-weight:700; color:#333; border-bottom:0.28vw solid #f1f1f1;} #modal-price .price-table {width:100%;} #modal-price .price-table th, #modal-price .price-table td {padding:1.39vw 0; vertical-align:middle;} #modal-price .price-table th {font-size:3.89vw; font-weight:normal; color:#888; text-align:left;} #modal-price .price-table th span {font-size:3.06vw;} #modal-price .price-table td {font-size:3.89vw; color:#333; text-align:right;} #modal-price .price-table td.minus {color:#ff5d6a;} #modal-price .price-table tr.total th, #modal-price .price-table tr.total td {padding-top:6.94vw;} #modal-price .modal-confirm {width:34.72vw; height:11.11vw; line-height:11.11vw; margin:5.56vw auto 0; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.11vw; background:#333; cursor:pointer;} #modal-price .total-calculation {padding:5.56vw 0; margin-top:4.17vw; border-top:0.56vw solid #333; border-bottom:0.56vw solid #333;} #modal-price .total-calculation:after {content:''; display:block; clear:both;} #modal-price .total-calculation .calculation-title {float:left; width:50%; text-align:left;} #modal-price .total-calculation .calculation-title .title-bold {line-height:5.56vw; font-size:4.17vw; font-weight:700; color:#333;} #modal-price .total-calculation .calculation-title .title-grey {line-height:5.56vw; font-size:3.06vw; color:#888;} #modal-price .total-calculation .calculation-sum {float:right; width:50%; text-align:right;} #modal-price .total-calculation .calculation-sum .sum-price {line-height:5.56vw; font-size:5vw; font-weight:700; color:#333;} #modal-price .total-calculation .calculation-sum .sum-price span {color:#ff5d6a;} #modal-price .total-calculation .calculation-sum .title-grey {line-height:5.56vw; font-size:3.06vw; color:#888;} #modal-price .total-calculation .calculation-info {float:left; width:100%; text-align:left; font-size:2.78vw; font-weight:normal; color:#333;} } /* price modal : END */ /* edit plan modal : STR */ #modal-edit-plan-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:998;} #modal-edit-plan {position:absolute; bottom:0; left:calc(50% - 360px); width:720px; max-height:90%; padding:40px; border-radius:20px; background:#fff; z-index:999; zoom:0.5; overflow:auto; display:none;} #modal-edit-plan #modal-edit-plan-contents {width:100%; height:auto;} #modal-edit-plan #modal-edit-plan-contents .modal-title {width:100%; height:80px; line-height:40px; padding-bottom:40px; font-size:32px; font-weight:700;} #modal-edit-plan #modal-edit-plan-contents .m_model_close {position:absolute; top:40px; right:40px; cursor:pointer;} #modal-edit-plan #modal-edit-plan-contents .modal-contents {width:100%; padding:10px 0 160px; overflow:scroll;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan {margin-top:30px; padding-bottom:40px; border-radius:30px; border:2px solid #f1f1f1;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan.active {border:2px solid #ff5d6a;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title {padding:30px 40px; border-bottom:2px solid #f1f1f1;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title:after {content:''; display:block; clear:both;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title .plan-name {float:left; line-height:40px; font-size:28px; font-weight:700; color:#888;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan.active .plan-title .plan-name {color:#333;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title .plan-price {float:right; line-height:40px; font-size:28px; font-weight:700; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title .plan-price span {color:#ff5d6a;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-voice {height:40px; line-height:40px; margin-top:10px; padding:0 40px; font-size:28px; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-voice_add {height:40px; line-height:40px; padding:0 40px; font-size:28px; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-letter {height:40px; line-height:40px; margin-top:10px; padding:0 40px; font-size:28px; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-data {height:40px; line-height:40px; margin-top:10px; padding:0 40px; font-size:28px; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-data_add {height:40px; line-height:40px; padding:0 40px; font-size:28px; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-text {float:left; text-align:left; height:40px; line-height:40px; font-size:28px; color:#888;} #modal-edit-plan #modal-edit-plan-contents .modal-btns {position:fixed; bottom:0; left:calc(50% - 360px); width:720px; height:160px; padding:40px 0; border-top:2px solid #f1f1f1; background:#fff;} #modal-edit-plan #modal-edit-plan-contents .modal-btns .modal-confirm {width:330px; height:80px; line-height:80px; margin:0 auto; font-size:28px; color:#fff; text-align:center; border-radius:8px; background:#333; cursor:pointer;} @media (max-width:720px){ #modal-edit-plan-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-edit-plan {position:absolute; bottom:0; left:calc(50% - 50vw); width:100vw; max-height:90%; padding:5.56vw; border-radius:2.78vw; background:#fff; z-index:999; zoom:1; display:none;} #modal-edit-plan #modal-edit-plan-contents .modal-title {width:100%; height:11.11vw; line-height:5.56vw; padding-bottom:5.56vw; font-size:4.44vw; font-weight:700;} #modal-edit-plan #modal-edit-plan-contents .m_model_close {position:absolute; top:5.56vw; right:5.56vw; width:5.56vw; cursor:pointer;} #modal-edit-plan #modal-edit-plan-contents .modal-contents {width:100%; padding:1.39vw 0 22.22vw; overflow:scroll;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan {margin-top:4.17vw; padding-bottom:5.56vw; border-radius:4.17vw; border:0.28vw solid #f1f1f1;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan.active {border:0.28vw solid #ff5d6a;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title {padding:4.17vw 5.56vw; border-bottom:0.28vw solid #f1f1f1;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title:after {content:''; display:block; clear:both;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title .plan-name {float:left; line-height:5.56vw; font-size:3.89vw; font-weight:700; color:#888;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan.active .plan-title .plan-name {color:#333;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title .plan-price {float:right; line-height:5.56vw; font-size:3.89vw; font-weight:700; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-title .plan-price span {color:#ff5d6a;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-voice {height:5.56vw; line-height:5.56vw; margin-top:1.39vw; padding:0 5.56vw; font-size:3.89vw; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-voice_add {height:5.56vw; line-height:5.56vw; padding:0 5.56vw; font-size:3.89vw; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-letter {height:5.56vw; line-height:5.56vw; margin-top:1.39vw; padding:0 5.56vw; font-size:3.89vw; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-data {height:5.56vw; line-height:5.56vw; margin-top:1.39vw; padding:0 5.56vw; font-size:3.89vw; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-data_add {height:5.56vw; line-height:5.56vw; padding:0 5.56vw; font-size:3.89vw; color:#333; text-align:right;} #modal-edit-plan #modal-edit-plan-contents .modal-contents .modal-plan .plan-text {float:left; text-align:left; height:5.56vw; line-height:5.56vw; font-size:3.89vw; color:#888;} #modal-edit-plan #modal-edit-plan-contents .modal-btns {position:fixed; bottom:0; left:calc(50% - 50vw); width:100vw; height:22.22vw; padding:5.56vw 0; border-top:0.28vw solid #f1f1f1; background:#fff;} #modal-edit-plan #modal-edit-plan-contents .modal-btns .modal-confirm {width:45.83vw; height:11.11vw; line-height:11.11vw; margin:0 auto; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.11vw; background:#333; cursor:pointer;} } /* edit plan modal : END */ /* edit modal : STR */ #modal-edit-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:998;} #modal-edit {position:absolute; top:50%; left:50%; width:660px; max-height:90%; padding:40px 0; border-radius:20px; background:#fff; transform:translate(-50%, -50%); z-index:999; zoom:0.5;} #modal-edit .modal-title {width:100%; height:80px; line-height:40px; padding:0 40px 40px 40px; font-size:32px; font-weight:700;} #modal-edit .m_model_close {position:absolute; top:40px; right:40px; cursor:pointer;} #modal-edit .modal-text {width:100%; height:65px; line-height:35px; padding:0 40px 30px; font-size:24px; color:#888;} #modal-edit .modal-contents {width:100%; padding:0; border-bottom:2px solid #f1f1f1;} #modal-edit .modal-contents .modal-option {line-height:40px; padding:40px; font-size:30px; color:#000; border-top:2px solid #f1f1f1; cursor:pointer;} #modal-edit .modal-contents .modal-option .input_radio {content:''; width:36px; height:36px; margin-right:20px; vertical-align:text-bottom; border:2px solid #f1f1f1; border-radius:50%; display:inline-block;} #modal-edit .modal-contents .modal-option.active .input_radio:before {content:''; width:16px; height:16px; margin:10px; background:#ff5d6a; border-radius:50%; display:block;} #modal-edit .modal-buy-items {padding:0 40px;} #modal-edit .modal-buy-items .modal-item {width:280px; height:80px; line-height:80px; font-size:28px; color:#888; text-align:center; border:2px solid #e3e3e3; border-radius:10px; cursor:pointer; display:inline-block;} #modal-edit .modal-buy-items .modal-item:first-child {margin-right:20px;} #modal-edit .modal-buy-items .modal-item:before {content:''; width:26px; height:18px; margin-right:10px; background:url('/img/phone/estimate/m_cheak.png') top center no-repeat; background-size:100% 100%; display:inline-block;} #modal-edit .modal-buy-items .modal-item.active {color:#333; border:2px solid #333;} #modal-edit .modal-buy-items .modal-item.active:before {background-image:url('/img/phone/estimate/m_cheak_select.png');} #modal-edit .modal-buy-distance {margin-top:30px; padding:0 40px; display:none;} #modal-edit .modal-buy-distance li.modal-option {height:40px; line-height:40px; margin:0 20px 0 0; font-size:26px; color:#000; cursor:pointer; display:inline-block;} #modal-edit .modal-buy-distance li.modal-option:last-child {margin-right:0;} #modal-edit .modal-buy-distance li.modal-option .input_radio {content:''; width:36px; height:36px; margin-right:15px; vertical-align:text-bottom; border:2px solid #f1f1f1; border-radius:50%; display:inline-block;} #modal-edit .modal-buy-distance li.modal-option.active .input_radio:before {content:''; width:16px; height:16px; margin:10px; background:#ff5d6a; border-radius:50%; display:block;} #modal-edit .modal-input-text {position:relative; height:64px; line-height:60px; margin:0 40px 20px; padding:0 30px; border:2px solid #f1f1f1; border-radius:10px;} #modal-edit .modal-input-text label {position:absolute; top:0; left:30px; height:60px; line-height:60px; font-size:24px; color:#888; z-index:2;} #modal-edit .modal-input-text input[type=text] {position:relative; width:100%; height:60px; line-height:60px; padding-left:120px; font-size:24px; color:#333; border:0;} #modal-edit .modal-input-text.modal-input-zipcode {width:300px;} #modal-edit .modal-addr-layer {position:relative; margin:20px 40px; background:#fff; z-index:5;} #modal-edit .modal-addr-layer #layer {position:absolute; width:580px; height:500px; border:2px solid #f1f1f1; display:none;} #modal-edit .modal-addr-layer #layer #btnCloseLayer {position:absolute; top:0; right:0;} #modal-edit .modal-confirm {width:250px; height:80px; line-height:80px; margin:40px auto 0; font-size:28px; color:#fff; text-align:center; border-radius:8px; background:#37408f; cursor:pointer;} @media (max-width:720px){ #modal-edit-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); z-index:998;} #modal-edit {position:absolute; top:50%; left:50%; width:91.67vw; max-height:90%; padding:5.56vw 0; border-radius:2.78vw; background:#fff; transform:translate(-50%, -50%); z-index:999; zoom:1;} #modal-edit .modal-title {width:100%; height:11.11vw; line-height:5.56vw; padding:0 5.56vw 5.56vw 5.56vw; font-size:4.44vw; font-weight:700;} #modal-edit .m_model_close {position:absolute; top:5.56vw; right:5.56vw; width:5.56vw; cursor:pointer;} #modal-edit .modal-text {width:100%; height:9.03vw; line-height:4.86vw; padding:0 5.56vw 4.17vw; font-size:3.33vw; color:#888;} #modal-edit .modal-contents {width:100%; padding:0; border-bottom:0.28vw solid #f1f1f1;} #modal-edit .modal-contents .modal-option {line-height:5.56vw; padding:5.56vw; font-size:4.17vw; color:#000; border-top:0.28vw solid #f1f1f1; cursor:pointer;} #modal-edit .modal-contents .modal-option .input_radio {content:''; width:5vw; height:5vw; margin-right:2.78vw; vertical-align:text-bottom; border:0.28vw solid #f1f1f1; border-radius:50%; display:inline-block;} #modal-edit .modal-contents .modal-option.active .input_radio:before {content:''; width:2.22vw; height:2.22vw; margin:1.39vw; background:#ff5d6a; border-radius:50%; display:block;} #modal-edit .modal-buy-items {padding:0 5.56vw;} #modal-edit .modal-buy-items .modal-item {width:38.8vw; height:11.11vw; line-height:11.11vw; font-size:3.89vw; color:#888; text-align:center; border:0.28vw solid #e3e3e3; border-radius:1.39vw; cursor:pointer; display:inline-block;} #modal-edit .modal-buy-items .modal-item:first-child {margin-right:2.78vw;} #modal-edit .modal-buy-items .modal-item:before {content:''; width:3.61vw; height:2.5vw; margin-right:1.39vw; background:url('/img/phone/estimate/m_cheak.png') top center no-repeat; background-size:100% 100%; display:inline-block;} #modal-edit .modal-buy-items .modal-item.active {color:#333; border:0.28vw solid #333;} #modal-edit .modal-buy-items .modal-item.active:before {background-image:url('/img/phone/estimate/m_cheak_select.png');} #modal-edit .modal-buy-distance {margin-top:4.17vw; padding:0 5.56vw; display:none;} #modal-edit .modal-buy-distance li.modal-option {height:5.56vw; line-height:5.56vw; margin:0 2.78vw 0 0; font-size:3.61vw; color:#000; cursor:pointer; display:inline-block;} #modal-edit .modal-buy-distance li.modal-option:last-child {margin-right:0;} #modal-edit .modal-buy-distance li.modal-option .input_radio {content:''; width:5vw; height:5vw; margin-right:2.08vw; vertical-align:text-bottom; border:0.28vw solid #f1f1f1; border-radius:50%; display:inline-block;} #modal-edit .modal-buy-distance li.modal-option.active .input_radio:before {content:''; width:2.22vw; height:2.22vw; margin:1.39vw; background:#ff5d6a; border-radius:50%; display:block;} #modal-edit .modal-input-text {position:relative; height:8.89vw; line-height:8.33vw; margin:0 5.56vw 2.78vw; padding:0 4.17vw; border:0.28vw solid #f1f1f1; border-radius:1.39vw;} #modal-edit .modal-input-text label {position:absolute; top:0; left:4.17vw; height:8.33vw; line-height:8.33vw; font-size:3.33vw; color:#888; z-index:2;} #modal-edit .modal-input-text input[type=text] {position:relative; width:100%; height:8.33vw; line-height:8.33vw; padding-left:16.67vw; font-size:3.33vw; color:#333; border:0;} #modal-edit .modal-input-text.modal-input-zipcode {width:41.67vw;} #modal-edit .modal-addr-layer {position:relative; margin:2.78vw 5.56vw; background:#fff; z-index:5;} #modal-edit .modal-addr-layer #layer {position:absolute; width:80.56vw; height:69.44vw; border:0.28vw solid #f1f1f1; display:none;} #modal-edit .modal-addr-layer #layer #btnCloseLayer {position:absolute; top:0; right:0;} #modal-edit .modal-confirm {width:34.72vw; height:11.11vw; line-height:11.11vw; margin:5.56vw auto 0; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.11vw; background:#37408f; cursor:pointer;} } /* edit modal : END */ /* review modal : STR */ #modal-review-write-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-review-write {position:absolute; top:10%; left:50%; width:660px; padding:40px; border-radius:20px; background:#fff; transform:translate(-50%, 0); z-index:999; zoom:0.5;} #modal-review-write .price-title {width:100%; height:40px; line-height:40px; font-size:32px; font-weight:700; } #modal-review-write .m_model_close {position:absolute; top:40px; right:40px; cursor:pointer;} #modal-review-write .sub-title {position:relative; line-height:40px; margin-top:10px; padding:30px 0; font-size:24px; font-weight:normal; color:#333;} #modal-review-write .sub-title .event-link {position:absolute; top:40px; right:0; width:200px; height:60px; line-height:60px; font-size:24px; font-weight:700; color:#fff; text-align:center; border-radius:10px; background:#333; cursor:pointer;} #modal-review-write .review-write-point {padding:30px; border:2px solid #f1f1f1; border-radius:30px;} #modal-review-write .review-write-point:after {content:''; display:block; clear:both;} #modal-review-write .review-write-point .phone-img {float:left; width:100px; height:140px; display:flex; justify-content:center; align-items:center;} #modal-review-write .review-write-point .phone-img img {max-width:100%; max-height:100%;} #modal-review-write .review-write-point .phone-name {float:left; width:370px; height:40px; margin-left:30px; font-size:30px; font-weight:700; color:#333;} #modal-review-write .review-write-point .star-point {position:relative; float:left; width:370px; height:50px; margin-left:30px; margin-top:30px;} #modal-review-write .review-write-point .star-point img {width:50px; margin-right:10px; vertical-align:top; cursor:pointer;} #modal-review-write .review-write-point .star-point .star-point-text {position:absolute; top:0; right:0; height:50px; line-height:50px; font-size:22px; color:#c3c3c3;} #modal-review-write .review-write-user {position:relative; margin-top:40px;} #modal-review-write .review-write-user .review-write-user-title {font-size:30px; font-weight:700; color:#333;} #modal-review-write .review-write-user .review-write-add-photo {position:absolute; top:25px; right:-20px; width:100px; height:100px; border-radius:50%; background:#53577b; cursor:pointer; z-index:5;} #modal-review-write .review-write-user .review-write-add-photo .photo_add {width:100%; height:100%;} #modal-review-write .review-write-user .review-write-user-text {width:100%; height:250px; margin-top:30px; padding:30px; font-size:26px; color:#333; border:2px solid #f1f1f1; border-radius:30px;} #modal-review-write .review-write-user .review-write-user-text::placeholder {color:#c3c3c3;} #modal-review-write .review-write-user .review-write-user-count {position:absolute; top:280px; right:30px; font-size:24px; color:#c3c3c3;} #modal-review-write .review-write-user .review-write-photo {margin-top:50px;} #modal-review-write .review-write-user .review-write-photo.photo-hide {display:none;} #modal-review-write .review-write-user .review-write-photo:after {content:''; display:block; clear:both;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-img {float:left; width:100px; height:100px; margin-right:30px; border-radius:10px; background:#f9f9f9; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-img img {max-width:100%; max-height:100%;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-img .m_addition {width:35px;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-img:last-child {margin:0;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-title-info {float:right; height:100px; line-height:100px; font-size:24px; font-weight:normal; color:#333; text-align:right;} #modal-review-write .review-write-user .review-info-text {margin-top:40px; line-height:40px; font-size:24px; color:#333;} #modal-review-write .review-write-user .review-write-user-btn {width:100%; height:100px; line-height:100px; margin-top:40px; font-size:30px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} @media (max-width:720px){ #modal-review-write-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-review-write {position:absolute; top:10%; left:50%; width:91.67vw; padding:5.56vw; border-radius:2.78vw; background:#fff; transform:translate(-50%, 0); z-index:999; zoom:1;} #modal-review-write .price-title {width:100%; height:5.56vw; line-height:5.56vw; font-size:4.44vw; font-weight:700; } #modal-review-write .m_model_close {position:absolute; top:5.56vw; right:5.56vw; width:5.56vw; cursor:pointer;} #modal-review-write .sub-title {line-height:5.56vw; margin-top:1.39vw; padding:4.17vw 0; font-size:3.33vw; font-weight:normal; color:#333;} #modal-review-write .sub-title .event-link {position:absolute; top:5.56vw; right:0; width:27.78vw; height:8.33vw; line-height:8.33vw; font-size:3.33vw; font-weight:700; color:#fff; text-align:center; border-radius:1.39vw; background:#333; cursor:pointer;} #modal-review-write .review-write-point {padding:4.17vw; border:0.28vw solid #f1f1f1; border-radius:4.17vw;} #modal-review-write .review-write-point:after {content:''; display:block; clear:both;} #modal-review-write .review-write-point .phone-img {float:left; width:13.89vw; height:19.44vw; display:flex; justify-content:center; align-items:center;} #modal-review-write .review-write-point .phone-img img {max-width:100%; max-height:100%;} #modal-review-write .review-write-point .phone-name {float:left; width:51.39vw; height:5.56vw; margin-left:4.17vw; font-size:4.17vw; font-weight:700; color:#333;} #modal-review-write .review-write-point .star-point {position:relative; float:left; width:51.39vw; height:6.94vw; margin-left:4.17vw; margin-top:4.17vw;} #modal-review-write .review-write-point .star-point img {width:6.94vw; margin-right:1.39vw; vertical-align:top; cursor:pointer;} #modal-review-write .review-write-point .star-point .star-point-text {position:absolute; top:0; right:0; height:6.94vw; line-height:6.94vw; font-size:3.06vw; color:#c3c3c3;} #modal-review-write .review-write-user {position:relative; margin-top:5.56vw;} #modal-review-write .review-write-user .review-write-user-title {font-size:4.17vw; font-weight:700; color:#333;} #modal-review-write .review-write-user .review-write-add-photo {position:absolute; top:3.47vw; right:-2.78vw; width:13.89vw; height:13.89vw; border-radius:50%; background:#53577b; cursor:pointer; z-index:5;} #modal-review-write .review-write-user .review-write-add-photo .photo_add {width:100%; height:100%;} #modal-review-write .review-write-user .review-write-user-text {width:100%; height:34.72vw; margin-top:4.17vw; padding:4.17vw; font-size:3.61vw; color:#333; border:0.28vw solid #f1f1f1; border-radius:4.17vw;} #modal-review-write .review-write-user .review-write-user-text::placeholder {color:#c3c3c3;} #modal-review-write .review-write-user .review-write-user-count {position:absolute; top:38.89vw; right:4.17vw; font-size:3.33vw; color:#c3c3c3;} #modal-review-write .review-write-user .review-write-photo {margin-top:6.94vw;} #modal-review-write .review-write-user .review-write-photo.photo-hide {display:none;} #modal-review-write .review-write-user .review-write-photo:after {content:''; display:block; clear:both;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-img {float:left; width:13.89vw; height:13.89vw; margin-right:4.17vw; border-radius:1.39vw; background:#f9f9f9; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-img img {max-width:100%; max-height:100%;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-img .m_addition {width:4.86vw;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-img:last-child {margin:0;} #modal-review-write .review-write-user .review-write-photo .review-write-photo-title-info {float:right; height:13.89vw; line-height:13.89vw; font-size:3.33vw; font-weight:normal; color:#333; text-align:right;} #modal-review-write .review-write-user .review-info-text {margin-top:5.56vw; line-height:5.56vw; font-size:3.33vw; color:#333;} #modal-review-write .review-write-user .review-write-user-btn {width:100%; height:13.89vw; line-height:13.89vw; margin-top:5.56vw; font-size:4.17vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} } /* review modal : END */ /* report modal : STR */ #modal-report-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-report {position:absolute; top:50%; left:50%; width:660px; padding:40px; border-radius:20px; background:#fff; transform:translate(-50%, -50%); z-index:999; zoom:0.5;} #modal-report-back #modal.modal-long {top:10%; transform:translate(-50%, 0);} #modal-report.modal-image {min-height:200px; padding:0; text-align:center; background:#f1f1f1; overflow:hidden; display:flex; justify-content:center; align-items:center; cursor:pointer;} #modal-report .modal-title {width:100%; height:80px; line-height:40px; padding-bottom:40px; font-size:32px; font-weight:700;} #modal-report .m_model_close {position:absolute; top:40px; right:40px; cursor:pointer;} #modal-report .modal-alert {width:100%; padding:0; font-size:22px; color:#333;} #modal-report .modal-alert textarea {width:100%; height:400px; margin-top:30px; padding:30px; font-size:28px; color:#333; border:2px solid #e3e3e3; border-radius:10px;} #modal-report .modal-btns {margin-top:30px;} #modal-report .modal-btns:after {content:''; display:block; clear:both;} #modal-report .modal-btns .modal-cancle {float:left; width:280px; height:80px; line-height:80px; font-size:28px; color:#888; text-align:center; border-radius:10px; background:#f1f1f1; cursor:pointer;} #modal-report .modal-btns .modal-submit {float:right; width:280px; height:80px; line-height:80px; font-size:28px; color:#fff; text-align:center; border-radius:10px; background:#ff5d6a; cursor:pointer;} @media (max-width:720px){ #modal-report-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:auto; z-index:998;} #modal-report {position:absolute; top:50%; left:50%; width:91.67vw; padding:5.56vw; border-radius:2.78vw; background:#fff; transform:translate(-50%, -50%); z-index:999; zoom:1;} #modal-report .modal-title {width:100%; height:11.11vw; line-height:5.56vw; padding-bottom:5.56vw; font-size:4.44vw; font-weight:700;} #modal-report .m_model_close {position:absolute; top:5.56vw; right:5.56vw; width:5.56vw; cursor:pointer;} #modal-report .modal-alert {width:100%; padding:0; font-size:3.06vw; color:#333;} #modal-report .modal-alert textarea {width:100%; height:55.56vw; margin-top:4.17vw; padding:4.17vw; font-size:3.89vw; color:#333; border:0.28vw solid #e3e3e3; border-radius:1.39vw;} #modal-report .modal-btns {margin-top:4.17vw;} #modal-report .modal-btns:after {content:''; display:block; clear:both;} #modal-report .modal-btns .modal-cancle {float:left; width:38.89vw; height:11.11vw; line-height:11.11vw; font-size:3.89vw; color:#888; text-align:center; border-radius:1.39vw; background:#f1f1f1; cursor:pointer;} #modal-report .modal-btns .modal-submit {float:right; width:38.89vw; height:11.11vw; line-height:11.11vw; font-size:3.89vw; color:#fff; text-align:center; border-radius:1.39vw; background:#ff5d6a; cursor:pointer;} } /* report modal : END */ /* modal image : STR */ #modal-image-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); overflow:auto; z-index:998;} #modal-image {position:absolute; top:50%; left:50%; width:660px; height:100%; padding:40px; border-radius:20px; background:none; transform:translate(-50%, -50%); z-index:999; zoom:0.5;} #modal-image .modal-title {width:100%; height:80px; line-height:40px; padding-bottom:40px; font-size:32px; font-weight:700; color:#fff; text-align:center;} #modal-image .m_header_back {position:absolute; top:40px; left:40px; width:48px; cursor:pointer;} #modal-image .modal-contents {width:100%; height:calc(100% - 80px); } #modal-image .modal-contents ul {width:100%; height:100%;} #modal-image .modal-contents ul li {width:100%; height:100%;} #modal-image .modal-contents ul li img {width:100%;} @media (max-width:720px){ #modal-image-back {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); overflow:auto; z-index:998;} #modal-image {position:absolute; top:50%; left:50%; width:91.67vw; padding:5.56vw; border-radius:2.78vw; background:none; transform:translate(-50%, -50%); z-index:999; zoom:1;} #modal-image .modal-title {width:100%; height:11.11vw; line-height:5.56vw; padding-bottom:5.56vw; font-size:4.44vw; font-weight:700; color:#fff; text-align:center;} #modal-image .m_header_back {position:absolute; top:5.56vw; left:5.56vw; width:6.67vw; cursor:pointer;} #modal-image .modal-contents {width:100%; height:calc(100% - 11.11vw); } #modal-image .modal-contents ul {width:100%; height:100%;} #modal-image .modal-contents ul li {width:100%; height:100%;} #modal-image .modal-contents ul li img {width:100%;} } /* modal image : END */ /* loading back : STR */ #loading-fixed {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.4); z-index:99999;} #loading-fixed:after { content:''; position:absolute; top:calc(50% - 13px); left:calc(50% - 13px); font-size:26px; width:1em; height:1em; border-radius:50%; text-indent:-9999em; -webkit-animation:load5 1.1s infinite ease; animation:load5 1.1s infinite ease; -webkit-transform:translateZ(0); -ms-transform:translateZ(0); transform:translateZ(0); display:block; } @media (max-width:720px){ #loading-fixed:after { top:calc(50% - 1.81vw); left:calc(50% - 1.81vw); font-size:3.61vw; } } @-webkit-keyframes load5 { 0%,100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } } @keyframes load5 { 0%,100% { box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.5), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7); } 12.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5); } 25% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.5), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 37.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.5), 2.5em 0em 0 0em rgba(255, 255, 255, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 50% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.5), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.2), -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 62.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.5), 0em 2.5em 0 0em rgba(255, 255, 255, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(255, 255, 255, 0.2), -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 75% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.5), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2); } 87.5% { box-shadow: 0em -2.6em 0em 0em rgba(255, 255, 255, 0.2), 1.8em -1.8em 0 0em rgba(255, 255, 255, 0.2), 2.5em 0em 0 0em rgba(255, 255, 255, 0.2), 1.75em 1.75em 0 0em rgba(255, 255, 255, 0.2), 0em 2.5em 0 0em rgba(255, 255, 255, 0.2), -1.8em 1.8em 0 0em rgba(255, 255, 255, 0.5), -2.6em 0em 0 0em rgba(255, 255, 255, 0.7), -1.8em -1.8em 0 0em #ffffff; } } /* loading back : END */ /* information : STR */ #information {position:relative; min-height:calc(100% - 132px); padding:100px 30px 30px 30px;} #information .color-img-pagination {position:relative; margin-top:30px;} #information .swiper-pagination .color-swiper-bullet {width:18px; height:18px; margin:0 10px; border-radius:50%; background:#e3e3e3; cursor:pointer; display:inline-block;} #information .swiper-pagination .color-swiper-bullet-active {background:#333;} #information .main-title {position:relative; padding:30px; height:100px;} #information .main-title .title-ellipsis {width:580px; height:40px; line-height:40px; margin-right:30px; font-size:34px; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #information .main-title .m_close {position:absolute; top:26px; right:30px; cursor:pointer;} #information .form-section {margin:20px auto;} #information .form-section img{width: 100%} @media (max-width:720px){ #information {position:relative; min-height:calc(100% - 18.33vw); padding:13.89vw 4.17vw 4.17vw 4.17vw;} #information .color-img-pagination {position:relative; margin-top:4.17vw;} #information .swiper-pagination .color-swiper-bullet {width:2.5vw; height:2.5vw; margin:0 1.39vw; border-radius:50%; background:#e3e3e3; cursor:pointer; display:inline-block;} #information .swiper-pagination .color-swiper-bullet-active {background:#333;} #information .main-title {position:relative; padding:4.17vw; height:13.89vw;} #information .main-title .title-ellipsis {width:80.56vw; height:5.56vw; line-height:5.56vw; margin-right:4.17vw; font-size:4.72vw; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} #information .main-title .m_close {position:absolute; top:3.61vw; right:4.17vw; width:6.67vw; cursor:pointer;} #information .form-section {margin:6.94vw auto;} } /* information : END */ /* fast : START */ #phone-estimate.fast-estimate .back_fbc7c7 { background: #fbc7c7;} #phone-estimate.fast-estimate .back_ffd5af { background: #ffd5af;} #phone-estimate.fast-estimate .fast_top_banner {display: flex; justify-content: space-between; align-items: center; margin:0 -30px 0; padding:30px 0 0 30px;} #phone-estimate.fast-estimate .fast_top_banner .slide-left .quide-title {line-height:32px; font-size:24px; font-weight:700;} #phone-estimate.fast-estimate .fast_top_banner .slide-left .left-title {line-height:60px; margin-top:20px; font-size:46px; font-weight:700; color:#333; font-family:"Jalnan";color:#fff; margin-top: 0;} #phone-estimate.fast-estimate .fast_top_banner .slide-left .left-title label {font-size:36px;} #phone-estimate.fast-estimate .fast_top_banner .slide-left .left-title span {color:#ff8d7b;} #phone-estimate.fast-estimate .fast_top_banner .slide-left .left-text {line-height:38px; margin-top:0px; margin-bottom: 20px; font-size:26px; color:#fff;} #phone-estimate.fast-estimate .fast_top_banner .slide-right {align-self: flex-start; text-align:right;} #phone-estimate.fast-estimate .fast_top_banner .slide-right.first_page {transform: translateY(6px);} #phone-estimate.fast-estimate .fast_top_banner .slide-right img {width:244px;} #phone-estimate.fast-estimate .back_ffd5af .slide-right img{width:286px;} #phone-estimate.fast-estimate .fast_top_banner .pdr30 {padding-right:30px; } #phone-estimate.fast-estimate .request-text .request-text-indent{text-indent: 75px;} #phone-estimate.fast-estimate .form-section .select-maker.fast-select-maker {margin: 50px 0 30px 0; padding: 30px 30px 0px 30px;} #phone-estimate.fast-estimate .form-section .buy-area.fast-buy-area {margin: 30px 0 50px 0; padding: 30px 0 30px 30px;} #phone-estimate.fast-estimate .form-section .fast-select1 {margin: 30px 0 30px 0;} #phone-estimate.fast-estimate .form-section .fast-select-maker ul {display: flex !important; justify-content: space-between;} #phone-estimate.fast-estimate .form-section .fast-select-maker ul li{margin: 0 !important; margin-right: 0px !important;} #phone-estimate.fast-estimate .form-section .buy-area.fast-buy-area ul li, #phone-estimate.fast-estimate .form-section .buy-area.fast-buy-area ul li:last-child, #phone-estimate.fast-estimate .form-section .fast-select-maker ul li:last-child {margin: 0 !important; margin-right: 0 !important;} #phone-estimate.fast-estimate .form-section .form2-buy-area{ padding: 30px!important;} #phone-estimate.fast-estimate .form-section .form2-buy-area ul {display: flex !important; justify-content: space-between !important;} #phone-estimate.fast-estimate .form-section .form2-buy-area ul li{margin-right: 0 !important;} #phone-estimate.fast-estimate .form-section .fast-select_tt ul li.select-option{margin: 0; margin-right: 50px;} #phone-confirm.fast-estimate .add_text {font-size: 26px;} #phone-confirm.fast-estimate .estimate-info{ display: flex; flex-direction: column; gap: 40px 0;} #phone-confirm.fast-estimate .estimate-info .estimate-item{display: flex; justify-content: space-between; align-items: flex-start; height: initial; margin-top: 0;} #phone-confirm.fast-estimate .estimate-info .estimate-item .estimate-item-value{float: none; margin-top: 0; text-align: initial;} #phone-estimate .mt0{margin: 0 0 30px 0 !important;} #modal-edit .input_text{margin: 30px ;border-radius: 10px;background: #f9f9f9;height: 100px;font-size: 28px;color: #888;line-height: 2.14;text-align: left;width: 90%;letter-spacing: -0.84px;padding-left: 30px;} @media (max-width:720px){ #phone-estimate.fast-estimate .fast_top_banner {height:25vw;margin:0 -4.17vw 0; padding:4.17vw 0 0 4.17vw;}.fast-estimate #phone-estimate.fast-estimate .fast_top_banner .slide-left .quide-title {line-height:4.44vw; font-size:3.33vw;} #phone-estimate.fast-estimate .fast_top_banner .slide-left .left-title {line-height:8.33vw; margin-top:2.78vw; font-size:6.39vw; margin-top: 0;} #phone-estimate.fast-estimate .fast_top_banner .slide-left .left-title label {font-size:5vw;} #phone-estimate.fast-estimate .fast_top_banner .slide-left .left-text {line-height:5.28vw; margin-top:0; margin-bottom: 4.17vw; font-size:3.61vw; } #phone-estimate.fast-estimate .fast_top_banner .slide-right.first_page{transform: translateY(0);} #phone-estimate.fast-estimate .fast_top_banner .slide-right img { width:33.72vw;} #phone-estimate.fast-estimate .back_ffd5af .slide-right img{width:39.72vw;} #phone-estimate.fast-estimate .fast_top_banner .pdr30 {padding-right:4.17vw; } #phone-estimate.fast-estimate .request-text .request-text-indent{text-indent: 10.57vw;} #phone-estimate.fast-estimate .form-section .select-maker.fast-select-maker {margin: 6.94vw 0 4.17vw 0; padding: 4.17vw 4.17vw 0 4.17vw;} #phone-estimate.fast-estimate .form-section .buy-area.fast-buy-area {margin: 4.17vw 0 6.94vw 0; padding: 4.17vw 0 4.17vw 4.17vw;} #phone-estimate.fast-estimate .form-section .fast-select1 {margin: 4.17vw 0 4.17vw 0;} #phone-estimate.fast-estimate .form-section .fast-select-maker ul li, #phone-estimate.fast-estimate .form-section .buy-area.fast-buy-area ul li{margin: 0 !important; margin-right: 6.94vw !important;} #phone-estimate.fast-estimate .form-section .buy-area.fast-buy-area ul li:last-child, #phone-estimate.fast-estimate .form-section .fast-select-maker ul li:last-child {margin: 0 !important; margin-right: 0 !important;} #phone-estimate.fast-estimate .mt0{margin: 0 0 4.17vw 0 !important;} #phone-estimate.fast-estimate .form-section .form2-buy-area{padding: 4.17vw!important;} #phone-estimate.fast-estimate .form-section .form2-buy-area ul li.select-option{margin-right: 0 !important;} #phone-estimate.fast-estimate .form-section .fast-select_tt ul li.select-option{margin: 0; margin-right: 6.94vw;} #phone-confirm.fast-estimate .add_text {font-size: 3.61vw;} #phone-confirm.fast-estimate .estimate-info{ display: flex; flex-direction: column; gap: 5.56vw 0;} #phone-confirm.fast-estimate .estimate-info .estimate-item{display: flex; justify-content: space-between; align-items: flex-start; height: initial; margin-top: 0;} #phone-confirm.fast-estimate .estimate-info .estimate-item .estimate-item-value{float: none; margin-top: 0; text-align: initial;} #modal-edit .input_text{margin: 4.17vw;border-radius: 1.39vw;background: #f9f9f9;height: 13.89vw;font-size: 3.89vw;letter-spacing: -0.12px;padding-left: 4.17vw;} } /* fast : END */ /* IE10+ */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* Enter your style code */ } /* IE6,7,9,10 */ @media screen and (min-width: 640px), screen\9 { /* Enter your style code */ } /* IE6,7 */ @media screen\9 { /* Enter your style code */ html{overflow-x: hidden;} #fix_container .fix_footer {width: 708px; bottom: -200px;} .fix_download .download_btn {margin-left: 10px;} #home_page .notice_header{zoom: 0.5; background-color: rgb(255, 255, 255);} /* 휴대폰 견적 */ #fixed_top {zoom: 0.5;} /* 하단 nav */ #fixed_menu {bottom: -66px; zoom: 0.5;} } /* IE8 */ @media \0screen { /* Enter your style code */ html{overflow-x: hidden;} #fix_container .fix_footer {width: 708px; bottom: -200px;} .fix_download .download_btn {margin-left: 10px;} #home_page .notice_header{zoom: 0.5; background-color: rgb(255, 255, 255);} /* 휴대폰 견적 */ #fixed_top {zoom: 0.5;} /* 하단 nav */ #fixed_menu {bottom: -66px; zoom: 0.5;} } /* IE6,7,8 */ @media \0screen\,screen\9 { /* Enter your style code */ html{overflow-x: hidden;} #fix_container .fix_footer {width: 708px; bottom: -200px;} .fix_download .download_btn {margin-left: 10px;} #home_page .notice_header{zoom: 0.5; background-color: rgb(255, 255, 255);} /* 휴대폰 견적 */ #fixed_top {zoom: 0.5;} /* 하단 nav */ #fixed_menu {bottom: -66px; zoom: 0.5;} } /* IE9,10 */ @media screen and (min-width:0\0){ /* Enter your style code */ html{overflow-x: hidden;} #fix_container .fix_footer {width: 708px; bottom: -200px;} .fix_download .download_btn {margin-left: 10px;} #home_page .notice_header{zoom: 0.5; background-color: rgb(255, 255, 255);} /* 휴대폰 견적 */ #fixed_top {zoom: 0.5;} /* 하단 nav */ #fixed_menu {bottom: -66px; zoom: 0.5;} } @media screen and (max-width: 720px) { #home_page .notice_header{zoom: 1;} /* 휴대폰 견적 */ #fixed_top {zoom: 1;} /* 하단 nav */ #fixed_menu {bottom: 0px; zoom: 1;} } /* 20230519 페이지 전체 레이아웃 수정 */ @media screen and (max-width:1000px) { #container {zoom:0.6;} } @media screen and (max-width:856px) { #fix_container {right:50%} #fixed_menu,#fixed_top,#home_page .notice_header {left: 50%} #container {margin: 0 0 0 50%; zoom:0.5;} } @media (max-width:720px){ #container {margin: 0 auto; zoom:1;} #fixed_top {left:calc(50% - 50vw); width:100vw;} #container.fixed_menu_back {padding-bottom:18.33vw;} #fixed_top {position:fixed; top:0; left:calc(50% - 50vw); width:100vw; z-index:10;} #fixed_top .order-search-fixed {position:absolute; top:4.17vw; right:4.17vw; height:5.56vw; line-height:5.56vw; font-size:3.33vw; } #fixed_top .order-search-fixed .m_refresh {margin-right:2.78vw;width: 5.56vw; } .usim-btn {margin-top: 6.94vw; padding: 3.89vw 0; border-radius: 1.39vw; color: #fff; font-size: 4.17vw;} #fixed_menu, #home_page .notice_header {left: 0} } /*qna BTN STR*/ .item{border-top:20px solid #f1f1f1;padding:0 30px;} .item .item_link{display: flex;justify-content: flex-start;align-items: center;padding:40px 30px;border-radius: 30px;cursor: pointer;box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);background-color:#fff;margin:50px 0;background-image: url("/img/qna/next.png");background-position:95% center ;background-repeat: no-repeat;} .item .item_content{margin-left: 30px;} .item .item_content div{font-size:36px;font-weight: bold;line-height: 1.67;letter-spacing: -1.8px;color:#333;} .item .item_content p{font-size:24px;font-weight: normal;line-height: 1.42;letter-spacing: -0.72px;color:#767782;margin-top:6px;} @media (max-width:720px){ .item{border-top:2.78vw solid #f1f1f1;padding:0 4.17vw;} .item .item_img img{width:13.89vw;} .item .item_link{padding:5.56vw 4.17vw;border-radius: 4.17vw;box-shadow: 0 0.69vw 1.39vw 0 rgba(0, 0, 0, 0.1);background-color:#fff;margin:6.94vw 0;background-image: url("/img/qna/next.png");background-position:95% center ;background-repeat: no-repeat;background-size:4.17vw;} .item .item_content{margin-left: 4.17vw;} .item .item_content div{font-size:5vw;font-weight: bold;line-height: 1.67;letter-spacing: -0.25vw;color:#333;} .item .item_content p{font-size:3.33vw;font-weight: normal;line-height: 1.42;letter-spacing: -0.1vw;color:#767782;margin-top:0.83vw;} } /*qna BTN END*/