@charset "utf-8";
@import "jquery.ui.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;	
}

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

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

.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.h1_body {
    width:660px;
    padding-left:38px;
    margin:0 0 5px 0;
    text-align:left;
    line-height:160%;
    font-size:12px;
}
p.h2_body {
    width:660px;
    padding-left:60px;
    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;
}
table.collapse_fixed {
    border-collapse:collapse;
    border:2px solid #8da0c1;
    table-layout:fixed;
}

th {
    background-color:#e0ffff;
    text-align:center;
    vertical-align:middle;
    color:000;
    font-weight:bold;
    border:1px solid #8da0c1;
}

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.lp_5  {text-align:left; padding-left:5px; border:1px solid #8da0c1;}
td.rp_5  {text-align:right; padding-right:5px; border:1px solid #8da0c1;}
td.label {background-color:#e0ffff; padding-left:5px; text-align:left; border:1px solid #8da0c1;}
td.input {background-color:#fff; padding-left:5px; text-align:left; border:1px solid #8da0c1;}
td.fixed {background-color:#fff; padding-left:5px; text-align:left; color:midnightblue; border:1px solid #8da0c1;}

ul.ulist {
    text-align:left;
    padding-left:18px;
    list-style-type:square;
    line-height:160%;
    margin-top:0;
    width:620px;
}
*>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;
    padding-left:38px;
    list-style-type:square;
    line-height:160%;
    margin-top:0;
    width:620px;
}
ul.ulist_h2 {
    padding-left:78px;
    margin-top:0;
    text-align:left;
    list-style-type:square;
    line-height:160%;
    width:620px;
}

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:600px;
    height:60px;
    background-image:url(../../images/bg_popup_box.png);
    background-repeat:no-repeat;
    padding:20px 0 0 40px;
    text-align:left;
}

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

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

div.agreement {
    width:600px;
    height:180px;
    overflow:auto;
    padding:10px;
    border:1px solid gray;
    line-height:160%;
    text-align:left;
}
div.admin_search {
    width:700px;
    height:25px;
    padding:0;
    text-align:right;
    padding:2px 0 5px 0;
}
div.upper {
    position:relative;
    width:640px;
    padding:8px;
    text-align:left;
    line-height:160%;
    background-color:#ffffcc;
    color:midnightblue;
    font-size:13px;
    font-weight:bold;
    border:1px solid;
    margin:0 0 30px 18px;

}
div.h1_table {
    text-align:left;
    padding-left:38px;
}
div.answer {
    line-height:160%;
    font-size:12px;
}
div.content {
    width:514px;
    height:240px;
    overflow-y:auto;
    line-height:160%;
    text-align:justify;
    padding:8px;
}
div.popup_notice {
    width:570px;
    height:500px;
    margin-top:15px;
    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;
}

.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;
}