@charset 'UTF-8';
/* Disable outline */
.disableOutline * {
	outline: none !important;
}
/* Loading */
#loadingImg {
	position: fixed;
	top: 50%;
	left: 50%;
	z-index: 999;
	width: 62px;
	height: 62px;
	margin: -3.1rem 0 0 -3.1rem;
	background-repeat: no-repeat;
}
#loadingImg.imgNum1 {
	background-image: url(../images/common/_img_loading01.png);
	-webkit-background-size: 1116px 62px;
	background-size: 1116px 62px;
}
#loadingImg.imgNum2 {
	background-image: url(../images/common/_img_loading02.png);
	-webkit-background-size: 496px 62px;
	background-size: 496px 62px;
}
#loadingImg.imgNum3 {
	background-image: url(../images/common/_img_loading03.png);
	-webkit-background-size: 744px 62px;
	background-size: 744px 62px;
}
#loadingImg + .loadingMask {
	display: block;
	/*opacity: .7;*/
}
/* Layout */
html {
	height: 100%;
	font-size: 10px;
}
body {
	width: 100%;
	min-width: 320px;
	min-height: 100%;
	color: #333;
	font-size: 1.3rem;
	letter-spacing: -.05rem;
	background-color: #fff;
}
header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 11;
	width: 100%;
	min-width: 320px;
}
#wrap {
	position: relative;
	z-index: 10;
	width: 100%;
	min-width: 320px;
	min-height: 100%;
	margin: auto;
}
aside strong,
.afterLogin li em {
	box-sizing: border-box;
	position: absolute;
	top: .93rem;
	right: 1.2rem;
	min-width: 1.3rem;
	height: 1.3rem;
	padding: 0 .4rem;
	border-radius: 1.3rem;
	color: #fff;
	font-size: 1rem;
	font-style: normal;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.4rem;
	background-color: #ff4e5f;
}
.afterLogin li em {
	top: .93rem;
	right: .9rem;
}
aside strong em {
	font-style: normal;
}
#wrap > [id*='content'] {
	position: fixed;
	padding: 5rem 1.3rem 6rem;
	background-color: #fff;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow-y:auto
}

[id*='content'] > h2:first-child {
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	width: 100%;
	min-width: 320px;
	height: 5rem;
	border-bottom: 1px solid #1c85fa;
	color: #0f7df8;
	font-size: 2rem;
	font-weight: 600;
	text-align: center;
	line-height: 5rem;
	background-color: #fff;
}
#content.commonMsg {
	position: fixed;
	width: 100%;
	min-width: 320px;
	height: 100%;
	padding: 0;
}
#content.commonMsg .msgWrap {
	position: absolute;
	top: 50%;
	left: 50%;
	white-space: nowrap;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
h3,
h4 {
	margin: 1.65rem 0 .65rem;
	color: #000;
	font-size: 1.7rem;
}
h3 span,
h4 span {
	color: #555;
	font-size: 1.6rem;
	font-weight: normal;
}
/* contentLayer */
#wrap > #contentLayer {
	position: relative;
	z-index: 100;
	width: 100%;
	min-height: 100%;
	padding: 5rem 0 2.5rem;
}
#wrap > #content + #contentLayer {
	position: absolute;
	top: 0;
	left: 0;
}
#contentLayer > h2:first-child {
	padding: 0 1.3rem;
	border-color: #0973e9;
	color: #fff;
	text-align: left;
	background-color: #3293ff;
}
.closeNaviLayer,
.closeContentLayer {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 11;
	width: 5rem;
	height: 5rem;
	background-color: transparent;
}
.closeNaviLayer:before,
.closeContentLayer:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 1.6rem;
	height: 1.57rem;
	margin: -.79rem 0 0 -.8rem;
	background: url(../images/common/btn_closeContentLayer.png) no-repeat 0 0;
}
/* Navigation */
[class*='nbActive'] {
	overflow-x: hidden;
}
nav,
aside {
	position: absolute;
	top: 0;
	left: 0;
	bottom:0;
	width: 27.5rem;
	background-color:#fff;
}
aside {
	right: 0;
	left: auto;
}
nav a,
aside a {
	display: block;
	height: 100%;
}
[class*='nbWrap'] {
	display: none;
	position: relative;
	top: 0;
	width: 100%;
	background-color: #fff;
}
.gnbWrap h3 {
	position: relative;
	height: 4.9rem;
	margin: 0;
	background-color: #3293ff;
}
.goHomeBtn {
	position: absolute;
	top: .87rem;
	left: .7rem;
	width: 9.2rem;
	height: 3.2rem;
	background: url(../images/common/btn_goHomeBtn.png) no-repeat 0 0;
}
.gnbWrap h4 {
	box-sizing: border-box;
	position: absolute;
	top: 4.9rem;
	left: 0;
	width: 50%;
	height: 4.27rem;
	margin: 0;
	border: 1px solid #137aec;
	font-size: 1.6rem;
	text-align: center;
	line-height: 4.27rem;
	background-color: #137aec;
	transition: .3s background-color;
}
.gnbWrap h3 + h4:before {
	content: '';
	position: absolute;
	top: -1px;
	right: 0;
	z-index: 1;
	width: 1px;
	height: 100%;
	padding: 1px 0;
	background-color: #0054b0;
}
.gnbWrap h4 a {
	color: #b8d6f8;
	transition: .3s color;
}
.gnbWrap h4.active {
	border-color: #0054b0;
	background-color: #0065d4;
}
.gnbWrap h4.active a {
	color: #fff;
}
.gnbWrap > ul + h4 {
	right: 0;
	left: auto;
}
[class*='nbWrap'] > ul {
	/*display: none;
	overflow: hidden;*/
	position: absolute;
    top: 9.2rem;
    bottom: 0;
    left:0;
    right:0;
    padding-bottom: 50px;
    overflow-y: auto;
}
.gnbWrap > ul {
	/*margin-top: 4.27rem;*/
	position: absolute;
    top: 4.94rem;
    bottom: 0;
    padding-bottom: 50px;
    overflow-y: auto;
}
.mnbWrap > ul {
	display: block;
}
[class*='nbWrap'] > ul ul {
	display: none;
	position: relative;
	background-color: #f2f2f2;
}
[class*='nbWrap'] .active + ul {
	display: block;
	border-top:1px solid #e4e4e4;
}
.gnbWrap > ul ul {
	margin-top: 0;
}
[class*='nbWrap'] > ul li {
	float: left;
	width: 100%;
}
[class*='nbWrap'] > ul > li {
	border-bottom:1px solid #e4e4e4;
	background:#fff
}
[class*='nbWrap'] > ul li a {
	box-sizing: border-box;
	position: relative;
	height: 4.5rem;
	/*border-bottom: 1px solid #e4e4e4;*/
	color: #000;
	font-size: 1.5rem;
	text-indent: 1.67rem;
	line-height: 4.5rem;
	background-color: #fff;
}
[class*='nbWrap'] > ul > li > a:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 2rem;
	width: .67rem;
	height: 1.17rem;
	margin-top: -.58rem;
	background: url(../images/common/ico_navi.png) no-repeat 0 0;
}
[class*='nbWrap'] > ul > li > a.active {
	color: #0054b0;
	font-weight: 600;
}
[class*='nbWrap'] > ul > li > a.active:after,
[class*='nbWrap'] > ul > li > a.hasDepth:after {
	right: 1.83rem;
	width: 1.13rem;
	height: .63rem;
	margin-top: -.32rem;
}
[class*='nbWrap'] > ul > li > a.hasDepth:after {
	width: 1.13rem;
	height: .63rem;
	background-image: url(../images/common/ico_naviOpen.png);
}
[class*='nbWrap'] > ul > li > a.active:after {
	background-image: url(../images/common/ico_naviClose.png);
}
[class*='nbWrap'] > ul li li {
	width: 50%;
	height: 4.5rem;
	background-color: #fff;
}
[class*='nbWrap'] > ul li li a {
	border: none;
	color: #000;
	font-size: 1.3rem;
	background-color: #f2f2f2;
	position:relative;
}
[class*='nbWrap'] > ul li li/*:nth-child(odd)*/ a:before,
[class*='nbWrap'] > ul li li/*:nth-child(odd)*/ a:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 1px;
	height: 100%;
	background-color: #e4e4e4;
}
[class*='nbWrap'] > ul li li/*:nth-child(odd)*/ a:after {
	top: auto;
	right: auto;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
}
/*[class*='nbWrap'] > ul li li:nth-child(even) a:after {
	display: none;
}*/
.afterLogin,
.beforeLogin {
	box-sizing: border-box;
	overflow: hidden;
	height: 9.2rem;
	background-color: #3284ff;
}
.beforeLogin {
	padding: 1.5rem 1.67rem 1.67rem;
	font-size: 1.4rem;
}
.beforeLogin p {
	float: left;
	margin: 0 2.67rem 1rem 0;
	color: #fff;
}
.beforeLogin a {
	box-sizing: border-box;
	float: left;
	width: 50%;
	height: 3.2rem;
	border: 1px solid #fff;
	color: #fff;
	font-weight: 600;
	text-align: center;
	line-height: 3.2rem;
}
.beforeLogin a + a {
	border-left-width: 0;
}
.afterLogin {
	color: #fff;
	font-size: 1.5rem;
}
.afterLogin a {
	color: #fff;
}
.afterLogin p {
	height: 4.9rem;
	margin: 0 5rem 0 1.67rem;
	line-height: 4.8rem;
}
.afterLogin p b {
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	max-width: 55%;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.afterLogin p span {
	vertical-align: middle;
}
.afterLogin ul,
.afterLogin li {
	float: left;
	width: 100%;
	text-align: center;
}
.afterLogin li {
	box-sizing: border-box;
	position: relative;
	width: 33%;
	height: 4.4rem;
	border: 1px solid #6ba6ff;
	border-width: 1px 0 0 1px;
	line-height: 4.4rem;
}
.afterLogin li:first-child {
	width: 34%;
	border-left-width: 0;
}
.afterLogin li:nth-child(1) a,
.afterLogin li:nth-child(2) a {
	box-sizing: border-box;
	position: relative;
	padding-right: 2.57rem;
}
.afterLogin li:nth-child(1) a:before,
.afterLogin li:nth-child(2) a:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 2.2rem;
	width: 1.8rem;
	height: 1.8rem;
	margin-top: -.9rem;
	background: url(../images/common/ico_mnbAlert.png) no-repeat 0 0;
}
.afterLogin li:nth-child(2) a:before {
	background-image: url(../images/common/ico_mnbSetting.png);
}
.closeNaviLayer {
	position: absolute;
	left: auto;
	width: 4.8rem;
	height: 4.8rem;
}
/* feForm Default style */
[class*='feFo'] {
	display: inline-block;
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
}
[class*='feFo'] input,
[class*='feFo'] select {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}
[class*='feFo'] select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	z-index: 3;
	border: none;
	border-radius: 0;
	background: transparent;
	/*background-color: #fff;*/
}
[class*='feFo'] select::-ms-expand {
	display: none;
}
.feFoSelect:before,
.feFoSelect .feFoSelectBtn {
	content: '';
	position: absolute;
	top: 50%;
	right: 1.63rem;
	z-index: 2;
	width: 1.03rem;
	height: .6rem;
	margin-top: -.3rem;
	background: url(../images/common/bg_selectArr.png) no-repeat 0 0;
}
.feFoSelect:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 4.29rem;
	height: 100%;
	background-color: #fff;
}
.feFoSelectIE:before,
.feFoSelectIE:hover .feFoSelectBtn {
	display: none;
}
.feFoSelectIE select {
	min-width: 150%;
	padding-right: 0;
}
.feFoFile [type='file'] {
	overflow: hidden;
	position: absolute;
	width: 1px;
	height: 1px;
	border: none;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
}
.feFoFile [type='text'] {
	position: static;
	width: auto;
	height: auto;
}
[class*='feFo'].active {
	outline: 1px dashed #000;
}
/* Form elements */
select,
textarea,
[type='tel'],
[type='text'],
[type='email'],
[type='number'],
[type='password'],
.boxTypeWrap [class*='feFo'] {
	display: block;
	box-sizing: border-box;
	/*position: relative;*/
	width: 100%;
	height: 4.7rem;
	padding: 0 1.47rem;
	border: 1px solid #bcbcbc;
	color: #000;
	font-size: 1.6rem;
	background-color: #fff;
	transition: .3s border-color, .3s z-index;
	opacity: 1;
}
select {
	padding: 0 1.47rem;
	outline: none;
	position: relative;
}
textarea {
	min-height: 14rem;
	padding: 1.47rem;
}
textarea:focus,
[type='tel']:focus,
[type='text']:focus,
[type='email']:focus,
[type='number']:focus,
[type='password']:focus,
.boxTypeWrap [class*='feFo'].active {
	z-index: 1;
	border-color: #0882ff;
	outline: 0;
}
.feFoSelect {
	display: block;
	height: 4.7rem;
	border: 1px solid #bcbcbc;
	background-color: #fff;
	transition: .3s border-color, .3s z-index;
}
.feFoSelect.active {
	z-index: 1;
	border-color: #0882ff;
	outline: none;
}
.feFoCheck,
.feFoRadio {
	width: 2rem;
	height: 2rem;
	background: url(../images/common/bg_checkBox_off.png) no-repeat 0 0;
}
.feFoCheck.checked {
	background-image: url(../images/common/bg_checkBox_on.png);
}
.feFoRadio {
	background-image: url(../images/common/bg_radioBtn_off.png);
}
.feFoRadio.checked {
	background-image: url(../images/common/bg_radioBtn_on.png);
}
.lblWrap {
	display: inline-block;
}
.lblWrap span {
	vertical-align: middle;
	margin-left: .6rem;
	font-size: 1.5rem;
}
.lblWrap .feFoCheck + span,
.lblWrap .feFoRadio + span {
	display: inline-block;
	height: 2rem;
	line-height: 2rem;
	letter-spacing:-.25rem;
}
.lblWrap + .lblWrap {
	margin-left: 1.86rem;
}
.checkWrap {
	box-sizing: border-box;
	overflow: hidden;
	height: 4.7rem;
	padding: 0 1.47rem;
	border: 1px solid #bcbcbc;
}
.checkWrap .lblWrap {
	margin-top: 1.19rem;
}
.checkWrap a {
	float: right;
	margin-top: 1rem;
	border-bottom: 1px solid #000;
	color: #000;
	font-size: 1.5rem;
	line-height: 1.5;
}
.checkAll span {
	color: #000;
	font-size: 1.6rem;
}
.boxTypeWrap {
	overflow: hidden;
	position: relative;
	padding-bottom: 1px;
}
.halfBoxView:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	width: 1px;
	height: 100%;
	background-color: #bcbcbc;
	transition: .3s border-color;
}
.halfBoxView.active:before {
	background-color: #0882ff;
}
.halfBoxView.checked:before {
	background-color: #0882ff;
}
.boxTypeWrap [class*='feFo'] {
	float: left;
	width: 100%;
	margin-bottom: -1px;
	padding: 0;
	text-align: center;
	line-height: 4.67rem;
	background-image: none;
}
.boxTypeWrap.alignL [class*='feFo'] {
	padding: 0 1.3rem;
	text-align: left;
}
.boxTypeWrap [class*='feFo'].checked {
	z-index: 1;
	border-color: #0882ff;
}
.boxTypeWrap .feFoRadio.checked {
	color: #0882ff;
	font-weight: 600;
}
.halfBoxView [class*='feFo'] {
	width: 50%;
	border-width: 1px 0 1px 1px;
}
.halfBoxView [class*='feFo'] + [class*='feFo'] {
	border-width: 1px 1px 1px 0;
}
.boxTypeWrap .feFoCheck {
	padding: 0 1.47rem;
	text-align: left;
	text-indent: 1.97rem;
}
.boxTypeWrap .feFoCheck.checked {
	color: #0882ff;
}
.boxTypeWrap .feFoCheck:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 1.47rem;
	width: 1.1rem;
	height: .93rem;
	margin-top: -.47rem;
	background: url(../images/common/ico_boxCheck_off.png) no-repeat 0 0;
}
.boxTypeWrap .feFoCheck.checked:before {
	background-image: url(../images/common/ico_boxCheck_on.png);
}
.timeSelector [class*='feFo'] {
	display: block;
	width: 5rem;
	height: 2.7rem;
	margin: auto;
	border: 1px solid #a0bdda;
	color: #000;
	font-size: 1.5rem;
	line-height: 2.5rem;
	background-color: #e5eff9;
	background-image: none;
}
.timeSelector [class*='feFo'].checked {
	border-color: #0061c4;
	color: #fff;
	background-color: #0070e2;
}
.selectListWrap [class*='feFo'] {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: none;
}
.btnField {
	overflow: hidden;
	position: relative;
}
.btnField input {
	float: left;
}
.btnField input:first-child {
	width: 80%;
}
.btnField.locField input:first-child {
	width: 70%;
}
.errMsg {
	display: none;
	margin: .9rem .67rem;
	color: #ee1010;
	font-size: 1.37rem;
}
[data-tgform] {
	display: none;
}
input + input,
input + textarea,
.btnField + input,
input + .btnField,
.checkWrap + input,
.feFoSelect + input,
input + .feFoSelect,
input + .boxTypeWrap,
.boxTypeWrap + input,
.infoTblStyle + input,
[data-tgform] .btnField,
.checkWrap + .checkWrap,
.btnField + .boxTypeWrap,
.boxTypeWrap + .btnField,
.feFoSelect + .checkWrap,
.boxTypeWrap + .checkWrap,
.feFoSelect + .feFoSelect,
.licResult .fieldWrap > div,
.boxTypeWrap + .boxTypeWrap,
.boxTypeWrap + [data-tgform],
[data-tgform] + [data-tgform],
.boxTypeWrap + [class*='feFo'],
[class*='listType'] + .checkWrap {
	margin-top: -1px;
}
/* Buttons */
button,
[type='submit'] {
	border: none;
}
.btnWrap > a,
[type='submit'],
[class*='btnStyle'] {
	display: block;
	box-sizing: border-box;
	width: 100%;
	height: 4.67rem;
	margin-top: 3.33rem;
	color: #fff;
	font-size: 1.9rem;
	font-weight: 600;
	text-align: center;
	line-height: 4.67rem;
	background-color: #0882ff;
}
.fieldWrap .btnStyleA {
	height: 4.47rem;
	margin-top: 0;
	line-height: 4.47rem;
}
.btnStyleB {
	height: 4rem;
	margin-top: 2rem;
	border: 1px solid #e4e4e4;
	color: #555;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 3.8rem;
	background-color: #f9f9f9;
}
.btnStyleC {
	height: 4.5rem;
	margin-top: 0;
	line-height: 4.5rem;
	background-color: #686868;
}
.btnStyleD {
	background-color: #989898;
}
header button {
	position: absolute;
	top: 0;
	left: 0;
	width: 5rem;
	height: 5rem;
	background-color: transparent;
}
header button:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	width: 2.4rem;
	height: 1.7rem;
	margin: -.85rem 0 0 -1.17rem;
	background: url(../images/common/btn_gnbNav.png) no-repeat 0 0;
}
aside button {
	right: 0;
	left: auto;
}
aside button:before {
	width: 2.8rem;
	height: 2.6rem;
	margin: -1.28rem 0 0 -1.39rem;
	background-image: url(../images/common/btn_myMenu.png);
}
footer [class*='ftBtnGo'] {
	position: fixed;
	bottom: -5rem;
	left: .85rem;
	z-index: 9999;
	width: 3.87rem;
	height: 3.87rem;
	background: url(../images/common/btn_ftBtnGoBack.png) no-repeat 0 0;
	z-index:97;
}
footer .ftBtnGoTop {
	right: .85rem;
	left: auto;
	background-image: url(../images/common/btn_ftBtnGoTop.png);
	z-index:97;
}
.btnWrap {
	overflow: hidden;
	position: relative;
	margin-top: 3.33rem;
}
.btnWrap > a,
.btnWrap > input,
.btnWrap > button {
	float: right;
	width: 49.5%;
	margin-top: 0;
}
.btnWrap :first-child {
	float: left;
	background-color: #989898;
}
.fieldWrap .btnWrap {
	margin-top: 0;
}
.fieldWrap .btnWrap:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 1;
	width: 1px;
	height: 100%;
	background-color: #fff;
}
.fieldWrap .btnWrap.layerOnly:before {
	display: none;
}
.fieldWrap .btnWrap > button {
	width: 50%;
}
.fieldWrap .btnWrap.layerOnly > button {
	width: 100%;
}
.btnWrap [class*='locBtn'],
.btnWrap [class*='checkBtn'] {
	position: relative;
	height: 4rem;
	color: #fff;
	font-size: 1.6rem;
	background-color: #7a7a7a;
}
[class*='locBtn']:before,
[class*='checkBtn']:before {
	content: '';
	display: inline-block;
	position: relative;
	top: -1px;
	left: 0;
	vertical-align: middle;
	width: 1.7rem;
	height: 1.7rem;
	margin-right: 1rem;
	background: url(../images/common/btn_locBtnLayer.png) no-repeat 0 0;
}
.locBtnNear:before {
	background-image: url(../images/common/btn_locBtnNear.png);
}
[class*='checkBtn']:before {
	width: 1.97rem;
	height: 1.93rem;
	background: url(../images/content/btn_checkAll.png) no-repeat 0 0;
}
.checkBtnNone:before {
	background-image: url(../images/content/btn_checkNone.png);
}
.btnField.authType button,
.infoTblStyle .cellWrap button,
.infoTblStyle .cellWrap > a {
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
	width: 5rem;
	height: 3.67rem;
	margin-top: -1.83rem;
	color: #fff;
	font-size: 1.7rem;
	text-align: center;
	line-height: 3.67rem;
	background-color: #686868;
}
.infoModiRow .btnWrap {
	padding: 0;
}
.infoModiRow .btnWrap button {
	height: 100%;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 600;
	background-color: #989898;
}
.infoModiRow .btnWrap button + button {
	background-color: #0882ff;
}
.btnField button {
	box-sizing: border-box;
	float: left;
	width: 20%;
	height: 4.7rem;
	border: 1px solid #bcbcbc;
	border-left-width: 0;
	color: #fff;
	font-size: 1.7rem;
	background-color: #686868;
}
.infoModiRow .btnField button {
	border-right-width: 0;
}
.btnField.locField button {
	width: 30%;
}
.btnField.authType input:first-child {
	width: 100%;
	padding-right: 6.87rem;
}
.btnField.authType button {
	right: .4rem;
	border-color: #147eea;
	background-color: #147eea;
}
.btnWrap.fontS a,
.btnWrap.fontS input,
.btnWrap.fontS button {
	font-size: 1.8rem;
}
.uploadBtnWrap {
	padding: .5rem !important;
}
.uploadBtn {
	position: relative;
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 1.7rem;
	background-color: #686868;
}
.uploadBtn:before {
	content: '';
	display: inline-block;
	position: static;
	width: 1.53rem;
	height: 1.33rem;
	margin-right: .67rem;
	background: url(../images/common/ico_uploadBtn.png) no-repeat 0 0;
}
/* stepTitle */
.stepTitle {
	overflow: hidden;
	position: relative;
	left: -1.3rem;
	width: 100%;
	height: 4.17rem;
	margin-bottom: 2.33rem;
	padding: 0 1.3rem;
	border-bottom: 1px solid #e6e6e6;
	line-height: 4.17rem;
	background-color: #0061c4;
}
#content.hasStepTitle {
	padding-top: 9.17rem;
}
.hasStepTitle .stepTitle {
	box-sizing: border-box;
	position: fixed;
	top: 5rem;
	left: 0;
	z-index: 10;
}
.stepTitle span {
	float: left;
	position: relative;
	width: auto;
	height: 100%;
	color: #fff;
	font-size: 1.6rem;
	background-color: #3293ff;
}
.stepTitle span + span {
	padding-left: 1.33rem;
}
.stepTitle span + span:before {
	content: '';
	position: absolute;
	top: 50%;
	left: .5rem;
	width: .3rem;
	height: .3rem;
	margin-top: -.15rem;
	border-radius: 100%;
	background-color: #99c9ff;
}
.stepTitle i,
.stepTitle em {
	float: left;
	font-style: normal;
}
.stepTitle i {
	width: 2rem;
	height: 1.3rem;
	margin-top: 1.44rem;
	background: url(../images/common/txt_stepTitle_num01.png) no-repeat 0 0;
}
.stepTitle .num02 {
	background-image: url(../images/common/txt_stepTitle_num02.png);
}
.stepTitle .num03 {
	background-image: url(../images/common/txt_stepTitle_num03.png);
}
.stepTitle .num04 {
	background-image: url(../images/common/txt_stepTitle_num04.png);
}
.stepTitle .num05 {
	background-image: url(../images/common/txt_stepTitle_num05.png);
}
.stepTitle .num06 {
	background-image: url(../images/common/txt_stepTitle_num06.png);
}
.stepTitle em {
	display: none;
	margin-left: .7rem;
}
.stepTitle > span:first-child {
	margin-left: -1.3rem;
	padding-left: 1.3rem;
}
.stepTitle span:last-child {
	margin-right: -1.3rem;
	padding-right: 1.3rem;
}
.stepTitle .current {
	padding-left: 1.73rem;
	background-color: #0061c4;
}
.stepTitle .current em {
	display: block;
}
.stepTitle > div:before,
.stepTitle .current:before {
	content: '';
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 1.73rem;
	height: 100%;
	border-top: 4.17rem solid #3293ff;
	border-right: 1.73rem solid #0061c4;
	border-radius: 0;
}
.stepTitle span:first-child.current:before {
	display: none;
}
.stepTitle > div {
	float: right;
	position: relative;
	height: 100%;
	padding-left: 1.73rem;
	background-color: #3293ff;
}
.stepTitle > div:before {
	border-top-color: #0061c4;
	border-right-color: #3293ff;
}
/* infoBox */
.boxLinkBtn,
[class*='infoBox'] {
	position: relative;
	margin-top: 2.5rem;
	border: 1px solid #bcbcbc;
	border-bottom-width: 0;
}
.infoBox {
	margin-top: 2rem;
}
.infoBox,
.boxLinkBtn,
[class*='infoBoxIco'].active {
	border-bottom-width: 1px;
}
.boxLinkBtn + [class*='infoBoxIco'],
[class*='infoBoxIco'] + .boxLinkBtn,
[class*='infoBoxIco'] + [class*='infoBoxIco'] {
	margin-top: .67rem;
}
.boxLinkBtn,
.photoLayer .btnWrap + strong,
[class*='infoBox'] > :first-child {
	display: block;
	box-sizing: border-box;
	height: 4.6rem;
	padding: 0 1.47rem;
	border-bottom: 1px solid #bcbcbc;
	color: #000;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: left;
	line-height: 4.6rem;
	background-color: #fbfbfb;
}
[class*='infoBox'] > :first-child {
	margin: 0;
}
.boxLinkBtn strong,
.photoLayer .btnWrap + strong,
[class*='infoBoxIco'] > :first-child strong {
	display: block;
	position: relative;
	color: #000;
	font-weight: normal;
	text-indent: 2.53rem;
}
.boxLinkBtn strong:before,
.photoLayer .btnWrap + strong:before,
[class*='infoBoxIco'] > :first-child strong:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 1.63rem;
	height: 1.63rem;
	margin-top: -.81rem;
	background: url(../images/common/ico_infoBoxA.png) no-repeat 0 0;
}
[class*='infoBox'] .boxContent {
	overflow: hidden;
	padding: 1.4rem 1.5rem;
}
[class*='infoBoxIco'] .boxContent {
	display: none;
}
.active .boxContent {
	display: block;
}
.boxLinkBtn:before,
[class*='infoBoxIco'] > button {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	right: 0;
	width: 4.43rem;
	height: 4.5rem;
	border-left: 1px solid #bcbcbc;
	background-color: #fbfbfb;
}
.boxLinkBtn:before {
	content: '';
	height: 100%;
}
.boxLinkBtn:after,
[class*='infoBoxIco'] > button:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 1.47rem;
	width: 1.4rem;
	height: .77rem;
	margin: -.39rem 0 0 -.7rem;
	background: url(../images/common/btn_infoBox_open.png) no-repeat 0 0;
}
[class*='infoBoxIco'].active > button:before {
	background-image: url(../images/common/btn_infoBox_close.png);
}
.boxLinkBtn:after {
	width: 1.33rem;
	height: 1.33rem;
	margin-top: -.67rem;
	background-image: url(../images/common/btn_boxLinkBtn.png);
}
.infoBoxIcoB > button,
.infoBoxIcoB > :first-child {
	background-color: #f0f0f0;
}
.boxLinkBtn strong:before,
.infoBoxIcoB > :first-child strong:before,
.infoBoxIcoC > :first-child strong:before {
	background-image: url(../images/common/ico_infoBoxB.png);
}
.boxContent > strong {
	display: block;
	margin: 2rem 0 .5rem;
	color: #000;
	font-size: 1.35rem;
}
.boxContent > strong:first-child {
	margin-top: 0;
}
.boxContent .subTit {
	color: #005dbc;
	font-size: 1.5rem;
}
.boxContent .subTit + ul {
	margin-top: .7rem;
	line-height: 1.7;
}
.boxContent .lblWrap {
	float: left;
	width: 50%;
	margin-left: 0;
}
.boxContent .lblWrap:nth-child(n + 3) {
	margin-top: 1.65rem;
}
.infoBoxIcoA,
.infoBoxIcoC {
	font-size: 1.35rem;
}
.infoBox ul,
.infoBoxIcoB ul {
	color: #000;
	font-size: 1.4rem;
}
.boxContent .tblStyle {
	margin-top: 1.17rem;
}
.recDoneMsg + .tblStyle th {
	background-color: #e9f3fd;
}
.recDoneMsg + .tblStyle td {
	text-align: left;
}
.infoBox .subTit + p {
	margin-top: .7rem;
	font-size: 1.4rem;
}
/* listType */
[class*='listType'] {
	margin: 0 .33rem;
	padding-right: .87rem;
}
.fieldWrap [class*='listType'] {
	margin: -1px 0;
	padding: 1.5rem;
	border: 1px solid #bcbcbc;
}
[class*='infoBox'] [class*='listType'] {
	margin: 0;
	padding: 0;
}
.buParag,
[class*='listType'] li {
	position: relative;
	padding-left: .87rem;
	text-align: justify;
	line-height: 1.4;
}
.buParag:before,
[class*='listType'] li:before {
	content: '';
	position: absolute;
	top: .77rem;
	left: 0;
	width: .27rem;
	height: .27rem;
	background-color: #adadad;
}
[class*='listType'] li + li {
	margin-top: .8rem;
}

[class*='listType'] em {
	color: #f52727;
	font-style: normal;
}
.fieldWrap {
	margin-top: 1.67rem;
}
h3 + .fieldWrap,
.hasStepTitle h4 + .fieldWrap {
	margin-top: 0;
}
.listTypeB,
.listTypeC {
	margin: 0;
	padding: 0;
	font-size: 1.5rem;
}
.listTypeB li + li {
	margin-top: 1.1rem;
}

.listTypeD > li:before{display:none;}
.listTypeD > li{list-style-type:decimal; list-style-position:inside;text-indent: -1.2rem;}
.hasStepTitle .fieldWrap,
.hasStepTitle .listTypeB {
	margin-top: 2.33rem;
}
.fieldWrap .listTypeC {
	color: #000;
	font-size: 1.4rem;
}
ul[data-opcont] {
	display: none;
}
.listTypeC li {
	margin-top: 1rem;
}
.listTypeC li + li {
	margin-top: 1.3rem;
}
.listTypeC li:before {
	background-color: #0982ff;
}
.fieldWrap .listTypeC li:first-child {
	margin-top: 0;
}
/* Table */
.tblStyle {
	border-top: 2px solid #3293ff;
	border-bottom: 1px solid #d4d4d4;
}
.fieldWrap + .tblStyle {
	margin-top: 2.67rem;
}
.tblStyle th,
.tblStyle td {
	padding: 1rem;
	border: 1px solid #d4d4d4;
	border-width: 1px 1px 0 0;
	color: #000;
	text-align: center;
}
.tblStyle th:first-child,
.tblStyle td:first-child {
	border-left-width: 1px;
}
.tblStyle thead th {
	border-top-width: 0;
	background-color: #e9f3fd;
}
.tblStyle thead tr + tr th {
	border-top-width: 1px;
}
.infoTblStyle th,
.infoTblStyle td {
	box-sizing: border-box;
	padding: 1.3rem;
	border: 1px solid #bcbcbc;
	border-top-width: 0;
	line-height: 1.3;
}
.infoTblStyle tr:first-child th,
.infoTblStyle tr:first-child td {
	border-top-width: 1px;
}
.infoTblStyle th {
	width: 9.5rem;
	border-right-width: 0;
	color: #333;
	font-size: 1.5rem;
	text-align: left;
	background-color: #f5f5f5;
}
.infoTblStyle.viewTypeA th {
	width: 12rem;
}
.infoTblStyle td {
	color: #000;
	font-size: 1.6rem;
}
.editableRow td {
	padding-right: .4rem;
}
.infoTblStyle th + td {
	border-left-width: 0;
}
.infoTblStyle .cellWrap {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	padding-right: 6.3rem;
}
.infoModiRow,
.infoTblStyle tr.modify {
	display: none;
}
.infoTblStyle .infoModiRow.modify {
	display: table-row;
}
.infoTblStyle tbody td + th {
	border-left-width: 0;
}
.fieldWrap + .infoTblStyle {
	margin-top: 1.67rem;
}
.infoModiRow td {
	padding: 0;
	border-width: 0;
}
.infoModiRow td > div {
	box-sizing: border-box;
	overflow: hidden;
	position: relative;
	height: 4.7rem;
	margin-top: -1px;
	padding: 0 1.47rem;
	border: 1px solid #bcbcbc;
	line-height: 4.3rem;
}
.infoModiRow .btnField {
	padding: 0;
	border-width: 0;
}
.infoModiRow td > div > .lblWrap {
	float: left;
	width: 50%;
	margin-left: 0;
	color: #333;
}
.infoModiRow td > :first-child {
	margin-top: -1px;
}
.infoModiRow .btnWrap {
	border-top-width: 0;
}
/* timeTbl */
.timeTbl {
	word-break: break-word;
}
.timeTbl tbody th,
.timeTbl tbody td {
	padding: 1rem .5rem;
}
.timeTbl tbody th {
	font-weight: normal;
}
.timeTbl tr:nth-child(2n) th:first-child,
.timeTbl tr:nth-child(2n) td:first-child {
	border-left-width: 0;
}
.timeTbl tbody tr:nth-child(4n + 3) th,
.timeTbl tbody tr:nth-child(4n + 3) td,
.timeTbl tbody tr:nth-child(4n + 3) + tr th,
.timeTbl tbody tr:nth-child(4n + 3) + tr td {
	background-color: #f7f7f7;
}
.timeTbl span {
	display: block;
	font-size: 1.2rem;
}
/* statusTbl */
.statusTbl th,
.statusTbl td {
	padding: 1rem .5rem;
}
.statusTbl tbody th {
	font-weight: normal;
	background-color: #e9f3fd;
}
.statusTbl td.alignL {
	padding: 1rem;
}
.dNum {
	color: #333;
	font-weight: normal;
}
.cNum {
	color: #0061c4;
}
.eNum {
	color: #ec2121;
}
/* boardList */
.boardList li {
	position: relative;
}
.boardList li:before,
.boardTit + h4 + .boardCont:before {
	content: '';
	position: absolute;
	right: -1.3rem;
	bottom: 0;
	left: -1.3rem;
	height: 1px;
	padding: 0 1.3rem;
	background-color: #e4e4e4;
}
.boardList a {
	display: block;
	position: relative;
	width: 100%;
	padding: 1.3rem 0;
	color: #000;
}
.boardList li a:after {
	right: .4rem;
}
.boardList strong {
	display: block;
	margin-right: 5rem;
	font-size: 1.5rem;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
}
.boardList span {
	display: block;
	margin-top: .3rem;
	color: #555;
}
.boardList em {
	position: absolute;
	top: 50%;
	left: 0;
	width: 3.6rem;
	height: 3.6rem;
	margin-top: -1.8rem;
	border-radius: 100%;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 600;
	font-style: normal;
	text-align: center;
	line-height: 3.6rem;
	background-color: #a8a8a8;
}
.boardList em ~ strong,
.boardList em ~ span {
	margin-left: 5rem;
}
.boardList .complate {
	background-color: #1c85fa;
}
.boardTit {
	position: relative;
	margin: 0 0 2rem;
	padding: 1.2rem 0;
	color: #000;
	font-size: 1.5rem;
	text-align: justify;
	line-height: 1.3;
}
.boardTit:before {
	height: 100%;
	background-color: #f2f2f2;;
}
.boardTit p,
.boardTit h3,
.boardTit span {
	display: block;
	position: relative;
	margin: 0;
}
.boardTit p,
.boardTit span {
	margin-top: .3rem;
	color: #555;
	font-size: 1.3rem;
	font-weight: normal;
}
.boardTit p + span {
	text-align: right;
}
.boardTit ~ h4 {
	margin: 0 0 1rem;
	color: #005dbc;
	font-size: 1.5rem;
}
.boardTit + h4 + .boardCont {
	position: relative;
	margin-bottom: 1.5rem;
	padding-bottom: 1.5rem;
}
.boardTit + h4 + .boardCont:before {
	color: #e1e1e1;
}
.boxCtgList + .boardCont{font-size:1.5rem; padding-top:1.5rem}
.boxCtgList + .boardCont > p{text-indent:-1.9rem; padding-left:1.9rem}
.noResult {
	position: relative;
	margin: 7.5rem auto;
	padding-top: 7.1rem;
	color: #000;
	font-size: 1.6rem;
	text-align: center;
}
.noResult:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	width: 4.7rem;
	height: 4.7rem;
	margin-left: -2.35rem;
	background: url(../images/content/img_noResult.png) no-repeat 0 0;
}
.noResult strong {
	color: #0169dd;
	font-weight: normal;
}
/* Layer */
.dimmedLayer,
.loadingMask {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 99;
	min-width: 320px;
	background-color: rgba(0, 0, 0, .3);
	-webkit-tap-highlight-color: transparent;
}
/* Alert Layer */
.layerWrap {
	display: none;
	box-sizing: border-box;
	position: absolute;
	top: 6rem;
	left: 50%;
	z-index: 100;
	width: 28.4rem;
	margin-left: -14.2rem;
	border-radius: .83rem;
	text-align: center;
	background-color: #fff;
}
.layerWrap .btnWrap {
	margin: 2.5rem 0 0;
	border-radius: 0 0 .83rem .83rem;
}
.layerWrap .btnWrap a,
.layerWrap [class*='Btn'] {
	width: 50%;
	height: 4.4rem;
	border-top: 1px solid #0061c4;
	border-radius: 0 0 0 .83rem;
	color: #0061c4;
	font-size: 1.7rem;
	line-height: 4.4rem;
	background-color: #fff;
}
.layerWrap .btnWrap a + a {
	border-left: 1px solid #0061c4;
	border-radius: 0 0 .83rem 0;
}
.layerWrap > [class*='Btn'] {
	display: block;
	width: 100%;
	margin-top: 2.5rem;
	border-radius: 0 0 .83rem .83rem;
}
.alertLayer > strong {
	display: block;
	margin: 3rem auto 1.6rem;
	color: #0061c4;
	font-size: 1.8rem;
}
.alertLayer > p {
	padding: 0 1.5rem;
	color: #000;
	font-size: 1.6rem;
	text-align: left;
	line-height: 1.4;
}
.noticeLayer > strong {
	display: block;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	height: 4.5rem;
	padding: 0 1.6rem;
	border-radius: .83rem .83rem 0 0;
	color: #fff;
	font-size: 1.8rem;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 4.5rem;
	background-color: #3293ff;
}
.noticeCont {
	overflow: auto;
	overflow-x: hidden;
	max-height: 30rem;
	padding: 1.6rem 1.6rem 0;
	font-size: 1.4rem;
	text-align: left;
}
@media (max-height: 480px) {
	.noticeCont {
		max-height: 20rem;
	}
}
.noticeCont .contTit {
	display: block;
	margin-bottom: 1rem;
	color: #333;
	font-size: 1.5rem;
}
.noticeLayer .btnWrap :first-child {
	float: none;
}
.layerWrap .lblWrap,
.layerWrap.noticeLayer [class*='Btn'] {
	width: 20%;
	height: 4rem;
	border-top-color: #d9d9d9;
	color: #333;
	font-size: 1.6rem;
	line-height: 4rem;
	background-color: transparent;
}
.layerWrap.noticeLayer .lblWrap {
	box-sizing: border-box;
	float: left;
	width: 80%;
	padding: 0 1.6rem;
	border: 1px solid #d9d9d9;
	border-width: 1px 1px 0 0;
	color: #555;
	text-align: left;
	line-height: 3.5rem;
}
/* Date,Photo Layer */
#ui-datepicker-div {
	display: none;
}
.dateLayer,
.photoLayer {
	width: 30rem;
	margin-left: -15rem;
}
.dateLayer > strong,
.photoLayer > strong:first-child {
	display: block;
	height: 4.53rem;
	border-radius: .83rem .83rem 0 0;
	color: #fff;
	font-size: 1.8rem;
	text-align: left;
	text-indent: 2rem;
	line-height: 4.53rem;
	background-color: #3293ff;
}
.dateLayer > strong a {
	color: #fff;
}
.datepickerWrap {
	margin: 0 2rem;
	letter-spacing: 0;
}
.dateLayer .btnWrap {
	margin-top: 1.6rem;
}
.dateLayer .closeLayer,
.photoLayer .closeLayer {
	position: absolute;
	top: 0;
	right: 0;
	width: 4.53rem;
	height: 4.53rem;
	margin: 0;
	border: none;
	border-radius: 0;
	background: transparent;
}
.dateLayer .closeLayer:before,
.photoLayer .closeLayer:before {
	content: '';
	position: absolute;
	top: 50%;
	right: 2rem;
	width: 1.6rem;
	height: 1.57rem;
	margin-top: -.79rem;
	background: url(../images/common/btn_closeContentLayer.png) no-repeat 0 0;
}
.ui-datepicker-header {
	position: relative;
}
.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	top: 0;
	left: 0;
	width: 2.6rem;
	height: 100%;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
	position: absolute;
	top: 50%;
	left: 30%;
	width: .8rem;
	height: 1.4rem;
	margin-top: -.7rem;
	background: url(../images/common/btn_calPrev.png) no-repeat 0 0;
}
.ui-datepicker-next span {
	background-image: url(../images/common/btn_calNext.png);
}
.ui-datepicker-next,
.ui-datepicker-next span {
	right: 0;
	left: auto;
}
.ui-datepicker-next span {
	right: 30%;
}
.ui-datepicker-title {
	margin: 1.5rem 0 2.3rem;
	color: #333;
	font-size: 2.1rem;
	font-weight: 600;
}
.ui-datepicker-calendar th {
	padding: .3rem 0 .8rem;
	color: #000;
	font-size: 1.37rem;
	font-weight: normal;
}
.ui-datepicker-calendar td {
	padding: .2rem 0;
}
.ui-state-default {
	display: block;
	width: 3.4rem;
	height: 3.4rem;
	margin: auto;
	border-radius: 100%;
	color: #000;
	font-size: 1.43rem;
	line-height: 3.3rem;
	background-color: #fff;
	transition: 1s all;
}
.ui-datepicker-today a {
	background-color: #f1f1f1;
}
.ui-datepicker-week-end a,
.ui-datepicker-week-end span {
	color: #003aa4;
}
.ui-datepicker-week-end:first-child a,
.ui-datepicker-week-end:first-child span {
	color: #d60000;
}
.ui-datepicker-current-day a {
	color: #fff !important;
	background-color: #00b6eb;
}
.photoLayer .btnWrap {
	height: 16rem;
	margin-top: 0;
	border-radius: 0;
}
.photoLayer .btnWrap > a {
	position: relative;
	height: 16rem;
	padding-top: 10rem;
	border-top: none;
	border-radius: 0;
	color: #222;
	font-weight: normal;
	line-height: normal;
}
.photoLayer .btnWrap > a:before {
	content: '';
	position: absolute;
	top: 4.83rem;
	left: 50%;
	width: 3.77rem;
	height: 3.8rem;
	margin-left: -1.89rem;
	background: url(../images/common/ico_photoLayerC.png) no-repeat 0 0;
}
.photoLayer .btnWrap > a + a {
	border-color: #ddd;
	border-radius: 0;
}
.photoLayer .btnWrap > a + a:before {
	background-image: url(../images/common/ico_photoLayerP.png);
}
.photoLayer .btnWrap + strong {
	height: 3.83rem;
	padding: 0 1.33rem;
	border: 1px solid #ddd;
	border-width: 1px 0;
	font-size: 1.4rem;
	line-height: 3.83rem;
}
.photoLayer .btnWrap + strong:before {
	left: 1.33rem;
}
.photoLayer .listTypeA {
	margin: 1.33rem;
}
/* tutorialCont */
#wrap > #contentLayer.tutorialCont {
	padding: 0;
	background: url(../images/tutorial/bg_tutorial.png) no-repeat 0 0;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	position:fixed
}
.tutorialCont .closeContentLayer {
	position: absolute;
}
.tutorialSlide .feSlPaging {
	position: absolute;
	top: 9%;
	left: 0;
	z-index: 10;
	width: 100%;
	/*min-width: 320px;*/
	/*margin-top: 23%;*/
	text-align: center;
}
.tutorialSlide .feSlPaging li {
	display: inline-block;
	position: relative;
	height:1rem;
	width:1rem;
	margin:0 .3rem;
	/*width: 3.9%;
	height: 0;
	margin: 0 .3rem;
	padding-bottom: 3.9%;*/
}
.tutorialSlide .feSlPaging a {
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid #9fccff;
	border-radius: 100%;
	background-color: transparent;
	transition: .3s background;
}
.tutorialSlide .feSlPaging .current a {
	background-color: #9fccff;
}
.tutorialSlide .feSlItem {
	width: 100%;
	height: auto;
	top:0;
	bottom:0;
}
.tutorialSlide .feSlItem .imgTitle,
.tutorialSlide .feSlItem .imgCont {position:absolute;text-align:center; left:0; right:0;width:auto !important;height:auto !important;}
.tutorialSlide .feSlItem .imgTitle{top:0; bottom:90%}
.tutorialSlide .feSlItem .imgCont{top:10%; bottom:5.33rem}
.tutorialSlide .feSlMask,
.tutorialSlide .feSlWrap{position:absolute !important; left:0; right:0; top:0; bottom:0; height:auto !important}
.tutorialSlide .feSlItem > span > img{
	height:100%;
}
.tutorialSlide .feSlItem > button{
	position: absolute;
    bottom: 0;
    z-index: 10;
    cursor: pointer;
    display: block;
    width: 50%;
    height: 5.33rem;
    color: #fff;
    font-size: 1.9rem;
    font-weight: 600;
}
.tutorialSlide .feSlItem > button.btnFull{width:100%; background-color:#004d9c}
.tutorialSlide .feSlItem > button.btnLeft{left:0; background-color:#999}
.tutorialSlide .feSlItem > button.btnRight{right:0; background-color:#004d9c}


/*.tutorialSlide .feSlItem > img {
	display: block;
	position: relative;
	z-index: -1;
	width: 100%;
}*/
.tutorialSlide .btnStop,
.tutorialSlide .btnAuto,
.tutorialSlide .btnPrev {
	display: none !important;
}
.tutorialSlide .feSlNavi{position:fixed; bottom:0; left:0; right:0; display:none;x}
.tutorialSlide .btnNext {
	display: block;
	width: 100%;
	height: 5.33rem;
	color: #fff;
	font-size: 1.9rem;
	font-weight: 600;
	background-color: #004d9c;
}
/* ETC */
.alignL {
	text-align: left !important;
}

/*added by Mingu.Kim*/
.joinRadio input[type="radio"]{
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}
.joinRadio span{
	background-image: url(../images/content/img_memberJoinImg_unCheck.png);
	content: '';
	border: 1px solid #bcbcbc;
	position: absolute;
	width: 100%; 
	height: 100%; 
	background-repeat: no-repeat;
	background-size: 100% 100% !important;
	-webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.joinRadio.checked span{
	background-image: url(../images/content/img_memberJoinImg.png);
	position: relative;
	content: '';
	border: 1px solid #0882ff;
	position: absolute;
	width: 100%; 
	height: 100%; 
	background-repeat: no-repeat;
	background-size: 100% 100% !important;
	-webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.grpJoinRadio input[type="radio"]{
	position: absolute;
	opacity: 0;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}
.grpJoinRadio span{
	background-image: url(../images/content/img_grpMemberJoinImg_unCheck.png);
	content: '';
	border: 1px solid #bcbcbc;
	position: absolute;
	width: 100%; 
	height: 100%; 
	background-repeat: no-repeat;
	background-size: 100% 100% !important;
	-webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.grpJoinRadio.checked span{
	background-image: url(../images/content/img_grpMemberJoinImg.png);
	content: '';
	border: 1px solid #0882ff;
	display: inline-block; 
	position: absolute;
	width: 100%; 
	height: 100%; 
	background-repeat: no-repeat;
	background-size: 100% 100% !important;
	-webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
.radioWrap{
	
}


/* mian popup*/

.popup_wrap {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3);z-index:100; z-index:999;}
.main_popup {min-width:300px; height:auto; min-height:300px;}
.main_popup.modal { position:absolute; left:50%; top:50%; background:#fff; transform:translate(-50%, -50%); box-shadow:0 0 30px rgba(0, 0, 0, 0.2); border-radius:10px; overflow:hidden;}
.main_popup .msg {padding:30px; font-size:14px; letter-spacing:-0.5px;text-align:center;}
.main_popup .msg .btn_go {display:inline-block; border:solid 1px #eee; border:solid 1px #ddd; color:#007FE1; padding:8px 20px; border-radius:5px;text-align:center; margin-top:15px; transition: all 0.2s;}
.main_popup .msg .btn_go::after { 
   content:'';
	display:inline-block;
	width:10px;
	height:11px;
	margin:0px 0 0 5px;
    /*background: url(/kor/images/common/ico_more.svg) 100% 50% no-repeat;*/
    background-size: contain;}
.main_popup .msg p {text-align:left;}
.main_popup .msg p + p {margin-top:10px;}
.main_popup .tit {font-size:20px; font-weight:700; margin-bottom:18px;}
.main_popup .txt_box {background:#F8F8F8; border-radius:5px; padding:15px 20px; margin-top:15px;}
.main_popup .btn_area {display:flex; align-items:center; border-top:solid 1px #DEDEDE}
.main_popup .btn_area a {flex:1; text-align:center; padding:12px 0;}
.main_popup .btn_area a:first-child { border-right:solid 1px #DEDEDE; color:#666}
.main_popup.modal img{ width: 100%}