@charset "utf-8";

@media screen and (max-width:767px) {}

@media screen and (min-width:768px) and (max-width:1023px) {}

@media screen and (min-width:1024px) {
    wrap {}
}

body {
    background: #f6f7fb;
    height: auto;
}

body.popup {
    background: #fff;
    height: auto;
}

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

/* header */
.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1004;
    width: 100%;
    height: 60px;
    background: #2f303b;
}

.header h1 {
    padding: 16px 0 0 31px;
}

.header .global {
    position: absolute;
    right: 30px;
    top: 15px;
}

.noticeArea:after {
    content: '';
    display: block;
    clear: both;
}

.noticeArea {
    position: relative;
    float: left;
    margin-top: 5px;
}

.noticeArea h3 {
    float: left;
    margin-right: 5px;
    font-weight: bold;
    line-height: 18px;
    color: #f6f7fb;
}

.noticeArea .noticeBox {
    float: left;
    width: 246px;
}

.noticeArea .noticeBox .btnBox {
    position: absolute;
    right: 0;
    top: 1px;
    z-index: 2;
}

.noticeArea .noticeBox .btnBox button {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../images/btn_notice.png) no-repeat 0 0;
    text-indent: -9999px;
}

.noticeArea .noticeBox button.goPrev {
    background-position: 0 0;
}

.noticeArea .noticeBox button.goNext {
    background-position: -20px 0;
}

.noticeRollingBanner {
    overflow: hidden;
    position: relative;
    width: 246px;
    height: 20px
}

.noticeRollingBanner ul {
    position: absolute;
    left: 0;
    margin: 3px 15px 0 0;
    padding-right: 40px;
}

.noticeRollingBanner ul li {
    float: left;
    width: 200px;
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.noticeRollingBanner ul li a {
    color: #f6f7fb;
}

.noticeArea+.loginArea {
    margin-left: 40px;
    padding-left: 30px;
    background: url(../images/bul_h18_bar.png) no-repeat 0 center;
}

.loginArea:after {
    content: '';
    display: block;
    clear: both;
}

.loginArea {
    float: left;
}

.loginArea .loginInfo {
    float: left;
    margin-right: 30px;
}

.loginArea .loginInfo p {
    height: 30px;
    line-height: 30px;
    color: #f6f7fb;
}

.loginArea .noticeNew {
    float: left;
    margin-right: 20px;
    position: relative;
    height: 30px;
}

.loginArea .noticeNew .newNum {
    position: absolute;
    right: -7px;
    top: -2px;
    display: block;
    padding: 1px 4px;
    border: 1px solid #ea4242;
    border-radius: 50%;
    background: #ea4242;
    font-weight: bold;
    font-family: Verdana, san-serif;
    font-size: 0.9rem;
    color: #fff;
}

.loginArea .noticeNew .new {
    display: block;
    margin: 3px 0 0 0;
    width: 18px;
    height: 22px;
    background: url(../images/ico_notice_new.png) no-repeat 0 0;
}

.loginArea .noticeNew .cs {
    display: block;
    margin: 3px 0 0 0;
    width: 30px;
    height: 27px;
    background: url(../images/ico_cs_new.png) no-repeat 0 0;
    background-size: 100% 100%;
}

.loginArea .loginBtn {
    float: left;
}

@media screen and (max-width:1279px) {
    .noticeArea {
        display: none;
    }

    .noticeArea+.loginArea {
        background: none;
    }
}

/* fiexdBar */
.fiexdBar {
    position: fixed;
    left: 0;
    top: 60px;
    z-index: 1003;
    width: 47px;
    height: 100%;
    background: #40425b;
    border-right: solid 1px #2f303a;
}

.fiexdBar ul {}

.fiexdBar ul li {
    width: 47px;
    height: 56px;
}

.fiexdBar ul li a {
    width: 100%;
    height: inherit;
    border-bottom: solid 1px #2f303a;
    text-indent: -99999px;
    display: block;
    font-size: 1px;
    background: url(../images/bg_naviMenu01.png) no-repeat center 21px;
}

.fiexdBar ul li a.on {
    background-color: #ea4242;
}

.fiexdBar ul li a.openNavigation {
    background: url(../images/bg_naviMenu02.png) no-repeat 7px center;
}

/* navigation */
.pageContainer {
    position: relative;
    margin-top: 60px;
    /*overflow:hidden;*/
    height: 100%;
}

.navigationArea {
    position: fixed;
    left: 48px;
    top: 60px;
    z-index: 1002;
    width: 244px;
    height: 100%;
    background: #40425b;
    transition: left 0.5s;
    -webkit-transition: left 0.5s;
}

.primaryArea {
    height: 100%;
    margin-left: 48px;
    /*overflow:hidden;*/
}

.navOn .navigationArea {
    left: -274px;
}

/* search */
.searchBox {
    position: relative;
    height: 55px;
    border-bottom: solid 1px #2f303a;
    background: #40425b;
    text-align: center;
}

.searchBox input {
    margin-top: 9px;
    padding: 0 0 0 17px;
    width: 216px;
    height: 36px;
    vertical-align: middle;
    border: 0 none;
    color: #9a9ba7;
}

.searchBox .btnSearch {
    position: absolute;
    right: 14px;
    top: 9px;
    z-index: 2;
    display: block;
    width: 45px;
    height: 36px;
    background: url(../images/btn_search.png) no-repeat 0 0;
}

/* today */
.todayBox {
    background: #ea4242;
}

.todayBox h3 {
    position: relative;
    padding: 0 20px;
    width: 244px;
    height: 56px;
    line-height: 56px;
    text-align: left;
    font-weight: bold;
    font-size: 1.6rem;
    color: #fff;
    border-bottom: solid 1px #d52a2a;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.todayBox h3 .btnTodayXbtn {
    position: absolute;
    right: 19px;
    top: 24px;
    z-index: 2;
    display: block;
    width: 10px;
    height: 9px;
    background: url(../images/btn_today_close.png) no-repeat 0 0;
}

.todayBox h3 .btnRefresh {
    display: inline-block;
    margin: 19px 0 0 8px;
    padding: 0 4px 0 2px;
    width: 50px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #b1c8f2;
    border-radius: 2px;
    background: #e9f0fc;
    font-size: 1.1rem;
    color: #6d6e7a;
    letter-spacing: -0.1rem;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* 새로고침 
.btnRefresh{
	display:inline-block;
	margin:16px 0 0 10px;padding:0 4px;
	height:22px;line-height:22px;
	text-align:center;
	border:solid 1px #b1c8f2;border-radius:3px;background:#fff;
	font-size:1.1rem;color:#6d6e7a;letter-spacing:-2px;
}*/
.todayView h4 {
    padding: 20px 20px 0;
    font-size: 1.4rem;
    color: #fff;
    border-top: solid 1px #d52a2a;
}

.todayView h4:first-child {
    border-top: none;
}

.todayBox ul {
    padding: 15px 20px 20px;
    overflow: hidden;
}

.todayBox ul:first-child {
    border-top: 0 none;
}

.todayBox ul:last-child {
    padding-bottom: 30px;
}

.todayBox li:first-child {
    position: relative;
}

.todayBox li:first-child:after {
    display: block;
    content: "";
    position: absolute;
    top: 9px;
    right: 0;
    border-right: 1px solid #f07b7b;
    height: 42px
}

.todayBox li:after {
    content: '';
    display: block;
    clear: both;
}

.todayBox li {
    float: left;
    width: 50%;
    font-size: 1.2rem;
    color: #fff;
    text-align: right;
}

.todayBox li:first-child {
    padding-left: 0;
}

.todayBox li:last-child {
    padding-right: 0;
}

.todayBox li span {
    display: block;
    width: auto;
    margin-bottom: 8px;
    text-align: left;
}

.todayBox li a {
    display: block;
    width: auto;
    font-family: Verdana, san-serif;
    font-size: 2rem;
    color: inherit;
}

.todayBox li:first-child span,
.todayBox li:first-child a {
    margin-right: 10px;
}

.todayBox li:last-child span,
.todayBox li:last-child a {
    margin-left: 10px;
}

.todayBox li a em {
    font-family: '돋움', 'Dutom', san-serif;
    font-size: 1.2rem;
}

.todayBox ul.v1 {
    padding: 20px 20px 15px 20px;
    border-top: solid 1px #d52a2a;
}

.todayBox ul.v1:first-child {
    padding-top: 0;
    border-top: 0 none;
}

.todayBox ul.v1 li:after {
    content: '';
    display: block;
    clear: both;
}

.todayBox ul.v1 li:first-child:after {
    padding-top: 0;
    border-top: 0 none;
    position: static;
    border-right: 0 none;
    height: auto;
}

.todayBox ul.v1 li {
    padding-top: 2px;
    float: none;
    width: auto;
    font-size: 1.4rem;
    color: #fff;
}

.todayBox ul.v1 li .alignLeft {
    display: inline-block;
    width: auto;
    margin: 3px 0 0 0;
    font-size: 1.2rem;
}

.todayBox ul.v1 li .alignRight {
    margin-right: 0;
    display: inline-block;
    width: auto;
    font-family: Verdana, san-serif;
    font-size: 1.8rem;
    color: #fff;
}

.todayBox ul.v1 li .alignRight em {
    font-family: '돋움', 'Dutom', san-serif;
    font-size: 1.2rem;
}

/* lnb */
.lnbBox {
    background: #40425b;
    color: #fff;
    overflow: auto;
    -ms-overflow-style: none;
}

.lnbBox::-webkit-scrollbar{
	display:none;
}

.lnbBox a {
    color: #fff;
}

.lnbBox .menuList {}

.lnbBox .menuList>li>a {
    position: relative;
    display: block;
    padding: 20px 30px 19px;
    background: url(../images/ico_open.png) no-repeat 90% 50%;
    font-size: 1.4rem;
    border-bottom: solid 1px #2f303a;
}

.lnbBox .menuList li li a:hover {
    text-decoration: underline;
}

.lnbBox .menuList>li.on>a {
    border-left: 4px solid #ea4242;
    background: url(../images/ico_close.png) no-repeat 90% 50%;
    font-weight: bold;
    text-indent: -2px;
}

.lnbBox .sub {
    display: none;
    padding: 7px 30px;
    background: #2f303a;
}

.lnbBox .sub li {
    padding: 7px 0 7px 12px;
    background: url(../images/bul_w_dot3.png) no-repeat left 13px;
    font-size: 1.2rem;
}

.lnbBox .sub li span {
    color: #ea4242;
}

.lySubList {
    display: none;
    position: absolute;
    left: 150px;
    top: 40px;
    z-index: 2;
    width: 230px;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.9)
}

.lySubList ul {
    padding: 15px 20px;
}

.lySubList ul li {
    padding: 5px 0;
    color: #2f303a;
}

/*.lnbBox .menuList > li > a:hover .lySubList {display:block;}*/


/* tabMenu */
.main .tabMenuArea {
    background: none;
}

/* .tabMenuArea {
    position: fixed;
    top: 72px;
    z-index: 1;
    height: 56px;
    background: #dcdce7;
} */
.tabMenuArea {
    position: fixed;
    left: 48px;
    top: 60px;
    z-index: 1001;
    width: 100%;
    height: 55px;
    background: #dcdce7;
}

.navOn .tabMenuArea .home {
    float: left;
    width: 56px;
    height: 56px;
    margin-left: 0;
}

.tabMenuArea .home {
    float: left;
    width: 56px;
    height: 56px;
    margin-left: 0;
}

.tabMenuArea .home a {
    display: inline-block;
    width: 100%;
    height: 55px;
    text-align: center;
    padding-top: 19px;
    border-right: solid 1px #f6f7fb;
}

.tabMenuArea ul:after {
    content: '';
    display: block;
    clear: both;
}

.tabMenuArea ul {
    /*padding:0 56px;*/
    height: 56px;
}

.tabMenuArea ul li:first-child {
    border-left: 0 none;
}

.tabMenuArea ul li {
    position: relative;
    float: left;
    width: 12.9%;
    min-width: 130px;
    max-width: 169px;
    height: 55px;
    line-height: 56px;
    border-left: 1px solid #dcdce7;
    background: #ebebf3;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tabMenuArea ul li a {
    display: block;
    margin: 0 20px 0 14px;
    /*width:169px;*/
    height: 56px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: -0.05em;
    text-align: center;
}

.tabMenuArea ul li.on {
    border-top: 1px solid #dcdce7;
    background: #f6f7fb;
    font-weight: bold;
}

/*.tabMenuArea ul li.on a {background:url(../images/bg_tabRedLine.png) no-repeat 14px 39px;}*/
.tabMenuArea ul li.on a span {
	font-size: 15px;
    padding-bottom: 5px;
    border-bottom: 2px solid #ff0000;
}

.tabMenuArea ul li a span {
	font-size: 15px;
    padding-bottom: 5px;
}

.tabMenuArea ul li .btnClose {
    position: absolute;
    right: 3px;
    top: 3px;
    z-index: 1;
    width: 13px;
    height: 14px;
    background: url(../images/btn_tab_close.png) no-repeat center center;
    text-indent: -9999px;
}

/* contents */
.contentContainer {
    /*padding:86px 30px;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.contentsArea {
    padding: 75px 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

@media screen and (max-width:1263px) {
    .primaryArea {
        overflow: hidden;
        margin-left: 48px;
    }

    .header {
        width: 1263px;
    }

    .tabMenuArea ul {
        min-width: 1232px;
        background: #dcdce7;
    }
}

@media screen and (min-width:1280px) and (max-width:1365px) {
    .primaryArea {
        overflow: hidden;
    }
}

/* @media screen and (min-width:1263px) and (max-width:1365px) {
    .navOn .tabMenuArea {
        margin-left: 48px;
    }

    .navOn .contentContainer {
        margin-left: 48px;
    }

    .contentContainer {
        margin-left: 48px;
    }

    	.layer-container .contentContainer {margin-left:0;} iframe내 contents
} */

/*@media screen and (min-width:1572px) {
	.layer-container .contentContainer {margin-left:0;} iframe내 contents 
}*/
/* @media screen and (min-width:1365px) {
    .navOn .navigationArea {
        left: 48px;
    }

    .navigationArea {
        left: -274px;
    }

    .navOn .primaryArea {
        margin-left: 292px;
    }

    .primaryArea {
        margin-left: 0;
    }

    .navOn .contentContainer {
        margin-left: 0;
    }

    .contentContainer {
        margin-left: 48px;
    }
} */

/* 컨텐츠가져오기(iframe) */
.layer-container {
    margin: 0;
    /* padding-bottom: 128px; */
    max-width: 100%;
    height: 0;
    position: relative;
    overflow: hidden;
}

.layer-container iframe,
.layer-container object,
.layer-container embed {
    margin: 0;
    padding-bottom: 40%;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

/*
@media screen and (min-width:1366px) {
	.nav-on .layer-container .contentContainer {margin-left:0;}
	.layer-container .contentContainer {margin-left:48px;}
}
@media screen and (max-width:1365px) {
	.nav-on .layer-container .contentContainer {margin-left:48px;}
	.layer-container .contentContainer {margin-left:48px;}
}
@media screen and (max-width:1262px) {
    .layer-container .contentContainer {margin-left:0;}
}
*/

/* 맨위로 가기 */
#btnTop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
}

#btnTop a {
    display: block;
    width: 45px;
    height: 45px;
    font-size: 0;
    background: url('../images/btn_topGo.png') no-repeat left top;
}

/* 타이틀,텍스트 */
.mainTit {
    font-weight: bold;
    font-size: 2.4rem;
    letter-spacing: -0.05em;
}

/* 메인타이틀 */
.mainSubTxt {
    font-weight: bold;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
}

/* 서브조회 */
.popMainTit {
    font-weight: bold;
    font-size: 2.0rem;
    letter-spacing: -0.075em;
}

/* 팝업타이틀 */
.popSubTit {
    font-weight: bold;
    font-size: 1.4rem;
    letter-spacing: -0.025em;
}

/* 팝업타이틀 */
.mainSubTit {
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: -0.025em;
}

/* 서브타이틀,레이어메인타이틀 */
.pointColor {
    color: #ea4242;
}

/* 포인트칼라 */
.subPointColor {
    color: #4085ff;
}

/* 서브포인트칼라(블루) */
.fontType {
    font-family: Verdana, san-serif;
}

/* 영문,숫자 */
.gridSetTit {
    font-size: 1.2rem;
    color: #6d6e7a;
}

/* 그리드적용타이틀 */
.ft11 {
    font-weight: normal;
    font-size: 1.1rem;
    letter-spacing: -0.025em;
}

/* 폰트11 */
.ft12 {
    font-weight: normal;
    font-size: 1.2rem;
    letter-spacing: -0.025em;
}

/* 폰트12 */
.ftCl {
    color: #6d6e7a;
}

/* 폰트칼라밝은그레이 */
[class*="ft"] em {
    /*font-weight:bold;*/
    font-family: Verdana, san-serif;
}

.popupContents table .fontType {
    font-size: 1.1rem;
}

/* 정렬 */
.mgL5 {
    margin-left: 5px !important;
}

.mgL10 {
    margin-left: 10px !important;
}

.mgL15 {
    margin-left: 15px !important;
}

.mgL20 {
    margin-left: 20px !important;
}

.mgR5 {
    margin-right: 5px !important;
}

.mgR10 {
    margin-right: 10px !important;
}

.mgR15 {
    margin-right: 15px !important;
}

.mgR20 {
    margin-right: 20px !important;
}

.mgT2 {
    margin-top: 2px !important;
}

.mgT3 {
    margin-top: 3px !important;
}

.mgT5 {
    margin-top: 5px !important;
}

.mgT10 {
    margin-top: 10px !important;
}

.mgT15 {
    margin-top: 15px !important;
}

.mgT20 {
    margin-top: 20px !important;
}

.mgT25 {
    margin-top: 25px !important;
}

.mgT30 {
    margin-top: 30px !important;
}

.mgT35 {
    margin-top: 35px !important;
}

.mgT40 {
    margin-top: 40px !important;
}

.mgT45 {
    margin-top: 45px !important;
}

.mgT50 {
    margin-top: 50px !important;
}

.mgB5 {
    margin-bottom: 5px !important;
}

.mgB10 {
    margin-bottom: 10px !important;
}

.mgB15 {
    margin-bottom: 15px !important;
}

.mgB20 {
    margin-bottom: 20px !important;
}

.mgB25 {
    margin-bottom: 25px !important;
}

.mgB30 {
    margin-bottom: 30px !important;
}

.mgB35 {
    margin-bottom: 35px !important;
}

.mgB40 {
    margin-bottom: 40px !important;
}

.mgB45 {
    margin-bottom: 45px !important;
}

.mgB50 {
    margin-bottom: 50px !important;
}

.mgT0 {
    margin-top: 0 !important;
}

.mgR0 {
    margin-right: 0 !important;
}

.mgB0 {
    margin-bottom: 0 !important;
}

.mgL0 {
    margin-left: 0 !important;
}

.mg0 {
    margin: 0;
}

.mgTB {
    margin: 5px 0;
}

.mg30 {
    margin: 30px 0;
}

.mgTop10 {
    margin-top: 10px !important;
}

.mgBottom10 {
    margin-bottom: 10px !important;
}

.mgTop20 {
    margin-top: 20px !important;
}

.mgBottom20 {
    margin-bottom: 20px !important;
}

.mgTop30 {
    margin-top: 30px !important;
}

.mgBottom30 {
    margin-bottom: 30px !important;
}

.mgTop40 {
    margin-top: 40px !important;
}

.mgBottom40 {
    margin-bottom: 40px !important;
}

.mgTop50 {
    margin-top: 50px !important;
}

.mgBottom50 {
    margin-bottom: 50px !important;
}

.alignLeft {
    float: left;
}

.alignRight {
    float: right;
}

.centerBox {
    text-align: center;
}

.bdTlineBox {
    border-top: 1px solid #ebebf3;
}

.bdBlineBox {
    padding: 20px;
    border-bottom: 1px solid #ebebf3;
}

/* 컨텐츠메인타이틀 */
.mainTitArea {
    margin-bottom: 7px;
}

/* 타이틀 라인있는 경우 */
.lineTitArea {
    margin-bottom: 17px;
    padding-bottom: 10px;
    border-bottom: 2px solid #2f303a;
}

/* 팝업서브타이틀 */
.popSubHeaderTitle {
    margin-bottom: 8px;
}

.popSubHeaderTitle .popSubTit {
    letter-spacing: -0.25px;
}

.popSubHeaderTitle .addInfoTxt {
    display: inline-block;
    margin-left: 15px;
    font-weight: normal;
    font-size: 1.1rem;
    color: #6d6e7a;
}

/* 폼요소에 추가설명 오는 경우 */

/* 테이블내타이틀 */
.tableInnerTitle {
    padding: 6px 14px;
    min-height: 25px;
    line-height: 25px;
    border: 1px solid #dcdce7;
    border-bottom: 0 none;
    background: #fff;
}

.tableInnerTitle .tableSubTit {
    font-weight: bold;
    font-size: 1.2rem;
    color: #3c3e52;
}

/* 버튼 정렬 */
.btnCenterBox {
    margin: 10px 0 10px;
    text-align: center;
}

.btnSelCenterBox {
    margin: 30px 0;
    text-align: center;
}

.btnBottomCenterBox {
    margin: 30px 0;
    text-align: center;
}

/* 타이틀 + 버튼 정렬 */
.tableHeaderTitle:after {
    content: '';
    display: block;
    clear: both;
}

.tableHeaderTitle {
    position: relative;
    margin-bottom: 10px;
}

.tableHeaderTitle .mainSubTit,
.tableHeaderTitle .mainSubTxt {
    float: left;
    /*margin-top: 10px;
    line-height:30px;*/
}

.tableHeaderTitle .btnBox {
    float: right;
}

.tableHeaderTitle .btnBox.left {
    float: left;
}

.tableHeaderTitle .checkBox {
    margin: 10px 0 0 30px;
}

.tableHeaderTitle .info {
    margin-left: 10px;
    font-weight: normal;
    font-size: 12px;
    color: #6d6e7a;
}

.tableHeaderTitle .bgInfo {
    margin-left: 10px;
    background: #fffddb;
    font-weight: normal;
    font-size: 12px;
    color: #6d6e7a;
}

.tableHeaderTitle .bgInfo.orange{
    margin-left: 10px;
    background: #ff980075;
    font-weight: normal;
    font-size: 12px;
    color: #6d6e7a;
}

/* [pop]타이틀 + select 정렬 / [pop]타이틀 + 버튼 정렬 */
.popTableHeaderTitle:after {
    content: '';
    display: block;
    clear: both;
}

.popTableHeaderTitle {
    position: relative;
    margin-bottom: 6px;
    /*padding:0 30px;*/
}

.popTableHeaderTitle .popSubTit {
    float: left;
    margin: 10px 0 5px;
}

.popTableHeaderTitle select {
    float: right;
}

.popTableHeaderTitle .btnBox {
    float: right;
}

.layerTableHeaderTitle:after {
    content: '';
    display: block;
    clear: both;
}

.layerTableHeaderTitle {
    position: relative;
    margin-bottom: 6px;
    padding: 0 20px;
}

.layerTableHeaderTitle .popSubTit {
    float: left;
    line-height: 26px;
}

.layerTableHeaderTitle select {
    float: right;
}

.layerTableHeaderTitle .btnBox {
    float: right;
}

/* 그리드헤더 */
.gridHeaderArea {
    padding: 5px 12px;
    /*height:46px;*/
    border: 1px solid #dcdce7;
    border-bottom: 0 none;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.gridHeaderArea:after {
    content: '';
    display: block;
    clear: both;
}

.gridHeaderArea .alignLeft {
    margin-top: 4px;
}

.gridHeaderArea .btnBox {
    float: left;
}

.gridHeaderArea .selectBox {
    float: right;
    padding-left: 20px;
    margin-left: 20px;
    line-height: 30px;
    background: url(../images/bul_h30_bar.png) no-repeat 0 0;
}

.gridContainer {
    /*border:1px solid #dcdce7;*/
    /*background:#fff;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.gridHeaderArea .alignRight .selectBox:first-child {
    background: none;
}

.gridHeaderArea .titType {
    display: inline-block;
    margin-right: 15px;
    line-height: 25px;
    color: #6d6e7a;
}

/* [Basic]버튼 */
a.btnlGrayBasic,
button.btnlGrayBasic,
input.btnlGrayBasic,
a.btnGrayBasic,
button.btnGrayBasic,
input.btnGrayBasic,
a.btndGrayBasic,
button.btndGrayBasic,
input.btndGrayBasic,
a.btnRedBasic,
button.btnRedBasic,
input.btnRedBasic{
    display: inline-block;
    padding: 0 14px;
    min-width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    color: #fff;
    letter-spacing: -0.05em;
}

a.btnlGrayBasic,
button.btnlGrayBasic,
input.btnlGrayBasic {
    border: 1px solid #9a9ba7;
    border-radius: 3px;
    background: #9a9ba7;
}

a.btnGrayBasic,
button.btnGrayBasic,
input.btnGrayBasic {
    border: 1px solid #6e6e7a;
    border-radius: 3px;
    background: #6e6e7a;
}

a.btndGrayBasic,
button.btndGrayBasic,
input.btndGrayBasic {
    border: 1px solid #2f303a;
    border-radius: 3px;
    background: #2f303a;
}

a.btnRedBasic,
button.btnRedBasic,
input.btnRedBasic {
    border: 1px solid #ea4242;
    border-radius: 3px;
    background: #ea4242;
}

/* [Medium]버튼 */
a.btnlGrayMedium,
button.btnlGrayMedium,
input.btnlGrayMedium,
a.btnBlueMedium,
button.btnBlueMedium,
input.btnBlueMedium,
a.btnRedMedium,
button.btnRedMedium,
input.btnRedMedium {
    display: inline-block;
    padding: 0 14px;
    min-width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    color: #fff;
    letter-spacing: 0;
    text-shadow: none !important;
}

a.btnlGrayMedium,
button.btnlGrayMedium,
input.btnlGrayMedium {
    border: 1px solid #9a9ba7;
    border-radius: 3px;
    background: #9a9ba7;
}

a.btnBlueMedium,
button.btnBlueMedium,
input.btnBlueMedium {
   border: 1px solid #008ecd;
	border-radius: 3px;
	background: #008ecd;
}

a.btnRedMedium,
button.btnRedMedium,
input.btnRedMedium {
    border: 1px solid #ea4242;
    border-radius: 3px;
    background: #ea4242;
}

/* [Small]버튼 */
a.btnlGraySmall,
button.btnlGraySmall,
input.btnlGraySmall,
a.btnRedSmall,
button.btnRedSmall,
input.btnRedSmall,
a.btnBlueSmall,
button.btnBlueSmall,
input.btnBlueSmall {
	display: inline-block;
	padding: 0 10px;
	min-width: 50px;
	height: 20px;
	line-height: 0px;
	text-align: center;
	vertical-align: top;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0;
	text-shadow: none !important;
}

a.btnlGraySmall,
button.btnlGraySmall,
input.btnlGraySmall {
	border: 1px solid #9a9ba7;
	border-radius: 3px;
	background: #9a9ba7;
}

a.btnRedSmall,
button.btnRedSmall,
input.btnRedSmall {
	border: 1px solid #ea4242;
	border-radius: 3px;
	background: #ea4242;
}

a.btnBlueSmall,
button.btnBlueSmall,
input.btnBlueSmall {
	border: 1px solid #008ecd;
	border-radius: 3px;
	background: #008ecd;
}

/* [Medium]하단버튼 */
a.btnRedBtm,
button.btnRedBtm,
input.btnRedBtm,
a.btnBlackBtm,
button.btnBlackBtm,
input.btnBlackBtm,
a.btnGrayBtm,
button.btnGrayBtm,
input.btnGrayBtm {
    display: inline-block;
    padding: 0 14px;
    min-width: 100px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    vertical-align: top;
    font-weight: bold;
    color: #fff;
    letter-spacing: -0.05em;
}

a.btnRedBtm,
button.btnRedBtm,
input.btnRedBtm {
    border: 1px solid #ea4242;
    border-radius: 3px;
    background: #ea4242;
}

a.btnBlackBtm,
button.btnBlackBtm,
input.btnBlackBtm {
    border: 1px solid #2f303a;
    border-radius: 3px;
    background: #2f303a;
}

a.btnGrayBtm,
button.btnGrayBtm,
input.btnGrayBtm {
    border: 1px solid #9a9ba7;
    border-radius: 3px;
    background: #9a9ba7;
}

/* [Table Contorl]버튼 */
a.btnGrayTbl,
button.btnGrayTbl,
input.btnGrayTbl,
a.btnGreenTbl,
button.btnGreenTbl,
input.btnGreenTbl,
a.btndGrayTbl,
button.btndGrayTbl,
input.btndGrayTbl,
a.btnlGrayTbl,
button.btnlGrayTbl,
input.btnlGrayTbl,
a.btnlDmGrayTbl,
button.btnlDmGrayTbl,
input.btnlDmGrayTbl,
a.btndRedTbl,
button.btndRedTbl,
input.btndRedTbl
 {
    display: inline-block;
    padding: 0 8px;
    /*min-width:50px;*/
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: top;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

a.btnGrayTbl,
button.btnGrayTbl,
input.btnGrayTbl {
    border: 1px solid #dcdce8;
    border-radius: 3px;
    background: #f3f4f8;
    color: #6e6e78;
}

a.btndGrayTbl,
button.btndGrayTbl,
input.btndGrayTbl {
    border: 1px solid #2f303a;
    border-radius: 3px;
    background: #2f303a;
    color: #fff;
}

a.btnlGrayTbl,
button.btnlGrayTbl,
input.btnlGrayTbl {
    border: 1px solid #9a9ba7;
    border-radius: 3px;
    background: #9a9ba7;
    color: #fff;
}

a.btnlDmGrayTbl,
button.btnlDmGrayTbl,
input.btnlDmGrayTbl {
    border: 1px solid #dcdce7;
    border-radius: 3px;
    background: #f2f3f6;
    color: #b7b7c0;
    cursor: default;
}

a.btnGreenTbl,
button.btnGreenTbl,
input.btnGreenTbl {
    display: inline-block;
    padding: 0 10px;
    min-width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    letter-spacing: -0.05em;
}

a.btnGreenTbl,
button.btnGreenTbl,
input.btnGreenTbl {
    border: 1px solid #a3beaf;
    border-radius: 3px;
    background: #e9f2ed;
    color: #6e6e78;
    margin-right: 3px;
}

a.btndRedTbl,
button.btndRedTbl,
input.btndRedTbl {
    border: 1px solid #ff0000;
    border-radius: 3px;
    background: #ff0000;
    color: #fff;
}

a.btnFixedTbl,
button.btnFixedTbl,
input.btnFixedTbl,
a.btnCheckTbl,
button.btnCheckTbl,
input.btnCheckTbl {
    display: inline-block;
    min-width: 32px;
    height: 30px;
    margin-right: 3px;
    vertical-align: top;
    text-indent: -9999px;
}

a.btnRedTbl,
button.btnRedTbl,
input.btnRedTbl {
    border: 1px solid #b30b004a;
    border-radius: 3px;
    background: #eac0bf59;
    color: #6e6e78;
    margin-right: 3px;
}

a.btnRedTbl,
button.btnRedTbl,
input.btnRedTbl {
    display: inline-block;
    padding: 0 10px;
    min-width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    vertical-align: top;
    letter-spacing: -0.05em;
}

a.btnFixedTbl,
button.btnFixedTbl,
input.btnFixedTbl {
    background: url(../images/btn_tbl_fixed.png) no-repeat 0 0;
}

a.btnCheckTbl,
button.btnCheckTbl,
input.btnCheckTbl {
    background: url(../images/btn_tbl_check.png) no-repeat 0 0;
}

.btnPagingFirst,
.btnPagingPrev,
.btnPagingNext,
.btnPagingLast {
    display: inline-block;
    width: 50px;
    height: 30px;
    background: url(../images/btn_paging.png) no-repeat 0 0;
}

.btnPagingFirst {
    background-position: 0 0;
}

.btnPagingPrev {
    background-position: -19px 0;
}

.btnPagingNext {
    background-position: -45px 0;
}

.btnPagingLast {
    background-position: -59px 0;
}

.btnIconRe,
.btnIconPlus,
.btnIconMinus,
.btnIconCopy {
    display: inline-block;
    width: 26px;
    height: 22px;
    background: url(../images/btn_tbl_control.png) no-repeat 0 0;
    text-indent: -9999px;
}

.btnIconRe {
    width: 27px;
    background-position: 0 0;
}

.btnIconPlus {
    background-position: -32px 0;
}

.btnIconMinus {
    background-position: -58px 0;
}

.btnIconCopy {
    width: 31px;
    background-position: -84px 0;
}

.btnPlus,
.btnMinus {
    display: inline-block;
    width: 21px;
    height: 21px;
    background: url(../images/btn_tbl_control.png) no-repeat 0 0;
    text-indent: -9999px;
}

.btnPlus {
    background-position: -33px 0;
}

.btnMinus {
    background-position: -58px 0;
}

a.btnCopy,
button.btnCopy {
    display: inline-block;
    padding: 0 14px;
    min-width: 50px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    letter-spacing: -0.05em;
}

input[class*="btn"] {
    vertical-align: top;
}

a.btnChangeTime,
button.btnChangeTime,
input.btnChangeTime {
    display: inline-block;
    min-width: 29px;
    height: 25px;
    vertical-align: top;
    background: url(../images/btn_time.png) no-repeat 0 0;
    text-indent: -9999px;
}

a.btnScheduleReg,
button.btnScheduleReg,
input.btnScheduleReg {
    display: inline-block;
    min-width: 29px;
    height: 25px;
    vertical-align: top;
    background: url(../images/btn_schedule_reg.png) no-repeat 0 0;
    text-indent: -9999px;
}

a.btnScheduleDel,
button.btnScheduleDel,
input.btnScheduleDel {
    display: inline-block;
    min-width: 29px;
    height: 25px;
    vertical-align: top;
    background: url(../images/btn_schedule_del.png) no-repeat 0 0;
    text-indent: -9999px;
}

a.btnReset,
button.btnReset,
input.btnReset {
    display: inline-block;
    min-width: 36px;
    height: 10px;
    vertical-align: top;
    background: url(../images/btn_reset.png) no-repeat 0 0;
    text-indent: -9999px;
}

.btnDelete,
.imgDelete {
    display: inline-block;
    margin-left: 5px;
    width: 18px;
    height: 18px;
    background: url(../images/btn_delete.png) no-repeat 0 0;
    text-indent: -9999px;
}

a.btnSelectUp,
button.btnSelectUp {
    display: inline-block;
    margin-right: 4px;
    width: 80px;
    height: 40px;
    background: url(../images/btn_select.png) no-repeat 0 0;
    text-indent: -9999px;
}

a.btnSelectDown,
button.btnSelectDown {
    display: inline-block;
    width: 80px;
    height: 40px;
    background: url(../images/btn_select.png) no-repeat -88px 0;
    text-indent: -9999px;
}

a.btnLineRound,
button.btnLineRound {
    display: inline-block;
    margin-top: 1px;
    padding: 0 12px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #5f97fb;
    border-radius: 12px;
    background: #fff;
    font-size: 1.1rem;
    color: #5f97fb;
    letter-spacing: -0.1em;
}

a.btnCopy,
button.btnCopy {
    display: inline-block;
    margin-left: 5px;
    min-width: 27px;
    width: 27px;
    height: 18px;
    background: url(../images/btn_copy.png) no-repeat 0 0;
    text-indent: -9999px;
}

/* 그리드 테이블내 작은버튼 */
a.btnGridTbl,
button.btnGridTbl {
    display: inline-block;
    padding: 0 3px;
    min-width: 27px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    vertical-align: top;
    border: 1px solid #6d6e7a;
    border-radius: 3px;
    background: #6d6e7a;
    font-size: 1.1rem;
    color: #fff;
    letter-spacing: -0.1em;
}

/* 버튼아이콘 */
.ico_excel {
    display: inline-block;
    margin: 5px 3px 0 0;
    width: 20px;
    height: 19px;
    vertical-align: top;
    background: url(../images/ico_excel.png) no-repeat 0 0;
}

.ico_pdf {
    display: inline-block;
    margin: 5px 3px 0 0;
    width: 20px;
    height: 19px;
    vertical-align: top;
    background: url(../images/ico_pdf.png) no-repeat 0 0;
}

.ico_lock {
    display: inline-block;
    margin: 6px 3px 0 0;
    width: 11px;
    height: 14px;
    vertical-align: top;
    background: url(../images/ico_lock.png) no-repeat 0 0;
}

.ico_file {
    display: inline-block;
    width: 12px;
    height: 21px;
    background: url(../images/ico_file.png) no-repeat 0 0;
}

/* 탭 */
.tabWrap {
    position: relative;
    margin-bottom: 20px;
}

.tabTitle {
    height: 40px;
    border-bottom: solid 1px #6d6e7a;
}

.tabTitle li {
    float: left;
}

.tabTitle li.on {
    display: block;
}

.tabTitle li a {
    display: block;
    padding: 0 20px;
    /*width:154px;*/
    height: 40px;
    line-height: 40px;
    border-top: solid 1px #dcdce7;
    border-right: solid 1px #dcdce7;
    border-bottom: none 0;
    border-left: none;
    color: #9a9ba7;
    letter-spacing: -0.025em;
}

.tabTitle li.on a,
.tabTitle li a:hover,
.tabTitle li a.active {
    margin: 0 0 0 -1px;
    border-top: solid 1px #2f303a;
    border-right: solid 1px #2f303a;
    border-bottom: solid 1px #fff;
    border-left: solid 1px #2f303a;
    font-weight: bold;
    font-size: 1.4rem;
    color: #2f303a;
    letter-spacing: -0.05em;
}

.tabTitle li.on a {
    border-bottom: solid 1px #fff;
}

.tabTitle li:first-child {
    margin-left: 0;
    border-left: solid 1px #dcdce7;
}

/* 기본탭 */
.defaultTabWrap {
    margin-bottom: 20px;
}

.defaultTabWrap .tabTitle {
    height: 54px;
    border-bottom: solid 1px #40425b;
}

.defaultTabWrap .tabTitle li {
    min-width: 20%;
}

.defaultTabWrap .tabTitle li a {
    display: block;
    padding: 0 28px;
    /*width:100%;*/
    height: 54px;
    line-height: 54px;
    font-size: 1.4rem;
    color: #9a9ba7;
    letter-spacing: -0.025em;
}

.defaultTabWrap .tabTitle li.on a,
.defaultTabWrap .tabTitle li a:hover,
.defaultTabWrap .tabTitle li a.active {
    border-top: solid 1px #40425b;
    border-right: solid 1px #40425b;
    border-bottom: solid 1px #40425b;
    border-left: solid 1px #40425b;
    background: #40425b;
    color: #fff;
    letter-spacing: -0.05em;
}

/* 테이블목록타입 */
.tableBasicList {
    width: 100%;
    border: 1px solid #dcdce8;
    background: #fff;
}

.tableBasicList tr:hover td {
    background: #fffddb;
}

.tableBasicList tr:first-child th {
    border-top: 0 none;
}

.tableBasicList>th:first-child,
.tableBasicList>td:first-child {
    border-left: 0 none;
}

.tableBasicList th,
.tableBasicList td {
    padding: 6px 6px;
    height: 25px;
    text-align: center;
}

.tableBasicList th {
    border-top: 1px solid #dee6ef;
    border-left: 1px solid #dee7f0;
    background: #e7f2ff;
    font-size: 1.3rem;
    color: #6d6e7a;
}

.tableBasicList td {
    border-top: 1px solid #ecebf3;
    border-left: 1px solid #ecebf3;
}

.tableBasicList td .link {
    text-decoration: underline;
}

.tableBasicList.data tr:hover td {
    background: none;
}

/* 테이블뷰타입 */
.tableBasicView {
    width: 100%;
    border: 1px solid #dcdce7;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.tableBasicView tr:first-child th,
.tableBasicView tr:first-child td {
    border-top: 0 none;
}

.tableBasicView th,
.tableBasicView td {
    padding: 5px 14px;
    height: 25px;
    font-size: 1.2rem;
}

.tableBasicView th {
    border-top: 1px solid #dee7f0;
    background: #e7f2ff;
    text-align: left;
    color: #6d6e7a;
}

.tableBasicView td {
    position: relative;
    border-top: 1px solid #ecebf3;
}

.tableBasicView td.tdLine {
    border-left: 1px solid #ecebf3;
}

.tableBasicView.tblType01 {
    border-top: 1px solid #2f303a;
}

.tableBasicView .tableBasicList th {
    text-align: center;
}

.tableBasicView .gridHeaderArea {
    height: auto;
}

.tableBasicView .gridHeaderArea .alignLeft {
    margin: 0;
}

/* 테이블뷰타입 안에 테이블 목록 오는 경우 */
.tableBasicView .tableBasicList tr th:first-child,
.tableBasicView .tableBasicList tr td:first-child {
    border-left: 0 none;
}

.tableBasicView .tableBasicList:first-child th,
.tableBasicView .tableBasicList:first-child td {
    border-top: 1px solid #dee6ef;
    border-left: 1px solid #dee7f0;
}

/* 테이블목록 뷰타입 */
.tableListView {
    width: 100%;
    border: 1px solid #dcdce8;
    background: #fff;
}

.tableListView tr:first-child th {
    border-top: 0 none;
}

.tableListView>th:first-child,
.tableListView>td:first-child {
    border-left: 0 none;
}

.tableListView th,
.tableListView td {
    padding: 6px 14px;
    height: 25px;
    text-align: center;
}

.tableListView th {
    border-top: 1px solid #dee6ef;
    border-left: 1px solid #dee7f0;
    background: #e7f2ff;
    font-size: 1.3rem;
    color: #6d6e7a;
}

.tableListView td {
    border-top: 1px solid #ecebf3;
    border-left: 1px solid #ecebf3;
}

.tableListView tbody th {
    text-align: left;
    background: #f3ffe9;
}

.tableListView tbody td {
    text-align: left;
}

.tableListView td .link {
    text-decoration: underline;
}

/* 언더라인 링크 */

/* 테이블 top 라인타입 */
.tableBoardType {
    border-top: 1px solid #2f303a;
}

/* 테이블 top 라인 없음 */
table.bdT0 {
    border-top: 0 none;
}

table.bdB1 th {
    border-bottom: 1px solid #dee7f0;
}

table.bdB1 td {
    border-bottom: 1px solid #ecebf3;
}

table.bdB0 {
    border-bottom: 0 none;
}

tableLayerView.bdT0 tr:first-child th,
.tableLayerView.bdT0 tr:first-child td {
    border-top: 0 none;
}

/* 테이블내정렬 */
table .txtLeft {
    text-align: left !important;
}

/* 왼쪽정렬 */
table .txtCenter {
    text-align: center !important;
}

/* 가운데정렬 */
table .txtRight {
    text-align: right !important;
}

/* 오른쪽정렬 */
table .vTop {
    vertical-align: top;
}

/* th 탑정렬 */
table .vTop10 {
    padding-top: 10px;
    vertical-align: top;
}

/* th 탑정렬간격 */
table td .cont {
    line-height: 24px;
}

/* 내용줄간격 */

/* 테이블타입별셀 */
table .sth-rd {
    background: #fff3f3 !important;
    color: #ea4242;
}

/* 오류셀 */
table .sth-yw {
    background: #fffddb;
}

/* 선택한셀 혹은 수정가능한셀 */
table .sth-gn {
    background: #f3ffe9;
}

/* 두번째th */
table .sth-gy {
    background: #f2f3f7;
}

/*  */
table .sth-vi {
    background: #f8f3ff;
}

/* 확인필요한셀 */

/* 테이블내테이블리스트 */
.tableInList {
    display: inline-block;
    border: 1px solid #ebebf3;
    border-left: 0 none;
}

.tableInList th {
    border-left: 1px solid #ebebf3;
    border-bottom: 1px solid #ebebf3;
    background: #f3ffe9;
    text-align: center;
    font-size: 1.1rem;
}

.tableInList td {
    /*border-top:1px solid #ebebf3;*/
    border-left: 1px solid #ebebf3;
    font-size: 1.1rem;
}

.tableInList+.infoTxt {
    vertical-align: bottom;
}

.tableInView {
    border: 1px solid #ebebf3;
    border-left: 0 none;
    width: 100%;
}

.tableInView th {
    border-left: 1px solid #ebebf3;
    background: #f3ffe9;
    font-size: 1.1rem;
}

.tableInView td {
    border-left: 1px solid #ebebf3;
    font-size: 1.1rem;
}

/* .tableInView td {
    border-left: 0 none;
    font-size: 1.1rem;
} */

.tableInView+.infoTxtBul {
    margin-top: 5px;
    margin-bottom: 0;
}

.tableInList .inSize .inputTxtBox {
    width: 75%;
}

.tableInList .inSize .inputTxtBox .inputTxt {
    width: 100%;
}

.tableInList .inSize100 .inputTxtBox {
    width: 100%;
}

.tableInList .inSize100 .inputTxtBox .inputTxt {
    width: 100%;
}

/* 데이터테이블 */
.dataTable {
    margin-bottom: 20px;
    width: 100%;
    border: 1px solid #dcdce7;
    box-sizing: border-box;
}

/*.dataTable tr th:first-child {border-left:0 none;}*/
.dataTable tr:first-child th {
    text-align: center;
    border-top: 0 none;
    background: #e7f2ff;
}

.dataTable th {
    padding: 6px 14px;
    height: 25px;
    text-align: left;
    border-top: 1px solid #dee7f0;
    border-left: solid 1px #dee6ef;
    background: #f3ffe9;
    color: #6d6e7a;
}

.dataTable td {
    padding: 6px 14px;
    height: 25px;
    text-align: right;
    border-top: 1px solid #ecebf3;
    border-left: solid 1px #ebebf3;
    background: #fff;
}

.dataTable td .fontType {
    font-size: 1.1rem;
}

/* 필수입력아이콘 */
.icoStar {
    display: inline-block;
    margin: 0 0 0 5px;
    width: 5px;
    height: 5px;
    line-height: 11px;
    background: url(../images/ico_star.png) no-repeat 0 0;
    text-indent: -9999px;
}

/* [레이어]테이블뷰(table/th/td 보더없음100%) */
.tableLayerView {
    width: 100%;
    border: 0 none;
}

.tableLayerView tr:first-child th,
.tableLayerView tr:first-child td {
    padding-top: 15px;
}

.tableLayerView tr:last-child th,
.tableLayerView tr:last-child td {
    padding-bottom: 15px;
}

.tableLayerView th,
.tableLayerView td {
    padding: 8px 14px;
    min-height: 25px;
    /*border-top:1px solid #ebebf3;*/
    font-size: 1.1rem;
    letter-spacing: -0.05em;
}

.tableLayerView th {
    text-align: left;
    background: #f2f3f6;
    font-size: 1.1rem;
    color: #6d6e7a;
}

.tableLayerView td.tdLine {
    border-left: 1px solid #ebebf3;
}

/* [레이어]테이블뷰(보더있는경우) */
.tableLayerView1 {
    width: 100%;
    border: 1px solid #ebebf3;
    border-top: 0 none;
}

.tableLayerView1 th,
.tableLayerView1 td {
    padding: 6px 14px;
    height: 25px;
    border-top: 1px solid #ebebf3;
    /*font-size:1.1rem;*/
    letter-spacing: -0.05em;
}

.tableLayerView1 th {
    text-align: left;
    background: #f2f3f6;
    /*font-size:1.1rem;*/
    color: #6d6e7a;
}

.tableLayerView1 td.tdLine {
    border-left: 1px solid #ebebf3;
}

/* [레이어]테이블뷰(th/td 보더없음) */
.tableLayerView2 {
    width: 100%;
    border: 1px solid #ebebf3;
}

.tableLayerView2 th,
.tableLayerView2 td {
    padding: 6px 14px;
    min-height: 25px;
    font-size: 1.1rem;
    letter-spacing: -0.05em;
}

.tableLayerView2 th {
    text-align: left;
    background: #f2f3f6;
    font-size: 1.1rem;
    color: #6d6e7a;
}

.tableLayerView2 td.tdLine {
    border-left: 1px solid #ebebf3;
}

.tableLayerView2 th.vTop {
    padding-top: 12px;
    vertical-align: top;
}

/* [레이어]테이블목록 */
.tableLayerList {
    width: 100%;
    border-bottom: 1px solid #ebebf3;
}

.tableLayerList tr:first-child td {
    padding-top: 18px;
}

.tableLayerList tr:last-child td {
    padding-bottom: 20px;
}

.tableLayerList th:first-child,
.tableLayerList td:first-child {
    border-left: 0 none;
}

.tableLayerList th,
.tableLayerList td {
    letter-spacing: -0.05em;
}

.tableLayerList th {
    padding: 13px 8px;
    text-align: center;
    border-left: 1px solid #ebebf3;
    background: #f2f3f6;
    font-size: 1.1rem;
}

.tableLayerList td {
    padding: 8px 8px;
    border-left: 1px solid #ebebf3;
}

.tableLayerList td .fontType {
    font-size: 1.1rem;
}

/* 페이징 */
.pagingBox:after {
    content: '';
    display: block;
    clear: both;
}

.pagingBox {
    position: relative;
    margin: 17px 0 20px;
}

.paging {
    text-align: center;
}

.paging [class*="btn"] {
    display: inline-block;
    width: 11px;
    height: 9px;
    background: url(../images/btn_paging.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
}

.paging .btnFirst {
    margin-right: 0;
    background-position: 0 0;
}

.paging .btnPrev {
    margin-right: 10px;
    width: 6px;
    background-position: -19px 0;
}

.paging .btnNext {
    margin-left: 10px;
    width: 6px;
    background-position: -45px 0;
}

.paging .btnEnd {
    margin-left: 0;
    background-position: -59px 0;
}

.paging strong {
    font-weight: bold;
    color: #ea4242;
}

.paging strong,
.paging a {
    margin: 0 6px;
}

.paging a {
    font-family: Verdana, san-serif;
    color: #6d6e7a;
}

.pagingGo {
    float: right;
    margin-top: -18px;
    color: #6d6e7a;
    line-height: 25px;
}

.pagingGo .info {
    font-size: 1.2rem;
}

.pagingGo .btnPrev,
.pagingGo .btnNext {
    display: inline-block;
    width: 6px;
    height: 9px;
    background: url(../images/btn_paging.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
}

.pagingGo .btnPrev {
    margin: 0 8px 0 16px;
    background-position: -19px 0;
}

.pagingGo .btnNext {
    margin: 0 16px 0 8px;
    background-position: -45px 0;
}

.pagingGo .inputTxt {
    width: 43px;
    vertical-align: top;
}

.pagingGo .total {
    font-family: Verdana, san-serif;
}

.pagingGo .btnlGrayBasic {
    padding: 0 10px;
    width: 42px;
    height: 25px;
    line-height: 25px;
}

/* 폼요소 */
input[type=text],
input[type=password] {
    /*min-width:43px;*/
    font: 1.2rem '돋움', Dotum, san-serif;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

input[type=text]::-ms-clear {
    display: none;
}

input[type=radio] {}

input[type=checkbox] {}

label {
    font-size: 1.2rem;
    color: #6d6e7a;
}

/*.inputTxtMin {padding:0 10px;border:1px solid #dcdce8;width:100px;min-width:43px;height:30px;line-height:30px;}
.inputTxtMax {padding:0 10px;border:1px solid #dcdce8;width:250px;min-width:43px;height:30px;line-height:30px;}*/
.inputTxt {
    padding: 0 10px;
    /*width:100%;*/
    /*min-width:43px;*/
    height: 25px;
    line-height: 25px;
    border: 1px solid #dcdce8;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.inputTxt.size-l {
    width: 100%;
}

.inputTxt.size-mm {
    width: 500px;
}

.inputTxt.size-m {
    width: 300px;
}

.inputTxt.size-sm {
    width: 180px;
}

.inputTxt.size-ss {
    width: 110px;
}

/* 기본사이즈 */
.inputTxt.size-s {
    width: 55px;
}

/*.inputTxt.size-m {width:250px;}
.inputTxt.size-ss {width:130px;}
.inputTxt.size-s {width:55px;}*/

.inputTxt:focus {
    border: 1px solid #ea4242;
    color: #6d6e7a;
}

.inputTxt[readonly] {
    border: 1px solid #dcdce8;
    color: #6d6e7a;
}

.inputTxt[disabled] {
    border: 1px solid #dcdce8;
    background: #f2f3f6;
}

/*.inputTxt[readonly] {border:1px solid #dcdce8;background:#f2f3f6;}*/
::-webkit-input-placeholder {
    color: #b7b7c0;
}

::-moz-placeholder {
    color: #b7b7c0;
}

:-moz-placeholder {
    color: #b7b7c0;
}

:-ms-input-placeholder {
    color: #b7b7c0;
}

.inputTxt.inputRead {
    padding: 0;
    width: 100%;
    border: 0 none;
    color: #2f303a;
}

.inputTxt.inputRead:focus {
    outline: none;
}

.inputTxtBox {
    position: relative;
    display: inline-block;
    width: 200px;
}

.inputTxtBox.size-100 {
    width: 100%;
}

.inputTxtBox.size-90 {
    width: 90%;
}

.inputTxtBox.size-80 {
    width: 80%;
}

.inputTxtBox.size-70 {
    width: 70%;
}

.inputTxtBox.size-60 {
    width: 60%;
}

.inputTxtBox.size-59 {
    width: 59%;
}
.inputTxtBox.size-58 {
    width: 58%;
}
.inputTxtBox.size-57 {
    width: 57%;
}
.inputTxtBox.size-56 {
    width: 56%;
}
.inputTxtBox.size-55 {
    width: 55%;
}
.inputTxtBox.size-54 {
    width: 54%;
}
.inputTxtBox.size-53 {
    width: 53%;
}
.inputTxtBox.size-52 {
    width: 52%;
}
.inputTxtBox.size-51 {
    width: 51%;
}
.inputTxtBox.size-50 {
    width: 50%;
}

.inputTxtBox.size-49 {
    width: 49%;
}
.inputTxtBox.size-48 {
    width: 48%;
}
.inputTxtBox.size-47 {
    width: 47%;
}
.inputTxtBox.size-46 {
    width: 46%;
}
.inputTxtBox.size-45 {
    width: 45%;
}
.inputTxtBox.size-44 {
    width: 44%;
}
.inputTxtBox.size-43 {
    width: 43%;
}
.inputTxtBox.size-42 {
    width: 42%;
}
.inputTxtBox.size-41 {
    width: 41%;
}
.inputTxtBox.size-40 {
    width: 40%;
}

.inputTxtBox.size-39 {
    width: 39%;
}
.inputTxtBox.size-38 {
    width: 38%;
}
.inputTxtBox.size-37 {
    width: 37%;
}
.inputTxtBox.size-36 {
    width: 36%;
}
.inputTxtBox.size-35 {
    width: 35%;
}
.inputTxtBox.size-34 {
    width: 34%;
}
.inputTxtBox.size-33 {
    width: 33%;
}
.inputTxtBox.size-32 {
    width: 32%;
}
.inputTxtBox.size-31 {
    width: 31%;
}
.inputTxtBox.size-30 {
    width: 30%;
}

.inputTxtBox.size-20 {
    width: 20%;
}

.inputTxtBox.size-10 {
    width: 10%;
}
.inputTxtBox.size-10 {
    width: 10%;
}
.inputTxtBox.size-10 {
    width: 10%;
}

.inputTxtBox .txtDel.right-30 {
    position: absolute;
    right: 30px;
    top: 8px;
    display: block;
    width: 9px;
    height: 9px;
    background: url(../images/btn_txtdel.png) no-repeat 0 0;
    text-indent: -9999px;
}

.inputTxtBox .txtDel {
    position: absolute;
    right: 8px;
    top: 8px;
    display: block;
    width: 9px;
    height: 9px;
    background: url(../images/btn_txtdel.png) no-repeat 0 0;
    text-indent: -9999px;
}

.inputTxtBox .btnSearch {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 28px;
    height: 25px;
    background: url(../images/btn_search_frm.png) no-repeat 0 0;
    text-indent: -9999px;
}

.inputTxtBox .inputTxt {
    padding: 0 20px 0 10px;
    width: 100%;
}

.inputTxtBox .inputTxt.deleteLine{
   border:none;
   border-right:0px;
   border-top:0px;
}
.inputTxtBox .inputTxt.deleteLine.blue{
   border:none;
   border-right:0px;
   border-top:0px;
   background-color: #e7f2ff;
   text-align:center;
}

.inputTxtBox .inputTxt.deleteLine:focus {
	outline: none !important;
	border-color: #ffffff;
}

.inputTxtBox.size-l .inputTxt {
    width: 100%;
}

.inputTxt.right {
    padding-right: 20px;
    text-align: right;
}

/* 인풋내 텍스트 오른쪽 정렬 */

.frmSelectDefault {
    /*width:100%;*/
    width: auto;
    min-width: 65px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #dcdce7;
}

.frmSelectDefault.size-l {
    width: 100%;
}

.frmSelectDefault.size-m {}

.frmSelectDefault.size-s {}

.frmSelectDefault[disabled] {
    background-color: #f2f3f6;
}

.frmSelectBasic {
    /*width:100%;min-width:65px;*/
    /*padding:0 35px 0 10px;*/
    min-width: 65px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #dcdce7;
    /*	appearance:none;-webkit-appearance:none;-moz-appearance:none;
	background:#fff url(../images/bg_select.png) no-repeat right 0;*/
}

.frmSelectBasic.size-l {
    width: 100%;
}

.frmSelectBasic.size-m {}

.frmSelectBasic.size-s {}

.frmSelectBasic[disabled] {
    background: #f2f3f6;
}

/*.frmSelectBasic[disabled] {background:#f2f3f6 url(../images/bg_select.png) no-repeat right 0;}*/

.frmTextarea {
    padding: 10px;
    width: 100%;
    height: auto;
    border: 1px solid #dcdce7;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.frmTextarea[disabled] {
    background-color: #f2f3f6;
}

/* 멀티선택폼 */
.multiSelcetArea .frmSelectBasic {
    margin-bottom: 5px;
}

.multiSelcetArea .frmTextarea {
    width: 100%;
    height: auto;
}

.frmSearchArea {
    position: relative;
}

.frmSearchArea .frmSearchBox {
    position: relative;
    display: inline-block;
    padding-right: 28px;
    width: 70%;
    max-width: 250px;
    /*width:200px;*/
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.frmSearchArea .frmSearchBox .inputTxt {
    width: 100%;
    border-right: 0;
}

.frmSearchArea .frmSearchBox .btnSearch {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 28px;
    height: 25px;
    background: url(../images/btn_search_frm.png) no-repeat 0 0;
    text-indent: -9999px;
}

.frmSearchArea .btnDelete {
    margin: 4px 5px 0 3px;
}

.frmSearchBox.size-80 {
    width: 80%;
}

.checkListLayer {
    position: relative;
    display: inline-block;
    max-width: 200px;
}

.selListBox {
    display: none;
    position: absolute;
    left: 0;
    top: 24px;
    z-index: 3;
    padding: 10px 0;
    width: 100%;
    border: 1px solid #dcdce8;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.selListBox li {
    position: relative;
    padding: 4px 20px 3px 10px;
}

.selListBox li .txtDel {
    position: absolute;
    right: 10px;
    top: 7px;
    display: block;
    width: 9px;
    height: 9px;
    background: url(../images/btn_txtdel.png) no-repeat 0 0;
    text-indent: -9999px;
}

.selListBox li:hover {
    background: #f2f3f6;
}

/*.frmSearchArea .frmSearchBox.size-m {width:35%;}
.frmSearchArea .selListBox.size-m {width:35%;}*/
.selListBox em {
    color: #ea4242;
}

.frmSearchArea .frmSearchBox.size-l {
    width: 70%;
}

/* 코드검색 단독인 경우 */

/*@media screen and (min-width:1366px) {*/
.frmSearchArea .frmSearchBox.size-m {
    width: 42%;
}

/* 코드검색 여러개인 경우 */
.frmSearchArea .selListBox.size-m {
    width: 42%;
}

.checkListLayer {
    width: 43%;
}

.checkListLayer .inputTxt {
    width: 100%;
}

/*}*/

/* 품목군자동완성 */
.autoComLayer {
    position: relative;
    display: inline-block;
    /*width:25%;*/
    max-width: 200px;
}

.autoComLayer .inputTxtBox {
    width: 100%;
}

/* 달력검색 */
.calendarBox:after {
    content: '';
    display: block;
    clear: both;
}

.calendarBox {}

.calendarBox .cal {
    position: relative;
    float: left;
    width: 130px;
}

.calendarBox .cal .inputTxt {
    width: 100%;
    font-family: "Verdana";
}

.calendarBox .symbol {
    float: left;
    margin: 0 8px;
    line-height: 25px;
}

.calendarBox .inputTxt {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.calendarBox .btnCal {
    position: absolute;
    right: 1px;
    top: 1px;
    display: block;
    width: 24px;
    height: 23px;
    background: url(../images/btn_cal.png) no-repeat 0 0;
    text-indent: -9999px;
}

.calendarBox .txtDel {
    position: absolute;
    right: 30px;
    top: 8px;
    display: block;
    width: 9px;
    height: 9px;
    background: url(../images/btn_txtdel.png) no-repeat 0 0;
    text-indent: -9999px;
}

/* 달력영역 */
.formDateArea:after {
    content: '';
    display: block;
    clear: both;
}

.formDateArea>* {
    /*float:left;*/
    display: inline-block;
    vertical-align: top;
}

.formDateArea>.radioBox {
    margin-top: 3px;
}

.calendarBox:last-child {
    margin-right: 0;
}

.formDateArea .selectBox:first-child {
    margin-right: 8px;
}

.calendarBox {
    display: inline-block;
    margin-right: 8px
}

.btnDateBox {
    margin-right: 10px;
}

.formDateArea .checkBox {
    margin-top: 5px;
}

/* 체크박스 오는 경우 */
.formDateArea .frmAddInfoTxt {
    margin-top: 8px;
    color: #6d6e7a;
}

/* 날짜선택시 추가설명 오는 경우 */

/* 달력영역내 시간 */
.formDateArea .time {
    float: left;
    margin-left: 8px;
}

.formDateArea .time .inputTxt {
    width: 36px;
}

/* 폼요소부가설명텍스트 */
.frmAddInfoTxt {
    display: inline-block;
    /*font-size:1.1rem;*/
    color: #6d6e7a;
}

/* 폼요소에 추가설명 오는 경우 */

/* 체크박스&라디오 */
.checkBox,
.radioBox {
    display: inline-block;
    margin: 1px 10px 1px 0;
    /*line-height:30px;*/
}

label.css-label {
    background-image: url(../images/ico_checkboxradio.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    /*user-select:none;*/
}

/* 체크박스왼쪽 */
input[type=checkbox].inputCheckbox {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    z-index: -1000;
    /*opacity:0.001;filter:alpha(opacity = 0.1%);*/
    visibility: hidden;
}

input[type=checkbox].inputCheckbox+label.css-label {
    display: inline-block;
    padding-left: 25px;
    min-width: 18px;
    min-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    line-height: 1.5;
}

input[type=checkbox].inputCheckbox:checked+label.css-label {
    background-position: 0 -100px;
}

input[type=checkbox].css-checkbox-disable+label.css-label-disable {
    background-position: 0 -200px;
    cursor: default;
}

/* 체크박스오른쪽 */
input[type=checkbox].check-right+label.css-label {
    padding-left: 0;
    padding-right: 25px;
    background-position: right 0;
}

input[type=checkbox].check-right:checked+label.css-label {
    background-position: right -100px;
}

input[type=checkbox].check-right-disable+label.css-label-disable {
    padding-left: 0;
    padding-right: 25px;
    background-position: right -200px;
    cursor: default;
}

/* 체크박스만 */
input[type=checkbox].inputCheckOnly {
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    z-index: -1000;
    /*opacity:0.001;filter:alpha(opacity = 0.1%);*/
    visibility: hidden;
}

input[type=checkbox].inputCheckOnly+label.css-label {
    display: inline-block;
    min-width: 18px;
    min-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    cursor: pointer;
    line-height: 1.5;
}

input[type=checkbox].inputCheckOnly:checked+label.css-label {
    background-position: 0 -100px;
}

input[type=checkbox].css-checkbox-disable+label.css-label-disable {
    background-position: 0 -200px;
    cursor: default;
}

input[type=checkbox].check-only+label.css-label {
    padding-left: 0;
    text-indent: -9999px;
}

/* 라디오 왼쪽 */
input[type=radio].css-radiobox {
    overflow: hidden;
    position: absolute;
    left: -1000px;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    clip: rect(0 0 0 0);
    z-index: -1000;
}

input[type=radio].css-radiobox+label.css-label {
    display: inline-block;
    padding-left: 25px;
    min-width: 18px;
    min-height: 18px;
    background-repeat: no-repeat;
    background-position: 0 -300px;
    vertical-align: middle;
    cursor: pointer;
    line-height: 1.5;
}

input[type=radio].css-radiobox:checked+label.css-label {
    background-position: 0 -400px;
}

input[type=radio].css-radio-disable+label.css-label-disable {
    background-position: 0 -500px;
}

/* 라디오만 */
input[type=radio].radio-only+label.css-label {
    padding-left: 0;
    text-indent: -9999px;
}

/* 파일업로드 */
/*.defaultInputFileArea {position:relative;margin-bottom:25px;padding:0 70px 0 88px;}
.defaultInputFileArea span {position:absolute;left:0;top:8px;color:#6d6e7a;}
.defaultInputFileArea button,.defaultInputFileArea a,.defaultInputFileArea input {position:absolute;right:0;top:0;vertical-align:top;}
.defaultInputFileArea .defaultInputFile {position:relative;display:inline-block;padding:0 70px 0 0;width:100%;vertical-align:top;} 
.defaultInputFileArea .defaultInputFile [type="file"] {position:absolute;width:1px;height:1px;padding:60px;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border: 0 none;}
.defaultInputFileArea .defaultInputFile .file-label {position:absolute;right:0;top:0;display:inline-block;padding:0 10px;height:30px;line-height:30px;text-align:center;vertical-align:top;border-radius:3px;background:#9a9ba7;font-size:1.2rem;color:#fff;}
.defaultInputFileArea .defaultInputFile .file-name {min-width:50px;height:30px;line-height:30px;text-indent:5px;} /* 접근성 탭 포커스 스타일 */
.defaultInputFileArea:after {
    content: '';
    display: block;
    clear: both;
}

.defaultInputFileArea {
    position: relative;
    margin-bottom: 25px;
}

.defaultInputFileArea span {
    float: left;
    margin-right: 8px;
    color: #6d6e7a;
}

.defaultInputFileArea .fileType {}

.defaultInputFileArea .title {
    margin: 5px 18px 0 0;
}

.defaultInputFileArea button,
.defaultInputFileArea a,
.defaultInputFileArea input {
    float: left;
}

.defaultInputFileArea .defaultInputFile {
    float: left;
    display: inline-block;
    margin-right: 7px;
    vertical-align: top;
}

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

.defaultInputFileArea .file-label {
    display: inline-block;
    padding: 0 8px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    vertical-align: top;
    border-radius: 3px;
    background: #9a9ba7;
    font-size: 1.2rem;
    color: #fff;
    cursor: pointer;
}

.defaultInputFileArea .file-name {
    width: auto;
    min-width: 50px;
    margin-right: 7px;
    min-width: 50px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #dcdce8;
    text-indent: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* 접근성 탭 포커스 스타일 */
.defaultInputFileArea .file-name.size-s {
    width: 140px
}

.defaultInputFileArea .file-name.size-m {
    width: 200px
}

.defaultInputFileArea .file-name.size-l {
    width: 300px
}

.file-focus {
    outline: 1px dotted #d2310e;
}

/* file + 버튼 */
.fileButton>.defaultInputFileArea {
    display: inline-block;
    margin-bottom: 10px;
    vertical-align: top;
}

/* [게시판]파일업로드확인 */
.uploadFileConf:after {
    content: '';
    display: block;
    clear: both;
}

.uploadFileConf {
    line-height: 18px;
}

.uploadFileConf>p:first-child {
    margin-left: 0;
}

.uploadFileConf>p {
    float: left;
    margin-left: 18px;
}

.uploadFileConf>a {}

.uploadFileConf .btnDelete {
    margin-left: 5px;
}

/* [팝업]파일첨부설명 */
.fileLinkInfo {
    margin-left: 66px;
}

.fileLinkInfo p:nth-child(1) {
    margin-bottom: 10px;
}

.fileLinkInfo p a {
    text-decoration: underline;
}

.fileLinkInfo p {
    color: #9a9ba7;
    letter-spacing: 0;
}

/* 파일업로드 업로드파일 한줄로 */
.fileInlineArea:after {
    content: '';
    display: block;
    clear: both;
}

.fileInlineArea .defaultInputFileArea {
    float: left;
}

.fileInlineArea .uploadFileConf {
    float: left;
    margin: 5px 0 0 10px;
}

/* [그리드]파일업로드 */
.uploadFile:after {
    content: '';
    display: block;
    clear: both;
}

.uploadFile {
    line-height: 18px;
}

.uploadFile>p {
    margin-top: 5px;
}

/* [팝업]우편번호검색 주소입력 */
.inputAddrBox {
    margin-top: 15px;
}

.inputAddrBox p:first-child {
    margin-top: 0;
}

.inputAddrBox p {
    margin-top: 8px;
}

/* 전화번호 */
.frmPhoneBox:after {
    content: '';
    display: block;
    clear: both;
}

.frmPhoneBox>* {
    float: left;
    margin-right: 8px;
}

.frmPhoneBox em {
    margin-top: 8px;
}

/* 주소 */
.frmAddressBox:after {
    content: '';
    display: block;
    clear: both;
}

.frmAddressBox>* {
    float: left;
    margin-right: 8px;
}

.frmDefaultSearch {
    position: relative;
    display: inline-block;
}

.frmDefaultSearch input {
    float: left;
    width: 90px;
}

.frmDefaultSearch .btnSearch {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 28px;
    height: 25px;
    background: url(../images/btn_search_frm.png) no-repeat 0 0;
    text-indent: -9999px;
}

/* 이메일 */
.frmEmailBox:after {
    content: '';
    display: block;
    clear: both;
}

.frmEmailBox>* {
    float: left;
    margin-right: 8px;
}

.frmEmailBox em {
    margin-top: 8px;
}

/* 첨부파일 */
.addFileBox {
    line-height: 30px;
}

.addFileBox .btnGrayTbl {
    margin-left: 10px;
}

/* 링크 밑줄 */
a.linkLine,
button.linkLine {
    text-decoration: underline;
}

a.linkLine .fontType,
button.linkLine .fontType {
    letter-spacing: -0.025em;
}

a.linkLineBlue {
    color: #4085ff;
    text-decoration: underline;
}

/* 첨부파일링크 */
.addFlieLink {}

.addFlieLink a:first-child {
    margin-left: 0;
}

.addFlieLink a {
    margin-left: 10px;
    text-decoration: underline;
}

.addFlieLink .linkLine {
    color: #2f303a;
}

/* 폰트기본 */
.addFlieLink .linkLineBlue {
    color: #4085ff;
}

/* 폰트블루 */

/* 테이블폼요소부가설명 */
.tableBasicView span.infoTxt {
    display: inline-block;
    /*margin-top:7px;*/
    margin-left: 4px;
    /*vertical-align:top;*/
    font-size: 1.1rem;
    color: #6d6e7a;
}

.tableBasicView p.infoTxt {
    display: inline-block;
    margin-left: 0;
    line-height: 18px;
    font-size: 1.1rem;
    color: #6d6e7a;
}

@media screen and (max-width:1105px) {
    .tableBasicView span.infoTxt.mg0 {
        margin-left: 0
    }
}

/* 윈도우팝업(팝업/레이어팝업공통) */
.popupWrap {
    position: relative;
    padding: 20px 0;
    /*border:1px solid #dcdce7;*/
    background: #fff;
}

.popupWrap .btnLayerClose {
    position: absolute;
    right: 30px;
    top: 20px;
    display: block;
    width: 16px;
    height: 15px;
    background: url(../images/btn_layer_close.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
}

.popupHeader {
    margin: 0 20px !important;
    border-bottom: 2px solid #2f303a;
}

.popupHeader h1 {
    margin: 0 0 10px !important;
}

.popupContents {
    padding: 20px 0 0;
}

.popupContents .widthSet {
    padding: 50px 20px;
}

.popupContents .layerwidthSet {
    padding: 0;
}

.popupContents .layerwidthSet .tableHeaderTitle {
    padding: 0 20px;
}

.popupContents .layerwidthSet .gridContainer {
    border: 0 none;
}

/* 레이어팝업의경우 그리드 width:100% */
.popupButtonArea {
    margin-top: 20px;
    text-align: center;
}

.popupWrap hr {
    margin: 15px 0 20px;
    border-bottom: 1px solid #ebebf3;
}

.popupWrap .popupWrap {
    border: 0 none !important;
}

.popupWrap body {
    background: #fff !important;
}

.popupWrap iframe body {
    background: #fff !important;
}

/* 레이어팝업(그리드/디자인) */
.layerWrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    border: 1px solid #dcdce7;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.layerWrap .innerLayer {
    position: relative;
}

.layerWrap .btnLayerClose {
    position: absolute;
    right: 20px;
    top: 19px;
    display: block;
    width: 16px;
    height: 15px;
    background: url(../images/btn_layer_close.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
}

.layerWrap .layerHeader {
    padding: 0 20px;
    height: 53px;
    line-height: 53px;
    border-bottom: 1px solid #dcdce7;
}

.layerWrap .layerContents {}

.layerButtonArea {
    padding: 14px 0 16px;
    text-align: center;
}

.layerWidthSet:after {
    content: '';
    display: block;
    clear: both;
}

.layerWidthSet {
    padding: 12px 20px;
}

/* 레이어배경처리 */
#layerBackground {
    display: none;
    position: fixed;
    /*zoom:1;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2000;
    background: url(../images/bg_layer.png) repeat;
}

/*#layerContents {display:none;position:absolute;top:50px;left:50px;z-index:2500;}*/

/* 팝업그리드영역 */
.popGridArea {
    padding-top: 30px;
    border-top: 1px solid #ebebf3;
}

/* 팝업코드검색 */
.popSearchArea {
    /*padding:12px 20px;*/
}

.popSearchArea:after {
    content: '';
    display: block;
    clear: both;
}

.popSearchArea .inputAlign {
    float: left;
    width: 50%;
}

.popSearchArea .inputAlign>span {
    float: left;
    line-height: 25px;
}

.popSearchArea .searchTxt {
    float: left;
    width: 50%;
}

.popSearchArea .searchTxt input {
    width: 100%;
}

.popSearchArea .searchTxt .inputTxtBox {
    width: 100%;
}

/* 블릿있는 안내 목록 */
.infoDotListType {
    margin-bottom: 15px;
}

.infoDotListType li {
    padding-left: 9px;
    line-height: 24px;
    background: url('../images/bul_gray_dot2.png') no-repeat left 10px;
    font-size: 1.2rem;
    color: #6d6e7a;
}

/* 테이블 하단 추가 안내 */
.addInfo {
    margin-top: 5px;
    line-height: 22px;
    color: #6d6e7a;
}

/* 기본검색 */
.defaultSearchArea {
    position: relative;
    margin-bottom: 20px;
    padding: 0 48px 0 71px;
}

.defaultSearchArea input {
    width: 100%;
}

.defaultSearchArea button {
    position: absolute;
    right: 0;
    top: 0;
}

.defaultSearchArea select {
    position: absolute;
    left: 0;
    top: 0;
}

/* 유의사항 */
.defaultNotice {}

.defaultNotice>h2 {
    margin-bottom: 5px;
    color: #2f303a;
}

.defaultNotice li {
    margin-left: 15px;
    line-height: 20px;
    color: #7c7d88;
    font-size: 1.2rem;
    text-indent: -15px;
}

/*.defaultNotice li span {color:#9a9ba7;}*/
.defaultNotice li span {
    color: #9a9ba7;
}

.defaultNotice .bLine {
    margin: 0 0 20px 0;
    padding: 0 0 15px 0;
    border-bottom: 1px solid #ebebf3;
}

/* 기본안내목록내(12px) */
.infoListBasic {}

.infoListBasic li:first-child {
    margin-top: 0;
}

.infoListBasic li {
    margin-top: 5px;
    line-height: 18px;
}

/* 안내텍스트 */
.infoTxtList {
    padding: 5px 0;
}

.infoTxtList li {
    line-height: 24px;
    font-size: 1.2rem;
    color: #6d6e7a;
}

/* 안내텍스트(완료) */
.infoTxtCenter {
    margin-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    border-bottom: 1px solid #ebebf3
}

.infoTxtCenter p {
    font-size: 1.4rem;
}

/* 팝업안내목록(11px) */
.infoTxtDefault {
    margin-bottom: 5px;
}

.infoTxtDefault p {
    margin-bottom: 5px;
    line-height: 18px;
    color: #6d6e7a;
}

.infoTxtDefault li {
    line-height: 20px;
    font-size: 1.1rem;
    color: #6d6e7a;
}

.infoTxtDefault .ft11 {
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 1.1rem;
    color: #2f303a;
}

.infoTxtDefault .txtRight {
    text-align: right;
}

/* 안내텍스트 (블릿) */
.infoTxtBul {
    margin-top: 5px;
}

.infoTxtBul p {
    margin-bottom: 5px;
    line-height: 20px;
    color: #6d6e7a;
}

.infoTxtBul li {
    padding-left: 10px;
    line-height: 18px;
    background: url(../images/bul_gray_dot2.png) no-repeat left 6px;
    font-size: 1.1rem;
    color: #6d6e7a;
}

.infoTxtBul .ft11 {
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 1.1rem;
    color: #2f303a;
}

/* 폰트 12 기본 */
.infoTxtBul .ft12 {
    margin-bottom: 10px;
    line-height: 18px;
    font-size: 1.2rem;
    color: #2f303a;
}

/* 폰트 12 기본 */
.infoTxtBul .ft12C {
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 1.2rem;
    color: #6d6e7a;
}

/* 폰트12 그레이 */
.infoTxtBul .bul11 {
    padding-left: 10px;
    line-height: 18px;
    background: url(../images/bul_gray_dot2.png) no-repeat left 6px;
    font-size: 1.1rem;
    color: #6d6e7a;
}

.infoTxtBul .bul12 {
    padding-left: 10px;
    line-height: 18px;
    background: url(../images/bul_gray_dot2.png) no-repeat left 6px;
    font-size: 1.2rem;
    color: #6d6e7a;
}

.addInfoTxtRight {
    margin-top: 5px;
    padding-left: 10px;
    line-height: 20px;
    text-align: right;
    /*background:url(../images/bul_gray_dot2.png) no-repeat left 8px;*/
    color: #6d6e7a;
}

/* 그레이박스영역 */
.infoGrayBox {
    padding: 15px 20px;
    background: #f2f3f6;
}

.infoGrayCenterBox {
    padding: 15px 20px;
    background: #f2f3f6;
    text-align: center;
}

/* 그레이박스영역 주소 */
.infoSelectAddr span {
    display: inline-block;
}

.infoSelectAddr span:nth-child(1) {
    width: 13%;
    font-weight: bold;
    font-size: 1.4rem;
}

.infoSelectAddr span:nth-child(2) {
    width: 17%;
}

/* 보더박스영역 */
.infoBorderBox {
    padding: 12px 15px;
    border: 1px solid #dcdce7;
    background: #fff;
}

.infoBorderBox .dotInfoList li:first-child {
    margin-top: 0;
}

.infoBorderBox .dotInfoList li {
    padding: 0 0 0 10px;
    margin-top: 5px;
    background: url(../images/bul_gray_dot2.png) no-repeat 0 5px;
    color: #6d6e7a;
}

/* 보더박스 블릿 */
.infoBorderBox p.strTit {
    margin-bottom: 8px;
    font-weight: bold;
}

.infoBorderBox .dotList {
    padding: 0;
}

.infoBorderBox .dotList li {
    padding: 0 0 0 10px;
    background: url(../images/bul_gray_dot2.png) no-repeat left 11px;
    color: #6d6e7a;
}

.infoBorderBox .dot {
    padding: 0 0 0 10px;
    background: url(../images/bul_gray_dot2.png) no-repeat 0 5px;
    color: #6d6e7a;
}

/* 그리드테이블 */
.gridContainer .tableBasicList {
    width: 100%;
    border: 0 none;
    border-top: 1px solid #ebebf3;
    border-bottom: 1px solid #ebebf3;
}

.gridContainer .tableBasicList tr:hover td {
    background: #fffddb;
}

.gridContainer .tableBasicList th {
    position: relative;
}

.gridContainer .tableBasicList th .btnView {
    position: absolute;
    right: 0;
    top: 0;
    width: 17px;
    height: 17px;
    background: url(../images/btn_tbl_th_view.png) no-repeat 0 0;
    text-indent: -9999px;
}

.gridContainer .tableBasicList td li {
    font-size: 1.1rem;
}

.gridContainer .tblProductList li {
    line-height: 18px;
    font-size: 1.1rem;
}

/* 폰트11 */
.gridContainer .ft-gray {
    font-size: 1.1rem;
    color: #9a9ba7;
}

/* 폰트11 공휴일 */
.gridContainer .inputTxt.txtRight {
    text-align: right;
}

/* 그리드레이어-체크리스트 */
.gridContainer .checktList li {
    padding-left: 25px;
    line-height: 30px;
    font-size: 1.2rem;
}

.multiCheckBox {
    padding: 20px 25px;
    min-height: 240px;
    overflow-y: scroll;
    border-bottom: 1px solid #ebebf3;
}

.multiCheckBox .checktList {}

.multiCheckBox .checktList li:first-child {
    margin-top: 0;
}

.multiCheckBox .checktList li {
    margin-top: 12px;
}

.multiCheckBox .checktList li input[type=checkbox].inputCheckbox+label.css-label {
    padding-left: 40px;
}

/* 그리드레이어-일괄적용 */
.layerSetWrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 500;
    /*width:100%;*/
    min-width: 143px;
    border: 1px solid #b7b7c0;
    background: #fffddb;
}

.layerSetWrap .btnLayerClose {
    position: absolute;
    right: 6px;
    top: 6px;
    display: block;
    width: 10px;
    height: 9px;
    background: url(../images/btn_gridlayer_close.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
}

.layerSetWrap .innerLayer {
    position: relative;
    padding: 15px 10px 0;
}

.layerSetWrap .layerHeader {
    margin-bottom: 15px;
    text-align: center;
}

.layerSetWrap .layerContents {
    display: flex;
}

.layerSetWrap .layerContents>* {
    margin-left: 8px;
}

.layerSetWrap .layerContents>div:first-child {
    margin-left: 0;
}

/* 그리드레이어-공통 */
.layerGridWrap {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1000;
    width: 100%;
    border: 1px solid #dcdce7;
    background: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.layerGridWrap .innerLayer {
    position: relative;
}

.layerGridWrap .btnLayerClose {
    position: absolute;
    right: 7px;
    top: 7px;
    display: block;
    width: 10px;
    height: 9px;
    background: url(../images/btn_gridlayer_close.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
}

/* 그리드레이어-이미지상세 */
.layerImageView {
    width: 320px;
    height: 292px;
    border: 1px solid rgba(183, 183, 192, 0.8);
    background: rgba(255, 255, 255, 0.8);
}

.layerImageView .imageArea {
    position: relative;
    padding: 40px 30px 30px;
}

.layerImageView .imageArea .btnPrev,
.layerImageView .imageArea .btnNext {
    display: block;
    width: 9px;
    height: 15px;
    background: url(../images/btn_prevnext.png) no-repeat 0 0;
    text-indent: -9999px;
}

.layerImageView .imageArea .btnPrev {
    position: absolute;
    left: 10px;
    top: 50%;
    background-position: 0 0;
}

.layerImageView .imageArea .btnNext {
    position: absolute;
    right: 10px;
    top: 50%;
    background-position: -16px 0;
}

.layerImageView .imgBox {
    position: relative;
    overflow: hidden;
    width: 260px;
    height: 220px;
    /*line-height:220px;background:#f2f3f6;text-align:center;font-size:1.2rem;*/
}

.layerImageView .imgBox ul {
    width: 260px;
    height: 220px;
}

.layerImageView .imgBox ul li {
    position: absolute;
    width: 260px;
    height: 220px;
    background: #f2f3f6;
    text-align: center;
}


/* 그리드레이어-다운로드파일목록 */
.layerDownloadList {
    width: 242px;
    background: #f3ffe9;
}

.layerDownloadList {
    padding: 20px 15px 15px;
    text-align: left;
}

.layerDownloadList li:first-child {
    margin-top: 0;
}

.layerDownloadList li {
    margin-top: 5px;
    line-height: 18px;
}

.layerDownloadList li .state {
    display: inline-block;
    margin-left: 10px;
    color: #6d6e7a;
}

/* 그리드레이어-메세지 */
.resultStateView {
    position: relative;
}

.layerMsgWrap {
    display: none;
    position: absolute;
    left: 110%;
    top: 0;
    z-index: 1000;
    width: 300px;
    border: 1px solid #dcdce7;
    background: #f3ffe9;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.layerMsgWrap .msgCon {
    padding: 20px 15px 15px;
    text-align: left;
}

/* 테이블과 타이틀 여백 */
.tableBasicView+.popSubHeaderTitle {
    margin-top: 25px;
}

/* 테이블과 테이블 여백 */
.tableBasicView+.tableBasicView {
    margin-top: 20px;
}

.tableBasicView+.tableBasicList {
    margin-top: 20px;
}

/* 그리드영역 + 헤더영역 */
.gridContainer+.tableHeaderTitle {
    margin-top: 30px;
}

/* 페이징 + 헤더타이틀 */
.pagingBox+.tableHeaderTitle {
    margin-top: 40px;
}

/* select + textarea */
.frmSelectText select {
    margin-bottom: 6px;
}

.frmSelectText textarea {
    margin-bottom: 10px;
}

/* 뷰테이블 + 버튼영역 간격 */
.tableBasicView+.popupButtonArea {
    margin: 20px 0;
}

/* 뷰테이블 + 테이블헤더 간격 */
.tableBasicView+.tableHeaderTitle {
    margin-top: 20px;
}

/* 뷰테이블 + 탭 간격 */
.tableBasicView+.defaultTabWrap {
    margin-top: 30px;
}

/* 선택뷰테이블 + 테이블헤더 간격 */
.selectTypeBox+.tableHeaderTitle {
    margin-top: 20px;
}

/* 안내보더박스 + 테이블헤더 간격 */
.infoBorderBox+.tableHeaderTitle {
    margin-top: 20px;
}

/* 이미지등록리스트 + 테이블헤더 간격 */
.imgRegListArea+.tableHeaderTitle {
    margin-top: 20px;
}

/* 에디트영역 + 테이블헤더 간격 */
.editArea+.tableHeaderTitle {
    margin-top: 20px;
}

/* 테이블뷰 + 스크롤보더박스 */
.tableBasicView+.infoBorderBox {
    margin-top: 20;
}

/* 테이블뷰 + 그레이박스 */
.tableBasicView+.infoGrayBox {
    margin-top: 20px;
}

/* form + 테이블헤더 간격*/
form+.tableHeaderTitle {
    margin-top: 20px;
}

/* 그리드 + 테이블헤더 간격 */
.gridContainer+.tableHeaderTitle {
    margin-top: 20px;
}

/* 그리드 + 테이블 */
.gridContainer+.tableBasicView {
    margin-top: 20px;
}

/* 목록뷰테이블 + 타이틀 */
.tableListView+.tableHeaderTitle {
    margin-top: 20px;
}

/* 히든인풋 + 타이틀 */
input[type=hidden]+.tableHeaderTitle {
    margin-top: 20px;
}

/*  */
.tableBasicView+.gridContainer {
    margin-top: 20px;
}

/* 묶음상품등록 그룹설정 + 타이틀 */
.groupAddZZZ+tableHeaderTitle {
    margin-top: 20px;
}

/* 폼태그 관련 정렬 */
.w80 {
    width: 80%;
}

.w90 {
    width: 90%;
}

.w100 {
    width: 100%;
}

/*
.radioList {}
@media screen and (min-width:1366px) and (max-width:1710px){
	.radioList.col4 .radioBox:nth-child(4) {margin-top:5px;}
}
@media screen and (max-width:1365px){
	.radioList.col4 .radioBox:nth-child(4) {margin-top:5px;}
}
@media screen and (max-width:1130px){
	.radioList.col3 .radioBox:nth-child(3) {margin-top:5px;}
}*/
@media screen and (min-width:1366px) and (max-width:1504px) {
    .checkBox.row2 {
        margin-top: 5px;
    }
}

@media screen and (max-width:1115px) {
    .radioTxt .inputTxtBox {
        width: 46%;
    }
}

.radioSelectList:after {
    content: '';
    display: block;
    clear: both;
}

.display {
    display: inline-block;
}


/* 그리드스타일 */
.AXGrid .AXgridScrollBody {
    border: 1px solid #dcdce7 !important;
}

.AXGrid .AXgridScrollBody .AXGridColHead {
    background: #e6f2fe !important;
}

.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td {
    background: #e6f2fe !important;
}

/* 그리드내 text-shadow 삭제 */
.AXGrid .AXgridScrollBody .AXGridColHead .colHeadTable tbody tr td .colHeadTdText {
    text-shadow: none !important;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdText,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdText,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdText {
    text-shadow: none !important;
}

.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tbody tr td .bodyTdText,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable tfoot tr td .bodyTdText,
.AXGrid .AXgridScrollBody .AXGridBody .gridBodyTable thead tr td .bodyTdText {
    text-shadow: none !important;
}

/* 에디터 */
.AXEditor {
    border: 0 none !important;
}

.AXEditor .editorHead .me___headPanel div.me___selectW a.me___value {
    box-sizing: content-box;
}

.AXEditor .editorHead .me___headPanel div.me___selectS a.me___value {
    box-sizing: content-box;
}

/* 개인정보보호 체크리스트 영역 */
.checkListArea {
    padding: 30px;
}

/* 팝업백그라운드 */
.popup {
    background: #fff;
}

.addDetailBtn{
	border: 1px solid #525366;
	border-radius: 20px;
	background: #9a9ba7;
	color: #ffffff;
	padding:6px 25px 6px 6px;
	margin-right: 8px;
	position: relative;
    display: inline-block;
}

.addDetailBtn .text{
	padding:1px;
}

.addDetailBtn img{
	width: 14px;
	cursor: pointer;
	/* margin-top: -2px */
}
.addDetailBtn button{
	position: absolute;
    right: -2px;
    top: 4px;
    display: block;
    width: 24px;
    height: 24px;
    background: url(../images/ico_close_btn.png) no-repeat 0 0;
    text-indent: -9999px;
    background-size: 18px;
}

.addDetailGridBtn{
	border: 1px solid #525366;
    border-radius: 20px;
    background: #9a9ba7;
    color: #ffffff;
    padding: 3px 25px 3px 6px;
    margin-right: 8px;
    position: relative;
    height: 12px;
}

.addDetailGridBtn .text{
	padding:1px;
}

.addDetailGridBtn img{
	width: 14px;
	cursor: pointer;
	/* margin-top: -2px */
}
.addDetailGridBtn button{
	position: absolute;
    right: -3px;
    top: 2px;
    display: block;
    width: 23px;
    height: 23px;
    background: url(../images/ico_close_btn.png) no-repeat 0 0;
    text-indent: -9999px;
    background-size: 18px;
}

/* POPUP */
.modal,
.modal .dimmed {position:fixed;left:0;right:0;top:0;bottom:0;background:rgba(0,0,0,.3);}
.modal {/*display:none;*/z-index:99999;/*opacity:0;*/padding:0 20px;}
/* .modal .modal-container {display:table;width:100%;height:100%;margin:0 auto;table-layout:fixed;max-width:700px;} */
.modal .modal-container {display:table;width:100%;height:100%;margin:0 auto;table-layout:fixed;max-width:25%;}
.modal .modal-inner {display:table-cell;vertical-align:middle;}
.modal .modal-contents {position:relative;margin:0 auto;background-color:#fff;letter-spacing:-1px;}
.modal .modal-header {height:36px;border-bottom:1px solid #e8e8e8;background-color:#fff;font-size:15px;color:#333;line-height:36px;text-align:center;font-weight:bold;}
.modal .modal-header h2 {font-size:15px;outline:0 none;font-weight:bold;}
.modal .modal-content {overflow-y:auto;position:relative;outline:0 none;}
.modal .modal-content-inner {margin:0;padding:15px 20px;min-height:70px;max-height:300px;overflow-y:auto;}
.modal .modal-content-inner p {color:#666;font-size:13px;line-height:18px;}
.modal .modal-content-inner h2 {margin-bottom:8px;padding-left:0;font-size:13px;line-height:18px;font-weight:bold;}
.modal .modal-content-inner span {display:inline-block;}
.modal .modal-content > .btn-area {display:-webkit-flex;display:flex;width:100%;margin-top:0;}
.modal .modal-content > .btn-area button {-webkit-flex:1;flex:1;height:36px;margin:0 !important;-webkit-border-radius:0;border-radius:0;line-height:36px;font-size:13px;}
.modal .modal-close {
	position:absolute;right:0;top:0;z-index:9999;width:36px;height:36px;line-height:36px;text-align:center;
	background:url(../../../images/images/propose/btn_pop_close.png) no-repeat center center;
	background-size:50% auto;text-indent:-99999em;
}


[class^='btn-type'] {padding:0 20px;-webkit-border-radius:5px;border-radius:5px;font-weight:bold;}
.btn-type01 {background-color:#ea4242;color:#fff !important;}
.btn-type01[disabled] {background-color:#999;}
.btn-type02 {background-color:#2f303a;color:#fff !important;}
.btn-type02[disabled] {background-color:#999;}
.btn-type03 {background-color:#97979a;color:#fff !important;}
.btn-type03[disabled] {background-color:#999;}
.btn-type04 {background-color:#f3f4f8;color:#6e6e78 !important;border:1px solid #dcdce8;}
.btn-type04[disabled] {background-color:#999;}
.overlap-box {-webkit-display:flex;display:flex;}
.overlap-box .form {flex:1;}
.overlap-box .btn {margin-left:5px;}
.overlap-box .btn button {height:32px;line-height:32px;font-size:13px;}
.overlap-box .btn button > span {padding-top:0;}
.modal-box p {padding-top:10px;}
.modal .form input[type='text'] {border:1px solid #ccc;border-radius:5px;padding:8px 10px;width:100%;}
.modal .form input[type='text'][disabled] {background:#f5f5f5;}
.txt-accent {display:inline-block;color:#ec2721 !important;margin-top:5px;}