/* 공통 */
.sub_content { margin-top:101px; }
.bd0 { border:0 !important; }
.brd_left { border-left:1px solid #ddd; }
.brd_right0 { border-right:0 !important; }

select.w65 { width:68px; }
select.w80 { width:80px; }
select.w100 { width:100px; }
select.w150 { width:150px; }
input.w65 { width:65px; }
input.w100 { width:100px; }
input.w150 { width:153px; }
input.w247 { width:247px; }
input.medium { width:39.5%; }
input.wide { width:75%; }
.txt_center { text-align:center !important; }

.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }
.mt60 { margin-top:60px !important; }
.mt80 { margin-top:80px !important; }
.mt130 { margin-top:130px !important; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb50 { margin-bottom:50px; }
.ml5 { margin-left:5px; }
img.center { display:block; margin:0 auto; }

/*상단 레프트 메뉴*/
.leftmenu_box { position:relative; z-index:10 }
.leftmenu_warp {  position:fixed; top:104px; background:#292929; width:100%;  }
.leftmenu_warp ul {overflow:hidden; padding: 10px 0;}
.leftmenu_warp ul li { float:left; text-align:center; }
.leftmenu_warp ul.li_num03 li a { width:333.3px}
.leftmenu_warp ul.li_num04 li a { width:250px}
.leftmenu_warp ul.li_num05 li a { width:200px}
.leftmenu_warp ul.li_num06 li a { width:166.67px; }
.leftmenu_warp ul li a { display:inline-block; font-size:15px; color:#ddd; }
.leftmenu_warp ul li a:hover,
.leftmenu_warp ul li a.on { color:#ff2c63; font-weight:600; }

/* 서브타이틀스타일 */
.content .article .top_title { overflow:hidden; margin-bottom:30px; }
.content .article .top_title h4 { font-size:40px; color:#333; font-family: 'notokr-regular'; line-height: normal; text-align:left; }
.content .article .tab_menu { overflow:hidden; margin-top:10px; }
.content .article .tab_menu ul li { float:left; margin-left:15px; background:url('../img/sub/tab_bar.jpg') center left no-repeat; padding-left:15px;}
.content .article .tab_menu ul li:first-child { margin-left:0; background:none; padding-left:0; }
.content .article .tab_menu ul li a { font-size:18px; color:#666; font-family: 'nokr-light'; }
.content .article .tab_menu ul li a.on { font-weight:600;}
.content .article .titb_box { background:url('../img/sub/tit_blackbg.jpg') center center no-repeat; padding:40px 0; color:#fff; text-align:center; }
.content .article .titb_box p { font-size:30px; margin-bottom:5px; line-height:normal; }
.content .article .titb_box span { font-size:18px; color:#999; }
.content .article h5 { font-size:30px; margin:50px 0 20px; }
.content .article h6 { font-size: 19px; padding: 5px 0 5px 20px; background: url('/img/tit/color01_bg.png') no-repeat left 11px; margin-bottom: 3px; font-family:'notokr-regular'; }
.content .article h6.edu_tit { font-size:25px; padding:10px 0; margin-bottom:3px; font-family:'notokr-regular'; background:none; font-weight:700; letter-spacing:-2px; }
/*.content .article h6 { background:url('../img/tit/bl_h4.png') no-repeat left; padding-left:21px; font-size:16px; color:#1f1f1f; margin-bottom:10px; }*/
.content .article p.title { background:url('../img/tit/bl_h5.png') no-repeat left; padding:0 0 0 10px; font-size:17px; color:#1f1f1f; margin:25px 0 10px 0; }
.red { color:#b10c37; }

/* 서브타이틀 20161012 */
.border_title { margin:30px 0; text-align:center; padding-bottom:10px;  }
.border_title .border_bg_txt { display:inline-block; padding:15px 50px; font-size:28px; color:#666; font-weight:100;  letter-spacing:-1px; border-top:1px solid #999; border-bottom:1px solid #999; font-family:'notokr-regular'; }
.border_title .border_bg_txt span { color:#1f1f1f; font-weight:800}

/* 서브타이틀 COLLEGE스타일 */
.top_tit { overflow:hidden; margin-bottom:20px; text-align:center }
.top_tit .img { display:block; padding-top:35px; padding-right:28px; }
.top_tit .text01 { padding:15px 0 20px; line-height:20px; font-size:15px; font-weight:400; }
.top_tit .text01 span { color:#363636; border-bottom-width:1px; border-bottom-color:#363636; border-bottom-style:solid; }
.top_tit .text01 b { display:block; margin-bottom:8px; }
.top_tit_bold { margin:0; letter-spacing:-0.5px; font-size:34px; font-family: 'Raleway-Thin' , 'notokr-light';}
.top_tit_bold span {font-weight:bold; font-family:'Raleway-Regular' , 'notokr-regular'; letter-spacing:1.4px }
.top_tit_bold_md { margin:-13px 0 0 0; font-size:46px;  font-family: 'Raleway-Thin', 'notokr-light';}
.top_tit_bold_md span {font-weight:800; font-family:'Raleway-Regular', 'notokr-regular'; letter-spacing:0.6px }
.top_tit_light {padding-top:24px; margin:0; font-size:66px; display:inline-block; font-family: 'Raleway-Regular', 'notokr-regular';}
.top_tit_light span  { font-weight:400;  font-size:32px;color:#c1c1c1; display:block; font-family: 'Raleway-Regular', 'notokr-regular';}

/* 서브상단이미지 */
.content .article .tit_box { background:#333; height:100px; padding:10% 0; color:#fff; text-align:center; }
.content .article .tit_box p { font-size:30px; margin-bottom:5px; }
.content .article .tit_box span { font-size:18px; color:#999; }

/* 라인박스 */
.line_box { overflow:hidden; border-top:1px solid #000; padding-bottom:20px; }
.line_box.bdb { border-bottom:1px solid #999; }
.line_box > div { padding-top:20px; }
.line_box .title { float:left; width:30%; border-top:3px solid #000; }
.line_box .title .tit { float:left; font-size:24px; margin-bottom:2px; font-weight:600; }
.line_box .title .tit span { font-size:16px; color:#666; font-weight:400; }
.line_box .con { float:right; width:70%; }
.line_box .con ul li { overflow:hidden; padding-top:2%; padding-left:3%; border-left:1px solid #e3e3e3; }
.line_box .con ul li:first-child { padding-top:0; }
.line_box .con ul li p { border:1px solid #bbb; color:#333; background:#fff; font-weight:bold; padding:7px 20px; display:inline-block; float:left; width:8%;}
.line_box .con ul li span { display:inline-block; float:right; width:82%; line-height:22px; }
.line_box .con ul li span.line1 { padding-top:1%; }

/* 특징 컬러박스 */
.content .article ul.colorbox { overflow:hidden; }
.content .article ul.colorbox li { width:50%; float:left; }
.content .article ul.colorbox li .text { padding:25px; overflow:hidden; }
.content .article ul.colorbox li .text p { /*float:left; width:20%; */font-size:18px; margin-bottom:5px; }
.content .article ul.colorbox li .text span { /*float:left; width:80%; */ text-align:justify; display:block; font-size:15px;}
.content .article ul.colorbox li.pink .text { background:#b10c37; color:#fff; }
.content .article ul.colorbox li.navy .text { background:#09072d; color:#fff; }
.content .article ul.colorbox li.gray .text { background:#555; color:#fff; }
.content .article ul.colorbox li.darkgray .text { background:#222; color:#fff; }
.content .article ul.colorbox li .text.height2 { min-height:72px; }
.content .article ul.colorbox li .text.height3 { min-height:60px; }

/* 학과 교육과정박스 */
.color_box { overflow:hidden; }
.color_box div.title { padding:10px 15px; color:#fff; font-size:18px;}
.color_box div.title p span { font-size:14px; }
.color_box div.title.pink { background:#c10b3b; }
.color_box div.title.purple { background:#b52d75; }
.color_box div.title.purple2 { background:#772f79; }
.color_box div.title.orange { background:#ae201f; }
.color_box div.title.red { background:#970700; }
.color_box div.title.yellow { background:#995d00; }
.color_box div.con { overflow:hidden; padding:15px; background:#f5f5f5; }
.color_box div.con > img { float:left; margin-right:25px; }
.color_box div.con ul { float:right; width:68%; }
.color_box div.con ul li { margin-top:19px; overflow:hidden; }
.color_box div.con ul li:first-child { margin-top:0; }
.color_box div.con ul li p { background:#333; color:#fff; padding:7px 20px; display:inline-block; float:left; width:8%;}
.color_box div.con ul li span { display:inline-block; float:right; width:82%; line-height:22px; }

/* 리스트스타일 */
ul.list li { line-height:24px; background:url('/img/tit/li_bg.png') left 10px no-repeat; padding-left:10px; text-align:justify; }

table .txtcenter { text-align:center; }
table.thcenter th,
table.thcenter td{ text-align:center !important; }
table .txtleft { text-align:left; }

/* 컬러테이블 */
table.box_table thead th { background:#b10c37; color:#fff; text-align:left; padding:10px 15px; font-size:16px; font-weight:400; }
table.box_table tbody th { background:#333; color:#fff; text-align:left; padding:20px 25px; }
table.box_table tbody th .logo { margin-bottom:10px; }
table.box_table tbody th p { font-size:16px; margin-bottom:5px; color:#ccc; font-weight:400; }
table.box_table tbody th span { line-height:19px; font-weight:400; color:#999; font-size:14px; }
table.box_table tbody td { padding:20px 25px; line-height:19px; background:#f5f5f5; }
table.box_table .btn{ overflow:hidden; margin-top:10px; }
table.box_table .btn a { float:right; padding:5px 15px; background:#ddd; }

/* 기본테이블 */
table.basic { border-top:3px solid #b10c37; width:100%; }
table.basic thead th { background:#b10c37; color:#fff; text-align:left; padding:10px 15px; font-size: 14px; font-weight: 400;border-left: 1px solid #c14e6c; border-bottom: 1px solid #c14e6c;}
table.basic tbody th { background:#333; color:#fff; text-align:left; padding:10px 15px; border-bottom:1px solid #666; font-weight: 400; }
table.basic tbody td { background:#f5f5f5; padding:10px 20px; line-height:19px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; }
table.basic tbody td.bg { background:#797979; color:#fff; border-bottom:1px solid #9e9e9e; }
table.basic tbody td.td_pd0 { padding:0 !important }
table.basic tbody td.td_pd0 .small_tb { width:100%; }
table.basic tbody td.td_pd0 .small_tb tr td { border-left:0; border-right:0 }

table.basic.yellow { border-top:3px solid #995d00; }
table.basic.yellow thead th { background:#995d00; border-left:1px solid #ae7d31; border-bottom:1px solid #ae7d31; }

table.basic.gray { border-top:3px solid #bbb; }
table.basic.gray thead th { background:#959595; border-left:1px solid #bbb; border-bottom:1px solid #bbb; }
table.basic.gray tbody th { background:#e3e3e3; color:#333; border-bottom:1px solid #c4c4c4; }
table.basic.gray tbody td { background:#f8f8f8 }

table.basic.white { border-top:2px solid #bbb; }
table.basic.white thead th { background:#fff; border-left:1px solid #bbb; border-bottom:2px solid #bbb; color:#333; font-weight:bold; }
table.basic.white thead th:first-child { border-left:none; }
table.basic.white tbody th { background:#fff; color:#333; border-bottom:1px solid #c4c4c4; }
table.basic.white tbody td { background:#fff; border-left:1px solid #ccc; border-right:none; }

table.gukbi_list tr th,
table.gukbi_list tr td { padding:10px 6px; word-break:break-all;}

/*게시판 폼*/
.form_table { border-collapse:collapse; width:100%; }
.form_table tr td { border:1px solid #dadada; padding:6px; }
.form_table tr th { border:1px solid #dadada; padding:6px; background:#f4f4f4; font-weight:400; }
.form_table tr td .counsel_text { height:200px;}
.form_table tr td .file_notice { padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #ddd; }
.form_table tr td .file_notice p.text { padding-left:5px; }
.form_table tr td .user_name { display:inline-block; line-height:29px; }

/* 상담 폼 */
.counsel_table caption { padding-bottom:7px; text-align:left; font-size:15px;  font-weight:600; }
.counsel_table tr th { border-left:0; }
.counsel_table tr td { overflow:hidden; border-right:0; }
.counsel_table tr td .datetime,
.counsel_table tr td .ui-datepicker-trigger { float:left; }
.privacy { margin-top:15px; }
.privacy textarea { width:98%; height:100px; }
.privacy p { padding-top:5px; text-align:right;}

/* 상담 폼 메인 */
.main_form .counsel_table { border-top:0; border-right:1px solid #ddd; }
.main_form .counsel_table tr td { border:1px solid #ddd; color:#000; }
.main_form .counsel_table tr td input {}
.main_form .counsel_table tr th { border:1px solid #ddd; background:#707070; color:#fff; font-weight:400; }
.main_form .privacy textarea { width:98%; height:100px; background-color:#eee; border-color:#ddd; color:#333;  }
.main_form .privacy p { color:#333; }

.form_Box img, input, button, select, textarea { vertical-align:middle;}
.form_Box { padding: 1%; overflow: hidden; background: #FDFDFD; border: 4px solid #f1f1f1; }
.form_Box li{float:left; margin:0 0 0 15px;}
.form_Box .mandatory{float:right}

/* 테이블 */
.sub_content table { width:100%; }
.sub_content .form_table tr td button { padding:5px 8px; background-color:#48494c; color:#fff; }

/* 상담신청 테이블 */
.sub_content .counsel_table tr th span { color:#b10c37; }
.sub_content .counsel_table tr td textarea { height:300px; }

/* 버튼 */
.btn_box { margin-top:30px; text-align:center; }
.btn_box .btn_total { display:inline-block; width:160px; line-height:43px; text-align:center; font-size:15px; background-color:#fff; color:#333; margin:0 5px;}
.btn_box .btn_s { background-color:#707070; border:1px solid #707070; color:#fff; }
.btn_box .btn_n { background-color:#999; border:1px solid #999; color:#fff; }

#hair .btn_box,
#makeup .btn_box,
#lecture .btn_box,
#gukbi .btn_box { margin-top:60px; }
.file_btn { display:inline-block; margin-left:10px; padding:0 7px; background-color:#555; color:#fff; font-size:12px; cursor:pointer;  }
.file_btn a { color:#fff; }

/* 아카데미 소개  */
.parallax-bg { position:absolute !important; left:0; width:100%; z-index:5 !important; height:20000px; }
#about-parallax01 { background:url('/img/sub/about/about_b1.jpg') no-repeat center bottom; bottom:0; }
#about-parallax02 { background:url('/img/sub/about/about_b2.jpg') no-repeat center bottom; bottom:0; }
#about-parallax03 { background:url('/img/sub/about/about_b3.jpg') no-repeat center bottom; bottom:0; }
#about-parallax04 { background:url('/img/sub/about/about_b4.jpg') no-repeat center bottom; bottom:0; }

.content .full_article { padding:0 0; min-height:auto !important; }

.boxtit span { font-weight:bold; color:#fff; }
.about_box .boxtit { display:inline-block; padding:5px; margin-bottom:60px; border-top:0; border-bottom:0; font-size:60px !important; font-weight:400; color:#ccc; font-family:'notokr-light'; }
.about_box .boxtit_sub { display:block; font-size:28px; color:#a2a0a0; }
.about_box .boxtit .boxtit_sub.boxtit_sub_top span { color:#a2a0a0; }
.about_box .box_text { font-family:"notokr-light"; color:#b7b7b7; font-size:17px; line-height:25px;}

/* 첫번째 박스 */
.txtbox_wrap01 { text-align:center; padding:300px 0 300px; color:#fff; overflow:hidden; position:relative; z-index:10;  }
.txtbox_wrap01 .bottom { position:absolute; bottom:60px; left:50%; margin-left:-25px;  width:50px; cursor:pointer; }
.txtbox_wrap01 .bottom img { width:100%; }
.txtbox_wrap01 > * { position:relative; z-index:10; }
.txtbox_wrap01 p { font-size:16px; }


/* 두번째 박스 */
.txtbox_wrap01_2 { text-align:center; padding:300px 0 300px; color:#fff; overflow:hidden; position:relative; z-index:10;  }
.txtbox_wrap01_2 .bottom { position:absolute; bottom:60px; left:50%; margin-left:-25px;  width:50px; cursor:pointer; }
.txtbox_wrap01_2 .bottom img { width:100%; }
.txtbox_wrap01_2 > * { position:relative; z-index:10; }
.txtbox_wrap01_2 p { font-size:16px; }

/* 세번째 박스 */
.textbox_wrap01_1 { padding:56px 0; position:relative; overflow:hidden; }
.textbox_wrap01_1 .article { position:relative; z-index:10; padding:100px 0; text-align:center; color:#fff; }
.textbox_wrap01_1 .group { overflow:hidden; }
.textbox_wrap01_1 .group li { float:left; width:24.25%; height:340px; position:relative; margin-left:1%; }
.textbox_wrap01_1 .group li:first-child { margin-left:0; }
.textbox_wrap01_1 .group li.bg01 { background:url("/img/sub/about/about_a1.jpg") no-repeat center center; }
.textbox_wrap01_1 .group li.bg02 { background:url("/img/sub/about/about_a2.jpg") no-repeat center center; }
.textbox_wrap01_1 .group li.bg03 { background:url("/img/sub/about/about_a3.jpg") no-repeat center center; }
.textbox_wrap01_1 .group li.bg04 { background:url("/img/sub/about/about_a4.jpg") no-repeat center center; }
.textbox_wrap01_1 .group li div.about { display: block; width:100%; height:50px; position:absolute; top:280px; left:0; padding:5px 0; color: #000; background-color:#fff; font-size:18px; text-align: center; }
.textbox_wrap01_1 .group li div.sub_text { position:absolute; top:100%; left:0; width:100%; height:310px; color:#fff; background-color:rgba(43,19,65,0.8); }
.textbox_wrap01_1 .group li div.sub_text span { display:block; padding:35px 20px 0; line-height:21px; }

/* 네번째 박스 */
.txtbox_wrap02 { text-align:center; padding:80px 0; color:#fff; position:relative; overflow:hidden; }
.txtbox_wrap02 .article { position:relative; z-index:10; }
.txtbox_wrap03 { text-align:center; padding:150px 0; color:#fff; position:relative; overflow:hidden; }
.txtbox_wrap03 .article { position:relative; z-index:10; }
.txtbox_wrap04 { padding:70px 0px; text-align: center;}

.pattern_bg {background:#333 url('/img/sub/info_pattern.png') center center no-repeat;}
.subtit { text-align:center; font-size: 30px; border-top: 1px solid #333; border-bottom: 1px solid #333; display: inline-block; padding: 5px; color:#333; }
.subtit span { font-weight:bold; color:#000; }
.subtit.white { border-top: 1px solid #fff; border-bottom: 1px solid #fff; color:#ccc;}
.subtit.white span { color:#fff; }
.subtit2 { font-size:18px; margin-top:10px; }

ul.edu_feature { overflow:hidden; }
ul.edu_feature li { float:left; width:48%; margin-top:40px; margin-left:4%; }
ul.edu_feature li.mgl0 { margin-left:0 }
ul.edu_feature li p { margin-bottom:20px; font-size:18px; }
ul.edu_feature li span { text-align:justify; display:block; margin-top:15px; font-size:14px; }
ul.edu_feature li img { width:100%; }

ul.course { overflow:hidden; }
ul.course li { float:left; width:24.25%; margin-left:1%; }
ul.course li:first-child { margin-left:0; }
ul.course li.bg01 a { background:url('/img/sub/course01.jpg'); }
ul.course li.bg02 a { background:url('/img/sub/course02.jpg'); }
ul.course li.bg03 a { background:url('/img/sub/course03.jpg'); }
ul.course li.bg04 a { background:url('/img/sub/course04.jpg'); }
ul.course li a { display:inline-block; color:#fff; width:80%; /* padding:149px 20px; */ font-size:18px; background-size:cover; }
ul.course img { max-width:none !important; }
ul.course li a span { display:none; }
/* ul.course li:hover a { background:#8f0025; } */

/* 피봇 */
.col_content { padding:20px 0; overflow:hidden; border-bottom:2px solid #ccc; margin-bottom:20px; display:none; }
h3.col_tit { margin:5px 0 10px; padding:0; height:60px; line-height:60px; font-size:20px; cursor:pointer;  border-top:1px solid #ccc;  border-bottom:1px solid #ccc;}
.col_top { width:100%; border-bottom:1px solid #b2b2b2; padding-bottom:30px; overflow:hidden; }
.col_txt { float:left; clear:both; }
.col_left { float:left; width:234px; overflow:hidden; }
.col_left img { width:232px; height:145px; padding-bottom:10px; }
.col_left p { padding-bottom:17px; font-weight:700 }
.col_left p { margin:0 }
.col_left p span { display:inline-block; width:73px; }
.col_content .video-wrapper { width:730px; float:right; margin:0; }
.col_txt p { line-height:20px; margin:10px 0; text-align:justify; letter-spacing:-0.05px; }
.col_img>ol { padding:20px 0 0 0; list-style:none; margin:0; overflow:hidden; }
.col_img { float:left; }
.col_img>ol>li { float:left; padding-left:30px; }
.col_img>ol>li:first-child { padding-left:0px; }

/*인사말*/
.greeting { overflow:hidden; background:url('../img/sub/brand03_main.png') no-repeat; height:440px; padding-top:40px; border-bottom: 1px solid #bbb; padding-bottom: 30px; }
.greeting .text { width:55%; }
.greeting .text .tit { font-size:24px; font-family:'notokr-regular'; color:#666; letter-spacing:-2.5px; margin:0 0 25px; }
.greeting .text .tit span { color:#850e2d; font-weight:600; }
.greeting .text .txt { line-height:20px; text-align:justify; }

/* 연혁 */
.history_top { overflow:hidden; padding-bottom:27px; }
.history_con { float:left; width:500px; padding-right:50px; line-height:20px; text-align:justify; }
.history_img { float:right; }
.history_wrap { border-bottom:1px solid #000; margin-bottom:34px; }
.history_year { width:830px; height:82px; margin:0 auto; position:relative; overflow:hidden; }

.history { position:absolute; height:83px; top:3px; left:0; margin:0; padding:0; }
.history li { background:url('../img/sub/history_under_bar.png') repeat-x bottom; float:left; text-align:center; font-weight:bold; color:#838383; font-size:15px; list-style:none; margin:0 2px; width:150px ; line-height:38px; padding-top:41px;}
.history li a { display:block; color:#838383; font-size:15px;}
.history li.now { width:210px; background:url('../img/sub/history_now_bar.png') repeat-x bottom; padding-top: 25px;}
.history li.now a { color:#ac1f44; font-size:25px;line-height:55px;}

.his_arr { position:relative; top:-90px; left:0; margin:0; padding:0; }
.his_arr li { position:absolute; top:0px; right:10px; list-style:none; width:18px; height:33px; }
.his_arr li:first-child { left:10px; }

.his_con_wrap { position:relative; width:980px; overflow:hidden; }
.his_con { position:relative; top:0; left:0px; overflow:hidden; padding:0; margin:0; }
.his_con li { float:left; width:980px; list-style:none; }
.his_con .his_list { width:100%; }
.his_con .his_list table {width:100%; border:0; }
.his_con .his_list th { width:385px; vertical-align:top;  text-align: left; }
.his_con .his_list th h5 { background:url('../img/sub/year_under.png') no-repeat left bottom; padding-bottom:10px; margin:0; font-size:35px; color:#333333; }
.his_con .his_list th .year { font-size:25px; color:#b4b4b4; }
.his_con .his_list td { padding:40px 0 50px 0; margin:0; vertical-align:top; }
.his_con .his_list td div.his_text{border-left:1px solid #bfbfbf; padding-left:40px; }
.his_con .his_list td .his_text p{ padding:5px 0; margin:0; vertical-align:top; }
.his_con .his_list td .his_text p:first-child{ padding-top:0;}
.his_con .his_list td .his_text span { font-size:13px; font-weight:800;}

/* 교육특징 */
.feature_box .font20 { font-size:20px; }
.feature_box .letter0 { letter-spacing: 0 !important; }
.feature_box .vision_video { margin-bottom:30px; }
.feature_box .vision_table { margin:0px; padding:0px; border-collapse:collapse; }
.feature_box .vision_table02 { margin:30px 0px; border-top:1px solid #4c4c4c; border-bottom:1px solid #4c4c4c; border-collapse:collapse; }
.feature_box .vision_table .img_box { float:left; }
.feature_box .border_n { border:none; }

.feature_box .vision_wrap01 { width:626px; padding:0 22px 28px 0; overflow:hidden; }
.feature_box .vision_wrap02 { width:626px; padding:27px 0 0 0; border-top:1px solid #4c4c4c; overflow:hidden; }
.feature_box .vision_wrap03 { width:312px; height:549px; padding:0 0 0 20px; border-left:1px solid #4c4c4c; overflow:hidden; }
.feature_box .vision_wrap04 { width:490px; margin:30px 0;  border-right:1px solid #4c4c4c; overflow:hidden; }
.feature_box .vision_wrap05 { width:470px; margin:30px 0; padding:0 0 0 20px; overflow:hidden; }
.feature_box .vision_wrap06 { width:312px; height:549px; padding:0 20px 0 0; border-right:1px solid #4c4c4c; overflow:hidden; }
.feature_box .vision_wrap07 { width:626px; padding:0 0 28px 22px; overflow:hidden; }
.feature_box .vision_wrap08 { width:626px; padding:27px 0 0 0; float:right; border-top:1px solid #4c4c4c; overflow:hidden; }

.feature_box .vision_con { width:300px; height:194px; float:left; margin:0 17px 0 0; padding:30px 0 23px 0; border-top:1px solid #4c4c4c; text-align:center; }	
.feature_box .vision_con02 { width:300px; height:194px; float:right; margin:0; padding:30px 0 23px 0; border:none; text-align:center; }
.feature_box .vision_con03 { width:309px; height:210px; padding:30px 0 23px 0; overflow:hidden; margin:0 0 40px 0; }
.feature_box .vision_con04 { width:467px; height:185px; margin:15px 0 0 0; padding:30px 0 0 0; border:none; }
.feature_box .vision_con06 { width:309px; height:210px; padding:30px 0 23px 0; overflow:hidden; margin:0 0 40px 0; border:none; }
.feature_box .vision_con07 { width:300px; height:194px; float:left; border:none; }
.feature_box .vision_con08 { width:300px; height:194px; float:right; margin:0; padding:30px 0 23px 0; border:none; text-align:center; }

.feature_box .vision_con p { background:url("../img/sub/vision_sline.png") no-repeat center top; margin:34px 0 0 0; padding:34px 0 10px 0; line-height:18px; }
.feature_box .vision_con07 p { background:url("../img/sub/vision_sline.png") no-repeat center top; margin:23px 0 0 0; padding:23px 0 15px 0; }
.feature_box .vision_con08 p { background:url("../img/sub/vision_sline.png") no-repeat center top; margin:25px 0 0 0; padding:25px 0 15px 0; }
.feature_box .vision_con .btn_more { width:74px; height:28px; line-height:28px; margin:0 auto; text-align:center; font-family:'notokr-regular','arial'; font-size:12px; font-weight:800; color:#777; background-color:#fff; /* background:url('../img/sub/vision_btn.png') 0 0 no-repeat; */}

.feature_box .vision_con .tit01 {margin:0; font-size:32px; font-family:'notokr-regular'; color:#666; letter-spacing:-2px; line-height:normal; }
.feature_box .vision_con .tit01 span {color:#a90d36;}
.feature_box .vision_con .tit02  {margin:0; font-size:32px; color:#666; letter-spacing:-2px}
.feature_box .vision_con .tit02 span {color:#000; }
.feature_box .vision_con .con_tit span { color:#850e2d; font-weight:600}

/*오시는길*/
.map { overflow:hidden }
.map #map_canvas { width:100%; height:450px; background:#9a9a9a; }

.content .article .imgtxt { overflow:hidden; }
.content .article .imgtxt > div { float:left; width:47%; }
.content .article .imgtxt div.txt { padding:3% 3%; min-height:213px; }
.content .article .imgtxt div.navy { background:#09072d; color:#fff; }
.content .article .imgtxt div.txt p { font-size:18px; margin-bottom:15px; }
.content .article .imgtxt div.txt span { color:#ddd; }

.square_list ul li.wid100 { width:100% !important; }

/* 관련사진 */
.photo ul { overflow:hidden }
.photo ul li:first-child { margin-left:0; }
.photo ul li { float:left; margin-left:1%; }
.photo03 ul li { width:32.6%; }
.photo02 ul li { width:49.5%; }


/* 시설 안내 */
.facility { position:relative; }
.facility .facility_img { height:570px; position:relative; overflow:hidden; cursor:pointer; }
.facility .facility_img ul { width:1000px; height:570px; margin:0; padding:0; position:relative; }
.facility .facility_img ul li { width:1000px; height:100%; position:absolute; top:0; left:0; display:block; z-index:1; }
.facility .facility_img ul li:first-child { display:block; z-index:5; }
.facility .facility_img ul li img { width:100%; }
.facility .facility_text { position:absolute; left:0; top:530px; z-index:6;  width:100%; height:40px; background:#000; color:#ffffff; font-size:12px; line-height:40px; opacity:0.7; filter:alpha(opacity=70); }
.facility .facility_text p { margin:0; padding-left:20px; }
.facility .btn_arr { position:relative; height:54px; background:url(http://bbscollege.com/img/contents/shadow.png) no-repeat top; }
.facility .btn_arr button { position:absolute; border:none; width:42px; height:49px; }
.facility .btn_arr .prev { background:url(http://bbscollege.com/img/contents/arr_pre.png) no-repeat left; left:0; }
.facility .btn_arr .next { background:url(http://bbscollege.com/img/contents/arr_next.png) no-repeat right; right:0 }
.facility .btn_arr .page { line-height:50px; text-align:center; }
.facility .btn_arr .page .current_page { color:#ff2462 }
.facility .floor { margin-bottom:40px; overflow:hidden; clear:both; }
.facility .floor ul { padding:0; margin:0; } 
.facility .floor ul li { width:11%; height:40px; float:left; list-style:none; margin-right:1px; }
.facility .floor ul li.spacial { width:22%; }
.facility .floor ul li.spacial a { background-color:#ababab; }
.facility .floor ul li a { width:100%; height:40px; float:left;  background-color:#1f1f1f; color:#ffffff; text-align:center; line-height:40px; cursor:pointer; }
.facility .floor ul li a:hover,
.facility .floor ul li a.on { width:100%; height:40px; float:left; background-color:#a90d36; list-style:none; margin-right:1px; }

.facility_text02 {border-top:2px solid #000; overflow:hidden}
.facility_text02 .left {width:37%; float:left}
.facility_text02 .left .bonmun_con_tit03 { margin-top:25px; font-size: 23px; font-family: 'notokr-regular'; color: #666; letter-spacing: -2.5px; line-height: 30px; text-align:center; border-right:1px solid #666 }
.facility_text02 .left .bonmun_con_tit03 span { color:#850e2d; font-weight:600}
.facility_text02 .right {float:right; width:63%}
.facility_text02 .right .bonmun_con_tit04 { padding:3px 42px; margin-top:15px; font-size: 14px; font-weight: 'notokr-regular'; color: #666; letter-spacing: -1.2px; line-height: 21px; }
.facility_text02 .right .bonmun_con_tit04 span { color:#850e2d; font-weight:600}
/* 정규교육과정 */
.content .article .square_list { background:#dedede; padding:2% 3%; }
.content .article .square_list ul { overflow:hidden; }
.content .article .square_list ul li { float:left; width:50%; margin-top:20px; min-height:90px; }
.content .article .square_list ul.height3 li { min-height:100px; }
.content .article .square_list ul.height4 li { min-height:120px; }
.content .article .square_list ul li p { display:inline-block; background:#888; color:#fff; padding:5px; width:160px; margin-bottom:6px; text-indent:10px; }
.content .article .square_list ul li span { display:block; line-height:20px; }

/*국비계좌제 소개*/
#gukbi .square_list ul li p {display:block; background:#888; color:#fff; padding:5px; width:160px; margin-bottom:6px; text-indent:10px; }
#gukbi .square_list ul li > div.list_left { width:50%; float:left }
#gukbi .square_list ul li > div.list_right { width:50%; float:right }

/* 정규교육과정 _ 헤어 */
#hair .edu_feature01 ul { overflow:hidden; }
#hair .edu_feature01 ul li { float:left; width:32.5%; margin-left:1.25%; text-align:center; font-family:'Nanum Gothic'}
#hair .edu_feature01 ul li:first-child { margin-left:0; }
#hair .edu_feature01 ul li p { margin-top:10px; }
#hair .edu_sub_tit {font-size:16px; color:#000; font-weight:400; font-family:'Nanum Gothic'}

/* 정규교육과정 _ 헤어 :: 시설 */
#hair .facility ul {overflow:hidden; margin-bottom:10px; padding:0; position:relative; top:0; left:0; z-index:1; }
#hair .facility ul li {float:left; width:32.5%; margin-left:1.25%; }
#hair .facility ul li:first-child { margin-left:0; }
#hair .facility ul li a { display:block; position:relative; width:100%; height:180px; background-repeat:no-repeat; background-position:center center; background-size:110%; }
#hair .facility ul li a img { width:100%; }
#hair .facility ul li > p { text-align:center; padding:5px 0 0; }

#hair #facility_bg { position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:0.9; z-index:50; display:none; }
#hair #facility_img { position:fixed; width:980px; top:50%; left:50%; margin-left:-490px; margin-top:-287.5px; display:none; z-index:51; }
#hair #facility_img div { position:relative; width:870px; margin:0 auto; height:575px; background-repeat:no-repeat; background-size:cover; background-position:center; background-color:#fff; }
#hair #facility_img div div.img_con { cursor:pointer; }
#hair #facility_img div a { position:absolute; top:50%; display:block; }
#hair #facility_img div a.next { right:-55px; margin-top:-22.5px; }
#hair #facility_img div a.prev { left:-55px; margin-top:-22.5px; }
#hair #facility_img div a.close { top:0px; right:-55px; }

#hair .col_tit.pivot a { overflow:hidden; }
#hair .col_tit.pivot a span { float:right; width:30px; height:60%; margin:23px 15px 0 0; }
/*교육동영상-메이크업*/
#makeup .makeup_feature01 ul { overflow:hidden; }
#makeup .makeup_feature01 ul li { float:left; width:32.5%; margin-left:1.25%; text-align:center; font-family:'Nanum Gothic'}
#makeup .makeup_feature01 ul li:first-child { margin-left:0; }
#makeup .makeup_feature01 ul li p { margin-top:10px; }
#makeup .edu_sub_tit {font-size:16px; color:#000; font-weight:400; font-family:'Nanum Gothic'}


/* 상담신청 + 공지 및 취업*/
.counsel_tab { overflow:hidden; margin-bottom:30px; }
.counsel_tab li { float:left; width:20%; }
.notice_tab li { width:50%; }
.counsel_tab li a { display:block; padding:10px 0; text-align:center; background-color:#ddd; }
.counsel_tab li a.on,
.counsel_tab li a:hover { background-color:#8f0025; color:#fff; }