/* 로그인 */
.log_wrap {position:fixed; top:0; left:0; width:100%; height:100%; }
.log_wrap:after {content:""; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,12,24,0.85);}
.log_wrap.site {}
.log_wrap.site:after {background:rgba(0,37,71,0.85);}

.log_wrap > .gs_pos {position:absolute; top:25px; right:25px; text-align:center; width:50px; display:none;}
.log_wrap > .gs_pos img {display:inline-block; width:100%;}
.log_wrap > .gs_pos span {display:inline-block; width:100%; font-size:11px; color:#777; padding-top:3px; display:none;}

.log_wrap .lw_pos {position:relative; top:50%; left:50%; transform:translate(-50%, -50%); max-width:550px; width:calc(100% - 30px); z-index:1;}
.log_wrap .lw_pos .logo_box {display:inline-block; width:100%; text-align:center; margin-bottom:40px; position: relative;}
.log_wrap .lw_pos .logo_box a {display: block; height:60px;background:url(/images/ci_white.png) no-repeat; background-size:auto 100% !important; background-position:top center !important; font-size: 0;}
.log_wrap .lw_pos .logo_box img {height:30px;}
.log_wrap .lw_pos .logo_box img.w {}
.log_wrap .lw_pos .logo_box img.b {display:none;}
.log_wrap .lw_pos .logo_box span {position:absolute; top:-10px; left:calc(50% + 75px); transform:translateX(-50%);color:#eee; font-size:13px; letter-spacing: 0.05em; font-family: tahoma; opacity: 0.5;}
.log_wrap .lw_pos .logo_box span span {color:#00c3ef;}
.log_wrap .lw_pos .frm_bx {display:inline-block; width:100%; padding:80px; background:#fff; border-radius:0 30px 30px 30px; position:relative;}
.log_wrap .lw_pos .frm_bx .gs_pos {position:absolute; top:25px; right:25px; text-align:center; width:80px; display:none;}
.log_wrap .lw_pos .frm_bx .gs_pos img {display:inline-block; width:100%;}
.log_wrap .lw_pos .frm_bx .gs_pos span {display:inline-block; width:100%; font-size:11px; color:#777; padding-top:3px; display:none;}
.log_wrap .lw_pos .fb_hdbx {display:inline-block; width:100%; padding-bottom:15px;}
.log_wrap .lw_pos .fb_hdbx h2		{display:inline-block; width:100%; font-family:Noto Sans KR, sans-serif; font-size:25px; font-weight:500; letter-spacing:-0.05em; color:#000; line-height:120%;}
.log_wrap .lw_pos .fb_hdbx p		{display:inline-block; width:100%; font-size:15px; color:rgba(0,0,0,0.5); padding-top:10px;letter-spacing:0em; line-height:140%;}
.log_wrap .lw_pos .copy		{display:inline-block; width:100%; font-size:11px; font-family:tahoma; color:rgba(255,255,255,0.4); padding-top:20px; text-align:center; letter-spacing:0.05em;}
.log_wrap .lw_pos .copy span		{color:rgba(255,255,255,0.6); display:inline-block; padding:0 5px;}
ul.rst_form				{position:relative;}
ul.rst_form li				{position:relative; width:100%;  padding:5px; font-size:0; margin-top:10px;}
ul.rst_form li input		{width:100%; height:60px; padding:10px 15px 0 15px; background:transparent; border:none; border-bottom:1px solid #e9e9e9; font-size:15px; font-family: Noto Sans KR, sans-serif; font-weight: 500; color:#0081ef; letter-spacing:0.05em; outline:none; transition:all .3s;}
ul.rst_form li.btn_box	{padding:35px 0 0 0;}
ul.rst_form li.btn_box button		{width:100%; padding:25px 0; background:#0081ef; border:none; outline:none; transition:all .3s; font-family: Noto Sans KR, sans-serif; font-weight: 500; line-height: 120%; font-size:15px; color:white; border-radius:35px; cursor:pointer; transition:all .3s; text-transform:uppercase;letter-spacing:0.05em;}
ul.rst_form li.btn_box button:hover		{background:#0059a5; transition:all .3s;}
ul.rst_form li input:focus {outline:none; border-bottom:1px solid #555; transition:all .3s;}
ul.rst_form li label				{position:absolute; top:18px; left:20px; transition:all .3s;}
ul.rst_form li label:before	{content:"ㆍ"; position:absolute;top:0; left:-15px; color:#ddd; font-size:15px; transition:all .3s; animation:dot_view .3s ease;}
ul.rst_form li label i				{color:#000 !important; padding-right:8px; display:none !important;}
ul.rst_form li label i,
ul.rst_form li label span		{display:inline-block; vertical-align:middle; font-size:15px; color:#555; font-family:tahoma; transition:all .3s;}
ul.rst_form li label.warning	{animation:warning .3s ease;}
ul.rst_form li input:focus + label,
ul.rst_form li input:valid + label				{top:5px;  animation-iteration-count:3;}
ul.rst_form li input:valid + label:before	{color:red;}
ul.rst_form li input:focus + label span,
ul.rst_form li input:valid + label span		{font-size:13px;}
ul.rst_form li input:focus + label span	{}
ul.rst_form li input:valid + label span		{color:#000 !important;}
ul.rst_form li > i		{position:absolute; top:calc(50% + 5px); right:15px; transform:translateY(-50%); font-size:20px; cursor:pointer;}

ul.rst_form li.rm_bx label				{top:0; left:0;}
ul.rst_form li.rm_bx label:before {display:none;}
ul.rst_form li.rm_bx input[type="checkbox"]{display:none;}
ul.rst_form li.rm_bx input[type="checkbox"] + label{position:relative; width:auto; height:25px; line-height:25px; padding:0 0 0 60px; margin-right:0; display:inline-block; background:url('/images/_____bg_checkbox.jpg') no-repeat 20px 0; cursor:pointer; transition:all .3s; font-size:13px;}
ul.rst_form li.rm_bx input[type="checkbox"]:checked + label{background-position: 20px -25px; transition:all .3s;}


@media screen and (max-width: 650px){
	body {background:#fff !important;}
	.log_wrap {position:relative; height:auto; padding:60px 0; background:transparent;}
	.log_wrap:after {display:none;}
	.log_wrap .lw_pos {top:0; left:50%; transform:translate(-50%, 0); z-index:1;}
	.log_wrap .lw_pos .logo_box {margin:0 0px 25px 0px; }
	.log_wrap .lw_pos .logo_box a {height:40px;background:url(/images/ci_black.png) no-repeat; }
	.log_wrap .lw_pos .logo_box img {height:45px;}
	.log_wrap .lw_pos .logo_box img.w {display:none;}
	.log_wrap .lw_pos .logo_box img.b {display:inline-block;}
	.log_wrap .lw_pos .logo_box span {color:#000; left:calc(50% + 55px); font-size:11px;}
	.log_wrap .lw_pos .logo_box span span {color:#005fc1;}
	.log_wrap .lw_pos .frm_bx {padding:20px; background:transparent; border-radius:0;}
	.log_wrap .lw_pos .fb_hdbx {padding-bottom:10px;}
	.log_wrap .lw_pos .fb_hdbx h2		{font-size:18px; }
	.log_wrap .lw_pos .fb_hdbx p		{font-size:10px; padding-top:8px; line-height:140%;}
	.log_wrap .lw_pos .copy		{color:rgba(0,0,0,0.4);}
	.log_wrap .lw_pos .copy span		{color:rgba(0,0,0,0.6);}
	ul.rst_form li input		{height:55px; border-bottom:1px solid #ddd;}
	ul.rst_form li.btn_box button		{border-radius:7px;}
}