@import url("https://fonts.googleapis.com/css?family=Roboto");

/*
	Phantom by HTML5 UP
	html5up.net | @ajlkn
	Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
*/


/* 초기화 */
html {overflow-y:scroll;height:100%;}
body {margin:0;padding:0;font-size:0.75em;font-family:"Roboto";	background:#9bc4d7;height:100%;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family:"Roboto"}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul, ul, ol, li {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-family:"Roboto";font-size:1em}
button {cursor:pointer}

textarea, select {font-family:"Roboto";font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:none}

/* Wrapper */

#wrapper {
	display: block;
	height:99%;
	box-sizing: border-box;
}

/* Header */

#header {
	position:relative;
	width:100%;
	left:0;
	top:0;
	height:149px;
	display: block;
	box-sizing: border-box;
}

 #header .nav {
	position:relative;
	padding:30px;
	height:89px;
}

 #header #logo {
	float:left;
	width:93px;height:89px;
	background:url("/images/logo.png") no-repeat;
	display: block;
	box-sizing: border-box;
 }

 #header #mnu { float:right;width:40px;height:40px;padding-top:30px; background:url("/images/lmnu_ico.png") no-repeat;box-sizing: border-box;}

/* Sitemap */

#sitemap {	 
	display:none;
	position: absolute;
    top: 0;
    right:0;
    width: 400px;
    height: 100%;        
    background:#fff;
    box-sizing: border-box;
    transition: right 0.4s;
}

#sitemap #mnu_close {display:block; height:auto; text-align:right;margin:60px 30px 35px 0;}

#sitemap #navigation { display:block; box-sizing:border-box;  text-align:center; }
#sitemap #navigation .menu {margin: 0; padding: 0; list-style: none;}
#sitemap #navigation .menu:after { content:'';clear:both;display:block;visibility:hidden;}
#sitemap #navigation .menu > li { padding:0; }
#sitemap #navigation .menu > li.over { padding:0; background:#83b4cb;}
#sitemap #navigation .menu > li > a { position:relative;display:inline-block;padding:30px;font-size:24px;font-weight:900;font-family:"Roboto script=all rev=2"; letter-spacing:0.26em;color:#c2dfec;}


#content {
	position:relative;
	width:1050px;
	margin:0 auto;
	padding-bottom:80px;	
}


#content img {
/*
	max-width:100%;
	height:auto;
	*/
}


.container {
	padding:0;
	position:relative;
}

/* --- Portolio filter --- */

ul.portfolio-categ{
	width: 294px;
	height:50px;	
	margin-top: 10px;
	margin-bottom: 20px;
	margin:10px auto;	
	list-style:none;	
}

ul.portfolio-categ li{
	margin:0 auto;
	padding:0 15px 15px 0;
	float:left;
	list-style:none;
	font-size:14px;
	font-weight:400;
}

ul.portfolio-categ li:last-child {
	margin:0 auto;
	padding-right:0;
	float:left;
	list-style:none;
	font-size:14px;
	font-weight:400;
}

ul.portfolio-categ li a{
	display:block;
	color:#c2dfec;
}

ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active {
	text-decoration:none;
	outline:0;
}
    


/* --- portfolio detail --- */
.top-wrapper {
	margin-bottom:20px;
}



/* sub_ view */

#sub_contents { display:block; width:1200px; margin:0 auto; text-align:center; height:100%; }
#sub_contents span.date { color:#ffffff; font-size:18px; font-style:italic; opacity:65%; font-weight:400; }
#sub_contents h1 { padding-top:25px; color:#ffffff; font-size:50px; font-family:NanumSquare; }
#sub_contents table.pj_info { padding:25px 0 60px;margin:0 auto;color:#ffffff; font-family:NanumSquare;  }
#sub_contents table.pj_info td { text-align:center; vertical-align:middle;  line-height:16px;}
#sub_contents table.pj_info td.pj_title { padding:0;width:139px; height:25px;  font-size:13px; border-radius: 10px; background-color:#83b4cb; }/*background-image:url("../images/s_view_ttx_bg.png");*/
#sub_contents table.pj_info td.pj_ttx { padding-left:10px; padding-right:20px; font-size:18px; }

#sub_contents div.sub_line { display:block; margin:20px auto;  width:1px; height:40px; background-color:#b9d6e3;  }
#sub_contents div.sub_text { display:block;font-size:18px; padding:70px 0 60px; font-family:NanumSquare; color:#46788f; line-height:26px; }
#sub_contents div.w_1200 { display:block; width:1200px; height:auto; background:#ffffff; margin:0 auto 80px; }

#sub_contents div.w_1200 div.sub_imgae { height:98%; background:#ffffff;} 
#sub_contents div.w_1200 div.sub_imgae div {}

/* 
 #header #nav {	
	float:left;
	width:1000px;
	margin:0 auto;
	margin-left:62px;
	border:1px solid red;
 }

#header #nav .gnb:after { content:'';clear:both;display:block;visibility:hidden;}
#header #nav .gnb > li { float:left;padding:0;height:24px;margin-left:118px;}
#header #nav .gnb > li:first-child { margin-left:0; }
#header #nav .gnb > li > a { position:relative;display:inline-block;line-height:1;font-size:24px;font-weight:900;font-family:"Roboto script=all rev=2";letter-spacing:0.26em;color:#c2dfec;}
*/