@charset "utf-8";

@font-face{
	font-family:'Nanum Gothic','나눔고딕';
	src:url('/font/NanumGothic.ttf')
}
@font-face{
	font-family:'NanumGothic';
	src:url('font/NanumGothicRegular.eot');
	src:url('font/NanumGothicRegular.eot?#iefix') format(‘embedded-opentype’),
	url('font/NanumGothicRegular.woff') format(‘woff’),
	url('font/NanumGothicRegular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

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

@font-face{
	font-family:'NanumGothic';
	src:url('font/NanumGothicItalic.eot');
	src:url('font/NanumGothicItalic.eot?#iefix') format(‘embedded-opentype’),
	url('font/NanumGothicItalic.woff') format(‘woff’),
	url('font/NanumGothicItalic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;
}

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 {
	font-family: 'NanumGothicItalic';

	margin:0;
	padding:0;
	font-size:12px;
	letter-spacing:-0.5px;
} 	/*nav, */

.table td, .table th {
	padding: 0.50rem;
	vertical-align: middle ;
}
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;
}
.radioDef{	margin-bottom: 4px; }
.radioLabelDef{	margin-right: 15px; }


/* BT의 버튼의 배경색 제거 */
/*.btn{	font-size:12px;	}*/
.btn-default{    border: 1px solid #bbb;	border-radius: 5px;		}
.btn-secondary{		border-radius: 5px;    font-size: 12px;    padding: 5px 10px;    border: 1px solid #858585;	    background-color: #a1a1a1;	}
.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;
	_border: 1px solid #cbcbcb;
}

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;
}

.ReferenceTxt{	       font-weight: 600;	font-size: 12px;	background-color: #ffffff;	border-radius: 5px;	color: #000;	padding: 5px 10px;	display: inline-block;	box-shadow: 1px 1px 3px #000000;	}

#AdLeftMenu{	display: none; width: 186px;	position: fixed;	height: 90%;    top: 50px;	border-right: solid 1px #e3e3e3;	    z-index: 11;}
/*#AdLeftMenu nav {	height: 100%; vertical-align: middle;	}
#AdLeftMenu nav::-webkit-scrollbar {	width: 10px;		}*/
#AdLeftMenu nav ul.gnb_menu .leftMenuSection{	height: 100%;     overflow-y: scroll;}


#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: -94px 0px 0px 0;
    font-size: 35px;
    font-weight: 600;
}
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: 650px;
	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;
	margin: 0 auto;
	width: 100%;
}
div.login-wrap div.box-login .MemberShipType{

}
div.login-wrap div.box-login .MemberShipType li{
	display: inline-block;    margin: 0 10px;
}
div.login-wrap div.box-login .MemberShipType .btn{
	color: #000;
	font-weight: 600;
	box-shadow: 2px 1px 1px #57567c;
}
div.login-wrap div.box-login .MemberShipType #MemberShipTypeU .btn{	padding: 50px 20px;	border-radius: 15px;	background: linear-gradient( to right, #ffffff 70%, #a9abef);	border: 0px solid #e7e7e7;	letter-spacing: 10px;	}
div.login-wrap div.box-login .MemberShipType #MemberShipTypeC .btn{	padding: 50px 20px;	border-radius: 15px;	background: linear-gradient( to right, #ffffff 70%, #ffa9a9);	border: 0px solid #e7e7e7;	}
div.login-wrap div.box-login .MemberShipType #MemberShipTypeW .btn{	padding: 50px 20px;	border-radius: 15px;	background: linear-gradient( to right, #ffffff 70%, #a9c7ff); 	border: 0px solid #e7e7e7;  letter-spacing: 4px;	}

/*div.login-wrap div.box-login .MemberShipType #MemberShipTypeU .btn:hover,
div.login-wrap div.box-login .MemberShipType #MemberShipTypeC .btn:hover,
div.login-wrap div.box-login .MemberShipType #MemberShipTypeW .btn:hover{
	background-color: #9da9fd;
}*/

div.login-wrap div.box-membersh{	width: 100%;	}
div.login-wrap div.box-membersh .MembershipFindPass li{	display: inline-block;	 margin: 20px 20px;}
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: 0;    vertical-align: middle;
}
div.login-wrap div.box-login ul.id_pass{
	margin: 0px 0 0 10px;
	vertical-align: middle;
}
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;	}
/* 말풍선 */



/* print */
@media print {
	#PrintFooter{display: none;}
}
@page {
	size: A4;
	margin: 0;
}
/* print */