@charset "utf-8";

.container {transition: all .3s;-webkit-transition: all .3s;-moz-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s}
header {padding: 20px;background-color: #fff;position: absolute;z-index: 1;width: 100%;top: 0}
header .l_right {text-align:right}
header.title_wrap {justify-content: center}
header.title_wrap h1 {font-size:20px;color:#1b1b1b;max-width: 1114px;margin: 0 auto;text-align: center;position: relative}
header .logo {display: inline-block;line-height: 0}
header .logo.l_right {float: right}
.container {max-width: 1114px;margin: 0 auto 0;position: relative;padding: 76px 20px 103px}
.title_text {text-align: center;margin: 25px 0 10px;color: #1b1b1b}
.input_wrap {display: flex;align-items: center;gap: 4px}
.input_wrap .number {font-size: 15px;border: 1px solid #414141;min-width: 126px;text-align: center;padding: 8px 10px;border-radius: 5px;background-color: #4c4c4c;color: #fff}

.inventory_wrap {background-color: #fff;margin-top: 15px;box-shadow: 0 2px 6px 0 rgba(34, 36, 38, .04);padding: 23px;border-radius: 10px;text-align: center}
.inventory_wrap strong {font-size: 25px;font-weight: 800;color: #1b1b1b;display: block;margin-bottom: 9px}
.inventory_wrap .select_wrap {display: flex;align-items: center;justify-content: center}
.inventory_wrap .select_wrap select {border: 1px solid #b9b9b9;height: 29px;width: 50px;border-radius: 4px;padding: 4px;margin-right: 12px;margin-left: 5px}
.inventory_wrap .select_wrap em {color: #1b1b1b;font-weight: 700}
.step_wrap {display: inline-flex;gap: 15px;margin-top: 24px;position: relative}
.step_wrap:after {content:'';width: 100%;height: 6px;background-color: #e4eaf1;display: inline-block;position: absolute;top: 50%;margin-top: -3px}
.step_wrap li {position: relative;z-index: 1}
.step_wrap li em {border: 5px solid #e4eaf1;width: 80px;display: flex;height: 80px;justify-content: center;align-items: center;border-radius: 50%;font-size: 15px;color: #8a8e93;background-color: #fff;line-height: 18px;}
.step_wrap li.on em {border-color: #3182b8;font-weight: 600;color: #1f6797}

.list_wrap {background-color: #fff;margin-top: 23px;box-shadow: 0 2px 6px 0 rgba(34, 36, 38, .04);padding: 23px;border-radius: 10px;}
.h100_c {height: 100%}
.h100 {height:100%}
.list_wrap h2 {margin-bottom: 40px;font-size: 20px;color: #1b1b1b;font-weight: 800;display: flex;justify-content: space-between;align-items: center}
.list_wrap h2 em {font-weight: 800;color: #ff1231}
.list_wrap .list_inner {}
.list_wrap .list_inner li .list_container {position: relative;padding-right: 79px}
.list_wrap .list_inner li .list_container p {font-size: 15px;line-height: 1.1;margin-bottom: 5px}
.list_wrap .list_inner li .list_container > .in_text {display: block;padding: 17px 0}
.list_wrap .list_inner li .list_container > a {display: block;padding: 17px 0}
/*.list_wrap .list_inner li .list_container > a:hover,
.list_wrap .list_inner li .list_container > a:active,
.list_wrap .list_inner li .list_container > a:focus {background-color: #ecf0f5}*/
.list_wrap .list_inner li .list_container .inspection {line-height: 1.1;display: inline-flex;border: 2px solid;width: 70px;height: 70px;justify-content: center;align-items: center;font-size: 14px;font-weight: 600;border-radius: 50%;position: absolute;right: -5px;top: 50%;margin-top: -35px}
.list_wrap .list_inner li .list_container .inspection.line_none {border:0}
.list_wrap .list_inner li .list_container .inspection.on {background-color: #3182b8;color: #fff;border-color: #236d9f}

.in_text > strong {color: #1b1b1b;display: block;margin-bottom: 5px;font-size: 20px;font-weight: 800}
.in_text > span {font-weight: 800;color: #1b1b1b;font-size: 17px}

.sub_title {color: #1b1b1b;display: block;margin-bottom: 15px;font-size: 20px;font-weight: 800}
.form_inner {display: flex;gap: 10px}
.form_inner.column {flex-direction: column}
.form_inner ul li input[type=radio] {vertical-align: 0px}
.form_radio_btn {flex: 1 1 50%;height : 45px}
.form_radio_btn input[type=radio] {display: none	}
.form_radio_btn label {display: block;border-radius: 5px;margin: 0 auto;text-align: center;height: -webkit-fill-available;line-height: 45px;font-size: 15px}
.form_radio_btn input[type=radio]:checked + label {background: #184DA0;color: #fff}
.form_radio_btn label:hover {color: #666		}
.form_radio_btn input[type=radio] + label {background: #e5e7eb;color: #666}
.sine_wrap { width: 100%;border: 1px solid #a7a7a7;height: 170px;border-radius: 10px}

.details_wrap {margin-top: 28px}
.details_wrap .o_auto {overflow-y: auto;height: 150px;padding: 0px 5px}
.details_wrap h3 {color: #1b1b1b;font-size: 17px;margin-bottom: 11px}
.details_wrap ul {font-size: 15px}
.details_wrap ul li {display: flex;justify-content: space-between;line-height: 1.1;border-bottom: 1px solid #d4dfeb;padding: 10px 0;gap: 10px;align-items: center}
.details_wrap ul li strong {color: #1b1b1b;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex-grow: 1}
.details_wrap ul li p {min-width: 89px;text-align: right}
.details_wrap ul li p select {border: 0;padding-right: 10px;color: #666666;font-size: 15px;background-color: #fff}
.details_wrap ul li a {display: inline-block;text-indent: -999em;width: 20px;height: 18px}
.details_wrap ul li a.date {background: url(../images/time.svg) no-repeat;background-size: 18px}
.details_wrap ul li a.time {background: url(../images/date.svg) no-repeat;background-size: 18px}
.photo_btn {background-color: #0075c2;display: inline-flex;margin: 0 auto;justify-content: center;align-items: center;width: 57px;height: 57px;border-radius: 50%}

.nav_wrap {position: fixed;bottom: 0;width: 100%;background-color: #fff;padding: 0 20px;box-shadow: 0px -6px 7px 1px rgb(0 0 0 / 2%);z-index: 2}
.nav_wrap ul {display: flex;text-align: center}
.nav_wrap ul li {flex: 0 0 25%}
.nav_wrap ul li a {padding: 17px 10px;display: inline-block;font-size: 14px;color: #404040}
.nav_wrap ul li.on a {color: #3182b8;font-weight: 800}
.nav_wrap ul li a p {width: 26px;height: 26px;display: table;text-align: center;margin: 0 auto 3px}

.map_pin {position: absolute;top: 20%;left: 50%;z-index: 2;transform: translateX(-50%);border: 3px solid #cfdae5;width: 88%; height:500px}
.map_pin.relative {position: relative;width: 100%}
.map_pin > img {max-width: 100%;width: 100%}
.map_pin .pin_ico {top: 40px;position: absolute;left: 40px}
.map_pin .map_close {position: absolute;right: -2px;top: -3px;text-indent: -999em;width: 30px;height: 30px;background: #444a50 url(../images/map_close.png) no-repeat center}
.pop_close {position: absolute;right: 5px;top: 5px;text-indent: -999em;width: 26px;height: 26px;background: #444a50 url(../images/map_close.png) no-repeat center;border-radius: 50%;}

input[type=text],
input[type=password]  {background-color: #ffffff;border: 1px solid #e8ebef;padding: 12px 15px;width: 100%;border-radius: 5px}
fieldset input[type=text],
fieldset input[type=password] {margin: 5px 0}
fieldset input[type=submit] {border: 1px solid;width: 100%;padding: 14px;margin-top: 12px;border-radius: 5px;background-color: #0075c2;color: #fff}
.basic_button {border: 1px solid;width: 100%;padding: 14px;margin-top: 15px;border-radius: 5px;background-color: #505050;color: #fff;display: block;text-align: center}
.basic_button.on {background-color: #0075c2}
.pin_icon {margin-right: 10px}
.pin_icon img {}
.back_ico {background: url(../images/back_ico.png) no-repeat center;text-indent: -999em;display: inline-block;width: 22px;height: 29px;position: absolute;left: 0}

.date_wrap {display: flex;justify-content: center;gap: 5px;align-items: center}
.date_wrap select {border: 1px solid #c1c1c1;height: 34px;width: 68px;border-radius: 4px;padding: 0 6px;font-family: 'NotoSansKR';font-size: 15px;color: #666666}
.date_wrap .btn_s {display: inline-block;height: 34px;padding: 4px 15px;margin-left: 14px;border-radius: 4px;background: #184DA0;color: #fff}

.text_link {display: flex;justify-content: center;margin-top: 20px;gap: 26px}
.text_link a { position:relative}
.text_link li:first-child a:after {content:'';background-color: #d9d9d9;height: 12px;width: 1px;display: inline-block;position: absolute;top: 7px;right: -13px}

.delivery_wrap {display: flex;justify-content: center}
.delivery_wrap .delivery_inner {padding: 5px 34px;background-color: #eef0f1;margin-top: 18px;border-radius: 17px;display: flex;align-items: center;gap: 4px}
.delivery_wrap .delivery_inner strong {color: #1b1b1b}
.delivery_wrap .delivery_inner span {border: 1px solid #d5d5d5;width: 30px;display: inline-flex;height: 30px;justify-content: center;align-items: center;border-radius: 50%;background-color: #fff;margin-right: 12px}
.delivery_wrap .delivery_inner span.last {margin-right: 0}

/**  table-layout **/
.table_desc {margin-bottom:10px;display:flex;align-items: center;justify-content: space-between}
.table_desc p strong {color:#004dc1}
.table_desc select {width:100px}
.table_layout {margin-bottom:30px}
.table_layout table {border-top: 1px solid #333;width: 100%;table-layout: fixed;font-size: 15px}
.table_layout table th {text-align: center;border-bottom: 1px solid #333;padding: 6px 5px;position:relative}
.table_layout table th+th:before {content:'';width:1px;height:15px;background:#e1e7eb;position:absolute;left:0;top:50%;margin-top:-7px}
.table_layout table th[colspan] {border-bottom:1px solid #e1e7eb}
.table_layout table th[colspan]:before {content:none}
.table_layout table th[colspan]+th[colspan] {border-left:1px solid #e1e7eb}
.table_layout table th[rowspan] {border-right:1px solid #e1e7eb}
.table_layout table th[rowspan]+th:before {content:none}
.table_layout table th.line_type {border-right:1px solid #e1e7eb}
.table_layout table th.line_type+th:before {content:none}
.table_layout table td {height: 40px;border-bottom: 1px solid #d8d8d8;padding: 0 5px;text-align: center;color: #666666;position:relative;z-index:1}
.table_layout table td a {display:block;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap: break-word;line-height: 18px;height: 20px;overflow: hidden}
.table_layout.td_bd table td {border-left:1px solid #d8d8d8}
.table_layout.td_bd table td:first-child {border-left:0}
.table_layout.td_bd table td[rowspan] {border-right:1px solid #d8d8d8}
.table_layout table tbody tr:hover td:before {content:'';width:100%;height:40px;background:#f5fcfe;border-top:2px solid #3bcbe7;border-bottom:2px solid #3bcbe7;position:absolute;top:-1px;left:0;z-index:-1}
.table_layout table tbody tr:hover td:first-child:before {border-left:2px solid #3bcbe7}
.table_layout table tbody tr:hover td:last-child:before {border-right:2px solid #3bcbe7}
.table_layout table tbody tr:hover td a {color:#0e3c81;font-weight:600;text-decoration:underline}
.scroll_img {display:none;position: absolute;top: 50%;left: 50%;height: 100px;width: 100px;background: rgba(43, 123, 208, 0.82) url(../images/scroll_img.png) no-repeat center / 76%;text-indent: -999em;border-radius: 100%;margin-top: -50px;margin-left: -50px;z-index:3}
.table_layout table td div {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.terms_of_use {overflow-y: auto;height: calc(100% - 125px);padding: 0 2%;border: 1px solid #e5e5e5;display: none;background-color: #fff;position: absolute;top: 0;width: 95%;margin-top: 91px}
.terms_of_use p + ol {margin-top: 20px}
.terms_of_use > ol > li {margin-bottom: 7px}
.terms_of_use h2 {font-size: 20px;margin: 40px 0 30px}
.terms_of_use h3 {font-size: 15px;margin: 15px 0 7px;text-align: left}

.pop_view {position: absolute;background-color: #fff;width: 91%;left: 50%;top: 50%;transform: translate(-50%, -50%);border: 1px solid;z-index: 1;border-radius: 15px;}
.pop_view .list_inner {padding: 15px}
#footer{background:#3c3c3c;position:relative}

.webtong_checkbox {display: inline-block;}
.webtong_checkbox input[type="checkbox"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;clip: rect(0,0,0,0);border: 0}
.webtong_checkbox input[type="checkbox"] + label {display: inline-block;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none}
.webtong_checkbox input[type="checkbox"] + label:before {content: '';position: absolute;right: 1px;top: 5px;text-align: center;background: #fafafa;border: 1px solid #cacece}
.webtong_checkbox input[type="checkbox"] + label:active:before, .webtong_checkbox input[type="checkbox"]:checked + label:before {background: #E9ECEE;border-color: #adb8c0}
.webtong_checkbox.long input[type="checkbox"] + label:before {width: 43px;height: 17px;border-radius: 20px}
.webtong_checkbox.long input[type="checkbox"]:checked + label:after {top: 2px;right: 1px;width: 23px;height: 23px;background: #3b5998;border-radius: 100%}
.webtong_checkbox.long input[type="checkbox"] + label:after {content: '';position: absolute;top: 2px;right: 21px;width: 23px;height: 23px;background: #b9b9b9;border-radius: 100%;transition: all .6s ease}

.setting_wrap {padding:20px 0}
.setting_wrap ul li {margin-bottom: 40px;}
.setting_wrap ul li:last-child {margin-bottom: 0}
.setting_wrap ul li p {padding-left: 30px;line-height: 22px;margin-top: 0px;}
.setting_wrap ul li .setting_inner {display: flex;justify-content: space-between;align-items: center;position: relative;}
.setting_wrap ul li .setting_inner strong {line-height: 24px;font-size: 18px;color: #414141;font-weight: 800;display: block;padding-right: 56px;padding-left: 27px;position: relative;margin-bottom: 10px;}
.setting_wrap ul li .setting_inner strong i {background: url(../images/map_pin.png) no-repeat;display: inline-block;text-indent: -999em;width: 21px;height: 28px;line-height: 21px;margin-right: 4px;position: absolute;left: 0;top: 1px;}


.checkbox_wrap {position: relative;margin-right: 14px;padding-bottom: 6px;display: block;margin-bottom: 12px;padding-right: 16px}
.checkbox_wrap.chk_all {border-bottom: 1px solid #d2d2d2;line-height: 22px;}
.checkbox_wrap.chk_all input[type="checkbox"] + label {font-weight: 500;}
.checkbox_wrap.inb {display:inline-block;margin-bottom: 3px}
.checkbox_wrap input[type="checkbox"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; clip:rect(0,0,0,0); border: 0 }
.checkbox_wrap input[type="checkbox"] + label { display: inline-block; position: relative; padding-left: 20px; cursor: pointer;line-height: 23px}
.checkbox_wrap input[type="checkbox"] + label:before {content: '';position: absolute;left: 0;top: 1px;width: 21px;height: 21px;text-align: center;background: url(../images/checkbox.png) no-repeat 0 4px}
.checkbox_wrap input[type="checkbox"]:checked + label:before {background:url(../images/checkbox.png) no-repeat 0 -15px}
.popup_view {background: url(../images/px_open.png) no-repeat;display: inline-block;text-indent: -999em;width: 20px;height: 20px;position: absolute;right: 9px;top: 9px}
.check_wrap li {position:relative}

.Close_popup {display: table;margin: 50px auto;padding: 6px 20px;background-color: #4e4e4e;border-radius: 5px;color: #fff}

@media all and (max-width:1024px) {
	header .logo img {height: 27px;}
	.title_text {font-size: 20px}
	.terms_of_use h2 {font-size: 17px;margin: 30px 0 10px}
	.list_wrap {padding: 20px}
}