*{
    margin:0;
    padding:0;
}
ul,ol{
    margin:0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
    margin:0;
}
p{
    margin:0;
}
.btn:hover, .btn:focus{
    color:#fff;
    font-weight: 900;
}
.header{
    max-width:1200px;
    margin:0 auto;
}
.logo{
    margin:10px;
}
.tel{
    margin-top:14px;
}
.navbar{
    background:#313131;
    border-radius: 0;
    min-height: auto;
}
.navbar nav{
    max-width:1200px;
    margin:0 auto;
}
.navbar ul li{
    float:left;
    list-style: none;
    border-right:1px solid #fff;
}
.navbar ul li:first-child{
    border-left:1px solid #fff;
}
.navbar ul li.on a{
    background:green;
}
.navbar ul li a{
    display:block;
    text-align: center;
    padding:10px 30px;
    font-size:18px;
    color:#fff;
}

/*
*   컨텐츠
*/
.container {
    width: 1200px;
    padding: 15px 0;
}
.main-box{
    display: flex;
}
.service-wrap{
    background:#ffe939;
    padding:30px;
    display:inline-block;
    width:45%;
    margin-right:4.6%;
}
.title-service{
    text-align: center;
}
.title-service h2{
    font-size: 22px;
    font-weight: 900;
}
.title-service strong{
    display: inline-block;
    background: #000;
    color: #fff;
    font-size: 27px;
    padding: 5px;
    margin-top:10px;
}
.input-box{
    margin:30px 0;
}
.input-box dl{
    margin-bottom: 0;
    display: table;
    width: 100%;
}
.input-box dl dt,
.input-box dl dd{
    font-size: 18px;
    padding: 10px 0;
    display: table-cell;
}
.input-box dl dt{
    width:35%;
}
.input-box dl dt.required:after{
    content:"*";
    color:red;
    display:inline-block;
    padding-left:5px;
    font-size:20px;
}
.input-box dl dd{
    width:65%;
}
.input-box dl dd input[type="text"],
.input-box dl dd select{
    width: 100%;
    border-radius: 10px;
    padding: 10px;
    box-shadow: none;
    border: 2px solid #494949;
}
.chk-label{
    font-size: 13px;
    letter-spacing: -1px;
}
.btn{
    display: block;
    background: #000;
    color: #fff;
    font-weight: 900;
    padding:3px 12px;
}
.btn-big{
    font-size:24px;
    padding:6px 12px;
}
.btn-privacy{
    background: #3f3f3f;
    color: #fff;
    border: 0;
    padding: 5px;
    font-size: 13px;
}
.table-rolling-box{
    overflow:hidden;
    height:375px;
}
.table-rolling{
    position: relative;
    overflow:hidden;
}
.receipt-wrap{
    vertical-align: top;
    width:50%;
    display:inline-block;
    position: relative;
}
.receipt-wrap h2{
    color:#fff;
    text-align: center;
    background:#e01737;
    font-weight: 900;
    padding:5px;
    margin-bottom:20px;
}
.receipt-box{
    color:#fff;
    background:#302f43;
    padding:30px;
}
.receipt-box table tr td{
    padding:5px 0;
}
.randing-box{
    border: 2px solid #000;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    background:#fff;
}
.btn-green{
    background:green;
}
.btn-orange{
    background:orange;
}
.btn-blue{
    background:blue;
}
.btn-red{
    background:red;
}
.mnt-green{
    background:green;
    font-size: 45px;
}
.mnt-orange{
    background:orange;
    font-size: 45px;
}
.mnt-blue{
    background:blue;
    font-size: 45px;
}
.mnt-red{
    background:red;
    font-size: 45px;
}
/*
*   footer
*/
footer{
    background:#313131;

}
.footer{
    max-width:1200px;
    margin: 0 auto;
    padding: 5px;
    color: #fff;
}

/*
*    팝업
*/
.popup{
    width:600px;
    position:absolute;
    top:200px;
    left:50%;
    margin-left:-300px;
    border:1px solid #ccc;
    padding:30px;
    background:#fff;
}
.popup h1{
    font-weight:bold;
    padding-bottom:10px;
    border-bottom:2px solid #aaa;
}
.popup-content{
    line-height: 1.5em;
    height: 300px;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #ccc;
    margin-top: 10px;
}
.btn-close{
    display:inline-block;
    padding:10px 30px;
    background:#000;
    color:#fff;
    cursor:pointer;
    margin:20px auto;
}

.board_iframe {
    border: 0;
    width: 100%;
    height: 75vh;
}