@charset "utf-8";
/*
	판타플랜의 기본 CSS 입니다.
	licence & create by 판타플랜
	issued date : 2009.11.11.
*/
/*@import url(/admin/base/admin.css);*/

/* Type Selector */
* { margin:0; padding:0; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; } /* 문서 전체 */
html { overflow:scroll; overflow-x:auto; } /* DTD 문서 가로스크롤 삭제 */
img, fieldset, button { border:none; }
hr, button img { display:none; }
h1,h2	{display:none;} /*h2까지 템플릿에서 사용, 각 작업은 h3부터*/
ul,ol { list-style:none; }
/* ul,ol,dl { clear:both; } */
textarea { overflow:auto; }
table { empty-cells:show; } /* 빈셀 보이기 */
html:first-child select { padding-right:6px; height:20px; } /* Opera 9 & Below Fix */
option { padding-right:6px; } /* Firefox Fix */
legend, .blind { position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; } /* For Screen Reader */
a { text-decoration:none; }
a:hover, a:active, a:focus { text-decoration:none; }
a img { display:inline; } /*selector-dummy : expression(this.hideFocus=true); 링크시 이미지 보더 없음*/
/* a {selector-dummy : expression(this.hideFocus=true);} 링크시 이미지 보더 없음 */
form { display:inline; }  /* 폼 한줄 안보이기*/
label { cursor:pointer; } /* 라벨 텍스트에 대한 커서모양 설정 */

input[type="image"] { vertical-align:middle; } 

/* input[type="image"] { filter:progid:DXImageTransform.Microsoft.Chroma(color=#ffffff);} /*ie 7*/
/* input.image { filter:progid:DXImageTransform.Microsoft.Chroma(color=#ffffff);} /*ie 6*/
.inimage { filter:progid:DXImageTransform.Microsoft.Chroma(color=#ffffff);}

.iePngFix { _behavior: url(/include/css/iepngfix.htc); } /*ie 6*/

/* media */
@media print {
.noPrint { display:none; }
}
@media screen {
.noPrint { display:inline; }
}
p.breakhere { page-break-before: always }
@page {
size: 21.0cm 29.7cm;
margin: 2cm;
}
/*
@page: left { @top-left {content:"Cascading Style Sheets";}}
@page blank : left {@top-left {content: normal;}}
h1 {string-set: header content();}
*/

div.chapter, div.appendix { page-break-after:always; }
div.titlepage { page: blank; }

/* 우편번호 ajax 찾기 */
#ZipcodeFind { display:none; z-index:999; position:absolute; }
#ZipcodeFrame { width:298px; height:165px; }

.input_01 { background-color:#ffffff; color:black; border:1px solid #b4b4b4; font-size:9pt; color:#595959; line-height: 10pt; }
.input_02 { background-color:#f5f5f5; color:black; border:1px solid #d3d3d3; font-size:9pt; color:#595959; line-height: 10pt; }
.input_03 { background-color:#ffffff; color:black; border:1px solid #cccccc; font-size:9pt; color:#595959; line-height: 10pt; }
.input_04 { background-color:#ffffff; color:black; border:1px solid #b4b4b4; font-size:9pt; color:#595959; line-height: 15pt; }
.input_05 { background-color:#ffffff; color:black; border:1px solid #C1B5AE; font-size:9pt; color:#595959; line-height: 15pt; }
.input_06 { background-color:#eaeaea; color:black; border:1px solid #bbbbbb; font-size:9pt; color:#595959; line-height: 15pt; }
.input_07 { background-color:#FDFDFD; color:black; border:1px solid #D5D5D5; font-size:9pt; color:#595959; line-height: 15pt; }
.input_08 { background-color:#ffffff; color:black; border:1px solid #828282; font-size:9pt; color:#595959; line-height: 15pt; }
.input_09 { background-color:#ffffff; color:black; border:1px solid #828282; font-size:9pt; color:#595959; line-height: 15pt; }

.top { font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; line-height: 15pt; color:#7995a3; letter-spacing:0; }
.top a:link { color:#7995a3; }
.top a:visited { color:#7995a3; }
.top a:hover { color:#333333; }
.top a:active { color:#7995a3; }

.font01 { font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; line-height: 15pt; color:#5E5E5E; }
.font01 a:link { color:#5E5E5E; }
.font01 a:visited { color:#5E5E5E; }
.font01 a:hover { color:#04CFFA; }
.font01 a:active { color:#5E5E5E; }

.font01_01 { font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 8pt; text-decoration: none; line-height: 15pt; color:#ffffff; }
.font01_01 a:link { color:#ffffff; }
.font01_01 a:visited { color:#ffffff; }
.font01_01 a:hover { color:#FFFFFF; }
.font01_01 a:active { color:#ffffff; }

.font02 { font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; line-height: 17pt; color:#005945; }
.font02 a:link { color:#005945; }
.font02 a:visited { color:#005945; }
.font02 a:hover { color:#04CFFA; }
.font02 a:active { color:#005945; }

.font02_01 { font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; line-height: 13.5pt; color:#252525; }
.font02_01 a:link { color:#252525; }
.font02_01 a:visited { color:#252525; }
.font02_01 a:hover { color:#04CFFA; }
.font02_01 a:active { color:#252525; }

.font02_02 { font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; line-height: 17pt; color:#609F97; }
.font02_02 a:link { color:#006699; }
.font02_02 a:visited { color:#006699; }
.font02_02 a:hover { color:#04CFFA; }
.font02_02 a:active { color:#006699; }

.font03 { font-family: '굴림', '굴림체', '돋움', '돋움체'; font-size: 9pt; text-decoration: none; line-height: 18pt; color:#000000; }
.font03 a:link { color:#000000; }
.font03 a:visited { color:#000000; }
.font03 a:hover { color:#04CFFA; }
.font03 a:active { color:#000000; }

.font03_01 { font-family: '돋움', '돋움체'; font-size: 8pt; text-decoration: none; line-height: 13pt; color:#000000; }
.font03_01 a:link { color:#000000; }
.font03_01 a:visited { color:#000000; }
.font03_01 a:hover { color:#04CFFA; }
.font03_01 a:active { color:#000000; }

.font03_02 { font-family: '돋움', '돋움체'; font-size: 9pt; text-decoration: none; line-height: 13pt; color:#000000; }
.font03_02 a:link { color:#000000; }
.font03_02 a:visited { color:#000000; }
.font03_02 a:hover { color:#04CFFA; }
.font03_02 a:active { color:#000000; }

.font03_03 { font-family: '돋움', '돋움체'; font-size: 12pt; text-decoration: none; line-height: 13pt; color:#000000; }
.font03_03 a:link { color:#000000; }
.font03_03 a:visited { color:#000000; }
.font03_03 a:hover { color:#04CFFA; }
.font03_03 a:active { color:#000000; }

/* 폰트 설정 */
.ftb { font-weight:bold; }
.ftn { font-weight:normal; }

.fcbl { color:#000000; } /* Black */
.fcsi { color:#C0C0C0; } /* Silver */
.fcgy { color:#808080; } /* Gray */
.fcwt { color:#FFFFFF; } /* White */
.fcmr { color:#800000; } /* Maroon */
.fcrd { color:#FF0000; } /* Red */
.fcpp { color:#800080; } /* Purple */
.fcfs { color:#FF00FF; } /* Fuchsia */
.fcgr { color:#008000; } /* Green */
.fcli { color:#00FF00; } /* Lime */
.fcol { color:#808000; } /* Olive */
.fcyl { color:#FFFF00; } /* Yellow */
.fcna { color:#000080; } /* Navy */
.fcbl { color:#0000FF; } /* Blue */
.fcte { color:#008080; } /* Teal */
.fcaq { color:#00FFFF; } /* Aqua */
.fcge { color:#CCCCCC; } /*  */

/* border 설정 */
.b0 { border:0px; }
.b1f { border:1px solid #ffffff; }
.bt1f { border-top:1px solid #ffffff; }
.br1f { border-right:1px solid #ffffff; }
.bb1f { border-bottom:1px solid #ffffff; }
.bl1f { border-left:1px solid #ffffff; }

.b1e { border:1px solid #eeeeee; }
.bt1e { border-top:1px solid #eeeeee; }
.br1e { border-right:1px solid #eeeeee; }
.bb1e { border-bottom:1px solid #eeeeee; }
.bl1e { border-left:1px solid #eeeeee; }

.b1c { border:1px solid #cccccc; }
.bt1c { border-top:1px solid #cccccc; }
.br1c { border-right:1px solid #dddddd; }
.bb1c { border-bottom:1px solid #cccccc; }
.bl1c { border-left:1px solid #cccccc; }

.bd1f { border:1px dotted #ffffff; }
.bdt1f { border-top:1px dotted #ffffff; }
.bdr1f { border-right:1px dotted #ffffff; }
.bdb1f { border-bottom:1px dotted #ffffff; }
.bdl1f { border-left:1px dotted #ffffff; }

.bd1e { border:1px dotted #eeeeee; }
.bdt1e { border-top:1px dotted #eeeeee; }
.bdr1e { border-right:1px dotted #eeeeee; }
.bdb1e { border-bottom:1px dotted #eeeeee; }
.bdl1e { border-left:1px dotted #eeeeee; }

.bd1c { border:1px dotted #cccccc; }
.bdt1c { border-top:1px dotted #cccccc; }
.bdr1c { border-right:1px dotted #cccccc; }
.bdb1c { border-bottom:1px dotted #cccccc; }
.bdl1c { border-left:1px dotted #cccccc; }

.b2f { border:2px solid #ffffff; }
.bt2f { border-top:2px solid #ffffff; }
.br2f { border-right:2px solid #ffffff; }
.bb2f { border-bottom:2px solid #ffffff; }
.bl2f { border-left:2px solid #ffffff; }

.b2e { border:2px solid #eeeeee; }
.bt2e { border-top:2px solid #eeeeee; }
.br2e { border-right:2px solid #eeeeee; }
.bb2e { border-bottom:2px solid #eeeeee; }
.bl2e { border-left:2px solid #eeeeee; }

.b2c { border:2px solid #cccccc; }
.bt2c { border-top:2px solid #cccccc; }
.br2c { border-right:2px solid #cccccc; }
.bb2c { border-bottom:2px solid #cccccc; }
.bl2c { border-left:2px solid #cccccc; }

/* padding 설정 */
.p0 { padding:0px; }

.p1 { padding:1px; }
.p5 { padding:5px; }
.p10 { padding:10px; }
.p15 { padding:15px; }
.p20 { padding:20px; }
.p25 { padding:25px; }
.p30 { padding:30px; }
.p35 { padding:35px; }
.p40 { padding:40px; }
.p45 { padding:45px; }
.p50 { padding:50px; }

.pt1 { padding-top:1px; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }

.pr1 { padding-right:1px; }
.pr5 { padding-right:5px; }
.pr10 { padding-right:10px; }
.pr15 { padding-right:15px; }
.pr20 { padding-right:20px; }
.pr25 { padding-right:25px; }
.pr30 { padding-right:30px; }
.pr35 { padding-right:35px; }
.pr40 { padding-right:40px; }
.pr45 { padding-right:45px; }
.pr50 { padding-right:50px; }

.pb1 { padding-bottom:1px; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }

.pl1 { padding-left:1px; }
.pl5 { padding-left:5px; }
.pl10 { padding-left:10px; }
.pl15 { padding-left:15px; }
.pl20 { padding-left:20px; }
.pl25 { padding-left:25px; }
.pl30 { padding-left:30px; }
.pl35 { padding-left:35px; }
.pl40 { padding-left:40px; }
.pl45 { padding-left:45px; }
.pl50 { padding-left:50px; }

/* 백그라운드 제어 */
.bx { background-repeat:repeat-x; }
.by { background-repeat:repeat-y; }
.bn { background-repeat:no-repeat; }

.bxpc { background-repeat:no-repeat; background-position:center; }
.bxpl { background-repeat:no-repeat; background-position:left; }
.bxpr { background-repeat:no-repeat; background-position:right; }

.bcf { background-color:#FFFFFF; }
.bce { background-color:#EEEEEE; }
.bcc { background-color:#cccccc; }

/* 디스플레이 block/none */
.dis_b { display:block; }
.dis_n { display:none; }

/* 라운드 박스 모형 */
b.b1f, b.b2f, b.b3f, b.b4f { border:0px; font-size:0px; overflow:hidden; display:block;}
b.b1f { height:1px; margin:0 5px;}
b.b2f { height:1px; margin:0 3px;}
b.b3f { height:1px; margin:0 2px;}
b.b4f { height:2px; margin:0 1px;}

b.b1b, b.b2b, b.b3b, b.b4b { border:0px; font-size:0px; overflow:hidden; display:block;}
b.b1b { height:1px; margin:0 5px; background:#000;}
b.b2b { height:1px; margin:0 3px; border-left:2px solid #000; border-right:2px solid #000; }
b.b3b { height:1px; margin:0 2px; border-left:1px solid #000; border-right:1px solid #000; }
b.b4b { height:2px; margin:0 1px; border-left:1px solid #000; border-right:1px solid #000; }

/*
<div class="round_box_class">
	<b class="b1f"></b>
	<b class="b2f"></b>
	<b class="b3f"></b>
	<b class="b4f"></b>
		<div class="contentf">
			<div>여기에 내용!!</div>
		</div>
	<b class="b4f"></b>
	<b class="b3f"></b>
	<b class="b2f"></b>
	<b class="b1f"></b>
</div>
*/

/* Layout */
#fanta { position:relative; width:100%;}
#header { position:relative; clear:both; width:100%; z-index:2; *zoom:1; }
#header:after { content:""; display:block; clear:both; height:0; }
#container { position:relative;  clear:both; width:100%; z-index:1; *zoom:1;}
#container:after { content:""; display:block; clear:both; height:0; }
#footer { position:relative; clear:both; width:100%; z-index:0; *zoom:1;}
#footer:after { content:""; display:block; clear:both; height:0; }

#head { position:relative; margin:0 auto; width:996px; min-height:1px; *zoom:1; }
#head:after { content:""; display:block; clear:both; height:0; }
#contain { position:relative; margin:0 auto; width:996px; min-height:1px; *zoom:1; }
#contain:after { content:""; display:block; clear:both; height:0; }
#foot { position:relative; margin:0 auto; width:996px; min-height:1px; *zoom:1; }
#foot:after { content:""; display:block; clear:both; height:0; }
#quick_left { position:absolute; top:0px; left:0px; clear:both; min-height:1px; *zoom:1; }
#quick_left:after { content:""; display:block; clear:both; height:0; }
#quick_right { position:absolute; top:0px; right:0px; clear:both; min-height:1px; *zoom:1; }
#quick_right:after { content:""; display:block; clear:both; height:0; }

#contents1 { position:relative; float:left; min-height:1px; *zoom:1; }
#contents1:after { content:""; display:block; clear:both; height:0; }
#contents2 { position:relative; float:left; min-height:1px; *zoom:1; }
#contents2:after { content:""; display:block; clear:both; height:0; }
#contents3 { position:relative; float:left; min-height:1px; *zoom:1; }
#contents3:after { content:""; display:block; clear:both; height:0; }
#contents4 { position:relative; float:left; min-height:1px; *zoom:1; }
#contents4:after { content:""; display:block; clear:both; height:0; }

#bg_head_left { position:absolute; }
#bg_head_right { position:absolute; }
#bg_contain_left { position:absolute; }
#bg_contain_right {  position:absolute; }
#bg_foot_left { position:absolute; }
#bg_foot_right {  position:absolute; }