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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin:0;padding:0;border:0;vertical-align:baseline}

a,img,input,select { vertical-align:middle}
html, body {min-width:100%;min-height:100%;width:auto;height:auto}
body{font-size:13px; line-height:1; background:url(http://www.cucon.co.kr/img/bg.jpg); background-size:cover; font-family: '나눔고딕','NanumGothic','NanumGothicWeb','NanumGothicWebB','맑은 고딕','Malgun Gothic','돋움','굴림',Dotum,Gulim,sans-serif}
.body_wrap {background:url(http://www.cucon.co.kr/img/bg.jpg); background-size:cover; position:relative; z-index:0} /* 배경이미지가 길이 따라 달리 보이는 것을 해결 하기 위함*/
ol, ul {list-style: none}
blockquote, q {quotes: none}
blockquote:before, blockquote:after,
q:before, q:after {	content:'';content: none}
table {	border-collapse: collapse;border-spacing: 0;font-size:12px; background:#fff; vertical-align:middle}
table th { font-weight:600}
table th,
table td { word-break:keep-all}
h1, h2, h3, h4, h5, h6 { font-weight:600; font-size:13px}


a {color:#686969; text-decoration:none; cursor:pointer;margin:0;padding:0;font-size:100%;vertical-align:baseline} 
a:link {} 
a:active {} 
a:visited {} 
a:hover, a:focus {color:#f60} 

/* Nanum font */
@font-face{font-family:NGL;src:url('../font/NanumGothicLight.eot');src:local(※),url('../font/NanumGothicLight.woff') format('woff')}
@font-face{ font-family: 'NanumGothicWeb'; font-style: normal; font-weight: normal; src: url('../font/NanumGothic.eot'); src:local('☺'), url('../font/NanumGothic.woff') format('woff'), url('../font/NanumGothic.ttf') format('truetype') }
@font-face{ font-family: 'NanumGothicWeb'; font-style: normal; font-weight: bold; src: url('../font/NanumGothicBold.eot'); src:local('☺'), url('../font/NanumGothicBold.woff') format('woff'), url('../font/NanumGothicBold.ttf') format('truetype')}

@font-face{font-family:NM;src:url('../font/NanumMyeongjo.eot');src:local(※),url('../font/NanumMyeongjo.woff') format('woff')}
.NM{font-family:'나눔명조', NM, serif}


/* SKIP */
a.skip { display: block; width:100%; height:28px; padding:12px 0 0 0; font-size:14px; text-align:center; background:#5f5c59; color:#fff; position:fixed; top:-9999px; left:-9999px }
a.skip:hover,
a.skip:focus { margin:0; position:static;}

/* common */
.none { position:fixed; top:-9999px; left:-9999px}


/* Layout */
.container { width:940px; margin:0 auto}

.videoBg { position:fixed; left:0; top:0; width:100%; height:100%; z-index:-3}
.videoBg video { position: fixed;  top: 50%; left: 50%;  z-index:-1;  min-width: 100%;  min-height: 100%;  width: auto;  height: auto;  transform: translate(-50%, -50%)}

.videoBg2 { display:block; width:100%; height:100%; content:""; background:url(../img/bgDot10.gif); position: fixed; z-index:-2; opacity:0.7}

header { height: 80px}
header .container {position:relative; background:#505050; height:80px}

section { margin:1px 0;}
section:after,
footer:after,
.container:after { content:""; display:block; clear:both; *zoom:1}
footer {}
footer .container{ width:900px; padding:22px 10px 22px 30px; position:relative; background:url(../img/bg_w80.png)}


/* header */

h1 {width:16.5%; position:absolute; left:0; top:0 }
h1 a { display:block; width:100%; overflow:hidden; height:80px; text-indent:-9999px; background:#5c5c5c url(../img/h1_ci.png) no-repeat center center}
h1 a:hover,
h1 a:focus { background-color:#}

.top_menu { width:84%; text-align:right; position:absolute; overflow:hidden; top: 0; right:0; border-bottom: solid 1px #656565}
a.login,
a.facebook,
span.login_user{ display:inline-block; height:22px; padding:10px 18px 0 18px; color:#e3e3e3; font-size:13px; border-left: solid 1px #656565; vertical-align:middle}
span.login_user { border-left:none; font-size:12px; color:#e3e3e3; color:#CCC}
span.login_user a{ font-size: 13px; padding-right:4px;color:#e3e3e3; font-weight:600}
.top_menu a:hover,
.top_menu a:focus {color:#fff}
a.facebook {background:url(../img/icon_facebook.png) no-repeat 45% center; font-size:0;color:#fff; opacity:0.7}
a.facebook:hover,
a.facebook:focus { opacity:1}

header nav ul { float:right; position:absolute; right: 0 ; top:41px; z-index:500}
header nav ul li { float:left}
header nav>ul>li { background:url(../img/deco_bar_10.gif) no-repeat 0 12px}
header nav>ul>li:first-child { background:none}
header nav ul ul { left:0; top:32px; display:none}
header nav ul .on ul { display:block}


header nav a {display:inline-block; color:#fff; font-size:14px; padding:10px 34px}
header nav a:hover,
header nav a:focus,
body.b00 .b00>a,
body.c00 .c00>a,
body.d00 .d00>a,
body.e00 .e00>a,
body.f00 .f00>a  {color:#ffda58}
header nav ul ul a { background:url(../img/bg_bk80.png); padding:6px 9px; font-size:13px}
header nav ul ul li:first-child a { padding-left:20px}
header nav ul ul li:last-child a { padding-right:20px}

.gnb.b00 ul{ padding-left:20px}
.gnb.c00 ul{ padding-left:50px}
.gnb.d00 ul{ padding-left:235px}
.gnb.e00 ul{ padding-left:340px}
.gnb.f00 ul{ padding-left:480px}
.gnb.g00 ul{ padding-left:610px}

#gnb { position:absolute; top:50px; left:100px; width:600px; background:yellow; }
#gnb li { float:left; padding-right:20px; }
#gnb li ul { display:none; position:absolute; top:25px; left:0; }
#gnb li ul li { line-height:21px; }

#gnb li.menu1 ul { padding-left:0; }
#gnb li.menu2 ul { padding-left:50px; }
#gnb li.menu3 ul { padding-left:100px; }
#gnb li.menu4 ul { padding-left:150px; }




/* index section */ 
.index section .container { height:624px; position:relative; z-index:400}
.index section article h2 { position:absolute; text-indent:-9999px; overflow:hidden;right:0; top:0; width:468px; height:311px; background: url(../img/main_h2.png) no-repeat 0 0}
.klas20 {position:absolute; text-indent:-9999px; overflow:hidden;left:0; top:0; width:155px; height:155px; background:#009bb8 url(../img/btn_klas20.png) }
.klas20:hover,
.klas20:focus { background-color:#018ea8}
.kcms {position:absolute; text-indent:-9999px; overflow:hidden;left:0; top:156px; width:155px; height:155px; background:#f6bf00 url(../img/btn_kcms.png)}
.kcms:hover,
.kcms:focus { background-color:#f6b300}
.kprint {position:absolute; text-indent:-9999px; overflow:hidden;left:0; top:312px; width:155px; height:155px; background:#5f99c7 url(../img/btn_kprint.png)}
.kprint:hover,
.kprint:focus { background-color:#4d8aba}
.blank10 {position:absolute; text-indent:-9999px; overflow:hidden;left:0; top:468px; width:155px; height:155px; background:#a3a098}
.baroloan2 {position:absolute; text-indent:-9999px; overflow:hidden;left:0; top:468px; width:155px; height:155px; background:#385591 url(../img/icon_baroloan.png) no-repeat center center}
.baroloan2:hover,
.baroloan2:focus { background-color:#2d4b89}


.rolling_10 {position:absolute; overflow:hidden; left:156px; top:0px; width:315px; height:467px}
.rolling_10 div {text-indent:-9999px; width:100%; height:100%; float:left}

.rolling10 { background:url(../img/rolling10.png)}
.rolling11 { background:url(../img/rolling11.jpg)}

.rolling_20 {position:absolute; overflow:hidden; left:472px; top:312px; width:314px; height:311px; background: url(../img/bg_bk80.png)}
.rolling_20 div {width:100%; height:100%; float:left; background-size:cover; background-position: center center}
/*
.rolling_20 div {text-indent:-9999px; width:100%; height:100%; float:left; background-size:cover; background-position: center center}
*/

.rolling20 { background-image:url(../img/rolling20.jpg)}
.rolling21 { background-image:url(../img/rolling21.jpg)}
.rolling22 { background-image:url(../img/rolling22.jpg)}
.rolling23 { background-image:url(../img/rolling23.jpg)}
.rolling24 { background-image:url(../img/rolling24.jpg)}
.rolling25 { background-image:url(../img/rolling25.jpg)}

a.facebook_link { position:relative; display:block; width:311px; height:314px;}
a.facebook_link:after { background:url(../img/icon_facebook3.png) no-repeat 0 0 ; content:""; display:block; width:32px; height:32px; position:absolute; top:10px; left:270px}

a.link {display:block; width:100%; height:100%}


/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { text-indent:0; position: absolute; bottom: 0; text-align: center; padding: 0; width: 100%; z-index:1000 }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; }
.slick-dots li button { padding:0; margin:0; background:#666; border:none; display: block; height:14px; width:14px; padding:2px; line-height: 0; font-size:0; cursor:pointer; border-radius:50%;-webkit-box-shadow:inset 1px 1px 2px 0 #000; box-shadow:inset 1px 1px 2px 0 #000 ; opacity:0.5}
.slick-dots li button:hover, 
.slick-dots li button:focus,
.slick-dots li.slick-active button { background:#f60; opacity:0.7}

/* Arrows */
.slick-prev, .slick-next { position:absolute; display: block; height: 30px; width: 30px; line-height: 0; z-index:1000; font-size: 0; cursor: pointer; color: transparent; top: 50%;right: 10px; margin-top:-15px; border-radius:50%; border:none; text-indent:0; background:url(../img/bg_bk20.png)}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background:url(../img/bg_bk40.png)}
.slick-prev:before, .slick-next:before { position:absolute; top:0; left:0; display:block; width:30px; height:30px; content:"";opacity:0.7; background: url(../img/arrow_10.gif) no-repeat 0 0}
.slick-next:before { background-position:right 0}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {z-index:2000;  opacity: 1; background: url(../img/arrow_10.gif) no-repeat 0 0 }
.slick-next:hover:before, .slick-next:focus:before { background-position: right 0}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.8; }

.slick-prev { left: 10px; }



.new_column  {position:absolute; left:156px; top:468px; width:315px; height:155px; background:#c3c945}
.new_column h3 { font-size:17px; color:#fff; font-weight:normal; padding:16px 10px 10px 18px}
.new_column ul { padding-left:18px; line-height:1.3em}
.new_column ul li { padding:1px 0}
.new_column ul li a { display:block;width:100%; white-space:nowrap; overflow:hidden; text-overflow: ellipsis}
.new_column ul li span { font-size:11px;vertical-align: text-bottom}
.new_column ul li.more { width:21px; height:21px; position:absolute; right:13px; top:13px; padding:0; background:url(../img/bg_bk15.png); border-radius:50% }
.new_column ul li.more a { display:block; width:100%; height:100%; overflow:hidden; text-indent:-9999px; background: url(../img/btn_more.png) no-repeat center center}
.new_column ul li.more:hover {  background:url(../img/bg_bk25.png)}
.new_column a { color:#fff}

.btn_cs {position:absolute; overflow:hidden; left:787px; top:312px; width:153px; height:155px; }
.btn_cs a { display:block; width:100%; height:100%; padding:110px 0 0 0;background: url(../img/btn_cs.png) center 0; color:#fff; text-align:center; font-weight:normal; font-size:14px}
.btn_cs a:hover,
.btn_cs a:focus { background-position:center -160px}

.btn_rmote {position:absolute; overflow:hidden; left:787px; top:468px; width:153px; height:155px; }
.btn_rmote a { display:block; width:100%; height:100%; padding:110px 0 0 0;background: url(../img/btn_rmote.png) center 0; color:#fff; text-align:center; font-weight:normal; font-size:14px}
.btn_rmote a:hover,
.btn_rmote a:focus { background-position:center -160px}


/* sub section */
section nav { width:155px ; float:left; }
section nav h2 { color:#fff; font-size:17px; padding:24px 0 0 20px; height:40px; font-weight:normal; background:url(../img/bg_bk50.png)}
section nav ul { padding:0 0 50px 0;background:url(../img/bg_bk40.png); margin:1px 0}
section nav ul li { border-top: solid 1px #999; position:relative}
section nav ul li:first-child { border:none}
section nav ul li a {display:block; padding:10px 0 10px 20px; color:#fff;  }
section nav ul li:first-child a { padding-top:20px}
section nav ul li a:hover,
section nav ul li a:focus,
body.a10 .sub .a10 a,
body.a20 .sub .a20 a,
body.a30 .sub .a30 a,
body.a40 .sub .a40 a,
body.b10 .sub .b10 a,
body.b20 .sub .b20 a,
body.b30 .sub .b30 a,
body.b40 .sub .b40 a,
body.c10 .sub .c10 a,
body.c20 .sub .c20 a,
body.c30 .sub .c30 a,
body.c40 .sub .c40 a,
body.d10 .sub .d10 a,
body.d20 .sub .d20 a,
body.d30 .sub .d30 a,
body.d40 .sub .d40 a,
body.e10 .sub .e10 a,
body.e20 .sub .e20 a,
body.e30 .sub .e30 a,
body.e40 .sub .e40 a { color:yellow;background:url(../img/bg_bk30.png);}
.confirmNo { display:inline-block; background:#f60; color:#fff; width:18px; height:16px; padding:2px 0 0 0; text-align:center; border-radius:9px; position:absolute; right:37px; top:2px; font-size: 11px}

#content>header { height:40px; padding:25px 0 0 25px; overflow:hidden}
#content>header>h3 {height:40px; font-size:16px; float:left; color:#fff}

article#content { }
article header ol { float:right; text-align:right}
article header ol li {display:inline;; font-size:11px; padding:0 2px 0 10px; background:url(../img/arrow_12.png) no-repeat 0 5px; color:#fff}
article header ol li:first-child { background:none}
article header ol li:last-child { padding-right:0}

.content { padding:30px 25px 80px 25px; width:734px; min-height:500px; float:right; background:#fff; line-height:1.4em; font-size:13px; color:#999}
.a28 .content { width:890px}

.ready_screen { position:fixed; left:0 ; top:0; width:100%; padding:15% 0 0 0; height:85%; background:url(../img/bg_bk80.png) ; color:#FC0; font-size:59px; text-align:center;}

/* a00 */

.login_wrap { overflow:hidden; padding:30px 5% 20px 40%; margin:40px 0; background:#fcfcfc url(../img/a10_login_bg.png) no-repeat 0 0; border:1px solid #efefef}
.a40 .login_wrap { background-image:url(../img/a40_pw_change_bg.png)}
.login_wrap h3{ font-size:30px; color:#333; font-weight:normal;}
.login_wrap h3 span { display:block; color:#999; font-size:13px; padding:14px 0 20px 0}

.user_frm { overflow:hidden; padding:13px 0; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed}
.user_frm dt,
.user_frm dd { float:left; height:25px; padding:2px 0; vertical-align:middle}
.user_frm dt { width:20%}
.user_frm dd { width:75%}
.user_frm input { width:68%; background:#f4f4f4; border:solid 1px #e9e9e9; height:22px; vertical-align:middle}
.user_frm input:hover,
.user_frm input:focus {border-color: #2bb0d1}
a.btn_login { color:#fff; font-size:13px; padding:18px 6%; float:right; margin:-70px 0 0 0;
background:#fc5f0b;
background: -moz-linear-gradient(top, #fc7c0b 0%, #fc5f0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc7c0b), color-stop(100%,#fc5f0b));
background: -webkit-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -o-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -ms-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: linear-gradient(to bottom, #fc7c0b 0%,#fc5f0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7c0b', endColorstr='#fc5f0b',GradientType=0 );}
a.btn_login:hover,
a.btn_login:focus { background:#eb5302; color:#FF0}

.btn_joinArea { padding: 15px 0; border-bottom: #ededed solid 1px; text-align:right }
.a40 .btn_joinArea {border-top: #ededed solid 1px; padding:30px 0}
/*.btn_joinArea a { padding:0 5px 0 12px; background: url(../img/deco_bar_12.png) no-repeat 0 3px; }
.btn_joinArea a:first-child { padding-left:0; background:none}*/

.btn_joinArea a { border:#ddd solid 1px; background: #fff; padding: 5px 10px;; border-radius:3px}

.pw_change_frm { overflow:hidden; padding:13px 0; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed}
.pw_change_frm dt,
.pw_change_frm dd { float:left; height:28px; padding:2px 0 0 0; vertical-align:middle}
.pw_change_frm dt { width:35%; height:24px; padding:6px 0 0 0}
.pw_change_frm dd { width:60%}
.pw_change_frm input { width:69%; background:#f4f4f4; border:solid 1px #e9e9e9; height:22px; vertical-align:middle}
.pw_change_frm input:hover,
.pw_change_frm input:focus {border-color: #2bb0d1}

a.btn_pw_change2 { color:#fff; font-size:13px; width:80px;height:50px;padding:36px 0 0 0; text-align:center;  float:right; margin:-102px 0 0 0;
background:#fc5f0b;
background: -moz-linear-gradient(top, #fc7c0b 0%, #fc5f0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc7c0b), color-stop(100%,#fc5f0b));
background: -webkit-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -o-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -ms-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: linear-gradient(to bottom, #fc7c0b 0%,#fc5f0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7c0b', endColorstr='#fc5f0b',GradientType=0 );}
a.btn_pw_change2:hover,
a.btn_pw_change2:focus { background:#eb5302; color:#FF0}

a.btn_gnb_login2 { display:block; width:80px; text-align:center; background:#FC5F0B; color:#fff; line-height:2em;border-radius:8px; font-size:12px; position:absolute; top:75px}
a.btn_gnb_login2:hover,
a.btn_gnb_login2:focus { background:#d84b00}

.login_txt { font-size:12px; color:#666; line-height:1.3em; padding:15px 0}
.login_txt p { padding:7px 0}
.login_txt .tel,
.login_txt .email { float:left}
.login_txt .tel span,
.login_txt .email span{ background:#ededed; color:#666; padding:3px 10px 3px 0}
.login_txt .tel span strong,
.login_txt .email span strong { background:#56afe2; color:#fff; padding:3px 8px 3px 10px; margin:0 5px 0 0}

.user_login_msg { overflow:hidden; padding:13px 0 20px 0; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed}
.user_login_msg p { font-size:15px; padding:0 0 15px 0}
.user_login_msg p strong {color:#333; font-weight:normal}

.mypage_info { overflow:hidden; padding:13px 0 20px 0; margin-top:20px; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed}
.mypage_info p { font-size:15px; padding:0 0 15px 0}
.mypage_info p strong {color:#333; font-weight:normal}
.mypage_info dd,
.mypage_info dt { width:27.5%; float:left; height:20px; padding:5px 0 0 0}
.mypage_info dd { width: 72%}
.mypage_info dt { color:#4b99cb}



/* a20 회원가입 */

.join_wrap { padding:30px 5% 20px 5%; margin:40px 0; background:#fcfcfc url(../img/bg_a20.png) no-repeat right 0; border:1px solid #efefef}
.join_wrap h3{ font-size:30px; color:#333; font-weight:normal;}
p.join_h3 {color:#999; font-size:13px; padding:8px 0 20px 0}

a.btn_join { color:#fff; font-size:13px; padding:18px 6%; float:right;
background:#fc5f0b;
background: -moz-linear-gradient(top, #fc7c0b 0%, #fc5f0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc7c0b), color-stop(100%,#fc5f0b));
background: -webkit-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -o-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -ms-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: linear-gradient(to bottom, #fc7c0b 0%,#fc5f0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7c0b', endColorstr='#fc5f0b',GradientType=0 );}
a.btn_join:hover,
a.btn_join:focus { background:#eb5302; color:#FF0}

.icon_musthave { display:inline-block; width:15px; height:15px; background:#f36620 url(../img/icon_mustHave.png) no-repeat center center; text-indent:-9999px; overflow:hidden; border-radius:50%; vertical-align:middle; margin-left:5px}

.terms_agree_wrap { border-bottom:#ddd dotted 1px ; padding:0 0 15px 0; margin:0 0 15px 0 }
.terms_agree_wrap p { padding:0 0 10px 0}


.join_wrap2 { overflow:hidden; padding:30px 5% 20px 45%; margin:40px 0; background:#fcfcfc url(../img/bg_a20.png) no-repeat 20px 20px; border:1px solid #efefef}
.join_wrap2 h3{ font-size:30px; color:#333; font-weight:normal;}
.join_wrap2 h3 span { display:block; color:#999; font-size:13px; padding:8px 0 20px 0}


/* a30 */
.myinfo_modify_wrap { overflow:hidden; padding:30px 5% 20px 5%; margin:40px 0; border:1px solid #efefef}
.myinfo_modify_wrap h3{ font-size:30px; color:#333; font-weight:normal;}

a.btn_logout { color:#fff; font-size:13px; padding:8px 6%;
background:#fc5f0b;
background: -moz-linear-gradient(top, #fc7c0b 0%, #fc5f0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc7c0b), color-stop(100%,#fc5f0b));
background: -webkit-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -o-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -ms-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: linear-gradient(to bottom, #fc7c0b 0%,#fc5f0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7c0b', endColorstr='#fc5f0b',GradientType=0 );}
a.btn_logout:hover,
a.btn_logout:focus { background:#eb5302; color:#FF0}

a.btn_pw_change { color:#fff; font-size:13px; padding:8px 6%;
background:#fc5f0b;
background: -moz-linear-gradient(top, #fc7c0b 0%, #fc5f0b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc7c0b), color-stop(100%,#fc5f0b));
background: -webkit-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -o-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: -ms-linear-gradient(top, #fc7c0b 0%,#fc5f0b 100%);
background: linear-gradient(to bottom, #fc7c0b 0%,#fc5f0b 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fc7c0b', endColorstr='#fc5f0b',GradientType=0 );}
a.btn_pw_change:hover,
a.btn_pw_change:focus { background:#eb5302; color:#FF0}


a.btn_goCS {color:#fff; font-size:13px; padding:8px 6%;
background: #2c6c9e;
background: -moz-linear-gradient(top,  #2c6c9e 0%, #174f8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6c9e), color-stop(100%,#174f8e));
background: -webkit-linear-gradient(top,  #2c6c9e 0%,#174f8e 100%);
background: -o-linear-gradient(top,  #2c6c9e 0%,#174f8e 100%);
background: -ms-linear-gradient(top,  #2c6c9e 0%,#174f8e 100%);
background: linear-gradient(to bottom,  #2c6c9e 0%,#174f8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6c9e', endColorstr='#46494e',GradientType=0 );
}
a.btn_goCS:hover,
a.btn_goCS:focus { background: #144065; color:#FF0 }

/* a50 */
.commnet label { color: #f60;  line-height: 3em}
.commnet textarea { width: 95%; height: 50px; padding: 10px 2%; }
#etc1 { height: 40px }

/* b00 */
.b10 .content { background:#fff url(../img/bg_b10.png) no-repeat right top}
.b20 .content { background:#fff url(../img/bg_b20.png) no-repeat right top}

.b10 h4,
.b40 h4 { font-size:21px; font-weight:normal; padding:20px 0 12px 0; color:#333; line-height:1.3em}
.b10 h4:after,
.b40 h4:after { display:block; content:""; width:57px; height:1px; margin:15px 0 0 0; background:#CCC}
.b40 h4:after { width: 36px}
.b10 .content div { padding:0 0 20px 0}
.b10 .content p { padding:0}

.b20 h4 { font-size:21px; font-weight:normal; padding:13px 0 12px 0; color:#333}
.b20 h4:after { display:block; content:""; width:57px; height:1px; margin:15px 0 0 0; background:#CCC}
.b20 .content ul { padding:0 0 20px 0}

.org { width:100%; height:500px; background:url(../img/b30_org.png) no-repeat; position:relative; overflow:hidden}
ul.org li { width:120px; font-size:15px; color: #333; position:fixed; left:-9999px}
/*
ul.org>li>strong { font-weight:normal; display:block;}
ul.org>li span { font-size:13px; color:#999}
ul.org>li ul { padding:4px 0; font-size:12px; color:#999}
ul.org li li { padding:0 0 0 12px; background:url(../img/deco_dot30.png) no-repeat 4px 8px; line-height:1.3em}
.org_10{top:46px; left:272px}
.org_20{top:312px; left:135px} 공공사업본부 
.org_30{top:250px; left:530px} 공공운영본부 
.org_40{top:333px; left:573px} 기술정보센터 
.org_50{top:238px; left:200px} 디자인팀 
.org_60{top:190px; left:485px} 경영지원실 
.org_70{top:147px; left:215px} 솔루션연구소 
.org_80{top:120px; left:453px} 경영지원실
*/

a.naver_map { float:right; color:#1eae00; font-weight:600; margin:-10px 0 10px }
a.naver_map:hover,
a.naver_map:focus { color:#48753f}
.location_info {padding:20px 0; overflow:hidden}
.location_info dt,
.location_info dd { float:left; width: 80%; padding:1px 0.5%}
.location_info dt { width:13%; color:#50adcf}


.h4 { font-size:21px; font-weight:normal; padding:30px 0 20px 0 ; color:#333}
.h4 span { padding:7px 0; border-bottom: solid 1px #CCC}


a.btn_brochure_dn {background:#14a8d9; color:#fff; padding:2px 8px; border-radius:4px; float:right}
a.btn_brochure_dn:hover,
a.btn_brochure_dn:focus { background:#09C}

/* c00 */
.c10 .content { background:#fff url(../img/bg_c10.png) no-repeat right top}
.c40 .content { background:#fff url(../img/bg_c40.png) no-repeat right top}

/* c20 */
.c20 .content section { width:33.5%; float:left; margin:40px 0 20px 0; padding:0 0 0 16%; height:130px; position:relative}
.c20 .content section h4 { font-size:19px; font-weight:normal; color:#333}
.c20 .content section ul { padding:10px 0}
.c20 .content section:before { display:block; content:""; position:absolute; top:0; left:0; width:86px; height:130px; padding:5px; border:#ddd 1px solid; box-shadow:0 2px 2px #CCC}
.c20 .content section.c20_certi1:before { background:#fff url(../img/c20_certi1.png) no-repeat center center / cover}
.c20 .content section.c20_certi2:before { background:#fff url(../img/c20_certi2.png) no-repeat center center / cover}
.c20 .content section.c20_certi3:before { background:#fff url(../img/c20_certi3.png) no-repeat center center / cover}
.c20 .content section.c20_certi4:before { background:#fff url(../img/c20_certi4.png) no-repeat center center / cover}
.c20 .content section.c20_certi5:before { background:#fff url(../img/c20_certi5.png) no-repeat center center / cover}

.h5 {font-size:14px; padding:20px 0 8px 0 ; color:#618ab1}
.h6 {font-size:14px; padding:20px 0 8px 0 ; color:#27A9E1}

.c30_KLAS,
.c30_KCMS,
.c30_KPRINT,
.c30_KSEARCH,
.c30_baroloan { position:relative}

.c30_baroloan:after { position:absolute; right:0; top:25px; display:block; content:""; width:260px; height:163px; background:url(../img/bi_baroloan2.png) no-repeat right 0 / contain}

.c30_KLAS:after { position:absolute; right:0; top:25px; display:block; content:""; width:295px; height:309px; background:url(../img/c30_klas.png) no-repeat center 0; box-shadow:0 2px 2px #CCC}
.c30_KLAS p {color:#618ab1}

.c30_KCMS { position:relative}
.c30_KCMS:after { position:absolute; right:0; top:10px; display:block; content:""; width:290px; height:220px; background:url(../img/c30_kcms.png) no-repeat right 0;}

.c30_KSEARCH { padding:10px 0}
.c30_KSEARCH:after { position:absolute; right:0; top:45px; display:block; content:""; width:290px; height:143px; background:url(../img/c30_ksearch.png) no-repeat center 0; box-shadow:0 2px 2px #CCC}


#c30_point.h4 { background:url(../img/bi_point.png) no-repeat 0 0; width: 280px;  margin-top:30px}
#c30_baroloan.h4 { background:url(../img/bi_baroloan.png) no-repeat 0 0; width: 207px;  margin-top:50px}
#c30_KLAS { background:url(../img/pi.png) no-repeat 0 18px; width: 120px; height:10px; margin-top:30px}
#c30_KCMS { background:url(../img/pi.png) no-repeat 0 -41px; width: 120px; height:10px; margin-top:15px}
#c30_KPRINT { background:url(../img/pi.png) no-repeat 0 -102px; width: 120px; height:10px; margin-top:15px}
#c30_KSEARCH { background:url(../img/pi.png) no-repeat 0 -162px; width: 120px; height:10px; margin-top:15px}
#c30_KSMS { background:url(../img/pi.png) no-repeat 0 -222px; width: 120px; height:10px; margin-top:15px}
#c30_KDEVICE { background:url(../img/pi.png) no-repeat 0 -282px; width: 120px; height:10px; margin-top:15px}
#c30_KREPORT { background:url(../img/pi.png) no-repeat 0 -402px; width: 120px; height:10px; margin-top:15px}
#c30_point.h4 span,
#c30_KLAS span,
#c30_KCMS span,
#c30_KPRINT span,
#c30_KSEARCH span,
#c30_baroloan span,
#c30_KSMS span,
#c30_KDEVICE span,
#c30_KREPORT span { position:fixed; left:-9999px}

.btn_kdot_soution { padding:30px 0 0 0; text-align:right;}
.btn_kdot_soution a{ background:#14a8d9 url(../img/icon_down.png) no-repeat 20px 5px; color:#fff; padding:10px 30px 10px 66px; border-radius:4px}
.btn_kdot_soution a:hover,
.btn_kdot_soution a:focus {background-color:#09C}
a.btn_kdot_dn,
a.btn_kdot_link { position:absolute; top:30px; left:120px; background:#14a8d9; color:#fff; padding:1px 8px; border-radius:4px}
a.btn_kdot_link {left:300px; background:#14a8d9 url(../img/iconLink.png) no-repeat 93% 4px; padding-right: 30px}

a.btn_baroloan_dn { position:absolute; top:30px; left:215px; background:#14a8d9; color:#fff; padding:1px 8px; border-radius:4px}

a.btn_kdot_dn:hover,
a.btn_kdot_dn:focus,
a.btn_kdot_link:hover,
a.btn_kdot_link:focus,
a.btn_baroloan_dn:focus,
a.btn_baroloan_dn:hover { background-color:#09C}

.li_60 li { padding:2px 0 3px 12px; background:url(../img/deco_dot60.png) no-repeat 3px 10px}

.dl_60 dt { padding:0 0 5px 12px; background:url(../img/deco_dot60.png) no-repeat 3px 8px; color:#27a9e1; font-weight:600}
.dl_60 dd { padding:0 0 14px 12px}

.li_62 { padding:10px 0 0 0}
.li_62 li { padding:1px 0 2px 25px; background:url(../img/icon_link.png) no-repeat 3px 2px}



/* d00 */
.remote { height:150px; margin:30px 0; padding:26px 0 0 270px; background:#f7f7f7 url(../img/d20_remore_bg.png) no-repeat 0 0; border:#dedede solid 1px}
p.remote_01 { padding:13px 0 0; color:#666; font-size:16px}
p.remote_02 { color:#999; padding:0 0 30px 0}
.remote a { padding: 10px 50px; color:#fff; box-shadow:#e3e3e3 0 2px 2px;
background: #2c6c9e;
background: -moz-linear-gradient(top,  #2c6c9e 0%, #174f8e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2c6c9e), color-stop(100%,#174f8e));
background: -webkit-linear-gradient(top,  #2c6c9e 0%,#174f8e 100%);
background: -o-linear-gradient(top,  #2c6c9e 0%,#174f8e 100%);
background: -ms-linear-gradient(top,  #2c6c9e 0%,#174f8e 100%);
background: linear-gradient(to bottom,  #2c6c9e 0%,#174f8e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c6c9e', endColorstr='#46494e',GradientType=0 );
}
.remote a:hover,
.remote a:focus {background: #144065; color:yellow}


.status_10,
.status_20,
.status_30,
.status_40,
.status_50 { display: inline-block; line-height:1.2em; width:50px; font-size:11px; font-weight:bold; letter-spacing:-1px; text-align:center; padding:3px; height:13px; border: solid 1px #ddd}

.status_10,
.status_40 { border-color:#ffc067; color:#ff671d }
.status_20 { border-color:#c9e141; color:#96b005 }
.status_30 { border-color:#97cfec; color:#26a0e0 }


.cs_status_ex { padding:20px; border:#eee solid 1px; background:#fefefe; overflow:hidden; margin:30px 0 0 0}
.cs_status_ex h4{ font-size:14px; color:#069; padding:0 0 10px 0; border-bottom: dotted 1px #ddd}
.cs_status_ex dl { padding:10px 0 0 0}
.cs_status_ex dt,
.cs_status_ex dd { float:left; width:90%; height:20px; padding:5px 0 0 0}
.cs_status_ex dt { width:10%}

.view_check { text-align:right; padding:0 0 20px 0}
.view_check li {display:inline;}
.view_check li:before { display:inline; content:","}
.view_check li:first-child:before { display:none}

.content_ready { background:url(../img/bg_d10.png) no-repeat 0 0; padding:110px 0 0 0; margin:20px 0 0 0; height:130px; color:#fff; font-size:16px; text-align:center }


/* footer */
footer h6{ width:220px; height:35px; overflow:hidden; text-indent: -9999px; background:url(../img/h6_ci.png) no-repeat 0 0}
footer dl { padding:0 0 7px 0; float:left}
footer .btn_privacy { float:right; padding-right:15px}
footer dt, footer dd { float:left; color:#9b9b9b; padding:0 8px 0 0}
footer dl dt:first-child { display:none}
footer dt { background:url(../img/deco_bar_12.png) no-repeat 0 2px ; padding:0 9px}
footer .copyright { color:#bebdbd; font-size:11px; clear:both}

.board_h3 { background:#e9e9e9; color:#000; margin:10px 0 0 0; padding: 10px ; border-top: 1px solid #636363; font-size:14px; font-family: '나눔고딕','NanumGothic','NanumGothicWeb','NanumGothicWebB','맑은 고딕','Malgun Gothic','돋움','굴림',Dotum,Gulim,sans-serif}
.board_info { background:#f9f9f9; border-top:dotted #ccc 1px; border-bottom:solid #ddd 1px; text-align:right; padding:10px 0; color:#717171}
.board_info dt,
.board_info dd { display:inline; padding:0 4px}
.board_info dt { color:#aaa; font-weight:bold}
.board_info dd { position:relative; padding-right:14px}
.board_info dd:after { display:block; width:1px; height:12px; content:""; background:#ddd; position:absolute; right:0 ; top:2px}
.board_info dd:last-child:after { display:none}

.board_info2 { background:#eee; border-bottom:dotted #ddd 1px; text-align:right; padding:7px 0; color:#717171}
.board_info2 dt,
.board_info2 dd { display:inline; padding:0 4px}
.board_info2 dt { color:#aaa; font-weight:bold}
.board_info2 dd { position:relative; padding-right:14px}
.board_info2 dd:after { display:block; width:1px; height:12px; content:""; background:#ddd; position:absolute; right:0 ; top:2px}
.board_info2 dd:last-child:after { display:none}

.board_content { padding:20px 0; line-height:1.4em; color:#777;font-family:'굴림',Gulim,'돋움',Dotum,sans-serif; }
.board_content p { padding:3px 0}

.board_content_write { padding:20px 0; text-align:center}
.board_content_write textarea { margin:0 auto}

.board_file { border-top: dotted #ddd 1px; margin:20px 0 0 0; padding:15px 0 20px 0; overflow:hidden}
.board_file h5 { float:left; margin:0 10px 0 0; vertical-align:middle }
.board_file h5 span,
.board_file h5 label { background:#999; padding:5px 10px; border-radius:4px; color:#fff; margin:0 0 20px 0; vertical-align:middle}



.write_re { border: solid 1px #ddd; background:#f9f9f9; margin:20px 0}
.h4_manager,
.h4_user { margin:0 0 -26px 10px; color:#f60; padding:8px 0 0 0}
.h4_manager { color:#1e78a8}
.write_re .board_content  { padding:15px}
.write_re .board_file { margin:0 15px}
.write_re .btn_area20 { margin:0 15px 0 15px; padding:20px 0}

/* btn */
.btn_area10 { padding:20px 0; margin:20px 0; overflow:hidden; border-top: dotted 1px #ededed; text-align:right}
.btn_area10 a { padding: 8px 35px; color:#fff; box-shadow:#e3e3e3 0 2px 2px;
background: #545861;
background: -moz-linear-gradient(top,  #545861 0%, #46494e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545861), color-stop(100%,#46494e));
background: -webkit-linear-gradient(top,  #545861 0%,#46494e 100%);
background: -o-linear-gradient(top,  #545861 0%,#46494e 100%);
background: -ms-linear-gradient(top,  #545861 0%,#46494e 100%);
background: linear-gradient(to bottom,  #545861 0%,#46494e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545861', endColorstr='#46494e',GradientType=0 );
}
.btn_area10 a:hover, .btn_area10 a:focus { background:#474a50; color:#ffde00}
.btn_area12 { margin:10px 0; border:none}



.btn_area20 { padding:10px 0 20px 0; margin:10px 0 20px 0; overflow:hidden; border-top: dotted 1px #ededed; text-align:right}
.btn_area20 a { padding: 4px 15px; color:#fff; box-shadow:#e3e3e3 0 2px 2px;
background: #545861;
background: -moz-linear-gradient(top,  #545861 0%, #46494e 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#545861), color-stop(100%,#46494e));
background: -webkit-linear-gradient(top,  #545861 0%,#46494e 100%);
background: -o-linear-gradient(top,  #545861 0%,#46494e 100%);
background: -ms-linear-gradient(top,  #545861 0%,#46494e 100%);
background: linear-gradient(to bottom,  #545861 0%,#46494e 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545861', endColorstr='#46494e',GradientType=0 );
}
.btn_area20 a:hover, 
.btn_area20 a:focus { background:#474a50; color:#ffde00}

.btn_area10.fail {border:none;}
.btn_area10.fail p{ padding: 0 0 20px 0;}


.title a.file { font-size:1px; color:#fff; display:inline-block; width:30px; height:22px; vertical-align:middle}

.pdf { background:url(../img/icon_file.png) center 0px no-repeat }
.ppt { background:url(../img/icon_file.png) center -22px no-repeat}

.board_file a.file {background-position: right 0;padding: 5px 30px 5px 0}

/* btn2 */
.btn2 {background: #fff none repeat scroll 0 0;border: 1px solid #ccc;border-radius: 3px;padding: 3px 10px; color:#666; font-family: '나눔고딕','NanumGothic','NanumGothicWeb','NanumGothicWebB','맑은 고딕','Malgun Gothic'; cursor:pointer}
.btn2:hover,
.btn2:focus { background:#ddd; color:#000}


/* table */

div.table_10,
table.table_10,
div.table_20,
table.table_20,
div.table_30,
table.table_30{ width:100%; border-top: solid 1px #636363; margin:10px 0 20px 0}

div.table_10 table,
div.table_20 table,
div.table_30 table{width:100%}

.table_10 th,
.table_10 td { padding:10px 5px; vertical-align:middle; line-height:1.3em; font-family:'굴림',Gulim,'돋움',Dotum,sans-serif; font-size:12px; color:#999}
.table_10 thead th {border-bottom:solid 1px #CCC;}
.table_10 thead th,
.table_10 thead td { background:#e9e9e9; padding:18px 5px; color:#666}
.table_10 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede;}
.table_10 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9; color:#999}
.table_10 tbody td.title { text-align:left; color:#717171}
.table_10 tfoot th,
.table_10 tfoot td { background: #fafafa;; padding:18px 5px; text-align:center}
.table_10 .th2 {background:#fafafa; text-align:center}

.table_20 th,
.table_20 td { padding:10px 5px; vertical-align:middle; text-align:center; line-height:1.3em; font-family:'굴림',Gulim,'돋움',Dotum,sans-serif; font-size:12px; color:#999}
.table_20 thead th {border-bottom:solid 1px #CCC;}
.table_20 thead th,
.table_20 thead td { background:#e9e9e9; padding:18px 5px; color:#666}
.table_20 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede;}
.table_20 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9; color:#999}
.table_20 tbody td.title { text-align:left; color:#717171}
.table_20 tfoot th,
.table_20 tfoot td { background: #fafafa;; padding:18px 5px; text-align:center}
.table_20 .th2 {background:#fafafa; text-align:center}

.table_30 th,
.table_30 td {
	padding: 10px 5px;
	vertical-align: middle;
	line-height: 1.3em;
	font-family: "굴림", Gulim, "돋움", Dotum, sans-serif;
	font-size: 12px;
	color: #999
}
.table_30 thead th {border-bottom:solid 1px #CCC;}
.table_30 thead th,
.table_30 thead td { background:#e9e9e9; padding:18px 5px; color:#666}
.table_30 tbody th { background:#f3f3f3; border-bottom: 1px solid #dedede; text-align: left}
.table_30 tbody td { background:#fff; border-bottom: 1px solid #e9e9e9; color:#999}
.table_30 tbody td.title { text-align:left; color:#717171}
.table_30 tfoot th,
.table_30 tfoot td { background: #fafafa;; padding:18px 5px; text-align:center}
.table_30 .th2 {background:#fafafa; text-align:center}

.page_nav { text-align:center}
.page_nav a,
.page_nav strong,
.page_nav span { display:inline-block; padding:3px 6px; border:#ededed 1px solid; background:#f9f9f9}
.page_nav span { color:#aaa}
.page_nav strong { background:#666; border-color:#333; color:#fff; text-decoration:underline}
.page_nav a.page_first,
.page_nav a.page_before,
.page_nav a.page_next,
.page_nav a.page_last {background:#999; border:#777 solid 1px; color:#fff; }
.page_nav a:hover,
.page_nav a:focus {background:#666; border-color:#333; color:#ffde2a}

.table_search { text-align:center; padding:10px 0; margin:40px 0 10px 0; border:#ddd solid 1px ; background:#fafafa url(../img/icon_search.png) no-repeat 21% 12px; line-height:1.2em}
a.btn_search { display:inline-block; background: #666 none repeat scroll 0 0; border: #333 solid 1px; color: #fff; height:20px; padding:5px 10px 0 10px; margin:0 0 0 -6px; line-height:1.2em; font-size:13px; vertical-align:middle}
a.btn_search:hover,
a.btn_search:focus { background: #474a50; color:#ffde00}

.board_quick_move { border:#ededed solid 1px; border-bottom:none; background:#f9f9f9;}
.board_quick_move:after { display:block; content:""; clear:both; *zoom:1}
.board_quick_move dt,
.board_quick_move dd { width:8%; height:20px; padding:5px 0 4px 7%;; float:left; border-bottom:solid 1px #ededed }
.board_quick_move dd { width:81%; padding-left:3%}
dt.board_before { background:#f6f6f6  url(../img/icon_list_before.png) no-repeat 20px 7px}
dt.board_next { background:#f6f6f6  url(../img/icon_list_next.png) no-repeat 20px 7px}

.table_search_02 { text-align:center; padding:10px 0; margin:10px 0 -12px 0; background:#2a667e; line-height:1.2em}
.table_search_02 select { border:#15526a solid 1px; font-size:12px}
.table_search_02 label { color:#fff; padding:0 10px}
.table_search_02 a.btn_sort{ background:#15526a; color:#fff; display:inline-block;  border: #333 solid 1px; color: #fff; height:20px; padding:5px 10px 0 10px; line-height:1.2em; font-size:13px; vertical-align:middle}
.table_search_02 a.btn_sort:hover,
.table_search_02 a.btn_sort:focus { background:#333; color:#FF0}

/* common */
.hidden,
.sr_only { position: fixed; top:-9999px; left:-9999px}

select,
textarea,
input {font-size: 12px; font-family: Guluim , '굴림', sans-serif}
select { border: solid 1px #aaa; background:#fff; padding:3px 5px; line-height:1.2em;}
select:hover, select:focus { border:solid 1px #2bb0d1}

.select70 { width:70%}
.select80 { width:80%}
.select90 { width:90%}
.select95 { width:95%}

.input98,.input97,.input95,.input90,.input85,.input80,.input75,.input70,.input65,.input60,.input55,.input50,.input45,.input40,.input35,.input30,.input25,.input20,.input15,.input10,.input07,.input05{border: solid 1px #ddd /*#aaa*/; background:#f9f9f9; padding:4px 4px 0 4px; height:21px; margin:1px}
.input98:hover,.input97:hover,.input95:hover,.input90:hover,.input85:hover,.input80:hover,.input75:hover,.input70:hover,.input65:hover,.input60:hover,.input55:hover,.input50:hover,.input45:hover,.input40:hover,.input35:hover,.input30:hover,.input25:hover,.input20:hover,.input15:hover,.input10:hover,.input07:hover,.input05:hover,
.input98:focus,.input97:focus,.input95:focus,.input90:focus,.input85:focus,.input80:focus,.input75:focus,.input70:focus,.input65:focus,.input60:focus,.input55:focus,.input50:focus,.input45:focus,.input40:focus,.input35:focus,.input30:focus,.input25:focus,.input20:focus,.input15:focus,.input10:focus,.input07:focus,.input05:focus {border:solid 1px #2bb0d1}
.input98 {width: 95%}
.input97 {width: 95%}
.input95 {width: 95%}
.input90 {width: 90%}
.input85 {width: 85%}
.input80 {width: 80%}
.input75 {width: 75%}
.input70 {width: 70%}
.input65 {width: 65%}
.input60 {width: 60%}
.input55 {width: 55%}
.input50 {width: 50%}
.input45 {width: 45%}
.input40 {width: 40%}
.input35 {width: 35%}
.input30 {width: 30%}
.input25 {width: 25%}
.input20 {width: 20%}
.input15 {width: 15%}
.input10 {width: 10%}
.input07 {width: 7%}
.input05 {width: 5%}

input[type="text"].dis,
input.readonly {border: solid 1px #ddd; background:#f6f6f6; color:#999; padding:4px;cursor: default}
select.readonly {border: solid 1px #ddd; background:#f6f6f6; color:#999; padding:4px;cursor: default}

.textare