#container{*display:inline-block; width:1300px; overflow:hidden; margin:60px auto;}
#container:after{display:block;clear:both;content:''}


/* 상단이미지 */
.subtop_01{ position:relative; width:100%; height:300px; background:#f6f6f1; background-image:url(../images/subtop_01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.subtop_02{ position:relative; width:100%; height:300px; background:#f6f6f1; background-image:url(../images/subtop_01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.subtop_03{ position:relative; width:100%; height:300px; background:#f6f6f1; background-image:url(../images/subtop_01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.subtop_04{ position:relative; width:100%; height:300px; background:#f6f6f1; background-image:url(../images/subtop_01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.subtop_05{ position:relative; width:100%; height:300px; background:#f6f6f1; background-image:url(../images/subtop_01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.subtop_06{ position:relative; width:100%; height:300px; background:#f6f6f1; background-image:url(../images/subtop_01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}
.subtop_07{ position:relative; width:100%; height:300px; background:#f6f6f1; background-image:url(../images/subtop_01.jpg); background-position:center; background-repeat:no-repeat; overflow:hidden;}

.subtoptext { width:1300px; margin:80px auto 0; font-size:; font-weight:400; color:#393939; line-height:; letter-spacing:-1.0px; text-align:; z-index:7;}
.subtoptext .txt { margin-top:; font-size:1.5em; font-weight:400; color:#; line-height:1.4em; letter-spacing:}
.subtoptext strong { font-size:2.8em; font-weight:600; line-height:2.0em; letter-spacing:-1.5px;}

/* 서브메뉴 */
.snb_bg{ background:#00b4cb; width:100%; height:70px;}
.snb{ border-bottom:0px #dddddd solid; width:1300px; margin:0 auto; overflow:hidden; z-index:7;}
.snb #title { float:left; width:190px; height:70px; background:#659d5e; font-size:22px; font-weight:600; color:#bcea8e; line-height:70px; text-align:center;}
.snb  #sm { height:70px; text-align:center;}
.snb  #sm li { display:inline-block; margin-left:;}
.snb  #sm li:nth-child(2) a:before, .snb  #sm li:nth-child(3) a:before, .snb  #sm li:nth-child(4) a:before, .snb  #sm li:nth-child(5) a:before, .snb  #sm li:nth-child(6) a:before, .snb  #sm li:nth-child(7) a:before {margin:0 25px; display: inline-block; content: ''; width: 1px; height: 12px; background-color: rgba(255,255,255,0.8);}
.snb  #sm li a{display:block; padding:0; font-size:1.1em; font-weight:400; color:#cffaff; line-height:70px; text-align:center; letter-spacing:;}
.snb  #sm li a:hover{ color:#fff;}
.snb  #sm li.on a{ background:#; font-weight:500; color:#fff; border:none;}



/* 서브왼쪽 배너 */
.snb .banner .tel { background:url(../images/sub_tel.gif) no-repeat; margin-top:30px; width:150px; height:130px; height:; padding:80px 25px 0 25px; font-size:13px; color:#fff; line-height:22px; text-align:center;}
.snb .banner .tel .tit {font-size:18px; font-weight:500; color:#fff;}
.snb .banner .tel .tit strong{font-size:22px; color:#fff; line-height:35px; letter-spacing:-0.5px}


/* 상단타이틀영역 */
.titleArea { width:1300px; height:; border-bottom:1px #747474 solid; overflow:hidden; }
.titleArea > #subtitle { padding-bottom:20px; font-size:35px; font-weight:500; color:#393939; line-height:40px; letter-spacing:-1px; text-align:;}
.titleArea > #subtitle2 { padding-bottom:25px;  font-size:18px; font-weight:; color:#898989; line-height:22px; letter-spacing:0.5px; text-align:; }
.titleArea > #subtitle2 strong {color:#2a2a2a; }
.titleArea > #map { position: absolute; right:0px; top:15px; color: #979797; font-size: 12px; background:url(../images/dot_home.jpg) no-repeat 0 7px; padding-left:20px; }


/* quick_tel */
.quick_tel { position:fixed; width:1600px; top:590px; left:50%; margin-left:-800px; z-index:;}


/* 컨텐츠영역 */
#content{ position:relative; float:left; width:1300px; }
#content .wrapper { clear:both; margin:70px 0; overflow:hidden; }
#content .wrapper2 { clear:both; margin:80px 0; overflow:hidden; }
#content .wrapper3 { clear:both; margin:90px 0; overflow:hidden; }
#content .wrapper4 { clear:both; margin:70px 0; border-bottom:1px #d2d2d2 solid; padding-bottom:40px; overflow:hidden; }

#content .wrapper > h1 { font-size:2.2em; font-weight:500; color:#009bb0; line-height:1.4em; letter-spacing:-1.5px; margin-bottom:;}
#content .wrapper > h2 { font-size:1.4em; font-weight:400; color:#252525; line-height:1.6em; letter-spacing:-0.5px; margin-bottom:;}
#content .wrapper > h2 strong { font-weight:500; color:#ff7200; }
#content .wrapper > h3, #content .wrapper2 > h3 { font-size:1.4em; font-weight:500; color:#2b5299; line-height:1.5em; letter-spacing:-0.5px;}

/* 소타이틀 */
.stit { display:block; background:url() top left no-repeat; padding-top:; margin-bottom:30px; font-size:28px; font-weight:600; color:#393939; letter-spacing:-1.0px;}
.stit:before {content :""; display:block; background:#10b6cc; margin-bottom:15px; width:22px; height:2px; }
.stit2 { display:block; margin-bottom:20px; font-size:20px; font-weight:500; color:#0b479d; line-height:25px; letter-spacing:-0.5px;}
.stit3 { display:block; margin-bottom:15px; font-size:18px; font-weight:600; color:#2e2e2e; letter-spacing:-0.5px;}
.br { display:block; height:25px;}
.br2 { display:block; height:40px;}
.fb_1 { font-weight:; color:#f53939; }
.fb_2 { font-weight:; color:#21a6e5;}
.fb_3 { font-size:22px; font-weight:400; color:#323232; line-height:35px; letter-spacing:-0.7px;}


/* 공통 */

ol.listNum {margin-left:-20px;}
ol.listNum > li { list-style: decimal !important;   color: #; font-size: ; margin-top:; line-height:30px; }

ol.listNum2 { margin-left:-15px;}
ol.listNum2 li { list-style: decimal}

.common_list1 { display:block; }
.common_list1 li{ list-style-image:url(../images/dot.png); list-style-type:disc; list-style-position:outside; margin-left:20px; margin-bottom:7px; padding-left:3px; line-height:1.6em; text-align:left;} /* list-style-type:disc; */
.common_list1 li.tit { list-style-image:none; list-style-type:none; margin-left:0; font-size:; font-weight:500; color:#393939; line-height:25px; margin-top:10px; margin-bottom:5px;} /* list-style-type:disc; */
.common_list1 li.tip { list-style-image:none; list-style-type:none; margin-left:0; font-weight:500; color:#10b6cc;}
.common_list1 li strong { font-weight:500; color:#10b6cc;}
.common_list1 li:first-child { margin-top:0; }
.common_list1 li:last-child { margin-bottom:0; }

.common_list2 { display:block; }
.common_list2 li{ list-style-image:url(../images/dot.png); list-style-type:disc; list-style-position:outside; margin-left:15px; padding-left:3px; line-height:1.7em; text-align:left;} /* list-style-type:disc; */

.common_btn { background:#838383; margin:0 auto; width:220px; text-align:center;} 
.common_btn a { display:block; padding:15px 0; font-size:1.2em; color:#fff; }
.common_btn a:hover { background:#f53939;}

.common_pic { text-align:center; }
.common_pic img {border-radius:none; }


.common_box { background:#ebfdff; border-radius:15px; padding:3% 5%; width:90%; text-align:;}
.common_box1  { border-radius:15px; border:1px solid #d8d8d8; margin-top:35px; padding:5%; width:89.6%; text-align:center;}

.common_won { display:flex; justify-content:center; }
.common_won .content { display:flex; justify-content:center; flex-direction:column; align-items:center; margin:0 3%;}
.common_won .content strong { display:block; font-size:1.4em; font-weight:500; margin-bottom:20px; }
.common_won .content:nth-child(1) { background:#00b4cb; border-radius:150px; width:240px; height:240px; padding:30px; font-size:1.3em; font-weight:; color:#fff; line-height:; letter-spacing:-1.0px; text-align:center;}
.common_won .content:nth-child(2) { background:#668fe2; border-radius:150px; width:240px; height:240px; padding:30px; font-size:1.3em; font-weight:; color:#fff; line-height:; letter-spacing:-1.0px; text-align:center;}
.common_won .content:nth-child(3) { background:#f99a45; border-radius:150px; width:240px; height:240px; padding:30px; font-size:1.3em; font-weight:; color:#fff; line-height:; letter-spacing:-1.0px; text-align:center;}


.wrapper img, .wrapper2 img { border-radius:15px }


.diag_proc { width:60%; margin:50px auto 0;}
.diag_proc li:nth-child(1) { background:#00b4cb; border-radius:100px; font-size:1.5em; font-weight:400; color:#fff; line-height:3.5em; letter-spacing:-1.0px; text-align:center;}
.diag_proc li:nth-child(3) { background:#668fe2; border-radius:100px; font-size:1.5em; font-weight:400; color:#fff; line-height:3.5em; letter-spacing:-1.0px; text-align:center;}
.diag_proc li:nth-child(5) { background:#f99a45; border-radius:100px; font-size:1.5em; font-weight:400; color:#fff; line-height:3.5em; letter-spacing:-1.0px; text-align:center;}
.diag_proc li:nth-child(7) { background:#f8798a; border-radius:100px; font-size:1.5em; font-weight:400; color:#fff; line-height:3.5em; letter-spacing:-1.0px; text-align:center;}
.diag_proc li:nth-child(2), .diag_proc li:nth-child(4), .diag_proc li:nth-child(6) { background:url(../images/diag_proc_arr.png) center no-repeat;  margin:10px 0;}



.point_tip { background:#668fe2; border-radius:15px; padding:2% 10%; font-size:1.8em; font-weight:500; color:#fff; line-height:1.4em; letter-spacing:-1.0px; text-align:center;}

.divide2_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide2_wrap .content { display:flex; flex-direction:column; border-radius:15px; border:1px solid #d8d8d8; width:42.5%; padding:3%; margin:1.6% 0; }
.divide2_wrap .content img { display:block; width:15%; margin:0 auto 20px;}
.divide2_wrap .content strong { display:block; font-weight:500; font-size:1.5em; color:#10b6cc; letter-spacing:-0.5px; text-align:center;}
.divide2_wrap .content strong:after {content :""; display:block; border-bottom:1px solid #10b6cc; margin:20px auto; width:40px; height:1px; }

.divide2_oth_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide2_oth_wrap .content { display:flex; flex-direction:column; border-radius:15px; border:1px solid #d8d8d8; width:48.5%; padding:0; margin:1.6% 0; }
.divide2_oth_wrap .content img { display:block; width:22%; margin:0 auto 20px;}
.divide2_oth_wrap .content strong { display:block; font-weight:500; font-size:1.5em; color:#10b6cc; letter-spacing:-0.5px; text-align:center;}
.divide2_oth_wrap .content strong:after {content :""; display:block; border-bottom:1px solid #10b6cc; margin:20px auto; width:40px; height:1px; }
.divide2_oth_wrap .content .item { margin:7% 7% 5% 7%; }
.divide2_oth_wrap .content .text { margin-top:auto; background:#f5f5f5; border-radius:0 0 15px 15px; border-top:1px solid #d8d8d8; padding:20px 7%; text-align:left; }
.divide2_oth_wrap .content .text strong { display:block; margin-bottom:5px; font-size:1.2em; color:#2b5299; text-align:left; }
.divide2_oth_wrap .content .text strong:after { display:none; }


.divide2_pic_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide2_pic_wrap .content { display:flex; flex-direction:column; border-radius:15px; border:1px solid #d8d8d8; width:48.5%; padding:0; margin:1.6% 0; }
.divide2_pic_wrap .content img { display:block; width:100%; margin:0 auto 20px;}
.divide2_pic_wrap .content .item { margin:7% 6% 5% 6%; }
.divide2_pic_wrap .content .text { margin-top:auto; background:#f5f5f5; border-radius:0 0 15px 15px; border-top:1px solid #d8d8d8; padding:20px 7%; text-align:left; }
.divide2_pic_wrap .content .text strong { display:block; margin-bottom:5px; font-size:1.2em; color:#2b5299; text-align:left; }
.divide2_pic_wrap .content .text strong:after { display:none; }



.divide3_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide3_wrap .content { border-radius:15px; border:1px solid #d8d8d8; width:25%; padding:3%; margin:1.6% 0; }
.divide3_wrap .last { background:url(/images/counsel_02_06.jpg); background-size:cover; border:0;} /*opacity:0; */
.divide3_wrap .content img { display:block; width:22%; margin:0 auto 20px;}
.divide3_wrap .content strong { display:block; font-weight:500; font-size:1.5em; color:#10b6cc; letter-spacing:-0.5px; text-align:center;}
.divide3_wrap .content strong:after {content :""; display:block; border-bottom:1px solid #10b6cc; margin:20px auto; width:40px; height:1px; }
.divide3_wrap span { display:block; margin-bottom:15px; font-size:1.2em; font-weight:500; color:#393939; line-height:1.5em;}
.divide3_wrap .center { text-align:center;}

.divide4_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; }
.divide4_wrap .content { border-radius:15px; border:1px solid #d8d8d8; width:16.5%; padding:3%; margin:1.6% 0; }
.divide4_wrap .content img { display:block; width:35%; margin:0 auto 20px;}
.divide4_wrap .content strong { display:block; font-weight:500; font-size:1.5em; color:#10b6cc; letter-spacing:-0.5px; text-align:center;}
.divide4_wrap .content strong:after {content :""; display:block; border-bottom:1px solid #10b6cc; margin:20px auto; width:40px; height:1px; }
.divide4_wrap .content span { display:inline-block; width:100%; text-align:center; }

/* 센터소개 */
.introduct_1 { position:relative; background:#00b4cb; border-radius:15px; overflow:hidden;}
.introduct_1 .pic { width:40%; }
.introduct_1 .pic img { border-radius:0; width:100%; }
.introduct_1 .txt { position:absolute; left:70%; top:50%; transform:translate(-50%) translateY(-50%); width:50%; font-size:2.0em; font-weight:500; color:#fff; line-height:1.5em; letter-spacing:-1.0px; }


/* 인사말 */
.introduce { display:flex; margin-top:; justify-content: space-between; }
.introduce>.body { width:55%; }
.introduce>.body h2 { font-size:2.2em; font-weight:500; color:#10b6cc; line-height:1.4em; letter-spacing:-1.5px; margin-bottom:;}
.introduce>.body .text { margin-top: 30px;}
.introduce>.pic { width:35%; }
.introduce>.pic img { width:100%; }

/* 연혁 */
.history>.body { display:flex; margin-top:; }
.history>.body .pic { width:35%; }
.history>.body .pic img { width:100%; }
.history>.body>.wrap-history {margin-left:70px; margin-top:20px; }
.history>.body .history {display: flex; border-bottom:1px solid #d8d8d8; margin-top:40px; padding-bottom:40px; }
.history>.body .history:first-child {margin-top: 0; }
.history>.body .history:last-child {border-bottom:0; padding-bottom:0; }
.history>.body .history>.title { width:; font-size:2.2em; font-weight:600; color:#393939; line-height:1; letter-spacing:-1.0px; margin-bottom:0;}
.history>.body .history>.title:before {content : ""; display: block; background:#10b6cc; margin-bottom:15px; width:22px; height:2px; }
.history>.body .history>.content li {display: flex; margin-left: 0px; margin-top:15px; }
.history>.body .history>.content li .year { width:100px; font-size:1.1em; font-weight:500; color: #393939; text-align:right; }
.history>.body .history>.content li .text {color: #;font-size:;  font-weight:; margin-left:20px; }
.history>.body .history>.content li .text ul li { margin-left:0; margin-top:0; line-height:25px;}

/* 이용안내 */
.introduct_04_01 { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0 auto; overflow:hidden; }
.introduct_04_01 ul:nth-child(1), .introduct_04_01 ul:nth-child(3), .introduct_04_01 ul:nth-child(5) { background:#fff;  border-radius:15px; border:1px solid #d8d8d8; border-top:none; width:29%; text-align:center;}
.introduct_04_01 ul:nth-child(1) li.tit { background:#00b4cb; border-radius:15px 15px 0 0; padding:15px 0; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_01 ul:nth-child(3) li.tit { background:#33a2d6; border-radius:15px 15px 0 0; padding:15px 0; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_01 ul:nth-child(5) li.tit { background:#668fe2; border-radius:15px 15px 0 0; padding:15px 0; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_01 ul li ul.list { border:none; padding:2% 0; width:99.7%; }
.introduct_04_01 ul li ul.list li { border-bottom:1px solid #d8d8d8; margin:15px auto; padding-bottom:15px; width:80%; font-size:1.1em; font-weight:500; line-height:1.3em; }
.introduct_04_01 ul li ul.list li:last-child { border:0; margin-bottom:0;}
.introduct_04_01 ul:nth-child(2), .introduct_04_01 ul:nth-child(4) { background:url(../images/arr_right.png) center no-repeat; width:6%;}

.introduct_04_02 { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0 auto; overflow:hidden; }
.introduct_04_02 ul:nth-child(1), .introduct_04_02 ul:nth-child(3), .introduct_04_02 ul:nth-child(5), .introduct_04_02 ul:nth-child(7), .introduct_04_02 ul:nth-child(9) { background:#fff;  border-radius:15px; border:1px solid #d8d8d8; border-top:none; width:16.5%; text-align:center;}
.introduct_04_02 ul:nth-child(1) li.tit { background:#00b4cb; border-radius:15px 15px 0 0; padding:15px 0; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_02 ul:nth-child(3) li.tit { background:#14add0; border-radius:15px 15px 0 0; padding:15px 0; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_02 ul:nth-child(5) li.tit { background:#33a2d6; border-radius:15px 15px 0 0; padding:15px 0; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_02 ul:nth-child(7) li.tit { background:#4d98dc; border-radius:15px 15px 0 0; padding:15px 0; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_02 ul:nth-child(9) li.tit { background:#668fe2; border-radius:15px 15px 0 0; padding:15px 0; font-size:1.5em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_02 ul li ul.list { border:none; padding:2% 0; width:99.7%; }
.introduct_04_02 ul li ul.list li { border-bottom:1px solid #d8d8d8; margin:15px auto; padding-bottom:15px; width:80%; font-size:1.1em; font-weight:500; line-height:1.3em; }
.introduct_04_02 ul li ul.list li:last-child { border:0; margin-bottom:0;}
.introduct_04_02 ul:nth-child(2), .introduct_04_02 ul:nth-child(4), .introduct_04_02 ul:nth-child(6), .introduct_04_02 ul:nth-child(8) { background:url(../images/arr_right.png) center no-repeat; width:4%;}

/* 이용안내 다른 버전
.introduct_04_01 { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0 auto;  overflow:hidden; }
.introduct_04_01 ul:nth-child(1) { background:#00b4cb; border-radius:15px; width:29%; text-align:center;}
.introduct_04_01 ul:nth-child(3) { background:#33a2d6; border-radius:15px; width:29%; text-align:center;}
.introduct_04_01 ul:nth-child(5) { background:#668fe2; border-radius:15px; width:29%; text-align:center;}
.introduct_04_01 ul:nth-child(2), .introduct_04_01 ul:nth-child(4) { background:url(../images/arr_right.png) center no-repeat; width:6%;}
.introduct_04_01 ul li.tit { margin-top:25px; font-size:1.7em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_01 ul li ul.list { background:none; padding:0; width:90%; margin:20px auto; }
.introduct_04_01 ul li ul.list li { background:#fff; border-radius:5px; margin:8px 0; padding:15px 0; font-size:1.1em; font-weight:500; line-height:1.3em; }
.introduct_04_01 ul li ul.list li:last-child { margin-bottom:0;}

.introduct_04_02 { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0 auto;  overflow:hidden; }
.introduct_04_02 ul:nth-child(1) { background:#00b4cb; border-radius:15px; width:16.5%; text-align:center;}
.introduct_04_02 ul:nth-child(3) { background:#14add0; border-radius:15px; width:16.5%; text-align:center;}
.introduct_04_02 ul:nth-child(5) { background:#33a2d6; border-radius:15px; width:16.5%; text-align:center;}
.introduct_04_02 ul:nth-child(7) { background:#4d98dc; border-radius:15px; width:16.5%; text-align:center;}
.introduct_04_02 ul:nth-child(9) { background:#668fe2; border-radius:15px; width:16.5%; text-align:center;}
.introduct_04_02 ul:nth-child(2), .introduct_04_02 ul:nth-child(4), .introduct_04_02 ul:nth-child(6), .introduct_04_02 ul:nth-child(8) { background:url(../images/arr_right.png) center no-repeat; width:4%;}
.introduct_04_02 ul li.tit { margin-top:25px; font-size:1.7em; font-weight:600; color:#fff; text-align:center; }
.introduct_04_02 ul li ul.list { background:none; padding:0; width:90%; margin:20px auto; }
.introduct_04_02 ul li ul.list li { background:#fff; border-radius:5px; margin:8px 0; padding:15px 0; font-size:1.1em; font-weight:500; line-height:1.3em; }
.introduct_04_02 ul li ul.list li:last-child { margin-bottom:0;}
 */

/* 교통편 안내 */
.location { margin-top:; }
.location ul { border-bottom:1px solid #d8d8d8; margin-top:30px; padding-bottom:30px; overflow:hidden;}
.location ul li { float:left; }
.location ul li strong { display:block; margin-bottom:10px; font-size:1.3em; font-weight:500; color:#2b5299; line-height:1.5em; letter-spacing:-0.5px; }
.location ul li img { margin:0 20px; width:70px; }

/* 상담운영-개인상담 */
.counsel_1 { width:100%; overflow:hidden;}
.counsel_1 .text { float:left; width:60%;}
.counsel_1 .pic { float:right; width:35%;}
.counsel_1 .pic img { border-radius:15px; width:100%;}

/* 진로체험지원센터 */
.path_01_04 { display:flex; justify-content:space-between; flex-wrap:wrap; width:100%; margin:0 auto;  overflow:hidden; }
.path_01_04 ul:nth-child(1) { background:#fff; border-radius:15px; border:2px dashed #668fe2; width:27.5%; text-align:center;}
.path_01_04 ul:nth-child(3) { background:#00b4cb; border-radius:15px; border:2px solid #27b1c1; width:27.5%; text-align:center;}
.path_01_04 ul:nth-child(5) { background:#fff; border-radius:15px; border:2px dashed #f99a45; width:27.5%; text-align:center;}
.path_01_04 ul:nth-child(2), .path_01_04 ul:nth-child(4) { background:url(../images/path_01_04_arr.png) center no-repeat; width:8.2%;}
.path_01_04 ul:nth-child(1) .tit { background:#668fe2; border-radius:12px 12px 0 0; border:0; width:100%; font-size:1.5em; color:#fff; line-height:2.9em; text-align:center;}
.path_01_04 ul:nth-child(5) .tit { background:#f99a45; border-radius:12px 12px 0 0; border:0; width:100%; font-size:1.5em; color:#fff; line-height:2.9em; text-align:center;}
.path_01_04 ul:nth-child(1) li, .path_01_04 ul:nth-child(5) li { border-bottom:1px solid #d8d8d8; width:80%; margin:0 auto; font-size:1.2em; line-height:5.0em; }
.path_01_04 ul:nth-child(1) li:last-child, .path_01_04 ul:nth-child(5) li:last-child { border-bottom:0; }
.path_01_04 ul:nth-child(3) li.tit { background:#0091a3; border-radius:12px 12px 0 0; padding:10px 0; border:0; margin:0; width:100%; font-size:1.5em; color:#fff; line-height:; text-align:center;}
.path_01_04 ul:nth-child(3) li.tit span { display:block; font-size:0.8em;}
.path_01_04 ul:nth-child(3) li { background:#fff; border-radius:5px; padding:10px 0; width:80%; margin:10px auto; font-size:1.2em; color:#008392; }

/* 학교 밖 센터개요 */
.outside_1 { display:flex; justify-content:space-between; flex-wrap:wrap; }
.outside_1 .content { border-radius:15px; border:1px solid #d8d8d8; width:31%; }
.outside_1 .content .pic { display:block; width:100%; padding:0; }
.outside_1 .content .pic img { border-radius:14px 14px 0 0; width:100%; } 
.outside_1 .content .txt { height:100%; padding:13% 10% 10%; }
.outside_1 .content .txt > strong { display:block; margin-bottom:40px; font-weight:800; font-size:3.5em; color:#393939; text-align:center;}
.outside_1 .content .txt span { display:block; border-radius:30px; margin-bottom:25px; font-size:1.2em; color:#fff; line-height:2.5em; letter-spacing:-0.5px; text-align:center;}
.outside_1 .content:nth-child(1) .txt span { background:#00b4cb; }
.outside_1 .content:nth-child(2) .txt span { background:#668fe2; }
.outside_1 .content:nth-child(3) .txt span { background:#f99a45; }

/* 학교 밖 지원내용 */
.outside_support { position:relative; background:linear-gradient(to right, rgb(255, 255, 255, 1.0), rgb(0, 180, 203, 1.0)100px); border-radius:0 15px 15px 0; overflow:hidden;}
.outside_support .pic { background:#fff; width:40%; }
.outside_support .pic img { border-radius:15px 0 0 15px; width:100%; }
.outside_support .txt { position:absolute; left:70%; top:50%; transform:translate(-50%) translateY(-50%); width:50%; color:#fff; }
.outside_support .txt > ul { margin:30px 0;}
.outside_support li{ list-style-image:; list-style-type:disc; list-style-position:outside; margin-left:20px; margin-bottom:3px; padding-left:3px; line-height:1.6em; text-align:left;} 
.outside_support li.tit { list-style-image:none; list-style-type:none; margin-left:0; margin-top:; margin-bottom:10px; font-size:1.5em; font-weight:500; color:#; line-height:25px;} 
.outside_support li:first-child { margin-top:0; }
.outside_support li:last-child { margin-bottom:0; }







/* 테이블 */
.tb1 { color: #525252; font-size:0.95em; font-weight:400; width:100%; border-top:1px #434343 solid; padding:0; border-spacing:0; border-collapse:collapse;  margin-top:;}
.tb1 caption { color: #454545; font-size: 17px; line-height:29px; background:url(../images/dot_title.png) no-repeat 0px 9px; padding-left:20px; padding-bottom:0px; font-weight:bold; text-align:left; margin-bottom:10px; }
.tb1 th{background:#f5f5f5; border-right:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid; padding:12px 20px; font-size:; font-weight:500; color:#393939; line-height:21px; text-align:center; }
.tb1 td{border-right:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid; padding:12px 20px; line-height:21px; text-align:; }
.tb1 th:last-child, .tb1 td:last-child { border-right:0px #d8d8d8 solid; border-left:1px #d8d8d8 solid;}
.tb1 th.bd, .tb1 td.bd { border-right:1px #d8d8d8 solid;}
.tb1 td.center{ text-align:center; }
.tb1 td.bg1{ background:#fff8d4; color:#; text-align:center;}
.tb1 td.bg2{ background:#ffe3e3; font-weight:600; color:; text-align:center;}
.tb1 td a { text-decoration:underline;}
.tb1 th.bg1{ background:#4ebecc; font-size:1.1em; font-weight:500; color:#fff; text-align:center;}
.tb1 th .bold, .tb1 td .bold {color:#174487;}
.tb1 td li{ margin:5px 0;}
.tb1 thead {background:#fdfdfd; color:#35495d; font-size:15px; }
.tb1 th.bg {background:#3d3d3d; color:#fff; font-size:15px; }
.tb1 .tb1_list li{ list-style-image:url(../images/dot.png); list-style-type:disc; list-style-position:outside; margin-left:25px; line-height:22px;} /* list-style-type:disc; */
.tb1 .tb1_list li.tit {list-style-type:none;  margin-left:0;} 
.tb1 .tb1_list2 li{ list-style-image:url(../images/dot2.png); list-style-type:; list-style-position:outside; margin-left:15px; line-height:20px;} /* list-style-type:disc; */
.tb1 ol.listNum {margin-left:-20px;}
.tb1 ol.listNum > li { list-style:decimal !important; color:#; line-height:24px; }

.tb2 { color: #434343; font-size:0.85em; font-weight:400; width:100%; border-top:1px #376196 solid; padding:0; border-spacing:0; border-collapse:collapse; }
.tb2 caption { color: #454545; font-size: 17px; line-height:29px; background:url(../images/dot_title.png) no-repeat 0px 9px; padding-left:20px; padding-bottom:0px; font-weight:bold; text-align:left; margin-bottom:10px; }
.tb2 th{background:#f5f5f5; border-left:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid; padding:10px; font-size:; font-weight:500; color:#393939; line-height:18px; text-align:center; }
.tb2 td{border-left:1px #d8d8d8 solid; border-bottom:1px #d8d8d8 solid; padding:12px; line-height:18px; text-align:; }
.tb2 th:first-child, .tb2 td:first-child { border-left:0px #d8d8d8 solid;}
.tb2 td.center{ text-align:center; }
.tb2 td.bg1{ background:#f4f4f4; color:#; text-align:center;}
.tb2 td.bg2{ background:#f9f9f9; font-weight:600; color:; text-align:center;}
.tb2 td a { text-decoration:underline;}
.tb2 th.bg1{ background:#467dbb; color:#fff; text-align:center;}
.tb2 th .bold, .tb2 td .bold {color:#174487;}
.tb2 td li{ margin:5px 0;}
.tb2 thead {background:#fdfdfd; color:#35495d; font-size:15px; }
.tb2 th.bg {background:#3d3d3d; color:#fff; font-size:15px; }
.tb2 .tb2_list li{ list-style-image:url(); list-style-type:disc; list-style-position:outside; margin-left:25px; line-height:27px;} /* list-style-type:disc; */
.tb2 .tb2_list2 li{ list-style-image:url(../images/dot.png); list-style-type:; list-style-position:outside; margin-left:15px;} /* list-style-type:disc; */
.tb2 ol.listNum {margin-left:-20px;}
.tb2 ol.listNum > li { list-style: decimal !important;   color: #; font-size: ; margin-top:; line-height:27px; }


/* 탭메뉴 */
#tabmenu { display:inline-block; width:100%; margin:0 auto; margin-top:40px; text-align:; overflow:hidden;} /* display:inline-block; 중앙정렬 */
#tabmenu ul li { float:left; width:146px; margin:2px; line-height:50px;}
#tabmenu ul li a { display:block; background:#fff; border:1px #d8d8d8 solid; font-size:0.9em; color:#686868; line-height:50px; text-align:center; cursor:pointer;text-decoration:none !important}
#tabmenu ul li a:hover { background:#fff; border:1px #158406 solid;  }
#tabmenu ul li.on, #tabmenu ul li.on a { background:#158406; font-size:0.95em; font-weight:400; line-height:50px;}
#tabmenu ul li.on a { border:1px #158406 solid; color:#fff; line-height:50px; }

#tabmenu2{ position:relative; width:100%; margin:0 auto; margin-top:40px; margin-bottom:; text-align:; overflow:hidden;} /* display:inline-block; 중앙정렬 */
#tabmenu2 ul li{display:inline-block; line-height:40px; width:137px; margin:5px; vertical-align:top;}
#tabmenu2 ul li a{display:inline-block; width:135px; background:#fff;border:1px #d8d8d8 solid; font-size:0.9em; font-weight:; line-height:40px; text-align:center; cursor:pointer;text-decoration:none !important}
#tabmenu2 ul li a:hover{color:#fff; background:#bababa; border:1px #bababa solid;line-height:; font-weight:;}
#tabmenu2 ul li.on,#tabmenu2 ul li.on a{ background:#158406; font-weight:400; line-height:;}
#tabmenu2 ul li.on a{ border:1px #158406 solid; width:; color:#fff; line-height:38px; }