html, body {height:100%; width:100%; letter-spacing:-0.025em;}
 hr {color:#000;}
.warp {height:auto; width:100%; }
.header_warp { height:9%;padding-top:1%; }
.header_logo {}
.header_logo img { position:absolute; height:auto; min-width:auto;}
.main_warp {font-size:1.15em; background-color:#f1f1f1; background:url(../image/claim_mian_bg.png) no-repeat center; background-position:top; padding-top:50px; background-size:contain;}
.main_title {font-size:2.0em;}
.main_icons { margin-bottom:15%;}
.main_icons img {margin-right:3%;}
.contents1_warp {margin-top:5%; margin-bottom:5%;}
.contents2 h4, .contents3 h4 {font-weight:bold; font-size:1.5em;}
.contents2 span, .contents3 span {font-weight:bold; font-size:1.15em; color:#333333; line-height:2em; margin-top: 10px; }
.contents2 p, .contents3 p {color:#666; }
.contents3 {background-color:;}
.footer_warp {background-color:#404850;}
.footer_padding {padding:20px; }
.footer {color:#fff; }
.footer p{font-size:1.3em;}


/*서브*/
.sub_warp {padding:20px;}
.h4height {margin-top:50px; font-weight:bold;}
.subtop {height:180px; background-image:url('../image/claim_subtop.png'); background-position:center; background-size:auto; }
.nav1 {height:60px; width:100%; background-color:#23b941; color:#fff; text-align:center;}
.nav2 {height:60px; width:100%; background-color:#404850; color:#fff; text-align:center;}
.nav_warp {vertical-align:bottom; margin-top:120px;}
.table {border-top:2px solid #404850;}
.table2 tr td,tr th {text-align:center;}
.table tr td {border: 1px solid #d1d1d1; line-height:50px;}
.table td:last-child {border-right:NONE; vertical-align:middle !important;}

.table tr th {width:25%; border: 1px solid #dcdcdc ; background:#f4f4f4; border-left:1px solid #f4f4f4; vertical-align:middle !important;}
.notice {color:#1ca437;}
.notice_span{color:#999; font-size:14px;}
.panel-group {margin-top:20px;}
.panel-head {background:#f4f4f4; padding:15px; font-size:12px; }
.panel-border {border:1px solid #d1d1d1; display:table; width:100%; border-collapse:collapse;}
.panel-title {font-size:14px;}
.panel-body {white-space: pre-line;}
.subdropdown {  !important; border:none; background:none; height:60px; width:100%; }
.subdropdown_ul
.subdropdown_ul li  {width:100%;}
.subdropdown_ul li>a 
.panel-border a {color:#333;}

@media all and (max-width:618px) {
    .modal{
        overflow: scroll !important;
    }
    .modal-content{
        margin:0 !important;
        top:0 !important;
    }
    .left{
        margin:0 !important;
    }
    .center{
        margin:0 !important;
    }
    .right{
        margin:0 !important
    }
    .mobile{
        margin-top:30px !important
    }
    .claim-menu{
        font-size: 13px !important;
    }
    .dropdown-menu>li>a {
        padding: 3px 8px !important;
    }
}

.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(107, 106, 106); /* Fallback color */
    background-color: rgba(87, 87, 87, 0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    top:-50px;
    background-color: #fefefe;
    margin: 8% auto; /* 8% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
    max-width: 900px;
    overflow: auto;                       
}
/* The Close Button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}
.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.claim-menu{
    line-height:40px;
    font-size:16px;
}