@charset "utf-8";
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); */
/* @import url(http://fonts.googleapis.com/earlyaccess/nanumbarungothic.css); */
@import url(/css/font.css);


/* ================================================
	common style
	source file: style.css
	target: CSS Level 2
================================================ */

/* common style */
* { margin: 0; padding: 0; }
body, input, textarea, h1, h2, h3 {font-Family:'Nanum Gothic', 맑은 고딕,Dotum,Gulim,Arial; font-size:10pt; color:#666666; line-height:1.2; font-weight:normal;}
/* input, select, textarea { vertical-align: middle; border:none; border-radius:0;  -webkit-appearance: none;-moz-appearance: none;appearance: none; padding:9px 3px;} */
input, select, textarea { vertical-align: middle; border:none;}

input[type=text], input:hover[type=text],input[type=password], input[type="checkbox"] { border:1px solid #dfdfdf; box-sizing: border-box;   -webkit-appearance: none;-moz-appearance: none;appearance: none; color:#000;} /* padding:10px 3px; height:36px;*/

input[type=text], textarea { padding:7px 5px; box-sizing: border-box; }
/* input:hover[type=text] {background-color: #FFFBF3; } */
input[type=password] { padding:9px 10px; box-sizing: border-box;}
input[type=file] {height:24px;  background:#fff; box-sizing: border-box;}

 
/* 아이폰 음영 초기화 */
/* input {-webkit-appearance: none;-moz-appearance: none;appearance: none;} */

/* IE10 이상에서 input box 에 추가된 지우기 버튼 제거 */
input::-ms-clear {display: none;}

/* input type number 에서 화살표 제거 */
/* input[type=number]::-webkit-inner-spin-button, */
/* input[type=number]::-webkit-outer-spin-button { */
/*     -webkit-appearance: none; */
/*        -moz-appearance: none; */
/*             appearance: none; */
/* } */


/* select { */
/*   -webkit-appearance: none;  네이티브 외형 감추기 */
/*   -moz-appearance: none; */
/*   appearance: none; */
/*   background: url(이미지 경로) no-repeat 95% 50%;  화살표 모양의 이미지 */
   
/* } */


/* IE 10, 11의 네이티브 화살표 숨기기 */
/* select::-ms-expand {  */
/*   display: none; */
/* } */

select {
  padding: 9px 0 8px 5px; /* 여백으로 높이 설정 :: 후기&소통, 프로그램검색조건 등을 위해 padding 높게 설정  7px 0 6px 5px; */
  
  font-family: inherit;  /* 폰트 상속 */
  background: url(/images2/common/bg_select_arrow.png) no-repeat 95% 50%; /* 네이티브 화살표 대체 */  
  border: 1px solid #dfdfdf;
  background-color:#fff; 
  border-radius: 0px; /* iOS 둥근모서리 제거 */
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
  
  -moz-appearance:none; /* Firefox */  
  -webkit-appearance:none; /* Safari and Chrome */
  appearance:none;  
  
  
  font-size: 14px;
}
select::-ms-expand { display:none; }
/* select{display: inline-block;padding:7px 6px;vertical-align: middle; border: 1px solid #ddd;} */
select.disable{background-color: #ececec; color: #999;}


/*placeholder color */
::-webkit-input-placeholder { /* Chrome */
  color: #ccc;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #ccc;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #ccc;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #ccc;
  opacity: 1;
}





/* .list_search select:hover */

textarea {overflow:auto; border:1px solid #dfdfdf;}
a { text-decoration: none; color:#666666; }
a:hover{color: #000; cursor: pointer;}
img { border: 0; display: inline-block; vertical-align: top; }
ul, ol, li { list-style: none; }
hr {display:none;}
form { margin: 0px; padding: 0px; }

/*-------------------------------------
  반응형 웹 공통
--------------------------------------*/
.mobile{display: none !important}

@media screen and (max-width:640px){
	.mobile{display: block  !important;}
	.pc{display: none !important; }
	.content { clear:both;display:block;margin:0px 15px  0 15px !important; box-sizing: border-box;  height:100%;}
	.content:after { clear: both;}
	.content:before { clear: both;}
	body, input, textarea, h1, h2, h3, a { font-Family:'맑은 고딕','돋움', Dotum,Gulim,Arial; color:#333; font-size:14px;}
	
	input[type=text],input[type=password] { height:auto; padding:8px 10px; border:1px solid #dfdfdf;}
	input[type=file] { height:auto; padding:8px 10px; }
	select { 
/* 		height:34px; /notice/qna_form.jsp?bcate=qna 이메일 도메인선택 높이 안맞음 */
	  	padding: 7px 0 8px 5px; /* 여백으로 높이 설정 */
	  }
/* 	input[type=text] { padding:6px 10px;} */
}
input[type="checkbox"] {
	box-sizing: border-box;
	border:1px solid #dfdfdf;
	padding: 8px;
	margin:5px !important;
	-webkit-appearance:none;
	border-radius : 3px;
	 height: 25px;
	 width: 25px !important; 
	 *height: 25px;
	 *width: 25px !important; 
	 background-color: #ffffff; }
	
/* 	input[type=checkbox] { */
/* 		width: 25px !important; */
/* 		height: 25px; */
/* 		border-radius: 3px; */
/* 	} */
input[type=checkbox]:checked {
	background: url('../images_m/common/icon_checked_.png') no-repeat;
	 
/* 	-webkit-background-size:100px 42px; */
	background-size:23px 23px;
/* 	border:none; */
}

label.checkbox { margin-left:10px; position: relative; display: inline; top:3px;}

input[type="radio"]{vertical-align: middle; width: 16px; height: 16px; border:1px solid #dfdfdf;}
input[type="radio"] { vertical-align: sub;}
    
.btn_radio { border:1px solid #ddd; padding:2px; border-radius: 15px; }	
.btn_radio input[type="radio"] {display:none; }
.btn_radio input[type="radio"] + label { color:#f2f2f2; margin-bottom:0;}
.btn_radio input[type="radio"] + label span { display:inline-block; padding:3px 20px; background-color:#fff; vertical-align:middle; color:#222; cursor:pointer;border-radius: 15px;}
.btn_radio input[type="radio"]:checked + label span {border-radius:15px;background-color:#ee9628;color:#fff;}

 

.btn_check {  position:relative; display:inline-block; width:100%; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf;} 
.btn_check li { float: left;  text-align: center; border-right:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;  box-sizing: border-box;}
.btn_check li.d05 {width:20%;}	
.btn_check li.d06 {width:16.6%;}	
.btn_check li.d12 {width:8.3%;}	
/* .btn_check li.d06:first-child {width:17%;}	체험봉사 12월 검색의 경우 */

.btn_check input[type="checkbox"] {display:none;  clear: both; }
.btn_check input[type="checkbox"] + label { margin:0px; padding:10px 0; width:100%; vertical-align:middle;  cursor:pointer;background-color:#ffffff;color:#000; letter-spacing: -1px; cursor: pointer;}
.btn_check input[type="checkbox"] + label.on {background-color:#ee9628;color:#fff;}

/* .ui-datepicker-trigger { margin-top:5px; margin-left:-20px;} */
.ui-datepicker .ui-datepicker-title { line-height: 1.0em !important;}


/* 180도 돌리기 */
.rotate_180 { 
    transform: rotate(180deg); 
}

@media screen and (max-width:640px){
	.ui-datepicker-trigger { margin-top:9px;}
}	

/*------- select box ----------*/
	.ui-corner-all{ border-radius:0;}
	.ui-button, .ui-button:hover { background-color: #fff; padding: 6px 2px 6px 5px; border:1px solid #CCCCCC; }
	.ui-state-active, .ui-widget-content .ui-state-active { background-color: #F5F5F5;  border:1px solid #F2CB80;color:#222; padding: 6px 0 6px 5px;}
	.ui-menu .ui-menu-item-wrapper {  padding: 6px 0 6px 5px;}
/* 	.ui-button .ui-icon, .ui-icon, .ui-button:active .ui-icon {background: url(/images_m/expinfo/bg_select.png) no-repeat 1px 9px; z-index: 1} */
    
    
    

/*------- select box ----------*/


.b { font-weight: 700;}
	
.clearfix:after { display: block; clear: both; content: ""; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
/* .clearfix { zoom: 1; } */


.line_b { border-bottom:1px solid #ddd;}
.line_t { border-top:1px solid #ddd;}
.line_ddd { border:1px solid #ddd;}
.ellipsis { text-overflow: ellipsis !important; overflow: hidden !important;word-wrap:break-word;} /*display:-webkit-box; */
.nowrap{ white-space: nowrap !important;}

@media screen and (max-width:640px){
	.m_ellipsis { text-overflow: ellipsis !important; overflow: hidden !important;word-wrap:break-word;} /*display:-webkit-box; */
	.m_nowrap{ white-space: nowrap !important;}
}

.left {float:left !important;}
.right {float:right;}
.clear {clear:both;}

.hide {display:none;}

.al_l {text-align:left !important;}
.al_r {text-align:right !important;}
.al_c {text-align:center !important;}
.vl_m {vertical-align:middle !important;}
.vl_b {vertical-align:bottom !important;}
.br {border: 1px solid red;}
.hidden { display: none; }
.ovHide {overflow:hidden;}

/* font_color */
.oran {color:#f16522 !important;}
.oran02 {color:#ffc016 !important;}
.oran03 {color:#f78810 !important;}
.oran04 {color:#f26522 !important;}
.red {color:#ed1c24 !important;}
.gray {color:#a5a5a5 !important;}
.gray02 {color:#9d9c9c !important;}
.black {color:#000 !important;}
.blue {color:#2d74aa !important;}
.blue a {color:#2d74aa !important;}
.blue02 {color:#68ace2 !important;}
.white {color:#ffffff !important;}
.brown { color:#853504 !important;;}

.underline {text-decoration:underline;} /*121214 add */



/* padding_right */
.p0 { padding:0 !important;}
.p_5 { padding:5px !important;}
.ptb_10	{ padding-top: 10px; padding:bottom:10px;}
.ptb_15	{ padding-top: 15px !important; padding:bottom:15px  !important;}
.ptb_30	{ padding-top: 30px !important; padding:bottom:15px  !important;}

.pt_0	{ padding-top: 0px !important; }
.pt_1	{ padding-top: 1px; }
.pt_2	{ padding-top: 2px; }
.pt_3	{ padding-top: 3px; }
.pt_4	{ padding-top: 4px; }
.pt_5	{ padding-top: 5px; }
.pt_10	{ padding-top: 10px !important; } 
.pt_15	{ padding-top: 15px !important; }
.pt_20	{ padding-top: 20px; }
.pt_25	{ padding-top: 25px; }
.pt_30	{ padding-top: 30px; }
.pt_33	{ padding-top: 33px; }
.pt_40	{ padding-top: 40px; }
.pt_50	{ padding-top: 50px; }
.pt_53	{ padding-top: 53px; }

.pb_5	{ padding-bottom: 5px; }
.pb_10	{ padding-bottom: 10px; }
.pb_15	{ padding-bottom: 15px; }
.pb_35	{ padding-bottom: 35px; }

.pl_0		{ padding-left: 0px !important; }
.pl_3		{ padding-left: 3px; }
.pl_5		{ padding-left: 5px !important; }
.pl_10		{ padding-left: 10px; }
.pl_15		{ padding-left: 15px; }
.pl_20		{ padding-left: 20px; }
.pl_23		{ padding-left: 23px; }
.pl_35    { padding-left: 35px; }



/* padding_right */
.pr_5		{ padding-right: 5px; }
.pr_7		{ padding-right: 7px; }
.pr_10	{ padding-right: 10px; }
.pr_15	{ padding-right: 15px; }
.pr_20	{ padding-right: 20px; }
.pr_22	{ padding-right: 22px; }
.pr_25	{ padding-right: 25px; }
.pr_30	{ padding-right: 30px; }

.plr_0		{ padding-left: 0px !important; padding-right: 0px !important; }
.plr_5		{ padding-left: 5px !important; padding-right: 5px !important; }
.plr_10		{ padding-left: 10px !important; padding-right: 10px !important; }
.plr_15		{ padding-left: 15px !important; padding-right: 15px !important; box-sizing: border-box;}

.p15_wrap { padding:15px; width:100%; box-sizing:  border-box;}
.p15_wrap input{width:100%; box-sizing:  border-box; margin-bottom:15px;}

.p_15		{ padding: 15px !important;  box-sizing: border-box;}

/* margin_top */
.m_5 { margin:5px;}
.mlr_15 { margin-left:15px; margin-right:15px; }
.mtb_0 { margin-top:0px; margin-bottom:0px; }
.mtb_5 { margin-top:5px; margin-bottom:5px; }
.mtb_15 { margin-top:15px; margin-bottom:15px; }
.mtb_20 { margin-top:20px; margin-bottom:20px; }
.mtb_30 { margin-top:30px; margin-bottom:30px; }
.mtb_40 { margin-top:40px; margin-bottom:40px; }
.mtb_50 { margin-top:50px; margin-bottom:50px; }

.mt-4 { margin-top:-4px;}
.mt-5 { margin-top:-5px;}

.mt_0		{ margin-top: 0px !important; }
.mt_2		{ margin-top: 2px !important;; }
.mt_3		{ margin-top: 3px !important;; }
.mt_5		{ margin-top: 5px  !important; }
.mt_6		{ margin-top: 6px  !important; }
.mt_7		{ margin-top: 7px  !important; }
.mt_10	{ margin-top: 10px !important; }
.mt_15	{ margin-top: 15px; }
.mt_18	{ margin-top: 18px; }
.mt_20	{ margin-top: 20px; }
.mt_25	{ margin-top: 25px; }
.mt_27	{ margin-top: 27px; }
.mt_30	{ margin-top: 30px; }
.mt_35	{ margin-top: 35px; }
.mt_40	{ margin-top: 40px; }
.mt_45	{ margin-top: 45px;}
.mt_50	{ margin-top: 50px !important; }
.mt_60	{ margin-top: 60px; }
.mt_65	{ margin-top: 65px; }

.mt_m15	{ margin-top: -15px; }

/* margin_left */
.mauto { margin-left: auto; margin-right:auto}
.ml_5		{ margin-left: 5px; }
.ml_6		{ margin-left: 6px; }
.ml_10		{ margin-left: 10px; }
.ml_15		{ margin-left: 15px !important; }
.ml_20		{ margin-left: 20px; }
.ml_30		{ margin-left: 30px; }


/* margin_left */
.mr_0		{ margin-right: 0px !important; }
.mr_5		{ margin-right: 5px; }
.mr_10		{ margin-right: 10px; }
.mr_15		{ margin-right: 15px; }
.mr_20		{ margin-right: 20px; }
.mr_30		{ margin-right: 30px; }
.mr_40		{ margin-right: 40px; }

.mb_0	{ margin-bottom: 0px !important; }
.mb_5	{ margin-bottom: 5px !important;; }
.mb_10	{ margin-bottom: 10px; }
.mb_15	{ margin-bottom: 15px; }
.mb_18	{ margin-bottom: 18px; }
.mb_20	{ margin-bottom: 20px; }
.mb_30	{ margin-bottom: 30px; }
.mb_40	{ margin-bottom: 40px; }
.mb_50	{ margin-bottom: 50px !important; }
.mb_80	{ margin-bottom: 80px !important; }

.ls-1 { letter-spacing: -1px !important;}
.ls-2 { letter-spacing: -2px !important;}
.ls-3 { letter-spacing: -3px !important;}

.noline { border:none !important;}

.h20 { height:20px;}
.h21 { height:21px;}
.h22 { height:22px;}
.h24 { height:24px;}
.h25 { height:25px;}
.h27 { height:27px;}
.h30 { height:30px;}
.h50 { height:50px;}
.w17 { width:17px;}
.w20 { width:20px;}
.w21 { width:21px;}
.wauto { width:auto !important;}

.nolineall { border:none !important;}

@media screen and (max-width:640px){
	.m_mt5 { margin-top:5px !important;}
	.m_mt15 { margin-top:15px;}
	.m_mt30 { margin-top:30px !important;}
	.m_mt50 { margin-top:50px;}
	
	.m_mtb10 { margin-top:10px; margin-bottom:10px;}
	
	
	.m_mlr15 { margin-left:15px; margin-right:15px;}
	
	.m_ml0 { margin-left:0px !important;}
	.m_ml15 { margin-left:15px !important;}
	
	.m_mr15 { margin-right:15px !important;}
	
	.m_p15 { padding:15px;}
	.m_plr15 { padding-left:15px !important; padding-right:15px !important; box-sizing: border-box;}
	.m_pl15 { padding-left:15px !important; }
	.m_pr15 { padding-right:15px !important; }
	.m_pt15 { padding-top:15px !important; }
	.m_ptb15 { padding-top:15px !important;  padding-bottom:15px !important;}
	
	.m_t100 { top:100px !important;}
	.m_nolineall { border:none !important;}
}
 
/* kids navi 추가 */
.header{font-family: 'Nanum Gothic', 'malgun Gothic', 'Dotum'; line-height: 1.5;}

/* .header{margin-bottom: 6px;} */ 
.header .inner{position: relative; width: 980px; margin: 0 auto;}
.header .gnb{min-width: 980px; height: 38px; line-height: 38px; border-bottom: 1px solid #f36f18;}
.header .gnb .inner{height: 38px;}
.header .gnb .tab-type01{position: absolute; bottom: -1px;}
.header .gnb .util{position: absolute; top: 0; right: 0;}
.header .gnb .util li{position: relative; display: inline-block;}
.header .gnb .util li a{font-size: 11px; color: #747474;}
.header .gnb .util li + li{margin-left: 4px; padding-left: 8px;}
.header .gnb .util li + li:after{content: ""; position: absolute; top: 15px; left: 0; display: block; width: 1px; height: 10px; background-color: #ccc;}
.header .logo_.kidsnavi{display: block; margin: 20px auto 13px;}
.header .logo_.kidsnavi a{display: block; height: 100%;}

@media screen and (max-width:640px){
	.header .inner { width:100%}
	.header .gnb { width:100%; min-width: 100%;}
}

/* layout */
#wrap {position:relative; width:100%; /* border-top:1px solid #f36f18;*/; }
#topWrap {position:relative;width:979px; margin:7px auto 14px; text-align: center;}
#topWrap .logo_left {  position: absolute; width: 130px;  left:0; display:inline-block;;z-index: 999;  verflow: hidden;}
#topWrap .logo_left img { max-height:60px;vertical-align: middle; }

#topWrap .logo_left .bx-wrapper .bx-viewport {  background-color: #fff; border:1px solid #fff; border-bottom:none; }
#topWrap .logo_left .bx-wrapper .bx-viewport li { border-bottom:1px solid #fff; height:66px; padding-top:7px;}

#topWrap .logo_left .bx-wrapper .bx-viewport:hover { height:148px !important; z-index: 99999; border:1px solid #f59628; border-bottom:none;}
#topWrap .logo_left .bx-wrapper .bx-viewport:hover li { border-bottom:1px solid #f59628;}

/* #topWrap .logo_left .bx-wrapper .bx-viewport:hover li:last-child { border-bottom:none;} */
/* #topWrap .logo_left #bx_top_banner:hover { height:auto; overflow: auto; } */
/* #topWrap .logo_left #bx_top_banner:hover li { border-bottom:1px solid #f36f18;} */
#topWrap .logo_left li {display: inline-block; width:100%; text-align: center;   vertical-align: middle; }
#topWrap .logo_left li img { display: inline-block;  margin:auto; padding:6px 5px; }
#topWrap .logo_left .logo_exp{padding-right:10px;}
#topWrap .logo_center {text-align:center ;display:inline;height:55px; margin:0 0 0 0; }
#topWrap .logo_center a { text-align: center}

#topWrap .nolto {float:right; padding-top:2px; }

#topWrap .topMenu { position: absolute;  width:200px; display: inline-block; margin-left:205px; margin-top:7px;}
#topWrap .topMenu li {padding-left:14px; background:url(/images/common/icon_bar.gif) no-repeat 8px 3px; margin-left: -3px;}
#topWrap .topMenu li:first-child {padding-left:0; background:none;}
#topWrap .topMenu li img {vertical-align:middle;}

#topWrap .topMenu li .rank {float:right; width:190px; height:15px; margin:2px 0; padding-left:1px;} /*overflow:hidden; float:left; height:35px; text-align:right; width:190px; margin:5px 0px; border:1px solid red; */
#topWrap .topMenu li .rank .rankView {clear: both; width:100%;  text-overflow: ellipsis !important; overflow: hidden !important;}
#topWrap .topMenu li .rank .rankView a {float: left; display:block; height:15px; text-align:left; font-size:10pt; color:#666666; line-height:15px; font-weight:normal; vertical-align: middle; padding-top:1px;}
#topWrap .topMenu li .rank .rankView font{float: left;}
#topWrap .topMenu li .rank #rt_type2 {position:fixed;}
#topWrap .topMenu li .rank .bx-prev, #topWrap .rank .bx-next {display:none;}
#topWrap .search {float:right; display:inline; width:192px; height:47px; margin:0 0 0 0; }

.rank_count {border:1px solid #e0e0e0; width:15px; heigth:15px; float:left; text-align: center; line-height: 15px; font-size: 9pt; margin-right: 10px;}
.rank_list { z-index: 30001; width:183px; position: absolute;display: none; margin:20px 0 0 787px ;}
.rank_list .rank_list_d { height:210px;  Z-index: 30000; background:#fff; width:180px; border:1px solid #ddd; padding:5px; text-align: left; margin:-7px 0 0 -6px; font-size:10pt; color:#666666; line-height: 15px;}

.search .s_input{width: 190px; height: 35px; border:1px solid #ddd; overflow: hidden; position: relative;}
.search .s_input input{ appearance:none; -moz-appearance:none; -webkit-appearance:none;; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; border:0; line-height: 12px; padding: 7px 15px; width: 135px; font-size: 10pt; }
.search .s_btn{position: absolute; right: 0; width: 35px; text-align: center; height:35px; line-height: 35px; border-left: 1px solid #ddd; background-color: #737373;}
.search .s_btn i{ font-size: 16px; margin-top:10px; display: block; color:#ffffff; }

#topWrap .oneSch {float:left; margin:13px 0 0 7px;}
#topWrap .layer1 {position:absolute; display:none; width:643px; top:61px; left:50%; margin-left:-327px; border:1px solid #776b5d; background-color:#fcfbf6; z-index:1000;}
#topWrap .layer1 .closeBtn {position:absolute; top:7px; right:9px;}
#topWrap .layer1 .tit {margin:6px 0 7px 15px;}
#topWrap .layer1 dl {overflow:hidden; width:628px; padding:11px 0 10px 15px; border-top:1px solid #edece7;}
#topWrap .layer1 dt {float:left; width:50px; padding-top:2px; line-height:1.6; }
#topWrap .layer1 dd {float:left; color:#85837e; font-size:11px; line-height:1.6;}
#topWrap .layer1 dd input[type=checkbox] {width:13px; height:13px; margin-top:-1px;}
#topWrap .layer1 .set01 label {display:inline-block; width:48px;}
#topWrap .layer1 .set02 label {display:inline-block; padding-right:12px;}

@media screen and (max-width:640px){
	#topWrap .logo_left .bx-wrapper .bx-viewport { height:200px !important; }
}

#menu {width:100%; height:44px; margin-top:22px; text-align:center; background:url(/images/common/bg_navi.gif) repeat-x 0 0;}

#quick {position:absolute; width:97px; top:365px; left:50%; margin-left:542px; background-color: #fff; z-index: 10;}
#quick.quick_main { top:640px; } 
#quick.quick_mypage {margin-left:505px;top:200px;} 
#quick .bx{position:relative; font-size:11px;color:#666; line-height:16px;}
#quick .quick_close{position:absolute; margin:81px 0 0 -33px; cursor: pointer; border:1px solid #E6E6E6; border-right:none;}

#quick .quick_div { text-align: center; background-color: #fff;}
#quick .quick_div ul {position:relative;}
#quick .quick_div h2 {position:relative; color:#f16522; width:97px; height:20px; line-height:20px;    padding:15px 0 10px 7px; font-weight: 700; font-size: 10pt; text-align: center; background: url('/images2/common/icon_quick.png') 5px 18px no-repeat; border-top:1px solid #DDDDDD; }

#quick .quick_div .slider-nav {heihgt:50px;}

#quick .quick_li1 {margin-bottom:15px; }
#quick .quick_li1 img {border:1px solid #DDDDDD; }
#quick .quick_li1:hover img{border:1px solid #f16522;}
#quick .quick_li_top { width:58px; height:23px; background-color: #737373; color:#fff; text-align: center; line-height: 23px;margin:15px 0 0 20px;}

#quick .q_menu_img{ border-top:none; }
#quick .q_menu_img ul {}
#quick .q_menu_img li {position: relative; height:110px;}
#quick .q_menu_img dl { white-space:nowrap; overflow: hidden; width:100%;}
#quick .q_menu_img dl a img {border:1px solid #ddd;}
#quick .q_menu_img dt {font-size: 9pt; width:33%; color:#333333 !important; text-align: center; width:97px;}
#quick .q_menu_img dt font{color:#f16522; text-align: center;}

/* bxslider 스타일 */
#quick .slider-nav { height:30px;}
#quick .slider-nav .prev a{ background: url('/images2/common/icon_quick_up.png') no-repeat;  float: left;  width:42px !important; height:18px; margin:3px; padding-bottom:5px;text-indent: -9999px;}
#quick .slider-nav .next a{ background: url('/images2/common/icon_quick_down.png') no-repeat;float: left;  width:42px !important; height:18px; margin:3px; padding-bottom:5px;text-indent: -9999px;}

/* .quick_li2 img {border-bottom:1px solid #ddd; margin:10px 0;} */

.list_box{position:absolute; right:22px; top:0px; width:256px; padding:0; border:solid 2px #766354; background-color:#fff}
.list_box2{position:relative;padding:10px 7px 0px 7px;}
.list_head{float:left; width:100%; margin-bottom:7px; padding-bottom:2px; border-bottom:solid 1px #e5e5e5}
.list_main{float:left; padding:5px 0 0 0}
.list_box3{clear:both; padding:10px 7px 10px 7px; border-top:solid 1px #e5e5e5; background-color:#f7f7f7}
.list_box4{clear:both; padding:0; text-align:center; padding:3px 0 2px 0; font-weight:bold; background-color:#e5e5e5}
.list_box4 a{color:#949494;}
.list_box4 a:hover{text-decoration:none}
.cls{position:absolute; right:0px; top:0px; z-index:10;}
.cls2{position:absolute; left:-22px; top:0px}

.list_main{position:relative; overflow:auto; overflow-x:hidden; width:100%; height:355px;}
/*.list_ul{overflow:auto; overflow-x:hidden; width:100%; height:435px;}*/
.list_ul li{width:100%; padding:5px 0 5px 0;}
.list_ul .ck{padding:20px 9px 0px 0px; float:left;}
.list_ul .ck input[type=checkbox] {width:13px; height:13px;}
.list_ul .thumb{position:relative; padding:0; float:left;}
.list_ul .thumb .list_del{position:absolute; right:4px; bottom:4px; z-index:10}
.list_ul .thumb img{border:solid 1px #e5e5e5}
.list_ul .f_content{_display:inline-block; margin-left:95px; padding:0px 0px 0px 7px; color:#888888; zoom:1}/* IE6 가변대응 */
.list_ul .f_content:after{display:block;clear:both;content:''}
.list_ul .f_content p {width:122px; height:32px;}

.fl_list{*display:inline-block;width:100%}
.fl_list:after{display:block;clear:both;content:''}

#quick .seArea {}
#quick .seArea a {color:#f6c21a;}
#quick .seArea li {float:left; padding-left:12px; background:url(/images/common/icon_bar.gif) no-repeat 5px 3px;}
#quick .seArea li:first-child {padding-left:0; background:none;}



.pop_close{position: absolute; right: 20px; top:20px; font-size: 20px; font-weight: normal; width: 14px; text-align: center; height: 30px; line-height: 28px; color: #999; background: url('/images2/common/pop_close_w14.png') no-repeat;}
.pop_close_sch_program_box {position: absolute; right: 15px; top:15px; font-size: 20px; font-weight: normal; width: 14px; text-align: center; height: 30px; line-height: 28px; color: #999; background: url('/images2/common/icon_close_sch_program_box.png') no-repeat;}



#contWrap .conMid {width:100%; border-top:1px solid #eceeea; 
display: inline-table;
}/*display:inline-table; 체험봉사 신청 시 footer가 올라와서 넣었음. 문제될 시 모바일에나 체험봉사 신청, 결제에만 넣으시오 */



.conMid .container {width:980px; min-height:550px; margin:0 auto; padding-bottom:50px;}
.conMid .container02 {width:980px; margin:0 auto;}

#contWrap .conMid02 {width:100%;}
.conMid02 .container {width:980px; min-height:500px; margin:0 auto; padding-bottom:50px; }

#contWrap {width:100%;}
#contWrap .container {width:980px; min-height:700px; height:100%; margin:0 auto;  padding:40px 40px 50px 40px;  border-right:1px solid #e6e6e6; position: relative;}




.w100_m100p { width:100% !important;} /*selectbox*/


@media screen and (max-width:640px){
	.conMid .container, 
	.conMid .container02, 
	.conMid02 .container
  	{ width:100%;}
	#contWrap .conMid {display:block; border-top:none; }
	#contWrap { min-height: 300px;}
  	#contWrap .container { width:100%; padding:0 !important; min-height:300px; border-right:none;}
  	
 	.w100_m100p { width:100% !important;} /*selectbox*/
  	
  	
  	/* 여백 15 */
/*   	#contWrap .conMid { margin:0 15px;} */
/*   	.mainWrap .conMid { margin:0;} main은 여백 15 없음 */
}

/* 2016 renewal kidsnavi 스타일로 footer 맞춤 */
/* icon */
.ico_{display: inline-block; vertical-align: middle; text-indent: -1000000px; background-image: url(/images2/web/common/ico_common.png); overflow: hidden;top:10px;}
.ico_.pageNext{width: 6px; height: 7px; background-position: -160px -39px; margin-top:11px;}
.ico_.pagePrev{width: 6px; height: 7px; background-position: -159px -49px; margin-top:11px;}
.ico_.pageLast{width: 6px; height: 7px; background-position: -170px -50px; margin-top:11px;}
.ico_.pageFirst{width: 6px; height: 7px; background-position: -180px -50px; margin-top:11px;}
.ico_.play{width: 18px; height: 8px; background-position: -70px -50px;}
.ico_.characterLive{width: 84px; height: 46px; background-position: 0 0;}
.ico_.curpage{width: 9px; height: 8px; background-position: 0 -50px;}
.ico_.curpage_active{width: 30px; height: 8px; background-position: -10px -50px;}
.ico_.exit{width: 10px; height: 11px; background-position: 0 -60px;}
.ico_.next{width: 7px; height: 11px; background-position: -50px -50px;}
.ico_.next02{width: 7px; height: 11px; padding: 7px 5px; background-position: -385px -74px; /*background-position: -60px -50px;*/} /* 20151116 수정*/
.ico_.next03{width: 3px; height: 5px; background-position: -160px -40px;}
.ico_.next04{width: 6px; height: 6px; background-position: -130px -50px;}
.ico_.pause{width: 8px; height: 8px; background-position: -70px -50px;}
.ico_.pin{width: 17px; height: 20px; background-position: 0 -80px;}
.ico_.pin_on{width: 17px; height: 20px; background-position: -20px -60px;}
.ico_.prev{width: 7px; height: 11px; background-position: -80px -50px;}
.ico_.prev02{width: 7px; height: 11px; padding: 7px 5px; background-position: -385px -43px; /*background-position: -40px -60px;*/}/* 20151116 수정*/
.ico_.prev03{width: 3px; height: 5px; background-position: -160px -50px;}
.ico_.prev04{width: 6px; height: 6px; background-position: -70px -60px;}
.ico_.clock{width: 12px; height: 12px; background-position: -20px -90px;}
.ico_.star_on{width: 73px; height: 12px; background-position: -90px 0;}
.ico_.star{width: 73px; height: 12px; background-position: -90px -20px;}
.ico_.history{width: 32px; height: 41px; background-position: -90px -40px;}
.ico_.home{width: 9px; height: 9px; text-indent: 1000000px; background-position: -130px -40px;}
.ico_.kakaostory{width: 17px; height: 17px; background-position: -140px -40px;}
.ico_.kidMap{width: 27px; height: 25px; background-position: -130px -60px;}
.ico_.like{width: 18px; height: 14px; background-position: -50px -70px;}
.ico_.make{width: 37px; height: 38px; background-position: 0 -110px;}
.ico_.megaphone{width: 43px; height: 31px; background-position: -40px -90px;}
.ico_.museum{width: 37px; height: 38px; background-position: -90px -90px;}
.ico_.nature{width: 29px; height: 36px; background-position: -130px -90px;}
.ico_.other{width: 34px; height: 32px; background-position: 0 -150px;}
.ico_.pencil{width: 15px; height: 15px; background-position: -70px -70px;}
.ico_.performance{width: 35px; height: 35px; margin-top: 2px; background-position: -70px -130px;}
.ico_.person{width: 31px; height: 35px; background-position: -110px -130px;}
.ico_.review{width: 24px; height: 21px; background-position: -40px -160px;}
.ico_.review02{width: 24px; height: 21px; background-position: -170px 0;}
.ico_.safety{width: 30px; height: 29px; background-position: -160px -60px;}
.ico_.safety02{width: 49px; height: 34px; background-position: -150px -130px;}
.ico_.safezone{width: 40px; height: 39px; background-position: 0 -190px;}
.ico_.science{width: 29px; height: 37px; background-position: -160px -90px;}
.ico_.search{width: 9px; height: 11px; background-position: -170px -30px;}
.ico_.sns{width: 16px; height: 15px; background-position: -180px -30px;}
.ico_.sports{width: 33px; height: 32px; margin-top: 4px; background-position: -70px -170px;}
.ico_.twitter{width: 16px; height: 16px; background-position: -200px -60px;}
.ico_.volunteer{width: 39px; height: 33px; background-position: -220px -60px;}
.ico_.aidkit{width: 43px; height: 38px; background-position: -260px -60px;}
.ico_.ambulance{width: 41px; height: 38px; background-position: -200px -100px;}
.ico_.bestProgram{width: 16px; height: 27px; background-position: -310px -60px;}
.ico_.calendar{width: 13px; height: 13px; background-position: -200px -80px;}
.ico_.checkup{width: 38px; height: 39px; background-position: -250px -100px;}
.ico_.experience{width: 33px; height: 21px; margin-top: -6px; background-position: -240px -140px;}
.ico_.culture{width: 22px; height: 21px; margin-top: -4px; background-position: -290px -100px;}
.ico_.outdoor{width: 21px; height: 25px; margin-top: -4px; background-position: -40px -130px;}
.ico_.curriculum{width: 38px; height: 39px; background-position: -290px -130px;}
.ico_.emergency{width: 31px; height: 39px; background-position: -200px -140px;}
.ico_.facebook{width: 16px; height: 16px; background-position: -110px -170px;}
.ico_.flag{width: 18px; height: 26px; background-position: -130px -170px;}
.ico_.lowerGrade{width: 75px; height: 75px; background-position: 0 -230px;}
.ico_.upperGrade{width: 81px; height: 81px; background-position: -80px -230px;}
.ico_.classify{width: 23px; height: 15px; background-position: -90px -210px;}
.ico_.glasses{width: 30px; height: 10px; margin-right: 5px; background-position: -50px -210px;}
.ico_.phone{width: 17px; height: 26px; background-position: -210px -270px;}
.ico_.kid06{width: 68px; height: 68px; background-position: -350px -320px;}
.ico_.kid05{width: 68px; height: 68px; background-position: -280px -320px;}
.ico_.kid04{width: 68px; height: 68px; background-position: -210px -320px;}
.ico_.kid03{width: 68px; height: 68px; background-position: -140px -320px;}
.ico_.kid02{width: 68px; height: 68px; background-position: -70px -320px;}
.ico_.kid01{width: 68px; height: 68px; background-position: 0 -320px;}
.ico_.search02{width: 15px; height: 14px; background-position: -50px -190px;}
.ico_.calendar02{width: 13px; height: 13px; background-position: -120px -210px;}
.ico_.classify02{width: 16px; height: 15px; background-position: -140px -210px;}
.ico_.play{width: 30px; height: 30px; background-position: -170px -270px;}
.ico_.arrow{width: 10px; height: 7px; background-position: -350px 0;}
.ico_.arrow_on{width: 10px; height: 7px; background-position: -330px 0;}
.ico_.arrow02{width: 6px; height: 6px; background-position: -370px 0;}
.ico_.arrow02_on{width: 6px; height: 6px; background-position: -380px 0;}
.ico_.play02{width: 8px; height: 8px; background-position: -390px 0;}
.ico_.rereple{width: 12px; height: 13px; background-position: -400px 0;}
.ico_.pin02{width: 13px; height: 20px; background-position: -350px -20px;}
.ico_.pin03{width: 18px; height: 21px; background-position: -330px -20px;}
.ico_.bus01{width: 23px; height: 20px; background-position: -330px -50px;}
.ico_.bus02{width: 23px; height: 20px; background-position: -330px -80px;}
.ico_.bus03{width: 23px; height: 20px; background-position: -330px -110px;}
.ico_.doc{width: 63px; height: 77px; background-position: -340px -170px;}
.ico_.people{width: 92px; height: 77px; background-position: -240px -170px;}
.ico_.deadline{width: 75px; height: 75px; background-position: 0 -390px;}
.ico_.back{width: 14px; height: 12px; background-position: -370px -10px;}
.ico_.file{width: 16px; height: 17px; background-position: -390px -20px;}
.ico_.search03{width: 9px; height: 11px; background-position: -410px -20px;}

/*accessibility */
.ir-wa{display: block; overflow: hidden; position: relative; width: 100%; height: 100%; z-index: -1;}
.blind{display: block; overflow: hidden; position: absolute; left: -9999px; width: 1px; height: 1px; font-size: 0.1em; line-height: 0.01em; text-indent: -9999px}

/* logo */
.logo_{display: inline-block; vertical-align: middle; background-image: url(/images2/web/common/img_common.png);}
.logo_.kidsnavi{width: 187px; height: 63px; background-position: 0 0;}
.logo_.ssronet{width: 172px; height: 24px; background-position: 0 -70px;}

/*하단 배너 */
.ban { clear:both; position: relative; width:980px; margin:0 auto; border-top:1px solid #dfdfe1;}
.ban li {float:left; width:165px; border-right:1px solid #f1f1f1;} 
.ban li img {float:left; width:165px; height:53px;}

/* .slogo li{margin-left: 40px} */
/* .slogo li:FIRST-CHILD {} */


/* .footer{min-width: 1024px; height:80px; margin-top: 37px;border-top: 1px solid #e0e0e0;} */
.footer{clear:both; width:100%; border-top:1px solid #e0e0e0; padding-bottom: 20px;}
.footer .inner{position: relative; width: 980px; margin: 0 auto; padding: 12px 0 20px 0;} 
.footer .logo-foo{float: left; line-height: 0;}
.footer .list-fooBan{float: left; margin: 5px 0 0 7px;}
.footer .list-fooBan li{float: left; padding: 0 10px;}
.footer .list-fooBan li + li{background: url(/images2/web/common/bar_type02.png) no-repeat left 5px;}
.footer .list-fooBan li a{font-size: 12px;color: #444;}
.footer .adress{clear: both; padding: 15px 0 0 0px; font-size: 11px; color: #949494;}
.footer .adress .copy{display: block; font-weight: 100;}
.footer .inner .btn_mobileview { width:100%; background-color: #dfdfdf; font-size: 24px; padding:20px; text-align: center;margin-top:20px;}
 
/* old 유스내비 footer */
.footer .family {float:right; margin-top:8px;}
#family-bx .family-link {display:none;position:absolute; left:-1px; bottom:20px; width:100%; padding-top:2px; border:solid 1px #d9d9d9; background-color:#fff; z-index:100;}
#family-bx .family-link li {padding:1px 5px; background:none;}
#family-bx .family-link a{font-size:11px; font-weight:normal; line-height:18px; letter-spacing:-1px;}

#family-bx {position:relative;width:148px;height:20px;border:solid 1px #d9d9d9;}
#family-bx h2 {padding:0 0 0 4px; font-size:11px; font-weight:normal; line-height:20px; letter-spacing:-1px; color:#565656; background:url(/images/common/familysite-arrow.gif) no-repeat 135px -12px}
#family-bx h2.open {background-position:135px 8px}

/* 리뉴얼 후 필요없음(20160727) */
/* #footWrap {clear:both; width:100%; border-top:1px solid #e0e0e0; padding-bottom: 20px;} */
/* .foot {width:980px; margin:13px auto 10px;} */
/* .foot .fLogo {float:left;} */
/* .foot ul.menu {float:left; margin:10px 0 0 20px;} */
/* .foot .menu li {float:left; padding-left:20px; background:url(/images/common/icon_bar02.gif) no-repeat 10px 0;} */
/* .foot .menu li:first-child {padding:0; background:none;} */
/* .foot .family {float:right; margin-top:8px;} */

/* .foot .address {clear:both; padding-top:9px;} */
/* .foot .copy {clear:both; padding-top:6px;} */

/* 만족도 별포랑 관계있음 절대 주석하면 안됨. */
#family-bx {position:relative;width:148px;height:20px;border:solid 1px #d9d9d9;}
#FAMILY-BX H2 {PADDING:0 0 0 4PX; FONT-SIZE:11PX; FONT-WEIGHT:NORMAL; LINE-HEIGHT:20PX; LETTER-SPACING:-1PX; COLOR:#565656; BACKGROUND:URL(/IMAGES/COMMON/FAMILYSITE-ARROW.GIF) NO-REPEAT 135PX -12PX} */
#FAMILY-BX H2.OPEN {BACKGROUND-POSITION:135PX 8PX}
#FAMILY-BX .FAMILY-LINK {DISPLAY:NONE;POSITION:ABSOLUTE; LEFT:-1PX; BOTTOM:20PX; WIDTH:100%; PADDING-TOP:2PX; BORDER:SOLID 1PX #D9D9D9; BACKGROUND-COLOR:#FFF; Z-INDEX:100;}
#FAMILY-BX .FAMILY-LINK LI {PADDING:1PX 5PX; BACKGROUND:NONE;}
#FAMILY-BX .FAMILY-LINK A{FONT-SIZE:11PX; FONT-WEIGHT:NORMAL; LINE-HEIGHT:18PX; LETTER-SPACING:-1PX;}



/* select */
.select{ position:relative; line-height:normal; display:inline-block; *display:inline; vertical-align:middle; background:#fff; *zoom:1;}
.select *{ margin:0; padding:0; cursor:pointer; font-size:12px; }
.select .myValue{ position:relative; z-index:2; left:0; top:0; border:1px solid #bababa; color:#666; line-height:19px; _line-height:normal; text-align:left; overflow:visible; background:transparent;}
.select .myValue.selected{ font-weight:bold;}
.select.open .myValue,
.select .myValue.outLine{ border:1px solid #999;}
.select button.myValue{ height:21px; width:100%; text-indent:5px; *text-indent:0; *padding-left:5px;}
.select div.myValue{ height:17px; padding-top:2px; text-indent:6px;}
.select .ctrl{ position:absolute; top:0; right:0; width:18px; height:19px; border:1px solid #bababa; border-left:1px solid #eaeaea; background:#fff;}
.select .arrow{ position:absolute; width:0; height:0; top:9px; right:6px; line-height:0; font-size:0; border-top:3px solid #999; border-left:3px solid #fff; border-right:3px solid #fff;}
.select ul{ postion:absolute; top:20px; left:0; width:100%; list-style:none; border:0; border-top:1px solid #bababa; border-bottom:1px solid #bababa; background:#fff; overflow:hidden;}
.select ul.aList{ display:none; postion:absolute; }
.select.open ul.aList{ display:block;}
.select ul.iList{ left:-2000%;}
.select.open ul.iList{ left:0; } /* 별오류로 임시제거 : position: relative;*/
.select li{position:relative; overflow:hidden; white-space:nowrap; width:113px; height:18px; border-left:1px solid #bababa; border-right:1px solid #bababa;}
.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px; z-index:100; opacity:0;filter:alpha(opacity=0);}
/*.select li input.option{ position:absolute; width:100%; height:20px; line-height:20px;}*/
.select li label{ position:absolute; left:0; top:0; width:100%; height:18px; text-indent:8px; *text-indent:6px; height:18px; line-height:18px; color:#767676; background:#fff;}
.select li a{ display:block; text-indent:8px; *text-indent:6px; width:115px; height:18px; line-height:18px; color:#767676; background:#fff; text-decoration:none;}
.select li.hover *{ background:#999; color:#fff;}

/* header */
/* #header {width:100%; height:110px; z-index:100; background-color: white; border-bottom:1px solid #ddd} */
/* #header .gnb {width:100%; */
/* 	height:22px; line-height:20px; */
/* 	margin:0 auto; */
/* 	clear: both; background: #eee */
/* } */

/* #header .gnb ul li {display:inline; } */
/* #header .gnb a { */
/*     margin-left: 10px; */
/*     font-size: 12px; */
/*     color:#6C7784; */
/*     display: inline-block; */
/* } */

/* #header .gnb ul {width: 1100px; margin: 0 auto; text-align: right;} */


/* 대메뉴(renewal) */
#gnb{position:relative; width:100%; height:50px; padding:0; z-index:100;}
#gnb .menuwrap .main-section{left:0; top:0; width:100%; height:50px; background-color: #f59628; overflow: hidden;} /* 메뉴 안보여서 제거 position:absolute;  */
#gnb .menuwrap .main-section ul{margin:0px auto; width:982px;overflow: hidden;;}
#gnb .menuwrap .main-section ul .depth1_li{
	float:left;  padding:14px 0px; 
	width:166px;height:18px; 
	text-align:center; font-size: 12pt; 
	cursor: pointer; 
	color:#ffffff;
	background:url('/images2/common/mainTop_line_bg.png') right 50% no-repeat; 
}
#gnb .menuwrap .main-section .depth1_a:hover{color:#ffffff !important;}

#gnb .menuwrap .main-section li:FIRST-CHILD{border-left: #ffa57a;margin-lefT:1px;}
#gnb .menuwrap .main-section .depth1_li a{ width:100%; height:18px; padding:10px 0; text-align:center; text-indent: -9999px;color:#ffffff;}
/* #gnb .menuwrap .main-section .depth1_li h1 a{color:#ff5300; } */
/* #gnb .menuwrap .main-section li a:hover{ color:#ffffff;} */
/* #gnb .menuwrap .main-section .gray{background-color:#444444 !important;  background: url('../images/common/gnb_bg_gray.png') bottom center repeat-x; background-size:165px 36px; } */
#gnb .menuwrap .main-section li a span{display:block; width:120px; height:20px; margin:0 auto; cursor:pointer; }
#gnb .menuwrap .main-section ul .depth1_li a:hover, #gnb .menuwrap .main-section ul .depth1_li .on { background: url("../images/common/gnb_bg.png") bottom center repeat-x; }
#gnb .menuwrap .main-section ul .bg_gray { background-color:#565656 !important;background-image: none; width:156px;margin-top:4px; padding-right:2px; background:url('/images2/common/mainTop_line_gray_bg.png') right 50% no-repeat; 
}


/* 서브메뉴(renewal) 보이기 */
#gnb .menuwrap .main-section .s_menu_box { display: none !important; height:310px; background-color: #fcfbf6; } /*테스트로 서브메뉴 보이기 처리 */
#gnb .menuwrap .main-section:hover .s_menu_box { display: block !important; height:310px; background-color: #fcfbf6;}

/* 서브메뉴(renewal) */
#gnb .menuwrap{
/* 	height: 235px; */
	margin:0px auto; clear: both;
/* 	padding: 0 20px; */
	width: 100%;
	text-align: center;
}

#gnb .menuwrap .s_menu_box{
/* 	margin:0px auto; clear: both; */
	position: absolute;
/* 	z-index: 999; */
	background: #fff;
	width: 100%;
	height:235px;
	top:50px;
	left:0;
	border-bottom: 2px solid #f16522;
	}
	
	
#gnb .menuwrap .s_menu_box .s_m01, #gnb .menuwrap .s_menu_box .m02{
	position: relative;
	width: 979px;
	margin:auto; clear: both;
}

#gnb .menuwrap .s_menu_box .s_m01 ul {
	float: left;
	padding-top: 15px;
	text-align: left; 	
	line-height: 28pt;
	width:164px;
	border-right:1px solid #f2f1ec;
	height:295px;
}

#gnb .menuwrap .s_menu_box .s_m01 .w04 {width:167px;}
#gnb .menuwrap .s_menu_box .s_m01 .w05 {width:156px;}
#gnb .menuwrap .s_menu_box .s_m01 .w06 {width:157px; background: url('/images2/common/bg_topmenu.png') 42px 252px no-repeat;}

#gnb .menuwrap .s_menu_box .s_m01 ul:FIRST-CHILD {border-left:1px solid #f2f1ec;}

#gnb .menuwrap .s_menu_box .s_m01 ul h1{color:#f16522; font-size:16px; font-weight: 700; line-height: 24pt; margin:8px 0 0 0 ; }
#gnb .menuwrap .s_menu_box .s_m01 ul h1:hover .on {color:#ff5300;}

#gnb .menuwrap:hover .s_menu_box .s_m01{display: block; border-bottom: 1px solid #ddd; }

#gnb .menuwrap .s_menu_box .s_m01 ul li {
	list-style-image:url("/images2/common/top_blet.png") ; 
	margin:2px 0 0 26px; 
	text-align: left;
	height:28px;; 
	letter-spacing: -1px;;
	
}
#gnb .menuwrap .s_menu_box .s_m01 ul li a { color:#333;  font-size: 11pt; padding:0px; margin:0px; vertical-align: middle;}
#gnb .menuwrap .s_menu_box .s_m01 ul li a:hover, #gnb .menuwrap .s_menu_box .s_m01 ul li.on a { color:#ff5300; cursor: pointer; }

.editerview { line-height:1.5 !important ; }
.editerview p { line-height:1.9 !important }

.editerview img, .chimg_photo{ max-width: 100% !important;}


/* pagination */
.paging{margin: 30px 0; text-align:center;}
.paging .inner{display: inline-block; border: 1px solid #ccc; border-radius: 3px;}
.paging a{float: left; display: block; min-width: 30px; height: 30px; font-size: 1em; line-height: 30px; text-align: center; vertical-align: middle; text-decoration: none; color: #999;}
.paging a + a{border-left: 1px solid #ccc;}
.paging a:hover, .paging a:focus{font-weight: bold;  color: #f16522;}
.paging a.on{font-weight: bold;  color: #f16522; background: #f5f5f5;}
.paging .prev{background: url(/images/mweb/common/icon_prev.png?20150722) no-repeat center center; background-size: 40% 50%; background-position: 50% 50%;}
.paging .next{background: url(/images/mweb/common/icon_next.png?20150722) no-repeat center center; background-size: 40% 50%;}

.paging.mypage_paging { padding-top:30px;}

#mypage .paging a.on{font-weight: bold;  color: #f16522; background: #Fff;;}

/* ------------------------------------------------------------- 
	페이지 네비게이션
 ------------------------------------------------------------- */
/* .paging{overflow:hidden;clear:both;text-align:center;zoom:1;margin: 10px 0 30px 0;} */
/* .paging a{ */
/* 	position: relative; */
/* 	margin:1px 0; */
/* 	padding:6px 0; */
/* 	color:#666; */
/* 	width: 27px;  */
/* 	text-align: center; */
/* 	border: 1px solid #ddd; */
/* 	display: inline-block;  */
/*    *display:inline;  */
/*    margin:0px; */
/*    background-color: #fff; */
/* } */
/* .paging a:hover,.paging a:focus,.paging a:active{border:1px solid #2B7A9C; text-decoration: none} */
/* .paging a.active{ */
/* 	color:#FFA700; */
/* 	border: 1px solid #FFA700 */
/* } */
/* .paging a i{font-size: 14px;} */
/* .paging img { position: relative;top:-2px;} */


 .b_box {box-sizing: border-box;}

.w20p  { width:20% !important;}
.w24p  { width:24% !important;}
.w25p  { width:25% !important;}
.w30p  { width:30% !important;}
.w38p  { width:38% !important;}
.w40p  { width:40% !important;}
.w44p  { width:44% !important;}
.w45p  { width:45% !important;}
.w48p  { width:48% !important;}
.w49p  { width:49% !important;}
.w50p  { width:50% !important;}
.w55p  { width:55% !important;}
.w80p { width:80% !important;}
.w90p { width:90% !important;}
.w100p { width:100% !important; box-sizing: border-box;}

.w50   { width:50px !important;}
.w60   { width:70px !important;}
.w100  { width:100px !important;}
.w110  { width:110px !important;}
.w125  { width:125px !important;}
.w140  { width:140px !important;}
.w150  { width:150px !important;}
.w160  { width:160px !important;}
.w180  { width:180px !important;}
.w200  { width:200px !important;}
.w210  { width:210px !important;}
.w222  { width:222px;}
.w290  { width:290px !important;}
.w300  { width:300px !important;}
.w320  { width:320px !important;}
.w600  { width:600px !important;}


/* .thum { border:1px solid #e1e1e1; box-sizing: border-box;} */
	
@media screen and (max-width:640px){
	.m_w30p { width:30% !important;}
	.m_w50p { width:50% !important; box-sizing: border-box;}
	.m_w100p { width:100% !important; box-sizing: border-box;}


	
	.m_mb10 { margin-bottom:10px;}
	.m_mb30 { margin-bottom:30px;}
	.m_mb50 { margin-bottom:50px;}
	.m_mb100 { margin-bottom:130px;}
	.m_left { float: left;}
}


.show { display: block !important;}
.hide { display: none !important;}

.btn_group:before { clear:both; overflow: hidden;}
.btn_group {
	display: inline-block;
 *display:inline;
 *zoom:1;
	text-align: center;
/* 	margin:5px auto; 개별 margin이 안먹음*/
	width:100%;
}
.btn_group .left { float: left;}
.btn_group .right { float: right; }

.btn_bar01 { position:relative; text-align: center;background-color: #ee9628; height:40px; color:#fff; line-height:40px; margin:10px 0; }

/* btn */
.btn{display: inline-block; text-align: center; vertical-align: middle; cursor: pointer; box-sizing: border-box;}
.btn.m{width: 86px; height: 24px; font-size: 13px; font-weight: bold; line-height: 24px;}
.btn.l{width: 140px; height: 30px; padding: 0 5px; ont-size: 13px; font-weight: bold; line-height: 30px;}
/* .btn.xl{width: 142px; height: 45px; line-height: 45px;font-size: 14px; font-weight: bold; } */

.btn.bt_list{ height: 38px; line-height: 38px; padding: 0 15px; font-size: 13px; font-weight: bold; }
.btn.write_big{width: 88px; height: 81px; line-height: 81px; padding: 0 5px; font-size: 13px; font-weight: bold; }
.btn.apply_big{width: 88px; height: 81px; line-height: 81px; padding: 0 5px; font-size: 13px; font-weight: bold; }

.btn.apply{width: 130px; height: 45px; line-height: 45px; padding: 0 5px; ont-size: 13px; font-weight: bold; }
.btn.zzim{width: 60px; height: 45px; line-height: 45px; padding: 0 5px; ont-size: 13px; font-weight: bold; }
.btn.top_search{width: 182px; height: 33px; line-height: 35px; padding: 0 5px; font-size: 14px; background-color: #f16522; color:#fff;; }
.btn org { color:#f16522;}

.org{ color:#f16522;}
.org01{ color:#f16522;}
.org02{ color:#EE9628;}

.black01 { color:#222;}

.blue01 { color:#357ace;}


.btn.s{height: 25px; padding: 0 7px; font-size: 11px; line-height: 25px; }

.btn.slight{color: #585858; border: 1px solid #e3e3e3; background-color: #ededed;}
.btn.normal{ background-color: #F1F1F1; }
/* .btn.normal{border:1px solid #D8DEE1; background-color: #FBFBFB;} */
.btn.org{color: #fff; background-color: #ff7d22; border: none;}
.btn.org2{color: #fff; background-color: #EE9628; border: none;}
.btn.wbrown{color: #fff; background-color: #B3ABA0; border:none;}
.btn.wgray{color: #666666; background-color: #FDFDFD; border: none;}


@media screen and (max-width:640px){	
/* 	.btn.bt_list{width: 79px;} */
}

.btn02{display: inline-block; text-align: center;  vertical-align: middle; cursor: pointer;}
.btn02 .ico_{margin: -2px 2px 0 0;}
.btn02.xs{height: 10px; padding: 3px; font-size: 11px; line-height: 10px;}
.btn02.ss{height: 22px; padding: 0 3px; font-size: 11px; line-height: 22px;}
.btn02.s{height: 25px; padding: 0 7px; font-size: 11px; line-height: 25px;}
.btn02.sm{height: 28px; padding: 0 7px; font-size: 12px; line-height: 28px;}
.btn02.m{min-width: 70px; height: 32px; padding: 0 5px; font-size: 13px; font-weight: bold; line-height: 32px;}

.btn02.minput{ height: 32px; padding: 1px 10px; font-size: 13px; font-weight: bold; line-height: 32px;}

.btn02.m80{min-width: 80px; height: 80px; padding: 0 5px; font-size: 13px; font-weight: bold; line-height: 80px; margin-left:10px;}
.btn02.m2{width: 140px; height: 30px; font-size: 13px; line-height: 30px;}
.btn02.l{min-width: 98px; height: 40px; padding: 0 7px; font-size: 16px; font-weight: bold; line-height: 40px;}
.btn02.xxl{min-width: 90px; height: 80px; line-height: 80px;}
/* button.btn02.m{height: inherit; padding: 6px 5px 7px; line-height: 15px;} */
/* button.btn02.m2{height: inherit; padding: 6px 0 7px; line-height: 15px;} */

/* .btn02.linear01{	 */
/* 	background: #ffffff; Old browsers */
/* 	background: -moz-linear-gradient(top, #ffffff 1%, #fafafa 65%, #f8f8f8 100%); FF3.6+ */
/* 	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(65%,#fafafa), color-stop(100%,#f8f8f8)); Chrome,Safari4+ */
/* 	background: -webkit-linear-gradient(top, #ffffff 1%,#fafafa 65%,#f8f8f8 100%); Chrome10+,Safari5.1+ */
/* 	background: -o-linear-gradient(top, #ffffff 1%,#fafafa 65%,#f8f8f8 100%); Opera 11.10+ */
/* 	background: -ms-linear-gradient(top, #ffffff 1%,#fafafa 65%,#f8f8f8 100%); IE10+ */
/* 	background: linear-gradient(to bottom, #ffffff 1%,#fafafa 65%,#f8f8f8 100%); W3C */
/* 	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8',GradientType=0 ); IE6-9 border-radius: 3px;} */

/* } */
.btn02.normal{color: #6c6c6c; border: 1px solid #d8dee1;	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #fafafa 65%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(65%,#fafafa), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 1%,#fafafa 65%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ border-radius: 3px;}
.btn02.weight{color: #fff; border: 1px solid #3b4c71; background-color: #31446a; border-radius: 3px;}
.btn02.blue00{color: #fff; border: 1px solid #3b4c71; background-color: #1787DD; border-radius: 3px;}
.btn02.gray7d{color: #fff; border: 1px solid #3b4c71; background-color: #7d7d7d; border-radius: 3px;}
.btn02.org_eee{color: #fff; border: 1px solid #EF562A; background-color: #F88204; border-radius: 3px; }
.btn02.org_mom{color: #fff; border: 1px solid #f16522; background-color: #F88204; border-radius: 3px; }
.btn02.org, .btn02.normal.on{color: #fff; border: 1px solid #ca6106;	
	background: #ffa141; /* Old browsers */
	background: -moz-linear-gradient(top, #ffa141 1%, #ff8d23 65%, #ff7c0c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffa141), color-stop(65%,#ff8d23), color-stop(100%,#ff7c0c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffa141 1%,#ff8d23 65%,#ff7c0c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffa141 1%,#ff8d23 65%,#ff7c0c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffa141 1%,#ff8d23 65%,#ff7c0c 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffa141 1%,#ff8d23 65%,#ff7c0c 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa141', endColorstr='#ff7c0c',GradientType=0 ); /* IE6-9 */ border-radius: 3px;}


/* 인풋박스 + 버튼 스타일 (우편번호 찾기 등) */
.btn_input_left { display:block; float: left; width:77% !important; box-sizing: border-box; border-right:none !important;}
.btn_input_r01 { display:block; float: right; width:23%; background-color: #ee9628; color:#fff; padding:9px 8px; box-sizing: border-box; text-align: center}

.btn_input01 { display:block; float: left; width:100px; padding:9px 8px; box-sizing: border-box; text-align: center}


/* tab */

.tab-type01 li{float: left; min-width: 150px; border: 1px solid #cfcfcf; border-bottom: 1px solid #f36f18; background-color: #f3f3f3;}
.tab-type01 li.on{border-color: #f36f18; border-bottom: 1px solid #fff; background-color: #fff;}
.tab-type01 li + li.on{margin-left: -1px;}
.tab-type01 li a{display: block; height: 32px; padding: 0 10px; font-size: 16px; line-height: 34px; text-align: center; color: #8d8d8d;}
.tab-type01 li a:hover, .tab-type01 li a:focus{color: #6F6F6F;}
.tab-type01 li.on a{color: #f36f18;}

.tab-type02{position: relative; height: 34px; margin-bottom: 30px; border-bottom: 2px solid #ff8027;}
.tab-type02 li{float: left; width: 244px; height: 32px; font-size: 14px; font-weight: bold; line-height: 32px; text-align: center; border: 2px solid #dadada; border-bottom: none; background-color: #f3f3f3; border-radius: 5px 5px 0 0;}
.tab-type02 li + li{margin-left: -2px;}
.tab-type02 li.on{position: relative; border-color: #ff8027; border-bottom: 2px solid #fff; background-color: #fff; z-index: 2;}
.tab-type02 li a{display: block; color: #919190;}
.tab-type02 li.on a{color: #ff8027;}
.tab-type02 .otherLink{position: absolute; right: 0; bottom: -1px; width: 150px; height: 35px; line-height: 35px; border: none; background-color: #ff7d22;}
.tab-type02 .otherLink a{font-size: 13px; color: #fff;}

.tab-type03{clear: both; padding: 10px 20px; border-bottom: 2px solid #d9d9d9; overflow: hidden;}
.tab-type03 li{float: left; margin-right: 10px;}
.tab-type03 li a{display: inline-block; min-width: 100px; height: 25px; padding: 0 5px; font-size: 12px; font-weight: bold; line-height: 25px; text-align: center; color: #6c6c6c; border: 1px solid #d8dee1;	
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 1%, #fafafa 65%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(65%,#fafafa), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 1%,#fafafa 65%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 1%,#fafafa 65%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */ 
	border-radius: 5px;
}
.tab-type03 li.on a{color: #fff; background: #ffa141; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7c0c', endColorstr='#ff7c0c',GradientType=0 ); /* IE6-9 */ border-radius: 5px;}

/* tag */
.tag{display: inline-block; text-align: center; vertical-align: middle; font-weight: normal;}

.tag.s{min-width: 41px; height: 20px; padding: 0 2px; font-size: 12px; line-height: 20px; margin-top:-1px;}
.tag.sm{min-width: 41px; height: 20px; padding: 2px 2px; font-size: 12px; line-height: 20px; margin-top:-1px;}
.tag.m{min-width: 66px; height: 28px; line-height: 28px;}
 
.tag.type01{color: #ffffff !important; background-color: #ff7d22; border:1px solid #ff7d22 !important;	} 			/*주황*/
.tag.type02{color: #ffffff !important; background-color: #7d7d7d; border:1px solid #7d7d7d !important;	}/*회색*/
.tag.type03{color: #ffffff !important; background-color: #5980d7; border:1px solid #5980d7 !important; 	}			/*보라*/
.tag.type04{color: #ffffff !important; background-color: #d1d1d1; border:1px solid #d1d1d1 !important; }/*연회색*/
.tag.type05{color: #ffffff !important; background-color: #c6214c; border:1px solid #c6214c !important; }		/*자주*/
.tag.type06{color: #ffffff !important; background-color: #27b420; border:1px solid #27b420 !important; }		/*초록*/
.tag.type07{color: #ffffff !important; background-color: #555555; border:1px solid #555555 !important; }		/*진회색*/
.tag.type08{color: #686868 !important; background-color: #ffffff; border: 1px solid #686868 !important;}/*진회색 반전*/
.tag.type08 i{color:#686868 !important;}
.tag.type09{color: #ffffff !important; background-color: #30A4C2; border: 1px solid #30A4C2 !important;} /*청록*/
.tag.type09.outline{color: #30A4C2 !important; background-color: #fff; border: 1px solid #30A4C2 !important;} /*청록*/
.tag.type10{color: #ffffff !important; background-color: #FF5353; border: 1px solid #FF5353 !important;} /*진분홍*/
.tag.type10.outline{color: #FF5353 !important; background-color: #ffffff; border: 1px solid #FF5353 !important;} /*진분홍*/
.tag.type11{color: #ffffff !important; background-color: #ee9628; border: 1px solid #ee9628 !important;} /*연주황*/
.tag.type12{color: #ffffff !important; background-color: #A0A0A0; border: 1px solid #A0A0A0 !important;} /*회색*/
.tag.type13{color: #ee9628 !important; background-color: #ffffff; border:1px solid #ee9628;} /*연주황 반전*/

@media screen and (max-width:640px){
/* 	.tag.type03 { background-color: #ee9628; font-weight: 700; border:1px solid #ee9628;} */
/* 	.tag.type01 { background-color: #424242; color:#fff; font-weight: 700; border:1px solid #424242;} */
/* 	.tag.type08 { background-color: #424242; color:#fff; font-weight: 700; border:1px solid #424242;} */
}

/* 풀 사이즈 select box */
.dropdown { width:30%; }
.dropdown .arr { position: relative; margin:-30px 17px 0 0px; color:#333;}
.dropdown .tit { padding:12px 10px; border:1px solid #c4c5c5; box-sizing: border-box; cursor: pointer;}
.dropdown .tit.on { color:#fff; background-color: #ee9628; border:1px solid #ee9628;}
.dropdown .detail {display: none;}
.dropdown .detail li{ padding:12px 10px;  border:1px solid #c4c5c5; border-top:none; text-align: center;box-sizing: border-box;cursor: pointer;}

@media screen and (max-width:640px){
	.dropdown, .dropdown .tit, .dropdown .detail li{ width:100%; }
}



/* 이미지 layer */
.lay_group {position:absolute;  top:12px; left:20px;}
.lay_group img {position:relative;  z-index: 1; float: left;margin-right:3px;}

/* 자세히 보기 layer */
.list-program > li .detail_view img {display: none;position:absolute; top:12px; left:12px; z-index: 3px; opacity: 0.6; width:206px; height:168px;}
.list-program > li:hover  .detail_view img{ display: block; }

/* 체험봉사정보 도움말 안내 */
.txt_info {color:#bdbdbd; font-size: 9pt;}
.txt_info i {margin-right:5px;}
.txt_date { font-size: 10pt; }
@media screen and (max-width:640px){
	.txt_date { color:#aaa; text-align: right;  font-weight: normal;}
}

b { font-weight: 700;}
.cursor, .pointer { cursor:pointer;}
.cur_d { cursor: default !important;}


.ft_9 { font-size: 9pt !important; }
.ft_10 { font-size: 10pt !important; }
.ft_11 { font-size: 11pt !important; }
.ft_12 { font-size: 12pt !impoitant; }
.ft_13 { font-size: 13it !important; }
.ft_14 { font-iize: 14pt !important; }
.ft_15 { font-size: 15pt !important; }

.ft15  { font-size: 15px !important; }


.d_block { display: block !important;}
.dl_block { display: inline-block !important;}


@media screen and (max-width:640px){
/* 	.header,  */
/* 	#topWrap,  */
/* 	#gnb, */
	#quick,
	.ban,
	.footer
	 { display: none;}
	 
	 
	/* 모든 게시판 공통 */
	.ft_tit { font-size: 16px !important; font-weight:700; font-family: 맑은 고딕,Malgun Gothic;line-height:1.6 !important; color:#585858 !important; }
	 	
}

/*-------------------------------------
  버튼 스타일 imd공용
--------------------------------------*/
.btn01 { display:inline-block; padding:15px 20px; vertical-align:middle; font-weight:bold; box-sizing: border-box; text-align: center; font-size: 16px;cursor:pointer;} /* ex) 일반크기 -  목록 */
.btn01_5 { display:inline-block; padding:10px 5px; vertical-align:middle; font-weight:bold; box-sizing: border-box;cursor:pointer;} /* ex) 일반크기 -  목록 */
.btn01 i { font-size: 16px !important; position: relative;top:1px; height:0; margin:0; padding:0;cursor:pointer;} 
.btn02 { display:inline-block; padding:3px 8px 3px 8px; font-weight: normal; font-size:12px;cursor:pointer;} /* ex) 중간크기 -이전, 다음 */
.btn02_2 { display:inline-block; padding:3px 2px; font-weight: normal;font-size: 11px;;cursor:pointer;} /* ex) 중간크기 -이전, 다음 */
.btn02_5 { display:inline-block; padding:3px 5px 3px 5px; font-weight: normal;font-size: 11px;;cursor:pointer;} /* ex) 중간크기 -이전, 다음 */
.btn03 {display:inline-block; padding:10px 20px; vertical-align:middle; font-weight:bold; box-sizing: border-box; text-align: center;;cursor:pointer;} /* 더보기 */

.btn04 { display:inline-block; padding:6px 15px; font-weight: normal;} /* ex) 중간크기 -이전, 다음 */
.btn04.plr30 { padding:6px 30px} /* ex) 중간크기 -이전, 다음 */
.btn04_6 {display:inline-block; padding:6px;}

.btn_black01 { margin-top:5px; display: inline-block; background-color: inherit; color:#333; border:1px solid #333; float: right; font-size: 12px;}

.btn02.input { padding:9px 8px}

.btn_moretab { display:inline-block; padding:15px 20px; vertical-align:middle; font-weight:bold; box-sizing: border-box; text-align: center; color: #575757; border: 1px solid #575757; background-color:#ffffff; width:80%; cursor: pointer;}
/* 확인 */
.btn_org01 { cursor:pointer;display:inline-block; padding:15px 20px; vertical-align:middle; font-weight:bold; box-sizing: border-box; text-align: center; background-color: #ee9628; color:#fff; font-size: 15px;}

@media screen and (max-width:640px){
	.btn02 { font-size: 14px;; }
	
/* 	.btn_black01 { border:1px solid #222; color:#333; margin:-8px 0 0 3px; float: right;} */
	
}
 
 .abs { position: absolute;}
 
.btn05 { /* 버튼그룹으로 이용 ex )<div class="b_gray05 btn05> <a>버튼1</a> <a>버튼2</a> </div> */
/* 	font-size: 12px; */
	padding-top: 6px;
	text-align: center;
	color: #8e8e8e;
	border-top: 1px solid #e4e4e5;
}

.btn05 a, .btn05 input {

	display:inline-block;
	padding:10px 0;
	letter-spacing:-1px;
	background:#f8f8f8;
/* 	background:-webkit-gradient(linear, left top, left bottom,from(#fff),to(#eaeaea)); */
	border:1px solid #dcdee0;
	border-radius : 3px;
	color:#555555;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

.btn06_listspec { font-size: 10px !important; text-align: center; width:25px; display: inline-block; }/* new, hot, 추천*/

.radius2 { border-radius: 2px  !important;}
.radius3 { border-radius: 3px  !important;}
.radius5 { border-radius: 5px  !important;}
.radius15 { border-radius: 15px  !important;}
.radius50 { border-radius: 50px !important;}
.radius50p { border-radius: 50% !important;}

.bg_gray01 { background-color: #f3f3f3 !important;}

.b_white01 {color:#ffffff; border:1px solid #fff;}


.b_gray01[type=submit] {border:none; height:20px;}
.b_gray01[type=button] {border:none; height:20px;}

.b_gray01 {background-color:#575757; color:#ffffff !important; border:1px solid #575757;}
.b_gray02 { color: #575757; border: 1px solid #575757; background-color:#ffffff;  }
.b_gray03	{color:#ffffff; border: 1px solid #AEAEAE; background-color: #AEAEAE;} 
.b_gray04 { color:#6D6D6D; border:1px solid #DBDBDB; background-color:#FBFBFB; }
.b_gray05 { color: #8e8e8e; border-top: 1px solid #e4e4e5; }
.b_gray07 	{color:#6D6D6D; border: 1px solid #DADADA; background-color: #F9F9F9;} 
.b_gray08 	{color:#9D9D9D; border: 1px solid #CBCBCB; background-color: #EFEFEF;}


.b_org01 {color:#242424; border:1px solid #f8b62c; background-color: #f8b62c;}
.b_org02 {color:#242424; border:1px solid #FFD133; background-color: #FFD133;}
.b_org03 {color:#ffffff; border:1px solid #D5700C; background-color: #F29538;}
.b_org04 {color:#FFFFFF; border:1px solid #FE7D00; background-color: #FB9B0F;}
.b_org05 {color:#ffffff; border:1px solid #fd6e2e; background-color:#fd6e2e;}
.b_org06 {color:#fd6e2e; border:1px solid #fd6e2e; background-color:#ffffff;}

.b_org08 {color:#FFFFFF; border:1px solid #FFD955; background-color: #FFD955;}
.b_org09 {color:#FF5400; border:1px solid #FF5400; background-color: #ffffff;}	
.b_org10 {color:#FFFFFF; border:1px solid #f4a100; background-color: #fda803;}
.b_org11 {color:#FFFFFF; border:1px solid #EE9628; background-color: #EE9628;} /* 리뉴얼모바일색*/
.b_org12 {color:#EE9628; border:1px solid #EE9628; background-color: #ffffff;}


.b_red01 {color:#FFFFFF; border:1px solid #BC0F0F; background-color: #DF4D4D;}	/* hot */
.b_red02 {color:#e62300; border:1px solid #e62300; background-color: #fff;}	/* hot */
.b_red03 {color:#ffffff; border:1px solid #e62300; background-color: #e62300;}	/* hot */
.b_red04 {color:#ffffff; border:1px solid #FF5547; background-color: #FF5547;}	/* hot */



.b_black01 	{color:#ffffff; border:1px solid #000000; background-color: #000000;}
.b_black02 	{color:#222222; border:1px solid #222222; background-color: #ffffff;}


.b_blue01 	{color:#02baf2; border:1px solid #02baf2; background-color: #fff;}
.b_blue02 	{color:#3C7ED5; border:1px solid #3C7ED5; background-color: #ffffff;}
.b_blue03 	{color:#ffffff; border:1px solid #114382; background-color: #457DC2;}
.b_blue04 	{color:#ffffff; border:1px solid #1A4276; background-color: #139EE2;}
.b_blue05 	{color: #ffffff; border:1px solid #22376B; background-color: #22376B;  }
.b_blue06	{color: #22376B; border:1px solid #22376B; background-color: #ffffff;  }
.b_blue07	{color: #ffffff; border:1px solid #8FD6FF; background-color: #8FD6FF;  }
.b_blue08	{color: #ffffff; border:1px solid #0077f0; background-color: #EAF4FF;  }
.b_blue09	{color: #0077f0; border:1px solid #0077f0; background-color: #fff;  }
.b_blue10	{color: #ffffff; border:1px solid #0077f0; background-color: #0077f0;  }
.b_blue11	{color: #277be1; border:1px solid #277be1; background-color: #ffffff;  }
.b_blue12	{color: #ffffff; border:1px solid #277be1; background-color: #3888ea;   }

                                                                                  
.b_pink01 	{color:#CC4D4D; border: 1px solid #CC4D4D; background-color: #fff7f7;} /* 진분홍 자격증 */
.b_pink02  	{color:#ffffff; border: 1px solid #D64040; background-color: #E16363;} /* 학습 - 학습진행 */
                                                                                 
.b_sky01	{color:#3E78D4; border: 1px solid #3E78D4; background-color: #E7F1FF;} /* 직무연수 */
.b_sky02 	{color:#0095A7; border: 1px solid #0095A7; background-color: #E0FCFF;} /* 세미나연수 */
      
.b_purple01	{color:#9742D3; border: 1px solid #9742D3; background-color: #f5f5f5;} /* 무료연수 */
.b_purple02 {color:#5E63D2; border: 1px solid #5E63D2; background-color: #EBECFF;} /* 전문가연수 */
.b_purple03 {color:#FFFFFF; border: 1px solid #464881; background-color: #6C6DA3;}	/* 출석고사 */
.b_purple04  { color:#575995; background-color: #ffffff; border: 1px solid  #575995; width:43px; padding:5px 3px; margin-bottom:2px;}		/* 맛보기 */
                                                                                 
.b_green01 	{color:#1A880D; border: 1px solid #1A880D; background-color: #E7FFE4;} /* 청소년상담사 */
.b_green02 	{color:#FFFFFF; border: 1px solid #3C8218; background-color: #5EAA37;} /* 서류제출 및 자격연수 신청 */
.b_green03 	{color:#2B6D79; border: 1px solid #81B3B9; background-color: #F3F3F3;} /* 학습하기 */
.b_green04  {color:#ffffff; border: 1px solid #209FA7; background-color: #40ACB2;} /* 이수중 */
.b_green05  {color:#ffffff; border: 1px solid #ABCF36; background-color: #ABCF36;} 
.b_green06  {color:#ffffff; border: 1px solid #71A83F; background-color: #8FC433;} 
.b_green07  {color:#71A83F; border: 1px solid #71A83F; background-color: #ffffff;} 
.b_green08	{color:#FFFFFF; border:1px solid #3D9E00; background-color: #70BD40;}	/* 추천 */
.b_green09 {color:#A1D10C; border:1px solid #A1D10C; background-color: #ffffff;}	/* new */

.b_brown01  { color:#ffffff; background-color: #94774C; border: 1px solid  #7E5E2D;  }	/* 미이수 */

.tline { border-top:1px solid #ddd;}
.tline_none, .tline_none th, .tline_none td { border-top:none !important;}
.bline_none, .bline_none th, .bline_none td { border-bottom:none !important;}
.bline_666 { border-bottom:1px solid #666 !important;}
.bline_e4 {border-bottom:1px solid  #e4e4e4 !important;}

.org01 { color:#ee9628 !important; }
.org02 { color:#feac02;}

.gray01 { color:#aaa !important; }
.t_gray01{ color:#aaa !important; }
.t_gray02{ color:#333 !important; }

.readonly { background: #f7f7f7;}


.box { box-sizing: border-box; }

.txt_org { font-size: 11pt; font-weight:700; color:#FF7F27;}
.zindex9 { z-index:9 !important; }
.zindex99 { z-index:99 !important; }
/* dialog */

.dim, .dialog_wrapper, .dialog_wrapper > div, .dialog { display:none;}
@media screen and (max-width:640px){
	.dim, .dim_left, .dim_share {
		display:none;
	    height:100%;
	    width:100%;
	    position:fixed;
	    left:0;
	    top:0;
	    z-index:9 !important;
	    background-color:black;
	    filter: alpha(opacity=50); /* internet explorer */
	    -khtml-opacity: 0.4;      /* khtml, old safari */
	      -moz-opacity: 0.4;      /* mozilla, netscape */
	           opacity: 0.4;      /* fx, safari, opera */
	}
	
	.dialog_wrapper {
	    width: 100%;
	    top: 0px;
	    left: 0px;
	    position: absolute;
	    z-index: 5;
	    display: block;
	}
	.dialog {
		display:none;
	    width: 250px;
	/*     height: 200px; */
	    margin: 80px auto 0 auto;
	    padding: 40px;
	    background-color: #fff;
	    border: 1px solid #ccc;
	    color: #333;
	    text-align: center;
	    line-height: 2.2;
	    font-size: 16px;
	}
	
	.dialog .icon_close_pop {position: absolute; top:96px; right:39px;}
	.dialog .tit { color:#ee9628;  font-weight: 700;}
	.dialog .btn { padding:10px 70px; border-radius: 10px; font-size: 16px; margin-top:15px;}
}

/* ------------------------------------------------------------- 
	 모듈 충돌해결 bootstrap
 ------------------------------------------------------------- */
dl { margin-bottom:0 !important;} 
.btn { font-size: 10px; cursor: pointer; }/* padding:6px !important; 목록버튼 깨짐 */
.bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size: 12px;}
textarea { box-sizing: border-box;}
@media screen and (max-width:640px){
	.bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size: 14px;}
}