@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
/*───────────────────────────────────────────────────────────

	 메인 CSS

───────────────────────────────────────────────────────────*/
.w_set {width:1280px;margin:0 auto;}

.for_m, .for_t {display:none;}
.for_pc {display:inline-block;}
.for_t_dn {display:block;}

body {
	min-width:320px;
}


/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/

#header {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	width:200px;
	background-color:#fff;
	z-index:10;
	border-right: 1px #ccc solid;
}
.hd_sec01 #logo {
	padding-top:60px;
}
.hd_sec01 #logo a {
	display:block;
	background:url("/image/logo.png") no-repeat center;
	padding-top:69px;
}
.cate_nav {
	 padding:60px 30px 0;
}
.cate_nav ul {}
.cate_nav ul li {
	margin-bottom:30px;
}
.cate_nav ul li a {
	display:block;
	font-size:16px;
	font-weight:500;
	font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;
	color:#333;
	letter-spacing:-0.030em;
	line-height:26px;
}
.cate_nav ul li:hover a {
	color:#076ca5;
	background:url("/image/nav_arr.png") no-repeat center right;
}
.opt_link {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	width:100%;
	padding:5px 1px 30px 0;
	background-color:#076ca5;
}
.opt_link dl {
	padding:25px 30px 0;
}
.opt_link dl dt {
	font-size:13px;
	font-weight:600;
	font-family:'Lato', 'Nanum Gothic', dotum, sans-serif;
	color:#fff;
	line-height:38px;
}
.opt_link dl dd {}
.opt_link dl dd a {
	display:block;
	font-size:12px;
	font-weight:100;
	line-height:23px;
	color:#fff;
}



/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/

/*───────────────────────────────────────────────────────────

	 INDEX | index.html

───────────────────────────────────────────────────────────*/


.main_on_top {
	position:fixed;
	top:0;
	bottom:0;
	right:0;
	z-index:10;
}
.main_on_top ul {
	height:100%;
}
.main_on_top ul li {
	position:relative;
	height:16.666%;
}
.main_on_top ul li .tit {
	position:absolute;
	top:57px;
	left:50px;
	display:block;
	font-size:38px;
	font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;
	color:#fff;
	letter-spacing:-0.030em;
	line-height:47px;
	padding-top:60px;
}
.main_on_top ul li .txt {
	position:absolute;
	top:164px;
	left:50px;
	display:block;
	font-size:18px;
	font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;
	font-weight:300;
	color:#fff;
	line-height:30px;
	opacity:0.7;
	letter-spacing:-0.030em;
}


.main_on_top ul li .ov {
	display:none !important;
}
.main_on_top ul li:hover .ov {
	display:block !important;
}
.main_on_top ul li:hover .mn {
	display:none !important;
}
.main_on_top ul li .bnr {
	display:block;
	width:auto;
	height:100%;
}
.main_on_top ul li a {
	display:block;
	width:auto;
	height:100%;	
}
.main_on_top ul li img {
	width:auto;
	height:100%;
}

.main_visual {
	position:fixed;
	top:0;
	bottom:0;
	left:200px;
	right:0;
	width:1720px !important;
	height:100%;
}
.main_visual .bx-wrapper,
.main_visual .bx-viewport,
.main_visual .bxslider {
	height:100% !important;
}

.main_visual .bx-viewport li {
	position:relative;
	overflow:hidden;
	height:100%;
}
.main_visual .bx-viewport li img {
	display:block;
	position:absolute;
	top:0;
	left:0;
}
.main_visual .head {
	position:absolute;
	top:136px;
	left:90px; 
	font-size:44px;
	font-weight:300;
	font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;
	letter-spacing:-0.050em;
	color:#fff;
	line-height:50px;
	z-index:100;
}
.main_visual .head em {
	display:block;
	font-weight:600;
	font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;
}
.main_visual p {
	font-size:18px;
	color:#fff;
	font-weight:300;
	font-family:'Noto Sans KR', 'Nanum Gothic', sans-serif;
	letter-spacing:-0.050em;
}
.main_visual .btn {
	display:block;
	width:170px;
	height:46px;
	font-size:15px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	color:#fff;
	letter-spacing:-0.020em;
	background:url(/image/slide_bnr_line.png) no-repeat left bottom;
	line-height:46px;
	text-align:left;
	margin-top:44px;
}
.main_visual .bx-controls-direction {
	position:absolute;
	top:90px;
	left:90px;
	z-index:100;
}
.main_visual .bx-controls-direction {
	font-size:0;
}
.main_visual .bx-controls-direction .bx-prev {
	display:block;
	width:25px;
	height:25px;
	background:url(/image/controller_prev.png) no-repeat;
	margin-right:41px;
	float:left;
}
.main_visual .bx-controls-direction .bx-next {
	display:block;
	width:25px;
	height:25px;
	background:url(/image/controller_next.png) no-repeat;
	float:left;
}

.main_visual .auto_play {
	position:absolute;
	top:90px;
	left:123px;
	z-index:100;
	display:block;
	width:25px;
	height:25px;
	background:url(/image/controller_play.png) no-repeat;
}
.main_visual .auto_play.play {
	background:url(/image/controller_pause.png) no-repeat;
}

#footer {
	position:fixed;
	left:233px;
	bottom:20px;
	width:calc(100% - 200px);
	z-index:100;
}
#footer address {
	font-size:0;
	opacity:0.7;
	display:inline-block;
	padding-left:20px;
	font-size:12px;
	color:#fff;
	line-height:20px;
}
#footer address span {
	display:inline-block;
	width:1px;
	height:10px;
	background-color:#fff;
	margin:0 8px;
	vertical-align:middle;
}
#footer address span:first-child {
	padding:0;
}
#footer address span:first-child:after {
	display:none;
}
#footer address p#copy {
	display:block;
	text-transform:uppercase;
	font-size:11px;
	color:#515151;
	letter-spacing:0.020em;
	line-height:20px;
	opacity:1;
}







/* 메인 list06 */
.on_top_06 > div{position:relative;}
#pc_map{width:100%; height:100%; display:block; position:absolute; top:0;}
#pc_map .pc_map_area{position:absolute; display:block; width:26.2%; height:26%; bottom:8.4%;}
#pc_map .pc_map_area01{left:15%;}
#pc_map .pc_map_area02{left:59%;}

@media (max-width:1279px){
	#pc_map .pc_map_area{position:absolute; display:block; width:23.5%; height:22%; bottom:15%;}
	#pc_map .pc_map_area01{left:15%;}
	#pc_map .pc_map_area02{left:61.5%;}
}