@charset "utf-8";

/* 레이아웃 */
#knuwrap { width:100%; }

#leftarea { display:none; }
#rightarea { width:100%;  }

	#top { position:relative; width:100%; height:69px; background:-webkit-gradient(linear, left top, left bottom, from(#ee242c), to(#da131a)); border-top:1px solid #ee9295; border-bottom:1px solid #850c10; }

	#container { width:100%; }
		
		#mmiddle { width:100%; height:320px; border-top:1px solid #ccc; }
	
		
		#content { padding:0 10px; margin-bottom:40px; }
		#contentBoard { padding:0px; margin-bottom:40px; }
	
	
	#footer { position:relative; width:100%; background:#ededed; margin:0; padding:0; border-top:1px solid #999; }


@media (min-width:450px){
	body { background:url(../images/inc/body_bg.gif) repeat-y; }
	
	#leftarea { position:absolute; left:0; top:0; width:151px; display:block;  }
	#rightarea { width:auto;  padding-left:151px; }
	
		#content { padding:0 15px; margin-bottom:40px; }
				
}




/* 좌측 전체 메뉴 */
.leftArea { width:150px; } 
.leftArea .home { width:64px; height:46px; padding:25px 0 0 86px; border-bottom:1px solid #000; background:#333 url(../images/inc/leftarea_icon_home.gif) no-repeat 63px 24px; font-weight:bold; color:#fff; cursor:pointer; } 

.leftArea ul li { width:150px; min-height:46px; background:#787878; border-bottom:1px solid #636363; }
.leftArea ul li a { width:135px; min-height:31px; padding:15px 0 0 10px; text-decoration:none; color:#fff; font:normal 16px Daum, "다음"; display:block;  }
.leftArea ul li a.select { background:url(../images/inc/leftmenu_blt_on.gif) no-repeat right top;  }

.leftArea ul li ul { display:none; }
.leftArea ul li ul li { width:150px; min-height:37px; height:37px; background:#898989; border-top:1px solid #757575; border-bottom:none; }
.leftArea ul li ul li a:link,
.leftArea ul li ul li a:visited { width:130px; min-height:26px; height:26px; padding:11px 0 0 20px; text-decoration:none; color:#fff; font:normal 14px gulim; display:block; background:none; }
.leftArea ul li ul li a:active,
.leftArea ul li ul li a:focus,
.leftArea ul li ul li a:hover,
.leftArea ul li ul li a.select { background:none; color:#ffd40c; text-decoration:underline; font-weight:bold; }





/* 타이틀 */
#top h1 { padding:12px 0 0 10px; }
#top .sitemapbtn { position:absolute; right:10px; top:24px; }




/* 메뉴 */
#Mmenu { width:100%; padding:5px 0; background: url(../images/main/menu_bg.gif); border-top:1px solid #807f80; border-bottom:1px solid #2b2e32; }
#Mmenu ul { width:100%; overflow:hidden; }
#Mmenu li { float:left; width:46%; margin:2%; text-align:center; }
#Mmenu li a { width:148px; height:128px; padding-top:20px; border:1px solid #333; border-radius:10px; background:#fff; display:inline-block; box-shadow:1px 1px 1px #333; }

@media (min-width:450px){
	#Mmenu { padding:10px 0; }
	#Mmenu li { width:23%; margin:1%; }
	#Mmenu li a { width:110px; height:90px; border-radius:8px; }
	#Mmenu li a img { width:90%; height:90%; }
}



/* 메인 최근게시물 */
#newcontent {  position:relative; float:left; width:100%; height:191px; border-top:1px solid #ee9295; }

#newcontent .mtabmenu { position:relative; height:38px; padding:5px 5px 0 5px; background:#da131a; margin-bottom:15px; }
#newcontent .mtabmenu ul#mtabmenuarea { position:relative; height:38px; border-radius:5px 5px 0 0; background:#fff; }
#newcontent .mtabmenu ul#mtabmenuarea li { float:left; padding-top:12px;  }

#newcontent .mtabmenu ul#mtabmenuarea li a { padding:0 15px; font-size:16px; font-weight:bold; text-decoration:none; color:#666; background:url(../images/main/tabmenu_line.gif) no-repeat right 50%; }
#newcontent .mtabmenu ul#mtabmenuarea li a.select { color:#da131a; }
#newcontent .mtabmenu ul#mtabmenuarea li.tab2 a { background:none; }


#newcontent .mtabmenu ul#mtabmenuarea li ul { position:absolute; left:0; top:47px; width:100%; }
#newcontent .mtabmenu ul#mtabmenuarea li ul li { float:none; padding:5px 10px 4px 0; background:url(../images/main/blt_newcontent.gif) no-repeat 5px 10px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis; font:normal 14px gulim; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; /*text-overflow:ellipsis-word;*/  }
#newcontent .mtabmenu ul#mtabmenuarea li ul li .date { color:#666; padding-right:5px; } 
#newcontent .mtabmenu ul#mtabmenuarea li ul li .subject a:link,
#newcontent .mtabmenu ul#mtabmenuarea li ul li .subject a:visited { padding:0; font:14px gulim; color:#000; background:none; } 
#newcontent .mtabmenu ul#mtabmenuarea li ul li .subject a:active,
#newcontent .mtabmenu ul#mtabmenuarea li ul li .subject a:focus,
#newcontent .mtabmenu ul#mtabmenuarea li ul li .subject a:hover { color:#da131a; } 

#newcontent .mtabmenu ul#mtabmenuarea li ul li .subject a { padding:0; font:14px gulim; color:#000; background:none; } 


#newcontent .mtabmenu ul#mtabmenuarea li ul li.more { float:none; position:absolute; right:10px; top:-34px; padding:0; }
#newcontent .mtabmenu ul#mtabmenuarea li ul li.more a {  padding:0; background:none;}





/* 퀵메뉴 */
.quickmenu { width:100%; height:143px; border-top:1px solid #ccc; background:#f9f9f9; }
.quickmenu li { float:left; width:33%; height:143px; }
.quickmenu li.qm1 { background:url(../images/main/quickmenu_img1.png) no-repeat 50% bottom;}
.quickmenu li.qm2 { background:url(../images/main/quickmenu_img2.png) no-repeat 50% bottom; width:34%; }
.quickmenu li.qm3 { background:url(../images/main/quickmenu_img3.png) no-repeat 50% bottom;}

.quickmenu li a { width:100%; height:100%; text-align:center; display:block; text-decoration:none; color:#da131a; font:bold 16px gulim; background:url(../images/main/quickmenu_line.gif) repeat-y right top;  }
.quickmenu li.qm3 a { background:none;  }

.quickmenu li a span { padding:10px 20px 0 20px; display:block; }

@media (min-width:450px){
	.quickmenu li a span { padding:10px 10px 0 10px; display:block; }
}

/* top 버튼 */
#top li.home { position:absolute; top:14px; right:56px; }
#top li.back { position:absolute; top:14px; right:5px; }




/* 저작권바 */
#footer .footer_menu { width:100%; border-top:1px solid #fff; border-bottom:1px solid #ccc; }
#footer .footer_menu ul { width:320px; margin:0 auto; text-align:center; }
#footer .footer_menu li { height:33px; line-height:33px; display:inline; padding:0 5px 0 2px; background:url(../images/inc/bottommenu_line.gif) no-repeat right 50%; margin:0; }
#footer .footer_menu li.end { background:none; }
#footer .footer_menu li a { text-decoration:none; font:bold 12px gulim; color:#333; text-shadow:0px 1px 0px #fff; letter-spacing:-1px; }

#footer .copyright { padding:10px 0; text-align:center; font:11px arial; color:#666; }
#footer .copyright strong { color:#da131a; font-weight:normal; }







/* 공통사항 */
/* 공통사항 */

a.tel { padding-left:17px; background:url(../images/inc/icon_phone.png) no-repeat; color:#5faf00; text-decoration:none; }
a.memberHomepage { padding-left:17px; background:url(../images/inc/icon_homepage.png) no-repeat; color:#f2651e; text-decoration:none; }
a.mail { padding-left:17px; background:url(../images/inc/icon_mail.png) no-repeat; color:#06c; text-decoration:none; }


.subjectbar { position:relative; height:38px; padding:5px 5px 0 5px; border-top:1px solid #3b5fa2; background:#113d8e !important; margin-bottom:15px; }
.subjectbar .subjectbarArea { position:relative; height:38px !important; border-radius:5px 5px 0 0 !important; background:#fff; overflow:hidden !important; }
.subjectbar .subjectbarArea h3 { padding:12px 0 0 15px !important; font-weight:normal; font-size:18px; font-family:daum, "다음"; color:#000; background:none; }


#content h3 { font:bold 18px gulim; color:#000; background:url(../images/inc/blt_h3.gif) no-repeat 0 2px; padding-left:23px; margin-bottom:10px; }
#content h4 { font:bold 16px gulim; color:#113d8e; background:url(../images/inc/blt_h4.gif) no-repeat 0 3px; padding-left:16px; margin-bottom:10px; }


.space30 { display:block; margin-bottom:30px; } /* 간격 */
.space20 { display:block; margin-bottom:20px; }




.tabmenu { width:100%; margin-bottom:30px; } /* 탭메뉴 */
.tabmenu table { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:1px solid #666; border-right:1px solid #666; }
.tabmenu table td { border-bottom:1px solid #666; border-left:1px solid #666; background:#f9f9f9; text-align:center; }
.tabmenu table td a:link,
.tabmenu table td a:visited { width:100%; padding:9px 0 8px 0; font-weight:bold; text-decoration:none; color:#fff; background:#777; display:block; }
.tabmenu table td a:active,
.tabmenu table td a:focus,
.tabmenu table td a:hover,
.tabmenu table td a.select { text-decoration:underline; color:#fff; background:#06c; }


.tabmenu ul { overflow:hidden; padding-left:5px; background:url(../images/main/quickmenu_line.gif) repeat-x 0 100%;  }
.tabmenu li { float:left; margin-left:-1px; z-index:10; }
.tabmenu li a:link,
.tabmenu li a:visited { padding:10px 15px 10px 15px; border:1px solid #ccc; display:inline-block; text-decoration:none; color:#666; font-weight:bold; background:#ddd; }
.tabmenu li a:active,
.tabmenu li a:focus,
.tabmenu li a:hover,
.tabmenu li a.select { border-color:#ccc #ccc #fff #ccc; color:#da131a; background:#fff; }





/* 세로 테이블 */
.serotable { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #da131a; }
.serotable thead th { background:#f9f9f9; color:#da131a; padding:9px 0 9px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; color:#da131a; line-height:150%; }
.serotable tbody th { border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left; line-height:150%; padding:9px 10px 9px 10px;  }
.serotable tbody td { border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:left; line-height:150%; padding:9px 10px 9px 10px;  }
.serotable .end { border-right:none; }
.serotable .center { text-align:center !important; }



/* 가로 테이블 */
.garotable { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #da131a; }
.garotable thead th { line-height:150%; padding:9px 5px 9px 5px; border-bottom:1px solid #ccc; background:#f9f9f9; color:#da131a; }
.garotable tbody th { line-height:150%; padding:9px 5px 9px 5px; border-bottom:1px solid #ccc; background:#f9f9f9; color:#000; text-align:left; }
.garotable td { line-height:150%; padding:9px 5px 9px 10px; border-bottom:1px solid #ccc; }

.garotable .right { text-align:right !important; }




/* 검색박스 */
.searchBox { border:1px solid #ccc; border-radius:10px; padding:20px 15px; background:#f4f4f4; margin-bottom:30px; }
.searchBox table { width:100%; border:0; border-spacing:0; border-collapse:collapse; margin-bottom:15px; }
.searchBox table th, 
.searchBox table td { text-align:left; padding:9px 0 8px 0; line-height:150%; border-bottom:1px solid #ddd; }
.searchBox table th { padding-left:5px; background:url(../images/sub/searchBox_bgline.gif) no-repeat right 9px; }
.searchBox table td { padding-left:10px; }

.searchBox table td .label_daesu { margin-left:3px;  margin-right:10px; } /* 역대의원검색 */
.searchBox table td .text_membername { width:90%; height:26px; border:1px solid #ccc; padding-left:5px; }



/* 버튼 */
.btn_center { text-align:center; display:block; }

.button_blue { width:100px; height:30px; line-height:30px; text-align:center; color:#fff; background:#06c; border:none; }
.button_red { width:100px; height:30px; line-height:30px; text-align:center; color:#fff; background:#da131a; border:none; }
.button_block { width:100px; height:30px; line-height:30px; text-align:center; color:#fff; background:#000; border:none; }


a.abtn_black { width:50px; height:26px; line-height:26px; text-align:center; text-decoration:none; color:#fff; background:#333; display:block; }



.btn_one { width:100%; text-align:center; display:block; }

.button_red { width:100%; height:38px; line-height:38px; display:block; text-decoration:none; font:bold 14px gulim; text-align:center; color:#fff; text-shadow:-1px -1px 0px #730000; border:1px solid #730000; border-radius:30px; background:#1b7cd1; background:-webkit-gradient(linear, left top, left bottom, from(#d9121a), to(#a00101)); box-shadow:1px 2px 2px #ddd; }

.button_dgray { width:100%; height:38px; line-height:38px; display:block; text-decoration:none; font:bold 14px gulim; text-align:center; color:#fff; text-shadow:-1px -1px 0px #000; border:1px solid #000; border-radius:30px; background:#222; background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); box-shadow:1px 2px 2px #ddd; }



.btn_two { width:100%; text-align:center; display:block; margin-top:20px; }
.btn_two button { float:left; width:46%; margin-right:2%; display:inline-block; }
.btn_two a.abtn_dgray { float:left; width:46%; margin-left:2%; height:38px; line-height:38px !important; display:block; text-decoration:none; font:bold 14px gulim; text-align:center; color:#fff; text-shadow:-1px -1px 0px #000; border:1px solid #000; border-radius:30px; background:#222; background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#333)); box-shadow:1px 2px 2px #ddd; }
.btn_two a.abtn_orange { float:left; width:46%; margin-left:2%; height:38px; line-height:38px !important; display:block; text-decoration:none; font:bold 14px gulim; text-align:center; color:#fff; text-shadow:-1px -1px 0px #730000; border:1px solid #9b3e08; border-radius:30px; background:#ff8d16; background:-webkit-gradient(linear, left top, left bottom, from(#ff8d16), to(#fe690e)); box-shadow:1px 2px 2px #ddd; }





/* 상단버튼 및 PATH */
.location { position:relative; width:100%; height:38px; background:-webkit-gradient(linear, left top, left bottom, from(#4f5a6b), to(#3f4d5c)); border-top:1px solid #636a75; border-bottom:1px solid #313b47; }													
.location li { float:left; }
.location li.back { position:absolute; right:0; top:0; }
.location li.path { padding:13px 10px 0 10px; color:#fff; }




/* 서브메뉴 */
.submenu { width:100%; }
.submenu li { position:relative; width:100%; height:44px; border-bottom:1px solid #f2f2f2; display:block;  }
.submenu li a.select { color:#000; background:#f2f2f2; }
.submenu li a:link,
.submenu li a:visited { width:100%; height:30px; padding-top:14px; text-decoration:none; font-weight:bold; color:#000; display:block; }
.submenu li a:active,
.submenu li a:focus,
.submenu li a:hover { color:#fff; background:#da131a; }
.submenu li a span { padding-left:17px; }

.submenu li a .pop { position:absolute; right:0px; top:17px; width:11px; height:9px; background:url(../images/inc/icon_blank.gif) no-repeat; }




@media (min-width:450px){
	.submenu { display:none; }
}



/* 페이지타이틀 */
.pagetitle { padding:30px 0 30px 10px; }
.pagetitle h1 { font:30px Daum, "다음"; color:#000; }


/* 2. 프로그램신청 */
/* 2. 프로그램신청 */
/* 2. 프로그램신청 */

/* 설문조사 */
.survey { width:100%; }
.survey h1 { text-align: center; margin-bottom: 20px; color:#da131a; font-family:Daum_Regular;}
.period { border-bottom:1px solid #ccc; border-top:2px solid #ccc; margin-bottom:20px; padding:10px 5px; background:#f9f9f9; padding-left:10px; }
.period span { position:relative; top:-3px; padding-left:10px; }

table.surveyTable {	width: 100%; border: 0px; border-spacing: 0px; border-collapse: collapse; border-left: 1px solid #ccc; border-top: 2px solid #da131a; border-right: 1px solid #ccc; }
table.surveyTable th, table.surveyTable td { border-bottom: 1px solid #ccc;	border-top:1px solid #ccc; 	line-height: 150%;	padding-bottom:20px; }
table.surveyTable td p { padding: 3px 0; }
table.surveyTable td p span { position:relative; left:20px; top:3px; padding-right:3px; }
table.surveyTable td p.subject { font-size: 120%; font-weight: bold; border-bottom:1px solid #ccc; background:#f9f9f9; padding:8px 10px; }
table.surveyTable td button.addition { width: 40px; height: 25px;  background: #9a1313;	color: #fff; border: 0px; }
table.surveyTable td button.delete { width: 40px; height: 25px;  background:#666; color: #fff; border: 0px; }
table.surveyTable td p.textarea { text-align:center; padding-top:15px; }
table.surveyTable td .textarea_opinion { width: 97%; height: 70px; margin:0 auto; }
.survey .btn { text-align:center; margin-top:20px; }
.survey .btn p { display:inline-block; padding:0 3px;}





/* 3. 진로도우미 */
/* 3. 진로도우미 */
/* 3. 진로도우미 */

.manageHistory { width:100%; }
.manageHistory .lastdate { padding:0 0 0 17px; background:url(../images/inc/blt_h4.gif) no-repeat 0 1px; }
.manageHistory .lastdate strong { color:#da131a; }


.manageHistory .label_item { width:60px; display:inline-block; color:#666; }
.manageHistory .text_score { width:130px; height:24px; border:1px solid #ccc; padding-left:5px; margin:5px 0; }
.manageHistory .date_date { width:130px; height:26px; background:#fff; padding-left:5px; margin:5px 0; color:#06c;}  

.manageHistory .label_item2 { width:60px; display:block; color:#666; }
.manageHistory .text_certificate { width:180px; height:24px; border:1px solid #ccc; padding-left:5px; margin:5px 0 13px 0; }
.manageHistory .date_date { widht:180px; height:24px; border:1px solid #ccc; }


.manageHistory .text_language { width:130px; height:24px; border:1px solid #ccc; padding-left:5px; margin-bottom:5px; display:block; }
.manageHistory .label_language { display:inline-block; margin-right:15px; }


@media (min-width:450px){
	.manageHistory .label_item2 { width:60px; display:inline-block; color:#666; }
	
	.manageHistory .text_language { width:130px; height:24px; border:1px solid #ccc; padding-left:5px; margin:0 10px 0 0; display:inline-block; }
	.manageHistory .label_language { display:inline-block; margin-right:10px; }
}



/* 통합검색 */
.pageSearch { width:100%; }
.pageSearch .totalsearcharea { position:relative; padding-right:70px; display:block; }
.pageSearch .totalsearcharea .text_totalsearch { width:98%; height:28px; padding-left:5px; border:1px solid #ccc; }
.pageSearch .totalsearcharea .submit_btn { position:absolute; right:0; top:0; width:60px; height:30px; border:1px solid #000; background:#222; text-align:center; font:bold 12px gulim; color:#fff; }


.pageSearch .resultview { width:100%; }
.pageSearch .resultview .searchbar { font-size:16px; letter-spacing:-1px; padding:10px 10px 10px 40px;  border:1px solid #afb9c5; background:#f8f8f9 url(../images/sub/search_resultbar_icon.png) no-repeat 10px 10px; margin-bottom:15px;  }
.pageSearch .resultview .searchbar strong { color:#da131a; }
.pageSearch .resultview .searchbar .num { font-weight:bold; color:orange; }

.pageSearch .resultview .resultlist { margin:0; padding:0; }
.pageSearch .resultview .resultlist li { padding:10px 0 10px 17px; border-bottom:1px solid #eee; background:url(../images/inc/blt_red.gif) no-repeat 5px 14px; }
.pageSearch .resultview .resultlist li a:link,
.pageSearch .resultview .resultlist li a:visited { font-weight:bold; color:#06c; text-decoration:none; }
.pageSearch .resultview .resultlist li a:active,
.pageSearch .resultview .resultlist li a:focus,
.pageSearch .resultview .resultlist li a:hover { color:#da131a; }







/* 4. 사업단소개 */
/* 4. 사업단소개 */
/* 4. 사업단소개 */


/* 사업단소개 */
.aboutGroup { width:100%; }
.aboutGroup p { line-height:150%; margin-bottom:20px;}

.aboutGroup dl { width:100%; margin-bottom:20px; }
.aboutGroup dt { padding:8px 15px; text-align:center; font-weight:bold; color:#fff; background:#da131a; margin-bottom:10px; }
.aboutGroup dd { background:#f9f9f9; line-height:150%; padding:10px; }
.aboutGroup dd strong { color:#da131a; }



.aboutGroup table.agtable { width:100%; border:0; border-spacing:0; border-collapse:collapse; border-top:2px solid #da131a; }
.aboutGroup table.agtable th { padding:8px 0 8px 0; font-weight:bold; color:#b10e14; background:#f9f9f9; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
.aboutGroup table.agtable td { padding:8px 0 8px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; }
.aboutGroup table.agtable .end { border-right:none; }


/* 인사말 */
.greeting { width:100%; }
.greeting .txt1 { font:bold 18px gulim; color:#fa4500; margin-bottom:20px; line-height:150%; }
.greeting .pic { width:100%; height:375px; text-align:center; background: url(../images/sub/greeting_pic.jpg) no-repeat 50% bottom; border-bottom:1px solid #ccc; }
.greeting p { margin-bottom:20px; line-height:150%; }
.greeting .sign { text-align:right; }



/* 조직구성 */
.organization { width:100%; text-align:center; }



/* 찾아오시는길 */
.map {  width:100%; }
.map .maparea{ border:1px solid #ccc; margin-bottom:20px; }
.map dl { width:100%; }
.map dt { font:bold 16px gulim; color:#da131a; margin-bottom:5px; }
.map dd { line-height:150%; margin-bottom:15px; }
.map a:link,
.map a:visited { text-decoration:none; color:#000; }
.map a:active,
.map a:focus,
.map a:hover { color:#da131a; }




/* 5. 이용안내 */
/* 5. 이용안내 */
/* 5. 이용안내 */


/* 마이페이지 */
.mypage { width:100%; }

.mypage .mypage_member { margin-bottom:30px;}
.mypage .mypage_member .txt_id { color:#da131a; font-weight:bold; }
.mypage .mypage_member .txt_name { color:#06c; font-weight:bold; }
.mypage .mypage_member .text_pw { width:60%; height:24px; border:1px solid #ccc; padding-left:5px; }
.mypage .mypage_member .email_mail { width:40%; height:24px; border:1px solid #ccc; padding-left:5px; margin:3px 0; }
.mypage .mypage_member .email_mail2 { width:45%; height:24px; border:1px solid #ccc; padding-left:5px; margin:3px 0; }
.mypage .mypage_member .select_mail { width:80%; height:26px; margin:3px 0;  }
.mypage .mypage_member .tel_tel1 { width:20%; height:24px; border:1px solid #ccc; padding-left:5px; }
.mypage .mypage_member .tel_tel2 { width:25%; height:24px; border:1px solid #ccc; padding-left:5px; }


.mypage .mypage_result { margin-bottom:30px; }
.mypage .mypage_result table { margin-bottom:10px;}

.mypage .mypage_result .name { color:#113d8e; }
.mypage .mypage_result .num { color:#f00; }

.mypage .mypage_result a:link,
.mypage .mypage_result a:visited { text-decoration:none; color:#333; font-weight:bold; margin-left:15px; }
.mypage .mypage_result a:active,
.mypage .mypage_result a:focus,
.mypage .mypage_result a:hover { color:#06c; }

.mypage h3 { font:bold 120% NanumGothic; color:#da131a; margin-bottom:7px; }




/* 로그인 */
.loginpage { width:100%; }
.loginpage .loginbox { border:1px solid #ccc; border-radius:20px; padding:20px 15px 35px 15px; background:#f9f9f9; box-shadow:0 2px 0 #ddd; margin-bottom:30px;  }
.loginpage .loginbox dl { width:100%; }
.loginpage .loginbox dt { font-weight:bold; color:#da131a; display:block; padding-left:5px; margin-bottom:5px; }
.loginpage .loginbox dt { display:block; margin-bottom:5px; }
.loginpage .loginbox dd .text_id,
.loginpage .loginbox dd .password_pw { width:98%; height:28px; padding-left:1%; border:1px solid #ccc; border-radius:5px; margin-bottom:15px;  }
.loginpage .loginbox .button_loginbtn { width:100%; height:38px; line-height:38px; display:block; text-decoration:none; font:bold 14px gulim; text-align:center; color:#fff; text-shadow:-1px -1px 0px #730000; border:1px solid #730000; border-radius:30px; background:#1b7cd1; background:-webkit-gradient(linear, left top, left bottom, from(#d9121a), to(#a00101)); box-shadow:1px 2px 2px #ddd;}

.loginpage .logintxtarea .txt { line-height:170%; margin-bottom:10px; }

.loginpage a.abtn_red { width:100%; height:38px; line-height:38px !important; display:block; text-decoration:none; font:bold 14px gulim; text-align:center; color:#fff; text-shadow:-1px -1px 0px #730000; border:1px solid #9b3e08; border-radius:30px; background:#1b7cd1; background:-webkit-gradient(linear, left top, left bottom, from(#d9121a), to(#a00101)); box-shadow:1px 2px 2px #ddd; margin-bottom:25px; }

.loginpage .logintxtarea .ctxt { text-align:center; padding-top:40px; color:#666; }


/* 아이디 찾기 */
.find_id { width:100%; }
.find_id .text_name { width:60%; height:24px; padding-left:5px; border:1px solid #ccc; }
.find_id .tel_tel1 { width:20%; height:24px; border:1px solid #ccc; padding-left:5px; }
.find_id .tel_tel2 { width:25%; height:24px; border:1px solid #ccc; padding-left:5px; }

.find_id .email_mail { width:40%; height:24px; border:1px solid #ccc; padding-left:5px; margin:3px 0; }
.find_id .email_mail2 { width:45%; height:24px; border:1px solid #ccc; padding-left:5px; margin:3px 0; }
.find_id .select_mail { width:80%; height:26px; margin:3px 0;  }




/* 회원가입 */
.memberjoin { width:100%; }

.memberjoin .text_id { width:40%; height:24px; padding-left:5px; border:1px solid #ccc;  }
.memberjoin .abtn_dgray { width:100px; height:26px; line-height:26px !important; background:#444; color:#fff; text-align:center; display:inline-block; text-decoration:none; font:bold 12px gulim; letter-spacing:-1px; }
.memberjoin .stxtid { padding-top:5px; color:#da131a; font-weight:bold; display:block; }
.memberjoin .password_password { width:60%; height:24px; border:1px solid #ccc; padding-left:5px; }
.memberjoin .text_name { width:60%; height:24px; border:1px solid #ccc; padding-left:5px; }

.memberjoin .email_mail { width:40%; height:24px; border:1px solid #ccc; padding-left:5px; margin:3px 0; }
.memberjoin .email_mail2 { width:45%; height:24px; border:1px solid #ccc; padding-left:5px; margin:3px 0; }
.memberjoin .select_mail { width:80%; height:26px; margin:3px 0;  }

.memberjoin .tel_tel1 { width:20%; height:24px; border:1px solid #ccc; padding-left:5px; }
.memberjoin .tel_tel2 { width:25%; height:24px; border:1px solid #ccc; padding-left:5px; }

.memberjoin .okimg { width:140px; height:50px; border:1px solid #999; display:block; margin-bottom:5px; }
.memberjoin .text_checktxt { width:135px; height:24px; border:1px solid #ccc; padding-left:5px; margin-bottom:5px; }
.memberjoin .stxt2 { color:#666; display:block; }

.memberjoin .memberjoin_btoom { margin-top:15px; margin-bottom:15px;  }
.memberjoin .memberjoin_btoom li a { text-decoration:none; color:#000; padding:4px 0; display:inline-block;}



/* 회원가입 동의 */
.agree { width:100%; }
.agree .box { height:200px; border:1px solid #ccc; padding:10px; line-height:170%; overflow:auto; margin-bottom:10px; }
.agree .checkp { margin-bottom:30px;}



/* 개인정보처리방침 */
.privacy { width:100%; }
.privacy .pa_box {  width:100%; margin-bottom:20px; }
.privacy .pa_box .pa_boxarea { border:5px solid #ccc; padding:20px 15px; }
.privacy .pa_box p { margin-bottom:10px; }
.privacy .pa_box ol { padding:0; margin:0; margin-left:30px; }
.privacy .pa_box li { line-height:150%; }

.privacy a:link,
.privacy a:visited { color:#000; text-decoration:none; }
.privacy a:active,
.privacy a:focus,
.privacy a:hover { color:#da131a; }

.privacy .space30 { margin-bottom:30px; } 
.privacy .space30 p { font:100%/1.6 gulim; }
.privacy .space30 h3 { font:bold 130% NaunmGothic; margin-bottom:11px; }
.privacy .space30 ul { margin-top:5px; margin-bottom:5px; }
.privacy .space30 li { line-height:160%;  }

.privacy h3 { font:bold 115% NanumGothic; color:#da131a; background:url(../images/inc/blt_daepth1.gif) no-repeat 0 1px; padding-left:18px; margin-bottom:15px; }


/* 이용약관 */
.userAgreements { width:100%; }
.userAgreements h3 { font:bold 130% NanumGothic; color:#da131a; background:url(../images/inc/blt_daepth1.gif) no-repeat 0 1px; padding-left:18px; margin-bottom:15px; }
.userAgreements p { margin-bottom:20px; font:100% gulim !important; line-height:160% !important; }




/* 이메일무단수집거부 */
.email { width:100%; }
.email p { line-height:150%; margin-bottom:20px; }
.email h3 { font:bold 150% NanumGothic; color:#333; letter-spacing:-1px; margin-bottom:15px; }
.email li { line-height:150%; margin-bottom:10px; }






/* 전체메뉴 */
.allmenu { width:100%; }
.allmenu ul { width:100%; }
.allmenu ul li { border:1px solid #ac1116; border-radius:10px; padding:10px 10px 20px 10px; margin-bottom:20px; box-shadow:1px 1px 1px #ccc;  }
.allmenu ul li a:link,
.allmenu ul li a:visited { padding:10px 15px; font:bold 18px gulim; color:#fff; background:#da131a; display:block; text-decoration:none; }


.allmenu ul li ul li { position:relative; padding:0; border:0; border-bottom:1px solid #ccc; border-radius:0; margin-bottom:0; box-shadow:none;}

.allmenu ul li ul li a:link,
.allmenu ul li ul li a:visited { padding:10px 15px; font:bold 14px gulim; color:#000; background:#fff; display:block; background: url(../images/sub/allmenu_blt.gif) no-repeat right top; }


.allmenu ul li ul li a .pop { position:absolute; left:80px; top:13px; width:11px; height:9px; background:url(../images/inc/icon_blank.gif) no-repeat; }