@charset "UTF-8";

/********************************************************
■ Sub Menu : 서브 메뉴 부분
********************************************************/
#sub-menu .c { position:relative; }
#sub-menu .menu li { float:left; position:relative; border-left:1px dashed #4d7b9f; z-index:3; transition:all 0.7s ease-in-out; color:#fff; }
#sub-menu .menu li:hover { background-color:#00bacd; color:#fff; }
#sub-menu .menu li:last-child { border-right:1px dashed #4d7b9f; }
#sub-menu .item { display:block; padding:15px 20px; line-height:30px; color:#fff; }
#sub-menu .item.level { width:200px; }
#sub-menu .item .arrow { position:absolute; right:15px; top:50%; transform:translateY(-50%); }

#sub-menu .sub { position:absolute; width:100%; background-color:#333; font-size:13px; color:black; box-shadow:2px 2px 4px rgba(0,0,0, .4); display:none; }
#sub-menu .sub a { position:relative; display:block; color:#fff; padding:10px 15px; border-bottom:1px solid rgba(255,255,255, 0.1); }
#sub-menu .sub a:hover { background-color:#00bacd; }
#sub-menu .sub a:hover::after { content:"▶"; display:block; position:absolute; right:10px; top:50%; transform:translateY(-50%); font-size:10px; }


/* sns & print */
#sub-menu .sns-print { position:absolute; right:15px; top:50%; transform:translateY(-50%); display:flex; justify-content: flex-end; z-index:9; }
#sub-menu .sns-print li { padding:10px 0; }
#sub-menu .sns-print li > a { color:#ddd; border:1px solid #ddd; width:40px; height:40px; border-radius:100%; display:flex; justify-content:center; align-items:center; margin-left:10px; }
#sub-menu .sns-print .wrapper .sns-btn { display:flex; position:absolute; right:0; top:100%; opacity:0; visibility:hidden; background:#fff; border:1px solid #ddd; padding:10px; }
#sub-menu .sns-print .wrapper:hover .sns-btn { opacity:1; visibility:visible; }

#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 .sns-print { display:none; }
}

@media (max-width: 767px) {
	#sub-menu .c { padding:0 !important; }
	#sub-menu .menu li:last-child { width:100%; border:0; }
	#sub-menu .item.level { width: auto; }
}