@charset "utf-8";
/* Author : PULIP COMMUNICATIONS, Smart Media Group */

/* ========== reset ========== */
/*@import url(http://fonts.googleapis.com/css?family=Roboto);*/
/* cyrillic-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../download/roboto_medium_cyrillic_ext.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;

}
/* cyrillic */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../download/roboto_medium_cyrillic.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../download/roboto_medium_greek_ext.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../download/roboto_medium_greek.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../download/roboto_medium_vietnamese.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../download/roboto_medium_latin_ext.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../download/roboto_medium_latin.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* ie firefox*/
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'), local('Roboto-Medium'), url(../download/roboto_medium.woff) format('woff');
}
/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(../download/NanumGothic-Regular.woff2) format('woff2');
}
/* ie firefox*/
@font-face {
    font-family: 'Nanum Gothic';
    font-style: normal;
    font-weight: 400;
    src: url(../download/NanumGothic-Regular.woff) format('woff');
}
/*@font-face {*/
    /*font-family: 'Nanum Gothic';*/
    /*font-style: normal;*/
    /*font-weight: 700;*/
    /*src: url(../download/NanumGothic-Bold.woff2) format('woff2');*/
/*}*/
/*@font-face {*/
    /*font-family: 'Nanum Gothic';*/
    /*font-style: normal;*/
    /*font-weight: 800;*/
    /*src: url(../download/NanumGothic-ExtraBold.woff2) format('woff2');*/
/*}*/
*, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
*:focus{outline:0;}
body{-webkit-text-size-adjust:none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, p, blockquote, button, mark{margin:0;padding:0;color:#5a5a5a;font:normal 12px/0.9 Roboto, 'Nanum Gothic', '돋움', Dotum, '굴림', Gulim, sans-serif; letter-spacing: 0.03em; }
header, section, article, footer, hgroup, aside, nav, figure{display:block;margin:0;padding:0;color:#5a5a5a;font:normal 12px/0.9 Roboto, 'Nanum Gothic', '돋움', Dotum, '굴림', Gulim, sans-serif;}
ul, ol, li{list-style:none;}
table{border-collapse:collapse;/*table-layout:fixed;*/}
colgroup{display:table-column-group;}
caption, legend{visibility:hidden;overflow:hidden;height:0;}
td, th{color:#5a5a5a;font:normal 12px/0.9 Roboto, 'Nanum Gothic', '돋움', Dotum, '굴림', Gulim, sans-serif;word-break:break-all;vertical-align:middle;}
mark, var, em{padding:0;margin:0;font-size:inherit;font-weight:inherit;line-height:inherit;font-style:normal;background:none;}
img, fieldset{border:none;}
a:link      {color:#5a5a5a;text-decoration:none;}
a:visited   {color:#5a5a5a;text-decoration:none;}
a:active    {color:#5a5a5a;text-decoration:none;}
a:hover     {color:#5a5a5a;text-decoration:none;}

/* scroll bar */
::-webkit-scrollbar{width:11px;height:11px;}
::-webkit-scrollbar-thumb {background-color:rgba(0,0,0,0.2);-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,0.10),inset 0 -1px 0 rgba(0,0,0,0.07);}
::-webkit-scrollbar-button{width:0;height:0;display:none;}
::-webkit-scrollbar-corner{background-color:transparent;}
::-webkit-scrollbar-thumb:hover{}
::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,0.4);}
::-webkit-scrollbar-track{background-color:rgba(220, 214, 211, 0.5);}
::-webkit-scrollbar-thumb:window-inactive{}

.loginWrap {
    overflow: hidden;
    position: relative;
    width: 100%; /*min-width:1263px;*/
    padding: 0;
    background: #cc3399;
}
.inputLogin{
    margin-top : 7px;
    width : 316px;
    height : 45px;
    border-radius: 7px;
    border: solid 1px #dcdddd;
    background-color: #efefef;
    font-weight: normal;

    font-size : 18px;
    color :#555;
    padding-left : 19px;
	/*display:inline-block;*/
    /*width:100%;*/
    /*height:50px;*/
    /*padding:0 39px 0 19px;*/
    /*margin:0;*/
    /*font-size:16px;*/
    /*color:#6e6e6e;*/
    /*font-weight:normal;*/
    /*font-family:Roboto, 'Nanum Gothic', '돋움', Dotum, '굴림', Gulim, sans-serif;*/
    /*line-height:27px;*/
	/*white-space:nowrap;*/
    /*text-overflow:ellipsis;*/
    /*-webkit-appearance:none;*/
    /*border:1px solid #dcdcdc;*/
    /*background:#f0f0f0;*/
}
.inputLogin::-webkit-input-placeholder{color:#b4b4b4;font-weight:normal;}
.inputLogin::-moz-placeholder{color:#b4b4b4;font-weight:normal;}
.inputLogin:-ms-input-placeholder{color:#b4b4b4;font-weight:normal;}

.chkLogin[type="checkbox"]{display:none;padding:0;margin:0;}
	.chkLogin[type="checkbox"] + label{display:inline-block;position:relative;height:16px;padding:2px 0 0 16px;margin:0;font-weight:normal;white-space:nowrap;cursor:pointer;}
	.chkLogin[type="checkbox"] + label:before{
		display:inline-block;content:"";position:absolute;left:0px;top:0px;width:16px;height:16px;margin:0;vertical-align:middle;
		background-image:url(../images/common/sp_form.png);background-position:0 0;background-repeat:no-repeat;
	}
	.chkLogin[type="checkbox"]:checked + label:before{background-position:-16px 0;}
	.chkLogin[type="checkbox"] + label .txt{display:inline-block;padding:0 0 0 10px;}

.btnLogin{
	display:inline-block;
    /*width:112px;height:36px;*/
    /*padding:11px 0 0 0;*/
    /*font-size:1.167em;*/
    /*color:#fff;*/
    /*font-weight:bold;*/
	/*border:1px solid #19a5a0;*/
    /*border-radius:4px;*/
    -webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);
    /*background:#73c8cd;*/
    width : 316px;
    height : 45px;
    border-radius: 7px;
    background-color: #a42544;
    font-size: 18px;
    font-weight: normal;
    color : #fff;
    text-align: center;

}
.btnLogin:link, .btnLogin:visited, .btnLogin:hover, .btnLogin:active{color:#fff;}
	.btnLogin:hover, .btnLogin:focus{background: #90213c; border:1px solid #90213c;-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);}
	.btnLogin:active{border:1px solid #831c35;text-shadow:none;-webkit-box-shadow:inset 0 2px 1px 0 rgba(0, 0, 0, 0.2);box-shadow:inset 0 2px 1px 0 rgba(0, 0, 0, 0.2);filter:none;-ms-filter:none;background:#831c35;}
	.btnLogin.disabled{color:#b8b8b8;border:1px solid #b8b8b8;text-shadow:none;-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);filter:none;-ms-filter:none;background:#e6e6e6;}


.btnStartFreeTrial{
	display:inline-block;width:324px;height:72px;padding:25px 0 0 0;font-size:1.500em;color:#fff;font-weight:bold;text-align:center;
	border:2px solid #bc2780;border-radius:6px;-webkit-box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);box-shadow:0 2px 2px 0 rgba(0, 0, 0, 0.2);background:#73c8cd;
}
.btnStartFreeTrial:link, .btnStartFreeTrial:visited, .btnStartFreeTrial:hover, .btnStartFreeTrial:active{color:#fff;}
	.btnStartFreeTrial:hover, .btnStartFreeTrial:focus{
		-webkit-box-shadow:inset 0 0 1px 0 rgba(0, 0, 0, 0.9), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
				box-shadow:inset 0 0 1px 0 rgba(0, 0, 0, 0.9), 0 2px 2px 0 rgba(0, 0, 0, 0.2);
	}
	.btnStartFreeTrial:active{text-shadow:none;-webkit-box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.2);filter:none;-ms-filter:none;background:#5ab2b5;}
	.btnStartFreeTrial.disabled{color:#b8b8b8;border:1px solid #b8b8b8;text-shadow:none;-webkit-box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.3);filter:none;-ms-filter:none;background:#e6e6e6;}
	
.btnFind{overflow:hidden;display:inline-block;position:relative;min-width:88px;height:32px;padding:0 12px;color:#fff;font-weight:bold;white-space:nowrap;text-align:center;line-height:32px;border-radius:6px;background:#594b4f;}
.btnFind:link, .btnFind:visited, .btnFind:active, .btnFind:hover{color:#fff;}
.btnFind:hover, .btnFind:focus{-webkit-box-shadow:1px 2px 3px 0 rgba(0, 0, 0, 0.3);box-shadow:1px 2px 3px 0 rgba(0, 0, 0, 0.3);}
.btnFind:active{-webkit-box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.7);box-shadow:inset 0 2px 3px 0 rgba(0, 0, 0, 0.7);}

.loginCnt{
    height: calc(100vh - 90px);
    /*padding:300px 0 225px 0;*/
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align:center;
    background: #fff;
    /*background:#f8f7f6 url(../images/contents/login_shape.png) no-repeat center bottom;*/
}
.loginCnt .logo{margin:0 auto 30px auto}
.loginCnt .logo img{
    width : 218px;
    height : 39px;
}
.loginCnt .loginBox{position:relative;width:350px;margin:0 auto;}
	.loginCnt .loginBox .notice{display:none;position:absolute;left:0;top:-40px;width:100%;height:30px;padding:9px 0 0 19px;color:#9d870e;font-size:1.0833em;text-align:left;border:1px solid #ede381;background:#f7f2c0;}
	.loginCnt .loginBox .notice.open{display:block;}
	.loginCnt .loginBox > ul{}
	.loginCnt .loginBox > ul > li{position:relative;}
	.loginCnt .loginBox > ul > li:last-child{margin-bottom:0;}
	.loginCnt .loginBox > ul > li .check{display:none;position:absolute;right:18px;top:14px;}
	.loginCnt .loginBox > ul > li .check.open{display:block;}

.loginCnt .loginBox .sm-btn {
    text-align: center;
    width : 316px;
    height : 45px;
    font-size: 18px;
    font-weight: normal;
    margin: 10px 0 0 0;
}
	.loginCnt .loginBox .sm-btn label{float:left; margin:10px 0 0 0;}
    .loginCnt .loginBox .sm-btn{
        width : 100%;
    }
	.loginCnt .loginBox .sm-btn .btnLogin {
        width: 316px;
        height : 45px;
        padding-top : 14px;
        text-align: center;
    }
	.loginCnt .loginBox .forgotMessage{margin:35px 0 0 0;font-size:1.083em;color:#464646;text-align:left;}
	.loginCnt .loginBox .forgotMessage a{color:#19a5a0;font-weight:bold;}
.loginCnt .loginInfoFindBox{display:none;position:absolute;left:100%;top:-40px;width:290px;padding:20px 20px 10px 20px;margin:0 0 0 67px;border:2px solid #594b4f;background:#fff;}
.loginCnt .loginInfoFindBox.open{display:block;}
	.loginCnt .loginInfoFindBox .message{padding:10px 17px;font-size:1.083em;color:#19a5a0;text-align:left;line-height:1.3;border:1px solid #96d2d2;background:#dcf1f2;}
	.loginCnt .loginInfoFindBox .question{padding:0;margin:10px 0 0 0;font-size:1.083em;color:#464646;text-align:center;line-height:1.3;}
	.loginCnt .loginInfoFindBox .infoEmailTo{padding:0;margin:10px 0 0 0;font-size:1.083em;color:#6e6e6e;text-align:center;line-height:1.3;}
	.loginCnt .loginInfoFindBox .infoEmailTo b{color:#5a5a5a;}
	.loginCnt .loginInfoFindBox .form{margin:10px 0 0 0;}
	.loginCnt .loginInfoFindBox .sm-btn{margin:16px 0 0 0;}
	.loginCnt .loginInfoFindBox .sm-btn a{margin:0 1px;}

.loginCnt .loginBox .lg-btn {
    width: 150px;
    height: 31px;
    margin: 10px 100px;
    padding: 13px 54px 6px 56px;
    border-radius: 7px;
    background-color: #a42544;
}
.loginCnt .loginBox .lg-btn .btnRetry {
    padding: 5px 50px 5px 50px;
    position: relative;
    top: -5px;
    margin: 0 -100px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
}
.loginCnt .loginFingerprintFailed {
    padding-top: 27px;
}
.loginCnt .loginFingerprintFailed .authFailed {
    margin: 5px 0 5px 0;
    padding-top: 2px;
    width: 70px;
    height: 70px;
    object-fit: contain;
}
.loginCnt .loginFingerprintFailed .authFailedLabel {
    padding-top: 15px;
    font-size: 18px;
    font-weight: normal;
    font-family: Roboto;
    line-height: 0.78;
    letter-spacing: normal;
    text-align: center;
}
.loginCnt .loginFingerprint {
    padding-top: 25px;
}
.loginCnt .loginFingerprint .loginFingerPrintImg {
    padding-top: 24px;
    padding-bottom: 15px;
}
.loginCnt .loginFingerprint .loginScanFingerprint {
    font-family: Roboto;
    font-size: 18px;
    line-height: 0.78;
    letter-spacing: normal;
    text-align: center;
    color: #5a5a5a;
}

.loginCnt .guideMenu {
    float: right;
    margin: 0 0 8px 0;
    color: #5a5a5a;
}

.loginCnt .guideMenu .help {
    margin-right : 20px;
    cursor: pointer;
}

.loginCnt .guideMenu .help .point {
    color: #428bcc;
}

.loginCnt .loginBox .dl-https {
    text-align: center;
    width: 350px;
    height: 14px;
    margin: 40px 0 0 0;
}

.loginCnt .loginBox .dl-https a:link      {color:#428bcc;text-decoration:underline;}
.loginCnt .loginBox .dl-https a:visited      {color:#428bcc;text-decoration:underline;}
.loginCnt .loginBox .dl-https a:active      {color:#428bcc;text-decoration:underline;}
.loginCnt .loginBox .dl-https a:hover      {color:#428bcc;text-decoration:underline;}

.bioStarCnt{overflow:hidden;width:886px;padding:243px 0 190px 0;margin:0 auto;}
	.bioStarCnt .bioStarInfo{float:left;}
	.bioStarCnt .tit{font-size:3.000em;color:#fff;font-weight:bold;line-height:1.2;}
	.bioStarCnt .info{overflow:hidden;margin:26px 0 0 0;}
	.bioStarCnt .info figure{float:left;margin:0 18px 0 0;border:2px solid #bc2780;border-radius:2px;}
	.bioStarCnt .info p{float:left;margin-top:-2px;font-size:1.333em;color:#fff;line-height:1.4;}
	.bioStarCnt .sm-btn{margin:29px 0 0 0;}
	.bioStarCnt .bioStarPreview{float:right;overflow:hidden;position:relative;width:284px;height:254px;margin:46px 0 0 0;border:2px solid #bc2780;border-radius:2px;}
	.bioStarPreview > ul{width:2000px;}
	.bioStarPreview > ul > li{float:left;}
	.bioStarPreview > ul > li figure img{width:280px;height:209px;}
	.bioStarPreview > ul > li p{height:40px;padding:14px 0 0 0;font-size:1.167em;color:#594b4f;font-weight:bold;text-align:center;background:#fff;}
	.bioStarPreview .prev, .bioStarPreview .next{display:block;position:absolute;top:220px;width:11px;height:17px;}
	.bioStarPreview .prev{left:17px;background:url(../images/contents/btn_login_preview_prev.png) no-repeat left top;}
	.bioStarPreview .next{right:17px;background:url(../images/contents/btn_login_preview_next.png) no-repeat left top;}
.loginWrap .copyright{
    /*height:37px;*/
    /*padding:6px 0 0 0;*/
    /*font-size:1.083em;*/
    /*color:#fff;*/
    /*text-align:center;*/
    width : 100%;
    height : 90px;
    background:  #727171;
    color:#fff;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

body a:focus
{
  outline: none;
}
/*
.btnAdLogin .hr {
    border: none;
    border-top: 1px solid black;
    color: #333;
    overflow: visible;
    text-align: center;
    height: 4px;
}
.btnAdLogin .hr:after {
    background: #fff;
    content: 'or';
    padding: 0 4px;
    position: relative;
    top: -13px;
} */

.LoginUnderLine {
    border-top: 1px solid #dbdbdb;
    text-align: center;
    margin: 20px 0;
    position: relative;
    color: #9fa0a0;
}

.LoginUnderLine span {
    background: #fff;
    padding: 0 4px;
    position: absolute;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.btnAdLogin {
    display: inline-block;
    align-items: center;
    justify-content: center;
    background-color: #F1F1F1; /* 배경색 */
    border: 1px solid #D4D4D4; /* 테두리 */
    border-radius: 5px; /* 모서리 둥글게 */
    padding: 13px 20px; /* 패딩 */
    font-size: 13px; /* 글자 크기 */
    height : 45px;
    font-weight: bold; /* 글자 두께 */
    color: #333; /* 글자 색상 */
    text-align: center; /* 텍스트 가운데 정렬 */
    text-decoration: none; /* 링크 밑줄 제거 */
    cursor: pointer; /* 마우스 커서 모양 변경 */
    width : 316px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 박스 그림자 */
}

.btnAdLogin img {
    height: 20px; /* 이미지 높이 */
    margin-right: 10px; /* 텍스트와 이미지 간격 */
}

.btnAdLogin:hover {
    background-color: #E0E0E0; /* 호버 시 배경색 */
    border-color: #B0B0B0; /* 호버 시 테두리 색상 */
}

.btnAdLogin:active {
    background-color: #D0D0D0; /* 클릭 시 배경색 */
    border-color: #A0A0A0; /* 클릭 시 테두리 색상 */
}