@charset "utf-8";
/* CSS Document */


html { font-size:14px; font-family:'notokr-demilight',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;}

span.htxt {position:absolute;clip:rect(0 0 0 0);width:0px;height:0px;margin:-0px;font-size:0;}

#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, .menu5 ul { margin:0; padding:0; border:0;}
.menu li, .menu2 li, .menu3 li, .menu4 li, .menu5 li {list-style:none; float:left; margin:0; padding:0;	border:0;}
.menu img, .menu2 img, .menu3 img, .menu4 img, .menu5 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%}
.menu5 li { width:20%}

.menu:after, .menu2:after, .menu3:after, .menu4:after, .menu5:after{content:""; display:block; clear:both;}

.pd_bottom { padding-bottom:30px !important;}

.con{*zoom:1; width:100%; background-color:white; clear:both; }
.con:after{ content:""; display:block; clear:both; }

.left, .right{ float:left; width:50%;}
.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:0 3.3%;}
.textR, .textL { max-width:100%; padding:0 3.3%; font-family:'NanumSquareR', dotum,"돋움",sans-serif; }
.textR { font-size:14px; line-height:19px; color:#555; }
.textR strong, .textL strong { background-color:#fff000; color:#111; font-weight:normal;}
.textL { text-align:center; font-size:16px; line-height:21px; color:#6d6d6d; padding:25px 0; }


.taL { text-align:left !important;}
.pt10 { padding:2% 3.5%;}
.pb20 { padding-bottom:20px;}

#footer { max-width:768px; margin: 0 auto; padding:30px 0; text-align:center; font-weight:normal; line-height:18px; color:#2b2b2b;
	background-color:#926da5; background-repeat:repeat; background-size:100%; font-family:'notokr-demilight'}
#footer .strip { max-width:768px; text-align:center; color:#fff; font-size:13px; line-height:20px;}
#footer .strip strong { font-weight:normal; color:#fff;}
#footer .strip span { font-weight:normal; color:#dcc4e8;  display:inline-block;}
#footer .strip .tit {color: #fff; font-family:'notokr-bold'}
#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; margin:0; margin-bottom:30px;}
.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;}