@charset "utf-8";

/* NEW 통합로그인*/
.login_New{position:relative;padding: 0 0 30px;line-height:22px;border:1px solid #d9d9d9;letter-spacing: -1px;}
.login_New .tit{display:block;font-size:24px;color:#303030;text-align:center;margin: 40px 0 30px;}
.login_New .login_list{position:relative;margin: 0 71px;}
.login_New .login_list li {width:700px;height:80px;border:2px solid #ccc;box-sizing:border-box;border-radius:8px;margin-bottom: 10px;background: url(../../../resources/images/HLG/pc/btn_next.png) no-repeat 644px 50%;}
.login_New .login_list li p {font-weight: bold;font-size: 20px;/* padding-right:10px; */width: 170px;float: left;}
.login_New .login_list li span{font-weight: bold;font-size: 15px;/* padding-left: 10px; */line-height: 75px;position: absolute;}
.login_New .login_list li a { display: block; width:600px; height:80px; line-height:76px; padding-left:100px; }
.login_New .login_list li.login_icon4 a { background:url(../../../resources/images/HLG/pc/login_icon01.png) no-repeat 22px 50%}
.login_New .login_list li.login_icon5 a{background: url(../../../resources/images/HLG/pc/login_icon02.png) no-repeat 22px 50%}
.login_New .login_list li.login_icon6 a {background: url(../../../resources/images/HLG/pc/login_icon03.png) no-repeat 22px 50%}
.login_New .login_list li:hover{font-weight:bold;box-shadow: 3px 3px 3px rgba(67,67,67,0.1); border:2px solid #079bd6; box-sizing: border-box; background: #edf9fe url(../../../resources/images/HLG/pc/btn_next_on.png) no-repeat 644px 50%;}

.login_New .btn{position:absolute;left:0;bottom:-39px}
.login_New .btn li{float:left;margin:0 5px 0 0}

.login_New_Pop{padding: 0 0 40px;}
.login_New_Pop .login_list{margin: 0 75px;}
.login_New_Pop .login_list li {width: 428px; background: url(../../../resources/images/HLG/pc/btn_next.png) no-repeat 372px 50%;}
.login_New_Pop .login_list li a {width:428px;}
.login_New_Pop .login_list li:hover{background: #edf9fe url(../../../resources/images/HLG/pc/btn_next_on.png) no-repeat 372px 50%;}



/* 통합로그인 */
.all_login{position:relative;padding:0 0 48px;overflow:hidden;line-height:22px}
.all_login:after{content:"";position:absolute;left:50%;top:20px;width:1px;height:240px;}
.all_login > div{float:left;width:50%;padding:25px 0 0;margin-bottom:15px;box-sizing:border-box;border:1px solid #d9d9d9;border-left:0;height:320px;position:relative;text-align:center;}
.all_login > div:first-child{border:1px solid #d9d9d9}
.all_login .tit{display:block;line-height:30px;font-size:20px;color:#303030;}
.all_login .tit2{display:block;font-size:20px;color:#303030;height: 50px;line-height:50px;letter-spacing: -.5px;}
.all_login .tit3{display:block;font-size:17px;color:#606060;height:41px;letter-spacing:-.5px;}
.all_login .text{display:block; line-height:16px;font-size:12.5px;color:#303030; margin-top:10px}
.all_login .btn_l{margin:125px 0 0}
.all_login .btn_l2{margin:20px 0 0}
.all_login .btn{position:absolute;left:0;bottom:-39px}
.all_login .btn li{float:left;margin:0 5px 0 0}
.all_login .bg_01{background:url(../../../resources/images/HLG/pc/hlg01_001_01.jpg) no-repeat 55% 65%}
.all_login .bg_02{background:url(../../../resources/images/HLG/pc/hlg01_001_02.jpg) no-repeat 60% 65%}
.all_login .bg_03{}
.all_login .bg_04{background:url(../../../resources/images/HLG/pc/hlg01_001_04.jpg) no-repeat 55% 65%}

/* 통합로그인_NEW */
.all_login_new{position:relative;padding:0 0 48px;overflow:hidden;line-height:22px}
.all_login_new:after{content:"";position:absolute;left:50%;top:20px;width:1px;height:240px;}
.all_login_new > div{float:left;width:33.333%;padding: 25px 0 0;margin-bottom:15px;box-sizing:border-box;border:1px solid #d9d9d9;border-left:0;height:320px;position:relative;text-align:center;}
.all_login_new > div:first-child{border:1px solid #d9d9d9;}
.all_login_new .tit{display:block;font-size:20px;color:#303030;height:50px;line-height:25px;letter-spacing: -.5px; }
.all_login_new .tit2{display:block;font-size:20px;color:#303030;height: 50px;line-height:50px;letter-spacing: -.5px;}
.all_login_new .tit3{display:block;font-size:17px;color:#606060;height:50px;letter-spacing:-.5px;}
.all_login_new .text{display:block; line-height:16px;font-size:12.5px;color:#303030; margin-top:10px}
.all_login_new .btn_l{margin:125px 0 0}
.all_login_new .btn_l2{margin:20px 0 0}
.all_login_new .btn {margin-top:10px;}
.all_login_new .btn li{float:left;margin:0 5px 0 0}
.all_login_new .bg_01{background:url(../../../resources/images/HLG/pc/hlg01_002_01.jpg) no-repeat 50% 60%}
.all_login_new .bg_02{background:url(../../../resources/images/HLG/pc/hlg01_002_02.jpg) no-repeat 55% 60%}
.all_login_new .bg_03{background:url(../../../resources/images/HLG/pc/hlg01_002_03.jpg) no-repeat 50% 60%}

.all_join{position:relative;padding:0 0 48px;margin:10px 0 0;overflow:hidden;line-height:22px}
.all_join:after{content:"";position:absolute;left:50%;top:20px;width:1px;height:361px;background:url(../../../resources/images/common/pc/line_dot_v.gif) repeat-y}
.all_join > div{float:left;width:50%;padding:34px 0 0;box-sizing:border-box;border:1px solid #d9d9d9;border-left:0;height:402px;position:relative;text-align:center}
.all_join > div:first-child{border:1px solid #d9d9d9;border-right:0}
.all_join .tit{display:block;line-height:30px;font-size:20px;color:#303030;margin:0 0 176px}
.all_join .btn_l{margin:16px 0 0}
.all_join .btn{position:absolute;left:0;bottom:-49px}
.all_join .btn li{float:left;margin:0 5px 0 0}
.all_join .bg_01{background:url(../../../resources/images/HLG/pc/hlg01_003_01.jpg) no-repeat 50% 64px}
.all_join .bg_02{background:url(../../../resources/images/HLG/pc/hlg01_003_02.jpg) no-repeat 50% 64px}

.all_join2{border:1px solid #d9d9d9;padding:34px 40px 38px;margin:10px 0 0;line-height:22px}
.all_join2 .tit{display:block;line-height:30px;font-size:20px;color:#303030;margin:0 0 6px}
.all_join2 .btn_l{margin:25px 0 0}
.all_join2 .text{padding:16px 0 5px;margin:40px 0 0;background:url(../../../resources/images/common/pc/line_dot.gif) repeat-x}
.all_join2 .bg{background:url(../../../resources/images/HLG/pc/hlg01_003_03.jpg) no-repeat 100% 0}
.all_join2 .tab_con{margin:35px 0 0}
.all_join2 .tab_con ol:after{display:block;clear:both;height:0;line-height:0;content:""}
.all_join2 .tab_con li{float:left;width:156px;padding:0 0 0 35px;position:relative}
.all_join2 .tab_con li:first-child{padding:0}
.all_join2 .tab_con li:after{content:"";position:absolute;left:10px;top:6px;width:14px;height:23px;background:url(../../../resources/images/HLG/pc/bg_step.gif) no-repeat}
.all_join2 .tab_con li:first-child:after{display:none}
.all_join2 .tab_con strong{color:#303030;display:block}
.all_join2 .tab_con p{margin:20px 0 0}
.all_join2+.text_box{margin:40px 0 0}

.all_join3{position:relative;padding:0 0 48px;margin:10px 0 0;overflow:hidden;line-height:22px}
.all_join3 > div{float:left;width:100%;padding:34px 0 0;box-sizing:border-box;border: 1px solid #d9d9d9;height:380px;position:relative;text-align:center;background:url(../../../resources/images/HLG/pc/hlg01_003_01.jpg) no-repeat 50% 64px;}
.all_join3 .tit{display:block;line-height:40px;font-size:20px;color:#303030;margin:0 0 155px;}
.all_join3 .btn_l{margin:16px 0 0}
.all_join3 .btn{position:absolute;left:0;bottom:-49px}
.all_join3 .btn li{float:left;margin:0 5px 0 0}

.tab_pop + .tab_con .box_01{margin-top:15px}