@charset "utf-8";

@font-face{
	font-family:NanumSquareRoundL;
	src:url(/fonts/NanumSquareRoundL.eot);
	src:local("※"), url(/fonts/NanumSquareRoundL.woff) format('woff'), url(/fonts/NanumSquareRoundL.ttf) format('truetype');
  }
@font-face{
	font-family:NanumSquareRoundR;
	src:url(/fonts/NanumSquareRoundR.eot);
	src:local("※"), url(/fonts/NanumSquareRoundR.woff) format('woff'), url(/fonts/NanumSquareRoundR.ttf) format('truetype');
  }
@font-face{
	font-family:NanumSquareRoundB;
	src:url(/fonts/NanumSquareRoundB.eot);
	src:local("※"), url(/fonts/NanumSquareRoundB.woff) format('woff'), url(/fonts/NanumSquareRoundB.ttf) format('truetype');
  }
@font-face{
	font-family:NanumSquareRoundEB;
	src:url(/fonts/NanumSquareRoundEB.eot);
	src:local("※"), url(/fonts/NanumSquareRoundEB.woff) format('woff'), url(/fonts/NanumSquareRoundEB.ttf) format('truetype');
  }


*{margin:0; padding:0;}
a{text-decoration:none;}
li{list-style:none;}
.hidden{position:absolute; left:-9999px; top:-9999px; width:0; height:0; font-size:0; line-height:0;}



body{font-family:OpenSans,helvetica,arial,verdana,sans-serif;}



#playnote{}

/**/

.playnote_mtop {clear:both;margin-top:28px;height:388px;}
.playnote_mtop2 {
	clear:both;margin-top:20px;height:1011px;
	background:url('/images/observe/playnote_bg9.jpg') 0px 0px no-repeat;
}

.playnote_mtlt {
	float:left;width:1000px;margin-left:36px; padding-bottom:55px;
	background:url('/images/observe/playnote_bg8.jpg') 670px 10px no-repeat;
}
.playnote_mtlt>p:nth-of-type(1) {
	margin-left:4px; padding-top:10px;
	font-family:NanumSquareRoundL!important;font-size:32.5px;color:#1f1f1f; letter-spacing:1px;
	background:url('/images/observe/playnote_bg1.jpg') 0px 16px no-repeat;
}
.playnote_mtlt>p:nth-of-type(1)>em {
	font-family:NanumSquareRoundL!important;font-size:28px;color:#1f1f1f;
}
.playnote_mtlt>p:nth-of-type(2) {
	padding-left:1px; 
	font-family:NanumSquareRoundR!important;font-size:60px;color:#1f1f1f;line-height:70px;
	
}
.playnote_mtlt>p:nth-of-type(2)>em:nth-of-type(1) {
	font-family:NanumSquareRoundB!important;font-size:60px;color:#1f1f1f;
}
.playnote_mtlt>p:nth-of-type(2)>em:nth-of-type(2) {
	font-family:NanumSquareRoundEB!important;font-size:60px;color:#ff4e5b;
}


.playnote_mbtn {
	margin:460px 0 0 360px;
	display:inline-block; width:230px; height:45px; border-radius:40px; 
	padding:15px 0 0 38px; 
	text-decoration:none;
	background:linear-gradient(135deg, #5555db 0px, #5555db 0px) repeat 0 0;
	animation:moveS 3.5s ease infinite;
	-webkit-animation:moveS 3.5s ease infinite;
	-moz-animation:moveS 3.5s ease infinite;
	-ms-animation:moveS 3.5s ease infinite;
	-o-animation:moveS 3.5s ease infinite;
	box-shadow:0px 4px 2px rgba(131,106,254,.2);
	-webkit-box-shadow:0px 4px 2px rgba(131,106,254,.2);
}
.playnote_mbtn>span {font-family:NanumSquareRoundEB!important;font-size:20px;color:#ffffff;}
@keyframes moveS {
	0%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	10%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	15%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 100px) repeat 0 0;}
	18%{background:linear-gradient(135deg, #53a6ff 20px, #5555db 240px) repeat 0 0;}
	21%{background:linear-gradient(135deg, #53a6ff 40px, #5555db 360px) repeat 0 0;}
	24%{background:linear-gradient(135deg, #53a6ff 60px, #5555db 480px) repeat 0 0;}
	27%{background:linear-gradient(135deg, #53a6ff 100px, #5555db 600px) repeat 0 0;}
	30%{background:linear-gradient(135deg, #53a6ff 140px, #5555db 720px) repeat 0 0;}
	33%{background:linear-gradient(135deg, #5555db 0px, #53a6ff 120px) repeat 0 0;}
	36%{background:linear-gradient(135deg, #5555db 20px, #53a6ff 240px) repeat 0 0;}
	39%{background:linear-gradient(135deg, #5555db 40px, #53a6ff 360px) repeat 0 0;}
	42%{background:linear-gradient(135deg, #5555db 60px, #53a6ff 480px) repeat 0 0;}
	45%{background:linear-gradient(135deg, #5555db 100px, #53a6ff 600px) repeat 0 0;}
	48%{background:linear-gradient(135deg, #5555db 140px, #53a6ff 720px) repeat 0 0;}
	51%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	100%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
}
@-webkit-keyframes moveSS {
	0%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	10%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	15%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 100px) repeat 0 0;}
	18%{background:linear-gradient(135deg, #53a6ff 20px, #5555db 240px) repeat 0 0;}
	21%{background:linear-gradient(135deg, #53a6ff 40px, #5555db 360px) repeat 0 0;}
	24%{background:linear-gradient(135deg, #53a6ff 60px, #5555db 480px) repeat 0 0;}
	27%{background:linear-gradient(135deg, #53a6ff 100px, #5555db 600px) repeat 0 0;}
	30%{background:linear-gradient(135deg, #53a6ff 140px, #5555db 720px) repeat 0 0;}
	33%{background:linear-gradient(135deg, #5555db 0px, #53a6ff 120px) repeat 0 0;}
	36%{background:linear-gradient(135deg, #5555db 20px, #53a6ff 240px) repeat 0 0;}
	39%{background:linear-gradient(135deg, #5555db 40px, #53a6ff 360px) repeat 0 0;}
	42%{background:linear-gradient(135deg, #5555db 60px, #53a6ff 480px) repeat 0 0;}
	45%{background:linear-gradient(135deg, #5555db 100px, #53a6ff 600px) repeat 0 0;}
	48%{background:linear-gradient(135deg, #5555db 140px, #53a6ff 720px) repeat 0 0;}
	51%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	100%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
}
@-moz-keyframes moveSS {
	0%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	10%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	15%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 100px) repeat 0 0;}
	18%{background:linear-gradient(135deg, #53a6ff 20px, #5555db 240px) repeat 0 0;}
	21%{background:linear-gradient(135deg, #53a6ff 40px, #5555db 360px) repeat 0 0;}
	24%{background:linear-gradient(135deg, #53a6ff 60px, #5555db 480px) repeat 0 0;}
	27%{background:linear-gradient(135deg, #53a6ff 100px, #5555db 600px) repeat 0 0;}
	30%{background:linear-gradient(135deg, #53a6ff 140px, #5555db 720px) repeat 0 0;}
	33%{background:linear-gradient(135deg, #5555db 0px, #53a6ff 120px) repeat 0 0;}
	36%{background:linear-gradient(135deg, #5555db 20px, #53a6ff 240px) repeat 0 0;}
	39%{background:linear-gradient(135deg, #5555db 40px, #53a6ff 360px) repeat 0 0;}
	42%{background:linear-gradient(135deg, #5555db 60px, #53a6ff 480px) repeat 0 0;}
	45%{background:linear-gradient(135deg, #5555db 100px, #53a6ff 600px) repeat 0 0;}
	48%{background:linear-gradient(135deg, #5555db 140px, #53a6ff 720px) repeat 0 0;}
	51%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	100%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
}
@-o-keyframes moveSS {
	0%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	10%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	15%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 100px) repeat 0 0;}
	18%{background:linear-gradient(135deg, #53a6ff 20px, #5555db 240px) repeat 0 0;}
	21%{background:linear-gradient(135deg, #53a6ff 40px, #5555db 360px) repeat 0 0;}
	24%{background:linear-gradient(135deg, #53a6ff 60px, #5555db 480px) repeat 0 0;}
	27%{background:linear-gradient(135deg, #53a6ff 100px, #5555db 600px) repeat 0 0;}
	30%{background:linear-gradient(135deg, #53a6ff 140px, #5555db 720px) repeat 0 0;}
	33%{background:linear-gradient(135deg, #5555db 0px, #53a6ff 120px) repeat 0 0;}
	36%{background:linear-gradient(135deg, #5555db 20px, #53a6ff 240px) repeat 0 0;}
	39%{background:linear-gradient(135deg, #5555db 40px, #53a6ff 360px) repeat 0 0;}
	42%{background:linear-gradient(135deg, #5555db 60px, #53a6ff 480px) repeat 0 0;}
	45%{background:linear-gradient(135deg, #5555db 100px, #53a6ff 600px) repeat 0 0;}
	48%{background:linear-gradient(135deg, #5555db 140px, #53a6ff 720px) repeat 0 0;}
	51%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	100%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
}
@-ms-keyframes moveSS {
	0%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	10%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	15%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 100px) repeat 0 0;}
	18%{background:linear-gradient(135deg, #53a6ff 20px, #5555db 240px) repeat 0 0;}
	21%{background:linear-gradient(135deg, #53a6ff 40px, #5555db 360px) repeat 0 0;}
	24%{background:linear-gradient(135deg, #53a6ff 60px, #5555db 480px) repeat 0 0;}
	27%{background:linear-gradient(135deg, #53a6ff 100px, #5555db 600px) repeat 0 0;}
	30%{background:linear-gradient(135deg, #53a6ff 140px, #5555db 720px) repeat 0 0;}
	33%{background:linear-gradient(135deg, #5555db 0px, #53a6ff 120px) repeat 0 0;}
	36%{background:linear-gradient(135deg, #5555db 20px, #53a6ff 240px) repeat 0 0;}
	39%{background:linear-gradient(135deg, #5555db 40px, #53a6ff 360px) repeat 0 0;}
	42%{background:linear-gradient(135deg, #5555db 60px, #53a6ff 480px) repeat 0 0;}
	45%{background:linear-gradient(135deg, #5555db 100px, #53a6ff 600px) repeat 0 0;}
	48%{background:linear-gradient(135deg, #5555db 140px, #53a6ff 720px) repeat 0 0;}
	51%{background:linear-gradient(135deg, #53a6ff 0px, #5555db 0px) repeat 0 0;}
	100%{background:linear-gradient(135deg, #53a6ff 0px, #7d4afe 0px) repeat 0 0;}
}
.playnote_mbtn>span {display:block;float:left;}
.playnote_mbtn>span:nth-of-type(2) {margin:-2px 0 0 21px;}
.playnote_mbtn>span:nth-of-type(2) {
	position:relative;
	animation:moveSS .7s ease infinite;
	-webkit-animation:moveSS .5s ease infinite;
	-moz-animation:moveSS .7s ease infinite;
	-ms-animation:moveSS .7s ease infinite;
	-o-animation:moveSS .7s ease infinite;
}
@keyframes moveSS {
	0%{top:0; left:0;}
	50%{top:0px; left:8px;}
	100%{top:0px; left:0px;}
}

@-webkit-keyframes moveSS {
	0%{top:0; left:0;}
	50%{top:0px; left:8px;}
	100%{top:0px; left:0px;}
}
@-moz-keyframes moveSS {
	0%{top:0; left:0;}
	50%{top:0px; left:8px;}
	100%{top:0px; left:0px;}
}
@-o-keyframes moveSS {
	0%{top:0; left:0;}
	50%{top:0px; left:8px;}
	100%{top:0px; left:0px;}
}
@-ms-keyframes moveSS {
	0%{top:0; left:0;}
	50%{top:0px; left:8px;}
	100%{top:0px; left:0px;}
}


.playnote_mvall {
	width:1000px; height:816px;
	background: url('/images/observe/playnote_bg10.jpg') 0px 0px no-repeat;
}
.playnote_mv {width:740px; height:440px; margin-left:133px; border-radius:20px;}
.playnote_mv>a {display:block;width:740px; height:440px;}

.playnote_mimg {clear:both; margin-left:21px;}
.playnote_mimg>dl {
	float:left; padding:0px 81px 0 75px;
	background: url('/images/observe/playnote_bg2.jpg') 0px 0px no-repeat;
	background-position:right;
}
.playnote_mimg>dl:last-child {background:none!important;padding-right:0!important;}
.playnote_mimg>dl>dt {
	padding-top:81px;
	font-family:NanumSquareRoundB!important;font-size:19px;color:#000000;text-align:center;
}
.playnote_mimg>dl>dt>em {
	font-family:NanumSquareRoundB!important;font-size:19px;color:#ff4e5b;font-style:normal;
}
.playnote_mimg>dl>dd {
	padding-top:16px;
	font-family:NanumSquareRoundL!important;font-size:14.5px;color:#000000;text-align:center;line-height:22px;
}
.playnote_mimg>dl:nth-of-type(1)>dt {
	background: url('/images/observe/playnote_icon2.jpg') 0px 0px no-repeat;
	background-position:center top;
}
.playnote_mimg>dl:nth-of-type(2)>dt {
	background: url('/images/observe/playnote_icon3.jpg') 0px 0px no-repeat;
	background-position:center top;
}
.playnote_mimg>dl:nth-of-type(3)>dt {
	background: url('/images/observe/playnote_icon4.jpg') 0px 0px no-repeat;
	background-position:center top;
}


.playnote_contsbox {
	clear:both;width:1000px;height:976px;
	background: url('/images/observe/playnote_bg11.jpg') 0px 0px no-repeat;
	/*
	border:1px solid #e2e2e2; border-radius:30px;
	box-shadow:0px 8px 3px rgba(215,215,215,.2), 0px -2px 3px rgba(230,230,230,.2), -2px 0px 3px rgba(230,230,230,.2), 2px 0px 3px rgba(230,230,230,.2);
	-webkit-box-shadow:0px 8px 3px rgba(215,215,215,.2), 0px -2px 3px rgba(230,230,230,.2), -2px 0px 3px rgba(230,230,230,.2), 2px 0px 3px rgba(230,230,230,.2);
	*/
}
.playnote_tab {margin:0 auto;width:806px;padding:73px 0 0 16px;}
.playnote_tab>a:nth-of-type(1) {
	display:inline-block; width:250px; height:53px; padding-top:25px; margin:0 5px;
	text-align:center;font-family:NanumSquareRoundEB!important;font-size:24px;color:#ffffff;
	background-color:#f76c71; border-radius:24px 24px 0 0;
}
.playnote_tab>a:nth-of-type(2) {
	display:inline-block; width:250px; height:53px; padding-top:25px; margin:0 5px;
	text-align:center;font-family:NanumSquareRoundEB!important;font-size:24px;color:#ffffff;
	background-color:#69cbd8; border-radius:24px 24px 0 0;
}
.playnote_tab>a:nth-of-type(3) {
	display:inline-block; width:250px; height:53px; padding-top:25px; margin:0 5px;
	text-align:center;font-family:NanumSquareRoundEB!important;font-size:24px;color:#ffffff;
	background-color:#feb323; border-radius:24px 24px 0 0;
}

.playnote_tab>a:hover {text-decoration:none;}
.playnote_tabon {
	display:inline-block; width:250px; height:45px; padding-top:5px;
	text-align:center;font-family:NanumSquareRoundEB!important;font-size:17px;color:#ee3e44!important;
	background-color:#ffffff!important; border-radius:24px 24px 0 0;
}

.playnote_conts1 {}
.playnote_conts1>p:nth-of-type(1) {
	margin:80px 0 25px 0;
	text-align:center;font-family:NanumSquareRoundB;font-size:19px;color:#212121; letter-spacing:18px;
	background: url('/images/observe/playnote_bg4.jpg') 300px 0px no-repeat;
}
.playnote_conts1>p:nth-of-type(2) {
	text-align:center;font-family:NanumSquareRoundEB;font-size:41px;color:#212121;
}
.playnote_conts1>p:nth-of-type(3) {
	margin:22px 0 60px 0;
	text-align:center;font-family:NanumSquareRoundL;font-size:15.5px;color:#212121; line-height:28px;
}
.playnote_conts1>p:nth-of-type(4) {
	width:768px; margin:0 auto; height:500px;
	background: url('/images/observe/playnote_bg12.jpg') 0px 0px no-repeat;
	background-position:left top;
}
.playnote_conts1>p:nth-of-type(4)>span {
	display:block; float:left;
	text-align:center;font-family:NanumSquareRoundB;font-size:15px;color:#212121; line-height:20px;
}
.playnote_conts1>p:nth-of-type(4)>span>em {
	display:inline-block;
	text-align:center;font-family:NanumSquareRoundB;font-size:15px;color:#ff333c; line-height:20px;
}

.playnote_conts1>p:nth-of-type(4)>span:nth-of-type(1) {width:110px; padding-top:170px;}
.playnote_conts1>p:nth-of-type(4)>span:nth-of-type(2) {width:220px; padding-top:213px;}
.playnote_conts1>p:nth-of-type(4)>span:nth-of-type(3) {width:96px; padding-top:170px;}
.playnote_conts1>p:nth-of-type(4)>span:nth-of-type(4) {width:240px; padding-top:230px;}
.playnote_conts1>p:nth-of-type(4)>span:nth-of-type(5) {width:70px; padding-top:176px;}

.playnote_conts2 {}
.playnote_conts2>p {
	margin-top:60px;
	text-align:center;font-family:NanumSquareRoundEB;font-size:41px;color:#212121;
}
.playnote_conts2>dl {}
.playnote_conts2>dl>dt {
	padding-left:150px; text-align:left; margin:30px 0 9px 0;
	font-family:NanumSquareRoundB;font-size:21px;color:#212121;
	background: url('/images/observe/playnote_icon5.jpg') 124px 9px no-repeat;
}
.playnote_conts2>dl>dd {
	padding-left:150px; text-align:left; margin-bottom:35px; width:730px;
	font-family:NanumSquareRoundL;font-size:15px;color:#212121;line-height:26px;
}

.playnote_conts3 {}
.playnote_conts3>p {
	margin-top:60px;
	text-align:center;font-family:NanumSquareRoundEB;font-size:41px;color:#212121;
}
.playnote_conts3>dl {
	background: url('/images/observe/playnote_bg5.jpg') 148px 64px no-repeat;
}
.playnote_conts3>dl>dt {
	padding-left:150px; text-align:left; margin:44px 0 33px 0;
	font-family:NanumSquareRoundB;font-size:21px;color:#212121;
	background: url('/images/observe/playnote_icon5.jpg') 124px 9px no-repeat;
}
.playnote_conts3>dl>dd {
	padding-left:180px; text-align:left; margin-bottom:38px; width:680px;
	font-family:NanumSquareRoundL;font-size:15px;color:#212121;line-height:26px;
}






/**/
.playnote_top {clear:both;overflow:hidden;}
.playnote_topclass {float:left;margin-top:27px;}
.playnote_topclass_txt {padding:8px 0 0 18px;font-family:NanumSquareRoundB!important;font-size:14px;color:#1f1f1f;}
.playnote_topclass_txt>em {font-family:NanumSquareRoundB!important;font-style:normal;color:#fe3d4e;}

.playnote_topclass_select {}
.styled-select1 {float:left;margin:0 10px 0 5px;}
.styled-select2 {float:left;}

.styled-select1 select {
   background: transparent;
   width: 134px;
   padding: 5px 5px 5px 10px; margin-top:-1px;margin-left:-1px;
   font-family:NanumSquareRoundR!important;font-size:13.5px;color:#1f1f1f;
   line-height: 1;
   border: none;
   border-radius: 0;
   height: 35px;
   -webkit-appearance: none;
}
.styled-select1 {
   width: 106px;
   height: 33px;
   overflow: hidden;
   background: url('/images/observe/observe_icon7.png') 0px 0px no-repeat;
   background-position:right;
   border: 1px solid #ccc;
   border-radius: 17px;
   background-color:#ffffff;
}

.styled-select2 select {
   background: transparent;
   width: 248px;
   padding: 5px 5px 5px 10px; margin-top:-1px;margin-left:-1px;
   font-family:NanumSquareRoundR!important;font-size:13.5px;color:#1f1f1f;
   line-height: 1;
   border: none;
   border-radius: 0;
   height: 35px;
   -webkit-appearance: none;
}
.styled-select2 {
   width: 220px;
   height: 33px;
    overflow: hidden;
   background: url('/images/observe/observe_icon7.png') 0px 0px no-repeat;
   background-position:right;
   border: 1px solid #ccc;
   border-radius: 17px;
   background-color:#ffffff;
}
.playnote_topclass_stxt {float:left;margin:7px 0 0 14px;font-family:NanumSquareRoundR!important;font-size:14px;color:#1f1f1f;}
.playnote_topclass_stxt>em {font-style:normal;color:#fe3d4e;}



.playnote_topbtn {float:right; margin-top:27px;}
.playnote_topbtn>a {
	display:inline-block;border:1px solid #acacac; border-radius:5px; margin:0 1px 0 6px; text-decoration:none;
}
.playnote_topbtn>a>span {display:inline-block;height:27px;padding:8px 15px 0 39px; font-family:NanumSquareRoundR!important;font-size:13.5px;color:#1f1f1f;}
.playnote_topbtn>a:nth-of-type(1)>span {
	background:url('/images/observe/observe_icon2.png') 15px  9px no-repeat;
}
.playnote_topbtn>a:nth-of-type(2)>span {
	background:url('/images/observe/playnote_icon6.png') 15px  9px no-repeat;
}
.playnote_topbtn>a:nth-of-type(3)>span {
	background:url('/images/observe/observe_icon3.png') 15px  9px no-repeat;
}
.playnote_topbtn>a:nth-of-type(1):hover {border:1px solid #7598f6;background:#7598f6;}
.playnote_topbtn>a:nth-of-type(1):hover>span {
	color:#ffffff;
	background:url('/images/observe/observe_icon2on.png') 15px  9px no-repeat;
}
.playnote_topbtn>a:nth-of-type(2):hover {border:1px solid #ff90b2;background:#ff90b2;}
.playnote_topbtn>a:nth-of-type(2):hover>span {
	color:#ffffff;
	background:url('/images/observe/playnote_icon6on.png') 15px  9px no-repeat;
}
.playnote_topbtn>a:nth-of-type(3):hover {border:1px solid #00bfe1;background:#00bfe1;}
.playnote_topbtn>a:nth-of-type(3):hover>span {
	color:#ffffff;
	background:url('/images/observe/observe_icon3on.png') 15px  9px no-repeat;
}




/**/
.playnote_table {margin-top:20px;margin-bottom:50px;}
.playnote_table>p {font-size:0;line-height:0;}
.playnote_tablelist {
	width:1024px;
	table-layout: fixed;
	border-collapse: collapse;
}
.playnote_tablelist tbody tr th {
	height:41px;padding-top:2px;border-left:1px solid #bab3b4;border-right:1px solid #bab3b4;border-bottom:1px solid #bab3b4;
	font-family:NanumSquareRoundR!important;font-size:14px;color:#1f1f1f;
}
.playnote_tablelist tbody tr:nth-of-type(2) td {
	padding:0;border-left:1px solid #bab3b4;border-right:1px solid #bab3b4;/*border-bottom:1px solid #bab3b4;*/
	font-family:NanumSquareRoundR!important;font-size:14px;color:#1f1f1f;text-align:center;
}
.playnote_tablelist tbody tr td {
	height:58px;
	padding:0;border-left:1px solid #bab3b4;border-right:1px solid #bab3b4;
	background:url('/images/observe/observe_li2.jpg') 0px 0px repeat-x;background-position:bottom;
	font-family:NanumSquareRoundR!important;font-size:14px;color:#1f1f1f;text-align:center;
}
.playnote_tablelist tbody tr:last-child td {
	border-bottom:1px solid #bab3b4;background:none!important;
}

.playnote_bott_txt {
	line-height:68px;/*border-top:1px solid #bab3b4;*/margin-bottom:-7px; margin-top:-30px;
	text-align:center;padding:8px 0 0 18px;font-family:NanumSquareRoundB!important;font-size:15px;color:#1f1f1f;
}
.playnote_bott_txt>em {font-family:NanumSquareRoundB!important;font-style:normal;color:#fe3d4e;}
.playnote_bott_btn1 {
	display:block;
	width:280px; height:49px; margin:0 auto; text-align:center;
	border-radius:5px;text-decoration:none;background-color:#7d4afe;
}
.playnote_bott_btn1>span {
	display:block;font-family:NanumSquareRoundB!important;font-size:20px;color:#ffffff;
	padding:10px 0 0 32px;
	background:url('/images/observe/observe_icon5.png') 56px 13px no-repeat;
}
.playnote_bott_btn2 {
	clear:both;display:block; 
	width:280px; height:49px; margin:0 auto; text-align:center;
	border-radius:5px;text-decoration:none;background-color:#7d4afe;
}
.playnote_bott_btn2>span {
	display:block;font-family:NanumSquareRoundB!important;font-size:20px;color:#ffffff;
	padding:10px 0 0 28px;
	background:url('/images/observe/playnote_icon10.png') 56px 13px no-repeat;
}




.playnote_tablelist tbody tr td a {
	display:inline-block;border:1px solid #c7c7c7; border-radius:15px; margin:0 1px 0 6px; text-decoration:none;
}
.playnote_tablelist tbody tr td a span {
	display:inline-block;height:23px;padding:4px 15px 0 39px;
	font-family:NanumSquareRoundR!important;font-size:13.5px;color:#4b4b4b;
}
.playnote_contsbtn1>span {
	background:url('/images/observe/playnote_icon7.jpg') 15px  5px no-repeat;
}
.playnote_contsbtn1:hover {text-decoration:none;}
.playnote_contsbtn2>span {
	background:url('/images/observe/playnote_icon8.jpg') 15px  5px no-repeat;
}
.playnote_contsbtn2:hover {text-decoration:none;}
.playnote_contsbtn3>span {
	background:url('/images/observe/playnote_icon9.jpg') 15px  5px no-repeat;
}
.playnote_contsbtn3:hover {text-decoration:none;}
.playnote_contsbtn4>span {
	background:url('/images/observe/observe_icon3.png') 15px  5px no-repeat;
}
.playnote_contsbtn4:hover {text-decoration:none;}
.playnote_contsbtn5>span {
	background:url('/images/observe/playnote_icon19.png') 15px  5px no-repeat;
}
.playnote_contsbtn5:hover {text-decoration:none;}


.table_listnum {text-align:center; margin-top:-14px;}
.table_listnum>li {display:inline-block;}
.table_listnum>li>a {display:inline-block;width:36px;}
.table_listnum>li>a:hover {text-decoration:none;}
.table_listnum_on {
	font-family:NanumSquareRoundEB!important;font-size:15px;color:#7d4afe!important;
}
.table_listnum_off {
	font-family:NanumSquareRoundR!important;font-size:15px;color:#212121;
}

.playnote_imgview {
	width:203px;height:280px; text-align:center; padding-top:17px;
	background:url('/images/observe/playnote_bg6.png') 0px  0px no-repeat;
}

.playnote_imgview>a {}
.playnote_imgview>a>span:nth-of-type(1) {position:relative;}
.playnote_imgview>a>span:nth-of-type(2) {position:absolute; top:7px; right:7px;}


.playnote_imgview2 {
	width:271px;height:367px; text-align:center; padding-top:27px;
	background:url('/images/observe/playnote_bg7.png') 0px  0px no-repeat;
}

.playnote_imgview2>a {}
.playnote_imgview2>a>span:nth-of-type(1) {position:relative;}
.playnote_imgview2>a>span:nth-of-type(2) {position:absolute; top:9px; right:9px;}

/**/

.playnote_writebox_table {width:1024px;}

.playnote_writebox_table>tbody>tr>td {
	font-family:NanumSquareRoundR!important;font-size:15px;color:#000000;
	text-align:left;border-bottom:1px solid #e3e3e3;
}
.playnote_writebox_table>tbody>tr:last-child>td {
	font-family:NanumSquareRoundR!important;font-size:13px;color:#4b4b4b;
	text-align:left;border-bottom:1px solid #c0c0c0;
}
.playnote_writebox_table>tbody>tr:nth-of-type(1)>td:nth-of-type(1),
.playnote_writebox_table>tbody>tr:nth-of-type(2)>td:nth-of-type(1),
.playnote_writebox_table>tbody>tr:nth-of-type(3)>td:nth-of-type(1) {
		font-family:NanumSquareRoundB!important;font-size:15px;color:#000000;
		text-align:center;background-color:#fff5f6;line-height:18px; height:63px;
}
.playnote_writebox_table>tbody>tr:nth-of-type(4)>td:nth-of-type(1),
.playnote_writebox_table>tbody>tr:nth-of-type(5)>td:nth-of-type(1),
.playnote_writebox_table>tbody>tr:nth-of-type(6)>td:nth-of-type(1) {
		font-family:NanumSquareRoundB!important;font-size:15px;color:#000000;
		text-align:center;background-color:#fff5f6;line-height:18px;
}

.playnote_writebox_table>tbody>tr:nth-of-type(1)>td:nth-of-type(3) {
	font-family:NanumSquareRoundB!important;font-size:14px;color:#000000;
	text-align:center;background-color:#fff5f6;
}
.playnote_writebox_table>tbody>tr:nth-of-type(2)>td:nth-of-type(2) {padding-left:36px;}

.playnote_writebox_table>tbody>tr>td:nth-of-type(2),
.playnote_writebox_table>tbody>tr>td:nth-of-type(4) {
	font-family:NanumSquareRoundR!important;font-size:14.5px;color:#4b4b4b;
	padding-left:30px;
}
.playnote_writebox_table>tbody>tr:nth-of-type(3)>td:nth-of-type(2)>div {margin-left:0px;}
.playnote_writebox_table>tbody>tr:nth-of-type(5)>td:nth-of-type(2) {padding:50px 0 50px 30px;}
.playnote_writebox_table>tbody>tr:nth-of-type(6)>td:nth-of-type(2) {padding:20px 0 20px 30px;}

.playnote_writebox_txt {
	border: 1px solid #ffffff;width:850px;height:200px;line-height:20px;
	font-family:NanumSquareRoundR!important;font-size:13px;color:#4b4b4b;text-align:left;
	margin:20px 0px;
}

.playnote_write {
	font-family:NanumSquareRoundR!important;font-size:13px;color:#4b4b4b;text-align:left;
	border:1px solid #d0d0d0;border-radius:16px;
    width:440px;height:29px;padding:0 20px;margin-right:4px;
}


/**/
.file_input_div2txt {float:left;margin-top:11px;padding:0 4px 0 27px;background: url('/images/observe/observe_icon15.jpg') 0px 0px no-repeat;}
.file_input_div2 {float:left;position:relative; width:100px; height:36px; overflow:hidden;top:5px;}
.file_input_div3 {float:left;position:relative; width:124px; height:36px; overflow:hidden;top:5px;}

/**/
.file_input_textbox {
	float:left;
	font-family:NanumSquareRoundR!important;font-size:13.5px;color:#1f1f1f;text-align:center;
	border: 1px solid #d0d0d0;
	border-radius:16px;
    width: 177px;
    height: 29px;
    padding:0 10px;
}
.file_input_div {position:relative; width:67px; height:36px; overflow:hidden;top:5px;}
.file_input_img_btn {padding:0 0 0 5px;}
.file_input_hidden {
	font-size:29px; position:absolute; right:0px; top:0px; opacity:0;
	filter: alpha(opacity=0); 
	-ms-filter: alpha(opacity=0); 
    cursor:pointer;
}


/**/
.playnote_exbtn1 {
	display:block;width:56px;height:18px;border-radius:4px;background-color:#ff3e4e;margin:0 auto;margin-top:10px;
	font-family:NanumSquareRoundR!important;font-size:12px;color:#ffffff; border:1px solid #ff0000;
}

.playnote_exbtn1:hover {text-decoration:none;color:#ffffff;}
.playnote_exbtn1:link {color:#ffffff;}
.playnote_exbtn1:active {color:#ffffff;}
.playnote_exbtn1:visited {color:#ffffff;}

.playnote_exbtn2 {
	display:block;width:56px;height:18px;border-radius:4px;background-color:#ff673e;margin:0 auto;margin-top:8px;
	font-family:NanumSquareRoundR!important;font-size:12px;color:#ffffff; border:1px solid #ff0000;
}

.playnote_exbtn2:hover {text-decoration:none;color:#ffffff;}
.playnote_exbtn2:link {color:#ffffff;}
.playnote_exbtn2:active {color:#ffffff;}
.playnote_exbtn2:visited {color:#ffffff;}





/**/
.playnote_levelm {
	display:block; position:absolute; left:98px; width:37px; height:33px; padding:3px 0 0 0; margin-top:-2px;
	font-family:NanumSquareRoundEB!important;font-size:11px;color:#ffffff; text-align:center; letter-spacing:-1px;
	background:url("/images/observe/nametag_icon_m.png") no-repeat 0 0px;
}
.playnote_levels {
	display:block; position:absolute; left:98px; width:37px; height:33px; padding:3px 0 0 0px; margin-top:-2px;
	font-family:NanumSquareRoundEB!important;font-size:11px;color:#ffffff; text-align:center; letter-spacing:-1px;
	background:url("/images/observe/nametag_icon_s.png") no-repeat 0 0px;
}
.playnote_levelf {
	display:block; position:absolute; left:98px; width:37px; height:33px; padding:3px 0 0 0px; margin-top:-2px;
	font-family:NanumSquareRoundEB!important;font-size:11px;color:#ffffff; text-align:center; letter-spacing:-1px;
	background:url("/images/observe/nametag_icon_f.png") no-repeat 0 0px;
}


/*chk*/
.playnote_imgselect {float:left;position:relative;margin:20px 20px 20px 0;}

.input_radio {position:absolute;margin:-8px 10px 0 0;}
.input_radio .radio  {display:none; position:absolute; right:0; width:27px;}
.input_radio label {display:inline-block;width:27px; height:28px;background:url("/images/observe/playnote_radiooff.png") no-repeat 0 1px; cursor:pointer;}
.input_radio input:checked + label {background:url("/images/observe/playnote_radioon.png") no-repeat 0 1px;}
.input_radio label>span {display:block;width:136px;height:174px;}
.input_radio label>span>span {display:block;padding:20px 0 0 40px;}


.playnote_imgs {
	width:124px;height:141px;margin:0px 0 0 7px;
	border:1px solid #d1d1d1;border-radius:8px;text-align:center;padding-top:20px;
}


.playnote_bott_btn3 {
	clear:both;display:block; margin:-20px 0 0 840px;
	width:160px; height:42px; text-align:center; 
	border-radius:5px;text-decoration:none; border:1px solid #a8a8a8;
}
.playnote_bott_btn3>span {
	display:block;font-family:NanumSquareRoundB!important;font-size:16px;color:#1f1f1f;
	padding:10px 20px 0 0;letter-spacing:3px; 
	background:url('/images/observe/playnote_icon16.jpg') 110px 15px no-repeat;
}
.playnote_bott_btn4 {
	float:left;display:block; margin:-20px 0 0 20px;
	width:160px; height:42px; text-align:center; 
	border-radius:5px;text-decoration:none; border:1px solid #a8a8a8;
}
.playnote_bott_btn4>span {
	display:block;font-family:NanumSquareRoundB!important;font-size:16px;color:#1f1f1f;
	padding:10px 0px 0 20px;letter-spacing:3px;
	background:url('/images/observe/playnote_icon17.jpg') 40px 14px no-repeat;
}
.playnote_bott_btn5 {
	float:right; display:block; margin:-20px 20px 0 0px;
	width:160px; height:42px; text-align:center; background-color:#7d4afe;
	border-radius:5px;text-decoration:none; border:1px solid #7d4afe;
}
.playnote_bott_btn5>span {
	display:block;font-family:NanumSquareRoundB!important;font-size:16px;color:#ffffff;
	padding:10px 0px 0 0px;letter-spacing:3px;
}



/**/
.playnote_edittlt {
	margin:30px 0 0 0;
	font-family:NanumSquareRoundB!important;font-size:19px;color:#000000; text-align:center;
}
.playnote_edittlt>span:nth-of-type(1) {display:inline-block;width:168px;}
.playnote_edittlt>span:nth-of-type(2) {display:inline-block;width:850px;}

.playnote_edit {
	clear:both;height:1202px;margin-bottom:50px;border-bottom:1px solid #c0c0c0;
}


.playnote_editlist {
	float:left; width:158px;height:1189px;text-align:center;margin-top:-5px;background-color:#fff5f6; padding-right:10px;	
}
.playnote_editlist>ul {margin-top:34px;height:1120px;overflow:auto;}
.playnote_editlist>ul>li {display:block;margin-bottom:20px;}
.playnote_editimg {float:left; margin:32px 0 0 38px;}