@charset "utf-8";
.livingartWrap{background:#fff;padding:30px 25px;}
.livingartSpArea{background:#fff;}
.livingartSpArea .iconTitle{background:#be216a;height:45px;line-height:45px;padding:0 25px;overflow:hidden;}
.livingartSpArea .iconTitle.blueType{background:#187a9a;}
.livingartSpArea.nodata .iconTitle{background:#666666 !important;}
.livingartSpArea .iconTitle .icon{float:left;width:51px;}
.livingartSpArea .iconTitle .icon img{height:45px;}
.livingartSpArea .iconTitle .tit{float:left;font-weight:bold;color:#ffffff;}
.livingartSpArea .iconTitle .btn_more{float:right; display:block;padding-right:18px; background:url("../images/livingart/btn_more.png") no-repeat right 21px; line-height:46px; color:#fff;}
.livingartSpArea .dotLineTxt{padding:20px 0;background:url("../images/information/dot_line.png") repeat-x left bottom;line-height:20px;margin:0 25px;}
.livingartSpArea.nodata .dotLineTxt{ background:none;}
.livingartSpArea .inContentArea{padding:20px 25px 25px 25px}
.livingartSpArea .inContentArea .topTxt{ line-height:20px; margin-bottom:20px;}
.livingartSpArea.nodata .inContentArea .topTxt{ line-height:20px; margin-bottom:0px;}
.livingartSpArea .inContentArea th{width:215px;}
.livingartSpArea .inContentArea td.con2{padding:0 15px;}

.livingArtSubmain{background:#ffffff;}
.livingArtSubmain .titleArea{background:#8a8a8a;height:45px;line-height:45px;padding:0 25px;overflow:hidden;color:#fff;position:relative;}
.livingArtSubmain .titleArea:hover {background:#187a9a;}
.livingArtSubmain .titleArea .btn_right{position:absolute;right:0px;top:0px;display:block;height:45px;line-height:46px;padding-left:25px;width:55px;background:#636363 url("../images/livingart/right_arr.png") no-repeat 52px center;color:#fff;font-weight:bold;}
.livingArtSubmain .titleArea:hover .btn_right{background-color:#0f506c;}
.livingArtSubmain ul{background:url("../images/information/dot_line.png") repeat-x left bottom;overflow:hidden;padding:30px 0 18px 0;margin:0 25px;}
.livingArtSubmain ul:last-child{background:none}
.livingArtSubmain ul li{float:left;width:390px;margin-right:0px;line-height:20px;position:relative;min-height:158px;}
.livingArtSubmain ul li:first-child{width:414px;margin-right:40px;}
.livingArtSubmain ul li p{padding-right:120px;}
.livingArtSubmain ul li .title{margin-top:-4px;font-weight:bold;}
.livingArtSubmain ul li .txt{color:#006a84;font-weight:bold;padding-bottom:16px;margin-bottom:15px;background:url("../images/livingart/txt_black.png") no-repeat left bottom;}
.livingArtSubmain ul li .right_img{position:absolute;right:0px;top:-4px;padding-right:0px;}

.togetherWrap{ background:#ffffff; margin-bottom:10px;text-align:left;}
.togetherWrap > .title{ padding:50px 25px 0 25px; font-size:24px; font-weight:bold; line-height:40px;;}
.togetherWrap > .txt{ padding:20px 25px 0 25px;color:#006a84; font-weight:bold; line-height:20px;}
.togetherWrap > .con{ padding:15px 25px 0 25px; line-height:20px;}
.togetherWrap > .img{padding: 35px 0 0 0;line-height:20px;text-align:center;max-width: 320px;display: block;margin: 0 auto;}
.togetherWrap > .btnArea{margin:30px 0 50px 0; text-align:center;}
.togetherWrap > .btnArea a.black{color:#f89b1c;min-width:114px; background:#000;margin-right:1px;}
.togetherWrap > ul{ background:#187a9a;padding:25px 25px; text-align:left;}
.togetherWrap > ul li{ line-height:20px;background:url("../images/livingart/w_bl.png") no-repeat left 7px;padding-left:10px;color:#fff;}
.togetherWrap > ul li a {color:#fff;}
.togetherWrap > ul li .iconTxt{margin:10px 0 20px 0}
.togetherWrap > ul li:last-child .iconTxt{margin:10px 0 0px 0}
.listTableType2.datalist .titleArea .download{width:180px;}
.listTableType2.datalist .conArea .title{padding-left:20px;}
.listTableType2.datalist .conArea .btnDown{ display:inline-block;*display:inline;zoom:1; background:url("../images/livingart/btn_down.png") no-repeat; width:60px; height:27px; line-height:28px;color:#fff; text-align:left;padding-left:35px;}
@media only screen and (max-width: 909px) {

}

/**** 교육프로그램 ****/
.livingArtSubmain.edu .sectionArea {padding-bottom:10px}
.livingArtSubmain.edu .titleArea {height:auto; padding:15px 105px 14px 54px; line-height:16px; background:#8a8a8a url(../images/information/info_icon2.png) 25px 13px no-repeat}
.livingArtSubmain.edu .titleArea:hover {background:#187a9a url(../images/information/info_icon2.png) 25px 13px no-repeat}
.livingArtSubmain.edu .titleArea .btn_right {height:100%}
.livingArtSubmain.edu .titleArea > p {padding-left:70px; text-indent:-70px}
.livingArtSubmain.edu .titleArea > p.type2 {padding-left:82px; text-indent:-82px}

ul.list_left_img li {width:273px; padding-left:157px}
ul.list_left_img li:first-child {width:276px; margin-right:6px; padding-left:132px}
ul.list_left_img li .left_img {position:absolute; left:25px; top:-4px}
ul.list_left_img li:first-child .left_img {left:0}
ul.list_left_img li p {padding-right:0}

.no_sub_copy .title {margin-bottom:15px; padding-bottom:16px; background:url("../images/livingart/txt_black.png") no-repeat left bottom}

.livingArtSubmain.edu .titleArea .btn_right {line-height:1}
.livingArtSubmain.edu .titleArea .btn_right span {display:inline-block; vertical-align:middle; }
.livingArtSubmain.edu .titleArea .btn_right:after {display:inline-block; content:""; vertical-align:middle; height:100%; width:0}

.eduSub {margin-top:10px}

/* 교육프로그램 소개 */
.red2 {color:#da1229 !important}
.list_edu_info {overflow:hidden;margin-top:25px;text-align: center;display: flex;justify-content: center;}
.list_edu_info li {display: inline-block;width:250px;margin-left:10px;text-align:center;background-color: #fff;}
.list_edu_info li:first-child {margin-left:0}
.list_edu_info img {display:inline-block;width: 100%;}
.list_edu_info a {display:block; overflow:hidden; font-size:16px; color:#fff; }
.list_edu_info strong {display:block; float:left; padding-left:19px; font-size:16px; color:#fff; font-weight:bold; line-height:40px}
.list_edu_info a > span {display:block; float:right; width:48px; padding-left:15px; font-size:12px; color:#e7e9ed; font-weight:bold; line-height:40px; text-align:left}
.list_edu_info p {min-height:74px; padding:12px 20px; line-height:16px; text-align:left; word-break: keep-all;}
.list_edu_info.content_lab p { min-height: 50px; }
.livingartWrap.bg_brown {background-color:#e6ba71;}
.livingartWrap.bg_brown .alertIcon {background-color:#e6ba71;padding:0px 0px 0px 46px;line-height: 30px;}
.livingartWrap.bg_brown .list_edu_info li a {
	padding-top: 10px;
    background-color: #fff;
	cursor: default;
}
.livingartWrap.bg_brown .list_edu_info strong {color:#000;}
.livingartWrap.bg_brown .list_edu_info li p {background-color:#fff;}


.changzak .list_edu_info .edu_info_01 a {background:#410e8d;}
.changzak .list_edu_info .edu_info_02 a {background:#b90f4d;}
.changzak .list_edu_info .edu_info_03 a {background:#0c41c3;}
.changzak .list_edu_info .edu_info_01 a > span {background-color:#290164;}
.changzak .list_edu_info .edu_info_02 a > span {background-color:#8b0132;}
.changzak .list_edu_info .edu_info_03 a > span {background-color:#002a8e;}
.changzak .list_edu_info .edu_info_01 p {background:#eee4fd}
.changzak .list_edu_info .edu_info_02 p {background:#fecbde}
.changzak .list_edu_info .edu_info_03 p {background:#c9d8ff}


.list_edu_info .edu_info_01 a {background:#675144}
.list_edu_info .edu_info_02 a {background:#326fb7}
.list_edu_info .edu_info_03 a {background:#12575a}
.list_edu_info .edu_info_01 a > span {background:#332822 url(../images/livingart/bg_arrow.png) 42px 14px no-repeat}
.list_edu_info .edu_info_02 a > span {background:#19375b url(../images/livingart/bg_arrow.png) 42px 14px no-repeat}
.list_edu_info .edu_info_03 a > span {background:#092b2d url(../images/livingart/bg_arrow.png) 42px 14px no-repeat}
.list_edu_info .edu_info_01 p {background:#e5ba71}
.list_edu_info .edu_info_02 p {background:#96d4f0}
.list_edu_info .edu_info_03 p {background:#cad7c6}

.livingartSpArea .iconTitle.brownType{background:#675144}
.infomationList > li .btnArea a.btn_sin.type2 {background-image:url("../images/livingart/icon_sin2.png")}
.listTableType2 ul.titleArea.type2 {background:#e5ba71}
.listTableType2 ul.titleArea.type2 li {color:#000}

/* 교육프로그램 - 관객대상 */
.livingartWrap.bg_yellow {background:#e5ba71}
.livingartWrap.bg_yellow .alertIcon {background:#e5ba71 url("../images/livingart/info_icon2.png") no-repeat left 3px}
.list_edu_col4 {overflow:hidden; padding-bottom:30px}
.list_edu_col4 li {float:left; width:205px; margin-left:13px; text-align:center; background:#fff}
.list_edu_col4 li:first-child {margin-left:0}
.list_edu_col4 img {display:inline-block}
.list_edu_col4 div {min-height:92px; padding:19px 10px 23px; text-align:left}
.list_edu_col4 strong {display:block; padding-bottom:6px}
.list_edu_col4 span {display:block; line-height:18px}

.livingartSpArea .inContentArea .con2>.tit {display:block; padding:18px 0 16px; font-size:16px; line-height:20px}
.livingartSpArea .inContentArea .list_info {padding-bottom:20px}
.livingartSpArea .inContentArea .list_info li {padding-top:8px}
.livingartSpArea .inContentArea .list_info li:first-child {padding-top:0}
.livingartSpArea .inContentArea .list_info .tit {display:inline-block; width:75px; font-weight:bold}
.livingartSpArea .inContentArea .list_info .con {display:inline-block; width: 440px; line-height: 20px; vertical-align: top;}
.togetherWrap .dotLine {background:url("../images/information/dot_line.png") repeat-x left top}
.togetherWrap .dotLine.title {margin:0 25px; padding:50px 0 0}
.togetherWrap.type2 {margin-bottom:0; padding-bottom:20px}
.togetherWrap.type2 .title {padding-top:19px}
.togetherWrap.type2 > .txt {color:#da1229}
.togetherWrap.type2 > .btnArea a.black {color:#fff}
.togetherWrap.type2 > .btnArea {margin:30px 0}
.togetherWrap.type2 > ul {margin:0 25px; background:#12575a}

.livingartWrap.bg_blue {background:#96d4f0}
.livingartWrap.bg_blue .alertIcon {height:35px; padding:0px 0px 25px 46px; background:#96d4f0 url("../images/livingart/info_icon3.png") no-repeat left 3px}
.livingartWrap.bg_blue .alertIcon:after {display:inline-block; content:""; height:100%; vertical-align:middle}
.livingartWrap.bg_blue .alertIcon strong {display:inline-block; vertical-align:middle}

/* 교육프로그램 - 연극인 대상 */
.livingartSpArea .iconTitle.blueType2 {background:#326fb7}
.livingartSpArea .iconTitle.blueType3 {background:#266ab5}

/* 교육프로그램 - 신청하기 */
.writeTable table tr th.hide {width:0; font-size:0; line-height:0; text-indent:-9999px}
.writeTable table .file_alone {display:block; padding-bottom:10px}
.bx_pix {margin:8px 0 5px}
.file_alone .btn_file {display:block; height:33px; color:#fff; line-height:31px; text-align:center; background:#006a84}
.file_alone input[type='file'], .inputFileHidden {position:absolute; left:-50px; top:-50px; width:1px; height:1px; overflow:hidden}
.writeTable .wrap_input {display:block}
.writeTable .btn_zip {display:inline-block; width:110px; height:33px; color:#fff; line-height:31px; text-align:center; background:#7d6f5e}
.writeTable .tbl2 {margin-top:-1px; border-top:2px solid #000}
.writeTable .tbl2 th {background:#f4f4f4  url("../images/information/dot_line_write.png") repeat-y left top}
.writeTable .tbl2 th:first-child {background:#f4f4f4}
.writeTable .tbl2 td {height:53px; vertical-align:middle; text-align:center; background:url("../images/information/dot_line_write.png") repeat-y left top; border-bottom:1px solid #000}
.writeTable .tbl2 td:first-child {background:none}
.memberBoxArea .alertIcon.type2 {height:35px; margin-bottom:25px; padding:0 0 0 46px}
.memberBoxArea .alertIcon.type2:after {display:inline-block; content:""; height:100%; vertical-align:middle}
.memberBoxArea .alertIcon.type2 strong {display:inline-block; vertical-align:middle}
.memberBoxArea .alR {text-align:right}
.memberBoxArea .btns {padding-top:10px}
.memberBoxArea .btns a {display:inline-block; width:90px; height:33px; margin-left:10px; color:#fff; line-height:31px; text-align:center}
.btn-brown {background:#7d6f5e}
.btn-blue {background:#006a84}
.memberBoxArea textarea {width:98%; height:90px; padding:0 10px; margin:10px 0; line-height:1.5; resize:none}

.writeTable .tbl3 {border-bottom:1px solid #000}
.writeTable .tbl3 .tit {display:block; height:51px; padding-left:13px; line-height:49px; background:#f4f4f4}
.writeTable .tbl3 .tit span.text {font-weight: normal; margin-left: 10px;}
.writeTable .tbl3 .cont {padding:10px 10px 15px;}
.writeTable .tbl3 .cont textarea {height:180px; margin-bottom:0}
.writeTable .tbl3 .cont.type2 {position:relative; padding-right:100px}
.writeTable .userFileArea { font-size:15px; padding:10px 0 10px;} 
.writeTable .userFileArea a.fileName { text-decoration:underline; }
.writeTable .userFileArea a.btnFileDelete { font-size:12px;vertical-align: top; }

.writeTable .tbl3 .cont .btn_file {display:block; position:absolute; right:0; top:10px; width:84px; height:32px; line-height:32px; color:#fff; text-align:center; background:#006a84}
.writeTable .tbl3 .down {display:inline-block; text-decoration:underline; font-weight:normal}

/* 교육프로그램 - 출판사업 */
.livingartWrap.bg_green {background:#cad7c6}
.livingartWrap.bg_green .alertIcon {background:#cad7c6 url("../images/livingart/info_icon4.png") no-repeat left 3px}
.livingartWrap .alertIcon .notice {display:block; padding-left:15px; text-indent:-15px}

.list_edu_col3 {overflow:hidden; padding-bottom:30px}
.list_edu_col3 li {float:left; width:280px; margin-left:10px; text-align:center; background:#fff}
.list_edu_col3 li:first-child {margin-left:0}
.list_edu_col3 img {display:inline-block;height: 200px;}
.list_edu_col3 div {min-height:92px; padding:19px 10px 23px; text-align:left}
.list_edu_col3 strong {display:block; padding-bottom:6px}
.list_edu_col3 span {display:block;line-height:18px;word-break: keep-all;}

.livingartSpArea .iconTitle.greenType {background:#12575a}
.infomationList.listCol li {padding:0}
.infomationList .listCol2 {display:inline-flex; position:relative; width:265px;  padding-left:175px}
.infomationList .listCol2 a {display:block; min-height:167px; padding:25px 0}

/* 교육프로그램 - 출판사업 상세보기 */
.rightContent .topTxt .info {display:inline-block; padding-left:15px; text-indent:-15px}
.rightContent.middle .topTxt .info {padding-right:70px;}
.edu04_view .btnArea {margin-top:10px}
.edu04_view .infomationView .rightContent {min-height: 270px;margin-bottom:45px;}
.edu04_view .infomationView .rightContent.type2 { min-height: 160px;}
.edu04_view .infomationAlert {padding:30px 30px 50px; background:#fff} 
.edu04_view .infomationAlert .txtArea .txt {line-height:20px}
.edu04_view .txtArea .txt table {margin:0 auto;}
.edu04_view .txtArea .txt table td {padding: 5px !important;border-color: #ddd;}

/* 교육프로그램 - 출판사업 리스트 더보기 */
.contentArea .moreBtn { text-align:center;background-color:#fff;padding:20px;}