/* ------ 담당자 주석 표기, 주석 표기 시 가급적 영문표기(언어 설정 에러 시 한글 깨짐), 주요 부분 주석 표기, 사용하지 않는 부분 삭제, 에러 시 오타 확인 ---- */
/* -----------------------------------------
1st : 2021.05.26 hs-kim 엠로 디자인팀
2nd : 2021.06.10 hs-kim 엠로 디자인팀
3rd : 2021.07.16 hs-kim 엠로 디자인팀
4th : 2021.09.06 hs-kim 엠로 디자인팀
----------------------------------------- */
@charset "utf-8";

/** RESET **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display:block}

html, body {width:100%; height:100%;line-height: 1;}
body {
    font-size: 12px;
    line-height: 1.5em;
    font-family: 'Malgun Gothic', 맑은 고딕, dotum, '돋움', gulim, '굴림', Arial;
		font-weight: normal;
		color: #333;
    -webkit-text-size-adjust: none;
}
ol, ul {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content: ''; content: none}
a, em, label, span, strong, button {display: inline-block;}
a, a:link, a:visited {cursor: pointer;text-decoration: none;color: #333;}
p, a, h2, h3 {word-wrap: break-word;}
img, fieldset {border: 0 none;}
img, input, button, select, textarea {vertical-align:middle}
legend, .hidden {position: absolute;top: 0;left: 0;width: 0;height: 0;display: block;overflow: hidden;visibility: hidden;font-size: 0;line-height: 0;z-index:-1;}
table {border-spacing: 0;border-collapse:collapse;}
caption {padding:0;width:0;height:0;overflow:hidden;visibility:hidden;font-size:0;line-height:0;}
button {cursor:pointer}
button::-moz-focus-inner {border: 0;padding: 0;}
input, select, textarea {font-size: 100%;border: 0;}
label {cursor:pointer}
em, address {font-style: normal;}

div, a {box-sizing: border-box;}
a {transition: background .2s;cursor:pointer}

/* placeholder-color */
::placeholder {color: #888888;opacity: 1; /* Firefox */}
:-ms-input-placeholder {color: #888888; /* Internet Explorer 10-11 */}
::-ms-input-placeholder {color: #888888;/* Microsoft Edge */}

* {box-sizing:border-box;}
/*협력사포탈 로그인*/ /*2021.07.16 hs-kim 추가 S*/
#pnwrap {
		background: #fff;
		display: flex;
	  flex-direction: column;
		width: 100%;
		height: 100%;
		min-height: 850px;
}
/* HEADER */
#pnwrap header {
		width:600px;
		height: 280px;
		margin: 0 auto;
		padding-left: -10px;
	  padding-top: 130px;
		text-align:center;
}
#pnwrap header h1 {font-family: 'BAEMINWORK_25yrs';font-size: 78px;color: #222;margin-bottom: 30px;line-height: 1;letter-spacing: -7px; }
#pnwrap section {width: 990px;margin: -30px auto;}

/*LOGIN AREA*/
.pn_loginBox {
  width: 600px;
	margin: 0 auto;
}
.pn_loginBox div {
  overflow: hidden;
  border-right:0 !important;
}
.pn_loginBox div ul {
  float: left;
  padding-right: 12px;
}
.pn_loginBox div ul li:first-child {
  padding-bottom: 10px;
}
.pn_loginBox div ul li input {
  width: 342px;
  height: 50px;
  border: 1px solid #ccc;
	border-radius: 2px;
  background: #fff;
  padding: 0 18px;
  font-size: 16px;
}
.pn_loginBox div ul li input::placeholder {font-size: 16px;color: #a1a1a1;}
.pn_loginBox div a.btnLogin {
  float: left;
  width: 120px;
  height: 110px;
  background: #0CEFD3;
	border-radius: 2px;
  text-align: center;
  color: #000000;
  font-weight: bold;
  font-size: 18px;
  line-height: 110px;
  letter-spacing: 0;
}
.pn_loginBox div a:hover.btnLogin {background: #19ada8;}
.pn_loginBox div a.btnCertificate {
  float: right;
  width: 120px;
  height: 110px;
  background: #000;
	border-radius: 2px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.3;
  padding-top: 33px;
}
.pn_loginBox div a:hover.btnCertificate {background: #444;}
.pn_loginBox div.option {
  margin-top: 13px;
	width: 342px;
	height: 18px;
}
.pn_loginBox div.option p {
  float: left;
  display: inline-block;
  color: #222;
	font-size: 13px;
  line-height: 1;
}
.pn_loginBox div.option p input[type="checkbox"]:not(old) {margin: 0;padding: 0;opacity: 0;width: 0;background: url(../img/ico_main.png) no-repeat -36px -65px;}
.pn_loginBox div.option p input[type="checkbox"]:not(old) + label {cursor: pointer;display: inline-block;text-align: left;height: 17px !important;background: url(../img/ico_main.png) no-repeat 0 -64px;vertical-align: top;}
.pn_loginBox div.option p input[type="checkbox"]:not(old):checked + label {background: url(../img/ico_main.png) no-repeat -151px -65px;}
.pn_loginBox div.option p label + span {vertical-align: top;padding-top: 2px;}
.pn_loginBox div.option span {
  color: #222;
}
.pn_loginBox div.option div {
  float: right;
  display: inline-block;
}
.pn_loginBox div.option div a{
	display: inline-block;
	margin: 0 3px;
	color: #666;
	font-size: 12px;
}
.pn_loginBox div.option div span {
	color: #ccc;
	font-size: 12px;
}

.pn_loginBox a:hover {color: #333;}

.btmBox {width: 990px;margin-top: 50px;}
.pn_bnnBox {height: 180px;display: flex;justify-content: space-between;}
.pn_bnnBox > .panel {position: relative;width:320px;height: 180px;}
.pn_bnnBox > .panel > a {width: inherit;height: inherit;background: #f1f1f1;border: 1px solid #f1f1f1;padding: 30px;}
.pn_bnnBox > .panel > a:hover {border: 1px solid #b3b3b3;}
.pn_bnnBox > .panel > a > h4 {font-size: 24px;font-weight: bold;color: #222;margin-bottom: 10px;line-height: 1;letter-spacing: -3px;}
.pn_bnnBox > .panel .icon {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	width: 150px;
	height: 130px;
	background: url(../img/ico_main.png) no-repeat;
	font-size: 0;
}
.pn_bnnBox > .panel .icon.i01 {background-position: -238px -19px;}
.pn_bnnBox > .panel .icon.i02 {background-position: -234px -169px;}
.pn_bnnBox > .panel .icon.i03 {background-position: -238px -304px;}
.pn_bnnBox > .panel .exptxt {
	position: absolute;
	font-size: 14px;
	color: #444;
	letter-spacing: -1px;
	line-height: 1.5;
}
.pn_bnnBox > .panel .btn_more  {
	position: absolute;
	left: 32px;
	bottom: 23px;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
	color: #666;
	letter-spacing: -0.5px;
}
.pn_bnnBox > .panel .btn_more a {text-decoration: underline;color: #666;letter-spacing: -0.5px;} /*2021.09.06 hs-kim 추가*/
.pn_noticeBox {
	height: 100px;
	margin-top: 30px;
	border: 1px solid #ccc;
}
.pn_noticeBox > .panel > .tit {
	width: 190px;
	float: left;
	padding: 30px 0 0 30px;
}
.pn_noticeBox > .panel h4 {
	float: left;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #222;
	letter-spacing: -3px;
}
.pn_noticeBox > .panel .tit>.more {padding-left: 15px;font-weight: bold;color: #666;text-decoration: underline;letter-spacing: -1px;}
.pn_noticeBox > .panel .tit>.more:hover {color: #222;}
.pn_noticeBox > .panel .list {float: left;width: 440px;padding-top: 23px;margin-right: 30px;}
.pn_noticeBox > .panel .list a {overflow: hidden;display: block;width: 100%;font-size: 15px;color: #444;line-height: 1.8;letter-spacing: -0.7px;}
.pn_noticeBox > .panel .list a:hover {color: #000;font-weight: 600;}
.pn_noticeBox > .panel .list a span:first-child {float: left;width: 75%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pn_noticeBox > .panel .list a span:last-child {float: right;font-size: 14px;letter-spacing: 0;color: #888;}
.pn_noticeBox > .panel .bar {
	width: 1px;
	background-color: #ccc;
  float: left;
  height: 60px;
  margin: 20px 0;
}
.pn_noticeBox > .panel .panel_s {
	float: left;
	margin: 20px 0 0 30px;
}
.pn_noticeBox > .panel .panel_s a {
	display: block;
	font-size: 16px;
	font-weight: bold;
  text-decoration: underline;
	color: #222;
	line-height: 1.6;
	letter-spacing: -0.7px;
}
.pn_noticeBox > .panel .panel_s a:hover {color: #555;}
 /*2021.07.16 hs-kim 추가 E*/

/*외부로그인*/
#spwrap {
		background: #fff;
		display: flex;
	  flex-direction: column;
		width: 100%;
		height: 100%;
		min-height: 850px;
}
/* HEADER */
#spwrap header {
		width:1180px;
		height: 130px;
		margin: 0 auto;
	  padding-top: 130px;
		text-align:center;

}
header h1 {font-family: 'BAEMINWORK_25yrs';font-size: 37px;color: #222;margin-bottom: 50px;vertical-align: middle;letter-spacing: -3px; }
header h1>img {margin-right: 10px;padding-bottom: 10px;}
#spwrap section {
		width: 1180px;
		height:510px;
		margin: 100px auto 0 auto;
		display: flex;
}
.loginBox {position: relative;top: 0;left: 0;width: 280px;height: 510px;background: #0CEFD3;padding: 50px 30px;}
.loginBox h2 {font-family: 'BAEMINWORK_25yrs';font-size: 36px;color: #fff;margin-bottom: 34px;line-height: 1;}
/*2021.06.10 hs-kim 수정 S*/
.loginBox .tab {display: flex;width: 100%;height: 40px;border-bottom: 1px solid #fff;margin-bottom: 20px;}
.loginBox .tab li {width: 50%;height: 40px;border: 1px solid transparent;text-align: center;font-weight: bold;font-size: 15px;line-height: 40px;letter-spacing: -0.7px;}
.loginBox .tab li a {color: #ade2e0;}
.loginBox .tab li a:hover {color: #fff;}
.loginBox .tab li.active {border: 1px solid #fff;border-bottom: 1px solid #0CEFD3 !important;}
.loginBox .tab li.active a {color: #fff;}
.tab_content {display: none;}
.tab_content.active {display: block;}

.tabCont input {
    width: 100%;
    height: 50px;
    background: #fff;
    padding: 0 20px;
    font-size: 16px;
    color:#222;
    box-sizing: border-box;
    letter-spacing: 0;
}
.tabCont input:nth-child(1) {margin-bottom:1px}
.tabCont input::placeholder {color:#888888; letter-spacing: -1px;}
.tabCont input::-webkit-input-placeholder {color:#888888; letter-spacing: -1px;}
.tabCont input:-ms-input-placeholder {color:#888888; letter-spacing: -1px;}
.tabCont a.btnLogin {
    display:block;
    width: 100%;
    height:65px;
    background: #222;
    font-weight: bold;
    font-size:21px;
    color:#fff;
    line-height:60px;
    letter-spacing:-1px;;
    vertical-align:middle;
    text-align:center;
		margin-top: 15px;
}
.tabCont a.btnLogin:hover {text-decoration: underline;}
.tabCont a.btnCrlogin {
    display:block;
    width: 100%;
    height:50px;
    background: #0CEFD3;
		border: 2px solid #222;
		font-weight: bold;
		font-size:18px;
    color:#222;
    line-height:45px;
    letter-spacing:-1px;
    vertical-align:middle;
    text-align:center;
		margin-top: 15px;
}
.tabCont a.btnCrlogin:hover {text-decoration: underline;}

.option {height: 15px;font-size: 13px;margin-top: 14px;}
.option p {display: inline-block;color: #222;line-height: 1;}
.option p input[type="checkbox"]:not(old) {margin: 0;padding: 0;opacity: 0;width: 0;background: url(../img/ico_main.png) no-repeat -36px -65px;}
.option p input[type="checkbox"]:not(old) + label {cursor: pointer;display: inline-block;text-align: left;height: 17px;padding-left: 18px;background: url(../img/ico_main.png) no-repeat -36px -64px;vertical-align: top;}
.option p input[type="checkbox"]:not(old):checked + label {background: url(../img/ico_main.png) no-repeat -151px -65px;}
.option p label + span {vertical-align: top;padding-top: 3px;padding-left: 3px;letter-spacing: -1px;}
.option div {float: right;display: inline-block;color: #222;padding-left: 15px;letter-spacing: -1px;}
.option a.pw {float: right;background: url(../img/ico_main.png) no-repeat 85px 4px;color: #222;padding: 0px 13px 5px 3px;letter-spacing: -1px;}
.option a:hover {text-decoration: underline;}
.option a.id:hover {background-position:18px -16px}
/*2021.06.10 hs-kim 수정 E*/

/* Main Contents - Banner */
.rBox {width: 880px;margin-left: 20px;}
.bnnBox {height: 310px;display: flex;justify-content: space-between;}
.bnnBox > .panel {position: relative;width: 280px;height: 310px;}
.bnnBox > .panel > a {width: inherit;height: inherit;background: #fff;border: 1px solid #d6d6d6;padding: 50px 40px;}
.bnnBox > .panel > a:hover {border: 1px solid #222;}
.bnnBox > .panel > a > h4 {font-family: 'BAEMINWORK_25yrs';font-size: 24px;color: #333;margin-bottom: 22px;line-height: 1;letter-spacing: -1px;}
.bnnBox > .panel .icon {
	position: absolute;
	bottom: 40px;
	right: 40px;
	display: inline-block;
	width: 76px;
	height: 76px;
	background: url(../img/ico_main.png) no-repeat;
	font-size: 0;
}
.bnnBox > .panel .icon.i01 {background-position: 0 -103px;}
.bnnBox > .panel .icon.i02 {background-position: 0 -187px;}
.bnnBox > .panel .icon.i03 {background-position: 0 -272px;}
.bnnBox > .panel .exptxt {
	position: absolute;
	width: 400px;
	font-size: 14px;
	color: #444;
	letter-spacing: -1px;
	line-height: 1.6;
}
.noticeBox {height: 180px;display: flex;margin-top: 20px;justify-content: space-between;}
.noticeBox > .panel {position: relative;width: 580px;height: 180px;background: #fff;border: 1px solid #d6d6d6;padding: 30px 40px;}
.noticeBox > .panel .tit {overflow: hidden;}
.noticeBox > .panel .tit > h4 {float: left;font-family: 'BAEMINWORK_25yrs';font-size: 24px;color: #333;line-height: 1;margin-bottom: 10px;}
.noticeBox > .panel .tit>.more {float: right;display: inline-block;width: 43px;height: 20px;border: 1px solid #888;text-align: center;font-weight: bold;font-size: 12px;color: #888;line-height: 20px;letter-spacing: -1px;}
.noticeBox > .panel .tit>.more:hover {border: 1px solid #222;color: #222;}
.noticeBox > .panel .list {width: 100%;padding-top: 6px;}
.noticeBox > .panel .list a {overflow: hidden;display: block;width: 100%;font-size: 15px;color: #444;line-height: 1.8;letter-spacing: -0.7px;}
.noticeBox > .panel .list a:hover {color: #000;font-weight: 600;}
.noticeBox > .panel .list a span:first-child {float: left;width: 70%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.noticeBox > .panel .list a span:last-child {float: right;font-size: 14px;letter-spacing: 0;color: #888;}
.noticeBox > .panel_s {position: relative;width: 280px;height: 180px;background: #fff;}
.noticeBox > .panel_s a {width: 100%;height: 90px;border: 1px solid #d6d6d6;}
.noticeBox > .panel_s a:hover {text-decoration: underline;}
.noticeBox > .panel_s a:last-child {margin-top: -1px;}
.noticeBox > .panel_s a > h5 {font-family: 'BAEMINWORK_25yrs';font-size: 21px;color: #333;text-align: center;padding: 36px 0 0 15px;}
.noticeBox > .panel_s a .icon {
	position: absolute;
	display: inline-block;
	left: 80px;
	width: 26px;
	height: 26px;
	background: url(../img/ico_main.png) no-repeat;
	font-size: 0;
}
.noticeBox > .panel_s .icon.i01 {top: 29px;background-position: -5px -369px;}
.noticeBox > .panel_s .icon.i02 {top: 119px;background-position: -61px -369px;}
.w280 {width: 280px !important;}

#footer {
		height: 80px;
		margin-top: auto;
		background: #f5f5f5;
}
#footer > .footer_info {width: 1180px;margin: 0 auto;font-size: 12px;color: #444;padding-top: 30px;}
#footer > .footer_info > p {display: inline-block;float: left;letter-spacing: -0.2px;}
#footer > .footer_info > div {display: inline-block;float: right;}
#footer > .footer_info > div > a {font-size: 14px;font-weight: bold;letter-spacing: -0.8px;}
#footer > .footer_info > div > span {margin-left: 15px;letter-spacing: -0.5px;}

/*내부로그인*/
/** LOGIN LAYOUT **/
#inn_wrap_bg {background-color: #fafafa;background-size:cover; -moz-background-size:cover; -o-background-size:cover; -webkit-background-size:cover;}
#inn_wrap {position:absolute; top: 43%;left: 50%;margin-top:-180px; margin-left:-290px; width:580px; height:390px; min-height: 600px;letter-spacing:-1px;z-index: 99;}
#inn_wrap section {box-shadow: 20px 20px 60px rgb(225,225,225,0.57);}
#inn_wrap section .inn_loginBox {width:100%;height: 390px;background-color: #fff;padding: 50px 100px 0 100px;}
#inn_wrap section>div {height: 100%;}
/* HEADER */
#inn_wrap header {text-align:center;}
#inn_wrap header h1 {font-family: 'BAEMINWORK_25yrs';font-size: 37px;color: #222;margin-bottom: 30px;vertical-align: middle;letter-spacing: -3px; }
#inn_wrap header h1>img {margin-right: 10px;padding-bottom: 10px;}
/** LOGIN DETAIL **/
/* LOGIN AREA */
.inn_login {}
.inn_login>h3 {width: 100%;font-size:36px; color:#0CEFD3;text-align: center;letter-spacing: 0px;line-height: 1;}
.inn_logininn_login ul {margin-top: 13px;}
.inn_login ul li:nth-child(1) {margin-bottom:10px}
.inn_login ul li:nth-child(2) {margin-bottom:15px}
.inn_login ul li input {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 0 15px;
    font-size: 16px;
    color:#222;
    box-sizing: border-box;
    letter-spacing: 0;
}
.inn_login ul li input::placeholder {color:#888888; letter-spacing: -1px;}
.inn_login ul li input::-webkit-input-placeholder {color:#888888; letter-spacing: -1px;}
.inn_login ul li input:-ms-input-placeholder {color:#888888; letter-spacing: -1px;}
.inn_login a.inn_btnLogin {
    display:block;
    width: 100%;
    height:65px;
    background: #0CEFD3;
    font-weight: bold;
		font-size:21px;
    color:#fff;
    line-height:62px;
    letter-spacing:-1px;
    vertical-align:middle;
    text-align:center;
}
.inn_login a:hover.inn_btnLogin {background: #222;color: #fff;}
.inn_loginBox .inn_h3 {font-family: 'BAEMINWORK_25yrs';display: inline-block;margin-bottom: 10px;font-size: 36px;color: #0CEFD3;line-height: 1;}

.inn_option {font-size: 13px;margin: 15px 0;}
.inn_option p {display: inline-block;color: #222;line-height: 1;}
.inn_option p input[type="checkbox"]:not(old) {margin: 0;padding: 0;opacity: 0;width: 0;background: url(../img/ico_main.png) no-repeat 0 -65px;}
.inn_option p input[type="checkbox"]:not(old) + label {cursor: pointer;display: inline-block;text-align: left;height: 16px;padding-left: 18px;background: url(../img/ico_main.png) no-repeat 0 -65px;vertical-align: top;}
.inn_option p input[type="checkbox"]:not(old):checked + label {background: url(../img/ico_main.png) no-repeat -151px -65px;}
.inn_option p label + span {vertical-align: top;padding-top: 2px;padding-left: 3px;letter-spacing: -1px;}
.inn_option div {float: right;display: inline-block;color: #222;padding-left: 15px;letter-spacing: -1px;}
.inn_option a.pw {float: right;background: url(../img/ico_main.png) no-repeat 84px 6px;color: #222;padding: 1px 15px 0px 3px;}
.inn_option a:hover {text-decoration: underline;}
.inn_option a.id:hover {background-position:18px -16px}

/* FOOTER */
#inn_wrap_bg footer {position: absolute;width: 100%;text-align: center;bottom: 50px;}
#inn_wrap_bg footer .copyright {color: #222;font-size: 12px;letter-spacing: 0.5px;}

/** POPUP_PW SEARCH **/
.popupWrap {width:100%;height:100%;background:#fff;}
.popupWrap .popupHead {width:100%;height:60px;border-radius:2px 2px 0 0;background:#222;box-sizing:border-box;}
.popupWrap .popupHead b {text-align: left;font-size: 24px;color: #fff;font-family: 'BAEMINWORK_25yrs';font-weight: normal;line-height: 60px;padding-left:20px;}
.popupWrap .popupSection .commt {text-align: center;font-size: 15px;color: #666;line-height: 1.8;margin: 40px 0 40px;letter-spacing: -0.5px;}
.popupWrap .popupSection .commt b {color: #222; text-decoration: underline;}
.popupWrap .popupSection .formBox {width: 82%;height: auto;margin: 0 auto;background: #f7f7f7;padding: 30px;box-sizing: border-box;}
.popupWrap .popupSection .formBox p {overflow: hidden;padding-bottom: 10px;}
.popupWrap .popupSection .formBox p:last-child {padding-bottom: 0;}
.popupWrap .popupSection .formBox label {float: left;font-size: 14px;color: #222;vertical-align: middle;line-height: 2.2;letter-spacing: -1;}
.popupWrap .popupSection .formBox input {float: right;width: 240px;height: 32px;border: 1px solid #e1e1e1;background: #fff;vertical-align: middle;border-radius: 3px;}
.popupWrap .popupSection .btnArea {text-align: center;margin-top: 30px;}
.popupWrap .popupSection .btnArea a {width: 110px;height: 40px;text-align: center;background: #fff;border: 1px solid #222;color: #222;font-weight: bold;font-size: 16px;line-height: 38px;margin: 0 2px}
.popupWrap .popupSection .btnArea a:hover {background: #222;color: #fff;border: 1px solid #222;}

/** LOGIN SUCCESS & FAIL, ERROR **/
.messageWrap {background:#f5f5f5;}
.messageWrap .wrap {position:relative;width:100%;height:100%;}
.messageWrap .container {position:fixed;left:50%;top:50%;width:600px;height:460px;margin-top:-280px;margin-left:-300px;box-shadow:0px 3px 8px #dadada;background:#fff;}
.messageWrap .container2 {position:fixed;left:50%;top:50%;width:600px;height:500px;margin-top:-300px;margin-left:-300px;box-shadow:0px 3px 8px #dadada;background:#fff;}
.messageWrap .header {width:100%;height:52px;border-radius:5px 5px 0 0;background:#8e8c8b;box-sizing:border-box;}
.messageWrap .header .logo {display:inline-block;width:152px;height:34px;background:url(../img/logo_message.png) no-repeat;margin:20px 0 0 25px;text-indent:-10000px;}
.messageWrap .section {width:100%;box-sizing:border-box;}
.messageWrap .section .subject {overflow:hidden;margin:80px auto 50px;}
.messageWrap .section .subject b,
.messageWrap .section .subject span {display:inline-block;letter-spacing:-1px;}
.messageWrap .section .subject b {font-size:80px;font-weight:normal;vertical-align:top;letter-spacing:-6px;line-height: 1;}
.messageWrap .section .subject span {font-size:27px;color:#303030;font-weight:bold;line-height:1.2em;letter-spacing:-1px;padding-top:10px;padding-left:22px;}
.messageWrap .section .explan {width:370px;min-height:32px;margin:0 auto;background:url(../img/ico_caution_y.png) no-repeat;padding-left:55px;font-size:12px;color:#7f7f7f;line-height:1.3em;}
.messageWrap .section .subject2 {width:350px;margin:80px auto 50px;}
.messageWrap .section .subject2 b {display:inline-block;min-height:32px;background:url(../img/ico_caution_y.png) no-repeat;padding-left:60px;padding-top:7px;font-size:24px;font-weight:bold;letter-spacing: -1px;}
.messageWrap .section .explan2 {width:370px;margin:0 auto;font-size:13px;color:#252424;line-height:1.5em;text-align:center;}
.messageWrap .section .subject3 {width:360px;margin:90px auto 70px;}
.messageWrap .section .subject3 b {display:inline-block;min-height:71px;background:url(../img/ico_logout_y.png) no-repeat 38px 16px;padding-left:100px;padding-top:5px;font-size:24px;font-weight:bold;line-height:1.3em;letter-spacing: -1px;}
.messageWrap .section .hr {width:360px;height:1px;background:#b1b1b1;margin:40px auto;}
.messageWrap .section .hr2 {width:400px;height:1px;background:#b1b1b1;margin:40px auto;}
.messageWrap .section .commt {text-align:center;font-size:15px;color:#252424;line-height:1.6em;}
.messageWrap .section .commt b {}
.messageWrap .section .btn_bg_msg {width:280px;height:52px;border-radius:2px;border:0;background: #0CEFD3;cursor:pointer;text-align:center;font-size:18px;color:#fff;line-height:1.3em;}
.messageWrap .section .btn_bg_msg:hover {background: #222;color: #fff;}
.messageWrap .section .btn_cnt {text-align:center;margin-top:25px;}