* { box-sizing: border-box;  padding:0; margin:0; }
a { text-decoration:none; }
body { overflow:hidden; }


#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: rgb(1,202,204);
background: linear-gradient(167deg, rgba(1,202,204,1) 0%, rgba(250,3,255,1) 100%);  }
.login_box { width:100%; max-width:450px; margin:0 auto; background:#fff; border-radius:20px; padding:60px 50px; box-shadow: 0px 0px 15px rgba(0,0,0,0.4); }

.login_box .title { text-align:center; margin-bottom:30px; }
.login_box .title h1 { font-size:30px; color:#222;  }
.login_box .title h1 img { max-width:60%; }

.login_box .inputList {  }
.login_box .inputList li { border-bottom:1px solid #222; display:flex; align-items:center; padding:10px 0; margin-top:20px; }
.login_box .inputList li:first-child { margin-top:0; }
.login_box .inputList li > span { padding:0 0px 0 0px; font-size:28px; width:30px; margin-left:-4px; flex-shrink:0; }
.login_box .inputList li > span img { width:28px; }
.login_box .inputList li > input { background:#fff; flex-grow:1; border:0; height:36px; line-height:30px; padding:3px 10px; max-width:100%; }
.login_box .inputList li > input:focus { outline: none; background: rgb(1,202,204,0.2); }

.login_box .id_save { margin:20px auto;  display:flex; align-items:center;  justify-content:space-between; font-size:13px;  }
.login_box .id_save input[type="checkbox"] {  accent-color: #10becf; 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_save a.idsearch { text-decoration:underline; color:#177bca; }

.login_box .btn_area  {  }
.login_box .btn_area .loginButton { width:100%;  background: rgb(1,202,204); background: linear-gradient(167deg, rgba(1,202,204,1) 0%, rgba(250,3,255,1) 100%); 
border:0; border-radius:5px; color:#fff; padding:15px 0; font-weight:bold; letter-spacing:1px; font-size:15px;  }

.login_box .snsList { display:flex; justify-content:center; }
.login_box .snsList li { width:40px; height:40px; overflow:hidden; border-radius:20px; margin:0 7px;  }
.login_box .snsList li img { object-fit:cover; height:100%; }
.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 { }
.login_box .join_menu a.joinButton { display:block; width:100%;  background:#fff; border:1px solid #ccc; padding:15px 0; border-radius:5px; font-size:14px;  text-align:center; font-weight:bold; color:#444444; }
.login_box .join_menu a.joinButton:hover { background:#f1f1f1; border-color:#bbb; }

.break-heading{ text-align:center;position:relative; margin:20px auto; }
h2.break-heading span{background-color:#fff;display:inline-block;position:relative;z-index:1;color:#121212;font-size:14px;padding:0 7px;font-weight:700}
h2.break-heading::before{content:"";display:block;border-bottom:1px solid #d8d8d8;position:absolute;top:50%;height:0;width:100%;z-index:0}


.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:1000px){
.login_box { width:calc(100% - 40px) ; padding:40px 30px; }
}