@charset "utf-8";

/**
 * 공통
 */

.frm-input {display:inline-block;vertical-align:middle;height:50px;line-height:48px;font-size:inherit;text-align:left;padding:0 10px;box-sizing:border-box;border:1px solid #e0e0e0;background-color:#fff;}
.frm-input.full {display:block;width:100%;}
.frm-input.file {}
.frm-input.loading {padding-left:35px;background:url('../img/loading_40.gif') no-repeat left 10px center;background-size:auto 50%;}
.frm-input.file {padding-left:35px;background:url('../img/common_icon_attach01.png') no-repeat left 10px center;}
select.frm-input {padding:0 0 0 10px;background:#fff url('../img/common_bullet01.png') no-repeat right 15px center;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
textarea.frm-input {height:auto;padding-top:10px;padding-bottom:10px;line-height:inherit;min-height:300px;}


/**
 * 장바구니
 */

table.tb-list {position:relative;table-layout:fixed;width:100%;border-collapse:collapse;border-bottom:1px solid #333;}
table.tb-list:before {position:absolute;top:0;left:0;width:100%;height:1px;display:block;content:"";background-color:#333;}
table.tb-list.bb0 {border-bottom:0;}
table.tb-list th,
table.tb-list td {padding:10px 0;line-height:20px;font-size:16px;color:#333;text-align:center;border-top:1px solid #ccc;}
table.tb-list th.chk,
table.tb-list td.chk {width:60px;}
table.tb-list td.aL {padding-left:10px;}
table.tb-list td.aR {padding-right:10px;}
table.tb-list thead th {font-weight:700;background-color:#ececec;}
table.tb-list tbody tr:first-child td {border-top:0;}

table.tb-list input[type=checkbox] {display:inline-block;vertical-align:middle;width:20px;height:20px;cursor:pointer;}
table.tb-list .btn {display:inline-block;vertical-align:middle;padding:0 15px;height:40px;line-height:40px;font-size:14px;font-weight:700;color:#fff;text-align:center;border-radius:5px;background-color:#333;}
table.tb-list .btn.red {background-color:#ff0000;}
table.tb-list td .input {display:block;}
table.tb-list td .input:after {display:block;content:"";clear:both;}
table.tb-list td .input > .frm-input {float:left;display:block;width:calc(100% - 40%);height:40px;line-height:38px;text-align:center;}
table.tb-list td .input > .btn {float:left;display:block;width:40%;padding:0;border-radius:0;}

table.tb-list td.pair .fn {display:none;}
table.tb-list tr.nodata td {height:200px;color:#999;}

@media (max-width:1339px){
    table.tb-list th,
    table.tb-list td {line-height:19px;font-size:15px;}
    table.tb-list input[type=checkbox] {width:19px;height:19px;}
    table.tb-list .btn {height:36px;line-height:36px;font-size:13px;}
    table.tb-list td .input > .frm-input {height:36px;line-height:34px;}
}
@media (max-width:1023px){
    table.tb-list th,
    table.tb-list td {line-height:18px;font-size:14px;}
    table.tb-list input[type=checkbox] {width:18px;height:18px;}
    table.tb-list .btn {height:32px;line-height:32px;font-size:12px;padding:0 10px;}
    table.tb-list td .input > .frm-input {height:32px;line-height:32px;}
}
@media (max-width:830px){
    table.tb-list th.chk,
    table.tb-list td.chk {width:50px;}
    table.tb-list input[type=checkbox] {width:17px;height:17px;}
    table.tb-list .btn {height:28px;line-height:28px;font-size:12px;}
    table.tb-list td .input > .frm-input {height:28px;line-height:26px;}
}
@media (max-width:638px){
    table.tb-list {display:block;border-bottom:0;}
    table.tb-list:before {display:none;content:none;}
    table.tb-list thead {display:none;}
    table.tb-list tbody {display:block;}
    table.tb-list tbody tr {display:block;margin-top:20px;padding:0;border-top:2px solid #333;border-bottom:1px solid #999;}
    table.tb-list tbody tr:first-child {margin-top:0 !important;}
    table.tb-list tbody th,
    table.tb-list tbody td,
    table.tb-list tbody tr:last-child td {display:block;border:0;padding-left:15px !important;padding-right:15px !important;line-height:26px;border-bottom:1px solid #ededed;}
    table.tb-list tbody td.solo {border-top:1px solid #999 !important;background-color:#f5f5f5;}
    table.tb-list tbody td.pair:after {display:block;content:"";clear:both;}
    table.tb-list tbody td.pair .fn {float:left;display:block;font-weight:800;}
    table.tb-list tbody td.pair .fc {float:right;}
    table.tb-list tbody td.pair .fc br {content:"";}
    table.tb-list tbody td.pair .fc br:after {content:" ";}
    table.tb-list tbody td.pair.set {padding:0;}
    table.tb-list tbody td.pair.set > .set {padding:10px 15px;border-bottom: 1px solid #ededed;}
    table.tb-list tbody td.pair.set > .set:last-child {border-bottom:0;}
    table.tb-list tbody td.pair.set > .set:after {display:block;content:"";clear:both;}
    table.tb-list tbody td.ctrl {border:0;text-align:right !important;}
    table.tb-list td .input > .frm-input {width:80px;height:26px;line-height:24px;}
    table.tb-list td .input > .btn {width:auto;padding:0 15px;height:26px;line-height:26px;}
    
    table.tb-list.with-check tbody tr {position:relative;padding-top:14px;}
    table.tb-list.with-check td.chk {position:absolute;display:block;left:15px;top:5px;width:auto;padding:0;margin:0;border:0;}
    
    table.tb-list.with-ctrl  tbody tr {position:relative;margin-bottom:70px;}
    table.tb-list.with-ctrl  td.ctrl {position:absolute;right:0;bottom:-38px;border:0;padding:0;}
    table.tb-list.with-ctrl  td.ctrl .btn {padding:0 30px;border-radius:0;}
}
@media (max-width:379px){
    table.tb-list tbody th,
    table.tb-list tbody td,
    table.tb-list tbody tr:last-child td {padding-left:10px !important;padding-right:10px !important;line-height:24px;font-size:13px;}
    table.tb-list tbody td.pair.set > .set {padding:10px 10px;}
    table.tb-list td .input > .frm-input {width:80px;height:24px;line-height:22px;}
    table.tb-list td .input > .btn {width:auto;padding:0 15px;height:24px;line-height:24px;}
    table.tb-list .btn {height:24px;line-height:24px;font-size:11px;}
    table.tb-list.with-ctrl  tbody tr {margin-bottom:58px;}
    table.tb-list.with-ctrl  td.ctrl {bottom:-32px;}
}

.goods-order-info {display:table;width:100%;margin:10px auto;text-align:left;box-sizing:border-box;line-height:1.5;}
.goods-order-info.lst {width:85%;margin:10px auto 10px;}
table.tb-list td:first-child .goods-order-info.lst {margin-left:0 !important;}
.goods-order-info > .img {position:relative;display:table-cell;vertical-align:middle;width:26%;}
.goods-order-info > .img.vtop {vertical-align:top;}
.goods-order-info > .img > .wrp {display:block;width:100%;display:block;vertical-align:middle;border:1px solid #ececec;background:no-repeat center center;background-size:cover;}
.goods-order-info > .img > .wrp:before {display:block;content:"";padding-bottom:100%;}
.goods-order-info > .inf {display:table-cell;padding-left:15px;vertical-align:middle;}
.goods-order-info > .inf > .tit {font-weight:800;}
.goods-order-info > .inf > .items {margin-top:10px;}
.goods-order-info > .inf > .items > .itm {padding-left:0px;font-size:0.9em;color:#666;}
.goods-order-info > .inf > .items > .itm:after {display:block;content:"";clear:both;}
.goods-order-info > .inf > .items > .itm > .tit {float:left;}
.goods-order-info > .inf > .items > .itm > .prc {float:right;}
.goods-order-info > .inf > .items > .itm > .prc > strong {font-weight:700;}
.goods-order-info > .inf > .pair {margin-top:10px;padding:10px 0 0;border-top:1px solid #ddd;}
.goods-order-info > .inf > .pair > dl {font-weight:700;color:#333;}
.goods-order-info > .inf > .pair > dl:after {display:block;content:"";clear:both;}
.goods-order-info > .inf > .pair > dl > dt {float:left;}
.goods-order-info > .inf > .pair > dl > dd {float:right;}

@media (max-width:1200px){
    .goods-order-info.lst {width:calc(100% - 30px);margin:10px 20px 10px 0;}
    .goods-order-info > .img {width:23%;}
}
@media (max-width:1023px){
    .goods-order-info > .img {width:20%;}
}
@media (max-width:830px){
    .goods-order-info.lst {width:calc(100% - 15px);margin:10px 15px 10px 0;}
    .goods-order-info > .inf > .items {margin-top:5px;}
}
@media (max-width:638px){
    .goods-order-info.lst {width:100%;margin:10px 0;}
}

.tb-amount {padding:20px 0;line-height:30px;border-top:2px solid #333;border-bottom:2px solid #333;}
.tb-amount:after {display:block;content:"";clear:both;}
.tb-amount > .btn {float:left;}
.tb-amount > .btn:after {display:block;content:"";clear:both;}
.tb-amount > .btn > a {float:left;display:block;margin-left:10px;padding:0 15px;height:30px;line-height:30px;font-size:13px;font-weight:700;color:#666;border:1px solid #888;}
.tb-amount > .btn > a:first-child {margin-left:0;}
.tb-amount > .amt {float:right;font-size:18px;font-weight:700;color:#333;letter-spacing:-0.05em;}
.tb-amount > .amt:after {display:block;content:"";clear:both;}
.tb-amount > .amt > .tit {float:left;}
.tb-amount > .amt > .tit > i {display:inline-block;vertical-align:middle;margin-left:5px;padding:0 10px;line-height:18px;font-size:11px;font-weight:700;color:#666;font-style:normal;background-color:#ececec;}
.tb-amount > .amt > .prc {float:left;margin-left:30px;}
.tb-amount > .amt > .prc > strong {font-size:1.8em;font-weight:800;color:#ffa800;margin-right:5px;}

@media (max-width:1339px){
    .tb-amount > .btn > a {height:28px;line-height:28px;font-size:13px;}
    .tb-amount > .amt {font-size:17px;}
}
@media (max-width:1023px){
    .tb-amount > .btn > a {height:26px;line-height:26px;font-size:12px;}
    .tb-amount > .amt {font-size:16px;}
    .tb-amount > .amt > .prc {margin-left:20px;}
}
@media (max-width:830px){
    .tb-amount > .amt {font-size:15px;}
}
@media (max-width:638px){
    .tb-amount > .btn > a {float:none;margin:0;display:block;margin-top:10px;text-align:center;}
    .tb-amount > .btn > a:first-child {margin:0;}
    .tb-amount > .amt {line-height:26px;text-align:right;}
    .tb-amount > .amt > .tit {float:none;}
    .tb-amount > .amt > .prc {float:none;margin:10px 0 0;}
    .tb-amount > .amt > .prc > strong {font-size:26px;}
}
@media (max-width:379px){
    .tb-amount > .btn > a {height:24px;line-height:24px;font-size:11px;}
    .tb-amount > .amt {line-height:24px;font-size:14px;}
    .tb-amount > .amt > .prc > strong {font-size:24px;}
}

.btn-area {margin-top:50px;text-align:center;}
.btn-area > a {display:inline-block;margin-left:10px;padding:0 50px;height:70px;line-height:70px;font-size:20px;font-weight:700;color:#fff;}
.btn-area > a:first-child {margin-left:0;}
.btn-area > a.t01 {background-color:#333;}
.btn-area > a.t02 {background-color:#ffa800;}
.btn-area.n01 > a {float:none;display:block;width:auto;margin:10px 0 0;}
.btn-area.n01 > a:first-child {margin-top:0;}

@media (max-width:1339px){
    .btn-area > a {padding:0 50px;height:60px;line-height:60px;font-size:18px;}
}
@media (max-width:1023px){
    .btn-area > a {padding:0 45px;height:55px;line-height:55px;font-size:16px;}
}
@media (max-width:638px){
    .btn-area {margin-top:40px;}
    .btn-area:after {display:block;content:"";clear:both;}
    .btn-area.n02 > a {float:left;display:block;width:calc((100% - 10px - 0.1px)/2);margin-left:10px;padding:0;height:50px;line-height:50px;font-size:14px;text-align:center;}
    .btn-area.n02 > a:first-child {margin-left:0;}
}
@media (max-width:379px){
    .btn-area {margin-top:30px;}
    .btn-area.n02 > a {width:calc((100% - 5px - 0.1px)/2);margin-left:5px;padding:0;height:45px;line-height:45px;font-size:13px;text-align:center;}
}

.alert-box {display:table;width:100%;margin-top:30px;padding:20px 40px;line-height:26px;font-size:16px;font-weight:700;color:#555;word-break:keep-all;border:1px solid #ddd;background-color:#efefef;box-sizing:border-box;}
.alert-box.bd1 {border:0;border-bottom:1px solid #bbb;}
.alert-box > .tit {display:table-cell;width:200px;font-size:1.3em;color:#aaa;vertical-align:middle;text-align:center;}
.alert-box > .cnt {display:table-cell;padding-left:20px;}
.alert-box > .cnt > ul {}
.alert-box > .cnt > ul > li {position:relative;margin-top:5px;padding-left:15px;}
.alert-box > .cnt > ul > li:first-child {margin-top:0;}
.alert-box > .cnt > ul > li:after {position:absolute;left:0;top:10px;display:block;content:"";width:5px;height:5px;background-color:#ffa800;}

@media (max-width:1339px){
    .alert-box {padding:20px 40px;line-height:24px;font-size:15px;}
    .alert-box > .tit {width:150px;}
    .alert-box > .cnt > ul > li:after {top:9px;width:5px;height:5px;}
}
@media (max-width:1023px){
    .alert-box {padding:20px 40px;line-height:22px;font-size:14px;}
    .alert-box > .tit {width:120px;}
    .alert-box > .cnt > ul > li {padding-left:13px;}
    .alert-box > .cnt > ul > li:after {top:8px;width:4px;height:4px;}
}
@media (max-width:730px){
    .alert-box {padding:20px 20px;line-height:20px;font-size:13px;}
    .alert-box > .tit {width:90px;}
    .alert-box > .cnt > ul > li {padding-left:11px;}
    .alert-box > .cnt > ul > li:after {top:8px;width:3px;height:3px;}
}
@media (max-width:560px){
    .alert-box {display:block;padding:15px;}
    .alert-box > .tit {display:block;width:auto;text-align:left;font-size:1.2em;}
    .alert-box > .cnt {display:block;padding:0;margin-top:10px;}
}
@media (max-width:440px){
    .alert-box {line-height:18px;font-size:12px;}
    .alert-box > .cnt > ul > li {padding-left:11px;}
    .alert-box > .cnt > ul > li:after {top:7px;width:3px;height:3px;}
}
@media (max-width:379px){
    .alert-box {line-height:16px;font-size:11px;}
    .alert-box > .cnt > ul > li {padding-left:9px;}
    .alert-box > .cnt > ul > li:after {top:6px;width:3px;height:3px;}
}

/*
 * 페이징
 */
.pg_wrap {margin:50px 0 0;padding:0;text-align:center;font-size:18px;}
.pg_wrap .pg {display:inline-block;}
.pg_wrap .pg:after {display:block;content:"";clear:both;}
.pg_wrap .pg > a {float:left;display:block;margin:0;padding:0 13px;}
.pg_wrap .pg > a.pg_page {height:auto;line-height:24px;color:#949494;background:transparent;}
.pg_wrap .pg > a.pg_page:hover {font-weight:700;color:#333;}
.pg_wrap .pg > .pg_current {float:left;display:block;height:auto;margin:0;padding:0 13px;font-weight:700;line-height:24px;color:#333;background:transparent;}
.pg_wrap .pg > a.pg_prev {width:35px;height:24px;padding:0;font-size:0;background:url('../img/common_icon_paging_prev.png') no-repeat center top 2px;background-size:auto 70%;}
.pg_wrap .pg > a.pg_next {width:35px;height:24px;padding:0;font-size:0;background:url('../img/common_icon_paging_next.png') no-repeat center top 2px;background-size:auto 70%;}
.pg_wrap .pg > a.pg_prev:hover {background-image:url('../img/common_icon_paging_prev_on.png')}
.pg_wrap .pg > a.pg_next:hover {background-image:url('../img/common_icon_paging_next_on.png')}
.pg_wrap .pg > a.pg_start {width:16px;height:24px;padding:0;font-size:0;background:url('../img/common_icon_paging_first.png') no-repeat center top 2px;background-size:auto 70%;}
.pg_wrap .pg > a.pg_end   {width:16px;height:24px;padding:0;font-size:0;background:url('../img/common_icon_paging_last.png') no-repeat center top 2px;background-size:auto 70%;}
.pg_wrap .pg > a.pg_start:hover {background-image:url('../img/common_icon_paging_first_on.png')}
.pg_wrap .pg > a.pg_end:hover {background-image:url('../img/common_icon_paging_last_on.png')}

@media (max-width:638px){
    .pg_wrap {margin:40px 0 0;font-size:17px;}
    .pg_wrap .pg > a {padding:0 10px;}
}
@media (max-width:379px){
    .pg_wrap {margin:35px 0 0;font-size:16px;}
}

/**
 * 주문하기
 */
 
table.tb-info {position:relative;table-layout:fixed;width:100%;border-collapse:collapse;text-align:left;border-bottom:1px solid #ddd;}
table.tb-info:before {position:absolute;left:0;top:-1px;width:100%;height:1px;display:block;content:"";background-color:#333;}
table.tb-info.bd-all {border:1px solid #ddd;}
table.tb-info th,
table.tb-info td {font-size:18px;height:70px;color:#333;border-top:1px solid #ddd;box-sizing:border-box;}
table.tb-info th {padding-left:20px;font-weight:700;}
table.tb-info th.req {position:relative;}
table.tb-info th.req:after {position:absolute;left:7.5px;top:50%;transform:translateY(-50%);display:block;content:"";width:5px;height:5px;background-color:#ffa800;}
table.tb-info td {padding:10px 20px;}
table.tb-info td.pd0 {padding-left:0;padding-right:0;}
table.tb-info thead th {height:60px;background-color:#f5f5f5;}
table.tb-info tr.bt1 th,
table.tb-info tr.bt1 td {border-top:1px solid #333;}
table.tb-info tr.bt0 th,
table.tb-info tr.bt0 td {border-top:0;}
table.tb-info tr.dsc td {border-top:0;padding-top:0;padding-bottom:20px;}
table.tb-info tr.dsc td ul {margin-top:-10px;padding:10px 15px;line-height:1.5;font-size:0.8em;font-weight:700;color:#555;word-break:keep-all;border:1px solid #ddd;background-color:#efefef;}
table.tb-info tr.dsc td ul > li {display:inline;}
table.tb-info tr.dsc td ul > li strong {color:#222;font-weight:800;}
table.tb-info td > strong.amount {font-size:2em;font-weight:800;color:#ffa800;letter-spacing:-0.05em;}
table.tb-info td .dsc {margin-top:10px;line-height:22px;font-size:15px;font-weight:700;color:#777;}
table.tb-info td .dsc a {border-bottom:1px solid #777;}
table.tb-info td label {cursor:pointer;}
table.tb-info td label > input {display:inline-block;vertical-align:top;margin-right:10px;width:22px;height:22px;cursor:pointer;}
table.tb-info td label > a {border-bottom:1px solid #ffa800;font-weight:700;color:#ffa800;}
table.tb-info .btn {padding:0 20px;height:50px;line-height:50px;font-weight:700;color:#fff;background-color:#333;}
table.tb-info .btn-input:after {display:block;content:"";clear:both;}
table.tb-info .btn-input > .frm-input {float:left;display:block;width:calc(100% - 100px - 5px);}
table.tb-info .btn-input > .btn {float:right;display:block;width:100px;padding:0;text-align:center;}
table.tb-info .btn-input.reverse > .frm-input {float:right;}
table.tb-info .btn-input.reverse > .btn {float:left;}
table.tb-info .vinput > .frm-input {display:block;margin-top:10px;}
table.tb-info .vinput > .frm-input:first-child {margin-top:0;}

table.tb-info.order-form {table-layout:auto;}
table.tb-info.order-form tbody th {width:200px;}

@media (max-width:1339px){
    table.tb-info td {height:68px;font-size:17px;}
    table.tb-info .frm-input {height:48px;line-height:46px;}
    table.tb-info .btn {height:48px;line-height:48px;}
    table.tb-info td .dsc {line-height:21px;font-size:14px;}
    table.tb-info td label > input {width:21px;height:21px;}
    
    table.tb-info.order-form tbody th {width:170px;}
}
@media (max-width:1023px){
    table.tb-info th,
    table.tb-info td {height:60px;font-size:15px;}
    table.tb-info thead th {height:50px;}
    table.tb-info .frm-input {height:40px;line-height:38px;}
    table.tb-info .btn {height:40px;line-height:40px;}
    table.tb-info tr.dsc td ul {line-height:1.7;font-size:0.85em;}
    table.tb-info td .dsc {line-height:20px;font-size:13px;}
    table.tb-info td label > input {width:19px;height:19px;}
    
    table.tb-info.order-form tbody th {width:120px;}
}
@media (max-width:750px){
    table.tb-info tr.dsc td ul > li {display:block;}
    table.tb-info.order-summary.bd-all {border:0;border-bottom:1px solid #ddd;}
}
@media (max-width:638px){
    table.tb-info th,
    table.tb-info td {height:54px;font-size:14px;}
    table.tb-info thead th {height:44px;}
    table.tb-info .frm-input {height:34px;line-height:32px;}
    table.tb-info .btn {height:34px;line-height:34px;}
    table.tb-info td > strong.amount {font-size:1.8em;}
    table.tb-info tr.dsc td {padding-bottom:15px;}
    table.tb-info tr.dsc td ul {margin-top:-5px;padding:10px 15px;}
    table.tb-info td .dsc {line-height:19px;font-size:12px;}
    table.tb-info td label > input {width:18px;height:18px;}
    table.tb-info .btn-input > .frm-input {width:calc(100% - 70px - 5px);}
    table.tb-info .btn-input > .btn {width:70px;}
    
    table.tb-info.order-form tbody th {width:105px;}
}
@media (max-width:440px){
    table.tb-info tr.dsc td ul > li {display:inline;}
}
@media (max-width:379px){
    table.tb-info th,
    table.tb-info td {height:50px;font-size:13px;}
    table.tb-info thead th {height:40px;}
    table.tb-info .frm-input {height:30px;line-height:28px;}
    table.tb-info .btn {height:30px;line-height:30px;}
    table.tb-info tr.dsc td ul {padding:10px 10px;}
    table.tb-info td .dsc {line-height:17px;font-size:11px;}
    table.tb-info td label > input {margin-right:5px;width:17px;height:17px;}
    table.tb-info .btn-input > .frm-input {width:calc(100% - 60px);}
    table.tb-info .btn-input > .btn {width:60px;}
    
    table.tb-info.order-form tbody th {width:95px;}
}

.order-form {}
.order-form:after {display:block;content:"";clear:both;}
.order-form > .frm {float:left;width:calc(100% - 460px - 20px);}
.order-form > .inf {float:right;width:460px;}

@media (max-width:1339px){
}
@media (max-width:1023px){
}
@media (max-width:980px){
    .order-form > .frm {float:left;width:calc((100% - 20px - 0.1px)/2);}
    .order-form > .inf {float:right;width:calc((100% - 20px - 0.1px)/2);}
}
@media (max-width:750px){
    .order-form > .frm {float:none;width:auto;}
    .order-form > .inf {float:none;width:auto;margin-top:30px;}
}

/**
 * 주문완료
 */

.order-complete {padding:100px 0;border-top:1px solid #333;}
.order-complete > .wrap {width:600px;max-width:100%;margin:0 auto;padding:40px 40px;border:1px solid #ddd;border-top:2px solid #333;box-sizing:border-box;}
.order-complete > .wrap > .tit {line-height:32px;font-size:28px;font-weight:800;color:#333;letter-spacing:-0.05em;text-align:center;}
.order-complete > .wrap > .dsc {margin-top:34px;line-height:26px;font-size:18px;color:#666;text-align:center;}
.order-complete > .wrap > .dsc > span {display:inline-block;}
.order-complete > .wrap > .inf {width:90%;margin:30px auto 0;}
.order-complete > .wrap > .inf.reason {padding:50px 10px;line-height:28px;font-size:18px;font-weight:800;color:181818;text-align:center;word-break:keep-all;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.order-complete > .wrap > .inf > dl {line-height:34px;font-size:18px;color:#666;border-bottom:1px solid #ddd;}
.order-complete > .wrap > .inf > dl:after {display:block;content:"";clear:both;}
.order-complete > .wrap > .inf > dl > dt {position:relative;float:left;width:35%;padding:10px 0 10px 15px;font-weight:700;border-top:1px solid #ddd;box-sizing:border-box;}
.order-complete > .wrap > .inf > dl > dt:before {position:absolute;left:0;top:24px;display:block;content:"";width:5px;height:5px;background-color:#ffa800;}
.order-complete > .wrap > .inf > dl > dd {float:right;width:65%;padding:10px 0;color:#111;border-top:1px solid #ddd;}
.order-complete > .wrap > .inf > dl > dd > strong {font-weight:800;}
.order-complete > .wrap > .inf > dl > dd > .bank {font-size:0.9em;}
.order-complete > .wrap > .inf > dl > dd > .bank:after {display:block;content:"";clear:both;}
.order-complete > .wrap > .inf > dl > dd > .bank > dt {float:left;width:135px;padding-left:35px;box-sizing:border-box;}
.order-complete > .wrap > .inf > dl > dd > .bank > dt.t01 {background:url('../img/common_bank01_ibk.png') no-repeat left center;background-size:auto 80%;}
.order-complete > .wrap > .inf > dl > dd > .bank > dt.t02 {background:url('../img/common_bank01_kakao.png') no-repeat left center;background-size:auto 80%;}
.order-complete > .wrap > .inf > dl > dd > .bank > dd {float:left;font-weight:700;}
.order-complete > .wrap > .btn-area {margin-top:30px;}

@media (max-width:1023px){
    .order-complete {padding:50px 0;}
    .order-complete > .wrap {padding:40px 40px;}
    .order-complete > .wrap > .tit {line-height:30px;font-size:26px;}
    .order-complete > .wrap > .dsc {margin-top:30px;line-height:24px;font-size:16px;}
    .order-complete > .wrap > .inf.reason {line-height:26px;font-size:16px;}
    .order-complete > .wrap > .inf > dl {line-height:30px;font-size:16px;}
    .order-complete > .wrap > .inf > dl > dt:before {top:22px;}
}
@media (max-width:620px){
    .order-complete {padding:0;border-top:0;}
    .order-complete > .wrap {padding:40px 40px;}
    .order-complete > .wrap > .tit {line-height:26px;font-size:22px;}
    .order-complete > .wrap > .dsc {margin-top:25px;line-height:23px;font-size:15px;}
    .order-complete > .wrap > .inf {width:100%;}
    .order-complete > .wrap > .inf.reason {padding:40px 10px;line-height:25px;font-size:15px;}
    .order-complete > .wrap > .inf > dl {line-height:28px;font-size:15px;}
    .order-complete > .wrap > .inf > dl > dt {width:140px;box-sizing:border-box;}
    .order-complete > .wrap > .inf > dl > dt:before {top:21px;}
    .order-complete > .wrap > .inf > dl > dd {width:calc(100% - 140px);}
    .order-complete > .wrap > .inf > dl > dd > .bank > dt {float:left;width:110px;padding-left:30px;}
    .order-complete > .wrap > .inf > dl > dd > .bank > dd {width:calc(100% - 110px);}
}
@media (max-width:494px){
    .order-complete > .wrap {padding:40px 0;}
    .order-complete > .wrap > .tit {line-height:22px;font-size:18px;}
    .order-complete > .wrap > .dsc {margin-top:25px;line-height:22px;font-size:14px;padding-left:10px;padding-right:10px;}
    .order-complete > .wrap > .inf {width:auto;margin:30px 40px 0;}
    .order-complete > .wrap > .inf.reason {line-height:24px;font-size:14px;}
    .order-complete > .wrap > .inf > dl {line-height:26px;font-size:14px;}
    .order-complete > .wrap > .inf > dl > dt {width:100px;}
    .order-complete > .wrap > .inf > dl > dd {width:calc(100% - 100px);}
    .order-complete > .wrap > .inf > dl > dt.bank {width:100%;}
    .order-complete > .wrap > .inf > dl > dd.bank {float:none;width:100%;padding-top:0;padding-left:15px;border-top:0;}
}
@media (max-width:379px){
    .order-complete > .wrap > .tit {line-height:20px;font-size:16px;}
    .order-complete > .wrap > .dsc {line-height:21px;font-size:13px;}
    .order-complete > .wrap > .inf {margin:30px 30px 0;}
    .order-complete > .wrap > .inf.reason {padding:30px 10px;line-height:23px;font-size:13px;}
    .order-complete > .wrap > .inf > dl {line-height:24px;font-size:13px;}
    .order-complete > .wrap > .inf > dl > dd > .bank > dt {width:100px;padding-left:27px;}
    .order-complete > .wrap > .inf > dl > dd > .bank > dd {width:calc(100% - 100px);}
}

/**
 * 기업용렌탈
 */
 
.gptCP1000 {}
.gptCP1000 .visual {position:relative;padding:75px;color:#fff;background:url('../img/comp_visual.jpg') no-repeat center center;background-size:cover;}
.gptCP1000 .visual > h3 {line-height:42px;font-size:42px;}
.gptCP1000 .visual > p {margin-top:30px;line-height:28px;font-size:18px;}
.gptCP1000 .visual > p strong {font-weight:800;}
.gptCP1000 .visual > .tel {position:absolute;right:75px;top:50%;transform:translateY(-50%);display:block;padding-left:65px;line-height:60px;font-size:60px;font-weight:800;background:url('../img/comp_vis_icon01.png') no-repeat left top 2px;background-size:auto auto;}

@media (max-width:1250px){
    .gptCP1000 .visual {position:relative;padding:60px 60px;}
    .gptCP1000 .visual > h3 {line-height:38px;font-size:38px;}
    .gptCP1000 .visual > p {margin-top:25px;line-height:25px;font-size:16px;}
    .gptCP1000 .visual > .tel {right:60px;padding-left:55px;line-height:55px;font-size:55px;background-size:auto 85%;}
}
@media (max-width:1100px){
    .gptCP1000 .visual {padding:45px 45px;}
    .gptCP1000 .visual > h3 {line-height:36px;font-size:36px;}
    .gptCP1000 .visual > p {margin-top:25px;line-height:23px;font-size:15px;}
    .gptCP1000 .visual > .tel {right:45px;padding-left:52px;line-height:52px;font-size:52px;}
}
@media (max-width:1000px){
    .gptCP1000 .visual {padding:40px 35px;}
    .gptCP1000 .visual > h3 {line-height:34px;font-size:34px;}
    .gptCP1000 .visual > p {margin-top:22px;line-height:21px;font-size:14px;}
    .gptCP1000 .visual > .tel {right:35px;padding-left:42px;line-height:42px;font-size:42px;}
}
@media (max-width:850px){
    .gptCP1000 .visual {text-align:center;}
    .gptCP1000 .visual > .tel {position:relative;top:auto;right:auto;transform:none;display:inline-block;margin-top:22px;}
}
@media (max-width:637px){
    .gptCP1000 .visual {padding:40px 20px;}
    .gptCP1000 .visual > h3 {line-height:28px;font-size:28px;}
    .gptCP1000 .visual > p {margin-top:18px;line-height:20px;font-size:13px;}
    .gptCP1000 .visual > p br {display:none;}
    .gptCP1000 .visual > p > span {display:inline-block;}
    .gptCP1000 .visual > .tel {padding-left:38px;line-height:38px;font-size:38px;}
}
@media (max-width:637px){
    .gptCP1000 .visual {padding:40px 10px;}
    .gptCP1000 .visual > h3 {line-height:24px;font-size:24px;}
    .gptCP1000 .visual > .tel {padding-left:34px;line-height:34px;font-size:34px;}
}


.gptCP1000 .items {width:calc(100% + 40px);margin:0 0 0 -40px;font-weight:700;}
.gptCP1000 .items:after {display:block;content:"";clear:both;}
.gptCP1000 .items > li {float:left;width:calc((100% - (40px * 4) - 0.1px)/4);padding:100px 0 35px;margin:40px 0 0 40px;color:#333;text-align:center;overflow:hidden;box-sizing:border-box;border:1px solid #ddd;background:no-repeat top 38px center;}
.gptCP1000 .items > li > .cmp {line-height:16px;font-size:16px;}
.gptCP1000 .items > li > .tit {line-height:21px;font-size:21px;font-weight:800;margin-top:10px;white-space:nowrap;}
.gptCP1000 .items > li.t01 {background-image:url('../img/comp_img01.png');}
.gptCP1000 .items > li.t02 {background-image:url('../img/comp_img02.png');}
.gptCP1000 .items > li.t03 {background-image:url('../img/comp_img03.png');}
.gptCP1000 .items > li.t04 {background-image:url('../img/comp_img04.png');}

@media (max-width:1180px){
    .gptCP1000 .items {width:calc(100% + 20px);margin:40px 0 0 -20px;}
    .gptCP1000 .items > li {width:calc((100% - (20px * 4) - 0.1px)/4);padding:100px 0 35px;margin:20px 0 0 20px;}
    .gptCP1000 .items > li > .tit {line-height:19px;font-size:19px;}
}
@media (max-width:980px){
    .gptCP1000 .items {width:calc(100% + 10px);margin:40px 0 0 -10px;}
    .gptCP1000 .items > li {width:calc((100% - (10px * 4) - 0.1px)/4);padding:100px 0 35px;margin:10px 0 0 10px;}
    .gptCP1000 .items > li > .tit {line-height:17px;font-size:17px;}
}
@media (max-width:820px){
    .gptCP1000 .items {width:calc(100% + 10px);margin:30px 0 0 -10px;}
    .gptCP1000 .items > li {width:calc((100% - (10px * 3) - 0.1px)/3);padding:100px 0 35px;margin:10px 0 0 10px;}
    .gptCP1000 .items > li > .cmp {line-height:14px;font-size:14px;}
    .gptCP1000 .items > li > .tit {line-height:16px;font-size:16px;}
}
@media (max-width:590px){
    .gptCP1000 .items {width:calc(100% + 10px);margin:30px 0 0 -10px;}
    .gptCP1000 .items > li {width:calc((100% - (10px * 2) - 0.1px)/2);padding:90px 0 30px;margin:10px 0 0 10px;background-position:top 30px center;}
}
@media (max-width:429px){
    .gptCP1000 .items {width:calc(100% + 5px);margin:30px 0 0 -5px;}
    .gptCP1000 .items > li {width:calc((100% - (5px * 2) - 0.1px)/2);padding:85px 0 25px;margin:5px 0 0 5px;background-position:top 25px center;}
    .gptCP1000 .items > li > .cmp {line-height:12px;font-size:12px;}
    .gptCP1000 .items > li > .tit {line-height:14px;font-size:14px;margin-top:7px;}
}

/**
 * 이용안내
 */

.usage {color:#333;}
.usage > .sect {border-top:1px solid #333;}
.usage > .sect.bd0 {border-top:0;}
.usage > .sect > .sbj {padding:35px 0;}
.usage > .sect > .sbj > h3 {line-height:32px;font-size:32px;font-weight:700;}
.usage > .sect > .sbj > p {line-height:18px;font-size:18px;margin-top:20px;}
.usage > .sect > .sbj > p > strong {color:#ffa800;font-weight:700;}
.usage > .sect > .group {padding:35px 0;border-top:1px solid #eee;}
.usage > .sect > .group > dl {}
.usage > .sect > .group > dl:after {display:block;content:"";clear:both;}
.usage > .sect > .group > dl > dt {float:left;width:320px;line-height:40px;font-size:28px;font-weight:700;box-sizing:border-box;}
.usage > .sect > .group > dl > dt.ico {padding-left:70px;background:no-repeat left center;}
.usage > .sect > .group > dl > dt.ico.t01 {background-image:url('../img/usage_send01.png');}
.usage > .sect > .group > dl > dt.ico.t02 {background-image:url('../img/usage_send02.png');}
.usage > .sect > .group > dl > dt.ico.t03 {background-image:url('../img/usage_send03.png');}
.usage > .sect > .group > dl > dd {float:right;width:calc(100% - 320px);padding-top:7px;line-height:26px;font-size:16px;}
.usage > .sect > .group > dl > dd > p {margin-top:25px;}
.usage > .sect > .group > dl > dd > p:first-child {margin-top:0;}
.usage > .sect > .group > dl > dd > p strong {font-weight:700;color:#ffa800;}
.usage > .sect > .group > dl > dd > strong {font-size:18px;font-weight:700;}
.usage > .sect > .group > dl > dd > span {}
.usage > .sect > .group > dl > dd > span > strong {color:#ffa800;font-weight:800;}
.usage > .sect > .group > dl > dd > a.lnk {display:inline-block;line-height:40px;padding:0 20px;color:#fff;font-weight:700;background-color:#ffa800;}
.usage > .sect > .group > dl > dd > dl.dsc {}
.usage > .sect > .group > dl > dd > dl.dsc > dt {font-size:18px;font-weight:800;}
.usage > .sect > .group > dl > dd > dl.dsc > dt > span {display:inline-block;}
.usage > .sect > .group > dl > dd > dl.dsc > dd {margin-top:5px;}
.usage > .sect > .group > dl > dd > dl.dsc > dd > strong {color:#ffa800;font-weight:700;}
.usage > .sect > .group > dl > dd > ul.list-h {margin-top:25px;}
.usage > .sect > .group > dl > dd > ul.list-h:after {display:block;content:"";clear:both;}
.usage > .sect > .group > dl > dd > ul.list-h > li {float:left;margin-left:30px;}
.usage > .sect > .group > dl > dd > ul.list-h > li:first-child {margin-left:0;}
.usage > .sect > .group > dl > dd > ul.list-h > li > dl {line-height:32px;}
.usage > .sect > .group > dl > dd > ul.list-h > li > dl:after {display:block;content:"";clear:both;}
.usage > .sect > .group > dl > dd > ul.list-h > li > dl > dt {float:left;display:block;padding:0 15px;font-weight:700;color:#fff;background-color:#333;}
.usage > .sect > .group > dl > dd > ul.list-h > li > dl > dt.hit {background-color:#ffa800;}
.usage > .sect > .group > dl > dd > ul.list-h > li > dl > dd {float:left;margin-left:10px;}
.usage > .sect > .group > dl > dd > .pic {position:relative;margin-top:40px;color:#333;line-height:26px;font-size:16px;}
.usage > .sect > .group > dl > dd > .pic > table {width:58%;border-collapse:collapse;border:1px solid #eee;}
.usage > .sect > .group > dl > dd > .pic > table th,
.usage > .sect > .group > dl > dd > .pic > table td {padding:30px 10px;border-bottom:1px solid #eee;}
.usage > .sect > .group > dl > dd > .pic > table th {font-size:18px;font-weight:700;text-align:center;word-break:keep-all;}
.usage > .sect > .group > dl > dd > .pic > table thead th {padding:25px 40px;color:#fff;font-weight:800;text-align:left;background-color:#ffa800;}
.usage > .sect > .group > dl > dd > .pic > table th > span {display:inline-block;}
.usage > .sect > .group > dl > dd > .pic > table td {word-break:keep-all;}
.usage > .sect > .group > dl > dd > .pic > table td > ul {}
.usage > .sect > .group > dl > dd > .pic > table td > ul > li {position:relative;;padding-left:13px;}
.usage > .sect > .group > dl > dd > .pic > table td > ul > li:after {position:absolute;left:0;top:11.5px;display:block;content:"";width:3px;height:3px;border-radius:100%;background-color:#333;}
.usage > .sect > .group > dl > dd > .pic > .pic {position:absolute;top:0;right:0;height:100%;width:calc(100% - 58% - 20px);border:1px solid #eee;box-sizing:border-box;}
.usage > .sect > .group > dl > dd > .pic > .pic > img {display:block;margin:0 auto;max-width:100%;max-height:100%;}
.usage > .sect > .group > .process {color:#333;text-align:center;}
.usage > .sect > .group > .process:after {display:block;content:"";clear:both;}
.usage > .sect > .group > .process > li {float:left;position:relative;}
.usage > .sect > .group > .process > li:first-child {margin-left:0;}
.usage > .sect > .group > .process > li:before {position:absolute;top:26px;right:calc(50% + 26.5px);width:calc(100% - 53px);display:block;content:"";height:1px;background-color:#dfdfdf;}
.usage > .sect > .group > .process > li:first-child:before {display:none;content:none;}
.usage > .sect > .group > .process > li > i {display:block;margin:0 auto;width:53px;height:53px;line-height:53px;font-size:28px;font-weight:800;font-style:normal;color:#fff;background-color:#333;border-radius:100%;}
.usage > .sect > .group > .process > li > i.hit {background-color:#ffa800;}
.usage > .sect > .group > .process > li > .tit {margin-top:18px;line-height:28px;font-size:28px;font-weight:700;}
.usage > .sect > .group > .process > li > .dsc {margin-top:10px;line-height:18px;font-size:18px;}
.usage > .sect > .group > .process > li > .dsc > span {display:inline-block;}
.usage > .sect > .group > .process.n04 > li {width:calc((100% - 0.1px)/4);}
.usage > .sect > .group > .process.n05 > li {width:calc((100% - 0.1px)/5);}
.usage > .sect > .group > .process.n05 > li:after {}

@media (max-width:1300px) {
    .usage > .sect > .group > dl > dt {width:280px;font-size:24px;}
    .usage > .sect > .group > dl > dd {width:calc(100% - 280px);}
    .usage > .sect > .group > dl > dd > .pic {margin-top:40px;line-height:22px;font-size:14px;}
    .usage > .sect > .group > dl > dd > .pic > table th {font-size:16px;}
    .usage > .sect > .group > dl > dd > .pic > table thead th {text-align:center;}
    .usage > .sect > .group > dl > dd > .pic > table td > ul > li:after {top:10px;}
    .usage > .sect > .group > .process > li > .tit {margin-top:18px;line-height:24px;font-size:24px;}
    .usage > .sect > .group > .process > li > .dsc {margin-top:10px;line-height:16px;font-size:16px;}
}
@media (max-width:1023px){
    .usage > .sect > .group > dl > dt {float:none;width:auto;margin-bottom:30px;font-size:28px;}
    .usage > .sect > .group > dl > dd {float:none;width:auto;}
    .usage > .sect > .group > dl > dd > .pic > .pic {width:calc(100% - 58% - 10px);}
}
@media (max-width:830px){
    .usage > .sect > .sbj > h3 {line-height:29px;font-size:29px;}
    .usage > .sect > .sbj > p {line-height:22px;font-size:16px;}
    .usage > .sect > .group > dl > dt {font-size:24px;margin-bottom:20px;}
    .usage > .sect > .group > dl > dd {padding-top:0;line-height:26px;font-size:14px;}
    .usage > .sect > .group > dl > dd > strong {font-size:16px;}
    .usage > .sect > .group > dl > dd > dl.dsc > dt {font-size:16px;}
    .usage > .sect > .group > dl > dd > .pic {margin-top:40px;line-height:20px;font-size:13px;}
    .usage > .sect > .group > dl > dd > .pic > table th,
    .usage > .sect > .group > dl > dd > .pic > table td {padding:25px 10px;}
    .usage > .sect > .group > dl > dd > .pic > table th {font-size:14px;}
    .usage > .sect > .group > dl > dd > .pic > table thead th {padding:20px 10px;}
    .usage > .sect > .group > dl > dd > .pic > table td > ul > li:after {top:9px;}
    
    .usage > .sect > .group > .process > li:before {top:23.5px;right:calc(50% + 24px);width:calc(100% - 48px);}
    .usage > .sect > .group > .process > li > i {width:48px;height:48px;line-height:48px;font-size:24px;}
    .usage > .sect > .group > .process > li > .tit {margin-top:18px;line-height:22px;font-size:22px;}
    .usage > .sect > .group > .process > li > .dsc {margin-top:10px;line-height:14px;font-size:14px;}
}
@media (max-width:665px){
    .usage > .sect > .sbj > h3 {line-height:27px;font-size:27px;}
    .usage > .sect > .sbj > p {line-height:20px;font-size:15px;}
    .usage > .sect > .group > dl > dt {line-height:30px;font-size:22px;margin-bottom:20px;}
    .usage > .sect > .group > dl > dt.ico {padding-left:65px;background-size:contain;}
    .usage > .sect > .group > dl > dd {line-height:22px;font-size:13px;}
    .usage > .sect > .group > dl > dd > strong {font-size:15px;}
    .usage > .sect > .group > dl > dd > dl.dsc > dt {font-size:15px;}
    .usage > .sect > .group > dl > dd > ul.list-h > li {float:none;margin-left:0;margin-top:10px;}
    .usage > .sect > .group > dl > dd > ul.list-h > li:first-child {margin-left:0;margin-top:0;}
    .usage > .sect > .group > dl > dd > ul.list-h > li > dl > dt {padding:0;width:70px;text-align:center;}
    .usage > .sect > .group > dl > dd > .pic > table {width:100%;}
    .usage > .sect > .group > dl > dd > .pic > .pic {position:relative;width:auto;margin-top:15px;}
    
    .usage > .sect > .group > .process > li:before {top:19.5px;right:calc(50% + 20px);width:calc(100% - 40px);}
    .usage > .sect > .group > .process > li > i {width:40px;height:40px;line-height:40px;font-size:20px;}
    .usage > .sect > .group > .process > li > .tit {margin-top:18px;line-height:16px;font-size:18px;}
    .usage > .sect > .group > .process > li > .dsc {margin-top:10px;line-height:13px;font-size:13px;}
}
@media (max-width:480px){
    .usage > .sect > .sbj {padding:30px 0;}
    .usage > .sect > .sbj > h3 {line-height:25px;font-size:25px;}
    .usage > .sect > .sbj > p {margin-top:15px;}
    .usage > .sect > .group {padding:30px 0;}
    .usage > .sect > .group > dl > dt {line-height:28px;font-size:20px;margin-bottom:20px;}
    .usage > .sect > .group > dl > dd > .pic {margin-top:40px;line-height:18px;font-size:12px;}
    .usage > .sect > .group > dl > dd > .pic > table th,
    .usage > .sect > .group > dl > dd > .pic > table td {padding:20px 10px;}
    .usage > .sect > .group > dl > dd > .pic > table th {font-size:13px;}
    .usage > .sect > .group > dl > dd > .pic > table thead th {padding:15px 10px;}
    .usage > .sect > .group > dl > dd > .pic > table td > ul > li:after {top:8px;}
    
    .usage > .sect > .group > .process > li {float:none;margin-top:15px;width:auto !important;}
    .usage > .sect > .group > .process > li:first-child {margin-top:0;}
    .usage > .sect > .group > .process > li:after {display:block;content:"";clear:both;}
    .usage > .sect > .group > .process > li:before {top:auto;bottom:100%;left:17.5px;right:auto;width:1px;height:15px;}
    .usage > .sect > .group > .process > li > i {float:left;width:36px;height:36px;line-height:36px;font-size:18px;}
    .usage > .sect > .group > .process > li > .tit {float:left;margin-top:0;margin-left:10px;font-size:16px;line-height:36px;width:100px;text-align:left;}
    .usage > .sect > .group > .process > li > .dsc {float:left;margin-top:0;line-height:36px;font-size:14px;}
    .usage > .sect > .group > .process > li > .dsc:before {display:inline;content:":";margin-right:10px;}
}
@media (max-width:379px){
    .usage > .sect > .sbj {padding:25px 0;}
    .usage > .sect > .sbj > h3 {line-height:22px;font-size:22px;}
    .usage > .sect > .sbj > p {margin-top:10px;line-height:18px;font-size:14px;}
    .usage > .sect > .group {padding:25px 0;}
    .usage > .sect > .group > dl > dt {line-height:28px;font-size:18px;margin-bottom:15px;}
    .usage > .sect > .group > dl > dd {line-height:20px;font-size:12.5px;}
    .usage > .sect > .group > dl > dd > strong {font-size:14px;}
    .usage > .sect > .group > dl > dd > dl.dsc > dt {font-size:14px;}
    .usage > .sect > .group > dl > dd > .pic > table th {font-size:12px;}
    .usage > .sect > .group > dl > dd > .pic > table thead th {font-size:13px;}
    
    .usage > .sect > .group > .process > li {float:none;margin-top:15px;width:auto !important;}
    .usage > .sect > .group > .process > li:first-child {margin-top:0;}
    .usage > .sect > .group > .process > li:after {display:block;content:"";clear:both;}
    .usage > .sect > .group > .process > li:before {top:auto;bottom:100%;left:14.5px;right:auto;width:1px;height:15px;}
    .usage > .sect > .group > .process > li > i {float:left;width:30px;height:30px;line-height:30px;font-size:15px;}
    .usage > .sect > .group > .process > li > .tit {float:left;margin-top:0;margin-left:8px;font-size:14px;line-height:30px;width:85px;text-align:left;}
    .usage > .sect > .group > .process > li > .dsc {float:left;margin-top:0;line-height:30px;font-size:13px;}
    .usage > .sect > .group > .process > li > .dsc:before {display:inline;content:":";margin-right:10px;}
}

/**
 * 오시는길
 */

.gptCU6000 {}
.gptCU6000 > .map {position:relative;}
.gptCU6000 > .map:after {display:block;content:"";padding-bottom:36%;}
.gptCU6000 > .map > .cnt {position:absolute !important;left:0;top:0;width:100%;height:100%;box-sizing:border-box;background-color:#333;}
.gptCU6000 > dl.inf {margin-top:55px;}
.gptCU6000 > dl.inf:after {display:block;content:"";clear:both;}
.gptCU6000 > dl.inf > dt {float:left;width:360px;}
.gptCU6000 > dl.inf > dt > img {display:block;}
.gptCU6000 > dl.inf > dd {float:right;width:calc(100% - 360px);line-height:26px;font-size:16px;color:#333;}
.gptCU6000 > dl.inf > dd > p {margin-top:10px;}
.gptCU6000 > dl.inf > dd > p:first-child {margin-top:0;}
.gptCU6000 > dl.inf > dd > p.strong {font-size:18px;color:#ffa800;font-weight:800;}
.gptCU6000 > dl.inf > dd > p > span {display:inline-block;}
.gptCU6000 > dl.inf > dd > ul.tel {}
.gptCU6000 > dl.inf > dd > ul.tel:after {display:block;content:"";clear:both;}
.gptCU6000 > dl.inf > dd > ul.tel > li {float:left;margin-left:20px;}
.gptCU6000 > dl.inf > dd > ul.tel > li:first-child {margin-left:0;}
.gptCU6000 > dl.inf > dd > ul.tel > li > strong {color:#000;font-weight:800;}
.gptCU6000 > dl.inf > dd > ul.trans {padding:20px 0;margin-bottom:20px;line-height:32px;font-weight:800;border-bottom:1px solid #eee;}
.gptCU6000 > dl.inf > dd > ul.trans:after {display:block;content:"";clear:both;}
.gptCU6000 > dl.inf > dd > ul.trans > li {position:relative;float:left;margin-left:30px;}
.gptCU6000 > dl.inf > dd > ul.trans > li:first-child {margin-left:0;}
.gptCU6000 > dl.inf > dd > ul.trans > li:before {position:absolute;left:-18px;top:50%;transform:translateY(-50%);display:block;content:"";width:6px;height:100%;background:url('../img/common_path01.png') no-repeat center center;background-size:100% auto;}
.gptCU6000 > dl.inf > dd > ul.trans > li:first-child:before {display:none;content:none;}
.gptCU6000 > dl.inf > dd > ul.trans > li.sub {color:#758002;padding-left:40px;background:url('../img/common_trans01_subway.png') no-repeat left center;background-size:contain;}
.gptCU6000 > dl.inf > dd > ul.trans > li.sub > i {display:inline-block;margin-right:5px;width:32px;height:32px;font-size:21px;font-style:normal;color:#fff;text-align:center;border-radius:100%;background-color:#758002;}
.gptCU6000 > dl.inf > dd > ul.trans > li.sub.t01 {color:#263c96;}
.gptCU6000 > dl.inf > dd > ul.trans > li.sub.t01 > i {background-color:#263c96;}
.gptCU6000 > dl.inf > dd > ul.trans > li.bus {color:#009411;padding-left:40px;background:url('../img/common_trans01_bus.png') no-repeat left center;background-size:contain;}

.map-info-window {display:block;}
.map-info-window > img {display:block;max-width:100%;margin:0 auto;padding:15px 20px 10px;box-sizing:border-box;}

@media (max-width:1023px){
    .gptCU6000 > .map:after {padding-bottom:50%;}
    .gptCU6000 > dl.inf {margin-top:40px;}
    .gptCU6000 > dl.inf > dt {float:none;width:auto;}
    .gptCU6000 > dl.inf > dt > img {display:block;margin-bottom:40px;}
    .gptCU6000 > dl.inf > dd {float:none;width:auto;line-height:24px;font-size:15px;}
    .gptCU6000 > dl.inf > dd > p.strong {font-size:17px;}
    .gptCU6000 > dl.inf > dd > ul.trans {line-height:30px;}
    .gptCU6000 > dl.inf > dd > ul.trans > li.sub > i {width:30px;height:30px;font-size:19px;}
}
@media (max-width:830px){
    .gptCU6000 > dl.inf > dd {line-height:22px;font-size:14px;}
    .gptCU6000 > dl.inf > dd > p.strong {font-size:16px;}
    .gptCU6000 > dl.inf > dd > ul.trans {line-height:28px;}
    .gptCU6000 > dl.inf > dd > ul.trans > li.sub > i {width:28px;height:28px;font-size:17px;}
}
@media (max-width:638px){
    .gptCU6000 > .map:after {padding-bottom:80%;}
    .gptCU6000 > dl.inf {margin-top:30px;}
    .gptCU6000 > dl.inf > dt > img {margin-bottom:30px;height:20px;}
    .gptCU6000 > dl.inf > dd {line-height:20px;font-size:13px;}
    .gptCU6000 > dl.inf > dd > p.strong {font-size:14px;}
    .gptCU6000 > dl.inf > dd > ul.trans {line-height:26px;}
    .gptCU6000 > dl.inf > dd > ul.trans > li.sub > i {width:26px;height:26px;font-size:15px;}
    
    .map-info-window > img {padding:10px 15px 5px;}
}
@media (max-width:560px){
    .gptCU6000 > dl.inf > dd > ul.trans > li {float:none;margin:10px 0 0 16px;}
    .gptCU6000 > dl.inf > dd > ul.trans > li:first-child {margin:0 0 0 16px;}
    .gptCU6000 > dl.inf > dd > ul.trans > li:before {left:-16px;}
}
@media (max-width:379px){
    .gptCU6000 > .map:after {padding-bottom:100%;}
    .gptCU6000 > dl.inf {margin-top:30px;}
    .gptCU6000 > dl.inf > dt > img {margin-bottom:20px;height:17px;}
    .gptCU6000 > dl.inf > dd {line-height:18px;font-size:12px;}
    .gptCU6000 > dl.inf > dd > p.strong {font-size:13px;}
    .gptCU6000 > dl.inf > dd > ul.trans {padding:15px 0;margin-bottom:15px;}
    .gptCU6000 > dl.inf > dd > ul.trans {line-height:24px;}
    .gptCU6000 > dl.inf > dd > ul.trans > li.sub > i {width:24px;height:24px;font-size:14px;}
    
    /*.map-info-window > img {padding:8px 12px 3px;}*/
}

/**
 * 이용약관 & 개인정보처리방침
 */
 
.policy {line-height:24px;font-size:16px;color:#333;word-break:keep-all;}
.policy > .sect {margin-top:40px;}
.policy > .sect:first-child {margin-top:0;}
.policy > .sect > h3 {line-height:18px;font-size:18px;font-weight:700;color:#000;margin-bottom:15px;}
.policy > .sect > h3 > strong {font-weight:800;}
.policy > .sect > p {margin-top:15px;}
.policy > .sect > p:first-child {margin-top:0;}
.policy > .sect ul {margin-top:15px;}
.policy > .sect ul:first-child {margin-top:0;}
.policy > .sect ul > li {position:relative;display:block;margin-top:5px;padding-left:25px;}
.policy > .sect ul > li:first-child {margin-top:0;}
.policy > .sect ul > li > i {position:absolute;left:0;top:0;display:block;font-style:normal;}
.policy > .sect ul > li > ul {margin:10px 0;line-height:22px;font-size:15px;}
.policy > .sect ul > li p {margin:10px 0;}

@media (max-width:1023px){
    .policy {line-height:22px;font-size:15px;}
    .policy > .sect {margin-top:35px;}
    .policy > .sect > h3 {line-height:17px;font-size:17px;}
    .policy > .sect ul > li > ul {line-height:20px;font-size:14px;}
}
@media (max-width:638px){
    .policy {line-height:20px;font-size:14px;}
    .policy > .sect {margin-top:30px;}
    .policy > .sect > h3 {line-height:20px;font-size:16px;}
    .policy > .sect ul > li {padding-left:18px;}
    .policy > .sect ul > li > ul {line-height:18px;font-size:13px;}
}
@media (max-width:379px){
    .policy {line-height:19px;font-size:13px;}
    .policy > .sect {margin-top:25px;}
    .policy > .sect > h3 {line-height:19px;font-size:15px;}
    .policy > .sect ul > li {padding-left:18px;}
    .policy > .sect ul > li > ul {line-height:17px;font-size:12px;}
}

/**
 * 로그인
 */
 
.login {padding:50px 0;border-top:1px solid #333;border-bottom:1px solid #eee;}
.login > .wrap {width:600px;max-width:100%;margin:0 auto;}
.login > .wrap > .head {color:#333;text-align:center;}
.login > .wrap > .head > .tit {line-height:46px;font-size:36px;font-weight:300;}
.login > .wrap > .head > .tit > strong {display:block;font-weight:700;}
.login > .wrap > .head > .dsc {margin-top:25px;line-height:30px;font-size:18px;}
.login > .wrap > .head > .dsc > span {display:inline-block;}
.login > .wrap > .btns {margin-top:35px;}
.login > .wrap > .btns > a {display:block;margin-top:20px;height:80px;line-height:80px;font-size:24px;font-weight:700;text-align:center;border-radius:10px;background:no-repeat left 20px center;}
.login > .wrap > .btns > a:first-child {margin-top:0;}
.login > .wrap > .btns > a.kakao  {color:#3b1c1c;background-color:#f9e007;background-image:url('../img/common_social01_kakao.png');}
.login > .wrap > .btns > a.naver  {color:#ffffff;background-color:#00c73c;background-image:url('../img/common_social01_naver.png');}
.login > .wrap > .btns > a.google {z-index:1;position:relative;font-family:'Roboto';color:#757575;background-color:#ffffff;background-image:url('../img/common_social01_google.png');border:1px solid #dedede;overflow:hidden;}
.login > .wrap > .btns > a.google > .wrap {position:absolute;left:0;top:0;width:100%;height:100%;display:block;content:"";}
.login > .wrap > .btns > a.google > .wrap iframe {z-index:2;transform:scale(100);opacity:0.000001;}

@media (max-width:1023px){
    .login > .wrap > .head > .tit {line-height:44px;font-size:34px;}
    .login > .wrap > .head > .dsc {margin-top:23px;line-height:28px;font-size:16px;}
    .login > .wrap > .btns > a {height:76px;line-height:76px;font-size:22px;}
}
@media (max-width:830px){
    .login > .wrap > .head > .tit {line-height:42px;font-size:32px;}
    .login > .wrap > .head > .dsc {margin-top:20px;line-height:26px;font-size:15px;}
    .login > .wrap > .btns > a {height:72px;line-height:72px;font-size:20px;background-size:auto 70%;}
}
@media (max-width:638px){
    .login > .wrap > .head > .tit {line-height:38px;font-size:28px;}
    .login > .wrap > .head > .dsc {margin-top:15px;line-height:24px;font-size:14px;}
    .login > .wrap > .btns > a {margin-top:15px;margin-top:10px;height:55px;line-height:55px;font-size:16px;background-position:left 10px center;}
}
@media (max-width:379px){
    .login > .wrap > .head > .tit {line-height:36px;font-size:26px;}
    .login > .wrap > .btns {margin-top:25px;}
}

/**
 * 상품목록
 */
 
.goods-list {margin:-40px 0 0 -40px;width:calc(100% + 40px);word-break:keep-all;}
.goods-list:after {display:block;content:"";clear:both;}
.goods-list > .itm {float:left;display:block;margin:40px 0 0 40px;width:calc((100% - (40px * 3) - 0.1px)/3);padding:0 0 20px 0;border:1px solid #eee;box-sizing:border-box;transition:all .2s;}
.goods-list > .itm:hover {border:1px solid #ffa800;}
.goods-list > .itm > .pic {position:relative;background:no-repeat center center;background-size:cover;}
.goods-list > .itm > .pic:before {display:block;content:"";padding-bottom:75%;}
.goods-list > .itm > .pic > .badge {position:absolute;right:15px;top:15px;}
.goods-list > .itm > .pic > .badge:after {display:block;content:"";clear:both;}
.goods-list > .itm > .pic > .badge > span {float:left;display:block;margin-left:3px;padding:0 8px;line-height:29px;font-size:15px;font-weight:700;color:#fff;border-radius:5px;background-color:#ff0000;}
.goods-list > .itm > .pic > .badge > span:first-child {margin-left:0;}
.goods-list > .itm > .pic > .badge > span.t01 {background-color:#333333;}
.goods-list > .itm > .pic > .badge > span.t02 {background-color:#ff0000;}
.goods-list > .itm > .cnt {text-align:center;padding:0 20px;}
.goods-list > .itm > .cnt > .tit {height:52px;line-height:26px;font-size:21px;color:#181818;font-weight:700;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.goods-list > .itm > .cnt > .dsc {height:42px;line-height:21px;font-size:16px;color:#666;font-weight:400;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.goods-list > .itm > .prc {margin-top:40px;text-align:center;white-space:nowrap;}
.goods-list > .itm > .prc > dl {display:inline-block;vertical-align:bottom;margin-left:15px;line-height:30px;font-size:21px;font-weight:700;color:#333;}
.goods-list > .itm > .prc > dl:first-child {margin-left:0;}
.goods-list > .itm > .prc > dl > dt {display:inline-block;vertical-align:bottom;padding:0 9px 0 7px;font-size:16px;color:#fff;border-radius:8px;background-color:#333;}
.goods-list > .itm > .prc > dl > dt.t01 {background-color:#333333;}
.goods-list > .itm > .prc > dl > dt.t02 {background-color:#ffa800;}
.goods-list > .itm > .prc > dl > dd {position:relative;display:inline-block;text-align:left;}
.goods-list > .itm > .prc > dl > dd > .dis {position:absolute;left:0;bottom:100%;display:block;width:100%;margin-top:5px;line-height:16px;font-size:16px;font-weight:700;color:#bbb;text-decoration:line-through;}

@media (max-width:1339px){
    .goods-list {margin:-20px 0 0 -20px;width:calc(100% + 20px);}
    .goods-list > .itm {margin:20px 0 0 20px;width:calc((100% - (20px * 3) - 0.1px)/3);}
    .goods-list > .itm > .pic > .badge {font-size:14px;}
    .goods-list > .itm > .cnt > .tit {height:48px;line-height:24px;font-size:19px;}
    .goods-list > .itm > .cnt > .dsc {height:38px;line-height:19px;font-size:14px;}
    .goods-list > .itm > .prc > dl {margin-left:10px;line-height:28px;font-size:19px;}
    .goods-list > .itm > .prc > dl > dt {font-size:14px;}
    .goods-list > .itm > .prc > dl > dd > .dis {line-height:14px;font-size:14px;}
}
@media (max-width:1023px){
    .goods-list {margin:-10px 0 0 -10px;width:calc(100% + 10px);}
    .goods-list > .itm {margin:10px 0 0 10px;width:calc((100% - (10px * 3) - 0.1px)/3);}
    .goods-list > .itm > .pic > .badge {font-size:13px;}
    .goods-list > .itm > .cnt > .tit {height:46px;line-height:23px;font-size:18px;}
    .goods-list > .itm > .cnt > .dsc {height:36px;line-height:18px;font-size:13px;}
    .goods-list > .itm > .prc > dl {line-height:27px;font-size:18px;}
    .goods-list > .itm > .prc > dl > dt {font-size:13px;}
    .goods-list > .itm > .prc > dl > dd > .dis {line-height:13px;font-size:13px;}
}
@media (max-width:930px){
    .goods-list > .itm {width:calc((100% - (10px * 2) - 0.1px)/2);}
}
@media (max-width:638px){
    .goods-list > .itm > .pic > .badge {font-size:12px;}
    .goods-list > .itm > .cnt > .tit {height:44px;line-height:22px;font-size:17px;}
    .goods-list > .itm > .cnt > .dsc {height:34px;line-height:17px;font-size:12px;}
    .goods-list > .itm > .prc {margin:30px auto 0;width:90%;}
    .goods-list > .itm > .prc > dl {display:table;margin:10px auto 0;width:100%;line-height:25px;font-size:16px;}
    .goods-list > .itm > .prc > dl:first-child {margin:0 auto 0;}
    .goods-list > .itm > .prc > dl > dt {display:table-cell;width:48px;text-align:center;font-size:12px;}
    .goods-list > .itm > .prc > dl > dd {display:table-cell;text-align:right;}
    .goods-list > .itm > .prc > dl > dd > .dis {left:5px;bottom:auto;top:50%;transform:translateY(-50%);margin:0;width:auto;line-height:12px;font-size:12px;}
}
@media (max-width:490px){
    .goods-list > .itm > .pic > .badge {font-size:11px;}
    .goods-list > .itm > .cnt > .tit {height:40px;line-height:20px;font-size:16px;}
    .goods-list > .itm > .cnt > .dsc {height:30px;line-height:15px;font-size:11px;}
    .goods-list > .itm > .prc > dl {display:table;margin:15px auto 0;line-height:22px;font-size:14px;}
    .goods-list > .itm > .prc > dl > dt {width:48px;font-size:11px;}
    .goods-list > .itm > .prc > dl > dd > .dis {left:auto;top:auto;right:0;bottom:100%;transform:none;}
}
@media (max-width:424px){
    .goods-list {margin:0;width:auto;}
    .goods-list > .itm {float:none;margin:10px 0 0;width:auto;}
    .goods-list > .itm > .cnt > .tit {height:auto;display:block;}
    .goods-list > .itm > .cnt > .dsc {height:auto;display:block;}
    .goods-list > .itm > .prc {width:auto;}
    .goods-list > .itm > .prc > dl {display:inline-block;margin:0 0 0 15px;width:auto;}
    .goods-list > .itm > .prc > dl > dt {display:inline-block;}
    .goods-list > .itm > .prc > dl > dd {display:inline-block;margin-left:5px;}
    .goods-list > .itm > .prc > dl > dd > .dis {left:0;top:auto;right:auto;bottom:100%;}
}
@media (max-width:339px){
    .goods-list > .itm > .prc {width:60%;}
    .goods-list > .itm > .prc > dl {display:table;margin:15px auto 0;width:100%;}
    .goods-list > .itm > .prc > dl > dt {display:table-cell;}
    .goods-list > .itm > .prc > dl > dd {display:table-cell;}
    .goods-list > .itm > .prc > dl > dd > .dis {left:auto;top:auto;right:0;bottom:100%;transform:none;}
}

/**
 * 상품상세
 */
 
.goods-detail-top {}
.goods-detail-top:after {display:block;content:"";clear:both;}
.goods-detail-top > .img {float:left;display:block;width:calc(100% - 680px - 100px);}
.goods-detail-top > .img > .big {border:1px solid #eee;background:no-repeat center center;background-size:cover;}
.goods-detail-top > .img > .big:before {display:block;content:"";padding-bottom:100%;}
.goods-detail-top > .img > .thumb {margin-top:10px;}
.goods-detail-top > .img > .thumb:after {display:block;content:"";clear:both;}
.goods-detail-top > .img > .thumb > .itm {float:left;display:block;width:calc((100% - (10px * 3) - 0.1px)/4);margin-left:10px;border:1px solid #eee;box-sizing:border-box;background:no-repeat center center;background-size:cover;transition:all .2s;}
.goods-detail-top > .img > .thumb > .itm:first-child {margin-left:0;}
.goods-detail-top > .img > .thumb > .itm:before {display:block;content:"";padding-bottom:100%;}
.goods-detail-top > .img > .thumb > .itm.on,
.goods-detail-top > .img > .thumb > .itm:hover {border:1px solid #ffa800;}
.goods-detail-top > .inf {float:right;display:block;width:680px;}
.goods-detail-top > .inf > .tit {line-height:40px;font-size:36px;font-weight:700;color:#181818;}
.goods-detail-top > .inf > .dsc {margin-top:10px;padding:20px;line-height:26px;font-size:18px;color:#000;word-break:keep-all;background-color:#f5f5f5;}
.goods-detail-top > .inf > .dsc > b,
.goods-detail-top > .inf > .dsc > strong {font-weight:800;color:#333;}
.goods-detail-top > .inf > .fields {margin-top:10px;}
.goods-detail-top > .inf > .fields > dl {line-height:64px;}
.goods-detail-top > .inf > .fields > dl:after {display:block;content:"";clear:both;}
.goods-detail-top > .inf > .fields > dl > dt {float:left;display:block;width:180px;font-size:24px;font-weight:700;color:#333;}
.goods-detail-top > .inf > .fields > dl > dd > .hot {display:inline-block;padding:0 15px;;height:40px;line-height:40px;font-size:18px;font-weight:800;color:#fff;background-color:#ff0000;border-radius:5px;}
.goods-detail-top > .inf > .fields > dl > dd {float:right;display:block;width:calc(100% - 180px);font-size:18px;}
.goods-detail-top > .inf > .fields > dl > dd .frm-input {height:44px;line-height:42px;margin:10px 0;}
.goods-detail-top > .inf > .fields > dl.fold {border-bottom:1px solid #e6e6e6;}
.goods-detail-top > .inf > .fields > dl.fold > dt {position:relative;float:none;width:auto;cursor:pointer;-webkit-tap-highlight-color:transparent !important;}
.goods-detail-top > .inf > .fields > dl.fold > dt:after {position:absolute;right:0;top:0;height:100%;width:63px;display:block;content:"";background:url('../img/common_bullet02.png') no-repeat center center;background-size:auto 20%;transition:all .3s;}
.goods-detail-top > .inf > .fields > dl.fold.on > dt {border-bottom:1px solid #e6e6e6;}
.goods-detail-top > .inf > .fields > dl.fold.on > dt:after {transform:rotate(180deg);}
.goods-detail-top > .inf > .fields > dl.fold > dd {position:relative;float:none;width:auto;padding:20px 0 20px 180px;}
.goods-detail-top > .inf > .fields > dl.fold > dd.bg01 {background-color:#f9f9f9;padding-right:20px;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .tit {position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:18px;color:#bbb;padding-left:20px;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt {}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components {}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components:after {display:block;content:"";clear:both;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li {float:left;display:block;width:calc((100% - (10px * 3) - 0.1px)/4);margin-left:10px;font-size:0;border:1px solid #eee;border-radius:10px;overflow:hidden;box-sizing:border-box;background:no-repeat center center;background-size:cover;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li:first-child {margin-left:0;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li:before {display:block;content:"";padding-bottom:100%;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li.t01 {background-image:url('../img/prod_base01.png');}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li.t02 {background-image:url('../img/prod_base02.png');}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li.t03 {background-image:url('../img/prod_base03.png');}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li.t04 {background-image:url('../img/prod_base04.png');}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options {line-height:32px;font-size:18px;color:#333;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options > label {display:block;margin-top:10px;cursor:pointer;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options > label:first-child {margin-top:0;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options > label > input {display:inline-block;vertical-align:bottom;width:32px;height:32px;margin-right:10px;cursor:pointer;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items {line-height:36px;font-size:20px;font-weight:700;color:#333;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items > li {}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items > li:after {display:block;content:"";clear:both;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items > li > .tit {float:left;display:block;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items > li > .prc {float:right;display:block;}
.goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items > li > .prc > strong {font-weight:800;}
.goods-detail-top > .inf > .amount {line-height:80px;font-size:24px;font-weight:700;color:#333;border-top:1px solid #e6e6e6;}
.goods-detail-top > .inf > .amount:after {display:block;content:"";clear:both;}
.goods-detail-top > .inf > .amount > .tit {float:left;display:block;}
.goods-detail-top > .inf > .amount > .val {float:right;display:block;}
.goods-detail-top > .inf > .amount > .val > strong {font-size:28px;font-weight:800;margin-right:3px;}
.goods-detail-top > .inf > .amount > .val > strong.big {font-size:1.8em;color:#ffa800;}
.goods-detail-top > .inf > .amount > .dsc {float:left;width:100%;margin-top:-10px;padding:15px 20px;line-height:26px;font-size:15px;word-break:keep-all;border:1px solid #ddd;background-color:#efefef;box-sizing:border-box;}
.goods-detail-top > .inf > .amount > .dsc > li {position:relative;padding-left:13px;}
.goods-detail-top > .inf > .amount > .dsc > li:after {position:absolute;left:0;top:10px;display:block;content:"";width:4px;height:4px;background-color:#ffa800;}
.goods-detail-top > .inf > .submit {}
.goods-detail-top > .inf > .submit:after {display:block;content:"";clear:both;}
.goods-detail-top > .inf > .submit > a {float:left;display:block;width:calc((100% - 20px - 0.1px)/2);margin-left:20px;height:80px;line-height:80px;font-size:24px;font-weight:800;color:#fff;text-align:center;}
.goods-detail-top > .inf > .submit > a:first-child {margin-left:0;}
.goods-detail-top > .inf > .submit > a.t01 {background-color:#333333;}
.goods-detail-top > .inf > .submit > a.t02 {background-color:#ffa800;}

@media (max-width:1339px){
    .goods-detail-top > .img {width:calc(100% - 55% - 50px);}
    .goods-detail-top > .inf {width:55%;}
    .goods-detail-top > .inf > .tit {line-height:38px;font-size:34px;}
    .goods-detail-top > .inf > .dsc {line-height:24px;font-size:16px;}
    .goods-detail-top > .inf > .fields > dl {line-height:60px;}
    .goods-detail-top > .inf > .fields > dl > dt {width:160px;font-size:22px;}
    .goods-detail-top > .inf > .fields > dl > dd {width:calc(100% - 160px);}
    .goods-detail-top > .inf > .fields > dl > dd > .hot {height:38px;line-height:38px;font-size:16px;}
    .goods-detail-top > .inf > .fields > dl > dd .frm-input {height:40px;line-height:38px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd {padding-left:160px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .tit {font-size:16px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options {line-height:30px;font-size:16px;color:#333;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options > label > input {width:30px;height:30px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items {line-height:34px;font-size:18px;}
    .goods-detail-top > .inf > .amount {line-height:78px;font-size:22px;}
    .goods-detail-top > .inf > .amount > .val > strong {font-size:26px;}
    .goods-detail-top > .inf > .amount > .dsc {padding:10px 15px;line-height:24px;font-size:14px;}
    .goods-detail-top > .inf > .submit > a {width:calc((100% - 15px - 0.1px)/2);margin-left:15px;height:70px;line-height:70px;font-size:22px;}
}
@media (max-width:1023px){
    .goods-detail-top > .img {width:calc(100% - 52% - 30px);}
    .goods-detail-top > .inf {width:52%;}
    .goods-detail-top > .inf > .tit {line-height:36px;font-size:32px;}
    .goods-detail-top > .inf > .dsc {line-height:22px;font-size:14px;}
    .goods-detail-top > .inf > .fields > dl {line-height:56px;}
    .goods-detail-top > .inf > .fields > dl > dt {width:140px;font-size:20px;}
    .goods-detail-top > .inf > .fields > dl > dd {width:calc(100% - 140px);font-size:14px;}
    .goods-detail-top > .inf > .fields > dl > dd > .hot {height:34px;line-height:34px;font-size:14px;}
    .goods-detail-top > .inf > .fields > dl > dd .frm-input {height:36px;line-height:34px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd {padding-left:140px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .tit {font-size:14px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li {width:calc((100% - (5px * 3) - 0.1px)/4);margin-left:5px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options {line-height:28px;font-size:14px;color:#333;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options > label > input {width:28px;height:28px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items {line-height:32px;font-size:16px;}
    .goods-detail-top > .inf > .amount {line-height:76px;font-size:20px;}
    .goods-detail-top > .inf > .amount > .val > strong {font-size:24px;}
    .goods-detail-top > .inf > .amount > .dsc {padding:10px 15px;line-height:22px;font-size:13px;}
    .goods-detail-top > .inf > .submit > a {width:calc((100% - 10px - 0.1px)/2);margin-left:10px;height:66px;line-height:66px;font-size:20px;}
}
@media (max-width:830px){
    .goods-detail-top > .img {position:relative;float:none;width:auto;}
    .goods-detail-top > .img:after {display:block;content:"";clear:both;}
    .goods-detail-top > .img > .big {position:absolute;left:0;top:0;height:100%;width:calc(100% - 12% - 10px);background-size:contain;}
    .goods-detail-top > .img > .thumb {float:right;margin:0;width:12%;}
    .goods-detail-top > .img > .thumb > .itm {float:none;width:auto;margin:10px 0 0 0;}
    .goods-detail-top > .inf {float:none;width:auto;margin-top:40px;}
    .goods-detail-top > .inf > .fields > dl > dt {width:180px;}
    .goods-detail-top > .inf > .fields > dl > dd {width:calc(100% - 180px);}
    .goods-detail-top > .inf > .fields > dl.fold > dd {padding-left:180px;}
}
@media (max-width:638px){
    .goods-detail-top > .img > .big {width:calc(100% - 70px - 10px);}
    .goods-detail-top > .img > .thumb {width:70px;}
    .goods-detail-top > .inf > .tit {line-height:34px;font-size:30px;}
    .goods-detail-top > .inf > .dsc {line-height:20px;font-size:13px;}
    .goods-detail-top > .inf > .fields > dl {line-height:52px;}
    .goods-detail-top > .inf > .fields > dl > dt {width:140px;font-size:18px;}
    .goods-detail-top > .inf > .fields > dl > dd {width:calc(100% - 140px);font-size:13px;}
    .goods-detail-top > .inf > .fields > dl > dd > .hot {height:32px;line-height:32px;font-size:13px;}
    .goods-detail-top > .inf > .fields > dl > dd .frm-input {height:34px;line-height:32px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd {padding-left:140px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .tit {font-size:13px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options {line-height:26px;font-size:13px;color:#333;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options > label > input {width:26px;height:26px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items {line-height:30px;font-size:14px;}
    .goods-detail-top > .inf > .amount {line-height:72px;font-size:18px;}
    .goods-detail-top > .inf > .amount > .val > strong {font-size:22px;}
    .goods-detail-top > .inf > .amount > .dsc {padding:10px 15px;line-height:20px;font-size:12px;}
    .goods-detail-top > .inf > .amount > .dsc > li {padding-left:10px;}
    .goods-detail-top > .inf > .amount > .dsc > li:after {top:8px;display:block;content:"";width:3px;height:3px;}
    .goods-detail-top > .inf > .submit > a {height:58px;line-height:58px;font-size:18px;}
}
@media (max-width:449px){
    .goods-detail-top > .img > .big {position:relative;left:auto;top:auto;height:auto;width:auto;background-size:cover;}
    .goods-detail-top > .img > .big:before {padding-bottom:70%;}
    .goods-detail-top > .img > .thumb {float:none;margin-top:10px;width:auto;}
    .goods-detail-top > .img > .thumb > .itm {float:left;width:calc((100% - (10px * 3) - 0.1px)/4);margin:0 0 0 10px;}
    .goods-detail-top > .inf > .tit {line-height:28px;font-size:24px;letter-spacing:-0.05em;}
    .goods-detail-top > .inf > .dsc {line-height:18px;font-size:12px;letter-spacing:-0.05em;padding:15px;}
    .goods-detail-top > .inf > .fields > dl {line-height:48px;}
    .goods-detail-top > .inf > .fields > dl > dt {width:100px;font-size:14px;font-weight:700;}
    .goods-detail-top > .inf > .fields > dl > dd {width:calc(100% - 100px);font-size:12px;}
    .goods-detail-top > .inf > .fields > dl > dd > .hot {height:28px;line-height:28px;font-size:12px;}
    .goods-detail-top > .inf > .fields > dl > dd .frm-input {height:28px;line-height:26px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd {padding:15px 0 15px 100px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd.bg01 {padding-right:5px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .tit {font-size:12px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > ul.components > li {width:calc((100% - (5px * 2) - 0.1px)/4);margin-left:2px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options {line-height:24px;font-size:12px;color:#333;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options > label > input {width:24px;height:24px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items {line-height:28px;font-size:13px;}
    .goods-detail-top > .inf > .amount {line-height:68px;font-size:16px;}
    .goods-detail-top > .inf > .amount > .val > strong {font-size:20px;}
    .goods-detail-top > .inf > .submit > a {height:48px;line-height:48px;font-size:16px;}
}
@media (max-width:379px){
    .goods-detail-top > .inf > .tit {line-height:23px;font-size:20px;}
    .goods-detail-top > .inf > .dsc {line-height:18px;font-size:12px;padding:15px;}
    .goods-detail-top > .inf > .fields > dl {line-height:44px;}
    .goods-detail-top > .inf > .fields > dl > dt {width:90px;font-size:13px;font-weight:800;letter-spacing:-0.05em;}
    .goods-detail-top > .inf > .fields > dl > dd {width:calc(100% - 90px);}
    .goods-detail-top > .inf > .fields > dl > dd > .hot {height:28px;line-height:28px;font-size:12px;}
    .goods-detail-top > .inf > .fields > dl > dd .frm-input {height:28px;line-height:26px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd {padding-left:90px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .tit {font-size:12px;padding-left:10px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options {line-height:20px;font-size:11px;color:#333;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt > .options > label > input {width:20px;height:20px;margin-right:5px;}
    .goods-detail-top > .inf > .fields > dl.fold > dd > .cnt >  ul.items {line-height:26px;font-size:12px;}
    .goods-detail-top > .inf > .amount {line-height:64px;font-size:14px;}
    .goods-detail-top > .inf > .amount > .val > strong {font-size:18px;}
    .goods-detail-top > .inf > .amount > .dsc {padding:10px 10px;line-height:18px;font-size:11px;}
    .goods-detail-top > .inf > .submit > a {height:44px;line-height:44px;font-size:14px;}
}

.goods-detail-sect {margin-top:60px;border-top:1px solid #333;}
.goods-detail-sect > h2 {line-height:110px;font-size:32px;font-weight:800;color:#333;border-bottom:1px solid #e6e6e6;}
.goods-detail-sect > .cnt {min-height:100px;padding:40px 0 0;}
.goods-detail-sect > .cnt > .description {line-height:26px;font-size:18px;text-align:center;}
.goods-detail-sect > .cnt > .description img {display:block;max-width:100%;margin:0 auto;}
.goods-detail-sect > .cnt > .specification {position:relative;}
.goods-detail-sect > .cnt > .specification:after {display:block;content:"";clear:both;}
.goods-detail-sect > .cnt > .specification > .vid {position:absolute;left:0;top:0;width:calc(100% - 580px - 60px);height:100%;}
.goods-detail-sect > .cnt > .specification > .vid > iframe {position:absolute;left:0;top:0;width:100%;height:100%;}
.goods-detail-sect > .cnt > .specification > .inf {float:right;width:580px;}
.goods-detail-sect > .cnt > .specification > .inf > .tit {line-height:40px;font-size:36px;font-weight:700;color:#181818;}
.goods-detail-sect > .cnt > .specification > .inf > .lst {margin-top:30px;font-size:18px;color:#333;}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl {display:table;width:100%;height:70px;margin-top:10px;border:1px solid #e6e6e6;border-left:4px solid #ffa800;box-sizing:border-box;}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl:first-child {margin-top:0;}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt {display:table-cell;vertical-align:middle;width:210px;padding-left:75px;font-weight:800;box-sizing:border-box;background:no-repeat left 20px center;}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt.CPU {background-image:url('../img/prod_spec_cpu.png');}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt.DSP {background-image:url('../img/prod_spec_display.png');}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt.GPU {background-image:url('../img/prod_spec_gpu.png');}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt.RAM {background-image:url('../img/prod_spec_ram.png');}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt.HDD {background-image:url('../img/prod_spec_hdd.png');}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt.WIN {background-image:url('../img/prod_spec_os.png');}
.goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dd {display:table-cell;vertical-align:middle;width:calc(100% - 210px);/*white-space:nowrap;*/}
.goods-detail-sect > .cnt > .specification.no-video {}
.goods-detail-sect > .cnt > .specification.no-video > .vid {display:none;}
.goods-detail-sect > .cnt > .specification.no-video > .inf {float:none;width:auto;}
.goods-detail-sect > .cnt > .specification.no-video > .inf > .tit {display:none;}
.goods-detail-sect > .cnt > .specification.no-video > .inf > .lst {margin:-10px 0 0 -10px;width:calc(100% + 10px);}
.goods-detail-sect > .cnt > .specification.no-video > .inf > .lst:after {display:block;content:"";clear:both;}
.goods-detail-sect > .cnt > .specification.no-video > .inf > .lst > dl {float:left;margin:10px 0 0 10px;width:calc((100% - (10px * 2) - 0.1px)/2);}
.goods-detail-sect > .cnt > .specification.no-video > .inf > .lst > dl:first-child {margin:10px 0 0 10px;}

@media (max-width:1339px){
    .goods-detail-sect > h2 {line-height:100px;font-size:30px;}
    .goods-detail-sect > .cnt {padding:35px 0 0;}
    .goods-detail-sect > .cnt > .description {line-height:25px;font-size:17px;}
    .goods-detail-sect > .cnt > .specification > .vid {width:calc(100% - 45% - 30px);}
    .goods-detail-sect > .cnt > .specification > .inf {width:45%;}
    .goods-detail-sect > .cnt > .specification > .inf > .tit {line-height:36px;font-size:32px;letter-spacing:-0.05em;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst {margin-top:20px;font-size:16px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl {height:60px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt {width:160px;padding-left:60px;background:no-repeat left 15px center;background-size:30px;auto;}
}
@media (max-width:1023px){
    .goods-detail-sect > h2 {line-height:90px;font-size:28px;}
    .goods-detail-sect > .cnt {padding:30px 0 0;}
    .goods-detail-sect > .cnt > .description {line-height:24px;font-size:16px;}
    .goods-detail-sect > .cnt > .specification > .inf > .tit {line-height:32px;font-size:28px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst {margin-top:18px;font-size:14px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl {height:56px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt {width:130px;padding-left:55px;background:no-repeat left 15px center;background-size:26px;auto;}
}
@media (max-width:830px){
    .goods-detail-sect > h2 {line-height:80px;font-size:24px;}
    .goods-detail-sect > .cnt {padding:25px 0 0;}
    .goods-detail-sect > .cnt > .description {line-height:23px;font-size:15px;}
    .goods-detail-sect > .cnt > .specification {margin-top:-25px;}
    .goods-detail-sect > .cnt > .specification > .vid {position:relative;left:auto;top:auto;width:auto;height:auto;}
    .goods-detail-sect > .cnt > .specification > .vid:after {display:block;content:"";padding-bottom:56%;}
    .goods-detail-sect > .cnt > .specification > .inf {float:none;width:auto;margin-top:20px;}
    .goods-detail-sect > .cnt > .specification > .inf > .tit {line-height:30px;font-size:26px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst {width:calc(100% + 15px);margin:0 0 0 -15px;font-size:13px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst:after {display:block;content:"";clear:both;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl {float:left;width:calc((100% - (15px * 2) - 0.1px)/2);margin:15px 0 0 15px;height:50px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl:first-child {margin-top:15px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt {width:110px;padding-left:43px;background:no-repeat left 10px center;background-size:23px;auto;}
}
@media (max-width:638px){
    .goods-detail-sect {margin-top:50px;}
    .goods-detail-sect > h2 {line-height:70px;font-size:22px;}
    .goods-detail-sect > .cnt {padding:20px 0 0;}
    .goods-detail-sect > .cnt > .description {line-height:22px;font-size:14px;}
    .goods-detail-sect > .cnt > .specification {margin-top:-20px;}
    .goods-detail-sect > .cnt > .specification > .inf > .tit {line-height:26px;font-size:22px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst {width:auto;margin:10px 0 0;font-size:13px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl {float:none;width:100%;margin:10px 0 0;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl:first-child {margin-top:0;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt {width:130px;}
    .goods-detail-sect > .cnt > .specification.no-video > .inf > .lst {margin:10px 0 0;width:auto;}
    .goods-detail-sect > .cnt > .specification.no-video > .inf > .lst > dl {float:none;margin:10px 0 0;width:100%;}
    .goods-detail-sect > .cnt > .specification.no-video > .inf > .lst > dl:first-child {margin:10px 0 0 ;}
}
@media (max-width:449px){
    .goods-detail-sect > h2 {line-height:60px;font-size:22px;}
    .goods-detail-sect > .cnt > .description {line-height:21px;font-size:13px;}
    .goods-detail-sect > .cnt > .specification > .inf > .tit {line-height:24px;font-size:20px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl {height:45px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl > dt {width:110px;}
}
@media (max-width:379px){
    .goods-detail-sect {margin-top:40px;}
    .goods-detail-sect > h2 {line-height:50px;font-size:18px;}
    .goods-detail-sect > .cnt > .description {line-height:20px;font-size:12px;}
    .goods-detail-sect > .cnt > .specification > .inf > .tit {line-height:22px;font-size:18px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst {font-size:12px;}
    .goods-detail-sect > .cnt > .specification > .inf > .lst > dl {margin-top:5px;}
}

/*================================================================================================
 * Tablet & Mobile 공용 : ~ 1023px
 *================================================================================================*/
@media (max-width:1023px) /* (max-width:1025px) */
{
}

/*================================================================================================
 * Tablet : 638px~1023px 해상도에서 해석하는 코드 
 *================================================================================================*/
@media (min-width:638px) and (max-width:1023px) /* (max-width:1025px) */
{   
}

/*================================================================================================
 * Mobile : 637px 이하 해상도에서 해석하는 코드
 *================================================================================================*/
@media(max-width:637px)
{
}

/*================================================================================================
 * Mobile : ~379px 해상도에서 해석하는 코드 (해상도 낮은 Mobile)
 *================================================================================================*/
@media (max-width:379px) /* (max-width:1025px) */
{
}