#wrap * {box-sizing: border-box;} .filename {border: none !important;} .addr {width: 100%;} .tb_brd_write select {height: 40px;border: 1px solid #ddd;padding: 0 10px;outline: none;width: 100%;color: #ffffff;} .tb_brd_write input[type=radio] {height: 25px;border: 1px solid #ddd;padding: 0 10px;outline: none;width: 15px;color: #ffffff;} .tb_brd_write input[type=checkbox] {height: 25px;border: 1px solid #ddd;padding: 0 10px;outline: none;width: 15px;color: #ffffff;} form {margin: 0;} p {margin-top: 0px;margin-bottom: 0px} td,table {font-size: 1rem;/* color:#888; */line-height: 160%;} .file_box {display: flex !important;flex-direction: column;width: 100%;} .form_file_box {display: flex !important;flex-direction: row;gap: 5px} .file_box input[type=button] {width: 150px;background-color: #ffffff00;border: 1px solid #000000;height: 42px;}.un {background-color: #e8e8e8;} select {font-size: 16px;color: #666666;border: 0px solid #ddd0;background-color: #ffffff00;padding: 10px 20px;} .tb_select {width: 250px;border: 1px solid #d4d4d4;height: 42px;} .input {border: 0px;font-size: 13px;color: #545454;border: 1px solid #d4d4d4;background-color: #ffffff;padding: 8px 4px;} .search_input {font-size: 13px;color: #fff;border: #d4d4d4 1px solid;background-color: #ffffff;} .textarea {font-size: 13px;color: #666666;border: 1px solid #ddd;line-height: 160%;-webkit-appearance: none;-webkit-border-radius: 0;} #hpShow select {font-size: 16px;color: #666666;border: 1px solid #ddd;background-color: #ffffff;padding: 10px;-webkit-appearance: none;-webkit-border-radius: 0;} #phpShow select {font-size: 16px;color: #666666;border: 1px solid #ddd;background-color: #ffffff;padding: 10px;-webkit-appearance: none;-webkit-border-radius: 0;} .v_tit1 {font-size: 18px;padding: 15px;} .sa_ti {padding: 15px;border-left: 5px solid var(--cms_color);width: 100%;border-radius: 0;margin-bottom: 15px;background-color: #edf8ff;font-weight: 900;color: #ffffff;} .btn_c {margin: auto;width: 215px;background-color: var(--cms_color);color: #fff;padding: 21px;text-align: center;margin-top: 30px;} .btn_c1 {margin: auto;width: 147px;background-color: #ababab;color: #fff;padding: 12px;text-align: center;margin-top: 30px;} input[type="text"],input[type="button"],input[type="password"] {-webkit-appearance: none;-webkit-border-radius: 0;height: 46px;} /* 버튼 스타일 */.btn_w {display: inline-block;background: #fff;text-align: center;color: #666;font-weight: 400;border: 1px solid #ddd;cursor: pointer;font-size: 0.938rem;transition: all .3s linear;-webkit-appearance: none;-webkit-border-radius: 0;} .btn_w:hover {background-color: #999;border-color: #999;color: #ffffff;} .btn_wb {display: inline-block;background: #fff;text-align: center;color: #ffffff;font-weight: 400;border: 1px solid #ffffff;font-size: 0.938rem;transition: all .3s linear;-webkit-appearance: none;-webkit-border-radius: 0;} .btn_wb:hover {background-color: #999;border-color: #999;color: #ffffff;} .btn_ag {display: inline-block;background: #fff;text-align: center;color: #ffffff;font-weight: 400;border: 1px solid #ffffff;font-size: 0.938rem;transition: all .3s linear;-webkit-appearance: none;-webkit-border-radius: 0;} .btn_ag:hover {background-color: #999;border-color: #999;color: #ffffff;} .btn_b {display: inline-block;background: #ffffff;border-color: #ffffff;text-align: center;color: #fff;font-weight: 400;border: none;font-size: 0.938rem;transition: all .3s linear;-webkit-appearance: none;-webkit-border-radius: 0;} .btn_b:hover {background-color: #000} .btn_b2 {display: inline-block;background: #ffffff;border-color: #ffffff;text-align: center;color: #fff;font-weight: 400;border: none;font-size: 0.938rem;transition: all .3s linear;-webkit-appearance: none;-webkit-border-radius: 0;} .btn_b2:hover {background-color: #000} .btn_g {display: inline-block;background: #6b6b6b;text-align: center;color: #fff;font-weight: 400;border: none;font-size: 0.938rem;transition: all .3s linear;-webkit-appearance: none;-webkit-border-radius: 0;} .btn_g:hover {background-color: #555} .btn_i {display: inline-block;background: #ffffff;border: 1px solid #ffffff;text-align: center;color: #fff;font-weight: 400;border: none;font-size: 0.938rem;transition: all .3s linear;-webkit-appearance: none;-webkit-border-radius: 0;} .btn_i:hover {background-color: #ffffff;border-color: #ffffff;} .btn_blue {display: inline-block;background: #ffffff;text-align: center;color: #fff;font-weight: 400;border: none;font-size: 0.938rem;transition: all .3s linear;-webkit-appearance: none;-webkit-border-radius: 0;} .btn_blue:hover {background-color: #1349bd} .btn_red {display: inline-block;background: #6b6b6b;text-align: center;color: #fff;font-weight: 400;border: none;font-size: 0.938rem;transition: all .3s linear;} /* 인풋 */ input.input_login {border: 1px solid #ddd;color: #666;font-size: 14px;padding: 0 12px;height: 46px;line-height: 46px;vertical-align: middle;box-sizing: Border-box;} input.input_idpw {border: 1px solid #ddd;color: #666;font-size: 14px;padding: 0 12px;height: 46px;line-height: 46px;vertical-align: middle;box-sizing: Border-box;} input[type=checkbox] {width: 20px;height: 20px;margin: 0;font-size: 14px;color: #666;vertical-align: middle;margin: -4px 4px 0 0;} input[type=radio] {color: #666;font-size: 14px;vertical-align: middle;width: 1.5rem;height: 1.5rem;margin: 0 0.5rem;} label {cursor: pointer;} input.input_num {width: 73px;} input.input_date {width: 68px;} input.input_id {width: 180px;} input.input_resno {width: 132px;} input.input_s {width: 125px;} input.input_s1 {width: 180px;} input.input_m {width: 280px;} input.input_l {width: 500px;} input.input_file {border: 1px solid #d0d0d0;padding: 0 10px;height: 50px;line-height: 48px;width: 50%;background: none;box-sizing: border-box;} /* 여백 */ /* pad */.bpad_5 {padding-bottom: 5px;} .bpad_10 {padding-bottom: 10px;} .bpad_15 {padding-bottom: 15px;} .bpad_20 {padding-bottom: 20px;} .bpad_30 {padding-bottom: 30px;} .bpad_40 {padding-bottom: 40px;} .bpad_50 {padding-bottom: 50px;} .rpad_3 {padding-right: 3px;} .rpad_5 {padding-right: 5px;} .rpad_10 {padding-right: 10px;} .rpad_15 {padding-right: 15px;} .rpad_20 {padding-right: 20px;} .rpad_30 {padding-right: 30px;} .tmar_15 {margin-top: 30px !important;} .bmar_30 {margin-bottom: 30px;} /***** 로그인 ****/ #login_box {position: relative;margin: 0 auto;width: 578px;padding: 60px 0;border: 1px solid #ddd;} #login_box h2 {color: #fff;font-size: 20px;padding-bottom: 15px;font-weight: 500;} #login_box h2 span {font-size: 13px;color: 666;font-weight: 500;margin-left: 15px;} #login_box>div {margin: 0 auto;width: 470px;} #login_box .login {} #login_box dl {position: relative;} #login_box dt {position: absolute;top: 0;right: 0;width: 158px;} #login_box .btn_b {display: inline-block;width: 158px;height: 103px;line-height: 103px;cursor: pointer;} #login_box dd {width: 295px;margin-bottom: 11px;} #login_box dd .input_login {width: 100%;} #login_box .login_input input.btn_b {font-size: 16px;} #login_box .login_checkbox {padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 15px;} #login_box .member_btn {margin-bottom: 30px;} #login_box .member_btn a:link,#login_box .member_btn a:visited {display: inline-block;margin-right: 10px;height: 44px;line-height: 44px;} #login_box .member_btn a:last-child {width: 306px;margin-right: 0;} #login_box .member_btn .btn_g:link,#login_box .member_btn .btn_g:visited {width: 149px;color: #fff !important;} #login_box .sns_login {text-align: right;color: #fff;font-weight: 600;margin-bottom: 35px;} #login_box .sns_login img {margin-left: 3px;vertical-align: middle;} #login_box .login_order {margin-top: 50px;padding-top: 40px;border-top: 1px dashed #ccc;} #login_box .login_order .btn_wb {display: block;width: 100%;height: 57px;line-height: 57px;font-size: 16px;} #login_box .login_order p {background: url('/images/user/icon_info.gif') left 4px no-repeat;padding-left: 20px;color: #999;font-size: 12px;letter-spacing: -0.5pt;margin-top: 20px;} #login_box .login_orderlist {margin-top: 50px;padding-top: 40px;border-top: 1px dashed #ccc;} /***** 아이디 / 비번찾기 *****/ #id_box p.mem_txt {padding-bottom: 20px;color: #888;} #id_box h2 {color: #fff;font-size: 20px;padding-bottom: 10px;font-weight: 500;} #id_box>div {margin: 0 auto;width: 470px;} #id_box dl {position: relative;} #id_box dt {position: absolute;top: 0;right: 0;width: 158px;} #id_box .btn_i {display: inline-block;width: 158px;height: 87px;line-height: 87px;} #id_box .btn_p {display: inline-block;width: 158px;height: 136px;line-height: 87px;} #id_box dd {width: 295px;margin-bottom: 11px;} #id_box dd .input_idpw {width: 270px;} #id_box .idpw_check {padding-top: 10px;letter-spacing: -0.3pt;} #id_box strong {font-weight: 600;color: #fff;display: inline-block;padding-right: 25px;} #id_box .id_search .btn_b {width: 158px;height: 87px;line-height: 87px;font-size: 16px;cursor: pointer;} #id_box .pw_search .btn_b {width: 158px;height: 136px;line-height: 136px;font-size: 16px;cursor: pointer;} .login_social {display: flex;flex-direction: column;margin-top: 35px;align-items: center;} .login_social hr {position: relative;bottom: -8px;display: block;margin: 0;width: 100%;height: 1px;background-color: #f1f3f5;border: none;} .login_social_tit {padding: 0 8px;font-size: 12px;line-height: 16px;letter-spacing: -0.3px;color: #abb0b5;z-index: 1;background-color: #fff;} .login_social_btn {overflow: visible;position: relative;height: auto;margin-top: 0;} .login_social_btn ul {margin-left: -24px;} .login_social_btn ul li {display: inline-flex;position: relative;margin: 24px 0 0 24px;} .login_social_btn ul li a {width: 40px;height: 40px;border-radius: 5px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);} .login_social_btn ul li a img {width: 100%;height: 100%;font-size: 10px;} .bg_kakao {justify-content: center;align-items: center;background-color: #fee500;} .bg_naver {justify-content: center;align-items: center;background-color: #03c75a;} .bg_google {justify-content: center;align-items: center;text-align-last: center;background-color: #f8f8f8;} .bg_google>img {width: 55% !important;} /* 190405 추가 */.id_search_new {position: relative;width: 580px;margin: 0 auto;border: 1px solid #ddd;box-sizing: border-box;overflow: hidden;} .id_search_new .id_tab {position: relative;overflow: hidden;} .id_search_new .id_tab li {float: left;width: 50%;text-align: center;} .id_search_new .id_tab li a {display: block;font-size: 20px;padding: 20px 0;letter-spacing: -0.5pt;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;background: #f9f9f9;color: #888} .id_search_new .id_tab li a.tab_up {border-bottom: 1px solid #fff;color: #fff;background: #fff} .id_search_new .id_tab li:first-child a {border-left: 0} .id_search_new_in {position: relative;padding: 50px 0;} .id_search_new .idpw_select {position: relative;width: 470px;margin: 0 auto;padding-bottom: 20px;} .id_search_new .login_input {position: relative;width: 470px;margin: 0 auto} .id_search_new .login_input dt {position: absolute;/* top:0; *//* right:0; */width: 100%;} .id_search_new .login_input .btn_b {display: inline-block;width: 100%;height: 51px;cursor: pointer;} .id_search_new .login_input .btn_b2 {display: inline-block;width: 158px;height: 46px;cursor: pointer;} .id_search_new .login_input dd {width: 100%;margin-bottom: 8px;} .id_search_new .login_input dd .input_login {width: 100%;} .id_search_new .login_input dd .input_hp {width: 81px;height: 46px;} .id_search_new .login_input dd .input_hp4 {width: 107px;height: 46px;} .id_search_new .login_input dd .input_hp2 {width: calc(48.9% - 105px);} .id_search_new .login_input dd .input_hp3 {width: calc(48.9% - 63px);} .id_search_new .login_input dd span {display: inline-block;text-align: center;width: 12px} .id_search_new .login_input input.btn_b {font-size: 16px;} .id_search_new .login_input input.btn_b2 {font-size: 16px;} .id_search_new .login_input2 {position: relative;width: 470px;margin: 0 auto} .id_search_new .login_input2 dt {} .id_search_new .login_input2 .btn_b {display: inline-block;width: 158px;height: 87px;line-height: 87px;cursor: pointer;} .id_search_new .login_input2 dd {position: relative;width: 470px;margin-bottom: 8px;} .id_search_new .login_input2 dd .input_login {width: 100%;box-sizing: border-box} .id_search_new .login_input2 dd .input_login2 {width: 355px;box-sizing: border-box} .id_search_new .login_input2 dd .input_hp {width: 102px;} .id_search_new .login_input2 dd .input_hp2 {width: 112px;} .id_search_new .login_input2 dd span {display: inline-block;text-align: center;width: 13px} .id_search_new .login_input2 dd .btn_w {position: absolute;right: 0;top: 0;line-height: 44px;padding: 0 15px;width: 106px;font-size: 13px;} .id_search_new .login_input2 input.btn_b {width: 100%;font-size: 16px;line-height: 55px;height: 55px;box-sizing: border-box} .id_search_new_result {position: relative;padding: 50px 0;text-align: center;} .id_search_new_result h4 {font-size: 20px;color: #222;letter-spacing: -0.5pt;font-weight: normal;line-height: 130%;word-break: keep-all;margin-bottom: 30px;} .id_search_new_result p.id_txt {font-size: 20px;color: #222;font-weight: bold;color: #dc1616;line-height: 100%;padding: 15px 0 25px 0;} .id_search_new_result p.id_txt span.date {font-size: 13px;font-weight: normal;color: #888;line-height: 100%} .id_search_new_result dl.send_txt {text-align: left;width: 400px;margin: 0 auto 30px auto;} .id_search_new_result dl.send_txt dd {position: relative;line-height: 38px;font-size: 15px;color: #222} .id_search_new_result dl.send_txt dd span.tit {display: inline-block;line-height: 38px;width: 80px;color: #888} .id_search_new_result dl.send_txt dd .btn_w {position: absolute;right: 0;top: 2px;line-height: 34px;padding: 0 15px;} .id_search_new_result .btn .btn_wb {width: 201px;height: 55px;line-height: 52px;cursor: pointer;} .id_search_new_result .btn .btn_b {width: 201px;height: 55px;line-height: 52px;cursor: pointer;} /***** SNS 가입 *****/ #joinType {position: relative;overflow: hidden;border: 1px solid #ddd;padding: 20px 0;} #joinType dl {float: left;width: 50%;box-sizing: border-box;text-align: center;padding: 25px 0 30px 0} #joinType dl.type2 {border-left: 1px dashed #ddd} #joinType dl dd a {display: block;width: 203px;line-height: 55px;margin: 0 auto;font-size: 14px;letter-spacing: -0.5pt;color: #fff;font-weight: 600} #joinType dl.type1 dd a {background-color: #3e3d3c} #joinType dl.type1 dd a:hover {background-color: #000} #joinType dl.type2 dd a {text-align: left;padding: 0 0 0 50px;box-sizing: border-box;margin-bottom: 2px} #joinType dl.type2 dd .face {background: #3e559a url('/images/user/join_facebook.gif') 22px 19px no-repeat;} #joinType dl.type2 dd .face:hover {background: #334b92 url('/images/user/join_facebook.gif') 22px 19px no-repeat;} #joinType dl.type2 dd .twitter {background: #34aee1 url('/images/user/join_twitter.gif') 22px 19px no-repeat;} #joinType dl.type2 dd .twitter:hover {background: #1ba2da url('/images/user/join_twitter.gif') 22px 19px no-repeat;} #joinType dl.type2 dd .kakao {background: #f8e910 url('/images/user/join_kakao.gif') 22px 19px no-repeat;color: #493433} #joinType dl.type2 dd .kakao:hover {background: #e5d600 url('/images/user/join_kakao.gif') 22px 19px no-repeat;color: #493433} #joinType dl.type2 dd .naver {background: #2db400 url('/images/user/join_naver.gif') 22px 19px no-repeat;} #joinType dl.type2 dd .naver:hover {background: #28a000 url('/images/user/join_naver.gif') 22px 19px no-repeat;} #joinType dl.type2 dd .google {background: #fff url('/images/user/join_google.gif') 22px 19px no-repeat;color: #666;border: 1px solid #ddd} #joinType dl.type2 dd .google:hover {background: #f9f9f9 url('/images/user/join_google.gif') 22px 19px no-repeat;} #joinType dt {font-size: 24px;color: #fff;letter-spacing: -0.5pt;font-weight: 600} #joinType dt p {font-size: 14px;color: #888;letter-spacing: -0.5pt;font-weight: 100;padding-bottom: 25px} /***** 회원가입 동의 *****/ #joinAgree {} #joinAgree label {color: #fff;} #joinAgree label .red {color: var(--cms_point);font-size: 12pt;font-weight: 400;margin-left: 5px;} #joinAgree label .grey {color: #999;font-size: 12pt;font-weight: 400;margin-left: 5px;} #joinAgree form>div {margin-bottom: 30px;} #joinAgree .agreeAll {margin-bottom: 20px;} #joinAgree .agreeAll span {font-size: 16px;font-weight: 600;} #joinAgree textarea {border: 1px solid #333;border-radius: 2px;width: 100%;box-sizing: Border-box;padding: 15px;letter-spacing: -0.3pt;margin: 10px 0;height: 500px;overflow: auto;resize: none;background-color: #ffffff00;color: #fff;} #joinAgree textarea { overflow-x: auto;cursor: Default;} #joinAgree textarea::-webkit-scrollbar {width: 10px;} #joinAgree textarea::-webkit-scrollbar-corner {background-color: #efefef;} #joinAgree textarea::-webkit-scrollbar-track {background: transparent;} #joinAgree textarea::-webkit-scrollbar-thumb {background: #fff;opacity: 0.5;border-radius: 10px;} #joinAgree .agreePrivacy {} #joinAgree .btn {text-align: center;} #joinAgree .btn input[type=button],#joinAgree .btn button {max-width: 201px;height: 64px;cursor: pointer;width: 46%;box-sizing: border-box;} #joinAgree .nameCheck {border: 1px solid #ddd;padding: 20px 0;margin-bottom: 30px;} #joinAgree .nameCheck h2 {font-size: 16px;font-weight: 600;padding: 0 0 13px 13px;border-bottom: 1px dashed #ccc;margin-bottom: 30px;color: #fff;} #joinAgree .nameCheck dl {margin: 20px auto;width: 50%;} #joinAgree .nameCheck dt,#joinAgree .nameCheck dd {margin-bottom: 5px;} #joinAgree .nameCheck span {display: inline-block;width: 85px;font-weight: 600;color: #fff;} #joinAgree .nameCheck input[type=text] {padding: 0 8px;} /***** 회원가입 input *****/.mem_level {position: relative;overflow: hidden;margin-bottom: 30px;padding: 25px 20px;border-radius: 18px;} .mem_level ul {overflow: hidden;float: right;} .mem_level li {float: left;padding: 0 20px 0 15px;background: url(/images/user/mem_arrow.png)no-repeat right center/6px auto;text-align: center;font-size: 1rem;} .mem_level li:last-child {background: none !important;padding-right: 0;} .mem_level li span {font-size: 13px;font-weight: 600;color: #777;font-family: var(--engFont);} .mem_level li.hover {color: #ffffff;background: url(/images/user/mem_arrow_up.png)no-repeat right center/6px auto;text-align: center;font-weight: 600;} .mem_level li.hover span {font-weight: 600;color: #beff00;font-family: var(--engFont);} .formCmt {color: #000000;text-align: center;font-size: 20pt;font-weight: 600;padding: 80px 0;background-color: #f5f5f5;} .formCmt span {font-size: 16pt;color: #888;font-weight: 300;} #join_input {} #join_input .join_input_tit {display: flex;align-items: center;justify-content: space-between;margin: 0 0 15px;} #join_input .join_input_tit h4 {margin: 0;} #join_input .join_input_tit span {font-size: 14px;line-height: 140%;word-break: keep-all;color: #888;letter-spacing: 0.35pt;} #join_input .join_table {border-collapse: collapse;width: 100%;border-spacing: 0px;text-align: left;} #join_input .join_table.first {border-top: 2px solid #beff00;} #join_input .join_table th {background: #f5f5f5;border-bottom: 1px solid #ddd;font-size: 1rem;box-sizing: border-box;letter-spacing: -0.35pt;color: #fff;font-weight: 500;padding: 20px;width: 230px;} #join_input .join_table th span {display: inline-block;font-weight: 700;color: #beff00;} #join_input .join_table td {width: calc(100% - 230px);box-sizing: border-box;font-size: 1rem;font-weight: 400;letter-spacing: -0.35pt;color: #666;border-bottom: 1px solid #ddd;padding: 20px 15px;} #join_input .join_table td .mem_type {font-size: 1rem;line-height: 130%;letter-spacing: -0.35pt;color: #ffffff;font-weight: 500;} #join_input .join_table td .mem_type strong {display: inline-block;line-height: 130%;font-family: var(--engFont);color: #ffffff;letter-spacing: 0;font-weight: 500;} #join_input .join_table .form_sub {font-size: 14px;font-weight: 400;color: #888;padding: 8px 0 0;line-height: 150%;word-break: keep-all;} #join_input .join_table .form_sub a {font-size: 14px;color: #fff;display: inline-block;margin-left: 5px;} #join_input .join_table .id_wrap,#join_input .join_table .email_wrap,#join_input .join_table .num_wrap,#join_input .join_table .address_wrap {font-size: 0;} #join_input .join_table .input_txt {font-size: 1rem;color: #666;display: inline-block;width: 20px;vertical-align: middle;text-align: center;} #join_input .join_table .sub_txt {display: block;font-size: 0.941rem;letter-spacing: -0.35pt;line-height: 150%;word-break: keep-all;color: #777777;padding: 7px 0 0;} #join_input .join_table .sub_txt a {display: inline-block;transition: all .3s linear;width: 72px;height: 27px;line-height: 25px;border: 1px solid #ddd;border-radius: 5px;text-align: center;background: #f5f5f5;box-sizing: border-box;font-size: 13px;color: #999;font-weight: 500;letter-spacing: -0.5pt;margin-left: 5px;} #join_input .join_table .sub_txt a:hover {background: #222;border-color: #222;color: #fff;} #join_input .join_table select {height: 50px;line-height: 48px;font-size: 1rem;padding: 0 10px;box-sizing: border-box;width: 120px;margin-left: 5px;} #join_input .join_table input[type=text],#join_input .join_table input[type=password] {display: inline-block;border: 1px solid #ddd;color: #666;font-size: 1rem;padding: 0 12px;height: 50px;line-height: 48px;vertical-align: middle;box-sizing: border-box;width: 50%;} #join_input .join_table input[type=button] {border: 1px solid #ddd;color: #666;background: #fff;margin-left: 5px;cursor: pointer;font-size: 14px;height: 50px;line-height: 48px;width: 100px;transition: all .3s linear;box-sizing: border-box;padding: 0;} #join_input .join_table input[type=button]:hover {border-color: #fff;background-color: #fff;color: #fff;} #join_input .join_table .num_wrap input {display: inline-block;width: calc((80% - 40px)/4);} #join_input .join_table .num_wrap select {display: inline-block;width: calc((80% - 40px)/4);margin: 0;} #join_input .join_table .email_wrap input {display: inline-block;width: calc((80% - 145px)/2);} #join_input .join_table .address_wrap input {display: inline-block;} #join_input .join_table .address_wrap .add_num {width: calc(80% - 105px);} #join_input .join_table .address_wrap .address,#join_input .join_table .address_wrap .address_en {width: 80%;margin: 5px 0 0;} #join_input .join_table .birthday_wrap {display: flex;align-items: center;width: 80%;} #join_input .join_table .birthday_wrap select {margin: 0;width: calc((100% - 60px)/3);} #join_input .join_table .gender_wrap {} #join_input .join_table .gender_wrap input[type="radio"] {margin: -2px 5px 0 10px;} #join_input .join_table .gender_wrap input[type="radio"]:first-child {margin-left: 0;} #join_input .join_table .form_sub {display: flex;align-items: center;flex-wrap: wrap;padding: 10px 0 0;} #join_input .join_table .form_sub strong {display: inline-block;font-size: 14px;color: #fff;font-weight: 400;margin: 0 10px 0 0;} #join_input .join_table .form_sub label {font-size: 14px;line-height: 120%;letter-spacing: -0.35pt;color: #666;margin: 0 12px 0 0;} #join_input .join_table .norobot_img {display: inline-block;vertical-align: middle;padding: 7px 0;background-color: #242b38;overflow: hidden;} #join_input .join_table .vcode {width: calc(80% - 85px) !important;margin-left: 5px;} #join_input .btn {text-align: center;padding-top: 30px;position: relative;} #join_input .btn .btn_wb {max-width: 200px;height: 64px;line-height: 62px;cursor: pointer;width: 48%;} #join_input .btn .btn_b {max-width: 200px;height: 64px;line-height: 64px;cursor: pointer;width: 48%;} #join_input .leaveBtn {display: inline-block;font-size: 1rem;color: #ffffff;letter-spacing: -0.5pt;line-height: 120%;border-bottom: 1px solid #ffffff;position: absolute;right: 0;bottom: 25px;} #join_input .leaveBtn:hover {color: #ffffff;border-color: #ffffff;} #pop_search {box-sizing: border-box;font-size: 13px;color: #666;} #pop_search h2 {position: relative;width: 100%;background: #5b5e63;height: 53px;line-height: 53px;font-size: 20px;text-indent: 15px;color: #fff;font-weight: 500;margin: 0;} #pop_search h2 a.pop_close {position: absolute;right: 0px;top: 0px;z-index: 2;background: url(/images/user/pop_close.gif);width: 58px;height: 53px;text-indent: -22222px;} #pop_search p {text-align: center;padding: 30px 20px 20px;box-sizing: border-box;font-size: 13px;word-break: keep-all;} #pop_search p u {color: #fff;font-weight: 600;} #pop_search .id_search {width: calc(100% - 40px);margin: 0 auto;background: #f6f6f6;padding: 20px;box-sizing: border-box;} #pop_search .id_search fieldset {width: 100%;margin: 0 auto;padding: 0;border: 0;display: flex;} #pop_search .id_search input {vertical-align: middle;} #pop_search .id_search input[type=text] {border: 1px solid #d0d0d0;color: #666;font-size: 13px;height: 36px;line-height: 36px;vertical-align: middle;width: calc(100% - 95px);padding: 0 5px;} #pop_search .id_search .btn_blue {width: 90px;height: 36px;margin-left: 5px;padding: 0;cursor: pointer;font-size: 13px;} #pop_search .id_search .btn_red {width: 50px;height: 36px;cursor: pointer;font-size: 13px;} #pop_search .id_result {text-align: center;padding: 20px 0;} #pop_search .id_result span {display: block;padding-bottom: 10px;} #pop_search .id_result a:link,#pop_search .id_result a:visited {width: 150px;color: #fff;height: 33px;line-height: 33px;text-decoration: none;} #pop_search .t_style .btn_blue {width: 91px;height: 36px;cursor: pointer;font-size: 13px;} #pop_search .t_style .btn_red {width: 50px;height: 36px;cursor: pointer;font-size: 13px;} /***** 회원가입 완료 *****/ #joinOk {text-align: center;padding: 60px 0;border: 1px solid #ddd;} #joinOk h2 {font-size: 25px;line-height: 140%;letter-spacing: -0.75pt;word-break: keep-all;padding-bottom: 10px;font-weight: 500;color: #fff;} #joinOk p {font-size: 13px;line-height: 160%;word-break: keep-all;margin: 0 auto 30px auto;width: 70%;border-bottom: 1px dashed #ccc;padding-bottom: 25px;} #joinOk .btn_b {width: 201px;height: 55px;line-height: 52px;margin: 0 auto;cursor: pointer;} /****** 회원탈퇴 ******/ #joinOut {} #joinOut .join_table {border-collapse: collapse;width: 100%;border-spacing: 0px;border-top: 2px solid #beff00;} #joinOut .join_table th {color: #fff;text-align: left;padding: 20px;border-bottom: 1px solid #ddd;background: #f5f5f5;width: 230px;font-size: 1rem;font-weight: 500;box-sizing: border-box;} #joinOut .join_table th span {display: inline-block;font-weight: 700;color: #beff00;} #joinOut .join_table td {padding: 20px 15px;border-bottom: 1px solid #d9d9d9;width: calc(100% - 230px);font-size: 1rem;box-sizing: border-box;} #joinOut .join_table input[type=text] {border: 1px solid #d0d0d0;color: #666;font-size: 1rem;height: 50px;line-height: 48px;vertical-align: middle;padding: 0 12px;width: 100%;box-sizing: border-box;} #joinOut .join_table textarea {height: 150px;width: 100%;box-sizing: border-box;padding: 12px;font-size: 1rem;box-sizing: border-box;} #joinOut .btn {text-align: center;padding-top: 30px;} #joinOut .btn .btn_wb {width: 201px;height: 64px;line-height: 62px;cursor: pointer;} #joinOut .btn .btn_b {width: 201px;height: 64px;line-height: 62px;cursor: pointer;} /** 회원구분 **/.mem_division {border: 1px solid #ddd;border-right: none;overflow: hidden;clear: both;} .mem_division .mem_division_in {float: left;width: 50%;box-sizing: border-box;border-right: 1px solid #ddd;text-align: center;padding: 65px 0;min-height: 406px} .mem_division_in h5 {font-size: 22px;font-weight: 600;color: #fff;letter-spacing: -1pt;} .mem_division_in p {font-size: 15px;letter-spacing: -0.75pt;color: #858585;padding: 3px 0 020px} .mem_division_in a {display: block;width: 280px;height: 62px;line-height: 62px;color: #fff;font-size: 14px;letter-spacing: -0.7pt;margin: 0 auto;background: #494949;} .mem_division_in a.btnFace {background: url('/images/user/mem_btnFace.gif') no-repeat 62px 21px, #395f9f;text-align: left;text-indent: 91px} .mem_division_in a.btnKakao {background: url('/images/user/mem_btnKakao.gif') no-repeat 57px 21px, #fddc00;text-align: left;text-indent: 91px;color: #61522b;} .mem_division_in a.btnNaver {background: url('/images/user/mem_btnNaver.gif') no-repeat 60px 24px, #00c300;text-align: left;text-indent: 91px} .mem_division_in li {margin: 0 0 2px 0;} /****** 휴면계정 관련 ******/ #dormant_pop {padding: 50px 40px;box-sizing: border-box;} #dormant_pop h1 {color: #fff;font-size: 25px;letter-spacing: -0.5pt;margin-bottom: 20px;font-weight: 400;} #dormant_pop h1 strong {font-weight: 700;letter-spacing: -0.5pt;} #dormant_pop .dormant_info {padding: 20px;box-sizing: border-box;background: #f6f6f6;} #dormant_pop .dormant_info ul {overflow: hidden;} #dormant_pop .dormant_info li {position: relative;float: left;width: 50%;padding: 2px 0;} #dormant_pop .dormant_info li span {display: inline-block;width: 85px;color: #999;} #dormant_pop .dormant_info li p {display: inline-block;width: 100%;max-width: calc(100% - 85px);font-weight: 600;color: #444;} #dormant_pop .dormant_info li p.change {color: #ce085c;font-weight: 600;} #dormant_pop .message {margin: 30px 0;padding-bottom: 30px;border-bottom: 1px solid #ddd;background: url('/images/user/icon_bg.png') right top no-repeat;} #dormant_pop .message strong {color: #fff;font-weight: 600;} #dormant_pop .vetificate {margin: 30px 0;padding-bottom: 30px;border-bottom: 1px solid #ddd;} #dormant_pop .vetificate p {font-size: 16px;line-height: 18px;letter-spacing: -0.5pt;margin-bottom: 15px;color: #fff;font-weight: 600;} #dormant_pop .vetificate ul {overflow: hidden;} #dormant_pop .vetificate li {float: left;width: 49.5%;border: 1px solid #ddd;margin-right: 1%;padding: 130px 0 30px 0;box-sizing: border-box;text-align: center;} #dormant_pop .vetificate li:last-child {margin-right: 0;} #dormant_pop .vetificate li:first-child {background: url('/images/user/icon_mail.png') center 30px no-repeat;} #dormant_pop .vetificate li input[type=radio] {width: 17px;height: 17px;vertical-align: middle;} #dormant_pop .vetificate li label {color: #444;font-weight: 600;} #dormant_pop .vetificate li label span {font-weight: normal;} #dormant_pop .btn {margin-top: 30px;text-align: center;} #dormant_pop .btn a {width: 201px;height: 55px;line-height: 52px;cursor: pointer;text-decoration: none;} #dormant_pop .btn a.btn_b {color: #fff;} #dormant_pop .vetificate2 {margin: 30px 0;padding-bottom: 30px;border-bottom: 1px solid #ddd;} #dormant_pop .vetificate2 p {font-size: 16px;line-height: 18px;letter-spacing: -0.5pt;margin-bottom: 15px;color: #fff;font-weight: 600;} #dormant_pop .vetificate2 ul {overflow: hidden;} #dormant_pop .vetificate2 li {float: left;width: 49.5%;border: 1px solid #ddd;margin-right: 1%;padding: 130px 0 30px 0;box-sizing: border-box;text-align: center;} #dormant_pop .vetificate2 li:last-child {margin-right: 0;} #dormant_pop .vetificate2 li:first-child {background: url('/images/user/icon_mail.png') center 30px no-repeat;} #dormant_pop .vetificate2 li:last-child {background: url('/images/user/icon_phone.png') center 30px no-repeat;} #dormant_pop .vetificate2 li input[type=radio] {width: 17px;height: 17px;vertical-align: middle;} #dormant_pop .vetificate2 li label {color: #444;font-weight: 600;} #dormant_pop .vetificate2 li label span {font-weight: normal;} /******************************************************************************* @media ~1280px *******************************************************************************/ @media all and (max-width:1280px) {} /******************************************************************************* @media ~980px *******************************************************************************/ @media all and (max-width:980px) { /***** 회원가입 input *****/#join_input {} #join_input .join_input_tit { margin: 0 0 12px;} #join_input .join_input_tit span { font-size: 13px;} #join_input .join_table {} #join_input .join_table th { padding: 15px; width: 180px;} #join_input .join_table td { width: calc(100% - 180px); padding: 15px 10px;} #join_input .join_table .form_sub { font-size: 13px;} #join_input .join_table .form_sub a { font-size: 13px;} #join_input .join_table select { font-size: 13px;} #join_input .join_table input[type=button] { font-size: 13px;} #join_input .join_table .form_sub strong { font-size: 13px;} #join_input .join_table .form_sub label { font-size: 13px;} /****** 회원탈퇴 ******/#joinOut {} #joinOut .join_table {} #joinOut .join_table th { padding: 15px; width: 180px;} #joinOut .join_table td { padding: 15px 10px; width: calc(100% - 180px);} } /******************************************************************************* @media 481~680px body,html{font-size:14px; } 3% *******************************************************************************/ @media all and (max-width:680px) { input.input_file { height: 40px; line-height: 38px; width: 100%;} /***** 로그인 ****/#login_box { width: 100%; padding: 0; border: none;} #login_box h2 { display: none;} #login_box>div { width: 100%;} #login_box dt { width: 30%;} #login_box .btn_b { width: 100%;} #login_box dd { width: 68%;} #login_box dd .input_login { width: 100%;} #login_box .member_btn a:last-child { width: 60%;} #login_box .member_btn .btn_g:link,#login_box .member_btn .btn_g:visited { width: calc(40% - 15px);} #login_box .login_input input.btn_b { font-size: 15px;} /***** 아이디 / 비번찾기 *****/.id_search_new { width: 100%;} .id_search_new .id_tab { position: relative; overflow: hidden;} .id_search_new .id_tab li a { font-size: 15px; padding: 12px 0;} .id_search_new_in { padding: 30px 6%;} .id_search_new .idpw_select { width: 100%;} .id_search_new .login_input { width: 100%;} .id_search_new .login_input dt { width: 100%; position: relative;} .id_search_new .login_input .btn_b { width: 100%; height: 52px; line-height: 52px;} .id_search_new .login_input dd { width: 100%; margin-bottom: 8px;} .id_search_new .login_input dd .input_hp { width: 81px;} .id_search_new .login_input dd .input_hp2 { width: calc(52% - 105px);} .id_search_new .login_input input.btn_b { font-size: 14px;} .id_search_new .login_input2 { width: 100%;} .id_search_new .login_input2 dt {} .id_search_new .login_input2 .btn_b { width: 100%;} .id_search_new .login_input2 dd { position: relative; width: 100%; margin-bottom: 5px;} .id_search_new .login_input2 dd .input_login { width: 100%; box-sizing: border-box} .id_search_new .login_input2 dd .input_login2 { width: calc(100% - 110px); box-sizing: border-box} .id_search_new .login_input2 dd .input_hp { width: 102px;} .id_search_new .login_input2 dd .input_hp2 { width: 112px;} .id_search_new .login_input2 dd span { display: inline-block; text-align: center; width: 13px} .id_search_new .login_input2 input.btn_b { width: 100%; font-size: 16px; line-height: 55px; height: 55px; box-sizing: border-box} .id_search_new_result { padding: 30px 6%;} .id_search_new_result h4 { font-size: 18px;} .id_search_new_result p.id_txt { font-size: 18px;} .id_search_new_result p.id_txt span.date { font-size: 12px;} .id_search_new_result dl.send_txt { width: 100%;} .id_search_new_result dl.send_txt dd { font-size: 13px; text-align: center;} .id_search_new_result dl.send_txt dd .btn_w { width: auto; position: relative;} .id_search_new_result .btn .btn_wb { width: 48%; height: 44px; line-height: 42px;} .id_search_new_result .btn .btn_b { width: 48%; height: 44px; line-height: 42px;} /***** 회원가입 동의 *****/#joinAgree {} #joinAgree .agreeAll span { font-size: 14px; font-weight: 600;} #joinAgree textarea { height: 300px;} #joinAgree .agreePrivacy {} #joinAgree .btn { text-align: center;} #joinAgree .btn input[type=button] { height: 48px;} /***** 회원가입 input *****/.mem_level { padding: 18px 3%;} .mem_level ul { overflow: hidden; float: right;} .mem_level li { padding: 0 10px 0 7px; font-size: 13px; background-size: 4px auto;} .mem_level li span { font-size: 12px;} .mem_level li.hover { background-size: 4px auto;} #join_input {} #join_input .join_input_tit { display: block;} #join_input .join_input_tit span { display: block; padding: 8px 0 0;} #join_input .join_table { display: block;} #join_input .join_table tbody,#join_input .join_table tfoot,#join_input .join_table thead,#join_input .join_table tr { display: block;} #join_input .join_table th { padding: 10px 10px 5px; background: #fff; width: 100%; display: block; border-bottom: 0;} #join_input .join_table td { width: 100%; padding: 5px 10px 10px; display: block;} #join_input .join_table .form_sub { font-size: 12px; padding: 6px 0 0;} #join_input .join_table .form_sub a { font-size: 12px;} #join_input .join_table select { height: 40px; line-height: 38px; font-size: 12px; padding: 0 5px; width: 100px;} #join_input .join_table input[type=text],#join_input .join_table input[type=password] { padding: 0 8px; height: 40px; line-height: 38px; width: 100%;} #join_input .join_table input[type=button] { font-size: 12px; height: 40px; line-height: 38px; width: 90px;} #join_input .join_table .id_wrap .input_id { width: calc(100% - 95px);} #join_input .join_table .num_wrap input { width: calc((100% - 40px)/3);} #join_input .join_table .num_wrap select { width: calc((100% - 40px)/3);} #join_input .join_table .email_wrap input { width: calc((100% - 125px)/2);} #join_input .join_table .address_wrap .add_num { width: calc(100% - 95px);} #join_input .join_table .address_wrap .address,#join_input .join_table .address_wrap .address_en,#join_input .join_table .birthday_wrap { width: 100%;} #join_input .join_table .form_sub { padding: 10px 0 0;} #join_input .join_table .form_sub strong { font-size: 12px; margin: 0 8px 0 0;} #join_input .join_table .form_sub label { font-size: 12px; margin: 0 10px 0 0;} #join_input .join_table .norobot_img { padding: 3px 0;} #join_input .join_table .vcode { width: calc(100% - 85px) !important;} .id_search_new_result .btn .btn_wb { width: 48%; height: 44px; line-height: 42px;} .id_search_new_result .btn .btn_b { width: 48%; height: 44px; line-height: 42px;} #join_input .btn .btn_wb,#join_input .btn .btn_b { height: 44px; line-height: 42px;} #join_input .leaveBtn { position: relative; right: auto; bottom: auto; display: block; border-bottom: 0; text-decoration: underline; margin: 20px auto 0;} /***** 회원가입 완료 *****/#joinOk { text-align: center; padding: 0; border: none} #joinOk h2 { font-size: 18px; padding: 0 0 8px; line-height: 150%; word-break: keep-all;} #joinOk p { word-break: keep-all; width: 100%; border-bottom: none; padding: 0;} #joinOk .btn_b { width: 100%; height: 44px; line-height: 42px;} /****** 회원탈퇴 ******/#joinOut {} #joinOut .join_table tbody,#joinOut .join_table tfoot,#joinOut .join_table thead,#joinOut .join_table tr,#joinOut .join_table th,#joinOut .join_table td { display: block;} #joinOut .join_table th { padding: 10px 10px 5px; background: #fff; border-bottom: 0; width: 100%;} #joinOut .join_table td { padding: 5px 10px 10px; width: 100%;} #joinOut .join_table input[type=text] { height: 40px; line-height: 38px; padding: 0 10px;} #joinOut .join_table textarea { height: 100px; padding: 10px;} #joinOut .btn .btn_wb { width: 48%; height: 44px; line-height: 42px; cursor: pointer;} #joinOut .btn .btn_b { width: 48%; height: 44px; line-height: 42px; cursor: pointer;} } /******************************************************************************* @media ~480px body,html{font-size:13px; } *******************************************************************************/ @media all and (max-width:480px) {} /******************************************************************************* @media ~360px *******************************************************************************/ @media all and (max-width:320px) {} .pddBox {padding: 0 40px 100px 40px;} .mx_wrap {position: relative;max-width: 1240px;margin: 0 auto;} .img img {display: block;width: 100%;} @media screen and (max-width:768px) {.pddBox { padding: 0 30px;}} /*--------------------------------------------------------------------------------------------------------------------------- * Form Element *--------------------------------------------------------------------------------------------------------------------------*/ /* Checkbox */.tb_check {} .check_form1 {display: none;} .check_form1+label {position: relative;font-size: 15px;color: #fff;padding-left: 30px;} .check_form1.checkAll.hide+label {display: inline-block;text-indent: -9999px;} .check_form1+label:before {content: '';display: block;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 20px;height: 20px;background-color: #e8e8e8;} .check_form1:checked+label {color: var(--cms_color);} .check_form1:checked+label:before {background: url("/images/user/icon_check.png") no-repeat center;background-color: #08419b;} .join_radio+label {position: relative;font-size: 15px;color: #fff;padding-left: 30px;margin-right: 15px;} .join_radio+label:before {content: '';position: absolute;left: 0;display: block;width: 20px;height: 20px;border-radius: 50%;background-color: #e8e8e8;} .join_radio:checked+label {color: #ffd600;font-weight: 600;} .join_radio:checked+label:before {background: #ffd600;} /* Table : row ddd */.tb_row_ddd tr {border: 1px solid #ffffff4f;border-left: none;border-right: none;} .tb_row_ddd tr:last-of-type {border-bottom: none;} .tb_row_ddd td {} .tb_row_ddd th {text-align: left;padding: 30px 0;} .tb_row_ddd th.v_top {vertical-align: top;} .tb_row_ddd td {padding: 10px 30px;display: flex;flex-direction: row;align-items: center;border-top: none;border-bottom: none;padding: 30px 0;} .tb_row_ddd th span {font-size: 16px;color: #fff;background-position: 0 5px;font-weight: 400;} .tb_row_ddd td * {display: inline-block;vertical-align: middle;display: flex;flex-direction: row;align-items: center;color: #fff;} .tb_row_ddd td > a,.tb_row_ddd td > span {text-align: left;} .addrTip {width: 100%;border-top: 1px solid;margin-top: 25px;border-color: #ddd;text-align: right;} /* Table : col */.tb_col {border-top: 3px solid var(--cms_color);} .tb_col th,.tb_col td {border-bottom: 1px solid #ddd;padding: 25px 10px;} .tb_col th {font-size: 18px;color: #fff;font-weight: 600;} .tb_col thead.center th {text-align: center;} .tb_col td {font-size: 16px;color: #fff;text-align: center;} .tb_col td.td_subject {font-size: 16px;} td.txt_left {text-align: left;} td.td_subject>a {font-size: 18px;word-break: break-all;line-height: 1.4} .td_file a {display: inline-block;margin: 0 2px;vertical-align: middle;} /* 20210601 추가 */.tb_of {border-top: 3px solid #fff;overflow: hidden;overflow-x: auto;} .tb_of>table {min-width: 1060px;} /* Table : row */.tb_row {border-top: 3px solid var(--cms_color);} .tb_row th,.tb_row td {padding: 25px 30px;border-bottom: 1px solid #ddd;font-size: 16px;} .tb_row td a,.tb_row td {color: #fff;font-family: 'Noto Sans Korean';} .tb_row td strong {font-size: 18px;font-weight: 500;} .tb_row td p {line-height: 24px;} .tb_row th {background: #f6f9ff;color: var(--cms_color);text-align: left;} th.v_top {vertical-align: top;} /* Table : Responsive */ @media screen and (max-width:640px) {.tb_res thead { display: none;} .tb_res tbody tr { display: block; padding: 30px 0; border-bottom: 1px solid #ddd;} .tb_res tbody tr td { position: relative; display: block; text-align: left; border: none; padding: 5px 0 5px 80px;} .tb_res tbody tr td:before { content: attr(data-label); position: absolute; left: 0; top: 5px; font-weight: 500; color: var(--cms_color);}} @media screen and (max-width:480px) {.tb_res tbody tr td { font-size: 14px;}} /* Board Search */ .brd_search {background: #f8f8f8;padding: 35px;margin-bottom: 50px;text-align: center;} .brd_search .inner {position: relative;display: inline-block;width: 100%;max-width: 580px;margin: 0 auto;border-bottom: 3px solid #ffffff;padding-left: 180px;text-align: left;/* box-sizing: border-box; */} button {background: none;margin: 0;padding: 0;border: 0 none;cursor: pointer;} #brd_slt {position: absolute;left: 0;top: 0px;} #brd_slt .vDrop {height: 50px;} #brd_slt .vDrop a {font-size: 18px;background: none;line-height: 50px;border: none;} #brd_slt .vArrow {width: 13px;height: 8px;background: url("/images/user/arr_slt.png") no-repeat center;right: 15px;} #brd_slt .open .vArrow {background-image: url("/images/user/arr_slt_on.png");} #brd_slt .vArrow:before {display: none;} .srchWrap {position: relative;/* padding-right:50px; */height: 50px;width: 100%;} .srchWrap input {padding-left: 20px;height: 100%;border: none;background: none;font-size: 18px;color: #ffffff;width: 100%;outline: none;} .srchWrap input::-webkit-input-placeholder {font-size: 18px;color: #999;} .srchWrap input:-ms-input-placeholder {font-size: 18px;color: #999;} .srchWrap input::-moz-placeholder {font-size: 18px;color: #999;} .srchWrap input:-moz-placeholder {font-size: 18px;color: #999;} .srchWrap button {position: absolute;width: 50px;height: 100%;background: url("/images/user/btn_search.png") no-repeat center;top: 0;right: 0;outline: none;text-indent: -9999px;} /* Select Vdrop */.vDrop {position: relative;height: 30px;/*margin-bottom:10px; color:#fff; */} .vDrop select {visibility: hidden;} .vDrop a {outline: none;text-decoration: none;color: #fff;} .vDrop .vClicker {overflow: hidden;position: absolute;top: 0;left: 0;padding: 0 30px 0 15px;width: 180px;height: 100%;line-height: 30px;background: #fff;border: 1px solid #ccc;-webkit-border-top-right-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;} .vDrop .vClicker.open {-webkit-border-top-right-radius: 3px;-moz-border-radius-topright: 3px;border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 0;-moz-border-radius-bottomright: 0;border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0;-moz-border-radius-bottomleft: 0;border-bottom-left-radius: 0;-webkit-border-top-left-radius: 3px;-moz-border-radius-topleft: 3px;border-top-left-radius: 3px;} .vDrop .vClicker span {white-space: nowrap;} .vDrop .vClicker .vArrow {position: absolute;top: 50%;transform: translateY(-50%);right: 0;width: 26px;height: 26px;-webkit-border-top-right-radius: 2px;-moz-border-radius-topright: 2px;border-top-right-radius: 2px;-webkit-border-bottom-right-radius: 2px;-moz-border-radius-bottomright: 2px;border-bottom-right-radius: 2px;-webkit-border-bottom-left-radius: 0;-moz-border-radius-bottomleft: 0;border-bottom-left-radius: 0;-webkit-border-top-left-radius: 0;-moz-border-radius-topleft: 0;border-top-left-radius: 0;} .vDrop .vClicker .vArrow:before {content: '';display: block;position: absolute;right: 12px;top: 8px;width: 6px;height: 6px;border-width: 2px 2px 0 0;border-style: solid;border-color: #ffffff;transform: rotate(135deg);} .vDrop .vClicker.open .vArrow:before {top: 11px;transform: rotate(315deg)} .vDrop ul {overflow: hidden;display: none;z-index: 1;position: absolute;top: 53px;left: 0;width: 180px;max-width: 180px;border: 1px solid #ddd;background: #fff;padding: 10px 0;} .vDrop ul li.optgroup span {display: block;padding: 5px;background: #e8e8e8;} .vDrop ul li.optgroup~.option a {padding-left: 20px;} .vDrop ul li a {display: block;padding: 5px 15px;line-height: 1.3 !important;white-space: nowrap;background: #fff;font-size: 16px !important;color: #888 !important;} .vDrop ul li a.selected,.vDrop ul li a:hover {background: #06c;color: #000 !important;} /* Paging */.tb_bott {margin: 50px 0 0;} .tb_bott.center {text-align: center;} .paging,.paging * {display: inline-block;vertical-align: middle;} .paging a {width: 34px;height: 34px;border-radius: 50%;font-size: 15px;color: #fff;line-height: 34px;margin: 0 3px;} .paging>a {background-color: #e9e9e9;background-position: center;background-repeat: no-repeat;} .paging .current a {color: #fff;background: var(--cms_color);font-weight: 500;} .paging_prev1 {background-image: url("/images/user/paging_prev1.png");} .paging_prev2 {background-image: url("/images/user/paging_prev2.png");} .paging_next1 {background-image: url("/images/user/paging_next1.png");} .paging_next2 {background-image: url("/images/user/paging_next2.png");} /* Filefield */.upload_name {background: none;font-size: 14px;line-height: normal;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;max-width: 380px;color: #ffffff;} #file_upload {position: absolute;top: 0;right: 0;width: 1px;height: 1px;opacity: 0;filter: alpha(opacity=0);visibility: hidden;} #file_upload+label {display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: #4a5d7a;padding: 0 20px;} /*20210414추가*/.upload_name2 {background: none;font-size: 14px;line-height: normal;vertical-align: middle;-webkit-appearance: none;-moz-appearance: none;appearance: none;max-width: 380px;color: #ffffff;} .file_upload {position: absolute;top: 0;right: 0;width: 1px;height: 1px;opacity: 0;filter: alpha(opacity=0);visibility: hidden;} .file_upload+label {display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: #4a5d7a;padding: 0 20px;} @media screen and (max-width:960px) {.family_site { padding: 30px 100px;} .ftr_top h2 { font-size: 18px;} .tb_row th,.tb_row td { padding: 25px 20px} } @media screen and (max-width:780px) {.site_link { position: relative; top: auto; right: auto; width: 200px; margin-bottom: 30px;}} @media screen and (max-width:768px) {.ftr_bott .mx_wrap { padding: 80px 0;} .family_site { padding: 40px 0;} .ftr_top h2 { position: static; top: auto; left: auto; transform: none; margin-bottom: 20px;} .family_site .swiper-button-next,.family_site .swiper-button-prev { top: 40px; transform: none;} .family_site .stop-autoplay,.family_site .start-autoplay { top: 43px; transform: none;} .totop { bottom: 10px; right: 10px; width: 40px; height: 40px; background-size: 12px auto;} .tb_col th,.tb_col td { padding: 20px 5px;} .tb_col th { font-size: 16px;} .tb_col td { font-size: 15px;} td.td_subject>a { font-size: 16px;} td.td_file a img { width: 20px;} .upload_name,.upload_name2 { max-width: 300px}} @media screen and (max-width: 640px) {.site_link { width: 180px;} .pNavTit a { font-size: 14px; padding: 0 30px 0 15px; line-height: 36px;} .pNavMenu { bottom: 37px; height: 330px; overflow: hidden; overflow-y: auto;} .pNavMenu li a { padding: 8px 15px;} .pNavMenu li a span { font-size: 13px;} .ftr_menu a { font-size: 14px;} .ftr_menu li:after { margin: 0 5px;} address { font-size: 13px; line-height: 1.5;} .copyright { font-size: 10px;} .check_form1+label { font-size: 14px; padding-left: 25px;} .check_form1+label:before { width: 18px; height: 18px;} .check_form1:checked+label:before { background-size: 8px auto;} .tb_row_ddd { width: 100%;} .tb_row_ddd tbody,.tb_row_ddd tr { display: block; width: 100%; padding: 1.5rem 0;} .tb_row_ddd th { display: block; width: 100%; padding: 18px 20px 18px; border-bottom: none;} .tb_row_ddd td { display: block; width: 100%; padding: 0 20px 20px; border-top: none; border-bottom: none;} .tb_row_ddd th span { font-size: 15px;} .brd_search { padding: 30px; margin-bottom: 30px;} .brd_search .inner { padding-left: 120px;} .vDrop .vClicker { width: 120px;} #brd_slt .vDrop a { font-size: 16px;} .vDrop ul { width: 120px; max-width: 120px;} .vDrop ul li a { font-size: 14px !important;} .srchWrap input { font-size: 16px;} .brd_list table thead,.brd_list table td.td_num { display: none;} .brd_list table tr { display: block; padding: 20px 0; border-bottom: 1px solid #ddd;} .brd_list table td { font-size: 14px; display: block; width: 100% !important; text-align: left; padding: 2px 5px; border: none;} .brd_list table td.td_chk { margin-bottom: 15px;} .brd_list table td.td_subject { width: 60%; padding-bottom: 10px;} td.td_subject>a { font-size: 16px; color: #ffffff; font-weight: 500;} .brd_list table td.td_period { width: 20%;} .brd_list table td.td_state { width: 20%;} .brd_list table tbody td:before { content: attr(data-label); display: inline-block; width: 60px; vertical-align: middle;} .brd_list table tbody td.td_subject:before,.brd_list table tbody td.td_chk:before { display: none;} /* 20210601 추가 */.tb_of table thead { display: table-header-group;} .tb_of table tr { display: table-row;} .tb_of table td { display: table-cell !important; width: inherit !important; border-bottom: 1px solid #ddd; padding: 15px 10px !important; text-align: center;} .tb_of table td.txt_left { text-align: left !important;} .tb_of table tbody td:before { display: none !important; width: auto !important;} /**/ .brd_view table tr { display: block; border-bottom: 1px solid #ddd; padding: 10px 0;} .brd_view table th { display: block; padding: 15px; font-size: 15px;} .brd_view table td { font-size: 14px; display: block; width: 100% !important; text-align: left; padding: 5px 10px; border: none;} .brd_view .tb_row td strong { font-size: 14px;} .tb_brd_write th,.tb_brd_write td { display: block; border-right: none !important;} } @media screen and (max-width:480px) {.ftr_menu li { width: 50%; margin: 4px 0;} .ftr_menu li:after { display: none;} .join_radio+label { font-size: 14px; padding-left: 25px; margin-right: 10px;} .join_radio+label:before { width: 16px; height: 16px;} .tb_col th { font-size: 15px} .tb_col td { font-size: 14px;} .tb_row_ddd th { padding: 25px 10px 5px; display: table-cell; width: 25%;} .tb_row_ddd td { padding: 5px 10px 25px} .brd_list table td { font-size: 13px; padding: 2px 5px;} .brd_list table td.td_subject { padding: 2px 5px 10px 5px} .brd_search { padding: 25px;} .brd_search .inner { padding: 0; border-bottom-width: 2px;} #brd_slt { position: static; left: auto; top: auto; width: 100%; border-bottom: 2px solid #ffffff;} #brd_slt .vDrop { height: 40px; width: 100%;} #brd_slt .vDrop a { display: block; width: 100%; line-height: 40px; font-size: 15px; padding: 0 20px 0 10px;} #brd_slt .vArrow { right: 10px;} .vDrop ul { width: 100%; max-width: none; top: 42px;} .vDrop ul li a { padding: 5px 10px !important;} .srchWrap { padding-right: 40px; height: 40px;} .srchWrap input { padding-left: 10px; font-size: 15px;} .srchWrap input::-webkit-input-placeholder { font-size: 15px} .srchWrap input:-ms-input-placeholder { font-size: 15px} .srchWrap input::-moz-placeholder { font-size: 15px} .srchWrap input:-moz-placeholder { font-size: 15px} .srchWrap button { width: 40px; background-size: 16px auto;} .tb_bott { margin: 40px 0 0;} .paging a { width: 28px; height: 28px; font-size: 14px; line-height: 27px; background-size: auto 8px;}} /* Join */ .join_step {text-align: center;margin-bottom: 80px;} .join_step * {display: inline-block;vertical-align: middle;} .join_step li {position: relative;padding-left: 100px;text-align: left;} .join_step .icon {position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 80px;height: 80px;border-radius: 50%;padding-top: 20px;border: 1px solid #ddd;text-align: center;} .join_step span {display: block;font-size: 20px;color: #bbb;font-weight: 600;margin-bottom: 5px;} .join_step h4 {font-size: 20px;color: #aaa;font-weight: 400;} .join_step li:after {display: inline-block;vertical-align: middle;content: '';width: 80px;height: 1px;background: #ccc;margin: 0 15px 20px;} .join_step .on .icon {background-color: var(--cms_color);border: none;} .join_step .on span {color: var(--cms_color);} .join_step .on h4 {color: var(--cms_color);font-weight: 500;} .join_step li:last-child:after {display: none;} .join_terms {border-top: 2px solid #ffffff;padding: 30px 0 60px;} .bullet_tit {height: 90px;display: flex;color: #fff;width: 100%;padding-left: 20px;font-size: 25px;font-weight: 500;margin-bottom: 40px;font-size: 2.225em !important;font-weight: 600 !important;justify-content: space-between;align-items: flex-end;} .bullet_tit:before {content: '';display: block;position: absolute;left: 0;top: 15px;background: url("/images/user/bullet_tit.png") no-repeat 0 center;width: 10px;height: 10px;} .terms_cont {margin: 40px 0;border: 1px solid #ddd;height: 300px;padding: 30px;} .join_terms input[type="checkbox"] {display: none;} .join_terms .terms_check {float: right;} .agree_all {border: 1px solid #777;padding: 30px;text-align: center;} .agree_all label {font-size: 17px;color: #ffffff;} .btn_set {text-align: center;margin: 50px 0 0;} .btn_set ul {display: inline-block;font-size: 0;} .btn_set li {display: inline-block;margin: 0 5px;} .btn_set li a,.btn_set li button {display: inline-block;width: 200px;font-size: 20px;color: #fff;background: var(--cms_color);line-height: 60px;} .btn_set li a.bg_999 {background: #1c1c1c;color: #fff;} /* ì •ë³´ìž…ë ¥ */ .join_cont {border-top: 2px solid #ffffff;padding: 30px 0 0;border: none;} .join_type {border: 1px solid #ddd;padding: 20px 30px;margin: 30px 0 80px;} .required_ment {position: relative;border-top: 4px solid #ffffff4f;padding-top: 2.5rem;} .required_ment p {position: absolute;top: 50%;right: 0;transform: translateY(-50%);color: #fff;font-size: 15px;font-weight: 400;line-height: 1.4;} .required {background: url("/images/user/icon_required.png") no-repeat 0px 7px;padding-left: 15px;} .join_cont .tb_row_ddd {margin: 40px 0 80px;} .join_cont:last-child .tb_row_ddd {margin-bottom: 0;} .tb_row_ddd select {width: 100%;border: 1px solid #dddddd63;height: 42px;outline: none;padding: 0 10px;color: #fff;background-color: #ffffff00;font-size: 15px;} .tb_row_ddd select {color: #ffffff;/* 기본 상태에서 흰색 */background-color: rgba(255, 255, 255, 0);/* 투명 */} /* 셀렉트가 활성화되었을 때 */.tb_row_ddd select:focus {color: #fff;/* 검은색 */background-color: #000;/* 배경을 흰색으로 */} /* 옵션 목록의 텍스트 색상을 검은색으로 */.tb_row_ddd select option {color: #000;/* 검은색 */background-color: #fff;/* 배경 흰색 */} .tb_row_ddd input[type="addr"],.tb_row_ddd input[type="text"],.tb_row_ddd input[type="password"],.tb_row_ddd input[type="date"],.tb_row_ddd input[type="time"],.tb_row_ddd input[type="email"],.tb_row_ddd input[type="number"] {width: 100%;border: 1px solid #dddddd6b;height: 42px;outline: none;padding: 0 10px;color: #ffffff;font-size: 15px;background-color: #000;} input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;} .mxw_50 {max-width: 50px;} .mxw_60 {max-width: 60px;} .mxw_80 {max-width: 80px;} .mxw_100 {max-width: 100px;} .mxw_140 {max-width: 140px;} .mxw_200 {max-width: 200px;} .mxw_400 {max-width: 400px;} .mxw_600 {max-width: 600px;} .btn_bdr555 {border: 1px solid #e0e0e0;line-height: 40px;padding: 0 30px;font-size: 15px;color: #fff;} .tb_row_ddd td p.input_help {color: #fff;margin-left: 20px;font-size: 14px;text-align: left;} .input_numb span {display: inline-block;margin: 0 2px;font-size: 14px;} .tb_radio strong {font-size: 15px;font-weight: 500;margin: 0 30px 0 20px;} td.input_address p {display: block;margin-left: 0;} td.input_address p.margin {margin: 5px 0;} .codeArea {width: 100%;height: 42px;background: #ffffff;margin-right: 10px;} /* 가입완료 */ .join_finish {border: 1px solid #ddd;padding: 100px;text-align: center;} .join_finish .img {max-width: 88px;margin: 0 auto;} .ment_finish {font-size: 40px;margin: 30px 0 20px;font-weight: 300;letter-spacing: -0.044em;word-break: keep-all;} .ment_finish strong {font-weight: 500;} .ment_id {font-size: 22px;color: #fff;word-break: keep-all;} .ment_id span {color: #f44c19;font-weight: 600;} /* 마이페이지 */ .myPage_link {margin-bottom: 60px;overflow: hidden;} .myPage_link li {float: left;width: 50%;} .myPage_link li a {display: block;border: 1px solid #ddd;border-bottom-color: var(--cms_color);font-size: 20px;color: #999;text-align: center;line-height: 63px;} .myPage_link li.current a {border-color: var(--cms_color);border-bottom-color: #fff;color: var(--cms_color);} #myPage .ment {padding-left: 25px;background: url("/images/user/icon_ment.png") no-repeat 0 0;font-size: 18px;margin-bottom: 40px;word-break: keep-all;} .state {display: inline-block;border: 1px solid var(--cms_color);line-height: 30px;font-size: 15px;padding: 0 15px;} .state1 {color: var(--cms_color);} .state2 {background: var(--cms_color);color: #fff;} .btn_print {display: inline-block;padding: 0 35px 0 15px;font-size: 15px;color: var(--cms_color);border: 1px solid var(--cms_color);line-height: 30px;background: url("/images/user/btn_print.png") no-repeat right 15px center;} /*20210421추가*/ @font-face {font-family: 'NotoSerifKR';src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');font-weight: normal;font-style: normal;} .completion_content {border: 1px solid #ddd;padding: 30px;overflow: auto;} .completion_content button.btn_print {float: right;border: 1px solid #ffffff;color: #ffffff;border-radius: 4px;padding: 0 10px 0 30px;background: url("/images/user/icon_fax.png") no-repeat 10px center;background-size: 14px auto;} .completion_box {min-width: 700px;margin: 50px 20px 40px;border: 4px solid #033d9a;border-radius: 5px;padding: 80px 50px 120px;text-align: center;background: url("/images/user/bg_completion.jpg") no-repeat center center;background-size: contain;} .completion_box * {font-family: 'NotoSerifKR', serif;font-weight: 600;} .completion_box .completion_top {text-align: left;font-size: 18px;} .completion_box h3 {font-size: 54px;font-weight: 900;letter-spacing: 0.6em;margin: 50px 0 80px;} .completion_box dl {text-align: left;font-size: 0;} .completion_box dl dt {display: inline-block;vertical-align: middle;width: 20%;font-size: 18px;margin-bottom: 20px;} .completion_box dl dd {display: inline-block;vertical-align: middle;width: 80%;font-size: 18px;margin-bottom: 20px;} .completion_body {text-align: left;font-size: 25px;letter-spacing: 0.02em;margin: 40px auto 60px;word-break: keep-all;line-height: 1.6;} .completion_date {font-size: 20px;margin-bottom: 40px;letter-spacing: 0.1em;} .completion_writer {font-size: 30px;letter-spacing: 0.2em;} /**/ /* 회원정보수정 */ .mem_info {border: 1px solid #ddd;border-bottom: 3px solid var(--cms_color);padding: 25px 30px;} .mem_info dl * {display: inline-block;vertical-align: middle;} .mem_info dt {font-size: 16px;margin-right: 15px;} .mem_info dd {font-size: 16px;color: #fff;} dd.mem_name:after {display: inline-block;vertical-align: middle;content: '';width: 1px;height: 15px;background: #ddd;margin: 0 15px;word-break: keep-all;line-height: 1.4;} .mem_modify .tb_row_ddd {overflow: hidden;} .mem_modify p.required {float: right;margin: 40px 0 30px;font-size: 13px;color: #fff;} @media screen and (max-width:1024px) {.loginBox>div { padding: 0 100px;} .tb_row_ddd td p.input_help { margin: 15px 0 5px; display: block;} .tb_row_ddd td .tb_radio { margin: 15px 0 5px;} .tb_radio strong { margin: 0 20px 0 0;}} @media screen and (max-width:960px) {.loginBox>div { float: none; width: 100%; padding: 0 200px; border: none;} .join_step { margin-bottom: 50px;} .join_step li { padding-left: 60px;} .join_step .icon { width: 50px; height: 50px; padding-top: 15px;} .join_step .icon img { width: 20px;} .join_step li:after { width: 60px; margin: 0 10px 25px;} .input_numb span { margin: 0;}} @media screen and (max-width:768px) {.loginBox>div { padding: 0 150px;} .bullet_tit { font-size: 22px;} .btn_bdr555 { padding: 0 20px; margin-left: 5px;} .join_finish { padding: 80px;} .join_finish .img { max-width: 80px;} .ment_finish { font-size: 36px;} .ment_id { font-size: 20px;} .myPage_link { margin-bottom: 40px;} .myPage_link li a { font-size: 18px; line-height: 58px;} #myPage .ment { padding-left: 25px; background-size: 16px auto; font-size: 16px; margin-bottom: 30px;} .state { line-height: 28px; font-size: 14px; padding: 0 10px;} .btn_print { padding: 0 30px 0 10px; font-size: 14px; line-height: 28px; background: url(/images/user/btn_print.png) no-repeat right 10px center;} .brd_search { padding: 30px; margin-bottom: 40px;} .srch_result>p { margin: 30px 0; font-size: 25px;} .srch_result ul>li { padding: 25px;} .srch_result h4 a { font-size: 18px;} .srch_result p a { font-size: 15px; line-height: 1.4;} .srch_result ol li { font-size: 14px;}} @media screen and (max-width:640px) {.loginBox { padding: 80px 0;} .loginBox>div { padding: 0 90px;} .loginForm p { font-size: 20px;} .util_item p { font-size: 17px;} .util_item p strong { font-size: 18px;} .util_item a { line-height: 44px; padding-left: 45px; background-position: 20px center; background-size: 12px auto; font-size: 15px;} .join_step li { padding: 0;} .join_step li:after { width: 50px;} .join_step .icon { display: block; position: static; top: auto; left: auto; transform: none; margin-bottom: 10px;} .join_step span { font-size: 18px;} .join_step h4 { font-size: 18px;} .bullet_tit { font-size: 20px; display: flex; align-items: center; flex-direction: column;} .agree_all { padding: 25px;} .btn_set li a { width: 180px; font-size: 18px; line-height: 50px;} .join_type { margin: 30px 0 50px; padding: 20px;} .required_ment p { position: static; top: auto; right: auto; transform: none; font-size: 14px; margin-top: 10px;} .join_cont .tb_row_ddd { display: block; margin: 30px 0 60px;} .brd_list .edu_list table tbody td:before { width: 100px;}} @media screen and (max-width:480px) {.loginBox { padding: 60px 0;} .loginBox>div { padding: 0 60px;} .loginForm p { font-size: 18px;} #login li input { height: 48px; padding: 0 15px; font-size: 15px;} .loginForm button { height: 54px;} .loginForm button span { font-size: 18px; background-size: 14px; padding-left: 20px;} .login_btns li { float: none; width: 100%; margin: 3px 0;} .util_item p { font-size: 16px;} .util_item p strong { font-size: 17px;} .util_item a { line-height: 40px; padding-left: 35px; background-position: 15px center; background-size: 12px auto; font-size: 14px;} .join_step_wrap { display: none;} .bullet_tit { font-size: 18px; padding-left: 15px;} .terms_cont { margin: 20px 0; padding: 20px;} .agree_all { padding: 20px;} .agree_all label { font-size: 15px;} .btn_set li { margin: 0 5px;} .btn_set li a { width: 140px; font-size: 15px; line-height: 44px;} .required_ment p { font-size: 13px;} .mxw_200 { max-width: 160px;} .tb_row_ddd td p.input_help { font-size: 13px;} .btn_bdr555 { padding: 0 15px; height: 38px; line-height: 37px; font-size: 14px;} .tb_radio strong { margin: 0 10px 0 0; font-size: 14px;} .codeArea { margin-right: 5px;} .tb_row_ddd input[type="text"],.tb_row_ddd input[type="password"],.tb_row_ddd input[type="number"] { height: 38px;} .join_finish { padding: 60px;} .join_finish .img { max-width: 60px;} .ment_finish { font-size: 30px; margin: 20px 0 15px;} .ment_id { font-size: 18px;} .btn_set { margin: 30px 0 0;} .myPage_link { margin-bottom: 30px;} .myPage_link li a { font-size: 16px; line-height: 50px;} #myPage .ment { padding-left: 20px; background-size: 14px auto; font-size: 15px; margin-bottom: 20px;} .state { line-height: 24px; font-size: 13px; padding: 0 10px;} .btn_print { padding: 0 30px 0 10px; font-size: 13px; line-height: 24px; background-size: 12px auto;} .mem_info { padding: 20px 25px;} .mem_info dt,.mem_info dd { font-size: 15px;} .srch_result>p { font-size: 22px;} .srch_result ul>li { padding: 20px;}} table {width: 100%;border-collapse: collapse;border-spacing: 0;word-break: break-all;border: 0;} table th,table td {vertical-align: middle;} /* 팝업 */.popUp_contract_wrap {display: none;position: fixed;left: 24%;top: 20%;z-index: 100;background-color: #fff;border: 5px solid #0368b3;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);width: 1000px;height: 500px;padding: 30px 35px;} .popUp_contract_wrap.on {opacity: 1;z-index: 9999;} .popUp_contract_wrap .btn_close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;color: #fff;background-color: #0368b3;font-size: 20px;transition: all .25s ease;} .popUp_contract_wrap h2 {font-size: 20px;font-weight: 500;color: #0368b3;margin: 0 0 20px;} .popUp_contract_wrap h2 .sm {font-size: 0.9em;} .popUp_contract_wrap .list_1 {width: 100%;} .popUp_contract_wrap .list_1 li {margin-top: 15px;font-size: 17px;display: flex;flex-wrap: wrap;} .popUp_contract_wrap .list_1 li .lb {width: 18.5%;font-weight: 500;color: #222;padding-left: 15px;position: relative;padding-top: 0px;} .popUp_contract_wrap .list_1 li .lbDiv {width: 100%;padding-left: 90px;} .popUp_contract_wrap .list_1 li .lb.pop_name {width: 100%;} .popUp_contract_wrap .list_1 li .lb::after {content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #0a2c98;position: absolute;left: 0;top: 12px;} .popUp_contract_wrap .list_1 li .rb {width: 81.5%;color: #fff;/* padding-left: 10px; */font-size: 0.95em;text-align: justify;word-break: keep-all;} .popUp_contract_wrap .tb_row_ddd thead tr th {text-align: center;padding: 15px 20px;} .popUp_contract_wrap .tb_row_ddd tbody tr td {text-align: center;padding: 15px 20px;font-size: 15px;} .popUp_contract_wrap .brd_search {background: #fff;padding: 0;margin-bottom: 25px;} @media screen and (max-width:750px) { /* 팝업 */.popUp_contract_wrap { left: 5%; top: 20%; width: 90%; padding: 20px 20px;} .popUp_contract_wrap .btn_close { width: 30px; height: 30px; font-size: 15px;} .popUp_contract_wrap h2 { font-size: 18px; margin: 0 0 10px;} .popUp_contract_wrap .list_1 li { margin-top: 10px; font-size: 15px; display: block;} .popUp_contract_wrap .list_1 li .lb { width: 100%; padding-left: 15px; margin-bottom: 5px;} .popUp_contract_wrap .list_1 li .lbDiv { padding-left: 0px;} .popUp_contract_wrap .list_1 li .lb::after { top: 10px;} .popUp_contract_wrap .list_1 li .rb { width: 100%;}} /* 두번째 팝업 */.popUp_contract_wrap2 {display: none;position: fixed;left: 24%;top: 20%;z-index: 100;background-color: #fff;border: 5px solid #0368b3;box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1);width: 900px;height: 500px;padding: 30px 35px;} .popUp_contract_wrap2.on {opacity: 1;z-index: 9999;} .popUp_contract_wrap2 .btn_close {position: absolute;right: 0;top: 0;width: 40px;height: 40px;color: #fff;background-color: #0368b3;font-size: 20px;transition: all .25s ease;} .popUp_contract_wrap2 h2 {font-size: 20px;font-weight: 500;color: #0368b3;margin: 0 0 20px;} .popUp_contract_wrap2 h2 .sm {font-size: 0.9em;} .popUp_contract_wrap2 .list_1 {width: 100%;} .popUp_contract_wrap2 .list_1 li {margin-top: 15px;font-size: 17px;display: flex;flex-wrap: wrap;} .popUp_contract_wrap2 .list_1 li .lb {width: 18.5%;font-weight: 500;color: #222;padding-left: 15px;position: relative;padding-top: 0px;} .popUp_contract_wrap2 .list_1 li .lbDiv {width: 100%;padding-left: 90px;} .popUp_contract_wrap2 .list_1 li .lb.pop_name {width: 100%;} .popUp_contract_wrap2 .list_1 li .lb::after {content: "";width: 4px;height: 4px;border-radius: 50%;background-color: #0a2c98;position: absolute;left: 0;top: 12px;} .popUp_contract_wrap2 .list_1 li .rb {width: 81.5%;color: #fff;/* padding-left: 10px; */font-size: 0.95em;text-align: justify;word-break: keep-all;} .popUp_contract_wrap2 .tb_row_ddd thead tr th {text-align: center;padding: 15px 20px;} .popUp_contract_wrap2 .tb_row_ddd tbody tr td {text-align: center;padding: 15px 20px;font-size: 15px;} .popUp_contract_wrap2 .brd_search {background: #fff;padding: 0;margin-bottom: 25px;} @media screen and (max-width:750px) { /* 두번째팝업 */.popUp_contract_wrap2 { left: 5%; top: 20%; width: 90%; padding: 20px 20px;} .popUp_contract_wrap2 .btn_close { width: 30px; height: 30px; font-size: 15px;} .popUp_contract_wrap2 h2 { font-size: 18px; margin: 0 0 10px;} .popUp_contract_wrap2 .list_1 li { margin-top: 10px; font-size: 15px; display: block;} .popUp_contract_wrap2 .list_1 li .lb { width: 100%; padding-left: 15px; margin-bottom: 5px;} .popUp_contract_wrap2 .list_1 li .lbDiv { padding-left: 0px;} .popUp_contract_wrap2 .list_1 li .lb::after { top: 10px;} .popUp_contract_wrap2 .list_1 li .rb { width: 100%;}} /******** 移댄뀒怨좊━ ********/.cate_tab {overflow: hidden;margin: 0 auto 50px;} .cate_tab ul {display: flex;justify-content: center;gap: 1.25rem;margin: 1.5rem 0;} .cate_tab ul li {width: auto;} .cate_tab ul li a {display: inline-block;font-size: 1.25rem;letter-spacing: -0.25pt;color: #797979;line-height: 120%;white-space: nowrap;padding: 20px 34px;box-sizing: border-box;position: relative;} .cate_tab ul li.hover a {color: var(--cms_color);font-weight: 700;} .cate_tab ul li:hover a {color: var(--cms_color);} .cate_tab ul li a:before {content: '';display: block;width: 100%;height: 3px;background: #eef3fc;position: absolute;left: 0;bottom: 0;} .cate_tab ul li:first-child a:before {border-radius: 3px 0 0 3px;} .cate_tab ul li:last-child a:before {border-radius: 0 3px 3px 0;} .cate_tab ul li a:after {content: '';display: block;width: 0;height: 3px;background: var(--cms_color);position: absolute;left: 0;bottom: 0;transition: all .3s linear;border-radius: 3px;} .cate_tab ul li.hover a:after {width: 100%;} .cate_tab ul li:hover a:after {width: 100%;} /******** 酉고럹�댁� ********/.department_view {} .department_view>.btn {padding-top: 40px;text-align-last: center;} .department_view>.btn button {width: 200px;height: 50px;} .department_top {background: #eef3fc;position: relative;} .department_top dl {padding: 60px 0;display: flex;flex-wrap: wrap;align-items: center;} .department_top dl dt {width: 600px;border-radius: 8px;overflow: hidden;} .department_top dl dt img {max-width: 100%;width: 100%;background-repeat: no-repeat;background-position: center;background-size: cover;} .department_top dl dd {padding: 0 0 0 70px;box-sizing: border-box;} .department_top dl dd small {display: block;font-size: 14px;font-weight: 500;letter-spacing: 0.2pt;line-height: 140%;word-break: keep-all;color: #00b5e2;padding: 0 0 10px;} .department_top dl dd h3 {font-size: 46px;font-weight: 700;letter-spacing: -1.8pt;color: #111;line-height: 130%;word-break: keep-all;padding: 0 0 25px;} .tabStyle {} .tabStyle ul {display: flex;} .tabStyle ul li {flex: 1;cursor: pointer;font-size: 1rem;line-height: 72px;letter-spacing: -0.5pt;color: rgba(17, 17, 17, .7);text-align: center;background: #e3e9f4;border-radius: 8px 8px 0 0;transition: all .3s linear;} .tabStyle ul li.focus {font-weight: 600;color: var(--cms_color) !important;background: #fff;} .tabStyle ul li:hover {color: #111;} .department_in {padding: 80px 0 0;display: none;} .department_in.focus {display: block;} .major_cont {} .major_cont .subTit {margin: 50px 0 20px;} .major_cont .subTit:first-child {margin-top: 0;} .subject_cont {} .subject_cont .downloadBtn_wrap {text-align: right;margin: 0 0 20px;} .subject_cont .downloadBtn_wrap .downloadBtn {display: inline-block;font-size: 14px;letter-spacing: -0.3pt;color: #fff;background: var(--cms_color);border-radius: 8px;text-align: center;padding: 0 28px;height: 48px;line-height: 48px;transition: all .3s linear;} .subject_cont .downloadBtn_wrap .downloadBtn:hover {background: #00b5e2;} .subject_cont .downloadBtn_wrap .downloadBtn:before {content: '';display: inline-block;width: 17px;height: 17px;background: url('/img/download_icon.png') no-repeat center/100% auto;margin: -4px 8px 0 0;vertical-align: middle;} /*********** 援먯닔�뚭컻 List *************/.professor_list {} .professor_list:after {content: '';display: block;clear: both;} .professor_list dl {float: left;position: relative;margin: 0 30px 30px 0;width: calc((100% - 60px)/3);} .professor_list dl:nth-child(3n) {margin-right: 0;} .professor_list dl a {display: flex;flex-wrap: wrap;align-items: center;box-sizing: border-box;border: 1px solid #ddd;border-radius: 8px;padding: 40px;position: relative;transition: all .3s linear;} .professor_list dl a:hover {border-color: #00b5e2;} .professor_list dl a:after {content: '';display: inline-block;width: 32px;height: 32px;background: url('/img/syu_icon.png') no-repeat center/100% auto;position: absolute;right: 20px;top: 22px;} .professor_list dl dt {width: 160px;border-radius: 8px;overflow: hidden;} .professor_list dl dt img {max-width: 100%;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;} .professor_list dl dd {width: calc(100% - 160px);padding: 0 0 0 40px;box-sizing: border-box;} .professor_list dl dd h4 {font-size: 25px;letter-spacing: -0.75pt;color: #111;line-height: 120%;font-weight: 300;padding: 0 0 12px;} .professor_list dl dd h4 strong {display: inline-block;font-weight: 700;letter-spacing: -0.75pt;line-height: 120%;} .professor_list dl dd ul {} .professor_list dl dd ul li {font-size: 16px;line-height: 150%;color: #fff;box-sizing: border-box;padding: 0 0 8px 50px;position: relative;word-break: keep-all;} .professor_list dl dd ul li:last-child {padding-bottom: 0;} .professor_list dl dd ul li span {display: inline-block;font-size: 14px;line-height: 150%;color: rgba(17, 17, 17, .5);font-weight: 500;letter-spacing: -0.35pt;position: absolute;left: 0;top: 0;} /*********** 援먯닔�뚭컻 View *************/.professor_view {} .professor_view .contArea {display: flex;width: 100%;position: relative;height: 100%;padding: 60px 0 0;} .professor_view .contArea .infoZone {width: 590px;} .professor_view .contArea .infoZone>div {position: -webkit-sticky;position: sticky;top: 0;z-index: 99;width: 100%;} .professor_view .infoZone dl {display: flex;flex-wrap: wrap;align-items: center;padding: 40px 0;border-bottom: 1px solid #ddd;border-top: 3px solid var(--cms_color);} .professor_view .infoZone dl dt {width: 200px;border-radius: 8px;overflow: hidden;} .professor_view .infoZone dl dt img {max-width: 100%;width: 100%;background-repeat: no-repeat;background-size: cover;background-position: center;} .professor_view .infoZone dl dd {width: calc(100% - 200px);padding: 0 0 0 40px;box-sizing: border-box;} .professor_view .infoZone dl dd h4 {font-size: 25px;letter-spacing: -0.75pt;color: #111;line-height: 120%;font-weight: 300;padding: 0 0 15px;} .professor_view .infoZone dl dd h4 strong {display: inline-block;font-weight: 700;letter-spacing: -0.75pt;line-height: 120%;} .professor_view .infoZone dl dd ul {} .professor_view .infoZone dl dd ul li {font-size: 18px;line-height: 150%;color: #fff;box-sizing: border-box;padding: 0 0 10px 60px;position: relative;word-break: keep-all;} .professor_view .infoZone dl dd ul li:last-child {padding-bottom: 0;} .professor_view .infoZone dl dd ul li span {display: inline-block;font-size: 16px;line-height: 150%;color: rgba(17, 17, 17, .5);font-weight: 500;letter-spacing: -0.35pt;position: absolute;left: 0;top: 0;} .professor_view .contArea .contZone {width: calc(100% - 590px);padding: 0 0 0 100px;box-sizing: border-box;} .professor_view .contZone h3 {font-size: 25px;font-weight: 700;letter-spacing: -0.75pt;line-height: 140%;word-break: keep-all;color: var(--cms_color);padding: 60px 0 15px;} .professor_view .contZone h3:first-child {padding-top: 0;} .professor_view .list_btn {text-align: right;margin: 20px 0 0;} .professor_view .list_btn .btn_w {display: inline-block;text-align: center;height: 50px;line-height: 48px;width: 100px;border: 1px solid #ccc;font-size: 0.9222rem;letter-spacing: -0.5pt;color: #777;vertical-align: top;transition: all 0.3s linear;box-sizing: border-box;border-radius: 3px;background: #fff;cursor: pointer;padding: 0;} .professor_view .list_btn .btn_w:hover {border-color: #fff;color: #222;} /*******************************************************************************@media 1700px *******************************************************************************/ @media all and (max-width:1700px) { /*********** 援먯닔�뚭컻 List *************/.professor_list {} .professor_list dl { width: calc((100% - 30px)/2);} .professor_list dl:nth-child(3n) { margin-right: 30px;} .professor_list dl:nth-child(2n) { margin-right: 0;} /*********** 援먯닔�뚭컻 View *************/.professor_view {} .professor_view .contArea {} .professor_view .contArea .infoZone { width: 480px;} .professor_view .contArea .contZone { width: calc(100% - 480px); padding: 0 0 0 60px;} } /*******************************************************************************@media ~1280px *******************************************************************************/ @media all and (max-width:1280px) { /******** 酉고럹�댁� ********/.department_view {} .department_top {} .department_top dl { padding: 50px 0; align-items: flex-start;} .department_top dl dt { width: 500px;} .department_top dl dd { padding: 20px 0 0 40px; width: calc(100% - 500px);} .department_top dl dd small { font-size: 13px; padding: 0 0 8px;} .department_top dl dd h3 { font-size: 36px; padding: 0 0 18px;} .tabStyle {} .tabStyle ul {} .tabStyle ul li { line-height: 60px;} .department_in { padding: 60px 0 0;} .major_cont {} .major_cont .subTit { margin: 40px 0 15px;} /*********** 援먯닔�뚭컻 List *************/.professor_list {} .professor_list dl { margin: 0 20px 20px 0; width: calc((100% - 20px)/2);} .professor_list dl:nth-child(3n) { margin-right: 20px;} .professor_list dl:nth-child(2n) { margin-right: 0;} .professor_list dl a { padding: 30px;} .professor_list dl dt { width: 140px;} .professor_list dl dd { width: calc(100% - 140px); padding: 0 0 0 30px;} .professor_list dl dd h4 { font-size: 21px; padding: 0 0 10px;} .professor_list dl dd ul {} .professor_list dl dd ul li { font-size: 14px; padding: 0 0 6px 50px;} .professor_list dl dd ul li span { font-size: 13px;} /*********** 援먯닔�뚭컻 View *************/.professor_view {} .professor_view .contArea {} .professor_view .contArea .infoZone { width: 420px;} .professor_view .infoZone dl { padding: 30px 0;} .professor_view .infoZone dl dt { width: 140px;} .professor_view .infoZone dl dd { width: calc(100% - 140px); padding: 0 0 0 30px;} .professor_view .infoZone dl dd h4 { font-size: 21px; padding: 0 0 12px;} .professor_view .infoZone dl dd ul {} .professor_view .infoZone dl dd ul li { font-size: 16px; padding: 0 0 8px 60px;} .professor_view .infoZone dl dd ul li:last-child { padding-bottom: 0;} .professor_view .infoZone dl dd ul li span { font-size: 14px;} .professor_view .contArea .contZone { width: calc(100% - 420px); padding: 0 0 0 50px;} .professor_view .contZone h3 { font-size: 21px; padding: 40px 0 12px;} } /*******************************************************************************@media ~980px body,html{font-size:14px; } 3% *******************************************************************************/ @media all and (max-width:980px) { /* 移댄뀒怨좊━ */.cate_tab { margin: 0 auto 30px;} .cate_tab ul {} .cate_tab ul li {} .cate_tab ul li a { padding: 15px 24px;} /******** 酉고럹�댁� ********/.department_view {} .department_top {} .department_top dl { padding: 40px 0;} .department_top dl dt { width: 350px;} .department_top dl dd { padding: 20px 0 0 30px; width: calc(100% - 350px);} .department_top dl dd small { padding: 0 0 6px;} .department_top dl dd h3 { font-size: 28px; padding: 0 0 12px;} .tabStyle {} .tabStyle ul {} .tabStyle ul li { line-height: 50px;} .department_in { padding: 40px 0 0;} .major_cont {} .major_cont .subTit { margin: 30px 0 10px;} .subject_cont {} .subject_cont .downloadBtn_wrap { margin: 0 0 10px;} .subject_cont .downloadBtn_wrap .downloadBtn { font-size: 13px; padding: 0 20px; height: 40px; line-height: 40px;} .subject_cont .downloadBtn_wrap .downloadBtn:before { width: 14px; height: 14px; margin: -4px 8px 0 0;} /*********** 援먯닔�뚭컻 List *************/.professor_list {} .professor_list dl { margin: 0 0 10px; width: 100%;} .professor_list dl:nth-child(3n) { margin-right: 0;} .professor_list dl:nth-child(2n) { margin-right: 0;} /*********** 援먯닔�뚭컻 View *************/.professor_view {} .professor_view .contArea { flex-wrap: wrap; padding: 40px 0 0;} .professor_view .contArea .infoZone { width: 100%;} .professor_view .contArea .infoZone>div { position: relative;} .professor_view .contArea .contZone { width: 100%; padding: 30px 0 0;} .professor_view .contZone h3 { padding: 30px 0 10px;} .professor_view .list_btn .btn_w { height: 48px; line-height: 46px; width: 90px;} } /*******************************************************************************@media 481~680px *******************************************************************************/ @media all and (max-width:680px) { /* 移댄뀒怨좊━ */.cate_tab { margin: 0 auto 20px; padding: 0 3%; box-sizing: border-box; overflow: hidden; position: relative;} .cate_tab:before { content: ''; display: block; width: 94%; height: 3px; background: #eef3fc; position: absolute; left: 3%; bottom: 0;} .cate_tab ul { display: block; white-space: nowrap; text-align: center; font-size: 0;} .cate_tab ul li { float: none; display: inline-block; margin: 0;} .cate_tab ul li a { padding: 10px 15px;} .cate_tab ul li a:before { display: none;} .cate_tab ul li a:after { height: 2px;} /******** 酉고럹�댁� ********/.department_view {} .department_top {} .department_top dl { padding: 30px 0;} .department_top dl dt { width: 100%;} .department_top dl dd { padding: 20px 0 0; width: 100%;} .department_top dl dd h3 { font-size: 24px; padding: 0 0 10px;} .tabStyle {} .tabStyle ul {} .tabStyle ul li { line-height: 40px;} .department_in { padding: 30px 0 0;} .major_cont {} .major_cont .subTit { margin: 25px 0 8px;} .subject_cont {} .subject_cont .downloadBtn_wrap .downloadBtn { font-size: 11px; padding: 0 15px; height: 36px; line-height: 36px;} .subject_cont .downloadBtn_wrap .downloadBtn:before { width: 12px; height: 12px; margin: -4px 5px 0 0;} /*********** 援먯닔�뚭컻 List *************/.professor_list {} .professor_list dl a { padding: 20px;} .professor_list dl a:after { width: 26px; height: 26px; right: 15px; top: 15px;} .professor_list dl dt { width: 100px;} .professor_list dl dd { width: calc(100% - 100px); padding: 0 0 0 20px;} .professor_list dl dd h4 { font-size: 18px;} .professor_list dl dd ul {} .professor_list dl dd ul li { font-size: 13px;} .professor_list dl dd ul li span { font-size: 12px;} /*********** 援먯닔�뚭컻 View *************/.professor_view {} .professor_view .infoZone dl { padding: 20px 0; align-items: flex-start; border-top: 2px solid;} .professor_view .infoZone dl dt { width: 120px;} .professor_view .infoZone dl dd { width: calc(100% - 120px); padding: 0 0 0 25px;} .professor_view .infoZone dl dd h4 { font-size: 18px; padding: 0 0 10px;} .professor_view .infoZone dl dd ul {} .professor_view .infoZone dl dd ul li { font-size: 14px; padding: 0 0 6px 60px;} .professor_view .infoZone dl dd ul li:last-child { padding-bottom: 0;} .professor_view .infoZone dl dd ul li span { font-size: 13px;} .professor_view .contArea .contZone { padding: 20px 0 0;} .professor_view .contZone h3 { font-size: 18px; padding: 20px 0 8px;} .professor_view .list_btn { margin: 10px 0 0;} .professor_view .list_btn .btn_w { height: 38px; line-height: 36px; width: 80px;} } /*******************************************************************************@media ~480px body,html{font-size:13px; } *******************************************************************************/ @media all and (max-width:480px) {} /*******************************************************************************@media ~360px *******************************************************************************/ @media all and (max-width:360px) { /*********** 援먯닔�뚭컻 List *************/.professor_list {} .professor_list dl dt { width: 100%;} .professor_list dl dd { width: 100%; padding: 15px 0 0;} /*********** 援먯닔�뚭컻 View *************/.professor_view {} .professor_view .infoZone dl dt { width: 100%;} .professor_view .infoZone dl dd { width: 100%; padding: 15px 0 0;} } .brd_list_top {margin-bottom: 30px;} .brd_list_top * {display: inline-block;font-size: 15px;color: #fff;font-family: 'Noto Sans Korean';letter-spacing: 0;} .list_amount {margin-right: 15px;} .list_amount span,.list_page strong {color: var(--cms_color);font-weight: 800;} .sort {display: inline-block;width: 100%;padding: 0 10px;text-align: center;font-size: 14px;line-height: 34px;font-weight: 400;margin: 0 auto;border-radius: 3px;} .sort1 {background: var(--cms_color);} .sort2 {background: var(--cms_color);} .sort3 {background: #fff;} .sortArr {float: right;} /* Modal Window*/.modal_win {position: fixed;width: 100%;height: 100%;top: 0;left: 0;bottom: 0;text-align: center;background-color: rgba(0, 0, 0, .5);z-index: -1;opacity: 0;transition: all 0.2s;} .modal_win.on {opacity: 1;z-index: 9999;} .modal_container {position: relative;display: inline-block;text-align: left;top: 50%;transform: translateY(-50%);background: #fff;border-radius: 5px;padding: 30px 30px 50px;width: 80%;min-width: 360px;max-width: 860px;max-height: 95%;} .modal_content {position: relative;} .modal_content .tit {position: relative;} .modal_content .tit h2 {font-size: 24px;font-weight: 500;color: #ffffff;margin-bottom: 20px;} /*.modal_content .content {height: calc(100vh - 240px);overflow: hidden; overflow-y: auto;}*/.modal_content .content {} .modal_content .long_content {height: calc(100vh - 240px);overflow: hidden;overflow-y: auto;} .modal_content .content .terms_content {} .modal_content .btn_modal_close {position: absolute;right: -10px;top: -10px;color: #ffffff;font-size: 30px;width: 40px;height: 40px;border-radius: 50%;border: 1px solid #fff;text-align: center;line-height: 40px;padding: 0;} .modal_content .btn_modal_close:hover {color: #fff;background: #fff;border-color: #fff;} /* Sub0301_contract_apply */.contract .desc h5 {font-size: 22px;text-align: center;margin: 0 0 30px;word-break: keep-all;background-color: #eee;padding: 10px;} .contract_apply textarea {font-size: 15px;color: #fff;border: 1px solid #ddd;outline: None;resize: none;height: 500px;width: 100%;padding: 40px 50px;} /* Sub0301_contract_search */.contract .seaTabs {margin-top: 50px;} .contract .seaTabs_switch {text-align: center;} .contract .seaTabs_tab {position: relative;text-align: left;width: 320px;padding: 25px 0 25px 100px;border: 1px solid #fc722e;background: url("/resources/user/_EDU/images/sub/icon_switch1.png") no-repeat 40px center;} .contract .seaTabs_tab:last-child {background-image: url("/resources/user/_EDU/images/sub/icon_switch2.png");} .contract .seaTabs_tab .img {position: absolute;left: 40px;top: 50%;transform: translateY(-50%);} .contract .seaTabs_tab h5 {font-size: 20px;color: #fc722e;font-weight: 500;margin-bottom: 5px;} .contract .seaTabs_tab p {font-size: 15px;color: #ff894f;} .contract .seaTabs_switch_active {background-color: #fc722e;background-image: url("/resources/user/_EDU/images/sub/icon_switch1_on.png");} .contract .seaTabs_switch_active:last-child {background-image: url("/resources/user/_EDU/images/sub/icon_switch2_on.png");} .contract .seaTabs_switch_active h5 {font-weight: 400;color: #fff;} .contract .seaTabs_switch_active p {font-weight: 300;color: #fff;} .contract_srch {border: 1px solid #fc722e;padding: 55px;text-align: center;margin: -1px 0 50px;} .contract_srch p {font-size: 18px;} .contract_srch .inner {max-width: 400px;border-bottom: 3px solid #ffffff;margin: 20px auto 0;} /* Sub0301_contract_write */.contract .tb_brd_write td {border-right: 1px solid #ddd;} .contract td:last-child {border-right: none;} .contract a.btn_bdr555 {display: inline-block;vertical-align: middle;line-height: 38px;margin-left: 2px;} .colorBL {color: var(--cms_color);} .txt_center {text-align: center !important;} .contract .colorBL {padding: 15px 30px;background: none;} .contract .colorBL>span {font-size: 18px;font-weight: 500;text-align: left !important;} .contract .input_numb {display: inline-block;margin: 3px 30px 3px 0;} .contract .input_numb:last-child {margin: 0;} .contract .input_numb span:first-child {margin-left: 0;} /* 230622, content.css */ @media screen and (max-width:640px) {.contract .tb_brd_write {} .contract .tb_brd_write colgroup { display: none;} .contract .tb_brd_write table tr { padding: 0;} .contract .tb_brd_write table th { text-align: center;} .contract .tb_brd_write table td { padding: 10px; text-align: center;} .contract .tb_brd_write #CC_CEO_NAME { max-width: unset; margin: 0;} .contract .tb_brd_write #CC_POST { width: calc(100% - 102.5px); max-width: unset;} .contract .tb_brd_write #CC_MANAGER { max-width: unset;} .contract .tb_brd_write #CC_TEL { max-width: unset;} .contract .tb_brd_write #CC_PHONE { max-width: unset;} .contract .tb_brd_write #CC_FAX { max-width: unset;} .contract .tb_brd_write table .error { margin-left: 0;} .contract .tb_brd_write .fileDownLoadBtn2 { width: 100%; margin-top: 3px;} .contract .input_numb { display: flex; align-items: center; width: 100%;} .contract .input_numb span { flex-shrink: 0; width: 60px; text-align: left;} .contract .tb_brd_write th.colorBL.txt_center { padding-top: 40px;} .contract .tb_brd_write .tb_fix_wrap { padding-top: 40px;} .contract .tb_brd_write .tb_fix_wrap .tb_title { margin-bottom: 10px;} .contract .tb_brd_write .tb_fix_wrap .contractDelete { margin-top: -15px; margin-bottom: 20px;}} /* write */.tb_brd_write {border-top: 3px solid var(--cms_color);} .tb_brd_write tr.bdr_top {border-top: 2px solid var(--cms_color);} .tb_brd_write tr.bdr_bottom {border-bottom: 2px solid var(--cms_color);} .tb_brd_write th,.tb_brd_write td {border-bottom: 1px solid #ddd;} .tb_brd_write th {border-right: 1px solid #ddd;text-align: left !important;padding: 0 30px;background: #f6f9ff} .tb_brd_write th.colorBL {border-right: none;} .tb_brd_write th span {vertical-align: middle;font-size: 16px;font-weight: 500;} .tb_brd_write th .file_add_btns {display: inline-block;margin: 5px 0 0 10px;font-size: 0;} .tb_brd_write th a {display: inline-block;vertical-align: middle;background: url("/resources/user/_EDU/images/sub/file_del.png") no-repeat center;width: 18px;height: 18px;margin-left: 3px;} .tb_brd_write th a.add_file {background-image: url("/resources/user/_EDU/images/sub/file_add.png");} .tb_brd_write td {padding: 20px 30px;} .tb_brd_write input {align-content: center;height: 40px;border: 1px solid #ddd;padding: 0 10px;outline: none;width: 100%;color: #ffffff;margin: 2px 0;box-sizing: border-box;} .tb_brd_write textarea {min-height: 210px;width: 100%;outline: none;border: 1px solid #ddd;resize: none;padding: 15px;color: #ffffff;} .brd_btn li a,.brd_btn li button {width: 120px !important;line-height: 50px !important;font-size: 18px !important;text-align: center;} @media screen and (max-width:1060px) {.tb_brd_write td { padding: 15px 20px;}} @media screen and (max-width:960px) { .tb_brd_write th,.tb_brd_write td { padding: 15px 15px} .tb_brd_write th .file_add_btns { display: block; margin: 5px 0 0 0;}} @media screen and (max-width:640px) {.view_head { padding: 25px 20px;} .view_head h4 { font-size: 20px;} .view_head dd { margin: 0 10px 0 5px;} .view_cont .text { padding: 30px 20px; font-size: 15px;} .view_bott { padding: 20px 20px; overflow: hidden;} .tb_brd_write th,.tb_brd_write td { padding: 15px;} /* 230622 */.tb_brd_write th { border-bottom: none;} /* // 230622 */ .tb_brd_write th span { font-size: 15px;} .tb_brd_write input.upload_name,.tb_brd_write input.upload_name2 { max-width: none;} .tb_brd_write #file_upload+label,.tb_brd_write .file_upload+label { width: 100%; margin-top: 5px; text-align: center;}} @media screen and (max-width:480px) {.view_head { padding: 20px 10px;} .view_head dl { font-size: 0;} .view_head dl * { font-size: 14px;} .view_head dl dt { width: 20%; margin: 2px 0;} .view_head dl dd { width: 80%; margin: 2px 0;} .view_cont .text { padding: 20px 10px; font-size: 15px;} .view_file { padding: 20px 10px;} .view_file dt { margin-right: 20px; font-size: 14px;} .view_bott { padding: 15px 10px;} .view_bott ul { padding-left: 20px;} .view_bott .list_ctrl a { font-size: 13px;} .view_bott a { font-size: 13px;} .tb_brd_write th,.tb_brd_write td { padding-left: 10px; padding-right: 10px;} .tb_brd_write input { height: 38px;} .brd_btn li a,.brd_btn li button { width: 100px !important; line-height: 44px !important; font-size: 16px !important;}} /* 교육신청 개인정보 동의 popup 추가 */.btn_agree_popup {display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: var(--cms_color);padding: 0 20px;} .btn_agree_popup2 {display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: var(--cms_color);padding: 0 20px;} .bt_area {position: absolute;right: 11px;margin-top: 9px;} .agree_popup_bg {display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background-color: #ffffff;opacity: 0.4;z-index: 20;} .agree_popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 90vw;width: 480px;max-height: 90vh;background-color: #fff;z-index: 21;padding: 30px 30px 25px 30px;} .agree_popup h2 {text-align: center;font-size: 24px;margin-bottom: 30px;} .agree_popup label {display: inline-flex;align-items: center;font-size: 16px;margin-top: 10px;} .agree_popup input[type=checkbox] {min-width: 18px;height: 18px;margin: 0;margin-right: 10px;} .agree_popup .txt_box {border: 1px solid #ddd;max-height: 200px;padding: 15px;overflow-y: auto;font-size: 15px;line-height: 1.3;margin-bottom: 20px;} .agree_popup .txt_box::-webkit-scrollbar {width: 10px;} .agree_popup .txt_box::-webkit-scrollbar-thumb {background-color: #ccc;width: 0;border-color: #fff;border-style: solid;border-width: 2px 3px;border-radius: 10px;} .agree_popup .txt_box::-webkit-scrollbar-track {background-color: #f9f9f9;} .agree_popup .txt_box .line {margin-bottom: 10px;} .agree_popup .with_num {position: relative;padding-left: 15px;} .agree_popup .with_shape {position: relative;padding-left: 20px;margin-top: 7px;} .agree_popup .with_num .num {position: absolute;top: 0;left: 0;} .agree_popup .with_shape .shape {position: absolute;top: 0;left: 0;} .agree_popup .btn_box {display: flex;justify-content: space-between;margin-top: 20px;} .agree_popup .btn_box button {color: #fff;width: 49.7%;padding: 10px;font-size: 16px;} .agree_popup .btn_verify {background-color: var(--cms_color);} .agree_popup .btn_cancel {background-color: #888;} @media screen and (max-width:480px) {.agree_popup { padding: 20px 15px 15px;} .agree_popup h2 { font-size: 18px; margin-bottom: 20px;} .agree_popup input[type=checkbox] { min-width: 16px; height: 15px; margin-right: 7px;} .agree_popup .txt_box { font-size: 14px;} .agree_popup label { font-size: 13px;} .agree_popup .btn_box button { font-size: 13px; padding: 8px;}} /* Sub0301_Education_Write */.tb_fix_wrap {overflow: hidden;overflow-x: auto;} .tb_edu2 {min-width: 1100px;border-top: 2px solid var(--cms_color);} .tb_title {font-size: 18px;font-weight: 500;padding: 15px 30px;text-align: left;color: var(--cms_color);} .tb_brd_write thead th {height: 60px;text-align: center;} .tb_brd_write thead th:last-child {border-right: none;} .btn_tb_srch {display: inline-block;width: 34px;height: 34px;border-radius: 50%;border: 1px solid #ddd;background: url("/resources/user/_EDU/images/sub/btn_tb_srch.png") no-repeat center;text-indent: -9999px;} /*협약기업 조회 메뉴*/ span.btn_tb {display: inline-block;border: 1px solid var(--cms_color);font-size: 15px;color: var(--cms_color);line-height: 28px;padding: 5px 15px;} span.btn_tb.bg_blue {color: #fff;} .tb_col.contractWrap td {padding: 15px 10px;} .tb_fix_wrap .contractAdd {float: right;margin-top: -8px;padding: 0 20px;line-height: 30px;} .tb_fix_wrap .contractDelete {padding: 0 20px;background: #FF9800;line-height: 30px;color: #fff;} .tb_fix_wrap .contractDelete:hover {background: #be704c;} /*협약기업 승인대기 css*/ span.btn_tb.notOk {border: 1px solid #de0000;color: #de0000;} .fileDownLoadBtn {color: #fff;cursor: pointer;padding: 5px 10px;border: 1px solid #2f8ab9;border-radius: 25px;margin-top: 20px;background: #2f8ab9;} .fileDownLoadBtn2 {display: inline-block;/* line-height: 40px; */font-size: 15px;color: #fff;background: #a1a9b5;padding: 7px 20px;} /*********** List *************/.faq_list {position: relative;border-top: 1px solid #ffffff;} .faq_list dl {position: relative;border: 1px solid #D7E2EA;border-top: 0;} .faq_list dt {width: 100%;transition: all 0.3s;} .faq_list dt a {position: relative;display: block;cursor: pointer;padding: 26px 60px 26px 70px;background: #fff url('/images/user/faq_arrow_down.svg') right 30px center no-repeat;letter-spacing: -0.05em;} .faq_list dt a.active {color: #222;font-weight: 500;background: url('/images/user/faq_arrow_up.svg') right 30px center no-repeat} .faq_list dt a span {position: absolute;left: 30px;top: 28px;display: inline-block;font-weight: 600;color: var(--mainColor);font-size: 25px;font-family: var(--eng);line-height: 1;} .faq_list dt a span.cat {font-weight: normal;font-size: 14px;color: #fff;margin-right: 5px;} .faq_list .check {position: absolute;z-index: 99;top: 16px;width: 20px;} .faq_list dt input[type="checkbox"] {display: inline-block;width: 20px;} .faq_list dd {position: relative;border-top: 1px solid #D7E2EA;padding: 27px 70px 27px 70px;background: #F3F7F9;display: none;} .faq_list dd span.ans {position: absolute;left: 30px;top: 28px;font-weight: 600;color: rgba(34, 34, 34, 0.5);font-size: 25px;line-height: 1;padding-right: 10px;opacity: 0;transition: all 0.3s;font-family: var(--eng);} .faq_list dd.open span.ans {opacity: 1;transition: all 0.3s;} .faq_list dd .faqCont {opacity: 0;transition: all 0.3s;} .faq_list dd.open .faqCont {opacity: 1;transition: all 0.3s;} .faq_list dd p.btn {padding-top: 10px;} .faq_btn {width: 100%;padding-top: 10px;} .faq_btn li.sel_btn {float: left;} .faq_btn li.list_btn {float: right;} .case_btn {text-align: center;padding-top: 30px;} .view_file {position: relative;overflow: hidden;background: #fff;padding: 25px 30px;margin-top: 20px;border-radius: 5px;display: flex;flex-wrap: wrap;align-items: center;} .view_file .btit {font-size: 1rem;color: #222;width: 145px;font-weight: 600;} .view_file .btit span {display: inline-block;color: #222;font-size: 19px;margin-right: 5px;position: relative;top: 4px;} .view_file .bstxt {width: calc(100% - 145px);} .view_file .bstxt a {position: relative;font-size: 1rem;word-break: break-all;letter-spacing: -0.3pt;text-decoration: underline;} /* page_num */.page_num {padding: 60px 0 40px;} /* 페이지 넘버 */.page_number_on {font-weight: bold;float: left;line-height: 12px;padding-top: 4px;width: 24px;height: 20px;text-align: center;margin: 0 2px;background: #646b74;color: #fff;} .page_number {border: 1px solid #ddd;font-weight: bold;line-height: 12px;padding-top: 4px;width: 24px;height: 20px;float: left;text-align: center;margin: 0 2px;} /* 검색바 */.bbs_search {text-align: center;/* padding-top:20px */} .bbs_search label {font-size: 0;} .bbs_search form {display: flex;flex-wrap: wrap;align-items: center;width: 513px;justify-content: space-between;margin: 0 auto;} .bbs_search dt {width: 130px;} .bbs_search dt select {transition: all 0.5s;width: 100%;letter-spacing: -0.03em;color: #222;border: 1px solid #ddd;padding: 11px;} .bbs_search dd {width: 380px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;} .bbs_search dd .search_input {width: calc(100% - 81px);} .bbs_search dd .search_btn {width: 78px;height: 46px;background: #222;color: #fff;font-size: 0.882rem;padding: 0;margin: 0;cursor: pointer;font-weight: 400;letter-spacing: -0.03em;} /* 하단 버튼 */.bbs_btn {position: relative;overflow: hidden;width: 100%;padding-top: 30px;/* margin-bottom:52px; */} .bbs_btn.align_right {text-align: right;} .bbs_btn li.sel_btn {float: left;} .bbs_btn li.list_btn {float: right;} .bbs_btn li.list_btn:after {display: block;content: "";overflow: hidden;} .bbs_btn a {margin: 0 1px;/* width:100px; height:50px; line-height:50px; */display: inline-block;text-align: center;height: 36px;line-height: 36px;width: 80px;} .bbs_btn input {margin: 0 1px;} /*********** View *************/.board_view .titArea {padding: 32px 20px;border-top: 2px solid #222;border-bottom: 1px solid #ddd;position: relative;} .board_view .titArea .tit_wrap {position: relative;} .board_view .titArea .btit {color: #222;font-size: 22px;letter-spacing: -0.8pt;margin-bottom: 14px;font-weight: 600;line-height: 1.2;padding-right: 75px;box-sizing: border-box;} .board_view .titArea .bdate {position: relative;} .board_view .titArea .bdate span {position: relative;display: block;color: #aaa;line-height: 100%;font-size: 1rem;} .board_view .titArea .bdate b {font-weight: 400;color: #222;display: inline-block;width: 45px;} .board_view .titArea .count {font-style: normal;position: absolute;top: 50%;right: 0;transform: translateY(-50%);} .board_view .titArea .count img {margin-right: 7px;position: relative;top: -2px;} .board_view .conArea {padding: 30px 20px} .board_view .conArea img {max-width: 100% !important;height: auto !important} .board_view .page_next {position: relative;overflow: hidden;} .board_view .page_next .prev {position: relative;overflow: hidden;padding: 22px 20px;border-top: 1px solid #ddd;display: flex;flex-wrap: wrap;align-items: center;} .board_view .page_next .next {position: relative;overflow: hidden;padding: 22px 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #bbb;display: flex;flex-wrap: wrap;align-items: center;} .board_view .page_next .pt {letter-spacing: -0.3pt;position: relative;font-size: 1rem;width: 155px;color: #222;line-height: 100%;font-weight: 600;} .board_view .page_next .pt:after {content: '';display: block;width: 14px;height: 8px;background: url('/img/pt.png') no-repeat;position: absolute;right: 70px;top: 50%;margin-top: -4px;} .board_view .page_next .next .pt:after {background: url('/img/pb.png') no-repeat;} .board_view .page_next .pt2 {position: relative;float: left;width: calc(100% - 155px);} .board_view .page_next .pt2 a {display: block;letter-spacing: -0.3pt;color: #666;font-size: 1rem;line-height: 130%;position: relative;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .board_view .con_box {margin-top: 30px;} .board_view .view_file {position: relative;overflow: hidden;background: #F3F7F9;padding: 25px 30px;margin-top: 20px;border-radius: 5px;display: flex;flex-wrap: wrap;align-items: center;} .board_view .view_file .btit {font-size: 1rem;color: #222;width: 145px;font-weight: 600;} .board_view .view_file .btit span {display: inline-block;color: #222;font-size: 19px;margin-right: 5px;position: relative;top: 4px;} .board_view .view_file .bstxt {width: calc(100% - 145px);} .board_view .view_file .bstxt a {position: relative;font-size: 1rem;word-break: break-all;letter-spacing: -0.3pt;text-decoration: underline;} /*********** Input *************/.bbs_input p.bbsRemark {display: block;color: #0076bd;font-weight: 500;padding: 8px 0 0;} .bbs_input span.bbsRemark {color: #0076bd;font-weight: 500;padding-left: 8px;} .bbs_input td.bbsRemark {color: #0076bd;font-weight: 500;} .bbsRemark {color: #0076bd;font-weight: 500;padding: 0 0 8px;} /* 저작권공지 */.input_notice {border: 1px solid #ddd;background-color: #f9f9f9;padding: 18px 20px;} .input_notice h4 {font-size: 16px;font-weight: 600;color: #fff;letter-spacing: -1pt;padding: 0 0 5px 0;} .input_notice h4 span {color: #d51921;letter-spacing: -1pt;} .input_notice p.txt {color: #666;line-height: 21px;font-size: 13px;} .input_notice p.point {color: #d51921;line-height: 21px;padding: 3px 0 0 0;text-decoration: underline;font-size: 13px;} .input_msg {padding: 15px 0 10px 0;text-align: right;} .bbs_input {width: 100%;border-collapse: separate;border-spacing: 0px;border-top: 1px solid #222;} .bbs_input th {color: #fff;text-align: left;padding: 8px 10px;border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;} .bbs_input td {border-bottom: 1px solid #d4d4d4;padding: 8px 10px;text-align: left;} .bbs_input td.line {border-right: 1px solid #d4d4d4;} .bbs_input td.input_contents textarea {width: 100%;padding: 5px;box-sizing: border-box;line-height: 150%;} .subject_table {width: 100%;border-collapse: separate;border-spacing: 0px;} .subject_table td {border: none;padding: 0;} .subject_table .cat {width: 18%;} /* 동의폼 */.pri_box {width: 100%;border: 1px solid #dddddd;padding: 15px;margin: 10px 0px 20px 0px;box-sizing: border-box;} .pri_box p.pri_tit {font-size: 14px;font-weight: 600;padding-bottom: 10px;color: #fff;} .pri_box .textarea {height: 100px;} .pri_message {width: 100%;text-align: right;padding-top: 8px;font-family: inherit;} .pri_message input[type=checkbox] {width: 12px;height: 12px;margin-right: 5px;} .reply_icon {position: relative;float: left;width: 18px;height: 30px;background: url('/admin/images/reply_icon.gif') 0 0 no-repeat} /*********** Passwd *************/.passwd {width: 530px;margin: 0 auto;border: 2px solid #eaeaea;padding: 20px 15px;} .passwd ul {width: 98%;overflow: hidden;} .passwd li {float: left;} .passwd .pw_img {margin-right: 5px;} .passwd .line {width: 1px;background: #ddd;height: 63px;} .passwd .info {padding-left: 28px;} .passwd .msg {padding-bottom: 10px;} .passwd .input_passwd {margin-right: 10px} .passwd .btn {} /*********** Comment *************/.comments {padding: 15px 18px;background: #f9f9f9;border-bottom: 1px solid #ddd;} .comments dl {overflow: hidden;padding: 0 0 5px 0;} .comments dl dt {display: inline-block;font-size: 13px;} .comments dl dd {display: inline-block;margin-right: 10px;} .comments ul {overflow: hidden;} .comments li {float: left;width: calc(100% - 83px);} .comments li.btn {float: right;width: 80px;} .comments textarea {height: 58px;} .comments .spam_check {} .comments .spam_check .sub_txt {font-size: 13px;display: inline-block;} .comm_btn_confirm {display: inline-block;width: 80px;cursor: pointer;height: 58px;text-align: center;color: #fff;border: 1px solid #fff;background: #fff;font-size: 13px;letter-spacing: -0.5pt;vertical-align: top;transition: all 0.3s} .comments_body {overflow: hidden;border-bottom: 1px solid #ddd;padding: 15px;} .comments_body p.file {color: #888;font-size: 13px;} .comments_body p.cont {padding: 3px 0 5px 0;} .comments_body p.info {color: #888;font-size: 13px;} .comments_body p.info strong {color: #fff;margin-right: 7px} .comments_body p.info span {margin-right: 7px;} .comments_body p.info span:before {display: inline-block;content: "";width: 1px;height: 13px;background: #ccc;margin: 0 10px -2px 0;overflow: hidden;} .filebox input[type="file"] {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;} .filebox label {display: inline-block;padding: 8px 15px 3px 15px;color: #FFF;font-size: inherit;line-height: normal;vertical-align: middle;background-color: #484C57;cursor: pointer;border: 1px solid #484C57;height: 20px;} /* named upload */.filebox .upload-name {display: inline-block;padding: .5em .75em;/* label의 패딩값과 일치 */font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;/* background-color: #f5f5f5; */border: 1px solid #ccc;border-bottom-color: #ccc;-webkit-appearance: none;/* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;height: 33px;width: 200px;} .filebox .upload-name1 {display: inline-block;padding: .5em .75em;/* label의 패딩값과 일치 */font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;/* background-color: #f5f5f5; */border: 1px solid #ccc;border-bottom-color: #ccc;-webkit-appearance: none;/* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;height: 33px;width: 200px;} .filebox .upload-name2 {display: inline-block;padding: .5em .75em;/* label의 패딩값과 일치 */font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;/* background-color: #f5f5f5; */border: 1px solid #ccc;border-bottom-color: #ccc;-webkit-appearance: none;/* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;height: 33px;width: 200px;} .filebox .upload-name3 {display: inline-block;padding: .5em .75em;/* label의 패딩값과 일치 */font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;/* background-color: #f5f5f5; */border: 1px solid #ccc;border-bottom-color: #ccc;-webkit-appearance: none;/* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;height: 33px;width: 200px;} .upload-hidden {margin: 1px 0;border: 0px;font-size: 12px;font-family: NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;color: #FFFFFF;border: 1px solid #d86771;padding: 5px;background-repeat: no-repeat;background-position: right 3px center;background-color: #d86771;} /* imaged preview */.filebox .upload-display {/* 이미지가 표시될 지역 */margin-bottom: 5px;} @media(min-width: 768px) {.filebox .upload-display { display: inline-block; margin-right: 5px; margin-bottom: 0;}} @media(max-width: 768px) {.popUp_contract_wrap { display: none; position: fixed; left: 5%; top: 20%; z-index: 100; background-color: #fff; border: 5px solid #0368b3; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); width: 90%; height: 500px; padding: 30px 35px;}} .filebox .upload-thumb-wrap {/* 추가될 이미지를 감싸는 요소 */display: inline-block;width: 70px;height: 33px;padding: 2px;vertical-align: middle;border: 1px solid #ddd;background-color: #fff;} .filebox .upload-display img {/* 추가될 이미지 */display: block;max-width: 100%;width: 100%;height: 100%;} /******************************************************************************* @media 980~1300px *******************************************************************************/ @media all and (max-width:1300px) { .bbs_input td .input_m { width: 50%;} .bbs_input td .input_l { width: 100%;} .bbs_input td input[type="file"] { width: 50%;} .bbs_input span.sub_txt { display: block; padding-left: 0; padding-top: 5px;} } /******************************************************************************* @media 801~980px *******************************************************************************/ @media all and (max-width:980px) { .bbs_con th { line-height: 58px;} .bbs_con td { padding: 16px 0;} .board_view .titArea { padding: 24px 20px;} .board_view .titArea .btit { font-size: 18px; margin-bottom: 12px;} .board_view .titArea .count img { width: 20px;} .board_view .view_file { padding: 20px;} .board_view .view_file .btit { width: 110px;} .board_view .view_file .bstxt { width: calc(100% - 110px);} .board_view .page_next .prev { padding: 18px 20px;} .board_view .page_next .next { padding: 18px 20px;} .board_view .page_next .pt { width: 120px;} .board_view .page_next .pt:after { right: 40px;} .board_view .page_next .pt2 { width: calc(100% - 120px);} } /******************************************************************************* @media 681~800px *******************************************************************************/ @media all and (max-width:768px) {} /******************************************************************************* @media *******************************************************************************/ @media all and (max-width:680px) { /*********** 공통 css *************/select { padding: 0 12px; height: 42px !important;} .input { padding: 0 12px; height: 42px !important;} .search_input { padding: 0 12px; height: 42px !important;} .textarea { padding: 12px;} /*********** List *************/.bbs_con { border-top: 2px solid #222;} .bbs_con th { display: none} .bbs_con td { padding: 15px 0; border-right: none;} .bbs_con td.left { padding: 13px 3px;} .bbs_con .pc_line { display: none} .bbs_con .mo_line { display: block; position: relative; padding-right: 30px;} /* .mo_line .list_cate{color:#858585; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px}.mo_line .list_cate .notice{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center;color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px} */.mo_line .subject,.mo_line .subject a { font-weight: 600 !important; color: #222; letter-spacing: -0.55pt; display: inline-block; margin: 0 0 3px;} .mo_line .writer { overflow: hidden; clear: both;} .mo_line .writer li { float: left; color: #aaa; padding: 0 8px; background: url('/images/user/bbs_list_line.gif') no-repeat left center; font-size: 0.9222rem} .mo_line .writer li:first-child { padding-left: 0; background: none;} .mo_line .img { vertical-align: middle; margin: 0 0 3px} /*.mo_line .re_icon{display:inline-block; float:left; padding:7px 7px 0 0 }*/.mo_line .list { float: left;} .mo_line .commentBg { display: block; position: absolute; right: 3px; top: 30%; width: 30px; height: 30px; text-align: center; line-height: 30px; background: url('/images/user/comment_bg.gif') no-repeat center; color: #858585; font-weight: 400;} .mo_line .recom { background: url('/images/user/recom.gif') no-repeat left center; background-size: 11px 10px; padding: 0 0 0 13px; font-size: 10px; color: #858585;} .page_num { padding: 30px 0 20px;} .board_view .titArea { padding: 16px 15px;} .board_view .titArea .btit { font-size: 15px; margin-bottom: 6px; padding-right: 40px;} .board_view .titArea .count img { width: 16px; top: 0; margin-right: 4px;} .board_view .conArea { padding: 20px 15px;} .board_view .view_file { padding: 15px;} .board_view .view_file .btit { width: 90px;} .board_view .view_file .btit span { font-size: 12px; top: 2px;} .board_view .view_file .bstxt { width: calc(100% - 90px);} .board_view .page_next .prev { padding: 14px 15px;} .board_view .page_next .next { padding: 14px 15px;} .board_view .page_next .pt { width: 80px;} .board_view .page_next .pt:after { right: 15px; width: 12px; background-size: 100% !important;} .board_view .page_next .pt2 { width: calc(100% - 80px);} /* 버튼디자인 */.btn_w { height: 30px; line-height: 30px; width: 65px; font-size: 12px;} .btn_b:link,.btn_b:visited { height: 30px; line-height: 30px; width: 65px; font-size: 12px;} .btn_b_s { height: 30px; width: 70px;} input.btn_w { height: 30px; line-height: 30px; width: 65px; font-size: 12px;} input.btn_b { height: 30px; width: 65px; font-size: 12px;} .bbs_search form { width: 100%;} .bbs_search dt { width: 100%; margin-bottom: 3px;} .bbs_search dd { width: 100%;} .bbs_search dd .search_btn { height: 42px;} } /******************************************************************************* @media *******************************************************************************/ @media all and (max-width:420px) { /* 검색바 */.bbs_search { padding-top: 20px; width: 100%; margin: 0 auto;} .bbs_search dt { display: inline-block; width: 100%; margin: 0 0 3px;} .bbs_search dt select { width: 100%;} .bbs_search dd { width: 100%;} .bbs_search dd .search_input { margin: 0 3px 0 0; width: calc(100% - 83px);} .bbs_search dd .btn_b_s { width: 60px; font-size: 1rem; margin-left: 0;} } /* view */.board_view {border-top: 3px solid var(--cms_color);border-bottom: 1px solid #ffffff;} .view_head {padding: 30px 20px;} .view_head h4 {font-size: 22px;color: var(--cms_color);font-weight: 500;margin-bottom: 20px;} .view_head dl * {display: inline-block;vertical-align: middle;font-size: 15px;} .view_head dt:before {content: '';display: inline-block;vertical-align: middle;width: 4px;height: 4px;background: #fff;border-radius: 50%;margin: 0 5px 3px 0;} .view_head dd {color: #fff;margin: 0 20px 0 5px;} .view_head dd>a {background-color: var(--cms_color);color: #fff;border: 1px solid var(--cms_color);border-radius: 20px;padding: 0 10px;} .view_cont {border: 1px solid #ddd;border-left: none;border-right: none;} .view_cont .text {padding: 50px 20px;font-size: 16px;color: #fff;min-height: 350px;} .view_file {padding: 30px 20px;border-top: 1px solid #ddd;} .view_file dl {overflow: hidden;} .view_file dt {float: left;margin-right: 30px;font-size: 15px;} .view_file dd {float: left;} .view_file a {display: inline-block;color: #fff;background: url("/resources/user/_EDU/images/sub/icon_file.png") no-repeat 0 center;padding-left: 20px;margin-bottom: 10px;} .view_file a:hover {color: #006BEB} .view_file li:last-child a {margin: 0;} .view_bott {padding: 30px 20px;overflow: hidden;} .view_bott a {line-height: 36px;color: #fff;} .view_bott a:hover {color: #ffffff;} .view_bott .list_ctrl {float: left;} .view_bott .list_ctrl a {display: block;padding-left: 20px;background: url("/resources/user/_EDU/images/sub/view_prev.png") no-repeat 0 center;} .view_bott .list_ctrl a.brd_next {background-image: url("/resources/user/_EDU/images/sub/view_next.png");} .view_bott ul {float: left;padding-left: 30px;} /* 20210528 추가 */ /* View Comment */ .brd_comment {padding: 30px 50px 40px;background: #f8f8f8;} .brd_comment .brd_cmt_tit {} .brd_comment .brd_cmt_tit h5 {color: #fff;} .brd_comment .brd_cmt_tit .comment {margin-top: -5px;padding-bottom: 10px;} .brd_comment .brd_cmt_tit .comment span {font-size: 12pt;font-weight: 500;} .brd_comment .brd_cmt_tit h3 {font-size: 17px;font-weight: 500;color: #ffffff;} .brd_comment .brd_cmt_tit p {padding: 10px 0 15px;color: #fff;font-size: 14px;word-break: keep-all;line-height: 1.4;} .brd_cmt_cont {position: relative;} .cmt_writer_info {padding-bottom: 10px;} .cmt_writer_info .cmt_writer_input {border: 1px solid #ddd;padding: 0 10px;width: 120px;height: 36px;line-height: 36px;margin-right: 5px;} .cmt_input_area {position: relative;padding: 0 100px 0 0;height: 100px;} .textarea {background: #fff;border: 1px solid #ddd;color: #666;height: 80px;width: 100%;padding: 15px;overflow: auto;outline: none;box-sizing: border-box;} .btnCmt {position: absolute;top: 0;right: 0;width: 100px;height: 80px !important;background: #fff;color: #fff;font-size: 16px;font-weight: 500;border: none;outline: none;cursor: pointer;} .btnCmt:hover {background: #ffffff;} .cmt_reply_write {margin-top: 20px;} .cal_search {background: #f8f8f8;padding: 35px;margin-bottom: 50px;text-align: center;} .cal_search .inner {position: relative;display: inline-block;max-width: 600px;} .cal_search .sltDrop {display: inline-block;text-align: left;vertical-align: middle;min-width: 100px;border: 1px solid #c9c9c9;border-radius: 6px;} .cal_search .sltDrop .vDrop {height: 44px;border-bottom: 2px solid #ffffff;} .cal_search .sltDrop .vDrop a {font-size: 18px;background: none;line-height: 43px;border: none;min-width: 100px;width: auto;color: #ffffff;} .cal_search .sltDrop .vDrop>a {padding: 0 25px 0 10px;} .cal_search .sltDrop .vDrop ul {width: 100%;top: 44px;z-index: 3;} .cal_search .inner>span {display: inline-block;vertical-align: middle;font-size: 18px;margin: 0 10px;} .cal_search .inner .cal_btn {display: inline-block;vertical-align: middle;margin-left: 10px;} .cal_search .inner .cal_btn button {outline: none;height: 44px;border-radius: 5px;background: #fff;line-height: 43px;padding: 0 25px;font-size: 18px;color: #fff;border: 1px solid #ccc;margin: 0 2px;} .cal_search .inner .cal_btn button.btn_cal_sch {background: #777;color: #fff;border: none;} .cal_head {margin-bottom: 20px;text-align: center;overflow: hidden;} .cal_head .month_prev {float: left;} .cal_head .month_next {float: right;} .cal_head button {position: relative;text-indent: -9999px;width: 50px;height: 50px;border: 1px solid #ccc;border-radius: 50%;outline: none;} .cal_head button:after {content: '';position: absolute;left: 17px;top: 15px;display: inline-block;width: 10px;height: 10px;border: 2px solid #ffffff;transform: rotate(-135deg) translateX(-50%);border-left: none;border-bottom: none;} .cal_head .month_next button:after {top: 19px;left: 16px;transform: rotate(45deg);} .cal_head .month_center h4 {display: inline-block;font-size: 34px;font-weight: 600;} .cal_container {} .cal_content {} .cal_content table {table-layout: fixed;} .cal_content table thead th {text-align: center;border-left: 1px solid #ddd;padding: 20px 10px;} .cal_content table thead th:first-child {border-left: none;} .cal_content table tbody td {text-align: right;vertical-align: top;border-left: 1px solid #ddd;padding: 10px} .cal_content>table>tbody>tr>td {padding: 0;} .cal_content table tbody td:first-child {border-left: none;} .cal_container {position: relative;} .cal_table {height: 120px;} .cal_table table {height: 100%;} .cal_table .tb_cal tr td {font-family: "Poppins", sans-serif;color: #ffffff;font-size: 18px;} .cal_table .tb_cal tr td.today {background: #fefaf3;border-top: 1px solid #ddd;} .cal_table .tb_cal tr td span.day_past {color: #bbb;} .cal_event_table {position: absolute;left: 0;top: 0;width: 100%;z-index: 2;} .cal_event_table table tr td {border: none;} .cal_event_table table tr td a.event_msg {display: block;background: #fff;font-size: 14px;color: #ffffff;border: 1px solid #ccc;padding: 5px;border-radius: 6px;text-align: left;margin-top: 25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} /* Sub020402 : 연간일정 */.year_edu_list {margin-bottom: 80px;} .year_edu_list:last-child {margin-bottom: 0;} .cal_guide {margin: 30px 0 0;} .cal_guide ul {font-size: 0;} .cal_guide ul li {display: inline-block;vertical-align: middle;font-size: 14px;} .cal_guide ul li span {display: inline-block;margin-right: 10px;width: 23px;height: 23px;line-height: 23px;text-align: center;border-radius: 50%;font-size: 13px;font-weight: 500;color: #fff;} .cal_guide ul li span.sign_wait {background: #BF2426;} .cal_guide ul li span.sign_end {background: #008C93;} .cal_guide ul li span.sign_ing {background: #D76610;} .cal_guide ul li span.sign_edu {background: #003ECF;} .cal_guide ul li span.sign_finish {background: #777;} .cal_guide ul li:after {content: '';display: inline-block;vertical-align: middle;width: 1px;height: 12px;background: #bbb;margin: 0 10px;} .cal_guide ul li:last-child:after {display: none;} .sign_state {display: inline-flex;margin-left: 10px;width: 47px;height: 23px;line-height: 23px;text-align: center;border-radius: 5%;font-size: 13px;font-weight: 500;color: #fff;justify-content: space-around;} .sign_state.wait {background: #FF9800;} .sign_state.end {background: #3F51B5;} .sign_state.ing {background: #D76610;} .sign_state.edu {background: #2196F3;} .sign_state.finish {background: #777;} @media screen and (max-width:1280px) {.arrShort_right { min-height: 137px;}} @media screen and (max-width:1230px) {.s020301_2 .step3 dd:last-child .border { height: 200px;}} @media screen and (max-width:1200px) {.s020101_1 .desc { padding: 80px; padding-left: 48%;} .s020101_1 .title { width: 400px;} .arrShort_right { min-height: 140px;}} @media screen and (max-width:1160px) {.s020301_2 .step3 .bg_555+p.desc { min-height: 98px;} .arrShort_right:after { right: -28px;}} @media screen and (max-width:1061px) {.s020301_2 .step2 .float_cont { height: 395px;} .arrShort:after,.arrLong:after,.arrShort_before:before { margin: 5px auto;} .arrShort_right:after { right: -26px;}} @media screen and (max-width:1024px) {.s020101_1 .desc { padding-left: 50%;} .s020101_1 .title img { width: 320px;} .s020101_1 .title strong { font-size: 34px;} .s020101_2 .desc { padding: 60px 80px 60px 0;} .s020101_2 .desc p { padding-left: 40px;} .s020301_1 .icon { max-width: 50px;} a.btn_arrow { padding: 0 40px 0 15px;}} @media screen and (max-width:1020px) {.s020301_2 .float_cont_wrap.last .border { height: 240px;}} @media screen and (max-width:1010px) {.s020301_2 .step3 .float_cont_wrap:first-child .border { height: 200px;} a.btn_arrow { font-size: 14px;}} @media screen and (max-width:980px) {.s020301_2 .step3 .float_cont_wrap:first-child .border { height: 220px;} .s020301_2 .step3 dd:last-child .border { height: 220px;}} @media screen and (max-width:960px) {.s020101_1 .desc { padding: 80px;} .s020101_1 .title { position: static; top: auto; left: auto; width: auto; transform: none; text-align: center; margin-bottom: 25px;} .s020101_1 .title img { float: none; margin: 0 auto 20px;} .s020101_3 .img { padding: 60px;} .s020101_2 .inner { padding-left: 0;} .s020101_2 .desc { width: 100%; padding: 0 0 50px; position: static; left: auto; top: auto;} .s020102_1 li { float: none; width: 100%; border-top: 1px solid #ddd; min-height: 160px; padding-left: 140px;} .s020102_1 .icon { top: 45px; width: 80px; height: 80px; background-size: 40px auto;} .s020102_3 .inner { padding: 80px;} .s020301_1 ol { margin: 30px -2.3333% 80px 0;} .s020301_1 li { width: 31%; margin-right: 2.3333%; margin-bottom: 20px; padding: 30px 20px; height: 200px;} .s020301_1 h5 { font-size: 18px; margin: 10px 0 10px;} .s020301_1 p { font-size: 15px; line-height: 1.4;} .s020301_1 li:nth-child(3):before,.s020301_1 li:nth-child(3):after { display: none;} .s020301_2 span.step { position: static; left: auto;} .s020301_2 h5 { position: static; left: auto; top: auto; margin: 5px 0 20px;} .s020301_2 .rightCont { padding-left: 0;} .s020301_2 .step2 .float_cont { height: 376px;} .s020301_2 .step3 .float_cont_wrap:first-child .border { height: 180px;} .s020301_2 .step3 dd:last-child .border { height: 200px;} .s020301_2 .float_cont_wrap.last .border { height: 220px;}} @media screen and (max-width:831px) {.s020301_2 .step2 .float_cont { height: 395px;}} @media screen and (max-width:800px) {.s020301_2 .float_cont_wrap.last .border { height: 240px;}} @media screen and (max-width:780px) {.s020301_2 .step3 .float_cont_wrap:first-child .border { height: 200px;} .id_search_new .login_input dd .input_hp3 { width: calc(48.9% - 64px);}} @media screen and (max-width:768px) {.cal_search .inner .cal_btn button { height: 38px; line-height: 37px; padding: 0 20px; font-size: 16px;} .cal_head button { width: 40px; height: 40px;} .cal_head button:after { left: 14px; top: 12px; width: 6px; height: 6px;} .cal_head .month_next button:after { top: 15px; left: 14px; transform: rotate(45deg);} .cal_head .month_center h4 { font-size: 30px;} .cal_table .tb_cal tr td { font-size: 15px;} .cal_content table tbody td { padding: 10px 5px; font-size: 15px;} #s020101 section { margin-bottom: 50px} .s020101_1 .title img { width: 300px;} .s020101_1 .title strong { font-size: 30px;} .s020101_1 .text p { font-size: 18px; line-height: 1.5;} .s020101_2 .desc p { font-size: 17px; line-height: 1.5;} .s020101_2 .bg { height: 300px;} .s020101_2 li { padding: 40px;} .s020101_2 li h5 { font-size: 22px; padding-left: 60px; margin-bottom: 30px;} .s020101_2 li h5:before { width: 40px; height: 40px;} .s020101_2 li p { font-size: 17px; line-height: 1.5;} .s020101_3 .img { padding: 40px;} .s020102_1 p { font-size: 18px; line-height: 1.5;} .s020102_2 h5 { font-size: 24px;} .s020102_2 .bullet_list li { font-size: 17px; line-height: 1.5;} .s020102_3 .inner { padding: 50px;} .s020102_3 ol>li { padding-left: 130px;} .s020102_3 span { font-size: 16px; height: 30px; line-height: 29px;} .s020102_3 h5 { font-size: 20px;} .s020102_3 p { font-size: 16px; line-height: 1.5;} a.btn_more { height: 30px; line-height: 29px; font-size: 13px; padding: 0 30px 0 10px; background-position: right 10px center; background-size: 10px auto;} .bg_blue strong { padding: 10px 15px; font-size: 18px;} .rightCont .desc { padding: 15px 20px;} .rightCont p { font-size: 15px;} a.btn_rightCont { width: 120px; height: 38px; line-height: 37px; font-size: 15px;} a.btn_rightCont.abs { right: 20px;} .s020301_2 .step1 .float_cont { height: 220px;} .bg_f4 strong { padding: 10px 15px; font-size: 18px;} .rightCont span { font-size: 16px; margin-bottom: 10px;} .bg_f8 strong { padding: 10px 15px; font-size: 18px} .rightCont strong { font-size: 18px;} .s020301_2 .step2 .float_cont { height: 332px;} .arrLong:after { margin: 0 auto;} .s020301_2 .step3 .btn_rightCont { width: 150px;} .arrShort_right { min-height: 112px;} .s020301_2 .step3 .float_cont_wrap:first-child .border { height: 200px;} .s020301_2 .step3 .bg_555+p.desc { min-height: 80px;} .s020301_2 .step3 dd:last-child .border { height: 200px;} a.btn_arrow { padding: 0 30px 0 15px; background-size: 16px auto; background-position: right 10px center;} .s020301_2 .float_cont_wrap.last .border { height: 220px;} .s020301_2 .float_cont_wrap.last { padding-left: 200px;}} @media screen and (max-width:640px) {.cal_search .inner .cal_btn { display: block; margin-left: 0; margin-top: 20px;} .cal_search .inner .cal_btn button { width: 48%; margin: 0 0.5%;} .cal_table { height: 100px;} .cal_content table thead th { padding: 15px 10px; font-size: 15px;} .cal_content table tbody td { font-size: 14px;} .cal_event_table table tr td a.event_msg { font-size: 13px;} #s020402 .cal_search .inner .cal_btn button { width: 80%; margin: 0;} .cal_guide ul li { font-size: 13px; margin-left: 10px} .cal_guide ul li:first-child { margin-left: 0;} .cal_guide ul li span { margin-right: 5px; width: 21px; height: 21px; line-height: 21px; font-size: 12px;} .cal_guide ul li:after { display: none;} .s020101_1 .desc { padding: 60px;} .s020101_1 .title p { padding: 15px 20px;} .s020101_1 .title strong { font-size: 26px;} .s020101_2 ul { display: block; margin-top: 50px;} .s020101_2 ul li { display: block; width: 100%;} .s020102_2 .img { position: static; width: 100%; padding-right: 0; left: auto;} .s020102_2 h5,.s020102_2 ul { padding-left: 0;} .s020102_2 .desc { padding-left: 0; min-height: auto; margin-top: 30px;} .s020102_3 ol { margin-top: 80px;} .s020102_3 ol>li { padding-left: 30px;} .s020102_3 span { position: static; left: auto; margin-bottom: 10px;} #s020201 .tb_col thead { display: none;} #s020201 .tb_col tr { display: block; width: 100%; padding: 20px 0; border-bottom: 1px solid #ddd;} #s020201 .tb_col tr td { display: block; width: 100%; position: relative; border: none; text-align: left; padding: 3px 0 3px 200px;} #s020201 .tb_col tr td:first-child { display: none;} #s020201 .tb_col tr td:last-child { padding-left: 0;} #s020201 .tb_col tr td:before { content: attr(data-label); position: absolute; left: 0; width: 200px; font-size: 14px; color: #ffffff;} #s020201 .tb_col tr td:last-child:before { display: none;} .s020301_1 span { width: 30px; height: 30px; line-height: 30px; font-size: 14px; top: 15px; left: 15px;} .s020301_1 .icon { max-width: 46px} .s020301_1 li:before { border-left: 12px solid #ccc; border-top: 6px solid transparent; border-bottom: 6px solid transparent;} .s020301_1 li:after { border-left: 10px solid #fff; border-top: 5px solid transparent; border-bottom: 5px solid transparent;} .float_cont { float: none; width: 100%; margin: 0 0 20px;} .rightCont .border.blue .desc { text-align: center;} a.btn_rightCont.abs { display: inline-block; margin-top: 15px; position: static; top: auto; transform: none; right: auto;} .s020301_2 .step1 .float_cont { height: auto;} .rightCont strong { font-size: 16px;} .s020301_2 .step2 .float_cont { height: auto;} .float_cont_wrap { margin-right: 0;} .arrLong:after { width: 20px; height: 22px; background: url(/resources/user/_EDU/images/sub/arrow.png) no-repeat center; margin: 5px auto;} .s020301_2 .step2 .arrLong+.desc { position: static; bottom: auto; left: auto;} .s020301_2 .step3 .float_cont_wrap:first-child .border { height: auto;} .s020301_2 .step3 .btn_rightCont { display: inline-block; width: auto; padding: 0 20px; font-size: 14px;} .s020301_2 .step3 .ment { margin: 30px 0;} .arrShort_right { min-height: auto;} .step3 .arrShort_right:after { position: static; width: 25px; height: 20px; top: auto; right: auto; background: url(/resources/user/_EDU/images/sub/arrow.png) no-repeat center; transform: none; margin: 5px auto -10px;} .step3 .rightCont .float_cont_wrap:nth-child(3) .arrShort_right { margin-bottom: 30px;} .step3 .rightCont .float_cont_wrap:nth-child(3) .arrShort_right:after { transform: translateY(30px);} .s020301_2 .step3 dt { font-size: 18px; margin: 20px 0;} .rightCont strong { font-size: 15px;} .bg_555 strong { padding: 10px 20px;} .s020301_2 .step3 .bg_555+p.desc { min-height: auto; line-height: 1.4;} .s020301_2 .step3 dd:last-child .border { height: auto;} a.btn_arrow { display: inline-block; padding-right: 50px; padding-left: 20px; background-position: right 20px center;} .s020301_2 .float_cont_wrap.last { padding-left: 0;} .s020301_2 .float_cont_wrap.last .border { height: auto; position: static; left: auto; width: 100%; margin: 0 0 20px;} .s020301_2 .float_cont_wrap.last .border:last-child { margin-bottom: 0;}} @media screen and (max-width:480px) {.cal_search { padding: 30px; margin-bottom: 30px;} .cal_search .sltDrop { min-width: 80px;} .cal_search .sltDrop .vDrop { height: 40px;} .cal_search .sltDrop .vDrop a { font-size: 16px; line-height: 39px;} .cal_search .sltDrop .vDrop>a { min-width: 80px; padding: 0 20px 0 10px;} .cal_search .sltDrop .vDrop ul { top: 40px;} .cal_search .inner>span { font-size: 16px;} .cal_head button { width: 34px; height: 34px;} .cal_head button:after { top: 9px; left: 11px;} .cal_head .month_next button:after { top: 12px; left: 11px;} .cal_head .month_center h4 { font-size: 25px;} .cal_event_table table tr td a.event_msg { font-size: 12px;} #s020402 table thead { display: none;} #s020402 table tr,#s020402 table tr td { display: block;} #s020402 table tr { padding: 20px 0; border-bottom: 1px solid #ddd;} #s020402 table tr td { position: relative; text-align: left; border: none; padding: 2px 10px 2px 80px;} #s020402 table tr td:first-child { padding-left: 0; margin-bottom: 10px;} #s020402 table tr td a { color: #ffffff;} #s020402 table tr td:before { content: attr(data-label); position: absolute; left: 0; top: 2px; display: inline-block; width: 80px; vertical-align: middle;} #s020402 table tr td:first-child:before { display: none;} #s020101 section { margin-bottom: 30px;} .s020101_1 .desc { padding: 40px;} .s020101_1 .title img { width: 100%; max-width: 100%;} .s020101_1 .title p { padding: 15px;} .s020101_1 .title strong { font-size: 22px;} .s020101_1 .text p { font-size: 16px;} .s020101_2 .desc p { font-size: 16px; padding-left: 25px;} .s020101_2 .bg { height: 200px;} .s020101_2 ul li { padding: 30px;} .s020101_2 li h5 { font-size: 20px; padding-left: 40px; margin-bottom: 10px;} .s020101_2 li h5:before { width: 30px; height: 30px; background-size: 12px auto;} .s020101_2 li p { font-size: 15px;} .s020101_3 .img { padding: 25px;} #s020102 section { margin-bottom: 50px;} .s020102_1 li { min-height: 160px; padding: 20px 30px; padding-left: 120px;} .s020102_1 .icon { top: 20px; width: 60px; height: 60px; background-size: 30px auto;} .s020102_1 p { font-size: 16px;} .s020102_2 h5 { font-size: 20px;} .s020102_2 .bullet_list li { font-size: 16px;} .s020102_3 .inner { padding: 25px;} .s020102_3 ol>li { padding: 20px;} .s020102_3 span { font-size: 14px; height: 26px; line-height: 25px; padding: 0 15px;} .s020102_3 h5 { font-size: 18px;} .s020102_3 p { font-size: 15px;} #s020201 .tb_col tr td { padding: 5px 0; line-height: 1.4; font-size: 14px;} #s020201 .tb_col tr td.td_subject a { font-size: 16px;} #s020201 .tb_col tr td:last-child { text-align: right;} #s020201 .tb_col tr td:before { display: none;} .s020301_1 ol { margin: 20px 0 50px 0;} .s020301_1 li { float: none; width: 100%; margin-right: 0; height: auto;} .s020301_1 li:before,.s020301_1 li:after { top: auto; right: auto; left: 50%; bottom: -13px; transform: translate(-50%, 0);} .s020301_1 li:before { border-left: 7px solid transparent; border-top: 12px solid #ccc; border-right: 7px solid transparent; border-bottom: none;} .s020301_1 li:after { border-left: 7px solid transparent; border-top: 14px solid #fff; border-right: 7px solid transparent; border-bottom: none;} .s020301_1 li:nth-child(3):before,.s020301_1 li:nth-child(3):after { display: inline-block;}} .cal_content table thead th {font-weight: 500;text-align: center;border-left: 1px solid #ddd;padding: 20px 10px;} #calendar_div table .fc-day-grid-event {display: block;background: #ddd;font-size: 14px;color: #ffffff;border: 1px solid #ccc;padding: 5px;border-radius: 6px;text-align: left;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .cal_content table tbody td:first-child {border-left: 1px solid #ddd;} #calendar_div table .holiday {background: #c40303;color: #fff;} #calendar_div table .fc-sun {color: red;} #calendar_div table .fc-sat {color: blue;} /*! * FullCalendar v3.3.0 Stylesheet * Docs & License: https://fullcalendar.io/ * (c) 2017 Adam Shaw */.fc {direction: ltr;text-align: left} .fc-rtl {text-align: right} body .fc {font-size: 1em} .fc-unthemed th,.fc-unthemed td,.fc-unthemed thead,.fc-unthemed tbody,.fc-unthemed .fc-divider,.fc-unthemed .fc-row,.fc-unthemed .fc-content,.fc-unthemed .fc-popover,.fc-unthemed .fc-list-view,.fc-unthemed .fc-list-heading td {border-color: #ddd} .fc-unthemed .fc-popover {background-color: #fff} .fc-unthemed .fc-divider,.fc-unthemed .fc-popover .fc-header,.fc-unthemed .fc-list-heading td {background: #eee} .fc-unthemed .fc-popover .fc-header .fc-close {color: #666} .fc-unthemed td.fc-today .fc-day-number {color: #74b73b;font-weight: bold;border: 1px solid #74b73b;border-radius: 100px} .fc-highlight {background: #bce8f1;opacity: .3} .fc-bgevent {background: #8fdf82;opacity: .3} .fc-nonbusiness {background: #d7d7d7} .fc-unthemed .fc-disabled-day {background: #d7d7d7;opacity: .3} .ui-widget .fc-disabled-day {background-image: none} .fc-icon {display: inline-block;height: 1em;line-height: 1em;font-size: 1em;text-align: center;overflow: hidden;font-family: "Courier New", Courier, monospace;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none} .fc-icon:after {position: relative} .fc-icon-left-single-arrow:after {content: "\02039";font-weight: bold;font-size: 200%;top: -7%} .fc-icon-right-single-arrow:after {content: "\0203A";font-weight: bold;font-size: 200%;top: -7%} .fc-icon-left-double-arrow:after {content: "\000AB";font-size: 160%;top: -7%} .fc-icon-right-double-arrow:after {content: "\000BB";font-size: 160%;top: -7%} .fc-icon-left-triangle:after {content: "\25C4";font-size: 125%;top: 3%} .fc-icon-right-triangle:after {content: "\25BA";font-size: 125%;top: 3%} .fc-icon-down-triangle:after {content: "\25BC";font-size: 125%;top: 2%} .fc-icon-x:after {content: "\000D7";font-size: 200%;top: 6%} .fc button {-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;margin: 0;height: 2.1em;padding: 0 .6em;font-size: 1em;white-space: nowrap;cursor: pointer} .fc button::-moz-focus-inner {margin: 0;padding: 0} .fc-state-default {border: 1px solid} .fc-state-default.fc-corner-left {border-top-left-radius: 4px;border-bottom-left-radius: 4px} .fc-state-default.fc-corner-right {border-top-right-radius: 4px;border-bottom-right-radius: 4px} .fc button .fc-icon {position: relative;top: -0.05em;margin: 0 .2em;vertical-align: middle} .fc-state-default {background-color: #f5f5f5;background-image: -moz-linear-gradient(top, #fff, #e6e6e6);background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);background-image: -o-linear-gradient(top, #fff, #e6e6e6);background-image: linear-gradient(to bottom, #fff, #e6e6e6);background-repeat: repeat-x;border-color: #e6e6e6 #e6e6e6 #bfbfbf;border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);color: #fff;text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)} .fc-state-hover,.fc-state-down,.fc-state-active,.fc-state-disabled {color: #fff;background-color: #e6e6e6} .fc-state-hover {color: #fff;text-decoration: none;background-position: 0 -15px;-webkit-transition: background-position .1s linear;-moz-transition: background-position .1s linear;-o-transition: background-position .1s linear;transition: background-position .1s linear} .fc-state-down,.fc-state-active {background-color: #ccc;background-image: none;box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05)} .fc-state-disabled {cursor: default;background-image: none;opacity: .65;box-shadow: none} .fc-button-group {display: inline-block} .fc .fc-button-group>* {float: left;margin: 0 0 0 -1px} .fc .fc-button-group>:first-child {margin-left: 0} .fc-popover {position: absolute;box-shadow: 0 2px 6px rgba(0, 0, 0, .15)} .fc-popover .fc-header {padding: 2px 4px} .fc-popover .fc-header .fc-title {margin: 0 2px} .fc-popover .fc-header .fc-close {cursor: pointer} .fc-ltr .fc-popover .fc-header .fc-title,.fc-rtl .fc-popover .fc-header .fc-close {float: left} .fc-rtl .fc-popover .fc-header .fc-title,.fc-ltr .fc-popover .fc-header .fc-close {float: right} .fc-unthemed .fc-popover {border-width: 1px;border-style: solid} .fc-unthemed .fc-popover .fc-header .fc-close {font-size: .9em;margin-top: 2px} .fc-popover>.ui-widget-header+.ui-widget-content {border-top: 0} .fc-divider {border-style: solid;border-width: 1px} hr.fc-divider {height: 0;margin: 0;padding: 0 0 2px;border-width: 1px 0} .fc-clear {clear: both} .fc-bg,.fc-bgevent-skeleton,.fc-highlight-skeleton,.fc-helper-skeleton {position: absolute;top: 0;left: 0;right: 0} .fc-bg {bottom: 0} .fc-bg table {height: 100%} .fc table {width: 100%;box-sizing: border-box;table-layout: fixed;border-collapse: collapse;border-spacing: 0;font-size: 1em} .fc th {text-align: center;line-height: 40px;font-size: 17px;font-weight: bold} .fc th,.fc td {border-style: solid;border-width: 1px;padding: 0;vertical-align: top;} .fc td.fc-today {border-style: double} a[data-goto] {cursor: pointer} a[data-goto]:hover {text-decoration: underline} .fc .fc-row {border-style: solid;border-width: 0} .fc-row table {border-left: 0 hidden transparent;border-right: 0 hidden transparent;border-bottom: 0 hidden transparent} .fc-row:first-child table {border-top: 0 hidden transparent} .fc-row {position: relative} .fc-row .fc-bg {z-index: 1} .fc-row .fc-bgevent-skeleton,.fc-row .fc-highlight-skeleton {bottom: 0} .fc-row .fc-bgevent-skeleton table,.fc-row .fc-highlight-skeleton table {height: 100%} .fc-row .fc-highlight-skeleton td,.fc-row .fc-bgevent-skeleton td {border-color: transparent} .fc-row .fc-bgevent-skeleton {z-index: 2} .fc-row .fc-highlight-skeleton {z-index: 3} .fc-row .fc-content-skeleton {position: relative;z-index: 4;padding-bottom: 2px} .fc-row .fc-helper-skeleton {z-index: 5} .fc-row .fc-content-skeleton td,.fc-row .fc-helper-skeleton td {background: 0;border-color: transparent;border-bottom: 0} .fc-row .fc-content-skeleton tbody td,.fc-row .fc-helper-skeleton tbody td {border-top: 0} .fc-scroller {-webkit-overflow-scrolling: touch} .fc-scroller>.fc-day-grid,.fc-scroller>.fc-time-grid {position: relative;width: 100%} .fc-event {position: relative;display: block;font-size: .85em;line-height: 1.7;font-weight: normal} .fc-event,.fc-event-dot {background-color: #b6bbbf} .fc-event,.fc-event:hover,.ui-widget .fc-event {color: #fff;text-decoration: none} .fc-event[href],.fc-event.fc-draggable {cursor: pointer} .fc-not-allowed,.fc-not-allowed .fc-event {cursor: not-allowed} .fc-event .fc-bg {z-index: 1;background: #fff;opacity: .25} .fc-event .fc-content {position: relative;z-index: 2;padding: 1px;text-align: left;margin-left: 10px;} .fc-event .fc-resizer {position: absolute;z-index: 4} .fc-event .fc-resizer {display: none} .fc-event.fc-allow-mouse-resize .fc-resizer,.fc-event.fc-selected .fc-resizer {display: block} .fc-event.fc-selected .fc-resizer:before {content: "";position: absolute;z-index: 9999;top: 50%;left: 50%;width: 40px;height: 40px;margin-left: -20px;margin-top: -20px} .fc-event.fc-selected {z-index: 9999 !important;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)} .fc-event.fc-selected.fc-dragging {box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3)} .fc-h-event.fc-selected:before {content: "";position: absolute;z-index: 3;top: -10px;bottom: -10px;left: 0;right: 0} .fc-ltr .fc-h-event.fc-not-start,.fc-rtl .fc-h-event.fc-not-end {margin-left: 0;border-left-width: 0;padding-left: 1px;border-top-left-radius: 0;border-bottom-left-radius: 0} .fc-ltr .fc-h-event.fc-not-end,.fc-rtl .fc-h-event.fc-not-start {margin-right: 0;border-right-width: 0;padding-right: 1px;border-top-right-radius: 0;border-bottom-right-radius: 0} .fc-ltr .fc-h-event .fc-start-resizer,.fc-rtl .fc-h-event .fc-end-resizer {cursor: w-resize;left: -1px} .fc-ltr .fc-h-event .fc-end-resizer,.fc-rtl .fc-h-event .fc-start-resizer {cursor: e-resize;right: -1px} .fc-h-event.fc-allow-mouse-resize .fc-resizer {width: 7px;top: -1px;bottom: -1px} .fc-h-event.fc-selected .fc-resizer {border-radius: 4px;border-width: 1px;width: 6px;height: 6px;border-style: solid;border-color: inherit;background: #fff;top: 50%;margin-top: -4px} .fc-ltr .fc-h-event.fc-selected .fc-start-resizer,.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {margin-left: -4px} .fc-ltr .fc-h-event.fc-selected .fc-end-resizer,.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {margin-right: -4px} .fc-day-grid-event {padding: 0 1px;border: 0} tr:first-child>td>.fc-day-grid-event {margin-top: 2px} .fc-day-grid-event.fc-selected:after {content: "";position: absolute;z-index: 1;top: -1px;right: -1px;bottom: -1px;left: -1px;background: #ffffff;opacity: .25} .fc-day-grid-event .fc-time {font-weight: bold} .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {margin-left: -2px} .fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {margin-right: -2px} a.fc-more {margin: 1px 3px;font-size: .85em;cursor: pointer;text-decoration: none} a.fc-more:hover {text-decoration: underline} .fc-limited {display: none} .fc-day-grid .fc-row {z-index: 1} .fc-more-popover {z-index: 2;width: 220px} .fc-more-popover .fc-event-container {padding: 10px} .fc-now-indicator {position: absolute;border: 0 solid red} .fc-unselectable {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0)} .fc-toolbar {text-align: center;display: none} .fc-toolbar.fc-header-toolbar {margin-bottom: 1em} .fc-toolbar.fc-footer-toolbar {margin-top: 1em} .fc-toolbar .fc-left {float: left} .fc-toolbar .fc-right {float: right} .fc-toolbar .fc-center {display: inline-block} .fc .fc-toolbar>*>* {float: left;margin-left: .75em} .fc .fc-toolbar>*>:first-child {margin-left: 0} .fc-toolbar h2 {margin: 0} .fc-toolbar button {position: relative} .fc-toolbar .fc-state-hover,.fc-toolbar .ui-state-hover {z-index: 2} .fc-toolbar .fc-state-down {z-index: 3} .fc-toolbar .fc-state-active,.fc-toolbar .ui-state-active {z-index: 4} .fc-toolbar button:focus {z-index: 5} .fc-view-container *,.fc-view-container *:before,.fc-view-container *:after {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box} .fc-view,.fc-view>table {position: relative;z-index: 1} .fc-basicWeek-view .fc-content-skeleton,.fc-basicDay-view .fc-content-skeleton {padding-bottom: 1em} .fc-basic-view .fc-body .fc-row {min-height: 4em} .fc-row.fc-rigid {overflow: hidden} .fc-row.fc-rigid .fc-content-skeleton {position: absolute;top: 0;left: 0;right: 0} .fc-day-top {line-height: 30px;padding: 2px} .fc-day-top.fc-other-month {opacity: .3} .fc-basic-view .fc-week-number {padding: 4px} .fc-basic-view th.fc-week-number,.fc-basic-view th.fc-day-number {padding: 0 2px} .fc-rtl .fc-basic-view .fc-day-top .fc-day-number {float: left} .fc-ltr .fc-basic-view .fc-day-top .fc-week-number {float: left;border-radius: 0 0 3px 0} .fc-rtl .fc-basic-view .fc-day-top .fc-week-number {float: right;border-radius: 0 0 0 3px} .fc-basic-view .fc-day-top .fc-week-number {min-width: 1.5em;text-align: center;background-color: #f2f2f2;color: #808080} .fc-basic-view td.fc-week-number {text-align: center} .fc-basic-view td.fc-week-number>* {display: inline-block;min-width: 1.25em} .fc-agenda-view .fc-day-grid {position: relative;z-index: 2} .fc-agenda-view .fc-day-grid .fc-row {min-height: 3em} .fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {padding-bottom: 1em} .fc .fc-axis {vertical-align: middle;padding: 0 4px;white-space: nowrap} .fc-ltr .fc-axis {text-align: right} .fc-rtl .fc-axis {text-align: left} .ui-widget td.fc-axis {font-weight: normal} .fc-time-grid-container,.fc-time-grid {position: relative;z-index: 1} .fc-time-grid {min-height: 100%} .fc-time-grid table {border: 0 hidden transparent} .fc-time-grid>.fc-bg {z-index: 1} .fc-time-grid .fc-slats,.fc-time-grid>hr {position: relative;z-index: 2} .fc-time-grid .fc-content-col {position: relative} .fc-time-grid .fc-content-skeleton {position: absolute;z-index: 3;top: 0;left: 0;right: 0} .fc-time-grid .fc-business-container {position: relative;z-index: 1} .fc-time-grid .fc-bgevent-container {position: relative;z-index: 2} .fc-time-grid .fc-highlight-container {position: relative;z-index: 3} .fc-time-grid .fc-event-container {position: relative;z-index: 4} .fc-time-grid .fc-now-indicator-line {z-index: 5} .fc-time-grid .fc-helper-container {position: relative;z-index: 6} .fc-time-grid .fc-slats td {height: 1.5em;border-bottom: 0} .fc-time-grid .fc-slats .fc-minor td {border-top-style: dotted} .fc-time-grid .fc-slats .ui-widget-content {background: 0} .fc-time-grid .fc-highlight-container {position: relative} .fc-time-grid .fc-highlight {position: absolute;left: 0;right: 0} .fc-ltr .fc-time-grid .fc-event-container {margin: 0 2.5% 0 2px} .fc-rtl .fc-time-grid .fc-event-container {margin: 0 2px 0 2.5%} .fc-time-grid .fc-event,.fc-time-grid .fc-bgevent {position: absolute;z-index: 1} .fc-time-grid .fc-bgevent {left: 0;right: 0} .fc-v-event.fc-not-start {border-top-width: 0;padding-top: 1px;border-top-left-radius: 0;border-top-right-radius: 0} .fc-v-event.fc-not-end {border-bottom-width: 0;padding-bottom: 1px;border-bottom-left-radius: 0;border-bottom-right-radius: 0} .fc-time-grid-event {overflow: hidden} .fc-time-grid-event.fc-selected {overflow: visible} .fc-time-grid-event.fc-selected .fc-bg {display: none} .fc-time-grid-event .fc-content {overflow: hidden} .fc-time-grid-event .fc-time,.fc-time-grid-event .fc-title {padding: 0 1px} .fc-time-grid-event .fc-time {font-size: .85em;white-space: nowrap} .fc-time-grid-event.fc-short .fc-content {white-space: nowrap} .fc-time-grid-event.fc-short .fc-time,.fc-time-grid-event.fc-short .fc-title {display: inline-block;vertical-align: top} .fc-time-grid-event.fc-short .fc-time span {display: none} .fc-time-grid-event.fc-short .fc-time:before {content: attr(data-start)} .fc-time-grid-event.fc-short .fc-time:after {content: "\000A0-\000A0"} .fc-time-grid-event.fc-short .fc-title {font-size: .85em;padding: 0} .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {left: 0;right: 0;bottom: 0;height: 8px;overflow: hidden;line-height: 8px;font-size: 11px;font-family: monospace;text-align: center;cursor: s-resize} .fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {content: "="} .fc-time-grid-event.fc-selected .fc-resizer {border-radius: 5px;border-width: 1px;width: 8px;height: 8px;border-style: solid;border-color: inherit;background: #fff;left: 50%;margin-left: -5px;bottom: -5px} .fc-time-grid .fc-now-indicator-line {border-top-width: 1px;left: 0;right: 0} .fc-time-grid .fc-now-indicator-arrow {margin-top: -5px} .fc-ltr .fc-time-grid .fc-now-indicator-arrow {left: 0;border-width: 5px 0 5px 6px;border-top-color: transparent;border-bottom-color: transparent} .fc-rtl .fc-time-grid .fc-now-indicator-arrow {right: 0;border-width: 5px 6px 5px 0;border-top-color: transparent;border-bottom-color: transparent} .fc-event-dot {display: inline-block;width: 10px;height: 10px;border-radius: 5px} .fc-rtl .fc-list-view {direction: rtl} .fc-list-view {border-width: 1px;border-style: solid} .fc .fc-list-table {table-layout: auto} .fc-list-table td {border-width: 1px 0 0;padding: 8px 14px} .fc-list-table tr:first-child td {border-top-width: 0} .fc-list-heading {border-bottom-width: 1px} .fc-list-heading td {font-weight: bold} .fc-ltr .fc-list-heading-main {float: left} .fc-ltr .fc-list-heading-alt {float: right} .fc-rtl .fc-list-heading-main {float: right} .fc-rtl .fc-list-heading-alt {float: left} .fc-list-item.fc-has-url {cursor: pointer} .fc-list-item:hover td {background-color: #f5f5f5} .fc-list-item-marker,.fc-list-item-time {white-space: nowrap;width: 1px} .fc-ltr .fc-list-item-marker {padding-right: 0} .fc-rtl .fc-list-item-marker {padding-left: 0} .fc-list-item-title a {text-decoration: none;color: inherit} .fc-list-item-title a[href]:hover {text-decoration: underline} .fc-list-empty-wrap2 {position: absolute;top: 0;left: 0;right: 0;bottom: 0} .fc-list-empty-wrap1 {width: 100%;height: 100%;display: table} .fc-list-empty {display: table-cell;vertical-align: middle;text-align: center} .fc-unthemed .fc-list-empty {background-color: #eee} .fc-sat {color: #00f} .fc-sun,.fc-holiday {color: #f00} .fc td .fc-event-container {padding: 2px 0} .fc-time {display: none} .fc-title {cursor: pointer} .fc-day-top span {padding: 0 4px} .fc-day-top .fc-day-number {float: left} .fc-day-top .fc-day-title {float: right;color: gray;font-size: 13px;font-weight: bold} .filebox .upload-name {display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;border: 1px solid #dddddd;width: 78%;color: #999999;max-width: 380px;} .filebox .upload-name1 {display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;border: 1px solid #dddddd;width: 78%;color: #999999;max-width: 380px;} .filebox .upload-name2 {display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;border: 1px solid #dddddd;width: 78%;color: #999999;max-width: 380px;} .filebox .upload-name3 {display: inline-block;height: 40px;padding: 0 10px;vertical-align: middle;border: 1px solid #dddddd;width: 78%;color: #999999;max-width: 380px;} .filebox label {/* display: inline-block; *//* padding: 10px 20px; *//* color: #fff; *//* vertical-align: middle; *//* background-color: #999999; *//* cursor: pointer; */height: 40px;margin-left: 10px;display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: #4a5d7a;padding: 0 20px;} .filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;} .form-control {display: inline-block;width: 100%;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #fff;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s} .form-control:focus {border-color: #66afe9;outline: 0;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6)} .form-control::-moz-placeholder {color: #999;opacity: 1} .form-control:-ms-input-placeholder {color: #999} .form-control::-webkit-input-placeholder {color: #999} .form-control::-ms-expand {border: 0;background-color: transparent} .form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {background-color: #eee;opacity: 1} .form-control[disabled],fieldset[disabled] .form-control {cursor: not-allowed} textarea {width: 100%;border: 1px solid #d5d5d5;min-height: 80px;background-color: #000;}