@charset "utf-8";
/* layout */



.menu_box {
	border: 1px solid #d0b789;
	width: 900px;
	height: 550px;
	overflow-y: scroll;
	position: absolute;
	left: 174px;
	top: 115px;
	background: #fff;
	z-index: 1;
	display: none;
	font-family: NanumBarunGothic, "나눔바른고딕";
}
.box_gnb .menu_box .box_depth {
	border-bottom: 1px solid #ece8e8;
	position: relative;
	padding: 7px;
	display: block;
	overflow: hidden;
	clear: both
}
.box_gnb .menu_box .box_depth:nth-child(even) {
	background: #fdfdfd
}
.box_gnb .menu_box .box_depth .depth1 {
	font-size: 16px;
	line-height: 25px;
	color: #333;
	font-weight: 700;
	position: absolute;
	left: 15px;
	width: 100px;
	letter-spacing: -1px;
}
.box_gnb .menu_box .box_depth .depth1_on {
	font-size: 17px;
	color: #003e7e;
	width: 100px;
}
.box_gnb .menu_box .box_depth .depth2 {
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	position: absolute;
	left: 110px;
	width: 110px;
	float: left;
	color: #999999;
	letter-spacing: -1px
}
.box_gnb .menu_box .box_depth .depth3 {
	font-size: 12px;
	margin-left: 220px;
	top: 20px;
	width: 682px;
	letter-spacing: -1px
}
.box_gnb .menu_box .box_depth .depth3 ul li {
	width: 24%;
	margin-right: 1%;
	line-height: 25px;
	/*height:25px;*/
	float: left;
	color: #999999;
	cursor: pointer;
	letter-spacing: -1px;
}
.box_gnb .menu_box .box_depth .depth3 ul li:nth-child(4n+4) {
	margin-right: 0px;
}
.box_gnb .menu_box .box_depth .depth3 .depth_on li {
	color: #4b4b4b;
	font-weight: bold;
}
.box_gnb .menu_box .box_depth .depth3 ul .on {
	color: #0086db;
	font-weight: bold;
}
.pop h1 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-align: left;
	height: 50px;
	line-height: 50px;
	padding-left: 30px;
	background: #003e7e;
}
.pop h2 {
	font-size: 15px;
	font-weight: bold;
	color: #666;
	text-align: left;
	line-height: 25px;
	padding: 10px 30px;
	background: #efefef
}
.pop .table_top {
	border-top: 2px solid #333;
	margin-top: 20px;
	width: 90%;
}
.pop .table_top tr th {
	height: 49px;
	line-height: 49px;
	vertical-align: middle;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	font-size: 15px;
}
.pop .table_top tr th:last-child {
	border-right: none;
}
.pop .table_top tr td {
	padding: 15px 10px;
	line-height: 30px;
	border-bottom: 1px solid #dedede;
	border-right: 1px solid #dedede;
	text-align: left;
	font-size: 15px;
	vertical-align: middle;
}
.pop .table_top tr td:last-child {
	border-right: none;
}
.pop .table_top tr td input {
	width: 100%;
	height: 32px;
	padding: 0px 10px;
	border: 1px solid #dedede;
	margin-top: -6px;
	color: #888;
}
.pop .table_top tr td textarea {
	width: 100%;
	height: 200px;
	padding: 0px 10px;
	border: 1px solid #dedede;
	margin-top: -6px;
	color: #888;
}
.pop .table_top tr .txt_left {
	text-align: left;
	padding-left: 10px;
}
.pop .btn_Regist {
	width: 200px;
	display: block;
	margin: 20px auto
}
.pop #Regist {
	border: 4px solid #003e7e;
	background: none;
	color: #003e7e;
	font-size: 16px;
	font-weight: bold;
	box-shadow: none;
	width: 200px;
	height: 50px
}
.pop #Regist:hover {
	background: #003e7e;
	color: #fff
}
.pop_and {
	text-align: center;
	width: calc(100% - 24px);
	height: 100%;
	display: table;
	font-size: 25px;
	line-height: 40px;
	vertical-align: bottom;
	padding: 22% 0px 0 0;
	border: 12px solid #e4eef2;
	background: url(../img/bg_pop02.png) no-repeat center top;
}
#clock {
	background: #003e7e;
	color: #fff;
	padding: 0px 20px;
	display: inline-block;
	font-size: 16px;
	margin-top: 20px
}
/*로그인/회원가입/회원정보수정*/

.member_width{
	width:500px	;
	margin:0px auto
}

div .sub_content {
	/*width: 500px;*/
	margin-bottom: 80px;
	line-height:1.9
}
div .input_err {
	height: 30px;
	color: red;
	display: none;
}
div .content {
	width: 454px;
	height: 150px;
	overflow-x: hidden;
	overflow-y: auto;
	border: 1px solid #e5e5e5;
	padding: 5px 10px;
}
h1 {
	font-size: 43px;
	color: #353535;
}
.sub_btn {
	text-align: center;
}
.sub_btn a {
	color: #c5c5c5;
	border-right:1px solid #CCC;
	padding-right:20px;
}
.sub_btn a:last-child {
	border:none

}
.sub_btn a:hover {
	color: #003e7e;
}
.checkbox {
	width: 18px;
	height: 18px !important;
	float: right;
	margin: 0 auto;
}
div .sns_login {
	text-align: center;
	margin-top: 40px;
}
.sns_login a {
	float:left;
	margin-right:10px;
}

#naver_id_login{
	overflow:hidden	
}
.box_login_box{
	padding:20px;
	border:1px solid #CCC;
	width:95%
}

.box_login_box input {
    border: 1px solid #e5e5e5;
    height: 47px;
    padding-left: 15px;
    margin-bottom: 10px;
    width: 100%;
}

.box_login_box #agree_yn{
	width:30px;	
	float:left
}
.box_login_box .btn_Regist {width:230px; display:block; margin:20px auto}
.box_login_box #Regist:hover {
    background: #003e7e;
    color: #fff;
}
.box_login_box #Regist {
    border: 4px solid #003e7e;
    background: none;
    color: #003e7e;
    font-size: 16px;
    font-weight: bold;
    box-shadow: none;
    width: 230px;
    height: 50px;
}

.secret{
	margin-top:2px;
}
.mgt20{
	margin-top:20px	
}
.personadata{
	line-height:25px	
}