@charset "utf-8";
@import url('//fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=Maven+Pro');
@import url('https://fonts.googleapis.com/css?family=Poppins&display=swap');
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'GmarketSansBold'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff'); font-weight: normal; font-style: normal; }

/* CSS Document */
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
      url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
 }
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 900;
  src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
 }

/* Reset CSS  */
*{margin:0;padding:0;border:0;outline:0;vertical-align:top;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;*behavior:url("boxsizing.htc")}
html{height:100%;overflow-y:scroll;overflow-x:hidden;scrollbar-3dLight-Color:#333;scrollbar-arrow-color:#777;scrollbar-base-color:#333;scrollbar-Face-Color:#fff;scrollbar-Track-Color:#333;scrollbar-DarkShadow-Color:#333;scrollbar-Highlight-Color:#333;scrollbar-Shadow-Color:#fff;
	font-smooth: always;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTJBQkFGRUZFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTJBQkFGRjBFOTIyMTFFMEJDRDNEQzkxOTVGOTNBODAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5MkFCQUZFREU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5MkFCQUZFRUU5MjIxMUUwQkNEM0RDOTE5NUY5M0E4MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PtrV+I8AAAAQSURBVHjaYvj//z8DQIABAAj8Av7bok0WAAAAAElFTkSuQmCC',sizingMethod=crop);
	zoom: 1;
}


a:link, a:visited, a:hover, a:active{ text-decoration:none;}
strong, b { font-weight:600 !important; }
::-webkit-scrollbar {width:10px;height:10px}
::-webkit-scrollbar-track {background: #f1f1f1}
::-webkit-scrollbar-thumb {background:#a7a7a7}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {font-size:14px; font-family:'Roboto','Noto Sans KR','NanumSquare', 'NanumBarunGothic', 'Dotum', sans-serif; color:#454545; background:#fff; letter-spacing:-0.6px;}
button { cursor:pointer; font-family:'Roboto','Noto Sans KR','NanumSquare', 'NanumBarunGothic', 'Dotum', sans-serif; }
input,img { vertical-align:middle; }
input { border:none; }
input:focus { outline: none; }
::-webkit-file-upload-button { cursor:pointer; }
img { border:0 none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: '';content: none; }
table { border-collapse: collapse;border-spacing: 0; }
select {    -moz-appearance: none; -webkit-appearance: none; }
select, input {font-family:'Roboto','Noto Sans KR','NanumSquare', 'NanumBarunGothic', 'Dotum', sans-serif;}
a { display:block;cursor:pointer; color:#fff; }
h1, h2, h3, h4, h5, h6 {font-weight:normal; }

button img { vertical-align: middle; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { border:0; vertical-align:top; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; /* table-layout: fixed; */ /* word-break:break-all; */ }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { position: absolute; top: -9999px; font-size: 0; line-height: 0; }
.hide {	display: block; overflow: hidden; position: absolute; top: 0; left: 0; width: 0; height: 0; text-indent: -9999px; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;}
/* form */
fieldset	{border:0 none}
label	{}
input[type='text'],	input[type='password'] {font-family:'Roboto','Noto Sans KR','NanumSquare', 'NanumBarunGothic', 'Dotum', sans-serif !important; height:26px; margin:0; border:1px solid #a6a6a6; background:rgb(255,255,255,0.1);; font-size:13px; line-height:26px; vertical-align:middle;}
input[type='text'],	input[type='password']	{-webkit-border-radius:0; -webkit-appearance:none; padding-left:10px;}
input[type=submit], input[type=button]	{cursor:pointer}
::-webkit-input-placeholder	{}

input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle}
input.txt:focus	{border-color:#000}


.select.type2{background-color:#fff}
.select.type2 select{background-color:#fff}

input.chk {border:0 none; margin-right:2px; vertical-align:middle;}
input.chk.mlr	{margin:0 5px 0 16px}
.b_chk	{display:inline-block; width:13px; height:13px; margin-left:7px; background:#e6e6e6; cursor:pointer;}
.b_rdo	{display:inline-block; width:13px; height:13px; margin:2px 3px 0 4px; cursor:pointer;}
textarea { padding:10px; border:1px solid #a6a6a6; font-size:13px; overflow-y:scroll; resize:vertical; -webkit-appearance:none}
textarea:focus
,input:focus{  }

.placeholder { color: #aaa !important; }
.marginT15 {margin-top:15px;}
.marginT10{margin-top:10px;}
.blue_bg{ background:#0088ff; color:#fff;}
.red_bg{ background:#e71f19; color:#fff;}
.gray_bg{ background:linear-gradient(to bottom,#fff,#b5b5b5); color:#111;}
.gray_font{color:#999;}
.green_bg{background:#04af76; color:#fff; }
.red_color{color:#F55 !important;}
.yellow_color{color:#fedc00}
.blue_color{color:#26c6da; }
.green_color{color:#04af76;}
.bg_black{background:rgba(0,0,0,0.4);}
.black_gra{background:linear-gradient(to bottom,#454545,#000)}
.brwon_bg{background:linear-gradient(to top,#594b3e,#7f7166);}
.y_color{color:#ffc600;}
.orange_color{color:#ff5f10;}
.border_linel{border-left:1px solid rgba(255,255,255,0.2)}
.al_lf, .al_lt { text-align:left !important; }
.al_rt { text-align:right !important;  }
.al_ct { text-align:center !important; }
.fl_r{float:right !important;}
.fl_l{float:left !important;}
.pd20{padding:20px;}
.yellowBg{background:#f8e51c; color:#000;}
.blueBg{background:#3498db;color:#fff;}
.grayBg{background:#999;color:#fff;}

.redBg { background:#dc2c35;color:#fff; }
.redFont { color:#dc2c35 }
.grayFont { color:#333; }
.blueFont { color:#3498db }
.fgB {font-family:'GmarketSansBold','Noto Sans KR','Lato','Rajdhani',sans-serif;}
.fgM {font-family:'GmarketSansMedium','Noto Sans KR','Lato','Rajdhani',sans-serif;}
.fgL {font-family:'GmarketSansLight','Noto Sans KR','Lato','Rajdhani',sans-serif;}
.ml13 {margin-left:13px;}
.ml2{margin-left:1%;}
.mt5{margin-top:5px;}
.flL{float:left;}
.flR{float:right;}
.w10{width:10%;}
.w20{width:20%;}
.w30{width:30%;}
.w35{width:35%;}

.w40{width:40%;}
.w50{width:50%;}
/*ÅÇ*/

.sub_top{display:block; width:100%; text-align:center; background:url(img/sub_tit_bg.jpg)no-repeat 70%; background-size:cover; padding:10px 0; }
.sub_top .sub_tit{font-size:24px; display:block;}
.sub_top .sub_tit_en {font-size:16px; color:#999; display:block; font-weight:300; font-family:'Maven Pro', sans-serif;}

.login .btn {
    width: 49%;
    display: inline-block;
    padding: 10px 0;
    text-align: center;
    font-size: 17px;
    box-sizing: border-box;
}
.login .btn-primary {border:1px solid #e95247; margin-left:1%;}
.ico_handi{
	background:url(img/handi_ico.png)no-repeat;
	width:15px; height:15px;
	display:block;
	margin:7px 3px;
	background-size:100%;
}
.ico_up_arrow{
	background:url(img/up_arrow.png)no-repeat;
	width: 16px;
    height: 16px;
    display: inline-block;
    margin: 7px 3px;
	background-size:100%;

}
.ico_down_arrow{
	background:url(img/down_arrow.png)no-repeat;
	width: 16px;
    height: 16px;
    display: inline-block;
    margin: 7px 3px;
	float:right;
	background-size:100%;
}
.zoom7{zoom:0.7;}


/*=============================================================================+
| 공통
+-----------------------------------------------------------------------------*/
.logoLogin { background:url(/lib/img/jungsunlogo1.png) no-repeat; width:270px; height:210px; display:inline-block; text-align:center; }
.logoJoin { background:url(/lib/img/jungsunlogom.png) no-repeat; width:120px; height:50px; display:inline-block; text-align:center; }

.joinWrap .tit{
    font-size: 23px;
    margin-left: 10px;
    line-height: 44px;
    font-weight: 500;
}

input:-internal-autofill-selected {background-color:#fff;}

/*
@media all and (max-width:1200px){
	#wrap{min-width:auto !important}
}

@media all and (max-width:650px){

    .hdt .topCall {display: none;}
	.formWrap {width:100%; margin:auto; padding-top:40px;}
	.inputWrap {width:80%; margin:auto;}
	.joinWrap {text-align:center;}
	.inputWrap li span {display:none;  }
	.inputWrap .form-control {width:100%;}
}
*/

/*=============================================================================+
| CENTER
+-----------------------------------------------------------------------------*/
.centerWrap { display:table; width:100%; height:100%; }
.centerWrap .centerCell { display:table-cell; vertical-align:middle; text-align:center; }


/*=============================================================================+
| 빙글빙글
+-----------------------------------------------------------------------------*/
.bg { background:url(c_bg1.jpg)no-repeat center center; background-size: cover; }
.bgS { position: absolute; display: block; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0; z-index: -9999; overflow: hidden; }
.bgS > * { display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; transform-origin: 50% 50%; background-image: radial-gradient(2px 2px at 40px 60px, #ccc, rgba(0,0,0,0)), radial-gradient(2px 2px at 20px 50px, #ddd, rgba(0,0,0,0)), radial-gradient(2px 2px at 30px 100px, #eee, rgba(0,0,0,0)), radial-gradient(2px 2px at 40px 60px, #fff, rgba(0,0,0,0)), radial-gradient(2px 2px at 110px 90px, #fff, rgba(0,0,0,0)), radial-gradient(2px 2px at 190px 150px, #ddd, rgba(0,0,0,0)); background-repeat: repeat; background-size: 200px 200px; }
.bgS > *:nth-child(1) { animation: bgSEffect 44s linear infinite }
.bgS > *:nth-child(2) { animation: bgSEffect 72s linear infinite }
.bgS > *:nth-child(3) { animation: bgSEffect 80s linear infinite }
.bgS > *:nth-child(4) { animation: bgSEffect 92s linear infinite }

@keyframes bgSEffect {
    0% {
        transform:rotate(0deg);
        opacity: .4;
    }
    50% {
        transform:rotate(180deg);
        opacity: .6;
    }
    100% {
        transform:rotate(360deg);
        opacity: .1;
    }
}

/*=============================================================================+
| 로그인
+-----------------------------------------------------------------------------*/
body.auth { width:100%; height:100%; min-width:100%;}
.authWrap { width:300px; margin:auto auto; z-index:1000; text-align:center; }

.authWrap .authBtn { margin-top:10px; }

.authWrap .authBtn a
,.authWrap .authBtn button { width:49%; height:50px; line-height:50px; font-size:15px; display:inline-block; }

.authWrap .authInput { margin-top:10px; }

.authWrap .authInput input[type='text'], .authWrap .authInput input[type='password'] {
    display: block;
    width: 100%;
    height: 60px;
    font-size: 14px;
    border: 1px solid #333;
    border-radius: 2px;
    color: #fff;
    letter-spacing: -0.05em;
	background:rgba(0,0,0,0.7);
	padding-left:45px;
}

.authWrap .authInput input:focus { border:1px solid #e95247; }
.authWrap .authInput { position:relative; }
.authWrap .authInput .login { background:url(/lib/img/login.png) no-repeat center; width:30px; height:40px; position:absolute; top: 10px; left: 12px; }
.authWrap .authInput .password { background:url(/lib/img/password.png) no-repeat center; width:30px; height:40px; position:absolute; top: 10px; left: 12px; }




/*=============================================================================+
| 가입
+-----------------------------------------------------------------------------*/
.joinWrap { max-width:600px; margin:auto auto; }

.joinInput li {position:relative; float:left; width:100%;}
.joinInput li span{
    position: absolute;
    width: 25%;
    text-align: left;
    color: #333;
    font-weight: 500;
    height: 100%;
    line-height: 50px;
    background: #f4f4f4;
    padding-left: 18px;
    font-size: 14px;
    height: 50px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
.joinInput input[type='text'],
.inputWrap input[type='password'],
.inputWrap input[type='tel']
,.inputWrap input[type='email'] {

}
.joinInput button[type='submit'] {
	width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    display: inline-block;
 }
.joinInput .form-control{
    display: block;
    width: 75%;
    height: 50px;

    font-size: 13px;
    border-bottom: 1px solid #ddd;
    padding: 10px 10px 10px 10px;
    color: #111 !important;
    letter-spacing: -0.05em;
    background:#fff;
	border-left:none; border-top:none; border-right:none;border-left:none;
	box-sizing:border-box;
	text-indent:5px;
	float:right;
}
.joinInput input:focus ,.inputWrap li:focus{
	border-bottom:1px solid #000;
	box-sizing:border-box;

}
.joinInput li span:before{
content: "";
    display: inline-block;
    height: 15px;
    width: 1px;
    background: #ddd;
    position: absolute;
    top: 2px;
    right: 0;
    margin-right: -12px;
	display:none;
}
.btn-default {
	background:#fff;
	color:#e95247;
	border:1px solid #e95247;
}
.btn-red{
    background: #e95247;
    color: #fff;
/*
    display: inline-block;
    float: right;
    padding: 14px;
    font-size: 15px;
    width: 100%;
    margin-top: 20px;
*/
}
.gameicoWin{background:url(img/gameico_win.png) no-repeat center; width:13px; height:22px; background-size:100%; display:inline-block; margin-left:2px;}
.gameicoPick{background:url(img/gameico_pick.png) no-repeat center; width:13px; height:22px; background-size:100%; display:inline-block; margin-left:2px;}

/* --------------------------------------------
 * input
/* ------------------------------------------ */
/* inputWrap_st1 */
.inputWrap_st1 {
	position: relative;
}
.inputWrap_st1.focus {
	z-index: 10;
}
#mypage .inputWrap_st1 input {
	background: #fff;
}
.inputWrap_st1 input {
	display: block;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 13px;
	background: transparent;
	border: 1px solid #444;
	border-radius: 2px;
	color: #fff;
	letter-spacing: -0.05em;
}
.inputWrap_st1 input:hover{background:#111;}
.inputWrap_st1.focus input {
	background: #fff;
	border-color: #005dbc;
}
.inputWrap_st1 input::-webkit-input-placeholder{color:#c4c4c6}
.inputWrap_st1 input:-moz-placeholder{color:#c4c4c6;opacity:1}
.inputWrap_st1 input::-moz-placeholder{color:#c4c4c6;opacity:1}
.inputWrap_st1 input:-ms-input-placeholder{color:#c4c4c6}
.inputWrap_st1 input:placeholder-shown{color:#c4c4c6}

.inputWrap_st1 button {
    min-width: 86px;
    font-size: 11px;
    line-height: 26px;
    background: #444;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 6px;
    margin-top: -13px;
}
.inputWrap_st1 .error {
	font-size: 11px;
	line-height: 16px;
	padding: 7px 8px;
	background: #f15c62;
	color: #fff;
	display: none;
}
/* --------------------------------------------
 * checkbox
/* ------------------------------------------ */
/* checksWrap_st1 */
.checksWrap_st1 {
	position: relative;
    margin-top:10px;
    display: inline-block;

}
.checksWrap_st1 .checks {
	position: relative;
    display: inline-block;
}
.checksWrap_st1 input[type="checkbox"] {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	z-index: -1;
	width: 16px;
	height: 16px;
	-webkit-appearance: none;
	opacity: 0;
}
.checksWrap_st1 label {
	display: inline-block;
	position: relative;
	top: 0;
	left: 0;
	height: 20px;
	line-height: 20px;
	font-size: 13px;
	color: #fff;
	padding: 0 0 0 25px;
	z-index: 10;
	background:url("img/check1_off.png") 0 0 no-repeat transparent;
	background-size: 20px 20px;
}
.checksWrap_st1 label.on {
	background: url("img/check_on.png") 0 0 no-repeat transparent;

	background-size: 20px 20px;
}
.checksWrap_st1 a {
	width: 30px;
	display: inline-block;
	padding: 22px 0;
	line-height: 10px;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
}
.checksWrap_st1 a:after {
	content: '';
	display: inline-block;
	width: 6px; height: 10px;
	background: url(/_img/icon_arr_right.png) no-repeat;
	-webkit-background-size: 6px 10px;
	-moz-background-size: 6px 10px;
	-o-background-size: 6px 10px;
	background-size: 6px 10px;
}


    .auth_form {
	padding:15px 15px;
}
.auth_form ul {

}
    .auth_form ul li{float:left; width:100%;}

.auth_form li .inputWrap_st1,
.auth_form li .uploadWrap,
.auth_form li .checksWrap_st1 {
	margin: -1px 0 0 -1px;
}
.auth_form li .inputWrap_st1 input {
	border-radius: 0;
}
    .auth_form li .inputWrap_st1 input:focus{border:1px solid #f8e51c}
.auth_form li:first-child .inputWrap_st1 input,
.auth_form li:first-child .uploadWrap input,
.auth_form li:first-child .checksWrap_st1 input {
	border-radius: 2px 2px 0 0;
}
.auth_form li:last-child .inputWrap_st1 input,
.auth_form li:last-child .uploadWrap input,
.auth_form li:last-child .checksWrap_st1 input {
	border-radius: 0 0 2px 2px;
}
.auth_submit {
	width: 100%;
    float: right;
    line-height: 40px;
    display: block;
    background: #c51b23;
    text-align: center;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    border-radius: 2px;
    margin-top: 10px;
    border: 1px solid red;
}
.auth_form a.joinBtn{
    color: #fff;
    float: right;
    margin-top: 9px;
    font-size: 12px;
    color: #f1b120;
    padding: 3px 10px;
    border: 1px solid;
}

/*logo*/
.logo_cont{
    width: 200px;
    height: 35px;
    z-index: 1;
    text-align: center;
    float: left;
    top: 23px;
    margin-left: 0px;
    position: relative;
}

.logo_cont img{
    position:absolute;
}
.logo_cont img.icon{
    left:0;
    top:0;
    animation:logo_anim 10s ease;
}
@keyframes logo_anim{
    0% {transform:rotateY(0deg); opacity:0;}
    40% {opacity:1;}
    90% {transform:rotateY(360deg); opacity:1;}
    100% {transform:rotateY(360deg); opacity:0;}
}
.logo_cont img.name{
    left:44px;
    top:5px;
    animation:logo_name_anim 10s ease;
}
@keyframes logo_name_anim{
    0% {transform:scale(2); opacity:0;}
    15% {transform:scale(2); opacity:0;}
    17% {transform:scale(1); opacity:1;}
    90% {transform:scale(1); opacity:1;}
    100% {transform:scale(1); opacity:0;}
}



/* --------------------------------------------
 * 게시판
/* ------------------------------------------ */
.listTable *{vertical-align:middle;}
.listTable {
    width: 100%;
}
.listTable tr th{
    padding:15px 0;
    color:#fff;
	font-weight:300;
	vertical-align:middle;
}
.listTable tr th p{margin:0;}

.listTable tr th p.nickname{font-weight:500; font-size:17px;}
.listTable tr th p.date{color:#999;font-size:15px; letter-spacing:0;}

.listTable tr th p.phoneNum{font-size:15px; font-size: 15px; color: #2c4d9b; letter-spacing:0;}
.listTable thead tr th{font-weight:500; position:relative;  background:#555; color:#fff;padding:15px 0;  }
.listTable tbody tr td.tl {text-align:left;}
.listTable tbody tr td:nth-of-type(2) a:hover{}
.listTable tbody tr td:nth-of-type(2) a span{}
.listTable tbody tr td span.lockIcon{width:16px;height:30px;margin-left:3px; background:url(/_img/secret_lock.png) no-repeat center;display:inline-block; text-indent:-99999px; }
.listTable tr td{
    padding:18px 0;
    color:#fff;
    border-bottom: 1px solid #444;
	vertical-align:middle;
	text-align:center;
	font-size:15px;
}
.listTable tr td .date {font-size:13px; color:rgba(255,255,255,0.5)}
.listTable tr td a{color:#fff;}
.listTable tr td a span.comment{
    font-size: 12px;
    margin-left: 5px;
    color: red;
}
.listTable tr td a .nIcon {
    width: 14px;
    height: 15px;
    background: url(img/newicon.png)no-repeat;
    display: inline-block;
    margin-left: 9px;
}
.listTable td.subj, .listTable li{
    text-align: left;
    padding: 15px 30px;
}
.listTable td.noCont{
    height: 150px;
    line-height: 150px;
}
.listTable th:first-child,
.listTable td:first-child{
    padding-left:30px;
    padding-right:10px;
}
.listTable th:last-child,
.listTable td:last-child{
    padding-right:30px;
    padding-left:10px;
}

.listTable th:last-child:after{display:none;}
.listTable tbody tr:hover {
    background: #444;
}
.listTable tbody tr:hover a {color:#f1b120}
.boardContent .boardBox i.level{width:31px;height:31px; display:inline-block; margin-right:5px;}
.boardContent .boardBox i.lv1 {background:url(img/lvicon/lv_19.png)}
.boardContent .boardBox i.lv2 {background:url(img/lvicon/lv_18.png)}
.boardContent .boardBox i.lv3 {background:url(img/lvicon/lv_17.png)}
.boardContent .boardBox i.lv4 {background:url(img/lvicon/lv_16.png)}
.boardContent .boardBox i.lv5 {background:url(img/lvicon/lv_15.png)}


/* :: SEARCH BOX */
.board-search-box{text-align:center; background:#111;padding:30px 0;margin:30px 0 ; border:1px solid #333; border-radius:10px;}
.board-search-box select{width:20%; max-width:150px; height:40px; border:1px solid #ccc; background:url(img/icon_arr_downs.png) no-repeat right top #fff; padding-left:10px; }

.board-search-box .search-word{width:30%; max-width:200px; height:40px; border:1px solid #ccc; border-right:0; padding:0; text-indent:10px; color:#868686; font-size:13px; vertical-align:middle;}
.board-search-box .search-word:focus{color:#333;}
.board-search-box .bbs-search-btn{margin:0px; border:0; min-width:40px; padding:0 5px; height:40px; margin-left:-4px; background:#588df1; color:#fff; cursor:pointer; vertical-align:top; font-size:14px;}
.board-search-box .bbs-search-btn i{line-height:40px;}


/**viewBoard**/

.viewBoard {color:#fff;}
.viewBoard .vbTitW {
    padding: 0px 0 30px;
    display: inline-block;
    width: 100%;

	border-bottom:1px solid #333;
}
.viewBoard .vbTitW .vbTit  {display:block;font-size:19px; padding:0 90px; }
.viewBoard .vbTitW .vbTit strong{font-weight:bold;}
.viewBoard .vbTitW .vbDate, .viewBoard .vbTitW .vbNick {
    display: inline-block;
    color: #aaa;
    font-size: 14px;
    font-weight: 300;
	margin-right:30px;
	position:relative;
}
.viewBoard .vbTitW .vbNick:after{
	width: 1px;
    height: 13px;
    background: #555;
    position: absolute;
    content: '';
    right: -14px;
    top: 8px;
}
.viewBoard .vbTitW .vbRightBox{
    float: left;
    margin-left:90px;
    line-height: 30px;
    margin-top: 15px;
}
.viewBoard .vbContW {text-align:left; padding:50px 90px;display:inline-block; width:100%;  }
.viewBoard .vbContW p {line-height:30px; font-size:16px;}
.viewBoard .vbContW img {margin-bottom:30px;}
.viewBoard .boardBtnW {display:inline-block; width:100%; text-align:center; margin-top:20px;}
.viewBoard .boardBtnW a {background:#333; padding:10px 20px; color:#fff; font-size: 16px; line-height:23px;}
.nearNaviW {
    width: 100%;
    display: inline-block;
    margin: 30px 0 0px;
     border: 1px solid #333;
}
.nearNaviW dl {float:left; width:100%; border-bottom:1px solid #333;padding:20px; line-height:25px; }
.nearNaviW dl:last-child{border-bottom:none;}
.nearNaviW dl:hover{background:#138962;}
.nearNaviW dl dd{float:right; width:90%; }
.nearNaviW dl dt{float:left; width:10%; color:rgba(255,255,255,0.5);text-align:center; position:relative;}
.nearNaviW dl dt:after{
    position: absolute;
    content: '';
    background: #333;
    width: 1px;
    height: 15px;
    top: 5px;
    right: 5px;
}
.nearNaviW dl dt span{display:none;}
.nearNaviW dl dd .nNDate{float:right; color:#aaa;}
.nearNaviW dl dd .nNTit {float:left; font-weight:500; color:#fff; font-size:16px; text-indent:15px; }
.nearNaviW dl dd a{display:block;width:100%;}
.nearNaviW dl dd a:hover{color:#ce222d;}
.btnWrap{display:block;text-align:center; }
.btnWrap .btnStyle {
    text-align: center;
    display: inline-block;
    padding: 10px 40px;
    background: #c51b23;
    color: #fff;
    border: 1px solid red;
    border-radius: 30px;
    /* font-weight: 600; */
    font-size: 16px;
}


.board_comment {
	width: 100%;
	float: left;
	position: relative;
	background: #333;
	margin-top: 50px;
	padding-bottom: 60px;
	-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	-o-box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.1);
}
.board_comment .cmt_write_area {
	padding: 40px 100px;
	border-bottom: 1px solid #444;
}
.board_comment .cmt_write_area .tit {
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 20px;
}
.board_comment .cmt_write_area .tit span {
	color:#f1b120;
}
.board_comment .cmt_write_area .cmt_write {
	overflow: hidden;
}
.board_comment .cmt_write_area .cmt_write textarea {
    width: 85%;
    height: 120px;
    float: left;
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    padding: 16px 20px;
    background: transparent;
    border: 1px solid #555;
    resize: none;
}
.board_comment .cmt_write_area .cmt_write textarea:focus {
	border-color: #999;
}
.board_comment .cmt_write_area .cmt_write button {
	width: 15%;
	height: 120px;
	float: right;
	background: #1272cf;
	color: #fff;
	font-size: 16px;
}
.board_comment .cmt_list {
	padding: 0 100px;
}
.board_comment .cmt_list li {
	position: relative;
	padding: 30px 0 30px 0px;
	border-bottom: 1px solid #555
}
.board_comment .cmt_list li .delete {
	display: inline-block;
	position: absolute;
	right: 0; top: 34px;
}
.board_comment .cmt_list li .delete i {
	font-size:16px; color:rgba(255,255,255,0.5)
}
.board_comment .cmt_list li .cmt_txt {

}
.board_comment .cmt_list li .cmt_txt .cmt_info {

}
.board_comment .cmt_list li .cmt_txt .cmt_info span {
	font-size: 14px;
	line-height: 31px;
	display: inline-block;
	letter-spacing: 0;
}
.board_comment .cmt_list li .cmt_txt .cmt_info .nick {
	color: #f1b120;
}
.board_comment .cmt_list li .cmt_txt .cmt_info .data {
	color: #999;
	margin-left: 6px;
}
.board_comment .cmt_list li .cmt_txt p {
	font-size: 15px;
	line-height: 24px;
	color: #fff;
	margin-top: 2px;
	max-width: 90%;
	word-break: keep-all;
}
.board_comment .pagination {
	margin: 30px 0 0;
}
.boardContent .freeBoardBox .btnWrap{margin-top:30px;}


/* --------------------------------------------
 * pagination
/* ------------------------------------------ */

.pagination{padding:30px 0 0px;text-align:center}
.pagination *{display:inline-block}
.pagination p a{color:#888;}
.pagination p{vertical-align: top;background:#fff;border:1px solid #DBDCDE;margin:0 1px; width: 32px;height: 32px;font-size: 14px; line-height: 32px;}
.pagination ol{margin:0 6px;overflow:hidden}
.pagination ol li{float:left;margin:0 3px;}
.pagination ol li a{font-size:12px;width:32px; cursor:pointer; height:32px;line-height:30px; box-sizing:border-box; border:1px solid #444; color:#fff; font-weight:500}
.pagination ol li a.on{ color:#fff;background:#588df1;  font-weight:700;  width:32px; height:32px; border:1px solid #1a72cf; box-sizing:border-box;  /*  line-height: 17px;*/}
.pagination ol li:hover a {border-color:#1a72cf}
/* --------------------------------------------
 * boardWrite
/* ------------------------------------------ */

.boardWrite {}
.boardWrite tr{}
.boardWrite tr td, .boardWrite tr th{padding:15px 0; border-bottom:1px solid #444; vertical-align:middle;}
.boardWrite tr td{ padding-left:20px; text-align:left;}
.boardWrite tr th{font-size:15px; font-weight:500; background:#333; }
.boardWrite { width: 100%; border-collapse: collapse; border-spacing: 0; border-top:1px solid #444; margin-bottom:30px;}
.boardWrite .inputStyle {
    height: 40px;
    padding-left: 10px;
    border: 1px solid #666;
	width:100px; color:#fff;
	font-size:15px;    background: transparent;
}
.boardWrite .inputStyle:focus, .boardWrite textarea:focus{border:1px solid #ea0e32;}
.boardWrite textarea {
    border: 1px solid #666;
	width: 98%;
    height: 250px;
    padding: 20px;
	padding: 10px;
    font-size: 15px;
    overflow-y: scroll;
    resize: vertical;
    -webkit-appearance: none;
	background: transparent;
	color:#fff;
}
.boardWrite .inputStyle.w100 {width:98%;}
.boardWrite .inputStyle.w150 {width:150px;}
.boardWrite .inputStyle.w200 {width:200px;}