@charset "utf-8";
@import url(//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css);
@import url(//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css);

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, strong, sub, sup, var,
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, embed, input, select, textarea, button {margin:0;padding:0;}
body {font-size:12px;line-height:1.428;font-family:'NanumSquareRound','Nanum Square',AppleGothic,Tahoma,Helvetica,sans-serif;color:#565d6d;}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-weight:normal;}
input, button, textarea {font-size:1em;font-family:'NanumSquareRound','Nanum Square',AppleGothic,Tahoma,Helvetica,sans-serif;}
select {font-size:1em;}
code, pre {font-size:1em;font-family:'NanumSquareRound','Nanum Square',Dodum,AppleGothic,Tahoma,Helvetica,sans-serif;}
address, em, cite {font-style:normal;}
img {border:0 none;}
hr {display:none;}
table {border-collapse:separate;border-spacing:0;}
caption {width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
th, td {vertical-align:top;text-align:left;font-weight:normal;}
li {list-style-type:none;}
form {margin:0;padding:0;}
fieldset {border:0 none;}
legend, .hidden {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
label, button {cursor:pointer;}
button {overflow:visible;border:none;background:none;background:transparent;font-family:inherit;white-space:nowrap;vertical-align:top;text-decoration:none;}
button::-moz-focus-inner {border:0;padding:0;}
a:link,a:visited{color:#565d6d;text-decoration:none;*cursor:pointer;}
img{vertical-align:top;}
input[type=password]{font-family:AppleGothic,Tahoma,Helvetica,sans-serif;}

body,html{min-height:100%;height:100%}


#member{height:100%;background:url(/page/images/bg_member.jpg) no-repeat center top;background-size:cover}

    #login{position:absolute;width:325px;height:506px;left:50%;top:50%;margin:-253px 0 0 -162px;}
        #login h1{width:86px;height:195px;margin:0 auto;background:url(/page/images/logo_b.png) no-repeat center top;text-indent:-9999px;}
        #login h1.beta{background:url(/page/images/logo_b_beta.png) no-repeat center top;text-indent:-9999px;}
        #login h2{font-size:20px;color:#fff;text-align:center;font-weight:bold;}

        #login ul{padding-top:36px;}
        #login ul li:nth-child(2){padding:20px 0 5px;}
        #login ul li label{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
        #login ul li input{width:100%;height:34px;line-height:34px;text-indent:15px;color:#7c7c7c !important;font-size:14px;background:#fff;}
        #login ul li.search_pw{padding-bottom:40px;text-align:right;font-size:13px;}
        #login ul li.search_pw a{display:inline-block;color:#fff;border-bottom:1px solid #fff;}

        #login .btn_login{position:relative;width:100%;height:34px;margin-bottom:34px;}
        #login .btn_login span{position:absolute;left:117px;top:8px;color:#fff;font-size:17px;z-index:2;}
        #login .btn_login input{position:absolute;left:59px;top:0;width:205px;height:34px;border-radius:15px;font-weight:bold;border:0;color:#fff;font-size:20px;text-indent:24px;background:#ff826b;}

        #login .btn_join{display:inline-block;width:203px;height:32px;line-height:32px;margin-left:59px;text-align:center;border-radius:15px;font-weight:bold;color:#ff826b;font-size:16px;border:1px solid #ff826b;text-indent:3px}
        #login .btn_join span{display:inline-block;padding-right:8px;}

    #signup{position:absolute;width:325px;height:626px;left:50%;top:50%;margin:-313px 0 0 -162px;}
        #signup h1{width:86px;height:195px;margin:0 auto;background:url(/page/images/logo_b.png) no-repeat center top;text-indent:-9999px;}
        #signup h1.beta{background:url(/page/images/logo_b_beta.png) no-repeat center top;}
        #signup h2{font-size:20px;color:#fff;text-align:center;font-weight:bold;}

        #signup ul{padding-top:2px;}
        #signup ul li{padding:20px 0 0;}
        #signup ul li label{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
        #signup ul li input{width:100%;height:34px;line-height:34px;text-indent:15px;color:#7c7c7c;font-size:14px;background:#fff;}
        #signup ul li.agree{padding:10px 0 32px;font-size:13px;}
        #signup ul li.agree input{width:13px;height:13px;vertical-align:-3px}
        #signup ul li.agree label{position:relative;width:auto;height:auto;visibility:visible;margin: 8px 0;font-size:13px;line-height:110%;vertical-align:middle;color:#fff;}
        #signup ul li.agree a{color:#fff;font-weight: bold}

        #signup .btn_login{position:relative;width:100%;height:34px;margin-bottom:34px;}
        #signup .btn_login span{position:absolute;left:117px;top:8px;color:#fff;font-size:17px;z-index:2;}
        #signup .btn_login button{position:absolute;left:59px;top:0;width:205px;height:34px;border-radius:15px;font-weight:bold;border:0;color:#fff;font-size:20px;text-indent:24px;background:#ff826b;}
        #signup .btn_login button.email_certi{text-indent: 0}
        #signup .btn_back{text-align:center;}
        #signup .btn_back a{text-align:center;font-size:13px;display:inline-block;color:#fff;border-bottom:1px solid #fff;}

    #signtxt{position: absolute;width: 600px;height: 540px;left: 50%;top: 50%;margin: -270px 0 0 -300px;}
        #signtxt h1{width:86px;height:195px;margin:0 auto;background:url(/page/images/logo_b.png) no-repeat center top;text-indent:-9999px;}
        #signtxt h1.beta{background:url(/page/images/logo_b_beta.png) no-repeat center top;}

        #signtxt div{font-size: 18px;color: #fff;width: 600px;text-align: center;margin: 0 auto;line-height: 164%;}
        #signtxt div a.mail{color:#ff826b;font-weight: bold;text-decoration: underline;}
        #signtxt div a.ac{display: inline-block;margin: 18px 10px 0;line-height: 38px;text-align: center;color: #fff;border: 1px solid #ff5b5a;border-radius: 19px;font-size: 17px;font-weight: bold;background: #ff5b5a;padding: 0 30px;}

        #signtxt div p{font-size:22px;}
        #signtxt div p strong{color:#ff826b;}

        #signtxt dl{position: relative;font-size: 13px;margin: 53px 0 0;color: #ddd;position: absolute;bottom: 0;padding: 15px 30px; z-index: 1;}
        #signtxt dl::before{position: absolute;content: '';background: #000;border-radius: 25px;padding: 15px 30px;opacity: 0.3;margin: -15px -30px;z-index: -1;    width: 100%;height: 120px;}
        #signtxt dl dt{padding-bottom: 10px;font-size: 15px;}
        #signtxt dl dd{padding-left: 15px;text-indent: -15px;padding-bottom: 5px;}

        #signtxt dl.maintenance{position: relative;margin: 15px auto 0;width: 500px;text-align: left;font-size: 17px;}
        #signtxt dl.maintenance::before{margin: 0;left: 0;top: 0;height: 83px;}

    #setting{position:absolute;width:325px;height:408px;left:50%;top:50%;margin:-204px 0 0 -162px;}
        #setting h1{width:86px;height:140px;margin:0 auto;background:url(/page/images/logo_b.png) no-repeat center top;text-indent:-9999px;}
        #setting h1.beta{background:url(/page/images/logo_b_beta.png) no-repeat center top;}
        #setting h2{font-size:13px;line-height:22px;color:#fff;text-align:center;font-weight:bold;}

        #setting ul{padding:2px 0 58px;}
        #setting ul li{padding:20px 0 0;}
        #setting ul li label{position:absolute;top:0;left:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
        #setting ul li input{width:100%;height:34px;line-height:34px;text-indent:15px;color:#7c7c7c;font-size:14px;background:#fff;}

        #setting .btn_con{position:relative;width:100%;height:34px;margin-bottom:10px;}
        #setting .btn_con button{position:absolute;left:59px;top:0;width:205px;height:34px;border-radius:15px;font-weight:bold;border:0;color:#fff;font-size:20px;text-indent:0;background:#ff826b;}

        #setting .btn_back{text-align:center;}
        #setting .btn_back a{text-align:center;font-size:13px;display:inline-block;color:#fff;border-bottom:1px solid #fff;}

    #del_acct{position:absolute;width:440px;height:506px;left:50%;top:50%;margin:-253px 0 0 -220px;}
        #del_acct h1{width:86px;height:195px;margin:0 auto;background:url(/page/images/logo_b.png) no-repeat center top;text-indent:-9999px;}
        #del_acct h1.beta{background:url(/page/images/logo_b_beta.png) no-repeat center top;}
        #del_acct h2{font-size:20px;color:#fff;text-align:center;font-weight:bold;}
        #del_acct h3{font-size:16px;color:#fff;text-align:center;margin-top: 20px}
        #del_acct p.txt{font-size: 16px;color: #fff;text-align: left;margin-top: 20px;line-height: 1.5em;text-align: center}
        #del_acct p.txt span{text-decoration: underline;}
        #del_acct .check_wrap{text-align: center;margin-top: 20px}
        #del_acct .check_wrap input{width: 16px;height: 16px;margin-top: 0;vertical-align: middle;margin-right: 8px}
        #del_acct .check_wrap label{color: #fff;font-size: 16px}
        #del_acct .input_wrap{width: 70%;margin:30px auto 0}
        #del_acct .input_wrap input{width: 100%;height: 38px;font-size: 16px;text-indent: 10px}
        #del_acct .btns{overflow:hidden;width: 250px;margin:20px auto}
        #del_acct .btns a{width: 100px;height: 40px;line-height: 40px;font-size: 16px;background-color: #ff826b;border-radius:10px;color: #fff;text-align: center;}
        #del_acct .btns a.cancel{float: left;margin-right: 50px;}
        #del_acct .btns a.next, #del_acct .btns a.delete{float: left;background-color: transparent;color: #ff826b;border:1px solid #ff826b;}

    /* 팝업 */
    .pop{position:absolute;top:0;left:0;width:100%;height:100%;display:none;z-index:10000;}
    .pop .bg{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;opacity:.75;filter:alpha(opacity=75);z-index:10000;}
      #layer_policy .close{display: block;position:absolute;width: 30px;height: 30px;right:12px;top:17px;font-size: 40px;line-height: 30px}
      #layer_policy .popup_box{width:600px;position:fixed;left:50%;top:50%;margin:-231px 0 0 -300px;z-index:10000;background:#fff;padding:50px 0}
      #layer_policy .popup_box .pop_con{width:500px;margin:0 auto;font-size: 12px;}
      #layer_policy .popup_box .pop_con em{font-size: 16px;font-weight: 900}
      #layer_policy .popup_box .pop_con strong{font-weight: 900}