@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic);

*{ font-family: 'Nanum Gothic','³ª´®°íµñ', 'MalgunGothic', '¸¼Àº °íµñ', 'dotum', 'µ¸¿ò', 'µ¸¿òü', sans-serif; !important ; }


/* ÃʱâÈ­ */
html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;}
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;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {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-size:1em}
button {cursor:pointer}

textarea, select {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:underline}
ul, ol, dl, li, dt, dd{margin:0; padding:0; list-style:none;}


#wrap{ }

/* »ó´Ü ·¹À̾ƿô */
#hd {z-index:4;position:relative;min-width:1200px;background:#2a2a28;  height:95px; border-bottom:5px solid #aaa; }
#hd_wrapper {position:relative;margin:0 auto;  width:1200px; zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {position:absolute; top:50px; left:50%; margin-left:-600px; z-index:26;}


/* »ó´Ü¸Þ´º Àû¿ë */ 
.navBox { z-index:25; width:100%; min-width:1200px; min-height:35px; position:relative;	top: 45px; margin-top:0px; text-align:center;}
.navBox:after {display:block;visibility:hidden;clear:both;content:""} 
.nav { position:absolute; z-index:9999; top:0px; left:50%; margin-left:150px; width:510px;}
.nav ul.depth1 {z-index:10; clear:both; zoom:1; }
.nav ul.depth1:after {display:block; visibility:hidden; clear:both; content:""; }
.nav ul.depth1 li.gnb1 { position:relative; float:left; text-align:center; display:inline; margin:0px; min-height:35px;}

.nav_1da { position:relative; z-index:20; display:block; float:left; font-family:'Source Sans Pro'; font-weight:bold; width:150px !important; text-align:left; margin:0 0; height:25px; padding:10px; font-size:25px !important; color:#e98319 !important; text-decoration:none; }
.nav_1da:focus, .nav_1da:hover {
	color:#ddd !important; text-decoration:none;
} 

.on{color:#ddd !important;}


.subBox { position:absolute; z-index:20; top:55px; width:100%; height:200px; background:#0c0c0d; 
	filter:alpha(opacity=85);/*Àͽº¿ë Åõ¸íµµ ÇÊÅÍ*/
	opacity:.85;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; display:none; }

.subBox:after {display:block;visibility:hidden;clear:both;content:""}
.nav ul.depth1 ul.depth2 {position:absolute; z-index:20; top:45px; display:none; padding-top:10px !important; background-color:transparent; width:170px; margin:0 0; }
.nav ul.depth1 ul.depth2 li {display:block !important; height:23px; margin:0 0 0 0; width:170px; }
.nav_2da {display:block; float:left; width:150px; padding:6px 10px 6px 30px; text-align:left; line-height:23px; text-decoration:none; color:#bfbfbf !important;  font-size:15px;  background:url(../images/gnbBullet.png) 18px 17px no-repeat;}

.nav_2da:focus, .nav_2da:hover { position:relative; text-decoration:none; color:#d7d7d7 !important; } 


#container{width:100%; position:relative;}

#mainVisual{width:100%; height:700px; text-align:center; overflow:hidden; background:url(../images/mainVisual.png) center top no-repeat; position:relative;}
#mainVisual .btnQuick{position:absolute; top:380px; left:50%; margin-left:-150px; z-index:0;}

#contents{margin:0px auto; width:1200px; position:relative; padding:30px 0 50px;}
#contents .navi{float:right;}
#contents .navi:after{clear:both;content:""}

#contents .navi li{float:left;font-size:15px; font-weight:600; color:#000; height:15px; padding-bottom:5px; }
#contents .navi li.home{padding-left:25px; background:url(../images/iconHome.png) 0 0 no-repeat;}
#contents .navi li.bullet{padding:0 15px; background:url(../images/bullet.png) center 0 no-repeat;}

#contents .title {clear:both; width:100%; height:50px; background:url(../images/titleBg.png) 0 bottom no-repeat; padding:0 0 10px; font-family:'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ'; font-size:40px; font-weight:600; color:#303030; line-height:50px; margin:0 0 40px;}

#contents .cont{ position:relative; clear:both; min-height:500px; }
#contents .cont p{float:left; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; line-height:28px; color:#3e3e3e; letter-spacing:-2px;}
#contents .cont p span.point{font-weight:600;}
.rightImg{float:right;margin:0 0 30px 35px;}
.leftImg{float:left;margin:0 35px 30px 0; border:1px solid #dedede;}

.address{font-size:21px; line-height:28px; color:#3e3e3e; letter-spacing:2px;}

.trans{ float:left; width:480px; margin:25px 0 0 0;}
.trans p{clear:both;  height:18px; padding:13px 0 19px 55px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; font-weight:600; color:#3e3e3e; margin:0 0 10px 0;}
.trans ul{clear:both; margin:0 0 0 6px; }
.trans ul li{padding-left:115px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:16px; line-height:23px; color:#3e3e3e; margin:0 0 15px 0;}

.trans .subway{background:url(../images/iconSubway.png) 0 0 no-repeat;}
.trans .bus{background:url(../images/iconBus.png) 0 0 no-repeat;}
.trans .line01{background:url(../images/iconSubway7.png) 0 6px no-repeat;}
.trans .line02{background:url(../images/iconSubwayBundang.png) 0 6px no-repeat;}
.trans .line03{background:url(../images/iconBusBlue.png) 0 6px no-repeat; line-height:41px;}
.trans .line04{background:url(../images/iconBusGreen.png) 0 6px no-repeat; line-height:46px;}

#contents .partner{background:url(../images/companyImg21.png) right bottom no-repeat; min-height:400px; margin-bottom:130px; }
.partner ul {clear:both; }
.partner ul li{float:left; width:310px; margin:0 0 0 30px; list-style-image:url(../images/partnerBullet.png); line-height:40px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:25px; font-weight:600; color:#3e3e3e; letter-spacing:-1px;}
.partner ul li ul{margin:10px 0 25px 0; display:inline-block; }
.partner ul li ul li{margin:0; list-style:none; line-height:28px; font-size:20px; font-weight:500; }


#contents .cont dl{float:left; width:450px; margin:15px 70px 20px 0;}
.cont dl dt {height:35px; line-height:35px;  font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:25px; font-weight:600; color:#3e3e3e;} 
.cont dl dd { font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:17px; line-height:25px; margin:10px 0; letter-spacing:-1px;}

/* Æ÷Æ®Æú¸®¿À ·¹À̾ƿô */
.category{float:left;}
.category ul{margin:0 0 0 1px;}
.category ul li{float:left; z-index:0; }
.category ul li a{ display:block; width:138px; height:28px; background:#fff; border:1px solid #616161; margin:0 0 0 -1px; padding:10px 0; text-align:center; line-height:18px; font-size:18px; font-family:'Malgun Gothic', '¸¼Àº °íµñ'; font-weight:600; color:#616161; }
.category ul li a:hover{border:1px solid #f98a14; color:#f98a14; text-decoration:none;}

.category ul li.current a{background:#616161; color:#fff;}
.category ul li.current a:hover{background:#f98a14; color:#fff;}

.search{float:right; }
.search:after{clear:both; content:""; }
.fselect {float:left; width:180px; height:40px; padding:10px; border:1px solid #c7c7c7; margin:0 10px 0 0;}

.fsearch{float:left; margin:0; width:277px; height:38px; border:1px solid #c7c7c7;}
.fsearch .finput{border:none; width:209px; height:18px; padding:10px; }
.fsearch .btnSearch{width:48px; height:38px; background:url(../images/btnSearch.png) center top no-repeat; border:none; border-left:1px solid #c7c7c7; font-size:0; padding:0; }


/* °Ô½ÃÆÇ ¸ñ·Ï */
.list {clear:both; margin:25px 0; }
.list table {width:100%; border-top:5px solid #b2b2b2;}
.list table td{font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; padding:12px 24px; color:#3e3e3e; border-left:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; text-align:center;}
.list table td:first-child{border-left:none;}
.list table td.subject{text-align:left;  }



.paging { margin:0 auto; padding:0; text-align:center; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:0; }
.paging span { display:inline-block; vertical-align:top; *display:inline; *zoom:1;  margin:0 1px; }

.paging ol { display:inline-block; margin:5px 0; font-size:0; line-height:0; vertical-align:top; *display:inline; *zoom:1; *margin:0; }
.paging li { display:inline-block; margin:0 1px; font-size:18px; color:#3e3e3e; vertical-align:top; border-left:1px solid #dfdfdf; *display:inline; *zoom:1; }
.paging li:first-child { border:none;}
.paging img { vertical-align:top; }
.paging li a { display:block; width:30px; height:18px; line-height:18px; padding:0; color:#3e3e3e; }
.paging li a:hover { text-decoration:underline; color:#e78318; }
.paging li a.current { color:#e78318; }


.view{clear:both;border-top:5px solid #b2b2b2; margin:0 0 30px;}
.view li{font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; line-height:28px; padding:12px 0; border-bottom:1px solid #dbdbdb; text-align:left;}
.view li.vcontent {padding:50px 0 ;}
.view li span.subject{font-weight:600;}
.view li span.date{float:right; padding:0 35px 0 0;}

.viewlist{clear:both;margin:45px 0 100px 0;}
.viewlist li{font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; line-height:28px; padding:12px 0; border-bottom:1px solid #dbdbdb; text-align:left;}
.viewlist li:first-child{border-top:1px solid #dbdbdb; }
.viewlist li a.order{padding:0 50px 0 0; text-decoration:none; }
.viewlist li a.order:hover{color:#f98a14; }
.viewlist li span.date{float:right; padding:0 35px 0 0;}

.gallery {clear:both; margin:25px 0; }

.gallery ul li{float:left; margin:0 0 30px 25px;}
.gallery ul li:first-child{margin-left:0;}


.gallery .thumb {position:relative;}
.gallery .thumb a .desc {display: none; }
.gallery .thumb a:hover .desc{ /*ĸ¼Ç ÅؽºÆ®*/
	display: block;	
	background: #282828;
	filter:alpha(opacity=70);/*Àͽº¿ë Åõ¸íµµ ÇÊÅÍ*/
	opacity:.70;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /*--Àͽº8¿ë Åõ¸íµµ ÇÊÅÍ--*/	
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	width: 278px;
	height: 198px;
	vertical-align:bottom;
}

.gallery .thumb a:hover .desc h1{ position:absolute; bottom:10px; left:10px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; line-height:28px; color: #fff; font-weight:500; }

.stitle{font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:30px; color:#3e3e3e; clear:both; margin:0 0 15px;}
.btn{position:absolute; top:0; right:0; }
.btn li{float:left; padding:0 0 0 14px; height:20px; margin:0;}
.btn li:first-child{padding:0 14px 0 0 ;}

#slider {

	/* You MUST specify the width and height */
	width:1200px; height:565px; position:relative; overflow:hidden;
	border:1px solid #c7c7c7;
	margin:0 0 30px;
}

#mask-gallery {	overflow:hidden; }

#gallery {list-style:none; margin:0; padding:0; z-index:0; width:850px; overflow:hidden;}
#gallery li {float:left;}

#mask-excerpt {position:absolute; top:0; right:0; z-index:500; width:350px; overflow:hidden;}
	
#excerpt {
	/* Opacity setting for different browsers */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;  
	-khtml-opacity: 0.8;
	opacity: 0.8;  
	
	/* Clear the list style */
	list-style:none;
	margin:0;
	padding:0;
	
	/* Set the position */
	z-index:10;
	position:absolute;
	top:0;
	right:0;
	
	/* Set the style */
	width:350px;
	background-color:#000;
	overflow:hidden;
	font-family:'Malgun Gothic', '¸¼Àº°íµñ';
	font-size:15px;
}

#excerpt li { padding:55px 35px; }

#excerpt li .spec{margin:0; z-index:501; width:280px; clear:both;}
#excerpt li .spec dt{float:left; width:130px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:15px; color:#fff; font-weight:600; line-height:28px; margin:0; padding:0; }
#excerpt li .spec dd{float:left; width:150px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:15px; color:#bfbfbf; font-weight:500; line-height:28px;  margin:0; padding:0; }
#excerpt li .spec dd:after{clear:both; content:"";}

	
#slider #btnPrev{position:absolute; top:250px; left:20px; z-index:501;}
#slider #btnNext{position:absolute; top:250px; right:370px; z-index:501;}


/* ÇÏ´Ü ·¹À̾ƿô */
#ft{position:relative;min-width:1200px;background:#2a2a28; height:90px;}
#ft_wrapper{width:1200px; margin:0 auto; padding:25px 0;}
#ft .fnb {float:left;}
#ft .fnb li{float:left; padding:0 6px; border-left:1px solid #b1b1b1; font-size:12px; font-weight:600; }
#ft .fnb li:first-child {border:none; padding:0 6px 0 0;}
#ft .fnb li a{color:#b1b1b1;}

#ft .copy{float:right; text-align:right; font-size:15px; line-height:17px; color:#d3d3d3;}


.clear{clear:both; }

a.btnGray{float:right; display:block; width:140px; height:35px; line-height:30px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; color:#fff; background:#616161; text-align:center; font-weight:500; text-decoration:none; border:1px solid #f4f4f4;}

a.btnPrint{float:left; display:block; width:100px; height:35px; line-height:30px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; color:#fff; background:#616161 url(../images/iconPrint.png) 15px 5px no-repeat; text-align:left; font-weight:500; text-decoration:none; border:1px solid #f4f4f4; margin:0 5px 0 0; padding:0 0 0 45px; }
a.btnMap{float:left; display:block; width:100px; height:35px; line-height:30px; font-family:'Malgun Gothic', '¸¼Àº°íµñ'; font-size:18px; color:#fff; background:#616161 url(../images/iconMap.png) 15px 5px no-repeat; text-align:left; font-weight:500; text-decoration:none; border:1px solid #f4f4f4; margin:0 5px 0 0; padding:0 0 0 45px;}