@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);
body, code, kbd {
    font-family: "Nanum Square", "Noto Sans KR", "Nanum Gothic", 'Noto Sans', sans-serif,  "Segoe UI", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
div {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #333;
    line-height: 1.6em;
    font-family: 'Noto Sans KR', sans-serif;
    font-weight: 400;
    letter-spacing: -0.02em;
}
.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.section5 {
    width: 1100px !important;
    background-color: #00989d;
    padding: 20px 0;
}

section {
    display: block;
    margin: 0 auto;
    overflow: hidden;
}
.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa;
}

#customer-wrapper { position:relative; display:block; width:100%; }
#customer { position:relative; width:1000px; margin:0 auto; color:#fff;}
#customer table { border-collapse: collapse; border-spacing: 0; width:100%; }
#customer table th,
#customer table td { border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:7px }
#customer table th { width:20%; text-align:center; vertical-align:middle;}
#customer table td { text-align:left;}
#cust-form input { padding:4px 8px 8px; border:0; }

.wrap-agree { margin:10px 0; text-align:left; }
.wrap-agree label { display:block; vertical-align:middle; padding:0; margin:5px 0 0;color:white}
.agree-title { font-size:16px; font-weight:bold; margin-top:15px; margin-bottom:5px; text-align:left; letter-spacing:-1px;color:#fff }
.agree-text { width:100%; height:200px; padding:0; margin: 0; font-family:inherit; line-height:16px; color:#797979; background: #fff; border: 0; outline: none;}
#name { width:150px}
#phone { width:150px }
#email { width:50% }
#addr { width:85% }
#addr_detail { width:50% }
.btn-submit { padding:10px 20px 13px; letter-spacing:-1px;height: 55px }
.btn:hover { filter:alpha(opacity=90); opacity:0.9; }
.btn { border-radius:0;}
.btn-zip { vertical-align:top; }

.cust-title { text-align:center; letter-spacing:-0.5px; margin:40px 0;}
.cust-title span {display:block; font-size:16px;color:#fff; }
.cust-title h2, .cust-title h1 {  color:#f1e9e9; font-size:40px; margin:10px 0 40px;    }

#gift {
    position:relative; border:5px solid #8f6b56a3; margin-bottom:10px; background-color:#fff;
    border-radius:20px;
}
#gift ul, #gift li { margin:0; padding:0; color:#141414;}
#gift > ul > li { float:left;}
#gift > ul { position:relative; display:block; margin:30px 20px; list-style:circle; overflow:hidden; }
#gift ul { margin-left:20px;}
#gift .gift1 { width:440px; }
#gift .gift2 { width:250px; list-style:none;}
#gift .gift2 h4 { display:inline-block; margin-left:20px; margin-top:15px; color:#5d5b5a; }
#gift .gift3 { list-style:none; width:260px; margin-top:10px;}
.bdr0 { border:0 !important;}
#txtMobile1{
    padding: 6px 52px;
    border: 0;
	}