@charset "utf-8";
/* 사이트맵 스타일 */
.sitemap_box01 {float:left; width:172px; padding-right:13px;}
.sitemap_box02 {float:left; width:172px; padding-right:0;}
.sitemap {float:left; width:100%; margin:0 0 30px 0;}
.sitemap p { background-color:#f5f5f5; border-top:#c1c1c1 solid 2px; font:bold 15px "맑은 고딕";  border-bottom:#dddddd solid 1px;  height:25px; padding:8px 0px 5px 10px; color:#292929; text-align:left;}
.sitemap ul {list-style:none; float:left; padding: 0px 0px 1px 0px; margin:0;}
.sitemap li {list-style:none; width:147px; font:1em '맑은 고딕','돋움','굴림'; padding: 5px 0px 5px 20px; color:#333333;  border-bottom:#cbcbcb dotted 1px; line-height:150%; background:url(../_img/button/title_icon_03.gif) 5px 10px; background-repeat:no-repeat; text-align:left;}
.sitemap li .site_tit {background-color:#f5f5f5; border-top:#c1c1c1 solid 1px; font-size:15px; border-bottom:#dddddd solid 1px;  height:20px; padding:10px 0px 3px 10px; color:#292929; text-align:left;}
.sitemap A:link {text-decoration:none; color:#333; background-color:transparent;}
.sitemap A:visited {text-decoration:none; color:#333;  background-color:transparent;}
.sitemap A:active {text-decoration:underline; color:#f3564a; background-color:transparent;}
.sitemap A:hover {text-decoration:underline; color:#f3564a; background-color:transparent;}

/*로그인박스센터정렬*/
.login_box{width:730px; margin:0 auto; text-align:center;}

/* 컨텐츠 공통 */
.box { float:left; width:100%; margin:0px; border: 1px solid #ccc; box-shadow: 1px 1px 2px #d7d7d7;}

/*텍스트컬러*/
.bold{font-weight:bold;}
.clr01{color:#2381cc;}
/*타이틀스타일-공통*/
.tit_st{float:left; width:700px; height:30px; color:#444;  margin:0 0 5px 0; font:bold 16px '맑은 고딕'; background:url(/_img/common/icon_t_03.gif) no-repeat 0 2px; padding:0px 0 0 27px;}
.tit_st span{ font:11px '돋움'; color:#6e6e6e; }
.tit_st em{color:red; font-style:normal;}
.tit_st .rgt{float:right; font:11px '돋움'; color:#6e6e6e;  padding:15px 0 0 0;}
.stxt01 {float:left; width:730px; text-align:right; font:12px '맑은 고딕';color:#2f2d2d; padding-bottom:5px;}
.stxt01 em {color:red; font:13px '굴림'; font-style:normal;}/*필수입력*/

/*후원 신청하기*/
/*.support_cont {float:left; width: 690px; padding: 20px;}*/
/*자원봉사및후원신청 스타일*/
.edit_type table {float:left; clear:both; width:100%; border-top:2px solid #818080; font-family:'맑은 고딕'; font-size:13px;}
.edit_type th {border-bottom:1px dotted #bfbfbf;background-color:#f6f6f6; font-weight:bold; padding:7px 5px 3px 15px; color:#333333; text-align:left; vertical-align:top;}
.edit_type td {border-bottom:1px dotted #bfbfbf; padding:10px 5px 7px 10px; text-align:left; color:#525252;line-height:180%; font-size:12px;}
.edit_type th.cttl {border-bottom:1px solid #bfbfbf;}
.edit_type td.cttl {border-bottom:1px solid #bfbfbf;}
.edit_type td.cttl02 {letter-spacing:1px;}
.edit_type em {color:red; font-style:normal;}/*필수입력*/

/*개인정보취급방침 동의 */
.agr_wrap{ text-align:center;}
.agr_content {width:708px; padding:10px 12px 10px 10px; margin:0 auto; text-align:left; background-color:#eeeeee; border:1px solid #e7e7e7;}
.agr_content2 {float:left; width:708px; padding:10px 12px 10px 10px; margin:0 auto; text-align:left; background-color:#eeeeee; border:1px solid #e7e7e7; border-top:#818080 solid 1px;}
.agreement legend{ display:block; padding:0 0 8px 1px; margin:0 0 0 -7px}
.agreement .field1{ margin:0 0 0px 0; color:#333;}
.agreement .field1 legend,
.agreement .field2 legend, 
.agreement .field3 legend{ display:block} 
.agreement .bx{
	background: #ffffff;
	position: relative;
	height: 150px;
	padding: 10px 15px 0 20px;
	margin: 0 0 8px 0;
	border: 1px solid #e5e5e5;
	overflow: auto;
	font-size:12px;
	font-family:'돋움';
}
.agreement .bx h3,
.agreement .bx h5{font-size:13px; font-family:'맑은 고딕'; font-weight:bold; height:25px;}
.agreement .bx h4{font-size:14px; font-family:'맑은 고딕'; font-weight:bold;}
.agreement .bx h3{height:31px;}
.agreement .bx h4,
.agreement .bx p,
.agreement .bx li{line-height:20px;list-style:none;}
.agreement .bx li.li_01{line-height:16px; padding-left:5px;list-style:none;}
.agreement .bx p,
.agreement .bx ol,
.agreement .bx ul{ margin:0 0 5px 0;}
.agreement .bx ul ul{margin-top:10px;}
.agreement .bx ul ul ul{margin-top:0;}
.agreement .check{ margin:0 0 0px 0; font:12px '맑은 고딕';}
.agreement .check input{ margin:-4px; vertical-align:middle;}
*:first-child+html #agreement .check input{ margin:-4px;}
.agreement .check label{ position:relative; top:1px; padding:0 0 0 3px;}
.agreement .check_all{margin-bottom:-8px;padding:40px 0 20px;border-bottom:1px solid #e5e5e5;font-weight:bold;color:#000}
.agreement textarea {width:97%; height:100px; padding:10px; color:#333; border:1px solid #ccc; font-size:12px;}
.agreement .textarea01 {width:97%; height:400px; padding:10px; color:#333; border:1px solid #ccc; font-size:12px;}
.stit {font-size:13px; font-weight:bold; padding-bottom:12px;}
.btw{padding:5px;text-align:center; background-color:#eeeeee; border-bottom:dashed 0px #cfcfcf;}
.agreement .bx01{ background:#ffffff;position:relative; height:400px; padding:20px 18px 0 20px; margin:0 0 8px 0; border:1px solid #e5e5e5; overflow:auto;}

/*버튼 위치*/
.but_c {float:left; width:100%; text-align:center;}

/* 버튼스타일 */
.btn_st {
	display: inline-block;
	margin: 2px 2px;
	border-radius:3px;
	box-sizing: content-box;
	background: transparent;
	outline: 0;
	vertical-align: middle;
	font-family: inherit;
	font-size: 13px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	font-family:'Nanum Gothic','맑은 고딕','굴림', '돋음','Tahoma', 'Sans-serif';
}
.btn_st.white{
	color: #333;
	height:22px;
	padding:2px 13px 3px 13px;
	border: 1px solid #adadad;
	border-bottom-color: #9a9a9a;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); 
}
.btn_st.white:hover {/* 마우스오버 */
	color:#F30;
	background: #f4f4f4;
}
.btn_st.bule{
	color: #333;
	height:22px;
	padding:2px 13px 3px 13px;
	border: 1px solid #588def;
	border-bottom-color: #588def;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.04);
	background: #fff;
	background: linear-gradient(to bottom, #ffffff 40%, #eeeeee 100%); 
}
.btn_st.bule:hover {/* 마우스오버 */
	color:#fff;
	background: #588def;
}
.btn_mint_log {
    width:90px;
    height:83px;
	color: #fff;
	font-size:1.2rem;
	background: #fb7742;
	cursor: pointer;
	text-align: left;
	padding-left: 23px;
	border: none;
	border-radius: 5px;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
}
.btn_mint_log:hover {/* 마우스오버 */
	background: #f27340;
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
}

/* 도구 */
.float_L { float: left;}
.float_R { float: right;}
.float_N { float: none;}

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }
.justify { text-align: justify; }
.bold { font-weight: bold; }
.clear { clear: both; }
.pointer { cursor: pointer; }

.col_gbk { color: #444444; }
.col_blue { color: #408ec0; }
.col_oran { color: #fb7742; } 
.col_yel { color: #fcb711; } 
.col_lightmint { color: #a1d6dd; } 
.col_mint { color: #4ebcca; } 
.col_dipmint { color: #47abb8; } 

/* 컨텐츠 공통 */
.title_oren { background:url(/_img/common/subIcon01.gif) left center no-repeat; padding: 13px 0px 0px 15px; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #444; }
.title_mint { background:url(/_img/common/subIcon02.gif) left center no-repeat; padding: 13px 0px 0px 15px; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #444; }
.content_part { width: 100%; height: auto; margin: 0 0 0 25px; padding: 0; color: #444; font-size: 14px; line-height: 180%; font-family: '맑은 고딕'; text-align: justify; word-break: keep-all; }
.content_part .title_oren { background:url(/_img/common/subIcon01.gif) left center no-repeat; padding: 13px 0px 0px 15px; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #444; }
.content_part .title_mint { background:url(/_img/common/subIcon02.gif) left center no-repeat; padding: 13px 0px 0px 15px; font-size: 20px; font-weight: bold; margin-bottom: 10px; color: #444; }
.content_part .slash { width: 100%; height:31px; background:url(/_img/common/slashIcon.gif) center no-repeat; margin: 40px auto; }
.content_part .box { background-color: #fff; width: 100%; padding: 0; margin: 0px auto; border: 1px solid #ccc; box-shadow: none; }
.content_part .line_gray { width: 100%; padding: 0px; margin: 10px 0px; border-bottom: 1px dotted #aaa; clear: both; }

/*  서브01/02_인사말 */
.gree_cont { width: 730px; height:905px; background:url(/_img/sub01/greeImg01.jpg) right top no-repeat; }
.gree_cont > .text { text-align: left; width: 500px; padding-top: 50px;font-size: 15px; line-height: 200%;}
.gree_cont > .sign_text { text-align: left; margin-top: 50px; margin-bottom: 5px; font-size: 14px;  color: #666;}
.gree_cont > .sign { width:730px; text-align: left; background:url(/_img/sub01/greeImg02.png) 60px 0px no-repeat; margin: 0px auto; font-size: 14px; color: #666;}

/*  서브01_법인소개 */
.intr_cont>.box2 {background-color: #fff; width: 100%; border: 1px solid #ccc; box-shadow: none; width:700px;  padding: 15px; margin: 15px auto; text-align: left;}
/* .intr_cont>.box_dual {width:730px; height:300px;  background:url(/_img/sub01/introImg01.gif) center no-repeat; }
.intr_cont>.box_dual>.box1 { padding: 15px; margin: 5px 0 5px 220px;text-align: left; font-weight: normal; font-size: 15px; background-color: none;border: none; box-shadow: none; }
.intr_cont>.box_dual>.box1 span { padding-bottom: 5px; border-bottom: 1px solid #f1bb16; font-weight: bold; } */
.intr_cont .box_ul { float:left; background-color: #fff; width: 95%;padding: 10px 15px; margin-bottom: 30px; box-shadow: none; text-align: left; font-size: 15px; list-style-position: outside;}
.intr_cont .box_ul .li1 { float:left; margin-left:20px; color: #4ebcca; text-align: left; width: 130px; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 8px; padding: 0; word-break: break-all;}
.intr_cont .box_ul .li1 span { color: #444; font-weight: bold;}
.intr_cont .box_ul .li2 {font-size:14px; color: #444; text-align: left; list-style-type:none; list-style-position: outside; line-height: 180%; margin-bottom: 10px; padding: 0; word-break: break-all; }

/*  서브01_조직도 */
.org_cont > .bg1 { background: url(/_img/sub01/orgImg01.gif) center no-repeat; width: 100%; height:325px; margin: 10px auto; }
.org_cont .table_basic { border-bottom:1px solid #dadada; table-layout:fixed; padding:5px; font-size:13px; width: 100%; min-width:600px; margin-top: 15px; }
.org_cont .table_basic th { padding:10px 0px; border:1px solid #dadada; background:#47abb8; color:#fff; font-weight:bold; text-align:center; vertical-align:middle; line-height: 120%;}
.org_cont .table_basic td { padding:10px 0px; border-bottom:1px dotted #bbbbbb; border-right:1px solid #dadada; border-left:1px solid #dadada; font-size:14px; background:#fff; color:#555; text-align:center; vertical-align:middle; }
.table_basic td.td_left{text-align:left; padding-left:20px}

/*  서브02_조직도2 */
.org2_cont > .bg1 { background: url(/_img/sub02/orgImg02.gif) center no-repeat; width: 100%; height:225px; margin: 10px auto; }
.org2_cont .table_basic { border-bottom:1px solid #dadada; table-layout:fixed; padding:5px; font-size:13px; width: 100%; min-width:600px; margin-top: 15px;}
.org2_cont .table_basic th { padding:10px 0px; border:1px solid #dadada; background:#47abb8; color:#fff; font-weight:bold; text-align:center; vertical-align:middle; line-height: 120%;}
.org2_cont .table_basic td { font-weight:bold; padding:10px 0px; border-bottom:1px dotted #bbbbbb; border-right:1px solid #dadada; border-left:1px solid #dadada; font-size:14px; background:#fff; color:#555; text-align:center; vertical-align:middle;}

/*  서브01_CI 소개 */
.ci_cont { margin-top: 30px;}
.ci_cont > img { float: left; }
.ci_cont > ul { float: left;  width: 380px; margin-left: 40px;}
.ci_cont > ul > li {color: #4ebcca; float:left; text-align: left; width:100%; list-style-type:disc; list-style-position: outside; line-height: 160%; word-break: keep-all; margin-top: 15px; }
.ci_cont > ul > li span { color: #444;}

/* 서브01_오시는길 */
.location_cont .box_ul {  float:left; background-color: #fff; width: 95%; padding: 20px 15px; margin: 0px; box-shadow: none; text-align: left; font-size: 15px; list-style-position: outside;}
.location_cont .box_ul .li1 { float:left; margin-left:20px; color: #4ebcca; text-align: left; width: 130px; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 8px; padding: 0; word-break: break-all;}
.location_cont .box_ul .li1 span { color: #444; font-weight: bold;}
.location_cont .box_ul .li2 {font-size:14px; color: #444; text-align: left; list-style-type:none; list-style-position: outside; line-height: 180%; margin-bottom: 10px; padding: 0; word-break: break-all;}
.location_cont .box_ul .li3 {font-size:14px; color: #444; text-align: left; list-style-type:none; list-style-position: outside; line-height: 180%; margin-bottom: 0px; padding: 0; word-break: break-all; margin-left: 150px;}

/* 서브01_연혁 */
.history_cont { background:url(/_img/sub01/hisImg01.jpg) left top no-repeat; height: auto; min-height:420px;}
.history_cont .history { line-height:1.6; margin-left: 300px;}
.history_cont .history > li {position:relative;padding-left:80px;overflow:hidden; margin: 10px 0;}
.history_cont .history .year {display:block;position:absolute;left:0;top:0; width:80px;padding-top:5px;border-top:1px solid #47abb8;color:#47abb8; font-size:25px; }
.history_cont .history .details { padding:0 0 9px 0px; font-size:14px; border-top:1px solid #d9d9d9; width: 400px;}
.history_cont .history .details > li {position:relative; padding:0px 0 0px 60px;overflow:hidden; width: 290px;}
.history_cont .history .details > li .month { display:block;position:absolute;left:0;top:0; width:60px;color:#555555;text-align:left; font-size:15px; padding-top:10px; }
.history_cont .history .details > li ul li { margin-top:0px; width: 100%; text-align:left; word-break: keep-all; padding-bottom:10px; padding-top:10px; border-bottom:1px dotted #ccc;}

/* 서브02_연혁 */
.history_cont2 { background:url(/_img/sub02/hisImg02.jpg) left top no-repeat; height: auto; min-height:420px;}
.history_cont2 .history { line-height:1.6; margin-left: 300px;}
.history_cont2 .history > li {position:relative;padding-left:80px;overflow:hidden; margin: 10px 0;}
.history_cont2 .history .year {display:block;position:absolute;left:0;top:0; width:80px;padding-top:5px;border-top:1px solid #47abb8;color:#47abb8; font-size:25px; }
.history_cont2 .history .details { padding:0 0 9px 0px; font-size:14px; border-top:1px solid #d9d9d9; width: 400px;}
.history_cont2 .history .details > li {position:relative; padding:0px 0 0px 60px;overflow:hidden; width: 290px;}
.history_cont2 .history .details > li .month {display:block;position:absolute;left:0;top:0; width:60px;color:#555555;text-align:left; font-size:15px; padding-top:10px; }
.history_cont2 .history .details > li ul li {margin-top:0px; width: 100%; text-align:left; word-break: keep-all; padding-bottom:10px; padding-top:10px; border-bottom:1px dotted #ccc;}

/* 서브02_시설소개 */
.intro2_cont { /* background: url(/_img/sub02/introImg01.jpg) center bottom no-repeat; height: 1560px; */}
.intro2_cont .box { width:700px;  padding: 15px; margin: 5px 0 15px 0; text-align: left; background: url(/_img/common/logo.gif) 97% center no-repeat;}
.intro2_cont .box .text { width:450px;}
.intro2_cont .box2 {background-color: #fff; width: 100%; border: 1px solid #ccc; box-shadow: none; width:700px;  padding: 15px; margin: 15px auto; text-align: left;}
.intro2_cont .photo img{float: left; text-align:center; margin: 6px;}
.intro2_cont .box_ul { float:left; background-color: #fff; width: 95%;padding: 0px 15px; margin: 0px; box-shadow: none; text-align: left; font-size: 15px; list-style-position: outside;}
.intro2_cont .box_ul .li1 { float:left; margin-left:20px; color: #4ebcca; text-align: left; width: 130px; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 8px; padding: 0; word-break: break-all;}
.intro2_cont .box_ul .li1 span { color: #444; font-weight: bold;}
.intro2_cont .box_ul .li2 {font-size:14px; color: #444; text-align: left; list-style-type:none; list-style-position: outside; line-height: 180%; margin-bottom: 10px; padding: 0; word-break: break-all; }
.intro2_cont .box_ul .li2 span {padding-left:10px;}

.intro2_cont .box_ul .li1-1 { float:left; margin-left:20px; color: #4ebcca; text-align: left; width:100%; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 0px; padding: 0; word-break: break-all;}
.intro2_cont .box_ul .li1-1 span { color: #444; font-weight: bold;}
.intro2_cont .box_ul .li2-1 {font-size:14px; color: #444; margin-left:20px; text-align: left; list-style-type:none; list-style-position: outside; line-height: 180%; margin-bottom: 10px; padding: 0; word-break: break-all;}
.intro2_cont .box_ul .li2-1 span {padding-left:10px;}

.intro2_cont .box_ul:before,.intro2_cont .box_ul:after{
    content:'';
    display:table;
    clear:both;
}


/* 서브02_직업훈련 */
.train_cont .box { width:700px;  padding: 15px; margin: 10px auto; text-align: left;}
.train_cont .box2 { padding: 10px; margin: 10px auto;}
.train_cont .bg1 { background: url(/_img/sub02/trainImg01.gif) center no-repeat; margin: 30px auto; width: 100%; height: 117px;}
.train_cont .box_ul { float:left; background-color: #fff; width: 500px; padding: 0px 15px 0px 30px; box-shadow: none; text-align: left; font-size: 14px; list-style-position: outside;}
.train_cont .box_ul li { float:left;color: #4ebcca; text-align: left;  width: 100%; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 5px; padding: 0; word-break: break-all;}
.train_cont .box_ul li span { color: #444;}
.train_cont .list_none{ list-style-type: none;}
.train_cont .box_ul li:last-child { margin-bottom: 10px;}
.train_cont .box_ul3 { float:left; background-color: #fff; width: 500px; padding: 0px 15px 0px 30px; box-shadow: none; text-align: left; font-size: 14px; list-style-position: outside;}
.train_cont .box_ul3 li { float:left;color: #4ebcca; text-align: left; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 5px; padding: 0; word-break: break-all;}
.train_cont .box_ul3 li span { color: #444;}
.train_cont .box_ul3 li:last-child { margin-bottom: 0px;}
.train_cont .box_ul2 {float:left; margin-top: 10px; text-align: center; font-size: 15px; list-style-position: outside;}
.train_cont .box_ul2 .li1 { font-size: 14px; float:left; background-color: #fff; width: 300px; padding: 24px; box-shadow: 0px 0px 20px #ccc; border: 1px solid #ccc;  border-bottom: 7px solid #4ebcca;}
.train_cont .box_ul2 .li1 .title { font-size: 15px; color:#32aab9; font-weight:bold; margin-bottom: 10px;}
.train_cont .box_ul2 .li2 { font-size: 14px; float:left; background-color: #fff; width: 300px; padding: 36px 24px; box-shadow: 0px 0px 20px #ccc; border: 1px solid #ccc;  border-bottom: 7px solid #ee7950;}
.train_cont .box_ul2 .li2 .title { font-size: 15px; color:#ee7950; font-weight:bold; margin-bottom: 10px; }
.train_cont .box_ul2 .li3 { font-size: 14px; float:left; background-color: #fff; width: 300px; padding: 36px 24px; box-shadow: 0px 0px 20px #ccc; border: 1px solid #ccc;  border-bottom: 7px solid #4ebcca;}
.train_cont .box_ul2 .li3 .title { font-size: 15px; color:#32aab9; font-weight:bold; margin-bottom: 10px; }
.train_cont .title1 {float:left;width:80px; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#4ebcca; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px;}
.train_cont .title2 {float:left;width:80px; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#fb7742; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px; }
.train_cont .title3 {float:left;width:80px; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#fcb711; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px; }

/* 서브02_재활프로그램 */
.pro_cont .bg1 { background: url(/_img/sub02/proImg01.gif) 150px center no-repeat; margin: 30px auto; width: 100%; height: 725px;}
.pro_cont .bg2 { background: url(/_img/sub02/proImg02.gif) center no-repeat; margin: 30px auto; width: 100%; height: 419px;}
.pro_cont .box_ul { float:left; background-color: #fff; width: 95%;padding: 10px 15px; margin: 0px; box-shadow: none; text-align: left; font-size: 15px; list-style-position: outside;}
.pro_cont .box_ul .li1 { float:left; margin-left:20px; color: #4ebcca; text-align: left; width: 180px; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 20px; padding: 0; word-break: break-all;}
.pro_cont .box_ul .li1 span { color: #444; font-weight: bold;}
.pro_cont .box_ul .li2 { border-bottom: 1px dotted #aaa; font-size:14px; color: #444; text-align: left; list-style-type:none; list-style-position: outside; line-height: 180%; margin-bottom: 22px; padding-bottom: 20px; word-break: break-all;}

/* 서브02_우선구매제도 */
.pps_cont .bg1 { background: url(/_img/sub02/ppsImg01.gif) center no-repeat; margin: 35px auto; width: 100%; height: 222px;}
.pps_cont .bg2 {float:left; background: url(/_img/sub02/ppsImg02.png) center no-repeat; margin: 15px 20px 10px 0; width: 332px; height: 152px;}
.pps_cont .bg2_ul {float:left; margin: 15px 0 10px 20px; width: 332px; height: 152px; }
.pps_cont .bg2_ul li span{background-color: #4ebcca; padding-bottom: 3px; font-weight: bold; color: #ffffff;}
.pps_cont .mark_cont .title { font-weight: bold; font-size: 16px; margin-bottom: 10px; margin-top: 10px;}
.pps_cont .mark_cont .bg_dual { float:left; width: 365px; text-align: left;}
.pps_cont .bg3 {float:left; background: url(/_img/sub02/ppsImg03.png) center no-repeat; margin: 0px 20px 0 0; width: 332px; height: 152px;}
.pps_cont .bg4 {float:left; background: url(/_img/sub02/ppsImg04.png) center no-repeat; margin: 0px 0 0 0px; width: 342px; height: 152px;}
.pps_cont .box { width:700px;  padding: 15px; margin: 10px auto; text-align: left;}
.pps_cont .box_ul { float:left; background-color: #fff; width: 95%; padding: 0px 15px 0px 30px; box-shadow: none; text-align: left; font-size: 14px; list-style-position: outside;}
.pps_cont .box_ul li { float:left;color: #4ebcca; text-align: left; width: 100%; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 5px; padding: 0; word-break: break-all;}
.pps_cont .box_ul li span { color: #444;}
.pps_cont .box_ul li:last-child { margin-bottom: 10px;}
.pps_cont .box_ul2 { float:left; background-color: #fff; width: 510px; padding: 0px 15px 0px 10px; box-shadow: none; text-align: left; font-size: 14px; list-style-position: outside;}
.pps_cont .box_ul2 li { float:left;color: #4ebcca; text-align: left; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 5px;padding-top:5px; word-break: break-all;}
.pps_cont .box_ul2 li span { color: #444;}
.pps_cont .box_ul2 li:last-child { margin-bottom: 10px;}
.pps_cont .box_ul2 li ul { float:left; background-color: #fff; width: 510px; padding: 0px; box-shadow: none; text-align: left; font-size: 12px; list-style-position: outside;}
.pps_cont .box_ul2 li ul li { float:left;color: #888; text-align: left; list-style-type:none; list-style-position: outside; line-height: 100%; word-break: break-all;}
.pps_cont .box_ul3 { float:left; background-color: #fff; width: 510px; padding: 0px 15px 0px 10px; box-shadow: none; text-align: left; font-size: 14px; list-style-position: outside;}
.pps_cont .box_ul3 li { float:left;color: #4ebcca; text-align: left; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 5px; padding: 0; word-break: break-all;}
.pps_cont .box_ul3 li span { color: #444;}
.pps_cont .box_ul3 li:last-child { margin-bottom: 0px;}
.pps_cont .box2 { padding: 10px; margin: 10px auto;}
.pps_cont .title1 {width:105px; float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#4ebcca; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px; text-align: center; }
.pps_cont .title2 {width:105px;float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#fb7742; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px;  text-align: center;}
.pps_cont .title3 {width:105px;float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#fcb711; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px;  text-align: center;}
.pps_cont .line_gray2 {float:left; width: 100%; padding: 0px; margin: 10px 0px; border-bottom: 1px dotted #aaa; clear: both; }
.pps_cont .step_cont { margin: 0px auto; text-align: center;}
.pps_cont .step_cont ul {float:left; width: 223px; margin: 0px 10px; }
.pps_cont .step_cont ul li { text-align: left; line-height: 180%; list-style-position: outside; font-size: 13px; margin-top:15px;}
.pps_cont .step_cont ul .title { text-align: center; font-weight: bold; font-size: 14px;  list-style-type: none; border-top: 1px solid #444444; border-bottom: 1px solid #e6e6e6; padding: 10px 0px;}

/* 서브03_후원안내 */
.sup_cont1 .box_ul2 { float:left; background-color: #fff; width: 510px; padding: 0px 15px 0px 10px; box-shadow: none; text-align: left; font-size: 14px; list-style-position: outside;}
.sup_cont1 .box_ul2 li { float:left;color: #4ebcca; text-align:  left; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 5px;padding-top:5px; word-break: break-all;}
.sup_cont1 .box_ul2 li span { color: #444;}
.sup_cont1 .box_ul2 li:last-child { margin-bottom: 10px;}
.sup_cont1 .box_ul2 li ul { float:left; background-color: #fff; width: 510px; padding: 0px; box-shadow: none; text-align: left; font-size: 12px; list-style-position: outside;}
.sup_cont1 .box_ul2 li ul li { float:left;color: #888; text-align: left; list-style-type:none; list-style-position: outside; line-height: 100%; word-break: break-all;}
.sup_cont1 .box2 {float:left; padding: 10px; margin: 10px auto;}
.sup_cont1 .title1 {width:105px; float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#4ebcca; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px; text-align: center;}
.sup_cont1 .title2 {width:105px;float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#fb7742; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px;  text-align: center;}
.sup_cont1 .title3 {width:105px;float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#fcb711; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px;  text-align: center;}
.sup_cont1 .line_gray2 {float:left; width: 100%; padding: 0px; margin: 10px 0px; border-bottom: 1px dotted #aaa; clear: both; }

/* 서브03_자원봉사안내/사회복지사실습안내/장애학생직업훈련 */
.sup_cont2 .bg1 {background: url(/_img/sub03/supImg0101.gif) center no-repeat; margin: 20px auto; width: 100%; height: 80px;}
.sup_cont2 .bg2 {background: url(/_img/sub03/supImg0401.gif) center no-repeat; margin: 20px auto; width: 100%; height: 80px;}
.sup_cont2 .box_ul2 { float:left; background-color: #fff; width: 510px; padding: 0px 15px 0px 10px; box-shadow: none; text-align: left; font-size: 14px; list-style-position: outside; }
.sup_cont2 .box_ul2 li { float:left;color: #4ebcca; text-align: left; width:100%; list-style-type:disc; list-style-position: outside; line-height: 180%; margin-bottom: 5px;padding-top:5px; word-break: break-all;}
.sup_cont2 .box_ul2 li span { color: #444;}
.sup_cont2 .box_ul2 li:last-child { margin-bottom: 10px;}
.sup_cont2 .box_ul2 li ul { float:left; background-color: #fff; width: 510px; padding: 0px; box-shadow: none; text-align: left; font-size: 12px; list-style-position: outside;}
.sup_cont2 .box_ul2 li ul li { float:left;color: #888; text-align: left; list-style-type:none; list-style-position: outside; line-height: 100%; word-break: break-all;}
.sup_cont2 .box2 {float:left; padding: 10px; margin: 10px auto;}
.sup_cont2 .title1 {width:105px; float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#eee; padding: 3px 15px 6px 15px; color: #444; margin-right: 30px; text-align: center;}
.sup_cont2 .title2 {width:105px;float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#d4eaed; padding: 3px 15px 6px 15px; color: #444; margin-right: 30px;  text-align: center;}
.sup_cont2 .title3 {width:105px; float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#4ebcca; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px; text-align: center; }
.sup_cont2 .title4 {width:105px;float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#fb7742; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px;  text-align: center;}
.sup_cont2 .title5 {width:105px;float:left; font-size: 15px; font-weight: bold; margin-left: 5px; margin-top:3px; border-radius: 20px; background-color:#fcb711; padding: 3px 15px 6px 15px; color: #fff; margin-right: 30px;  text-align: center;}
.sup_cont2 .line_gray2 {float:left; width: 100%; padding: 0px; margin: 10px 0px; border-bottom: 1px dotted #aaa; clear: both; }

/* 서브05_로그인 */
.log_cont { width: 730px; text-align: center; margin: 45px auto; }
.log_cont>.box { float:inherit; display:block; height:180px; width: 580px; border: 1px solid #ccc; background: url("/_img/common/logImg01.jpg") 20px bottom no-repeat; }
.log_cont>.box>.input_box { width: 300px; height: 85px; margin: 50px 10px 0 240px; }
.log_cont>.box>.input_box>.tinput { float:left; width:170px; height:35px; margin:0; padding:0 7px; border:1px solid #ccc; border-radius:3px; font-size: 1.2rem; color: #777; }
.log_cont>.box>.input_box>.binput { float:inherit; width: 90px; height: 85px; margin-left: 20px; }

/* 이메일무단 */
.mail_cont>.email_box { float:left; width:700px; border: 1px solid #ccc; box-shadow: 1px 1px 2px #d7d7d7; padding: 2%; text-align: left;}

/* 개인정보 */
.priv_cont .pv_box { float:left; width:700px; border: 1px solid #ccc; box-shadow: 1px 1px 2px #d7d7d7; padding: 2%; text-align: left; font-size: 13px;}
.priv_cont > ul { width:98%; list-style-position: outside; list-style-type:none; text-align: left;padding: 0px; margin:0px; font-size: 0.9rem; line-height: 180%; }
.priv_cont > ul li { width:99%;  list-style-position: outside; list-style-type:none;}
.priv_cont > ul li:last-child { margin-bottom:15px;}

.priv_cont .icon_title {clear:both; font-size:22px; font-weight: bold; margin: 40px 0 0 0; list-style-type:none; color: #222;}
.priv_cont .ul_square_bold {width:95%; list-style-type:none; font-weight: bold; font-size: 15px; line-height: 200%;  margin-left: 0px; margin-top: 5px;}

.priv_cont .ul_nomal { margin-left: 3px; }
.priv_cont .ul_nomal li {list-style-type:none; font-weight: normal; font-size: 14px; margin-bottom: 7px; line-height: 160%; color: #666;}
.priv_cont .ul_nomal li:last-child { margin-bottom:15px;}

.priv_cont .ul_nomal_rana { margin-left: 0px; }
.priv_cont .ul_nomal_rana li {list-style-type:none; font-weight: normal; font-size: 14px; margin-bottom: 0px; line-height: 160%; color: #666;}
.priv_cont .ul_nomal_rana li:last-child { margin-bottom:15px;}
.priv_cont .ul_nomal_rana .ul_num { list-style-image: none; list-style-type:decimal-leading-zero; font-size: 13px; line-height: 150%; color: #666; margin-top: 0px; margin-left: 45px;}
.priv_cont .ul_nomal_rana .ul_num li { line-height: 150%; }

.priv_cont .ul_nomal_num { margin-left: 20px;}
.priv_cont .ul_nomal_num li {list-style-type:decimal; font-weight: normal; font-size: 14px;line-height: 160%; color: #666; margin-top: 10px;}
.priv_cont .ul_nomal_num li:last-child { margin-bottom:15px;}

.priv_cont .ul_nomal_num .ul_num { list-style-image: none; list-style-type:decimal-leading-zero; font-size: 13px; line-height: 100%; color: #666; margin-top: 0px; margin-left: 26px;}
.priv_cont .ul_nomal_num .ul_num li { line-height: 150%; }

.priv_cont .ul_num { margin-top: 10px; margin-left: 37px;}
.priv_cont .ul_num li { list-style-image: none; list-style-type:decimal-leading-zero; font-size: 13px; line-height: 120%; color: #666; margin-top: 0px;}
.priv_cont .ul_num .none { list-style-image: none; list-style-type:none; font-size: 13px; line-height: 100%; color: #666; margin-top: 0px; margin-left: -26px; line-height: 160%;}
.priv_cont .ul_num .jum { list-style-image: url("/_img/common/jumIcon.gif"); font-size: 13px; line-height: 150%; color: #666; margin-top: 0px; margin-left: -14px;}
.priv_cont .ul_num li:last-child { margin-bottom:3px;}

.priv_cont .table_wrap { position:relative; width:100%; overflow:auto; }
.priv_cont .table_wrap > .table_basic { border-bottom:1px solid #dadada; table-layout:fixed; font-size:0.85rem; width: 100%; margin: 0px auto; overflow: auto; vertical-align:middle; line-height: 140%;}
.priv_cont .table_wrap > .table_basic th { word-break: keep-all; padding:2%; border:1px solid #dadada; background:#3b6a9c; color:#fff; font-weight:bold; text-align:center;}
.priv_cont .table_wrap > .table_basic td { padding: 2%; border-bottom:1px dotted #bbbbbb; font-size:0.80rem; border-right:1px solid #dadada; border-left:1px solid #dadada;border-top:1px solid #dadada; background:#fff; text-align:left; vertical-align:middle;}

.priv_cont .ul_head {padding: 5px 0px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.priv_cont .ul_head .icon_title{ text-align: center; font-size: 1.8rem; line-height: 130%;}
.priv_cont .ul_head li { text-align: left;}
.priv_cont .ul_head .ul_nomal li{  list-style-type:decimal; margin-left:27px;line-height: 130%;}

.priv_cont .ul_tail { border-top: 1px solid #ccc; margin-top: 30px;}
.priv_cont .ul_tail .icon_title{ text-align: center; font-size: 25px;}
.priv_cont .ul_tail li { text-align: left;}
.priv_cont .ul_tail .ul_nomal { padding-top: 15px;}

.kakao_map_wrap {box-sizing:border-box; padding:10px; border:1px solid #ccc; position:relative;}
.kakao_map {box-sizing:border-box; position:relative; border:1px solid #ddd;}