@charset "UTF-8"; 
/* 서브 비주얼 */

.sv-wrap { 
 height: 230px; 
 text-align: center; 
 box-sizing: border-box; 
 padding-top: 70px; 
 position: relative; 
 } 

.sv-wrap .sv-tit { 
 font-size: 35px; 
 color: #fff; 
line-height: normal; 
 } 

.sv-wrap .sv-lnb { 
 background-color: rgba(0, 171, 94, 0.8); 
 display: flex; 
 height: 53px; 
 line-height: 53px; 
 position: absolute; 
 bottom: 0px; 
 width: 1200px; 
 left: 50%; 
 margin: 0 0 0 -600px; 
 border-radius: 7px 7px 0 0; 
 z-index: 2; 
 } 

.sv-wrap .sv-lnb>div { 
 border-right: 1px solid #008f57; 
 font-size: 16px; 
 color: #fff; 
 cursor: pointer; 
 } 

.sv-wrap .sv-lnb .depth1, .sv-wrap .sv-lnb .depth2 { 
 min-width: 260px; 
 background-image: url(/image/sub/down-arrow.png); 
 background-repeat: no-repeat; 
 background-position: 90%; 
 text-align: left; 
 box-sizing: border-box; 
 } 

.sv-wrap .sv-lnb .depth1>.lsnb-head, .sv-wrap .sv-lnb .depth2>.lsnb-head { 
 padding-left: 18px; 
 padding-right: 65px; 
 } 

.sv-wrap .sv-lnb .depth1 .lsnb, .sv-wrap .sv-lnb .depth2 .lsnb { 
 width: 100%; 
 background-color: #fff; 
 box-shadow: 1px 2px 5px 0px rgba(0, 0, 0, 0.2); 
 font-size: 16px; 
 padding: 20px 0; 
 display: none; 
 opacity: 0; 
 } 

.sv-wrap .sv-lnb .depth1 .lsnb li, .sv-wrap .sv-lnb .depth2 .lsnb li { 
 box-sizing: border-box; 
 line-height: 1.4rem; 
 padding: 7px 18px 7px 18px; 
 color: #666; 
 font-weight: 300; 
 } 

.sv-wrap .sv-lnb .depth1 .lsnb li:hover, .sv-wrap .sv-lnb .depth2 .lsnb li:hover { 
 color: #00ac60; 
 } 

.sv-wrap .sv-lnb .home { 
 width: 55px; 
 border-right: 1px solid #008f57; 
 } 

.sv-wrap .sv-lnb .home img { 
 transform: translateY(4px); 
 } 

.sv-wrap .sv-lnb .right { 
 margin-left: auto; 
 display: flex; 
 border-right: none; 
 } 

.sv-wrap .sv-lnb .right .tw { 
 border-right: 1px solid #008f57; 
 border-left: 1px solid #008f57; 
 width: 55px; 
 cursor: pointer; 
 } 

.sv-wrap .sv-lnb .right .fb { 
 border: none; 
 width: 55px; 
 cursor: pointer; 
 } 

/* $서브 비주얼 */

/* 서브 공통 */

/* 메인타이틀 */

section .main-tit { 
 font-size: 26px; 
 position: relative; 
 text-align: center; 
 font-weight: 500; 
 padding-bottom: 18px; 
 text-align: center; 
 } 

section .main-tit::after { 
 content: ""; 
 position: absolute; 
 bottom: 0px; 
 width: 20px; 
 height: 2px; 
 background-color: #000; 
 left: 50%; 
 margin: 0 0 0 -10px; 
 } 

/* $메인타이틀 */

/* 탭 */

.tab-wrap { 
 display: flex; 
 margin-top: 50px; 
 } 

.tab-wrap .tab { 
width: 100%;
 /* width: 33.3%;  */
 text-align: center; 
 height: 60px; 
 line-height: 60px; 
 font-size: 16px; 
 background-color: #f9f9f9; 
 color: #999; 
 border-top: 1px solid #ddd; 
 border-left: 1px solid #ddd; 
 border-right: 1px solid #ddd; 
 border-bottom: 1px solid #ddd; 
 margin-left: -1px; 
 cursor: pointer; 
 } 

.tab-wrap .tab.on { 
 background-color: #fff; 
 border-top: 1px solid #999; 
 border-bottom: none; 
 color: #333; 
 font-weight: bold; 
 } 

/* $탭 */

/* 게시판 */

.brd-wrap { 
 margin: 50px 0; 
 border-top: 1px solid #999999; 
 /* 글쓰기 버튼 */
 /* 글쓰기 버튼 */
 } 

.brd-wrap .brd-tr { 
 display: flex; 
 padding: 25px 0; 
 border-bottom: 1px solid #ddd; 
 align-items: center; 
 } 

.brd-wrap .brd-tr .division { 
 width: 140px; 
 text-align: center; 
 } 

.brd-wrap .brd-tr .division .cate { 
 width: 85px; 
 text-align: center; 
 background-color: #fff; 
 color: #fff; 
 border-radius: 2px; 
 margin-right: 40px; 
 font-size: 15px; 
 margin: auto; 
 box-sizing: border-box; 
 } 

.brd-wrap .brd-tr .division .cate.counsel { 
 background-color: #00ac5f; 
 } 

.brd-wrap .brd-tr .division .cate.dream { 
 background-color: #ff8957; 
 } 

.brd-wrap .brd-tr .division .cate.all { 
 border: 1px solid; 
color:black; 
 } 

.brd-wrap .brd-tr .division .cate.notice { 
 background-color: #fff; 
 border: 1px solid #949494; 
 color: #333; 
 font-weight: 500; 
 } 

.brd-wrap .brd-tr .division .cate.wait { 
 background-color: #fff; 
 color: #00ac5f; 
 border: 1px solid #00ac5f; 
 font-weight: 500; 
 } 

.brd-wrap .brd-tr .division .cate.comp { 
 background-color: #00ac5f; 
 } 

.brd-wrap .brd-tr .title { 
 width: 900px; 
 text-overflow: ellipsis; 
 overflow: hidden; 
 white-space: nowrap; 
 font-size: 19px; 
 padding-left: 30px; 
 box-sizing: border-box; 
 position: relative; 
 } 

.brd-wrap .brd-tr .title .new { 
 background-color: #ec885a; 
 color: #fff; 
 width: 15px; 
 height: 15px; 
 line-height: 15px; 
 font-size: 0.7rem; 
 text-align: center; 
 display: inline-block; 
 margin-left: 5px; 
 vertical-align: middle; 
 } 

.brd-wrap .brd-tr .title .noti { 
 display: inline-block; 
 margin-right: 5px; 
 vertical-align: middle; 
 position: absolute; 
 left: 0; 
 } 

.brd-wrap .brd-tr .title .file { 
 display: inline-block; 
 margin-left: 5px; 
 vertical-align: middle; 
 } 

.brd-wrap .brd-tr .title.w780 { 
 width: 780px; 
 } 

.brd-wrap .brd-tr .writer { 
 width: 140px; 
 text-align: center; 
 font-size: 17px; 
 color: #999; 
 font-weight: 300; 
 } 

.brd-wrap .brd-tr .date { 
 width: 140px; 
 margin-left: auto; 
 text-align: center; 
 color: #999; 
 font-size: 16px; 
 font-weight: 300; 
 font-family: "Open Sans", sans-serif; 
 } 

.brd-wrap .brd-tr.brd-head { 
 border-bottom: 1px solid #ddd; 
 } 

.brd-wrap .brd-tr.brd-head>div { 
 text-align: center; 
 font-size: 17px; 
 color: #333; 
 font-weight: bold; 
 } 

.brd-wrap .brd-cont:hover { 
 background-color: #f9f9f9; 
 } 

.brd-wrap .write-btn { 
 margin-top: 18px; 
 text-align: right; 
 } 

/* $게시판 */

/* 게시판 글쓰기 */

.brd-write { 
 margin-top: 50px; 
 margin-bottom: 150px; 
 } 

.brd-write input { 
 height: 30px; 
 line-height: 30px; 
 border: 1px solid #ddd; 
 padding-left: 12px; 
 box-sizing: border-box; 
 } 

.brd-write .i175 { 
 width: 175px; 
 } 

.brd-write .btn-wrap { 
 text-align: center; 
 margin-top: 50px; 
 } 

.brd-write .btn-wrap button { 
 width: 160px; 
 background-color: #a1a1a1; 
 color: #fff; 
 height: 48px; 
 border: 1px solid #a1a1a1; 
 font-size: 16px; 
 border-radius: 2px; 
 } 

.brd-write .btn-wrap button:hover { 
 background-color: #00ac5f; 
 border: 1px solid #00ac5f; 
 } 

/* $게시판 글쓰기 */

/* $서브 공통 */

/* 로그인 */

.login-wrap { 
 padding: 100px 0 150px; 
 } 

.login-wrap .login-box { 
 display: flex; 
 border: 1px solid #ddd; 
 padding: 35px 0; 
 background-image: url(/image/sub/login-bg.jpg); 
 background-repeat: no-repeat; 
 margin-top: 35px; 
 /* 로그인 폼 */
 /* $로그인 폼 */
 /* 찾기 메뉴 */
 /* 찾기 메뉴 */
 } 

.login-wrap .login-box .login-info { 
 width: 50%; 
 border-right: 1px solid #ddd; 
 padding: 15px 45px; 
 box-sizing: border-box; 
 } 

.login-wrap .login-box .login-info input[type="text"], .login-wrap .login-box .login-info input[type="password"] { 
 height: 55px; 
 line-height: 55px; 
 padding-left: 18px; 
 background-color: #f5f5f5; 
 outline: none; 
 width: 500px; 
 border: 1px solid #ddd; 
 box-sizing: border-box; 
 font-size: 17px; 
 margin-bottom: 20px; 
 } 

.login-wrap .login-box .login-info input[type="text"]::-webkit-input-placeholder, .login-wrap .login-box .login-info input[type="password"]::-webkit-input-placeholder { 
 color: #777; 
 } 

.login-wrap .login-box .login-info input[type="text"]:-ms-input-placeholder, .login-wrap .login-box .login-info input[type="password"]:-ms-input-placeholder { 
 color: #777; 
 } 

.login-wrap .login-box .login-info input[type="text"]::-ms-input-placeholder, .login-wrap .login-box .login-info input[type="password"]::-ms-input-placeholder { 
 color: #777; 
 } 

.login-wrap .login-box .login-info input[type="text"]::-moz-placeholder, .login-wrap .login-box .login-info input[type="password"]::-moz-placeholder { 
 color: #777; 
 } 

.login-wrap .login-box .login-info input[type="text"]::placeholder, .login-wrap .login-box .login-info input[type="password"]::placeholder { 
 color: #777; 
 } 

.login-wrap .login-box .login-info .login-btn { 
 width: 500px; 
 height: 55px; 
 border: none; 
 background-color: #00ac5f; 
 color: #fff; 
 font-size: 18px; 
 margin-bottom: 20px; 
 } 

.login-wrap .login-box .login-info .remember-id { 
 font-size: 14px; 
 color: #777; 
 cursor: pointer; 
 display: inline-block; 
 } 

.login-wrap .login-box .login-info .remember-id .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.login-wrap .login-box .login-info .remember-id .circle.on { 
 background-color: #fdfdfd; 
 } 

.login-wrap .login-box .login-info .remember-id .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 
.login-wrap .login-box .login-info .remember-id .circle2 { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.login-wrap .login-box .login-info .remember-id .circle2.on { 
 background-color: #fdfdfd; 
 } 

.login-wrap .login-box .login-info .remember-id .circle2.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 
.login-wrap .login-box .login-info .remember-id input[type="checkbox"] { 
 display: none; 
 } 

.login-wrap .login-box .login-menu { 
 padding: 15px 45px; 
 box-sizing: border-box; 
 color: #999; 
 font-size: 16px; 
 } 

.login-wrap .login-box .login-menu .menus { 
 margin-bottom: 18px; 
 } 

.login-wrap .login-box .login-menu .menus .emp { 
 color: #00ac5f; 
 font-weight: 600; 
 margin-left: 5px; 
 } 

.login-wrap .login-box .login-menu .apply-chk { 
 color: #00ac5f; 
 font-weight: 600; 
 border: 1px solid #00ac5f; 
 border-radius: 30px; 
 text-align: center; 
 padding: 12px 43px 12px 24px; 
 display: inline-block; 
 margin-top: 20px; 
 background-image: url(/image/sub/right-arrow03.png); 
 background-repeat: no-repeat; 
 background-position: 90%; 
 } 

/* $로그인 */

/* 회원가입 */

.j-wrap { 
 padding: 100px 0; 
 /* JOIN02 정보입력 */
 /* $JOIN02 정보입력 */
 } 

.j-wrap .btn-wrap { 
 text-align: center; 
 margin-top: 50px; 
 } 

.j-wrap .btn-wrap .join01-ok { 
 background-color: #00ac5f; 
 color: #fff; 
 border: #00ac5f; 
 font-size: 16px; 
 padding: 12px 48px; 
 border-radius: 2px; 
 } 

.j-wrap .msg { 
 float: none !important; 
 text-align: right; 
 margin-bottom: 15px; 
 } 

.j-wrap .join02-wrap { 
 border: 1px solid #ddd; 
 padding: 55px 0 125px; 
 } 

.j-wrap .join02-wrap .join02-inner { 
 width: 620px; 
 margin: auto; 
 padding: 40px 0 0 0; 
 border: none; 
 } 

.j-wrap .join02-wrap .join02-inner tr { 
 border: none; 
 } 

.j-wrap .join02-wrap .join02-inner tr th { 
 background: none; 
 vertical-align: top; 
 padding: 23px 0px 12px 20px; 
 border: none; 
 } 

.j-wrap .join02-wrap .join02-inner tr td { 
 padding: 12px 0px 12px 12px; 
 border: none; 
 } 

.j-wrap .join02-wrap .join02-inner tr td .s-txt { 
 font-size: 15px; 
 color: #666; 
 margin-top: 8px; 
 } 

.j-wrap .join02-wrap .join02-inner tr td .form-btn { 
 font-size: 14px; 
 padding: 0 20px; 
 margin-left: 12px; 
 } 

.j-wrap .join02-wrap .join02-inner tr td .circle-wrap { 
 cursor: pointer; 
 display: inline-block; 
 margin-top: 8px; 
 } 

.j-wrap .join02-wrap .join02-inner tr td .circle-wrap input { 
 display: none; 
 } 

.j-wrap .join02-wrap .join02-inner tr td .circle-wrap .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.j-wrap .join02-wrap .join02-inner tr td .circle-wrap .circle.on { 
 background-color: #fdfdfd; 
 } 

.j-wrap .join02-wrap .join02-inner tr td .circle-wrap .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.j-wrap .btn-wrap .back-btn { 
 width: 160px; 
 height: 48px; 
 /* line-height: 50px; */
 color: #fff; 
 border: none; 
 border-radius: 2px; 
 background-color: #a1a1a1; 
 margin: 0 5px; 
 } 

.j-wrap .btn-wrap .join02-btn { 
 width: 160px; 
 height: 48px; 
 /* line-height: 50px; */
 color: #fff; 
 border: none; 
 border-radius: 2px; 
 background-color: #00ac5f; 
 margin: 0 5px; 
 } 

.j-wrap .join-success-wrap { 
 display: flex; 
 width: 800px; 
 margin: auto; 
 padding: 90px 0; 
 align-items: center; 
 } 

.j-wrap .join-success-wrap .join-success { 
 padding: 0 25px; 
 } 

.j-wrap .join-success-wrap .join-success .tit { 
 font-size: 34px; 
 line-height: 3rem; 
 } 

.j-wrap .join-success-wrap .join-success .stit { 
 margin-top: 16px; 
 font-weight: 300; 
 color: #666; 
 line-height: 22px; 
 } 

.j-wrap .join-success-wrap .join-success .btn-wrap { 
 margin-top: 30px; 
 text-align: left; 
 } 

/* $회원가입 */

/* 아이디&패스워드 찾기 */

.find-wrap { 
 padding: 100px 0 150px; 
 } 

.find-wrap .tab-wrap { 
 width: 100%; 
 } 

.find-wrap .tab-wrap .tab { 
 width: 50%; 
 } 

.find-wrap .find-way { 
 width: 1201px; 
 margin-left: -1px; 
 margin-top: -1px; 
 /* 이메일주소로 찾기 DEFAULT 숨김 */
 /* $이메일주소로 찾기 DEFAULT 숨김 */
 } 

.find-wrap .find-way .tit { 
 font-size: 14px; 
 padding-left: 15px; 
 padding: 15px 25px 25px 25px; 
 color: #737373; 
 border-left: 1px solid #ddd; 
 border-right: 1px solid #ddd; 
 } 

.find-wrap .find-way table { 
 border: 1px solid #ddd; 
 font-size: 16px; 
 } 

.find-wrap .find-way table tr { 
 border-bottom: 1px solid #ddd; 
 } 

.find-wrap .find-way table tr th { 
 padding: 20px 0 20px 20px; 
 background-color: #f5f5f5; 
 text-align: left; 
 } 

.find-wrap .find-way table tr td { 
 padding: 20px 0 20px 20px; 
 } 

.find-wrap .find-way table tr td input, .find-wrap .find-way table tr td select { 
 border: 1px solid #ddd; 
 box-sizing: border-box; 
 height: 35px; 
 line-height: 35px; 
 } 

.find-wrap .find-way table tr td .i95 { 
 width: 95px; 
 } 

.find-wrap .find-way table tr td .i170 { 
 width: 170px; 
 } 

.find-wrap .find-way table tr td .i230 { 
 width: 230px; 
 } 

.find-wrap .find-way .find-email { 
 /* display: none; */
 } 

.find-wrap .find-way .btn-wrap { 
 text-align: center; 
 margin-top: 45px; 
 } 

.find-wrap .find-way .btn-wrap>button { 
 width: 160px; 
 height: 48px; 
 /* line-height: 50px; */
 color: #fff; 
 border: none; 
 border-radius: 2px; 
 background-color: #00ac5f; 
 margin: 0 5px; 
 } 

/* $아이디&패스워드 찾기 */

/* 마이페이지 */

.mp-wrap { 
 padding: 70px 0 145px; 
 /* 비밀번호 확인 */
 /* $비밀번호 확인 */
 /* 나의 신청정보 */
 /* $나의 신청정보 */
 } 

.mp-wrap .mp-chk { 
 border: 1px solid #ddd; 
 margin-top: 45px; 
 padding: 55px 25px 45px; 
 } 

.mp-wrap .mp-chk .mp-chk-inner { 
 width: 620px; 
 margin: auto; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table th { 
 text-align: left; 
 padding: 15px 0; 
 vertical-align: top; 
 line-height: 40px; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td { 
 padding: 15px 0; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td select, .mp-wrap .mp-chk .mp-chk-inner table td input[type="text"], .mp-wrap .mp-chk .mp-chk-inner table td input[type="password"] { 
 height: 40px; 
 line-height: 40px; 
 width: 360px; 
 border: 1px solid #ddd; 
 padding-left: 12px; 
 box-sizing: border-box; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td input[type="password"]::-webkit-input-placeholder { 
 font-weight: 300; 
 color: #666; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td input[type="password"]::-moz-placeholder { 
 font-weight: 300; 
 color: #666; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td input[type="password"]:-ms-input-placeholder { 
 font-weight: 300; 
 color: #666; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td input[type="password"]::-ms-input-placeholder { 
 font-weight: 300; 
 color: #666; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td select, .mp-wrap .mp-chk .mp-chk-inner table td input[type="text"], .mp-wrap .mp-chk .mp-chk-inner table td input[type="password"]::placeholder { 
 font-weight: 300; 
 color: #666; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td textarea { 
 height: 140px; 
 resize: none; 
 border: 1px solid #ddd; 
 overflow: auto; 
 box-sizing: border-box; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td textarea:disabled { 
 background-color: #f5f5f5; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td .i520 { 
 width: 520px !important; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td button { 
 background-color: #00ac5f; 
 color: #fff; 
 width: 120px; 
 border: 1px solid #00ac5f; 
 height: 42px; 
 /* line-height: 42px; */
 font-size: 14px; 
 margin-left: 7px; 
 border-radius: 2px; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td .circle.on { 
 background-color: #fdfdfd; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table td input[type="radio"] { 
 display: none; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table .menu-wrap { 
 display: flex; 
 line-height: 40px; 
 } 

.mp-wrap .mp-chk .mp-chk-inner table .menu-wrap .radio-btns { 
 margin-right: 20px; 
 cursor: pointer; 
 } 

.mp-wrap .mp-chk .mp-chk-inner .caution { 
 background-color: #f5f5f5; 
 padding: 33px; 
 margin-top: 30px; 
 font-size: 15px; 
 color: #777; 
 } 

.mp-wrap .mp-chk .mp-chk-inner .caution .emp { 
 color: #00ac5f; 
 font-weight: 500; 
 } 

.mp-wrap .mp-chk .mp-chk-inner .caution p { 
 line-height: 1.4rem; 
 letter-spacing: -.05rem; 
 word-break: keep-all; 
 } 

.mp-wrap .mp-chk .mp-chk-inner .caution .tit { 
 margin-bottom: 5px; 
 } 

.mp-wrap .mp-chk .mp-chk-inner .caution .imp { 
 padding-left: 12px; 
 position: relative; 
 margin-top: 5px; 
 } 

.mp-wrap .mp-chk .mp-chk-inner .caution .imp::before { 
 content: "*"; 
 position: absolute; 
 left: 0; 
 } 

.mp-wrap .mp-chk .mp-chk-inner .caution .last-param { 
 margin-top: 10px; 
 } 

.mp-wrap .msg { 
 border-top: 1px solid #ddd; 
 font-size: 15px; 
 padding-top: 35px; 
 margin-top: 40px; 
 text-align: center; 
 color: #777; 
 } 

.mp-wrap .btn-wrap { 
 text-align: center; 
 margin-top: 50px; 
 } 

.mp-wrap .btn-wrap .back-btn { 
 width: 160px; 
 height: 48px; 
 /* line-height: 50px; */
 color: #fff; 
 border: none; 
 border-radius: 2px; 
 background-color: #a1a1a1; 
 margin: 0 5px; 
 } 

.mp-wrap .btn-wrap .join02-btn { 
 width: 160px; 
 height: 48px; 
 /* line-height: 50px; */
 color: #fff; 
 border: none; 
 border-radius: 2px; 
 background-color: #00ac5f; 
 margin: 0 5px; 
 } 

.mp-wrap .tab-wrap .tab { 
 /*width: 25%; */
 } 

.mp-wrap .li-wrap { 
 margin-top: 45px; 
 margin-bottom: 45px; 
 } 

.mp-wrap .li-wrap .list .visible { 
 display: flex; 
 padding: 35px 0; 
 border-top: 1px solid #ddd; 
 align-items: center; 
 } 

.mp-wrap .li-wrap .list .visible .num { 
 width: 70px; 
 text-align: center; 
 font-size: 18px; 
 } 

.mp-wrap .li-wrap .list .visible .tit { 
 width: 730px; 
 box-sizing: border-box; 
 padding: 0 25px; 
 } 

.mp-wrap .li-wrap .list .visible .tit .apply-tit { 
 white-space: nowrap; 
 text-overflow: ellipsis; 
 overflow: hidden; 
 font-size: 21px; 
 } 

.mp-wrap .li-wrap .list .visible .tit .apply-tit .cate { 
 font-size: 14px; 
 width: 75px; 
 display: inline-block; 
 text-align: center; 
 color: #fff; 
 border-radius: 3px; 
 margin-right: 8px; 
 } 

.mp-wrap .li-wrap .list .visible .tit .apply-tit .cate.dream { 
 background-color: #ff8957; 
 } 

.mp-wrap .li-wrap .list .visible .tit .apply-tit .cate.counsel { 
 background-color: #00ac5f; 
 } 

.mp-wrap .li-wrap .list .visible .tit .apply-tit .cate.all { 
 color:black; 
border:1px solid; 
 } 

.mp-wrap .li-wrap .list .visible .tit .apply-info { 
 font-size: 16px; 
 color: #666; 
 margin-top: 12px; 
 font-weight: 300; 
 } 

.mp-wrap .li-wrap .list .visible .tit .apply-info .date { 
 margin-right: 20px; 
 position: relative; 
 } 

.mp-wrap .li-wrap .list .visible .tit .apply-info .date::after { 
 content: ""; 
 width: 1px; 
 height: 11px; 
 background-color: #e0e0e0; 
 position: absolute; 
 right: -12px; 
 top: 8px; 
 } 

.mp-wrap .li-wrap .list .visible .status { 
 width: 200px; 
 text-align: center; 
 font-size: 18px; 
 font-weight: 500; 
 } 

.mp-wrap .li-wrap .list .visible .btn { 
 width: 200px; 
 text-align: center; 
 } 

.mp-wrap .li-wrap .list .visible .btn>button { 
 width: 140px; 
 height: 45px; 
 /* line-height: 45px; */
 border: 1px solid #939393; 
 background-color: #fff; 
 border-radius: 30px; 
 } 

.mp-wrap .li-wrap .list .cont { 
 background-color: #f5f5f5; 
 padding: 45px; 
 font-size: 16px; 
 border-top: 1px solid #ddd; 
 display: none; 
 } 

.mp-wrap .li-wrap .list .cont .program { 
 font-weight: 500; 
 margin-bottom: 15px; 
 } 

.mp-wrap .li-wrap .list .cont textarea { 
 background: none; 
 border: none; 
 resize: none; 
 width: 100%; 
 height: 100px; 
 overflow: auto; 
 font-weight: 300; 
 color: #777; 
 } 

.mp-wrap .li-wrap .list:last-child { 
 border-bottom: 1px solid #ddd; 
 } 

/* $마이페이지 */

/* 소개 */

.about-wrap { 
 padding: 70px 0 120px; 
 /* 인사말 */
 /* $인사말 */
 /* 미션과 비전 */
 /* $미션과 비전 */
 /* 연혁 */
 /* $연혁 */
 /* 시설 */
 /* $시설 */
 /* 조직 */
 /* $조직 */
 /* 오시는 길 */
 /* $오시는 길 */
 } 

.about-wrap .boss-wrap { 
 display: flex; 
 margin-top: 50px; 
 justify-content: space-between; 
 align-items: flex-start; 
 } 

.about-wrap .boss-wrap .b-box { 
 box-sizing: border-box; 
 } 

.about-wrap .boss-wrap .b-box .boss-name { 
 margin-top: 30px; 
 font-size: 16px; 
 font-weight: 600; 
 display: flex; 
 align-items: center; 
 } 

.about-wrap .boss-wrap .b-box .boss-name p { 
 margin-right: 7px; 
 } 

.about-wrap .boss-wrap .b-box .boss-info { 
 padding-top: 12px; 
 line-height: 1.2rem; 
 width: 300px; 
 resize: none; 
 border: none; 
 font-size: 14px; 
 height: 100px; 
 overflow: auto; 
 } 

.about-wrap .boss-wrap .b-box .tit { 
 font-size: 32px; 
 line-height: 2.6rem; 
 margin-top: 25px; 
 } 

.about-wrap .boss-wrap .b-box .intro { 
 margin-top: 40px; 
 height: 300px; 
 width: 100%; 
 resize: none; 
 border: none; 
 font-size: 16px; 
 overflow: hidden; 
 font-weight: 300; 
 box-sizing: border-box; 
 opacity: 0; 
 } 

.about-wrap .boss-wrap .b-box .intro:disabled { 
 background-color: #fff; 
 } 

.about-wrap .boss-wrap .b-box:first-child { 
 width: 400px; 
 padding-left: 85px; 
 } 

.about-wrap .boss-wrap .b-box:last-child { 
 flex: 1; 
 padding-right: 85px; 
 } 

.about-wrap .mission-wrap { 
 margin-top: 50px; 
 } 

.about-wrap .mission-wrap>li { 
 margin-bottom: 70px; 
 } 

.about-wrap .history { 
 border-top: 2px solid #00ac5f; 
 margin-top: 50px; 
 } 

.about-wrap .history>li { 
 padding: 55px 0; 
 display: flex; 
 border-bottom: 1px solid #ddd; 
 } 

.about-wrap .history>li:last-child { 
 border: none; 
 } 

.about-wrap .history>li .history__head { 
 width: 350px; 
 } 

.about-wrap .history>li .history__head .head__tit { 
 color: #00ac5f; 
 font-weight: 600; 
 font-size: 27px; 
 padding-left: 20px; 
 position: relative; 
 } 

.about-wrap .history>li .history__head .head__tit::before { 
 content: ""; 
 width: 14px; 
 height: 14px; 
 border: 4px solid #00ac5f; 
 box-sizing: border-box; 
 border-radius: 50%; 
 position: absolute; 
 left: 0; 
 top: 7px; 
 } 

.about-wrap .history>li .history__head .head__stit { 
 font-size: 17px; 
 color: #00ac5f; 
 margin-top: 10px; 
 padding-left: 20px; 
 } 

.about-wrap .history>li .history__data { 
 width: 850px; 
 } 

.about-wrap .history>li .history__data .data__block { 
 display: flex; 
 align-items: flex-start; 
 padding: 30px 0; 
 border-bottom: 1px solid #ddd; 
 } 

.about-wrap .history>li .history__data .data__block:first-child { 
 padding-top: 0; 
 } 

.about-wrap .history>li .history__data .data__block:last-child { 
 border: none; 
 padding-bottom: 0; 
 } 

.about-wrap .history>li .history__data .data__block .block__txt { 
 margin-left: 27px; 
 flex: 1; 
 } 

.about-wrap .history>li .history__data .data__block .block__txt .txt__tit { 
 font-size: 20px; 
 color: #333; 
 font-weight: 500; 
 } 

.about-wrap .history>li .history__data .data__block .block__txt .txt__stit { 
 font-size: 17px; 
 color: #666; 
 margin-top: 8px; 
 word-break: keep-all; 
 font-weight: 300; 
 } 

.about-wrap .history>li .history__data .data__block .block__year { 
 font-size: 17px; 
 font-weight: 600; 
 width: 100px; 
 } 

.about-wrap .history>li .history__data .data__block .block__event { 
 width: 750px; 
 color: #666; 
 font-size: 17px; 
 word-break: keep-all; 
 font-weight: 300; 
 } 

.about-wrap .slide-wrap { 
 width: 1030px; 
 margin: auto; 
 margin-top: 50px; 
 } 

.about-wrap .slide-wrap .fac-wrap { 
 position: relative; 
 box-shadow: 3px 7px 10px 2px rgba(0, 0, 0, 0.2); 
 } 

.about-wrap .slide-wrap .fac-wrap .items { 
 position: relative; 
 } 

.about-wrap .slide-wrap .fac-wrap .items .tit { 
 position: absolute; 
 bottom: 0; 
 } 

.about-wrap .slide-wrap .fac-wrap .inner-nav { 
 background-color: #fff; 
 background-color: rgba(0, 171, 94, 0.8); 
 height: 60px; 
 position: absolute; 
 bottom: 0; 
 width: 100%; 
 box-sizing: border-box; 
 line-height: 60px; 
 padding: 0 27px; 
 color: #fff; 
 font-size: 18px; 
 } 

.about-wrap .slide-wrap .fac-wrap .slick-dots { 
 position: absolute; 
 bottom: 16px; 
 right: 27px; 
 font-size: 18px; 
 color: #fff; 
 } 

.about-wrap .slide-wrap .fac-wrap .slick-dots>li { 
 display: none; 
 } 

.about-wrap .slide-wrap .fac-wrap .slick-dots>li.slick-active { 
 display: block; 
 font-family: 'Open Sans', sans-serif; 
 } 

.about-wrap .slide-wrap .fac-wrap .slick-dots>li.slick-active::after { 
 content: ""; 
 width: 1px; 
 height: 60px; 
 background-color: #008f57; 
 position: absolute; 
 right: 50px; 
 bottom: -16px; 
 } 

.about-wrap .slide-wrap .fac-wrap .arrows-wrap .arrows { 
 position: absolute; 
 cursor: pointer; 
 top: 300px; 
 } 

.about-wrap .slide-wrap .fac-wrap .arrows-wrap .arrows>img { 
 display: block; 
 } 

.about-wrap .slide-wrap .fac-wrap .arrows-wrap .arrows.prev { 
 left: -115px; 
 width: 27px; 
 height: 53px; 
 background-image: url(/image/sub/left-arrow02.png); 
 } 

.about-wrap .slide-wrap .fac-wrap .arrows-wrap .arrows.prev:hover { 
 background-image: url(/image/sub/left-arrow04.png); 
 } 

.about-wrap .slide-wrap .fac-wrap .arrows-wrap .arrows.next { 
 right: -115px; 
 width: 27px; 
 height: 53px; 
 background-image: url(/image/sub/right-arrow02.png); 
 } 

.about-wrap .slide-wrap .fac-wrap .arrows-wrap .arrows.next:hover { 
 background-image: url(/image/sub/right-arrow04.png); 
 } 

.about-wrap .slide-wrap .slider-nav { 
 /* the slides */
 /* the parent */
 } 

.about-wrap .slide-wrap .slider-nav .slick-slide { 
 margin-right: 26px; 
 } 

.about-wrap .slide-wrap .slider-nav .slick-list { 
 margin-right: -23px; 
 overflow: hidden; 
 } 

.about-wrap .slide-wrap .slider-nav .slick-track { 
 margin: 25px 0; 
 } 

.about-wrap .slide-wrap .slider-nav .items { 
 box-sizing: border-box; 
 box-shadow: 5px 7px 7px 1px rgba(0, 0, 0, 0.2); 
 cursor: pointer; 
 } 

.about-wrap .slide-wrap .slider-nav .items.on img { 
 box-sizing: border-box; 
 border: 4px solid #00ac5f; 
 } 

.about-wrap .slide-wrap .slider-nav .arrows-wrap .arrows { 
 position: absolute; 
 cursor: pointer; 
 bottom: 24px; 
 } 

.about-wrap .slide-wrap .slider-nav .arrows-wrap .arrows>img { 
 display: block; 
 } 

.about-wrap .slide-wrap .slider-nav .arrows-wrap .arrows.prev { 
 left: 0px; 
 } 

.about-wrap .slide-wrap .slider-nav .arrows-wrap .arrows.prev .arrow-hover { 
 position: absolute; 
 left: 0; 
 top: -1px; 
 opacity: 0; 
 } 

.about-wrap .slide-wrap .slider-nav .arrows-wrap .arrows.prev:hover .arrow-hover { 
 opacity: 1; 
 } 

.about-wrap .slide-wrap .slider-nav .arrows-wrap .arrows.next { 
 right: 0px; 
 } 

.about-wrap .slide-wrap .slider-nav .arrows-wrap .arrows.next .arrow-hover { 
 position: absolute; 
 right: 0; 
 top: -1px; 
 opacity: 0; 
 } 

.about-wrap .slide-wrap .slider-nav .arrows-wrap .arrows.next:hover .arrow-hover { 
 opacity: 1; 
 } 

.about-wrap .organ-wrap { 
 /* 조직도 */
 /* $조직도 */
 /* 부서 정보 */
 /* $부서 정보 */
 } 

.about-wrap .organ-wrap .organ { 
 margin-top: 50px; 
 position: relative; 
 margin-bottom: 75px; 
 /* 청소년안전망 운영위원회 */
 /* 청소년안전망 실행위원회 */
 /* 기획운영팀 */
 /* 117학교폭력 신고전화 */
 /* 교육연수팀 */
 /* 상담팀 */
 /* 청소년동반자 */
 /* 위기개입팀 */
 /* 1388전화상담 */
 /* 학교밖청소년지원 */
 /* 꿈키움수당 */
 /* 의무교육단계미취학 학업중단학생 학습지원 */
 } 

.about-wrap .organ-wrap .organ .eles { 
 width: 182px; 
 height: 55px; 
 cursor: pointer; 
 position: absolute; 
 top: 0; 
 background-color: rgba(0, 0, 0, 0); 
 } 

.about-wrap .organ-wrap .organ .ele01 { 
 top: 51px; 
 left: 144px; 
 } 

.about-wrap .organ-wrap .organ .ele02 { 
 top: 300px; 
 left: 144px; 
 } 

.about-wrap .organ-wrap .organ .ele03 { 
 top: 424px; 
 left: 18px; 
 } 

.about-wrap .organ-wrap .organ .ele05 { 
 top: 424px; 
 left: 606px;
 } 

.about-wrap .organ-wrap .organ .ele06 { 
 top: 423px; 
 left: 214px; 
 } 

.about-wrap .organ-wrap .organ .ele07 { 
 top: 424px; 
 left: 803px; 
 } 

.about-wrap .organ-wrap .organ .ele08 { 
 top: 423px; 
 left: 411px; 
 } 

.about-wrap .organ-wrap .organ .ele09 { 
 top: 519px; 
 left: 411px; 
 } 

.about-wrap .organ-wrap .organ .ele11 { 
 top: 519px; 
 left: 606px; 
 } 


.about-wrap .organ-wrap .organ .ele12 { 
 top: 424px; 
 left: 803px; 
 } 

.about-wrap .organ-wrap .organ .ele13 { 
 top: 216px; 
left: 433px; 
width: 335px; 
 } 

.about-wrap .organ-wrap .organ .ele14 { 
 top: 424px; 
 left: 998px; 
 } 
.about-wrap .organ-wrap .organ .ele15 { 
 top: 424px; 
 left: 998px; 
 } 

.about-wrap .organ-wrap .depart-wrap { 
 padding: 70px 0 145px; 
 background-color: #f5f5f5; 
 position: relative; 
 display: none; 
 } 

.about-wrap .organ-wrap .depart-wrap .triangle { 
 position: absolute; 
 left: 50%; 
 margin-left: -15px; 
 top: 0px; 
 display: inline-block; 
 width: 0; 
 height: 0; 
 border-style: solid; 
 border-width: 30px; 
 border-color: #fff transparent transparent transparent; 
 } 

.about-wrap .organ-wrap .depart-wrap .tit { 
 font-weight: 900; 
 font-size: 27px; 
 margin-bottom: 20px; 
 } 

.about-wrap .organ-wrap .depart-wrap .tit .tel { 
 color: #666; 
 padding-left: 35px; 
 margin-left: 22px; 
 font-weight: 400; 
 background-image: url(/image/sub/receiver.png); 
 background-repeat: no-repeat; 
 background-position: 0; 
 } 

.about-wrap .organ-wrap .depart-wrap table { 
 font-size: 17px; 
 text-align: center; 
 color: #777; 
 } 

.about-wrap .organ-wrap .depart-wrap table tr { 
 border-bottom: 1px solid #ddd; 
 } 

.about-wrap .organ-wrap .depart-wrap table tr th { 
 color: #fff; 
 background-color: #00ac5f; 
 padding: 20px; 
 border-right: 1px solid #259959; 
 } 

.about-wrap .organ-wrap .depart-wrap table tr th:last-child { 
 border-right: none; 
 } 

.about-wrap .organ-wrap .depart-wrap table tr td { 
 padding: 20px; 
 background-color: #fff; 
 border-right: 1px solid #ddd; 
 } 

.about-wrap .organ-wrap .depart-wrap table tr td:last-child { 
 border-right: none; 
 } 

.about-wrap .organ-wrap .depart-wrap .form01, .about-wrap .organ-wrap .depart-wrap .form02 { 
 display: none; 
 } 

.about-wrap .loca-wrap { 
 margin-top: 50px; 
 } 

.about-wrap .loca-wrap #daumRoughmapContainer1583828455260 { 
 width: 100% !important; 
 border-top: 1px solid #d2d2d2 !important; 
 border-bottom: 1px solid #d2d2d2 !important; 
 } 

.about-wrap .loca-wrap .root_daum_roughmap .wrap_controllers { 
 display: none !important; 
 } 

.about-wrap .loca-wrap .root_daum_roughmap .wrap_btn_zoom { 
 display: none !important; 
 } 

.about-wrap .loca-wrap .root_daum_roughmap .border1 { 
 display: none !important; 
 } 

.about-wrap .loca-wrap .tit { 
 font-size: 25px; 
 padding-left: 25px; 
 background-image: url(/image/sub/marker.png); 
 background-repeat: no-repeat; 
 background-position: 0; 
 margin-bottom: 25px; 
 } 

.about-wrap .loca-wrap .center-wrap .c-box { 
 margin-top: 65px; 
 border: 4px solid #f2f2f2; 
 border-radius: 10px; 
 padding: 60px 40px 45px; 
 position: relative; 
 width: 100%; 
 box-sizing: border-box; 
 /* margin-left: 10px; */
 } 

.about-wrap .loca-wrap .center-wrap .c-box .c-tit { 
 position: absolute; 
 top: -30px; 
 left: -25px; 
 } 

.about-wrap .loca-wrap .center-wrap .c-box .c-info>li { 
 display: flex; 
 color: #707070; 
 font-size: 18px; 
 } 
.about-wrap .loca-wrap .center-wrap .c-box .c-info>li:not(:last-child) { 
 margin-bottom: 15px; 
 } 

.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .cap { 
 width: 155px; 
 box-sizing: border-box; 
 padding-left: 43px; 
 background-repeat: no-repeat; 
 background-position: 0 0; 
 font-size: 18px; 
 color: #000; 
 font-weight: 500; 
 } 

.about-wrap .loca-wrap .center-wrap .c-box .c-info>li >div:last-child { 
 flex: 1; 
 line-height: 2.2rem; 
 } 

.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .bus > div { 
 display: flex; 
 } 
.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .bus p { 
 width: 200px; 
 } 
.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .bus ul { 
 flex: 1; 
 } 
.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .bus ul li { 
 display: flex; 
 align-items: center; 
 gap: 10px; 
 } 
.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .bus ul li span:first-child { 
 color: #fff; 
 font-size: 14px; 
 padding: 4px 5px; 
 line-height: 1; 
 } 
.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .bus ul li span.blue { 
 background-color: #3454a3; 
 } 
.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .bus ul li span.green { 
 background-color: #3d921e; 
 } 
.about-wrap .loca-wrap .center-wrap .c-box .c-info>li .bus ul li span:last-child { 
 flex: 1; 
 } 

/* $소개 */

.counsel-wrap { 
 margin-top: 70px; 
 /* 청소년상담복지센터란? */
 /* $청소년상담복지센터란? */
 } 

.counsel-wrap .counsel01 { 
 margin-top: 50px; 
 } 

.counsel-wrap .counsel01 .intro { 
 background-image: url(/image/sub/counsel-bg.png); 
 background-repeat: no-repeat; 
 background-position: top right; 
 padding: 50px 0 150px; 
 } 

.counsel-wrap .counsel01 .intro .tit { 
 font-size: 40px; 
 color: #00ac5f; 
 line-height: 3.5rem; 
 } 

.counsel-wrap .counsel01 .intro .stit { 
 font-size: 18px; 
 color: #666; 
 margin-top: 20px; 
 font-weight: 300; 
 } 

.counsel-wrap .counsel01 .intro .stit .emp { 
 font-size: 23px; 
 color: #00ac5f; 
 font-weight: 500; 
 } 

.counsel-wrap .counsel01 .p-flow-wrap { 
 background-color: #f9f9f9; 
 padding: 65px 0 120px; 
 } 

.counsel-wrap .counsel01 .p-flow-wrap .program-flow { 
 text-align: center; 
 } 

.counsel-wrap>.intro { 
 padding-top: 70px; 
 background-color: #f9f9f9; 
 } 

.counsel-wrap>.intro .main-stit { 
 font-size: 18px; 
 text-align: center; 
 margin-top: 50px; 
 color: #777; 
 } 

.counsel-wrap>.intro .main-p { 
 font-size: 18px; 
 color: #777; 
 text-align: center; 
 margin-top: 14px; 
 font-weight: 300; 
 } 

.counsel-wrap>.intro .process { 
 background-color: #fff; 
 border: 5px solid #ebebeb; 
 border-radius: 5px; 
 padding: 65px 65px 60px 65px; 
 margin-top: 40px; 
 } 

.counsel-wrap>.intro .process>li { 
 display: flex; 
 font-size: 18px; 
 line-height: 2.2rem; 
 color: #777; 
 } 

.counsel-wrap>.intro .process>li .cap { 
 width: 100px; 
 font-weight: 500; 
 color: #000; 
 position: relative; 
 } 

.counsel-wrap>.intro .process>li .cap::before { 
 position: absolute; 
 top: 50%; 
 left: -20px; 
 transform: translateY(-50%); 
 border-radius: 100%; 
 content: ""; 
 width: 5px; 
 height: 5px; 
 background-color: transparent; 
 border: 3px solid #00ad5e; 
 } 

.counsel-wrap>.intro .process>li .cont { 
 font-weight: 300; 
 font-size: 17px; 
 color: #666; 
 } 

.counsel-wrap>.intro .process .process-img { 
 display: block; 
 } 

.counsel-wrap>.intro .process .process-img img { 
 margin: auto; 
 margin-top: 30px; 
 display: block; 
 } 

/* 사업안내 */

@font-face { 
 font-family: 'yg-jalnan'; 
 src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff") format("woff"); 
 font-weight: normal; 
 font-style: normal; 
 } 

.counsel-wrap .busi-tab { 
 display: flex; 
 flex-wrap: wrap; 
 justify-content: space-between; 
 width: 100%; 
 margin-top: 50px; 
 } 

.counsel-wrap .busi-tab .tab__segment { 
 width: 225px; 
 word-break: keep-all; 
 border: 4px solid #baeab6; 
 background-color: #fff; 
 box-sizing: border-box; 
 border-radius: 3px; 
 color: #333; 
 text-align: center; 
 height: 80px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 font-size: 18px; 
 cursor: pointer; 
 font-weight: 500; 
 border-radius: 13px; 
 } 

.counsel-wrap .busi-tab .tab__segment p { 
 margin-top: -4px; 
 } 

.counsel-wrap .busi-tab .tab__segment:nth-child(n+1):nth-child(-n+6) { 
 margin-bottom: 20px; 
 } 

.counsel-wrap .busi-tab .tab__segment.on { 
 color: #fff; 
 background-color: #00ac5f; 
 border: 3px solid #00ac5f; 
 font-weight: 600; 
 box-shadow: 3px 3px 5px 3px rgba(0, 0, 0, 0.2); 
 } 

.counsel-wrap .business { 
 margin-top: 50px; 
 /* 청소년전화 1388 */
 /* 긴급구조 */
 } 

.counsel-wrap .business .business__name { 
 font-size: 28px; 
 font-weight: 600; 
 padding-bottom: 12px; 
 border-bottom: 3px solid #00ac5f; 
 display: inline-block; 
 position: relative; 
 } 

.counsel-wrap .business .business__name::before { 
 content: ""; 
 width: 1200px; 
 height: 1px; 
 background-color: #ddd; 
 position: absolute; 
 bottom: -4px; 
 } 

.counsel-wrap .business .business__tit { 
 margin-top: 40px; 
 font-size: 26px; 
 font-weight: 600; 
 } 

.counsel-wrap .business .business__stit { 
 margin-top: 15px; 
 font-size: 18px; 
 color: #333; 
 letter-spacing: -.7px; 
 font-weight: 300; 
 } 

.counsel-wrap .business .business__info { 
 margin-top: 30px; 
margin-bottom: 120px; 
 border: 5px solid #ececec; 
 padding: 65px; 
 border-radius: 5px; 
 } 

.counsel-wrap .business .business__info .info__list { 
 font-size: 18px; 
 font-weight: 600; 
 color: #333; 
 margin-bottom: 12px; 
 display: flex; 
 } 

.counsel-wrap .business .business__info .info__list .list__tit { 
 width: 120px; 
 display: inline-block; 
 padding-left: 20px; 
 position: relative; 
 } 

.counsel-wrap .business .business__info .info__list .list__tit::before { 
 content: ""; 
 width: 10px; 
 border: 3px solid #00ac5f; 
 box-sizing: border-box; 
 height: 10px; 
 position: absolute; 
 left: 0; 
 top: 9px; 
 border-radius: 50%; 
 } 

.counsel-wrap .business .business__info .info__list .list__tit--long { 
 padding-left: 20px; 
 position: relative; 
 } 

.counsel-wrap .business .business__info .info__list .list__tit--long::before { 
 content: ""; 
 width: 10px; 
 border: 3px solid #00ac5f; 
 box-sizing: border-box; 
 height: 10px; 
 position: absolute; 
 left: 0; 
 top: 9px; 
 border-radius: 50%; 
 } 

.counsel-wrap .business .business__info .info__list .list__tit--long>.emp { 
 font-weight: 500; 
 font-family: 'yg-jalnan', sans-serif; 
 } 

.counsel-wrap .business .business__info .info__list .list__cont { 
 color: #333; 
 font-weight: 300; 
 font-size: 16px; 
 } 

.counsel-wrap .business .business__info .info__list .list__button--01 { 
 color: #777; 
 font-weight: 400; 
 display: inline-block; 
 width: 100px; 
 background: linear-gradient(180deg, #fff, #eee); 
 font-size: 14px; 
 border: 1px solid #ddd; 
 border-radius: 20px; 
 box-sizing: border-box; 
 padding-left: 20px; 
 position: relative; 
 } 

.counsel-wrap .business .business__info .info__list .list__button--01::after { 
 content: ""; 
 background-image: url(/image/sub/button-arrow.png); 
 background-repeat: no-repeat; 
 background-position: 83%; 
 width: 6px; 
 height: 9px; 
 position: absolute; 
 right: 16px; 
 top: 9px; 
 } 

.counsel-wrap .business .business__info .info__list .list__button--02 { 
 color: #777; 
 font-weight: 400; 
 display: inline-block; 
 width: 125px; 
 background: linear-gradient(180deg, #fff, #eee); 
 font-size: 14px; 
 border: 1px solid #ddd; 
 border-radius: 20px; 
 box-sizing: border-box; 
 padding-left: 20px; 
 position: relative; 
 } 

.counsel-wrap .business .business__info .info__list .list__button--02::after { 
 content: ""; 
 background-image: url(/image/sub/button-arrow.png); 
 background-repeat: no-repeat; 
 background-position: 83%; 
 width: 6px; 
 height: 9px; 
 position: absolute; 
 right: 16px; 
 top: 9px; 
 } 

.counsel-wrap .business .business__info .info__list:last-child { 
 margin-bottom: 0; 
 } 

.counsel-wrap .business .business__info .info__cont { 
 margin-top: 30px; 
 text-align: center; 
 } 

.counsel-wrap .business .business__info .list__cont--02 { 
 color: #333; 
 font-weight: 300; 
 font-size: 18px; 
 padding-left: 22px; 
 } 

.counsel-wrap .business .business__info table { 
 margin-top: 25px; 
 font-size: 16px; 
 } 

.counsel-wrap .business .business__info table th { 
 background-color: #f5f5f5; 
 color: #333; 
 font-weight: 400; 
 border: 1px solid #ddd; 
 padding: 12px 0; 
 } 

.counsel-wrap .business .business__info table td { 
 font-weight: 400; 
 border: 1px solid #ddd; 
 text-align: center; 
 padding: 12px 0; 
 color: #888; 
 } 

.counsel-wrap .business .business__info table .cont { 
 text-align: left; 
 padding: 0 20px; 
 word-break: keep-all; 
 } 

.counsel-wrap .business .business__info.hide { 
 display: none; 
 } 

.counsel-wrap .business .busi01 .info__cont { 
 display: flex; 
 justify-content: space-between; 
 } 

.counsel-wrap .business .busi01 .info__cont .ele { 
 width: 255px; 
 background-color: #f9f9f9; 
 text-align: center; 
 padding: 30px 0; 
 border-radius: 0 0 30px 0; 
 } 

.counsel-wrap .business .busi01 .info__cont .ele .ele__tit { 
 color: #333; 
 font-size: 18px; 
 font-weight: 600; 
 margin-top: 12px; 
 } 

.counsel-wrap .business .busi01 .info__cont .ele .ele__stit { 
 font-size: 17px; 
 line-height: 1.6rem; 
 color: #333; 
 margin-top: 18px; 
 font-weight: 300; 
 } 

.counsel-wrap .business .busi01 .info__cont .ele .ele__stit a { 
 color: #666; 
 border-bottom: 1px solid #cccccc; 
 } 

/* 긴급구조 일시보호 */

.counsel-wrap .business .busi07 .info__cont { 
 display: flex; 
 justify-content: space-between; 
 } 

.counsel-wrap .business .busi07 .info__cont .ele { 
 width: 330px; 
 background-color: #f9f9f9; 
 text-align: center; 
 padding: 43px 0; 
 border-radius: 0 0 30px 0; 
 } 

.counsel-wrap .business .busi07 .info__cont .ele .ele__tit { 
 color: #333; 
 font-size: 18px; 
 font-weight: 600; 
 margin-top: 12px; 
 } 

.counsel-wrap .business .busi07 .info__cont .ele .ele__stit { 
 font-size: 17px; 
 color: #333; 
 margin-top: 18px; 
 line-height: 1.6rem; 
 font-weight: 300; 
 } 

.counsel-wrap .business .busi07 .info__cont .ele .ele__stit a { 
 color: #888; 
 border-bottom: 1px solid #ddd; 
 } 

/* 또래상담 */

.counsel-wrap .business .busi09 .info__cont { 
 display: flex; 
 justify-content: space-between; 
 } 

.counsel-wrap .business .busi09 .info__cont .ele { 
 width: 330px; 
 border: 3px solid #000; 
 padding: 45px 0; 
 border-radius: 10px; 
 box-sizing: border-box; 
 } 

.counsel-wrap .business .busi09 .info__cont .ele .tit { 
 font-size: 24px; 
 font-weight: 500; 
 font-family: 'yg-jalnan', sans-serif; 
 } 

.counsel-wrap .business .busi09 .info__cont .ele .stit { 
 font-size: 18px; 
 margin-top: 10px; 
 font-weight: 500; 
 } 

.counsel-wrap .business .busi09 .info__cont .ele .cont { 
 font-size: 17px; 
 margin-top: 18px; 
 line-height: 1.6rem; 
 color: #333; 
 font-weight: 300; 
 } 

/* 청소년지원단 */

.counsel-wrap .business .busi06 .info__cont { 
 display: flex; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 text-align: left; 
 } 

.counsel-wrap .business .busi06 .info__cont .ele { 
 width: 515px; 
 border: 4px solid #000; 
 border-radius: 10px; 
 box-sizing: border-box; 
 padding: 55px 35px 45px 35px; 
 position: relative; 
 } 

.counsel-wrap .business .busi06 .info__cont .ele:nth-child(n+1):nth-child(-n+2) { 
 margin-bottom: 30px; 
 } 

.counsel-wrap .business .busi06 .info__cont .ele .tit { 
 font-size: 20px; 
 font-weight: 500; 
 color: #fff; 
 position: absolute; 
 width: 270px; 
 text-align: center; 
 background-color: #000; 
 top: -18px; 
 left: 25px; 
 height: 45px; 
 line-height: 45px; 
 border-radius: 25px; 
 } 

.counsel-wrap .business .busi06 .info__cont .ele .stit { 
 font-size: 19px; 
 font-weight: 600; 
 color: #333; 
 } 

.counsel-wrap .business .busi06 .info__cont .ele .ex { 
 font-size: 17px; 
 margin-top: 13px; 
 line-height: 1.6rem; 
 color: #333; 
 letter-spacing: -.7px; 
 font-weight: 300; 
 display: flex; 
 } 

.counsel-wrap .business .busi06 .info__cont .ele .ex div:first-child { 
 font-weight: 600; 
 margin-right: 5px; 
 width: 22px; 
 } 

.counsel-wrap .business .busi06 .info__cont .ele .ex div:last-child { 
 flex: 1; 
 } 

/* $사업안내 */

.counsel-wrap .form-wrap { 
 margin: 65px 0 150px; 
 } 
.counsel-wrap .form-guide { 
 color: #dc2a2a; 
 margin-bottom: 10px; 
 } 
.col_dc{
  color: #dc2a2a; 
}
/* 신청서 양식 공통 */

.form { 
 position: relative; 
 } 

.form .tit { 
 margin-top: 40px; 
 font-size: 20px; 
 margin-bottom: 18px; 
 display: inline-block; 
 font-weight: bold; 
 } 

.form .tit .load-info { 
 font-size: 14px; 
 font-weight: 300; 
 margin-left: 14px; 
 color: #666; 
 cursor: pointer; 
 } 

.form .tit .load-info input { 
 display: none; 
 } 

.form .tit .load-info .circle-s { 
 display: inline-block; 
 width: 17px; 
 height: 17px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.form .tit .load-info .circle-s.on { 
 background-color: #fdfdfd; 
 } 

.form .tit .load-info .circle-s.on::after { 
 content: ""; 
 width: 11px; 
 height: 11px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.form .tit .stit { 
 color: #777; 
 font-size: 14px; 
 font-weight: 300; 
 } 

.form .msg { 
 float: right; 
 font-size: 14px; 
 font-weight: 300; 
 margin-top: 45px; 
 } 

.form .require { 
 font-size: 1em; 
 color: #dc2a2a; 
 } 

.form table .emp-msg { 
 position: absolute; 
 bottom: -40px; 
 left: 0px; 
 } 

.form table .emp-msg td { 
 border: none; 
 padding: 0; 
 font-weight: 300; 
 } 

.form table { 
 width: 100%; 
 border-top: 2px solid #00ac5f; 
 margin-bottom: 55px; 
 text-align: left; 
 border-collapse: separate; 
 position: relative; 
 } 

.form table tr .table-head { 
 position: relative; 
 } 

.form table tr .table-head.req::before { 
 content: "*"; 
 position: absolute; 
 font-size: 1em; 
 color: #dc2a2a; 
 left: -12px; 
 top: 0; 
 } 

.form table tr .cont-msg { 
 float: left; 
 } 

.form table tr .char-chk { 
 color: #777; 
 float: right; 
 } 

.form table tr .char-chk .crnt { 
 color: #00ac5f; 
 } 

.form table tr th { 
 position: relative; 
 width: 120px; 
 border-bottom: 1px solid #e0e0e0; 
 background-color: #f5f5f5; 
 padding: 30px 17px 30px 32px; 
 font-size: 16px; 
 word-break: keep-all; 
 box-sizing: border-box; 
 line-height: 22px; 
 } 

.form table tr td .red{
  color: #dc2a2a;
}
.form table tr td { 
 padding: 30px 17px; 
 line-height: 40px; 
 position: relative; 
 border-bottom: 1px solid #e0e0e0; 
 box-sizing: border-box; 
 /* 상담이력 체크 */
 /* $상담이력 체크 */
 /* 학업중단유무 */
 /* $학업중단유무 */
 } 

.form table tr td input, .form table tr td select { 
 box-sizing: border-box; 
 border: 1px solid #ddd; 
 height: 40px; 
 line-height: 40px; 
 outline: none; 
 padding-left: 7px; 
 } 

.form table tr td input.disabled, .form table tr td select.disabled { 
 background-color: #f9f9f9; 
 } 

.form table tr td input::-webkit-input-placeholder, .form table tr td textarea::-webkit-input-placeholder { 
 color: #999; 
 } 

.form table tr td input:-ms-input-placeholder, .form table tr td textarea:-ms-input-placeholder { 
 color: #999; 
 } 

.form table tr td input::-ms-input-placeholder, .form table tr td textarea::-ms-input-placeholder { 
 color: #999; 
 } 

.form table tr td input::-moz-placeholder, .form table tr td textarea::-moz-placeholder { 
 color: #999; 
 } 

.form table tr td input::placeholder, .form table tr td textarea::placeholder { 
 color: #999; 
 } 

.form table tr td textarea { 
 width: 100%; 
 height: 120px; 
 resize: none; 
 border: 1px solid #ddd; 
 box-sizing: border-box; 
 padding: 7px; 
 } 

.form table tr td .sex-wrap { 
 display: inline-flex; 
 vertical-align: middle; 
 margin-left: 20px; 
 } 

.form table tr td .sex-wrap input { 
 display: none; 
 } 

.form table tr td .sex-wrap>div { 
 width: 55px; 
 height: 40px; 
 /* line-height: 40px; */
 text-align: center; 
 border: 1px solid #ddd; 
 box-sizing: border-box; 
 cursor: pointer; 
 border-radius: 2px; 
 } 

.form table tr td .sex-wrap>div:first-child { 
 margin-right: 10px; 
 } 

.form table tr td .sex-wrap>div.on { 
 background-color: #00ac5f; 
 border: 1px solid #00ac5f; 
 color: #fff; 
 } 
#consult .form table tr td .i-input { 
 border: none; 
 } 
.form table tr td .i-input { 
 height: 40px; 
 line-height: 40px; 
 box-sizing: border-box; 
 border: 1px solid #ddd; 
 display: inline-flex; 
 align-items: center; 
 margin-right: 20px; 
 vertical-align: middle; 
 } 

.form table tr td .i-input input { 
 height: 34px; 
 line-height: 34px; 
 border: none; 
 } 

.form table tr td .i-input .inner-txt { 
 width: 40px; 
 text-align: center; 
 } 

.form table tr td .i-input:last-child { 
 margin-right: 0; 
 } 

.form table tr td .i-input.disabled { 
 background-color: #f9f9f9; 
 } 

.form table tr td .form-btn { 
 padding: 0px 35px; 
 height: 40px; 
 /* line-height: 40px; */
 text-align: center; 
 border: 1px solid #00ac5f; 
 background-color: #00ac5f; 
 color: #fff; 
 box-sizing: border-box; 
 cursor: pointer; 
 border-radius: 2px; 
 margin-left: 20px; 
 } 

.form table tr td .add-btn { 
 position: absolute; 
 right: 20px; 
 top: 35px; 
 cursor: pointer; 
 } 

.form table tr td .cate { 
 width: 100px; 
 display: inline-block; 
 cursor: pointer; 
 } 

.form table tr td .cate input[type="radio"] { 
 display: none; 
 } 

.form table tr td .cate2 { 
 display: inline-block; 
 cursor: pointer; 
 } 

.form table tr td .cate2 input[type="radio"] { 
 display: none; 
 } 

.form table tr td .cate2 .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.form table tr td .cate2 .circle.on { 
 background-color: #fdfdfd; 
 } 

.form table tr td .cate2 .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.form table tr td .appeal-wrap { 
 display: flex; 
 width: 100%; 
 flex-wrap: wrap; 
 color: #565656; 
 } 

.form table tr td .appeal-wrap>li { 
 width: 20%; 
 } 

.form table tr td .appeal-wrap>li input[type="checkbox"] { 
 display: none; 
 } 

.form table tr td .appeal-wrap .label { 
 cursor: pointer; 
 } 

.form table tr td .appeal-wrap .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 cursor: pointer; 
 box-sizing: border-box; 
 } 

.form table tr td .appeal-wrap .circle.on { 
 background-color: #fdfdfd; 
 } 

.form table tr td .appeal-wrap .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.form table tr td .hope-wrap { 
 display: flex; 
 width: 100%; 
 flex-wrap: wrap; 
 justify-content: space-between; 
 color: #565656; 
 } 

.form table tr td .hope-wrap>li { 
 width: 25%; 
 } 

.form table tr td .hope-wrap>li input[type="checkbox"] { 
 display: none; 
 } 

.form table tr td .hope-wrap .label { 
 cursor: pointer; 
 } 

.form table tr td .hope-wrap .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 cursor: pointer; 
 box-sizing: border-box; 
 } 

.form table tr td .hope-wrap .circle.on { 
 background-color: #fdfdfd; 
 } 

.form table tr td .hope-wrap .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.form table tr td .student-status .p22 { 
 padding: 0 22px; 
 } 

.form table tr td .student-status .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.form table tr td .student-status .circle.on { 
 background-color: #fdfdfd; 
 } 

.form table tr td .student-status .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.form table tr td #datepicker { 
 background-image: url(/image/sub/date-icon.png); 
 background-repeat: no-repeat; 
 background-position: right; 
 cursor: pointer; 
 } 

.form table tr td #datepicker2 { 
 background-image: url(/image/sub/date-icon.png); 
 background-repeat: no-repeat; 
 background-position: right; 
 cursor: pointer; 
 } 

.form table tr td .find-addr { 
 width: 120px; 
 background-color: #00ac5f; 
 border: 1px solid #00ac5f; 
 color: #fff; 
 box-sizing: border-box; 
 height: 40px; 
 border-radius: 2px; 
 margin-left: 10px; 
 /* line-height: 40px; */
 } 

.form table tr td .edu-box { 
 display: inline-block; 
 } 

.form table tr td .edu-box select:disabled { 
 background-color: #f5f5f5; 
 } 

.form table tr td .edu-box .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.form table tr td .edu-box .circle.on { 
 background-color: #fdfdfd; 
 } 

.form table tr td .edu-box .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.form table tr td .edu-box .edu-top { 
 display: inline-block; 
 cursor: pointer; 
 } 

.form table tr td .edu-box .edu-top input[type="radio"] { 
 display: none; 
 } 

.form table tr td .file-box .flex { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 margin-bottom: 10px; 
 } 
.form table tr td .file-box input { 
 width: 100%; 
 } 

.form table tr td .i80 { 
 width: 80px; 
 } 

.form table tr td .i90 { 
 width: 90px; 
 } 

.form table tr td .i110 { 
 width: 110px; 
 } 

.form table tr td .i138 { 
 width: 138px; 
 } 

.form table tr td .i148 { 
 width: 148px; 
 } 

.form table tr td .i150 { 
 width: 150px; 
 } 

.form table tr td .i152 { 
 width: 152px; 
 } 

.form table tr td .i160 { 
 width: 160px; 
 } 

.form table tr td .i170 { 
 width: 170px; 
 } 

.form table tr td .i202 { 
 width: 202px; 
 } 

.form table tr td .i238 { 
 width: 238px; 
 } 

.form table tr td .i253 { 
 width: 253px; 
 } 

.form table tr td .i267 { 
 width: 267px; 
 } 

.form table tr td .i280 { 
 width: 280px; 
 } 

.form table tr td .i300 { 
 width: 300px; 
 } 

.form table tr td .i340 { 
 width: 340px; 
 } 

.form table tr td .i400 { 
 width: 400px; 
 } 

.form table tr td .i440 { 
 width: 440px; 
 } 

.form table tr td .i444 { 
 width: 444px; 
 } 

.form table tr td .i922 { 
 width: 922px; 
 } 

.form .quit-no { 
 display: none; 
 } 

.form .quit-no textarea { 
 height: 150px; 
 } 

.form .pv-cont { 
 background-color: #f9f9f9; 
 border-top: 1px solid #ddd; 
 border-bottom: 1px solid #ddd; 
 padding: 30px 40px; 
 font-size: 15px; 
 } 

.form .pv-cont .tit { 
 font-size: 15px; 
 margin: 0; 
 font-weight: 400; 
 color: #888; 
 line-height: 1.6rem; 
 } 

.form .pv-cont h2 { 
 color: #888; 
 } 

.form .pv-cont p { 
 color: #888; 
 padding-left: 15px; 
 position: relative; 
 line-height: 1.6rem; 
 word-break: keep-all; 
 font-weight: 300; 
 } 

.form .pv-cont .p01::before { 
 content: "1."; 
 position: absolute; 
 left: 0; 
 top: 0; 
 } 

.form .pv-cont .p02::before { 
 content: "2."; 
 position: absolute; 
 left: 0; 
 top: 0; 
 } 

.form .pv-cont .p03::before { 
 content: "3."; 
 position: absolute; 
 left: 0; 
 top: 0; 
 } 

.form .pv-cont .p04::before { 
 content: "4."; 
 position: absolute; 
 left: 0; 
 top: 0; 
 } 

.form .pv-cont .p05::before { 
 content: "5."; 
 position: absolute; 
 left: 0; 
 top: 0; 
 } 

.form .agree-wrap { 
 margin-top: 20px; 
 font-weight: 300; 
 } 

.form .agree-wrap .agree-btn { 
 display: inline-block; 
 margin-right: 15px; 
 cursor: pointer; 
 } 

.form .agree-wrap .agree-btn input[type="radio"] { 
 display: none; 
 } 

.form .agree-wrap .agree-btn .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 box-sizing: border-box; 
 } 

.form .agree-wrap .agree-btn .circle.on { 
 background-color: #fdfdfd; 
 } 

.form .agree-wrap .agree-btn .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.form .btn-wrap { 
 text-align: center; 
 } 

.form .btn-wrap .submit-btn { 
 width: 160px; 
 background-color: #00ac5f; 
 border: 1px solid #00ac5f; 
 color: #fff; 
 text-align: center; 
 margin-top: 35px; 
 height: 48px; 
 /* line-height: 48px; */
 border-radius: 2px; 
 } 

.form .psy-wrap { 
 border-top: 2px solid #00ac5f; 
 margin-bottom: 70px; 
 } 

.form .psy-wrap .chklist { 
 padding: 40px 22px 50px 22px; 
 border-bottom: 1px solid #ddd; 
 } 

.form .psy-wrap .chklist .cate { 
 color: #00ac5f; 
 font-weight: 500; 
 font-size: 19px; 
 } 

.form .psy-wrap .chklist .btns { 
 display: flex; 
 flex-wrap: wrap; 
 width: 100%; 
 margin-top: 15px; 
 } 

.form .psy-wrap .chklist .btns>div { 
 width: 50%; 
 margin-bottom: 10px; 
 } 

.form .psy-wrap .chklist .btns input[type="radio"] { 
 display: none; 
 } 
.form .psy-wrap .chklist .btns input[type="checkbox"] { 
 display: none; 
 } 

.form .psy-wrap .chklist .btns .label { 
 font-size: 17px; 
 color: #333; 
 font-weight: 600; 
 cursor: pointer; 
 margin-left: 3px; 
 } 

.form .psy-wrap .chklist .btns .label span { 
 color: #666; 
 font-weight: 300; 
 margin-left: 12px; 
 } 

.form .psy-wrap .chklist .btns .label .time { 
 display: inline-block; 
 margin-left: 16px; 
 position: relative; 
 } 

.form .psy-wrap .chklist .btns .label .time::before { 
 content: ""; 
 width: 1px; 
 height: 15px; 
 background-color: #ddd; 
 position: absolute; 
 left: -8px; 
 top: 6px; 
 } 

.form .psy-wrap .chklist .btns .circle { 
 display: inline-block; 
 width: 18px; 
 height: 18px; 
 border: 1px solid #ddd; 
 background-color: #f5f5f5; 
 border-radius: 50%; 
 vertical-align: middle; 
 position: relative; 
 transform: translateY(-2px); 
 cursor: pointer; 
 box-sizing: border-box; 
 } 

.form .psy-wrap .chklist .btns .circle.on { 
 background-color: #fdfdfd; 
 } 

.form .psy-wrap .chklist .btns .circle.on::after { 
 content: ""; 
 width: 12px; 
 height: 12px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 position: absolute; 
 top: 2px; 
 left: 2px; 
 } 

.form .psy-wrap .chklist .cap { 
 margin-top: 25px; 
 background-color: #f5f5f5; 
 padding: 20px 35px; 
 word-break: keep-all; 
 box-sizing: border-box; 
 font-size: 16px; 
 color: #777; 
 } 

.form .psy-wrap .chklist .cap-wrap { 
 display: flex; 
 justify-content: space-between; 
 } 

.form .psy-wrap .chklist .cap-wrap .caps { 
 margin-top: 15px; 
 background-color: #f5f5f5; 
 padding: 20px 35px; 
 word-break: keep-all; 
 width: 49%; 
 box-sizing: border-box; 
 font-size: 16px; 
 color: #666; 
 font-weight: 300; 
 line-height: 21px; 
 } 

/* 꿈드림 */

.dream-wrap { 
 margin-top: 70px; 
 /* 꿈드림이란? */
 /* $꿈드림이란? */
 /* 꿈드림 안내 */
 /* $꿈드림 안내 */
 } 

.dream-wrap .dream01 { 
 margin-top: 50px; 
 } 

.dream-wrap .dream01 .intro { 
 background-image: url(/image/sub/dream-bg.png); 
 background-repeat: no-repeat; 
 background-position: top right; 
 padding: 50px 0; 
 } 

.dream-wrap .dream01 .intro .tit { 
 font-size: 40px; 
 color: #00ac5f; 
 line-height: 3.5rem; 
 } 

.dream-wrap .dream01 .intro .stit { 
 font-size: 18px; 
 color: #666; 
 margin-top: 20px; 
 font-weight: 300; 
 } 

.dream-wrap .dream01 .join-wrap { 
 display: flex; 
 justify-content: space-between; 
 margin-top: 65px; 
 margin-bottom: 80px; 
 } 

.dream-wrap .dream01 .join-wrap .j-box { 
 border: 4px solid #f2f2f2; 
 border-radius: 10px; 
 padding: 60px 40px 35px; 
 position: relative; 
 width: 570px; 
 box-sizing: border-box; 
 margin-left: 23px; 
 } 

.dream-wrap .dream01 .join-wrap .j-box .j-tit { 
 position: absolute; 
 top: -30px; 
 left: -25px; 
 } 

.dream-wrap .dream01 .join-wrap .j-box .j-info>li { 
 color: #707070; 
 font-size: 17px; 
 /* line-height: 2.2rem; */
 position: relative; 
 font-weight: 300; 
 padding-bottom: 10px; 
 } 

.dream-wrap .dream01 .join-wrap .j-box .j-info>li::before { 
 content: ""; 
 position: absolute; 
 left: -10px; 
 top: 16px; 
 width: 3px; 
 height: 3px; 
 background-color: #00ac5f; 
 border-radius: 50%; 
 } 

.dream-wrap .dream01 .p-flow-wrap { 
 background-color: #f9f9f9; 
 padding: 65px 0 120px; 
 } 

.dream-wrap .dream01 .p-flow-wrap .program-flow { 
 text-align: center; 
 } 

.dream-wrap .dream02 { 
 margin-top: 50px; 
 } 

.dream-wrap .dream02 .support-list { 
 margin-bottom: 145px; 
 } 

.dream-wrap .dream02 .support-list>.list { 
 margin-top: 45px; 
 } 

.dream-wrap .dream02 .support-list>.list .visible { 
 padding: 35px; 
 background-color: #f5f5f5; 
 border-radius: 10px; 
 border: 1px solid #ddd; 
 box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1); 
 box-sizing: border-box; 
 background-repeat: no-repeat; 
 background-position: 35px; 
 cursor: pointer; 
 position: relative; 
 } 

.dream-wrap .dream02 .support-list>.list .visible .tit { 
 font-size: 26px; 
 color: #333; 
 font-weight: 500; 
 padding-left: 95px; 
 display: inline-block; 
 } 

.dream-wrap .dream02 .support-list>.list .visible .toggle-btn { 
 position: absolute; 
 right: 35px; 
 top: 39px; 
 } 

.dream-wrap .dream02 .support-list>.list .cont { 
 padding: 45px; 
 border-left: 1px solid #ddd; 
 border-right: 1px solid #ddd; 
 border-bottom: 1px solid #ddd; 
 border-radius: 0 0 10px 10px; 
 display: none; 
 } 

.dream-wrap .dream02 .support-list>.list .cont .cont-list { 
 display: flex; 
 margin-bottom: 30px; 
 } 

.dream-wrap .dream02 .support-list>.list .cont .cont-list .cont-head { 
 font-size: 18px; 
 width: 125px; 
 font-weight: 600; 
 } 

.dream-wrap .dream02 .support-list>.list .cont .cont-list .cont-data { 
 font-size: 17px; 
 color: #666; 
 font-weight: 300; 
 letter-spacing: 0; 
 } 

.dream-wrap .dream02 .support-list>.list .cont .cont-list .cont-data a { 
 color: #777; 
 border-bottom: 1px solid #b5b5b5; 
 } 

.dream-wrap .dream02 .support-list>.list .cont .cont-list:last-child { 
 margin-bottom: 0; 
 } 

.dream-wrap .dream02 .support-list>.list.on .visible { 
 background-color: #00ac5f; 
 border: 1px solid #00ac5f; 
 border-radius: 10px 10px 0 0; 
 } 

.dream-wrap .dream02 .support-list>.list.on .visible .tit { 
 color: #fff; 
 } 

/* $꿈드림 */

/* 알림마당 */

.noti-wrap { 
 padding: 70px 0; 
 /* 프로그램*/
 /* $프로그램*/
 /* 활동사진*/
 /* $활동사진*/
 /* 게시판 뷰 */
 } 

.noti-wrap .switch { 
 display: flex; 
 align-items: center; 
 justify-content: flex-end; 
 } 

.noti-wrap .switch .tit { 
 display: inline-block; 
 font-size: 14px; 
 color: #888; 
 margin-right: 12px; 
 } 

.noti-wrap .switch input[type="checkbox"] { 
 position: absolute; 
 visibility: hidden; 
 } 

.noti-wrap .switch label { 
 display: block; 
 position: relative; 
 width: 48px; 
 height: 28px; 
 border-radius: 26px; 
 background-color: #fff; 
 border: 2px solid #ddd; 
 transition-duration: 0.2s; 
 box-sizing: border-box; 
 overflow: hidden; 
 } 

.noti-wrap .switch label span { 
 position: absolute; 
 /* left: 1px; 
 top: 1px; */
 z-index: 1; 
 width: 24px; 
 height: 24px; 
 border-radius: 50%; 
 background-color: #fff; 
 transition-duration: 0.2s; 
 box-shadow: 5px 0px 4px 0px #ddd; 
 } 

.noti-wrap .switch label:before, .noti-wrap .switch label:after { 
 position: absolute; 
 top: 0; 
 width: 34px; 
 font-size: 11px; 
 line-height: 34px; 
 color: #fff; 
 text-align: center; 
 } 

.noti-wrap .switch input:checked+label { 
 background-color: #00ac5f; 
 border: 2px solid #00ac5f; 
 } 

.noti-wrap .switch input:checked+label span { 
 transform: translateX(19px); 
 box-shadow: none; 
 } 

.noti-wrap .pg-wrap { 
 display: flex; 
 flex-wrap: wrap; 
 margin-top: 23px; 
 } 

.noti-wrap .pg-wrap a { 
 display: inline-block; 
 } 

.noti-wrap .pg-wrap .pg-li { 
 border: 1px solid #ddd; 
 border-radius: 8px; 
 cursor: pointer; 
 width: 380px; 
 margin: 0 27px 38px 0; 
 position: relative; 
 } 

.noti-wrap .pg-wrap a:nth-child(3n) .pg-li { 
 margin-right: 0; 
 } 

.noti-wrap .pg-wrap .pg-li .photo { 
 height: 240px; 
 overflow: hidden; 
 } 

.noti-wrap .pg-wrap .pg-li .photo img { 
 display: block; 
 width: 100%; 
 border-radius: 7px 7px 0 0; 
 } 

.noti-wrap .pg-wrap .pg-li .txt { 
 padding: 23px 25px; 
 background-color: #fff; 
 border-radius: 0 0 7px 7px; 
 } 

.noti-wrap .pg-wrap .pg-li .txt .tit { 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 margin-bottom: 12px; 
 font-size: 19px; 
 font-weight: 500; 
 } 

.noti-wrap .pg-wrap .pg-li .txt .tit .cate { 
 width: 73px; 
 text-align: center; 
 background-color: #fff; 
 color: #fff; 
 border-radius: 2px; 
 margin-right: 40px; 
 font-size: 14px; 
 margin: auto; 
 display: inline-block; 
 margin-right: 3px; 
 } 

.noti-wrap .pg-wrap .pg-li .txt .tit .cate.counsel { 
 background-color: #00b647; 
 } 

.noti-wrap .pg-wrap .pg-li .txt .tit .cate.dream { 
 background-color: #ff8957; 
 } 

.noti-wrap .pg-wrap .pg-li .txt .tit .cate.all { 
 color:black; 
border:1px solid; 
 } 

.noti-wrap .pg-wrap .pg-li .txt .cont { 
 line-height: 1.6rem; 
 height: 3.2rem; 
 display: -webkit-box; 
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 margin-bottom: 12px; 
 color: #999; 
 font-size: 16px; 
 font-weight: 300; 
 } 

.noti-wrap .pg-wrap .pg-li .txt .date { 
 color: #999; 
 font-size: 15px; 
 } 

.noti-wrap .pg-wrap .pg-li .status { 
 width: 75px; 
 background-color: rgba(0, 0, 0, 0.5); 
 color: #fff; 
 border-radius: 22px; 
 text-align: center; 
 font-size: 14px; 
 position: absolute; 
 top: 20px; 
 right: 20px; 
 height: 30px; 
 line-height: 30px; 
 } 

.noti-wrap .pg-wrap .pg-li:hover { 
 box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.2); 
 } 

.noti-wrap .ap-wrap { 
 display: flex; 
 flex-wrap: wrap; 
 margin-top: 50px; 
 } 

.noti-wrap .ap-wrap a { 
 display: inline-block; 
 } 

.noti-wrap .ap-wrap .ap-li { 
 border: 1px solid #ddd; 
 border-radius: 8px; 
 cursor: pointer; 
 width: 380px; 
 margin: 0 27px 38px 0; 
 position: relative; 
 } 

.noti-wrap .ap-wrap a:nth-child(3n) .ap-li { 
 margin-right: 0; 
 } 

.noti-wrap .ap-wrap .ap-li .photo { 
 height: 240px; 
 overflow: hidden; 
 } 

.noti-wrap .ap-wrap .ap-li .photo img { 
 display: block; 
 width: 100%; 
 border-radius: 7px 7px 0 0; 
 } 

.noti-wrap .ap-wrap .ap-li .txt { 
 padding: 23px 25px; 
 background-color: #fff; 
 border-radius: 0 0 7px 7px; 
 } 

.noti-wrap .ap-wrap .ap-li .txt .tit { 
 white-space: nowrap; 
 overflow: hidden; 
 text-overflow: ellipsis; 
 margin-bottom: 12px; 
 font-size: 19px; 
 font-weight: 500; 
 } 

.noti-wrap .ap-wrap .ap-li .txt .tit .cate { 
 width: 73px; 
 text-align: center; 
 background-color: #fff; 
 color: #fff; 
 border-radius: 2px; 
 margin-right: 40px; 
 font-size: 14px; 
 margin: auto; 
 display: inline-block; 
 margin-right: 3px; 
 } 

.noti-wrap .ap-wrap .ap-li .txt .tit .cate.counsel { 
 background-color: #00b647; 
 } 

.noti-wrap .ap-wrap .ap-li .txt .tit .cate.dream { 
 background-color: #ff8957; 
 } 

.noti-wrap .ap-wrap .ap-li .txt .tit .cate.all { 
 color:black; 
border:1px solid; 
 } 

.noti-wrap .ap-wrap .ap-li .txt .cont { 
 line-height: 1.6rem; 
 height: 3.2rem; 
 display: -webkit-box; 
 -webkit-line-clamp: 2; 
 -webkit-box-orient: vertical; 
 overflow: hidden; 
 margin-bottom: 12px; 
 color: #999; 
 font-size: 16px; 
 font-weight: 300; 
 } 

.noti-wrap .ap-wrap .ap-li .txt .date { 
 color: #999; 
 font-size: 15px; 
 font-family: "Open Sans", sans-serif; 
 } 

.noti-wrap .ap-wrap .ap-li:hover { 
 box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.2); 
 } 

.noti-wrap .board-wrap { 
 margin-top: 50px; 
 /* 프로그램 정보 */
 /* $프로그램 정보 */
 } 

.noti-wrap .board-wrap .cate { 
 width: 83px; 
 text-align: center; 
 background-color: #fff; 
 color: #fff; 
 border-radius: 2px; 
 margin-right: 40px; 
 font-size: 14px; 
 margin: auto; 
 display: inline-block; 
 margin: 0 18px; 
 } 

.noti-wrap .board-wrap .cate.counsel { 
 background-color: #00b647; 
 } 

.noti-wrap .board-wrap .cate.dream { 
 background-color: #ff8957; 
 } 

.noti-wrap .board-wrap .cate.all { 
 border: 1px solid; 
color:black; 
 } 

.noti-wrap .board-wrap .status { 
 background-color: #333; 
 color: #fff; 
 font-size: 13px; 
 width: 75px; 
 text-align: center; 
 border-radius: 20px; 
 margin-right: 10px; 
 } 

.noti-wrap .board-wrap .tit { 
 width: 1000px; 
 } 

.noti-wrap .board-wrap .btn-wrap { 
 text-align: center; 
 } 

.noti-wrap .board-wrap .btn-wrap .grey-btn { 
 height: 48px; 
 /* line-height: 48px; */
 width: 160px; 
 background-color: #a1a1a1; 
 display: inline-block; 
 border: 1px solid #a1a1a1; 
 font-size: 16px; 
 padding: 0; 
 color: #fff; 
 border-radius: 2px; 
 } 

.noti-wrap .board-wrap .btn-wrap .green-btn { 
 height: 48px; 
 border-radius: 2px; 
 /* line-height: 52px; */
 width: 153px; 
 border: 1px solid #00ac5f; 
 display: inline-block; 
 background-color: #00ac5f; 
 font-size: 16px; 
 padding: 0; 
 color: #fff; 
 } 

.noti-wrap .board-wrap .pg-info { 
 display: flex; 
 border-bottom: 1px solid #ddd; 
 } 

.noti-wrap .board-wrap .pg-info>li { 
 width: 25%; 
 display: flex; 
 padding: 15px 0; 
 border-right: 1px solid #ddd; 
 box-sizing: border-box; 
 padding-left: 27px; 
 font-size: 16px; 
 } 

.noti-wrap .board-wrap .pg-info>li:last-child { 
 border: none; 
 } 

.noti-wrap .board-wrap .pg-info>li .pg-tit { 
 font-weight: 500; 
 margin-right: 10px; 
 } 

.noti-wrap .board-wrap .pg-info>li .pg-cont { 
 color: #888; 
 } 

/* $알림마당 */

/* 인트라넷 */

.intra-wrap { 
 padding: 70px 0; 
 } 

/* 인트라넷 */

/* 청소년동반자카페 */

.cafe-wrap { 
 padding: 70px 0; 
 } 

/* $청소년동반자카페 */

/* 개인정보처리방침 */

.private-wrap { 
 padding: 70px 0 100px 0; 
 } 

/* $개인정보처리방침 */


/* 2022 04 19 추가 */
/* 상담안내 > counsel06 */
.counsel-wrap>.intro .main-stit strong { 
 display: block; 
 color: #333; 
 font-size: 25px; 
 margin-bottom: 20px; 
 } 
.counsel-wrap .business .counsel06-con { 
 background-color: #f9f9f9; 
 padding: 35px 70px; 
 display: flex; 
 align-items: center; 
 margin-top: 40px; 
 } 
.counsel-wrap .business .counsel06-con .tit { 
 color: #333; 
 font-weight: bold; 
 font-size: 18px; 
 margin-bottom: 10px; 
 } 
.counsel-wrap .business .counsel06-con li { 
 color: #888; 
 font-size: 16px; 
 margin-left: 30px; 
 line-height: 1.4em; 
 } 

/* 상담안내 > counsel07 */
.counsel-wrap .business.reBusiness { 
 margin-bottom: 0; 
 } 

/* 상담안내 > 게시판 상담 */
.counsel-wrap .board-stit { 
 font-size: 18px; 
 text-align: center; 
 margin-top: 50px; 
 color: #777; 
 } 
.counsel-wrap .board-stit span { 
 display: block; 
 color: #999; 
 font-size: 16px; 
 } 

/* 상담안내 > 집단상담 */
table.counsel08 { 
 width: 100%; 
 } 

table.counsel08 tr td:last-child { 
 text-align: left !important; 
 padding-left: 30px !important; 
 } 

/* 사업안내 > business01 */
.counsel-wrap .business .business__info.business01 { 
 border: 0; 
 padding: 50px 0 150px; 
 background-color: #f9f9f9; 
 margin-bottom: 0; 
 } 

/* 사업안내 > business04 */
.counsel-wrap.busi04 .busi-tab .tab__segment,
.counsel-wrap.counsel03 .busi-tab .tab__segment { 
 width: 49%; 
 } 

/* 사업안내 > business05 */
.counsel-wrap .business.business05 .business__info h3 { 
 font-size: 22px; 
 color: #333; 
 margin: 60px 0 20px; 
 font-weight: bold; 
 } 
.counsel-wrap .business.business05 .business__info h3:nth-of-type(1) { 
 margin-top: 0; 
 } 
.counsel-wrap .business.business05 .business__info .info__list em { 
 color: #ff0000; 
 } 
.counsel-wrap .business.business05 .business__info .info__list em.green { 
 color: #00ac5f; 
 } 
.counsel-wrap .business .business__info .besi_img { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 } 

.counsel-wrap .business.business05 .business__info.busi08 .flex { 
 display: flex; 
 align-items: center; 
 margin-bottom: 50px; 
 } 
.counsel-wrap .business.business05 .business__info.busi08 .flex > img { 
 margin-right: 30px; 
 } 

/* 사업안내 > business06 */
.counsel-wrap.busi06 .busi-tab .tab__segment { 
 width: 24%; 
 } 


/* 사업안내 > business07 */
.counsel-wrap .busi-tab.busi07-tab .tab__segment { 
 width: 32%; 
 line-height: 1.2em; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 padding: 0 10px; 

 } 
.counsel-wrap .business.business07 .busi02 .besi_img { 
 margin-bottom: 30px; 
 } 
.counsel-wrap .business.business07 table { 
 width: 100%; 
 margin-bottom: 30px; 
 } 
.counsel-wrap .business.business07 table tr > td:last-child { 
 text-align: left; 
 padding-left: 15px; 
 padding-right: 15px; 
 } 

/* 사업안내 > business09 */
.business09-slide { 
 max-width: 1055px; 
 margin: 35px auto; 
 padding: 20px; 
 } 
.business09-slide .slick-arrow { background: none; border: none; } 
.business09-slide .slick-arrow { width: 26px; height: 26px; border-top: 2px solid #d7d7d7; border-right: 2px solid #d7d7d7; position: absolute; top: 50%; cursor: pointer; transition: all 0.3s ease; z-index: 1; font-size: 0; } 
.business09-slide .slick-arrow:hover { border-color: #000; } 
.business09-slide .slick-prev { left: -50px; transform: translate(-100%, -50%) rotate(-135deg); } 
.business09-slide .slick-next { right: -50px; transform: translate(100%, -50%) rotate(45deg); } 
.busi09-slide_for { 
 position: relative; 
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 
 } 
.busi09-slide_nav { 
 margin-top: 20px; 
 width: calc(100% + 20px); 
 margin-left: -10px; 
 } 
.busi09-slide_nav .item { 
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); 
 margin: 0 10px; 
 cursor: pointer; 
 } 
.busi09-slide_tit { 
 height: 60px; 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 position: absolute; 
 bottom: 0; 
 left: 0; 
 right: 0; 
 background-color: rgba(66, 167, 107, 0.8); 
 } 
.busi09-slide_tit p { 
 font-size: 18px; 
 color: #fff; 
 padding-left: 30px; 
 } 
.busi09-slide_tit div { 
 width: 100px; 
 border-left: 1px solid #3d8457; 
 font-size: 18px; 
 color: #fff; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 height: 100%; 
 } 
.business09-slide img { 
 width: 100%; 
 } 

/* 사업안내 > business10 */
.counsel-wrap .business .business__info.busi10 { 
 margin-bottom: 180px; 
 } 
.business__info.busi10 > a { 
 width: 160px; 
 background-color: #00ac5f; 
 color: #fff !important; 
 text-align: center; 
 height: 48px; 
 border-radius: 2px; 
 margin: 150px auto -150px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 } 


/* 개인상담 수정 2022.11.30 */
.counsel-wrap .business .business__info.counsel10,
.counsel-wrap .business .business__info.counsel09 { 
 padding: 0; 
 border: none; 
 margin:none; 
 } 
.process.style02 li { 
 align-items: flex-start; 
 } 

/* 청소년망 연계 기관 */
.connection-wrap { 
 padding: 70px 0 120px; 
 } 
.connection_tab { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 flex-wrap: wrap; 
 margin-top: 30px; 
 margin-bottom: 70px; 
 } 
.connection_tab.fix { 
 position: fixed; 
 /* top: 23px; */
 top: 0; 
 margin-top: 0; 
 z-index: 999; 
 } 
.connection_tab a { 
 background-color: #fbfbfb; 
 font-size: 18px; 
 color: #333; 
 display: block; 
 width: calc(100% / 7); 
 text-align: center; 
 padding: 15px 0; 
 border-top: 1px solid #ebebeb; 
 border-bottom: 1px solid #ebebeb; 
 margin-bottom: -1px; 
 position: relative; 
 cursor: pointer; 
 } 
.connection_tab a:nth-child(7n):after { 
 position: absolute; 
 content: ''; 
 right: 0; 
 top: 0; 
 bottom: 0; 
 width: 1px; 
 background-color: #ebebeb; 
 } 
.connection_tab a:before { 
 position: absolute; 
 content: ''; 
 left: 0; 
 top: 0; 
 bottom: 0; 
 width: 1px; 
 background-color: #ebebeb; 
 } 
.connection_tab a.on { 
 background-color: #00ac5f; 
 color: #fff; 
 } 
.connection_agency .titBox { 
 background-repeat: no-repeat; 
 background-size: cover; 
 background-position: center; 
 height: 200px; 
 display: flex; 
 align-items: center; 
 justify-content: center; 
 flex-direction: column; 
 } 
.connection_agency > div:nth-child(1) .titBox { 
 background-image: url(/image/sub/connection_tit01.jpg); 
 } 
.connection_agency > div:nth-child(2) .titBox { 
 background-image: url(/image/sub/connection_tit02.jpg); 
 } 
.connection_agency > div:nth-child(3) .titBox { 
 background-image: url(/image/sub/connection_tit03.jpg); 
 } 
.connection_agency > div:nth-child(4) .titBox { 
 background-image: url(/image/sub/connection_tit04.jpg); 
 } 
.connection_agency > div:nth-child(5) .titBox { 
 background-image: url(/image/sub/connection_tit05.jpg); 
 } 
.connection_agency > div:nth-child(6) .titBox { 
 background-image: url(/image/sub/connection_tit06.jpg); 
 } 
.connection_agency > div:nth-child(7) .titBox { 
 background-image: url(/image/sub/connection_tit07.jpg); 
 } 
.connection_agency > div:nth-child(8) .titBox { 
 background-image: url(/image/sub/connection_tit08.jpg); 
 } 
.connection_agency > div:nth-child(9) .titBox { 
 background-image: url(/image/sub/connection_tit09.jpg); 
 } 
.connection_agency > div:nth-child(10) .titBox { 
 background-image: url(/image/sub/connection_tit10.jpg); 
 } 
.connection_agency > div:nth-child(11) .titBox { 
 background-image: url(/image/sub/connection_tit11.jpg); 
 } 
.connection_agency > div:nth-child(12) .titBox { 
 background-image: url(/image/sub/connection_tit12.jpg); 
 } 
.connection_agency > div:nth-child(13) .titBox { 
 background-image: url(/image/sub/connection_tit13.jpg); 
 } 
.connection_agency > div:nth-child(14) .titBox { 
 background-image: url(/image/sub/connection_tit14.jpg); 
 } 
.connection_agency .titBox h2 { 
 color: #fff; 
 font-size: 34px; 
 margin-bottom: 20px; 
 } 
.connection_agency .titBox span { 
 color: #fff; 
 font-size: 18px; 
 } 
.connection_agency .agencyBox { 
 border: 5px solid #ebebeb; 
 border-radius: 5px; 
 margin-top: 30px; 
 padding: 40px 60px 60px; 
 display: flex; 
 justify-content: space-between; 
 align-items: center; 
 flex-wrap: wrap; 
 margin-bottom: 70px; 
 } 
.connection_agency .agencyBox a { 
 display: flex; 
 align-items: center; 
 justify-content: space-between; 
 width: 45%; 
 border-bottom: 1px solid #ebebeb; 
 padding: 15px 0px 15px 20px; 
 margin-bottom: 10px; 
 position: relative; 
 font-size: 18px; 
 color: #333; 
 font-weight: 500; 
 } 
.connection_agency .agencyBox a::before { 
 position: absolute; 
 top: 50%; 
 left: 0px; 
 transform: translateY(-50%); 
 border-radius: 100%; 
 content: ""; 
 width: 5px; 
 height: 5px; 
 background-color: transparent; 
 border: 3px solid #00ad5e; 
 } 

/* 2023.08.31 심리검사 수정, 추가 */
.counsel-rad__box { 
 margin-top: 10px; 
 } 
.counsel-rad__box input[type="radio"]:not(:first-child) { 
 margin-left: 12px; 
 } 
.counsel-rad__box label { 
 vertical-align: middle; 
 margin-left: 5px; 
 } 


/* 2025.03.04 게시판 상담 탭 추가 */

.counsel_type_box { margin-top: 50px; } 
.counsel_type_box ul { display: flex; align-items: center; } 
.counsel_type_box ul li { flex: 1; } 
.counsel_type_box ul li a { display: block; text-align: center; height: 60px; line-height: 60px; font-size: 16px; background-color: #f9f9f9; color: #999; 
 border-top: 1px solid #ddd; 
 border-left: 1px solid #ddd; 
 border-right: 1px solid #ddd; 
 border-bottom: 1px solid #ddd; 
 margin-left: -1px; 
 cursor: pointer; 
 } 
.counsel_type_box ul li.active a { background-color: #fff; 
 border-top: 1px solid #999; 
 border-bottom: 1px solid #fff; 
 color: #333; 
 font-weight: bold; }