@charset "utf-8";
* {letter-spacing:-0.05em;word-spacing:-0.05em;word-break:keep-all;}
img {max-width:100%;}
.black {color:#000 !important;}

#wrap {max-width:1700px;margin:0 auto;position:relative;min-width:320px;padding-top:178px;}
#header {position:absolute;width:100%;left:0;top:0;z-index:200;}
#header .head {padding:0 10px;position:relative;}
#header .inner {max-width:1386px;margin:0 auto;position:relative;}
#header .area {max-width:1180px;height:135px;margin:0 auto;position:relative;}
#header .logo {display:block;position:absolute;font-size:0;left:0;top:47px;z-index:10;}
#header .tnb {
	position:absolute;
	right:0;
	top:0;
	font-size:0;
	border:1px solid #9f9f9f;
	border-top:none;
	border-radius:0 0 7px 7px;
	padding:0 15px 0 10px;
}
#header .tnb * {display:inline-block;}
#header .tnb ul li {position:relative;}
#header .tnb ul li a {height:35px;line-height:35px;font-size:13px;}
#header .tnb .link li {position:relative;}
#header .tnb .link li:before {
	content:"";
	display:block;
	width:1px;
	height:10px;
	position:absolute;
	left:0;
	top:50%;
	margin-top:-5px;
	background:#828080;
}
#header .tnb .link li:first-child:before {display:none;}
#header .tnb .link li a {color:#828080;padding:0 10px;}
#header .tnb .lang {margin-left:10px;}
#header .tnb .lang li a {color:#828080;padding:0 5px;}
#header .tnb .lang li.active a {color:#212121;}

#header .nav {
	border-top:1px solid #d8d8d8;
	height:42px;
	text-align:center;
	position:relative;
	z-index:200;
	transition:0.5s;
	background:rgba(255,255,255,0.4);
}

#header .nav:before {
	content:"";
	display:block;
	width:100%;
	height:1px;
	position:absolute;
	left:0;
	top:41px;
	background:#d8d8d8;
}
#header .nav .btn {
	width:41px;
	height:41px;
	text-align:center;
	border:none;
	background:none;
	font-size:24px;
	color:#222;
	position:absolute;
	left:0;
	top:0;
	display:none;
}


#vis,
#vis .vis {position:relative;}
#vis {max-width:1700px;margin:0 auto;}
#vis .vis img {width:100%;}
#vis .vis .txt {position:absolute;}
#vis .vis .txt > * {color:#fff;}
#vis .vis .txt dt {font-size:40px;}
#vis .vis .txt dd {font-size:32px;margin-top:10px;line-height:1.5em;font-family:nl,sans-serif;}
#vis .vis1 .txt {right:3%;top:15%;}
#vis .vis1 .txt dd {font-size:26px;}
#vis .vis2 .txt {left:15%;top:15%;}
#vis .vis3 .txt {right:10%;top:15%;}
#vis .vis4 .txt {left:44%;top:32%;}
#vis > .roll > .vis:nth-child(n+2) {display:none;}

#vis .bx-pager {position:absolute;z-index:100;bottom:22px;right:5%;bottom:10%;text-align:right;}
#vis .bx-pager .bx-pager-item {display:inline;}
#vis .bx-pager .bx-pager-item a {
	text-align:left;
	display:inline-block;
	margin:0 5px;
	width:15px;
	height:15px;
	background:#fff;
	text-indent:-9999px;
	overflow:hidden;
	border-radius:50%;
	transition:0.3s;
	opacity:0.5;
}
#vis .bx-pager .bx-pager-item a.active {opacity:1;}


#element {max-width:1700px;margin:0 auto;overflow:hidden;}
#element .inner {margin:18px -9px 0;overflow:hidden;padding:0 0;box-sizing:border-box;}
#element .box {width:33.33333%;box-sizing:border-box;padding:0 9px;float:left;transition:0.3s;}
#element .box a {display:block;position:relative;}
#element .box img {width:100%;display:block;position:relative;z-index:0;}
#element .box span {
	display:block;
	width:100%;
	text-align:center;
	box-sizing:border-box;
	color:#fff;
	font-size:30px;
	position:absolute;
	left:0;
	box-sizing:border-box;
	top:68%;
	transition:0.3s;
}

#slogan {margin:85px 0;padding:0 10px;text-align:center;}
#slogan h3 {font-family:nm,sans-serif;font-weight:normal;color:#222;font-size:30px;}
#slogan h3 span {display:inline-block;border-bottom:1px solid #222;}
#slogan h3 a {color:#222;}
#slogan p {color:#828080;font-size:16px;line-height:1.7em;margin-top:30px;}

#footer {max-width:1700px;margin:0 auto;position:relative;background:#f2f2f2;}
#footer .inner {max-width:1180px;margin:0 auto;padding:80px 25px 170px;box-sizing:border-box;}
#footer .gnb {position:relative;}
#footer .gnb:after {content:"";display:block;clear:both;}
#footer .gnb > li {width:25%;float:left;}
#footer .gnb > li > a {display:block;font-size:15px;font-weight:normal;font-family:nb,sans-serif;color:#222;text-decoration:underline;}
#footer .gnb.app > li > a {font-size:17px;}
#footer .gnb li ul {margin-top:5px;}
#footer .gnb li ul li a {display:block;font-size:15px;color:#222;padding:3px 0;letter-spacing:-0.075em;}
#footer .gnb.app li ul li a {font-size:17px;}
#footer .gnb .gnb4,
#footer .gnb .gnb5 {position:absolute;top:55px;}
#footer .gnb .gnb4 {left:0;}
#footer .gnb .gnb5 {left:75%;}
#footer .copy {font-size:14px;color:#828080;background:#e5e5e5;letter-spacing:0;padding:40px 10px;text-align:center;}

#svis {max-width:1700px;margin:0 auto;position:relative;}
#svis img {width:100%;position:relative;display:block;z-index:0;}
#svis span {
	display:block;
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	z-index:10;
	color:#fff;
	letter-spacing:0.1em;
	font-size:50px;
	margin-top:-34px;
	text-align:center;
}

#sub {max-width:1180px;padding:0 10px;box-sizing:border-box;margin:20px auto;min-height:600px;position:relative;overflow:hidden;}
#sub:after {content:"";display:block;clear:both;}
#sub > div {box-sizing:border-box;float:left;}

#lef {width:29%;padding-right:30px;}
#lef .lnb {background:#f2f2f2;position:relative;padding:50px 10% 0 15%;}
#lef .lnb li {position:relative;z-index:10;}
#lef .lnb a {display:block;padding:5px 0;font-size:18px;}
#lef .lnb li.active > a,
#lef .lnb a:hover {color:#000;}
#lef .lnb:before {
	content:"";
	display:block;
	width:100%;
	height:3000%;
	background:#f2f2f2;
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}
#lef .lnb > li {margin-top:2px;}
#lef .lnb > li:first-child {margin-top:0;}
#lef .lnb > li > a {color:#828080;display:block;}
#lef .lnb > li:hover > a
#lef .lnb > li.active > a {font-family:nm,sans-serif;}
#lef .lnb > li > ul > li > a {padding-left:10px;font-family:nd,sans-serif;}

#rig {width:71%;padding-left:30px;}

#tit {position:relative;margin-bottom:25px;}
#tit h3 {font-size:32px;font-weight:normal;font-family:nm,sans-serif;color:#222;}
#tit .navi {position:absolute;right:0;top:13px;font-size:13px;color:#828080;white-space:nowrap;}
#tit .navi i {color:#bbb;margin-right:5px;}
#tit .navi em {display:inline-block;padding:0 5px;}

#content {padding-bottom:70px;}

.my-tit {font-size:24px; font-family:nm; color:#212121; margin-bottom:15px;}

.atxt {font-size:16px;color:#828080;line-height:2.2em;margin-top:30px;}
.atxt.atxt2 {margin-bottom:30px;}
.atxt.atxt3 {transform:translateY(1px)}

.btxt {font-size:15px;color:#828080;line-height:1.6em;margin-top:15px;}
.btxt p {margin-top:5px;}
.btxt p:first-child {margin-top:0;}


.pop-basic {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size:0;
	text-align:center;
	z-index:1000;
	box-sizing:border-box;
	padding:10px;
	display:none;
}
.pop-basic .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:0;}
.pop-basic:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.pop-basic .inner {
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	z-index:10;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}


.pop-pass .inner {max-width:630px;text-align:left;margin:0 auto;}
.pop-pass .desc {border:7px solid #454545;background:#454545;position:relative;}
.pop-pass .desc .close {background:none;border:none;position:absolute;right:0;top:0;}
.pop-pass .desc .one {background:#fff;}
.pop-pass .desc .one .top {padding:30px;}
.pop-pass .desc .one .top .tit h4 {font-size:20px;font-weight:normal;color:#333;}
.pop-pass .desc .one .top .tit p {margin-top:25px;font-size:14px;line-height:1.5em;}
.pop-pass .desc .one .top dl {position:relative;padding-left:75px;margin-top:10px;}
.pop-pass .desc .one .top dl dt {position:absolute;left:0;top:0;height:36px;line-height:36px;font-size:14px;}
.pop-pass .desc .one .bot {
	background:#f7f7f7;
	border-top:1px solid #dcdcdc;
	padding:20px 30px;
	font-size:14px;
	color:#625a53;
}
.pop-pass .desc .one .bot dl {position:relative;padding-left:35%;}
.pop-pass .desc .one .bot dl > * {box-sizing:border-box;height:36px;line-height:36px;}
.pop-pass .desc .one .bot dl dt {position:absolute;left:0;top:0;width:35%;padding-right:10px;}
.pop-pass .desc .one .bot dl dd {padding-left:60px;position:relative;}
.pop-pass .desc .one .bot dl dd span {display:block;position:absolute;left:0;top:0;}
.pop-pass .desc .two {text-align:center;padding:20px 0 13px;}
.pop-pass .desc .two > * {margin:0 2px;}
.pop-pass.pop-pass2 {margin-top:100px;}


.timer {width:434px;border:1px solid #4d515a;background:#000;font-size:17px;}
.timer .tit {position:relative;padding:15px 55px;}
.timer .tit h3 {font-weight:normal;font-family:nl,sans-serif;color:#fff;text-align:center;font-size:36px;text-indent:-40px;}
.timer .tit .close {border:none;background:none;position:absolute;right:25px;top:50%;margin-top:-11px;}
.timer .tit .close img {width:22px;}
.timer .tit .close.back {font-size:18px;font-family:nl,sans-serif;color:#fff;}
.timer .tit .close.back img {width:8px;display:inline-block;vertical-align:middle;margin-right:5px;}

.timer .desc {
	border-top:1px solid #4d525a;
	padding:25px 30px;
	box-sizing:border-box;
	min-height:600px;
	max-height:75vh;
	overflow:auto;
	text-align:left;
	position:relative;
}

.timer .radius {height:60px;border-radius:30px;background:#1a1a1a;position:relative;margin-top:13px;}
.timer .radius-del {margin-top:13px;position:relative;padding-right:50px;}
.timer .radius-del .radius-del {margin-top:0;}
.timer .radius-del .del {
	position:absolute;
	width:45px;
	height:45px;
	border:none;
	background:#1a1a1a;
	right:0;
	top:50%;
	margin-top:-22.5px;
	border-radius:50%
}
.timer .radius-del .del img {width:30px;}

.timer .radius h4 {
	position:absolute;
	left:20px;
	top:0;
	height:60px;
	line-height:60px;
	color:#fff;
	font-family:nl,sans-serif;
	font-weight:normal;
}
.timer .radius .arr {
	position:absolute;
	right:7px;
	top:50%;
	width:45px;
	height:45px;
	margin-top:-22.5px;
	border-radius:50%;
	border:none;
	background:none;
}
.timer .radius .arr img {width:10px;}
.timer .radius .sel-box {
	text-align:right;
	padding:0 60px 0 180px;
	position:relative;
	font-size:17px;
	height:60px;
	line-height:60px;
	color:#fff;
}
.timer .radius .sel-box .sel-txt {
	text-align:right;
	display:block;
	vertical-align:middle;
	height:60;
	font-size:17px;
	font-weight:normal;
	font-family:nl,sans-serif;
	line-height:60px;
	position:relative;
	z-index:0;
	color:#fff;
}
.timer .radius .sel-box .sel-op {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	font-family:nl,sans-serif;
	font-size:17px;
	color:#333;
	filter:alpha(opacity=0);
	opacity:0;
	z-index:1;
}
.timer .radius .sel-box .sel-in {
	border:none;
	background:none;
	display:inline-block;
	font-size:17px;
	text-align:right;
	color:#fff;
	font-family:nl,sans-serif;
	width:50%;
	height:60px;
	line-height:60px;
}
.timer .radius:hover .arr {background:#313131;}
.timer .time-range {margin-top:0;}

.timer .time-self {margin-top:1px;display:none;}

.timer .radius-btn {width:190px;margin:25px auto 0;border:none;background:none;display:block;}

.timer .time-gradation {
	height:60px;
	border-radius:30px;
	display:block;width:100%;
	box-sizing:border-box;
	border:none;
	color:#222;
	position:relative;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #c1c1c1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#c1c1c1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#c1c1c1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1c1c1',GradientType=0 ); /* IE6-9 */
	font-size:21px;
}
.timer .time-gradation img {width:30px;}
.timer .time-gradation.time-gradation2 {
	background: #808080; /* Old browsers */
	background: -moz-linear-gradient(top, #808080 0%, #616161 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #808080 0%,#616161 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #808080 0%,#616161 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#616161',GradientType=0 ); /* IE6-9 */
}

.timer .time-fin {
	height:60px;
	border-radius:30px;
	display:block;
	width:100%;
	box-sizing:border-box;
	border:none;
	position:absolute;
	bottom:0;
	left:0;
	font-size:21px;
	color:#fff;
	background: #4b4b4b; /* Old browsers */
	background: -moz-linear-gradient(top, #4b4b4b 0%, #3a3a3a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #4b4b4b 0%,#3a3a3a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #4b4b4b 0%,#3a3a3a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#3a3a3a',GradientType=0 ); /* IE6-9 */
}

.timer .time-mid {margin-top:-7px;margin-bottom:9px;}
.timer .time-count {text-align:center;color:#fff;position:relative;padding-bottom:60px;}
.timer .time-count dt {font-size:36px;font-family:nl,sans-serif;}
.timer .time-count dd {font-size:137px;font-family:nl,sans-serif;}

/*pop-basic2 레이아웃 start*/
.pop-basic2 .record_step1{max-width:340px;margin:50px auto 0;text-align:center;}
.pop-basic2 .record_step1:after{content:"";display:block;clear:both;}
.pop-basic2 .record_step1 li{display:inline-block;width:29.41%;margin:0 5%;}
.pop-basic2 .record_step1 li a{background:#fff;display:block;padding-bottom: 100%;border-radius:50%;position:relative;}
.pop-basic2 .record_step1 li strong{color:#fff;font-size:20px;font-weight:300;display:block;margin-top:20px;text-align:center;line-height:1}
.pop-basic2 .record_step1 li img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}

.pop-basic2 .record_step2{max-width:340px;margin:35px auto 0;}
.pop-basic2 .record_step2:after{content:"";display:block;clear:both;}
.pop-basic2 .record_step2 li{display:inline-block;width:48%;float:left;}
.pop-basic2 .record_step2 li:first-child{margin-right:4%;}
.pop-basic2 .record_step2 li a{background:#fff;display:block;position:relative;line-height:50px;color:#000;font-size:20px;text-align:center;}
.pop-basic2 .record_step2 li a:before{content:"";display:inline-block;width:21px;height:22px;margin-bottom: -3px;margin-right: 5px;}
.pop-basic2 .record_step2 li:nth-child(1) a:before{background:url('../images/upload.png') no-repeat;background-size:cover;}
.pop-basic2 .record_step2 li:nth-child(2) a:before{background:url('../images/replay.png') no-repeat;background-size:cover;}

.pop-basic2 .recording{width: 434px;border: 1px solid #4d515a;background: #000;font-size: 17px;}
.pop-basic2 .recording .tit {position:relative;padding:15px 55px;}
.pop-basic2 .recording .tit h3 {font-weight:normal;font-family:nl,sans-serif;color:#fff;text-align:center;font-size:36px;text-indent:-40px;}
.pop-basic2 .recording .tit .close {border:none;background:none;position:absolute;right:25px;top:50%;margin-top:-11px;}
.pop-basic2 .recording .tit .close img {width:22px;}
.pop-basic2 .recording .desc {border-top:1px solid #4d525a;padding:25px 30px;box-sizing:border-box;min-height:600px;max-height:75vh;overflow:auto;text-align:left;position:relative;}
.pop-basic2 .recording .desc .record_cir{max-width:310px;margin:0 auto;margin-top:5px;}
.pop-basic2 .recording .desc .record_cir_bg{background-color:rgba(255,255,255,0.05);padding-bottom:100%;border-radius:50%;position: relative;}
.pop-basic2 .recording .desc .record_cir_bg img{position: absolute;left: calc(50% - 31px);top: 22.5%;width: 20%;}
.pop-basic2 .recording .desc .record_cir_bg p{font-size:20px;font-weight:300;line-height:30px;color:#999;position:absolute;text-align:center;top:60%;width: 100%;}
.pop-basic2 .recording .desc .filename{font-size:16px;color:#fff;font-weight:300;max-width: 340px;margin: 0 auto;margin-top:30px;letter-spacing:-1px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pop-basic2 .recording .desc .filename:before{content:"";display:inline-block;width:23px;height:22px;background:url('../images/sound.png') no-repeat;vertical-align: bottom;margin-right: 5px;}
.pop-basic2 .recording .desc .filename span{font-weight:600;}
.pop-basic2 .recording .desc .bar{height:4px;background-color:rgba(255,255,255,0.3);margin-top:50px;position:relative;}
.pop-basic2 .recording .desc .bar-fill{display:inline-block;width:50%;height:4px;background-color:#fff;position:absolute;}
.pop-basic2 .recording .desc .bar-cursor{display:inline-block;width:14px;height:14px;background-color:#fff;border-radius:50%;position:absolute;left:48%;top:-5px;}
/*스크립트 addclass*/
.pop-basic2 .none{display:none !important;}
.pop-basic2 ul li .shadow{box-shadow: inset 10px 10px 10px rgba(0,0,0,0.3);}
/*pop-basic2 레이아웃 end*/

.asearch {text-align:right;margin-bottom:30px;font-size:0;}
.asearch select {
	display:inline-block;
	margin-right:5px;
	border:1px solid #d9d9d9;
	http://herenn.com/smile/images/timer-close.pngbox-sizing:border-box;
	height:34px;
	width:120px;
	background:#fff;
	font-size:14px;
}
.asearch .btn {display:inline-block;width:33px;border:none;background:none;font-size:0;border:1px solid #d9d9d9;border-left:none;box-sizing:border-box;}
.asearch .txt {
	display:inline-block;
	border:1px solid #d9d9d9;
	border-right:none;
	position:relative;
	box-sizing:border-box;
	width:340px;
	height:34px;
	line-height:34px;
	text-indent:8px;
	font-size:14px;
}

.faq-list {border-top:1px solid #e6e6e6;}
.faq-list dl {border-bottom:1px solid #e6e6e6;font-size:16px;}
.faq-list dl dt a,
.faq-list dl dd {position:relative;padding:20px 0;}
.faq-list dl dt a {display:block;padding:20px 65px 20px 17px;color:#333;position:relative;}
.faq-list dl dt a:before {
	content:"\f107";
	display:block;
	position:absolute;
	right:40px;
	margin-top:-8px;
	top:50%;
	color:#a9b6ca;
	font-family:FontAwesome;
}
.faq-list dl dd {line-height:2em;border-top:1px solid #e6e6e6;padding-left:17px;color:#828080;display:none;}
.faq-list dl .ico {display:block;position:absolute;left:0;top:50%;font-size:16px;color:#333;margin-top:-11px;}
.faq-list dl dd .ico {margin-top:0;top:20px;color:#828080;}
.faq-list dl:hover dt a {text-decoration:underline;}
.faq-list .active dt a:before {content:"\f106";}

.botarea {margin-top:30px;min-height:33px;position:relative;font-size:0;}
.botarea .btn-left{width:28.5714%;display:inline-block;float: left;}
.botarea .btn-left .botarea_btn{display:inline-block;width:50%;}
.botarea .btn-right{width:71.4286%;display:inline-block;float: right;text-align: right;}
.botarea .btn-right .botarea_btn{display:inline-block;width:20%;}
.botarea .cen {text-align:center;}
.botarea .cen2 {padding-top:70px;}
.botarea .lef {position:absolute;left:-2px;top:0;}
.botarea .rig {position:absolute;right:-2px;top:0;}
.botarea .rig2 {position:absolute;right:116px;top:0;}
.botarea .rig3 {position:absolute;right:-2px;top:0;}
.botarea_btn .abtn{margin:0 2px;min-width: auto;display:block;}

.apaging {text-align:center;font-size:0;}
.apaging a {
	display:inline-block;
	line-height:31px;
	text-align:center;
	vertical-align:middle;
	color:#666;
	margin-left:-1px;
	border:1px solid #d8d8d8;
	width:31px;
}
.apaging .num {font-size:12px;}
.apaging .num:hover,
.apaging .num.active {background:#666;color:#fff;font-weight:normal;}

.abtn {
	display:inline-block;
	border:1px solid #7b7b7b;
	box-sizing:border-box;
	height:36px;
	line-height:34px;
	text-align:center;
	min-width:110px;
	font-size:15px;
	color:#828080;
	background:none;
	vertical-align:middle;
}
.abtn.abtn2 {background:#7b7b7b;color:#fff;border-color:#7b7b7b;}
.abtn.abtn3 {background:#000;color:#fff;border-color:#000;}
.abtn.abtn4 {background:#c7c7c7;color:#fff;border-color:#c7c7c7;min-width:auto;}
.abtn.bor {border-radius:5px;}

.bbtn {
	display:inline-block;
	box-sizing:border-box;
	text-align:center;
	padding:0 10px;
	height:15px;
	line-height:15px;
	border-radius:7.5px;
	font-size:12px;
	background:#7b7b7b;
	color:#fff;
	vertical-align:middle;
}

.perform-list {}
.perform-list .asearch {background:none; padding:20px 0; text-align:right;margin-bottom:0; border-top:1px solid #e6e6e6;}
.perform-list .box {position:relative;background:#eff3f5;border-bottom:1px solid #e6e6e6;padding:25px 45px 25px 195px;}
.perform-list .box:first-child {border-top:1px solid #e6e6e6;}
.perform-list .box > * {display:block;font-size:16px;color:#333;}
.perform-list .box .date {position:absolute;left:45px;top:50%;margin-top:-11px;}
.perform-list .box .subject {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}

.perform-view {background:#eff3f5;padding:40px;}
.perform-view dl {position:relative;padding-left:160px;margin-top:15px;}
.perform-view dl:first-child {margin-top:0;}
.perform-view dl > * {font-size:16px;line-height:1.8em;}
.perform-view dl dt {position:absolute;left:0;top:0;color:#333;}

.audio .box {max-width:615px;margin:60px auto 0;}
.audio .box:first-child {margin-top:0;}
.audio .box .btn {text-align:right;margin-top:15px;}
.audio .box .btn button {border:none;background:none;font-size:20px;color:#828080;}

.tbl-list {width:100%;border-top:1px solid #ddd;table-layout:fixed;}
.tbl-list col.num {width:90px;}
.tbl-list col.date {width:140px;}

.tbl-list col.app-num {width:60px;}
.tbl-list col.app-date {width:100px;}
.tbl-list col.app-name {width:90px;}
.tbl-list col.app-place {width:130px;}
.tbl-list col.app-pay {width:80px;}
.tbl-list col.app-process {width:90px;}

.tbl-list col.stats-num {width:20%;}
.tbl-list col.stats-clock {width:25%;}
.tbl-list col.stats-last {width:30%;}

.tbl-list tr > * {border-bottom:1px solid #ddd;text-align:center;font-size:16px;padding:15px;}
.tbl-list th {background:#f5f5f5;font-weight:normal;}
.tbl-list td.subject {text-align:left;}
.tbl-list td.subject a {display:inline-block;max-width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tbl-list td.stats-name {text-align:left;}
.tbl-list td.app-date,
.tbl-list td.app-process {font-size:14px;line-height:1.2em;}
.tbl-list tfoot tr > * {color:#000;background:#f5f5f5;}
.tbl-list tfoot tr .stats-name {text-align:center;}

.tbl-list2 tr th {padding:15px 7px;}
.tbl-list2 tr td {padding:7px;}

.tbl-view {border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.tbl-view .info {width:100%;}
.tbl-view .info col:first-child {width:100px;}
.tbl-view .info tr > * {text-align:left;padding:10px;font-size:16px;border-bottom:1px solid #ddd;}
.tbl-view .info tr th {background:#f5f5f5;font-weight:normal;}
.tbl-view .info tr td {color:#888;}
.tbl-view .content {padding:15px 10px;font-size:16px;word-break:break-all;line-height:1.6em;min-height:300px;}

.tbl-posting{border-top:1px solid #e6e6e6;width:100%}
.tbl-posting .check{line-height:35px;color:#828080;font-size:15px;}
.tbl-posting .check input{margin-top:-4px;margin-right:8px;}
.tbl-posting tr{border-bottom:1px solid #e6e6e6;}
.tbl-posting th{background-color:#eff3f5;font-size:15px;color:#333;font-weight:normal;}
.tbl-posting td{padding:7px 25px;}
.tbl-posting .txt{border: 1px solid #d9d9d9;box-sizing: border-box;text-indent: 8px;font-size: 14px;}
.tbl-posting .tit{width: 100%;height: 36px;}
.tbl-posting .text{width: 100%;height: 216px;outline:none;padding:10px 0;}
.tbl-posting .password{width: 50%;height: 36px;}
.file_input_textbox{float: left;width: 50%;height: 36px;border: 1px solid #d9d9d9;box-sizing: border-box;text-indent: 8px;font-size: 14px;}
.file_input_div{position: relative;width: 85px;height: 36px;overflow: hidden;} 
.file_input_button{position: absolute;top: 0px;background-color: #c7c7c7;color: #fff;font-size: 15px;width: 80px;height: 36px;border: none;margin-left: 5px;}
.file_input_hidden{position:absolute;top:0;left:-75px;opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity: 0;-moz-opacity: 0;width: 160px;height: 36px;}
#file-upload-button{width:80px;height:80px;}
.record{background-color:#000;border:none;display:inline-block;color:#fff;font-size:15px;width:90px;line-height:35px;text-align:center;}

.btn-wrap{text-align:center;margin-top:30px;}
.btn-wrap .submit{border:none;background-color:#7b7b7b;margin-right:4px;color:#fff;width:110px;height:38px;font-size:15px;}
.btn-wrap .cancel{border:1px solid #7b7b7b;background-color:#fff;color:#7b7b7b;width:110px;height:38px;font-size:15px;display: inline-block;line-height: 38px;box-sizing:border-box;}

.calendar_title{text-align:center;font-size: 0;margin:40px 0 30px;}
.calendar_title h5{display:inline-block;font-size:20px;color:#212121;font-family: 'nm';font-weight:500;margin:0 20px;}
.calendar_title a{display:inline-block;border:1px solid #d8d8d8;width:23px;height:23px;vertical-align: bottom;margin: 0 2px;}
.calendar_title a:first-child{background:url('../images/first-arr.png') no-repeat;background-position:center;}
.calendar_title a:nth-child(2){background:url('../images/pre-arr.gif') no-repeat;background-position:center;}
.calendar_title a:nth-child(4){background:url('../images/next-arr.gif') no-repeat;background-position:center;}
.calendar_title a:last-child{background:url('../images/last-arr.png') no-repeat;background-position:center;}

.tbl-calendar{width:100%;}
.tbl-calendar thead{border-top:2px solid #777;}
.tbl-calendar thead tr th{border:1px solid #dddddc;border-top:none;line-height:38px;font-size:16px;color:#666;font-family: 'nm';font-weight:500;}
.tbl-calendar thead tr th:first-child{color:#ce171f;}
.tbl-calendar thead tr th:last-child{color:#2e6ace;}
.tbl-calendar tbody tr td{border:1px solid #dddddc;padding: 15px 15px 7px 7px;width:14.285%;position:relative;vertical-align: top;text-align: right;font-size:15px;color:#666;line-height:1;font-weight:400;}
.tbl-calendar tbody tr td:nth-child(7n-6){color:#ce171f;}
.tbl-calendar tbody tr td:nth-child(7n){color:#2e6ace;}
.tbl-calendar tbody tr td span{display:inline-block;min-height:75px;vertical-align: top;width: 100%;font-size:14px;color:#888;text-align:left;letter-spacing:-1px;line-height:normal;}
.tbl-calendar tbody tr td img{margin-bottom:2px;}

.calendar_mark{max-width: 700px;margin-top:30px;}
.calendar_name{margin-top:15px;}
.calendar_name:first-child{margin-top:0;}
.calendar_name li{display:inline-block;font-size:16px;color:#888;line-height:20px;margin-right:30px;letter-spacing:-1px;}
.calendar_name li:last-child{margin-right:0;}
.calendar_name li img{vertical-align: bottom;margin-bottom:-1px;margin-right:5px;}

/* 참가신청 탭메뉴 */
.cal_tab{display:flex; justify-content:flex-start;}
.cal_tab li a{display:block; width:150px; line-height: 50px; text-align:center; background:#eff3f5; border: 1px solid #d7d7d7; border-radius: 4px 4px 0px 0px; color:#212121}
.cal_tab li.on a{background:#555; border:1px solid #555; color:#fff}

/* 참가신청 뱃지 */
.badge_class{position:absolute; top:0; right:0; display: block; line-height:60px; width:92px; z-index:100; font-size:15px; color:#fff; text-align:center;}
.badge_class.now {background:#86b0c6;}
.badge_class.end {background:#999;}
.badge_class.wait{line-height:20px; background:#6f7888; padding:10px 0px;}

@media(min-width:768px){
	.cal_tab li a{font-size:18px}
}
@media(max-width:767px){
	.cal_tab li a{font-size:14px; line-height:48px;}
	.badge_class{position:absolute; top:0; right:0; display: block; line-height:50px; width:80px; z-index:100; font-size:12px; color:#fff; text-align:center;}
	.badge_class.wait{line-height:15px; background:#6f7888; padding:10px 0px;}
	.sche-tit.cal{width:calc(100% - 70px); display:block;}
}
.aform {
	display:inline-block;
	width:100%;
	max-width:100%;
	box-sizing:border-box;
	border:1px solid #c7c7c7;
	font-size:15px;
}

select.aform {width:auto;}
select.aform,
input.aform {height:36px;}
input.aform {text-indent:5px;}
textarea.aform {padding:5px;}

.tbl-write {border-top:1px solid #ddd;width:100%;}
.tbl-write tr > * {text-align:left;border-bottom:1px solid #ddd;}
.tbl-write tr th {font-size:16px;padding:9px;padding-left:25px;width:110px;background:#eff3f5;color:#333;}
.tbl-write tr th span {display:inline-block;position:relative;}
.tbl-write tr td {font-size:15px;padding:9px 20px;color:#828080;height:36px;word-spacing:0;}
.tbl-write tr td label {white-space:nowrap;margin-right:20px;}
.tbl-write tr td .label1 {margin-right:3px;letter-spacing:-0.075em;}
.tbl-write tr td > p {margin-top:8px;}
.tbl-write tr td > p:first-child {margin-top:0;}
.tbl-write .nowrap {display:inline-block;margin-right:5px;white-space:nowrap;}
.tbl-write .db {display:inline-block;white-space:nowrap;}
.tbl-write .aform-ml {margin-left:5px;}

.required {display:inline-block;position:relative;}
.required:before {
	content:"";
	display:inline-block;
	width:13px;
	height:12px;
	background:url(../images/ico-check.png);
	position:absolute;
	right:100%;
	top:50%;
	margin-top:-6px;
	margin-right:3px;
}

.tbl-top {margin-bottom:12px;position:relative;}
.tbl-top > * {font-size:16px;color:#828080;}
.tbl-top .rig {position:absolute;right:0;top:0;}


.login .one {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:32px 0;}
.login .one .tit {text-align:center;margin-bottom:30px;}
.login .one .tit h4 {font-size:22px;color:#333;font-weight:normal;}
.login .one .tit p {font-size:16px;margin-top:3px;}

.login .one .desc {width:260px;margin:0 auto;}
.login .one .desc .form {position:relative;}
.login .one .desc .form dl {position:relative;}
.login .one .desc .form .pass {margin-top:10px;}
.login .one .desc .form dl dt {position:absolute;right:100%;top:0;width:70px;height:40px;line-height:40px;font-size:16px;}
.login .one .desc .form dl dd input {
	width:100%;
	height:100%;
	display:block;
	box-sizing:border-box;
	height:40px;
	font-size:16px;
	text-indent:10px;
	border:1px solid #c7c7c7;
}
.login .one .desc .form .btn {
	position:absolute;left:100%;margin-left:10px;
	top:0;
	border:none;
	height:100%;
	color:#fff;
	width:100px;
	color:#fff;
	background:#7b7b7b;
	font-size:16px;
}
.login .one .desc p {margin-top:10px;font-size:16px;color:#828080;}
.login .two {margin-top:30px;text-align:center;}
.login .two dl {display:inline-block;vertical-align:top;text-align:left;position:relative;}
.login .two dl:first-child {margin-right:75px;}
.login .two dl dt {position:relative;}
.login .two dl dt .abtn {width:165px;}
.login .two dl dt img {position:absolute;right:100%;top:50%;margin-top:-13px;margin-right:15px;}
.login .two dl dd {
	font-size:15px;
	font-family:nd,sans-serif;
	color:#828080;
	margin-top:5px;
	position:absolute;
	left:0;
	top:100%;
	white-space:nowrap;
}


.agree {border:1px solid #ddd;border-top:2px solid #666;padding:30px;}
.agree .desc {margin-top:10px;}
.agree .desc h4 {font-size:18px;margin-bottom:5px;font-weight:normal;color:#333;}
.agree .desc .box {
	background:#fafafa;
	border:1px solid #ddd;
	padding:15px;
	line-height:1.5em;
	font-size:14px;
	white-space:pre-wrap;
	overflow:auto;
	box-sizing:border-box;
	height:200px;
}
.agree .desc:first-child {margin-top:0;}
.agree .desc .chk {margin-top:5px;text-align:right;font-size:14px;}

.join-fin {border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:50px 10px;text-align:center;}
.join-fin .inner {position:relative;display:inline-block;text-align:left;padding-right:110px;}
.join-fin .inner:before {
	content:"";
	display:block;
	position:absolute;
	right:0;
	top:50%;
	background:url(../images/ico-heart.png) no-repeat;
	background-size:100% 100%;
	width:128px;
	height:118px;
	margin-top:-59px;
}
.join-fin .inner dt {font-size:30px;color:#333;}
.join-fin .inner dd {font-size:22px;}
.join-fin .inner p {font-size:16px;line-height:30px;color:#9d9d9d;margin-top:23px;}

.atab {font-size:0;border-bottom:1px solid #b6b6b6;margin-bottom:25px;}
.atab a {
	display:inline-block;
	width:20%;
	border-top:1px solid #b6b6b6;
	border-right:1px solid #b6b6b6;
	height:40px;
	text-align:center;
	box-sizing:border-box;
	vertical-align:top;
	color:#444;
}
.atab a:first-child {border-left:1px solid #b6b6b6;}
.atab a:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.atab a span {display:inline-block;vertical-align:middle;font-size:16px;letter-spacing:-0.075em;line-height:18px;}
.atab a.active,
.atab a:hover {background:#7b7b7b;color:#fff;}


.history {padding-top:20px;}
.history .box {position:relative;margin-bottom:30px;padding-bottom:30px;padding-left:90px;border-bottom:1px solid #c6c6c6;}
.history .box:last-child {margin-bottom:0;border-bottom:none;}
.history .box h4 {position:absolute;left:0;top:0;font-size:24px;color:#000;}
.history .box dl {position:relative;padding-left:160px;}
.history .box dl > * {line-height:36px;font-size:16px;color:#828080;}
.history .box dl dt {position:absolute;left:0;top:0;}
.history .box dl dd {padding-left:7px;text-indent:-7px;}


.research-mem .box {margin-bottom:35px;overflow:hidden;}
.research-mem .box > * {box-sizing:border-box;float:left;}
.research-mem .box .img {width:21%;}
.research-mem .box .img img {border:1px solid #cacaca;}
.research-mem .box dl {width:79%;padding-left:20px;}
.research-mem .box dl > * {line-height:36px;}
.research-mem .box dl dt {font-size:18px;color:#000;}
.research-mem .box dl dd {font-size:16px;}

.misan {font-size:0;}
.misan > * {display:inline-block;vertical-align:bottom;box-sizing:border-box;}
.misan .img {width:43%;}
.misan .img img {border:1px solid #ddd;}
.misan .info {width:57%;font-size:16px;color:#828080;line-height:36px;padding-left:40px;}

.atit {margin:50px 0 10px;color:#222;font-size:28px;font-weight:normal;font-family:nm,sans-serif;}
.btit {margin:40px 0 5px;color:#222;font-size:20px;font-weight:normal;font-family:nm,sans-serif;}
.btit span {display:inline-block;border-bottom:1px solid #666;padding-bottom:5px;}
.ctxt {}
.cbtn {}
.cbtn a {display:inline-block;border-bottom:1px solid #000;color:#000;font-family:nm,sans-serif;}
.cbtn a i {display:inline-block;margin-left:5px;font-size:0.7em;vertical-align:baseline;}

.pop-basic2 {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size:0;
	text-align:center;
	z-index:1000;
	box-sizing:border-box;
	padding:10px;
	display:block;
}
.pop-basic2 .bg {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:0;}
.pop-basic2:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;}
.pop-basic2 .inner {
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	z-index:10;
	overflow:hidden;
	position:relative;
	box-sizing:border-box;
}



.nomore {text-align:center;padding:40px 0;font-size:16px;}

.sns-btn {margin-bottom:2%; text-align:right; font-size:0; }
.sns-btn a {display:inline-block; width:32px; height:32px; margin-left:10px;}
.sns-btn a img {width:100%;}
.sns-btn a.face {background:url(../images/sns-face.gif) 0 0 no-repeat;}
.sns-btn a.twitter {background:url(../images/sns-twitter.gif) 0 0 no-repeat;}
.sns-btn a.email {background:url(../images/sns-email.gif) 0 0 no-repeat;}
.sns-btn a.kakao {background:url(../images/sns-kakao.gif) 0 0 no-repeat;}

/*명상비디오*/
.audio .video-box {max-width:100%;}
.video-box .subject {font-size:18px;color:#333;margin-bottom:10px;}

.video-area {position : relative;
	width : 100%;
	height : 0;
	padding-bottom : 56.25%;
}
.video1{
	position : absolute;
	top : 0;
	left : 0;
	width : 100%;
	height : 100%;
}


/*일정 및 안내*/
/*07_01*/
.sche-tit {font-size:22px; color:#212121; font-family:nm;}
.sche-box {margin-top:30px;}
.sche-box > a:hover {background:#f9f9f9;} 
.sche-box:first-child {margin-top:0;}
.sche-box > a {position:relative; display:block; padding:37px 34px; box-sizing:border-box; border:1px solid #d7d7d7; box-shadow:4px 6px 5px 0px rgba(0,0,0,0.1);}
.sche-box > a:before {position:absolute; bottom:-1px; right:-1px; content:''; width:40px; height:40px; background:url(../images/list-arr.jpg) no-repeat;}
.sche-info {margin-top:24px;}
.sche-info > li {display:table; line-height:28px; font-size:16px;  color:#828080; width:100%; }
.sche-info > li  > span {display:table-cell;}
.info-tit { position:relative; font-weight:bold; width:114px; padding-left:15px; box-sizing:border-box; }
.info-tit:before {position:absolute; top:50%; left:0; margin-top:-3px; content:''; width:6px; height:6px; background:#d7d7d7; border-radius:100%;}

.paging {margin-top:60px; text-align:center; font-size:0;}
.paging a {display:inline-block; font-size:12px; width:33px; height:33px; border:1px solid #d8d8d8; line-height:33px; border-left:none;}
.paging a:first-child {border-left:1px solid #d8d8d8;}
.paging a.prev-paging  {background:url(../images/pre-arr.gif) center center no-repeat;}
.paging a.next-paging  {background:url(../images/next-arr.gif) center center no-repeat;}

/*07_02*/
.detail-exp {padding:45px 60px; background:#f9f9f9;}
.de-tit {font-size:22px; color:#212121; font-family:nm;}
.de-txt {margin-top:10px; font-size:18px; line-height:28px; color:#828080; font-family:nl;}
.sche-info.sche-info2  {margin-top:35px; padding:0 60px ; box-sizing:border-box; padding-bottom:42px;}
.zoom-link {display:inline-block; width:50px; height:20px; line-height:15px; background:#555; color:#fff; border-radius:10px; text-align:center; margin-left:8px;}
.play-link {display:inline-block; width:70px; height:20px; line-height:15px; background:#555; color:#fff; border-radius:10px; text-align:center;}

.link-box {border-top:1px solid #d7d7d7; padding-top:42px;}
.link-box:after {content:''; display:block; clear:both;}
.link-box .sche-box {float:left; width:47.5%;  margin-top:20px;}
.link-box .sche-box:nth-child(1) {margin-top:0;}
.link-box .sche-box:nth-child(2) {margin-top:0;}
.link-box .sche-box:nth-child(2n) {margin-left:4%;}
.link-box .sche-box a {padding:20px 34px; height:180px;}
.sche-info.sche-info3 { margin-top:13px;}
.sche-info.sche-info3 li {font-size:15px;  line-height:24px; }

.link-box .sche-box.answer-box a{background:#fbeee1;}
.link-box .sche-box.answer-box a:hover{background:#f9f9f9;}
.link-box .sche-box.log-box a{background:#ede6f0;}
.link-box .sche-box.log-box a:hover{background:#f9f9f9;}
.link-box .sche-box.end-box a {background:#e8f7f5;}
.link-box .sche-box.end-box a:after {position:absolute; top:-1px; right:-1px; content:'완료'; line-height:40px; text-align:center; width:40px; height:40px; color:#fff;background:#42a296; font-size:15px;}
.link-box .sche-box.end-box a:hover {background:#f9f9f9;}
.link-box .sche-box.plan-box a {background:#e4f3fd;}
.link-box .sche-box.plan-box a:after {position:absolute; top:-1px; right:-1px; content:'예정'; line-height:40px; text-align:center;  width:40px; height:40px;color:#fff;  background:#2385c6;font-size:15px;}
/*
.link-box .sche-box.diary-box {background:#f7f5e8;}
.link-box .sche-box.plan-box a:hover {background:#f9f9f9;}
*/

/*07_03*/
.view-tit {padding:16px 34px; box-sizing:border-box; font-size:20px; color:#212121; font-family:nm; background:#f9f9f9; border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7;  }
.sche-de {display:table; border-bottom:1px solid #d7d7d7;  width:100%;}
.sche-de span {display:table-cell; padding:14px 0; font-size:16px; color:#828080;}
.sche-de span.sche-tit2 {width:126px; text-align:center; background:#f9f9f9;}
.sche-de span.sche-date {padding-left:17px; box-sizing:border-box;}

.title-add {display:table; border-bottom:1px solid #d7d7d7;border-top:1px solid #d7d7d7;width:100%;}
.title-add span {display:table-cell; padding:14px 0; font-size:16px; color:#828080;}
.title-add span.title-tit {width:126px; text-align:center; background:#f9f9f9;}
.title-add span.title {padding-left:17px; box-sizing:border-box;color:#212121;font-size:20px;font-weight:600;}
.date-add {display:table; border-bottom:1px solid #d7d7d7;  width:100%;}
.date-add span {display:table-cell; padding:14px 0; font-size:16px; color:#828080;}
.date-add span.date-tit {width:126px; text-align:center; background:#f9f9f9;}
.date-add span.date {padding-left:17px; box-sizing:border-box;}
.file-add {display:table; border-bottom:1px solid #d7d7d7;  width:100%;}
.file-add span {display:table-cell; padding:14px 0; font-size:16px; color:#828080;}
.file-add span.file-tit {width:126px; text-align:center; background:#f9f9f9;}
.file-add span.file {padding-left:17px; box-sizing:border-box; text-decoration:underline;}
.play-add {display:table; border-bottom:1px solid #d7d7d7;  width:100%;}
.play-add span {display:table-cell; padding:14px 0; font-size:16px; color:#828080;}
.play-add span.play-tit {width:126px; text-align:center; background:#f9f9f9;}
.play-add span.play {padding-left:17px; box-sizing:border-box;}
.view-txt {padding:30px 34px; font-size:16px; line-height:28px; border-bottom:1px solid #d7d7d7;  }

@media screen and (max-width:768px){
	.sche-tit {font-size:18px;}
	.sche-info > li {font-size:14px; line-height: 1.7em;}
	.sche-box > a {padding:25px 20px;}
	.sche-box > a:before {width:30px; height:30px; background-size:cover;}
	.info-tit  { padding-left:11px;}
	.info-tit:before {width:4px; height:4px; top:7px; margin-top:0;}

	.detail-exp {padding:20px;}
	.de-tit {font-size:18px;}
	.de-txt {font-size:14px; line-height: 1.7em;}
	.sche-info.sche-info2 {padding:0 0 20px 0; margin-top:20px;}
	.zoom-link {line-height:18px;}
	.link-box .sche-box {float:none; width:100%;}
	.link-box .sche-box  a { height:auto; padding:20px;}
	.sche-info.sche-info3 li {font-size:14px;  line-height: 1.7em;}
	.link-box .sche-box:nth-child(2n) {margin-left:0;}
	.link-box .sche-box:nth-child(2)  {margin-top:20px;}
	.link-box {padding-top:25px;}
	.link-box .sche-box.end-box a:after {width:30px; height:30px; line-height:32px; font-size:12px;}
	.link-box .sche-box.plan-box a:after {width:30px; height:30px; line-height:32px; font-size:12px;}

	.view-tit {padding:10px; font-size:16px;}
	.view-txt {padding:10px; font-size:13px;  line-height: 1.7em;}
	.title-add span {font-size:13px; padding:10px 0 8px 0;}
	.title-add span.title-tit {width:80px;}
	.title-add span.title {padding-left:10px;font-size: 15px;}
	.date-add span {font-size:13px; padding:10px 0 8px 0;}
	.date-add span.date-tit {width:80px;}
	.date-add span.date {padding-left:10px;}
	.file-add span {font-size:13px; padding:10px 0 8px 0;}
	.file-add span.file-tit {width:80px;}
	.file-add span.file {padding-left:10px;}
	.play-add span {font-size:13px; padding:10px 0 8px 0;}
	.play-add span.play-tit {width:80px;}
	.play-add span.play {padding-left:10px;}

	.sche-de span {font-size:13px; padding:10px 0 8px 0;}
	.sche-de span.sche-tit2 {width:80px;}
	.sche-de span.sche-date {padding-left:10px;}

	.botarea .rig2 {right:75px;}

	#hd_pop {width:90% !important;}
	#hd_pops_3 .hd_pops_con {width:100% !important; height:auto !important;}
}

/*수행후기 추가*/
#bo_vc {margin-top:20px;}
#bo_vc  h2 {position:relative; font-size:16px; color:#828080; font-weight:normal; padding-left:16px; margin-bottom:5px;}
#bo_vc  h2:before {position:absolute; top:50%; margin-top:-3px; left:0; content:''; width:6px; height:6px; border-radius:100%; background:#d7d7d7;}
#bo_vc  article {position:relative; background:#f7f8fc; border-left:1px solid #ddd; border-right:1px solid #ddd;  border-top:1px solid #ddd; padding:40px 24px; box-sizing:border-box;}
#bo_vc  article:last-child {border-bottom:1px solid #ddd;}
#bo_vc  article footer {position:absolute; top:5px; right:5px;}
#bo_vc  article h1 {display:inline-block; font-size:15px; color:#000;}
.bo_vc_act:after {content:''; clear:both; display:block;}
.bo_vc_act li {float:left;  margin-left:3px;}
.bo_vc_act li  a {font-size:14px; color:#777; display:block; background:#fff; width:100px; height:35px; border:1px solid #cfd5d8; box-sizing:border-box; line-height:35px; text-align:center;}

#bo_vc_w {margin-top:34px;}
#bo_vc_w  h2 {position:relative; font-size:16px; color:#828080; font-weight:normal; padding-left:16px; margin-bottom:5px;}
#bo_vc_w  h2:before {position:absolute; top:50%; margin-top:-3px; left:0; content:''; width:6px; height:6px; border-radius:100%; background:#d7d7d7;}

.w-info-box {margin-bottom:10px;}
.w-date {display:inline-block; margin-left:25px; font-size:15px; color:#777;}
.comm-txt {font-size:15px; color:#777; line-height:normal;}

#bo_vc  article.comm2 {margin-left:0 !important; background:#fafafa;}
#bo_vc  article.comm2 h1 {position:relative; padding-left:20px; box-sizing:border-box; }
#bo_vc  article.comm2 h1:before  {position:absolute; top:3px; left:0; content:''; width:11px; height:11px; background:url(../images/comm2-icon.png) center center no-repeat;}
#bo_vc  article.comm2 .comm-txt  {padding-left:20px; box-sizing:border-box; }


.tbl_frm01 {border-collapse:collapse;}
.tbl_frm01  th {font-size:15px; color:#000; font-weight:normal; border:1px solid #ddd; width:20%; padding:10px 20px;}
.tbl_frm01 td {border:1px solid #ddd; }
.tbl_frm01 textarea {box-sizing:border-box; width:100%; font-size:15px;}
.btn_submit {width:110px; height:36px;  background:#7b7b7b; font-size:16px;}

@media screen and (max-width:768px){
	#bo_vc  h2 {font-size:14px; padding-left:10px;}
	#bo_vc  h2:before  {width:4px; height:4px; margin-top:-2px;}
	#bo_vc_w  h2  {font-size:14px; padding-left:10px;}
	#bo_vc_w   h2:before  {width:4px; height:4px; margin-top:-2px;}
	.bo_vc_act li a {height: 26px; line-height: 26px; width: 55px; font-size: 12px;}
	#bo_vc article h1 {font-size:13px;}
	.w-date {font-size:13px; margin-left:10px;}
	.comm-txt {font-size:13px;}
	#bo_vc article {padding:40px 12px 20px;}
	#bo_vc article.comm2 h1 {padding-left:15px;}
	#bo_vc article.comm2 h1:before {background-size:8px auto; top:0px; }
	.tbl_frm01 th {font-size:13px; padding:10px 12px;}
	.tbl_frm01 textarea  {font-size:13px;}
}

/* 로그인 폼 영역 */
.find_{max-width:620px;margin:0 auto;}
.find_tit{color:#333;font-size:18px;font-weight:600;line-height:50px;padding: 0 20px;border: 1px solid #ddd;border-bottom: none;border-top: 2px solid #666;}
.find_box{padding: 25px 20px;border: 1px solid #ddd;min-height:250px;border-top: none;}
.find_box .txt{color:#777;font-size:14px;}
.find_box .t1{color:#777;font-size:17px;}
.find_box .t2{font-size:14px;color:#777;line-height:20px;position:relative;padding-left:15px;}
.find_box .t2::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background-color:#777;border-radius:50%;}
.find_box .certification{margin-top:45px;}
.find_box .certification ul li{display:flex;align-items:center;justify-content:space-between;}
.find_box .certification ul li label{display:flex;align-items:center}
.find_box .certification ul li label input{display:none;}
.find_box .certification ul li label span{width:18px;height:18px;border-radius:50%;border:1px solid #ddd;position:relative;}
.find_box .certification ul li label span::before{content:"";position:absolute;left:50%;top:50%;margin-top:-5px;margin-left:-5px;width:10px;height:10px;border-radius:50%;background-color:#111;opacity:0;}
.find_box .certification ul li label input:checked ~ span::before{opacity:1;}
.find_box .certification ul li label p{color:#000;margin-left:8px;}
.find_box .certification ul li button{background-color:#777;color:#fff;font-size:15px;border:none;width:200px;height:40px;}
.find_box .id_info .info{margin: 20px 0;padding: 20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.find_box .id_info .info .id{color:#777;font-weight:600;font-size:18px;line-height:28px;}
.find_box .id_info .info .id strong{color:#000;}
.find_box .id_info .info .date{color:#777;}
.find_box .id_info .ba{margin-top:20px;display:flex;justify-content:space-between;}
.find_box .id_info .ba li{width:calc(50% - 3px);}
.find_box .id_info .ba li a{display:block;line-height:40px;color:#fff;font-size:15px;text-align:center;}
.find_box .id_info .ba li.gray a{background-color:#555;}
.find_box .id_info .ba li.blue a{background-color:#777;}
.find_box .inp_area ul li ~ li{margin-top:6px;}
.find_box .inp_area ul li input{border:1px solid #c4c4ca;height:50px;width:100%;font-size:15px;padding-left:45px;box-sizing:border-box;background-repeat:no-repeat;background-position:18px center;}
.find_box .inp_area ul li input::placeholder{color:#777;}
.find_box .inp_area .check_btn button{height:40px;border:none;color:#fff;background:#777;font-size:15px;}
.find_box .inp_id{margin-top:40px;}
.find_box .inp_id ul li input{background-image:url(../images/id-icon.png);}
.find_box .inp_id .check_btn{margin-top:15px;text-align:right;}
.find_box .inp_id .check_btn button{width:65px;}
.find_box .new_pw{margin-top:10px;}
.find_box .new_pw ul{margin-bottom:10px;}
.find_box .new_pw ul li input{background-image:url(../images/pw-icon.png);}
.find_box .new_pw .check_btn{margin-top:10px;}
.find_box .new_pw .check_btn button{width:100%;}

.login_area{max-width:620px;margin:0 auto;}
.login_area .tit{color:#333;font-size:18px;font-weight:600;line-height:50px;padding: 0 20px;border: 1px solid #ddd;border-bottom: none;border-top: 2px solid #666;}
.login_area .box{padding: 25px 20px;border: 1px solid #ddd;min-height:250px;border-top: none;}
.login_area .txt{color:#777;font-size:14px;}
.login_area .t1{color:#777;font-size:17px;}
.login_area .t2{font-size:14px;color:#777;line-height:20px;position:relative;padding-left:15px;}
.login_area .t2::before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;background-color:#777;border-radius:50%;}
.login_area .certification{margin-top:45px;}
.login_area .certification ul li{display:flex;align-items:center;justify-content:space-between;}
.login_area .certification ul li label{display:flex;align-items:center}
.login_area .certification ul li label input{display:none;}
.login_area .certification ul li label span{width:18px;height:18px;border-radius:50%;border:1px solid #ddd;position:relative;}
.login_area .certification ul li label span::before{content:"";position:absolute;left:50%;top:50%;margin-top:-5px;margin-left:-5px;width:10px;height:10px;border-radius:50%;background-color:#111;opacity:0;}
.login_area .certification ul li label input:checked ~ span::before{opacity:1;}
.login_area .certification ul li label p{color:#000;margin-left:8px;}
.login_area .certification ul li button{background-color:#777;color:#fff;font-size:15px;border:none;width:200px;height:40px;}
.login_area .id_info .info{margin: 20px 0;padding: 20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.login_area .id_info .info .id{color:#777;font-weight:600;font-size:18px;line-height:28px;}
.login_area .id_info .info .id strong{color:#000;}
.login_area .id_info .info .date{color:#777;}
.login_area .id_info .ba{margin-top:20px;display:flex;justify-content:space-between;}
.login_area .id_info .ba li{width:calc(50% - 3px);}
.login_area .id_info .ba li a{display:block;line-height:40px;color:#fff;font-size:15px;text-align:center;}
.login_area .id_info .ba li.gray a{background-color:#555;}
.login_area .id_info .ba li.blue a{background-color:#777;}
.login_area .inp_area ul li ~ li{margin-top:6px;}
.login_area .inp_area ul li input{border:1px solid #c4c4ca;height:50px;width:100%;font-size:15px;padding-left:45px;box-sizing:border-box;background-repeat:no-repeat;background-position:18px center;}
.login_area .inp_area ul li input::placeholder{color:#777;}
.login_area .inp_area .check_btn button{height:40px;border:none;color:#fff;background:#777;font-size:15px;}
.login_area .inp_id{margin-top:40px;}
.login_area .inp_id ul li input{background-image:url(../images/id-icon.png);}
.login_area .inp_id .check_btn{margin-top:15px;text-align:right;}
.login_area .inp_id .check_btn button{width:65px;}
.login_area .new_pw{margin-top:10px;}
.login_area .new_pw ul{margin-bottom:10px;}
.login_area .new_pw ul li input{background-image:url(../images/pw-icon.png);}
.login_area .new_pw .check_btn{margin-top:10px;}
.login_area .new_pw .check_btn button{width:100%;}
.btn.__mo{display:none;}
@media screen and (max-width:768px){
    .find_box .certification ul li{justify-content: center; align-items: center; flex-direction: column; gap:40px}
    .find_box .certification ul li label{justify-content: center;}

	.login_area .certification ul li{justify-content: center; align-items: center; flex-direction: column; gap:40px}
    .login_area .certification ul li label{justify-content: center;}
}



@media screen and (max-width:768px){
	.two.__pc{display:none;}
	.btn.__mo{display:flex; justify-content:center; align-items:center; flex-direction:column; margin-top:16px;}
	.login .btn dl~dl{margin-top:12px}
	.login .btn dl img{display:none;}
	.login .btn dl{width:80%;}
	.login .btn .abtn {height:30px;line-height:28px;min-width:70px;font-size:13px;width: 100%;}
}