html, body, div, img { padding: 0; margin: 0; box-sizing: border-box; overflow: auto; font-family: "Apple SD Gothic Neo", "Malgun Gothic", arial, sans-serif; } .body_wrap { max-width: 600px; margin: 0 auto; } .top { width: 100%; height: 60px; } .top .logo_wrap { width: 100%; height: 60px; text-align: center; } .top .logo_wrap .logo { background-image: url(https://cdn.0br1.io/img/logos/logo_192x192.png); background-position: center center; background-repeat: no-repeat; background-size: contain; width: 40px; height: 40px; margin: 10px auto; border: 0; } .search_wrap { width: 100%; height: 100px; } .search_wrap .input_wrap { height: 50px; width: 100%; } .search_wrap .input_wrap .input_order_number { width: calc(100% - 20px); height: 40px; padding: 0 20px; box-sizing: border-box; border: 1px solid #d7d6d6; border-radius: 10px; font-size: 12pt; margin-left: 10px; margin-right: 10px; } .search_wrap .btn_wrap { margin: 0 auto; height: 40px; padding: 0; margin-left: 10px; margin-right: 10px; color: #fff; border-radius: 10px; background-color: #ff6700; } .search_wrap .btn_wrap .btn_track { float: left; line-height: 40px; width: calc(100% - 46px); padding-left: 46px; text-align: center; cursor: pointer; } .content { color: #404040; font-size: 11pt; } .content .default_page { width: 100%; text-align: left; padding-top: 10px; } .content .default_page .text_wrap { width: 100%; text-align: center; padding: 80px 0; } .content .default_page .banner_wrap { width: 100%; overflow: auto; margin-top: 42px; } .content .default_page .banner_wrap .banner { width: 100%; overflow: auto; } .content .default_page .banner_wrap .banner img { width: 100%; height: auto; } .content .error_page { display: none; width: 100%; } .content .error_page .text_wrap { text-align: center; padding: 80px 0; } .content .error_page .banner_wrap { width: 100%; overflow: auto; margin-top: 42px; } .content .error_page .banner_wrap .banner { width: 100%; overflow: auto; } .content .error_page .banner_wrap .banner img { width: 100%; height: auto; } .content .info_wrap { display: none; } .content .info_wrap .sub_title { font-weight: bold; padding: 15px 10px; color: #646464; font-weight: 600; } .content .info_wrap .info { border-collapse: collapse; width: 100%; } .content .info_wrap .info tr { height: 30px; } .content .info_wrap .info tr th { font-weight: normal; text-align: left; width: 100px; padding: 10px 10px 10px 20px; border: 1px solid #cdcdcd; background-color: #fafafa; color: #737373; font-weight: 600; } .content .info_wrap .info tr td { border: 1px solid #d7d6d6; padding: 10px; color: #737373; font-weight: 600; } .content .info_wrap .info tr:first-child th, .content .info_wrap .info tr:first-child td { border-top: 1px solid #d7d6d6; } .content .info_wrap .info tr:last-child th, .content .info_wrap .info tr:last-child td { border-bottom: 1px solid #d7d6d6; } .content .info_wrap .detail { border-collapse: collapse; width: 100%; } .content .info_wrap .detail tr { height: 30px; } .content .info_wrap .detail tr th { font-weight: normal; text-align: center; width: 100px; padding: 10px; border: 1px solid #d7d6d6; background-color: #fafafa; color: #737373; font-weight: 600; } .content .info_wrap .detail tr td { border: 1px solid #d7d6d6; padding: 5px 10px; text-align: center; color: #737373; font-weight: 600; line-height: 30px; } .content .info_wrap .detail tr:first-child th, .content .info_wrap .detail tr:first-child td { border-top: 1px solid #d7d6d6; } .content .info_wrap .detail tr:last-child th, .content .info_wrap .detail tr:last-child td { border-bottom: 1px solid #d7d6d6; } .content .info_wrap .banner_wrap { width: 100%; overflow: auto; margin-top: 42px; } .content .info_wrap .banner_wrap .banner { width: 100%; overflow: auto; } .content .info_wrap .banner_wrap .banner img { width: 100%; height: auto; } .btn_cs_wrap { width: calc(100%-20px); height: 50px; overflow: auto; margin-top: 20px; background-color: #fbe2d5; border-radius: 10px; text-align: center; cursor: pointer; display: flex; align-items: center; justify-content: center; margin-left: 10px; margin-right: 10px; } .btn_cs { color: #ed702e; font-weight: 600; } .cs_desc { display: inline-flex; margin-top: 16px; color: #737373; line-height: 23px; font-weight: 600; padding-left: 10px; padding-right: 10px; } .cs_desc img { width: 18px; height: 18px; overflow: unset; } .cs_desc .text:last-child { margin-left: 5px; } .icon_check_mark { margin-top: 2px; } .cs_desc_placed { display: inline-flex; margin-top: 16px; color: #737373; line-height: 23px; font-weight: 600; padding-left: 10px; padding-right: 10px; } .cs_desc_placed img { width: 18px; height: 18px; overflow: unset; } .cs_desc_placed .text:last-child { margin-left: 5px; } .cs_desc_return { display: flex; margin-top: 16px; color: #737373; line-height: 23px; font-weight: 600; padding-left: 10px; padding-right: 10px; width: auto; } .cs_desc_return img { width: 18px; height: 18px; overflow: unset; } .cs_desc_return .text:last-child { margin-left: 5px; } .cs_warning { display: inline-flex; margin-top: 16px; color: #ed702e; line-height: 23px; font-weight: 600; padding-left: 10px; padding-right: 10px; } .cs_warning img { width: 18px; height: 18px; overflow: unset; } .cs_warning .text:last-child { margin-left: 5px; }