@charset "utf-8";

body{
background-color:#FFF; background-image:url('../../images/esvc/bg_lnb.jpg'); background-position: left top; background-repeat: no-repeat;
}


/* area */
.wrap_area{width:1000px; position:relative;}
.wrap {width:952px; position:relative; }
/* sider */
.slider{display:block; position:absolute; right:0; top:50%; margin-top:-64px; z-index:100; }





/* LNB */
.lnb_area{float:left;width:212px; padding-top:20px;min-height:100%}
.lnb_area h1 {width:155px;margin-left:20px; padding-bottom:10px;}

.lnb{width:170px; margin-left:20px; padding:15px 0 13px 0; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.lnb ul li{padding:0px 0 6px 0;}
.lnb ul li a{font-size:14px; color:#fff; font-weight:bold; text-decoration:none;}
.lnb ul li a:hover{font-size:14px; color:#fff; font-weight:bold; }

.lnb ul li ul{padding:10px 0 0px 5px; display:none}
.lnb ul li ul li {margin:0px 0 4px 5px;padding:0px;}
.lnb ul li ul li a{font-size:12px;font-weight:bold; color:#fff; padding-left:20px; background:url("../../images/lnb_arr_off.gif") no-repeat left 5px;}
.lnb ul li ul li a:hover{font-size:12px;font-weight:bold; color:#5ba0f0; padding-left:20px; text-decoration:none; background:url("../../images/lnb_arr_on.png") no-repeat left 2px;}
.lnb ul li ul li.on a{font-size:12px;color:#5ba0f0; background:url("../../images/lnb_arr_on.png") no-repeat left 2px;}
.lnb ul li ul li ul {padding:3px 0 4px 20px; }
.lnb ul li ul li ul li{padding:4px 0 0 1px; font-size:11px;margin:0px;}
.lnb ul li ul li ul li a{font-weight:normal; color:#fff !important;font-size:12px;background:url('') !important;padding-left:0px !important;}
.lnb ul li ul li ul li a:hover{font-weight:normal; color:#5ba0f0 !important; text-decoration:none;font-size:12px;}
.lnb ul li ul li ul li.on a{color:#5ba0f0 !important;}
.lnb a:link        {color:#fff;text-decoration:none;}
.lnb a:visited     {color:#fff;text-decoration:none;}
.lnb a:active      {color:#fff;text-decoration:none;}
.lnb a:hover       {color:#fff;text-decoration:underline;}
/*
.lnb > ul > li{padding:0px 0 6px 0;}
.lnb > ul > li > a{font-size:16px; color:#fff; font-weight:bold; text-decoration:none;}
.lnb > ul > li > a:hover{font-size:16px; color:#fff; font-weight:bold; }
.lnb > ul > li > ul{padding:10px 0 0px 5px; display:none}
.lnb > ul > li > ul > li {margin:0px 0 4px 5px;}
.lnb > ul > li > ul > li > a{font-weight:bold; color:#fff; padding-left:20px; background:url("../../images/lnb_arr_off.gif") no-repeat left 5px;}
.lnb > ul > li > ul > li > a:hover{font-weight:bold; color:#5ba0f0; padding-left:20px; text-decoration:none; background:url("../../images/lnb_arr_on.png") no-repeat left 2px;}
.lnb > ul > li > ul > li.on > a{color:#5ba0f0; background:url("../../images/lnb_arr_on.png") no-repeat left 2px;}
.lnb > ul > li > ul > li > ul {padding:3px 0 4px 20px; }
.lnb > ul > li > ul > li > ul li.on a{color:#5ba0f0;}
.lnb > ul > li > ul > li > ul li{padding:4px 0 0 1px; font-size:11px;}
.lnb > ul > li > ul > li > ul li a{font-weight:normal; color:#fff;}
.lnb > ul > li > ul > li > ul li a:hover{font-weight:normal; color:#5ba0f0; text-decoration:none;}
*/


.my_menu{margin:0 auto;width:155px; vertical-align: bottom;}
.my_menu p.title{color:#fff;font-weight:bold;font-size:14px;padding-bottom:8px; }
.my_menu p.title a{color:#fff !important;font-weight:bold; font-size:12px; vertical-align: bottom;}
.my_menu ul{margin-bottom:10px;}
.my_menu ul li{padding-bottom:3px;}
.my_menu ul li a{color:#fff}

.member_info{margin-left:20px;width:190px;}
.member_info .txt{color:#fff;padding-bottom:10px;line-height:16px;font-size:11px;}

.member_info .btn_area{overflow:hidden}


/* contents wrap */
.con_wrap{min-height:603px;}



/* contents */
.contents{width:700px; float:right;position:relative; padding-bottom:30px;}
.contents .util {height:50px;margin:5px 0 20px 0;overflow:hidden;}
.contents .util ul{float:right;}
.contents .util ul li {float:left;padding:4px 4px 0 0;color:#333}
.contents .util ul li a {font-size:11px; color:#333; text-decoration:none;}
.contents .util ul li a:hover {color:#5ba0f0;text-decoration:underline}
.contents .util ul li.language {padding:0px;padding-left:10px;}
.contents .input_lang {color:#5ba0f0;}
.contents h2{margin-bottom:49px;}
.contents_main{overflow:hidden; width:700px; float:right;}
.contents_main h2{margin-bottom:49px;}


/* main_tap */
.main_tap{width:298px; overflow:hidden;}
.main_tap ul li{float:left;}



/* search */
.search{margin-top:32px;}
.search dl dt{padding:19px 0 10px 21px;}
.search dl dd{padding-left:21px; vertical-align:top;}
.search dl dd.last{padding:10px 0 0 21px;}
.search p{margin-top:30px;}



/* ban */
ul.ban {width:170px; margin-left:20px;}
ul.ban li {padding:9px 0; background:url(../../images/bg_lnb_bar_2.png) repeat-x 1px bottom;}
ul.ban li a {padding-left:10px;}

/*공지사항*/
dl.lnb_notice {padding-top:50px; width:155px; margin-left:20px;}
dl.lnb_notice dt {margin-bottom:11px; color:#3784dd; width:151px;  font-size:12px; font-weight:bold; }
dl.lnb_notice dt span {float:right;}
dl.lnb_notice dd {color:#fff; width:154px;  font-weight:normal; letter-spacing:-1px;}
dl.lnb_notice dd strong {color:#3784dd; font-weight:normal; }

/* footer */
.footer{clear:both; padding:60px 0 80px 0; width:155px; margin:0 auto;}
.footer ul.f_link {margin-bottom:10px; }
.footer ul.f_link li {padding-top:3px; color:#fff; font-size:11px; }
.footer ul.f_link li a{color:#fff; opacity: 0.6;  font-size:11px; text-decoration:none;}
.footer .family{width:123px; height:20px; margin-top:9px;}


/* sub */
.eservice_title{height:27px; overflow:hidden;position:absolute;left:0px;top:40px;width:700px;}
.eservice_title h2{float:left;font-size:17px;font-weight:bold;color:#02508b;}

.eservice_title h2 em {font-size:12px; font-weight:normal; color:#467cba; padding-left:5px;}
h2.e_tit {font-size:17px;font-weight:bold;color:#02508b;}
h2.e_tit em {font-size:12px; font-weight:normal; color:#467cba; padding-left:5px;}
.eservice_title .btn_area{float:right; margin-top:2px;}
.eservice_title .btn_area p{margin-left:4px}

.e_pop_title {padding:10px 0 10px 10px;height:27px; overflow:hidden; }
.e_pop_title h3{float:left;font-size:17px;font-weight:bold;color:#02508b;}
.e_pop_title .btn_area{float:right; margin-top:2px; margin-right:20px;}
.e_pop_title .btn_area p{margin-left:4px}

/*2012-03-20 텍스트버튼 스타일*/
p.txt_btn_2 {background:#fff;display:inline-block; *display:inline; zoom:1; height:16px;padding-top:3px; width:67px; text-align:center;  font-size:11px; color:#1557af !important; font-weight:bold; text-decoration:none;   border:1px solid #ababab;cursor:hand;cursor:pointer;} 
p.txt_btn_2:hover {text-decoration:none;}
p.txt_btn{ background:#fff;display:inline-block; *display:inline; zoom:1;  text-decoration:none;height:18px; border:1px solid #707070; padding:1px !important; font-size:11px; font-weight:bold; color:#000;cursor:hand;cursor:pointer;}
p.txt_btn span{ display:inline-block; white-space:nowrap; padding:3px 10px 0 10px; line-height:12px; height:15px; background:url(/images/esvc/bg_txt_btn.gif) repeat-x 0 0; }
p.txt_btn2{ background:#fff;display:inline-block; *display:inline; zoom:1;  text-decoration:none;height:18px; border:1px solid #707070; padding:1px; font-size:11px; font-weight:bold; color:#000;cursor:hand;cursor:pointer;}
p.txt_btn2 span{ display:inline-block; white-space:nowrap; padding:3px 3px 0 3px; line-height:12px; height:15px; background:url(/images/esvc/bg_txt_btn.gif) repeat-x 0 0; }

p.more { font-size:11px; color:#7e7f82; font-weight:bold; padding-right:13px; background:url(../../images/bg_btn_more.gif) no-repeat right 3px;)}

@media print{

 .lnb_area{display: none;}
 .slider{display: none;}
 .contents{float:left}
}




/* 팝업타이틀 */
h3.pop_in {padding-top:1px;background:url('/img/common/bg_title_sub.gif') no-repeat 3px 0; }

.lf_area{text-align:left}
.lf_area span{display:block;float:left;padding-right:5px;}

/* 팝업 */
.wrap {position:relative;}
.wrap .pop_wrap {position:absolute; top:50px; left:100px;}

.pop_wrap .header {background:#034ea2; padding:28px 0 25px 0; text-align:center;}
.pop_wrap .header p {color:#ffffff; font-size:16px; font-weight:bold;}

.pop_wrap .middle {padding:65px 34px 16px 34px; text-align:center; background:url(/images/esvc/bg_popup.gif) no-repeat 50% 50%;}
.pop_wrap .middle .first p {font-size:14px; color:#30343c; font-weight:bold; padding-bottom:38px;}
.pop_wrap .middle .first p span {font-size:14px; color:#034ea2; font-weight:bold;}
.pop_wrap .middle .first dl {float:left; margin-right:27px;}
.pop_wrap .middle .first dl.last {margin-right:0px;}
.pop_wrap .middle .first dl dt {float:left; color:#30343c; font-weight:bold; margin-right:12px;}
.pop_wrap .middle .first dl dd {float:left; color:#6f6f6f; font-weight:bold;}
.pop_wrap .middle .second {clear:both; margin-top:35px; border-top:1px solid #30343c; padding:16px 4px 4px 0;}
.pop_wrap .middle .second p {font-size:11px; letter-spacing:-1px; line-height:15px; text-align:center;}


.pop_wrap .bottom {background:#30343c; overflow:hidden; padding:0 11px 9px 9px;}
.pop_wrap .bottom p {padding-top:30px;}
.pop_wrap .bottom p a {color:#ffffff; text-decoration:underline;}
.pop_wrap .bottom ul {overflow:hidden; padding-top:30px; line-height:13px;}
.pop_wrap .bottom ul li {float:left;}
.pop_wrap .bottom ul li.mtm2 {color:#ffffff; margin:0px 15px 0 5px;}
.pop_wrap .bottom ul li.close {padding-top:1px;}


.route_kjek {text-align:left; position:relative; }
.route_kjek .flash_wrap {position:relative; z-index:100;height:335px; }
.route_kjek .flash_wrap .flash_map { position:relative; z-index:100; }
.route_kjek .flash_wrap .flash_img {position:absolute; top:0; left:0; z-index:90; }
.route_kjek .tab_route { height:35px; overflow:hidden; }
.route_kjek .Board_line { margin:20px 0 0 0; width:560px; }
.route_kjek .Board_line table { width:562px !important; }

/* 20120716 jbchoi */
.col_remark {
	white-space: nowrap !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

.nowrap {
	white-space: nowrap !important;
}