@charset "UTF-8";
@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

@media (max-width:360px){html{font-size:10px;}}
@media (min-width:361px) and (max-width:399px){html{font-size:11px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:12px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:13px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:14px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:15px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:16px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:17px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:18px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:19px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:20px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:21px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:22px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:23px;}}
@media (min-width:880px){html{font-size:24px;}}

html,body{width:100%;height:100%;}
html{overflow: auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button,a{font-family:'Nanum Gothic','나눔 고딕',Dotum,'돋움',Helvetica,AppleSDGothicNeo,sans-serif;font-size:1rem; color:#000; line-height: 1.2358em;}
body{}
img,fieldset,iframe{border:0 none}
img{-webkit-user-select:none;}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top; border: none; max-width:100% !important;}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{text-decoration:none; vertical-align: top; margin: 0;}
a:hover{color:#797979;text-decoration:none;}
button *{position:relative}
button img{left:-3px;*left:auto}
html:first-child select{height:20px;padding-right:6px}
option{padding-right:6px}
hr{display:none}
legend{*width:0; display: none;}
table{border-collapse:collapse;border-spacing:0;width:100%}
input[type='tel'],input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
input[type='file']{-webkit-appearance:none}
input[type='date']{-webkit-appearance:none; border-radius:0;}
textarea{-webkit-appearance:none; border-radius:0; font-family: 'Nanum Gothic';}
select{border-radius:0;}
input,button{outline: none;}
caption{display: none;}


/* Common */
.dN{display: none;}
.clear-fix{*zoom:1;}
.clear-fix:after{clear: both; display: block; content:'';}
.ovH{position: fixed; top:0; left: 0; width: 100%; height: 100%; overflow: hidden;}
.textarea{border: 1px solid #e3e3e3; background-color: #fff; height: 2rem;  padding:1rem;}
.textarea textarea{width: 100%; padding: 0; margin: 0; border: none; line-height: 1rem; font-size: 1rem; resize:none; overflow-y: scroll; overflow-x: hidden; }
input[type="tel"],
input[type="text"],
input[type="id"],
input[type="email"],
input[type="date"],
input[type="password"]{height: 1.75rem; line-height: 1.75rem; padding:0.5rem 0.25rem; border: 1px solid #c1c1c1; text-indent: 0.5rem;}
select{height: 2.9rem; line-height: 2.9rem; border: 1px solid #c1c1c1; padding: 0.5rem 0; font-size: 0.85rem;}
.input_box{padding: 0.5rem 0.25rem;}

/* Layout */
#wrap{max-width:640px; margin: 0 auto; overflow: hidden;}
	#header{padding: 2.2% 1.6%; background-color: #fff;}
		#switch{float: left; width: 15.6%;}
		#logo{float: left; width: 53.5%; margin-left: 9.6%;}
		#cellular{float: right; width: 6.8%; margin-right: 3.9%;}
	#container{}
	#footer{}
		.social_btn_wrap{padding: 0.2rem 0;}
			#socialNav{}
			#socialNav li:first-child{margin-left: 0;}
			#socialNav li{float: left; width: 33%; margin-left: 0.5%;}
			#socialNav li a{display: block;}
		.copyRight_wrap{font-size: 1em; border: 1px solid #d1d1d1; border-left-width: 0; border-right-width: 0; padding: 0 1.3%; margin: 1.3% 0 2.6% 0;}
			#copyRight{font-size: 0.61rem; line-height: 1.5em; padding: 1.1% 0;}
		.bottomNav_wrap{padding: 0 1.3% 1rem 1.3%;}
			#bottomNav{width: 100%;}
			#bottomNav li{float: left}
			#bottomNav li:first-child{width:10.9%;}
			#bottomNav li:nth-child(2){width: 13.3%;}
			#bottomNav li:nth-child(3){width: 22.8%;}
			#bottomNav li:nth-child(4){width: 13.3%;}
			#bottomNav li a{}
			#bottomNav li:last-child{float: right; width: 10.5%; margin:0 1.3% 0 27.8%;}

#shadow{display: none; position: absolute; width: 100%; z-index: 9998; overflow: auto; -webkit-overflow-scrolling:touch; -webkit-touch-callout:none;}
#shadow .deco{position: absolute; top:0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60);}

#tabs{display: none; position: absolute; width: 72%; height: 100%; left: -72%; background-color: #fff; z-index: 9999; -webkit-overflow-scrolling:touch;}
	.tabs_content{position: relative; width: 100%; height: 100%; overflow: auto;}
	.tabs_content .top_member_wrap{background-color: #323232; text-align: right; margin-bottom: 0.4%;}
	.tabs_content .top_member_wrap ul{display: inline-block; margin-right: 10px;}
	.tabs_content .top_member_wrap ul li{float: left;}
	.tabs_content .top_member_wrap ul li{margin: 0 0.5rem;}
	.tabs_content .top_member_wrap ul li span.deco{display: block; color:#fff; line-height: 3.75rem;}
	.tabs_content .top_member_wrap ul li a{display: block; font-size: 1.25rem; color:#fff; line-height: 3.75rem;}
	.tabs_content .quick_menu_wrap{}
	.tabs_content .quick_menu_wrap ul{}
	.tabs_content .quick_menu_wrap ul li:first-child{margin-left: 0;}
	.tabs_content .quick_menu_wrap ul li{float: left; width: 24.8%; margin-left: 0.2666%;}
	.tabs_content .quick_menu_wrap ul li:first-child a{background-color: #1c235e;}
	.tabs_content .quick_menu_wrap ul li:nth-child(2) a{background-color: #2f356f;}
	.tabs_content .quick_menu_wrap ul li:nth-child(3) a{background-color: #454c87;}
	.tabs_content .quick_menu_wrap ul li:last-child a{background-color: #62689b;}
	.tabs_content .quick_menu_wrap ul li a{display: block; text-align: center; font-weight: bold; line-height: 5.75rem; font-size: 1rem; background-color: #000; color:#fff;}
	.tabs_content .tabsNav_wrap{position: absolute; top:9.5rem; left: 0; display: inline-block; width: 100%;}
		#tabsNav{position: relative; width: 100%; height: 100%;}
		#tabsNav li.top{background: url("../images/list_style.png") no-repeat 5% center; border-bottom: 1px solid #ececec;}
		#tabsNav li.top a{display: block; padding-left: 10%;}
		#tabsNav li.top a span{line-height: 4.5rem; font-weight: bold; font-size: 1.5rem;}
		#tabsNav li.top a i{float: right; line-height: 4.5rem; margin-right: 5.5%;}
		#tabsNav li.top_sub{display: none;}
		#tabsNav .subNav{}
		#tabsNav .subNav li{background: #95a8b5 url("../images/list_style_sub.png") no-repeat 5% center; border-bottom: 1px solid #fff;}
		#tabsNav .subNav li a{display: block; padding-left: 10%; color:#fff; line-height: 3.25rem; font-size: 1.15rem;}

/* Main */
.main_visual_wrap{position: relative;}
	#main_visual{width: 100%; max-height:438px; overflow: hidden; border-bottom: 1px solid #fff;}
	#main_visual .swiper-slide{text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center;
    -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;	}
	.main_visual_pagination{position: absolute; bottom:1rem; z-index: 1000; width: 100%; text-align: center;}
	.main_visual_pagination span{margin-left: 0.25rem; width: 1rem; height: 1rem;}
.part_anchor_wrap{margin-bottom:0.2rem;}
	#partNav{background-color: #323232;}
	#partNav li{float: left; width: 14.28571%; }
.fixed_banner_contents_box{}
.fixed_banner_contents_box ol{}
.fixed_banner_contents_box ol li{margin-bottom: 0.2rem;}
.center_nav_wrap{}
	#centerNav{margin-bottom: 0.2rem;}
	#centerNav li{float: left; width: 25%;}
	#centerNav li:first-child{width: 25%;}
	#centerNav li:nth-child(2){width: ;}
	#centerNav li:nth-child(3){}
	#centerNav li:last-child{}
	#centerNav li a{display: block;}
	#centerNav li a img{width: 100%;}

.center4banner_wrap{}
	.center4banner{float: left; width: 50%;}
	.center4banner li a{display: block;}
	.center4banner li a img{width: 100%;}
	
	
	
	
	
.consultation_wrap{margin-bottom: 0.2rem;}
/* Member Login */
#member{padding: 1rem 2.8%;}
#member .login{border: 1px solid #e3e3e3; border-top: 2px solid #000;}
#member .login .top_title{width: 91.9%; padding-bottom: 0.5rem; border-bottom: 1px solid #818181; margin: 2rem auto;}
#member .login form{display: block; width: 91.9%; margin: 0 auto;}
#member .login form table{width: 100%; margin: 0 auto;}
#member .login form table tbody .input_box{padding: 0.5rem 0;}
#member .login form table tbody th{font-size: 1rem; text-align: left;}
#member .login form table tbody th,
#member .login form table tbody td{line-height: 2.25rem;}
#member .login form table tbody td .email_input{}
#member .login form table tbody td .email_input li{float: left;}
#member .login form table tbody td .email_input li:first-child{width: 32.5%;}
#member .login form table tbody td .email_input li:nth-child(2){width: 5%;}
#member .login form table tbody td .email_input li:nth-child(3){width: 32.5%;}
#member .login form table tbody td .email_input li:last-child{width: 30%;}
#member .login form table tbody td .email_input li .deco{display: block; height: 1.75rem; line-height: 1.75rem; padding: 0.5rem 0; text-align: center;}
#member .login form table tbody td .email_input li select{display: block; width: 95%; margin: 0 auto;}
#member .login form table select[name="email_list"]{line-height: 2.25rem; height:37px; border: 1px solid #d7d7d7;}
#member .login form table .deco{display: inline-block; padding: 0 0.25rem; width: 15px;}
#member .login form table #m_id,
#member .login form table #m_id2,
#member .login form table #m_pwd, 
#member .login form table #m_pwd_re,
#member .login form table #login_email{display: block; width: 75%; margin: 0 auto;}
#member .login form table #login_password{margin-left:0.65rem;}
#member .login form table .input_box li:first-child{padding-bottom: 0;}
#member .login form table .input_box li{text-align: center;}
#member .login form table .input_box li a#login_submit{display: block; width: 35.8%; height: auto; margin: 0 auto 1.5rem auto;}
#member .login form table .input_box li a{display:inline-block; width: 29%;}

/* Member Join */
#member .join{}
#member .join .joinForm{display: block; border: 1px solid #e3e3e3; border-top: 2px solid #000; padding:1rem 0.5rem 0 0.5rem;}
#member .join .join_table_wrap{padding: 2rem 0.5rem; background-color: #f7f7f7; margin-bottom: 2rem;}
#member .join .join_table{width: 100%;}
#member .join .join_table tbody strong{display: block; font-size: 1.25rem; margin-bottom: 1rem;}
#member .join .join_table tbody th{text-align: left; font-size:1rem;}
#member .join .join_table tbody td{}
#member .join .join_table tbody td .input_box #m_name,
#member .join .join_table tbody td .input_box #m_pwd,
#member .join .join_table tbody td .input_box #m_pwd_re{width: 60%;}
#member .join .join_table tbody td .input_box input[name="tel_no1"],
#member .join .join_table tbody td .input_box input[name="tel_no2"],
#member .join .join_table tbody td .input_box input[name="tel_no3"]{width: 26%;}
#member .join .join_table tbody td .input_box p{font-size: 1rem; line-height:1.25rem; padding: 0.5rem 0;}
#member .join .join_table tbody td .email_input{}
#member .join .join_table tbody td .email_input li{float: left;}
#member .join .join_table tbody td .email_input li:first-child{width: 32.5%;}
#member .join .join_table tbody td .email_input li:nth-child(2){width: 5%;}
#member .join .join_table tbody td .email_input li:nth-child(3){width: 30%;}
#member .join .join_table tbody td .email_input li:last-child{width: 32.5%;}
#member .join .join_table tbody td .email_input li .deco{display: block; height: 1.75rem; line-height: 1.75rem; padding: 0.5rem 0; text-align: center;}
#member .join .join_table tbody td .email_input li select{display: block; width: 95%; margin: 0 auto;}
#member .join .join_table #m_id,
#member .join .join_table #m_id2,
#member .join .join_table #join_id,
#member .join .join_table #join_email{display: block; width: 75%; margin: 0 auto;}
#member .join .join_table #join_id{width: 85%; margin-left: 0;}
#member .join .red_msg{font-weight: bold; font-size: 0.85rem; letter-spacing:-0.05rem; padding: 1rem 0; color:#ff0000;}
#member .join .join_table label{font-size: 1rem;}
#member .join .join_table label input{vertical-align: middle; margin-right: 0.5rem;}
#member .join .checkbox_wrap{text-align: right; padding: 1rem 0;}
#member .join .checkbox_wrap label{display: inline-block; font-size: 1rem;}
#member .join .checkbox_wrap label input{vertical-align: middle;}
#member .join .join_btn_wrap{padding: 1rem 0 0; text-align: center;}
#member .join .join_btn_wrap a{display: inline-block; width: 18%;}

/* Member Join complete */
#member .join .join_complete_box{border: 1px solid #e3e3e3; padding: 7em 3em; margin: 2rem 0;}
#member .join .join_complete_box p{text-align: center; line-height: 1.5rem; font-size: 1rem;}
#member .join .join_complete_box p span{color:#3390d5;}
#member .join .join_complete_box p a{display: inline-block; width: 17.5%;}

/* Member Find Member  */
#member .findMember{padding: 2rem 1rem; border: 1px solid #e3e3e3; margin: 1rem 0;}
#member .findMember .top_msg{display: block; margin-bottom: 2rem; font-size: 1rem;}
#member .findMember .findmember_tabs_box{border: 1px solid #e3e3e3;}
#member .findMember .findmember_tabs_box ul{}
#member .findMember .findmember_tabs_box ul li{float: left; width: 50%;}
#member .findMember .findmember_tabs_box ul li:first-child a{border-right: 1px solid #e3e3e3;}
#member .findMember .findmember_tabs_box ul li a{display: block; text-align: center; font-size: 1.25rem; font-weight: bold; padding: 1.25rem 0; background-color: #f2f2f2; border-bottom: 1px solid #e3e3e3;}
#member .findMember .findmember_tabs_box ul li.open a{background-color: #fff; border-bottom-color: #fff;}
#member .findMember .findmember_tabs_box form{display: block;}
#member .findMember .findmember_tabs_box form table{margin: 1.5rem;}
#member .findMember .findmember_tabs_box form table th{text-align: left; padding-left: 1rem;}
#member .findMember .findmember_tabs_box form table td .input_box{padding: 0.5rem 0;}
#member .findMember .findmember_tabs_box form table td #m_id,
#member .findMember .findmember_tabs_box form table td #m_id2{display: block; width: 75%; margin: 0 auto;}
#member .findMember .findmember_tabs_box form table td #m_id{margin-left: 0;}
#member .findMember .findmember_tabs_box form table td #m_name{width: 96%;}
#member .findMember .findmember_tabs_box form table td #m_pwd{width: 96%;}
#member .findMember .findmember_tabs_box form table td #tel_no1,
#member .findMember .findmember_tabs_box form table td #tel_no2,
#member .findMember .findmember_tabs_box form table td #tel_no3{width: 26%;}
#member .findMember .findmember_tabs_box form table td .email_input{}
#member .findMember .findmember_tabs_box form table td .email_input li{float: left;}
#member .findMember .findmember_tabs_box form table td .email_input li:first-child{width: 31%;}
#member .findMember .findmember_tabs_box form table td .email_input li:nth-child(2){width: 4%;}
#member .findMember .findmember_tabs_box form table td .email_input li:nth-child(3){width: 30%;}
#member .findMember .findmember_tabs_box form table td .email_input li:last-child{width: 32.5%;}
#member .findMember .findmember_tabs_box form table td .email_input li .deco{display: block; height: 1.75rem; line-height: 1.75rem; padding: 0.5rem 0; text-align: center;}
#member .findMember .findmember_tabs_box form table td .email_input li select{display: block; width: 95%; margin: 0 auto;}
#member .findMember .findmember_tabs_box form table td .btn_wrap{text-align: center;}
#member .findMember .findmember_tabs_box form table td .btn_wrap a{display: inline-block; width: 38%;}
#member .findMember .alert_msg{color:#ff0000; font-weight: bold; font-size: 1rem; line-height: 1.5rem; padding: 0.5rem 0;}
#member .findMember .findMember_complete_box{padding: 2em 0;}
#member .findMember .findMember_complete_box p{text-align: center; line-height: 1.5rem; font-size: 1rem;}
#member .findMember .findMember_complete_box p span{color:#3390d5;}
#member .findMember .findMember_complete_box p a{display: inline-block; width: 17.5%;}
#member .findMember .findMember_complete_box .add_msg_box{margin-top: 2rem; text-align: center; line-height: 2.5rem;}
#member .findMember .findMember_complete_box .add_msg_box a{display: inline-block; width: 27%; vertical-align: middle;}
#member .findMember .findMember_complete_box .add_msg_box a img{vertical-align: middle;}

/* Common Form */
div[name="indivForm"]{border-top: 2px solid #393939; margin: 0 2.8%;}
div[name="indivForm"] table{width: 100%; table-layout:fixed;}
div[name="indivForm"] table tr.row_line{border-bottom: 1px solid #b5b5b5;}
div[name="indivForm"] table tr.row_line span.desc{display: block; font-size: 0.75rem; padding: 0 0 0.5rem 1.75rem;}
div[name="indivForm"] table tr.desc td{height: auto;}
div[name="indivForm"] table tr.desc td img{padding-bottom: 1rem;}
div[name="indivForm"] table tbody th{height: 51px; text-align: left;}
div[name="indivForm"] table tbody th.top{vertical-align: top; padding-top: 1rem;}
div[name="indivForm"] table tbody th span.title{display: block; padding-left: 0.5rem;}
div[name="indivForm"] table tbody td{height: 51px;}
div[name="indivForm"] table tbody td span.char{display: inline-block; margin-left: 0.25rem; font-weight: bold;}
div[name="indivForm"] table tbody td input[type="text"],
div[name="indivForm"] table tbody td input[type="password"]{height: 1.75rem; line-height: 1.75rem; padding:0.5rem 0.25rem; border: 1px solid #e3e3e3; text-indent: 0.5rem;}
div[name="indivForm"] #write_name{width: 34%;}
div[name="indivForm"] #wri_name{width: 34%;}
div[name="indivForm"] #write_password{width: 34%;}
div[name="indivForm"] #write_title{width: 90%;}
div[name="indivForm"] #write_phone_first,
div[name="indivForm"] #write_phone_middle,
div[name="indivForm"] #write_phone_last{width: 21%; text-align: center; text-indent: 0;}
div[name="indivForm"] #wri_tel1,
div[name="indivForm"] #wri_tel2,
div[name="indivForm"] #wri_tel3{width: 21%; text-align: center; text-indent: 0;}
div[name="indivForm"] #write_photo{width: 80%;}
div[name="indivForm"] #write_content{width: 90%; height: 270px; border: 1px solid #e3e3e3; resize:none;}
div[name="indivForm"] .email_input{}
div[name="indivForm"] .email_input li{float: left;}
div[name="indivForm"] .email_input li:first-child{width: 32.5%;}
div[name="indivForm"] .email_input li:nth-child(2){width: 5%;}
div[name="indivForm"] .email_input li:nth-child(3){width: 32.5%;}
div[name="indivForm"] .email_input li:last-child{width: 30%;}
div[name="indivForm"] .email_input li .deco{display: block; height: 1.75rem; line-height: 1.75rem; padding: 0.5rem 0; text-align: center;}
div[name="indivForm"] .email_input li input{width: 90%;}
div[name="indivForm"] .email_input li select{display: block; width: 95%; margin: 0 auto;}
div[name="indivForm"] select{height: 2.9rem; line-height: 2.9rem; border: 1px solid #e3e3e3; padding: 0.5rem 0; font-size: 0.85rem;}
div[name="indivForm"] .reservation_inner{}
div[name="indivForm"] .privacy_list{width: 90%;}
div[name="indivForm"] .privacy_list li:last-child{text-align: right; margin-top: 0.5rem;}
div[name="indivForm"] .board_bottom_wrap{text-align: center;}
div[name="indivForm"] .board_bottom_wrap .board_btn_wrap{padding: 1.5rem 0;}
div[name="indivForm"] .board_bottom_wrap a{display: inline-block; width: 16.3%;}
div[name="indivForm"] .board_bottom_wrap a:first-child{margin-right: 0.25rem;}

/* realmodel_contents.asp */
.realmodel_btn_wrap{text-align: center;}
.realmodel_btn_wrap a{display: block; width: 41%; margin: 1.5rem auto;}
.realmodel_write_btn_wrap{text-align: center; padding: 1.5rem 0;}
.realmodel_write_btn_wrap a:first-child{margin-right: 0.25rem;}
.realmodel_write_btn_wrap a{display: inline-block; width: 16.3%;}

/* realmodel_write.asp */
#write_indiv_content{width: 90%; height: 11rem; line-height: 1rem; border: 1px solid #e3e3e3; resize:none;}
#memo1{width: 90%;border: 1px solid #e3e3e3; resize:none;}
#memo2{width: 90%;border: 1px solid #e3e3e3; resize:none;}

#memo3{width: 90%; height: 11rem; line-height: 1rem; border: 1px solid #e3e3e3; resize:none;}
.realmodel_form_wrap{}
form[name="realmodelForm"]{}
form[name="realmodelForm"] .realmodel_photo_list{padding: 0.5rem 0;}
form[name="realmodelForm"] .realmodel_photo_list li:first-child{margin-top: 0;}
form[name="realmodelForm"] .realmodel_photo_list li{margin-top: 0.5rem;}
form[name="realmodelForm"] .realmodel_photo_list li .title{display: inline-block; width: 22.5%;}
form[name="realmodelForm"] .realmodel_photo_list li .title span{display: block; padding-left: 0.5rem; font-weight: bold;}
form[name="realmodelForm"] .realmodel_photo_list li .input_box{display: inline-block;}
form[name="realmodelForm"] #write_before_msg{width: 90%;}
form[name="realmodelForm"] #write_want_msg{width: 90%;}
form[name="realmodelForm"] #write_city{padding: 0 3rem;}
form[name="realmodelForm"] #wri_area{padding: 0 3rem;}

/* realmodel_complete.asp */
.realmodel_complete_wrap{}
.realmodel_complete_wrap .complete_wrap{position: relative; margin:2rem 4.3%;}
.realmodel_complete_wrap .complete_wrap a.home{position: absolute; width: 13.5%; bottom:12%; left: 50%; margin-left:-6.5%;}

/* eye_content.asp */
.indiv_contents_wrapper{}
	.top_path_wrap{}
		#path{position: relative; border: 1px solid #000; border-left-width: 0; border-right-width: 0; line-height: 4.8rem; padding: 0 1rem;}
		#path h2{float: left; width: 80%; line-height: 4.5rem;}
		#path h2 span{font-size: 1.5rem;}
		#path h2 span.deco{margin: 0 1%;}
		#arrow{display: block; float: right;}
		#arrow i{line-height: 4.8rem; vertical-align: middle; color:#ed6d00;}
		.sub_menu{display: none; position: absolute; top:4.8rem; right: 0; width: 60.5%; z-index: 9998;}
		.sub_menu ul{}
		.sub_menu ul li{border-bottom: 1px solid #fff;}
		.sub_menu ul li a.active{background-color: #454c87;}
		.sub_menu ul li a{display: block; text-align: center; height:43px; line-height: 4.5rem; background-color: #95a8b5; color:#fff; font-size: 1.5rem; font-weight: bold;}
	.indiv_contents{}
	.sub_nav_wrap{margin-top: 1%;}
	.sub_nav_wrap ul{}
	.sub_nav_wrap ul li{float: left; width: 25%; margin-bottom: 0.4%;}
	.sub_nav_wrap ul li a{display: block;}



/*********************************************************
: Board
*********************************************************/

/* Board Common */
#board{margin: 0 2.8%;}

/* Board List */
#board[name="list"] .board_list_wrapper{border-top: 2px solid #000;font-size:1.1rem;}
#board[name="list"] .board_list_wrapper ul{}
#board[name="list"] .board_list_wrapper ul .cnt{border-bottom: 1px solid #b5b5b5; cursor: pointer;}
#board[name="list"] .board_list_wrapper ul .cnt .left{float: left; width: 85%;}
#board[name="list"] .board_list_wrapper ul .cnt .right{float: right; width: 15%;}
#board[name="list"] .board_list_wrapper ul .cnt .right span{vertical-align: middle;}
#board[name="list"] .board_list_wrapper ul .cnt .right span img{vertical-align: middle;}
#board[name="list"] .board_list_wrapper ul .cnt .board_list_row{margin: 1rem 0;}
#board[name="list"] .board_list_wrapper ul .cnt .board_list_top{margin-bottom: 0.25rem;}
#board[name="list"] .board_list_wrapper ul .cnt .board_list_bottom{margin-top: 0;}
#board[name="list"] .board_list_wrapper ul .cnt .board_list_row:after{clear: both; display: block; content:'';}
#board[name="list"] .board_list_wrapper ul .cnt .board_list_row span{display: inline-block;}
#board[name="list"] .board_list_wrapper ul .cnt .number{color:#3c5b87; font-weight: bold;} 
#board[name="list"] .board_list_wrapper ul .cnt .subject{text-align: left; color:#3a3a3a; font-weight: bold; padding:0 0.5rem;}
#board[name="list"] .board_list_wrapper ul .cnt .reply_check_box{margin-right: 0.25rem;}
#board[name="list"] .board_list_wrapper ul .cnt .date{color:#c6c6c6;}
#board[name="list"] .board_bottom_wrap{text-align: right; margin: 1rem 0;}
#board[name="list"] .board_bottom_wrap .board_pagination{text-align: center; padding: 1rem 0;}
#board[name="list"] .board_bottom_wrap .board_pagination ol{display: inline-block;}
#board[name="list"] .board_bottom_wrap .board_pagination ol li:first-child{margin-left: 0;}
#board[name="list"] .board_bottom_wrap .board_pagination ol li{float: left; margin-left: 0.25rem;}
#board[name="list"] .board_bottom_wrap .board_pagination ol li a,
#board[name="list"] .board_bottom_wrap .board_pagination ol li strong{display: block; width:2rem; height: 2rem; line-height: 2rem; font-weight: bold; background-color: #e4e9ec; color:#575759;}
#board[name="list"] .board_bottom_wrap .board_pagination ol li strong.now{background-color: #575759; color:#fff;}
#board[name="list"] .board_bottom_wrap .board_pagination ol li .now{}
#board[name="list"] .board_bottom_wrap a.write{display: block; width: 16.5%; margin: 1rem 0.25rem 1rem auto;}
#board[name="list"] .board_bottom_wrap .board_search_wrap{text-align: center;}
#board[name="list"] .board_bottom_wrap .board_search_wrap #search_list{width: 23.8%; min-width:73px; height: 2.7rem; border: 1px solid #e3e3e3; }
#board[name="list"] .board_bottom_wrap .board_search_wrap #search_txt{width:37.5%; min-width:115px; height:1.5rem; line-height: 1.5rem; border: 1px solid #e3e3e3; padding: 0.5rem 0; text-indent: 0.25rem;}
#board[name="list"] .board_bottom_wrap .board_search_wrap .search_txt2{width:37.5%; min-width:115px; height:2.7rem !important;; line-height: 2.7rem; border: 1px solid #e3e3e3; padding: 0.5rem 0; text-indent: 0.25rem;}
#board[name="list"] .board_bottom_wrap .board_search_wrap input[type="submit"]{display: inline-block; width: 16.2%; line-height: 1.5rem; border: 1px solid #e3e3e3; background-color: #fff; text-align: center; cursor: pointer; padding: 0.5rem 0;}
#board[name="list"] .board_bottom_wrap .board_search_wrap .btnSubmit{display: inline-block; width: 16.2%; line-height: 1.5rem; border: 1px solid #e3e3e3; background-color: #fff; text-align: center; cursor: pointer; padding: 0.5rem 0;}


/* Board Write */
#board[name="write"] .board_write_wrapper{border-top: 2px solid #393939;}
#board[name="write"] .board_write_wrapper table{width: 100%; table-layout:fixed;}
#board[name="write"] .board_write_wrapper table tr.row_line{border-bottom: 1px solid #b5b5b5;}
#board[name="write"] .board_write_wrapper table tr.row_line span.desc{display: block; font-size: 0.75rem; padding: 0 0 0.5rem 1.75rem;}
#board[name="write"] .board_write_wrapper table tr.desc td{height: auto;}
#board[name="write"] .board_write_wrapper table tr.desc td img{padding-bottom: 1rem;}
#board[name="write"] .board_write_wrapper table tbody th{height: 3.8rem; text-align: left;}
#board[name="write"] .board_write_wrapper table tbody th.top{vertical-align: top; padding-top: 1.5rem;}
#board[name="write"] .board_write_wrapper table tbody th span.title{display: block; padding-left: 1.75rem;}
#board[name="write"] .board_write_wrapper table tbody td{height: 3.8rem;}
#board[name="write"] .board_write_wrapper table tbody td input[type="text"],
#board[name="write"] .board_write_wrapper table tbody td input[type="password"],
#board[name="write"] .board_write_wrapper table tbody td input[type="date"]{height: 1.75rem; line-height: 1.75rem; padding:0.5rem 0.25rem; border: 1px solid #e3e3e3; text-indent: 0.5rem;}
#board[name="write"] .board_write_wrapper table tbody td input[type="date"]{width: 34%;}
#board[name="write"] .board_write_wrapper #wri_name{width: 34%;}
#board[name="write"] .board_write_wrapper #write_password{width: 34%;}
#board[name="write"] .board_write_wrapper #board_title{width: 90%;}
#board[name="write"] .board_write_wrapper #tel_no1,
#board[name="write"] .board_write_wrapper #tel_no2,
#board[name="write"] .board_write_wrapper #tel_no3{width: 21%; text-align: center; text-indent: 0;}
#board[name="write"] .board_write_wrapper #write_photo{width: 80%;}
#board[name="write"] .board_write_wrapper #board_content{width: 90%; height: 22rem; line-height: 1.75rem; border: 1px solid #e3e3e3; resize:none; font-size: 1.25rem;}
#board[name="write"] .board_write_wrapper .email_input{}
#board[name="write"] .board_write_wrapper .email_input li{float: left;}
#board[name="write"] .board_write_wrapper .email_input li:first-child{width: 32.5%;}
#board[name="write"] .board_write_wrapper .email_input li:nth-child(2){width: 5%;}
#board[name="write"] .board_write_wrapper .email_input li:nth-child(3){width: 32.5%;}
#board[name="write"] .board_write_wrapper .email_input li:last-child{width: 30%;}
#board[name="write"] .board_write_wrapper .email_input li .deco{display: block; height: 1.75rem; line-height: 1.75rem; padding: 0.5rem 0; text-align: center;}
#board[name="write"] .board_write_wrapper .email_input li input{width: 90%;}
#board[name="write"] .board_write_wrapper .email_input li select{display: block; width: 95%; margin: 0 auto;}
#board[name="write"] .board_write_wrapper select{height: 2.9rem; line-height: 2.9rem; border: 1px solid #e3e3e3; padding: 0.5rem 0; font-size: 0.85rem;}
#board[name="write"] .board_write_wrapper .reservation_inner{}
#board[name="write"] .board_write_wrapper .privacy_list{width: 90%;}
#board[name="write"] .board_write_wrapper .privacy_list li:last-child{text-align: right; margin-top: 0.5rem;}
#board[name="write"] .board_bottom_wrap{text-align: center;}
#board[name="write"] .board_bottom_wrap .board_btn_wrap{padding: 1.5rem 0;}
#board[name="write"] .board_bottom_wrap a{display: inline-block; width: 16.3%;}
#board[name="write"] .board_bottom_wrap a:first-child{margin-right: 0.25rem;}

/* Board complete */
#board[name="write"] .board_complete_wrapper{margin: 2.1% 4.3%;}
#board[name="write"] .board_complete_wrapper .complete_wrap{position: relative; margin-bottom: 2rem;}
#board[name="write"] .board_complete_wrapper .complete_wrap a.home{position: absolute; width: 13.5%; bottom:12%; left: 50%; margin-left:-6.5%;}

/* Board view */
#board[name="view"] .board_view_wrapper{border: 1px solid #e3e3e3; border-top: 3px solid #000; border-bottom-width: 0; background-color: #fff; margin: 1rem 0;}
#board[name="view"] .board_view_wrapper table tr.gray{background-color: #f3f4f6;}
#board[name="view"] .board_view_wrapper table tr{border-bottom: 1px solid #b5b5b5;}
#board[name="view"] .board_view_wrapper table th{height: 3.5rem; font-size: 1rem;}
#board[name="view"] .board_view_wrapper table span.title{display: block;  font-weight: normal; border-right: 1px solid #353535;}
#board[name="view"] .board_view_wrapper table strong.title{white-space:nowrap; text-overflow:ellipsis; overflow: hidden; padding: 0 0.5rem;}
#board[name="view"] .board_view_wrapper table .writer,
#board[name="view"] .board_view_wrapper table .date{display: block; padding-left: 0.5rem; font-size: 1rem;}
#board[name="view"] .board_view_wrapper table .board_view_content{padding: 7% 2.5%;}
#board[name="view"] .board_bottom_wrap{}
#board[name="view"] .board_bottom_wrap .board_btn_wrap{position: relative; margin: 1rem 0;}
#board[name="view"] .board_bottom_wrap a{float: left; display: inline-block; width: 16.0%;}
#board[name="view"] .board_bottom_wrap a:first-child{margin-right: 0.25rem;}
#board[name="view"] .board_bottom_wrap a.list{float: right;}
#board[name="view"] .board_row_wrap{border-top: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3;}
#board[name="view"] .board_row_wrap ul{padding: 0.5rem 0;}
#board[name="view"] .board_row_wrap ul li{padding: 0 0.5rem;}
#board[name="view"] .board_row_wrap ul li a{display: block; padding: 0.5rem 0; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
#board[name="view"] .board_row_wrap ul li a span{display: inline-block;}
#board[name="view"] .board_row_wrap ul li a span.title{color:#7bbbeb; font-weight: bold;}
#board[name="view"] .board_row_wrap ul li a span.title img{vertical-align: middle; margin-right: 4px;}
#board[name="view"] .board_row_wrap ul li a span.subject{}

/*********************************************************
: Board List
*********************************************************/

/* Board Online */
#board[data-board="online"] .board_top_wrap{text-align: right;}
#board[data-board="online"] .board_top_wrap .board_top_box{padding-top: 1rem; text-align: center;}
#board[data-board="online"] .board_top_wrap a.write{display: inline-block; width: 16.5%; margin-right: 0.25rem; margin-bottom: 1rem;}
#board[data-board="online"] .board_list_wrapper{border-top: 2px solid #000;font-size:1.1rem;}
#board[name="write"][data-board="online"] .board_top_wrap .board_top_box{padding-bottom: 1rem;}

/* Board Secret */
#board[data-board="secret"] .board_top_wrap{padding: 1.5rem 0;}

/* Board Reservation */
#board[data-board="reservation"] .board_top_wrap{padding: 1.5rem 0;}
#board[name="write"][data-board="reservation"] .board_complete_wrapper .complete_wrap a.home{bottom: 9.5%;}
#board[data-board="reservation"] .board_list_wrapper ul .cnt .left span.number{width: 33%;}
#board[data-board="reservation"] .board_list_wrapper ul .cnt .left span.subject{width: 60%;}
#board[data-board="reservation"] .board_view_wrapper table span.indiv_title{display: inline-block; width: 18%; text-align: center;}
#board[data-board="reservation"] .board_view_wrapper table .top_title_row{display: inline-block;}
#board[data-board="reservation"] .board_view_wrapper table span.indiv_title,
#board[data-board="reservation"] .board_view_wrapper table strong.title{color:#136acb;}
#board[data-board="reservation"] .board_view_wrapper table .writer,
#board[data-board="reservation"] .board_view_wrapper table .date{padding-left: 0;}

/* Board Experience */
#board[data-board="experience"] .board_top_wrap .board_top_box{padding-top: 1rem;}
#board[data-board="experience"] span.ico{width: 1.75rem; vertical-align: top;}
#board[data-board="experience"] .best_list_wrap{border: 1px solid #c4ddf1; background-color: #f4fafa; padding: 2.3rem 3rem 0 3rem; margin:0.5rem 0 2rem 0;}
#board[data-board="experience"] .best_list_wrap .best{}
#board[data-board="experience"] .best_list_wrap .best .cnt{float: left; width: 47%; border-bottom-width: 0; margin-top: 2rem;}
#board[data-board="experience"] .best_list_wrap .best .cnt:first-child,
#board[data-board="experience"] .best_list_wrap .best .cnt:nth-child(2){margin-top: 0;}
#board[data-board="experience"] .best_list_wrap .best .cnt:nth-child(odd){margin-right: 6%;}
#board[data-board="experience"] .best_list_wrap .best .cnt dl{}
#board[data-board="experience"] .best_list_wrap .best .cnt dl dt.thumnail{}
#board[data-board="experience"] .best_list_wrap .best .cnt dl dd.information{}
#board[data-board="experience"] .best_list_wrap .best .cnt dl dd.information span.writer{color:#2c6ec5; padding: 0.25rem 0;}
#board[data-board="experience"] .best_list_wrap .best .cnt dl dd.information span{display: block; line-height: 1.25rem; font-size: 1rem;}
#board[data-board="experience"] .best_list_wrap .best_pagination{text-align: center; padding: 1rem 0;}
#board[data-board="experience"] .best_list_wrap .best_pagination a{display: inline-block; font-size: 1.15rem; padding: 0 0.25rem;}
#board[data-board="experience"] .best_list_wrap .best_pagination a.now{color:#2c6ec5; font-weight: bold;}
#board[data-board="experience"] .write_btn_wrap{padding-bottom: 1rem; border-bottom: 2px solid #000; text-align: right;}
#board[data-board="experience"] .write_btn_wrap a.write{display: inline-block; width: 16.5%; margin-right: 0.25rem;}

/* Board RealSelca */
#board[data-board="realselca"] .board_top_box{text-align: center; padding: 2rem 0;}
#board[data-board="realselca"] .board_list_wrapper .category_box{}
#board[data-board="realselca"] .board_list_wrapper .category_box ul{}
#board[data-board="realselca"] .board_list_wrapper .category_box ul li{float: left; width: 33.3333%;}
#board[data-board="realselca"] .board_list_wrapper .category_box ul li:first-child a{border-left-width: 1px;}
#board[data-board="realselca"] .board_list_wrapper .category_box ul li a{display: block; text-align: center; height: 1rem; line-height: 1rem; padding: 0.5rem 0; font-size: 1rem; border: 1px solid #e3e3e3; border-left-width: 0;}
#board[data-board="realselca"] .board_list_wrapper .category_box ul li.active a{background-color: #248acc; color:#fff; font-weight: bold;}
#board[data-board="realselca"] .board_list_wrapper .normal{margin: 1.25rem 0;}
#board[data-board="realselca"] .board_list_wrapper .normal .cnt{float: left; width:32.2222%; border-bottom-width: 0; margin-bottom: 1rem;}
#board[data-board="realselca"] .board_list_wrapper .normal .cnt:nth-child(2),
#board[data-board="realselca"] .board_list_wrapper .normal .cnt:nth-child(5){margin: 0 1.6%;}
#board[data-board="realselca"] .board_list_wrapper .normal .cnt a{display: block; border: 1px solid #e3e3e3; padding: 4.1%;}
#board[data-board="realselca"] .board_list_wrapper .normal .cnt a .thumnail{display: block; border: 1px solid #e3e3e3;}
#board[data-board="realselca"] .board_list_wrapper .normal .cnt a .title{display: block; padding: 1.25rem 0.25rem; text-align: center; font-size: 1rem; white-space:nowrap; text-overflow:ellipsis; overflow: hidden;}
#board[data-board="realselca"][name="list"] .board_list_wrapper{border-top-width: 0;}
#board[data-board="realselca"][name="view"] .board_top_box{padding-bottom: 0;}
#board[data-board="realselca"][name="view"] .board_view_wrapper{border: 0; margin: 0;}

/* Board Notice */
#board[data-board="notice"] .board_top_box{text-align: center; padding: 1rem 0;}

/* Board Media */
#board[data-board="media"] .board_top_box{text-align: center; padding: 1rem 0;}

/* Board realModel */
#board[data-board="realmodel"]{margin: 0;}
#board[data-board="realmodel"] .board_top_box{text-align: center; padding-bottom: 1.5rem;}
#board[data-board="realmodel"] .board_list_wrapper,
#board[data-board="realmodel"] .board_view_wrapper{margin: 0 2.8%;}
#board[name="view"][data-board="realmodel"] .board_bottom_wrap{margin: 0 2.8%;}
#board[data-board="realmodel"] .board_list_wrapper ul .cnt .left span.number{width: 33%;}
#board[data-board="realmodel"] .board_list_wrapper ul .cnt .left span.subject{width: 60%;}
#board[data-board="realmodel"] .board_view_wrapper table .writer,
#board[data-board="realmodel"] .board_view_wrapper table .date{padding-left: 0;}

/* button */
.btn_ok {
	font-weight: bold;
    font-style: normal;
    text-decoration: none;
    font-family: Arial;
    color: rgb(247, 247, 247);
    vertical-align: middle;
    display: inline-block;
    font-size: 12px;
    width: 63px !important;
    height: 0px;
    padding: 13px;
    text-indent: 0px;
    border: 1px solid rgb(46, 46, 46);
    box-shadow: 0px 0px 0px 0px;
    line-height: 0px;
    border-radius: 3px;
    text-shadow: 0px 0px 0px;
    top: 0px;
    background: rgb(120, 120, 120);
}

.btn_ok:active {
	position:relative;
	top:4px
}

.btn_ok:hover {
}