@charset "utf-8";

@font-face{font-family:'Nanum Gothic','나눔고딕'; src:url('/font/NanumGothic.ttf')}
html {height:100%;}

html,body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,code,address,ul,ol,li,menu,section,article,aside,
dl,dt,dd,table,thead,tbody,tfoot,label,caption,th,td,form,fieldset,legend,hr,input,button,select,textarea,object,figure,figcaption {
	margin:0;
	padding:0;
	font-size:12px;
	letter-spacing:-0.5px;
} 	/*nav, */

img,fieldset,iframe,legend {border:0 none;}
li{list-style:none;}
input,select,button,img{vertical-align:middle}
i,em,address{font-style:normal}
a{color:#000000;text-decoration:none;	font-size: 12px;     letter-spacing: 0px;		}
a:hover{
	_text-decoration: underline;
	font-size:12px;
	color: #a0a0a0;
}
b,strong {font-weight: bold;}
hr {height: 0;-moz-box-sizing: content-box; box-sizing: content-box;}
button,input {line-height: normal;}
button,select {text-transform: none;}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
}
ul, ol {
	list-style:none;
}

/* BT의 버튼의 배경색 제거 */
.btn-secondary{		background-color: #333333;	color: #fff;		}
.btn-pointer{		background-color: #424a60 !important;	margin: 0 auto;	font-size: 14px !important;	width: 90%;	display: block;		}
table{	border-radius: 5px;	}
table th{	text-align: center;	vertical-align: middle;	}
table td.h_left{	text-align: left;		}
table td.h_center{	text-align: center;		}
table td.h_right{	text-align: right;		}
table td.v_top{	vertical-align: top;		}
table td.v_middle{	vertical-align: middle;		}
table td.v_bottom{	vertical-align: bottom;		}

img, fieldset, abbr, acronym {
	border:0;
}
address, caption, cite, code, dfn, em, var {
	font-style:normal;
	font-weight:normal;
}
q:before, q:after {
	content: '';
}
input, select, button, textarea {
	color:#333333;
	font-size:100%;
	padding: 5px;
}

table.noBorderTab{	    box-shadow: 0 0 0 !important;	}
table.noBorderTab th{	border: 0 !important;	}
table.noBorderTab tr{	border: 0 !important;	}
table.noBorderTab tr td{	border: 0 !important;	}
table.noBorderTab input{	height: auto;	}

.file95Per{	width: 95%;	}

/* input에서 board 0인거 */
.file_input{	border : 0;	}

.board_rad{		margin: 10px 0; padding: 10px;	border: 1px solid #d5d7e3;	border-radius: 10px;	}

/* 달력표현에 대한 div*/
#ui-datepicker-div{		z-index: 9999 !important;	}

.clearfix:after  {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix   {display: block;}
/* End hide from IE-mac */

.cboth {
	clear:both;
}
.invisible {
	overflow:hidden;
	visibility:hidden;
	position:absolute;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}

#AdLeftMenu{	    float: left;	width: 186px;	position: fixed;	height: 90%;	_float: left;	    top: 70px;	border-right: solid 1px #e3e3e3;	    z-index: 11;}
#AdLeftMenu nav {	padding: 20px 10px 10px 5px;	    float: left;	overflow-y:scroll;	height: 100%; vertical-align: middle;	}
#AdLeftMenu nav::-webkit-scrollbar {	width: 10px;		}
#AdLeftMenu nav ul.gnb_menu {	height: 100%; vertical-align: middle;	}


#AdLeftMenuBar {	width: 10px;	position: relative;	height: 100%;	_float: right;	background-color: #dddde5;	border-radius: 0 5px 5px 0;	box-shadow: 3px 0px 4px #878db9;left: 173px;	}
#AdLeftMenuBarSec {	width: 10px;	position: fixed;	height: 90%;	float: left;	    top: 80px;	background-color: #2f8ec5;	border-radius: 0 5px 5px 0;	box-shadow: 2px 0px 4px #608da7;    z-index: 1;	display: none;}

#AdRightMenu{	 width: 500px;	position: fixed;	height: 90%;	    right: 0;	margin: 80px 0px 0 0;	border-right: solid 1px #e3e3e3;	    z-index: 11;}
#AdRightMenu .gnb_menu_right{    width: 480px;	position: fixed;	margin: 20px 0 0 10px;	z-index: 10;	}
#AdRightMenuBar {	width: 10px;	position: relative;	height: 100%;	  background-color: #dddde5;	border-radius: 5px 0 0 5px;	box-shadow: -3px 0px 4px #4b66af;	left: 0px;	}
#AdRightMenuBarSec {	width: 10px;	position: fixed;	height: 90%;	    right: 0;	margin: 70px 0 0 0;	background-color: #7b9eff;	border-radius: 5px 0 0px 5px;	box-shadow: -2px 0px 4px #4b66af;	display: none;z-index: 11;}

#AdRightMenu .gnb_menu_right .subtitle{	font-size: 14px;	font-weight: 600;	margin: 20px 0 5px 10px;	}

#AdRightMenu .gnb_menu_right #RegDesignMem,
#AdRightMenu .gnb_menu_right #preChartDesignMem,
#AdRightMenu .gnb_menu_right #resChartDesignMem{	margin: 0;	padding: 0;		}

#AdRightMenu .gnb_menu_right #RegDesignMem .UserID{	display: inline-block;	margin: 0px 10px;	}
#AdRightMenu .gnb_menu_right #RegDesignMem .UserID a{	font-weight: 600;	}
#AdRightMenu .gnb_menu_right #preChartDesignMem {	position: relative;	width: 480px;	height: 110px;	overflow: hidden;	}
#AdRightMenu .gnb_menu_right #preChartDesignMem .OrdDesigner{	    display: inline-block;	    margin: 0 5px;	}
#AdRightMenu .gnb_menu_right #preChartDesignMem .OrdDesigner div{	display: inline-block;	font-size: 13px;	font-weight: 600;	}
#AdRightMenu .gnb_menu_right #preChartDesignMem .OrdDesigner div.OrdDesColor{	    width: 25px;	height: 15px;	display: block;	border-radius: 5px;	margin: 0 auto;		}
#AdRightMenu .gnb_menu_right #preChartDesignMem .OrdDesigner .OrdDesName{	}
#AdRightMenu .gnb_menu_right #preChartDesignMem .OrdDesigner .OrdDesNum{		}
#AdRightMenu .gnb_menu_right .btnOrdDesign input{	    border: 1px solid #bbb;    width: 100%;	background: #fff;	font-size: 11px;	padding: 4px 6px;	border-radius: 5px;	    margin-bottom: 10px;	}

#AdRightMenu .gnb_menu_right #resChartDesignMem{	position: relative;	width: 480px;	height: 300px;	overflow: hidden;	}

#AdRightMenu .gnb_menu_right #nowWorksDesignMem{	position: relative;	width: 480px;	height: 110px;	overflow: hidden;	}

#wrap {	float: left;	width: 100%;    _position: absolute;	display: inline-block;	_margin: 15px;     padding-bottom: 150px;	}
#wrap .location{	    border-bottom: solid 1px #d5d7e3;	margin: -15px 0 20px 0px;	padding: 0px 0 10px 5px;	    width: 200px;	_position: absolute;}
#wrap .BoardHead {	    border-bottom: 1px solid #dee2e6;	padding: 10px 0 5px 0;	}
#wrap h3 {	font-size: 20px;	text-align: center;		}

/* 아이콘 :회원탈퇴처리 */
#wrap .contents{	margin: 15px;	}
#wrap .contents .searchbox {	text-align: center;	padding: 10px 0px;	margin: 10px 0;	display: table;	width: 100%;	}
#wrap .contents .searchbox input.insert {	width: 25%;	padding: 5px;	}
#wrap .contents .searchbox li {	display: inline;	}
#wrap .contents .searchbox li .check {	width: 20px;	height: 20px;	position: absolute;	margin: 3px 0px 0 1px;	}
#wrap .contents .searchbox li .radio {	width: 20px;	height: 20px;	position: absolute;	margin: 3px 0px 0 1px;	}
#wrap .contents .searchbox li label {	margin-left: 23px;	}
#wrap .contents .searchbox li .btnSeaDateTxt {		margin-left: -35px;		}
#wrap .contents .searchbox .SelDate1 {		margin-left: 20px;	}
#wrap .contents .searchbox .PageViewNum{		    float: right;	margin-right: 20px;	}
#wrap .contents .searchbox #btn_DelSearcjText {		border: 0;	background-color: transparent;	position: absolute;	z-index: 50;	margin: 2px 0 0 -32px;	font-size: 13px;	z-index: 10;		}

#wrap_pop {	width:95%;	margin:0 auto;	}
#wrap_pop .table td{    }
#wrap_pop .table td.EstInfo{    text-align: left !important;  		}
#wrap_pop .table td:nth-child(1){    text-align: center;	}
#wrap_pop .EstTitle {	    display: inline-block;	position: initial;	width: 100%;	text-align: center;	text-decoration-line: underline;	font-size: 20px;	letter-spacing: 10px;	}

#wrap_pop .EsTitle{	    display: inline-block;position: initial;width: 100%;text-align: center;text-decoration-line: underline;font-size: 20px;letter-spacing: 20px;margin: 10px 0 10px 0;	}
#wrap_pop .table-SendTxt th{	padding: 10px 0px;border: 1px solid #bdbdbd;background-color: #efefef;	}
#wrap_pop .table-SendTxt td{	padding: 5px 0px;border: 1px solid #bdbdbd;     cursor: pointer;	}
/* 견적서
#wrap_pop .EstOrder table,
#wrap_pop .EstSeler table{    width: 98%; 	margin: 5px auto;    min-height: 300px;	}
#wrap_pop .EstOrder {	display: inline-block;	position: initial;	width: 50%;	}
#wrap_pop .EstOrder table td:nth-child(1){	    width: 90px;	text-align: center;	}
#wrap_pop .EstSeler {	display: inline-block;	position: initial;	width: 50%;    float: right;	}
#wrap_pop .EstSeler table td:nth-child(1){	width: 105px;text-align: center;	}
#wrap_pop .EstSeler table td .ComLogView{	    text-align: center;	    padding: 10px 0;	}
#wrap_pop .EstSeler table td .ComLogView img{	    width: 110px;	}
#wrap_pop .EstSeler table td .CeoName{	        display: inline;   	}
#wrap_pop .EstSeler table td .ComDojangView{	        position: absolute;	display: inline;	 margin-top: -10px;	}
#wrap_pop .EstSeler table td .ComDojangView img{	        width: 60px;	}

#wrap_pop .EstKoreaPri {    border: 2px solid #000;	margin: 0px 4px 5px;	}
#wrap_pop .EstKoreaPri .left{	display: inline-block;	position: initial;	width: 49%;	margin: 5px 0px 5px 20px;	font-size: 15px;	letter-spacing: 2px;	}
#wrap_pop .EstKoreaPri .right{	    display: inline-block;	position: initial;	width: 45%;	margin: 5px 10px 5px 0px;	font-size: 15px;	letter-spacing: 2px;	float: right;	}
#wrap_pop .EstGsItems {	    padding: 0 5px;		}
#wrap_pop .EstGsItems th{	border: 1px solid #000;	font-size: 12px;	vertical-align: middle;}
#wrap_pop .EstGsItems td{	border: 1px solid #000;	font-size: 12px;	vertical-align: middle;    padding: 0.2rem 0.5rem;}
#wrap_pop .EstGsItems td:nth-child(1){	text-align: center;	}
#wrap_pop .EstGsItems td:nth-child(3){	text-align: right;	}
#wrap_pop .EstGsItems td:nth-child(4){	text-align: right;	}
#wrap_pop .EstGsItems td:nth-child(5){	text-align: right;	}
#wrap_pop .EstGsItems td:nth-child(6){	text-align: right;	}
#wrap_pop .EstGsItems td:nth-child(7){	text-align: right;	}

#wrap_pop .EstCalPri {	    bottom: 0;	_position: absolute;	width: 100%;	text-align: center;    padding: 0 5px;	}
#wrap_pop .EstCalPri .SumGsItemPrice td{		border: 2px solid #000;	    font-weight: 800;	}
#wrap_pop .EstCalPri .SumGsItemPrice td:nth-child(1){		text-align: center;	    width: 70px;	}
#wrap_pop .EstCalPri .SumGsItemPrice td:nth-child(2){		text-align: right;		}
#wrap_pop .EstCalPri .SumGsItemPrice td:nth-child(3){		text-align: center;		width: 100px;	}
#wrap_pop .EstCalPri .SumGsItemPrice td:nth-child(4){		text-align: right;		}
#wrap_pop .EstCalPri .SumGsItemPrice td:nth-child(5){		text-align: center;	    width: 70px;	}
#wrap_pop .EstCalPri .SumGsItemPrice td:nth-child(6){		text-align: right;		}
#wrap_pop .EstCalPri .SumGsItemPrice td:nth-child(7){		text-align: center;		width: 70px;	}
#wrap_pop .EstCalPri .SumGsItemPrice td:nth-child(8){		text-align: right;		}
*/
#wrap_pop .BtnExGsItems{	text-align: center;		}
#wrap_pop .BtnExGsItems .MailAddress{    margin: 15px 0 10px 0;		font-weight: 600;	}
#wrap_pop .BtnExGsItems .MailAddress .form-check-input{        margin: 7px 0px 0 0;	}
#wrap_pop .GsSbRegTable {	width: 100%;	}
/* 견적서 */

#wrap form .checkbox,
.radio{	display: inline;	}
#header {		width:1520px;		height:92px;		z-index:50;		}
#header h1 {	display:inline;	float:left;	margin:15px 0 0 0;		}
#header p {	float:right;	margin-top:33px;	font:11px/13px /*dotum*/;	}
#header p em {		color:#F5F6FA;	}

#gnb {	float:left;	width:100%;	height:39px;	margin-top:7px;	}
#gnb li {	position:relative;	float:left;	width:151px;	background:url('/images/bg_gnb.jpg') repeat;	vertical-align:top;	font-size:0;	line-height:0;	z-index:100;	height: 39px;	font-family: "Malgun Gothic", sans-serif;		}
#gnb li a{	color: #ffffff;	font-weight: bolder;		}
#gnb li.first {	background:url('/images/bg_gnb_side.jpg') no-repeat scroll left 0px;	width: 10px;	}
#gnb li.last {	background:url("/images/bg_gnb_side.jpg") no-repeat scroll right 0px;	width: 10px;	}
#gnb li a {	display:block;	padding:10px 0;	text-align:center;		}
#gnb li ul {
	display:none;
	position:absolute;
	top:37px;
	left:0;
	overflow:hidden;
	width:180px;
	padding:16px 0 13px 22px;
	border:1px solid #F5F6FA;
	background:#fff;
}
#gnb li ul li {
	float:none !important;
	width:90%;
	padding:2px 0px 2px 9px;
	background:url('/images/bg_gnb03.gif') no-repeat left 8px;
	font:12px/14px /*dotum*/;

}
#gnb .has-sub a{
	color: #ffffff;
	font-weight: bolder;
}
#gnb .has-sub li {
	height:20px;
}
#gnb .has-sub .nodata {
	background: transparent url("/images/bar-3.gif") repeat scroll 0px;
	height: 1px;
	margin-bottom: 8px;
	overflow:hidden;
}
#gnb .has-sub ul li a {
	display:inline;
	text-align:left;
	padding:0px;
	color: #575757;
	font-weight: normal;
}
#container {
	overflow:hidden;
	width:100%;
	margin-top:15px;
}
	#footer {
		width:1480px;
		overflow:hidden;
		height: 80px;
		padding: 20px;
		text-align: center;
	}

div.box-group {
	overflow:hidden;
	width:100%;
}
div.group-section {
	margin-top:50px;
}
div.group-section2 {
	margin-top:45px;
}
	div.box-group div {
		position:relative;
		float:left;
		overflow:hidden;
		width:475px;
	}
	div.group-section2 div {
		width:306px;
		margin-right:31px;
	}
	div.box-group div.right {
		float:right;
	}
	div.group-section2 div.right {
		margin-right:0;
	}
		div.box-group div .more {
			position:absolute;
			top:10px;
			right:0;
			padding-right:15px;
			background:url('/images/icon_more.gif') no-repeat right top;
			color:#575757;
			font:11px/13px /*dotum*/;
		}
		div.box-group div h2 {
			color:#333333;
			font:bold 14px/16px /*dotum*/;
		}
ul.tab {
	overflow:hidden;
	width:100%;
	background:url('/images/bg_tab01.gif') repeat-x left bottom;
}
	ul.tab li {
		float:left;
		width:128px;
		margin-right:1px;
		border:1px solid #F5F6FA;
		background:#F6F6F6;
		vertical-align:top;
	}
	ul.tab li.selected {
		border-bottom:1px solid #fff;
		background:url('/images/bg_tab02.gif') repeat-x;
	}
		ul.tab li strong {
			float:left;
			margin-left:10px;
		}
		ul.tab li.selected strong {
			color:#333333;
		}
		ul.tab li em {
			float:right;
			margin-right:10px;
			font:bold 11px/13px /*dotum*/;
		}
		ul.tab li.selected em {
			color:#0058FF;
		}
			ul.tab li em span {
				color:#333333;
				font-weight:normal;
			}
		ul.tab li a {
			overflow:hidden;
			display:block;
			width:100%;
			padding:7px 0 5px 0;
			text-decoration:none !important;
		}
ul.clist {
	overflow:hidden;
	width:100%;
	margin-top:10px;
}
	ul.clist li {
		overflow:hidden;
		width:457px;
		margin-top:8px;
		padding-left:8px;
		background:url('/images/bl_list.gif') no-repeat left 5px;
		vertical-align:top;
	}
		ul.clist li a {
			float:left;
		}
		ul.clist li em {
			float:right;
		}


/* login */
#login {
	margin:0 auto;
}
	#login #header{
		border-bottom:5px #333333 solid;
		padding:10px 15px 3px 15px;
		height:60px;
	}
	#login #header p{
		margin-top:15px;
		padding-right:15px;
	}
	#login #container{
		width:864px;
		margin:60px auto 80px auto;
		}
	div.first_hanasm_title {
		margin: -160px 0px 0px -70px;
	}
	div.first_hanasm_title img{	width: 270px;	}
	div.login-wrap {
		_overflow:hidden;
		border:2px #233975  solid;
		border-radius:10px;
		position: absolute;
		padding: 50px;
		top: 50%;
		left: 50%;
		width: 90%;
		text-align: center;
		min-height: 200px;
		transform: translate(-50%, -50%);
	}
		div.login-wrap .login_box_inner{
			border-bottom:1px #ccc solid;
			padding:10px;
			overflow:hidden;
		}
		div.login-wrap .login_box_inner p{
			float:left;
		}
		
		div.login-wrap .login_box_inner .ex_down{
			float:right;
			margin:7px 0 0 0;
			color:#039;
			font-size:11px;
			letter-spacing:-1px;
		}
		div.login-wrap .login_box_inner .ex_down span{
			margin-left:3px;
			}
		div.login-wrap .login_box_inner .ex_down img{
			vertical-align:-4px;
		}
		div.login-wrap .login_box_inner .ex_down .btn_download{
			display:inline-block; border:1px #ccc solid; padding:2px 5px 0px 5px; color:#333; font-size:11px; letter-spacing:-1px;
			background: #fff; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#e3e3e3 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */
		}
		div.login-wrap .login_guide{
			font-size:11px;
			letter-spacing:-1px;
			overflow:hidden;
		}
		div.login-wrap .login_guide ul{
			padding:20px 0 20px 15px;
			list-style:disc;
			line-height:160%;
			color:#444;
			float:left;
		}
		div.login-wrap .login_guide p{
			padding:15px 0 0 0;
			float:right;
		}
		div.login-wrap .login_guide p a span{
			display:inline-block; border:1px #ccc solid; padding:8px 9px 6px 9px; color:#333; font-size:11px; letter-spacing:-1px;
			font-weight:bold;
			margin-left:5px;
			background: #fff; /* Old browsers */
			background: -moz-linear-gradient(top,  #ffffff 0%, #e3e3e3 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e3e3e3)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ffffff 0%,#e3e3e3 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ffffff 0%,#e3e3e3 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e3e3',GradientType=0 ); /* IE6-9 */	
		}
		div.login-wrap .login_guide p a span img{
			vertical-align:-1px;
			margin-right:2px;
		}
		div.login-wrap .call_center{
			font-weight:bold;
			border:1px #ddd solid;
			padding:10px 15px;
			border-radius:5px;
			color:#333;
		}
		div.login-wrap .call_center strong{
			color:#ff6565;
		}
		div.login-wrap .call_center a{
			color:#0058FF;
			text-decoration:underline;
		}
		
		div.login-wrap h1 {
			float:left;
			margin:0px 0 0 9px;
		}
		div.login-wrap .sales {
			float:right;
		}
		div.login-wrap div.box-login {
			padding:0;
		}
			div.login-wrap div.box-login p{
				padding:10px 15px;
				border-bottom:1px #DBDBDB solid;
				font-family:Verdana, Geneva, sans-serif;
				font-weight:bold;
				color:#333333;
				font-size:14px;
				text-align:center;
				background: #ffffff; /* Old browsers */
				background: -moz-linear-gradient(top,  #ffffff 0%, #ebebf0 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebf0)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebf0 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  #ffffff 0%,#ebebf0 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  #ffffff 0%,#ebebf0 100%); /* IE10+ */
				background: linear-gradient(to bottom,  #ffffff 0%,#ebebf0 100%); /* W3C */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebf0',GradientType=0 ); /* IE6-9 */
			}
			div.login-wrap div.box-login p span{
				/*font-family:/*dotum*/, '돋움', sans-serif;*/
			}
			div.login-wrap div.box-login form {
				margin:60px auto 0 auto;
				overflow:hidden;
				width:378px;
			}
			div.login-wrap div.box-login ul {
				display: inline-block;
				margin: 12px 0 0 5px;
			}
			div.login-wrap div.box-login ul.logo{
				margin: 20px 30px;
			}
div.login-wrap div.box-login ul.id_pass{
	margin: 10px 0 0 10px;
}
div.login-wrap div.box-login ul.id_pass #Li_PWD{	_display: none;	}

				div.login-wrap div.box-login ul li {
					font-size: 20px;
					font-family: "맑은고딕";
					font-weight: 600;
				}
					div.login-wrap div.box-login ul li label {
						_float:left;
						width:52px;
						margin-top:12px;
					}
					div.login-wrap div.box-login ul li input.text {
						height:13px;
						width:200px;
						height: 25px;
						border:1px #DBDBDB solid;
						font-weight:bold;
						color:#333;
					}
					div.login-wrap div.box-login ul li input#USERID {
						text-align: center;
						width:198px;
						height: 75px;
						font-size: 30px;
					}
			div.login-wrap div.box-login .btn {
				border: 1px solid #575757;
				padding: 14px 34px;
				margin-top: 6px;
				font-size: 20px;
				font-weight: 400;
			}

		div.login-wrap div.box-login .idx_LoginButton {
			padding: 0;
			border: 0;
		}
		div.login-wrap .note {
			margin-top:5px;
			text-align:center;
		}
		#login #footer{
			border-top:1px #DBDBDB solid;
			padding:30px;
			overflow:hidden;
		}
		#login #footer .info{
			color:#575757;
			font-size:11px;
			letter-spacing:-1px;
			float:left;
		}
		#login #footer .info span{
			display:inline-block;
			height:10px;
			margin:0 10px 7px 0;
			border-right:1px #DBDBDB solid;
			padding-right:10px;
		}
		#login #footer .info .copyright{
			color:#575757;
			border-right:0;
		}
		#login #footer .info a{
			color:#333;
		}
		
		#login #footer .family_logo{
			float:right;	
		}
		
		
		

/* board */
div.box-write {
	overflow:hidden;
	width:900px;
	margin:0 auto;
}
	div.box-write div.box-btm {
		background:url('/images/bg_box_btm.gif') no-repeat left bottom;
	}
		div.box-write div.box-btm div.box-top {
			padding:41px 32px;
			background:url('/images/bg_box_top.gif') no-repeat;
		}
	div.box-write h1 {
		height:153px;
	}
table.board-write {
	width:100%;
	border-top:1px solid #EDEDED;
	table-layout: fixed;
}
	table.board-write th {
		padding:13px 0 13px 20px;
		border-bottom:1px solid #EDEDED;
		background:#F6F6F6 url('/images/bg_input.gif') no-repeat 10px 18px;
		text-align:left;
		vertical-align:top;
	}
		table.board-write th em {
			font:11px/13px /*dotum*/;
		}
	table.board-write td {
		padding:7px 0 7px 10px;
		border-bottom:1px solid #E6E6E6;
	}
		table.board-write td input,
		table.board-write td select,
		table.board-write td img {
			vertical-align:middle;
		}
		table.board-write td select {
			height:18px;
		}
		table.board-write td input.text {
			height:12px;
			padding:5px 0 5px 5px;
			border:1px solid #E6E6E6;
		}
		table.board-write td input.radio {
			width:12px;
			height:12px;
			margin:0;
			padding:0;
			vertical-align:-2px;
			*vertical-align:0;
		}
		table.board-write td input.check {
			width:12px;
			height:12px;
			margin:0;
			padding:0;
			vertical-align:-2px;
			*vertical-align:0;
		}
		table.board-write td input.file {
			border:1px solid #E6E6E6;
			vertical-align:middle;
		}
		table.board-write td .section {
			display:block;
			margin-top:10px;
			font:11px/13px /*dotum*/;
		}
		table.board-write td .width {
			display:inline-block;
			width:150px;
		}
		table.board-write td textarea {
			padding:5px;
			border:1px solid #E6E6E6;
		}
table.data-a {
	width:100%;
	margin-top:10px;
	border-right:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
}
	table.data-a th {
		padding:7px 0;
		border-left:1px solid #C8C8C8;
		border-top:1px solid #C8C8C8;
		background:#F6F6F6;
		color:#555;
		font-weight:normal;
	}
	table.data-a td {
		padding:22px 0 19px 0;
		border-left:1px solid #C8C8C8;
		border-top:1px solid #C8C8C8;
		color:#555;
		line-height:19px;
		text-align:center;
	}
	table.data-a td.kind {
		padding:3px 0 2px 0;
		background:#F6F6F6;
		color:#888;
		font:11px/13px /*dotum*/;
	}
	table.data-a th .point,
	table.data-a td .point,
	table.data-a td.point {
		color:#CC0008;
		font-size:11px;
		font-weight:bold;
	}

.consent {
	margin-top:10px;
	text-align:right;
}
	.consent input {
		width:12px;
		height:12px;
		margin:0;
		padding:0;
		vertical-align:-2px;
		*vertical-align:0;
	}
div.btn-center {
	margin-top:20px;
	text-align:center;
}
div.box-hidden {
	overflow-x:hidden;
	overflow-y:auto;
	width:720px;
	height:300px;
	padding:5px;
	border:1px solid #E6E6E6;
	line-height:16px;
}
	div.box-hidden strong {
		display:block;
		margin-top:15px;
		color:#000;
	}
	div.box-hidden p {
		margin-top:5px;
	}
	div.box-hidden ul {
		margin-top:5px;
	}
		div.box-hidden ul li {
			padding-left:15px;
			text-indent:-15px;
		}
		div.box-hidden ul li ul {
			margin:0;
		}
		
div.boxDoc-hidden {
	overflow-x:hidden;
	overflow-y:auto;
	width:870px;
	padding:5px;
	border:1px solid #E6E6E6;
	line-height:16px;
}
	div.boxDoc-hidden strong {
		display:block;
		margin-top:15px;
		color:#000;
	}
	div.boxDoc-hidden p {
		margin-top:5px;
	}
	div.boxDoc-hidden ul {
		margin-top:5px;
	}
		div.boxDoc-hidden ul li {
			padding-left:15px;
			text-indent:-15px;
		}
		div.boxDoc-hidden ul li ul {
			margin:0;
		}		


		
 /* UI Object 버튼 */ 
a.btn_big{display:inline-block;padding-right:4px;background:url(/images/common/btn/bg_btn_default.gif) no-repeat 100% 0;font-size:12px;color:#333;line-height:26px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}  
a.btn_big span,a.btn_big strong{display:block;padding:0 8px 1px 12px;background:url(/images/common/btn/bg_btn_default.gif) no-repeat}  
a.btn_sml{display:inline-block;padding-right:4px;background:url(/images/common/btn/bg_btn_default.gif) no-repeat 100% -27px;font-size:11px;color:#333;line-height:21px;letter-spacing:-1px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}  
a.btn_sml span,a.btn_sml strong{display:block;padding:0 4px 1px 8px;background:url(/images/common/btn/bg_btn_default.gif) no-repeat 0 -27px}  
a.btn_sml_su{display:inline-block;padding-right:3px;background:url(/images/common/btn/bg_btn_default.gif) no-repeat 100% -27px;font-size:11px;color:#333;line-height:21px;letter-spacing:-2px;word-spacing:-2px;text-decoration:none !important;white-space:nowrap}  
a.btn_sml_su span,a.btn_sml_su strong{display:block;padding:0 4px 1px 8px;background:url(/images/common/btn/bg_btn_default.gif) no-repeat 0 -27px}  
/* //UI Object */ 


/*카피라이터*/
#copy_wrap {
	width:100%;
	text-align:center;
	}
#copyright{
	border-top:1px #ddd solid;
	padding:15px;
	width:920px; 
	margin:0 auto;
	text-align:left;   
}
#copyright .info{
	color:#777;
	font-size:11px;
	letter-spacing:-1px;
	float:left;

}
#copyright .info span{
	display:inline-block;
	height:10px;
	margin:0 10px 7px 0;
	border-right:1px #ddd solid;
	padding-right:10px;
}
#copyright .info .copyright{
	color:#aaa;
	border-right:0;
}
#copyright .info a{
	color:#333;
}


/* iframe Default */
#if_Default {
	display: block;
	border: none;
	height: 100vh;
	width: 100vw;
}

/* Reset */
.DefPriColor1{		color:#233975;	}
.DefPriColor2{		color:#0058FF;	}
.DefPriColor3{		color:#FECB2E;	}
.DefPriColor4{		color:#ff6565;	}

.DefSecColor1{		color:#A3A1FB;	}
.DefSecColor2{		color:#57B8FF;	}
.DefSecColor3{		color:#5FE3A1;	}
.DefSecColor4{		color:#21D59B;	}
.DefSecColor5{		color:#D5D7E3;	}
.DefSecColor6{		color:#F99600;	}
.DefSecColor7{		color:#FE762E;	}
.DefSecColor8{		color:#FFD8D8;	}
.DefSecColor9{		color:#F5F6FA;	}
.DefSecColor10{		color:#FFF2CA;	}
.DefSecColor11{		color:#E2E2FD;	}
.DefSecColor12{		color:#BBF2E0;	}
.DefSecColor13{		color:#DBDBDB;	}
.DefSecColor14{		color:#A5AEB5;	}

.DefDefColor1{		color:#333333;	}
.DefEdfColor2{		color:#575757;	}


/* 말풍선 */
.cd1tip {	position: relative;	display: inline-block;	}

.cd1tip .tip {	visibility: hidden;	width: 200px;	background: #333;	color: #fff;	font-weight: bold;
	text-align: center;	padding: 5px;	border-radius: 7px;
	/* 풍선 위치 잡기*/
	position: absolute;	z-index: 1;	top: -33px;	left: -290%;
	/* 투명도 */
	opacity: 0;
}

/* 풀선 화살표 */
.cd1tip .tip::after {
	content: "";
	position: absolute;
	border-top: 6px solid transparent;
	border-right: 6px solid #333;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
	top: 31%;
	right: 100%;
}

.cd1tip:hover .tip {	visibility: visible;	opacity: 1;	transition: opacity 0.7s;	}
/* 말풍선 */