@charset "UTF-8";

/* for 반응형을위한 클래스 */
.forover1920{display:none}
.forunder1920{display:block;}
.formo1335{display:none;}
.forpc1335{display:block;}
.formo1279{display:none;}
.forpc1279{display:block;}
.formo1023{display:none;}
.forpc1023{display:block;}
.formo960{display:none;}
.forpc960{display:block;}
.formo767{display:none;}
.forpc767{display:block;}
.formo580{display:none;}
.forpc580{display:block;}
.formo479{display:none;}
.forpc479{display:block;}

.forpc1023_table{display:table-header-group}

.wd100p{width:100% !important;}
.wd50p{width:50%;}
.wd30p{width:30%;}
.wd20p{width:20%;}
.wd15p{width:15%;}
.wd20p_10{width:calc(20% -10px); margin-right:10px !important;}

.static_wd23p{width:23%;}
.static_wd25p{width:25%;}
.static_wd46p{width:46% !important;}
.static_wd51p{width:51% !important;}

.mr2{margin-right:2px;}
.ml2{margin-left:2px;}

.cb{clear:both;}



@media screen and (min-width:1921px){
	.forover1920{display:block}
	.forunder1920{display:none;}
}

@media screen and (max-width:1439px){
/*JJ*/	.mb10_1439{margin-bottom:10px !important;}
}

@media screen and (max-width:1335px){
	.formo1335{display:block;}
	.forpc1335{display:none;}
}

@media screen and (max-width:1279px){
	.formo1279{display:block;}
	.forpc1279{display:none;}
}

@media screen and (max-width:1023px){
	.none_1023{display:none;}
	.cb_1023{clear:both;}
	.fl_1023{float:left;}
	.fr_1023{float:right;}
	.tar_1023{text-align:right !important;}
	.tal_1023{text-align:left !important;}

	.h30_1023{height:30px !important; line-height:30px !important;}
	.h50_1023{height:50px !important; line-height:50px !important;}
	.h70_1023{height:70px !important; line-height:70px !important;}
	.h100_1023{height:100px !important; line-height:100px !important;}
	.h120_1023{height:120px !important; line-height:120px !important;}

	.mt10_1023{margin-top:10px;}
	.mb0_1023{margin-bottom:0 !important;}
	.mb5_1023{margin-bottom:5px !important;}
	.mb10_1023{margin-bottom:10px !important;}
	.mb20_1023{margin-bottom:20px !important;}

	.pl0_1023{padding-left:0 !important;}

	.wd61p_1023{width:61%;}
	.wd56p_1023{width:56%;}
	.wd51p_1023{width:51%;}
	.wd50p_1023{width:50% !important;}
	.wd49p_1023{width:49%;}
	.wd44p_1023{width:44%;}
	.wd33p_1023{width:33%;}

	.f_row_1023{flex-direction: row !important;}

	.formo1023{display:block;}
	.forpc1023{display:none;}

	.forpc1023_table{display:none;}
}


@media screen and (max-width:960px){
	.formo960{display:block;}
	.forpc960{display:none;}
}

@media screen and (max-width:767px){
	.formo767{display:block;}
	.forpc767{display:none;}

/*JJ*/	.mb10_767{margin-bottom:10px !important;}
}

@media screen and (max-width:580px){
	.formo580{display:block;}
	.forpc580{display:none;}
}

@media screen and (max-width:479px){
	.formo479{display:block;}
	.forpc479{display:none;}

/*JJ*/	.mb5_479{margin-bottom:5px !important;}	
}

@media screen and (max-width:370px){
	.wd50p_1023{width:auto;}
}

/*** 기타 ***/
.short_wrap{position:relative;}
.txt_omit {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break:break-all; position:relative;}
/*.txt_omit:after{width:20px; height:20px; background:pink; display:block; content:''; position:absolute; right:0; bottom:0;}*/

.txt_omit2 {
  width: calc(100% - 10px);
  overflow: hidden;
  position: relative;
  line-height: 1.2em;
  max-height: 2.4em;
  margin-right: -1em;
  padding-right: 15px;
}
.txt_omit2:before {content: '...';  position: absolute;  right:0;  bottom: 0; }
.txt_omit2:after {
  content: ''; position: absolute; right:0; background: #fff;
  margin-top: 0.2em; width: 16px; height: 16px; 
}

@media screen and (max-width:767px){
	.txt_omit_fortable{ -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box !important; white-space: normal; line-height: 2;}
}
@media screen and (max-width:1023px){
	.txt_omit2 {word-break:break-all;}
}

@media screen and (max-width:479px){
	.except01{margin-top:0 !important;}
}

/* 폰트 */
.fwb{font-weight:bold;}
.tit_sub_b{font-weight:bold;}
.add_lineh{line-height: 1.6 !important; padding: 20px;}
.mh200{min-height:200px !important;}

@media screen and (max-width: 1023px){	
	.hauto_1023{height:auto !important;}
}

/* JJ 폰트 */
.color_blue{color:#008CBA;}

/*** 딱지 ***/
.tag_new{
	display:inline-block; float:left; margin-right:10px; width:20px; height:20px; line-height:21px; text-align:center; color:#fff; font-style: normal; font-size: 11px; 
	background: #dd0000; border-radius:50%; font-family: 'Pretendard-Bold';
	position: relative; top: 50%; transform: translateY(100%);
}


/*** 버튼 ***/
.btn_wrap{margin-top:60px; display:flex; justify-content:center; align-items:center;}
.table_bottom_btn{color:#008CBA; font-size:18px; text-align:center; line-height:40px; height:40px; width:160px; border:1px solid #008CBA; border-radius:5px; background:#fff; font-weight:400;}
.table_bottom_btn:hover{color:#fff; background:#008CBA;}

.table_bottom_btn_sub{color:#008CBA; font-size:18px; text-align:center; line-height:40px; height:40px; width:80px; border:1px solid #008CBA; border-radius:5px; background:#fff; font-weight:400;}
.table_bottom_btn_sub:hover{color:#fff; background:#008CBA;}

/* 저장/삭제처럼 실제로 데이터가 바뀌는 버튼 (table_bottom_btn 에 덧붙여 쓴다) */
.table_bottom_btn.btn_point{color:#fff; background:#404040; border-color:#404040;}
.table_bottom_btn.btn_point:hover{background:#008CBA; border-color:#008CBA;}
.table_bottom_btn.btn_danger{color:#fff; background:#D9534F; border-color:#D9534F;}
.table_bottom_btn.btn_danger:hover{background:#C9302C; border-color:#C9302C;}

@media screen and (max-width: 479px){	
	.btn_wrap{margin-top:40px;}
}
/* JJ 버튼 */
.btn_wrap_div{}
.btn_black{padding:0 20px; background:#404040; /*#2F2F4A;*/ /*border-radius:5px;*/ color:#fff; font-size:18px; height:40px; line-height:40px; }
.btn_black img{margin-top:-3px; max-width:17px;}
.btn_white{padding:0 20px; background:#fff; border-radius:5px; font-size:18px; height:40px; line-height:40px; color:#707070; border:1px solid #707070;}

.sub_top_btn_wrap{
	display:flex; align-items:center; width:100%; margin:0; margin-bottom:100px;
	background:#F2F3F4; border:1px solid #ddd; padding:20px; text-align:center;
}
	.sub_top_btn_wrap h4{position:relative; margin:0; margin-right:20px; padding-right:20px;  font-size:16px; font-weight:400;  }
	.sub_top_btn_wrap h4 i{margin-right:0;}
	.sub_top_btn_wrap h4:after{display:block; content:""; clear:both; position:absolute; top:0; right:0; width:1px; height:18px; background:#333333; opacity:0.26;}
	.sub_top_btn_wrap .li_4_wrap{display:flex; width:calc(100% - 144px);}
	.sub_top_btn_wrap li{margin-right:10px; width:25%; background:#2F2F4A; height:40px; line-height:40px; border-radius:5px; }
	.sub_top_btn_wrap li:last-child{margin-right:0; }
	.sub_top_btn_wrap li a{color:#fff;}

@media screen and (max-width: 1023px){	
	.sub_top_btn_wrap .li_4_wrap {flex-wrap:wrap;}
	.sub_top_btn_wrap li{width:calc( 50% - 10px); margin-bottom:10px;}
}

@media screen and (max-width: 767px){	
	.btn_wrap_div{width:100%;}

	.sub_top_btn_wrap {flex-direction:column;}
	.sub_top_btn_wrap h4{width:100%; margin:0 0 10px 0;}
	.sub_top_btn_wrap h4:after{display:none;}
	.sub_top_btn_wrap .li_4_wrap{width:100%;}
}

@media screen and (max-width: 479px){	
	.sub_top_btn_wrap{margin-bottom:60px;}
	.sub_top_btn_wrap li{width: 100%; margin-right: 0;}
}

/* 링크 */
.link, .link span{ cursor: pointer; text-decoration: underline; color: blue;}
.link .attached_wrap{justify-content:start;}

/* JJ 약관 */
.date_term{font-size:16px;}
.agree_text {white-space: pre-line; font-size:16px; line-height:2; color:#666;}
	.tit_term_big{font-size:20px; color:#111;}
	.tit_term_small{font-size:18px; color:#111;}
	.tit_term_small2{color:#111;}
	.box_gray{background:#F8F8F8; padding:30px;}

/* JJ 보더 */
.bb1{border-bottom:1px solid #CCCCCC}
.after_grey_line{position:relative; display:block;}
.after_grey_line:after{display:block; clear:both; content:""; position:absolute; top:50%; right:0; transform:translateY(-50%); background:#707070; width:1px; height:18px;}
.bt2{border-top: 2px solid #111;}

/* JJ 패딩 */
.pd0{padding:0 !important;}
.pb100{padding-bottom:100px;}
.pt100{padding-top:100px;}

/* JJ 마진 */
.mb40{margin-bottom:40px;}
.mb60{margin-bottom:60px;}

@media screen and (min-width: 771px){
	.ml2_771{margin-left:2px;}
}

@media screen and (max-width: 770px){
	.mb20_770{margin-bottom:20px;}
	.mr0_770{margin-right:0 !important;}
	.ml0_770{margin-left:0 !important;}
}

@media screen and (max-width:1279px){
	.ml5_1279{margin-left:5px;}
}

/* JJ line-height */
@media screen and (max-width:767px){	
	.line_h_767_24{line-height:2.4 !important;}
}

/* JJ 배경 */
.back_grey{background:#F9F9F9;}

/* JJ xeicon 검색아이콘 
.xe_ico_style{font-size: 24px; margin-top: 2px; margin-left: 5px;}*/