@import url('https://cdn.jsdelivr.net/gh/sunn-us/SUIT/fonts/static/woff2/SUIT.css');
/* NanumBarunGothic Light */ 
@font-face{
	font-family: 'NanumBarunGothic';
	font-style:normal;
	font-weight:400;
	src:url('/makeshop/newmanager/font/NanumBarunGothicWeb.eot');
	src:url('/makeshop/newmanager/font/NanumBarunGothicWeb.eot?#iefix') format('embedded-opentype'),
		url('/makeshop/newmanager/font/NanumBarunGothicWeb.woff') format('woff'),
		url('/makeshop/newmanager/font/NanumBarunGothicWeb.ttf') format('truetype');
}
@font-face{
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:700;
	src:url('/makeshop/newmanager/font/NanumBarunGothicWebBold.eot');
	src:url('/makeshop/newmanager/font/NanumBarunGothicWebBold.eot?#iefix') format('embedded-opentype'),
		url('/makeshop/newmanager/font/NanumBarunGothicWebBold.woff') format('woff'),
		url('/makeshop/newmanager/font/NanumBarunGothicWebBold.ttf') format('truetype');
}
@font-face{
	font-family:'NanumBarunGothic';
	font-style:normal;
	font-weight:100;
	src:url('/makeshop/newmanager/font/NanumBarunGothicWebLight.eot');
	src:url('/makeshop/newmanager/font/NanumBarunGothicWebLight.eot?#iefix') format('embedded-opentype'),
		url('/makeshop/newmanager/font/NanumBarunGothicWebLight.woff') format('woff'),
		url('/makeshop/newmanager/font/NanumBarunGothicWebLight.ttf') format('truetype');
}

body, #layout { padding:0; margin:0; width:100%; font-size:13px; }
body, table, button, input, select, textarea, a, .font-nbg { font-family: 'NanumBarunGothic', '³ª´®¹Ù¸¥°íµñ', 'Nanum Barun Gothic', '¸¼Àº °íµñ', 'Malgun Gothic'; font-weight: 400; text-decoration:none; }
li { list-style:none; }
fieldset { padding:0; margin:0; border:none; }
legend { display:none; }
input[type=radio], input[type=checkbox] { width:14px; height:14px; margin:-2px 2px 0 0; padding:0; vertical-align:middle; }
div, ul, li, a, p, span, img { padding:0; margin:0; border:none; }
input { outline:none; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.fc-blue { color:#235fd9; }
.fc-red { color:#ff0000; }


/* ·Î±×ÀÎ */
#login { position:relative; width:1133px; margin:0 auto; padding:70px 0; color:#000; }
#login .mk-logo { position:absolute; top:31px; left:0; }
#login .page-tit { margin-bottom:70px; padding-left:32px; font-size:40px; color:#235fd9; letter-spacing:0; font-family:'Tahoma'; line-height:1; text-align:center; font-weight:700; }
#login .page-wrap:after { clear: both; content: ""; display: block; }
#login .page-wrap { width:100%; }
 /* ·Î±×ÀÎ Æû */
#loginFrm { position:relative; float:left; width:445px; height:382px; padding:0 55px; border:1px solid #d4dddd; }
#loginFrm .wrap-tit { padding:35px 0 29px; font-size:30px; line-height:1; }
#loginFrm .login-tab li { float:left; width:150px; text-align:left; color:#666; font-weight:400; cursor:pointer; font-size:18px; }
#loginFrm .login-tab li.now { color:#235fd9; }
#loginFrm .login-tab li input[type=radio] { width:21px; height:21px; margin:-2px 5px 0 0; padding:0; vertical-align:middle; }
#loginFrm .login-tab li label { cursor:pointer; }
#loginFrm .frm { position: relative; margin:20px 0 0; }
#loginFrm .frm .btn { position: absolute; }
#loginFrm .frm .d-chk { display:inline-block; padding-top:15px; }
#loginFrm .frm .d-chk span { display:inline-block; height:17px; line-height:17px; margin-right:23px; color:#666; font-size:13px; cursor: pointer; }
#loginFrm .frm .btn-login { top:0; right:0; display:block; width:113px; height:75px; line-height:77px; border:1px solid #305a7b; color:#fff; font-size:16px; background:#4f7491; text-align:center; cursor:pointer; }
#loginFrm .input-w { position:relative; display:block; width:316px; height:33px; margin-bottom:5px; border:1px solid #cbd3da; background:#fff; }
#loginFrm .input-w label,
#loginFrm .input-w .txt-input { position: absolute; }
#loginFrm .input-w label { top:0; left:19px; height:33px; line-height:33px; font-size:13px; color:#91a7b7; }
#loginFrm .input-w .txt-input { top:0; left:8px; width:295px; height:31px; padding-left: 10px; line-height:33px; font-size: 13px; font-weight:700; border: 0; opacity: 0; filter: alpha(opacity=0); background:none; }
#loginFrm .mtxt { margin-top:20px; padding-top:15px; border-top:1px solid #cbd3da; color:#2e5a7d; line-height:24px; font-weight:700; }
#loginFrm .mtxt li span { color:#f45154; }

#login .login-notice { float:left; position:relative; width:495px; height:382px; margin-left:19px; padding:0 30px; border:1px solid #d4dddd; }
#login .login-notice .tit { padding:18px 0 4px; text-align:left; }
#login .login-notice .tit a { font-weight:700; font-size:16px; }
#login .login-notice .news-list { margin-top:1px; }
#login .login-notice .news-list li { height:34px; line-height:34px; *height:29px; *line-height:31px; border-bottom:1px solid #f1f5f5; font-size:14px; }
#login .login-notice .news-list li .subj { float:left; padding-left:10px; text-align:left; background:url('/login/images/mainnew_bull_h2_sqr.gif') no-repeat left center; }
#login .login-notice .news-list li .subj a { display:inline-block; overflow:hidden; max-width:380px; text-overflow:ellipsis; white-space:nowrap; color:#000; background:none; font-size:14px; vertical-align:middle; }
#login .login-notice .news-list li .subj .ico-issue { display:inline-block; width:38px; height:18px; line-height:20px; margin-left:7px; padding-right:9px; color:#fff; font-size:12px; font-weight:700; text-align:right; background:url('/login/images/mainnew_issue.gif') no-repeat 0 0; vertical-align:middle; font-style:normal; }
#login .login-notice .news-list li .subj .ico-new { display:inline-block; width:17px; height:17px; line-height:19px; margin-left:7px; border-radius:20px; color:#fff; font-size:10px; font-weight:700; text-align:center; background:#fe4343; vertical-align:middle; font-style:normal; }
#login .login-notice .news-list li .date { float:right; width:40px; text-align:right; color:#000; font-weight:700; font-size:14px; }
#login .login-notice .news-list li:first-child .subj a { font-weight:700; }
#login .login-notice .news-list li.issue .subj a { color:#000; }
#login .login-notice .upgrade-list li { height:34px; line-height:34px; *height:29px; *line-height:31px; border-bottom:1px solid #f1f5f5; font-size:14px; }
#login .login-notice .upgrade-list li .subj { float:left; padding-left:10px; text-align:left; background:url('/login/images/mainnew_bull_h2_sqr_green.gif') no-repeat left center; }
#login .login-notice .upgrade-list li .subj a { display:inline-block; overflow:hidden; max-width:450px; text-overflow:ellipsis; white-space:nowrap; color:#000; background:none; font-size:14px; vertical-align:middle; }
#login .login-notice .upgrade-list li.open .subj a { font-weight:700; }
#login .login-notice .upgrade-list li.open .subj a > span { color:#fe4343; }
#login .login-notice .upgrade-list li .date { float:right; width:40px; text-align:right; color:#000; font-weight:700; font-size:14px; }
#login .login-notice .login_notice_link { cursor:pointer; color:#000000; }
#login .login-notice .login_note_link { cursor:pointer; color:#000000; font-weight:700; }


#EventLoginBannerLeft,
#EventLoginBannerRight { float:left; width:555px; padding:30px 0; border:1px solid #d4dddd; border-top:none; text-align:center; font-size:0; line-height:0; }
#EventLoginBannerRight { margin-left:19px; }
#EventLoginBannerLeft img,
#EventLoginBannerRight img { width:496px; height:188px; }

#EventLoginBannerBox { width:100%; margin-top:20px; font-size:0; line-height:0; }
#EventLoginBannerBox a { display:block; }
#EventLoginBannerBox a img { width:100%; height:80px; }

/* Æ˾÷ Ãß°¡ */
.notice-popup {
	position:fixed; 
	top:200px; 
	box-shadow:0px 4px 15px rgba(0, 0, 0, 0.1); 
	border-radius:20px;
	z-index:10;
}
.notice-popup.popup-nt {
	right:180px;
}
.notice-popup .popup {
    position:relative;
    width:auto;
    border-radius:20px;
    overflow:hidden;
    background-color:#fff;
    border: 1px solid#dbdbdb;
	max-width: 440px;
}
.notice-popup .popup-close {
    z-index: 100;
    position: absolute;
    top: 32px;
    right: 32px;
    width: 2px;
    height: 2px;
    cursor: pointer;
}
.notice-popup .popup-body {
    width: 100%;
    min-height: auto;
    background-color: #fff;
}
.notice-popup .popup-content {
    padding: 37px 24px 30px;
}
.notice-popup .popup-content * {
    font-family: 'SUIT', sans-serif;
    font-size: 15px;
    line-height: 25px;
	letter-spacing: -0.075px;
}
.notice-popup .popup-content h3 {
	font-weight: 600;
}
.notice-popup .popup-content p {
	font-size: 14px;
}
.notice-popup .popup-content .txt-box {
	padding: 16px;
	margin: 10px 0;
	border-radius: 10px;
}
.notice-popup .popup-content .txt-box.red {
	background: #fff0f0;
	text-align: center;
	color: #d43131;
	font-weight: 600;
}
.notice-popup .popup-content .txt-box.blue {
	padding: 16px 80px;
	background: url('/login/images/ico_pop_talk.png') no-repeat 10px center #e4e9f4;
}
.notice-popup .popup-content .txt-box.blue strong {
	font-weight: 600;
}
.notice-popup .popup-content .txt-box.blue span {
	display: block;
	font-size: 12px;
}
.notice-popup .popup-foot {
	height: 57px;
}
.notice-popup .popup-foot .pop-btn {
    display: inline-flex;
    width: 50%;
    height: 100%;
    justify-content: center;
    align-items: center;
    float: left;
    color: #7f7f7f;
    cursor: pointer;
    border-top: 1px solid #dbdbdb;
    font-size: 15px;
    font-weight: 400;
	box-sizing: border-box;
	background: #f4f6f8;
}
.notice-popup .popup-foot .pop-btn:hover {
	color: #000;
}
.notice-popup .popup-foot .pop-btn.today-none {
    border-right: 1px solid #dbdbdb;
}