@import url("reset.css");

/* Layout */
*{margin:0;padding:0}
html, body, #wrap{height:100%}
#wrap{display:table; width:100%}
#container{display:table-row; height:100%}
#header, #container{text-align:center}

/* Header */
#header h1{padding:50px 0 0; margin:0 auto; width:460px;}
#header h1 a img{width:350px; height:auto;}
/* Contents */
#contents{margin:0 auto; *padding:50px 0 0; width:460px;} 
#contents .row_group{border:2px solid #009f4a; text-align:left;font-size:14px; color:#919191; font-family:Dotum, 돋움;}
#contents .row_group .login_row{padding:10px; border-top:1px solid #ebebeb; position:relative;}
#contents .row_group .login_row input.login_eff{border:0; font-size: 14px; color:#222; width:430px; height:33px; padding-left:7px}
#contents .login_btns, #contents .save_id{display:block; cursor:pointer;}
#contents .login_btns{width:460px; margin:8px 0 0; padding:18px 0; font-size:20px; background:#009f4a; color:#fff; border: 0;}
#contents .save_id_eff{text-align:left; font-family:Dotum, 돋움; font-size:14px; margin-top:10px; color:#252525; }
#contents .save_id_eff input{vertical-align: middle;}
.login_info{margin:38px 0 0; font-size:16px;}
.login_info ul li{cursor:pointer;}
.login_info ul.sns{width:100%;}
.login_info ul.sns li{padding:18px 0;color:#fff; margin-top: 5px}
.login_info ul.sns li:first-child{margin-top:0;}
.login_info ul.sns li.google{background:#4285f4 url(../img/btn_img_google.png) no-repeat 160px 15px;}
.login_info ul.sns li.facebook{background:#3b589e url(../img/btn_img_facebook.png) no-repeat 150px 15px;}
.login_info ul.sns li.google span{padding-left:25px;}
.login_info ul.sns li.facebook span{padding-left:16px;}
.login_info ul.sns li.kakao span{padding-left:75px;}
.login_info ul.sns:after, .login_info ul.info:after{content:""; clear:both; display:block; overflow:hidden;}
.login_info ul.info{width:100%; margin-top:8px;}
.login_info ul.info li{width:49%; float:left; padding:21px 0 12px; border:1px solid #b5b5b5; margin-left:5px;}
.login_info ul.info li:first-child{margin-left:0;}
.login_info ul.info li a{color:#363636; font-weight: normal; display: inline-block; width:224px; height: 25px; }
.login_info ul.info li img{vertical-align:middle; margin-left:4px;}

/* Footer */
/*#footer .inner{border-top:1px solid #c1c1c1;}
#footer .cont{width:600px; margin:27px auto 45px; font-family:Dotum, 돋움; color:#8f8f8f;}
#footer .cont:after{content:""; clear:both; display:block; overflow:hidden;}
#footer .cont img, #footer .cont p{float:left;}
#footer .cont img{margin-right:15px;}
#footer .cont p{line-height:19px; margin-top:-2px;}*/
#footer {width:100%; height:80px; text-align:center; font-size:12px; font-weight:300}
#footer.footer_blog {text-align: left; margin-left:350px; padding-left:20px;}
.footer_contents {margin-top:40px;}
.footer_contents img {display:inline-block; vertical-align:top; margin-top:10px;}
.footer_contents .txt {display:inline-block; vertical-align:top; text-align:left; font-size:12px; margin-left:20px; font-family: Dotum, 돋움; color: #8f8f8f; line-height: 19px;}
.footer_contents .txt a{font-family:Dotum;font-size:12px;color: #8f8f8f;}
.footer_contents .cont .link a{font-family:Dotum;padding-left: 5px;border-right:1px solid #cbcbcb; color: #8f8f8f;padding-right:8px; margin-right: 3px;}
.footer_contents .cont .link a:first-child{padding-left: 0;}
.footer_contents .cont .link a:last-child{border-right:0;}