@font-face {
    font-family: 'BMDoHyeon';
    font-weight: normal;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BMDoHyeon/BMDoHyeon.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/BMDoHyeon/BMDoHyeon.eot?#iefix') format('embedded-opentype'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BMDoHyeon/BMDoHyeon.woff2') format('woff2'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BMDoHyeon/BMDoHyeon.woff') format('woff'),
         url('https://cdn.jsdelivr.net/gh/webfontworld/BMDoHyeon/BMDoHyeon.ttf') format("truetype");
    font-display: swap;
} 
@import url("https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.1/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css");

.font-dohyun,
.font-dohyun > * {font-family: 'BMDoHyeon';}
.font-wanted,
.font-wanted > * {font-family: 'Wanted Sans Variable', sans-serif;}

*{
	box-sizing: border-box;
}
a{
	text-decoration: none;
}
a:hover,
a:active,
a:focus,
a:visited{
	text-decoration: none;
}
.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6{
	margin: 0;
}
ul, ol{
	margin: 0;
	padding: 0;
	list-style: none;
}
p{
	margin: 0;
}
html.ovh,
body.ovh{
	overflow: hidden;
}

body, p, form{margin:0;padding:0}
input, select, textarea{border:expression((this.type=='checkbox'||this.type=='radio'||this.type=='image')?'':'#DBDBDB solid 1px');}
img{margin:0;padding:0;border:0}
html, body{
	font-family: 'Pretendard variable', sans-serif;
	font-weight: 400;
	color:#231F20;
	font-size:11pt;
	line-height:1.5em;
	letter-spacing: -1px;
}
label{cursor:pointer;}
a{color:#4C4E4D;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:underline;}
.list_pink_dot li {
	padding-left: 15px;
	position: relative;
}
.list_pink_dot li:before {
	position: absolute;
	left: 0;
	top: 50%;
	content: '';
	display: inline-block;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #b64c9b;
}

table.tblDef, table.tblDef > thead, table.tblDef > tbody, table.tblDef > tfoot, table.tblDef > * > tr, table.tblDef > * > tr > * {margin:0;padding:0;border:0 none;}
.tbl_def {
	table-layout:fixed;
	width:100%;
	border:0;
	border-collapse:separate;
	border-spacing:0;
	border-top:1px solid #5858a2;
	text-align: center;
}
.tbl_def * {
	padding: 15px 20px;
}

.tbl_def > thead * {
	background-color: #f6f6ff;
	color: #5858a2;
}
.tbl_def > tbody th {
	background-color: #f9f9f9;
}
.tbl_def * > tr > * {
    border-bottom: 1px solid #cddbe0;
}
.tbl_def > thead th {
	border-left: 1px solid #cddbe0;
}
.tbl_def > thead th:first-child {
	border-left: 0 none;
}
.tbl_def > tbody td {
	border-left: 1px solid #cddbe0;
}

.b{font-weight:bold;}

.mtd{margin-top:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}

.mbd{margin-bottom:10px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}

.ptd{padding-top:10px;}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}

.pbd{padding-bottom:10px;}
.pb5{padding-bottom:5px;}
.pb10{padding-bottom:10px;}
.pb15{padding-bottom:15px;}
.pb20{padding-bottom:20px;}

.pl20{padding-left:20px;}
.pl32{padding-left:40px;}

.pr20{padding-right:35px;}
.pr32{padding-right:32px;}



.right{text-align:right;}
.center{text-align:center;}
.left{text-align:left}
.top{vertical-align:top;}
.middle{vertical-align:middle;}
.bottom{vertical-align:bottom;}

.point{color:red;font-weight:bold;}

#wrap{
	position:relative;
	margin:0 auto;
	width:880px;
/* 	border: black dashed 1px; */
}

/* Menu Start */
#wrap #menu{
	position:relative;
	width:880px;
	height:40px;
/* 	margin-left:63px; */
/* 	background:url(/workshop/14breastworkshop/image/bg_menu.gif) no-repeat; */
	text-align:center;
}

#wrap #menu .ml {margin:0 auto; padding:0; width:713px; height:35px; list-style:none;}
#wrap #menu .ml li{padding:0;margin:0;display:inline;float:left;}
#wrap #menu .ml li span{display:none;}
#wrap #menu .ml li a{display:block;}

#wrap #menu .ml li .home{
	width:120px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat 0px 0px;}
#wrap #menu .ml li .home:hover{
	background-position:0 -35px;}
#wrap #menu .ml li .homeselect{
	width:120px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat 0px -35px; }

#wrap #menu .ml li .invite{
	width:150px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat -120px 0px; }
#wrap #menu .ml li .invite:hover{
	background-position:-120px -35px;}
#wrap #menu .ml li .inviteselect{
	width:150px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat -120px -35px; }

#wrap #menu .ml li .program{
	width:150px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat -270px 0px;}
#wrap #menu .ml li .program:hover{
	background-position:-270px -35px;}
#wrap #menu .ml li .programselect{
	width:150px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat -270px -35px;}


#wrap #menu .ml li .register{
	width:180px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat -420px 0px;}
#wrap #menu .ml li .register:hover{
	background-position:-420px -35px;}
#wrap #menu .ml li .registerselect{
	width:180px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat -420px -35px;}

#wrap #menu .ml li .way{
	width:110px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat -600px 0px;}
#wrap #menu .ml li .way:hover{
	background-position:-600px -35px;}
#wrap #menu .ml li .wayselect{
	width:110px; height:35px;
	background:url(/workshop/14breastworkshop/image/btn_menu.gif) no-repeat -600px -35px;}

/* Menu End */

#wrap #body{
	position:relative;
	width:880px;
	padding: 15px 0;
/* 	margin-left:63px; */
/* 	background:url(/workshop/14breastworkshop/image/bg.gif) repeat-y; */
}


#wrap #body .ti{
	padding-bottom:10px;
	background:url(/workshop/14breastworkshop/image/bg_title.gif) no-repeat 32px 33px;
}

#wrap #body .tbl_body{
	width:880px;
	margin:0 auto;
	color:#6e6e6e;
}

#wrap #body #program{
	width:700px;
	border-collapse: collapse;
}

#wrap #body #program th{
}
#wrap #body #program td{padding:3px 5px 4px;
	background:#f3f3f3; border:white solid 1px;
}
#wrap #body #program .th{ background:#e2e2e2;border:white solid 1px;}
#wrap #body #program .time{ width:65px;text-align:center;}
#wrap #body #program .content{ width:320px;}
#wrap #body #program .person{ width:50px;}
#wrap #body #program .info{ width:160px;}
#wrap #body #program .break{ background:#DBE7F3}
#wrap #copy{
	position:relative;
	width:930px;
	text-align:center;
/* 	margin-left:63px; */
}

.sub_tit {
	font-size: 27px;
	line-height: 57px;
	padding-left: 25px;
    border-bottom: 2px solid #ccc;
    background: url('/workshop/17breastworkshop/image/sub_tit.png');
	background-repeat: no-repeat;
}
.top_menu ul{
	width:880px;
	margin:0 auto;
	list-style:none;
	height:50px;
	padding:0px;
	display: grid;
    grid-template-columns: repeat(6, 1fr);
}

.list_tbl{
	border-collapse: collapse;
	width:580px;
	margin-left:20px;
	margin-top:10px;
	border:1px solid #cccccc;
}
.list_tbl .th{background:#f4fdfa;	border:1px solid #cccccc;height:35px;}
.list_tbl .td{border:1px solid #cccccc;text-align:center;height:30px;}
.top_visual {
	width: 890px;
	height: 235px;
	margin: 0 auto;
	padding: 40px 40px 40px 85px ;
	background: url('/workshop/17breastworkshop/image/top_visual.jpg');
	position: relative;
	box-shadow: 3px 0 30px 0px rgba(0, 0, 0, 0.4);
}
.top_visual > img {
	position: absolute;
	top: 15px;
	right: 15px;
}
.top_visual > p {
	line-height: 35px;
}
.fc-pink {
	color: #b23492;
}
.top_visual .num {
	font-size: 25px;
}
.top_visual .title {
	font-size: 29px;
	display: block;
}
.top_visual .title {
	color: #404040;
}
.top_visual .title:last-child {
	color: #2b2b90;
}
.top_visual ul {
	padding-top: 25px;
}
.top_visual ul li {
	font-size: 18px;
	line-height: 24px;
	font-weight: 500;
	letter-spacing: -1px;
}
.top_menu {
	background-image:url('/workshop/17breastworkshop/image/top_menu_bg.png');
	position: relative;
    z-index: 90;
}
.top_menu ul li {
	text-align: center;
	box-shadow: 3px 0 5px 0px rgba(0, 0, 0, 0.2);
	-webkit-transition: 0.3s ease;
    transition: 0.3s ease;
	cursor: pointer;	
}
.top_menu ul li.on {
	background-color: #cc319c;
}
.top_menu ul li:last-child {
	box-shadow: none;
}
.top_menu ul li a {
	line-height: 50px;
    font-size: 17px;
    color: #fff;
}

/* main */
.workshop_info {
	box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.1);
	padding: 20px 15px 30px
}
.workshop_info,
.workshop_info > div {
	display: flex;
    align-items: center;
	justify-content: space-between;
}
.workshop_info ul {
	font-size: 18px;
    line-height: 36px;
	font-weight: 500;
}
.workshop_info .fc-pink {
	font-weight: 500;
}
.regist_btn a {
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
	width: 267px;
	line-height: 70px;
	font-size: 22px;
	font-weight: 600;
	border-radius: 10px;
}
.regist_btn .regi a {
	background-color: #fff5fc;
	color: #933677;
}
.regist_btn .regi_confirm a{
	background-color: #faf5ff;
	color: #5f3693;
}
.regist_info {
	margin-top: 50px;
}
.regist_info > p {
	font-size: 19px;
	line-height: 50px;
}
.regist_info > .info {
	background-color: #5858a2;
	color: #fff;
	border-radius: 25px;
	padding: 0 25px;
	width: 150px;
	font-weight: 500;
}
.regist_info > .due {
	background-color: #f6f6ff;
	border-radius: 5px;
	padding: 0 40px;
	margin: 20px 0;
	width: 400px;
}
.regist_info > .due > span {
	font-weight: 500;
}
.regist_con {
	margin-top: 30px;
	display: flex;
    justify-content: space-between;
    align-items: flex-end;
	gap: 40px;	
}
.regist_con table {
	width: 485px;
}
.regist_con .bank {
	width: 350px;
	height: 180px;
	padding: 50px 40px;
	margin: 0;
    border: 2px solid #88aab6;
    border-radius: 0 0 50px 0;
	background: url('/workshop/17breastworkshop/image/main_img_04.png'),  #f3fcff;
	background-repeat: no-repeat;
    background-position: right 35px top 25px;
}
.regist_con .bank dt {
	font-size: 22px;
	color: #2a8fb4;
	line-height: 50px;
	font-weight: 600;
}
.regist_con .bank dd {
	margin: 0;
	font-size: 15px;
	line-height: 25px;
}
.footer_wrap {
	width: 100%;
	background-color: #fbfbfb;
	padding: 15px 0;
}
.footer {
	width: 880px;
	margin: 0 auto;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer ul {
	position: relative;
}
.footer ul::before {
	content:'';
	display: inline-block;
	width: 2px;
	height: 50px;
	background-color: #e5e5e5;
	position: absolute;
	left: -44px;
}
.footer li {
	font-size: 12px;
	color: #a9a9a9;
	letter-spacing: -0.5px;
}
.sub_invite > h3 {
	font-size: 24px;
	font-weight: 600;
	color: #3d90af;
	padding: 35px 0;
}
.sub_invite > p {
	font-size: 19px;
	line-height: 30px;
	text-align:justify;
}
.sub_invite > .by {
	text-align: right;
	font-weight: 600;
	margin-top: 30px;
}
.sub_invite > .by > span {
	display: block;
}

.sub_invite .greeting-img-wrap span{
	display: inline-block;
	padding-bottom: 30px;
	padding-right: 50px;
	vertical-align: bottom;
}
