@charset "utf-8";


.s_content .s_left h2{background: #1ab5aa;}
.basic_tab li.on a:hover{background-color:#1ab5aa;}
.basic_tab li a:hover{background:#1ab5aa;}

/*센터소개*/
.greeting{width:100%;line-height: 30px;/* margin-top: 20px; */margin: 20px 0;}
.greeting .fc_color{font-size:22px; line-height:22px; color:#0052ca; font-weight:600; }

@media all and (min-width:768px) {
.greeting{background: url(/images/13_youth/sub01/greeting_bg.png) no-repeat right bottom;padding: 59px 0 121px 0;}
}

/*솔리언또래상담*/

@media all and (min-width:768px) {
ul.basic_ul.solien {background: url(/images/13_youth/sub02/img05_01_01.png) no-repeat right;padding: 20px 208px 0 0;}
ul.basic_ul.site{background: url(/images/13_youth/sub02/img05_01_02.png) no-repeat right;padding: 20px 0 20px 0;}
}
/*올틴품성개발*/

@media all and (min-width:768px) {
ul.basic_ul.olteen {background: url(/images/13_youth/sub02/img05_02_01.png) no-repeat right;padding: 35px 173px 25px 0;}
}

/*이음부모교육*/
@media all and (min-width:768px) {
ul.basic_ul.iem {background: url(/images/13_youth/sub02/img05_03_01.png) no-repeat right;padding: 20px 208px 0 0;}
}

/*청소년전화 1388*/
ul.helpline{width:100%;}
ul.helpline:after {display:block;content:'';clear:both;}
ul.helpline li {float:left;width: 100%;border-left:solid 1px #ccc; margin-top:20px;
line-height: 20px;box-sizing: border-box; border-right:solid 1px #ccc; }
ul.helpline li:first-child {margin-left:0;}
ul.helpline li span {display:block;}
ul.helpline li .tit {font-size: 16px;font-weight:bold;text-align:center;padding: 135px 0 15px;}
ul.helpline li.call01 .tit {background: url('/images/13_youth/sub02/helpline_icon01.png') no-repeat 50% 8px;border-top:2px solid #3674dc;}
ul.helpline li.call02 .tit {background: url('/images/13_youth/sub02/helpline_icon02.png') no-repeat 50% 7px;border-top:2px solid #11ad58;}
ul.helpline li.call03 .tit {background: url('/images/13_youth/sub02/helpline_icon03.png') no-repeat 50% 9px;border-top:2px solid #ffa133;}
ul.helpline li.call03{border-right:solid 1px #ccc;}
ul.helpline li .txt {padding:15px;min-height:113px;border-top:1px solid #e1e1e1;background:#f7f7f7;font-size: 15px;text-align: center;}
ul.helpline li .txt strong {display:block;font-size:14px;background:url('/images/youth/common/dot_blue.gif') no-repeat 0 7px; padding-bottom: 13px;padding-left:7px;}
ul.helpline li .call_time {padding:15px;min-height:30px;color:#fff;text-align: center;line-height: 20px;}
ul.helpline li .call_time strong {display:block;font-size:14px;background:url('/images/youth/common/dot_white.gif') no-repeat 0 7px;/* padding-left:7px; */}
ul.helpline li.call01 .call_time {background:#3674dc;}
ul.helpline li.call02 .call_time {background: #11ad58;}
ul.helpline li.call03 .call_time {background:  #ffa133;}

@media all and (min-width:768px) {
ul.helpline li {width: 33.3%; margin-top:0; border-right:none;}
}



/*센터연혁*/
ul.history {width:100%;}
ul.history > li { margin-bottom:30px;}
ul.history li:after {display:block;content:'';clear:both;}
ul.history .years {float:left;display: block;width: 100%;margin: 5px 0 0 5px;padding: 11px 0px;font-weight:bold;text-align:center;background: url(/images/13_youth/sub01/bg_years_pattern.png) repeat #003e98; color: #fff;font-size: 20px;margin-top: 5px;}
ul.history .years01{float:left;display: block;width: 100%;margin: 5px 0 0 5px;padding: 9px 0;font-weight:bold;text-align:center;background: url(/images/13_youth/sub01/bg_years_pattern.png) repeat #0162ef;color: #fff;font-size: 22px;margin-top: 5px;}

ul.history .txt {float:left;width: 100%;}
ul.history .years01 .txt li{} 
ul.history .txt li {padding: 10px 0 5px 40px;line-height: 1.8em;color: #5d7392;font-size: 17px;font-weight: 600;border-bottom: dashed 1px #ccc;}
ul.history .txt li span{font-size: 19px;font-weight: 600;padding: 8px 21px;color: #00cbdd;background: url(/images/01_potal/sub/li01.png) no-repeat 0 15px;}

@media all and (min-width:768px) {
ul.history .years {width: 16%;border-radius: 27px;margin: 0px 30px 0 23px;}
ul.history .years01{width: 17%;border-radius: 24px;margin: 24px 26px 0 17px;}
ul.history .txt li{width: 79%;background: url(/images/01_potal/sub/li02.gif) no-repeat 25px 22px;}
ul.history .txt {width: 71%;}
}
/*꿈드림 주요서비스*/
ul.m_service {width:100%;}
ul.m_service h5{width:100%;text-align: center;background: none;padding: 0;margin: 0 auto;padding-bottom: 10px; ;}
ul.m_service .txt {width: 90%;display: block;margin: 0 auto;text-align: center;/* padding: 0 17px; */line-height: 21px;}
ul.m_service li {width: 100%;margin-bottom:10px;border:1px solid #e1e1e1;padding: 20px 0;}
ul.m_service li:after {display:block;content:'';clear:both;}

@media all and (min-width:768px) {
ul.m_service li {border-radius: 22px;}
ul.m_service h5 {float:left;width: 17%;padding: 20px 10px 20px 60px;font-weight:bold;color: #4695fa;background: url(/images/13_youth/sub04/check_box.png) no-repeat 20px 19px;margin:0;text-align: left;/* line-height: 1.5em; */border-right:1px solid #e1e1e1;}
ul.m_service h5 span {display:block;font-size:12px;color: #225eae;}
ul.m_service .txt {float:left;display:block;width: 60%;line-height: 36px;padding: 20px 15px;}
}

/*꿈드림 참여안내*/
ul.participation {width: 100%;margin: 25px 0 0 0;}
ul.participation:after {display:block;content:'';clear:both;}
ul.participation li:first-child {background:none;padding-left: 0;}
ul.participation li {float:left ;width:100%; text-align:center; background: url('/images/13_youth/sub04/step_arr.png') no-repeat 0 center; margin-top:20px;}
ul.participation li span {display:block;}
ul.participation .step01 .tit {border-top: 2px solid #3674dc;}
ul.participation .step02 .tit {border-top: 2px solid #11ad58;}
ul.participation .step03 .tit {border-top: 2px solid #ffa133;}
ul.participation .img {height:150px;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
ul.participation .icon01 {background:url('/images/13_youth/sub04/icon_step01.png') no-repeat center 20px;}
ul.participation .icon02 {background:url('/images/13_youth/sub04/icon_step02.png') no-repeat center 20px;}
ul.participation .icon03 {background:url('/images/13_youth/sub04/icon_step03.png') no-repeat center 20px;}
ul.participation li .tit {display:block;font-size:14px;font-weight:bold;background:#f7f7f7;padding:15px 0;margin:0;border-bottom:1px solid #e1e1e1;border-left:1px solid #e1e1e1;border-right:1px solid #e1e1e1;}
ul.participation li .txt {display:block;font-size:14px;font-weight:bold;padding:15px 0;margin:0;color:#fff;}
ul.participation .step01 .txt {background: #3674dc;min-height: 28px; }
ul.participation .step02 .txt {background: #11ad58; min-height: 28px; }
ul.participation .step03 .txt {background: #ffa133; min-height: 28px;}
@media all and (min-width:768px) {
ul.participation .step01 .txt, ul.participation .step02 .txt,ul.participation .step03 .txt { line-height:28px;}

ul.participation li{width:33.3%; margin-top:0;}
}

/*지도*/
#map{ border:solid 1px #ccc;}

/*박스*/
.box_info {width:100%;border: 1px dashed #accdca;margin: 0 0 20px 0;padding: 0;background:url("/images/13_youth/sub02/img02_bg.png")no-repeat 8px 28px;}
.box_info p{padding:40px 0px 40px 128px; line-height: 1.6em;}
.box_info p .point{font-size:20px;color: #0052ca;padding-bottom:10px;}     


@media all and (min-width:768px) { 
.box_info {width:100%;border: 1px dashed #accdca;margin: 0 0 20px 0;padding: 0;background:url("/images/13_youth/sub02/img02_bg.png")no-repeat 26px 28px;}         
.box_info p{padding:40px 0px 40px 165px; line-height: 1.6em;}
}         

/*결과보기*/
.btn_survey_submit {padding: 10px 55px;background: #1ab5aa;border: 1px solid #13958c;color:#fff;font-size: 15px;cursor:pointer;margin: 15px auto 10px auto;/*border-radius: 20px;*/}