@charset "utf-8";

@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard-dynamic-subset.css');/* regular-400, medium-500, semibold-600, bold-700 */ 
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900");

:root {
    --site_width:1440px;
    --color_primary: #00cebe;
}

* { margin: 0; padding: 0; box-sizing: border-box;  font-family: 'Noto San KR', sans-serif;}
a { color: inherit; text-decoration: inherit; }
a:hover, a:focus, a:active { text-decoration: none; }
ul li {list-style: none;}
img { vertical-align: middle; border: none; }
button {background-color: inherit; cursor: pointer;}
input[type=text] {height: 30px;width: 80%;border:1px solid #293855;border-radius: 3px;}
input[type=number] {height: 30px;width: 98%;border:1px solid #293855;border-radius: 3px;}
input[type="date"] {font-size: 14px;}
input[type="text"] {font-size: 14px;}
textarea {font-size: 14px; width: 100%;}
select {font-size: 14px; padding: 10px;}
input[type=password] {height: 40px; width: 100%;border:1px solid #aaaaaa;border-radius: 3px;}
input::placeholder { color: #919191; font-size:12px; padding-left: 2px;}
table, th, td {border-collapse: collapse;}
a {
  text-decoration: none;
}
/* PC_ONLY */
.mobile_only {display: none;}
#mobile_header {display: none;}
header {display: block;}

/*  header  */
.header_wrap .inner {display: flex;justify-content: center;align-items: center;  height: 120px;}
.logo {position: absolute;left: 50%;transform: translateX(-50%); height: 60px;}
.right-title {margin-left: auto; text-align: center; margin-right: 20px; /* 오른쪽 여백 */font-size: 14px;font-weight: 600;color:tomato;}
.right-title span {font-size: 12px;}
nav > ul {display: flex;justify-content: center;align-items: center;gap:200px;height: 50px;background: var(--color_primary); }
nav > ul h3 { font-size: 18px; font-weight: 500; color: #fff; }
/* header .visual { position: relative; width: 100%; height: 400px; background-image: url("../images/main_visual1.png"); background-size: cover; background-position: center; background-repeat: no-repeat;} */
.container {max-width: var(--site_width); margin: auto;width: 100%;margin: 0 auto;padding: 0 20px;}
.section { margin-top: 80px;}
.inner > ul {display: flex; justify-content: center; gap:30px; flex-wrap: wrap;}

/* 샘플비디오 리스트 */


/* .sample_video_wrap .inner > ul {display: flex; gap:30px;} */
.sample_video_wrap .video_txt {display: flex; gap:50px;}
.sample_video_wrap .inner > ul > li img{border-radius: 6px;}
.sample_video_wrap .inner > ul > li {text-align: left;}
.sample_video_wrap .inner h3 {text-align: center; margin-bottom: 20px; font-size: 22px; font-weight: 600; color: #293855;}
.sample_video_wrap .sample_box{display: flex; flex-direction: column; justify-content: start; align-items: center;   padding-bottom: 20px; border: 1px solid #3f3f3f; border-top-left-radius: 6px; border-top-right-radius: 6px;}
.sample_video_wrap .sample_box span:nth-of-type(1) {text-align: left; font-size: 18px; font-weight: 600; color: #293855; margin-top: 20px;}
.sample_video_wrap .sample_box span:nth-of-type(2) {font-size: 16px; font-weight: 400; color: #293855; margin-top: 10px;}

/* 샘플영상 상세보기 */
.sample_video_view p:nth-of-type(1) {text-align: center; justify-content: center; text-align: center; margin-bottom: 10px; font-size: 26px; font-weight: 600;color: #293855;}
.sample_video_view p:nth-of-type(2) {text-align: center; margin-bottom: 20px; margin-top: 15px; font-size: 16px;font-weight: 400;color: #293855;}
.samplevideo_view {margin-top: 40px; display: flex; flex-direction: column; justify-content: center;}
.samplevideo_view iframe {padding: 39px; margin: auto; background: #000;;}
.video-container {position: relative;width: 100%;   max-width: var(--site_width); margin: 0 auto;padding-bottom: 43.08%;height:700px;}
.video-container iframe {position: absolute;top: 0; left: 0; width: 100%; height: 100%;border: 0;}
.sample_video_wrap .video_data_wrap {display: flex; justify-content: center; align-items: center;margin-top: 60px;}
.sample_video_wrap .video_data_wrap .video_data {background: var(--color_primary); width: 300px; height: 70px; display: flex; justify-content: center; align-items: center; border-radius: 10px;}
.sample_video_wrap .video_data_wrap .video_data span {font-size: 34px; font-weight: 900; color:#fff;}
.sample_video_wrap .notice_wrap {margin-top: 100px; padding: 0px; background: #f8f8f8; border-radius: 10px;}
.sample_video_wrap .notice_wrap h3 {text-align: center; padding-top: 30px; margin-bottom: 20px; font-size: 22px; font-weight: 600; color: #293855; }
.sample_video_wrap .notice_wrap table span {line-height: 30px;}
.sample_video_wrap .notice_wrap table > tr > td {margin-top: 40px;}
.sample_video_wrap .notice_wrap table img {margin-left: 10px; margin-right: 10px; display: flex; justify-content: center;}
.sample_video_wrap .notice_wrap .line_sample {margin-top: 40px;}

/* 코드입력 */
.partner_code_wrap { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.partner_code_wrap .partner_code { border:1px solid #293855; border-radius: 10px; padding: 20px; width: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.partner_code_wrap .partner_code h3 {margin-bottom: 10px; margin-top: 20px;}
.partner_code_wrap .partner_code span:nth-of-type(1) {margin-bottom: 20px; font-size: 14px; font-weight: 600; color: #757677;}
.partner_code_wrap .partner_code span:nth-of-type(2) {margin-bottom: 30px; font-size: 14px; font-weight: 600; color: #757677;}
.partner_code_wrap .partner_code .code {margin-top: 30px; width: 30%; height: 40px; background: var(--color_primary); color: #fff; display: flex; justify-content: center; align-items: center; font-size: 18px; font-weight: 600; border-radius: 10px; cursor: pointer; transition: background-color 0.3s;}
.partner_code {max-width: 400px;margin: 40px auto;padding: 30px 20px;background: #ffffff;border-radius: 10px;text-align: center;box-shadow: 0 2px 8px rgba(0,0,0,0.06);}
.partner_code h3 {padding-bottom: 24px; font-size: 1.2rem;color: #222;}
.partner_code input[type="text"] {width: 200px;height: 60px;padding: 12px;font-size: 1rem;border: 1px solid #ccc;border-radius: 6px;box-sizing: border-box;outline: none;transition: border 0.2s;}
.partner_code input[type="text"]:focus {border: 1.5px solid var(--color_primary);}
.partner_code_wrap .partner_code .partner_codeChk {display: inline; margin-top: 60px; margin-bottom: 20px; cursor: pointer;}
.partner_code_wrap .partner_code .partner_codeChk span{padding: 10px 40px;font-size: 18px;font-weight: 900;color: #ffffff;border-radius: 6px;background: var(--color_primary);}
.partner_code_wrap .partner_code .partner_con {display: inline; margin-top: 60px; margin-bottom: 20px; cursor: pointer;}
.partner_code_wrap .partner_code .partner_con span{padding: 10px 40px;font-size: 18px;font-weight: 900;color: #ffffff;border-radius: 6px;background: #293855;}
#partnerCode {margin-bottom: 10px;}

/* 이어서 올리기 */
.partner_code input[type="password"] {width: 200px;height: 40px;padding: 12px;font-size: 1rem;border: 1px solid #ccc;border-radius: 6px;box-sizing: border-box;outline: none;transition: border 0.2s;}
.partner_code input[type="text"] {margin-top: 20px; margin-bottom: 20px; width: 200px;height: 40px;padding: 12px;font-size: 1rem;border: 1px solid #ccc;border-radius: 6px;box-sizing: border-box;outline: none;transition: border 0.2s;}
.partner_code input[type="password"]:focus {border: 1.5px solid var(--color_primary);}
.partner_code_wrap .partner_code .continue {display: inline; margin-top: 60px; margin-bottom: 20px; cursor: pointer;}
.partner_code_wrap .partner_code .continue span{ padding: 10px 40px;font-size: 18px;font-weight: 900;color: #ffffff;border-radius: 6px;background: var(--color_primary);}
.partner_code_wrap .partner_code .continue_back span{display: inline; padding: 10px 40px;font-size: 18px;font-weight: 900;color: #ffffff;border-radius: 6px;background: #293855;}
.modal-header{background: var(--color_primary); text-align: center;}
.modal-header h5 {font-size: 18px; color:#fff; font-weight: 600; text-align: center;}
#confirmDeleteBtn {background: #293855;}
#confirmDeleteCancel {background: #d1cfcf; border: 0; font-weight: 500; color:#293855;}
.modal-body {text-align: center; margin-top: 20px; margin-bottom: 20px;}
.container .sample_type {padding-top: 50px;}

/* 고객정보 입력 */
.customer_info_wrap { display: flex; flex-direction: column; justify-content: center; align-items: center;}
.customer_info_wrap .customer_info {width:380px;  border:1px solid #293855; border-radius: 10px; padding: 20px;  display: flex; flex-direction: column; justify-content: center; align-items: center;}
.customer_info_wrap .customer_info h3 {margin-bottom: 20px; font-size: 22px; font-weight: 600; color: #293855;}
.customer_info_wrap .customer_info .name {width: 100%; flex-wrap: wrap; display: flex; justify-content: start; align-items: center;}
.customer_info_wrap .customer_info .name .txt_box {width: 50%; display: flex; flex-direction: column; justify-content: start; text-align: left; align-items: center;}
.customer_info_wrap .customer_info .name .txt_box h3 { font-size: 16px; text-align: left; font-weight: 600; color: #293855; margin-bottom: 10px;}
.customer_info_wrap .customer_info table {width: 100%; border-collapse: collapse; }
.customer_info_wrap .customer_info table td {vertical-align: middle; height: 40px;}
.customer_info_wrap .customer_info table td span{text-align: center;  font-size: 14px; }
.customer_info_wrap .customer_info input {width: 100%; height: 30px; border:1px solid #293855; border-radius: 3px;  font-size: 16px; color: #293855; }
#customerInfo {margin-top: 30px; margin-bottom: 20px; cursor: pointer;}
#customerInfo span{padding: 10px 40px;font-size: 20px;font-weight: 900;color: #ffffff;border-radius: 6px;background: var(--color_primary);}
#pass_view {height: 14px; width: 14px; text-align: center;}


/* 드랍존 */
/* more */
.dz-add-box {width: 100px;height: 100px;border: 2px dashed #ccc;border-radius: 12px;display: flex;align-items: center;justify-content: center;cursor: pointer;color: #aaa;font-size: 24px;background-color: #f9f9f9;margin: 5px;align-self:center;order: 9999; }
/* 삭제 버튼 스타일 */
.dz-remove {display: inline-block;padding: 5px 10px;margin-top: 10px;background-color: #ff4d4d;color: white;border: none;border-radius: 4px;font-size: 13px;font-weight: bold;cursor: pointer;transition: background-color 0.3s;text-align: center;text-decoration: none;}
.dz-remove:hover {background-color: #e60000;text-decoration: none;}
.dropzone{display:flex; gap:0px;flex-wrap: wrap;}
/* 프리뷰 박스 크기 */
.dropzone .dz-preview .dz-image {width: 100px;height: 100px;}
/* 프리뷰 이미지 크기 */
.dropzone .dz-preview .dz-image img {width: 100%;height: 100%;object-fit: cover;}
.dz-default.dz-message{display: none;}


/* 문의게시판 */
.board_info_wrap {width: 100%; margin:auto;}
.board_info_wrap .board_wrap {text-align: center;}
.board_info_wrap .board_wrap .board .cont_body{width: 100%;  border: 0px solid #000;}
.board_info_wrap .board_wrap table {width: 100%; text-align: center;}
.board_info_wrap .board_wrap table tr th:nth-of-type(3) {text-align: left;}
.board_info_wrap .board_wrap table tr:nth-of-type(2) {height: 50px; background: #b6b6b6;}
.board_info_wrap .cont_tit span {font-size: 26px; font-family: 600; text-align: center;}
.board_info_wrap .subtit span {font-size: 12px;}
.board_info_wrap .subtit {margin-top: 30px;}
.board_wrap .inner .board .board_top {display: flex; margin-top: 80px; flex-direction: row; justify-content: center; gap:50px; align-items: center;}
.board_wrap .inner .board .board_top .cont_tit {font-size: 24px; font-weight: 600;}
.board_wrap .inner .board .cont_reg span{text-align: right; font-size: 14px; color:#fff; background: #0e0c27; padding: 10px 20px 10px 20px;}
.board_wrap .inner .board .cont_body {text-align: center; margin-top: 30px;}
.board_wrap .inner .board .tbl {width: 100%; }
.board_wrap .inner .board .tbl .info {font-size: 14px; font-weight: 400; border: 1px solid #fff;}
.board_wrap .inner .board .tbl .info th {background: #eee; height: 30px;}
.board_wrap .inner .board .tbl .info td {background: #fff; height: 60px;}
.board_wrap .inner .board .tbl .delete {cursor: pointer;}
.board_wrap .inner .board .tbl .underline {width: 100%;  height:2px; background: #f0eeee;}
.board_wrap .inner .tbl_view {border:1px solid #eee;  padding: 18px;} 
.board_wrap .inner .tbl_view th {font-size: 14px; font-weight: 400;  padding: 18px; } 
.board_wrap .inner .tbl_view th {text-align: left;  padding: 18px;}
.board_wrap .inner .tbl_view td {background: #9e7676; text-align: left;  padding: 18px;}
.board_wrap .inner .tbl_view .board_tit {background: #d1cfcf;}
.board_wrap .inner .tbl_view .board_body {background: #ffffff;}

/* 게시판 글쓰기 */
.board_wrap .inner .tbl_write {border:1px solid #eee;  padding: 18px;} 
.board_wrap .inner .tbl_write th {font-size: 14px; font-weight: 400;  padding: 18px; } 
.board_wrap .inner .tbl_write th {text-align: center; background: #b1b1b1;  padding: 8px;}
.board_wrap .inner .tbl_write td {background: #ffffff; text-align: left;  padding: 8px;}
.board_wrap .inner .tbl_write .board_tit {background: #d1cfcf;}
.board_wrap .inner .tbl_write .board_body {background: #ffffff;}

/* 게시판 코드/비번 체크 */
.board_view_wrap {margin-top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.board_view_wrap .partner_code { border:1px solid #293855; border-radius: 10px; padding: 0px; width: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.board_view_wrap .partner_code h3 {margin-bottom: 10px; margin-top: 20px;}
.board_view_wrap .partner_code {max-width: 400px; margin: 0px;padding: 0px 0px;background: #ffffff;border-radius: 10px;text-align: center;box-shadow: 0 2px 8px rgba(0,0,0,0.06);}
.board_view_wrap .partner_code h3 {padding-bottom: 4px; font-size: 1.2rem;color: #222;}
.board_view_wrap .partner_code input[type="text"] {width: 200px;height: 40px;padding: 12px; margin: 2px; font-size: 1rem;border: 1px solid #ccc;border-radius: 6px;box-sizing: border-box;outline: none;transition: border 0.2s;}
.board_view_wrap .partner_code input[type="text"]:focus {border: 1.5px solid var(--color_primary);}
.board_view_wrap .partner_code input[type="number"] {width: 200px;height: 40px;padding: 12px; margin: 2px; font-size: 1rem;border: 1px solid #ccc;border-radius: 6px;box-sizing: border-box;outline: none;transition: border 0.2s;}
.board_view_wrap .partner_code input[type="number"]:focus {border: 1.5px solid var(--color_primary);}

.board_view_wrap .partner_code .partner_codeChk {display: inline; margin-top: 30px; margin-bottom: 30px; cursor: pointer;}
.board_view_wrap .partner_code .partner_codeChk span{padding: 10px 40px;font-size: 18px;font-weight: 900;color: #ffffff;border-radius: 6px;background: var(--color_primary);}
.board_view_wrap .partner_code .partner_con {display: inline; margin-top: 10px; margin-bottom: 0px; cursor: pointer;}
.board_view_wrap .partner_code .partner_con span{padding: 10px 40px;font-size: 18px;font-weight: 900;color: #ffffff;border-radius: 6px;background: #293855;}

/* 시안확인 */
.draft_view_wrap {margin-top: 0; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.draft_view_wrap .partner_code { border:1px solid #293855; border-radius: 10px; padding: 0px; width: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.draft_view_wrap .partner_code h3 {margin-bottom: 10px; margin-top: 20px;}
.draft_view_wrap .partner_code {max-width: 400px; margin: 0px;padding: 0px 0px;background: #ffffff;border-radius: 10px;text-align: center;box-shadow: 0 2px 8px rgba(0,0,0,0.06);}
.draft_view_wrap .partner_code h3 {padding-bottom: 4px; font-size: 1.2rem;color: #222;}
.draft_view_wrap .partner_code input[type="text"] {width: 200px;height: 40px;padding: 12px; margin: 2px; font-size: 1rem;border: 1px solid #ccc;border-radius: 6px;box-sizing: border-box;outline: none;transition: border 0.2s;}
.draft_view_wrap .partner_code input[type="text"]:focus {border: 1.5px solid var(--color_primary);}
.draft_view_wrap .partner_code .partner_codeChk {display: inline; margin-top: 30px; margin-bottom: 30px; cursor: pointer;}
.draft_view_wrap .partner_code .partner_codeChk span{padding: 10px 40px;font-size: 18px;font-weight: 900;color: #ffffff;border-radius: 6px;background: var(--color_primary);}
.draft_view_wrap .partner_code .partner_con {display: inline; margin-top: 10px; margin-bottom: 0px; cursor: pointer;}
.draft_view_wrap .partner_code .partner_con span{padding: 10px 40px;font-size: 18px;font-weight: 900;color: #ffffff;border-radius: 6px;background: #293855;}


/* 드랍존 */
.upload_info_wrap .inner .title {display: flex; justify-content: center; align-items: center; gap:20px;}
.upload_info_wrap .inner .tit {font-size: 20px; font-weight: 700;}
.upload_info_wrap .inner .tit {display: inline; border-bottom: 6px solid tomato; padding-top: 0px;}
.upload_info_wrap .costomer_info > ul {display: flex; gap:20px;  height: 50px; justify-content: center; align-items: center;}
.upload_info_wrap .costomer_info > ul > li {font-size: 14px; }
.upload_info_wrap .costomer_info {height: 50px; margin-top: 20px; background: #c2c0c0; border-radius: 4px;}
#completion {display: flex; justify-content: center; margin-top: 50px; }
#completion span {padding: 20px 40px;}
#completeBtn {height: 50px; display: flex; justify-content: center; align-items: center;}
#completeBtn2 {height: 50px; display: flex; justify-content: center; align-items: center;}
.end {height: 50px;}


/* 메인화면 */
.main_wrap .txt_box .step {display: flex; justify-content: center; gap:40px; flex-wrap: wrap;}
.main_wrap .txt_box .step > li {border:1px solid #eee; width: 320px; padding: 10px;  background:var(--color_primary);}
.main_wrap .txt_box .step > li h2 {margin-bottom: 10px; font-size: 24px; border-bottom: 1px solid #c2c1c1; padding-bottom: 8px;}
.main_wrap .txt_box .step > li p {margin-bottom: 20px;}
.main_wrap .txt_box .step > li span {font-size: 14px;}
.main_wrap .txt_box .cs {display: flex; justify-content: center; gap:40px; margin-top: 10px; flex-wrap: wrap;}
.main_wrap .txt_box .cs > li {border:1px solid #eee; width: 320px; padding: 20px; background:#eee}
.main_wrap .txt_box .cs > li h2 {margin-bottom: 10px; font-size: 24px; border-bottom: 1px solid var(--color_primary); padding-bottom: 8px;}
.main_wrap .txt_box .cs > li p {margin-bottom: 0px; font-size: 14px;}
.main_wrap .txt_box .cs > li span {font-size: 14px;}
.slide-caption p {color:tomato; font-size: 21px; font-weight: 600; text-align: center; margin-top: 10px;}
.cscenter {display: flex; justify-content: center; align-items: center; flex-direction: column; margin-top: 50px; margin-bottom: 20px;}

/* footer */
footer {margin-top: 100px;}
.footer_wrap img {width: 290px; height: 31px;}
.footer_wrap .info {padding-top: 80px; text-align: center; font-size:14px; color:#222}
.footer_wrap .info p {margin-bottom: 10px;}
footer .line {background: #b9b7b7; width: 100%; height: 1px; margin-bottom: 40px;}

@media (max-width: 1500px) {
.sample_video_wrap .inner > ul > li img {width: 380px;}
.video-container { position: relative; width: 800;    margin: 0 auto;padding-bottom: 43.08%; height: 210px;;}
}

@media (max-width: 600px) {
header .visual {height: 400px; }
nav > ul {gap:50px; }
.section { margin-top: 40px;}

/* 메인이미지 */
.header {width: 100%;position: relative; /* 추가: 자식 absolute 기준 */}
#m_visual {position: relative;content: url("/images/m_main2.png");width: 100%;height: auto;}
.header .txt_box {position: absolute;z-index: 10000;left: 50%;bottom: 30px;transform: translateX(-50%);display: inline;}
.header .txt_box > ul {display: flex;justify-content: center;align-items: center;gap: 20px;}
.header .txt_box > ul > li {border: 6px solid #ffada2;text-align: center;background: #ffada2;color: #ffffff;width: 100px;padding: 25px 10px;border-radius: 10px;font-size: 18px;font-weight: 600;}
.header .txt_box > ul > li span { border-bottom: 1px solid #f6f7f7;  padding-bottom: 10px;}
.header .txt_box .txt {text-align: center; margin-bottom: 30px; font-size: 17px; font-weight: 600; color: rgb(73, 72, 72);}
/* .header .txt_box > ul > li:nth-of-type(1) {background-image: url("/images/a1.png"); width: 100px; height: 100px; background-size: cover; background-position: center; background-repeat: no-repeat; border-radius: 50%;} */

/* header{display: none;} */

/* PC_ONLY */
.pc_only {display: none;}
.mobile_only {display: inline;}
#mobile_header {display:block;}
#mobile_editor {display: block;}
/* header {display: none;} */

.video-container { position: relative; width: 380;    margin: 0 auto;padding-bottom: 43.08%;height: 210px;;}
.sample_video_wrap .video_data_wrap .video_data {background: var(--color_primary); width: 300px; height: 60px; display: flex; justify-content: center; align-items: center; border-radius: 10px;}
.sample_video_wrap .video_data_wrap .video_data span {font-size: 24px; font-weight: 700; color:#fff;}
/* .section {margin-top: 30px;} */
.partner_code_wrap {margin-top: 40px;}
.partner_code {max-width: 360px;}
.dropzone{display:flex; gap:10px;flex-wrap: wrap; width: 370PX;margin-right: 20px;}
.dz-add-box {width: 50px;height: 50px;}
.preview_1 {width: 100%; display: flex; justify-content: center; background: #293855; text-align: center;}

#tbl_write tr th {width: 25%;}
#tbl_write tr td {width: 75%;}
#tbl_write tr td input[type="text"] {width: 100% !important; min-width: 0;}
#tbl_write tr td input[type="number"] {width: 100% !important; min-width: 0;}
#tbl_write textarea {width: 100%;}

.board_view_wrap .partner_code {width: 300px;}
.upload_info_wrap .costomer_info > ul {display: flex; gap:20px;}

.main_wrap .txt_box .step {display: flex; justify-content: center; gap:20px; flex-wrap: wrap;}
.main_wrap .txt_box .step > li {border:1px solid #585858; width: 380px; padding: 20px; background:#FFF;}
.main_wrap .txt_box .step > li h2 {margin-bottom: 20px; font-size: 20px; border-bottom: 1px solid #c2c1c1; padding-bottom: 8px;}
.main_wrap .txt_box .step > li p {margin-bottom: 10px;}
.main_wrap .txt_box .step > li span {font-size: 14px;}

.cscenter {display: flex; font-size:23px; font-weight: 700; justify-content: center; align-items: center; flex-direction: column; margin-top: 50px;}
.main_wrap .txt_box .cs {display: flex; justify-content: center; gap:20px; margin-top: 20px; flex-wrap: wrap;}
.main_wrap .txt_box .cs > li {border:1px solid #585858; width: 380px; padding: 20px; background:#FFF}
.main_wrap .txt_box .cs > li h2 {margin-bottom: 10px; font-size: 20px; border-bottom: 1px solid var(--color_primary); padding-bottom: 8px;}
.main_wrap .txt_box .cs > li p {margin-bottom: 0px; font-size: 14px;}
.main_wrap .txt_box .cs > li span {font-size: 14px;}
.slide-caption p {color:tomato; font-size: 21px; font-weight: 600; text-align: center; margin-top: 10px;}

.sample_video_wrap .video_txt {display: flex; gap:10px;}
.draft_view_wrap .partner_code {max-width: 300px; }

/* #swiper-slide {height: 200px;} */
}