@charset "utf-8";

.tab{width:100%;height:4rem;}
.tab::after{clear:both;content:'';display:block}
.tab li{float:left;width:33.3%;background:#393939;box-sizing:border-box;color:#898989;font-size:1.3rem;height:4rem;text-align:center;padding-top:1.1rem;border:1px solid #2c2c2c;font-family:sans-serif;cursor:pointer}
.tab li.on{background:#fff;border:0;color:#000;}

.tit{margin:5rem 1rem 0 1rem;font-size:1.3rem;font-weight:bold;border-bottom:2px solid #232323;padding-bottom:4px;position:relative;}
.btn_close{position:absolute;right:0;bottom:1.4rem;width:2.2rem;height:2.2rem}
.btn_close img{width:100%}

.con{
	margin:1.5rem 1.2rem 0 1.2rem;
	font-size:1.1rem;
	line-height:1.5rem;
	
}
.con p{padding-bottom:1.4rem;}
.con h2{font-size:1.1rem;font-weight:bold;padding-bottom:10px;}
.con strong,.con b{font-weight:bold}
.con .txt_line{text-decoration:underline; font-weight:bold;}
.con.type2 .txt_line{font-size:1.26rem;line-height:1.7rem;}

/** 20181018 약관 테이블 추가 **/
.tab2{width:100%;height:1.2rem;}
.tab2{border:solid 1px #e4e4e4;width:100%;}
.tab2 th{border-bottom:solid 1px #e4e4e4;border-right:solid 1px #e4e4e4;background-color:#f9f9fa;text-align:left;}
.tab2 td{border:solid 1px #e4e4e4;}
.tab2 th, .tab2 td{padding:.8rem;}
.line_st1{border-top:solid 1px #e4e4e4;}
.line_st2{border-right:0px;}
.line_st3{border-top:0px;}

/*** Desktop Device ***/
@media all and (min-width:768px) {
	.tab{height:56px;}
	.tab li{font-size:16px;height:56px;padding-top:16px;}
	.tit{margin:66px 32px 0 32px;font-size:16px;padding-bottom:4px;}
	.btn_close{bottom:18px;width:28px;height:28px}
	.con{margin:22px 32px 0 32px;font-size:15px;line-height:18px;}
	.con p{padding-bottom:18px;}
	.con h2{font-size:12px; padding-bottom:15px;}
	.con.type2 .txt_line{font-size:14px;line-height:20px;}

	/** 20181018 약관 테이블 추가 **/
	.tab2 {height:40px;}
	.tab2 th, .tab2 td {font-size:12px; padding:12px;}

}