@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");

html,body {width:100%;height:100%;margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif; font-size:14px;}
header {position:fixed; width:100%; max-height:97px; border-bottom:2px solid #fa2626; margin:auto; background:#ffffff; z-index:10;}
#special8 i.fas {margin-bottom:10px; font-size:2em;}

:root{
--red-main:#c0000f; 
--bg-dark :#1e1e1e; 
--red-font:#ff2132;
--bg-grey :#f5f5f5;
}

.main_top,
.content1,
.content2 {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}
.main_top {width:100%; height:auto; background:#fff; text-align:center; display:inline-block; position:relative;}
.main_top .top_1 {width:100%; height:800px; margin:0 auto; background:url('/ja_data/edu/semi/labor25_2/top.png') no-repeat; background-position:center; background-size:auto;}
.main_top .title {width:1080px; margin:0 auto; text-align:center; position:relative;}
.main_top .title h2 {position:absolute; top:77px; left:118px; font-size:30px; font-weight:800; color:var(--red-main);}
.main_top .title h1 {display:inline-block; position:absolute; font-weight:900; font-size:100px;}
.main_top .title h1.red { top:180px; left:calc(49% - 423px);color:var(--red-main);}
.main_top .title h1.white { top:308px; right:calc(49% - 430px); color:#fff; }
.main_top .top_2 {width:100%; height:260px; margin-top:-360px; padding-top:100px; color:#fff; background:linear-gradient(to top, rgba(30, 30, 30, 1) 0%, rgba(30,30,30,0.7) 50%, rgba(30,30,30,0) 90%, rgba(30,30,30,0) 100%);}
.main_top .top_2 h3 {font-size:2.85em; font-weight:900;}
.main_top .top_2 h4 {margin:2em auto 4em; font-size:1.3em; font-weight:400;}
.main_top .top_2 button {padding:.8em 2.4em; font-size:1.7em; color:#fff; font-weight:400; border-radius:5px; background:var(--red-main); cursor:pointer}
.main_top .top_2 button p,
#btn_bar p {width:40px; height:20px; display:inline-block; background:url('/ja_data/edu/semi/labor25_2/click.png') no-repeat; background-position:6px 5px}
#btn_bar {width:950px; position:fixed; z-index:10; left:calc(50% - 475px);bottom:50px; display:none}
#btn_bar button {width:100%;padding:.8em 2.4em; font-size:1.7em; color:#fff; font-weight:400; border-radius:5px; background:var(--red-font); cursor:pointer}

.content1 {width:100%; padding:15em 0 7em;background:var(--bg-dark); color:#fff;}
.benefit {width:1080px; margin:0 auto; padding:5em 0 3em}
.content1 .benefit .tit1 {color:var(--red-font); text-align:center; font-weight:600; font-size:1.4em;}
.content1 .benefit h2 {margin:.5em auto 1.2em; text-align:center; font-size:2.85em; font-weight:900;}
.content1 .benefit dl {width:950px; margin:0 auto; display:flex; justify-content:space-between; align-items:flex-start}
.content1 .benefit dt {width:60%; position:relative}
.content1 .benefit dt .pen {position:absolute; top:100px; left:352px;}
.content1 .benefit dd {width:40%; margin-top:3em;}
.content1 .benefit dd p.tag {margin-bottom:1.4em; padding:.5em; display:inline-block; background:var(--red-font);}
.content1 .benefit dd h3 {font-size:2.15em; font-weight:700; line-height:1.5;}
.content1 .benefit dd h3 span {color:var(--red-font);}
.content2 {width:100%; padding-top:5em; background:var(--bg-grey); color:#222; text-align:center}
.content2 .tit1 {margin-top:2em; padding:.5em; color:#fff; display:inline-block; background:var(--red-font);}
.content2 .benefit h2 {margin:.5em auto; text-align:center; font-size:2.85em; font-weight:900;}
.content2 .labor h3 {margin:3em auto 2em; font-size:2em; font-weight:900;}
.content2 .labor .img_box {width:840px; height:320px; margin:0 auto; }
.content2 .labor .txt {margin:2em auto; font-size:1.4em; font-weight:400; color:#444; line-height:1.6;}
.content2 .labor1 .img_box {background:url('/ja_data/edu/semi/labor25_2/sec2_bg_1.png') no-repeat; background-position:center; background-size:contain;}
.content2 .labor2 .img_box {background:url('/ja_data/edu/semi/labor25_2/sec2_bg_2.png') no-repeat; background-position:center; background-size:contain;}

.index-7{background:var(--bg-grey);position:relative; z-index:50;}
.index-7-1 {position:relative; width:1080px; margin:0 auto; text-align:center; padding:100px 0 20px;}
.index-7-1 h2 {font-size:45px; color:#222;}
.index-7-1 .box {width:900px; text-align: left; margin:45px auto; border:2px solid #05183A; display:flex; justify-content: space-between;}
.index-7-1 .box .txt {padding: 25px 20px;}
.index-7-1 .box .txt p {margin-bottom:10px; font-size:17px; line-height:1.5;}
.index-7-1 .box .txt p:last-child {margin-bottom:0px;}
.index-7-1 .box .txt p span {font-weight:bold;}
.index-7-1 .box .refunds_btn {width:250px; background:#05183A;}
.index-7-1 .refunds_btn {color:#fff; display:flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer;}
.index-7-1 .refunds_btn img {width:38px; margin-bottom:10px;}
.index-7-1 .refunds_btn p {font-size:20px;}
.index-7-1 .refunds_btn p:after {content: ""; display:block; height:2px; background:#fff;}

.index-7-2 {width:1080px; margin:0 auto; padding-bottom:100px;}
.index-7 .contact_form {width:900px; margin:0 auto;}
.index-7 .form-group {display:inline-block; margin-bottom:1.5em; vertical-align: middle;}
.index-7 .form-group label {margin-right:10px;}
.index-7 .form-group input {padding:10px; margin-right:10px; outline:0;}
.index-7 .input_btn {display:inline-block; padding:10px 20px; border-radius: 2px; color:#fff; background:#666; cursor:pointer;}
.index-7 .input_btn_2 {display:inline-block; padding:10px 20px; border-radius: 2px; color:#666; background:#f1f1f1; border:1px solid #666; cursor:pointer; font-weight:500;}
.index-7 .find_btn {margin-left:10px; padding:9px 20px;}
.col-md-12 {width:100%;}
.col-md-12 input {display:inline-block;}
.col-md-8 {width:49%;}
.col-md-8 input {width:65%;}
.w_290 {width:290px;}

.index-7 .bank {margin-top:1em;}
.index-7 .bank input.bank_upload_name {background:#fff; width:32%; padding:10px;}
.index-7 .bank label.bank_upload {margin-right: 0;}
.index-7 input[type="file"] {position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow: hidden; clip:rect(0,0,0,0); border:0;}
.index-7 .pass {width:100%; margin-bottom:1.5em; vertical-align: middle; display:flex;}
.index-7 .pass label.pass_basis {margin-right:10px; display:flex; justify-content: center; align-items: center;}
.index-7 .pass input.pass_upload_name {width:300px; margin-right:10px; padding:10px; background:#fff;}
.index-7 .pass label.pass_upload {margin-right: 0;}
.index-7 .pay label {margin-right:2em;}
.index-7 .pay input[type=radio] {vertical-align: middle; border: max(2px, 0.1em) solid gray; border-radius: 50%; width: 1.25em; height: 1.25em; transition: border 0.5s ease-in-out;}
.index-7 .pay input[type=radio]:checked {background: #fc5a22; border:2px solid #f5f5f5;}
.index-7 .pay input[type=radio]:focus-visible {outline-offset: max(2px, 0.1em); outline: max(2px, 0.1em) dotted #fc5a22;}
.index-7 .pay input[type=radio]:hover {box-shadow: 0 0 0 max(4px, 0.2em) lightgray; cursor: pointer;}

.index-7 .privacy {width:900px; margin:0 auto;}
.index-7 .privacy iframe {border:1px solid #dddddd; background:#fff; margin-top:20px;}
.privacy_in {padding:10px 0 30px 20px; box-sizing: border-box;}
.privacy_in .jo {font-weight:700;}
.privacy_in .ho {margin-top:15px; padding-left:10px; font-weight:500;}
.privacy_in .ho span {color:red;}
.privacy_in .jang {margin-left:20px; font-size:0.95em; line-height:1.4;}
.privacy_in .hang {margin-left:20px;}
.index-7 .privacy .agree_box {display:flex; justify-content: flex-end; padding:1em 0;}
.index-7 .agree_box input[type=checkbox] {display: none;}
.index-7 input[type=checkbox] + label{cursor: pointer; position: relative; padding-left: 25px; margin-right: 15px;}
.index-7 input[type=checkbox]+ label:before {content: "";  /* üũ¸ð¾ç */ display: inline-block; width: 20px; height: 20px; margin-right: 10px; position: absolute; left:-2px; top:-2px; bottom: 1px; background-color: #ccc; border-radius: 10px; background-image: url('/ja_data/edu/m/icon_set.png'); background-position:-100px 2px; background-size:172px 114px;}
.index-7 input[type=checkbox]:checked + label:before {content: "";  /* üũ¸ð¾ç */ background-image: url('/ja_data/edu/m/icon_set.png'); background-color:#fc5a22;}
.index-7 .refunds_btn_wrap {display:flex; justify-content: center; margin-top:2em;}
.index-7 .refunds_btn_wrap button {width:242px; height:70px; color:#fff; display:flex; justify-content: center; align-items: center; background:#05183A; font-size:20px; border-radius: 2px; cursor: pointer;}
.index-7 .refunds_btn_wrap a {width:242px; height:70px; border:1px solid #05183A; color:#05183A; margin-left:20px; display:flex; justify-content: center; align-items: center; font-size:20px; border-radius: 2px; cursor:pointer;}
.result {padding-top:.5em; padding-left:100px; position:absolute; color:red;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}

#footer {position:relative; z-index:100; line-height:1.7;}

/* ȯ±Þ¾È³»·¹À̾î */
.check_refund_txt {position:fixed; bottom:calc(50% - 360px); left:calc(50% - 250px); z-index: 99; background:#fff; border:1px solid #ccc; box-sizing: border-box;}
.check_refund_txt .top {text-align: right;}
.check_refund_txt .top p.close {width:20px; display:inline-block; padding:1em; cursor: pointer;}
.check_refund_txt .top p.close img {width:20px;}
.check_refund_txt .txt {padding:1em 2em 2em;}

/* ȯ±Þ½Åû·¹À̾î */
.refunds_popup {position:fixed;; bottom:calc(50% - 50px); left:calc(50% - 250px); z-index:99;}
.refunds_popup .txt {padding:1em; width:500px; background:#fff; border:1px solid #ccc;}
.refunds_popup .txt .tit {display:flex; justify-content: space-between; align-items: center;}
.refunds_popup .txt .tit h3 {font-size:1.4em;}
.refunds_popup .txt .tit p {padding:1em; cursor: pointer;}
.refunds_popup .txt .tit p img {width:20px;}
.refunds_popup .txt .content {margin-top:20px;}
.refunds_popup .txt .content label {width: 100%; margin-top:1em; display:block; font-weight:bold;}
.refunds_popup .txt .content label input {width:100%; padding:10px; outline:none; box-sizing: border-box; border:1px solid #ccc;}
.refunds_popup .txt .content label span {margin-bottom:10px; display:inline-block;}
.refunds_popup .rp_popup_btn {display:flex; justify-content: center; align-items: center; padding-top:2em;}
.refunds_popup .rp_popup_btn button {padding:10px 20px; border:1px solid #05183A; background:#fff; color:#05183A; font-size:1.2em; cursor: pointer;}
.refunds_popup .txt .content p {display:flex; justify-content: center; align-items: center; font-size:1.2em; color:#fc5a22;}


}