html, body {
	margin:0;
	padding:0;
	color:#555;
	text-align:left;
	font:14px/1.4em Verdana, Arial, sans-serif;
	max-width:100%;
	overflow-x:hidden;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox {
	margin:0;
	padding:0;
	box-sizing:border-box;
	min-width:0;
}

li{list-style:none;}
img { border:0; vertical-align:top; max-width:100%; height:auto; }
.img_middle { border:0; vertical-align:middle; max-width:100%; height:auto; }
.hidden{display:none;}
.mhidden{display:none;}

a:link { color:#222222; text-decoration:none; }
a:visited { color:#222222; text-decoration:none; }
a:hover { color:#222; text-decoration:none; }

.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}

.vw_content img {
	max-width:860px;
	height:auto;
}

#popupWrap,
#sub,
#subContents,
#sub .subTop,
#sub .subTop .subTopImg,
.vw_content,
.videoBox,
.video,
.tableSearch,
table.tableList {
	width:100%;
	max-width:100%;
}

#popupWrap,
#sub,
#subContents,
#sub .subTop,
.videoBox,
.video {
	overflow:hidden;
}

h1, h2, h3, h4, p, li, dt, dd, th, td, a, span, strong, em {
	word-break:keep-all;
	overflow-wrap:break-word;
}

/* Form ÅÂ±× ¼³Á¤ ******************************/
.txtbox {height:22px; line-height:22px; border:1px solid #828282;}

select.txtbox, input[type="file"] {
	height:26px;
	line-height:30px;
	background-color:white;
}

/* popup ******************************/
#popupWrap {
	position:relative;
	width:100%;
	*zoom:1;
	background-color:#FFF;
	box-sizing:border-box;
}

#popupWrap h2 {
	float:left;
	font-size:18px;
	text-align:left;
	background-color:#38445d;
	color:#fff;
	width:100%;
	line-height:30px;
	padding:15px 10px 10px 20px;
	letter-spacing:-2px;
	box-sizing:border-box;
}

#popupWrap h2:after {
	content:"";
	clear:both;
	display:block;
	height:0;
	visibility:none;
}

#popupWrap span.close {
	cursor:pointer;
	position:absolute;
	top:15px;
	right:20px;
}

#popupWrap img {vertical-align:middle;}
#popupWrap .subContents {
	clear:both;
	width:98%;
	margin:0 auto;
	margin-top:10px;
}

/* dialog ******************************/
.ui-dialog {
	position:absolute;
	top:0;
	left:0;
	padding:.2em;
	outline:0;
	z-index:503;
}

.ui-dialog .ui-dialog-titlebar {
	padding:.4em 1em;
	position:relative;
	display:none;
}

.ui-dialog .ui-dialog-titlebar-close {
	position:absolute;
	right:.3em;
	top:50%;
	width:21px;
	margin:-10px 0 0 0;
	padding:1px;
	height:20px;
}

.ui-dialog .ui-dialog-content {
	position:relative;
	border:0;
	background:none;
	overflow:auto;
	background:#ffffff;
	color:#333333;
}

.ui-widget-overlay {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:102;
	background:#000000 repeat;
	opacity:.5;
	filter:Alpha(Opacity=50);
}

/* °øÅë width class ******************************/
.Wid05, .mWid05 { width:5%; }
.Wid10, .mWid10 { width:10%; }
.Wid15, .mWid15 { width:15%; }
.Wid20, .mWid20 { width:20%; }
.Wid25, .mWid25 { width:25%; }
.Wid30, .mWid30 { width:30%; }
.Wid35, .mWid35 { width:35%; }
.Wid40, .mWid40 { width:40%; }
.Wid50, .mWid50 { width:50%; }
.Wid55, .mWid55 { width:55%; }
.Wid60, .mWid60 { width:60%; }
.Wid65, .mWid65 { width:65%; }
.Wid70, .mWid70 { width:70%; }
.Wid75, .mWid75 { width:75%; }
.Wid80, .mWid80 { width:80%; }
.Wid85, .mWid85 { width:85%; }
.Wid90, .mWid90 { width:90%; }
.Wid98, .mWid98 { width:98%; }

/* search ******************************/
.tableSearch {
	text-align:left;
	margin-bottom:10px;
	width:100%;
}

.tableSearch:after {
	content:"";
	display:block;
	clear:both;
}

.tableSearch select {
	border:solid 1px #ddd;
	height:35px;
	color:#666;
	padding-left:10px;
	font-family:'¸¼Àº °íµñ', sans-serif;
	letter-spacing:-1px;
}

.tableSearch input {
	border:solid 1px #ddd;
	height:31px;
	color:#868686;
	padding-left:10px;
	font-family:'¸¼Àº °íµñ', sans-serif;
	letter-spacing:-1px;
}

.tableSearch .tableSearchBtn {
	padding:9px 12px;
	background-color:#333;
	color:#fff;
	line-height:35px;
	width:63px;
	text-align:center;
	font-size:13px;
	cursor:pointer;
}

.tableSearch .alignRight {float:right;}

/* table ******************************/
table {
	max-width:100%;
	border-collapse:collapse;
}

table.tableList {
	clear:both;
	text-align:left;
	margin:0 auto;
	margin-bottom:20px;
	border-top:solid 3px #0f2c4f;
	font-size:15px;
	width:100%;
	color:#444;
	table-layout:fixed;
}

table.tableList th {
	background-color:#f3f3f6;
	line-height:19px;
	padding:15px 5px 15px 5px;
	font-weight:700;
	font-size:15px;
	border-bottom:solid 1px #d2d2d6;
	letter-spacing:-1px;
	text-align:center;
}

table.tableList td {
	border-bottom:solid 1px #dadada;
	font-weight:normal;
	line-height:23px;
	padding:15px;
	letter-spacing:-1px;
}

table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
table.tableList .tableBoth {
	border-right:solid 1px #d2d2d6;
	border-left:solid 1px #d2d2d6;
}

/* sub layout ******************************/
#sub {
	width:100%;
	text-align:center;
	*zoom:1;
}

#sub:after {
	content:"";
	display:block;
	clear:both;
}

/* ===== »ó´Ü ¹è³Ê¸¦ À̹ÌÁö°¡ ¾Æ´Ñ CSS ·¹À̾ƿôÇüÀ¸·Î ±³Ã¼ ===== */
#sub .subTop {
	clear:both;
	width:100%;
	background:none !important;
	height:auto !important;
	text-align:center;
	margin-bottom:40px;
	padding:0;
}

#sub .subTop .subTopImg {
	position:relative;
	width:1200px;
	margin:0 auto;
	padding:42px 44px;
	border-radius:28px;
	background:linear-gradient(135deg, #143b73 0%, #1a5ea5 55%, #1bb7c7 100%);
	box-shadow:0 18px 40px rgba(16, 52, 94, 0.16);
	display:flex;
	align-items:center;
	justify-content:center;
	overflow:hidden;
	min-height:170px;
}

#sub .subTop .subTopImg:before {
	content:"";
	position:absolute;
	right:-70px;
	top:-35px;
	width:260px;
	height:260px;
	border-radius:50%;
	background:rgba(255,255,255,0.09);
}

#sub .subTop .subTopImg:after {
	content:"";
	position:absolute;
	left:-50px;
	bottom:-85px;
	width:300px;
	height:210px;
	border-radius:50%;
	background:rgba(255,255,255,0.06);
}

#sub .subTop .subTopImg img {
	display:none !important;
}

#sub .subTop .subTopImg h2 {
	position:relative !important;
	top:auto !important;
	left:auto !important;
	width:100% !important;
	margin:0;
	padding:0 !important;
	text-align:center;
	line-height:1.25;
	font-size:38px;
	font-weight:700;
	color:#fff;
	letter-spacing:-2px;
	z-index:2;
	background:none !important;
	transform:none !important;
}

/* content */
#subContents {
	width:1200px;
	margin:0 auto;
	margin-bottom:100px;
	text-align:left;
}

#subContents:after {
	content:"";
	display:block;
	clear:both;
}

.bizTit {
	margin:0 auto 40px auto;
	width:180px;
	height:60px;
	line-height:60px;
	text-align:center;
	color:#fff;
	background:#34558b;
	border-radius:60px;
	font-size:20px;
	font-weight:700;
}

.videoBox {margin-bottom:30px;}

.ribbon {
	position:absolute;
	top:2px;
	right:22px;
	width:150px;
	height:110px;
}

.ribbon span {
	font-size:15px;
	color:#fff;
	font-weight:700;
	position:absolute;
	width:205px;
	padding:10px;
	transform:rotate(45deg);
	text-align:center;
	display:block;
	left:26px;
	top:10px;
	box-shadow:1px 1px 3px rgba(0,0,0,0.3);
	background:#04d6ba;
}

.video {
	width:1180px;
	height:560px;
	overflow:hidden;
	border-radius:20px;
	margin-bottom:30px;
	border:1px solid #eee;
}

.video iframe,
.video embed,
.video object,
.video video {
	display:block;
	width:100%;
	height:100%;
}

/* ===== ¸ð¹ÙÀÏ ===== */
@media all and (max-width:699px) {
	.vw_content img {
		width:100%;
		max-width:100%;
		height:auto;
	}

	table.tableList {
		border-bottom:solid 2px #dedee1;
		font-size:14px;
	}

	table.tableList th {
		padding:10px 5px;
		font-size:14px;
	}

	table.tableList td {
		line-height:21px;
		padding:10px 5px;
		font-size:14px;
	}

	#sub .subTop {
		margin-bottom:18px;
		padding:0;
	}

	#sub .subTop .subTopImg {
		width:100%;
		padding:26px 20px;
		min-height:130px;
		border-radius:22px;
	}

	#sub .subTop .subTopImg:before {
		right:-70px;
		top:-15px;
		width:180px;
		height:180px;
	}

	#sub .subTop .subTopImg:after {
		left:-35px;
		bottom:-55px;
		width:170px;
		height:140px;
	}

	#sub .subTop .subTopImg h2 {
		font-size:26px;
		line-height:1.35;
		letter-spacing:-1.5px;
	}

	#subContents {
		width:92%;
		margin-bottom:50px;
	}

	.bizTit {
		margin:0 auto 40px auto;
		width:140px;
		height:40px;
		line-height:40px;
		font-size:18px;
	}

	.videoBox {margin-bottom:25px;}

	.video {
		width:100%;
		height:300px;
		margin-bottom:20px;
	}
}

/* ===== ÀÎ¾Û / Æúµå Á¢Èû / Áß°£Æø ===== */
@media all and (min-width:700px) and (max-width:767px) {
	#sub .subTop {
		margin-bottom:24px;
	}

	#sub .subTop .subTopImg {
		width:100%;
		padding:30px 24px;
		min-height:145px;
		border-radius:24px;
	}

	#sub .subTop .subTopImg h2 {
		font-size:30px;
		line-height:1.3;
		letter-spacing:-1.5px;
	}

	#subContents {
		width:94%;
		margin-bottom:60px;
	}

	.video {
		width:100%;
		height:380px;
	}

	.vw_content img {
		width:100%;
		max-width:100%;
		height:auto;
		margin:0 auto;
	}

	table.tableList {
		font-size:14px;
	}

	table.tableList th,
	table.tableList td {
		padding-left:10px;
		padding-right:10px;
	}
}

/* ===== ÅÂºí¸´ ===== */
@media all and (min-width:768px) and (max-width:1024px) {
	#sub .subTop {
		margin-bottom:28px;
	}

	#sub .subTop .subTopImg {
		width:100%;
		padding:34px 30px;
		min-height:155px;
		border-radius:26px;
	}

	#sub .subTop .subTopImg h2 {
		font-size:34px;
		line-height:1.3;
		letter-spacing:-1.8px;
	}

	#subContents {
		width:94%;
		margin-bottom:70px;
	}

	.video {
		width:100%;
		height:460px;
	}

	table.tableList th,
	table.tableList td {
		padding-left:12px;
		padding-right:12px;
	}
}

/* ===== ZÆúµå Æîħ / ³ÐÀº °æ°è ===== */
@media all and (min-width:1025px) and (max-width:1180px) {
	#sub .subTop .subTopImg {
		width:100%;
		padding:36px 32px;
		min-height:165px;
	}

	#sub .subTop .subTopImg h2 {
		font-size:36px;
		line-height:1.28;
	}

	#subContents {
		width:96%;
	}

	.video {
		width:100%;
		height:520px;
	}

	table.tableList th,
	table.tableList td {
		padding-left:14px;
		padding-right:14px;
	}
}