@charset "utf-8";

/* 기본 left 정렬 */

html{overflow-y:scroll;}

body { margin:0px;padding:0px; }

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

/* layout */

#ad_main {width:100%; float:left;}

#lst{ margin:0px 0px 0px 0px;}

#conts	{position:relative; padding:0px 20px;}

#location {
	padding: 0px 0px 15px 30px;
	margin: 0px 0px 10px 0px;
	width: 100%;
	height:30;
    text-align:left;
	color:#004486; font:bold 16px/1.4 '돋움',Dotum;
    background: url(/ab_pg/img/title.gif) repeat-x;
}

#location2 {
    width:800px;
	padding: 0px 0px 0px 19px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	height:16;
    text-align: left;
	color:#106AAD; font:bold 12px/1.3 '돋움',Dotum;
    background: url(/ab_pg/img/ball_stitle.gif) repeat-y;
}


#menu a:link { font-weight: bold;color:#ffffff; text-decoration:none; }
#menu a:visited { font-weight: bold;color:#ffffff; text-decoration:none; }
#menu a:active { font-weight: bold;color:#ffffff; text-decoration:none; }
#menu a:hover { font-weight: bold;color:#FFF600; text-decoration:none; }


/* CSS Document 기본 메인 및 서브 레이아웃 스타일 */

body,input,button{color:#3A3A3A; font:normal 14px/1.5 '굴림',Gulim,'돋움',Dotum,AppleGothic,Sans-serif;}
td	{color:#3A3A3A; font:normal 14px/1.5 '굴림',Gulim,'돋움',Dotum,AppleGothic,Sans-serif;}

/* 	filter: expression(document.execCommand("BackgroundImageCache", false, true));  익스6 깜빡 거림 대비용 */

body {   scrollbar-arrow-color: #FFF;
	scrollbar-face-color: #DBDBDB;
	scrollbar-highlight-color: #C6C6C6;
	scrollbar-3dlight-color: #F4F4F4;
	scrollbar-shadow-color: #C6C6C6;
	scrollbar-darkshadow-color: #F4F4F4;
	scrollbar-track-color: #F4F4F4;

}

table { border-spacing: 0;  border-collapse: collapse; }
th, td { padding:0 0 0 0; } /* 테이블 여백 없애기 */
a img { border:0 none; } /*링크걸린 이미지 보더 없애기 */
img, fieldset { border:0px; }
legend { display: none; }


a:link { text-decoration: none; color: #3F3F3F; }
a:visited { text-decoration: none; color: #3F3F3F; }
a:active { text-decoration: none; color: #015BB1; }
a:hover {  text-decoration:none; color:#015BB1; }





/* 인풋박스 등 기본 스타일 */
select { margin-bottom:-1px; font-size:12px;}
input.mg1 { margin-bottom:0px; }
input.mg2 { margin-bottom:0px; }
.input { border-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-color: #C3C3C3; width:98%; height:16px; font-size:12px; font-family:Gulim,GulimChe,verdana; }
.button_grey
{
BACKGROUND-COLOR: #4F4F4F; BORDER-BOTTOM: #002959 1px solid; BORDER-LEFT: #002959 1px solid; BORDER-RIGHT: #002959 1px solid; BORDER-TOP: #002959 1px solid; COLOR: #ffffff; height: 15pt; FONT-SIZE: 9pt; font-weight:bold; cursor:hand; 
}
.button
{
BACKGROUND-COLOR: #2F9FE2; BORDER-BOTTOM: #002959 1px solid; BORDER-LEFT: #002959 1px solid; BORDER-RIGHT: #002959 1px solid; BORDER-TOP: #002959 1px solid; COLOR: #ffffff; height: 15pt; FONT-SIZE: 9pt; font-weight:bold; cursor:hand; 
}
.button2
{
BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #47ACEA 1px solid; BORDER-LEFT: #47ACEA 1px solid; BORDER-RIGHT: #47ACEA 1px solid; BORDER-TOP: #47ACEA 1px solid; COLOR: #47ACEA; height: 15pt; FONT-SIZE: 9pt; font-weight:bold; cursor:hand; 
}
.button3
{
BACKGROUND-COLOR: #115CB2; BORDER-BOTTOM: #002959 1px solid; BORDER-LEFT: #002959 1px solid; BORDER-RIGHT: #002959 1px solid; BORDER-TOP: #002959 1px solid; COLOR: #ffffff; height: 15pt; FONT-SIZE: 9pt; font-weight:bold; cursor:hand; 
}

.button_save
{
BACKGROUND-COLOR: #B24C11; BORDER-BOTTOM: #592100 1px solid; BORDER-LEFT: #592100 1px solid; BORDER-RIGHT: #592100 1px solid; BORDER-TOP: #592100 1px solid; COLOR: #ffffff; height: 15pt; FONT-SIZE: 9pt; font-weight:bold; cursor:hand; 
}
.button_pg
{
BACKGROUND-COLOR: #259E27; BORDER-BOTTOM: #0B4E0D 1px solid; BORDER-LEFT: #0B4E0D 1px solid; BORDER-RIGHT: #0B4E0D 1px solid; BORDER-TOP: #0B4E0D 1px solid; COLOR: #ffffff; height: 15pt; FONT-SIZE: 9pt; font-weight:bold; cursor:hand; 
}

input.box_member { padding-top:4px;border:1px solid #70AFD0; height:14px; font-size:12px; font-family:Gulim,GulimChe,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:Gulim,GulimChe,verdana; color:#333333; }
input.nobox { border:0px; width: 44px; height:20px; padding-top:0px;}
input.nobox2 { border:0px; width: 57px; height:26px;}
input.nobox3 { border:0px; width: 36px; height:21px;}
input.nobox4 { border:0px; width: 38px; height:39px;}
input.nobox5 { border:0px; width: 47px; height:23px;}
input.nobox6 { border:0px; width: 37px; height:18px;}
input.nobox7 { border:0px; width: 55px; height:23px;}
input.nobox8 { border:0px; width: 40px; height:20px;}
input.login { border:0px; width: 76px; height:47px;}
input.popbu { border:0px; width: 28px; height:18px;}
textarea { border:1px solid #C3C3C3; background-color:#ffffff; font-size:12px; font-family:Gulim,GulimChe,verdana; width:98%;line-height:14pt;}
textarea.box01 { padding:3px; border:1px solid #C3C3C3; background-color:#ffffff; font-size:12px; font-family:Gulim,GulimChe,verdana; width:538px;height:55px;line-height:14pt;}
textarea.box02 { padding:3px; border:1px solid #C3C3C3; background-color:#ffffff; font-size:12px; font-family:Gulim,GulimChe,verdana; width:538px;height:230px;line-height:14pt;}
textarea.box03 { padding:5px; border:1px solid #C3C3C3; background-color:#ffffff; font-size:12px; font-family:Gulim,GulimChe,verdana; width:640px;line-height:14pt;}

.radio { border:0px;background-color:#ffffff; width:13px;}
.radio2 { border:0px;background-color:#B26D28; width:13px;}
.radio3 { border:0px;background-color:#D48A33; width:13px;}
.radio4 { border:0px;background-color:#6A8832; width:13px;}
.checkbox { border:0px;width:18px;}
.checkbox2 { border:0px;width:18px;}

.blank { padding:0px; margin:0px; border-right:0px;}
ul,ol {list-style:none; padding: 0px; margin: 0px;}
ol li, ul li { display: inline; padding: 0px; margin: 0px;}


.border {border: 1px #000000 outset}







/* 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:30px; border-right:1px solid #B2CFDC;border-bottom:1px solid #B2CFDC; }
.tablebox	td			{padding-top:4px;padding-left:10px;height:30px;border-right:1px solid #B2CFDC;border-bottom:1px solid #B2CFDC; }
.tablebox	td.tx		{background:#E8F0F5;padding-left:0px;}
.tablebox	td.tx2		{background:#F4F9FC;padding-left:0px;}
.tablebox	td.tx3		{background:#E8F0F5;padding-left:10px;}

.boxschool				{ width:40%; margin:0 auto 0;  text-align:center; border-top:2px solid #2273ba; border-bottom:1px solid #2273ba; background:#eee; }
.boxschool th			{ padding:7px; height:30px; border-right:1px solid #B2CFDC; border-bottom:1px solid #B2CFDC; }
.boxschool td			{ padding-top:7px; height:30px; border-bottom:1px solid #B2CFDC; background:#fff; }
.boxschool p.blue		{ color:#2273ba; font-weight:600; }

.boxschool_pop				{ width:100%; margin:0 auto 0;  text-align:center; border-top:2px solid #2273ba; border-bottom:1px solid #2273ba; background:#eee; }
.boxschool_pop th			{ padding:4px; height:30px; border-right:1px solid #B2CFDC; border-bottom:1px solid #B2CFDC; }
.boxschool_pop td			{ padding-top:4px; height:30px; border-bottom:1px solid #B2CFDC; background:#fff; }
.boxschool_pop p.blue		{ color:#2273ba; font-weight:600; }

.school				{ width:100%; overflow:hidden; margin:0 auto 0;  text-align:center; padding:50px; border-top:2px solid #2273ba; border-bottom:1px solid #2273ba; background:#eee; }
.school_left			{ float: left; width:25%; }
.school_right			{ float: right; width:75%; }
.school dl				{ overflow:hidden; margin:0; margin-bottom:10px; }
.school dt				{ float: left; width:20%; color:#2273ba;  font-weight:600; }
.school dd			{ float: left; text-align:left; width:80%; }
.school p span		{ display:inline; width:300px; color:#2273ba;  font-weight:600; }
.school p.blue		{ color:#2273ba; font-weight:600; }


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



/* height 여백 */
.sp3 { height: 3px; width:1px; font-size: 0; line-height: 0;}
.sp5 { height: 5px; width:1px; font-size: 0; line-height: 0;}
.sp10 { height: 10px; width:1px; font-size: 0; line-height: 0;}
.sp15 { height: 15px; width:1px; font-size: 0; line-height: 0;}
.sp20 { height: 20px; width:1px; font-size: 0; line-height: 0;}
.sp25 { height: 25px; width:1px; font-size: 0; line-height: 0;}
.sp30 { height: 30px; width:1px; font-size: 0; line-height: 0;}
.sp35 { height: 35px; width:1px; font-size: 0; line-height: 0;}
.sp40 { height: 40px; width:1px; font-size: 0; line-height: 0;}
.sp300 { height: 300px; width:1px; font-size: 0; line-height: 0;}

/* bbs */
.bbs_title{ font-size:12px; color:#0459AF;line-height:14pt;}
.bbs_name{ font-size:12px; color:#000000;line-height:14pt;}
.bbs_date{ font-size:12px; color:#C31D1E;line-height:14pt;}
.bbs_hit{ font-size:9px; color:#0057A9;line-height:14pt;}

.wi-10{width:10%;}
.wi-20{width:20%;}
.wi-30{width:30%;}
.wi-40{width:40%;}
.wi-50{width:50%;}
.wi-60{width:60%;}
.wi-70{width:70%;}
.wi-80{width:80%;}
.wi-90{width:90%;}
.wi-100{width:100%;}


/* 로그인 */
.logBoxlogo { clear:both; width:30%; margin:13% auto 0; }
.logBoxlogo img { clear:both; width:100%; margin:0 auto 0; }
.logBoxWrap { clear:both; width:30%; margin:30px auto; border:1px solid #FFF; padding:30px; }
.logBox { width:100%; margin:0 auto; }
.logBox .ifb { width:100%; margin:0 auto 10px; height:40px; padding: 10px; border:0; border-radius:10px; opacity: 0.7; font-family: 'NanumSquare'; font-weight:400; font-size:18px; }
.scTxt { font-size:16px; line-height:2em; padding-bottom:20px; text-align:center; width:80%; margin:0 auto; }
.logBoxWrap .txt { font-size:1.2em; text-align:left; font-family: 'NanumSquare'; color:#FFF; margin:0 auto 10px; }
.logBoxWrap .txt strong { display:block; font-size:1.4em; margin-bottom:10px; line-height:1.4em; }
.logBoxWrap .txt strong span { color:#EA4800; font-weight:bold; }
.btn_login{ height:60px !important; line-height:60px !important; }
.loginMn { overflow:hidden; margin-top:30px; }
.loginMn li { float:left;width:100%;padding:20px 30px;color:#333;box-sizing:border-box;font-size:15px;text-align:center;background:#f4f4f4; }
.loginMn li:first-child { border-bottom:1px solid #dcdcdc; }
.loginMn li strong { display:inline-block; font-size:1.2em; border-bottom:1px solid #000; margin-bottom:10px; padding-bottom:5px; font-weight:400; }
.loginMn li a { display:block; margin-top:20px; }
.meminput { width:100%; height:50px !important; font-size:15px; margin-bottom:10px; padding:0 10px; border:1px solid #ddd; color:#555; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; }

.btn { display:inline-block;height:40px;line-height:40px;padding:0px 20px;text-align:center;color:#fff !important;font-weight:600;word-spacing:0;text-decoration: none; font-size:22px; border:0; font-family: 'NanumSquare'; }
.btn_login{ width:94%;margin-top:5px;background:#EA4800; opacity: 0.7; }

@media (max-width:800px){
	.logBoxlogo { clear:both; width:70%; margin:7% auto 3%; }
	.logBoxlogo img { width:100%; margin:0 auto; }
	.logBoxWrap { clear:both; width:70%; margin:1% auto; border:1px solid #FFF; padding:30px; }

}