/**
* A-Marketing Cascading Style Sheets
* File Name : content.css
* Description : 컨텐츠 페이지 스타일시트
* Author : Web business Team / White
* Email : yan@amarketing.co.kr
* Date : 2015.06.04
* Update : 2015.06.04
* Copyright(c) 2015 A-Marketing. All Rights Reserved.
*/

/* 공통 */
.in_con { margin-bottom:10px; color:#434343;}
.in_con p { font-size:14px; letter-spacing:-0.05em; line-height:25px;}
.in_con h3 { padding-top:45px; margin-bottom:30px; font-size:23px; background:url('image/ico_h3.gif') no-repeat top center; color:#121212; line-height:23px; letter-spacing:-0.05em; text-align:center;}
.in_con h4 { padding-left:10px; margin-bottom:25px; font-size:20px; font-weight:bold; background:url('image/ico_h4.gif') no-repeat left center; color:#222; line-height:20px; letter-spacing:-0.075em;}
.in_con h5 { padding-left:30px; margin-bottom:15px; font-size:15px; font-weight:bold; background:url('image/ico_h5.gif') no-repeat 10px 6px; color:#6635a1; line-height:23px; letter-spacing:-0.05em;}
.contop_tit { margin-bottom:60px; font-size:16px; color:#676767; letter-spacing:-0.075em; text-align:center;}

.txt_black { color:#222;}
.txt_wine { color:#ad2458;}


/* tab_square : basic tab */
.tab_square { display: table; margin :0 auto 70px;}
.tab_square ul:after { content: ""; display: block; clear: both;}
.tab_square li { float: left; margin: 0 3px;}
.tab_square li a { display: block; width: 150px; line-height: 40px; border: solid 1px #aaa; font-size: 14px; color: #444; letter-spacing: -0.05em; text-align: center;}
.tab_square li.on a, .tab_square li a:hover { border: solid 1px #7953c0; background: #7953c0; color: #fff; font-weight: bold;}


/* tab_circle : 캠퍼스소개 페이지에만 사용 */
.tab_circle { display:table; margin:0 auto 60px auto;}
.tab_circle ul:after { content:""; display:block; clear:both;}
.tab_circle li { float:left; margin-left:10px;}
.tab_circle li:first-child { margin-left:0;}
.tab_circle li a { display:block; width:100px; height:70px; padding-top:30px; font-size:14px; font-weight:bold; background:url('image/bg_tab_off.gif') no-repeat; color:#535252; letter-spacing:-0.05em; line-height:20px; text-align:center;}
.tab_circle li.on a, .tab_circle li a:hover { background:url('image/bg_tab_on.gif') no-repeat; color:#fff;}


/* 0101_인사말 */
.intr01 { height:500px; padding-left:630px; background:url('image/bg_intr01.jpg') no-repeat;}
.intr01 h2 { padding:210px 0 35px 0;}
.intr02 { height:450px; background:url('image/bg_intr02.jpg') no-repeat;}
.intr02 h2 { padding:60px 0 35px 0;}
.intr03 { height:470px; padding-left:630px; background:url('image/bg_intr03.jpg') no-repeat;}
.intr03 h2 { padding:60px 0 35px 0;}
.intr03 .p_sign { margin:80px 0 0 270px; line-height:20px;}


/* 0102_캠퍼스소개 */
.campus_dong h2, .campus_kwan h2, .campus_ando h2, .campus_poha h2, .campus_jinj h2, .campus_chun h2, .campus_daej h2, .campus_gimc h2 { padding:30px 0 50px 0;}
.campus_dong { height:620px; background:url('image/bg_campus_dong.jpg') no-repeat right;}
.campus_kwan { height:670px; background:url('image/bg_campus_kwan.jpg') no-repeat right;}
.campus_ando { height:620px; background:url('image/bg_campus_ando.jpg') no-repeat right;}
.campus_poha { height:620px; background:url('image/bg_campus_poha.jpg') no-repeat right;}
.campus_jinj { height:620px; background:url('image/bg_campus_jinj.jpg') no-repeat right;}
.campus_chun { height:620px; background:url('image/bg_campus_chun.jpg') no-repeat right;}
.campus_daej { height:620px; background:url('image/bg_campus_daej.jpg') no-repeat right;}
.campus_gimc { height:620px; background:url('image/bg_campus_gimc.jpg') no-repeat right;}

.campus_gimc ul { padding-top:35px;}
.campus_gimc li { padding-left:20px; margin-bottom:22px; font-size:14px; background:url('image/bu_list.gif') no-repeat left 10px; color:#434343; letter-spacing:-0.05em; line-height:1.5em;}

.gal_rolling:after { content:""; display:block; clear:both;}
.gal_pane { position:relative; float:left; width:800px; height:450px; overflow:hidden;}
.gal_pane ul { position:absolute;}
.gal_pane ul li { width:800px; float:left;}
.gal_info { position: relative; float: right; width: 400px; height: 450px; padding: 40px 30px 30px 50px; background: #372e49; box-sizing: border-box;}
.gal_info h2 { padding:0 0 16px 0; margin-bottom:25px; font-size:18px; font-weight:bold; background:url('image/bg_call_line.gif') no-repeat left bottom; color:#fff; letter-spacing:-0.075em;}
.gal_info .btn_info { position:absolute; top:32px; right:30px;}
.gal_info .btn_info a:hover { position:relative; top:1px;}
.gal_info .gal_nav { position:relative; margin-top:50px; height:240px; overflow:hidden;}
.gal_info .gal_nav .thumb { position:absolute; top:0; left:0; height:180px;}
.gal_info .gal_nav ul { margin-bottom:20px;}
.gal_info .gal_nav ul:after { content:""; display:block; clear:both;}
.gal_info .gal_nav li { float:left; margin:0 11px 10px 0; border:solid 3px #271f38; cursor:pointer;}
.gal_info .gal_nav li.on { border:solid 3px #fff;}
.gal_info .btn_gal { position:absolute; width:100%; bottom:0; left:0; padding-top:17px; text-align:center; background:#372e49;}


/* 0104_강사소개 */
.teacher_box ul { margin:0 15px;}
.teacher_box ul:after { content:""; display:block; clear:both;}
.teacher_box li { float:left; width:190px; margin:50px 40px 0 0;}
.teacher_box li p { margin-top:15px; text-align:center;}
.teacher_box li p .grade { font-size:13px; font-weight:normal; color:#a42a84; letter-spacing:0.05em;}
.teacher_box li p .name { font-size:16px; font-weight:bold; color:#222; letter-spacing:-0.075em; line-height:25px;}
.teacher_box li .img_box { height:250px; overflow:hidden;}

.teacher_pop { position:relative; width:670px; height:450px; padding:30px; margin-top:-250px; margin-left:-365px; background:#f5f5f5; display:none;}
.teacher_pop:after { content:""; display:block; clear:both;}
.teacher_pop .pop_left { float:left; width:230px;}
.teacher_pop .pop_left p { margin-top:25px; text-align:center;}
.teacher_pop .pop_left p .grade { font-size:15px; font-weight:normal; color:#a42a84; letter-spacing:0.05em;}
.teacher_pop .pop_left p .name { font-size:20px; font-weight:bold; color:#222; letter-spacing:-0.075em; line-height:30px;}
.teacher_pop .pop_right { overflow-y:auto; float:left; width:400px; height:440px; margin-left:40px;}
.teacher_pop .pop_right dl { margin-top:10px; letter-spacing:-0.05em;}
.teacher_pop .pop_right dt { margin-bottom:25px; font-size:23px; color:#121212; line-height:23px;}
.teacher_pop .pop_right dd { margin-bottom:10px; padding-left:15px; font-size:14px; background:url('image/bu_pop_dd.gif') no-repeat left 8px; color:#434343; text-align:left;}

.teacher_pop .btn_close { position:absolute; top:0; right:-70px;}


/* 0106_제휴및협렵업체 */
.partner ul { width:1140px;}
.partner ul:after { content:""; display:block; clear:both;}
.partner li { float:left; margin:0 0 30px 20px; text-align:center;}
.partner li p { padding-top:10px; line-height:20px;}
.partner li p span { color:#8c8c8c;}
.partner a { color:#434343;}
.partner a:hover { text-decoration:underline;}
.partner .img_box { padding:5px; border-top:solid 1px #e6e6e6; border-right:solid 1px #bebebe; border-bottom:solid 1px #bebebe; border-left:solid 1px #e6e6e6;}
.partner .img_box img:hover { position:relative; top:1px;}


/* 0107_위치안내 */
.map:after { content:""; display:block; clear:both;}
.map_box { float:left; width:800px; height:500px;}
.map_info { position:relative; float:right; width:280px; height:430px; padding:40px 30px 30px 30px; background:#372e49;}
.map_info h2 { padding:0 0 16px 0; margin-bottom:25px; font-size:18px; font-weight:bold; background:url('image/bg_call_line.gif') no-repeat left bottom; color:#fff; letter-spacing:-0.075em;}
.map_info p { font-size:14px; color:#fff; line-height:22px; letter-spacing:-0.05em;}
.map_info p span { font-size:13px; color:#a7a4ab; line-height:20px; letter-spacing:-0.05em;}
.map_info ul { position:absolute; bottom:40px;}
.map_info li { height:80px; margin-top:20px;}
.map_info .bg_subway { background:url('image/ico_subway.gif') no-repeat left top; }
.map_info .bg_bus { background:url('image/ico_bus.gif') no-repeat left top; }
.map_info .tit_route { padding-top:5px; margin-bottom:5px; font-size:16px; font-weight:bold; color:#e2ba7d; letter-spacing:-0.05em;}
.map_info > ul > li > p { padding-left:100px; font-size:13px; color:#fff; line-height:20px;}


/* 02_커리큘럼 */
.curriculum_top { min-height:440px; padding:0 0 50px 600px;}
.p_curr1 { padding-top:20px; color:#ad2458; text-align:center;}
.p_curr2 { color:#ad2458;}

.tbl_top { border-top:solid 2px #222; letter-spacing:-0.05em;}
.tbl_top thead th { padding:17px 0 18px 0; border-bottom:solid 1px #4d4d4d; border-right:solid 1px #cdcdcd; font-size:15px; font-weight:bold; color:#222; text-align:center;}
.tbl_top tbody th { padding:15px 0 16px 0; border-bottom:solid 1px #cdcdcd; border-right:solid 1px #cdcdcd; font-size:14px; font-weight:bold; background:#f5f5f5; color:#802f84; text-align:center;}
.tbl_top tbody td { padding:15px 0 16px 0; border-bottom:solid 1px #cdcdcd; border-right:solid 1px #cdcdcd; font-size:14px; color:#585858; line-height:22px; text-align:center;}
.tbl_top tbody .td_left { padding-left:20px; text-align:left !important;}
.tbl_top .bg_pink { background:#ffeaf0;}
.tbl_top .no_line { border-right:0;}

.tbl_left { border-top:solid 2px #222; letter-spacing:-0.05em;}
.tbl_left tbody th { padding:15px 0 16px 30px; border-bottom:solid 1px #cdcdcd; border-right:solid 1px #cdcdcd; font-size:14px; font-weight:bold; background:#f5f5f5; color:#802f84; text-align:left;}
.tbl_left tbody td { padding:15px 0 16px 30px; border-bottom:solid 1px #cdcdcd; border-right:solid 1px #cdcdcd; font-size:14px; color:#585858; line-height:22px; text-align:left;}
.tbl_left .no_line { border-right:0;}

.makeup_artist { height:470px; background:url('image/bg_makeup_artist.jpg') no-repeat left top;}
.makeup_wedding { background:url('image/bg_makeup_wedding.jpg') no-repeat left top;}
.makeup_charming { background:url('image/bg_makeup_charming.jpg') no-repeat left top;}
.makeup_disguise { background:url('image/bg_makeup_disguise.jpg') no-repeat left top;}
.makeup_fashion { background:url('image/bg_makeup_fashion.jpg') no-repeat left top;}
.makeup_stylelist { background:url('image/bg_makeup_stylelist.jpg') no-repeat left top;}
.makeup_semipermanent { background:url('image/bg_makeup_semipermanent.jpg') no-repeat left top;}
.makeup_eyelashes { background:url('image/bg_makeup_eyelashes.jpg') no-repeat left top;}
.nail_license { background:url('image/bg_nail_license.jpg') no-repeat left top;}
.nail_study { background:url('image/bg_nail_study.jpg') no-repeat left top;}
.nail_teacher { background:url('image/bg_nail_teacher.jpg') no-repeat left top;}
.nail_special { background:url('image/bg_nail_special.jpg') no-repeat left top;}
.nail_drillmaster { background:url('image/bg_nail_drillmaster.jpg') no-repeat left top;}
.esthetic_license { height:470px; background:url('image/bg_esthetic_license.jpg') no-repeat left top;}
.esthetic_technique { background:url('image/bg_esthetic_technique.jpg') no-repeat left top;}
.esthetic_skincare { background:url('image/bg_esthetic_skincare.jpg') no-repeat left top;}
.esthetic_waxing { background:url('image/bg_esthetic_waxing.jpg') no-repeat left top;}
.esthetic_scalp { background:url('image/bg_esthetic_scalp.jpg') no-repeat left top;}
.esthetic_aroma { background:url('image/bg_esthetic_aroma.jpg') no-repeat left top;}
.esthetic_career { background:url('image/bg_esthetic_career.jpg') no-repeat left top;}
.hair_license { background:url('image/bg_hair_license.jpg') no-repeat left top;}
.hair_technique { background:url('image/bg_hair_technique.jpg') no-repeat left top;}
.hair_upstyle { background:url('image/bg_hair_upstyle.jpg') no-repeat left top;}
.hair_special { background:url('image/bg_hair_special.jpg') no-repeat left top;}
.hair_education { background:url('image/bg_hair_education.jpg') no-repeat left top;}
.employ_guide { background:url('image/bg_employ_guide.jpg') no-repeat left top;}


/* 020502_대학입사반_합격자명단 */
.employ .tab:after { content:""; display:block; clear:both;}
.employ .tab .tab_nav { width:370px; padding-top:300px; margin-right:60px; float:left; background:url('image/img_employ_list.gif') no-repeat;}
.employ .tab .tab_nav a { display:block; padding:15px 0 15px 45px; border-bottom:1px solid #cdcdcd; font-size:15px; font-weight:bold; background:url('image/bu_employ_off.gif') no-repeat 30px center; color:#9d928a; letter-spacing:-0.05em; }
.employ .tab .tab_nav a:hover,
.employ .tab .tab_nav li.on a { background:#f5f5f5 url('image/bu_employ_on.gif') no-repeat 30px center; color:#5d3485;}

.employ .tab .tab_cont { float:left; width:710px;}
.employ .tab .tab_cont > li { display:none;}
.employ .tab .tab_cont > li.on { display:block;}
.employ .tab .tab_cont > li dl { padding-top:30px; font-size:14px;}
.employ .tab .tab_cont > li dl:after { content:""; display:block; clear:both;}
.employ .tab .tab_cont > li dt { float:left; width:77px; padding-left:13px; margin-bottom:15px; font-weight:bold; background:url('image/bu_calen.gif') no-repeat left 7px; color:#222; letter-spacing:-0.05em;}
.employ .tab .tab_cont > li dd { float:left; width:260px; margin-bottom:15px; color:#434343; letter-spacing:-0.05em;}


/* 020601_국비과정안내 */
.gukbi { min-height:530px; background:url('image/bg_gukbi.jpg') no-repeat right top;}
.gukbi_left { width:540px;}
.gukbi_right { min-height:600px; padding-left:600px; margin-top:70px; background:url('image/bg_gukbi_diagram.gif') no-repeat left top;}
.gukbi_bot { margin-top:60px;}
.gukbi_bot:after { content:""; display:block; clear:both;}

.ul_list li { padding-left:30px; margin-bottom:10px; font-size:14px; background:url('image/bu_list.gif') no-repeat 12px 10px; color:#2d2d2d; letter-spacing:-0.05em; line-height:1.5em;}


/* 020602_국비과정일정 */
.calendar_top { margin-bottom:25px; font-size:20px; font-weight:bold; color:#222; text-align:center;}
.calendar_bot { text-align:right;}
.calendar_bot a:hover { position:relative; top:1px;}

.tbl_calendar { margin-bottom:30px; border-top:solid 2px #bfbfbf;}
.tbl_calendar thead th { padding:18px 0; border-left:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd; font-size:13px; font-weight:bold; font-family:"Verdana"; background:#f7f7f7; color:#4a4a4a; text-align:center;}
.tbl_calendar thead th:first-child { border-left:none;}
.tbl_calendar thead .bg_red { color:#c54549;}
.tbl_calendar thead .bg_blue { color:#2476bc;}
.tbl_calendar tbody td { padding:15px; height:114px; border-left:solid 1px #cdcdcd; border-bottom:solid 1px #cdcdcd;}
.tbl_calendar tbody td .none { display:block; padding:15px; width:auto; height:100%;}
.tbl_calendar tbody td:first-child { border-left:none;}
.tbl_calendar tbody td .date { margin-bottom:20px; font-size:13px; color:#797979;}
.tbl_calendar tbody td .work { padding-left:10px; margin-bottom:10px; font-size:12px; background:url('image/bu_calen.gif') no-repeat left 6px; color:#585858; letter-spacing:-0.05em;}