/* 20260616 */ 
body { font-family: 'Noto Sans KR', sans-serif; }
.spring-bg { background: linear-gradient(135deg, #fff0f5 0%, #ffffff 50%, #f0fff4 100%);}
.fade-in { animation: fadeIn 0.4s ease-in-out; }

@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* 2023-09-11 By_Nuris */
body,div,dl,dt,dd,ul,li,ol,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,
p,blockquote,th,td,table,small,b,article,aside,canvas,details,figcaption,figure,footer,
header,menu,nav,section,time,mark,audio,video,button{margin:0;padding:0;}
header,footer,article,aside,details,figcaption,figure,footer,header,menu,nav,section,video{display:block;}
html,body {margin:0; height:100%;  }

html{height:100%;}
body{overflow-x:hidden; -webkit-overflow-scrolling:touch; font-family: 'Noto Sans KR',sans-serif;}
td{vertical-align: middle;}
img,fieldset{border:none;}
address,caption,cite,code,em{font-style:normal;}
ol,ul,li,dd,dl{list-style:none;}
caption{text-align:left;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
button,abbr,acronym{border:none;}
img,li{vertical-align:middle;}
hr, caption{display:none;}
a:link,a:visited{text-decoration: none; color:#FFF}
a:hover{background-color:#cfcf; color:#000}
.cols70per {width:70%;}
.cols30per {width:30%;}
.tx-right {}
.no-scroll {overflow:hidden}
/* button,input[type=button],input[type=submit]{border:none; margin:10px; font-family: 'Noto Sans KR', sans-serif;}
button:last-child {margin-right:0;} */
button{cursor:pointer;}
/* body {min-width:1200px; overflow-x:auto;} */

.search-form-wrap {width:fix-content; display:flex; justify-content: flex-end; margin:0 auto;}

.mgt-1 {margin-top:-1px !important;}
.Mgt03 {margin-top:3px !important;}
.mgt05 {margin-top:5px !important;}
.mgt07 {margin-top:7px !important;}
.mgt10 {margin-top:10px !important;}
.mgt12 {margin-top:12px !important;}
.mgt15 {margin-top:15px !important;}
.mgt20 {margin-top:20px !important;}
.mgt25 {margin-top:25px !important;}
.mgt30 {margin-top:30px !important;}
.mgt35 {margin-top:35px !important;}
.mgt40 {margin-top:40px !important;}
.mgt45 {margin-top:40px !important;}
.mgt50 {margin-top:50px !important;}
.mgt60 {margin-top:60px !important;}
.mgt70 {margin-top:70px !important;}
.mgt80 {margin-top:80px !important;}
.mgt90 {margin-top:90px !important;}
.mgt100 {margin-top:100px !important;}

.mgt-30 {margin-top:-30px !important;}

.mgb05 {margin-bottom:5px !important;}
.mgb10 {margin-bottom:10px !important;}
.mgb15 {margin-bottom:15px !important;}
.mgb20 {margin-bottom:20px !important;}
.mgb25 {margin-bottom:25px !important;}
.mgb30 {margin-bottom:30px !important;}
.mgb35 {margin-bottom:35px !important;}
.mgb40 {margin-bottom:40px !important;}
.mgb45 {margin-bottom:45px !important;}
.mgb50 {margin-bottom:50px !important;}
.mgb50_1 {margin-bottom:50px !important;}
.mgb60 {margin-bottom:60px !important;}
.mgb70 {margin-bottom:70px !important;}
.mgb100 {margin-bottom:100px !important;}

.mgl03 {margin-left:3px !important;}
.mgl05 {margin-left:3px !important;}
.mgl05 {margin-left:5px !important;}
.mgl10 {margin-left:10px !important;}
.mgl13 {margin-left:13px !important;}
.mgl15 {margin-left:15px !important;}
.mgl20 {margin-left:20px !important;}
.mgl30 {margin-left:30px !important;}
.mgl40 {margin-left:40px !important;}
.mgl45 {margin-left:45px !important;}
.mgl50 {margin-left:50px !important;}
.mgl60 {margin-left:60px !important;}
.mgl320 {margin-left:350px !important;}
.mgl530 {margin-left:530px; !important;}


.mgr05 {margin-right:5px !important;}
.mgr10 {margin-right:10px !important;}
.mgr15 {margin-right:10px !important;}
.mgr20 {margin-right:20px !important;}
.mgr30 {margin-right:30px !important;}
.mgr40 {margin-right:40px !important;}
.mgr45 {margin-right:45px !important;}
.mgr50 {margin-right:50px !important;}
.mgr73 {margin-right:73px !important;}
.mg-auto{margin:0 auto}

.pdb03 {padding-bottom:3px; !important;}
.pdb10 {padding-bottom:10px; !important;}
.pdb62 {padding-bottom:65px; !important;}
.pdb80 {padding-bottom:80px; !important;}

/*패딩값*/
.pdl22 {padding-left:22px;}
.pdt30 {padding-top:30px;}
.pdt20 {padding-top:20px;}
.pdt45 {padding-top:45px;}
.pdt55 {padding-top:55px;}


/* 파이어폭스 스크롤바 */
:root, div{scrollbar-color: rgb(46,54,69,1) rgb(210,210,210,0.5)  !important; scrollbar-width:thin !important; }


	/* 스크롤css */
	::-webkit-scrollbar {
	  width: 8px;  /* 세로축 스크롤바 길이 */
	  height: 8px;  /* 가로축 스크롤바 길이 */
	}
	::-webkit-scrollbar-track {
	  background-color: rgba(0,0,0,.01);
	}
	::-webkit-scrollbar-track-piece {
	  background-color: rgba(0,0,0,.01);
	}
	::-webkit-scrollbar-thumb {
	  border-radius: 0px;
	  background-color: #d51b37;
	}
	::-webkit-scrollbar-button {
	  background-color: darkblue;
	  width: 8px;
	  height: 0px;
	}
	::-webkit-scrollbar-button:start {
	  background-color: #ddd; /* Top, Left 방향의 이동버튼 */
	}
	::-webkit-scrollbar-button:end {
	  background-color: #ddd; /* Bottom, Right 방향의 이동버튼 */
	}
	::-webkit-scrollbar-button:vertical:increment {
	}
	::-webkit-scrollbar-button:vertical:decrement {
	}
	::-webkit-scrollbar-corner {
	  background-color: rgba(0,0,0,0); /* 우측 하단의 코너 부분 */
	}
	::-webkit-resizer {
	  background-color: rgba(0,0,0,0); /* 우측 하단의 코너 부분 */
	}


@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.video-container {
    aspect-ratio: 16 / 9;
    background-color: #000;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    overflow: hidden;
}

/* 숨김 처리 유틸리티 */
.hidden-page { display: none !important; }


/* 로딩 */
.loading-wrap{z-index:2000; position:absoulte; };

.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  z-index:2000;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 팝업레이어 */
.pop_bgWRap {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.7); z-index:100;}

#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff; z-index:200}
.hd_pops img{max-width:100%}
.hd_pops_con { width:100% !important; /*padding:10% 10%; */overflow: auto; }
.hd_pops_con table {
	width: 100%; 
	height: 271px;
	white-space: nowrap;
    overflow-y: auto;
}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}


.msg_sound_only, .sound_only {
    display: inline-block !important;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0;
    line-height: 0;
    border: 0 !important;
    overflow: hidden !important;
}


.pop_infomation .modi-clobtnwrap {
    text-align: center;
    margin-top: -50px;
}

/* padding */ 
.padding-width30{padding:0 30px;}


/* margin */
.margin30{margin:30px}
.margin-width30{margin:0 30px}


/* Align */
text-align-right{ text-align: right }
text-align-center{ text-align: center }

/* 회원정보수정 박스 */
.contents-box .inner .member-modi-box {max-width:460px !important; margin:50px auto; padding:20px 0px; }

.info-onewrap .logintit { height:auto; }



/* Button */
.icon-arrowLeft-tx {font-size:24px; /* color:#e72154; */ font-weight:400; padding-right:10px; margin-left:10px;}
.icon-tx-red { color:#e72154; font-weight:400;  }
.icon-tx-grey { width:24px; height:24px; color:#616161; font-weight:400;  }
.icon-tx-white { width:24px; height:24px; color:#fff; font-weight:400;  }


.button-red-100{display:inline-block; width:100px;height:40px;line-height:40px; background-color:#FE1E16;color:#FFFFFF;text-align:center;border-radius:25px;} 
.button-normal-100{display:inline-block; width:100px;height:40px;line-height:40px; background-color:#FFF;color:#020202;text-align:center;border-radius:25px;}
.button-black{ background-color:#000;} 

.btn-font-size20{
    color: #000;
	font-size:20px;
	font-weight:600;
}
.btn-font-size16{
    color: #000;
	font-size:16px;
	font-weight:600;
}
.btn-font-size14{
    color: #000;
	font-size:14px;
	font-weight:600;
}
.btn-font-size12{
    color: #000;
	font-size:12px;
	font-weight:600;
	text-align:center;
}

.btn-50 {}
.btn-50:hover { background-color: #cfcf; }

.span-col-red{ padding:0 10px; background: #e72154; border-radius: 5px; }
.span-col-gray{ padding:0 10px; background: #bababa; border-radius: 5px; }
.span-col-blue{ padding:0 10px; background: #217ae7; border-radius: 5px; }

/*
.btn-col-red{ display: inline-block; width: 79px; height: 40px; line-height:40px; background: #e72154; border-radius: 5px; }
.btn-col-gray{ display: inline-block; width: 79px; height: 40px; line-height:40px; background: #bababa; border-radius: 5px; }
*/

.btn-col-red{ width: 40px; height: 40px; line-height:40px; color:#000; border-radius: 40px; border:1px solid #bbb; margin-left:10px; }
.btn-col-gray{ color:#000;  border:1px solid #bbb;  }
.btn-col-black{ color:#FFF;  border:1px solid #000; background-color:#000 }


.btn-download{ 
  display:inline-block;
  width: 200px; 
  height: 50px;
  line-height:50px;
  border-radius: 25px;
  background-color: #FE1E16;
  color:#FFF;
}
.btn-download2{ 
  display:inline-block;
  width: 200px; 
  height: 50px;
  line-height:50px;
  border-radius: 25px;
  background-color: #FE1E16;
  color:#FFF;
  text-align:center;
}

.btn-pdfdownload { position:absolute; right:50px; padding:5px 10px; background: #e72154; color:#fff; border-radius: 5px; text-align:center; }
.btn_01, a.btn_01 { background: #217ae7;  color: #fff; }

.btn-cols {   width: inherit; font-size: 12px; height:35px; line-height:35px; letter-spacing: -0.12px;}
a.btn {
    display: inline-block;
	width:70px;
    height: 40px;
    line-height: 40px;
    border: 0;
    border-radius: 5px;
    padding: 0 10px;
    font-weight: bold;
    font-size: 14px;
	text-align:center;
    vertical-align: middle;
}
.btn-normal {
	width: 220px;
	height: 50px;
	line-height:50px;
	border-radius: 25px;
	background-color: #217ae7;
    vertical-align: middle;
	text-align:center;
	cursor:pointer;
}

.btn-normal span {
  width: 130px;
  height: 18px;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.btn-cursor{cursor:pointer; }

.btn-position-bottom{position:absolute; width:1030px; bottom:0px;  padding-bottom:100px;}

.btn-cirlcle-white{width:38px;height:38px;line-height:38px;}


/* font */
.font-sz-10 {font-size:10px}
.font-sz-11 {font-size:11px}
.font-sz-12 {font-size:12px}
.font-sz-13 {font-size:13px}
.font-sz-14 {font-size:14px}
.font-sz-18 {font-size:18px}
.font-sz-1em {font-size:1.1em}

.font-wg-100{ font-weight:100 }
.font-wg-200{ font-weight:200 }
.font-wg-300{ font-weight:300 }
.font-wg-400{ font-weight:400 }
.font-wg-600{ font-weight:600 }
.font-wg-800{ font-weight:800 }

.font-color-w{ color:#fff; }
.font-color-red{ color:#e72154; }

/* align */
.tx-algin-center{text-align:center;}
.tx-algin-left{text-align:left;}
.tx-algin-right{text-align:right;}



/*
.inbovbtn{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: auto;
    border-radius: 10px;
}
*/

/* video Tag */
/*Player Bar Hidden*/
video::-webkit-media-controls {
  display: none;
}

/* Could Use thise as well for Individual Controls */

video::-webkit-media-controls-play-button {}
video::-webkit-media-controls-volume-slider {}
video::-webkit-media-controls-mute-button {}
video::-webkit-media-controls-timeline {}
video::-webkit-media-controls-current-time-display {}


/* INDEX*/
.main-table{}
.main-table th td{height:30px;width:10%;color:#000000;font-weight:700;text-align:center;border:.5pt solid #000000;background:rgb(217,217,217);}

	
	/* infomation 변경 팝업 */
	.pop_infomation {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:100%;  z-index:101; display:none}
	.pop_infomation .modi-clobtnwrap { text-align:center; margin-bottom:20px;}
	.pop_infomation .modi-clobtnwrap span{cursor:pointer;}
	.pop_infomation .inner {padding:70px 10vw; background:#fff; box-sizing:border-box;} 
    .pop_infomation .inner  h2 {font-size: 30px; text-align:Center; font-weight: bold; color: #393939;}
	.pop_infomation .inner .inbox {width:100%; padding:70px 10vw; padding-bottom:0; box-sizing:border-box;/*display:flex; flex-wrap: wrap;*/ margin:0 auto;}
	.pop_infomation .inner .inbox input {width:calc(100% - 71px)!important;}
	

	/* 가이드 다운로드 팝업 */
	.pop_down {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:100%;  z-index:101; display:none}
	.pop_down .modi-clobtnwrap { text-align:center; margin-bottom:20px;}
	.pop_down .modi-clobtnwrap span{cursor:pointer;}
	.pop_down .modi-clobtnwrap img{margin:0 auto;}	
	.pop_down .inner {padding:70px 10vw; background:#fff; box-sizing:border-box;} 
    .pop_down .inner  h2 {font-size: 30px; text-align:Center; font-weight: bold; color: #393939;}
	.pop_down .inner .inbox {width:100%; padding:70px 10vw; padding-bottom:0; box-sizing:border-box;/*display:flex; flex-wrap: wrap;*/ margin:0 auto;}
	.pop_down .inner .inbox input {width:calc(100% - 71px)!important;}
	.pop_down .inner .inbox p { line-height:50px;}
	

	/* 메뉴 팝업 */
	.pop_menu {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:100%;  z-index:101; display:none}
	.pop_menu .modi-clobtnwrap { position:absolute; width:100%; text-align:center; top:-50px; margin-bottom:20px;}
	.pop_menu .modi-clobtnwrap span{cursor:pointer;}
	.pop_menu .modi-clobtnwrap img{margin:0 auto;}	
	.pop_menu .inner {padding:70px 10vw; background:#fff; box-sizing:border-box;} 
    .pop_menu .inner  h2 {font-size: 30px; text-align:Center; font-weight: bold; color: #393939;}
	.pop_menu .inner .inbox {width:100%; padding:70px 10vw; padding-bottom:0; box-sizing:border-box;/*display:flex; flex-wrap: wrap;*/ margin:0 auto;}
	.pop_menu .inner .inbox p { line-height:50px;}
	.pop_menu .inner .inbox p i{ margin-right:15px;}
	.pop_menu .inner .inbox p span{ font-size:18px;}


	/* 설문조사 변경 팝업 */
	.pop_survey {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:100%;  z-index:101; display:none}
	.pop_survey .modi-clobtnwrap { position:absolute; width:100%; text-align:center; top:-50px; margin-bottom:20px;}
	.pop_survey .modi-clobtnwrap span{cursor:pointer;}
	.pop_survey .modi-clobtnwrap img{margin:0 auto;}
	.pop_survey .inner {padding:10vw 1vw; background:#fff; box-sizing:border-box;} 
    .pop_survey .inner  h2 {font-size: 30px; text-align:left; font-weight: bold; color: #393939;}
	.pop_survey .inner .inbox {width:100%; padding:70px 10vw; padding-bottom:0; box-sizing:border-box; display:flex; flex-wrap: wrap; margin:0 auto;}
	.pop_survey .inner .inbox p { margin:10px 0px }
	.pop_survey .inner-scroll { height: 320px; padding: 20px 20px;	overflow-y: auto; padding-right: 20px;	}
	.txtarea-basic{ width:100%; height:150px; border: 1px solid #cecece; }
	

	
	/* 프린트 팝업 */

/* -----------------------------------------------
 * [1] 디자인 시스템 & 모달 레이아웃
 * ----------------------------------------------- */
:root {
    --font-black: #111827; 
    --font-dark-gray: #374151;
}

/* 폰트: 프리텐다드 최우선 적용, 폴백으로 Noto Sans KR 적용 */
* { 
    box-sizing: border-box; margin: 0; padding: 0; 
    font-family: 'Pretendard Variable', 'Pretendard', 'Noto Sans KR', 'Malgun Gothic', sans-serif;
}

.pop_printWrap { position: fixed;  width: max-content; transform: translate(-50%, -50%); top:50%; left:50%;  z-index:101; display:none; }
.modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%;  background: rgba(15, 23, 42, 0.8); }
.Inpopwrap {  position: relative; background:#fff; padding: 30px 20px 20px 20px; /* 상단 패딩 축소 */ border-radius: 12px;  width: 100%;  max-height: 700px; /* 전체 최대 높이를 700px 이하로 강제 제한 */ overflow-y: auto; z-index: 10; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); }

/* 닫기 버튼 */
.modal-close-btn { position: absolute; top: 15px; right: 15px; width: 36px; height: 36px; background: #f1f5f9; border: none; border-radius: 50%; cursor: pointer;  display: flex; align-items: center; justify-content: center; z-index: 99; transition: all 0.2s; }
.modal-close-btn:hover { background: #e2e8f0; transform: scale(1.05); }
.modal-close-btn::before, .modal-close-btn::after { content: ''; position: absolute; width: 16px; height: 2px;  background-color: #475569; border-radius: 2px; }
.modal-close-btn::before { transform: rotate(45deg); }
.modal-close-btn::after { transform: rotate(-45deg); }

/* -----------------------------------------------
 * [2] 🌟 이미지 배경 처리 및 내부 컨텐츠 영역
 * ----------------------------------------------- */
.inbox {
    /* 기존 테두리를 모두 제거하고 이미지를 백그라운드로 꽉 채움 */
    border: none; 
    background-image: url('../../images/certification_bg.jpg'); /* 첨부해주신 이미지 경로 */
    background-size: 100% 100%; /* 너비와 높이를 박스에 딱 맞게 강제 스트레치 */
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover; 	
    border-radius: 8px;
    position: relative;
    /* 전체적인 컴팩트 핏을 위해 최소 높이 설정 */
    min-height: 480px; 
}

/* 이미지의 곡선 그래픽이 글씨를 가리지 않도록 안쪽 여백 제어 */
.cert-content-area {
    padding: 60px 70px; /* 배경 이미지 디자인에 따라 상하좌우 여백을 조절하세요 */
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

/* -----------------------------------------------
 * [3] 타이틀 및 핵심 정보 (여백 대폭 축소)
 * ----------------------------------------------- */
.cert-main-title {
    font-size: 26px; font-weight: 800; color: var(--font-black); 
    margin-bottom: 20px; /* 기존 35px -> 20px 축소 */
    letter-spacing: -0.5px;
}

.cert-info-spec {
    display: flex; flex-direction: column; gap: 8px; /* 기존 10px -> 8px 축소 */
    margin: 0 auto 20px auto; /* 기존 35px -> 20px 축소 */
    padding: 12px 20px; /* 패딩 축소 */
    background: rgba(255, 255, 255, 0.7); /* 배경 이미지 위에서 잘 보이도록 반투명 흰색 깔기 */
    border-radius: 6px;
    max-width: 740px;
    border: 1px solid rgba(0,0,0,0.05);
}
.info-row {
    display: flex; flex-direction: column; gap: 6px; text-align: left;
}
.cert-info-spec p { font-size: 15px; color: var(--font-dark-gray); }
.cert-info-spec p.sm-text { font-size: 14px; }
.cert-info-spec strong { color: var(--font-black); margin-right: 6px; font-weight: 700; }

/* -----------------------------------------------
 * [4] 증명 본문 & 직인(도장) 영역
 * ----------------------------------------------- */
.cont-box { text-align: center; }

.cert-text { font-size: 18px; line-height: 1.6; color: #111; margin-bottom: 30px; /* 기존 45px -> 30px 축소 */ word-break: keep-all; }
.cert-text strong {  font-size: 19px; font-weight: 800;}

.cert-bottom-group { margin-top: 10px; }
.cert-date { font-size: 16px; font-weight: 600; color: var(--font-dark-gray);  letter-spacing: 1px; margin-bottom: 15px; /* 기존 25px -> 15px 축소 */ }

.signer-wrap { position: relative; display: inline-block; }
.cert-signer { font-size: 22px; font-weight: 800; color: var(--font-black); letter-spacing: 1px; position: relative; z-index: 2; }
/* 도장(직인) 크기 대폭 확대 및 위치 재조정 */
.stamp-img { position: absolute;  top: 50%; right: -75px; transform: translateY(-50%);  width: 85px; /* 기존 65px -> 85px로 크게 확장 */  height: 85px;  z-index: 1;  mix-blend-mode: multiply; }

/* -----------------------------------------------
 * [5] 유의사항 및 하단 버튼
 * ----------------------------------------------- */
.notice-box {  font-size: 12px; color: #6b7280; text-align: center;  padding-top: 10px; margin-top: 10px; }

.printbtn-wrap { text-align: center; margin-top: 15px; }
.inprint { display: inline-flex; align-items: center; justify-content: center;  background: #1e293b; color: #fff; padding: 12px 45px;  border: none; border-radius: 6px; cursor: pointer;  font-size: 14px; font-weight: 700; width: 100%; transition: background 0.2s; }
.inprint:hover { background: #0f172a; }

/* -----------------------------------------------
 * [6] 데스크탑 (PC) 해상도 최적화
 * ----------------------------------------------- */
@media (min-width: 1051px) {
    .Inpopwrap { padding: 35px 30px 25px 30px; }
    .cert-main-title { font-size: 28px; }
    
    .info-row { flex-direction: row; justify-content: space-between; gap: 20px; }
    .info-row p { flex: 1; }
    .info-row.full-width p { flex: none; width: 100%; }

    .cert-text { font-size: 20px; }
    .cert-signer { font-size: 24px; }
    
    /* PC 환경에서도 도장이 잘 어우러지도록 세부 조정 */
    .stamp-img { width: 90px; height: 90px; right: -80px; }
    .inprint { width: auto; }
}

	/* 테이블 프린트 */
	.table-print {width:100%; border:1px solid #000; font-size:12px; border-collapse: collapse; margin-top:10px;} 
	.table-print td {font-size:12px; padding:6px 8px; text-align:left; border-bottom:1px solid #000; color: #717171; border-right:1px solid #000;}
	.table-print td:last-child {font-size:12px;  border-right:none;}
	.table-print td.title {color: #000;font-size:14px;  text-align:center; font-weight:bold; background: #dfdfdf; border-right:1px solid #000;}
	.table-print td.cont{position:relative;font-size:16px; padding:20px; text-align:center; line-height:1.4; background:url(../../images/img-stamp.png)no-repeat; background-position:95% 75%; background-size:17% !important;}
	.table-print td.cont p {font-size: 24px; font-weight: bold; color: #010101;}
	.table-print td.contsm {font-size:12px; padding:3px; color: #717171; text-align:center ;}
	/* .stamp-posi {position:absolute; bottom:20px; right:20px;} */






@media (max-width: 1051px){
	/* gnu popup */
	.hd_pops { width:90%; margin:0 5%; left:0px !important; }
	.hd_pops_con {  }

	.icon-arrowLeft-tx {font-size:24px; }
	.top-header-wrap .innner .rg-wrap a i {/* margin-left:10px;*/}
	.top-header-wrap .innner .rg-wrap a span { /* margin-left:0px !important */ }

	.MainTitle-wrap {margin-top:0px}

	.ft-size{font-size:1.1em; letter-spacing:-1px;}
	/* Button */
	.icon-arrowLeft-tx {font-size:24px;}
	.icon-tx-red {font-size:24px !important; }
	.icon-tx-grey {font-size:24px !important;}

	.btn-download{ 

    display: inline-block;
/*    width: 100%;*/
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #FE1E16;		
	}

	.SubTitle-wrap { width: 100%; }
	.SubText{ width: 100%; padding:8px 10px !important;  background: #4e4e4e !important; border-radius: 10px; box-sizing: border-box; color: #fff; opacity:0.7 !important; }

	.Mainbottom-Wrap {
		width: 100%;
		margin-top: 10px;
		display: flex;
		flex-wrap: wrap;
		background: #4e4e4e !important; border-radius: 10px; box-sizing: border-box;
		opacity:0.6;
	}
	.Mainbottom-Wrap .OneBox { width:50%; padding:15px 0; }
	.Mainbottom-Wrap .OneBox  .inner-scroll { width:90%; height: 200px; padding: 10px 5%;	overflow-y: auto;}

	.Mainbottom-Wrap .OneBox2 { width:100%; padding:15px 0; }
	.Mainbottom-Wrap .OneBox2  .inner-scroll { width:90%; height: 200px; padding: 10px 5%;	overflow-y: auto;}

	.table-style { width:100%; }
	.table-style thead { background:#000; border:1px solid #cdcdcd; height:30px; }
	.table-style thead tr td{ text-align:center; font-size:14px; font-weight:bold;}
	.table-style tbody tr td{ text-align:center; font-size:12px; }


	.footer {  color: #fff !important; }
	
	/* 팝업레이어 */
	.pop_bgWRap {width:100%; height:100%; position:fixed; top:0; left:0; background:rgba(0,0,0,.7); z-index:100;}

	#hd_pop {z-index:1000;position:relative;margin:0 auto;height:0}
	#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	.hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff; z-index:200}
	.hd_pops img{max-width:100%}
	.hd_pops_con { width:100% !important; /*padding:10% 10%; */overflow: auto; }
	.hd_pops_con table {
		width: 100%; 
		height: 271px;
		white-space: nowrap;
		overflow-y: auto;
	}
	.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
	.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
	.hd_pops_footer button {padding: 10px;border:0;color:#fff}
	.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
	.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}


	/* infomation 변경 팝업 */
	.pop_infomation {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:100%;  z-index:101; display:none}
	.pop_infomation .modi-clobtnwrap {position:absolute; width:100%; text-align:center; top:-50px; margin-bottom:20px;}
	.pop_infomation .modi-clobtnwrap span{cursor:pointer;}
	.pop_infomation .inner {padding:70px 10vw; background:#fff; box-sizing:border-box;} 
    .pop_infomation .inner  h2 {font-size: 30px; text-align:Center; font-weight: bold; color: #393939;}
	.pop_infomation .inner .inbox {width:100%; padding:70px 10vw; padding-bottom:0; box-sizing:border-box;/*display:flex; flex-wrap: wrap;*/ margin:0 auto;}
	.pop_infomation .inner .inbox input {width:calc(100% - 71px)!important;}
	

	/* 가이드 다운로드 팝업 */
	.pop_down {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:100%;  z-index:101; display:none}
	.pop_down .modi-clobtnwrap { text-align:center; margin-bottom:20px;}
	.pop_down .modi-clobtnwrap span{cursor:pointer;}
	.pop_down .inner {padding:70px 10vw; background:#fff; box-sizing:border-box;} 
    .pop_down .inner  h2 {font-size: 30px; text-align:Center; font-weight: bold; color: #393939;}
	.pop_down .inner .inbox {width:100%; padding:70px 10vw; padding-bottom:0; box-sizing:border-box;/*display:flex; flex-wrap: wrap;*/ margin:0 auto;}
	.pop_down .inner .inbox input {width:calc(100% - 71px)!important;}
	.pop_down .inner .inbox p { line-height:50px;}
	

	/* 메뉴 팝업 */
	.pop_menu {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:100%;  z-index:101; display:none}
	.pop_menu .modi-clobtnwrap { text-align:center; margin-bottom:20px;}
	.pop_menu .modi-clobtnwrap span{cursor:pointer;}
	.pop_menu .inner {padding:70px 10vw; background:#fff; box-sizing:border-box;} 
    .pop_menu .inner  h2 {font-size: 30px; text-align:Center; font-weight: bold; color: #393939;}
	.pop_menu .inner .inbox {width:100%; padding:70px 10vw; padding-bottom:0; box-sizing:border-box;/*display:flex; flex-wrap: wrap;*/ margin:0 auto;}
	.pop_menu .inner .inbox p { line-height:50px;}
	.pop_menu .inner .inbox p i{ margin-right:15px;}
	.pop_menu .inner .inbox p span{ font-size:18px;}


	/* 설문조사 변경 팝업 */
	.pop_survey {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:100%;  z-index:101; display:none}
	.pop_survey .modi-clobtnwrap { text-align:center; margin-bottom:20px;}
	.pop_survey .modi-clobtnwrap span{cursor:pointer;}
	.pop_survey .inner {padding:10vw 1vw; background:#fff; box-sizing:border-box;} 
    .pop_survey .inner  h2 {font-size: 30px; text-align:left; font-weight: bold; color: #393939;}
	.pop_survey .inner .inbox {width:100%; padding:70px 10vw; padding-bottom:0; box-sizing:border-box; display:flex; flex-wrap: wrap; margin:0 auto;}
	.pop_survey .inner .inbox p { margin:10px 0px }
	.pop_survey .inner-scroll { height: 320px; padding: 20px 20px;	overflow-y: auto; padding-right: 20px;	}
	.txtarea-basic{ width:100%; height:150px; border: 1px solid #cecece; }
	

	
	/* 메인영상팝업 */
	.pop_mainMov {position:fixed; transform: translate(-50%, -50%); top:50%; left:50%; width:600px; border-radius:10px; z-index:101; display:none}
	.pop_mainMov .inner {padding:0px; } 
    .pop_mainMov .inner h2 {border-left:7px solid #217ae7; position:relative; padding-left:15px; font-size:28px; line-height:1.1;text-align:left; font-weight: bold; color:#fff;}
	.pop_mainMov .inner .movi-box {width:100%; margin-top:20px; height:auto; border-radius: 10px; overflow:hidden; background:#000000; }
	.pop_mainMov .inner .movi-box span {position:absolute; top:50%; left:50%; transform: translate(-50%, -50%);}
	.pop_mainMov .inner .movi-clobtn-wrap {width:100%; margin-top:50px; text-align:center;}
	.pop_mainMov .inner .movi-clobtn-wrap span{cursor:pointer;}
	.popin-btn {cursor:pointer;}
	
	/* 프린트 팝업 */
	.pop_printWrap {   width: 90%;  max-height: ;  }

	/* 테이블 프린트 */
	.table-print {width:100%; border:1px solid #000; font-size:12px; border-collapse: collapse; margin-top:10px;} 
	.table-print td {font-size:12px; padding:6px 8px; text-align:left; border-bottom:1px solid #000; color: #717171; border-right:1px solid #000;}
	.table-print td:last-child {font-size:12px;  border-right:none;}
	.table-print td.title {color: #000;font-size:14px;  text-align:center; font-weight:bold; background: #dfdfdf; border-right:1px solid #000;}
	.table-print td.cont{position:relative;font-size:16px; padding:20px; text-align:center; line-height:1.4; background:url(../../images/img-stamp.png)no-repeat; background-position:95% 75%; background-size:17% !important;}
	.table-print td.cont p {font-size: 24px; font-weight: bold; color: #010101;}
	.table-print td.contsm {font-size:12px; padding:3px; color: #717171; text-align:center ;}
	/* .stamp-posi {position:absolute; bottom:20px; right:20px;} */



	/* 움직이는 텍스트 */
	.marquee {
		position: absolute;
		width:100%;
		height: 25px;
		overflow: hidden;
		color: #fff;
		/* font-size, background-color.. 등 원하는 스타일이 있다면 추가 */
		background:#000;
		font-size:0.8em;
		font-weight:800;
		bottom:0px;
	}

	.btn-position-bottom {
		position:fixed;
		width: 100%;
		bottom: 0px;
		padding-bottom: 100px;
	}			
	.btn-normal {
		width: 90%;
		height: 40pt;
		line-height: 40pt;
	}
	


    .btn-download {
        display: inline-block;
		width: 200px;
		height: 50px;
		line-height: 50px;
		border-radius: 25px;
        background-color: #FE1E16;
    }	
    .ft-size {
        font-size: 1.1em;
        letter-spacing: -1px;
    }
    .top-header-wrap .innner .rg-wrap span {
        margin-right: 0px;
    }
    .top-header-wrap .innner .rg-wrap a span {
        margin-left: 0px !important;
    }
	
	.view-movbox{ position:absolute; left:0; top:80px; }
}