@charset "utf-8";
/*==============================================================*/
.show {display: block !important}
.hide {display: none !important}
.hidden {visibility: hidden !important; opacity: 0 !important}
.visible {visibility: visible!important; opacity: 1 !important}
/*==============================================================*/
.fl { float:left}
.fr { float:right}
.tl { text-align:left}
.tr { text-align:right;}
.tc { text-align: center}
.vt { position:relative; top:-2px;}
.p20 { padding:0 20px;}
.red { font-size:12px; color:#e56565;}
.black { color:#222 !important;}
.orange { color:#fa640f !important;}
.green { color:#EA6A7C !important;}
.blue { color:#45a5f1 !important;}
.vbar {  display:inline-block; margin:0 5px; height:10px; width:1px; background:#b2b9bc;}

.gray_box { padding: 20px; background: #f2f3f4; border-radius: 10px;}
.gray_box .txt1 { text-align: center; font-size: 14px; line-height: 24px; padding:0 0 45px; color: #474849;}
.gray_box .txt1 strong { display: block; padding: 45px 0 30px; font-size: 22px; color: #EA6A7C; font-weight: normal;}
.gray_box .tb { padding-top:0 !important;}
.gray_box .chk_bar { padding-bottom:0; border-top-color:#ededed;}
.tab_con { padding:0 20px;}
ul.tab_type1 {
	display:flex;
	height:48px;
/*	margin-bottom:20px;*/
/*	border-bottom:2px solid #EA6A7C;*/
}
ul.tab_type1 li {
	flex:1;
	width: 20px;
	height: 52px;
	text-align:center;
}
ul.tab_type1 li a{
	display: block;
	height: 48px;
	font-size: 16px;
	line-height: 48px;
	border: 1px solid #EA6A7C;
/*	border-radius: 5px 5px 0 0;*/
}
ul.tab_type1 li.on a,
ul.tab_type1 li.ui-state-active a { color:#fff; background: #EA6A7C;}
ul.tab_type1 li.on:after a:after,
ul.tab_type1 li.ui-state-active a:after { content:""; display:block; position:absolute; left:-2px; top:-2px; width:2px; height:48px; background:#474849;}
ul.tab_type1:after { content: ""; display: block; clear: both;}

.both {}
.both:after {content:""; display:block; clear:both}
.both > *:first-child {float:left}
.both > *:last-child {float:right}
.both .txt {
	position: relative;
	display: block;
	width: 100%;
	max-height: 33px;
	text-align: right;
}
.both .btn {margin: 0 0 0 4px;}
.both .btn.fr {margin-left: 8px}
.both .btn.fl {margin-right: 8px}
.both + table {margin: 8px auto 24px;}

.both.date > div:first-child { font-size:0;}
.both.date > div:first-child label { margin:0 0 0 -1px; padding:0 !important; width:69px; height:29px; border:1px solid #ececec; background:#f2f3f4; text-align:center; line-height:29px; font-size:13px;}
.both.date > div:first-child label:last-of-type { margin-right:10px;}
.both.date > div:first-child input:checked + label { background:#ececec;}
.both label { padding-left:20px !important; margin-right:20px;}

.btns { padding: 32px 0 0 0;}
.btns.p0 { padding:0 0 15px;}
.btns:after { content:""; display:block; clear:both;}
.btns.center li { text-align:center;}
.btns.center li a { margin:0 22px;}
.btns.center li span a { margin:0 10px;}
.btns.left a { margin-right:44px;} 
.btns.right li { float:right;}
.btns.right a { margin-left:44px;} 
.btns.both li { float:right;}
.btns.both li a { margin:0 0 0 44px;}
.btns.both li:first-child { float:left;}
.btns.both li:first-child a { margin:0 44px 0 0;}

.btnInfo { padding: 32px 0 0 0;}
.btnInfo.p0 { padding:0 0 15px;}
.btnInfo:after { content:""; display:block; clear:both;}
.btnInfo.center li { text-align:center;}
.btnInfo.center li a { margin:0 22px;}
.btnInfo.center li span a { margin:0 10px;}
.btnInfo.left a { margin-right:44px;} 
.btnInfo.right li { float:right;}
.btnInfo.right a { margin-left:44px;} 
.btnInfo.both li { float:right;}
.btnInfo.both li a { margin:0 0 0 44px;}
.btnInfo.both li:first-child { float:left;}
.btnInfo.both li:first-child a { margin:0 44px 0 0;}

.btnsUT { padding: 24px 0 ;}
.btnsUT.p0 { padding:0 0 15px;}
.btnsUT:after { content:""; display:block; clear:both;}
.btnsUT.center li { text-align:center;}
.btnsUT.center li a { margin:0 10px;}
.btnsUT.left a { margin-right:44px;} 
.btnsUT.right li { float:right;}
.btnsUT.right a { margin-left:44px;} 
.btnsUT.both li { float:right;}
.btnsUT.both li a { margin:0 0 0 44px;}
.btnsUT.both li:first-child { float:left;}
.btnsUT.both li:first-child a { margin:0 44px 0 0;}

.btnjqwidget {display:inline-block; position:relative; top:2px; padding:0 14px; margin:0 4.5px; text-align:center; border-radius:5px; box-sizing:border-box;}
.btnjqwidget.h30 { height:30px; line-height:30px;}
.btnjqwidget.m { min-width:100px; text-align:center; font-size: 13px;}
.btnjqwidget.type1 { background:#efefef; color:#474849; border:1px solid #797979;}
.btnjqwidget.type1:active { background:#e3e1e2; color:#fff;}


.btn {
	display:inline-block;
	position:relative;
	height: 33px;
	padding: 0 14px;
	margin: 0 8px 0 0;
	text-align:center;
	line-height: 30px;
	border-radius:5px;
	box-sizing:border-box;
	vertical-align:middle;
}


.btnBreakoutGroup {
	display:inline-block;
	/* position:relative; */
	/* height: 33px; */
    background: #EA6A7C;
    color: #ffffff;
    border: 1px solid #EA6A7C;
	padding: 0 14px;
	margin: 0 8px 0 0;
	text-align:center;
	line-height: 30px;
	border-radius:40px;
	box-sizing:border-box;
	vertical-align:middle;

}

/*.btn:last-child {margin: 0;}*/
.btn.h30 { height:33px; line-height:31px;}
.btn.h37 { height:37px; line-height:35px;}
.btn.h40 { height:40px; line-height:38px;}
.btn.h50 { height:50px; line-height:48px;}
.btn.m { min-width:100px; text-align:center;}
.btn.m2 { min-width:70px; text-align:center;}
.btn.type1 { background:#EA6A7C; color:#ffffff; border:1px solid #EA6A7C;}
.btn.type2 { background:#ffffff; color:#EA6A7C; border:1px solid #EA6A7C;}
.btn.type3 { background:#f2f3f4; color:#474849;}
.btn.type4 { background:#e56565; color:#ffffff;}
.btn.type5 { background:#f2f3f4; color:#474849; border:1px solid #d0d0d0;}
.btn.type6:active { background:#CC526C; color:#fff;}

.btn.type1:active { background:#CC526C; color:#fff;}
.btn.type2:active { background:#CC526C; color:#fff;}
.btn.type3:active { background:#CC526C; color:#fff;}
.btn.type5:active { background:#CC526C; color:#fff;}
.btn.type6 { background:#EA6A7C; color:#fff; }

/*占쎈쐻占쎈윥�뜝�럥占쏙옙占쎌굲�뜝�럥�꼧�뜝�럥��占쎈쐻�뜝占� 占쎈쐻占쎈윥占쎈떛 占쎈탶�⑤슣維볟뜝�럥愿� 占쎈쨬占쎈즲占쎈쳟占쎈뙀�뜝占�*/
input + .btn {margin: 0 !important;}

.btn.h100 { height:40px; width:100px;line-height:40px;}
.btn.h150 { height:40px; width:150px;line-height:40px;}
.btn.h200 { height:40px; width:200px;line-height:40px;}

.btn.ico1:before { content:url(../../images/ico_btn1.png); position:relative; top:3px; margin:0 5px 0 0;}
.btn.ico2:before { content:url(../../images/ico_btn2.png); position:relative; top:4px; margin:0 5px 0 0;}
.btn.ico3:after { content:url(../../images/ico_btn3.png); position:relative; top:1px; margin:0 0 0 5px;}
.btn.ico4:before { content:url(../../images/ico_btn4.png); position:relative; top:2px; margin:0 5px 0 0;}
.btn.ico5:after { content:url(../../images/ico_btn5.png); position:relative; top:1px; margin:0 0 0 5px;}

input[type="radio"] { position:absolute; left:0%; width: 0px; height: 0px; border: 0px}
input[type="radio"] + label { display:inline-block; height:15px; padding:0 0 0 22px; line-height:15px; background:url(../../images/bg_radio_off.png) no-repeat left; color:#474849;}
input[type="radio"]:checked + label { background:url(../../images/bg_radio_on.png) no-repeat left;}
input[type="checkbox"] { position:absolute; left:0%; width: 0px; height: 0px; border: 0px}
input[type="checkbox"] + label { display:inline-block; height:14px; padding:0 0 0 22px; line-height:14px; background:url(../../images/ico_checkbox.png)no-repeat left top;}
input[type="checkbox"]:checked + label { background-position: left bottom;}

input.cal::-ms-clear {display: none;}

.ui-datepicker {
	display:none;
	padding:5px;
	border:1px solid #e3e1e2;
    border-radius: 10px;
	background:#fff;
    box-shadow: 0px 5px 10px 0px #00000033;
	z-index:990 !important;
}
.ui-datepicker-header {
	position:relative;
	margin:0 auto;
	padding:12px 25px 10px;
	width:280px;
	box-sizing:border-box;
    font-size: 16px;
    font-weight: 300;
	text-align:center;
	color:#272829;
}

.ui-datepicker-header .ui-datepicker-next {
	display:block;
	overflow:hidden;
	position:absolute;
	right:5px;
	top:8px;
	width:30px;
	height:30px;
	text-align:center;
	line-height:19px;
	text-indent:-100px;
}
.ui-datepicker-header .ui-datepicker-next:after {
	position:absolute;
	content:"";
	left:0;
	width: 100%;
	height: 100%;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'><path d='M13.207 8.472l-7.854 7.854-0.707-0.707 7.146-7.146-7.146-7.148 0.707-0.707 7.854 7.854z'/></svg>") no-repeat center/16px;
    cursor: pointer;
    border-radius: 8px;
}
.ui-datepicker-header .ui-datepicker-prev {
	display:block;
	overflow:hidden;
	position:absolute;
	left:5px;
	top:8px;
	width:30px;
	height:30px;
	text-align:center;
	line-height:19px;
	text-indent:-100px;
}
.ui-datepicker-header .ui-datepicker-prev:after {
	position:absolute;
	content:"";
	right:0;
	width: 100%;
	height: 100%;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17 17'><path d='M5.207 8.471l7.146 7.147-0.707 0.707-7.853-7.854 7.854-7.853 0.707 0.707-7.147 7.146z'/></svg>") no-repeat center/16px;
    cursor: pointer;
    border-radius: 8px;    
}
.ui-datepicker-header .ui-datepicker-prev:hover:after,
.ui-datepicker-header .ui-datepicker-next:hover:after {
    background-color: #f1f2f3;
}
.ui-datepicker-calendar thead th {
	padding:2px;
/*	background:#EA6A7C;*/
/*	color:#FFFFFF;*/
    background: white;
    color: #272829;
	text-align:center;
	font-size:12px;
	font-weight:normal;
	height:25px;
}
.ui-datepicker-calendar tbody td {
	width:37px;
	height:37px;
	border:2px solid #FFFFFF;
	text-align:center;
	font-size:14px;
	background:#fff;
	box-sizing:border-box
}
.ui-datepicker-calendar tbody td a {
	display:block;
}
.ui-datepicker-calendar thead th:first-child,
.ui-datepicker-calendar tbody td:first-child a {
	color:#EA6A7C;
}
.ui-datepicker-calendar thead th:last-child,
.ui-datepicker-calendar tbody td:last-child a {
	color:#5397c6;
}
.ui-datepicker-calendar tbody td a,
.ui-datepicker-calendar tbody td a.ui-state-active {
	height:36px;
	line-height:36px;
    border-radius: 5px;
}
.ui-datepicker-calendar tbody td a:hover {background: #f1f2f3;}
.ui-datepicker-calendar tbody td a.ui-state-active:hover {background: #f5829b;}
.ui-datepicker-calendar tbody td a.ui-state-active {
	background:#f49db0;
	color:#fff;
}
.ui-datepicker-trigger {
	display:inline-block;
	width:33px;
	height:33px;
	margin:0;
	vertical-align: top;
}

.ui-dialog { position:absolute !important; z-index:101;z-index:50000;}
.ui-dialog.type1 { padding:40px; background:#fff; border-radius:6px; box-shadow:0 0 30px #d4d4d4;}
.ui-dialog.type1 .ui-dialog-titlebar { position: relative; margin: 0 0 30px;}
.ui-dialog.type1 .ui-dialog-titlebar:after { content: ""; display: block; position: absolute; left: 0; top:50%; z-index: -1; margin-top: -0.5px; width: 100%; height: 1px; background: #c0c0c0;}
.ui-dialog.type1 .ui-dialog-titlebar > span {display:inline-block; padding:0 20px 0 25px;  background: url(/images/bu_check.png) no-repeat left #fff; font-size:16px; color: #474849; font-weight: normal;}
.ui-dialog.type1 .ui-dialog-titlebar .ui-dialog-titlebar-close { position:absolute; right:-25px; top:-25px;}
.ui-dialog.type1 .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text { display:block; overflow:hidden; width:15px; height:15px; background: url(../../images/btn_close.png) no-repeat #fff; color:transparent; cursor:pointer;}
.ui-widget-overlay { position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0.5);}

.alert { padding:20px 0 0; font-size:14px; color:#474849; text-align:center; line-height:30px;}
.ui-dialog .content { padding:0;}

.flex { display: flex;}
.flex > * { flex: 1;}


header.basic > div { margin: 0 auto; width:1200px; height:90px;}
header.basic > div h1 { float: left; padding: 24px 0 0; font-weight: normal;}


/*header.basic nav { float: right;}*/
header.basic nav { float: right;padding-top:50px;}
header.basic nav li a:hover { color:#FFFFFF;}
header.basic nav li:last-child { padding-right:0;}

header.basic nav span {
	float: left;
	height: 33px;
	font-size: 14px;
	line-height: 33px;
	padding-right:20px;
}
header.basic nav img {
/*	filter: grayscale();*/
}
header.basic nav select {width: 150px}
header.basic span a { color:#EA6A7C}
header.basic span:nth-child(2) a { color:#fb6c6c}
header.basic span a:hover { color:#EA6A7C}

hmenu.menu > div {
	margin: 0 auto;
	width:1200px;
	height:50px;
	box-sizing:border-box;
	background:#EA6A7C;
}
hmenu.menu nav { float: right;}
hmenu.menu nav li { float: left;}
hmenu.menu nav li a {
	display: block;
	padding: 0 20px;
	line-height: 49px;
	font-size: 15px;
	color:#FFFFFF;
}
hmenu.menu nav li a:hover { font-size: 15px; color:#FFFFFF;}
hmenu.menu nav li:last-child { padding-right:0;}

/* Footer */
footer {
	display: block;
	width: 100%;
	padding: 30px 0;
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	color: #979899;
	background: #f2f3f4;
}
footer h5 {margin-bottom: 14px}



/*
body > footer { background: #eaeaea;}
body > footer > div { padding: 50px 0; width:1200px; margin: 0 auto;}
body > footer > div:after { content: ""; display: block; clear: both;}
body > footer > div .left { float: left; width: 550px;}
body > footer > div .left ul { float: right; padding: 0 0 13px;}
body > footer > div .left ul li { float: left; position: relative; padding: 0 15px;}
body > footer > div .left ul li:after { content: ""; display: block; position: absolute; left: 0; top:-3px; width: 1px; height:19px; background: #d3d3d3;}
body > footer > div .left ul li:first-child:after { display: none;}
body > footer > div .left ul li:last-child { padding-right: 0;}
body > footer > div .left ul li a { font-size:14px; color:#474849;}
body > footer address { clear: both; font-size: 10px; text-align: right;}
body > footer address span { display: block; padding: 5px 0 0 0; color: #8e8e8e;}
body > footer > div .right { float: right; width: 350px;}
body > footer .ico a { display: block; margin: 5px 0; padding: 0 0 0 33px; height:25px; line-height:25px; font-size: 20px; color: #474849; text-align: left;}
1body > footer .ico a:first-child { margin-top: 0; background: url(../../images/ico_phone.png) no-repeat left;}
body > footer .ico a:last-child { background: url(../../images/ico_mail.png) no-repeat left;}
*/
#snb { float:left; padding:20px; width:77px; border-radius:8px; background:#f2f3f4;}
#snb li { border-top:1px solid #e6e6e6;}
#snb li:first-child { border:none;}
#snb a { display:block; padding:73px 0 0; height:105px; box-sizing:border-box; text-align:center; font-size:13px; background:url(../../images/bg_snb.png) no-repeat;}
#snb .ico1 a { background-position:0px 0px;}
#snb .ico2 a { background-position:0px -100px;}
#snb .ico3 a { background-position:0px -200px;}
#snb .ico4 a { background-position:0px -300px;}
#snb .ico5 a { background-position:0px -401px;}
#snb .ico1 a:hover,
#snb .ico1.on a { background-position:right 0px;}
#snb .ico2 a:hover,
#snb .ico2.on a { background-position:right -100px;}
#snb .ico3 a:hover,
#snb .ico3.on a { background-position:right -200px;}
#snb .ico4 a:hover,
#snb .ico4.on a { background-position:right -300px;}
#snb .ico5 a:hover,
#snb .ico5.on a { background-position:right -401px;}
#snb.type2 { padding:0; width:115px; border-radius:0; background:none;}
#snb.type2 li { border:none; padding:0 0 15px;}
#snb.type2 li a { padding:0; height:35px; background:#bcbcbc; line-height:35px; border-radius:5px; color:#fff;}
#snb.type2 li a:hover,
#snb.type2 li a.on { background:#EA6A7C;}

/* main */
/*===main===*/
main {
	position: relative;
	display: block;
	width: 1200px;
	margin: 20px auto 0;
	padding: 0 0 40px;
}
.content > section {float:right; width:1160px; background: #FFFFFF}
.content > section .top {
	position:relative;
	display: inline-block;
	float: left;
}
.content > section .top h3 {
	display: inline-block;
	margin-right: 24px;
	margin-bottom: 34px;
	padding-left: 12px;
	line-height: 1;
}
.content > section .top p { padding:7px 0 20px; font-size:14px;}
.content > section .top.img { position:relative; padding:0 0 20px 100px; height:80px;}
.content > section .top.img > img { position:absolute; left:0; top:0; width:80px; height:80px;}
.content > section .top.img h3 { padding:0 0 8px; font-size:24px; color:#474849;}
.content > section .top.img p { font-size:18px; line-height:22px;}
.content > section .top .ico4 { position:absolute; right:0; top:0;}
.content > section .join_theme { padding:0;}
.content > section .join_theme .red { padding:8px 0 0 0;}



.content > jsection { float:left; padding-left:150px; width:860px;}
.content > jsection .top { position:relative; margin:0 0 0px; padding-top:40px; color:#7b7b7b;}
.content > jsection .top h3 { font-size:25px; font-weight:normal;}
.content > jsection .top p { padding:7px 0 20px; font-size:14px;}
.content > jsection .top.img { position:relative; padding:0 0 20px 100px; height:80px;}
.content > jsection .top.img > img { position:absolute; left:0; top:0; width:80px; height:80px;}
.content > jsection .top.img h3 { padding:0 0 8px; font-size:24px; color:#474849;}
.content > jsection .top.img p { font-size:18px; line-height:22px;}
.content > jsection .top .ico4 { position:absolute; right:0; top:0;}
.content > jsection .join_theme { padding:0;}
.content > jsection .join_theme .red { padding:8px 0 0 0;}

maindoc { width: 800px;}
.content > sectiondoc { }
/*
#login { position: relative; margin: 70px auto 70px; padding: 35px 35px 35px 555px; width: 880px; height: 430px; background: url(../../images/img_login.png ) no-repeat left top #f2f3f4; box-sizing: border-box; border-radius: 0 10px 10px 0;}
#login h2 { padding: 0 0 20px 30px;}
#login > ul li { padding: 0 0 10px;}
#login > ul li:last-child { padding-top:20px;}
#login > a { display: block; margin: 10px 0 0 0; height: 40px; line-height: 40px; text-align: center; background: #EA6A7C; font-size: 16px; color: #fff; border-radius: 5px;}
#login .txt { padding: 15px 0 0; font-size:12px; color:#e56565; text-align: center;}
#login .more { position: absolute; right:12px; bottom: 0; width:335px; border-top: 2px solid #f1f1f1;}
#login .more ul { display: flex;}
#login .more ul li { position: relative;flex: 1; text-align: center; line-height:58px;}
#login .more ul li:after { content: ""; display: block; position: absolute; left: 0; top: 18px; width: 1px; height: 20px; background: #eaeaea;}
#login .more ul li:first-child:after { display: none;}
#login .more ul li a { font-size: 12px; color: #9e9e9e;}
*/
.h2 { padding:0 0 7px; border-bottom:2px solid #c6c6c6; font-size:19px; font-weight:normal;}
.h2_2 { display:table; width:100%; box-sizing:border-box; margin:0 0 40px; padding:33px 20px; background:#EA6A7C; border-radius:5px; color:#fff;}
.h2_2 > * { display:table-cell; vertical-align:middle; padding:0 20px;}
.h2_2 h2 { font-size:22px; line-height:30px; width:auto; text-align:center;}
.h2_2 p { line-height:21px; border-left:1px solid #fff;  vertical-align:middle;}
.h2_3 { position: relative; margin: 0 0 30px;}
.h2_3:after { content: ""; display: block; position: absolute; left: 0; top:50%; z-index: -1; margin-top: -0.5px; width: 100%; height: 1px; background: #c0c0c0;}
.h2_3  span {display:inline-block; padding:0 20px 0 25px;  background: url(../../images/bu_check.png) no-repeat left #fff; font-size:16px; color: #474849; font-weight: normal;}
.h3 { padding:0 0 20px; font-size:17px; color:#474849; font-weight:normal;}

.form_box_type1 { padding:50px 0 0 0;}
.form_box_type1 > h3 { padding:50px 0 10px; font-size:16px; font-weight:normal;}
.form_box_type1 > h3:first-of-type { padding-top:0;}
.form_box_type1 > p { padding:0 0 15px; font-size:13px;}
.form_box_type1 > ul li { padding:8px 0 0;}
.form_box_type1 > ul li .red { padding:12px 0 0 0;}
.form_box_type1 > ul li:first-child { padding:0;}

.info_txt { padding:30px 50px; margin:100px 0 0; border-radius:10px; background:#f2f3f4;}
.info_txt h3 { padding:0 0 18px; font-size:16px; font-weight:normal;}
.info_txt li { padding:10px 0 0 0; }
.info_txt li:first-child { padding:0;}
.info_txt li .tip { padding:0 0 0 10px; font-size:12px; color:#aaa;}
.info_txt li p.red { padding:12px 0 0 0;}

.faq_list { margin:0 0 0px;}
.faq_list h2 { position:relative; margin-top:15px; cursor: pointer;}
.faq_list h2:first-child { margin:0;}
.faq_list h2 a { display:block; padding:0 0 0 40px; height:47px; line-height:47px; border:1px solid #e5e5e5; background:#f2f3f4; font-size:14px; color:#474849; font-weight:normal;} 
.faq_list h2 .ui-icon { position:absolute; right:40px; top:11px; width:26px; height:25px; background:url(../../images/ico_open.png) no-repeat;}
.faq_list h2.ui-state-active .ui-icon { background:url(../../images/ico_close.png) no-repeat;}
.faq_list div { padding:25px 40px; border-right:1px solid #e3e1e2; border-left:1px solid #e3e1e2; border-top:none; margin-top:-3px; line-height:1.6em;}
.faq_list:last-child div{border-bottom: 1px solid #e3e1e2}

/*.btn_box1 { position:relative; border:1px solid #a5a5a5; border-radius:5px; padding:42px 255px 0 148px; height:100px; background:url(../../images/ico_mail2.png) no-repeat 36px 29px;}*/
.btn_box1 h2 { padding:0 0 12px; font-size:22px; color:#474849;}
.btn_box1 p { }
.btn_box1 a { position:absolute; right:47px; top:33px; width:191px; height:74px; line-height:74px; background:#EA6A7C; font-size:22px; color:#fff; text-align:center; border-radius:5px;}
.btn_box1 a:after { content:url(../../images/bu_arrow.png); padding:0 0 0 px;}

.qna_box { padding:0 20px;}
.qna_box textarea { height:310px; width:800px;}
.qna_box input[type="text"] { width:800px;}
.qna_box > div { padding:20px 0;}
.qna_box > div dt,
.qna_box > div dd { float:left;}
.qna_box > div dt { padding:0 15px 0 32px;  color:#6b6b6b; line-height:30px;}
.qna_box > div dd { width:340px;}

.join_box { padding:60px 0 0 0;}
.join_box > h2 { padding:0 0 35px; font-size:34px; color:#474849; font-weight:normal;}
.join_box > p { padding:0 0 20px; }
.join_box .agree_box { overflow:auto; height:210px; border:1px solid #d0d0d0;}
.join_box .agree_box + .btns { padding:10px 0 60px ;}
.join_box + .btns { padding-top:15px;}

.join_box_form { padding: 60px 0 0 0;}
.join_box_form h2 { padding: 0 0 50px; font-size: 36px; color: #474849;}
.join_box_form .sel1 { padding: 0 0 0 20px; }
.join_box_form .sel1 li { padding: 10px 0 0 0;}
.join_box_form .sel1 li:first-child { padding: 0;}
.join_box_form .tb { padding: 45px 0 25px 20px;}
.join_box_form .tb th { padding:14px 0 0; width: 120px; font-weight: normal;text-align: left; vertical-align: top;}
.join_box_form .tb td { padding: 5px 0; height:30px;}
.join_box_form .tb th span{ color: #474849;}
.join_box_form .tb p.red { padding: 9px 0 0 0;}
.join_box_form .tb td .txt{ color: #b4b4b4;}

.chk_bar { padding: 20px 0 65px; border-top: 1px solid #ededed;}
.agree_box2 { overflow: auto; padding:40px; height: 880px; border: 1px solid #e3e1e2; border-radius:13px;}

.join_theme { padding: 60px 0 0 0;}
.join_theme h2 { padding: 0 0 50px; font-size: 36px; color: #474849;}
.join_theme h3 { padding: 48px 0 12px; font-size: 18px; color: #474849; font-weight: normal;}
.join_theme h3 span {color: #474849;}
.join_theme .p20 { padding: 20px;}
.join_theme .top { padding: 0 0 35px; border-bottom: 1px solid #e3e1e2;}
.join_theme .top h3 { padding: 0 0 18px;}
.join_theme .top li { line-height: 20px; color: #474849;}
.join_theme .top li a { color: #EA6A7C; text-decoration: underline;}
.join_theme .no2 > div:first-child { padding: 0 30px 0 0;}
.join_theme .no1 > * { display:inline-block;}

.flex.img_box > div div { position: relative; padding: 0 0 0 123px; height:105px;}
.flex.img_box > div div span { position: absolute; left: 0; top: 0; width: 100px; height: 100px; border: 1px solid #e3e1e2; border-radius:4px; background: url(../../images/ico_pic.png) no-repeat center;}
.flex.img_box > div div ul { padding: 14px 0 14px;}
.flex.img_box > div div ul li { padding: 0 0 9px; font-size: 11px; color: #474849;}
.flex.img_box > div p { clear: both; padding:15px 0 0 8px; text-indent:-8px;}
.flex.img_box.view > div h3 { padding:0 0 18px;  color:#474849; font-weight:normal;}
.flex.img_box.view > div div { padding:0;}
.flex.img_box.view > div div span { width:150px; height:102px; background:#f2f3f4; border:none;}

.content { padding:20px;}
.notice { padding: 0 0 20px; margin: 0 0 40px; border-bottom: 1px solid #e3e1e2;}
.notice li { padding: 10px 0 0 0; font-size: 15px;}
.notice li:first-child { padding-top: 0;}
.form_box_type2 h3 { padding: 48px 0 12px; font-size: 18px; color: #474849; font-weight: normal;}
.form_box_type2 h3:first-child { padding-top: 0;}
.pay_list .sel { font-size: 0;}
.pay_list .sel a { font-size: 13px;}
.pay_list .sel a:first-child { margin-left: 0;}
.pay_list > div { padding: 0 0 20px;}
.pay_list > div span { padding: 0 0 0 10px; font-size: 19px; color: #4c4c4c; vertical-align: middle;}
.list1 { }
.list1 li { padding: 9px 0 0 0;}
.list1 li:first-child { padding: 0;}
.list1 li strong { color:#EA6A7C; font-weight: normal;}
.list2 { font-size:14px; color:#474849;}
.list2 li { padding:20px 0 0 0;}
.list2 li:first-child { padding:0;}

.txt_time { padding:50px 0 0 0; font-size:14px; color:#a5a5a5; text-align:center;}

.pay_box:after { content:""; display:block; clear:both;}
.pay_box .left { float:left; width:400px;}
.pay_box .left .top { padding:0 0 17px; border-bottom:1px solid #f2f2f2;}
.pay_box .left .top { content:""; display:block; clear:both;}
.pay_box .left h3 { float:left;  color:#474849; font-weight:normal;}
.pay_box .left ul { float:left;}
.pay_box .left ul li { float:left;}
.pay_box .left ul li label { margin:0 0 0 20px;}
.pay_box .right { float:right; padding:10px; width:292px; border:1px solid #f3f3f3; border-radius:5px; box-sizing:border-box;}
.pay_box .right dl { margin:20px; padding:0 10px 25px; border-bottom:1px solid #e56565;}
.pay_box .right dt,
.pay_box .right dd { float:left; width:50%; font-size:16px; color:#474849; line-height:28px;}
.pay_box .right dt { font-weight:bold;}
.pay_box .right dd { text-align:right;}
.pay_box .right .result { padding:0 24px 55px; text-align:right; font-size:20px; color:#474849;}
.pay_box .right .result h3 { padding:0 0 13px; font-weight:normal; line-height:100%;}
.pay_box .right .result div strong { font-size:32px; color:#e56565;}
.pay_box .right p { }
.pay_box .right .info { padding:5px 0 15px;}
.pay_box .right a.type1 { display:block; margin:0 0 4px; height:64px; line-height:64px; text-align:center; font-size:28px; color:#fff; background:#EA6A7C; border-radius:4px;}
.pay_box .right a.type2 { display:block; height:36px; line-height:36px; text-align:center;  color:#fff; background:#b2b2b2; border-radius:4px;}
.pay_box .right + * { clear:both; padding-top:8px;}

.form_box h3 { padding:0 0 20px;  color:#474849; font-weight:normal;}
.form_box .row { padding:0 0 15px;}
.form_box .row h3 { display:inline-block; padding:0 25px 0 0;}
.form_box .row > div { display:inline-block;}


table.view {
	border-top:2px solid #EA6A7C;
	text-align: left;
}
table.view tr {border-bottom:1px solid #e3e1e2}
table.view th {
	padding:9px 0;
	
	color:#474849;
	height:32px;
}
table.view td {
	height: 52px;
}
table.view th {
	text-align:left;
	font-weight:normal;
}
table.view td .textarea_view {
	margin:0 0 25px;
	height:160px;
	padding:15px;
	overflow:auto;
	background:#f2f3f4;
	border-radius:7px;
	box-sizing:border-box;
	line-height:18px;
}

table.list {
	border-top:2px solid #EA6A7C;
	text-align: center;
}
table.list tr {border-bottom:1px solid #e3e1e2}
table.list th {
	height:48px;
	background:#f2f3f4;
	
	color:#474849;
	font-weight:normal;
	border-top:2px solid #EA6A7C;
	border-bottom:1px solid #e3e1e2;
}
table.list td {
	height:48px;
}
table.list th.subject {
	text-align:left;
	padding-left:10px;
}
table.list td.subject {
	text-align:left;
	padding-left:10px;
}
table.list td.subject a {
	color:#333333;
}
table.list tr:hover td {
	background:#ffffcc;
}

table.list.session-list tr .btn {
    position: relative;
    font-size: 0;
    margin-right: 0;
    border: none;
    background-color: none;
    height: 33px;
}
table.list.session-list tr .btn_join {background:url(/images/sessionList_join.png) no-repeat center/20px;}
table.list.session-list tr .btn_join_web {background:url(/images/sessionList_web.png) no-repeat center/20px;}
table.list.session-list tr .btn_modify {background:url(/images/sessionList_modify.png) no-repeat center/20px;}
table.list.session-list tr .btn_delete {background:url(/images/sessionList_delete.png) no-repeat center/20px;}

/* 추가 시작 */
table.list.session-list tr .btn:hover{background-color: #f2f3f4;}
table.list.session-list tr .btn b {
    position: absolute;
    display: none;
    top: 0%;
    left: 50%;
    width: auto;
    padding: 10px 8px;
    font-size: 12px;
    line-height: 1;
    white-space: nowrap;
    word-wrap: normal;
    word-break: keep-all;
    word-spacing: -1;
    color: #FFF;
    background: #333;
    border-radius: 4px;
    transform:translateX(-50%) translateY(-100%);
    z-index: 999;
}
table.list.session-list tr .btn:hover b{display: block;}
table.list.session-list tr:hover td {background: #FFFFFF}

/**/
table.list.session-list tbody td:nth-child(1){width: 100px}
table.list.session-list tbody td:nth-child(2){width: calc(100% - 400px)}
table.list.session-list tbody td:nth-child(3){width: 140px}
table.list.session-list tbody td:nth-child(4){width: 40px}
table.list.session-list tbody td:nth-child(5){width: 40px}
table.list.session-list tbody td:nth-child(6){width: 40px}
table.list.session-list tbody td:nth-child(7){width: 40px}
@media (max-width: 786px){
    table.list.session-list tbody tr {
        position: sticky;
        position: relative;
        height: 70px;
    }
    table.list.session-list tbody td {
        position: absolute;
        text-align: left;
        box-sizing: border-box;
        height: 40px;
        padding: 12px 8px 4px;
    }
    table.list.session-list tbody td:nth-child(1){
        top: 40px;
        left: 0;
        width: 20%;
        height: 30px;
        padding-top: 0px;
        font-size: 0.9em;
        color: #999;
    }
    table.list.session-list tbody td:nth-child(3){
        top: 40px;
        left: 20%;
        width: calc(80%);
        height: 30px;
        padding-top: 0px;
        font-size: 0.9em;
        color: #999;
    }
    table.list.session-list tbody td:nth-child(2){
        top: 0;
        left: 0;
        width: 100%;
        font-weight: bold;
    }
    table.list.session-list tbody td:nth-child(4){
        top: 0;
        right: 0px;
    }
    table.list.session-list tbody td:nth-child(5){
        top: 0;
        right: 40px;
    }
    table.list.session-list tbody td:nth-child(6){
        top: 0;
        right: 80px;
    }
    table.list.session-list tbody td:nth-child(7){
        top: 0;
        right: 120px;
    }
    table.list.session-list tbody td:nth-child(8){
        top: 0;
        right: 160px;
    }
    table.list.session-list tr .btn {
        width: 24px;
        height: 24px;
        padding: 0;
    }
    
    table.list.session-list thead {display: none}
    
    table.list #kwdr{
        width: calc(100% - 26px - 18px) !important;
        margin: 0 0 0 8px;
    }
}
/* 추가 끝 */
table.listuser {
	border-top:2px solid #EA6A7C;
	text-align: left;
}
table.listuser tr {border-bottom:1px solid #e3e1e2}
table.listuser th {
	height:48px;
	background:#f2f3f4;
	
	color:#474849;
	font-weight:normal;
	border-top:2px solid #EA6A7C;
	border-bottom:1px solid #e3e1e2;
}
table.listuser td {
	height:48px;
	padding: 0 20px;
}
table.listuser th.subject {
	text-align:center;
	padding-left:10px;
}
table.listuser td.subject {
	text-align:left;
}
table.listuser td.subject a {
	color:#333333;
}
/*table.listuser tr:hover td {background:#ffffcc;}*/

table.listjoin {
/*	border-top:2px solid #EA6A7C;*/
/*	border-bottom:2px solid #EA6A7C;*/
	text-align: left;
}
/*table.listjoin tr {border-bottom:1px solid #e3e1e2}*/
table.listjoin th {
	height:48px;
	background:#f2f3f4;
	
	color:#474849;
	font-weight:normal;
}
table.listjoin td {
/*	height: 52px;*/
	padding: 4px 0;	
}
table.listjoin th.subject {
	text-align:center;
	padding-left:10px;
}
table.listjoin td.subject {
	text-align:center;
}
/*
table.listjoin tr:hover td {
	background:#ffffcc;
}
*/
/**/
table.listjoin td h1 {
	display: inline-block;
	height: 56px;
	float: left;
	margin: 0 auto 24px;
	padding: 0 20px;
	font-size: 34px;
	line-height: 56px;
	color: #EA6A7C;
}
table.listjoin td input {
	width: 100%;
	height: 52px;
	margin: 0;
}
table.listjoin td input[type="checkbox"] {
	width: 0px;
	height: 0px;
	border: 0px;
	margin: 0;
}

table.listdownload {
	border-top:2px solid #EA6A7C;
	text-align: center;
}
table.listdownload tr {border-bottom:1px solid #e3e1e2}
table.listdownload th {
	height:60px;
	background:#f2f3f4;	
}
table.listdownload td {height:48px;}
table.listdownload th.subject {
	text-align:left;
	padding-left:10px;
}
table.listdownload td.subject {
	text-align:left;
	padding-left:10px;
	color:#635b5b
}
table.listdownload th.ico {}
table.listdownload td.ico {}

table.listInfo {	
	border-top:2px solid #EA6A7C;
	text-align: left;
}
table.listInfo tr {border-bottom:1px solid #e3e1e2}
table.listInfo th {
	height:48px;
	padding: 0 20px;
	font-weight:normal;
	background:#f2f3f4;
}
table.listInfo tbody th {border-right: 1px solid #e3e1e2;}
table.listInfo>tbody>tr>td {
	height:48px;
	padding-left:20px;
	padding-right:20px;
	border-right: 1px solid #e3e1e2;
}
table.listInfo>tbody>tr>td:last-child {border-right: none}
table.listInfo th.subject {
	text-align:left;
	padding-left:10px;
}
table.listInfo td.subject {
	text-align:left;
	padding-left:10px;
}
table.listInfo td.subject a {
	color:#727272;
}
table.listInfo tbody td:first-child a {
    border-bottom: 1px dotted #9E9E9E;
}
table.listInfo tbody td:first-child a:hover {
    color: #EA6A7C;
    border-bottom: 1px dotted #EA6A7C;
}

table.etcconfig {	
	text-align: left;
}
table.etcconfig tr {border-bottom: none !important}
table.etcconfig td {
	height:48px;
	padding-left:0px;
}

table.listinput {	
	border-top:2px solid #EA6A7C;
	text-align: left;
}
table.listinput {border-bottom:1px solid #e3e1e2}
table.listinput th {
	height:0px;
	background:#f2f3f4;
	
	color:#474849;
	font-weight:normal;
	border-top:2px solid #EA6A7C;
}
table.listinput td {
	height:48px;
	padding-left:20px;
}
table.listinput th.subject {
	text-align:left;
	padding-left:10px;
}
table.listinput td.subject {
	text-align:left;
	padding-left:10px;
	color:#474849;
}

table.setsession {	
	border-top:2px solid #EA6A7C;
	border-bottom:2px solid #EA6A7C;
	text-align: left;
}
table.setsession tr {border-bottom:1px solid #e3e1e2}
table.setsession th {
	height:0px;
	background:#f2f3f4;	
	color:#474849;
	font-weight:normal;
	border-top:2px solid #EA6A7C;
}
table.setsession td {
	height:56px;
	padding-left:20px;
}
table.setsession th.subject {
	text-align:left;
	padding-left:10px;
	padding-top:20px;
	background:#ffffff;
}
table.setsession td.subject {
	text-align:left;
	padding-left:10px;
}
table.setsession td.subject a {
	color:#727272;
}
table.setsession tr.etcc input[type="checkbox"] + label {margin-left: 20px}
/*setSession Input radio button style*/
table.setsession input[type="radio"] + label:not(.no-style) {
    width: 100px;
    height: 33px;
    margin: 0 -1px 0 0px !important;
	padding: 0;
    line-height: 30px;
    text-align: center;
	color:#474849;
	border:1px solid #d0d0d0;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
    background: none;
    float: left;
    box-sizing: border-box;
}
table.setsession input[type="radio"] + label:last-child:not(.no-style) { 
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
table.setsession input[type="radio"]:checked + label:not(.no-style) {
    color: #FFFFFF;
    border: 1px solid #EA6A7C;
    background: #EA6A7Cdd;
}
table.setsession input[type="radio"]+label + input[type="radio"]+label:not(.no-style) {
    border-left: 1px solid #EA6A7C;
    /*회의록설정*/    
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}
.ico-preview {
    position: relative;
    display: inline-block;
    width: 33px;
    height: 33px;
    border: 1px solid #d0d0d0;
    border-radius: 5px;
    background: #f2f3f4 url(/images/search.png) no-repeat center/contain;
    vertical-align: top;
    box-sizing: border-box;
}
.ico-preview>div {
    display: none;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-30%,-50%);
    width: 700px;
    height: auto;
    max-height: 50vmin;
    padding: 8px;
    text-align: left;
    border: 1px solid #e3e1e2;
    background: #f7f8f9;
    border-radius: 8px;
    word-break: keep-all;
    z-index: 99999;
    overflow-x: hidden;
}
.ico-preview>div img {
    width: 100%;
}
.ico-preview:hover>div {
    display: block;
}
/*setSession breaout setting*/
table.setsession table#calList {
    margin: 10px 0;
    border: 1px solid #e3e1e2;
    box-sizing: border-box;
}
table.setsession table#calList td {
    padding: 8px;
    border-right: 1px solid #e3e1e2;
}
table.setsession table#calList .slist {
    height: 24px !important;
    border: none
}
/* Find Pwd */
.tab_type1 + table.setsession tr {border-bottom: none;}
.tab_type1 + table.setsession th {background: #f7f8f9}
.tab_type1 + table.setsession td{background: #f7f8f9}
.tab_type1 + table.setsession td:first-child {padding-left: 200px}
.tab_type1 + table.setsession td input {height: 42px;}
.tab_type1 + table.setsession td .btn.h30 {width: 150px; height: 42px; line-height: 38px}


table.list.ov tr:hover td {
	background:#ffffcc;
}
table.list.faq tr.q a.on {
	background:#EA6A7C;
	color:#fff;
}
table.list.faq tr.a {
	display:none;
}
table.list.faq tr.a td {
	text-align:left;
	padding:10px;
	line-height:20px;
}
table.list.faq tr.a.on {
	display: table-row;
}



.tdcontent{text-align:left;padding-left:20px;}

.ico_type1 { display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#1791bc; color:#fff; font-size:10px;}
.ico_type2 { display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#EA6A7C; color:#fff; font-size:10px;}
.ico_type3 { display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#b2b2b2; color:#fff; font-size:10px;}
.ico_type4 { display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#f2c716; color:#fff; font-size:10px;}
.ico_type5 { display:inline-block; width:54px; height:20px; line-height:20px; text-align:center; border-radius:2px; background:#ed7656; color:#fff; font-size:10px;}


.hr { margin:25px 0 0 0; border-top:2px solid #bddc94; padding:25px 30px 0;}
.hr2 { margin:25px 0 0 0; border-top:2px solid #bddc94; padding:25px 0 0;}

.theme_list { overflow:auto; height:350px;}
.theme_list li { line-height:30px;}
.theme_list a { font-size:13px; color:#474849;}

.complete {
	display:table;
	width:100%;
	line-height:25px;
}
.complete > div {
	display:table-cell;
	height:330px;
	font-size:14px;
	text-align:center;
	vertical-align:middle;
	color:#474849;
	border-top: 2px solid #EA6A7C;
	border-bottom: 2px solid #EA6A7C;
	background:#f7f8f9;
}
.complete > div strong {
	display:block;
	padding:0 0 22px;
	font-size:30px;
	color:#EA6A7C;
}

.list3 { padding:0 50px;}
.list3:after { content:""; display:block; clear:both;}
.list3 li { float:left; position:relative; margin:0 18px 20px; padding:17px; width:170px; height:250px; background:#f4f4f4; box-sizing:border-box;}
.list3 li > img { display:block; margin:10px auto 15px; border-radius:60px;}
.list3 li > a { position:absolute; left:50%; top:inherit; bottom:20px; margin-left:-25px;}
.list3 li dt { padding:0 0 10px; border-bottom:2px solid #e3e1e2; font-size:14px; text-align:center;}
.list3 li dd { padding:10px; font-size:10px; line-height:14px;}
.list3 li.more a { display:block; left:50%; top:50%; margin:-31px 0 0 -31px; width:62px; height:62px; background:#fff; border-radius:70px; text-align:center;}
.list3 li.more a img { padding:20px 0 0 0;}
.list3 li span { position:absolute; background:#EA6A7C;}
.list3 li span:nth-of-type(1) { left:0; bottom:0; width:1px; height:0;}
.list3 li:hover span:nth-of-type(1) { height:100%;}
.list3 li span:nth-of-type(2) { left:0; top:0; width:0; height:1px;}
.list3 li:hover span:nth-of-type(2) { width:100%;}
.list3 li span:nth-of-type(3) { right:0; top:0; width:1px; height:0;}
.list3 li:hover span:nth-of-type(3) { height:100%;}
.list3 li span:nth-of-type(4) { right:0; bottom:0; width:0; height:1px;}
.list3 li:hover span:nth-of-type(4) { width:100%;}
.list4 { display:table; width:100%;}
.list4 > div { display:table-cell;}
.list4 > div:nth-child(1) { width:40%;}
.list4 > div:nth-child(2) { width:20%; position:relative;}
.list4 > div:nth-child(3) { width:40%;}
.list4 > div:nth-child(1) div,
.list4 > div:nth-child(3) div { overflow:auto; width:310px; height:238px; border:1px solid #d0d0d0;}
.list4 > div:nth-child(1) div li,
.list4 > div:nth-child(3) div li { position:relative; padding:0 7px; height:30px; line-height:30px;}
.list4 > div:nth-child(1) div li:nth-child(odd),
.list4 > div:nth-child(3) div li:nth-child(odd) { background:#f2f3f4;}
.list4 > div:nth-child(3) div li a { position:absolute; right:20px; top:-2px;}
.list4 > div:nth-child(3) div li a img { width:10px;}
.list4 > div:nth-child(2) a { position:absolute; left:50%; top:50%; margin:15px 0 0 -32.5px;}

.paging { clear:both; text-align:center; padding:20px 0 0 0;}
.paging li { display:inline-block;}
.paging li a { display:block; margin:0 6px; width:30px; height:30px; background:#f2f3f4; text-align:center; line-height:30px; font-size:12px; color:#474849; border-radius:5px; vertical-align:middle;}
.paging li a:hover,
.paging li a.on { background:#EA6A7C; color:#fff;}
.paging li:first-child a,
.paging li:last-child a { background:none; position:relative; top:-2px;}
.paging li:first-child a:hover,
.paging li:last-child a:hover { background:none;}

.paging + .btns { margin-top:-35px; padding:0;}

.con_type1 h4 { padding:30px 0 0;  color:#474849; font-weight:normal;}
.con_type1 h4:firts-child { padding:0;}
.con_type1 p { padding:15px 0 20px; font-size:13px;}
.sns_list { padding:25px; background:#f2f3f4; border-radius:5px;}
.sns_list ul { display:flex;}
.sns_list li { flex:1;}
.sns_list li a { display:block; text-align:center;}
.sns_list li a img { display:block; margin:0 auto 7px;}
.sns_list li a:hover img {  animation:icos ease 0.8s infinite;}
.sns_list li a span { display:inline-block; padding:0 10px; height:21px; line-height:21px; background:#fff; border-radius:30px; border:1px solid #efefef; font-size:11px;}

@keyframes icos {
	0% {  transform:translateY(0);}
	50% {  transform:translateY(-8px);}
	100% {  transform:translateY(0px);}
}

.pr { position:relative; margin:10px 0;}
.pr > *:last-child { position:absolute; right:0; top:0;}
.both .pr > *:last-child { top:0 !important;}



.more_txt { position:relative;}
.more_pop { display:none; position:absolute; top:30px; z-index:100; padding:40px; width:115px; background:#fff; border-radius:10px; box-shadow:0 0 30px #d4d4d4;}
.more_pop h3 { padding:0 0 25px;  color:#474849; font-weight:normal;}
.more_pop dl { margin:0 0 10px; border-bottom:2px solid #b9b9b9;}
.more_pop dl:after { content:""; display:block; clear:both;}
.more_pop dl dt,
.more_pop dl dd{ padding:0 0 15px; float:left; width:50%; font-size:14px; text-align:right;}
.more_pop dl dt { text-align:left;}
.more_pop strong { float:left;}
.more_pop span { float:right;}
.more_pop > a { position:absolute; right:10px; top:10px;}
.more_pop:after { content:""; display:block; position:absolute; left:39px; top:-20px; border-style:solid; border-width:10px; border-color:transparent transparent #fff transparent;}
.more_pop.type2 { width:210px;}
.more_pop.type2 h3 { text-align:left;}
.more_pop.type2 dl dd { text-align:left;}
.more_pop.type2 .btns { padding:20px 0 0;}


.slist {
	height: 48px;
	text-align:center;
	border-top:3px solid #EA6A7C;
	border-bottom:1px solid #e3e1e2;
	background:#ffffff;
}
.clist {
	width: 150px;
	height:150px;
	padding: 10px 10px 15px 10px;
	vertical-align: top; 
	font-size:14px;
	border-bottom:1px solid #e3e1e2;
	box-sizing: border-box;
	cursor:hand;	
}
.today {
  	width: 150px;
	height:150px;
	padding: 10px 10px 15px 10px;
	vertical-align: top;
	border-bottom:1px solid #e3e1e2;
	box-sizing: border-box;
	background-color: #fffad7;
	cursor:hand;
}
.clistpast {
	width: 150px;
	height:150px;
	padding: 10px 10px 15px 10px;
	vertical-align:top;
	border-bottom:1px solid #e3e1e2;
	box-sizing: border-box;
	background:#f9f9f9; 
	cursor:hand;
}
.closed {
  height: 20px;
  margin-top: 5px;
  font-size: 14px;
  text-align: center;
  line-height: 20px;
  color: #fff;
  border-radius: 2px;
  background: #c5b2b2;
}
.ongoing {
  height: 20px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #EA6A7C;
}

.breakoutList0 {
  height: 20px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #F27596;
}

.breakoutList1 {
  height: 20px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #EFCF48;
}

.breakoutList2 {
  height: 20px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #69C98C;
}

.breakoutList3 {
  height: 20px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #468CC1;
}

.breakoutList4 {
  height: 20px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #3F4F5E;
}
.reserved {
  height: 20px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  border-radius: 2px;
  background: #FFce00;
}
sessions {
  width: 100%;
}
.sessiondate {padding-left:30px;padding-top:20px; font-size:24px;vertical-align:bottom;}

/* pm */
.content > section .top + .no1 { margin-top:-30px;}
.content > section .no1 + p { padding:3px 0 0;}
.h2_3 + .join_box_form { padding:0;}
.join_theme .top +  h3 { padding-top:10px;}

/* 2017.03.03. */
.ui-datepicker-group-first,
.ui-datepicker-group-last { float:left; width:50%; padding:0 5px; box-sizing:border-box;}

/*singlebackground*/
.bg-co {
    position: relative;
    padding: 4px 0 4px 20px !important;
}
.bg-co div {
    height: 56px;
    overflow: hidden;
    -webkit-transition: 3s;
    transition: 3s;
}
.bg-co .more, .bg-co .less {
    position: absolute;
    top: 16px;
    left: 450px;
    width: 32px;
    height: 32px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #ccc;
    line-height: 26px;
    border: 1px solid #e3e1e2;
    border-radius: 50px;
    background: #f2f3f4;
}
.bg-co input[type="checkbox"] {
    position: absolute !important;
    width: 0px !important;
    height: 0px !important;
    left: 0 !important;
}
.bg-co input[type="checkbox"] + label {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 48px;
    margin: 4px 0px;
    padding: 0px !important;
    border: 1px solid #e3e1e2;
    border-radius: 5px;
    box-sizing: border-box;
    background: none !important;
    overflow: hidden;
}
.bg-co input[type="checkbox"]:checked + label {
    border: 1px solid #EA6A7C;
}
.bg-co input[type="checkbox"]:checked + label:after {
    display: block;
    position: absolute;
    content: "\2713"; 
    top: 14px;
    left: 20px;
    width: 18px;
    height: 18px;
    font-size: 10px !important;
    font-weight: bold;
    line-height:18px;
    text-indent: 5px;
    color: #fff;
    border-radius: 10px;
    background: #333;
} 
.bg-co input[type="checkbox"] + label img {
    width: 60px !important;
    height: 48px !important;
    margin: 0px !important;
}