@charset "utf-8";
@import url("/common/css/layout.css");     /* layout css*/

/* 기본 left 정렬 */

*{margin:0px;padding:0px;}
html,body{width:100%;height:100%;}

html{overflow-y:scroll;}

form, td, div, span, dl, dt, dd, textarea, h2, h3 {margin:0px;  padding:0px; word-break: keep-all; word-break: keep-all;}

body{background-color:#fff;*word-break:keep-all;-ms-word-break:keep-all;}
/* word-break:keep-all; word-wrap:break-word */
body,input,button{color:#2A2A2A; font:normal 12px/1.5 '굴림',Gulim,'돋움',Dotum,AppleGothic,Sans-serif;}



table { border-spacing: 0;  border-collapse: collapse; }
img, fieldset { border:0 none;}
legend { display: none; }

a { text-decoration: none; color: #373737; font:normal 12px/1.5}
a:link { text-decoration: none; color: #373737; font:normal 12px/1.5}
a:visited { text-decoration: none; color: #373737; font:normal 12px/1.5}
a:active { text-decoration: none; color: #666666; font:normal 12px/1.5}
a:hover {  text-decoration:none; color:#0150A1; font:normal 12px/1.5}
/* 에디터형은 style_editor에 따로있음 */

/* 스팸방지 */
.button_spam{ border:0px; width: 110px; height:24px; font-weight:600; color:#333; font-size:0.9em;  padding-bottom:3px; vertical-align:middle; background:url('/images/button_spam.png') no-repeat; cursor:pointer;}
.w_100{ width:100px !important;}


select { margin-bottom:-1px; font-size:12px;}
input.mg1 { margin-bottom:-1px; }
input.mg2 { margin-bottom:-2px; }
.input { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #C1C1C1;background-color:#ffffff; height:15px; font-size:12px; font-family:Dotum,DotumChe,verdana; width:98%; padding-top:3px;}
input_no { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #C1C1C1;background-color:#ffffff; height:15px; font-size:12px; font-family:Dotum,DotumChe,verdana; padding-top:3px;}
input.box02 { border:1px solid #D4D9C5; background-color:#FFFFFF; height:18px; font-size:12px; font-family:Dotum,DotumChe,verdana; }
input.box03 { border-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: none; border-left-style: solid; border-color: #a3a3a6;
					background-color:#cdcdce; height:16px; font-size:12px; font-family:Dotum,DotumChe,verdana; color:#333333; }
input.nobox { border:0px; width: 44px; height:20px; padding-top:0px;}
input.nobox2 { border:0px; width: 106px; height:28px; padding-top:0px;}
input.nobox3 { border:0px; width: 95px; height:25px; padding-top:0px;}
input.nobox4 { border:0px; width: 70px; height:21px; padding-top:0px;}
input.nobox5{ border:0px; width: 80px; height:50px; padding-top:0px;}
input.ok { border:0px; width: 40px; height:17px; padding-top:0px;}
input.search { border:0px; width: 42px; height:18px; padding-top:0px;}
input.search2 { border:0px; width: 50px; height:21px; padding-top:0px;}
input.search_bt { border:0px; width: 20px; height:17px; padding-top:0px;}
input.search_bt2 { border:0px; width: 29px; height:19px; padding-top:0px;}
input.search_box { border:0px; width: 145px; height:17px; padding-top:0px;}
input.login { border:0px; width: 67px; height:67px; padding-top:0px;}
input.login2 { border:0px; width: 48px; height:48px; padding-top:0px;}
input.login3 { border:0px; width: 43px; height:43px; padding-top:0px;}
input.ok2 { border:0px; width: 76px; height:24px; padding-top:0px;}
input.reserv { border:0px; width: 63px; height:17px; padding-top:0px;}
input.order { border:0px; width: 105px; height:25px; padding-top:0px;}
input.search_order { border:0px; width: 60px; height:18px; padding-top:0px;}



input.member { BORDER-RIGHT: #CEDFF3 1px solid; BORDER-TOP: #CEDFF3 1px solid; BORDER-LEFT: #CEDFF3 1px solid; BORDER-BOTTOM: #CEDFF3 1px solid;
					background-color:#F0F5FA; width: 103px; height:19px; font-size:12px; font-family:Dotum,DotumChe,verdana; color:#333333; }
input.stamp { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #DBDBDB;
					background-color:#FDFDFD; height:18px; font-size:12px; font-family:Dotum,DotumChe,verdana; width:40px;}
textarea { border:1px solid #DBDBDB; background-color:#FDFDFD; font-size:12px; font-family:Dotum,DotumChe,verdana; width:99%;line-height:14pt;}
textarea.box01 { border:1px solid #DBDBDB; background-color:#FDFDFD; font-size:12px; font-family:Gulim,GulimChe,verdana; width:96%;line-height:14pt;padding:10px;}
textarea.box02 { border:1px solid #d1d1d1; background-color:#FFFFFF; font-size:12px;line-height:14pt; font-family:Dotum,DotumChe,verdana; }


.radio { border:0px;background-color:#ffffff; width:13px;}
.checkbox { border:0px;background-color:#ffffff; width:16px;}

.blank { padding:0px; margin:0px; border-right:0px;}

.article_body li { display:block; padding: 0px; margin: 0px;}

.hid {visibility: hidden;font-size:0; width:0;height:0;line-height:0; overflow:hidden;}

.border {border: 1px #000000 outset}
.line_dot { width:100%; height:20px;padding:0px;margin:0px; background: url(/images/line.gif) repeat-x;}



/* searchbox */
.searchbox {width:100%; clear:both; overflow:hidden; margin:10px 0px; }
.searchbox fieldset{float:left;}
.searchbox select{ height:24px; color:#000;}
.searchbox .input{ margin-right:3px; border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #BDBDBD; height:20px; font-size:12px; font-family:Dotum,DotumChe,verdana; width:150px;  vertical-align:middle; ime-mode:active;}
.searchbox .search_bu { border:0px; width:50px; height:24px; font-weight:bold; color:#333; vertical-align:middle; background:url('/images/button_bg2.gif') no-repeat; cursor:pointer;}
.searchbox img { border:0px; vertical-align:middle;}
.searchbox .se_text {margin-left:20px:  background:#ccc;}
/* searchbox end */




/* sub */

#font_pm{position:relative;z-index:10; text-align:right; width:660px; padding:0px 0 0px 0px;background:#fff;}

#location	{position:relative;z-index:10; width:628px; height:34px; padding:0px 0 20px 32px; margin-left:0px; background:url(/images/title_bg.gif) repeat-x}

#location .title	{ position:absolute; float:left;margin:0px 0 0px 0px;}

#location ol	{float:right; padding-top:10px; margin:0 0px 0 0;}
#location li {
	display:inline;
	margin-right:5px;
	padding-right:7px;
	background:url(/images/arrow_location.gif) no-repeat right 3px;
}
#location li.home {vertical-align:middle; padding-right:0px; background:url(/images/space.gif) no-repeat}
#location li.home2 {vertical-align:middle; padding-right:10px;}
#location li img	{vertical-align:middle;}
#location li.li_current	{background:none; font-weight:normal; font-size:12px; color:#000000; padding:0px;}


#location2 {
    width:640px;
	padding: 0px 0px 10px 20px;
	margin: 0px 0px 0px 0px;
	height:16;
    text-align: left;
	color:#305bb7; font:bold 13px/1.5 '굴림',Gulim;
    background: url(/images/ball_stitle.gif) repeat-y;
}


.subcont ul li {
	font-weight:normal; width:630px; height:23px;
	padding-left:8px;
	background:url('/images/ball.gif') no-repeat 0px 4px;
}
.subcont ul li.noimg {
	font-weight:normal; width:630px; height:23px;
	padding-left:56px;
	background:url('/images/space.gif') no-repeat 0px 4px;
}



.title_pop {color: #000000; FONT-FAMILY:돋움, aria; FONT-SIZE: 24px; font-weight:bold; letter-spacing:-1; text-decoration:none;line-height:24pt;}
.title_s {color: #305BB7; FONT-FAMILY:굴림, aria; FONT-SIZE: 16px; font-weight:bold; letter-spacing:-1; text-decoration:none;line-height:20pt;}

.main_title{font:bold 16px 돋움,Dotum,AppleGothic,serif;color:#000000;line-height:21px; letter-spacing:-1px;}


.print_bu {position:absolute;z-index:10; text-align:right; width:325px; padding:5px 0 0px 0px;}
.print_bu2 {position:absolute;z-index:10; text-align:right; width:215px; padding:5px 0 0px 0px;}
.print_bu3 {position:absolute;z-index:10; text-align:right; width:395px; padding:5px 0 0px 0px;}
.print_bu4 {position:absolute;z-index:10; text-align:right; width:245px; padding:5px 0 0px 0px;}
.print_bu5 {position:absolute;z-index:10; text-align:right; width:475px; padding:5px 0 0px 0px;}

/* 요약박스 */
.title{font-size:15px; color:#000000; font-weight:bold; font-family:돋움;}
.title2{font-size:14px; color:#707070; font-weight:bold; font-family:돋움; padding-bottom:10px;}
.stitle{font-size:12px; color:#707070; font-weight:bold; font-family:굴림; padding-bottom:10px;}
.cnabs{clear:both; position:relative; width:678px; border:1px solid #D7D7D7; padding:7px 10px; background-color:#ffffff; margin-bottom:10px; margin-bottom:20px;}
.list_caption{ font-size:12px; color:#0459AF;line-height:14pt;}
.list_viw{ font-size:13px;  color:#2A2A2A; line-height:17pt;}

/* 메인 오른쪽 박스 */
.dataBox {width:243px; border-top: #D9DBD6 1px solid;border-bottom: #D9DBD6 1px solid;border-left: #D9DBD6 1px solid;border-right: #D9DBD6 1px solid;}
.dataBox h2 {position:relative; display:block; width:222px; margin:0 0 5px 12px;}
.dataBox h2 a {color:#222;}
.dataBox h2 span.btnMore {position:absolute; top:10px; right:12px; text-align:right; font-size:11px; color:#707070; font-weight:normal; font-family:돋움;}
.dataBox span.btnMore a {color:#707070;}
.dataBox div {width:222px; margin:0; padding:0px 0 0px 10px;}

.dataBox ul{margin:4px 0;}
.dataBox ul li {
	font-weight:normal; width:222px; height:21px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
	padding-left:9px;
	background:url('/images/ball.gif') no-repeat 0px 6px;
}
.dataBox li a {color:#333;}
.dataBox li a:hover {color:#000;}



/* height 여백 */
.sp2 { height: 2px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp6 { height: 6px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp45 { height: 45px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp50 { height: 50px; width:1px; font-size: 0; line-height: 0; clear:both; }
.sp300 { height: 300px; width:1px; font-size: 0; line-height: 0; clear:both; }

/* bbs */
.bbs_no{ font-size:11px; color:#0000000;line-height:14pt;}
.bbs_title{ font-size:13px; color:#000000;line-height:13pt;}
.bbs_name{ font-size:12px; color:#0459AF;line-height:14pt;}
.bbs_date{ font-size:11px; color:838383;line-height:14pt;}
.bbs_hit{ font-size:11px; color:#F78001;line-height:14pt;}
.bbs_com{ font-size:11px; color:#CB1D1C;line-height:14pt;}
.bbs_good{ font-size:11px; color:#CC3300;line-height:14pt;}
.bbs_bad{ font-size:11px; color:#0226DE;line-height:14pt;}
.left_td { padding: 0px 0px  0px 10px}

.list_b{ font-size:12px;font-weight:bold; color:#2386BC;}



/* Table */
.tablebox				{clear:both; }
.tablebox	table		{border-top:1px solid #B2CFDC;border-left:1px solid #B2CFDC;text-align:left;}
.tablebox	tr			{padding-top:4px;height:22px;border-right:1px solid #B2CFDC;border-bottom:1px solid #B2CFDC; }
.tablebox	td			{padding-top:4px;padding-left:10px;height:22px;border-right:1px solid #B2CFDC;border-bottom:1px solid #B2CFDC;  background:#fff;}
.tablebox	td.tx		{background:#F2FAEE;padding-left:0px;}
.tablebox	td.tx2		{background:#F4F9FC;padding-left:0px;}

.tx10		{background:#fff;padding-left:10px;}
.tx0		{background:#fff;padding-left:0px;}
.tx		{background:#F2FAEE;padding-left:0px;}
.tx2		{background:#F4F9FC;padding-left:0px;}



/* 리스트 - 페이징*/
.paginate {clear:both;width:660px;height:20px;margin:0px;padding-top:5px;text-align:center;}
.paginate a,.paginate strong { margin-right:4px; padding:0px 4px; text-decoration:none; border:1px solid #fff; color:#646464; font:bold 13px Verdana; _width /**/:10px; min-width:7px; background-color:#ffffff; line-height:10px;}
.paginate strong { color:#93264F !important; border:none; margin-right:1px; padding:0px 4px;  line-height:10px; font:bold 13px Verdana;}
*:first-child+html .paginate .pre,*:first-child+html .paginate .next {top:0px;}
.paginate span img {vertical-align:middle; }
.paginate span, .paginate span a {display:inline; float:none;  padding:0; border:none; background:none; font:normal 12px '굴림', Gulim;}
.paginate span a:hover {display:inline; float:none; padding:0;border:none; background:none !important; color:#646464; font:normal 12px '굴림', Gulim; }