@charset "utf-8";
/* CSS Document No.3 */

/********************/
/* top menu         */
/********************/
.top_quick_wrap { position:fixed; top:0; left:0; right:0; z-index:9; }
.top_quick {
	position:relative; z-index: 999;
	display:flex; flex-wrap:wrap; align-content:center; justify-content:space-between; 
	min-width:1460px; height:69px; padding:0 20px; padding-left:190px;
	text-align:left;
	background-image:linear-gradient(180deg, rgba(255,255,255,1) 1%, rgba(240,240,240,1) 90%);
	border-bottom:1px solid #cccccc;
}
.top_quick div { display:inline-block; line-height:69px; }
.navi--top ul li { display:inline-block; padding:0 20px; color:#666; font-size:16px; line-height:69px; }
.navi--top ul li.on a { color:#0158c2; font-weight:bold; }
.login-info { font-size:14px; }
.login-info span.time { padding-left:20px; background:url(../../images/common/icons/icon_clock.png) no-repeat 0px 4px; }
.login-info span.time::after { content:"|"; color:#ccc; font-size:14px; padding:0px 8px 0 12px; }
.login-info span.name { font-weight:bold; }
.login-info .logout img { margin-top:-4px; margin-left:8px; }

/********************/
/* left main menu   */
/********************/
.navi--left {
	position:fixed; top:0; left:0; bottom:0; z-index:999; overflow-y:auto;
	width:180px;
	letter-spacing:0.3px;
	background:url(../../images/common/logo_white.png) no-repeat 22px 96% #0158c2;
}
.navi--left ul.navi--left__main li a { 
	display:block;
	padding:20px 0; padding-left:46px;
	color:rgba(255,255,255,0.7); font-size:16px; font-weight:normal; text-align:left;
}
.navi--left ul.navi--left__main li.title a {
	padding-left:0px;
	color:rgba(255,255,255,1); font-size:20px; font-weight:bold; text-align:center;
	border-bottom:4px solid #0158c2;
}

.navi--left ul.navi--left__main li.title {
    padding:0; margin:0;
    background-color:#023fb0;
    background-image:url(../../images/common/title_bg.png), url(../../images/common/title_bg2.png), url(../../images/common/title_bg.png);
    background-repeat:no-repeat, no-repeat;
    background-position:350px 0, 350px 0, -350px 0;
    border:none;
    animation:ani--background-sliding1 7s ease-in-out infinite;
}

.navi--left ul.navi--left__main li a:hover { color:#0b2365; font-weight:bold; }
/* left main menu - 생산관리: 제품기획관리 */
.navi--left ul.navi--left__main li a.nav_01 { background:url(../../images/common/icons/menuicon_01.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.nav_01:hover { background:url(../../images/common/icons/menuicon_01_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.nav_01 { color:rgba(255,255,255,1); font-weight:bold; }
/* left main menu - 생산관리: 주문 및 생산지시, 온라인몰: 주문 및 생산지시 */
.navi--left ul.navi--left__main li a.nav_02 { background:url(../../images/common/icons/menuicon_02.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.nav_02:hover { background:url(../../images/common/icons/menuicon_02_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.nav_02 { color:rgba(255,255,255,1); font-weight:bold; }
/* left main menu - 생산관리: 원자재관리 */
.navi--left ul.navi--left__main li a.nav_03 { background:url(../../images/common/icons/menuicon_03.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.nav_03:hover { background:url(../../images/common/icons/menuicon_03_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.nav_03 { color:rgba(255,255,255,1); font-weight:bold; }
/* left main menu - 생산관리: 생산 및 출고관리, 온라인몰: 생산 및 출고관리 */
.navi--left ul.navi--left__main li a.nav_04 { background:url(../../images/common/icons/menuicon_04.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.nav_04:hover { background:url(../../images/common/icons/menuicon_04_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.nav_04 { color:rgba(255,255,255,1); font-weight:bold; }
/* left main menu - 생산관리; 시스템관리 */
.navi--left ul.navi--left__main li a.nav_05 { background:url(../../images/common/icons/menuicon_05.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.nav_05:hover { background:url(../../images/common/icons/menuicon_05_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.nav_05 { color:rgba(255,255,255,1); font-weight:bold; }
/* left main menu - 생산관리: 고객소통관리 */
.navi--left ul.navi--left__main li a.nav_06 { background:url(../../images/common/icons/menuicon_06.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.nav_06:hover { background:url(../../images/common/icons/menuicon_06_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.nav_06 { color:rgba(255,255,255,1); font-weight:bold; }
/* left main menu - CSRM: 공지사항 */
.navi--left ul.navi--left__main li a.csrm_01 { background:url(../../images/common/icons/menuicon_07.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.csrm_01:hover { background:url(../../images/common/icons/menuicon_07_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.csrm_01 { color:rgba(255,255,255,1); font-weight:bold; }
/* left main menu - CSRM: 고객지원 */
.navi--left ul.navi--left__main li a.csrm_02 { background:url(../../images/common/icons/menuicon_06.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.csrm_02:hover { background:url(../../images/common/icons/menuicon_06_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.csrm_02 { color:rgba(255,255,255,1); font-weight:bold; }
/* left main menu - CSRM: 권한관리 */
.navi--left ul.navi--left__main li a.csrm_03 { background:url(../../images/common/icons/menuicon_05.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li a.csrm_03:hover { background:url(../../images/common/icons/menuicon_05_on.png) no-repeat 8% 18px #0158c2; }
.navi--left ul.navi--left__main li.on a.csrm_03 { color:rgba(255,255,255,1); font-weight:bold; }


/********************/
/* left sub menu    */
/********************/
.navi--left ul.navi--left__sub li { display:block; }
.navi--left ul.navi--left__sub li a { padding:6px 20px; color:rgba(255,255,255,0.5); font-size:14px; }
.navi--left ul.navi--left__sub li a:before { content:'-'; margin-right:8px; }
.navi--left ul.navi--left__sub li:hover a, .navi--left ul.navi--left__sub li.on a { color:rgba(255,255,255,1); font-weight:bold; }

/********************/
/* modal            */
/********************/
.overlay 		{ position:fixed; z-index:999; opacity:1; visibility:visible; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, 0.7); transition:opacity 0.4s; }
.overlay:target { opacity:1; visibility:visible; }
.overlay--wrap--wide { position:relative; width:1100px; margin:0 auto; margin-top:200px; text-align:center; border-radius:12px; }
.overlay--wrap--full { position:fixed; bottom:0; width:100%; padding:8px; margin:0 auto; text-align:center; border-radius:30px 30px 0 0; }

.modal__title { width:100%; padding:8px 16px; color:#fff; background:#0158c2; }
.modal__title {
    background-image:url(../../images/common/title_bg.png), url(../../images/common/title_bg2.png), url(../../images/common/title_bg.png);
    background-repeat:no-repeat, no-repeat;
    background-position:350px 0, 350px 0, -350px 0;
    border:none;
    animation:bg_ani01 7s ease-in-out infinite;
}
.modal__title h2 { width:100%; text-align:left; }
.modal__contents { width:100%; padding:16px; }

.modal__contents .contents--box table th { border:none!important; border-bottom:none!important; }
.modal__contents .contents--box .search--box table tbody { box-shadow:none!important; }
.modal__contents .contents--box .search--box table tbody tr { box-shadow:none!important; }

/********************/
/* popup            */
/********************/
.popup--wrap { position:relative; width:100%; height:100vh; margin:0; padding:0; }

.popup__title { width:100%; padding:8px 16px; color:#fff; background:#023fb0; }
.popup__title {
    background-image:url(../../images/common/title_bg.png), url(../../images/common/title_bg2.png), url(../../images/common/title_bg.png);
    background-repeat:no-repeat, no-repeat;
    background-position:350px 0, 350px 0, -350px 0;
    border:none;
    animation:bg_ani01 7s ease-in-out infinite;
}
.popup__title h2 { width:100%; text-align:left; }
.popup__contents { width:100%; padding:16px; }

.btn__close-popup {
	position:absolute; top:5px; right:8px;
	width:30px; height:30px;
	background:url(../../images/common/icons/icon_close.png) no-repeat #000d22  50%;
}

.popup--wrap table { width:100%; }
.popup--wrap table tbody tr:nth-child(n) { background:#ffffff; }
.popup--wrap table tbody tr:nth-child(2n) { background:#f9f9f9; }

.popup--wrap table th { height:30px; padding:4px; font-weight:bold; background:transparent; border:1px solid #ffffff; border-bottom:2px solid #ffffff; } /* 신규 */
.popup--wrap table td { height:30px; padding:4px; font-weight:normal; border:0px solid #ffffff; } /* 신규 */

.popup--wrap table thead { border-radius:12px; background:#e7edfa; box-shadow:0 2px 8px 0px #a8b6c6; } /* 신규 */
.popup--wrap table thead th { border-top:none; } /* 신규 */
.popup--wrap table thead th:first-child { border-left:none; } /* 신규 */
.popup--wrap table thead th:last-child { border-right:none; } /* 신규 */

.popup--wrap table tbody { box-shadow:0 2px 12px -3px #a8b6c6; } /* 신규 */
.popup--wrap table tbody tr { border-radius:12px; background:#ffffff; box-shadow:0 2px 8px -6px #a8b6c6; } /* 신규 */
.popup--wrap table tbody tr th { background:#e3ecff; border-bottom:0px solid #ffffff; } /* 신규 */
.popup--wrap table tbody tr:first-child th { border-top:0px solid #ffffff; } /* 신규 */
.popup--wrap table tbody tr:last-child td:first-child { border-radius:0 0 0 12px; } /* 신규 */
.popup--wrap table tbody tr:last-child td:last-child { border-radius:0 0 12px 0; } /* 신규 */
.popup--wrap table tbody tr:nth-child(2n) td { background:#f9f9f9; } /* 신규 */

.popup--wrap table tfoot { box-shadow:0 2px 12px -3px #a8b6c6; } /* 신규 */
.popup--wrap table tfoot tr { border-radius:12px; background:#ffffff; box-shadow:0 2px 8px -6px #a8b6c6; } /* 신규 */
.popup--wrap table tfoot tr th { background:#e3ecff; border-bottom:0px solid #ffffff; } /* 신규 */
.popup--wrap table tfoot tr:first-child th { border-top:0px solid #ffffff; } /* 신규 */
.popup--wrap table tfoot tr:last-child td:first-child { border-radius:0 0 0 12px; } /* 신규 */
.popup--wrap table tfoot tr:last-child td:last-child { border-radius:0 0 12px 0; } /* 신규 */
.popup--wrap table tfoot tr:nth-child(2n) td { background:#f9f9f9; } /* 신규 */

.popup--wrap table th select { width:80%; height:28px; }
.popup--wrap table td select { width:100%; height:28px; }
.popup--wrap table th input { width:80%; height:26px; }
.popup--wrap table td input { width:100%; height:26px; }
.popup--wrap table input[type=file] { width:80%; height:26px; }
.popup--wrap table input[type=radio] { width:13px; height:13px; margin:0 5px; }
.popup--wrap table input[type=checkbox] { width:13px; height:13px; margin:0 5px; }
.popup--wrap table input[type=checkbox]:first-child { margin:0px; }

.popup-tab--wrap { position:relative; width:100%; }
.popup-tab--wrap .popup-tab__title { padding:0; text-align:left; }
.popup-tab--wrap .popup-tab__title div {
	display:inline-block;
	padding:8px 12px 4px;
	font-size:15px; text-align:center;
	background:#fff;
	border:1px solid #d9d9d9; border-bottom:0; border-radius:6px 6px 0 0;
}
.popup-tab--wrap .popup-tab__title div.on {
	color:#fff; font-weight:bold;
	background:#023fb0;
	border:1px solid #023fb0; border-bottom:0;
}

/********************/
/* contents         */
/********************/
.contents--wrap__web--leftmenu {
	position:relative; z-index: 1; display:flex; flex-wrap:wrap; align-content:center; justify-content:space-between;
	min-width:1460px; width:100%;
	padding:16px; padding-top:84px; padding-left:194px;
}
.web--leftmenu__contents--responsive { position:relative; width:100%; }
.web--leftmenu__contents--fix { position:relative; width:1500px; }

/* form */
.fix-form--wrap { width:800px; }
.fix-form--wrap table tr:nth-child(2n) { background:#fff!important; }
.fix-form--wrap table tr:nth-child(2n) td { background:#fff!important; }
.fix-form--wrap table th { height:34px; text-align:right; }
.fix-form--wrap table td { height:34px; text-align:left; }

.form--wrap table tr:nth-child(2n) { background:#fff!important; }
.form--wrap table tr:nth-child(2n) td { background:#fff!important; }
.form--wrap table th { height:34px; text-align:right; }
.focontents--boxrm--wrap table td { height:34px; text-align:left; }

/* title */
.contents__title--main {
	display:flex; flex-wrap:wrap; align-content:center; justify-content:space-between;
	padding-bottom:12px; margin-bottom:12px;
	padding-bottom:12px; margin-bottom:20px; /* 신규 */
	font-size:14px; text-align:left;
	border-bottom:1px solid #e2e2ec;
}
.contents__title--main h1 { display:inline-block; font-size:20px; font-weight:bold; }
.contents__title--main div { padding-top:4px; }
.contents__title--main span:not(.pageName) { font-size:14px; font-weight:normal; }
.contents__title--main .search-condition { margin:0 8px; }
.contents__title--main .search-condition input { width:110px; height:28px; margin-left:4px; }
.contents__title--main .search-condition select { width:90px; height:28px; margin-left:4px; }
.contents__title--main .search--result { margin:0; }

.contents__title--sub {
	display:flex; flex-wrap:wrap; align-content:center; justify-content:space-between;
	margin-bottom:12px; margin-top:12px;
	font-size:14px; text-align:left;
}
.contents__title--sub h2 { display:inline-block; font-size:16px; font-weight:bold; }
.contents__title--sub .search--result { margin:0; }

.contents__text--main {
	display:flex; flex-wrap:wrap; align-content:center; justify-content:space-between;
	margin-bottom:8px; margin-top:12px; /* 기존 */
	margin-bottom:12px; margin-top:12px; /* 신규 */
	font-size:14px; text-align:left;
}
.contents__text--main h3 { display:inline-block; font-size:14px; font-weight:bold; }

/* contents--wrap */
.contents--wrap {
	position:relative;
	padding:0; margin:0 auto; margin-bottom:12px;
}
.contents--wrap table { width:100%; }
.contents--wrap table th { height:30px; padding:0 8px; font-weight:bold; background:#eeeeee; border:1px solid #dcdcdc; border-bottom:2px solid #dcdcdc; } /* 기존 */
.contents--wrap table th { height:30px; padding:4px 8px; font-weight:bold; background:transparent; border:1px solid #ffffff; border-bottom:2px solid #ffffff; } /* 신규 */
.contents--wrap table td { height:30px; padding:0 8px; font-weight:normal; border:1px solid #ffffff; } /* 기존 */
.contents--wrap table td { height:30px; padding:4px 8px; font-weight:normal; border:0px solid #ffffff; } /* 신규 */

.contents--wrap table thead { border-radius:12px; background:#e3ecff; box-shadow:0 2px 8px 0px #a8b6c6; } /* 신규 */
.contents--wrap table thead th { border-top:none; } /* 신규 */
.contents--wrap table thead th:first-child { border-left:none; } /* 신규 */
.contents--wrap table thead th:last-child { border-right:none; } /* 신규 */

.contents--wrap table tbody { box-shadow:0 2px 12px -3px #a8b6c6; } /* 신규 */
.contents--wrap table tbody tr { border-radius:12px; background:#ffffff; /* box-shadow:0 2px 8px -6px #a8b6c6; */ } /* 신규 */
.contents--wrap table tbody tr th { background:#e3ecff; border-bottom:0px solid #ffffff; } /* 신규 */
.contents--wrap table tbody tr:first-child th { border-top:0px solid #ffffff; } /* 신규 */
.contents--wrap table tbody tr:last-child td:first-child { border-radius:0 0 0 12px; } /* 신규 */
.contents--wrap table tbody tr:last-child td:last-child { border-radius:0 0 12px 0; } /* 신규 */
.contents--wrap table tbody tr:nth-child(2n) td { background:#f9f9f9; } /* 신규 */

.contents--wrap table tfoot { box-shadow:0 2px 12px -3px #a8b6c6; } /* 신규 */
.contents--wrap table tfoot tr { border-radius:12px; background:#ffffff; box-shadow:0 2px 8px -6px #a8b6c6; } /* 신규 */
.contents--wrap table tfoot tr th { background:#e3ecff; border-bottom:0px solid #ffffff; } /* 신규 */
.contents--wrap table tfoot tr:first-child th { border-top:0px solid #ffffff; } /* 신규 */
.contents--wrap table tfoot tr:last-child td:first-child { border-radius:0 0 0 12px; } /* 신규 */
.contents--wrap table tfoot tr:last-child td:last-child { border-radius:0 0 12px 0; } /* 신규 */
.contents--wrap table tfoot tr:nth-child(2n) td { background:#f9f9f9; } /* 신규 */

.contents--wrap table th select { width:80%; height:28px; }
.contents--wrap table td select { width:100%; height:28px; }
.contents--wrap table th input { width:80%; height:28px; }
.contents--wrap table td input { width:100%; height:28px; }
.contents--wrap table input[type=file] { width:100%; height:26px; }
.contents--wrap table input[type=radio] { width:13px; height:13px; margin:0 4px; }
.contents--wrap table input[type=checkbox] { width:14px; height:14px; margin:0 4px; }
.contents--wrap table input[type=checkbox]:first-child { margin:0px; }

/* contents--box */
.contents--box {
	position:relative;
	padding:16px; margin:0 auto; margin-bottom:16px;
	background:#fff;
	border:1px solid #e2e2ec; border-radius:8px; /* 기존 */
	border:0px solid #e2e2ec; border-radius:12px; /* 신규 */
	box-shadow:2px 2px #e5e9ee; /* 기존 */
	box-shadow:0 2px 12px -3px #a8b6c6; /* 신규 */
}
.contents--box table:not(#calendar) { width:100%; }
.contents--box table:not(#calendar) thead { border-radius:12px; background:#e3ecff; box-shadow:0 2px 8px 0px #a8b6c6; } /* 신규 */
.contents--box table:not(#calendar) thead th { border-top:none; } /* 신규 */
.contents--box table:not(#calendar) thead th:first-child { border-left:none; } /* 신규 */
.contents--box table:not(#calendar) thead th:last-child { border-right:none; } /* 신규 */
.contents--box table:not(#calendar) tbody { box-shadow:0 2px 12px -3px #a8b6c6; } /* 신규 */
.contents--box table:not(#calendar) tbody tr { border-radius:12px; background:#ffffff; box-shadow:0 2px 8px -6px #a8b6c6; } /* 신규 */
.contents--box table:not(#calendar) tbody tr:nth-child(2n) td { background:#f9f9f9; } /* 신규 */
.contents--box table:not(#calendar) tbody tr:last-child td:first-child { border-radius:0 0 0 12px; } /* 신규 */
.contents--box table:not(#calendar) tbody tr:last-child td:last-child { border-radius:0 0 12px 0; } /* 신규 */
.contents--box table:not(#calendar) th { height:30px; padding:0 8px; font-weight:bold; background:#eeeeee; border:1px solid #dcdcdc; }
.contents--box table:not(#calendar) th { height:30px; padding:4px 8px; font-weight:bold; background:transparent; border:1px solid #ffffff; border-bottom:2px solid #ffffff; } /* 신규 */
.contents--box table:not(#calendar) td { height:30px; padding:0 8px; font-weight:normal; border:1px solid #dcdcdc; }
.contents--box table:not(#calendar) td { height:30px; padding:4px 8px; font-weight:normal; border:0px solid #ffffff; /* border-bottom:1px solid #dddddd; */ } /* 신규 */
.contents--box table th select { width:70%; height:28px; }
.contents--box table td select { width:100%; height:28px; }
.contents--box table th input { width:88%; height:26px; }
.contents--box table td input { width:99%; height:26px; }
.contents--box table input[type=radio] { width:13px; height:13px; margin:0 4px; }
.contents--box table input[type=checkbox] { width:14px; height:14px; margin:0 4px; }
.contents--box table input[type=checkbox]:first-child { margin:0px; }

/* tab */
.contents-tab__title { padding:0; text-align:left; }
.contents-tab__title div {
	display:inline-block;
	padding:8px 12px 4px;
	color:#999; font-size:15px; text-align:center;
	background:#ddd;
	border:1px solid #d9d9d9; border-bottom:0; border-radius:6px 6px 0 0;
}
.contents-tab__title div.on {
	color:#444; font-weight:bold;
	background:#e3ecff;
	border:1px solid #e3ecff; border-bottom:0;
}

/* search--box */
.search--box {
	width:100%;
	padding:8px 0; margin:0 auto; margin-bottom:12px; /* 기존 */
	padding:16px 0; margin:0 auto; margin-bottom:20px; /* 신규 */
	background:#fff;
	border:1px solid #dcdcdc; border-radius:8px; /* 기존 */
	border:0px solid #dcdcdc; border-radius:12px; /* 신규 */
	box-shadow:0 2px 12px -3px #a8b6c6; /* 신규 */
}
.search--box table { width:100%; border:0; }
.search--box table tbody { box-shadow:none; }
.search--box table tbody tr { box-shadow:none; }
.search--box table tbody tr th { height:30px; padding:4px 8px; font-weight:bold; text-align:right; background:#fff; border:0; padding-right:8px; }
.search--box table tbody tr td { height:30px; padding:4px 8px; font-weight:normal; text-align:center; background:#fff; border:0; }
.search--box table tbody tr:nth-child(2n) td { background:#fff; }
.search--box table th input { width:90%; height:28px; }
.search--box table td input { width:100%; height:28px; }
.search--box table th select { width:90%; height:28px; }
.search--box table td select { width:100%; height:28px; }
.search--box table input[type=radio] { width:13px; height:13px; margin:0 5px; }
.search--box table input[type=checkbox] { width:13px; height:13px; margin:0 5px; }
.search--box table input[type=checkbox]:first-child { margin:0px; }

div.search-icon { position:relative; }
div.search-icon img.search-icon { position:absolute; top:4px; right:4px; }

.search--result { position:relative; margin:12px auto; font-size:14px; text-align:right; }
.search--result p { display:inline-block; margin-left:12px; }

.search--result__popup { position:relative; height:35px; font-size:14px; }
.search--result__popup { position:absolute; top:-5px; right:10px; }

/* info-table */
table.info-table tbody tr { box-shadow:none; } /* 신규 */
table.info-table tbody tr:first-child { border-radius:8px 8px 0 0; } /* 신규 */
table.info-table tbody tr:last-child { border-radius:0 0 8px 8px; } /* 신규 */
table.info-table tbody tr:nth-child(2n) td { background:#fff; } /* 신규 */
table.info-table tbody th { height:34px; text-align:right; }
table.info-table tbody td { height:34px; text-align:left; }

/********************/
/* footer */
/********************/
.footer--wrap {
	position:relative;
	min-width:1000px; padding:20px; padding-left:200px;
	color:#484848; font-size:12px; line-height:24px;
	background:#fff;
	border-top:1px solid #d3d3d3;
}
.footer--wrap ul { text-align:left; }
.footer--wrap ul li { display:inline-block; }
.footer--wrap ul li.blank { padding:0 8px; color:#ccc; }
.footer--wrap ul li.footer-manual { padding-right:22px; background:url(../../images/common/icons/icon_pdf.png) no-repeat 84px 4px; }
.footer--wrap .footer-caution { color:#6a1414; text-align:left; line-height:28px; }

/********************/
/* error            */
/********************/
.auth-error { padding:100px; }
.auth-error img { width:200px; margin-bottom:30px; }