@charset "utf-8";
/* common.css : 이병위, 20150921 */

@import url("r_webfont.css");

/* Reset */
html,body{width:100%;height:100%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,td{margin:0;padding:0}
body,h1,h2,h3,h4,input,textarea,select,table,button {font-family:"돋움", dotum, Arial, AppleSDGothicNeo-Light, sans-serif;color:#333;font-size:12px}
body {min-width:1000px;background-color:#FFF;*word-break:break-all;-ms-word-break:break-all;-webkit-text-size-adjust:none}
img,fieldset,iframe{border:0 none}
li{list-style:none inside}
input,select{vertical-align:middle}
img{vertical-align:middle}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0;vertical-align:middle}
a:link, a:visited{color:inherit;text-decoration:none}
a:active, a:hover, a:focus{color:inherit;text-decoration:none;background-color:transparent}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
/*input[type="text"]::-ms-clear{display: none}*/
input, select, textarea {color:#666;margin:0;padding:0}
caption {position:absolute; top: -9999px; left: -9999px; text-indent:-9999px; width:1px; height:1px;}

/* Layout */
#wrap{position:relative;width:100%}
.header_wrap{position:relative;background-color:#FFF;}
.cont_wrap{position:relative;width:1000px;margin:0 auto}

.main_con{float:left;/*width:720px;
-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;-ms-transform-origin:100% 50%;-o-transform-origin: 100% 50%;transform-origin:100% 50%;
-webkit-transform:translate3d(0,0,0) perspective(2500) rotate3d(0,0,0,0);-moz-transform:translate3d(0,0,0) perspective(2500) rotate3d(0,0,0,0);-ms-transform:translate3d(0,0,0) perspective(2500) rotate3d(0,0,0,0);-o-transform:translate3d(0,0,0) perspective(2500) rotate3d(0,0,0,0);transform: translate3d(0,0,0) perspective(2500) rotate3d(0,0,0,0);
-webkit-backface-visibility: hidden;*/}
.sidebar{float:left;width:280px;/*background:#0093d0;z-index:65;-webkit-backface-visibility:hidden;-webkit-perspective:1000;*/}

/* Header */
.color-stripe{height:4px;background-color:#0093d0}
.nav_con{position:relative;margin:0 auto;width:1000px;height:72px}
.nav_con a{display:block}
.nav_con .menu{float:left;margin-top:10px;padding:14px 20px 11px;height:28px;color:#333;font-size:13px;line-height:28px;font-family:"NanumBarunB", "dotum", "돋움";background-image:url(../images/renewal/header_mbar.png);background-position:0 23px;background-repeat:no-repeat;-webkit-font-smoothing:antialias}
.nav_con .menu:hover{color:#0093d0;}
.nav_con .menu:last-child{background-image:none}
.nav_con .logo{display:block;float:left;padding:25px 8px 15px 11px;width:169px;height:31px;background:url(../images/renewal/header_logo.png) 11px 25px no-repeat}
.nav_con .search{float:left;margin-top:13px;padding:0 20px;width:20px;height:48px;background-image:url(../images/renewal/search-icon.png);background-repeat:no-repeat;background-position:20px 0}
.nav_con .search:hover{background-position:20px -52px}
.search_wrap{display:none;position:absolute;z-index:100;left:0;right:0;top:71px;border-top:1px solid #e2e2e1;text-align:center}
.search_wrap .search_con{ display:inline-block;width:1000px;background-color:#FFF}
.search_con .nav_search_form{display:block;width:960px;margin:0 auto;/*adding:15px 0 27px 0;background: url(../images/renewal//nav_search_icon.png) 20px 10px no-repeat;*/-webkit-background-size:92px 92px;-moz-background-size:92px 92px;background-size:80px 80px;}
.search_con .nav_search_input{display:block;width:780px;height:100px;line-height:100px;padding:0;margin:20px 0 0 150px;font-size:80px;border:0;outline:0;color:#e2e2e1;ime-mode:active}
.search_con .search_txt{margin:6px 0 0 40px;color:#888;font-size:11px;font-family:"dotum", "돋움"; text-align:left}

/* Contents Layout*/
.left_con{float:right;width:720px}
.left_con_inner{float:right;width:9999px}
.left_con_inner.column01{height:296px;background-color:#f5f7f9}
.left_con_inner.column02{height:360px;background-color:#FFF}
.left_con_inner.column03{min-height:300px;background-color:#f5f7f9;border-top:1px solid #e9e9e9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

.right_con{float:left;width:280px}
.right_con_inner{float:left;width:9999px}
.right_con_inner.column01{height:296px;background-color:#0093d0}
.right_con_inner.column02{height:360px;background-color:#f5f7f9}
.right_con_inner.column03{min-height:300px;background-color:#f5f7f9;border-top:1px solid #FFF}

/* Contents*/
.key_visual{float:right;width:920px}
.report{float:left;overflow:hidden;padding:28px 30px 0;width:220px;color:#FFF;border-right:1px solid #33a9d9;}
.report .weather{position:relative}
.weather .tit{margin-top:8px}
.weather .num{display:block;position:absolute;top:-8px;right:0;font-size:80px;letter-spacing:-1px;font-family:"NanumBarunB", "dotum", "돋움"}
.weather .symbol{margin-left:-4px;vertical-align:text-top;font-size:58px;}
.weather img{display:block;padding:9px 0 10px 0;width:54px;height:54px}
.report .detail{position:relative;height:70px;border-top:1px solid #29a4d8;border-bottom:1px solid #29a4d8}
.detail .detail_txt{display:inline-block;position:absolute;top:15px;}
.detail .wind{left:6px;}
.detail .humidity{left:94px}
.detail .rain{right:6px}
.detail .tit{color:#b8d8ed;font-size:11px;text-align:center}
.detail .num{margin-top:6px;font-size:22px;text-align:center}
.report .air{position:relative;margin-top:14px;height:95px;}
.air .tit{float:left;margin-top:8px}
.air .num{float:right;margin-right:16px;font-size:42px;font-weight:100;letter-spacing:-1px;font-family:"NanumBarunL", "dotum", "돋움"}
.air .graph{position:absolute;left:0;bottom:0;width:100%;height:20px;font-size:0}
.graph .arrow{position:absolute;bottom:24px;width:9px;height:9px;background:url(../images/renewal/graph-arrow.png)0 0 no-repeat}
.graph .cell{display:inline-block;width:16%;height:6px;border-left:1px solid #0093d0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.graph .cell:first-child{border:none}
.cell.c1{background-color:#cce9f6}
.cell.c2{background-color:#b3dff1}
.cell.c3{background-color:#99d4ec}
.cell.c4{background-color:#80c9e8}
.cell.c5{background-color:#66bee3}
.cell.c6{background-color:#4db4de}
.arrow.a1{left:14px}
.arrow.a2{left:48px}
.arrow.a3{left:84px}
.arrow.a4{left:120px}
.arrow.a5{left:154px}
.arrow.a6{left:188px}

.link{float:right;width:720px;font-size:0; background-color:#FFF}
.link a{overflow:hidden;position:relative;z-index:1;display:inline-block;width:240px;height:180px;background-position:0 0;background-repeat:no-repeat}
.link .type1 .tit{z-index:1;display:block;margin:96px 40px 0;color:#333;font-size:16px;font-family:"NanumBarunB", "dotum", "돋움";text-align:center}
.link .type1 .txt{z-index:1;display:block;margin:8px 40px 0;color:#666;font-size:11px;line-height:18px;font-family:"NanumBarun", "dotum", "돋움";text-align:center}
.link .type2 .tit{z-index:1;display:block;margin:26px 0 0 18px;color:#333;font-size:16px;font-family:"NanumBarunB", "dotum", "돋움"}
.link .type2 .txt{z-index:1;display:block;margin:8px 0 0 18px;color:#666;font-size:11px;line-height:18px;font-family:"NanumBarun", "dotum", "돋움"}
.link .lnk_01{background-image:url(../images/renewal/link_01.png)}
.link .lnk_02{background-image:url(../images/renewal/link_02.png)}
.link .lnk_03{background-image:url(../images/renewal/link_03.png)}
.link .lnk_04{background-image:url(../images/renewal/link_04.png)}
.link .lnk_05{background-image:url(../images/renewal/link_05.png)}
.link .lnk_06{background-image:url(../images/renewal/link_06.png)}
.link .link_hover{position:absolute;z-index:100;left:0;right:0;top:0;bottom:0;background-color:transparent}
.link .link_hover:hover{border:2px solid #0093d0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.guide{float:left;width:280px;height:360px;background-color:#e9ebf0;border-right:1px solid #FFF}
.guide ul{margin:30px 0 0 30px}
.guide li{display:block}
.guide .sub{color:#9fa6b7;font-size:12px;}
.guide .tit{color:#0093d0;margin:4px 0 24px 0;font-size:19px;font-family:"NanumBarunB", "dotum", "돋움"}
.guide .menu{margin-bottom:18px;padding-left:14px;color:#a1a4af;font-size:14px;font-family:"NanumBarunB", "dotum", "돋움"; background:url(../images/renewal/guide_ico.png) 0 2px no-repeat}
.guide .menu:hover{color:#333; }
.cont_area{position:relative;}
.footer_warp{}

.notice{float:right;position:relative;padding:40px 0 0 20px;width:700px;min-height:260px;font-size:0;background-color:#FFF}
.notice_con .tit{color:#333;font-size:22px;font-family:"NanumBarunB", "dotum", "돋움"}
.notice_list{margin-top:18px;width:320px}
.notice_list .list_date{display:block;color:#333;font-size:13px;font-family:"NanumBarunB", "dotum", "돋움"}
.notice_list .list_tit{display:block;margin-top:8px;color:#333;font-size:13px}
.notice_list .list_txt{display:block;margin-top:4px;color:#666;font-size:11px; line-height:16px;}
.notice_list .list_more{display:block;margin-top:8px;color:#009bd1;font-size:11px;}

.qr_con{position:absolute;top:13px;right:60px;width:260px}
.qr_con .sub_tit{display:block;color:#333;font-size:14px;font-family:"NanumBarunL", "dotum", "돋움"}
.qr_con .tit{display:block;color:#333;font-size:22px;font-family:"NanumBarunB", "dotum", "돋움"}
.qr_con .url{margin-top:8px;float:right;display:inline-block;color:#5eb7dc;font-size:12px}
.qr_con .qr_box{margin-top:18px;padding:12px;border:1px solid #e9e9e9;text-align:center}

.banner{float:left;width:280px;min-height:300px;background-color:#e9ebf0;border-right:1px solid #FFF}
.banner a{display:block;margin-top:6px;text-align:center}
ommon */
.bdr_box{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.nanum_l{font-family:"NanumBarunL", "dotum", "돋움"}
.nanum_r{font-family:"NanumBarun", "dotum", "돋움"}
.nanum_b{font-family:"NanumBarunB", "dotum", "돋움"}
.fc_w{color:#FFF !important}

/* Left Contents */
.left_top{padding:16px 20px 8px 10px;border-bottom:1px solid #e9e9e9;background-color:#faf8f6}
.info_box{display:block}
.info_box li{display:inline-block;max-width:196px;font-size:0}
.info_box .ico{height:40px;margin-right:8px;vertical-align:top;background-position:0 0;background-repeat:no-repeat}
.info_box .ico.bus{width:40px;background-image:url(../images/renewal/ico_bus.png)}
.info_box .ico.subway{width:36px;background-image:url(../images/renewal/ico_subway.png)}
.info_box .ico.short{width:30px;background-image:url(../images/renewal/ico_short.png)}

.info_box .tit{display:block;margin-bottom:6px;color:#0093d0;font-size:13px}
.info_box .txt{display:block;color:#998d82;font-size:12px;line-height:16px}
.search_box{margin:10px 0 0 10px;border:1px solid #d4d4d4;background-color:#FFF;border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.search_box:hover{border:1px solid #009bd1;background-color:#f0f9fc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;
-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;cursor:pointer}
.search_box.over{border:1px solid #009bd1;background-color:#f0f9fc;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.search_box .left_sch{padding-left:8px;width:75%;height:38px;color:#0093d0;font-size:13px;line-height:38px;border:none; background-color:transparent;ime-mode:active;-webkit-appearance:none;}
.search_box .bt{display:block;float:right;vertical-align:middle; background-position:center center; background-repeat:no-repeat;background-image:url(../images/renewal/bt_search.png);cursor:pointer}
.search_box .bt:hover{background-image:url(../images/renewal/bt_searchon.png)}
.search_box .left_sch+.bt{width:40px;height:40px;}
.short_outter{margin-top:8px}
.short_outter li{position:relative;padding-left:20px;}
.short_outter .sch_tit{position:absolute;display:block;left:0;top:7px;width:22px;height:16px;color:#333;font-size:12px;font-family:"NanumBarun", "dotum", "돋움";border-bottom-width:2px;border-bottom-style:solid}
.sch_tit.bt_line1{border-color:#ff9409}
.sch_tit.bt_line2{border-color:#3cdc2c}
.sch_tit.bt_line3{border-color:1ba5fd}
.short_outter .search_box{margin:6px 0 0 10px}
.short_outter .search_box .left_sch{padding-left:8px;width:75%;height:28px;color:#0093d0;font-size:12px;line-height:28px;border:none; background-color:transparent;ime-mode:active;-webkit-appearance:none;}
.short_outter .search_box .left_sch+.bt{width:34px;height:30px;}
.left_middle{padding-top:16px}
.left_middle .info_tit{color:#0093d0;font-size:16px;margin:0 20px 16px}
.left_middle .info_stit{color:#333;font-size:13px;margin:0 20px 8px}
.left_middle .info_txt{margin:0 20px;padding:0;counter-reset:rnum}
.info_txt .txt{position:relative;margin-top:12px;padding-left:14px;color:#555;font-size:12px;line-height:16px;font-family:"NanumBarun", "dotum", "돋움"}
.info_txt .txt:first-child{margin-top:0}
.info_txt .txt:before{position:absolute;left:0;top:1px;display:block;width:12px;height:11px;color:#FFF;font-size:9px;text-align:center;font-weight:nomal;line-height:11px;font-family:"Arial";background:url(../images/renewal/bg_num.png) 0 0 no-repeat;background-size:11px 11px;counter-increment:rnum;content:counter(rnum)"";}
.info_txt .txt img{margin:-4px 3px 0 0;vertical-align:middle}
.info_txt .image{margin:12px 0 40px}
.btn_box{display:block;margin-bottom:10px;}
.btn_box li{display:inline-block}

/* button */
.btn_blue{display:inline-block;margin:0 2px;width:80px;height:28px;color:#29a2e0 !important;font-size:12px;line-height:28px;text-align:center;font-family:"NanumBarunB", "dotum", "돋움";border:1px solid #09a1ce; 
background-color:#e6eff3; /* Old browsers */
background-image: -moz-linear-gradient(top, #ffffff 35%, #e6eff3 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(35%,#ffffff), color-stop(100%,#e6eff3)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, #ffffff 35%, #e6eff3 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, #ffffff 35%, #e6eff3 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, #ffffff 35%, #e6eff3 100%); /* IE10+ */
background-image: linear-gradient(to bottom, #ffffff 35%, #e6eff3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6eff3',GradientType=0 ); /* IE6-9 */
border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

/* 기존 common.css */
#contents{padding:20px 20px 10px 20px;vertical-align:top; min-width:1131px}
#left_wrap{width:316px;height:670px;display:block;border:#e9e9e9 solid 1px;vertical-align:top;float:left;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
#left{width:314px}
#right{width:100%;height:670px}

/* 노선도 css */
g.station-group {/*정류장 circle*/stroke: black;stroke-width: 1px;}
g.station-group circle.station {/* 일반정류장 */fill: #fff;}
g.station-group circle.trans {/* 회차지 정류장 */fill: #f6f;}
g.station-group circle.first {/* 기점 정류장 */fill: #06f;}
g.station-group circle.end {/* 종점 정류장 */fill: #f00;}
g.stationName-group text, g.stationName-group text tspan{/* 정류장명 */font-size: 12px;font-family: sans-serif;font-weight: bold}
g.stationName-group text.trnstn, g.stationName-group text tspan.trnstn{/* 회차지 정류장명 */	fill : red;	font-size: 14px;}
g.stationName-group text > tspan.stationNo, g.stationNo-group text{/* 정류장번호 */	fill : #6600CC; font : 9pt Arial; font-style : italic}
g.stationName-group .trnstn > tspan, g.stationNo-group text.trnstn{/* 회차지  정류장번호 */font-weight: bold;font-size : 13px;}
tspan.tBusNo{/* 차량번호 */font-size: 13px;font-family: sans-serif;font-weight:bold;}
tspan.frontOfCar{/*앞차간격*/fill : blue;font-size: 12px;}
tspan.rearOfCar{/*뒤차간격*/fill:lime;}
.busRouteDown{/* 하행 노선 */stroke-dasharray : 10 5;}
g.stationName-group text.dtrstn, g.stationName-group text tspan.dtrstn{/* 우회 정류장명 */	fill : blue;}

/* sr-only */
.sr-only {
	position: absolute !important;  width: 1px; height:1px; overflow:hidden; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);}
}