/** Common **/
.wrap {
	width: 100%;
	height: 100%;
}
.main_container {
	position: relative;
	width: 1600px;
	height: 1020px;
	margin: 0 auto;
	overflow: hidden;
}
.container {
	position: relative;
	width: 1600px;
	margin: 0 auto;
	overflow: hidden;
	background: url('../images/common/bg.gif') left top repeat-y;
}

/* Left_Menu */
.left_area {
	float: left;
	width: 240px;
	height: 100%;
	background: #fff;
}
.left_area h1 {
	margin:10px 0 0 5px;
}
.left_area .left_menu {
	width: 222px;
	margin-top: 40px;
	margin-left: 25px;
	text-align: right;
	font-size: 0;
	text-indent: -1000em;
}
.left_area .left_menu li a {
	display: block;
	height: 62px;
	border-bottom: 1px solid #e0e0e0;
}
.left_area .left_menu li .left_menu_01 {
	background: url('../images/common/leftmenu_01_off.gif') 5px center no-repeat;
}
.left_area .left_menu li.active .left_menu_01,
.left_area .left_menu li .left_menu_01:hover {
	background: url('../images/common/leftmenu_01_on.gif') 5px center no-repeat;
}
.left_area .left_menu li .left_menu_02 {
	background: url('../images/common/leftmenu_02_off.gif') 5px center no-repeat;
}
.left_area .left_menu li.active .left_menu_02,
.left_area .left_menu li .left_menu_02:hover {
	background: url('../images/common/leftmenu_02_on.gif') 5px center no-repeat;
}
.left_area .left_menu li .left_menu_03 {
	background: url('../images/common/leftmenu_03_off.gif') 5px center no-repeat;
}
.left_area .left_menu li.active .left_menu_03,
.left_area .left_menu li .left_menu_03:hover {
	background: url('../images/common/leftmenu_03_on.gif') 5px center no-repeat;
}
.left_area .left_menu li .left_menu_04 {
	background: url('../images/common/leftmenu_04_off.gif') 5px center no-repeat;
}
.left_area .left_menu li.active .left_menu_04,
.left_area .left_menu li .left_menu_04:hover {
	background: url('../images/common/leftmenu_04_on.gif') 5px center no-repeat;
}
.left_area .left_menu li .left_menu_05 {
	background: url('../images/common/leftmenu_05_off.gif') 5px center no-repeat;
}
.left_area .left_menu li.active .left_menu_05,
.left_area .left_menu li .left_menu_05:hover {
	background: url('../images/common/leftmenu_05_on.gif') 5px center no-repeat;
}
.left_area .left_menu li .left_menu_06 {
	background: url('../images/common/leftmenu_06_off.gif') 5px center no-repeat;
}
.left_area .left_menu li.active .left_menu_06,
.left_area .left_menu li .left_menu_06:hover {
	background: url('../images/common/leftmenu_06_on.gif') 5px center no-repeat;
}
.left_area .left_menu li .left_menu_07 {
	background: url('../images/common/leftmenu_07_off.gif') 5px center no-repeat;
}
.left_area .left_menu li.active .left_menu_07,
.left_area .left_menu li .left_menu_07:hover {
	background: url('../images/common/leftmenu_07_on.gif') 5px center no-repeat;
}
.left_area .left_menu li .left_menu_08 {
	background: url('../images/common/leftmenu_08_off.gif') 5px center no-repeat;
}
.left_area .left_menu li.active .left_menu_08,
.left_area .left_menu li .left_menu_08:hover {
	background: url('../images/common/leftmenu_08_on.gif') 5px center no-repeat;
}

/* Contents */
.contents {
	float: left;
	position: relative;
	width: 1152px;
	height: 100%;
	background: #51586f;
}

.gnb_menu {
	height: 85px;
	padding: 30px 50px 0 0;
	text-align: right;
	background: #fff;
	overflow: hidden;
}
.gnb_menu li {
	display: inline-block;
}
.gnb_menu li a {
	display: block;
	padding: 20px 10px;
}
.gnb_menu li:last-child a {
	padding: 20px 0 20px 10px;
}

.page_area {
	height: 100%;
	border-top: 1px solid #bdbdbd;
	border-left: 1px solid #cccccc;
}
.sub_page {
	background: #fff;
}
.tab_menu {
	margin-top: -2px;
	overflow: hidden;
}
.tab_menu li {
	float: left;
	display: inline-block;
	font-size: 0;
}
.sub_contents {
	margin: 0;
	padding: 0;
	text-align: left;
	line-height: 0;
}
.footer {	
	text-align: right;
}
.footer .copyright {
	padding: 30px 20px;
	line-height: 20px;
}

/* Quick Menu */
.quick_menu {	
	position: fixed;
	top:0;
	right:0;
	width: 167px;
	height:1000px;
	background:url('/hanmips/images/common/quick_bg01.png') repeat-y top right;
}
.quick_menu li {
	width:151px;
	margin-left:16px;
	font-size: 0;
	border-bottom: 1px solid #bdbfc8;
	cursor: pointer;
}
.quick_menu li:first-child {
	min-height: 52px;
}

/* Main_Slide*/
.main_img {
	position: relative;
	width: 1151px;
	height: 657px;
}

/* Gallery */
.gallery_area {
	width: 1151px;
	height: 610px;
	overflow: hidden;
}
.gallery_view {
	float: left;
	width: 1048px;
	height: 610px;
}
.gallery_thumbnail {
	float: right;
}
.gallery_thumbnail li {
	margin-top: 1px;
	cursor: pointer;
}
.story_pop {
	position: absolute;
	top: 0;
	left: -434px;
	width: 434px;
	height: 583px;
	border: 2px solid #3e5282;
	border-right: none;
	background: url('../images/main/story_pop_bg.jpg') left top no-repeat;
}
.story_pop:before {
	content: " ";
	position: absolute;
	top: 37px;
	right: 0px;
	width: 12px;
	height: 9px;
	background: url('../images/main/icon_pop_arrow.png') left top no-repeat;
}
.story_pop table {
	width: 360px;
	margin: 0 auto;
	margin-top: 190px;
	border-top: 2px solid #99a5bf;
	line-height: 30px;
}
.story_pop table th {
	border-bottom: 1px solid #e7e7e7;
}
.story_pop table tr {
	background: #f6f6f6;
}
.story_pop table td {
	display: table-cell;
	padding: 0 5px;
	border-bottom: 1px solid #e7e7e7;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.story_pop table th:nth-child(1),
.story_pop table td:nth-child(1) {
	width: 50px;
}
.story_pop table th:nth-child(2),
.story_pop table td:nth-child(2) {
	width: 80px;
}
.story_pop table th:nth-child(3),
.story_pop table td:nth-child(3) {
	width: 150px;
}
.story_pop table th:nth-child(4),
.story_pop table td:nth-child(4) {
	width: 80px;
}
.story_pop table td > a {
	display: block;
	text-align: left;
	color: #777;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.story_pop table tr:hover,
.story_pop table tr:hover a,
.story_pop table tr td > a:hover {
	color: #000;
	background: #e3eafa;
}
.story_pop .btn_story {
	display: block;
	position: absolute;
	bottom: 30px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

/* board */
.bbs_contents {
	width: 100%;
	margin: 0;
	padding: 50px 80px;
	text-align: left;
	line-height: 20px;
}
.bbs_contents h3 {
	margin-bottom: 30px;
}
.page_stitle {
	margin-top: 20px;
	margin-left: 20px;
}

/* Story */
/*
.board_story {
	width: 940px;
	margin: 0 auto;
	margin-top: 30px;
	border-top: 1px solid #e7e7e7;
	text-align: center;
	line-height: 40px;
}
.board_story th {
	color: #6f7382;
	background: #edeff4;
}
.board_story td {
	border-bottom: 1px solid #e1e1e1;
}
.board_story th:nth-of-type(1),
.board_story td:nth-of-type(1) {
	width: 90px;
}
.board_story th:nth-of-type(2),
.board_story td:nth-of-type(2) {
	width: 180px;
}
.board_story th:nth-of-type(3),
.board_story td:nth-of-type(3) {
	width: 490px;
}
.board_story th:nth-of-type(4),
.board_story td:nth-of-type(4) {
	width: 180px;
}
.story_view {
	width: 940px;
    border-bottom: 1px solid #e1e1e1;
    text-align: left;
}
.story_view td {
	padding: 20px;
	line-height: 18px;
	text-align: left;
	border: none;
}*/
.stab {background:#f0e7de; border:1px solid #dfdfdf; width:900px; overflow:hidden; margin-bottom:24px; padding:0 10px;}
.stab ul {padding:0; margin:0;}
.stab ul li {float:left; margin:24px 13px 20px 13px;}

.story_area {
	width: 900px;
	overflow: hidden;
}
.story_area > a {
	display: block;
	color: #006699;
	text-decoration: none;
}
.story_area a:hover {
	color: #ff6699;
	text-decoration: underline;
}

.story_title {font-weight:bold; margin-top:6px; color:#000000; font-size:14px; text-decoration:none;}
.story_photo {width:900px; margin-top:15px; margin-bottom:30px; text-align: center;}
.story_photo_title {margin-top:15px; margin-bottom:40px; border-bottom:1px solid #ededed;}

.story_none {text-align:center; border:1px solid #e0e0e0; padding:20px 0;}
.story_view01 {border:0px solid #e0e0e0; padding:20px 0;}
.story_album {border:1px solid #e0e0e0; background:#fff; width:281px; min-height:224px; padding:16px; float:left; margin:0 9px 24px 9px;}
.story_album .story_pix {background:url('../images/story/patton01.jpg') repeat;}
.story_album .story_pix ul li {float:left; overflow:hidden;}
.story_album .story_pix ul li.spix1 {width:123px; height:110px; margin-top:1px;}
.story_album .story_pix ul li.spix2 {width:123px; height:110px; margin-left:1px; margin-top:1px;}
.story_album .story_txt1 { color:#5c5c5c; padding-top:4px;}
.story_album .story_txt2 {line-height:130%; margin-top:6px; position:relative;border-bottom:1px solid #bcc2ca; padding:6px 0;font-weight:bold; font-size:10pt; letter-spacing:-1px;}
.story_album .story_txt2 a:hover div {display:block;}
.story_album .story_txt2 .txtcon {display:none; width:268px; padding:10px; background:#fff; border:1px solid #e0e0e0; position:absolute; top:-10px; left:-10px; z-index:1000; border-radius:5px; color:#333;font-weight:normal; font-size:9pt; letter-spacing:0px;}
.stcbn {clear:both;}
.simgw {width:123px; }

.story_head {
	padding: 10px 0;
	overflow: hidden;
	border-top: 1px solid #3d5486;
	border-bottom: 1px solid #ededed;
}
.story_head li {
	float: left;
	display: inline-block;
	text-align: center;
}
.title_num, .title_cate, .list_num, .list_cate {
	width: 100px;
}
.title_subject, .list_subject {
	width: 470px;
}
.title_name, .list_name {
	width: 200px;
}
.story_list {
	overflow: hidden;
}
.story_list .accordion > li {
	display: block;
	overflow: hidden;
	border-bottom: 1px solid #ededed;
}
.story_list span {
	float: left;
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.story_list h3.list_subject {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 10px 0;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
	cursor:pointer;
}
.story_view {
	clear: both;
	padding: 10px;
	border: 1px solid #ededed;
	text-align: left;
	overflow: hidden;
	line-height: 18px;
	display:none;
}
.story_view .story_view_img {
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.story_view .story_view_img li {
	float: left;
	display: inline-block;
	width: 290px;
	margin-top: 20px;
}
.story_view .story_view_img img {
	width: 230px;
	border: 1px solid #f8f8f8;

}

.story_view_preview {
	border-top: 1px solid #3d5486;
	width: 900px;
	overflow: hidden;
}

/* popup */
.layer_story {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.layer_story .bg {position:absolute; top:0; left:0; display: table; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.layer_story .pop-layer {
    display: table;
    width: 100%;
    height: 100%;
}
.pop-layer {display:none;}
.pop-layer .pop-container {display: table-cell; vertical-align: middle; text-align: center;}
.pop-layer .pop-container .pop-conts {position: relative;}
.pop-layer .pop-container .pop-conts a {
	position: absolute;
	top: 50%; left: 57%;
	width:1000px;margin:-250px 0 0 -500px;
}
.pop-layer .pop-container .pop-conts a:after {content:'';display:block;clear:both}
.pop-layer .pop-container .pop-conts img {
	width: 400px;float:left;
}

/*** paging ***/
.paging {
	display: block;
	height: 30px;
	margin-top: 20px;
	text-align: center;
}
.paging img {
	margin-top: -3px;
	vertical-align: middle;
}
.paging b:before,
.paging a:before{
	content: " | ";
	display: inline-block;
	margin: 0 5px;
	font-size: 11px;
	color: #ddd;
}
.paging span,
.paging b:nth-of-type(1):before,
.paging a:nth-child(1):before {
	content: "";
	display: inline-block;
	margin: 0 5px;
	text-align: center;
}
.paging span:first-child {
	margin: 0;
}
.paging button {
	border: 0;
	background: none;
	cursor: pointer;
	outline: none;
	color: #777;
}
.paging .active {
	font-weight: bold;
	color: #3d5486;
}


/*** Search ***/
.board_search {
	display: block;
	margin-top: 20px;
    text-align: center;    
}


/*** Board_List ***/
.FL_right {
	float: right;
}
.btn_box {
	display: inline-block;
}
.board_category_article {
	overflow: hidden;
}
.board_category_article .board_category {
	float: left;
	display: inline-block;
}
.board_list_basic {
	display: table;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
}
.board_list_basic th {
	padding: 10px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
}
.board_list_basic td {
	display: table-cell;
	padding: 5px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
	vertical-align: middle;
}
.board_list_basic tbody .consult_best {
	background: #f8f8f8;
}
.board_list_basic thead th:nth-child(3),
.board_list_basic tbody td:nth-child(3) {
	width: 350px;
	padding-left: 10px;
}
.board_list_basic tbody td:nth-child(3) {
	text-align: left;
}
.board_list_basic thead th:nth-child(5),
.board_list_basic tbody td:nth-child(5) {
	width: 150px;
}

.board_category_article02 {
	overflow: hidden;
	width: 900px;
}
.board_category_article02 .board_category {
	float: left;
	display: inline-block;
}

.board_list_basic02 {
	display: table;
	width: 900px;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
}
.board_list_basic02 th {
	padding: 10px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
}
.board_list_basic02 td {
	display: table-cell;
	padding: 5px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
	vertical-align: middle;
}
.board_list_basic02 tbody .consult_best {
	background: #f8f8f8;
}
.board_list_basic02 thead th:nth-child(1),
.board_list_basic02 tbody td:nth-child(1) {
	width: 100px;
}
.board_list_basic02 thead th:nth-child(2),
.board_list_basic02 tbody td:nth-child(2) {
	width: 100px;
}
.board_list_basic02 thead th:nth-child(3),
.board_list_basic02 tbody td:nth-child(3) {
	width: 400px;
	padding-left: 10px;
}
.board_list_basic02 tbody td:nth-child(3) {
	text-align: left;
}
.board_list_basic02 thead th:nth-child(5),
.board_list_basic02 tbody td:nth-child(5) {
	width: 100px;
}
.board_list_basic03 {
	display: table;
	width: 900px;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
}
.board_list_basic03 th {
	padding: 10px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
}
.board_list_basic03 td {
	display: table-cell;
	padding: 5px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
	vertical-align: middle;
}
.board_list_basic03 tbody .consult_best {
	background: #f8f8f8;
}
.board_list_basic03 thead th:nth-child(1),
.board_list_basic03 tbody td:nth-child(1) {
	width: 130px;
}
.board_list_basic03 thead th:nth-child(2),
.board_list_basic03 tbody td:nth-child(2) {
	width: 540px;
	padding-left: 10px;
}
.board_list_basic03 tbody td:nth-child(2) {
	text-align: left;
}
.board_list_basic03 thead th:nth-child(3),
.board_list_basic03 tbody td:nth-child(3) {
	width: 150px;
	padding-left: 10px;
}
.board_list_basic03 tbody td:nth-child(4),
.board_list_basic03 tbody td:nth-child(4) {
	width: 80px;
}

.board_list_basic04 {
	display: table;
	width: 900px;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
}
.board_list_basic04 th {
	padding: 10px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
}
.board_list_basic04 td {
	display: table-cell;
	padding: 5px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
	vertical-align: middle;
}
.board_list_basic04 tbody .consult_best {
	background: #f8f8f8;
}
.board_list_basic04 thead th:nth-child(1),
.board_list_basic04 tbody td:nth-child(1) {
	width: 130px;
}
.board_list_basic04 thead th:nth-child(2),
.board_list_basic04 tbody td:nth-child(2) {
	width: 540px;
}
.board_list_basic04 thead th:nth-child(3),
.board_list_basic04 tbody td:nth-child(3) {
	width: 150px;
	padding-left: 10px;
}
.board_list_basic04 tbody td:nth-child(4) {
	width: 80px;
	text-align: center;
}
.board_list_basic04 thead th:nth-child(5),
.board_list_basic04 tbody td:nth-child(5) {
	width: 100px;
}

.story_list_basic {
	display: table;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
	vertical-align: middle;
}
.story_list_basic th {
	padding: 10px 0;
	border-bottom: 1px solid #ededed;
}
.story_list_basic td {
	display: table-cell;
	padding: 5px 0;
	border-bottom: 1px solid #ededed;
}
.story_list_basic tbody .consult_best {
	background: #f8f8f8;
}


/*** Board_View ***/
.board_view_img {
	width: 100%;
	margin-top: 20px;
	border: 1px solid #ddd;
}
.board_view_img td {
	padding: 10px 0;
	text-align: center;
	vertical-align: middle;
}
.board_view_subject {
	width: 990px;
}
.board_view_subject td {
	padding: 20px;
	border-bottom: 1px solid #ededed;
	line-height: 22px;
}
.board_view_subject td:nth-child(1) {
	width: 100px;
	text-align: center;
}

.board_view_subject02 {
	width: 900px;
}
.board_view_subject02 td {
	padding: 20px;
	border-bottom: 1px solid #ededed;
	line-height: 22px;
}
.board_view_subject02 td:nth-child(1) {
	width: 100px;
	text-align: center;
}

.doctor_sign {
	display: block;
	background: #fff;
	text-align: left;
}
.board_view_preview {
	width: 100%;
	overflow: hidden;
}
.board_preview_prev {
	float: left;
	width: 50%;
	padding: 10px;
    border-bottom: 1px solid #ededed;
	text-align: left;
}
.board_preview_prev li {
	display: inline-block;
}
.board_preview_prev a {
	display: inline-block;
	width: 400px;
	margin-left: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.board_preview_prev li span {
	vertical-align: middle;
}
.board_preview_next {
	float: right;
	width: 50%;
	padding: 10px;
    border-bottom: 1px solid #ededed;
	text-align: right;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.board_preview_next li {
	display: inline-block;
}
.board_preview_next a {
	display: inline-block;
	width: 400px;
	margin-right: 20px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.board_preview_next li span {
	vertical-align: middle;
}


/*** Board_write ***/
.board_write_basic {
	display: table;
	width: 990px;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
	vertical-align: middle;
}
.board_write_basic th {
	width: 100px;
	padding: 10px;
	border-bottom: 1px solid #ededed;
	text-align: right;
    vertical-align: middle;
}
.board_write_basic td {
	display: table-cell;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ededed;
	text-align: left;
}

.board_write_basic02 {
	display: table;
	width: 900px;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
	vertical-align: middle;
}
.board_write_basic02 th {
	width: 100px;
	padding: 10px;
	border-bottom: 1px solid #ededed;
	text-align: right;
    vertical-align: middle;
}
.board_write_basic02 td {
	display: table-cell;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ededed;
	text-align: left;
}

.board_write_pay {
	display: table;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
}
.board_write_pay th {
	width: 100px;
	padding: 10px 0;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 14px;
	color: #3d5486;
	text-align: center;
	vertical-align: middle;
}
.board_write_pay td {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #ededed;
}
.board_write_pay h4 {
	font-weight: bold;
	color: #3d5486;
}
.pay_select_article {
	display: block;
}
.pay_select_article li {
	display: inline-block;
	margin-right: 20px;
	padding: 10px 0;
}
.pay_select_article span {
	display: inline-block;
	margin-left: 20px;
}
.board_view_pay {
	display: table;
	width: 100%;
	margin-top: 10px;
	border-top: 1px solid #3d5486;
}
.board_view_pay th {
	width: 20%;
	padding: 10px 0;
	border-right: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	font-size: 14px;
	color: #3d5486;
	text-align: center;
	vertical-align: middle;
}
.board_view_pay td {
	padding: 10px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #ededed;
}

/* À̹ÌÁö Æ˾÷ */
#trigger {
	width: 520px;
	margin-left: 160px;
	padding: 10px 0;
	text-align: center;
	overflow: hidden;
}
#trigger h1 {
	float: left;
	width: 250px;
	height: 250px;
	margin: 10px 10px 0 0;
}
#trigger h1 a {
	display: table-cell;
	width: 250px;
	height: 250px;
	border: 1px solid #ededed;
	box-sizing: content-box;
	vertical-align: middle;
}
#trigger h1 img {
	width: 250px;
}

/* Style you custom popupbox according to your requirement */
.popupbox {
	display: none; /* Hidden as default */
	float: left;
	position: fixed;
	top: 50%; left: 50%;
	width:500px;
	height:300px;
	background: #fff;
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	z-index: 9998;
}
.popupbox img {
	width: 500px;
}
#fade { 
	display: none; /* Hidden as default */
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	z-index: 9997;
}
#btn_close {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 25px;
	height: 25px;
	margin-top: -165px;
    margin-left: 240px;
	background: #3d5486;
	border-radius: 50%;
	line-height: 25px;
	text-align: center;
    color: #fff;
	cursor: pointer;
	z-index: 9999;
}

/* Login */
.login_area {
	margin: 60px auto;
	padding: 20px 0;
	border-top: 1px solid #3a4f7f;
	border-bottom: 1px solid #3a4f7f;
	text-align: center;
	overflow: hidden;
}
.login_area02 {
	margin: 0px auto;
	padding: 20px 0;
	border-top: 2px solid #3a4f7f;
	border-left: 2px solid #3a4f7f;
	border-right: 2px solid #3a4f7f;
	border-bottom: 2px solid #3a4f7f;
	text-align: center;
	overflow: hidden;
	width:310px;
}
.login_box {
	display: inline-block;
	overflow: hidden;
}
.login_box li {
	display: table;
	width: 180px;
	padding-bottom: 5px;
}
.input_style {
	float: left;
	width: 180px;
	height: 35px;
	margin-left: 5px;
	padding: 0 5px;
	color: #3a4f7f;
	border: 1px solid #d3d3d3;
}
.login_area a {
	display: inline-block;
	margin-left: 5px;
	letter-spacing: -1px;
}
.btn_members {
	
}
.btn_members .login_page_join {
	display: inline-block;
	width: 135px;
	height: 25px;
	margin-top: 10px;
	background: #3a4f7f;
	border-radius: 7px 0 7px 0;
	color: #fff;
	line-height: 25px;
	text-align: center;
}
.btn_members .login_page_join:hover {
	background: #2c2e35;
}
.btn_members .login_find_id {
	display: inline-block;
	width: 135px;
	height: 25px;
	margin-top: 10px;
	background: #999;
	border-radius: 7px 0 7px 0;
	color: #fff;
	line-height: 25px;
	text-align: center;
}
.btn_members .login_find_id:hover {
	background: #777;
}

.btn_members_naver {
	
}
.btn_members_naver .login_page_join {
	display: inline-block;
	width: 135px;
	height: 60px;
	margin-top: 10px;
	background: #3a4f7f;
	border-radius: 7px 0 7px 0;
	color: #fff;
	line-height: 25px;
	text-align: center;
}
.btn_members_naver .login_page_join:hover {
	background: #2c2e35;
}
.btn_members_naver .login_find_id {
	display: inline-block;
	width: 135px;
	height: 60px;
	margin-top: 10px;
	background: #999;
	border-radius: 7px 0 7px 0;
	color: #fff;
	line-height: 25px;
	text-align: center;
}
.btn_members_naver .login_find_id:hover {
	background: #777;
}

/* Join us */
.join_area {
	margin: 50px auto;
	padding: 30px 0;
	border-top: 1px solid #C4CFE8;
    border-bottom: 1px solid #C4CFE8;
	text-align: center;
	overflow: hidden;
}
.btn_members .join_native {
	display: inline-block;
	width: 180px;
	height: 40px;
	background: #3a4f7f;
	border-radius: 7px 0 7px 0;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
.btn_members .join_native:hover {
	background: #223C75;
}
.btn_members .join_foreign {
	display: inline-block;
	width: 180px;
	height: 40px;
	background: #5A4786;
	border-radius: 7px 0 7px 0;
	color: #fff;
	line-height: 40px;
	text-align: center;
}
.btn_members .join_foreign:hover {
	background: #493577;
}
.join_page_txt {
	margin-top: 10px;
}
.join_agree_box {
	padding: 30px 10px;
	border-bottom: 1px solid #ededed;
}
.agree_iframe {
    margin-top: 20px;
    margin-left: 10px;
    border: 1px solid #e0e0e0;
}
.join_agree {
	margin-top: 20px;
	text-align: center;
}
.agree_txt {
	width: 100%;
	height: 100%;
    padding: 20px;
    font-size: 12px;
    color: #848484;
	line-height: 18px;
}
.join_register_area {
	padding: 30px 10px;
}
.join_register {
	width: 100%;
	margin-top: 30px;
	border-top: 1px solid #3a4f7f;
}
.join_register th {
	width: 200px;
	padding: 10px 0;
	background: #f8f8f8;
	border-right: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
	vertical-align: middle;
}
.join_register td {
	padding: 10px 0 10px 10px;
	border-top: 1px solid #3a4f7f;
	border-bottom: 1px solid #e0e0e0;
}
.btn_blue11 {
	display: inline-block;
    margin-left: 10px;
    padding: 0px 10px;
    font-size: 11px;
    background: #516CA9;
    border-radius: 5px;
    color: #fff;
    font-family: 'Dotum';
    letter-spacing: -1px;
}
.btn_area_center {
	width: 100%;
	margin-top: 20px;
	text-align: center;
}
.btn_area_center a {
	display: inline-block;
}
button.btn_blue {
	display: inline-block;
	width: 110px;
	margin-left: 10px;
	padding: 6px 0;
	background: #3a4f7f;
	border: none;
	border-radius: 7px 0 7px 0;
	color: #fff;
	text-align: center;
	outline: none;
	cursor: pointer;
}
.btn_blue {
	display: inline-block;
	width: 110px;
	margin-left: 10px;
	padding: 5px 0;
	background: #3a4f7f;
	border-radius: 7px 0 7px 0;
	color: #fff;
	text-align: center;
}
.btn_blue:hover {
	background: #2c2e35;
}
.btn_gray {
	display: inline-block;
	width: 110px;
	margin-left: 10px;
	padding: 5px 0;
	background: #a7a7a7;
	border-radius: 7px 0 7px 0;
	color: #fff;
	text-align: center;
}
.btn_gray:hover {
	background: #848484;
}

/* Reserve */
.reserve_step_title {
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #3a4f7f;
}
.calendar_top {
	width: 560px;
	margin-top: 10px;
	margin-left: 80px;
	overflow: hidden;
}
.calendar_top .btn_calendar_month {
	float: left;
	display: inline-block;
}
.calendar_top .calendar_date {
	float: right;
	display: inline-block;
}
.calendar_top li {
	display: inline-block;
}
.calendar_top .calendar_date .month {
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #3a4f7f;
}
.calendar_table {
	width: 560px;
	margin-top: 20px;
	margin-left: 80px;
	border-top: 1px solid #3a4f7f;
}
.calendar_table th {
	padding: 10px 0;
	border-bottom: 1px solid #3a4f7f;
	text-align: center;
}
.calendar_table th:nth-child(odd) {
	background: #f8f8f8;
}
.calendar_table td {
	border-bottom: 1px solid #ededed;
}
.calendar_table td a {
	display: block;
	padding: 20px 0;
	text-align: center;
}
.calendar_table td a:hover {
	background: #f8f8f8;
}
.reserve_register {
	width: 100%;
	margin-top: 20px;
	border-top: 1px solid #3a4f7f;
}
.reserve_register th {
	width: 100px;
	padding: 10px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
}
.reserve_register td {
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #ededed;
}
.reserve_register td span {
	margin-left: 20px;
	font-size: 11px;
}
.reserve_check {
	width: 100%;
	border-top: 1px solid #3a4f7f;
}
.reserve_check th {
	padding: 10px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
}
.reserve_check td {
	padding: 10px 0;
	border-bottom: 1px solid #ededed;
	text-align: center;
}

/* Before & After */
.board_bna_area {
	position: relative;
}
.board_list_bna {
	width: 100%;
	border-top: 1px solid #3a4f7f;
}
.board_list_bna th {
	background: #f1f1f1;
}
.board_list_bna th,
.board_list_bna td {
	padding: 10px;
	border-bottom: 1px solid #ededed;
	text-align: center;
	vertical-align: top;
}
.board_list_bna .bna_img {
	padding: 10px;
	border: 1px solid #ededed;
	vertical-align: middle;
}