/* (c) Since 2005  PILZAII  All Rights Reserved. */
@charset "UTF-8";
@font-face { font-family: KoPub2_BatangLight; src: url(c/KoPub2_BatangLight.ttf); }
@font-face { font-family: KoPub2_BatangBold; src: url(c/KoPub2_BatangBold.ttf); }
@font-face { font-family: KoPub2_DotumLight; src: url(c/KoPub2_DotumLight.ttf); }
@font-face { font-family: KoPub2_DotumBold; src: url(c/KoPub2_DotumBold.ttf); }

body { margin : 0px; background : #fafafa; color : #000000; font-size : 0.9em;
	font-family : KoPub2_BatangLight, serif; line-height : 1.6em; }

a:link { text-decoration : none; color : #017FFF; }
a:visited { text-decoration : none; color : #017FFF; }
a:active { text-decoration : underline; color : #61B3FF; }
a:hover { text-decoration : underline; color : #0163BF; }
ul { padding : 0 0 0 -2px; list-style : url('img/arrow.png') circle; }
.fa { color : #fafafa; }
.a { font-weight : bold; }
.b { margin : 2px 0 0 0; font-weight : bold; }
.cb { padding : 4px; }
.cb2 { margin : 2px 0px 12px 12px; }
.cn { text-align : center; }
.cen { text-align : center; }
.rgt { text-align : right; }
.ref { font-size : 0.8em; color : #666666; }
.bold { font-weight : bold; }
.ital { font-style : italic; }
.gray { color : #666666; }
.nv p { margin : 0; text-indent : 0.9em; }
.nv.tiz { text-indent : 0em; font-family : sans-serif; }

/* -------- font -------- */
.top_f1 { padding : 10px 0px 0px 20px; font-size : 1.7em; font-family : KoPub2_DotumBold, sans-serif; color : #666666; text-align : left; }
.top_f2 { font-size : 0.9em; font-family : tahoma, verdana, AppleGhothic, sans-serif; font-weight : bold; line-height : 110%; float : right; margin : 0 2px 0 0; }
.f1 { font-size : 1.4em; font-family : tahoma, verdana, arial, sans-serif; font-weight : bold; color : #666666; text-indent : 12px; }
.f2 { font-size : 1.7em; font-family : gungsuh, times new roman, serif; color : gold; font-weight : bold; text-align : center; }
.f3 { font-size : 1.5em; font-family : KoPub2_DotumBold, sans-serif; }
.f4 { font-size : 0.8em; }

/* -------- image -------- */
img { border : 0px; }
img.tb { float : right; width : 200px; height : 40px; }
img.cb { width : 140px; height : 60px; }
img.bo1 { border : 1px solid #000000; }
img.bo2 { border : 2px; }
hr { border : 1px; width : 280px; }
hr.hr1 { width : 80%; height : 1px; color : #999999; border-style : dashed; }

/* -------- must-have -------- */
#top { width : 600px; height : 40px; margin : 0px auto 10px auto; border : 2px solid #bf80ff; background : #fafafa; float : top; border-radius : 8px; }
#corner { width : 120px; height : 120px; position : fixed; z-index : 3; top : 0; right : 0; background:url("img/pilza2_corner.png") no-repeat; }
#pilza2_logo { width : 100px; margin : 0 0 8px 0; position : relative; top : 10px; left : 14px; }
#pilza2_blog { position : relative; right : 8px; float : right; clear : both; font-size : 1.2em; font-weight : bolder; font-family : KoPub2_DotumLight, sans-serif; }
#tail { clear : both; width : 600px; height : 50px; margin : 0px auto; text-align : center; font-size : 12px; line-height : 120%; }

/* -------- box - c -------- */
.c1 { margin : 0 auto; width : 580px; padding : 10px; border : 2px solid #cccccc; border-radius : 12px; }
.c2 { margin : 0 auto; width : 580px; padding : 10px; border : 2px solid #dccbed; border-radius : 12px; }
.c3 { margin : 0 auto; width : 580px; padding : 10px; border : 2px solid #fddbef; border-radius : 12px; }
.c4 { margin : 0 auto; width : 580px; padding : 10px; border : 2px solid #ebf5a7; border-radius : 12px; }
.c5 { margin : 0 auto; width : 580px; padding : 10px; border : 2px solid #faebc8; border-radius : 12px; }

/* -------- box - d -------- */
#d1 { width : 600px; height : 40px; margin : 0px auto 10px auto; text-align : center; font-size : 1.3em; font-family : 'times new roman', georgia; color : #666666; line-height : 150%; }
#d2 { width : 600px; height : 280px; margin : 0px auto 16px auto; font-size : 1.2em; font-weight : bold; line-height : 150%; }
.d2-mi { float : left; width : 336px; height : 280px; }
.d2-1 { float : right; width : 236px; height : 52px; margin : 0px 0px 10px 0px; padding : 2px 0px 0px 4px; border : 2px solid #dccbed; }
.d2-2 { float : right; width : 236px; height : 25px; margin : 0px 0px 10px 0px; padding : 2px 0px 0px 4px; text-align : left; border : 2px solid #fddbef; }
.d2-3 { float : right; width : 236px; height : 55px; margin : 0px 0px 10px 0px; padding : 2px 0px 0px 4px; text-align : left; border : 2px solid #ebf5a7; }
.d2-4 { float : right; width : 236px; height : 25px; padding : 2px 0px 0px 4px; text-align : left; border : 2px solid #faebc8; }
#d3 { width : 600px; height : 480px; margin : 0px auto; }
.d3-1 { float : right; height : 440px; font-size : 0.8em; font-family : 'Nanum Gothic', dotum, AppleGhothic, sans-serif; text-align : center; line-height : 110%; }
.d3-2 { float : left; width : 280px; margin : 0 0 12px 0; padding : 2px 0 2px 8px; border : 2px solid #bf80ff; font-size : 0.9em; }

/* -------- table -------- */
table,th,td.t1 { border : 1px solid #999999; border-color : #999999; text-align : center; line-height : 130%; }
table,th,td.t2 { width : 480px; margin : 0 auto; padding : 2px; border : 2px solid #cccccc; text-align : left; }

/* -------- button -------- */
.nbt { width: 100px; padding: 10px 20px 10px 20px; text-decoration: none; border: solid #017fff 2px; border-radius: 8px; }
.nbt:hover { text-decoration: none; color: #fafafa; border: solid #0163bf 2px; background: #0163bf; }

/* -------- old ver. -------- */
/* @import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic&family=Nanum+Myeongjo&display=swap');
font-family : 'Nanum Myeongjo', batang, AppleMyungjo, serif;
*/