@charset "UTF-8";


@font-face {
    font-family: 'Binggrae-Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Binggrae-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#header {width:100%; box-sizing:border-box; background-color:#fff; padding:15px 3% 12px 3%;  height:170px;  }
#header h1 {position:absolute; left:50%; margin-left:-75px; top:20px; font-size:30px; }
#header h1 img {width:150px;  }
#header ul.util {float:right; height:42px; margin-top:20px; }
#header ul.util li {display:inline-block; padding:0px 3px;}
 
 

nav.top_nav {width:800px;   position:absolute; left:50%; margin-left:-400px;    top:110px;   display:inline-block;  }

nav.top_nav ul {
	padding: 0;
    margin: 0;
	list-style: none;  text-align:Center; 
	 
	}
	
nav.top_nav ul li {
display:inline-block;  background:url('/common/img/li_line.png') no-repeat right;  box-sizing:border-box; padding:0 40px; line-height:50px;  position:relative;  
	}

nav.top_nav ul li:nth-child(4) {background:none}

 
nav.top_nav ul li.top_call {background:none; background-color:#1692d6; color:#fff;  font-size:19px; float:left; font-weight:600; border-radius:5px; letter-spacing:0px; width:190px; padding:0; margin-top:-5px;  }
nav.top_nav ul li.kakao {background:none; width:190px; background-color:#fae301; font-size:19px; float:right; padding:0; font-weight:400; border-radius:5px; margin-top:-5px; }
nav.top_nav ul li.kakao img {margin-top:-4px; vertical-align:middle; }


nav.top_nav a {
	display:block;
	padding:0 0;	
	 
    font-size:21px; font-weight:600; line-height:50px; 
	text-decoration:none;
}
nav.top_nav a.ov {color:#289c09; font-weight:600;   }
nav.top_nav a:hover { 
	 
}

/* Hide Dropdowns by Default */
nav.top_nav ul ul {
	display: none;
	position: absolute; 
   left:0; width:100%;
	top: 50px; /* the height of the main nav.top_nav */
}
	
/* Display Dropdowns on Hover */
nav.top_nav ul li:hover > ul {
	display:inherit;
	
	border-bottom:none;
	
}
	
/* Fisrt Tier Dropdown */
nav.top_nav ul ul li {
	width:100%; padding:0;
   background:none; 
	background-color:#f9f9f9;
	border-bottom:1px solid #ddd;;
	float:none;
	display:list-item;
 }
nav.top_nav ul ul li:last-child {border-bottom:none}
/* Second, Third and more Tiers	*/
 

nav.top_nav ul ul li a {line-height:43px; font-size:16.5px; font-weight:400 !important; }
nav.top_nav ul ul li a:hover {background-color:#f47321; color:#fff !important;} 



 
	 
	 

/*.menu-fixed {

	  position: fixed;

	  top: 0px; z-index:999999999999999999999999999999999999;

	  left:0px; width:100%; background-color:#fff; border-bottom:1px solid #ddd; box-sizing:border-box; padding:10px 3%;

	}*/
 

a.fixed_top {width:65px; line-height:65px; position:fixed; z-index:999999999999999999999999; bottom:100px; right:3%; display:inline-block; text-align:center; background-color:#999; color:#fff !important; font-size:1em; }


footer {width:100%; display:inline-block;  margin-top:100px; background-color:#333; color:rgba(255,255,255,.8); box-sizing:border-box; padding:30px 0;font-size:0.9em; line-height:1.4em; font-weight:300;   }
footer li {display:inline-block; padding:0 10px 10px 0;}
footer li a {color:#fff !important}
footer a {color:rgba(255,255,255,.8) !important;}

footer .footer_in {width:1340px; margin:0 auto;  position:relative; z-index:9;}
footer .footer_in div {width:73%; float:left;}
 footer .footer_in .escrowcmark {position:absolute; top:0; right:0 }



.quick {width:175px;  position:fixed; top:30%; right:1%; display:inline-block; background-color:#fff;   text-align:center; z-index:99999999; border-bottom:1px solid #ddd;  }
.quick h2 {background: linear-gradient( to top, #289c09, #37c610 );  color:#fff !important; font-size:17px !important;   padding:0 10px ; box-sizing:border-box; width:100%;  font-weight:500 !important; line-height:40px !important} 
.quick div {padding:10px 0; border-top:1px solid #ddd;  font-size:15px; line-height:1.3em; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.quick div b { font-size:16px; font-weight:500; width:100%; float:left; height:23px; color:#111}
.quick div span {font-size:18px; font-weight:600; color:#555}
.quick .box1 {  color:#333 !important;  }
.quick .box2 {   color:#333 !important;  }
.quick .box3 {  color:#333 !important; font-size:15px }
.quick .box4 { background-color:#f5f5f5; color:#666 !important; font-size:14px; padding:10px 0; border-radius:0}
.quick .box4 a {width:100%; display:inline-block}








@media all and (max-width:1500px){

 #header nav ul  li.top_call {display:none}
#header nav ul  li.kakao {display:none }
footer .footer_in {width:100%; box-sizing:border-box; padding:0 3%; }

 footer .footer_in .escrowcmark { right:3%; top:20px; width:70px }

}


@media all and (max-width:1100px){

 #header {height:95px; padding:0}
#header h1 { margin-left:0}
#header h1 img {width:90px; margin-top:0px;}
#header ul.util {width:100%;  width:100%; border-bottom:1px solid #ddd; height:30px; margin-top:0; }
#header ul.util li {width:33.3333%; float:left;  box-sizing:border-box; text-align:center; border-right:1px solid #ddd; font-size:0.85em; font-weight:300; color:#666; line-height:30px; height:30px; padding-top:0}
#header ul.util li:last-child {border-right:none}
#header ul.util li a {width:100%; display:inline-block}

#header nav.top_nav {display:none;}
 #header h1 { left:2%; top:40px; font-size:26px; }
 
 
footer {margin-top:50px; padding-bottom:80px; }

a.fixed_top  {display:none}

.quick  {display:none}

.m_fixed  {width:100%; float:left; position:fixed; bottom:0; height:45px;  color:#333; font-weight:500; left:0; z-index:9999999999999999999999999999}
.m_fixed div {width:50%;  padding-top:10px; height:45px; float:left; text-align:center; box-sizing:border-box; background-color:#fff ;}

.m_fixed div:nth-child(1) { border-right:1px solid #ddd; }
.m_fixed div:nth-child(2) {background-color:#fff;}

}


@media all and (min-width:1100px) {

#ham {display:none}
.m_fixed {display:none}

}