@charset "utf-8";

@font-face{
  font-family:"NanumGothic"; 
  src:url("../../common/fonts/NanumGothic.eot");
  src:url("../../common/fonts/NanumGothic.eot?#iefix") format("embedded-opentype"),
	  url("../../common/fonts/NanumGothic.woff")format("woff"),
      url("../../common/fonts/NanumGothic.ttf")format("truetype");
}

@font-face{
	font-family: "Noto Sans CJK KR";
	src: url("../../common/fonts/NOTOSANSCJKKR-BOLD.OTF")format("otf");
}

@font-face{
	font-family: "TKMed";
	src: url("../../common/fonts/TKMed.TTF")format("ttf");
}

body.ja_JP {
	font-family: "MS P Gothic", Meiryo, sans-serif !important;
}

body.ja {
	font-family: "MS P Gothic", Meiryo, sans-serif !important;
}

body.en_US{
	font-family: "TKMed", Meiryo, sans-serif !important;
}

body.en{
	font-family: "TKMed", Meiryo, sans-serif !important;
}

body.es_ES{
	font-family: "MS P Gothic", Meiryo, sans-serif !important;
}

body.es{
	font-family: "MS P Gothic", Meiryo, sans-serif !important;
}

body.ko_KR {
	font-family: "Noto Sans CJK KR", Meiryo, sans-serif !important;
}

body.ko {
	font-family: "Noto Sans CJK KR", Meiryo, sans-serif !important;
}


/* 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,sub,sup,tt,var,b,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%;
	vertical-align: baseline;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section
	{
	display: block;
}

body {
	font-size: 12px;
	color: #666;
	word-break: break-all;
}

ol,ul {
	list-style: none;
}

img {
	vertical-align: middle;
}

blockquote,q {
	quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

caption {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	z-index: -1;
}

input,label {
	vertical-align: middle;
}

a {
	text-decoration: none;
}

a:hover,a:active {
	text-decoration: none;
}

/* form style */
/* .inpBox {
	font-family: "MS P Gothic", Meiryo, sans-serif !important;
	width: 98.5%;
	height: 30px;
	border: 1px solid #cfcfcf;
	font-size: 14px;
	text-indent: 5px;
	border: 1px solid #3D8E49;
} */

/* button style */
.btnWrap {
	text-align: center;
}

.btnWrap p {
	margin: 4px 0 30px;
}

.btnWrap a {
	/* width: 128px; */
	display: inline-block;
	color: #fff;
	padding: 6px 0;
	margin: 0 5px;
}

.btnWrap .btnGreen1 {
	background-color: #30983e;
	border: 1px solid #33773d;
}

.btnWrap .btnGreen1:hover {
	background-color: #39b54a;
}

.btnWrap .btnBlack1 {
	background-color: #414141;
	border: 1px solid #121212;
}

.btnWrap .btnBlack1:hover {
	background-color: #515151;
}

.btnCheck {
	border-radius : 5px;
	margin-left: 5px;
	padding: 7px 12px 9px;
/* 	background-color: #39b54a; */
	background-color: #ed1b24;
	border: 1px solid #33773d;
	cursor: pointer;
}

.submit {
	cursor: pointer;
}


.btnCheck.checked{
	background-color: #bdbdbd;
	border: 1px solid #9D9D9D;
}

.btnCheck.checked:hover {
	background-color: #bdbdbd;
	border: 1px solid #9D9D9D;
}

.btnCheck a {
	background: url(../images/login/btn_icon_check.png) no-repeat 50% 100%;
	padding : 0px 8px 0px 8px;
}

.btnCheck:hover {
	background-color: #ca0009;
	padding: 7px 12px 9px;
}

/* text style */
.titleType1 {
	color: #000;
	font-size: 20px;
}

.titleType2 {
	color: #000;
	font-size: 13px;
}

/* .titleType3 {
	color: #000;
	font-size: 13px;
	margin-bottom: 30px !important;
} */

.titleType4 {
	color: #000;
	font-size: 15px;
}

.titleType5 {
	color: #000;
	font-size: 14px;
}


/* .btnWrap a.txtGreen1 {
	width: 300px;
	color: #39b54a;
	text-decoration: underline;
	!
	important;
} */

/* #loginBg {
	width: 100%;
	position: relative;
	border-top: 5px solid #39b54a;
	background-color: #fff;
} */

/* #loginWrap {
	margin: 0 auto;
	padding-top : 50px;
	line-height: 1.5;
	font-size: 14px;
	padding: 64px 0;
} */

#loginWrap h1 {
	text-align: center;
}

#loginFormWrap {
	width: 260px;
	margin: 110px auto 0;
}

/* #loginFormWrap dt {
	margin-bottom: 20px;
} */

/* #loginFormWrap dd {
	margin-bottom: 17px;
}
 */
#onlineFormWrap {
	width: 450px;
	margin: 110px auto 0;
}

#autologinFormWrap {
    margin: 30px 0 20px 0;
    text-align: center;
}



#onlineErrorFormWrap {
	width: 260px;
	margin: 110px auto 0;
}

#onlineFormWrap dt {
	margin-bottom: 10px;
}

#onlineFormWrap dc {
	margin-bottom: 20px;
}

#onlineFormWrap dd {
	margin-bottom: 17px;
}

/* 20190723 - ion-kimdanhee - omissio
#loginFooter {
	width: 100%;
	text-align: center;
	margin: 0 auto;
	background: url(../images/login/footer_shadow.png) #f0343c repeat-x 0 0;
}
*/

/* #loginFooter p {
	padding-top: 30px;
	padding-bottom: 30px;
	font-family: 'Tahoma', 'Arial';
	color: #fff;
	vertical-align: middle;
} */

.loginMainFooter {
	position: fixed;
	bottom: 0;
}

#regWrap {
	width: 500px;
	margin: 81px auto 0;
}

#regWrap .regTitleWrap {
	height: 96px;
	background: url(../images/login/img_regist.gif) no-repeat 0 0;
	padding-left: 115px;
}

#regWrap .regTitleWrap h2 {
	font-size: 16px;
	margin-bottom: 10px;
}

#regWrap .regTbl {
	width: 600px;
	margin-bottom: 20px;
	margin-top: 25px;
	text-align: left;
}

#regWrap .regTbl th {
	width: 190px;
	padding: 8px 10px;
}

#regWrap .regTbl td {
	padding: 8px 0;
}

#regWrap .regTbl .inpRadio label {
	margin: 0 20px 0 5px;
}

#regOkWrap {
	width: 560px;
	height: 96px;
	margin: 140px auto 120px;
	padding-left: 115px;
	background: url(../images/login/img_regist.gif) no-repeat 0 0;
}

#regOkWrap h2 {
	color: #ed1b24;
	font-size: 16px;
	margin-bottom: 10px;
	text-align: left;
}


/* prettyrador  */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {clear: both;}

.clearfix {*zoom: 1;}

.prettycheckbox,
.prettyradio {
    display: inline-block;
    padding:0;
    margin:0;
}

.prettycheckbox a,
.prettyradio a{
    width: 30px;
    height: 30px;
    background: url(prettyCheckable-blue.png) top left no-repeat;
    display: block;
    float: left;
    cursor: pointer;
    margin:0;
}

.prettycheckbox.green a,
.prettyradio.green a{ background-image: url(prettyCheckable-green.png);}

.prettycheckbox.red a,
.prettyradio.red a{ background-image: url(prettyCheckable-red.png);}

.prettycheckbox.yellow a,
.prettyradio.yellow a{ background-image: url(prettyCheckable-yellow.png);}

.prettyradio a {background-position: 0 -120px;}

.prettycheckbox a:focus,
.prettyradio a:focus {outline: 0 none;}

.prettycheckbox a:focus{background-position: 0 -30px;}
.prettyradio a:focus{background-position: 0 -150px;}

.prettycheckbox a.checked{ background-position: 0 -60px; }
.prettyradio a.checked { background-position: 0 -180px; }

.prettycheckbox a.checked:focus{ background-position: 0 -90px; }
.prettyradio a.checked:focus { background-position: 0 -210px; }

.prettycheckbox label,
.prettyradio label {
  display: block;
  float: left;
  margin: 6px 5px;
  cursor: pointer;
}

.prettycheckbox.disabled a,
.prettyradio.disabled a,
.prettycheckbox.disabled label,
.prettyradio.disabled label{
  cursor:not-allowed;
}

.prettycheckbox.disabled a {
  background-position: 0 -240px;
}

.prettyradio.disabled a {
  background-position: 0 -270px;
}

.prettycheckbox.gray a, .prettyradio.gray a {
    background-image: url("../images/login/prettyCheckable-gray.png");
}
/* prettyrador  */

.eform_notice_pop .popBtn {
    padding-top: 7px;
    text-align: center;
}

.popBtn .btn_pop {
	cursor: pointer;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    font-size: 15px;
    height: 30px;
    line-height: 32px;
    margin: 0 10px;
    width: 80px;
}

.btn_pop.gray_btn {
    background-color: #6C6C6C;
    color: #FFFFFF;
    margin-right: 110px;
    float: right;
}

.btn_pop.green_btn {
	float: left;
    background-color: #1DB131;
    color: #FFFFFF;
    margin-left: 110px;
}


/* 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, sub, sup, tt, var,
b, 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;
/* 	font-family:'NOTOSANSCJKKR', Dotum,helvetica,arial,sans-serif; */
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {font-size:12px; color:#666; word-break: break-all;}
ol, ul {list-style: none;}
img {vertical-align:middle;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
caption {
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
	z-index: -1;
}
input, label {vertical-align:middle;}
a{text-decoration:none;}
a:hover,a:active{text-decoration:none;}


/* text style */
.titleType1 {margin-bottom:20px; font-size:34px; font-weight:500;  text-align:center; color:#F11416;}
.titleType2 {margin-bottom:20px; color:#000; font-size:20px; font-weight:bold;  text-align:left}
.titleType3 {margin-bottom:10px; color:#303030; font-size:16px; font-weight:bold;  text-align:left;}
.titleMain1 {margin-bottom:20px; color:#000; font-size:54px; text-align:right}
.btnWrap .txtGreen1 {color:#ed1b24;}

/* form style */
/* 20190723 - ion-kimdanhee - omission
.inpBox {box-sizing:border-box;width:98.5%; height:29px;border:1px solid #b5b5b5; font-size:14px; text-indent:5px;}
*/
.inpBox2 {width:100%; height:45px; border:1px solid #b5b5b5; font-size:16px;text-align:center;}
.inpBox.small {width:30%}

/* button style */
.btnWrap {text-align:center; padding:20px 0;}
.btn {display:inline-block;border:1px solid;border-radius:2px;display:inline-block;margin:0 5px;padding:5px 12px;font-size:12px;font-weight:500px;line-height:18px;letter-spacing:-0.015em;text-align:center;}
.btn.big {padding:12px 20px;font-size:16px;line-height:28px;}
.btn.nor {padding:12px 20px;font-size:14px;line-height:28px;}
.btn.small{padding:2px 6px;font-size:11px;line-height:15px;}
.btn.btn_basic {background-color:#FFF;border-color:#b5b5b5;color:#505050;}
.btn.btn_basic:hover {background-color:#f8f8f8;}
.btn.btn_gray {background-color:#eaeaea;border-color:#b5b5b5;color:#656565;}
.btn.btn_gray:hover {background-color:#e0e0e0;}
.btn.btn_red {background-color:#00A0F0;border-color:#00A0F0;color:#FFF;}
.btn.btn_red:hover {background-color:#00A0F0;}
.btn.btn_dark {background-color:#656565;border-color:#505050;color:#FFF;}
.btn.btn_dark:hover {background-color:#555;}
.btn.btn_gradient {
    background-image: linear-gradient(to right, #6700ac 0%, #f26c08 50%);
    color:#FFF;
}
.btn.btn_purple {background-color:#6700ac;border-color:#6700ac;color:#FFF;}
.btn.btn_pumpkin {background-color:#f26c08;border-color:#f26c08;color:#FFF;}

.btnWrap p {margin:4px 0 30px;}
.btnWrap a {display:inline-block; color:#fff; margin:0 5px;}
.btnWrap .btnBlue1 {background-color:#f7424a; border:1px solid #bd1a21; padding:6px 20px; border-radius:4px}
.btnWrap .btnBlue1:hover {background-color:#bd1a21;}
.btnWrap #btnBlue1 {background-color:#f7424a; border:1px solid #bd1a21; padding:6px 20px; border-radius:4px}
.btnWrap #btnBlue1:hover {background-color:#bd1a21;}
.btnWrap .btnBlue2 {background-color:#656560; border:1px solid #4c4c47; padding:3px 0; font-size:12px; border-radius:2px}
.btnWrap .btnBlue2:hover {background-color:#4c4c47;}


body {min-width:900px; background:url('../images/login/login_bg.jpg') no-repeat center center fixed; background-size:cover;}
#loginBg {width:100%; min-width:980px; min-height:620px; position:relative; /* (20190723 - ion-kimdanhee - omission) border-top:5px solid #00A0F0;*/ }

/* 20190723 - ion-kimdanhee - add*/
#loginBg {  /*border-top: 2px solid #00a0f0;*/ height: calc(100vh - 86px); border-top: 2px solid;border-image: linear-gradient(to right,#6700ac,#f26c08); border-image-slice: 1;}

/* 20190723 - ion-kimdanhee - omission
#loginWrap {margin:0 auto 80px; padding:100px 0 50px; line-height:1.5; font-size:14px;}
*/

/* 20190723 - ion-kimdanhee - add*/
#loginWrap { margin:auto; padding:0; line-height:1.5; font-size:14px; padding: 5rem; height: calc(100% - 10rem); /*border-top: 1px solid #0184c5;*/
    border-top: 1px solid;border-image: linear-gradient(to right,#6700ac,#f26c08); border-image-slice: 1;
	/* vertical - middle */
	display: -moz-flex; display: -webkit-flex; display: -ms-flex; display: flex; -moz-flex-direction: column; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -moz-justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -moz-flex-grow: 0; -webkit-flex-grow: 0; -ms-flex-grow: 0; flex-grow: 0; -moz-flex-shrink: 0; -webkit-flex-shrink: 0; -ms-flex-shrink: 0; flex-shrink: 0;
}

/* 20190723 - ion-kimdanhee - omission
#loginWrap h1 {margin:0 auto;text-align:center;height:auto;}
*/

/* 20190723 - ion-kimdanhee - add*/
#loginWrap h1 { margin: 0 auto; text-align: center; }
#loginWrap h1 a { display: inline-block; width: 156px; height: 120px; margin-right: 1.5rem; vertical-align: middle; }
#loginWrap h1 .logo { display: block; width: 100%; height: 100%; background:url('../images/login/tke_logo.png') no-repeat center; }
#loginWrap h1 .logo > span { font-size: 0; line-height: 0; text-indent: -9999em; }
/* 20190723 - ion-kimdanhee - omission
#loginWrap h1 .tit {display:inline-block;margin-left:35px;font-size:52px;font-weight:normal;line-height:54px;vertical-align:middle;color:#303030;}
*/

/* 20190723 - ion-kimdanhee - add*/
#loginWrap h1 .tit { display: inline; vertical-align: middle; font-size: 3.8em; letter-spacing: -0.02em; line-height: 1em; font-weight: 400; color: #303030; }

#loginFormWrap {width:904px; /* (20190723 - ion-kimdanhee - omission) margin:50px auto 50px;*/}

/* 20190723 - ion-kimdanhee - add*/
#loginFormWrap{ margin: auto auto; }

#loginFormWrap .x-border-box, .x-border-box * {-webkit-box-sizing: content-box !important;}
/* 20190723 - ion-kimdanhee - omission
.loginBx {position:relative; float:left; width:380px; height:230px; padding:25px; margin:0 10px; border:1px solid rgba(0,0,0,.12); background-color:rgba(255,255,255,0.5); border-radius:10px}
*/

/* 20190723 - ion-kimdanhee - add*/
.loginBx { margin: 3rem auto; padding: 0.5rem; text-align: center; }
.loginBx h2 { display: none; }
.loginBx dl.logForm { margin-right: 2rem !important; display: inline-block; margin: 0; }
.loginBx dl.logForm dd { width: auto; }
.loginBx dl.logForm dd input{ width: 11rem; height: 100%; padding: 0.5rem 0.7rem; margin: 0px; vertical-align: middle; border: 1px solid #bfbfbf; border-radius: 0.2rem; background: #ffffff; line-height: 1.4rem; display: block; font-size: 1rem; }
.loginBx div.btnWrap.login { width: 8rem; display: inline-block; }
.loginBx div.btnWrap.login a { width: 100%; margin: 0 !important; border-radius: 0.2rem; font-size: 1em; line-height: 1.6em; font-weight: 700; }
.loginBx2 {position:relative; float:left; width:500px; height:230px; padding:40px 50px; margin:40px auto; border:1px solid rgba(0,0,0,.12); background-color:rgba(255,255,255,0.5); border-radius:10px}
.faqBx {position:relative; float:left; width:831px; height:100px; padding:25px; margin:0 10px; border:1px solid rgba(0,0,0,.12); background-color:rgba(255,255,255,0.5); border-radius:10px}

/* 20190723 - ion-kimdanhee - omission
.loginBx.bx2 {height:230px;}
*/

/* 20190723 - ion-kimdanhee - add*/
.loginBx.bx2 { display: none; }

.loginBx.bx3 {height:85px;}
.faqBx.faq {height:auto;padding:25px 25px 20px; /* 20190723 - ion-kimdanhee - omission margin-top:1.5em; */ /* 20190723 - ion-kimdanhee - add*/ min-height: 10rem; }
.loginBx .btnWrap {padding:0;}
.loginBx .logForm {/* (20190723 - ion-kimdanhee - omission) margin:10px 0 0 */}
.loginBx .logForm dt {display:inline-block; width:60px; font-weight:bold; color:#666;}
.loginBx .logForm dd {display:inline-block; width:200px}
/* 20190723 - ion-kimdanhee - omission
.loginBx .btnWrap.login {position:absolute; top:75px; right:25px; width:106px;}
.loginBx .btnWrap.login .btn {width:100%; height:75px; padding:0;margin:0; line-height:75px; font-size:16px;}
.loginBx .btnWrap.login a {width:100%; height:75px; padding:0;margin:0; line-height:75px; font-size:16px;}
*/
.loginBx .loginOption {clear:both;margin-top:5px;line-height:30px;vertical-align:middle;}
.loginBx .loginOption .btn {float:right;width:80px;margin:0;}
.loginBx .loginOption dt {display:inline-block; width:250px}
.loginBx .loginOption dd {float:right; width:130px;}
.loginBx .loginOption dd .btnBlue2 {width:100%;margin:0}
.loginBx .btnWrap.big .btnBlue1 {width:120px;padding:15px;margin:30px 10px; font-size:16px;}
.loginBx .btnWrap.big .btnJoin {padding:12px 10px 12px 40px; font-size:18px;  color:#666666; background:url('../images/login/icon_join.gif') no-repeat 0 50%;}
.loginBx .btnWrap.big .btnJoin:hover {color:#f7424a}

.btnWrap .btn_join {padding:12px 10px 12px 40px; font-size:18px;  color:#666; background:url('../images/login/icon_join.gif') no-repeat 0 50%;border: none;}
.btnWrap .btn_join:hover {color:#f7424a}

/* 20190723 - ion-kimdanhee - omission
#loginFooter {width:100%;min-width:980px;padding: 1em; min-height:78px; text-align:center;margin:0 auto;background: #00A0F0;height: 80px;}
*/

/* 20190723 - ion-kimdanhee - add
#loginFooter { width: 100%; padding: 2em; line-height: 130%; text-align: center; background: #00a0f0; border-top: 1px solid #0184c5; }
*/
/* 20210805 tke changed shsong */
#loginFooter { width: 100%; padding: 2em; line-height: 130%; text-align: center; background-image: linear-gradient(to right,#6700ac,#f26c08)!important; border-top: 1px solid;border-image: linear-gradient(to right,#6700ac,#f26c08); border-image-slice: 1;}

#loginFooter > p {font-family:'Tahoma', 'Arial'; color:#fff; vertical-align:middle;}
#loginFooter > p.copy {margin-top:5px;font-size:0.9em;font-weight:lighter;opacity:.75;}
.loginMainFooter {position:fixed; bottom:0;}

#regWrap {width:700px; margin:50px auto 0;}
#regWrap .regTitleWrap {height:90px; background:url('../images/login/re_icon_1.png') no-repeat 10px 0;  padding-left:160px;}
#regWrap .regTitleWrap h2 {font-size:16px; margin-bottom:10px; text-align:left;}

#regWrap .joinWrap {padding:35px 25px; margin:20px 0;background-color:rgba(255,255,255,0.5); border:1px solid rgba(0,0,0,.12); border-radius:10px;}
#regWrap .joinWrap .txtR {text-align:right; font-size:12px;color:#888; margin-bottom:10px}
#regWrap .joinWrap label {font-size:16px !important; font-weight:bolder !important;}
#regWrap .regTbl {width:100%; margin-bottom:20px; text-align:left;}
#regWrap .regTbl th {width:130px; padding:8px 10px;vertical-align:top;line-height:35px;}
#regWrap .must:after {content:'*'; margin-left:3px;font-size:14px; font-weight:bold; color:#f7424a;vertical-align:top;}
#regWrap .regTbl td {padding:8px 0; vertical-align:top;}
#regWrap .regTbl .inpRadio label {margin:0 20px 0 5px;}
#regWrap .regTbl .btn {line-height:21px;}
#regWrap .regTbl .gui {margin-top:5px;font-size:12px;font-weight:lighter;line-height:1.4;color:#909090;}


#regOkWrap {width:450px; height:96px; margin:140px auto 50px; padding-left:150px; background:url('../images/login/re_icon_2.png') no-repeat 0 0;}
#regOkWrap h2 {font-size:16px; margin-bottom:10px;}

/*20161017*/
.loginBx .logForm form {display:block;margin-top:15px;}
.loginBx .logForm form > label {display:none;}
.loginBx .logForm form > .inpBox {width:100%;height:35px;margin:0;padding:0;line-height:35px;text-align:center;}
.loginBx .logForm form > .btnWrap {margin-top:5px;}
.loginBx .logForm form > .btnWrap > #btnBlue1 {width:30%;margin:0;padding:6px 0;border-radius:1px; display:inline-block; color:#fff; font-size:14px;}

.btnWrap .btngr1 {
    background-color: #656560;
    border: 1px solid #4c4c47;
    padding: 6px 20px;
    border-radius: 4px;
    font-size:14px;
}
.btnWrap .btngr1:hover {background-color:#4c4c47;}

#btn1 {
    background-color:#f7424a; border:1px solid #bd1a21; padding:6px 20px; border-radius:4px;
    width:80px; height:30px; margin:0;padding:6px 0; display:inline-block; color:#fff; font-size:14px;
}
#btn1:hover {background-color:#bd1a21;}

.faqBx .titleType3 .btn {float:right;}
.faqBx .list_svcgui {border-top:1px solid rgba(0,0,0,.1);}
.faqBx .list_svcgui > li {border-bottom:1px dashed rgba(0,0,0,.1);}
.faqBx .list_svcgui > li:last-child {border-bottom:0 none;}
.faqBx .list_svcgui > li > a {display:block;padding:6px 0;font-size:.975em;line-height:1.4;color:#505050;}
.faqBx .list_svcgui > li > a:before {content:'•';padding-right:2px;color:#FA4044;}
.faqBx .list_svcgui > li > a:hover {color:#909090;}

.joinWrap .terms > dt {margin-bottom:10px;font-size:16px;font-weight:500;line-height:1.2;color:#303030;}
.joinWrap .terms > dd {padding-bottom:20px;border-bottom:1px dashed rgba(0,0,0,.15);}
.joinWrap .terms > dd > iframe {box-sizing:border-box;overflow-y:scroll;width:100%;height:120px;padding:15px;background-color:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);font-size:12px !important;font-weight:normal;line-height:1.4 !important;color:#707070 !important;}
.joinWrap .terms > dd .check {text-align:right;margin-top:8px;font-size:13px;font-weight:normal;line-height:1;color:#505050;}

#regWrap .final {margin-top:100px;text-align:center;}
#regWrap .final .titleType1:after {display:block;content:'_';font-weight:bold;}
#regWrap .final .msg {margin:40px 0 30px;font-size:30px;font-weight:normal;line-height:1.4;color:#F11617;}
#regWrap .msg .s_msg {display:block;margin-top:10px;font-size:0.55em;font-weight:lighter;color:#707070;}

.list_svcgui{
	text-align : left;
	padding : 20px 0;
	line-height: 1.3;
	font-family: "museo-sans",sans-serif;
}

.li-title{
	cursor: pointer;
	padding-left: 20px;
	line-height: 300%;
}

.li-title:BEFORE{
	content: "Q  ";
	padding-right: 20px;
	color: #f7424a;
	font-weight: bolder;
}

.li-title:HOVER {
	background-color: #ddd;
}

.li-contents:BEFORE{
	content: " A  ";
	padding: 0 3px 0px 20px;
	padding-right: 20px;
	color: #7388d5;
	font-weight: bolder;
	
}
.li-contents{
	padding-left: 20px;
	line-height: 300%;
	
}
.fileName:BEFORE{
	content: " D  ";
	padding: 0 3px 0px 20px;
	padding-right: 20px;
	color: #17c2c2;
	font-weight: bolder;
}
.download {background-color:#eaeaea;border-color:#b5b5b5;color:#656565;font-weight:bolder;border-radius: 5px;font-size:10px !important;padding:3px 7px!important;}
.download:hover {background-color:#e0e0e0;}

.x-mask {
    filter: alpha(opacity = 70);
    opacity: .7;
    background: white
}

.x-mask-msg {
    padding: 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-image: none;
    background-color: #e5e5e5
}

.x-mask-no-msg {
    padding: 0px !important;
}

.x-mask-msg-inner {
    padding: 0;
    background-color: transparent;
    color: #666;
    font: normal 13px;
/* font: normal 13px helvetica, arial, verdana, sans-serif; */
}

.x-mask-msg-text {
    padding: 21px 0 0;
    background-image: url(../images/login/loading.gif);
    background-repeat: no-repeat;
    background-position: center 0
}

.x-masked-relative {
    position: relative
}

.x-mask {
    z-index: 100;
    position: absolute;
    width: 100%;
    height: 100%;
    zoom: 1
}

.x-mask-shim {
    z-index: 100;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.x-mask-msg {
    z-index: 20001;
    position: absolute
}