@charset "utf-8";

#subWrap header {position:static;background:#fff!important;}

#subWrap header nav.gnb ul.dep1 li a {color:#000;}
#subWrap header .nav_btn li a {color:#111;border:1px solid #111;font-weight:bold;}
#subWrap #container .sub_inner {width:100%;max-width:1200px;margin:0 auto;}	

/* sub_visual */
#subWrap #container .sub_visual {min-height:215px;background:url(/src/img/sub/sub_visual_bg.jpg) 0 0 no-repeat;background-attachment:fixed;text-align:center;background-size:cover;position:relative;}


#subWrap #container .sub_visual p.txt {font-size:40px;font-weight:bold;color:#fff;letter-spacing:-1px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
#subWrap #container .sub_visual p.txt strong {font-size:45px;color:#ffeeca;}
	
	
/* location */

#subWrap #container .location {width:100%;background:#fff;border-bottom:1px solid #ddd;}
#subWrap #container .location ul.idx {width:100%;max-width:480px;font-size:0;}
#subWrap #container .location ul.idx li {display:inline-block;width:33.3%;text-align:left;vertical-align:top;position:relative;}
	
#subWrap #container .location ul.idx li:after {position:absolute;content:"";right:25px;top:50%;transform:translateY(-50%);width:9px;height:7px;background:url(/src/img/sub/location_arrow.png) center center no-repeat;}

#subWrap #container .location ul.idx li:nth-child(1):after {display:none;}
#subWrap #container .location ul.idx li a {display:block;font-size:14px;padding:21px 0 21px 25px;border-left:1px solid #ddd;box-sizing:border-box;color:#111;}
#subWrap #container .location ul.idx > li > a {font-weight:bold;}

#subWrap #container .location ul.idx li:nth-child(1) a img {margin:0 15px 0 0;}
	
/*#subWrap #container .location ul.idx li:nth-child(1) {width:13.48%;text-align:center;text-indent:0;}
#subWrap #container .location ul.idx li:nth-child(1) a {padding:0;}*/
/*#subWrap #container .location ul.idx li:nth-child(1) a img {width:100%;}*/
#subWrap #container .location ul.idx li:last-child a {border-right:1px solid #ddd;}
	

#subWrap #container .location ul.idx ul {position:absolute;width:100%;background:#fafafa;border-bottom:1px solid #ddd;top:58px;display:none;z-index:100;border-top:none;}
#subWrap #container .location ul.idx ul li {width:100%!important;text-align:left!important;}
#subWrap #container .location ul.idx ul li:after {display:none;}
#subWrap #container .location ul.idx ul li a {padding:20px 0 20px 25px!important;border-top:1px solid #ddd;box-sizing:border-box;}
	
#subWrap #container .location ul.idx li a:hover {background:#f2f2f2;}
#subWrap #container .location ul.idx li.on > a {background:#f2f2f2;}

#subWrap #container .location ul.idx ul.dep1 {border-right:1px solid #ddd}
	
#subWrap #container .location_m {text-align:center;display:none;}
#subWrap #container .location_m ul li  {display:inline-block;margin:0 20px 0 0;position:relative;font-size:15px;}
#subWrap  #container .location_m ul li:after {display:inline-block;font-size:16px;padding:0 15px;position:absolute;content: ">";right:-30px;top:-2px;font-weight:lighter;color:#989898;}
#subWrap  #container .location_m ul li:last-child:after {display:none;}

#subWrap #container .location_m ul li .home_icon {max-width:13px;display:block;margin:0;padding:0;}


#subWrap #container .contents {padding:35px 0;color:#111;min-height:500px;}
#subWrap #container .contents h2.tit  {text-align:center;font-weight:bold;font-size:25px;margin:0 0 45px 0;}
#subWrap #container .contents h2.tit span {position:relative;padding:0 0 10px 0;}
#subWrap #container .contents h2.tit span:before {position:absolute;content:"";width:100%;height:3px;background:#8c3d85;position:left:0;bottom:0;}


@media all and (max-width:1200px){
	
#subWrap #container .sub_inner {width:95%;}
#subWrap #container .location .sub_inner {width:100%;}
#subWrap #container .sub_visual p.txt {font-size:35px;}
	
}

@media all and (max-width:768px){
#subWrap #container .sub_visual {background-size:cover!important;}
#subWrap #container .sub_visual p.txt {font-size:30px;}
	
#subWrap #container .location {border:0;}
#subWrap #container .location ul.idx {max-width:100%;}	
#subWrap #container .location ul.idx > li {display:none;width:100%;border-bottom:1px solid #e8e8e8}
#subWrap #container .location ul.idx li:after {top:30px;}
	
#subWrap #container .location ul.idx li:last-child {display:block;}
#subWrap #container .location ul.idx li:last-child a {border-right:none;}
#subWrap #container .location ul.idx ul {position:static;border-bottom:0;}
	

	
}

@media all and (max-width:640px){

/*	#subWrap #container .location {display:none;}*/
#subWrap #container .location_m {display:block;margin:0 auto 40px;}
	
}

/* common */
	
.cmn_tbl {font-size:16px;text-align:center;color:#444;text-align:center;width:100%;border-top:2px solid #000;}
.cmn_tbl th {background:#f8f8f8;font-weight:bold;padding:17px 0;}
.cmn_tbl th, .cmn_tbl td {border:1px solid #ddd;}
.cmn_tbl td {padding:15px 0;vertical-align:middle;}

.sub_page {color:#444;font-size:16px}
.sub_page .con_wrap p.tit {font-size:22px;font-weight:bold;padding:0 0 0 53px;margin:0 0 27px 0;background:url(/src/img/sub/sub_cmn_bullet.jpg) 20px 0 no-repeat;}




/* 센터장인사말 */

.s0101 {color:#111;font-size:16px;}
.s0101 .tit_wrap p.name {text-align:center;font-size:25px;color:#8c3d85}
.s0101 .tit_wrap h2.slogan {text-align:center;font-size:30px;color:#111;font-weight:bold;margin:25px 0 0 0;line-height:40px;}
.s0101 .tit_wrap .div_line {display:block;margin:40px auto 55px;}

.s0101 .con_all {display:inline-block;vertical-align:top;}
.s0101 .con_left {width:40.8%;margin:0 4.16% 0 0;}
.s0101 .con_left .bg {min-height:613px;background:url(/src/img/sub/s0101_bg.jpg) center center no-repeat;background-size:cover;}
.s0101 .con_right {width:54%;}
.s0101 .con_right p.txt {font-size:16px;line-height:26px;margin:0 0 35px 0;}
.s0101 .con_right p.txt:nth-child(1) {margin-top:20px;}
.s0101 .con_right p.txt strong {font-weight:bold;display:block;}
.s0101 .con_right p.org_name {font-weight:bold;}

@media all and (max-width:1024px){
.s0101 .con_all {width:100%;margin:0;}
.s0101 .con_left {margin:0 0 20px 0;}
.s0101 .con_left .bg {min-height:250px;}

}

@media all and (max-width:640px){
	
.s0101 .tit_wrap p.name {font-size:20px;}
.s0101 .tit_wrap h2.slogan br {display: none;font-size:25px;} 
	
}


/* 센터개요 */
.s0102	{color:#444;font-size:16px;}
.s0102 .con_wrap {margin:0 0 60px 0;}

.s0102 .con_wrap p.exp {padding:0 0 0 53px;font-size:16px;line-height:26px;}
.s0102 .con_wrap .detail {padding:0 0 0 53px;}
.s0102 .con_wrap .detail p.title {color:#444;font-weight:bold;margin:0 0 15px 0;}
.s0102 .con_wrap .detail ul {margin:0 0 38px 0;}
.s0102 .con_wrap .detail ul li {margin:0 0 10px 0;padding:0 0 0 13px;position:relative;}
.s0102 .con_wrap .detail.full ul li {line-height:30px;}
.s0102 .con_wrap .detail.full ul li:before {top:12px;}
	
.s0102 .con_wrap .detail ul li:before {position:absolute;content:"";width:4px;height:4px;border-radius:100%;background: #2e88ec;left:0;top:5px;}

.s0102 .con_wrap .slogan ul {padding:0 0 0 75px;margin:30px 0 0 0;}
.s0102 .con_wrap .slogan ul li {margin:0 0 10px 0;}
.s0102 .con_wrap .slogan ul li strong {font-weight:bold;}
.s0102 .con_wrap .slogan ul li:nth-child(1) strong {color:#4596cb;}
.s0102 .con_wrap .slogan ul li:nth-child(2) strong {color:#557cc7;}
.s0102 .con_wrap .slogan ul li:nth-child(3) strong {color:#6360c9;}
.s0102 .con_wrap .slogan img.slogan_img {padding:30px 0 0 53px;display:block;}
	
@media all and (max-width:768px){
	
.s0102 .con_wrap p.tit {background-position:left center;padding:0 0 0 35px;margin:0 0 15px 0;}
.s0102 .con_wrap p.exp {padding:0 0 0 35px;}
.s0102 .con_wrap .detail {padding:0 0 0 35px;}
	
.s0102 .con_wrap .slogan ul {padding:0 0 0 35px;}
.s0102 .con_wrap .slogan img.slogan_img {margin:30px auto;padding:0;width:100%;max-width:540px;}
	
}
	
@media all and (max-width:640px){

.s0102 .con_wrap p.tit {letter-spacing:-1px;}
.s0102 .con_wrap .detail {padding:0 0 0 15px;}
.s0102 .con_wrap .detail.full ul li {line-height:28px;}
	
}






/* 조직도 */

.s0103 .con_wrap {margin:0 0 90px 0;}

.s0103 .con_wrap.org {font-size:18px;}
.s0103 .con_wrap.org .inner_wrap {background:url(/src/img/sub/org_bg_line.png) center 45px no-repeat;width:100%;max-width:1080px;}
	
	
.s0103 .con_wrap p.part.one {font-size:18px;width:100%;max-width:285px;margin:0 auto;text-align:center;margin:0 0 30px 0;}
	
	
.s0103 .con_wrap .part_top ul.part.one {display:block;width:100%;max-width:285px;margin:0 auto;text-align:center;}
.s0103 .con_wrap .part_top ul.part.one li {padding:14px 0;color:#fff;background:url(/src/img/sub/org_part_bg.png) right bottom no-repeat;}
.s0103 .con_wrap .part_top ul.part.one li:first-child {margin:0 0 28px 0;background-color:#3f8dde }
.s0103 .con_wrap .part_top ul.part.one li:last-child {margin:0 0 87px 0;background-color:#364a8d;}
	
.s0103 .con_wrap .part_btm {font-size:0}
.s0103 .con_wrap .part_btm ul.part {display:inline-block;vertical-align:top;}

.s0103 .con_wrap .part_btm ul.part {width:21.29%;margin-right:4.93%;}
.s0103 .con_wrap .part_btm ul.part:last-child {margin-right:0;}
.s0103 .con_wrap .part_btm ul.part li {text-align:center;border-bottom:1px solid #fff;background:#f5f5f5;font-size:16px;padding:16px 0;color:#6b6d74;}
.s0103 .con_wrap .part_btm ul.part li:nth-child(1) {padding:13px 0;background:url(/src/img/sub/org_part_bg.png) right bottom #878fa6 no-repeat;;color:#fff;font-size:18px;}
	
	
	
@media all and (max-width:1080px){

.s0103 .con_wrap.org .inner_wrap {background:none}
.s0103 .con_wrap .part_top ul.part.one {max-width:100%;}
.s0103 .con_wrap .part_top ul.part.one li:last-child {margin: 0 0 30px 0;}
.s0103 .con_wrap .part_btm ul.part {width:49%;margin:0 2% 2% 0;}
.s0103 .con_wrap .part_btm ul.part:nth-child(2n) {margin-right:0;}
	
}

	
@media all and (max-width:768px){
	
.sub_page .con_wrap p.tit {background-position:left center;padding:0 0 0 35px;margin:0 0 15px 0;}
	
}
	
@media all and (max-width:420px){

.s0103 .con_wrap .part_btm ul.part {width:100%;margin:0 0 4% 0;}

}
	



/* 찾아오시는길 */
.s0104 .con_wrap {margin:0 0 95px 0;}
.s0104 .con_wrap img.campus_map {width:100%;max-width:926px;margin:0 auto;display:block;}
.s0104 a.mobile {display:none}

.s0104 .con_wrap .map_info {margin:37px 0 0 0;border:1px solid #ddd;background:#f7f7f7;padding:45px 0 45px 50px;}
	
.s0104 .con_wrap .map_info ul {margin:0 0 10px 0;}
.s0104 .con_wrap .map_info ul:last-child {margin:0;}
.s0104 .con_wrap .map_info ul li {display:inline-block;}
.s0104 .con_wrap .map_info ul li:nth-child(1) {padding:0 0 0 15px;position:relative;min-width:105px;}
.s0104 .con_wrap .map_info ul li:nth-child(1):before {position:absolute;content:"";width:5px;height:5px;background:#8c3d85;border-radius:50%;left:0;top:5px;}
	
	
.traffic_tbl {font-size:16px;border-top:2px solid #000;}
.traffic_tbl th {background:#f8f8f8;font-weight:bold;vertical-align:middle;}
	
.traffic_tbl th .sp_icon {width:76px;height:76px;display:block;margin:35px auto 20px;border-radius:50%;background:url(/src/img/sub/traffic_sprite.png) 0 0 no-repeat #4a5e75;}
.traffic_tbl th .sp_icon.sp2 {background-position:-76px 0;}	
.traffic_tbl th .sp_icon.sp3 {background-position:-152px 0;}	

	
.traffic_tbl th span.cate {display:block;margin:0 0 30px 0;}

.traffic_tbl th, .traffic_tbl td {border:1px solid #ddd;}
.traffic_tbl td {border:1px solid #ddd;padding:40px;}
.traffic_tbl td span.remark {display:block;color:#8c3d85;display:block;margin:10px 0 0 0;font-weight:bold;}
.traffic_tbl td a.link_btn {padding:10px;font-size:14px;color:#fff;background:#8c3d85;display:inline-block;margin:20px 0 0 0;}
	
.traffic_tbl td strong {font-weight:bold;margin:0 0 10px 0;display:block;}
.traffic_tbl td p.exp {margin:0 0 30px 0;font-size:15px;line-height:25px;padding:0 0 0 15px;}
.traffic_tbl td p.exp:last-child {margin:0}
	
	
	
@media all and (max-width:768px){

.tbl_wrap.resp {overflow-x:scroll}
.tbl_wrap.resp .traffic_tbl {width:768px;overflow-x:scroll}
.traffic_tbl td {padding:20px;}
	
	
.s0104 .con_wrap img.campus_map.pc {display:none;}
.s0104 .con_wrap a.mobile {display:block;}

}


@media all and (max-width:640px){
	.s0104 .con_wrap .map_info {padding:25px 0 25px 25px;}
	.s0104 .con_wrap .map_info ul {margin:0 0 20px 0;}
	.s0104 .con_wrap .map_info ul li {display:block;margin:0 0 10px 0;}
	.s0104 .con_wrap .map_info ul li:nth-child(1) {font-weight:bold;}
	.s0104 .con_wrap .map_info ul li:nth-child(2) {padding:0 0 0 15px;}
	
}



/* 모집안내 */
.s0201 .con_wrap {margin:0 0 40px 0;}

.s0201 .con_wrap .detail {padding:0 0 0 53px;}
.s0201 .con_wrap .detail p.title {color:#444;font-weight:bold;margin:0 0 15px 0;}
.s0201 .con_wrap .detail ul {margin:0 0 38px 0;}
.s0201 .con_wrap .detail ul li {margin:0 0 10px 0;padding:0 0 0 10px;position:relative;letter-spacing:-0.5px;}
.s0201 .con_wrap .detail ul li:before {position:absolute;content:"";width:4px;height:4px;border-radius:100%;background: #2e88ec;left:0;top:5px;}
	
.s0201 .con_wrap .detail.full ul li {line-height:30px;padding:0;}
.s0201 .con_wrap .detail.full ul li:before {display:none;}
	
	
.s0201 .con_wrap .top_ment {background:url(/src/img/sub/top_ment_bg.png) center center repeat #f5f4f4;padding:50px 0;position:relative;z-index:0}
.s0201 .con_wrap .top_ment p.title {font-size:22px;font-weight:bold;margin:0 0 25px 0;padding:0 0 0 45px;}
.s0201 .con_wrap .top_ment p.exp {font-size:16px;line-height:26px;padding:0 0 0 45px;}

.s0201 .con_wrap .top_ment:after {position:absolute;content:"";width:134px;height:134px;background:url(/src/img/sub/top_ment_icon.png) center center no-repeat;right:35px;top:35px;z-index:-1}
	
.s0201 .con_wrap span.remark {display:block;margin:10px 0 0 0px;}
.s0201 .con_wrap .cmn_tbl{text-align:left;}
.s0201 .con_wrap .cmn_tbl th {text-align:center;}
.s0201 .con_wrap .cmn_tbl td {text-indent:25px}
.s0201 .con_wrap .cmn_tbl td.main_cate {text-indent:0;text-align:center;line-height:30px;}
.s0201 .con_wrap .cmn_tbl td:last-child {text-align:center;text-indent:0;}
	


@media all and (max-width:1024px){
	
.s0201 .con_wrap .top_ment:after {opacity:0.5}
	
}

@media all and (max-width:768px){
	
.s0201 .con_wrap .top_ment {padding:25px 0;}
.s0201 .con_wrap .top_ment p.title {width:85%;margin:0 auto 20px;padding:0}
.s0201 .con_wrap .top_ment p.exp {width:85%;margin:0 auto;padding:0;}
.s0201 .con_wrap .top_ment p.exp br {display:none;}

	
	
	
	
.s0201 .con_wrap .detail {padding:0 0 0 35px;}	
	
	
	
.s0203 .con_wrap .top_ment {padding:25px 0;}
.s0203 .con_wrap .top_ment p.title {width:85%;margin:0 auto 20px!important;padding:0!important;}
.s0203 .con_wrap .top_ment p.exp {width:85%;margin:0 auto;padding:0!important;}
.s0203 .con_wrap .top_ment p.exp br {display:none;}
	
	
	
.tbl_wrap.resp {overflow-x:scroll}
.tbl_wrap.resp .cmn_tbl {width:768px;overflow-x:scroll}

}
	
@media all and (max-width:425px){
.s0201 .con_wrap .detail {padding:0 0 0 20px;}	
.s0203 .con_wrap .detail {padding:0 0 0 20px;}	
}




/* 수강신청방법 */

.s0202 {font-size:0;padding:0 0 50px 0;}
.s0202 .con_wrap {display:inline-block;vertical-align:top;}
.s0202 .con_wrap.con_left {width:45%;position:relative;margin:0 1.6% 0 0;}
.s0202 .con_wrap.con_left:after {position:absolute;content:"";width:100%;height:100%;background:#ddd;right:-3.2%;bottom:-3.2%;z-index:-1}
.s0202 .con_wrap.con_right {width:53.3%}

	
.s0202 .con_wrap.con_left .tit_wrap {position:absolute;left:50%;transform:translateX(-50%);top:50px;font-size:16px;color:#fff;text-align:center;width:100%;z-index:1;}
.s0202 .con_wrap.con_left .tit_wrap p.sub_tit {font-size:20px;font-weight:bold;}
.s0202 .con_wrap.con_left .tit_wrap p.sub_tit span {padding:0 22px 8px;border-bottom:1px solid rgba(255,255,255,0.2);display:inline-block;margin:0 auto 17px;}
.s0202 .con_wrap.con_left .tit_wrap p.main_tit {font-size:40px;font-weight:bold;}
.s0202 .con_wrap .process_img {width:100%;max-width:538px;}
.s0202 .con_wrap .process_img_m {display:none;}
	
.s0202 .con_wrap.con_right .step_wrap {position:relative;margin:50px 0 0 0;}
.s0202 .con_wrap.con_right .step_wrap:before {position:absolute;content:"";background:#f2f2f2;left:12%;top:0;width:1px;height:100%;z-index:-1;}
.s0202 .con_wrap.con_right ul.step {font-size:0;margin:0 0 42px 0;}
.s0202 .con_wrap.con_right ul.step li {font-size:16px;display:inline-block;vertical-align:top;}
.s0202 .con_wrap.con_right ul.step li:nth-child(1) {width:24.21%;text-align:center;}
.s0202 .con_wrap.con_right ul.step li:nth-child(2) {width:75.78%;}
	
	
	

.s0202 .con_wrap.con_right .num {display:inline-block;vertical-align:top;width:55px;height:55px;border:5px solid #2e88ec;border-radius:50%;font-size:22px;font-weight:bold;color:#2e88ec;line-height:47px;background:#fff;box-sizing:border-box;}
.s0202 .con_wrap.con_right .num_m {display:none;}
.s0202 .con_wrap.con_right .txt_wrap {display:inline-block;}
.s0202 .con_wrap.con_right .txt_wrap p.tit {margin:0 0 15px 0;padding:0;background:none;font-size:22px;}
.s0202 .con_wrap.con_right .txt_wrap p.exp {font-size:16px;line-height:20px;}
.s0202 .con_wrap.con_right .txt_wrap p.exp span.remark {display:block;}

	
@media all and (max-width:1200px){

#subWrap #container .sub_inner {width:95%;}
.s0202 .con_wrap.con_left .tit_wrap p.sub_tit span {border-color:#fff;}
.s0202 .con_wrap {display:block;margin:0 auto!important;width:100%!important;}
.s0202 .con_wrap.con_left {display:none;}
.s0202 .con_wrap.con_left:after {display:none;}
.s0202 .con_wrap.con_right {width:100%;}

}
	
	
@media all and (max-width:768px){

	
	
.s0202 .con_wrap.con_right .step_wrap:before {display:none;}
.s0202 .con_wrap.con_right .txt_wrap p.tit {font-size:18px;}
.s0202 .con_wrap.con_right .txt_wrap p.exp {font-size:16px;}
.s0202 .con_wrap.con_right ul.step li {display:block;width:100%!important;}
.s0202 .con_wrap.con_right .num{ display:none;}
.s0202 .con_wrap.con_right .num_m {background:#2e88ec;display:inline-block;width:40px;height:40px; color:#fff;margin:0 10px 0 0;border-radius:50%;text-align:center;line-height:40px;}
	
	
	
.s0202 .con_wrap.con_right ul.step li:nth-child(2) {margin:15px 0 0 0;}
	
	
.s0203 .con_wrap .top_ment:after {opacity:0.5;}
}
	


/* 학습비 납부방법 */
.s0203 .con_wrap {margin:0 0 40px 0;}

.s0203 .con_wrap p.exp {padding:0 0 0 53px;font-size:16px;line-height:26px;letter-spacing:-0.5px;}
.s0203 .con_wrap .detail {padding:0 0 0 53px;}
.s0203 .con_wrap .detail p.title {color:#444;font-weight:bold;margin:0 0 15px 0;}
.s0203 .con_wrap .detail ul {margin:0 0 38px 0;}
.s0203 .con_wrap .detail ul li {margin:0 0 10px 0;padding:0 0 0 10px;position:relative;letter-spacing:-0.5px;}
.s0203 .con_wrap .detail ul li:before {position:absolute;content:"";width:4px;height:4px;border-radius:100%;background: #2e88ec;left:0;top:5px;}
	
.s0203 .con_wrap .detail.full ul li {line-height:30px;padding:0;}
.s0203 .con_wrap .detail.full ul li:before {display:none;}
	
	
.s0203 .con_wrap .top_ment {background:url(/src/img/sub/top_ment_bg.png) center center repeat #f5f4f4;padding:50px 0;position:relative;z-index:0}
.s0203 .con_wrap .top_ment p.title {font-size:22px;font-weight:bold;margin:0 0 25px 0;padding:0 0 0 45px;}
.s0203 .con_wrap .top_ment p.exp {font-size:16px;line-height:26px;padding:0 0 0 45px;}

.s0203 .con_wrap .top_ment:after {position:absolute;content:"";width:134px;height:134px;background:url(/src/img/sub/edu_pay_icon.png) center center no-repeat;right:30px;top:30px;z-index:-1}
	
.s0203 .con_wrap span.remark {display:block;margin:10px 0 0 0px;}
.s0203 .con_wrap .cmn_tbl{text-align:left;}
.s0203 .con_wrap .cmn_tbl th {text-align:center;}
.s0203 .con_wrap .cmn_tbl td {text-indent:25px}
.s0203 .con_wrap .cmn_tbl td.main_cate {text-indent:0;text-align:center;line-height:30px;}
.s0203 .con_wrap .cmn_tbl td:last-child {text-align:center;text-indent:0;}
	
	







/* 학습동아리 소개 */

	
.s0304 .con_wrap {margin:0 0 40px 0;}
.s0304 .con_wrap p.exp {padding:0 0 0 53px;font-size:16px;line-height:26px;letter-spacing:-0.5px;}
.s0304 .con_wrap .detail {padding:0 0 0 53px;}
.s0304 .con_wrap .detail p.title {color:#444;font-weight:bold;margin:0 0 15px 0;}
.s0304 .con_wrap .detail ul {margin:0 0 38px 0;}
.s0304 .con_wrap .detail ul li {margin:0 0 10px 0;padding:0 0 0 10px;position:relative;letter-spacing:-0.5px;}
.s0304 .con_wrap .detail ul li:before {position:absolute;content:"";width:4px;height:4px;border-radius:100%;background: #2e88ec;left:0;top:5px;}
	
.s0304 .con_wrap .detail.full ul li {line-height:30px;padding:0;}
.s0304 .con_wrap .detail.full ul li:before {display:none;}
	
	
.s0304 .con_wrap .top_ment {background:url(/src/img/sub/top_ment_bg.png) center center repeat #f5f4f4;padding:50px 0;position:relative;z-index:0;}
.s0304 .con_wrap .top_ment p.title {font-size:22px;font-weight:bold;margin:0 0 25px 0;padding:0 0 0 45px;}
.s0304 .con_wrap .top_ment p.exp {font-size:16px;line-height:26px;padding:0 0 0 45px;}

.s0304 .con_wrap .top_ment:after {position:absolute;content:"";width:134px;height:134px;background:url(/src/img/sub/study_club_icon.png) center center no-repeat;right:30px;top:30px;z-index:-1}
	
.s0304 .con_wrap span.remark {display:block;margin:10px 0 0 0px;}
.s0304 .con_wrap .cmn_tbl{text-align:left;}
.s0304 .con_wrap .cmn_tbl th {text-align:center;}
.s0304 .con_wrap .cmn_tbl td {text-indent:25px}
.s0304 .con_wrap .cmn_tbl td.main_cate {text-indent:0;text-align:center;line-height:30px;}
.s0304 .con_wrap .cmn_tbl td:last-child {text-align:center;text-indent:0;}

.s0304 .con_wrap ul.step {font-size:0;width:100%;max-width:880px;margin:30px 0 60px;}
.s0304 .con_wrap ul.step li {width:21.59%;margin:0 4.54% 4.54% 0;font-size:20px;color:#fff;display:inline-block;padding:0;text-align:center;border-radius:50%;padding:50px 0;position:relative}
.s0304 .con_wrap ul.step li:after {position:absolute;content:"";right:-30px;top:50%;background:url(/src/img/sub/study_step_arrow.png) center center no-repeat;width:16px;height:27px;transform: translateY(-50%);;}
.s0304 .con_wrap ul.step li:last-child:after {display:none;}
	
	
.s0304 .con_wrap ul.step li .sp_icon {width:60px;height:60px;display:block;background:url(/src/img/sub/study_step_sprite.png) 0 0 no-repeat;margin:0 auto 10px;}
.s0304 .con_wrap ul.step li:before {display:none;}
.s0304 .con_wrap ul.step li:last-child {margin-right:0;}
.s0304 .con_wrap ul.step li:nth-child(1) {background:#4596cb;}
.s0304 .con_wrap ul.step li:nth-child(1) .sp_icon {background-position:- 0;}
.s0304 .con_wrap ul.step li:nth-child(2) {background:#557cc7;}
.s0304 .con_wrap ul.step li:nth-child(2) .sp_icon {background-position:-60px 0;}
.s0304 .con_wrap ul.step li:nth-child(3) {background:#6360c9;}
.s0304 .con_wrap ul.step li:nth-child(3) .sp_icon {background-position:-120px 0;}
.s0304 .con_wrap ul.step li:nth-child(4) {background:#4542be;}
.s0304 .con_wrap ul.step li:nth-child(4) .sp_icon {background-position:-180px 0;}

	

	
@media all and (max-width:1024px){

.s0304 .con_wrap ul.step li {border-radius:5px;}
.s0304 .con_wrap ul.step li:after {right:-25px;}

}	

	
@media all and (max-width:768px){
	
.s0304 .con_wrap .top_ment:after {opacity:0.5}
.s0304 .con_wrap .top_ment p.title {width: 85%; margin: 0 auto 20px; padding: 0;}
.s0304 .con_wrap .top_ment p.exp {width: 85%; margin: 0 auto 20px; padding: 0;}
.s0304 .con_wrap .top_ment p.exp br {display:none;}
	
.s0304 .con_wrap ul.step li {width:100%;margin:0 0 2% 0;padding:25px 0;}
.s0304 .con_wrap ul.step li:after {display:none;}
}
	
	
	
	

/* 설문조사 */

.s0405 ul.survey {font-size:0;}
.s0405 ul.survey > li {display:inline-block;box-shadow:0 1px 5px #8b8b8b;border-radius:15px;border:1px solid #ccc;box-sizing:border-box;width:32%;margin:0 2% 2% 0;}
.s0405 ul.survey > li:hover{box-shadow: 0 0 0 4px  #8c3d85 inset;}

.s0405 ul.survey > li:nth-child(3n) {margin-right:0}
	
.s0405 ul.survey > li .inner {width:90%;margin:0 auto}
.s0405 ul.survey > li .inner .status {margin:25px 0 20px 0;}
.s0405 ul.survey > li .inner .status span {width:50px;height:50px;border-radius:50%;font-size:16px;color:#fff;background:#8c3d85;display:inline-block;text-align:center;line-height:50px;}
	
.s0405 ul.survey > li .inner p.tit {font-size:20px;font-weight:bold;color:#000;padding:0 0 15px 5px;border-bottom:1px solid #dcdcdc;margin:0 0 20px 0;}
	
.s0405 ul.survey > li .inner ul.detail {margin:0 0 35px 5px;}
.s0405 ul.survey > li .inner ul.detail li {margin:0 0 8px 0;font-size:15px;color:#666;}
.s0405 ul.survey > li .inner ul.detail li span {min-width:80px;display:inline-block;}
	
.s0405 ul.survey > li.fin .status span {background:#929292;}
.s0405 ul.survey > li.fin .tit {color:#666}

	
@media all and (max-width:1200px){

.s0405 ul.survey > li {width:49%;margin:0 2% 2% 0!important;}
.s0405 ul.survey > li:nth-child(2n) {margin-right:0!important}
}

@media all and (max-width:640px){

.s0405 ul.survey > li {width:100%;margin-right:0!important}
}
	






	
/* 페이지 관리자 */
.page_admin	{border:1px solid #ddd;box-sizing:border-box;overflow:hidden;padding:20px 25px;margin:40px 0 0 0;}
.page_admin	ul li {display:inline-block;font-size:16px;color:#444;}
.page_admin	ul li span {color:#888;}
.page_admin	ul li:first-child {margin:0 45px 0 0;position:relative;}
.page_admin	ul li:first-child:after {position:absolute;content:"";width:1px;height:18px;background:#ddd;right:-25px;top:0;}
.page_admin	ul li:last-child {float:right;visibility:hidden;}
.page_admin	ul li:last-child span {color:#dd0000;}
	
/* 페이지 만족도 */
.page_satisfic	{border:1px solid #ddd;box-sizing:border-box;overflow:hidden;padding:45px 25px;margin:25px 0 50px 0;}
.page_satisfic .inner_wrap {width:95%;margin:0 auto;position:relative;}
.page_satisfic .chart_icon {display:inline-block;vertical-align:top;margin:0 20px 0 0;}
.page_satisfic .satisfic_frm {display:inline-block;width:100%;max-width:450px;}
.page_satisfic .satisfic_frm legend {display:none;}
.page_satisfic .satisfic_frm p.exp {font-size:16px;color:#444;margin:0 0 20px 0;line-height:25px;}
	
.page_satisfic ul {width:100%;font-size:0;}
.page_satisfic ul li {display:inline-block;width:20%;font-size:14px;vertical-align:top}
.page_satisfic ul li input {margin:0 10px 0 0;}
	
	
.page_satisfic input[type="submit"] {font-size:14px;font-weight:bold;color:#fff;background:#666;border:none;padding:10px 35px;cursor:pointer;position:absolute;right:0;bottom:0;}
	
	
@media all and (max-width:1024px){
.page_satisfic .satisfic_frm {max-width:500px;}
.page_satisfic input[type="submit"] {position:static;margin:20px 0 0 0;width:100%;}

}
	
	
@media all and (max-width:768px){

.page_admin	ul li {display:block;width:100%;float:none!important;margin:0 0 8px 0!important;}
.page_admin	ul li:last-child {margin:0!important;}

.page_satisfic .chart_icon {display:block;margin:10px auto 40px;}
	
}
	
@media all and (max-width:640px){
		
.page_satisfic ul {margin:30px 0 0 0;}
.page_satisfic ul li {display:block;margin:0 0 15px 0;width:100%;}
}








/* 사이트맵 */
.sitemapBox{width:100%;font-size:16px;}
.sitemapWrap{width:100%;font-size:0;}
.sitemapWrap li{display:inline-block;width:19.2%;vertical-align:top;font-size:16px;margin:0 1% 1% 0;}
.sitemapWrap li:last-child {margin-right:0;}

.sitemapWrap li dl{border-bottom:1px solid #d2d2d2;}
.sitemapWrap li dt{color:#fff;text-align:center;}
.sitemapWrap li dt:after{content:'';display:block;width:1px;height:30px;margin:0 auto;background:#d2d2d2;}
.sitemapWrap li dt p{font-size:18px;line-height:60px;background:#505050;}
.sitemapWrap li dd{padding:5px 10px;border-left:1px solid #d2d2d2;border-right:1px solid #d2d2d2;}
.sitemapWrap li dd:nth-child(2){padding-top:20px;border-top:1px solid #d2d2d2}
.sitemapWrap li dd:last-child{padding-bottom:20px;}
.sitemapWrap li dd a{position:relative;display:block;padding-left:10px;}
.sitemapWrap dd a:before{content:'-';position:absolute;left:0;top:-2px;}

.sitemapWrap dd .deps3{clear:both !important;margin:5px 0;overflow:hidden;}
.sitemapWrap dd .deps3 li{clear:both !important;width:100%;padding:3px 5px;margin:0;font-size:13px;background:#f3f3f3;}

.sitemapWrap textarea{font-family:'Noto Sans KR', Tahoma, Geneva, sans-serif;}

@media all and (max-width:768px){
.sitemapWrap{width:100%;margin-left:0;border-top:1px solid #e7e7e7;}
.sitemapWrap li{width:100%;margin-right:0;}

.sitemapWrap li dl{position:relative;padding-left:30%;}
.sitemapWrap li dt{position:absolute;left:0;top:20px;width:30%;font-size:18px;}
.sitemapWrap li dt:after{display:none;}
.sitemapWrap li dt p{font-size:18px;line-height:40px;}
.sitemapWrap li dd{padding:5px 20px;border:none;}
.sitemapWrap li dd:nth-child(2){border:none;}
}