@charset "utf-8";
/* CSS Document */

/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
body{
	font-family:"돋움" , "DotumChe";
	
}

#header{
	position:relative;
}

/*20180803 수정*/
.top_menu_new {top:0px;right:250px;position:absolute;z-index:999999;}
.top_menu_new li {position:relative;color:#fff;height:30px;line-height:30px;font-size:11px;display:inline-block;padding:0 0 0 17px;background:none;}
.top_menu_new li:first-child {padding-left:0;}
.top_menu_new li:before {position:absolute;content:'';top:9px;left:7px;width:1px;height:10px;background:#fff;opacity:0.4;}
.top_menu_new li:first-child:before {display:none;}
.top_menu_new li a {color:#fff;}
/* .top_menu_new li.util_login a {color:#ffec81;font-weight:bold;}
.top_menu_new li.util_last {background: none;font-weight:bold;} */
.btn_smart_certi {position:absolute;top:0;right:0;z-index:10;cursor:pointer;}
.btn_smart_certi a {display:inline-block;height:30px;line-height:30px;border-radius:16px;background:#f7941d url(../../images/efine/btn_smart_certi_icon.png) no-repeat -1px -1px;padding:0 15px 0 40px; color:#fff;font-weight:bold;font-size:11px;}
.btn_smart_certi a:hover {background:#ffa200 url(../../images/efine/btn_smart_certi_icon.png) no-repeat -1px -1px;}
.btn_smart_certi a span {vertical-align:middle;padding-right:3px;}
.btn_smart_certi a img {vertical-align:middle;}
/*20180803 수정*/

#util_menu{
	position:relative;
	z-index:10000;
	float:right;
	padding-top:7px;
}
#util_menu ul li{
    
    height: 18px;
    text-align:left;
    width:auto;
    display: inline-block;
    padding: 0 12px;
    background: url(../../images/efine/util_menu_bar.gif) no-repeat left 2px;
}
#util_menu ul li:first-child {background:none;}
#util_menu ul li a{
	color:#FFFFFF;
	font-size:11px;
	vertical-align:top;
}
#util_menu ul li.util_login a{
	color:#ffec81;
	font-weight:bold;
}
#util_menu ul li.util_last{
    width: auto;
    background: none;
    font-weight: bold;
    padding-left: 9px;
}
#navi{
	padding-top:30px;
	position:relative;
}
#navi h1.logo{
	width:392px;
	float:left;
}
#navi .main_navi{
	position:absolute;
	top:53px;
	right:0px;
}
#navi .main_navi li{
	float:left;
	height:19px;
	padding-left:70px;
	overflow:hidden;
}

#navi .main_navi li a{
	display:block;
	height:19px;
	font-family:"돋움","DotumChe";
	font-size:14px;
	font-weight:bold;
	letter-spacing:-1px;
	color:#2850a1;
}

/*#navi .main_navi .menu01 a{width:105px; background:url(../../images/efine/menu01.png) no-repeat 0 0;}
#navi .main_navi .menu02 a{width:165px; background:url(../../images/efine/menu02.png) no-repeat 0 0;}
#navi .main_navi .menu03 a{width:101px; background:url(../../images/efine/menu03.png) no-repeat 0 0;}
#navi .main_navi .menu04 a{width:41px; background:url(../../images/efine/menu04.png) no-repeat 0 0;}
#navi .main_navi .menu05 a{width:54px; background:url(../../images/efine/menu05.png) no-repeat 0 0;}*/


.menu01_slide{
	width:195px;
	height:225px;
	text-align:left;
	line-height:2.5;
	font-size:12px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	border-top:4px solid #267ab7;
	z-index:10000;
	position:absolute;
	top:95px;
	left:298px;
	display:none;
}
.menu01_slide li{
	padding-left:20px;
	background:url(../../images/efine/blet_slide_menu_li.gif) no-repeat 10px 11px;
}
.menu01_slide .first{
	padding-top:10px;
	background:url(../../images/efine/blet_slide_menu_li.gif) no-repeat 10px 20px;
}


#top_section{
	padding-top:25px;
	height:310px;
}
#section01{
	width:575px;
	height:275px;
	float:left;
	background:#FFFFFF;
	border:1px solid #e2e2e2;
}
#section02{
	width:415px;
	height:277px;
	float:right;
}
#section02 h3{
	padding-top:15px;
}
#section02 .sort_cut{
	padding-top:10px;
	width:430px;
}
#section02 .sort_cut li{
	float:left;
	width:107px;
	height:100px;
	padding-top:15px;
}
#section02 .sort_cut li span{
	padding-top:5px;
	display:block;

	font-size:11px;
	color:#666666;
	font-weight:bold;
}
#section02 .sort_cut li span:hover{
	font-size:11px;
	color:#000000;
}
#animation{
	width:1024px;
	margin:0 auto;
	position:relative;
	margin-top:55px;
}
#animation .car01{
	position:absolute;
	top:0px;
	left:10px;
	z-index:100;
}
#animation .car02{
	position:absolute;
	top:0px;
	left:10px;
	z-index:100;
}
#animation .car03{
	position:absolute;
	top:-12px;
	right:0px;
	z-index:100;
} 
#animation .car04{
	position:absolute;
	top:-12px;
	right:0px;
	z-index:100;
} 
#animation .traffic_lights{
	position:absolute;
	top:-22px;
	left:200px;
	z-index:1000;
}
#animation .tree01{
	position:absolute;
	top:-3px;
	left:300px;
	z-index:1000;
}
#animation .tree02{
	position:absolute;
	top:-60px;
	right:270px;
	z-index:10;
	
	margin-top:20px;
}
.center_city{
	width:100%;
	position:absolute;
	top:-73px;
	height:81px;
	background:url(../../images/efine/center_traffic_city.png) no-repeat 0 0;
}
#center_road{
	width:100%;
	height:23px;

    background:url(../../images/efine/bg_center_road.gif) repeat-x 0 0;
}
#section03{
	width:740px;
	height:295px;  
	font-size:12px;
	color:#808080;
	background:#FFFFFF url(../../images/efine/section03_line.gif) no-repeat 408px 0;
	float:left;
	border:1px solid #e5e5e5;
	border-top:5px solid #167cb0;
}
#bottom_contents{
	padding:10px 0 25px 0;
}
#section03 #notice{
	width:370px;
	height:140px;
	padding:22px 0 0 20px;
}
#section03 #faq{
	width:300px;
	height:140px;
	float:right;
	padding:22px 15px 0 23px;
}
#section03 #notice{
	float:left;
}
#notice #notice_top,
#faq #faq_top{
	height:28px;
}
#notice #notice_top h3,
#faq #faq_top h3{
	float:left;
}
#notice #notice_top p,
#faq #faq_top p{
	float:right;
}
#notice #notice_contents,
#faq #faq_contents
{
	position:relative;
}
#notice #notice_contents,
#faq #faq_contents{
	clear:both;
}
#notice #notice_contents .date,
#faq #faq_contents .date{
	color:#b5b5b5;
	position:absolute;
	right:0px;
}

#notice_contents li{
	width:285px;
}
.ellipsis{
	text-overflow:ellipsis;
	white-space:nowrap; 
	overflow:hidden;
}
#faq_contents li{
	width:290px;
}
#bottom_contents .section03_search ul li{
	display:inline;
}
.section03_search{
	float:right;
	padding-right:27px;
	padding-bottom:20px;
}
.bottom_area{
	clear:both;
}
.section03_search ul li input.search_box{
	width:178px;
	border-top:2px solid #2850a1;
	border-left:2px solid #2850a1;
	border-bottom:2px solid #2850a1;
	height:19px;
}
.section03_search ul {
	display:inline;
	position:relative;
}
.section03_search ul li.bt_search{
	position:absolute;
	top:-2px;
	right:-23px;	
	.top:1px;
	.right:-18px;
}

@-moz-document url-prefix(){
	.section03_search ul li.bt_search{
	top:-3px;
	right:-18px;
	}
}
#section03 ul li{
	padding:12px 0 0 10px;
	background:url(../../images/efine/bullet_section03.gif) no-repeat 0 18px;
}
#section04{
	float:right;
}

.right_title{
	text-align:right;
	margin-top:35px;
}
.sub_search{
	float:right;
	margin-top: 0px;
}
.sub_search ul li{
	float:left;
}
.sub_search ul li input.search_box{
	width:178px;
	border-top:2px solid #2850a1;
	border-left:2px solid #2850a1;
	border-bottom:2px solid #2850a1;
	height:19px;
	margin-right:-2px;
	*margin-top:-1px;
}

.sub_search_title{
	margin-top:5px;	
	margin-right:1px;
	color:#3D62A9;
	font-size:14px;
	font-weight: bold;
/* 	letter-spacing: 0px; */
	height: 13px;
	vertical-align: middle;
	padding-right:5px;
}

#popup_zone{
	margin:15px 0;
	width:251px;
	height:95px;
	background:#FFFFFF;
	border:2px solid #b6d9eb;
}
#popup_zone #popup_zone_top{
	width:240px;
	height:15px;
	margin:0 auto;
	margin-top:5px;
}
#family_site h3 img{
	padding-top:3px;
}
#family_site ul li{
	float:left;
}
#family_site .family_title{
	padding-right:14px;
}

/** notice pop up : begin **/
.popup_layer {
    width:500px;
    height:;
    visibility: hidden;
    cursor:pointer;
    margin-top: -650px; 
    margin-left: 15%;
    background: #ffffff;
    z-index: 3000;
}
.popup_notice_main {
    padding:0 15px;
    border:1px solid #e1e1e1;
    border-top:10px solid #2850a1;
    border-bottom:10px solid #2250a1;
    background:url(../../images/efine/sub/popup_title_bg.gif) repeat-x 0 0;
    font-size:12px;
    color:#464647;
}
.popup_title {
    font-family:'Nanum Gothic';
    font-size:18px;
    color:#2750a0;
    font-weight:bold;
    padding-top:10px;
}
.popup_content {
/*     clear:both; */
/*     width:100%; */
/*     height:215px; */
    padding:25px;
/*     background:url(../../images/efine/sub/popup_table_bg.gif) repeat-x 0 0; */
/*     border:1px solid #e1e1e1; */
}
/** notice pop up : end **/

.red_text{
    padding-top:15px;
    font-size:12px;
    color:#FF3333;
}