@font-face{font-family:'cc';src:url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@1.0/ChosunKm.woff') format('woff');font-weight:normal;font-style:normal}

#skyhue{position: relative;width: 900px;padding:30px;margin: 0 auto 0;border: 3px #fff solid;}
/*#menu{width: 402px;position: absolute;right: 29px;top: 348px;}
#menu li{float:left;width: 132px;padding:10px;color:#fff;border: 1px #fff solid;margin: 1px;cursor: pointer;height: 38px;}
#menu li:hover{background:#777}
#jong{width: 410px;position: absolute;right: 21px;top: 288px;}
#jong li{text-align: center;float:left;width: 24%;padding: 13px;color:#fff;border: 1px #fff solid;margin: 1px;height: 44px;}
#jong li:hover{background:#777;cursor: pointer;}*/


#menu li:nth-child(n+7) {width: 98.5px;}

h1{margin: 20px 0 10px;}
h3{margin: 36px 0 10px;}
p{margin:10px 0;line-height:1.4}

#jong.j1 .j1,
#jong.j2 .j2,
#jong.j3 .j3,
#jong.j4 .j4{background:#888}

#menu.m01 .m01,
#menu.m02 .m02,
#menu.m03 .m03,
#menu.m04 .m04,
#menu.m1 .m1,
#menu.m2 .m2,
#menu.m3 .m3,
#menu.m4 .m4,
#menu.m5 .m5,
#menu.m6 .m6,
#menu.m7 .m7,
#menu.m8 .m8,
#menu.m9 .m9,
#menu.m10 .m10,
#menu.m11 .m11,
#menu.m12 .m12,
#menu.m13 .m13,
#menu.m14 .m14,
#menu.m15 .m15,
#menu.m16 .m16,
#menu.m17 .m17,
#menu.m18 .m18,
#menu.m19 .m19,
#menu.m20 .m20,
#menu.m21 .m21,
#menu.m22 .m22{background:#888}


#sm.ss .sss5,
#sm.mm .mmm5{
	background: #3f51b5;
}

#viewon{position: absolute;
	top: 146px;
	left: 208px;
	font-size: 50px;
	width: 20px;
	line-height: 1;}

#viewon3{
	position: absolute;
	top: 124px;
	left: 176px;
	width: 20px;
	line-height: 1.2;
	font-size: 56px;
}

.form-control.disabled {
	pointer-events: none;
}

#view.m01 #viewon{line-height:1.2}
#view.m02 #viewon{line-height:1.2}
#view.m03 #viewon{line-height:1.2}
#view.m04 #viewon{line-height:1.2}

#view.m01 #viewon .left,
#view.m02 #viewon .left,
#view.m03 #viewon .left,
#view.m04 #viewon .left{position: absolute;left:-30px; white-space: normal; word-break: break-all}

#view.m01 #viewon .right,
#view.m02 #viewon .right,
#view.m03 #viewon .right,
#view.m04 #viewon .right{position: absolute;left: 30px; white-space: normal; word-break: break-all}

#view.m1 #viewon{line-height:1.2}
#view.m2 #viewon{line-height:1}
#view.m3 #viewon{line-height:1.35}
#view.m4 #viewon{line-height:1.1}
#view.m5 #viewon{line-height:1.4}
#view.m6 #viewon{line-height:1.2}
#view.m7 #viewon{line-height:1.4}
#view.m8 #viewon{line-height: 1.3;}
#view.m9 #viewon{line-height:1.3}
#view.m10 #viewon{line-height: 1.35;}
#view.m11 #viewon{line-height: 1.3;}
#view.m12 #viewon{line-height:1.1}
#view.m13 #viewon{line-height:1.3}
#view.m14 #viewon{line-height:1.1}
#view.m15 #viewon{line-height:1.3}
#view.m16 #viewon{line-height: 1.1;}
#view.m17 #viewon{line-height: 1.45;}
#view.m18 #viewon{line-height: 1.2;}
#view.m19 #viewon{line-height: 1.3;}
#view.m20 #viewon{line-height: 1.1;}
#view.m21 #viewon{line-height: 1.3;}
#view.m22 #viewon{line-height: 1.3;}

#viewon1_left,
#viewon1_right {
	line-height: 1;
}

#viewon1_left{
	position: absolute;
	left: 107px;
	width: 20px;
	font-size: 22px;
	top: 165px;
}
#viewon1_right{
	position: absolute;
	right: 107px;
	width: 20px;
	font-size: 22px;
	top: 165px;
}
#viewon1_left div,
#viewon1_right div{padding:7px}

#viewon3 img { max-width: unset; }

#view{
	width: 400px;
	height: 900px;
	background: url(../img/dnc_jibang1.png) #fff;
	/* background: url(dnc_jibang2.png) #fff; */
	background-repeat: no-repeat;
	background-position: center;
	font-family:'cc';
}

#view1{
	width: 400px;
	height: 900px;
	background: url(../img/dnc_jibang2.png) #fff;
	background-repeat: no-repeat;
	background-position: center;
	font-family:'cc';
	position: relative;
}

#view2{
	width: 400px;
	height: 900px;
	background: url(../img/dnc_jibang2.png) #fff;
	background-repeat: no-repeat;
	background-position: center;
	font-family:'cc';
	position: relative;
}

#view3{
	width: 400px;
	height: 900px;
	background: url(../img/dnc_jibang1.png) #fff;
	background-repeat: no-repeat;
	background-position: center;
	font-family:'cc';
	position: relative;
}

#viewon3 div{padding: 5px;}

#namebox{
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 10px;
	border: 1px #fff solid;
	overflow: hidden;
	overflow-y: scroll;
	width: 100%;
}
#name_list{
	height: 100px;
	color: #fff;

}
#name_list div{padding: 5px; cursor: pointer;}
#name_list div:hover{background:#777}

.name_boxs{position: absolute;bottom: 171px;right: 30px;width: 266px;height: 160px;}
#name_s{position: absolute;color: #fff;right: 0;bottom: 122px;padding: 10px;background: #009688;z-index: 3;height: 38px;width: 70px;text-align: center;}
#namein{position: absolute;right: 0;bottom: 122px;padding: 10px;height: 38px;color: #111;width: 100%;}

#namekor{
	padding: 10px;
	height: 38px;
	position: absolute;
	right: 0;
	width: 266px;
	top: -40px;
}



#outbox{
	width: 750px;
	height: 1059px;
	background: #fff;
	padding: 33px;
}

#outbox1{
	width: 750px;
	height: 1030px;
	background: #fff;
	padding: 33px;
	position: relative;
	font-family: 'cc';
}
#outbox2{
	width: 750px;
	height: 1059px;
	background: #fff;
	padding: 33px;
	position: relative;
	font-family: 'cc';
}
#outbox3{
	width: 750px;
	height: 1059px;
	background: #fff;
	padding: 33px;
	position: relative;
	font-family: 'cc';
}

#outboxss{display:none;}
#out{font-size: 55px;width: 324px;border: 1px #111 solid;text-align: center;padding: 40px;font-family: 'cc';line-height: 1.2;/* line-height: 1; */height: 970px;}

#outbox.s #out{width: 164px;height: 890px;width: 144px;height: 742px;}
#outbox.l #out{width:324px;height:970px;position: relative;}


#out1{font-size: 55px;width: 324px;border: 1px #111 solid;text-align: center;padding: 40px;font-family: 'cc';line-height: 1.2;/* line-height: 1; */height: 970px;}

#outbox1 #out1{width:324px;height:970px;position: relative;}

/* 164 x 890 테두리 */
/* 384 x 1164 테두리 */
/* 144 x 742 테두리 */
/* 324 x 970 테두리 */


#outbox.m1 #out{line-height:1.2}
#outbox.m2 #out{line-height:1}
#outbox.m3 #out{line-height:1.35}
#outbox.m4 #out{line-height:1.1}
#outbox.m5 #out{line-height: 1.45;}
#outbox.m6 #out{line-height: 1.2;}
#outbox.m7 #out{line-height:1.4}
#outbox.m8 #out{line-height: 1.4;}
#outbox.m9 #out{line-height:1.3}
#outbox.m10 #out{line-height: 1.35;}
#outbox.m11 #out{line-height: 1.3;}
#outbox.m12 #out{line-height:1.1}
#outbox.m13 #out{line-height:1.3}
#outbox.m14 #out{line-height:1.1}
#outbox.m15 #out{line-height:1.3}
#outbox.m16 #out{line-height: 1.1;}
#outbox.m17 #out{line-height: 1.45;}
#outbox.m18 #out{line-height: 1.2;}
#outbox.m19 #out{line-height: 1.3;}
#outbox.m20 #out{line-height: 1.1;}
#outbox.m21 #out{line-height: 1.3;}
#outbox.m22 #out{line-height: 1.3;}


#outbox.m01 #out{line-height: 1.41;}
#outbox.m02 #out{line-height:1.2}
#outbox.m03 #out{line-height:1.2}
#outbox.m04 #out{line-height:1.2}

#outbox.m01 #out .left,
#outbox.m02 #out .left,
#outbox.m03 #out .left,
#outbox.m04 #out .left{position: absolute;left: 50px;width: 28px;}

#outbox.m01 #out .right,
#outbox.m02 #out .right,
#outbox.m03 #out .right,
#outbox.m04 #out .right{position: absolute;left: 130px;width: 28px;}



#viewon1_left1 div{padding:7px}
#viewon1_right1 div{padding:7px}


#outbox3 div{padding: 10px;}

.off img{display:none}
.on img{display:block}
.off #viewon3{line-height:1.35 !important}
.off div{line-height: 1.55 !important;}



#outboxss.mm #outbox #out,
#outboxss.mm #outbox3 #div{width:236px !important;height:872px !important;padding:60px 80px 0px !important;font-size:62px !important;position: relative;}
#outboxss.ss #outbox #out,
#outboxss.ss #outbox3 #div{width:144px !important;height:742px !important}
#outboxss.mm #outbox3 #div img{margin:-15px -12px 0 !important}


@media print{
	#header-wrapper,
	.page-title-wrap,
	.breadcrumb-wrap,
	.footer-type1 { display: none; }
	#outboxss{display:block}
	#skyhue{display:none}
	#none{display:none}
	.adsbygoogle{z-index:1!important;display:none!important}
	ins.adsbygoogle,
	ins.adsbygoogle *{display: none !important;}

	#outbox3 img {
		margin: 0 !important;
	}
	#viewon1_left1,
	#viewon1_right1 {
		word-wrap: normal;
		white-space: normal;
		word-break: break-all;
		line-height: normal !important;
	}
}

#viewon .fo{font-size:46px}

.ss .fo{font-size:50px !important}

.mm .rrr.fo{font-size: 54px !important;}
