﻿/*----- rjAccordion -----*/

.accordion, .accordion * { -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box;  margin:0 auto;}

.accordion {position:absolute;	overflow:hidden; color: #fff; width:100%; z-index:10; left:0px;	top:0px;}
.accordion-section{width:100%; margin:0 auto; }
.accordion-section ul{width:990px; font-size:15px;  margin:0 auto;}
.accordion-section li{width:15%; float:left; display:block; cursor:pointer; color:#fff;}
.accordion-section ul:after{content:""; display:block; clear:both}
.accordion-section.active, .accordion-section:hover, {text-decoration: none; transition: all linear 0.15s;  background: rgba(0, 0, 0, 0.7);color:#fff;}

.accordion-wrap{width:100%; margin:0 auto;background: rgba(0, 0, 0, 0.5);height:60px}
.accordion-wrap li.logo {padding-top:10px}
.accordion-section ul{}
.accordion-section li{display:block;}
.accordion-section li.logo{float:left; width:20%; padding-top:10px}
.accordion-section li.menu{width:70%; display:flex; justify-content:flex-end;}
.accordion-section li.menu p{text-align:right; display:inline-block; padding:18.5px 20px 18.5px 0px; margin:0px;font-family: Noto Sans KRb;width:25%}
.accordion-section li.menu p:nth-child(3){padding:18.5px 40px 18.5px 0px; }

.accordion-section li.menu p a{color:#fff !important;}


.accordion-section-header {display:inline-block; transition: all linear 0.15s; } 

.accordion-section-header.active, .accordion-section-header:hover {text-decoration: none;}

.accordion-section:last-child .accordion-section-header { border-bottom: none; }

.accordion-section-content { display:none; height:190px; width:100%; z-index:50; margin:0 auto; background:rgba(0, 0, 0, 0.3); overflow:hidden}
.accordion-section-content ul{width:22%;}
.accordion-section-content li{float:none; padding-left:0px; font-size:13px; line-height:17px; width:90%; background:none}
.accordion-section-content ul.logo{float:left; width:20%!important; paddiing-top:10px}


.section-content-wrap{width:990px; margin:0 auto; padding-top:10px}
.section-content-wrap li a{ color:#fff}
.section-content-wrap li a:hover{background:rgba(255, 255, 255, 1); color:#000}



@media screen and (max-width:990px) {	
	
	.accordion-section ul{width:90%;}
	.accordion-section li.menu p{text-align:right; display:block; float:left; padding:20px 0px 0px 9%}
		
	.section-content-wrap{width:90%;}
	.accordion-section li.menu p:nth-child(3){padding:18.5px 20px 18.5px 0px; }

	}
	
.accordion-wrap ul{ display:flex; justify-content:space-between;}
.section-content-wrap{display:flex; justify-content:space-between;}
.section-content-wrap .sm-wrap{width:70%;display:flex; justify-content:flex-end; margin:0px;}
.sm-wrap ul{width:22%; margin:0px;}