* { box-sizing: border-box;  padding:0; margin:0; }
a { text-decoration:none; }
body { overflow:hidden; width:100%;  }
footer, .fix_button{ display:none; }
#login_section { position:fixed; top:0; left:0; width:100%; height:100%; z-index:99999999; overflow:hidden;  }
.login_a { display:none; }

.login_body { display:flex; justify-content:space-between; align-items: center; height:100%; width:100%; 
background:#000 url('/_template/in_content_ko01/image/login_form_net5_bg.jpg') no-repeat; background-size:cover;}
.login_box { width:100%; max-width:600px; margin:0 auto; background:rgba(0,0,0,0.5); display:flex; padding:40px 0; box-shadow:0 0 10px rgba(0,0,0,0.2); }

.login_box > div { width:100%;  flex-shrink:0; padding:50px 100px;  display:flex; flex-direction: column; justify-content:center;  }
.login_box .left_area { }
.login_box .right_area { display:none; }

.login_box .title { margin-bottom:70px; display:flex; justify-content:space-between; align-items:center; }
.login_box .title h1 { font-size:30px; color:#fff;  line-height:45px;   font-family: "Montserrat", sans-serif; font-weight:700; text-align:left; border-bottom:1px solid #ef547e; display:inline-block; padding:0 5px; }
.login_box .title h1 img { max-width:60%; }
.login_box .title span { color:#fff; font-size:16px; }

.login_box .right_area .title h1 { text-align:left; color:#fff; }
.login_box .right_area .title p { margin:10px auto; color:#fff; font-size:16px; text-align:center; }

.login_box .inputList {  }
.login_box .inputList .input_title { color:#fff; width:100%; font-size:14px; display:flex; justify-content:space-between; align-items:center; line-height:14px; }
.login_box .inputList .tpm3 { margin-top:30px; }
.login_box .inputList li { display:flex; align-items:center;  margin-top:5px; border-bottom:1px solid rgba(255,255,255,0.5); }
.login_box .inputList li:first-child { margin-top:0; }
.login_box .inputList li > input { background:transparent; flex-grow:1; border:0; height:44px; line-height:30px; padding:7px 5px; font-size:16px; max-width:100%; color:#fff; }
.login_box .inputList li > input:focus { outline: none; }

.login_box .id_save { margin:20px auto; font-size:13px; color:#fff; }
.login_box .id_save input[type="checkbox"] {  accent-color: #ef547e; width:16px; height:16px; }

.login_box .id_save label { display:flex; align-items:center; margin-left:0px; font-size:13px; }
.login_box .id_save label input[type="checkbox"] { margin-right:10px; }

.login_box .id_miss { margin-top:30px; }
.login_box .id_miss a.idsearch { text-align:center; display:block; font-size:15px; color:#fff;  }

.login_box .btn_area  {  text-align:center; margin-top:30px; }
.login_box .btn_area .loginButton { width:100%;  background: #ef547e; margin:0 auto; height:50px; border-radius:5px; border:0; color:#fff; letter-spacing:1px; font-size:15px;  }

.login_box .snsList { margin-top:30px; border-top:1px solid #ddd; padding-top:30px; }
.login_box .snsList h4 { color:#fff;text-align:center; font-size:14px; font-weight:normal; margin-right:20px; display:none; }
.login_box .snsList ul { display:flex; align-items:center; justify-content:center; }
.login_box .snsList li { width:30px; height:30px; overflow:hidden; border-radius:15px; margin:0 4px; flex-shrink:0; }
.login_box .snsList li img { object-fit:cover; height:100%; }
.login_box .snsList li.kakao_login { background:#f9e000; height:30px; width:auto; border-radius:15px; padding-right:10px; line-height:30px; }
.login_box .snsList li.kakao_login:after { content:"카카오계정으로 로그인"; white-space:nowrap; }
.login_box .snsList #naver_id_login { background:url('/_template/in_content_ko01/image/icon_naver.webp'); background-size:100% auto; }
.login_box .snsList #naver_id_login * { opacity:0; }
.login_box .snsList #naver_id_login img {  opacity:100%; }

.login_box .join_menu {  margin-top:30px; }
.login_box .join_menu .substance { color:#fff; font-size:13px; text-align:center; margin-bottom:20px; }
.login_box .join_menu a.joinButton { display:block; width:100%;  border:1px solid #fff; margin:0 auto; height:50px; line-height:50px; border-radius:5px; color:#fff;  letter-spacing:1px; font-size:15px;   text-align:center; }
.login_box .join_menu a.joinButton:hover {background:rgba(0,0,0,0.5) ; border:1px solid rgba(255,255,255,0.5) }


.select_lang {  margin-top:30px; }
.select_lang ul { display:flex; justify-content:center; }
.select_lang ul li { width:30px; margin:0 5px; }
.select_lang ul li a { display:block; background-image:url('/_template/in_content_ko01/image/flag_kor.jpg'); background-repeat:no-repeat;  width:30px; height:20px; background-size:100% auto; 
text-indent:-10000px; border:1px solid #ccc; }
.select_lang ul li a.ko { background-image:url('/_template/in_content_ko01/image/flag_kor.jpg'); }
.select_lang ul li a.zh { background-image:url('/_template/in_content_ko01/image/flag_chn.jpg'); }
.select_lang ul li a.en { background-image:url('/_template/in_content_ko01/image/flag_usa.jpg'); }
.select_lang ul li a.ja { background-image:url('/_template/in_content_ko01/image/flag_jpn.jpg'); }
.select_lang ul li a.vi { background-image:url('/_template/in_content_ko01/image/flag_vnm.jpg'); }


@media(max-width:800px){
.login_box { width:calc(100% - 40px) ; padding:0px 0 }
.login_box {  display:block; height:auto; }
.login_box > div { width:100%; padding:30px 30px; }
.login_box > div.right_area { padding:20px 0}
.login_box .title { margin-bottom:30px; }
.login_box .title h1 { font-size:18px;  line-height:25px;  padding:0; }
.login_box .right_area .title h1 { color:#fff; }
.login_box .right_area .title p { margin:10px auto 0; color:#fff; font-size:13px; text-align:center; line-height:18px; }
.login_box .inputList li {  margin-top:10px; }
.login_box .inputList li > input { height:40px; line-height:30px; padding:5px ; font-size:14px; }
.login_box .id_save { margin:10px auto;}
.login_box .id_save label { font-size:12px; }
.login_box .id_save label input[type="checkbox"] { margin-right:10px; }
.login_box .id_miss a.idsearch { font-size:13px; }
.login_box .btn_area .loginButton { height:40px;  font-size:14px;  }
.login_box .join_menu a.joinButton {  height:40px;  font-size:14px;   line-height:40px; }
.login_box .snsList { margin-top:20px; border-top:1px solid #ddd; padding-top:20px; }
}