/*
#main-container{}
.main-content-box{width: 1200px;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; width:100%; margin:0 auto; }   
 }

.formtit {text-align: center; font-size: 30px; font-weight: 800; color: #000; line-height: 160%;}
.formstit {text-align: center; font-size: 14px; color: #F00; padding-bottom: 50px;}

.cir_icon_tit {font-size: 20px; color: #000; margin: 50px 0 10px 0px; padding-left: 25px;
               background: url(/images/contents/cir_icon_tit.jpg) left 5px no-repeat;} 


/*COMMON 컨텐츠wrap*/
.con_wrap {*zoom:1; margin-bottom: 200px;}
.con_wrap:after{content:""; display:block; clear:both;}


/*company*/
.greeting{width:100%; *zoom:1; }
.greeting:after{content:""; display:block; clear:both;}

.greeting h2 {font-size: 32px; line-height: 140%; color: #333; font-weight:400; letter-spacing: -1px;}
.greeting h2 span{color: #fe9a00; font-weight:400;}
.greeting h2 strong{color: #fe9a00; font-weight:700;}
.greeting img {padding:40px 0px; }
.greeting p {font-size: 18px; line-height: 160%; color: #333; }


/*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:100%; 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:#000; 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:100%; 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 th {border-bottom:#dbdcdd 1px solid; border-top:#3d3c3a 2px solid; vertical-align:middle; padding: 20px 0px;
              font-size:16px; color:#252525; font-weight:bold; background-color:#f1f1f1; 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:16px; border:#dbdcdd 1px solid; padding:20px; 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 .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 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: 30%; float: left;}

.company .right {width: 70%; float:right;}
.company .right h2 {font-size: 36px; line-height: 50px; color: #333;  font-weight: 300;}
.company .right h2 strong {color: #99cc00; font-weight: 800;}
.company .right p {padding-bottom: 30px;}
.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: 0px 50px 0px 0px;}

@media screen and (max-width: 900px){
.company .left {width:100%; float:none;}	
.company .right {width:100%; float:none;}		
.company .w100p img {width: 100%; padding: 0px;}	
}


/* 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) 5px 5px 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) 5px 5px 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) 5px 5px 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) 5px 5px 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) 5px 5px 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) 5px 5px no-repeat; line-height: 40px;border-bottom: 1px solid #f2efef;}

@media screen and (max-width: 900px){
.a_counseling1 {background-position: center 25px;padding: 160px 10px 10px;}
.a_counseling1 h2 {text-align: center}	
.a_counseling1 li{font-size: 14px;}	
.a_counseling1 p{font-size: 16px;}	
.info_icon_box{padding: 10px;}	
.info_icon_1 {background: url(/images/contents/info_icon1.png) 5px 7px no-repeat; padding: 10px 0px 10px 35px; line-height: 160%; }
.info_icon_2 {background: url(/images/contents/info_icon2.png) 5px 7px no-repeat; padding: 10px 0px 10px 35px; line-height: 160%; }
.info_icon_3 {background: url(/images/contents/info_icon3.png) 5px 7px no-repeat; padding: 10px 0px 10px 35px; line-height: 160%; }
.info_icon_4 {background: url(/images/contents/info_icon4.png) 5px 7px no-repeat; padding: 10px 0px 10px 35px; line-height: 160%; }
.info_icon_5 {background: url(/images/contents/info_icon5.png) 5px 7px no-repeat; padding: 10px 0px 10px 35px; line-height: 160%; }
.info_icon_6 {background: url(/images/contents/info_icon6.png) 5px 7px no-repeat; padding: 10px 0px 10px 35px; line-height: 160%; }	
}

/*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; }	
.a_work01 .w100p .right .box {padding: 30px 15px;}	
.a_work01 .w100p .right h2 strong {font-weight:600;}	
.a_work01 .w100p .right .box li {font-size: 14px;}
.a_work01 .w100p .right .box li span{font-size: 14px; padding-right: 10px; }			
}


/*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_nomal_work .graytd {background-color:#ccc;}
.p_nomal_work .th2_gray {color: #fff; font-weight: 500;}
.p_nomal_work .th2_blue {background-color:#36c; color: #fff; font-weight: 500;}	
.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;}	
.a_work02 .w100p .right .box {padding: 30px 15px;}	
.a_work02 .w100p .right h2 strong {font-weight:600;}	
.a_work02 .w100p .right .box li {font-size: 14px;}
.a_work02 .w100p .right .box li span{font-size: 14px; padding-right: 10px; }	
.a_work02 .w100p .right p{line-height:160%; }
.p_nomal_work .minttd {background-color:#e6f7f6;  color: #000;}
.p_nomal_work .grayth {background-color:#f7f7f7;  color: #000;}	
}




/*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;}
.p_nomal_work2 .th2_gray {background-color:#636363; color: #fff; font-weight: 500;}
.p_nomal_work2 .th2_blue {background-color:#36c; color: #fff; font-weight: 500;}	

@media screen and (max-width: 800px){
.p_nomal_work2 {width: 100%;}	
.a_work03 {width: 100%;}	
.a_work03 .w100p .left {width:100%; float:none; padding-bottom: 50px;}	
.a_work03 .w100p .right {width:100%; float:none;}
.a_work03 .w100p .right .box {padding: 30px 15px;}	
.a_work03 .w100p .right h2 strong {font-weight:600;}	
.a_work03 .w100p .right .box li {font-size: 14px;}
.a_work03 .w100p .right .box li span{font-size: 14px; padding-right: 10px; }
.a_work03 .w100p .right p{line-height:160%; }		
}




/* 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 .visual {padding: 30px;}	
.a_work .visual h2 {font-size: 20px; }	
.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; }	
.a_work .w100p .left h2 strong {font-weight:600;}		
	.a_work .w100p .right {font-size: 16px;}
	.a_work .w100p .right .box {padding: 30px 15px;}	
.a_work .w100p .right .box li {font-size: 14px;}
.a_work .w100p .right .box li span{font-size: 14px; padding-right: 10px; }		
}



/********************************************08 별책부록***********************************************/

/* 01 별책부록 소개*/
.a_youth {width:100%; *zoom:1;}
.a_youth:after{content:""; display:block; clear:both;}

.a_youth .visual {background: url("/images/contents/youth_titimg.gif") right bottom no-repeat; min-height: 219px; background-color: #fffceb; padding: 80px; margin-bottom: 60px; }
.a_youth .visual p {font-size: 18px; line-height: 24px; color: #666; padding-top: 20px;}

.a_youth .w100p {width: 100%; margin-bottom:90px;*zoom:1;}
.a_youth .w100p:after{content:""; display:block; clear:both;}
.a_youth .w100p .left{width: 25%; float: left; }
.a_youth .w100p .left h2 {font-size: 24px; font-weight: 800; }
.a_youth .w100p .left h2 strong {background: url("/images/contents/border_color_youth.gif") 0 bottom repeat-x; }
.a_youth .w100p .right{width: 75%;  float:right; font-size: 18px; line-height: 28px; color: #333;}
.a_youth .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;}

/*하단 박스 내용*/
.box_wrap width:100%; *zoom:1;}
.box_wrap:after{content:""; display:block; clear:both;}

/*1*/
.box_wrap .box1{width: 32%; padding: 50px 0px 100px 40px; margin: 10px 10px 10px 0px; float: left; border: 1px solid #d6d6d6; border-radius: 30px;
                background: url("/images/contents/youth_box_img1.jpg") right bottom no-repeat; }
.box_wrap .box1 h2 strong {font-size: 36px; line-height: 140%; color: #333;}
.box_wrap .box1 h2 strong {backgound: url("/images/contents/youth_box_tit.jpg") 0 bottom repeat-x; text-align: center;}
.box_wrap .box1 ul{padding: 20px 0px;}
.box_wrap .box1 li{background: url("/images/contents/youth_box_li.jpg") left 10px no-repeat;
                   padding: 0px 0px 10px 10px; font-size: 18px; line-height: 130%; color: #333;  }

/*2*/
.box_wrap .box2{width: 32%; padding: 50px 0px 100px 40px; margin: 10px; float: left; border: 1px solid #d6d6d6; border-radius: 30px;
                background: url("/images/contents/youth_box_img2.jpg") right bottom no-repeat; }
.box_wrap .box2 h2 {font-size: 36px; line-height: 140%; color: #333;}
.box_wrap .box2 h2 strong {backgound: url("/images/contents/youth_box_tit.jpg") 0 bottom repeat-x; text-align: center;}
.box_wrap .box2 ul{padding: 20px 0px;}
.box_wrap .box2 li{background: url("/images/contents/youth_box_li.jpg") left 10px no-repeat;
                   padding: 0px 0px 10px 10px; font-size: 18px; line-height: 130%; color: #333;  }

/*3*/
.box_wrap .box3{width: 32%; padding: 50px 0px 100px 40px; margin: 10px 0px 10px 10px; float: left; border: 1px solid #d6d6d6; border-radius: 30px;
                background: url("/images/contents/youth_box_img3.jpg") right bottom no-repeat; }
.box_wrap .box3 h2 {font-size: 36px; line-height: 140%; color: #333;}
.box_wrap .box3 h2 strong {backgound: url("/images/contents/youth_box_tit.jpg") 0 bottom repeat-x; text-align: center;}
.box_wrap .box3 ul{padding: 20px 0px;}
.box_wrap .box3 li{background: url("/images/contents/youth_box_li.jpg") left 10px no-repeat;
                   padding: 0px 0px 10px 10px; font-size: 18px; line-height: 130%; color: #333;  }


@media screen and (max-width: 1100px){
.box_wrap .box1{width: 30%; padding: 50px 0px 100px 40px; margin: 5px 5px 5px 0px; }
.box_wrap .box2{width: 30%; padding: 50px 0px 100px 40px; margin: 5px; }
.box_wrap .box3{width: 30%; padding: 50px 0px 100px 40px; margin: 5px 0px 5px 5px; }
}

@media screen and (max-width: 900px){
.a_youth .visual {background:none; min-height:none; background-color: #fffceb; padding: 30px; margin-bottom:50px; }
.a_youth .w100p {margin-bottom:40px;}	
.a_youth .w100p .left {width:100%; float:none;}	
.a_youth .w100p .right {width:100%; float:none;}	
.a_youth .w100p .left h2 {padding-bottom: 15px; }	
.a_youth .w100p .left h2 strong {font-weight:600;}		
.a_youth .w100p .right{font-size: 16px; }
.a_youth .w100p .right li{font-size: 16px; }	

.box_wrap .box1{width: 100%; padding: 50px 0px 100px 40px; margin: 5px 5px 5px 5px; }
.box_wrap .box2{width: 100%; padding: 50px 0px 100px 40px; margin: 5px 5px 5px 5px; }
.box_wrap .box3{width: 100%; padding: 50px 0px 100px 40px; margin: 5px 5px 5px 5px; }
}

/********************************************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 .w100p .left h2 strong {font-weight:600;}		
.a_dream .w100p .right{font-size: 16px; }
.a_dream .w100p .right li{font-size: 16px; }	
.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; }		
}

