@charset "utf-8";
/* CSS Document */
/**********************************************************************************************************************
***************************************************   OZ Page  *********************************************************
***********************************************************************************************************************/
html{overflow-x:hidden !important;}
body{font-family: 'Nanum Gothic', serif;font-size:14px;overflow:hidden; background-color: #f3f4f7;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4,h5,h6{margin:0;}
.clearfix {clear: both}
.color-red{color:#f00;}
.attention {color: #f83f3c !important;}
A:hover, A:focus {text-decoration: none}
.word-break {word-break: break-all; word-wrap: break-word; }
.v-align-t {vertical-align: top;}
.v-align-m {vertical-align: middle;}

.w-textarea {width: 100%; border: 1px solid #ccc; height: 140px; padding: 10px; background-color: #f9f9fa;}

/* page navi */
.div-pagenav{text-align: center;line-height: 3;padding: 10px;}
.page-button{cursor:pointer;text-decoration: none;color: black;padding: 6px 12px;border: 1px solid #DDD;font-family: calibri}
.page-button:hover{text-decoration: none;background-color: #EEE}
.page-button-selected{background-color: #777;color:white;}

/* search div */
.search-wrap { position: relative;  }
.search-wrap input{float:left;width:250px; padding:6px 8px;}
.search-wrap .search-btn{position:absolute; padding:6px 7px; right:0; border:1px solid transparent;background-color:#8a8a8a;}
.search-wrap .search-btn i{font-size:18px;color:#fff;}

/* nav bar */
.just-nav {background-color: #325061; }
.nav-justified {}
.nav-justified > li > a {color: #fff; border-right: 1px solid #28414f; font-weight: bold; margin-bottom: 0; padding: 17px 15px;}
.nav-justified > li > a:hover {background-color: #f4c322;}
.nav-justified > li.active > a {background-color: #f4c322;}

/* btn */
.nor-btn a{display:block; padding:10px 15px; font-size:16px; font-weight:bold;color:#fff; min-width:150px; text-align:center;}
.bloc-btn a{border:1px solid #e15f49; display:block; padding:3px 2px; font-size:14px; line-height: 20px; font-weight:bold;color:#fff; min-width:90px; text-align:center;}
.login-btn a{display:block; padding:20px 2px; font-size:20px; line-height: 20px; font-weight:bold;color:#fff; text-align: center}
.login-a {text-align: center; padding-top: 15px !important; color: #ccc;}
.login-a A{color: #64747d; }
.login-a A:hover{color: #afafaf; }

.login-btn2 a{display:block; padding:20px 2px; font-size:20px; line-height: 20px; font-weight:600;color:#fff; text-align: center; background-color: #f24a4a; height:60px; margin-top:20px;}
.login-btn22 a{display:block; padding:20px 2px; font-size:20px; line-height: 20px; font-weight:600;color:#fff; text-align: center; background-color: #325061; height:60px;}
.login-btn3 a{display:block; padding:20px 2px; font-size:16px; line-height: 20px; font-weight:600;color:#fff; text-align: center; background-color: #3b5998; height:60px; margin-top:20px;}
.login-btn4 a{display:block; padding:20px 2px; font-size:16px; line-height: 20px; font-weight:600;color:#fff; text-align: center; background-color: #dc4a38; height:60px; margin-bottom:20px;}
.login-btn2 a{display:block; padding:20px 2px; font-size:20px; line-height: 20px; font-weight:600;color:#fff; text-align: center; background-color: #f24a4a; height:60px; margin-top:1px;}
.bs {margin-bottom:-40px; font-size:42px;}
.login-a2 {text-align: center; padding-top: 15px !important; color: #64747d;}
.login-a2 A{color: #64747d;font-size:14px;font-weight:400;display:inline;}
.login-a2 A:hover{color: #afafaf;font-size:14px; font-weight:400;display:inline; }
.lline {background-color:#d1d7da; height:1px; margin-top:20px;}
.ltit {    text-align: center;
    font-size: 30px;
    font-weight: bold;
    color: #1d252a;
    line-height: 40px;
    margin-bottom: 20px;
}
.ltxt {text-align:center; margin:10px 0 30px 0; color:#64747d;font-size:14px;}
.stxt {font-size:16px; color:#325061; font-weight:bold;}
.stxt2 {width:100%; height:70px; border:solid #CCC 1px; padding:12px; background:#FFF; line-height:20px; color:#64747d;margin-bottom:20px;}
.stxt3 {width:100%; height:90px; border:solid #CCC 1px; padding:12px; background:#FFF; line-height:20px; color:#64747d;margin-bottom:20px;}
.pop {font-weight:bold; margin:10px 0 20px 0; font-size:16px;}

.stitle {font-size: 20px; font-weight: bold; color: #325061; line-height: 30px;}
.info-bloc  {}
.bloc {display: inline-block; width: 100%; border: 1px solid #d1d7da; background-color: #fff; }
.bloc h4 {font-weight: bold; border-bottom: 1px solid #eee; padding: 20px 0 10px 20px; color: #325061;}
.bloc .line {line-height: 28px; border-bottom: 1px solid #eee; padding: 10px 20px; color: #325061;}
.bloc .bold {font-size: 16px;  font-weight: bold; }

.bloc-row { }
.bloc-row .col-lg-4, .bloc-row .col-lg-6, .bloc-row .col-lg-12 {display: table; margin: 5px 0;}
.bloc-row span {width: 120px; display: table-cell; text-align: right; color: #325061; font-weight: bold}
.bloc-row input[type=text], .bloc-row select, .bloc-row textarea {margin-left: 20px; border: 1px solid #e3e3e3; height: 30px; width: 250px;}
.bloc-row dl {margin-left: 20px;  height: 30px; width: 250px; margin-bottom: 0;}
.bloc-row dl label {font-weight: normal; font-size: 14px; margin-bottom: 0; margin-right: 20px;}
.bloc-row .col-lg-12-input {width: 77.3% !important;}

/* table*/
.table01 table {width: 100%; }
.table01 table th {background-color: #fff; color: #325061; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
.table01 table td {background-color: #ccc; color: #325061}
.table01 table th, .table01 table td {padding: 14px 10px 16px 10px; text-align: center}
.table01 table th.sep, .table01 table td.sep {background:none; padding: 4px;}

.table02{width: 100%}
.table02 td{background-color: #fff; border: 1px solid #999; width: 25%; color: #325061; font-weight: bold; padding: 9px 18px; word-wrap: break-word; word-break: break-all}
.table02 td.active{background-color: #325061; color: #fff;}

.modal-body {background-color: #f5f9fc;}
.login-table caption{text-align: center; font-size: 30px; font-weight: bold; color: #1d252a}
.login-table td {padding: 5px 8px;}
.login-table input[type=text], .login-table input[type=password] {width: 100%; border:1px solid #d1d7da; padding: 14px 10px;}
.login-table label {color: #64747d; font-weight: normal; float:right; }

/* datepicker*/
.input-group .icon {background:url('../images/calendar.gif') no-repeat; width: 28px; height:29px;}

/*modal*/
.spec-modal { box-shadow: none !important;    border-radius: 0px !important;   border: 0px solid #e8b21a !important; }
.modal-t {font-size: 18px; font-weight: bold; padding: 15px 10px 10px 15px;}
.modal-bo {border-top: 1px solid #d1d7da; color: #325061; padding: 10px 10px 15px 15px; text-align: center; background-color: #f5f9fc; }

/* footer */
footer {background-color: #1e1e1e; color: #8f8f8f}
footer li {float: left}
footer li a {padding: 4px 8px; color: #8f8f8f; font-weight: bold;}
footer li:first-child a {padding-left: 0;}
footer li.line {border-right: 1px solid #8f8f8f; height: 14px; margin: 3px 20px 0 20px; }
footer hr{ border-top: 1px solid #333;}
footer select {border: 1px solid #979797; height: 32px; width: 150px; background-color: #2e2e2e; color: #8f8f8f;}


/**************************************************************/
@media(min-width:1200px){
    .container{width:1400px;}
}

@media only screen and (max-width: 800px) {
    .w-pro {width: 64% !important;}
    .navbar-right {width: 70%;}
    .enter-span {width: 35%;}
    .bloc-row .col-lg-12-input {width: 250px !important;}

    /* table*/
    .no-more-tables table,
    .no-more-tables thead,
    .no-more-tables tbody,
    .no-more-tables th,
    .no-more-tables td,
    .no-more-tables tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    .no-more-tables thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    .no-more-tables tr { border: 1px solid #ccc; }
    .no-more-tables td {
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding: 12px 5px 12px 50% !important;
        white-space: normal;
        text-align:left;
    }
    .no-more-tables td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
    .no-more-tables td:before { content: attr(data-title); padding: 6px}

    .nav-justified > li > a {border-right: none}
}
@media(max-width:600px){

    /* mega */
    .wsmenu > .wsmenu-list{margin-top:10px;}



}