@charset "utf-8";
@import "jquery.ui.css";
@import "jquery.tools.css";
@import "uploadify.css";

@font-face {font-family:KPICS고딕; font-style:normal; font-weight:normal; src:url(gothic.eot);}

html {
    height:100%;
}

body, table, tr, td, select, input, div, form, textarea, a {
    font-family:KPICS고딕,굴림,돋움,sans-serif;
    font-size:12px;
    margin:0;
}

body {
    marginheight:0;
    marginwidth:0;
    width:100%;
}

table {
    border-color:silver;
}

em {
    font:12px Verdana, Geneva, sans-serif;
    font-weight:bold;
    font-style:normal;
    color:#f00;
}

sub {
    font:12px Verdana, Geneva, sans-serif;
}

a:link    {text-decoration:none; color:#1c5986;}
a:visited {text-decoration:none; color:#1c5986;}

form *  {vertical-align:middle;}
image   {vertical-align:middle;}
caption {font-weight:bold;}
input   {
    height:20px;
    vertical-align:middle;
}

h3 {
    font-size:12px;
    line-height:160%;
    margin:0;
}

.sub_title_kor {
    font-size:15pt;
    font-weight:bold;
    color:midnightblue;
}

.sub_title_eng {
    font-size:8pt;
    color:grey;
}

.pointer      {cursor:pointer;}
.center       {text-align:center;}
.right        {text-align:right;}
.left         {text-align:left;}
.normal       {font-weight:normal;}
.bold         {font-weight:bold;}
.red	      {color:red;}
.blue	      {color:blue;}
.gray	      {color:gray;}
.darkgray	  {color:darkgray;}
.dimgray	  {color:dimgray;}
.black        {color:black;}
.midnightblue {color:midnightblue;}
.crimson      {color:crimson;}
.white        {color:white;}

.dtree   {
    font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size:11px;
    color:#666;
    white-space:nowrap;
}
.dtree img {
    border:0;
    vertical-align:middle;
}
.dtree a {
    color:#333;
    text-decoration:none;
}
.dtree a.node,
.dtree a.nodeSel {
    white-space:nowrap;
    padding:1px 2px 1px 2px;
}
.dtree a.node:hover,
.dtree a.nodeSel:hover {
    color:#333;
    text-decoration:underline;
}
.dtree a.nodeSel {
    background-color:#c0d2ec;
}
.dtree .clip {
    overflow:hidden;
}

img        {border:0;}
img.top    {vertical-align:top;}
img.middle {vertical-align:middle;}
img.bottom {vertical-align:bottom;}

.mh_5  {margin:2px 0;}
.mh_10 {margin:5px 0;}
.mh_20 {margin:10px 0;}
.mh_40 {margin:20px 0;}
.mh_60 {margin:30px 0;}
.mh_80 {margin:40px 0;}
.pl_10 {text-align:left; margin:5px 0; padding-left:10px;}
.pl_20 {text-align:left; margin:5px 0; padding-left:20px;}
.pl_30 {text-align:left; margin:5px 0; padding-left:30px;}
.pl_40 {text-align:left; margin:5px 0; padding-left:40px;}
.lh_40  {line-height:40%;}
.lh_60  {line-height:60%;}
.lh_80  {line-height:80%;}
.lh_100 {line-height:100%;}
.lh_120 {line-height:120%;}
.lh_160 {line-height:160%;}
.lh_180 {line-height:180%;}
.lh_200 {line-height:200%;}
p.h0 {
    padding-left:10px;
    margin:0 0 5px 0;
    text-align:left;
    line-height:160%;
    font-size:12px;
}
p.h0_body {
    width:660px;
    padding-left:10px;
    margin:0 0 5px 0;
    text-align:left;
    line-height:160%;
    font-size:12px;
}
p.h1_body {
    width:660px;
    padding-left:20px;
    margin:0 0 5px 0;
    text-align:left;
    line-height:160%;
    font-size:12px;
}
p.h2_body {
    width:640px;
    padding-left:37px;
    margin:0 0 5px 0;
    text-align:left;
    line-height:160%;
    font-size:12px;
}
p.h3_exp {
    padding-left:60px;
    margin:0 0 5px 0;
    text-align:left;
    line-height:160%;
}

table.collapse {
    border-collapse:collapse;
    table-layout:fixed;
}

tr.h_1 {height:1px;}
tr.h_2 {height:2px;}
tr.h_3 {height:3px;}
tr.h_4 {height:4px;}
tr.h_5 {height:5px;}
tr.h_6 {height:6px;}
tr.h_7 {height:7px;}
tr.h_8 {height:8px;}
tr.h_9 {height:9px;}
tr.h_10 {height:10px;}
tr.h_11 {height:11px;}
tr.h_12 {height:12px;}
tr.h_13 {height:13px;}
tr.h_14 {height:14px;}
tr.h_15 {height:15px;}
tr.h_16 {height:16px;}
tr.h_17 {height:17px;}
tr.h_18 {height:18px;}
tr.h_19 {height:19px;}
tr.h_20 {height:20px;}
tr.h_21 {height:21px;}
tr.h_22 {height:22px;}
tr.h_23 {height:23px;}
tr.h_24 {height:24px;}
tr.h_25 {height:25px;}
tr.h_26 {height:26px;}
tr.h_27 {height:27px;}
tr.h_28 {height:28px;}
tr.h_29 {height:29px;}
tr.h_30 {height:30px;}
tr.h_31 {height:31px;}
tr.h_32 {height:32px;}
tr.h_33 {height:33px;}
tr.h_34 {height:34px;}
tr.h_35 {height:35px;}
tr.h_36 {height:36px;}
tr.h_37 {height:37px;}
tr.h_38 {height:38px;}
tr.h_39 {height:39px;}
tr.h_40 {height:40px;}
tr.h_41 {height:41px;}
tr.h_42 {height:42px;}
tr.h_43 {height:43px;}
tr.h_44 {height:44px;}
tr.h_45 {height:45px;}
tr.h_46 {height:46px;}
tr.h_47 {height:47px;}
tr.h_48 {height:48px;}
tr.h_49 {height:49px;}
tr.h_50 {height:50px;}
tr.h_51 {height:51px;}
tr.h_52 {height:52px;}
tr.h_53 {height:53px;}
tr.h_54 {height:54px;}
tr.h_55 {height:55px;}
tr.h_56 {height:56px;}
tr.h_57 {height:57px;}
tr.h_58 {height:58px;}
tr.h_59 {height:59px;}
tr.h_60 {height:60px;}
tr.h_61 {height:61px;}
tr.h_62 {height:62px;}
tr.h_63 {height:63px;}
tr.h_64 {height:64px;}
tr.h_65 {height:65px;}
tr.h_66 {height:66px;}
tr.h_67 {height:67px;}
tr.h_68 {height:68px;}
tr.h_69 {height:69px;}
tr.h_70 {height:70px;}
tr.h_71 {height:71px;}
tr.h_72 {height:72px;}
tr.h_73 {height:73px;}
tr.h_74 {height:74px;}
tr.h_75 {height:75px;}
tr.h_76 {height:76px;}
tr.h_77 {height:77px;}
tr.h_78 {height:78px;}
tr.h_79 {height:79px;}
tr.h_80 {height:80px;}
tr.h_81 {height:81px;}
tr.h_82 {height:82px;}
tr.h_83 {height:83px;}
tr.h_84 {height:84px;}
tr.h_85 {height:85px;}
tr.h_86 {height:86px;}
tr.h_87 {height:87px;}
tr.h_88 {height:88px;}
tr.h_89 {height:89px;}
tr.h_90 {height:90px;}
tr.h_91 {height:91px;}
tr.h_92 {height:92px;}
tr.h_93 {height:93px;}
tr.h_94 {height:94px;}
tr.h_95 {height:95px;}
tr.h_96 {height:96px;}
tr.h_97 {height:97px;}
tr.h_98 {height:98px;}
tr.h_99 {height:99px;}
tr.h_100 {height:100px;}
tr.h_110 {height:110px;}
tr.h_120 {height:120px;}
tr.h_130 {height:130px;}
tr.h_140 {height:140px;}
tr.h_160 {height:160px;}
tr.h_220 {height:220px;}
tr.h_250 {height:250px;}
tr.highlight {
    background-color:#ff6;
}

td.fixed {background-color:#fff; padding-left:5px; text-align:left; color:midnightblue;}

ul.ulist_h0 {
    text-align:left;
    padding-left:20px;
    list-style-type:square;
    line-height:160%;
    margin-top:0;
}
ul.ulist_h0 li {
    margin-top:5px;
}
ul.ulist {
    text-align:left;
    padding-left:18px;
    list-style-type:square;
    line-height:160%;
    margin-top:0;
    width:620px;
}
ul.ulist li {
    margin-top:5px;
}
*>ul.ulist {
    text-align:left;
    margin-left:36px;
    list-style-type:square;
    line-height:160%;
    margin-top:0;
    width:620px;
}
ul.ulist_none {
    text-align:left;
    padding-left:12px;
    list-style-type:none;
    line-height:160%;
    margin-top:0;
    width:620px;
}
ul.ulist_h1 {
    text-align:left;
    list-style-type:square;
    line-height:160%;
    margin:0 0 0 16px;
    width:620px;
}
ul.ulist_h1 li {
    margin-top:5px;
}
ul.ulist_h2 {
    padding-left:78px;
    margin-top:0;
    text-align:left;
    list-style-type:square;
    line-height:160%;
    width:620px;
}
ul.ulist_h2 li {
    margin-top:5px;
}

blockquote {
    text-align:left;
    line-height:160%;
    color:teal;
    font-size:13px;
    font-weight:bold;
}

input.btn_01 {
    color:#050;
    font:bold;
    background-color:#fed;
    border:1px solid;
    border-color:#696 #363 #363 #696;
    filter:progid:DXImageTransform.Microsoft.Gradient
    (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
}
input.btn_01_hov {
    cursor:pointer;
    border-color:#c63 #930 #930 #c63;
}

#webUsage {
    position:absolute;
    z-index:100;
    width:640px;
    height:340px;
    display:none;
}
#webSecurity {
    position:absolute;
    z-index:100;
    width:640px;
    height:360px;
    display:none;
}
#emailWarning {
    position:absolute;
    z-index:100;
    width:640px;
    height:120px;
    display:none;
}
#webCalendar {
    position:absolute;
    z-index:100;
    width:800px;
    height:600px;
    display:none;
}
#zipcode {
    width:570px;
    height:60px;
    background-image:url(../../images/bg_popup_box.png);
    background-repeat:no-repeat;
    padding:20px 0 0 20px;
    text-align:left;
    margin:0 auto;
}

h1 {
    color:#55676f;
    font-weight:bold;
    font-size:14px;
    text-align:left;
    text-indent:20px;
    margin:20px 0 6px 0;
    background-image:url(../../images/ico_h1.gif);
    background-repeat:no-repeat;
    background-position:1px 1px;
}
h2 {
    font-size:12px;
    font-weight:bold;
    text-align:left;
    text-indent:36px;
    margin:0 0 3px 0;
    background-image:url(../../images/ico_h2.gif);
    background-repeat:no-repeat;
    background-position:22px 1px;
}
h1 span {
    color:#55676f;
    font-weight:normal;
    font-size:12px;
    text-align:left;
}

strong {
    font-weight:bold;
    color:midnightblue;
}

div.agreement {
    width:640px;
    height:180px;
    overflow:auto;
    padding:5px;
    margin-left:24px;
    border:1px solid gray;
    line-height:160%;
    text-align:left;
    background-color:#fff;
}
div.admin_search {
    width:700px;
    height:25px;
    padding:0;
    text-align:right;
    padding:5px 0 2px 0;
    margin:0 auto;
}
div.headline {
    position:relative;
    width:640px;
    text-align:left;
    line-height:160%;
    background:#282828;
    color:#fff;
    font-size:13px;
    font-weight:bold;
    border:1px solid;
    margin:0 auto;
    padding:14px;
}
div.h1_table {
    text-align:left;
    padding-left:38px;
}
div.answer {
    line-height:160%;
    font-size:12px;
    font-weight:normal;
}
div.content {
    width:514px;
    height:220px;
    overflow-y:auto;
    line-height:160%;
    text-align:justify;
    padding:8px;
}
div#popupNotice {
    overflow:hidden;
}
div.popup_notice {
    width:570px;
    height:420px;
    overflow-y:auto;
    padding-right:10px;
    border:0;
    line-height:160%;
    text-align:left;
}

fieldset.caution {
    width:622px;
    border:2px solid orange;
    border-left-width:14px;
    padding:8px;
    margin-left:38px;
    text-align:left;
    line-height:160%;
    font-size:12px;
}
fieldset.form1 {
    margin:0 auto;
    padding:1em;
}
fieldset.form1 label {
    float:left;
    margin-right:0.5em;
    padding-top:0.2em;
    text-align:right;
    font-weight:bold;
}

.book_title	{
    letter-spacing:-1px;
    font-size:14px;
    font-weight:bold;
}
.book_author {
    letter-spacing:-1px;
    font-size:12px;
    font-weight:bold;
}

.notice_date {
    font-family:sans-serif;
    font-size:10px;
    color:darkgreen;
}

.login_form {
    width:200px;
    height:100px;
    margin:10px 0 0 15px;
    padding:5px;
    background-image:url(../../images/bg_login_form.png);
    background-repeat:no-repeat;
}

.watermark {
    color: #999 !important;
}

#layered-divs {
    margin:0 auto;
}
#layered-divs h2 {
    padding:0; margin:0;
}
#layered-divs ul {
    padding:0; margin:0;
}
#layered-divs ul.options-list {
    list-style-type:none;
}
#layered-divs ul.options-list li {
    margin-bottom:20px; width:100%; background:url(../../images/bg-demo-docs-param.gif) repeat-x 0 0; float:left; clear:left;
}
#layered-divs .option-header {
    padding:10px 0; margin-bottom:5px; width:100%; float:left; border-top:#e6e6e6 1px solid;
}
#layered-divs .option-header h3 {
    padding:0 0 0 15px; line-height:1; margin:0 0 0 10px; background:url(../../images/demo-spindown-closed.gif) no-repeat left 50%; float:left; color:#0b559b;
}
#layered-divs .option-header dl {
    margin:0; width:50%; float:right; text-align:right; padding-right:15px;
}
#layered-divs .option-description {
    padding:0; margin-top:5px; line-height:160%;
}
#layered-divs .option-description table {
    margin-bottom:18px;
}
#layered-divs .option-description2 table {
    align:center;
}

#tabs {
    width:696px;
    margin:0 auto;
}
#tabs div.tab_div1 {
    width:680px;
    padding:10px;
    margin:10px 0;
    text-align:center;
}
#tabs div.tab_div2 {
    width:700px;
    padding:5px 1px 0 2px;
    margin:10px 0;
    text-align:center;
}

table.stylish {
    border-spacing:1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    background-color:#ccc;
    color: #000;
    margin: 0 auto;
}
table.stylish td {
    padding: 3px;
}
table.stylish tbody tr th {
    border:0;
    text-align:left;
    padding: 3px;
    font-weight: normal;
    background-color:#eef6fb;
}
table.stylish thead th {
    border:0;
    font-weight: normal;
    background-color:#eef6fb;
    padding:4px;
    height:20px;
}
table.stylish tbody tr {
    background-color:#fff;
    text-align:left;
}
table.stylish tbody tr td {
    height:20px;
    background: #FFF;
    border: 1px solid #FFF;
}
table.stylish tbody tr.odd td{
    background: #f9f9f9;
    border-top:1px solid #FFF;
}
table.stylish td a:link, table td a:visited {
    color: #1975D7;
    text-decoration: none;
}
table.stylish td a:hover {
    color: #50ADEA;
    border-bottom:2px solid #8FD5FF;
    text-decoration: none ;
}
table.stylish tfoot th, table.stylish tfoot td {
    background-color:#E7E7E7; padding:10px;
    text-align:center;
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size:22px; font-weight:bold; font-style:italic;
    border-bottom:3px solid #CCC;
    border-top:1px solid #DFDFDF;
}

table.stylish_admin {
    border-spacing:1px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:10px;
    background-color:#ccc;
    color: #000;
    margin:0 auto 10px auto;
}
table.stylish_admin td {
    padding: 0 3px;
}
table.stylish_admin tbody tr th {
    border:0;
    text-align:left;
    padding: 2px;
    font-weight: bold;
    background-color:#eef6fb;
}
table.stylish_admin thead th {
    border:0;
    font-weight: bold;
    background-color:#eef6fb;
    padding:2px;
    height:20px;
}
table.stylish_admin tbody tr {
    background-color:#fff;
    text-align:left;
}
table.stylish_admin tbody tr td {
    height:24px;
    background: #FFF;
}
table.stylish_admin td a:link, table td a:visited {
    color: #1975D7;
    text-decoration: none;
}
table.stylish_admin td a:hover {
    color: #50ADEA;
    border-bottom:2px solid #8FD5FF;
    text-decoration: none ;
}
table.stylish_admin tfoot th, table.stylish_admin tfoot td {
    background-color:#fff;
    text-align:right;
}
table.stylish_admin input, textarea, select {
    margin: 1px 0;
}

.transparent {
   filter:alpha(opacity=60);
   -moz-opacity: 0.6;
   opacity: 0.6;
}

.info {
    margin:0 0 5px 22px;
    line-height:160%;
}
.info_bottom {
    margin:0 0 -5px 22px;
    line-height:160%;
}