@charset "utf-8";

/* 로그인 */
.contents.login h2{margin:18px 0 5px 0;font-size:18px;color:#0a376a;letter-spacing:-.7px; text-align:center;}
.contents.login h2 + .txt_01{font-size:14px;color:#777;}
.contents.login .key{position:relative}
.contents.login .key h2{margin:25px 0 10px 0}
.contents.login .key .key_inpt{display:inline-block;border:2px solid #057bb1;border-radius:3px;height:42px;line-height:38px;width:47%;padding:0 15px;font-size:14px;box-sizing:border-box}
.contents.login .key .key_inpt2{display:inline-block;border:2px solid #057bb1;border-radius:3px;height:36px;line-height:38px;width:47%;padding:0 15px;font-size:14px;box-sizing:border-box}
.contents.login .key .key_inpt span{font-size:14px;font-weight:bold;color:#d2d2d2;letter-spacing:-.7px}
.contents.login .key2 { font-weight:bold; font-size:20px; color:#057bb1;}
.contents.login .btn_c_area{margin-top:10px}
.contents.login .btn_c_area .btn_l{width:100%;height:45px;line-height:45px;font-size:16px;background:#057bb1;font-weight:bold;padding:0;border:0 none}
.contents.login .btn_c_area .btn_l span{height:45px;line-height:43px}
.contents.login .btn_c_area2{margin-top:10px;}
.contents.login .btn_c_area2 .btn_l{width:100%;height:45px;line-height:45px;font-size:16px;background:#083869;font-weight:bold;padding:0;border:0 none}
.contents.login .btn_c_area2 .btn_l span{height:45px;line-height:43px}

.contents.login .line{ height:10px; border-top:1px dotted #999;}


.login_list {margin-top:15px; border-top:1px solid #969696; border-bottom:1px solid #ccc; letter-spacing:-1px}
.login_list li { position:relative; height:50px; line-height:55px; border-top:1px solid #e9e9e9; padding: 10px }
.login_list li:first-child{border-top:0}
.login_list li:before{content:''; position:absolute; left:0; display:inline-block; width:70px; height:50px; margin:0; box-sizing:border-box; }
.login_list li a {position: relative;display:block;font-size:16px;color:#444;font-weight:500;margin-left:58px;}
.login_list li a:before{content:''; display:block; width:13px; height:21px; position:absolute; top:35%; right:0; background:url("../../../resources/images/common/sm/ico_btn_i03.png") no-repeat;background-size:8px }
.login_list li a span {font-size:14px;}
.login_list li.login_icon1:before{background:url("../../../resources/images/common/sm/login_icon_03.jpg")50% 5px no-repeat; background-size:60% }
.login_list li.login_icon2:before{background:url("../../../resources/images/common/sm/login_icon_04.jpg")60% 5px no-repeat; background-size:60% }
.login_list li.login_icon3:before{background:url("../../../resources/images/common/sm/login_icon_05.jpg")50% 5px no-repeat; background-size:60% }
.login_list li.login_icon4:before{background:url("../../../resources/images/common/sm/login_icon01.png")50% 5px no-repeat; background-size:61% }
.login_list li.login_icon5:before{background:url("../../../resources/images/common/sm/login_icon02.png")50% 5px no-repeat; background-size:61% }
.login_list li.login_icon6:before{background:url("../../../resources/images/common/sm/login_icon03.png")50% 5px no-repeat; background-size:61% }
.login_list li.login_icon7:before{background:url("../../../resources/images/common/sm/login_icon04.png")50% 5px no-repeat; background-size:61% }

.login_list_new {margin-top:15px; overflow:auto }
.login_list_new li { position:relative; float:left; border-top:1px solid #e9e9e9; border:1px solid #969696; border-radius:8px; width:30%; height:40px; margin:1%; padding-top:75px }
.login_list_new li a {position: relative;display:block;font-size:14px;color:#444;font-weight:500;text-align:center;line-height:15px;}
.login_list_new li a span {font-size:12px;}
.login_list_new li:before{content:''; position:absolute; left:0; display:inline-block;  margin:0; box-sizing:border-box; }
.login_list_new li.login_icon1{background:url("../../../resources/images/common/sm/login_icon_03.jpg")50% 25% no-repeat; background-size:50% }
.login_list_new li.login_icon2{background:url("../../../resources/images/common/sm/login_icon_04.jpg")50% 25% no-repeat; background-size:50% }
.login_list_new li.login_icon3{background:url("../../../resources/images/common/sm/login_icon_05.jpg")50% 25% no-repeat; background-size:50% }

.login_tit{margin: 12px 0;padding:0;height:25px;font-size:18px;color:#0a376a;font-weight:bold;letter-spacing:-1px;text-align: center;}