/* 구분 start -----------------------------------*/
/**** pc ****/
@media only all and (min-width:768px) {
.more_box{width:100%;  float: left;   ; position: relative; }	
.more_box .more_tit{float:left; width:100%;  color:#000; font-size:20px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:35px; margin: 15px 0px 30px; }
.more_box .more_tit:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/mypage_icon.svg")no-repeat left top; background-size: 30px; position: absolute; left:0px; top:-3px; 	}

.more_box .more_tit a{ color:#000; font-size:20px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:35px; margin-left:30px }	
.more_box .more_tit a:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/youtube_icon.svg")no-repeat left top; background-size: 30px; position: absolute; left:0px; top:-3px; 	}	
	
.more_box  .more_inbox	{width:100%;  float: left;    position: relative;  display: grid; grid-template-columns:52% auto; gap:50px; }
.more_box  .more_inbox> .video{
	position: relative;  ;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 54.5%;
	border-radius: 5px
}
.more_box  .more_inbox .video .mv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	
.more_box  .more_inbox> .more_txtbox{float:left; width:100%;  padding-top: 30px; border-top: 3px solid #333}
.more_box  .more_inbox> .more_txtbox .more_txt01 ul{float:left; width:100%;  margin-bottom: 30px }	
.more_box  .more_inbox> .more_txtbox .more_txt01 ul li{float:left; width:100%;  color:#333; font-size:17px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:15px; word-wrap: break-word;word-break: keep-all;  margin-bottom:5px}	
.more_box  .more_inbox> .more_txtbox .more_txt01 ul li:before{content: "";   width:5px; height: 5px;  border-radius: 100%;  background-color:#333;  position: absolute; left:0px; top:8px;  }	
	
.more_box  .more_inbox> .more_txtbox .more_txt02 ul{float:left; width:100%;  margin-bottom: 30px }	
.more_box  .more_inbox> .more_txtbox .more_txt02 ul li{float:left; width:auto;  color:#333; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:25px; word-wrap: break-word;word-break: keep-all;  margin-bottom: 10px; padding: 7px 15px 7px 35px; border-radius: 50px; border: 1px solid #ccc; margin-right: 5px}	
.more_box  .more_inbox> .more_txtbox .more_txt02 ul li:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/check_icon02.svg")no-repeat left top; background-size:20px; position: absolute; left:10px; top:5px;  }		
	
.more_box  .more_inbox> .more_txtbox .more_txt03 {float:left; width:100%;  color:#000; font-size:20px; line-height:150%;  font-weight:500; font-family: 'Pretendard'; }	
	
.more_box  .more_inbox> .more_txtbox .more_txt03 em{ color:#fff; font-size:20px; line-height:100%;  font-weight:700; font-family: 'Pretendard'; padding: 10px 20px; border-radius: 50px; background-color:#000 ; }	
	

.more_out {width:100%;  float: left;   padding:30px 50px; border-radius: 10px; background-color: #fff;  border:  1px solid #ccc;}
	
.more_inbox2{width:100%;  float: left;    position: relative;  display: grid; grid-template-columns: repeat(3, 1fr);  gap:50px; }
	
.more_inbox2{width:100%;  float: left;    position: relative;  display: grid; grid-template-columns: repeat(3, 1fr);  gap:50px; }
.more_inbox2>div{width:100%;  float: left;   border-right: 1px dashed #333  }	
 .more_inbox2>div:last-child{width:100%;  float: left;   border-right: none  }		
.more_txt04 ul li {float:left;  width:100%;  color:#333; font-size:18px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:30px; word-wrap: break-word;word-break: keep-all;  margin-bottom: 10px; cursor: pointer}
.more_txt04 ul li p{float:left; border-bottom: 1px solid rgba(204,204,204,0.00);  width:auto;  color:#333; font-size:18px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative;  word-wrap: break-word;word-break: keep-all; }
.more_txt04 ul li:hover p{  border-bottom: 1px solid #333}	
 .more_txt04 ul li:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/kakao_icon2.svg")no-repeat left top; background-size:20px; position: absolute; left:0px; top:3px;  }	
 .more_txt04 ul li  em{ width:20px; height: 20px; position: relative  ;cursor:pointer}		
 .more_txt04 ul li  em:after{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/question_icon.svg")no-repeat left top; background-size:20px; position: absolute; right:-30px; top:3px;  }		
	

.more_txt04 ul li  em .tooltiptext2{  visibility: hidden;
  width: 250px;
  background-color: #fff; border: 1px solid #ccc;
  border-radius: 10px;  padding:20px;  font-family: 'Pretendard'; font-weight:500; font-size: 14px; color:#333; letter-spacing: -1px ; 
 /* Position the tooltip text - see examples below! */	
 position: absolute; z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;	}	
	
/* Show the tooltip text when you mouse over the tooltip container */
.more_txt04 ul li  em:hover .tooltiptext2 {
  visibility: visible;
}
	
	
	
		
	
	
}
/**** pc2 ****/
@media all and (max-width:1280px) and (min-width:768px) {
}
/**** 모바일 ****/
@media only all and (max-width:767px) {
/*
.more_box{width:100%;  float: left;    ; position: relative; overflow-x: hidden; }	
	
	
	
.more_box .video{
	position: relative;  ;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom:50%;
}
.more_box .video .mv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	
*/


.more_box{width:100%;  float: left;   ; position: relative; }	
.more_box .more_tit{float:left; width:100%;  color:#000; font-size:20px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:35px; margin: 15px 0px 30px; }
.more_box .more_tit:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/mypage_icon.svg")no-repeat left top; background-size: 30px; position: absolute; left:0px; top:-3px; 	}

.more_box .more_tit a{ color:#000; font-size:20px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:35px; margin-left:30px }	
.more_box .more_tit a:before{content: "";   width:30px; height: 30px; background: url("../../images/svg_icon/youtube_icon.svg")no-repeat left top; background-size: 30px; position: absolute; left:0px; top:-3px; 	}	
	
.more_box  .more_inbox	{width:100%;  float: left;    position: relative;  display: block; grid-template-columns:52% auto; gap:50px; }
.more_box  .more_inbox> .video{
	position: relative;  ;
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-bottom: 54.5%;
	border-radius: 5px
}
.more_box  .more_inbox .video .mv{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}	
.more_box  .more_inbox> .more_txtbox{float:left; width:100%;  padding-top: 30px; border-top: 3px solid #333}
.more_box  .more_inbox> .more_txtbox .more_txt01 ul{float:left; width:100%;  margin-bottom: 30px }	
.more_box  .more_inbox> .more_txtbox .more_txt01 ul li{float:left; width:100%;  color:#333; font-size:17px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:15px; word-wrap: break-word;word-break: keep-all;  margin-bottom:5px}	
.more_box  .more_inbox> .more_txtbox .more_txt01 ul li:before{content: "";   width:5px; height: 5px;  border-radius: 100%;  background-color:#333;  position: absolute; left:0px; top:8px;  }	
	
.more_box  .more_inbox> .more_txtbox .more_txt02 ul{float:left; width:100%;  margin-bottom: 30px }	
.more_box  .more_inbox> .more_txtbox .more_txt02 ul li{float:left; width:auto;  color:#333; font-size:15px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:25px; word-wrap: break-word;word-break: keep-all;  margin-bottom: 10px; padding: 7px 15px 7px 35px; border-radius: 50px; border: 1px solid #ccc; margin-right: 5px}	
.more_box  .more_inbox> .more_txtbox .more_txt02 ul li:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/check_icon02.svg")no-repeat left top; background-size:20px; position: absolute; left:10px; top:5px;  }		
	
.more_box  .more_inbox> .more_txtbox .more_txt03 {float:left; width:100%;  color:#000; font-size:20px; line-height:150%;  font-weight:500; font-family: 'Pretendard'; }	
	
.more_box  .more_inbox> .more_txtbox .more_txt03 em{ color:#fff; font-size:20px; line-height:100%;  font-weight:700; font-family: 'Pretendard'; padding: 10px 20px; border-radius: 50px; background-color:#000 ; }	
	

.more_out {width:100%;  float: left;   padding:15px 25px; border-radius: 10px; background-color: #fff;  border:  1px solid #ccc;}
	
.more_inbox2{width:100%;  float: left;    position: relative;  }
	
.more_inbox2>div{width:100%;  float: left;   }	
 .more_inbox2>div:last-child{width:100%;  float: left;   border-right: none  }		
.more_txt04 ul li {float:left;  width:100%;  color:#333; font-size:18px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative; padding-left:30px; word-wrap: break-word;word-break: keep-all;  margin-bottom: 10px; cursor: pointer}
.more_txt04 ul li p{float:left; border-bottom: 1px solid rgba(204,204,204,0.00);  width:auto;  color:#333; font-size:18px; line-height:130%;  font-weight:500; font-family: 'Pretendard'; position: relative;  word-wrap: break-word;word-break: keep-all; }
.more_txt04 ul li:hover p{  border-bottom: 1px solid #333}	
 .more_txt04 ul li:before{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/kakao_icon2.svg")no-repeat left top; background-size:20px; position: absolute; left:0px; top:3px;  }	
 .more_txt04 ul li  em{ width:20px; height: 20px; position: relative  ;cursor:pointer}		
 .more_txt04 ul li  em:after{content: "";   width:20px; height: 20px; background: url("../../images/svg_icon/question_icon.svg")no-repeat left top; background-size:20px; position: absolute; right:-30px; top:3px;  }		
	

.more_txt04 ul li  em .tooltiptext2{  visibility: hidden;
  width: 250px;
  background-color: #fff; border: 1px solid #ccc;
  border-radius: 10px;  padding:20px;  font-family: 'Pretendard'; font-weight:500; font-size: 14px; color:#333; letter-spacing: -1px ; 
 /* Position the tooltip text - see examples below! */	
 position: absolute; z-index: 1;
  bottom: 110%;
  left: 50%;
  margin-left: -60px;	}	
	
/* Show the tooltip text when you mouse over the tooltip container */
.more_txt04 ul li  em:hover .tooltiptext2 {
  visibility: visible;
}
}
/**** 모바일2 ****/
@media only all and (max-width:400px) {
}
/* 구분 //end -----------------------------------*/