@charset "utf-8";
/* Type Selector */
html {filter: x-expression(document.execCommand("BackgroundImageCache", false, true))}
html, body {width:100%; min-width:1270px; height:100%}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button{margin:0;padding:0;-webkit-text-size-adjust:none}
body,input,textarea,select,table,button{font-size:12px; color:#5b5b5b; line-height:1.25em}
body{/*word-wrap:break-word; word-break:break-all; white-space:nowrap;*/ font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif, dotum}
img, fieldset, button{border:none}
img {-ms-interpolation-mode: bicubic}
hr, button img{display:none}
li{list-style:none}
a{text-decoration:none; color:#5b5b5b}
a:hover, a:active, a:focus{text-decoration:underline}
textarea{overflow:auto; resize:none}
legend {position:absolute;top:0px;left:0px;width:0px;height:0px;overflow:hidden;visibility:hidden;font-size:0px;line-height:0px} /* For Screen Reader */
.blind {position:absolute;left:0px;line-height:0px;visibility:hidden}
caption {display:none}
.png24 {tmp:expression(setPng24(this))}
a.btn {margin-left:5px; padding:0px 20px 0px 20px; height:23px; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#5b5b5b; line-height:25px; background:url('../images/bg_btn.gif') repeat-x; text-decoration:none; border:1px solid #c0bfbf;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 1px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34
}
a.btn1 {display:block; padding:0px 10px 0px 10px; height:28px; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:17px; color:#fff; line-height:26px; background:#ed2228; float:left;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 2px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34; text-shadow:1px 1px 1px #000;
text-decoration:none
}
button.btn {width:73px; height:25px; line-height:15px; vertical-align:top; border:1px solid #c0bfbf; cursor:pointer; background:url('../images/bg_btn.gif') repeat-x;
font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#5b5b5b;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 1px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34
}
input.submit {width:73px; height:28px; line-height:15px; vertical-align:top; border:1px solid #c0bfbf; cursor:pointer; background:url('../images/bg_btn.gif') 0px bottom repeat-x;
font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#5b5b5b;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 1px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34
}
input.checkbox {margin:0px; padding:0px; width:14px; height:14px; overflow:hidden}
/* Layout */
#wrap {min-width:800px; height:100%; *zoom:1}
/* Header */
#wrap #header {position:relative; height:60px; border-bottom:2px solid #dcdcdc; z-index:1; *zoom:1}
#wrap #header .header_wrap {position:relative; height:60px; z-index:1; *zoom:1}
#wrap #header .header_wrap h1 {display:inline; width:250px; margin:10px -250px 0px 10px; *margin-right:0px; float:left}
#wrap #header .header_wrap ul,
#wrap #header .header_wrap ul li {display:inline; float:left}
#wrap #header .header_wrap ul.tnb {position:relative; margin:0px; padding:0px 40px 0px 10px; background:#0073be; float:right; z-index:20;
border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:10px;
-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:10px;
-moz-border-top-left-radius:0px; -moz-border-top-right-radius:0px; -moz-border-bottom-right-radius:0px; -moz-border-bottom-left-radius:10px
}
#wrap #header .header_wrap ul.tnb li {position:relative; padding:0px 10px 0px 10px; height:18px; line-height:18px; font-size:9px; background:url('../images/bg_tnbBar.gif') right 50% no-repeat}
#wrap #header .header_wrap ul.tnb li.last {background:none}
#wrap #header .header_wrap ul.tnb li a {color:#9ad1f0}
#wrap #header .header_wrap ul.tnb li a:hover {text-decoration:none; color:#ff383f}
#wrap #header .header_wrap div.gnb {position:relative; margin:0px 0px 0px 250px; z-index:1; background:url('../images/bg_gnbBody.gif') 70px bottom repeat-x; *zoom:1}
*:first-child+html #wrap #header .header_wrap div.gnb {margin-top:18px} /* IE7 */
#wrap #header .header_wrap div.gnb:after {content:""; display:block; clear:both}
#wrap #header .header_wrap div.gnb ul {position:relative; margin-top:10px; width:100%; height:32px; background:url('../images/bg_gnb.gif') 0px 0px no-repeat; z-index:1; float:left}
#wrap #header .header_wrap div.gnb li {display:inline; height:32px; font-size:13px; line-height:30px; z-index:5}
#wrap #header .header_wrap div.gnb li.first-child {margin-left:50px}
#wrap #header .header_wrap div.gnb li a {display:block; padding:0px 15px 0px 15px; height:32px; font-weight:bold; color:#5b5b5b; text-decoration:none}
#wrap #header .header_wrap div.gnb li a:hover {background:url('../images/bg_gnbHover.gif') repeat-x}
/* Portal Navigation */
.pnb, .pnb_wrap {*zoom:1}
.pnb:after, .pnb_wrap:after {content:""; display:block; clear:both}
.pnb {position:absolute; top:-40px; left:0px; width:100%; z-index:100}
.pnb_wrap {position:relative; padding:0px 10px 0px 10px; height:40px; background:red}
.pnb_wrap ul, .pnb_wrap li {display:inline; float:left}
.pnb_wrap ul.left {}
.pnb_wrap ul.right {float:right}
.pnb_wrap a#menuAnchor {display:block; width:150px; height:30px; z-index:150}
.pnb_wrap a.menu_up,
.pnb_wrap a.menu_down {position:absolute; top:40px; right:0px}
.pnb_wrap a.menu_up, .pnb_wrap a.menu_up:hover, .pnb_wrap a.menu_up:focus {color:#dd8e8e; background:#929091}
.pnb_wrap a.menu_down, .pnb_wrap a.menu_down:hover, .pnb_wrap a.menu_down:focus {color:#dd8e8e; background:yellow}
/* Container*/
#wrap #container {margin:-62px 0px -51px 0px; min-height:100%; _height:100%; *zoom:1}
#wrap #container .contents {margin:0px; padding:62px 0px 51px 0px; width:100%; *zoom:1}
#wrap #container .snb {clear:both; display:inline; margin:60px -210px 0px 10px; *margin-right:0px; padding-bottom:5px; width:210px; font-size:12px; background:#0073be; float:left; *zoom:1;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 2px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34
}
#wrap #container .snb dl,
#wrap #container .snb dl dt,
#wrap #container .snb dl dd {display:inline; width:200px; float:left}
#wrap #container .snb dl {margin:10px 0px 0px 5px}
#wrap #container .snb dl dt {padding-bottom:10px; height:20px; line-height:20px; color:#9ad1f0; text-align:center; font-size:12px; font-weight:bold}
#wrap #container .snb dl dd {width:200px; height:25px; line-height:25px; background:#b5c8ee}
#wrap #container .snb dl dd a {display:block; padding:0px 10px 0px 10px; width:180px; height:25px; font-size:12px; color:#fff; text-decoration:none; letter-spacing:-1px}
#wrap #container .snb dl dd a:hover,
#wrap #container .snb dl dd.con a {color:#3c5e9b; background:#b5c8ee url('../images/bg_snbHover.gif') 0px bottom repeat-x}
#wrap #container .snb dl dd.first-child {padding-top:10px;
border-top-left-radius:5px; border-top-right-radius:5px; border-bottom-right-radius:0px; border-bottom-left-radius:0px;
-webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px;
-moz-border-top-left-radius:5px; -moz-border-top-right-radius:5px; -moz-border-bottom-right-radius:0px; -moz-border-bottom-left-radius:0px
}
#wrap #container .snb dl dd.last-child {padding-bottom:10px;
border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:5px; border-bottom-left-radius:5px;
-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:5px; -webkit-border-bottom-left-radius:5px;
-moz-border-top-left-radius:0px; -moz-border-top-right-radius:0px; -moz-border-bottom-right-radius:5px; -moz-border-bottom-left-radius:5px
}
#wrap #container .section_maincontents {margin:35px 0px 0px 210px; *zoom:1}
*:first-child+html #wrap #container .section_maincontents {padding-top:35px} /* IE7 */
#wrap #container .section_maincontents h2 {font:14px dotum; color:#1893e1; font-weight:bold; text-indent:50px; background:url('../images/bul_h2.gif') 40px 50% no-repeat}
#wrap #container .section_maincontents div.substance {margin:15px 0px 0px 40px; *zoom:1}
/* Search */
#wrap #container .section_maincontents div.substance div.search {position:relative; width:99%; height:60px; font-size:12px; color:#5b5b5b; line-height:53px;
background:url('../images/bg_snbHover.gif') 0px bottom repeat-x; overflow:hidden; *zoom:1;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 1px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34; border:1px solid #d9d9d9
}
#wrap #container .section_maincontents div.substance div.search:after {content:""; display:block; clear:both}
#wrap #container .section_maincontents div.substance div.search input,
#wrap #container .section_maincontents div.substance div.search button,
#wrap #container .section_maincontents div.substance div.search select,
#wrap #container .section_maincontents div.substance div.search label,
#wrap #container .section_maincontents div.substance div.search a {font-size:12px; color:#5b5b5b; vertical-align:middle}
#wrap #container .section_maincontents div.substance div.search label {margin-left:15px}
#wrap #container .section_maincontents div.substance div.search input.txtbox {padding:2px; width:135px; border:1px solid #d9d9d9}
#wrap #container .section_maincontents div.substance div.search button.btn {margin-left:3px; width:80px; height:22px; line-height:18px; border:1px solid #c0bfbf; cursor:pointer; background:url('../images/bg_btn.gif') repeat-x;
font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#5b5b5b;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 2px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34
}
#wrap #container .section_maincontents div.substance div.search a.btn {
display:inline-block; margin-left:5px; padding:0px; width:130px; height:20px; line-height:18px; text-align:center; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#5b5b5b; background:url('../images/bg_btn.gif') repeat-x; text-decoration:none; border:1px solid #c0bfbf;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 2px #292d34; -webkit-box-shadow:1px 1px 2px #292d34;
}
#wrap #container .section_maincontents div.substance div.search a.btn img,
#wrap #container .section_maincontents div.substance div.search a.btn span {margin:0px; padding:0px; vertical-align:middle}
/* Content */
#wrap #container .section_maincontents div.substance div.content {position:relative; display:inline; margin-top:25px; padding-bottom:30px; width:99%; float:left}
#wrap #container .section_maincontents div.substance div.content div.header_table {display:inline; width:100%; overflow-y:scroll; float:left;
scrollbar-face-color:#fff;
scrollbar-highlight-color: #fff;
scrollbar-shadow-color: #fff;
scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;
scrollbar-arrow-color: #fff;
scrollbar-darkshadow-color:#fff;
filter:chroma(color=#ffffff);
}
#wrap #container .section_maincontents div.substance div.content div.header_table table {width:99.5%}
*:first-child+html #wrap #container .section_maincontents div.substance div.content div.header_table table {width:98.5%} /* IE7 */
#wrap #container .section_maincontents div.substance div.content div.blank {position:absolute; top:0px; right:0px; width:17px; height:28px; background:#fff}
#wrap #container .section_maincontents div.substance div.content div.inner_table {display:inline; width:100%; height:193px; overflow:auto; overflow-y:scroll; overflow-x:hidden; float:left}
#wrap #container .section_maincontents div.substance div.content div.inner_table table {width:99.5%; height:31px}
*:first-child+html #wrap #container .section_maincontents div.substance div.content div.inner_table table {width:98.5%; height:31px} /* IE7 */
@media screen and (-webkit-min-device-pixel-ratio:0){#wrap #container .section_maincontents div.substance div.content div.header_table {height:28px !important}} /* Chrome Hack */
@-moz-document url-prefix() {#wrap #container .section_maincontents div.substance div.content div.header_table th {height:31px}} /* FF */
*:first-child+html #wrap #container .section_maincontents div.substance div.content div.header_table {overflow-y:hidden} /* IE7 */
@media screen and (-webkit-min-device-pixel-ratio:0){#wrap #container .section_maincontents div.substance div.content div.inner_table {height:189px !important}} /* Chrome Hack */
@-moz-document url-prefix() {#wrap #container .section_maincontents div.substance div.content div.inner_table {height:189px}} /* FF */
*:first-child+html #wrap #container .section_maincontents div.substance div.content div.inner_table {height:196px} /* IE7 */
@-moz-document url-prefix() {#wrap #container .section_maincontents div.substance div.content div.blank {height:32px}} /* FF */
/* Scoll Width */
#wrap #container .section_maincontents div.substance div.content div.scroll_width {position:relative; display:inline; width:100%; min-width:800px; overflow:auto !important; float:left}
#wrap #container .section_maincontents div.substance div.content div.scroll_width table {width:100%; min-width:1200px}
/* Table */
#wrap #container .section_maincontents div.substance table {table-layout:fixed; border-collapse:collapse; border-top:1px solid #0073be; border-right:1px solid #d9d9d9; float:left}
#wrap #container .section_maincontents div.substance table th,
#wrap #container .section_maincontents div.substance table td {padding:4px 0px 4px 0px; line-height:150%; font-family:arial; font-size:12px; color:#5b5b5b; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9}
#wrap #container .section_maincontents div.substance table th {background:#f7f7f7}
#wrap #container .section_maincontents div.substance table td {text-align:center}
#wrap #container .section_maincontents div.substance table td.subject {text-align:left; padding-left:10px}
#wrap #container .section_maincontents div.substance table td a,
#wrap #container .section_maincontents div.substance table td img,
#wrap #container .section_maincontents div.substance table td input,
#wrap #container .section_maincontents div.substance table td label,
#wrap #container .section_maincontents div.substance table td button,
#wrap #container .section_maincontents div.substance table td select {vertical-align:middle}
#wrap #container .section_maincontents div.substance table td a {color:#5b5b5b}
#wrap #container .section_maincontents div.substance table td input.txtbox {padding:2px; width:150px; border:1px solid #d9d9d9}
#wrap #container .section_maincontents div.substance table td textarea {width:99%; height:80px; font-size:12px; color:#5b5b5b; border:1px solid #d9d9d9}
#wrap #container .section_maincontents div.substance table td select {font-size:12px; color:#5b5b5b}
#wrap #container .section_maincontents div.substance table td.check input,
#wrap #container .section_maincontents div.substance table td.radio input {margin-right:5px}
#wrap #container .section_maincontents div.substance table td.check label,
#wrap #container .section_maincontents div.substance table td.radio label {margin-right:20px}
#wrap #container .section_maincontents div.substance table td.inner_table th,
#wrap #container .section_maincontents div.substance table td.inner_table td {padding:3px !important; text-align:center}
#wrap #container .section_maincontents div.substance table td.inner_table td.subject {padding-left:10px !important; text-align:left}
#wrap #container .section_maincontents div.substance table td input.last,
#wrap #container .section_maincontents div.substance table td label.last {margin-right:0px}
#wrap #container .section_maincontents div.substance table td button.btn {margin-left:5px; width:65px; height:23px; font-family:arial; font-size:11px; line-height:15px; background:url('../images/bg_btn1.gif') repeat-x;
border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;
box-shadow:0px 0px 0px #292d34; -webkit-box-shadow:0px 0px 0px #292d34; -moz-box-shadow:0px 0px 0px #292d34; border:1px solid #d9d9d9
}
#wrap #container .section_maincontents div.substance table.type_mix1 td,
#wrap #container .section_maincontents div.substance table.type_mix2 td {padding-left:10px; text-align:left}
#wrap #container .section_maincontents div.substance table.type_mix2 td input.txtbox {width:90px}
#wrap #container .section_maincontents div.substance div.content div.inner_table table {border-top:0px}
/* Btn Area */
#wrap #container div.btn_list {display:inline; margin-top:10px; width:100%; height:25px; text-align:right; float:left}
/* Dual Layout */
#wrap #container .section_maincontents div.substance div.content div.dual {width:1010px; *zoom:1}
#wrap #container .section_maincontents div.substance div.content div.dual:after {content:""; display:block; clear:both}
#wrap #container .section_maincontents div.substance div.content div.dual h3 {position:relative; margin-bottom:10px; height:20px; font-family:arial; font-size:13px; color:#5b5b5b; text-indent:30px; line-height:20px; background:url('../images/bul_h3.gif') 5px 50% no-repeat}
#wrap #container .section_maincontents div.substance div.content div.dual table td input.txtbox {width:80px}
#wrap #container .section_maincontents div.substance div.content div.dual table td textarea {width:98%}
#wrap #container .section_maincontents div.substance div.content div.dual div.blank {top:30px}
#wrap #container .section_maincontents div.substance div.content div.dual div.section_left,
#wrap #container .section_maincontents div.substance div.content div.dual div.section_right {position:relative; display:inline; width:500px; float:left}
#wrap #container .section_maincontents div.substance div.content div.dual div.section_left {}
#wrap #container .section_maincontents div.substance div.content div.dual div.section_right {margin-left:10px}
#wrap #container .section_maincontents div.substance div.content div.dual div.inner_table {height:305px}
/* Login */
.contents .login_bg {margin:50px auto 0px auto; width:784px; min-height:450px; _height:450px; background:url('../images/img_cloud.jpg') no-repeat; *zoom:1} /* 필요없을 시 삭제해도 됨 삭제시 .login_bg:after 도 같이 삭제할 것 */
.contents .login_bg:after {content:""; display:block; clear:both}
.contents .login {/*margin:0px auto;*/ padding-bottom:150px; width:500px; *zoom:1; float:right}
.contents .login:after {content:""; display:block; clear:both}
.contents .login h2 {display:none !important; margin:0px !important; padding:0px !important; width:500px !important; height:20px !important; font-family:arial !important; font-size:12px !important; color:#ccc !important; line-height:20px !important; text-indent:10px; background:#565656; float:left}
.contents .login form {float:left}
.contents .login .login_box {position:relative; display:inline; margin-top:330px; width:500px; float:left}
.contents .login label {display:none; font-family:arial; font-size:11px; font-weight:bold; color:#d9d9d9; float:left}
.contents .login #uid, .contents .login #upass, .contents .login #uemail {display:inline; margin-top:0px; padding:5px; width:150px; height:18px; font:12px arial; color:#666666; border:1px solid #989898; float:left}
.contents .login #uid {margin:0px 10px 0px 40px; background:#fff url('../images/bg_loginID.gif') no-repeat}
.contents .login #upass {margin-right:10px; background:#fff url('../images/bg_loginPWD.gif') no-repeat}
.contents .login #uid, .contents .login #upass,.contents .login #uemail, a {vertical-align:middle}
.contents .login .input_text.focus{border:1px solid #5aa409;background:#fff !important}
.contents .login .input_text.focusnot{background:#fff !important}
.contents .login div.warp {clear:both; margin-top:40px !important; padding-top:20px !important; width:450px; background:#fff url('../images/bg_loginLine.gif') center 0px no-repeat; float:left}
.contents .login div.warp:after {content:""; display:block; clear:both}
.contents .login div.warp ul,
.contents .login div.warp ul li {display:inline; float:left}
.contents .login div.warp ul li {padding:0px 10px 0px 10px; height:15px; font:12px arial !important; color:#666; line-height:15px; border-right:1px solid #666}
.contents .login div.warp ul li a {font-weight:bold}
.contents .login div.warp ul li.last {border-right:0px}
.contents .login div.warp ul.login_warp {margin-left:100px}
.contents .find_info {float:none; margin:150px auto; width:700px;}
.contents .find_info div.guide {display:inline; margin-top:30px; width:700px; line-height:150%; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:13px; color:#333 !important; font-weight:bold; color:#666; text-align:center; float:left}
.contents .find_info .login_box {margin-top:50px !important; width:700px}
.contents .find_info #uemail {margin:0px 10px 0px 180px; width:250px !important; background:#fff url('../images/bg_FindEmail.gif') no-repeat}
.contents .find_info div.warp {width:700px}
.contents .find_info div.warp ul.find_id {margin-left:240px}
.contents .find_info div.warp ul.find_pass {margin-left:260px}
/* Signup */
.contents .signup {margin:50px auto 20px auto; width:670px; *zoom:1}
.contents .signup:after {content:""; display:block; clear:both}
.contents .signup h2 {position:relative; display:inline !important; margin:0px !important; padding:0px !important; width:612px !important; height:30px !important; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:20px !important; color:#767676 !important; line-height:30px !important; text-indent:5px;/*background:#565656;*/ float:left}
.contents .signup form {float:left}
.contents .signup .signup_box {position:relative; display:inline; margin:0px; width:670px; float:left}
.contents .signup .signup_box div.regist_box {margin-top:10px; width:610px; float:left}
.contents .signup .signup_box div.regist_box div.regist_wrap {width:610px; float:left}
.contents .signup .signup_box table.regist {table-layout:fixed; border-top:1px solid #d2d2d2; float:left}
.contents .signup .signup_box table.regist th,
.contents .signup .signup_box table.regist td {padding:5px 0px 5px 0px; font-size:13px !important; border-bottom:1px solid #d2d2d2}
.contents .signup .signup_box table.regist th {padding:0px 30px 0px 0px; width:130px; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; color:#666; font-weight:normal; text-align:right; background:#fafafa}
.contents .signup .signup_box table.regist th span.point {font:12px arial; color:red; margin-left:5px}
.contents .signup .signup_box table.regist th span.point_no {font:12px arial; color:#fafafa; margin-left:5px}
.contents .signup .signup_box table.regist td {padding-left:30px; text-align:left}
.contents .signup .signup_box table.regist td input {padding-top:5px; width:275px; height:15px; font:12px arial; color:#666666; border:1px solid #989898;}
.contents .signup .signup_box table.regist td input.visible {padding-top:5px; width:275px; height:15px; font:12px arial; color:#666666; border:1px solid #fff !important;}
.contents .signup .signup_box table.regist td input,
.contents .signup .signup_box table.regist td span,
.contents .signup .signup_box table.regist td img {display:inline; float:left}
.contents .signup .signup_box table.regist td img {margin:1px 0px 0px 3px}
.contents .signup .signup_box table.regist td span {margin:2px 3px 0px 3px}
.contents .signup .signup_box table.regist td select {display:inline; height:20px; width:275px; font:12px arial; color:#666666; border:1px solid #989898; float:left}
.contents .signup .signup_box table.regist td.email input {width:100px}
*:first-child+html .contents .signup .signup_box table.regist td.email input {width:80px}
.contents .signup .signup_box table.regist td span {font:11px arial !important; color:#989898}
.contents .signup .signup_box table.regist td.email a.btn1 {margin-left:5px; height:23px; font-size:14px; line-height:20px}
.contents .signup .signup_box textarea {display:inline; margin-top:10px; width:610px; height:150px; font:11px arial; color:#666666; border:1px solid #989898; overflow-x:hidden; float:left}
.contents .signup .signup_box p.agree {display:inline; margin:10px 0px 0px 5px !important; width:395px; height:14px; text-align:left; font:11px dotum; color:#666; float:left}
.contents .signup .signup_box p.agree label,
.contents .signup .signup_box p.agree input {vertical-align:bottom}
.contents .signup .signup_box p.agree input {margin:0px; padding:0px; width:14px; height:14px; overflow:hidden}
.contents .signup .signup_box p.agree label {font-family:arial; font-size:13px; color:#666}
.contents .signup .signup_box div.btn_list {width:610px !important; margin-right:10px !important}
.contents .privacy {padding-top:35px; background:url('../images/bg_privacyLine.gif') 10px 0px no-repeat}
/* My Profile */
.contents .signup .signup_box table.regist td.address input {width:83px}
.contents .signup .signup_box table.regist td.address input.address {margin-top:3px; width:275px}
.contents .signup .signup_box table.regist td.address input.en_fir {margin-top:0px !important}
.contents .signup .signup_box table.regist td.address a.btn1 {margin-left:5px; height:23px; font-size:14px; line-height:20px}
/* Tab Area */
.tab_area {position:relative; padding-bottom:30px; z-index:1; *zoom:1}
.tab_area:after {content:""; display:block; clear:both}
.tab_area h3 {position:absolute; top:0px; left:0px; width:150px; height:29px; border-top:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; z-index:20}
.tab_area h3 a {position:relative; display:block; width:150px; height:29px; font-size:14px; text-align:center; line-height:30px; text-decoration:none; background:#f2f2f4}
.tab_area h3 a:active, .tab_area h3 a:focus, .tab_area h3 a:hover, .tab_area h3.selected a {background:#fff; border-bottom:1px solid #fff;}
.tab_area h3#Tab1 {top:0px; left:0px}
.tab_area h3#Tab2 {top:0px; left:151px; border-right:1px solid #d9d9d9}
.tab_area h3#Tab3 {top:0px; left:302px; border-right:1px solid #d9d9d9}
.tab_area div.tabcontent {display:none; position:relative; top:30px; min-height:250px; _height:250px; border:1px solid #d9d9d9; *zoom:1}
.tab_area:after,
.tab_area div.tabcontent:after {content:""; display:block; clear:both}
/* Footer */
#wrap #footer {height:50px; background:#f1f1f1; border-top:1px solid #d0d0d0; *zoom:1}
#wrap #footer .footer_wrap {width:100%; height:50px; *zoom:1}
#wrap #footer .footer_wrap img.logo {display:inline; margin:10px 0px 0px 10px; float:left}
#wrap #footer .footer_wrap address {display:inline; margin:10px 0px 0px 30px; font-style:normal; font-size:11px; color:#949494; line-height:130%; float:left}
#wrap:after, #wrap #header:after, #wrap #header .header_wrap:after,
#wrap #container:after, #wrap #container .contents:after, #wrap #container .snb:after, #wrap #container .section_maincontents:after, #wrap #container .section_maincontents div.substance:after,
#wrap #footer:after, #wrap #footer .footer_wrap:after {content:""; display:block; clear:both}
/* paginate */
#container .paginate {display:inline; margin-top:10px; width:100%; line-height:150%; text-align:center; float:left}
#container .paginate a {display:inline; margin:0px 3px 0px 3px; font:11px gulim; color:#666666}
#container .paginate strong {margin:0px 3px 0px 3px; font:11px gulim; color:#ff8a00; font-weight:bold}
/* Layer Popup */
.pop_body {display:none; position:absolute; top:0px; left:0px !important; width:100%; height:100%; z-index:200}
*:first-child+html .pop_body {top:0px; left:440px; height:100%} /* IE7 */
.pop_body .shadow {position:absolute; top:0px; left:0px; width:100%; height:100%; background:#393939; opacity:0.7; filter:alpha(opacity=70); z-index:100}
/*.pop_body {position:relative; top:130px; left:50%; margin-left:-340px; width:681px; background:#fff url('/admin/images/common/pop/bg_top.gif') no-repeat; opacity:1.0; filter:alpha(opacity=100); float:left; z-index:200} */
.pop_body .form_body {position:relative; top:90px; margin:0px auto; width:681px; min-height:400px; height:auto !important; height:400px; font:12px gulim; background:#fff; z-index:200; *zoom:1; opacity:1.0; filter:alpha(opacity=100);
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 2px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34
}
.pop_body .form_body:after {content:""; display:block; clear:both}
.pop_body .form_body h3 {position:relative; margin:18px 0px 0px 20px; font:13px arial; color:#5b5b5b; font-weight:bold; text-indent:10px; background:url('../images/bul_h2.gif') 0px 50% no-repeat; float:left}
.pop_body .form_body table {position:relative; margin:30px 0px 0px 16px; font:12px gulim; border-top:1px solid #0073be; float:left}
.pop_body .form_body table th,
.pop_body .form_body table td {font-family:arial; font-size:12px; color:#5b5b5b}
.pop_body .form_body table th {padding:7px 14px 7px 0px; text-align:center; border-bottom:1px solid #e0e0e0; background:#f7f7f7}
.pop_body .form_body table td {padding:7px 0px 7px 13px; border-bottom:1px solid #e0e0e0}
.pop_body .form_body table td.con {background:#bbbbbb; color:#ed2027}
.pop_body .form_body table td.con a {color:#ed2027}
.pop_body .form_body table td input,
.pop_body .form_body table td textarea,
.pop_body .form_body table td select {font:12px gulim; color:#666666; border:1px solid #bbbbbb}
.pop_body .form_body table td input,
.pop_body .form_body table td img,
.pop_body .form_body table td select {vertical-align:middle}
*:first-child+html .pop_body .form_body table td select {font:11pt gulim} /* IE7 */
.pop_body .form_body table td input.subject {padding:3px 0px 0px 0px; width:491px; height:17px}
.pop_body .form_body table td input.check_main {border:0px}
.pop_body .form_body table td textarea {width:491px; height:206px; font:12px gulim; color:#5b5b5b}
.pop_body .form_body table td p.substance {width:516px; height:208px; overflow:auto}
.pop_body .form_body table td input.calendar {padding:3px 0px 0px 0px; width:112px; height:17px}
.pop_body .form_body table.search td {text-indent:38px}
.pop_body .form_body table.search td.root {text-indent:12px}
.pop_body .btn_area {display:inline; margin:20px 0px 0px 16px; width:645px; height:55px; text-align:right; float:left}
.pop_body .btn_area input,
.pop_body .btn_area a {vertical-align:middle}
.pop_body .btn_area input.save {width:73px; height:25px; line-height:25px; vertical-align:middle; border:1px solid #c0bfbf; cursor:pointer; background:url('../images/bg_btn.gif') repeat-x;
font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#5b5b5b;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 2px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34
}
.pop_body .btn_area .first {margin-top:11px}
.pop_body .btn_area .last {margin:11px 21px 0px 0px}
.pop_body img.close_pop {position:absolute; top:10px; right:19px}
.pop_body .form_body table.faq_modify th {border-top:0px !important}
.pop_body .form_body table.faq_modify td {padding-left:10px !important; border-top:0px !important; text-align:left !important}
/* Responsible Web */
/* iPad */
@media screen and (max-width:768px) {
html, body {width:760px; max-width:768px; min-width:760px}
body {overflow-x:hidden; overflow-y:auto}
#wrap {margin:0px; width:768px; min-width:760px; *zoom:1}
/* Header */
#wrap #header {position:relative; width:768px; height:60px; border-bottom:2px solid #dcdcdc; z-index:1; *zoom:1}
#wrap #header .header_wrap {position:relative; height:60px; z-index:1; *zoom:1}
#wrap #header .header_wrap h1 {display:inline; width:250px; margin:10px 0px 0px 10px}
#wrap #header .header_wrap ul,
#wrap #header .header_wrap ul li {display:inline; float:left}
#wrap #header .header_wrap ul.tnb {position:relative; margin:0px; padding:0px 40px 0px 10px; background:#0073be; z-index:20;
border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:10px;
-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:10px;
-moz-border-top-left-radius:0px; -moz-border-top-right-radius:0px; -moz-border-bottom-right-radius:0px; -moz-border-bottom-left-radius:10px
}
#wrap #header .header_wrap ul.tnb li {position:relative; padding:0px 10px 0px 10px; height:18px; line-height:18px; font-size:9px; background:url('../images/bg_tnbBar.gif') right 50% no-repeat}
#wrap #header .header_wrap ul.tnb li.last {background:none}
#wrap #header .header_wrap ul.tnb li a {color:#9ad1f0}
#wrap #header .header_wrap ul.tnb li a:hover {text-decoration:none; color:#ff383f}
#wrap #header .header_wrap div.gnb {position:relative; margin:0px; z-index:1; background:url('../images/bg_gnbBody.gif') 70px bottom repeat-x; float:right; *zoom:1}
*:first-child+html #wrap #header .header_wrap div.gnb {margin-top:18px} /* IE7 */
#wrap #header .header_wrap div.gnb:after {content:""; display:block; clear:both}
#wrap #header .header_wrap div.gnb ul {position:relative; margin-top:10px; width:100%; height:32px; background:url('../images/bg_gnb.gif') 0px 0px no-repeat; z-index:1; float:left}
#wrap #header .header_wrap div.gnb li {display:inline; height:32px; font-size:13px; line-height:30px; z-index:5}
#wrap #header .header_wrap div.gnb li.first-child {margin-left:50px}
#wrap #header .header_wrap div.gnb li a {display:block; padding:0px 15px 0px 15px; height:32px; font-weight:bold; color:#5b5b5b; text-decoration:none}
#wrap #header .header_wrap div.gnb li a:hover {background:url('../images/bg_gnbHover.gif') repeat-x}
/* Container*/
#wrap #container {margin:-62px 0px -51px 0px; width:768px; min-height:100%; _height:100%; *zoom:1}
#wrap #container .contents {margin:0px; padding:62px 0px 51px 0px; width:760px; *zoom:1}
/* Footer */
#wrap #footer {width:768px; height:50px; background:#f1f1f1; border-top:1px solid #d0d0d0; *zoom:1}
#wrap #footer .footer_wrap {width:100%; height:50px; *zoom:1}
#wrap #footer .footer_wrap img.logo {display:inline; margin:10px 0px 0px 10px; float:left}
#wrap #footer .footer_wrap address {display:inline; margin:10px 0px 0px 30px; font-style:normal; font-size:11px; color:#949494; line-height:130%; float:left}
#wrap:after,
#wrap #header:after,
#wrap #container:after,
#wrap #container .contents:after,
#wrap #footer:after {content:""; display:block; clear:both}
/* Login */
.contents .login_bg {position:relative; margin:0px auto; width:768px; background:url('../images/img_cloud2.jpg') 50% 35% no-repeat; *zoom:1} /* 필요없을 시 삭제해도 됨 삭제시 .login_bg:after 도 같이 삭제할 것 */
.contents .login_bg:after {content:""; display:block; clear:both}
.contents .login {clear:both; float:none; position:absolute; left:50%; margin:330px 0px 0px -250px; padding-bottom:0px; width:500px; *zoom:1}
.contents .login:after {content:""; display:block; clear:both}
.contents .login h2 {display:none !important; margin:0px !important; padding:0px !important; width:500px !important; height:20px !important; font-family:arial !important; font-size:12px !important; color:#ccc !important; line-height:20px !important; text-indent:10px; background:#565656; float:left}
.contents .login form {clear:both; float:none}
.contents .login .login_box {position:relative; margin:0px auto; width:500px; float:none; *zoom:1}
.contents .login .login_box:after {content:""; display:none}
.contents .login label {display:none; font-family:arial; font-size:11px; font-weight:bold; color:#d9d9d9; float:left}
.contents .login #uid, .contents .login #upass, .contents .login #uemail {display:inline; margin-top:0px; padding:5px; width:150px; height:18px; font:12px arial; color:#666666; border:1px solid #989898; float:left}
.contents .login #uid {margin:0px 10px 0px 40px; background:#fff url('../images/bg_loginID.gif') no-repeat}
.contents .login #upass {margin-right:10px; background:#fff url('../images/bg_loginPWD.gif') no-repeat}
.contents .login #uid, .contents .login #upass,.contents .login #uemail, a {vertical-align:middle}
.contents .login .input_text.focus{border:1px solid #5aa409;background:#fff !important}
.contents .login .input_text.focusnot{background:#fff !important}
.contents .login div.warp {clear:both; margin-top:40px !important; padding-top:20px !important; width:450px; background:#fff url('../images/bg_loginLine.gif') center 0px no-repeat; float:left}
.contents .login div.warp:after {content:""; display:block; clear:both}
.contents .login div.warp ul,
.contents .login div.warp ul li {display:inline; float:left}
.contents .login div.warp ul li {padding:0px 10px 0px 10px; height:15px; font:12px arial !important; color:#666; line-height:15px; border-right:1px solid #666}
.contents .login div.warp ul li a {font-weight:bold}
.contents .login div.warp ul li.last {border-right:0px}
.contents .login div.warp ul.login_warp {margin-left:100px}
.contents .find_info {float:none; margin:150px auto 0px auto; width:700px;}
.contents .find_info div.guide {display:inline; margin-top:30px; width:700px; line-height:150%; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:13px; color:#333 !important; font-weight:bold; color:#666; text-align:center; float:left}
.contents .find_info .login_box {margin-top:50px !important; width:700px}
.contents .find_info #uemail {margin:0px 10px 0px 180px; width:250px !important; background:#fff url('../images/bg_FindEmail.gif') no-repeat}
.contents .find_info div.warp {width:700px}
.contents .find_info div.warp ul.find_id {margin-left:240px}
.contents .find_info div.warp ul.find_pass {margin-left:260px}
}
/* Smart Phone */
@media screen and (max-width:350px) {
html, body {width:320px; max-width:320px; min-width:320px}
#wrap {float:none; margin:0px auto; width:320px; min-width:320px; *zoom:1}
/* Header */
#wrap #header {position:relative; width:320px; height:130px; border-bottom:0px; z-index:1; *zoom:1}
#wrap #header .header_wrap {position:relative; height:60px; z-index:1; *zoom:1}
#wrap #header .header_wrap h1 {display:inline; width:70px; margin:10px 0px 0px 10px}
#wrap #header .header_wrap ul,
#wrap #header .header_wrap ul li {display:inline; float:left}
#wrap #header .header_wrap ul.tnb {position:relative; margin:0px; padding:0px 5px 0px 10px; background:#0073be; z-index:20;
border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-right-radius:0px; border-bottom-left-radius:10px;
-webkit-border-top-left-radius:0px; -webkit-border-top-right-radius:0px; -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:10px;
-moz-border-top-left-radius:0px; -moz-border-top-right-radius:0px; -moz-border-bottom-right-radius:0px; -moz-border-bottom-left-radius:10px
}
#wrap #header .header_wrap ul.tnb li {position:relative; padding:0px 5px 0px 5px; height:18px; line-height:18px; font-size:9px; background:url('../images/bg_tnbBar.gif') right 50% no-repeat}
#wrap #header .header_wrap ul.tnb li.last {background:none}
#wrap #header .header_wrap ul.tnb li a {color:#9ad1f0}
#wrap #header .header_wrap ul.tnb li a:hover {text-decoration:none; color:#ff383f}
#wrap #header .header_wrap div.gnb {clear:both; position:relative; margin:0px auto; width:262px; z-index:1; background:none; float:none; *zoom:1}
*:first-child+html #wrap #header .header_wrap div.gnb {margin-top:20px} /* IE7 */
#wrap #header .header_wrap div.gnb:after {content:""; display:block; clear:both}
#wrap #header .header_wrap div.gnb ul {position:relative; margin-top:15px; width:262px; height:66px; background:none; border-top:1px solid #f1f1f1; border-left:1px solid #f1f1f1; z-index:1; float:left}
#wrap #header .header_wrap div.gnb li {display:inline; width:130px; height:32px; font-size:13px; line-height:30px; border-right:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; background:url('../images/bg_gnbBody.gif') 0px bottom repeat-x; float:left; z-index:5}
#wrap #header .header_wrap div.gnb li.first-child {margin-left:0px}
#wrap #header .header_wrap div.gnb li a {display:block; padding:0px; width:130px; height:32px; font-weight:bold; color:#5b5b5b; text-align:center; text-decoration:none}
#wrap #header .header_wrap div.gnb li a:hover {background:url('../images/bg_gnbHover.gif') repeat-x}
/* Container*/
#wrap #container {margin:-130px 0px -51px 0px; width:320px; min-height:100%; _height:100%; *zoom:1}
#wrap #container .contents {margin:0px; padding:130px 0px 51px 0px; width:320px; *zoom:1}
/* Footer */
#wrap #footer {width:320px; height:50px; background:#f1f1f1 url('../images/logo_foot.gif') 3px 10px no-repeat; border-top:1px solid #d0d0d0; *zoom:1}
#wrap #footer .footer_wrap {width:320px; height:50px; *zoom:1}
#wrap #footer .footer_wrap img.logo {display:none; margin:10px 0px 0px 10px; float:left}
#wrap #footer .footer_wrap address {display:block; margin:5px 0px 0px 0px; width:255px; font-style:normal; font-size:11px; color:#949494; line-height:130%; letter-spacing:-1px; word-wrap:break-word; word-break:break-all; float:right}
#wrap #footer .footer_wrap address span {display:none}
#wrap:after,
#wrap #header:after,
#wrap #container:after,
#wrap #container .contents:after,
#wrap #footer:after {content:""; display:block; clear:both}
/* Login */
.contents .login_bg {position:relative; margin:0px auto; width:320px; min-height:180px; _height:150px; background:url('../images/img_cloud3.jpg') 50% 5px no-repeat; *zoom:1} /* 필요없을 시 삭제해도 됨 삭제시 .login_bg:after 도 같이 삭제할 것 */
.contents .login_bg:after {content:""; display:block; clear:both}
.contents .login {position:absolute; left:0px; margin:20px 0px 0px 0px; padding-bottom:0px; width:320px; *zoom:1}
.contents .login:after {content:""; display:block; clear:both}
.contents .login h2 {display:none !important; margin:0px !important; padding:0px !important; width:320px !important; height:20px !important; font-family:arial !important; font-size:12px !important; color:#ccc !important; line-height:20px !important; text-indent:10px; background:#565656; float:left}
.contents .login form {float:none}
.contents .login div.login_box {position:relative; display:block; margin:0px 0px 0px 40px; width:240px; height:90px; *zoom:1}
.contents .login div.login_box:after {content:""; display:block; clear:both}
.contents .login label {display:none; clear:both; font-family:arial; font-size:11px; font-weight:bold; color:#d9d9d9; float:none}
.contents .login #uid, .contents .login #upass, .contents .login #uemail {display:block; margin-top:0px; padding:5px; width:150px; height:18px; font:12px arial; color:#666666; border:1px solid #989898; float:none}
.contents .login #uid {margin:0px; background:#fff url('../images/bg_loginID.gif') no-repeat}
.contents .login #upass {margin-top:5px; background:#fff url('../images/bg_loginPWD.gif') no-repeat}
.contents .login #uid, .contents .login #upass,.contents .login #uemail, a {vertical-align:middle}
.contents .login .input_text.focus{border:1px solid #5aa409;background:#fff !important}
.contents .login .input_text.focusnot{background:#fff !important}
.contents .login div.warp {clear:both; margin:50px 0px 0px 10px; !important; padding-top:20px !important; width:300px; background:#fff url('../images/bg_loginLine.gif') center 0px no-repeat; float:left}
.contents .login div.warp:after {content:""; display:block; clear:both}
.contents .login div.warp ul,
.contents .login div.warp ul li {display:inline; float:left}
.contents .login div.warp ul li {padding:0px 10px 0px 10px; height:15px; font:12px arial !important; color:#666; line-height:15px; border-right:1px solid #666}
.contents .login div.warp ul li a {font-weight:bold}
.contents .login div.warp ul li.last {border-right:0px}
.contents .login div.warp ul.login_warp {margin-left:20px}
.contents .find_info {float:none; margin:150px auto; width:320px;}
.contents .find_info div.guide {display:inline; margin-top:30px; width:320px; line-height:150%; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:13px; color:#333 !important; font-weight:bold; color:#666; text-align:center; float:left}
.contents .find_info .login_box {margin-top:50px !important; width:700px}
.contents .find_info #uemail {margin:0px 10px 0px 180px; width:250px !important; background:#fff url('../images/bg_FindEmail.gif') no-repeat}
.contents .find_info div.warp {width:700px}
.contents .find_info div.warp ul.find_id {margin-left:240px}
.contents .find_info div.warp ul.find_pass {margin-left:260px}
input.submit {position:absolute; top:0px; right:0px; width:73px; height:64px; line-height:15px; vertical-align:top; border:1px solid #c0bfbf; cursor:pointer; background:#fff url('../images/bg_btn.gif') 0px bottom repeat-x;
font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#5b5b5b;
border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;
box-shadow:1px 1px 1px #292d34; -webkit-box-shadow:1px 1px 2px #292d34; -moz-box-shadow:1px 1px 2px #292d34
}
}