/*
#main-container{}
.main-content-box{width: 100%;margin: 0 auto;}
.main-content-wrap{background: #fbfbfb;}
#sub-container{width:100%; max-width:1200px; margin: 0 auto;padding:  50px 0;}
*/



/*pc mobile 다르게*/
#pcver{ width:100%;  margin:0 auto;  }
#mobilever{ width:100%;  margin:0 auto;  display:none;  }

@media all and (max-width:800px){  
#pcver{  display:none;  }
#mobilever { display:block;  }   
 }


/*COMMON 컨텐츠wrap*/
.con_wrap {*zoom:1; margin-bottom: 200px;}
.con_wrap:after{content:""; display:block; clear:both;}

/*조합소개 > 이사장인사말*/
	.introduce0101_tit {*zoom:1;}
    .introduce0101_tit :after{content:""; display:block; clear:both;}
	.introduce0101_tit {background-image:url("/images/new/introduce0101_bg.jpg"); background-repeat:no-repeat; background-position:right bottom; min-height: 350px; }
	.introduce0101_tit h2{font-size: 48px; color: #333; font-weight:300; text-align: center;}
	.introduce0101_tit h2 span{color: #c00;}
	.introduce0101_tit .name {width: 100%; padding: 130px 260px 30px 0px; }
	.introduce0101_tit .name p {text-align: right; font-size: 17px; font-weight: 300; color: #fff; padding-bottom: 5px;} 
	.introduce0101_tit .name strong {font-size: 30px; color: #fff; font-weight: 600;} 
	
	.introduce0101_con {*zoom:1;}
    .introduce0101_con :after{content:""; display:block; clear:both;}
	.introduce0101_con .left_tit {width: 25%; float:left; font-size:30px; color:#000; font-weight: 600; }
	.introduce0101_con .right_con {width: 75%; float:right;}
	.introduce0101_con .right_con p {font-size:20px; color:#333; padding-bottom: 50px; line-height: 160%; }
	
@media screen and (max-width: 1200px){
	.introduce0101_tit h2{letter-spacing: -1px; line-height: 130%;}
	}
	
@media screen and (max-width: 600px){
	.introduce0101_tit {background-image:url("/images/new/introduce0101_bgs.jpg"); min-height:150px; }
	.introduce0101_tit .name {width: 100%; padding: 60px 135px 15px 0px; }
	.introduce0101_tit h2{font-size: 38px; letter-spacing: -1px; line-height: 130%; text-align: left;}
	.introduce0101_tit .name p {font-size: 14px;} 
	.introduce0101_tit .name strong {font-size: 18px;} 
	.introduce0101_con .left_tit {width: 100%; float:none; font-size:24px; padding-bottom: 30px;}
	.introduce0101_con .right_con {width: 100%;  }
	.introduce0101_con .right_con p {float:none; font-size:16px; padding-bottom: 30px; }
	}


/*조합소개 > 조합소개*/
	.introduce0102_con {*zoom:1;}
    .introduce0102_con :after{content:""; display:block; clear:both;}
	
	.introduce0102_tit {}
	.introduce0102_tit h2 {width: 100%; font-weight: 600; font-size: 30px; color: #000; padding-bottom: 20px;}
	.introduce0102_tit .titicon {width: 33%; float: left; padding: 60px 10px; margin-right: 1px; background-color: #fafafa; text-align: center;}
	.introduce0102_tit .titicon img {align-content: center; margin-bottom:10px;}
	.introduce0102_tit .titicon h3 {font-weight: 600; font-size: 19px; color: #000; padding-bottom: 10px;}
	.introduce0102_tit .titicon p {font-weight: 400; font-size: 16px; color: #666; line-height: 140%; }
	.introduce0102_tit .titicon p strong {color: #fd4a43; }

	.introduce0102_con {width: 100%; border-bottom: 1px solid #f8f8f8;}
	.introduce0102_con .tit {width: 25%; float: left;}
	.introduce0102_con .tit h2{font-weight: 600; font-size: 30px; color: #000; padding: 70px 0px; }
	.introduce0102_con .con {width: 75%; float: right; font-size: 20px; color: #666; padding: 70px 0px; }
	.introduce0102_con .con table {width: 100%;}
	.introduce0102_con .con li {padding-bottom: 5px;}
	.introduce0102_con .con h3 {font-weight: 600; font-size: 20px; color: #000; }
    .introduce0102_con .con ul p {font-size: 16px; color: #cc3333; font-weight: 500; }
    .introduce0102_con .con ul li {font-size: 16px; color: #666; background-image:url("/images/new/graybox_icon.jpg"); background-repeat:no-repeat; background-position:0px 0px;  }
	
/*부서별업무소개*/ /*조합가입 안내*/
    .introduce0102_con .con h1 {font-size: 20px; color: #000; font-weight: 500; margin-bottom: 15px; }
    .introduce0102_con .con h1 strong{color: #cc3333; float: left;  display: inline; }
    .introduce0102_con .con span {font-size: 18px; color: #666; margin-bottom: 60px;}
	.introduce0102_con .con p {font-weight: 500; font-size: 20px; color: #000; line-height: 140%; }
	.introduce0102_con .con p strong {color: #c33; }
    .introduce0102_con .con .graybox {background-color: #f8f8f8; padding: 30px; margin-bottom: 45px;}  
	.introduce0102_con .con .graybox .box50p {width: 50%; float: left;}
    .introduce0102_con .con .graybox .box100p {width: 100%; float: none;}
    .introduce0102_con .con ul p {font-size: 18px; color: #cc3333; font-weight: 500; margin-bottom: 10px; }
    .introduce0102_con .con ul li {font-size: 16px; color: #666; background-image:url("/images/new/graybox_icon.png"); background-repeat:no-repeat; background-position:0px 5px;  padding-left: 10px; }
    .black_topline {border-top: 1px solid #000;}

    .introduce0102_con .icon_next {width: 100%; border: 1px solid #ddd; border-right: none; margin-top: 10px; margin-bottom: 50px;}
    .introduce0102_con .icon_next .box25p {width: 25%; float:left; border-right: 1px solid #ddd; text-align: center; padding: 50px 0px; }
	.introduce0102_con .icon_next .box25p h3{font-size: 14px; color: #c33; padding:10px 0px 5px; }
	.introduce0102_con .icon_next .box25p p{font-size: 18px; color: #666; }
    .introduce0102_con .linkbt{border: 1px solid #999; padding: 15px; font-size: 14px; color: #000; background-image:url("/images/new/down_bt_icon.jpg"); background-repeat:no-repeat; background-position:15px 15px;  padding-left: 40px; margin-right: 10px;  width: 40%; float: left;}


@media screen and (max-width: 1200px){		
	.introduce0102_con .tit {width: 100%; float:none;}
	.introduce0102_con .tit h2{font-size: 30px; padding: 30px 0px 10px; }
	.introduce0102_con .con {width: 100%; float:none; padding: 30px 0px;}
	}
	
@media screen and (max-width: 800px){
	.introduce0102_tit h2 {font-size: 24px; padding-bottom: 10px;}
	.introduce0102_tit .titicon {width: 100%; padding: 30px 10px;  margin-right: none; margin-bottom: 1px; float: none; }
	.introduce0102_tit .titicon h3 {font-size: 16px; padding-bottom: 5px;}
	.introduce0102_tit .titicon p {font-size: 16px; }
	
	.introduce0102_con .tit h2 {font-size: 24px; }
	.introduce0102_con .con {font-size: 16px; }
	.introduce0102_con .con table {width: 100%;}
	.introduce0102_con .con .graybox .box50p {width: 100%; padding-bottom: 10px; float: none;}
	
	.introduce0102_con .con h1 {font-size: 18px;}
    .introduce0102_con .con ul p {font-size: 16px; }
    .introduce0102_con .con ul li {font-size: 16px; }
	
	.introduce0102_con .icon_next {border-bottom: none;}
	.introduce0102_con .icon_next .box25p {width: 50%; float:left; border-bottom: 1px solid #ddd; }
	
	.introduce0102_con .linkbt{margin-bottom:5px;  width: 100%; float: none;}
	}


/*임원현황*/
     .introduce0104_con {*zoom:1;}
     .introduce0104_con :after{content:""; display:block; clear:both;}
     .introduce0104_con {width: 100%;  margin-bottom: 50px;}      
     .introduce0104_con .tit{width: 100%; font-size: 24px; font-weight: 600; padding-bottom: 10px; border-bottom: 1px solid #000;}

	 .introduce0104_con .people_wrap {width: 100%; margin: 30px 0px; border-bottom: 1px solid #ddd; }

     .introduce0104_con .peoplelist_r {width: 25%; float: left; text-align: center; padding: 40px 0px; border-right: 1px solid #fff; }	
     .introduce0104_con .peoplelist_r img {padding-bottom: 10px;}
	 .introduce0104_con .peoplelist_r p {font-size: 14px; color: #990000; font-weight: 400; }
	 .introduce0104_con .peoplelist_r h2 {font-size: 30px; color: #333; font-weight: 600; }
	 .introduce0104_con .peoplelist_r h3 {font-size: 16px; color: #333; font-weight: 500; padding-bottom:15px;}
	 .introduce0104_con .peoplelist_r span {font-size: 14px; color: #666;  min-height: 30px; vertical-align: text-top;}

	 .introduce0104_con .peoplelist {width: 25%; float: left; text-align: center; padding: 40px 0px; border-right: 1px solid #ddd;}
     .introduce0104_con .peoplelist img {padding-bottom: 10px;}
	 .introduce0104_con .peoplelist p {font-size: 14px; color: #990000; font-weight: 400; }
	 .introduce0104_con .peoplelist h2 {font-size: 30px; color: #333; font-weight: 600; }
	 .introduce0104_con .peoplelist h3 {font-size: 16px; color: #333; font-weight: 500; padding-bottom:15px;}
	 .introduce0104_con .peoplelist span {font-size: 14px; color: #666;}


@media screen and (max-width: 1000px){
	.introduce0104_con .people_wrap .peoplelist {width: 50%; border-bottom: 1px solid #ddd; border-right: none; }
	.introduce0104_con .people_wrap .peoplelist_r {width: 50%; border-bottom: 1px solid #ddd; border-right: none; }
}

@media screen and (max-width: 800px){
	.introduce0104_con .people_wrap .peoplelist {width: 100%; border-bottom: 1px solid #ddd; border-right: none; }
	.introduce0104_con .people_wrap .peoplelist_r {width: 100%; border-bottom: 1px solid #ddd; border-right: none; }
}


/*인사말*/
.greeting{width:100%;}
.greeting {background-image:url("/new_images/contents/greeting_img.jpg"); background-repeat:no-repeat; background-position:0px 0px; min-height: 674px; background-color: #f7f0e8;}
.greeting .box {padding: 70px 20px 20px 680px; width:100%; *zoom:1; }
.greeting .box:after{content:""; display:block; clear:both;}
.greeting .box h2 {font-size: 36px; line-height: 120%; color: #333; font-weight:300; margin-bottom: 40px;}
.greeting .box p {font-size: 18px; line-height: 160%; color: #666; padding-bottom: 30px; font-weight: 300; }
.greeting .box li {font-size: 18px; font-weight:600; line-height: 160%; color: #333; text-align: right; padding-top: 30px; }


@media screen and (max-width: 1200px){
.greeting {background-image:url("/new_images/contents/greeting_img_m.jpg"); }
.greeting .box {padding: 302px 20px 50px 20px;}
.greeting .box h2 {margin: 40px 0px; font-size: 30px; }
.greeting .box p {font-size: 16px; line-height: 140%; }
.greeting .box li {text-align: left; font-size: 16px; line-height: 140%; }
}



/*SISOFAIR 개최 폼*/
.sisofair_info{width:100%; *zoom:1; border: 1px solid #d8d8d8; background: url(/n_images/sisofairinfo_layouttbg.gif) right top no-repeat;}
.sisofair_info:after{content:""; display:block; clear:both;}
	
.infotitle{padding: 50px 20px; border-bottom: 1px solid #d8d8d8; text-align: center;}
.infotitle h2{color: #d33041;font-size: 26px;font-weight: 400;}
.infotitle h3{color: #828282; font-size: 18px; font-weight: 400;}

.sisofair_info .contents{width:100%; *zoom:1; }
.sisofair_info .contents:after{content:""; display:block; clear:both;}

/**/
.inforightbt{width:100%; *zoom:1; padding: 20px;}
.inforightbt:after{content:""; display:block; clear:both;}
.inforightbt div {width:200px; padding: 10px; float: right; font-size: 14px; padding-left: 50px; margin: 1px;
		          background: url(/n_images/sisofairinfo_btbg.gif) right top repeat;}
.inforightbt .bt_pdf {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/pdf.jpg) 15px 9px no-repeat;}
.inforightbt .bt_acrb {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/acrb.jpg) 15px 9px no-repeat;}
.inforightbt .bt_doc {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/doc.jpg) 15px 9px no-repeat;}
.inforightbt .bt_hwp {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/hwp.jpg)  15px 9px no-repeat;}
.inforightbt .bt_excel {background-color:#F1F1F1; border: 1px solid #d8d8d8; background: url(/n_images/excel.jpg)  15px 9px no-repeat;}

/**/
.inforightbt2{width:100%; *zoom:1; padding: 20px;}
.inforightbt2:after{content:""; display:block; clear:both;}
.inforightbt2 div {width:250px; padding: 15px; float: right; font-size: 14px; padding-left: 60px; margin: 1px; margin-left: 10px;
		          background: url(/n_images/sisofairinfo_btbg.gif) right top repeat;}
.inforightbt2 .bt_pdf {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/pdf.jpg) 25px 15px no-repeat;}
.inforightbt2 .bt_acrb {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/acrb.jpg) 25px 15px no-repeat;}
.inforightbt2 .bt_doc {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/doc.jpg) 25px 15px no-repeat;}
.inforightbt2 .bt_hwp {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/hwp.jpg)  25px 15px no-repeat;}
.inforightbt2 .bt_excel {background-color:#F1F1F1; border-radius: 30px; border: 1px solid #d8d8d8; background: url(/n_images/excel.jpg)  25px 15px no-repeat;}

@media screen and (max-width: 800px){
.inforightbt2 div {width:100%; margin:2px 10px; }
}



/*회사개요*/
.overview{width:100%; *zoom:1; }
.overview:after{content:""; display:block; clear:both;}

.overview {background-image:url("/new_images/contents/overview_img.jpg"); background-repeat:no-repeat; background-position:0px 0px; min-height: 520px; }
.overview .box_ov {padding: 20px 20px 20px 425px;}
.overview .box_ov th {font-size: 18px; line-height: 130%; color: #000; font-weight:500; margin-bottom:40px; width:20%; text-align: left; padding: 15px; vertical-align: text-top;}
.overview .box_ov td {font-size: 18px; line-height: 130%; color: #666; font-weight:300; margin-bottom:5px; width: 80%; text-align: left; padding: 15px; vertical-align: text-top; }
.overview .box_ov .point_blue {color: #024EFF;}
.overview .box_ov .point_red {color:#EB1216;}
.overview .box_ov .point_green {color:#319B12;}


@media screen and (max-width: 1050px){
.overview {background-image:url("/new_images/contents/overview_img_m.jpg"); background-repeat:no-repeat; background-position:0px 0px; min-height: 302px; background-color: #fff;}
.overview .box_ov {padding: 330px 0px 50px 0px;}
.overview .box_ov th {font-size: 16px;  }
.overview .box_ov td {font-size: 16px;}	
}



/*인증서*/
.patent{width:100%; *zoom:1; }
.patent:after{content:""; display:block; clear:both;}

.patent .box {border: 1px solid #cfcfcf; width: 15%; float: left; margin:9px;}
.patent .box img {width: 100%;}

@media screen and (max-width: 1200px){
.patent .box {width: 18%; margin:9px;}
}

@media screen and (max-width: 1100px){
.patent .box {width: 22%; margin:9px;}
}

@media screen and (max-width: 800px){
.patent .box {width: 30%; margin:9px;}
}

@media screen and (max-width: 650px){
.patent .box {width: 43%; margin:9px;}
}

/*연혁
.history{width:100%; *zoom:1; }
.history:after{content:""; display:block; clear:both;}

.history {background-image:url("/new_images/contents/history_img.jpg"); background-repeat:no-repeat; background-position:0px 0px; min-height: 520px; }
.history .box {padding: 20px 20px 20px 425px;}
.history .box p {font-size: 18px; line-height: 130%; color: #000; font-weight:500; margin-bottom:40px; width:100%; float: left; }
.history .box span {font-size: 18px; line-height: 130%; color: #666; font-weight:300; margin-bottom:5px; width: 80%; float:right; }


@media screen and (max-width: 1050px){
.history {background-image:url("/new_images/contents/history_img_m.jpg"); background-repeat:no-repeat; background-position:0px 0px; min-height: 302px; background-color: #fff;}
.history .box {padding: 330px 0px 50px 0px;}
.history .box p {font-size: 16px; line-height: 130%; color: #000; font-weight:500; margin-bottom:40px; width:100%; float:none; }
.history .box span {font-size: 16px; line-height: 130%; color: #666; font-weight:300; margin-bottom:5px; width:100%; float:none; }
}



/*오시는길*/
.con0105 {width:100%;}

.con0105 .map {min-height:433px; width:100%; margin-bottom:65px;}
.con0105 .map .left{width:29%; border:1px solid #d8d8d8; float:left; padding:30px; min-height:423px;}
.con0105 .map .left h2 {font-size:24px; color:#000; text-align:left; padding:60px 0px 30px 0px}
.con0105 .map .left .icon01 {font-size:18px; line-height:30px; min-height:30px; color:#000; text-align:left; background-image:url(/new_images/contents/con0105_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:37px;}
.con0105 .map .left .icon02 {font-size:18px; line-height:30px; min-height:30px; color:#000; text-align:left; background-image:url(/new_images/contents/con0105_icon02.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:37px;}
.con0105 .map .left .mapbt {font-size:14px; color:#000; font-weight:300; border:1px solid #000; padding:7px; margin-top:90px; width:115px; text-align:center;}
.con0105 .map .right{float:right; width:783px;}
/*.con0105 .map .right{background-color:#f9f9f9; float:right; width:68%; text-align:right;}
.con0105 .map .right img {vertical-align:top; width:100%;}
.con0105 .map .right .rightbox { min-height:33px; text-align:right; border:1px solid #e3e3e3; border-top:none; }
.con0105 .map .right span {padding:15px 7px; font-size:14px; line-height:33px; color:#333; }
*/
.con0105 .map2 {width:100%;}
.con0105 .map2 .left {float:left; text-align:left; vertical-align:text-top; width:18%;}
.con0105 .map2 .left .bus {background-image:url(/new_images/contents/con0105_icon03.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left; }
.con0105 .map2 .left .bus p {font-size:24px; color:#000; line-height:37px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;}
.con0105 .map2 .left .drive {background-image:url(/new_images/contents/con0105_icon04.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left }
.con0105 .map2 .left .drive p {font-size:24px; color:#000; line-height:33px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;}
.con0105 .map2 .left .pinfo {background-image:url(/new_images/contents/con0105_icon05.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:50px; float:left }
.con0105 .map2 .left .pinfo p {font-size:24px; color:#000; line-height:27px; padding-bottom:5px; text-align:left; border-bottom:1px solid #000;}

.con0105 .map2 .right {width:80%; float:right;}
.con0105 .map2 .right p {font-size:16px; color:#000; font-weight:500; text-align:left; background-image:url(/new_images/contents/dot_icon02.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px; padding-bottom:5px;  }
.con0105 .map2 .right ul {margin-left:10px; margin-bottom:30px;}
.con0105 .map2 .right ul li{font-size:16px; line-height:160%; color:#666; text-align:left; }
.con0105 .map2 .right ul li .tit{color:#000;}
.con0105 .map2 .right ul li .comm{font-size:14px; }

.con0105 .map2 .map2_info{*zoom:1; }
.con0105 .map2 .map2_info:after{content:""; display:block; clear:both;}
.con0105 .map2 .map2_info {padding-bottom:60px;}


@media screen and (max-width: 1100px){
/*.con0105 .map .right img {vertical-align:top; width:100%; min-height:390px; }*/
}

@media screen and (max-width: 1200px){
.con0105 .map .left{width:100%; min-height:0;}	
.con0105 .map .left h2 {padding:0px 0px 30px 0px}
.con0105 .map .left .mapbt {margin-top:30px;}
.con0105 .map .right {margin-bottom:50px;width:100%; }
/*.con0105 .map .right{width:100%; margin-bottom:65px; }
.con0105 .map .right img {vertical-align:top; width:100%; min-height:none;}	*/

.con0105 .map2 .left {float:left; text-align:left; vertical-align:text-top; width:23%;}
.con0105 .map2 .right {width:75%; float:right;}
}
@media screen and (max-width: 590px){
.con0105 .map2 .left {width:100%; margin-bottom:20px;}
.con0105 .map2 .right {width:100%; margin-bottom:20px;}
}






/*partner
.partner{width:100%; *zoom:1; }
.partner:after{content:""; display:block; clear:both;}

.partner p {font-size: 18px; line-height: 160%; color: #333; text-align: center; padding-bottom:30px;  }
.partner .logo_wrap {margin-top: 50px;}
.partner .logo_wrap .logo_l{width: 33%; float: left; }
.partner .logo_wrap .logo_l img {text-align: center; padding-top: 120px}

.partner .logo_wrap .logo_c{width: 34%; float: left; }
.partner .logo_wrap .logo_c img {text-align: center; padding-top:none;}
.partner .logo_wrap .logo_c .logo_cc {width: 300px; min-height: 300px; background-color: #f3f4e4; border-radius: 50%;}

.partner .logo_wrap .logo_r{width: 33%; float: left; }
.partner .logo_wrap .logo_r img {text-align: center; padding-top: 120px}

@media all and (max-width:1000px){  
	.partner .logo_wrap .logo_l img {padding-top: 80px; width: 80%;}
	.partner .logo_wrap .logo_c img {padding-top:none; width: 80%;}
	.partner .logo_wrap .logo_c .logo_cc {width: 250px; min-height: 250px; }
	.partner .logo_wrap .logo_r img {padding-top: 80px; width: 80%;}
}


@media all and (max-width:700px){  
	.partner .logo_wrap .logo_l img {padding-top: 50px; width: 70%; }
	.partner .logo_wrap .logo_c img {padding-top:none;  }
	.partner .logo_wrap .logo_c .logo_cc {width: 150px; min-height:150px; }
	.partner .logo_wrap .logo_r img {padding-top: 50px; width: 70%; }
}*/





/*******************************/


/*//////////////////1 기관소개 > 오시는 길/////////////////

.con0105 {width:100%;}
.con0105 .map {min-height:433px; width:100%; margin-bottom:65px;}
.con0105 .map .right{float:right; width:100%;}

.mapbox {border:1px solid #e8e8e8; margin-top:40px; *zoom:1;width:100%;  }
.mapbox:after {content:""; display:block; clear:both;}
.mapbox .add h1 {font-size:28px; color:#034da2; font-weight:400; text-align:left; margin-left:110px; padding-bottom:15px;}
.mapbox .add p {font-size:16px; color:#000; text-align:left; margin-left:110px;}
.mapbox .add { width:50%; float:left; border-bottom:1px solid #e8e8e8; min-height:170px;
	           padding:30px;background-image:url("/images/contents/con0104_icon01.jpg"); background-repeat:no-repeat; background-position:30px 30px; } 
.mapbox .tel h1 {font-size:28px; color:#034da2; font-weight:400; text-align:left; margin-left:110px; padding-bottom:15px;}
.mapbox .tel li {font-size:16px; color:#676767; text-align:left; margin-left:110px; padding-left:10px;
                 background-image:url(/images/contents/liicon_02.jpg); background-repeat:no-repeat; background-position:0px 2px; }
.mapbox .tel { width:50%; float:left;  border-bottom:1px solid #e8e8e8; min-height:170px;
               padding:30px;background-image:url(/images/contents/con0104_icon02.jpg); background-repeat:no-repeat; background-position:30px 30px; } 
.mapbox .info h1 {font-size:28px; color:#034da2; font-weight:400; text-align:left; margin-left:110px; padding-bottom:15px;}
.mapbox .info li {font-size:16px; text-align:left; margin-left:110px; padding-left:10px; padding-bottom:40px; line-height:180%;
                 background-image:url(/nimg/liicon_04.jpg); background-repeat:no-repeat; background-position:0px 2px; }
.mapbox .info li strong {color:#000;}				 
.mapbox .info { width:100%; float:left; border-bottom:1px solid #e8e8e8; min-height:170px;
	            padding:30px;background-image:url(/images/contents/con0104_icon03.jpg); background-repeat:no-repeat; background-position:30px 30px; } 

.mapbox .car h1 {font-size:28px; color:#034da2; font-weight:400; text-align:left; margin-left:110px; padding-bottom:15px;}
.mapbox .car li {font-size:16px; text-align:left; margin-left:110px; padding-left:10px; padding-bottom:40px; line-height:180%;
                 background-image:url(/nimg/liicon_04.jpg); background-repeat:no-repeat; background-position:0px 2px; }
.mapbox .car li strong {color:#000;}				 
.mapbox .car { width:100%; float:left; padding:30px;background-image:url(/images/contents/con0104_icon04.jpg); background-repeat:no-repeat; background-position:30px 30px; } 

@media screen and (max-width: 1400px){
.con0105 .map .right{width:100%;}
.mapbox .add {min-height:220px;}
.mapbox .tel {min-height:220px;}
.mapbox .car {min-height:220px;}
}

@media screen and (max-width: 900px){
.mapbox .add { width:100%; float:none; min-height:100px;} 
.mapbox .tel { width:100%; float:none; min-height:100px; } 
.mapbox .car { width:100%; float:none; min-height:100px; } 	
}

@media screen and (max-width: 590px){
.mapbox .add {background-image:url(/images/contents/con0104_icon01s.jpg); background-repeat:no-repeat; background-position:30px 30px 0px; } 
.mapbox .add h1 {font-size:20px; font-weight:600; margin-left:0px; margin-top:40px; padding-bottom:0px; }
.mapbox .add p {margin-left:0px;}

.mapbox .tel {background-image:url(/images/contents/con0104_icon02s.jpg); background-repeat:no-repeat; background-position:30px 30px 0px; } 
.mapbox .tel h1 {font-size:20px; font-weight:600; margin-left:0px; margin-top:40px; padding-bottom:0px; }
.mapbox .tel li {margin-left:0px; }

.mapbox .info {background-image:url(/images/contents/con0104_icon03s.jpg); background-repeat:no-repeat; background-position:30px 30px 0px; } 
.mapbox .info h1 {font-size:20px; font-weight:600; margin-left:0px; margin-top:40px; padding-bottom:0px; }
.mapbox .info li {margin-left:0px;}	
	
.mapbox .car {background-image:url(/images/contents/con0104_icon04s.jpg); background-repeat:no-repeat; background-position:30px 30px 0px; } 
.mapbox .car h1 {font-size:20px; font-weight:600; margin-left:0px; margin-top:40px; padding-bottom:0px; }
.mapbox .car li {margin-left:0px;}		
}
*/





/*표 style*/
.p_summery_t {text-align:right; font-size:11px; color:#666; line-height:160%;}
.p_summery_b {text-align:left; font-size:11px; color:#666; line-height:160%; padding-top:8px;}

/*표2 style*/ /*right정렬*/
.p_nomal1 th {border-bottom:#dbdcdd 1px solid; border-top:#3d3c3a 2px solid; vertical-align:middle; 
             height:42px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;}	 
.p_nomal1 td {font-size:16px; border-bottom:#dbdcdd 1px solid; padding:5px 5px 5px 10px; line-height:180%; color:#666; text-align:right; }
.p_nomal1_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; }
.p_nomal1_liner {border-right:#dbdcdd 1px solid; }	
.p_nomal1_lineeng {border-right:#dbdcdd 1px solid; }
.p_nomal1 .thbg {border-bottom:#dbdcdd 1px solid; vertical-align:middle; 
             height:35px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;}
.p_nomal1 .tdbg_cen {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:center}
.p_nomal1 .tdbg_rig {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:right;}
.p_nomal1 .tdbg_lef {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:left;}
.p_nomal1 .mintth {background-color:#d5e9e3;}
.p_nomal1 .minttd {background-color:#eff7f7;}
.p_nomal1 .mint {color:#3397a0;}
.p_nomal1 .mint01 {background-color:#f9fcfc;}
.p_nomal1 .mint02 {background-color:#f0f7f7;text-align:center; }
.p_nomal1 .point {color:#5498c0;}


/*표2 style*/ /*left정렬*/
.p_nomal2 th {border-bottom:#dbdcdd 1px solid; border-top:#3d3c3a 2px solid; vertical-align:middle; 
             height:42px; font-size:20px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;}	 
.p_nomal2 td {font-size:18px; border-bottom:#dbdcdd 1px solid; padding:20px 20px 20px 25px; line-height:180%; color:#666; }
.p_nomal2_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; }
.p_nomal2_liner {border-right:#dbdcdd 1px solid; }	

.p_nomal2_lineeng {border-right:#dbdcdd 1px solid; }
.p_nomal2 .tdbg {background-color:#f8f8f8; color:#252525; font-weight:700;}
.p_nomal2 .topline {border-top:#3d3c3a 2px solid; }
.p_nomal2 .catholic_pbg {background-image:url(/images/common/catholic_pbg.jpg); background-repeat:repeat;  font-weight:500;}


/*표3 style*/ /*center정렬*/
.p_nomal3 th {border-bottom:#dbdcdd 1px solid; border-top:#3d3c3a 2px solid; vertical-align:middle;
             height:42px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;}	 
.p_nomal3 td {font-size:14px; border-bottom:#dbdcdd 1px solid; padding:5px 5px 5px 10px; line-height:180%; color:#666; text-align:center; }
.p_nomal3_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; }	
.p_nomal3_liner {border-right:#dbdcdd 1px solid; }	
.p_nomal3 .tdbg {background-color:#f8f8f8; color:#252525;}
.p_nomal3 .thbg {font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;}
.p_nomal3 .mintth {background-color:#d5e9e3;}
.p_nomal3 .minttd {background-color:#eff7f7;}
.p_nomal3 .mint {color:#3397a0;}
.p_nomal3 .mint01 {background-color:#f9fcfc;}
.p_nomal3 .mint02 {background-color:#f0f7f7;}
.p_nomal3 .mint03 {background-color:#e5f2f2;}
.p_nomal3 .mint04 {background-color:#daecec;}
.p_nomal3 .mint05 {background-color:#cae4e4;}
.p_nomal3 .point {color:#5498c0;}

/*표 style 정렬*/
.p_namal_left {padding-left:20px;text-align:left; }
.p_namal_right {padding-right:20px;text-align:right; }
.p_namal_center {text-align:center;}


/*표 style*/ 
.p_nomal_basic {width: 100%;}
.p_nomal_basic th {border:#dbdcdd 1px solid; border-top:#3d3c3a 2px solid; vertical-align:middle; padding: 15px 0px;
              font-size:15px; color:#252525; font-weight:bold; background-color:#fafafa; text-align:center;}	 
.p_nomal_basic th:first-child, .p_nomal_basic th:first-child{border-left: none;}
.p_nomal_basic th:last-child, .p_nomal_basic th:last-child{border-right: none;}

.p_nomal_basic td {font-size:15px; border:#dbdcdd 1px solid; padding:15px 0px; line-height:180%; color:#666; text-align:center;}
.p_nomal_basic td:first-child, .p_nomal_basic td:first-child{border-left: none;}
.p_nomal_basic td:last-child, .p_nomal_basic td:last-child{border-right: none;}

.p_nomal_basic_line {border-left:#dbdcdd 1px solid; border-right:#dbdcdd 1px solid; }
.p_nomal_basic_liner {border-right:#dbdcdd 1px solid; }	
.p_nomal_basic_lineeng {border-right:#dbdcdd 1px solid; }
.p_nomal_basic .thbg {border-bottom:#dbdcdd 1px solid; vertical-align:middle; 
             height:35px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;}
.p_nomal_basic .tdbg_cen {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:center}
.p_nomal_basic .tdbg_rig {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:right;}
.p_nomal_basic .tdbg_lef {background-color:#f8f8f8; color:#252525; line-height:120%; text-align:left;}
.p_nomal_basic .mintth {background-color:#d5e9e3;}
.p_nomal_basic .minttd {background-color:#eff7f7;}
.p_nomal_basic .mint {color:#3397a0;}
.p_nomal_basic .mint01 {background-color:#f9fcfc;}
.p_nomal_basic .mint02 {background-color:#f0f7f7;text-align:center; }
.p_nomal_basic .point {color:#5498c0;}
.p_nomal_basic .red {color:#3397a0;}
.p_nomal_basic .redth {background-color:#ffc9c9;}
.p_nomal_basic .redtd {background-color:#fdf0f0; color: #cc3333;}
.p_nomal_basic .redtdline {border-top:#e77a7a 2px solid; background-color:#fdf0f0; color: #cc3333;}
.p_nomal_basic .redthline {border-top:#3d3c3a 2px solid; background-color:#ffc9c9;}
.p_nomal_basic .left {padding-left:20px;text-align:left; }
.p_nomal_basic .right {padding-right:20px;text-align:right; }
.p_nomal_basic .center {text-align:center;}

@media screen and (max-width: 860px) {
	.p_nomal_basic {width: 100%;}
	.p_nomal_basic th {padding: 20px 10px; font-size:14px; }
	.p_nomal_basic td {padding: 20px 10px; font-size:14px; }
}


@media screen and (max-width: 590px) {
	.p_nomal_basic th {padding: 20px 10px; font-size:12px; }
	.p_nomal_basic td {padding: 20px 10px; font-size:12px; }	
}



/*표 style 보라색게시판*/ 
.p_nomal_basic_n th {border-bottom:#e9e9e9 1px solid; border-top:#7540a8 2px solid; background-color: #7C44C3; vertical-align:middle; padding: 15px 0px; font-size:16px; color:#FFF; font-weight:bold; text-align:center;}	 
.p_nomal_basic_n th:first-child, .p_nomal_basic_n th:first-child{border-left: none;}
.p_nomal_basic_n th:last-child, .p_nomal_basic_n th:last-child{border-right: none;}

.p_nomal_basic_n td {font-size:16px; border:#e9e9e9 1px solid; padding:20px; line-height:180%; color:#666;  text-align: center;}
.p_nomal_basic_n td:first-child, .p_nomal_basic_n td:first-child{border-left: none;}
.p_nomal_basic_n td:last-child, .p_nomal_basic_n td:last-child{border-right: none;}

.p_nomal_basic_n td li{background: url(/images/contents/doticon_b.jpg) 0px center no-repeat; padding-left: 12px; text-align: left;}

.p_nomal_basic_n .bg_gray {background-color: #fbfbfb;}
.p_nomal_basic_n .text_black {color: #000000; font-weight: 500}

.p_nomal_basic_n_line {border-left:#e9e9e9 1px solid; border-right:#e9e9e9 1px solid; }
.p_nomal_basic_n_liner {border-right:#e9e9e9 1px solid; }	
.p_nomal_basic_n_linet{border-top:#e9e9e9 1px solid; }	
.p_nomal_basic_n_lineeng {border-right:#e9e9e9 1px solid; }
.p_nomal_basic_n .thbg {border-bottom:#e9e9e9 1px solid; vertical-align:middle; 
             height:35px; font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; text-align:center;}
.p_nomal_basic_n .tdbg_cen {background-color:#f9f9f9; color:#000; line-height:120%; text-align:center}
.p_nomal_basic_n .tdbg_rig {background-color:#f9f9f9; color:#000; line-height:120%; text-align:right;}
.p_nomal_basic_n .tdbg_lef {background-color:#f9f9f9; color:#000; line-height:120%; text-align:left;}

.p_nomal_basic_n .left {padding-left:20px;text-align:left; }
.p_nomal_basic_n .right {padding-right:20px;text-align:right; }
.p_nomal_basic_n .center {text-align:center;}

.p_nomal_basic_nleft th {border-bottom:#e9e9e9 1px solid; background-color: #7C44C3; vertical-align:middle; padding: 15px 0px; font-size:16px; color:#FFF; font-weight:bold; text-align:center;}	 
.p_nomal_basic_nleft th:first-child, .p_nomal_basic_n th:first-child{border-left: none;}
.p_nomal_basic_nleft th:last-child, .p_nomal_basic_n th:last-child{border-right: none;}

.p_nomal_basic_nleft td {font-size:16px; border:#e9e9e9 1px solid; padding:20px; line-height:180%; color:#666;  text-align: center;}
.p_nomal_basic_nleft td:first-child, .p_nomal_basic_n td:first-child{border-left: none;}
.p_nomal_basic_nleft td:last-child, .p_nomal_basic_n td:last-child{border-right: none;}
.p_nomal_basic_nleft td p{text-align: left; color: #1A71D9;}
.p_nomal_basic_nleft td li{background: url(/img_page/doticon_b.jpg) 0px center no-repeat; padding-left: 12px; text-align: left;}

@media screen and (max-width: 860px) {
	.p_nomal_basic_n th {padding: 20px 10px; font-size:14px; }
	.p_nomal_basic_n td {padding: 20px 10px; font-size:14px; }
	.p_nomal_basic_nleft th {padding: 20px 10px; font-size:14px; }
	.p_nomal_basic_nleft td {padding: 20px 10px; font-size:14px; }
}

@media screen and (max-width: 590px) {
	.p_nomal_basic_n th {padding: 20px 10px; font-size:12px; }
	.p_nomal_basic_n td {padding: 20px 10px; font-size:12px; }
	.p_nomal_basic_nleft th {padding: 20px 10px; font-size:12px; }
	.p_nomal_basic_nleft td {padding: 20px 10px; font-size:12px; }
}



/**/
.a_counseling_img4 {*zoom:1; width: 100%;}
.a_counseling_img4:after{content:""; display:block; clear:both;}
.a_counseling_img4 img{width: 25%; float: left; border-top-right-radius: 50px; padding:0px 1px 1px 0px;}
@media screen and (max-width: 900px){
.a_counseling_img4 img{width: 50%;}	
}



/*청소년안전망*/
.con0401{width:100%;}
.con0401 .top {width:100%;  }
.con0401 h2 {font-size:24px; color:#333; text-align:left; padding-bottom:20px;}
.con0401 h2 span {font-size:16px; font-weight:500; color:#333; text-align:left;}
.con0401 p {font-size:16px; color:#666; text-align:left; padding-bottom:10px;}
.con0401 .time {font-size:16px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/images/contents/con0201_icon01.jpg); background-repeat:no-repeat; background-position:left 0px; padding-left:30px; margin-bottom:20px;}
.con0401 li {font-size:16px; color:#666; text-align:left; padding-bottom:5px; line-height:160%; background-image:url(/images/contents/dot_icon02.jpg); background-repeat:no-repeat; background-position:left 4px; padding-left:10px;}
.con0401 .w50p {width: 50%; float: left;}
.con0401 .w50p li {font-size:16px; }
.con0401 .graybox {width:100%; background-color:#f5f5f5; padding:35px; margin:30px 0px 50px 0px;}
.con0401 .graybox p {font-size:14px; color:#000; }
.con0401 .graybox li {background-image:url(none); }
.con0401 .bluebox {width:100%; background-color:#e4f0f8; padding:35px; margin:25px 0px 50px 0px;}
.con0401 .bluebox p {font-size:14px; color:#000; }
.con0401 .redpoint {color: #D90003;}
.con0401 .w100p {width: 100%; *zoom:1;}
.con0401 .w100p:after{content:""; display:block; clear:both;}
.con0401 .w100p {width: 100%; float: none;}
.con0401 .w100p li {font-size:16px; }

@media screen and (max-width: 590px){
.con0401 .top {background-image:url(none);}
.con0401 .w50p {width: 100%; float: none;}	
.con0401 .top {background-image:url(none);}
}






/*상담복지센터 주요사업*/
.a_program_1 {background: url(/images/contents/a_program1.png) 60px center no-repeat; padding: 50px 30px 50px 200px; border-bottom: 1px solid #d9d9d9; border-top: 1px solid #d9d9d9;}
.a_program_2 {background: url(/images/contents/a_program2.png) 60px center no-repeat; padding: 50px 30px 50px 200px; border-bottom: 1px solid #d9d9d9;}
.a_program_3 {background: url(/images/contents/a_program3.png) 60px center no-repeat; padding: 50px 30px 50px 200px; border-bottom: 1px solid #d9d9d9;}
.a_program_4 {background: url(/images/contents/a_program4.png) 60px center no-repeat; padding: 50px 30px 50px 200px; border-bottom: 1px solid #d9d9d9;}

.a_program h2 {color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;}
.a_program p{color: #4e4e4e;font-size: 16px; font-weight:400; }

@media screen and (max-width: 900px){
.a_program_1 {background: url(/images/contents/a_program1.png) center 20px no-repeat; padding: 110px 10px 10px 10px; min-height: 80px;}	
.a_program_2 {background: url(/images/contents/a_program2.png) center 20px no-repeat; padding: 110px 10px 10px 10px; min-height: 80px;}	
.a_program_3 {background: url(/images/contents/a_program3.png) center 20px no-repeat; padding: 110px 10px 10px 10px; min-height: 80px;}	
.a_program_4 {background: url(/images/contents/a_program4.png) center 20px no-repeat; padding: 110px 10px 10px 10px; min-height: 80px;}		

.a_program h2 {font-size: 20px; text-align: center }
.a_program p{font-size: 14px; text-align: center}	
}


/*청소년 동반자*/
.a_partner{padding: 65px 65px 65px 250px;background: #f9ebeb url(/images/contents/a_partner.jpg) 80px center no-repeat; border: 1px solid #f2efef;}
.a_partner ul{padding-top: 30px;}
.a_partner li{font-size: 16px;position: relative;padding-left: 12px;margin-bottom: 3px;color:#333; background: url(/images/contents/doticon_b.jpg) 0px center no-repeat;}
.a_partner p{font-size: 18px;position: relative;margin-bottom: 3px;color:#333;}
.a_partner h2 {color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;}
.a_partner h2 span{color: #e15d50;}
@media screen and (max-width: 900px){
.a_partner {background-position: center 25px;padding: 160px 20px 20px;}
.a_partner li{font-size: 14px;}	
.a_partner p{font-size: 16px;}		
}

/**/
.photo_pora {*zoom:1; width: 100%;}
.photo_pora:after{content:""; display:block; clear:both;}
.photo_pora div {border:#e9e9e9 1px solid; margin:0px 15px 15px 0px; width: 23%; float: left;}
.photo_pora div img {padding: 15px; width: 100%;}
.photo_pora div p {text-align: center; font-size: 16px; padding-bottom: 15px}
.photo_pora .noimg {margin:0px 15px 15px 0px; width: 23%; min-height: 280px; float: left; padding-top: 65px; background-color: #e9e9e9; }
.photo_pora .pl{margin-left: 150px;}
.photo_pora .pr{margin-right: 150px;}

@media screen and (max-width: 1000px){
.photo_pora div {border:#e9e9e9 1px solid; margin:0px 15px 15px 0px; width: 45%; float: left;}
.photo_pora div p {text-align: center; font-size: 14px;}	
.photo_pora .pl{margin-left: 0px;}
.photo_pora .pr{margin-right: 0px;}
}

@media screen and (max-width: 600px){
.photo_pora div {border:#e9e9e9 1px solid; margin:0px 0px 8px 0px; width: 90%; float: left;}
.photo_pora div p {text-align: center; font-size: 14px; }	
}




/*꿈드림
.a_dream{padding: 65px 65px 65px 250px;background: #eef9eb url(/images/contents/a_dream.png) 80px center no-repeat; }
.a_dream ul{padding-top: 30px;}
.a_dream li{font-size: 16px;position: relative;padding-left: 12px;margin-bottom: 3px;color:#333; background: url(/images/contents/doticon_b.jpg) 0px center no-repeat;}
.a_dream p{font-size: 18px;position: relative;margin-bottom: 3px;color:#333;}
.a_dream h2 {color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;}
.a_dream h2 span{color: #00997c;}
@media screen and (max-width: 900px){
.a_dream {background-position: center 25px;padding: 160px 20px 20px;}
.a_dream li{font-size: 14px;}	
.a_dream p{font-size: 16px;}		
}*/


/*꿈드림지원사업
.a_dream_support {*zoom:1; width: 100%; }
.a_dream_support:after{content:""; display:block; clear:both;}
.a_dream_support {border-bottom: 1px solid #f2efef; padding-top: 60px; padding-bottom: 60px;}
.a_dream_support .text {width: 75%; float: right;}
.a_dream_support .text p {color: #4e4e4e;font-size: 20px; font-weight: 600; margin-bottom:15px;}
.a_dream_support .text ul {background-color: #f7f7f7; padding: 30px;}
.a_dream_support .text li {font-size: 16px;position: relative;padding-left: 12px;margin-bottom: 3px;color:#333; background: url(/images/contents/doticon_b.jpg) 0px 10px no-repeat;}
.a_dream_support .bordertop {border-top: 1px solid #f2efef; }

.a_dream_support .tit1 {background: url(/images/contents/a_dream_support_1_icon.png) center 20px no-repeat;  width: 25%; float: left; }
.a_dream_support .tit1 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px; text-align: center; padding-top: 102px;}

.a_dream_support .tit2 {background: url(/images/contents/a_dream_support_2_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit2 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 117px;}

.a_dream_support .tit3 {background: url(/images/contents/a_dream_support_3_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit3 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 111px;}

.a_dream_support .tit4 {background: url(/images/contents/a_dream_support_4_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit4 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 118px;}

.a_dream_support .tit5 {background: url(/images/contents/a_dream_support_5_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit5 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 130px;}

.a_dream_support .tit6 {background: url(/images/contents/a_dream_support_6_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit6 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 121px;}

.a_dream_support .img {margin-top: 20px; width: 75%; float: right; }
.a_dream_support .img img{padding-right: 3px; width: 32%;}

@media screen and (max-width: 900px){
.a_dream_support .text {width:100%; float:none;}	
.a_dream_support .img {width: 100%; float: none; }	
.a_dream_support .tit1 {width:100%; float:none; }	
.a_dream_support .tit2 {width:100%; float:none; }	
.a_dream_support .tit3 {width:100%; float:none; }	
.a_dream_support .tit4 {width:100%; float:none; }	
.a_dream_support .tit5 {width:100%; float:none; }	
.a_dream_support .tit6 {width:100%; float:none; }		
}
*/

/********************************************01 센터소개***********************************************/

/* 01 인사말*/
.company{width:100%; *zoom:1;}
.company:after{content:""; display:block; clear:both;}
.company {font-size: 18px; line-height: 30px; color: #000;}

.company .left {width: 40%; float: left;}
.company .left h2 {font-size: 36px; line-height: 50px; color: #333;  font-weight: 300;}
.company .left h2 strong {color: #99cc00; font-weight: 800;}

.company .right {width: 60%; float:right;}
.company .right .name {padding-top: 50px; text-align: right;}
.company .right .name img {padding-top: 10px;}

.company .w100p {width: 100%;}
.company .w100p img {width: 100%; padding: 50px 0px;}

@media screen and (max-width: 800px){
.company .left {width:100%; float:none;}	
.company .right {width:100%; float:none;}		
}


/* 03 조직도*/
.people{width:100%; *zoom:1; text-align: center; background-color: #f5f7fc; }
.people:after{content:""; display:block; clear:both;}
.people img {padding: 70px 0px;}




/********************************************02 청소년상담***********************************************/
/*01 개인상담*/
.a_counseling1{padding: 65px 65px 65px 250px;background: #efebf4 url(/images/contents/a_counseling1.jpg) 80px center no-repeat;}
.a_counseling1 ul{padding-top: 30px;}
.a_counseling1 li{font-size: 16px;position: relative;padding-left: 12px;margin-bottom: 3px;color:#333; background: url(/images/contents/doticon_b.jpg) 0px center no-repeat;}
.a_counseling1 p{font-size: 18px;position: relative;margin-bottom: 3px;color:#333;}
.a_counseling1 h2 {color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;}
.a_counseling1 h2 span{color: #4334d2;}

.info_icon_box{*zoom:1; width: 100%; margin-top: 30px; background: #fff; padding: 20px;}
.info_icon_box:after{content:""; display:block; clear:both;}

.info_icon_1 {font-size: 16px;position: relative;padding-left: 35px;margin-bottom: 3px;color:#333; background: url(/images/contents/info_icon1.png) 0px center no-repeat; line-height: 40px; border-bottom: 1px solid #f2efef;}
.info_icon_2 {font-size: 16px;position: relative;padding-left: 35px;margin-bottom: 3px;color:#333; background: url(/images/contents/info_icon2.png) 0px center no-repeat; line-height: 40px;border-bottom: 1px solid #f2efef;}
.info_icon_3 {font-size: 16px;position: relative;padding-left: 35px;margin-bottom: 3px;color:#333; background: url(/images/contents/info_icon3.png) 0px center no-repeat; line-height: 40px;border-bottom: 1px solid #f2efef;}
.info_icon_4 {font-size: 16px;position: relative;padding-left: 35px;margin-bottom: 3px;color:#333; background: url(/images/contents/info_icon4.png) 0px center no-repeat; line-height: 40px;border-bottom: 1px solid #f2efef;}
.info_icon_5 {font-size: 16px;position: relative;padding-left: 35px;margin-bottom: 3px;color:#333; background: url(/images/contents/info_icon5.png) 0px center no-repeat; line-height: 40px;border-bottom: 1px solid #f2efef;}
.info_icon_6 {font-size: 16px;position: relative;padding-left: 35px;margin-bottom: 3px;color:#333; background: url(/images/contents/info_icon6.png) 0px center no-repeat; line-height: 40px;border-bottom: 1px solid #f2efef;}

@media screen and (max-width: 900px){
.a_counseling1 {background-position: center 25px;padding: 160px 20px 20px;}
.a_counseling1 li{font-size: 14px;}	
.a_counseling1 p{font-size: 16px;}		
}


/*02 심리검사*/
.a_counseling3{padding: 65px 65px 65px 250px;background: #efebf4 url(/images/contents/a_counseling3.jpg) 80px center no-repeat;}
.a_counseling3 ul{padding-top: 30px;}
.a_counseling3 li{font-size: 16px;position: relative;padding-left: 12px;margin-bottom: 3px;color:#333; background: url(/images/contents/doticon_b.jpg) 0px center no-repeat;}
.a_counseling3 p{font-size: 18px;position: relative;margin-bottom: 3px;color:#333;}
.a_counseling3 h2 {color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;}
.a_counseling3 h2 span{color: #4334d2;font-size: 24px; font-weight:bold; margin-bottom:15px;}
.a_counseling3 span{font-size: 16px; padding-top: 10px;  color:#666; text-align: center;}

.a_counseling3 .imgment{width:100%; *zoom:1; padding: 15px 0px;}
.a_counseling3 .imgment:after{content:""; display:block; clear:both;}
.a_counseling3 .imgment .img01 {border-radius: 35px; background-color: #765c9d; width: 200px; margin-right:10px; float: left; }
.a_counseling3 .imgment .img01 p {text-align: center; color: #fff; font-size: 18px; padding: 20px 0px; }
.a_counseling3 .imgment .img02 {border-radius: 35px; background-color: #b65ca6; width: 200px; margin-right:10px; float: left; }
.a_counseling3 .imgment .img02 p {text-align: center; color: #fff; font-size: 18px; padding: 20px 0px;}



@media screen and (max-width: 900px){
.a_counseling3 {background-position: center 25px;padding: 160px 20px 20px;}
.a_counseling3 li{font-size: 14px;}	
.a_counseling3 p{font-size: 16px;}		
}




/********************************************03 상담복지센터***********************************************/

/*01 청소년안전망*/
.a_work01 {width:100%; *zoom:1;}
.a_work01:after{content:""; display:block; clear:both;}
.a_work01 .visual {padding: 70px 70px 70px 250px; margin-bottom: 60px; background: url("/images/contents/work_01titicon.gif") 70px 70px no-repeat; background-color: #e0f6f7; }
.a_work01 .visual h2 {font-size: 28px; line-height: 30px; color: #333; }
.a_work01 .visual h2 span{font-size: 28px; line-height: 30px; color: #009999; font-weight: 800; }
.a_work01 .visual p {font-size: 18px; line-height: 24px; color: #333; padding-top: 20px;}
.a_work01 .visual h3 {font-size: 14px; color: #fff; padding: 5px; border-radius: 30px; background-color:#00cccc; width: 100px; text-align: center; margin: 20px 0px 10px; font-weight:300;}
.a_work01 .visual li {font-size: 14px; line-height: 20px; color: #333; background: url("/images/contents/doticon_g2px.gif") 0 12px no-repeat; padding-left: 10px;}

.a_work01 .w100p {width: 100%; *zoom:1; padding-bottom: 50px;}
.a_work01 .w100p:after{content:""; display:block; clear:both;}
.a_work01 .w100p .left{width: 20%; float: left; }
.a_work01 .w100p .right{width: 80%;  float:right; font-size: 18px; line-height: 28px; color: #333;}
.a_work01 .w100p .right h2 {font-size: 24px; font-weight: 600; color: #009999; padding-bottom: 15px; }
.a_work01 .w100p .right li {font-size: 16px; line-height: 24px; color: #333; background: url("/images/contents/doticon_b2px.gif") 0 12px no-repeat; padding-left: 10px; padding-bottom: 5px;}

@media screen and (max-width: 800px){
.a_work01 .visual {padding: 40px; margin-bottom: 40px; background: url("none"); background-color: #e0f6f7;}	
.a_work01 .w100p {margin-bottom:40px;}	
.a_work01 .w100p .left {width:100%; float:none; }	
.a_work01 .w100p .right {width:100%; float:none;}	
.a_work01 .w100p .left h2 {padding-bottom: 15px; }	
}


/*02 주요사업*/
.a_work02 {width:100%; *zoom:1;}
.a_work02:after{content:""; display:block; clear:both;}

.a_work02 .w100p {width: 100%; *zoom:1;}
.a_work02 .w100p:after{content:""; display:block; clear:both;}
.a_work02 .w100p .left{width: 25%; float: left; }
.a_work02 .w100p .left h2 {font-size: 36px; font-weight: 600; color: #666;}
.a_work02 .w100p .left h2 strong{font-size: 36px; font-weight: 600; color: #009966;}
.a_work02 .w100p .left img {text-align: center}

.a_work02 .w100p .right{width: 75%;  float:right; font-size: 18px; line-height: 28px; color: #333;}
.a_work02 .w100p .right h2 {font-size: 28px; color: #000; margin-bottom:15px; }
.a_work02 .w100p .right h2 strong {background: url("/images/contents/border_color_work2.gif") 0 bottom repeat-x; }
.a_work02 .w100p .right p{font-size: 16px; font-weight: 300; color: #333; line-height: 20px; padding-bottom: 5px; margin-bottom:25px;}
.a_work02 .w100p .right .box {width: 100%; background-color: #f5fbfa; border: 1px solid #d6eae6; padding: 40px; margin-bottom:50px;}	
.a_work02 .w100p .right .box li {font-size: 16px; line-height: 24px; color: #333; background: url("/images/contents/doticon_b2px.gif") 0 12px no-repeat; padding-left: 10px; padding-bottom: 5px;}
.a_work02 .w100p .right .box li span{font-size: 16px; line-height: 24px; color: #00997c; padding-right: 20px; }

.p_nomal_work table {margin-top: 20px; border:#00997c 1px solid; }
.p_nomal_work th {border:#dbdcdd 1px solid; vertical-align:middle; 
                 font-size:14px; padding: 5px; color:#fff; font-weight:bold; background-color:#5db0ae; text-align:center;}	 
.p_nomal_work td {font-size:14px; border:#dbdcdd 1px solid; padding:5px 5px 5px 10px; line-height:180%; color:#666; text-align:center; background-color: #fff; }
.p_nomal_work .mintth {background-color:#d2f1ef; font-weight: 500;}
.p_nomal_work .minttd {background-color:#e6f7f6;}
.p_nomal_work .grayth {background-color:#f7f7f7;}
.p_nomal3_work .point {color:#5498c0;}

@media screen and (max-width: 800px){
.a_work02 .w100p .left {width:100%; float:none; padding-bottom: 50px;}	
.a_work02 .w100p .right {width:100%; float:none;}		
}




/*03 특화사업*/
.a_work03 {width:100%; *zoom:1;}
.a_work03:after{content:""; display:block; clear:both;}

.a_work03 .w100p {width: 100%; *zoom:1;}
.a_work03 .w100p:after{content:""; display:block; clear:both;}
.a_work03 .w100p .left{width: 25%; float: left; }
.a_work03 .w100p .left h2 {font-size: 36px; font-weight: 600; color: #666;}
.a_work03 .w100p .left h2 strong{font-size: 36px; font-weight: 600; color: #005b99;}
.a_work03 .w100p .left img {text-align: center}

.a_work03 .w100p .right{width: 75%;  float:right; font-size: 18px; line-height: 28px; color: #333;}
.a_work03 .w100p .right h2 {font-size: 28px; color: #000; margin-bottom:15px; }
.a_work03 .w100p .right h2 strong {background: url("/images/contents/border_color_work3.gif") 0 bottom repeat-x; }
.a_work03 .w100p .right p{font-size: 16px; font-weight: 300; color: #333; line-height: 20px; padding-bottom: 5px; margin-bottom:25px;}
.a_work03 .w100p .right .box {width: 100%; background-color: #f5f8fb; border: 1px solid #d6dfea; padding: 40px; margin-bottom:50px;}	
.a_work03 .w100p .right .box li {font-size: 16px; line-height: 24px; color: #333; background: url("/images/contents/doticon_b2px.gif") 0 12px no-repeat; padding-left: 10px; padding-bottom: 5px;}
.a_work03 .w100p .right .box li span{font-size: 16px; line-height: 24px; color: #004599; padding-right: 20px; }

.p_nomal_work2 table {margin-top: 20px; border:#00997c 1px solid; }
.p_nomal_work2 th {border:#dbdcdd 1px solid; vertical-align:middle; 
                 font-size:14px; padding: 5px; color:#fff; font-weight:bold; background-color:#4379ba; text-align:center;}	 
.p_nomal_work2 td {font-size:14px; border:#dbdcdd 1px solid; padding:5px 5px 5px 10px; line-height:180%; color:#666; text-align:center; background-color: #fff; }
.p_nomal_work2 .mintth {background-color:#d7e2f5; font-weight: 500;}
.p_nomal_work2 .minttd {background-color:#e4ebf8;}
.p_nomal_work2 .grayth {background-color:#f7f7f7;}

@media screen and (max-width: 800px){
.a_work03 .w100p .left {width:100%; float:none; padding-bottom: 50px;}	
.a_work03 .w100p .right {width:100%; float:none;}		
}




/* 04 청소년동반자*/
.a_work {width:100%; *zoom:1;}
.a_work:after{content:""; display:block; clear:both;}

.a_work .visual {background: url("/images/contents/work_titimg.gif") right bottom no-repeat; min-height: 219px; padding: 80px; margin-bottom: 60px;}
.a_work .visual p {font-size: 18px; line-height: 24px; color: #c99; padding-top: 20px;}
.a_work .visual h2 {font-size: 28px; line-height: 30px; color: #333; }
.a_work .visual h2 span{font-size: 28px; line-height: 30px; color: #f75656; font-weight: 800; }

.a_work .w100p {width: 100%; margin-bottom:90px;*zoom:1;}
.a_work .w100p:after{content:""; display:block; clear:both;}
.a_work .w100p .left{width: 25%; float: left; }
.a_work .w100p .left h2 {font-size: 24px; font-weight: 800; }
.a_work .w100p .left h2 strong {background: url("/images/contents/border_color_work4.gif") 0 bottom repeat-x; }
.a_work .w100p .right{width: 75%;  float:right; font-size: 18px; line-height: 28px; color: #333;}
.a_work .w100p .right li {font-size: 18px; line-height: 28px; color: #333; background: url("/images/contents/doticon_b.jpg") 0 12px no-repeat; padding-left: 10px;}

@media screen and (max-width: 1000px){
.a_work .visual {background: url("/images/contents/work_titbg.gif") 0 0 repeat; min-height: none; background-color: #fae9e9; padding: 50px; margin-bottom:50px; }
}
@media screen and (max-width: 800px){
.a_work .w100p {margin-bottom:40px;}	
.a_work .w100p .left {width:100%; float:none;}	
.a_work .w100p .right {width:100%; float:none;}	
.a_work .w100p .left h2 {padding-bottom: 15px; }	
}



/********************************************04 꿈드림***********************************************/

/* 01 꿈드림소개*/
.a_dream {width:100%; *zoom:1;}
.a_dream:after{content:""; display:block; clear:both;}

.a_dream .visual {background: url("/images/contents/dream_titimg.gif") right bottom no-repeat; min-height: 219px; background-color: #e3f8fe; padding: 80px; margin-bottom: 60px; }
.a_dream .visual p {font-size: 18px; line-height: 24px; color: #666; padding-top: 20px;}

.a_dream .w100p {width: 100%; margin-bottom:90px;*zoom:1;}
.a_dream .w100p:after{content:""; display:block; clear:both;}
.a_dream .w100p .left{width: 25%; float: left; }
.a_dream .w100p .left h2 {font-size: 24px; font-weight: 800; }
.a_dream .w100p .left h2 strong {background: url("/images/contents/border_color_dream.gif") 0 bottom repeat-x; }
.a_dream .w100p .right{width: 75%;  float:right; font-size: 18px; line-height: 28px; color: #333;}
.a_dream .w100p .right li {font-size: 18px; line-height: 28px; color: #333; background: url("/images/contents/doticon_b.jpg") 0 12px no-repeat; padding-left: 10px;}

.a_dream .leftbox {width: 48%; padding-right: 2%; float: left; 
	              border: 1px solid #ccc; min-height: 170px; background: url("/images/contents/dream_icon1.gif") 70px 50px no-repeat; padding: 40px 0px 40px 180px; }
.a_dream .leftbox h2 { font-size: 22px; color: #333; padding-bottom:5px;}
.a_dream .leftbox p {font-size: 16px; color: #999;padding-bottom:5px;}
.a_dream .leftbox p strong {font-size: 16px; color: #3399FF;padding-bottom:5px;}


.a_dream .rightbox {width: 48%; padding-left: 2%; float: right;
                   border: 1px solid #ccc; min-height: 170px; background: url("/images/contents/dream_icon2.gif") 70px 50px no-repeat; padding: 40px 0px 40px 200px;}
.a_dream .rightbox h2 { font-size: 22px; color: #333; padding-bottom:5px;}
.a_dream .rightbox p {font-size: 16px; color: #999;padding-bottom:5px;}
.a_dream .rightbox p strong {font-size: 16px; color: #3399FF;padding-bottom:5px;}


@media screen and (max-width: 900px){
.a_dream .visual {background:none; min-height:none; background-color: #e3f8fe; padding: 30px; margin-bottom:50px; }
.a_dream .w100p {margin-bottom:40px;}	
.a_dream .w100p .left {width:100%; float:none;}	
.a_dream .w100p .right {width:100%; float:none;}	
.a_dream .w100p .left h2 {padding-bottom: 15px; }	
	
.a_dream .leftbox {width: 100%; margin-bottom: 10px; }
.a_dream .leftbox {background: url("/images/contents/dream_icon1.gif") 40px 40px no-repeat; padding: 40px 0px 40px 150px;}
.a_dream .rightbox {width: 100%; }	
.a_dream .rightbox {background: url("/images/contents/dream_icon2.gif") 30px 40px no-repeat; padding: 40px 0px 40px 150px;}	
}


/*프로그램안내*/
.a_dream2 {width: 100%; float: left; }
.a_dream2  h2 {font-size: 24px; font-weight: 800; }
.a_dream2  h2 strong {background: url("/images/contents/border_color_dream.gif") 0 bottom repeat-x; }

.a_dream2 .imgbox_line {border: 1px solid #e9e9e9; padding: 20px; text-align: center; margin: 20px 0px 50px;}

.a_dream_support {*zoom:1; width: 100%; }
.a_dream_support:after{content:""; display:block; clear:both;}
.a_dream_support {border-bottom: 1px solid #f2efef; padding-top: 60px; padding-bottom: 60px;}
.a_dream_support .text {width: 75%; float: right;}
.a_dream_support .text p {color: #4e4e4e;font-size: 20px; font-weight: 600; margin-bottom:15px;}
.a_dream_support .text ul {background-color: #f7f7f7; padding: 30px;}
.a_dream_support .text li {font-size: 16px;position: relative;padding-left: 12px;margin-bottom: 3px;color:#333; background: url(/images/contents/doticon_b.jpg) 0px 10px no-repeat;}
.a_dream_support .bordertop {border-top: 1px solid #f2efef; }

.a_dream_support .tit1 {background: url(/images/contents/a_dream_support_1_icon.png) center 20px no-repeat;  width: 25%; float: left; }
.a_dream_support .tit1 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px; text-align: center; padding-top: 102px;}

.a_dream_support .tit2 {background: url(/images/contents/a_dream_support_2_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit2 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 117px;}

.a_dream_support .tit3 {background: url(/images/contents/a_dream_support_3_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit3 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 111px;}

.a_dream_support .tit4 {background: url(/images/contents/a_dream_support_4_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit4 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 118px;}

.a_dream_support .tit5 {background: url(/images/contents/a_dream_support_5_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit5 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 130px;}

.a_dream_support .tit6 {background: url(/images/contents/a_dream_support_6_icon.png) center 20px no-repeat; width: 25%; float: left; }
.a_dream_support .tit6 h2{color: #000;font-size: 24px; font-weight:bold; margin-bottom:15px;text-align: center; padding-top: 121px;}

.a_dream_support .img {margin-top: 20px; width: 75%; float: right; }
.a_dream_support .img img{padding-right: 3px; width: 32%;}

@media screen and (max-width: 900px){
.a_dream_support .text {width:100%; float:none;}	
.a_dream_support .img {width: 100%; float: none; }	
.a_dream_support .tit1 {width:100%; float:none; }	
.a_dream_support .tit2 {width:100%; float:none; }	
.a_dream_support .tit3 {width:100%; float:none; }	
.a_dream_support .tit4 {width:100%; float:none; }	
.a_dream_support .tit5 {width:100%; float:none; }	
.a_dream_support .tit6 {width:100%; float:none; }		
}