@charset "UTF-8";

/********************************************************
■ Sub Menu : 서브 메뉴 부분
********************************************************/
#sub-menu { position:absolute; left:0; right:0; bottom:0; z-index:99; padding:0; }
#sub-menu:before, #sub-menu:after { content:""; position:absolute; left:0; top:0; right:0; bottom:0; }
#sub-menu:before { background:#444; }
#sub-menu:after { opacity:.7; }

#sub-menu .menu li { float:left; position:relative; z-index:3; transition:all 0.7s ease-in-out; color:#ddd; }
#sub-menu .menu li:not(:first-child) { border-right:1px solid rgba(255,255,255,.2); }
#sub-menu .item { display:block; padding:20px; line-height:30px; color:#ddd; }
#sub-menu .item:hover { text-decoration:underline; }
#sub-menu .item.level { width:350px; }
#sub-menu .item .arrow { position:absolute; right:20px; top:50%; transform:translateY(-50%); }

#sub-menu .sub { position:absolute; width:100%; padding:10px 0; background:#fff; box-shadow:2px 2px 4px rgba(0,0,0,.4); display:none; }
#sub-menu .sub a { position:relative; display:block; color:#333; padding:10px 15px; border-bottom:1px solid rgba(255,255,255, 0.1); }

/* sns & print */
#sub-menu .sns-print { position:absolute; right:20px; top:50%; transform:translateY(-50%); display:flex; justify-content: flex-end; z-index:9; }
#sub-menu .sns-print li { padding:10px 0; display:flex; justify-content:center; align-items:center; margin:0 5px; color:rgba(255,255,255,.2); }
#sub-menu .sns-print li > a { color:rgba(255,255,255,.5); }
#sub-menu .sns-print li > a:hover { color:#fff; }
#sub-menu .sns-print .wrapper { position:relative; }
#sub-menu .sns-print .wrapper .sns-btn { display:flex; position:absolute; left:50%; transform:translateX(-50%); top:100%; background:#fff; border:1px solid #ddd; padding:10px; display:none; }

#sub-menu .sns-print .wrapper .sns-btn a { overflow:hidden; border-radius:100%; margin:0 5px; }
#sub-menu .sns-print .wrapper .sns-btn a:nth-child(n+7) { margin:0; }
#sub-menu .sns-print .wrapper .sns-btn a img { width:30px; height:30px; }
#sub-menu .sns-print .wrapper .sns-btn a img[alt="Tumblr"], .sns-print .sns-btn a img[alt="Pinterest"] { display:none; }


@media (max-width: 1024px) {
	#sub-menu .menu li:first-child { display:none; }

	#sub-menu .item.level { width:220px; }
	#sub-menu .sns-print { right:25px; }
	#sub-menu .sns-print li:not(:first-child) { display:none; }
}

@media (max-width: 767px) {

	#sub-menu .menu li { width:40%; }
	#sub-menu .menu li:first-child:nth-last-child(4), #sub-menu .menu li:nth-child(2) { display:none; }
	#sub-menu .item { padding:15px 15px; }
	#sub-menu .item.level { width:100%; }
	#sub-menu .item .arrow { right:15px; }

	#sub-menu .sns-print { right:10px; }
}