@charset "UTF-8"; /*** layout ***/ #header .inr { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } #visual { padding: 85px 0px; background-image: url(../_img/banner_resume2.jpg);background-position: 50% 50%;background-repeat: no-repeat; background-size: cover; text-align: center; opacity:1;background-color:#000;} #visual.business{background-image: url(../_img/banner_resume2.jpg); } #visual.memberi{background-image: url(../_img/banner_offer2.jpg); } #visual.memberp{background-image: url(../_img/banner_memberp2.jpg); } #visual.resume{background-image: url(../_img/banner_resume2.jpg); } #visual.policy{background-image: url(../_img/banner_memberp2.jpg); } #visual.guide{background-image: url(../_img/banner_guide2.jpg); } #visual.employment{background-image: url(../_img/banner_company2.jpg); } #visual.partner{background-image: url(../_img/banner_company2.jpg); } #visual h3 { font-size: 30px; font-weight: normal; color: #fff; font-family: 'NotoSansKR',sans-serif, 'serif';} #visual p.desc { font-size: 18px; color: #fff; } #visual.employment img.pic, #visual.memberi img.pic, #visual.partner img.pic,#visual.about img.pic, #visual.memberp img.pic, #visual.resume img.pic, #visual.guide img.pic { width: 240px; position: absolute; top: 19px;right: 480px; background-position: 50% 50%;background-repeat: no-repeat; background-size: cover; opacity:1;} #container { position: relative; /* margin-top: -90px ;*/ padding-bottom: 100px; overflow: hidden; } #quick {position:fixed; top:50%; right:20px; width:97px; margin:-260px 0 0 0; background:#fff; text-align:center; box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); z-index: 999;} #quick .list_quick {padding:0 12px; border:1px solid #ccc; } #quick li {border-bottom:1px solid #ccc;} #quick li:last-child {border-bottom: none;} #quick li a {padding:15px 0 12px; font-size:13px; color:#666} #quick li i {display:block; width:50px; height:50px; margin:0 auto; border-radius:100%; overflow:hidden;} #quick .click {display:block; font-size:13px; color:#000; line-height:38px; background-color:#f5f5f5; padding: 8px; line-height: 1.5; border-left: 1px solid #ccc;border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;} #quick .totop {display:block; font-size:16px; font-weight:bold; color:#fff; line-height:38px; background-color:#0070c0; border:1px solid #0070c0; padding: 12px;} #snb { float: left; width: 320px; padding-right: 60px; background: #fff; } #snb .tit_snb { padding: 30px 0; background: #0080ff; } #snb .tit_snb:before { display: block; width: 120px; height: 100px; margin: 0 auto 8px; background-position: 50% 50%; background-repeat: no-repeat; opacity: .6; content: ''; } #snb .tit_snb .tit { display: block; font-size: 26px; text-align: center; font-weight: bold; color: #fff; } #snb .lst a { display: block; position: relative; padding: 0 20px; line-height: 60px; font-size: 18px; font-weight: bold; color: #036; border: 1px solid #ddd; border-top: none; transition: .2s; } #snb .lst .on a { background: #036; color: #fff; border-color: #036; } #snb .lst .on a:after { position: absolute; top: 50%; right: 20px; width: 6px; height: 10px; margin-top: -5px; background: url(../_img/snb_arw.png) 50% 50% no-repeat; background-size: 6px 10px; content: ''; } .intro #snb .tit_snb:before { background-image: url(../_img/snb1.png); } .program #snb .tit_snb:before { background-image: url(../_img/snb2.png); } .board #snb .tit_snb:before { background-image: url(../_img/snb3.png); } #contents { overflow: hidden; background: #fff; } .resume4 {margin-top: 80px;} .resume5 {margin-top: 80px;} .resume4 .body_cont .tit_sec {max-width: 800px ; display: block; margin: 30px auto 0;} .resume4 .box .wrap_btn .btn {margin-top: 30px; height: 40px; line-height: 12px; border-radius: 4px; font-size: 15px; display: inline-block; } .resume5 .body_cont .tit_sec {max-width: 800px ; display: block; margin: 30px auto 0;} #wrap.resume .hd_cont { border-bottom: 1px solid #fff; position: relative; padding: 40px 0px 0px 0px; } #wrap.resume .box_refer { margin-top: 50px; background: #f7f7f7; padding: 30px; font-size: 15px; } #wrap.resume .box_refer .tit { display: block; font-weight: bold; color: #036; margin-bottom: 12px; } #wrap.resume .box_refer .cont { line-height: 1.6; color: rgba(0, 0, 0, 0.7); } .hd_cont { margin-bottom: 40px; padding: 0px 0px 20px 0px; border-bottom: 1px solid #ddd; } .hd_cont .title { display: inline-block; font-size: 32px; color: #036; font-weight: bold; line-height: 40px; } .hd_cont .title .desc { display: inline-block; margin-left: 8px; font-size: 16px; font-weight: normal; color: #888; } .hd_cont .location { float: right; font-size: 0; margin-top: 12px; } .hd_cont .location li { display: inline-block; line-height: 16px; font-size: 14px; font-weight: 200; } .hd_cont .location li + li { position: relative; margin-left: 15px; padding-left: 21px; } .hd_cont .location li + li:before { position: absolute; top: 50%; left: 0; width: 6px; height: 10px; margin-top: -5px; background: url(../_img/arw_location.png) 50% 50% no-repeat; background-size: 6px 10px; content: ''; } .hd_cont .location li:last-child { font-weight: bold; color: #036; } .hd_cont .location .ico_comm { width: 18px; height: 16px; background-position: 0px -40px; } .body_cont > .item + .item { margin-top: 70px; } .body_cont .tit_sec { display: inline-block; font-size: 20px; font-weight: bold; line-height: 1.23;margin-bottom:20px;} .body_cont .tit_sec.nomargin { display: inline-block; font-size: 20px; font-weight: bold; line-height: 1.23;margin-bottom:0px;} .body_cont .tit_sec:before { display: inline-block; width: 15px; height: 20px; margin: 0 3px 0 0; background-position: -25px -15px; content: ''; } .body_cont .tit_sec + .cont { margin-top: 10px; } .body_cont .cont .emph, .body_cont .cont p { /* margin-top: 0.8em; */ text-align: left; color: #222; margin-bottom: 10px;} .body_cont .cont .emph { display: block; font-size: 1.2em; } .body_cont p { line-height: 1.875; font-weight: 300; color: rgba(0, 0, 0, 1); font-size: 16px;} .body_cont .tab1 ul.tab_list {width: 100%; color:#222; position: relative; overflow: hidden;} .body_cont .tab1 ul.tab_list li {float: left; width: 100%; text-align: center; border: 1px solid #ddd;padding: 10px 0; margin: 30px 0;} .body_cont .tab1 ul.tab_list li + li {border-left:none;} .body_cont .tab1 ul.tab_list li.bg {background: #0070c0; color:#fff;} #wrap.employment .body_cont .tab ul.tab_list {margin-top: 80px;} .body_cont .tab ul.tab_list {width: 100%; color:#222; position: relative; overflow: hidden;} .body_cont .tab ul.tab_list li {float: left; width: 33.333%; text-align: center; border: 1px solid #aaa;padding: 10px 0; margin: 30px 0;} .body_cont .tab ul.tab_list li + li {border-left:none;} .body_cont .tab ul.tab_list li.bg {background: #0070c0; color:#fff;} .body_cont ul.tab2 {margin-top:0;font-size:0;margin-bottom:20px;} .body_cont .tab2 li {display:inline-block; width:130px; padding:0; line-height:42px; border:1px solid #222; font-size:16px; text-align:center; font-weight:300;color:#222;} .body_cont .tab2 li a {display:block;} .body_cont .tab2 li.on {color: #fff; background: #222;} .body_cont .tab2 li:nth-child(2),.body_cont .tab2 li:nth-child(3) {margin-left: -1px;} .body_cont ul.tab3 {margin-top:0;font-size:0;} .body_cont .tab3 li {display:inline-block; width:130px; padding:0; line-height:42px; border:1px solid #222; font-size:16px; text-align:center; } .body_cont .tab3 li a {display:block;} .body_cont .tab3 li.on {color: #fff; background: #222;} .body_cont .tab3 li:nth-child(2),.body_cont .tab3 li:nth-child(3) {margin-left: -1px;} .body_cont ul.tab5 {margin-top:0;font-size:0;} .body_cont .tab5 ul.tab_list {width: 100%; color:#222; position: relative; overflow: hidden;} .body_cont .tab5 ul.tab_list li {float: left; width: 25%; text-align: center; border: 1px solid #ddd;padding: 10px 0; margin: 30px 0;} .body_cont .tab5 ul.tab_list li + li {border-left:none;} .body_cont .tab5 ul.tab_list li.bg {background: #0070c0; color:#fff;} .body_cont .tab5 li:nth-child(2),.body_cont .tab5 li:nth-child(3),.body_cont .tab5 li:nth-child(4), .body_cont .tab5 li:nth-child(5) {margin-left: -1px;} .item {position: relative;} .item .wrap_btn {position: absolute;top: -3px;right: 0;font-size: 0;} .item .wrap_btn .ico_before {width: 70px;line-height: 29px;font-size: 14px;margin-left: 6px;border: 1px solid #bbb;} .wrap_tbl {position: relative;} .wrap_tbl .wrap_btn {position: absolute;top: -10px;right: 0;font-size: 0;} .wrap_tbl .wrap_btn .ico_before {width: 70px;line-height: 29px;font-size: 14px;margin-left: 6px;border: 1px solid #bbb;} .wrap_tbl .hd h4 {display: inline-block;} .wrap_tbl h4.bfr_bg {font-size: 20px;line-height: 22px;} .wrap_tbl h4.bfr_bg::before {background-color: #0070c0 !important;} .wrap_tbl .hd p {display: inline-block;margin-left: 24px;line-height: 22px;color: #777;} .cont {position: relative;} /* .cont .wrap_btn {position: absolute;top: -10px;right: 0;font-size: 0;} */ .cont .wrap_btn .ico_before {width: 70px; height: 30px;line-height: 9px;font-size: 14px;margin-left: 6px;border: 1px solid #bbb;} .cont .hd h4 {display: inline-block;} .cont h4.bfr_bg {font-size: 20px;line-height: 22px; margin-bottom: 10px;} .cont h4.bfr_bg::before {background-color: #0070c0 !important;} .cont .hd p {display: inline-block;margin-left: 24px;/* line-height: 22px; */color: #777;} .resume .hd_board .sch_board { float: right; font-size: 0;} .resume .hd_board .sch_board .slt, .resume .hd_board .sch_board .inp, .resume .hd_board .sch_board .btn_sch { display: inline-block; height: 40px; margin-left: 3px; font-size: 15px; } .resume .hd_board .sch_board .slt { width: 250px; border-color: #ccc; margin-left: 0; } .resume .hd_board .sch_board .inp { width: 200px; padding: 0 10px;} .resume .hd_board .sch_board .btn_sch {position: absolute;top: 0;right: 0; width: 92px;height: 40px;padding: 0; line-height: 38px;border-width: 1px;font-size: 13px;background: #0070c0;color: #fff;font-weight: 400;text-align: center;} @media screen and (max-width: 1600px) { #visual.employment img.pic, #visual.memberi img.pic, #visual.partner img.pic,#visual.about img.pic, #visual.memberp img.pic, #visual.resume img.pic, #visual.guide img.pic {right: 430px;} } @media screen and (max-width: 1400px) { #visual.employment img.pic, #visual.memberi img.pic, #visual.partner img.pic,#visual.about img.pic, #visual.memberp img.pic, #visual.resume img.pic, #visual.guide img.pic {right: 300px;} } /* #visual { padding: 105px 0; } */ #container { margin-top: 0; } #container:before { display: none; } #snb { width: 250px; padding-right: 0; transition: .2s; } #contents { padding: 0 40px; } } @media screen and (min-width: 1024px) { #snb .lst li:not(.on) a:hover { background: #f7f7f7; } } @media screen and (max-width: 1200px) { html, body { font-size: 14px; } #visual { padding: 40px 0 !important; } #visual .pic {display: none;} #visual h3 { font-size: 24px; } #snb { width: 220px; } #snb .tit_snb { padding: 20px 0; } #snb .tit_snb .tit { font-size: 20px; } #snb .lst a { font-size: 16px; line-height: 50px; padding: 0 15px; } } @media screen and (max-width: 1024px) { #container { padding-bottom: 50px; } #snb { float: none; position: relative; white-space: nowrap; overflow: auto; transition-property: -webkit-transform; -webkit-transform: translate3d(0, 0, 0); pointer-events: auto; -webkit-overflow-scrolling: touch; text-align: center; width: auto; } #snb .tit_snb { display: none; } #snb .lst { display: flex; justify-content: space-between; padding: 0; } #snb .lst li { flex-grow: 1; width: auto; } #snb .lst a { line-height: 46px !important; padding: 0 15px !important; border: none; font-size: 15px !important; font-weight: normal; color: #777; border-bottom: 1px solid #ddd; } #snb .lst .on a { background: #fff; color: #0068cf; font-weight: bold; border-color: #ddd; } #snb .lst .on a:after { top: auto; bottom: -1px; right: auto; left: 50%; width: 60px; height: 3px; margin-left: -30px; background: #0068cf; content: ''; } #contents { padding: 0; } .resume4 {margin-top: 0px;} .resume4 .body_cont .tit_sec { font-size: 18px; line-height: 24px; margin: 0px auto;} .resume5 {margin-top: 0px;} .resume5 .body_cont .tit_sec { font-size: 18px; line-height: 24px; margin: 0px auto;} .resume5 .hd_cont { display: none; } .body_cont .tit_sec { font-size: 18px; line-height: 24px; margin-top: 0;} .gsuide .body_cont .tit_sec { font-size: 18px; line-height: 24px; } .body_cont > .item + .item { margin-top: 40px; } .body_cont .cont .cont{ } .cont .hd p {display: block; margin-left: 0;} .mypage .wrap_btn {position: relative; } .mypage .cont .wrap_btn .ico_before {margin-left: -1px;} } /* table */ .wrap_tbl {/* border-top:1px solid #555; */} body .wrap_tbl.bd {border-bottom:1px solid #aaa !important; border-top:1px solid #aaa !important;} .tbl_comm th, .tbl_comm td {padding:10px 10px; line-height:1.4} .tbl_comm tr + tr th, .tbl_comm tr + tr td {border-top:1px solid #ddd;} .tbl_comm thead th {background:#f5f5f5; border-bottom:1px solid #aaa} .tbl_comm tbody th span {display:block; font-weight:300; color:#555} .tbl_comm tbody td {color:#444} .tbl_comm.hasborder th, .tbl_comm.hasborder td {border-left:1px solid #e5e5e5} .tbl_comm.hasborder tr th:first-child, .tbl_comm.hasborder tr td:first-child {border-left:none;} .tbl_comm.hasborder tr td.notfirst {border-left:1px solid #e5e5e5} .tbl_comm tfoot th, .tbl_comm tfoot td {border-top:1px solid #aaa;} .graybox .tbl_comm {background:#fff;} .graybox .tbl_comm thead th {background:#e5f0f9;} .tbl_comm .td_chk {width:30px; text-align:center} .tbl_comm .td_chk label {vertical-align:top;} .tbl_comm.multihd th {background:#e5f0f9} .tbl_comm.multihd tr + tr th {border-color:#aaa} .tbl_comm.multihd td:first-child {width:100px; vertical-align:top;} .tbl_comm.multihd textarea {width:100%; height:160px;} @media screen and (max-width: 1024px) { .wrap_tbl .tbl th, .wrap_tbl .tbl td { height: 40px; padding: 6px 10px; font-size: 14px; line-height: 1.3; } .wrap_tbl .tbl th { word-break: keep-all; } /* .mypage .tbl_comm th, .mypage .tbl_comm td {padding:15px 0px; line-height:1.4}*/ } ol.lst_num li { overflow: hidden; } ol.lst_num li + li { margin-top: 8px; } ol.lst_num .mont { display: inline-block; float: left; width: 52px; line-height: 52px; text-align: center; background: #0080ff; color: #fff; font-weight: bold; } ol.lst_num .desc { display: block; overflow: hidden; border: 1px solid #ddd; border-left: none; padding: 14px 16px; line-height: 22px; } .paging { text-align: center; font-size: 0; } .paging ul { margin: 0 10px; } .paging > a, .paging ul, .paging li { display: inline-block; } .paging > a, .paging li { width: 40px; font-size: 15px; } .paging > a { border: 1px solid #ddd; line-height: 38px; } .paging li + li { margin-left: 5px; } .paging li a { display: block; line-height: 40px; } .paging a + a { border-left: none; } .paging .first .ico_comm, .paging .last .ico_comm, .paging .prev .ico_comm, .paging .next .ico_comm { height: 12px; margin-top: 13px; } .paging .first .ico_comm { width: 12px; background-position: -65px -90px; } .paging .last .ico_comm { width: 12px; background-position: -65px -105px; } .paging .prev .ico_comm { width: 6px; background-position: -80px -90px; } .paging .next .ico_comm { width: 6px; background-position: -80px -105px; } .paging .on a { background: #0070c0; font-weight: bold; color: #fff; } .paging li:not(.on) a:hover { background: #f7f7f7; font-weight: 400; } @media screen and (max-width: 720px) { .paging > a, .paging li { width: 32px; font-size: 13px; } .paging > a { line-height: 30px; } .paging li a { line-height: 32px; } .paging .first, .paging .last { display: none; } .paging .prev, .paging .next { border-left: 1px solid #ddd; } .paging .prev .ico_comm, .paging .next .ico_comm { height: 12px; margin-top: 9px; } .body_cont ul.tab2 {margin-top:0;font-size:0px;} .body_cont .tab2 li {display:inline-block; width:50%; padding:0; line-height:42px; border:1px solid #222; font-size:14px; text-align:center; } .body_cont .tab2 li.on {color: #fff; background: #222;} .body_cont .tab2 li:nth-child(2),.body_cont .tab2 li:nth-child(3) {margin-left: -1px;} .body_cont ul.tab3 {margin-top:0;font-size:0px;} .body_cont .tab3 li {display:inline-block; width:33.333%; padding:0; line-height:42px; border:1px solid #222; font-size:14px; text-align:center; } .body_cont .tab3 li.on {color: #fff; background: #222;} .body_cont .tab3 li:nth-child(2),.body_cont .tab2 li:nth-child(3) {margin-left: -1px;} } .layer { display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 9999; } .layer .msg_layer { position: absolute; top: 50%; left: 50%; width: 350px; margin: -120px 0 0 -175px; text-align: center; background: #fff; } .layer .msg_layer .cont_layer { padding: 40px; } .layer .msg_layer strong.msg { display: block; margin-bottom: 20px; font-size: 18px; font-weight: bold; line-height: 1.4; } .layer .msg_layer .inp { width: 100%; height: 40px; padding: 0 8px; } .layer .msg_layer .btns { font-size: 0; } .layer .msg_layer .btns a, .layer .msg_layer .btns button { display: inline-block; width: 50%; font-size: 16px; height: 50px; /* line-height: 50px; */ } .layer .msg_layer .btns .btn_line { border: none; background: #f5f5f5; } @media screen and (max-width: 1024px) { .layer .msg_layer { width: 300px; margin-left: -150px; } .layer .msg_layer strong.msg { font-size: 16px; } } .layer.on { display: block; } .memberi .box .info_test { padding: 0px; } .memberi .box .info_test2 { padding: 0 30px; position: relative;} .memberi .box .info_test2 .txt {text-align: center;margin-right: 20px; margin-top: 15px; display: inline-block;} .memberi .box .info_test2 .txt h4.mint {background:#00ada7;padding: 10px 20px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .memberi .box .info_test2 .txt h4.gray {background:#999;padding: 10px 20px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .memberi .box .info_test2 .txt h4.red {background:#f14559;padding: 10px 20px; -webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;} .memberi .box .info_test2 .txt h4 {color: #fff;} .memberi .box .info_test2 p {display: inline-block; line-height: 4.6;} .memberi .box {padding: 30px; position: relative; overflow: hidden;border:1px solid #ccc;} .memberi .box .info_left {width: 50%; float: left; } .memberi .box .info_left h4 {font-size: 20px;} .memberi .box .info_left h4 strong {color: #ef3e56; margin-right: 10px;} .memberi .box .info_left .info_txt {font-size: 14px; position: relative;} .memberi .box .info_left .info_txt ul li {display: inline-block; margin: 5px 0;} .memberi .box .info_left .nemobox {position: relative;} .memberi .box .info_left .nemobox li {display: inline-block; padding: 5px 15px; border: 1px solid #e5e5e5;} .memberi .box .info_right {width: 50%; display: inline-block;float: left; position: relative;text-align:right;} .memberi .box .info_right ul li {width:18%;font-size: 14px; display: inline-block; text-align: center; border-right: 1px solid #e5e5e5;} .memberi .box .info_right ul li:last-child {border-right: none;} .memberi .box .info_right span {font-size: 18px; display: block; } .memberi .box .info_right span.red {color: #ef3e56;} .memberi .wrap_tbl h4 {font-size: 20px; margin: 10px 0; line-height: 1.6; } .memberi .wrap_tbl h4 span {border:1px solid #ef3e56; color: #ef3e56; font-size: 14px; line-height: 2.5; -webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px; padding: 5px 15px; margin-right: 10px;} .memberi .slt {margin: 0; width: 120%;} .c_b1 .chk:checked + label::after { background-color: #0070c0 !important; } .chk:checked + label::after { background-image: url(../_img/chk_on.png); background-color: #555; } .employment .box_refer ul{display:flex;flex-wrap:wrap;} .employment .box_refer li.comlogo{width:180px;margin-right:20px;} .employment .box_refer li.comlogo .thumb_logo {width:180px;height:50px; background-color:#fff;background-position:center;background-size:90%;background-repeat:no-repeat;} .employment .box_refer li.comtxt {width:calc( 100% - 220px );} .employment .box_refer li.comtxt h2.bar_bk {font-size: 20px !important;color: #222; font-weight: normal; } .employment .box_refer li.comtxt h2.bar_bk::after {display: block;width: 2rem;height: 2px;background: #222;content: '';margin-top: 1rem;margin-bottom: 1rem;} .employment .box_refer li.comtxt .cont {margin-top: 10px; margin-bottom: 0 !important;} .employment .body_cont .tit_sec {margin-bottom: 5px; margin-top:10px;} .employment .cont2 {float:left; width:580px;margin: 50px 0;} .employment .cont2 h4.bfr_bg {font-size: 20px;line-height: 22px; margin-bottom: 5px; font-weight: 400;} .employment .cont2 .box2 {height: auto; border: 1px solid #d5d5d5;padding: 20px; box-sizing: border-box;} .employment .cont2 .box2 p {margin-bottom: 10px; text-align: left;} .employment .cont2 .box2 span {display: block;} .employment .cont2 .box2 .inp {height: 40px;padding: 5px;background: #f9f9f9;float: left; width: 100%;} .employment .box2 .inp {height: 40px;padding: 5px;background: #f9f9f9;float: left; width: 100%;} .employment .link {text-align: center; margin: 30px auto;} .employment .link a {display: inline-block;width: 230px;line-height: 50px;margin-top: 40px;text-align: center;font-size: 18px;margin: 0 auto; } .employment .link a.bg {background: #0070c0; color: #fff; border: 2px solid #0070c0;} .employment .link a.br {border: 2px solid #222; color: #222;} .employment .slt {margin: 0;} .employment .thumb {text-align: center;} .employment .wrap_btn .btn{max-width:200px;height:50px;font-weight:500;line-height:48px;padding:0;border-radius:0;border:1px solid #000;background-color:#fff;color:#000;font-size:16px;} .employment .wrap_btn .btn.navy {max-width:200px;height:50px;font-weight:500;line-height:38px;padding:0;border-radius:0;border:1px solid #0070c0;background-color:#0070c0;color:#fff;font-size:16px;} .employment .wrap_btn .btn.company {max-width:80px;height:30px;font-weight:500;line-height:27px;padding:0;border-radius:0;border:1px solid #666;background-color:#fff;color:#666;font-size:16px; border-radius:5px; margin-top: 10px;} .employment .wrap_btn .btn.company:hover {background-color: #000; color: #fff; border:1px solid #000;} .ft_board .btn{max-width:200px;height:50px;font-weight:500;line-height:48px;padding:0;border-radius:0;border:1px solid #000;background-color:#fff;color:#000;font-size:16px;} .item .cont2 {float:left; width:580px;margin: 50px 0;} .item .cont2 h4.bfr_bg {font-size: 20px;line-height: 22px; margin-bottom: 5px; font-weight: 400;} .item .cont2 .box2 {height: auto; border: 1px solid #d5d5d5;padding: 20px; box-sizing: border-box;} .item .cont2 .box2 p {margin-bottom: 10px; text-align: left;} .item .cont2 .box2 span {display: block;} .item .cont2 .box2 .inp {height: 40px;padding: 5px;background: #f9f9f9;float: left; width: 100%;} .box2 .inp {height: 40px;padding: 5px;background: #f9f9f9;float: left; width: 100%;} .item .cont2 .fc {display:block; margin-top:28px; font-weight:bold;} .item .cont2 a {display:block; width:230px; line-height:70px; margin-top:40px; text-align:center; font-size:20px; font-weight: bold} .item .cont2 a .ico_comm {width:8px; height:14px; background-position:-40px -80px; margin:28px 0 0 10px;} .item .link {text-align: center; margin: 30px auto;} .item .link a {display: inline-block;width: 230px;line-height: 50px;margin-top: 40px;text-align: center;font-size: 18px;margin: 0 auto; } .item .link a.bg {background: #0070c0; color: #fff; border: 2px solid #0070c0;} .item .link a.br {border: 2px solid #222; color: #222;} .item .slt {margin: 0;} .wrap_board .link {text-align: center; margin: 30px auto;} .wrap_board .link a {display: inline-block;width: 230px;line-height: 50px;margin-top: 40px;text-align: center;font-size: 18px;margin: 3px auto; } .wrap_board .link a.bg {background: #0070c0; color: #fff; border: 2px solid #0070c0; margin: 3px 0;} .wrap_board .link a.br {border: 2px solid #222; color: #222;} .memberi .jobsoffer ol.cont li + li { margin-top: 1.2em; } .memberi .jobsoffer ol.cont .emph { margin-top: 0; } .memberi .jobsoffer ol.cont p { margin-top: .5em; } .memberi .jobsoffer .item2 .lst { margin: 20px 0 0 -13px; font-size: 0; word-break: keep-all; } .memberi .jobsoffer .item2 .lst > li { display: inline-block; width: 25%; margin-bottom: 13px; padding-left: 13px; text-align: center; position: relative;} .memberi .jobsoffer .item2 .lst .tit {position: absolute; top: 0;left: 14px; width: 60px;line-height: 30px;background: #555;text-align: center;color: #fff; font-weight: 500;font-size: 14px; } .memberi .jobsoffer .item2 .lst .titblue {position: absolute; top: 0;left: 14px; width: 60px;line-height: 30px;background: #0070c0;text-align: center;color: #fff; font-weight: 500;font-size: 14px; } .memberi .jobsoffer .item2 .lst .cont { display: flex; flex-direction: column;/* justify-content: center; */ align-items: center; height: 200px; padding: 20px; border: 1px solid #ccc; font-size: 15px; color: rgba(0, 0, 0, 0.8); box-sizing: border-box; } .memberi .jobsoffer .item2 .lst .cont a {font-weight: bold; font-size: 16px; margin-top: 10px;} .memberi .jobsoffer .item2 .lst .cont dt {display: inline-block; line-height: 20px;padding: 0 5px; font-size: 16px; color: #222;; margin-bottom: 5px; text-align: left;} .memberi .jobsoffer .item2 .lst .cont dd {margin-top: 8px;letter-spacing: 0; padding: 0 5px; color: #222; text-align: left;} .memberi .jobsoffer .item2 .lst .cont dl {position: absolute;bottom: 30px;left: 30px;opacity: 0.6; color: #222;} .memberi .jobsoffer .item2 .lst .cont .finish {position: absolute; bottom: 20px; right: 20px; border: 1px solid #aaa; padding: 5px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .memberi .jobsoffer .item2 .lst em { display: inline-block; font-size: .8em; vertical-align: baseline; font-weight: bold; } .memberi .jobsoffer .item2 .lst ol { text-align: left; line-height: 1.2; } .memberi .jobsoffer .item2 .lst ol li { padding-left: 1em; text-indent: -1em; } .memberi .jobsoffer .item2 .lst ol li + li { margin-top: 6px; } .memberi .jobsoffer .item2 .lst ol em { text-indent: 0; } .memberp .jobsapply ol.cont li + li { margin-top: 1.2em; } .memberp .jobsapply ol.cont .emph { margin-top: 0; } .memberp .jobsapply ol.cont p { margin-top: .5em; } .memberp .jobsapply .item2 .lst { margin: 20px 0 0 -13px; font-size: 0; word-break: keep-all; } .memberp .jobsapply .item2 .lst > li { display: inline-block; width: 25%; margin-bottom: 13px; padding-left: 13px; text-align: center; position: relative;} .memberp .jobsapply .item2 .lst .tit {position: absolute; top: 0;left: 14px; width: 60px;line-height: 30px;background: #555;text-align: center;color: #fff; font-weight: 500;font-size: 14px; } .memberp .jobsapply .item2 .lst .titblue {position: absolute; top: 0;left: 14px; width: 60px;line-height: 30px;background: #0070c0;text-align: center;color: #fff; font-weight: 500;font-size: 14px; } .memberp .jobsapply .item2 .lst .cont { display: flex; flex-direction: column;align-items: center; height: 200px; padding: 20px; border: 1px solid #ccc; font-size: 15px; color: rgba(0, 0, 0, 0.8); box-sizing: border-box; } .memberp .jobsapply .item2 .lst .cont a {font-weight: bold; font-size: 16px; margin-top: 10px;} .memberp .jobsapply .item2 .lst .cont dt {display: inline-block; line-height: 20px;padding: 0 5px; font-size: 16px; color: #222;; margin-bottom: 5px; text-align: left;} .memberp .jobsapply .item2 .lst .cont dd {margin-top: 8px;letter-spacing: 0; padding: 0 5px; color: #222; text-align: left;} .memberp .jobsapply .item2 .lst .cont dl {position: absolute;bottom: 30px;left: 30px;opacity: 0.6; color: #222;} .memberp .jobsapply .item2 .lst .cont .finish {position: absolute; bottom: 20px; right: 20px; border: 1px solid #aaa; padding: 5px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .memberp .jobsapply .item2 .lst em { display: inline-block; font-size: .8em; vertical-align: baseline; font-weight: bold; } .memberp .jobsapply .item2 .lst ol { text-align: left; line-height: 1.2; } .memberp .jobsapply .item2 .lst ol li { padding-left: 1em; text-indent: -1em; } .memberp .jobsapply .item2 .lst ol li + li { margin-top: 6px; } .memberp .jobsapply .item2 .lst ol em { text-indent: 0; } .memberp .cont h4.bfr_bg {font-size: 20px; line-height: 22px;margin: 0 0 15px;} .memberp .cont .box {height: 360px;border: 1px solid #ccc;padding: 25px; background: #f5f5f5;font-size: 14px;color: #444;overflow-y: auto;margin-bottom: 10px;} .memberp .wrap_tbl {position: relative;} .memberp .wrap_tbl .wrap_btn {position: absolute;top: -10px;right: 0;font-size: 0;} .memberp .wrap_tbl .wrap_btn .ico_before {width: 70px;line-height: 29px;font-size: 14px;margin-left: 6px;border: 1px solid #bbb;} .memberp .wrap_tbl .hd h4 {display: inline-block;} .memberp .wrap_tbl h4.bfr_bg {font-size: 20px;line-height: 22px;} .memberp .wrap_tbl h4.bfr_bg::before {background-color: #0070c0 !important;} .memberp .wrap_tbl .hd p {display: inline-block;margin-left: 24px;line-height: 22px;color: #777;} /*.memberp .wrap_tbl { border-top:1px solid #555; } .memberp body .wrap_tbl.bd {border-bottom:1px solid #aaa !important; border-top:1px solid #aaa !important;} .memberp .tbl_comm th, .memberp .tbl_comm td {padding:10px 10px; line-height:1.4} .memberp .tbl_comm tr + tr th, .memberp .tbl_comm tr + tr td {border-top:1px solid #ddd;} .memberp .tbl_comm thead th {background:#f5f5f5; border-bottom:1px solid #aaa} .memberp .tbl_comm tbody th span {display:block; font-weight:300; color:#555} .memberp .tbl_comm tbody td {color:#444} .memberp .tbl_comm.hasborder th, .memberp .tbl_comm.hasborder td {border-left:1px solid #e5e5e5} .memberp .tbl_comm.hasborder tr th:first-child, .memberp .tbl_comm.hasborder tr td:first-child {border-left:none;} .memberp .tbl_comm.hasborder tr td.notfirst {border-left:1px solid #e5e5e5} .memberp .tbl_comm tfoot th, .memberp .tbl_comm tfoot td {border-top:1px solid #aaa;} .memberp .graybox .tbl_comm {background:#fff;} .memberp .graybox .tbl_comm thead th {background:#e5f0f9;} .memberp .tbl_comm .td_chk {width:30px; text-align:center} .memberp .tbl_comm .td_chk label {vertical-align:top;} .memberp .tbl_comm.multihd th {background:#e5f0f9} .memberp .tbl_comm.multihd tr + tr th {border-color:#aaa} .memberp .tbl_comm.multihd td:first-child {width:100px; vertical-align:top;} .memberp .tbl_comm.multihd textarea {width:100%; height:160px;}*/ .memberp .cert .tbl_comm td {word-break: break-word;} .memberp .cert .tbl_comm th:nth-of-type(1) {width: 4%;} .memberp .cert .tbl_comm th:nth-of-type(2) {width: 10%;} .memberp .cert .tbl_comm th:nth-of-type(3) {width: 10%;} .memberp .cert .tbl_comm th:nth-of-type(4) {width: 50%;} .memberp .cert .tbl_comm th:nth-of-type(5) {width: 28%;} .memberp .inp3 {max-width: 100%;padding:0px 5px;background: #f7f7f7;vertical-align: middle;height: 34px;border: 1px solid #ccc; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: absolute; line-height: 2.2;color: #353535; margin-left: 3px;} .memberp .chk + label {padding-left: 5px;} .employment .employment ol.cont li + li { margin-top: 1.2em; } .employment .employment ol.cont .emph { margin-top: 0; } .employment .employment ol.cont p { margin-top: .5em; } .employment .employment .item2 .lst { margin: 20px 0 0 -13px; font-size: 0; word-break: keep-all; } .employment .employment .item2 .lst > li { display: inline-block; width: 25%; margin-bottom: 13px; padding-left: 13px; text-align: center; position: relative;} .employment .employment .lst .titblue {width: 60px;line-height: 40px;background: #0070c0;text-align: center;color: #fff; font-weight: 500;font-size: 14px; } .employment .employment .item2 .lst .cont a {font-weight: bold; font-size: 16px; margin-top: 10px;} .employment .employment .item2 .lst .cont dt {display: inline-block; line-height: 20px;padding: 0 5px; font-size: 16px; color: #222;; margin-bottom: 5px; text-align: left;} .employment .employment .item2 .lst .cont dd {margin-top: 8px;letter-spacing: 0;font-family: 'arial'; padding: 0 5px; color: #222; text-align: left;} .employment .employment .item2 .lst .cont dl {position: absolute;bottom: 30px;left: 30px;opacity: 0.6; color: #222;} .employment .employment .item2 .lst .cont .finish {position: absolute; bottom: 20px; right: 20px; border: 1px solid #aaa; padding: 5px 10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;} .employment .employment .item2 .lst em { display: inline-block; font-size: .8em; vertical-align: baseline; font-weight: bold; } .employment .employment .item2 .lst ol { text-align: left; line-height: 1.2; } .employment .employment .item2 .lst ol li { padding-left: 1em; text-indent: -1em; } .employment .employment .item2 .lst ol li + li { margin-top: 6px; } .employment .employment .item2 .lst ol em { text-indent: 0; } /*** 수정 ***/ #wrap.employment .employment .tbl th, .employment .ad_info tbl td:not(.tal) { text-align: center; } #wrap.employment .employment .tbl tbody th { width: 18%; } #wrap.employment .employment .tbl tbody td { width: 28%; color: rgba(0, 0, 0, 0.7);} .employment .wrap_tbl2 .tbl th, .employment .wrap_tbl2 .tbl td { height: 50px; padding: 10px 18px; font-size: 16px; } .employment .wrap_tbl2 .tbl th { text-align: left; color: #222; } .employment .wrap_tbl2 .tbl thead th { background: #f0f9ff; } .employment .wrap_tbl2 .tbl tbody tr:first-child th, .employment .wrap_tbl2 .tbl tbody tr:first-child td { border-top: 1px solid #aaa; } .employment .wrap_tbl2 .tbl tbody th, .wrap_tbl2 .tbl tbody td { border-bottom: 1px solid #ddd; } .employment .wrap_tbl2 .tbl tbody th { background: #fafafa; } .employment .wrap_tbl2 .tbl tbody * + td { border-left: 1px solid #ddd; } #wrap.employment .employment .wrap_tbl3 .tbl tbody th { width: 10%; } #wrap.employment .employment .wrap_tbl3 .tbl tbody td { width: 28%; text-align: left;} .employment .wrap_tbl3 { border-top: 2px solid #0068cf; } .employment .wrap_tbl3 .tbl th, .employment .wrap_tbl3 .tbl td { height: 50px; padding: 10px 18px; font-size: 16px; } .employment .wrap_tbl3 .tbl th { font-weight: bold; text-align: left; color: #036; } .employment .wrap_tbl3 .tbl thead th { background: #f0f9ff; } .employment .wrap_tbl3 .tbl tbody tr:first-child th, .employment .wrap_tbl3 .tbl tbody tr:first-child td { border-top: 1px solid #aaa; } .employment .wrap_tbl3 .tbl tbody th, .wrap_tbl3 .tbl tbody td { border-bottom: 1px solid #ddd; } .employment .wrap_tbl3 .tbl tbody th { background: #fafafa; } .employment .wrap_tbl3 .tbl tbody * + td { border-left: 1px solid #ddd; } .employment .list { margin: 0 auto; } .employment .list ul {display: flex;} .employment .list li {float: left;margin-top: 10px;width: 45%;min-height: 120px;letter-spacing: -1px;} .employment .list li:nth-child(odd) {margin-right: 48px;} .employment .list li:nth-child(1), .employment .list li:nth-child(2) {margin-top: 30px; } .employment .list li dl {position: relative;padding-left: 110px;} .employment .list li dl dt {margin-bottom: 0;color: #444;font-size: 18px;font-weight: bold; line-height: 30px; margin-left: 10px;} .employment .list li dl dd.icon {position: absolute; top: 0;left: 0;width: 80px;height: 80px; box-sizing: border-box;} .employment .list li dl dd.icon img{width:100%;} .employment .list li dl dd.txt {color: rgba(0, 0, 0, 0.7);;font-size: 15px;line-height: 26px; margin-left: 10px;} .employment .list:after {display: table;clear: both; content: "";table-layout: fixed;} /*사업소개_사업소개*/ .movie_wrap{margin-bottom:40px;} .about .list2 { margin: 0 auto; } .about .list2 li {float: left;margin-top: 10px;width: 45%;min-height: 120px;letter-spacing: -1px;} .about .list2 li:nth-child(odd) {margin-right: 48px;} .about .list2 li:nth-child(1), .about .list2 li:nth-child(2) {margin-top: 30px; } .about .list2 li dl {position: relative;padding-left: 110px;} .about .list2 li dl dt {margin-bottom: 0;color: #444;font-size: 18px;font-weight: bold; line-height: 30px; margin-left: 10px;} .about .list2 li dl dd.icon {position: absolute; top: 0;left: 0;width: 80px;height: 80px; box-sizing: border-box;} .about .list2 li dl dd.icon img{width:100%;} .about .list2 li dl dd.txt {color: rgba(0, 0, 0, 0.7);;font-size: 15px;line-height: 26px; margin-left: 10px;} .about .list2:after {display: table;clear: both; content: "";table-layout: fixed;} /*사업소개_벨류체인*/ .about .list { margin: 0 auto; } .about h2 {font-size: 24px;} .about .list li {float: left;margin-top: 10px;width: 45%;min-height: 120px;letter-spacing: -1px;} .about .list li:nth-child(odd) {margin-right: 48px;} .about .list li:nth-child(1), .about .list li:nth-child(2) {margin-top: 30px; } .about .list li dl {position: relative;padding-left: 110px;} .about .list li dl dt {margin-bottom: 10px;color: #444;font-size: 18px;font-weight: bold; line-height: 30px; margin-left: 10px;} .about .list li dl dt.blue, .about .list li dl dd.blue {color:#1f6ea7;} .about .list li dl dt.red {color:#f05a65;} .about .list li dl dt.mint {color:#00b5ac;} .about .list li dl dt.dgreen {color:#6d6b54;} .about .list li dl dd.icon {position: absolute; top: 0;left: 0;width: 100px;height: 100px; box-sizing: border-box;} .about .list li dl dd.txt {color: rgba(0, 0, 0, 0.7);font-size: 15px;line-height: 26px; margin-left: 10px; } .about .list li dl dd.txt2 {color: rgba(0, 0, 0, 0.7);font-size: 13px;line-height: 17px; margin-left: 10px; float: left; } .about .list:after {display: table;clear: both; content: "";table-layout: fixed;} #wrap.about .line {border-bottom: 1px solid #76a0ac;margin: 50px 0;opacity:0.5;} #wrap.about .hd_cont {border-bottom:1px solid #ddd;position: relative; padding: 0px 0px 20px 0px;} #wrap.about .hd_cont .firm {bottom:36px; right:0;} #wrap.about .hd_cont .tit_sub + h3.aft_bg {padding-top: 16px;} #wrap.about .hd_cont h3.aft_bg + .bd {line-height: 22px;padding: 0 15px; border-left: 2px solid #0070c0;border-right: 2px solid #0070c0; color: #0070c0} #wrap.about h3.aft_bg + .fc {display: inline-block;margin-top: 30px; font-size: 20px;font-weight: 500;} #wrap.about h3.aft_bg {position: relative; font-size: 32px;font-weight: 600;text-align: center;line-height: 1; max-width: 500px; margin: 0 auto; } #wrap.about .bg {background: #0070c0;color: #fff;} #wrap.about .bggray {background: #999;color: #fff;} #wrap.about .hd_cont .state {display: table;position: absolute; top: 50px; left: 0; width: 100px; height: 100px; text-align: center;font-weight: bold; } #wrap.about .hd_cont .state .inner {display: table-cell;vertical-align: middle; line-height: 1.2;} #wrap.about .hd_cont .state2 {display: table;position: absolute; top: 50px; left: 110px; width: 100px; height: 100px; text-align: center;font-weight: bold;} #wrap.about .hd_cont .state2 .inner {display: table-cell;vertical-align: middle; line-height: 1.2;} #wrap.about .hd_cont .tit_sub {display: inline-block; line-height: 30px;padding: 0 14px; font-size: 20px;} #wrap.about .hd_cont .firm { bottom: 36px;right: 0;} #wrap.about .hd_cont .firm {position: absolute; right: 0;} #wrap.about .hd_cont .firm strong {display: inline-block;font-weight: normal; margin-right: 15px;vertical-align: top;} #wrap.about .hd_cont .firm span {display: inline-block; vertical-align: top;font-weight: bold;letter-spacing: 0;} #wrap.about .hd_cont .date {display: block; font-size: 18px; font-weight: 500; color: #222; text-align: center;} #wrap.about .hd_cont .name {display: block; font-size: 24px; font-weight: 500; color: #222; text-align: center;} #wrap.about .cont{margin-bottom:30px;} /*전문기업관*/ .partner .list { margin: 0 auto; } .partner .list li {float: left;margin-top: 10px;width: 24.4%; height: 200px;letter-spacing: -1px; border:1px solid #ddd; margin-right: 8px;} .partner .list li:nth-child(odd) {} .partner .list li:nth-child(4) {margin-right: 0;} .partner .list li dl {position: relative; padding: 20px;} .partner .list li dl dt {color: #444;font-size: 18px;font-weight: bold; line-height: 30px; text-align: center; margin: 15px 0;} .partner .list li dl dt.dgreen {color:#6d6b54;} .partner .list li dl dd.icon {box-sizing: border-box; text-align: center;} .partner .list li dl dd.txt {color: rgba(0, 0, 0, 0.7);font-size: 15px;line-height: 26px; text-align: center; } .partner .list li dl dd.txt2 {color: rgba(0, 0, 0, 0.7);font-size: 12px;line-height: 17px; margin-left: 10px; float: left; } .partner .list:after {display: table;clear: both; content: "";table-layout: fixed;} #wrap.partner .line {border-bottom: 1px solid #76a0ac;margin: 50px 0;} #wrap.partner .hd_cont {padding-bottom:10px; border-bottom:1px solid #ddd;position: relative; padding: 40px 0px 0px 0px;} #wrap.partner .hd_cont .firm {bottom:36px; right:0;} #wrap.partner .body_cont .tit_sec {margin-bottom: 10px;} #wrap.partner .hd_cont .tit_sub + h3.aft_bg {padding-top: 16px;} #wrap.partner .hd_cont h3.aft_bg + .bd {line-height: 22px;padding: 0 15px; border-left: 2px solid #0070c0;border-right: 2px solid #0070c0; color: #0070c0} #wrap.partner h3.aft_bg + .fc {display: inline-block;margin-top: 30px; font-size: 20px;font-weight: 500;} #wrap.partner h3.aft_bg {position: relative;font-size: 32px;font-weight: 600;text-align: center;line-height: 1; max-width: 500px; margin: 0 auto; } #wrap.partner .bg {background: #0070c0;color: #fff;} #wrap.partner .bggray {background: #999;color: #fff;} #wrap.partner .hd_cont .state {display: table;position: absolute; top: 50px; left: 0; width: 100px; height: 100px; text-align: center;font-weight: bold; } #wrap.partner .hd_cont .state .inner {display: table-cell;vertical-align: middle; line-height: 1.2;} #wrap.partner .hd_cont .state2 {display: table;position: absolute; top: 50px; left: 110px; width: 100px; height: 100px; text-align: center;font-weight: bold;} #wrap.partner .hd_cont .state2 .inner {display: table-cell;vertical-align: middle; line-height: 1.2;} #wrap.partner .hd_cont .tit_sub {display: inline-block; line-height: 30px;padding: 0 14px; font-size: 20px;} #wrap.partner .hd_cont .firm { bottom: 36px;right: 0;} #wrap.partner .hd_cont .firm {position: absolute; right: 0;} #wrap.partner .hd_cont .firm strong {display: inline-block;font-weight: normal; margin-right: 15px;vertical-align: top;} #wrap.partner .hd_cont .firm span {display: inline-block; vertical-align: top;font-weight: bold;letter-spacing: 0;} #wrap.partner .hd_cont .date {display: block; font-size: 18px; font-weight: 500; color: #222; text-align: center;} #wrap.partner .hd_cont .name {display: block; font-size: 24px; font-weight: 500; color: #222; text-align: center;} #wrap.partner .cont{margin-bottom:30px;} #wrap.employment .box_refer .cont { line-height: 1.6; color: rgba(0, 0, 0, 0.7); } #wrap.employment .box_refer { margin: 40px 0; background: #f7f7f7; padding: 30px; font-size: 15px; } #wrap.employment .box_refer:first-child {} #wrap.employment .box_refer .tit { display: block; font-weight: bold; color: #036; margin-bottom: 12px; font-size:16px;} #wrap.employment .box_refer .cont { line-height: 1.6; color: rgba(0, 0, 0, 0.7); } #wrap.employment .empolyment_info {width: 100%; position: relative; background: #f7f7f7; min-height: 500px;} #wrap.employment .thumbwrap {width: 50%; float: left;padding: 30px;} #wrap.employment .box_refer2 .cont { line-height: 1.6; color: rgba(0, 0, 0, 0.7); } #wrap.employment .box_refer2 { background: #f7f7f7; padding: 30px; font-size: 15px; width: 100%; } #wrap.employment .box_refer2:first-child {margin-bottom: 0;} #wrap.employment .box_refer2 .tit { display: block; font-weight: bold; color: #036; margin-bottom: 12px; font-size:16px;} #wrap.employment .box_refer2 .cont { line-height: 1.6; color: rgba(0, 0, 0, 0.7); } #wrap.employment .hd_cont {padding:50px 80px 20px 80px; border-bottom:1px solid #ddd;position: relative;text-align: center;} #wrap.employment .hd_cont .firm {bottom:36px; right:0;} #wrap.employment .hd_cont .tit_sub + h3.aft_bg {line-height:1.4} #wrap.employment .hd_cont h3.aft_bg + .bd {line-height: 16px;padding: 0 15px; border-left: 2px solid #999;border-right: 2px solid #999; color: #999;} #wrap.employment h3.aft_bg + .fc {display: inline-block;margin-top: 10px;margin-bottom:20px; font-size: 16px;font-weight: 500;} #wrap.employment h3.aft_bg {position: relative; font-size: 22px;font-weight: 500;text-align: center;line-height: 1; padding: 20px; text-align: left;} .agreement {text-align:center; padding:30px; border:2px solid #111;color:#333;} .agreement strong {display:block; margin-bottom:10px; font-size:17px;} .agreement .txt {margin-bottom:20px; padding:30px; background:#f5f5f5;text-align:left} .agreement .txt.center {text-align:center} .agreement .name {margin-top:10px;font-size:1.1em; font-weight:bold; letter-spacing:1em; padding-left:1em} .agreement .logo {margin-top:20px;} .agreement + p{margin-top:10px;color:#0070c0 !important;font-weight:600;text-align:center !important;} #wrap.employment .bg {background: #0070c0;color: #fff;} #wrap.employment .bggray {background: #999;color: #fff;} #wrap.employment .hd_cont .state {display: table;position: absolute; top: 50px; left: 0; width: 60px; height: 60px; text-align: center;font-weight: bold; } #wrap.employment .hd_cont .state .inner {display: table-cell;vertical-align: middle; line-height: 1.2;} #wrap.employment .hd_cont .state2 {display: table;position: absolute; top: 50px; left: 0px; width: 60px; height:60px; text-align: center;font-weight: bold;} #wrap.employment .hd_cont .state2 .inner {display: table-cell;vertical-align: middle; line-height: 1.2;} #wrap.employment .hd_cont .tit_sub {display: inline-block; line-height: 30px;padding: 0 14px; font-size: 20px;} #wrap.employment .hd_cont .firm { bottom: 36px;right: 0;} #wrap.employment .hd_cont .firm {position: absolute; right: 0;} #wrap.employment .hd_cont .firm strong {display: inline-block;font-weight: normal; margin-right: 15px;vertical-align: top;} #wrap.employment .hd_cont .firm span {display: inline-block; vertical-align: top;font-weight: bold;letter-spacing: 0;} #wrap.employment .hd_cont .date {display: block; font-size: 18px; font-weight: 500; color: #222; text-align: center;} #wrap.employment .hd_cont .name {display: block; font-size: 24px; font-weight: 500; color: #222; text-align: center;} /* #wrap.employment .cont{margin-bottom:30px;} */ #wrap.employment .cont li.bdbm {border-bottom: 1px solid #ccc; margin: 20px 0;} #wrap.employment .employment .item2 .lst { margin: 20px 0 0 -13px; font-size: 0; word-break: keep-all; } #wrap.employment .employment .item2 .lst > li { display: inline-block; width: 25%; margin-bottom: 13px; padding-left: 13px; text-align: center; position: relative;} #wrap.employment .employment .item2 .lst .tit {position: absolute; top: 0;left: 14px; width: 60px;line-height: 30px;background: #555;text-align: center;color: #fff; font-weight: 500;font-size: 14px; } #wrap.employment .employment .item2 .lst .cont { display: flex; flex-direction: column;/* justify-content: center; */ align-items: center; height: 150px; padding: 20px; border: 1px solid #ccc; font-size: 15px; color: rgba(0, 0, 0, 0.8); box-sizing: border-box; } #wrap.employment .employment .item2 .lst .cont a {font-weight: bold; font-size: 16px; margin-top: 10px;} #wrap.employment .employment .item2 .lst .cont dt {display: inline-block;line-height: 20px;padding: 0 5px;font-size: 16px; color: #222;float: left; margin-bottom: 5px;} #wrap.employment .employment .item2 .lst .cont dd {margin-top: 8px;;letter-spacing: 0;font-family: 'arial'; color: #222;} #wrap.employment .employment .item2 .lst .cont dl {position: absolute; bottom: 30px; left: 30px; opacity: 0.6; color: #222;} #wrap.employment .employment .item2 .lst em { display: inline-block; font-size: .8em; vertical-align: baseline; font-weight: bold; } #wrap.employment .employment .item2 .lst ol { text-align: left; line-height: 1.2; } #wrap.employment .employment .item2 .lst ol li { padding-left: 1em; text-indent: -1em; } #wrap.employment .employment .item2 .lst ol li + li { margin-top: 6px; } #wrap.employment .employment .item2 .lst ol em { text-indent: 0; } /*** 이용 안내 ***/ .ft_board { position: relative; margin-top: 40px; padding: 5px 0; text-align: center; } .ft_board .btn_line { display: inline-block; width: 200px; height: 50px; line-height: 46px; } .guide { /* list */ /* view */ /* write */ /* faq */ /* Q&A */ } .guide .wrap_board { border-top: 1px solid #aaa; } .guide .ft_board { position: relative; margin-top: 40px; padding: 5px 0; text-align: center; } .guide .ft_board .btn_line { display: inline-block; width: 200px; height: 50px; line-height: 46px; } .guide .faq .list_faq li { padding: 20px 0; border-bottom: 1px solid #ddd; } #wrap.employment .hd_cont .name {margin-bottom: 20px;} #wrap.employment .ft_board { position: relative; margin-top: 40px; padding: 5px 0; text-align: center; } #wrap.employment .wrap_btn .btn_more { margin-top: 30px; font-size: 0; } #wrap.employment .wrap_btn .btn_more a, .wrap_btn .btn_more button { display: inline-block; width: calc(50% - 6px); height: 50px; padding: 0; } #wrap.employment .wrap_btn .btn_more a + a, .wrap_btn .btn_more a + button, .wrap_btn .btn_more button + a, .wrap_btn .btn_more button + button { margin: 0 0 0 12px; } #wrap.employment .wrap_btn .btn_more a.btn, .wrap_btn .btn_more button.btn { line-height: 50px; } #wrap.employment .wrap_btn .btn_more a.btn_line, .wrap_btn .btn_more button.btn_line { line-height: 46px; } .guide .hd_board .tit { display: none; } .guide .hd_board .total { display: inline-block; line-height: 50px; } .guide .hd_board .sch_board { float: right; font-size: 0; } .guide .hd_board .sch_board .slt, .guide .hd_board .sch_board .inp, .guide .hd_board .sch_board .btn_sch { display: inline-block; height: 40px; margin-left: 3px; font-size: 15px; } .guide .hd_board .sch_board .slt { width: 100px; border-color: #ccc; margin: 0; } .guide .hd_board .sch_board .inp { width: 200px; padding: 0 10px; } .guide .hd_board .sch_board .btn_sch { width: 70px; line-height: 40px; background: #0070c0; color: #fff; text-align: center; } .memberi .applicants .hd_board {margin-bottom: 30px;} .memberi .applicants .hd_board .tit { display: none; } .memberi .applicants .hd_board .total { display: inline-block; line-height: 40px; } .memberi .hd_board .sch_board { float: right; font-size: 0;} .memberi .hd_board .sch_board .slt, .memberi .hd_board .sch_board .inp, .memberi .hd_board .sch_board .btn_sch { display: inline-block; height: 40px; margin-left: 3px; font-size: 15px; } .memberi .hd_board .sch_board .slt { width: 250px; border-color: #ccc; margin-left: 0; } .memberi .hd_board .sch_board .inp { width: 200px; padding: 0 10px;} .memberi .hd_board .sch_board .btn_sch {/* position: absolute; */top: 0;right: 0; width: 92px;height: 40px;padding: 0; line-height: 38px;border-width: 1px;font-size: 13px;background: #0070c0;color: #fff;font-weight: 400;text-align: center;} .guide .wrap_board.list { margin-top: 10px; } .guide .tbl_board th, .guide .tbl_board td { height: 50px; text-align: center; padding: 10px 5px; border-bottom: 1px solid #ddd; color: #777; font-weight: 300; } .guide .tbl_board thead th { border-bottom: 1px solid #aaa; color: #222; font-size: 15px; background: #f5f5f5; font-weight: 500;} .guide .tbl_board .td_num { width: 80px; letter-spacing: 0; } .guide .tbl_board .td_subject { text-align: left; font-weight: 400; } .guide .tbl_board .td_subject a { color: #555; transition: .2s; } .guide .tbl_board .td_subject a:hover { color: #000; text-decoration: underline; } .guide .tbl_board .td_subject .new { display: inline-block; width: 18px; line-height: 18px; margin: 3px 0 0 3px; font-size: 12px; font-weight: bold; background-color: #0080ff; border-radius: 100%; color: #fff; text-align: center; } .guide .tbl_board .td_writer { width: 150px; } .guide .tbl_board .td_date { width: 150px; letter-spacing: 0; } .guide .tbl_board .td_writer + .td_date { width: 130px; } .guide .tbl_board .noitem { height: 200px; } .guide .tbl_board .re .td_subject .lab_re { display: inline-block; font-size: 13px; line-height: 22px; margin: 1px 4px 0 0; background: #036; color: #fff; padding: 0 8px; } .guide .tbl_board .re .td_subject .ico_comm { display: inline-block; width: 11px; height: 12px; background-position: 0px -120px; margin: 6px 0px 0 0; } .guide .wrap_board .link {text-align: center; margin: 50px auto;} .guide .wrap_board .link a {display: inline-block;width: 230px;line-height: 50px;margin-top: 40px;text-align: center;font-size: 18px;margin: 0 auto; } .guide .wrap_board .link a.bg {background: #0070c0; color: #fff; border: 2px solid #0070c0;} .guide .wrap_board .link a.br {border: 2px solid #222; color: #222;} .info_foot .link {text-align: center; margin: 50px auto;} .info_foot .link a {display: inline-block;width: 140px;line-height: 50px;margin-top: 40px;text-align: center;font-size: 18px;margin: 0 auto; } .info_foot .link a.bg {background: #0070c0; color: #fff; border: 2px solid #0070c0;} .info_foot .link a.br {border: 2px solid #222; color: #222;} .guide .wrap_board.list { margin-top: 5px; } .guide .tbl_board th, .guide .tbl_board td { padding: 0 5px; } .guide .tbl_board .th_num, .guide .tbl_board .td_num { display: none; } .guide .tbl_board .td_writer { width: 60px; } .guide .tbl_board .td_date { width: 85px; font-size: 13px; } .guide .tbl_board .td_writer + .td_date { width: 60px; } .guide .tbl_board .td_subject a { display: block; padding: 10px 0; } .guide .tbl_board .re .td_subject .ico_comm { margin-top: 4px; } .guide .tbl_board .re .td_subject .lab_re { margin: 1px 2px 0 0; font-size: 12px; line-height: 20px; padding: 0 5px; } .guide .tbl_board .noitem { height: 150px; } #wrap.employment .ft_board .btn {width: 150px;} .guide .hd_view { position: relative; padding: 20px; line-height: 30px; background: #f5f5f5;} .guide .hd_view .tit_view { display: inline-block; padding-right: 150px; font-size: 24px; font-weight: bold; color: #444;} .guide .hd_view .date { /* position: absolute; */ top: 20px; right: 0; letter-spacing: 0; color: #666; } .guide .cont_view { min-height: 250px; border-top: 1px solid #ccc; padding: 30px; } .guide .files { padding: 20px; background: #f8f8f8; } .guide .files dl { overflow: hidden; } .guide .files dt { float: left; margin-right: 40px; font-size: 14px; font-weight: bold; color: #777; } .guide .files dd { overflow: hidden; letter-spacing: 0; } .guide .files li + li { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e5e5e5; } .guide .files a { display: inline-block; line-height: 24px; } .guide .files a span { display: inline-block; line-height: 22px; margin-left: 10px; border: 1px solid #ccc; padding: 0 7px; font-size: 13px; background: #fff; transition: .2; } .guide .files a span:before { width: 10px; height: 12px; margin: 5px 3px 0 0; background-position: -90px 0px; opacity: .5; transition: .2; content: ''; } .guide .files a:hover { text-decoration: underline; } .guide .files a:hover span { text-decoration: none; color: #222; border-color: #555; } .guide .files a:hover span:before { opacity: .8; } .guide .other { margin-top: 40px; border-top: 1px solid #ccc; } .guide .other .prev, .guide .other .next { border-bottom: 1px solid #ccc; padding: 15px 0; } .guide .other a { display: inline-block; max-width: 100%; color: rgba(0, 0, 0, 1);} .guide .other a:hover { text-decoration: underline; } .guide .other span { display: block; font-size: 14px; font-weight: bold; color: #666; line-height: 20px; } .guide .other span:before, .guide .other span:after { display: inline-block; width: 0; height: 0; margin: 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; } .guide .other .prev span:before { border-right: 6px solid #aaa; content: ''; } .guide .other .next span:after { border-left: 6px solid #aaa; content: ''; } .guide .write th { vertical-align: top; line-height: 40px; width: 130px; color: #036; font-weight: bold; } .guide .write td { width: calc(50% - 130px); text-align: left; } .guide .write td + th { border-left: 1px solid #ddd; } .guide .write tr.row_subj th, .guide .write tr.row_subj td { border-top: 1px solid aa; } .guide .write .inp { width: 240px; max-width: 100%; height: 40px; padding: 0 10px; } .guide .write textarea.inp { width: 100%; height: 200px; } .guide .write .wrap_policy { margin-top: 30px; } .guide .write .wrap_policy .tit { display: block; font-size: 18px; font-weight: bold; color: #0068cf; } .guide .write .wrap_policy .box_policy { margin-top: 10px; padding: 30px; background: #f8f8f8; font-size: .9em; font-weight: 300; max-height: 200px; overflow-y: auto; } .guide .write .wrap_policy .box_policy p, .guide .write .wrap_policy .box_policy ul { margin: 5px 0; } .guide .write .wrap_policy .agree { margin-top: 20px; text-align: center; } .guide .write .wrap_policy .agree .chk { float: none; } .guide .write .ft_board .btn { height: 50px; line-height: 12px; width: 200px; } .guide .write .tbl_board + .tbl_board tr:first-child th, .guide .write .tbl_board + .tbl_board tr:first-child td { border-top: 1px solid #036; } .guide .faq .list_faq li { padding: 20px 0; border-bottom: 1px solid #ddd; } .guide .faq .list_faq a, .guide .faq .list_faq p, .guide .faq .list_faq .mont { display: block; line-height: 24px; } .guide .faq .list_faq a { font-size: 15px; color: #555; font-weight: 400;} .guide .faq .list_faq a span { display: inline-block; margin-left: 10px; font-size: 13px; color: #0068cf; } .guide .faq .list_faq a span:after { display: inline-block; width: 0; height: 0; margin: 10px 0 0 4px; border-top: 5px solid #0068cf; border-left: 4px solid transparent; border-right: 4px solid transparent; content: ''; } .guide .faq .list_faq .mont { float: left; margin-right: 15px; font-weight: bold; color: #0068cf; font-size: 24px; } .guide .faq .list_faq a, .guide .faq .list_faq p { overflow: hidden; } .guide .faq .list_faq .a { display: none; margin-top: 20px; padding: 20px; background: #f9f9f9; } .guide .faq .ft_board .btn_line { position: absolute; top: 0; right: 0; width: 140px; } .guide .wrap_board .link a{margin-bottom: 10px;} .guide .qna .ft_board .btn_line { position: absolute; top: 0; right: 0; width: 140px; } #wrap.memberp .box_refer { margin: 20px 0; background: #f7f7f7; padding: 30px; font-size: 15px; } #wrap.memberp .box_refer .tit { display: block; font-size:16px;font-weight: bold; color: #036; margin-bottom: 12px; } #wrap.memberp .box_refer .cont { line-height: 1.6; color: rgba(0, 0, 0, 0.7); } #wrap.memberp .on .info_details { display: block; } #wrap.memberp .on .wrap_more .more:before { content: '접기'; } #wrap.memberp .on .wrap_more .more .ico_comm { background-position: -50px -135px; } .memberp .hd_board .sch_board { float: right; font-size: 0;} .memberp .hd_board .sch_board .slt, .memberp .hd_board .sch_board .inp, .memberp .hd_board .sch_board .btn_sch { display: inline-block; height: 40px; margin-left: 3px; font-size: 15px; } .memberp .hd_board .sch_board .slt { width: 250px; border-color: #ccc; margin-left: 0; } .memberp .hd_board .sch_board .inp { width: 200px; padding: 0 10px;} .memberp .hd_board .sch_board .btn_sch {position: absolute;top: 0;right: 0; width: 92px;height: 40px;padding: 0; line-height: 38px;border-width: 1px;font-size: 13px;background: #036;color: #fff;font-weight: 400;text-align: center;} .memberp .forminput {margin-top: 0;margin-bottom:20px;} .memberp .cont {margin-top: 10px;margin-bottom:20px;} .memberp .cont.margin {margin-top: 10px !important;margin-bottom:20px !important;} .memberp .forminput dl + dl {margin-top: 0;} .memberp .forminput dl {border-top: 1px solid #ddd; padding: 5px 10px;} .memberp .forminput dl:first-child {border-top: none;} .memberp .wrap_btn .btn{max-width:200px;height:50px;font-weight:500;line-height:48px;padding:0;border-radius:0;border:1px solid #000;background-color:#fff;color:#000;font-size:16px;} #wrap.memberp .confirm {padding: 20px; border: 1px solid #aaa; margin-top: 10px;} #wrap.memberp .confirm h3 {text-align: center; font-size: 20px; font-weight: 500;} #wrap.memberp .confirm p {font-size: 16px; text-align: center; margin-top: 3px;} #wrap.memberp .confirm p strong {font-size: 24px;line-height:1.2;} #wrap.memberp .wrap_board { border-top: 2px solid #036; } #wrap.memberp .write th, #wrap.memberp .write td { height: 50px; text-align: center; padding: 10px 5px; border-bottom: 1px solid #ddd; color: #777; font-weight: 300; } #wrap.memberp .write th { vertical-align: top; line-height: 40px; width: 130px; color: #036; font-weight: bold; } #wrap.memberp .write td { width: calc(50% - 130px); text-align: left; } #wrap.memberp .write td + th { border-left: 1px solid #ddd; } #wrap.memberp .write tr.row_subj th, .memberp .write tr.row_subj td { border-top: 1px solid aa; } #wrap.memberp .write .inp { width: 240px; max-width: 100%; height: 40px; padding: 0 10px; } #wrap.memberp .write .inp2 {width: 100%; height: 40px; padding: 0 10px; } #wrap.memberp .write textarea.inp { width: 100%; height: 200px; } #wrap.memberp .write .wrap_policy { margin-top: 30px; } #wrap.memberp .write .wrap_policy .tit { display: block; font-size: 18px; font-weight: bold; color: #0068cf; } #wrap.memberp .write .wrap_policy .box_policy { margin-top: 10px; padding: 30px; background: #f8f8f8; font-size: .9em; font-weight: 300; max-height: 200px; overflow-y: auto; } #wrap.memberp .write .wrap_policy .box_policy p, .memberp .write .wrap_policy .box_policy ul { margin: 5px 0; } #wrap.memberp .write .wrap_policy .agree { margin-top: 20px; text-align: center; } #wrap.memberp .write .wrap_policy .agree .chk { float: none; } #wrap.memberp .write .ft_board .btn { height: 50px; line-height: 12px; width: 200px; } #wrap.memberp .write .tbl_board + .tbl_board tr:first-child th, .memberp .write .tbl_board + .tbl_board tr:first-child td { border-top: 1px solid #036; } #wrap.policy { padding: 40px; line-height: 1.8; font-size: 15px;font-weight:300;color:#333; letter-spacing:-0.4px;} #wrap.policy p{margin-bottom:10px;} #wrap.policy h3 { font-size: 26px;margin-bottom:20px; font-weight: bold; color: #036; } #wrap.policy h4 { font-size: 24px;margin-bottom:20px; font-weight: bold; color: #036; } #wrap.policy h5 { display: inline-block; font-size: 20px; font-weight: bold; line-height: 1.23; margin-bottom: 20px;} #wrap.policy h5:before { display: inline-block; width: 15px; height: 20px; margin: 0 3px 0 0; background-position: -25px -15px; content: ''; } #wrap.policy .hd_cont {padding: 0;} #wrap.policy .summ_policy { padding: 30px; margin: .5em 0 .5em; border: 1px solid #ddd; } #wrap.policy .tit { display: block; margin-top: 1.5em; font-weight: bold; } #wrap.policy li strong { display: block; margin-top: .5em; } #wrap.policy .cont_policy p + ul, #wrap.policy .cont_policy p + ol, #wrap.policy .cont_policy p + div { margin-top: .5em; } #wrap.policy .cont_policy ol li { padding-left: 1em; text-indent: -1em;font-weight:300;letter-spacing:-0.4px;} #wrap.policy .cont_policy ol p { text-indent: 0;font-weight:300;letter-spacing:-0.4px;} #wrap.policy .cont_policy ul li { padding-left: .5em; text-indent: -.5em;font-weight:300;letter-spacing:-0.4px;} #wrap.policy .cont_policy ul p { text-indent: 0;font-weight:300;letter-spacing:-0.4px;} #wrap.policy h4 + .cont_policy h5:first-child { margin-top: 0; } @media screen and (max-width: 1280px) { .board .hd_board {margin-top: 20px;} .guide .hd_board {margin-top: 20px;} } @media screen and (max-width: 1024px) { .guide .faq .list_faq li { padding: 15px 0; } .guide .faq .list_faq a, .guide .faq .list_faq p, .guide .faq .list_faq .mont { line-height: 20px; } .guide .faq .list_faq a { font-size: 15px; } .guide .faq .list_faq a span:after { margin-top: 8px; } .guide .faq .list_faq .mont { font-size: 20px; margin-right: 8px; } .guide .faq .ft_board .btn_line { position: relative; margin-top: 30px; width: 100%; max-width: 500px; } .guide .qna .ft_board .btn_line { position: relative; margin-top: 30px; width: 100%; max-width: 500px; } #wrap.policy { padding: 15px; line-height: 1.6; font-size: 14px; } #wrap.policy h4 { display: none; } #wrap.policy .summ_policy { padding: 15px; } .guide .write table, .guide .write tbody, .guide .write tr, .guide .write th, .guide .write td { } .guide .write th, .guide .write td { height: auto; padding: 6px 0; border: none !important; } .guide .write th { float: left; width: 90px; text-align: left; } .guide .write td { overflow: hidden; width: auto; } .guide .write .inp { width: 100%; } .guide .write tr.row_cont th { display: none; } .guide .write .wrap_policy { margin-top: 20px; } .guide .write .wrap_policy .tit { font-size: 16px; } .guide .write .wrap_policy .box_policy { padding: 15px; } .guide .write .wrap_policy .agree { margin-top: 12px; font-size: 15px; } .guide .write .ft_board .btn { width: 100%; } .guide .tbl_board thead th { height: 40px; font-size: 15px; } .guide .hd_view { padding: 0 0; line-height: 24px; } .guide .hd_view .tit_view { padding-right: 0; font-size: 20px; } .guide .hd_view .date { position: relative; top: auto; font-size: 13px; margin-top: 5px; } .guide .cont_view { margin-top: 20px; min-height: 180px; padding: 15px 0; } .guide .files { padding: 15px; } .guide .files dt { display: none; } .guide .other { margin-top: 20px; } .guide .ft_board { margin-top: 20px; } .guide .ft_board .btn_line { width: 100%; } .board .ft_board { margin-top: 20px; } .board .ft_board .btn_line { width: 100%; } .ft_board { margin-top: 20px; } .ft_board .btn_line { width: 100%; } .body_cont .tab ul.tab_list li { margin: 0 0 20px 0;} #wrap.employment .box_refer { margin-top: 20px; } #wrap.employment h3.aft_bg {font-size: 24px;} #wrap.employment h3.aft_bg + .fc {font-size: 16px; line-height: 16px;} #wrap.employment .hd_cont .state { left: 0; width: 70px; height: 70px;} #wrap.employment .hd_cont .state2 {left: 80px; width: 70px; height: 70px;} .memberp .cont h4.bfr_bg { font-size: 16px;} .tbl_comm tbody td { font-size:13px;} .partner .list li {width: 24%; height: 220px;} .overwrap{width:100%;overflow-x:scroll;} .overtable{width:800px;} .overtable .slt{font-size:13px;} #wrap.policy h3 { font-size: 18px;margin-bottom:15px; } } @media screen and (max-width: 1000px) { #quick {display:none;} .memberi .box {padding: 15px;} .memberi .box .info_left {width: 100%; } .memberi .box .info_right {width: 100%; margin-top: 30px;text-align:left;} .memberi .wrap_tbl h4 {font-size: 16px; line-height: 2;} .memberi .hd_board .sch_board .slt {width: 170px;} #wrap.employment .cont {margin-bottom: 20px;} .employment .wrap_btn .btn.company {border: 1px solid #666; background-color: #fff; color: #666;} #wrap.employment .box_refer {padding: 15px !important;font-size: 13px !important;} #wrap.memberp .box_refer {padding: 15px !important;font-size: 13px !important;} #wrap.employment .hd_cont .tit_sub {font-size: 16px;} #wrap.employment .employment .item2 .lst { display: flex; flex-wrap: wrap; margin: 15px 0 0;} #wrap.employment .employment .item2 .lst > li {width: 100%;} #wrap.employment .employment .item2 .lst .cont a {position: absolute; left: 20px; } #wrap.employment .employment .item2 .lst .cont {height: 160px;} #wrap.employment .employment .item2 .lst > li {width: 100%;} #wrap.employment .hd_cont {padding: 0 0 0 0;margin-bottom:20px;} #wrap.employment h3.aft_bg {font-size: 18px; line-height: 1.3;} #wrap.employment h3.aft_bg + .fc {font-size: 16px; line-height: 16px;} #wrap.employment .hd_cont .state {margin-top:20px;display:block;top:auto;left:auto; width: 55px; height: 45px;text-align:center;} #wrap.employment .hd_cont .state .inner{width:55px;height:45px;font-weight:300;font-size:13px;} #wrap.employment .hd_cont .state2 {margin-top:20px;display:block;top:auto;left:auto; width: 55px; height: 45px;text-align:center;} #wrap.employment .hd_cont .state2 .inner{width:55px;height:45px;font-weight:300;font-size:13px;} #wrap.employment .hd_cont .tit_sub {margin-top: 10px;} #wrap.employment .hd_cont .firm {/* position: relative; */margin: 0 auto; } .employment .list li dl {padding-left: 80px;} .employment .list li {width: 100%; min-height: 100px;} .employment .list li dl dd.icon {width: 70px;height: 70px; } .employment .list li:nth-child(1), .employment .list li:nth-child(2) {margin-top: 10px; } .employment .list li dl dt {margin-left: 0;font-size:14px;margin-bottom:0;} .employment .list li dl dd.txt {margin-left: 0;font-size:14px;line-height:1.4} .employment .wrap_tbl3 .tbl th, .employment .wrap_tbl3 .tbl td {height: auto;padding: 10px;font-size: 13px;} #wrap.employment .employment .tbl tbody th { width: 18%;font-size:13px; } #wrap.employment .employment .tbl tbody td { width: 28%; color: rgba(0, 0, 0, 0.7);font-size:13px;} .employment .wrap_btn .btn {max-width: 150px;height: 40px;line-height: 38px;font-size: 14px;} .employment .wrap_btn .btn.navy {max-width: 150px;height: 40px;line-height: 38px;font-size: 14px;} .memberp .wrap_btn .btn{max-width:150px;height:40px;line-height:38px;font-size:14px;} .ft_board .btn{max-width:150px;height:40px;line-height:38px;font-size:14px;} .body_cont .tit_sec {font-size: 16px;line-height: 18px;margin-top: 0;margin-bottom:10px;} .body_cont .tit_sec:before { display:none;} .body_cont .tit_sec + .cont { margin-top: 5px; } .agreement {padding:10px; } .agreement .txt {padding:10px; } .agreement + p{font-size:12px;} .about .list2 li dl {padding-left: 80px;} .about .list2 li {width: 100%; min-height: 100px;} .about .list2 li dl dd.icon {width: 70px;height: 70px; } .about .list2 li:nth-child(2) {margin-top: 10px; } .about .list2 li dl dt {margin-left: 0;font-size:14px;margin-bottom:0;} .about .list2 li dl dd.txt {margin-left: 0;font-size:14px;line-height:1.4} .scrollbar {overflow-x: scroll; width: auto; height: auto; white-space:nowrap; padding: 10px; margin-top: 30px;} .scrollbar img {max-width:1000px;} #wrap.policy h5 {font-size: 16px;} #wrap.policy h5:before {display: none;} } @media screen and (max-width: 800px) { .about .list li {width: 100%; min-height: 100px;} .about .list li dl dd.icon {width: 85px;height: 85px; } .about .list li:nth-child(1), .about .list li:nth-child(2) {margin-top: 10px; } .about .list li dl dt {margin-left: 0;} .about .list li dl dd.txt {margin-left: 0;} .memberi .jobsoffer .item2 .lst { display: flex; flex-wrap: wrap; margin: 15px 0 0;} .memberi .jobsoffer .item2 .lst > li {width: 100%; padding-left: 0;} .memberi .jobsoffer .item2 .lst .tit {left: 0;} .memberi .jobsoffer .item2 .lst .titblue {left: 0;} .memberi .jobsoffer .item2 .lst .cont a {position: absolute; left: 20px; } .memberi .jobsoffer .item2 .lst .cont {height: 160px; } .memberi .jobsoffer_first .item2 .lst { display: flex; flex-wrap: wrap; margin: 15px 0 0;} .memberi .jobsoffer_first .item2 .lst > li {width: 100%; padding-left: 0;} .memberi .jobsoffer_first .item2 .lst .tit {left: 0;} .memberi .jobsoffer_first .item2 .lst .titblue {left: 0;} .memberi .jobsoffer_first .item2 .lst .cont a {position: absolute; left: 20px; } .memberi .jobsoffer_first .item2 .lst .cont {height: 160px; } .memberp .jobsapply .item2 .lst > li {width: 100%; padding-left: 0;} .memberp .jobsapply .item2 .lst > li {width: 100%; padding-left: 0;} .memberp .jobsapply .item2 .lst .tit {left: 0;} .memberp .jobsapply .item2 .lst .titblue {left: 0;} .memberp .jobsapply .item2 .lst .cont a {position: absolute; left: 20px; } .memberp .jobsapply .item2 .lst .cont {height: 160px; } .memberp .inp2 {width: 100%;} .memberp .inp3 {position: relative; margin-left: 0;} .about h2 {font-size: 20px;} .work h2 {font-size: 20px;} } @media screen and (max-width: 720px) { .guide .hd_board .sch_board { float: none; margin-bottom: 20px; } .guide .hd_board .sch_board .inp { width: calc(100% - 176px); } .guide .hd_board .tit { display: inline-block; font-size: 18px; font-weight: bold; line-height: 30px; color: #036; } .guide .hd_board .total { float: right; line-height: 30px; } .memberi .applicants .hd_board .sch_board { float: none; margin-bottom: 20px; } .memberi .applicants .hd_board .sch_board .inp { width: calc(100% - 176px); } .memberi .applicants .hd_board .tit { display: inline-block; font-size: 18px; font-weight: bold; line-height: 30px; color: #036; } .memberi .applicants .hd_board .total { float: right; line-height: 30px; } .employment .box_refer ul{display:block;overflow:hidden;} .employment .box_refer li.comlogo{display:block;margin-right:auto;margin:0 auto 10px;} .employment .box_refer li.comlogo .thumb_logo{width:200px;height:100px;} .employment .box_refer li.comtxt{display:block;width:100%; text-align: center;} .employment .box_refer li.comtxt h2.bar_bk::after {margin: 10px auto;} #wrap.employment .thumbwrap {width: 100%; } #wrap.employment .box_refer2 {width: 100%; padding: 30px;} } @media screen and (max-width: 600px) { .resume4 .box .wrap_btn .btn {width: 120px;} .memberi .box .info_left h4 {font-size: 16px;} .memberi .box .info_left h4 strong {font-size: 16px;} .memberi .box .info_right span {font-size: 14px; } .employment .wrap_btn .btn {max-width: 120px;} .memberp .wrap_btn .btn{max-width:120px;} .ft_board .btn{max-width:120px;} .partner .list li {width: 48%;} .about .list2 li {width: 100%;} #wrap.about .hd_cont, #wrap.partner .hd_cont {} #wrap.about h3.aft_bg, #wrap.partner h3.aft_bg {font-size: 24px; } } @media screen and (max-width: 600px) { .partner .list li {width: 47%;} } /* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */ html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit} /* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */ html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item} audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline} audio:not([controls]){display:none;height:0}[hidden],template{display:none} a{background-color:transparent}a:active,a:hover{outline-width:0} abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted} b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000} small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none} code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible} button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold} button,input{overflow:visible}button,select{text-transform:none} button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button} button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0} button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText} fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em} legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto} [type=checkbox],[type=radio]{padding:0} [type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto} [type=search]{-webkit-appearance:textfield;outline-offset:-2px} [type=search]::-webkit-search-decoration{-webkit-appearance:none} ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit} /* End extract */ html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5}html{overflow-x:hidden} /* h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif} h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px} */ hr{border:0;border-top:1px solid #eee;margin:20px 0} .w3-image{max-width:100%;height:auto}img{vertical-align:middle}a{color:inherit} .w3-table,.w3-table-all{border-collapse:collapse;border-spacing:0;width:100%;display:table}.w3-table-all{border:1px solid #ccc} .w3-bordered tr,.w3-table-all tr{border-bottom:1px solid #ddd}.w3-striped tbody tr:nth-child(even){background-color:#f1f1f1} .w3-table-all tr:nth-child(odd){background-color:#fff}.w3-table-all tr:nth-child(even){background-color:#f1f1f1} .w3-hoverable tbody tr:hover,.w3-ul.w3-hoverable li:hover{background-color:#ccc}.w3-centered tr th,.w3-centered tr td{text-align:center} .w3-table td,.w3-table th,.w3-table-all td,.w3-table-all th{padding:8px 8px;display:table-cell;text-align:left;vertical-align:top} .w3-table th:first-child,.w3-table td:first-child,.w3-table-all th:first-child,.w3-table-all td:first-child{padding-left:16px} .w3-btn,.w3-button{border:none;display:inline-block;padding:10px 18px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap} .w3-btn:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); } .w3-btn,.w3-button{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .w3-disabled,.w3-btn:disabled,.w3-button:disabled{cursor:not-allowed;opacity:0.3}.w3-disabled *,:disabled *{pointer-events:none} .w3-btn.w3-disabled:hover,.w3-btn:disabled:hover{box-shadow:none} .w3-badge,.w3-tag{background-color:#000;color:#fff;display:inline-block;padding-left:8px;padding-right:8px;text-align:center}.w3-badge{border-radius:50%} .w3-ul{list-style-type:none;padding:0;margin:0}.w3-ul li{padding:8px 16px;border-bottom:1px solid #ddd}.w3-ul li:last-child{border-bottom:none} .w3-tooltip,.w3-display-container{position:relative}.w3-tooltip .w3-text{display:none}.w3-tooltip:hover .w3-text{display:inline-block} .w3-ripple:active{opacity:0.5}.w3-ripple{transition:opacity 0s} .w3-input{padding:8px;display:block;border:none;border-bottom:1px solid #ccc;width:100%} .w3-select{padding:9px 0;width:100%;border:none;border-bottom:1px solid #ccc} .w3-dropdown-click,.w3-dropdown-hover{position:relative;display:inline-block;cursor:pointer} .w3-dropdown-hover:hover .w3-dropdown-content{display:block} .w3-dropdown-hover:first-child,.w3-dropdown-click:hover{background-color:#ccc;color:#000} .w3-dropdown-hover:hover > .w3-button:first-child,.w3-dropdown-click:hover > .w3-button:first-child{background-color:#ccc;color:#000} .w3-dropdown-content{cursor:auto;color:#000;background-color:#fff;display:none;position:absolute;min-width:160px;margin:0;padding:0;z-index:1} .w3-check,.w3-radio{width:24px;height:24px;position:relative;top:6px} .w3-sidebar{height:100%;width:200px;background-color:#fff;position:fixed!important;z-index:1;overflow:auto} .w3-bar-block .w3-dropdown-hover,.w3-bar-block .w3-dropdown-click{width:100%} .w3-bar-block .w3-dropdown-hover .w3-dropdown-content,.w3-bar-block .w3-dropdown-click .w3-dropdown-content{min-width:100%} .w3-bar-block .w3-dropdown-hover .w3-button,.w3-bar-block .w3-dropdown-click .w3-button{width:100%;text-align:left;padding:8px 16px} .w3-main,#main{transition:margin-left .4s} .w3-modal{z-index:3;display:none;padding-top:100px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)} .w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;width:600px} .w3-bar{width:100%;overflow:hidden}.w3-center .w3-bar{display:inline-block;width:auto} .w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0} .w3-bar .w3-dropdown-hover,.w3-bar .w3-dropdown-click{position:static;float:left} .w3-bar .w3-button{white-space:normal} .w3-bar-block .w3-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;white-space:normal;float:none;outline:0} .w3-bar-block.w3-center .w3-bar-item{text-align:center}.w3-block{display:block;width:100%} .w3-responsive{display:block;overflow-x:auto} .w3-container:after,.w3-container:before,.w3-panel:after,.w3-panel:before,.w3-row:after,.w3-row:before,.w3-row-padding:after,.w3-row-padding:before, .w3-cell-row:before,.w3-cell-row:after,.w3-clear:after,.w3-clear:before,.w3-bar:before,.w3-bar:after{content:"";display:table;clear:both} .w3-col,.w3-half,.w3-third,.w3-twothird,.w3-threequarter,.w3-quarter{float:left;width:100%} .w3-col.s1{width:8.33333%}.w3-col.s2{width:16.66666%}.w3-col.s3{width:24.99999%}.w3-col.s4{width:33.33333%} .w3-col.s5{width:41.66666%}.w3-col.s6{width:49.99999%}.w3-col.s7{width:58.33333%}.w3-col.s8{width:66.66666%} .w3-col.s9{width:74.99999%}.w3-col.s10{width:83.33333%}.w3-col.s11{width:91.66666%}.w3-col.s12{width:99.99999%} @media (min-width:601px){.w3-col.m1{width:8.33333%}.w3-col.m2{width:16.66666%}.w3-col.m3,.w3-quarter{width:24.99999%}.w3-col.m4,.w3-third{width:33.33333%} .w3-col.m5{width:41.66666%}.w3-col.m6,.w3-half{width:49.99999%}.w3-col.m7{width:58.33333%}.w3-col.m8,.w3-twothird{width:66.66666%} .w3-col.m9,.w3-threequarter{width:74.99999%}.w3-col.m10{width:83.33333%}.w3-col.m11{width:91.66666%}.w3-col.m12{width:99.99999%}} @media (min-width:993px){.w3-col.l1{width:8.33333%}.w3-col.l2{width:16.66666%}.w3-col.l3{width:24.99999%}.w3-col.l4{width:33.33333%} .w3-col.l5{width:41.66666%}.w3-col.l6{width:49.99999%}.w3-col.l7{width:58.33333%}.w3-col.l8{width:66.66666%} .w3-col.l9{width:74.99999%}.w3-col.l10{width:83.33333%}.w3-col.l11{width:91.66666%}.w3-col.l12{width:99.99999%}} .w3-rest{overflow:hidden}.w3-stretch{margin-left:-16px;margin-right:-16px} .w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px} .w3-cell-row{display:table;width:100%}.w3-cell{display:table-cell} .w3-cell-top{vertical-align:top}.w3-cell-middle{vertical-align:middle}.w3-cell-bottom{vertical-align:bottom} .w3-hide{display:none!important}.w3-show-block,.w3-show{display:block!important}.w3-show-inline-block{display:inline-block!important} @media (max-width:1205px){.w3-auto{max-width:95%}} @media (max-width:600px){.w3-modal-content{margin:0 10px;width:auto!important}.w3-modal{padding-top:30px} .w3-dropdown-hover.w3-mobile .w3-dropdown-content,.w3-dropdown-click.w3-mobile .w3-dropdown-content{position:relative} .w3-hide-small{display:none!important}.w3-mobile{display:block;width:100%!important}.w3-bar-item.w3-mobile,.w3-dropdown-hover.w3-mobile,.w3-dropdown-click.w3-mobile{text-align:center} .w3-dropdown-hover.w3-mobile,.w3-dropdown-hover.w3-mobile .w3-btn,.w3-dropdown-hover.w3-mobile .w3-button,.w3-dropdown-click.w3-mobile,.w3-dropdown-click.w3-mobile .w3-btn,.w3-dropdown-click.w3-mobile .w3-button{width:100%}} @media (max-width:768px){.w3-modal-content{width:500px}.w3-modal{padding-top:50px}} @media (min-width:993px){.w3-modal-content{width:612px}.w3-hide-large{display:none!important}.w3-sidebar.w3-collapse{display:block!important}} @media (max-width:992px) and (min-width:601px){.w3-hide-medium{display:none!important}} @media (max-width:992px){.w3-sidebar.w3-collapse{display:none}.w3-main{margin-left:0!important;margin-right:0!important}.w3-auto{max-width:100%}} .w3-top,.w3-bottom{position:fixed;width:100%;z-index:1}.w3-top{top:0}.w3-bottom{bottom:0} .w3-overlay{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.5);z-index:2} .w3-display-topleft{position:absolute;left:0;top:0}.w3-display-topright{position:absolute;right:0;top:0} .w3-display-bottomleft{position:absolute;left:0;bottom:0}.w3-display-bottomright{position:absolute;right:0;bottom:0} .w3-display-middle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)} .w3-display-left{position:absolute;top:50%;left:0%;transform:translate(0%,-50%);-ms-transform:translate(-0%,-50%)} .w3-display-right{position:absolute;top:50%;right:0%;transform:translate(0%,-50%);-ms-transform:translate(0%,-50%)} .w3-display-topmiddle{position:absolute;left:50%;top:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} .w3-display-bottommiddle{position:absolute;left:50%;bottom:0;transform:translate(-50%,0%);-ms-transform:translate(-50%,0%)} .w3-display-container:hover .w3-display-hover{display:block}.w3-display-container:hover span.w3-display-hover{display:inline-block}.w3-display-hover{display:none} .w3-display-position{position:absolute} .w3-circle{border-radius:50%} .w3-round-small{border-radius:2px}.w3-round,.w3-round-medium{border-radius:4px}.w3-round-large{border-radius:8px}.w3-round-xlarge{border-radius:16px}.w3-round-xxlarge{border-radius:32px} .w3-row-padding,.w3-row-padding>.w3-half,.w3-row-padding>.w3-third,.w3-row-padding>.w3-twothird,.w3-row-padding>.w3-threequarter,.w3-row-padding>.w3-quarter,.w3-row-padding>.w3-col{padding:0 8px} .w3-container,.w3-panel{padding:0.01em 16px}.w3-panel{margin-top:16px;margin-bottom:16px} .w3-code,.w3-codespan{font-family:Consolas,"courier new";font-size:16px} .w3-code{width:auto;background-color:#fff;padding:8px 12px;border-left:4px solid #4CAF50;word-wrap:break-word} .w3-codespan{color:crimson;background-color:#f1f1f1;padding-left:4px;padding-right:4px;font-size:110%} .w3-card,.w3-card-2{box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)} .w3-card-4,.w3-hover-shadow:hover{box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)} .w3-spin{animation:w3-spin 2s infinite linear}@keyframes w3-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}} .w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}} .w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}} .w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}} .w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}} .w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}} .w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}} .w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}} .w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important} .w3-opacity,.w3-hover-opacity:hover{opacity:0.60}.w3-opacity-off,.w3-hover-opacity-off:hover{opacity:1} .w3-opacity-max{opacity:0.25}.w3-opacity-min{opacity:0.75} .w3-greyscale-max,.w3-grayscale-max,.w3-hover-greyscale:hover,.w3-hover-grayscale:hover{filter:grayscale(100%)} .w3-greyscale,.w3-grayscale{filter:grayscale(75%)}.w3-greyscale-min,.w3-grayscale-min{filter:grayscale(50%)} .w3-sepia{filter:sepia(75%)}.w3-sepia-max,.w3-hover-sepia:hover{filter:sepia(100%)}.w3-sepia-min{filter:sepia(50%)} .w3-tiny{font-size:10px!important}.w3-small{font-size:12px!important}.w3-medium{font-size:15px!important}.w3-large{font-size:18px!important} .w3-xlarge{font-size:24px!important}.w3-xxlarge{font-size:36px!important}.w3-xxxlarge{font-size:48px!important}.w3-jumbo{font-size:64px!important} .w3-left-align{text-align:left!important}.w3-right-align{text-align:right!important}.w3-justify{text-align:justify!important}.w3-center{text-align:center!important} .w3-border-0{border:0!important}.w3-border{border:1px solid #ccc!important} .w3-border-top{border-top:1px solid #ccc!important}.w3-border-bottom{border-bottom:1px solid #ccc!important} .w3-border-left{border-left:1px solid #ccc!important}.w3-border-right{border-right:1px solid #ccc!important} .w3-topbar{border-top:6px solid #ccc!important}.w3-bottombar{border-bottom:6px solid #ccc!important} .w3-leftbar{border-left:6px solid #ccc!important}.w3-rightbar{border-right:6px solid #ccc!important} .w3-section,.w3-code{margin-top:16px!important;margin-bottom:16px!important} .w3-margin{margin:16px!important}.w3-margin-top{margin-top:16px!important}.w3-margin-bottom{margin-bottom:16px!important} .w3-margin-left{margin-left:16px!important}.w3-margin-right{margin-right:16px!important} .w3-padding-small{padding:4px 8px!important}.w3-padding{padding:8px 16px!important}.w3-padding-large{padding:12px 24px!important} .w3-padding-16{padding-top:16px!important;padding-bottom:16px!important}.w3-padding-24{padding-top:24px!important;padding-bottom:24px!important} .w3-padding-32{padding-top:32px!important;padding-bottom:32px!important}.w3-padding-48{padding-top:48px!important;padding-bottom:48px!important} .w3-padding-64{padding-top:64px!important;padding-bottom:64px!important} .w3-left{float:left!important}.w3-right{float:right!important} .w3-button:hover{color:#000!important;background-color:#ccc!important} .w3-transparent,.w3-hover-none:hover{background-color:transparent!important} .w3-hover-none:hover{box-shadow:none!important} /* Colors */ .w3-amber,.w3-hover-amber:hover{color:#000!important;background-color:#ffc107!important} .w3-aqua,.w3-hover-aqua:hover{color:#000!important;background-color:#00ffff!important} .w3-blue,.w3-hover-blue:hover{color:#fff!important;background-color:#2196F3!important} .w3-light-blue,.w3-hover-light-blue:hover{color:#000!important;background-color:#87CEEB!important} .w3-brown,.w3-hover-brown:hover{color:#fff!important;background-color:#795548!important} .w3-cyan,.w3-hover-cyan:hover{color:#000!important;background-color:#00bcd4!important} .w3-blue-grey,.w3-hover-blue-grey:hover,.w3-blue-gray,.w3-hover-blue-gray:hover{color:#fff!important;background-color:#607d8b!important} .w3-green,.w3-hover-green:hover{color:#fff!important;background-color:#4CAF50!important} .w3-light-green,.w3-hover-light-green:hover{color:#000!important;background-color:#8bc34a!important} .w3-indigo,.w3-hover-indigo:hover{color:#fff!important;background-color:#3f51b5!important} .w3-khaki,.w3-hover-khaki:hover{color:#000!important;background-color:#f0e68c!important} .w3-lime,.w3-hover-lime:hover{color:#000!important;background-color:#cddc39!important} .w3-orange,.w3-hover-orange:hover{color:#000!important;background-color:#ff9800!important} .w3-deep-orange,.w3-hover-deep-orange:hover{color:#fff!important;background-color:#ff5722!important} .w3-pink,.w3-hover-pink:hover{color:#fff!important;background-color:#e91e63!important} .w3-purple,.w3-hover-purple:hover{color:#fff!important;background-color:#9c27b0!important} .w3-deep-purple,.w3-hover-deep-purple:hover{color:#fff!important;background-color:#673ab7!important} .w3-red,.w3-hover-red:hover{color:#fff!important;background-color:#f44336!important} .w3-sand,.w3-hover-sand:hover{color:#000!important;background-color:#fdf5e6!important} .w3-teal,.w3-hover-teal:hover{color:#fff!important;background-color:#009688!important} .w3-yellow,.w3-hover-yellow:hover{color:#000!important;background-color:#ffeb3b!important} .w3-white,.w3-hover-white:hover{color:#000!important;background-color:#fff!important} .w3-black,.w3-hover-black:hover{color:#aaa;} .w3-grey,.w3-hover-grey:hover,.w3-gray,.w3-hover-gray:hover{color:#aaa!important;} .w3-light-grey,.w3-hover-light-grey:hover,.w3-light-gray,.w3-hover-light-gray:hover{color:#000!important;background-color:#f1f1f1!important} .w3-dark-grey,.w3-hover-dark-grey:hover,.w3-dark-gray,.w3-hover-dark-gray:hover{color:#fff!important;background-color:#ddd!important} .w3-pale-red,.w3-hover-pale-red:hover{color:#000!important;background-color:#ffdddd!important} .w3-pale-green,.w3-hover-pale-green:hover{color:#000!important;background-color:#ddffdd!important} .w3-pale-yellow,.w3-hover-pale-yellow:hover{color:#000!important;background-color:#ffffcc!important} .w3-pale-blue,.w3-hover-pale-blue:hover{color:#000!important;background-color:#ddffff!important} .w3-text-amber,.w3-hover-text-amber:hover{color:#ffc107!important} .w3-text-aqua,.w3-hover-text-aqua:hover{color:#00ffff!important} .w3-text-blue,.w3-hover-text-blue:hover{color:#2196F3!important} .w3-text-light-blue,.w3-hover-text-light-blue:hover{color:#87CEEB!important} .w3-text-brown,.w3-hover-text-brown:hover{color:#795548!important} .w3-text-cyan,.w3-hover-text-cyan:hover{color:#00bcd4!important} .w3-text-blue-grey,.w3-hover-text-blue-grey:hover,.w3-text-blue-gray,.w3-hover-text-blue-gray:hover{color:#607d8b!important} .w3-text-green,.w3-hover-text-green:hover{color:#4CAF50!important} .w3-text-light-green,.w3-hover-text-light-green:hover{color:#8bc34a!important} .w3-text-indigo,.w3-hover-text-indigo:hover{color:#3f51b5!important} .w3-text-khaki,.w3-hover-text-khaki:hover{color:#b4aa50!important} .w3-text-lime,.w3-hover-text-lime:hover{color:#cddc39!important} .w3-text-orange,.w3-hover-text-orange:hover{color:#ff9800!important} .w3-text-deep-orange,.w3-hover-text-deep-orange:hover{color:#ff5722!important} .w3-text-pink,.w3-hover-text-pink:hover{color:#e91e63!important} .w3-text-purple,.w3-hover-text-purple:hover{color:#9c27b0!important} .w3-text-deep-purple,.w3-hover-text-deep-purple:hover{color:#673ab7!important} .w3-text-red,.w3-hover-text-red:hover{color:#f44336!important} .w3-text-sand,.w3-hover-text-sand:hover{color:#fdf5e6!important} .w3-text-teal,.w3-hover-text-teal:hover{color:#009688!important} .w3-text-yellow,.w3-hover-text-yellow:hover{color:#d2be0e!important} .w3-text-white,.w3-hover-text-white:hover{color:#fff!important} .w3-text-black,.w3-hover-text-black:hover{color:#000!important} .w3-text-grey,.w3-hover-text-grey:hover,.w3-text-gray,.w3-hover-text-gray:hover{color:#757575!important} .w3-text-light-grey,.w3-hover-text-light-grey:hover,.w3-text-light-gray,.w3-hover-text-light-gray:hover{color:#f1f1f1!important} .w3-text-dark-grey,.w3-hover-text-dark-grey:hover,.w3-text-dark-gray,.w3-hover-text-dark-gray:hover{color:#3a3a3a!important} .w3-border-amber,.w3-hover-border-amber:hover{border-color:#ffc107!important} .w3-border-aqua,.w3-hover-border-aqua:hover{border-color:#00ffff!important} .w3-border-blue,.w3-hover-border-blue:hover{border-color:#2196F3!important} .w3-border-light-blue,.w3-hover-border-light-blue:hover{border-color:#87CEEB!important} .w3-border-brown,.w3-hover-border-brown:hover{border-color:#795548!important} .w3-border-cyan,.w3-hover-border-cyan:hover{border-color:#00bcd4!important} .w3-border-blue-grey,.w3-hover-border-blue-grey:hover,.w3-border-blue-gray,.w3-hover-border-blue-gray:hover{border-color:#607d8b!important} .w3-border-green,.w3-hover-border-green:hover{border-color:#4CAF50!important} .w3-border-light-green,.w3-hover-border-light-green:hover{border-color:#8bc34a!important} .w3-border-indigo,.w3-hover-border-indigo:hover{border-color:#3f51b5!important} .w3-border-khaki,.w3-hover-border-khaki:hover{border-color:#f0e68c!important} .w3-border-lime,.w3-hover-border-lime:hover{border-color:#cddc39!important} .w3-border-orange,.w3-hover-border-orange:hover{border-color:#ff9800!important} .w3-border-deep-orange,.w3-hover-border-deep-orange:hover{border-color:#ff5722!important} .w3-border-pink,.w3-hover-border-pink:hover{border-color:#e91e63!important} .w3-border-purple,.w3-hover-border-purple:hover{border-color:#9c27b0!important} .w3-border-deep-purple,.w3-hover-border-deep-purple:hover{border-color:#673ab7!important} .w3-border-red,.w3-hover-border-red:hover{border-color:#f44336!important} .w3-border-sand,.w3-hover-border-sand:hover{border-color:#fdf5e6!important} .w3-border-teal,.w3-hover-border-teal:hover{border-color:#009688!important} .w3-border-yellow,.w3-hover-border-yellow:hover{border-color:#ffeb3b!important} .w3-border-white,.w3-hover-border-white:hover{border-color:#fff!important} .w3-border-black,.w3-hover-border-black:hover{border-color:#000!important} .w3-border-grey,.w3-hover-border-grey:hover,.w3-border-gray,.w3-hover-border-gray:hover{border-color:#9e9e9e!important} .w3-border-light-grey,.w3-hover-border-light-grey:hover,.w3-border-light-gray,.w3-hover-border-light-gray:hover{border-color:#f1f1f1!important} .w3-border-dark-grey,.w3-hover-border-dark-grey:hover,.w3-border-dark-gray,.w3-hover-border-dark-gray:hover{border-color:#616161!important} .w3-border-pale-red,.w3-hover-border-pale-red:hover{border-color:#ffe7e7!important}.w3-border-pale-green,.w3-hover-border-pale-green:hover{border-color:#e7ffe7!important} .w3-border-pale-yellow,.w3-hover-border-pale-yellow:hover{border-color:#ffffcc!important}.w3-border-pale-blue,.w3-hover-border-pale-blue:hover{border-color:#e7ffff!important}