@charset "utf-8";
/* CSS Document */

*, input, :after, :before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	min-width: 320px;
	font-size: 15px;
	line-height: 1.45;
	font-family: -apple-system,BlinkMacSystemFont,"Malgun Gothic","맑은 고딕",helvetica,"Apple SD Gothic Neo",sans-serif;
	font-weight: 300;
	-webkit-text-size-adjust: none;
	letter-spacing: -0.025em;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
	background-color:#dbd7d6;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, textarea, p, blockquote, th, td, input, select, textarea, button, figure, p {
	margin: 0;
	padding: 0
}
fieldset, img {
	border: 0 none
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top
}
dl, ul, ol, menu, li {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none
}
input, select, textarea, button {
	font-size: 100%;
	vertical-align: middle
}
button {
	border: 0 none;
	background-color: transparent;
	cursor: pointer
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption {
	font-size: 0;
	line-height: 0;
	visibility: hidden;
}
input[type='text'], input[type='password'], input[type='submit'], input[type='search'] {
	-webkit-appearance: none
}
input:checked[type='checkbox'] {
	background-color: #666;
	-webkit-appearance: checkbox
}
input, textarea, keygen, select, button {
	font-family: "NanumSquare", "NanumGothic", Arial, sans-serif;
}
button, html input[type='button'], input[type='submit'], input[type='reset'], input[type='file'] {
	-webkit-appearance: button
}
div, article, aside, footer, header, main, nav, section {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
section, header, footer, main, article, aside, nav, figcaption, figure {
	display: block
}
address, caption, cite, code, dfn, em, var, i {
	font-style: normal;
	font-weight: normal
}
a {
	color: #333;
	text-decoration: none;
}
a:visited, a:hover, a:active {
	text-decoration: none;
}

#wrap {
   /* min-width: 1280px;*/
}

#pageIndex {
	position: relative;
	z-index: 1000;
	width: 100%;
}

.screen_out {
	overflow: hidden;
	position: absolute;
	width: 0;
	height: 0;
	line-height: 0;
	color: transparent;
	text-indent: -9999px;
}
.clear:after {
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	clear: both;
	content: "";
}
.ico_comm {
	display: inline-block;
	overflow: hidden;
	background-image: url(/images/icon/ico_comm.png?ver=0.1);
	color: transparent;
	vertical-align: middle;
	text-indent: -9999px
}
.ico_ncomm {
	display: inline-block;
	overflow: hidden;
	background-image: url(/images/icon/iconbg.png?ver=0.1);
	color: transparent;
	vertical-align: middle;
	text-indent: -9999px
}

/* 기타 스타일 조정*/
.fl { float:left !important}
.fr { float:right !important}

.ta_c { text-align:center!important}
.ta_l { padding-left:3px; text-align:left !important}
.ta_r { padding-right:3px; text-align:right !important}

.mar_t3 { margin-top:3px}
.mar_t5 { margin-top:5px}
.mar_t10 { margin-top:10px}
.mar_t20 { margin-top:20px}

.mar_b3 { margin-bottom:3px}
.mar_b5 { margin-bottom:5px}
.mar_b10 { margin-bottom:10px}
.mar_b20 { margin-bottom:20px}

.mar_r3 { margin-right:3px}
.mar_r5 { margin-right:5px}
.mar_r10 { margin-right:10px}
.mar_r20 { margin-right:20px}

.mar_l3 { margin-left:3px}
.mar_l5 { margin-left:5px}
.mar_l10 { margin-left:10px}
.mar_l20 { margin-left:20px}

.point_noti { font-size:12px; vertical-align:middle; font-weight:500; color:#ff1400; display:inline-block; margin-left:5px;}
.link { text-decoration:underline; cursor:pointer;}
.pointB { color:#0c7dd7;}

/****************************
    01. HEADER 
****************************/
.cwrap { width:100%; margin: auto;}
#header_wrapm {
    min-height: 700px !important;
}
#header_wrap {
	position: relative;
	width: 100%;
	min-height:120px;
	max-height:550px;
	overflow:hidden;
	background-color: #b09a77;
	background-image: url(/images/m_visual_1.png);
	background-repeat:no-repeat;
	background-size:cover;
}
#header {
	position: relative;
	width: 100%;
	height:120px;
	background-color: rgba(44,43,40,0.8);
}
#header .inner_head {
	position: relative;
	height:75px;
	margin: 0 auto;
}
#header .inner_head:after {
	display: block;
	visibility: hidden;
	height: 0;
	font-size: 0;
	clear: both;
	content: "";
}
.header_logo {
	position:absolute;
	width:200px;
	padding-top: 25px;
	padding-left: 20px;
	opacity:1 !important;
}
.header_logo > a {
	display: block;
}
.header_nlogo {
	position:absolute;
	left:220px;
	width:calc(100% - 30%);
	padding-top: 25px;
	text-align:center;
}
.header_nlogo strong {
	display: inline-block;
	padding-top:1px;
	font-size:18px; 
	color:#fff;
	font-weight: 600;
}
.header_nlogo > a {
	display: block;
}

/*login*/
.login_area { position:absolute; width:280px; top:20px; right:10px;}
.top_login li { float:left; font-size:10pt; color:#615b55;}
.top_login li a { display:block; color:#fff; padding:0px 15px 5px 15px;}
.top_login li a:hover { color:#fff;}

.noPadding{padding:0px !important}
.pl10{padding-left:10px !important}
.t_c {text-align:center  !important}
.t_l {text-align:left  !important}
/*navi*/
.m_top_navi:before {content:""; position:absolute; display:block; width:100%; height:1px; top:75px; left:0; background-color:#fff; opacity:0.15;}
.m_top_navi { display:table; width:auto; height:40px; margin:0 auto;}
.m_top_navi li { float:left; display:inline-block; padding:10px 25px;}
.m_top_navi li a { display:inline-block; font-size:17px; font-weight:600; color:#a89277;}
.m_top_navi li a:hover, a:focus, a:active { color:#ffffff !important}
.m_top_navi li a.on { color:#ffffff;}

/*anchor menu*/
#divSubMenu {}
.img_control_area{z-index:999;  background:url(/images/MAIN/visu_navi_bg_50.png) repeat; width:264px; height:254px; padding:10px 20px;}
.divSubMenu_h2 { padding:35px 0 15px; text-align:center; font-family: 'NanumSquare', sans-serif; font-weight:600; font-size:40px; font-style:italic; color:#fff;}
.divSubMenu { position:relative; display:table; width:auto; height:300px; margin:0 auto;}
.divSubMenu li { position:relative; float:left; width:264px; height:254px; padding:0; margin:12px; text-align:center; background-color:#2c2b28;}
.divSubMenu li:before { content:""; position:absolute; display:block; width:24px; height:6px; top:30px; left:120px; background-color:#b09a77;}
.divSubMenu li span:nth-child(1) { display:block; padding-top:60px; font-size:18px; font-weight:600; color:#fff;}
.divSubMenu li span:nth-child(2) { display:block; font-family: 'NanumSquare', sans-serif; font-weight:600; font-size:30px; color:#fff;}
.divSubMenu li span:nth-child(3) a { position:absolute; right:-15px; bottom:-15px; display:inline-block; width:72px; height:72px; padding-top:15px; font-family: 'NanumSquare', sans-serif; font-size:24px; font-weight:600; color:#fff; background-color:#4f4842; border-radius:50%; box-shadow:0 10px 35px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.1); transition: box-shadow 0.1s linear;}
.divSubMenu li span:nth-child(3) a:hover,
.divSubMenu li span:nth-child(3) a.on { background-color:#785d44; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 4px rgba(0, 0, 0, 0.2);}



#divSubMenu1 {}
.img_control_area1{z-index:999;  background:url(/images/MAIN/visu_navi_bg_50.png) repeat; width:204px; height:254px; padding:10px 20px;}
.divSubMenu1_h2 { padding:35px 0 15px; text-align:center; font-family: 'NanumSquare', sans-serif; font-weight:600; font-size:40px; font-style:italic; color:#fff;}
.divSubMenu1 { position:relative; display:table; width:auto; height:300px; margin:0 auto;}
.divSubMenu1 li { position:relative; float:left; width:204px; height:254px; padding:0; margin:12px; text-align:center; background-color:#2c2b28;}
.divSubMenu1 li:before { content:""; position:absolute; display:block; width:24px; height:6px; top:30px; left:100px; background-color:#b09a77;}
.divSubMenu1 li span:nth-child(1) { display:block; padding-top:60px; font-size:18px; font-weight:600; color:#fff;}
.divSubMenu1 li span:nth-child(2) { display:block; font-family: 'NanumSquare', sans-serif; font-weight:600; font-size:30px; color:#fff;}
.divSubMenu1 li span:nth-child(3) a { position:absolute; right:-15px; bottom:-15px; display:inline-block; width:62px; height:62px; padding-top:10px; font-family: 'NanumSquare', sans-serif; font-size:24px; font-weight:600; color:#fff; background-color:#4f4842; border-radius:50%; box-shadow:0 10px 35px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.1); transition: box-shadow 0.1s linear;}
.divSubMenu1 li span:nth-child(3) a:hover,
.divSubMenu1 li span:nth-child(3) a.on { background-color:#785d44; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 4px rgba(0, 0, 0, 0.2);}

#divSubMenu2 {}
.img_control_area2{z-index:999;  background:url(/images/MAIN/visu_navi_bg_50.png) repeat; width:184px; height:254px; padding:10px 20px;}
.divSubMenu2_h2 { padding:35px 0 15px; text-align:center; font-family: 'NanumSquare', sans-serif; font-weight:600; font-size:40px; font-style:italic; color:#fff;}
.divSubMenu2 { position:relative; display:table; width:auto; height:300px; margin:0 auto;}
.divSubMenu2 li { position:relative; float:left; width:184px; height:254px; padding:0; margin:12px; text-align:center; background-color:#2c2b28;}
.divSubMenu2 li:before { content:""; position:absolute; display:block; width:24px; height:6px; top:30px; left:100px; background-color:#b09a77;}
.divSubMenu2 li span:nth-child(1) { display:block; padding-top:60px; font-size:18px; font-weight:600; color:#fff;}
.divSubMenu2 li span:nth-child(2) { display:block; font-family: 'NanumSquare', sans-serif; font-weight:600; font-size:25px; color:#fff;}
.divSubMenu2 li span:nth-child(3) a { position:absolute; right:-15px; bottom:-15px; display:inline-block; width:62px; height:62px; padding-top:10px; font-family: 'NanumSquare', sans-serif; font-size:24px; font-weight:600; color:#fff; background-color:#4f4842; border-radius:50%; box-shadow:0 10px 35px rgba(0, 0, 0, 0.05), 0 6px 6px rgba(0, 0, 0, 0.1); transition: box-shadow 0.1s linear;}
.divSubMenu2 li span:nth-child(3) a:hover,
.divSubMenu2 li span:nth-child(3) a.on { background-color:#785d44; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 4px rgba(0, 0, 0, 0.2);}
/*img*/


@keyframes fadeout{
    from{opacity:1;}
    to{opacity:0.5;}
}
@keyframes fadein{
    from{opacity:0.5;}
    to{opacity:1;}
}
/****************************
    02. index page
****************************/
.m_visual1 { 
	position: relative;
	width: 100%;
	min-height:120px;
	max-height:550px;
	overflow:hidden;
	background-color: #b09a77;
	background-image: url(/images/m_visual_1.png);
	background-repeat:no-repeat;
	background-size:cover;
    animation:fadein 2s;
    
    -moz-animation:fadein 2s;
    -webkit-animation:fadein 2s;
    -o-animation:fadein 2s;
    animation-fill-mode:forwards;
}
.m_visual2 { 
	position: relative;
	width: 100%;
	min-height:120px;
	max-height:550px;
	overflow:hidden;
	background-color: #b09a77;
	background-image: url(/images/m_visual_2.png);
	background-repeat:no-repeat;
	background-size:cover;
    animation:fadein 2s;
    -moz-animation:fadein 2s;
    -webkit-animation:fadein 2s;
    -o-animation:fadein 2s;
    animation-fill-mode:forwards;
}
.m_visual3 { 
	position: relative;
	width: 100%;
	min-height:120px;
	max-height:550px;
	overflow:hidden;
	background-color: #b09a77;
	background-image: url(/images/m_visual_3.png);
	background-repeat:no-repeat;
	background-size:cover;
    animation:fadein 2s;
    -moz-animation:fadein 2s;
    -webkit-animation:fadein 2s;
    -o-animation:fadein 2s;
    animation-fill-mode:forwards;
}
.m_visual4 { 
	position: relative;
	width: 100%;
	min-height:120px;
	max-height:550px;
	overflow:hidden;
	background-color: #b09a77;
	background-image: url(/images/m_visual_4.png);
	background-repeat:no-repeat;
	background-size:cover;
    animation:fadein 2s;
    -moz-animation:fadein 2s;
    -webkit-animation:fadein 2s;
    -o-animation:fadein 2s;
    animation-fill-mode:forwards;
}
.main_cont_area {
	display:table; 
	width:100%;
	margin: 0 auto;
}
.mainCon1 { position:relative; width:100%; height:340px; padding:40px 36px 0;}
.mainCon1 span.subText { font-family:'NanumSquare', sans-serif; font-size:18px; color:#fff; font-weight:500; text-align:left;}
.mainCon1 h2 span:first-child { display:block; font-family:'NanumSquare', sans-serif; font-size:62px; color:#fff; font-weight:300; text-align:left; margin-top:-10px;}
.mainCon1 h2 span:last-child { display:block; font-family:'NanumSquare', sans-serif; font-size:72px; color:#fff; font-weight:600; text-align:left; margin-top:-35px;}
.mainCon1 a.btn_line { background-color:transparent; border-width:2px; color:#fff; border-color:#fff; padding: 0 20px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 4px rgba(0, 0, 0, 0.2);}

.mainCon2 { position:relative; width:100%; height:450px;}
.mainCon2 ul { position:relative; display:table; width:auto; margin:0 auto;}
.mainCon2 ul li { position:relative; float:left; width:404px; height:450px; margin-right:24px; background-color:#fff; overflow:hidden; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), 0 6px 4px rgba(0, 0, 0, 0.2);}
.mainCon2 ul li:last-child { margin-right:0;}

.mainCon2 ul li img { width:100%; height:250px;}
.mainCon2 ul li div.txtCon { position:absolute; bottom:0; width:100%; height:200px; padding-top:15px; padding-left:80px;}
.mainCon2 ul li div.txtCon h3 { font-weight:600;}
.mainCon2 ul li div.txtCon p { padding:10px 0;}
.mainCon2 ul li div.txtCon p:before { content:""; position:relative; display:block; width:40px; height:1px; top:12px; left:-70px; background-color:#000; margin-left:20px;}
.mainCon2 ul li div.txtCon span.ico_phone { display:block; padding-top:5px; margin-left:-25px;}
.mainCon2 ul li div.txtCon span.ico_phone:before { content:""; position:relative; display:inline-block; width:25px; height:15px; background:url(/images/common/main_ico_phone.png) no-repeat left center;}
.mainCon2 ul li div.txtCon span.ico_time { display:block; padding-top:5px; margin-left:-25px;}
.mainCon2 ul li div.txtCon span.ico_time:before { content:""; position:relative; display:inline-block; width:25px; height:15px; background:url(/images/common/main_ico_time.png) no-repeat left center;}
.mainCon2 a.btn_go { position:absolute; display:inline-block; width:55px; height:55px; right:0; bottom:0; background:#2b2b2b url(/images/common/main_btn_arrow.png) no-repeat center center; text-indent:-99999px;}
.mainCon2 a.btn_go:hover { background-color:#111;}

.main_cont_area:after, .mainCon1:after, .mainCon2:after { display:block; clear:both; content:'';}

.swiper_slide { position:absolute; right:40px; top:30%;}
.swiper_page_bullets { display:block; width:16px; height:16px; border: 2px solid #fff; background-color:rgba(44,43,40,0.25); border-radius:100%; margin-bottom:20px; box-shadow:0 10px 20px rgba(0, 0, 0, 0.2), 0 4px 4px rgba(0, 0, 0, 0.2); cursor:pointer;}
.swiper_page_bullets:last-child { margin-bottom:0;}
.swiper_page_bullets.active { background-color:#fff;}

.m_visual.full { min-height:880px !important;}
.m_visual .inner_cont.full { padding:0; margin-top: -760px !important;}
.mainCon1.full {padding: 200px 36px 0 !important; height:760px;}

/****************************
 * content
****************************/
#content {
	position:relative;
	background-color:#fff;
	width:100%;
	min-height:760px;
}
.inner_cont {
	width: 100%;
	margin: 0 auto;
	padding:40px 36px 30px;
}
.inner_cont .kb_ingenium { display:table; width:auto; margin: 0 auto; text-align:center;}
.kb_ingenium h3 { font-family: 'NanumSquare', sans-serif; font-size:30px; color:#ab7f66; font-weight:600; }
.kb_ingenium h3 span { font-size:18px; color:#ab7f66;}
.kb_ingenium strong { display:inline-block; padding:10px 0 20px; font-size:18px; font-weight:500; color:#ab7f66;}

/*login*/
.login { position:relative; width:936px; padding:40px 50px; border:2px solid #b5aca3; background-color:#f8f8f8; letter-spacing:0; margin: 50px auto 30px;}
.login:after { display:block; clear:both; content:'';}
.login h2 { float:left; display:inline-block; padding:10px; font-family:'NanumSquare', sans-serif; font-size:48px; color:#414042; font-weight:300; line-height:54px;}
.login dl { float:right; width:550px;}
.login dt { display:inline-block; width:100px; padding:19px 0; font-weight:500;}
.login dd { padding:10px 0;}

/*QuickMenu*/
.quick { position:fixed; top:170px; left:50%; width:100px; height:300px; margin-left:605px; z-index:5;}
.quick strong { display:block; padding:12px 0 10px; border:1px solid #dbd7d6; border-radius:7px 7px 0 0; background-color:#dbd7d6; color:#2b2b2b; text-align:center; font-size:15px; font-weight:500;}
.quick > ul { padding:17px 0; border:1px solid #dbd7d6; border-radius:0 0 7px 7px; background-color: #f8f8f8; }
.quick > ul > li { text-align:center;}
.quick > ul > li + li { margin-top:25px;}
.quick > ul > li > a { position:relative; display:block; padding-top:30px; color:#666; font-size:13px; font-weight:500;}
.quick a:hover,
.quick a:focus { color:#8c6239;}
.quick [class*="q_"]:not(.q_):before { content:''; display:block; position:absolute; top:0; left:50%; width:24px; height:24px; margin-left:-12px;}
.quick .q_reserve:before { background: url("/images/common/ico_quick.png") no-repeat; background-position: 0 0;}
.quick .q_check:before { background:url("/images/common/ico_quick.png") no-repeat; background-position: 0 -24px;}
.quick .q_simple:before { background:url("/images/common/ico_quick.png") no-repeat; background-position: 0 -48px;}

/*section*/
.inner_cont .section { display:table; width:auto; margin: 0 auto;}
.section { position:relative; padding:40px 0;}
.section:first-child { padding-top:0;}
.section:first-child:before { background-color:transparent;}
.section:before {content:""; position:absolute; display:block; width:100%; height:1px; top:0; left:0; background-color:#cdcdcd; margin-bottom:40px;}
.section h2 { font-family:'NanumSquare', sans-serif; font-size:30px; color:#ab7f66; font-weight:600; text-align:center; padding-bottom:15px;}
.section h2 span { display:block; font-size:18px; color:#666666;}
h3.title { width:936px; font-family:inherit; font-size:15px; color:inherit; font-weight:600; text-align:left; padding:10px 0;}
p.title { font-family:inherit; font-size:15px; color:inherit; font-weight:600; text-align:left; padding:10px 0 15px;}
h4.dot { font-size:14px; font-weight:600; padding:3px 0 3px 10px;; text-indent:-10px; word-break: keep-all;}
h4:before { content:""; position: relative; display:inline-block; width:3px; height:3px; top:-4px; left:0; margin-right:6px; background-color:#ab7f66; border:1px solid #ab7f66; border-radius:5em;}

/*tabs*/
.tabs2nd { position:relative; padding-bottom:15px;}
ul.tabs2nd { position:relative; display:table; width:auto; height:44px; margin:0 auto;}
ul.tabs2nd:before {content:""; position:absolute; display:block; width:100%; height:1px; top:21px; left:0; background-color:#9d9081;}
ul.tabs2nd li:first-child { margin-left:0;}
ul.tabs2nd li { position:relative; float:left; margin-left:10px;}
ul.tabs2nd li a { display:block; background:#f5f5f5; border:1px solid #9d9081; border-radius:5em; min-width:200px; text-align:center; font-weight:600; color:#333; font-size:15px; line-height:40px; padding:0 5px;}
ul.tabs2nd li a:hover, ul.tabs2nd li.active a { background-color:#bd9c73; border:1px solid #bd9c73; z-index:1; color:#fff;}

/*gallery*/
.gallery { position:relative; width:1036px;}
#largeImg { position:relative; width:880px; height:430px; overflow:hidden; font-family: 'NanumSquare', sans-serif; margin: 0 auto 15px; }
#largeImg img { width:880px; height:430px;}
#largeImg div { position:absolute; left:0; top:0; width:96px; height:96px; background-color:#2c2b28; text-align:center; padding:10px; display:table;}
#largeImg .lay { position:absolute; left:0; top:0; width:86px; height:86px; background-color:#2c2b28; text-align:center; padding:10px; display:table;}
#largeImg span { display:table-cell; vertical-align:middle; font-size:14px; color:#fff; font-weight:500; line-height:1.25;}
#largeImg p { position:absolute; left:0; bottom:0; width:100%; padding:15px; background-color:rgba(189,156,115,0.8); text-align:center; font-size:19px; color:#fff; line-height:1; font-weight:500;}
ul.thumbimg  { overflow:hidden; width:880px; margin:0 auto;height:110px;}
.thumbimg li { width:160px; height:110px; float:left; margin-right:20px;}
.thumbimg li:nth-child(5) { margin-right:0;}
.thumbimg li a { border:1px solid #555; background-color:#f5f5f5; overflow:hidden;}
.thumbimg li a,
.thumbimg li a img { width:160px; height:110px; display:block;}
.thumbimg li.on {background-color:#2c2b28;}
.thumbimg li.on a { opacity:0.35;}
.thumbimg_box { position:relative; width:1036px; height:110px;}
.thumbimg_box .btn_prev { position:absolute; top:0; left:0; width:40px; height:110px; padding:5px;}
.thumbimg_box .btn_next { position:absolute; top:0; right:0; width:40px; height:110px; padding:5px;}

ul.thumbimg1  { overflow:hidden; width:880px; margin:0 auto;height:95px;}
.thumbimg1 li { width:155px; height:95px; float:left; margin-right:18px;}
.thumbimg1 li:nth-child(5) { margin-right:0;}
.thumbimg1 li a { border:1px solid #555; background-color:#f5f5f5; overflow:hidden;}
.thumbimg1 li a,
.thumbimg1 li img { width:155px; height:92px; display:block;}
.thumbimg1 li.on {background-color:#2c2b28;}
.thumbimg1 li.on a { opacity:0.35;}
.thumbimg_box1 { position:relative; width:1036px; height:100px;}
.thumbimg_box1 .btn_prev { position:absolute; top:0; left:0; width:40px; height:100px; padding:5px;}
.thumbimg_box1 .btn_next { position:absolute; top:0; right:0; width:40px; height:100px; padding:5px;}
.cont_ii { position:relative; width:930px;  margin:30px auto 0; text-align:left !important; }
/*cont_info*/
dl.cont_info { position:relative; width:880px; padding-left: 18px; margin:30px auto 0; text-align:left !important; border-left: 1px solid #cdcdcd;}
dl.cont_info dt.title { font-size:18px; font-weight:600; color:#2c2b28; padding-left:40px; margin-bottom:20px; padding:0; text-indent:0;}
dl.cont_info dt.title:before { content:""; position:absolute; display:block; width:5px; height:26px; top:0; left:-1px; background-color:#b09a77; border-radius:0;}
.tt { text-align:center; margin-bottom:10px;font-size:18px; color:#666666;font-weight:600;}

dl.cont_info dd ol { position:relative; float:left; display:inline-block; width:330px;  padding-right:18px;}
dl.cont_info dd ol li { font-size:14px; padding:3px 0 3px 10px; text-indent:-10px; word-break: keep-all;}
dl.cont_info dd ol li:before { content:""; position: relative; display:inline-block; width:3px; height:3px; top:-3px; left:0; margin-right:6px; background-color:#666; border-radius:5em;}

dl.cont_info dd ul { position:relative; float:left; display:inline-block; width:260px;}
dl.cont_info dd ul li.icon {display:block; height:24px; line-height:24px; font-size:13px; font-weight:600; padding-left:28px; margin-bottom:10px; background:url(/images/common/ico_extent.png) no-repeat left center;}
dl.cont_info dd ul li.icon span { display:inline-block; font-size:14px; font-weight:300; padding-left:10px;}

dl.cont_info1 { position:relative; width:880px; padding-left: 18px; margin:12px auto 0; text-align:left !important; border-left: 1px solid #cdcdcd;}
dl.cont_info1 dt.title { font-size:18px; font-weight:600; color:#2c2b28; padding-left:40px; margin-bottom:15px; padding:0; text-indent:0;}
dl.cont_info1 dt.title:before { content:""; position:absolute; display:block; width:5px; height:26px; top:0; left:-1px; background-color:#b09a77; border-radius:0;}

dl.cont_info1 dd ul { position:relative; float:left; display:inline-block; width:33%;}
dl.cont_info1 dd ul li.icon {display:block; height:23px; line-height:23px; font-size:13px; font-weight:600; padding-left:28px; margin-bottom:10px; background:url(/images/common/ico_extent.png) no-repeat left center;}
dl.cont_info1 dd ul li.icon span { display:inline-block; font-size:14px; font-weight:300; padding-left:10px;}

/*ico*/
.ico01 {background:url(/images/common/ico_amenity.png) no-repeat left center !important;}
.ico02 {background:url(/images/common/ico_bedType.png) no-repeat left center !important;}
.ico03 {background:url(/images/common/ico_composition.png) no-repeat left center !important;}
.ico04 {background:url(/images/common/ico_extent.png) no-repeat left center !important;}
.ico05 {background:url(/images/common/ico_located.png) no-repeat left center !important;}
.ico06 {background:url(/images/common/ico_office.png) no-repeat left center !important;}
.ico07 {background:url(/images/common/ico_people.png) no-repeat left center !important;}
.ico08 {background:url(/images/common/ico_prohibit.png) no-repeat left center !important;}
.ico09 {background:url(/images/common/ico_seat.png) no-repeat left center !important;}
.ico10 {background:url(/images/common/ico_time.png) no-repeat left center !important;}
.ico11 {background:url(/images/common/ico_view.png) no-repeat left center !important;}
.ico12 {background:url(/images/common/ico_extent.png) no-repeat 0% 30% !important;}
.ico13 {background:url(/images/common/ico_time.png) no-repeat 0% 10% !important;}
.ico14 {background:url(/images/common/ico_extent.png) no-repeat left center !important;}
.ico15 {background:url(/images/common/ico_people.png) no-repeat 0% 10% !important;}
.ico16 {background:url(/images/common/ico_extent.png) no-repeat 0% 10% !important;}
.ico17 {background:url(/images/common/ico_time.png) no-repeat 0% 10% !important;}
.ico18 {background:url(/images/common/ico_composition.png) no-repeat 0% 10% !important;}
.ico19 {background:url(/images/common/ico_mony.png) no-repeat 0% 10% !important;}

/*list_style*/
li.dot { font-size:13px; padding:3px 0 3px 15px;; text-indent:-12px; font-weight:500; word-break: keep-all;}
li.dot:before { content:""; position: relative; display:inline-block; width:3px; height:3px; top:-3px; left:0; margin-right:8px; background-color:#666; border-radius:5em;}

li.arrow { font-size:13px; padding:3px 0 3px 15px; text-indent:-12px; font-weight:500; word-break: keep-all;}
li.arrow:before { content:""; position: relative; display:inline-block; width:4px; height:12px; top:0; left:0; margin-right:8px; background:url(/images/common/bul_dot.png) no-repeat left center;}

/*confirm_box*/
.confirm_box { position:relative; padding:20px 30px; border:2px solid #b5aca3; background-color:#f8f8f8; letter-spacing:0; font-weight:500;}
.confirm_box p { font-size:13px; font-weight:500;}
.confirm_box ul { padding-bottom:10px;}
.confirm_box li { font-size:14px; padding:3px 0;}
.confirm_box li strong { float:left; display:inline-block; min-width:110px; margin-right:15px;}
.confirm_box li strong:before { content:""; position: relative; display:inline-block; width:20px; height:12px; top:0; left:0; background:url(/images/common/bul_ring.png) no-repeat left center;}
.confirm_box li strong:after { content:":"; display:inline-block; float:right;}
.confirm_box li span { display:inline-block; font-weight:600;}
.confirm_box li b { display:inline-block; min-width:180px; letter-spacing:0.5px;}
.confirm_box li b:last-child { display:inline-block; min-width:120px; text-align:right;}
.confirm_box .dash { border-top:1px dashed #b5aca3; padding-top:10px; padding-bottom:0;}
.confirm_box li b.sum { display:inline-block; min-width:120px; text-align:right; color:#ff4a52; font-size:16px;}

/*gray_box*/
.gray_box { position:relative; padding:20px 30px; border:1px solid #b5aca3; background-color:#f8f8f8; letter-spacing:0; font-weight:500;}
.gray_box p { font-weight:600;}
.gray_box p span { color:#ab7f66; font-weight:600;}
.gray_box .p_tit { color:#fff; text-align:center; font-weight:600; padding: 10px 30px; background-color:#ca9e71; margin:-20px -30px 5px ;}
.gray_box ul li.arrow span { margin:0 10px;}
.gray_box.fl, .gray_box.fr { width:466px; /*width:calc(100% - 50.15%);*/}

/* 기본 테이블 */
table { border-collapse:collapse; border-spacing:0; width:100%; border-top:1px solid #999; font-size:14px;}
table:after { display:block; clear:both; content:'';}
table tr { height:51px;}
table th:first-child,
table thead th:first-child,
table tbody th:first-child, table tbody td:first-child { border-left:none;}
table th:last-child,
table thead th:last-child,
table tbody th:last-child, table tbody td:last-child  { border-right:none;}
table th, table thead th, table tbody th { background-color:#f7f7f7; border-bottom:1px solid #dce4ec; border-left:1px solid #dce4ec; color:#2c3e50; font-weight:600;}
table td, table tbody td { background-color:#ffffff; border-bottom:1px solid #dce4ec; border-left:1px solid #dce4ec; word-wrap:break-word; word-break:break-all;}
table th, table td, table tbody th, table tbody td { padding:5px 10px;}
table td.ta_c, table tbody td.ta_c { padding:5px;}
.bord_r { border-right:1px solid #dce4ec;}
.bord_l { border-left:1px solid #dce4ec;}


.tbl_basic {border-collapse:collapse; border-spacing:0; width:100%; border-top:1px solid #999; font-size:13px; }
.tbl_basic tr { height:25px;}
.tbl_basic th, .tbl_basic thead th, .tbl_basic tbody th { padding:3px;background-color:#f7f7f7; border-bottom:1px solid #dce4ec; border-left:1px solid #dce4ec; color:#2c3e50; font-weight:600;}
.tbl_basic td, .tbl_basic tbody td {text-align:center; padding:2px;font-size:11px;background-color:#ffffff; border-bottom:1px solid #dce4ec; border-left:1px solid #dce4ec; word-wrap:break-word; word-break:break-all;}


.tbl1 { }
/* 입력폼이 있는 테이블 */
.tbl2 { }
.tbl2 tbody th { text-align:left; padding-left:20px;}
.tbl2 tbody td:last-child { padding:5px 0 5px 10px;}
.tbl2 tbody th span.aster:after { content:"*"; position:relative; display:inline-block; top:2px; left:4px; color:red;} /*필수입력값*/
.tbl2 tbody td strong { padding:0 5px; font-weight:500;} /*삽입텍스트*/

.tbl3 {font-size:13px;border:0px solid;padding:0px }
.tbl3 tbody tr { height:25px;}
.tbl3 tbody th { text-align:left; padding:3px 3px 3px 10px;}
.tbl3 tbody td  { padding:5px;}
.tbl3 tbody td select { height:25px}
.tbl3 tbody td input[type=text] { height:25px}
.tbl3 tbody td.bln { border-left:0px solid}
.tbl3 tbody td.bn { border:0px solid}
.tbl3 tbody td:last-child { padding:5px;}
.tbl3 tbody th span.aster:after { content:"*"; position:relative; display:inline-block; top:2px; left:4px; color:red;} /*필수입력값*/
.tbl3 tbody td strong { padding:0 5px; font-weight:500;} /*삽입텍스트*/


.tbl4 {font-size:13px; }
.tbl4 tbody tr { height:25px;}
.tbl4 tbody th { text-align:center;padding:8px}
.tbl4 tbody th:first-child{border-left:1px solid #dce4ec;}
.tbl4 tbody th.bl0 { border-left:0px solid}
.tbl4 tbody th.bn { border:0px solid}
.tbl4 tbody td  { text-align:center;padding:8px}
.tbl4 tbody td select { height:25px}
.tbl4 tbody td input[type=text] { height:25px}
.tbl4 tbody td.tl {text-align:left;}
.tbl4 tbody td.bln1 { border-left:1px solid #dce4ec}
.tbl4 tbody td.bln { border-left:0px solid}
.tbl4 tbody td.bn { border:0px solid}
.tbl4 tbody td:last-child { padding:8px;}


.tbl5 {font-size:13px; }
.tbl5 tbody tr { height:25px;}
.tbl5 tbody th { text-align:center;padding:3px}
.tbl5 tbody th:first-child{border-left:1px solid #dce4ec;}
.tbl5 tbody th.bln { border-left:0px solid}
.tbl5 tbody td  { text-align:center;padding:3px}
.tbl5 tbody td.bln { border-left:0px solid}
.tbl5 tbody td.bn { border:0px solid}
.tbl5 tbody td.npadding { padding:3px !important}
.tbl5 tbody td:last-child { padding:8px;}
.tbl5 tbody th a:hover, a:focus, a:active { color:#595451;}
.tbl5 tbody td select { height:28px}
.tbl5 tbody td input[type=text] { height:28px}



input[type=text], input[type=password], select, textarea { font-weight:normal; border:1px solid #ccc; padding:3px;}
input[type=text], input[type=password], select { height:40px;}
input[type=text]:hover,
input[type=text]:focus,
input[type=password]:hover,
input[type=password]:focus,
textarea:hover, 
textarea:focus { border:1px solid #999;}
input[type=checkbox],input[type=radio] { vertical-align:middle; border:none; height:inherit; margin-right:5px; cursor:pointer;}
th > input[type=checkbox], td.ta_c > input[type=checkbox], td.ta_c > input[type=radio] { margin-right:0!important;}
textarea:disabled, input[type="text"]:disabled { background-color:rgb(247, 247, 247) !important; border:1px solid #b7b7b7;}
select[disabled], button:disabled { cursor:default; background-color:rgb(247, 247, 247) !important;}

/************************************
 * Button (normal) style
 ************************************/
.btn_area { text-align:center; padding:20px 0;}
.btn_basic.big { background-color:#785d44; padding:5px 78px; height:50px;}
.btn_basic {
  position:relative;
  display:inline-block;
  height:40px;
  padding:0 20px;
  color:#FFF;
  font-size:14px;
  font-weight:600;
  line-height:37px;
  text-align:center;
  min-width:80px;
  vertical-align:middle;
  box-sizing:border-box;
  text-decoration:none !important;
  cursor:pointer;
}
.btn_basic 			{ background-color:#5e5955; border:1px solid #5e5955;}
.btn_basic:hover 	{ background-color:#595451; border:1px solid #595451;}
.btn_line { display:inline-block; height:40px; padding:0 10px; font-weight:600; line-height:38px; min-width:60px; text-align:center;
vertical-align:middle; box-sizing:border-box; border-style:solid; border-width:1px; border-color:#ccc; background-color:#ffffff; cursor:pointer;}
.btn_line:hover { border:1px solid #666; color:#2b2b2b;}
.btn_basic:disabled { border-color:#d6d6d6 !important; background:#dfdfdf !important; opacity:0.25;}


.btn_basic1 {
  position:relative;
  display:inline-block;
  height:30px;
  padding:0 10px;
  color:#FFF;
  font-size:14px;
  font-weight:600;
  line-height:27px;
  text-align:center;
  min-width:80px;
  vertical-align:middle;
  box-sizing:border-box;
  text-decoration:none !important;
  cursor:pointer;
}
.btn_basic1 			{ background-color:#5e5955; border:1px solid #5e5955;}
.btn_basic1:hover 	{ background-color:#595451; border:1px solid #595451;}


.btn_In {
  position:relative;
  display:inline-block;
  height:25px;
  padding:0 10px;
  color:#FFF;
  font-size:13px;
  font-weight:600;
  line-height:19px;
  text-align:center;
  min-width:60px;
  vertical-align:middle;
  box-sizing:border-box;
  text-decoration:none !important;
  cursor:pointer;
}
.btn_In 			{ background-color:#5e5955; border:1px solid #5e5955;}
.btn_In:hover 	{ background-color:#595451; border:1px solid #595451;}




.btn_Del.big { background-color:#ff6464; padding:5px 78px; height:50px;}
.btn_Del {
  position:relative;
  display:inline-block;
  height:40px;
  padding:0 20px;
  color:#FFF;
  font-size:14px;
  font-weight:600;
  line-height:37px;
  text-align:center;
  min-width:80px;
  vertical-align:middle;
  box-sizing:border-box;
  text-decoration:none !important;
  cursor:pointer;
}
.btn_Del 			{ background-color:#ff6464; border:1px solid #ff6464;}
.btn_Del:hover 	{ background-color:#e13a3a; border:1px solid #e13a3a;}

.btn_Del1.big { background-color:#ff6464; padding:5px 78px; height:50px;}
.btn_Del1 {
  position:relative;
  display:inline-block;
  height:25px;
  padding:0 20px;
  color:#FFF;
  font-size:14px;
  font-weight:600;
  line-height:22px;
  text-align:center;
  min-width:60px;
  vertical-align:middle;
  box-sizing:border-box;
  text-decoration:none !important;
  cursor:pointer;
}
.btn_Del1 			{ background-color:#ff6464; border:1px solid #ff6464;}
.btn_Del1:hover 	{ background-color:#e13a3a; border:1px solid #e13a3a;}

button.icon { line-height:normal; min-width:40px; height:40px; padding:0px;}
button:disabled { opacity:0.25;}

.Meal {width:100%;height:50px;padding:5px 0 5px 10px;border-bottom:1px solid #dce4ec}
.Meal:last-child {width:100%;height:50px;padding:5px 0 5px 10px;border-bottom:0px solid #dce4ec}
/************************************
 * popup style
 ************************************/
.popup_wrapper { position:relative; float:left; min-width:300px; width:100%; margin:0 auto;}
.popup_head { position:relative; background:#825d42; padding:12px 20px;}
.popup_head h1 { float:left; font-size:18px; font-weight:800; color:#fff;}
.popup_head:after { display:block; clear:both; content:'';}
.popup_content { position:relative; padding:15px; background-color:#fff;}
.popup_content h3.title { width:inherit;}
.popup_content input[type=text] { height:30px}
.popup_content select { height:30px}
.popup_content1 { position:relative; padding:15px; background-color:#fff;}
.popup_content1 h3.title { width:inherit;}
.popup_content1 input[type=text] { height:40px}
.popup_content1 select { height:40px}
/****************************
 * footer 
****************************/
#footer {
	position:relative;
	width:100%;
	bottom:0;
	background-color:#dbd7d6;
	color: #878787;
}
#footer .inner_footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 20px 20px 10px;
	text-align:center;
}
.link_about {
	margin-left:5px;
	padding: 3px 10px;
	border: 2px solid #b2aba6;
	text-align: center;
	font-size: 11px;
	color: #555;
	letter-spacing:-0.5px;
}
.link_about:hover {
	background: #fff;
	border: 2px solid #ada29a;
	color: #333;
}
#footer .link_about {
	display: inline-block;
	margin-left:5px;
	padding: 3px 6px;
	border: 2px solid #b2aba6;
	text-align: center;
	font-size: 11px;
	color: #555;
	letter-spacing:-0.5px;
}
#footer .link_about:hover {
	background: #c9c1bc;
	color: #333;
}
#footer .copyright {
	padding-top: 4px;
}
.page_btn_top {
	display: block;
	overflow: hidden;
	position: absolute;
	bottom: -100px;
	right: 20px;
	width: 50px;
	height: 50px;
	background:url(/images/common/btn_top.png) no-repeat center center;
	color: transparent;
	text-indent: -99999px;
	outline: none;
}
.page_btn_top.on {
	bottom: 40px;
}
/*sitemap*/
.sitemap{ position:relative; padding-top:2px; margin-bottom:10px;border-bottom:1px solid #cdcdcd}
.sitemap p { width:120px; height:45px;text-align:center;border-radius:10px; font-weight:bold; display:inline-block; font-size:16px;vertical-align:top; background:#CC9D71; color:white; padding:10px;float:left;}
.sitemap1{ position:relative; padding-top:2px;; margin-bottom:10px;border-bottom:1px solid #cdcdcd }
.sitemap1 p { width:120px; height:45px;text-align:center;border-radius:10px; font-weight:bold; display:inline-block; font-size:16px;vertical-align:top; background:gray; color:orange; padding:10px;float:left;}
.sitemap_item{ width:720px; position:relative; display:inline-block;margin-left:20px;}
.sitemap_item ul{float: left;display: inline-block;margin-bottom: 15px;text-align: center}
.sitemap_item li{margin-bottom:15px;float:none;display: inline-table;width: 175px;text-align:left; background:url(/images/common/bl_arrow.png);background-repeat: no-repeat;background-position: 0px 5px; padding-left:8px; line-height:1.5em; font-weight:bold; color:#956e35;}
.sitemap_item li a{ color:#956e35 !important}
.sitemap_item .depth3{  background-image:none; padding-left:8px; font-weight:normal; color:#000}
.sitemap_item .depth3 a{ color:#000}


.intra  {color:#000000;}


div.paging{
	padding:10px 5px 9px 5px;	
	overflow:hidden;
}
div.newpaging{
	text-align:center;
	font-family:verdana;
	font-size:12px;
	letter-spacing:-1px;
}
div.newpaging a
{
    color:#404040;
	background:#fff;
	font-weight:bold;
	padding:0px 5px 0px 6px;
}
div.newpaging a:hover{
	color:#F00f00;
	padding:0px 5px 0px 6px;
}
div.newpaging strong{
	background:#fff;
	padding:2px 6px 2px 5px;
	border:1px solid #F00f00;
	color:#F00f00;
	margin-left:5px;
}

.question       { font-family:arial; font-size:14px; font-weight:bold; color:blue; }
.btn_org{	
	position:relative;
	display:inline-block;
	height:25px;
	padding:5px;
	color:#FFF;
	font-size:15px;
	font-weight:600;
	line-height:12px;
	text-align:center;
	min-width:30px;
	vertical-align:middle;
	box-sizing:border-box;
	text-decoration:none !important;
	cursor:pointer;
	background:#FF6612; 
	border-radius:5px; 
    border:1px solid;
}
.btn_org1{	
	position:relative;
	display:inline-block;
	height:25px;
	padding:5px;
	color:#FFF;
	font-size:11px;
	font-weight:600;
	line-height:10px;
	text-align:center;
	min-width:30px;
	vertical-align:middle;
	box-sizing:border-box;
	text-decoration:none !important;
	cursor:pointer;
	background:#FF6612; 
	border-radius:5px; 
    border:1px solid;
}