body, table, div, p {font-family:dotum,gothic}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, form, fieldset, p, button, header, footer,object {margin: 0;padding: 0;}
img, input, fieldset {border: 0 none;}
img, input, select, textarea {vertical-align: top;}
ul, ol, li {list-style: none outside none;}

body, input, select, textarea, header, footer {color: #000000;font-family:dotum,sans-serif;font-size: 87.5%;font-weight: normal;}
address, em, i {font-style: normal;font-weight: normal;}
h1, h2, h3, h4, h5, strong {font-size: 1em;font-weight: normal;}
hr {display: none;}
a {color: #000000;text-decoration: none;text-overflow: ellipsis;}
a:link, a:hover, a:active {text-decoration: none;}
input:focus {outline: 0 none;}
input {border-radius: 0 0 0 0;}
input[type="text"] {border-radius: 0 0 0 0;}
input[type="checkbox"]:checked {background-color: #FFFFFF;}

html, body {margin:0;padding:0;}
body {background:#fff;font-size:12px;font-family:gulim;min-width:320px;word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;}
body img {max-width:100%;}
input,select,textarea {font-size:12px;}
img,p {border:0;margin:0;padding:0;}
form {display:inline;margin:0;padding:0;}
select {font-size:12px;font-family:dotum;}
label {cursor:pointer;}
a {text-decoration:none;color:#000;}
a:hover {color:#000;}
.cb {clear:both;}
.fl {float: left !important;}
.fr {float: right !important;}
.fh {text-indent:-10000px }
.skipNavigation {display:none}
.fixed {position:fixed !important;top:0;left:0;width: 100%;}
.fb {font-weight:bold !important;}
.alignCenter {text-align:center}
.bold {font-weight:bold}

#container {background:#fff;}

#mask {position:fixed;left:0;top:0;background:#000;opacity:0.7;z-index:-1;width:0px;height:0px;padding:0;border:0;margin:0}

#content {padding:0;min-height:340px;position:relative;}
#tabmenu {width:100%;text-align:center}
#tabmenu .tab4 li {display:inline-block;margin-top:3px;}

#footer .search {text-align:center;display:none;padding:7px 0 7px 0;background:#c9c9c9;border-top:#c0c0c0 solid 1px;}
#footer .search .inputx {width:76%;height:25px;background:#f0f0f0;border:#bbb solid 1px;border-radius:20px;padding:0 40px 0 12px;line-height:25px;}
#footer .search .submit {position:absolute;margin:6px 0 -3px -25px;}
#footer .foot {background:#e5e5e5;border-top:#c0c0c0 solid 1px;min-height:100px}
#footer .foot .btnbox {padding:10px 30px 10px 30px;text-align:center;}
#footer .foot .btnbox1 {padding:3px 30px 0 30px;text-align:center;}
#footer .foot .link {padding:3px 0 13px 0;text-align:center;}
#footer .foot .link span {font-size:15px;color:#999;}
#footer .foot .link a {font-size:11px;color:#787878;letter-spacing:-1px;}
#footer .foot .link i {display:inline-block;width:1px;height:9px;margin:0 2px -1px 3px;background:#c0c0c0;}

#footer .foot .address, #footer .foot .telnumber {font-size:15px;text-align:center;color:#888;letter-spacing:-0.5px;font-weight:bold;}
#footer .foot .telnumber {}
#footer .foot .telnumber a {color:#555}
#footer .foot .address {padding-top:2px;}

#rightMenu {width:80px;height:100%;}
#rightMenu .btnMyDesk {padding:8px;padding:40px 0 30px 0;}
#rightMenu .btnMyDesk li{width:68px;text-align:center;margin-bottom:11px;position:relative;}
#rightMenu .btnMyDesk li span.mcounter {position:absolute;top:-3px;right:5px;display:inline-block;text-indent:0;margin:0;background:#ff4200;border:1px #fff solid;padding:2px 3px;text-align:center;border-radius:10px;min-width:11px;font-weight:bold}
#rightMenu .btnMyDesk li a{display:inline-block;width:50px;height:50px;background:url(./image/r_icon.png) no-repeat;}
#rightMenu .btnMyDesk li span {font-size:11px;letter-spacing:-1px;color:#fff;color:#fff;text-align:center;text-shadow:1px 1px #000}
#rightMenu .btnMyDesk li a.ric01 {background-position:0 0}
#rightMenu .btnMyDesk li a.ric02 {background-position:0 -50px}
#rightMenu .btnMyDesk li a.ric03 {background-position:0 -100px}
#rightMenu .btnMyDesk li a.ric04 {background-position:0 -150px}
#rightMenu .btnMyDesk li a.ric05 {background-position:0 -200px}
#rightMenu .btnMyDesk li a.ric06 {background-position:0 -250px}
#rightMenu .btnMyDesk li a.ric07 {background-position:0 -300px}
#rightMenu .btnMyDesk li a.ric08 {background-position:0 -350px}
#rightMenu .btnMyDesk li a.ric09 {background-position:0 -400px}
#rightMenu .btnMyDesk li a.ric10 {background-position:0 -450px}
#rightMenu .btnMyDesk li a.ric11 {background-position:0 -500px}
#rightMenu .btnMyDesk li a.ricad01 {background-position:-50px 0}
.sidemenu-right{right:0; margin-right:-1000px;visibility:hidden}

/*경로*/
#webPath{font: 11px dotum, sans-serif;letter-spacing:-1px;background:url(./image/bc_bg.png) repeat-x;border-top:solid 1px #cacaca;border-bottom:solid 1px #cacaca;width:100%;overflow:hidden;margin:0px;padding:0px;overflow:hidden;height:22px;}
#webPath li{list-style-type:none;float:left;padding-left:3px;height:22px;display:block;background:url(./image/bc_separator.png) no-repeat center right; padding-right: 15px;text-decoration: none;color:#888;line-height:23px;text-shadow:1px 1px 0px #fff;}
#webPath li:first-child {margin-left:10px;}

/*버튼*/
.button3d {margin: 0 0 5px;padding: 0 8px;height:22px;line-height: 22px;font-size: 11px;color: #666;text-decoration: none;text-shadow: 0 1px white;background: #dfdfdf;border-width: 1px 1px 0;border-style: solid;border-color: #cecece #bababa #a8a8a8;border-radius: 3px 3px 2px 2px;outline: 0;display: inline-block;vertical-align: baseline;zoom: 1;*display: inline;*vertical-align: auto;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;background-image: -webkit-linear-gradient(top, #f1f1f1, #dfdfdf 70%, #dadada);background-image: -moz-linear-gradient(top, #f1f1f1, #dfdfdf 70%, #dadada);background-image: -o-linear-gradient(top, #f1f1f1, #dfdfdf 70%, #dadada);background-image: linear-gradient(to bottom, #f1f1f1, #dfdfdf 70%, #dadada);-webkit-box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);box-shadow: inset 0 1px #fdfdfd, inset 0 0 0 1px #eaeaea, 0 1px #a8a8a8, 0 3px #bbbbbb, 0 4px #a8a8a8, 0 5px 2px rgba(0, 0, 0, 0.25);}
.button3d:hover, .button3d:active {background: #dfdfdf;border-top-color: #c9c9c9;}
.button3d:active, .button3d.green:active, .button3d.blue:active, .button3d.yellow:active, .button3d.red:active, .button3d.purple:active, .button3d.grey:active, .button3d.black:active {vertical-align: -5px;margin-bottom: 0;padding: 2px 9px 0;border-width: 0;border-radius: 3px;-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white;box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.4), 0 1px white;}
.button3d.green {color: #465f25;text-shadow: 0 1px #d9f3b5;background: #94d362;border-color: #91ce5e #7ab04b #5e903f;background-image: -webkit-linear-gradient(top, #c0eb85, #94d362 70%, #8ed258);background-image: -moz-linear-gradient(top, #c0eb85, #94d362 70%, #8ed258);background-image: -o-linear-gradient(top, #c0eb85, #94d362 70%, #8ed258);background-image: linear-gradient(to bottom, #c0eb85, #94d362 70%, #8ed258);-webkit-box-shadow: inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(0, 0, 0, 0.4);box-shadow: inset 0 1px #d9f3b5, inset 0 0 0 1px #b1e095, 0 1px #5e903f, 0 3px #6da445, 0 4px #5e903f, 0 5px 2px rgba(0, 0, 0, 0.4);}
.button3d.green:hover, .button3d.green:active {background: #94d362;border-top-color: #82bd53;}
.button3d.blue {color: #236277;text-shadow: 0 1px #c2ecf9;background: #61cdf3;border-color: #6fbad1 #3fa3c0 #3583ab;background-image: -webkit-linear-gradient(top, #9be5fa, #61cdf3 70%, #5fbde8);background-image: -moz-linear-gradient(top, #9be5fa, #61cdf3 70%, #5fbde8);background-image: -o-linear-gradient(top, #9be5fa, #61cdf3 70%, #5fbde8);background-image: linear-gradient(to bottom, #9be5fa, #61cdf3 70%, #5fbde8);-webkit-box-shadow: inset 0 1px #c5f0fd, inset 0 0 0 1px #8ad1eb, 0 1px #3583ab, 0 3px #3f9db8, 0 4px #3583ab, 0 5px 2px rgba(0, 0, 0, 0.4);box-shadow: inset 0 1px #c5f0fd, inset 0 0 0 1px #8ad1eb, 0 1px #3583ab, 0 3px #3f9db8, 0 4px #3583ab, 0 5px 2px rgba(0, 0, 0, 0.4);}
.button3d.blue:hover, .button3d.blue:active {background: #61cdf3;border-top-color: #3eaac9;}
.button3d.yellow {color: #7e4f27;text-shadow: 0 1px #f2e294;background: #f6ba49;border-color: #efb443 #d9a238 #a57825;background-image: -webkit-linear-gradient(top, #ffdd67, #f6ba49 70%, #f4b03e);background-image: -moz-linear-gradient(top, #ffdd67, #f6ba49 70%, #f4b03e);background-image: -o-linear-gradient(top, #ffdd67, #f6ba49 70%, #f4b03e);background-image: linear-gradient(to bottom, #ffdd67, #f6ba49 70%, #f4b03e);-webkit-box-shadow: inset 0 1px #ffeca6, inset 0 0 0 1px #e5c96d, 0 1px #a57825, 0 3px #c08a28, 0 4px #a57825, 0 5px 2px rgba(0, 0, 0, 0.4);box-shadow: inset 0 1px #ffeca6, inset 0 0 0 1px #e5c96d, 0 1px #a57825, 0 3px #c08a28, 0 4px #a57825, 0 5px 2px rgba(0, 0, 0, 0.4);}
.button3d.yellow:hover, .button3d.yellow:active {background: #f6ba49;border-top-color: #e5ab3d;}
.button3d.red {color: #702526;text-shadow: 0 1px #ea8f99;background: #e46565;border-color: #e1696e #c85252 #a03a38;background-image: -webkit-linear-gradient(top, #eb9093, #e46565 70%, #e25755);background-image: -moz-linear-gradient(top, #eb9093, #e46565 70%, #e25755);background-image: -o-linear-gradient(top, #eb9093, #e46565 70%, #e25755);background-image: linear-gradient(to bottom, #eb9093, #e46565 70%, #e25755);-webkit-box-shadow: inset 0 1px #dcaaaa, inset 0 0 0 1px #df777a, 0 1px #a03a38, 0 3px #be4b49, 0 4px #a03a38, 0 5px 2px rgba(0, 0, 0, 0.4);box-shadow: inset 0 1px #dcaaaa, inset 0 0 0 1px #df777a, 0 1px #a03a38, 0 3px #be4b49, 0 4px #a03a38, 0 5px 2px rgba(0, 0, 0, 0.4);}
.button3d.red:hover, .button3d.red:active {background: #e46565;border-top-color: #d0585a;}
.button3d.purple {color: #714667;text-shadow: 0 1px #f2c5e6;background: #e393d3;border-color: #e391d0 #c27ab3 #8a517d;background-image: -webkit-linear-gradient(top, #f1bee3, #e393d3 70%, #df8dce);background-image: -moz-linear-gradient(top, #f1bee3, #e393d3 70%, #df8dce);background-image: -o-linear-gradient(top, #f1bee3, #e393d3 70%, #df8dce);background-image: linear-gradient(to bottom, #f1bee3, #e393d3 70%, #df8dce);-webkit-box-shadow: inset 0 1px #f5d6ee, inset 0 0 0 1px #dcaacf, 0 1px #8a517d, 0 3px #a7619a, 0 4px #8a517d, 0 5px 2px rgba(0, 0, 0, 0.4);box-shadow: inset 0 1px #f5d6ee, inset 0 0 0 1px #dcaacf, 0 1px #8a517d, 0 3px #a7619a, 0 4px #8a517d, 0 5px 2px rgba(0, 0, 0, 0.4);}
.button3d.purple:hover, .button3d.purple:active {background: #e393d3;border-top-color: #c87eb8;}
.button3d.grey {color: #41505b;text-shadow: 0 1px #c2d0db;background: #90aabd;border-color: #909eab #768791 #50606e;background-image: -webkit-linear-gradient(top, #bccbd7, #90aabd 70%, #83a0b4);background-image: -moz-linear-gradient(top, #bccbd7, #90aabd 70%, #83a0b4);background-image: -o-linear-gradient(top, #bccbd7, #90aabd 70%, #83a0b4);background-image: linear-gradient(to bottom, #bccbd7, #90aabd 70%, #83a0b4);-webkit-box-shadow: inset 0 1px #d0dae2, inset 0 0 0 1px #99b5ce, 0 1px #50606e, 0 3px #627786, 0 4px #50606e, 0 5px 2px rgba(0, 0, 0, 0.4);box-shadow: inset 0 1px #d0dae2, inset 0 0 0 1px #99b5ce, 0 1px #50606e, 0 3px #627786, 0 4px #50606e, 0 5px 2px rgba(0, 0, 0, 0.4);}
.button3d.grey:hover, .button3d.grey:active {background: #90aabd;border-top-color: #8495a0;}
.button3d.black {color: #f1f1f1;text-shadow: 0 1px #111;background: #4f4f4f;border-color: #505050 #414141 #2c2c2c;background-image: -webkit-linear-gradient(top, dimgrey, #4f4f4f 70%, #3c3c3c);background-image: -moz-linear-gradient(top, dimgrey, #4f4f4f 70%, #3c3c3c);background-image: -o-linear-gradient(top, dimgrey, #4f4f4f 70%, #3c3c3c);background-image: linear-gradient(to bottom, dimgrey, #4f4f4f 70%, #3c3c3c);-webkit-box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 0 3px #444444, 0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);box-shadow: inset 0 1px #828282, inset 0 0 0 1px #555555, 0 1px #2c2c2c, 0 3px #444444, 0 4px #2c2c2c, 0 5px 2px rgba(0, 0, 0, 0.4);}
.button3d.black:hover, .button3d.black:active {background: #4f4f4f;border-top-color: #494949;}
.lt-ie9 .button3d {border-width: 1px;padding: 0 12px;}

.buttomRD {margin-top:3px;display:inline-block;padding:0px 10px;height:22px;line-height: 24px;font-size: 11px;text-decoration: none;border: 1px solid;border-radius:12px;color: #555;text-shadow: 0 1px rgba(255, 255, 255, 0.7);background: #f2f2f2;border-color: #bababa #b6b6b6 #a5a5a5;text-align:center;letter-spacing:-1px;background-image: -webkit-linear-gradient(top, white, #dedede);background-image: -moz-linear-gradient(top, white, #dedede);background-image: -o-linear-gradient(top, white, #dedede);background-image: linear-gradient(to bottom, white, #dedede);-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.06);box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.06);}
.buttomRD:active {background: #dedede;border-color: #b4b4b4 #b4b4b4 #a5a5a5;background-image: -webkit-linear-gradient(top, #e1e1e1, #f8f8f8);background-image: -moz-linear-gradient(top, #e1e1e1, #f8f8f8);background-image: -o-linear-gradient(top, #e1e1e1, #f8f8f8);background-image: linear-gradient(to bottom, #e1e1e1, #f8f8f8);}
.btnTop {width:29px;height:27px;position:fixed;bottom:15px;right:15px;display:none;background: url(./image/icons.png) no-repeat -49px -74px ;}

.pd0 {padding:0px !important}
.pd10 {padding:10px !important}
.pd15 {padding:15px !important}
.pd20 {padding:20px !important}
.pdl25{padding-left:25px !important}



/*forms*/
.input[type="text"], .input[type="email"], .input[type="url"], .input[type="search"], .input[type="number"] {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;background: none repeat scroll 0 0 white;border-color: #bbb #c6c6c6 #c6c6c6;border-image: none;border-radius: 3px;border-right: 1px solid #c6c6c6;border-style: solid;border-width: 1px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06) inset, 0 1px rgba(255, 255, 255, 0.4);color: #666;display: inline-block;height: 29px;padding: 0 7px;vertical-align: top;}
.input[type="text"]:focus, .input[type="email"]:focus, .input[type="url"]:focus, .input[type="search"]:focus, .input[type="number"]:focus {background: none repeat scroll 0 0 white;border-color: #51b5fb;box-shadow: 0 0 2px #51b5fb inset, 0 0 3px #51b5fb;color: #404040;outline: medium none;}
:-moz-placeholder {color: #aaa !important;}
*::-moz-placeholder {color: #aaa !important;opacity: 1;}
.lt-ie9 input {line-height: 27px;}
/*checkbox*/
.adcheck {-moz-user-select: none;display: inline-block;position: relative;vertical-align: top;width: 58px;}
.adcheck > label {background: none repeat scroll 0 0 white;border: 2px solid #d9d9d9;border-radius: 13px;color: #bbb;display: block;font-size: 10px;font-weight: bold;line-height: 20px;position: relative;text-align: center;text-transform: uppercase;transition: all 0.15s ease-out 0s;}
.adcheck > label::before {content: attr(data-off);position: absolute;right: 3px;top: 0;width: 33px;}
.adcheck > label::after {background: none repeat scroll 0 0 #ccc;border-radius: 13px;content: "";display: block;height: 17px;margin: 2px;width: 17px;}
.adcheck > input {height: inherit;left: 0;opacity: 0;position: absolute;top: 0;width: inherit;}
.adcheck > input:focus {outline: medium none;}
.adcheck > input:focus + label {border-color: #3fb6f2;color: #10a4ee;}
.adcheck > input:focus + label::after {background: none repeat scroll 0 0 #3fb6f2;}
.adcheck > input:checked + label {background: none repeat scroll 0 0 #3fb6f2;border-color: #3fb6f2;color: white;padding-left: 33px;}
.adcheck > input:checked + label::before {content: attr(data-on);left: 1px;}
.adcheck > input:checked + label::after {background: none repeat scroll 0 0 white;height: 19px;margin: 1px;width: 19px;}
.adcheck > input:checked:focus + label {background: none repeat scroll 0 0 #10a4ee;border-color: #10a4ee;}

.adcheck-square > label {border-radius: 2px;}
.adcheck-square > label::before {width: 25px;}
.adcheck-square > label::after {border-radius: 1px;width: 21px;}
.adcheck-square > input:checked + label {padding-left: 29px;}
.adcheck-square > input:checked + label::after {width: 23px;}

.adcheck-green > input:checked + label {background: none repeat scroll 0 0 #00cc66;border-color: #00cc66;}
.adcheck-green > input:checked:focus + label {background: none repeat scroll 0 0 #00cc66;border-color: #00cc66;}
.adcheck-green > input:focus + label {border-color: #00cc66;color: #00cc66;}
.adcheck-green > input:focus + label::after {background: none repeat scroll 0 0 #00cc66;}
.adcheck-green > input:checked + label::before {content: attr(data-on);left: 1px;color:#fff}
.adcheck-green > input:checked + label::after {background: none repeat scroll 0 0 white;height: 19px;margin: 1px;width: 19px;}




.adcheck-red > input:checked + label {background: none repeat scroll 0 0 #ff0000;border-color: #ff0000;}
.adcheck-red > input:checked:focus + label {background: none repeat scroll 0 0 #d7580c;border-color: #d7580c;}

.adcheck-orange > input:checked + label {background: none repeat scroll 0 0 #ff6000;border-color: #ff6000;}
.adcheck-orange > input:checked:focus + label {background: none repeat scroll 0 0 #da5505;border-color: #da5505;}
.adcheck-orange > input:focus + label {border-color: #ff6000;color: #ff6000;}
.adcheck-orange > input:focus + label::after {background: none repeat scroll 0 0 #ff6000;}
.adcheck-orange > input:checked + label::before {content: attr(data-on);left: 1px;}
.adcheck-orange > input:checked + label::after {background: none repeat scroll 0 0 white;height: 19px;margin: 1px;width: 19px;}


.lt-ie9 .adcheck {background: none repeat scroll 0 0 white;border: 2px solid #d9d9d9;height: 21px;width: 54px;}
.lt-ie9 .adcheck > label {display: none;}
.lt-ie9 .adcheck > input {height: inherit;position: static;vertical-align: top;width: inherit;}

/*사용자저장파일*/
.usersavePreview {position:fixed;bottom:0;width:100%;height:50px;background:#ff0000;;font-size:11px;color:#fff;font-weight:bold;z-index:2500;border-top:1px #000 solid;}
.usersavePreview.blue {background:blue}
.usersavePreview .usersaveBox {padding:8px 10px;text-align:center;position:relative;letter-spacing:-0.4px}
.usersavePreview .usersaveBox .btnCancle, .usersavePreview .usersaveBox .btnUsersaveOk {position:absolute;box-shadow:2px 2px 5px rgba(0,0,0,.5);top:6px;font-size:13px;width:30px;height:25px;line-height:25px;border-radius:13px}
.usersavePreview .usersaveBox .btnCancle {left:10px;}
.usersavePreview .usersaveBox .btnUsersaveOk {right:10px;}