/* main layout */
.mnav {position: absolute; top: 25px; right: 20px;}
#header {height: 89px; border-bottom: 2px solid #e6e6e6; width: 100%; 
	background: #fff; position: fixed; z-index: 10;}
#footer {background-color:  rgba(0,0,0,0.8);}

/* container */
.container {width: 1180px; height: inherit; /* background-color: rgba(0,0,0,0.5); */ margin: 0 auto;}

/* 모바일메뉴 */

.mnav input[id="menuicon"] {
	display: none;
	}
.mnav input[id="menuicon"] + label {
	width: 45px; height: 30px;
	position: relative; cursor: pointer; 
}
.mnav input[id="menuicon"] + label span {
	display: block; position: absolute; width: 100%;
	height: 5px; border-radius: 30px; background: #000;
	transition: all .35s;
}
.mnav input[id="menuicon"] + label span:nth-child(1) {top: 0;}
.mnav input[id="menuicon"] + label span:nth-child(2) {top: 50%; transform: translateY(-50%);}
.mnav input[id="menuicon"] + label span:nth-child(3) {bottom: 0;}

/* 모바일 메뉴 터치 */
.mnav input[id="menuicon"]:checked + label span:nth-child(1) {top: 50%; transform: translateY(-50%) rotate(135deg);  z-index: 2; }
.mnav input[id="menuicon"]:checked + label span:nth-child(2) {opacity:0;}
.mnav input[id="menuicon"]:checked + label span:nth-child(3) {bottom: 50%; transform: translateY(50%) rotate(-135deg);  z-index: 2; }

/* 모바일 메뉴 사이드바 */
.mnav div[class="sidebar"] {width: 100%; height: 70px; background: rgba(0,0,0,0.6); position: fixed; top: 90px; right: -100%;
 z-index: 1; transition: all .35s;}
.mnav input[id="menuicon"]:checked + label + div {right: 0;} 


/* header */
.header {overflow: hidden;}
.header h1 {float: left; padding-top: 12px; padding-right: 20px;}
.header a:hover{color: #1d7abd;}
.header .gnb .dep1 {float: left;}
.header .gnb ul {}
.header .gnb .dep1 > li {display: inline-block; vertical-align: top; font-size: 22px; padding: 32px 12px 32px 15px;}
.header .gnb .dep1 > li a { }
.header .gnb .dep2 {display: none; background: #fff; padding: 20px 0; text-align: center;}
.header .gnb .dep2 a {display: block; color: #676666; padding: 10px 0px;}
.header .gnb .dep2 a:hover {color: #1d7abd; text-decoration: underline;}
.header .gnb .dep1 > li:hover > .dep2 {display: block;}
.header .kakao {float: right;}
.header .kakao a {display: inline-block; padding-top: 23px;}
.header .mnavermap {display: none;}
.header .mkakao {display: none;}
.header .mcall {display: none;}

/* mnav */
.mnav .sidebar .dep1 {float: left;}
.mnav .sidebar .dep1 > li { display: inline-block; vertical-align: top;	padding: 20px 17px 20px 30px; }
.mnav .sidebar .dep1 > li a {font-size: 21px;color: #fff;}
.mnav .sidebar .dep2 {display: none;  background: rgba(0,0,0,0.6);; padding: 20px 0; text-align: center;}
.mnav .sidebar .dep2 > li {display: inline; padding: 0px;}
.mnav .sidebar .dep2 > li a {font-size: 21px;	padding: 10px; display: block; color: #fff;}
.mnav .sidebar .dep1 > li:hover > .dep2 {display: block;}

/* footer */
.footer {padding: 20px 0;}
.footer .policy {padding-bottom: 20px;}
.footer .policy li {display: inline-block; padding: 0 20px 0 10;}
.footer .policy li:before {content: ''; width: 1px; height: 18px; background-color: #ccc; position: absolute;
right: 0; top: 3px;} 
.footer .policy li a {font-size: 16px;}
.footer .policy li:first-child {padding-left: 0;}
.footer .policy li:last-child:before {width: 0; height: 0;}
.footer .policy li:last-child a {color: #1d7abd;}
.footer .address {color: #999; font-size: 14px;}
.footer .address li {padding: 5px;}
.footer .address span {padding-right: 20px;}
.footer .address p {padding: 0px 0;}
.footer .icon {overflow: hidden;}
.footer .icon li {float: left; padding-right: 20px;}

/* font awesome */
.go_top {width: 40px; height: 40px; position: fixed; background: #333; color: #fff;
right: 30px; bottom: 30px; text-align: center; line-height: 40px; z-index: 10; display: none;

}



/* mediaquery */
@media (max-width: 1200px){
	#header {height: 83px;}
    .header h1 {padding-right: 15px;}
    .header .gnb .dep1 li {font-size: 20px; padding: 32px 0 32px 12px;}
    .header .gnb .dep2 {padding: 0;}
    .header .gnb .dep2 a {padding: 0;}
	.container {width: 100%;}
    .row {padding: 0px 15px;}
}
   
@media (max-width: 1024px){
	.header .kakao {}
    .header .kakao a {float: left; padding: 19px 100px 0 0; display: inline-block;}
    .mnav input[id="menuicon"] {}
	.mnav input[id="menuicon"] + label { float: left; display: inline-block;}
	.mnav .sidebar .dep1 {text-align: center;}

	.header h1 {float: left; padding-right: 0; text-align: center;}
    .header h1 img {}
    .header .gnb {display: none;}
}

@media (max-width: 900px){
    
	.go_top {right: 15px;}
}

@media (max-width: 768px){
	.header h1 {text-align: left; padding-left: 5px;}
	.mnav div[class="sidebar"] {height: 50px; top: 79px;}
    .mnav .sidebar .dep1 > li {	padding: 15px 8px 15px 27px;}
	.mnav .sidebar .dep1 > li a {font-size: 16.5px;	}
	
    .go_top {right: 5px;}
   
}

@media (max-width: 600px){
	#header {height: 80px; position: absolute;}
	.row {padding: 0px 10px;}
	.header {height: auto;}
	.header h1 img {width:250px;}
	.header .kakao {display: none;}
    .header .mnavermap {float: left; display: block; position: fixed; width: 100%; z-index: 10; bottom:55px; left: 0;}
    .header .mnavermap a {float: left; padding: 0px;}
    .header .mnavermap a img {width: 100%;}
	.header .mkakao {float: left;  display: block; position: fixed;  width: 50%; bottom: -4px; left: 0; z-index: 10;}
	.header .mkakao a {float: left; padding: 0px; }
	.header .mkakao a img {width: 100%;}
	.header .mcall {float: left; display: inline-block; position: fixed; width: 50%; bottom: -4px; right:0; z-index: 10;}
	.header .mcall a {float: left;}
	.header .mcall a img {width: 100%;}
	.mnav input[id="menuicon"] + label {
	width: 40px; height: 28px; position:fixed; z-index: 100; right: 17px;}
	.mnav input[id="menuicon"]:checked + label span:nth-child(1) {background: #fff;}
	.mnav input[id="menuicon"]:checked + label span:nth-child(2) {background: #fff;}
	.mnav input[id="menuicon"]:checked + label span:nth-child(3) {background: #fff;}
	.mnav div[class="sidebar"] {width: 230px; height: 400px; background: rgba(0,0,0,0.6); position: fixed; top: 0px; right: -230px;
	 z-index: 1; transition: all .35s;}
	.mnav input[id="menuicon"]:checked + label + div {right: 0px;}
    .mnav .sidebar .dep1 > li {float: left; padding: 30px 53px 20px 30px; display: inline-block; }
	.mnav .sidebar .dep1 > li a {font-size: 21px;}
    .mnav .sidebar .dep1 > li:hover > .dep2 {display: none;}
    
    .footer {margin-bottom: 105px;}
    .go_top {bottom: 95px;}
    
} 

@media (max-width: 520px){
    .header .mnavermap {bottom:40px;}
    .footer {margin-bottom: 80px;}
}

@media (max-width: 400px){
	.header h1 img {width:250px;}
	.header .mnavermap {bottom:36px;}
    .footer {margin-bottom: 60px;}
    .go_top {bottom: 45px;}
}