/*-- ################ navigation ######################### --*/
/* toggle btn */
#menu_toggle {display:none;}
header label {position:absolute; top:0; right:0;}
input:checked ~ label .menu_toggle_open {display:none}
input:checked ~ label .menu_toggle_close {display:block;}
.menu_toggle_open {cursor:pointer; z-index:100; font-size:30px; line-height:40px; width:40px; right:10px; top:12px;} /* 오픈위치 */
.menu_toggle_close {display:none; cursor:pointer; position:fixed; z-index:100; color:#000; background:#f2f2f2; font-weight:normal; line-height:70px; width:100%; top:0; left:0; text-align:right; padding-right:20px;}
.menu_toggle_close span {font-size:30px; font-weight:bold;}


/* main menu */
header nav {transition:all 0.5s; position:fixed; overflow-x:hidden;	top:0; left:0; z-index:50; opacity:0; width:100%; height:100%; background:#f2f2f2; display:none; padding-top:70px;}
header label:hover ~ nav {display:block;} /* 애니효과위해 마우스오버시 블럭 */
input:checked ~ nav {opacity:1; display:block;}

/*-- mobile navigation --*/
header nav>ul li {position:relative; border-bottom:1px solid #d4d4d4;}
header nav>ul li a {display:block; background:#e5e5e5; padding:0 20px; font-size:1rem; font-weight:bold; line-height:70px;}
header nav>ul li a:hover {background:#d9d9d9;}
header nav>ul li .glyphicon {width:20%; cursor:pointer; text-align:center; position:absolute; right:0px; line-height:69px;}

header nav>ul li ul {display:none;}
header nav>ul li ul li {border-bottom:1px solid #ededed;}
header nav>ul li ul li a {background:#fff; border:none; padding:0 20px; font-size:1rem; font-weight:normal; line-height:70px;}
header nav>ul li ul li a:hover {background:none;}


/*-- pc navigation / nav속성 position:relative; float:right 로고 float:left --*/
@media all and (min-width:1050px) {
	header label {display:none;}
	header nav {padding-top:0px; display:block; overflow-x:inherit; opacity:1; width:auto; height:auto; background:none; position:relative; float:right;}
	header nav>ul li {float:left; background:none; margin:0; border:none;}
	header nav>ul li a {background:none; color:#000; font-size:22px; line-height:100px; padding:0 70px;}
	header nav>ul li a:hover {color:#000;}
	header nav>ul li:hover a {background:none; color:#22a7d4;} /*마우스온상태 밑으로 내려가도 색 그대로*/
	header nav>ul li .glyphicon {display:none;}

	header nav>ul li ul {display:block; position:absolute; z-index:100; text-align:left; background:#fff; box-shadow:1px 1px 5px #666;	border-top:3px solid #0062b0; border-right:1px solid #ededed; border-left:1px solid #ededed;}
	header nav>ul li ul li {float:none;}
	header nav>ul li:hover ul li a {white-space:pre; background:#fff; font-size:1rem; color:#000; padding:0 15px; line-height:40px; min-width:200px;}
	header nav>ul li ul li a:hover {background:#e5e5e5;}

	header nav>ul li ul {opacity:0; transition:0.5s opacity;}
	header nav>ul li:hover ul {opacity:1;}
	header nav>ul li ul li {display:none;}
	header nav>ul li:hover ul li {display:block;}
}
/*-- ################ navigation ######################### --*/
/* toggle btn */
#menu_toggle {display:none;}
header label {position:absolute; top:0; right:0;}
input:checked ~ label .menu_toggle_open {display:none}
input:checked ~ label .menu_toggle_close {display:block;}
.menu_toggle_open {cursor:pointer; z-index:100; font-size:30px; line-height:40px; width:40px; right:10px; top:12px;} /* 오픈위치 */
.menu_toggle_close {display:none; cursor:pointer; position:fixed; z-index:100; color:#000; background:#f2f2f2; font-weight:normal; line-height:70px; width:100%; top:0; left:0; text-align:right; padding-right:20px;}
.menu_toggle_close span {font-size:30px; font-weight:bold;}


/* main menu */
header nav {transition:all 0.5s; position:fixed; overflow-x:hidden;	top:0; left:0; z-index:50; opacity:0; width:100%; height:100%; background:#f2f2f2; display:none; padding-top:70px;}
header label:hover ~ nav {display:block;} /* 애니효과위해 마우스오버시 블럭 */
input:checked ~ nav {opacity:1; display:block;}

/*-- mobile navigation --*/
header nav>ul li {position:relative; border-bottom:1px solid #d4d4d4;}
header nav>ul li a {display:block; background:#e5e5e5; padding:0 20px; font-size:1rem; font-weight:bold; line-height:70px;}
header nav>ul li a:hover {background:#d9d9d9;}
header nav>ul li .glyphicon {width:20%; cursor:pointer; text-align:center; position:absolute; right:0px; line-height:69px;}

header nav>ul li ul {display:none;}
header nav>ul li ul li {border-bottom:1px solid #ededed;}
header nav>ul li ul li a {background:#fff; border:none; padding:0 20px; font-size:1rem; font-weight:normal; line-height:70px;}
header nav>ul li ul li a:hover {background:none;}


/*-- pc navigation / nav속성 position:relative; float:right 로고 float:left --*/
@media all and (min-width:1050px) {
	header label {display:none;}
	header nav {padding-top:0px; display:block; overflow-x:inherit; opacity:1; width:auto; height:auto; background:none; position:relative; float:right;}
	header nav>ul li {float:left; background:none; margin:0; border:none;}
	header nav>ul li a {background:none; color:#000; font-size:22px; line-height:100px; padding:0 70px;}
	header nav>ul li a:hover {color:#000;}
	header nav>ul li:hover a {background:none; color:#22a7d4;} /*마우스온상태 밑으로 내려가도 색 그대로*/
	header nav>ul li .glyphicon {display:none;}

	header nav>ul li ul {display:block; position:absolute; z-index:100; text-align:left; background:#fff; box-shadow:1px 1px 5px #666;	border-top:3px solid #0062b0; border-right:1px solid #ededed; border-left:1px solid #ededed;}
	header nav>ul li ul li {float:none;}
	header nav>ul li:hover ul li a {white-space:pre; background:#fff; font-size:1rem; color:#000; padding:0 15px; line-height:40px; min-width:200px;}
	header nav>ul li ul li a:hover {background:#e5e5e5;}

	header nav>ul li ul {opacity:0; transition:0.5s opacity;}
	header nav>ul li:hover ul {opacity:1;}
	header nav>ul li ul li {display:none;}
	header nav>ul li:hover ul li {display:block;}
}
/*-- ################ navigation ######################### --*/
/* toggle btn */
#menu_toggle {display:none;}
header label {position:absolute; top:0; right:0;}
input:checked ~ label .menu_toggle_open {display:none}
input:checked ~ label .menu_toggle_close {display:block;}
.menu_toggle_open {cursor:pointer; z-index:100; font-size:30px; line-height:40px; width:40px; right:10px; top:12px;} /* 오픈위치 */
.menu_toggle_close {display:none; cursor:pointer; position:fixed; z-index:100; color:#000; background:#f2f2f2; font-weight:normal; line-height:70px; width:100%; top:0; left:0; text-align:right; padding-right:20px;}
.menu_toggle_close span {font-size:30px; font-weight:bold;}


/* main menu */
header nav {transition:all 0.5s; position:fixed; overflow-x:hidden;	top:0; left:0; z-index:50; opacity:0; width:100%; height:100%; background:#f2f2f2; display:none; padding-top:70px;}
header label:hover ~ nav {display:block;} /* 애니효과위해 마우스오버시 블럭 */
input:checked ~ nav {opacity:1; display:block;}

/*-- mobile navigation --*/
header nav>ul li {position:relative; border-bottom:1px solid #d4d4d4;}
header nav>ul li a {display:block; background:#e5e5e5; padding:0 20px; font-size:1rem; font-weight:bold; line-height:70px;}
header nav>ul li a:hover {background:#d9d9d9;}
header nav>ul li .glyphicon {width:20%; cursor:pointer; text-align:center; position:absolute; right:0px; line-height:69px;}

header nav>ul li ul {display:none;}
header nav>ul li ul li {border-bottom:1px solid #ededed;}
header nav>ul li ul li a {background:#fff; border:none; padding:0 20px; font-size:1rem; font-weight:normal; line-height:70px;}
header nav>ul li ul li a:hover {background:none;}


/*-- pc navigation / nav속성 position:relative; float:right 로고 float:left --*/
@media all and (min-width:1050px) {
	header label {display:none;}
	header nav {padding-top:0px; display:block; overflow-x:inherit; opacity:1; width:auto; height:auto; background:none; position:relative; float:right;}
	header nav>ul li {float:left; background:none; margin:0; border:none;}
	header nav>ul li a {background:none; color:#000; font-size:22px; line-height:100px; padding:0 70px;}
	header nav>ul li a:hover {color:#000;}
	header nav>ul li:hover a {background:none; color:#22a7d4;} /*마우스온상태 밑으로 내려가도 색 그대로*/
	header nav>ul li .glyphicon {display:none;}

	header nav>ul li ul {display:block; position:absolute; z-index:100; text-align:left; background:#fff; box-shadow:1px 1px 5px #666;	border-top:3px solid #0062b0; border-right:1px solid #ededed; border-left:1px solid #ededed;}
	header nav>ul li ul li {float:none;}
	header nav>ul li:hover ul li a {white-space:pre; background:#fff; font-size:1rem; color:#000; padding:0 15px; line-height:40px; min-width:200px;}
	header nav>ul li ul li a:hover {background:#e5e5e5;}

	header nav>ul li ul {opacity:0; transition:0.5s opacity;}
	header nav>ul li:hover ul {opacity:1;}
	header nav>ul li ul li {display:none;}
	header nav>ul li:hover ul li {display:block;}
}