/* INDEX------------------------------------------------------------------------ */ /* ------------------------------------------------------------------------------- */ /* ------------------------------------------------------------------------------ */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ .sub_wrap { display:block; overflow:hidden; clear:both; font-family: 'Paperlogy'; } /* 상단 */ .sub_top_wrap { display:block; overflow:hidden; clear:both; background:#000; background-size:cover; position:relative; font-family: 'Paperlogy'; padding:180px 0 120px 0; position:relative; } .sub_top_tit_wrap { display:block; overflow:hidden; margin:0 auto; color:#fff; margin-bottom:50px; } .sub_top_bg { display:block; overflow:hidden; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-repeat:no-repeat; background-size:cover; transform:scale(1.3); animation: animatedBackground 5s linear 1; animation-fill-mode: forwards; } body#intro .sub_top_bg { background-image:url('../images/sub/sub_bg1.jpg'); } body#curriculum .sub_top_bg { background-image:url('../images/sub/sub_bg2.jpg'); } body#business .sub_top_bg { background-image:url('../images/sub/sub_bg3.jpg'); } body#personal .sub_top_bg { background-image:url('../images/sub/sub_bg4.jpg'); } body#interview .sub_top_bg { background-image:url('../images/sub/sub_bg5.jpg'); } body#lecture .sub_top_bg { background-image:url('../images/sub/sub_bg6.jpg'); } body#community .sub_top_bg { background-image:url('../images/sub/sub_bg7.jpg'); } body#ai .sub_top_bg { background-image:url('../images/sub/sub_bg8.jpg'); } body#use .sub_top_bg { background-image:url('../images/sub/sub_bg1.jpg'); } @keyframes animatedBackground { from { transform:scale(1.1); } to { transform:scale(1); } } .sub_top_tit_core { display:block; overflow:hidden; position:relative; width:94%; max-width:1400px; margin:0 auto; z-index:10; } .sub_map_view { display:block; overflow:hidden; margin:0 0 20px 0; font-family: 'Paperlogy'; } .sub_map_item { display:inline-block; overflow:hidden; vertical-align:middle; letter-spacing:0; } .sub_map_item:last-child { color:#106bfd; font-weight:700; } .sub_map_item::after { display:inline-block; overflow:hidden; width:4px; height:4px; border-radius:999px; background:#fff; content:''; vertical-align:middle; margin:-1px 7px 0 7px; opacity:.5; } .sub_map_item:last-child::after { display:none; } .sub_top_tit { display:block; overflow:hidden; font-size:100px; line-height:120%; word-break:keep-all; font-weight:600; font-family: 'Paperlogy'; } .sub_top_txt { display:block; overflow:hidden; margin-top:20px; } .sub_top_txt span { display:block; overflow:hidden; font-size:20px; line-height:160%; word-break:keep-all; letter-spacing:-.5px; font-weight:300; } /* 페이지 NAVI */ .sub_nav_wrap { display:block; width:100%; z-index:9980; font-family: 'Paperlogy'; position:relative; } .sub_nav_wrap.m_nav { display:none; } .sub_nav_core { display:block; margin:0 auto; width:94%; max-width:1400px; text-align:center; } .sub_tabmenu_wrap { display:block; } .pc_menu { display:flex; width:100%; } .pc_menu li { display:block; position:relative; margin-right:10px; } .pc_menu li:last-child { margin-right:0; } .pc_menu li a { display:block; margin:0 auto; height:50px; line-height:50px; margin:0; position:relative; padding:0 30px; font-size:18px; color:rgba(255,255,255,.8); border:1px solid #fff; box-sizing:border-box; border-radius:999px; letter-spacing:-.5px; transition-duration:.5s; } .pc_menu li a.active { background:#106bfd; opacity:1; border-color:#106bfd; } .pc_menu li a:hover { background:#106bfd; opacity:1; border-color:#106bfd; } .sub_home { display:none; } #firstpane { display:none; } .menu_head { display:none; } /* 본문 */ .sub_body_wrap { display:block; overflow:hidden; clear:both; } .sub_body_core { display:block; overflow:hidden; margin:120px auto; clear:both; } .sub_body_core2 { margin-bottom:0 !important; } .sub_body_core3 { margin-top:0 !important; } .sub_layout_tit { display:none !important; background:#abc; overflow:hidden; overflow:hidden;clear:both; margin:0 auto 100px auto; width:94%; max-width:1400px; } .sub_tit { display:block; overflow:hidden; font-size:80px; line-height:150%; font-weight:normal; font-family: 'KIMM_Bold'; } .sub_article_wrap { display:block; overflow:hidden; margin:0 0 110px 0; line-height:150%; word-break:keep-all;} .sub_article_margin { margin-bottom:0 !important; } .sub_article_wrap:last-child { margin:0; } .sub_article_bg { background:#f4f4f4; } .sub_article_bg2 { background:#106bfd; color:#fff; } .sub_article_core { display:block; overflow:hidden; width:94%; max-width:1400px; margin:0 auto; } .sub_article_core2 { padding:0px 0; } .sub_article_padding { padding:110px 0; } .sub_article_over { overflow:visible; } .sub_article_inner { display:block; overflow:hidden; margin-bottom:80px; } .sub_article_inner:last-child { margin-bottom:0; } .h4_tit { display:block; overflow:hidden; font-family: 'Paperlogy'; font-weight:600; font-size:60px; line-height:120%; word-break:keep-all; margin-bottom:50px; } .h4_tit b { font-weight:600; color:#106bfd; } .h4_tit span { display:block; overflow:hidden; font-size:24px; line-height:130%; word-break:keep-all; margin-bottom:20px; font-weight:300; } .h4_tit2 { width:94%; max-width:1400px; margin-left:auto !important; margin-right:auto !important; } .h4_tit::after { display:inline-block; overflow:hidden; width:15px; height:15px; vertical-align:top; border-radius:999px; background:#106bfd; content:''; margin:0 0 0 10px; } .sub_article_bg2 .h4_tit::after { background:#fff000; } .h5_tit { display:block; overflow:hidden; font-family: 'Paperlogy'; font-weight:500; font-size:40px; line-height:120%; word-break:keep-all; margin-bottom:30px; color:#00287C; } .tb_x { display:block; overflow-x:auto; } /* 준비중*/ .ready_wrap { display:block; overflow:hidden; font-family: 'Paperlogy'; } .ready_core { display:block; overflow:hidden; text-align:center; } .ready_core img { display:block; overflow:hidden; margin:0 auto 30px auto; width:auto; max-width:150px; } .ready_tit { display:block; overflow:hidden; font-size:40px; line-height:150%; word-break:keep-all; color:#8b6c38; font-weight:600; } .ready_text { display:block; overflow:hidden; margin:30px 0 0 0; } .ready_text span { display:block; overflow:hidden; font-size:18px; line-height:130%; word-break:keep-all; margin:0 0 10px 0; letter-spacing:-.5px; } .st_list { display:block; overflow:hidden; } .st_list li { display:block; overflow:hidden; line-height:150%; word-break:keep-all; margin-bottom:5px; letter-spacing:-.5px; position:relative; padding-left:12px; } .st_list li b { font-weight:500; } .st_list li::before { display:block; overflow:hidden; position:absolute; top:12px; left:0; width:3px; height:3px; background:#000; content:''; } .st_list li:last-child { margin:0; } .etc_wrap { display:block; overflow:hidden; text-align:center; margin-top:20px; } .etc_wrap span { display:inline-block; overflow:hidden; line-height:140%; word-break:keep-all; opacity:.7; } .stepList { display:block; overflow:hidden; counter-reset: section; } .stepList > li { display:block; overflow:hidden; position:relative; padding-left:30px; line-height:140%; word-break:keep-all; margin-bottom:10px; } .stepList > li:last-child { margin-bottom:0; } .stepList > li::before { display:block; overflow:hidden; counter-increment: section; content: "" counter(section) ""; position:absolute; top:3px; left:0; width:20px; height:20px; line-height:20px; text-align:center; color:#fff; background:#106bfd; border-radius:9999px; font-size:.9em; } .tb_01 { width:100%; border-top:2px solid #000; border-left:1px solid #ddd; box-sizing:border-box; text-align:center; font-size:16px; } .tb_01 thead th { padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; vertical-align:middle; background:#F2F4FA; } .tb_01 tbody th { padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; vertical-align:middle; background:#f9f9f9; font-weight:normal; } .tb_01 tbody th b { color:#106bfd; } .tb_01 tbody td { padding:10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-sizing:border-box; vertical-align:middle; } .tb_01 tbody td b { } .mob_etc { display:none; } /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 개인정보 */ .privacy_wrap { display:block; overflow:hidden; } .privacy_summary_wrap { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; background:#efefef; margin:0 0 50px 0; } .privacy_summary_core { display:block; overflow:hidden; margin:25px; } .privacy_body_wrap { display:block; overflow:hidden; } .privacy_content_wrap { display:block; overflow:hidden; margin:0 0 50px 0; } .privacy_content_wrap:last-child { margin:0; } .privacy_tit { display:block; overflow:hidden; margin:0 0 0 0; } .privacy_tit h4 { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-family: 'Paperlogy'; font-size:20px; font-weight:600; } .privacy_cont { display:block; overflow:hidden; line-height:140%; word-break:keep-all; } .privacy_text { display:block; overflow:hidden; } .privacy_cont p { display:block; overflow:hidden; margin:0 0 5px 15px; } .privacy_cont p:nth-child(1) { margin-top:10px; } .privacy_cont h5 { margin:10px 0 5px 0; } .privacy_content_wrap ol, .privacy_content_wrap ul { display:block; margin:10px 0 0 0; } .privacy_content_wrap li { display:block; margin:10px 0 0 15px; } .privacy_tb { width:100%; border-top:2px solid #333; border-right:1px solid #ddd; text-align:center; font-size:15px; } .privacy_tb th { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; font-weight:normal; background:#f8f8f8; } .privacy_tb td { border-left:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px; } /* 이메일무단수집거부 */ .email_denial_wrap { display:block; overflow:hidden; margin:0; background:#f8f8f8; text-align:center; } .email_denial_core { display:block; overflow:hidden; margin:100px 40px; } .email_denial_img_wrap { display:block; overflow:hidden; margin:0 auto 50px auto; width:80%; max-width:150px; } .email_denial_img_wrap img { display:block; overflow:hidden; width:100%; } .email_denial_text_wrap { display:block; overflow:hidden; } .email_denial_ttext { display:block; overflow:hidden; font-size:34px; line-height:140%; word-wrap:break-word; word-break:keep-all; font-weight:600; } .email_denial_stext { display:block; overflow:hidden; word-wrap:break-word; word-break:keep-all; line-height:150%; margin:30px 0 0 0; } /* 통합검색 */ .total_sch_wrap { display:block; overflow:hidden; border:5px solid #000; box-sizing:border-box; } .total_sch_core { display:block; overflow:hidden; } .total_sch_form { display:flex; flex-wrap:wrap; justify-content:space-between; margin:20px; } .total_sch_write { display:block; overflow:hidden; width:calc(100% - 40px); } .total_sch_txt { display:block; overflow:hidden; width:100%; font-size:20px; } .total_sch_btn { display:block; overflow:hidden; width:31px; height:31px; background:url('../images/sub/es_btn_icon.html') center center no-repeat; background-size:cover; } .total_result_wrap { display:block; overflow:hidden; margin-top:80px; } .total_result_inner { display:block; overflow:hidden; border-bottom:2px solid #000; box-sizing:border-box; margin-bottom:30px; padding-bottom:30px; } .total_result_top { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:30px; padding-bottom:30px; border-bottom:2px solid #000; box-sizing:border-box; } .total_result_tit { display:block; overflow:hidden; width:calc(100% - 50px); font-family: 'Gong'; font-size:30px; line-height:140%; } .total_result_more { display:block; overflow:hidden; width:35px; border:2px solid #000; box-sizing:border-box; border-radius:999px; } .total_result_more img { display:block; overflow:hidden; width:100%; } .total_result_cont { display:block; overflow:hidden; } .total_result_list { display:block; overflow:hidden; } .total_result_list li { display:block; overflow:hidden; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ddd; box-sizing:border-box; } .total_result_list li:last-child { margin:0; padding:0; border:0; } .total_result_btn { display:block; overflow:hidden; } .total_result_f1 { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-bottom:20px; } .total_result_subj { display:block; overflow:hidden; width:calc(100% - 100px); font-size:20px; line-height:130%; white-space:nowrap; text-overflow:ellipsis; font-weight:500; } .total_result_date { display:block; overflow:hidden; font-family: "Play", sans-serif; line-height:130%; opacity:.7; letter-spacing:0; } .total_result_f2 { display:block; overflow:hidden; word-wrap:break-word; word-break:keep-all; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; height:50px; line-height:160%; opacity:.7; } /* 사이트맵 */ .sitemap_wrap { display:block; overflow:hidden; } .sitemap_wrap .nav_dep1_ul { display:block; width:100%; position:relative; top:0; right:0; } .sitemap_wrap .nav_dep1_li { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; float:none; position:relative; margin:0 0 60px 0; border-bottom:2px solid #000; box-sizing:border-box; padding-bottom:50px; } .sitemap_wrap .nav_dep1_li:last-child { margin:0; } .sitemap_wrap .nav_dep1_li.hide { display:block; } .sitemap_wrap .nav_dep1_a { display:block; overflow:hidden; text-align:left; color:#000; font-size:40px;line-height:120%; font-family: 'Gong'; } .sitemap_wrap .nav_dep2_ul { display:block; !important; overflow:hidden; position:relative; left:0; width:calc(100% - 300px); } .sitemap_wrap .nav_dep2_li { display:inline-block; overflow:hidden; vertical-align:middle; } .sitemap_wrap .nav_dep2_li a { display:inline-block; overflow:hidden; background:none; color:#000; text-align:left; padding:5px 0; margin:0 0 2px 0; font-size:20px; letter-spacing:0; font-family: 'Gong'; letter-spacing:0; font-weight:300; } .sitemap_wrap .nav_dep2_li a::after { display:inline-block; overflow:hidden; vertical-align:middle; width:1px; height:10px; background:#333; content:''; margin:0 20px; transform:rotate(20deg); } .sitemap_wrap .nav_dep2_li:last-child a::after { display:none; } .sitemap_wrap .nav_dep2_li a:hover { background:none; text-decoration:underline; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greeting_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:end; } .greeting_img_wrap { display:block; overflow:hidden; width:334px; } .greeting_img_wrap img { display:block; overflow:hidden; width:auto; max-width:100%; margin:0; } .greeting_cont_wrap { display:block; overflow:hidden; width:calc(100% - 550px); margin-bottom:80px; } .greeting_cont_tit { display:block; overflow:hidden; background:url('../images/sub/greet_top_icon.png') left top no-repeat; background-size:100px; padding-top:80px; } .greeting_cont_tit span { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:700; font-size:40px; color:#106bfd; } .greeting_cont_txt { display:block; overflow:hidden; margin:30px 0; } .greeting_cont_txt p { display:block; overflow:hidden; margin-bottom:10px; } .greeting_cont_txt p span { display:block; overflow:hidden; font-size:18px; line-height:170%; word-break:keep-all; } .greeting_cont_name { display:flex; flex-wrap:wrap; justify-content:end; align-items:center; font-size:18px; } .greeting_cont_name span { display:block; overflow:hidden; line-height:140%; } .greeting_cont_name b { display:block; overflow:hidden; font-family: 'Shilla_CultureB-Bold'; letter-spacing:0; font-size:34px; line-height:140%; margin:-2px 5px 0 20px; } .goal_summary_wrap { display:block; overflow:hidden; margin-bottom:50px; } .goal_summary_core { display:block; overflow:hidden; } .goal_summary_core span { display:block; overflow:hidden; font-weight:500; font-size:30px; line-height:140%; word-break:keep-all; color:#106bfd; } .goal_cont_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; width:calc(100% + 20px); } .goal_item { display:block; overflow:hidden; background:#fff; border-radius:10px; width:calc(50% - 20px); margin:0 20px 20px 0; } .goal_inner { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:50px; position:relative; } .goal_icon { display:block; overflow:hidden; width:120px; } .goal_icon img { display:block; overflow:hidden; width:100%; } .goal_cont { display:block; overflow:hidden; width:calc(100% - 150px); } .goal_tit { display:block; overflow:hidden; font-size:28px; line-height:140%; word-break:keep-all; font-weight:700; margin:0 0 20px 0; } .goal_txt { display:block; overflow:hidden; } /* 비전 */ .vision_summary_wrap { display:block; overflow:hidden; color:#fff; font-family: 'Paperlogy'; } .vision_summary_core { display:block; overflow:hidden; } .vision_summary_tit { display:block; overflow:hidden; } .vision_summary_tit span { display:block; overflow:hidden; font-size:40px; line-height:140%; word-break:keep-all; font-weight:600; margin:0; } .vision_summary_txt { display:block; overflow:hidden; margin:50px 0 0 0;} .vision_summary_txt span { display:block; overflow:hidden; font-size:20px; line-height:160%; word-break:keep-all; } .vision_top_wrap { display:block; font-family: 'Paperlogy'; font-size:30px; line-height:140%; word-break:keep-all; text-align:left; margin-bottom:50px; position:relative; } .vision_cont_wrap { display:block; } .vision_slide { display:flex; flex-wrap:wrap; justify-content:space-between; } .vision_slide .owl-stage { display:flex; flex-wrap:wrap; justify-content:space-between; } .vision_slide.owl-carousel .owl-stage-outer { overflow:visible; } .vision_slide .owl-stage .owl-item { display:block; overflow:hidden; background:#f8f8f8; } .vision_item { display:block; overflow:hidden; height:100%; } .vision_inner { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; height:100%; } .vision_thum { display:block; overflow:hidden; width:50%; height:100%; } .vision_thum img { display:block; overflow:hidden; width:100%; height:100%; } .vision_cont { display:block; overflow:hidden; width:50%; font-family: 'Paperlogy'; } .vision_text { display:block; overflow:hidden; margin:100px; } .vision_num { display:block; overflow:hidden; font-size:40px; line-height:140%; font-weight:400; color:#106bfd; } .vision_tit { display:block; overflow:hidden; font-size:36px; line-height:140%; font-weight:700; margin:10px 0 20px 0; } .vision_txt { display:block; overflow:hidden; } .vision_txt span { display:block; overflow:hidden; line-height:160%; word-break:keep-all; font-size:18px; margin-top:10px; font-family: 'Paperlogy'; } /* 스토리 */ .story_summary_wrap { display:block; overflow:hidden; } .story_summary_core { display:flex; flex-wrap:wrap; justify-content:space-between; font-family: 'Paperlogy'; } .story_summary_top { display:block; overflow:hidden; } .story_summary_tit { display:block; overflow:hidden; position:relative; width:620px; } .story_summary_tit span { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:800; font-size:70px; } .story_summary_tit span em { padding-right:5px; } .story_summary_text { display:block; overflow:hidden; width:calc(100% - 700px); } .story_summary_txt1 { display:block; overflow:hidden; } .story_summary_txt1 p { display:block; overflow:hidden; } .story_summary_txt1 p span { display:inline-block; overflow:hidden; font-family: 'NotoSerifKR'; font-size:20px; line-height:140%; word-break:Keep-all; } .story_summary_txt2 { display:block; overflow:hidden; margin-top:20px;} .story_summary_txt2 p { display:block; overflow:hidden; line-height:160%; word-break:keep-all; margin-top:10px; } .story_wrap { display:block; overflow:hidden; } .story_slide { display:block; overflow:hidden; height:700px; } .story_item { display:block; overflow:hidden; } .story_item1 { background:#F2F4FA; } .story_item2 { background:#d3d9ec; } .story_item3 { background:#c5d3fd; } .story_item4 { background:#00287C; color:#fff; } .story_inner { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:94%; max-width:1400px; margin:0 auto; position:relative; top:50%; transform:translateY(-50%); } .story_img { display:block; overflow:hidden; width:529px; } .story_img img { display:block; overflow:hidden; width:100%; } .story_cont { display:block; overflow:hidden; width:calc(100% - 670px); font-family: 'Paperlogy'; } .story_tit { display:block; overflow:hidden; font-size:36px; font-weight:600; line-height:150%; margin-bottom:50px; background-image:url('../images/sub/sign_typeb.png'); background-repeat:no-repeat; background-position:left top; background-size:100px; padding-top:80px; } .story_item4 .story_tit { background-image:url('../images/sub/sign_typew.png'); } .story_text { display:block; overflow:hidden; } .story_text p { display:block; overflow:hidden; font-size:18px; line-height:150%; word-break:keep-all; margin-bottom:10px; } .story_text p:last-child { margin-bottom:0; } .ceo_wrap { display:block; overflow:hidden; background:#d3d9ec; border-radius:15px; } .ceo_core { display:block; overflow:hidden; margin:80px; text-align:center; } .ceo_top { display:block; overflow:hidden; } .ceo_top span { display:block; overflow:hidden; line-height:160%; word-break:Keep-all; font-family: 'NotoSerifKR'; font-size:24px; } .ceo_text { display:block; overflow:hidden; margin-top:30px; } .ceo_text span { display:block; overflow:hidden; font-family: 'Paperlogy'; font-size:18px; line-height:160%; word-break:Keep-all; } /* 가치 */ .value_wrap { display:block; } .value_slide { display:block; width:1300px; } .value_item { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; } .value_item:nth-child(2n) { align-items:end; margin-top:150px; } .value_thum { display:block; overflow:hidden; width:600px; border-radius:40px; margin-top:50px; transition-duration:1s; } .value_thum img { display:block; overflow:hidden; width:100%; } .value_cont { display:block; overflow:hidden; width:calc(100% - 650px); } .value_top { display:block; overflow:hidden; margin-bottom:40px; margin-left:20px; transition-duration:1s; } .value_top b { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:40px; } .value_top span { display:block; overflow:hidden; line-height:140%; word-break:keep-all; margin:0 0 5px 0; font-size:18px; } .value_text { display:block; overflow:hidden; margin-left:20px; transition-duration:1s; transition-delay: .3s; } .value_item.swiper-slide-active .value_thum { margin-top:20px; } .value_item.swiper-slide-active .value_top { margin-left:0; } .value_item.swiper-slide-active .value_text { margin-left:0; } /**/ .tv_list_wrap { display:block; overflow:hidden; } .tv_list { display:flex; flex-wrap:wrap; justify-content:start; width:calc(100% + 10px); } .tv_list li { display:block; overflow:hidden; width:calc(20% - 10px); margin:0 10px 20px 0; background:#f8f8f8; } .tv_img_wrap { display:block; overflow:hidden; border:3px solid #333; box-sizing:border-box; position:relative; padding-bottom:52%; } .tv_img_wrap img { display:block; overflow:hidden; width:100%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:100%; } .tv_text_wrap { display:block; overflow:hidden; margin:15px 5px; text-align:center; } .tv_cate { display:none; overflow:hidden; font-weight:bold; color:#fff; background:#005bac; line-height:140%; font-size:16px; padding:5px 10px 3px 10px; border-radius:999px; } .tv_txt { display:block; overflow:hidden; line-height:150%; word-break:keep-all; font-size:15px; font-weight:500; } /* ------------------------------------------------------------------------------- */ /* 커리큘럼 */ /* ------------------------------------------------------------------------------- */ /* 취업컨설팅 */ .employment_list { display:block; overflow:hidden; } .employment_list > li { display:block; overflow:hidden; border-bottom:1px solid #ddd; box-sizing:border-box; margin-bottom:20px; padding-bottom:20px; } .employment_dl { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .employment_dt { display:block; overflow:hidden; width:500px; border-radius:10px; background:#F2F4FA; } .employment_top { display:block; overflow:hidden; margin:20px; position:relative; text-align:center; } .employment_icon { display:block; overflow:hidden; margin-bottom:20px; } .employment_icon img { display:block; overflow:hidden; width:100%; max-width:150px; margin:0 auto; } .employment_ttit { display:block; overflow:hidden; font-family: 'Paperlogy'; font-size:24px; font-weight:600; line-height:140%; word-break:keep-all; color:#106bfd; } .employment_dd { display:block; overflow:hidden; width:calc(100% - 550px); } .employment_cont { display:block; overflow:hidden; } .employment_txt { display:block; overflow:hidden; } .employment_txt p { display:block; overflow:hidden; line-height:150%; word-break:keep-all; margin-bottom:5px; font-size:20px; } .employment_txt p:last-child { margin-bottom:0; } .introduction_etc { display:block; overflow:hidden; width:94%; max-width:1400px; margin:0 auto 50px auto; font-size:20px; line-height:140%; word-break:Keep-all; } .introduction_etc b { color:#106bfd; } .introduction_wrap { display:block; overflow:hidden; } .introduction_list { display:flex; flex-wrap:wrap; justify-content:space-between; } .introduction_list > li { display:block; overflow:hidden; width:25%; background:#F2F4FA; border-right:2px solid #fff; box-sizing:border-box; } .introduction_item { display:block; overflow:hidden; } .introduction_inner { display:block; overflow:hidden; } .introduction_top { display:block; overflow:hidden; background:#00287C; color:#fff; padding:30px; } .introduction_icon { display:block; overflow:hidden; margin-bottom:20px; } .introduction_icon img { display:block; overflow:hidden; width:70px; margin:0; } .introduction_num { display:block; overflow:hidden; line-height:130%; opacity:.7; margin-bottom:10px; } .introduction_ttit { display:block; overflow:hidden; font-size:22px; line-height:130%; word-break:keep-all; font-weight:600; } .introduction_list > li:nth-child(2n) .introduction_top { background:#106bfd; } .introduction_cont { display:block; overflow:hidden; padding:15px 0; } .introduction_view { display:block; overflow:hidden; margin:0 30px; padding:15px 0; border-bottom:1px dashed #ddd; box-sizing:border-box; } .introduction_view:last-child { border-bottom:0; } .introduction_view b { display:block; overflow:hidden; margin-bottom:10px; line-height:130%; word-break:keep-all; } .introduction_view span { display:block; overflow:hidden; margin-bottom:10px; line-height:130%; word-break:keep-all; } .qna_wrap { display:block; overflow:hidden; } .qna_dl { display:block; overflow:hidden; margin-bottom:30px; } .qna_dl:last-child { margin:0; } .qna_dt { display:block; overflow:hidden; background-color:#f8f8f8; background-image:url('../images/sub/qna_off.png'); background-position:right 30px center; background-repeat:no-repeat; border-radius:10px; cursor:pointer; transition-duration:.5s; } .qna_tit { display:block; overflow:hidden; font-size:20px; line-height:140%; word-break:Keep-all; margin:30px; margin-right:80px; } .qna_dd { display:none; overflow:hidden; background:#e9edfb; border-radius:10px; margin-top:15px; } .qna_txt { display:block; overflow:hidden; margin:50px 30px; line-height:140%; word-break:keep-all; } .qna_dl.active .qna_dt { background-color:#00287C; color:#fff; background-image:url('../images/sub/qna_onw.png'); } .interview_wrap { display:block; overflow:hidden; } .interview_tab_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .interview_tab { display:block; overflow:hidden; width:calc(25% - 10px); border-radius:20px; text-align:center; background:#F2F4FA; transition-duration:.5s; } .interview_tab.active { background:#106bfd; color:#fff; } .interview_tab:hover { background:#106bfd; color:#fff; } .interview_tab_item { display:block; overflow:hidden; margin:25px; } .interview_tab_inner { display:flex; flex-wrap:wrap; justify-content:space-between; } .interview_tab_top { display:block; overflow:hidden; width:100%; background:#fff; border-radius:20px; } .interview_tab_icon { display:block; overflow:hidden; margin:20px; } .interview_tab_icon img { display:block; overflow:hidden; margin:0 auto; width:100%; max-width:120px; } .interview_tab_cont { display:block; overflow:hidden; width:100%; } .interview_tab_num { display:block; overflow:hidden; font-size:20px; font-weight:600; line-height:140%; word-break:keep-all; margin:20px 0 10px 0; color:#106bfd; } .interview_tab.active .interview_tab_num { color:#fff; } .interview_tab:hover .interview_tab_num { color:#fff; } .interview_tab_ttxt { display:block; overflow:hidden; } .interview_tab_ttxt span { display:block; overflow:hidden; line-height:150%; word-break:keep-all; font-size:18px; } .interview_body_wrap { display:block; overflow:hidden; margin-top:80px; } .interview_body { display:block; overflow:hidden; opacity:0; height:0; transition-duration:.5s; } .interview_body.active { opacity:1; height:auto; } .interview_body h5.h5_tit span { display:block; overflow:hidden; background:#000; font-size:18px; color:#fff; border-radius:9999px; padding:10px 0; width:150px; text-align:center; line-height:100%; word-break:keep-all; margin-bottom:8px; } .interview_summary_wrap { display:block; overflow:hidden; margin:80px auto 120px auto; position:relative; text-align:center; } .interview_summary_wrap::before { display:block; overflow:hidden; position:absolute; top:0; left:0; width:30px; height:100%; border:10px solid #f0f0f0; box-sizing:border-box; border-right:0; content:''; } .interview_summary_wrap::after { display:block; overflow:hidden; position:absolute; top:0; right:0; width:30px; height:100%; border:10px solid #f0f0f0; box-sizing:border-box; border-left:0; content:''; } .interview_summary_core { display:block; overflow:hidden; margin:0 80px; } .interview_summary_tit1 { display:block; overflow:hidden; font-size:24px; line-height:140%; word-break:keep-all; font-weight:600; } .interview_summary_tit2 { display:block; overflow:hidden; margin:5px 0; } .interview_summary_tit2 span { display:block; overflow:hidden; font-size:30px; line-height:140%; word-break:keep-all; font-weight:700; color:#106bfd; } .interview_summary_tit2 span em { padding-right:5px; } .interview_summary_tit3 { display:block; overflow:hidden; font-size:24px; line-height:140%; word-break:keep-all; font-weight:500; opacity:.7; } .interview_cont_wrap { display:block; overflow:hidden; margin-top:50px; } .interview_cont_inner { display:block; overflow:hidden; margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #000; box-sizing:border-box; } .interview_cont_inner:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .interview_dl { display:flex; flex-wrap:wrap; justify-content:space-between; } .interview_dt { display:block; overflow:hidden; width:500px; } .interview_ttit { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:600; font-size:24px; } .interview_ttit b { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:600; color:#0072bc; } .interview_ttit span { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:400; opacity:.7; font-size:18px; } .interview_dd { display:block; overflow:hidden; width:calc(100% - 600px); } .interview_dd2 { width:100%; margin-top:30px; } .interview_txt { display:block; overflow:hidden; } .interview_txt p { display:block; overflow:hidden; line-height:140%; word-break:keep-all; margin-bottom:7px; } .interview_txt p:last-child { margin:0; } .interview_item_list { display:flex; flex-wrap:wrap; justify-content:space-between; } .interview_item_list li { display:block; overflow:hidden; flex:1; margin:0 5px; /* background:#00287C; border-radius:30px 0; padding:30px 0;*/ color:#00287C; } .interview_item_list li span { display:block; overflow:hidden; margin:0 20px; text-align:center; /* position:relative; top:50%; transform:translateY(-50%); */ } .interview_item_icon { display:block; overflow:hidden; width:120px; border-radius:999px; background:#00287c; margin:0 auto 20px auto; } .interview_item_icon img { display:block; overflow:hidden; width:100%; } .interview_step_list { display:flex; flex-wrap:wrap; justify-content:space-between; } .interview_step_list li { display:block; overflow:hidden;border:5px solid #333; box-sizing:border-box; width:100%; border-radius:999px; } .interview_step_list li:nth-child(2n) { } .interview_step_list li:nth-child(1) { border-color:#F2F4FA; } .interview_step_list li:nth-child(2) { border-color:#d3d9ec; } .interview_step_list li:nth-child(3) { border-color:#c5d3fd; } .interview_step_list li:nth-child(4) { border-color:#106bfd; } .interview_step3 li { width:33%; } .interview_step_item { display:block; overflow:hidden; margin:50px 30px; text-align:center; } .interview_step_icon { display:block; overflow:hidden; width:70px; margin:0 auto; } .interview_step_icon img { display:block; overflow:hidden; width:100%; } .interview_step_cont { display:block; overflow:hidden; margin-top:30px; } .interview_step_num { display:inline-block; overflow:hidden; background:#333; color:#7684ac; border-radius:999px; font-size:15px; padding:5px 15px; line-height:120%; } .interview_step_tit { display:block; overflow:hidden; font-size:20px; line-height:120%; word-break:keep-all; font-weight:600; margin:10px 0; color:#0072bc; } .interview_step_txt { display:block; overflow:hidden; } .interview_step_txt p { display:block; overflow:hidden; line-height:140%; word-break:keep-all; margin-bottom:7px; } .interview_step_txt p:last-child { margin-bottom:0; } .interview_step_list li:nth-child(1) .interview_step_num { background:#F2F4FA; } .interview_step_list li:nth-child(2) .interview_step_num { background:#d3d9ec; } .interview_step_list li:nth-child(3) .interview_step_num { background:#c5d3fd; } .interview_step_list li:nth-child(4) .interview_step_num { background:#106bfd; color:#fff; } .interview_btn { display:block; overflow:hidden; width:100%; text-align:center; margin-top:40px; color:#fff; height:60px; line-height:60px; background:#106bfd; border-radius:5px; font-size:18px; } /* 취업스쿨 */ .summary_wrap { display:block; overflow:hidden; border-radius:20px; background:#F2F4FA; } .summary_core { display:block; overflow:hidden; margin:50px; } .summary_core p { display:block; overflow:hidden; font-size:25px; text-align:center; line-height:160%; word-break:keep-all; font-family: 'Cafe24Ssurround'; } .summary_core p span { display:block; overflow:hidden; line-height:160%; word-break:keep-all; } .summary_core p span b { color:#00287C; position:relative; padding:0 5px; margin-right:3px; font-weight:normal; } .summary_core p span b::before { display:block; overflow:hidden; position:absolute; bottom:0; left:0; width:100%; height:45%; background:#106bfd; content:''; opacity:.2; transform:skew(-20deg); } .school_point_list { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin:50px auto; } .school_point_list li { display:block; overflow:hidden; width:300px; height:300px; border-radius:999px; margin:0 -10px; position:relative; } .school_point_item { display:block; overflow:hidden; margin:60px 50px; position:relative; } body.business_3 .school_point_item, body.ai_1 .school_point_item { margin:80px 50px; } body.lecture_1 .school_point_item { margin:80px 40px; } .school_point_num { display:block; overflow:hidden; line-height:140%; word-break:keep-all; text-decoration:underline; font-size:17px; margin-bottom:10px;} .school_point_txt { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:18px; } .circle-box {width:100%;height:100%;top: 0;left: 0;margin: auto;z-index:10;position: absolute;display: flex;justify-content: center;align-itmems:center;border-radius: 50%; flex-direction: column;;z-index: 11;} .circle-wrapper {width: 50%;height: 100%;position: absolute;top: 0;overflow: hidden;display:block;} .circle-wrapper-right {right: 0px;} .circle-wrapper-left {left: 0px;} .circle-whole {width: 200%;height: 100%;border-radius: 50%;position: absolute;top: 0;transform: rotate(-135deg);display:block;} .circle-right {border-top: 1px dashed #fff;border-right: 1px dashed #fff; right: 1px;animation: circleRight 1s linear forwards; animation-delay: 1s; visibility: visible; animation-name: circleRight;} .circle-left {border-bottom: 1px dashed #fff;border-left: 1px dashed #fff; left: 1px;animation: circleLeft 1s linear forwards; animation-delay: 1s; .reverse .circle-box {transform: scale(-1, 0);} } .school_point_list2 .school_point_txt { } .school_point_list2 .circle-right { border-color:#333; } .school_point_list2 .circle-left { border-color:#333; } @keyframes circleRight { 0% { transform: rotate(-135deg);} 50%, 100% { transform: rotate(45deg); }} @keyframes circleLeft { 0%, 50% { transform: rotate(-135deg);} 100% { transform: rotate(45deg);}} .school_summary_wrap { display:block; overflow:hidden; } .school_summary_txt1 { display:block; overflow:hidden; font-size:30px; } .school_summary_txt1 span { display:block; overflow:hidden; line-height:140%; word-break:keep-all; } .school_summary_txt1 b { display:block; overflow:hidden; line-height:140%; word-break:keep-all; } .school_summary_txt2 { display:block; overflow:hidden; margin-top:20px; } .school_summary_txt2 span { display:block; overflow:hidden; vertical-align:middle; font-size:22px; line-height:150%; word-break:keep-all; } .school_summary_txt2 span b { color:#fff000; } .school_summary_btn { display:block; overflow:hidden; background:#fff; text-align:center; height:70px; line-height:70px; width:100%; max-width:300px; border-radius:10px; margin:40px auto 0 auto; font-weight:600; transition-duration:.5s; font-size:1.1em; } .school_summary_btn:hover { background:#fff000; } .why_wrap { display:block; overflow:hidden; } .why_item { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:100px; } .why_img_wrap { display:block; overflow:hidden; width:600px; } .why_img_wrap img { display:block; overflow:hidden; width:100%; border-radius:50px 0; } .why_text_wrap { display:block; overflow:hidden; width:calc(100% - 680px); position:relative; } .why_text_wrap::before { display:block; overflow:hidden; position:absolute; top:-30px; width:100%; text-align:center; content:'WHY?'; font-family: "Orbitron", sans-serif; line-height:140%; font-size:120px; font-weight:900; opacity:.05; } .why_text_inner { display:block; overflow:hidden; margin-top:30px; position:relative; z-index:2; } .why_ttit { display:block; overflow:hidden; font-size:36px; line-height:130%; word-break:keep-all; font-weight:600; background-image:url('../images/sub/sign_typeb.png'); background-position:left top; background-size:100px; padding-top:80px; background-repeat:no-repeat; } .why_ttxt { display:block; overflow:hidden; } .why_ttxt::before { display:block; overflow:hidden; width:1px; height:30px; background:#000; content:''; margin:20px 0; } .why_ttxt p { display:block; overflow:hidden; } .why_ttxt p span { display:block; overflow:hidden; font-size:20px; line-height:160%; word-break:keep-all; } .why_item:nth-child(2n) .why_img_wrap { order:2; margin-left:auto; } .school_pay_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .school_pay_item { display:block; overflow:hidden; background:#F2F4FA; width:33%; border-radius:10px; margin-bottom:30px; text-align:center; } .school_pay_wrap2 .school_pay_item { width:49%; } .school_pay_inner { display:block; overflow:hidden; margin:30px; } .school_pay_tit { display:block; overflow:hidden; font-size:20px; font-weight:600; line-height:130%; word-break:keep-all; color:#00287C; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid rgba(0,0,0,.05); box-sizing:border-box; } .school_pay_cont { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin:0 auto; width:100%; max-width:300px; } .school_pay { display:flex; flex-wrap:wrap; align-items:center; letter-spacing:0; position:relative; padding:0 15px; } .school_pay1::after { display:block; overflow:hidden; width:100%; position:absolute; top:50%; transform:translateY(-50%); left:0; height:2px; background:#ca0000; content:''; } .school_pay_none::after { display:none; } .school_pay b { display:block; overflow:hidden; font-size:34px; line-height:130%; word-break:keep-all; margin-right:2px; padding-right:2px; } .school_pay1 b { opacity:.5;} .school_pay1 span { opacity:.5;} .school_pay2 b { color:#106bfd; } .school_pay span { display:block; overflow:hidden; font-size:20px; line-height:130%; word-break:keep-all; } .case_wrap { display:block; overflow:hidden; background:#F2F4FA; border-radius:20px; } .case_core { display:block; overflow:hidden; margin:60px 40px; } .case_top_wrap { display:block; overflow:hidden; text-align:center; font-size:34px; line-height:130%; word-break:keep-all; } .case_top_wrap b { color:#106bfd; } .case_cont_wrap { display:block; overflow:hidden; margin:30px auto; } .case_list { display:flex; flex-wrap:wrap; justify-content:space-between; } .case_list li { display:block; overflow:hidden; width:19%; } .case_list2 li { width:32%; } .case_item { display:block; position:relative; margin-bottom:20px; } .case_review_wrap { display:block; background:#fff; border-radius:10px; height:100px; position:relative; } .case_list2 .case_review_wrap { height:150px; } .case_review_wrap:after { position:absolute; bottom:-14px; left:0px; border:14px solid transparent; border-left-color:#fff; content:''; } .case_list li:nth-child(2n) .case_review_wrap { background:#d3d9ec; } .case_list li:nth-child(2n) .case_review_wrap:after { border-left-color:#d3d9ec; } .case_review_core { display:block; overflow:hidden; margin:0 20px; line-height:140%; word-break:keep-all; position:relative; top:50%; transform:translateY(-50%); font-family: 'PeoplefirstILTTF'; font-size:20px; letter-spacing:0; } .case_icon_wrap { display:block; overflow:hidden; } .case_icon { display:block; overflow:hidden; margin-top:10px; } .case_icon img { display:block; overflow:hidden; width:auto; max-width:100%; margin:0 auto; } .case_list2 .case_icon img { width:250px; max-width:100%; } .case_name { display:block; overflow:hidden; font-weight:700; line-height:140%; word-break:keep-all; margin-top:10px; text-align:center; } .case_etc { display:block; overflow:hidden; text-align:center; font-size:24px; line-height:140%; word-break;keep-all; font-family: 'Cafe24Ssurround'; color:#106bfd; } .school_program_wrap { display:block; overflow:hidden; } .school_program_slide { display:block; overflow:hidden; } .school_program_slide .swiper-wrapper { justify-content:space-between; } .school_program_item { display:block; overflow:hidden; height:100%; } .school_program1 { background:#F2F4FA; } .school_program2 { background:#d3d9ec; } .school_program3 { background:#c5d3fd; } .school_program4 { background:#00287C; color:#fff; } .school_program5 { background:#F2F4FA; } .school_program6 { background:#d3d9ec; } .school_program_inner { display:flex; flex-wrap:wrap; height:100%; } .school_program_img { display:block; overflow:hidden; width:50%; background:#abc; } .school_program_img img { display:block; overflow:hidden; width:100%; margin:0 auto; } .school_program_cont { display:block; overflow:hidden; width:50%; max-width:700px; } .school_program_text { display:block; overflow:hidden; margin:120px; margin-right:0; } .school_program_top { display:block; overflow:hidden; } .school_program_num { display:block; overflow:hidden; font-size:50px; font-weight:200; line-height:120%; } .school_program_ttit { display:block; overflow:hidden; font-size:30px; line-height:130%; word-break:keep-all; font-weight:600; margin:10px 0 30px 0; } .school_program_info { display:block; overflow:hidden; font-size:18px; } .school_program_info dl { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px; } .school_program_info dl:last-child { margin:0; } .school_program_info dl dt { display:block; overflow:hidden; line-height:130%; word-break:keep-all; } .school_program_info dl dd { display:block; overflow:hidden; width:calc(100% - 120px); } .school_program_item:nth-child(2n) .school_program_img { order:2; margin-left:auto; } .detail_list_wrap { display:block; overflow:hidden; position:relative; margin:50px 0 50px 0; } .detail_list_wrap::after { display:block; overflow:hidden; width:100%; height:50px; border-radius:999px; position:absolute; top:50%; transform:translateY(-50%); left:0; background:#F2F4FA; content:'' ;} .detail_list { display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; z-index:4; width:90%; max-width:1200px; margin:0 auto; } .detail_list li { display:block; overflow:hidden; width:25%; margin-bottom:20px;} .detail_item { display:block; overflow:hidden; width:100%; max-width:200px; height:200px; background:#fff; border:10px solid #f8f8f8; box-sizing:border-box; border-radius:999px; text-align:center; margin:0 auto; } .detail_inner { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); margin:0 10px; } .detail_num { display:block; overflow:hidden; font-size:16px; font-weight:bold; line-height:130%; word-break:keep-all; font-family: "Play", sans-serif; font-size:17px; letter-spacing:-.5px; color:#106bfd; } .detail_tit { display:block; overflow:hidden; font-family: 'Paperlogy'; font-size:24px; line-height:140%; word-break:keep-all; font-weight:800; } /* ------------------------------------------------------------------------------- */ /* 기업출강문의 */ /* ------------------------------------------------------------------------------- */ /* 마케팅 강의 */ .enterprise_lecture_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .enterprise_lecture_list { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; border-radius:5px; width:calc(50% - 10px); margin:0 5px 10px 5px; background:#F2F4FA; } .enterprise_lecture_item { display:block; overflow:hidden; } .enterprise_lecture_img { display:block; overflow:hidden; position:relative; height:300px; border-bottom:1px solid #ddd; box-sizing:border-box; } .enterprise_lecture_img img { display:block; overflow:hidden; width:100%; } .enterprise_lecture_cont { display:block; overflow:hidden; } .enterprise_lecture_inner { display:block; overflow:hidden; margin:20px; } .enterprise_lecture_tit { display:block; overflow:hidden; line-height:160%; word-break:keep-all; font-weight:700; font-size:28px; color:#00287C; } .enterprise_lecture_text { display:flex; flex-wrap:wrap; justify-content:space-between; } .enterprise_lecture_text > dl { display:block; overflow:hidden; margin-top:20px; width:48%; } .enterprise_lecture_text > dl > dt { display:block; overflow:hidden; border-radius:999px; margin-bottom:10px; background:#00287C; color:#fff; width:200px; text-align:center; padding:8px 0; font-size:1.1em; font-weight:600; line-height:140%; color:#fff000; } .enterprise_lecture_text > dl > dd { display:block; overflow:hidden; margin-left:10px; } .enterprise_lecture_text > dl > dd > dl { display:block; overflow:hidden; margin-bottom:15px; } .enterprise_lecture_text > dl > dd > dl:last-child { margin-bottom:0; } .enterprise_lecture_text > dl > dd > dl > dt { display:block; overflow:hidden; font-weight:600; line-height:140%; word-break:keep-all; margin-bottom:5px; font-size:1.05em; } .enterprise_lecture_etc { display:block; overflow:hidden; line-height:140%; word-break:keep-all; margin-top:20px; position:relative; padding-left:20px; margin-left:10px; } .enterprise_lecture_etc::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:4px; height:4px; background:#333; content:''; } .enterprise_point_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .enterprise_point_item { display:block; overflow:hidden; width:32%; border-radius:10px; border:2px dotted #106bfd; box-sizing:border-box; background:#fff; } .enterprise_point_inner { display:block; overflow:hidden; margin:40px; } .enterprise_point_icon { display:block; overflow:hidden; margin-bottom:30px; } .enterprise_point_icon img { display:block; overflow:hidden; width:100%; max-width:100px; margin:0; transition-duration:.5s; } .enterprise_point_item:hover .enterprise_point_icon img { transform:rotateY(360deg); } .enterprise_point_txt { display:block; overflow:hidden; font-size:19px; line-height:150%; word-break:keep-all; } .enterprise_how_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; counter-reset: section; } .enterprise_how_dl { display:block; overflow:hidden; width:32%; background:#F2F4FA; border-radius:10px; } .enterprise_how_wrap2 .enterprise_how_dl { width:49%; } .enterprise_how_dt { display:block; overflow:hidden; background:#00287C; } .enterprise_how_tit { display:block; overflow:hidden; margin:20px; font-size:20px; color:#fff000; line-height:140%; word-break:keep-all; font-weight:600; position:relative; padding-left:30px; } .enterprise_how_tit::before { display:block; overflow:hidden; border-radius:9999px; background:#fff; width:24px; height:24px; line-height:24px; text-align:center; counter-increment: section; content: "" counter(section) ""; position:absolute; top:2px; left:0; color:#00287C; font-size:15px; font-weight:400; } .enterprise_how_dd { display:block; overflow:hidden; } .enterprise_how_txt { display:block; overflow:hidden; margin:40px 20px; line-height:150%; word-break:keep-all; } /* 대상별 */ .years_etc { display:block; overflow:hidden; line-height:150%; word-break:keep-all; margin-bottom:10px; position:relative; padding-left:12px; color:#ca0000; } .years_etc::before { display:block; overflow:hidden; position:absolute; top:0; left:0; content:'*'; } .years_tab_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .years_tab_btn { display:block; overflow:hidden; width:calc(50% - 10px); border-radius:10px; border:5px solid #f0f0f0; box-sizing:border-box; margin-bottom:20px; transition-duration:.5s; } .years_tab_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:40px; } .years_tab_thum { display:block; overflow:hidden; width:200px; border-radius:9999px; background:#f8f8f8; } .years_tab_thum img { display:block; overflow:hidden; width:100%; margin:0 auto; } .years_tab_cont { display:block; overflow:hidden; width:calc(100% - 250px); } .years_tab_tit { display:block; overflow:hidden; font-size:30px; line-height:140%; word-break:keep-all; font-weight:700; } .years_tab_tit::before { display:block; overflow:hidden; width:12px; height:12px; background:#106bfd; content:''; border-radius:999px; margin-bottom:7px; } .years_tab_text { display:block; overflow:hidden; margin-top:10px; } .years_tab_info { display:block; overflow:hidden; } .years_tab_info dl { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:5px; } .years_tab_info dt { display:block; overflow:hidden; line-height:150%; word-break:keep-all; font-weight:500; color:#00287C; position:relative; padding-left:10px; letter-spacing:0; } .years_tab_info dt::before { display:block; overflow:hidden; position:absolute; top:7px; left:0; width:3px; height:10px; background:#00287C; content:'';} .years_tab_info dd { display:block; overflow:hidden; width:calc(100% - 100px); line-height:150%; word-break:keep-all; opacity:.8; } .years_tab_btn.active { border-color:#106bfd; background:#106bfd; color:#fff; } .years_tab_btn.active .years_tab_thum { background:#fff; } .years_tab_btn.active .years_tab_tit::before { background:#fff; } .years_tab_btn.active .years_tab_info dt { color:#fff000; } .years_tab_btn.active .years_tab_info dt::before { background:#fff000; } .years_tab_btn:hover { border-color:#106bfd; background:#106bfd; color:#fff; } .years_tab_btn:hover .years_tab_thum { background:#fff; } .years_tab_btn:hover .years_tab_tit::before { background:#fff; } .years_tab_btn:hover .years_tab_info dt { color:#fff000; } .years_tab_btn:hover .years_tab_info dt::before { background:#fff000; } .years_body { display:block; overflow:hidden; opacity:0; height:0; } .years_body.active { opacity:1; height:auto; } .years_point_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .years_point_item { display:block; overflow:hidden; width:calc(50% - 10px); margin-bottom:20px; } .years_point_wrap2 .years_point_item { width:100%; } .years_point_dl { display:block; overflow:hidden; background:#F2F4FA; border-radius:5px; height:100%; } .years_point_dt { display:block; overflow:hidden; background:#00287C; color:#fff000; } .years_point_tit { display:block; overflow:hidden; margin:15px; text-align:center; font-weight:500; font-size:1.03em; } .years_point_dd { display:block; overflow:hidden; margin:20px 15px; } .years_effect_wrap { display:block; overflow:hidden; background:#fff; border-radius:3px; margin-top:20px; } .years_effect_dl { display:flex; flex-wrap:wrap; justify-content:space-between; margin:20px; } .years_effect_dt { display:block; overflow:hidden; font-weight:600; color:#00287C; letter-spacing:-.5px; } .years_effect_dd { display:block; overflow:hidden; width:calc(100% - 120px); } .years_young_wrap { display:block; overflow:hidden; margin-top:10px; } .years_young_item { display:block; overflow:hidden; margin-bottom:20px; } .years_young_item:last-child { margin:0; } .years_young_dl { display:flex; flex-wrap:wrap; justify-content:space-between; } .years_young_dt { display:block; overflow:hidden; font-weight:500; font-size:1.03em; color:#00287C; } .years_young_dd { display:block; overflow:hidden; width:calc(100% - 150px); } .benefit_list { display:flex; flex-wrap:wrap; justify-content:space-between; } .benefit_list li { display:block; overflow:hidden; border:1px dashed #256dd4 ; box-sizing:border-box; flex:1; margin:10px; border-radius:10px; padding:50px 0; } .benefit_txt { display:block; overflow:hidden; text-align:center; margin:0 20px; position:relative; font-size:1.3em; font-weight:500; color:#256dd4; font-weight:600; position:relative; top:50%; transform:translateY(-50%); } /* 면접관 */ .interviewer_tab_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:50px; } .interviewer_tab_btn { display:block; overflow:hidden; width:32%; text-align:center; border:5px solid #f0f0f0; box-sizing:border-box; border-radius:10px; transition-duration:.5s; margin-bottom:10px; } .interviewer_tab_inner { display:block; overflow:hidden; margin:50px 20px; } .interviewer_tab_tit1 { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-family: 'Montserrat', sans-serif; font-weight:500; color:#106bfd; } .interviewer_tab_tit2 { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-size:24px; font-weight:700; margin-top:10px; } .interviewer_tab_tit2 small { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:300; font-size:17px; margin-top:5px; } .interviewer_tab_btn:hover { border:5px solid #106bfd; background:#106bfd; color:#fff; } .interviewer_tab_btn:hover .interviewer_tab_tit1 { color:#fff000; } .interviewer_tab_btn.active { border:5px solid #106bfd; background:#106bfd; color:#fff; } .interviewer_tab_btn.active .interviewer_tab_tit1 { color:#fff000; } .interviewer_body { opacity:0; height:0; transition-duration:.5s; } .interviewer_body.active { opacity:1; height:auto; } .num-list { display:flex; flex-wrap:wrap; justify-content:space-between; counter-reset: orderList; :flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; } .num-list > li { display:block; overflow:hidden; position: relative; counter-increment: orderList; padding: 0 0 0 60px; box-sizing:border-box; border-bottom: 1px dashed #c6c6c6; :} .num-list.in3 { width:calc(100% + 15px); } .num-list.in3 > li { width:calc(33.3% - 15px); margin:0 15px 15px 0; } .num-list > li::before { content: counter(orderList, decimal-leading-zero); position:absolute; top:0; left:0; width:40px; height:40px; text-align:center; line-height:40px; font-family: 'Montserrat', sans-serif; background:#00287C; color:#fff; border-radius:999px; } .num-txt { display:block; overflow:hidden; line-height:140%; word-break:keep-all; min-height:40px; margin-bottom:10px; } /* ------------------------------------------------------------------------------- */ /* 합격자소서 구매 */ /* ------------------------------------------------------------------------------- */ .competition_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .competition_img { display:block; overflow:hidden; width:500px; border-radius:10px; } .competition_img img { display:block; overflow:hidden; width:100%; } .competition_text { display:block; overflow:hidden; width:calc(100% - 600px); } .competition_txt1 { display:block; overflow:hidden; font-size:20px; color:#106bfd; line-height:150%; word-break:keep-all; font-weight:600; } .competition_txt2 { display:block; overflow:hidden; margin:20px 0; } .competition_txt2 span { display:block; overflow:hidden; line-height:160%; word-break:keep-all; font-size:24px; } .competition_txt2 span b { display:inline; background:#ffe3d7; padding:0 5px; } .competition_text .summary_core p { font-size:18px; } .passed_info_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .passed_info_item { display:block; overflow:hidden; flex:1; background-color:#000; background-position:center center; background-repeat:no-repeat; background-size:cover; } .passed_info1 { background-image:url('../images/sub/passed_info_bg1.jpg'); } .passed_info2 { background-image:url('../images/sub/passed_info_bg2.jpg'); } .passed_info3 { background-image:url('../images/sub/passed_info_bg3.jpg'); } .passed_info_inner { display:block; overflow:hidden; margin:100px 80px; color:#fff; } .passed_info_tit { display:block; overflow:hidden; font-size:24px; font-weight:700; line-height:140%; word-break:keep-all; } .passed_info_tit::before { display:block; overflow:hidden; width:30px; height:5px; background:#fff; border-radius:999px; content:''; margin-bottom:15px; } .passed_info_txt { display:block; overflow:hidden; margin-top:25px; } .passed_info_txt span { display:block; overflow:hidden; line-height:160%; word-break:keep-all; } .composition_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; counter-reset:section; } .composition_item { display:block; overflow:hidden; width:calc(50% - 10px); margin:10px 5px; background:#F2F4FA; } .composition_inner { display:block; overflow:hidden; margin:50px; } .composition_tit { display:block; overflow:hidden; font-size:20px; line-height:140%; word-break:keep-all; font-weight:600; color:#00287C; } .composition_tit::before { display:block; overflow:hidden; counter-increment: section; content: "0" counter(section) ""; color:#00287C; font-size:40px; font-weight:800; opacity:.2; line-height:120%; margin-bottom:10px; } .composition_txt { display:block; overflow:hidden; margin-top:20px; } .composition_txt span { display:block; overflow:hidden; line-height:160%; word-break:keep-all; } .success_wrap { display:block; overflow:hidden; text-align:center; } .success_top_wrap { display:block; overflow:hidden; } .success_ttit { display:block; overflow:hidden; } .success_ttit span { display:block; overflow:hidden; font-size:30px; line-height:140%; word-break:keep-all; font-weight:600; font-family: 'Cafe24Ssurround'; color:#fff000; } .success_cont_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin:20px 0; } .success_cont_item { display:block; overflow:hidden; border:1px dashed #fff; box-sizing:border-box; width:32%; border-radius:10px; margin-top:15px; } .success_cont_inner { display:block; overflow:hidden; margin:30px; font-size:20px; line-height:150%; word-break:keep-all; } .success_etc_wrap { display:block; overflow:hidden; margin-top:60px; } .success_etc_tit { display:block; overflow:hidden; font-size:25px; line-height:150%; font-weight:400; font-family: 'Cafe24Ssurround'; } .success_etc_txt { display:block; overflow:hidden; margin-top:10px; } .success_etc_txt span { display:block; overflow:hidden; line-height:160%; word-break:keep-all; font-size:18px; margin-top:3px; } /* 인터넷강의 */ .online_link_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; max-width:600px; margin:0 auto; } .online_link_btn { display:block; overflow:hidden; background:#fff; text-align:center; height:70px; line-height:72px; width:calc(50% - 5px); border-radius:10px; margin:40px auto 0 auto; font-weight:600; transition-duration:.5s; font-size:1.1em; } .online_link_btn:hover { background:#fff000; } .online_link_btn2 { background:#fff; border:1px solid #005bac; color:#005bac; box-sizing:border-box; } .online_link_btn2:hover { background:#005bac; color:#fff; } .online_link_wrap2 { max-width:700px; } .online_link_wrap2 .online_link_btn { width:calc(33.3% - 5px); } .lecture_tab_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .lecture_tab_btn { display:block; overflow:hidden; width:24%; border:5px solid #f0f0f0; box-sizing:border-box; border-radius:10px; text-align:center; height:100px; color:#444; transition-duration:.5s; } .lecture_tab_wrap2 .lecture_tab_btn { width:49%; } .lecture_tab_btn.active { border-color:#106bfd; background:#106bfd; color:#fff; } .lecture_tab_btn:hover { border-color:#106bfd; background:#106bfd; color:#fff; } .lecture_tab { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); text-align:center; font-size:24px; font-weight:700; line-height:120%; } .lecture_body_wrap { display:block; overflow:hidden; margin-top:10px; } .lecture_body { display:none; opacity:0; height:0; transition-duration:.5s; } .lecture_body.active { opacity:1; height:auto; display:block; } .lecture_inner { display:block; overflow:hidden; width:94%; max-width:1400px; margin:0 auto 110px auto; } /* 전화문의 */ .cs_box_wrap { display:block; overflow:hidden; background:#F2F4FA; border-radius:15px; } .cs_box_core { display:block; overflow:hidden; margin:50px; margin-top:60px; } .cs_box_dl { display:block; overflow:hidden; text-align:center; } .cs_box_dt { display:inline-block; position:relative; padding:0 10px; } .cs_box_dt::after { display:block; overflow:hidden; position:absolute; bottom:0; left:0; width:100%; height:50%; content:''; background:#106bfd; opacity:.2; transform:skewX(-20deg); } .cs_box_dt span { display:block; overflow:hidden; position:relative; z-index:1; line-height:140%; word-break:keep-all; font-weight:400; font-family: 'Cafe24Ssurround'; font-size:24px; } .cs_box_dd { display:block; overflow:hidden; } .cs_box_dd a { display:block; overflow:hidden; font-family: "Play", sans-serif; color:#106bfd; font-weight:bold; font-size:48px; line-height:140%; } .expectation_list_wrap { display:flex; flex-wrap:wrap; justify-content:start; width:calc(100% + 10px); counter-reset:section; } .expectation_list_wrap li { display:block; overflow:hidden; border-radius:10px; background:#F2F4FA; width:calc(50% - 10px); margin:0 10px 10px 0; text-align:center; } .expectation_item { display:block; overflow:hidden; margin:30px; } .expectation_item::before { display:inline-block; overflow:hidden; counter-increment: section; content: "0" counter(section) ""; color:#106bfd; font-size:16px; font-weight:bold; line-height:120%; margin-bottom:5px; letter-spacing:0; font-family: "Play", sans-serif; border-bottom:1px solid #106bfd; box-sizing:border-box; padding-bottom:2px; } .expectation_inner { display:block; overflow:hidden; line-height:140%; word-break:keep-all; font-weight:500; } .info_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .info_item { display:block; overflow:hidden; width:calc(33.3% - 10px); border:5px solid #ddd; box-sizing:border-box; border-radius:10px; } .info_item:nth-child(1) { border-color:#F2F4FA; } .info_item:nth-child(2) { border-color:#d3d9ec; } .info_item:nth-child(3) { border-color:#c5d3fd; } .info_inner { display:block; overflow:hidden; margin:50px; text-align:center; } .info_dl { display:block; overflow:hidden; } .info_dt { display:inline-block; font-weight:500; line-height:140%; word-break:keep-all; border-bottom:2px solid #106bfd; box-sizing:border-box; color:#106bfd; padding-bottom:3px; margin-bottom:15px; } .info_dd { display:block; overflow:hidden; width:100%; font-size:18px; line-height:150%; word-break:keep-all; font-weight:600; } .info_wrap2 { margin-bottom:60px; } .info_wrap2 .info_item { margin-bottom:10px; } .info_wrap2 .info_dd b { display:block; overflow:hidden; width:100%; font-size:22px; line-height:150%; word-break:keep-all; font-weight:700; color:#106bfd; } .info_wrap2 .info_dd span { display:block; overflow:hidden; width:100%; font-size:18px; line-height:150%; word-break:keep-all; } .subject_dl { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px; background:#F2F4FA; border-radius:5px; } .subject_dl:last-child { margin:0; } .subject_dt { display:block; overflow:hidden; width:80px; background:#00287C; color:#fff000; } .subject_tit { display:block; overflow:hidden; position:relative; text-align:center; margin:0 10px; top:50%; transform:translateY(-50%); } .subject_dd { display:block; overflow:hidden; width:calc(100% - 80px); } .subject_txt { display:block; overflow:hidden; margin:20px; } .subject_txt b { display:block; overflow:hidden; line-height:150%; word-break:keep-all; color:#00287C; font-size:18px; } .subject_txt span { display:block; overflow:hidden; line-height:150%; word-break:keep-all; } .subject_txt ul.st_list { margin-top:10px; } .refine_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:50px; counter-reset:section; } .refine_item { display:block; overflow:hidden; width:calc(50% - 15px); margin-top:30px; text-align:left; border:1px dashed #fff; box-sizing:border-box; border-radius:15px; } .refine_inner { display:block; overflow:hidden; margin:30px; } .refine_inner:before { display:block; overflow:hidden; counter-increment: section; content: "0" counter(section) ""; color:#fff; font-size:40px; font-weight:bold; line-height:120%; margin-bottom:5px; letter-spacing:0; font-family: "Play", sans-serif; border-bottom:1px solid #106bfd; box-sizing:border-box; padding-bottom:2px; opacity:.7; } .refine_tit { display:flex; flex-wrap:wrap; justify-content:start; border-bottom:1px dashed rgba(255,255,255,.3); box-sizing:border-box; margin-bottom:15px; padding-bottom:15px; } .refine_tit span { display:block; overflow:hidden; font-size:22px; color:#fff000; font-weight:700; line-height:140%; word-break:keep-all; } .refine_txt { display:block; overflow:hidden; } .refine_txt ul { display:block; overflow:hidden; } .refine_txt ul li { display:block; overflow:hidden; position:relative; margin-bottom:10px; line-height:140%; word-break:keep-all; padding-left:10px; } .refine_txt ul li:last-child { margin:0; } .refine_txt ul li.refine_top { margin-top:25px; } .refine_txt ul li::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:3px; height:3px; background:#fff; content:''; } .career_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .career_list_wrap { display:block; position:relative; width:calc(100% - 700px); border-left:5px solid #fff; box-sizing:border-box; } .career_list { display:block; margin-left:50px;} .career_list > li { display:block; margin-bottom:50px; } .career_list > li:last-child { margin-bottom:0; } .career_list > li > dl { display:block; position:relative; } .career_list > li > dl::before { display:block; overflow:hidden; position:absolute; top:13px; left:-56px; width:7px; height:7px; background:#106bfd; content:''; } .career_list > li > dl::after { display:block; overflow:hidden; position:absolute; top:16px; left:-56px; width:30px; height:1px; background:#106bfd; content:''; } .career_list > li > dl > dt { display:block; overflow:hidden; font-weight:700; line-height:140%; word-break:keep-all; color:#106bfd; font-size:24px; margin-bottom:10px; } .career_list > li > dl > dd { display:block; overflow:hidden; } .career_list > li > dl > dd > ul { display:block; overflow:hidden; } .career_list > li > dl > dd > ul > li { display:block; overflow:hidden; position:relative; padding-left:10px; margin-bottom:10px; line-height:140%; word-break:Keep-all; } .career_list > li > dl > dd > ul > li:last-child { margin:0; } .career_list > li > dl > dd > ul > li::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:3px; height:3px; background:#333; content:''; } .essential_list { display:block; overflow:hidden; width:100%; max-width:1000px; margin:0 auto; } .essential_list li { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20px; position:relative; ; } .essential_list li::after { display:block; overflow:hidden; position:absolute; top:50%; transform:translateY(-50%); left:0; width:100%; height:5px; background:#106bfd; content:''; } .essential_item { display:block; width:calc(50% - 20px); border-radius:999px; background:#fff; padding:20px 0; position:relative; z-index:2; } .essential_item2 { background:#005bac; color:#fff; } .essential_text { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); margin:0 10px; line-height:130%; word-break:keep-all; font-family: 'Cafe24Ssurround'; font-size:20px; } /* 커리큘럼 리스트 */ .curriculum_body { display:none; overflow:hidden; } .curriculum_body.active { display:block; } .curriculum_list { display:block; overflow:hidden; margin-top:50px; } .curriculum_list li { display:block; overflow:hidden; } .curriculum_list li::after { display:block; overflow:hidden; width:100%; height:65px; content:''; background:url('../images/sub/curriculum_arrow.png') center center no-repeat; margin-bottom:15px; } .curriculum_list li:last-child::after { display:none; } .curriculum_item { display:block; overflow:hidden; background:#f2f4fa; border-radius:10px; } .curriculum_inner { display:block; overflow:hidden; margin:70px; } .curriculum_step_top { display:flex; flex-wrap:wrap; justify-content:start; align-items:center; } .curriculum_num { display:block; overflow:hidden; font-size:30px; line-height:120%; font-family:"Play", sans-serif; color:#106bfd; font-weight:bold; } .curriculum_ttit { display:block; overflow:hidden; font-weight:bold; font-size:25px; line-height:120%; margin:2px 0 0 5px; } .curriculum_step_cont { display:block; overflow:hidden; margin:30px 0; } .curriculum_dl { display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:15px; font-size:18px; } .curriculum_dl:last-child { margin:0; } .curriculum_dt { display:block; overflow:hidden; position:relative; font-weight:500; padding-left:10px; line-height:140%; word-break:keep-all; } .curriculum_dt::before { display:block; overflow:hidden; position:absolute; top:6px; left:0; width:3px; height:12px; background:#005bac; content:''; } .curriculum_dd { display:block; overflow:hidden; width:calc(100% - 280px); padding-left:10px; position:relative; line-height:140%; word-break:keep-all; } .curriculum_dd::before { display:block; overflow:hidden; width:3px; height:3px; position:absolute; top:10px; left:0; background:#000; content:''; } .curriculum_step_etc { display:block; overflow:hidden; position:relative; padding-left:12px; line-height:150%; word-break:keep-all; opacity:.7; } .curriculum_step_etc::before { display:block; overflow:hidden; position:absolute; top:0; left:0; content:'*'; } /* ----------------------------------------------------------------------------- */ /* MEDIA QUERY */ /* ------------------------------------------------------------------------------ */ @media only screen and (min-width:0px) and (max-width:359px) { /* width 360이하 모바일(갤럭시S2 대상) */ } @media only screen and (min-width:0px) and (max-width:767px) { /* 모바일(갤럭시노트급 대상) */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 상단 */ .sub_top_wrap { padding:0; overflow:visible; } .sub_top_tit_wrap { padding:120px 0 50px 0; margin:0; overflow:hidden; position:relative; } .sub_map_view { font-size:14px; } .sub_top_tit { font-size:34px; } .sub_top_txt { margin-top:10px; } .sub_top_txt span { font-size:15px; } /* 페이지 NAVI */ .sub_nav_wrap { background:#1a3671; bottom:0; transition-delay:0 !important; transition:none !important; opacity:1 !important; transition-timing-function:unset !important; } .sub_nav_wrap.m_nav { display:block !important; } .sub_nav_core { width:100%; } .sub_menu_wrap { display:block; height:58px; } .sub_menu_core { display:block; width:100%; clear:both; margin:0 auto; background:none; } .sub_tabmenu_wrap { display:block; } .sub_tabmenu { display:block; } .sub_home, .menu_list { display:block; float:left; box-sizing:border-box; } .menu_list { width:50%; position:relative; background:url('../images/sub/path_2depth_bg01.png') no-repeat right 10px center; border-right:1px solid rgba(255,255,255,.2); box-sizing:border-box; } a.menu_head { display:block; font-size:16px; padding:20px 0; color:#fff; text-align:left; text-indent:15px; } .menu_body { display:block; width:100%; background:#f8f8f8; position:absolute; z-index:10; padding:10px 0; } .menu_body li { display:block; overflow:hidden; width:100% !important; float:none; text-align:left; } .menu_body li a { display:block; overflow:hidden; font-size:16px; height:40px; line-height:40px; padding:0 8px; } .sub_home {display:none; } .menu_head {display:block; } .pc_menu { display:none; } #firstpane {display:block; border-left:0; box-sizing:border-box; } .pc_menu li { } .pc_menu li:after { content:""; } .pc_menu li a { border:0 !important; color:#000 !important; width:100%; padding:0 8px; margin:0; font-weight:400; } .pc_menu li a.active { border-radius:0; background:none; color:#1a3671; } .pc_menu li a:hover { border-radius:0; background:none; color:#1a3671; } .menu_body { display:none; } #thirdpane { display:none; } .menu_list.on { display:block !important; } /* 본문 */ .sub_body_core { margin:60px auto; } .sub_layout_tit { margin:0 auto 50px auto; } .sub_tit { font-size:32px; } .sub_article_wrap { margin:0 0 50px 0; } .sub_article_core2 { padding:0px 0; } .sub_article_padding { padding:50px 0; } .sub_article_inner { margin-bottom:50px; } .h4_tit { font-size:28px; margin:0 0 30px 0; } .h4_tit span { font-size:20px; margin-bottom:15px; } .h4_tit::after { width:10px; height:10px; margin:0 0 0 7px; } .h5_tit { font-size:24px; margin:0 0 20px 0; } .article_ttit { display:block; font-size:30px; } .article_etit { display:block; font-size:20px; margin:10px 0 0 0;} /* 준비중*/ .ready_core img { max-width:100px; } .ready_tit { font-size:22px; } .ready_text span { font-size:16px; } .st_list li { font-size:16px; } .st_list li::before { top:10px; } .etc_wrap { font-size:16px; margin-top:5px; } .tb_01 { font-size:15px; } .tb_01 thead th { padding:5px; } .tb_01 tbody th { padding:5px; } .tb_01 tbody td { padding:5px; } /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 개인정보 */ .privacy_tit h4 { font-size:18px; } .privacy_content_wrap ul { margin:5px 0 0 0; } .privacy_content_wrap li { margin:5px 0 0 0; } .privacy_content_wrap li > ul > li { margin:5px 0 0 7px; } /* 이메일무단수집거부 */ .email_denial_wrap { display:block; overflow:hidden; margin:0; background:#f8f8f8; text-align:center; } .email_denial_core { display:block; overflow:hidden; margin:50px 30px; } .email_denial_ttext { font-size:24px; } /* 통합검색 */ .total_sch_form { margin:20px 15px; } .total_sch_write { width:calc(100% - 35px); } .total_sch_txt { width:100%; font-size:17px; height:30px; line-height:30px; } .total_result_wrap { margin-top:50px; } .total_result_inner { margin-bottom:20px; padding-bottom:20px; } .total_result_top { margin-bottom:20px; padding-bottom:20px; } .total_result_tit { font-size:24px; } .total_result_more { width:30px; } .total_result_list li { margin-bottom:15px; padding-bottom:15px; margin-bottom:15px; } .total_result_f1 { font-size:15px; } .total_result_subj { font-size:18px; width:100%; margin-bottom:10px; } /* 사이트맵 */ .sitemap_wrap .nav_dep1_li { margin-bottom:30px; padding-bottom:20px; } .sitemap_wrap .nav_dep1_a { font-size:24px; } .sitemap_wrap .nav_dep2_ul { width:100%; margin-top:15px; } .sitemap_wrap .nav_dep2_li a { font-size:17px; padding:0; } .sitemap_wrap .nav_dep2_li a::after { margin:0 10px; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greeting_img_wrap { order:2; width:200px; margin:0 auto; } .greeting_cont_wrap { width:100%; margin-bottom:30px; } .greeting_cont_tit { background-size:50px; padding-top:30px; } .greeting_cont_tit span { font-size:26px; } .greeting_cont_txt { margin:15px 0; } .greeting_cont_txt p span { font-size:16px; display:inline; } .greeting_cont_name { font-size:16px; } .greeting_cont_name b { font-size:26px; margin:-2px 5px 0 10px; } .goal_summary_wrap { margin-bottom:30px; } .goal_summary_core span { font-size:18px; display:inline; } .goal_cont_wrap { width:100%; } .goal_item { width:100%; margin:0 0 15px 0; } .goal_inner { margin:20px; } .goal_icon { width:80px; } .goal_cont { width:calc(100% - 100px); } .goal_tit { font-size:22px; margin:0 0 10px 0; } /* 비전 */ .vision_summary_tit span { display:inline; font-size:20px; } .vision_summary_txt { margin:30px 0 0 0;} .vision_summary_txt span { font-size:16px; } .vision_top_wrap { } .vision_item { height:auto; } .vision_thum { width:100%; order:1; } .vision_cont { width:100%; order:2; } .vision_text { margin:30px auto; max-width:94%; } .vision_num { font-size:24px; } .vision_tit { font-size:24px; margin:10px 0; } .vision_txt span { font-size:16px; } /* 스토리 */ .story_summary_tit { width:100%; } .story_summary_tit span { font-size:34px; line-height:120%; } .story_summary_text { width:100%; margin-top:30px; } .story_summary_txt1 p span { font-size:18px; line-height:130%; } .story_summary_txt2 { margin-top:10px; } .story_slide { display:block; overflow:hidden; height:650px; } .story_img { width:100%; } .story_img img { width:300px; margin:0 auto; max-width:100%; } .story_cont { width:100%; text-align:center; margin-top:20px; } .story_tit { font-size:24px; margin-bottom:20px; background:none !important; padding-top:0; } .story_text p { font-size:16px; margin-bottom:5px; } /* 가치 */ .value_wrap { display:block; } .value_slide { width:100%; } .value_item { display:block; align-items:start; } .value_item:nth-child(2n) { margin-top:0; } .value_thum { width:100%; margin:0 auto; border-radius:10px; } .value_cont { width:100%; margin-top:30px; } .value_top { margin-bottom:20px; margin-left:0; display:flex; } .value_top b { font-size:30px; } .value_top span { margin:15px 0 0 5px; font-size:17px; } .value_text { margin-left:0; } .value_item.swiper-slide-active .value_thum { margin-top:0; } /**/ .tv_list { width:calc(100% + 5px); } .tv_list li { width:calc(50% - 5px); margin:0 5px 15px 0; } .tv_cate { font-size:14px; } .tv_txt { font-size:16px; } /* ------------------------------------------------------------------------------- */ /* 커리큘럼 */ /* ------------------------------------------------------------------------------- */ /* 취업컨설팅 */ .employment_list > li { margin-bottom:15px; padding-bottom:15px; } .employment_dt { width:100%; } .employment_top { display:flex; flex-wrap:wrap; justify-content:start; align-items:center; } .employment_icon { margin-bottom:0; margin-right:20px;} .employment_icon img { max-width:80px; margin:0; } .employment_ttit { font-size:20px; } .employment_dd { width:100%; margin-top:20px; } .employment_txt p { font-size:16px; } .introduction_etc { font-size:17px; margin-bottom:30px; } .introduction_list > li { width:100%; border-right:none; } .introduction_top { position:relative; padding:30px 20px; } .introduction_icon { margin-bottom:0; position:absolute; top:50%; transform:translateY(-50%); left:20px; } .introduction_icon img { width:50px; margin:0; } .introduction_num { margin-left:70px; margin-bottom:5px; font-size:14px; } .introduction_ttit { margin-left:70px; font-size:18px; } .introduction_view { margin:0 20px; padding:15px 0; } .qna_dl { margin-bottom:15px; } .qna_dt { background-size:15px; background-position:right 20px center; } .qna_tit { font-size:17px; margin:20px; margin-right:40px; } .qna_dd { margin-top:5px; } .qna_txt { margin:20px; } .interview_tab { width:calc(50% - 2px); margin-bottom:4px; border-radius:10px; } .interview_tab_item { margin:10px; } .interview_tab_top { border-radius:10px; } .interview_tab_icon { margin:10px; } .interview_tab_icon img { max-width:70px; } .interview_tab_num { font-size:16px; margin:10px 0 5px 0; } .interview_tab_ttxt span { display:inline; font-size:15px; } .interview_body_wrap { margin-top:40px; } .interview_body h5.h5_tit span { font-size:15px; width:100px; margin-bottom:5px; } .interview_summary_wrap { margin:40px auto 50px auto; } .interview_summary_wrap::before { width:15px; border-width:8px; } .interview_summary_wrap::after { width:15px; border-width:8px; } .interview_summary_core { margin:0 30px; } .interview_summary_tit1 { font-size:20px; } .interview_summary_tit2 { margin:5px 0 8px 0; } .interview_summary_tit2 span { display:inline; font-size:20px; line-height:120%; } .interview_summary_tit3 { font-size:20px; } .interview_cont_wrap { margin-top:30px; } .interview_cont_inner { margin-bottom:30px; padding-bottom:30px; } .interview_dt { width:100%; } .interview_ttit { font-size:20px; } .interview_dd { width:100%; margin-top:20px;} .interview_item_list li { flex:auto; width:100%; margin-bottom:15px; } .interview_item_list li:last-child { margin-bottom:0; } .interview_item_icon { width:100px; } .interview_step_list li { border-radius:20px; margin-bottom:10px; } .interview_step_list li:last-child { margin-bottom:0; } .interview_step3 li { width:100%; } .interview_step_item { margin:30px 20px; } .interview_step_icon { width:50px; } .interview_step_cont { margin-top:15px; } .interview_step_num { font-size:14px; } .interview_step_tit { font-size:18px; } .interview_btn { margin-top:15px; height:46px; line-height:46px; font-size:16px; } /* 취업스쿨 */ .summary_core { margin:20px; } .summary_core p { font-size:16px; } .summary_core p span { display:inline; } .summary_core p span b { padding:0; margin:0; } .summary_core p span b::before { display:none; } .school_point_list { margin:30px auto; } .school_point_list li { width:calc(50% - 5px); height:auto; margin:0 auto 15px auto; } .school_point_item { margin:40px 10px; } body.business_3 .school_point_item, body.ai_1 .school_point_item { margin:50px 20px; } body.lecture_1 .school_point_item { margin:50px 20px; } .school_point_num { font-size:14px; } .school_point_txt { font-size:16px; } .school_summary_txt1 { font-size:22px; } .school_summary_txt2 { margin-top:15px; } .school_summary_txt2 span { font-size:16px; display:inline; } .school_summary_btn { height:54px; line-height:54px; margin:30px auto 0 auto; } .why_item { margin-top:50px; } .why_img_wrap { width:100%; order:2; } .why_img_wrap img { border-radius:30px 0; } .why_text_wrap { width:100%; order:1; margin-bottom:30px; } .why_text_wrap::before { font-size:80px; text-align:left; } .why_text_inner { margin:0;} .why_ttit { font-size:24px; background-size:30px; padding-top:30px; } .why_ttxt { margin-top:15px; } .why_ttxt::before { display:none; } .why_ttxt p span { font-size:16px; } .school_pay_item { margin-bottom:10px; width:100%; } .school_pay_inner { margin:15px 10px; } .school_pay_tit { font-size:17px; margin-bottom:10px; padding-bottom:10px; } .school_pay { padding:0 5px; text-align:center; width:100%; justify-content:center;} .school_pay b { font-size:24px; } .school_pay span { font-size:14px; } .case_core { margin:40px 20px; } .case_top_wrap { font-size:24px; } .case_cont_wrap { display:block; overflow:hidden; margin:30px auto; } .case_list li { width:100%; margin-top:-30px; } .case_list li:nth-child(1) { margin-top:0; } .case_item { margin-bottom:0; display:flex; flex-wrap:wrap; } .case_review_wrap { order:2; width:100%; } .case_review_wrap:after { bottom:auto; top:-14px; left:auto; right:0; } .case_icon_wrap { order:1; position:relative; width:100%; } .case_icon { height:150px; margin-left:15px; } .case_icon img { width:150px; margin:0; } .case_list2 .case_icon img { width:150px; } .case_list2 li:nth-child(1) { margin-top:-50px; } .case_name { position:absolute; left:200px; top:80px; } .case_etc { font-size:18px; } .school_program_item { margin-bottom:15px; } .school_program_item:last-child { margin:0; } .school_program_img { width:100%; order:1 !important; } .school_program_cont { width:100%; order:2 !important; max-width:100% } .school_program_info { font-size:16px; } .school_program_text { margin:30px auto; width:94%; } .school_program_num { font-size:30px; } .school_program_ttit { font-size:20px; } .school_program_info dl dd { width:calc(100% - 100px); } /* 면접관 */ .interviewer_tab_wrap { margin-bottom:20px; } .interviewer_tab_btn { width:100%; } .interviewer_tab_inner { margin:30px 20px; } .interviewer_tab_tit2 { font-size:20px; margin:0; } .num-list > li { padding-left:40px; } .num-list.in3 { width:100%; } .num-list.in3 > li { width:100%; margin:0 0 15px 0; } .num-list > li::before { width:30px; height:30px; line-height:30px; } .num-txt { min-height:30px; } .detail_list_wrap { margin:30px 0; } .detail_list_wrap::after { display:none; } .detail_list_wrap li { width:calc(50% - 10px); position:relative; overflow:visible; } .detail_list_wrap li::after { display:block; overflow:hidden; width:200%; height:50px; border-radius:999px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); background:#F2F4FA; content:'' ;} .detail_item { width:100%; max-width:100%; height:150px; background:#fff; border:3px solid #f8f8f8; border-radius:10px; z-index:5; position:relative; } .detail_num { font-size:14px; } .detail_tit { font-size:20px; } /* ------------------------------------------------------------------------------- */ /* 기업출강문의 */ /* ------------------------------------------------------------------------------- */ /* 마케팅 강의 */ .enterprise_lecture_list { width:100%; margin:0 0 10px 0; } .enterprise_lecture_list:last-child { margin:0; } .enterprise_lecture_img { height:auto; } .enterprise_lecture_inner { margin:15px; } .enterprise_lecture_tit { font-size:22px; } .enterprise_lecture_text > dl { margin-top:10px; width:100%; } .enterprise_lecture_text > dl > dt { margin-bottom:12px; width:150px; padding:8px 0 5px 0; } .enterprise_lecture_text > dl > dd > dl { margin-bottom:10px; } .enterprise_point_item { width:100%; margin-bottom:10px; } .enterprise_point_item:last-child { margin-bottom:0; } .enterprise_point_inner { margin:20px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .enterprise_point_icon { margin-bottom:15px; } .enterprise_point_icon img { max-width:60px; } .enterprise_point_txt { font-size:16px; width:calc(100% - 80px); } .enterprise_how_dl { width:100%; margin-bottom:10px; } .enterprise_how_dl:last-child { margin-bottom:0; } .enterprise_how_tit { font-size:17px; margin:15px; } .enterprise_how_tit::before { width:20px; height:20px; line-height:20px; font-size:14px; } .enterprise_how_txt { margin:20px 15px; } /* 대상별 */ .years_tab_btn { width:100%; margin-bottom:10px; } .years_tab_btn:last-child { margin-bottom:0; } .years_tab_inner { margin:20px; align-items:start; position:relative; } .years_tab_thum { width:100px; position:absolute; top:0; right:0; } .years_tab_cont { width:100%; margin-top:15px; } .years_tab_tit { font-size:24px; } .years_tab_tit::before { display:none; } .years_tab_info dd { width:100%; margin-top:10px; } .years_point_item { width:100%; margin-bottom:10px; } .years_point_item:last-child { margin-bottom:0; } .years_point_tit { margin:10px; } .years_point_dd { margin:15px 10px; } .years_effect_dt { display:block; overflow:hidden; font-weight:600; color:#00287C; letter-spacing:-.5px; } .years_effect_dd { display:block; overflow:hidden; width:calc(100% - 120px); } .benefit_list li { flex:auto; width:100%; margin-bottom:10px; padding:15px 0; } .benefit_txt { font-size:1em; } /* ------------------------------------------------------------------------------- */ /* 합격자소서 구매 */ /* ------------------------------------------------------------------------------- */ .competition_img { width:100%; } .competition_text { width:100%; margin-top:30px; text-align:center; } .competition_txt1 { font-size:15px; } .competition_txt2 { margin:10px 0; } .competition_txt2 span { font-size:17px; display:inline; } .competition_text .summary_core p { font-size:16px; } .passed_info_item { flex:auto; width:100%; } .passed_info_inner { margin:50px 30px; } .passed_info_tit { font-size:20px; } .passed_info_txt { margin-top:15px; } .composition_item { width:100%; margin:0 0 10px 0; } .composition_item:last-child { margin:0; } .composition_inner { margin:30px; } .composition_tit { font-size:18px; } .composition_tit::before { font-size:24px; } .composition_txt { margin-top:15px; } .success_ttit span { font-size:24px; } .success_cont_wrap { margin:15px 0; } .success_etc_wrap { margin-top:40px; } .success_etc_tit { font-size:20px; } .success_etc_txt span { font-size:16px; } /* 인터넷강의 */ .lecture_tab_btn { width:49%; margin-bottom:10px; height:70px; } .lecture_tab { font-size:18px; } .lecture_inner { margin-bottom:50px; } /* 전화문의 */ .cs_box_core { margin:20px; margin-top:30px; } .cs_box_dt span { font-size:20px; } .cs_box_dd a { font-size:36px;} .info_item { width:100%; margin-bottom:10px; } .info_inner { margin:30px; } .subject_dl { margin-bottom:10px; } .subject_dt { width:50px; } .subject_dd { width:calc(100% - 50px); } .subject_txt { margin:15px; } .subject_txt b { font-size:17px; } .refine_wrap { margin-top:20px; } .refine_item { width:100%; margin-top:10px; } .refine_inner { margin:20px; } .refine_inner:before { font-size:26px; } .refine_tit span { font-size:18px; } .refine_txt ul li.refine_top { margin-top:15px; } .career_list_wrap { width:100%; margin-top:30px; } .career_list { margin-left:30px;} .career_list > li { margin-bottom:30px; } .career_list > li > dl::before { left:-36px; } .career_list > li > dl::after { left:-36px; width:20px; } .career_list > li > dl > dt { font-size:20px; } .essential_list li::after { top:50%; left:50%; transform:translate(-50%, -50%); width:5px; height:100%; } .essential_item { width:100%; } .essential_item2 { margin-top:10px;} .essential_text { font-size:18px;} /* 커리큘럼 리스트 */ .curriculum_list { margin-top:30px; } .curriculum_list li::after { margin-bottom:10px; } .curriculum_inner { margin:30px; } .curriculum_num { font-size:23px; } .curriculum_ttit { font-size:20px; margin:0 0 0 3px; } .curriculum_step_cont { margin:20px 0; } .curriculum_dl { font-size:16px; display:block; } .curriculum_dt::before { top:5px; } .curriculum_dd { width:calc(100% - 10px); margin-top:5px; } .curriculum_dd::before { top:8px; } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 상단 */ .sub_top_wrap { padding:150px 0 80px 0; } .sub_top_tit { font-size:60px; } .sub_top_txt { margin-top:10px; } /* 페이지 NAVI */ .pc_menu li a { padding:0 20px; font-size:16px; } /* 본문 */ .sub_body_core { margin:60px auto; } .sub_layout_tit { margin:0 auto 50px auto; } .sub_tit { font-size:50px; } .sub_article_wrap { margin:0 0 50px 0; } .sub_article_padding { padding:50px 0; } .sub_article_core2 { padding:0px 0; } .article_ttit { font-size:30px; } .article_etit { font-size:20px; margin:10px 0 0 0;} .h4_tit { font-size:40px; margin:0 0 30px 0; } .h4_tit::after { width:12px; height:12px; margin:0 0 0 7px; } .h5_tit { font-size:34px; } .etc_wrap { margin-top:10px; } .tb_01 thead th { padding:8px; } .tb_01 tbody th { padding:8px; } .tb_01 tbody td { padding:8px; } /* ------------------------------------------------------------------------------- */ /* 이용안내 */ /* ------------------------------------------------------------------------------- */ /* 사이트맵 */ .sitemap_wrap .nav_dep1_a { font-size:30px; } .sitemap_wrap .nav_dep2_ul { width:calc(100% - 200px); } .sitemap_wrap .nav_dep2_li a { font-size:18px; padding:0; } .sitemap_wrap .nav_dep2_li a::after { margin:0 10px; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greeting_img_wrap { width:250px; } .greeting_cont_wrap { width:calc(100% - 300px); } .greeting_cont_tit { background-size:80px; padding-top:70px; } .greeting_cont_tit span { font-size:30px; } .greeting_cont_txt p span { font-size:17px; display:inline; } .greeting_cont_name { font-size:17px; } .greeting_cont_name b { font-size:30px; } .goal_summary_wrap { margin-bottom:30px; } .goal_summary_core span { font-size:24px; display:inline; } .goal_cont_wrap { width:100%; } .goal_item { width:100%; margin:0 0 15px 0; } .goal_inner { margin:30px; } .goal_icon { width:120px; } .goal_cont { width:calc(100% - 170px); } .goal_tit { font-size:24px; margin:0 0 10px 0; } /* 비전 */ .vision_summary_tit span { font-size:26px; } .vision_summary_txt { margin:30px 0 0 0;} .vision_summary_txt span { font-size:18px; } .vision_top_wrap { } .vision_item { height:auto; } .vision_thum { width:100%; } .vision_cont { width:100%;} .vision_text { margin:50px auto; max-width:94%; } .vision_num { font-size:30px; } .vision_tit { font-size:30px; margin:10px 0; } .vision_txt span { font-size:17px; } /* 스토리 */ .story_summary_tit { width:100%; } .story_summary_tit span { font-size:50px; line-height:120%; } .story_summary_text { width:100%; margin-top:30px; } .story_summary_txt1 p span { font-size:19px; line-height:130%; } .story_summary_txt2 { margin-top:10px; } .story_slide { height:530px; } .story_img { width:300px; } .story_cont { width:calc(100% - 350px); } .story_tit { font-size:32px; margin-bottom:20px; background-size:50px; padding-top:40px; } .story_text p { font-size:17px; } /* 가치 */ .value_slide { width:100%; } .value_item:nth-child(2n) { margin-top:50px; } .value_thum { width:400px } .value_cont { width:calc(100% - 450px); margin-top:0; } .value_top { margin-bottom:10px; margin-left:0; } .value_top b { font-size:30px; } .value_top span { margin:0; font-size:17px; } .value_text { margin-left:0; } .value_item.swiper-slide-active .value_thum { margin-top:0; } /**/ .tv_list { width:calc(100% + 5px); } .tv_list li { width:calc(50% - 5px); margin:0 5px 15px 0; } .tv_cate { font-size:15px; } .tv_txt { font-size:17px; } /* ------------------------------------------------------------------------------- */ /* 커리큘럼 */ /* ------------------------------------------------------------------------------- */ /* 취업컨설팅 */ .employment_list > li { margin-bottom:20px; padding-bottom:20px; } .employment_dt { width:220px; } .employment_icon img { max-width:80px; } .employment_ttit { font-size:20px; } .employment_dd { width:calc(100% - 250px); } .employment_txt p { font-size:17px; } .introduction_etc { font-size:18px; margin-bottom:30px; } .introduction_list > li { width:50%; } .introduction_top { position:relative; padding:30px 20px; } .introduction_icon { margin-bottom:0; position:absolute; top:50%; transform:translateY(-50%); left:20px; } .introduction_icon img { width:50px; margin:0; } .introduction_num { margin-left:70px; margin-bottom:5px; font-size:14px; } .introduction_ttit { margin-left:70px; font-size:18px; } .introduction_view { margin:0 20px; padding:15px 0; } .qna_dl { margin-bottom:20px; } .qna_dt { background-size:15px; background-position:right 20px center; } .qna_tit { font-size:18px; margin:20px; margin-right:40px; } .qna_dd { margin-top:10px; } .qna_txt { margin:20px; } .interview_tab { width:calc(25% - 2px); margin-bottom:4px; border-radius:10px; } .interview_tab_item { margin:10px; } .interview_tab_top { border-radius:10px; } .interview_tab_icon { margin:20px 10px; } .interview_tab_icon img { max-width:70px; } .interview_tab_num { font-size:17px; margin:10px 0 5px 0; } .interview_tab_ttxt span { display:inline; font-size:15px; line-height:100%; } .interview_body_wrap { margin-top:60px; } .interview_body h5.h5_tit span { font-size:15px; width:100px; margin-bottom:5px; } .interview_summary_wrap { margin:50px auto 80px auto; } .interview_summary_wrap::before { width:20px; } .interview_summary_wrap::after { width:20px; } .interview_summary_tit1 { font-size:22px; } .interview_summary_tit2 span { font-size:24px; } .interview_summary_tit3 { font-size:22px; } .interview_cont_wrap { margin-top:30px; } .interview_cont_inner { margin-bottom:30px; padding-bottom:30px; } .interview_dt { width:100%; } .interview_ttit { font-size:22px; } .interview_dd { width:100%; margin-top:30px;} .interview_step_list li { border-radius:20px; } .interview_step_item { margin:20px; } .interview_step_icon { width:50px; } .interview_step_cont { margin-top:15px; } .interview_step_num { font-size:14px; } .interview_step_tit { font-size:18px; } .interview_btn { margin-top:20px; height:50px; line-height:50px; font-size:17px; } /* 취업스쿨 */ .summary_core { margin:40px; } .summary_core p { font-size:18px; } .summary_core p span { display:inline; } .school_point_list { margin:50px auto; } .school_point_list li { width:250px; height:250px; } .school_point_item { margin:50px 30px; } body.business_3 .school_point_item, body.ai_1 .school_point_item { margin:60px 30px; } body.lecture_1 .school_point_list li { width:calc(50% - 5px); height:auto; margin-bottom:0 auto 15px auto; } body.lecture_1 .school_point_item { margin:40px 30px; } .school_point_num { font-size:15px; } .school_point_txt { font-size:17px; } .school_summary_txt1 { font-size:24px; } .school_summary_txt2 { margin-top:15px; } .school_summary_txt2 span { font-size:19px; } .school_summary_btn { height:60px; line-height:60px; margin:30px auto 0 auto; } .why_item { margin-top:50px; } .why_img_wrap { width:300px; } .why_img_wrap img { border-radius:30px 0; } .why_text_wrap { width:calc(100% - 330px); } .why_text_wrap::before { font-size:100px; text-align:left; } .why_text_inner { margin:0;} .why_ttit { font-size:30px; background-size:50px; padding-top:50px; } .why_ttxt { margin-top:15px; } .why_ttxt::before { display:none; } .why_ttxt p span { font-size:17px; } .school_pay_item { margin-bottom:0; } .school_pay_inner { margin:20px 15px; } .school_pay_tit { font-size:18px; margin-bottom:10px; padding-bottom:10px; } .school_pay { padding:0 5px; } .school_pay b { font-size:26px; } .school_pay span { font-size:16px; } .case_core { margin:40px 20px; } .case_top_wrap { font-size:30px; } .case_cont_wrap { display:block; overflow:hidden; margin:30px auto; } .case_list li { width:19.5%; } .case_list2 li { width:32%; } .case_review_wrap { height:130px; } .case_review_core { font-size:18px; margin:0 10px; } .school_program_img { position:relative; } .school_program_img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-height:100%; min-width:100%; width:auto; } .school_program_info { font-size:17px; } .school_program_text { margin:30px;} .school_program_num { font-size:36px; } .school_program_ttit { font-size:24px; } .school_program_info dl dt { font-weight:600; } .school_program_info dl dd { width:100%; margin-top:10px; } .detail_list_wrap { margin:30px 0; } .detail_list_wrap::after { height:30px; } .detail_item { max-width:150px; height:150px; border:3px solid #f8f8f8; } .detail_num { font-size:14px; } .detail_tit { font-size:20px; } /* ------------------------------------------------------------------------------- */ /* 기업출강문의 */ /* ------------------------------------------------------------------------------- */ /* 마케팅 강의 */ .enterprise_lecture_img { height:auto; } .enterprise_lecture_inner { margin:15px; } .enterprise_lecture_tit { font-size:22px; } .enterprise_lecture_text > dl { margin-top:10px; width:100%; } .enterprise_lecture_text > dl > dt { margin-bottom:12px; width:150px; padding:8px 0 5px 0; } .enterprise_lecture_text > dl > dd > dl { margin-bottom:10px; } .enterprise_point_item { width:100%; margin-bottom:10px; } .enterprise_point_item:last-child { margin-bottom:0; } .enterprise_point_inner { margin:30px; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; } .enterprise_point_icon { margin-bottom:15px; } .enterprise_point_icon img { max-width:60px; } .enterprise_point_txt { font-size:17px; width:calc(100% - 90px); } .enterprise_how_dl { width:100%; margin-bottom:10px; } .enterprise_how_dl:last-child { margin-bottom:0; } .enterprise_how_tit { font-size:18px; } .enterprise_how_tit::before { width:20px; height:20px; line-height:20px; font-size:14px; } .enterprise_how_txt { margin:30px 20px; } /* 대상별 */ .years_tab_btn { width:49%; } .years_tab_inner { margin:20px; align-items:start; position:relative; } .years_tab_thum { width:100px; position:absolute; top:0; right:0; } .years_tab_cont { width:100%; margin-top:15px; } .years_tab_tit { font-size:24px; } .years_tab_tit::before { display:none; } .years_tab_info dd { width:100%; margin-top:10px; } .years_point_tit { margin:10px; } .years_point_dd { margin:15px 10px; } .years_effect_dt { display:block; overflow:hidden; font-weight:600; color:#00287C; letter-spacing:-.5px; } .years_effect_dd { display:block; overflow:hidden; width:calc(100% - 120px); } .benefit_list li { padding:15px 0; } .benefit_txt { font-size:1em; } /* 면접관 */ .interviewer_tab_wrap { margin-bottom:40px; } .interviewer_tab_inner { margin:30px 20px; } .interviewer_tab_tit2 { font-size:20px; } .num-list > li { padding-left:40px; } .num-list.in3 { width:calc(100% + 15px); } .num-list.in3 > li { width:calc(50% - 15px); margin:0 15px 15px 0; } .num-list > li::before { width:30px; height:30px; line-height:30px; } .num-txt { min-height:30px; } /* ------------------------------------------------------------------------------- */ /* 합격자소서 구매 */ /* ------------------------------------------------------------------------------- */ .competition_img { width:100%; } .competition_text { width:100%; margin-top:30px; text-align:center; } .competition_txt1 { font-size:18px; } .competition_txt2 { margin:15px 0; } .competition_txt2 span { font-size:20px; display:inline; } .competition_text .summary_core p { font-size:17px; } .passed_info_item { flex:auto; width:100%; } .passed_info_inner { margin:50px; } .passed_info_tit { font-size:20px; } .passed_info_txt { margin-top:15px; } .composition_inner { margin:30px; } .composition_tit { font-size:18px; } .composition_tit::before { font-size:24px; } .composition_txt { margin-top:15px; } .success_ttit span { font-size:24px; } .success_cont_wrap { margin:15px 0; } .success_etc_wrap { margin-top:40px; } .success_etc_tit { font-size:20px; } .success_etc_txt span { font-size:16px; } /* 인터넷강의 */ .lecture_tab_btn { width:49%; margin-bottom:10px; height:80px; } .lecture_tab { font-size:20px; } .lecture_inner { margin-bottom:80px; } /* 전화문의 */ .cs_box_core { margin:30px; margin-top:40px; } .cs_box_dt span { font-size:22px; } .cs_box_dd a { font-size:40px;} .info_inner { margin:30px; } .refine_wrap { margin-top:20px; } .refine_item { width:calc(50% - 10px); margin-top:10px;} .refine_inner { margin:20px; } .refine_inner:before { font-size:26px; } .refine_tit span { font-size:18px; } .refine_txt ul li.refine_top { margin-top:15px; } .career_list_wrap { width:100%; margin-top:30px; } .career_list > li { margin-bottom:30px; } /* 커리큘럼 리스트 */ .curriculum_list { margin-top:30px; } .curriculum_inner { margin:30px; } .curriculum_num { font-size:26px; } .curriculum_ttit { font-size:22px; margin:0 0 0 5px; } .curriculum_dl { font-size:17px; } .curriculum_dd { width:calc(100% - 230px); } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 상단 */ .sub_top_wrap { padding:150px 0 100px 0; } .sub_top_tit { font-size:80px; } .sub_top_txt { margin-top:10px; } /* 페이지 NAVI */ .pc_menu li a { padding:0 20px; font-size:17px; } /* 본문 */ .sub_body_core { margin:100px auto; } .sub_layout_tit { margin:0 auto 80px auto; } .sub_article_wrap { margin:0 0 80px 0; } .sub_article_core2 { padding:0px 0; } .sub_tit { font-size:64px; } .h4_tit { font-size:50px; } .h5_tit { font-size:40px; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greeting_cont_wrap { width:calc(100% - 420px); } .greeting_cont_tit { background-size:80px; padding-top:70px; } .greeting_cont_tit span { font-size:30px; } .greeting_cont_txt p span { font-size:17px; display:inline; } .greeting_cont_name { font-size:17px; } .greeting_cont_name b { font-size:30px; } .goal_summary_core span { font-size:24px; } .goal_cont_wrap { width:calc(100% + 15px); } .goal_item { width:calc(50% - 15px); margin:0 15px 15px 0; } .goal_inner { margin:30px; } .goal_icon { width:120px; } .goal_cont { width:calc(100% - 170px); } .goal_tit { font-size:24px; margin:0 0 10px 0; } /* 비전 */ .vision_summary_tit span { font-size:34px; } .vision_text { margin:50px; } /* 스토리 */ .story_summary_tit { width:450px; } .story_summary_tit span { font-size:50px; line-height:120%; } .story_summary_text { width:calc(100% - 500px); } .story_summary_txt1 p span { font-size:19px; line-height:130%; } .story_summary_txt2 { margin-top:10px; } .story_slide { height:530px; } .story_img { width:400px; } .story_cont { width:calc(100% - 450px); } .story_tit { font-size:34px; margin-bottom:20px; background-size:70px; padding-top:70px; } /* 가치 */ .value_slide { width:100%; } .value_item:nth-child(2n) { margin-top:50px; } .value_thum { width:500px } .value_cont { width:calc(100% - 550px); margin-top:0; } .value_top { margin-bottom:20px; display:flex; } .value_top b { font-size:34px; } .value_top span { margin:15px 0 0 3px; font-size:18px; } /**/ .tv_cate { font-size:15px; } .tv_txt { font-size:17px; } /* ------------------------------------------------------------------------------- */ /* 커리큘럼 */ /* ------------------------------------------------------------------------------- */ /* 취업컨설팅 */ .employment_dt { width:300px; } .employment_icon img { max-width:100px; } .employment_ttit { font-size:22px; } .employment_dd { width:calc(100% - 350px); } .employment_txt p { font-size:18px; } .introduction_icon img { width:50px; } ..introduction_num { font-size:17px; } .introduction_ttit { font-size:20px; min-height:52px; } .qna_dl { margin-bottom:20px; } .interview_tab { width:calc(25% - 2px); margin-bottom:4px; border-radius:10px; } .interview_tab_item { margin:10px; } .interview_tab_top { border-radius:10px; } .interview_tab_icon { margin:20px 10px; } .interview_tab_icon img { max-width:70px; } .interview_tab_num { font-size:17px; margin:10px 0 5px 0; } .interview_tab_ttxt span { display:inline; font-size:15px; line-height:100%; } .interview_summary_wrap { margin:80px auto 100px auto; } .interview_dt { width:100%; } .interview_ttit { font-size:22px; } .interview_dd { width:100%; margin-top:30px;} .interview_step_list li { border-radius:20px; } .interview_step_item { margin:20px; } .interview_step_icon { width:50px; } .interview_step_cont { margin-top:15px; } .interview_step_num { font-size:14px; } .interview_step_tit { font-size:18px; } /* 취업스쿨 */ .school_point_list li { width:250px; height:250px; } .school_point_item { margin:30px; } body.business_3 .school_point_item, body.ai_1 .school_point_item { margin:60px 30px; } body.lecture_1 .school_point_item { margin:40px 30px; } .why_img_wrap { width:450px; } .why_text_wrap { width:calc(100% - 480px); } .why_text_wrap::before { font-size:90px; } .why_text_inner { margin:0; } .why_ttit { background-size:70px; padding-top:70px; } .why_ttxt { margin-top:10px; } .why_ttxt::before { display:none; } .why_ttxt p span { font-size:18px; } .school_pay b { font-size:30px; } .school_pay span { font-size:18px; } .case_review_core { margin:0 15px; font-size:18px; } .school_program_img { position:relative; } .school_program_img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-height:100%; min-width:100%; width:auto; } .school_program_info { font-size:17px; } .school_program_text { margin:50px;} .school_program_num { font-size:40px; } .school_program_ttit { font-size:27px; } /* ------------------------------------------------------------------------------- */ /* 기업출강문의 */ /* ------------------------------------------------------------------------------- */ /* 대상별 */ .years_tab_btn { width:49%; } .years_tab_inner { margin:20px; align-items:start; position:relative; } .years_tab_thum { width:100px; position:absolute; top:0; right:0; } .years_tab_cont { width:100%; margin-top:15px; } .years_tab_tit { font-size:24px; } .years_tab_tit::before { display:none; } .years_tab_info dd { width:100%; margin-top:10px; } /* ------------------------------------------------------------------------------- */ /* 합격자소서 구매 */ /* ------------------------------------------------------------------------------- */ .competition_img { width:400px; } .competition_text { width:calc(100% - 450px); } .competition_txt1 { font-size:18px; } .competition_txt2 { margin:15px 0; } .competition_txt2 span { font-size:20px; display:inline; } .competition_text .summary_core p { font-size:17px; } .passed_info_inner { margin:50px; } .passed_info_tit { font-size:20px; } .passed_info_txt { margin-top:15px; } .composition_inner { margin:30px; } .composition_tit { font-size:18px; } .composition_tit::before { font-size:24px; } .composition_txt { margin-top:15px; } .success_ttit span { font-size:24px; } .success_cont_wrap { margin:15px 0; } .success_etc_wrap { margin-top:40px; } .success_etc_tit { font-size:20px; } .success_etc_txt span { font-size:16px; } .career_list_wrap { width:calc(100% - 500px); } /* 인터넷강의 */ .lecture_inner { margin-bottom:80px; } } @media only screen and (min-width:1140px) and (max-width:1400px) { /* 작은 PC */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 상단 */ .sub_top_tit { font-size:100px; } /* 본문 */ .sub_tit { font-size:70px; } /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .greeting_cont_wrap { width:calc(100% - 420px); } .goal_summary_core span { font-size:24px; } .goal_cont_wrap { width:calc(100% + 15px); } .goal_item { width:calc(50% - 15px); margin:0 15px 15px 0; } .goal_inner { margin:30px; } .goal_icon { width:120px; } .goal_cont { width:calc(100% - 170px); } .goal_tit { font-size:24px; margin:0 0 10px 0; } /* 비전 */ .vision_text { margin:50px; } /* 스토리 */ .story_summary_tit { width:500px; } .story_summary_tit span { font-size:60px; ; } .story_summary_text { width:calc(100% - 650px); } .story_slide { height:530px; } .story_img { width:500px; } .story_cont { width:calc(100% - 550px); } .story_tit { font-size:34px; margin-bottom:20px; background-size:70px; padding-top:70px; } /* 가치 */ .value_slide { width:100%; } .value_item:nth-child(2n) { margin-top:100px; } .value_thum { width:550px } .value_cont { width:calc(100% - 600px); } /* ------------------------------------------------------------------------------- */ /* 커리큘럼 */ /* ------------------------------------------------------------------------------- */ /* 취업컨설팅 */ .interview_dt { width:100%; } .interview_dd { width:100%; margin-top:30px;} .interview_step_list li { border-radius:20px; } /* 취업스쿨 */ .school_point_list li { width:280px; height:280px; } .why_img_wrap { width:450px; } .why_text_wrap { width:calc(100% - 480px); } .why_text_wrap::before { font-size:90px; } .why_text_inner { margin:0; } .why_ttit { background-size:70px; padding-top:70px; } .why_ttxt { margin-top:10px; } .why_ttxt::before { display:none; } .why_ttxt p span { font-size:18px; } .case_review_core { margin:0 15px; font-size:18px; } .school_program_img { position:relative; } .school_program_img img { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-height:100%; min-width:100%; width:auto; } .school_program_text { margin:50px;} .school_program_num { font-size:40px; } .school_program_ttit { font-size:27px; } /* ------------------------------------------------------------------------------- */ /* 기업출강문의 */ /* ------------------------------------------------------------------------------- */ /* 대상별 */ .years_tab_inner { margin:30px; align-items:start; } .years_tab_thum { width:150px; } .years_tab_cont { width:calc(100% - 200px); } /* ------------------------------------------------------------------------------- */ /* 합격자소서 구매 */ /* ------------------------------------------------------------------------------- */ .passed_info_inner { margin:50px; } } @media only screen and (min-width:1401px) and (max-width:1600px) { /* 작은 PC */ /* ------------------------------------------------------------------------------- */ /* 회사소개 */ /* ------------------------------------------------------------------------------- */ /* 비전 */ .vision_text { margin:80px; } /* 가치 */ .value_item:nth-child(2n) { margin-top:120px; } /* ------------------------------------------------------------------------------- */ /* 커리큘럼 */ /* ------------------------------------------------------------------------------- */ /* 인사말 */ .goal_icon { width:150px; } .goal_cont { width:calc(100% - 180px); } .goal_tit { margin-top:0; } /* 취업컨설팅 */ .interview_dt { width:450px; } .interview_dd { width:calc(100% - 500px); } .interview_dd2 { width:100%; margin-top:30px; } /* 취업스쿨 */ .case_review_core { margin:0 15px; font-size:18px; } .school_program_text { margin:50px; margin-right:0; } } @media only screen and (min-width:768px) { /* PC */ /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ------------------------------------------------------------------------------ */ /* 페이지 NAVI */ .pc_menu { display:flex !important; } } @media only screen and (min-width:1140px) { /* PC */ /* ------------------------------------------------------------------------------- */ /* 커리큘럼 */ /* ------------------------------------------------------------------------------- */ /* 취업컨설팅 */ .introduction_ttit { min-height:58px; } } @media only screen and (max-width:1078px) { .mob_etc { display:block; overflow:hidden; position:relative; color:#ca0000; margin-bottom:10px; line-height:140%; word-break:keep-all; padding-left:25px; } .mob_etc::before { display:block; overflow:hidden; position:absolute; top:2px; left:0; width:19px; height:19px; line-height:19px; background:#ca0000; color:#fff; text-align:center; content:'!'; border-radius:999px; font-size:13px; font-weight:700; } }