@charset "utf-8";

/*
================================================================================
메인, 서브레이아웃
================================================================================
*/
#wrapper{}

/* ---- 상단영역 ---- */
#header .headBox{position:fixed;margin:0 auto;width:100%;z-index:30;top:0px}

#header .logo a{display:block}
#header .top {width:1200px; height:95px; margin:0 auto;}
#header .top .top_tel {float:right;margin-top:45px}


#header .logo {width: 323px;left: 50%;padding-top: 25px;margin: 0;margin-left: -161px;position: absolute;}


#header .top .top_addr {float:left;margin-top:38px;}

/* ---- 중간영역 ---- */
#container #content{position:relative; width:100%;}
#container #content::after{display:block;clear:both;content:''}

/* ---- 하단영역 ---- */
#footer {clear:both;width:100%;position:relative;}
#footer .totalMenu{padding:35px 0;background:#2e3137;width:100%}
#footer .totalMenu > ul{margin:0 auto;width:1200px}
#footer .totalMenu > ul::after{display:block;clear:both;content:''}
#footer .totalMenu > ul > li{float:left;padding-left:30px;width:14.2%;min-height:240px;border-right:1px solid #656a74}
#footer .totalMenu > ul > li:first-child{border-left:1px solid #656a74}
#footer .totalMenu > ul > li > a{display:block;font-size:16px;color:#fff;font-weight:bold}
#footer .totalMenu > ul > li ul{margin-top:20px}
#footer .totalMenu > ul > li ul li{font-size:12px;}
#footer .totalMenu > ul > li ul li a{color:#fff;opacity:0.6}
#footer .totalMenu > ul > li p{margin-top:20px;font-size:12px;color:#fff;opacity:0.6}
#footer .footWrap{background:#323641;text-align:center;padding:30px;}
#footer .footWrap address{font-size:14px;color:#fff;line-height:22px;}
#footer .footWrap small{display:block;margin-top:8px;font-size:12px;color:#fff;word-break: break-all;opacity:0.6}


/*
================================================================================
상단메뉴
================================================================================
*/
#gnb{position:relative;width:100%;z-index:20;padding-left:15px; background-color:#fff; margin:0;border:1px solid #d8d7d7;border-width:1px 0;}
#gnb .gnb{padding:42px 0; margin:0 auto; width:1200px;height:110px;}
#gnb ul::after{display:block;clear:both;content:''}
#gnb > ul > li{float:left;background:url('../img/common/gnb_kan.gif') no-repeat left 5px}
#gnb > ul > li:first-child {background:none;margin-top:-23px;}
#gnb > ul > li:first-child img {width:180px;margin-right:30px;}
#gnb > ul > li:first-child > a.on {border-bottom:0;}
#gnb > ul > li > a{position:relative;display:block;margin:0 23px;font-size:16px;color:#070201;text-decoration:none;font-weight:bold}
#gnb > ul > li > a.on{color:#48538d;font-weight:bold;border-bottom:3px solid #48538d;}
#gnb > ul > li > a::after{position:absolute;left:0;bottom:0;width:0;height:5px;content:'';transition: all 0.3s ease 0s;}
#gnb > ul > li > ul{display:none;position:absolute;top:100px;left:0;padding:17px 15px 0 87px;width:100%;height:60px;z-index:30}
#gnb > ul > li > ul > li{float:left;margin:0 20px}
#gnb > ul > li > ul > li a{display:inline-block;color:#070201}
#gnb > ul > li > ul > li a:hover{color:#070201;font-weight:bold;border-bottom:3px solid #f9bd01;}
#gnb > ul > li > ul > li a.on{color:#070201;font-weight:bold;border-bottom:3px solid #f9bd01;}

#gnbBg{position:absolute;top:100px;left:0;width:100%;height:0;background:#436aa0;transition: all 0.1s;z-index:20}
#gnbBg.on{height:60px;}

.rightQ{position:fixed;top:100px;right:0;width:90px;z-index:30}




/*
================================================================================
2차메뉴 margin-left 위치
================================================================================
*/

.m_gn01{margin-left:200px}
.m_gn02{margin-left:250px}
.m_gn03{margin-left:350px}
.m_gn04{margin-left:450px}
.m_gn05{margin-left:765px}
.m_gn06{margin-left:750px}
.m_gn07{margin-left:970px}


/*
================================================================================
왼쪽메뉴
================================================================================
*/

#lnb{height:60px;background:#436aa0}
#lnb .lnbBox{margin:0 auto;padding-left:70px;width:1280px}
#lnb .lnbBox .btnHome{position:absolute;top:100px;left:50%;margin-left:-630px;width:60px;z-index:50}
#lnb .lnbBox .btnHome a{display:block;width:60px;height:60px;text-indent:-999px;overflow:hidden;background:url('../img/common/ic_home.gif') no-repeat center center;border:1px solid #7c97bd;border-width:0 1px}
#lnb .lnbBox ul::after{display:block;clear:both;content:''}
#lnb .lnbBox ul{padding:17px}
#lnb .lnbBox ul li{float:left;margin:0 15px}
#lnb .lnbBox ul li a{display:inline-block;color:#fff}
#lnb .lnbBox ul li a.on,#lnb .lnbBox ul li a:hover{color:#f9ff29;font-weight:bold}

/*
================================================================================
메인콘텐츠
================================================================================
*/

.mVisual{position:relative;top:150px;height:585px;overflow:hidden;}

.mVisual{margin:0 auto;}

.mVisual li{padding-top:55px;height:585px;text-align:center;background-repeat:no-repeat;background-position:center top}
.mVisual li.visual03{background-image:url('../img/main/visual_bg03.jpg')}
.mVisual li.visual02{background-image:url('../img/main/visual_bg02.jpg')}
.mVisual li.visual01{background-image:url('../img/main/visual_bg01.jpg')}
.mVisual li.visual04{background-image:url('../img/main/visual_bg04.jpg')}
.mVisual li.visual05{background-image:url('../img/main/visual_bg05.jpg')}
.mVisual #bx-pager{position:relative;margin:-64px auto 0;width:1280px;font-size:18px;text-align:center;z-index:20}
.mVisual #bx-pager::after{display:block;clear:both;content:''}
.mVisual #bx-pager a{float:left;display:block;width:20%;height:64px;color:#fff;font-weight:bold;line-height:64px;background:rgba(45,83,136,0.7);border-right:1px solid rgba(255,255,255,0.4);border-left:1px solid rgba(2,25,56,0.4)}
.mVisual #bx-pager a:first-child{border-left:0}
.mVisual #bx-pager a:last-child{border-right:0}
.mVisual #bx-pager a.active{border-top:6px solid #65cbd4}



.mCon1 {margin-top:0px;}
.mCon1 > div {width:100%;}

.pc_main_01 {background:url('../img/main/pc_main_01.jpg') center bottom no-repeat;height:846px;margin-top:90px;}
.pc_main_02 {background:url('../img/main/pc_main_02.jpg') center bottom no-repeat;height:1024px;}
.pc_main_03 {background:url('../img/main/pc_main_03.jpg') center bottom no-repeat;height:1347px;}
.pc_main_04 {background:url('../img/main/pc_main_04.jpg') center bottom no-repeat;height:1414px;}
.pc_main_05 {background:url('../img/main/pc_main_05.jpg') center bottom no-repeat;height:1137px;}
.pc_main_06 {background:url('../img/main/pc_main_06.jpg') center bottom no-repeat;height:1074px;}
.pc_main_07 {background:url('../img/main/pc_main_07.jpg') center bottom no-repeat;height:1077px;}
.pc_main_08 {background:url('../img/main/pc_main_08.jpg') center bottom no-repeat;height:1458px;}
.pc_main_09 {background:url('../img/main/pc_main_09.jpg') center bottom no-repeat;height:1184px;}
.pc_main_10 {background:url('../img/main/pc_main_10.jpg') center bottom no-repeat;height:3119px;}
.pc_main_info {background:url('../img/main/pc_main_info.jpg') center bottom no-repeat;height:1122px;}


/* .pc_info {background:#645d7c;height:822px;text-align:center;}
.pc_info ul {width:1200px;margin:0 auto;padding:100px 0}
.pc_info ul:after {clear:both;display:block;content:"";}
.pc_info li {float:left;}
.pc_info li:last-child img {margin:50px 0 0 50px;} */




.view_maps {position:relative;background-color:#292725;}





/* 20161205 팝업 */
#main_popup_20161205 {
	position:absolute;
	top:100px;
	left:10px;
}
#main_popup_20161205 > span{

	background-color:#222; 
	color:#fff;
	display:inline-block;
	width:60px;
	height:50px;
	text-align:center;
	vertical-align: top;
	padding-top:12px;
	cursor: pointer;
}


/*
================================================================================
서브콘텐츠
================================================================================
*/

.sbBox{text-align:center}
.sbBox.bg{background:#eee}





/*
================================================================================
둘러보기
================================================================================
*/

.look_around{position:relative;height:585px;overflow:hidden;}

.look_around{margin:0 auto;}

.look_around li{padding-top:55px;height:585px;text-align:center;background-repeat:no-repeat;background-position:center top}
.look_around li.visual03{background-image:url('/_public/img/sub/FL06/1.jpg')}
.look_around li.visual02{background-image:url('/_public/img/sub/FL06/2.jpg')}
.look_around li.visual01{background-image:url('/_public/img/sub/FL06/3.jpg')}
.look_around li.visual04{background-image:url('/_public/img/sub/FL06/4.jpg')}
.look_around li.visual05{background-image:url('/_public/img/sub/FL06/5.jpg')}
.look_around li.visual06{background-image:url('/_public/img/sub/FL06/6.jpg')}
.look_around li.visual07{background-image:url('/_public/img/sub/FL06/7.jpg')}
.look_around li.visual08{background-image:url('/_public/img/sub/FL06/8.jpg')}
.look_around li.visual09{background-image:url('/_public/img/sub/FL06/9.jpg')}
.look_around li.visual10{background-image:url('/_public/img/sub/FL06/10.jpg')}
.look_around #bx-pager{position:relative;margin:-64px auto 0;width:918px;font-size:18px;text-align:center;z-index:20}
.look_around #bx-pager::after{display:block;clear:both;content:''}
.look_around #bx-pager a{float:left;display:block;width:10%;height:64px;color:#fff;font-weight:bold;line-height:64px;background:rgba(45,83,136,0.7);border-right:1px solid rgba(255,255,255,0.4);border-left:1px solid rgba(2,25,56,0.4)}
.look_around #bx-pager a:first-child{border-left:0}
.look_around #bx-pager a:last-child{border-right:0}
.look_around #bx-pager a.active{border-top:6px solid #65cbd4}