@charset "utf-8";


#header.main_gnb02	{display:none;width:100%;position:fixed;top:0;  z-index: 999;}
#header.sbu_header	{width:100%;position:fixed;top:0;  z-index: 999;}
#container	{padding-top:117px;}


/* 하위브라우저 체크 */
#ieUser{width:100%; height:83px; background:#083457; overflow:hidden;}
#ieUser .iewrap{position:relative; max-width:1000px; margin:28px auto 0;}
#ieUser .iewrap p.img{float:left; padding:0 10px 0 0;}
#ieUser .iewrap p.txt{float:left; color:#fff; padding:0 0 0 0;}
#ieUser .iewrap p.btn{position:absolute; right:0; top:0; cursor:pointer;}
#ieUser .iewrap ul{float:left; margin:0 0 0 20px;}
#ieUser .iewrap ul li{float:left; padding:0 12px 0 0;}

#header	{background:#000000;width:100%;position:relative;}
#header	.header	{max-wdith:1200px;width:100%;margin:0 auto;}

.w_type	{}
.m_type	{display:none!important;}
.m_type02	{display:none!important;}

/**/



.top_tit	{font-size:55px;color:#fff;text-align:center;font-weight:600;height:180px;line-height:180px;margin-bottom:50px;}
.sub_top_bg01	{background:#000 url(../images/bg/sub_top_bg01.jpg) no-repeat center 0;width:100%;} /*종로캠퍼스*/
.sub_top_bg02	{background:#000 url(../images/bg/sub_top_bg02.jpg) no-repeat center 0;width:100%;} /*교육과정*/
.sub_top_bg03	{background:#000 url(../images/bg/sub_top_bg03.jpg) no-repeat center 0;width:100%;} /*자격증*/
.sub_top_bg04	{background:#000 url(../images/bg/sub_top_bg04.jpg) no-repeat center 0;width:100%;} /*대학/취업*/
.sub_top_bg05	{background:#000 url(../images/bg/sub_top_bg05.jpg) no-repeat center 0;width:100%;} /*커뮤니티*/
.sub_top_bg06	{background:#000 url(../images/bg/sub_top_bg06.jpg) no-repeat center 0;width:100%;} /*상담센터*/
.sub_top_bg07	{background:#000 url(../images/bg/sub_top_bg07.jpg) no-repeat center 0;width:100%;} /*아름다운사람들*/
.sub_top_bg08	{background:#000 url(../images/bg/sub_top_bg08.jpg) no-repeat center 0;width:100%;} /*회원페이지*/


#content	{max-width:1200px;margin:0 auto;padding-bottom:70px;position:relative;}

#content .sub_menu	{max-width:250px;width:21%;float:left;}
#content .sub_menu	h3	{background:url(../images/bg/sub_tit_bg.gif) repeat 0 0;height:118px;width:100%; }	
#content .sub_menu	h3	span	{display:block;font-size:26px;color:#fff;font-weight:600;padding:47px 0 0 34px;}
#content .sub_menu	ul	{border-bottom:solid 1px #c3c3c3;}	
#content .sub_menu	ul	li	{border-bottom:solid 1px #e5e5e5;background:#f4f4f4;padding:0 34px;}
#content .sub_menu	ul	li.on	{border-left:solid 1px #ddd;border-right:solid 1px #ddd;background:#fff;}
#content .sub_menu	ul	li	a	{display:block;font-size:15px;font-weight:600;color:#7a8587;background:url(../images/bg/sub_menu_off.png) no-repeat right center;padding:17px 0;}
#content .sub_menu	ul	li.on	a	{background:url(../images/bg/sub_menu_on.png) no-repeat right center;color:#000000;}	

#content .sub_content	{max-width:900px;width:75%;float:right;}

.sub_top_nav	{text-align:right;margin-bottom:30px;}
.sub_top_nav	li	{background:url(../images/bg/top_nav_gap.png) no-repeat 0 center;display:inline-block;padding:0 10px 0 15px;} 
.sub_top_nav	li:first-child	{background-image:none;}
.sub_top_nav	li:last-child	{padding-right:0;}
.sub_top_nav	li.home	span	{text-indent:-9999em;}
.sub_top_nav	li	span	{display:block;font-size:13px;color:#666;vertical-align:middle;}
.sub_top_nav	li:last-child	span	{color:#000000;}

h3.sub_content_tit	{font-size:42px;font-weight:600;color:#2e2a27;margin-bottom:30px;}

ul.sub_txt	{padding-bottom:40px;}
ul.sub_txt	li	{font-size:14px;color:#666;line-height:130%;margin-bottom:5px;}
ul.sub_txt	li.tit	{font-size:20px;color:#666;line-height:130%;margin-bottom:15px;font-weight:600;}
ul.sub_txt	li	span.point	{font-size:14px;line-height:130%;color:#000000;}

/*퀵메뉴*/
.sub_q_menu	{display:none;}

.bottom_area	{background:#fff;padding:30px 0;}
.bottom_menu	{max-width:1200px;margin:0 auto;}
.bottom_menu	ul	{margin-left:-0.75%;}
.bottom_menu	ul	li	{max-width:291px;width:24.25%;float:left;margin-left:0.75%;text-align:center;background:#f8f8f8;border:solid 1px #ccc;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;box-sizing:border-box;}
.bottom_menu	ul	li	a	{display:block;font-size:11px;color:#666;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li	a	strong	{display:block;font-size:20px;color:#666;margin-bottom:0;}
.bottom_menu	ul	li	a	span	{display:block;font-size:11px;color:#666;font-weight:600;}
.bottom_menu	ul	li.on	{max-width:291px;width:24.25%;float:left;margin-left:0.75%;text-align:center;background:#ee314f;border:solid 1px #ee314f;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.bottom_menu	ul	li.on	a	{display:block;font-size:11px;color:#f5a5ca;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li.on	a	strong	{display:block;font-size:20px;color:#fff;margin-bottom:0;}
.bottom_menu	ul	li.on	a	span	{display:block;font-size:11px;color:#fff;font-weight:600;}

.bottom_menu	ul	li:hover	{max-width:291px;width:24.25%;float:left;margin-left:0.75%;text-align:center;background:#ee314f;border:solid 1px #ee314f;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.bottom_menu	ul	li:hover	a	{display:block;font-size:11px;color:#f5a5ca;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li:hover	a	strong	{display:block;font-size:20px;color:#fff;margin-bottom:0;}




footer	{background:#000;width:100%;}

.f_menu	{border-bottom:solid 1px #262626;padding:20px 0;}
.f_menu	div	{max-width:1200px;margin:0 auto;}
.f_menu	ul	{float:left;}
.f_menu	ul	li	{display:inline-block;}
.f_menu	ul	li	a	{display:block;color:#fff;font-weight:600;font-size:14px;background:url(../images/bg/f_gap.gif) no-repeat 0 center;padding:0 15px ;line-height:22px;}
.f_menu	ul	li:first-child	a	{background-image:none;padding-left:0;}


.f_copyright	{max-width:1200px;width:100%;margin:0 auto;padding:30px 0 70px 0;position:relative;}
.f_copyright ul	{padding-right:170px;}
.f_copyright ul	li	{font-size:13px;color:#777;margin-bottom:5px;line-height:150%;}	
.f_copyright ul	li	span	{margin-right:15px;}
.f_copyright ul	li.txt	{font-size:13px;color:#777;font-weight:600;padding-top:12px;}
.f_copyright	p.f_logo	{position:absolute;right:15px;top:20px;}
.f_copyright	p.phome_number	{font-size:22px;color:#ee314f;font-weight:600;margin-right:15px;position:absolute;right:0;top:-44px}
.f_copyright	p.phome_number	a	{font-size:22px;color:#ee314f;font-weight:600;}




/* paging */
div.paging {margin:40px auto 0 auto; text-align:center;}
div.paging * {display:inline-block;line-height:32px;vertical-align:middle;margin:0 1px;}
div.paging li a {background-color:#fff; border:1px solid #ddd; line-height:32px; font-weight:bold; color:#333; padding:0 13px;}
div.paging li a:hover {border:1px solid #555;}
div.paging li strong {background-color:#555; border:1px solid #555; line-height:32px; font-weight:bold; color:#fff; padding:0 13px;}
div.paging span.btn {line-height:32px;}
div.paging span.btn a {background-position:left; background-repeat:no-repeat; border:1px solid #e8e8e8; width:32px; height:32px; font-size:0; line-height:0; text-indent:-99999px; vertical-align:top;}
div.paging span.btn a:hover {border:1px solid #555;}
div.paging span.btn a.pageFirst {background-image:url('../images/btn/btn_page_first.gif');}
div.paging span.btn a.pagePrev {background-image:url('../images/btn/btn_page_prev.gif');}
div.paging span.btn a.pageNext {background-image:url('../images/btn/btn_page_next.gif');}
div.paging span.btn a.pageLast {background-image:url('../images/btn/btn_page_last.gif');}




/*모바일 메뉴*/

.laypop	{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:9999;background:#000000;}
.s_menu_login	{text-align:right;padding:30px 20px;}
.s_menu_login	li	{color:#fff;line-height:18px;display:inline-block;margin-left:45px;}
.s_menu_login	li	a	{font-size:18px;font-weight:600;color:#fff;}


ul.m_all_nav {width:100%;background:url(../images/bg/bg_01.png) repeat-x 0 bottom;}
ul.m_all_nav li.depth01 {border-bottom:1px solid #da3f89;background:#000000;}
ul.m_all_nav li.depth01:nth-child(7) {border-bottom:none;}
/*ul.m_all_nav li.bg01	{border-bottom:none;height:20px;position: absolute;top: 199px;width: 100%;}*/
ul.m_all_nav li.depth01 dl	{background:#000000}
ul.m_all_nav li.depth01 dl dt	{background:url(../images/bg/nav_icon02.png) no-repeat right center;margin:0 20px;}
ul.m_all_nav li.depth01 dl dt a {display:block;padding:20px 0;font-size:20px;color:#fff;font-weight:600;background:url(../images/bg/m_icon01.gif) no-repeat 0 center;padding-left:20px;}
ul.m_all_nav li.depth01 dl.current	dt	{background:url(../images/bg/nav_icon01.png) no-repeat right center;margin:0 20px;}
ul.m_all_nav li.depth01 dl.current	dt	a	{color:#fff;background:url(../images/bg/m_icon01.gif) no-repeat 0 center;padding-left:20px;}
ul.m_all_nav li.depth01 dl dd {border-top:1px solid #000000;font-size:12px; color:#fff; display:none;background:##414141;}
ul.m_all_nav li.depth01 dl dd ul	{margin:0 20px;padding:10px 0;}
ul.m_all_nav li.depth01 dl dd ul:after	{content:"";display:block;clear:both;}
ul.m_all_nav li.depth01 dl dd ul	li	{padding:20px 0;}
ul.m_all_nav li.depth01 dl dd ul	li	a	{font-size:18px;color:#fff;display:block;margin-left:25px;}
ul.m_all_nav li.depth01 dl dd ul	li	p	{font-weight:normal;}
ul.m_all_nav li.depth01 dl dd ul	li	p	a	{font-weight:normal;color:#fff;display:block;margin-top:10px;}




/*레이어팝업*/

.laypop_area	{max-width:560px;width:100%;border-top:solid 10px #000;margin:0 auto; background:#fff;padding-bottom:30px;}
.laypop_box	{margin:30px;position:relative;}
.laypop_box	p.layer_close	{position:absolute;right:0;top:0;;}
.laypop_area	h2	{font-size:26px;color:#555;padding-bottom:30px;}
.laypop_area	.add_box	{border:solid 1px #dedede;border-top:none;}
.laypop_area	textarea	{width:96%;padding:5% 2%;height:250px;}







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

#container	{padding-top:101px;}

#content	{max-width:1120px;margin:0 20px;}
#content .sub_menu	{max-width:250px;width:21%;float:left;display:none}
#content .sub_content	{max-width:1200px;width:100%;float:none;}

.sub_top_nav	{display:none;}
.bottom_area	{background:#fff;padding:30px 0;}
.bottom_menu	{max-width:1200px;margin:0 20px;}
.bottom_menu	ul	{margin-left:-2%;}
.bottom_menu	ul	li,.bottom_menu	ul	li.on	{max-width:480px;width:48%;float:left;margin-left:2%;}
.bottom_menu	ul	li:nth-child(2),.bottom_menu	ul	li:nth-child(3)	{display:none;}
.bottom_menu	ul	li	a	{display:block;font-size:11px;color:#666;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li	a	strong	{display:block;font-size:15px;color:#666;margin-bottom:8px;}
.bottom_menu	ul	li.on	a	{display:block;font-size:11px;color:#f5a5ca;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li.on	a	strong	{display:block;font-size:15px;color:#fff;margin-bottom:8px;}

.bottom_menu	ul	li:hover	{max-width:480px;width:48%;float:left;margin-left:2%;text-align:center;background:#ee314f;border:solid 1px #ee314f;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.bottom_menu	ul	li:hover	a	{display:block;font-size:11px;color:#f5a5ca;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li:hover	a	strong	{display:block;font-size:15px;color:#fff;margin-bottom:8px;}





/*퀵메뉴*/
.sub_q_menu	{position:fixed;right:0;top:300px;display:block;}
.sub_q_menu	li	{width:91px;margin-bottom:10px;}
.sub_q_menu	li	a	{display:block;}
.sub_q_menu	li	img	{width:100%;}


.f_menu	{border-bottom:solid 1px #262626;padding:20px 0;}
.f_menu	div	{max-width:1200px;margin:0 0 0 20px;}
.f_menu	ul	{float:none;text-align:left;}
.f_copyright	p.f_logo	{position:static;text-align:center;margin-top:20px;}
.f_copyright	{max-width:1200px;width:100%;margin:0 auto;padding:30px 0 170px 0;position:relative;}
.f_copyright ul	{padding-right:0;margin:0 20px;text-align:center;}




}





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

body	{overflow-x:hidden;}

#header.sbu_header	{width:100%;position:fixed;top:0;  z-index: 999;}
#container	{padding-top:55px;}


.w_type	{display:none!important;}
.m_type	{display:block!important;}
.m_type02	{display:inline-block!important;}

.f_copyright ul	{padding-right:0;margin:0 10px;text-align:center;}
.f_menu	div	{max-width:1200px;margin:0 0 0 0;}
.f_menu	ul	{float:none;text-align:center;}
.f_menu	ul	li	a	{display:block;color:#fff;font-weight:600;font-size:12px;background:url(../images/bg/f_gap.gif) no-repeat 0 center;padding:0 10px ;line-height:22px;}
.f_menu	ul	li:first-child	a	{background-image:none;padding-left:0;}

.f_copyright	{max-width:1200px;width:100%;margin:0 auto;padding:30px 0 20px 0;position:relative;}
.f_copyright ul	li	{font-size:12px;color:#777;padding-bottom:5px;line-height:150%;text-align:left;}	
.f_copyright ul	li	span	{display:block;margin-right:15px;margin-bottom:5px;}
.f_copyright ul	li.txt	{font-size:12px;color:#777;font-weight:600;padding-top:0;}
.f_copyright	p.phome_number	{font-size:16px;color:#ee314f;font-weight:600;margin:0 0 20px 0 ;position:static;text-align:center;}
.f_copyright	p.phome_number	a	{font-size:16px;color:#ee314f;font-weight:600;}


#content	{max-width:1200px;margin:0 20px;padding-bottom:35px;}

.bottom_menu	ul	{margin-left:-2%;}
.bottom_menu	ul	li,.bottom_menu	ul	li.on	{max-width:480px;width:48%;float:left;margin-left:2%;}
.bottom_menu	ul	li:nth-child(2),.bottom_menu	ul	li:nth-child(3)	{display:none;}
.bottom_menu	ul	li	a	{display:block;font-size:11px;color:#666;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li	a	strong	{display:block;font-size:13px;color:#666;margin-bottom:0;}
.bottom_menu	ul	li	a	span	{display:none;}
.bottom_menu	ul	li.on	a	{display:block;font-size:11px;color:#f5a5ca;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li.on	a	strong	{display:block;font-size:13px;color:#fff;margin-bottom:0;}
.bottom_menu	ul	li.on	a	span	{display:none;}

.bottom_menu	ul	li:hover	{max-width:480px;width:48%;float:left;margin-left:2%;text-align:center;background:#ee314f;border:solid 1px #ee314f;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.bottom_menu	ul	li:hover	a	{display:block;font-size:11px;color:#f5a5ca;font-weight:600;padding:15px 0;}
.bottom_menu	ul	li:hover	a	strong	{display:block;font-size:13px;color:#fff;margin-bottom:0;}




.top_tit	{font-size:30px;color:#fff;text-align:center;font-weight:600;line-height:100px;height:100px;margin-bottom:25px;}
.sub_top_bg01	{background:#000 url(../images/bg/sub_top_bg01_m.jpg) no-repeat center;width:100%;} /*종로캠퍼스*/
.sub_top_bg02	{background:#000 url(../images/bg/sub_top_bg02_m.jpg) no-repeat center;width:100%;} /*교육과정*/
.sub_top_bg03	{background:#000 url(../images/bg/sub_top_bg03_m.jpg) no-repeat center;width:100%;} /*자격증*/
.sub_top_bg04	{background:#000 url(../images/bg/sub_top_bg04_m.jpg) no-repeat center;width:100%;} /*대학/취업*/
.sub_top_bg05	{background:#000 url(../images/bg/sub_top_bg05_m.jpg) no-repeat center;width:100%;} /*커뮤니티*/
.sub_top_bg06	{background:#000 url(../images/bg/sub_top_bg06_m.jpg) no-repeat center;width:100%;} /*상담센터*/
.sub_top_bg07	{background:#000 url(../images/bg/sub_top_bg07_m.jpg) no-repeat center;width:100%;} /*아름다운사람들*/



h3.sub_content_tit	{font-size:20px;font-weight:600;color:#2e2a27;margin-bottom:15px;}

ul.sub_txt	{padding-bottom:20px;}
ul.sub_txt	li	{font-size:12px;color:#666;line-height:130%;margin-bottom:5px;}
ul.sub_txt	li.tit	{font-size:14px;color:#666;line-height:130%;margin-bottom:7px;font-weight:600;}
ul.sub_txt	li	span.point	{font-size:12px;line-height:130%;color:#000000;}



/*퀵메뉴*/
.sub_q_menu	{position:fixed;right:0;top:50%;display:block;}
.sub_q_menu	li	{width:54px;margin-bottom:10px;}
.sub_q_menu	li	a	{display:block;}
.sub_q_menu	li	img	{width:100%;}






/* paging */
div.paging {margin:20px auto 0 auto; text-align:center;}
div.paging * {display:inline-block;line-height:25px;vertical-align:middle;}
div.paging li a {background-color:#fff; border:1px solid #ddd; line-height:25px; font-weight:bold; color:#333; padding:0 9px;}
div.paging li a:hover {border:1px solid #555;}
div.paging li strong {background-color:#555; border:1px solid #555; line-height:25px; font-weight:bold; color:#fff; padding:0 9px;}
div.paging span.btn {line-height:25px;}
div.paging span.btn a {background-position:left; background-repeat:no-repeat; border:1px solid #e8e8e8; width:25px; height:25px; font-size:0; line-height:0; text-indent:-99999px; vertical-align:top;}
div.paging span.btn a:hover {border:1px solid #555;}
div.paging span.btn a.pageFirst {background-image:url('../images/btn/btn_page_first.gif');background-size:100%;}
div.paging span.btn a.pagePrev {background-image:url('../images/btn/btn_page_prev.gif');background-size:100%;}
div.paging span.btn a.pageNext {background-image:url('../images/btn/btn_page_next.gif');background-size:100%;}
div.paging span.btn a.pageLast {background-image:url('../images/btn/btn_page_last.gif');background-size:100%;}





/*모바일 메뉴*/

.s_menu_login	{text-align:right;padding:15px 20px;}
.s_menu_login	li	{color:#fff;line-height:18px;display:inline-block;margin-left:20px;}
.s_menu_login	li	a	{font-size:12px;font-weight:600;color:#fff;}
.s_menu_login	li:last-child	a	{display:block;}
.s_menu_login	li	img	{width:18px;}


ul.m_all_nav {width:100%;background:url(../images/bg/bg_01.png) repeat-x 0 bottom;}
ul.m_all_nav li.depth01 {border-bottom:1px solid #000000;background:#000000;}
ul.m_all_nav li.depth01:nth-child(7) {border-bottom:none;}
/*ul.m_all_nav li.bg01	{border-bottom:none;height:20px;position: absolute;top: 199px;width: 100%;}*/
ul.m_all_nav li.depth01 dl	{background:#000000}
ul.m_all_nav li.depth01 dl dt	{background:url(../images/bg/m_nav_icon02.png) no-repeat right center;margin:0 20px;}
ul.m_all_nav li.depth01 dl dt a {display:block;padding:15px 0;font-size:12px;color:#fff;font-weight:600;background:url(../images/bg/m01_icon01.gif) no-repeat 0 center;padding-left:15px;}
ul.m_all_nav li.depth01 dl.current	dt	{background:url(../images/bg/m_nav_icon01.png) no-repeat right center;margin:0 20px;}
ul.m_all_nav li.depth01 dl.current	dt	a	{color:#fff;background:url(../images/bg/m01_icon01.gif) no-repeat 0 center;padding-left:15px;}
ul.m_all_nav li.depth01 dl dd {border-top:1px solid #000000;font-size:12px; color:#fff; display:none;background:#414141;}
ul.m_all_nav li.depth01 dl dd ul	{margin:0 20px;padding:10px 0;}
ul.m_all_nav li.depth01 dl dd ul:after	{content:"";display:block;clear:both;}
ul.m_all_nav li.depth01 dl dd ul	li	{padding:10px 0;}
ul.m_all_nav li.depth01 dl dd ul	li	a	{font-size:11px;color:#fff;display:block;margin-left:15px;}
ul.m_all_nav li.depth01 dl dd ul	li	p	{font-weight:normal;}
ul.m_all_nav li.depth01 dl dd ul	li	p	a	{font-weight:normal;color:#fff;display:block;margin-top:10px;}









}


 

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



}