@charset "utf-8";

/* html{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} */

*{margin:0;padding:0;font-family:"돋움",Dotum,Helvetica,sans-serif}
body,input,textarea,select,option,th,td{font-size:1em;line-height:1.25em;font-family:"Helvetica,AppleGothic,dotum,Sans-serif"}
h1,h2,h3,h4,h5,h6,textarea,select,option,th,td{font-size:1em;}
input{font-size:1em; border:1px solid #c8c8c8;}
ul,ol,li{list-style:none}
hr{display:none}
body{text-align:center; }
img {border:0px;}
a{text-decoration:none;color:#000;}
a:hover,a:active,a:focus{text-decoration:none;color:#000;}

/*메인*/

#wrap { width:100% ; text-align:center ; margin:0 auto ; position:relative ; max-width:640px; }

#header { height:60px; text-align:left; }
#header img { height:35px; }
#header .logo { margin-top:15px; margin-left:10px; }
#header .call { position:absolute; top:15px; right:10px; }


#searchform { position:relative; width:98%; overflow:hidden; padding:0; margin-left:1%; background-color:#fff; }
#skey { border:0px green solid; width:99%; margin-left:1%; height:27px; font-size:0.85em; color:#777777; }
#btn_search_x { 
	position:absolute; top:4px; right:50px; width:30px; height:25px;
}

a.btn { display:inline-block; font-size: 14px; color:#666; border:1px #ccc solid; background-color:#f0f0f0; padding:3px; font-weight:bold; }

.none { display:none; }


#ctgpath { display:block; text-align:left; width:96%; margin-top:10px; margin-left:2%; margin-bottom:10px; }
#ctgpath a { display:inline-block; font-weight:bold; font-size:.95em; color:#0066cc; line-height:20px; padding:5px 0 5px 0;}
.mycc { color:#ffaa00; }


#ctgsub { 
	display:block; width:96%; margin-left:1%; border:3px #dddddd solid; padding:0px; text-align:left; margin-bottom:10px;
	background-color:#f5f5f5;
}
#ctgsub .ctgname { 
	text-align:left; 
	overflow: hidden;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	-o-text-overflow:ellipsis; 
	border-bottom:#d0d0d0 1px solid;
	border-top:#ffffff 1px solid;
}
#ctgsub .ctgname a { display:inline-block; 	margin-left:10px; font-size:1em; padding:5px 0 5px 0; width:100%;}
#ctgsub span .cnt { font-size:11px; margin-left:3px; color:#999999; }


.contentList { width:96%; text-align:left; border:1px #dddddd solid; padding-left:1%; padding-right:1%; padding-top:5px; padding-bottom:5px; background-color:#FBFBFB; margin-left:1%; margin-top:5px; margin-bottom:15px; line-height:20px; }
.contentList .text2 { display:block; margin-top:5px; font-weight:bold; }
.contentList .text2 a { color:#ff0000; margin-left:0px; padding-left:5px; padding-right:5px; }

.pageNumbers img { margin-bottom:2px; }
.pageNumbers a { margin:0 5px 0 5px; font-weight:bold; }
.pageNumbers .curPage { color:red; }
.pageNumbers .linkBar { color:#cccccc; }

#content { float:left; display:inline; width:100%; margin-bottom:1em;}

#content #submenu { display:inline; float:left; width:100%; background-color:#e0e0e0; }
#content #submenu a { font-size:15px; display:inline-block; padding-top:10px; padding-bottom:10px; text-align:center; font-weight:bold; color:#777777; background-color:#e0e0e0; vertical-align:middle; line-height:100%;}

#content #body img { margin-top:5px; }

#content .tb_subtitle { width:100%; table-layout:fixed; margin-bottom:10px; }
#content .tb_subtitle td { text-align:center;  padding:13px 3px 8px 3px; font-size:1.3em; font-weight:bold; color:#000000; }
#content .tb_subtitle .item { border-bottom:3px #000000 solid; font-size:16px; font-weight:bold; }
#content .tb_subtitle .value { border-bottom:3px #afafaf solid; text-align:left; font-size:16px;}

#content .tb_intro { width:100%; table-layout:fixed; border-top:3px #e0e0e0 solid; border-bottom:3px #e0e0e0 solid; }
#content .tb_intro td { text-align:center;  padding:10px 3px 10px 3px; border-bottom:1px #e0e0e0 solid; font-size:1.1em;}
#content .tb_intro .item { text-align:center; background-color:#f0f0f0;}
#content .tb_intro .value { text-align:left;}
#content .tb_intro .al { text-align:left;}
#content .tb_intro .ar { text-align:right; padding-right:10px; }
#content .tb_intro a { border:1px #aaaaaa solid; background-color:#f0f0f0; padding:4px 5px 4px 5px; margin-left:5px; display:inline-block;}

#content .ac { text-align:center; width:100%; text-align:center; }
#content .ac div { display:inline-block; text-align:center; }
#content .ac a.btn { font-size: 12px; color:#666; border:1px #ccc solid; background-color:#f0f0f0; padding:10px; font-weight:bold; }

#content #photo img { margin:10px 0 0 0; }

#footer { margin-top:50px; border-top:2px #e9e9e9 solid; }
#footer .t1 { padding:20px 0; }
#footer .t1 img { height:26px; }

#sns_icon .sns_icon_in { margin-top:0px; background-color:#f2f2f2; padding:15px 0 15px 0;}
#sns_icon img { margin:0 0px 0 0px; vertical-align:middle; height:35px; }
#sns_icon img.sns { height:35px; } 

#copyright .inbox {	padding-top:30px; padding-bottom:30px; background-color:#797979; color:#e0e0e0; font-size:13px; }
#copyright .btn img { height:26px; }
#copyright a { color:inherit; }


.pageNumbers { text-align:center; margin:10px 0 10px 0; }
.pageNumbers a.linkPages { height:10px; font-weight:bold; margin:0; padding:3px 10px 0px 10px;  border:1px #ccc solid; border-left:1px #e0e0e0 solid; margin-left:2px; }
.pageNumbers a.linkPages:link { color:#555555; text-decoration:none;}
.pageNumbers a.linkPages:visited { color:#555555; text-decoration:none;}
.pageNumbers a.linkPages:active { color:#555555; text-decoration:none;}
.pageNumbers a.linkPages:hover { color:#555555; text-decoration:none; background-color:#eaeaea;}
.pageNumbers .curPage { color:#ff8800; }
.pageNumbers img { vertical-align:middle; margin-bottom:2px; }
.pageNumbers .ml { margin-left:8px; }
.pageNumbers .mr { margin-right:8px; }

#prepage {
	position:absolute; top:20px; left:10px;
}

.slideshow1 img { display: none; width:100% !important ; height: 200px !important ;  cursor:pointer; }
.slideshow1 img.first { display: block; }
.slideshow1 .cursor { cursor:pointer; }


button {
	margin:0;
	padding:6px;
	box-sizing:content-box;
	vertical-align:middle;
	appearance:none;
	border:1px solid #c5c5c5;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	border-radius: 2px;
	font-size:16px;
	background-color:#f2f2f2; 
}

.clear { *zoom:1; }
.clear:after {  content: "";        display: block;        clear: both;	font-size:0;	line-height:0; }

.relative { position:relative; }

.mt50 { margin-top:50px; }
.mt30 { margin-top:30px; }
.mt25 { margin-top:25px; }
.mt20 { margin-top:20px; }
.mt15 { margin-top:15px; }
.mt10 { margin-top:10px; }
.mt05 { margin-top:05px; }