@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothiccoding.css);

@font-face { font-family: 'SamsungIFBlk'; src: url("/font/SamsungIF_Blk.eot"); src: url("/font/SamsungIF_Blk.eot?#iefix") format("embedded-opentype"), url("/font/SamsungIF_Blk.woff") format("woff"), url("/font/SamsungIF_Blk.ttf") format("truetype"), url("/font/SamsungIF_Blk.svg#SamsungIF_Blk") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SamsungIFBd'; src: url("/font/SamsungIF_Bd.eot"); src: url("/font/SamsungIF_Bd.eot?#iefix") format("embedded-opentype"), url("/font/SamsungIF_Bd.woff") format("woff"), url("/font/SamsungIF_Bd.ttf") format("truetype"), url("/font/SamsungIF_Bd.svg#SamsungIF_Bd") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'SamsungIFRg'; src: url("/font/SamsungIF_Rg.eot"); src: url("/font/SamsungIF_Rg.eot?#iefix") format("embedded-opentype"), url("/font/SamsungIF_Rg.woff") format("woff"), url("/font/SamsungIF_Rg.ttf") format("truetype"), url("/font/SamsungIF_Rg.svg#SamsungIF_Rg") format("svg"); font-weight: normal; font-style: normal; }

.jp {font-family: 'UD Shin Go NT Light', meiryo,hirakakupro-w3,Verdana,arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important; -webkit-font-smoothing: antialiased  !important;font-weight:normal !important;}

/*
=============================================
|  조성민    SungMin Jo                    |
|  Cell: +82-10-8837-4565, 010-8837-4565    |
|  Home: http://www.alitaz.com              |
|  e-mail: miracle_runa@naver.com           |
=============================================
*/

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, abbr, acronym, address, big, cite, code, ins, small, sub, sup
{ font:normal 12px/20px 'Nanum Gothic', sans-serif;padding:0; margin:0; }
div img, dl img, dt img, dd img, ul img, ol img, li img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, pre img, form img, fieldset img, input img, textarea img, p img, blockquote img, th img, td img{ font-size:0; line-height:0; }
table{ border-collapse:collapse; border-spacing:0; }
ol, ul, li{ list-style:none; }
h1, h2, h3, h4, h5, h6, th, td{ font-weight:normal; font-size:100%; }
form, fieldset, a img{ border:0; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
address, abbr, address, big, cite, code, ins, small, sub, sup, em{ font-weight:normal; font-style:normal; }
blockquote, q{ quotes:none; }

.accessibility, .skip, legend
{ position:absolute !important; width:0 !important; height:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }
caption{ display:none; }

.null{ font-size:0; line-height:0; }
a img, input, textarea, select, img{ vertical-align:middle; }
time, progress, mark, output { display:inline; }

.hide{ position:absolute; top:-9999px; left:-9999px; }
.clr{ clear:both !important; float:none !important; width:0 !important; height:0 !important; padding:0 !important; font-size:0 !important; line-height:0 !important; overflow:hidden !important; visibility:hidden !important; }

a {text-decoration:none;}
a:hover {text-decoration:none;}
a img{ border:0; }
img, input, select{ vertical-align:middle; }

input{ font:13px "돋움", "Dutum", "Tahoma"; color:#000; vertical-align:middle; }
select{ font-size:13px; border:1px solid #D0D0D0; background:#fff; }

/*------------------------------------------------------------------------------------------------------------*/

body{ height:100%;margin:0; padding:0; position:relative;overflow-x:hidden;}
#document {background:url('../img/comm/doc_bg.gif') center 0 repeat fixed;height:100%;margin-left:1px;}

#ht1 p {text-align:center;}
#ht1 #sub_navi {width:195px;height:210px;margin:25px auto 20px auto;}
#ht1 #sub_navi li {width:195px;height:35px;}
#ht1 #sub_navi li a {padding-left:15px;display:block;color:#4a3e3e;font-size:18px;line-height:35px;letter-spacing:-1px;font-weight:500;}
#ht1 #sub_navi li a.select, #ht1 #sub_navi li a:hover {background:url('../img/comm/ht1_blt.gif') left center no-repeat #fff09e;color:#513232;font-weight:bold;}

#snav_wrap {left:234px;top:0px;width:192px;height:469px;background:#fff;border:1px solid #fff09e;position:absolute;display:none;}
#snav {position:relative;}
#snav .nav_brg {position:absolute;background:#fff09e;width:25px;height:35px;top:72px;left:-25px;z-index:9999;}
.snav_wrap {width:146px;margin:22px auto 5px auto;}
.snav_wrap .snav_title {height:30px;line-height:30px;border-bottom:1px solid #746b3d;color:#513232;font-size:16px;letter-spacing:-1px;font-weight:bold;}
.snav_wrap .snav_title.kcc {background:url('../img/03/kcc_blt.png') left center no-repeat;background-size:auto 16px;padding-left:20px;}
.snav_wrap .snav_title.ce {background:url('../img/03/ce_blt.png') left center no-repeat;background-size:auto 16px;padding-left:32px;}
.snav_wrap .snav_cont {padding-top:0px;border-top:1px solid #e3ddba;}
.snav_wrap .snav_cont a {padding-left:12px;margin:8px 0;display:block;color:#999 !important;font-size:14px !important;line-height:15px !important;background:url('../img/comm/snav_blt.gif') left 7px no-repeat;}
.snav_wrap .snav_cont a:hover {text-decoration:underline;color:#444 !important;background:url('../img/comm/snav_blt.gif') left 7px no-repeat  !important;}

/*헤더*/
.il {width:160px;height:25px;position:relative;float:left;}
.il label {display:block;font:normal 12px/27px 'dotum';padding-left:10px;color:#999;}
.il span {display: block;height:25px;}
.il input {position:absolute;height:25px;padding-left:10px;border:0;background: transparent;font-size:12px;vertical-align:top;color:#fff;top:0;left:0;z-index:1;}