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

@font-face{
	font-family:"NanumSquareR";
	src:url('/home/skin/web/font/NanumSquareR.eot');
	src:url('/home/skin/web/font/NanumSquareR.eot?#iefix') format('embedded-opentype'),
	url('/home/skin/web/font/NanumSquareR.woff') format('woff'),
	url('/home/skin/web/font/NanumSquareR.ttf') format('truetype');
	src:local('?'), url('/home/skin/web/font/NanumSquareR.woff') format('woff');
}

@font-face{
	font-family:"NanumSquareB";
	src:url('/home/skin/web/font/NanumSquareB.eot');
	src:url('/home/skin/web/font/NanumSquareB.eot?#iefix') format('embedded-opentype'),
	url('/home/skin/web/font/NanumSquareB.woff') format('woff'),
	url('/home/skin/web/font/NanumSquareB.ttf') format('truetype');
	src:local('?'), url('/home/skin/web/font/NanumSquareB.woff') format('woff');
}
html { font-size:14px; font-family:'NanumSquareR', dotum,"돋움",sans-serif; color:#5a5a5a; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
padding:0; margin:0;}

*, ul, li, div, span, p, img, a { padding:0; margin:0;}
a:link {text-decoration:underline;}
a:visited {	text-decoration:underline;}
a:hover {text-decoration:none;}
a:active {text-decoration:underline;}
#logo {	margin-left:auto; margin-right:auto;}

#header { max-width:768px; text-align:center; margin:0 auto; padding:0px;}
#header .icons { margin-right:8px; margin-left:8px;}
#header .icons:hover { opacity:0.7; -ms-filter:"alpha(opacity=70)"; filter:alpha(opacity=70);}
#header .strip { max-width:768px; text-align:center; margin-right:auto; margin-left:auto;}
#header .strip, #header .strip a { font-size:0; line-height:0;}

.flexslider { max-width:768px!important; margin-left:auto!important; 	margin-right:auto!important;}
.banner-shadow{ max-width:768px!important; margin-left:auto!important; margin-right:auto!important;}
.clear { clear:both; margin:0px; padding:0px; height:0px;}

#contMenu{ max-width:768px; text-align:center; margin:0 auto; padding:0;}

.default{ max-width:768px; margin:0 auto; padding:0; border:0; list-style:none;}
.default img{padding:0; margin:0; display:block;}

.menu, .menu2, .menu3, .menu4 { *zoom:1; max-width:768px; text-align:center; margin:0; padding:0; border:0; clear:both; }
.menu ul, .menu2 ul, .menu3 ul, .menu4 ul { margin:0; padding:0; border:0;}
.menu li, .menu2 li, .menu3 li, .menu4 li {list-style:none; float:left; margin:0; padding:0;	border:0;}
.menu img, .menu2 img, .menu3 img, .menu4 img { width:100%; padding:0; margin:0; display:block; border:0;}
.menu img { max-width:768px; }
.menu2 li { width:50%}
.menu3 li { width:33.3333%}
.menu4 li { width:25%}

.menu:after, .menu2:after, .menu3:after, .menu4:after{content:""; display:block; clear:both;}

.pd_bottom { padding-bottom:20px !important;}

.con{*zoom:1; width:100%; background-color:white; clear:both; }
.con:after{ content:""; display:block; clear:both; }

.left p, .right p{ margin:0; padding:0;	border:0;}
.left img, .right img{ width:100%; margin:0; padding:0; border:0;}

.map { max-width:100%; margin:25px 3.3%; }
.textR, .textM,.textL { max-width:100%; padding:0 3.3%; font-family:'NanumSquareR', dotum,"돋움",sans-serif; }
.textM { text-align:left; font-size:13.5px; line-height:19px; color:#444; margin:0; }
.textM strong { background-color:#fff000; color:#111; font-weight:normal;}

.pt10 { padding-top:10px;}
.left { text-align:left !important;}


#footer { max-width:768px; margin: 0 auto; padding:20px 0; text-align:center;
	font-weight:normal; line-height:20px; color:#fff;
	background-color:#292929; background-repeat:repeat; background-size:100%;}
#footer .strip { max-width:768px; text-align:center; color:#c2c2c2; font-size:12px; line-height:16px; font-family:'NanumSquareR', dotum,"돋움",sans-serif; }
#footer .strip strong { font-weight:normal; color:#f2ea65;}
#footer .strip span { font-weight:normal; color:#949393; font-size:11px; display:inline-block; margin-top:5px;}
#footer .strip img { margin-right:0;}
#footer a { color:#fff; font-size:11px; }
#footer a:link { color:#fff; font-weight:normal;}
#footer a:hover { color:#fff; text-decoration:none;}
#footer a:active { color:#fff;}


/*  Portfolio Page Starts */
#Gallery { list-style:none;	padding:0 10px; margin:0;}
.gallery { list-style:none; padding:0; margin:0;}
.gallery:after { clear:both; content:"."; display:block; height:0; visibility:hidden;}
.gallery li { float:left; width:50%;}
.gallery li a {	display:block; margin:1px; border:1px solid #ddd;}
.gallery li img { display:block; width:100%;}
.gallery li p{ font-size:16px; color:black;	margin:-2px 0;}
#Gallery .ui-content { overflow:auto;}
#Gallery1 .ui-content { overflow:auto;}
#Gallery2 .ui-content {	overflow:auto;}
#Gallery2 .ui-content {	overflow:auto;}
#Gallery3 .ui-content {	overflow:auto;}
#Gallery4 .ui-content { overflow:auto;}
#Gallery5 .ui-content {	overflow:auto;}
#Gallery6 .ui-content {	overflow:auto;}
#Gallery7 .ui-content {	overflow:auto;}
#Gallery8 .ui-content {	overflow:auto;}
#Gallery9 .ui-content {	overflow:auto;}
#Gallery10 .ui-content { overflow:auto;}



/*-------------------------------------------- Video Gallery ------------------------------------------------*/
#videogallery {}
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe { position:absolute; top:0; left:0; width:100%; height:100%;}

#videogallery .col-1 { margin-bottom:16px; margin-top:8px;}
#videogallery .col-2 { margin-bottom:16px; margin-top:8px;}
#videogallery .col-1 img { padding-right:12px;}
#videogallery .col-2 img { padding-right:12px;}
#videogallery h5 {
	margin-top:0px;
	padding-top:0px;
	margin-bottom:3px;
	padding-bottom: 3px;
}