@charset "utf-8";

/* web font */
@font-face {
	font-family: 'Nanum Gothic';
	font-style: normal;
	font-weight: 400;
	src: url(../font/NanumGothic.eot);
	src: url(../font/NanumGothic.eot?#iefix) format('embedded-opentype'),
		src:url(../font/NanumGothic.woff) format('woff'), src:url(../font/NanumGothic.ttf)
		format('truetype');
}

@font-face {
	font-family: 'Nanum GothicBold';
	font-style: normal;
	font-weight: 700;
	src: url(../font/NanumGothicBold.eot);
	src: url(../font/NanumGothicBold.eot?#iefix) format('embedded-opentype'),
		src:url(../font/NanumGothicBold.woff) format('woff'), src:url(../font/NanumGothicBold.ttf)
		format('truetype');
}

.mb0 {margin-bottom:0 !important}

/* layout */ 
html {}
body {
	min-height:100%
}

i {
	font-style: normal
}

input[type=text], input[type=password]{
	box-sizing: border-box;
	padding: 0 2px 0 8px;
	*height: 24px;
	*vertical-align: top
}

.wrap {
	position: relative;
	min-width: 1280px;
	max-width: 1920px;
	height: 100%;
}

.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 55;
	min-width: 1280px;
	background: #010101
}

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

.container {
	position: relative;
	box-sizing:border-box;
	height:100%; 
	padding: 35px 0 0 /*201702수정*/
}

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

.lnb {
	position: relative;
	top: 0;
	left: 0;
	float: left;
	width: 220px;
	/*height:100%;*/
	overflow: hidden;
	z-index: 10;
	padding-bottom: 0;/*1702수정 50px*/
	box-sizing:border-box;
	background: #131313 ; /*1702수정 b00c28*/
}

.content {
	position: relative;
	padding: 30px 20px 30px 0;
	margin-left: 240px;
	color: #777
}

.content_inner {
	display: inline-block;
	width: 100%;
}
.bor_top {
	padding-top:15px;
	border-top:2px solid #787884
}

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

.footer {
	display:none;
	position:relative;
	bottom:0;
	left:0;
	z-index: 5;
	width: 100%;
	height: 30px;
	margin-top: -30px;
	line-height: 30px;
	background: #f5f6fa;
	text-align: center
}

.bg_lnb {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 220px;
	height: 100%;
	background: #ddd/*1702수정 262626*/
}

.container.headLine {
	padding-top: 100px
}

.container.wideContent .lnb {
	width: 30px;
}

.container.wideContent .lnb_tit {
	font-size: 0
}

.container.wideContent .lnb_menu a {
	overflow: hidden;
	line-height: 0;
	font-size: 0;
	background-image: none !important;
	letter-spacing: -1px
}

.container.wideContent .lnb_menu .btn_favo {
	right: 50px
}

.container.wideContent .lnb_menu .btn_favo {
	right: 50px
}

.container.wideContent .bg_lnb {
	width: 30px
}

.container.wideContent .content {
	margin-left: 50px
}

/* .container.wideContent .lnb {left:-190px} */
.copyright {
	display: block;
	padding-left: 220px;
	text-align: center;
	font-size: 12px;
	color: #8a8b8c
}

/* Basic Setting */
.jqtransformdone input[type="text"] {
	color: #555 !important
}

.jqtransformdone select {
	color: #989899 !important
}

.jqtransformdone label {
	font-size: 13px;
	line-height: 1.3em;
	color: #787878;
	vertical-align: middle
}

.jqtransformdone .inp_group {
	display: inline-block;
	vertical-align: middle;
	max-height: 32px
}

.jqtransformdone .inp_group+.inp_group {
	margin-left: 25px
}

.jqtransformdone .inp_group.pct+.inp_group.pct {
	margin-left: 5px
}

.jqTransformSelectWrapper+.jqTransformInputWrapper {
	margin-left: 5px
}

.jqtransformdone label+.jqTransformInputWrapper, .jqtransformdone label+.jqTransformSelectWrapper
	{
	margin-left: 15px
}
/* Selects */
.jqTransformSelectWrapper {
	width: 45px;
	max-width: 100%;
	position: relative;
	height: 26px;
	display: inline-block;
	background: #fff;
	vertical-align: middle
}

.jqTransformSelectWrapper div {
	position: relative;
	height: 24px;
	border: 1px solid #d2d4d9
}

.jqTransformSelectWrapper div span {
	width: 100%;
	font-size: 12px;
	float: none;
	position: absolute;
	white-space: nowrap;
	height: 24px;
	color: #555;
	overflow: hidden;
	cursor: pointer
}

.jqTransformSelectWrapper div span i {
	width: 100% !important;
	font-style: normal;
	display: inline-block;
	padding: 4px 0 0 11px
}

.jqTransformSelectWrapper  a.jqTransformSelectOpen {
	display: block;
	position: absolute;
	right: 0;
	width: 32px;
	height: 24px;
	background: url(../img/btn_select_arrow.png) no-repeat right 3px
}

.jqTransformSelectWrapper ul {
	position: absolute;
	z-index:5;
	width: 100% !important;
	top: 24px;
	left: 0px;
	list-style: none;
	background-color: #FFF;
	display: none;
	margin: 0px;
	padding: 0 0 0;
	height: auto;
	overflow: auto;
	overflow-y: auto;
	border-top: 1px solid #d2d4d9;
	border-bottom: 1px solid #d2d4d9;
	max-height: 118px
}

.jqTransformSelectWrapper ul li {
	width: 100%;
	padding: 0
}

.jqTransformSelectWrapper ul li a {
	display: block;
	padding: 4px 0 4px 11px;
	text-decoration: none;
	color: #989899;
	background-color: #FFF;
	font-size: 12px;
	border-top: 1px solid #d2d4d9;
	border-right: 1px solid #d2d4d9;
	border-left: 1px solid #d2d4d9
}
.jqTransformSelectWrapper ul li:first-child a {
	border-top:0
}
.jqTransformSelectWrapper ul a.selected {
	background: #f1f1f1
}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover
	{
	background: #f1f1f1
}
/* Hidden - used to hide the original form elements */
.jqTransformHidden {
	display: none
}
/* Checkbox */
span.jqTransformCheckboxWrapper {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	*display: inline;
	*zoom: 1
}

a.jqTransformCheckbox {
	background: transparent url('../img/chk_box_img.png') no-repeat;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	display: block
}

span.jqTransformCheckboxWrapper+label {
	margin-left: 5px;
	line-height: 20px
}

label+span.jqTransformCheckboxWrapper {
	margin-left: 10px
}
/* Checked - Used for both Radio and Checkbox */
a.jqTransformChecked.jqTransformCheckbox {
	background: transparent url('../img/chked_box_img.png') no-repeat
}

a.jqTransformChecked.jqTransformRadio {
	background: transparent url('../img/radio_chked_img.png') no-repeat
}
/* Radio */
.jqTransformRadioWrapper {
	margin: 0;
	vertical-align: middle
}

.jqTransformRadio {
	display: inline-block;
	background: transparent url('../img/radio_img.png') no-repeat;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	*display: inline;
	*zoom: 1
}

.jqTransformRadioWrapper+label {
	margin-left: 5px;
	line-height: 20px
}

label+.jqTransformRadioWrapper {
	margin-left: 10px
}

/* 정렬 */
.al_c {
	text-align: center
}

.al_l {
	text-align: left
}

.al_r {
	text-align: right
}

.ve_t {
	vertical-align: top
}

.ve_m {
	vertical-align: middle
}

.ve_b {
	vertical-align: bottom
}

/* font */
.fnt_s {
	font-size: 10px
}

/* header */
.header_in {
	position:relative; 
	padding:0 480px 0 240px; 
}

.head_left {
	
}

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

.head_left h1 {
	position:absolute; top:0; left:0;
}
.head_nav {
    position: relative;
    z-index: 5;
    overflow:visible; 
    height: 35px;
	min-width:620px;
	max-width:620px
}/*170215수정*/

.head_nav ul:after {
	display: block;
	clear: both;
	content: ""
}
.head_nav > ul > li {
    float: left;
    display: block;
    width: 125px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}/*170215수정*/
.head_nav ul li a {
	font-family: 'Malgun Gothic', Dotum, '돋움';
	display: block;
	font-size: 13px;/* 15px수정201702*/
	font-weight: 700;
	color: #ccc /* ffcccc수정201702*/
}
/* 서브 펼침 메뉴 스타일 추가201702*/
.head_nav ul li.active > a {
	color: #fff;
	background:#b00c27;
}
.head_nav ul li ul.Depth_02 {
	display:block; 
	position:absolute; 
	top:35px;/* 45px 수정201702*/
	background: #3c3c3c;border-bottom:1px solid #96979a;
}
.head_nav ul li ul li{
    float: none;
    display: block;
    width: 240px;
    /* height: 30px; */
    text-align: left;
    position: relative;
}
/*추가201702*/
.head_nav ul li ul li a{
    display: block;
    padding: 10px 8px 10px 15px;
    color: #a2a2a2;
    font-size: 12px;
    line-height: 1em;
    letter-spacing: -0.02em;
}
.head_nav ul li ul li a:hover{
	background:#ccc;
	color:#666;
}
.head_nav ul li ul li.active a{
	background:#000
}
.head_nav ul li ul.Depth_02 li ul.Depth_03 {
	background:#282626;display:block; 
	border-top:1px solid #96979a;/* 45px 수정201702*/
}
.head_nav ul li ul.Depth_02 li ul.Depth_03 li a{
	padding-left:25px;color:#FFFFFF
}
.head_nav ul li ul.Depth_02 li ul.Depth_03 li a:hover{
	background:#ccc;
	color:#666;
	padding: 10px 8px 10px 23px;
	display: block;
}
.head_nav ul li ul.Depth_02 li ul.Depth_03.active li a{
	background:#000
}
/*상단 펼침 서브메뉴 타이틀 스타일 20170215 511라인으로 이동*/
.depth_title{
	border-top:1px solid #96979a;display:block; margin-top:-1px}

ul.Depth_02 li:first-child  > a.depth_title{
	border-top:none;
}
.head_nav ul li ul.Depth_02 {
	display:block; 
	position:absolute; 
	top:35px;/* 45px 수정201702*/
	background: #3c3c3c;
}

.arrow{position:absolute; display:inline-block;right:0px; top:8px; color:#666; width:16px; height:16px; background: url(../img/bg_lnb_arrow_right.png) no-repeat 50% 50%;}
.mpopup{position:absolute; display:inline-block;right:8px; top:8px; color:#666; width:16px; height:16px; background: url(../img/bg_icon_popup.png) no-repeat 50% 50%;padding: 0!important;}/*20170209수정 */
.mpopup:hover{position:absolute; display:inline-block;right:8px; top:8px; color:#666; width:16px; height:16px; background: url(../img/bg_icon_popup.png) no-repeat 50% 50% !important;padding: 0!important;}/*20170209추가 */

.head_right {
	position:absolute; top:0; right:0; 
	min-width: 240px;
}

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

.research_team {
    float: left;
    padding-top: 6px;/*201702수정*/

}
.research_team ul {padding-top:4px;}
.research_team ul:after {
	display: block;
	clear: both;
	content: ""
}

.research_team .research  ul>li {
	float: left;
	font-size: 13px;
	font-weight: 700;
	color: #e47385;
	font-family: 'Malgun Gothic'
}

.research_team .research {
	display: inline-block;
	vertical-align: middle;
	*display: inline;
	*zoom: 1
}

.research_team .team {
	background: url(../img/bl_bar1x14.gif) no-repeat 100% 50%;
	padding-right: 13px;
	margin-right: 12px
}

.research_team .mymenu {
	z-index: 100;
	position: relative;
	display: inline-block;
	width: 105px !important;
	margin-left: 11px;
	vertical-align: middle;
	*display: inline;
	*zoom: 1
}

.research_team .mymenu select {
	width:100%
}

.setting_area {
	float: right;
	margin-left: 6px
}

.setting_area .nav_opt:after {
	display: block;
	clear: both;
	content: ""
}
/*수정 201702*/
.setting_area .nav_opt>li {
	position: relative;
	float: left;
	margin-right: 1px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.setting_area .nav_opt a {
	display: block
}

.setting_area .language>a {
	background: #8d0312 url(../img/ico_lang.png) no-repeat 50% 50%;
	text-indent: -9999px
}

.setting_area .admin>a {
	background: #8d0312 url(../img/ico_person.png) no-repeat 50% 50%;
	text-indent: -9999px
}

.setting_area .logout a {
	background: #201c1d url(../img/ico_lock.png) no-repeat 50% 50%;
	text-indent: -9999px
}

.setting_area .nav_opt_layer {
	display: none;
	position: absolute;
	top: 35px;/*수정 201702*/
	right: 0;
	border: 1px solid #555;
	z-index: 100;
	background: #edeef3
}

.setting_area .nav_opt_layer li:first-child {
	border-top: 0
}

.setting_area .nav_opt_layer li {
	width: 49px;
	height: 28px;
	line-height: 28px
}

.setting_area .nav_opt_layer li .layer_link {
	display: block;
	text-align: center;
	color: #000;
	font-weight: 700
}

.setting_area .nav_opt_layer li .layer_link:hover {
	color: #b00c28
}

.setting_area .nav_opt_layer li.active .layer_link {
	color: #b00c28
}

/* mymenu select */
.mymenu .jqTransformSelectWrapper {
	height: 22px
}

.mymenu .jqTransformSelectWrapper div {
	height: 20px
}

.mymenu .jqTransformSelectWrapper div span {
	height: 20px
}

.mymenu .jqTransformSelectWrapper a.jqTransformSelectOpen {
	top: -2px
}

.mymenu .jqTransformSelectWrapper ul {
	top: 21px
}

.mymenu .jqTransformSelectWrapper ul li a {
	padding: 3px 11px
}

.mymenu .jqTransformSelectWrapper div span i {
	padding: 2px 0 0 10px
}

/* lnb */
.lnb_inner {
	position: relative
}
/*1702수정*/
.lnb_tit {
	display: block;
	font-family: 'Malgun Gothic';
	padding: 6px 0 12px 14px;
	background: #b00c27;
	font-size: 25px;
	line-height: 1em;
	font-weight: 700;
	color: #fff
}
/*1702추가 로그인 정보*/
.info_menwrap {
	position:relative; 
	margin:20px 0 5px 0;
	padding:0 5px; 
	color:#ccc; 
	font-size:12px;
}
.info_menwrap .i_country{
	position:absolute;
	right:8px;top:5px; 
	width:30px;height:20px;
	margin:0 0 5px 0;
}
.info_menwrap .i_name{
	line-height:1em;
	margin:0 0 5px 0
}
.info_menwrap .i_name img{vertical-align:bottom; margin:0 5px 0 0}
.info_menwrap .i_date{
	line-height:1em; 
	margin:8px 0 8px 0
}
.info_menwrap .i_date img{vertical-align:bottom; margin:0 5px 0 0}

.lnb_menu {
	/*border-bottom: 1px solid #9ea0a3;*/
	background: #e0e0e0;
	font-size: 13px;
	font-weight: 700;
	color: #3c3c3c
}

.lnb_menu .btn_favo {
	position: absolute;
	top: 6px;
	right: 5px;
	z-index: 5;
	width: 20px;
	height: 20px;
	background: url(../img/bg_lnb_star.png) no-repeat 50% 50%; 
	font-size:0
}

.lnb_menu .btn_favo.on {
	background-image: url(../img/bg_lnb_star_on.png)
}

.lnb_menu li {
	position: relative
}

.lnb_menu li a {
	display: block;
	font-family: 'Malgun Gothic'
}

.lnb_menu>li:first-child {
	border-top: 1px solid #ccc/*201702수정 3c3c3c*/
}

.lnb_menu>li {
	border-top: 1px solid #ccc;/*201702수정96979a*/
	background-image: none
}

.lnb_menu .menu01, .lnb_menu .menu01_sub {
	padding: 12px 20px 10px 14px;
	min-height: 17px;
	color: #3c3c3c
}

.lnb_menu .menu01_sub {
	background: url(../img/bg_lnb_arrow_right.png) no-repeat 98% 15px
}

.lnb_menu .menu02_sub {
	display: none
}

.lnb_menu .menu02_sub li {
	padding: 8px 0 8px 6px;
	background: #282626
}

.lnb_menu .menu02_sub li a {
	padding: 0 20px 0 15px;
	color: #b3b3b3
}

.lnb_menu .menu02_sub li.active a {
	color: #f5f5f5
}

.lnb_menu .menu02_sub .btn_favo {
	top: 5px
}

.lnb_menu .active .menu01_sub {
	background: #3c3c3c url(../img/bg_lnb_arrow_on.png) no-repeat 98% 16px;
	color: #fff
}

.lnb_menu .active .menu02_sub {
	display: block
}
/* 왼메뉴 펼치는 버튼 수정 201702*/
/*
.lnb_inner .lnb_btn_arr {
	position: absolute;
	top: 0;
	right: 0
}

.lnb_inner .lnb_btn_arr a {
	display: block;
	width: 28px;
	height: 28px;
	text-indent: -9999px;
	background: #4d121c url(../img/lnb_right_arr.png) no-repeat 50% 80%  201702수정 50% 50%을
}
.lnb_inner .lnb_btn_arr .active {
	background: #4d121c url(../img/lnb_left_arr.png) no-repeat 50% 80%
}
*/
.lnb .lnb_btn_arr {
	position: absolute;
	top: 0;
	right: 0
}

.lnb .lnb_btn_arr a {
	display: block;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	background: url(../img/lnb_right_arr.png) no-repeat -2px -6px
}
.lnb .lnb_btn_arr .active {
	background: url(../img/lnb_left_arr.png) no-repeat -2px -6px
}

/*상단 메뉴 더보기 버튼 201702*/
.menu_btn_wrap{
position:absolute; left:-20px;top:0;
}
.menu_btn_wrap .btn_arr{
display:block; width:20px; height:35px; background:url('../img/btn_bg_left.png')
}
/* content */
.location {
	position: absolute;
	top: 4px;
	right: 30px
}

.location ul:after {
	display: block;
	clear: both;
	content: ""
}

.location li {
	float: left;
	padding-left: 11px;
	margin-left: 12px;
	height: 20px;
	line-height: 20px;
	font-weight: 700;
	color: #9da1a9;
	background: url(../img/bu_location.png) no-repeat 0 4px
}

.location li.loc_home {
	padding-left: 0;
	margin-left: 0;
	background: none
}

.location li strong {
	font-weight: 700;
	color: #5c5c5c
}

.page_tit {
	position:relative;
	padding:10px 0 10px 10px; 
	font-size : 18px;
	line-height: 18px;
	color: #555;
	background:url(../img/tit_ic.png) no-repeat 0 50%;
}

.con_both {
	display:block;
	clear:both;
	content:"";	
}
.con_both:after {display:block; content:""; clear:both}
.con_left {
	float: left;
	position:relative;
}

.con_right {
	float: right;
	position:relative;
}

.con_tit {
	position:relative;
	padding:10px 0 10px 10px;
	font-size:18px;
	color: #555;
	font-weight: 700;
	line-height:1.8em;
	background:url(../img/tit_ic.png) no-repeat 0 50%;
}
.con_tit_sub {
	position:relative;	
	padding-left:10px;
	background:url(../img/bl_dot5x5.gif) no-repeat 0 50%;
	font-weight: 700
}

.con_tit_sub.spbtm
{
	margin-bottom:10px	
}

.con_tit.con_top {
	padding: 19px
}

.tit_area {
	position: relative;
	padding: 0 0 7px;
	color: #777;
	font-size: 13px
}

.tit_area .con_tit {
	display: inline-block;
	padding: 0 0 0 10px;
	vertical-align: middle;
}

.tit_area .ctit_group {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	margin-left:15px
}

.tit_area .ctit_group label, 
.tit_area .ctit_group .jqTransformRadioWrapper, 
.cgroup,
.cgroup .jqTransformRadioWrapper, 
.cgroup label {
	display: inline-block;
	color: #777;
	vertical-align: middle;
	font-size:12px
}

.tit_area .con_tit+.ctit_group {
	margin-left: 40px
}

.tit_area .gtit {
	display: inline-block;
	margin-right: 10px
}

.tit_tab {
	padding: 10px 0;
	text-align: center;
}

.inpt_r {
	margin-left: 10px;
}

.btns_abR {
	position: absolute;
	top: 13px;
	right: 0
}

/* input */
input.al_c {
	padding-left: 0;
	padding-right: 0
}

input.al_r {
	padding-left: 0;
	padding-right: 8px
}

input[type=text].inpt_read {
	background: #eee
}

input[type=text].inp_txt {
	margin-right: 3px
}

/* button */
.btn_search {
	display: inline-block;
	width: 31px;
	height: 26px;
	text-indent: -9999px;
	background: url(../img/btn_search.png) no-repeat 50% 50%;
	vertical-align: middle
}

.btn_search_small {
	display: inline-block;
	width: 15px;
	height: 20px;
	text-indent: -9999px;
	background: url(../img/btn_search.png) no-repeat 50% 50%;
	vertical-align: middle
}

.inp_btn {
	position: relative;
	display: inline-block;
	border: 1px solid #d2d4d9
}

.inp_btn .inpt {
	padding-right: 5px;
	border: 0
}
/* .inp_btn .btn_search {position:absolute; top:-1px; right:-1px; margin:1px 1px 0 0; border:0; border-left:1px solid #dfdfdf}*/
.inp_btn_srch {
	position: relative;
	display: inline-block;
	padding-right: 30px
}

.inp_btn_srch .btn_search {
	position: absolute;
	top: 0;
	right: 0
}

.inp_sel {
	display: inline-block;
	min-width: 100px;
	height: 26px; 
	text-align:left
}

.inp_sel+.chk_group {
	margin-left: 10px
}

.des_txt {
	margin-left: 5px;
	font-size: 12px;
	color: #3c404a
}

.inp_txt.inp_btn {
	font-size: 0
}

.hasDatepicker + button.ui-datepicker-trigger {margin-left:-2px}

/* 조회 조건 */
.selChk_area {
	position: relative
}

.selChk_box {
	position: relative;
	margin: 0 0 10px;
	padding: 4px 10px 5px 15px;
	background: #fefefe;
	border: 1px solid #999
}

.selChk_box2 {
	position: relative;
	margin: 5px 0;
	padding: 8px 15px;
	background: #fefefe;
	border: 1px solid #dbdde1
}

.selChk_box2 .stit {
	
}

.tbl_chkBox {
	
}

.chk_line {
	padding: 1px 0;
	vertical-align: middle
}

.chk_line.line_none {
	display: none
}

.chk_line th, 
.chk_line td {
	padding: 1px 0
}

.chk_line th {
	font-weight: 700;
	font-size: 13px;
	color: #50545c;
	text-align: left
}

.chk_line_headLine th {padding-bottom:5px; text-align:center; border-bottom:1px solid #dbdde1}
.chk_line_headLine th.no_line {border-bottom:0}
.chk_line_first th, 
.chk_line_first td {padding-top:5px}

.tbl_chkBox label {
	font-size: 12px
}

.chk_line2 th, .chk_line2 td {
	padding: 5px 10px;
}

.chk_line2 th {
	font-weight: 700;
	font-size: 12px;
	color: #50545c;
	text-align: right
}

.btn_selMore {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 50
}

.btn_selMore a {
	display: block;
	width: 27px;
	height: 27px;
	line-height: 27px;
	border: 1px solid #d5d7db;
	text-indent: -99999px;
	background: #edeef3 url(../img/btn_more_down.png) no-repeat 50% 50%;
}

.btn_selMore .active {
	background: #edeef3 url(../img/btn_more_up.png) no-repeat 50% 50%
}

.btns_area {
	position: relative;
	display: block;
	margin-bottom: 20px;
	text-align: center
}

.btns_area.nos {margin-bottom:0}
.selChk_box2 .btns_area {margin:0 0 5px 0}
.btns_inner {
	position: absolute;
	top: 3px;
	right: 9px
}

.btns_areaL {
	float: left
}

.btns_areaR {
	float: right
}

.btns_area.al_l {
	text-align: left
}

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

.btn_print {
	display:inline-block; 
	padding:0 0 0 26px; 
	min-width:80px; 
	height:28px; 
	line-height:28px; 
	background:url(../img/btn_print_front.png) no-repeat 0 0; 
	color:#777; 
	font-weight:700; 
	font-size:12px; 
	text-align:center
}
.btn_print span {
	display:block; 
	padding-right:10px; 
	background:url(../img/btn_print_after.png) no-repeat 100% 0
}

.btn_print:hover {
	background-position:0 100%
}
.btn_print:hover span {
	background-position:100% 100%
}

.btn_calendar {
	display: inline-block;
	width: 31px;
	height: 26px;
	background: #e9eaf0 url(../img/btn_calendar.png) no-repeat 50% 50%;
	font-size: 0;
	line-height: 0;
	vertical-align: middle;
	/*border: 1px solid #d3d4d9*/
}
.inpt_read +.btn_calendar,
.inpt+.btn_calendar {
	margin-left: -6px
}

.posi_right {
	position: absolute;
	top: 0;
	right: 0; 
	z-index:1; 
}


/* Button */
.btn_rnd {
	display: inline-block;
	height: 28px;
	padding-left: 12px;
	line-height: 28px;
	background: url(../img/btn_rnd_front.png) no-repeat 0 0;
	color: #fff;
	font-weight: bold;
	text-align: center
}

.btn_rnd span {
	display: block;
	height: 28px;
	padding-right: 12px;
	line-height: 28px;
	background: url(../img/btn_rnd_after.png) no-repeat 100% 0;
	text-align: center
}

.btn_rnd i {
	display: block;
	height: 28px;
	min-width: 60px;
	background-repeat: no-repeat
}

.btn_rnd.ico_check i {
	min-width: 45px;
	padding-left: 15px;
	background: url(../img/ico_srch.png) no-repeat 0 50%
}

.btn_rnd.ico_excel i {
	min-width: 44px;
	padding-left: 16px;
	background: url(../img/ico_excel.png) no-repeat 0 50%
}

.btn_rnd.ico_excel2 i {
	min-width: 44px;
	padding-left: 16px;
	background: url(../img/ico_excel.png) no-repeat 0 50%
}

.btn_rnd.ico_copy i {
	min-width: 45px;
	padding-left: 15px;
	background: url(../img/ico_copy.png) no-repeat 0 50%
}
/*
.btn_rnd:hover {
	background-image: url(../img/btn_rnd_front_on.png)
}

.btn_rnd:hover span {
	background: url(../img/btn_rnd_after_on.png) no-repeat 100% 100%
}*/

.btn_rnd:hover {background-position:0 100%}
.btn_rnd:hover span {background-position:100% 100%}

.btn_rnd[class*='ico_'] {background-image:url(../img/btn_ico_front.png); color:#5a5653}
.btn_rnd[class*='ico_'] span {background-image:url(../img/btn_ico_after.png)}
.btn_rnd[class*='ico_'] i {min-width:45px; padding-left:15px}
.btn_rnd[class*='ico_']:hover {background-position:0 100%}
.btn_rnd[class*='ico_pop'] i {padding-left:22px}

.btn_rnd.ico_ span {min-width:47px}
.btn_rnd.ico_regi i {background:url(../img/ico_register.png) 0 50% no-repeat}
.btn_rnd.ico_save i {background:url(../img/ico_save.png) 0 50% no-repeat}
.btn_rnd.ico_modi i {background:url(../mg/ico_modify.png) 0 50% no-repeat}
.btn_rnd.ico_del i {background:url(../img/ico_delete.png) 0 50% no-repeat}
.btn_rnd.ico_cancel i {background:url(../img/ico_cancel.png) 0 50% no-repeat}
.btn_rnd.ico_pop i {background:url(../img/ico_popup.png) 0 50% no-repeat}
.btn_rnd.ico_ins i {background:url(../img/ico_insert.png) 0 50% no-repeat}
.btn_rnd.ico_res i {background:url(../img/ico_result.png) 0 50% no-repeat}
.btn_rnd.ico_att i {background:url(../img/ico_attach.png) 0 50% no-repeat}
.btn_rnd.ico_conf i {background:url(../img/ico_confirm.png) 0 50% no-repeat}


.btn_squ {
	display: inline-block;
	background: url(../img/btn_type01.png) no-repeat 0 0;
	padding-left: 14px;
	color: #fff
}

.btn_squ span {
	display: block;
	background: url(../img/btn_type01.png) no-repeat 100% 0;
	padding-right: 14px;
	font-weight: 700;
	line-height:30px;
	height: 30px;
}

.btn_squ i {
	display: inline-block;
	height: 30px;
	line-height:30px;
	background-color:#757984
}

.btn_add {
	display: inline-block;
	width: 22px;
	height: 23px;
	background: url(../img/icon_plus2.png) no-repeat 50% 50%;
	font-size: 0;
	vertical-align: middle
}

.btn_del {
	display: inline-block;
	width: 22px;
	height: 23px;
	background: url(../img/icon_minus2.png) no-repeat 50% 50%;
	font-size: 0;
	vertical-align: middle
}

.btn_squ span i {
	background-color:#757984
}

/* tab */
.tab_area {
	position: relative;
	height: 31px;
	margin-bottom: 5px;
	padding-top:3px;
	border-bottom: 2px solid #aaa;
	*zoom: 1
}

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

.tab {
	height: 31px;
	*zoom: 1
}

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

.tab ul:after {
	display: block;
	clear: both;
	content: ""
}

.tab li {
	float: left;
	height: 31px;
	margin-right: 1px;
	text-align: center
}

.tab li a {
	display: block;
	width: 148px;
	height: 31px;
	padding-left: 10px;
	line-height: 31px;
	font-size: 13px;
	font-weight: 700;
	color: #999;
	background: url(../img/bg_tab_off.png) no-repeat 0 0;
}

.tab li a span {
	display: block;
	height: 31px;
	padding-right: 10px;
	background: url(../img/bg_tab_off.png) no-repeat 100% 0
}

.tab li a:hover, .tab li.active a {
	height: 33px;
	background-image: url(../img/bg_tab_on.png);
	color: #111
}

.tab li a:hover span, .tab li.active span {
	height: 33px;
	color: #111;
	background-image: url(../img/bg_tab_on.png)
}

.pm_btn_area {
	position: absolute;
	top: 0;
	right: 0; 
	z-index:1; 
}

.pm_btn_area a {
	display: inline-block;
	line-height: 33px
}

.tabContWrap {
	/*overflow-y: hidden;
	overflow-x: auto*/
}

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

.tabCont {
	display: none
}

.tabCont:first-child {
	display: block
}

.grid_area {
	/*border:1px solid #999;
	overflow: auto;
	line-height: 1.3em;
	background: #eee*/
	box-sizing:border-box;
}

.inner_tab {
	margin-top: 15px
}

/* Table */
.tbl_wrapTop {
	border-top: 2px solid #999
}

.tbl_styFix {
	min-width: 1280px
}

.tbl_wrapTop .tbl_sty01 {
	border-top: 0
}

.tbl_sty01 {
	width: 100%;
	margin-bottom: 20px;
	border-top: 1px solid #dbdde1;
	border-right: 1px solid #dbdde1
}

.tbl_sty01 .inptxt {
	height: 24px;
	color: #777
}

.tbl_sty01 th, .tbl_sty01 td {
	border-bottom: 1px solid #dbdde1;
	font-size: 13px
}

.tbl_sty01 th {
	height: 26px;
	padding: 0 2px 0 11px;
	background: #edeef3;
	text-align: left;
	color: #333;
	border-left: 1px solid #dbdde1;
	border-right: 1px solid #dbdde1;
	font-weight: normal
}

.tbl_sty01 td {
	padding: 2px 5px 2px 7px;
	color:#787878
}

.tbl_sty01 .inpt { /* margin:1px 0 */
	
}

.tbl_sty01 .role_th { /* border-right:1px solid #dbdde1 */
	
}

.tbl_sty01 td.al_r {
	padding-left: 2px
}

.tit_th {
	font-weight: 700;
	vertical-align: middle
}

.vital {
	position: relative;
	*zoom: 1;
}

.vital:before {
	display: inline-block;
	content: "*";
	position: absolute;
	top: 2px;
	left: -9px;
	color: #f00;
}

.tbl_tit {
	margin-bottom: 10px
}

.lay_tbl {
	width: 100%
}

.lay_tbl td {
	padding: 1px 2px
}

.lay_tbl td.al_r {
	padding-right: 10px
}

.lay_tbl .in_bt {
	display: inline;
}

.box_line {
	padding: 13px;
	border: 1px solid #d2d4d9
}

.box_line .lay_tbl {
	margin-bottom: 15px
}

.wp_sty01 {
	width: 25%;
	box-sizing:border-box;
}

.wp_sty01 .box_line {
	margin-right: 30px;
	padding-top:10px;
}

.wp_sty02 {
	width: 75%;
	box-sizing:border-box;
}

.wp_sty03 {
	box-sizing:border-box;
	width: 60%
}

.wp_sty04 {
	width: 40%;
	box-sizing:border-box;
}
.wp_sty05 {width:30%; box-sizing:border-box}
.wp_sty06 {width:70%; box-sizing:border-box}
.wp_sty_h {
	width:50%;
	box-sizing:border-box;
}

.tbl_sty01 td.no_pl {
	padding-left: 0
}


td.no_pl {
	padding-left: 0
}
.lay_tbl td.no_pr, 
td.no_pr {
	padding-right: 0
}
.line_top {
	padding-top: 5px;
	vertical-align: top;
}

.tbl_chk {
	padding-top: 5px;
	border: 1px solid #dbdde1;
}

.r_space {
	margin-right: 7px;
}

.tbl_sty01 ul.chk_list {
	padding-top: 5px;
}

.tbl_sty01 ul.chk_list li {
	padding-bottom: 7px;
}

.tbl_sty01 .name_l {
	padding-left: 15px;
}

/* popup */
#mask {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 60;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.3;
	filter: alpha(opacity = 30)
}

.lypop {
	
}

.lypop_wrap {
	display: none;
	position: absolute; /* top:50%; left:50%; */
	width: auto;
	z-index: 70;
	background: #fff;
	border: 1px solid #5d5d5d
}

.pop_header {
	position: relative;
	height: 40px;
	padding: 0 0 0 17px;
	background: #b00c28;
	line-height: 40px
}

.pop_title {
	font-size: 18px;
	color: #fff;
	font-weight: 400
}

.pop_content {
	box-sizing: border-box;
	height: 100%;
	padding: 10px;
	background: #fff;
	overflow-y: auto;
}

.pop_btnclose {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 40px;
	height: 40px;
	background: url(../img/popup_close.png) no-repeat 50% 50%;
	font-size: 0;
	line-height: 0
}

.lypop_wrap .btns_area {
	padding: 10px 0
}

.pop_content .lypop_btmclose {
	padding: 5px 0
}

.top_srch {
	padding: 10px 0 15px;
	text-align: center
}

.p_top_srch {
	padding: 10px 0 15px;
}

.top_srch .lay_tbl {text-align:left}

.p_top_srchin {
	padding:0 10px	
}

.top_srch .inp_sel {
	text-align: left
}

.top_srch.top_srch_left {
	text-align: left
}

.lypop_wrap.lypop_large {
	box-sizing: border-box;
	width: 1100px;
	height: 827px; /* margin-left:-550px; margin-top:-413px */
}

.lypop_wrap.lypop_large .pop_content {
	height: 775px
}

.lypop_wrap.lypop_middle {
	box-sizing: border-box;
	width: 800px;
	height: 602px; /*  margin-left:-400px; margin-top:-301px */
}

.lypop_wrap.lypop_middle .pop_content {
	height: 550px
}

.lypop_wrap.lypop_small {
	box-sizing: border-box;
	width: 500px;
	height: 377px; /* margin-left:-250px; margin-top:-176px */
}

.lypop_wrap.lypop_small .pop_content {
	height: 335px
}

/* 팝업 첨부파일 */
.attchmnt .add_del_btn {
	margin-bottom: 5px
}

.attchmnt .attch_tbl {
	margin-bottom: 33px;
	border-right: 0;
	border-top: 0
}

.attchmnt .attch_tbl th {
	border-left: 0;
	border-right: 0;
	border-bottom: 2px solid #999;
	text-align: center
}

.attchmnt .attch_tbl td {
	height: 26px;
	text-align: center
}

/* 전성분표시 내역 */
.date {
	margin-left: 14px
}

.totemsignsr .tbl_chkBox .lang_radio {
	display: inline-block;
	margin-left: 14px;
	*display: inline;
	*zoom: 1
}

/* 원료 성분 마스터관리 */
.add_del_btn {
	display: block;
	margin-bottom: 2px;
	padding-bottom:2px;
	text-align: right
}

.master_rgst .rawe_tbl {
	margin-top: 10px
}

.master_rgst .rawe_tit {
	padding: 0
}

/*.master_rgst .selChk_area {
	margin: 0 0 20px
}*/
.selChk_area {
	padding:0;	
}
.master_rgst .tab_header {
	position: relative
}

.master_rgst .posi_right {
	/*top: -6px*/
}

/* 품질검사 대상 */
.btns_box {
	margin: 10px 0
}

.label_pub .lay_tbl {
	margin-bottom: 10px
}

.label_pub .print_btn {
	margin-bottom: 10px;
	text-align: right
}

.crntSrch .lypop_wrap .btns_area {
	padding: 0;
	margin-bottom: 10px
}

.crntSrch .lypop_wrap .srch {
	margin: 10px 0
}

.unsuited_img .selChk_box {
	padding: 10px
}

.unsuited_img .pop_btm {
	position: relative
}

.unsuited_img .img_box {
	position: absolute;
	top: 0;
	left: 0;
	background: #eee;
}

.unsuited_img .img_con {
	margin-left: 158px
}

.unsuited_img .btn_search {
	width: 70px;
	height: 26px;
	background: url(../img/btn_type2.png) no-repeat;
	line-height: 26px;
	text-indent: initial;
	color: #fff;
	font-weight: bold;
	text-align: center
}

.unsuited_img .img_con .tbl_chkBox {
	margin-bottom: 5px
}

.unsuited_img .upload {
	border-right: 0;
	border-top: 0
}

.unsuited_img .upload th {
	border-left: 0;
	border-right: 0;
	border-bottom: 2px solid #999;
	text-align: center
}

.unsuited_img .upload td {
	height: 26px;
	text-align: center
}

.unsuited_img.save {
	display: inline-block;
}

.log_book .print_btn {
	text-align: right
}

.qlty_rslt .lypop_wrap .btns_area {
	margin-bottom: 0
}

.qlty_rslt .othr .chk_line th {
	padding-left:5px;
	text-align: left
}

.qlty_rslt .othr .chk_line .unsl {
	padding:0;
	text-align: center
}

.qlty_rslt .lypop_wrap .con_tit {
	padding: 0
}

.qlty_rslt .lypop_wrap .rslt_btm:after {
	display: block;
	clear: both;
	content: ""
}

.qlty_rslt .lypop_wrap .rslt_btm .con_left {
	float: left
}

.qlty_rslt .rslt_btm .rslt_btn {
	margin: 0 10px;
	text-align: center
}

.qlty_rslt .lang_slct {
	margin-bottom: 10px; 
	font-size:12px
}
.qlty_rslt .lang_slct label,
.lang_slct .jqtransformdone label {
	font-size:12px
}

.qlty_rslt .rslt_btm .arr {
	margin: 5px 0
}

.qlty_rslt .rslt_btm .arr a {
	display: block
}

.qlty_rslt .rslt_btm .arr a {
	margin-top: 3px
}

.qlty_rslt .rslt_btm .btm {
	margin-top: 10px;
	padding: 5px 20px;
	border: 1px solid #c8c8c8;
	text-align: center;
}

.qlty_rslt .rslt_btm .btm .tit {
	display: block;
	margin-bottom: 5px
}

.qlty_rslt .rslt_btm .btm .btn_rnd {
	/*display: block;*/
	width: 64px;
}

.qlty_rslt .rslt_btm .btm a+a {
	margin-top: 3px
}

.stckSrch .lypop_wrap .btns_area {
	margin-bottom: 0
}

.claim .con_tit {
	/*padding: 10px 0;*/
}

.claim .btns_area {
	margin-bottom: 0
}

.claim .btn_squ {
	vertical-align: bottom
}

/* textarea */
textarea {
	box-sizing:border-box;
	padding: 2px 0 0 10px
}

textarea.txt_read {
	background: #eee
}

textarea.space {
	padding: 5px;
	margin-right: 2px
}

.btns_area.attach {
	margin-top: 15px;
}

.btns_area.attach a {
	width: 50px;
}

/* 처방공정도 */
.top_srch.space {
	text-align: left;
}

.process_drawing {
	
}

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


.process_drawing .con_left .tbl_sty01 {
	margin-top: 15px
}

.raw_area {
	margin: 15px 0;
}

.raw_area .tit {
	display: inline-block
}

.raw_area .btns_area {
	display: inline;
}

.raw_area .btns_area .btn_rnd i {
	min-width: 40px;
}

.sub_menu {
	position: relative;
	display: inline-block;
	margin: 0 5px;
}

.sub_menu > span {
	display: block;
	width: 100%;
	height: 26px;
	line-height: 26px;
	text-align: center;
	color: #76787c;
	background: #eee;
	border: 1px solid #d4d4d4;
	box-sizing:border-box
}

.sub_menu ul {
	position: absolute;
	top: 26px;
	z-index:10;
}

.sub_menu ul li {
	background: #fff;
	border: 1px solid #d2d4d9;
	border-top: none
}

.sub_menu ul li a {
	display: block;
	padding: 5px 19px 5px 10px;
	color: #989899
}

.sub_menu ul li a:hover, .sub_menu ul li a:active, .sub_menu ul li a:focus
	{
	background: #f1f1f1
}

.section_area {
	margin-top: 15px
}

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

.section_area .con_box {
	float: left;
	width: 49%;
	height: 150px;
	margin-bottom: 15px
}

.section_area .con_box h3 {
	margin-bottom: 10px
}

.section_area .con_box.space {
	margin-left: 1%
}

.section_area .con_box .txt {
	height: 113px;
	border: 1px solid #bfbfbf;
	padding: 3px 5px;
	overflow-y:auto;
}

.section_area .con_box.last .second {
	margin-top: 10px;
}

.section_area .con_box.last .txt {
	height: 35px
}

.enter_con {
	margin-top: 20px
}

.enter_con label {
	display: block;
	margin: 10px 0 5px 0;
	color: #76787c
}

.enter_con input {
	margin-top: 5px
}

/* versionup pop*/
.versionup .pop_content {
	position: relative
}

.versionup .pop_content .area {
	position: absolute;
	top: 50%;
	margin-top: -40px;
	left: 50%;
	margin-left: -154px
}

.versionup .pop_content p {
	text-align: center;
	color: #666
}

.versionup .pop_content p span {
	font-weight: bold;
	color: #000
}

.btns_area.version {
	margin: 15px 0 0 0
}

.btns_area.version a.btn_squ {
	padding-left: 8px
}

.btns_area.version a.btn_squ span {
	padding-right: 8px
}

/* 향료등록 */
.register {
	*zoom: 1;
}

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

.register .tbl_sty01 {
	float: left;
	width: 50%
}

.register .in_tbl_space {
	padding-top: 10px;
	vertical-align: top;
	border-left: 1px solid #dbdde1
}

.register .in_tbl {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #dbdde1;
	border-left: none
}

.register .tbl_sty01.in_tbl .tit {
	text-align: center;
	background: #edeef3;
}

.register .in_tbl th, .register .in_tbl td {
	font-size: 13px;
	border: none
}

.register .in_tbl th {
	height: 26px;
	padding: 2px 7px 2px 7px;
	background: #fff;
	text-align: right;
	color: #333;
	font-weight: normal;
	border: none
}

.register .in_tbl td {
	padding: 2px 5px 2px 7px;
	text-align: center
}

.register .in_area {
	position: relative;
	margin-bottom: 20px
}

.register .in_area .top_space {
	height: 42px
}

.register .incongruity {
	padding-left: 70px
}

.register .incongruity.first {
	padding-left: 20px
}

.register span.space {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 90px;
	padding-right: 10px;
	text-align: right
}

.con_right {
	/*float: left;
	width: 50%*/
}

.preference_list {
	clear: both;
}

.preference_list .list_mark {
	margin: 80px 0 20px 0;
	padding: 25px 0 10px 0;
	background: #f0f0f0
}

.preference_list .list_mark ul {
	margin-left: 6%;
}

.preference_list .list_mark ul:after {
	display: block;
	clear: both;
	content: ""
}

.preference_list .list_mark li {
	position: relative;
	float: left;
	width: 9%;
	height: 15px;
	background: url(../img/bg_tbl_line.png) repeat-x 50%;
	border-left: 1px solid #acacac
}

.preference_list .list_mark li span {
	position: absolute;
	top: -20px;
	left: -4px;
	color: #666
}

.preference_list .list_mark li.last {
	width: 0
}

.preference_list .list_mark li.last span {
	right: -4px;
}

.preference_list .in_tbl {
	border-color: #999;
	border-bottom: none
}

.preference_list .in_tbl .al_r {
	text-align: right
}

.preference_list .in_tbl .al_l {
	text-align: left;
	padding-right: 35px
}

.preference_list .in_tbl .odd {
	background: #e7e7e7
}

.preference_list .in_tbl .even {
	background: #cbcbcb
}

.preference_list .in_tbl td {
	border-bottom: 1px solid #999
}

/* 품질검사항목관리 */
.selChk_box .add_del_btn {
	margin-bottom: 0
}

.radio_box {
	display: block;
	margin-bottom: 10px
}

.bd_l {border:1px solid #dbdde1}
.bd_left {border:1px solid #dbdde1}
.ui-datepicker {z-index:55}
.posi_right.con_tit_btmRight {padding-top:5px; right:20px; top:20px}
.posi_right_btn {position:absolute; top:35px; right:20px}
.btns_area_btm {text-align:center; padding:5px 0}
.selListH li {margin-bottom:5px}
.selListH .jqtransformdone label {font-size:12px}
.selListH .sellist1, 
.selListH .sellist2 {display:inline-block; min-width:150px; font-size:12px}
.selListQ {overflow:hidden; margin-top:5px; padding-bottom:2px}
.selListQ li {float:left; width:25%; height:27px}
.selListQ span.jqTransformCheckboxWrapper+label,
.selListQ .jqtransformdone label {font-size:12px}
.wp_sty1st_sp {padding-right:15px}
.wp_sty1st_spl {padding-left:90px} 
.wp_sty2st_spl {padding-left:130px}
.stit {margin-bottom:10px}
.btns_area.al_r {text-align:right}
.inbl {display:inline-block; margin-right:5px; vertical-align:middle}
.contop {position:relative; padding-bottom:8px}
.contop:after {display:block; content:""; clear:both}
.contop .stit {font-size:16px}
.con_center_flag {position:absolute; top:200px; left:5px; width:80px}
.con_center_flag .btns_area {margin-top:20px}
.con_center_flag .btns_area a {margin-bottom:15px}
.process_drawing .wp_sty1st_spl .contop {padding-top:15px}
.process_drawing .gtit {margin-bottom:5px; font-size:12px}
.btn_sgroup {display:inline-block; padding-left:2px; vertical-align:middle}
.btn_sgroup a {margin-left:-2px; font-size:12px}
.btn_sgroup .btn_rnd {padding-left:11px}
.btn_sgroup .btn_rnd span {padding-right:11px}
.btn_sgroup .btn_rnd i {min-width:45px}
.btn_sgroup .btn_squ {padding-left:9px}
.btn_sgroup .btn_squ span {padding-right:9px}
.con_right .sub_menu {margin-right:0}
.master_rgst .con_right .sub_menu {width:180px}
.p_top_srch .group {margin-top:10px; padding:5px 0}
.txtbox {padding:5px 0}
.rslt_btn.con_center_flag {text-align:center; top:5px; left:-4px; width:120px}
.grid_tot {margin-top:5px; font-size:12px}
.grid_tot dl:after {display:block; content:""; clear:both}
.grid_tot dt, .grid_tot dd {display:inline-block; min-height:15px; line-height:15px;}
.grid_tot dt {margin-right:8px}
.grid_tot dd {min-width:50px; margin-right:10px}
.grid_tot dd span {display:inline-block; margin-right:3px}
.grid_tot dd span input[type=text] {margin-top:-1px; height:15px; padding:0; border:0; text-align:right; vertical-align:top}
.gridTbl_area {margin-bottom:15px}
.gridTbl_area .gridTbl {margin-top:10px}
.gridTbl {width:100%; table-layout:fixed; border:1px solid #cdc3b7}
.gridTbl th, .gridTbl td {box-sizing:border-box; font-size:11px; font-family:'Malgun Gothic'}
.gridTbl th {height:27px; padding:0 2px 0 2px; background:#ede4d4 url(images/ui-bg_glass_70_ede4d4_1x400.png) 50% 50% repeat-x; border-left:1px solid #cdc3b7; border-bottom:1px solid #e0cfc2; color:#3f3731; font-weight:normal}
.gridTbl td {height:23px; padding:1px 2px 1px 2px; background:#f4f0ec url(images/ui-bg_inset-soft_100_f4f0ec_1x100.png) 50% 100% repeat-x; border-left:1px solid #e0cfc2; border-bottom:1px solid #e0cfc2; color:#1e1b1d; font-weight:normal; word-break:break-all}
.btn_squ_grid {display:inline-block; height:20px; padding:0 5px; line-height:20px; background-color:#999; color:#fff}
.btn_squ_add {font-size:12px}

.file_form {position:relative; display:block; overflow:hidden; height:18px; cursor:pointer}
.file_form:after {position:absolute; top:50%; left:50%; display:block; content:"";  cursor:pointer}
.file_form input[type="file"] {position:relative; z-index:5; width:15px; height:18px; font-size:0; opacity:0; filter:alpha(opacity=0)}
.file_ico1:after {width:15px; height:17px; margin:-9px 0 0 -7px; background:url(../img/b_ic01.png) no-repeat 0 0; cursor:pointer}
.scroll {overflow-y:auto}
.box_lineH {height:622px}

.btns_area_h a {margin:2px 0}
.btns_area_c {overflow:hidden; text-align:center}
.btns_area_r {overflow:hidden; text-align:right; margin-bottom:5px}
.selChk_box .btns_area_c {margin-top:10px}
.section_area .con_box .txt textarea {width:100%}
.con_mt {margin-top:10px}
.con_mb {margin-bottom:10px}
.fsize01 {font-size:14px; line-height:14px}
.tit_area.tit_group {padding-bottom:12px}
.con_center_flag2 {position:absolute; top:50%; left:0; width:90px; margin-top:-40px}
.con_center_flag2 a {margin:5px 0}

/* eBizLog */
.eBizLoginWrap {padding-top:105px; background:url(../img/bg_login_eBizwrap.jpg) no-repeat 50% 0}
.eBizLoginWrapIn {width:242px; height:540px; margin:0 auto; padding-left:662px; background:url(../img/bg_login_eBizBox.png) no-repeat 50% 0}
.eBizLoginWrapIn_1400 {width:242px; height:540px; margin:0 auto; padding-left:662px; background:url(../img/bg_login_eBizBox_1400.png) no-repeat 50% 0}
.eBizLogin_logo {padding:21px 12px}
.eBizLogin_con {position:relative; height:425px; padding:3px 6px 0}
.eBizLogin_box {font-family:'Malgun Gothic'}
.eBizLogin_box:after {display:block; content:""; clear:both}
.eBizLogin_box dt {clear:left; float:left; width:71px; margin-right:3px; padding:5px 0 5px 2px; color:#b00c28; font-weight:700; font-size:15px; line-height:25px}
.eBizLogin_box dd {float:left; width:148px; color:#b00c28; font-weight:700; padding:5px 0}
.eBizLogin_box input[type=text], 
.eBizLogin_box input[type=password] {width:100%; height:25px; border-color:#e1576f; box-sizing:border-box; padding:0 2px 0 8px}
.eBizLogin_idChk {padding-left:76px}
.eBizLogin_idChk label {font-size:13px; color:#000; font-family:'Malgun Gothic'}
.eBizLogin_idChk a.jqTransformCheckbox {width:13px; height:13px; background-image:url(../img/bg_check_type2.png)}
.eBizLogin_idChk a.jqTransformChecked.jqTransformCheckbox {background-position:0 100%}
.eBizLogin_idChk span.jqTransformCheckboxWrapper + label {margin-left:1px}
.eBizLogin_idChk .jqtransformdone label {line-height:12px}
a.eBizLogin_btn {display:block; height:37px; margin-top:8px; padding:0 0 0 20px; background:url(../img/bg_btnLogin.png) no-repeat 0 0; color:#fff; font-weight:700; line-height:37px}
a.eBizLogin_btn:hover {background-position:0 100%}
.eBizLogin_txt {position:absolute; bottom:0; right:0; padding:0 10px 30px; color:#0000; font-size:15px; line-height:24px; color:#000; font-family:'Malgun Gothic'}

.RDLoginWrap {padding-top:92px; background:url(../img/bg_login_sky.jpg) no-repeat 50% 0}
.RDLoginWrapIn {position:relative; width:934px; height:564px; margin:0 auto; background:url(../img/loginbox_line.png) no-repeat 0 0}
.RDLogin_img {position:absolute; top:0; left:0; padding:12px}
.RDLogin_img img {max-width:934px; max-height:564px}
.RDLogin_con {position:relative; height:408px; margin-left:654px; padding:162px 0 0}
.login_logo {margin:0 0 16px; color:#b00c28; font-size:25px; font-family:'Malgun Gothic'; font-size:30px}
.login_box {font-family:'Malgun Gothic'}
.login_box:after {display:block; content:""; clear:both}
.login_box dt {clear:left; float:left; width:71px; margin-right:5px; padding:9px 0 9px 4px; color:#000000; font-weight:700; font-size:15px; line-height:20px}
.login_box dd {float:left; width:148px; color:#b00c28; font-weight:700; padding:9px 0}
.login_box input[type=text], 
.login_box input[type=password] {width:100%; height:20px; border-color:#e1576f}
.login_idChk {margin-top:5px; padding-left:80px}
.login_idChk label {font-size:13px; color:#000; font-family:'Malgun Gothic'}
.login_idChk a.jqTransformCheckbox {width:13px; height:13px; background-image:url(../img/bg_check_type2.png)}
.login_idChk a.jqTransformChecked.jqTransformCheckbox {background-position:0 100%}
.login_idChk span.jqTransformCheckboxWrapper + label {margin-left:1px}
.login_idChk .jqtransformdone label {line-height:12px}
a.login_btn {display:block; height:37px; margin:33px 0 0 6px; padding:0 0 0 20px; background:url(../img/bg_btnLogin.png) no-repeat 0 0; color:#fff; font-size:16px; line-height:37px}
a.login_btn:hover {background-position:0 100%}

.tbl_chkBoxType2 input[type="text"], 
.tbl_chkBoxType2 input[type="password"], 
.tbl_chkBoxType2 select {height:22px; font-size:12px; line-height:14px}
.tbl_chkBoxType2 textarea {font-size:12px}
.tbl_chkBoxType2 .inp_sel, 
.tbl_chkBoxType2 .inp_txt {height:22px}
.tbl_chkBoxType2 .btn_calendar {width:27px; height:22px; background-image:url(../img/btn_calendar_22x26.png);}
.tbl_chkBoxType2 .jqTransformSelectWrapper,
.tbl_chkBoxType2 .jqTransformSelectWrapper div, 
.tbl_chkBoxType2 .jqTransformSelectWrapper div span {height:22px}
.tbl_chkBoxType2 .ui-datepicker-trigger {height:22px; overflow:hidden}
.tbl_chkBoxType2 .ui-datepicker-trigger img {height:22px}
.tbl_chkBoxType2 th, .tbl_chkBoxType2 td {font-size:12px}

/* help icon */
.page_tit .btn_help {margin-left:5px}
.btn_help {display:inline-block; width:37px; height:20px; background:url(../img/ico_help.png) no-repeat 0 0; font-size:0; line-height:0; vertical-align:middle}
.btn_help:hover {background-position:0 100%}

.fc_co {color:#b00c28}
.fc_co2 {color:#ff6a00}
.fs_n {font-size:12px}
.dtit {padding-left:8px; font-weight:bold; color:#b00c28; background:url(../img/bl_dot3x3.gif) no-repeat 0 50%}
.lypopT2 .lypop_wrap {padding:0 8px}
.lypopT2 .pop_header {height:50px; padding:9px 0 0 0; line-height:50px; background:none}
.lypopT2 .pop_title {position:relative; padding-left:20px; background-color:#b00c28}
.lypopT2 .pop_header .pop_btnclose {top:12px}
.lypopT2 .pop_content {padding-left:14px; padding-right:14px; font-family:'Malgun Gothic'}
.lypopT2 .pop_headerT2 {height:35px; padding:9px 0 0 0; line-height:35px; font-size:15px; background:none}
.lypopT2 .pop_headerT2 .pop_title {font-size:16px}
.lypopT2 .pop_headerT2 .pop_btnclose {top:6px}
.lypopT2 .lypop_wrap.lypop_large .pop_content {height:765px}
.lypopT2 .lypop_wrap.lypop_middle .pop_content {height:541px}
.lypopT2 .lypop_wrap.lypop_small .pop_content {height:316px}
.lyhelp .infobox {box-sizing:border-box; min-height:100px; padding:8px 10px; border:1px solid #d2d4d9; font-size:12px}
.lyhelp .tit {display:block; margin:15px 0 5px}
.lyhelp .tit:first-child {margin-top:0}
.lyhelp .btns_area_btm {padding:8px 0}
.info_list {border:1px solid #d2d4d9}
.info_list th {text-align:left; padding:8px 0 7px 7px; border-top:1px solid #d2d4d9}
.info_list td {padding-top:1px; padding:2px; border-top:1px solid #d2d4d9; font-size:12px}
.info_list tr:first-child th,
.info_list tr:first-child td {border-top:0}

/* main - 151212 */
.m_container {box-sizing:border-box; min-width:1280px; height:100%; /* min-height:100%;  */padding-bottom:30px; font-family:'Malgun Gothic'}
.m_contents {box-sizing:border-box; width:1280px; margin:0 auto; padding:0 0 9px 2px}
.m_contents:after {content:""; display:block; clear:both}
.m_footer {margin-top:-30px; height:30px; line-height:30px; text-align:center; background-color:#f5f6fa; color:#555; font-size:12px}
.main_con {box-sizing:border-box; float:left; width:359px; margin-left:38px; }
.main_con:first-child {margin-left:0}
.main_con .page_tit {height:20px; margin:10px 0 0 -1px; padding:4px 0 4px 10px; color:#b8253e; font-size:16px; font-weight:700; background:url(../img/bl_mtit.jpg) no-repeat 0 5px}

.top_visual {height:361px; background:url(../img/img_main_visual.jpg) no-repeat 50% 0; text-align:center}
.top_vtxt {padding-top:120px; color:#fff; font-weight:700}
.top_vtxt em {font-size:40px; line-height:40px; color:#b00c28}
.top_vtxt strong {font-size:40px; line-height:40px}
.top_vtxt span {display:block; margin-top:10px; font-size:18px; line-height:18px; font-weight:normal}

.mbox {position:relative}
.mbox a {color:#3c404a}
.mboxIn {padding-top:7px; background-color:#f2f2f2; color:#3c404a}

.m_mymenu {height:257px; padding:24px 10px 0 26px; background-color:#f2f2f2}
.m_mymenu li {min-height:21px; margin-bottom:16px; line-height:20px; padding-left:33px; background:url(../img/bl_mymenu.gif) no-repeat 0 0;}
.m_mymenu li a:hover {color:#000}
.m_mymenu li.mym2 {background-position:0 -36px}
.m_mymenu li.mym3 {background-position:0 -70px}
.m_mymenu li.mym4 {background-position:0 -104px}
.m_mymenu li.mym5 {background-position:0 -140px} 

.mbox a.btn_option {position:absolute; top:10px; right:8px; padding-left:12px; background:url(../img/ico_option.gif) no-repeat 0 50%; color:#b0b3b4; font-size:12px}
.mbox a.btn_option:hover {color:#333}
.mbox a.btn_more {position:absolute; top:8px; right:10px; text-decoration:underline; color:#a4a7a9}
.mbox a.btn_more:hover {color:#333}

.tbl_todo {margin-top:2px; border-bottom:2px solid #e6e6e6}
.tbl_todo thead tr:first-child th {padding:6px 0 5px; background-color:#cccccc; font-size:12px; line-height:17px}
.tbl_todo th {padding:5px 0 4px; font-weight:normal; background-color:#dbdbdb; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6; font-size:12px; color:#3c404a}
.tbl_todo td {height:59px; padding:19px 0 0; text-align:center; background-color:#f2f2f2; border-left:1px solid #e6e6e6; vertical-align:top}
.tbl_todo td .tono {font-size:32px; line-height:32px; font-weight:700; color:#555}
.tbl_todo td .tono span {color:#777}
.tbl_todo td .tono em {color:#ff5400}
.tbl_todo td p {margin-top:10px; font-size:12px}

.boardList {height:240px; padding:5px 10px 0 0}
.boardList li {overflow:hidden; position:relative; height:17px; margin-top:7px; padding:0 78px 0 12px; background:url(../img/bl_squ2x2.gif) no-repeat 7px 6px}
.boardList li:first-child {margin-top:0}
.boardList li a {overflow:hidden; display:inline-block; max-width:235px; font-size:12px; text-overflow:ellipsis; white-space:nowrap}
.boardList .b_date {position:absolute; top:0; right:0; color:#a4a7a9}
.boardList .ico_new {display:inline-block; width:15px; height:14px; margin-left:3px; background:url(../img/ico_new.gif) no-repeat 0 0; font-size:0; vertical-align:top}

.link_list {margin:-5px 0 0 -10px; font-size:16px}
.link_list:after {content:""; display:block; clear:both}
.link_list li {float:left; /* width:174px;  */margin:10px 0 0 10px}
.link_list a {display:block}

.m_help .page_tit {margin-top:9px}
.m_help .mboxIn {height:200px; padding:15px 11px 0 0; text-align:right; background:#f2f2f2 url(../img/ico_phone.png) no-repeat 2px 0}
.m_help .mboxIn p {margin-top:14px; font-size:12px}
.m_help .mboxIn p:first-child {margin-top:0}
.m_help .mboxIn em {display:block; margin-top:4px; font-size:15px}
.m_help .mboxIn .name {margin-left:3px; padding-left:8px; background:#f2f2f2 url(../img/bar2x10.gif) no-repeat 0 50%}

.s_tit {margin-bottom:7px} 
.tit_area_rb {position:relative; min-height:23px; margin-bottom:5px} 
.tit_area_rb .con_tit_sub  {position:relative; top:2px; line-height:27px}

.noti_box {font-size:14px; line-height:15px; text-align:center}
.noti_box .noti_txt {position:relative; min-height:50px; padding:20px 0 5px 25px; display:inline-block}
.noti_box .msg_confirm {background:url(../img/ico_msg_confirm.png) no-repeat 0 18px}
.noti_box .msg_error {background:url(../img/ico_msg_error.png) no-repeat 0 18px}
.noti_box .msg_notice {background:url(../img/ico_msg_notice.png) no-repeat 0 19px}
.btns_area_btm a {margin:0 3px}

.master_rgst .tbl_sty01 + .con_tit_sub.spbtm {margin-top:-8px}

/* Added by YOUNG (2017-02-01)    START */
.help_lypop {
	
}

.help_lypop_wrap {
	display: none;
	position: absolute; /* top:50%; left:50%; */
	width: auto;
	z-index: 70;
	background: #fff;
	border: 1px solid #5d5d5d
}

.help_lypop_wrap.help_lypop_small {
	box-sizing: border-box;
	width: 500px;
	height: 377px; /* margin-left:-250px; margin-top:-176px */
}

.help_lypop_wrap.help_lypop_small .help_pop_content {
	height: 335px
}

.help_pop_header {
	position: relative;
	height: 30px;
	padding: 0 0 0 17px;
	background: #b00c28;
	line-height: 30px
}

.help_pop_title {
	font-size: 13px;
	color: #fff;
	font-weight: 300
}

.help_pop_content {
	box-sizing: border-box;
	height: 100%;
	padding: 13px;
	background: #fff;
	overflow-y: auto;
}

.help_pop_btnclose {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	width: 30px;
	height: 30px;
	background: url(../img/popup_close.png) no-repeat 50% 50%;
	font-size: 0;
	line-height: 0
}
/* Added by YOUNG (2017-02-01)    END */

#btnHelp img{
 vertical-align: top; display:inline-block; margin-top:1px
}

.jqgrid_bgcolr01 {background-color:#F9F9F9}