/*login*/ 
 .login-wrap .login-form{
 	width:75%;
 	max-width:600px;
	margin:0 auto;
}
.login-wrap .form-control{
	width:100%;
	height:60px;
	line-height:60px;
	border:1px solid #d9d9d9;
	padding:0 15px;
	margin-bottom:1em;
	font-size:16px;
	border-radius:4px;
}
.login-wrap .btn-login{
	background:#145260;
	color:#fff;
	text-transform:uppercase;
	width:100%;
	font-size:18px;
	letter-spacing:2px;
	height:60px;
	line-height:60px;
	padding:0 !important;
	font-weight:700;
	border-radius:4px;
}
.login-wrap .login-icon{
 	position:relative;
	margin:0 auto;
	width:100%;
	height:100px;
 	margin-bottom:3rem;
}
.login-wrap .login-icon .img{
	background:url(/common/img/community/icon-login.png) center center no-repeat;
	height:100px;
	background-size:auto 100px;
}

@media all and (max-width:768px){
	.login-wrap .login-form{
		width:85%;
	} 
	.login-wrap{
		padding:3rem 0 5rem;
	}
	.login-wrap .login-icon{
		width:65px;
		height:65px;
		margin-bottom:2rem;
	} 
	.login-wrap .login-icon .img{
		height:65px;
		background-size:auto 65px;
	} 
	.login-wrap .form-control,
	.login-wrap .btn-login{
		font-size:14px;
		height:50px;
		line-height:50px;
	}
}





/* service */
.service article,
.service p{
	word-break:break-all;
}
.service .block{
	width:100%;
	position:relative;
	margin-bottom:40px;
}
.service .service-box{
	max-width:600px;
	margin:0 auto;
}
.form-box .btn-area .btn{
	margin:0 !important;
}
.join .block{
	margin-bottom:60px;
}

    .vod-area, .group-ty  {        margin: 0 0 50px  ; }

.con_tit {
    font-size: 1.375em;
    color: #121212;
    font-weight: 600;
    letter-spacing: -0.05em;
    margin-bottom: 15px;
}

.con_tit:before {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    background: #1f77d2;
    vertical-align: top;
    margin: 0 0 5px 0;
}

.input-ty3 {
    max-width: 20%;
    min-width: 130px;
}

.form-control {
    height: 40px;
    line-height: 40px;
    border: 1px solid #b6b6b6;
    padding: 0 0 0 10px;
    margin-bottom: 3px;
    font-size: 14px;
 
   min-width: 80px;
}



.login_view td ,.login_view th {
    padding: 5px;
	line-height:38px;
}
 .login_view {
    width: 100%;
    border-top: 2px solid #333;
    font-family: sans-serif;
    line-height: 1.6;
    min-width: 300px;
}

.login_view th {
    min-width: 80px;
    text-align: center;
}
.login_view th {
    background: #edffb6;
    color: #111;
    border-bottom: 1px solid #d7d7d7;
}


 .login_view td {
    border-bottom: 1px solid #d7d7d7;
    text-align: left;
    min-width: 80px;
}


.bbs_view{
	width:100%;
	border-top:2px solid #000;
}
.bbs_view .view-header{
	padding:25px 0 0;
}
.bbs_view .view-header .tit{
	font-size:26px;
	color:#333;
	padding-bottom:20px;
}
.bbs_view .view-header .category{
	margin:6px 10px 0 0;
	line-height:26px;
	height:26px;
	vertical-align:top;
}
.bbs_view .text{
	border-bottom:1px solid #000;
	padding-bottom:20px;
}
.bbs_view .text em{color:#333;} 
.bbs_view .text span{
	position:relative;
	font-size:15px;
	 
}
.bbs_view .text span:first-child{
	padding:0 15px 0 0;
}
.bbs_view .text span::after{
	position:absolute;
	right:0;
	top:5px;
	height:16px;
	width:1px;
	background:#999;
	display:block;
	content:"";
}
.bbs_view .text span.date::after{
	display:none;
}
.bbs_view .text-file{
	padding:15px 0px;
	border-bottom:1px solid #c7c7c7;
}
.bbs_view .text-file a{
	text-decoration:underline;
	margin-right:5px;
}
.bbs_view .text-file a:hover{
	color:#339933;
}
.bbs_view .text-file .icon-file{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	height:20px;
	margin-right:5px;
	background:url(/common/img/board/icon-file.png) 50% 50% no-repeat;
}



.btn_area2 {
    text-align: center;
    margin: 30px 0;
}
 



button, input[type='button'], input[type='reset'], input[type='submit'] {
    cursor: pointer;
    -webkit-appearance: button;
}



.btn {
     width: 120px;
    display: inline-block;
 
    margin-bottom: 0;
    font-weight: normal;
 
	height: 38px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    font-size: 16px;
	    color: #fff;
}
 
.btn-save {
 
    background: #fe6e18;
    border: 1px solid #fa5f00;
}
.btn-search {
    margin-top: 0px;
    cursor: pointer;
    background: #444;
    border: 1px solid #353535; 
    vertical-align: top;
	width:80px;height: 39px;
}
.btn-list {
    background: #3c8dbc;
    border: 1px solid #367fa9;
}
.btn-list1, .btn-list2 {
    line-height: 43px;
    height: 45px;
    border-radius: 20px;
    font-size: 20px;
	}

.btn-list1 {
    background: #228178;
    border: 1px solid #367fa9;
}
.btn-list2 {
    background: #6a8122;
    border: 1px solid #367fa9;
}
.join_info {
margin-top:20px
}

.cr-blue {
   color:#0916cb;
  text-indent:-15px;
  padding-left:15px;
  line-height: 25px;
}

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


.form-control {
  
 width: calc(100% - 10px);
   min-width: 70px;
}
}

@media all and (max-width:770px){
.btn_area2 .btn {
    width: 120px;
 
    margin: 0 0px;
}
 
}
 


/* checkbox */
.checkbox{
	font-size:15px;
	display:inlineblock;
	position:relative;
	padding-left:30px;
	cursor:pointer;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}
.checkbox input{
	position:absolute;
	opacity:0;
	cursor:pointer;
}
.checkbox .checkmark{
	position:absolute;
	top:2px;
	left:0;
	height:20px;
	width:20px;
	background-color:#fff;
	border:1px solid #d5d3d6;
}
.checkbox input:checked ~ .checkmark{
	background-color:#fff;
}
.checkbox .checkmark:after{
	content:"";
	position:absolute;
	display:none;
}
.checkbox input:checked ~ .checkmark:after{
	display:block;
}
.checkbox .checkmark:after{
	left:7px;
	top:3px;
	width:5px;
	height:10px;
	border:solid #268ef2;
	border-width:0 3px 3px 0;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
}

/* radio */
.sub [type="radio"]:checked,
.sub [type="radio"]:not(:checked){
	position:absolute;
	left:-9999px;
}
.sub [type="radio"]:checked + label,
.sub [type="radio"]:not(:checked) + label{
	position:relative;
	padding-left:28px;
	cursor:pointer;
	line-height:20px;
	display:inline-block;
	color:#666;
}
.sub [type="radio"]:checked + label:before,
.sub [type="radio"]:not(:checked) + label:before{
	content:'';
	position:absolute;
	left:0;
	top:2px;
	width:18px;
	height:18px;
	border-radius:100%;
	background:#fff;
	border:1px solid #d5d3d6;
}
.sub [type="radio"]:checked + label:before{
	border:1px solid #268ef2;
}
.sub [type="radio"]:checked + label:after,
.sub [type="radio"]:not(:checked) + label:after{
	content:'';
	width:10px;
	height:10px;
	background:#268ef2;
	position:absolute;
	top:6px;
	left:4px;
	border-radius:100%;
	-webkit-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.sub [type="radio"]:not(:checked) + label:after{
	opacity:0;
	-webkit-transform:scale(0);
	transform:scale(0);
}
.sub [type="radio"]:checked + label:after{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1);
}

/* privacy */
.privacy .btn-area{
	margin-top:4em;
}
.privacy .btn{
	margin:0 0.5vw;
}
.privacy a.btn-link,
.privacy a.btn-link-line{
	width:200px;
	height:45px;
	line-height:42px;
	padding:0;
}

/* form-box */
.service .form-box{
	padding :3em 0;
	position:relative;
}
.service .form-control{
	height:60px;
	border:1px solid #c7c7c7;
}
.service .btn-login{
	height:60px;
	line-height:60px;
	position:relative;
	color:#fff;
	font-weight:700;
	font-size:20px;
	width:100%;
	padding:0;
}
.service .btn-normal{	
	background:#268ef2;
	color:#fff;
	padding:0.625em 2.5em;;
}
.service .btn-ty1{	
	background:#a5abaf;
	color:#fff;
	padding:0.625em 2.5em;
	border-radius:3px;
}
.service .btn-ty2{	background:#268ef2;;}
.service .btn-ty3:hover{
	text-decoration:underline;
}

/* join */

.service .scroll-box{
	position:relative;
	border:1px solid #dfdfdf;
	padding:15px;
	height:280px;
	overflow-y:auto;
	font-size:16px;
	line-height:1.5;
	font-weight:300;
	color:#666;
	word-break:break-all;
}
.join .agree-box{
	position:relative;
	margin-top:1em;
	font-size:16px;
	color:#666;
	font-weight:300;
}
.join .agree-box p{
	float:left;
}
.join .agree-box .check-box{
	float:right;
	padding-right:2px;
	line-height:1.5;
}
.join .form-control{
	height:50px;
}
.join .btn{
	margin:0 0.5vw;
	width:200px;
	height:45px;
	line-height:42px;
	padding:0;
}
.join .btn-sm{
	width:auto;
	height:50px;
	line-height:42px;
	padding:0;
}
.join .btn-sm{
	width:auto;
	height:50px;
	line-height:48px;
	padding:0 1em;
}
.join .select{
	border:1px solid #ccc;
	width:200px;
	font-size:16px;
}

/* totalSearch */
.totalSearch .block h3.tit{
	position:relative;
	font-size:24px;
	font-weight:400;
	padding-left:0px;
	vertical-align:top;
}
.totalSearch .block h3.tit em{
	font-weight:500;
}
.totalSearch .block h3.tit:before{
	display:none;
}
.totalSearch .block .summary{
	border:1px solid #d5d3d6;
	padding:20px 30px;
	background:url(/common/img/sub/icon-info2.png) no-repeat 30px 22px;
	word-break:break-all;
}
.totalSearch .block .summary p{
	padding:0 0 0 35px;
	font-size:18px;
	font-weight:300;
	color:#666;
}
.totalSearch .block .boxs{
	border-bottom:1px dashed #b6b6b6;
	padding:20px 0;
}
.totalSearch .block .boxs:first-child{
	padding:0 0  20px 0;
}
.totalSearch .block .boxs .cont a{
	font-size:18px;
	font-weight:300;
	color:#666;
	line-height:1.5;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:normal;
	max-height:3em;
	word-wrap:break-word;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	margin:0.5em 0;
} 
.totalSearch .block a:hover{
	text-decoration:underline;
}
.totalSearch .block a.link-view{
	font-size:18px;
	font-weight:300;
	color:#268ef2;
}


@media all and (max-width:1230px){
	.service .heading-box .bg{
		right:1vw;
		bottom:-10px;
		height:120px;
		background-size:auto 120px;
	}
}

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

.btn-search {

   height: 39px;
   line-height: 39px;
}


	.service .block{
		margin-bottom:20px;
	}
	.service .heading-wrap{
		margin-bottom:2em;
	}
	.privacy .btn-area{
		margin-top:2em;
	}
	.privacy a.btn-link,
	.privacy a.btn-link-line{
		width:130px;
		height:40px;
		line-height:37px;
	}
	.service .form-box{
		padding:20px 0;
	}
	.service .form-control{
		height:50px;
	}
	.service input::placeholder{
		color:#aaa;
		font-size:14px;
	}
	.service .btn-area2{
		height:50px;
	}
	.service .btn-area2 .btn{
		font-size:14px;
		height:48px;
		line-height:48px;
	}
	.service .btn-area3 .btn{font-size:14px;}
	.service .form-wrap{
		max-width:520px;
		margin:50px auto 0;
		width:100%
	}
	.service .form-wrap .form-box{
		width:100%;
		border-right:1px solid #d5d3d6;
	}
	.login .form-wrap .form-box{
	min-height:auto;
	}
	.service .form-wrap .form-box-last,
	.service .form-wrap .form-box:last-child{
		margin-top:20px;
	}
	.service .form-wrap .form-box h2.tit{
		font-size:18px;
	}
	.service .sns-wrap{
		min-height:150px;
	}
	.join .join-box .circle{
		height:80px;
		width:80px;
	}
	.join .join-box .tit{
		font-size:18px;
		padding:1em 0;
	}
	.join .join-box .icon{
		position:absolute;
		width:40px;
		height:40px;
		margin:20px 0 0 -20px;
		background-size:auto 40px;
	}
	.join .join-box .icon01{background-position:0 0}
	.join .join-box .icon02{background-position:-40px 0 }
	.join .scroll-box{
		height:230px;
	}
	.join .scroll-box,
	.join .agree-box,
	.join .agree-box .check-box{
		font-size:14px;
		font-weight:400;
	}
	.join .agree-box .check-box{
		float:left;
		display:block;
		width:100%;
		margin-top:5px;
	}
	.join .btn{
		width:130px;
		height:40px;
		line-height:37px;
	}
	.join .form-control{
		height:40px;
	}
	.join .btn-sm{
		font-size:13px !important;
		padding:0 0.5em;
		width:auto;
	}
	.join .select{
		height:40px;
	}
	.totalSearch .block h3.tit{
		font-size:18px;
	}
	.totalSearch .block h3.tit:before{
		display:none;
	}
	.totalSearch .block .summary{
		padding:10px;
		background:url(/common/img/sub/icon-info2.png) no-repeat 10px 10px;
	}
	.totalSearch .block .summary p{
		padding:0 0 0 35px;
		font-size:14px;
		font-weight:400;
	}
	.totalSearch .block .boxs{
		border-bottom:1px dashed #b6b6b6;
		padding:10px 0;
	}
	.totalSearch .block .boxs:first-child{
		padding:0 0  10px 0;
	}
	.totalSearch .block .boxs .cont a{
		font-size:14px;
		font-weight:400;
		margin:0.5em 0;
	} 
	.totalSearch .block a.link-view{
		font-size:14px;
		font-weight:400;
	}
}


@media all and (max-width:480px){
	.service .heading-box .bg{
		height:55px;
		background-size:auto 55px;
	}
	.service .heading-box .items{
		padding:10px;
	}
}