@CHARSET "UTF-8";
/*---------------------------------------
	base css
---------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", "나눔고딕", "NanumGothic";
	border: 0;
}
textarea {
	margin: 0;
	padding: 5px;
	font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", "나눔고딕", "NanumGothic";
	font-size: 12px;
	border: 1px solid #c6c6c6;
}
button { font-family: "맑은 고딕", "Malgun Gothic",  "Nanum Gothic", "나눔고딕", "Nanum othic"; }
button:focus, input:focus,
a:focus {outline:none;} 
a:link, a:visited, a:active {
	font-family: "맑은 고딕", "Malgun Gothic", "Nanum Gothic", "나눔고딕", "NanumGothic";
	color: #000;
	text-decoration:none;
}
a:hover {text-decoration:none;}
a img, fieldset {border:0;}
em, address { font-style: normal; }
 
@font-face {
	font-family: "맑은 고딕", "Malgun Gothic";
	src: url('../fonts/MalgunGothic.eot');
	src: local(※), url('../fonts/MalgunGothic.woff') format(‘woff’);
	src: url('../fonts/MalgunGothic.ttf') format(‘truetype’);
	font-weight: normal;
	font-style: normal;
}
/*
@font-face {
    font-family: 'Nanum Gothic';
    font-weight: normal;
    src: url(/fonts/nanumgothic.eot);
    src: local(※), url(fonts/nanumgothic.woff) format("woff");
}

@font-face {
    font-family: 'Nanum Gothic';
    font-weight: bold;
    src: url(/fonts/nanumgothicbold.eot);
    src: local(※), url(fonts/nanumgothicbold.woff) format("woff");
}
*/
.blind,
caption {
	font-size:0; 
	line-height:0; 
	text-indent:-10000px;
}
ul, li {list-style: none; outline: 0 }
/*---------------------------------------
	common css
---------------------------------------*/
.lay-item__box {
	display: table; 
	width: 100%;
}
.lay-item__left, 
.lay-item__center,
.lay-item__right {
	display: table-cell; 
	vertical-align: top;
}
.grid-wrap {
	overflow: hidden;
	margin: 5px 0px 0px;
	box-sizing: border-box;
}
.grid-codeGr {
	width: 490px;
	margin: 10px 0;
	overflow: hidden;
}
.grid-code {
	width: 890px;
	margin: 10px 0;
	overflow: hidden;
}
.grid-masterDetail {
	width: 100%;
	margin: 45px 0;
	overflow: hidden;
}
.double-grid-wrap { display: flex; }
.code .double-grid-wrap .left { width: 40%; margin-right: 20px; }
.code .double-grid-wrap .right { width: 60%;}
.SMS .double-grid-wrap .left { width: 60%; margin-right: 20px; }
.SMS .double-grid-wrap .right { width: 40%;}
.grid-btn-wrap {
	position: relative;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
}
.btn-wrap__left {
	color: #393c46;
    float: left;
    height: 25px;
    line-height: 35px;
    font-size: 14px;
}
.btn-wrap__left h2 {
    text-align: left;
    font-size: 16px;
	font-weight: bold;
    text-indent: 18px;
    color: #606060;
    background: url(../images/stit_bullet.png) no-repeat left 11px;
}
.btn-wrap__left h3 {
    text-align: left;
    font-size: 12px;
	font-weight: bold;
    text-indent: 20px;
    color: #606060;
    background: url(../images/stit_bullet.png) no-repeat left 11px;
}
.btn-wrap__left b {
	color: #333333;
}
.btn-wrap__right {
    float: right;
}

/* 20230920 수정 */
.btn-wrap__right font {
	display: inline-block;
    margin-top: 10px;
}
/*---------------------------------------
	login css
---------------------------------------*/
.login-bg { 
	background: #f5f6f7 url("../images/bg-img.png") no-repeat right bottom;
    background-attachment: fixed;
}
.Login {
    min-width: 1280px;
    min-height: 100vh;
}
.Login .logo {
	background: url("../images/login-logo.png") no-repeat left top;
	width: 130px;
	height: 61px;
    position: absolute;
    top: 30px;
    left: 40px;
}
/* login box 부분 */
.Login .content {
    position: absolute;
    left: 50%;
    top: 50%;
	width: 350px;
	margin:-136px 0 0 -175px;
	box-sizing: border-box;
}
.Login .content h2 {
    font-size: 22px;
    color: #202020;
    letter-spacing: -1px;
}
.Login .content h2 span {
    color: #ff4800;
}
.Login .content p {
    font-size: 15px;
	padding: 10px 0px 20px; 
	border-bottom: 1px solid #d2d3d3;
	box-sizing: border-box;
}
.login_wrap { position: relative; }
.login_wrap > .login_input { margin-top: 20px; }
.login_wrap > .login_input .inputbox { margin-bottom: 5px; }
.login_wrap > .login_input .inputbox:last-child { margin-bottom: 0px; }
.login_wrap > .login_input .inputbox span { 
	width: 45px;
	height: 40px; 
	line-height: 40px;
	font-size: 15px; 
	color: #202020; 
	font-weight: bold; 
	display: inline-block;
	vertical-align: middle;
	position: relative;
	text-indent: 10px;
}
.login_wrap > .login_input .inputbox span:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 2px;
	background: #4b4b4b;
	position: absolute;
	top:19px;
	left: 0px;
		
}
.login_wrap > .login_input > .inputbox > input { 
	width: 200px;
	height: 40px;
	border: 1px solid #d7d7d7;
	border-radius: 3px;
    font-size: 15px;
    color: #8d8d8d;	 
	background: #fff;
}
.login_wrap > a.btn_login {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 98px;
	height: 85px; 
    background: #f58026;
	border-radius: 3px;
	box-shadow: 0px 3px 3px 0px rgb(200,200,200,0.2)
}
.login_wrap > a.btn_login > span {
	display: block;
	width: 98px;
	height: 85px; 
    line-height: 85px;
	font-size: 16px;
    text-align: center;
	color: #fff;
	font-weight: bold;
}
.Login .b_menu { 
	padding: 35px 0; 
	display: flex;
}
.Login .b_menu a { 
	flex: auto; 
	color: #666666;
	border-right: 1px solid #c4c5c5; 
	font-weight: bold; 
}
.Login .b_menu a:first-child { text-align: left; }
.Login .b_menu a:nth-child(2) { text-align: center; }
.Login .b_menu a:last-child {
	text-align: right;
	border-right: none; 
}
.Login .b_menu a:hover { color: #202020; }
/*---------------------------------------
	layout css
---------------------------------------*/
html, body {
    height: 100%;
    color: #666666;
}
body { font-size: 12px; }
.wrap { 
    display: table;
    table-layout: fixed;
    width: 100%;
    min-width: 1262px;
    height: 100%;
    color: #666666;
	background: url("../images/bg-img.png") no-repeat right bottom;
}
.lnb-wrap, .containder {
    display: table-cell;
    width: 100%;
    height: 100%;
	vertical-align: top;
	position: relative;
}
/*---------------------------------------
	lnb css
---------------------------------------*/
.lnb-wrap {
	width: 240px;
	background-color: #ffffff;
    height: 100%;
    position: relative;
	box-shadow: 5px 0 5px 0 rgba(210,210,210,0.2);
	/* 20230509 추가 시작 */
	/* For Internet Explorer 11 */
	filter: progid:DXImageTransform.Microsoft.Shadow(color=rgba(210,210,210,0.2), direction=180, strength=2);
	/* 20230509 추가 끝 */
}
.lnb-wrap .logo { 
	display: block;
	height: 100px; 
	border-bottom: 1px solid #e7e7e7; 
	background: url("../images/skes-logo.png") no-repeat center;
	box-sizing: border-box;
}
.lnb-wrap .Allmenu { 
	display: none;
}
.lnb-wrap nav {
	width: 240px;
    margin: 0px;
    word-spacing: -1px;
}
/* left open */
.lnb-wrap nav > ul li {
	position: relative;
	display: block;
}
.lnb-wrap nav > ul > li {
	box-sizing: border-box;
}
.lnb-wrap nav > ul li a {
	display: block;
	overflow: hidden;
}
.lnb-wrap nav > ul > li > a {
	position: relative;
    padding: 7px 5px 7px 50px;
    font-size: 15px;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
	font-weight: bold;
	color: #333333;
	border-bottom: 1px solid #e7e7e7;
}
.lnb-wrap nav > ul > li > a[target="_blank"]:after {
	content: '';
	display: inline-block;
	width: 17px;
	height: 15px;
	position: absolute;
	right: 16px;
	top: 17px;
	background: url("../../images/ico-btn.png") no-repeat 0 -89px;
}
.lnb-wrap nav > ul > li:hover > a[target="_blank"]:after {
	background: url("../../images/ico-btn.png") no-repeat -32px -89px;
}
.lnb-wrap nav > ul > li.expandable:after,
.lnb-wrap nav > ul > li.expandable.expanded:after {
	content: none;
}
.lnb-wrap nav > ul > li > a:hover,
.lnb-wrap nav > ul > li.expanded > a {
	color: #ff4800; 
}
.lnb-sub {
	display: none;
	padding: 10px 0;
    box-sizing: border-box;	
	border-bottom: 1px solid #e7e7e7;
	background: #f5f5f5;
}
.lnb-sub li { position: relative; }
.lnb-sub li a {
	padding: 5px 0 5px 50px;
    font-size: 13px;
	color: #222;
	line-height: 15px;
}
.lnb-sub li a:hover, .lnb-sub li.selected a {
	background: #e4e4e4;
}
.lnb-wrap nav > ul > li > a::before,
.lnb-wrap li.expandable > a:before {
	content: '';
	width: 28px;
	height: 28px;
	position: absolute;
	top: 8px;
	left: 17px;
	background: url("../images/icon-lnb.png") 0px 0px no-repeat;
}
.lnb-wrap nav > ul > li > a.menu01::before { background-position: 0px 0px; }
.lnb-wrap nav > ul > li > a.menu02::before { background-position: 0px -28px; }
.lnb-wrap nav > ul > li > a.menu03::before { background-position: 0px -56px; }
.lnb-wrap nav > ul > li > a.menu04::before { background-position: 0px -84px; }
.lnb-wrap nav > ul > li > a.menu05::before { background-position: 0px -112px; }
.lnb-wrap nav > ul > li > a.menu06::before { background-position: 0px -140px; }
.lnb-wrap nav > ul > li > a.menu07::before { background-position: 0px -168px; }
.lnb-wrap nav > ul > li > a.menu08::before { background-position: 0px -196px; }
.lnb-wrap nav > ul > li > a.menu09::before { background-position: 0px -224px; }

/* 20230911 추가 */
.lnb-wrap nav > ul > li > a.menu10::before { background-position: 0px -252px; }
.lnb-wrap nav > ul > li > a.noBg::after,
.lnb-wrap li.expandable > a.noBg:after {
background: none;
}
/* 20230911 추가 */


.lnb-wrap nav > ul > li > a::after,
.lnb-wrap li.expandable > a:after {
	content: '';
	width: 15px;
	height: 10px;
	position: absolute;
	top: 19px;
	right: 15px;
	background: url("../images/icon-lnb-arrow.png") 0px -10px no-repeat;
}
.lnb-wrap li > a:hover:before,
.lnb-wrap li.expanded > a::before {
	background: url("../images/icon-lnb-on.png") 0px 0px no-repeat;
}
.lnb-wrap li > a:hover:after {
	background: url("../images/icon-lnb-arrow.png") 0px -20px no-repeat;
}
.lnb-wrap li.expanded > a::after {
	background: url("../images/icon-lnb-arrow.png") 0px 0px no-repeat;
}
/* 좌측메뉴 닫힘 */
.close, .lnb-wrap.close nav,
.lnb-wrap.close nav > ul{ 
    width: 60px; 
    margin: 0px;
}
.lnb-wrap.close .logo {
	width: 180px;
	height: 70px;
	background: url("../images/skes-logo.png") no-repeat 20px 10px;
	position: absolute; 
	left: 60px;
	top: 0px;
	z-index: 1000000;
	border-bottom: none;
}
.lnb-wrap.close .Allmenu { 	
	display: block;
	height: 70px; 
	border-bottom: 1px solid #e7e7e7; 
	background: url("../images/icon-Allmenu.png") no-repeat center;
	box-sizing: border-box;
}
.lnb-wrap.close nav > ul > li a{
	font-size: 0px;
}
.lnb-wrap.close nav > ul li a:after {
	display: none;
}
.lnb-wrap.close .lnb-sub {
	height: 0px;
	padding: 0px;
	border-bottom: none;
}
.Button.btn-toggle {    
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0;
	width: 100%;
	height: 45px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
    border: none;
}
.Button.btn-toggle span {	   
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0;
	width: 100%;
	height: 45px;
	text-indent: -9999px;
	background: #3e3e3e;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
    border: none;
}
.Button.btn-toggle span:after {
	content: '';
	display: block;
	width: 14px;
	height: 13px;
	background: url("../images/btn-toggle.png") no-repeat 0px 0px;
	position: absolute; 
	top: 16px;
	left: 210px;	
}
.Button.btn-toggle:hover {	
	background: #3e3e3e;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
    border: none;	
}
.Button.btn-toggle.lnb-open { }
.Button.btn-toggle.lnb-open span {	   
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding: 0;
	width: 100%;
	height: 45px;
	text-indent: -9999px;
	background: #3e3e3e;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	border-radius: 0;
    border: none;
}
.Button.btn-toggle.lnb-open span:after {
	background-position: -14px 0px;
	left: 22px;	
}
.Button.btn-toggle.lnb-open:hover { } 
/* Left 메뉴 펼치기 편법 */
.Button.btn-toggle .lnb-open {
	position: fixed;
	top: 0px;
	bottom: 0px;
	width: 60px;
	height: 100%;
	background: transparent;
	display: none;
}
.Button.btn-toggle.lnb-open .lnb-open {	
	display: block;
}
/*---------------------------------------
	header css
---------------------------------------*/
.header {
	width: 100%;
	height: 70px;
	border-bottom: 1px solid #e5e5e5;
	box-shadow: 0 5px 5px 0 #f9f9f9;
	box-sizing: border-box;
	overflow: hidden;
}
.header-logo {    
	position: absolute;
	left: 20px;
	bottom: 15px;
	width: 146px;
	height: 33px;
	text-indent: -9999px;
	background: url("../images/main-logo.png") no-repeat left bottom;    
}
.header-right {
	position: absolute;
	top: 20px;
	right: 40px;
	height: 50px;
}
.member {
	float: left;
    height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #383838;
    margin-right: 10px;
}
.member:before {
	content: '';
	display: inline-block;
	width: 30px;
	height: 30px;
    background: url("../images/icon-member.png") no-repeat 0px 0px;
    border-radius: 50%;
	position: absolute;
	top: 0px;
	left: -37px;
}
.member b { }
.member .member-info {
	color: #979aa0;
    font-size: 13px;
}
.btn-member-sub {
	display: block; 
	width: 15px;
	height: 30px;
	background: url("../images/header-sub.png") no-repeat 0px center;
	float: left; 
	cursor: pointer;
}
.header-right:hover .member-sub {
	display: block;
}
.btn-member.modiinfo { }
.btn-member.logout { }

.member-sub {
	display: none;
	position: absolute; 
	top: 35px;
	right: 0px;
	width: 138px;
	border: 2px solid #404e5c;
	padding: 12px 15px 10px; 
	box-sizing: border-box; 
	border-radius: 5px;
	background: #ffffff;
	box-shadow: 0px 3px 3px 0 #f6f6f6;
	z-index: 10000000000;
}
.member-sub:before {
	content: '';
	display: block;
	width: 15px;
	height: 11px; 
	background: url("../images/header-sub-arrow.png") no-repeat 0px 0px;
	position: absolute;
	top: -11px;
	right: 60px;
}
.member-sub a { 
	display: block;
	color: #666666;
	line-height: 23px; 
}
.member-sub a:hover { 
	color: #333333;
	text-decoration: underline;
}

/*---------------------------------------
	contents-wrap css
---------------------------------------*/
.contents-wrap { 
	/* 
	position: absolute;
	background: #fff; 
    overflow: hidden;
	width: calc(100% - 235px);	
	top: 60px;
	left: 235px; 
    min-width: 1025px; 
	*/
	padding: 30px 40px;
	margin-bottom: 160px;
}
/* 오른쪽 컨텐츠 open 넓이 */
/* 오른쪽 컨텐츠 close 넓이 */
.close .contents-wrap{ 
	/* 
	width: calc(100% - 30px);
	left: 30px;   
    min-width: 1225px; 
	*/
}
.contents { } 
/*---------------------------------------
	main css
---------------------------------------*/
.contents.main { 
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
	display: flex; 
	width: 100%;
	background: rgb(255,255,255,0.7)
}
.contents.main .left, .contents.main .right { padding: 10px 0; }
.contents.main .left { 
	width: 65%; 
	border-right: 1px solid #e2e2e2; 
}  
.contents.main .right { width: 35%; }
.board { 
	padding: 20px 30px; 
	border-bottom: 1px solid #e2e2e2;
}
.board:last-child { 
	border-bottom: none;
}
.board .board-tit { 
	position: relative; 
    box-sizing: border-box;
}
.board .board-tit h2 { 
	display: inline-block; 
	font-size: 15px;
	color: #fff;
	padding: 0 15px;
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
	background: #404e5c;
    font-weight: bold;
}
.board .board-tit a.btn_more { 
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 13px;
    color: #666666;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 5px; 
}
.board .board-tit a.btn_more::after { 
    content: '';
    display: inline-block;
    width: 7px;
    height: 12px;
    background: url("../images/main-board-arrow.png") no-repeat 0px 0px;
    position: relative;
    right: -5px;
    top: 1px;
}
.board .board-body { 
	padding-top: 14px; 
}
.board .board-list { }
.board .board-list .list_item { 
	padding: 4px 0 5px;
}
.board .board-list .body_area {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}
.board .board-list .board_title {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 0;
    padding-right: 10px;
}
.board .board-list .ellipsis_wrapper {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 100%;
}
.board .board-list .ellipsis_wrapper:after {
    content: ' ';
    display: block;
    clear: both;
}
.board .board-list .ellipsis_wrapper .title_opt {
	position: relative;
    float: right;
    top: 0;
}
.board .board-list .info_reply {
    font-size: 13px;
    color: #DF4523;
    line-height: 1.33;
    display: inline-block;
    padding-left: 3px;
    vertical-align: text-bottom;
}
.board .board-list .ellipsis_wrapper .title_opt .ico_board_new {  
	display: inline-block;
    background: url(../images/main-board-new.png) no-repeat;
    vertical-align: middle;
	width: 21px;
    height: 21px;
    background-position: left top;
	position: relative;
    top: 0px;
    margin-left: 5px;
}
.board .board-list .ellipsis_wrapper .title_opt .info_reply + .ico_board_new { 
    top: 0px;
    margin-left: 0px;
}
.board .board-list .title_anchor {
    font-size: 15px;
    color: #555555;
    line-height: 1.4em;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.board .board-list .board_info_list {
    text-align: right;
    vertical-align: top;
    white-space: nowrap;
}
.board .board-list .board_info_list .info_item {
    font-size: 14px;
    line-height: 1.2em;
    color: #8A8A8A;
    text-align: left;
    display: inline-block;
    padding-left: 5px;
    vertical-align: middle;
}
.board .board-list .board_info_list .info_writer {
    width: 60px;
}
.board .board-list .board_info_list .info_item:last-child {
    padding-right: 0;
}
.board .board-list .board_info_list .info_date { }
.right .board .board-tit h2 { 
	background: #f58026;
}
.inboard { margin-bottom: 30px; }
.inboard:last-child { margin-bottom: 0px; }
.inboard .tit {
	position: relative; 
    box-sizing: border-box;
}
.inboard .tit h3{
	display: inline-block; 
	font-size: 17px;
	color: #333;
	padding: 0 15px;
    font-weight: bold;
	background: url("../images/sboard-bullet.png") no-repeat 0px 6px; 
}
.inboard .tit a.allNum { 
    display: block;
    font-size: 17px;
    color: #f7295b;
	position: absolute;
	top: 0px;
	right: 0px;
	padding-right: 5px; 
	font-weight: bold;
}
.inboard .body {
	padding: 13px 0 0 8px;	
}
.inboard .list li {
	height: 26px;
	line-height: 26px;
	border-radius: 13px;
	background: #f1f1f1;
	margin-bottom: 10px;
	display: flex;
	padding-left: 8px;
}
.inboard .list li:last-child {
	margin-bottom: 0px;
}
.inboard .list li div { flex: auto; }
.inboard .list li div.tit { 
	font-size: 14px;
	font-weight: bold;
}
.inboard .list li a.num {
	font-size: 15px;
	padding: 0 13px;
	text-align: right;
}
/* footer */
.footer { 
	position: absolute;
	width: 100%;
	height: 45px;
	right: 0px;
	bottom: 0px;
	line-height: 45px;
	color: #aecdbf;
	text-align: right;
	padding-right: 40px;
	box-sizing: border-box;
}
/*---------------------------------------
	sub page css
---------------------------------------*/
.contents section { }
.contents section:first-child {  }

/* 페이지 제목 */
.contents > .tit_wrap {
	height: 30px;
    border-bottom: 2px solid #333333;
    position: relative;
    box-sizing: border-box;
}
.contents > .tit_wrap h2 {
    position: absolute;
    left: 0px;
	line-height: 1;
	text-align: left;
	font-size:  18px;
	color: #333;
	background: url("../images/tit_bullet.png") no-repeat left top;
	text-indent: 13px;
}
.contents .tit_wrap .navigater {
	height: 30px;
    position: absolute;
    right: 0px;
    color: #999999;
}
.contents .tit_wrap .navigater a {
    color: #999999;
	font-size: 12px;
}
.contents .tit_wrap .navigater > a.gohome {
	display: inline-block;
	width: 16px;
	height: 14px;
	background: url("../images/navigater-home.png") no-repeat 0px 0px;
	vertical-align: middle;
	margin-top: -2px;
}
.contents .tit_wrap .navigater > a.currently {
    color: #333333;
}
.contents .tit_wrap .navigater > a.btn-q {
	display: inline-block;
	width: 18px;
	height: 18px;
	background: url("../images/icon-q.png") no-repeat 0px 0px;
	vertical-align: -4px;
	margin-left: 5px;
}
/* 검색창 스타일 */
.search-box {
	overflow: hidden;
	background: #fafafa;
	border-bottom: 1px solid #b5b5b5;
    padding: 15px 120px 15px 0px;
    position: relative;
	margin-bottom: 25px;
}
/* 검색창에 제목 있을 경우 */
.search-box h4 { 
    font-size: 14px;
    color: #464646;
    padding: 12px 0 10px;
    border-bottom: 1px solid #dfdfe0;
    text-indent: 20px;
}
.search-box .search-object { border-right: 1px solid #dadada; }
.search-object > li.search-row-item { 
	padding: 0px 0px 10px 0;
	display: flex; 
	flex-wrap: wrap;
}
.search-object > li.search-row-item:last-child { padding-bottom: 0px; }
.search-object > li.search-row-item ul { width: 100%; overflow: hidden; }
.search-row-item li.search-item { 	
	float: left; 
	/* width: 50%; 검색 조건 메뉴 추가로 인한 layout 수정 2023.05.26 */
	display: flex; 
	box-sizing: border-box; 
}
/* .search-row-item li.search-item:first-child { width: 45%; }
.search-row-item li.search-item:last-child { width: 55%; }
검색 조건 메뉴 추가로 인한 layout 수정 2023.05.26 */
.search-row-item div.w100 { flex: auto;  }
.search-row-item .tit,
.search-row-item .txt {
    display: inline-block;
    box-sizing: border-box;
	padding-right: 10px;
    color: #333;
	font-size: 12px;
	font-weight: bold;
	position: relative;
	text-indent: 10px;
	line-height: 25px;
}
.search-row-item .tit {
	width: 100px;
	padding-left: 20px; 
}
.search-row-item .tit:before {
	content: '';
	display: block;
	width: 4px;
	height: 4px;
	background: #2b2b2b;
	border-radius: 2px;
	position: absolute;
	left: 20px;
	top: 10px;
}
.search-row-item.red .tit:before {
    background: red;
}
.ImageCheckbox.tRight:after {
	left:auto;
	right:0px;
}
.search-row-item .date-reset {
	display: inline-block;
	height: 25px;
	vertical-align: middle;
	border:1px solid #cccccc;
	background: #fff;
	border-radius: 3px;
	padding: 3px 9px 3px;
	box-sizing: border-box;
}
.search-row-item .date-reset:hover { padding: 3px 9px 3px; }
.option_btn { 
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-left: 20px;
	display: table;
	height: 100%;
	max-height: 125px;
	padding: 15px 20px;
	box-sizing: border-box;
    top: 50%;
	transform:translateY(-50%);
}
.option_btn a {	
	display: table-cell;
	width: 80px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	background: #c2af82;
	color: #fff;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
}

.SMS-con { width: 100%; height:174px; background: #fff; border: 1px solid #e4e4e4; box-sizing: border-box; }
.SMS-con textarea { border: none; padding: 10px; box-sizing: border-box; color: #666666; }

.top_table { 
	border-bottom: 1px solid #b5b5b5; 
	padding: 5px 0;
}
.con_table { margin-top: 25px; }
.con_table .tit_wrap {
	height: 20px;
    margin-bottom: 10px;
    position: relative;
}
.con_table .tit_wrap h2 {
    position: absolute;
    left: 0px;
	height: 20px;
	line-height: 20px;
	text-align: left;
	font-size:  15px;
	text-indent: 10px;
	color: #606060;
}
.tit_wrap h2 span { font-weight: normal; }
.con_table .tit_wrap h2:before {
}
.con_table .tit_wrap.table-tit h2 { text-indent: 20px; } 
.con_table .tit_wrap.table-tit h2:before {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    left: 0px;
    top: 3px;
	background: url(../images/stit_bullet.png) no-repeat 0px 0px;
}
.con_table .tit_wrap.table-tit h3 { text-indent: 20px; font-size: 12px; position: relative; } 
.con_table .tit_wrap.table-tit h3:before {
    content: '';
    display: block;
    width: 13px;
    height: 13px;
    position: absolute;
    left: 0px;
    top: 50%;
	background: url(../images/stit_bullet.png) no-repeat 0px 0px;
	background-size: cover;
	transform: translateY(-50%);
}
.con_table th .Button + .Button,
.con_table td .Button + .Button { margin-left: 5px; }

/* 테이블 스타일 */
table.style01 {
	box-sizing: border-box;
}
table.style01 th,
table.style01 td {	
	font-size: 13px;
	height: 25px;
}
table.style01 thead th,
table.style01 thead td {
    color:#fff;
	box-sizing: border-box;
	background: #a1afd0;
	border-right: 1px solid #d0d7e8;	
	border-bottom: 1px solid #d0d7e8;
}
table.style01 tbody th,
table.style01 tbody td {
	padding: 0 5px;
	box-sizing: border-box;
	color: #666666;
    text-align: right;	
    border-bottom: 1px solid #e4e4e4;
}
table.style01 tbody th:first-child,
table.style01 tbody td:first-child {	
    border-left: 1px solid #e4e4e4;
}
table.style01 tbody th:last-child,
table.style01 tbody td:last-child {	
    border-right: 1px solid #e4e4e4;
}
table.style01 tbody th.r_line,
table.style01 tbody td.r_line{
    border-right: 1px solid #e4e4e4;
}
table.style01 tbody tr.total th,
table.style01 tbody tr.total td {
    border-bottom: 1px solid #b7b7b7;
	background: #ececec;
	color: #5878ba;
}
table.style01.realtime tbody th:first-child,
table.style01.realtime tbody td:first-child {
	text-align: center;
}
table tbody tr.yellow th,
table tbody tr.yellow td {
	background: #ffffe6;
}
table tbody tr.red th,
table tbody tr.red td {
	background: #fff2f2;
}
table tbody tr.blue th,
table tbody tr.blue td {
	background: #f5fbfb;
}
/* -----------------------
    20210930 테이블 스타일02 
--------------------------*/
table.style02 { 
    border-top: 1px solid #2e3441;
    border-bottom: 1px solid #94979d;
	margin-bottom: 10px;
}
table.style02 tr.selected { 
    background-color: #e4e4e4;
}
table.style02 th,
table.style02 td {	
	height: 35px;
	border-top: 1px solid #cdced0;   
	text-align: left;  
	padding: 4px 10px 4px 10px;
	box-sizing: border-box;
	position: relative;
}
/* 게시판 내용 관련 height 조정 2023.05.26 */
table.style02 td.board_con {
    height: 200px;
    /* 
    min-height: 300px;
    vertical-align: top;
     */
}
table.style02 th {
	background: #f3f3f3;
	color: #333333;
}
table.style02 th > span {
    font-weight: normal;
}
table.style02 th.right-line {
    border-right: 1px solid #cdced0;
}
table.style02 td {
    color: #666666;
    /* 20230920 수정 */ background: #fff;
}
table.style02 tr:first-child th,
table.style02 tr:first-child td {
    border-top: none;
}
table.style02 td * {	
	vertical-align: middle;
}
/* table.style02 td > div.Divselect,
table.style02 td > input[type="text"] {
	width: 100%;
} */
table.style02 td input[type="radio"] {
	margin-top: 0px;
}
table.style02 th.star::after {
	content: '*';
	position: relative;
	margin-left: 5px;
	display: inline-block;
	color: #f7295b;
}
table.style02 th.notice:after {
	content: '';
	position: relative;
    display: inline-block;
	left: 5px;
	top: 3px;
	width: 35px;
	height: 18px;
	background: url("../images/icon-notice.png") no-repeat left top;
}
table.style02 th a.t-sbtn {
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 3px;
	background: #fff;
	color: #606060;
	font-size: 12px;
	border: 1px solid #abb3c6;
	box-sizing: border-box;
	padding: 1px 1px 2px 1px;
}
table.style02 td a.red {
    color: #bb203c;
    text-decoration: underline;
    font-weight: bold;
}

table.style02.addFile th { text-align: center; }
table.style02.addFile td { border-right: 1px solid #e4e4e4; }
table.style02.addFile td:last-child { border-right: 0px; }
table.style02.addFile td.tit { color: #333333; font-weight: bold; }
table.style02 td.addFile a { display: inline-block; margin-right: 10px; color: #0c00fe; }
table.style02 td.addFile a:hover { text-decoration: underline;}
table.style02 td.Text-center { text-align: center; }

table.style02.sub th { text-align: center; border-right: 1px solid #e4e4e4;  }
table.style02.sub td { border-right: 1px solid #e4e4e4; text-align:center; }
table.style02.sub td:last-child { border-right: 0px; }
table.style02.sub td.tit { color: #333333; font-weight: bold; }

/* -----------------------
    20210930 테이블 스타일03 
--------------------------*/
table.style03 { 
    border: 2px solid #cfd0d2;
    /* border-collapse: collapse; */
}
table.style03 th,
table.style03 td {	
	height: 35px;
    border-top: 1px solid #cfd0d2;
    border-right: 1px solid #cfd0d2;
	text-align: left;  
	padding: 1px 10px 1px 10px;
	box-sizing: border-box;
	position: relative;
}
table.style03 th {
	background: #f2f4f6;
	color: #2e3441;
}
table.style03 td { color: #464646; }
table.style03 tr:first-child th,
table.style03 tr:first-child td {
    border-top: none;
}
table.style03 tr th:last-child,
table.style03 tr td:last-child {
    border-right: none;
}
table.style03 td * { vertical-align: middle; }
table.style03 td h4 { color: #2e3441; font-size: 25px; }
table.style03 tr.w-separate th,
table.style03 tr.w-separate td {
	border-top: 1px solid #94979d;
}
table.style03 th b.text-direction {
    transform: rotate(90deg);
    display: block;
    line-height: 5px;
}
table.style03 th.center,
table.style03 td.center{
	text-align: center;
}
table.style03 th.verticalTop,
table.style03 td.verticalTop{
	vertical-align: top;
    padding: 10px;
}
table.style03 th.red {
	background: #ffe9ee;
}
table.style03 td.red {
	background: #fff7f9;
}
table.style03 td > .positoinRight { 
    display: inline-block; 
    position: absolute; 
    top: 0px;
    right: 10px;
    height: 35px;
    line-height: 35px;
}
table.style03 td > div.TdConWrap {
    padding: 1px 0px;
}
table.style03 td.money > div.TdConWrap {
}
table.style03 td.method .ImageCheckbox { width: 135px; }
table.style03 td.method .Divselect { width: 60px; }
table.style03 td.method .Textinput {
    width: calc(100% - 60px - 135px - 10px);
}
table.style03 td.fund .ImageRadio { width: 110px; }
table.style03 td.fund .Textinput {
    width: calc(100% - 110px - 5px);
}
table.style03 td.money .Textinput.a { width: calc(100% - 60px - 5px); }
table.style03 td.money .Textinput.b { width: calc(100% - 18px); }
table.style03 th > span {
    font-weight: normal;
}
/* table.style03 td > div.Divselect,
table.style03 td > input[type="text"] {
	width: 100%;
} */
table.style03 td input[type="radio"] {
	margin-top: 0px;
}
table.style03 th.star::after {
	content: '';
	position: absolute;
	right: 5px;
	top: 50%;
	margin-top: -3px;
	width: 7px;
	height: 7px;
	background: url("../images/icon-star.png") no-repeat left top;
}
table.style03 th.notice:after {
	content: '';
	position: relative;
    display: inline-block;
	left: 5px;
	width: 35px;
	height: 18px;
	background: url("../images/icon-notice.png") no-repeat left top;
    vertical-align: -3px;
}
table.style03 th a.t-sbtn {
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 3px;
	background: #fff;
	color: #606060;
	font-size: 12px;
	border: 1px solid #abb3c6;
	box-sizing: border-box;
	padding: 1px 1px 2px 1px;
}

table.style03 td > .report-complete {
    position: relative;
}
table.style03 td > .report-complete > .date {
    position: absolute;
    right: 0;
    bottom: -7px;
    width: 210px;
    text-align: right;
}
table.style03 td > .report-complete > .date > span {
    font-weight: bold;
}
table.style03 td > .report-complete > .date > span:after {
    content: '';
    position: relative;
    display: inline-block;
    left: 5px;
    width: 35px;
    height: 18px;
    background: url(../images/icon-notice.png) no-repeat left top;
    vertical-align: -3px;
    margin-right: 10px;
}
table.style03 td > .report-complete > .date > .Divselect {
}
table.style03 td.addFileNoti .tit { font-weight: bold; margin-bottom: 5px;}
table.style03 td.addFileNoti ul { padding-bottom: 5px;}
table.style03 td.addFileNoti li { padding: 2px 0;}
table.style03 td.file { padding: 5px 10px;}
table.style03 td.file > ul {
    margin: 5px 0 0;
    overflow: hidden;
}
table.style03 td.file > ul li {
    padding: 3px;
    margin-right: 20px;
}
table.style03 td.file > ul li:before { }
table.style03 td.file > ul li:after { 
    content: '';
    position: relative;
    display: inline-block;
    left: 5px;
    width: 14px;
    height: 14px;
    background: url(images/ico-form.png) no-repeat -230px -3px;
    vertical-align: -2px;
    margin-right: 10px;
}
table.style03 td > input[type="file"] {
    width: 300px;
    box-sizing: border-box;
    margin: 0 5px 0 0;
    height: 24px;
}


/* -----------------------
    테이블 스타일04
--------------------------*/
table.style04 { }
table.style04 th,
table.style04 td {	
	height: 35px;   
	text-align: left;  
	padding: 1px 0 1px 10px;
	box-sizing: border-box;
	position: relative;
}
table.style04 th { 
	background: url(../images/stit_bullet.png) no-repeat 0px 11px; 
	text-indent: 10px;
	font-size: 15px;
	word-spacing: -3px;
}
table.style04 td.stxt { height: 25px;}
table.style04 td a.view { color: #0c00fe; text-decoration: underline; }

/* -----------------------
    20230920 테이블 스타일05 추가
--------------------------*/
table.style05 { 
    border-top: 1px solid #979797;
}
table.style05 tr.selected { 
    background-color: #fffbf1;
}
table.style05 th,
table.style05 td {	
	height: 35px;
	border-bottom: 1px solid #cdced0; 
	border-right: 1px solid #cdced0;   
	text-align: center;  
	padding: 4px 5px 4px 5px;
	box-sizing: border-box;
	position: relative;
}
table.style05 th:last-child,
table.style05 td:last-child {	
	border-right: none;
}
table.style05 td.board_con {
    height: 200px;
    /* 
    min-height: 300px;
    vertical-align: top;
     */
}
table.style05 th {
	background: #f3f3f3;
	color: #333333;
}
table.style05 th > span {
    font-weight: normal;
}
table.style05 th.right-line {
    border-right: 1px solid #cdced0;
}
table.style05 td {
    color: #666666;
	background: #fff;
}
table.style05 td * {	
	vertical-align: middle;
}
/* table.style05 td > div.Divselect,
table.style05 td > input[type="text"] {
	width: 100%;
} */
table.style05 td input[type="radio"] {
	margin-top: 0px;
}
table.style05 th.star::after {
	content: '*';
	position: relative;
	margin-left: 5px;
	display: inline-block;
	color: #f7295b;
}
table.style05 th.notice:after {
	content: '';
	position: relative;
    display: inline-block;
	left: 5px;
	top: 3px;
	width: 35px;
	height: 18px;
	background: url("../images/icon-notice.png") no-repeat left top;
}
table.style05 th a.t-sbtn {
	display: inline-block;
	position: absolute;
	top: 3px;
	right: 3px;
	background: #fff;
	color: #606060;
	font-size: 12px;
	border: 1px solid #abb3c6;
	box-sizing: border-box;
	padding: 1px 1px 2px 1px;
}
table.style05 td a.red {
    color: #bb203c;
    text-decoration: underline;
    font-weight: bold;
}

table.style05.addFile th { text-align: center; }
table.style05.addFile td { border-right: 1px solid #e4e4e4; }
table.style05.addFile td:last-child { border-right: 0px; }
table.style05.addFile td.tit { color: #333333; font-weight: bold; }
table.style05 td.addFile a { display: inline-block; margin-right: 10px; color: #0c00fe; }
table.style05 td.addFile a:hover { text-decoration: underline;}
table.style05 td.Text-center { text-align: center; }

table.style05.sub th { text-align: center; border-right: 1px solid #e4e4e4;  }
table.style05.sub td { border-right: 1px solid #e4e4e4; text-align:center; }
table.style05.sub td:last-child { border-right: 0px; }
table.style05.sub td.tit { color: #333333; font-weight: bold; }

.con_table .stxt span {
	display: block;
	font-weight: bold;
	height: 20px;
}

.con_table .con.scroll {
	border-top: 1px solid #979797;
	border-bottom: 1px solid #979797;
}
.con_table .con.scroll table.style05 {
	border-top: none;	
}
.btn-area {padding: 20px 0px 0px; }
.btn-area .upExcel { display: inline-block; line-height: 25px; margin-left: 10px;}
.btn-area .upExcel input[type="file"] {  font-size: 12px; height: 25px; vertical-align: middle;}

.tab_bottom_table { margin-top: 0px; }
.tab_bottom_table .style02 { 
	border-top: 0px;
	border-left: 1px solid #94979d;
	border-right: 1px solid #94979d;
}

/* -----------------------
    20230920 테이블 스타일05 추가 끝
--------------------------*/
/* 버튼 스타일 */ 
/* btn-typea 텍스트 버튼 */
.Button.btn-typea {
	text-indent: 20px;
	font-weight: bold;
}
.Button.btn-typea:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 7px;
	top: 4px;
    background: url(../images/btn_icon2.png) no-repeat -5px -5px;
}
.Button.btn-typea.brown,
.Button.btn-typea.brown:hover,
.Button.btn-typea.brown:active {
    color: #fff;
	background: #68533D;
	border-color: #68533D;
}
.Button.btn-typea.orange,
.Button.btn-typea.orange:hover,
.Button.btn-typea.orange:active {
    color: #fff;
	background-color: #ff6c00;
	border-color: #ff6c00;
}
.Button.btn-typea.red,
.Button.btn-typea.red:active,
.Button.btn-typea.red:hover{
    color: #fff;
	background-color: #e51937;
	border-color: #e51937;
}

.Button.btn-typea.blue,
.Button.btn-typea.blue:active,
.Button.btn-typea.blue:hover {
    color: #fff;
	background-color: #5878ba;
	border-color: #5878ba;
}
.Button.btn-typea.grey,
.Button.btn-typea.grey:active,
.Button.btn-typea.grey:hover {
    color: #fff;
	background-color: #707070;
	border-color: #707070;
	background-position: -30px -345px;
}
.Button.btn-typea.search:before { background-position: -5px -345px; }
.Button.btn-typea.modify:before { background-position: -5px -31px; }
.Button.btn-typea.register:before { background-position: -5px -160px; }
.Button.btn-typea.delete:before { background-position: -5px -293px; }
.Button.btn-typea.excel:before { background-position: -5px -5px; }
.Button.btn-typea.add:before { background-position: -5px -57px; }
.Button.btn-typea.sms:before {  }
.Button.btn-typea.email:before { background-position: -5px -108px; }
.Button.btn-typea.print:before { background-position: -5px -133px;  }
.Button.btn-typea.ok:before { background-position: -5px -214px; }
.Button.btn-typea.save:before { background-position: -5px -188px; }
.Button.btn-typea.complete:before { background-position: -5px -160px; }
.Button.btn-typea.list:before { background-position: -5px -241px; }
.Button.btn-typea.cancel:before { background-position: -5px -265px; }
.Button.btn-typea.write:before { background-position: -5px -31px; }
.Button.btn-typea.down:before { background-position: -5px -394px; }

.Button.btn-typea.orange.search:before,
.Button.btn-typea.grey.search:before { background-position: -31px -345px; }
.Button.btn-typea.orange.modify:before,
.Button.btn-typea.grey.modify:before { background-position: -31px -31px; }
.Button.btn-typea.orange.register:before,
.Button.btn-typea.grey.register:before { background-position: -31px -160px; }
.Button.btn-typea.orange.delete:before,
.Button.btn-typea.grey.delete:before { background-position: -31px -293px; }
.Button.btn-typea.orange.delete:before,
.Button.btn-typea.grey.excel:before { background-position: -31px -5px; }
.Button.btn-typea.orange.add:before,
.Button.btn-typea.grey.add:before { background-position: -31px -57px; }
.Button.btn-typea.orange.sms:before,
.Button.btn-typea.grey.sms:before {  }
.Button.btn-typea.orange.email:before,
.Button.btn-typea.grey.email:before { background-position: -31px -108px; }
.Button.btn-typea.orange.print:before,
.Button.btn-typea.grey.print:before { background-position: -31px -133px;  }
.Button.btn-typea.orange.ok:before,
.Button.btn-typea.grey.ok:before { background-position: -31px -214px; }
.Button.btn-typea.orange.save:before,
.Button.btn-typea.grey.save:before { background-position: -31px -188px; }
.Button.btn-typea.orange.complete:before,
.Button.btn-typea.grey.complete:before { background-position: -31px -160px; }
.Button.btn-typea.orange.list:before,
.Button.btn-typea.grey.list:before { background-position: -31px -241px; }
.Button.btn-typea.orange.cancel:before,
.Button.btn-typea.grey.cancel:before { background-position: -31px -265px; }
.Button.btn-typea.orange.write:before,
.Button.btn-typea.grey.write:before { background-position: -31px -31px; }
.Button.btn-typea.orange.down:before,
.Button.btn-typea.grey.down:before { background-position: -31px -394px; }

/* btn-typeb 이미지 버튼 */
.Button.btn-typeb {
    position: relative;
	font-size: 0px;
    width: 30px;
}
.Button.btn-typeb:active {
    background: #fff;
}
.Button.btn-typeb:before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: 6px;
	top: 4px;
    background: url(../images/btn_icon2.png) no-repeat -5px -5px;
}
.Button.btn-typeb.grey,
.Button.btn-typeb.grey:active,
.Button.btn-typeb.grey:hover {
    color: #fff;
	background-color: #707070;
	border-color: #707070;
}
.Button.btn-typeb.search:before { background-position: -5px -345px; }
.Button.btn-typeb.modify:before { background-position: -5px -31px; }
.Button.btn-typeb.register:before { background-position: -5px -160px; }
.Button.btn-typeb.delete:before { background-position: -5px -293px; }
.Button.btn-typeb.excel:before { background-position: -5px -5px; }
.Button.btn-typeb.add:before { background-position: -5px -57px; }
.Button.btn-typeb.sms:before {  }
.Button.btn-typeb.email:before { background-position: -5px -108px; }
.Button.btn-typeb.print:before { background-position: -5px -133px;  }
.Button.btn-typeb.ok:before { background-position: -5px -214px; }
.Button.btn-typeb.save:before { background-position: -5px -188px; }
.Button.btn-typeb.complete:before { background-position: -5px -160px; }
.Button.btn-typeb.list:before { background-position: -5px -241px; }
.Button.btn-typeb.cancel:before { background-position: -5px -265px; }
.Button.btn-typeb.write:before { background-position: -5px -31px; }
.Button.btn-typeb.down:before { background-position: -5px -394px; }

.Button.btn-typeb.grey.search:before { background-position: -31px -345px; }
.Button.btn-typeb.grey.modify:before { background-position: -31px -31px; }
.Button.btn-typeb.grey.register:before { background-position: -31px -160px; }
.Button.btn-typeb.grey.delete:before { background-position: -31px -293px; }
.Button.btn-typeb.grey.excel:before { background-position: -31px -5px; }
.Button.btn-typeb.grey.add:before { background-position: -31px -57px; }
.Button.btn-typeb.grey.sms:before {  }
.Button.btn-typeb.grey.email:before { background-position: -31px -108px; }
.Button.btn-typeb.grey.print:before { background-position: -31px -133px;  }
.Button.btn-typeb.grey.ok:before { background-position: -31px -214px; }
.Button.btn-typeb.grey.save:before { background-position: -31px -188px; }
.Button.btn-typeb.grey.complete:before { background-position: -31px -160px; }
.Button.btn-typeb.grey.list:before { background-position: -31px -241px; }
.Button.btn-typeb.grey.cancel:before { background-position: -31px -265px; }
.Button.btn-typeb.grey.write:before { background-position: -31px -31px; }
.Button.btn-typeb.grey.down:before { background-position: -31px -394px; }

.Button.note,
.Button.note:active,
.Button.note:hover { 
    border-radius: 15px; 
    padding-left: 30px; 
    background: #f2f4f6; 
    color: #2e3441;
}
.Button.note:before { 
    content: '';
	display: block;
	width: 28px;
	height: 26px;
	position: absolute;
	left: 2px;
	top: 1px;
    background: url(../images/btn_icon.png) no-repeat 0px -364px; 
}

/*---------------------------------------
	text color css
---------------------------------------*/
.red { color: #f7295b; }
.blue { color: #5878ba; }
.orange { color: #ff5e0e; }
.green { color: #068300; }


/*---------------------------------------
	popup css
---------------------------------------*/
.popup {
    background: #fff;
    /*width: 800px;*/
	/* max-height: 690px; */
    position: relative;	
	border: 2px solid #f58026;
	box-sizing: border-box;
}
.popup h1.tit {
	height: 32px;
    font-size: 18px;
    text-align: left;
    line-height: 50px;
    color: #5878ba; 
	box-sizing: border-box;
}
.popup .contents { 
	padding: 10px 30px;
	max-height: 650px;
	box-sizing: border-box;
}
.popup a.popup-close {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/popup_close.png) no-repeat left top / cover;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}
.popup .pop-stit {
	height: 25px;
    position: relative;
}
.popup .pop-stit h2 {
	position: absolute;
    left: 0px;
	text-align: left;
	font-size:  15px;
	text-indent: 20px;
	color: #606060;
	background: url(../images/stit_bullet.png) no-repeat 0px 3px;
}
.popup .pop-stit h2 span { font-weight: normal; }
.popup .contents .btn-wrap__center {
	text-align: center;
}
.popup .contents section {
	margin:30px 0px 10px;
}
.popup .contents section:first-child {
	margin-top: 0px;
}
/*  일반팝업 css */
.ie-popup {
    width: 100%;
    background: #fff;
	max-height: 700px;
    position: relative;	
    color: #464646;
    line-height: 20px;
} 
.ie-popup h1.tit {
	height: 50px;
    font-size: 20px;
    text-align: center;
    line-height: 50px;
    color: #fff;
    background: #393c46;
	box-sizing: border-box;
}
.ie-popup .contents { 
	padding: 20px;
	max-height: 650px;
	overflow: auto;
	box-sizing: border-box;
}
.ie-popup .contents section { 
	padding-bottom: 15px;    
}
.ie-popup .contents section h2 { 
    padding: 0px;
    margin: 0px;
    font-size: 15px;
    color: #fd6901;
}
.ie-popup .contents section h2 span {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: #fd6901;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 18px;
    vertical-align: 1px;
    margin-right: 5px;
}
.ie-popup .contents section .txt { margin: 10px 0 0 23px; }
.ie-popup .contents section .txt li { 
    padding: 0 0 10px 10px; 
    position: relative;
}
.ie-popup .contents section .txt li:last-child { padding-bototm: 0px; }
.ie-popup .contents section .txt li::before { 
    content: 'ㆍ';
    font-size: 20px;
    color: #b2b2b2;
    position: absolute;
    top: -1px;
    left: -8px;
    
}
.ie-popup .contents section .txt li span.add {
    display: block;
    color: #d51c38;
    padding: 5px 0 0 10px;
    position: relative;
}
.ie-popup .contents section .txt li span.add::before {
    content: '*';
    font-size: 15px;
    position: absolute;
    top: 11px;
    left: 0px;
}
.ie-popup .contents .btn-wrap-center { 
    border-top: 1px solid #d9d9d9;
    text-align: center; 
    padding-top: 10px;
    box-sizing: border-box;
}


/* 임의로 수정한 내용 추가중 */
.board_con {
	min-height: 300px;
    height: 300px;
    vertical-align: top;
}

.tb_st_02 td {
	background:#ffffff; 
	border-left:1px solid #e2e2e2; 
	border-bottom:1px solid #d2d2d2;
	padding:6px 10px;
} 

.addFile a.gray  {
	display: inline-block;
	height: 20px;
	line-height: 20px;
	box-sizing: border-box;
	border-radius: 3px;
	font-size: 11px;
	background: #e4e4e4;
	color: #666666;
	padding: 0 10px;
	cursor : pointer;
}
/*---------------------------------------
	Alopex Popup css 오버라이딩 
---------------------------------------*/

.Dialog {
	background: #fff;
    border: 2px solid #f58026;
    box-sizing: border-box;
}

.Dialog .Header {
	height: 32px;
    font-size: 18px;
    text-align: left;
    line-height: 50px;
    color: #5878ba; 
	box-sizing: border-box;
	border-bottom: none;
}

.Dialog .Header .DialogBtn {
    display: block;
    width: 16px;
    height: 16px;
    background: url(../images/popup_close.png) no-repeat left top / cover;
    position: absolute;
    right: 10px;
    top: 10px;
}
.Dialog .Header .DialogBtn:hover,
.Dialog .Header .DialogBtn:active {
	background: url(../images/popup_close.png) no-repeat left top / cover;	
}

/*---------------------------------------
	Popup Content 영역 
---------------------------------------*/
.pop-contents { 
	padding: 10px 30px;
	/* max-height: 650px; */
	height: 100%;
	box-sizing: border-box;
}
.pop-contents .pop-stit {
	height: 25px;
    position: relative;
}

.pop-contents .pop-stit h2 {
	position: absolute;
    left: 0px;
	text-align: left;
	font-size:  15px;
	text-indent: 20px;
	color: #606060;
	background: url(../images/stit_bullet.png) no-repeat 0px 3px;
}
.pop-contents .pop-stit h2 span { font-weight: normal; }
.pop-contents .btn-wrap__center {
	text-align: center;
}
.pop-contents section {
	margin:30px 0px 10px;
}
.pop-contents section:first-child {
	margin-top: 0px;
}

/*---------------------------------------
	회원가입 Popup Content 영역 
---------------------------------------*/
.join-pop-contents { 
	padding: 10px 30px;
	/* max-height: 650px; */
	height: 100%;
	box-sizing: border-box;
}
.join-pop-contents .pop-stit {
	height: 25px;
    position: relative;
}

.join-pop-contents .pop-stit h2 {
	position: absolute;
    left: 0px;
	text-align: left;
	font-size:  15px;
	text-indent: 20px;
	color: #606060;
	background: url(../images/stit_bullet.png) no-repeat 0px 3px;
}
.join-pop-contents .pop-stit h2 span { font-weight: normal; }
.join-pop-contents .btn-wrap__center {
	text-align: center;
}
.join-pop-contents section {
	margin:30px 0px 10px;
}
.pop-contents section:first-child {
	margin-top: 0px;
}

/*calendar_only*/
.tb_calendar_st_04{clear:both; width:100%; border-top:1px solid #9c9c9c;}
.tb_calendar_st_04 th{font-size:11px; color:#666666; background:#f2f2f2; border-left:1px solid #e2e2e2; border-bottom:1px solid #d2d2d2; padding:6px 10px;} 
.tb_calendar_st_04 td{font-size:11px; height:40px; text-align:right; vertical-align:top; background:#ffffff; border-left:1px solid #e2e2e2; border-bottom:1px solid #d2d2d2; padding:6px 10px;} 
.tb_calendar_st_04 .bln{border-left:medium none !important;}
.tb_calendar_st_04 .tr{text-align:right; padding-right:10px; font-size:11px;}
.tb_calendar_st_04 .tl{text-align:left; padding-left:10px; font-size:11px;}
.tb_calendar_st_04 p{font-size:11px;}
.tb_calendar_st_04 .sa{color:#285dca;}
.tb_calendar_st_04 .su{color:#d51515;}
.tb_calendar_st_04 .bu{position:relative; top:50px; left:85px;}
.tb_calendar_st_04 div .font_color01{color:#fe5a25;}
.tb_calendar_st_04 .calendar_button_area a{display:inline-block; height:20px; line-height:20px; box-sizing:border-box; border-radius:3px; font-size:11px; background:#e4e4e4; color:#666666; padding:0 10px; cursor:pointer; margin:5px;}

/* 20231117 추가 */
.con_tableSet { margin-top: 10px; padding: 5px 15px 15px; box-sizing: border-box; border:1px solid #ff6c00; }
.con_tableSet .con_table { margin-top: 0px; }
.con_tableSet .grid-btn-wrap { margin-top: 0px; }
table.style05 td.inner_table { background: #f9f9f9; padding: 10px 30px;}
.inner_table .btn-wrap {}
.inner_table .btn-wrap .tit { text-align: left; margin-bottom: 5px; }
.inner_table .btn-wrap .tit h4 { display: inline-block; font-size: 12px;}
.inner_table .btn-wrap .tit h4:before { 
	content: '';
	display: inline-block;
	width: 5px;
	height: 5px;
	background: #e34f3a;
	border-radius: 50%;
	position: relative; 
	top: -2px;
	margin-right: 7px; 
}
table.style06 { border: 1px solid #cdced0; }
table.style06 th, table.style06 td { 
	height: 30px;
    border-bottom: 1px solid #cdced0;
    border-right: 1px solid #cdced0;
    text-align: center;
    padding: 1px 5px 1px 5px;
    box-sizing: border-box;
    position: relative;
	background: #fff; 
}
table.style06 th { font-weight: normal; }
table.style06 tr:last-child td { border-bottom: none; }
table.style06 td .Select { text-align: left; padding: 2px; width: 100%;}
.inner_table .sbutton { font-size: 11px; height: 20px; line-height: 1; padding: 1px 6px; }
.inner_table .inner_table_wrap {margin-top: 10px;}
.inner_table .inner_table_wrap:first-child {margin-top: 0px;}