/* td{padding: 0 5px ;box-sizing: border-box;} */
button{cursor: pointer;outline: none;border: none;padding: 7px 0px;cursor: pointer;background-color: #c5c9cb;color: #fff;font-family: 'Pretendard-Medium';margin: 0 2px;transition: all 0.25s;min-width: 75px;}
textarea{resize: none;padding: 8px 7px;line-height: 1.8;box-sizing: border-box;font-family: 'Pretendard-Light';font-size: 15px;}
textarea.reservation,textarea.product_add{width: 700px;height: 100px;}
textarea.plan_add{height: 300px;width: 700px;}
textarea.cs_data{width: 140px;height: 40px;}
textarea.cs_data:focus{height: 180px;width: 250px;}


.flex50{flex: 0 1 50%;}

/* 로그인 */
.login_wrap{height: 100vh;width: 100vw;font-family: 'Pretendard-Regular';}
.login{background-color: #fff;padding: 30px 50px;margin: 0 auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-sizing: border-box;box-shadow: 0px 0px 200px -30px #3770b9;}
.login>.logo{margin: 0 auto;width: 200px;}
.login>.logo img{width: 100%;}
.login>.title{display: block;font-size: 20px;}

.login input[type="text"],.login input[type="password"]{
	border: none;border-radius: 3px;background-color: #f1f1f1;line-height: 3rem;display: block;width: 300px;padding: 0 15px;box-sizing: border-box;font-size: 17px;font-family: 'SpoqaHanSansNeo-medium';}

#login_btn{
	float: right;font-size: 14px;font-family: 'Pretendard-Thin';background-color: #1b4fb7;width: 100%;height: 48px;font-size: 16px;font-weight: 900;}

@media screen and (max-width : 768px) {
	.login{width: 100%;max-width: 500px;text-align: center;height: 100%;position: unset;box-shadow: unset;transform: unset;padding: 0;}
	.login input[type="text"],.login input[type="password"]{line-height: 40px;font-size: 16px;padding: 3px 6px;border: 1px solid #b9bbc3;box-sizing: border-box;padding: 3px 10px;font-family: 'SpoqaHanSansNeo-Bold';width: 100%;}
	#login_form{box-sizing: border-box;padding: 0 10px;}
	#login_btn{width: 100%;height: 48px;font-size: 16px;font-weight: 900;}
	.login>.logo{max-width: 200px;width: 100%;}
}

/* ----메인베너테스트↓---- */
.main_banner_container{width: 100%; position: relative; overflow: hidden; height: 450px;}
.main_banner_swiper img{object-fit: cover; width: 100%; height: 100%;filter: brightness(0.5);}
.main_banner_swiper{height: 100%;}
.main_banner_pagination {position: absolute; bottom: 10px; left: 50%;transform: translateX(-50%); z-index:99999999;}
.main_banner_pagination span{margin: 0 5px;}
.main_banner_disc_container{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); z-index: 999999;}
.main_banner_disc_box{text-align: center;}
.main_banner_disc_box>.title{ font-family: 'Pretendard-SemiBold'; font-size: 35px; text-shadow: 0 0 20px #000; color: #fff;}
.main_banner_disc_box>.subtitle{
	font-size: 18px; text-shadow: 0 0 20px #000; color: #c1c1c1; padding: 0.5em;}

/* ----메인베너테스트↑---- */
.wrap{ 
	font-family: 'Pretendard-Light';
	display: flex;
	min-height: 100vh;
	background-color: #222222;
	/*width: 1920px;
	min-width: 1920px;*/ 
	/* min-width: 1920px; */
	flex-grow: 1;
}
header{ border-radius: 10px 0 0 10px;
	 font-family: 'Pretendard-Light';
	 min-width: 250px;
	 background-color: #0c2556; line-height: 2.6; overflow-y: auto; box-sizing: border-box; margin: 10px 0 10px; color: #d0d2d5; }
.logo{ width: 100px; height: 60px; padding: 20px 0 0 20px; }
.logo>a{ font-size: 0; }
.logo img{ width: 100%; height: 100%; object-fit: contain; }
header a{ width: 100%; height: 100%; display: block; }
.menu_wrap.on{ position: fixed; top: 10px; left: 10px; width: 250px; }
.menu_sup{ cursor: pointer; }
.menu_wrap{ overflow-y: auto; height: 820px; }
.menu_wrap::-webkit-scrollbar { width: 8px; background-color: transparent; }
.menu_wrap::-webkit-scrollbar-thumb { background-color: #596f9b; }
.menu_wrap::-webkit-scrollbar-track { background-color: #051128; }
.menu_sup_li{ margin: 10px 0; }
.menu_sup, .menu_sub_li{ opacity: 0.7; padding: 0 20px; }
.menu_sup:hover{ opacity: 1; }
.menu_sup.on, .menu_sub_li.on{ opacity: 1; }
.menu_sub_ul{ display: none; background: #0a1f48; }
.menu_sub_ul.on{ display: block; }
.menu_sub_li.on{ color: #fff; }
.menu_sub_li{ margin-left: 20px; font-size: 15px; }
.menu_sub_li:hover{ opacity: 1; }
main{ 
	margin: 10px 10px 10px 0;
	/* width: calc(100% - 250px); */
	flex-grow: 1;
	min-width: 1600px;
 }
footer{ margin-top: 70px; font-family: 'IBMPlexSansKR-Light'; font-family: 'Noto Sans KR', sans-serif; font-family: 'SpoqaHanSansNeo-Light'; border-top: 1px solid #cfd3d5; padding: 30px 0; text-align: center; font-size: 14px; line-height: 1.6; color: #222222; }
.footer_row{ padding: 5px 0; }
.footer_row>li{ display: inline-block; }
.footer_row>li::after{ content: "";display: inline-block;width: 1px;height: 10px;margin: 2px 10px 0;background-color: #adb2b5;}
.main_header{ padding: 15px 20px;box-sizing: border-box;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;background-color: #f7f9fa;border: 1px solid #dbdbdb;border-radius: 0 10px 0 0;}
.mh_user{ line-height: 30px;}
.mh_userinfo{
	font-size: 12px;
	line-height: 1.4;
	display: inline-block;
	background-color: #f3f7f9;
	vertical-align: middle;
	margin-left: 10px;
}
.mh_username{ font-family: 'Pretendard-SemiBold';}
i.level{ padding: 2px 5px;border: 2px solid;margin-right: 8px;font-size: 14px;}
.domain>a{ font-size: 14px;text-decoration: underline;color: #464646;border-radius: 4px;padding: 5px 10px;}
.main_content_wrap{ min-height: calc(100% - 62px);background: #fff;background-color: #f3f7f9;border-radius: 0 0 10px 0;box-sizing: border-box;padding: 15px 30px;border: 1px solid #dbdbdb;border-top: 0;position: relative;}
.main_content{ }
.mc_title{ font-size: 24px; font-family: 'Pretendard';}
.mc_top{
	padding: 25px 30px;
	border-bottom: 1px solid #d8e4eb ;
	display: flex;
	justify-content: space-between;
	background-color: #fff;
}
.mc_row{display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	margin-bottom: 16px;
}
.mc_row_m{
	display: flex;
	/* line-height: 2.6; */
	line-height: 1.6;
	flex-wrap: wrap;
	align-items: center;
	font-size: 16px;
	color: #565656;
	margin-top: 10px;
	padding-bottom: 5px;
	
	position: relative;
	border-bottom: 1px solid #e3e7ee;
}
.mc_row_m>a{width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
}
.mc_row_m>a:hover{
	background-color: #f3f7f9;
	/* cursor: default; */
	mix-blend-mode: multiply;
}

.mc_column{display: flex;
	line-height: 2;
	flex-direction: column;
}
.column{
	font-size: 16px;
	font-weight: 900;
	line-height: 3;
	display: flex;
	align-items: center;
	cursor: pointer;
	padding: 0 16px;
	transition: all 0.5s;
	position: relative;
	border: 2px solid transparent;
	background-color: #f3f7f9;
	border: 1px solid #1b4fb7;
	color: #1b4fb7;
}
.column.result{
	font-size: 20px;
	line-height: 3;
	background: #1b4fb7;
	color: #fff;
	border: none;
}
.colum_wrap{
	margin-top: 20px;
	margin-bottom: 50px;
	padding: 0 16px ;
}

.column::after{
	position: absolute;
	content: "▶";
	font-size: 8px;
	transform:translateY(-50%) rotateZ(90deg) ;
	right: 20px;
	top: 50%;
}

.pagenation{
	text-align: center;
	margin-top: 50px;
	margin-bottom: 20px;
}
.page_btn{
	width: 36px;
	text-align: center;
	line-height: 36px;
	display: inline-block;
	cursor: pointer;
	background-color: #fff;
	font-size: 14px;
	padding: 0;
	color: #222;
	min-width: auto;
}
.page_btn.on{
	color: #0075ff;
	border: 1px solid;
}
.mc_row:last-child{
	margin-bottom: 0;
}

.mc_item_val input[type='text'],.mc_row input[type='text'],.input_wrap>input[type="text"], .mc_item_val_row input[type='text'],input[type="number"], input[type="password"], .mc_item_val textarea{
	line-height: 23px;
	border: 1px solid #b9bbc3;
	box-sizing: border-box;
	padding: 3px 5px;
}

input[type="number"]{
	padding: 3px 5px;
	padding-left: 10px;
}


.input_wrap>input[type="text"] {
	padding: 3px 43px 3px 10px;
	position: relative;
	z-index: 88;
}


.mc_row select, .mc_item_val select, td select{
	height: 31px;
	outline: none;
	padding: 3px 2px;
	border: 1px solid #b9bbc3;
}
.mc_item_val_row{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-bottom: 16px;
	align-items: baseline;
}
.mc_item_val_column{
	flex-direction: column;
}
.calc_temp_wrap{
	width: 430px;
	border-bottom: 2px solid #d8e4eb;
	padding: 0 10px;
	box-sizing: border-box;
}
.calc_temp_total_wrap{
	width: 470px;
	margin-top: 20px;
	border-bottom: 3px solid #1b4fb7;
	padding: 0 10px;
	box-sizing: border-box;
	font-weight: 900;
	font-size: 18px;
}
.fixed_price,.calc_temp_total{ padding-right: 70px;}
.col_wrap{ margin-bottom: 50px;}
.mc_item_val_row:last-child{ margin-bottom: 0;}
input[type='radio']:nth-child(n+2),input[type='checkbox']:nth-child(n+2){ margin-left: 40px;}
input[type='file']{align-self: self-end; margin-left: 5px;}

.mc_item_val_row>input:first-child{
	margin-left: 0;
}
.mc_item_name_sub{
	font-family: 'Pretendard-Light';
	flex-basis: 150px;
	align-self: flex-start;
	word-break: keep-all;
}
.notes{
	font-size: 15px;
	line-height: 1.6;
}
.input_wrap{
	display: inline-block;
	position: relative;
	margin: 0 2px;
	z-index: 2;
}
.ipb1wrap{
	margin-bottom: 5px;
	padding: 5px 0;
	background-image: linear-gradient(270deg, #d8e4eb, transparent);
	border-bottom: 2px solid #d8e4eb;
}
.ipb1h{
	font-weight: 900;
	margin: 0 10px 0 0;
	display: flex;
	justify-content:space-between;
	flex: 1 0 auto;
}
.input_wrap.ipb1:nth-child(2n-1):before{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 8;
	transform: translateY(100%);  
}
.input_wrap.ipb1:nth-child(2n-1):before, .input_wrap.ipb2:nth-child(2n-1){
	background-color: #d8e4eb94;
}
.ipb2{
	margin-top: 5px;
}
.product_car_wrap{
	display: flex;
	flex-direction: column;
	flex: 1 0 0 ;
}
.pcw_n{
	flex-basis: 40px;
	line-height: 40px;
	cursor: pointer;
	font-weight: 900;
	border: 1px solid #d8e4eb;
	padding: 0 20px 0 0;
	box-sizing: border-box;
	position: relative;
	background: #f1f5f8;
}
.pcw_n::after{
	content: "▼";
	position: absolute;
	color: #1b4fb7;
	top: 0px;
	left: 310px;
	font-size: 11px;
}
.pcw_cot{
	margin-left: 10px;
	padding-top: 10px;
	display: none;
}
.pcw_opt{
	margin-bottom: 10px;
}
.input_wrap.ipb2:nth-child(2n-1):before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 8;
	transform: translateY(21px);
	background-color: #e8eff3;
}
.input_date,.input_won,.input_myong,.input_measure,.input_fixed{
	position: absolute;
	right: 5px;
	top: 3px;
	color: rgb(0 0 0 / 75%);
	word-break: keep-all;
	font-weight:400 !important ;
	z-index: 99;
}
.calc_temp{
	position: relative;
	padding: 0 30px 0 20px;
	text-align: left;
}
.input_date{
	position: absolute;
	right: 5px;
	top: 3px;
}
.fb_100{
	flex-basis: 100px;
}
.fb_50{
	flex-basis: 5%;
}
.plus_option,.plus_date{
	margin: 20px 0;
	padding: 15px 20px;
	display: flex;
	background-color: #f7f9fa;
	border: 1px solid #dbdbdb;
	align-items: center;
	box-sizing: border-box;
}
.bar_wrap{
	padding: 20px;
	display: inline-block;
	margin: 10px 0 ;
	line-height: 1.6;
	font-size: 14px;
	color: #222;
}
.bar_container{
	width: 500px;
	height: 20px;
	position: relative;
	display: inline-block;
	vertical-align: bottom;
}
.bar_container>.bar_line1,.bar_container>.bar_line2{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	height: 100%;
	width: 100%;
	background-color: #9da6aa;
}
.bar_line2{
	background-color: #ff633b !important;
}
.bar_container>.bar_line1::after{
	content: "";
	position: absolute;
	border-right: 1px solid;
	border-left: 1px solid;
	height: 10px;
	top: -18px;
	width: calc(100% - 2px);
	color: #607d8b;
}
.bar_container>.bar_line1::before{
	content: "TMJIS 공유상품 판매 금액";
	position: absolute;
	border-bottom: 1px solid;
	top: -35px;
	width: 100%;
	color: #607d8b;
	display: block;
	text-align: center;
}

.bar_line1>.in1{
	position: absolute;
	background-color: #ff633b;
	right: 0;
	top: 0;
	height: 100%;
	width: 10%;
}
.bar_line1>.in1>.in1_1{
	position: absolute;
	background-color: #7f311d;
	top: 0;
	right: 0;
	height: 100%;
	width: 20%;
}

.bar_line1>.in1::before{
	content: "수익";
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: 1px solid;
	top: -48px;
	text-align: center;
	color: #ff633b;
}
.bar_line1>.in1::after{
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 2px);
	height: 10px;
	top: -30px;
	border-left: 1px solid;
	border-right: 1px solid;
	left: 0;
	color: #ff633b;
}


.bar_container>.bar_line2::before{
	content: "에이전트에서 판매한 플랫폼 마스터 상품 금액";
	position: absolute;
	border-bottom: 1px solid;
	top: -35px;
	width: 100%;
	color: #ff633b;
	display: block;
	text-align: center;
}

.bar_container>.bar_line2::after{
	content: "";
	position: absolute;
	border-right: 1px solid;
	border-left: 1px solid;
	height: 10px;
	top: -18px;
	width: calc(100% - 2px);
	color: #ff633b;
}
.bar_line2>.in2{
	position: absolute;
	background-color: #7f311d;
	right: 0;
	height: 100%;
	width: 10%;
}
.bar_line2>.in2::before{
	content: "수수료";
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: 1px solid;
	top: -48px;
	text-align: center;
	color: #7f311d;
}
.bar_line2>.in2::after{
	content: "";
	display: block;
	position: absolute;
	width: calc(100% - 2px);
	height: 10px;
	top: -30px;
	border-left: 1px solid;
	border-right: 1px solid;
	left: 0;
	color: #7f311d;
}



.option_box{
	padding: 15px 20px;
	background-color: #f7f9fa;
	border: 1px solid #dbdbdb;
	box-sizing: border-box;
}

/* 달력테이블 */
table.table-bordered.table-responsive{
	border-spacing: 0px;
}
table.table-bordered.table-responsive tr:nth-child(2){
	box-shadow: 0px 1px 0px 0px #e5e5e5;
}
table.table-bordered.table-responsive tr:nth-child(n+3) td{
	box-shadow: 1px 1px 0px 0px #e5e5e5;
	padding: 5px;
}

font.holy {font-size: 15px;color: #ff4040; display: inline-block; width: 27px;height: 27px; line-height: 27px; text-align: center; border-radius: 50%; background-color: #fff;}
font.blue {font-size: 15px;color: #135de6; display: inline-block; width: 27px;height: 27px; line-height: 27px; text-align: center; border-radius: 50%; background-color: #fff;}
font.black {font-size: 15px;color: #333;   display: inline-block; width: 27px;height: 27px; line-height: 27px; text-align: center; border-radius: 50%; background-color: #fff;}

.c_n{
	padding-left: 9px;
	font-size: 15px;
	position: relative;
	line-height: 24px;
	display: block;
}
.c_n::after{
	content: "";
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	left: 0;
	top: 8px;
}
.table.table-bordered.table-responsive button{
	cursor: pointer;
	outline: none;
	border: none;
	padding: 0;
	color: #fff;
	font-family: unset;
	margin: 0;
	min-width: 150px;
	padding: 2px 9px;
	font-size: 14px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 2px;
	border-radius: 3px;
	transition: unset;
}
.c_n.c_r::after, button.c_r{
	background-color: #ff4040; 
	/* 자사상품판매예약 */
}
.c_n.c_g::after, button.c_g{
	background-color:#bbdc00;
	/* 타사상품만패예약 */
}
.c_n.c_b::after, button.c_b{
	background-color: #00a9ff;
	/* 제공상품 예약 */
}
.c_n.c_o::after, button.c_o{
	background-color: #ff4ed2;
	/* 에이전트 예약 */
}
.c_n.c_y::after, button.c_y{
	background-color: #ffbb3b;
	/* 자사상품판매 출발 */
}
.c_n.c_p::after, button.c_p{
	background-color: #9e5fff;
	/* 제공상품 출발 */
}
.c_n.c_s::after, button.c_s{
	background-color: #9d9d9d;
	/* 에이전트 출발 */
}
.c_n.c_t::after, button.c_t{
	background-color: #03bd9e;
	/* 타사상품판매 출발 */
}

.table_consumer_list tr:nth-child(n+2){
	line-height: 1;
}
.table_cacao_chk_mem,
.table_cacao_chk_per,
.table_product_list,
.table_rate,
.table_calc_myong,
.table_total_exchange,
.table_w100,
.table_myshare
.table_share_mylist,
.table_cacao_setting_ad,
.table_cacao_setting_cs,
.table_consumer_list,
.table_myshare,
.table_contractlist{
	width: 100%;
	text-align: center;
}



.table_total_exchange td,.table_calc_myong td{
	position: relative;
}
.table_tmjpay,
.table_disdate,
.table_contractadmin{
	min-width: 700px;
}
.table_modal{
	width: 1200px !important;
}
.commission td:last-child{
	color: #007aff;
}
/* 테이블 내용 */
.table_cacao_chk_mem tr:nth-child(2n+1),
.table_cacao_chk_per tr:nth-child(2n+1),
.table_rate td:nth-child(2n),
.table_total_exchange tr:nth-child(2n+1),
.table_consumer_list tr:nth-child(2n),
.table_cacao_setting_ad tr:nth-child(2n-1),
.table_cacao_setting_cs tr:nth-child(2n-1),
.table_share_mylist tr:nth-child(2n),
.table_pdac_o tr:nth-child(2n-1),
.table_disdate tr:nth-child(2n),
.table_cacao_templet_ad tr:nth-child(2n+1),
.table_cacao_templet_cs tr:nth-child(2n+1),
.tb_ppdtail tr:nth-child(2n-1),
.table_contractadmin tr:nth-child(2n+1),
.table_sort2~tr:nth-child(2n){
	background-color: #f3f7f9;
}
.table_cacao_templet_ad pre{
	font-family: 'Handon3gyeopsal300g';
	line-height: 1.2;
	font-weight: 100;
	font-size: 15px;
}
.table_tmjpay td,.table_tmjmem td{
	padding: 0 16px;
}
table[class^=table_]{
	border: 1px solid #d8e4eb;
	background-color: #fff;
	text-align: center;
	table-layout: fixed;
	font-size: 14px;
	width: 100%;
}
table[class^="table_"] td, table[class^="table_"] th{
	word-break: keep-all;
	padding: 4px 6px;
	box-sizing: border-box;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

table.table_cacao_setting_ad .clickable{
	cursor: pointer;
	border: 1px outset;
}

table.table_cacao_setting_ad,table.table_cacao_chk_per {
	width: auto;

}
table.table_cacao_setting_ad td, table.table_cacao_chk_per td, .table_product_selector_list td{
	text-overflow: unset;
	white-space: unset;
}

table[class^=table_] input[type="text"]{
	line-height: unset;
	font-size: 14px;
	padding: 2px 4px;
	border: 1px solid #b9bbc3;
	box-sizing: border-box;
	font-family: 'SpoqaHanSansNeo-light';
}
.table_product_selector_list,
.table_agentfooter,
.table_c_all,
.table_c_separate,
.table_webmaster_share,
.table_agent_menu,
/* .table_Plat_tex_admin, */
.table_silzuk,
.table_custom,
.table_tmjmem,
.table_pfmnum_all,
.table_share_mylist,
.table_pass_access,
.table_pfmnum_separate
{
	width: auto !important;
}
.table_product_selector_list{
	width: 1000px !important;
}

/* 테이블 대분류 */
.mc_row_board.sort,
tr.table_sort1{
	background-color: #1b4fb7;
	color: #fff;
	font-weight: 900;
	word-break: keep-all;
	text-align: center;
}
/* 테이블 소분류 */
.table_cacao_chk_mem tr:nth-child(-n+2),
.table_cacao_chk_per tr:nth-child(-n+2),
.table_calc_myong tr:first-child,
.table_total_exchange tr:first-child,
.table_cacao_setting_ad tr:nth-child(2),
.table_cacao_setting_ad tr:nth-child(1),
.table_cacao_setting_cs tr:nth-child(2),
.table_cacao_setting_cs tr:nth-child(1),
.table_consumer_list tr:first-child,
.table_disdate tr:first-child,
.table_pdac_o tr:first-child,
.table_cacao_templet_ad tr:nth-child(-n+2),
.table_cacao_templet_cs tr:nth-child(-n+2),
.tb_ppdtail tr:first-child,
.table_contractadmin tr:first-child,
table[class^=table] tr.table_sort2{
	background-color: #d8e4eb;
	font-weight: 900;
	word-break: keep-all;
	text-align: center;
}
.table_calc_input input[type="text"]{
	width: 100%;
}

.table_rate tr:first-child
{
	font-weight: 900;
}
.table_calc_myong td,
.table_total_exchange td{
	width: calc(100% / 6);
}
.table_total_exchange tr:nth-child(n+6){
	font-weight: 900;
}

.table_product_list{
	flex-grow: 1;
	table-layout: fixed;
}

.table_product_selector_wrap{
	max-height: 300px;
	overflow-y: auto;
}

.table_adcar,.table_pdac_o{
	text-align: center;
	border-spacing: 0;
}
.table_adcar td {
	padding: 7px;
	box-sizing: border-box;
}
.table_adcar tr:first-child, .table_adcar td:first-child{
	background-color: #d8e4eb;
}
.share_list_selected{
	background-color: #b4d0e1;
}
.share_list_selected button.add{
	background-color: #0d5272;
}
.share_add_option_popup{
	background-color: #d8e4eb;
}
.table_rate tr:nth-child(2) td::after{
	content: "￦";
	display: inline-block;
}

.table_pdac_o{
	flex: 1 0 auto;
	text-align: center;
}













.img_preview_box{
	max-width: 728px;
	font-size: 0;
	padding: 5px 0;
	border: 1px solid #ddd;
	max-height: 300px;
	overflow-y: auto;
}
.img_preview_item{
	width: 220px;
	height: 100px;
	overflow: hidden;
	position: relative;
}
.img_preview_item.thum{
	width: 120px;
	height: 100px;
}

.img_preview_box>.img_preview_item{
	display: inline-block;
	margin-left: 9px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: calc(100% / 3.3);
}
.essential::after{
	content: "*";
	color: red;
	display: inline-block;
	vertical-align: top;
}
.img_preview_box>.img_preview_item:first-child::after{
	content: "선택안함";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 15px;
	color: gray;
	z-index: auto;
}
.img_preview_box input[type="radio"]{
	display: none;
}
label:nth-child(n+2){
	margin-left: 20px;
}
.img_preview_box input[type="radio"]:checked~label{
	box-shadow: inset 0 0 0px 3px #4d8dff;
}
.img_preview_item label{
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0%;
	left: 0;
	box-shadow: inset 0 0 0px 3px #f5f5f5;
	padding: 3px ;
	box-sizing: border-box;

}
.img_preview_item img{
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	object-fit: cover;
	position: absolute;
	top: 3px;
	left: 3px;
}
.img_preview_item.logo_img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: unset;
}
.modal_wrap{
	display: none;
}
.modal_container{
	position: fixed;
	max-height: 750px;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	border: 1px solid #525252;
	box-shadow: 0 0 0 9999px #00000073;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 99999999999;
	font-family: 'Pretendard-Light';
}
.modal_wrap.plan>.modal_container{
	position: fixed;
}
.agentinfo{
	display: flex;
	margin-bottom: 20px;
}
.agentinfo2{
	margin-left: 20px;
	border-left: 1px solid #ddd;
	box-sizing: border-box;
	padding-left: 20px;
}
.modal_top{
	display: flex;
	background: #0c2556;
	align-items: center;
	color: #ddd;
	font-weight: 900;
	letter-spacing: 1px;
}
.modal_top .modal_name{
	padding: 25px 30px;
	font-size: 20px;
}
.modal_container form{
	overflow-y: auto;
}
.modal_content{
	padding: 40px 70px;
	overflow-y: auto;
	line-height: 1.6;
}
.share_add .mc_row{
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
.btn_dayselector{
	border-radius: 50%;
	background-color: #ffffff;
	padding: 5px 7px;
	cursor: pointer;
	font-size: 14px;
	font-family: 'Pretendard-Regular';
}
.btn_dayselector.on{
	font-family: 'Pretendard-Light';
	font-weight: unset;
	background-color: #007aff;
	color: #fff;
	font-weight: 900;
}
.btn{
	font-size: 14px;
	color: #222222;
	padding: 0px 7px;
	background-color: #ddd;
	border: 1px solid #bfbfbf;
	cursor: pointer;
	border-radius: 10px;
}
.btn_modal_close{
	padding: 6px 7px;
	cursor: pointer;
}
.btn_up,.btn_down,.content_up,.content_down{
	cursor: pointer;
	background-color: #e9eef2;
	font-size: 13px;
	padding: 7px;
	color: #000;
}
.btn_up:hover,.btn_down:hover{    
	transition: all 0.10s;
	background-color: #8ca8bf;
	font-size: 13px;
	padding: 7px;
	color: #2e2e2e;
	box-shadow: inset 0 0 0px 3PX #8095a7;
}
.faq_cate_box{
	display: flex;
	flex-wrap: wrap;
}
.faq_cate_box>.faq_cate_item{
	flex: 0 0 25%;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0 0 0 1px #d8e4eb;
	cursor: pointer;
}
.flex>.cate_item.on{
	font-weight: 900;
}
.faq_cate_box>.faq_cate_item.on{
background-color: #d8e4eb;
}
.faq_subcate_item{
	display: flex;
	justify-content: center;
	margin: 20px 0;
}
.faq_subcate_item_wrap{
	display: none;
}
.faq_subcate_box{
	display: none;
}
.faq_subcate_box.on{
	display: block;
}
.faq_subcate_item>li,.cate_item{
	padding: 5px 20px;
	position: relative;
	cursor: pointer;
	border-bottom: 2px solid transparent;
}
.faq_subcate_item>li.on{
	border-bottom: 2px solid #4d8dff;
	font-weight: 900;
}
.faq_subcate_item>li::before,.cate_item::before{
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	background-color: #d8e4eb;
	bottom: 10px;
	width: 1px;
}
.faq_subcate_item>li::after,.cate_item::after{
	content: "";
	position: absolute;
	top: 10px;
	right: 0;
	background-color: #d8e4eb;
	bottom: 10px;
	width: 1px;
}
.pay{
	font-size: 14px;
	padding: 5px 10px;
	color: #ddd;
}
.pay.on{
	background-color: #1b4fb7;
}
.pay.off{
	background-color: #2e2e2e;
}
.faq_info_box{
	width: 100%;
	min-height: 400px;
	text-align: left;
}
.faq_info_box img{
	max-width: 1000px;
	width: 100%;
	display: block;
	margin: 50px auto;
}
.header_editor_menu_wrap{
	width: 250px;
	height: auto;
	/* line-height: 2; */
	font-size: 0;
}
.h_e_sup{
	font-size: 15px;
	border: 2px solid #000;
	margin: 3px 0;
	box-sizing: border-box;
	/* padding: 10px 0; */
	background-color: #f7f9fa;
}
.h_e_sub{
	font-weight: 900;
	margin-top: 15px;
}
.h_e_sub::before, .h_e_sub_li::before{
	content: "";
	position: absolute;
	width: 2px;
	height: 2px;
	background: #aaa;
	transform: translate(-6px, 8px);

}

.h_e_sub_li,.h_e_sub{
	cursor: pointer;
	position: relative;
}
.h_e_sup p,.h_e_sub_li{
	padding: 0 15px;
	margin-bottom: 10px;
	min-height: 1em;
}
.h_e_sub.on,.h_e_sub_li.on{
	background-color: #dce7ec;
}
.header_editor_input_wrap{
	flex-grow: 1;
	margin-left: 30px;
	box-sizing: border-box;
	width: min-content;
}
.lettersection{
	line-height: 2;
	font-size: 15px;
	min-width: 680px;
	max-width: 700px;
	color: #222222;
}
.mc_row_board{
	display: flex;
	align-items: center;
	font-size: 16px;
	line-height: 2.5;

}
.mc_row_board>div{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	box-sizing: border-box;
}
.mc_row_board>.level,.mc_row_board>.cate{
	width: 80px;
	font-size: 14px;
	text-align: center;
}
.mc_row_board>.username{
	font-size: 14px;
	width: 150px;
}
.mc_row_board i.reply{
	font-size: 11px;
	color: #0d5272;
}
.mc_row_board i.reply::after{
	content: "]";
	display: inline-block;
}
.mc_row_board i.reply::before{
	content: "[";
	display: inline-block;
}
.mc_row_board>.date,.mc_row_board>.date_top{
	width: 120px;
	font-size: 14px;
}
.mc_row_board>.date{
	font-size: 11px;
	color: #888;
}
.mc_row_board>.subject{
	flex-grow: 1;
}
.board_subcate_item{
	align-items: center;
	display: flex;
}
.board_subcate_item>li{
	margin: 0 10px;
}
.mc_row_board{
	border-bottom: 1px solid #f1f2f3;
}
/* .mc_row_board:nth-child(n+2):hover{
	background-color: #f5f6f7;
	transition: background-color 0.25s;
} */
.board.text img{
	display: block;
}
#rs_in{
	background-color: transparent;
	border: none;
	cursor: default;
	outline: none;
}

.step3wrap{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	/* max-width: 1140px; */
}

.step3{
	flex-basis: calc(100% / 3);
	box-sizing: border-box;
	min-height: 700px;
	border-right: 1px dashed #ddd;
}

.step3.cself:nth-child(1),.step3.cself:nth-child(3){
	flex-basis: 30%;
}
.step3.cself:nth-child(2){
	flex-basis: 40%;
}

.step3:first-child{
	padding: 40px 25px;
	padding-left: 0;
}
.step3:nth-child(2){
	padding: 40px 25px;
}
.step3:last-child{
	padding: 40px 25px;
	padding-right: 0;
	border-right: none;
}

.step3 button{
	margin: 0;
	border-radius: 5px;
	border: 1px solid #bfbfbf;
	background-color: #f7f7f7;
	padding: 12px 24px;
	font-size: 15px;
	color: #333;
	font-weight: bold;
}
#cacao_Spcr_btn{
	font-size: 13px;
}
.header_editor_menu_wrap button{
	flex: 0 0 48%;
}

.step3 button.submit{
	background-color: #1b4fb7;
	color: #fff;
	font-weight: 100;
}
.step3 button.test{
	background: #555;
	border: 1px solid #555;
	color: #fff;
	font-weight: 100;
}
.sc_list{
	height: 378px;
	overflow-y: auto;
	border: 1px solid #ddd;
	overflow-x: hidden;
}
/* 카카오 발송 등에 사용하는 번호/전화번호 테이블(step1) */
.table_cacao_address{
	width: calc(100% + 2px);
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: center;
	box-sizing: border-box;
	border: none !important;
	margin: -1px 0 0 -1px;
}
.sc_list table th{
	background: #f8f8f8;
	color: #333;
	font-size: 14px;
	height: 40px;
	border-bottom: 1px solid #ddd;
}
.sc_list table td {
	height: 40px;
	padding: 0 10px;
	color: #555;
}
.sc_list table th.num {
	border-right: 1px solid #ddd;
	width: 70px;
}
.step3 i.flex.between>button,.step3 i.flex.between>select{
	flex: 0 0 49%;
}
.step3 .csm_dpWrap .datepicker .ui-datepicker{
	width: auto;
}
/* .table_cacao_address tbody tr{
	border-bottom: 1px solid #ddd;
} */
.sc_list table td.num {
	/* border-right: 1px solid #ddd; */
	text-align: center;
	text-indent: 0;
}
.sc_list table td.phoneNum {
	/* display: flex; */
	align-items: center;
	text-align: left;
	justify-content: space-between;
}

.CTwrap{
	overflow-y: scroll;
	overflow-x: scroll;
	height: 670px;
	background-color: #fff;
}
.CTwrap>table{
	border: 1px solid #d8e4eb;
	border-collapse: collapse;
	width: auto;
}
.c_tarea_wrap{
	width: 100%;
	height: 330px;
	border: 1px solid #b9bbc3;
	box-sizing: border-box;
	padding: 10px 14px;
}
.c_tarea_wrap.ctw4{
	height: 400px;
}
.c_tarea_wrap>textarea{
	width: 100%;
	height: 100%;
	border: none;
	outline: none;
	padding: 0;
	font-family: dotum;
}
.cacao_Spcr{
	position: absolute;
	bottom: 0;
	left: 100%;
	z-index: 100;
	background: #fff;
	width: 250px;
	height: 267px;
	border: 1px solid #333;
}
.c_close{
	border: 2px solid #000;
	border-radius: 50%;
	text-align: center;
	height: 20px;
	width: 20px;
	line-height: 20px;
	float: right;
	cursor: pointer;
	overflow: hidden;
	font-family: 'Font Awesome 6 Free';
	font-size: 10px;
	margin-top: 2px;
}
.spcr_top{
	font-size: 15px;
	padding: 12px;
	border-bottom: 1px solid #ddd;
	margin: 0 ;
	display: flex;
	align-items: center;
	justify-content: space-between;
	line-height: 1;
}
.spcr_twrap{
	height: 218px;
	overflow-y: auto;
}
.sp_list{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.sp_list td {
	padding: 0 !important;
	width: calc(100% / 8);
	height: 28px;
	text-align: center;
	border: 1px solid #ddd;
	font-size: 15px;
	color: #333;
	font-family: Dotum;
}

.cs_st2{
	display: flex;
	justify-content: space-between;
}
.sc_stitem{
	flex: 0 0 48%;
	box-sizing: border-box;
}
.templet_select_item{
	flex: 0 0 49.5%;
	box-sizing: border-box;
}
.templet_select_item>textarea{
	height: 100px;
	width: 100%;
}

/* 개발용 주석*/
.gebal{
	color: rgb(225, 105, 255);
	font-weight: 900;
	line-height: 2;
	display: none;
	/* display: block; */
}
.more>a{
	font-size: 14px;
	align-self: center;
	color: #4d5159 ;
	border-radius: 5px;
	background-color: #f1f1f1;
	padding: 5px 10px;
}
/* tmjis 어드민 */
.decline_input{width: 500px;height: 100px;}
.table_decline{border: 1px solid gray;width: 100%;}
.post_cate, .writer_date{font-size: 14px;color: #939393 ;}  
.post_title {font-family: 'SpoqaHanSansNeo-light';font-size: 20px;padding: 2vmin 2vmin;line-height: 1.8;word-break: keep-all;background-color: #f7f9fa;color: #222;border-bottom: 1px solid #dbdbdb;border-top: 2px solid;}
.post_content {padding: 0 2vmin 2vmin;
	margin: 20px 0;font-weight: 100;font-family: 'SpoqaHanSansNeo-light';font-size: 16px;}
.writer_date {color: #000;margin-top: 15px;padding: 0 2vmin 2vmin;}

.ppdtail{
	font-size: 13px;
	line-height: 1.6;

}

.contract_no{
	border-radius: 10px 10px 0 0;
	background-color: #fff;
	box-sizing: border-box;
	padding: 8px 20px;
	/* font-weight: 900; */
	color: #666;
	cursor: pointer;
}
.contract_no.on{
	color: #0075ff;
	font-family: 'Pretendard-bold';
}


/* 22.01.16 추가 */
/* 디스플레이 변경 */
.d_flex {
	display: flex;
}

#cke_contents{
	width: 100%;
}

/* 여행계약서관련 css 추가 */
.contract_wrap{
	display: flex;
	flex-direction: column;
}

table.contract{
	table-layout: fixed;
	/* width: 100%; */
	width: 1000px;
	font-size: 15px;
	line-height: 1.4;
	border-spacing: 0;
	border-collapse: collapse;
	word-break: keep-all;
	background-color: #fff;
}

table.contract td {
	box-sizing: border-box;
	padding: 5px 3px;
	vertical-align: top;
	border: 1px solid #d8e4eb;
	vertical-align: inherit;
}

table.contract td.tdkey,table.contract td.tdsub{
	background-color: #d8e4eb;
	vertical-align: middle;
	white-space: nowrap;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	color: #000;
}
table.contract td.tdkey{
	font-weight: 900;
	text-align: center;
}
td.addtxt{
	position: relative;
}
textarea.addarea,input[type="text"].addarea{
	padding: 1px 5px;
	box-sizing: border-box;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.pmin{
	display: inline-block;
	min-width: 48px;
	height: 22px;
	position: relative;
	text-align: center;
	vertical-align: top;
}
.pmin textarea{
	overflow-y: hidden;
}
table.contract label{
	cursor: pointer;
	padding : 8px 4px;
}
table.contract input {
	cursor: pointer;
}
table.contract input+i{
	box-sizing: border-box;
}
table.contract input:checked + i{
	color: #007aff;
	font-weight: 900;
}
.co_check{
	margin: 20px 0 ;	
	border: 1px solid #d8e4eb;
	box-sizing: border-box;
	padding: 16px;
	font-size: 14px;
	line-height: 2;
	color: #666;
	width: 1000px;
}

table.contract label:nth-child(n+2) {
	margin-left: 0 !important;
}


/* 세로 스크롤이 긴 테이블 항목에 마우스 올렸을 때 항목명 보이게 수정 */
.floating{
	background-color: #fff;
	padding: 2px 6px;
	border-radius: 2px;
	font-size: 14px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	display: none;
	box-shadow: 1px 1px 3px 0px #0c2556;
}



/* .animated-title {
	font-size:25px;
	 font-family:'Raleway',Sans-serif;
	 font-weight:300;
	 position: relative;
	 width: 100%;
	max-width:100%;
	 height: auto;
	 overflow-x: hidden;
	 overflow-y: hidden;
 }
.animated-title .track {
	white-space: nowrap;
	will-change: transform;
	animation: slide 32s linear infinite;
 }
@keyframes slide {
	from {
		 transform: translateX(0);}
	to {
		 transform: translateX(-50%);}
} */
/* @media (hover: hover) and (min-width: 700px){
	.animated-title .content {
		-webkit-transform: translateY(calc(100% - 8rem));
		 transform: translateY(calc(100% - 8rem));
	}
} */

.slide_box{
	position: relative;
	/* background-color: pink; */
	overflow: hidden;
	height: 28px;
	line-height: 28px;
	font-size: 19px;
}
/* .slide_title{
	background-color: skyblue;
	white-space: nowrap;
} */
.slide_item{
	position: absolute;
	background-color: #fff;
	/* transition: 1.6s all linear; */
}