#pages_join {}

#pages_join h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 10px 0;margin:0 0 30px 0;border-bottom:#999999 solid 3px;}
#pages_join h3 {font-family:"malgun gothic",dotum;font-size:15px;padding:30px 0 10px 0;}
#pages_join .msg {padding:0 0 25px 20px;color:#1C5B8C;font-family:dotum;line-height:150%;}
#pages_join .msg span {font-size:11px;color:#ff0000;}

#pages_join table {width:100%;border-spacing:0px;border-collapse:collapse;letter-spacing:-1px;border-top:#E6E6E6 solid 1px;color:#888;}
#pages_join table caption {display:none;}
#pages_join table thead {display:none;}
#pages_join tbody td {padding:12px 0 12px 0;border-bottom:#E6E6E6 solid 1px;color:#888;}
#pages_join tbody td div {padding:7px 0 0 0;line-height:150%;}
#pages_join tbody td .remail {position:relative;top:-3px;left:-2px;color:#111;}
#pages_join tbody td .btn {margin:1px;}
#pages_join tbody td .hmsg {font-weight:bold;color:#ff0000;}
#pages_join tbody td .hmsg .ok {color:#0000ff;}
#pages_join tbody td .pw_q1 {width:400px;margin:1px;}
#pages_join tbody td .pw_q2 {width:395px;}
#pages_join .key {font-weight:bold;padding-left:20px;width:150px;color:#111;}
#pages_join .key span {font-weight:normal;font-size:12px;font-family:arial;color:#ff0000;padding:0 0 0 5px;}
#pages_join .submitbox {padding:40px 0 20px 0;text-align:center;}
#pages_join .submitbox input {height:30px;margin:0 2px 0 2px;padding:0 10px 0 10px;font-weight:bold;}


.joinbox {width:800px; margin:0 auto; margin-top:90px; min-height:600px; margin-bottom:100px;}

.joinibox {margin-top:40px;}

.jgt1 {font-size:16px; font-weight:normal; line-height:1.5; letter-spacing:-0.4px; color:#5a5a5a; }

.jgt2l {float:left; width:120px; margin-right:12px; font-size:14px; font-weight:300; line-height:1.71; letter-spacing:-0.7px; color:#1c1c1c;}
.jgt2l c {font-size:18px; letter-spacing:-0.9px; color:#e74b3b; margin-left:3px;}
.jgt2c {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt2c input {width:228.1px; height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt2b {font-size:14px; font-weight:100; line-height:1.71; letter-spacing:-0.7px; color:#fff; text-align:center; padding-top:6px; margin-right:10px;}
.jgt2b {float:left; width:111.05px; height:36px; background-color:#5a5a5a; }
.jgt2r {float:left; font-size:13px; font-weight:300; line-height:1.85; letter-spacing:-0.7px; color:#1c1c1c; padding-top:6px;}

.jgt2p {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt2p input {width:111.05px; height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.jgt2f {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c; margin-left:132px;}
.jgt2f input {width:510.22px; height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.jgt2t {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt2t input {height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.telw {width:111.1px; height:36px; border:1px solid #E5E5E5; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; background-color:#fff; color:#1c1c1c; padding-left:15px;}

.jgt2e {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt2e input {height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.jgt2s {float:left; font-size:13px; font-weight:300; line-height:1.38; letter-spacing:-0.7px; color:#1c1c1c; margin-left:132px;}

.jgt2v {float:left; font-size:13px; font-weight:300; line-height:1.38; letter-spacing:-0.7px; color:#1c1c1c; text-decoration:underline; margin-left:5px;} 

.jgt2tr {float:left; width:125px; margin-right:6px; font-size:12px; font-weight:100; line-height:1.71; letter-spacing:-0.5px; color:#1c1c1c;}


.eml1 {width:240.1px;}
.eml2 {width:121.1px; margin-right:14px;}
.eml3 {width:140.1px; height:36px; border:1px solid #E5E5E5; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; background-color:#fff; color:#1c1c1c; padding-left:15px; }

.bth1 {width:111.05px; height:36px; margin-right:10px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; background-color:#fff; color:#1c1c1c;}
.bth2 {width:75.05px; height:36px; margin-right:10px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; background-color:#fff; color:#1c1c1c;}
.bth3 {width:75.05px; height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; background-color:#fff; color:#1c1c1c;}


.jh7 {height:7px;}
.jh10 {height:10px;}
.jh12 {height:12px;}
.jh20 {height:20px;}
.jh27 {height:27px;}


.jhbdb1 {border-bottom:1px solid #EDF6FB; height:18.5px; margin-top:40px; margin-bottom:40px;}

.smbox {margin-top:20px;}

.btr {float:left; width:280px; height:54px; background-color:#DC0942; color:#fff; margin-left:132px; border:none;}
.btr {font-size:16px; font-weight:bold; line-height:1.5; letter-spacing:-0.4px; }

.jgt3 {float:left; font-size:16px; font-weight:500; line-height:1.5; letter-spacing:-0.4px; color:#dc0942; text-decoration:underline; margin-top:15px; margin-left:60px;}

.czbbstop {width:1308px; margin:0 auto; box-sizing:border-box; margin-top:100px; border-bottom:1px solid #EDF6FB;}
.czbbstop {padding:18px 0px 20px 0px;}
.czbbstop c {font-size:36px; font-weight:900; line-height:1.5; letter-spacing:-0.9px;}
.czbbstop span {font-size:17px; font-weight:300; line-height:1.47; letter-spacing:-0.4px; margin:0 5.5px; color:#9a9a9a;}

.czbbstop .suba {color:#5a5a5a;}

.czvam {vertical-align:middle;}



.joincbox {width:1100px; margin:0 auto;}


.jstep {width:1100px; margin-left:35px; margin-top:50px;}
.jstepbox {float:left; width:134px;}
.bigar {float:left; margin-left:27.5px; margin-right:40.5px;}

.jst1 {margin-left:42px; margin-bottom:8px;}
.jst2 {font-family:Poppins; font-size:14px; font-weight:normal; line-height:1.5; letter-spacing:normal; color:#fff; }
.jst2 {width:68px; height:24px; background-color:#8db803; border-radius:14px; text-align:center; margin-left: 33px; }
.jst3 {font-size:16px; font-weight:300; line-height:1.5; letter-spacing:-0.4px; color:#5A5A5A; margin-top:5px; text-align:center; }

.jst4 {font-size:13px; font-weight:300; line-height:1.46; letter-spacing:-0.3px; color:#759900; margin-top:37px; }
.jst5 {font-size:18px; font-weight:normal; line-height:1.5; letter-spacing:-0.5px; color:#5a5a5a;  margin-left:35px; }

.jwt1 {width:145px;}

.jsline {width:1920px; margin:0 auto; border-top:1px solid #EDF6FB; margin-top:19px; margin-bottom:36px;}

.joincibox {background-color:#fbfbfb; padding:33px 144px; margin-top:28px;}

.jgt3l {float:left; width:95px; margin-right:12px; font-size:14px; font-weight:300; line-height:1.71; letter-spacing:-0.7px; color:#1c1c1c;}
.jgt3l c {font-size:18px; letter-spacing:-0.9px; color:#e74b3b; margin-left:3px;}
.jgt3c {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt3c input {width:228.1px; height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt3b {font-size:14px; font-weight:100; line-height:1.71; letter-spacing:-0.7px; color:#fff; text-align:center; padding-top:6px; margin-right:10px;}
.jgt3b {float:left; width:111.05px; height:36px; background-color:#5a5a5a; }
.jgt3r {float:left; font-size:13px; font-weight:300; line-height:1.85; letter-spacing:-0.7px; color:#1c1c1c; padding-top:6px;}

.jgt3p {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt3p input {width:111.05px; height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.jgt3f {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c; margin-left:107px;}
.jgt3f input {width:510.22px; height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.jgt3t {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt3t input {height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.jgt3cs {float:left; width:606.1px; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}


.jgtfs {float:left; width:94px; height:40px; border:1px solid #cfcfcf; text-align:center;}
.jgtfs {font-size:14px; font-weight:300; line-height:1.71; letter-spacing:-0.7px; color:#1c1c1c; padding-top:9px;}

#jgtfn {float:left; font-size:14px; font-weight:300; line-height:1.71; letter-spacing:-0.7px; color:#9a9a9a; margin-left:12px; margin-top:10px;}

.jgtft {float:right; font-size:14px; font-weight:300; line-height:1.71; letter-spacing:-0.7px; color:#9a9a9a; margin-top:10px; }

.jgt3e {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt3e input {height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.jgt3s {float:left; font-size:13px; font-weight:300; line-height:1.38; letter-spacing:-0.7px; color:#1c1c1c; margin-left:107px;}

.jgt3v {float:left; font-size:13px; font-weight:300; line-height:1.38; letter-spacing:-0.7px; color:#1c1c1c; text-decoration:underline; margin-left:5px;} 


.jgt3l2 {float:left; width:95px; margin-left:47.8px; margin-right:12px; font-size:14px; font-weight:300; line-height:1.71; letter-spacing:-0.7px; color:#1c1c1c;}
.jgt3l2 c {font-size:18px; letter-spacing:-0.9px; color:#e74b3b; margin-left:3px;}

.jgt3c2 {float:left; margin-right:6px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}
.jgt3c2 .jgtin { height:36px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; color:#1c1c1c;}

.jwn1 {width:72px; margin-right:5px;}
.jwn2 {width:42px; margin-left:5px; margin-right:5px;}
.jwn3 {width:72px; margin-left:5px; margin-right:15px;}

.jgt3c .jwurl {width:510.1px;}

.jgt3c .jgta {width:606.1px; min-height:136px; border:1px solid #E5E5E5; overflow-y:auto;}

.jgt4s {float:left; font-size:13px; font-weight:300; line-height:1.38; letter-spacing:-0.7px; color:#1c1c1c; margin-left:418px;}

.smcbox {margin-top:0px; margin-left:290px; margin-bottom:78px;}

.pcate1 {width:154.1px; height:36px; margin-right:10px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; background-color:#fff; color:#1c1c1c;}
.pcate2 {width:208.1px; height:36px; margin-right:10px; border:1px solid #E5E5E5; padding-left:15px; font-size:14px; font-weight:100; line-height:1.71; letter-spacing:normal; background-color:#fff; color:#1c1c1c;}

.jgpbox {float:left; width:110px; height:110px; background-color:#FBFBFB; z-index:800;}
.infomypic {width:110px; height:110px; background-color:#fbfbfb; z-index:990; }
.infomypic:hover {}

.i_epic {margin-left:44px; margin-top:-64px; width:24px; height:24px; z-index:998;}
.i_pdel {margin-left:86px; margin-top:-64px; width:18px; height:18px; z-index:998;}

.infomypicbg {width:110px; height:110px; background-color:#fff; z-index:990; }

input[type="checkbox"] {
    display:none;
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    background:url('/images/cs_radio1.svg') left top no-repeat;
}


input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:-2px 4.2px 0 0;
    vertical-align:middle;
    background:url('/images/cs_check1.svg') left top no-repeat;
    cursor:pointer;
}
input[type="checkbox"]:checked + label span {
    background:url('/images/cs_check1_on.svg') left top no-repeat;
}

input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:-2px 4.2px 0 0;
    vertical-align:middle;
    background:url('/images/cs_radio1.svg') left top no-repeat;
    cursor:pointer;
}
input[type="radio"]:checked + label span {
    background:url('/images/cs_radio1_on.svg') left top no-repeat;
}



input[id="telno"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:-2px 4.2px 0 0;
    vertical-align:middle;
    background:url('/images/cs_radio1.svg') left top no-repeat;
    cursor:pointer;
}
input[id="telno"]:checked + label span {
    background:url('/images/cs_radio1_on.svg') left top no-repeat;
}

input[id="sms"] + label span {
    display:inline-block;
    width:24px;
    height:24px;
    margin:-2px 4.2px 0 0;
    vertical-align:middle;
    background:url('/images/cs_radio1.svg') left top no-repeat;
    cursor:pointer;
}
input[id="sms"]:checked + label span {
    background:url('/images/cs_radio1_on.svg') left top no-repeat;
}

.mgl10 {margin-left:10px;}

.m_tbl_join table td input {padding:0 10px;}

.emailsel {height:100px !important; background-color:red;}