@charset "utf-8"; 

body { overflow-x:hidden; } 

/* 레이아웃 */
.container { max-width:600px; margin: 0 auto; position:relative; width:90%; } 

/* 버튼 */
a.navy { width:100%; display:block; line-height:40px; background:#1f4e79; color:#fff; text-align:center; font-size:15px; border-radius:10px; font-weight:400; max-width:600px; } 
a.light { width:100%; display:block; line-height:40px; background:#92a2b1; color:#fff; text-align:center; font-size:15px; border-radius:10px; font-weight:400; max-width:600px; } 
a.sky { width:100%; display:block; line-height:40px; background:#5384ed; color:#fff; text-align:center; font-size:15px; border-radius:10px; font-weight:400; max-width:600px; } 
button.navy { width:100%; display:block; line-height:40px; background:#1f4e79; color:#fff; text-align:center; font-size:15px; border-radius:10px; font-weight:400; margin:10px 0; border:none; max-width:600px; } 
input[type="button"].navy { width:100%; display:block; line-height:40px; background:#1f4e79; color:#fff; text-align:center; font-size:15px; border-radius:10px; font-weight:400; margin:10px 0; border:none; max-width:600px; } 

ul.btn2 { display:table; width:100%; max-width:600px; } 
ul.btn2::after { content:''; display:block; visibility:hidden; clear:both; } 
ul.btn2 li { float:left; width:49%; margin-right:2%; } 
ul.btn2 li:last-of-type { margin-right:0; } 

ul.btn3 { display:table; width:100%; max-width:600px; } 
ul.btn3::after { content:''; display:block; visibility:hidden; clear:both; } 
ul.btn3 li { float:left; width:32%; margin-right:2%; } 
ul.btn3 li:last-of-type { margin-right:0; } 

.tabs { margin:0 auto; max-width:600px; position:relative; } 

/* 텍스트 */
h2.sub_tit { color:#000; font-size:17px; font-weight:400; text-align:left; margin-bottom:40px; display:block; } 
p.info { font-size:12px; color:#555; font-weight:400; line-height:1.6em; } 
b.bold { display:block; font-size:14px; font-weight:500; color:#111; margin-bottom:10px; } 
b.bold span { color:red; display:inline-block; font-size:14px; } 

/* 인풋,버튼 */
input[type="text"].zipaddr { width:25% } 
input[type="text"] { border-radius:10px; background-color:#fff !important; border:0; font-size:14px; color:#000; line-height:45px; width:100%; box-sizing:border-box; padding: 0 10px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } 
/*input[type="text"]::-webkit-input-placeholde { color:#bcbcbc; font-weight:400; } 
input[type="text"]::-moz-placeholder { color:#bcbcbc; font-weight:400; } 
input[type="text"]:-moz-placeholder { color:#bcbcbc; font-weight:400; } 
input[type="text"]:-ms-input-placeholder { color:#aaabcbcbc font-weight:400; } 
input[type="text"]::placeholder { color:#bcbcbc; font-weight:400; } */
input[type="text"]::-webkit-input-placeholde { color:#000; font-weight:400; } 
input[type="text"]::-moz-placeholder { color:#000; font-weight:400; } 
input[type="text"]:-moz-placeholder { color:#000; font-weight:400; } 
input[type="text"]:-ms-input-placeholder { color:#000 font-weight:400; } 
input[type="text"]::placeholder { color:#000; font-weight:400; } 
input[type="password"] { border-radius:10px; background-color:#fff; border:0; font-size:14px; color:#000; line-height:45px; width:100%; box-sizing:border-box; padding: 0 10px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); margin-bottom:20px; height:45px; } 
/*input[type="password"]::-webkit-input-placeholde { color:#bcbcbc; font-weight:400; } 
input[type="password"]::-moz-placeholder { color:#bcbcbc; font-weight:400; } 
input[type="password"]:-moz-placeholder { color:#bcbcbc; font-weight:400; } 
input[type="password"]:-ms-input-placeholder { color:#bcbcbc; font-weight:400; } 
input[type="password"]::placeholder { color:#bcbcbc; font-weight:400; } */
input[type="password"]::-webkit-input-placeholde { color:#000; font-weight:400; } 
input[type="password"]::-moz-placeholder { color:#000; font-weight:400; } 
input[type="password"]:-moz-placeholder { color:#000; font-weight:400; } 
input[type="password"]:-ms-input-placeholder { color:#000; font-weight:400; } 
input[type="password"]::placeholder { color:#000; font-weight:400; } 
select { border:0; line-height:unset; height:unset; box-sizing:border-box; padding:0 10px; font-size:14px; color:#111; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); border-radius:10px; width:100%; background:#fff url(../img/picker.png)no-repeat right 20px center; background-size: 12px; -webkit-appearance:none; /* for chrome */ -moz-appearance:none; /*for firefox*/ appearance:none; } 
textarea { border-radius:10px; background-color:#fff; border:0; font-size:14px; color:#000; line-height:1.4em; width:100%; box-sizing:border-box; padding:10px 13px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.05); } 
/*textarea::placeholder { color:#bcbcbc; font-weight:400; } */
textarea::placeholder { color:#000; font-weight:400; } 
div.certify { position:relative; } 
div.certify button { position:absolute; color:#666; font-size:14px; text-align:center; border-radius:50px; line-height:25px; display:inline-block; padding:0 13px; background:#eee; right:10px; bottom:30px; height:25px; border:0; } 


/* 서브상단메뉴 CSS*/
#subtop { background:#fff; } 
#subtop .inner { max-width:600px; margin:0 auto; position:relative; } 
#subtop h1.top_title { font-size:17px; color:#000; line-height:50px; text-align:left; box-sizing:border-box; padding-left:40px; font-weight:500; } 
#subtop { position:relative; min-height:50px; background:#fff; z-index:2 } 
#subtop a.top_back,
#subtop a.top_close { position:absolute; top: 50%; left:20px; display:inline-block; transform: translateY(-50%); cursor:pointer; } 
#subtop a.top_home { position:absolute; top: 50%; right:20px; display:inline-block; transform: translateY(-50%); cursor:pointer; } 
#subtop a.top_close { display:none; } 
#subtop a.top_back img { display:block; width:50%; } 
#subtop a.top_close img { display:block; width:35%; } 
#subtop a.top_home img { display:block; width:40%; margin-left:auto; } 
#subtop a.sort,
#subtop a.sort1,
#subtop a.sort2,
#subtop a.sort3,
#subtop a.sort4 { position:absolute; top:15px; right:5%; display:inline-block; display:none; text-align:center; font-size:12px; color:#5384ed; } 
#subtop a.sort img,
#subtop a.sort1 img,
#subtop a.sort2 img, 
#subtop a.sort3 img, 
#subtop a.sort4 img { display:block; max-width:15px; margin:0 auto; } 

#subtop .modal-con { display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:2; border-radius:10px !important; box-sizing:border-box; padding:40px 0 0; overflow:hidden; } 
#subtop .modal-con .container { position:relative; } 
#subtop .modal-con .container span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:15px; font-weight:400; line-height:1; } 
#subtop .modal-con .container select { margin-bottom:10px; } 
#subtop .modal-con .container select:last-of-type { margin-bottom:0; } 
#subtop .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#subtop .modal-con .close img { display:block; width:100%; } 
#subtop .modal-con .btn2 { margin-top:40px; } 
#subtop .modal-con .btn2 li { margin-right:0; width:50%; } 
#subtop .modal-con .btn2 li a.light { border-radius:0 0 0 10px; } 
#subtop .modal-con .btn2 li a.navy { border-radius:0 0 10px 0; } 


#subtop .modal-con .container ul.type::after { content: ''; display:block; visibility:hidden; clear:both; } 
#subtop .modal-con .container ul.type li { float:left; width:48%; margin-right:4%; margin-bottom:4%; } 
#subtop .modal-con .container ul.type li.typechk { float:left; width:99.5%; margin-right:4%; margin-bottom:4%; } 
#subtop .modal-con .container ul.type li.typechk input[type="text"] { margin-top:10px; height:45px; } 
#subtop .modal-con .container ul.type li:nth-of-type(2n) { margin-right:0; } 
#subtop .modal-con .container ul.type li:last-of-type { margin-bottom:0; } 
#subtop .modal-con .container ul.type li .user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#subtop .modal-con .container ul.type li .chk_box { position:relative; } 
#subtop .modal-con .container ul.type li .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#subtop .modal-con .container ul.type li .chk_box input[type="checkbox"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 

/*글쓰기버튼 퀵*/
a.right { position:fixed; right:5%; bottom:5%; width:50px; height:50px; border-radius:50%; background:#5384ed; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); display:block; text-align:center; font-size:12px; color:#5384ed; } 
a.right img { display:block; margin:15px auto; max-width:20px; } 


/* 팝업 background */
#bg { display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.3); z-index:2; } 
.modal-con { z-index:3 !important; border-radius:10px !important; max-width:520px; } 

/* 전체동의 체크박스 */
.user_provision { } 
.user_provision .allchk_box input[type="checkbox"],
.user_provision .chk_box input[type="checkbox"],
.user_provision .chk_box input[type="radio"] { display:none; } 
.user_provision .chk_box1 input[type="checkbox"],
.user_provision .chk_box1 input[type="radio"] { display:none; } 
.user_provision .allchk_box label { display:block; font-size:17px; color:#111; line-height:20px; background:url("../img/ico_checkoff.png") right center no-repeat; background-size:20px auto; } 
.user_provision .allchk_box input[type="checkbox"]:checked + label,
.user_provision .allchk_box input[type="radio"]:checked + label { background:url("../img/ico_checkon.png") right center no-repeat; background-size:20px auto; } 
.user_provision .chk_box { position:relative; } 
.user_provision .chk_box label { display:block; font-size:14px; color:#111; background:url("../img/ico_checkoff.png") right center no-repeat; background-size:20px auto; line-height:20px; } 
.user_provision .chk_box input[type="checkbox"]:checked + label,
.user_provision .chk_box input[type="radio"]:checked + label { background:url("../img/ico_checkon.png") right center no-repeat; background-size:20px auto; } 
.user_provision .chk_box1 { position:relative; } 
.user_provision .chk_box1 label { display:block; font-size:14px; color:#111; background:url("../img/ico_checkoff.png") right center no-repeat; background-size:20px auto; line-height:20px; } 
.user_provision .chk_box1 input[type="checkbox"]:checked + label,
.user_provision .chk_box1 input[type="radio"]:checked + label { background:url("../img/ico_checkon.png") right center no-repeat; background-size:20px auto; } 





/* 메인컨텐츠 CSS*/

#main .top { background:#1b5990; padding:43px 5%; } 
#main .top::after { content:''; display:block; visibility:hidden; clear:both; } 
#main .top .logo { float:left; } 
#main .top .logo img { display:block; max-width:90px; width:100%; } 
#main .top ul { float:right; } 
#main .top ul::after { content:''; display:block; visibility:hidden; clear:both; } 
#main .top ul li { float:left; margin-left:20px; } 
#main .top ul li a { display:block; position:relative; color:#6597ba; } 
#main .top ul li a img { max-width:20px; display:block; margin:0 auto; } 
#main .top ul li a span { display:block; font-size:14px; text-align:center; } 
#main .top ul li:first-of-type a img { max-width:22px; display:block; } 
#main .top ul li:last-of-type a img { max-width:22px; display:block; } 
#main .top ul li a.new::after { content:''; display:block; position:absolute; width:5px; height:5px; background:#e30000; top:0; right:-4px; border-radius:50%; } 
#main .main-title { padding:85px 50px 95px; background:#1b5990; } 
#main .main-title > img { display:block; width:100%; max-width:197px; } 
#main .main_btn { margin-top:-30px; position:relative; padding-bottom:90px; } 
#main .main_btn::after { content:''; display:block; visibility:hidden; clear:both; } 
#main .main_btn::before { content:''; display:block; position:absolute; top: 0; left:0; background:#1c5990; width:100%; height:50%; z-index:-1; } 
#main .main_btn li { float:left; width:50%; border-radius:50px; } 
#main .main_btn li > a { display:block; padding-top:155px; padding-bottom:45px; border-radius:50px; } 
#main .main_btn li:first-of-type > a { background:#fff url('../img/main_btn1.png')no-repeat center 45px; background-size:130px; box-shadow: 0px 5px 10px 5px rgb(0 0 0 / 3%); margin-bottom: 20px; } 
#main .main_btn li > a span { font-size:13px; font-weight:bold; text-align:center; display:table; line-height:30px; border-radius:10px; margin:0 auto; padding:0 25px; } 
#main .main_btn li:first-of-type a#driver_pop span { color:#fff; background:#1b5990; } 
#main .main_btn li:last-of-type > a { background:#1b5990 url('../img/main_btn2.png')no-repeat center 45px; background-size:130px; } 
#main .main_btn li:last-of-type a#job_pop span { color:#1b5990; background:#fff; } 





.bottom { border-radius:10px 10px 0 0; background:#fff; position:fixed; bottom:0; left:0; width:100%; padding-bottom:10px; box-shadow: 0px 5px 10px 5px rgb(0 0 0 / 3%); display:none; z-index:2; } 
.bottom::after { content:''; display:block; visibility:hidden; clear:both; } 
.bottom li { float:left; width:25%; } 
.bottom li a { display:block; text-align:center; opacity:.3; font-size:13px; } 
.bottom li a.active { opacity:1; } 
.bottom li a img { display:block; margin:10px auto 5px; max-width:23px; } 

#main .driver-modal { position:fixed; bottom:-100%; left:0; width:100%; background:rgb(255, 255, 255, .8); z-index:2; border-radius:45px 45px 0 0 !important; box-sizing:border-box; overflow:hidden; padding:50px 25px 25px; transition:.5s; } 
#main .driver-modal.on { bottom:0; } 
#main .driver-modal .box { position:relative; } 
#main .driver-modal .box p { font-weight:bold; font-size:17px; padding-left:25px; text-align:left; line-height:1; display:block; margin-bottom:20px; background:url('../img/land_title.png')no-repeat left center; background-size:18px; } 
#main .driver-modal .box a { line-height:1; display:block; text-align:left; font-size:15px; padding:18px 25px; position:relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); margin-bottom:10px; overflow:hidden; border-radius:15px; background:#fff url('../img/land_arrow.png')no-repeat right 25px center; background-size:10px; font-weight:400; } 
#main .driver-modal .box a span { display:inline-block; color:#666; font-size:12px; } 
#main .driver-modal .box a:last-of-type { margin-bottom:0; } 
#main .driver-modal .box a::before { content:''; display:block; position:absolute; height:100%; background:#1b5990; width:5px; left:0; top:0; } 

#main .job-modal { position:fixed; bottom:-100%; left:0; width:100%; background:rgb(255, 255, 255, .8); z-index:2; border-radius:45px 45px 0 0 !important; box-sizing:border-box; overflow:hidden; padding:50px 25px 25px; transition:.5s; } 
#main .job-modal.on { bottom:0; } 
#main .job-modal .box { position:relative; } 
#main .job-modal .box p { font-weight:bold; font-size:17px; padding-left:25px; text-align:left; line-height:1; display:block; margin-bottom:20px; background:url('../img/ico_point_bk.png')no-repeat left center; background-size:17px; } 
#main .job-modal .box a { line-height:1; display:block; text-align:left; font-size:15px; padding:18px 25px; position:relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); margin-bottom:10px; overflow:hidden; border-radius:15px; background:#fff url('../img/land_arrow.png')no-repeat right 25px center; background-size:10px; font-weight:400; } 
#main .job-modal .box a span { display:inline-block; color:#666; font-size:12px; } 
#main .job-modal .box a:last-of-type { margin-bottom:0; } 
#main .job-modal .box a::before { content:''; display:block; position:absolute; height:100%; background:#1b5990; width:5px; left:0; top:0; } 

#main .driver-modal::before,
#main .job-modal::before { content:''; display:block; width:80px; height:7px; position:absolute; left:50%; top:18px; transform:translateX(-50%); background:#a2a2a2; opacity:.5; border-radius:10px; } 


/* UNSTABLE CSS */
#unstable .container { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:center; flex-direction:column; height: 100%; } 
#unstable img { display:block; margin:0 auto 35px; max-width:100px; } 
#unstable p { text-align:center; } 
#unstable a { position:fixed; left:0; bottom:5%; } 

/* SPLASH CSS */
#splash .container { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:center; flex-direction:column; height: 100%; } 
#splash img { display:block; margin:0 auto; max-width:260px; } 



/* 서브컨텐츠 CSS*/
/*01 - diriver_1(기사님구해줘)
01 - diriver_1(일자리구해줘)*/
#driver_main .container { margin-top:25px; } 
#driver_main a { display:block; border-radius:10px; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; padding:30px; background:#fff url('../img/ico_arrow.png')no-repeat right 20px center; background-size:8px; margin-bottom:10px; position:relative; overflow:hidden; } 
#driver_main a::before { content:''; display:block; position:absolute; left:0; top:0; width:5px; height:100%; background:#1b5990; } 
#driver_main a p { font-size:17px; font-weight:500; line-height:1; } 
#driver_main a p span { display:inline-block; font-size:14px; color:#666; margin-left:3px; } 






/* 01 - applicant(활동내역-지원자) */
#applicant .container { padding-top:30px; margin-bottom:5%; } 
#applicant a { display:block; line-height:50px; border-radius:10px; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; padding:0 20px; background:#fff url('../img/ico_arrow.png')no-repeat right 20px center; background-size:8px; margin-bottom:10px; position:relative; } 
#applicant a.comp::after { content:'진행완료'; position:absolute; width:100%; height:100%; text-align:center; left:0; top: 0; border-radius:10px; color:#fff; line-height:50px; font-size:17px; font-weight:bold; background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.3); filter:rogid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); zoom: 1; } 
#applicant a:last-of-type { margin-bottom:0; } 
#applicant a b { display:inline-block; margin-right:10px; line-height:50px; margin-bottom:0; } 
#applicant a p { display:inline-block; line-height:50px; color: #777; } 

/* 01 - applicant_profile(활동내역-지원자프로필) */
#applicant_profile { } 
#applicant_profile .pf_box { margin-top:80px; padding:70px 20px 20px; position:relative; border-radius:10px; background:#fff; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 5%); } 
#applicant_profile .pf_box .img_box { border-radius:50%; overflow:hidden; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); width:110px; height:110px; position:absolute; top: -50px; z-index:1; left:50%; transform:translateX(-50%); background:#fff; } 
#applicant_profile .pf_box .img_box img { display:block; width:100%; } 
#applicant_profile .pf_box dl { margin-bottom:13px; } 
#applicant_profile .pf_box dl:last-of-type { margin-bottom:0; } 
#applicant_profile .pf_box dl::after { content:''; display:block; visibility:hidden; clear:both; } 
#applicant_profile .pf_box dl dt { float:left; font-size:14px; color:#555; } 
#applicant_profile .pf_box dl dd { float:right; font-size:14px; color:#000; font-weight:500; } 
#applicant_profile h2 { margin:40px 0 20px; } 
#applicant_profile b { line-height:50px; border-radius:10px; background:#fff; display:block; box-sizing:border-box; padding:0 20px; position:relative; } 
#applicant_profile b:last-of-type { margin-bottom:20px; } 
#applicant_profile b span.on { color:#fff; font-size:12px; line-height:30px; display:inline-block; text-align:center; min-width:60px; border-radius:50px; background:#5384ed; position:absolute; right:20px; top:10px; } 
#applicant_profile b span.off { color:#666; font-size:12px; line-height:30px; display:inline-block; text-align:center; min-width:60px; border-radius:50px; background:#eee; position:absolute; right:20px; top:10px; } 
#applicant_profile a.navy { margin-top:13px; margin-bottom:20px; } 

/* 01 - active_list(활동내역) */
#active_list .tabs { } 
#active_list .tabs:after { content: ""; display: block; visibility:hidden; clear: both; } 
#active_list .tabs input[type=radio] { display: none; } 
#active_list .tabs label { display: block; float: left; width:50%; text-align: center; font-size:15px; line-height:50px; color:#aaa; cursor: pointer; border-bottom:2px solid #ececec; background:#fff; } 
#active_list .tabs [id^="tab"]:checked + label { border-bottom-color:#5384ed; color:#5384ed; } 
#active_list .tab-content { display: none; float: left; width:90%; margin-left:5%; margin:30px auto 0; max-width:600px; left:50%; transform: translateX(-50%); position:relative; } 
#active_list #tab1:checked ~ #tab-content1,
#active_list #tab2:checked ~ #tab-content2 { display: block; } 
#active_list .tab-content > a { display:block; background:#fff; border-radius:15px; box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.04); box-sizing:border-box; padding:20px 120px 20px 15px; margin-bottom:10px; position:relative; } 
#active_list .tab-content > a:last-of-type { margin-bottom:20px; } 
/*#active_list .tab-content > a.comp { pointer-events: none; } 
#active_list .tab-content > a.comp::after { content:'진행완료'; position:absolute; width:100%; height:100%; background:rgb(0, 0, 0, 30%); text-align:center; left:0; top: 0; border-radius:10px; color:#fff; line-height:100px; font-size:17px; font-weight:bold; } */

#active_list .tab-content > a p { display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #c9c9c9; line-height:28px; color:#888; } 
#active_list .tab-content > a p:last-of-type { margin-right:0; border-right:0; padding-right:0; } 
#active_list .tab-content > a span.cate { width:65px; color:#000; display:inline-block; line-height:28px; text-align:center; font-size:12px; background:#ffc001; border-radius:5px; font-weight:bold; } 
#active_list .tab-content > a span.dis { width:65px; height:28px; color:#000; display:block; line-height:28px; text-align:center; font-size:12px; background:#fee92e; border-radius:5px; margin-top:5px; } 
#active_list .tab-content > a b.bold { position:absolute; top: 20px; left:90px; line-height: 1.2em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; display:block; } 
#active_list .tab-content > a > div:first-of-type { position:absolute; bottom:20px; left:90px; } 
#active_list .tab-content > a b.on { display:inline-block; background:#5384ed; color:#fff; width:50px; border-radius:6px; text-align:center; line-height:30px; position:absolute; top:50%; transform:translateY(-50%); right:70px; } 
#active_list .tab-content > a b.off { display:inline-block; background:#cecece; color:#fff; width:50px; border-radius:6px; text-align:center; line-height:30px; position:absolute; top:50%; transform:translateY(-50%); right:70px; } 
#active_list .tab-content > a b.hire { display:inline-block; background:#41c24a; color:#fff; width:50px; border-radius:6px; text-align:center; line-height:30px; position:absolute; top:50%; transform:translateY(-50%); right:70px; } 
#active_list .tab-content > a span.del { display:inline-block; background:#555; color:#fff; width:50px; border-radius:6px; text-align:center; line-height:30px; position:absolute; top:50%; transform:translateY(-50%); right:15px; z-index:1; } 
#active_list .tab-content > a span.bull { position:absolute; width:100%; height:100%; background:rgb(0, 0, 0, 30%); text-align:center; left:0; top: 0; border-radius:10px; color:#fff; line-height:100px; font-size:17px; font-weight:bold; } 

@media (max-width: 375px) { 
 #active_list .tab-content > a { padding-right: 20px; padding-bottom: 50px; } 
 #active_list .tab-content > a > div:first-of-type { bottom: 50px; } 
 #active_list .tab-content > a b.on { top: unset; transform: unset; bottom: 15px; } 
 #active_list .tab-content > a span.del { top: unset; transform: unset; bottom: 15px; } 
 } 


/* 01 - active_list(활동내역 - 상세내역) */
#active_detail { } 
#active_detail .top { background:#fff; box-sizing:border-box; padding:0 5%; line-height:50px; position:relative; margin-bottom:20px; } 
#active_detail .top p { color:#000; font-size:14px; text-align:left; line-height:50px; } 
#active_detail .top p span { display:inline-block; color:#000; font-size:14px; } 
#active_detail .top a { display:inline-block; box-sizing:border-box; padding:0 10px 0 30px; background:#5384ed url('../img/ico_view.png')no-repeat left 10px center; line-height:30px; position:absolute; right:5%; top:50%; transform:translateY(-50%); color:#fff; border-radius:5px; background-size:13px; } 
#active_detail .container { background:#fff; border-radius:10px; box-sizing:border-box; padding:20px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); margin-bottom:5%; } 
#active_detail .container dl { margin-bottom:13px; line-height:1; } 
#active_detail .container dl:last-of-type { margin-bottom:0; } 
#active_detail .container dl::after { content: ''; display:block; visibility:hidden; clear:both; } 
#active_detail .container dl dt { float:left; line-height:1; width:35%; } 
#active_detail .container dl dd { float:right; line-height:1; width:65%; } 
#active_detail .container dl dt p { line-height:1; text-align:left; } 
#active_detail .container dl dd b { line-height:1; margin-bottom:0; text-align:right; } 
#active_detail .container dl:last-of-type dd { width:50%; } 
#active_detail .container dl:last-of-type dd b { line-height:1.4em; word-break:keep-all; } 
#active_detail ul.btn2 { width:90%; max-width:600px; margin-left:5%; margin:0 auto; } 
#active_detail .slider { padding:5% 0; width:90%; margin-left:5%; overflow:hidden; max-width:600px; margin:0 auto; } 
#active_detail .swiper-slide img { display:block; width:100%; } 


/* 01 - active_detail1(활동내역 - 상세내역) */
#active_detail1 { } 
#active_detail1 .top { background:#fff; box-sizing:border-box; padding:0 5%; line-height:50px; position:relative; margin-bottom:20px; } 
#active_detail1 .top p { color:#000; font-size:14px; text-align:left; line-height:50px; } 
#active_detail1 .top p span { display:inline-block; color:#000; font-size:14px; } 
#active_detail1 .top a { display:inline-block; box-sizing:border-box; padding:0 10px 0 30px; background:#5384ed url('../img/ico_view.png')no-repeat left 10px center; line-height:30px; position:absolute; right:5%; top:50%; transform:translateY(-50%); color:#fff; border-radius:5px; background-size:13px; } 
#active_detail1 .container { background:#fff; border-radius:10px; box-sizing:border-box; padding:20px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); margin-bottom:10px; } 
#active_detail1 .container dl { margin-bottom:13px; line-height:1; } 
#active_detail1 .container dl:last-of-type { margin-bottom:0; } 
#active_detail1 .container dl::after { content: ''; display:block; visibility:hidden; clear:both; } 
#active_detail1 .container dl dt { float:left; line-height:1; } 
#active_detail1 .container dl dd { float:right; line-height:1; } 
#active_detail1 .container dl dt p { line-height:1; text-align:left; } 
#active_detail1 .container dl dd b { line-height:1; margin-bottom:0; text-align:right; } 
#active_detail1 .container dl:last-of-type dd { width:50%; } 
#active_detail1 .container dl:last-of-type dd b { line-height:1.4em; word-break:keep-all; } 
#active_detail1 a.navy { width:90%; margin:20px auto; max-width:600px; } 






/* 02 - alarm_list(알림내역) */
#alarm_list .container { padding:20px 0; } 
#alarm_list a { display:block; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background:#fff url('../img/ico_arrow.png')no-repeat right 20px center; margin-bottom:10px; background-size: 8px; } 
#alarm_list a:last-of-type { margin-bottom:0; } 
#alarm_list a b { margin-bottom:13px; line-height:1; } 
#alarm_list a p { line-height:1; color:#888; } 

/* 02 - alarm_detail(알림상세) */
#alarm_detail .container { border-radius:10px; background-color:#fff; box-sizing:border-box; padding:20px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); margin-top:20px; height: calc(100vh - 160px); margin-bottom:20px; } 
#alarm_detail b { font-size:14px; } 
#alarm_detail p:first-of-type { font-size:12px; } 
#alarm_detail p:last-of-type { color:#333; line-height:1.4em; margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea; } 
#alarm_detail a { width:90%; margin:0 auto 20px; } 




/* 03 - bus(버스일자리등록 - 용도) */
#bus h2 { margin-top:30px; } 
#bus .user_provision { margin-bottom:10px; } 
#bus .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#bus input[type="text"] { text-align:center; margin-top:10px; height:45px; } 
#bus .chk_box { position:relative; } 
#bus .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#bus a.navy { margin:20px auto; } 

/* 03 - bus_model(출퇴근 - 차종 선택) */
/* 03 - school_model(등하교 - 차종 선택) */
/* 04 - others_model(전세버스, 체험, 기타 - 차종 선택) */
/* #model a.navy { position:fixed; bottom:20px; width:90%; } */
#model h2 { margin-top:30px; } 
#model .user_provision { margin-bottom:10px; } 
#model .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#model input[type="text"] { text-align:center; margin-top:-10px; margin-bottom:10px; height:45px; } 
#model .chk_box { position:relative; } 
#model .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#model select { margin-top:20px; margin-bottom:20px; text-align:center; color:#666; font-size:14px; } 
#model ul.btn2 { margin:0 auto 20px; } 



/* 03 - bus_departure(출퇴근, 등하원 - 출발지 도착지) */
/* 04 - others_departure(전세버스, 체험, 기타 - 출발지 도착지) */
#departure .container { margin-bottom:20px; } 
#departure h2 { margin-top:30px; } 
#departure input { text-align:center; margin-bottom:10px; height:45px; } 
#departure input:last-of-type { margin-bottom:0; } 
#departure .user_provision label { text-align:center; font-size:14px; color:#666; background:url("../img/ico_checkoff.png") left center no-repeat; background-size:20px auto; display: table; box-sizing: border-box; padding-left: 25px; margin:20px auto 13px; } 
#departure p.info { text-align:center; font-size:14px; color:#666; margin:30px auto 13px; } 
#departure .chk_box { position:relative; } 
#departure .chk_box input[type="checkbox"]:checked + label { background:url("../img/ico_checkon.png") left center no-repeat; background-size:20px auto; } 
#departure ul.btn2 { margin:20px auto; } 



/* 03 - bus_sort(버스일자리 등록) */
#car_sort h2 { margin-top:30px; } 
#car_sort input { text-align:center; margin-bottom:10px; } 
#car_sort input:last-of-type { margin-bottom:0; } 
#car_sort .user_provision label { text-align:center; font-size:14px; color:#666; background:url("../img/ico_checkoff.png") left center no-repeat; background-size:20px auto; display: table; box-sizing: border-box; padding-left: 25px; margin:30px auto 13px; } 
#car_sort p.info { text-align:center; font-size:14px; color:#666; margin:30px auto 13px; } 
#car_sort .chk_box { position:relative; } 
#car_sort .chk_box input[type="checkbox"]:checked + label { background:url("../img/ico_checkon.png") left center no-repeat; background-size:20px auto; } 
#car_sort ul.btn2 { position: fixed; width:90%; max-width:600px; bottom: 20px; left:50%; transform:translateX(-50%); } 




/* 03 - work_boarding(출퇴근 탑승정보) */
/* 03 - school_boarding(등하원 탑승정보) */
/* 04- others_boarding(전세버스, 체험, 기타 탑승정보) */
#boarding h2 { margin-top:30px; } 
#boarding input { text-align:center; margin-bottom:10px; height:45px; } 
#boarding input:last-of-type { margin-bottom:0; } 
#boarding .container { margin-bottom:20px; } 
#boarding .user_provision { margin-bottom:10px; } 
#boarding .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#boarding .chk_box { position:relative; } 
#boarding .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#boarding .container > ul.btn2:first-of-type { position:relative; margin-bottom:40px; } 
#boarding .container > ul.btn2:last-of-type { margin: 20px auto; } 
#boarding .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#boarding .modal-con .con { position:relative; } 
#boarding .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#boarding .modal-con .con ul { display: table; width: calc(100% - 40px); margin: 0 auto 40px; } 
#boarding .modal-con .con ul::after { content: ''; display:block; visibility:hidden; clear:both; } 
#boarding .modal-con .con ul.type li.typechk { float:left; width:99.5%; margin-right:4%; margin-bottom:4%; } 
#boarding .modal-con .con ul.type li.typechk input[type="text"] { margin-top:10px; height:45px; } 
#boarding .modal-con .con ul li { float:left; width:48%; margin-right:4%; } 
#boarding .modal-con .con ul li:last-of-type { margin-right:0; } 
#boarding .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#boarding .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#boarding .modal-con .close img { display:block; width:100%; } 
#boarding .modal-con .con ul.date { margin-bottom:40px; } 
#boarding .modal-con .con ul.date::after { content: ''; display:block; visibility:hidden; clear:both; } 

#boarding .modal-con .con ul.date li { float:left; width:49%; margin-right:2%; margin-bottom:10px; line-height:45px; height:45px; } 
#boarding .modal-con .con ul.date li:nth-of-type(2n) { margin-right:0; } 
#boarding .modal-con .con ul.date li:last-of-type { margin-bottom:0; } 
#boarding .modal-con .con ul.date li .user_provision label { color:#ababab; font-size:14px; line-height:45px; border-radius:10px; background:#fff url(../img/ico_checkoff.png) left 20px center no-repeat; background-size: 20px; border:1px solid transparent; } 
#boarding .modal-con .con ul.date li .chk_box { position:relative; } 
#boarding .modal-con .con ul.date li .chk_box input[type="checkbox"]:checked + label { background:#fff url(../img/ico_checkon.png) left 20px center no-repeat; background-size:20px; border-color:#5384ed; color:#5384ed; } 
#boarding .modal3 { background:#f6f6f6; } 
#boarding .modal3 .user_provision { margin-bottom:0; } 

/*#boarding .modal-con .con ul.date li .chk_box input[type="checkbox"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; font-weight:bold; } 
#boarding .modal3 { background:#f6f6f6; } 
#boarding .modal3 ul { display:table; margin:0 auto 30px; width:calc(100% - 40px); } 
#boarding .modal3 ul:after { content:''; display:block; visibility:hidden; clear:both; } 
#boarding .modal3 ul li { float:left; width:49%; margin-right:2%; line-height:45px; height:45px; text-align:center; margin-bottom:10px; } 
#boarding .modal3 ul li:nth-of-type(2n) { margin-right:0; } 
#boarding .modal3 ul li .chk_box { } 
#boarding .modal3 ul li .chk_box label { color:#ababab; font-size:14px; line-height:45px; border-radius:10px; background:#fff url(../img/ico_checkoff.png) left 20px center no-repeat; background-size: 20px; border:1px solid transparent; } 
#boarding .modal3 ul li .chk_box input[type="radio"]:checked + label { background:#fff url(../img/ico_checkon.png) left 20px center no-repeat; background-size:20px; border-color:#5384ed; color:#5384ed; } 
*/


/* 03 - bus_register1(버스일자리등록1) */
#bus_register1 h2 { margin-top:30px; } 
#bus_register1 textarea { max-height:180px; overflow-y:scroll; margin-bottom:10px; } 
#bus_register1 input[type="text"] { text-align:center; margin-bottom:85px; height:45px; } 
#bus_register1 b { font-weight:400; margin-bottom:20px; text-align:center; display:block; } 
#bus_register1 b span { display:inline-block; font-weight:bold; color:#111; } 
#bus_register1 button { display:block; line-height:45px; text-align:center; color:#5384ed; font-size:14px; background:#fff url('../img/ico_arrow.png') no-repeat right 20px center; background-size:8px; border-radius:10px; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); width:100%; border: 0; margin-bottom:10px; } 
#bus_register1 ul.btn2 { margin:20px auto; } 
#bus_register1 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#bus_register1 .modal-con .con { position:relative; } 
#bus_register1 .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#bus_register1 .modal-con .con input[type="text"] { width:90%; display:table; margin:0 auto 13px; height:45px; line-height:45px; height:45px; } 
#bus_register1 .modal-con .con input[type="text"]:last-of-type { margin-bottom:50px; height:45px; } 
#bus_register1 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#bus_register1 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#bus_register1 .modal-con .close img { display:block; width:100%; } 

/* 03 - bus_register2(버스일자리등록2) */
#bus_register2 h2 { margin-top:30px; margin-bottom:20px; } 
#bus_register2 .user_provision.first .in_box { margin-bottom:35px; } 
#bus_register2 .user_provision.first .in_box label { font-size:14px; color:#000; } 
#bus_register2 .user_provision.first .in_box label a { display:inline-block; margin-left:5px; font-size:14px; color:#5384ed; } 
#bus_register2 input[type="text"]:first-of-type,
#bus_register2 input[type="text"]:nth-of-type(2) { margin-bottom:20px; height:45px; } 
#bus_register2 ul.use { height:45px; display:table; margin:0 auto 20px; width:100%; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); border-radius:10px; background:#fff; box-sizing:border-box; padding:0 10px; } 
#bus_register2 .container > ul.use::after { content:''; display:block; visibility:hidden; clear:both; } 
#bus_register2 .container > ul.use li { float:left; margin-right:13px; line-height:45px; } 
#bus_register2 .container > ul.use li:last-of-type { margin-right:0; } 
#bus_register2 .container > ul.use li .user_provision .chk_box label { line-height: 45px; padding-left: 25px; background-position: left center; } 
#bus_register2 .container > ul.btn2 { max-width:600px; margin-bottom: 20px; } 

#bus_register2 .modal-con { display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:84%; box-sizing:border-box; } 
#bus_register2 .modal-con .con { position:relative; overflow:hidden; background:#f6f6f6; z-index:1; border-radius:10px; max-height:400px; overflow-y:auto; box-sizing:border-box; } 
#bus_register2 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#bus_register2 .modal-con .close img { display:block; width:100%; } 

#bus_register2 .modal1 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#bus_register2 .modal1 p { text-align:center; margin-bottom: 30px; font-weight:400; } 
#bus_register2 .modal1 p b { color:#5384ed; } 
#bus_register2 .modal1 ul { border-radius:0 0 10px 10px; } 
#bus_register2 .modal1 ul li { width:50%; margin:0; } 
#bus_register2 .modal1 ul li a { border-radius:0; } 
#bus_register2 .modal1 label { display:table; margin:0 auto 40px; box-sizing:border-box; padding-left:25px; background-position:left center; } 
#bus_register2 .modal2 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#bus_register2 .modal2 p { text-align:center; margin-bottom:50px; font-weight:400; } 
#bus_register2 .modal2 a.navy { border-radius:0; } 

#bus_register2 .modal3 a.navy { border-radius:0; } 



/* 03 - bus_register3(버스일자리등록3) */
#bus_register3 h2 { margin-top:30px; } 
#bus_register3 input[type="text"] { text-align:center; margin-bottom:10px; height:45px; } 
#bus_register3 b { font-weight:400; margin-bottom:20px; text-align:center; display:block; } 
#bus_register3 b span { display:inline-block; font-weight:bold; color:#111; } 
#bus_register3 button { display:block; line-height:45px; text-align:center; color:#5384ed; font-size:14px; background:#fff url('../img/ico_arrow.png') no-repeat right 20px center; background-size:8px; border-radius:10px; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); width:100%; border: 0; margin-bottom:10px; } 
#bus_register3 ul.btn2 { margin:10px auto 20px; } 
#bus_register3 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#bus_register3 .modal-con .con { position:relative; } 
#bus_register3 .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#bus_register3 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#bus_register3 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#bus_register3 .modal-con .close img { display:block; width:100%; } 

#bus_register3 .modal1 ul,
#bus_register3 .modal2 ul { display:table; margin:0 auto 40px; width:calc(100% - 40px); } 
#bus_register3 .modal1 ul::after,
#bus_register3 .modal2 ul::after { content:''; display:block; visibility:hidden; clear:both; } 
#bus_register3 .modal1 ul li,
#bus_register3 .modal2 ul li { float:left; width:49%; margin-right:2%; } 
#bus_register3 .modal1 ul li:last-of-type,
#bus_register3 .modal2 ul li:last-of-type { margin-right:0; } 
#bus_register3 .modal3 { background:#f6f6f6; } 
#bus_register3 .modal3 ul { display:table; margin:0 auto 30px; width:calc(100% - 40px); } 
#bus_register3 .modal3 ul:after { content:''; display:block; visibility:hidden; clear:both; } 
#bus_register3 .modal3 ul li { float:left; width:49%; margin-right:2%; line-height:45px; height:45px; text-align:center; margin-bottom:10px; } 
#bus_register3 .modal3 ul li:nth-of-type(2n) { margin-right:0; } 
#bus_register3 .modal3 ul li .chk_box { } 
#bus_register3 .modal3 ul li .chk_box label { color:#ababab; font-size:14px; line-height:45px; border-radius:10px; background:#fff url(../img/ico_checkoff.png) left 20px center no-repeat; background-size: 20px; border:1px solid transparent; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 5%); } 
#bus_register3 .modal3 ul li .chk_box input[type="radio"]:checked + label { background:#fff url(../img/ico_checkon.png) left 20px center no-repeat; background-size:20px; border-color:#5384ed; color:#5384ed; } 




/* 03 - work_detail(버스일자리등록 출퇴근 - 상세내역) */
/* 03 - school_detail(버스일자리등록 등하원 - 상세내역) */
/* 04 - others_detail(버스일자리등록 전세버스, 체험, 기타 - 상세내역) */
/* 05 - job_detail(기사구직 상세내역) */
#detail h2 { margin-top:30px; margin-bottom:20px; font-size:14px; line-height:1.6em; letter-spacing: -1px; } 
#detail ul.btn2 { margin:20px auto; } 
#detail .container > div { border-radius:10px; background-color:#fff; box-sizing:border-box; padding:25px; width:100%; } 
#detail dl::after { content: ''; display:block; visibility:hidden; clear:both; } 
#detail dl { margin-bottom:13px; } 
#detail dl:last-of-type { margin-bottom:0; } 
#detail dl dt { float:left; } 
#detail dl dd { float:right; width:60%; } 
#detail dl dt p { line-height:1.2em; text-align:left; color:#555; } 
#detail dl dd b { line-height:1.2em; margin-bottom:0; text-align:right; word-break:keep-all; } 
#detail dl dd:last-of-type { width:90%; } 
#detail dl dd textarea { line-height:1.2em; resize:none; max-height:300px; margin-bottom:0px; } 

#detail .slider { padding:20px 0; width:90%; max-width:600px; overflow:hidden; margin:0 auto; } 
#detail .swiper-slide { width:100% !important; } 
#detail .swiper-slide img { display:block; width:100%; } 


/* 03 - bus_modity (버스일자리등록 - 수정) */
/* 03 - school_modity(버스일자리등록 등하원 - 수정) */
/* 04 - others_modity(버스일자리등록 전세버스, 체험, 기타 - 수정) */
#modify h2 { margin-top:30px; margin-bottom:20px; } 
#modify input[type="text"] { margin-bottom:10px; height:45px; } 
#modify textarea { max-height:100px; overflow-y:scroll; margin-bottom:30px; } 
#modify a.navy { margin-bottom:20px; } 

#modify ul.btn3 li.user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#modify ul.btn3 li .chk_box input[type="radio"]:checked + label { background:#5384ed; color:#fff; border:0; } 
#modify .modal-con a.navy { margin-bottom:0px; } 

#modify .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#modify .modal-con .con { position:relative; } 
#modify .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:13px; font-weight:300; line-height:1; } 
#modify .modal-con .con select { margin-bottom: 10px; line-height: 45px; height: 45px; background-color:#fff; text-align:center; } 
#modify .modal-con .con ul { display: table; width: calc(100% - 40px); margin: 0 auto 40px; } 
#modify .modal-con .con ul::after { content: ''; display:block; visibility:hidden; clear:both; } 
#modify .modal-con .con ul li { float:left; width:48%; margin-right:4%; } 
#modify .modal-con .con ul li:last-of-type { margin-right:0; } 
#modify .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#modify .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#modify .modal-con .close img { display:block; width:100%; } 
#modify .modal-con .con ul.car::after { content: ''; display:block; visibility:hidden; clear:both; } 
#modify .modal-con .con ul.car li { float:left; width:100%; margin-right:4%; margin-bottom:4%; } 
#modify .modal-con .con ul.type::after { content: ''; display:block; visibility:hidden; clear:both; } 
#modify .modal-con .con ul.type li { float:left; width:48%; margin-right:4%; margin-bottom:4%; } 
#modify .modal-con .con ul.type li.typechk { float:left; width:99.5%; margin-right:4%; margin-bottom:4%; } 
#modify .modal-con .con ul.type li.typechk input[type="text"] { margin-top:10px; height:45px; } 
#modify .modal-con .con ul.type li:nth-of-type(2n) { margin-right:0; } 
#modify .modal-con .con ul.type li:last-of-type { margin-bottom:0; } 
#modify .modal-con .con ul.type li .user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#modify .modal-con .con ul.type li .chk_box { position:relative; } 
#modify .modal-con .con ul.type li .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#modify .modal-con .con ul.type li .chk_box input[type="checkbox"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#modify .modal-con .con ul.btn3 { margin: 0 auto 40px; } 
#modify .modal-con .con ul.btn3 li { float:left; width:30%; margin-right:4%; } 
#modify .modal-con .con ul.btn3 li:last-of-type { margin-right:0; } 
#modify .modal-con .con ul.btn3 li.user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#modify .modal-con .con ul.btn3 label { background:#fff; width:100%; padding-left:0; line-height:45px; } 
#modify .modal-con .con ul.btn3 li .chk_box { position:relative; } 
#modify .modal-con .con ul.btn3 li .chk_box input[type="radio"]:checked + label { background:#5384ed; color:#fff; } 
#modify .modal-con .con ul.btn4 { margin: 0 auto 40px; } 
#modify .modal-con .con ul.btn4 li { float:left; width:48%; margin-right:4%; } 
#modify .modal-con .con ul.btn4 li:last-of-type { margin-right:0; } 
#modify .modal-con .con ul.btn4 li.user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#modify .modal-con .con ul.btn4 label { background:#fff; width:100%; padding-left:0; line-height:45px; } 
#modify .modal-con .con ul.btn4 li .chk_box { position:relative; } 
#modify .modal-con .con ul.btn4 li .chk_box input[type="radio"]:checked + label { background:#5384ed; color:#fff; } 
#modify .modal-con .con ul.date { margin-bottom:40px; } 
#modify .modal-con .con ul.date::after { content: ''; display:block; visibility:hidden; clear:both; } 
#modify .modal-con .con ul.date li { float:left; width:48%; margin-right:4%; margin-bottom:4%; } 
#modify .modal-con .con ul.date li:nth-of-type(2n) { margin-right:0; } 
#modify .modal-con .con ul.date li:last-of-type { margin-bottom:0; } 
#modify .modal-con .con ul.date li .user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#modify .modal-con .con ul.date li .chk_box { position:relative; } 
#modify .modal-con .con ul.date li .chk_box input[type="checkbox"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#modify .modal-con .con ul.date li .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 

/*#modify ul.btn3 { margin-bottom:50px; } */
#modify ul.btn3 li img.img_del { width:30px; position:relative; top:35px; z-index: 1; margin-top:-25%; } 
#modify ul.btn3 li img { display:block; width:100%; } 




/* 05 - job_register1(기사구직 등록1) */
#job_register1 h2 { margin-top:30px; margin-bottom:10px; } 
#job_register1 input { text-align:center; margin-bottom:10px; height:45px; } 
#job_register1 b { margin-bottom:40px; font-weight:normal; } 
#job_register1 .user_provision { margin-bottom:10px; } 
#job_register1 .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#job_register1 .chk_box { position:relative; } 
#job_register1 .chk_box input[type="checkbox"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#job_register1 a.navy { margin:20px auto; } 

/* 05 - job_register2(기사구직 등록2) */
#job_register2 h2 { margin-top:30px; } 
#job_register2 .user_provision { margin-bottom:10px; } 
#job_register2 .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#job_register2 .chk_box { position:relative; } 
#job_register2 .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#job_register2 a.navy { margin:20px auto; } 


/* 05 - job_register3(기사구직 등록3) */
#job_register3 h2 { margin-top:30px; } 
#job_register3 input { text-align:center; margin-bottom:10px; height:45px; } 
#job_register3 input:last-of-type { margin-bottom:0; } 
#job_register3 .container > ul.btn2 { margin:20px auto; } 
#job_register3 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#job_register3 .modal-con .con { position:relative; } 
#job_register3 .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#job_register3 .modal-con .con ul { display: table; width: calc(100% - 40px); margin: 0 auto 40px; } 
#job_register3 .modal-con .con ul::after { content: ''; display:block; visibility:hidden; clear:both; } 
#job_register3 .modal-con .con ul li { float:left; width:48%; margin-right:4%; } 
#job_register3 .modal-con .con ul li:last-of-type { margin-right:0; } 
#job_register3 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#job_register3 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#job_register3 .modal-con .close img { display:block; width:100%; } 

/* 05 - job_register4(기사구직 등록4) */
#job_register4 h2 { margin-top:30px; } 
#job_register4 textarea { max-height:180px; overflow-y:scroll; margin-bottom:10px; } 
#job_register4 input[type="text"] { text-align:center; margin-bottom:85px; height:45px; } 
#job_register4 b { font-weight:400; margin-bottom:20px; } 
#job_register4 button { display:block; line-height:45px; text-align:center; color:#5384ed; font-size:14px; background:#fff url('../img/ico_arrow.png') no-repeat right 20px center; background-size:8px; border-radius:10px; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); width:100%; border: 0; } 
#job_register4 ul.btn2 { margin:20px auto; } 
#job_register4 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#job_register4 .modal-con .con { position:relative; } 
#job_register4 .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#job_register4 .modal-con .con input[type="text"] { width:90%; display:table; margin:0 auto 13px; height:45px; } 
#job_register4 .modal-con .con input[type="text"]:last-of-type { margin-bottom:50px; height:45px; } 
#job_register4 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#job_register4 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#job_register4 .modal-con .close img { display:block; width:100%; } 

/* 05 - job_register5(기사구직 등록5) */
#job_register5 h2 { margin-top:30px; margin-bottom:20px; } 
#job_register5 .user_provision.first .in_box { margin-bottom:35px; } 
#job_register5 .user_provision.first .in_box label { font-size:14px; color:#000; } 
#job_register5 .user_provision.first .in_box label a { display:inline-block; margin-left:5px; font-size:14px; color:#5384ed; } 
#job_register5 input[type="text"]:first-of-type,
#job_register5 input[type="text"]:nth-of-type(2) { margin-bottom:20px; height:45px; } 
#job_register5 ul.use { height:45px; display:table; margin:0 auto 20px; width:100%; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); border-radius:10px; background:#fff; box-sizing:border-box; padding:0 10px; } 
#job_register5 .container > ul.use::after { content:''; display:block; visibility:hidden; clear:both; } 
#job_register5 .container > ul.use li { float:left; margin-right:13px; line-height:45px; } 
#job_register5 .container > ul.use li:last-of-type { margin-right:0; } 
#job_register5 .container > ul.use li .user_provision .chk_box label { line-height: 45px; padding-left: 25px; background-position: left center; } 
#job_register5 .container > ul.btn2 { margin:0 auto 20px; } 

#job_register5 .modal-con { display:none; z-index:1; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:84%; box-sizing:border-box; background:#f6f6f6; border-radius:10px; } 
#job_register5 .modal-con .con { position:relative; overflow:hidden; background:#f6f6f6; z-index:1; border-radius:10px; max-height:400px; overflow-y:auto; box-sizing:border-box; } 
#job_register5 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#job_register5 .modal-con .close img { display:block; width:100%; } 

#job_register5 .modal1 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#job_register5 .modal1 p { text-align:center; margin-bottom: 30px; font-weight:400; } 
#job_register5 .modal1 p b { color:#5384ed; } 
#job_register5 .modal1 ul { border-radius:0 0 10px 10px; } 
#job_register5 .modal1 ul li { width:50%; margin:0; } 
#job_register5 .modal1 ul li a { border-radius:0; } 
#job_register5 .modal1 label { display:table; margin:0 auto 40px; box-sizing:border-box; padding-left:25px; background-position:left center; } 
#job_register5 .modal2 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#job_register5 .modal2 p { text-align:center; margin-bottom:50px; font-weight:400; } 
#job_register5 .modal2 a.navy { border-radius:0; } 
/*#job_register5 .modal3 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#job_register5 .modal3 p { text-align:center; margin-bottom:50px; font-weight:400; } 

*/

/* 06 - sale_register1(차량매매 등록 1) */
#sale_register1 h2 { margin-top:30px; } 
#sale_register1 .tabs:after { content: ""; display: block; visibility:hidden; clear: both; } 
#sale_register1 .tabs input[type=radio] { display: none; } 
#sale_register1 .tabs select { background-color: #fff; } 
#sale_register1 .tabs label { display: block; float: left; width:49%; margin-right:2%; text-align: center; font-size:13px; font-weight:500; line-height:50px; color:#aaa; cursor: pointer; background:#fff; border:1px solid #dedede; border-radius:10px; background:#fff url("../img/ico_checkoff.png") left 10px center no-repeat; background-size:20px auto; box-sizing:border-box; padding-left:10px; } 
#sale_register1 .tabs label:last-of-type { margin-right:0; } 
#sale_register1 .tabs label.tab1 { position:relative; } 
#sale_register1 .tabs [id^="tab"]:checked + label { color:#5384ed; border-color:#5384ed; background:#fff url("../img/ico_checkon.png") left 10px center no-repeat; background-size:20px auto; } 
#sale_register1 #next_ok { margin:10px auto 20px; } 
#sale_register1 .tab-content { display: none; float: left; margin-top:30px; width:100%; } 
#sale_register1 #tab1:checked ~ #tab-content1,
#sale_register1 #tab2:checked ~ #tab-content2 { display: block; } 

#sale_register1 .tab-content input[type="text"] { margin-bottom:10px; text-align:center; height:45px; } 

#sale_register1 .tab-content .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0 0; } 
#sale_register1 .tab-content .modal-con select { margin-bottom:10px; line-height:45px; height:45px; } 
#sale_register1 .tab-content .modal-con > div { max-height: 100%; } 
#sale_register1 .tab-content .modal-con .con { position:relative; } 
#sale_register1 .tab-content .modal-con .con > div { padding:0 20px; padding-bottom:70px; } 
#sale_register1 .tab-content .modal-con .con span { display:block; margin-bottom:40px; margin-top:0; color:#000; text-align:center; font-size:13px; font-weight:300; line-height:1; } 
#sale_register1 .tab-content .modal-con .con label { color:#aaa; } 
#sale_register1 .tab-content .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#sale_register1 .tab-content .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#sale_register1 .tab-content .modal-con .close img { display:block; width:100%; } 


/* 06 - sale_bus(차량매매 등록 - 버스 > 일자리 포함 일 경우) */
#sale_bus h2 { margin-top:30px; } 
#sale_bus .tabs:after { content: ""; display: block; visibility:hidden; clear: both; } 
#sale_bus .tabs input[type=radio] { display: none; } 
#sale_bus .tabs select { background-color: #fff; } 
#sale_bus .tabs label { display: block; float: left; width:49%; margin-right:2%; text-align: center; font-size:13px; font-weight:500; line-height:50px; color:#aaa; cursor: pointer; background:#fff; border:1px solid #dedede; border-radius:10px; background:#fff url("../img/ico_checkoff.png") left 10px center no-repeat; background-size:20px auto; box-sizing:border-box; padding-left:10px; } 
#sale_bus .tabs label:last-of-type { margin-right:0; } 
#sale_bus .tabs [id^="tab"]:checked + label { color:#5384ed; border-color:#5384ed; background:#fff url("../img/ico_checkon.png") left 10px center no-repeat; background-size:20px auto; } 
#sale_bus .tab-content { display: none; float: left; margin-top:30px; width:100%; } 
#sale_bus #tab1:checked ~ #tab-content1,
#sale_bus #tab2:checked ~ #tab-content2 { display: block; } 
#sale_bus .tab-content input[type="text"] { margin-bottom:10px; text-align:center; height:45px; } 
#sale_bus #tab-content1 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0 0; } 
#sale_bus #tab-content2 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0 0; } 
#sale_bus .modal-con .con { position:relative; width:90%; margin:0 auto 80px; } 
#sale_bus .modal-con .con span { display:block; margin-bottom:40px; margin-top:0; color:#000; text-align:center; font-size:13px; font-weight:300; line-height:1; } 
#sale_bus .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#sale_bus .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#sale_bus .modal-con .close img { display:block; width:100%; } 
#sale_bus .container > .btn2 { margin:10px auto 20px; } 


/* 06 - sale_truck(차량매매 등록 - 화물 > 일자리 포함 일 경우) */
#sale_truck h2 { margin-top:30px; } 
#sale_truck .tabs:after { content: ""; display: block; visibility:hidden; clear: both; } 
#sale_truck .tabs input[type=radio] { display: none; } 
#sale_truck .tabs label { display: block; float: left; width:49%; margin-right:2%; text-align: center; font-size:13px; font-weight:500; line-height:50px; color:#aaa; cursor: pointer; background:#fff; border:1px solid #dedede; border-radius:10px; background:#fff url("../img/ico_checkoff.png") left 10px center no-repeat; background-size:20px auto; box-sizing:border-box; padding-left:10px; } 
#sale_truck .tabs label:last-of-type { margin-right:0; } 
#sale_truck .tabs [id^="tab"]:checked + label { color:#5384ed; border-color:#5384ed; background:#fff url("../img/ico_checkon.png") left 10px center no-repeat; background-size:20px auto; } 
#sale_truck ul.btn3 { margin-bottom:20px; } 
#sale_truck ul.btn3 label { background:#fff; width:100%; padding-left:0; line-height:45px; } 
#sale_truck ul.btn3 input[type="radio"]:checked + label { background:#5384ed; color:#fff; } 
#sale_truck .tab-content { display: none; float: left; margin-top:30px; width:100%; } 
#sale_truck #tab1:checked ~ #tab-content1,
#sale_truck #tab2:checked ~ #tab-content2 { display: block; } 
#sale_truck .tab-content input[type="text"] { margin-bottom:10px; text-align:center; height:45px; } 
#sale_truck .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0 0; } 
#sale_truck .modal-con .con { position:relative; width:90%; margin:0 auto 80px; } 
#sale_truck .modal-con .con span { display:block; margin-bottom:40px; margin-top:0; color:#000; text-align:center; font-size:13px; font-weight:300; line-height:1; } 
#sale_truck .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#sale_truck .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#sale_truck .modal-con .close img { display:block; width:100%; } 
#sale_truck .container > .btn2 { max-width:600px; margin-bottom:20px; margin-top:10px; } 
#sale_truck textarea { margin-bottom:20px; } 
#sale_truck ul.btn3 li img { display:block; width:100%; } 

/* 06 - sale_register2(차량매매 등록 2) */
#sale_register2 h2 { margin-top:30px; } 
#sale_register2 input { text-align:center; margin-bottom:10px; } 
#sale_register2 input:last-of-type { margin-bottom:0; } 
#sale_register2 input[type="text"] { margin-bottom:10px; text-align:center; height:45px; } 
#sale_register2 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0 0; } 
#sale_register2 .modal-con .con { position:relative; width:90%; margin:0 auto 80px; } 
#sale_register2 .modal-con .con span { display:block; margin-bottom:40px; margin-top:0; color:#000; text-align:center; font-size:13px; font-weight:300; line-height:1; } 
#sale_register2 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#sale_register2 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#sale_register2 .modal-con .close img { display:block; width:100%; } 
#sale_register2 .container > ul.btn2 { margin:20px auto; } 
#sale_register2 ul.btn3 { margin-bottom:20px; } 
#sale_register2 ul.btn3 label { background:#fff; width:100%; padding-left:0; line-height:45px; } 
#sale_register2 ul.btn3 input[type="radio"]:checked + label { background:#5384ed; color:#fff; } 
#sale_register2 ul.btn3 li img.img_del { width:30px; position:relative; top:35px; z-index: 1; margin-top:-25%; } 
#sale_register2 ul.btn3 li img { display:block; width:100%; } 
#sale_register2 textarea { margin-bottom:20px; } 


/* 06 - sale_register3(차량매매 등록 3) */
#sale_register3 h2 { margin-top:30px; margin-bottom:20px; } 
#sale_register3 .user_provision.first .in_box { margin-bottom:35px; } 
#sale_register3 .user_provision.first .in_box label { font-size:13px; color:#000; } 
#sale_register3 .user_provision.first .in_box label a { display:inline-block; margin-left:5px; font-size:13px; color:#5384ed; } 
#sale_register3 input[type="text"]:first-of-type,
#sale_register3 input[type="text"]:nth-of-type(2) { margin-bottom:20px; height:45px; } 
#sale_register3 ul.use { height:45px; display:table; margin:0 auto 20px; width:100%; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); border-radius:10px; background:#fff; box-sizing:border-box; padding:0 10px; } 
#sale_register3 .container > ul.use::after { content:''; display:block; visibility:hidden; clear:both; } 
#sale_register3 .container > ul.use li { float:left; margin-right:13px; line-height:45px; } 
#sale_register3 .container > ul.use li:last-of-type { margin-right:0; } 
#sale_register3 .container > ul.use li .user_provision .chk_box label { line-height: 45px; padding-left: 25px; background-position: left center; } 
#sale_register3 .container > ul.btn2 { margin:0 auto 20px; } 

#sale_register3 .modal-con { display:none; z-index:1; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:84%; box-sizing:border-box; background:#f6f6f6; border-radius:10px; } 
#sale_register3 .modal-con .con { position:relative; overflow:hidden; background:#f6f6f6; z-index:1; border-radius:10px; max-height:400px; overflow-y:auto; box-sizing:border-box; } 
#sale_register3 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#sale_register3 .modal-con .close img { display:block; width:100%; } 

#sale_register3 .modal1 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#sale_register3 .modal1 p { text-align:center; margin-bottom: 30px; font-weight:400; } 
#sale_register3 .modal1 p b { color:#5384ed; } 
#sale_register3 .modal1 ul { border-radius:0 0 10px 10px; } 
#sale_register3 .modal1 ul li { width:50%; margin:0; } 
#sale_register3 .modal1 ul li a { border-radius:0; } 
#sale_register3 .modal1 label { display:table; margin:0 auto 40px; box-sizing:border-box; padding-left:25px; background-position:left center; } 
#sale_register3 .modal2 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#sale_register3 .modal2 p { text-align:center; margin-bottom:50px; font-weight:400; } 
#sale_register3 .modal2 a.navy { border-radius:0; } 
/*#sale_register3 .modal3 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#sale_register3 .modal3 p { text-align:center; margin-bottom:50px; font-weight:400; } */
#sale_register3 .modal3 a.navy { border-radius:0; } 


/* 07 - truck_register1(화물일자리 등록 1) */
#truck_register1 h2 { margin-top:30px; } 
#truck_register1 input { text-align:center; margin-bottom:10px; } 
#truck_register1 input:last-of-type { margin-bottom:0; } 
#truck_register1 input[type="text"] { margin-bottom:10px; text-align:center; height:45px; } 
#truck_register1 select { background-color:#fff } 
#truck_register1 .container > ul.btn2 { margin:10px auto 20px; } 
#truck_register1 ul.btn3 { margin-bottom:20px; } 
#truck_register1 ul.btn3 label { background:#fff; width:100%; padding-left:0; line-height:45px; } 
#truck_register1 ul.btn3 input[type="radio"]:checked + label { background:#5384ed; color:#fff; border:0; } 
#truck_register1 ul.btn3 li.user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 

#truck_register1 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#truck_register1 .modal-con .con { position:relative; width:90%; margin:0 auto 40px; } 
#truck_register1 .modal-con .con select { margin-bottom:10px; line-height:45px; height:45px; } 
#truck_register1 .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:13px; font-weight:300; line-height:1; } 
#truck_register1 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#truck_register1 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#truck_register1 .modal-con .close img { display:block; width:100%; } 

/* 07 - truck_register2(화물일자리 등록 2) */
#truck_register2 h2 { margin-top:30px; } 
#truck_register2 input { text-align:center; margin-bottom:10px; } 
#truck_register2 input:last-of-type { margin-bottom:0; } 
#truck_register2 input[type="text"] { margin-bottom:10px; text-align:center; height:45px; } 
#truck_register2 input[type="text"].input_hp { width:20%; height:45px; } 
#truck_register2 .user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#truck_register2 .container input[type="text"].input_hp { width:20%; height:45px; } 
#truck_register2 .container > ul.btn2:last-of-type { margin:10px auto 20px; } 
#truck_register2 ul.btn3 { margin-bottom:20px; } 
#truck_register2 ul.btn3 label { background:#fff; width:100%; padding-left:0; line-height:45px; } 
#truck_register2 ul.btn3 input[type="radio"]:checked + label { background:#5384ed; color:#fff; } 
#truck_register2 ul.btn3 li.user_provision label { width:100%; text-align:center; line-height:45px; font-size:13px; color:#666; background:#fff; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#truck_register2 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#truck_register2 .modal-con .con { position:relative; } 
#truck_register2 .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#truck_register2 .modal-con .con ul { display: table; width: calc(100% - 40px); margin: 0 auto 40px; } 
#truck_register2 .modal-con .con ul::after { content: ''; display:block; visibility:hidden; clear:both; } 
#truck_register2 .modal-con .con ul li { float:left; width:48%; margin-right:4%; } 
#truck_register2 .modal-con .con ul li:last-of-type { margin-right:0; } 
#truck_register2 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#truck_register2 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#truck_register2 .modal-con .close img { display:block; width:100%; } 
#truck_register2 .modal-con .con ul.date { margin-bottom:30px; } 
#truck_register2 .modal-con .con ul.date::after { content: ''; display:block; visibility:hidden; clear:both; } 
#truck_register2 .modal-con .con ul.date li { float:left; width:99%; margin-right:2%; margin-bottom:10px; } 
#truck_register2 .modal-con .con ul.date li .user_provision label { color:#ababab; font-size:14px; line-height:45px; border-radius:10px; background:#fff url(../img/ico_checkoff.png) left 20px center no-repeat; background-size: 20px; border:1px solid transparent; box-shadow:0px 5px 10px 0px rgb(0 0 0 / 5%); } 
#truck_register2 .modal-con .con ul.date li .chk_box { position:relative; } 
#truck_register2 .modal-con .con ul.date li .chk_box input[type="checkbox"]:checked + label { background:#fff url(../img/ico_checkon.png) left 20px center no-repeat; background-size:20px; border-color:#5384ed; color:#5384ed; } 

/* 07 - truck_register3(화물일자리 등록 3) */
#truck_register3 h2 { margin-top:30px; } 
#truck_register3 textarea { max-height:180px; overflow-y:scroll; margin-bottom:10px; } 
#truck_register3 input[type="text"] { text-align:center; margin-bottom:85px; height:45px; } 
#truck_register3 b { font-weight:300; margin-bottom:20px; } 
#truck_register3 button { display:block; line-height:45px; text-align:center; color:#5384ed; font-size:13px; background:#fff url('../img/ico_arrow.png') no-repeat right 20px center; background-size:8px; border-radius:10px; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); width:100%; border: 0; } 
#truck_register3 ul.btn2 { max-width:600px; margin:20px auto; } 
#truck_register3 .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; background:#f6f6f6; } 
#truck_register3 .modal-con .con { position:relative; } 
#truck_register3 .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:13px; font-weight:300; line-height:1; } 
#truck_register3 .modal-con .con input[type="text"] { width:90%; display:table; margin:0 auto 13px; height:45px; } 
#truck_register3 .modal-con .con input[type="text"]:last-of-type { margin-bottom:50px; height:45px; } 
#truck_register3 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#truck_register3 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#truck_register3 .modal-con .close img { display:block; width:100%; } 

/* 07 - truck_register4(화물일자리 등록 4) */
#truck_register4 h2 { margin-top:30px; margin-bottom:20px; } 
#truck_register4 .user_provision.first .in_box { margin-bottom:35px; } 
#truck_register4 .user_provision.first .in_box label { font-size:14px; color:#000; } 
#truck_register4 .user_provision.first .in_box label a { display:inline-block; margin-left:5px; font-size:14px; color:#5384ed; } 
#truck_register4 input[type="text"]:first-of-type,
#truck_register4 input[type="text"]:nth-of-type(2) { margin-bottom:20px; height:45px; } 
#truck_register4 ul.use { height:45px; display:table; margin:0 auto 20px; width:100%; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); border-radius:10px; background:#fff; box-sizing:border-box; padding:0 10px; } 
#truck_register4 .container > ul.use::after { content:''; display:block; visibility:hidden; clear:both; } 
#truck_register4 .container > ul.use li { float:left; margin-right:13px; line-height:45px; } 
#truck_register4 .container > ul.use li:last-of-type { margin-right:0; } 
#truck_register4 .container > ul.use li .user_provision .chk_box label { line-height: 45px; padding-left: 25px; background-position: left center; } 
#truck_register4 .container > ul.btn2 { margin:0 auto 20px; max-width:600px; } 

#truck_register4 .modal-con { display:none; z-index:1; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:84%; box-sizing:border-box; background:#f6f6f6; } 
#truck_register4 .modal-con .con { position:relative; overflow:hidden; background:#f6f6f6; z-index:1; border-radius:10px; max-height:400px; overflow-y:auto; box-sizing:border-box; } 
#truck_register4 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#truck_register4 .modal-con .close img { display:block; width:100%; } 

#truck_register4 .modal1 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#truck_register4 .modal1 p { text-align:center; margin-bottom: 30px; font-weight:400; } 
#truck_register4 .modal1 p b { color:#5384ed; } 
#truck_register4 .modal1 ul { border-radius:0 0 10px 10px; } 
#truck_register4 .modal1 ul li { width:50%; margin:0; } 
#truck_register4 .modal1 ul li a { border-radius:0; } 
#truck_register4 .modal1 label { display:table; margin:0 auto 40px; box-sizing:border-box; padding-left:25px; background-position:left center; } 
#truck_register4 .modal2 span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#truck_register4 .modal2 p { text-align:center; margin-bottom:50px; font-weight:400; } 
#truck_register4 .modal2 a.navy { border-radius:0; } 
#truck_register4 .modal3 a.navy { border-radius:0; } 



/* 10 - #member_agreement (회원가입 동의) */
#member_agreement { } 
#member_agreement .container { margin-top:30px; } 
#member_agreement .allchk_box label { font-size:17px; color:#000; } 
#member_agreement .allchk_box span { display:block; font-size:14px; color:#222; font-weight:400; margin-bottom:40px; margin-top:20px; } 
#member_agreement .user_provision { margin-bottom:30px; } 
#member_agreement .user_provision:last-of-type,
#member_agreement .user_provision:first-of-type { margin-bottom:0; } 
#member_agreement .in_box label { font-size:14px; color:#000; } 
#member_agreement .in_box label a { display:inline-block; margin-left:5px; font-size:14px; color:#5384ed; } 
#member_agreement ul.btn2 { position: fixed; width:90%; max-width:600px; bottom: 20px; left:50%; transform:translateX(-50%); } 
#member_agreement .modal-con { display:none; z-index:1; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; box-sizing:border-box; background:#f6f6f6; border-radius:10px; } 
/*
#member_agreement .modal-con span { display:block; margin-top:40px; margin-bottom:25px; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#member_agreement .modal-con p { text-align:center; margin-bottom:50px; font-weight:400; } 
*/
#member_agreement .modal-con .con { position:relative; overflow:hidden; background:#f6f6f6; z-index:1; border-radius:10px; max-height:400px; overflow-y:scroll; box-sizing:border-box; padding:20px; } 
#member_agreement .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#member_agreement .modal-con .close img { display:block; width:100%; } 

/* 10 - member_input1(정보입력1) */
#member_input1 h2 { margin-top:30px; margin-bottom:40px; } 
#member_input1 input[type="text"]:first-of-type { margin-bottom:20px; height:45px; } 
#member_input1 ul.btn2 { margin:20px auto; } 

/* 10 - member_input2(정보입력2) */
#member_input2 h2 { margin-top:30px; margin-bottom:40px; } 
#member_input2 input[type="text"]:first-of-type { margin-bottom:20px; height:45px; } 
#member_input2 ul.btn2 { margin:20px auto; } 

/* 10 - member_input3(정보입력3) */
#member_input3 h2 { margin-top:30px; } 
#member_input3 .user_provision { margin-bottom:10px; } 
#member_input3 .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#member_input3 .chk_box { position:relative; } 
#member_input3 .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#member_input3 a.navy { margin:20px auto 20px; } 

/* 10 - member_input4(정보입력4) */
#member_input4 h2 { margin-top:30px; margin-bottom:40px; } 
#member_input4 input[type="text"]:first-of-type { margin-bottom:20px; height:45px; } 
#member_input4 ul.btn2 { margin:0 auto 20px; } 

/* 10 - member_register(회원가입 완료) */
#member_register .container { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:center; flex-direction:column; height: 100%; } 
#member_register span { display:inline-block; font-size:28px; color:#000; box-sizing:border-box; padding-left:35px; margin:0 auto 50px; background:url('../img/ico_joincomp.png')no-repeat left center; background-size:28px; } 
#member_register p { margin-bottom:40px; text-align:center; } 
#member_register .container > div { border-radius:10px; background-color:#fff; box-sizing:border-box; padding:25px; width:100%; } 
#member_register .container > div dl { margin-bottom:10px; } 
#member_register .container > div dl:last-of-type { margin-bottom:0; } 
#member_register .container > div dl::after { content: ''; display:block; visibility:hidden; clear:both; } 
#member_register .container > div dl dt { float:left; color: #000; font-weight:bold; font-size:14px; line-height:1; } 
#member_register .container > div dl dd { float:right; color:#5384ed; font-weight:bold; font-size:14px; line-height:1; } 
#member_register a.navy { position: fixed; max-width:600px; bottom: 20px; left:50%; transform:translateX(-50%); } 

/* 10 - login(로그인) */
#login .container { position:absolute; top:45%; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:center; flex-direction:column; height: 100%; z-index:1 } 
#login img { display:block; margin:0 auto 45px; max-width:200px; } 
#login input[type="text"] { margin-bottom:13px; height:45px; } 
#login a.navy { margin-top:5px; margin-bottom:20px; } 
#login ul { display:table; width:100%; } 
#login ul li { display:inline-block; } 
#login ul li a { font-size:14px; color:#818181; line-height:1; } 
#login ul li:first-of-type a { font-size:14px; color:#1f4e79; font-weight:bold; display:inline-block; border-right:1px solid #d8d9db; margin-right:10px; padding-right:10px; } 

/* 10 - find_pw1(비밀번호찾기1) */
#find_pw1 h2 { margin-top:30px; } 
#find_pw1 p { margin-bottom:40px; } 
#find_pw1 input[type="text"]:first-of-type { margin-bottom:20px; height:45px; } 
#find_pw1 a.navy { margin:20px auto; } 

/* 10 - find_pw2(비밀번호찾기 완료 ) */
#find_pw2 .container { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); display:flex; justify-content:center; align-items:center; flex-direction:column; height: 100%; } 
#find_pw2 span { display:inline-block; font-size:20px; color:#000; box-sizing:border-box; padding-left:25px; margin:0 auto 50px; background:url('../img/ico_pw.png')no-repeat left center; background-size:16px; } 
#find_pw2 p { text-align:center; } 
#find_pw2 dl { border-radius:10px; background-color:#fff; box-sizing:border-box; padding:25px; width:100%; margin-bottom:35px; } 
#find_pw2 dl::after { content: ''; display:block; visibility:hidden; clear:both; } 
#find_pw2 dl dt { float:left; color: #000; font-weight:bold; font-size:14px; line-height:1; } 
#find_pw2 dl dd { float:right; color:#5384ed; font-weight:bold; font-size:14px; line-height:1; } 
#find_pw2 a.navy { position: fixed; width:90%; max-width:600px; bottom: 20px; left:50%; transform:translateX(-50%); } 






/* 11 - mypage(마이페이지) */
#mypage .pf_box { margin-top:25px; display:block; position:relative; width:100%; background:url('../img/ico_arrow_black.png')no-repeat right center; background-size: 8px; } 
#mypage .pf_box .img_box { display:inline-block; margin-right:20px; border-radius:50%; overflow:hidden; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); width:80px; height:80px; background:#fff; } 
#mypage .pf_box button { position:absolute; width:30px; height:30px; left:60px; bottom:0; z-index:1; border:0; background:transparent; } 
#mypage .pf_box button img { display:block; width:100%; } 
#mypage .pf_box b { position:absolute; left:100px; top:calc(50% - 13px); transform:translateY(-50%); font-size:18px; margin-bottom:0; } 
#mypage .pf_box p { position:absolute; left:100px; color:#888; top:calc(50% + 13px); transform:translateY(-50%); font-size:14px; } 
#mypage .pf_box .img_box img { display:block; width:100%; } 
#mypage ul.icon { display:table; width:100%; margin:30px auto 13px; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); background:#fff; box-sizing:border-box; padding:20px 0; border-radius:15px; } 
#mypage ul.icon::after { content: ''; display:block; visibility:hidden; clear:both; } 
#mypage ul.icon li { float:left; width:25%; } 
#mypage ul.icon li a { display:block; text-align:center; font-size:14px; color:#333; box-sizing:border-box; padding-top:35px; line-height:1.2em; font-weight:500; } 
#mypage ul.icon li:first-of-type a { background: url('../img/ico_mypage1.png')no-repeat center top; background-size:25px; } 
#mypage ul.icon li:nth-of-type(2) a { background: url('../img/ico_mypage2.png')no-repeat center top; background-size:25px; } 
#mypage ul.icon li:nth-of-type(3) a { background: url('../img/ico_mypage3.png')no-repeat center top; background-size:25px; padding-top:27px; } 
#mypage ul.icon li:last-of-type a { background: url('../img/ico_mypage4.png')no-repeat center top; background-size:25px; } 
#mypage a.share { display:block; line-height:50px; border-radius:10px; text-align:center; width:100%; background:#5384ed; font-size:15px; font-weight:bold; color:#fff; } 
#mypage a.share img { display:inline-block; max-width:15px; margin-left:5px; } 
#mypage .container > div { margin:20px auto; border-radius:15px; background:#fff; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); box-sizing:border-box; padding:0 20px; } 
#mypage .container > div a { line-height:60px; display:block; color:#333; font-size:15px; box-sizing:border-box; padding:0 10px; border-bottom:1px solid #dadada; background:url('../img/ico_arrow.png')no-repeat right 10px center; background-size:8px; } 
#mypage .container > div p { line-height:60px; color:#333; font-size:14px; box-sizing:border-box; padding:0 10px; overflow:hidden; } 
#mypage .container > div p span { display:inline-block; float:right; color:#5384ed; font-size:14px; font-weight:bold; } 

#mypage .store_btn:after { content: ''; display: block; clear: both; } 
#mypage .store_btn li a { width: calc( 50% - 5px ); height: 45px; float:left; border-radius: 10px; } 
#mypage .store_btn li.google a { margin-right:10px; background: url('../img/btn_google.png')no-repeat center #5384ed; background-size:100px; } 
#mypage .store_btn li.apple a { background: url('../img/btn_apple.png')no-repeat center #5384ed; background-size:90px; } 

/* 11 - mypage(마이페이지 - 상세) */
#mypage_info .container { padding-top:140px; } 
#mypage_info .pf_box { position:absolute; top:25px; left:0; display:block; width:100%; background:url('../img/ico_arrow_black.png')no-repeat right center; background-size: 8px; } 
#mypage_info .pf_box .img_box { position:relative; display:inline-block; margin-right:20px; border-radius:50%; overflow:hidden; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); width:80px; height:80px; background:#fff; } 
#mypage_info .pf_box button { position:absolute; width:30px; height:30px; left:60px; bottom:0; z-index:1; border:0; background:transparent; } 
#mypage_info .pf_box button img { display:block; width:100%; } 
#mypage_info .pf_box b { position:absolute; left:100px; top:calc(50% - 13px); transform:translateY(-50%); font-size:17px; margin-bottom:0; } 
#mypage_info .pf_box p { position:absolute; left:100px; color:#888; top:calc(50% + 13px); transform:translateY(-50%); } 
#mypage_info .pf_box .img_box img { display:block; width:100%; } 
#mypage_info .tabs { position:unset; } 
#mypage_info .tab_2 { background:#fff; border-radius:10px; } 
#mypage_info .tabs:after { content: ""; display: block; visibility:hidden; clear: both; } 
#mypage_info .tabs input[type=radio] { display: none; } 
#mypage_info .tabs label { display: block; float: left; text-align: center; font-size:14px; font-weight:500; line-height:50px; color:#aaa; cursor: pointer; background:#fff; } 
#mypage_info .tabs label.tab1 { width:50%; border-radius:10px 0 0 10px; position:relative; box-shadow:-3px 0px 10px -3px rgb(0 0 0 / 10%); } 
#mypage_info .tabs label.tab1::after { content:''; display:block; position:absolute; width:1px; height:13px; right:0; top:50%; transform: translateY(-50%); background:#dadada; } 
#mypage_info .tabs label.tab2 { width:50%; border-radius:0 10px 10px 0; box-shadow:3px 0px 10px -3px rgb(0 0 0 / 10%); } 
#mypage_info .tabs [id^="tab"]:checked + label { color:#5384ed; } 
#mypage_info .tab-content { display: none; float: left; margin-top:30px; width:100%; } 
#mypage_info #tab1:checked ~ #tab-content1,
#mypage_info #tab2:checked ~ #tab-content2 { display: block; } 
#mypage_info #tab-content1 .pf_box { background:none; } 
#mypage_info #tab-content1 a.logout { position:absolute; right:0; top: 50px; font-size:14px; border-bottom:1px solid #888; color:#888; } 
#mypage_info #tab-content1 input[type="text"] { margin-bottom:20px; height:45px; } 
#mypage_info #tab-content1 b.bold span { color:#999; display:inline-block; font-weight:400; } 
#mypage_info #tab-content1 ul.push { background:#fff; border-radius:10px; box-sizing:border-box; padding:20px; box-shadow: 2px 2px 10px rgb(0 0 0 / 10%); margin-bottom:20px; } 
#mypage_info #tab-content1 ul.push li { box-sizing:border-box; padding:0 5px; } 
#mypage_info #tab-content1 ul.push li:first-of-type { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dadada; } 
#mypage_info #tab-content1 ul.push li::after { content: ''; display:block; visibility:hidden; clear:both; } 
#mypage_info #tab-content1 ul.push li span { float:left; display:inline-block; font-size:14px; color:#111; line-height:20px; } 
#mypage_info #tab-content1 ul.push li input[switch] { display: none; } 
#mypage_info #tab-content1 ul.push li input[switch] + label { float:right; font-size: 1em; line-height:1; width:40px; height:13px; border-radius:50px; cursor: pointer; display: inline-block; position: relative; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; background-color:#dfdfdf; } 
#mypage_info #tab-content1 ul.push li input[switch] + label:after { content: ''; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; position: absolute; left:0; top: -3.5px; background-color:#b5b5b5; border-radius:50%; height:20px; width:20px; } 
#mypage_info #tab-content1 ul.push li input[switch]:checked + label { background-color:#b9cfff; } 
#mypage_info #tab-content1 ul.push li input[switch]:checked + label:after { background-color:#5384ed; right:0; left:unset; } 
#mypage_info #tab-content1 ul.btn2 { margin-top:30px; } 
#mypage_info #tab-content1 span.tc1 { display:block; color:#666; font-size:14px; text-align:center; margin:20px auto; } 
#mypage_info #tab-content1 span.tc1 a { display:inline-block; color:#5384ed; } 



#mypage_info #tab-content2 .pf_box { background:none; } 
#mypage_info #tab-content2 a.logout { position:absolute; right:0; top: 50px; font-size:14px; border-bottom:1px solid #888; color:#888; } 
#mypage_info #tab-content2 input[type="text"] { margin-bottom:10px; text-align:center; height:45px; } 
#mypage_info #tab-content2 textarea { max-height:90px; overflow-y:scroll; margin-bottom:20px; } 
#mypage_info #tab-content2 .user_provision { margin-bottom:10px; } 
#mypage_info #tab-content2 .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; margin-bottom:10px; } 
#mypage_info #tab-content2 > .user_provision:nth-of-type(5) label { margin-bottom:30px; } 
#mypage_info #tab-content2 .chk_box { position:relative; } 
#mypage_info #tab-content2 .chk_box input[type="checkbox"]:checked + label,
#mypage_info #tab-content2 .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 
#mypage_info #tab-content2 span { display:block; color:#666; font-size:14px; text-align:center; margin:20px auto; } 
#mypage_info #tab-content2 span a { display:inline-block; color:#5384ed; } 

#mypage_info #tab-content2 .modal-con { display:none; position:fixed; top:calc(60% - 60px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0 0; } 
#mypage_info #tab-content2 .modal-con > div { max-height: 100%; overflow-y: scroll; } 
#mypage_info #tab-content2 .modal-con .con { position:relative; } 
#mypage_info #tab-content2 .modal-con .con > div { padding:0 20px; padding-bottom:70px; } 
#mypage_info #tab-content2 .modal-con .con span { display:block; margin-bottom:40px; margin-top:0; color:#000; text-align:center; font-size:14px; font-weight:400; line-height:1; } 
#mypage_info #tab-content2 .modal-con .con label { color:#aaa; } 
#mypage_info #tab-content2 .modal-con .con ul { display: table; width: calc(100% - 40px); margin: 0 auto 40px; } 
#mypage_info #tab-content2 .modal-con .con ul::after { content: ''; display:block; visibility:hidden; clear:both; } 
#mypage_info #tab-content2 .modal-con .con ul li { float:left; width:48%; margin-right:4%; } 
#mypage_info #tab-content2 .modal-con .con ul li:last-of-type { margin-right:0; margin-bottom:50px; } 
#mypage_info #tab-content2 .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#mypage_info #tab-content2 .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#mypage_info #tab-content2 .modal-con .close img { display:block; width:100%; } 




/* 12 - notice_list(공지사항 리스트) */
#notice_list .container { padding:30px 0; } 
#notice_list a { display:block; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background:#fff url('../img/ico_arrow.png')no-repeat right 20px center; margin-bottom:10px; background-size: 8px; } 
#notice_list a:last-of-type { margin-bottom:0; } 
#notice_list a b { margin-bottom:13px; line-height:1; } 
#notice_list a p { line-height:1; color:#888; } 

/* 12 - notice_detail(공지사항 상세) */
#notice_detail .container { border-radius:10px; background-color:#fff; box-sizing:border-box; padding:20px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); margin-top:30px; } 
#notice_detail b { font-size:14px; } 
#notice_detail p:first-of-type { font-size:12px; } 
#notice_detail p:last-of-type { color:#333; line-height:1.4em; margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea; /*overflow: scroll; */ } 
#notice_detail img { width: 100% !important; height: unset !important; } 
#notice_detail a { width:90%; max-width:600px; margin:20px auto; left:50%; } 



/* 13 - point_list(충전및내역1) */
#point_list .container { padding:30px 0; } 
#point_list .container > p { font-size:17px; margin-bottom:20px; } 
#point_list .container > p span { display:inline-block; font-size:17px; } 
#point_list .container .point { position:relative; margin-bottom:60px; } 
#point_list .container .point p { font-size:20px; color:#5384ed; padding-left:30px; background:url('../img/ico_point.png')no-repeat left center; background-size:25px; line-height:25px; } 
#point_list .container .point p span { display:inline-block; font-size:13.5px; color:#5384ed; line-height:25px; } 
#point_list .container .point a { line-height:25px; padding:0 15px; border-radius:5px; background:#5384ed; color:#fff; text-align:center; display:block; position:absolute; right:0; top:0; } 
#point_list .box { display:block; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background:#fff; margin-bottom:10px; position:relative; } 
#point_list .box:last-of-type { margin-bottom:0; } 
#point_list .box b { margin-bottom:13px; line-height:1; } 
#point_list .box p { line-height:1; color:#888; } 
#point_list .box span { position:absolute; right:20px; top: 50%; transform:translateY(-50%); line-height:1; font-size:17px; display:block; } 
#point_list .box span.del { color:#f14a4a; } 
#point_list .box span.plus { color:#5384ed; } 



/* 13 - point_more (충전및내역1_더보기) */
#point_more .container { padding-top:30px; margin-bottom:20px; } 
#point_more .box { display:block; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background:#fff; margin-bottom:10px; position:relative; } 
#point_more .box:last-of-type { margin-bottom:0; } 
#point_more .box b { margin-bottom:13px; line-height:1; } 
#point_more .box p { line-height:1; color:#888; } 
#point_more .box span { position:absolute; right:20px; top: 50%; transform:translateY(-50%); line-height:1; font-size:17px; display:block; } 
#point_more .box span.del { color:#f14a4a; } 
#point_more .box span.plus { color:#5384ed; } 



/* 13 - point_charge (충전및내역2) */
#point_charge .container { padding-top:30px; padding-bottom:20px; } 
#point_charge .container > p { font-size:15px; margin-bottom:30px; } 
#point_charge .container .point { margin-bottom:60px; overflow:hidden; } 
#point_charge .container .point b { font-weight:normal; font-size:17px; display:block; float:left; } 
#point_charge .container .point p { font-size:20px; color:#5384ed; padding-left:30px; background:url('../img/ico_point.png')no-repeat left center; background-size:25px; line-height:25px; float:right; } 
#point_charge .container .point p span { display:inline-block; font-size:20px; color:#5384ed; line-height:25px; } 

#point_charge .container strong { display:block; font-size:15px; color:#555; font-weight:normal; margin-bottom:20px; } 
#point_charge .container strong span { display:inline-block; font-size:15px; color:#5384ed; } 
#point_charge .user_provision { margin-bottom:10px; } 
#point_charge .chk_box { position:relative; } 
#point_charge .user_provision label { padding-left: 40px; width:100%; text-align:left; line-height:75px; font-size:14px; color:#666; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; background:#fff url('../img/ico_point_bk.png')no-repeat left 20px center; background-size:15px; } 
#point_charge .user_provision label span { display:inline-block; font-size:14px; color:#5384ed; } 
#point_charge .chk_box1 input[type="radio"]:checked + label { border-color:#5384ed; background:#fff url('../img/ico_point_bk.png')no-repeat left 20px center; background-size:15px; } 
#point_charge .chk_box p,
#point_charge .chk_box1 p { max-width:75px; text-align:center; color:#fff; line-height:25px; background:#5384ed; font-size:13px; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:100%; border-radius:5px; } 
#point_charge .container .cution { display:block; padding-left:20px; margin-top:5px; margin-bottom:20px; font-size:13px; color:#555; background:url('../img/ico_cution.png')no-repeat left center; background-size:15px; line-height:15px; } 



/* 14 - board (넘버게시판) */
#board { position:relative; } 
#board::before { content:''; display:block; width:100%; height:52px; background:#fff; position:absolute; top:0; left:0; } 
#board .tabs:after { content: ""; display: block; visibility:hidden; clear: both; } 
#board .tabs input[type=radio] { display: none; } 
#board .tabs label { display: block; float: left; width:50%; text-align: center; font-size:14px; line-height:50px; color:#aaa; cursor: pointer; border-bottom:2px solid #ececec; background:#fff; } 
#board .tabs [id^="tab"]:checked + label { border-bottom-color:#5384ed; color:#5384ed; } 
#board .tab-content { display: none; float: left; width:90%; margin-top:30px; max-width:600px; left:50%; transform: translateX(-50%); position:relative; } 
#board #tab1:checked ~ #tab-content1,
#board #tab2:checked ~ #tab-content2 { display: block; } 
#board #tab-content1 { } 
#board #tab-content1 .box { display:block; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background:#fff; margin-bottom:10px; } 
#board #tab-content1 .box:last-of-type { margin-bottom:20px; } 
#board #tab-content1 .box dl { margin-bottom:15px; } 
#board #tab-content1 .box dl:last-of-type { margin-bottom:0; } 
#board #tab-content1 .box dl:after { content:''; display:block; visibility:hidden; clear:both; } 
#board #tab-content1 .box dl dt { float:left; font-size:14px; color:#555; line-height:1; } 
#board #tab-content1 .box dl dd { float:right; font-size:14px; font-weight:bold; line-height:1; } 
#board #tab-content1 .box dl dd.price { color:#5384ed; } 

#board #tab-content2 { } 
#board #tab-content2 .box { display:block; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background:#fff; margin-bottom:20px; } 
#board #tab-content2 .box dl { margin-bottom:15px; } 
#board #tab-content2 .box dl:last-of-type { margin-bottom:0; } 
#board #tab-content2 .box dl:after { content:''; display:block; visibility:hidden; clear:both; } 
#board #tab-content2 .box dl dt { float:left; font-size:14px; color:#555; line-height:1; } 
#board #tab-content2 .box dl dd { float:right; font-size:14px; font-weight:bold; line-height:1; } 
#board #tab-content2 .box dl dd.price { color:#5384ed; } 

/* 14 - board_detail (넘버게시판 - 상세) */
#board .navy { } 



/* 14 - board_submit (넘버게시판_글작성) */
#board_submit .container { padding-top:10px; } 
#board_submit b.bold { margin-top:20px; } 
#board_submit ul.btn2 { margin-top:20px; margin-bottom:20px; } 
#board_submit input[type="text"] { height:45px; } 

#board_submit .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#board_submit .modal-con .con { position:relative; } 
#board_submit .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:15px; font-weight:400; line-height:1; } 
#board_submit .modal-con .con ul { display: table; width: calc(100% - 40px); margin: 0 auto 35px; } 
#board_submit .modal-con .con ul::after { content: ''; display:block; visibility:hidden; clear:both; } 
#board_submit .modal-con .con ul li { float:left; width:48%; margin-right:4%; text-align:center; color:#aaa; background:#fff; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); margin-bottom:10px; } 
#board_submit .modal-con .con ul li:nth-of-type(2n) { margin-right:0; } 
#board_submit .modal-con .con ul li .chk_box label { background-position:10px center; line-height:45px; border: 1px solid transparent; border-radius:10px; } 
#board_submit .modal-con .con ul li .chk_box input[type="radio"]:checked + label { border-color:#5384ed; } 
#board_submit .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#board_submit .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#board_submit .modal-con .close img { display:block; width:100%; } 
#board_submit .modal-con .con ul.date { margin-bottom:40px; } 
#board_submit .modal-con .con ul.date::after { content: ''; display:block; visibility:hidden; clear:both; } 
#board_submit .modal-con .con ul.date li { float:left; width:48%; margin-right:4%; margin-bottom:4%; } 
#board_submit .modal-con .con ul.date li:nth-of-type(2n) { margin-right:0; } 
#board_submit .modal-con .con ul.date li:last-of-type { margin-bottom:0; } 
#board_submit .modal-con .con ul.date li .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#board_submit .modal-con .con ul.date li .chk_box { position:relative; } 
#board_submit .modal-con .con ul.date li .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; } 


/* 15 - contract(계약서&계산서 요청) */
#contract strong { font-size:18px; font-weight:normal; margin-top:40px; display:block; } 
#contract .con { position:relative; width:100%; margin-bottom:40px; } 
#contract .con a { display:block; width:100%; margin-bottom:40px; } 
#contract .con a > img { display:block; width:100%; margin-bottom:40px; } 
#contract .con span { position:absolute; top:53%; left:20%; width:100%; margin-bottom:40px; font-size:20px; color:#fff; font-weight:bold; } 
#contract span { display:block; font-size:14px; margin-bottom:15px; } 
#contract .box { display:block; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background:#fff; margin-bottom:10px; } 
#contract .box::after { content:''; display:block; visibility:hidden; clear:both; } 
#contract .box img { float:left; margin-right:10px; max-width:120px; } 
#contract .box p { color:#666; display:inline; font-size:15px; } 
#contract .box span { display:block; margin-top:15px; font-size:14px; color:#888; } 






/* 16 - inquiry_list (1:1문의 리스트) */
#inquiry_list .container { padding:30px 0; } 
#inquiry_list .container > a { display:block; box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background:#fff url('../img/ico_arrow.png')no-repeat right 20px center; margin-bottom:10px; background-size: 8px; } 
#inquiry_list .container > a:last-of-type { margin-bottom:0; } 
#inquiry_list .container > a b { margin-bottom:13px; line-height:1; } 
#inquiry_list .container > a p { line-height:1; color:#888; } 



/* 16 - inquiry_submit (1:1문의 글작성) */
#inquiry_submit .container { padding-top:30px; height:calc(100vh - 50px); } 
#inquiry_submit .container b.bold { margin-top:20px; } 
#inquiry_submit .container b.bold:first-of-type { margin-top:0; } 
#inquiry_submit .container textarea { height:90px; } 
#inquiry_submit .container .btn2 { margin:20px auto; max-width:600px; } 
#inquiry_submit input[type="text"] { height:45px; } 


/* 16 - inquiry_detail (1:1문의 상세) */
#inquiry_detail .container { height:calc(100vh - 50px); } 
#inquiry_detail .box { box-sizing:border-box; padding:20px; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); background-color:#fff; margin-top:50px; } 
#inquiry_detail .box:first-of-type { margin-top:25px; } 
#inquiry_detail p.tit { font-size:15px; margin-bottom:15px; font-weight:bold; } 
#inquiry_detail .box:first-of-type span { display:block; color:#888; font-size:12px; } 
#inquiry_detail dl:first-of-type { margin-top:20px; padding-top:20px; border-top:1px solid #eaeaea; } 
#inquiry_detail dl:last-of-type { margin-bottom:25px; } 
#inquiry_detail dl::after { content:''; display:block; visibility:hidden; clear:both; } 
#inquiry_detail dl dt { float:left; max-width:45px; width:100%; } 
#inquiry_detail dl dt b { font-weight:bold; margin-bottom:0; } 
#inquiry_detail dl dd { float:left; font-size:14px; } 
#inquiry_detail .box:last-of-type { padding-left:45px; background:#fff url('../img/ico_re.png')no-repeat 20px 23px; margin-top:20px; background-size:15px; } 
#inquiry_detail .box:last-of-type span { color:#999; display:block; font-size:12px; font-weight:400; } 
#inquiry_detail p.info { margin-bottom:10px; font-size:14px; } 
#inquiry_detail a { position:fixed; bottom:20px; width:90%; } 



/* 17 - findjob_list(기사구직 정보) */
#findjob_list { position:relative; } 
#findjob_list::before { content:''; display:block; position:absolute; left:0; top:0; height:50px; width:100%; background:#fff; } 
#findjob_list .tag_box { padding:0 5%; text-align:center; line-height:50px; color:#5384ed; font-size:14px; font-weight:500; background:#fff; max-width:600px; margin:0 auto; position:relative; } 
#findjob_list .container { padding:5% 0; } 
#findjob_list .container > a { display:block; background:#fff; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); box-sizing:border-box; padding:20px 13px; margin-bottom:10px; position:relative; } 
#findjob_list .container > a.comp::after { content:'진행완료'; position:absolute; width:100%; height:100%; text-align:center; left:0; top: 0; border-radius:10px; color:#fff; line-height:100px; font-size:17px; font-weight:bold; background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.3); filter:rogid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); zoom: 1; } 
#findjob_list .container > a:last-of-type { margin-bottom:0; } 
#findjob_list .container > a p { display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #c9c9c9; line-height:1; color:#888; } 
#findjob_list .container > a p:last-of-type { margin-right:0; border-right:0; padding-right:0; } 
#findjob_list .container > a span.cate { width:65px; height:28px; color:#000; display:inline-block; line-height:28px; text-align:center; font-size:12px; background:#ffc001; border-radius:5px; font-weight:bold; } 
#findjob_list .container > a span.dis { width:65px; height:28px; color:#000; display:block; line-height:28px; text-align:center; font-size:12px; background:#fee92e; border-radius:5px; margin-top:5px; } 
#findjob_list .container > a b.bold { position:absolute; top: 20px; left:90px; line-height: 1.2em; max-width:55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; display:block; } 
#findjob_list .container > a > div { position:absolute; bottom:20px; left:90px; } 
#findjob_list .container > a > b.on { position:absolute; background:#5384ed; color:#fff; max-width:50px; width:100%; border-radius:5px; text-align:center; line-height:30px; top: 50%; right:13px; transform:translateY(-50%); } 
#findjob_list .container > a > b.off { position:absolute; background:#cecece; color:#fff; max-width:50px; width:100%; border-radius:5px; text-align:center; line-height:30px; top: 50%; right:13px; transform:translateY(-50%); } 
#findjob_list.bull .container > a span.cate { height:60px; line-height:60px; } 
#findjob_list.bull .container > a span.dis { display:none; } 





/* 17 - findjob_detail(기사구직 정보 - 상세내역) */
#findjob_detail { } 
#findjob_detail .slider { margin:20px auto; width:90%; max-width:600px; overflow:hidden; } 
#findjob_detail .swiper-slide { width:100% !important; } 
#findjob_detail .swiper-slide img { display:block; width:100%; } 
#findjob_detail .container { background:#fff; border-radius:10px; box-sizing:border-box; padding:20px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); margin-bottom:20px; } 
#findjob_detail .container dl { margin-bottom:13px; line-height:1; } 
#findjob_detail .container dl:last-of-type { margin-bottom:0; } 
#findjob_detail .container dl::after { content: ''; display:block; visibility:hidden; clear:both; } 
#findjob_detail .container dl dt { float:left; line-height:1; } 
#findjob_detail .container dl dd { float:right; line-height:1; } 
#findjob_detail .container dl dt p { line-height:1; text-align:left; } 
#findjob_detail .container dl dd b { line-height:1; margin-bottom:0; text-align:right; } 
#findjob_detail .container dl:last-of-type dd { width:50%; } 
#findjob_detail .container dl:last-of-type dd b { line-height:1.4em; word-break:keep-all; } 
#findjob_detail a.navy { width:90%; max-width:600px; margin: 20px auto; } 


/* 17 - findbus_list(버스일자리 정보) */
#findbus_list { position:relative; } 
#findbus_list::before { content:''; display:block; position:absolute; left:0; top:0; height:50px; width:100%; background:#fff; } 
#findbus_list .tag_box { padding:0 5%; text-align:center; line-height:50px; color:#5384ed; font-size:14px; font-weight:500; background:#fff; max-width:600px; margin:0 auto; position:relative; } 
#findbus_list .container { padding:5% 0; } 
#findbus_list .container > a { display:block; background:#fff; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); box-sizing:border-box; padding:20px 13px; margin-bottom:10px; position:relative; } 
#findbus_list .container > a.comp::after { content:'진행완료'; position:absolute; width:100%; height:100%; text-align:center; left:0; top: 0; border-radius:10px; color:#fff; line-height:100px; font-size:17px; font-weight:bold; background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.3); filter:rogid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); zoom: 1; } 
#findbus_list .container > a:last-of-type { margin-bottom:0; } 
#findbus_list .container > a p { display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #c9c9c9; line-height:1; color:#888; } 
#findbus_list .container > a > div p:last-of-type { margin-right:0; border-right:0; padding-right:0; } 
#findbus_list .container > a span.info { font-size:12px; line-height:1; display:block; color:#888; } 
#findbus_list .container > a span.cate { width:65px; height:28px; color:#000; display:inline-block; line-height:28px; text-align:center; font-size:12px; background:#ffc001; border-radius:5px; font-weight:bold; } 
#findbus_list .container > a span.dis { width:65px; height:28px; color:#000; display:block; line-height:28px; text-align:center; font-size:12px; background:#fee92e; border-radius:5px; margin-top:5px; } 
#findbus_list .container > a b.bold { position:absolute; top: 20px; left:90px; line-height: 1.2em; max-width:55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; display:block; } 
#findbus_list .container > a > div { position:absolute; bottom:20px; left:90px; } 
#findbus_list .container > a > b.on { position:absolute; background:#5384ed; color:#fff; max-width:50px; width:100%; border-radius:5px; text-align:center; line-height:30px; top: 50%; right:13px; transform:translateY(-50%); } 
#findbus_list .container > a > b.off { position:absolute; background:#cecece; color:#fff; max-width:50px; width:100%; border-radius:5px; text-align:center; line-height:30px; top: 50%; right:13px; transform:translateY(-50%); } 
#findbus_list .container > a b.hire { display:inline-block; background:#41c24a; color:#fff; width:50px; border-radius:6px; text-align:center; line-height:30px; position:absolute; top:50%; transform:translateY(-50%); right:70px; } 
#findbus_list .container > a span.del { display:inline-block; background:#555; color:#fff; width:50px; border-radius:6px; text-align:center; line-height:30px; position:absolute; top:50%; transform:translateY(-50%); right:15px; z-index:1; } 
#findbus_list .container > a span.bull { position:absolute; width:100%; height:100%; background:rgb(0, 0, 0, 30%); text-align:center; left:0; top: 0; border-radius:10px; color:#fff; line-height:100px; font-size:17px; font-weight:bold; } 

@media (max-width: 374px) { 
 #findbus_list .container > a { padding-right: 20px; padding-bottom: 50px; } 
 #findbus_list .container > a > div:first-of-type { bottom: 50px; } 
 #findbus_list .container > a b.on { top: unset; transform: unset; bottom: 15px; } 
 #findbus_list .container > a span.del { top: unset; transform: unset; bottom: 15px; } 
 } 
@media screen (min-width:100px) and (max-width:200px) { 
 #findbus_list.resize .container > a { transform: scale(.8); } 
 } 





/* 17 - findbus_detail(버스일자리정보 - 상세내역) */
#findbus_detail { padding-top:5%; } 
#findbus_detail .container { background:#fff; border-radius:10px; box-sizing:border-box; padding:20px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); margin-bottom:20px; } 
#findbus_detail .container dl { margin-bottom:13px; line-height:1; } 
#findbus_detail .container dl:last-of-type { margin-bottom:0; } 
#findbus_detail .container dl::after { content: ''; display:block; visibility:hidden; clear:both; } 
#findbus_detail .container dl dt { float:left; line-height:1; width:35%; } 
#findbus_detail .container dl dd { float:right; line-height:1; width:65%; } 
#findbus_detail .container dl dt p { line-height:1; text-align:left; } 
#findbus_detail .container dl dd b { line-height:1; margin-bottom:0; text-align:right; } 
#findbus_detail .container dl:last-of-type dd { width:50%; } 
#findbus_detail .container dl:last-of-type dd b { line-height:1.4em; word-break:keep-all; } 
#findbus_detail ul.btn2 { margin:20px auto; width:90%; } 


/* 17 - findjob_filter(버스일자리정보 - 필터링) */
#findjob_filter .container { padding-top:30px; } 
#findjob_filter input[type="text"] { margin-bottom:10px; text-align:center; } 
#findjob_filter ul.btn2 { margin:0 auto 20px; } 
#findjob_filter select { text-align:center; margin-bottom:20px; } 

#findjob_filter .modal-con { display:none; position:fixed; top:calc(50% - 40px); left:50%; transform: translate(-50%,-50%); width:84%; background:#f6f6f6; z-index:1; border-radius:10px; box-sizing:border-box; padding:40px 0; } 
#findjob_filter .modal-con .con { position:relative; } 
#findjob_filter .modal-con .con span { display:block; margin-bottom:40px; color:#000; text-align:center; font-size:15px; font-weight:400; line-height:1; } 
#findjob_filter .modal-con .con ul { display: table; width: calc(100% - 40px); margin: 0 auto 40px; } 
#findjob_filter .modal-con .con ul::after { content: ''; display:block; visibility:hidden; clear:both; } 
#findjob_filter .modal-con .con ul li { float:left; width:48%; margin-right:4%; text-align:center; color:#aaa; background:#fff; border-radius:10px; box-shadow:2px 2px 10px rgb(0 0 0 / 10%); margin-bottom:10px; } 
#findjob_filter .modal-con .con ul li:nth-of-type(2n) { margin-right:0; } 
#findjob_filter .modal-con .con ul li .chk_box label { background-position:10px center; line-height:45px; border: 1px solid transparent; border-radius:10px; } 
#findjob_filter .modal-con .con ul li .chk_box input[type="checkbox"]:checked + label { border-color:#5384ed; } 

#findjob_filter .modal-con .con .user_provision .allchk_box label { background:url(../img/ico_checkoff.png) left 12px center no-repeat; background-size:20px; font-size:14px; line-height:45px; } 
#findjob_filter .modal-con .con .user_provision .allchk_box input[type="checkbox"]:checked + label { background:url(../img/ico_checkon.png) left 12px center no-repeat; background-size:20px; } 
#findjob_filter .modal-con a.navy { position:absolute; bottom:0; left:0; border-radius:0 0 10px 10px; } 
#findjob_filter .modal-con .close { display:block; position:absolute; width:20px; height:20px; right:0; top:-40px; } 
#findjob_filter .modal-con .close img { display:block; width:100%; } 
#findjob_filter .modal-con .con ul.date { margin-bottom:40px; } 
#findjob_filter .modal-con .con ul.date::after { content: ''; display:block; visibility:hidden; clear:both; } 
#findjob_filter .modal-con .con ul.date li { float:left; width:48%; margin-right:4%; margin-bottom:4%; } 
#findjob_filter .modal-con .con ul.date li:nth-of-type(2n) { margin-right:0; } 
#findjob_filter .modal-con .con ul.date li:last-of-type { margin-bottom:0; } 
#findjob_filter .modal-con .con ul.date li .user_provision label { width:100%; text-align:center; line-height:45px; font-size:14px; color:#666; background:#fff url("../img/ico_checkoff.png") left 13px center no-repeat; background-size:20px auto; border-radius:10px; border:1px solid #fff; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); box-sizing:border-box; } 
#findjob_filter .modal-con .con ul.date li .chk_box { position:relative; } 
#findjob_filter .modal-con .con ul.date li .chk_box input[type="radio"]:checked + label { background:#fff url("../img/ico_checkon.png") left 13px center no-repeat; background-size:20px auto; border-color:#5384ed; color:#5384ed; font-weight:bold; } 




/**************************************************************
***************************************************************
************************* LANDING *****************************
***************************************************************
**************************************************************/ 


/*달력*/
#ui-datepicker-div { max-width: 320px; left: 50% !important; transform: translateX(-50%); width: 100%; margin-left: 220px; } 



.wrap_box { max-width:1200px; margin:0 auto; position:relative; width:100%; } 
.wrap_box::after { content:''; display:block; visibility:hidden; clear:both; } 

a.land_btn { display:inline-block; border-radius:15px; padding:0 30px; background:#5384ed; transition:all .2s ease-out; } 
a.land_btn:hover { background:#254ea6; } 
a.land_btn > span { display:block; font-size:18px; color:#fff; line-height:60px; padding-right:23px; background:url('../img/land_btn.png')no-repeat right center; background-size:8px; } 


#land_sec0 { background-color: #1b5990; } 
#land_sec0 .wrap_box .top { padding-top:60px; margin-bottom:30px; } 
#land_sec0 .wrap_box .top::after { content:''; display:block; visibility:hidden; clear:both; } 
#land_sec0 .wrap_box .top h1 { float:left; } 
#land_sec0 .wrap_box .top h1 a { display:inline-block; max-width:215px; } 
#land_sec0 .wrap_box .top h1 a img { display:block; width:100%; } 
#land_sec0 .wrap_box .top ul.my { float:right; margin-top:7px; } 
#land_sec0 .wrap_box .top ul.my::after { content:''; display:block; visibility:hidden; clear:both; } 
#land_sec0 .wrap_box .top ul.my li { float:left; } 
#land_sec0 .wrap_box .top ul.my li a { display:block; color:#6597ba; font-size:16px; text-align:center; } 
#land_sec0 .wrap_box .top ul.my li a.logout { margin-right:0 !important; position:absolute; right:0; top:30px; } 
#land_sec0 .wrap_box .top ul.my li a span { display:block; font-size:14px; text-align:center; } 
#land_sec0 .wrap_box .top ul.my li:first-of-type { margin-top:5px; } 
#land_sec0 .wrap_box .top ul.my li:first-of-type a,
#land_sec0 .wrap_box .top ul.my li:nth-of-type(2) a { margin-right:15px; } 
#land_sec0 .wrap_box .top ul.my li:nth-of-type(2),
#land_sec0 .wrap_box .top ul.my li:nth-of-type(3) { margin-top:10px; } 
#land_sec0 .wrap_box .top ul.my li:nth-of-type(2) a,
#land_sec0 .wrap_box .top ul.my li:nth-of-type(3) a { line-height:16px; position:relative; margin-left:15px; } 
#land_sec0 .wrap_box .top ul.my li:nth-of-type(2) a::before,
#land_sec0 .wrap_box .top ul.my li:nth-of-type(3) a::before { content:''; display:block; position:absolute; top:0; left:-15px; background:#6597ba; height:100%; width:1px; } 
#land_sec0 .wrap_box .top ul.my li:nth-of-type(4) { margin-left:40px; margin-right:30px; } 
#land_sec0 .wrap_box .top ul.my li:last-of-type { padding-right:6px; position:relative; margin-left:33px; } 
#land_sec0 .wrap_box .top ul.my li .new::after { content:''; display:block; width:8px; height:8px; border-radius:50%; position:absolute; right:0; top:0; background:#e30000; } 

#land_sec1 { background:url("../img/pcsec1_bg.jpg")no-repeat center; background-size:cover; max-height:670px; } 
#land_sec1 .wrap_box { max-width:1350px; margin-left:350px; } 
#land_sec1 .wrap_box .left { float:left; margin-left:-120px; position: relative; } 
#land_sec1 .wrap_box .left img.pc { display:block; width:100%; } 
#land_sec1 .wrap_box .left img.mo { display:none; } 
#land_sec1 .wrap_box .left iframe { position:absolute; top:25%; left:30%; width:48%; height: 60%; max-height: 60%; } 
#land_sec1 .wrap_box .right { float:left; } 
#land_sec1 .wrap_box .right > img { display:block; margin-top:110px; margin-bottom:35px; } 
#land_sec1 .wrap_box .right ul::after { content:''; display:block; visibility:hidden; clear:both; } 
#land_sec1 .wrap_box .right ul { margin-left:-22px; } 
#land_sec1 .wrap_box .right ul li { float:left; } 
#land_sec1 .wrap_box .right ul li img { display:block; } 

#land_sec7 { padding: 50px 0; background:url("../img/pcsec7_bg.jpg")no-repeat bottom center; background-size:cover; } 
#land_sec7 .wrap_box { max-width:1240px; margin: 0 auto; display: flex; align-items: flex-start; padding: 0 20px; } 
#land_sec7 .wrap_box .pc { margin-top: 65px; }
#land_sec7 .wrap_box .mo { display: none; }
#land_sec7 .wrap_box .bg-white { background-color: #fff; margin-left: auto; width: 700px; height: 455px; padding: 20px 30px; border-radius: 10px; display: flex; flex-direction: column; gap: 30px; } 
#land_sec7 .wrap_box .bg-white .t1 { display: flex; align-items: center; justify-content: space-between; } 
#land_sec7 .wrap_box .bg-white .t1 .tit { font-size: 26px; color: #1b5990; font-weight: bold; } 
#land_sec7 .wrap_box .bg-white .t1 .check { display: flex; align-items: center; padding: 8px; border-radius: 6px; background-color: #f4f4f4; gap: 10px; } 
#land_sec7 .wrap_box .bg-white .t1 .check a { display: flex; align-items: center; justify-content: center; height: 44px; padding: 0 20px; border-radius: 6px; font-size: 16px; color: #a4b0bf; font-weight: 700; } 
#land_sec7 .wrap_box .bg-white .t1 .check .active { background-color: #fff; border: 1px solid #5384ed; color: #5384ed; } 
#land_sec7 .wrap_box .bg-white .row-14 { display: flex; flex-direction: column; gap: 14px; } 
#land_sec7 .wrap_box .bg-white .column-10 { display: flex; align-items: center; gap: 10px; } 
#land_sec7 .wrap_box .bg-white input { border: 1px solid #e5e5e5; box-shadow: unset; border-radius: 6px; height: 48px; font-size: 15px; padding: 0 12px; width: 100%; } 
#land_sec7 .wrap_box .bg-white input::placeholder { color: #b2b2b2; } 
#land_sec7 .wrap_box .bg-white input:not(.full-width) { max-width: 120px; } 
#land_sec7 .wrap_box .bg-white label { min-width: 120px; font-size: 16px; font-weight: 500; text-align: center; display: block; } 
#land_sec7 .wrap_box .bg-white .column-10 > select { border: 1px solid #e5e5e5; border-radius: 6px; height: 48px; font-size: 15px; padding: 0 14px; width: 100%; color: #555; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url('../img/Untitled-4.png') no-repeat right 14px center; box-shadow: unset; } 
#land_sec7 .wrap_box .bg-white .end-between { display: flex; align-items: flex-end; justify-content: space-between; } 
#land_sec7 .wrap_box .bg-white textarea { display: block; resize: none; height: 75px; width: 100%; max-width: 380px; padding: 15px; font-size: 15px; border: 1px solid #e5e5e5; box-shadow: unset; border-radius: 6px; } 
#land_sec7 .wrap_box .bg-white textarea::placeholder { color: #b2b2b2; } 
#land_sec7 .wrap_box .bg-white button { display: flex; align-items: center; justify-content: center; gap: 16px; font-size: 18px; font-weight: bold; color: #fff; background-color: #5384ed; border-radius: 20px; height: 60px; width: 186px; border: 0; } 

@media (max-width:768px) { 
 #land_sec0,
 #land_sec1,
 #land_sec2 { max-height:unset; } 
 #land_sec0 .wrap_box .top { padding:15px 15px 0; position:relative; } 
 #land_sec0 .wrap_box .top h1 a { max-width:145px; margin-top:30px; } 
 #land_sec0 .wrap_box .top ul.my li:nth-of-type(2),
 #land_sec0 .wrap_box .top ul.my li:nth-of-type(3) { margin-top: 0; } 
 #land_sec0 .wrap_box .top ul.my li a { font-size:13px; } 
 #land_sec0 .wrap_box .top ul.my li a span { font-size:12px; } 
 #land_sec0 .wrap_box .top ul.my li a.logout { position:relative; } 
 #land_sec0 .wrap_box .top ul.my li:first-of-type a { position:absolute; top:15px; right:127px; margin-right:0; line-height:1; } 
 #land_sec0 .wrap_box .top ul.my li a.logout { right:15px; } 
 #land_sec0 .wrap_box .top ul.my li:nth-of-type(2) a { position:absolute; right:50px; top:15px; margin-top:0; line-height:1; margin-left:0; } 
 #land_sec0 .wrap_box .top ul.my li:nth-of-type(3) a { position:absolute; right:15px; top:15px; margin-top:0; line-height:1; margin-left:0; } 
 #land_sec0 .wrap_box .top ul.my li:nth-of-type(2) a::before { left:-6px; } 
 #land_sec0 .wrap_box .top ul.my li:nth-of-type(3) a::before { left:-6px; } 
 #land_sec0 .wrap_box .top ul.my li a img { max-width:20px; } 
 #land_sec0 .wrap_box .top ul.my li:nth-of-type(4) { margin-left:0; margin-right:10px; margin-top:20px; } 
 #land_sec0 .wrap_box .top ul.my li:nth-of-type(5) { margin-top:20px; } 
 #land_sec0 .wrap_box .top ul.my li:last-of-type { margin-top:20px; margin-left:10px; } 

 #land_sec1 .wrap_box .left iframe { width: 80%; left: 12%; top: 25%; } 
 #land_sec1 .wrap_box .left::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } 

 #land_sec7 { padding: 30px 15px 20px; background:#e4f3fb; } 
/*   #land_sec7 { padding: 30px 15px 100px; background:#e4f3fb url("../img/mosec7_bg.png")no-repeat bottom right; background-size:100%; }  */
 #land_sec7 .wrap_box { flex-direction: column; gap: 20px; padding: 0; } 
 #land_sec7 .wrap_box .pc { display: none; } 
 #land_sec7 .wrap_box .mo { display: block; max-width: 285px; margin: 0 auto; } 
 #land_sec7 .wrap_box .bg-white { width: 100%; height: auto; padding: 20px 15px 15px; gap: 10px; } 
 #land_sec7 .wrap_box .bg-white .t1 { flex-direction: column; gap: 15px; width: 100%; align-items: flex-start; } 
 #land_sec7 .wrap_box .bg-white .t1 .tit { font-size: 18px; } 
 #land_sec7 .wrap_box .bg-white .t1 .check { width: 100%; padding: 6px; } 
 #land_sec7 .wrap_box .bg-white .t1 .check a { height: 40px; padding: 0 10px; font-size: 14px; width: 100%; } 
 #land_sec7 .wrap_box .bg-white .row-14 { gap: 10px; } 
 #land_sec7 .wrap_box .bg-white .row-14 > .column-10:first-of-type { flex-wrap: wrap; } 
 #land_sec7 .wrap_box .bg-white .row-14 > .column-10:first-of-type input { width: calc(33.333% - 20px / 3); } 
 #land_sec7 .wrap_box .bg-white .row-14 > .column-10:first-of-type input:first-of-type,
 #land_sec7 .wrap_box .bg-white .row-14 > .column-10:first-of-type input:nth-of-type(2) { width: calc(50% - 5px); } 
 #land_sec7 .wrap_box .bg-white input { border-radius: 3px; height: 45px; font-size: 13px; } 
 #land_sec7 .wrap_box .bg-white input:not(.full-width) { max-width: unset; } 
 #land_sec7 .wrap_box .bg-white label { min-width: 50px; font-size: 13px; text-align: left; } 
 #land_sec7 .wrap_box .bg-white .column-10 > select { border-radius: 3px; height: 45px; font-size: 13px; padding: 0 12px; background: url('../img/Untitled-4.png') no-repeat right 8px center; background-size: 12px; } 
 #land_sec7 .wrap_box .bg-white .end-between { flex-direction: column; gap: 10px; } 
 #land_sec7 .wrap_box .bg-white textarea { height: 70px; width: 100%; max-width: unset; font-size: 13px; border-radius: 3px; } 
 #land_sec7 .wrap_box .bg-white button { font-size: 14px; border-radius: 10px; height: 45px; width: 100%; gap: 10px; } 
 #land_sec7 .wrap_box .bg-white button img { max-width: 7px; } 

 /*달력*/
 #ui-datepicker-div { max-width: 80%; left: 10% !important; transform: unset; width: 100%; margin-left: 0; } 

 } 
#land_sec2 { max-height:710px; background-color:#fff; } 
#land_sec2 .wrap_box { clear:both; } 
#land_sec2 .wrap_box .left { float:left; width:50%; } 
#land_sec2 .wrap_box .left p { color:#1b6087; font-size:46px; line-height:1.2em; margin-top:100px; letter-spacing: -0.025em; } 
#land_sec2 .wrap_box .left > span { display:block; font-size:18px; color:#888; margin-top:40px; margin-bottom:40px; line-height:1.4em; } 
#land_sec2 .wrap_box .right { float:left; width:50%; overflow:hidden; } 
#land_sec2 .wrap_box .right img { display:block; margin-bottom:20px; } 
#land_sec2 .wrap_box .right img:first-of-type { margin-top:10px; } 
#land_sec2 .wrap_box .right img:nth-of-type(2n) { float:right; } 
#land_sec2 .wrap_box .right img:last-of-type { margin-top:0; } 

#land_sec3 { background:url('../img/pcsec3_bg.jpg')no-repeat center; background-size:cover; } 
#land_sec3 .wrap_box { clear:both; max-width:1250px; padding-bottom:35px; } 
#land_sec3 .wrap_box p { margin-left:25px; color:#092f45; font-size:46px; line-height:1.2em; padding-top:70px; } 
#land_sec3 .wrap_box p > span { display:inline-block; padding-right:30px; background:url('../img/pcsec3_ico.png')no-repeat right center; } 
#land_sec3 .wrap_box > span { margin-left:25px; display:block; font-size:18px; color:#6a6a6a; margin-top:40px; margin-bottom:40px; line-height:1.4em; } 
#land_sec3 .wrap_box a.land_btn { margin-left:25px; margin-bottom:40px; } 
#land_sec3 .wrap_box ul::after { content:''; display:block; visibility:hidden; clear:both; } 
#land_sec3 .wrap_box ul.mo { display:none; } 
#land_sec3 .wrap_box ul li { float:left; } 


#land_sec4 { padding:120px 0 100px; background-color:#fff; } 
#land_sec4 .wrap_box { background:url('../img/title_bg.png')no-repeat center top 45px; } 




#land_sec4 .wrap_box > b { display:block; font-size:42px; color:#3a1b00; margin-bottom:50px; text-align:center; } 

#land_sec4 .wrap_box .tab_wrap { position: relative; margin-bottom:105px; } 
#land_sec4 .wrap_box .tabList { overflow: hidden; display:table; margin:0 auto; } 
#land_sec4 .wrap_box .tabList:after { content: ""; display: table; clear: both; } 
#land_sec4 .wrap_box .tabList li { display: block; float: left; /*width:25%; */ font-size:20px; padding:0 15px 13px 15px; border-bottom:2px solid #eee; text-align: center; color:#888; cursor: pointer; -webkit-transition: background-color 150ms ease-in-out; transition: background-color 150ms ease-in-out; } 
#land_sec4 .wrap_box .tabList li:first-of-type { padding-left:0; } 
#land_sec4 .wrap_box .tabList li:last-of-type { padding-right:0; } 
#land_sec4 .wrap_box .tabList li.on { border-bottom-color:#5384ed; } 
#land_sec4 .wrap_box .tabList li.on a { color:#5384ed; } 
#land_sec4 .wrap_box .tabGroup li div > p { clear:both; color:#000; font-size:70px; margin-bottom:20px; text-align:center; margin-top:45px; font-weight:300; line-height:1; } 
#land_sec4 .wrap_box .tabGroup li div > p b { font-weight:500; } 
#land_sec4 .wrap_box .tabGroup li div > span { display:block; color:#a9a9a9; font-size:15px; margin-bottom:100px; text-align:center; } 
#land_sec4 .wrap_box .tabGroup li { position:absolute; display: none; width:100%; } 
#land_sec4 .wrap_box .tabGroup li:first-child { display: block; } 






#land_sec4 .wrap_box .slide_box { background:url('../img/pcsec4_bg.jpg')no-repeat center; background-size:cover; padding:100px; padding-right:40px; border-radius:50px; box-sizing:border-box; overflow:hidden; } 
#land_sec4 .wrap_box .slide_box .left { float:left; width:34%; } 
#land_sec4 .wrap_box .slide_box .left p { color:#fff; font-size:32px; line-height:1.2em; } 
#land_sec4 .wrap_box .slide_box .left p b { font-size:46px; display:block; line-height:1.2em; } 
#land_sec4 .wrap_box .slide_box .left p b span { display:inline-block; padding-right:25px; background:url(../img/pcsec4_ico.png)no-repeat right center; background-size:20px; margin-right:3px; } 
#land_sec4 .wrap_box .slide_box .left > span { display:block; font-size:18px; color:#bcd7ef; margin-top:40px; line-height:1.4em; } 
#land_sec4 .wrap_box .slide_box .right { float:left; width:66%; margin-top:35px; } 
#land_sec4 .wrap_box .slide_box .right .draggable { overflow:hidden; height:130px; } 


#land_sec5 { background:#f7fafb; padding:130px 0 65px; } 
#land_sec5 .wrap_box { max-width:1250px; } 
#land_sec5 .wrap_box > p { font-size:46px; color:#1b6087; margin-bottom:50px; margin-left:25px; font-weight: 500; letter-spacing: -0.025em; } 
#land_sec5 .slick-prev { cursor:pointer; text-indent:-9999px; background:url('../img/pcsec5_prev.png')no-repeat center; background-size:contain; top:50%; transform:translateY(-50%); left:-60px; position: absolute; width:60px; height:60px; border:0; } 
#land_sec5 .slick-next { cursor:pointer; text-indent:-9999px; background:url('../img/pcsec5_next.png')no-repeat center; background-size:contain; top:50%; transform:translateY(-50%); right:-60px; position: absolute; width:60px; height:60px; border:0; } 
#land_sec5 .autoplay { } 
#land_sec5 .autoplay .slick-slide { background-color:#fff; border-radius:40px; padding:50px 30px 40px; margin: 0 25px 20px; box-shadow: 3px 4px 30px rgb(83 132 237 / 5%); } 
#land_sec5 .autoplay .slick-slide .star { margin-bottom:25px; } 
#land_sec5 .autoplay .slick-slide img { display:inline-block; margin-right:2px; } 
#land_sec5 .autoplay .slick-slide p { font-size:16px; font-size:15px; color:#444; max-height:75px; min-height:75px; margin-bottom:15px; line-height:1.2em; overflow: hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; word-break:keep-all; } 
#land_sec5 .autoplay .slick-slide span { display:block; color:#999; font-size:15px; } 


#land_sec6 { background:#5384ed; } 
#land_sec6 .wrap_box { padding:110px 0 100px; background:url('../img/pcsec6_bg.jpg')no-repeat right center; background-size:680px; } 
#land_sec6 .wrap_box p { font-size:30px; color:#fff; line-height:1; margin-bottom:50px; text-align:center; } 
#land_sec6 .wrap_box p br { display:none; } 
#land_sec6 .wrap_box p b span { display:inline-block; padding-right:20px; background:url('../img/pcsec4_ico.png')no-repeat right center; background-size:14px; margin-right:3px; } 
#land_sec6 .wrap_box ul { display:table; margin:0 auto; } 
#land_sec6 .wrap_box ul::after { content:''; display:block; visibility:hidden; clear:both; } 
#land_sec6 .wrap_box ul li { float:left; } 
#land_sec6 .wrap_box ul li:first-of-type { margin-right:30px; } 
#land_sec6 .wrap_box ul li a { display:block; } 

footer#land_footer { padding:35px 0; background:#e2e2e2; } 
footer#land_footer .wrap_box { text-align:center; } 
footer#land_footer a { display:inline-block; color:#666; font-weight:bold; font-size:16px; } 
footer#land_footer span { display:inline-block; color:#555; margin-left:15px; font-size:16px; } 
footer#land_footer p { font-size:15px; color:#999; margin-top:5px; } 

#land_sec1 .wrap_box .section0 { opacity: 0; transition: all 1s; position: relative; left:-100px; } 
#land_sec1 .wrap_box .section0.active { opacity: 1; left: 0; } 
#land_sec1 .wrap_box .section1 { opacity: 0; transition: all 1s; position: relative; top:50px; transition-delay:.3s; } 
#land_sec1 .wrap_box .section1.active { opacity: 1; top: 0; } 
#land_sec1 .wrap_box .section2 { opacity: 0; transition: all 1s; position: relative; top:30px; transition-delay:.6s; } 
#land_sec1 .wrap_box .section2.active { opacity: 1; top: 0; } 
#land_sec1 .wrap_box .section3 { opacity: 0; transition: all 1s; position: relative; top:30px; transition-delay:.8s; } 
#land_sec1 .wrap_box .section3.active { opacity: 1; top: 0; } 

#land_sec2 .wrap_box .section4 { opacity: 0; transition: all 1s; position: relative; top:50px; } 
#land_sec2 .wrap_box .section4.active { opacity: 1; top: 0; } 
#land_sec2 .wrap_box .section5 { opacity: 0; transition: all 1s; position: relative; top:50px; transition-delay:.2s; } 
#land_sec2 .wrap_box .section5.active { opacity: 1; top: 0; } 
#land_sec2 .wrap_box .section6 { opacity: 0; transition: all 1s; position: relative; top:50px; transition-delay:.4s; } 
#land_sec2 .wrap_box .section6.active { opacity: 1; top: 0; } 
#land_sec2 .wrap_box .section7 { opacity: 0; transition: all 1s; position: relative; } 
#land_sec2 .wrap_box .section7.active { opacity: 1; } 
#land_sec2 .wrap_box .section8 { opacity: 0; transition: all 1s; position: relative; transition-delay:.2s; } 
#land_sec2 .wrap_box .section8.active { opacity: 1; } 
#land_sec2 .wrap_box .section9 { opacity: 0; transition: all 1s; position: relative; transition-delay:.4s; } 
#land_sec2 .wrap_box .section9.active { opacity: 1; } 
#land_sec2 .wrap_box .section10 { opacity: 0; transition: all 1s; position: relative; transition-delay:.6s; } 
#land_sec2 .wrap_box .section10.active { opacity: 1; } 

#land_sec3 .wrap_box .section11 { opacity: 0; transition: all 1s; position: relative; top:50px; letter-spacing: -0.025em; } 
#land_sec3 .wrap_box .section11.active { opacity: 1; top: 0; } 
#land_sec3 .wrap_box .section12 { opacity: 0; transition: all 1s; position: relative; top:50px; transition-delay:.2s; } 
#land_sec3 .wrap_box .section12.active { opacity: 1; top: 0; } 
#land_sec3 .wrap_box .section13 { opacity: 0; transition: all 1s; position: relative; top:50px; transition-delay:.4s; } 
#land_sec3 .wrap_box .section13.active { opacity: 1; top: 0; } 

#land_sec3 .wrap_box .section14 { opacity: 0; transition: all 1s; position: relative; top:50px; transition-delay:.6s; } 
#land_sec3 .wrap_box .section14.active { opacity: 1; top: 0; } 

#land_wrapper .land-modal { display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:630px; background:#f0f0f0; z-index:2; border-radius:75px; box-sizing:border-box; overflow:hidden; } 
#land_wrapper .land-modal .box { position:relative; padding:60px 50px; text-align:center; } 
#land_wrapper .land-modal .box p { font-weight:bold; font-size:30px; text-align:center; padding-left:50px; line-height:36px; display:inline-block; margin-bottom:40px; background:url('../img/land_title.png')no-repeat left center; background-size:36px; } 
#land_wrapper .land-modal .box a { display:block; text-align:left; font-size:20px; padding:25px 25px 25px 40px; position:relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); margin-bottom:15px; overflow:hidden; border-radius:15px; background:#fff url('../img/land_arrow.png')no-repeat right 25px center; } 
#land_wrapper .land-modal .box a:last-of-type { margin-bottom:0; } 
#land_wrapper .land-modal .box a::before { content:''; display:block; position:absolute; height:100%; background:#1b5990; width:7px; left:0; top:0; } 
#land_wrapper .land-modal .close { display:block; position:absolute; width:24px; height:24px; right:50px; top:40px; z-index:1; } 
#land_wrapper .land-modal .close img { display:block; width:100%; } 

#land_wrapper .land-modal1 { display:none; position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); width:630px; background:#f0f0f0; z-index:2; border-radius:75px; box-sizing:border-box; overflow:hidden; } 
#land_wrapper .land-modal1 .box { position:relative; padding:60px 50px; text-align:center; } 
#land_wrapper .land-modal1 .box p { font-weight:bold; font-size:30px; text-align:center; padding-left:50px; line-height:36px; display:inline-block; margin-bottom:40px; background:url('../img/land_title.png')no-repeat left center; background-size:36px; } 
#land_wrapper .land-modal1 .box a { display:block; text-align:left; font-size:20px; padding:25px 25px 25px 40px; position:relative; box-shadow: 0px 5px 10px 0px rgb(0 0 0 / 5%); margin-bottom:15px; overflow:hidden; border-radius:15px; background:#fff url('../img/land_arrow.png')no-repeat right 25px center; } 
#land_wrapper .land-modal1 .box a:last-of-type { margin-bottom:0; } 
#land_wrapper .land-modal1 .box a::before { content:''; display:block; position:absolute; height:100%; background:#1b5990; width:7px; left:0; top:0; } 
#land_wrapper .land-modal1 .close { display:block; position:absolute; width:24px; height:24px; right:50px; top:40px; z-index:1; } 
#land_wrapper .land-modal1 .close img { display:block; width:100%; } 


#addr_view1,
#addr_view2 { display:none; } 
#addr_view1 ul,
#addr_view2 ul { background: #fff; border-radius:10px; box-shadow: 10px 10px 10px rgb(0 0 0 / 5%); max-height: 175px; overflow-y: scroll; margin-bottom: 10px; text-align:left; padding: 15px; margin-top:-9px; } 
#addr_view2 ul { margin-bottom:0; } 
#addr_view1 li,
#addr_view2 li { font-size:12px; margin-bottom:10px; position:relative; color:#999; } 
#addr_view1 li:last-of-type,
#addr_view2 li:last-of-type { margin-bottom:0; } 
#addr_view1 li::after { content:'출발'; font-size:12px; background:#5384ed; color:#fff; max-width:70px; position:absolute; right:0; top: 50%; transform:translateY(-50%); border-radius:5px; line-height:1.4; padding:3px 7px; border-radius:5px; } 
#addr_view1 li span ,
#addr_view2 li span { font-size:14px; font-weight:500; color:#222; } 
#addr_view2 li::after { content:'도착'; font-size:12px; background:#5384ed; color:#fff; max-width:70px; position:absolute; right:0; top: 50%; transform:translateY(-50%); border-radius:5px; line-height:1.4; padding:3px 7px; border-radius:5px; } 



/* 메인모바일 */
.vertical { position:relative; } 
.vertical::before { content:''; display:block; position:absolute; left:0; top:0; height:50px; width:100%; background:#fff; } 
.vertical .tag_box { padding:0 5%; text-align:center; line-height:50px; color:#5384ed; font-size:14px; font-weight:500; background:#fff; max-width:600px; margin:0 auto; position:relative; } 
.vertical .container { padding:5% 0; } 
.vertical .container .item { display:block; background:#fff; border-radius:10px; box-sizing:border-box; padding:20px 13px; margin-bottom:10px; position:relative; } 
.vertical .container .item.comp::after { content:'진행완료'; position:absolute; width:100%; height:100%; text-align:center; left:0; top: 0; border-radius:10px; color:#fff; line-height:100px; font-size:17px; font-weight:bold; background:rgb(0,0,0); background: transparent\9; background:rgba(0,0,0,0.3); filter:rogid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000); zoom: 1; } 
.vertical .container .item:last-of-type { margin-bottom:0; } 
.vertical .container .item p { display:inline-block; margin-right:10px; padding-right:10px; border-right:1px solid #c9c9c9; line-height:1; color:#888; } 
.vertical .container .item > div p:last-of-type { margin-right:0; border-right:0; padding-right:0; } 
.vertical .container .item span.info { font-size:12px; line-height:1; display:block; color:#888; } 
.vertical .container .item span.cate { width:65px; height:28px; color:#000; display:inline-block; line-height:28px; text-align:center; font-size:12px; background:#ffc001; border-radius:5px; font-weight:bold; } 
.vertical .container .item span.dis { width:65px; height:28px; color:#000; display:block; line-height:28px; text-align:center; font-size:12px; background:#fee92e; border-radius:5px; margin-top:5px; } 
.vertical .container .item b.bold { position:absolute; top: 20px; left:90px; line-height: 1.2em; max-width:55%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; display:block; } 
.vertical .container .item > div { position:absolute; bottom:20px; left:90px; } 
.vertical .container .item > b.on { position:absolute; background:#5384ed; color:#fff; max-width:50px; width:100%; border-radius:5px; text-align:center; line-height:30px; top: 50%; right:13px; transform:translateY(-50%); } 
.vertical .container .item > b.off { position:absolute; background:#cecece; color:#fff; max-width:50px; width:100%; border-radius:5px; text-align:center; line-height:30px; top: 50%; right:13px; transform:translateY(-50%); } 
@media (max-width: 375px) { 
 .vertical .container .item { padding-right: 20px; padding-bottom: 50px; } 
 .vertical .container .item > div:first-of-type { bottom: 50px; } 
 .vertical .container .item b.on { top: unset; transform: unset; bottom: 15px; } 
 .vertical .container .item span.del { top: unset; transform: unset; bottom: 15px; } 
 } 
@media screen (min-width:100px) and (max-width:200px) { 
 .vertical.resize .container .item { transform: scale(.8); } 
 }