@charset "utf-8";

@font-face {
    font-family: 'NanumGothic';
    font-weight: normal;
    font-style: normal;
    src: url('font/NanumGothic.eot');
    src: local('%'),
    url('font/NanumGothic.eot?#iefix') format('embedded-opentype'),
    url('font/NanumGothic.woff') format('woff'),
    url('font/NanumGothic.ttf') format('truetype');
}

@font-face {
    font-family: 'NanumGothicBold';
    font-style: normal;
    font-weight: normal;
    src: url('NanumGothicBold.eot');
    src: local('%'),
    url('font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
    url('font/NanumGothicBold.woff') format('woff'),
    url('font/NanumGothicBold.ttf') format('truetype');
}

/*공동*/
* {box-sizing:border-box;list-style:none; border-spacing:0 ;border-collapse:collapse;}
a {text-decoration:none}

#sub_wrap {
    width:848px;
    height:auto;
    position:relative;
    margin:0 auto;
    padding:0;
    font-family:'NanumGothic';
}


/*   소개->평가원소개(evaluation.html)  */
.evaluation-1{width:848px; height:54px; padding:10px;margin:0 auto; margin-bottom:900px; background-color:#898daa; border:1px solid #black; border-radius: 0.3em;}
.egebox{width:30px;height:30px;background:#fff; margin-top:20px;border-radius: 0.2em;}
.top_font{ font-family:NanumGothic;padding-left:15px; padding-top:-10px; font-size:12px; color:#fff; letter-spacing:1px;line-height:130%;}
.font-space{height:30px;} .font-space2{height:10px;}
.title-font{color:#437bad; font-size:14px; font-family:NanumGothicBold; }
.con-font{font-family:NanumGothic;padding-left:15px; padding-top:-10px; font-size:12px; color:#9c9c9c; letter-spacing:1px;line-height:130%;}
.img-lay{width:848px; }


/*   소개->연혁(historic.html)   */
.historic{ border:1px solid #c2c4c3;position:relative;padding:200px 100px 30px 130px;width:848px;margin:0 auto;height:1750px; border-radius: 0.3em;background-image:url('../img/historybak.png'); background-repeat:no-repeat; }
.b_y{font-size:9px; font-weight:bold;line-height:2px;}
.b_f{font-size:20px; font-weight:bold;color:#9058c4;}
.con_fon1-1{line-height:1px; font-size:13px; font-weight:bold; color:#627ac1;padding-bottom:30px;padding-top:20px;}
.years_f{margin-bottom:70px;padding-top:1px;padding-left:15px;width:87px;position:absolute;height:25px;background-image:url('../img/yearbak.png');background-repeat:no-repeat;text-align:center;font-size:19px;color:#fff;font-family:NanumGothicBold;}
.con_fon1{font-size:13px; color:#4866a3; line-height:26px; font-weight:bold;padding-top:1px;padding-bottom:30px;}
.con_fon{ font-size:13px; color:#666666; line-height:26px; padding-top:1px;padding-bottom:30px;padding-left:90px;height:30px;}
/*.last_i_f{margin-top:30px;text-shadow:2px 2px 4px #000;letter-spacing:1px;word-spacing:2px;color:#fff;font-size:15px; font-family:NanumGothicBold;line-height:35px; text-align:center;position:absolute; top:1000px; left:75px;width:700px; height:60px; background-color:#6a8275; border:1px solid #596a61;border-radius:0.5em;}*/
.last_i_f{text-shadow:2px 2px 4px #000;letter-spacing:1px;word-spacing:2px;color:#fff;font-size:15px; font-family:NanumGothicBold;line-height:35px; text-align:center;width:700px; height:60px; background-color:#6a8275; border-radius:0.5em;}


/*   소개->주요업무(100300.html)  */
.biz_wrap{ position:relative;padding:30px;width:848px;margin:0 auto;height:auto;px;border:1px solid #c2c4c3; border-radius: 0.3em; }
.biz_contenst{width:782px; height:auto; margin:0 auto;border:0; }
.work_img{text-align:center;padding-top:60px;padding-bottom:40px;}
.w_text_box{border-top-left-radius:0.5em;border-bottom-left-radius:0.5em;height:80px;color:#fff;text-align:center;width:100px;background-color:#4866a3;border:1px solid #c2c4c3;font-size:14px;font-weight:bold;}
.w_e_f{font-size:12px;padding-left:15px; border:1px solid #f3f3f3;padding-right:10px; color:gray;line-height:1.5em;text-align:justify;text-justify:}

/*심리검사*/

/*심리검사->학교표준화검사 (school_stand.html)*/
.s_s_confirm{position:relative;padding:0;width:848px;height:auto;margin:0 auto;}
.s_s_top{padding:15px;width:848px;height:107px;margin:0 auto; background-image:url('../img/s_top_img.png');}
.s_s_middle{position:absolute; top:15px;padding:18px 20px 20px 20px;height:99px; background-image:url('../img/s_m_img.png');}
.s_t_img{line-height:76px;}  .s_t_font{text-shadow:1px 1px 2px #455e6e;line-height:20px;padding:20px;font-size:13px; color:#fff; font-family:NanumGothic;}
.s_b_font{height:30px;line-height:18px;padding:8px 25px 10px 25px;font-size:13px; color:#aaa9a9; font-family:NanumGothic;}
.boldfont{font-weight:bold;font-size:14px;margin-left:5px;color:gray;padding-left:10px;}

/*심리검사->조직,기업표준화검사 (com_stand.html)*/
.s_s_confirm1{position:relative;padding:0;width:848px;height:auto;margin:0 auto;}
.s_s_top1{padding:30px 25px 30px 20px;width:848px;height:142px;margin:0 auto; background-image:url('../img/s_top_img1.png');}
.s_s_middle1{width:848px;position:absolute; top:10px;padding:30px 20px 20px 40px;height:173px; background-image:url('../img/s_m_img1.png');}
.s_t_img1{line-height:76px;}  .s_t_font1{text-shadow:1px 1px 2px #455e6e;line-height:20px;padding:20px;font-size:13px; color:#fff; font-family:NanumGothic;}
.s_b_font1{height:30px;line-height:18px;padding:10px 25px 50px 25px;font-size:12px; color:#aaa9a9; font-family:NanumGothic;}
.boldfont1{font-weight:bold;font-size:14px;margin-left:5px;color:gray;padding-left:10px;}

/*심리검사->부모,커플 표준화검사 (parents_stand.html)*/
.s_s_confirm2{position:relative;padding:0;width:848px;height:auto;margin:0 auto;}
.s_s_top2{padding:3px 25px 5px 13px;width:848px;height:107px;margin:0 auto; background-image:url('../img/s_top_img2.png');}
.s_s_middle2{width:848px;position:absolute; top:5px;padding:15px 20px 20px 40px;height:173px; background-image:url('../img/s_m_img2.png');}
.s_t_img2{line-height:76px;}  .s_t_font2{text-shadow:1px 1px 2px #455e6e;line-height:16px;padding:20px;font-size:13px; color:#fff; font-family:NanumGothic;}
.s_b_font2{height:30px;line-height:18px;padding:10px 25px 50px 25px;font-size:12px; color:#aaa9a9; font-family:NanumGothic;}
.boldfont2{font-weight:bold;font-size:14px;margin-left:5px;color:gray;padding-left:10px;}

/*심리검사->교사,전문가 표준화검사 (7050.html)*/
.s_s_confirm3{position:relative;padding:0;width:848px;height:auto;margin:0 auto;}
.s_s_top3{padding:10px 25px 5px 13px;width:848px;height:107px;margin:0 auto; background-image:url('../img/s_top_img3.png');}
.s_s_middle3{width:848px;position:absolute; top:5px;padding:35px 20px 20px 40px;height:173px; background-image:url('../img/s_m_img3.png');}
.s_t_img3{line-height:76px;}  .s_t_font3{text-shadow:1px 1px 2px #455e6e;line-height:16px;padding:20px;font-size:13px; color:#fff; font-family:NanumGothic;}
.s_b_font3{height:30px;line-height:18px;padding:10px 25px 50px 25px;font-size:12px; color:#aaa9a9; font-family:NanumGothic;}
.boldfont3{font-weight:bold;font-size:14px;margin-left:5px;color:gray;padding-left:10px;}


/*심리검사->온라인검사 (60.html)*/
.s_s_confirm4{position:relative;padding:0;width:848px;height:auto;margin:0 auto;}
.s_s_top4{padding:10px 25px 5px 13px;width:848px;height:130px;margin:0 auto; background-image:url('../img/s_top_img4.png');}
.s_s_middle4{width:848px;position:absolute;padding:0 20px 20px 40px;height:63px; background-image:url('../img/s_m_img4.png')}
.s_t_img4{position:absolute;top:10px;padding-left:100px; font-weight:bold; font-size:15px;color:#fff;line-height:76px;}  .s_t_font4{text-shadow:1px 1px 2px #455e6e;line-height:16px;padding:20px;font-size:13px; color:#fff; font-family:NanumGothic;}
.s_b_font4{height:30px;line-height:18px;padding:19px 25px 50px 190px;font-size:13px; color:#aaa9a9; font-family:NanumGothic;}
.s_t_font4{text-shadow:1px 1px 2px #455e6e;line-height:16px;padding:50px 60px 20px 120px;font-size:13px; color:#fff; font-family:NanumGothic;}
.boldfont4{position:absolute; top:20px; font-weight:bold;font-size:14px;margin-left:5px;color:gray;padding-left:40px;}





/* 진로적성 전문교육 */


/*상단박스*/
.sn_title{width:848px;height:311px;padding-top:10px; }
.sn_title, .sn_contents{border:1px solid #dfdfde;background-color:#f7f7f6; border-radius:0.5em;}
.sn_title_box{position:relative;width:788px; height:171px;border:1px solid #dfdfde;margin:0 auto;margin-top:10px;border-radius:0.3em;padding:16px;}
.sn_title_box1{position:relative;width:788px; height:171px;border:1px solid #c3d7f9;margin:0 auto;margin-top:10px;border-radius:0.3em;padding:16px;}
.sn_title_font{font-family:NanumGothicBold; font-size:28px; color:#100e9f;}
.sn_title_subfont{font-family:NanumGothicBold; margin-left:15px; font-size:16px; color:#110c68;}
.sn_titlefont_e{color:#ffaf04; font-size:12px;}
.sn_titlefont_1{color:#110c68; font-size:12px;}
.title_image, .title_imagefont{float:left;}
.title_image{padding:4px; width:176; height:134px; border:1px solid #ececeb; border-radius:0.1em;}
.title_imagefont{margin-left:25px;margin-top:15px; width:550px; height:126px;line-height:15px;}
.title_imagefont2{margin-left:25px;margin-top:15px; width:550px; height:126px;line-height:15px;}
.sn_titlefont_2{font-size:12px;text-align:justify;color:#808281;}
.sn_titlefont_new{position:absolute;top:5px;font-size:12px;text-align:justify;color:#808281; line-height:5px;}
/*하단박스*/
.public_layout{border-radius:0.5em;width:848px;height:auto;border:1px solid #dfdfdd; padding:40px 30px 30px 30px; margin-top:30px;margin-bottom:40px;}
.title_box{margin-left:0; height:50px;font-family:NanumGothicBold; font-size:14px; color:gray; }
.sn_btn_box{width:782px; height:200px;margin-top:2px;margin-left:2px;}
.tap_wrap{border: 1px solid #dfdfdd; border-top-left-radius:0.5em; border-top-right-radius:0.5em;overflow:hidden; width:782px; height:600px;margin:0 auto; margin-top:30px;}
.menu_wrap{width:782px; height:150px;margin:0;}
.menu{margin-left:-40; margin-top:0;}
.menu ul li{float:left;}
.menu_btn1, .menu_btn2, .menu_btn3{margin:0 auto;text-align:center;padding-top:16px; margin-top:1px;display:inline-block;width:257px;height:50px; border-top-left-radius:0.5em; border-top-right-radius:0.5em; border:1px solid #ececeb;font-family:NanumGothicBold; font-size:15px; color:black;}
.menu_btn1{background-color:#c3d0f0; color:black;}
.menu_btn2{background-color:#ffd781; color:black;}
.menu_btn3{background-color:#b5edc7; color:black;}
.menu_btn1:focus, .menu_btn1:hover {background:#88a2e2;text-decoration:none;}
.menu_btn2:focus, .menu_btn2:hover {background:#ffaf04;text-decoration:none;}
.menu_btn3:focus, .menu_btn3:hover {background:#6bdc90;text-decoration:none;}
/* 탭메뉴 공동*/
.tab_list{height:170px; width:848px;margin-bottom:20px;}
.tab_list ul{margin-top:10px; width:782px;position:relative;padding:0;font-family:NanumGothicBold;font-size:15px;list-style:none;*zoom:1;}
.tab_list ul:after{display:block;clear:both;content:""}
.tab_list li{float:left;}
.tab_list li span.date {float:right;}
.tab_list li a{padding-top:5px;float:left;position:relative;border:1px solid #eee;border-bottom-color:#ccc;background:#fafafa;color:#666;text-decoration:none;width:260px;height:40px; text-align:center;line-height:16px;}  /* 탭매뉴 변경부분 */
.tab_list li a span{display:inline-block;padding:6px 15px 6px 15px;letter-spacing:-1px;cursor:pointer;}
.tab_list li ul{width:780px;border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc;display:none;position:absolute;top:39px;left:0;margin:0;padding:10px;list-style:none;*zoom:1}
.tab_list li ul:after{display:block;clear:both;content:""}
.tab_list li li{float:none;position:relative;margin:0 0 8px 0;color:#999}
.tab_list li li a{float:none;margin:0;padding:0;border:0 !important;background:transparent;font-weight:normal;color:#666 !important;letter-spacing:normal}
.tab_list li li a:hover,
.tab_list li li a:active,
.tab_list li li a:focus{color:#000 !important;text-decoration:none}
.tab_list.m1 .m1 a,
.tab_list.m2 .m2 a,
.tab_list.m3 .m3 a,
.tab_list.m4 .m4 a,
.tab_list.m5 .m5 a,
.tab_list.m6 .m6 a,
.tab_list.m7 .m7 a,
.tab_list.m8 .m8 a,
.tab_list.m9 .m9 a,
.tab_list.m10 .m10 a,
.tab_list.m11 .m11 a,
.tab_list.m12 .m12 a{margin-top:-1px;border:1px solid #ccc;border-bottom:1px solid #fff;background:transparent;color:#333}
.tab_list.m1 .m1 a span,
.tab_list.m2 .m2 a span,
.tab_list.m3 .m3 a span,
.tab_list.m4 .m4 a span,
.tab_list.m5 .m5 a span,
.tab_list.m6 .m6 a span,
.tab_list.m7 .m7 a span,
.tab_list.m8 .m8 a span,
.tab_list.m9 .m9 a span,
.tab_list.m10 .m10 a span,
.tab_list.m11 .m11 a span,
.tab_list.m12 .m12 a span{padding-top:7px;font-weight:bold}
.tab_list.m1 .m1 ul,
.tab_list.m2 .m2 ul,
.tab_list.m3 .m3 ul,
.tab_list.m4 .m4 ul,
.tab_list.m5 .m5 ul,
.tab_list.m6 .m6 ul,
.tab_list.m7 .m7 ul,
.tab_list.m8 .m8 ul,
.tab_list.m9 .m9 ul,
.tab_list.m10 .m10 ul,
.tab_list.m11 .m11 ul,
.tab_list.m12 .m12 ul{display:block}
.tab_list.js_off{height:auto}
.tab_list.js_off ul{border:0}
.tab_list.js_off li{float:none;position:relative}
.tab_list.js_off li a{display:block;float:none;border:1px solid #eee !important;border-bottom-color:#ccc !important;background:#fafafa !important;font-weight:bold;color:#333}
.tab_list.js_off li ul{position:static;display:block;left:0;top:0;padding:5px 0}
.tab_list.js_off li li a{display:inline;border:0 !important;background:none !important;font-weight:normal}
.tab_list.js_off li li.more{top:7px;right:15px}
/* 탭메뉴 끝 */

.m_contents{padding:30px 20px 20px 20px;}
.little_font{font-size:12px; color:#979694;line-height:2em;}
.little_font2{font-size:12px; color:#979694; font-family:NanumGothic;}
.edu_table{margin-top:20px; width:720px;}
.edu_table td{border:1px solid #898daa; font-family:NanumGothic;font-size:13px; text-align:center; height:40px;}
.row_line{background-color:#aabbcf; color:#fff;font-size:12px;font-family:NanumGothicBold}
.big_t{font-size:14px;width:100px;font-family:NanumGothicBold;}
.small_t{width:130px;}
.small_table{width:100px; height:20px;margin:0 auto; border:0;}
.small_table td{margin-left:10px; font-family:NanumGothic;font-size:12px; text-align:center; height:20px;border:0px;}
.sn_btn1,.sn_btn2{width:80px;height:20px; margin-left:5px; border:1px solid #898daa;border-radius:0.3em;}
.sn_btn1{ color:#fff; height:25px;margin-left:30px;background-color:#ffaf04; width:90px;}
.sn_btn2{ height:25px;margin-left:30px;background-color:#110c68; width:90px;padding:1px;color:#fff;}
.sn_btn1:focus,.sn_btn1:hover{background:#88a2e2;text-decoration:none;cursor:pointer;}
.sn_btn2:focus,.sn_btn2:hover{background:#88a2e2;text-decoration:none;cursor:pointer;}
.middle_font{margin-top:20px; font-size:13px; color: #ff3089;}

.schedule_table td{border:1px solid #cccccc;}
.subject_f1,.subject_t2,.subject_t3{height:80px;text-align:center;font-size:13px;font-family:NanumGothicBold;}
.s_subject_f1{font-size:13px; color:#7e7e7e; text-align:center;height:30px;font-family:NanumGothic;}
.s_subject_fm{text-align:left; padding-left:15px;font-size:13px; color:#7e7e7e;}

.edu_b_table{width:60px; margin:0 auto; border:0;}
.edu_btn1{background-color:#ffaf04; border-radius:0.3em;}
.edu_btn2{background-color:#110c68; border-radius:0.3em;}
.edu_btn1:focus,.edu_btn1:hover{background:#88a2e2;text-decoration:none;cursor:pointer;}
.edu_btn2:focus,.edu_btn2:hover{background:#88a2e2;text-decoration:none;cursor:pointer;}
.edu_btn1,.edu_btn2{width:60px; height:25px; font-size:12px; color:#fff; text-align:center;}

/*문과이과 적성검사 (aptitude.html*/
.aptitude{width:848px; height:auto;margin:0 auto;padding:0;}
.a_top_box{margin:0;height:188px; width:848px; background-color:#eff0f0; border-radius:0.5em;padding:15px;background-image:url('../img/a_in_box_img_bak.png');}
.a_in_box{width:820px; height:160px; padding:15px; border:2px solid #e4e6e6;border-radius:0.5em;}
.inbox_img{padding-left:15px;}
.inbox_img_font{font-size:13px;padding:30px 60px; 30px 30px;line-height:1.4em;}
.a_m_box{position:relative;height:681px; width:848px; background-image:url('../img/a_m_box_bak.png');padding:0;}
.step_box{padding:35px 50px 30px 90px;position:absolute;top:79px; left:83px;width:677px; height:178px; border:1px solid #c6ddc0; background-color:#d6f0cf;border-radius:0.5em;margin-top:10px;}
.step_box_font1,.step_box_font2{padding-left:320px;padding-right:80px;font-size:13px; color:gray;font-weight:bold;}
.step_btn1-f,.step_btn2-f{ display:inline-block;border-radius:0.5em;font-size:12px;color:#fff;}
.step_btn1-f{background-color:#62ace0;width:150px; height:30px; line-height:30px;}
.step_btn2-f{background-color:#0e7751;width:150px; height:30px; line-height:30px;}
.first_box_t,.second_box_t{padding:10px;width:216px; height:110px; background-color:#5b8063;margin:0 auto;border-radius:0.3em;}
.small_f_t{font-size:12px;height:60px; color:gray;padding:6px 10px 6px 6px; background-color:#fff;} .big_f_t{height:30px;padding:3px;font-size:14px; color:#fff;}


/*e-진로설계*/
.aptitude2{width:848px; height:auto;margin:0 auto;padding:0;}
.a_top_box2{margin:0;height:188px; width:848px; border-radius:0.5em;padding:15px;background-image:url('../img/inbox_r_img2.png');background-repeat:no-repeat;}
.a_in_box2{width:820px; height:160px; padding:15px; border-radius:0.5em;}
.inbox_img2{padding-left:15px;}
.inbox_img_font2{font-size:13px;padding:10px 60px; 30px 30px;line-height:1.4em;}
.a_m_box2{position:relative;height:681px; width:848px; background-image:url('../img/a_m_box_bak2.png');background-repeat:no-repeat;padding:0;}
.step_box2{padding:35px 50px 30px 40px;position:absolute;background-color:#8dc9de;top:79px; left:83px;width:677px; height:178px; border:1px solid #c6ddc0;border-radius:0.5em;margin-top:10px;}
.step_box_font12,.step_box_font22{padding-left:320px;padding-right:80px;font-size:13px; color:gray;font-weight:bold;}
.step_btn1-f22,.step_btn2-f22,.step_btn3-f22{width:848px;margin:0 auto;display:inline-block;border-radius:0.5em;font-size:12px;color:#fff;}
.step_btn1-f22{background-color:#62ace0;width:150px; height:30px; line-height:30px;}
.step_btn2-f22{background-color:#0e7751;width:150px; height:30px; line-height:30px;}
.step_btn3-f22{background-color:#e7a312;width:150px; height:30px; line-height:30px;}
.first_box_t2,.second_box_t2,.third_box_t{padding:10px;width:216px; height:110px; background-color:#5b8063;margin:0 auto;border-radius:0.3em;}
.small_f_t2{font-size:12px;height:60px; color:gray;padding:6px 6px 6px 6px; background-color:#fff;} .big_f_t22{height:30px;padding:3px;font-size:14px; color:#fff;}
.middle_last{position:absolute; top:600px; left:200px;text-align:center;}