@charset "utf-8";

@font-face {
	font-family: "SamsungOne";
	src: url('../font/SamsungOne-400v10.eot');
	src: local('?'),url('../font/SamsungOne-400v10.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: "SamsungOne";
	src: url('../font/SamsungOne-700v10.eot');
	src: local('?'),url('../font/SamsungOne-700v10.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: block;
}
@font-face {
	font-family: "SamsungOne";
	src: url('../font/SamsungOne-800v10.eot');
	src: local('?'),url('../font/SamsungOne-800v10.woff') format('woff');
	font-weight: 800;
	font-style: normal;
	font-display: block;
}


/* common */
html, body {padding:0; margin:0; text-align:left; height:100%; -webkit-text-size-adjust:none;}
div {font-size:13px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; line-height:18px; padding:0; margin:0; color:#3b3b3b; font-weight:400;}
a {cursor:pointer; outline:none; selector-dummy:expression(this.hideFocus=true);}
img {border:0 none; vertical-align:middle;} 
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal; font-family:'SamsungOne', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; letter-spacing: -0.03em;}
/* h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal; font-family:'SamsungOne', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;} */
ul,ol,li,dl,dt,dd {list-style:none; padding:0; margin:0;}
p {margin:0; padding:0;}
form {font-weight:normal; margin:0 0 0 0; padding:0 0 0 0;}
i {font-style:normal;}
strong {font-weight:700;}


input, textarea, select, pre {border:1px solid #c9cfd8; font-size:13px; color:#666; margin:0; padding:0; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; outline:none; box-sizing:border-box; border-radius:5px;}
/* input, textarea, select, pre {border:1px solid #e1e1e1; font-size:13px; color:#666; margin:0; padding:0; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; outline:none; box-sizing:border-box;} */
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus, pre:focus {border:1px solid #7ab1ff; box-shadow:0 0 7px #999;}
input[type=text] {height:27px; line-height:27px; padding:0 10px; vertical-align:middle;  min-width:30px;}
/* input[type=text] {height:27px; line-height:27px; padding:0 10px; vertical-align:middle; border-radius:3px; min-width:30px;} */
input[type=text]::-ms-clear {display:none;}
input[type=password] {height:27px; line-height:27px; padding:0 10px; vertical-align:middle;}
/* input[type=password] {height:27px; line-height:27px; padding:0 10px; vertical-align:middle; border-radius:3px;} */
input[type=password]::-ms-clear {display:none;}
input[type=radio] {width:16px; height:16px; vertical-align:middle;}
input[type=checkbox] {width:16px; height:16px; vertical-align:middle;}
input[type=radio] + label {display:inline-block; margin-right:10px; line-height:16px; vertical-align:middle;}
input[type=checkbox] + label {display:inline-block; margin-right:10px; line-height:16px; vertical-align:middle;}
input[readonly=readonly], input[disabled=disabled], select[readonly=readonly], select[disabled=disabled], textarea[readonly=readonly], textarea[disabled=disabled] { background: #efeef0; border-color: rgba(0,0,0,0.05);}
/* input[readonly=readonly], input[disabled=disabled], select[readonly=readonly], select[disabled=disabled], textarea[readonly=readonly], textarea[disabled=disabled] {background:#e2e2e2;} */
/*
input[disabled=disabled] {background:#e2e2e2;}
select[disabled=disabled] {background:#e2e2e2;}
textarea[disabled=disabled] {background:#e2e2e2;}
*/
input::placeholder {color:#c7c7c7;}
input.right {text-align:right;}
input.center {text-align:center;}

textarea {padding:10px; border-radius:3px;}
select {padding:3px; border-radius:3px;}

a:link {color:#666; text-decoration:none;}
a:visited {color:#666; text-decoration:none;}
a:active {color:#666; text-decoration:none;}
a:hover {color:#3564d0; text-decoration:none;}

fieldset {border:none; padding:0px; margin:0px;}
label {cursor:pointer; margin-right: 5px;}

table {border-collapse:collapse; border-spacing:0px; font-size:13px; text-align:center; width:100%; /*table-layout:fixed;*/}
/*
th, td {padding:0 0 0 0;}
th.center, td.center {text-align:center !important;}
th.left, td.left {text-align:left !important; padding-left:10px !important;}
th.right, td.right {text-align:right !important; padding-right:10px !important;}
td.over {white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
*/

/* // common */


#wrap {height:auto /* 100% */}

.hidden {
	display: none;
}


/*.login_edge {background:#f9f9f9; width:100%; height:100%; position:absolute;}
.login_edge .edge {position:absolute; width:500px; top:50%; left:50%; margin-left:-250px; margin-top:-220px; min-height:420px;}
.login_edge h1 {display:block; height:32px; margin:0 auto 20px auto; background:url(../images/login_logo.png?20180914) center top no-repeat; font-size:11px; text-align:center; color:#3f63bf; letter-spacing:-0.5px;}
.login_edge .input {margin:0 20px 10px 20px;}
.login_edge .input p {display:block; margin-bottom:5px;}
.login_edge .input p input {display:block; width:100%; height:40px; letter-spacing:1px;}
.login_edge .input p input[type="text"] {color:#3f63bf; font-weight:bold;}

.login_edge .ch {margin:0 20px 10px 20px; *zoom:1;}
.login_edge .ch:after {content:""; clear:both; height:0%; display:block;}
.login_edge .ch select {padding:6px;}

.login_edge .ch p:first-child {float:left;}
.login_edge .ch p:last-child {float:right; margin-top:7px;}

.login_edge a.login {display:block; font-size:16px; font-weight:bold; margin:0 20px 40px 20px; background:#3f63bf; color:#fff; line-height:40px; text-align:center; border-radius:3px;}

.login_edge .login_sea {margin:0 20px; font-size:0; text-align:center; margin-bottom:70px;}
.login_edge .login_sea a {display:inline-block; padding:0 20px; font-size:14px; color:#666; line-height:12px; border-left:1px solid #cecece;}
.login_edge .login_sea a.hot {color:#3f63bf;}
.login_edge .login_sea a:first-child {border-left:none;}

.login_edge .foot {text-align:center; font-size:11px; border-top:1px solid #c6c6c6; padding-top:20px;}
.login_edge .foot strong {color:#3f63bf; font-weight:normal;} */



.join_step {border:1px solid #dadada; *zoom:1; margin:0 20px 20px 20px;}
.join_step:after {content:""; clear:both; height:0%; display:block;}
.join_step p {float:left; display:block; width:33.33%; border-left:1px solid #dadada; box-sizing:border-box; background:#f9f9f9; padding-left:20px; line-height:40px;}
.join_step p.action {background:#fff;}
.join_step p:first-child {border-left:none;}



.privacyWrap {margin:0 20px; height:200px; overflow:auto; padding:0 20px; border:1px solid #dadada;}
.privacyWrap > p {display:block; margin-bottom:20px;}
.privacyWrap dl {margin-bottom:20px;}
.privacyWrap dl dt {margin-bottom:5px; padding-left:20px; color:#000;}
.privacyWrap dl dd {padding-left:20px;}


.agree {border:1px solid #dadada; border-top:none; background:#f9f9f9; margin:0 20px; line-height:40px; padding-left:20px;}

.privacyConsent {
	width: 1200px;
    margin-left: auto;
    margin-right: auto;
}
.privacyConsentWrap {margin:0 20px; height:500px; overflow:auto; padding:20px; border:1px solid #dadada;}
.privacyConsentWrap > p {display:block; margin-bottom:20px;}
.privacyConsentWrap dl {margin-bottom:20px;}
.privacyConsentWrap dl dt {margin-bottom:5px; padding-left:20px; color:#000;}
.privacyConsentWrap dl dd {padding-left:20px;}

.privacyConsentWrap h2 {
	margin-bottom: 10px;
	font-weight: bold;
    color: #333;
}
.privacyConsentWrap ul, .privacyConsentWrap ol {
	margin-bottom: 20px;
}
.privacyConsentWrap ul li {
	list-style: disc;
	padding: 5px;
	margin-left: 20px;
}

.privacyConsentWrap ol li {
	list-style: decimal;
	padding: 5px;
	margin-left: 20px;
}

.privacyConsentBtnWrap {
	margin-top: 20px;
    text-align : center;
}

.privacyConsentBtnWrap .btn {
	height: 30px;
    width: 50px;
    padding-top: 13px;
    text-align: center;
}

.privacyConsentWrap table th, .privacyConsentWrap table td {
	border: 1px solid #dadada;
	text-align: left;
}

.privacyConsentWrap table th {
	background-color: #f9f9f9;
}

.agree_sub {border:1px solid #dadada; border-top:none; background:#fefefe; margin:0 20px; line-height:40px; padding-left:20px;}



/* login_edge */
.login_edge {width:1000px; position:fixed; left:50%; top:50%; margin: -280px 0 0 -500px;}
.login_edge .login_logo {padding-bottom:10px;}
.login_edge .login_visual {width:1000px; border:1px solid #dadada; border-bottom:none; *zoom:1; box-sizing:border-box;}
.login_edge .login_visual:after {content:""; clear:both; height:0%; display:block;}
.login_edge .login_visual > div {float:left; width:33.33%; border-left:1px solid #dadada; box-sizing:border-box;}
.login_edge .login_visual > div:first-child {border-left:none;}
.login_edge .login_input {border-bottom:1px solid #dadada; border-top:1px solid #dadada; padding:10px 0;}
.login_edge .login_input:after {content:""; clear:both; height:0%; display:block;}
.login_edge .login_input .input {float:left;}
.login_edge .login_input .input p {float:left; display:block; margin-right:5px; line-height:30px;}
.login_edge .login_input .input p input[type="text"] {line-height:31px; height:31px;}
.login_edge .login_input .input p input[type="password"] {line-height:31px; height:31px;}
.login_edge .login_input .input p input[type="checkbox"] {margin-right:3px;}
.login_edge .login_input .input p select {padding:5px;}
.login_edge .login_input .input a {float:left; background:#3f63bf; padding:0 10px; line-height:31px; color:#fff; margin-right:20px;}

.login_edge .login_input .login_sv {float:right;}
.login_edge .login_input .login_sv a {float:left; line-height:30px; background:url(../images/line_02.png) left center no-repeat; padding:0 10px;}
.login_edge .login_input .login_sv a.desk {color:#3f63bf;}
.login_edge .login_input .login_sv a:first-child {background:none;}

.login_edge .foot {font-size:12px; padding:10px 0;}
.login_edge .foot strong {color:#3f63bf;}
.login_edge .foot a {color:#3f63bf;}


.flexslider {padding:20px 0; overflow:hidden; height:400px; position:relative;}
.flexslider ul {}
.flexslider ul li {width:100%; text-align:center;}
.flexslider ul li img {}
.flexslider ul li > p {display:block; line-height:40px; font-size:20px; font-weight:bold; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}

.flexslider .flex-control-paging {display:none; position:absolute;}
.flexslider .flex-direction-nav {display:none;}
.flexslider:hover .flex-direction-nav {display:block;}
.flexslider .flex-direction-nav a {display:block; background:url(../images/slider_control.png) no-repeat; width:33px; height:67px; text-indent:-9999px;}
.flexslider .flex-direction-nav a.flex-prev {background-position:top left; position:absolute; top:160px; left:20px;}
.flexslider .flex-direction-nav a.flex-next {background-position:top right; position:absolute; top:160px; right:20px;}
/* // login_edge */

/* error_edge */
.error_edge {background:url(../images/icon_error.png) top center no-repeat; text-align:center; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; padding-top:120px; position:absolute; right:0; top:30%; width:100%;}
.error_edge p {display:block; font-size:24px; color:#a6a5a5; line-height:24px; margin-bottom:10px; letter-spacing:-1px;}
.error_edge strong {display:block; font-size:30px; color:#333; line-height:30px; letter-spacing:-1px;}
/* // error_edge */


/* head */
.head {position:relative; height:51px; z-index:100;}
.head .edge {position:relative; position:fixed; width:100%; height:51px; top:0; left:0; background:#2c4b99; min-width:1310px; padding:0 20px; box-sizing:border-box;}
/* .head .edge {position:relative; position:fixed; width:100%; height:51px; top:0; left:0; background:#3f63bf; min-width:1310px; padding:0 20px; box-sizing:border-box;} */

.head h1 {width:93px; float:left; margin-right:10px;}
.head h1 a {background:url(../images/logo_home.png?20180914) center no-repeat; width:100%; line-height:51px; display:block; text-indent:-9999px;}


.head ul.navi_menu {*zoom:1;}
.head ul.navi_menu:after {content:""; clear:both; height:0%; display:block;}
.head ul.navi_menu li {}
.head ul.navi_menu li a {float:left; display:block; background:url(../images/line_01.png) center left no-repeat; padding:0 14px; color:#fff; font-size:15px; letter-spacig:-0.03em; line-height:51px; margin-left:-1px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; font-weight:600; transition: color .3s;}
/* .head ul.navi_menu li a {float:left; display:block; background:url(../images/line_01.png) center left no-repeat; padding:0 14px; color:#fff; font-size:13px; font-weight:bold; line-height:51px; margin-left:-1px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; font-weight:700;} */
.head ul.navi_menu li:first-child a {background:none;}
.head ul.navi_menu li a:hover {color:#ffc200;}
.head ul.navi_menu li a.action { background:#fff; color:#3f63bf; line-height:50px; border-bottom:1px solid #fff;}
/* .head ul.navi_menu li a.action { background:#fff; color:#3f63bf; border-bottom:1px solid #3f63bf; line-height:50px;} */

.head .top_sm {position:absolute; right:20px; top:0;}
.head .top_sm > ul {*zoom:1; float:left;}
.head .top_sm > ul:after {content:""; clear:both; height:0%; display:block;}
.head .top_sm > ul li {background:url(../images/line_01.png) center left no-repeat; float:left; margin-right:10px;}
.head .top_sm > ul li:first-child {background:none;}
.head .top_sm > ul li a {background:url(../images/btn_sv.png) 10px no-repeat; display:block; width:35px; line-height:51px; color:#fff; opacity:0.8; padding-left:30px;}
.head .top_sm > ul li a.bt_01 {background-position:10px 18px;}
.head .top_sm > ul li a.bt_02 {background-position:10px -17px;}
.head .top_sm > ul li a.bt_03 {background-position:10px -52px;}
.head .top_sm > ul li a:hover {opacity:1;}


.head .top_sm > ul li.txt {margin-right:0;}
.head .top_sm > ul li.txt a {text-indent:0; background:none; color:#fff; text-align:center; font-size:12px; width:auto; padding:0 10px;}


.head .top_sm .use_btn {float:left; position:relative; padding-left:15px; padding-right: 15px;}
/* .head .top_sm .use_btn {float:left; position:relative;margin-left:15px;} */
.head .top_sm .use_btn > a {line-height:52px; color:#fff; background:url(../images/arr_01.png) right 25px no-repeat; display:block; padding-right:15px;}
.head .top_sm .use_btn > a.action {background-position:right -5px;}
.head .top_sm .use_btn .select_slide {top:51px; right:0;}
.head .top_sm .use_btn:nth-child(1) { background-color: rgba(255,255,255,0.2);}
.head .top_sm .use_btn:nth-child(2) { background-color: rgba(255,255,255,0.3);}
/* // head */


/* select common */

ul.select_slide {border:2px solid #464646; padding:10px 0; position:absolute; display:none; background:#fff;}
ul.select_slide li {}
ul.select_slide li a {line-height:25px; display:block; padding:0 20px; font-size:12px; white-space:nowrap;}
ul.select_slide li a:hover {background:#464646; color:#fff;}
.excel_dowload_btn_wrap > ul.select_slide {
	z-index : 1;
	margin-left: 10px;
	padding:5px 0;
	width: 90px;
	text-align: left;
}
.excel_dowload_btn_wrap > ul.select_slide li a  { padding: 0 10px; }
/* // select common */



ul.select_slide2 {border:2px solid #464646; padding:10px 0; position:absolute; display:none; background:#fff;}
ul.select_slide2 li {}
ul.select_slide2 li a {line-height:25px; display:block; padding:0 20px; font-size:12px; white-space:nowrap;}
ul.select_slide2 li a:hover {background:#464646; color:#fff;}
.linkable_btn_wrap > ul.select_slide2 {
	z-index : 1;
	margin-left: 10px;
	padding:5px 0;
	width: 90px;
	text-align: left;
}
.linkable_btn_wrap > ul.select_slide2 li a  { padding: 0 10px; }

/* 
.linkable_btn_wrap {
  position: relative;
  display: inline-block;
}

.select_slide2 {
  border:2px solid #464646; 
  padding:10px 0; 
  position:absolute; 
  display:none; 
  background:#fff;
  z-index: 1;
}

.select_slide2 a {
  line-height:25px; 
  display:block; 
  padding:0 20px; 
  font-size:12px; 
  white-space:nowrap;
}

.select_slide2 a:hover {background:#464646; color:#fff;}

.linkable_btn_wrap:hover .select_slide2 {display: block;}
 */

.container {margin:0 20px 0 20px; min-width:1310px; padding-bottom:20px;}
.container.main {margin:0 0 0 20px;  min-width:1400px;}




/* move_edge */
.move_edge {*zoom:1; position:relative;}
.move_edge:after {content:""; clear:both; height:0%; display:block;}
.move_edge .move_left {float:left; width:calc(50% - 10px);}
.move_edge .move_right {float:right; width:calc(50% - 10px); position:fixed; right:0;}
.move_edge .move_right.top_pd {padding-top:0; }

.move_edge.pack .move_left {float:left; width:calc(60% - 0px);}
.move_edge.pack .move_right {float:right; width:calc(40% - 0px); position:fixed; right:0;}


.move_edge .move_arr {width:30px; position:absolute; left:50%; top:0; margin-left:-15px; height:100%; margin-top:50px;}
.move_edge.pack .move_arr {left:60%;}
.move_edge .move_arr p {display:block; text-align:center; position:fixed; top:47%;}
.move_edge .move_arr a {display:block; width:30px; height:30px; margin-bottom:10px; background:url(../images/btn_move.png) no-repeat; position:relative; text-indent:-9999px; border:1px solid #939699;}
.move_edge .move_arr a.up {background-position:-22px -21px;}
.move_edge .move_arr a.dn {background-position:-22px 9px;}
.move_edge .move_arr a.up:hover {background-position:8px -21px;}
.move_edge .move_arr a.dn:hover {background-position:8px 9px;}
/* // move_edge */

/* two_edge */
.two_edge {*zoom:1;}
.two_edge:after {content:""; clear:both; height:0%; display:block;}
.two_edge .left {float:left; width:calc(50% - 10px);}
.two_edge .right {float:right; width:calc(50% - 10px);}
/* // two_edge */

.tree_edge {padding:20px; border:1px solid #dadada; overflow:auto;}
.tree_edge.pop {margin:0 20px;}

/* filter_edge */
.filter_edge {padding:5px 0; *zoom:1; position:relative; margin-bottom: -1px;}
/* .filter_edge {padding:5px 0; *zoom:1; position:relative;} */
.filter_edge.pop {margin:0 20px;}
.filter_edge.line {border-bottom:1px solid #dadada; margin-bottom:10px;}
.filter_edge + .stit {border-bottom:none; border-top:1px solid #464646; margin-bottom:10px;}
.filter_edge + .chart_edge {border-top:1px solid #464646; margin-bottom:10px;}
.filter_edge:after {content:""; clear:both; height:0%; display:block;}
.filter_edge > .left {float:left; *zoom:1;}
.filter_edge > .right {float:right; *zoom:1;}
.container.main .filter_edge > .right {margin-right:20px;}
.filter_edge .left:after {content:""; clear:both; height:0%; display:block;}
.filter_edge .right:after {content:""; clear:both; height:0%; display:block;}
.filter_edge > .left > div {float:left; margin-right:5px;}
.filter_edge > .right > div {float:left; }
.filter_edge .left h2 { line-height: 1.1em; color:#111; font-size: 1.15em; font-weight: 600; margin-top: -5px; margin-left: 6px; padding-bottom: 5px;}
/* .filter_edge .left h2 {line-height:30px; color:#111; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; font-size:16px;} */

/* 카테고리가 다른 메뉴 구분-KOL페이지만 적용하기 위해 아래방식의 선택자 사용 */
#frm[action*="kolInteractionMapAction.do"] .filter_edge > .right > .f_btn.AUTH_INSERT,
#frm[action*="kolHandleAction.do"] .filter_edge > .right > .f_btn.AUTH_INSERT,
#frm[action*="kolActivityListAjax.do"] .filter_edge > .right > .f_btn.AUTH_INSERT,
#frm[action*="kolListAjax.do"] .filter_edge > .right > .f_btn.AUTH_INSERT { border: 1px solid #dadada; margin-right: 5px; background-color: #f0f1f3;}

.filter_edge .f_sea {float:left;}
.filter_edge .f_sea label {display:none;}
.filter_edge .f_sea select {padding:4px 6px 4px 6px;border-radius:5px; max-width:180px; margin-right:5px;}
.filter_edge .f_sea > a {line-height:32px; display:inline-block; background:#4a4a4a; padding:0 10px; color:#fff; vertical-align:top; font-weight:bold;}
.filter_edge .f_sea.name label {display:inline-block;}

.filter_edge .f_sea .calendar {}
.filter_edge .f_sea .calendar p {display:inline-block;}
.filter_edge .f_sea .calendar p input {width:120px; line-height:27px; height:27px; border-radius:5px; margin-right:5px;}
.filter_edge .f_sea .calendar p img {vertical-align:middle;}

.filter_edge .f_sea_main {float:left; position:relative;}
.filter_edge .f_sea_main label {display:none;}
.filter_edge .f_sea_main input[type="text"] {line-height:27px; height:27px; border-radius:5px; padding-right:30px; width:150px;}
.filter_edge .f_sea_main a {display:block; background:url(../images/btn_sea_01.png) center no-repeat; width:25px; height:23px; text-indent:-9999px; position:absolute; right:0; top:2px;}
.filter_edge .f_sea_main a:hover {background:url(../images/btn_sea_01_s05.png) center no-repeat;}
.filter_edge .f_sea_main.lav {margin-left:90px;}
.filter_edge .f_sea_main.lav label {display:block; position:absolute; left:-85px; top:4px;}

.filter_edge .f_btn {float:left; position:relative; border-radius:5px; border: 1px solid transparent;}
/* .filter_edge .f_btn {float:left; position:relative; border-radius:5px;} */
.filter_edge .f_btn > a {line-height:27px; display:block; padding:0 10px 0 27px; color:#666; background:url(../images/icon_filter.png) no-repeat;}
.filter_edge .f_btn > a:hover {color:#000;}
.filter_edge .f_btn > a.no_icon {padding:0 13px; background:none;}
.filter_edge .f_btn > a.i_01 {background-position:5px -450px;}
/* .filter_edge .f_btn > a.i_01 {background-position:5px 4px;} */
.filter_edge .f_btn > a.i_02 {background-position:5px -46px;}
.filter_edge .f_btn > a.i_03 {background-position:5px -98px;}
.filter_edge .f_btn > a.i_04 {background-position:5px -146px;}
.filter_edge .f_btn > a.i_05 {background-position:5px -197px;}
.filter_edge .f_btn > a.i_06 {background-position:5px -246px;}
.filter_edge .f_btn > a.i_07 {background-position:5px -297px;}
.filter_edge .f_btn > a.i_08 {background-position:5px -348px;}
.filter_edge .f_btn > a.i_09 {background-position:5px -398px;}
.filter_edge .f_btn > a.i_10 {background-position:5px -450px;}
.filter_edge .f_btn > a.i_11 {background-position:5px -496px;}
.filter_edge .f_btn > a.i_12 {background-position:5px -497px;}
.filter_edge .f_btn > a.i_13 {background-position:5px -545px;}
.filter_edge .f_btn > a.i_14 {background-position:5px -596px;}
.filter_edge .f_btn > a.i_15 {background-position:5px -645px;}
.filter_edge .f_btn > a.i_16 {background-position:5px -697px;}
.filter_edge .f_btn > a.i_select {background-position:5px -739px;}
.filter_edge .f_btn > a.i_17 {background-position:5px -782px;}
.filter_edge .f_btn > a.i_18 {background-position:5px -826px;}

.filter_edge .f_btn:hover > a.i_01 {background-position:-195px -450px;}
/* .filter_edge .f_btn:hover > a.i_01 {background-position:-195px 4px;} */
.filter_edge .f_btn:hover > a.i_02 {background-position:-195px -46px;}
.filter_edge .f_btn:hover > a.i_03 {background-position:-195px -98px;}
.filter_edge .f_btn:hover > a.i_04 {background-position:-195px -146px;}
.filter_edge .f_btn:hover > a.i_05 {background-position:-195px -197px;}
.filter_edge .f_btn:hover > a.i_06 {background-position:-195px -246px;}
.filter_edge .f_btn:hover > a.i_07 {background-position:-195px -297px;}
.filter_edge .f_btn:hover > a.i_08 {background-position:-195px -348px;}
.filter_edge .f_btn:hover > a.i_09 {background-position:-195px -398px;}
.filter_edge .f_btn:hover > a.i_10 {background-position:-195px -450px;}
.filter_edge .f_btn:hover > a.i_11 {background-position:-195px -497px;}
.filter_edge .f_btn:hover > a.i_12 {background-position:-195px -497px;}
.filter_edge .f_btn:hover > a.i_13 {background-position:-195px -545px;}
.filter_edge .f_btn:hover > a.i_14 {background-position:-195px -596px;}
.filter_edge .f_btn:hover > a.i_15 {background-position:-195px -645px;}
.filter_edge .f_btn:hover > a.i_16 {background-position:-195px -697px;}
.filter_edge .f_btn:hover > a.i_select {background-position:-195px -739px;}
.filter_edge .f_btn:hover > a.i_17 {background-position:-195px -782px;}
.filter_edge .f_btn:hover > a.i_18 {background-position:-195px -826px;}

.filter_edge .f_btn.action { border-color: #2c4b99 !important;}
.filter_edge .f_btn.action > a {color:#000;}
.filter_edge .f_btn.action > a.i_01 {background-position:-195px -473px;}
/* .filter_edge .f_btn.action > a.i_01 {background-position:-195px 4px;} */
.filter_edge .f_btn.action > a.i_02 {background-position:-195px -46px;}
.filter_edge .f_btn.action > a.i_03 {background-position:-195px -98px;}
.filter_edge .f_btn.action > a.i_04 {background-position:-195px -146px;}
.filter_edge .f_btn.action > a.i_05 {background-position:-195px -197px;}
.filter_edge .f_btn.action > a.i_06 {background-position:-195px -246px;}
.filter_edge .f_btn.action > a.i_07 {background-position:-195px -297px;}
.filter_edge .f_btn.action > a.i_08 {background-position:-195px -348px;}
.filter_edge .f_btn.action > a.i_09 {background-position:-195px -398px;}
.filter_edge .f_btn.action > a.i_10 {background-position:-195px -450px;}
.filter_edge .f_btn.action > a.i_11 {background-position:-195px -497px;}
.filter_edge .f_btn.action > a.i_12 {background-position:-195px -497px;}
.filter_edge .f_btn.action > a.i_13 {background-position:-195px -545px;}
.filter_edge .f_btn.action > a.i_14 {background-position:-195px -596px;}
.filter_edge .f_btn.action > a.i_15 {background-position:-195px -645px;}
.filter_edge .f_btn.action > a.i_16 {background-position:-195px -697px;}
.filter_edge .f_btn.action > a.i_select {background-position:-195px -739px;}
.filter_edge .f_btn.action > a.i_17 {background-position:-195px -782px;}
.filter_edge .f_btn.action > a.i_18 {background-position:-195px -826px;}

.filter_edge .f_btn.hot { margin-right:10px;}
.filter_edge .f_btn.hot span {display:none;}
.filter_edge .f_btn.hot input {vertical-align:middle;}
.filter_edge .f_btn.hot label {line-height:27px; vertical-align:middle;}
.filter_edge .f_btn.hot input:first-child {margin-left:10px;}

/* 라디오버튼을 메뉴탭 형태로 변환 */
.filter_edge .f_btn.hot label { display: block; position: relative; cursor: pointer; user-select: none; float: left; padding: 5px 15px 0; margin-right: 3px; font-weight: 600; letter-spacing: -0.03em; font-size: 12px; margin-bottom: -5px;}
.filter_edge .f_btn.hot label:nth-of-type(1) { margin-left: 10px;}
.filter_edge .f_btn.hot label [type="radio"] { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0;}
.filter_edge .f_btn.hot label .mark { position: absolute; display: block; top: 0; left: 0; right: 0; bottom: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; border: 1px solid #dadada; border-bottom-color: #f2f1f3; background-color: #f2f1f3; z-index: -1;}
.filter_edge .f_btn.hot label:hover input ~ .mark { border-color: #4f6baa; border-bottom-color: #f2f1f3;}
.filter_edge .f_btn.hot input:checked ~ .mark { background-color: #4f6baa; border-color: #4f6baa;}
.filter_edge .f_btn.hot label input:checked ~ .mark + i { color: #fff;}

.filter_edge .f_btn .if_form {position:absolute; top:41px; right:-1px; display:none; z-index:30;}
.filter_edge .f_btn .if_form.right {right:auto; left:-1px;}
.filter_edge .f_btn .if_form.action {display:block;}

.filter_edge .f_btn.over > a {white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:200px;}


.filter_edge .main_btn {float:left;}
.filter_edge .main_btn a {display:inline-block; background:url(../images/icon_main_bbc.png) no-repeat; width:30px; height:25px; vertical-align:top;}
.filter_edge .main_btn a.btn_01 {background-position:4px 3px;}
.filter_edge .main_btn a.btn_02 {background-position:-27px 3px;}
.filter_edge .main_btn a.btn_03 {background-position:-59px 3px;}

.filter_edge .main_btn a.btn_01:hover {background-position:4px -48px;}
.filter_edge .main_btn a.btn_02:hover {background-position:-27px -48px;}
.filter_edge .main_btn a.btn_03:hover {background-position:-59px -48px;}

.filter_edge .main_btn a.btn_01.action {background-position:4px -48px;}
.filter_edge .main_btn a.btn_02.action {background-position:-27px -48px;}
.filter_edge .main_btn a.btn_03.action {background-position:-59px -48px;}

.filter_edge .main_bbc_btn {float:left; font-size:0;}
.filter_edge .main_bbc_btn p {font-size:12px; display:inline-block; vertical-align:top; background:url(../images/line_02.png) center left no-repeat; padding:0 8px;}
.filter_edge .main_bbc_btn p:first-child {background:none;}
.filter_edge .main_bbc_btn p a {display:inline-block;  height:30px; line-height:30px; background:url(../images/icon_main_bbc2.png) 0 0 no-repeat; vertical-align:top; padding-left:30px;}
.filter_edge .main_bbc_btn p a.btn_01 {background-position:0 0; cursor:move;}
.filter_edge .main_bbc_btn p a.btn_02 {background-position:-170px 0;}
.filter_edge .main_bbc_btn p a.btn_01:hover {background-position:0 -30px;}
.filter_edge .main_bbc_btn p a.btn_02:hover {background-position:-170px -30px;}

.filter_edge .calendar {*zoom:1;}
.filter_edge .calendar:after {content:""; clear:both; height:0%; display:block;}
.filter_edge .calendar p {display:inline-block; position:relative;}
.filter_edge .calendar p img {margin-left:5px;}
.filter_edge .calendar p input {vertical-align:middle;}
.filter_edge .calendar p input[type="text"] {width:90px;}
.filter_edge .calendar > a {float:left; display:none; background:url(../images/calendar.png) center no-repeat; width:27px; height:27px;}

.sub_menu_pop {position:absolute; white-space:nowrap; background:#fff; top:31px; left:-2px; border:1px solid #464646; box-sizing:border-box; z-index:20; min-width:150px; display:none;}
.sub_menu_pop.action {display:block;}
.sub_menu_pop ul {padding:0;}
.sub_menu_pop ul li {border-top:1px solid #dadada;}
.sub_menu_pop ul li:first-child {border:none;}
.sub_menu_pop ul li a {padding:8px 10px; display:block;}
.sub_menu_pop ul li a:hover {background:#f9f9f9;}
.sub_menu_pop ul li a.action {background:#4a4a4a; color:#fff; font-weight:bold;}


.combo_select {position:absolute; display:none; z-index:20; white-space:nowrap; border:1px solid #464646;  border-top:2px solid #464646; left:0; top:41px; overflow:auto; max-height:400px;}
.combo_select.action {display:block;}
.combo_select table {background:#f9f9f9;}
.combo_select table thead {}
.combo_select table thead tr th {border-bottom:1px solid #464646; padding:6px 10px 6px 10px; text-align:left;}
.combo_select table tbody {}
.combo_select table tbody tr td {border-bottom:1px solid #dadada; background:#fff; text-align:left; padding:5px 10px; cursor:pointer;}
.combo_select table tbody tr:hover td {background:#f9f9f9;}


.filter_pop {border:1px solid #464646; padding:20px; background:#fff; white-space:nowrap; z-index:20; box-sizing:border-box; position:absolute; top:32px; left:0; display:none;}
.filter_pop.no_pd {padding:10px 10px 0 10px;}
.filter_pop.right {left:auto; right:-1px;}
.filter_pop.action {display:block;}
.filter_pop > a.close {display:none; background:url(../images/btn_close.png) no-repeat; width:20px; height:20px; position:absolute; top:15px; right:15px;}
.filter_pop .Level {font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
.filter_pop .Level p {margin-bottom:10px;}
.filter_pop .Level p label {color:#333; font-size:14px; margin-left:5px;}
.filter_pop .Level ul {background:#f9f9f9; border:1px solid #dadada; padding:20px; margin-bottom:10px; max-height:400px; overflow:auto;}
.filter_pop .Level ul li {line-height:25px;}
.filter_pop .Level ul li input {}
.filter_pop .Level ul li label {margin-left:5px;}

.filter_pop .Level ul li a.graph {background:url(../images/icon_graph.png) left no-repeat; padding-left:30px; line-height:25px; display:block;}
.filter_pop .Level ul li a.g_01 {background-position:0 0;}
.filter_pop .Level ul li a.g_02 {background-position:0 -33px;}
.filter_pop .Level ul li a.g_03 {background-position:0 -69px;}
.filter_pop .Level ul li a.g_04 {background-position:0 -104px;}
.filter_pop .Level ul li a.g_05 {background-position:0 -136px;}
.filter_pop .Level ul li a.g_06 {background-position:0 -173px;}
.filter_pop .Level ul li a.g_07 {background-position:0 -207px;}
.filter_pop .Level ul li a.g_08 {background-position:0 -241px;}
.filter_pop .Level ul li a.g_09 {background-position:0 -277px;}
.filter_pop .Level ul li a.g_10 {background-position:0 -312px;}
.filter_pop .Level ul li a.g_11 {background-position:0 -347px;}


.filter_pop .N_filter {font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; width:700px;}
.filter_pop .N_filter .select {background:#f9f9f9; border:1px solid #dadada; padding:10px 10px 5px 10px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; color:#111; font-weight:bold; margin-bottom:10px;}
.filter_pop .N_filter .select > div {margin-bottom:5px;}
.filter_pop .N_filter .select label {float:left; line-height:27px; padding-left:10px;}
.filter_pop .N_filter .select p {display:block; margin-left:130px;}
.filter_pop .N_filter .select p input[type="text"] {width:100%;}
.filter_pop .N_filter .select p select {width:100%; padding:5px; background:#fff;}

.filter_pop .filter_form .filter_name {
	margin-bottom: 5px;
}

.filter_pop .filter_form .filter_name label {
	float: left;
	line-height: 27px;
	font-weight: bold;
}

.filter_pop .filter_form .filter_name p {
	margin-left: 120px;
	display: block;
}

.filter_pop .filter_form .filter_name p input {
	width: 100%;
}

.filter_pop .N_filter .filter_form {background:#f9f9f9; border:1px solid #dadada; padding:5px 20px 10px 20px; margin-bottom:10px;}
.filter_pop .N_filter .filter_form table {table-layout:fixed; text-align:left; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
.filter_pop .N_filter .filter_form table thead {}
.filter_pop .N_filter .filter_form table thead tr {}
.filter_pop .N_filter .filter_form table thead tr th {text-align:left; font-size:13px; font-weight:bold; color:#111;}
.filter_pop .N_filter .filter_form table thead tr th.center {text-align:center;}
.filter_pop .N_filter .filter_form table thead tr th a.add {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_add.png) center no-repeat; vertical-align:middle;}
.filter_pop .N_filter .filter_form table tbody {}
.filter_pop .N_filter .filter_form table tbody tr {}
.filter_pop .N_filter .filter_form table tbody tr td {padding:3px 0;}
.filter_pop .N_filter .filter_form table tbody tr td select {width:95%; padding:4px; background:#fff; border-radius:3px;}
.filter_pop .N_filter .filter_form table tbody tr td input[type="text"] {width:95%; background:#fff; border-radius:3px;}
.filter_pop .N_filter .filter_form table tbody tr td.center {text-align:center;}
.filter_pop .N_filter .filter_form table tbody tr td a.del {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_del.png) center no-repeat; vertical-align:middle;}

.filter_pop .N_filter p.txt {font-size:12px; margin-bottom:10px;}

p.txt.add + .filter_form {border:1px solid #3f63bf;}

.filter_pop .N_filter p.language {margin-bottom:10px;}
.filter_pop .N_filter p.language label {color:#111; font-weight:bold; margin-right:10px;}
.filter_pop .N_filter p.language select {min-width:140px;}

.filter_pop .btn {text-align:right; font-size:0;}
.filter_pop .btn a {margin-left:5px;}
.filter_pop .btn .left {float:left;}
.filter_pop .btn .left a {margin:0 5px 0 0;}

.filter_pop ul.select_slide {}
.filter_pop ul.select_slide li {}
/* // filter_edge */


/* grid_edge */
.grid_edge { position: relative; padding: 6px; background-color: #fff; border: 1px solid #dadada ; border-radius: 7px; overflow: hidden;}
/* .grid_edge_nohi {} */
.grid_edge_nohi.ma {margin:0 20px 10px 20px;}
.grid_edge.action {display:none;}
.grid_edge.ma {margin:0 20px 10px 20px;}
.grid_edge input.ui-pg-input {line-height:20px; height:20px;}
form[name="frm3"] .grid_edge.bdts-grid-wrapper[style="padding:10px;"] { width: cacl(100% - 20px); margin-left: 10px; margin-right: 10px;}
.grid_edge div[class*="list_"] table thead tr th { text-align: center; font-weight: normal;}

.grid_edge .k-grid-header th.k-header>.k-link { font-weight: normal; color: #1d78a5;}
.grid_edge .k-grid > .k-grid-header .k-header,
.grid_edge .k-grid > .k-grid-header { background-color: #eff3f5; border-color: #d2dde3;}
.grid_edge .k-grid-content-locked+.k-grid-content, 
.grid_edge .k-grid-footer-locked+.k-grid-footer-wrap, 
.grid_edge .k-grid-header-locked+.k-grid-header-wrap { min-height: 35px;}
.grid_edge .page_grid3 { position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%);}
.grid_edge .page_grid3 .count3 { font-weight: 600;}

.ui-widget-content.jqgrow.ui-row-ltr {border:none !important;}
.ui-widget-content.jqgrow.ui-row-ltr.ui-state-hover {border:none !important;}

.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right:1px solid #dadada; border-bottom:none;}
.ui-jqgrid tr.ui-row-ltr td:last-child {border-right:none;}

.ui-jqgrid tr.ui-row-ltr:nth-child(2n) td {background:#fff;}
.ui-jqgrid tr.ui-row-ltr:nth-child(2n+1) td {background:#f9f9f9;}
.ui-jqgrid tr.jqgrow td {height:28px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.ui-widget-content.jqgrow.ui-row-ltr.ui-state-hover {background:#efefef;}
.ui-widget-content.jqgrow.ui-row-ltr.ui-state-hover td {background:none;}
.ui-widget-content.jqgrow.ui-row-ltr.ui-state-highlight {background:#c5d0ec;}
.ui-widget-content.jqgrow.ui-row-ltr.ui-state-highlight td {background:none;}


.ui-icon-triangle-1-s {background-position:-65px -16px;}

.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {width:auto !important;}
.ui-jqgrid-view {width:auto !important;}
.ui-state-default.ui-jqgrid-hdiv {width:auto !important;}
.ui-jqgrid-bdiv {width:100% !important;}
.ui-state-default.ui-jqgrid-pager.ui-corner-bottom {width:auto !important;}

.ui-jqgrid-sortable {font-weight:bold;}

.ui-jqgrid.ui-widget.ui-widget-content.ui-corner-all {border:none; border-top:2px solid #d2dde3; border-radius:0;}/* 전체 테두리 */
.ui-state-default.ui-th-column.ui-th-ltr {background:#f9f9f9; border:1px solid #dadada;}
.ui-state-default.ui-th-column.ui-th-ltr > div { white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis; color: #1d78a5; font-weight: normal;}
/* .ui-state-default.ui-th-column.ui-th-ltr > div { white-space:nowrap !important; overflow:hidden; text-overflow:ellipsis;} */

.ui-widget-content.jqgrow.ui-row-ltr {border:1px solid #dadada;}
.ui-widget-content.jqgrow.ui-row-ltr td:first-child {border-left:none !important;}

.ui-state-default.ui-jqgrid-hdiv {border-bottom:1px solid #d2dde3 !important;}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr,
.ui-state-default.ui-jqgrid-hdiv { background: #eff3f5;}
/* .ui-state-default.ui-jqgrid-hdiv {border-bottom:1px solid #464646 !important; background:none;} */

.ui-state-default.ui-jqgrid-pager.ui-corner-bottom {background:#f9f9f9; border-radius:0; border:none !important; border-bottom:1px solid #dadada !important;}

/* .popup_edge .ui-jqgrid-bdiv > div {overflow:auto;} */


.ui-jqgrid .g_icon {display:inline-block; line-height:16px; padding:2px 5px; vertical-align:middle; color:#fff; font-weight:bold; font-size:12px; border-radius:2px; margin:0 2px;}
.ui-jqgrid .g_icon.grid {background:#999999;}
.ui-jqgrid .g_icon.red {background:#aa0e2f;}
.ui-jqgrid .g_icon.green {background:#729e73;}
.ui-jqgrid .g_icon.blue {background:#55879b;}
.ui-jqgrid .g_icon.yellow {background:#c68e1a;}

.ui-jqgrid .g_icon.red01 {background:#e50e0e;}
.ui-jqgrid .g_icon.green01 {background:#028922;}
.ui-jqgrid .g_icon.yellow01 {background:#fff000;color:#000}


/* 달력스킨 */

.ui-datepicker {border-radius:5px; border:none; padding:0; background:#fff; border:2px solid #3f63bf;}
.ui-widget-header {border-radius:5px 5px 0 0; border:none; border-bottom:1px solid #dadada; background:#fff;}
.ui-widget-header span {font-size:14px; font-weight:bold; color:#3f63bf; line-height:35px;}

a.ui-datepicker-prev.ui-corner-all {width:35px; height:35px; display:block;}
a.ui-datepicker-prev.ui-corner-all span {width:35px; height:35px; background:url(../images/calendar_arr.png) 12px 8px no-repeat; left:0; top:0; margin:0;}
a.ui-datepicker-prev.ui-corner-all.ui-datepicker-prev-hover {background:none; border:none;}
a.ui-datepicker-prev.ui-corner-all.ui-datepicker-prev-hover span {background-position:12px -22px; top:1px; left:1px;}

a.ui-datepicker-next.ui-corner-all {width:35px; height:35px; display:block;}
a.ui-datepicker-next.ui-corner-all span {width:35px; height:35px; background:url(../images/calendar_arr.png) -22px 8px no-repeat; left:0; top:0; margin:0;}
a.ui-datepicker-next.ui-corner-all.ui-datepicker-next-hover {background:none; border:none;}
a.ui-datepicker-next.ui-corner-all.ui-datepicker-next-hover span {background-position:-23px -22px; top:1px; right:1px;}


table.ui-datepicker-calendar thead tr th {background:#f9f9f9; border-bottom:1px solid #dadada; padding:5px 0;}
table.ui-datepicker-calendar thead tr th span {font-size:11px;}
table.ui-datepicker-calendar thead tr th:first-child span {color:#ff2a00;}
table.ui-datepicker-calendar thead tr th:last-child span {color:#3498ff;}
table.ui-datepicker-calendar tbody tr td {text-align:center;}
table.ui-datepicker-calendar tbody tr td a {display:inline-block; border-radius:50%; width:25px; height:25px; line-height:27px; text-align:center; font-size:12px; background:none !important; border:none !important; color:#666; font-weight:normal !important; margin-top:5px; color:#666 !important;}
table.ui-datepicker-calendar tbody tr td a.ui-state-hover {background:#f9f9f9 !important;}
table.ui-datepicker-calendar tbody tr td a.ui-state-highlight {background:#3f63bf !important; color:#fff !important;}
table.ui-datepicker-calendar tbody tr td a.ui-state-active {border:1px solid #3f63bf !important; color:#3f63bf; font-weight:bold !important; width:23px; height:23px; line-height:25px;}

table.ui-datepicker-calendar tbody tr td.ui-state-disabled {}
table.ui-datepicker-calendar tbody tr td.ui-state-disabled span {border:none; background:none; text-align:center; font-size:12px;}
/* // 달력스킨 */


/* // grid_edge */


.form_table {margin-bottom:20px;}
.form_table.over {overflow-x:auto; overflow-y:hidden;}
.form_table.no_ma {margin-bottom:0;}
.form_table.pop {margin:0 20px 20px 20px;}
.form_table table { border-top:2px solid #d2dde3; table-layout:fixed;}
/* .form_table table {border-top:2px solid #464646; table-layout:fixed;} */
.form_table table thead {}
.form_table table thead tr {}
.form_table table thead tr th {background: #eff3f5; border-bottom:1px solid #d2dde3; border-left:1px solid #d2dde3; color: #1d78a5; font-weight: normal; text-align:left; padding:5px 10px;}
/* .form_table table thead tr th { background:#f9f9f9; border-bottom:1px solid #464646; border-left:1px solid #464646; text-align:left; padding:5px 10px;} */
.form_table table thead tr th:first-child {border-left:none;}
.form_table table thead tr th input[type="text"] {width:100%; vertical-align:middle;}
.form_table table select { border-radius: 8px;}


.form_table table tbody {}
.form_table table tbody tr {}
.form_table table tbody tr th {height:18px; border-bottom:1px solid #dadada; background:#f9f9f9; font-weight:bold; text-align:left; padding:5px 10px;}
.form_table table tbody tr th i {color:#ff3c00;}
.form_table table tbody tr td {height:18px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; text-align:left; padding:5px 10px; word-break:break-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.form_table table tbody tr td.no_sp {word-break:keep-all; white-space:normal;}
.form_table table tbody tr td:first-child {border-left:none;}

.form_table table tbody tr td select {padding:4px 0 4px 0; vertical-align:top; max-width:100%; width:100%;}
.form_table table tbody tr td textarea {width:100%; height:150px;}
.form_table table tbody tr td > input[type="text"] {width:100%; vertical-align:middle;}
.form_table table tbody tr td p.txt {line-height:20px;}
.form_table table tbody tr td p.ch {line-height:20px; color:#ff2a00;}
.form_table table tr th.right {text-align:right;}
.form_table table tr th.center {text-align:center;}
.form_table table tr td.right {text-align:right;}
.form_table table tr td.center {text-align:center;}

.form_table table tbody tr td.p_01 {background:#f5f5f5;}
.form_table table tbody tr td.p_02 {background:#e4f1fe;}
.form_table table tbody tr td.p_03 {background:#e4fef0;}
.form_table table tbody tr td.p_04 {background:#e4e4fe;}
.form_table table tbody tr td.opinion {background:#f7f7f7; border-left:1px solid #dadada;}

.form_table table tr td.yellow {background:#ffff00;}
.form_table table tr td.yellow2 {background:#fcf8e3;}
.form_table table tr td.green {background:#dff0d8;}
.form_table table tr td.blue {background:#d6dde7;}
.form_table table tr td.red {background:#f2dede;}

.form_table table tfoot {}
.form_table table tfoot th {background:#f9f9f9; text-align:left; padding:5px 10px; border-bottom:1px solid #dadada; font-weight:bold;}
.form_table table tfoot td {background:#f9f9f9; text-align:left; padding:5px 10px; border-bottom:1px solid #dadada;}

.form_table table .td_sea {position:relative; *zoom:1; width:100%;}
.form_table table .td_sea:after {content:""; clear:both; height:0%; display:block;}
.form_table table .td_sea p {display:block; margin-right:30px;}
.form_table table .td_sea p input {width:100%;}
.form_table table .td_sea > a {display:block; position:absolute; top:0; right:0; background:url(../images/btn_sea_01.png) center no-repeat; width:27px; height:27px;}
.form_table table .td_sea.add p {margin-right:60px;}
.form_table table .td_sea.add > a:first-child {display:block; position:absolute; top:0; right:30px; background:url(../images/btn_add_01.png) center no-repeat; width:27px; height:27px;}

.form_table table thead tr th a.add {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_add.png) center no-repeat; vertical-align:middle;}
.form_table table tbody tr td a.del {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_del.png) center no-repeat; vertical-align:middle;}

.form_table_itemList {margin-bottom:20px;}
.form_table_itemList.over {overflow-x:auto; overflow-y:hidden;}
.form_table_itemList.no_ma {margin-bottom:0;}
.form_table_itemList.pop {margin:0 20px 20px 20px;}
.form_table_itemList table {border-top:2px solid #464646; table-layout:fixed;}
.form_table_itemList table thead {}
.form_table_itemList table thead tr {}
.form_table_itemList table thead tr th {background:#f9f9f9; border-bottom:1px solid #464646; border-left:1px solid #464646; text-align:left; padding:5px 10px;}
.form_table_itemList table thead tr th:first-child {border-left:none;}
.form_table_itemList table thead tr th input[type="text"] {width:100%; vertical-align:middle;}


.form_table_itemList table tbody {}
.form_table_itemList table tbody tr {}
.form_table_itemList table tbody tr th {height:18px; border-bottom:1px solid #dadada; background:#f9f9f9; font-weight:bold; text-align:left; padding:5px 10px;}
.form_table_itemList table tbody tr th i {color:#ff3c00;}
.form_table_itemList table tbody tr td {height:18px; border-bottom:1px solid #dadada; border-left:1px solid #dadada; text-align:left; padding:5px 10px; word-break:break-all; white-space:nowrap; text-overflow:ellipsis;}
.form_table_itemList table tbody tr td.no_sp {word-break:keep-all; white-space:normal;}
.form_table_itemList table tbody tr td:first-child {border-left:none;}

.form_table_itemList table tbody tr td select {padding:4px 0 4px 0; vertical-align:top; max-width:100%; width:100%;}
.form_table_itemList table tbody tr td textarea {width:100%; height:150px;}
.form_table_itemList table tbody tr td > input[type="text"] {width:100%; vertical-align:middle;}
.form_table_itemList table tbody tr td p.txt {line-height:20px;}
.form_table_itemList table tbody tr td p.ch {line-height:20px; color:#ff2a00;}
.form_table_itemList table tr th.right {text-align:right;}
.form_table_itemList table tr th.center {text-align:center;}
.form_table_itemList table tr td.right {text-align:right;}
.form_table_itemList table tr td.center {text-align:center;}

.form_table_itemList table tbody tr td.p_01 {background:#f5f5f5;}
.form_table_itemList table tbody tr td.p_02 {background:#e4f1fe;}
.form_table_itemList table tbody tr td.p_03 {background:#e4fef0;}
.form_table_itemList table tbody tr td.p_04 {background:#e4e4fe;}
.form_table_itemList table tbody tr td.opinion {background:#f7f7f7; border-left:1px solid #dadada;}

.form_table_itemList table tr td.yellow {background:#ffff00;}
.form_table_itemList table tr td.yellow2 {background:#fcf8e3;}
.form_table_itemList table tr td.green {background:#dff0d8;}
.form_table_itemList table tr td.blue {background:#d6dde7;}
.form_table_itemList table tr td.red {background:#f2dede;}

.form_table_itemList table tfoot {}
.form_table_itemList table tfoot th {background:#f9f9f9; text-align:left; padding:5px 10px; border-bottom:1px solid #dadada; font-weight:bold;}
.form_table_itemList table tfoot td {background:#f9f9f9; text-align:left; padding:5px 10px; border-bottom:1px solid #dadada;}

.form_table_itemList table .td_sea {position:relative; *zoom:1; width:100%;}
.form_table_itemList table .td_sea:after {content:""; clear:both; height:0%; display:block;}
.form_table_itemList table .td_sea p {display:block; margin-right:30px;}
.form_table_itemList table .td_sea p input {width:100%;}
.form_table_itemList table .td_sea > a {display:block; position:absolute; top:0; right:0; background:url(../images/btn_sea_01.png) center no-repeat; width:27px; height:27px;}
.form_table_itemList table .td_sea.add p {margin-right:60px;}
.form_table_itemList table .td_sea.add > a:first-child {display:block; position:absolute; top:0; right:30px; background:url(../images/btn_add_01.png) center no-repeat; width:27px; height:27px;}

.form_table_itemList table thead tr th a.add {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_add.png) center no-repeat; vertical-align:middle;}
.form_table_itemList table tbody tr td a.del {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_del.png) center no-repeat; vertical-align:middle;}

.form_table .doc {display:block;}
.form_table .doc.line {border-top:2px solid #464646; padding-top:10px;}
.form_table .doc strong {color:#000; font-size:16px; display:block; margin-bottom:5px;}
.form_table .doc span {}
.form_table .doc ul {padding:5px 10px;}
.form_table .doc ul li {background:url(../images/icon_list.png) left center no-repeat; padding-left:10px;}


.form_table.view {overflow:auto;}
.form_table.view tbody tr td.ch div {position:fixed; left:20%; display:none; top:120px;}
.form_table.view tbody tr td.ch div img {max-width:300px;}
.form_table.view tbody tr td.ch div.action {display:block;}
.form_table.view table tbody tr:hover td {background:#f9f9f9;}
.form_table.view table tbody tr.action td {background:#fbec88;}

.form_table.ch table tbody tr:hover td {background:#f9f9f9;}
.form_table.ch table tbody tr.action td {background:#fbec88;}

.form_table.no_fix table {table-layout:auto;}

/* .form_table.stickyhead {width:calc(100% - 40px); height:100%; overflow:scroll; margin-bottom:0px;} */
.form_table.stickyhead {height:100%; overflow:scroll; margin-bottom:0px;}
.form_table.stickyhead table {border-collapse: separate; border-top: 0;}
.form_table.stickyhead table thead {position: sticky; top: 0;}
.form_table.stickyhead table thead th {border-top: 2px solid #464646;}

/* Order Item List 행, 열 고정 */
.orderItemList {border-collapse: separate; border-spacing: 0;}
table.orderItemList thead {position: sticky; top: 0; z-index: 3; border-collapse: collapse;}

table.orderItemList thead th:first-child { position: sticky; left: 0; z-index: 2; background-color: #f9f9f9;}
table.orderItemList thead th:nth-child(2) { position: sticky; left: 50px; z-index: 2; background-color: #f9f9f9;}
table.orderItemList thead th:nth-child(3) { position: sticky; left: 150px; z-index: 2; background-color: #f9f9f9;}
table.orderItemList thead th:nth-child(4) { position: sticky; left: 220px; z-index: 2; background-color: #f9f9f9;}
table.orderItemList thead th:nth-child(5) { position: sticky; left: 330px; z-index: 2; background-color: #f9f9f9; border-right: 1px solid #464646;}

table.orderItemList tbody td:first-child { position: sticky; left: 0; z-index: 2; background-color: white;}
table.orderItemList tbody td:nth-child(2) { position: sticky; left: 50px; z-index: 2; background-color: white;}
table.orderItemList tbody td:nth-child(3) { position: sticky; left: 150px; z-index: 2; background-color: white;}
table.orderItemList tbody td:nth-child(4) { position: sticky; left: 220px; z-index: 2; background-color: white;}
table.orderItemList tbody td:nth-child(5) { position: sticky; left: 330px; z-index: 2; background-color: white; border-right: 1px solid #dadada;}


.orderSubItemList {border-collapse: separate; border-spacing: 0;}
table.orderSubItemList thead {position: sticky; top: 0; z-index: 3; border-collapse: collapse;}

table.orderSubItemList thead th:first-child { position: sticky; left: 0; z-index: 2; background-color: #f9f9f9;}
table.orderSubItemList thead th:nth-child(2) { position: sticky; left: 50px; z-index: 2; background-color: #f9f9f9;}
table.orderSubItemList thead th:nth-child(3) { position: sticky; left: 150px; z-index: 2; background-color: #f9f9f9;}
table.orderSubItemList thead th:nth-child(4) { position: sticky; left: 250px; z-index: 2; background-color: #f9f9f9;}
table.orderSubItemList thead th:nth-child(5) { position: sticky; left: 320px; z-index: 2; background-color: #f9f9f9;}
table.orderSubItemList thead th:nth-child(6) { position: sticky; left: 430px; z-index: 2; background-color: #f9f9f9; border-right: 1px solid #464646;}

table.orderSubItemList tbody td:first-child { position: sticky; left: 0; z-index: 2; background-color: white;}
table.orderSubItemList tbody td:nth-child(2) { position: sticky; left: 50px; z-index: 2; background-color: white;}
table.orderSubItemList tbody td:nth-child(3) { position: sticky; left: 150px; z-index: 2; background-color: white;}
table.orderSubItemList tbody td:nth-child(4) { position: sticky; left: 250px; z-index: 2; background-color: white;}
table.orderSubItemList tbody td:nth-child(5) { position: sticky; left: 320px; z-index: 2; background-color: white;}
table.orderSubItemList tbody td:nth-child(6) { position: sticky; left: 430px; z-index: 2; background-color: white; border-right: 1px solid #dadada;}


a.btnAddPlus {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_add.png) center no-repeat; vertical-align:middle;}
a.btnAddMinus {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_del2.png) center no-repeat; vertical-align:middle;}

.app_body {border:1px solid #dadada; padding:20px; overflow:auto; height:300px; margin:0 20px;}


.gr_step {display:table; background:url(../images/bg_gr_step.png) center repeat-x; width:100%; overflow:hidden; table-layout:fixed;}
.gr_step > div {display:table-cell; position:relative; overflow:hidden;}
.gr_step > div:after {content:"●"; font-size:14px; height:14px; line-height:14px; position:absolute; left:-1px; top:21px; color:#3f63bf;}
.gr_step > div:last-child:after {content:"●"; background:#fff; width:800px;}
.gr_step > div p {line-height:30px; font-size:11px; padding-right:10px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.gr_step > div.hot {}
.gr_step > div.hot p:first-child {font-weight:bold; color:#d93868;}
.gr_step > div.hot:after {content:"●"; font-size:14px; line-height:14px; position:absolute; left:-1px; top:21px; color:#d93868;}




.skin_edge {text-align:center; margin:20px 0;}
.skin_edge p {display:inline-block; vertical-align:top; margin-right:10px;}
.skin_edge label {display:inline-block; vertical-align:top; width:150px; height:90px; background:url(../images/skin_sum.png) no-repeat;}
.skin_edge label.s_01 {background-position:0 0;}
.skin_edge label.s_02 {background-position:-160px 0;}
.skin_edge label.s_03 {background-position:-320px 0;}

.skin_edge label.s_04 {background-position:0 -100px;}
.skin_edge label.s_05 {background-position:-160px -100px;}
.skin_edge label.s_06 {background-position:-320px -100px;}

.skin_edge label.s_07 {background-position:0 -200px;}
.skin_edge label.s_08 {background-position:-160px -200px;}
.skin_edge label.s_09 {background-position:-320px -200px;}


/* excel_edge */
.excel_edge {position:absolute; background:url(../images/icon_doc.png) left center no-repeat; height:85px; padding-left:100px; left:46%; top:50%; margin:-70px 0 0 -210px;}
.excel_edge > div {display:block; margin:15px 0;}
.excel_edge > div label {display:inline-block; font-weight:bold; margin-right:10px;}
.excel_edge > div > div .file_edge {display:inline-block;}
.excel_edge > div a.del {background:url(../images/btn_close.png) center no-repeat; width:24px; height:24px; display:inline-block; vertical-align:middle; border:1px solid #e1e1e1; border-radius:3px; margin-left:5px;}
.excel_edge .progress {position:absolute; width:calc(100% - 100px);}
div.file_view {color:#000; border-top:1px solid #e1e1e1; padding-top:10px;}
div.img_view {margin-top:10px;}
/* // excel_edge */

/* file_edge */
.file_edge {position:relative;}
.file_edge p {display:block;}
.file_edge p.fild {margin-right:100px;}
.file_edge p.fild input[type="text"] {width:100%;}
.file_edge > a {position:absolute; right:0; top:0; display:block; background:#939699; width:103px; color:#fff; text-align:center; height:27px; line-height:27px;}
.file_edge p.hidd {position:absolute; right:0; top:0; width:100px;}
.file_edge p.hidd input[type="file"] {width:100%; height:27px; opacity:0; cursor:pointer;}

.file_list {border:1px solid #e1e1e1; background:#fff; padding:5px 0; margin-top:20px; overflow: auto; max-height: 100px;}
.file_list ul {}
.file_list ul li {padding:4px 10px; position:relative;}
.file_list ul li p {}
.file_list ul li > a {display:none; background:#fff url(../images/btn_close.png) center no-repeat; border:1px solid #e1e1e1; width:20px; height:20px; border-radius:3px; position:absolute; right:10px; top:2px;}
.file_list ul li:hover {background:#f9f9f9;}
.file_list ul li:hover > a {display:block;}

.mail_list {border:1px solid #e1e1e1; background:#fff; padding:5px 0; margin-top:5px;}
.mail_list ul {}
.mail_list ul li {padding:4px 10px; position:relative;}
.mail_list ul li p {}
.mail_list ul li p span.ff {background:#efeff0; padding:2px 0;}
.mail_list ul li p span {display:inline-block; vertical-align:middle; width:100px; text-align:center;}
.mail_list ul li p span select {padding:0; width:100px;}
.mail_list ul li > a {display:none; background:#fff url(../images/btn_close.png) center no-repeat; border:1px solid #e1e1e1; width:20px; height:20px; border-radius:3px; position:absolute; right:10px; top:50%; margin-top:-11px;}
.mail_list ul li:hover {background:#f9f9f9;}
.mail_list ul li:hover > a {display:block;}
/* // file_edge */

.request_pop {background:#fff; border:1px solid #464646; padding:20px; position:fixed; left:50%; top:40%; width:500px; margin:-156px 0 0 -272px; box-shadow:0 0 7px #999; display:none;}
.request_pop h3 {font-size:14px; font-weight:bold; margin-bottom:10px;}
.request_pop .btn {text-align:center;}

.imgview_pop {background:#fff; border:1px solid #464646; padding:20px; position:fixed; left:50%; top:40%; width:500px; margin:-156px 0 0 -272px; box-shadow:0 0 7px #999; z-index:2; display:none;}
.imgview_pop h3 {font-size:14px; font-weight:bold; margin-bottom:10px;}
.imgview_pop .btn {text-align:right;}
.imgview_pop div.img_view {display:inline-block; vertical-align:top; max-width: 200px;}
.imgview_pop div.img_view > a {display:block; border-radius:3px; background:#939699; padding:5px; text-align:center; color:#fff; margin-top:10px;}
.imgview_pop div.img_view img {max-width:80px; max_height:80px;}

/* packet_step */
.packet_edge {overflow:auto;}
.packet_edge .edge {overflow:auto;}
.packet_edge a.close {width:26px; height:26px; background:#fff url(../images/btn_close2.png) center no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:middle;}
.packet_edge a.del {width:20px; height:20px; background:#fff url(../images/btn_close.png) center no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:middle;}
.packet_edge a.info {width:26px; height:26px; background:#fff url(../images/btn_info.png) center no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:middle;}
.packet_edge a.up {width:26px; height:24px; background:#fff url(../images/tab_arr.png) 7px 8px no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:top;}
.packet_edge a.dn {width:26px; height:24px; background:#fff url(../images/tab_arr.png) -23px 8px no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:top;}

.packet_step {background:#fff; margin:0 20px 10px 20px;}
.packet_step .p_head {*zoom:1; padding:5px 5px; border-top:1px solid #464646; border-bottom:1px solid #464646;}
.packet_step .p_head:after {content:""; clear:both; height:0%; display:block;}
.packet_step .p_head .left {float:left;}
.packet_step .p_head .right {float:right;}
.packet_step .p_head span.tit {font-size:16px; font-weight:bold; display:inline-block; vertical-align:middle; margin-left:10px; line-height:26px;}
.packet_step .p_head span.ch {font-size:16px; font-weight:bold; display:none; vertical-align:middle; margin-right:10px;}

.packet_step .p_body {background:#fff;}
.packet_step .p_body .part {border-bottom:1px solid #dadada; font-size:0; display:table; width:100%; table-layout:fixed;}
.packet_step .p_body .part p {display:inline-block; font-size:12px; display:table-cell; padding:5px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.packet_step .p_body .part p:nth-last-child(3) {width:90px;}
.packet_step .p_body .part p:nth-last-child(2) {width:180px;}
.packet_step .p_body .part p:last-child {text-align:right; width:38px;}
.packet_step .p_body .part:nth-child(2n) p {background:#f9f9f9;}
.packet_step .p_body .part:nth-child(2n+1) p {background:#fff;}
.packet_step .p_body .part.action p {background:#fbec88;}

.packet_step.action .p_head span.ch {display:inline-block; color:#fff;}
.packet_step.action .p_head span.tit {color:#fff;}
.packet_step.action {background:#939699;}
/* // packet_step */

/* set_model_step */
.set_model_edge {overflow:auto;}
.set_model_edge .edge {overflow:auto;}

.set_model_step {background:#fff; margin:0 20px 10px 20px;}
.set_model_step .p_head {*zoom:1; padding:5px 5px; border-top:1px solid #464646; border-bottom:1px solid #464646;}
.set_model_step .p_head:after {content:""; clear:both; height:0%; display:block;}
.set_model_step .p_head .left {float:left;}
.set_model_step .p_head .right {float:right;}
.set_model_step .p_head span.tit {font-size:16px; font-weight:bold; display:inline-block; vertical-align:middle; margin-left:10px; line-height:26px;}
.set_model_step .p_head span.ch {font-size:16px; font-weight:bold; display:none; vertical-align:middle; margin-right:10px;}

.set_model_step .p_body {background:#fff;}
.set_model_step .p_body .part {border-bottom:1px solid #dadada; font-size:0; display:table; width:100%; table-layout:fixed;}
.set_model_step .p_body .part p {display:inline-block; font-size:12px; display:table-cell; padding:5px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; box-sizing:border-box;}
.set_model_step .p_body .part p:nth-last-child(2) {width:90px;}
.set_model_step .p_body .part p:last-child {width:180px;}
/* .set_model_step .p_body .part p:last-child {text-align:right; width:38px;} */

.set_model_step .p_body .part:nth-child(2n) p {background:#f9f9f9;}
.set_model_step .p_body .part:nth-child(2n+1) p {background:#fff;}
.set_model_step .p_body .part.action p {background:#fbec88;}

.set_model_step.action .p_head span.ch {display:inline-block; color:#fff;}
.set_model_step.action .p_head span.tit {color:#fff;}
.set_model_step.action {background:#939699;}

.set_model_edge a.close {width:26px; height:26px; background:#fff url(../images/btn_close2.png) center no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:middle;}
.set_model_edge a.del {width:26px; height:26px; background:#fff url(../images/btn_close.png) center no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:middle;}
.set_model_edge a.info {width:26px; height:26px; background:#fff url(../images/btn_info.png) center no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:middle;}
.set_model_edge a.up {width:26px; height:24px; background:#fff url(../images/tab_arr.png) 7px 8px no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:top;}
.set_model_edge a.dn {width:26px; height:24px; background:#fff url(../images/tab_arr.png) -23px 8px no-repeat; display:inline-block; border:1px solid #dadada; border-radius:3px; vertical-align:top;}
/* // set_model_step */


.chart_edge {margin-bottom:20px; text-align:center; padding:30px 0;}
h2.chart {border-bottom:2px solid #464646; border-top:1px solid #464646; display:block; font-weight:bold; font-size:12px; line-height:36px;}



/* paging */
.paging {background:#f9f9f9; border-bottom:1px solid #dadada; text-align:center; font-size:0;}
.paging a {display:inline-block; height:25px; vertical-align:top; font-size:12px; line-height:27px; margin:0 7px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
.paging a:hover {font-weight:bold; color:#333;}
.paging a.action {font-weight:bold; color:#333;}
.paging a.pp {background:url(../images/paging_arr.png) no-repeat; background-position:5px -24px; width:25px; margin:0;}
.paging a.p {background:url(../images/paging_arr.png) no-repeat; background-position:-27px -24px; width:25px; margin:0;}
.paging a.n {background:url(../images/paging_arr.png) no-repeat; background-position:-54px -24px; width:25px; margin:0;}
.paging a.nn {background:url(../images/paging_arr.png) no-repeat; background-position:-87px -24px; width:25px; margin:0;}

.paging p {display:inline-block; margin:0 5px;}

.paging a:hover.pp {background:url(../images/paging_arr.png) no-repeat; background-position:5px 6px;}
.paging a:hover.p {background:url(../images/paging_arr.png) no-repeat; background-position:-27px 6px;}
.paging a:hover.n {background:url(../images/paging_arr.png) no-repeat; background-position:-54px 6px;}
.paging a:hover.nn {background:url(../images/paging_arr.png) no-repeat; background-position:-87px 6px;}

.paging a.pp.action {background:url(../images/paging_arr.png) no-repeat; background-position:5px 6px;}
.paging a.p.action {background:url(../images/paging_arr.png) no-repeat; background-position:-27px 6px;}
.paging a.n.action {background:url(../images/paging_arr.png) no-repeat; background-position:-54px 6px;}
.paging a.nn.action {background:url(../images/paging_arr.png) no-repeat; background-position:-87px 6px;}
.paging > span {font-size:11px; position:absolute; right:10px; top:4px;}
/* // paging */

.popup_edge {padding:0 0 50px 0;}
.popup_edge.no_ma {padding:0;}
.pop_tit {padding-left:20px; position:relative;}
.pop_tit.line { border-top:1px solid #dadada; border-bottom:1px solid #dadada; margin-bottom:10px; background-color: #f2f1f3;}
/* .pop_tit.line {border-bottom:1px solid #464646; margin-bottom:10px;} */
.popup_edge .form_box { background-color: #f2f1f3; border-radius: 8px;}
.popup_edge .form_box table .form_table { border: 1px solid #dadada; border-radius: 5px; background-color: #fff; padding: 10px;}
.popup_edge .pop_tit.line ~ div[class*="step_"] .grid_edge .grid_btn { margin-bottom: 0;}
.popup_edge div[class*="step_"] .grid_edge .page_grid { border-top: 1px solid #dadada; border-bottom: none;}
.popup_edge div[class*="step_"] .grid_edge .page_grid .count { top: 50%; left: 10px; transform: translateY(-50%);}

.pop_tit > a {display:block; width:30px; height:30px; background:url(../images/tab_arr.png) 10px -20px no-repeat; position:absolute; right:20px; top:5px;}
.pop_tit > a:hover {background-position:10px 10px;}
.pop_tit.action { border-bottom:1px solid #dadada; margin-bottom:10px;}
/* .pop_tit.action { border-bottom:1px solid #464646; margin-bottom:10px;} */
.pop_tit.action > a {background-position:-20px -20px;}
.pop_tit.action > a:hover {background-position:-20px 10px;}

.pop_tit h1 {font-size:15px; color:#000; font-weight:bold; display:block; line-height:40px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}

.pop_tit .tit_btn {position:absolute; right:20px; top:7px;}
.pop_tit .tit_arr {position:absolute; right:55px; top:7px;}


.step_edge {display:none;}
.step_edge.action { display:block; padding-left: 10px; padding-right: 10px;}
.step_edge.action {display:block;}
.step_tab {display:none;}
.step_tab:first-child {display:block;}


.stit {position:relative; margin:0 20px;}
.stit.no_ma {margin:0;}
.stit.line {border-bottom:1px solid #464646; margin-bottom:10px;}
.stit.line2 {border-bottom:1px solid #dadada; margin-bottom:10px;}
.stit h2 {font-size:13px; color:#333; font-weight:bold; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; line-height:30px;}
.stit h2 i {color:#eb2828;font-weight:bold;display:inline-block;margin-left:3px}
.stit .btn {position:absolute; right:0; top:0;}
.stit .btn > a {display:inline-block; height:24px; text-align:center; line-height:24px; border:1px solid #dadada; background:#fff; font-size:12px; border-radius:3px; padding:0 10px;}

.stit + div[style*="#dadada"] { border-radius: 8px; padding-top: 20px !important; background-color: #f0f1f3 !important;}

.stit h1 { font-weight: 600; color: #000; font-size: 1.7em;}

/*.stit > a {display:block; width:30px; height:30px; background:url(../images/tab_arr.png) 10px -20px no-repeat; position:absolute; right:0; top:0;}
.stit > a:hover {background-position:10px 10px;}*/
.stit.action {border-bottom:1px solid #464646; margin-bottom:10px;}
.stit.action > a {background-position:-20px -20px;}
.stit.action > a:hover {background-position:-20px 10px;}

.tab_edge {border-bottom:1px solid #939699; margin:0 20px 10px 20px;}
.tab_edge.mo_ma {margin:0 0 10px 0;}
.tab_edge ul {*zoom:1;}
.tab_edge ul:after {content:""; clear:both; height:0%; display:block;}
.tab_edge ul li {border:1px solid #dadada; border-bottom:1px solid #939699; margin-bottom:-1px; margin-left:-1px; float:left; background:#f9f9f9; position:relative;}
.tab_edge ul li.hot {background:#e8e8e8 !important; border-bottom:1px solid #939699 !important;}
.tab_edge ul li a {display:block; line-height:30px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; font-size:12px; color:#333; padding:0 20px;}
/* .tab_edge ul li:hover {background:none; z-index:10; border:1px solid #939699; border-bottom:1px solid #fff; letter-spacing:-0.3px;} */
.tab_edge ul li:hover {background:none; z-index:1; border:1px solid #939699; border-bottom:1px solid #fff;}
.tab_edge ul li:hover a {color:#000; font-weight:bold;}
/* .tab_edge ul li.action {background:none; z-index:10; border:1px solid #939699; border-bottom:1px solid #fff; letter-spacing:-0.3px; display:block !important;} */
.tab_edge ul li.action {background:none; z-index:1; border:1px solid #939699; border-bottom:1px solid #fff; display:block !important;}
.tab_edge ul li.action a {color:#000; font-weight:bold;}

.tab_edge.item {}
.tab_edge.item ul li a {font-size:11px; color:#333; padding:0 5px;}


.form_box {border:1px solid #dadada; background:#f9f9f9; padding:10px; margin:0 20px 10px 20px;}
.form_box.action {display:none;}
.form_box table {table-layout:fixed;}
.form_box table thead {}
.form_box table thead tr {}
.form_box table thead tr th {text-align:left; font-weight:bold; border-bottom:1px solid #dadada; padding:5px 0;}
.form_box table tbody {}
.form_box table tbody tr {}
.form_box table tbody tr th { text-align: right; font-size:11px; letter-spacing:-0.5px; font-weight:bold; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; padding-left: 5px; padding-right: 10px;}
.form_box table tbody tr th i {color:#eb2828;}
.form_box table tbody tr td {text-align:left; height:30px; padding-right:10px;}
.form_box table tbody tr td:last-child {padding-right:10px;}
.form_box table tbody tr td .inline {text-align:left; height:30px; padding-left:10px; padding-right:10px;}
.form_box table tbody tr td select {padding:3px; width:100%; vertical-align:middle; border-radius: 5px;}
.form_box table tbody tr .dept select {padding:3px; width:50%; vertical-align:middle; border-radius: 5px;}
/* .form_box table tbody tr td select {padding:3px; width:100%; vertical-align:middle;} */
/* .form_box table tbody tr .dept select {padding:3px; width:50%; vertical-align:middle;} */
.form_box table tbody tr .dept input[type="text"] {width:48%;}
.form_box table tbody tr td > input {vertical-align:middle;}
.form_box table tbody tr td > input[type="text"] {width:100%;}
.form_box table tbody tr td > input[type="password"] {width:100%;}
.form_box table tbody tr td > input[type="file"] {width:100%; border:none;}
.form_box table tbody tr td div pre {white-space:pre-line; padding:5px;}
.form_box table textarea {width:100%;}
.form_box.under_line td > p {border:solid; border-color:#e1e1e1; border-width:0px 0px 1px 0px;}
/* .form_box table tbody tr td table tbody tr td {padding-right:0px;} */				/* 테이블 안의 테이블은 패딩 없음 */
/* .form_box table tbody tr td table tbody tr td:last-child {padding-right:0px;} */	/* 테이블 안의 테이블은 패딩 없음 */


table tbody tr td .calendar {*zoom:1;}
table tbody tr td .calendar:after {content:""; clear:both; height:0%; display:block;}
table tbody tr td .calendar p {display:inline-block; position:relative;}
table tbody tr td .calendar p img {margin-left:5px;}
table tbody tr td .calendar p input {vertical-align:middle;}
table tbody tr td .calendar p input[type="text"] {width:90px;}
table tbody tr td .calendar > a {float:left; display:none; background:url(../images/calendar.png) center no-repeat; width:27px; height:27px;}
table tbody tr td .calendar.w100 p {display:block;}
table tbody tr td .calendar.w100 p input[type="text"] {width:calc(100% - 30px);}
table tbody tr td .calendar.w100 p img {}
table tbody tr td .calendar.w60 p {display:block;}
table tbody tr td .calendar.w60 p input[type="text"] {width:60%;}
table tbody tr td .calendar.w60 p img {}
table tbody tr td .calendar.w50 p {display:block;}
table tbody tr td .calendar.w50 p input[type="text"] {width:50%;}
table tbody tr td .calendar.w50 p img {}
table tbody tr td .calendar.w40 p {display:block;}
table tbody tr td .calendar.w40 p input[type="text"] {width:40%;}
table tbody tr td .calendar.w40 p img {}
table tbody tr td .calendar.w30 p {display:block;}
table tbody tr td .calendar.w30 p input[type="text"] {width:30%;}
table tbody tr td .calendar.w30 p img {}
table tbody tr td .calendar.w20 p {display:block;}
table tbody tr td .calendar.w20 p input[type="text"] {width:20%;}
table tbody tr td .calendar.w20 p img {}

table tbody tr td .calendar.caldendar-half p {display:inline;}
table tbody tr td .calendar.caldendar-half p input[type="text"] {width : calc(50% - 35px);}
table tbody tr td .calendar.caldendar-half p img {}
table tbody tr td .calendar.caldendar-half2 p {display:inline;}
table tbody tr td .calendar.caldendar-half2 p input[type="text"] {width : calc(50% - 40px);}
table tbody tr td .calendar.caldendar-half2 p img {}
table tbody tr td .calendar.caldendar-half2 i { color:#ff3c00; }

.form_box table tbody tr td > p {display:block; padding-top:5px;}
.form_box table tbody tr td.top {vertical-align:top;}
.form_box table tbody tr td div.img_view { display:inline-block; position: relative; vertical-align:top; max-width: 200px; line-height: 1em; word-break: break-all;}
.form_box table tbody tr td div.img_view > a { display:block; border-radius:3px; background:#939699; padding:5px; text-align:center; color:#fff; margin-top:10px; margin-bottom: 10px; min-height: 70px; line-height: 10em;}
.form_box table tbody tr td div.img_view > a:first-child { position: absolute; padding: 0; width: 20px; height: 20px; top: 5px; right: 5px; border: 1px solid #dadada; background:#fff url(../images/icon_filter.png) no-repeat -199px -787px; font-size: 0; z-index: 1; min-height: auto;}
.form_box table tbody tr td div.img_view img { width:130px;}

.form_box table tbody tr td .td_sea {position:relative; *zoom:1; width:100%;}
.form_box table tbody tr td .td_sea:after {content:""; clear:both; height:0%; display:block;}
.form_box table tbody tr td .td_sea p {display:block; margin-right:30px;}
.form_box table tbody tr td .td_sea p input {width:100%; vertical-align:top;}
.form_box table tbody tr td .td_sea p input + input { margin-top: 3px;}
.form_box table tbody tr td .td_sea > a {display:block; position:absolute; top:0; right:0; background:url(../images/btn_sea_01.png) center no-repeat; width:27px; height:27px;}
.form_box table tbody tr td .td_sea > a:hover {background:url(../images/btn_sea_01_s05.png) center no-repeat;}
.form_box table tbody tr td .td_sea > span {display:block; position:absolute; top:0; right:0; width:30px; height:27px; line-height:27px;}

.form_box table tbody tr td .td_sea.new p {margin-right:65px;}
.form_box table tbody tr td .td_sea.new > span {width:60px;}

.form_box table tbody tr td .td_sea2 {position:relative; *zoom:1; width:100%;}
.form_box table tbody tr td .td_sea2:after {content:""; clear:both; height:0%; display:block;}

.form_box table tbody tr td a.inp_btn {background:#939699; padding:0 10px; color:#fff; margin-left:5px; line-height:28px; height:26px; display:inline-block; vertical-align:top; border-radius:3px;}

.form_box table.dark {background:#ececec;}
.form_box table.dark tbody tr:first-child th {padding-top:10px;}
.form_box table.dark tbody tr:first-child td {padding-top:10px;}
.form_box table.dark tbody tr:last-child th {padding-bottom:10px;}
.form_box table.dark tbody tr:last-child td {padding-bottom:10px;}

.form_box div.dark {background:#ececec; padding : 10px 10px;}
.form_box div.dark label {font-weight: bold; }

.form_box p.tit {padding:15px 0 5px 10px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; font-weight:bold; color:#3f63bf;}
.form_box p.tit.line {padding:0 0 5px 10px; border-bottom:1px solid #dadada; margin-bottom:10px;}

.form_imgbox {border:1px solid #dadada; background:#ffffff; padding:10px; margin:0 0px 10px 0px;}
.form_imgbox {display:flex; align-items:center; justify-content:center;}

.main_bbc {*zoom:1; font-size:0;}
.main_bbc.ma {margin:0 20px;}
.main_bbc:after {content:""; clear:both; height:0%; display:block;}
.main_bbc .bbc_edge {border:1px solid #dadada; margin-bottom:20px; height:350px; display:inline-block; width:calc(50% - 64px); padding:0 20px 20px 20px; vertical-align:top; margin-right:20px; background:#fff;}

.main_bbc .bbc_edge .edge {overflow:auto; overflow-y:hidden;}
.main_bbc .bbc_edge .edge.center {text-align:center;}

.main_bbc table {border-top:2px solid #464646; table-layout:fixed;}
.main_bbc table thead {}
.main_bbc table thead tr {}
.main_bbc table thead tr th {border-bottom:1px solid #464646; background:#f9f9f9; padding:6px 10px; font-weight:bold; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.main_bbc table tbody {}
.main_bbc table tbody tr {}
.main_bbc table tbody tr td {height:20px; border-bottom:1px solid #dadada; cursor:pointer; padding:10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.main_bbc table tbody tr:hover td {background:#f9f9f9;}
.main_bbc table tbody tr.action td {background:#f9f8d8;}
.main_bbc table tbody tr td.left {text-align:left; padding-left:20px;}

.main_bbc.ma table tbody tr:hover td {background:none;}


.main_bbc.wide {padding-right:20px;}
.main_bbc.wide .bbc_edge {display:block; width:auto; margin-right:0;}





.popup_btn { background: #f2f1f3; z-index:10; position:fixed; width:100%; bottom:0; left:0; padding:10px 0; border-top:1px solid #dadada;}
/* .popup_btn { background:#fff; z-index:10; position:fixed; width:100%; bottom:0; left:0; padding:10px 0; border-top:1px solid #dadada;} */
.popup_btn .left {float:left; margin-left:10px;}
.popup_btn .right {float:right; margin-right:10px;}

.grid_btn {text-align:right; font-size:0; margin-bottom:5px; *zoom:1;}
.grid_btn.sea {margin:10px 20px 30px 20px;}
.grid_btn.sea2 {margin-top:5px;}
.grid_btn.sea3 {margin:5px 20px 5px 20px;}
.grid_btn.bott {margin-top:-10px; border-bottom:1px solid #dadada; padding-bottom:10px;}
.grid_btn:after {content:""; clear:both; height:0%; display:block;}
.grid_btn.ma {margin:0 20px 5px 20px;}
.grid_btn.top_ma {margin-top:10px;}
.grid_btn a {margin-left:3px; margin-right:0px;}
.grid_btn .left {float:left;}
.grid_btn .left a {margin-right:3px; margin-left:0;}
.grid_btn .right {float:right;}
/* .grid_btn .right a {margin-left:5px;} */
.grid_btn .right label {font-weight:bold; margin-right:5px;}
.grid_btn .left label {font-weight:bold; margin-right:5px;}
.grid_btn .left input[type="text"] {height:23px; vertical-align:top; line-height:22px;}
.grid_btn .left select {padding:1px; vertical-align:top;}
.grid_btn .left p.tit {display:inline-block; font-weight:bold; margin-right:10px;}
.grid_btn.pix {position:fixed; right:20px; top:20px;}






.qt_summary {
	border-bottom:1px solid #dadada;
	height: 30px;
	margin-bottom: 20px;
}
.qt_summary .left {float:left;}
.qt_summary .left a {margin-right:5px; margin-left:0;}
.qt_summary .right {float:right;}
.qt_summary .right a {margin-left:5px;}
.qt_summary .right label {font-weight:bold; margin-right:5px;}
.qt_summary .left label {font-weight:bold; margin-right:5px;}
.qt_summary .left input[type="text"] {height:23px; vertical-align:top; line-height:22px; width:auto;}
.qt_summary .left select {padding:1px; vertical-align:top;}
.qt_summary .left p.tit {display:inline-block; font-weight:bold; margin-right:10px;}


a.btn_type_01 {display:inline-block; border-radius:3px; background:#339c48; color:#fff; padding:3px 15px 3px 15px; font-size:12px; vertical-align:middle;}
a.btn_type_02 {display:inline-block; border-radius:3px; background:#a74894; color:#fff; padding:3px 15px 3px 15px; font-size:12px; vertical-align:middle;}
a.btn_type_03 {display:inline-block; border-radius:3px; background:#4f6baa; color:#fff; padding:3px 15px 3px 15px; font-size:12px; vertical-align:middle;}
/* a.btn_type_01 {display:inline-block; border-radius:3px; background:#939699; color:#fff; padding:3px 15px 3px 15px; font-size:12px; vertical-align:middle;} */
/* a.btn_type_02 {display:inline-block; border-radius:3px; background:#fff; color:#666; padding:2px 15px 2px 15px; font-size:12px; border:1px solid #939699; vertical-align:middle;} */
/* a.btn_type_03 {display:inline-block; border-radius:3px; background:#4a4a4a; color:#fff; padding:3px 15px 3px 15px; font-size:12px; vertical-align:middle;} */

a.btn_type_add {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_add.png) center no-repeat; vertical-align:middle;}
a.btn_type_del {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_del.png) center no-repeat; vertical-align:middle;}

a.btn_ingrid_01 {display:inline-block; border-radius:3px; background:#939699; color:#fff; padding:0px 10px 0px 10px; font-size:12px; vertical-align:middle;}
a.btn_ingrid_02 {display:inline-block; border-radius:3px; background:#fff; color:#666; padding:0px 10px 0px 10px; font-size:12px; border:1px solid #939699; vertical-align:middle; line-height:19px;}
a.btn_ingrid_03 {display:inline-block; border-radius:3px; background:#4a4a4a; color:#fff; padding:0px 10px 0px 10px; font-size:12px; vertical-align:middle;}

button.btn_type_03 {display:inline-block; border : none; border-radius:3px; background:#4a4a4a; color:#fff; padding:4px 15px 6px 15px; font-size:12px; vertical-align:middle;}

a.btn_grid_01 {display:inline-block; border-radius:3px; background:#939699; color:#fff; height:20px; padding:2px 10px 1px 10px; font-size:12px;}
a.btn_grid_02 {display:inline-block; border-radius:3px; background:#4a4a4a; color:#fff; height:20px; padding:2px 10px 1px 10px; font-size:12px;}
a.btn_grid_03 {display:inline-block; border-radius:3px; background:#fff; color:#666; height:18px; padding:1px 10px 0px 10px; font-size:12px; border:1px solid #939699;}


a.btn_grid_Left {display:inline-block; border-radius:3px; background:url(../images/paging_arr2.png) 6px 7px no-repeat; width:24px; height:24px; border:1px solid #939699;}
a.btn_grid_Right {display:inline-block; border-radius:3px; background:url(../images/paging_arr2.png) -25px 7px no-repeat; width:24px; height:24px; border:1px solid #939699;}
a.btn_grid_Left:hover {background-position:6px -23px;}
a.btn_grid_Right:hover {background-position:-25px -23px;}


.ad_popup_comm {overflow-y:scroll; z-index:9999; position:fixed; width:100%; height:100%; background:url('../images/bg_ADpopup.png') repeat;}
.ad_popup_comm .edge {border:1px solid #000; padding:0 0 53px 0;}
.ad_popup_comm .ad_body {position:relative; }
.ad_popup_comm .ad_body a.btn_zoom {display:none; position:absolute; bottom:0; left:0; width:100%; background:#fff; border-top:1px solid #4e3c33; text-align:center; font-size:0; padding:15px;}
.ad_popup_comm .ad_body a.btn_zoom span {display:inline-block;padding-left:30px; background:url('../images/ADpop_zoom.png') left center no-repeat; line-height:22px; font-size:13px; letter-spacing:-0.5px; color:#333;}
.ad_popup_comm .tab {background:#000; z-index:10; position:fixed; width:100%; bottom:0; left:0; padding:0px 0; border-top:1px solid #dadada;}
.ad_popup_comm .tab:after {content:""; clear:both; height:0%; display:block;}
.ad_popup_comm .tab p {display:block; padding:15px;}
.ad_popup_comm .tab p a {display:block; color:#fff; cursor:pointer; font-size:13px; letter-spacing:-0.5px; line-height:22px;}
.ad_popup_comm .tab p.td_close {float:left; font-size:13px; letter-spacing:-0.5px; line-height:22px; color:#fff;}
.ad_popup_comm .tab p.td_close input {border:none; width:17px; height:17px;}
.ad_popup_comm .tab p.close {float:right;}
.ad_popup_comm .tab p.close a {background:url('../images/ADpop_close.png') right center no-repeat; padding-right:30px;}



#dialogoverlay{display: none; opacity: .8; position: fixed; top: 0px; left: 0px; background: #FFF; width: 100%; z-index: 9999;}
#dialogbox{background: #FFF; border-radius:5px; display: none; position: fixed; border:2px solid #464646; width:400px; z-index: 9999;}
#dialogbox > div{margin:10px;}
#dialogbox > div > #dialogboxhead{padding:0 0 10px 0; font-size:12px; color:#333; border-bottom:1px solid #dadada; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
#dialogbox > div > #dialogboxbody{padding:20px; font-size:14px; color:#666;}
#dialogbox > div > #dialogboxfoot{padding:5px 0 0 0; text-align:right; border-top:1px solid #dadada;}
#dialogbox > div > #dialogboxfoot button {background:none; border:1px solid #dadada; border-radius:3px; height:30px; padding:0 20px;}
#dialogbox > div > #dialogboxfoot button:hover {border:1px solid #464646;}


/* .footer {display:none; width:100%; background:#f9f9f9; border-top:1px solid #dadada; text-align:center; color:#cdcdcd; position:fixed; left:0; bottom:0; line-height:30px; font-size:12px; z-index:50;} */
.footer {position:fixed; bottom:0; left:0; width:100%; font-family:SamsungOne, Arial, Helvetica, sans-serif;}
.footer {display:block; font-size:12px; background:#898e9b; color:#e5e5e5; line-height:14px; padding:5px 20px; letter-spacing:-0.5px; text-align:center;}
/* .footer {display:block; font-size:12px; background:#3f63bf; color:#ccc; line-height:14px; padding:5px 20px; letter-spacing:-0.5px; text-align:center;} */
.footer .box {display:inline-block; color:#ccc; line-height:12px; border:1px solid #dadada; border-radius:5px; padding:0px 5px 0px 5px;}
.footer a:hover {color:#fff}

.footer .bottom_sm {position:absolute; right:50px; top:5px;}
.footer .bottom_sm > ul {*zoom:1; float:left;}
.footer .bottom_sm > ul:after {content:""; clear:both; height:0%; display:block;}
.footer .bottom_sm > ul li {background:url(../images/line_01.png) center left no-repeat; float:left; margin-right:10px;}
.footer .bottom_sm > ul li:first-child {background:none;}
.footer .bottom_sm > ul li.txt a:hover {color:#fff;}
.footer .bottom_sm > ul li.txt {margin-right:0;}
.footer .bottom_sm > ul li.txt a { color:#e5e5e5; letter-spacing: 0; display: inline-block; padding:0 10px; font-weight: 600; }
/* .footer .bottom_sm > ul li.txt a {text-indent:0; background:none; color:#cfd8e5; text-align:center; font-size:12px; width:auto; padding:0 10px;} */



#loading-mask {position:fixed; left:0; top:0; width:100%; height:100%; z-index:9999; background:url(../images/load_bg.png) repeat;}
#loading-mask:before {content:""; clear:both; height:0%; display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:url(../images/loading.gif) center no-repeat; z-index:9998;}

.main_img {
  width: 100%;  
  margin: 0 auto;
  min-height: 740px;
  display:table;
  text-align:center;
}


.sss_img {
  width: 300px;  
  vertical-align:middle;
  display:table-cell;
}


/* paging new */
.paging_n {background:#f9f9f9;  text-align:center; font-size:0;}
.paging_n a {display:inline-block; height:25px; vertical-align:top; font-size:12px; line-height:27px; margin:0 7px; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
.paging_n a:hover {font-weight:bold; color:#333;}
.paging_n a.action {font-weight:bold; color:#333;}
.paging_n a.pp {background:url(../images/paging_arr.png) no-repeat; background-position:5px -24px; width:25px; margin:0;}
.paging_n a.p {background:url(../images/paging_arr.png) no-repeat; background-position:-27px -24px; width:25px; margin:0;}
.paging_n a.n {background:url(../images/paging_arr.png) no-repeat; background-position:-54px -24px; width:25px; margin:0;}
.paging_n a.nn {background:url(../images/paging_arr.png) no-repeat; background-position:-87px -24px; width:25px; margin:0;}

.paging_n p {display:inline-block; margin:0 5px;}

.paging_n a:hover.pp {background:url(../images/paging_arr.png) no-repeat; background-position:5px 6px;}
.paging_n a:hover.p {background:url(../images/paging_arr.png) no-repeat; background-position:-27px 6px;}
.paging_n a:hover.n {background:url(../images/paging_arr.png) no-repeat; background-position:-54px 6px;}
.paging_n a:hover.nn {background:url(../images/paging_arr.png) no-repeat; background-position:-87px 6px;}

.paging_n a.pp.action {background:url(../images/paging_arr.png) no-repeat; background-position:5px 6px;}
.paging_n a.p.action {background:url(../images/paging_arr.png) no-repeat; background-position:-27px 6px;}
.paging_n a.n.action {background:url(../images/paging_arr.png) no-repeat; background-position:-54px 6px;}
.paging_n a.nn.action {background:url(../images/paging_arr.png) no-repeat; background-position:-87px 6px;}
.paging_n > span {font-size:11px; position:absolute; right:10px; top:4px;}
/* // paging */



.page_grid {position: relative; background:#f9f9f9; border-bottom:1px solid #dadada; text-align:center; font-size:0; width:100%;}
/* .page_grid {position: relative; background:#f9f9f9; border-bottom:1px solid #dadada; text-align:center; font-size:0; width:100%;} */

.count {position: absolute; top :-27px; left : 50%; transform: translateX(-50%); background: #f9f9f9; text-align:left; font-weight: bold;}
/* .count {position: absolute; top : 0; left : 0; background:f9f9f9f9; text-align:left;font-weight: bold;} */
.count > span {  padding: 0 10px 0 0;}
.page_grid > .amount {position: absolute; top : -27px; right : 300px; background:f9f9f9f9; text-align:left;font-weight: bold;}
/* .page_grid > .amount {position: absolute; top : 0; right : 0px; background:f9f9f9f9; text-align:left;font-weight: bold;} */
.page_grid > .amount > span {  padding: 0 10px 0 0;}
.welcome_edge ~ form .count { top: auto; left: 5px; bottom: 3px; transform: none;}
.welcome_edge ~ form .count > span { padding: 0;}
.welcome_edge ~ form .count::before { content: "[ ";}
.welcome_edge ~ form .count::after { content: " ]";}

/* 20180426 opportunityHandleAction history area */
.form_box.overflow{height:180px;overflow:auto}
.form_box.overflow table tbody tr td{height:18px;line-height:18px}

.stit.line h2 i{color:#eb2828;font-weight:bold;display:inline-block;margin-left:3px}

/* 20180430 BO layer popup */
.ly_bo_pop{background:#fff; border:1px solid #464646; padding:10px; position:fixed; left:50%; top:50%; width:500px; height:225px; margin:-156px 0 0 -272px; display:none;}
.ly_bo_pop .ly_title{color:#3686e1}
.ly_bo_pop .btn_area{border-top:1px solid #dadada;padding:10px 0}
.ly_bo_pop .btn_area .right{float:right;margin-right:10px}
.history_blue{color:#3686e1}

.ly_loading_pop{background:#fff; background-color:rgba( 255, 255, 255, 0.5); padding:10px; position:fixed; left:0%; top:0%; display:none;}
.ly_loading_pop .img-load{position:fixed;}

/* 20210128 OTP Secret Key Set layer popup */
.ly_otp_pop{background:#fff; border:1px solid #464646; padding:10px; position:fixed; left:50%; top:50%; width:500px; height:425px; margin:-256px 0 0 -272px; display:none; box-shadow:0 0 7px #999;}
.ly_otp_pop .ly_title{color:#3686e1}
.ly_otp_pop .btn_area{border-top:1px solid #dadada;padding:10px 0}
.ly_otp_pop .btn_area .right{float:right;margin-right:10px}

/* 20210128 OTP Authentication layer popup */
.ly_otp_auth_pop{background:#fff; border:1px solid #464646; padding:10px; position:fixed; left:50%; top:50%; width:500px; height:200px; margin:-120px 0 0 -272px; display:none;}
.ly_otp_auth_pop .ly_title{color:#3686e1}
.ly_otp_auth_pop .btn_area{border-top:1px solid #dadada;padding:10px 0}
.ly_otp_auth_pop .btn_area .right{float:right;margin-right:10px}


/* 20180502 Doshboard */
.red_point td{color:#ff2d4b}
.bbs_area{padding:10px 0;margin:0 20px 10px 20px}
.textC{text-align:center !important}
.red_point{color:#ff2d4b}
.green_point{color:#3bc200}
.title_2{display:inline-block;margin-left:20px}
.bbs_area tfoot{font-weight:bold}
.bbs_area tfoot tr td:first-child{border-left:none}
.bbs_area tfoot td{border-left:1px solid #dadada}

.tit_risk{position:relative;display:block;text-indent:28px;font-size:14px;height:34px;line-height:34px}
.tit_risk:before{position:absolute;left:0;top:9px;content:'';display:block;width:22px;height:17px;background:url('../images/icon_folder.png') no-repeat left center}
.sub_tit_risk{position:relative;display:block;text-indent:28px;font-size:12px;height:34px;line-height:34px}
.sub_tit_risk:before{position:absolute;left:0;top:9px;content:'';display:block;width:18px;height:18px;background:url('../images/icon_risk.png') no-repeat left center}
.risk_list_area{border:1px solid #dadada;padding:10px 20px;margin:10px 20px 20px;height:100px}
.risk_list_area li{position:relative;line-height:180%;text-indent:17px;height:24px;line-height:24px}
.risk_red:after{position:absolute;left:0;top:6px;content:'';display:block;width:12px;height:14px;background:url('../images/icon_flag_red.gif') no-repeat left center}
.risk_green:after{position:absolute;left:0;top:6px;content:'';display:block;width:12px;height:14px;background:url('../images/icon_flag_green.gif') no-repeat left center}
.risk_white:after{position:absolute;left:0;top:6px;content:'';display:block;width:12px;height:14px;background:url('../images/icon_flag.gif') no-repeat left center}

.status_state{position:relative;display:inline-block;text-indent:17px}
.status_state:after{content:'';display:block;position:absolute;left:0;top:7px;width:14px;height:5px}
.state_green:after{background-color:#16b80e}
.state_blue:after{background-color:#2352d9}
.state_grey:after{background-color:#8d8d8d}
.state_red:after{background-color:#ee0712}

.txtgrid.txt_green{color:#30a900}
.txtgrid.txt_red{color:#ff0600}
.txtgrid.txt_red_st{color:#ff0600;font-style:italic}
.txtgrid.txt_purple{color:#5812b7}
.txtgrid.txt_blue{color:#1759e0}
.txtgrid.txt_grey{color:#8e8e8e}
.txtgrid.txt_pink{color:#fc3887}
.txtgrid.txt_grey_st{color:#8e8e8e;text-decoration:line-through}

.tooltipPop { vertical-align: middle !important; padding-right: 5px !important; text-align: center !important;}
/* .tooltip{display:none;position:absolute;border:1px solid #ddd;background-color:#fff;border-radius:5px;padding:4px 10px;color:#333;font-size:11px} */

.paging.total_area{text-align:left}
.total_area_bottom{padding-top:5px}
.total_area_bottom span{display:inline-block}
.total_area_bottom P{display:block}
.total_area_bottom .title{font-weight:bold;width:160px;margin-right:5px;text-align:right}
.total_area_bottom .subsum{font-weight:bold}
.total_area_bottom .no{color:#3643ef;margin-right:5px;font-weight:bold}
.total_area_bottom .no_width{text-align:center;margin-left:10px}
.total_area_bottom .sum.red{color:#e81336;font-weight:bold}
.total_area_bottom p{margin-bottom:10px;height:18px;line-height:18px}

.form_table.scrolltbody {height:200px;overflow:auto !important}
.form_table.scrolltbody table{border-top:0}
.form_table.scrolltbody + .form_table table{border-top:0}
.scrolltable .form_table{margin-bottom:0}
.essential{color:#eb2828;font-weight:bold;display:inline-block;margin-left:3px}
.stit .btn .btn_grid_02 {display:inline-block;border-radius:3px;background:#939699;color:#fff;height:20px;line-height:20px;padding:2px 10px 1px 10px;font-size:12px;border: none}
.stit .btn .btn_grid_02:first-child{margin-right: 5px;}

/* Demo mail sand */
.mail_form_contents{margin-top:30px}
.mail_form_contents h2{text-align:center;font-size:16px;line-height:140%;color:#e50c3a;font-weight:bold;margin-top:40px;font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
.mail_form_contents table{border-collapse:collapse;border-spacing:0;display:table;border-top:2px solid #ccc;margin-top:20px;font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
.mail_form_contents .mail_table_list thead th{background-color:#f9f9f9;border-bottom:1px solid #dadada;border-left:1px solid #dadada;height:18px;font-size:13px;color:#666;padding:5px 10px;font-weight:bold;text-align:center}
.mail_form_contents .mail_table_list thead td{border-bottom:1px solid #dadada;height:18px;font-size:13px;color:#666;padding:5px 10px;text-align:center}
.mail_form_contents .mail_table_list .part_line td{border-bottom:1px solid #adadad}
.mail_form_contents .mail_table_list .part_line:last-child td{border-bottom:1px solid #dadada}
.mail_form_contents .mail_table_list.inner_table{margin-top:0;border-top:0}
.mail_form_contents .mail_table_list.inner_table td{text-align:center}
.mail_form_contents .mail_table_list .inner_area{padding:0}

/* Quotation bottom 합계부분 추가 */
.form_box.total_area table tbody tr td{text-align:right}
.form_box.total_area table tbody tr td.align_left{text-align:left}
.form_box.total_area table .txt_total{color:#e50c3a}
.form_box.total_area table .sub_txt{font-size:11px}
.form_box.total_area table .total_line th,
.form_box.total_area table .total_line td{padding-top:5px;border-top:1px solid #ddd}
.form_box.total_area table .total_line_top th,
.form_box.total_area table .total_line_top td{padding-bottom:5px}

/* sef quotation */
.clear_both{clear:both;overflow:hidden}
.left_f{float:left;width:calc(50% - 10px)}
.left_f span{font-weight:normal;font-size:11px}
.left_f input{margin-left:10px}
.right_f{float:right;width:calc(50% - 10px);text-align:left}
.discount_form{margin-top:-5px}
.discount_form table{}
.discount_form table th{font-weight:normal;text-align:left;border-bottom:1px solid #dadada;padding:5px 0}
.discount_form table td{border-bottom:1px solid #dadada;padding:5px 0}
.discount_form table td select{padding:3px 7px}
.title_select{padding:3px 7px;margin-left:20px}
.left_line{border-left:1px solid #ddd;padding-left:10px}

dl.col1 {
	width: 100%;
}

dl.col2 {
	width: 50%;
}

dl.col {
	position: relative;	
	float: left;
	height: 22px;
	padding-top: 10px;
}

dl.col dt {
	float: left;
	width: 150px;
	text-align: left;
    font-size: 11px;
    letter-spacing: -0.5px;
    font-weight: bold;
    font-family: 'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;
    padding-left: 10px;
}

.scrolledbox {border:1px solid #dadada; background:#ffffff; padding:10px; margin:0px 0px 0px 0px; overflow-y: scroll;}

.welcome_edge { padding: 20px 0 0 0; } 

.welcome_container { margin: 0 20px 0 20px; min-width: 1310px; padding-bottom : 10px;}
.welcome_container .page_grid { border-top: 1px solid #dadada;}

.dropDown {position:relative; *display:inline; *zoom:1; width: 100%;}
/* .btn_drop {backgroud: #eee; color:#666; padding:5px 10px; border-radius:3px; border: 1px solid #e1e1e1; width: 100%;} */
.dropBox {position:absolute; z-index:1; height:0; overflow:auto; width:90%; margin-top: 5px; font-size:13px; font-family :'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
.dropBox.on {height:auto; padding:10px; border:1px solid #ddd; background:#fff;}
.dropBox {font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}
.dropBox ul {background:#f9f9f9; border:1px solid #dadada; padding:20px; margin-bottom:10px; max-height:400px; overflow:auto;}
.dropBox ul li {line-height:25px;}
.dropBox ul li input {}
.dropBox ul li label {margin-left:5px; width: 100%}


.quick_search_form_box {background: #f9f9f9; padding: 10px; border: 1px solid #dadada;}
.quick_search_form_box table tbody tr td {text-align: left;}
.quick_search_form_box p.tit {display:inline-block; font-weight:bold; margin-right:10px;}


.search_form_box {border:1px solid #dadada; background:#f2f1f3; padding:10px; margin:0 0px 5px 0px; border-radius: 8px;}
/* .search_form_box {border:1px solid #dadada; background:#f9f9f9; padding:10px; margin:0 0px 10px 0px;} */
.search_form_box.action {display:none;}
.search_form_box table { table-layout: auto;}
/* .search_form_box table {table-layout:fixed;} */
.search_form_box table thead {}
.search_form_box table thead tr {}
.search_form_box table thead tr th {text-align:left; font-weight:bold; border-bottom:1px solid #dadada; padding:5px 0;}
.search_form_box table tbody {}
.search_form_box table tbody tr {}
.search_form_box table tbody tr th {text-align: right; font-size:11px; letter-spacing:-0.5px; line-height:1.2em; font-weight:bold; font-family:'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif; padding-left: 0; padding-right: 5px;}
.search_form_box table tbody tr th i {color:#eb2828;}
.search_form_box table tbody tr td {text-align:left; height:30px; padding-right: 5px; vertical-align:top;}
/* .search_form_box table tbody tr td {text-align:left; height:30px; padding-right:10px; vertical-align:top;} */
.search_form_box table tbody tr td .inline {text-align:left; height:30px; padding-left:10px; padding-right:10px;}
.search_form_box table tbody tr td select { padding:3px; width:100%; vertical-align:middle; border-radius: 5px;}
/* .search_form_box table tbody tr td select {padding:3px; width:100%; vertical-align:middle;} */
.search_form_box table tbody tr td > input {vertical-align:middle;}
.search_form_box table tbody tr td > input[type="text"] {width:100%;}
.search_form_box table tbody tr td > input[type="password"] {width:100%;}
.search_form_box table tbody tr td > input[type="file"] {width:100%; border:none;}
.search_form_box table textarea {width:100%;}
.search_form_box span a.add {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_add.png) center no-repeat; vertical-align:middle;}
.search_form_box a.del {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_del.png) center no-repeat; vertical-align:middle;}
/* .search_form_box table tbody tr td:last-child {padding-right:0px;} */
.search_form_box ::-webkit-scrollbar {
		width: 5px; /*스크롤바의 두께(세로 바)*/
		height: 5px; /*스크롤바의 두께(가로 바)*/
	}
.search_form_box ::-webkit-scrollbar-thumb {
		background-color: #7c7b7b; /*스크롤바 색상*/
	}
.search_form_box ::-webkit-scrollbar-track {
		background-color: #c1c1c1; /*스크롤바 트랙 색상*/
	}

.search_filter_form table thead tr th {padding-left: 1px;}
.search_filter_form table tbody tr td {padding-right: 1px;}
.search_filter_form table thead tr th a.add {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_add.png) center no-repeat; vertical-align:middle;}
.search_filter_form table tbody tr td a.del {display:inline-block; width:25px; height:25px; background:url(../images/btn_filter_del.png) center no-repeat; vertical-align:middle;}

.search_form_box table.findForm { table-layout: auto;}
.search_form_box table.findForm td { border-left: 1px solid #dadada;}
.search_form_box table.findForm table td,
.search_form_box table.findForm td:first-child { border-left: none;}
.search_form_box table.findForm .searchHead { display: flex; align-items: center; margin-left: 10px; padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #dadada;}
.search_form_box table.findForm .searchHead label,
.search_form_box table.findForm .searchHead .labelTxt { font-weight: 600; font-size: 11px; margin-right: 5px;}
.search_form_box table.findForm .searchHead label[for*="configCustomNo"] { font-size: 13px; margin-right: 10px;}
.search_form_box table.findForm .searchHead label[for*="configCustomNo"] input { margin-right: 5px;}
.search_form_box table.findForm .searchHead .labelTxt { margin-right: 10px;}
.search_form_box table.findForm .searchHead .itemContainer { margin-right: 20px;}
.search_form_box table.findForm .searchHead .itemContainer:last-child { flex: 1; text-align: right; margin-right: 0;}
.search_form_box table.findForm .searchHead .itemContainer select { width: auto;}
.search_form_box table.findForm a { display: inline-block; border-radius: 3px; margin-left: 5px; padding: 3px 15px; font-size: 12px; vertical-align: middle; letter-spacing: -0.03em;}
.search_form_box table.findForm .btn_type_search { color: #fff; padding-left: 25px; background: #4a4a4a url(../images/search/icon_search_white.png) no-repeat left 5px center;}
.search_form_box table.findForm > tbody > tr > td:last-child table td { padding-right: 0;}
.search_form_box table.findForm > tbody > tr > td:last-child .preset_calendar { width: calc(50% - 10px); margin-right: 0;}
.search_form_box table.findForm > tbody > tr > td:last-child .preset_calendar + i { display: block; float: left; width: 20px; text-align: center; line-height: 27px;}
.search_form_box table.findForm > tbody > tr > td:last-child .preset_calendar select[id^="preset_"] { width: calc(100% - 117px); min-width: 60px; height: 27px;}
.search_form_box table.findForm .tooltipPop + div[style] { width: 100%;}
.search_form_box table.findForm .tooltipPop + div[style] input[type="text"] { width: 100%;}

@media (max-width: 1598px) {
  .search_form_box table.findForm > tbody > tr > td:last-child .preset_calendar select[id^="preset_"] { width: 100%; margin-bottom: 2px;}
}

.preset_calendar {float: left; margin-right: 5px;}
.preset_calendar select[id^="preset_"] {width: 60px;}
.preset_calendar input[type="text"] {width: 90px; margin-right: 5px;}
.preset_calendar img { cursor: pointer;}

/* 조회영역 열기/닫기 */
.filter_edge .f_btn > a.i_search_opt {line-height: 27px; display: block; padding: 0; color: #666; background: none;}
.filter_edge .f_btn > a.i_search_opt::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/search/icon_search.png) no-repeat;
	background-position: 3px 3px;
	background-size: 43px;
	vertical-align: middle;
}
.filter_edge .f_btn > a.i_search_opt::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/search/icon_arrow_down_line.png) no-repeat;
	/* background-size: 34px; */
	background-position: 0px 4px;
	margin-left: 5px;
	vertical-align: middle;
}
.filter_edge .f_btn > a.i_search_opt:hover {color: #000000;}
.filter_edge .f_btn > a.i_search_opt:hover::before {background: url(../images/search/icon_search.png) no-repeat; background-position: -24px 3px; background-size: 43px;}
.filter_edge .f_btn > a.i_search_opt.active {color: #000000;}
.filter_edge .f_btn > a.i_search_opt.active::before {background-position: -24px 3px;}
.filter_edge .f_btn > a.i_search_opt.active::after {background: url(../images/search/icon_arrow_up_line.png) no-repeat; background-position: -28px 4px;}
/* //조회영역 열기/닫기 */


/* Grid의 Cell중 펼침 사용 열기/닫기 */
.filter_edge .f_btn > a.i_folded_opt {line-height: 27px; display: block; padding: 0; color: #666; background: none;}
.filter_edge .f_btn > a.i_folded_opt::before {
	content: "";
	display: inline-block;
	width: 24px;
	height: 24px;
	background: url(../images/search/icon_folded.png) no-repeat;
	background-position: 3px 3px;
	vertical-align: middle;
}
/* .filter_edge .f_btn > a.i_folded_opt::before { */
/* 	content: ""; */
/* 	display: inline-block; */
/* 	width: 24px; */
/* 	height: 24px; */
/* 	background: url(../images/search/icon_folded.png) no-repeat; */
/* 	background-position: 3px 3px; */
/* 	background-size: 43px; */
/* 	vertical-align: middle; */
/* } */
.filter_edge .f_btn > a.i_folded_opt::after {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/search/icon_arrow_down_line.png) no-repeat;
	/* background-size: 34px; */
	background-position: 0px 4px;
	margin-left: 5px;
	vertical-align: middle;
}
.filter_edge .f_btn > a.i_folded_opt:hover {color: #000000;}
.filter_edge .f_btn > a.i_folded_opt:hover::before {background: url(../images/search/icon_folded.png) no-repeat; background-position: -26px 3px;}
/* .filter_edge .f_btn > a.i_folded_opt:hover::before {background: url(../images/search/icon_folded.png) no-repeat; background-position: -24px 3px; background-size: 43px;} */
.filter_edge .f_btn > a.i_folded_opt.active {color: #000000;}
.filter_edge .f_btn > a.i_folded_opt.active::before {background-position: -24px 3px;}
.filter_edge .f_btn > a.i_folded_opt.active::after {background: url(../images/search/icon_arrow_up_line.png) no-repeat; background-position: -28px 4px;}
/* //Grid의 Cell중 펼침 사용 열기/닫기 */


/* Grid의 Cell에 내용 펴기/접기 */
.cell_folded > a.folded_opt::before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(../images/search/icon_arrow_down_line.png) no-repeat;
	/* background-size: 34px; */
	background-position: 0px 4px;
	margin-left: 0px;
	vertical-align: middle;
}
.cell_folded > a.folded_opt:hover {color: #000000;}
.cell_folded > a.folded_opt.active {color: #000000;}
.cell_folded > a.folded_opt::before {background: url(../images/search/icon_arrow_down_line.png) no-repeat; background-position: -28px 4px;}
.cell_folded > a.folded_opt.active::before {background: url(../images/search/icon_arrow_up_line.png) no-repeat; background-position: -28px 4px;}
/* //Grid의 Cell에 내용 펴기/접기 */


/* Clearable text inputs */
.clearable {
  background: #fff url(../images/btn_close.png) right -40px center no-repeat;
  /* border: 1px solid #999; */
  /* padding: 3px 18px 3px 4px; */     /* Use the same right padding (18) in jQ! */
  /* border-radius: 3px; */
  /* transition: background 0.4s; */
}
.clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
.clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
/* .clearable::-ms-clear {display: none; width:0; height:0;} */ /* Remove IE default X */
/* //Clearable text inputs */

/* kendo Grid 컬럼 넘어가는 문자열 말줄임 */
.k-grid td {overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
/* kendo Grid css에 가로 폭이 100%로 설정되어있어 임의로 늘어나는 것을 방지함. */
.k-grid table {width: 0 !important;}

/* Mulity Check Box */
.multicheck_box {}
.multicheck_box .multicheck_level {position: relative;}
.multicheck_box .multicheck_level dt {}
.multicheck_box .multicheck_level dt {
    display: flex;
    border: 1px solid #c9cfd8;
    border-radius: 5px;
    background-color: white;
}
/* .multicheck_box .multicheck_level dt { */
/*     display: flex; */
/*     border: 1px solid #e1e1e1; */
/*     border-radius: 3px; */
/*     background-color: white; */
/* } */
.multicheck_box .multicheck_level dt span {
    display: flex;
    width: calc(100% - 15px);
}
.multicheck_box .multicheck_level dt span input[type="text"] {
    border-radius: 5px;
    border: 0;
    width: 100%;
    height: 25px;
}
/* .multicheck_box .multicheck_level dt span input[type="text"] { */
/*     border-radius: 5px; */
/*     border: 0; */
/*     width: 100%; */
/* } */
.multicheck_box .multicheck_level dt a:hover {
    color: #3b3b3b;
    /* background-position: right 8px top 5px; */
}
.multicheck_box .multicheck_level dt a {
    /* background: url(../images/search/icon_arrow_down.png) right -21px top 8px no-repeat; */
    background: url(../images/search/icon_multi_check.png) right 0px top 8px no-repeat;
    display: block;
    margin-right: 4px;
    padding-right: 20px;
    border: 0;
    width: 15px;
    height: 17px;
    background-color: white;
}
/* .multicheck_box .multicheck_level dt a { */
/*     background: url(../images/search/icon_arrow_down.png) right -21px top 8px no-repeat; */
/*     background: url(../images/search/icon_multi_check.png) right 0px top 8px no-repeat; */
/*     display: block; */
/*     padding-right: 20px; */
/*     border: 0; */
/*     width: 15px; */
/*     height: 17px; */
/*     background-color: white; */
/* } */

.multicheck_box .multicheck_level dt a span {
    cursor: pointer;
    display: block;
    line-height: 29px;
    padding-left: 10px;
}
.multicheck_box .multicheck_level dd {
    display: none;
    position: absolute;
    z-index: 10;
    background-color: #FFFFFF;
    border: 1px solid #222222;
    /*width: calc(100% - 22px);*/
    width: auto;
    padding: 5px 10px 10px;
    margin-top: -1px;
}
.multicheck_box .multicheck_level dd p {
    padding: 5px 0;
    text-align: left;
}
.multicheck_box .multicheck_level dd ul {
    border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    padding: 10px;
    max-height: 250px;
    overflow-y: auto;
    min-width: 200px;
}
.multicheck_box .multicheck_level dd ul li {
    padding: 2px 0;
}
.multicheck_box .multicheck_level dd ul li > label {
    width: calc(100% - 24px) !important;
    margin-right: 0;
    margin-bottom: 0 !important;
    font-weight: normal;
    text-align: left;
}
/* //Mulity Check Box */


/* JQuery UI 툴팁 */
.ui-tooltip {
	background: #606365;
	border-color: #606365;
	border-radius: 5px;
	width: auto;
	min-width: 50px;
	max-width: 250px;
}
.ui-tooltip-content {
	background-color: #606365;
	color: #FFFFFF;
	font-size: 12px;
}
/* // JQuery UI 툴팁 */

.ui-autocomplete {border : 2px solid #dadada;}
.ui-autocomplete li {font-size: 12px; font-family: 'SamsungOne', '맑은고딕', 'Malgun Gothic', 'dotum', '돋움', Helvetica, AppleSDGothicNeo, sans-serif;}

.ui-autocomplete li .ui-state-hover, .ui-autocomplete li .ui-state-active, .ui-autocomplete li .ui-state-focus {
    border: 1px solid #dadada !important;
	background: #dadada !important;
	color:black !important;
}

.nonActImportant {width: 15px; height: 15px; background: url('../images/bg_category.png') 0 center no-repeat; background-position: 0 -15px;}
.actImportant {width: 15px; height: 15px; background: url('../images/bg_category.png') 0 center no-repeat; background-position: 0 -45px;}