.pack_btn_menu {  overflow: hidden;  width: fit-content;  margin: 0 auto 4%;}
.pack_btn_menu a {  float: left; display: block;  position: relative;}
.pack_btn_menu a.noto { color: #9c836a; font-size: 14px;  border: 1px solid #d9cba8;  padding: 11px 0; text-align: center; width: 240px; font-weight: 400; border-radius: 100px;margin: 0 5px;font-family: 'Pretendard-Regular';   letter-spacing: -0.5px;}
.pack_btn_menu a:hover, .pack_btn a:focus {  background: #d9cba8; color: #fff; transition: all 0.3s ease-in-out;}
.pack_btn_menu a.this { background: #715454;  font-weight: 400;  color: #fff;}
.spText {   text-align: center; width: 100%;  margin: 2% auto 0;  padding: 0 0 5% 0;  z-index: 999;}

.spText i {
    /* border: 1px solid #b0bbcf; */
    /* border-radius: 50px; */
    /* padding: 15px; */
    /* margin-bottom: 22px; */
    /* background: #b0bbcf; */
    /* color: #fff; */
}

.spText dd {  font-size: 20px; line-height: 3; font-family: 'Pretendard-Regular'; display: block;border-bottom: 1px solid #eaeaea; letter-spacing: -0.5px;background: #715454;  color: #fff;  margin-bottom: 47px;}

.pcak_box { max-width: 1300px;  margin: auto;}
.pcak_box .gubox01 {  max-width: 50%; margin: auto;}
.pcak_box .gubox01 .pcak ol { position: relative;}
.pcak_box .gubox01 .pcak ol::after { display: block; clear: both;  content: ''}
.pcak_box .gubox01 .pcak ol::before { position: absolute; top: 5.625rem;  left: 15%; width: 70%; height: 0;  content: ''; border-top: 1px dashed #c4b8ac;  z-index: 1;}
.pcak_box .gubox01 .pcak ol > li {position: relative;  float: left;  width: 50%;  text-align: center;   z-index: 2}
.pcak_box .gubox01 .pcak ol > li .tit { margin: 0 auto 1.75rem;  width: 10.00rem; height: 10rem;  font-size: 15px;   font-weight: 400;  background: #c4b8ac; border-radius: 50%; color: #fff;  font-family: 'Pretendard-Regular'; line-height: 1.5;}
.pcak_box .gubox01 .pcak ol > li .tit span {  display: block;  font-size: 3rem;  font-weight: 500; padding-top: 20px;  margin-bottom: 0;}

.pcak_box .gubox02 {  margin: auto;}
.pcak_box .gubox02 .pcak ol {   position: relative;}
.pcak_box .gubox02 .pcak ol::after { display: block; clear: both; content: ''}
.pcak_box .gubox02 .pcak ol::before { position: absolute; top: 5.625rem; left: 10%; width: 80%; height: 0;  content: ''; border-top: 1px dashed #c4b8ac;  z-index: 1;}
.pcak_box .gubox02 .pcak ol > li { position: relative;  float: left; width: 25%; text-align: center; z-index: 2}
.pcak_box .gubox02 .pcak ol > li .tit { margin: 0 auto 1.75rem;  width: 10.00rem; height: 10rem; font-size: 15px; font-weight: 400;  background: #c4b8ac;  border-radius: 50%;  color: #fff; font-family: 'Pretendard-Regular';line-height: 1.35;}
.pcak_box .gubox02 .pcak ol > li .tit span {  display: block; font-size: 3rem;  font-weight: 500;   /* color:#7c7c7c; */ padding-top: 25px;  margin-bottom: 10px;}

.pcak_box .gubox03 {/* max-width: 50%; */   margin: auto;}
.pcak_box .gubox03 .pcak ol {position: relative; font-size: 28px;  color: #a9936d;}
.pcak_box .gubox03 .pcak ol > li {position: relative;  width: 31.3%;  text-align: center;z-index: 2;  display: inline-flex;  vertical-align: middle;}
.pcak_box .gubox03 .pcak ol small {display: none;} 
.pcak_box .gubox03 .pcak ol > li .tit { margin: auto;  width: 26rem; height: 20.5rem;  margin-bottom: 16px;  font-size: 16px;letter-spacing: -0.5px;  font-weight: bold;  border: 3px solid #715454;  background: #715454; color: #ffffff;  font-family: 'Pretendard-Regular';line-height: 1.35;}
.pcak_box .gubox03 .pcak ol > li .tit span {  display: block;  font-size: 2rem;  font-weight: 500;  /* color:#7c7c7c; */}
.pcak_box .gubox03 .pcak ol > li .tit span img { width: 100%;}
.pcak_box .info h3 {   font-size: 16px;  font-weight: 400;  margin-bottom: 10px;}

.pcak_box .info .notice { text-align: center; margin-top: 34px;}
.pcak_box .info .notice li { font-size: 15px; font-weight: 100; line-height: 1.2; margin-bottom: 8px;  font-family: 'Pretendard-Regular';letter-spacing: -0.5px;}
.pcak_box .info .notice li b {font-weight: 600; min-width: 109px; display: inline-block;font-size: 15px; font-family: 'IBMPlexSansKR-Regular'; letter-spacing: 3px; color: #60463a;}
.pcak_box .info .notice li p { font-size: 15px; font-weight: 900; line-height: 2.5; font-family: 'Pretendard-Regular'; letter-spacing: 6px;  color: #fff; background: #715454;  display: inline-block;  border-radius: 20px;  width: 15%;}
.pcak_box .info .notice li small {   opacity: 1; color: #d14015; font-size: 13px;}
.pack_btn {  display: block; width: 207px;  color: #fff; background: #d14015;  border: 1px solid #d14015;text-align: center; line-height: 45px; font-size: 13px; font-family: 'Pretendard-Regular'; transition: 0.8s;  margin: 3% auto 0%;}
.pack_btn .fal { margin-right: 5px;}
.pack_btn .fal:before { position: relative;  top: 0.05em;}
.pack_btn:hover {  border: 1px solid #504a44; background: #504a44; color: #fff; transition: 0.5s;}


/*popup*/
.popup-container {  display: block;  /* margin-top: 44px; */}
.popup-container img { width: 25px; position: relative; top: 5px;  margin: 0 16px;}
.popup-container .popup-button { background: #3c635d;  line-height: 34px; color: #f4dabd; padding: 10px 0; display: block;  cursor: pointer;  font-size: 11pt;  text-align: center; font-family: 'NanumSquareNeo'; font-weight: 700;   border-radius: 100px;  width: 30%;  margin: auto;}

.popup-container .popup { position: fixed;  top: 0; left: 0;  width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 10000; opacity: 0;   visibility: hidden; transition: 250ms all;}
.popup-container .popup .popup-inner {width: 750px;box-sizing: border-box;padding: 10px 20px 40px 20px;background: #fff;position: absolute;left: 50%;transform: translate(-50%, -50%);top: 150%;transition: 250ms all;}
.popup-container .popup .popup-inner .popup-title { display: flex; justify-content: space-between;  align-items: center; margin-bottom: 20px;}
.popup-container .popup .popup-inner .popup-title h6 { font-size: 18px; font-weight: 500;}
.popup-container .popup .popup-inner .popup-title .popup-close-btn { cursor: pointer; background: #eee;  display: block; line-height: 30px;  padding: 0 15px;  font-size: 14px; color: #222;  border-radius: 3px;}
.popup-container .popup .popup-inner .popup-content ul li { margin-bottom: 10px;}
.popup-container .popup .popup-inner .popup-content ul li:last-child { margin-bottom: 0;}
.popup-container .popup .popup-inner .popup-content ul li input {  width: 100%; border: 1px solid #ddd; border-radius: 3px; line-height: 34px;  padding: 0 15px; font-size: 14px;  box-sizing: border-box;}
.popup-container .popup .popup-inner .popup-content ul li button {  width: 100%;  line-height: 34px;   background: #666; color: #fff;  cursor: pointer;  border-radius: 3px; border: none;  font-size: 14px;}
.popup-container .popup .popup-inner .popup-content ul li button:hover { background: #444;}
.popup-container .popup .transparent-label {  position: fixed;  top: 0;  left: 0; width: 100%; height: 100%;  z-index: -1; cursor: pointer;}
.popup-container > input { display: none;}
.popup-container > input:checked + .popup {  opacity: 1;visibility: visible;}
.popup-container > input:checked + .popup .popup-inner {top: 50%;}

.popup-inner .popup-close-btn {  cursor: pointer; position: absolute;  right: 15px;   top: 0;  color: #3c635d; font-size: 29px; font-weight: bold;  font-family: "Aboreto", system-ui;}
.popup-inner .txt_grp h2 {text-align: center; color: #3c635d;  font-weight: 500;  margin: 11px 0px;  font-size: 30pt;  font-family: "Aboreto", system-ui;}
.popup-inner .txt_grp h2 i {  margin: 0 10px;  font-size: 10pt;   position: relative; top: -2px;}
.popup-inner .txt_grp p { font-size: 10pt; text-align: center; color: #777;font-family: 'NanumSquareNeo';  letter-spacing: -0.5px; font-weight: 300;}
.popup-inner .txt_grp .last {  border-bottom: 1px solid #eee; padding-bottom: 16px;}
.popup-inner .txt_grp .popup_list ul { width: 100%; margin-top: 20px;}
.popup-inner .txt_grp .popup_list ul li {font-family: 'NanumSquareNeo';text-align: center;font-weight: 900;letter-spacing: -0.5px;font-size: 14px;margin-top: 17px;}
.popup-inner .txt_grp .popup_list ul li:nth-child(1) {  /* width: 20%; */ font-size: 11pt;  text-align: center;  /* height: 125px; */  margin: auto;}
.popup-inner .txt_grp .popup_list.ban ul li:nth-child(1) span {background: #e02828;}


.pack_box_end{width: 50%; display: inline-flex; float: left;}

.pack_box_end table {/* border: 1px solid #ccc; */width: 100%;text-align: center;line-height: 1.5rem;/* margin-top: 40px; */margin: 15px;border-collapse:collapse;}
.pack_box_end table tr { border: 1px solid #ccc;}
.pack_box_end table th {border: 1px solid #ccc;background-color:#f9f9f9;line-height: 1.5;padding: 10px 0;font-size: 13px;font-family: 'Pretendard-Regular';letter-spacing: 2px;color: #987c6e;font-weight: 300;}
.pack_box_end table tr td {border: 1px solid #ccc;line-height: 1.5;padding: 8px 0px;font-size: 13px;font-family: 'Pretendard-Regular';color: #987c6e;}
.pack_box_end table td {border: 0.1px solid #ccc;line-height:3;}



@media all and (max-width : 1025px){
	
	
	.popup-container .popup .popup-inner{width: 85%;}
	.popup-container .popup-button{width: 80%;}
	
	
}






@media (max-width: 1025px) {
	
	.pack_btn_menu a.noto{width: auto;padding: 15px 20px;}
	
	.sp_bg01{max-width: 95%; margin: auto;}
	
	.spText dd{font-size: 15px;margin-bottom: 20px;}
	.pcak_box .gubox03 .pcak ol > li{width: 46%;}
	.pcak_box .gubox03 .pcak ol > li .tit{border: none; height: 18rem; font-size: 12px;width: auto;margin-bottom: 9px;}
	.pcak_box .gubox03 .pcak ol small {display: none;}
	
	
	.pcak_box .info .notice li p{width: 100%;}
}



@media (max-width : 600px){
	
	.popup-container .popup .popup-inner{width: 95%;}
	.popup-container .popup-button{width: 100%;}
	
	.pcak_box .gubox03 .pcak ol > li .tit{height: 12rem ;}
	
	
}

@media (max-width : 455px){
	
	
	.pcak_box .gubox03 .pcak ol > li .tit{height: 10.5rem ;}
	
	
}