/* 회원가입 페이지 */
#head{background-color:#fff; border-bottom:1px solid #e6e6e6;}
#head h1 a{background-image:url(/images/main/logo_on.png);}
#head .gnb li .depth01 > span{color:#000;}
#head .head_btns a.login{color:#000;}
#wrap{background-color:#fcfcfc; }

.content{width:100%; min-height:860px; padding-top:80px; padding-bottom:70px; background-color:#fff;}

.chk_box{width:25px; height:25px; line-height:0px; display:inline-block;}
.chk_box input[type="checkbox"]{width:25px; height:25px; position:absolute; top:0px; left:0px; opacity:0; cursor:pointer;}
.chk_box label{width:100%; height:100%; display:inline-block;
background-image:url(/images/sub/chk_off_02.png);
background-repeat:no-repeat;
background-position:center center;
}
.chk_box input[type="checkbox"]:checked + label{background-image:url(/images/sub/chk_on_02.png);}

.content .regist_wrap{width:400px; margin:100px auto;}
.content .regist_wrap h3{font-size:40px; line-height:40px; color:#000; text-align:center; font-weight:normal; letter-spacing:-4px; 
padding-bottom:50px;}
.content .regist_wrap h3 strong{font-family: 'NotoSansKR-Bold';}
.content .regist_wrap h3 span{font-family: 'NotoSansKR-Bold'; color:#79389e;}

.content .regist_wrap .regist_box{width:100%;}
.content .regist_wrap .regist_box .tit{width:100%; padding-bottom:30px;}
.content .regist_wrap .regist_box .tit .img{width:100%; text-align:center;}
.content .regist_wrap .regist_box .tit ul{width:340px; height:35px; margin:0px auto; padding:8px 0px; overflow:hidden;}
.content .regist_wrap .regist_box .tit ul li{width:33.33%; height:100%; text-align:center; font-size:13px;  color:#79389e; display:block; float:left;}

.content .regist_wrap .cnt .cnt_btn{width:100%; height:50px; padding-top:30px;}
.content .regist_wrap .cnt .cnt_btn a{width:100%; height:50px; line-height:50px; text-align:center;
color:#fff; font-size:13px; background-color:#7a399e; border-radius:3px; display:inline-block;}

/*약관 팝업*/
.content .popup{width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:3; display:none;}
.content .popup .bg_dim{width:100%; height:100%; background-color:rgba(0,0,0,0.5); position:absolute; top:0px; left:0px; z-index:1;}

.content .popup .popup_inner{width:500px; box-sizing:border-box; padding:30px 35px 50px 35px; background-color:#fff; position:absolute; top:25%; left:50%; margin-left:-250px; 
border:1px solid #ddd; z-index:2; overflow:hidden;}
.content .popup .popup_inner h3{width:100%; font-size:38px; padding-bottom:20px; font-weight:bold; font-family: 'NotoSansKR-Bold'; letter-spacing:-3px;}
.content .popup .popup_inner .popup_text{width:100%; height:280px; font-size:13px; overflow-y:scroll;}
.content .popup .popup_inner .popup_close{width:30px; height:30px; line-height:30px; text-align:center; font-size:30px; font-weight:bold; font-family: 'NotoSansKR-Bold'; 
position:absolute; top:15px; right:15px; cursor:pointer;}

/* 회원가입 1단계*/
.content .regist_wrap .cnt{width:100%;}
.content .regist_wrap .cnt .agree_box{width:100%;}
.content .regist_wrap .cnt .agree_box dl{width:100%;}
.content .regist_wrap .cnt .agree_box dl dt{width:100%; height:50px; line-height:50px; padding:0px 15px; font-size:13px; 
font-weight:bold; background-color:#fafafa; letter-spacing:-1px; box-sizing:border-box; border-radius:3px; position:relative; margin-bottom:30px;}
.content .regist_wrap .cnt .agree_box dl dt .chk_box{position:absolute; top:12px; right:15px;}
.content .regist_wrap .cnt .agree_box dl dt.on{outline:1px solid #79389e;}

.content .regist_wrap .cnt .agree_box dl dd{width:100%; height:50px; box-sizing:border-box; padding-left:35px; position:relative; border-top:1px solid #dbdbdb;}
.content .regist_wrap .cnt .agree_box dl dd:last-child{border-bottom:1px solid #dbdbdb;}
.content .regist_wrap .cnt .agree_box dl dd .chk_box{position:absolute; top:11px; left:0px;}
.content .regist_wrap .cnt .agree_box dl dd p{width:100%; height:100%; line-height:50px; font-size:13px; font-weight:bold;}
.content .regist_wrap .cnt .agree_box dl dd a{width:86px; height:36px; display:inline-block; line-height:35px; text-align:center; border:1px solid #ddd; border-radius:3px;
font-size:13px; color:#777; font-weight:bold; letter-spacing:-1px; position:absolute; top:5px; right:0px;}\

/* 회원가입 2단계*/
.content .regist_wrap .cnt .input_box .section{width:100%; margin-bottom:50px;}
.content .regist_wrap .cnt .input_box .section:after{content:''; display:inline-block; clear:both;}
.content .regist_wrap .cnt .input_box .section h5{width:100%; height:50px; line-height:50px; font-size:20px; font-weight:bold; letter-spacing:-1px; border-bottom:1px solid #000;}
.content .regist_wrap .cnt .input_box .section .write_box{width:100%;}
.content .regist_wrap .cnt .input_box .section .write_box:after{content:''; display:inline-block; clear:both;}
.content .regist_wrap .cnt .input_box .section .write_box .line{width:100%; height:50px; line-height:50px;  border-bottom:1px solid #ccc;}
.content .regist_wrap .cnt .input_box .section .write_box .line:after{content:''; display:inline-block; clear:both;}
.content .regist_wrap .cnt .input_box .section .write_box .line.odd{height:170px;}
.content .regist_wrap .cnt .input_box .section .write_box .line .tit{width:35%; height:100%; color:#000; font-size:14px; font-weight:bold; padding-bottom:0px; float:left;}
.content .regist_wrap .cnt .input_box .section .write_box .line .tit span{color:#ff0000;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt{width:65%; height:100%; position:relative; float:left;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt:after{content:''; display:inline-block; clear:both;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt input{width:100%; height:100%; border:none; outline:none; padding:0px 5px; box-sizing:border-box; font-size:14px; display:block;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.odd{font-weight:bold;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.odd input{width:170px; display:inline-block;}

.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.chk .box{width:80px; height:100%; margin-left:5px; float:left;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.chk input[type="checkbox"]{width:20px; height:20px; display:inline-block; border:1px solid #000; border-radius:3px; 
margin-right:5px; vertical-align:middle;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.chk label{vertical-align:middle;}

.content .regist_wrap .cnt .input_box .section .write_box .line .cnt textarea{width:100%; height:100%; border:none; outline:none; padding:15px 15px 15px 10px; box-sizing:border-box;  resize:none;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt .filebox{width:100%; height:100%; overflow:hidden;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt .filebox input[type="file"] {position: absolute;width: 0;height: 0;padding: 0;overflow: hidden;border: 0;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt .filebox label{width:90px; height:40px; line-height:40px; position:absolute; top:4px; right:0px; text-align:center; color:#fff;  font-size:14px; font-weight:bold; 
background-color:#79389e; border-radius:3px;cursor:pointer;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt .filebox .upload-name{padding-right:100px;}
.content .regist_wrap .cnt .input_box button{width:60px; height:30px; position:absolute; top:11px; right:6px; border:0px; border-radius:3px;font-size:11px; color:#fff; background-color:#ccc;}
.content .regist_wrap .cnt .input_box button.on{background-color:#79389e;}

.content .regist_wrap .cnt .cnt_btn.odd{overflow:hidden;}
.content .regist_wrap .cnt .cnt_btn.odd .next_step{width:48%; float:right;}
.content .regist_wrap .cnt .cnt_btn.odd .prev_step{width:48%; float:left; background-color:#bbb;}

.content .regist_wrap .cnt .input_box .section .write_box .line .tit .required{color:#79389e; vertical-align:middle;margin-left:3px;}

/* 회원가입 3단계*/
.content .regist_wrap .cnt .finish_box{width:400px; padding:60px 0px; margin:0 auto; background-color:#fafafa; text-align:center;}
.content .regist_wrap .cnt .finish_box h6{width:100%; font-size:20px; font-weight:bold; padding-bottom:20px;}
.content .regist_wrap .cnt .finish_box p{font-size:15px; font-weight:bold;}
.content .regist_wrap .cnt .finish_box p span{color:#7a399e;}

/* 회원정보 변경*/
.member-menu-list{width: 100%; height: 45px; border-bottom: 3px solid #7a399e;  margin:20px 0px 40px 0px; padding: 0 0 1px 0; }
.member-menu-list > ul{ margin: 0; padding: 0; list-style-type: none; position: absolute; }
.member-menu-list > ul > li{ display: inline-block; margin: 0; padding: 12px 10px; border-top: 1px solid #7a399e; 
border-right: 1px solid #7a399e; border-left: 1px solid #7a399e; 
font-weight: bold; font-size: 15px; color: #7a399e; cursor: pointer; text-align: center; }

.member-menu-list > ul > li > a:link,
.member-menu-list > ul > li > a:active,
.member-menu-list > ul > li > a:visited { font-weight: bold; font-size: 14px; color: #7a399e; }

.member-menu-list > ul > li > a:hover { color: #000 !important; }

.member-menu-list > ul > li.member-menu-active { background: #7a399e; }
.member-menu-list > ul > li.member-menu-active > a:link,
.member-menu-list > ul > li.member-menu-active > a:active,
.member-menu-list > ul > li.member-menu-active > a:hover,
.member-menu-list > ul > li.member-menu-active > a:visited { color: #fff !important;}
.content .regist_wrap .cnt .input_box .section .write_box .line.info_text{height:60px; border-bottom:0px; padding-top:10px;}
.content .regist_wrap .cnt .input_box .section .write_box .line.info_text .cnt{width:100%; font-size:12px; line-height:22px; }
.content .regist_wrap .cnt .input_box .section .write_box .line.info_text .cnt span{color:red;}

.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.no_img .no_img_box{width:40px; max-height:40px;position: absolute;
top:5px;left: 5px; cursor: pointer;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.no_img .no_img_box img{width:100%; max-height:inherit;vertical-align:top;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.no_img .no_img_box .img_big{width:200px; height:200px; padding:5px; background-color:#fff; border:1px solid #ddd;
position:absolute; top:30px; left:30px; z-index:3; box-shadow:4px 4px 4px rgba(0,0,0,0.3); display:none;}
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.no_img .no_img_box .img_big > .img{width:200px; height:200px; display:inline-block; background-size:contain; background-repeat:no-repeat; }
.content .regist_wrap .cnt .input_box .section .write_box .line .cnt.no_img .no_img_box:hover .img_big{display:block;}


/* 회원정보 탈퇴*/
.content .regist_wrap .cnt .input_box .section h5.out_tit{width:100%; height:55px; line-height:20px;}
.content .regist_wrap .cnt .input_box .section h5.out_tit .sub_text{font-size:12px; letter-spacing:-0.5px;}
.content .regist_wrap .cnt .input_box .section .out_box select{
    background:url(https://img.malltail.com/goods_img/contents/index/ico_down_M.png) no-repeat right #fff;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-size:16px;
    background-position-x:98%;
    padding-left:2%;
    box-sizing:border-box;
    position: relative;
    width:100%; height:32px; border:1px solid #bbb; border-radius:3px; box-sizing:border-box; font-size:14px
}