@charset "utf-8";
.introTop{position: relative;height:400px;background:url("../images/theater/intro_top_bg.png") no-repeat;margin-bottom:10px;}

.introTop.kor{height:322px;}
.introTop.dramaturg {height:322px;background:url("../images/theater/dramaturg_top_bg.png") no-repeat}
.introTop.dramaturg:has(img) {height: auto;background: none;}

.introTop .blackbox {display: inline-block;position: absolute;top: 70px;left: 25px;padding: 7px 7px 10px;background-color: rgba(0,0,0,0.9);color: #fff;font-size: 15px;letter-spacing: -1.5px;line-height: 150%;}
.introTop img{margin:70px 0 0 25px;}
.introTop.dramaturg img {margin:0;}

.introWrap{padding:30px 25px; background:#fff; margin-bottom:10px;}
.introWrap.child {}

.introWrap .titleBline{ font-weight:bold; font-size:16px;padding-bottom:15px; background:url("../images/theater/txt_bline.png") no-repeat left bottom;margin-bottom:16px; line-height:24px;}
.introWrap .titleBline ~ .titleBline {margin-top:30px;}
.introWrap .con1{ line-height:20px; padding-bottom:35px;word-break: keep-all;}
.introWrap.child .con1{ padding-top:10px; }
.introWrap .con1.bline{ background:url("../images/information/dot_line.png") repeat-x left bottom;margin-bottom:20px;}
.introWrap .introDot li{ background:url("../images/information/bl_dot.png") no-repeat left 5px; margin-bottom:15px; padding-left:10px; overflow:hidden;}
.introWrap .introDot li:last-child{ margin-bottom:0px;}
.introWrap .introDot li strong.title{ display:block; float:left; width:77px;}
.introWrap .introDot li span.txt{ display:block; float:left;}
.introWrap .introDot li span.txt span { display: inline-block; margin-top: 14px;}
.introWrap .titleDotBline{/* background:url("../images/information/dot_line.png") repeat-x left bottom; *//*  padding-bottom:25px;  */margin-bottom:30px; line-height:20px;}
.introWrap .titleDotBline:after {display:block; content:""; clear:both}
.introWrap .titleDotBline > strong{ display:block; font-size:20px; font-weight:bold; line-height:26px}

.introWrap.history {padding:0}
.introWrap.history img {width:100%;}
.introWrap:after {display:block; content:""; clear:both}
.introWrap .bx_history {}
.introWrap .bx_history:after {display:block; content:""; clear:both}
.introWrap .bx_history .left_cont {float:left; width:299px; padding-left:25px}
.introWrap .bx_history .left_cont img {display:block; margin-bottom:30px}
.introWrap .bx_history .tit {display:block; padding:30px 30px 28px 65px; font-size:16px; line-height:1; color:#32312e; background:url(../images/theater/ico_info.png) 25px 24px no-repeat}
.introWrap .bx_history ul {float:left; margin-top:-2px; padding:0 30px 30px}
.introWrap .bx_history li {display:table;position:relative; height:40px; margin-top:10px; padding-left:90px}
.introWrap .bx_history li:first-child {margin-top:0}
.introWrap .bx_history li > strong {position:absolute; left:0; top:-3px; display:inline-block; width:74px; padding-bottom:16px; vertical-align:middle; font-size:12px; line-height:20px; color:#000; font-weight:bold; text-align:left; background:url(../images/theater/bg_history_tit.png) left bottom no-repeat}
.introWrap .bx_history li > strong > span {display:block; font-size:12px; line-height:20px; color:#fff; font-weight:bold}
.introWrap .bx_history li > span {display:inline-block; padding-left:10px; vertical-align:top; line-height:16px; text-indent:-10px}
.introWrap .bx_history li:after {display:inline-block; content:""; width:0; height:100%; vertical-align:middle}


.introWrap .history01 {background:#eaeaea url(../images/theater/bg_history01.png) right bottom no-repeat}
.introWrap .history01 ul {}
.introWrap .history02 {display:none; background:#cfdbcc url(../images/theater/bg_history02.png) right bottom no-repeat}
.introWrap .history02 ul {}

.btn_history02 {display:block; height:47px; padding-top:23px; font-size:16px; font-weight:bold; color:#fff; text-align:center; background:#675144 url(../images/theater/b_arr2.png) center 47px no-repeat}

.introWrap .history_now {clear:both; padding-top:48px; text-align:center}
.introWrap .history_now div {display:inline-block; padding-left:163px; background:url(../images/theater/ci_img_07.png) no-repeat}
.introWrap .history_now div > strong {display:inline-block;width:93px; height:67px; padding-top:26px; vertical-align:middle; font-size:20px; line-height:20px; color:#fff; font-weight:bold; text-align:center; background:url(../images/theater/intro_red.png) no-repeat}
.introWrap .history_now strong > span {display:block; font-size:12px; line-height:20px; color:#fff; font-weight:bold}
.introWrap .history_now div > span {display:inline-block; padding-left:10px; vertical-align:middle; line-height:16px; text-indent:-10px; text-align:left}

.introWrap.type2 .alertIcon strong {font-size:16px}
.introWrap.type2 .conArea li {padding-left:39px; text-align:left}

.introBgArea{ overflow:hidden; margin-bottom:10px;}
.introBgArea .leftCon{float:left;}
.introBgArea .leftCon table{ background:url("../images/theater/intro_bg_01.png") no-repeat; width:450px; height:180px; text-align:center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size:cover;background-size: cover;}
.introBgArea .rightCon{float:right;}
.introBgArea .rightCon table{ background:url("../images/theater/intro_bg_02.png") no-repeat; width:450px; height:180px; text-align:center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size:cover;background-size: cover;}
.introBgArea .title{ font-family:"Arial"; font-size:26px; font-weight:bold; margin-bottom:12px;color:#fff;}
.introBgArea .txt{ font-size:16px; line-height:24px;color:#fff;}
.introTableWrap{ overflow:hidden;}
.introTableWrap table{width:430px;}
.introTableWrap table th{ font-size:20px;height:60px; background:#555555;color:#fff; font-weight:bold;}
.introTableWrap table td{ font-weight:bold;height:190px; background:#e4e4e4; text-align:center; line-height:30px;}
.introTableWrap > div{float:left;}
.introTableWrap .leftCon table{ width:429px;margin-right:1px;}

.history{ display:table;width:100%}
.history > .tr{ display:table-row}
.history > .tr > li{ display:table-cell;vertical-align:middle}
.history > .tr > li.th{ text-align:center; font-weight:bold; background:url("../images/theater/intro_gray.png") no-repeat; width:102px; height:102px;color:#fff; line-height:18px;padding-bottom:9px}
.history > .tr > li.th.yellow{background:url("../images/theater/intro_yellow.png") no-repeat; color:#000}
.history > .tr > li.td{padding:0 0 9px 50px;}
.history > .tr > li.td > .historyList{ display:table;}
.history > .tr > li.td > .historyList > .tr{ display:table-row;}
.history > .tr > li.td > .historyList > .tr > li{ display:table-cell;vertical-align:middle}
.history > .tr > li.td > .historyList > .tr > li.th{ line-height:20px; font-weight:bold; width:157px;}
.history > .tr > li.td > .historyList > .tr > li.td{ line-height:20px;}
.history > .tr:last-child > li{ padding-bottom:0;}
.helloWrap{min-height:522px; padding:30px 0 30px 25px; position:relative; line-height:20px; background:#fff}
.helloWrap.type2 {min-height:unset;}
.helloWrap .imgArea {float: left;height:100%;width:calc(100% - 25px);}
.helloWrap.type2 {font-size:0;padding: 30px 25px;}
.helloWrap.type2:after {content: '';display: block;clear: both;}
.helloWrap.type2 .imgArea {float: left;display: block;max-width: 310px;vertical-align: top;}
.helloWrap.type2 .imgArea.right {float:right;max-width: 425px;}
.helloWrap.type2 .con {float: left;display:inline-block;width: calc(100% - 310px);box-sizing: border-box;margin: 0;padding-left: 20px;word-break: keep-all;font-size: 12px;line-height: 175%;letter-spacing: -0.25px;}
.helloWrap.type2 .imgArea.right + .con {padding-left:0;padding-right: 20px;width: calc(100% - 425px);}
.helloWrap.type2 .con .name {margin-top: 20px;margin-left: 0;}
.helloWrap.type2 .con span {display:block;}
.helloWrap .con { 
	line-height: 25px;
	float: left;
    margin-top: 20px;
	margin-left:20px;
    width: 90%;
    word-break: keep-all;
	margin-top:20px;
}

.helloWrap .name{ display: inline-block;margin-top:30px;margin-left:20px;}
.helloWrap .name strong{ display:block; padding:10px 24px 0 0;}
.helloWrap.type2 .name strong ~ strong { padding-top:0;}
.helloWrap .name img{float:left;}

@media screen and (max-width:909px){
	.helloWrap.type2 .imgArea {display:block;float: none;max-width: 100%;}
	.helloWrap.type2 .imgArea.right {float:none;max-width: 100%;}
	.helloWrap.type2 .con {width: 100%;padding: 0;margin-top: 25px;float: none;}
	.helloWrap.type2 .imgArea.right + .con {width:100%;}
	.helloWrap.type2 .con span {display: inline;}
	.helloWrap.type2 .con span:has(+br) {display: inline-block;margin-bottom: 15px;}
	.helloWrap.type2 .con br + span {}
	.helloWrap .imgArea {float:none;width:100%;}
	.helloWrap .con {padding:0;float:none;width:100%;margin:0;margin-top:30px;}
	.helloWrap .name{margin-top:5px;margin:0;}
}

.organizationTop{position: relative;background:#fff url("../images/theater/organizationTop_bg.png") no-repeat;margin-bottom:10px;padding:30px 25px;}

.organizationTop .alertIcon.center{ background-color:transparent;}
.organizationTop .organizationArea{ overflow:hidden; margin-top:10px;}
.organizationTop .organizationArea ul{position: relative;overflow:hidden;text-align:center;z-index: 1;}
.organizationTop .organizationArea li p{position: relative;padding: 30px 0;box-sizing: border-box;color:#fff;font-weight:bold;text-align:center;margin:0 auto;z-index: 12;}
.organizationTop .organizationArea li.r_arrow {padding-left:3%; background:url(../images/theater/r_arr.png) left 26px no-repeat}

.organizationTop .organizationArea ul li {
    position: relative;
    z-index: 1;
}
.organizationTop .organizationArea .line1 {padding-left:215px}
.organizationTop .organizationArea .line1 li {display:inline-block; padding-bottom:19px}
.organizationTop .organizationArea .line1 li:first-child {margin-right:1%; /* background:url("../images/theater/b_arr.png") no-repeat center bottom */}
.organizationTop .organizationArea .line1 li p.bg_r{background:#c92020 url("../images/theater/organization_icon_01.png") no-repeat center 15px;}
.organizationTop .organizationArea .line1 li p {background:#7d6f5e url("../images/theater/organization_icon_01.png") no-repeat center 15px;}
.organizationTop .organizationArea .line1.type2 li p {background-color:#333;}
.organizationTop .organizationArea .line2 {padding-top:10px;padding-left:215px}
.organizationTop .organizationArea .line2 li {display:inline-block; padding-bottom:19px}
.organizationTop .organizationArea .line2 li:first-child {margin-right:1%; /* background:url("../images/theater/b_arr.png") no-repeat center bottom*/}
.organizationTop .organizationArea .line2 li p.icon1{background:#000 url("../images/theater/organization_icon_02.png") no-repeat center 15px;}
.organizationTop .organizationArea .line2 li p.icon2{background:#7d6f5e url("../images/theater/organization_icon_06.png") no-repeat center 15px;}
.organizationTop .organizationArea .line3 li{display:inline-block;*display:inline;zoom:1; padding-top:10px; margin:0 13px;/* background:url("../images/theater/b_arr.png") no-repeat center 10px;padding-top:29px; *//* padding-bottom:10px */}
/* .organizationTop .organizationArea .line3 li:first-child {background:url("../images/theater/b_arr.png") no-repeat center bottom} */
.organizationTop .organizationArea .line3 li p.icon1{background:#888 url("../images/theater/organization_icon_02.png") no-repeat center 15px;}
.organizationTop .organizationArea .line3 p {display: inline-block;width: 100%;padding: 0;vertical-align: middle;height: 80px;box-sizing: border-box;align-content: center;}
.organizationTop .organizationArea .line4 {}
.organizationTop .organizationArea .line4 li{ display:inline-block;*display:inline;zoom:1;  margin:0 13px; padding-top:19px; background:url("../images/theater/b_arr.png") no-repeat center top}
.organizationTop .organizationArea .line4 li p.icon1{background:#888 url("../images/theater/organization_icon_03.png") no-repeat center 15px;}
.organizationTop .organizationArea .line4 li p.icon2{background:#888 url("../images/theater/organization_icon_04.png") no-repeat center 15px;}
.organizationTop .organizationArea .line4 li p.icon3{background:#888 url("../images/theater/organization_icon_05.png") no-repeat center 15px;}
.organizationWrap{ background:#ffffff;padding:30px 25px;}
.organizationWrap .organizationList .titleArea .no{width: 150px;}
.organizationWrap .organizationList .titleArea .position{ width:130px;}
.organizationWrap .organizationList .titleArea .tel{ width:150px;}

.organizationTop .organizationArea.type2 {background:url(../images/guide/bg_organization4.png) center 76px no-repeat}
.organizationTop .organizationArea.type2 .line1 li {width: 250px;}
.organizationTop .organizationArea.type2 li p {}
.organizationTop .organizationArea.type2 li.child_teen p {background:#5c5847;} 
.organizationTop .organizationArea.type2 li .bg_red {background:#183055;/* padding: 0 75px; */}
.organizationTop .organizationArea.type2 li .bg_block {background:#115355}
.organizationTop .organizationArea.type2 .line1 {padding-left:0}
.organizationTop .organizationArea.type2 .line1 li {margin:0; padding-bottom:29px; /* background:url(../images/guide/bg_organization.png) center top repeat-y */}
.organizationTop .organizationArea.type2 .line2 {padding-top:10px; padding-left:0}
.organizationTop .organizationArea.type2 .line2 li {width:210px;margin:0; padding-bottom:63px;/*  background:url(../images/guide/bg_organization.png) center top repeat-y */}
.organizationTop .organizationArea.type2 .line3 {/* padding-top:26px;/ *//*  background:url(../images/guide/bg_organization2.png) 179px top no-repeat */}
.organizationTop .organizationArea.type2 .line3 li  {width:140px;margin:0;padding-top:0;height: 80px;}

.organizationTop .organizationArea.type2 {position:relative;background:url(../images/guide/bg_organization5.png) center 80px no-repeat}
.organizationTop .organizationArea.type2 .line1 {/* width:30%; */}
.organizationTop .organizationArea.type2 .line1,
.organizationTop .organizationArea.type2 .line2 li {margin: 0 auto;}
.organizationTop .organizationArea.type2 .line2 li:last-child {/* position:absolute; *//* right: 0; */}
.organizationTop .organizationArea.type2 .line2 li:last-child p.bg_block {background-color: #5c5847;}
.organizationTop .organizationArea.type2 .line3 li {display: inline-flex;align-items: center;width:calc(16.66% - 3px);background: #624d41;z-index: 1;}

.organizationTop .organizationArea.type3 {background:none !important;}
.organizationTop .organizationArea.type3:after {
	content:'';
	position: absolute;
	top: 0;
	left: 50%;
	width: 3px;
	height: 74%;
	background-color: #5C5847;
	z-index: 0;
}

.organizationTop .organizationArea.type3 .line2:after {
	content:'';
	position: absolute;
	bottom: 22.5%;
	left: 50%;
	margin-left: 1px;
	width: 83.75%;
	height: 3px;
	background-color: #5C5847;
	transform: translateX(-50%);
}

.organizationTop .organizationArea.type3 .line3 {overflow:visible;}
.organizationTop .organizationArea.type3 .line3 li:before {
	content:'';
	position: absolute;
	top: -45.5%;
	left: calc(50% + 0px);
	height: 36px;
	z-index: 0;
	border-left: 3px solid #5C5847;
}

.dotContentArea.organizationTop {height: auto; padding-top:0; padding-bottom:0;}
.dotContentArea .organizationArea {margin:10px -25px 0}

.ciWrap{position:relative; background:#ffffff;padding:30px 25px;}
.ciWrap > .title{min-height:151px; padding-top:48px; padding-left:228px; font-size:16px; line-height:24px; font-weight:bold; margin-bottom:30px;}
.ciWrap > .title > span {display:inline-block; font-size:12px; line-height:20px; font-weight:normal}
.ciWrap > .ci_img{position:absolute; left:25px; top:30px; width:193px; text-align:center; margin-bottom:25px; padding:33px 0 45px; background:url("../images/theater/ci_bg.png"); border:3px solid #d5d5d5}
/* .ciWrap > .ci_img img{height:158px;} */
.ciWrap > .con{ line-height:20px; margin-bottom:20px;}
.ciWrap .ciTableArea{ overflow:hidden;border-top:2px solid #000000; margin-bottom:20px;}
.ciWrap .ciTableArea ul{ float:left;width:429px;border-right:1px solid #d5d5d5}
.ciWrap .ciTableArea ul:last-child{ width:430px;border-right:0px}
.ciWrap .ciTableArea ul .title{border-bottom:1px solid #d5d5d5; background:#f4f4f4; line-height:50px; height:50px; text-align:center; font-weight:bold;}
.ciWrap .ciTableArea ul .con{border-bottom:1px solid #d5d5d5; background:url("../images/theater/ci_bg.png"); height:208px; text-align:center; font-weight:bold;}
.ciWrap .ciTableArea ul .con img{/* height:210px; */}
.ciWrap .btnArea { text-align:center;}
.ciWrap .btnArea  a{margin-right:1px; width:135px; height:47px; line-height:47px; font-weight:bold;}
.ciWrap .btnArea  a.black{ background:#000;color:#f89b1c}

.ciWrap .ciTableArea.col1 ul:last-child {width:100%}
.ciWrap .ciTableArea.col1 ul .title {width:100%}
.ciWrap .ciTableArea.col1 ul .title ul.half li {width:50%;}
.ciWrap .ciTableArea.col1 ul .title ul.half li ~ li{border-left: 1px solid #d5d5d5;box-sizing: border-box;}
.ciWrap .ciTableArea.col1 ul .title li {float:left;}

.ciWrap .ciTableArea.col1 ul .con ul:after {display:block; content:""; clear:both}
.ciWrap .ciTableArea.col1 ul .con ul.half li {width:50%;}
.ciWrap .ciTableArea.col1 ul .con li {float:left; width:25%; height:208px;}
.ciWrap .ciTableArea.col1 ul .con li:first-child span {border-left:0 none}
.ciWrap .ciTableArea.col1 ul .con li span {display:block;height:100%;border-left:1px solid #d5d5d5}
.ciWrap .ciTableArea.col1 ul .con li img {position: relative;top: 50%;max-height: 75%;vertical-align: middle;transform: translateY(-50%);}

.ciWrap .ciTableArea.col1.type2 ul .con {height:239px}
.ciWrap .ciTableArea.col1.type2 ul .con li {height:239px}
.ciWrap .ciTableArea.col1.type2 ul .con li span {}


.managementWrap{ background:#ffffff;padding:30px 25px;}
.managementWrap .tabCon{ margin-bottom:30px; display:none;}
.managementWrap .dotContentArea{ margin-bottom:20px;}
.managementWrap .dotContentArea:last-child{ margin-bottom:0px !important;}
.managementWrap .dotContentArea.line{ background:url("../images/information/dot_line.png") repeat-x left bottom;padding-bottom:25px; margin-bottom:25px;}
.managementWrap .dotContentArea > strong.title{ display:block;background:url("../images/information/bl_dot.png") no-repeat left 8px; line-height:20px;  padding-left:13px; position:relative;}
.managementWrap .dotContentArea > strong.title .rightTxt{ display:block; position:absolute;right:0px;top:0px; font-weight:normal;}
.managementWrap .dotContentArea > .conArea > .rightTxt {display:block; position:absolute;right:0px;bottom:0px; font-weight:normal;}
.managementWrap .dotContentArea > .conArea{position:relative; padding:10px 0 0 13px;}
.managementWrap .dotContentArea > .conArea .year{ display:inline-block;*display:inline;zoom:1; width:115px; font-weight:bold;}
.managementWrap .organizationImg{ background:url("../images/theater/organization_pc.png") no-repeat; height:386px;border:1px solid #d5d5d5; margin-top:15px; margin-bottom:10px;}
.managementWrap .tableBottomInfo{margin:15px 0 35px 0; position:relative;}
.managementWrap .tableBottomInfo .rightLogo{ position:absolute;right:0px;top:0px;}
.managementWrap .tableBottomInfo .rightLogo img{ margin-left:30px;}
.managementWrap .tabArrBox{ display:block; background:#e1e1e1 url("../images/theater/management_information_arr_off.png") no-repeat right center; line-height:50px;height:50px; padding-left:25px;color:#5a5a5a; font-weight:bold; font-size:14px; margin-bottom:20px;}
.managementWrap .tabArrBox.on{ background:#555555 url("../images/theater/management_information_arr_on.png") no-repeat right center;color:#fff}
.managementWrap .introBgArea .leftCon table{ background:url("../images/theater/intro_bg_01.png") no-repeat; width:428px; height:180px; text-align:center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size:cover;background-size: cover;}
.managementWrap .introBgArea .rightCon table{ background:url("../images/theater/intro_bg_02.png") no-repeat; width:428px; height:180px; text-align:center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size:cover;background-size: cover;}
.managementWrap .introTableWrap th{ background:#7d6f5e;color:#fff}
.managementWrap .introTableWrap td{height:165px}
.managementWrap .introTableWrap .bottomCon table{width:100%;}
.managementWrap .introTableWrap .bottomCon table td{ font-weight:normal; height:90px; line-height:20px;}
.managementWrap .adminListTable .titleArea .th1{ width:100px;}
.managementWrap .adminListTable .titleArea .th2{width: 170px;}
.managementWrap .adminListTable .titleArea .th3{ width:140px;}
.managementWrap .adminListTable .titleArea .th5{ width:220px;}
.managementWrap .btnDownArea{ margin-top:12px; overflow:hidden;}
.managementWrap .btnDownArea li{ float:left; padding-right:8px; margin-bottom: 5px;}
.managementWrap .btnDownArea li:last-child{ padding-right:0;}
.managementWrap .btnDownArea a.btn_down{ display:block;text-align:center;border:1px solid #979797; text-align:center; padding-top:11px;height:31px; width:131px;}
.managementWrap .btnDownArea.sizetype2 a.btn_down{ width:190px;}
.managementWrap .btnDownArea a.btn_down span{ display:inline-block;*display:inline;zoom:1; background:url("../images/guide/down_icon.png") no-repeat right -2px;padding:0px 23px 0 0px;text-decoration:underline; line-height:20px;;}


.writeTable.management_information th{ width:200px;}
.writeTable.management_information td.leftCon{padding-left:30px}
.writeTable.adminPayTable table tr td{ text-align:center;padding:15px 0; line-height:20px;width:33.3%}

.writeTable.memberListTable th{ width:33.3%;}
.writeTable.memberListTable table tr td{ text-align:center;padding:15px 0; line-height:20px;width:33.3%}
.lineTableType_open.monthPay ul.title li{width:25%}
.lineTableType_open.monthPay2 ul.title li{width:20%}


.writeTable.theaterData table tr th {width:auto;height:35px; line-height:20px;}
.writeTable.theaterData table tr th:first-child {width:250px;}
.writeTable.theaterData table tr td {height:35px; line-height:20px;padding:0 10px;text-align:center;}
.writeTable.theaterData table tr td.left {text-align:left;}
.writeTable.theaterData table tr td.line2 {height:50px; line-height:20px;}
.writeTable.theaterData table tr td.bg{ font-weight:bold; background:#f4f4f4;}

.dotContentArea.dotTopLine {padding-top:25px; background:url("../images/information/dot_line.png") repeat-x left top}

@media only screen and (max-width: 909px) {


}

/** 추가 **/
.historyTable {width:100%;}
.historyTable th {height:65px;color:#fff;font-size:21px;}
.historyTable td {background-color:#e4e4e4;padding:17px 30px;line-height:25px;}
.historyTable td .indent {margin-left: 55px;margin-top: -7px;display: block;}
.historyTable .fcol {border-right:1px solid #fff;}

.introWrap .itg {height:65px;background-color:#000;color:#fff;font-size:21px;text-align:center;line-height:65px;font-weight:bold;}


/** 어린이청소년극 연구소 **/
.introWrap.child .livingartSpArea.first { margin-top:0; }
.introWrap.child .livingartSpArea { display:inline-block; margin-top:27px;width:100%; }
.introWrap.child .livingartSpArea .inContentArea {padding:10px 0;}
.introWrap.child .livingartSpArea .inContentArea .childPic.first { margin-left:0;} 
.introWrap.child .livingartSpArea .inContentArea .childPic {float:left;margin-left:13px;width:205px;}
.introWrap.child .livingartSpArea .iconTitle { padding:0 20px; }


/** 희곡 우체통 **/
.dramaWrap {background-color: #fff;}
.dramaWrap .dramaTop {text-align:center; padding:30px 20px;background:#eabb75; }
.dramaWrap.changzak .dramaTop {background-color:#fff;padding-bottom:60px;}
.dramaWrap.changzak .dramaTop .alertIcon {background-color:#fff;}
.dramaWrap .dramaTop .alertIcon {background-color:#eabb75;text-align:left;}

.dramaWrap.changzak .dramaTop .alertIcon {
	position: relative;
	height: 37px;
	padding: 8px 45px 0;
	margin-bottom: 36px;
}

.dramaWrap.changzak .dramaTop .alertIcon span {display:block;}

.dramaWrap .dramaBottom {padding: 30px 25px;border-top:0;}
.dramaWrap .dramaBottom table{border-top:1px solid #d5d5d5;}
.dramaWrap .dramaBottom ~ .dramaBottom {border-top:1px solid #d5d5d5;}

.dramaWrap .dramaDesc {padding:35px 0;word-break:keep-all;line-height: 150%;}
.dramaWrap.changzak .dramaDesc {padding:0;}

.dramaWrap .dramaDesc ul {}
.dramaWrap .dramaDesc ul li {
	padding-left: 10px;
	text-indent: -8px;
}

.dramaWrap .dramaInfo {text-align: center;}
.dramaWrap .dramaInfo .dramaBox {text-align:center;margin-bottom:20px;}
.dramaWrap .dramaInfo .dramaBox li {
	display:inline-block;
	position: relative;
	width:18%;
	border:1px solid #d5d5d5;
}
.dramaWrap .dramaInfo .dramaBox li:after {
    content: "";
    background: url(/assets/images/common/next.png) center center no-repeat;
    background-size: 10px 15px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: -12.5%;
}

.dramaWrap .dramaInfo .dramaBox li:last-child:after {
	background:none;
	width:0;
	height:0;
}

.dramaWrap .dramaInfo .dramaBox li .boxTitle {
	padding:10px 0;
	background:#f4f4f4;
	outline:1px solid #d5d5d5;
	font-weight:bold;
}
.dramaWrap .dramaInfo .dramaBox li .boxContentWrap {position: relative;text-align:center;width: 100%;min-height: 135px;}
.dramaWrap.changzak .dramaInfo .dramaBox li .boxContentWrap {min-height:160px;} 
.dramaWrap.ourWrap .dramaInfo .dramaBox li .boxContentWrap {min-height:100px;}
.dramaWrap .dramaInfo .dramaBox li .boxContentWrap .boxContent {
	display: inline-block;
	height:150px;
	vertical-align:middle;
	line-height: 150%;
}

.dramaWrap .dramaInfo .btnText {
	display: block;
	width: 100px;
	margin: 0 auto;
	padding: 7px 20px;
	font-weight: bold;
}

.dramaWrap .dramaInfo .infoTitle {
	display: block;
	padding: 15px 25px;
	font-weight:bold;
	color:#5a5a5a;
	background:#555;
	background: #e1e1e1 url("../images/theater/management_information_arr_off.png") no-repeat right center;
}

.dramaWrap .dramaInfo .infoTitle.on {
	color:#fff;
	background: #555555 url("../images/theater/management_information_arr_on.png") no-repeat right center
}

.dramaWrap .dramaInfo .infoContent {
	text-align: left;
}

.dramaWrap.changzak .dramaInfo .dramaBox {margin-top:10px;}

.dramaWrap.changzak .dramaBottom {position:relative;}
.dramaWrap.changzak .dramaBottom.writeTable {padding-top:40px;}
.dramaWrap.changzak .dramaBottom.writeTable table tr td {line-height:130%;}
.dramaWrap.changzak .dramaBottom ~ .dramaBottom {border:none;}
.dramaWrap.changzak .dramaBottom.line:before {
    content: "";
    position: absolute;
    top: 0;
    left: 25px;
    width: calc(100% - 50px);
    border-top: 1px solid #777;
	
}

.dramaWrap.changzak > div:last-child:after {
	content: "";
    position: absolute;
	
}

.dramaWrap .infoContent {
	line-height:175%;
	word-break:keep-all;
}

.dramaWrap .infoContent ~ .infoContent {margin-top:20px;}

.dramaWrap .infoContent > strong {
	display:block;
	font-size: 17px;
	margin-bottom:10px;
}

.dramaWrap .infoContent .profile-list {font-size:0;text-align:center;margin: 25px 0;margin-left:-12px;}
.dramaWrap .infoContent .profile-list ul {display:flex;justify-content: center;}
.dramaWrap .infoContent .profile-list li {
	position: relative;
	display: inline-block;
	background-color: #305565;
	color: #fff;
	width: calc(33% - 15px);
	font-size: 13px;
	box-sizing: border-box;
}

.dramaWrap .infoContent .profile-list li ~ li {margin-left:10px;}
.dramaWrap .infoContent .profile-list.col4 li {}
.dramaWrap .infoContent .profile-list.col2 li {width:calc(40% - 15px);}
.dramaWrap .infoContent .profile-list li .img img {width:100%;}
.dramaWrap .infoContent .profile-list li h5 {
	position: relative;
    font-size: 18px;
    padding: 20px 0;
}

.dramaWrap .infoContent .profile-list li strong {display:inline-block;margin-top:10px;font-size:14px;}
.dramaWrap .infoContent .profile-list li .txt h5:after {
	content:"";
	position:absolute;
	bottom:0;
	left:20%;
	height:1px;
	width:60%;
	border-bottom:1px solid #fff;
}

.dramaWrap .infoContent .profile-list li h6 {
	font-size:13px;
}

.dramaWrap .infoContent .profile-list li .txt > p {
    margin-top: 20px;
    height: 120px;
    padding: 0 20px;
}

.dramaWrap .infoContent .profile-list li .txt > p.h135 {
	height: 135px;
}

.dramaWrap .infoContent .profile-list li .txt > p.hauto {
	height:auto;
}
.dramaWrap .infoContent .profile-list li .txt .article-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
}

.dramaWrap .infoContent .profile-list li .txt article {
	display: inline-block;
	left:0;
	bottom:0;
	width: 100%;
	padding-bottom: 20px;
}

.dramaWrap .infoContent .profile-list li .txt > p.hauto + article {
	margin-top: 20px;
}

.dramaWrap .infoContent .profile-list li .txt article p.left {
	display: inline-block;
	text-align:
	left;
	margin: 0 auto;
}

.dramaWrap .infoContent .info-bottom {
	margin-top:20px;
	letter-spacing: 0;
}

.dramaWrap .infoContent .info-bottom.line {
	padding-bottom: 20px;
	border-bottom: 1px solid #777;
}

.dramaWrap .dramaBottom .infoContent .big ,
.dramaWrap .dramaInfo .infoContent .big {
	display: inline-block;
	padding: 10px 0 0px 0;
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
}

.dramaWrap .dramaBottom .infoContent .big span ,
.dramaWrap .dramaInfo .infoContent .big span {border-bottom: 1px solid;}

.dramaWrap .infoContent .large {
	display: inline-block;
	font-size: 18px;
	vertical-align: bottom;
	padding: 10px 0 0px 0;
	margin-bottom: 10px;
}

.dramaWrap .dramaInfo .infoContent .infoDescList {
	padding:15px 0px;	
	line-height: 175%;
}

.dramaWrap .dramaInfo .infoContent .contribution-box {
	position: relative;
    padding: 40px 5px;
    font-size: 15px;
}

.dramaWrap .dramaInfo .infoContent .contribution-box:before {
	content: "";
	position: absolute;
	top: 20px;
	width: calc(100% - 10px);
	height: 1px;
	background-color: #730;
	display: block;
}

.dramaWrap .dramaInfo .infoContent .contribution-box:after {
	content: "";
	position: absolute;
	bottom: 20px;
	width: calc(100% - 10px);
	height: 1px;
	background-color: #730;
	display: block;
}

.dramaWrap .dramaInfo .infoContent .infoDescList li {
    margin-left: 10px;	
	word-break: keep-all;
    text-indent: -10px;
}


/** 연출의 판 **/
.contentArea .pdPanWrap {padding:0;}
.contentArea .pdPanWrap .alertIcon {
	padding: 25px 0px 25px 65px;
	background: #86d1ee url(../images/information/info_icon.png) no-repeat 20px 30px;
	
}

.contentArea .pdPanWrap .con1 ,
.contentArea .changzak .con1 {padding:35px 25px 0;}
.contentArea .pdPanWrap .indent,
.contentArea .changzak .indent{margin-left: 45px;}
.contentArea .pdPanWrap .listLineTableType ul.titleArea,
.contentArea .changzak .listLineTableType ul.titleArea {height:auto;}
.contentArea .pdPanWrap .listLineTableType ul.titleArea li,
.contentArea .changzang .listLineTableType ul.titleArea li {padding:10px 0;width:16.6%;}
.contentArea .pdPanWrap .listLineTableType ul.conArea li,
.contentArea .changzang .listLineTableType ul.conArea li {padding:30px 0;}


.dramaWrap .dramaInfo .dramaBox li {width:25%;margin-right: 5%;}

.dramaWrap.changzak .dramaInfo .dramaBox.col4 li {
    width: 180px;
    margin-right: 35px;
}

.dramaWrap.changzak .dramaInfo .dramaBox.col3 li {
    width: 185px;
}

.dramaWrap.changzak .dramaInfo .dramaBox li:last-child {margin-right:0;}
.dramaWrap .dramaInfo .dramaBox li:after {
	right: -16%;
}

.dramaWrap.changzak .dramaInfo .dramaBox li:after {
	left: calc(100% + 11px);
}

.dramaWrap.changzak .yearSelect.type3 {border-top: none;position: relative;}
.dramaWrap.changzak .yearSelect.type3:before {
	content:"";
	position:absolute;
	top: 0;
	left: 25px;
	width: calc(100% - 50px);
	border-top: 1px solid #777;
}

.dramaWrap .dramaInfo .dramaBox li .boxContentWrap .boxContent {position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: auto;width: 100%;}
.dramaWrap.changzak .dramaInfo .dramaBox li .boxContentWrap .boxContent {line-height:175%;}
.dramaWrap.changzak .dramaInfo .dramaBox li .boxContentWrap .boxContent .bottom-arrow {
	display: inline-block;
    font-weight: 600;
    transform: rotate(90deg);
    height: 15px;
    width: 15px;
}

.dramaWrap.changzak .dramaInfo .dramaBox li .boxContentWrap .boxContent .small-line {
	display:block;
	line-height:125%;
}

.dramaWrap.changzak .dramaInfo .dramaBox li .boxContentWrap .boxContent .small-space {
	display:inline-block;
	font-size:11px;
}

.dramaWrap .dramaInfo .dramaBox li .boxContentWrap:after {
	display:inline-block;
	/* width: 1px; */
	height:100%;
	vertical-align: bottom;
}

.introWrap.child .iconTitle .icon,
.pdPanWrap .iconTitle .icon,
.dramaWrap .iconTitle .icon {
	width: 35px;
}
.introWrap.child .iconTitle .icon img,
.pdPanWrap .iconTitle .icon img,
.dramaWrap .iconTitle .icon img {
	height: auto;
    vertical-align: middle;
    margin-top: -3px;
} 

/** 청소년 > 예술교육 **/
.introWrap.child.type2 {background:none;padding:0;}
.introWrap.child .list_edu_info {margin:10px 0 0;}
.introWrap.child .list_edu_info li {
    width: 32.2%;
    padding: 2px;
    margin-left: 1%;
}
.introWrap.child .list_edu_info li:first-child {margin-left:0;}
.introWrap.child .list_edu_info li img {width:100%;}

.dramaturgWrap  .list_edu_info li a ,
.introWrap.child .list_edu_info li a {position:relative;}
.dramaturgWrap  .list_edu_info li a > span,
.introWrap.child .list_edu_info li a > span {
	position: absolute;
    right: 0;
    bottom: 0;
}

.introWrap.child .list_edu_info li {margin-right:0;}
.introWrap.child .list_edu_info .edu_info_01 {background: #e5ba71;}
.introWrap.child .list_edu_info .edu_info_02 {background: #96d4f0;}
.introWrap.child .list_edu_info .edu_info_03 {background: #cad7c6;}

.introWrap.child .childContent {padding: 20px 25px;line-height:150%;}
.introWrap.child .childContent .childDesc {}
.introWrap.child .childContent img {margin-top:20px;}

.introWrap.child .childContent .iconTitle {background:#8a5e39;margin-top:30px;margin-bottom:20px;}
.introWrap.child .childContent .iconTitle .tit {float:none;text-align:center;}
.introWrap.child .writeTable table tr td {padding:10px;word-break:keep-all;text-align:left;}

/** 청소년극 연구**/
.introWrap.childResearchWrap {background:#fff;}
.introWrap.childResearchWrap .livingartSpArea {margin:0;}
.introWrap.childResearchWrap .lineTableType_open {
	padding: 0 20px 20px;
    box-sizing: border-box;
    border: none;
}
.introWrap.childResearchWrap .lineTableType_open > dl {border-top:2px solid #000;}
.introWrap.childResearchWrap .lineTableType_open > dl dd img {display:block;margin:0 auto;}
.introWrap.childResearchWrap .lineTableType_open > dl dd div {padding-top:15px;line-height:150%;word-break:keep-all;}

/** **/ 
.dramaWrap.childPlayWrap .dramaBottom {padding: 30px 35px;}
.dramaWrap.childPlayWrap .dramaBottom:after {
    content: "";
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    height: 1px;
    display: block;
}
 
.dramaWrap.childPlayWrap .infomationList > li:nth-child(even) {
    background: #fff;
}

.dramaWrap.childPlayWrap .infomationList > li:nth-child(odd) {
	background: #f4f4f4;
}

.dramaWrap .yearSelect .year {left:0;}
.dramaWrap .customerWrap {margin-bottom:0;}

.childWrap .customerWrap img {display:block;margin:35px auto 0;}

.contentWrap .wingBanner {
	position: absolute;
    right: -125px;
}

.contentWrap .wingBanner > a {display: block;}

.contentWrap .wingBanner .linkArea {
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
    padding: 12px 0;
	text-align:center;
}

.contentWrap .wingBanner .linkArea a {
	display:inline-block;
	margin-left:5px;
}

.contentWrap .wingBanner .linkArea a:first-child {
	margin-left:0;
}

/* 70주년 */
.seventyWrap {
	background: none;
}

.seventyWrap .dramaBottom {
	background: #fff;
}

.seventyWrap .section {
	margin-top: 10px;
}

.seventyWrap .section strong {
	display: block;
}

.seventyWrap .section ~ .section .introWrap {
	padding-top: 15px;
}

.seventyWrap .section .lineTableType_open .content {
	padding: 20px 0 30px;
}

.seventyWrap .section .watch {
	padding: 10px 0;
	border-top: 1px solid #d5d5d5;

}

.seventyWrap .section .ciWrap {
	padding: 0;
}

.seventyWrap .section .ciWrap .ciTableArea {
	margin-bottom: 10px;
}

.seventyWrap .section .ciWrap .ciTableArea.col1.type2 .con span {
	padding: 0;
}

.seventyWrap .section .ciWrap .ciTableArea.col1.type2 .con span:after {
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.seventyWrap .section .image-desc {
	margin-bottom: 40px;
	text-align: center;
}

.seventyWrap .section .image-desc li {
	display: inline-block;
}

.seventyWrap .section .image-desc li .title {
	display: block;
	font-size: 1rem;
	padding: 10px 20px;
	background-color: #6a5146;
	color: #fff;
	font-weight: bold;
}

.seventyWrap .section .image-desc li .copy {
	display: block;
	text-align: right;
	font-size: 0.95rem;
}

.seventyWrap .section .image-desc li .copy .space {
	display: inline-block;
	padding: 0 0.03rem;
}

.seventyWrap .section .image-desc.half,
.seventyWrap .section .image-desc.third {
	font-size:0;
}

.seventyWrap .section .image-desc.half li {
	width: 49%;
}

.seventyWrap .section .image-desc.half li ~ li {
	margin-left: 2%;
}

.seventyWrap .section .image-desc.half li img, 
.seventyWrap .section .image-desc.third li img {
	width: 100%;
}

.seventyWrap .section .image-desc.third li {
	width: 32.6%;
}

.seventyWrap .section .image-desc.third li ~ li {
	margin-left: 1.1%;
}

.sponsorWrap {/* background-color:#fff; */}
.sponsorWrap .tabArea {font-size:0;height: 60px;}
.sponsorWrap .tabArea a {display:inline-block;font-size: 17px;width:calc(50% - 5px);height: auto;font-weight: 600;line-height: 60px;}
.sponsorWrap .tabArea a ~ a{margin-left:10px;}
.sponsorWrap .sponsorBody {position: relative;background-color:#fff;margin-top: 10px;padding: 35px 25px 25px;width: 100%;box-sizing: border-box;letter-spacing: -1px;}
.sponsorWrap .sponsorBody .sponsorBox {display: inline-block;width: 100%;background-color:#ececec;padding-bottom: 40px;}
.sponsorWrap .sponsorBody.bg {
	position: relative;
	background: #fff url('/assets/images/theater/sponsor/sponsorship_02_bg.jpg') no-repeat center 30px / calc(100% - 50px);
	text-align: center;
	padding:33px 25px 0;
}

.sponsorWrap .sponsorBody.bg:after {
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:30px;
	background-color:#fff;
}

.sponsorWrap .sponsorBody .sponsorBox:first-child {margin-top:290px;}
.sponsorWrap .sponsorBody .sponsorBox:last-child {margin-bottom:30px;}

.sponsorWrap .sponsorBody:before {
	content:"";
	position:absolute;
	top: 25px;
	left: 25px;
	width: calc(100% - 50px);
	height: calc(100% - 50px);
	background-color:#ececec;
}

.sponsorWrap .sponsorBody.bg:before {display:none;}
.sponsorWrap .sponsorBody .simg {position:relative;}
.sponsorWrap .sponsorBody .simg img {width:100%;}
.sponsorWrap .sponsorBody .ssec {margin-top: 6.7em;text-align:center;position: relative;}
.sponsorWrap .sponsorBody .ssec h3 {
    display: inline-block;
    font-size: 40px;
    line-height: 105%;
}
.sponsorWrap .sponsorBody .ssec .sbtn {width: 640px;margin: 3.75em auto 0;}
.sponsorWrap .sponsorBody .ssec .sbtn a {position:relative;display: block;line-height: 70px;width: 410px;margin: 0 auto;border: 2px solid #000;color: #000;font-size: 1.8em;font-weight: 800;text-shadow: 0px 0px #000;}
.sponsorWrap .sponsorBody .ssec .sbtn a.pink {background-color: #ff5ea2;}
.sponsorWrap .sponsorBody .ssec .sbtn a.yellow {background-color: #f0d200;}
.sponsorWrap .sponsorBody .ssec .sbtn a.shadow:after {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border-top: 3px solid rgba(255,255,255, 0.5);
	border-left: 3px solid rgba(255,255,255, 0.5);
	border-right: 3px solid rgba(0,0,0,0.2);
	border-bottom: 3px solid rgba(0,0,0,0.2);
}

.sponsorWrap .sponsorBody .ssec .sbtn a[href]:active:after {
	border:none;
}

.sponsorWrap .sponsorBody .ssec .sbtn ul {margin-top: 2.5em;}
.sponsorWrap .sponsorBody .ssec .sbtn ul li {line-height: 160%;font-size: 1.5em;font-weight: 600;}

.sponsorWrap .sponsorBody .ssec .sbtn .sbtnTop {
	line-height: 150%;
	font-size: 1.45em;
	font-weight: 600;
	padding-bottom: 3em;
	word-break: keep-all;
}

.sponsorWrap .sponsorBody .sbox {
	position: relative;
	margin: 7em auto 0;
	padding: 2.75em 4.5em;
	border: 2px solid #000;
	box-sizing: border-box;
	width: 705px;
	background-color: #fff;
}

.sponsorWrap .sponsorBody .sbox h3 {
    display: block;
	width:100%;
    font-size: 40px;
    text-align: center;
    line-height: 101%;
}

.sponsorWrap .sponsorBody .sbox:before,
.sponsorWrap .sponsorBody .sbox:after {
	content:"";
	position:absolute;
	top: 10px;
	width: 10px;
	height: 10px;
	border:1px solid #000;
	border-radius: 50%;
}

.sponsorWrap .sponsorBody .sbox:before {
	left: 10px;
}

.sponsorWrap .sponsorBody .sbox:after {
	right: 10px;
}

.sponsorWrap .sponsorBody .sbox .bsec {
	
}

.sponsorWrap .sponsorBody .sbox .bsec h4 {
	font-size: 2em;
	display: block;
	margin-top: 2.5em;
	margin-bottom: 10px;
	font-weight: 800;
	text-shadow: 0px 0px #000;
}

.sponsorWrap .sponsorBody .sbox .bsec ul {/* position: relative; */margin-top: 15px;}

.sponsorWrap .sponsorBody .sbox .bsec ul li {
	position: relative;
	font-size: 1.7em;
	line-height: 1.7em;
	padding-left: 1.3em;
	font-weight: 600;
	background: #fff url('/assets/images/theater/sponsor/sponsorship_icon.svg') no-repeat left .35em / 1em;
	word-break: keep-all;
}

.sponsorWrap .sponsorBody .sbox .bsec ul li img {vertical-align:middle;}

.sponsorWrap .sponsorBody .sbox .bfoot {
	margin-top: 30px;
}

.sponsorWrap .sponsorBody .sbox .bfoot p {
	line-height: 150%;
	font-size: 1.45em;
	font-weight: 600;
}

.sponsorWrap .sponsorBody .ssec h3 img {width:100%;}
.sponsorWrap .sponsorBody .sbox h3 img {width:250px;}

.sponsorWrap .sponsorBody .ybox {display: inline-block;width: calc(100% - 85px);border:2px solid #000;padding:50px 40px;box-sizing: border-box;text-align: center;background-color: #fff;}
.sponsorWrap .sponsorBody .ybox ~ .ybox {margin-top: 35px;}
.sponsorWrap .sponsorBody .ybox .year {display: inline-block;background-color: #f0d200;border:2px solid #000;padding: 0 2em;font-size: 2.5em;line-height: 1.75em;text-align: center;font-weight: bold;}
.sponsorWrap .sponsorBody .ybox .ytbl {
    margin-top: 3.5em;
}

.sponsorWrap .sponsorBody .ybox .ytbl h3 {
    background-color: #ececec;
    font-size: 1.45em;
    padding: .85em 0;
}

.sponsorWrap .sponsorBody .ybox .ytbl.expensive h3 {
	background-color: #f9ed99;
}

.sponsorWrap .sponsorBody .ybox .ytbl dl {
    text-align: left;
    font-size: 0;
}
.sponsorWrap .sponsorBody .ybox .ytbl dl dd {
    text-align: center;
    display: inline-block;
    width: 25%;
    font-size: 12px;
    padding: 1em 0;
    border-bottom: 1px dotted #aaa;
}

.organization-new {}

.organization-new p {position: relative;display: inline-block;color:#fff;padding: 20px 10px;box-sizing: border-box;text-align: center;background-color:#432;font-size: 12px;line-height: 150%;z-index:1;}
.organization-new > div {display:flex;}
.organization-new > div ~ div {margin-top:30px;}
.organization-new > div:last-child {margin-top:50px;}

.organization-new .bl {background-color: #135;}
.organization-new .rd {background-color: #843;}
.organization-new .yl {background-color: #653;}
.organization-new .pp {background-color: #536;left: 11%;}
.organization-new .gr {background-color: #343;}
.organization-new .wt {background-color: transparent;}

.organization-new table {width:100%;}
.organization-new table tr:first-child td {height:auto;}
.organization-new table tr td {position: relative;text-align:center;vertical-align: top;padding-top: 40px;font-size: 0;}
.organization-new table tr td .top-line {position: absolute;top: 20px;width: 100%;height: 100%;border-top: 2px solid #5C5847;}
.organization-new table tr td .top-line.right {right: 0;width:50%;}
.organization-new table tr td .top-line.left {left: 0;width: 50%;}

.organization-new table tr.r1 p {margin-top:0;}
.organization-new table tr.r1 p:after {
	content:'';
	position:absolute;
	top: 100%;
	left: 50%;
	width: 2px;
	height: 20px;
	background-color: #5C5847;
	z-index: 0;
}
.organization-new table tr.r1 p,
.organization-new table tr.r2 p {width:250px;}
.organization-new table tr.r4 p {width:220px;}
.organization-new table tr.r3 p {width: 250px;}
.organization-new table tr.r2 p {display: inline-flex;justify-content: center;align-items: center;height: 60px;}
        
.organization-new table tr.r2 td p:before,
.organization-new table tr.r5 td p:before {
	content:'';
	position:absolute;
	top: -20px;
	left: 50%;
	width: 2px;
	height: 20px;
	background-color: #5C5847;
}

.organization-new table tr.r3 td {text-align:right;padding-top: 20px;overflow: visible;}
.organization-new table tr.r3 td:first-child:before {
	content:'';
	position:absolute;
	top: calc(50% + 10px);
	left: 50%;
	width: 50%;
	height: 2px;
	background-color: #5C5847;
	z-index: 0;
}
.organization-new table tr.r3 td:after,
.organization-new table tr.r4 td:after {
	content:'';
	position:absolute;
	top: 0;
	left:50%;
	height:100%;
	width: 2px;
	background-color: #5C5847;
	z-index:0;
}

.organization-new table tr.r4 td {padding-top:20px;}

.organization-new table tr.r5 td:before {
	content:'';
	position:absolute;
	top:0;
	left:50%;
	height: 20px;
	width:2px;
	background-color: #5C5847;
	z-index:0;
}

.organization-new table .bottom {position: relative;display:inline-flex;width: auto;justify-content: center;}
.organization-new table .bottom:before {
	content:'';
	position:absolute;
	top: -20px;
	left: 38px;
	height:2px;
	width: calc(100% - 75px);
	background-color: #5C5847;
	z-index:0;
}

.organization-new table .bottom {}
.organization-new table .bottom p {padding: 10px 20px;flex-shrink: 1;}
.organization-new table .bottom p ~ p {margin-left:5px;}

@media only screen and (max-width: 909px) {
	.organization-new table .bottom:before {left: 32px;width: calc(100% - 64px);}
	.organization-new table .bottom p {padding: 10px 15px;}
}

@media only screen and (max-width: 768px) {
	.dramaWrap .dramaBottom {padding:30px 20px;}
	.dramaWrap .dramaBottom .infoContent .big span, 
	.dramaWrap .dramaInfo .infoContent .big span.mobile_block {line-height:120%;}
	.dramaWrap .infoContent .big span.mobile_block ~ span.mobile_block {display:inline-block;margin-top:10px;}
    .dramaWrap.changzak .con .dot > li {padding-left: 7px;}
	.dramaWrap .infoContent .profile-list {margin-left:-7px;}
	.dramaWrap .infoContent .profile-list ul {display:block;}
	.dramaWrap .infoContent .profile-list ul li , 
	.dramaWrap .infoContent .profile-list.col2 ul li {width:100%;}
	.dramaWrap .infoContent .profile-list ul li ~ li {margin-left:0;margin-top:10px;}
	.dramaWrap .infoContent .profile-list ul li .txt {}
	.dramaWrap .infoContent .profile-list ul li .txt > p {height:auto;margin-bottom: 20px;}
	.dramaWrap .infoContent .profile-list li .img {}

	.sponsorWrap {width: 100vw;font-size:11px;}
	.sponsorWrap .sponsorBody {padding: 0 0 5em;}
	.sponsorWrap .sponsorBody:before {width:100%;left: 0;}
	.sponsorWrap .sponsorBody .ssec .sbtn {width: 100%;}
	.sponsorWrap .sponsorBody .ssec .sbtn a {width: 85%;line-height: 3.5em;}
	.sponsorWrap .sponsorBody .sbox {width: 95%;padding: 2em 3em;}

	.sponsorWrap .sponsorBody .ssec h3 img {width: 60vw;}
	.sponsorWrap .sponsorBody .sbox .bsec h4 {margin-top: 2em;}

	.sponsorWrap .sponsorBody .sponsorBox:first-child {margin-top: calc(33% + 1px);}
	.sponsorWrap .sponsorBody .ybox {width: calc(100% - 40px);padding: 30px 0px;}

	.organization-new table .bottom:before {left: 31px;width: calc(100% - 60px);}
	.organization-new table .bottom p {width: 60px;padding: 10px;}
	
	.organization-new table tr td .top-line.right {right: auto;left: 25%;width: 100%;}
	.organization-new table tr.r2 td p.rd:before {left: calc(25% - 1px);}
	.organization-new table tr.r3 td:first-child:after {left: 25%;}
	.organization-new table tr.r4 td:first-child:after {left: 25%;}
	.organization-new table tr.r3 td:first-child:before {left:25%;}
	.organization-new table tr.r5 td:first-child:before {left: 25%;}

	.organization-new table tr td .top-line.left {width:60%;}
	.organization-new table tr.r2 td p.yl:before {left: 60%;}
	.organization-new table tr.r3 td:last-child:after {left: 60%;}
	.organization-new table tr.r4 td:last-child:after {left: 60%;}
	.organization-new table tr.r5 td:last-child:before {left:60%;}

	.organization-new table .bottom.right {margin-left: 20%;}
	
	.organization-new table tr.r1 p {width:100%;}
	.organization-new table tr.r2 p {width:99%;}
	.organization-new table tr.r2 p {height: 55px;word-break: keep-all;padding: 10px;display: inline-flex;justify-content: center;align-items: center;}
	.organization-new table tr.r3 p {left: 35%;width: 100%;padding: 20px 6px;}
	.organization-new table tr.r4 p {width: 85%;}
	.organization-new table tr.r4 td {text-align:left;}

}

@media only screen and (max-width: 640px) {
	.sponsorWrap .sponsorBody .sbox h3 img {width: 50vw;}
	.sponsorWrap {font-size:10px;}
	.organization-new table .bottom p {width: 38px;padding:5px;}
	.organization-new table .bottom p ~ p {margin-left: 3px;}
	.organization-new table .bottom:before {left: 20px;width: calc(100% - 38px);}
	.organization-new table tr.r5 td:first-child {text-align:left;}
}

@media only screen and (max-width: 592px) {
	.introTop {background: url("../images/theater/intro_top_bg.png") no-repeat center top;background-position-x: 80% !important;}
}

@media only screen and (max-width: 420px) {
	.sponsorWrap {font-size:9px;}
	.organization-new table .bottom:before {left: 15px;width: calc(100% - 30px);}
	.organization-new table .bottom p {width: 30px;}
}

@media only screen and (max-width: 375px) {
	.sponsorWrap {font-size:8px;}
	.organization-new table .bottom:before {left: 16px;width: calc(100% - 30px);}
}

@media only screen and (max-width: 320px) {
	.sponsorWrap {font-size:7px;}
	.organization-new table .bottom p ~ p {margin-left:2px;}
}