@charset "utf-8";
/* *******************************************************
 * filename : common.css
 * description : 공통디자인 CSS
 * date : 2020-05-11
******************************************************** */
html,body{
	height:100%;	
}
.left {text-align:left;}
.left button { margin-right: 5px;}
.right {text-align:right;}
.right button { margin-left: 5px;}
#wrap {
	position:relative;
	min-width:1200px;
	height:100%;
	padding-bottom:70px;
	box-sizing:border-box;
}

.inner {width:1200px; margin:0 auto}

.container{
	position:relative;	
	padding:0 40px 100px 
}
.container.main{	
	padding:0 40px 35px 
}

/* header-wrap */
.header-wrap{
	position:relative;
	height:95px;	
	background-color:#fff;
	border-bottom:1px solid #d1d1d1;
	box-shadow:0 3px 8px #e3e3e3
}
.header-wrap:before{
	content:'';
	position:absolute; top:0; width:100%; height:30px; background-color:#e8e7e7
}

.top-header{
	position:relative;
	height:30px;	
	background:#e8e7e7;	
}

.logo{
	position:absolute;
	top:22px;
	left:0;
}
.logo a{
	display:inline-block;
	width:258px;
	height:27px; text-indent:-9999px;
	background:url('../../images/common/logo.png') no-repeat 0 0;	
}

.top-menu{position:absolute; right:0; top:4px}

.top-menu li{
	float:left;
	position:relative;	
	margin-left:4px;	
	line-height:22px
}
.top-menu li a{
	display:inline-block;
	color:#444;
	vertical-align:top
}
.top-menu li .user{
	padding:0 10px 0 20px;
	font-size:13px;
	background:url('../../images/common/icon_profile.png') no-repeat left;
	color:#888
}
.top-menu li .user strong{
	color:#222;
	font-weight:700;
	padding:0 3px
}
.top-menu li a.tpbtn {font-size:11px; line-height:20px; padding:0 10px; border:1px solid #444; border-radius:5px}
.top-menu li a.tpbtn:hover {color:#fff; border-color:#275183; background-color:#275183}


.gnb-area{position:relative; height:66px;}
.gnb{float:right; }
.gnb:after{
	content:"";
	display:block;
	clear:both;
}
.gnb > li{
	float:left;
	position:relative;
}
.gnb > li > a{
	display:block;		
	padding:12px 26px;
	line-height:42px;
	font-size:18px;
	color:#444;
	font-weight:bold;
	box-sizing:border-box
}
.gnb-menu{width:100;}

.gnb > li:hover > a{
	color:#e20167;
}
.gnb > li:hover .gnb-sub{
	display:block;
}
.gnb-sub{	 
	display:none;	
	position:absolute; 	
	top: 63px; 
	left:50%;
	z-index:50;
	min-width:170px;
	margin-left:-85px;	
	background-color:#fff;
	border:1px solid #d0d4db;
	padding:0; 
	box-sizing:border-box; 
	box-shadow:3px 3px 5px #e8e8e8
}
.gnb-sub:before{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:3px;
	background:#e20167;
}
.gnb-sub > li  {padding:4px 10px;}
.gnb-sub > li:first-child {padding-top:15px}
.gnb-sub > li:last-child {padding-bottom:15px}

.gnb-sub > li > a{
	display:block; 	
	font-size:13px;
	color:#777;
	letter-spacing:-1px
}
.gnb-sub > li > a:hover{color:#e10167;}


/* location-area */
.locationBox {position:relative; overflow:hidden; height:82px; margin-bottom:20px; border-bottom:2px solid #ccc; background:url('../../images/common/locationBox_bg.png') no-repeat bottom right}
.locationBox h3 {
	font-size:26px;
	color:#002d62;
	font-weight:800;
	padding-top:23px	
}
.location-area{	
	overflow:hidden; position:absolute; right:0; bottom:16px; 
}
.location-area li{
	float:left;
	position:relative;
	padding-left:10px;
	margin-left:10px;
	font-size:12px;
}
.location-area li:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:6px;
	height:8px;
	margin-top:-4px;
	background:url('../../images/common/icon_nav_arrow.png') no-repeat 50%;
}
.location-area li:first-child{
	padding-left:0;
	margin-left:0;
}
.location-area li:first-child:before{
	display:none;
}
.location-area li a{
	display:inline-block;
	font-size:12px;
	color:#8a8a8a;
}
.location-area li a.home{
	width:14px;
	text-indent:-9999px;
	background:url('../../images/common/icon_home.png') no-repeat 50%;
}
.location-area li strong {color:#444}

/* sub-tit */
.sub-tit{
	overflow:hidden;
	padding:25px 0 5px 0;
	position:relative;
	min-height:25px
}
.sub-tit.first{padding:0 0 5px 0;}
.total {
    line-height: 30px;    
    font-size: 13px;
	position:absolute;
	bottom:0;
	left:0;
}
.total em {
    font-size: 13px;
    font-weight: bold;
    color: #e20167;
	padding:0 5px
}

.sub-tit h4{	
	position:absolute;
	_position:relative;
	padding-left:10px;	
	color:#222;
	font-size:16px;
	font-weight:bold;
}
.sub-tit h4:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:4px;
	height:15px;
	margin-top:-7px;
	background-color:#002d62;
}
.sub-tit select {
	float:left
}

/* small-tit */
.small-tit{
	overflow:hidden;
	padding:10px 0 5px 0;
}
.small-tit.type1 {padding:30px 0 5px 0}
.small-tit.type1.first {padding:0}
.small-tit.type2 {padding:15px 0 5px 13px}


.small-tit h5{
	float:left;
	position:relative;
	padding-left:10px;
	line-height:29px;
	color:#222;
	font-size:14px;
	font-weight:700;
}
.small-tit h5:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:4px;
	height:4px;
	margin-top:-2px;
	background-color:#002d62;
}
.small-tit.type2 h5 {
	font-size:13px;	
}

.small-tit.type2 h5:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	width:4px;
	height:2px;
	margin-top:-2px;
	background-color:#002d62;
}


/* tbl-search-wrap */
.tbl-search-wrap{
	display:table;
	width:100%;
	background-color:#f2f4f8; border:1px solid #d3d3d3;
	padding:13px 30px;
	box-sizing:border-box;		
}
.tbl-search-area{
	display:table-cell;
	padding:0 10px 0 25px;
}
.tbl-search{
	width:100%;
}
.tbl-search tbody th span{
	display:inline-block;
	position:relative;
	padding-left:8px;
}
.tbl-search tbody th,
.tbl-search tbody td{
	padding:2px 0;
	text-align:left;
	vertical-align:middle;
}
.tbl-search tbody th span:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin-top:-1px;
	width:3px;
	height:3px;
	background-color:#e20167;
	border-radius:50%;
}
.tbl-search-btn{
	display:table-cell;
	width:86px; 
	border-left:1px solid #e4e5e9;	
	vertical-align:middle;
	text-align:right;
	padding-left:10px
}
.tbl-search-btn .btn-search{
	display: inline-block;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    width: 75px;
    border-radius: 35px;
    padding: 8px 0 9px 13px;
    background: #002d62 url('../../images/common/icon_search.png') no-repeat left 11px center;    
}
.tbl-search-btn .btn-search:hover{}


/* table style */

/* list type */
.tb_wrap {
	position:relative;	
	border:1px solid #e0e0e0;
	border-top:2px solid #202332;
	background-color:#fafbfc;
	box-sizing:border-box;
	overflow:hidden;
}
.tb_head {position:absolute; height:41px; top:0; z-index:1;}
.tb_head.two {height:58px;}

.tb_box {margin-top:41px; overflow:hidden}
.tb_box.two {margin-top:58px;}

.tb_head.two .tbl-list thead th {padding:5px 0}


.tbl-list {
	width:100%;
	table-layout:fixed;
	border-left-style:hidden; word-break:break-all
}

.tbl-list thead th{	
	padding:10px 0;	
	border-bottom:1px solid #202332;
	border-left:1px solid  #e0e0e0;
	background-color:#fafbfc;
	font-size:13px;
	font-weight:bold;
	color:#444;
	border-right:0
}
.tbl-list tbody td{
	padding:5px 10px;
	height:30px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid  #e0e0e0;
	font-size:13px;
	color:#666;
	text-align:center;
	background-color:#fff;
}
.tbl-list.type2 {
	border:1px solid #e0e0e0;
	border-top:2px solid #202332;	
}
.tbl-list.type2 thead th:first-child {border-left-style:inherit;}
.tbl-list td .rdo, .tbl-list td .chk {margin-right:0}
.tbl-list a {color:#e20167}

.tbl-list.type3 {border:1px solid #e0e0e0; border-top:2px solid #202332; }
.tbl-list.type3 th {
	padding:10px 0;	
	border-bottom:1px solid #202332;
	border-left:1px solid  #e0e0e0;
	background-color:#fafbfc;
	font-size:13px;
	font-weight:bold;
	color:#444;
	border-right:0
}
.tbl-list.type3 th.line {border-bottom:1px solid #e0e0e0;}
.tbl-list.type3 td {
	padding:5px 10px;
	height:30px;
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid  #e0e0e0;
	font-size:12px;
	color:#666;
	text-align:center;
	background-color:#fff
}

/* 엑셀 */
.tbl-list.type4 {border:1px solid #e0e0e0; border-top:2px solid #202332; }
.tbl-list.type4 th {
	padding:5px 0;	
	border-bottom:1px solid #202332;
	border-left:1px solid  #e0e0e0;
	background-color:#fafbfc;
	font-size:12px;
	font-weight:bold;
	color:#444;
	border-right:0
}
.tbl-list.type4 th.line {border-bottom:1px solid #e0e0e0;}
.tbl-list.type4 td {
	padding:3px 5px;	
	border-bottom:1px solid #e0e0e0;
	border-left:1px solid  #e0e0e0;
	font-size:12px;
	color:#666;
	text-align:center;
	background-color:#fff
}
.tbl-list.type5 th {
	border:1px solid #e0e0e0;
	text-align: center;
}
.tbl-list.type5 td {
	border:1px solid #e0e0e0;
	border-top: 0px;
	text-align: center;	
}
.tbl-list.type5 select {
	height: 25px;	
}
.tbl-list.type5 input{
	height: 25px;	
}
.tbl-list.type5 button {
	height: 25px;	
	vertical-align: middle;
}

.tb_foot {background-color:#fafbfc; border-top:1px solid #202332 }
.tbl-list tfoot td{
	height:30px; padding:10px;
	border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; 	
	font-size:13px; font-weight:900; color:#444; 
	border-right: 0; text-align:right; box-sizing:border-box;
}

.subject-area{
	overflow:hidden;
}
.subject{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:13px;
	color:#444;
	font-weight:bold;
}
.subject:hover{
	text-decoration:underline;
}

.short{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:13px;
	color:#666;
	font-weight:bold;
}


/* view type */
.tbl-view {
	width:100%;
	table-layout:fixed;
	border-top:2px solid #002d62;
	border-right:1px solid #e0e0e0;
}
.tbl-view tbody th{
	height:30px;
	padding:5px 10px;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	background-color:#fafbfc;
	font-size:13px;
	color:#444;
	text-align:left;
}
.tbl-view tbody td{
	height:30px;
	padding:5px 10px;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	font-size:13px;
	color:#666;
	text-align:left;
}
.tbl-view tbody td table td {
	border:inherit;
	padding:inherit;
	height::inherit;
	line-height:26px
}
.tbl-view.type1 th{
	text-align:center;
}
.tbl-view.type1 td{
	text-align:center;
}
.tbl-view.type1 td input{
	text-align:center;
}
.tbl-view.type1 button{
	text-align:center;
}

.tbl-view1 {
	width:100%;
	table-layout:fixed;
	/* border-top:1px solid #e0e0e0; */
	border-right:1px solid #e0e0e0;
}
.tbl-view1 tbody th{
	height:30px;
	padding:5px 10px;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	background-color:#fafbfc;
	font-size:13px;
	color:#444;
	text-align:left;
}
.tbl-view1 tbody td{
	height:30px;
	padding:5px 10px;
	border-left:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
	font-size:13px;
	color:#666;
	text-align:left;
}
.tbl-view1 tbody td table td {
	border:inherit;
	padding:inherit;
	height::inherit;
	line-height:26px
}
.tbl-view1.type1 th{
	text-align:center;
}
.tbl-view1.type1 td{
	text-align:center;
}
.tbl-view1.type1 td input{
	text-align:center;
}
.tbl-view1.type1 button{
	text-align:center;
}

/* view type */


.req {
	display:inline-block;
	padding-right:10px;
	background:url('../../images/common/req_icon.png') no-repeat 100% 50%;	
}

/* table view area */
.tbl-viewArea {width:100%; box-sizing:border-box; margin:20px 0 15px;}
.tbl-viewArea .btnArea.type2 {padding-top:0}
  
/* date-area */
.date-area{ 
	display:inline-block;
	height:30px;	
	padding-right:5px;
}
.date-area input{	
	width:76px;
	height:30px;
	border:1px solid #c6c6c6; 
	padding:5px;
}
.date-area img{
	cursor:pointer; margin-left:5px
}


/* paging */
.paging {
    text-align: center;
    overflow: hidden;
    margin-top: 10px;
    position: relative;
}
.paging a {
    display: inline-block;
    width: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #ddd;
    font-size: 12px;
    margin: 0 1px;
    color: #646464;
}
.paging a:hover {
    border: 1px solid #002d62;
	color:#002d62;
}
.paging a.selected {
    border: 1px solid #002d62;
    color: #002d62;
    font-weight: bold;
}
.paging a.first { 
	background:url('../../images/common/btn_first.png') no-repeat 50%; 
	text-indent:-9999px;
}
.paging a.first:hover { 
	background:url('../../images/common/btn_first_hover.png') no-repeat 50%; 
}
.paging a.last { 
	background:url('../../images/common/btn_last.png') no-repeat 50%;
	text-indent:-9999px;
}
.paging a.last:hover { 
	background:url('../../images/common/btn_last_hover.png') no-repeat 50%;
}
.paging a.next { 
	background:url('../../images/common/btn_next.png') no-repeat 50%; 
	text-indent:-9999px;
}
.paging a.next:hover { 
	background:url('../../images/common/btn_next_hover.png') no-repeat 50%; 
}
.paging a.pre { 
	background:url('../../images/common/btn_prev.png') no-repeat 50%; 
	text-indent:-9999px;
}
.paging a.pre:hover { 
	background:url('../../images/common/btn_prev_hover.png') no-repeat 50%; 
}


.amount { 
	position:absolute;
	top:0;
	right:0;
}



/* footer */
.footer-wrap{
	position:fixed;
	left:0;
	right:0;
	bottom:0;
	z-index:20;
	background-color:#fff;
	border-top:1px solid #c1c7d2;
	padding:13px 0 20px 0;
}
.footer-wrap.main {
	position:static
}

.footer-wrap span{	
	color:#999;
	font-size:12px;
	padding:10px 0 0 20px;
	vertical-align:bottom
}

/* button */
.btnArea {overflow:hidden;}

.btn {
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	color:#e20167;
	border:1px solid #e20167;
	padding:4px 13px;
	border-radius:5px;
	background:#fff;	
}
.ui-widget button {
	font-family:'NotoSans','맑은고딕','Malgun Gothic','돋움', Dotum, Arial, sans-serif;
	font-size:13px
}

.btn:hover {
	color:#fff;
	background:#e20167 ;
	border:1px solid #e20167 ;
}
.btn.type1 {
	border:1px solid #002d62;
	color:#002d62;
}
.btn.type1:hover {	
	background:#002d62;
	border:1px solid #002d62;
	color:#fff;
}
.btn.type2 {
	border:1px solid #555555;
	color:#555555;
}
.btn.type2:hover {	
	background:#555;
	border:1px solid #555 ;
	color:#fff;
}
.btn.type3 {
	border:1px solid #555555;
	color:#000000;
}
.btn.type3:hover {	
	background:#000;
	border:1px solid #555 ;
	color:#fff;
}


.btn01 {
	display:inline-block;
	font-size:13px;
	font-weight:bold;
	color:#002d62;
	border:1px solid #002d62;
	padding:5px 10px 5px 28px;
	border-radius:5px;
	background:#fff;	 position:relative
}
.btn01:hover {
	background-color:#002d62;
	color:#fff	
}
.btn01 span {position:absolute; top:50%; margin-top:-6px; left:10px; display:block; width:12px; height:12px;}
.btn01 span.submit {background:url('../../images/common/btn01_bg.png') no-repeat top right -213px}					/* 등록 */
.btn01:hover span.submit {background-position: top right -523px}
.btn01 span.save {background:url('../../images/common/btn01_bg.png') no-repeat top right -141px}					    /* 저장 */
.btn01:hover span.save {background-position: top right -451px}
.btn01 span.new {background:url('../../images/common/btn01_bg.png') no-repeat top right -70px}						 /* 신규 */
.btn01:hover span.new {background-position: top right -381px}
.btn01 span.search {background:url('../../images/common/btn01_bg.png') no-repeat top right }							 /* 바이어조회 */
.btn01:hover span.search {	background-position: top right -310px}
.btn01 span.renewal {background:url('../../images/common/btn01_bg2.png') no-repeat top right -142px;}				  /* 갱신 */
.btn01:hover span.renewal {background-position: top right -355px;}
.btn01 span.delete {background:url('../../images/common/btn01_bg2.png') no-repeat top right -70px;}					  /* 삭제 */
.btn01:hover span.delete {background-position: top right -283px;}
.btn01 span.modify {background:url('../../images/common/btn01_bg2.png') no-repeat top right;}							  /* 수정 */
.btn01:hover span.modify {background-position: top right -213px;}


.layerPop {text-align:center; padding:10px 0}
.layerPop .btn {padding:6px 20px; color:#fff; background:#e20167; border:0}
.layerPop .btn:hover {background:#e75a9a; border:0}
.layerPop .btn.type1 {background:#445972}
.layerPop .btn.type1:hover {background:#687a8f}
.layerPop .btn.type2 {background:#777}
.layerPop .btn.type2:hover {background:#999}

.btnArea.type2 {text-align:right; padding:10px 0}
.btnArea.type2 .btn {padding:6px 20px; color:#fff; background:#e20167; border:0}
.btnArea.type2 .btn:hover {background:#e75a9a; border:0}
.btnArea.type2 .btn.type1 {background:#445972}
.btnArea.type2 .btn.type1:hover {background:#687a8f}
.btnArea.type2 .btn.type2 {background:#777}
.btnArea.type2 .btn.type2:hover {background:#999}
.btnArea.type2 .btn.type3 {background:#ffffff; color:#2F2F2F; border:1px solid #c6c6c6;}
.btnArea.type2 .btn.type3:hover {background:#E2E2E2}

.tbtn { 
	display:inline-block;
	height:26px;
	line-height:24px;
	padding:0 8px;
	text-align:center;
	color:#fff;
	border:1px solid #bbb;
	font-size:12px;
	font-weight:bold;
	box-sizing:border-box;
	vertical-align:top;
	background:#bbb;
}
.tbtn:hover { 
	background:#aaa;
}


/* loading */
.loading-area{
	display:none;
	position:fixed; top:0; left:0;
	z-index:999;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.3);
}
.loading{
	position:absolute; top:50%; left:50%;
	width:320px;
	height:170px;
	margin-top:-85px;
	margin-left:-160px;
	border:1px solid #ddd;
	background:#fff url('../../images/common/loader.gif') no-repeat 50% 36px;
}
.loading strong{
	display:block;
	margin-top:96px;
	color:#444;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.loading p{
	margin-top:5px;
	color:#666;
	font-size:15px;
	text-align:center;
}


/* layout */
.layout-box {
	 padding:20px; border:1px solid #d3d3d3; border-radius:3px;
	background: #ffffff; 
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
}
.layout-box:after{
	content:''; display:block; clear:both;
}

.head-box {width:100%; overflow:hidden}

.layout-left {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:15px;
}
.layout-right {
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-left:15px;
}

.centerboxArea {
	overflow:hidden; position:relative; padding:20px; border:1px solid #d3d3d3; border-radius:3px;
	background: #ffffff; 
	background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); 
	background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); 
}
.layout-box .sub-tit, .centerboxArea .sub-tit {padding-top:0}
.layout-box .total, .centerboxArea .total {left:inherit; right:0}

.centerboxArea .layout-left {
	float:left;	
	box-sizing:border-box;
	width:50%;	
	padding-right:2%
}
.centerboxArea .layout-center {	
	position:absolute;
	width:25px;
	top:50%; left:50%; margin:-17.5px 0 0 -12.5px;
}

.centerboxArea .layout-right {
	float:right;	
	box-sizing:border-box;
	width:50%;
	padding-left:2%
}

.centerboxArea .layout-center a {
	display:block; width:25px; height:25px; border-radius:3px;
	border:1px solid #d3d3d3; text-align:center; text-indent:-9999px
}
.centerboxArea .layout-center a:first-child {margin-bottom:5px}

.centerboxArea .layout-center a.next {background:#fff url('../../images/common/icon_prev.png') no-repeat center}
.centerboxArea .layout-center a.prev {background:#fff url('../../images/common/icon_next.png') no-repeat center}
.centerboxArea .layout-center a.next:hover {border-color:#e20167; background:#fff url('../../images/common/icon_prev_hover.png') no-repeat center}
.centerboxArea .layout-center a.prev:hover {border-color:#e20167; background:#fff url('../../images/common/icon_next_hover.png') no-repeat center}

/* form */
.sbtn{ 
	padding:0 10px;
	height:30px;
	box-sizing:border-box;	
	background-color:#bbb;
	color:#fff;
	display:inline-block; vertical-align:bottom
}
.sbtn:hover {background-color:#999;}

.sbtn.type1 {
	padding:0 5px; font-size:12px; margin-top:10px
}

/* readonly */
.readonly{
	background-color:#eaeaea;
}


/* jquery UI 탭  */
.ui-tabs {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
}
.ui-tabs .ui-tabs-nav {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: #fff;
    height: 36px;
    border: 0;
    border-bottom: 1px solid #002d62;
}
.ui-tabs .ui-tabs-nav li {
    border: 0;
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-sizing: border-box;
    height: 36px;
    line-height: 36px;
    background: #fff;
    margin-left: 2px;
}
.ui-tabs .ui-tabs-nav li:first-child {
    margin-left: 0;
}
.ui-tabs .ui-tabs-nav li.ui-state-default .ui-tabs-anchor {
    border: 0;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    background: #fdfdfd;
    border: 1px solid #e9e9e9;
    border-bottom: 0;
    /*width:100px;*/
    min-width: 60px;
    padding: 0 20px;
    text-align: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: normal;
    color: #8d8d8d;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    background: #fff;
    height: 34px;
    line-height: 34px;
    border: 1px solid #002d62;
    cursor: pointer;
    border-top: 3px solid #002d62;
    border-left: 1px solid #002d62;
    border-right: 1px solid #002d62;
    border-bottom: 0;
    font-size: 13px;
    color: #002d62;
	font-weight: 900;
}
.ui-tabs .ui-tabs-panel {
    padding: 10px 0;
    background: #fff;
}

/* jquery UI 다이얼로그 */
.ui-dialog.ui-widget.ui-widget-content {
    padding: 0;
    margin: 0;
    border-radius: 0;
    border: 0;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
}
.ui-dialog .ui-dialog-titlebar {
    padding: 0 15px;
    margin: 0;
    border-radius: 0;
    background:#002d62 url("../../images/common/pop_head_bg.png") no-repeat right bottom;
    border:0;
}
.ui-dialog .ui-dialog-title {
    line-height: 40px;
    font-size: 17px;
    font-weight: bold;
    color: #fff;
}
.ui-dialog .ui-dialog-content {
    padding: 15px;
    border:0;
    border-top: 0;
}
.ui-dialog .ui-dialog-titlebar-close {
    width: 15px;
    height: 15px;
    background: url("../../images/common/pop_close.png") no-repeat 50%;
    border: 0;
    border-radius: 0;
    outline: none;
    right: 15px;
    margin-top: -8px;
}
.ui-dialog .ui-dialog-titlebar-close span {
    display: none;
}
.tabArea {overflow:hidden; padding-top:40px}


/* table top info */
.infoArea {
	width:100%;
	background-color:#f2f4f8; border:1px solid #d3d3d3;
	padding:15px 20px;
	box-sizing:border-box;	
	margin-bottom:10px
}
.infoArea li span{
	display:inline-block;
	position:relative;
	padding-left:8px;
	font-weight:700
}
.infoArea li span:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	margin-top:-1px;
	width:3px;
	height:3px;
	background-color:#e20167;
	border-radius:50%;
}
.infoArea li span:after{
	content:":";
	padding:0 5px	
}

.infoArea.type1 {width:450px; margin:30px auto 10px}
.infoArea.type1 span {margin-right:30px}
.infoArea.type1 span:after {display:none}


/* 조직 표시 */
.organ {display:inline-block; font-size:12px; color:#fff; margin:2px; padding:5px; border-radius:5px; background-color:#002d62 }

/* popup */
.pop-wrap {}
.pop-head {
	height:45px; background:#002d62 url('../../images/common/pop_head_img.png') no-repeat center left 15px;
	box-shadow:0 4px 4px rgba(1,1,1, 0.3)
}
.pop-cont {padding:0 15px 15px}
.pop-cont .sub-tit.first {padding:14px 0; background:url('../../images/common/pop_head_bg_w.png') no-repeat bottom right; border-bottom:2px solid #ccc; margin-bottom:20px }
.pop-cont .sub-tit.first h3 {color:#002d62; font-size:19px; font-weight:800}
.pop-cont .sub-tit select {float:inherit; height:28px; margin-right:5px; vertical-align:top}



.asterisk {padding:5px 0 5px 10px; position:relative; color:#002d62; font-size:12px; font-weight:700}
.asterisk:before {
	content:'*';
	position:absolute;
	width:10px; height:10px;
	top:8px; left:0
}
.asterisk.red {color:#fa0505; font-weight:bold;}
.asterisk.none:before {display:none}

.help {display:inline-block; width:28px; height:28px; border:2px solid #888; border-radius:14px; color:#888; font-weight:700  }
.help:hover {background-color:#002d62; border:0; color:#fff}

/* tooltip */
[data-tooltip-text]:hover {position: relative;}
[data-tooltip-text]:after {
	-webkit-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	-moz-transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	transition: bottom .3s ease-in-out, opacity .3s ease-in-out;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);
	box-shadow: 0px 0px 3px 1px rgba(50, 50, 50, 0.4);	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;	
	color: #888;
	font-size: 12px;
	margin-bottom: 0;
	padding: 3px;
	position: absolute;
	width: auto;
	min-width: 50px;
	max-width: 300px;
	word-wrap: break-word;
	z-index: 9999;
	opacity: 0;
	left: -9999px;
	top: 90%;
	text-align:center;
	content: attr(data-tooltip-text);
}

[data-tooltip-text]:hover:after {
	top: 1px;
	left: -60px;
	opacity: 1;
}

/* status 
.status {display:inline-block; color:#fff; border-radius:5px; padding:5px 10px; font-size:11px; min-width:38px }
.write {background-color:#fa0505 }			/* 작성 
.ship {background-color:#07cdf7}			   /* 발송 
.inward {background-color:#158fa9 }	  /* 수신 
.comp {background-color:#2dd07a }	/* 완료 
.appr{background-color:#c21414}	  /* 상신 
*/

.write {font-weight:900;}	

/* filebox */
.filebox.type1 {display:inline-block; vertical-align:bottom}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.filebox label {
	padding: 0 10px;
    height: 30px; line-height:30px;
    box-sizing: border-box;
    background-color: #bbb;
    color: #fff;
    display: inline-block;   
}
.filebox label:hover {background-color:#999;}
.filebox .upload-name {
	padding: 0 10px;
    height: 30px;
    box-sizing: border-box;
	vertical-align: middle;
    background-color: #bbb;  
    display: inline-block;
    vertical-align: bottom;
	background-color: #fff;
}
/* 전자광고용 */
.filebox.type2 label { 
    height: 28px;
}

/* 계약문서생성 */
.contract_form{width:100%; height:520px; overflow-y:auto; background-color:#fff; padding:20px; box-sizing:border-box; border:1px solid #e0e0e0; border-top:2px solid #002d62; border-bottom:1px solid #002d62; margin-top:25px;}
.contract_form h4{font-size:32px; font-weight:bold; text-align:center; padding-top:30px;}

/* 계약정보생성 */
.table_check_list{overflow:hidden;}
.table_check_list li{width:100%; margin-top:5px;}
.table_check_list .chk input[type="checkbox"]{margin-right:5px; vertical-align:-2px;}

.filebox_wrap li {padding:5px 0 0}
.filebox_wrap div {display:inline-block; padding:5px 10px 5px 10px; line-height:30px; background-color:#f1f1f1; border-radius:3px; border:1px solid #e0e0e0; color:#222; margin:2px 0}
.filebox_wrap div span { font-weight:800; margin-left:10px}
.filebox_wrap div span.required {color:#e20167}
.filebox_wrap div span.non-required {color:#002d62}
.filebox_wrap div span.filename {color:#002d62 }

.filebox_wrap.view div {padding:5px 30px 5px 10px; position:relative} 
.filebox_wrap.view li {float:left;}
.filebox_wrap.view li:first-child {padding-left:0}
.filebox_wrap.view  div span {margin-left:inherit}
.filebox_wrap.view  div a {position:absolute; right:5px; width:20px; height:20px; background:url('../../images/common/notipop_close.png') no-repeat center; background-size:50%}

.filebox_wrap.type2 li {float:left; margin-left:5px}
.filebox_wrap.type2 li:first-child {margin-left:0}
.filebox_wrap.type2 div {padding:5px 10px 5px 10px; }
.filebox_wrap div span, .filebox_wrap div button {display:inline-block; vertical-align: bottom;}
.filebox_wrap div .filename {padding:0 10px 0 0; margin-left:0; font-weight:700;  line-height:30px; }
.filebox_wrap div .download {width:30px;  height:30px; font-size:0; text-indent:-9999px; background:url('../../images/common/ico_download.png') no-repeat center; background-size:20px auto}
.filebox_wrap div .del {width:30px;  height:30px;  font-size:0; text-indent:-9999px;  background:url('../../images/common/ico_close.png') no-repeat center; background-size:16px auto}

/* 광고계획팝업 */
.table_check_list li label:has(#chk00) {width:70px; float:left;}
.table_check_list li label {width:70px; float:left;}



/* 계약진행작성기준표 */
.tb_wrap.type1 .tb_head{height:55px;}
.tb_wrap.type1 .tb_box{margin-top:60px;}
.check{display:inline-block; width:20px; height:20px; background:url("../../images/common/icon_check.png") center no-repeat; vertical-align:middle;}


.edocument_wrap {width:100%; min-height:400px; padding:20px; box-sizing:border-box; border:1px solid #e0e0e0; border-top:2px solid #002d62; border-bottom:1px solid #002d62; margin-top:20px;}

/* pop_협력업체조회 */
.total.type1{left:inherit; right:90px; bottom:4px}
.total.type2 {left:inherit; right:0; bottom:4px}

/* pop_협력사_공문상세조회 */
.tb_wrap.type3 .tb_head{height:117px;}
.tb_wrap.type3 .tb_box{margin-top:117px;}


/* faqArea */
.faqArea {width:100%; position:relative; padding:22px 20px 22px 166px; margin-bottom:20px; box-sizing:border-box; background:#f0f4f7 url('../../images/common/faq_info.png') no-repeat center left 36px }
.faqArea:after {
	content:'';
	position:absolute; left:133px; top:50%; margin-top:-29px;
	width:1px; height:58px; background-color:#d5d7da;
}
.faqArea h4 {padding:0; color:#222; font-size:15px; position:relative}
.faqArea p {padding:10px 0 0 10px;  color:#444; font-size:13px; position:relative}
.faqArea p:before {content:''; width:3px; height:3px; background-color:#fd0101; position:absolute; top:17px; left:0}
.faqArea ul {list-style-type: decimal; padding-left:20px; margin-top:10px}

.faqArea.type1 {padding:22px 170px 22px 166px; }
.faqArea.type1 .btnArea {position:absolute; right:30px; top:18px; width:150px}
.faqArea.type1 .btnArea button {margin:5px 0}

.infoTitle {width:100%; overflow:hidden; margin:30px 0 15px; border-left:1px solid #d3d3d3; }
.infoTitle:before {content:''; clear:both; display:block}
.infoTitle li {float:left; position:relative; width:20%;  border-bottom:1px solid #d3d3d3; border-top:1px solid #d3d3d3;  box-sizing:border-box; padding:6px 10px}
.infoTitle li a {display:block;}
.infoTitle li.on a {color:#fff}
.infoTitle li:before {content:''; position:absolute; top:0; right:0; width:1px; height:30px; background-color:#d3d3d3;}
.infoTitle li.on {background-color:#002d62; color:#fff; border-bottom:1px solid #002d62; border-top:1px solid #002d62;  }
.infoTitle li.on:before {content:''; position:absolute; top:0; right:0; width:1px; height:30px; background-color:#002d62;}
.infoTitle li:first-child {border-left:0}

/* faqtabs */
ul.faqtabs {
	margin: 0 0 30px;	
	width: 100%;
	box-sizing:border-box;
	border:1px solid #d3d3d3;
	overflow:hidden
}
ul.faqtabs li {	float: left; border-left:1px solid #d3d3d3; box-sizing:border-box;}	
ul.faqtabs li:first-child {border-left:0}
ul.faqtabs.depth1 li {width:100%;} 
ul.faqtabs.depth2 li {width:50%;} 
ul.faqtabs.depth3 li {width:33.333%;} 
ul.faqtabs.depth4 li {width:25%;} 
ul.faqtabs.depth5 li {width:20%;} 

ul.faqtabs li a {		
	color: #000;	
	display:block;
	font-size: 16px;
	width:100%; box-sizing:border-box;
	background-color:#f2f4f8;
	padding:14px 0;	
	text-align:center
}
ul.faqtabs li.active a {color:#fff; background-color:#002d62}

/*tab container*/
.tab_container {		
	clear: both;	
	width: 100%;	
}
.tab_content{ }

/* faq-box */
.faq-box{
	border-top:1px solid #e0e0e0;
	border-bottom:1px solid #e0e0e0;
}
.faq-box + dl{
	border-top:0;
}
.faq-box dt{
	overflow:hidden;
	position:relative;
	padding:25px 70px 25px 65px;
	cursor:pointer;
}
.faq-box dt:before{
	content:"";
	position:absolute; top:50%; right:30px;
	width:25px;
	height:15px;
	margin-top:-7px;
	background:url('../../images/common/ico_faq_arrow_down.png') no-repeat 50%;
	transition:all .4s;
}
.faq-box dt.active{
	border-top:1px solid #222;
	border-bottom:1px solid #e0e0e0;
}
.faq-box dt.active:before{
	background:url('../../images/common/ico_faq_arrow_up.png') no-repeat 50%;
	transform:rotate(-360deg);
}
.faq-type{
	position:absolute; top:17px; left:30px;
	color:#e20167;
	font-size:26px; font-weight:900
}
.faq-type.st2{
	color:#002d62;
}
.faq-box dt .faq-tit{
	display:inline-block;
	color:#444; font-weight:800;
	font-size:17px;
}
.faq-box dt.active .faq-tit{
	color:#e20167;
}
.faq-box dd{
	display:none;
	position:relative;
	padding:25px 30px 25px 65px;
}
.faq-box dd.active{
	border-bottom:1px solid #222;
}
.faq-box dd .faq-desc{
	color:#666;
	font-size:15px;
	line-height:23px;
}
.faq-box dd .faq-desc span.blue {color:#1772e2}

/* 이용약관 */
.agreement {min-height:200px; padding:15px; border:1px solid #dcdbdb}
.agree {font-size:13px; font-weight:900; margin-top:10px}

/* 서비스 이용안내 */
.infoBox {}
.infoBox h5 {background:url('../../images/common/infobox_title.png') no-repeat center left; font-size:20px; font-weight:900; color:#e20167; padding-left:20px; margin-bottom:10px}
.infoBox p { position:relative; font-size:16px; font-weight:800; padding-left:15px; margin-bottom:10px}
.infoBox p:after {
	content:'';
	width:8px; height:8px; border-radius:4px;
	position:absolute; top:7px; left:0; background-color:#444
}
.infoBox > ul {background-color:#f2f4f8; padding:15px; margin-bottom:20px}
.infoBox ul li {font-size:13px; padding:3px 0}
.infoBox ul li span {color:#1772e2}
.infoBox ul li em {font-weight:700}

.infoBox ul.bar li:before {
	content:'-'; display:inline-block; padding-right:5px
}

.infoBox ul li ul {list-style-type: decimal; padding-left:20px}
.infoBox ul li span.block {font-weight:800; display:block; color:#444}
.infoBox ul li span.block a {margin:5px 0 10px 5px ; padding:2px 5px; font-weight:normal; font-size:12px; color:#fff; display:inline-block; background-color:#e20167}

.infoBox ul.num {
	list-style-type: decimal;
	padding:10px 10px 10px 30px
}
.infoBox ul.num li.refer {list-style-type:none; color:#002d62; font-weight:700}
.infoBox ul.num ul {list-style-type: none; padding-left:0}

.infoBox.type1 p {padding-left:10px; overflow:hidden}
.infoBox.type1 p a.btn {float:right; font-size:12px; padding:2px 10px }
.infoBox.type1 p.refer {font-size:13px; color:#002d62}
.infoBox.type1 p:after {
	content:'';
	display:none
}
.reference {padding:0 15px 15px}
.reference p {font-weight:bold; font-size:13px; margin-bottom:5px}

/* 세금계산서 wrap */
.etax_wrap {width:100%; padding:20px; margin-top:20px; border:1px solid #e0e0e0; box-sizing:border-box}
.etax_wrap .sub-tit.first {background:none; padding:0}


/* 세금계산서 */
.taxbillArea {margin-top:20px; overflow:hidden;}
.taxbillArea .provider{
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:10px;
}
.taxbillArea .supplier{
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-left:10px;
}

.table-red, .table-blue { 
	width:100%;
	table-layout:fixed;	
}
.table-red {border-top:1px solid #f77573; border-right:1px solid #f77573}
.table-red th {background:#fff6f7; color:#ce0e0a; border-bottom:1px solid #f77573; border-left:1px solid #f77573}
.table-red th.bc1 {background:#ffdbde; }
.table-red td {border-bottom:1px solid #f77573; border-left:1px solid #f77573}

.table-blue {border-top:1px solid #5b9adf; border-right:1px solid #5b9adf}
.table-blue th {background:#f3faff; color:#074e9c; border-bottom:1px solid #5b9adf; border-left:1px solid #5b9adf}
.table-blue th.bc1 {background:#c6dbf7;}
.table-blue td {border-bottom:1px solid #5b9adf; border-left:1px solid #5b9adf}

.table-red th, .table-blue th { 
	font-size:12px;
	font-weight:bold;	
}
.table-red td, .table-blue td { 
	font-size:12px;
	height:40px;	
	padding:0 5px;
}
.table-red td.rows2 {
	height:81px;
}


/* 매입세금계산서승인반려 */
.tb_wrap.type4 .tb_head{height:78px;}
.tb_wrap.type4 .tb_box{margin-top:78px;}

.tbl-search-btn .btn-search.type1{
	padding:8px 0 9px 0px;
    background: #e20167;
}
.tbl-search-btn .btn-search:hover{}



/* 매입세금계싼서 통합조회 */
.asterisk.type1 {position:absolute; bottom:1px; left:80px;}


/* main notice popup */
.notiPopupArea {height:100%; box-sizing:border-box; padding:0 20px 20px;}
.notiPopupArea .notiPop {background-color:#fff; border-radius:5px; box-sizing:border-box;  position:relative }
.notiPopupArea h3 {font-size:22px; color:#fff; }

.notiContent {padding:30px; height:100%; box-sizing:border-box;}
.notiContent h4 {color:#222; font-size:19px; padding-bottom:20px; margin-bottom:25px; border-bottom:1px solid #d2d0d0}
.notiContent h4 span {color:#e20167}
.notiContent p {font-size:15px; line-height:25px; }

.files {	
	padding:15px 30px; height:160px;
	position:absolute; bottom:35px; width:100%; box-sizing:border-box;
	font-size:14px; color:#444
}
.files:before {
	content:'첨부파일';
	display:block; font-size:14px; color:#888; padding:15px 0 5px;
	border-top:1px solid #d2d0d0;	
}
.notiPopupArea .notiPop .bottom {
	_position:relative; position:absolute; bottom:0; 
	width:100%; height:35px; padding:7px 15px; 
	background-color:#f2f6fb;
	border-bottom-left-radius:5px; border-bottom-right-radius:5px; 
	box-sizing:border-box; 	
}
.notiPop .bottom input {vertical-align:top}
.notiPop .bottom .close {position:absolute; right:15px; width:40px; height:20px;}


.notiPopupArea.typea {	background:#e9e9e9; padding-top:74px }
.notiPopupArea.typea .notiPop {height:calc(100%); }
.notiPopupArea.typea  h3 {position:absolute; width:100%; top:0; left:0; right:0; height:64px; background:#d32576 url('../../images/common/notipop_titlebg_a.png') no-repeat top right;}
.notiPopupArea.typea  h3 span {display:block; height:64px; line-height:64px; background:url('../../images/common/notipop_title_a.png') no-repeat center left 20px; padding-left:80px}
.notiPopupArea.typea .notiPop .bottom {border-top:1px solid #e9e9e9; background-color:#fff;}

.notiPopupArea.typeb {background:#002C61; }
.notiPopupArea.typeb .notiPop {height:calc(100% - 60px); }
.notiPopupArea.typeb  h3 span {display:block; height:60px; line-height:60px;}

/* error */
.error-wrap{
	position:absolute; top:50%; left:50%;
	width:770px;
	margin:-200px 0 0 -385px;
	padding:60px;
	border-top:4px solid #e20167; border-bottom:1px solid #222;
	box-sizing:border-box;
	background:#fff url('../../images/common/error_icon.png') no-repeat right 50px center;
}

.error-cont h2{ color:#444; font-size:30px; position:relative; padding-bottom:20px}
.error-cont h2 span {color:#e20167; font-weight:900}
.error-cont h2:before{
	content:"";
	position:absolute;
	width:30px; height:2px; background-color:#222;
	bottom:0px; left:0
}
.error-cont p{
	color:#666;
	font-size:16px;
	line-height:25px;
	margin-top:30px
}
.error-btn{
	margin-top:28px;
}
.error-btn a{
	display:inline-block;
	padding:5px 18px;
	box-sizing:border-box;	
	color:#fff;
	font-size:14px;
	background-color:#e20167;
	border-radius:4px;
	transition:all .2s;
}
.error-btn a.st2{	
	background-color:#777;
	color:#fff;
	margin-left:7px;
}

/* 공인인증서등록 */
.faqArea.type1 > h4 > span{position:relative; padding:10px 0 0 18px;  color:#fa0505; font-weight:800; font-size:15px;}
.faqArea.type1 > h4 > span::after{content:'※'; position:absolute; top:10px; left:0;}
.red{color:#fa0505;}


/* 국세청전송현황 */
.tbl-list tbody td.td_box {background-color:#fafbfc; font-weight:900; color:#e20167}

/* table list up/down button */
.btnArrow {position:relative}
.arrow{display:block; width:11px; height:5px; position:absolute; right:10px}
.arrow.up{top:-15px;margin-bottom:3px; background:url("../../images/common/arrow_up.png") no-repeat center;}
.arrow.down{bottom:3px; background:url("../../images/common/arrow_down.png") no-repeat center;}
.arrow.up:hover{background:url("../../images/common/arrow_up_hover.png") no-repeat center;}
.arrow.down:hover{background:url("../../images/common/arrow_down_hover.png") no-repeat center;}

/* 공급가액, 세액, 합계액 표시  */
.totalmoney {display:inline-block; position:absolute; bottom:0; left:80px; line-height: 30px; font-size: 13px;}
.totalmoney em {font-weight:800; color:#002d62}

.infoText {overflow:hidden}
.infoText li {float:left; }
.infoText li span {padding:0 0 0 13px; position:relative; color:#002d62; font-size:12px; font-weight:700}
.infoText li span:before {
	content:'※';
	position:absolute;
	width:13px; height:13px;
	top:0; left:0
}


/* 자료실관리 첨부여부 아이콘 */
.attach{display:inline-block; width:14px; height:16px; background:url("../../images/common/icon_attach.png") center no-repeat; vertical-align:middle; background-size:cover;}


/* 조직관리 */
.organ_search{width:100%; padding:20px 30px; border:1px solid #ddd; background-color:#f2f4f8; box-sizing:border-box; display:table;}
.organ_search table{width:100%;}
.organ_search table tbody tr th{padding:2px 0; text-align:left;}
.organ_search table tbody tr td{padding:2px 0; text-align:left;}
.organ_search table tbody tr th span{position:relative; padding:0 15px 0 13px;}
.organ_search table tbody tr th span:before{content:""; display:inline-block; position:absolute; top:50%; left:0; margin-top:-1px; width:3px; height:3px; background-color:#e20167; border-radius:50%;}
.organ_table{display:table-cell; vertical-align:middle; padding:0 10px 0 25px;}
.organ_btn{display:table-cell; vertical-align:middle;}

.organ_management{width:100%; height:100%; min-height:560px; background-color:#fff; border:1px solid #ddd; overflow-y:auto;}

.infoArea.type3 li{display:inline-block; padding:2px 25px 2px 10px; width:40%;}

/* 프로그램관리 */
.order_ico{display:inline-block; width:20px; height:20px; border:1px solid #999; border-radius:3px; vertical-align:bottom}
.order_ico:hover {border-color:#e20167}
.order_ico.up{margin-right:2px; margin-bottom:0; background:url("../../images/common/order_ico_up.png") no-repeat center;}
.order_ico.down{background:url("../../images/common/order_ico_down.png") no-repeat center;}

/* login */
.login_wrap{position:relative; width:100%; height:calc(100% - 300px); min-height:800px; background:#edf1f4 url("../../images/common/login_bg02.png") center bottom no-repeat;}

.login_box {width:647px; box-shadow:7px 7px 2px #d5d8db; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:1px solid #cecece;}
.login_box li.head{width:100%; height:60px; background:#002d62 url('../../images/common/pop_head_img.png') center no-repeat; background-size:35%;}
.login_box li.login_cont {overflow:hidden; padding:40px; background-color:#fff; box-sizing:border-box;}

.login_cont .left{width:75%; float:left; position:relative; padding-right:15px; box-sizing:border-box;}
.login_cont .left::after{content:""; display:inline-block; width:1px; height:100%; background-color:#e5e5e5; position:absolute; top:0; right:0;}
.login_cont .left .login_inpt{float:left; margin-top:10px;}
.login_cont .left .login_inpt li + li{margin-top:5px;}
.login_cont .left .login_inpt li input{width:227px; height:45px; background-color:#fff; border:1px solid #e4e4e4; padding:0 15px; box-sizing:border-box;}
.login_cont .left .login_btn {position:absolute; top:34px; right:105px; display:block; text-align:center; width:86px; height:95px; font-size:13px; background-color:#e20167; color:#fff; box-sizing:border-box;}
.login_cont .left .login_btn:hover{background-color:#e75a9a;}
.login_cont .left .login_btn.cerBtn{background-color:#002d62; top:34px; right:15px; }
.login_cont .left .login_btn.cerBtn:hover{background-color:#0a3b76;}

.login_cont .right{width:25%; float:left; padding-left:15px; box-sizing:border-box;}
.login_cont .right li:not(:last-child){margin-bottom:20px;}
.login_cont .right li a{display:inline-block; height:30px; padding-left:40px; line-height:30px; color:#444; font-size:14px; font-weight:bold; box-sizing:border-box;}
.login_cont .right li a.newsign{background:url("../../images/common/login_icon01.png") left no-repeat;}
.login_cont .right li a.idfind{background:url("../../images/common/login_icon02.png") left no-repeat;}
.login_cont .right li a.pwfind{background:url("../../images/common/login_icon03.png") left no-repeat;}
.login_cont .right li a:hover {color:#e20167;}

.login_foot{padding:20px 40px; background-color:#f6f9fb; overflow:hidden;}
.login_foot p {float:left; height:15px; background:url("../../images/common/login_icon04.png") left no-repeat; padding-left:20px; line-height:15px; color:#666; font-size:14px; font-weight:bold;}
.login_foot a.cer_login{float:right; height:17px; background:url("../../images/common/login_icon05.png") left center no-repeat; padding-left:25px; line-height:14px; color:#222; font-size:14px; font-weight:900;}
.login_foot a.cer_login:hover{background:url("../../images/common/login_icon05_hover.png") left center no-repeat; color:#e20167;}

/* new */
.infoT {display:inline-block; padding:0 8px}
.rCon {float:right;  line-height:29px}
.rCon .rdo {padding:0}


/* main */
.todoListArea {width:100%; overflow:hidden; margin:25px 0 3px; border-bottom:1px solid #dadada }
.todoListArea > li {float:left; width:313px; padding:0 20px 36px 0; box-sizing:border-box}
.todoListArea > li:last-child {width:261px; padding:0 0 36px 0;}
.todoListArea li .box {
	border:1px solid #aeb2ba; border-radius:10px;	
	padding:20px; box-sizing:border-box;
	min-height:286px;
	box-shadow:7px 6px 0 0 rgba(107,114,129, 0.5);
	-webkit-box-shadow: 7px 6px 0 0 rgba(107,114,129, 0.5);
	-moz-box-shadow:7px 6px 0 0 rgba(107,114,129, 0.5);	
}
.todoListArea li .box.type0 {background:#fff url('../../images/main/box_type0.png') no-repeat right 20px top 26px;}
.todoListArea li .box.type1 {background:#fff url('../../images/main/box_type1.png') no-repeat right 20px top 26px;}
.todoListArea li .box.type2 {background:#fff url('../../images/main/box_type2.png') no-repeat right 20px top 26px;}
.todoListArea li .box.type3 {background:#fff url('../../images/main/box_type3.png') no-repeat right 20px top 26px;}

.todoListArea li .box h3 {width:165px; font-size:24px; font-weight:900; color:#222}
.todoListArea li .box p {width:165px; font-size:13px; color:#888}

.todoListArea li .box ul {margin-top:22px}
.todoListArea li .box ul li {padding:8px 8px; position:relative; font-size:15px; color:#222;}
.todoListArea li .box ul li:not(:last-child) {border-bottom:1px dotted #e5e5e5;}
.todoListArea li .box ul li:before {
	content:'';
	display:inline-block;
	position:absolute; top:19px; left:0;
	width:2px; height:2px; background-color:#222
}
.todoListArea li .box ul li span {position:absolute; top:50%; right:0; margin-top:-14.5px; font-size:12px; color:#757575;}
.todoListArea li .box ul li span em {font-family:Verdana; font-size:24px; padding-right:5px}
.todoListArea li .box.type0 ul li span em {color:#002d62}
.todoListArea li .box.type1 ul li span em {color:#e20167}

.bannerArea li:not(:last-child) {margin-bottom:9px}
.bannerArea li .banner {display:block; width:100%; height:142px; border-radius:10px; padding:28px 30px; box-sizing:border-box }
.bannerArea li .banner.type0 {background:#275183 url('../../images/main/banner_type0.png') no-repeat bottom right}
.bannerArea li .banner.type1 {background:#cd4583 url('../../images/main/banner_type1.png') no-repeat bottom right}
.bannerArea li .banner h4 {font-size:20px; color:#fff; margin-bottom:10px }
.bannerArea li .banner p {font-size:13px; color:rgba(255,255,255, 0.5)}

.contArea {border-top:1px solid #dadada; overflow:hidden }
.contAreaBox > li {float:left; width:33.333%; padding:32px 25px 0;  box-sizing:border-box }
.contAreaBox > li:not(:last-child) {border-right:1px solid #dadada }
.contAreaBox > li:first-child {padding-left:0}
.contAreaBox > li:last-child {padding-right:0}
.contAreaBox > li h4 {font-size:20px; font-weight:900; color:#222; position:relative; line-height:28px;}
.more {
	display:inline-block; width:26px; height:26px; border:1px solid #c5c5c5;
	position:absolute; right:0; top:0;
	background:#fff url('../../images/main/ico_plus.png') no-repeat center;
	text-indent:-9999px; font-size:0; 
}
.noticeArea {}
.noticeArea dt { position:relative; border-bottom:1px solid #e6e6e6; padding:30px 0 30px 74px}
.noticeArea dt .icon {display:inline-block; position:absolute; top:35px; left:0; width:58px; height:58px; border-radius:58px; border:1px solid #e2e2e2; background:url('../../images/main/ico_notice.png') no-repeat center; }
.noticeArea dt a {font-size:15px; font-weight:900; color:#333}
.noticeArea dt p {height:36px; overflow:hidden; margin-top:10px; font-size:13px;	}
.noticeArea dd {padding:30px 0 0}
.noticeArea dd li {position:relative; padding:5px 0 5px 27px}
.noticeArea dd li a {width:290px; color:#666; font-weight:700; }
.noticeArea dd li a:hover {color:#333; }
.noticeArea dd li span.rect {position:absolute; top:12px; left:8px; display:inline-block; width:4px; height:4px; background:#275183; font-size:0; text-indent:-9999px }
.noticeArea dd li span.new {position:absolute; top:5px; left:0; display:inline-block; width:17px; height:17px; border-radius:17px; background:#275183; color:#fff; font-size:11px; text-align:center; font-weight:bold; line-height:17px}
.noticeArea dd li span.date {position:absolute; top:5px; right:0; color:#aaa; font-size:12px }

.faqboxArea {position:relative; padding:16px 0 0}
.faqboxArea li {position:relative; padding:12px 0 13px 33px;  border-bottom:1px dotted #e7e7e7}
.faqboxArea li:last-child {border-bottom:0}
.faqboxArea li a {font-size:14px; color:#222; font-weight:700; }
.faqboxArea li a:hover {text-decoration:underline}
.faqboxArea li span.qus {position:absolute; top:10px; left:0; display:inline-block; width:25px; height:25px; border-radius:25px; background:#275183; color:#fff; font-size:14px; text-align:center; font-weight:bold; line-height:25px}

.remote { display:block; width:100%; height:100px; border:1px solid #dadada; background:#f5f5f5 url('../../images/main/ico_remote.png') no-repeat bottom right; padding:20px 25px; box-sizing:border-box }
.remote h4 {font-size:16px; color:#666;}
.remote p {font-size:12px; color:#888;}

.quickArea {overflow:hidden; padding:0; background:#f5f5f5; border:1px solid #dadada; border-top:4px solid #16243f; height:287px}
.quickArea li {float:left; width:50%; height:96px; position:relative;}
.quickArea li:after {
	content:'';
	width:1px; height:100%; position:absolute; bottom:0; right:0; background-color:#dadada; box-shadow:1px 0 0 rgba(255,255,255, 1) 
}
.quickArea li:before {
	content:'';
	width:100%; height:1px; position:absolute; bottom:0; right:0; background-color:#dadada; box-shadow:0 1px 0 rgba(255,255,255, 1);
}

.quickArea li:nth-child(2):after, 
.quickArea li:nth-child(4):after,

.quickArea li:nth-child(6):after,
.quickArea li:nth-child(6):before{display:none}

.quickArea li a {display:block; padding-top:60px; position:relative; box-sizing:border-box;  text-align:center; font-size:13px; color:#333; letter-spacing:-1px}
.quickArea li span {display:block; width:100%;  height:41px; position:absolute; }
.quickArea li span.qico01 {top:10px; background:url('../../images/main/ico_quick01.png') no-repeat center; font: bold;}
.quickArea li span.qico02 {top:10px; background:url('../../images/main/ico_quick02.png') no-repeat center}
.quickArea li span.qico03 {top:10px; background:url('../../images/main/ico_quick03.png') no-repeat center}
.quickArea li span.qico04 {top:10px; background:url('../../images/main/ico_quick04.png') no-repeat center}
.quickArea li span.qico05 {top:10px; background:url('../../images/main/ico_quick05.png') no-repeat center}
.quickArea li span.qico06 {top:10px; background:url('../../images/main/ico_quick06.png') no-repeat center}
.quickArea li em {display:block; font-size:10px}

.quickArea li a:hover span {
	animation: bounce 0.4s infinite alternate;
	-webkit-animation: bounce 0.4s infinite alternate;
	-moz-appearance: bounce 0.4s infinite alternate;
	-ms-animation: bounce 0.4s 1 alternate;
}

@keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}
@-webkit-keyframes bounce {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-5px);
  }
}


/* 아이디 찾기 */
.idbox {
	width:100%; text-align:center; 
	background-color:#f2f4f8; 
	border:1px solid #d3d3d3; padding:10px 0; 
	margin:10px 0; box-sizing:border-box;}

.idbox.type2{width:522px;}

.idbox {font-size:13px; color:#222; }
.idbox span{color:#e20167; font-weight:700;}

/* stamp */
.stamp {position:absolute; top:0; left:0; padding:48px 5px; box-sizing:border-box; width:111px; height:111px; background:url('../../images/common/stamp.png') no-repeat center}
.stamp p {font-size:10px; color:#000; text-align:center}