@charset "utf-8";
.introTop{
	height:322px; 
	padding: 70px 0 0 25px;
	margin-bottom:10px;
	background:url("../images/theater/intro_top_bg.png") no-repeat;
}

.introTop img{margin:70px 0 0 25px;}

.introTop.kor{height:322px;}
.introTop.kor .top-text {
    background-color: rgba(0,0,0,0.5);
    color: #fff;
    width: 350px;
    padding: 20px 15px;
    font-size: 15px;
}

.introWrap{padding:30px 25px; background:#fff; margin-bottom:10px;}
.introWrap .titleBline{ font-weight:bold; font-size:16px;padding-bottom:15px; background:url("../images_en/theater/txt_bline.png") no-repeat left bottom;margin-bottom:16px; line-height:24px;}
.introWrap .con1{ line-height:20px; padding-bottom:25px;}
.introWrap .con1.bline{ background:url("../images_en/information/dot_line.png") repeat-x left bottom;margin-bottom:20px;}
.introWrap .introDot li{ background:url("../images_en/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:110px;}
.introWrap .introDot li span.txt{ display:block; float:left;width: 685px;}
.introWrap .titleDotBline{background:url("../images_en/information/dot_line.png") repeat-x left bottom; padding-bottom:25px; margin-bottom:30px; line-height:20px;}
.introWrap .titleDotBline strong{ display:block; font-size:20px; font-weight:bold; margin-bottom:9px;}
.introBgArea{ overflow:hidden; margin-bottom:10px;}
.introBgArea .leftCon{float:left;}
.introBgArea .leftCon table{ background:url("../images_en/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_en/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:100%}
.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:left; line-height:30px; font-size:14px;padding-left:100px;}
.introTableWrap table td p{ margin-bottom:10px;}
.introTableWrap > div{float:left;}
.introTableWrap .leftCon table{ width:429px;margin-right:1px;}

.introWrap.history {padding:0}
.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;padding-top: 5px;}
.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; vertical-align:top; line-height:16px; }
.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}

.helloWrap{min-height:522px;padding: 30px 25px;position:relative;line-height:20px;background:#fff}
.helloWrap .logo{ margin-bottom:25px;}
.helloWrap .img{ position:absolute;right:25px;top:110px;}
.helloWrap .title{padding-top:20px; line-height:24px; font-size:16px; font-weight:bold; margin-bottom:26px;}
.helloWrap .name{ margin-top:10px; overflow:hidden;}
.helloWrap .name strong{ display:block; float:left;padding:11px 24px 0 0}
.helloWrap .name img{float:left;}

.organizationTop{ background:url("../images_en/theater/organizationTop_bg.png") no-repeat; height:328px; margin-bottom:10px;padding:30px 25px;}
.organizationTop .alertIcon.center{ background-color:transparent;}
.organizationTop .organizationArea{ overflow:hidden; margin-top:10px;}
.organizationTop .organizationArea ul{ overflow:hidden; text-align:center;}
.organizationTop .organizationArea li p{padding-top:44px;width:185px;height:26px; color:#fff; font-weight:bold; text-align:center;margin:0 auto}
.organizationTop .organizationArea .line1 li p{background:#be216a url("../images_en/theater/organization_icon_01.png") no-repeat center 15px;}
.organizationTop .organizationArea .line2 li{background:url("../images_en/theater/b_arr.png") no-repeat center 10px;padding-top:29px;}
.organizationTop .organizationArea .line2 li p{background:#7d6f5e url("../images_en/theater/organization_icon_02.png") no-repeat center 15px;}
.organizationTop .organizationArea .line3 li{ display:inline-block;*display:inline;zoom:1;  margin:0 13px;background:url("../images_en/theater/b_arr.png") no-repeat center 10px;padding-top:29px;}
.organizationTop .organizationArea .line3 li p.icon1{background:#7d6f5e url("../images_en/theater/organization_icon_03.png") no-repeat center 15px;}
.organizationTop .organizationArea .line3 li p.icon2{background:#7d6f5e url("../images_en/theater/organization_icon_04.png") no-repeat center 15px;}
.organizationTop .organizationArea .line3 li p.icon3{background:#7d6f5e url("../images_en/theater/organization_icon_05.png") no-repeat center 15px;}
.organizationWrap{ background:#ffffff;padding:30px 25px;}
.organizationWrap .organizationList .titleArea .no{ width:130px;}
.organizationWrap .organizationList .titleArea .position{ width:130px;}
.organizationWrap .organizationList .titleArea .tel{ width:150px;}

.ciWrap{position:relative; background:#ffffff;padding:30px 25px;}
.ciWrap > .title{padding-bottom: 50px;/* padding-left:228px; */font-size:16px;line-height:24px;font-weight:bold;padding-top:30px;text-align: center;}
.ciWrap > .title > span {display:inline-block;font-size:12px;line-height:20px;font-weight:normal;text-align: left;}

span {}
.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 .con ul:after {display:block; content:""; clear:both}
.ciWrap .ciTableArea.col1 ul .con li {float:left; width:25%; height:208px;}
.ciWrap .ciTableArea.col1 ul .con ul.half li {width:50%;}
.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 {padding-top:20px}

.managementWrap{ background:#ffffff;padding:30px 25px;}
.managementWrap .tabCon{ margin-bottom:30px;}
.managementWrap .dotContentArea{ margin-bottom:20px;}
.managementWrap .dotContentArea:last-child{ margin-bottom:0px !important;}
.managementWrap .dotContentArea.line{ background:url("../images_en/information/dot_line.png") repeat-x left bottom;padding-bottom:25px; margin-bottom:25px;}
.managementWrap .dotContentArea > strong.title{ display:block;background:url("../images_en/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{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_en/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_en/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_en/theater/management_information_arr_on.png") no-repeat right center;color:#fff}
.managementWrap .introBgArea .leftCon table{ background:url("../images_en/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_en/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:140px;}
.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;}
.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:132px;}
.managementWrap .btnDownArea.sizetype2 a.btn_down{ width:190px;}
.managementWrap .btnDownArea a.btn_down span{ display:inline-block;*display:inline;zoom:1; background:url("../images_en/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%}


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

/** 어린이청소년극 연구소 **/
.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 15px; }
.introWrap.child .con1 {padding-top:10px;line-height:20px;}

/* 추가 페이지 2016-11-10 */
.contentArea.info-list .section {padding:25px; background:#fff}
.contentArea.info-list .section .livingartSpArea .iconTitle .tit {font-size:13px}
.contentArea.info-list .section .des {padding-top:30px}
.contentArea.info-list .section .des:after {content:""; display:block; clear:both}
.contentArea.info-list .section .des .img {float:left; width:50%; padding-right:29px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box}
.contentArea.info-list .section .des .img img {width:100%}
.contentArea.info-list .section .des > div {float:left; width:50%}
.contentArea.info-list .section .des > div p {padding-right:30px;line-height:1.6;font-size:13px;word-break: keep-all;}
.contentArea.info-list .section .des > div ul {margin-top:-4px; padding-bottom:25px;display: table;width: 100%;}
.contentArea.info-list .section .des > div ul li {line-height:2;display: table-row;}
.contentArea.info-list .section .des > div ul li strong {display: table-cell; width:105px; letter-spacing:0.05em}
.contentArea.info-list .section .des > div ul li span {display: table-cell;word-break: keep-all;}

/* International Collaboration */
.contentArea.collabo .yearSelect {margin-bottom:25px}
.contentArea.collabo .yearSelect .year {width:197px; color:#fff}
.contentArea.collabo .yearSelect .year .btn_prev {width:12px; height:36px; background:url(/upload/images_161108/btn-prev-w.png) 0 center no-repeat}
.contentArea.collabo .yearSelect .year .btn_next {width:12px; height:36px; background:url(/upload/images_161108/btn-next-w.png) 0 center no-repeat}
.contentArea.collabo .section {margin-bottom:10px}
.contentArea.collabo .section.intro p {line-height:1.8; font-size:13px}

/* Academy & Education, Venue */
.contentArea.academy .section,
.contentArea.venue .section {padding-top:0; padding-top:33px}
.contentArea.academy .section .des,
.contentArea.venue .section .des {padding-top:33px}
.contentArea.academy .section.intro,
.contentArea.venue .section.intro {padding-top:30px; padding-bottom:63px}
.contentArea.academy .section.intro h3 {position:relative; padding-bottom:24px; font-size:16px}
.contentArea.academy .section.intro h3:after {content:""; display:inline-block; position:absolute; left:0; bottom:0; width:20px; height:1px; background:#000}
.contentArea.academy .section.intro p {padding-top:20px; line-height:1.7}

.contentArea.venue .section.intro {margin-bottom:10px; padding-bottom:30px}
.contentArea.venue .section.intro p {line-height:1.7;word-break: keep-all;}
.contentArea.venue .section.intro + .section {padding-top:25px}
.contentArea.venue .facilitiesguideSlierWrap {margin-bottom:0}
.contentArea.venue .facilitiesguideSlierWrap .facilitiesguideSlierArea ul li {}
.contentArea.venue .facilitiesguideSlierWrap .facilitiesguideSlierArea ul li p {height:70px; line-height:70px; font-size:16px}
.contentArea.venue .facilitiesguideSlierWrap a {top:50%; margin-top:-20px}

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


}


/* Dramaturg's Office */
.contentArea.dramaturg .section {
	padding: 25px 25px 35px;
    background: #fff;
}

.contentArea.dramaturg .section.intro {padding-bottom:25px;}
.contentArea.dramaturg .section.title {padding-bottom:0;}
.contentArea.dramaturg .section.title + .section {padding-top:1px;}
.contentArea.dramaturg .section.title + .title {padding-top:60px;padding-bottom:35px;}
.contentArea.dramaturg .section.title .livingartSpArea .iconTitle{background-color:#000;color:#fff;font-size:15px;text-align:center;}