@charset "utf-8";

@import url('../../../cdn.jsdelivr.net/gh/moonspam/NanumSquare%401.0/nanumsquare.css');



body { position:relative; background:#000;  }
#wrapper { overflow-x:hidden; min-width:1180px; }
* { 
	font-family:'NanumSquare', sans-serif; 
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
	color:#fff;
	word-break:keep-all;
}


.mobile_view { display:none !important; }
.innerDiv { position:relative; width:1180px; margin:0 auto; }
.position_r { position:relative; }
#contents:after, .innerDiv:after { display:block; clear:both; content:''; }

#wrapper { width:100%; }
#container { width:100%; }
#container:after { display:block; clear:both; content:''; }




#header { position:fixed; top:0; left:0; width:100%; z-index:9999; transition:all 0.2s ease-in-out 0.05s; }
#header .innerDiv { margin-top:58px; transition:all 0.2s ease-in-out 0.05s; }
#header.fixed { padding-bottom:15px; background:rgba(0,0,0,1); }
#header.fixed .innerDiv { margin-top:10px; }
#header .header_top_left { float:left; }
#header .header_top_left h1 a { display:inline-block; }
#header .header_top_left h1 img { height:49px; }
#header .header_top_right { float:right; }
#header .header_top_right .nav,
#header .header_top_right .link  { display:inline-block; vertical-align:top; margin-top:8px; }
#header .header_top_right .nav li,
#header .header_top_right .link span { display:inline-block; vertical-align:top; margin-left:25px; }
#header .header_top_right .nav li a { display:block; color:#fff; font-size:17px; line-height:21px; padding:9px 0; }
#header .header_top_right .link span a { display:block; color:#fff; font-size:17px; line-height:21px; padding:9px 20px; border-radius:30px; background:#E31F1C; }

/* 모바일 */
@media (max-width:768px){
	.mobile_view { display:block !important; }
	.pc_view { display:none; }
	.innerDiv { width:auto; margin:0 18px; }
	#wrapper { min-width:auto; }
	#container { padding-top:41px; }


	#header { background:none; }
	#header .innerDiv { margin:0 0 0 0; }
	#header.fixed { padding-bottom:0; background:none; }
	#header.fixed .innerDiv { margin-top:0; }
	#header .header_top_left h1 img { height:24px; }
	#header .header_top_left,
	#header .header_top_right { float:none; clear:both; text-align:center; position:relative; }
	#header .header_top_left { padding:8px 12px 0 12px; text-align:left; padding-bottom:9px; background:#000; }
	#header .header_top_right .nav,
	#header .header_top_right .link  { margin-top:0; }
	#header .header_top_right .link { position:absolute; top:-35px; right:12px; }
	#header .header_top_right .nav { width:100%; background:rgba(255,255,255,0.3); backdrop-filter: blur(8px); }
	#header .header_top_right .nav.biz { background:rgba(0,0,0,0.3); }
	#header .header_top_right .nav li { margin:0 12px; position:relative; }
	#header .header_top_right .nav li:after { display:block; content:""; width:1px; height:10px; background:#fff; position:absolute; top:12px; left:-12px; }
	#header .header_top_right .nav li:first-child:after { display:none; }
	#header .header_top_right .link span { margin-left:7px; }
	#header .header_top_right .nav li a { font-size:14px; line-height:18px; padding:8px 0; }
	#header .header_top_right .link span a { font-size:12px; line-height:16px; padding:6px 10px; }
}









#footer .bottom_info {
	padding:45px 0 25px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width:100%;
}
#footer .bottom_info .left {
	width:80%;
}
#footer .bottom_info .left p {
	line-height: 21px;
	font-size: 15px;
	font-weight: 200;
}
#footer .bottom_info .left p:first-child {
	margin-bottom:20px;
}
#footer .bottom_info .right {
	width:20%;
	text-align:right;
}
#footer .bottom_info .right .sns_link li { 
	display:inline-block; 
	vertical-align:top;
	margin-left:12px;
}
#footer .bottom_info .right .sns_link li a {
	display:block;
	width:54px;
	height:54px;
	border-radius:30px;
	text-indent:-9999px;
}
#footer .bottom_info .right .sns_link li a.fb {
	background:#E31F1C url('../../images/pd5/sns_fb.png') center center no-repeat;
	background-size:20px auto;
}
#footer .bottom_info .right .sns_link li a.ins {
	background:#E31F1C url('../../images/pd5/sns_ins.png') center center no-repeat;
	background-size:20px auto;
}
#footer .bottom_info .right .sns_link li a.yt {
	background:#E31F1C url('../../images/pd5/sns_yt.png') center center no-repeat;
	background-size:20px auto;
}


/* 모바일 */
@media (max-width:768px){
	#footer .innerDiv {
		margin:0 8px;
	}
	#footer .bottom_info {
		padding:75px 0 20px 0;
		display:block;
		width:100%;
		position:relative;
	}
	#footer .bottom_info .left {
		width:100%;
		text-align:center;
	}
	#footer .bottom_info .left p {
		line-height: 16px;
		font-size: 12px;
	}
	#footer .bottom_info .left p:first-child {
		margin-bottom:15px;
	}
	#footer .bottom_info .right {
		width:100%;
		text-align:center;
		position:absolute;
		top:25px;
		left:0;
	}
	#footer .bottom_info .right .sns_link li { 
		margin:0 5px;
	}
	#footer .bottom_info .right .sns_link li a {
		width:36px;
		height:36px;
	}
	#footer .bottom_info .right .sns_link li a.fb {
		background-size:16px auto;
	}
	#footer .bottom_info .right .sns_link li a.ins {
		background-size:16px auto;
	}
	#footer .bottom_info .right .sns_link li a.yt {
		background-size:16px auto;
	}
}






