* {
    padding:0;
    margin:0
}

html {
    width:100%;
    height:100%;
}


body {
    font-family: Noto Sans KR, Arial;
    font-size: 13px;
    color: #555555;
    scrollbar-face-color: #e4e4e4;
    scrollbar-shadow-color: #ffffff;
    scrollbar-highlight-color: #cccccc;
    scrollbar-3dlight-color: #ffffff;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #fafafa;
    scrollbar-arrow-color: #666666;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.sideMenuBg {
    background:url(/Content/images/leftControlBgPatt.png) repeat-y top left;
}
.sideMenuBgNo {
    background:url(/Content/images/leftControlBgPattNo.png) repeat-y top left;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button{margin:0;padding:0;}
fieldset,img{border:0 none}
dl,ul,ol,menu,li{list-style:none;line-height:0;}
table{border-collapse:collapse;border-spacing:0;border:0 none}

img{vertical-align:middle;border:0;line-height:0;}
button{border:0 none;background-color:transparent;cursor:pointer}
a{text-decoration:none}
a:active, a:hover{text-decoration:none;}


/*a:focus {
    outline:1px solid #01de06 !important;
    -moz-outline-radius: 4px;
}*/


.clear-fix:after {
    content: "";
    display: block;
    clear: both;
}

.clear-fix {*zoom: 1;}


.loginContainer {
    width:812px;
    height:470px;
    margin:0 auto;
    margin-top:10%;
}
.loginContainer .biBox {
    width:100%;
    height:103px;
}
.loginContainer .biBox h1 {
    font-size:28px;
    color:#000;
    text-align:right;
    float:right;
    margin-top:60px;
    letter-spacing:-0.06em;
}
.loginContainer .contentBox {
    width:100%;
    height:347px;
    border:1px solid #d4d4d4;
    border-top:4px solid #de071a;
    background:#f6f6f6 url(/Content/images/login_bigIcon.png) no-repeat 90px center;
    padding:50px 60px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.loginContainer .contentBox.user {
    background:#f6f6f6 url(/Content/images/login_bigIcon.png) no-repeat 90px center;
}

.loginContainer .contentBox .inputBox {
    width:425px;
    height:195px;
    border:1px solid #d4d4d4;
    float:right;
}

.loginContainer .contentBox .inputBox .innerBox {
    width:99.6%;
    height:193px;
    border:1px solid #fff;
    padding:40px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.loginContainer .contentBox .inputBox .innerBox div {
    width:100%;
    font-size:13px;
    color:#000;
    display:inline-block;
    line-height:30px;
    margin-bottom:10px;
}

.loginContainer .contentBox .inputBox .innerBox span {
    width:220px;
    height:30px;
    line-height:30px;
    color:#303030;
    padding:0 10px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
     float:right;
     border:1px solid #ddd;
     background-color:#f8f8f8;
}

.loginContainer .loginMess {
    display:block;
    float:left;
    width:100%;
}
.loginContainer .loginMess li {
    color:#de071a;
    margin:0;
    padding-left:32px;
    line-height:37px;
    background:url(/Content/images/icon_loginMessIcon.png) no-repeat left center;
    width:100%;
}


.loginContainer .contentBox .comment {
    width:425px;
    height:37px;
    text-align:center;
    font-size:13px;
    color:#333;
    display:block;
    float:right;
    margin-top:15px;
}
.loginContainer .contentBox .comment img {
    padding-right:10px;
}
.loginContainer .contentBox .comment span {
    color:#de071a;
    padding-bottom:5px;
    border-bottom:1px dashed #de071a;
}
.loginContainer .contentBox .comment.findpass:after {content: ''; display: block; clear: both;}
.loginContainer .contentBox .comment.findpass div {font-weight: normal; font-size: 13px; color: #de061b; text-decoration: underline; text-underline-position: under;}

.loginContainer .footerBox {
    width:100%;
    font-size:10px;
    color:#666;
    margin:30px 0;
    text-align:center;
    display:block;
    float:left;
}

.loginContainer.pwChange {
    margin-top:7%;
}
.loginContainer.pwChange .contentBox {
    padding:35px 60px;
}
.loginContainer.pwChange .contentBox .inputBox {
    height:270px;
}

.loginContainer.pwChange .contentBox .inputBox .innerBox {
   height:270px;
}
.loginContainer.pwChange .loginInput {
   width:220px;
}
.loginContainer.pwChange .newPwDiv {
    border-top:1px solid #ccc;
    padding-top:10px;
}

.userInfoChange {
    position:absolute;
    top:0px;
    right:225px;
    width:120px;
    height:65px;
    padding-top:21px;
    display:none;
}
.userInfoChange:hover {
    display:block;
}
.userInfoChange img {
    position:absolute;
    top:15px;
    right:53px;
    width:13px;
    height:7px;
}
.userInfoChange ul {
    width:103px;
    height:55px;
    background:#fff;
    border:1px solid #cb0819;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.1);
    padding:0;
    margin:0;   
}
.mainHeader .userInfoChange ul {
    border:1px solid #ccc;
}
.userInfoChange ul li {
    width:100%;
    height:27px;
    line-height:27px;
    padding-left:10px;
    color:#666;
    font-size:12px;
    list-style:none;
    text-align:left;
    cursor:pointer;
    
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.userInfoChange ul li a {
    color:#666;
}
.userInfoChange ul li:last-child {
    border-bottom:0;
}
.userInfoChange li:hover {
    color:#de071a;
}

/* 애니메이션 */
@keyframes animate_title {
     0%   {padding-top:50px;opacity:0}
	 100%  {padding-top:0px;opacity:1}
}

@keyframes animateNo {
	 100%  {padding-top:0px;opacity:1}
}

.mainContainer {
    width:100%;
    height:455px;
    margin:0 auto;
    background:url(/Content/images/mainBg02.jpg) no-repeat center;
    background-size:cover;
    padding-top:152px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    display:block;
    float:left;
}

.mainContainer h1 {
    padding-top:20px;
    font-size:28px;
    font-weight:normal;
    text-align:center;
    color:#fff;
    letter-spacing:-0.02em;
    display:block;
    line-height:40px;
    text-transform:uppercase;
    font-family:Arial;
    /*-webkit-animation:animate_title 1s linear;
    -moz-animation:animate_title 1s linear;
    -o-animation:animate_title 1s linear;
    animation:animate_title 1s linear;*/
}



.mainContainer h1 span {
    font-size:15px;
    font-weight:normal;
    text-align:center;
    text-transform:uppercase;
    line-height:20px;
    letter-spacing:-0.02em;
}

.mainContainer .line {
    width:32px;
    height:3px;
    display:block;
    border-top:3px solid #fff;
    margin:0 auto;
    margin-top:40px;
    margin-bottom:40px;
}

.mainNav {
    width:1080px;
    height:150px;
    margin:0 auto;
    display:block;
    position:relative;
}
.mainNav ul {
    width:100%;
    padding:0;
    margin:0;
}
.mainNav li {
    width:31%;
    height:150px;
    display:inline-block;
    float:left;
    border-radius:7px;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
    padding:40px 10px 0 160px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    cursor:pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.mainNav li .linkBox {
    width:31%;
    height:150px;
    background-color:transparent;
    border:0;
    position:absolute;
    left:0;
    top:0;
}
    /*
    .mainNav li .linkBox2 {
        left:31%;
    }
    .mainNav li .linkBox3 {
        left: 62%;
    }
    */
.mainNav li:hover {
    width:31%;
    height:170px;
    display:inline-block;
    float:left;
    border-radius:7px;
    box-shadow: 0px 6px rgba(0, 0, 0, 0.6);
    padding:25px 10px 0 160px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    cursor:pointer;
}
.mainNav li:nth-child(1):hover {
    padding-top:40px;
}
.mainNav li:nth-child(3):hover {
    padding-top:40px;
}

.mainNav li:nth-child(1) {
    margin-right:15px;
    padding-top:60px;
    background:#f58220 url(/Content/images/icon_historyDisclosure_over.png) no-repeat 30px center;
}
.mainNav li:nth-child(2) {
    width:35%;
    padding-left:145px;
    margin-right:15px;
    background:#de071a url(/Content/images/icon_nowDisclosure_over.png) no-repeat 30px center;
}
.mainNav li:nth-child(3) {
    padding-left:145px;
    padding-top:60px;
    background:#0457c6 url(/Content/images/icon_submitdata_over.png) no-repeat 35px center;
}
    .mainNav li h1 {
        color: #fff;
        font-size: 24px;
        font-family:Noto Sans KR, Arial;
        font-weight: bold;
        letter-spacing: -0.06em;
        text-align: left;
        line-height: 35px;
        display: inline-block;
        padding: 0;
    }
.mainNav li:nth-child(1) h1,
.mainNav li:nth-child(3) h1{
    height:50px;
}
.mainNav li:nth-child(2) h1 {
    height:80px;
}

.mainNav li div {
    width:110px;
    font-size:13px;
    color:#fff;
    padding:13px 0 12px 0;
    border:1px solid rgba(0,0,0,0.25);
    text-align:center;
    background-color:rgba(0,0,0,0.2);
    display:none;
}

.mainNav li:hover div {
    display:block;
}

/*.mainNav li {
    width:48.5%;
    height:150px;
    display:inline-block;
    float:left;
    background-color:rgba(0,0,0,0.3);
    background-color:#fff;
    border:2px solid #fff;
    border-radius:7px;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
    padding:60px 15px 0 160px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    cursor:pointer;
}

.mainNav li:nth-child(1) {
    margin-right:15px;
    padding-left:180px;
    background:url(/Content/images/icon_historyDisclosure.png) no-repeat 30px center;
}

.mainNav li:nth-child(2) {
    background:url(/Content/images/icon_nowDisclosure.png) no-repeat 30px center;
}

.mainNav li h1 {
    font-size:24px;
    font-weight:bold;
    letter-spacing:-0.06em;
    word-break:keep-all;
    text-align:center;
    line-height:22px;
    display:inline-block;
}

.mainNav li:nth-child(1) h1 {
    color:#f58220;
}
.mainNav li:nth-child(2) h1 {
    color:#ff0000;
}

.mainNav li div {
    width:110px;
    font-size:14px;
    color:#fff;
    padding:13px 0;
    border:1px solid rgba(0,0,0,0.25);
    text-align:center;
    margin-top:15px;
    background-color:rgba(0,0,0,0.2);
    display:none;
}*/






.mainBoardContainer {
    width:100%;
    float:left;
}

.boardContainer {
    width:1160px;
    height:180px;
    margin:0 auto;
    margin-top:5px;
    display:block;
}

.boardContainer dl {
    display:inline-block;
    padding:0 15px 0 0;
    margin-top:10px;
    vertical-align:top; 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.boardContainer dl:nth-child(1), .boardContainer dl:nth-child(2) {
    width:34.2%;
    margin-right:16px;
}

.boardContainer dl dt {
    width:100%;
    height:35px;
    
    color:#000;
    font-size:14px;
    font-weight:bold;
    line-height:35px;
    background-color:#c3c3c3;
    border-bottom:1px solid #9fa4ad;
}

.boardContainer dl dt span {
    width:35px;
    height:35px;
    line-height:35px;
    display:inline-block;
    background-color:#9fa4ad;
    text-align:center;
    margin-right:7px;
}
.boardContainer dl dt span:hover {
    color:#de071a;
}

.boardContainer dl dd {
    width:100%;
    padding-top:10px;
}

.boardContainer dl dd li {
    width:100%;
    height:30px;
    line-height:30px;
    display:block;
    color:#444;
    font-size:13px;
    background:url(/Content/images/icon_boardList.png) no-repeat left center;
    padding-left:10px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    cursor:pointer;
}

.boardContainer dl dd li span {
    display:inline-block;
    float:right;
    color:#666;
    font-size:12px;
}
.boardContainer dl dd li:hover, .boardContainer dl dd li:hover span {
    color:#de071a;
}

.boardContainer dl:nth-child(3) {
    width:28.2%;
    border:1px solid #ccc;
    padding:0 25px 5px 25px;
    background-color:#f8f8f8;
    /*background:url(/Content/images/icon_contactUs.png) no-repeat 20px 10px;*/
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.boardContainer dl:nth-child(3) dt {
    background-color:#f8f8f8;
    color:#000;
    border-bottom:1px solid #ccc;
}

.boardContainer dl:nth-child(3) dd {
    /*background:url(/Content/images/icon_contactUs.png) no-repeat 20px 10px;*/
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.boardContainer dl:nth-child(3) dd li {overflow: hidden; padding: 0 2px; font-size: 12px; cursor: default; white-space: nowrap; text-overflow: ellipsis; background: none;}
.boardContainer dl:nth-child(3) dd li:hover {
    color:#444;
}

.boardContainer dl:nth-child(3) dd li .title {
    width: 97px;
    height:30px;
    display:inline-block;
    color:#000;
    font-size:13px;
    float:left;
}

.boardContainer dl:nth-child(3) dd li img {
    margin-left:5px;
    margin-right:10px;
}

.btnPlus {
    cursor:pointer;
    float:right;
    margin:10px 10px 0 0;
}

.footerBox {
    width:100%;
    font-size:10px;
    color:#fff;
    padding-top:15px;
    text-align:center;
    margin:0 auto;
    display:block;
    float:left;
}

.mainFooter {
/*    border-top:1px solid #ddd;*/
    color:#666;
}

.subFooter {
    font-size:10px;
    display:block;
    float:left;
    text-align:left;
    color:#666;
    margin-left:15px;
    padding-bottom:10px;
}
.mainHeader {
    border-top:0;
    border-bottom:4px solid #e51837;
    background:none;
    position:static;
    display:block;
    float:left;
}
.mainHeader .bi {
    background-color:transparent;
    padding:5px 0 0 10px;
}

.mainHeader .mainLogin {
    width:430px;
    height:37px;
    display:inline-block;
    float:right;
    margin:10px 10px 0 0;
}
.mainHeader .mainLogin .loginInput {
    width:150px;
    margin-right:5px;
    padding:0 5px;
}
.mainHeader .mainLogin .loginInput:hover {
    border:1px solid #f68121;
}
.mainHeader .mainLogin .btnLogin {
    width:80px;
    height:31px;
    line-height:30px;
    color:#fff;
    margin-left:0;
}

.mainHeader .loginMess {
    width:100%;
    color:#de071a;
    padding-left:22px;
    line-height:37px;
    background:url(/Content/images/icon_loginMessIcon.png) no-repeat left center;
    display:block;
    float:left;
    display:none;
}




header {
    width:100%;
    min-width:1270px;
    height:87px;
    border-top:4px solid #090909;
    background: url(/Content/images/pattBg.png) repeat left top;
    position:fixed;
    z-index:1000;
    border-bottom:3px solid #fff;
}

@keyframes animate_topNavBar {
     0%   {width:0;}
	 100%  {width:100%;}
}


/*header - 이전공시조회*/
.headerHistory {
    background-color:#f16001;
}
.headerHistory nav li {
    background-color:#dc5700;
    border:1px solid #d35300;
}
.headerHistory nav .on {
    color:#e23b01;
}
/*header - 최근공시*/
.headerRecent {
    background-color:#de071a;
}
.headerRecent nav li {
    background-color:#d40b1d;
    border:1px solid #bf1c2a;
}
.headerRecent nav .on {
    color:#de071a;
}
/*header - 자료제출 */
.headerSubmission {
    background-color:#396aaa;
}
.headerSubmission nav li {
    background-color:#3766a5;
    border:1px solid #35629e;
}
.headerSubmission nav .on {
    color:#0457c6;
}

/*header - 전체 다운로드*/
.headerCommon {
    background-color:#555;
}
.headerCommon nav li {
    background-color:#444;
    border:1px solid #333;
}
.headerCommon nav li:nth-child(1):hover {
    background-color:#fff;
    border:1px solid #fff;
    color:#f68121;
    text-shadow:none;
}
.headerCommon nav li:nth-child(1):hover span {
    border-top:2px solid #f68121;
    -webkit-animation:animate_topNavBar 0.3s linear;
    -moz-animation:animate_topNavBar 0.3s linear;
    -o-animation:animate_topNavBar 0.3s linear;
    animation:animate_topNavBar 0.3s linear;
}
.headerCommon nav li:nth-child(2):hover {
    background-color:#fff;
    border:1px solid #fff;
    color:#de071a;
    text-shadow:none;
}
.headerCommon nav li:nth-child(2):hover span {
    border-top:2px solid #de071a;
    -webkit-animation:animate_topNavBar 0.3s linear;
    -moz-animation:animate_topNavBar 0.3s linear;
    -o-animation:animate_topNavBar 0.3s linear;
    animation:animate_topNavBar 0.3s linear;
}



header .bi {
    width:283px;
    height:87px;
    background-color:#090909;
    text-align:center;
    display:inline-block;
    float:left;
}

header nav {
    width: fit-content;
    height: 62px;
    padding-left: 100px;
    margin-top: 25px;
    display: flex;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

header nav ul {
    float:right;
}
header nav li {
    min-width:150px;
    height:62px;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    text-shadow:0px 1px rgba(0,0,0,0.4);
    text-align:center;
    padding-top:13px;
    line-height:35px;
    /*line-height:62px;*/
    display:inline-block;
    letter-spacing:-0.06em;
    padding-left:15px;
    padding-right:15px; 
    cursor:pointer;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
header nav li a {
    color:inherit;
}
header nav li span {
    margin-top:2px;
}


header nav li:hover span {
    width:100%;
    height:2px;
    border-top:2px solid #fff;
    display:block;
    padding-bottom:2px;
    margin:0 auto;

    -webkit-animation:animate_topNavBar 0.3s linear;
    -moz-animation:animate_topNavBar 0.3s linear;
    -o-animation:animate_topNavBar 0.3s linear;
    animation:animate_topNavBar 0.3s linear;
}
header nav li + li {
    margin-left: 5px;
}
header nav .on {
    background-color:#fff;
    color:#de071a;
    border-bottom:1px solid #fff;
    text-shadow:none;
    cursor:default;
}

.headerHistory nav .on:hover span {
    width:100%;
    height:2px;
    border-top:2px solid #f68121;
    display:block;
    padding-bottom:2px;
    margin:0 auto;

    -webkit-animation:animate_topNavBar 0.3s linear;
    -moz-animation:animate_topNavBar 0.3s linear;
    -o-animation:animate_topNavBar 0.3s linear;
    animation:animate_topNavBar 0.3s linear;
}

.headerRecent nav .on:hover span {
    width:100%;
    height:2px;
    border-top:2px solid #de071a;
    display:block;
    padding-bottom:2px;
    margin:0 auto;

    -webkit-animation:animate_topNavBar 0.3s linear;
    -moz-animation:animate_topNavBar 0.3s linear;
    -o-animation:animate_topNavBar 0.3s linear;
    animation:animate_topNavBar 0.3s linear;
}

.headerSubmission nav .on:hover span {
    width: 100%;
    height: 2px;
    border-top: 2px solid #0457c6;
    display: block;
    padding-bottom: 2px;
    margin: 0 auto;
    -webkit-animation: animate_topNavBar 0.3s linear;
    -moz-animation: animate_topNavBar 0.3s linear;
    -o-animation: animate_topNavBar 0.3s linear;
    animation: animate_topNavBar 0.3s linear;
}



.mainHeader .topSubNav .member > li {
    color:#333;
    border-right:1px solid rgba(255,255,255,0.5);
}
.mainHeader .topSubNav .member li a {
    color:inherit;
} 
header .topSubNav {
    position: absolute; z-index: 1000; top: 7px; right: 10px;
}
header.mainHeader .topSubNav {top: 10px;}

header .topSubNav .member {
    display: block;
    float: right; /*height:30px;*/
}

header .topSubNav .member > li {
    width:100px;
    display:inline;
    border-right:1px solid rgba(255,255,255,0.5);
    color:#fff;
    font-size:13px;
    text-align:center;
    padding:0 10px;
    cursor:pointer;
}
header .topSubNav .member > li:first-child {
    cursor:default;
}
header .topSubNav .member li:first-child:hover .userInfoChange  {
    display:block;
}
header .topSubNav .member > li:last-child {
    border-right:0px;
}
header .topSubNav .member li a {
    color:inherit;
}

header .topSubNav img {
    padding-right:5px;
    vertical-align:middle;
}

header .topSubNav .subMenu {
    display:block;
    float:right;
}

header .topSubNav .subMenu li {
    height:37px;
    display:inline-block;
    color:#fff;
    text-align:center;
    background-color:#bf0718;
    border:1px solid #8a0a15;
    line-height:37px;
    font-size:14px;
    font-weight:bold;
    padding:0 10px;
    cursor:pointer;
}
header .topSubNav .subMenu li:hover {
    background-color:#8a0a15;
    cursor:pointer;
}


.wrap {
    width:100%;
    min-width:1270px;
    height:100%;
    position:relative;
    margin:0 auto;
    
    
}

.historySelectBox {
    margin-left:10px;
}

.historySelectBox .Combobox {
    background-color:#fff;
    position:absolute;
    left:-500px;
}
.historySelectBox .Combobox-textinput {
    height:50px;
    font-weight:bold;
    line-height:50px;
    border-radius:0;
    padding:0 20px;
    font-size:16px;
    color:#000;
    border:1px solid #999;
    cursor:pointer;
    /*box-shadow: 0px 2px rgba(0, 0, 0, 0.05); 
        background:#fff url(/Content/images/historyDisclosureCombo.png) no-repeat right center;*/
    background:#fff url(/Content/images/icon_historyComboArr2.png) no-repeat right center;
    
}

.historySelectBox .Combobox + .Combobox-textinput:hover, .historySelectBox .Combobox + .Combobox-textinput:active, .historySelectBox .Combobox + .ui-state-active.Combobox-textinput {
    background:#fff url(/Content/images/icon_historyComboArr2.png) no-repeat right center;
}

.historySelectBox .Combobox-textinput + .Combobox-dropdown {
    color:#fff;
    border-radius:0;
    margin-top:1px;
    padding:0;
    border:0;
    max-height:350px;
    box-shadow: 0px 3px rgba(0, 0, 0, 0.1);
}

.historySelectBox .Combobox-textinput + .Combobox-dropdown li {
    line-height:21px;
    padding:8px 20px;
    background:#333;
    color:#fff;
    font-weight:bold;
    font-size:13px;
    border-left:1px solid #333;
    border-right:1px solid #333;
    border-bottom:1px solid #444;
}
.historySelectBox .Combobox-textinput + .Combobox-dropdown li > a {
    color:#fff;
}
.historySelectBox .Combobox-textinput + .Combobox-dropdown li:first-child {
    border-top:1px solid #333;
}
.historySelectBox .Combobox-textinput + .Combobox-dropdown li:last-child {
    border-bottom:1px solid #333;
}
.historySelectBox .Combobox-textinput + .Combobox-dropdown li:hover, .historySelectBox .Combobox-textinput + .Combobox-dropdown li.Focused {
    background:#de071a;
    border-left:1px solid #de071a;
    border-right:1px solid #de071a;
    border-bottom:1px solid #de071a;
}
.historySelectBox .Combobox-textinput + .Combobox-dropdown li:first-child:hover, .Combobox-textinput + .Combobox-dropdown li:first-child .Focused {
    border-top:1px solid #de071a;
}


.sideContainer {
    width:295px;
    /*height:120%;*/
    position:absolute;
    /*top:91px;*/
    left:0;
    bottom:0;
    z-index:999;
    top:91px;
    padding-top:10px;
    /*padding:10px 0 0 8px;*/
    background:#cecece url(/Content/images/leftControlBgPatt.png) repeat-y top right;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.sideContainer.bgfixed {position: fixed;}


.sideContainer .controlBar {
    width:13px;
    bottom:0;
    display:inline-block;
    float:right;
    margin-top:25px;
}

.sideContainer .controlBar .controlButtonClose {
    width:12px;
    height:56px;
    background:url(/Content/images/icon_leftClose.png) no-repeat center;
    cursor:pointer;
}

.sideContainer .controlBar .controlButtonClose:hover {
    background:url(/Content/images/icon_leftClose_over.png) no-repeat center;
}

.sideContainer .controlBar .controlButtonOpen {
    width:12px;
    height:56px;
    background:url(/Content/images/icon_leftOpen.png) no-repeat center;
    cursor:pointer;
    display:none;
}

.sideContainer .controlBar .controlButtonOpen:hover {
    background:url(/Content/images/icon_leftOpen_over.png) no-repeat center;
}

.sideContainer .controlBar .controlButtonClose:hover .controlMess, .sideContainer .controlBar .controlButtonOpen:hover .controlMess {
    opacity:1;
    transform:translateX(0px);
}

.sideContainer .controlBar .controlButtonClose .controlMess, .sideContainer .controlBar .controlButtonOpen .controlMess {
    width:87px;
    height:31px;
    background:url(/Content/images/leftCloseBg.png) no-repeat left top;
    color:#fff;
    text-align:center;
    line-height:28px;
    position:absolute;
    top:50px;
    left:290px;
    z-index:1000;
    transform:translateX(14px); 
    transition:opacity, transform; 
    transition-duration:0.3s; 
    transition-timing-function:ease-in-out;
    opacity:0;
}




.leftMenu {
    width:270px;
    display:block;
    margin:5px 5px 0 7px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    
}
.leftMenu ul {
    width:100%;
    padding:0;
    margin:0;
}
.leftMenu ul li {
    width:100%;
    padding:0;
    margin:0;
    color:#000;
    font-size:14px;
    font-weight:bold;
    display:block;
    float:left;
    border-bottom:1px solid #b8b8b8;
    cursor:pointer;
    background-color:transparent;
}
.leftMenu ul li:hover {
    color:#de071a;
}
/*1depth - 1. 번호*/
.leftMenu ul li span:nth-child(1) {
    width:19px;
    height:19px;
    line-height:19px;
    margin:15px 5px 0 3px;
    float:left;
    display:inline-block;
    color:#fff;
    font-family:Arial;
    text-align:center;
    background-color:#656565;
    border:1px solid #575757;
    border-radius:2px;
    
}
/*1depth - 메뉴명*/
.leftMenu ul li span:nth-child(2) {
    line-height:50px;
    float:left;
    display:inline-block;
    letter-spacing:-0.03em;
    word-break:keep-all;
}

.leftMenu ul .on,
.leftMenu ul li.on {
    background-color:#141414;
    color:#fff;
    cursor:default;
}
.leftMenu ul .on span:nth-child(1) {
    color:#de071a;
    background-color:#fff;
    border:1px solid #de071a;
}

.leftMenu ul .on:hover {
    color:#fff;
    cursor:default;
}


.leftMenu ul li .subMenu {
    display:block;
    float:left;
    width:100%;
    padding:0;
    margin:0;
    float:left;  
    display:none;
}		
.leftMenu ul li .subMenu li {
    width:100%;
    padding:0;
    margin:0;
    color:#000;
    font-size:13px;
    font-weight:normal;
    display:block;
    line-height:20px;
    background-color:#f8f8f8; 
    border:0;
    border-left:1px solid #878585;
    border-right:1px solid #878585;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    cursor:default;
}


.leftMenu ul li .subMenu li a {
    color:#000;    
}

/*2depth - (1) 번호 */
.leftMenu ul li .subMenu li a span:nth-child(1), .leftMenu ul li .subMenu li span:nth-child(1) {
    width:26px;
    display:inline-block;
    padding:5px 0 5px 0;
    line-height:21px;
    float:left;
    text-align:center;
    font-weight:normal;
    color:#000;
    font-size:12px;
    font-family:Arial;
    margin:0 2px 0 0;
    border:0;
    background-color:transparent;
}
/*2depth - 메뉴명*/
.leftMenu ul li .subMenu li a span:nth-child(2), .leftMenu ul li .subMenu li span:nth-child(2) {
    display:inline-block;
    padding:5px 0 5px 0;
    line-height:21px;
    float:left;
    width:87%;
    font-weight:normal;
    letter-spacing:-0.04em;
    word-break:keep-all;
}
.leftMenu ul li .subMenu li a:hover span:nth-child(1), .leftMenu ul li .subMenu li a:hover span:nth-child(2) {
    color:#de071a;
}
.leftMenu ul li .subMenu .on a:hover span:nth-child(1), .leftMenu ul li  .subMenu .on a:hover span:nth-child(2) {
    color:#fff;
}


.leftMenu ul li .subMenu .on a, .leftMenu ul li .subMenu li a:hover {
    color:#de071a;
}
.leftMenu ul li .subMenu .on a:hover, .leftMenu ul li .subMenu li a:hover span {
    /*color:#de071a;*/
}
.leftMenu ul li .subMenu .on {
    color:#fff;    
    cursor:default;
    background-color:#666;
}
.leftMenu ul li .subMenu .on:hover {
    color:#fff;    
    cursor:default;
    background-color:#666;
}
.leftMenu ul li .subMenu .on span:nth-child(1) {
    color:#fff;
}
.leftMenu ul li .subMenu .on span:nth-child(2), .leftMenu ul li .subMenu .on span:nth-child(2):hover {
    color:#fff;  
}


.leftMenu ul li .subMenu ul ul li {
    color:#333;
    line-height:18px;
    font-weight:normal;
    background:#ededed;
    border-left:1px solid #878585;
    border-right:1px solid #878585;
}
.leftMenu ul li .subMenu ul ul li:first-child {
    border-top:1px solid #cecece;
}
.leftMenu ul li .subMenu ul ul li:last-child {
    border-bottom:1px solid #cecece;
}
.leftMenu ul li .subMenu ul ul li:hover {
    color:#de071a;
}
.leftMenu ul li .subMenu ul ul .on, .leftMenu ul li .subMenu ul ul .on:hover {
    color:#fff;
    background:#666;  
}


/*3depth - 번호*/
.leftMenu ul li .subMenu ul ul li a span:nth-child(1) {
    width:23px;
    display:inline-block;
    padding:3px 0 3px 1px;
    line-height:20px;
    float:left;
    text-align:right;
    
}
/*3depth - 메뉴명*/
.leftMenu ul li .subMenu ul ul li a span:nth-child(2) {
    display:inline-block;
    padding:3px 0 3px 1px;
    line-height:20px;
    float:left;
    width:89%;
    font-size:12px;
    word-break:keep-all;
}

.leftMenu ul li:last-child {
    margin-bottom:20px; 
}






.floatRight {
    float:right;
}

.quickMenu {
    width:75px;
    position:absolute;
    right:0;
    top:160px;
    position:fixed;
    z-index:1000;
    background-color:#fff;
    padding-left:5px;
}

.quickMenu ul {
    width:65px;
    padding:0;
    margin:0;
}

.quickMenu ul li{
    width:100%;
    height:80px; 
    display:block;
    text-align:center;   
    line-height:15px;
    border:1px solid #a9a9a9;
    border-top:0;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    cursor:pointer;
}

.quickMenu ul li a{
    width:100%;
    
    display:block;
    text-align:center;
    line-height:15px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    cursor:pointer;
    color:#333;
    padding-bottom:10px;
}


.quickMenu ul li:nth-child(1) {
    background-color:#2d2d2d;
    border:1px solid #2d2d2d;
    color:#fff;
    line-height:25px;
    cursor:default;
    padding-top:15px;
    padding-bottom:10px;
}
.quickMenu ul li img {
    padding-bottom:5px;
}

.quickMenu ul li:nth-child(2) a {
    background:#fff url(/Content/images/icon_quickmenu01.png) no-repeat center 17px;
    padding-top:38px;
}
.quickMenu ul li:nth-child(2) a:hover {
    color:#de071a;
    background:#fff url(/Content/images/icon_quickmenu01_over.png) no-repeat center 17px;
}

.quickMenu ul li:nth-child(3) a {
    color:#333;
    background:#fff url(/Content/images/icon_quickmenu02.png) no-repeat center 10px;
    padding-top:38px;  
}
.quickMenu ul li:nth-child(3) a:hover {
    color:#de071a;
    background:#fff url(/Content/images/icon_quickmenu02_over.png) no-repeat center 10px;  
}

.quickMenu ul li:nth-child(4) a {
    color:#333;
    background:#fff url(/Content/images/icon_quickmenu04.png) no-repeat center 19px;
    padding-top:51px;  
}
.quickMenu ul li:nth-child(4) a:hover {
    color:#de071a;
    background:#fff url(/Content/images/icon_quickmenu04_over.png) no-repeat center 19px;  
}

.quickMenu ul li.btn_data:nth-child(2) a {
    color:#333;
    background:#fff url(/Content/images/icon_quickmenu03.png) no-repeat center 10px;
    padding-top:38px;  
}
.quickMenu ul li.btn_data:nth-child(2) a:hover {
    color:#de071a;
    background:#fff url(/Content/images/icon_quickmenu03_over.png) no-repeat center 10px;  
}



.btn_scrollTop {
    width:60px;
    height:35px;
    border:1px solid #ccc;
    background:#fff url(/Content/images/icon_topArr.png) no-repeat center 15px;
    color:#000;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    padding-top:30px;
    right:10px; 
    bottom:20px; 
    position:fixed; 
    z-index:1001;
    opacity:0.8;
}

.btn_scrollTop a {
    color:#000;
}

.btn_scrollTop a:active {
    color:#de071a;
    background-color:transparent;
}



.contentContainer {
    float:right;
    width:100%; 
    bottom:0;
    background-color:#fff;
    padding:80px 85px 0 305px;
    display:block;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.contentContainer .contentBox {
    
    width:100%;
    margin:0 auto;
    /*margin-bottom:60px;*/
    display:block;
   
}

/*.contentContainer h1 {
    color:#000;
    padding:20px 0 0 0;
    font-size:30px;
    letter-spacing:-0.06em;
    word-break:keep-all;
    font-weight:600;
    margin-top:15px;
    padding-bottom:15px;
    line-height:60px;
    border-bottom:1px solid #818181;
}

.contentContainer h2 {
    color:#222;
    font-size:17px;
    letter-spacing:-0.06em;
    word-break:keep-all;
    font-weight:600;
    line-height:45px;
    border-bottom:1px solid #ccc;
    padding-left:20px;
    background:url(/Content/images/icon_comment.png) no-repeat left center;
    display:none;
}

.contentContainer h2 span {
    font-weight:normal;
}*/



.searchContainer {
    width:100%;
    height:70px;
    background-color:#f3f3f3;
    margin-bottom:10px;
}

.searchContainer th {
    color:#000;
    text-align:right;
    width:100px;
    font-weight:normal;
    padding-right:20px;
}

.searchContainer td {
    text-align:left;
}

.searchOption {
    border:1px solid #bbbbbb;
    background-color:#fff;
    width:200px;
    height:40px;
    padding:5px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.searchContainer .Combobox {
    opacity:0;
}

.searchContainer .Combobox-textinput {
    height:30px;
    font-size:13px;
    line-height:30px;
    border-radius:0;
    background:#fff url(/Content/images/comboArr.png) no-repeat right center;   
}
.searchContainer .Combobox-textinput:hover {
    background:#fff url(/Content/images/comboArr_over.png) no-repeat right center; 
}

.searchContainer .Combobox-textinput + .Combobox-dropdown li {
    font-size:13px;
    line-height:30px;
}

.searchContainer .Combobox-dropdown {
    font-size:13px;
    line-height:30px;
    z-index:1001;
}

.defaultButtonContainer {
    width:100%;
    height:35px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.buttonContainer {
    width:100%;
    min-height:32px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin-bottom:3px;
    display:block;
    *zoom: 1;
    /*height:40px;
    text-align:right;
    position:absolute;
    top:177px;
    right:95px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;*/
}
.buttonContainer:after {
    content: "";
    display: block;
    clear: both;
}

.smallButtonPosition {
    position:absolute;
    top:235px;
    right:95px;
    z-index:1001;
}


.smallButtonPosition .btnGrayLine {
    min-width:60px;
    height:25px;
    border:1px solid #666666;
    background-color:#fff;
    color:#333;
    margin-left:5px;
    margin-right:0;
    font-size:12px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.smallButtonPosition .btnGrayLine:hover {
    border:1px solid #666666;
    background-color:#666666;
    color:#fff;
}



/*.btnSmallGrayLineExtra {
    width:60px;
    border:1px solid #666666;
    background-color:#fff;
    color:#333;
    margin-left:5px;
    margin-right:0;
    font-size:12px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.btnSmallGrayLineExtra:hover {
    border:1px solid #666666;
    background-color:#666666;
    color:#fff;
}*/

.commentBox {
    background:url(/Content/images/icon_comment.png) no-repeat left 22px;
    display:inline-block;
    color:#666;
    padding-left:25px;
    margin-top:15px;
    font-size:13px;
    float:right;
    text-align:right;
    font-weight:normal;
}

.commentBox span {
    width:1px;
    height:15px;
    background-color:#666;
    display:inline-block;
    margin:0 15px;
    vertical-align:middle;
}

.btnLine {
    width:1px;
    height:37px;
    border-right:1px solid #999;
    display:inline-block;
    float:right;
    margin-left:10px;
}

.popupContainer {
    min-width:600px;
    min-height:500px;
}

.popupContainer .popupHeader {
    width:100%;
    height:60px;
    padding:0 20px;
    background:#de071a url(/Content/images/pattBg.png) repeat left top;
}

.popupContainer .popupHeader h1 {
    color:#fff;
    font-size:30px;
    letter-spacing:-0.06em;
    word-break:keep-all;
    font-weight:600;
    line-height:60px;
}

.popupContainer .btnClose {
    top:10px;
    right:15px;
    position:absolute;
    z-index:1000;
    width:41px;
    height:41px;
    cursor:pointer;
    background:url(/Content/images/btn_close.png) no-repeat center;
}

.popupContainer .btnClose:hover {
    background:url(/Content/images/btn_close_over.png) no-repeat center;
}

.popupContainer .popupContentBox {
    width:100%;
    height:540px;
    padding:10px 10px 0px 20px;
    overflow-y:auto;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;

}
.popupContentBox .formTable.borderbn tr:last-child td {border-bottom: 0px;}

.formTable {
    width:100%;
    font-size:12px;
    border-top:1px solid #333333;
}

.formTable th {
    width:150px;
    height:30px;
    line-height:30px;
    background-color:#f1f1f1;
    color:#000;
    text-align:center;
    font-weight:normal;
    border-right:1px solid #cccbcb;
    border-bottom:1px solid #cccbcb;
}

.formTable td {
    width:20%;
    height:30px;
    line-height:30px;
    background-color:#fff;
    color:#333;
    padding-left:10px;
    border-bottom:1px solid #cccbcb;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.formTable .textAreaTd {
    padding:10px;
    vertical-align:top;
}

.filebox label {
    display:inline-block;
    padding:0 10px;
    color:#fff;
    background:#666 url(/Content/images/iconSearch.png) no-repeat 10px center;
    cursor:pointer;
    width:55px;
    height:25px;
    line-height:25px;
    padding-left:40px;
    float:left;
}

.filebox input[type="file"] {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    border:0;
    clip:rect(0,0,0,0);
}

.uploadDataList {
    width:100%;
    margin:5px 0;
    float:left;
}
.uploadDataList ul {
    margin:0;
    padding:0;
}
.uploadDataList li {
    width:100%;
    height:20px;
    line-height:20px;
    padding-left:15px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    background:url(/Content/images/icon_menu.png) no-repeat left center;
    cursor:pointer;
}
.uploadDataList li a {
    color:#333;
}
.uploadDataList li a:hover, .uploadDataList li:hover {
    color:#de071a;
}
.uploadDataList li div {
    width:12px;
    height:12px;
    margin-left:10px;
    cursor:pointer;
    display:inline-block;
    line-height:20px;
    background:url(/Content/images/icon_listDelete.png) no-repeat center bottom;
}
.uploadDataList li div:hover {
    background:url(/Content/images/icon_listDelete_over.png) no-repeat center bottom;
}

.btnCelender {
    width:32px;
    height:32px;
    border:0;
    cursor:pointer;
    background:#fff url(/Content/images/icon_calender.png) no-repeat center;
}

.btnCelender:hover {
    background:#fff url(/Content/images/icon_calender_over.png) no-repeat center;
}

.btnCompanyCelender {
    width: 32px;
    height: 32px;
    border: 0;
    cursor: pointer;
    background: #fff url(/Content/images/icon_calender.png) no-repeat center;
    vertical-align: middle;
}

    .btnCompanyCelender:hover {
        background: #fff url(/Content/images/icon_calender_over.png) no-repeat center;
    }


.subTitleContainer {
    width:100%;
    height:50px;
    margin-top:30px;
    display:block;
}
.subTitleContainer h1 {
    line-height:50px;
    color:#000;
    font-size:20px;
    letter-spacing:-0.06em;
    word-break:keep-all;
    font-weight:600;
}
.subTitleContainer h1 img {
    padding-bottom:5px;
}

.titleContainer {
    width:100%;
    display:block;
    height:63px;
}
.titleContainer dt {
    text-align:center;
    display:block;
    border-bottom:1px solid #ccc;
    height:35px;
    display:none;
}
.titleContainer dt .titleH1 {
    width:65%;
    min-width:780px;
    height:30px;
    border:2px solid #999;
    margin:0 auto;
    line-height:25px;
    padding:10px 0px;
    text-align:center;  
    color:#000;
    font-size:20px;
    letter-spacing:-0.06em;
    word-break:keep-all;
    font-weight:600;
    background:#f8f8f8 url(/Content/images/titleBg.png) repeat left top;
    display:block;
}
.titleContainer dt .titleH1 span {
    font-size:13px;
    color:#de071a;
    line-height:20px;
    font-weight:normal;
    border:0;
    display:none;

}

.titleContainer dt .titleImg {
    padding-right:5px;
    padding-bottom:5px;
    vertical-align:middle;
}


.titleContainer dd {
    float:left;
    
    border:1px solid #ccc;
    border-top:1px solid #999;
    width:100%;
    height:40px;
    display:block;
    padding:10px 0;
    margin-bottom:10px;
}
/*.titleContainer dd {
    float:left;
    border:1px solid #ccc;
    border-top:0;
    width:100%;
    height:50px;
    display:block;
    padding-top:45px;
    margin-bottom:10px;
}*/


.companyContainer {
    width:100%;
    height:63px;
    margin-bottom:5px;
    border:1px solid #cccccc;
    border-top:1px solid #999999;
    padding:10px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    /*margin:0 auto;*/
    
}

.companyContainer span {
    width:80px;
    height:41px;
    line-height:41px;
    display:inline-block;
    font-size:15px;
    font-weight:normal;
    color:#000;
    padding-left:35px;
    background:#fff url(/Content/images/icon_company.png) no-repeat 10px center;
}
.Dialog-contents .companyContainer {height: auto;}
.Dialog-contents .companyContainer span {float: left; display: inline-block; width: auto; height: 30px; line-height: 30px; margin-right: 10px;}

.companyContainer .Combobox {
    opacity:0;
}

.companyContainer .Combobox-textinput {
    height:30px;
    font-size:13px;
    line-height:30px;
    border-radius:0;
    background:#fff url(/Content/images/comboArr.png) no-repeat right center;   
}
.companyContainer .Combobox-textinput:hover {
    background:#fff url(/Content/images/comboArr_over.png) no-repeat right center; 
}

.Combobox-textinput + .Combobox-dropdown {
    max-height:400px;
}

.companyContainer .Combobox-textinput + .Combobox-dropdown li {
    font-size:13px;
    line-height:30px;
    
}



.companyContainer .Combobox-textinput + .Combobox-dropdown li {
    font-size:13px;
    line-height:30px;
    
}

.Combobox-dropdown {
    display:block;
}
.companyContainer .Combobox-dropdown {
    /*max-height:50px;*/
    font-size:13px;
    line-height:30px;
    z-index:9999999999999;
    padding:0;
    margin-top:2px;
      /*scrollbar-3dlight-color:#fff;
  scrollbar-arrow-color:#fff;
  scrollbar-base-color:#fff;
  scrollbar-darkshadow-color:#fff;
  scrollbar-face-color:#fff;
  scrollbar-highlight-color:#fff;
  scrollbar-shadow-color:#fff;
  scrollbar-track-color:#fff;*/
    box-shadow: 0px 2px rgba(0, 0, 0, 0.1);
    display:block;
}


.companyContainer .Combobox-dropdown li:first-child {
    background:#ddd;
    font-weight:bold;
    

}

.companyContainer .Combobox-dropdown li:first-child:hover {
    background-color:#f68121;

}

.commonDmsCDSearch span {
    width: 80px;
    height: 41px;
    line-height: 41px;
    display: inline-block;
    font-size: 15px;
    font-weight: normal;
    color: #000;
    padding-left: 35px;
    background: #fff url(/Content/images/icon_calenderInput.png) no-repeat 10px center;
}







.txtButtonContainer {
    width:100%;
    height:45px;
    margin:0 auto;
    margin-bottom:10px;
    position:absolute;
    top:200px;
    padding-right:115px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.qMenuTxt {
    width:100%;
    height:63px;
    margin-bottom:10px;
    border:1px solid #cccccc;
    border-top:1px solid #999999;
    padding:10px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.qMenuTxt h2 {
    width:100%;
    color:#333;
    font-size:14px;
    letter-spacing:-0.06em;
    word-break:keep-all;
    font-weight:normal;
    background:none;   
    text-align:center;
    line-height:25px;
    border:0;
    display:inline-block;
}
.qMenuTxt h2 img {
    padding-right:5px;
}
.qMenuTxt h2 span {
    color:#de071a;
}




.approvalTableContainer {
    width:100%;
    overflow-y:auto;
    overflow-x:auto;
}

.approvalTable {
    width:100%;
    font-size:13px;
    border-top:2px solid #333333;
}

.approvalTable thead th, .approvalTable thead td {
    min-width:60px;
    height:40px;
    line-height:22px;
    background-color:#f1f1f1;
    border-bottom:1px solid #666;
    border-right:1px solid #bababa;  
    text-align:center;
    font-weight:bold;
    color:#000;
    word-break:break-all;
}

.approvalTable thead th {
    border-right:1px solid #666;
}
.approvalTable thead td {
    padding:0 5px;
}

.approvalTable thead th:nth-child(1) {
    min-width:350px;
}
.approvalTable tbody tr {
    background-color:#fff;
}
.approvalTable tbody tr:hover {
    background-color:#f2efef;
}
.approvalTable tbody th {
    color:#000;
    height:35px;
    line-height:35px;
    border-bottom:1px solid #bababa;
    border-right:1px solid #666;
    padding-left:35px;
    text-align:left;    
    font-weight:normal;
}
.approvalTable tbody th:nth-child(1) {
    line-height:21px;
}

.approvalTable tbody .depth1 {
    font-weight:bold;
    background:url(/Content/images/expand.png) no-repeat 5px center;
}

.approvalTable tbody td {
    border-bottom:1px solid #d6d5d5;
    border-right:1px solid #d6d5d5;
    text-align:center;
    color:#666;
}


.approvalTable thead td:nth-child(3), .approvalTable tbody td:nth-child(3) {
    border-right:1px solid #666;
}

.approvalTable tbody tr:first-child th {
    border-top:3px double #333;
    border-bottom:1px solid #333;
    text-align:center;
    font-weight:bold;
    line-height:22px;
    padding:5px 0;
    background:url(/Content/images/gridRowSelect.png) repeat;
}

.approvalTable tbody tr:first-child td {
    border-top:3px double #333;
    border-bottom:1px solid #333;
    background-color:#f8f8f8;
    line-height:30px;
    padding:7px 0 0 0;
    color:#000;
    background:url(/Content/images/gridRowSelect.png) repeat;
}

.approvalTable thead td:last-child, .approvalTable tbody td:last-child {
    border-right:0;
}



.status {
    width:15px;
    height:15px;
    border-radius:10px;
    display:block;
    margin:0 auto;
}

.statusTxt {
    text-align:center;
    text-shadow:0px 2px rgba(255, 255, 255, 1);
}

.noWrite {
    background-color:#de071a;
    border:1px solid #de071a;
}
.noWriteTxt {
    color:#000;
}

.tempSave {
    background-color:#f68121;
    border:1px solid #f68121;
}
.tempSaveTxt {
    color:#000;
}

.approvalReview {
    background-color:#f1f400;
    border:1px solid #f1f400;
}
.approvalReviewTxt {
    color:#000;
}

.noApproval {
    background:#fff url(/Content/images/noApprovalPatt.png) repeat left top;
    border:1px solid #00b709;
}
.noApprovalTxt {
    color:#000;
}

.approvalEnd {
    background-color:#00b709;
    border:1px solid #00b709;
}
.approvalEndTxt {
    color:#000;
}

.Reject {
    background-color: #007fb7;
    border: 1px solid #007fb7;
}
.noReject {
    background: #fff url(/Content/images/noRejectPatt.png) repeat left top;
    border: 1px solid #007fb7;
}
.noRejectRefuse {
    background: #007fb7 url(/Content/images/noRejectRefuse.png) no-repeat center center;
    border: 1px solid #007fb7;
}
.RejectTxt,
.noRejectTxt,
.noRejectRefuseTxt {
    color: #000;
}



.grid_status {
    width:15px;
    height:15px;
    border-radius:10px;
    display:inline-block;
    vertical-align:middle;
}

.grid_statusTxt {
    width:65px;
    padding-left:5px;
    text-align:left;
    display:inline-block;
    line-height:15px;
    text-shadow:0px 2px rgba(255, 255, 255, 1);
}



.qnaQuestion {
    width:100%;
    min-height:70px;
    display:block;
    padding:10px;
    border:1px solid #ccc;
    border-radius:8px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    background-color:#f0f5f7;
}

.qnaQuestion .innerBox {
    width:100%;
    min-height:70px;
    display:block;
    padding:10px;
    padding-top:0;
    border-radius:8px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    background-color:#fff;
    line-height:25px;
    vertical-align:top;
}

.qnaReply {
    width:100%;
    min-height:70px;
    display:block;
    padding:0 10px 10px 10px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    line-height:25px;
    vertical-align:top;
    
}

.btn_qVisibleBox {
    width:100px;
    height:13px;
    line-height:11px;
    cursor:pointer;
    text-align:center;
    border:1px solid #ccc;
    margin:0 auto;
    margin-top:3px;
    margin-bottom:3px;
}
.btn_qVisibleBox:hover {
    border:1px solid #f68121;
}


/* Grid Table */
table.gtable {width: 100%; /*table-layout: fixed;*/ border-collapse: collapse; border-spacing: 0;}
table.gtable {border: none; box-sizing: border-box; border-top: 1px solid #666;}
table.gtable thead th {height: 32px; padding: 5px; box-sizing: border-box; border-top: 0px; border-bottom: 0px; border: 1px solid #cccbcb; font-size: 13px; color: #000; line-height: 100%; text-align: center; vertical-align: middle; background-color: #f1f1f1;}
table.gtable thead tr:first-child th {border-top: 1px solid #666;}
table.gtable thead tr th:first-child {border-left: none;}
table.gtable thead tr th:last-child {border-right: none;}
table.gtable thead tr + tr th {border-top: 1px solid #cccbcb;}
table.gtable tbody td {height: 32px; padding-top: 5px; box-sizing: border-box; border: 0px; border-left: 1px solid #d6d5d5; border-bottom: 1px solid #d6d5d5; font-family: Noto Sans KR, Aria; font-size: 12px; color: #333333; line-height: 100%; text-align: center; vertical-align: middle; background-color: #fff;}
table.gtable tbody td:first-child {border-left: none;}
table.gtable tbody tr:nth-child(odd) td {background-color: #f7f7f7;}
table.gtable tbody tr td:active {background-color: #fefde7;}
table.gtable tfoot td {font-weight: normal; color: #191919; line-height: 25px; background-color: #f8b473;}
table.gtable.lefttitle tbody td:first-child {height: 32px; box-sizing: border-box; word-break: break-all; text-align: left; padding: 5px;}


/*전체 다운로드 화면*/
.downloadTable {
    /*table-layout: fixed;*/
    width: 100%;
    font-size: 13px;
    border: none;
    border-top: 2px solid #333333;
}

.downloadTable thead th, .downloadTable thead td {
    height:40px;
    line-height:40px;
    background-color:#f1f1f1;
    border-bottom:1px solid #666;
    border-right:1px solid #bababa;
    background-color:#f1f1f1;
    text-align:center;
    font-weight:bold;
    color:#000;
}

.downloadTable thead th {
    padding: 7px 0px;
    border-right:1px solid #666;
    line-height:0px;
    vertical-align: middle;
}
.downloadTable thead th > p {
    display: block;
    margin-bottom: 5px;
    font-size: 11px;
    line-height: 1.46em;
    text-align: center;
    word-break: keep-all;
    letter-spacing: -0.024em;
}
.downloadTable thead th input[type="checkbox"] {
    margin-top: 0px;
}

.downloadTable tbody th {
    color:#000;
    width:505px; /*width:518px;*/
    height:35px;
    line-height:35px;
    background-color:#f1f1f1;
    border-bottom:1px solid #bababa;
    border-right:1px solid #666;
    background-color:#fff;
    padding-left:35px;
    text-align:left;
    font-weight:normal;
}
.downloadTable tbody .depth1:hover {
    color:#f68121;
}
.downloadTable tbody th a{
    color:inherit;
    cursor:pointer;
}

.downloadTable tbody .depth1 {
    font-weight:bold;
    background:url(/Content/images/expand.png) no-repeat 5px center;
}

.downloadTable tbody td {
    min-width: 65px;
    background-color:#fff;
    border-bottom:1px solid #d6d5d5;
    border-right:1px solid #d6d5d5;
    background-color:#fff;
    text-align:center;
    color:#666;
}

.downloadTable thead th:last-child, .downloadTable tbody td:last-child {
    border-right:0;
}

.downloadTable tbody tr:last-child th, .downloadTable tbody tr:last-child td {
    border-bottom:1px solid #666;
}

/*
.downloadTable thead td:nth-child(3), .downloadTable tbody td:nth-child(3) {
    border-right:1px solid #666;
}
*/
.downloadTable thead th:nth-child(1) {width: 540px;}
.downloadTable > table {table-layout: fixed;}
.downloadTable > table th {width: 540px;}

.titleLine {
    width:950px;
    height:1px;
    border-top:1px solid #999;
    margin:0 auto;
    display:block;
    margin-bottom:10px;
}

.downloadContainer {
    overflow: hidden;
    width:940px;
    margin:0 auto;
    margin-top:10px;
    padding-bottom: 20px;
}
.downloadContainer:after {content: ''; display: block; clear: both;}
.downloadContainer dl {
    /*display:inline-block;*/
    vertical-align:top;
}
.downloadContainer dl:after {content: ''; display: block; clear: both;}
.downloadContainer dl:nth-child(1) {
    float: left;
    width: 650px;
}
.downloadContainer dl:nth-child(2) {
    overflow: hidden;
    padding-left:30px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}   


.downloadContainer dl dd h2 {
    color:#bf0718;
    font-size:30px;
    letter-spacing:-0.06em;
    word-break:keep-all;
    font-weight:600;
    line-height:60px;
    background:none;
    border:0;
    padding:0;
}

.downloadContainer dl dd .redLine {
    width:40px;
    height:4px;
    border-top:4px solid #de071a;
    margin:30px 0;
    display:block;
}



.btn_downloadContainer {
    width:250px;
    height:260px;
    border:1px solid #ccc;
    text-align:center;
    background:#fff url(/Content/images/icon_bigDownload.png) no-repeat center 30px;
    padding:150px 20px 20px 20px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    cursor:pointer;
     -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
    transition:all 0.3s;
}

.btn_downloadContainer:hover {
    background:#fff url(/Content/images/icon_bigDownload_over.png) no-repeat center 30px;
    border:1px solid #de071a;
}

.btn_downloadContainer .btn_allDownload {
    width:100%;
    height:50px;
    background-color:#de071a;
    line-height:50px;
    text-align:center;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    border-radius:0;
    border:0;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
    margin:0;
    padding:0;
    margin-top:30px;
}

.btn_downloadContainer:hover .btn_allDownload {
    width:100%;
    height:50px;
    background-color:#de071a;
    line-height:50px;
    text-align:center;
    color:#fff;
    font-size:18px;
    font-weight:bold;
    border-radius:0;
    border:0;
    box-shadow: 0px 4px rgba(0, 0, 0, 0.3);
    margin:0;
    padding:0;
    margin-top:30px;
}








/***************** alopex UI ************************/
.Accordion, .Accordion *, .Button, .Button *, .Carousel, .Carousel *, .Checkbox, .Checkbox *, .Dateinput, .Dateinput *, .Datepicker, .Datepicker *, .Daterange, .Daterange *, .Dialog, .Dialog *, .Divselect, .Divselect *, .Dropdown, .Dropdown *, .Dropdownbutton, .Dropdownbutton *, .Group, .Group *, .Groupbutton, .Groupbutton *, .Icon, .Icon *, .List, .List *, .Navigationbar, .Navigationbar *, .Navmenu, .Navmenu *, .Paging, .Paging *, .Panel, .Panel *, .Progressbar, .Progressbar *, .Radio, .Radio *, .Searchinput, .Searchinput *, .Select, .Select *, .Slider, .Slider *, .Spinner, .Spinner *, .Switch, .Switch *, .Table, .Table *, .Tabs, .Tabs *, .Textarea, .Textarea *, .Textinput, .Textinput *, .Tooltip, .Tooltip *, .Tree, .Tree *, .Label, .Label *, .Quotation, .Quotation *, .Cite, .Cite *, .Mark, .Mark *, .Code, .Code *, .Small, .Small *, .Strong, .Strong *, .Del, .Del *, .Alink, .Alink *, .Splitter, .Splitter *, .Hierarchical, .Hierarchical *, .MultiSelect, .MultiSelect *, .Autocomplete, .Autocomplete *, .Combobox, .Combobox * {
    font-family: Noto Sans KR, Aria;
}

.Combobox-textinput + .Combobox-dropdown * {
    font-size:12px;
}
Select, .Textinput, .title-label, .Textarea {
    border-radius:0;
    font-size:12px;
}

.Textinput {
    height:24px;
    line-height:24px;
}
.Textarea {
    width:100%;
}

.Button {
    
    height:30px;
    margin-left:5px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    border-radius:0;
    font-size:13px;
    padding:2px 8px;
}
.Button:hover {   
}
.Button:active, .Button.Checked {
  padding:2px 8px;
}

.btnLogin {
    background-color:#de071a;
    border:1px solid #bf0d0d;
    width:127px;
    height:35px;
    text-transform:uppercase;
    font-size:14px;
    font-weight:bold;
    padding:0;
}
.btnLogin:hover {
    background-color:#bf0d0d;
    border:1px solid #bf0d0d;
    padding:0;
}

.btnSearch {
    width:110px;
    height:41px;
    background-color:#444444;
    border:1px solid #444444;
}
.btnSearch:hover {
    background-color:#000;
    border:1px solid #000;
}

.btnOrngLine {
    border:1px solid #f68121;
    background-color:#fff;
    color:#f68121;
}


.btnGrayLine {
    border:1px solid #666666;
    background-color:#fff;
    color:#333;
    margin-left:0;
    margin-right:10px;
}
.btnGrayLine:hover {
    border:1px solid #666666;
    background-color:#666666;
    color:#fff;
}


.btnGrayLineExtra {
    border:1px solid #666666;
    background-color:#fff;
    color:#333;
    margin-left:0;
    margin-right:10px;
}
.btnGrayLineExtra:hover {
    border:1px solid #666666;
    background-color:#666666;
    color:#fff;
}

.btnGraySold {
    background-color:#5d5d5d;
    border:1px solid #5d5d5d;
}
.btnGraySold:hover {
    background-color:#333;
    border:1px solid #333;
}

.btnOrngSold {
    background-color:#f68121;
    border:1px solid #f68121;
}

.btnOrngSold:hover {
    background-color:#b15204;
    border:1px solid #b15204;
}

.btnRedSold {
    background-color:#de071a;
    border:1px solid #de071a;
}

.btnRedSold:hover {
    background-color:#bf0718;
    border:1px solid #bf0718;
}

.btnRedSoldApp {
    width:100px;
    background-color:#de071a;
    border:1px solid #de071a;
    font-weight:bold;
    position:absolute;
    top:177px;
    right:95px;
}

.btnRedSoldApp:hover {
    background-color:#bf0718;
    border:1px solid #bf0718;
}

.btnExtraLine {
    border:1px solid #f68121;
    background-color:#fff;
    color:#f68121;
    padding-left:10px;
    font-weight:bold;
    margin-left:0;
    margin-right:10px;
}

.btnExtra {
    background-color:#f68121;
    border:1px solid #f68121;
    padding-left:10px;
    font-weight:bold;
}

.btnExtra:hover, .btnExtraLine:hover {
    padding-left:10px;
}

.btnExtraLine.ico_company {padding-left: 35px; background: url('/Content/images/icon_company_org.png') no-repeat 10px center #ffffff;}
.btnExtraLine.ico_company:hover {background-image: url('/Content/images/icon_company_white.png'); background-color: #f68121;}

.Button img {
    display: inline-block;
    margin-right: 5px;
}
.Button span {
    display:inline-block;
    float:left;   
}

.icon_pageDownload {
    width:13px;
    height:12px;
    background:url(/Content/images/icon_pageDownload.png) no-repeat left center;
}

.Button:hover .icon_pageDownload {
    background:url(/Content/images/icon_pageDownload_over.png) no-repeat left center;
}

.icon_delete {
    width:9px;
    height:15px;
    background:url(/Content/images/icon_delete.png) no-repeat left bottom;
}

.Button:hover .icon_delete {
    background:url(/Content/images/icon_delete_over.png) no-repeat left bottom;
}

.icon_rowDelete {
    width:9px;
    height:15px;
    
    background:url(/Content/images/icon_rowDelete.png) no-repeat left bottom;
}

.Button:hover .icon_rowDelete {
    background:url(/Content/images/icon_rowDelete_over.png) no-repeat left bottom;
} 


.icon_approval {
    width:17px;
    height:20px;
    background:url(/Content/images/icon_approval.png) no-repeat left center;
}

.icon_write {
    width:17px;
    height:17px;
    background:url(/Content/images/icon_writeGray.png) no-repeat left bottom;
}

.icon_noticePopup {
    width: 17px;
    height: 17px;
    background: url(/Content/images/icon_mainNotice_1.png) no-repeat left bottom;
}

.Button:hover .icon_write {
    background:url(/Content/images/icon_write.png) no-repeat left bottom;
}

.icon_rowAdd {
    width:11px;
    height:15px;
    background:url(/Content/images/icon_add.png) no-repeat left bottom;
}

.Button:hover .icon_rowAdd {
    background:url(/Content/images/icon_add_over.png) no-repeat left bottom;
}

.paddingLeft40 {
    padding-left:40px;
}
.icon_add {
    width:30px;
    height:14px;
    background:url(/Content/images/icon_companyAdd.png) no-repeat left center;
}

.Button:hover .icon_add {
    background:url(/Content/images/icon_companyAdd_over.png) no-repeat left center;
}
.btnGrayLine.ico_add {padding-left: 22px; background: url('/Content/images/icon_add.png') no-repeat 6px center #ffffff;}
.btnGrayLine.ico_add:hover {background: url('/Content/images/icon_add_over.png') no-repeat 6px center #666666;}
.btnGrayLine.ico_delect {padding-left: 22px; background: url('/Content/images/icon_rowDelete.png') no-repeat 6px center #ffffff;}
.btnGrayLine.ico_delect:hover {background: url('/Content/images/icon_rowDelete_over.png') no-repeat 6px center #666666;}

.alopexgrid .title {
    width:100%;
    height:32px;
    border-top:1px solid #ccc;
}

.title-markuparea {
    width:100%;
}

.alopexgrid .title .title-markuparea {
    margin-top:0;
}

.alopexgrid .title .title-label {
    font-size:12px;
    line-height:22px;
    float:right;
    margin-top:5px;
}

.alopexgrid .title .info-label {
    font-size: 12px;
    line-height: 22px;
    float: left;
    height:72px;
    margin-top: 5px;
}

.alopexgrid .title .unit-label {
    font-size: 12px;
    line-height: 22px;
    float: right;
    margin-top: 5px;
}

.title-label {
    background:url(/Content/images/icon_comment.png) no-repeat left 3px;
    height:20px;
    display:inline-block;
    color:#333;
    padding-left:22px;
     margin-top:5px;
}

.info-label {
    display: inline-block;
    color: #555555;
    margin-top: 5px;
    width: 600px;
    border: 1px solid #aaaaaa;
    padding-left: 5px;
}

.unit-label {
    height: 20px;
    /*display: inline-block;*/
    color: #333;
    padding-left: 22px;
    width:100%;
    margin-top: 5px;
}

.info-point {
    /*background: url(/Content/images/icon_boardList.png) no-repeat left 3px;*/
    background-position: left center;
    display: block;
    /*padding-left: px;*/
}

.alopexgrid.valignfm .footercell.footercell-top > span.status {margin-top: 7px;}
.alopexgrid.ntitle .title {display: none !important;}


.loginInput {
    width: 260px;
    height: 30px;
    border: 1px solid #c5c5c5;
}

.searchSelect {
    border:1px solid #bbb;
    width:156px;
    height:41px;
    border-radius:0;
}




.alopexgrid [data-alopexgrid-columndepth='0'].header-group {
    color:#000;
    background:#f1f1f1;
    /*border-bottom:0;*/
    border-top:1px solid #666;
    /*background:#e9e9e9 url(/Content/images/grid_headerPatt.png) repeat left top;*/
}
.alopexgrid [data-alopexgrid-columndepth='0'].header-group.cell-lastcolumn.headercell, .alopexgrid [data-alopexgrid-columndepth='1'].header-group.cell-lastcolumn.headercell {
    border-right:1px solid #d6d5d5;
}

.alopexgrid .cell-fixcol-lastcolumn.cell-fixcol.headercell {
    border-right:3px double #666;
}
.alopexgrid .cell-fixcol-lastcolumn.cell-fixcol.bodycell, .alopexgrid .cell-fixcol-lastcolumn.cell-fixcol.bodycell.selected {
    border-right:3px double #999;  
}
.alopexgrid .cell-fixcol.bodycell {
    background:#fff;
    border-right:1px solid #d6d5d5;
    border-bottom:1px solid #d6d5d5;
}
.alopexgrid .cell-fixcol.bodycell .row-even {
    background:#fff;
}
.alopexgrid .cell-fixcol.bodycell .row-odd {
    background:#f7f7f7;
}

.alopexgrid .bodycell a {
    color:#e95d02;
}

.alopexgrid [data-alopexgrid-columndepth='1'], .alopexgrid [data-alopexgrid-columndepth='1'].header-group, .alopexgrid [data-alopexgrid-columndepth='1'].cell-header-lastrow.header-group {
    color:#000;
    border-top:1px solid #c3c3c3;
    border-bottom:1px solid #c3c3c3;
    background:#e9e9e9;
}


.alopexgrid .wrapper {
    border:0;
}
.alopexgrid {
    font-family: Noto Sans KR, Aria;
    
}

.alopexgrid, .alopexgrid * {
    font-size: 12px;
    font-family:Noto Sans KR, Aria;
}

.alopexgrid .headercell, .alopexgrid .cell-header-firstrow.cell-header-lastrow.headercell {
    background-color:#f1f1f1;
    color:#000;
    border-top:1px solid #666;
    height:40px;
    line-height:40px;
    font-size:13px;
}

/*.alopexgrid .cell:last-child {
    border-right:0;
}*/

.alopexgrid .column-title {
    font-family:Noto Sans KR, Aria;
    font-size:12px;
    
}

    .alopexgrid .bodycell {
        height: 32px;
        line-height: 21px;
        padding-top: 5px;
        color: #333333;
        font-size: 12px;
        font-family: Noto Sans KR, Aria;
    }
.alopexgrid .bodycell .alopexgrid-cell .cell-ui-noneditable a {
    color:#333333;
    text-decoration:none;
}

.alopexgrid .cell {
    border-right:1px solid #d6d5d5;
    border-bottom:1px solid #d6d5d5;
    padding-left:5px;
    padding-right:0 5px;
}

.alopexgrid .headercell {
    border-right:1px solid #cccbcb;
    border-bottom:1px solid #cccbcb;
}
.alopexgrid .wrapper .bodycell.cell-lastcolumn {
    border-right:0;
}
.alopexgrid .row-even {
    background: #fff;
}
.alopexgrid .row-odd {
    background: #f7f7f7;
}

.alopexgrid .row-even .cell:last-child {
    border-right:0;
}

.alopexgrid .cell-selected-bottomline.cell-selected-leftline.cell-selected {
    border-bottom:1px solid #d6d5d5;
}

.alopexgrid .prevrow-selected.selected.bodycell.cell, .alopexgrid .nextrow-selected.selected.bodycell.cell {
    background:#fefde7;
    border-right:1px solid #d6d5d5;
    border-bottom:1px solid #d6d5d5;   
}

.alopexgrid .selected.bodycell.cell, .alopexgrid .cell.bodycell.selected, .alopexgrid .cell.bodycell.selected.nextrow-selected, .alopexgrid .cell.bodycell.selected.prevrow-selected, .alopexgrid .cell-selected-focus {
    background:#fefde7;
    border-right:1px solid #d6d5d5;
    border-bottom:1px solid #d6d5d5;
}

.alopexgrid .selected.bodycell.cell-lastcolumn, .alopexgrid .nextrow-selected.selected.bodycell.cell-lastcolumn, .alopexgrid .prevrow-selected.selected.bodycell.cell-lastcolumn, .alopexgrid .cell-selected-focus {
    border-right:0;
}

.alopexgrid .cell-hover {
    background:#fff url(/Content/images/gridRowSelect.png) repeat left top;
}

.alopexgrid .cell-grouping.bodycell.cell {
    background:#fff;

}
.alopexgrid .cell-grouping.bodycell.cell-selected-focus {
    background:#fefde7;
}

.alopexgrid .cell.bodycell.selected, .alopexgrid .selected.bodycell.cell, .alopexgrid .nextrow-selected.selected.bodycell.cell, .alopexgrid .prevrow-selected.selected.bodycell.cell, .alopexgrid .cell-selected-focus {
    line-height:32px;
}
.alopexgrid .cell-selected-topline.cell-selected-focus {
    line-height:32px;
}


/*소계 스타일*/
.alopexgrid .cell-rowspan-column.cell-groupfooter.cell-groupmeta.bodycell {
    background-color:#fefde7;
}

.alopexgrid .cell-groupfooter.cell-groupmeta.bodycell {
    font-size:13px;
    padding:0 5px;
    background-color:#fefde7;
    color:#de071a;
    border-right:1px solid #d6d5d5;
    border-bottom:1px solid #d6d5d5;
}
.alopexgrid .cell-groupfooter.cell-groupmeta.bodycell.extraLine {
    border-right:0px solid #d6d5d5;
}

.alopexgrid .cell-groupheader-depth-0.cell-groupfooter.cell-groupmeta.bodycell {
    font-size:13px;
    padding:0 5px;
    background-color:#fefde7;
    color:#de071a;
    border-bottom:1px solid #d6d5d5;
}
/*합계 (마지막 ROW)*/
.alopexgrid .footercell-bottom.footercell {
    color:#de071a;
    font-weight:bold;
    /*border-top:1px solid #999;*/
    line-height:32px;
    background:#fff url(/Content/images/redPatt.png) repeat left top;
}





.alopexgrid .cell-ui-noneditable.cell-selected-focus {
    color:#333;
    background-color:#fefde7;
}

.alopexgrid .cell-selected-rightline.cell-selected {
    border-right:1px solid #d6d5d5;
    border-bottom:1px solid #d6d5d5;
    
}

/*header가 2줄 이상일 경우*/
.alopexHeader2Row.alopexgrid .headercell, .alopexHeader2Row.alopexgrid .cell-header-firstrow.cell-header-lastrow.headercell  {
    border-top:0;
    background-color:#f1f1f1;
}

 .alopexHeader2Row.alopexgrid .wrapper {
     border-top:1px solid #666;
 }





/*데이타그리그 페이징*/
.alopexgrid .pager .page-button, .alopexgrid .pager .page-button a {
    width:30px;
    height:30px;
}

.alopexgrid .pager .page-list {
    margin:0 10px;
    border:1px solid #999;
    border-right:0;
    min-width:25px;
    
}

.alopexgrid .pager .page-list a {
    border:0;
    border-right:1px solid #999;
}
.alopexgrid .pager .page-button a {
    line-height:20px;
}
.alopexgrid .pager .current.page-button a, .alopexgrid .pager .hovering.page-button a {
    color:#de071a;
    background-color:#fff;
    line-height:20px;
}

.alopexgrid .pager .first-page.page-button a {
    background:url("/Content/images/icon_pageFirst.png") no-repeat center;
}
.alopexgrid .pager .page-button.first-page.hovering a {
    border:1px solid #999;
    background:url("/Content/images/icon_pageFirst_over.png") no-repeat center;
}

.alopexgrid .pager .prev-page.page-button a {
    border-right:1px solid #e0e0e3;
    background:url("/Content/images/icon_pagePrev.png") no-repeat center;
}
.alopexgrid .pager .page-button.prev-page.hovering a {
    border:1px solid #999;
    background:url("/Content/images/icon_pagePrev_over.png") no-repeat center;
}

.alopexgrid .pager .next-page.page-button a {
    background:url("/Content/images/icon_pageNext.png") no-repeat center;
}
.alopexgrid .pager .page-button.next-page.hovering a {
    border:1px solid #999;
    background:url("/Content/images/icon_pageNext_over.png") no-repeat center;
}

.alopexgrid .pager .last-page.page-button a {
    background:url("/Content/images/icon_pageLast.png") no-repeat center;
}
.alopexgrid .pager .page-button.last-page.hovering a {
    border:1px solid #999;
    background:url("/Content/images/icon_pageLast_over.png") no-repeat center;
}

.perPage {
    border:1px solid #999;
    padding:5px;
}

.alopexgrid .pager .pager-left {
    float:left;
    width:100px;
    text-align:left;
    position:static;
    display:inline-block;
}

.pager-center {
    width:75%;
    display:inline-block;
    float:left;

}
.alopexgrid .pager .pager-right {
    float:right;
    width:100px;
    text-align:right;
    position:static;
    display:inline-block;
}




.alopexgrid .columnhiddenarea {
    background:#fff;
    border:0;
}



/*#afb7e6 보라색*/

.Dateinput > input, .Daterange .Startdate > input, .Daterange .Enddate > input, .Dateinput > input, .Daterange .Startdate > input, .Daterange .Enddate > input {
    border-radius:0;
    background:#fff url(/Content/images/icon_calenderInput.png) no-repeat right center;
}

.Dateinput > input:hover, .Daterange .Startdate > input:hover, .Daterange .Enddate > input:hover, .Dateinput > input:focus, .Daterange .Startdate > input:focus, .Daterange .Enddate > input:focus {
    border-radius:0;
    background:#fff url(/Content/images/icon_calenderInput_over.png) no-repeat right center;
}




/*일괄승인 > 전체 체크박스 // 전체다운로드 > 전체 체크박스*/
.approvalTable .ImageCheckbox, .downloadTable .ImageCheckbox, .ImageCheckbox {
  cursor:pointer;
}

.approvalTable thead .ImageCheckbox:after, .downloadTable thead .ImageCheckbox:after {
  width: 22px;
  height: 17px;
  margin-top: -8px;
  background: url("/Content/images/redCheckbox_d.png") no-repeat;
}
.approvalTable thead .ImageCheckbox.Checked:after, .downloadTable thead .ImageCheckbox.Checked:after {
  background: url("/Content/images/redCheckbox_over.png") no-repeat;
}
.approvalTable thead .ImageCheckbox.Disabled:after, .downloadTable thead .ImageCheckbox.Disabled:after {
  background: url("/Content/images/redCheckbox_d.png") no-repeat;
}
.approvalTable thead .ImageCheckbox.Checked.Disabled:after, .downloadTable thead .ImageCheckbox.Checked.Disabled:after {
  background: url("/Content/images/redCheckbox_d.png") no-repeat;
}



/*일괄승인 > 체크박스 // 전체다운로드 > 체크박스*/
.approvalTable tbody .ImageCheckbox:after, .downloadTable tbody .ImageCheckbox:after  {
  width: 18px;
  height: 14px;
  background: url("/Content/images/checkbox_d.png") no-repeat;
}

.approvalTable .ImageCheckbox.Checked:after, .downloadTable .ImageCheckbox.Checked:after {
  background: url("/Content/images/checkbox_over.png") no-repeat;
}
.approvalTable .ImageCheckbox.Disabled:after, .downloadTable .ImageCheckbox.Disabled:after {
  background: url("/Content/images/checkbox_d.png") no-repeat;
}
.approvalTable .ImageCheckbox.Checked.Disabled:after, .downloadTable .ImageCheckbox.Checked.Disabled:after {
  background: url("/Content/images/checkbox_d.png") no-repeat;
}

.ImageCheckbox {
  padding-left:12px;
  font-size:13px;
}
.ImageCheckbox:after {
  width: 18px;
  height: 14px;
  background: url("/Content/images/checkbox_d.png") no-repeat;
}

.ImageCheckbox.Checked:after{
  background: url("/Content/images/checkbox_over.png") no-repeat;
}
.ImageCheckbox.Disabled:after {
  background: url("/Content/images/checkbox_d.png") no-repeat;
}
.ImageCheckbox.Checked.Disabled:after{
  background: url("/Content/images/checkbox_d.png") no-repeat;
}




/*tab 디자인*/
.Tabs > ul {
    border-bottom:1px solid #f68121;
}
.Tabs > ul > li.Selected, .Tabs > .Scroller > ul > li.Selected {
    background-color:#f68121;
    border: 1px solid #f68121;
    border-bottom:0;
    color:#fff;
    font-size:14px;
}
.Tabs > ul > li:hover,
.Tabs > .Scroller > ul > li:hover {
  color: #333;
  border-top: 1px solid #d3d4d7;
  border-right: 1px solid #d3d4d7;
  border-left:1px solid #f6f7f8;
}

.Tabs > ul > li.Selected:hover, .Tabs > .Scroller > ul > li.Selected:hover {
    border: 1px solid #f68121;
    border-bottom:0;
    background-color:#f68121;
    color:#fff;
    font-size:14px;
    cursor:default
}

.Tabs > ul > li, .Tabs > .Scroller > ul > li {
    font-size:14px;
}

.af-tabs-content {
    margin-top:20px;
    font-size:13px;
}

.alopexInput {
    width: 80%;
    font-family:Noto Sans KR, Aria;
    height: 25px;
    border: 1px solid #ddd;
    padding: 0 5px;
}
    .alopexInput:hover, .alopexInput:focus {
        font-family:Noto Sans KR, Aria;
        height: 25px;
        border: 1px solid #f68121;
        padding: 0 5px;
    }

.alopexgrid input[type='text'].alopexgrid-default-renderer {
    height:25px;
    border:1px solid #a8a8a8;
    padding:0 3px;
}

    .alopexgrid input[type='text'].alopexgrid-default-renderer:hover, .alopexgrid input[type='text'].alopexgrid-default-renderer:focus {
        font-family:Noto Sans KR, Aria;
        height: 25px;
        border: 1px solid #f68121;
        padding: 0 3px;
    }

.alopexgrid select {
    font-family:Noto Sans KR, Aria;
    height: 25px;
    border: 1px solid #f68121;
    padding-left: 5px;
}




.alopexgrid .progress {
	position: absolute;
	top: 15%;
	left: 43%;
	width: 160px;
	height: 130px;
	margin: 0;
	vertical-align: middle;
	text-align: center;
	color: #000;
    font-size:14px;
	line-height: 20px;
	background: #fff url(/Content/images/progressBar.gif) no-repeat center 20px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	-ms-border-radius: 0px;
	border-radius: 0px;
	_noFocusLine: expression(this.hideFocus = true);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);
	-khtml-opacity: 0.8;
	-moz-opacity: 0.8;
	opacity: 0.8;
    padding-top:100px;
    font-weight:bold;
}

.alopexgrid .cell.line-break {
    white-space:pre;
   
}
.alopexgrid .cell.line-break-and-wrap {
    white-space:pre;
}
.alopexgrid .wrapper .cell.headercell {
        white-space: pre-wrap;
        word-wrap: break-word;
    }
.alopexgrid .cell.bodycell.wraptext {
    
    white-space:pre-wrap;
    word-wrap:break-word;
}

.alopexgrid .sorting .sorting-handle {
    background:url("/Content/alopex/grid/grid_sorting_white.png") no-repeat 0 0;
}
.alopexgrid .asc.sorting .sorting-handle {
    background:url("/Content/alopex/grid/grid_sorting_asc_bright.png") no-repeat 0 0;
}

.alopexgrid .desc.sorting .sorting-handle {
    background:url("/Content/alopex/grid/grid_sorting_desc_bright.png") no-repeat 0 0;
}





/*alopex-grid-plugin-grouper    MY430화면*/
.alopexgrid-grouper.alopexgrid .alopexgrid-grouper-group-key.alopexgrid-cell.headercell.cell {
    background-color:#f1f1f1;
}
.alopexgrid-grouper.alopexgrid .alopexgrid-grouper-group-horizontal.alopexgrid-grouper-group-key.alopexgrid-cell.headercell.cell {
    background-color:#f1f1f1;
}
.alopexgrid-grouper.alopexgrid .alopexgrid-grouper-group-value.alopexgrid-cell.headercell.cell {
    background-color:#f1f1f1;
}
.alopexgrid-grouper.alopexgrid .alopexgrid-grouper-fact.alopexgrid-cell.headercell.cell {
    background-color:#f1f1f1;
}
.alopexgrid-grouper.alopexgrid .alopexgrid-grouper-fact.alopexgrid-cell.headercell.cell span {
    height:100px;
    
}
.alopexgrid-grouper.alopexgrid .alopexgrid-grouper-group-value.alopexgrid-grouper-group-vertical.bodycell.alopexgrid-cell {
    background-color:#fff;
}
.alopexgrid-grouper.alopexgrid .alopexgrid-cell.bodycell.cell {
    border-color:#cccbcb;
}
.alopexgrid-grouper.alopexgrid .headercell.cell .column-title, .alopexgrid-grouper.alopexgrid .bodycell.cell, .alopexgrid-grouper.alopexgrid .bodycell.cell span {
    font-size:12px;
}


.btnSmallGrayLine {
    min-width:28px;
    height:25px;
    border:1px solid #666666;
    background-color:#fff;
    color:#333;
    margin-top:3px;
    margin-right:5px;
    margin-left:0;
    font-size:12px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.btnSmallGrayLine:hover {
    border:1px solid #666666;
    background-color:#666666;
    color:#fff;
}

.margin-top-7 {
    margin-top:7px;
}

.btnSpace {
    width:3px;
    display:inline-block;
    height:5px;
}


/*alopex 안에 들어있는 이미지 체크박스 없애기*/
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:after {
	background: none;
}

.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:focus:after, .alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:hover:after {
	background: none;
}

.alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:after {
	background: none;
}

.alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:focus:after, .alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper:hover:after {
	background: none;
}

.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.checked:after {
	background: none;
}
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.checked:focus:after, .alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.checked:hover:after {
	background: none;
}

.alopexgrid .headercell .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper.disabled:after {
	background: none;
}

.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper .alopexgrid-default-renderer,
.alopexgrid .alopexgrid-input-wrapper.alopexgrid-input-checkbox-wrapper .selector-checkbox {
	opacity: 1;
}

.modalContainer {
    width:100%;
    height:100%;
    min-height:1400px;
    position:absolute;
    z-index:1100;
    left:0;
    top:0;
    background:rgba(0,0,0,0.6);
    display:none;
}
.messPopup {
    width:350px;
    min-height:200px;
    margin:0 auto;
    margin-top:200px;
    border:1px solid #de071a;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
    text-align:center;
    padding-top:105px;
    padding-left:20px;
    padding-right:20px;
    word-break:break-all;
    background:#fff url(/Content/images/icon_messSave.png) no-repeat center 25px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;     
}
.messPopup span {
    padding-bottom:32px;
    word-break:break-all;
    
}

.modalNoticeContainer {
    width: 100%;
    height: 100%;
    min-height: 1400px;
    position: absolute;
    z-index: 1100;
    left: 0;
    top: 0;
    display: block;
}

.messNoticePopup {
    width: 600px;
    min-height: 600px;
    margin: 0 auto;
    margin-top: 200px;
    border: 1px solid #de071a;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
    /*text-align: center;*/
    /*padding-top: 105px;*/
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    word-break: break-all;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}
.newlayerpop {position: absolute; z-index: 9999; left: 50%; top: 50%; margin: 0px; transform: translate(-50%, -50%);}

    .messNoticePopup span {
        padding-bottom: 32px;
        word-break: break-all;
    }

    .messNoticePopup .popupHeader {
        width: 100%;
        height: 60px;
        /*padding: 0 20px;*/
        background: #de071a url(/Content/images/pattBg.png) repeat left top;
    }

    .messNoticePopup .popupHeader h1 {
        color: #fff;
        font-size: 30px;
        letter-spacing: -0.06em;
        word-break: keep-all;
        font-weight: 600;
        line-height: 60px;
        padding: 0 20px;
    }

    .messNoticePopup .btnClose {
        top: 10px;
        right: 15px;
        position: absolute;
        z-index: 1000;
        width: 41px;
        height: 41px;
        cursor: pointer;
        background: url(/Content/images/btn_close.png) no-repeat right top;
    }

    .messNoticePopup .popupContentBox {
        width: 100%;
        height: 540px;
        padding: 10px 10px 0px 10px;
        overflow-y: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.messErrorPopup {
    width:500px;
    height:350px;
    margin:0 auto;
    margin-top:200px;
    border:1px solid #de071a;
    box-shadow: 0px 2px rgba(0, 0, 0, 0.2);
    text-align:center;
    padding-top:10px;
    background:#fff;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}
.messErrorPopup .title {
    width:80%;
    color:#de071a;
    font-size:20px;
    font-weight:bold;
    text-align:center;
    height:50px;
    line-height:50px;
    margin:0 auto;
    border-bottom:1px solid #ccc;
    display:block;
    font-family:Arial;
}
.messErrorPopup .title img {
    padding-right:10px;
}
.messErrorPopup ul {
    width:80%;
    height:120px;
    margin:0 auto;
    margin-top:20px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-bottom:20px;
}
.messErrorPopup ul li {
    width:100%;
    height:25px;
    line-height:25px;
    color:#333;
    font-size:13px;
    font-weight:normal;
    text-align:left;
    background:url(/Content/images/leftMenu_3depthBg2_over.png) no-repeat left 11px;
    padding-left:10px;
}

.modalContainer .btnConfirm {
    color:#fff;
    background-color:#333;
    height:30px;
    line-height:30px;
    width:100px;
    margin:0 auto;
    cursor:pointer;
}




.webeditor-content {
    line-height:25px;
}

.messPopup span {
    color:#222;
    font-size:16px;
    font-weight:bold;
}



.Fileupload {
    text-align:right;
}

.Fileupload .Button {
    height:35px;
    background:#666 url(/Content/images/iconSearch.png) no-repeat 10px center;
    border:1px solid #666;
    color:#fff;
    line-height:28px;
    padding-left:35px;
}
.Fileupload .Button:hover {
    background:#333 url(/Content/images/iconSearch.png) no-repeat 10px center;
    border:1px solid #333;
}





.errorContainer {
    width:812px;
    height:470px;
    margin:0 auto;
    margin-top:10%;
}

.errorContainer .contentBox {
    width:100%;
    height:347px;
    border:1px solid #d4d4d4;
    border-top:4px solid #de071a;
    background:#f6f6f6 url(/Content/images/error_bigIcon.png) no-repeat 90px center;
    padding:60px 60px 0 350px;
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.errorContainer .contentBox h1 {
    color:#000;
    font-size:23px;
    font-weight:bold;
    letter-spacing:-0.006em;
    line-height:70px;
}

.errorContainer .contentBox h2 {
    color:#333;
    font-size:15px;
    font-weight:normal;
    letter-spacing:-0.006em;
    line-height:25px;
}

.errorContainer .footerBox {
    width:100%;
    font-size:10px;
    color:#666;
    margin-top:15px;
    text-align:center;
    display:block;
    float:left;
}


/*.fileName {
    display:inline-block;
    width:190px;
    height:30px;
    border:1px solid #ccc;
}
.btn_file {
    display:inline-block;
    border:1px solid #000;
}
input[tyle="file"] {
    position:absolute;
    width:1px;
    height:1px;
    padding:0;
    margin:-1px;
    overflow:hidden;
    clip:rect(0,0,0,0);
    border:0;
}*/



.fileInput {
    width: 500px;
    height: 25px;
    line-height: 25px;
    margin-top: 5px;
    font-family:Noto Sans KR, Aria;
}

.webeditor {
    margin-bottom:0;
}

.alopexHeader2Row.alopexgrid .cell {
    height:30px;
    line-height:30px;
}
.alopexHeader2Row.alopexgrid .bodycell.cell {
    height:30px;
    line-height:21px;
    padding-top:4px;
}

 
.alopexHeader2Row.alopexgrid [data-alopexgrid-columndepth='2'], 
.alopexHeader2Row.alopexgrid [data-alopexgrid-columndepth='2'].header-group, 
.alopexHeader2Row.alopexgrid [data-alopexgrid-columndepth='2'].cell-header-lastrow.header-group {
    color:#000;
}


.alopexgrid .x.scrollbar {
    height:15px;
}
.alopexgrid .x.scrollbar .scrollhandle {
    left:15px;
    height:15px;
}
.alopexgrid .scrollbar .leftbutton.scrollbutton {
    background-position:5px 5px;
}
.alopexgrid .scrollbar .rightbutton.scrollbutton {
    right:15px;
    background-position:6px -10px;
}


.alopexgrid .y.scrollbar {
    width:15px;
}
.alopexgrid .scrollbar .scrollbutton {
    width:15px;
    height:15px;
}
.alopexgrid .scrollbar .upbutton.scrollbutton {
    background-position:5px -37px;
}
.alopexgrid .scrollbar .downbutton.scrollbutton {
    background-position:5px -23px;
}
.alopexgrid .y.scrollbar .scrollhandle {
    top:15px;
    width:15px;
}


.alopexgrid textarea.alopexgrid-default-renderer {
    padding:0 3px;
}
.alopexgrid textarea.alopexgrid-default-renderer:hover, .alopexgrid textarea.alopexgrid-default-renderer:focus  {
    border:1px solid #f68121;
}



.downloadTable tbody th .depth2Num {
    padding:0 5px 0 15px;
    color:#444;
}
.downloadTable tbody th .depth2 {
    color:#444;
}


.confirmTable {
    width:100%;
    font-size:12px;
    border-top:1px solid #333333;
    margin-top:50px;
}

.confirmTable td {
    height:50px;
    line-height:30px;
    background-color:#fff;
    color:#333;
    padding-left:10px;
    border-bottom:1px solid #cccbcb;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
    font-size:14px;
    text-align:center;
}

.confirmTable td.rowTitle {
    background-color:#f1f1f1;
    font-weight:bold;
    text-align:left;
    margin-left:20px;
}

.confirmTable td div.fileUploadList{
    border: solid 1px;
    min-height: 50px;
    margin: 3px 10px 3px 10px;
}

/* Close Button */

.smallButton {
    padding:2px;
    line-height:12px;
    border:1px solid #666666;
    background-color:#fff;
    color:#333;
    margin-left:5px;
    margin-right:0;
    font-size:11px;
     -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box;
}

.smallButton:hover {
    border:1px solid #666666;
    background-color:#666666;
    color:#fff;
}

.uploader{
    display:none;
}


/* Select Combobox */
.newSelect .Combobox {opacity: 0;}
.newSelect .Combobox-textinput {height: 21px; border-radius: 0; font-size: 13px; line-height: 21px; background: url('/Content/images/comboArr.png') no-repeat right center #fff;}
.newSelect .Combobox-textinput:hover {cursor: pointer; background: url('/Content/images/comboArr_over.png') no-repeat right center #fff;}
.newSelect .Combobox-textinput + .Combobox-dropdown li {font-size: 13px; line-height: 30px;}
.newSelect .Combobox-dropdown {z-index: 1001; font-size: 13px; line-height: 30px;}
.newSelect .Combobox + .Combobox-textinput {padding: 4px 30px 3px 6px;}

/* Table */
table.write {width: 100%; padding-top: 1px; table-layout: fixed; box-sizing: border-box;}
table.write.Table {border: none; border-top: 0px;}
table.write.Table tbody {border-top: 1px solid #333333;}
table.write.Table tr {border-top: 0px;}
table.write.Table tr:nth-child(even) {background: #ffffff;}
table.write.Table tbody th {padding-left: 10px; border-top: 1px solid #cccbcb; border-bottom: 1px solid #cccbcb; border-left: 0px; font-size: 14px; font-weight: bold; text-align: left; background: #f1f1f1;}
table.write.Table tbody td {border-top: 1px solid #cccbcb; border-bottom: 1px solid #cccbcb; border-right: 0px; text-align: left;}
table.write.Table tbody th + td {border-left: 0px;}
table.write.Table tr:nth-child(1) th,
table.write.Table tr:nth-child(1) td {border-top: 0px;}
table.write.Table tbody td input[type="text"] {width: 100%;}

/* Title Layout */
.title_area {width: 100%; height: 50px; margin: 30px auto 10px;}
.title_area:after {content: ''; display: block; clear: both;}
.title_area h1 {display: block; font-size: 20px; font-weight: 600; text-align: left; word-break: keep-all; letter-spacing: -0.06em; color: #000; line-height: 50px;}
.title_area.underline {border-bottom: 1px solid #999999;}

/* 팝업 */
.Dialog {border-radius: 8px; font-family: Noto Sans KR, Aria;}
.Dialog .Header {height: 45px; padding: 6px 15px; font-size: 15px; text-align: left;}
.Dialog .Header .DialogBtn {top: 10px; right: 10px;}
.Dialog-btnwrap {margin-top: 30px;}
.Dialog-contents {padding: 15px;}
.Dialog-contents .Table tbody th {font-weight: bold;}
.Dialog-contents .Table tbody td input[type="text"] {width: 100%;}

.layerpop {
    position: absolute; z-index: 9999; width: 740px; height: 700px; left: 50%; top: 50%; padding: 20px; box-sizing: border-box; border: 1px solid #e60724; border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px; 
    box-shadow: 1px 1px 5px #303030;
    -webkit-box-shadow: 1px 1px 5px #303030;
    -moz-box-shadow: 1px 1px 5px #303030; 
    font-family: Noto Sans KR, Aria; font-weight: normal; color: #303030; transform: translate(-50%, -50%); background: #fff;
    }
    .popup_box {height: 100%;}
    .popup_header {position: relative; height: 42px; padding: 10px 0px 10px; margin-bottom: 20px; box-sizing: border-box; border-bottom: 1px solid #f7b4bd;}
    .popup_header:after {content: ''; display: block; clear: both;}
    .popup_header h2 {font-weight: 600; font-size: 18px;}
    .popup_header button.layerpop_close {position: absolute; width: 25px; height: 25px; top: 10px; right: 10px; padding: 0; border: 0; cursor: pointer; background: url(../alopex/css/images/component_sk.png) no-repeat -54px -236px;}
    .popup_header button.layerpop_close > span {display: block; overflow: hidden;  width: 100%; height: 100%; text-indent: -999999px; white-space: nowrap;}
    .popup_cont {overflow: hidden; overflow-y: auto; height: calc(100% - 82px); padding: 0px; font-size: initial;}
    .popup_cont > h3 {padding: 6px 10px; margin-bottom: 10px; box-sizing: border-box; border-radius: 6px; font-size: 17px; font-weight: 600; line-height: 1.42em; color: #000; background-color: #ffcbd2;}
    .popup_cont .notice_content {padding: 0px 10px; word-break: break-all;}
    .popup_cont .notice_content img {width: 100%; height: auto;}
    .popup_cont .notice_content p {line-height: 1.42em;}
    .popup_btn {height: auto; margin: 10px 10px; padding: 10px 1px 0px; box-sizing: border-box; border-top: 1px solid #f7b4bd; font-size: 12px;}
    .popup_btn:after {content: ''; display: block; clear: both;}
    .popup_btn input[type="checkbox"] {display: inline-block; width: 16px; height: 16px; margin-right: 4px; vertical-align: middle;}
    .popup_btn input[type="checkbox"] + label {font-size: 12px; color: #404040;}
    .popup_btn input[type="checkbox"] + label:hover {cursor: pointer;}
    .popup_btn .fright button {font-size: 12px; color: #404040;}
    .popup_btn button.btn_close {display: inline-block; height: 19px; padding: 0px 10px; box-sizing: border-box; border: 1px solid #8b8b8b; border-radius: 10px; font-size: 11px; color: #585858; line-height: 18px; text-align: center; vertical-align: middle;}

/* 거래상대방 설정 팝업 */
.companyListbox:after {content: ''; display: block; clear: both;}
.companyListbox .buttonContainer {overflow: hidden; margin-bottom: 1px; padding: 10px 14px; border-top: 1px solid #666; background-color: #f1f1f1;}
.companyListbox .buttonContainer .checkarea {display: inline-block; margin-top: 6px; margin-left: -3px; vertical-align: top;}
.companyListbox .buttonContainer .Float-left > strong {display: inline-block;  margin-top: 7px; font-size: 15px; font-weight: 600; color: #000000;}
ul.companyList {overflow-y: auto; position: relative; z-index: 1; box-sizing: border-box; border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
ul.companyList li {display: block; padding: 11px 14px 10px; box-sizing: border-box;}
ul.companyList li + li {border-top: 1px solid #d6d5d5;}
ul.companyList li input[type="checkbox"] {display: inline-block; width: 16px; height: 16px; box-sizing: border-box;}
ul.companyList li input[type="checkbox"] + label {display: inline-block; margin-left: 5px; font-size: 13px; line-height: 16px;}
.Pos-abs {position: absolute; z-index: 10; width: 100%; top: 51px;}
#progressArea {width: 100%; height : 275px; border: 0px; background-color: transparent;}


.division:after {content: ''; display: block; clear: both;}
.prelative {position: relative; width: 100%;}
.division.download {min-height: 35px; line-height: 1.46em;}
.division.download.prelative .fleft {position: absolute; left: 0px; bottom: 0px;}
.division.download.prelative .fright {position: absolute; right: 0px; bottom: 0px;}

.alignvb {vertical-align: baseline;}
.alignl {text-align: left !important;}
.alignc {text-align: center !important;}
.fleft {float: left !important;}
.fright {float: right !important;}

.lineh30 {line-height: 30px;}
.mt10 {margin-top: 10px;}
.mt20 {margin-top: 20px;}
.mb0 {margin-bottom: 0px;}
.mb5 {margin-bottom: 5px;}
.mb20 {margin-bottom: 20px;}
.ml20 {margin-left: 20px;}
.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}


.width200 {
    width: 300px;
}

.readOnly {
    background-color: #e0e3e7;
}

.alopexgrid .headercell.borderTop {
    border-top: 1px solid #cccbcb;
}


.alopexgrid .headercell.borderBottom {
    border-bottom: none;
}
.alopexgrid .headercell.borderRight {
    border-right: none;
}
.alopexgrid .headercell.borderLeft {
    border-left: none;
}

/*.alopexgrid .wrapper .cell.bodycell .colNext {
    background-color: #e0e3e7;
}*/

.alopexgrid .cell-fixcol.bodycell .colNext {
    background: #f7f7f7;
}

/* add 202511 */
.mainNav.quadruple {
    width: 1389px;
}

.mainNav.quadruple ul {
overflow: hidden;
display: flex;
gap: 15px;
}

.mainNav.quadruple li {
margin-right: 0;
}

.mainNav.quadruple li,
.mainNav.quadruple li:nth-child(2),
.mainNav.quadruple li:hover {
    width: 23%;
    padding-top:60px;
}

.mainNav.quadruple li:nth-child(2) {
    background: #de071a url(/Content/images/icon_submitdata_over.png) no-repeat 35px center;

}
    .mainNav.quadruple li:nth-child(2) h1 {
        height: 50px;
    }

.mainNav.quadruple li:nth-child(3) {
background: #0457c6 url(/Content/images/icon_companyGlobal.svg) no-repeat 35px center;
}

.mainNav.quadruple li:nth-child(4) {
    background: #643CBC url(/Content/images/icon_managerInfo.svg) no-repeat 30px center;
}
    .mainNav.quadruple li:nth-child(4) h1 {
        height: 50px;
    }

.mainNav.quadruple li.textLines2 {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-top: 0;
}
.mainNav.quadruple li.textLines2,
.mainNav.quadruple li.textLong {
    width: 27.5%;
}

.mainNav.quadruple li.textLines2 h1,
.mainNav.quadruple li.textLong h1 {
    letter-spacing: -0.08em;
}
.mainNav.quadruple li.textLines2 h1 + div {
    margin-top: 20px;
}

.BtnCustom {
    display:flex;
    align-items:center;
}
.BtnCustom .icon.upload {
    width: 20px;
    height: 17px;
    background-image: url(/Content/images/icon_formUpload.png);
    margin-top:2px;
    margin-right:3px;
}

/* add 202512 */
.mainHeader .mainLogin {
    width: auto;
    height: 30px;
    margin-right: 1em;
    position: relative;
}
.mainHeader .mainLogin.sideFind {
    display:flex;
    gap:5px;
    align-content:flex-start;
    justify-content:flex-start;
}
.mainHeader .mainLogin.sideFind .boxBtnFind {
    position:relative;
    display:flex;
    right:auto;
    left: auto;
    bottom:auto;
}
.mainHeader .mainLogin.sideFind .boxBtnFind .Button {
    margin-right:0;
 }
.mainHeader .mainLogin .btnLogin {
    height: 30px;
}
.mainHeader .mainLogin .boxBtnFind {
    left: auto;
    right: 2px;
    bottom: -25px;
} 
[class="subHeader"] {
    background-color: #396aaa;
}
.userInfoChange {
    height: auto;
}
.userInfoChange ul {
    height: auto;
}
.Dialog .Header button {
    outline: none;
}
header.mainHeader .topSubNav img {
    opacity: 0.5;
}
header ul#topNav {
    display: flex;
}
header #topNav li {
    font-size: 16px;
    line-height: 22px;
    display: flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
    header #topNav li span {
        height: 2px;
        border-top-width: 2px;
        display: block;
        padding-bottom: 2px;
    }
/* main */
.wrapPage {
    overflow: auto;
    font-size:20px;
}
    .wrapPage.main {
/*        overflow-y:hidden;*/
        height:100%;
    }
    .wrapPage header {
        min-width:63.5em;
        height:4.35em;
    }
    .wrapPage #divInfo {
        justify-content: center;
        align-items: center;
    }
    .wrapPage .loginInfo {
        margin: 0;
        width: 400px;
        border-radius: 10px;
        border: 0;
        min-height: 260px;
        background-position-y: 40%;
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
        .wrapPage .loginInfo span {
            padding-top: 30px;
        }
    .wrapPage .mainHeader {
        border-width: 0;
        min-width:40em;
        position:relative;
        z-index:11;
    }
    .wrapPage .mainHeader .bi {
        width:14.15em;
        height:4.35em;
        padding:0.5em 0 0 1em;
    }
    .wrapPage .mainHeader .bi img {
        width:15.3em;
        height:3.45em;
    }
.footerBox {
    padding-top:30px;
}
.btnGo {
    border: 1px solid #fff;
    border-radius: 2em;
    background: url('/Content/images/iconGoWH.png') no-repeat 55% center/0.65em;
    min-width: 1.6em;
    padding: 1em 0.2em;
    display: flex;
    position: absolute;
    right: 1.5em;
    bottom: 1.5em;
    opacity: 0.9;
    cursor: pointer;
}
    .btnGo.BK {
        background-image: url('/Content/images/iconGoBK.png');
        border-color:#000;
        opacity:0.7;
    }
    .btnGo.text {
        background-position-x: 88%;
        padding: 0.4em 2em 0.4em 0.75em;
        width: 50px;
        margin-top: 0.5em;
        text-shadow: 0 0 0.25em rgba(0,0,0,0.5);
        font-size: 0.65em;
    }
.areaMain {
    width: 100%;
    min-width: 60em;
    height: calc(100vh - 157px);
    min-height:715px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:10;
    position:relative;
/*    overflow:auto;*/
}
.areaMain nav {
    width: 60em;
    display: flex;
    flex-wrap: wrap;
}
.areaMain .container {
    display: flex;
    min-width: 20em;
    min-height: 24.4em;
    flex: 1;
}
    .areaMain .container.bulky {
        flex: 2;
    }
.cardBox {
    border-radius: 1.5em;
    color: #fff;
    position: relative;
    overflow: hidden;
    display: flex;
    padding: 1.5em;
    flex: 1;
}
    .cardBox::before {
        content: "";
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        transition: 0.35s ease;
        z-index: -1;
    }
    .cardBox:hover::before {
        transform: scale(1.1);
        filter: brightness(80%);
    }
    .cardBox h1 {
        font-size: 1em;
        font-weight: 500;
    }
.areaMain nav,
.areaMain .col,
.areaMain .container {
    gap: 1.5em;
}
.boxText {
    padding: 0;
    flex-direction: column;
    justify-content: flex-end;
}
    .boxText .boxBottom {
        background: linear-gradient(45deg, rgba(211, 0, 15, 0.8) 0%, rgba(211, 0, 15, 0.8) 60%, rgba(228, 74, 79, 0.8) 100%);
        /*background: linear-gradient(90deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.5) 100%);*/
        border-bottom-left-radius: 1.5em;
        border-bottom-right-radius: 1.5em;
        padding: 1em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-content: space-between;
    }
        .boxText .boxBottom h1 {
            font-weight: 500;
            margin: 0 0.75em 1.5em 0.75em;
            font-size: 1.6em;
            text-shadow: 0 0 0.25em rgba(0,0,0,0.2);
        }
.boxOverseas::before {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.7) 100%), url('/Content/images/mainbg_03.png');
    background-size: cover;
    background-position-y: 40%;
}
.boxSubmission::before {
    background:url('/Content/images/mainbg_02.png');
    background-size: cover;
    background-position-y: top;
}
.boxRepre {
    color: #000;
}
    .boxRepre::before {
        background: url('/Content/images/mainbg_04.png') #F3F3F3 no-repeat 70% center / 25%;
    }
    .boxRepre:hover {
        filter: brightness(95%);
    }
.boxContact,
.boxBoard {
    padding: 0.75em 1.5em 1em 1.5em;
}
.boxContact {
    color: #000;
    border: 1px solid #ccc;
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width:11em;
}
    .boxContact ul {
        padding-top: 1.2em;
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
    .boxContact li {
        flex: 1;
        font-size: 0.65em;
    }
        .boxContact li img {
            margin-left: 0.65em;
        }
.boxBoard {
    display: flex;
    border: 1px solid #ccc;
    flex: 35em;
}
.areaMain .col {
    display: flex;
    flex-direction: column;
    flex:1;
}
.areaMain .boxText.declare::before {
    background: linear-gradient(45deg, rgba(211, 0, 15, 0.1) 0%, rgba(211, 0, 15, 0.1) 60%, rgba(228, 74, 79, 0.1) 100%), url('/Content/images/mainbg_05.png');
    background-position: center;
    background-size: cover;
}
.areaMain .boxText::before {
    /*    background: linear-gradient(45deg, rgba(211, 0, 15, 0.2) 0%, rgba(211, 0, 15, 0.2) 60%, rgba(228, 74, 79, 0.2) 100%), url('/Content/images/mainbg_01.png');*/
        background: url('/Content/images/mainbg_01.png');
        background-position: bottom;
        background-size: cover;
    }
.areaMain .container .declare + .boxText .boxBottom {
    background: linear-gradient(45deg, rgba(245,130,31,0.9) 0%, rgba(245,130,31,0.9) 68%, rgba(248,168,96,0.9) 100%);
}
.areaMain .container .declare + .boxText::before {
    background: linear-gradient(0deg, rgba(245,130,31,0.1) 0%, rgba(245,130,31,0.1) 68%, rgba(248,168,96,0.2) 100%), url('/Content/images/mainbg_01.png');
    background-size:cover;
}
.areaMain .container .declare.boxText h1,
.areaMain .container .declare + .boxText .boxBottom h1 {
    font-size: 1.3em;
    margin-bottom:3.5em;
}
.areaMain .boardContainer {
    width: 100%;
    display: flex;
    margin-top: 0;
    gap: 3em;
    height:auto;
}
    .areaMain .boardContainer dl:first-child::after {
        content: "";
        position: absolute;
        top: 1.5em;
        left: 50%;
        width:1px;
        height: calc(100% - 3em);
        background-image: url('/Content/images/dot_black.png');
        opacity:0.1;
    }
.areaMain .boardContainer dl {
    flex:1;
    margin:0;
    padding:0;
}
    .areaMain .boardContainer dl,
    .areaMain .boardContainer dl dt,
    .areaMain .boardContainer dl dd li,
    .areaMain .boardContainer dl dd li span {
        color: #000;
    }
        .areaMain .boardContainer dl dd {
            padding: 0.6em 0 0.65em 0;
        }
            .areaMain .boardContainer dl dd li {
                padding: 0 0.5em;
                font-size: 0.75em;
                list-style: none;
                background-image: none;
                font-weight: 300;
                height:2em;
                line-height:2em;
            }
            .areaMain .boardContainer dl dd li:hover {
               background-color:rgba(0,0,0,0.1);
               border-radius:1.5em;
            }
                .areaMain .boardContainer dl dd li span {
                    font-size:1em;
                }
    .areaMain .boardContainer dl dt span {
        display: none;
    }
    .areaMain .boardContainer dl dt {
        background-color: transparent;
        border:none;
        font-size:0.9em;
        font-weight:500;
    }
        .areaMain .boardContainer dl dt img {
            padding: 3px;
        }
            .areaMain .boardContainer dl dt img:hover {
                background-color: rgba(0,0,0,0.1);
                border-radius: 1.5em;
            }

/* upload view detail*/
.btnGridText {
    border: 1px solid #999;
    padding: 0px 4px;
    color: #333;
    font-size: 11px;
    cursor: pointer;
    background-color: #fff;
}
.boxViewDetail .container {
    border-top: 2px solid #e60724;
    margin-bottom: 30px;
}
.boxViewDetail .container.mail dt {
    display:flex;
    justify-content:center;
    align-items:center;
}
    .boxViewDetail .container.mail dd .Textinput,
    .boxViewDetail .container.mail dd .textArea {
        width: 100%;
        font-size: 13px;
    }
    .boxViewDetail .container.mail dd .textArea {
        height: 235px;
        border: 1px solid #afb3b8;
        padding: 5px;
    }
    .boxViewDetail .alopexgrid .title {
        border-top: 1px solid transparent;
    }
.boxViewDetail .currency dd > span {
    display: flex;
    justify-content: flex-end;
}
.boxViewDetail .boxDiv dl:first-child dt:first-child:last-child {
    margin-top: 0;
    padding-top:0;
}
.boxViewDetail dl.titNone {
    border-top: 1px solid #d6d5d5;
}
.boxViewDetail dt.tit {
    border-bottom: 0;
    display:flex;
    justify-content:space-between;
    padding-right:5px;
}
    .boxViewDetail dt.tit .add {
        font-weight: normal;
        font-size: 11px;
    }
    .boxViewDetail dl {
    display: flex;
    flex-wrap: wrap;
}
    .boxViewDetail dl.triple dt:nth-of-type(2) {
        width: 65px;
    }
        .boxViewDetail dl.triple dd:first-of-type,
        .boxViewDetail dl.triple dd:nth-of-type(2) {
            min-width: 144px;
        }
    .boxViewDetail dl.triple dd:nth-child(4n-2):last-child {
        min-width: calc(50% - 200px);
        width: calc(50% - 200px);
    }
    .boxViewDetail dl.depth {
        margin-left:20px;
    }
    .boxViewDetail dl.colspan dd {
        flex:1;
    }
        .boxViewDetail dl.colspan dd.scroll {
            max-height: 40px;
            display: flex;
            overflow: auto;
        }
    .boxViewDetail dt, 
    .boxViewDetail dd {
        padding: 10px 20px;
        font-size: 13px;
        line-height: 13px;
        border-bottom: 1px solid #d6d5d5;
    }
    .boxViewDetail dt {
        width: 200px;
        font-weight: 600;
        background-color: #f8f1f2;
    }
        .boxViewDetail dt:first-child:last-child {
            flex:1;
            background-color:#fff;
            margin-top:20px;
            padding-left:5px;
        }
    .boxViewDetail dd {
        min-width:calc(50% - 200px);
        background-color:#fff;
    }
        .boxViewDetail dd.full {
            min-width: calc(100% - 200px);
        }
        .boxViewDetail dd:nth-child(4n-2):last-child {
            width: calc(100% - 200px);
        }
    .boxViewDetail span {
        line-height: 20px;
    }
    .boxViewDetail dd span.tit {
        font-weight:600;
    }
.boxViewDetail .Dialog-btnwrap {
    padding-top: 20px;
    margin:0;
}
.boxError {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 455px;
    gap:50px;
}
    .boxError .boxText {
        text-align:center;
        font-size:14px;
    }
        .boxError .boxText p {
            margin-top:15px;
        }
@media (max-height: 720px) {
    .wrapPage {
        font-size:16px;
    }
    .areaMain {
        height: calc(100vh - 8.7em);
        min-height:590px;
    }
}
/* add 202601 */
[class*="icon_svg_"] {
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}
.boxFlex {
    display: flex;
}
.boxColumn {
    flex-direction: column;
}
.boxBetween {
    justify-content: space-between;
}
.boxEnd {
    justify-content:flex-end;
}
.icon_svg_arrowRight {
    background-image: url('/Content/images/icon_arrowRight.svg');
    margin-right: 5px;
    margin-left: 3px;
    width: 9px;
    height: 9px;
}
.icon_svg_subMark {
    background-image: url('/Content/images/icon_subMark.svg');
    width: 7px;
    height: 7px;
    margin-right:5px;
    margin-bottom:2px;
}
.boxDiv {
    border: 1px solid #f1f1f1;
    padding: 20px 10px;
}
.containerFlex {
    align-items: center;
    justify-content: center;
    display: flex;
}
.boxCertify {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    font-size: 13px;
    margin-top:20px;
}
.boxCertify .box {
    display:flex;
}
.boxCertify .disable {
    width: 226px;
    height: 30px;
    display: flex;
    line-height: 30px;
    color: #303030;
    padding: 0 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
}
.boxCertify .Button {
    margin-right:0;
}
    .boxCertify .boxTimer .Textinput {
        width: 268px;
        height: 40px;
        border: 1px solid #e60724;
        font-size: 15px;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
        .boxCertify .Textinput:focus {
            outline: 1px solid #e60724;
        }
.contentBox .boxFlex {
    width:100%;
    min-height:32px;
    margin-bottom:3px;
}
    .contentBox .boxFlex .boxAddBtn .btnGrayLine {
        margin-right: 0px;
    }

[class*="icon_mail_"] {
    width: 19px;
    height: 20px;
    margin-right: 4px;
    background-repeat: no-repeat !important;
    background-position: left center !important;
}
.icon_mail_bk {
    background-image: url(/Content/images/icon_mail_bk.png);
    opacity: 0.6;
}

.icon_mail_wh {
    background: url(/Content/images/icon_mail_wh.png);
}

.btnGrayLine:hover .icon_mail_bk {
    background: url(/Content/images/icon_mail_wh.png);
    opacity:1;
}

.custom-checkbox {
    display: flex;
    align-items: center;
    cursor: pointer;
    align-items: center;
}
.checkbox-input:checked + .checkbox-text {
    color: #DE071A;
}
input[type="checkbox"].checkbox-input {
    appearance: none;
    -webkit-appearance: none;
    width: 18px;
    height: 18px;
    border: 1px solid #afb3b8;
    background-color: #fff;
    cursor: pointer;
    position: relative;
    margin-right: 5px;
}
    input[type="checkbox"].checkbox-input:checked {
        background-color: #DE071A;
        border-color: #DE071A;
    }
        input[type="checkbox"].checkbox-input:checked::after {
            content: "";
            position: absolute;
            left: 4px;
            top: 0;
            width: 6px;
            height: 12px;
            border: solid #fff;
            border-width: 0 2px 2px 0;
            transform: rotate(45deg);
        }
.boxSelect {
    display:flex;
    gap:20px;
}
    .boxSelect.custom {
        border: 1px solid rgba(0,0,0,0.1);
        padding:30px 40px;
    }
.Dialog-contents.boxFlex {
    justify-content: flex-end;
    align-items: center;
    flex-direction:column;
}
.Button.custom {
    margin-right:1px;
}
.Dialog-contents.boxFlex .Dialog-btnwrap {
    margin-top: 20px;
}
.boxTimer {
    position:relative;
}
.timer {
    position:absolute;
    top:10px;
    right:10px;
}
.Dialog-contents {
    position:relative;
}
.boxProgressBar {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color:rgba(255,255,255,1);
}
    .boxProgressBar #progressArea {
        width:auto;
        height:auto;
    }
.boxFind,
.boxFind dl,
.boxFind dt {
    display: flex;
}
.boxFind {
    flex-direction: column;
    gap: 15px;
    margin-top:20px;
}
.boxFind dl {
    justify-content:center;
}
.boxFind dt {
    width:60px;
    align-items:center;
    font-weight:bold;
}
    .boxFind .Textinput {
        width:220px;
    }
.loginContainer .contentBox .inputBox .innerBox .boxBtnLogin {
    display: flex;
    justify-content:flex-end;
    margin-bottom:0;
}
.btnText {
    color:#666;
    font-size:12px;
}
.loginContainer .contentBox.boxFind .inputBox .innerBox {
    border: 0;
}
.loginContainer .contentBox.boxFind {
    margin-top: 0;
}
.loginContainer .contentBox.boxLogin {
    position: relative;
}
.boxBtnFind {
    position: absolute;
    left: 364px;
    bottom: 142px;
}
.btnRedLine {
    border: 1px solid #de071a;
    background-color: #fff;
    color: #de071a;
    margin-left: 0;
}
    .btnRedLine:hover {
        border: 1px solid #de071a;
        background-color: #de071a;
        color: #fff;
    }