@charset "UTF-8";

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Viga);
@import url(https://fonts.googleapis.com/css?family=Montserrat);


/* ------------------------- Common ------------------------- */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
	/*table, caption, tbody, tfoot, thead, tr, th, td,*/
	article, aside, canvas, details, embed,  footer, header,
	menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: baseline;
		font-family: 'Source Sans Pro', sans-serif; 
		font-size: 14px; 
	}
	img, fieldset, form, label, legend, figure, figcaption, input, button {
		margin: 0;
		padding: 0;
		border: 0;
		vertical-align: middle;
	}
	article,aside,details,figcaption,figure, footer,header, menu,nav,section { display:block; }
	button::-moz-focus-inner,
	input[type=button]::-moz-focus-inner,
	input[type=submit]::-moz-focus-inner,
	input[type=reset]::-moz-focus-inner{ padding:0; border:0; }
	body { line-height: 1; }
	ol, ul { list-style: none; }
	blockquote, q { quotes: none; }
	blockquote:before, 
	blockquote:after,
	q:before, 
	q:after { content: '';  }
	img { vertical-align: top; line-height: 0; font-size: 0; }
	/*@font-face {
	  font-family: 'Unicorn Font';
	  src: font('unicorn.eot?') format('eot'),
	       font('unicorn.otf') format('truetype'),
	       font('unicorn.woff') format('woff'),
	       font('unicorn.svg#unicorn') format('svg');
	  font-weight: normal;
	  font-style: normal;
	}
	@font-face {
		font-family: 'NG Reg';
		font-weight: normal;
		font-style: normal; 
		src: font('NanumGothic-Regular.eot');
		src: font('NanumGothic-Regular.eot?#iefix') format('embedded-opentype'),
		font('NanumGothic-Regular.woff2') format('woff2'),
		font('NanumGothic-Regular.woff') format('woff'),
		font('NanumGothic-Regular.ttf') format('truetype');
	}
	@font-face {
		font-family: 'NG Bold';
		font-weight: normal;
		font-style: normal; 
		src: font('NanumGothic-Bold.eot');
		src: font('NanumGothic-Bold.eot?#iefix') format('embedded-opentype'),
			font('NanumGothic-Bold.woff2') format('woff2'),
			font('NanumGothic-Bold.woff') format('woff'),
			font('NanumGothic-Bold.ttf') format('truetype');
	}
	@font-face {
		font-family: 'NG ExB';
		font-weight: normal;
		font-style: normal; 
		src: font('NanumGothic-ExtraBold.eot');
		src: font('NanumGothic-ExtraBold.eot?#iefix') format('embedded-opentype'),
			font('NanumGothic-ExtraBold.woff2') format('woff2'),
			font('NanumGothic-ExtraBold.woff') format('woff'),
			font('NanumGothic-ExtraBold.ttf') format('truetype');
	}
	@font-face {
	  font-family: 'FontAwesome';
	  src: font('fontawesome-webfont.eot?v=4.3.0');
	  src: font('fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), 
			font('fontawesome-webfont.woff2?v=4.3.0') format('woff2'), 
			font('fontawesome-webfont.woff?v=4.3.0') format('woff'), 
			font('fontawesome-webfont.ttf?v=4.3.0') format('truetype'), 
			font('fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
		font-weight: normal;
		font-style: normal; 
	}*/
	/*
	 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
	 */
	@font-face {
	  font-family: 'NG Reg';
	  font-style: normal;
	  font-weight: normal;
	  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
	  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
	}
	@font-face {
	  font-family: 'NG Bold';
	  font-style: normal;
	  font-weight: normal;
	  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
	  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
	}
	@font-face {
	  font-family: 'NG exBold';
	  font-style: normal;
	  font-weight: normal;
	  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot);
	  src: url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff2) format('woff2'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.woff) format('woff'),
	       url(http://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-ExtraBold.ttf) format('truetype');
	}
h1, h2, h3, h4, h5, h6, big, strong, b, dt, th {font-family: 'Source Sans Pro', sans-serif;font-weight: bold}
.normal { font-family: 'Source Sans Pro', sans-serif; font-weight: normal}
.fd { font-family: 'Source Sans Pro', sans-serif; font-style: normal; margin-right: 5px}
body { font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-size: 13px}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;overflow-y: scroll		}
img.adi { max-width: 100%; height: auto}
a { text-decoration: none; color: inherit}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after {clear: both}
/* IE 6/7 .clearfix { zoom: 1 } */
.ellipsis { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; }
.skip { display: block; height: 1px; width: 1px; margin: 0 -1px -1px 0; padding: 0; overflow: hidden; font-size: 0; line-height: 0; }
.skip:hover,.skip:active,.skip:focus { width: 100%; height: auto; margin: 0; padding: 5px 0; text-indent: 10px; font-weight: bold; font-size: 12px; color: #333; font-family: Tahoma, sans-serif; line-height: 1; text-decoration: none !important; position: relative;  text-align: center; }

	/* a, a:active, a:hover, a:visited { text-decoration: none; color: inherit; } */

	.no-hashchang a, .no-hashchang a:active, .no-hashchang a:hover, .no-hashchang a:visited { text-decoration: none; color: #333; }
	caption, .hidden { 
		position: absolute;
		top: -9999px;
		left: -9999px; 
	}

	input::-webkit-input-placeholder {color: #000;} 
	textarea:-moz-placeholder, 
	input:-moz-placeholder{color: #fff;}

	body { /*background: #eaeaea;*/ }

/* ------------------------- Visual ------------------------- */
	.utilwrap { background: #fff;}
		/*.util { position: relative;z-index: 1000; width: 1300px; margin: 0 auto; z-index: 100; }*/
		.util {
			/* float: right;position: relative;z-index: 1000; width: 212px; */
			position:absolute;
			right:0;
			top:15px;
			width:100px;
			z-index:1000;
		}
		.util:after {
			display: block;
			content:"";
			clear: both;
		}
		.toplink {
			width: 439px;
			overflow: hidden;
			border-right: 1px solid #4064d4;
			/*position: absolute;
			left: 50%;*/
			margin: 0 auto;
		}
		.toplink li { float: left; width: 144px; color: #fff; text-align: center; line-height: 36px;}
		.toplink li a { font-size: 13px; }
		.toplink li:first-child { width: 150px; }
		.toplink .mice { background: #fff; color: #5b88de; line-height: 36px;height: 36px;}
		.toplink .mice  a { line-height: 36px; }

		.langwrap { 
			position: absolute;
			left: 0; top: 18px;
			width: 90px;
			/*height: 40px;*/
			bottom: 0;
		}
		.language { 
			background: #fff; 
			position: relative;
			width: 100%;
			/*height: 40px;*/
			}
			.language > a { 
				display: block; 
				position: relative; 
				text-transform: uppercase;
				line-height: 36px;
				color: #666;
				font-size: 11px;
				font-family: 'Viga', sans-serif;
				letter-spacing:1.2px;
				/*padding-left: 10px;*/
			}
			.language > a.on  { 
				background: #666; 
				color: #fff;
			}
			.language > a:after {
				content: '';
				display: block;
				position: absolute;
				background: url('../images/renew2/select_bg.png') no-repeat left top;
				width: 10px;
				height: 10px;
				right: -6px;
				top: 13px;
				padding-left: 5px;
				font-size: 8px;
			}
			.language > a:hover:after {
				background: url('../images/renew2/select_bg_on.png') no-repeat left top;
			}
			.language ul { 
				background: #003366;
				display: none;
				padding: 10px 0 10px 0;
				}
			.language * { color: #fff; line-height: 1.5;}
			.language li.current a { color: #ffff00; display: block; line-height: 22px;font-size: 11px;font-family: 'Viga', sans-serif;letter-spacing:1.2px;}
			.language li a { color: #fff; display: block; line-height: 22px; width: 100%;font-size: 11px;font-family: 'Viga', sans-serif;letter-spacing:1.2px;}
			.language li { margin: 0; padding: 0; text-align:center;}
		.logo { 
			text-align: center;
			padding: 24px 0 22px; 
			position: relative;
			width: 980px;
			margin: 0 auto;
			z-index: 100;

			}
		.logo:after {
			display: block;
			content: '';
			clear: both;
		}
			.logo img.seoul {
				position:absolute;
				left:0 ;
				top:37px;
			}
			.seoullogo { 
				position:absolute;
				top: 30px;
				left:0;
			}
			.seoullogo li { display:block; float:left; padding-right:10px; }
			.top-sns { 
				position: absolute;
				right: 0;
				top: 30px;
				z-index: 0;
				}
				.top-sns li { 
					float: left; 
					background: url('../images/renew2/top_sns_bar.png') no-repeat left center;
					padding-left: 7px;
					margin-left: 7px;
				}
				.top-sns li:first-child { /* background: none; */ /* padding-left: 0; margin-left: 0; */ }
				.top-sns li a { color: #333; font-size: 11px; font-family: 'Viga', sans-serif; letter-spacing:1.2px;}
/* ------------------------- Navigation ------------------------- */
	.navWrap { 
		position: relative; 
		z-index: 10;
		/*background: url('../images/renew/visual.jpg') no-repeat center top;*/
		height: 300px;
		}
	body#about .navWrap, body#tour .navWrap, body#high .navWrap { background: url('../images/renew/svisual_1.jpg') no-repeat center top; height: 222px; }
	body#newsletter .navWrap { background: url('../images/renew/svisual_1.jpg') no-repeat center top; height: 222px; }
	body#venue .navWrap { background: url('../images/renew/svisual_2.jpg') no-repeat center top; height: 222px; }
	body#professional .navWrap,
	body#support .navWrap { background: url('../images/renew/svisual_3.jpg') no-repeat center top; height: 222px; }
	body#exhibition .navWrap { background: url('../images/renew/svisual_3.jpg') no-repeat center top; height: 222px; }
	body#sma .navWrap { background: url('../images/renew/svisual_4.jpg') no-repeat center top; height: 222px; }
	body#tool .navWrap,
	body#stories .navWrap { background: url('../images/renew/svisual_5.jpg') no-repeat center top; height: 222px; }

	body#contact .navWrap { background: url('../images/renew/svisual_6.jpg') no-repeat center top; height: 222px; }
	/*.navWrap .line { 
		position: absolute;
		top: 64px;
		width: 100%;
		background: #f0f0f0;
		z-index: 1;
		height: 0;
		left: 0;
	}*/
	.navInner {
		z-index:1;
		width:100%; background-color:#6789ca;  position:absolute; top:0;
		
	}
	
	.nav {width: 980px; margin:0 auto; }
	.nav:after {
		content:'';
		display:block;
		clear:both;
	}
		.nav > li:first-child { width: 165px; }
		.nav > li { 
			float: left; 
			position: relative;
			width: 150px;
			z-index: 30;
			background:rgba(103,137,202,0.8);
		}
		.nav > li:nth-child(3), .nav > li:nth-child(4)  { width:180px }
		.nav > li:first-child > a { 
			padding: 18px 0 17px 0;
			}
		.nav > li > a { 
			padding: 18px 0 17px;
			text-align: center;
			display: block;
			font-size: 14px;
			font-family: 'Nanum Gothic', sans-serif;
			font-weight:bold;
			color:#fff;
		}
		.nav .sm { 
			display: none;
			position: absolute;
			left: 0; 
			top:49px; 
			padding-top: 10px;
			z-index: 1000; 
			width: 100%;
			border-top:1px solid #fff;
			border-left: 1px solid #d0d1d6;
			box-sizing: border-box;
			height: 191px;
			background:rgba(255,255,255,0.9);
			border-bottom:1px solid #d0d1d6;
		}
		.nav li:nth-child(1) .sm { border-left:0 !important}
		.nav .sm li { float: none; padding: 4px 0 5px 12px;}
		.nav .sm.m3 li {padding:4px 0 3px 12px;}
		.nav .sm li a { font-size: 12px; color: #000;}
		.nav .act .sm li { display: block; }
		.nav li.act .sm a { color: #f000000; }
		.nav .sm li.act a { font-size: 12px; color: #0079ff;font-weight:bold; }
		.navWrap.active .nav .sm { display: block;}
		/*.navWrap.active .line { 
			border-top: 1px solid #ccc;
			border-bottom: 1px solid #011310; 
			-webkit-box-shadow: 0 10px 5px -5px  rgba(0, 0, 0, 0.5);
			-moz-box-shadow: 0 10px 5px -5px  rgba(0, 0, 0, 0.5);
			box-shadow: 0 10px 5px -5px  rgba(0, 0, 0, 0.5);	
		}*/
		.nav > li.act,
		.nav > li.act .sm  { background: url('../images/renew/nav_bg_on4.png') repeat left top; color: #000; }
		.nav > li.current { background: url('../images/renew/nav_bg_on4.png') repeat left top; color: #000; }
		.nav > li.act a { color:#000 }

/* ------------------------- Visual ------------------------- */
	.visual-wrap { 
		text-align: center; 
		clear:both; 
		background: url('../images/renew/visual.jpg') no-repeat center top;
		}
		.visual-wrap .inner { width: 1300px; margin: 0 auto; height: 400px;padding-top: 80px; }
		.box { background: url('../images/renew/venue_finder_bg.png') no-repeat left top; width: 551px; margin: 0 0 0 auto; height: 276px; padding: 45px 0 0 30px; z-index: 1; }
		.box li { margin: 10px 0 0 0;}

/* ------------------------- main Contents ------------------------- */
	.mcont { background: #eaeaea; padding: 20px 0; position: relative; width: 100%;}
		.mcont .inner { 
			overflow: hidden;
			/*position: relative;*/
			padding: 0;
			/*left: 50%;*/
			width: 980px; 
			/*margin: 0 0 0 -662px;*/
			margin: 0 auto;
			/*padding-left: 104px;*/
		}
		.box-list { width: 988px; overflow: hidden; margin-bottom: 8px; }
		.box-list.middle{margin-bottom:0;}
		.box-list * { font-size: 13px; }
		.box-list > li { float: left; width:239px; margin-left: 8px;max-height:281px;}
		.box-list > li:first-child {
			margin:0;
		}
		 .box-list.middle > li{max-height:341px;}
		 .gotop {
		 	/*float: right;*/
		 	width: 102px;
		 	text-align: center;
		 	position: absolute;
		 	left: 50%;
		 	/*
		 	right: 0;
		 	left: 50%;
		 	margin-left: 670px;
		 	*/
		 	/*top: 605px;*/
			top:20px;
		 	margin-left:490px;
		 }
			 .gotop a:first-child {padding:0 0 15px 0;display:inline-block;}
	.box-list .mbox { min-height: 279px; }
	.box-list .mbox .pic img {max-width:100%;height:154px;}
	.box-list.middle .mbox { min-height: 341px; box-sizing: border-box;}
	.box-list .evt { padding:20px 15px 10px;min-height:249px;}
	.box-list .venue { padding: 20px 15px 10px; min-height: 249px; }
	.box-list .evt li { margin-bottom: 5px; border: 1px solid #dedede; border-radius: 3px; padding:8px 10px;height:47px;overflow:hidden;}
	.box-list .evt li p { line-height: 1.3; }
	.box-list .evt li p strong { color: #2f5eb7; }
	.box-list.middle .mbox p.txt {
		text-align:left;
		padding:5px 10px 10px 10px;
		line-height:1.3;
		font-size:12px;
	}
	.box-list.middle .mbox p.bigtxt {
		text-align:left;
		padding:5px 10px 10px 10px;
		line-height:1.3;
		font-size:14px;
	}
	.box-list.middle .mbox p.btn-view {
		position: absolute;
		left: 50%;
		margin: 0 0 0 -80px;
		bottom: 20px;
		width:160px;
	}
	.mbox { 
		border: 1px solid #d9d9d9;
		/*border-top: 0; */
		border-radius: 5px;  
		background: #fff;
		min-height: 269px;
		position:relative;
		}
	.mbox.red, 
	.mbox.blue,
	.mbox.gray, 
	.mbox.white	{ 
		text-align: center; 
		color: #fff;
		padding: 20px 10px 0;
		min-height:259px;
		}
	.mbox.red p, 
	.mbox.blue p,
	.mbox.gray p { font-size: 12px; color: #fff; line-height: 1.2; letter-spacing: 0px; text-align:left;}
	.mbox.red { background: #dd6b81; }
	.mbox.blue { background: #628ddf; }
	.mbox.gray { background: #9b9891; }
	.mbox.gray * { font-size: 12px; color: #fff; }
	.mbox p.bigtxt {
		text-align:left;
		padding:5px 10px 0 10px;
		line-height:1.3;
		font-size:15px;
		font-weight:bold;
	}
	.support { width: 100%; overflow: hidden; }
	.support dt { font-family: 'Source Sans Pro', sans-serif; font-weight:bold; float: left; width: 25%; font-size: 14px; line-height: 1.8;text-align:left;}
	.support dd {
		float: left; 
		width:68%;
		padding:0 0 0 4%;
		text-align: left;
		font-size: 13px;
		margin: 0 0 5px 0;
		/* letter-spacing: -1px; */
		line-height: 1.8;
		background:url('../images/renew/bl_support.gif') no-repeat 0 4px;
	}
	
	.mbox.white { 
		background: #fff; 
		text-align: left;
		padding: 20px 3px 0;
		}
		.mbox h2 { margin-bottom: 15px; text-align:center;}
		.mbox.venue h2{text-align:center;}
		.mbox h2.tit_notice {
			position:absolute;
			left:0;
			top:120px;
		}
		.mbox h2.tit_down {padding:0 0 0 5px;}
		.mbox h2.photoBox {
			padding:15px 0 0 0;
			margin-bottom:10px;
		}
		.pic { position: relative; }
		.pic .caption {
			background: url('../images/renew/flag_blue.gif') no-repeat left top;
			/*background: url('../images/renew/flag_rotary.gif') no-repeat left top;*/
			position: absolute;
			right: 0;
			bottom: 0;
			color: #fff;
			width: 80px;
			height: 35px;
			text-align: center;
			margin: 0;
			font-family: 'Source Sans Pro', sans-serif;
			padding:10px 0;
			line-height:16px;
		}
		.pic .caption.gray {
			background: url('../images/renew/flag_gray.gif') no-repeat left top;
			padding:10px 0;
		}
		.pic .caption.pink {
			background: url('../images/renew/flag_pink.gif') no-repeat left top;
			padding:15px 0 5px 0;
		}
		.mbox .mbox-inner { padding: 17px 10px; }
		.list li:first-child a {
			font-size: 13px;
			width:100%;
			white-space: normal;
			display: block;
		}
		.list li a {
			font-size: 13px;
			width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
			display: block;
		}
		.notice li:first-child { 
			border-bottom: 1px dashed #ccc;
			background: none; 
			padding: 0 0 7px 0;
			line-height:17px;
			}
		.notice li:first-child a,
		.news li:first-child a { font-family: 'NG Bold', sans-serif; font-size: 13px; }
		.notice li {
			background: url('../images/renew/dot_blue.gif') no-repeat left 10px;
			padding: 5px 0 4px 10px;
			}
		.notice li a,
		.news li a { font-size: 12px; }
		.news li:first-child { padding: 0 0 10px 0; }
		.news li { padding: 3px 0; }
	.btn-list { /* margin-top: 20px;  */position:absolute;left:50%;margin:0 0 0 -80px;bottom:20px;width:160px;}
	.btn-list li { margin-bottom: 5px; }
	.btn-list a { 
		display: block; 
		width:160px; 
		height: 34px;
		margin: 0 auto;
		line-height: 34px;
		text-align: center; 
		font-size: 12px; 
		letter-spacing:1px;
		font-family: 'Source Sans Pro', sans-serif; font-weight:bold;
		background: url('../images/renew/btn_t.png') no-repeat left top; 
		color: #fff;
		}
	.btn-list-venue { 
		position:absolute;
		bottom:20px;
		left:50%;
		margin-left:-105px;
		width:210px;
	}
	.btn-list-venue li { margin-top: 10px; }
	.btn-list-venue a { 
		display: block; 
		width: 210px; 
		height: 40px;
		margin: 0 auto;
		line-height: 40px;
		text-align: center; 
		font-size: 15px; 
		font-family: 'Source Sans Pro', sans-serif; font-weight:bold;
		background: url('../images/renew/btn_rbox_blue.png') no-repeat left top; 
		color: #2f5eb7;
	}
	.download-list { }
	.download-list li { margin: 3px 0; }
	.download-list li a { 
		margin:0 auto;
		display: block; 
		width: 207px;
		height: 34px;
		line-height: 34px;
		background: url('../images/renew/rbox.png') no-repeat left top;
		/* text-indent:10px; */
		font-size: 13px;
		font-family: 'Source Sans Pro', sans-serif; font-weight:bold;
		color: #514f4a;
		letter-spacing: 0px;
		text-align:center;
		}	
	.download-list li a:hover { 
		display: block; 
		width: 207px;
		height: 34px;
		background: url('../images/renew/rbox_hover.png') no-repeat left top;
		font-size: 13px;
		letter-spacing:0px;
		font-family: 'Source Sans Pro', sans-serif; font-weight:bold;
		color: #fff;
		}
	.btn {
		display: block;
		width: 160px;
		height: 34px;
		font-size: 12px;
		font-family: 'Source Sans Pro', sans-serif; font-weight:bold;
		line-height: 34px;
		background: url('../images/renew/btn_white_back.png') no-repeat left top;
		text-align: center; 
		margin: 20px auto 0;
		}
	.btn2 {
		display: block;
		width: 160px;
		height: 34px;
		font-size: 12px;
		font-family: 'Source Sans Pro', sans-serif; font-weight:bold;
		line-height: 34px;
		background: url('../images/renew/btn_white_back.png') no-repeat left top;
		text-align: center; 
		margin: 10px auto 0;
		}
/* ------------------------- SNS ------------------------- */
	.sns-tit { height: 20px;padding: 20px 10px; }
		.sns-tit h2 {
			float: left;font-size: 22px; line-height: 22px; margin: 0;
		}
		.sns-tit ul { float: right; }
		.sns-tit ul > li { float: left; background: url('../images/renew/icon_b_bg.gif') no-repeat left center; padding: 0 6px 0 6px; }
		.sns-tit ul > li:first-child { background: none; padding-left: 0; }
		.scroll { width: 236px;/*  overflow-y:scroll; */ height: 260px; }

/* ------------------------- Footer Contents ------------------------- */
	.footer { background: #fff; border-top: 1px solid #dedede; padding: 30px 0 50px;}
	.footer .inner { width: 980px; margin: 0 auto; }
		.foot-util { width: 100%; overflow: hidden; padding-bottom: 10px; margin-bottom: 10px;}
		.foot-util .colL { text-align: center;  overflow: hidden; }
		.foot-util .colL li:first-child { padding-left: 0; border-left: 0; display: inline; }
		.foot-util .colL li { padding: 0 15px; border-left: 1px solid #000; display: inline; }
		.foot-util .colL li a { 
			font-size: 13px;
			font-family: 'Source Sans Pro', sans-serif; font-weight:bold;
			color: #000; 
		}
		.foot-util .sns { float: right; }
		.foot-util .sns li { float: left; background: url('../images/renew/foot_sns_bar.png') no-repeat left center; padding: 0 6px 0 6px; }
		.foot-util .sns li:first-child { background: none; padding-left: 0; }

		.footer .info { text-align: center; }
		.footer .info * { font-size: 13px; line-height: 1.5; color: #333;}
		.footer .info span { margin-left: 20px;}

		.footer .info span:first-child { margin: 0; }

#wrap #content_area { border-radius: 6px; border: 1px solid #D3D1CE; }
.main_wrapper { padding: 20px 0 0; }

/* 2015.08.27 수정 */
	.navWrap { 
		width: 100%;
		min-width: 980px;
		/* max-width:1200px; */
		margin:0 auto;
	}
	.mcont { width: 100%; min-width:980px;}

/* visual slider */
/* ------------------------- Visual ------------------------- */		
	.visual { 
		z-index:0;
		width: 100%;
		position: relative;
		overflow: hidden;
		height: 300px;
		text-align:center;
	}

		.bx-wrapper {
			position: relative;
			margin: 0 auto 0;
			padding: 0;
			*zoom: 1;
			width: 100%;
			}
		.bx-wrapper .bx-viewport {
		background: #fff;
		/*fix other elements on the page moving (on Chrome)*/
		-webkit-transform: translatez(0);
		-moz-transform: translatez(0);
	    	-ms-transform: translatez(0);
	    	-o-transform: translatez(0);
	    	transform: translatez(0);
		}
	/* LOADER */

	.bx-wrapper .bx-pager .bx-pager-item,
	.bx-wrapper .bx-controls-auto .bx-controls-auto-item { 
		display: inline-block; *zoom: 1; *display: inline; 
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		background: url('../images/renew/btn_off.png') no-repeat 0 0;
		text-indent: -9999px;
		display: block;
		width: 13px;
		height: 12px;
		margin: 0 5px;
		}
	.bx-wrapper .bx-pager.bx-default-pager a.active { 
		background: url('../images/renew/btn_on.png') no-repeat 0 0; 
		text-indent: -9999px;
		display: block;
		width: 40px;
		height: 12px;
	}
	
	/* AUTO CONTROLS (START / STOP) */
	.bx-wrapper .bx-controls-auto { 
		text-align: center; 
	}
	.bx-wrapper .bx-controls-auto .bx-start {
		display: block;
		text-indent: -9999px;
		width: 8px;
		height: 12px;
		/* outline: 1;  */ 
		background: url('../images/renew/btn_play.png') 0 0 no-repeat;
		margin: 0 3px;
		}
	.bx-wrapper .bx-controls-auto .bx-start:hover,
	.bx-wrapper .bx-controls-auto .bx-start.active { background-position: 0 0; }
	.bx-wrapper .bx-controls-auto .bx-stop {
		display: block;
		text-indent: -9999px;
		width: 10px;
		height: 12px;
		/* outline: 1;  */ 
		background: url('../images/renew/btn_stop.png') 0 0 no-repeat;
		margin: 0 3px;
		}
	/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
	.bx-wrapper .bx-controls{
		width: 980px;
		position: absolute;
		top: 272px;
		right: 0;
		padding-top: 0;
		left:50%;
		margin-left:-490px;
	}
		.bx-wrapper .bx-controls .bx-pager {
			float:right;
		}
		.bx-wrapper .bx-controls .bx-controls-auto {
			float:left;
			padding-left:824px;
		}

	/* IMAGE CAPTIONS */
	.bx-wrapper .bx-caption {
		position: absolute;
		bottom: 0;
		left: 0;
		background: #666\9;
		background: rgba(80, 80, 80, 0.75);
		width: 100%;
		}
	.bx-wrapper .bx-caption span {
		color: #fff;
		font-family: 'Source Sans Pro', sans-serif; 
		display: block;
		font-size: .85em;
		padding: 10px;
		}
/* plus-seoul */
.plus-seoul { width:860px; margin:20px auto; }
.plus-seoul p.ps-title { color:#333; line-height:24px; font-size:15px; padding-top:15px;text-align:left;}
.plus-seoul img { color:#333; line-height:24px; font-size:15px; padding-top:15px;text-align:right;}
.plus-seoul p.ps-title-left { color:#333; line-height:24px; font-size:15px; padding-top:15px;}
.plus-div h3{ background-color:#333; border-radius:3px; display:inline-block;height:23px; padding:0 15px; color:#fff; padding:0; margin:20px 0 10px 0}
.plus-div h3 span { color:#fff; display:inline-block; padding:0 10px;  }

.plus-seoul th { border-top:2px solid #666666;border-bottom:2px solid #666666; text-align:center; font-size:14px; line-height:40px; }
.plus-seoul td { text-align:center; border-bottom:1px solid #eaeaea; padding:5px 5px; font-size:12px; line-height:18px; }
.plus-seoul td.left{ text-align:left; } 

.m_footer { width:100%; }
.m_footer .bn_footer { width:100%; height:50px; overflow:hidden; background-color:#fff; }
.m_footer .bn_footer .bn_wrapper { width:980px; margin:0 auto; }
.m_footer .bn_footer .bn_wrapper ul li { float:left; padding:0 7px}
.m_footer .bn-copy-cont { background-color:#364067; height:130px; box-sizing:border-box; font-size:12px;  }

.m_footer .bn-copy-cont .relative-box { width:980px; margin:0 auto; position:relative;}
.m_footer .bn-copy-cont .ft-cont-box ul { padding:20px 0 10px 0; overflow:hidden; }
.m_footer .bn-copy-cont .ft-cont-box ul li {}
.m_footer .bn-copy-cont .ft-cont-box ul li a { display:block;  padding-right:20px; float:left; color:#eaeaea;  font-size:12px;}
.m_footer .bn-copy-cont .ft-contact { color:#eaeaea; clear:both; line-height:22px;}
.m_footer .bn-copy-cont .ft-contact strong { color:#eaeaea; }
.m_footer .bn-copy-cont .copy {color:#eaeaea;line-height:22px; font-size:12px;}
.m_footer .ft_utilbox { position:absolute; right:0; top:20px; }
.onestep-title-btn a {float: right;display: inline-block;color: #fff !important;background-color: #db7837;text-align: center;line-height: 16px;font-size: 11px;padding: 7px 20px 7px 20px;border-radius: 3px;margin-right: 5px;margin-top: -2px;font-weight: 600}
