@charset "utf-8";

@import url('/mobile/css/basic.css'); /* basic.css 기본설정 */
@import url('/mobile/css/layout.css'); /* layout.css 사이트 레이아웃설정 */
@import url('/mobile/css/setup.css'); /* setup.css 사이트 세부설정 */
@import url('/mobile/css/setup2.css'); /* setup2.css 사이트 세부설정 */

html { height: 100%; overflow-x: hidden;  }
body { min-width: 320px; height: 100%; font: 13px/100% 'Helvetica Neue Condensed', 'Helvetica'; word-break: break-all; word-wrap: break-word; word-break: keep-all; }
h1, h2, h3, h4, h5, h6 { font-size: 13px; line-height: 100%; }
input, select, textarea, button { font-family:'Helvetica Neue Condensed', 'Helvetica', sans-serif; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px; -webkit-text-size-adjust:none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0px; }
fieldset, img, abbr, acronym { border: 0px; }
img { vertical-align: top; }
legend { position: absolute; height: 0; line-height: 0; font-size: 0; overflow: hidden; }
ins { font-style: normal; }
del { text-decoration: none; }
address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: normal; }
ol,ul { list-style: none; }
caption { height: 0; line-height: 0; font-size: 0; overflow: hidden; text-indent: -10000px; }
q:before, q:after { content:''; }
a { color: inherit; text-decoration: none; cursor: pointer; }
a > * { color: inherit; }
/* hr { display: none; } */
button { padding: 0; border: 0 none; background: none; }
button > span { color: inherit; }

header, footer, article, section, aside, details, figure, figcaption, nav { display: block; margin: 0; padding: 0; }
audio[controls], canvas, video { display: inline-block; }
button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle;  }
button, input { line-height: normal;  }
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

input[type="checkbox"], input[type="radio"] { box-sizing: border-box;  }
input[type="search"] { -webkit-appearance: none; -moz-box-sizing: content-box;  }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }

label input[type="checkbox"], label input[type="radio"] { vertical-align: baseline; }

img.w100 {width:100%;height:auto;}

input[type="number"],
input[type="email"],
input[type="search"],
input[type=text],
input[type=password] { height: 33px; font-size:14px; line-height: 100%; padding: 0 10px; border: 1px solid #bdbdbd; border-radius: 3px; }

input[type="number"],
input[type="email"],
input[type="search"],
input[type=text],
input[type=password], 
select, 
textarea { width: 100%;  -moz-box-sizing: border-box; box-sizing: border-box; }
textarea { padding: 10px;  line-height: 22px; border: 1px solid #bdbdbd; border-radius: 3px; resize: none; overflow-y: auto;  }
select { padding-left:0px; min-height: 33px; height:35px; line-height: 1.2; font-size: 14px; color: #333; background-color: #fff !important; border: 1px solid #bdbdbd; -webkit-appearance: menulist-button; vertical-align: middle; border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 2px 2px 2px #f2f2f2; /* background: linear-gradient(to bottom, rgba(251,251,251,1) 0%,rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(to bottom, rgba(251,251,251,1) 0%,rgba(240,240,240,1) 100%); */}

input:disabled { background-color: #e0e0e0; -webkit-text-fill-color: #585858; color: #585858; opacity: 1 !important; }
::-webkit-input-placeholder { color: #585858; } 
::-moz-placeholder  { color: #585858; }


#skip_nav { width: 100%; height: 0; text-align: center; overflow: hidden; }
#skip_nav a { color: #005aab; line-height: 20px; font-size: 14px; font-weight: bold; float: left; }
#skip_nav a:focus { position: absolute; top: 0; left: 0; width: 100%; height: 20px; text-decoration: underline; background: #fff; overflow: visible; z-index: 1000; }

.charVis{position:relative; width:100%}
.charVis img{width:100%}
.charVis p{position:absolute; top:20%; left:5%; font-size:43px; letter-spacing:-0.4px; color:#fff; font-family:'NanumSquareB'; font-weight:normal}
.charVis p.type2{color:#333}
.charTit{font-size:20px; color:#333; font-family:'NanumSquareB'; font-weight:normal;}
.charTxt{font-size:14px; color:#333; font-family:'NanumSquareB'; font-weight:normal}
.charDiv{overflow:hidden; margin-top:40px; padding-bottom:40px; border-bottom:1px solid #ddd}
.charDiv .icon{float:left; margin-right:40px}
.charDiv .txtArea{float:left}
.charDiv .txtArea .tit{font-size:20px; color:#333; font-family:'NanumSquareB'; font-weight:normal; margin-bottom:10px}
.charDiv .txtArea .dotTxt2{letter-spacing:-0.4px}

.charBox{border:1px solid #ddd; padding:30px 29px 30px; margin-top:20px}
.charBox .redTit{font-size:16px; color:#4a4098; font-family:'NanumSquareB'; font-weight:normal; margin-bottom:15px}
.charBox .txt{color:#555; line-height:22px}
.charBox .img{width:100%; text-align:center; margin-top:25px}
.charBox .dotTxt span{display:block; text-indent:-9px; margin-left:9px}

.mt5{margin-top:5px !important}
.mt10{margin-top:10px !important}
.mt15{margin-top:15px !important}
.mt20{margin-top:20px !important}
.mt25{margin-top:25px !important}
.mt30{margin-top:30px !important}
.mt35{margin-top:35px !important}
.mt40{margin-top:40px !important}
.mt45{margin-top:45px !important}
.mt50{margin-top:50px !important}
.mt55{margin-top:55px !important}
.mt60{margin-top:60px !important}
.mt80{margin-top:80px !important}
.mt100{margin-top:100px !important}
.ml10 {margin-left:10px !important;}

.dotBox{padding:27px 29px 28px; border:1px solid #e3e2f4; background:#efefef; text-align:left; font-size:14px; color:#777; font-family:'NanumSquareR'; font-weight:normal; line-height:24px;}
.dotBox dt{font-size:15px; color:#333; font-family:'NanumSquareB'; font-weight:normal; margin-bottom:5px}
.dotBox dd{font-size:13px; padding-left:7px;}

.accoBoard li a{display:block; text-align:left;padding:20px 0; padding-left:20px; border:1px solid #ddd; border-top:0; border-left:0; border-right:0; font-family:'Malgun Gothic', dotum, "돋움", sans-serif; font-size:18px; color:#333; font-weight:bold; background:url("/images/open_icon.png") no-repeat 98% 50%}
.accoBoard li a.on{background:url("/images/open_icon_on.png") no-repeat 98% 50%}
.accoBoard li img{width:100%}
.accoBoard li:first-child a{border-top:1px solid #ddd}
.accoBoard li .accoBox{padding:10px 2%; background:#f7f7f7; border-bottom:1px solid #ddd}
.accoBoard li .accoBox .refer{font-family:'NanumSquareB'; font-weight:normal; color:#333}
.accoBoard .accoTit{padding:17px 0 20px; padding-left:20px; border:1px solid #ddd; border-top:1px solid #ddd; border-left:0; border-right:0; font-family:'Malgun Gothic', dotum, "돋움", sans-serif; font-size:18px; color:#333; font-weight:bold;}
.boardli {float:left; width:31%; padding:0px 1%}

.allyCon{}
.allyCon .tit{font-size:20px; color:#333; font-family:'NanumSquareB'; font-weight:normal}
.allyCon .con1{overflow:hidden}
.allyCon .con1 .img{float:left; margin-right:40px}
.allyCon .con1 .txt{float:left; line-height:24px; color:#555}
.allyCon .con1 .txt > span{display:block}

.whtBt3 {display: inline-block;padding: 8px 20px;border: 1px solid #bfbfbf;color: #333;font-family: 'NanumSquareB';font-weight: normal;}

.boardType9{width:100%;} 
.boardType9 th{font-size:15px; color:#333; text-align:center; background:#eaeaea; border:1px solid #ddd; border-left:0; border-right:0; line-height:20px}
.boardType9 td{border:1px solid #ddd; border-right:0; padding:13px 2%; color:#555}

.paging{text-align:center;vertical-align:middle}
.paging a{display:inline-block; width:10px; height:34px; font-family:'NanumSquareB'; font-weight:normal; text-align:center; line-height:50px;}
.paging a.fir{width:34px;}
.paging a.prv{width:34px; margin:0 20px 0 1px}
.paging a.nxt{width:34px; margin:0 1px 0 20px}
.paging a.end{width:34px;}
.paging strong{display:inline-block; width:22px; color:#0d9009}
.paging a img{width:25px}

.howtouse_list { margin-bottom: 10px; }
.howtouse_list li { margin-bottom: 10px; }
.howtouse_list li:last-child { margin-bottom: 0px; }
.s_wrap { position: relative; padding-left: 30px !important; }
.s_wrap p { margin-top: 5px; line-height: 18px; }
.s_wrap .blt02-1 { background-position: left 8px; }


.subTopWrap{background-color:#e7eaee}
.subTopWrap .subTop{margin:0 8px;text-align:center;height:50px;box-sizing:border-box;padding-top:11px}
.subTopWrap .subTop .title{font-size:16px;color:#323642;display:inline-block;padding:6px 3px 0 0}
.subTopWrap .subTop .stopinfo {display: inline-block; width: 48px; height: 28px; color: #fff;}
.sel_calendar{
	display:inline-block;
	width:32px;
	height:28px;
	margin-left:4px;
	text-indent:-500em;
	box-sizing:border-box;
	border-radius:4px;
	background:#3c404d url(/mobile/images/btn_calendar.gif) no-repeat 50% 50%;
}

input.calTextBox{text-align:center;width:112px;font-size:12px;color:#222222}

/* 객실 리스트 */
	.hb_productListWrap{
		position:relative;
		margin-bottom:10px;
		border:1px solid #dbdee2;
		border-bottom-color:#b4b7ba;
		border-radius:4px;
		background-color:#fff;
	}
	.hb_productListWrap:last-child{margin-bottom:15px}
	.hb_productListWrap .title{position:relative;}
	.hb_productListWrap .title a h1{font-size:1.308rem;font-weight:bold;color:#222;padding-bottom:5px}
	.hb_productListWrap .title a p{color:#777777;}

	/* on_icon */
	.hb_productListWrap .title a{
		display:block;
		padding:18px 45px 18px 75px;
	}
	.hb_productListWrap .title .icon{
		display:block;
		position:absolute;
		top:17px;
		left:17px;
		width:41px;
		height:41px;
	}
	/* .hb_productListWrap:nth-child(1) .title .icon{
		background:url(/mobile/img/contents/hb/icon_hb_product.gif) no-repeat 0 -60px;
	} */
	/* on_arrow */
	.hb_productListWrap .title .arrow{
		display:block;
		position:absolute;
		top:39px;
		right:15px;
		width:15px;
		height:8px;
		background:url(/mobile/images/icon_common_320.gif) no-repeat 0 -52px;
	}

	.hb_productListWrap .infoBox_v2 h1{
		float:left;
		font-size:14px;
		color:#1c3678;
		font-weight:bold;
		padding:2px 0 0 0;
	}

	/* 이용 요금 */
	.hb_productListWrap .charge h2{
		font-size:1rem;
		font-weight:bold;
		color:#1c3678;
		padding:15px 10px 10px 21px;
		background:url(/mobile/images/bul_circle01.gif) no-repeat 10px 18px;
	}
	.hb_productListWrap .charge h2 span{
		font-size:0.923rem;
		color:#777777;
	}
	.hb_productListWrap .charge .list{
		margin:0 10px 0 10px;
		border-bottom:1px solid #ecedef;
		padding-bottom:15px;
	}
	.hb_productListWrap .charge .list li{
		position:relative;
		margin-bottom:5px;
		border:1px solid #ecedef;
		border-radius:4px;
		padding-bottom:12px;
	}
	.hb_productListWrap .charge .list li:last-child{margin-bottom:0;}
	.hb_productListWrap .charge .list li > label{
		display:block;
		padding:10px 15px;
		/* box-sizing:border-box;
		height:49px; */
	}
	.hb_productListWrap .charge .list li > .inputWrap{
		display:block;
		position:absolute;
		top:16px;
		left:10px;
		width:17px;
		height:17px;		
	}

	.hb_productListWrap .charge .list li > label .inputWrap > input{
		opacity:0;
	}
	/*
	.charge .list li > label .inputWrap > input[type="radio"]:checked{
		opacity:0;
		width:17px;
		height:17px;
	}
	*/
	.hb_productListWrap .charge .list li > .text{
		/* float:left; */
		margin-left:28px;
		display:block;
	}
	.hb_productListWrap .charge .list li > .text > strong{
		display:block;
		color:#444444;
		    margin: 16px 0px 5px 0px;
	}
	.hb_productListWrap .charge .list li > .text > span{
		display:block;
		font-size:12px;
		color:#5e76ad;
		line-height:18px
	}
	.hb_productListWrap .charge .list li.on
	{
		border:2px solid #6f9d00;
		border-radius:4px;
	}
	.hb_productListWrap .charge .list li.on > .inputWrap{
		background:url(/mobile/images/icon_hb_set_320.gif) no-repeat -60px 0;
	}
	.hb_productListWrap .charge .list li.on > .text > strong{
		font-weight:bold;
	}
	.hb_productListWrap .charge .list li.on > .text > span{
		font-weight:bold;
	}

	.contentWrap{margin:15px 0 0 0}
.contentWrap .contents{margin:0;/* min-height:450px */;padding-bottom:5px}


.btnGroupStyle01_v2{
	padding-bottom:15px;
	overflow:hidden;
}
.btn_gray_radius_style01_v2:link, .btn_gray_radius_style01_v2:hover, .btn_gray_radius_style01_v2:visited, .btn_gray_radius_style01_v2:active {
    color: #fff;
    text-decoration: none;
}
.btn_gray_radius_style01_v2{
	display:block;
	padding:13px 0;
	text-align:center;
	font-weight:bold;
	font-size:1.154rem;
	border-bottom:2px solid #272b37;
	border-radius:4px;
	background:#4d5367;
}

.hb_productListWrap .infoBox_v2{
		overflow:hidden;
		position:relative;
		padding:12px 11px;
		border-bottom:1px solid #ecedef;
	}
	.hb_productListWrap .infoBox_v2 .sameOff{
		display:block;
		position:absolute;
		top:7px;
		right:10px;
		min-width:112px;
		padding:5px 8px;
		text-align:center;
		color:#666666;
		font-size:0.923rem;
		border:1px solid #dddddd;
		border-radius:4px;
	}
	.hb_productListWrap .infoBox_v2 .sameOff span::before{
		display:inline-block;
		content:"";
		width:17px;
		height:17px;
		margin-right:10px;
		vertical-align:bottom;
		background:url(/mobile/images/icon_common_320.gif) no-repeat -30px -52px;
	}

	/* textBox */
.textBox{
	margin:10px;
	padding:15px 10px;
	background-color:#f7f7f7;
}
.textBox dl:first-child{
	margin-bottom:5px;
}
.textBox dl{
	position:relative;
}
.textBox dl dt{
	position:absolute;
	top:0;
	left:0;
	font-size:12px;
	color:#444444;
	padding-left:10px;
	background:url(/mobile/images/bul_circle01.gif) no-repeat 0 0.3em;
}
.textBox dl dd{
	padding-left:90px;
	ont-size:12px;
	font-weight:bold;
	color:#000;
}

/* list */
.bbs_list{}
.bbs_list table{table-layout:fixed;width:100%;}
.bbs_list thead{background-color:#7f8ba3}
.bbs_list thead th{border-right:1px solid #a1a9b3;color:#ffffff;padding:10px 5px;font-size:12px}
.bbs_list thead th:last-child{border-right:none}
.bbs_list tbody{color:#444444}
.bbs_list tbody tr:first-child td{border-top:none}
.bbs_list tbody tr td:first-child{text-align:left;padding-left:12px;border-left:none;}
.bbs_list tbody tr td:last-child{border-right:none}
.bbs_list tbody tr td{text-align:center;padding:5px;border:1px solid #ecedef;font-size:12px}
.bbs_list .box{	
	border-radius:2px;
	padding:1px 5px;
	margin-right:5px;
	color:#666666;
	font-size:12px;
	margin-top:5px;
	background-color:#f5eee2;
}
.bbs_list .box strong{color:#f6640d}
.bbs_list .bold{font-weight:bold}
.bbs_list .del{
	display:inline-block;
	width:16px;
	height:16px;
	text-indent:-500em;
	background:url(/mobile/images/icon_common_320.gif) no-repeat -30px -26px;
}

/* hb_cartTotalSum */
.hb_cartTotalSum{overflow:hidden;padding:20px 0}
.hb_cartTotalSum dt{float:left;width:50%;text-align:right;font-size:14px;color:#000;font-weight:bold}
.hb_cartTotalSum dt span{padding-right:10px}
.hb_cartTotalSum dd{float:right;width:50%;text-align:left;font-size:14px;color:#4d6b04;font-weight:bold}
.hb_cartTotalSum dd span{padding-left:10px}


.textBox_v2{
	position:relative;
	margin:15px 10px;
}
.textBox_v2 section{border-bottom:1px solid #ecedef;padding:15px 0}
.textBox_v2 section:first-child{padding-bottom:15px;padding-top:0}
.textBox_v2 section:last-child{border-bottom:none;padding-bottom:0}
.textBox_v2 h3{font-size:1.077rem;font-weight:bold;color:#000000;padding-bottom:15px}
.textBox_v2 .bgNone::before{
	content: "" !important;
}
.textBox_v2 .field_dl{
	margin-bottom:11px;
}
.textBox_v2 .field_dl input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="text"]
{
	padding:0 3px !important;

}
.textBox_v2 .field_dl:last-child{margin-bottom:0}
.textBox_v2 .field_dl::before{
	display:inline-block;
	content:"*";
	width:5px;
	height:7px;
	margin:8px 3px 0 0;
	color:#ff4f4f;
}
.textBox_v2 .field_dl dt{display:inline-block;min-width:88px;padding-top:5px;color:#1c3678;font-weight:bold}
.textBox_v2 .field_dl dd{display:inline-block;}
.textBox_v2 .field_dl dd span{display:inline-block;padding-top:5px}
.textBox_v2 .field_dl .pkg_info{
	display:inline-block;
	width:21px;
	height:21px;
	text-indent:-500em;
	background:url("/mobile/images/icon_el_set_320.gif") no-repeat 0 0;
}

.textBox_v2 .field_dl2::before{
	display:inline-block;
	content:"";
	width:0px;
	height:7px;
	margin:8px 3px 0 0;
	color:#ff4f4f;
}
.textBox_v2 .field_dl2 dt{display:inline-block;min-width:88px;padding-top:5px;color:#1c3678;font-weight:bold}
.textBox_v2 .field_dl2 dd{display:inline-block;}
.textBox_v2 .field_dl2 dd span{display:inline-block;padding-top:5px}
.textBox_v2 .field_dl2{
	margin-bottom:11px;
}

.pagetop{position:relative;width:100%;height:150px;	text-align:center;background:url('/mobile/images/page_visual1.jpg') no-repeat center;background-size:cover;}
.pn1{background:url('/mobile/images/page_visual1.jpg') no-repeat center;background-size:cover;}

.pagetop h2{font-size:20px;font-weight:500;color:#fff;padding:50px 0 0;}
.pagetop h2:after{display:block;content:"";	width:24px;height:3px;	margin:10px auto;background:#d60035;}
.pagetop p{font-size:13px;color:#fff;}

.history{overflow:hidden;position:relative;width:100%;}

.history .center_line{position:absolute;left:3%;top:0;z-index:5;width:1px;height:100%;background:none;}
.history .deco{width:90%;margin:30px auto 0;text-align:center;}
.history .deco img{width:100%;}
.history .history_box{position:relative;z-index:4;text-align:left;width:97%;margin-left:3%;padding:30px 0;box-shadow:1px 0 0 #ddd inset;}
.history .history_box .titlearea{position:relative;z-index:10;padding-bottom:15px;padding-left:5%;margin-bottom:15px;border-bottom:1px solid #ddd;}
.history .history_box .titlearea:after{display:block;content:"";clear:both;}
.history .history_box .titlearea .tit{float:left;font-size:24px;color:#333;line-height:130%;font-weight:300;padding-top:20px}
.history .history_box .titlearea .tit span{color:#c40f39;}
.history .history_box .titlearea .red{position:absolute;left:-2px;bottom:-3px;width:5px;height:5px;background:#c40f39;z-index:10;}
.history .history_box .titlearea .year{position:absolute;top:42px;font-family: 'NanumSquareR', sans-serif;font-size:15px;}

.history .history_box dl{overflow:hidden;margin-bottom:10px;padding-left:5%;}
.history .history_box dl dt{float:left;width:20%;font-family:'NanumSquareR', sans-serif;font-size:15px;color:#c40f39;font-weight:500;line-height:130%;}
.history .history_box dl dd{float:left;width:80%;font-size:14px;color:#777;line-height:130%;}

.history .history_box:nth-child(1){padding-top:0;}
.history .history_box:nth-child(1) .year{left:150px;}
.history .history_box:nth-child(even){background:#f8f8f8}
.history .history_box:nth-child(2) .year{left:200px;}
.history .history_box:nth-child(3) .year{left:220px;}
.history .history_box:nth-child(4) .year{left:100px;}
.history .history_box:nth-child(5) .year{left:100px;}
.history .history_box:nth-child(6) .year{left:100px;}

.title1{	font-family: 'NanumSquareR', sans-serif;	font-size:20px;font-weight:600;color:#000;	text-align:center;letter-spacing:1px;	margin-top:20px;}
.title1:after{	display:block;	content:"";	width:24px;height:3px;	margin:5px auto 40px;	background:#c40f39;}
.title1 span{color:#c40f39;}

.conwrap{width:94%;margin:0 auto;position:relative;}
.conwrap:after{display:block;clear:both;content:"";}

.pht_area{position:relative;margin-bottom:40px;}

.info1{	margin:0 auto;	width:100%;}
.num_title{margin-bottom:30px;font-size:19px;font-weight:300;color:#000;line-height: initial;}
.num_title span.num{display:inline-block;vertical-align:top;width:19px;height:19px;margin-top:5px;margin-right:5px;text-align:center;line-height:19px;font-family: 'NanumSquareR', sans-serif;font-size:14px;color:#fff;	background:#c40f39;}
.proTxt {font-size:14px; color:#555; line-height:28px; margin-top:30px;}
.proTxt a{font-size:12px}

.proKnow {padding:30px 10px 0px 10px; border-top:1px solid #dbdbdb;text-align:left;}
.proKnow.borT0 {padding-top:0; border-top:0; margin-top:0;}
.proKnow .proTit {font-family:'NanumSquareB', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; font-size:18px; color:#000; line-height:1.2; margin-top:10px;}
.proKnow .proTxt {font-size:12px; color:#555; line-height:28px; margin-top:30px;}
.proKnow .proTxt .bkLine {font-family:'NanumSquareB', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; color:#000; text-decoration:underline;}
.proKnow .proTxt .blue {font-family:'NanumSquareB', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; color:#2099d4;}
.proKnow .proImg {width:100%; overflow:hidden; margin-top:40px}
.proKnow .proImg2 {overflow:hidden; margin-top:40px;}
.proKnow .proImg2 > div {float:left; width:320px; text-align:center; margin-left:10px;}
.proKnow .proImg2 > div:first-child {margin-left:0;}
.proKnow .proImg2 > div .txt {font-size:16px; color:#555; line-height:1; margin-top:19px;}
.proKnow .proImg3 {overflow:hidden; margin-top:40px;}
.proKnow .proImg3 > div {float:left; width:485px; text-align:center; margin-left:10px;}
.proKnow .proImg3 > div:first-child {margin-left:0;}
.proKnow .proImg3 > div .txt {font-size:16px; color:#555; line-height:1; margin-top:19px;}
.proKnow2 {overflow:hidden;}
.proKnow2 .left {float:left; width:430px; padding-right:60px;}
.proKnow2 .left.pr0 {padding-right:0; width:490px;}
.proKnow2 .right {float:left; width:490px;}

.ptitle {padding-top:20px; position:relative; font-family:'NanumSquareB', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; font-size:20px; color:#000; line-height:28px; letter-spacing:-1px; margin-top:30px}
.ptitle:before {content:''; position:absolute; top:0; left:0; width:21px; height:3px; background:#2099d4;} 

.boxList {border:1px solid #dbdbdb; margin-top:45px}
.boxList > li {display:table; table-layout:fixed; border-top:1px solid #dbdbdb}
.boxList > li:first-child {border-top:0;}
.boxList > li .img {display:table-cell; padding:34px 0; width:88px; text-align:center;}
.boxList > li .txtArea {display:table-cell; vertical-align:middle; padding-left:15px; width:715px;}
.boxList > li .txtArea .txt {font-size:16px; color:#555; line-height:28px; margin-top:10px;}
.boxList > li .txtArea .txt span {font-family:'NanumSquareB', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; color:#000;}

.law {padding:10px; border:1px solid #dbdbdb; background:#f7f7f7; letter-spacing:-1px;margin:10px}
.law > div {padding:20px 10px 0; border-top:1px dashed #d8d8d8}
.law > div:first-child {border-top:0; padding:0 10px 20px;}
.law > div .noticeTit {padding-left:28px; font-family:'NanumSquareB', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; font-size:14px; color:#000; line-height:21px; background:url("/images/notice_icon.png") no-repeat 0 50%;}
.law > div .noticeTxt {font-family:'NanumSquareB', '맑은 고딕', 'Malgun Gothic', sans-serif; font-weight:normal; font-size:14px; color:#555; line-height:23px; margin-top:20px;text-align:left}
.law > div ul {margin-top:15px;}
.law > div ul li {font-size:15px; color:#888; line-height:26px;}
.law > div .txt {padding-left:9px; font-size:15px; color:#555; line-height:17px; background:url("/images/dot3x3.png") no-repeat 0 8px; margin-top:20px;}
.law > div .txt:first-child {margin-top:0;}
.law > div .txt span {display:block; color:#888; margin-top:10px;}


.list1 {margin-bottom:20px;}
.list1 table {border-top:2px solid #a4a6a8; border-bottom:2px solid #a4a6a8;}
.list1 table th {background:#f0f1f2 url('/images/listTableThBg.gif') no-repeat right 12px; padding:9px 3px; font-weight:bold; color:#444;text-align:center}
.list1 table th.last {background-image:none;}
.list1 table td {padding:9px 3px; border-top:1px solid #bfbfbf; text-align:center;background:#fff url(/images/listTableThBg.gif) no-repeat right 12px;}
.list1 table td.last {background-image:none;}

.listTbl {width:98%; margin:auto;}
.listTbl .subject p {vertical-align:middle;display:inline-block;padding-top:5px;border:1px solid #aaa;width:85px; height:20px;font-size:12px}
.listTbl .subject td:nth-child(2) {font-size:16px; width:100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;-o-text-overflow: ellipsis;-ms-text-overflow: ellipsis;}
.listTbl .subject td:nth-child(2) span{font-size:14px; color:#aaa;padding-top:5px;display:inline-block;}
.listTbl tbody tr:nth-child(1) td{border-top:1px #b6b6b6 solid;}
.listTbl tbody .subject td{border-bottom:1px solid #f0f0f0;height:70px;font-size:15px;cursor:pointer;line-height:21px}
.listTbl tbody .subject td:nth-child(1){width:80px;}
.listTbl tbody .subject td:nth-child(2){text-align:left;padding-left:25px;text-overflow : ellipsis;font-size:13px;} 
.listTbl tbody .subject:hover td{color:#BA0C2F; }
.listTbl .subject td span{font-size:12px; color:#aaa;padding-top:5px;display:inline-block;}