@charset "UTF-8";
/* 기본 가로 전체메뉴 */

.pc_nav {
position:absolute;
	background:linear-gradient(90deg, #104bb5, #104bb5, #104bb5);
	width:100%;
	z-index:8 !important;
	overflow:hidden;
}
.pc_nav.on {
	background:#fff;
	border-bottom:1px solid #e0e0e0;
}
.pc_nav > ul {display:flex; justify-content:center;
	height:60px;
}
.pc_nav > ul:after {
	content:"";
	display:block;
	clear:both;
}
.pc_nav > ul > li {
	margin:0 45px;
}
.pc_nav > ul > li > a {
	position:relative;
	display:block;
	font-size:1.0em;
	font-weight:500;
	color:#fff;
	line-height:60px;
	letter-spacing:0;
	text-transform: uppercase;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
} /* relative, block 언더바 효과 필요 */
.pc_nav > ul > li > a:hover, .pc_nav > ul > li > a.on {
	color:#fff156;
}

/* 오버시 언더바 생성 */

.pc_nav > ul > li > a:before, .pc_nav > ul > li > a:after {
	content: '';
	border-bottom: solid 2px #fff156;
	position: absolute;
	bottom: 0;
	width: 0;
}
.pc_nav > ul > li > a:before {
	left: 0;
}
.pc_nav > ul > li > a:after {
	right: 0;
}
.pc_nav > ul > li > a:hover:before, .pc_nav > ul > li > a:hover:after {
	width: 50%;
}
.pc_nav > ul > li > a:before, .pc_nav > ul > li > a:after {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
/* 오버시 언더바 생성 */


.pc_nav > ul > li.s1 {
margin-left:;
}
.pc_nav > ul > li.s1 > ul {
margin-left:;
}
.pc_nav > ul > li.s2 {
}
.pc_nav > ul > li.s2 > ul {
margin-left:;
}
.pc_nav > ul > li.s3 {
}
.pc_nav > ul > li.s3 > ul {
margin-left:;
}
.pc_nav > ul > li.s4 {
}
.pc_nav > ul > li.s4 > ul {
margin-left:;
}
.pc_nav > ul > li.s5 {
}
.pc_nav > ul > li.s5 > ul {
margin-left:;
}
.pc_nav > ul > li > ul {
	position:absolute;
	top:90px;
	z-index:8;
}
.pc_nav > ul > li > ul > li {
	margin-left:0;
	margin-bottom:10px;
text-align:;
}
.pc_nav > ul > li > ul > li > a {
	font-size:1.0em; font-weight:400;
	color:#fff;
	letter-spacing:-0.5px;
	transition:.3s;
}
.pc_nav > ul > li > ul > li > a.on, .pc_nav > ul > li > ul > li > a:hover {
	color:#fff156;
text-decoration: underline;
transition:.3s;
}


 @media (min-width:768px) and (max-width:1499px) {

.pc_nav {
position:absolute;
	background:linear-gradient(90deg, #104bb5, #104bb5, #104bb5);
	width:100%;
	z-index:8 !important;
	overflow:hidden;
}
.pc_nav.on {
	background:#fff;
	border-bottom:1px solid #e0e0e0;
}
.pc_nav > ul {display:flex; justify-content:center;
	height:60px;
}
.pc_nav > ul:after {
	content:"";
	display:block;
	clear:both;
}
.pc_nav > ul > li {
	margin:0 3%;
}
.pc_nav > ul > li > a {
	position:relative;
	display:block;
	font-size:1.0em;
	font-weight:500;
	color:#fff;
	line-height:60px;
	letter-spacing:0;
	text-transform: uppercase;
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
} /* relative, block 언더바 효과 필요 */
.pc_nav > ul > li > a:hover, .pc_nav > ul > li > a.on {
	color:#fff156;
}

/* 오버시 언더바 생성 */

.pc_nav > ul > li > a:before, .pc_nav > ul > li > a:after {
	content: '';
	border-bottom: solid 2px #fff156;
	position: absolute;
	bottom: 0;
	width: 0;
}
.pc_nav > ul > li > a:before {
	left: 0;
}
.pc_nav > ul > li > a:after {
	right: 0;
}
.pc_nav > ul > li > a:hover:before, .pc_nav > ul > li > a:hover:after {
	width: 50%;
}
.pc_nav > ul > li > a:before, .pc_nav > ul > li > a:after {
	-webkit-transition: all 0.7s ease;
	transition: all 0.7s ease;
}
/* 오버시 언더바 생성 */


.pc_nav > ul > li.s1 {
margin-left:;
}
.pc_nav > ul > li.s1 > ul {
margin-left:;
}
.pc_nav > ul > li.s2 {
}
.pc_nav > ul > li.s2 > ul {
margin-left:;
}
.pc_nav > ul > li.s3 {
}
.pc_nav > ul > li.s3 > ul {
margin-left:;
}
.pc_nav > ul > li.s4 {
}
.pc_nav > ul > li.s4 > ul {
margin-left:;
}
.pc_nav > ul > li.s5 {
}
.pc_nav > ul > li.s5 > ul {
margin-left:;
}
.pc_nav > ul > li > ul {
	position:absolute;
	top:90px;
	z-index:8;
}
.pc_nav > ul > li > ul > li {
	margin-left:0;
	margin-bottom:8px;
text-align:;
}
.pc_nav > ul > li > ul > li > a {
	font-size:16px;
	color:#fff;
	letter-spacing:-0.5px;
	transition:.3s;
}
.pc_nav > ul > li > ul > li > a.on, .pc_nav > ul > li > ul > li > a:hover {
	color:#fff156;
text-decoration: underline;
transition:.3s;
}


@media screen and (max-width: 1300px){


#header_wrap .state { display:none;}
#header_wrap .wrapper .tel { display:none;}
#header_wrap .wrapper .gnb { display:none;}


.pc_nav {
	display: none;
}
	

    a#title{
        display: none;
    }
   div#burgerbtn{ /* 모바일 삼선메뉴*/
    display: block;
    position: absolute;
    top:40px;
    right: 0;
    width: 25px;
    height: 25px;
    cursor: pointer; color:#111;
}
    div#slide_menu{
        display: block; z-index:8;
    }
    div#slide_bg{
        display: block;
    }
	
.m_nav_title a{
    display: inline-block;
    width: 100%;
    padding:10px 30px; font-size:1.1em; font-weight:600; color:#333; letter-spacing:0.5px; text-align:left;
}
ul.m_nav_sub { background-color:#ededed;  padding:6px 0; 
}
ul.m_nav_sub li a{ font-size:0.9em; font-weight:500; padding:5px 40px; letter-spacing:0.5px; text-align:left; /* 모바일 2차 서브메뉴 */
}
    
div#members { display:none; }


div#tel { border-top:1px solid #dedede; margin:10px 30px; padding:20px 0; }
div#tel h1 { display:block; margin:15px 0 0; font-size:1.1em; font-weight:600; color:#; letter-spacing:-0.5px;}
div#tel h2 { display:block; }
div#tel h2 a { display:block; margin:5px 0 0; font-size:0.8em; color:#104bb5; letter-spacing:0;}
div#tel p { display:block; margin:5px 0 0; line-height:1.5em;}  


#header_wrap .wrapper .logo { text-align:left; }

}





}
 @media screen and (max-width: 767px) {
.pc_nav {
	display: none;
}
}