@import url(font.css);
body {color:#333; font-family:NanumSquare;}

a, a:hover, a:visited {text-decoration: none; color: inherit;}

.cqvColor {color: #14517d !important;}

.cqvBgColor {background-color: #14517d !important; color: #fff;}

.loginContainer {width:320px; position:fixed; top:42%; left:50%; margin:-200px 0 0 -160px;}
.loginContainer .loginBox, .loginContainer .loginBox+div button.w3-button {border:1px solid #ddd;}
.loginContainer .loginBox+div button.w3-button {font-family:arial, verdana; white-space:nowrap;}
.loginBox .mzButton {background-color:#5884cd !important; color:white;}
.loginBox label.w3-center {font-family:arial, Verdana; font-weight:normal;}

.logoBox {background:url(../images/logo.jpg) no-repeat -10px -24px; width:220px; height:190px; margin:0 auto;}

header.w3-top { /* border-bottom:13px solid #f1f1f1; */ border-bottom: 1px solid #f1f1f1; z-index: 3;}

.topLogoBox a {text-decoration:none;}
.topLogoBox ul li, .topLogoBox ul li .w3-tag {white-space:nowrap;}

.logoSmall {background:url(../images/logo_small.jpg) no-repeat 0 0; width:84px; height:60px; display:block; margin:0 auto;}

.loginInfoBox {font-family:arial, Verdana;}

.w3-bar a:active {color:inherit;}
.w3-bar a:visited {color:inherit;}

.w3-bar .topMenuBox {white-space:nowrap;}
.w3-bar .topMenuBox a {text-decoration:none; white-space:nowrap;}

.searchBox .w3-cell .w3-tag {white-space:nowrap;}
.searchBox .w3-cell .w3-tag, .searchBox .w3-cell select, .searchBox .w3-cell .w3-input, .w3-modal input.w3-input {font-family:arial, Verdana;}

.w3-modal {padding-bottom:100px;}

.searchResultBox table, .searchResultBox .showRowNum {font-family:arial, Verdana;}

.mzTable td a {color:#333;}

@media (min-width: 993px) {
	#detailViewBox .w3-modal-content {width:1200px;}
}

#detailViewBox .w3-cell {font-family:arial, Verdana;}
#detailViewBox .cellTh {width:150px; white-space:nowrap;}
#detailViewBox .cellTh220 {width:210px; white-space:nowrap;}
#detailViewBox .cellTh260 {width:260px; white-space:nowrap;}
#detailViewBox .cellTh260+.w3-cell {width:calc(100% - 260px);}
#detailViewBox .cellTh260+.col4 {width:324px !important; white-space:nowrap;}

.mzPageNum .w3-bar .w3-bar-item {padding-left:12px; padding-right:12px;}
.mzPageNum .w3-bar .mzActive {background-color:#4F84C4 !important; color:white;}
.mzPageNum a {font-family:arial, Verdana;}

.mzPageNum ul.w3-bar li.w3-bar-item {padding:0;}
.mzPageNum ul.w3-bar li.w3-bar-item a {padding-left: 12px !important; padding-right: 12px !important;}

.mzPageNum ul {margin:0; padding:0; border:1px solid #ccc; border-radius:4px;}
.mzPageNum ul li {list-style: none; display:inline-block;}
.mzPageNum ul li:hover {background-color:#ccc;}
.mzPageNum ul li.active {background-color:#4F84C4; color:white;}
.mzPageNum ul li.active:hover {background-color:#4F84C4; color:white;}
.mzPageNum ul li.previous, .mzPageNum ul li.next {background-color:#f1f1f1;}
.mzPageNum ul li.previous:hover, .mzPageNum ul li.next:hover {background-color:#ccc;}
.mzPageNum ul li a {display:block; padding:8px 12px; text-decoration:none; cursor:pointer;}
.mzPageNum ul li.active a:hover {color:white;}

.mzPageNum ul li:first-child a, .mzPageNum ul li:nth-child(2) a, .mzPageNum ul li:last-child a, .mzPageNum ul li:nth-last-child(2) a {font-size:0;}

.mzPageNum ul li:first-child a:after {content:"\00ab"; display:block; text-decoration:none; font-family:arial, Verdana; font-size:15px;}
.mzPageNum ul li:nth-child(2) a:after {content:"\2039"; display:block; text-decoration:none; font-family:arial, Verdana; font-size:15px;}
.mzPageNum ul li:last-child a:after {content:"\00bb"; display:block; text-decoration:none; font-family:arial, Verdana; font-size:15px;}
.mzPageNum ul li:nth-last-child(2) a:after {content:"\203a"; display:block; text-decoration:none; font-family:arial, Verdana; font-size:15px;}


.w3-table tr td {vertical-align:middle;}
.w3-table tr th {vertical-align:middle;}
.w3-bar a.w3-button {text-decoration:none;}

.viewDetailInfoBox .w3-cell, .viewDetailInfoBox table, .viewDetailInfoBox input.w3-input, .viewDetailInfoBox button {font-family:arial, Verdana;}
.viewDetailInfoBox .cellTh {width:170px; white-space:nowrap;}
.viewDetailInfoBox .cellTh180 {width:180px; white-space:nowrap;}
.viewDetailInfoBox .cellTh220 {width: 210px;white-space: nowrap;}
.viewDetailInfoBox .cellTh260 {width:260px; white-space:nowrap;}
.viewDetailInfoBox .cellTh260+.col6 {white-space:nowrap;}

.w3-modal table {font-family:arial, Verdana;}

#popupCustom table hr {margin:6px 0;}

#popupCustom .w3-cell .w3-tag, #popupCustom .w3-col .w3-tag, #AddressForm .w3-col .w3-tag, #popupProduct .w3-cell .w3-tag {font-family: arial, Verdana; font-weight: normal;}

.announceBox table {font-family:arial, Verdana;}
#detailViewAnnounce .w3-cell, #detailViewAnnounce .textBox {font-family:arial, Verdana;}

.memRegistBox table {font-family:arial, Verdana;}
.memRegistBox w3-input, .memRegistBox w3-select {font-family:arial, Verdana;}
.memRegistBox .w3-cell .w3-tag {white-space: nowrap; font-family: arial, Verdana;}
.memRegistBox .w3-cell .w3-input, .memRegistBox .w3-cell .w3-select, .memRegistBox .w3-cell datalist {font-family: arial, Verdana;}

button.mzButton {background-color:#5884cd !important; color:white;}

a.titleBox {height:57px;}

.table-condensed th, .table-condensed td {white-space:nowrap;}
span#addressPage .table-condensed td.w3-left-align {white-space:inherit;}

label.error {
    display: block;
    background-color: #ffc;
    padding: 8px 16px;
    font-size: 18px;
    font-weight: bold;
}

input[type="submit"] {
    font-family: 'FontAwesome', 'NanumSquare';
}

@media (min-width: 900px) {
    #detailEditBox .w3-modal-content {
        width: 1300px;
    }

    /*#detailEditBox #popupCustom .w3-modal-content {
        width: 900px;
    }*/
}
#detailEditBox .w3-cell {font-family: arial, Verdana;}
#detailEditBox .cellTh {width: 170px;white-space: nowrap;}
#detailEditBox .cellTh180 {width: 180px;white-space: nowrap;}
#detailEditBox .cellTh220 {width: 210px;white-space: nowrap;}
#detailEditBox .cellTh260 {width: 260px;white-space: nowrap;}
#detailEditBox .cellTh260 + .w3-cell {width: calc(100% - 260px);}
#detailEditBox .cellTh260 + .col4 {width: 324px !important;white-space: nowrap;}
#detailEditBox .cellTh260 + .col6 {white-space: nowrap;}

#AddressForm .w3-col .w3-cell .w3-select option {font-family: inherit;}

input#reqAccountName+a.input-group-addon {background-color: #4F84C4 !important; text-decoration: none; border-radius: 0 !important; border-top-right-radius: 0; border-bottom-right-radius: 0;}
input#reqAccountName+a.input-group-addon:hover {background-color: #4F84C4 !important; text-decoration:none;}