@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:"NanumBarun", "dotum", "돋움";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 20px;font-size:80px;border:0;outline:0;color:#e2e2e1;ime-mode:active;float:left;}
.search_con .search_img{margin-top:20px;}
.search_con .search_txt{margin:6px 0 0 40px;color:#888;font-size:11px;font-family:"dotum", "돋움"; text-align:left;clear:both;}

/* 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:170px;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, .cont_area.column01{height:296px;background-color:#0093d0}
.right_con_inner.column02, .cont_area.column02{height:360px;background-color:#fff}
.right_con_inner.column03, .cont_area.column03{min-height:170px;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:80px;}
.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*/left:72px}
.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:25%;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:24px}
.arrow.a2{left:78px}
.arrow.a3{left:130px}
.arrow.a4{left:185px}
.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;float:left;}
.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:#6374b1;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:#6374b1;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:110px;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:150px;background-color:#e9ebf0;border-right:1px solid #FFF}
.banner a{display:block;margin-top:6px;text-align:center}

/* Common */
.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}

.mybus_tit {color:#333;font-size:22px;font-family:"NanumBarunB", "dotum", "돋움"}
.mybus_txt {color:#666;font-size:13px;font-family:"NanumBarun", "dotum", "돋움"}
.mybus_label {color:#666;font-size:13px;font-family:"NanumBarunB", "dotum", "돋움"}

/* skip navigation */
#skip_navigation a {position:absolute; left:-3000%}
#skip_navigation a:focus {display:block;left:0;top:0;z-index:100000;width:100%;height:30px;line-height:30px;background:#039;color:#fff;text-align:center;}

/* new nav */
.nav_con .logo-menu{float:left;margin-top:10px;padding:14px 20px 11px;height:28px;color:#333;font-size:13px;line-height:28px;font-family:"NanumBarunB", "dotum", "돋움";}
.nav_con .search-link {float:left;margin-top:13px;padding:0 20px;}
.nav_con .search-img { width:20px;height:48px; background-image:url(../images/renewal/search-icon.png);background-repeat:no-repeat;background-position:0px 0 }

/* 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);}
}