@charset "utf-8";
.wrap{position:relative;}
/*header*/
#skip {position:absolute;width:100%;height: 50px;left:0px;top:-50px;text-align:center;}
#skip:focus, #skip:active {
	position:absolute;
	width:100%;
	top:0px;
	padding-top:10px;
	font-size:16px;
	text-align:center;
	background:#fff;
	z-index:99999;
}

.header_wrap{ 
	position:fixed;
	width:100%;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
	z-index:10000;
	background-color:#fff;
	background-position:left 100px;
}
.header_container{
	background:url(/images/gnbBottomLine.gif) center 98px no-repeat
}
.header{
	max-width:1200px;
	min-height:100px;
	margin:0 auto;
	padding:17px 10px 24px;
	position:relative;
}
.logo{float:left;line-height:32px;}

.gnbToggle_1200{
	border-bottom:1px solid #bbb;
	background-image:url(/images/commons/gnbSubBackground.png);
	background-position:left 100px;
	background-repeat:no-repeat;
}
.gnb{overflow:hidden; float:left;margin:0 6%;}
@media(max-width:1212px){
	.gnb{margin:0 5.5%;}
}
@media(max-width:1200px){
	.gnb{margin:0 5%;}
}
@media(max-width:1186px){
	.gnb{margin:0 4.5%;}
}
.gnb *{-webkit-transition:all 0.2s ease; transition:all 0.2s ease;}
.gnb>li{position:relative;float:left;margin-right:2px;}
.gnb>li>a{
	display:block;
	min-width:132px;
	padding:15px 40px 20px 43px;
	font-size:1.25rem;
	font-family:NanumSquare;
	text-align:center;
	letter-spacing:0px;
}
.gnb>li:before{
	content:'|';
	position:absolute;
	top:18px;
	left:0px;
	color:#b5b5b5;
	font-size:10px;
	font-weight:lighter;
}
.gnb .gnb_01>a{
	text-indent:-2px;
}
.gnb>li:first-child:before{
	display:none;
}
.gnb>li ul{height:0px;overflow:hidden;}
.gnb>li ul a{letter-spacing:-1px;line-height:2;}
@media(max-width:576px){
	.gnb>li ul a{
		line-height:1.9;
	}
}
.gnbToggle_1200 .gnb:hover>li ul{height:280px;}
.gnb>li ul>li{text-align:center;}
.gnb>li ul>li:first-child{padding-top:30px;}
@media(max-width:1180px){
	.gnb{
		margin:0 3.5%;
	}
	/*
	.gnb>li>a{
		min-width:127px;
		padding:15px 15px 20px 18px;
		font-size:1.15rem;
	}*/
}
@media(max-width:1110px){
	.gnb{
		margin:0 7.2%;
	}
	.gnb>li>a{
		min-width:127px;
		padding:15px 15px 20px 18px;
	}
}
@media(max-width:1080px){
	.gnb{
		margin:0 4%;
	}
}
@media(max-width:980px){
	.gnb>li{
		float:none;
		margin-top:1rem;
		border-top:1px solid #ccc;
	}
	.gnb>li ul{
		height:inherit;
	}
}
@media(max-width:768px){
	.gnb>li{
		margin-top:0.45rem;
	}
	.gnb>li>a{
		padding-top:7px;
	}
}
.extra_menu{float:right;position:relative;top:15px;}
.selectBox{
	position:relative;
	display:inline-block;
}
.selectBox>a{
	position:relative;
	min-width:130px;
	height:32px;
	padding:0 14px;
	font-size:0.8rem;
	font-weight:500;
	line-height:30px;
	text-align:left;
	border:1px solid #ddd;
	border-radius:50px;
	background:#fff;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
	z-index:1000;
}
.selectBox>a:after{
	content:'▲';
	position:absolute;
	top:-1px;
	right:12px;
	color:#aaa;
	font-size:8px;
	font-family:dotum;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
.selectBox:hover>a:after{
	top:0px;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.selectBox>ul{
	position:absolute;
	top:13px;
	left:0px;
	min-width:130px;
	height:0px;
	overflow:hidden;
	font-size:0.8rem;
	font-weight:500;
	line-height:32px;
	text-indent:14px;
	text-align:left;
	border-bottom-left-radius:15px;
	border-bottom-right-radius:15px;
	background:#dfdfdf;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
	z-index:0;
}
.selectBox:hover>ul{
	height:165px;
	padding-top:25px;
}
.selectBox * {
	display:block;
	color:#000;
	font-size:0.9rem;
	letter-spacing:0;
}

.go_home a{
	display:block;
	height:32px;
	min-width:103px;
	color:#555;
	font-size:0.8rem;
	font-weight:500;
	text-align:center;
	line-height:30px;
	letter-spacing:-1px;
	border-radius:50px;
	background:#e7e7e7;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.go_home a:hover{
	color:#fff;
	background:#999;
}
@media(max-width:1180px){
	.go_home a{
		min-width:80px;
	}
	.selectBox>a,
	.selectBox>ul{
		min-width:110px;
	}
}
.gnbToggleButton{
	display:none !important;
	position:absolute;
	top:0px;
	right:-15px;
	z-index:300;
	width:48px;
	height:48px;
	padding:4px 8px !important;
	border:1px solid #2d2f31;
	border-radius:4px;
	background:none !important;
}
.gnbToggleButton:hover{
	cursor:pointer;
	background:#fff !important;
}
.gnbToggleButton>span{
	display:block;
	height:2px;
	width:100%;
	margin:8px 0;
	line-height:30px;
	transition:transform 0.5s;
	background:#2d2f31;
}
.gnbToggleButton span{
	position:relative;
}
.gnbToggleButton.on span:last-child{
	display:none;
}
.gnbToggleButton.on span{
	-ms-transform: rotate(45deg); /* IE 9 */
	-webkit-transform: rotate(45deg); /* Safari */
	transform: rotate(45deg);
}
.gnbToggleButton.on span:first-child{
	-ms-transform: rotate(-45deg); /* IE 9 */
	-webkit-transform: rotate(-45deg); /* Safari */
	transform: rotate(-45deg);
	top:9px;
}
@media(max-width:980px){
	/*
	.header_wrap{
		position:relative;
	}*/
	.header_container{
		background-position:center 73px;
	}
	.header{
		min-height:75px;
		padding:7px 10px 13px;
	}
	.extra_menu{
		top:12px;
		margin-right:65px;
	}
	.mobileGnbSwitch {
		display:block !important;
		width:42px;
		height:42px;
		top:15px;
		right:10px;
		padding:3px 8px !important
	}
	.mobileGnbSwitch>span {
		margin:7px 0;
	}
	.mobileMenu {
		position:absolute;
		top:-9px;
		left:-1000px;
		overflow:hidden;
		z-index:1000;
		width:70%;
		padding-top:1rem;
		padding-left:4%;
		padding-right:2%;
		padding-bottom:5%;
		box-shadow:5px 6px 10px #aaa;
		background:#fff;
		transition:left 0.5s
	}
	.mobileMenu.on {
		left:-20px;
	}
	.gnbToggle_1200 .gnb:hover>li ul{
		height:inherit;
	}
	.gnb>li:before{
		content:'';
	}
	.gnb>li ul>li:first-child{
		padding-top:0px;
	}
	.gnb>li>a{
		padding-left:0px;
		padding-bottom:0px;
		text-align:left;
	}
	.gnb>li ul>li{
		text-align:left;
	}
}
@media(max-width:576px){
	.extra_menu{
		display:none;
	}
}
/*content*/
article{ overflow:hidden;padding-top:100px;}
@media(max-width:980px){
	article{
		padding-top:0px;
	}
}
.content_wrap{
	margin:0 auto;
	padding:0 0px;
	clear:both;
	overflow:hidden;
}
.content{ 
	max-width:1200px;
	min-height:500px;
	margin:50px auto 0;
	padding:0 10px;
}
.content_title{ 
	margin-bottom:2.5rem;
	padding-top:3.2rem;
	padding-bottom:3.1rem;
	border-bottom:1px solid #dfdfdf;
}
.content h2.title{ 
	color:#000;
	font-size:2.5rem;
	font-weight:500;
	font-family:NanumSquare;
	text-align:center;
}
.current_map{display:none;}
.lnbWrap{
	position:fixed;
	width:100%;
	height:50px;
	border-bottom:1px solid #dadada;
	background:#f7f7f7;
	z-index:1000;
}
.lnb{
	max-width:1200px;
	margin:0 auto;
	z-index:10000;
}
@media(max-width:980px){
	.content_wrap{
		padding:0;
	}
	.content_title{
		padding-top:2.2rem;
		padding-bottom:2.1rem;
	}
	.content h2.title{ 
		font-size:2.2rem;
		
	}
	.lnbWrap{
		top:75px;
	}
	.content{
		margin-top:125px;
	}
}

.lnb *{
	color:#555;
	font-size:0.9rem;
	font-weight:500;
	text-indent:10px;
}
.lnb>*{
	height:49px;
	padding-top:6px;
	background:#f7f7f7;
}
.lnb a{display:block;color:#444; text-decoration:none;font-weight:500;}
.lnb li{padding:7px 0 7px 2px; font-size:15px; }

.lnb .home{
	width:54px;
	border-left:1px solid #dadada;
	text-indent:-30000px;
	background:url(/images/commons/icon_home.png) center 15px no-repeat;
}
.lnb .currentPosition{
	height:inherit;
	line-height:47px;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	cursor:pointer;
}
.lnb>a~div{
	margin-left:-1px;
}
.lnb>a+div .currentPosition{
	margin-left:0px;
	border-left:1px solid #dadada;
	border-right:0px;
}
.lnb .currentPosition:after{
	content:'';
	position:absolute;
	top:15px;
	right:12px;
	width:17px;
	height:17px;
	color:#777777;
	font-size:6px;
	font-family:dotum;
	vertical-align:10px;
	text-align:center;
	background:url(/images/commons/currentMapArrow.png) center center no-repeat #e7e7e7;
	border-radius:100%;
	-webkit-transition:all 0.4s ease;
	transition:all 0.4s ease;
}

.lnb .active .currentPosition:after{
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

.lnb .lnb_depth ul{
	display:none;
	padding-top:0.1rem;
	padding-bottom:0.4rem;
	border-left:1px solid #dadada;
	border-right:1px solid #dadada;
	border-bottom:1px solid #dadada;
	background:#f7f7f7;
	z-index:1000;
}

.lnb .lnb_depth ul>li:hover{
	background:#dbbf68;
}

/*footer*/
.footer_wrap{background:#f7f7f7; }
.footer{max-width:1200px;clear:both;height:100px;margin:0 auto; padding:40px 10px; }
.foot_logo{float:left;clear:both;margin:0px 80px 0 0;display:inline}
.foot_content{float:left;}
.foot_menu{overflow:hidden;}
.foot_menu li{float:left; margin-left:9px; padding-left:9px; color:#777; background:url(../images/bg_foot_menu.png) left center no-repeat; }
.foot_menu li:first-child{ margin-left:0; padding-left:0; background:none;}
.terms a{
	color:#c7a741;
	font-weight:500;
}
.copy{
	height:80px;
	margin-top:5px;
	color:#888888;
	font-size:0.94rem;
	font-weight:300;
	line-height:80px;
	text-align:center;
	text-transform:uppercase;
	background:#1d1e22;
}
.copy .comapny_name{
	color:#c7a741;
}
.powered{float:right; color:#999; }
.powered a{
	display:block;
	height:32px;
	min-width:142px;
	color:#888;
	font-size:0.8rem;
	font-weight:300;
	text-align:center;
	line-height:30px;
	border-radius:50px;
	background:#e7e7e7;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.powered a:hover{
	color:#fff;
	background:#999;
}
.footer .footbtn{float:left;margin-top:26px;}
.footer .footbtn li{display:inline;margin-right:4px;padding-left:7px;background:url(/images/common/topMenuLine.gif) no-repeat left 0;}
.footer .footerInfo{margin-top:20px}
.footer .footerInfo address{margin-bottom:5px}
.footer .footerInfo p{margin-bottom:8px}
@media(max-width:768px){
	.footer{
		height:inherit;
		padding:28px 10px 25px;
	}
	.foot_logo{
		display:block;
		float:none;
		text-align:center;
		margin:0 0 1.5rem 0;
	}
	.foot_content{
		float:none
	}
	.foot_menu{
		text-align:center;
	}
	.foot_menu li{
		float:none;
		display:inline-block;
	}
	.powered{
		float:none;
		width:150px;
		margin:1.5rem auto 0;
	}
}

.btnTop{position:fixed;right:-300px;bottom:30px;padding-top:30px;transition:right 0.5s;}
.scrollTopButton .btnTop{right:1.5rem;}
.btnTop a{
	display:block;
	width:45px;height:45px;
	text-indent:-30000px;
	text-align:center;
	background:#dbbf68 url(/images/commons/icon_top.png) no-repeat center center}

@media (max-width: 980px) {
	.infiniteScroll{display:none;}
}