@charset "utf-8";


/* 모바일용 CSS */

.p-cont .p-mobile p{
margin-bottom:15px;
}



/* 기본 CSS */



.intro-section .container{
position:relative;
}


/* 하단라인 */
.div_line{
padding-top:0;
border:0;
height:1px;
background:#474747;
}



/* 검색창 */
.search-box{
position:static;
width:100%;
margin-bottom:30px;
}


/* 분류아이콘 */
.intro-section .category-icon{
width:100%;
background:#000;
}

.intro-section .category-icon ul{
box-sizing:border-box;
width:90%;
height:280px;
padding:30px 0;
margin:0 auto;
}

.intro-section .category-icon ul li a{
float:left;
text-align:center;
width:50%;
margin-bottom:40px;

transition:all 0.12s;
}

.intro-section .category-icon ul li a:hover{
opacity:0.8;
}

.intro-section .category-icon ul li:first-child a{
margin-left:0;
/* 예시 --- 선택된 카테고리 */
/*opacity:0.8;*/
}

.intro-section .category-icon ul li a img{
width:60px;
height:60px;
}

.intro-section .category-icon ul li a .c-tit{
font-weight:bold;
color:#fff;
margin-top:3px;
}

.btnoff {
	opacity:0.3;
}

.btnon {
	opacity:0.8;
}

/* 제목 */
/* 활성화시 */
.content-section .faq-title-act {
position:relative;
border-top:1px solid #474747;
}

.content-section .faq-title-act .ico-cate{
position:absolute;
top:15px;
left:20px;
}

.content-section .faq-title-act .ico-cate img{
width:32px;
height:32px;
}

.content-section .faq-title-act a h2{
padding:15px 20px 25px 70px;
font-size:20px;
line-height:1.2;
font-weight:normal;
color:#ffcc60;
border-bottom:1px solid #474747;
background:#2c2c2c;
}

.content-section .faq-title-act .ico-fold{
display:none;
position:absolute;
top:15px;
right:20px;
font-size:32px;
font-weight:bold;
line-height:1;
color:#f04241;
}

.content-section .faq-title-act .ico-fold-down{
display:none;
position:absolute;
top:15px;
right:20px;
font-size:32px;
font-weight:bold;
line-height:1;
color:#f04241;
}


/* 비활성화시 */
.content-section .faq-title {
position:relative;
border-top:1px solid #474747;
}

.content-section .faq-title .ico-cate{
position:absolute;
top:15px;
left:20px;
opacity:0.3;
}

.content-section .faq-title .ico-cate img{
width:32px;
height:32px;
}

.content-section .faq-title a h2{
padding:15px 20px 25px 70px;
font-size:20px;
line-height:1.2;
font-weight:normal;
color:#fff;
}

.content-section .faq-title a:hover h2{
background:#2c2c2c;
}

.content-section .faq-title .ico-fold{
display:none;
position:absolute;
top:15px;
right:20px;
font-size:32px;
line-height:1;
opacity:0.5;
}

.content-section .faq-title .ico-fold-down{
display:none;
position:absolute;
top:15px;
right:20px;
font-size:32px;
font-weight:bold;
line-height:1;
}

/* 내용 */
.content-section .faq-cont{
max-width:1000px;
margin:0 auto;
padding:30px 0;
}

.content-section .faq-cont p{
color:#c7c7c7;
margin-bottom:30px;
}


/* 이용약관&정책 */
.section-title{

}

.section-title .sub-tit{
font-size:35px;
font-weight:500;

padding:7px 0px 7px 0px;
}

.content-section .p-cont{
padding-top:50px;
}

.p-cont .tit b{
font-size:25px;
}

.p-cont .tit{
margin-bottom:20px;
font-size:22px;
font-weight:normal;
line-height:1.2;
}

.p-cont p, .p-cont ul, .p-cont ol{
font-size:18px;
line-height:1.25;
margin-bottom:24px;
color:black;
}

.p-cont ul li, .p-cont ol li{
list-style-type:none;
margin:0 0 10px 60px;
}

.p-cont ol {
	counter-reset:items;
}


.p-cont ol li::before {
    counter-increment:items;
	content: counter(items) ")  "; 
}


.p-cont a {
color:#e0c68f;
text-decoration:underline;
}

.p-cont .indent{
padding-left:40px;
text-indent:-38px;
}

.table-tt{
color:#000;
}

.sub-terms{
padding-top:px;
padding-bottom:150px;
}


/* 표 CSS */
.p-cont .table-mobile table{
margin-bottom:15px;
}

.p-cont .table-pc{
display:none;
}

.p-cont table{
width:100%;
font-size:0.75rem;
color:#353535;
border-collapse:collapse;
}

.p-cont table td{
text-align:center;
vertical-align:middle;
padding:10px 5px;
border:1px solid #2c2c2c;
}

.p-cont table td p{
font-size:0.75rem;
margin-left:10px;
padding-left:20px;
text-indent:-20px;
}

.p-cont table tr.table-th, .p-cont table td.table-th{
color:#fff;
background:#2c2c2c;
}

.p-cont table td.table-th{
width:30%;
}

.p-cont table td.td-details{
text-align:left;
width:68%;
}

.p-cont table .table-order-list li{
list-style-type:decimal;
font-size:0.75rem;
padding-left:5px;
margin-left:25px;
}

.p-cont table .table-order-list2 li{
font-size:0.75rem;
padding-left:5px;
margin-left:25px;
}

.p-cont table .table-order-list3 li{
font-size:0.75rem;
padding-left:5px;
margin-left:5px;
}

.table-pc p {
margin-bottom : 12px;
}



.box-cont-flex{
	width:100%;
	display: flex;
	flex-flow: row wrap;
	justify-content:space-between;
	align-items: center;
	padding:30px 0;
	font-size:clamp(0.78rem, 2vw, 1rem);
}

.btn-lg, .btn-group-lg > .btn {
    font-size: 18px;
}




@media (min-width: 1300px) {

	.btn-lg, .btn-group-lg > .btn {
		font-size: 18px;
	}

	
}


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

	.btn-lg, .btn-group-lg > .btn {
		font-size: 14px;
	}
	

}

@media (min-width: 769px) and (max-width: 990px) {

	.btn-lg, .btn-group-lg > .btn {
		padding: 0.5rem 0.5rem;
		
		text-align : center;
	    height: 100%;
	}
	
	.btn-block {
		display: inline-block;
	}
	
	.btn {
		
		
	}
	
	.col-lg-2 a{
		
		
	}




}





/*                                                                 태블릿용 CSS                                                            */
@media all and (min-width:768px){


/* 분류아이콘 */
.intro-section .category-icon ul{
width:580px;
height:170px;
}

.intro-section .category-icon ul li a{
width:100px;
margin-left:60px;
margin-bottom:0;
}

.intro-section .category-icon ul li a img{
width:80px;
height:80px;
}


/* 제목 */
.content-section .faq-title-act a h2, .content-section .faq-title a h2{
font-size:22px;
}
/* 활성화시 */
.content-section .faq-title-act a h2{
padding:15px 80px 25px;
}

.content-section .faq-title-act .ico-fold{
display:block;
}

/* 비활성화시 */
.content-section .faq-title a h2{
padding:15px 80px 25px;
}

.content-section .faq-title .ico-fold{
display:block;
}


/* 내용 */
.content-section .faq-cont{
padding:40px 0;
}


/* 이용약관&정책 */
.title-section .sub-tit{
font-size:40px;
}

.p-cont .tit{
font-size:24px;
}


/* 표 CSS */
.p-cont .table-pc{
display:block;
}

.p-cont .table-mobile{
display:none;
}

.p-cont table{
width:90%;
font-size:0.85rem;
}

.p-cont table td p{
font-size:0.85rem;
}

.p-cont table .table-order-list li{
font-size:0.85rem;
}

.p-cont table .table-order-list2 li{
font-size:0.85rem;
}

}

 







/*                                                                                PC용 CSS                                                                     */
@media all and (min-width:1200px){


/* 검색창 */
.search-box{
position:absolute;
right:0;
top:80px;
width:400px;
}


/* 분류아이콘 */
.intro-section .category-icon ul{
width:640px;
height:180px;
}

.intro-section .category-icon ul li a{
margin-left:80px;
}

.intro-section .category-icon ul li a img{
width:90px;
height:90px;
}


/* 제목 */
.content-section .faq-title-act a h2, .content-section .faq-title a h2{
font-size:24px;
}

/* 내용 */
.content-section .faq-cont{
padding:50px 0;
}

.p-cont p {



}

/* 표 CSS */
.p-cont table{
width:80%;
}







}






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



	.content-section .faq-title-act .ico-fold{
	display:none;
	position:absolute;
	top:15px;
	right:20px;
	font-size:0;
	font-weight:bold;
	line-height:1;
	color:#f04241;
	}

	.content-section .faq-title-act .ico-fold-down{
	display:none;
	position:absolute;
	top:15px;
	right:20px;
	font-size:0;
	font-weight:bold;
	line-height:1;
	color:#f04241;
	}

	.content-section .faq-title .ico-fold{
	display:block;
	position:absolute;
	top:15px;
	right:20px;
	font-size:0;
	line-height:1;
	opacity:0.5;
	}

	.content-section .faq-title .ico-fold-down{
	display:none;
	position:absolute;
	top:15px;
	right:20px;
	font-size:0;
	font-weight:bold;
	line-height:1;
	color:#f04241;
	}

	.box-cont-flex{
		width:100%;
		display: flex;
		flex-flow: row wrap;
		justify-content:center;
		align-items: center;
		padding:20px 0;
		font-size:clamp(0.78rem, 2vw, 1rem);
	}

	.items{
		padding:5px 0 5px;

	}


}






/*block전용*/


.content-block{
background-image:url('../images/images/img_member.jpg');
background-repeat:no-repeat;
background-position:50% 0%;
background-size:cover;
color:#c7c7c7;
}

/* 하단간격 */
.content-block .content-section-block{
margin-bottom:0;
}

.content-section-block .container-block{
padding-bottom:100px;
}


/* 박스&로고 */
.content-section-block .box-cont{
box-sizing:border-box;
width:90%;
max-width:600px;
margin:80px auto 0;
padding:40px 0 60px;
background:#141414;
}

.box-cont .tit-logo{
width:130px;
margin:0 auto 30px;
}

.box-cont .tit-logo img{
width:100%;
}


/* 회원가입 */
/* 항목 */
.box-cont ul{
width:90%;
margin:0 auto;
}


/* 체크박스 */

/*
input[type=checkbox]{
display:none;
}

input[type=checkbox] + label{
display:inline-block;
cursor:pointer;
line-height:20px;
padding-left:30px;
background:url('../images/images/check_off.png') left/20px no-repeat;
}
input[type=checkbox]:checked + label{
background-image:url('../images/images/check_on.png');
}
*/

.normalinput{
box-sizing:border-box;
height:50px;
padding:0 10px;
font-size:16px;
color:#fff;
text-overflow:ellipsis;
border:0;
background:#2c2c2c;
}


.box-cont select{
box-sizing:border-box;
height:40px;
padding:0 10px;
font-size:16px;
color:#fff;
text-overflow:ellipsis;
border:0;
background:#2c2c2c;

}


/* 버튼 */
.box-cont input[type=submit] {
font-size:18px;
color:#000;
background:#d3d3d3;
cursor: pointer;
transition:all 0.13s;
}

select:focus{
outline:1px solid #da403f;
}