/**
 * CmInForTek Default Stylesheet
 * @author whtd1479, cminfor.co.kr
 * @since 2012.04.01
 * @update 2012.04.01
 * @version 1.0.0 alpha
 */

label a, label a:hover {color:#888; text-decoration: none;}

#join {position:relative; text-align:left; padding:10px 10px 50px;}

#join .clear {position:relative; clear:both; display:block; width:100%; height:0; font-size:0; line-height:0;}

#join #title {position:relative; width:100%; padding-bottom:15px; color:#3b3b3b; font-size:16px; font-weight:bold;}

#join #list {position:relative; width:100%;}
#join #list .list_top {padding:5px 0; border-top:2px solid #aaa; border-bottom:2px dotted #ccc;}
#join #list .list_middle {padding:5px 0; border-bottom:2px dotted #ccc;}
#join #list .list_bottom {padding:5px 0; border-bottom:2px solid #aaa;}

#join #list input { height:25px; font:1em 'NGothicB'; background:#fff; border:1px solid #ccc; color:#3b3b3b}
#join #list select { height:28px; font:1em 'NGothicB'; color:#3b3b3b;  background:#fff; border:1px solid #ccc;}
/* */
#join #list .imgcheckbox {position:relative; float:left;}
#join #list .imgcheckbox:not(#cssbrowser)>input[type="checkbox"] {position:absolute; left:15px; top:15px; opacity:0; width:29px; height:29px;}
/*
#join #list .imgcheckbox:not(#cssbrowser)>input[type="checkbox"] + label {display:inline-block; line-height:22px; padding-left:34px; color:#444; background:url(../image/imgcheckbox.png) no-repeat left top; background-size:22px 44px; }
#join #list .imgcheckbox:not(#cssbrowser)>input[type="checkbox"]:checked + label {background-position:left bottom;}
*/
#join #list .imgcheckbox:not(#cssbrowser)>input[type="checkbox"] + label {display:inline-block; line-height:22px; padding-left:34px; color:#444;position: relative;word-break: keep-all;}
#join #list .imgcheckbox:not(#cssbrowser)>input[type="checkbox"] + label:before{
    content:'';display:inline-block;width:22px;height:22px;background:url(/_mobile/memberInfor/image/imgcheckbox.png) no-repeat left top / 100%;
    position:absolute;left:0;top:0;
}
#join #list .imgcheckbox:not(#cssbrowser)>input[type="checkbox"]:checked + label:before {background-position:left bottom;}
#join #list .more {position:relative; float:right;}
#join #list .more span {display:inline-block; line-height:22px; padding-right:20px; color:#888; background:url(../image/more.png) no-repeat right center;}
/* */
#join #list th,
#join #list td {color:#444;}
#join #list .btn_list {position:relative; display:inline-block; background:url(../image/btn_list_left.png) no-repeat left top; background-size: 500px 30px; }
#join #list .btn_list span {display:inline-block; width:100%; line-height:30px; text-align:center; font-weight:bold; color:#888; letter-spacing:-1px; font-size:11px;background:url(../image/btn_list_right.png) no-repeat right top;background-size: 15px 30px;}
/* */
#join #list .imgradio {position:relative; float:left;}
#join #list .imgradio:not(#cssbrowser)>input[type="radio"] {position:absolute; _left:15px; _top:15px; opacity:0; width:45px; height:18px;}
#join #list .imgradio:not(#cssbrowser)>input[type="radio"] + label {display:inline-block; line-height:22px; padding-left:34px; color:#444; background:url(../image/imgradio.png) no-repeat left top; background-size:22px 44px; }
#join #list .imgradio:not(#cssbrowser)>input[type="radio"]:checked + label {background-position:left bottom;}

#join #btn {position:relative; width:100%; padding-top:25px;}
/* */
#join #btn .btn_blue {box-sizing:border-box; position:relative; display:inline-block; width:100%; padding:1px;}
#join #btn .btn_blue span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#243296}
#join #btn .btn_red {box-sizing:border-box; position:relative; display:inline-block; width:100%; padding:1px;}
#join #btn .btn_red span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#973022}
#join #btn .btn_green {box-sizing:border-box; position:relative; display:inline-block; width:100%; padding:1px;}
#join #btn .btn_green span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#479624}
/* */
#join #btn .btn_proc {box-sizing:border-box; position:relative; display:inline-block; width:100%; padding:1px;}
#join #btn .btn_proc span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#479624}
#join #btn .btn_cal {box-sizing:border-box; position:relative; display:inline-block; width:100%; padding:1px;border-radius:5px; background:#dbdbdb}
#join #btn .btn_cal span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#888; background-color:#eceded}

/* Join Btn 1 */
#join #btn .btn_blue1 {box-sizing:border-box; position:relative; display:inline-block; width:49%; padding:1px;}
#join #btn .btn_blue1 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#243296}
#join #btn .btn_red1 {box-sizing:border-box; position:relative; display:inline-block; width:49%; padding:1px;}
#join #btn .btn_red1 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#973022}
#join #btn .btn_green1 {box-sizing:border-box; position:relative; display:inline-block; width:49%; padding:1px;}
#join #btn .btn_green1 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#479624}
/* */
#join #btn .btn_proc1 {box-sizing:border-box; position:relative; display:inline-block; width:49%; padding:1px;}
#join #btn .btn_proc1 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#479624}
#join #btn .btn_cal1 {box-sizing:border-box; position:relative; display:inline-block; width:49%; padding:1px;border-radius:5px; background:#dbdbdb}
#join #btn .btn_cal1 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#888; background-color:#eceded}

/* Join Btn 2 */
#join #btn .btn_blue2 {box-sizing:border-box; position:relative; display:inline-block; width:32%; padding:1px;}
#join #btn .btn_blue2 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#243296}
#join #btn .btn_red2 {box-sizing:border-box; position:relative; display:inline-block; width:32%; padding:1px;}
#join #btn .btn_red2 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#973022}
#join #btn .btn_green2 {box-sizing:border-box; position:relative; display:inline-block; width:32%; padding:1px;}
#join #btn .btn_green2 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#479624}
/* */
#join #btn .btn_proc2 {box-sizing:border-box; position:relative; display:inline-block; width:32%; padding:1px;}
#join #btn .btn_proc2 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#479624}
#join #btn .btn_cal2 {box-sizing:border-box; position:relative; display:inline-block; width:32%; padding:1px;border-radius:5px; background:#dbdbdb}
#join #btn .btn_cal2 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#888; background-color:#eceded}

/* Join Btn 3 */
#join #btn .btn_blue3 {box-sizing:border-box; position:relative; display:inline-block; width:24.5%; padding:1px;}
#join #btn .btn_blue3 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#243296}
#join #btn .btn_red3 {box-sizing:border-box; position:relative; display:inline-block; width:24.5%; padding:1px;}
#join #btn .btn_red3 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#973022}
#join #btn .btn_green3 {box-sizing:border-box; position:relative; display:inline-block; width:24.5%; padding:1px;}
#join #btn .btn_green3 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#479624}
/* */
#join #btn .btn_proc3 {box-sizing:border-box; position:relative; display:inline-block; width:24.5%; padding:1px;}
#join #btn .btn_proc3 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#dfdfdf; border-radius:5px; background-color:#479624}
#join #btn .btn_cal3 {box-sizing:border-box; position:relative; display:inline-block; width:24.5%; padding:1px;border-radius:5px; background:#dbdbdb}
#join #btn .btn_cal3 span {display:inline-block; width:100%; line-height:40px; font-size:16px; text-align:center; font-weight:bold; color:#888; background-color:#eceded}