/* ----------------------------------------------------------------------------- */ /* RESET */ /* ----------------------------------------------------------------------------- */ * { margin:0; padding:0; } article, aside, hgroup, header, footer, figure, figcaption, nav, section { display:block; position:relative; padding:0; margin:0; } form, fieldset { border:0; } body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; } legend, caption { display:none; } dl, dd, dt, ul, li, div, span { margin:0; padding:0; list-style:none; } img { border:0; } html, body { display:block; width:100%; height:100%; min-height:100%; font-size:17px; line-height:120%; font-family:'SCDream', 'Noto Sans KR', sans-serif; letter-spacing:-1px; } a { color:#000; text-decoration:none; } address { font-style:normal; } /* p { margin-bottom:10px; } */ table, tr, th, td { border-collapse:collapse; border-spacing:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } h2, h3, h4, h5 { font-family: ''; } .hide { display:none !important; } input[type="submit"] { cursor:pointer; font-family:'SCDream', 'Noto Sans KR', sans-serif; } input, select { box-sizing:border-box; } /* input { -webkit-appearance:none; border-radius:0; } */ input[type="text"],i nput[type="password"], input[type="submit"], input[type="button"], textarea { -webkit-appearance:none; border-radius:0; font-family:'SCDream', 'Noto Sans KR', sans-serif; } select { -webkit-appearance:none; border-radius:0; background:url('../images/common/select_arrowb.png') 96% center no-repeat; font-family:'SCDream', 'Noto Sans KR', sans-serif; } select::-ms-expand { display: none; } iframe { width:100% !important; } .input_area { width:100% !important; background:#abc; } /* strong { font-family:'Noto Sans KR', sans-serif; } */ /* ----------------------------------------------------------------------------- */ /* METHOD */ /* ----------------------------------------------------------------------------- */ .last1 { padding-bottom:0 !important; margin-bottom:0 !important; border-bottom:0 !important; } ._en { ime-mode:disabled; } ._kr { ime-mode:active; } .hid { display:block; width:100px; border:1px solid #aaa; z-index:99; margin:0 auto; } .hid2 { display:inline-block; width:20px; border:1px solid #aaa; margin:0 0 0 5px !important; z-index:99; } .hid3 { display:block; width:80%; border:1px solid #aaa; margin:0 auto !important; z-index:99; } .hide { display:none !important; } .bd_r_none { border-right:0 !important; } .bd_l_none { border-left:0 !important; } .tc { text-align:center !important; } .tl { text-align:left !important; margin:0 0 0 3px; } .tr { text-align:right !important; } .clkDisa { pointer-events:none; } .clickDisable { pointer-events : none; } .bold { font-family:'Nanum Gothic B' !important; } .red { color: red !important; } .v_m { top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .clear { display:block; width:100%; clear:both; } .f_13 { font-size:13px !important; } .req_form:after { content: ' *'; color: #F00; } .fr { float:right; } .fl { float:left; } .tb_x { display:block; overflow-x:auto; } /* ----------------------------------------------------------------------------- */ /* LAYOUT */ /* ----------------------------------------------------------------------------- */ .ex_wrap { display:block; height:100%; min-height:100%; } .online_wrap { display:block; width:100%; height:100%; } /* 모집안내 소개 */ .info_wrap { display:block; margin-top:0; padding-bottom:100px; position:relative; background:#a2efdb; } .info_wrap::after { display:block; overflow:hidden; position:absolute; bottom:-10px; width:100%; height:1px; border-bottom:20px dotted #fff; content:''; } /* 슬로건 및 로고 */ .util_wrap { display:block; overflow:hidden; } .util_core { display:flex; flex-wrap:wrap; justify-content:space-between; margin:10px auto; width:90%; } .util_txt { display:block; overflow:hidden; } .util_txt span { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); font-weight:600; letter-spacing:-2px; line-height:130%; word-break:keep-all; } .util_logo { display:block; overflow:hidden; width:120px; } .util_logo img { display:block; overflow:hidden; width:100%; } /* 상단 제목 */ .info_top_wrap { display:block; overflow:hidden; width:90%; max-width:1400px; margin:80px auto 0 auto; text-align:center; } .info_top_tit_wrap { display:block; overflow:hidden; color:#fff; font-family: 'SebangGothic'; font-weight:700; letter-spacing:-4px } .info_top_ttit1 { display:block; overflow:hidden; font-size:60px; line-height:120%; word-break:keep-all; color:#004b6a; } .info_top_ttit2 { display:block; overflow:hidden; font-size:90px; line-height:120%; word-break:keep-all; color:#000; } .info_top_date_wrap { display:block; overflow:hidden; border-top:1px solid #004b6a; border-bottom:1px solid #004b6a; width:100%; max-width:700px; margin:10px auto 30px auto; font-size:20px; } .info_top_date_wrap dl { display:flex; flex-wrap:wrap; justify-content:center; margin:10px 0; } .info_top_date_wrap dl dt { display:block; overflow:hidden; color:#004b6a; margin-right:15px; font-weight:600; line-height:120%; word-break:keep-all; } .info_top_date_wrap dl dd { display:block; overflow:hidden; } .info_top_date_wrap dl dd span { display:inline-block; overflow:hidden; line-height:120%; word-break:keep-all; } .info_top_txt_wrap { display:block; overflow:hidden; width:100%; max-width:1200px; margin:0 auto; } .info_top_txt_wrap span { display:block; overflow:hidden; line-height:150%; word-break:keep-all; font-size:20px; margin-top:5px; } .info_btn { display:inline-block; overflow:hidden; padding:15px 35px; margin-top:20px; font-size:24px; background:#004b6a; color:#fff; border-radius:999px; line-height:130%; } .info_btn1 { background:#004b6a; } .info_btn2 { background:#006a21; } .info_btn3 { background:#6a0062; } .info_top_img { display:block; overflow:hidden; width:90%; max-width:600px; margin:50px auto 0 auto; } .info_top_img img { display:block; overflow:hidden; width:100%; } /* 신청소개 */ .info_cont_wrap { display:block; overflow:hidden; margin-top:-220px; position:relative; z-index:3; } .info_cont_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:0 auto 50px auto; background:#fff; } .info_cont_core:last-child { margin-bottom:0; } .info_cont_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px; margin-bottom:30px; } .info_cont_box { display:block; overflow:hidden; width:calc(50% - 30px); } .info_item_wrap { display:block; overflow:hidden; margin-bottom:25px; } .info_dl { display:block; overflow:hidden; font-size:18px; } .info_dt { display:block; width:150px; background:#000; border-radius:20px 20px 20px 0; text-align:center; position:relative; } .info_cont_core:nth-child(2) .info_dt { width:250px; } .info_dt:after { position:absolute; bottom:-10px; left:0px; border-top:14px solid transparent; border-bottom:14px solid transparent; border-left:14px solid #000; content:''; } .info_tit { display:block; overflow:hidden; padding:10px; line-height:120%; word-break:keep-all; color:#a2efdb; } .info_dd { display:block; overflow:hidden; margin:15px 0 0 15px; } .info_cont { display:block; overflow:hidden; } .info_txt { display:block; overflow:hidden; line-height:140%; word-break:keep-all; position:relative; padding-left:10px;} .info_txt::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:3px; height:3px; background:#000; content:''; } .info_txt span { display:inline-block; } .info_txt strong { color:#ef4123; } .info_list { display:block; overflow:hidden; } .info_list > li { display:block; overflow:hidden; line-height:150%; word-break:keep-all; position:relative; padding-left:10px; margin-bottom:10px; } .info_list > li:last-child { margin-bottom:0; } .info_list > li::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:3px; height:3px; background:#000; content:''; } .info_list_in { display:block; overflow:hidden; margin:0 0 0 10px; } .info_list_in > li { display:block; overflow:hidden; line-height:150%; word-break:keep-all; position:relative; padding-left:10px; margin-top:5px; } .info_list_in > li::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:5px; height:5px; border:1px solid #000; content:''; box-sizing:border-box; border-radius:999px; } .info_etc { display:block; overflow:hidden; font-size:16px; margin-top:5px; position:relative; padding-left:18px; opacity:.7; word-break:keep-all; line-height:140%; } .info_etc::before { display:block; overflow:hidden; position:absolute; top:0; left:0; content:'※'; } .info_cont table { width:100%; border-top:2px solid #333; font-size:.9em; text-align:center; min-width:600px; } .info_cont table thead th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px; vertical-align:middle; background:#f8f8f8; font-weight:normal; word-break:keep-all; font-weight:500; } .info_cont table thead th span { display:block; font-size:.9em; } .info_cont table tbody td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:3px; vertical-align:middle; } .info_cont table thead th:last-child, .info_cont table tbody td:last-child { border-right:0;} .info_tb { display:block; overflow-x:auto; } .info_tb table { width:100%; border-top:2px solid #333; text-align:center; font-size:.9em; min-width:1160px; word-break:keep-all; } .info_tb table thead th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:5px 3px; vertical-align:middle; background:#e8fff9; font-weight:normal; word-break:keep-all; font-weight:500; } .info_tb table thead th.bg1 { background:#fff3e6; font-weight:500; } .info_tb table thead th.bg2 { background:#e6efff; font-weight:500; } .info_tb table tbody th { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:6px 3px; vertical-align:middle; background:#f8f8f8; font-weight:500; } .info_tb table tbody td { border-right:1px solid #ddd; border-bottom:1px solid #ddd; padding:6px 3px; vertical-align:middle; } .info_tb table tbody td b { font-weight:500; } .info_tb table thead th:last-child, .info_tb table tbody td:last-child { border-right:0;} .info_tb_wrap { display:block; overflow:hidden; margin-top:30px; background:#e8fff9; } .info_tb_core { display:block; overflow:hidden; margin:30px; text-align:center; font-size:.9em; } .info_tb_core span { display:inline-block; overflow:hidden; margin:2px; line-height:110%; } .info_tb_core span::after { content:','; } .info_tb_core span:last-child::after { display:none; } .info_summary_wrap { display:block; overflow:hidden; margin-bottom:25px; background:#f9f9f9; } .info_summary_core { display:block; overflow:hidden; margin:25px; } .info_summary_tit { display:block; overflow:hidden; color:#ef4123; } .info_summary_list { display:block; overflow:hidden; margin-top:15px; } .info_summary_list li { display:block; overflow:hidden; line-height:130%; word-break:keep-all; position:relative; padding-left:10px; margin-bottom:8px; } .info_summary_list li:last-child { margin-bottom:0; } .info_summary_list li::before { display:block; overflow:hidden; position:absolute; top:10px; left:0; width:3px; height:3px; background:#000; content:''; } /* 신청서 */ .online_form_wrap { display:block; overflow:hidden; } .online_form_core { display:block; overflow:hidden; width:90%; max-width:1400px; margin:100px auto; } /* 신청서 상단 */ .online_form_top_wrap { display:block; overflow:hidden; } .online_form_ttit { display:block; overflow:hidden; text-align:center; font-size:60px; line-height:150%; word-break:keep-all; font-family: 'SebangGothic'; font-weight:700; letter-spacing:-2px; } /* 신청서 작성 */ .online_form_cont_wrap { display:block; overflow:hidden; margin-top:80px } .online_form_cont_wrap h4 { display:block; overflow:hidden; margin-bottom:30px; font-family: 'SebangGothic'; font-weight:700; font-size:36px; line-height:130%; word-break:keep-all; } .online_form_summary_wrap { display:block; overflow:hidden; margin:0;} .online_form_summary_core { display:block; overflow:hidden; font-size:18px; } .online_form_summary_tit { display:block; overflow:hidden; font-weight:600; color:#004b6a; } .online_form_summary_core ul { display:block; overflow:hidden; counter-reset: section; } .online_form_summary_core ul li { display:block; overflow:hidden; margin-bottom:5px; position:relative; line-height:140%; word-break:keep-all; padding-left:25px; } .online_form_summary_core ul li:last-child { margin:0;} .online_form_summary_core ul li::before { display:block; overflow:hidden; counter-increment: section; content: "" counter(section) ""; position:absolute; top:4px; left:0; width:18px; height:18px; line-height:17px; font-size:14px; text-align:center; border:1px solid #000; box-sizing:border-box; border-radius:9999px; } .online_form_summary_core ul li span { color:#ef4123; } .online_form_write_wrap { display:block; overflow:hidden; border-top:2px solid #004b6a; box-sizing:border-box; font-size:18px; } .online_form_inner { display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #ddd; box-sizing:border-box; } .online_form_dl { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; } .online_form2 { width:50%; } .online_form2:nth-child(2) { border-left:1px solid #ddd; box-sizing:border-box; } .online_form_dt { display:block; overflow:hidden; width:200px; background:#e8fff9; } .online_form_tit { display:block; overflow:hidden; position:relative; margin:0 15px; top:50%; transform:translateY(-50%); font-weight:500; } .online_form_tit span { display:inline-block; font-weight:400; font-size:.9em; } .online_form_tit span.point { color:#567ecb; } .online_form_dd { display:block; overflow:hidden; width:calc(100% - 200px); } .online_form_write { display:block; overflow:hidden; margin:10px; } .online_input { display:block; overflow:hidden; border:1px solid #ddd; box-sizing:border-box; height:50px; line-height:50px; width:100%; padding:0 10px; font-size:18px; } textarea.online_input { display:block; overflow-y:auto; height:100px; line-height:130%; padding:10px; resize:none; } .online_gender { display:inline-block; overflow:hidden; vertical-align:middle; margin-right:30px; } .online_check { display:block; overflow:hidden; } .online_gender .online_check { height:50px; line-height:50px; } .online_check input[type="radio"] { display:none; } .online_check .online_input { display:inline-block; vertical-align:middle; width:50%; } .online_check label { display:inline-block; vertical-align:middle; overflow:hidden; background:url('../images/online/check_type_off.png'); background-position:left top !important; background-repeat:no-repeat !important; padding-left:25px; } .online_check input:checked + label { background:url('../images/online/check_type_on.png'); color:#009688; font-weight:500; } .online_gender .online_check label { background-position:left 15px !important; } .online_address { display:flex; flex-wrap:wrap; justify-content:space-between; height:100%; } .online_address_write { display:block; overflow:hidden; width:calc(100% - 80px); } .online_address_text { display:block; overflow:hidden; width:80px; text-align:right; } .online_address_text span { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); } .online_born { display:flex; flex-wrap:wrap; justify-content:space-between; height:100%; } .online_born_write { display:block; overflow:hidden; width:calc(100% - 50px); } .online_born_text { display:block; overflow:hidden; width:50px; text-align:right; } .online_born_text span { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%); } .online_tel_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; } .online_tel_txt { display:block; overflow:hidden; width:30%; } .online_tel_line { display:block; overflow:hidden; width:5%; text-align:center; height:50px; line-height:50px; } .online_check_list { display:flex; flex-wrap:wrap; } .online_check_list li { display:block; overflow:hidden; padding:8px; width:calc(33.3% - 16px); } .online_check_list li.online_in { width:calc(100% - 16px); } .career_wrap { display:block; overflow:hidden; } .career_list { display:block; overflow:hidden; } .career_top { text-align:center; background:#f9f9f9; } .career_list li { display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #ddd; box-sizing:border-box; } .career_body li:last-child { border:0; } .career_item { display:block; overflow:hidden; } .career_item1 { width:350px; border-right:1px solid #ddd; box-sizing:border-box; } .career_item1 input::placeholder { font-size:16px; letter-spacing:-1.5px; } .career_item2 { width:calc(100% - 350px); } .career_inner { display:flex; flex-wrap:wrap; justify-content:space-between; margin:5px; } .career_top .career_inner { display:block; overflow:hidden; margin:10px; } .career_date { display:block; overflow:hidden; } .career_date1 { width:40%; } .career_date2 { width:54%; } .career_line { display:block; overflow:hidden; width:6%;height:50px; line-height:50px; text-align:center; } .online_etc_wrap { display:block; overflow:hidden; background:#f5f8ff; width:100%; } .online_etc_item { display:block; overflow:hidden; margin:30px 20px; } .online_etc_tit { display:block; overflow:hidden; position:relative; padding-left:18px; line-height:140%; word-break:keep-all; font-weight:500; color:#567ecb; } .online_etc_tit::before { display:block; overflow:hidden; position:absolute; top:0; left:0; content:'※'; } .online_etc_list { display:block; overflow:hidden; counter-reset: section; } .online_etc_list li { display:block; overflow:hidden; margin-top:5px; position:relative; line-height:140%; word-break:keep-all; padding-left:25px; } .online_etc_list li::before { display:block; overflow:hidden; counter-increment: section; content: "" counter(section) ""; position:absolute; top:4px; left:0; width:18px; height:18px; line-height:17px; font-size:14px; text-align:center; border:1px solid #000; box-sizing:border-box; border-radius:9999px; } /* 개인정보 동의 */ .online_prv_summary { display:block; overflow:hidden; background:#f9f9f9; } .online_prv_list { display:block; overflow:hidden; margin:30px; counter-reset: section; } .online_prv_list li { display:block; overflow:hidden; margin-bottom:5px; position:relative; line-height:140%; word-break:keep-all; padding-left:25px; } .online_prv_list li:last-child { margin:0;} .online_prv_list li::before { display:block; overflow:hidden; counter-increment: section; content: "" counter(section) ""; position:absolute; top:4px; left:0; width:18px; height:18px; line-height:17px; font-size:14px; text-align:center; border:1px solid #000; box-sizing:border-box; border-radius:9999px; } .online_prv_check_wrap { display:block; overflow:hidden; background:#e8fff9; } .online_prv_check_core { display:flex; flex-wrap:wrap; justify-content:space-between; margin:30px; } .online_prv_check_tit { display:block; overflow:hidden; font-weight:500; line-height:130%; word-break:keep-all; color:#373938; font-size:20px; } .online_prv_check_cont { display:block; overflow:hidden; } .online_prv_check_cont .online_check { display:inline-block; overflow:hidden; margin-left:15px; } /* 신청서 하단 */ .online_footer_wrap { display:block; overflow:hidden; font-family: 'SebangGothic'; font-weight:400; font-size:24px; line-height:120%; word-break:keep-all; } .online_footer_txt { display:block; overflow:hidden; line-height:140%; word-break:keep-all; } .online_footer_date { display:block; overflow:hidden; font-size:20px; margin:30px 0 8px 0; } .online_footer_applicant { display:block; overflow:hidden; font-size:20px; } .online_footer_dear { display:block; overflow:hidden; font-family: 'SebangGothic'; font-weight:700; font-size:30px; line-height:120%; word-break:keep-all; margin-top:30px; } .online_form_btn { display:inline-block; overflow:hidden; padding:15px 35px; font-size:24px; background:#004b6a; color:#fff; border-radius:999px !important; border:0; font-family: 'SCDream'; line-height:130%; margin-top:50px; } /* 동영상출력부분 */ .movie_pop { display:none; overflow:hidden; width:100%; height:100%; position:fixed; top:0; left:0; z-index:9980; } .movie_bg { display:block; overflow:hidden; width:100%; height:100%; position:absolute; top:0; left:0; z-index:9981; background:rgba(0,0,0,.5); } .movie_view_wrap { display:block; width:90%; max-width:1000px; max-height:90%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:9982; background:#fff; } .movie_view_wrap video { display:block; overflow:hidden; width:100%; } .movie_close_btn { display:block; overflow:hidden; position:absolute; top:-20px; right:-20px; background:#000; width:40px; height:40px; line-height:40px; text-align:center; border-radius:999px; color:#fff; font-size:15px; font-family: 'Montserrat', sans-serif; font-weight:700; } /* 폼신청 끝*/ .form_end_wrap { display:block; overflow:hidden; } .form_end_core { display:block; overflow:hidden; width:90%; max-width:1400px; text-align:center; margin:150px auto; font-family:'SebangGothic'; font-weight:700; font-size:50px; line-height:140%; word-break:keep-all; } /* ----------------------------------------------------------------------------- */ /* 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) { /* 모바일(갤럭시노트급 대상) */ html, body { font-size:16px; } /* 모집안내 소개 */ .info_wrap { padding-bottom:50px; } .info_wrap::after { bottom:-8px; border-bottom:15px dotted #fff; } /* 슬로건 및 로고 */ .util_txt span { font-size:13px; letter-spacing:-1px; } .util_logo { width:90px; } /* 상단 제목 */ .info_top_wrap { margin:40px auto 0 auto; } .info_top_tit_wrap { letter-spacing:-1px } .info_top_ttit1 { font-size:24px; margin-bottom:5px; } .info_top_ttit2 { font-size:40px; } .info_top_date_wrap { font-size:17px; margin:15px 0; } .info_top_date_wrap dl { margin:10px 0; } .info_top_date_wrap dl dt { margin:0 0 5px 0; } .info_top_txt_wrap span { font-size:17px; display:inline; } .info_btn { font-size:18px; padding:15px 0; text-align:center; width:100%; margin-top:10px; } .info_btn1 { margin-top:20px; } .info_top_img { margin:20px auto 0 auto; } /* 신청소개 */ .info_cont_wrap { margin-top:-20%; } .info_cont_core { margin-bottom:30px; } .info_cont_inner { margin:20px; margin-bottom:10px; } .info_cont_box { width:100%; } .info_item_wrap { margin-bottom:20px; } .info_dl { font-size:16px; } .info_dd { margin:10px 0 0 10px; } .info_list li { margin-bottom:5px; } .info_etc { font-size:15px; } .info_summary_wrap { margin-bottom:10px; font-size:15px; } .info_summary_core { margin:10px; } .info_summary_list li { margin-bottom:5px; } .info_tb_core { margin:15px; } /* 신청서 */ .online_form_core { margin:50px auto; } /* 신청서 상단 */ .online_form_ttit { font-size:24px; } /* 신청서 작성 */ .online_form_cont_wrap { margin-top:30px } .online_form_cont_wrap h4 { margin-bottom:15px; font-size:20px; } .online_form_summary_core { font-size:16px; } .online_form_summary_core ul li::before { width:16px; height:16px; line-height:14px; font-size:12px; } .online_form_write_wrap { font-size:16px; } .online_form2 { width:100%; } .online_form2:nth-child(2) { border-left:0; border-top:1px solid #ddd; } .online_form_dt { width:100%; border-bottom:1px solid #ddd; box-sizing:border-box; } .online_form_tit { margin:10px 15px; top:0; transform:translateY(0); } .online_form_dd { width:100%; } .online_form_write { margin:10px; } .online_input { height:46px; line-height:46px; font-size:16px; } textarea.online_input { height:80px; } .online_gender .online_check { height:46px; line-height:46px; } .online_check .online_input { display:inline-block; vertical-align:middle; width:50%; } .online_check label { padding-top:2px; } .online_tel_line { height:46px; line-height:46px; } .online_check_list li { width:100%; padding:5px; } .career_top { display:none; } .career_item { position:relative; } .career_item1 { width:100%; border-right:0; } .career_item2 { width:100%; } .career_inner { position:relative; margin-left:100px; } .career_inner::before { display:block; overflow:hidden; position:absolute; top:50%; transform:translateY(-50%); left:-100px; width:100px; content:''; } .career_item1 .career_inner::before { content:'기간'; } .career_item2 .career_inner::before { content:'주요경력 또는 활동사항'; } .career_line { height:46px; line-height:46px; } .online_etc_item { font-size:15px; } .online_etc_list li::before { width:16px; height:16px; line-height:14px; font-size:12px; } /* 개인정보 동의 */ .online_prv_list { margin:15px; } .online_prv_list li::before { width:16px; height:16px; line-height:14px; font-size:12px; } .online_prv_check_core { margin:15px; } .online_prv_check_tit { width:100%; font-size:18px; margin:0 0 15px 0; } .online_prv_check_cont .online_check { margin:0 15px 0 0; } /* 신청서 하단 */ .online_footer_wrap { font-size:20px; } .online_footer_date { font-size:18px; margin:20px 0 8px 0; } .online_footer_applicant { font-size:18px; } .online_footer_dear { font-size:24px; margin-top:20px; } .online_form_btn { font-size:20px } /* 동영상출력부분 */ .movie_close_btn { top:-15px; right:-15px; width:30px; height:30px; line-height:30px; font-size:13px; } /* 폼신청 끝*/ .form_end_core { margin:80px auto; font-size:30px; } } @media only screen and (min-width:768px) and (max-width:1023px) { /* 테블릿() iPad Portrait */ /* 모집안내 소개 */ .info_wrap { padding-bottom:80px; } /* 슬로건 및 로고 */ .util_txt span { font-size:15px; letter-spacing:-1px; } /* 상단 제목 */ .info_top_wrap { margin:60px auto 0 auto; } .info_top_tit_wrap { letter-spacing:-1px } .info_top_ttit1 { font-size:40px; } .info_top_ttit2 { font-size:60px; } .info_top_date_wrap { font-size:18px; } .info_top_txt_wrap span { font-size:18px; } .info_btn { font-size:18px; margin:0 auto; margin-top:10px; display:block; max-width:300px; } .info_btn1 { margin-top:20px; } .info_top_img { margin:20px auto 0 auto; } /* 신청소개 */ .info_cont_inner { margin:30px; margin-bottom:10px; } .info_cont_box { width:100%; } .info_item_wrap { margin-bottom:20px; } .info_dl { font-size:17px; } .info_etc { font-size:16px; } .info_summary_wrap { margin-bottom:15px; font-size:16px; } .info_summary_core { margin:20px; } .info_summary_list li { margin-bottom:5px; } /* 신청서 */ .online_form_core { margin:80px auto; } /* 신청서 상단 */ .online_form_ttit { font-size:40px; } /* 신청서 작성 */ .online_form_cont_wrap { margin-top:60px } .online_form_cont_wrap h4 { margin-bottom:20px; font-size:30px; } .online_form_summary_core { font-size:17px; } .online_form_summary_core ul li { padding-top:2px; } .online_form_write_wrap { font-size:17px; } .online_form2 { width:100%; } .online_form2:nth-child(2) { border-left:0; border-top:1px solid #ddd; } .online_form_write { margin:10px; } .online_input { height:46px; line-height:46px; font-size:16px; } textarea.online_input { height:80px; } .online_check_list li { width:calc(50% - 10px); padding:5px; } .online_check_list li.online_box { width:calc(100% - 10px); padding:5px; } .career_top { display:none; } .career_item { position:relative; } .career_item1 { width:100%; border-right:0; } .career_item2 { width:100%; } .career_inner { position:relative; margin-left:140px; } .career_inner::before { display:block; overflow:hidden; position:absolute; top:50%; transform:translateY(-50%); left:-120px; width:120px; content:''; word-break:keep-all; } .career_item1 .career_inner::before { content:'기간'; } .career_item2 .career_inner::before { content:'주요경력 또는 활동사항'; } .online_etc_item { font-size:16px; } .online_etc_list li { padding-top:1px;} /* 개인정보 동의 */ .online_prv_list { margin:20px; } .online_prv_list li { padding-top:1px; } .online_prv_check_core { margin:20px; } /* 신청서 하단 */ .online_form_btn { font-size:20px } /* 폼신청 끝*/ .form_end_core { margin:100px auto; font-size:36px; } } @media only screen and (min-width:1024px) and (max-width:1139px) { /* 테블릿() iPad LandSpace */ /* 모집안내 소개 */ /* 상단 제목 */ .info_top_ttit1 { font-size:50px; } .info_top_ttit2 { font-size:80px; } .info_btn { font-size:20px; padding:15px 20px; } /* 신청서 */ /* 신청서 상단 */ .online_form_ttit { font-size:50px; } /* 신청서 작성 */ .online_check_list li.online_box { width:calc(100% - 10px); padding:5px; } /* 폼신청 끝*/ .form_end_core { font-size:36px; } } @media only screen and (min-width:1140px) and (max-width:1600px) { /* 모집안내 소개 */ /* 상단 제목 */ .info_btn { padding:15px 20px; } } @media only screen and (min-width:1140px) { /* PC */ }