#login_header{width:100vw;background-color:#311a81;margin-top:100px}#login_header .int_wrap2{width:1280px;margin:0 auto}#login_header .int_wrap2>a{display:inline-block;vertical-align:middle}#login_header .int_wrap2>a:first-child>span:before{margin-right:0}#login_header .int_wrap2>a:first-child>span{font-size:1rem}#login_header .int_wrap2>a>span{display:block;font-size:0.8rem;line-height:2rem;margin-left:10px;color:#fff}#login_header .int_wrap2>a>span:before{margin-right:10px}#login_header .top_bg{width:100%;background-image:url("/img/join_bg.png");background-repeat:no-repeat;background-size:cover;min-height:250px;display:block;background-position:0}#login_header .top_bg .top_wrap{width:1280px;margin:0 auto;text-align:center}#login_header .top_bg .top_wrap>h2{display:block;font-size:2em;font-weight:600;line-height:2.5em;padding-top:85px;color:#fff}#login_main{width:500px;margin:50px auto 150px}#login_main .login_title>h1{width:150px;margin:0 auto}#login_main .login_title>h1>a{display:block;width:100%;background:#8a6dec;border-radius:10px;box-shadow:2px 2px 8px 3px #311a81}#login_main .login_title>h1>a>img{display:block;width:100%}#login_main .login_wrap{border:solid 1px #ccc;min-height:550px;box-sizing:border-box;padding:20px;position:relative;overflow:hidden;margin:50px 0 0;box-shadow:2px 2px 8px 3px #ababab}#login_main .login_wrap .login_list>li{width:100%;margin:48px 0;cursor:pointer}#login_main .login_wrap .login_list>li>span{display:inline-block;width:100px;vertical-align:middle}#login_main .login_wrap .login_list>li>span>img{display:block;width:100%}#login_main .login_wrap .login_list>li>p{display:inline-block;vertical-align:middle;margin-left:10px;width:315px;position:relative;transition:0.3s;text-align:center;border-radius:10px}#login_main .login_wrap .login_list>li>p>span{display:inline-block;font-size:1.1rem;line-height:6.1rem;vertical-align:middle;margin:0 10px;font-weight:bold}#login_main .login_wrap .login_list>li>p>span:last-child{position:absolute;width:1em;top:0;right:2%}#login_main .login_wrap .login_list>li .kakao_p{background-color:#f3f3f3;color:#3c1e1e}#login_main .login_wrap .login_list>li .google_p{background-color:#eee;color:#e74133}#login_main .login_wrap .login_list>li .nanum_p{background-color:#f7f7f7;color:#00a8ff}#login_main .login_wrap .login_list .kakao:hover .kakao_p{background-color:#3c1e1e;color:#f9e000}#login_main .login_wrap .login_list .google:hover .google_p{background-color:#e74133;color:#eeeeee}#login_main .login_wrap .login_list .nanum:hover .nanum_p{background-color:#00a8ff;color:#f7f7f7}#login_main .login_wrap .login_list_2{width:100%}#login_main .login_wrap .login_list_2 .kakao_2{width:100%;position:absolute;left:0;top:0;z-index:20;margin-left:100%;transition:0.5s;background-color:#fff;min-height:550px}#login_main .login_wrap .login_list_2 .kakao_2 .login_page{box-sizing:border-box;padding:20px}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>span{font-size:2em;line-height:2em;font-weight:600;cursor:pointer}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>h3{font-size:2em;line-height:2em;font-weight:600;color:#3c1e1e}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>p{display:block}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>p>span{display:block;font-size:1.1em;line-height:1.5em}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>form{margin-top:30px}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>form>fieldset>p{display:block;width:100%;text-align:right;margin:20px 0}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>form>fieldset>p:last-child>input{display:inline-block;width:5%;vertical-align:middle}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>form>fieldset>p:last-child>label{display:inline-block;vertical-align:middle}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>form>fieldset>p>input{width:100%;display:block;height:3rem;font-size:1.1rem;padding:10px;box-sizing:border-box;text-align:center;outline:none}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>button{width:100%;display:block;font-size:1.2em;line-height:2em;cursor:pointer;background-color:#f7f7f7;color:#3c1e1e;border:solid 1px #f9e000;font-weight:bold;transition:0.3s;outline:none}#login_main .login_wrap .login_list_2 .kakao_2 .login_page>button:hover{background-color:#333;color:#f9e000;border:solid 1px #3c1e1e}#login_main .login_wrap .login_list_2 .kakao_on{margin-left:0}#login_main .login_wrap .login_list_2 .google_2{width:100%;position:absolute;left:0;top:0;z-index:20;margin-left:100%;transition:0.5s;background-color:#fff;min-height:550px}#login_main .login_wrap .login_list_2 .google_2 .login_page{box-sizing:border-box;padding:20px}#login_main .login_wrap .login_list_2 .google_2 .login_page>span{font-size:2em;line-height:2em;font-weight:600;cursor:pointer}#login_main .login_wrap .login_list_2 .google_2 .login_page>h3{font-size:2em;line-height:2em;font-weight:600;color:#e74133}#login_main .login_wrap .login_list_2 .google_2 .login_page>p{display:block}#login_main .login_wrap .login_list_2 .google_2 .login_page>p>span{display:block;font-size:1.1em;line-height:1.5em}#login_main .login_wrap .login_list_2 .google_2 .login_page>form{margin-top:30px}#login_main .login_wrap .login_list_2 .google_2 .login_page>form>fieldset>p{display:block;width:100%;text-align:right;margin:20px 0}#login_main .login_wrap .login_list_2 .google_2 .login_page>form>fieldset>p:last-child>input{display:inline-block;width:5%;vertical-align:middle}#login_main .login_wrap .login_list_2 .google_2 .login_page>form>fieldset>p:last-child>label{display:inline-block;vertical-align:middle}#login_main .login_wrap .login_list_2 .google_2 .login_page>form>fieldset>p>input{width:100%;display:block;height:3rem;font-size:1.1rem;padding:10px;box-sizing:border-box;text-align:center;outline:none}#login_main .login_wrap .login_list_2 .google_2 .login_page>button{width:100%;display:block;font-size:1.2em;line-height:2em;cursor:pointer;background-color:#f7f7f7;color:#e74133;border:solid 1px #eee;font-weight:bold;transition:0.3s;outline:none}#login_main .login_wrap .login_list_2 .google_2 .login_page>button:hover{background-color:#333;color:#e74133;border:solid 1px #eee}#login_main .login_wrap .login_list_2 .google_on{margin-left:0}#login_main .login_wrap .login_list_2 .nanum_2{width:100%;position:absolute;left:0;top:0;z-index:20;margin-left:100%;transition:0.5s;background-color:#fff;min-height:550px}#login_main .login_wrap .login_list_2 .nanum_2 .login_page{box-sizing:border-box;padding:20px}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>span{font-size:2em;line-height:2em;font-weight:600;cursor:pointer}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>h3{font-size:2em;line-height:2em;font-weight:600;color:#00a8ff}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>p{display:block}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>p>span{display:block;font-size:1.1em;line-height:1.5em}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>form{margin-top:30px}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>form>fieldset>p{display:block;width:100%;text-align:right;margin:20px 0}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>form>fieldset>p:last-child>input{display:inline-block;width:5%;vertical-align:middle}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>form>fieldset>p:last-child>label{display:inline-block;vertical-align:middle}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>form>fieldset>p>input{width:100%;display:block;height:3rem;font-size:1.1rem;padding:10px;box-sizing:border-box;text-align:center;outline:none}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>button{width:100%;display:block;font-size:1.2em;line-height:2em;cursor:pointer;background-color:#f7f7f7;color:#00a8ff;border:solid 1px #8cd8ff;font-weight:bold;transition:0.3s;outline:none}#login_main .login_wrap .login_list_2 .nanum_2 .login_page>button:hover{background-color:#333;color:#00a8ff;border:solid 1px #8cd8ff}#login_main .login_wrap .login_list_2 .nanum_on{margin-left:0}#not_join{width:100%;text-align:left}#not_join>a{display:inline-block}#not_join>a>span{display:inline-block;font-size:0.9rem;line-height:1.5em;margin-right:15px;vertical-align:middle}#not_join>a>span:last-child{font-size:1rem;font-weight:bold;vertical-align:middle}#not_join>a>span>span{display:inline-block;font-size:1em;line-height:1.5em;vertical-align:-8%}