/* @charset "euc-kr"; */

@import url("./layout.css");
@import url("./bbs.css");
@import url("./contents.css");
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

* { margin: 0; padding: 0;}

body,div,td,li {font-family:'Nanum Gothic',³ª´®°íµñ, Dotum, µ¸¿ò, Tahoma, verdana, sans-serif; font-size:13px; color: #363636;}

body,form,div,p,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,span,a{
	font-family:'Nanum Gothic',³ª´®°íµñ, Dotum, µ¸¿ò, Tahoma, verdana, sans-serif;
}

body {width:100%;height:100%;line-height: 1.5em;}

div {
    scrollbar-face-color: #fff;
	scrollbar-highlight-color: #dbdbdb;
	scrollbar-3dlight-color: #fff;
	scrollbar-darkshadow-color:#fff;
	scrollbar-shadow-color: #dbdbdb;
	scrollbar-arrow-color: #6d6d6d;
	scrollbar-track-color: #f6f6f6;
	scrollbar-base-color:#fff; }
	
ul, ol, dl, dd, dt, li  {list-style:none;}

a:link, a:visited, a:active, a:hover {color: #363636;text-decoration: none;}

table {border-collapse:collapse;}
caption{visibility:hidden; width:0px; height:0px;}
select { font-size:12px;margin:1px 0px 0px 0px;padding:0px;vertical-align:middle;color:#444;}

textarea {
font-size:13px;color: #666;margin:0px 0px 0px 0px; background: #f2f2f2;border:1px solid #cdcdcd;padding:4px 7px;line-height:150%;
scrollbar-base-color: #ffffff; 
scrollbar-darkshadow-color: #ffffff; 
scrollbar-face-color: #ffffff; 
scrollbar-highlight-color: #ffffff; 
scrollbar-arrow-color: #BDBDBD; 
scrollbar-track-color: #f7f7f7;  
scrollbar-3dlight-color: #E0E0E0; 
scrollbar-shadow-color: #E0E0E0; 
}


/* line-height Style */

.lh01 {line-height:110%; }
.lh02 {line-height:120%; }
.lh03 {line-height:130%; }
.lh04 {line-height:140%; }
.lh05 {line-height:150%; }



/* text-align Style */

.ac {text-align:center; }
.al {text-align:left; }
.ar {text-align:right; }
.vt { vertical-align:top;}
.vb { vertical-align:bottom;}
.vm { vertical-align:middle;}


li img { vertical-align:middle; }
img { border:0; }
img.dpb {display: block;}

.fl {float:left;}
.fr {float:right;}
.cb {clear:both;}

.justify { text-align:justify; }

.mgt_3 {margin-top:3px;}
.mgt_5 {margin-top:5px;}
.mgt_6 {margin-top:6px;}
.mgt_10 {margin-top:10px;}
.mgt_20 {margin-top:20px;}
.mgt_25 {margin-top:25px;}
.mgt_26 {margin-top:26px;}
.mgt_30 {margin-top:30px;}
.mgt_48 {margin-top:48px;}
.mgt_60 {margin-top:60px;}
.mgt_100 {margin-top:100px;}

.mgr_5 {margin-right:5px;}
.mgr_10 {margin-right:10px;}
.mgr_15 {margin-right:15px;}
.mgr_20 {margin-right:20px;}
.mgr_30 {margin-right:30px;}
.mgr_50 {margin-right:50px;}
.mgr_70 {margin-right:70px;}
.mgr_120 {margin-right:120px;}

.mgb_4 {margin-bottom:4px;}
.mgb_5 {margin-bottom:5px;}
.mgb_6 {margin-bottom:6px;}
.mgb_8 {margin-bottom:8px;}
.mgb_10 {margin-bottom:10px;}
.mgb_12 {margin-bottom:12px;}
.mgb_15 {margin-bottom:15px;}
.mgb_18 {margin-bottom:18px;}
.mgb_20 {margin-bottom:20px;}
.mgb_22 {margin-bottom:22px;}
.mgb_30 {margin-bottom:30px;}
.mgb_38 {margin-bottom:38px;}
.mgb_57 {margin-bottom:57px;}

.mgl_8 {margin-left:8px;}
.mgl_10 {margin-left:10px;}
.mgl_15 {margin-left:15px;}
.mgl_20 {margin-left:20px;}
.mgl_25 {margin-left:25px;}
.mgl_30 {margin-left:30px;}
.mgl_35 {margin-left:35px;}
.mgl_50 {margin-left:50px;}
.mgl_60 {margin-left:60px;}
.mgl_70 {margin-left:70px;}
.mgl_90 {margin-left:90px;}
.mgl_100 {margin-left:100px;}
.mgl_110 {margin-left:110px;}

.pdl_5 {padding-left:5px;}
.pdl_10 {padding-left:10px;}
.pdl_20 {padding-left:20px;}

.pdt_5 {padding-top:5px;}
.pdt_10 {padding-top:10px;}
.pdt_20 {padding-top:20px;}
.pdb_20{padding-bottom:20px;}

/*height space*/

.sp1 { height: 1px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp2 { height: 2px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp3 { height: 3px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp4 { height: 4px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp6 { height: 6px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp7 { height: 7px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp8 { height: 8px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp9 { height: 9px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp11 { height: 11px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp12 { height: 12px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp13 { height: 13px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp14 { height: 14px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp16 { height: 16px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp17 { height: 17px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp18 { height: 18px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp19 { height: 19px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp60 { height: 60px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp65 { height: 65px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp100 { height: 100px; width:1px; font-size: 0; line-height: 0; clear:both; }



/*  Link  */

a.blu1:link {font-family: Dotum, µ¸¿ò, sans-serif; font-size: 12px; color: #2276c0; text-decoration:none}
a.blu1:visited {font-family: Dotum, µ¸¿ò, sans-serif; font-size: 12px; color: #2276c0; text-decoration:none}
a.blu1:active {font-family: Dotum, µ¸¿ò, sans-serif; font-size: 12px; color: #2276c0; text-decoration:none}
a.blu1:hover {font-family: Dotum, µ¸¿ò, sans-serif; font-size: 12px; color: #2276c0; text-decoration:none}

/* png file css*/

.png24 {tmp:expression(setPng24(this)) }


/* ŸÀÌƲ Style */

h1 { padding-bottom:30px; }
h3 {padding:0px 0px 0px 18px; background:url(../images/bus_info/ic_basic.gif) no-repeat;}


.st{ font-weight:bold;}

.ie6_select{   
    position:absolute;  
    left:-3px;   
    width:225px;   
    height:500px;     
    filter: alpha(opacity=150); /* IE¿¡¼­ Å׵θ®¾ø¾Ú */ 
    z-index:-1;   /* ±âÁ¸ ·¹À̾´Ù µÚ¿¡ À§Ä¡½ÃÅ´ */  
 		filter:mask();  
    
}  

/*¹öÆ°½ºÅ¸ÀÏ*/
.btn_st01{display:inline-block; padding:4px 16px; background:#fff; color:#131313 !important; font-weight:bold; font-size:14px; border:1px solid #878787; border-radius:3px;}
.btn_st02{display:inline-block; padding:8px 25px; background:#666666; color:#fff !important; font-weight:bold; font-size:15px; border:1px solid #757575;}
.btn_st02:active{background:#3b3b3b !important;}
.btn_st03{display:inline-block; padding:3px 8px; background:#666666; color:#fff !important; font-weight:bold; font-size:12px; border:1px solid #757575; border-radius:3px;}
/*etc*/
.fl_r{float:right;}
.dp_tb{display:table;}
.dp_inb{display:inline-block;}
.bg_th01{background:#d2d2d2 !important;}
.bg_th02{background:#e0e0e0 !important;}
.mg_c{margin:0 auto;}
.txt_r{text-align:right;}
.txt_none{padding:0; margin:-1px 0 0-1px; overflow:hidden; display:inline-block; position:absolute; left:-10000px; font-size:1px; text-indent:-9999px;}

.fc_blue{color:#0779ce !important;}
.fc_red{color:red !important;}
.fc_green{color:#0779ce !important;}
.tlt_body{padding-left:20px; background:url('../img/info/icon_stit.png') left no-repeat; font-size:17px; color:#0779ce !important;}

.trs_wrap{display:inline-block; padding:20px 7px; width:47%; border-radius:10px; background:linear-gradient(-90deg,#5781aa,#6e77a5); background:-webkit-linear-gradient(-90deg,#5781aa,#6e77a5); box-sizing:border-box;}
.trs_wrap>h5{font-size:16px; color:#fff; font-weight:600;}
.trs_wrap>p{padding:20px 40px; width:100%; background:#fff; box-sizing:border-box; font-size:16px; line-height:25px;}
.trs_ex{padding:3px 7px; margin-right:5px; border-radius:5px; background:#5066a0; color:#fff !important;}
.trs_ex2{display:inline-block; padding:3px 10px; margin-right:5px; background-image:linear-gradient(180deg,rgba(241,241,241,1)50%,rgba(213,213,213,1)50%); border-radius:10px; color:#333 !important; border:1px solid #adadad;}
.trs_icon{display:block; float:left; margin:10px 2px 30px 2px; width:70px; text-align:center; text-overflow:ellipsis;word-break:break-all; font-weight:600;}
.trs_icon .icon01{display:inline-block; width:100%; height:47px; background:url(../img/info/icon_trans01.png) top center no-repeat;}
.trs_icon .icon02{display:inline-block; width:100%; height:47px; background:url(../img/info/icon_trans02.png) top center no-repeat;}
.trs_icon .icon03{width:100%; height:20px; background:url(../img/info/arrow_01.png) top center no-repeat; background-size:contain;}

/*header ÃßÈÄ css½ºÅ¸ÀϽÃÆ® Á¤¸®*/
.container {width:100%;background: #FFFFFF;margin: 0 auto;}
.container .title_s01{margin-bottom:5px; font-size:15px; color:#1095d1; font-weight:600;}

.header {}

.sidebar1 {float: left; margin-top:20px; margin-right:1%; width: 33%; box-sizing:border-box;}
.sidebar2 {float: right;width:33%; padding:20px 15px 40px 15px; background:#e2e8ec; box-sizing:border-box;}

.content ul, .content ol { 	padding: 0; }
.footer {position:relative; padding-top:15px; padding-bottom:100px; border-top:1px solid #ccc;}
.footer span{font-size:12px;}

.fltrt { float: right;margin-left: 8px;}
.fltlft { float: left;margin-right: 8px;}
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
.s_txt{display:inline-block; margin-top:-15px; font-size:12px; color:333;}


#skipnavigation {position:absolute; left:0; top:-1000px; width:100%; height: 0px; z-index:1000; line-height:0px; font-size:0px;}
#skipnavigation a{display:block; text-align:center; width: 100%; line-height:0px; font-size:0px;}
#skipnavigation a:focus, #skipnavigation a:hover, #skipnavigation a:active {position:absolute; left:0px; top:1000px; padding: 8px 0;  display:block; height:20px; background:#20262c; font-size:12px; font-weight:bold; line-height:18px; color:#fff;}

.header .topmenu{clear:both; width:100%; height:30px;background: #5B5A5F;border-bottom:3px solid #0B6BB8;text-align:right;}
.header .topmenu a{display:inline-block;margin:8px 8px 0 8px;padding:0;font-size:11px;font-family:nanum;font-weight:bold;color:#EEEEEE;}
.header .topmenu a:hover, a:active, a:focus {color:#1C85D9;}

.header .menu{margin:0 auto;clear:both;width:1050px;height:78px;background: #fff;}
.header .menu .tlogo{float:left;display:inline-block;margin:10px 20px 0 0px;}

.header .menu ul{float:left;display:inline-block;margin:30px 0 0 20px;padding:0;list-style:none;font-size:16px;font-weight:bold;color:#000;}
.header .menu ul li{float:left;margin:0 0 0 55px;font-family:NanumBold;}

ul#minitabs {
list-style: none;
margin:0px 0 0 0px;
padding:0;list-style:none;
font-size:16px;
font-weight:bold;
color:#000;
white-space: nowrap
}
ul#minitabs li {
display: inline;
margin:30px 0 0 25px
}
ul#minitabs a {
text-decoration: none;
padding: 0 0 3px;
border-bottom: 2px solid #FFF;
color: #000;
font-size:15px;
  }
ul#minitabs a#current {
padding-bottom:10px;	
border-color: #009AE1;
color:#1C85D9
}
ul#minitabs a:hover {
padding-bottom:10px;		
border-color: #009AE1;
color: #1C85D9
}



.header .map{margin:0 auto;clear:both; width:1050px; height:44px;background: #fff;text-align:right;}
.header .map img{margin:12px 5px 0 3px;}
.header .map input{display:inline-block;margin:0px 0 6px 10px;}
.header .mainimg{clear:both; height:220px; background:#88c8c2; text-align:center; overflow:hidden;}