@charset "UTF-8";

/* 목록 */
.list_area:not(:first-child){margin-top: 43px;}

/* 컨텐츠 블릿(공통) */
.sub_tit{font-weight: 600; font-size: 2em; /*padding-top: 10px;*/ position: relative; color: #000000; line-height: 1.25; margin-bottom: 20px;}

/*약관 최상단 제목*/
.sub_tit2{
    font-weight: 600;
    font-size: 1.375em;
    margin-bottom: 5px;
}

/*약관 중간 제목*/
.sub_tit3{font-size: 1.063em; margin-bottom: 5px;}

/*이벤트 퀴즈*/
.sub_tit3 > p{margin-top: 17px;}

/* 블릿 1 */
.list_blt{margin-top: 10px; padding-left: 9px;}
.list_blt > li{position: relative;padding-left: 12px;margin-top: 9px;text-align: left;font-size: 1.125em; color: #58595b; text-indent: 0;}
.list_blt > li:before {content: ''; display: inline-block; position: absolute; top: 10px; left: 0; width: 4px; height: 4px; border-radius: 4px; background: #58595b;}
.list_blt > li:first-child{margin-top: 0;}
.list_blt.only{padding-left:0; margin-top: 0;}


/* - 블릿*/
.add_blt{margin-top:6px; padding-left: 17px;}
.list_blt > li > .add_blt{padding-left: 0;}
.add_blt > li{
    font-size: 1.063rem;
    text-indent: -12px;
    padding-left: 12px;
    margin-top: 6px;
}
.add_blt > li:first-child{margin-top: 0;}
.add_blt.only{margin-top: 0; padding-left: 0;}

/* 숫자 블릿 */
.num_blt{
    margin-top: 4px;
}

.num_blt > li{
    position: relative;
    margin-top: 9px;
    text-align: left;
    font-size: 0.938em;
    color: #212121;
}
.num_blt > li:first-child{margin-top: 0;}

/*약관*/
.num_blt .list_blt > li{font-size: 0.938rem;}
.num_blt .list_blt > li:before{top: 8px;}
.num_blt .add_blt > li{font-size: 0.875rem;}


/*동그라미 번호 블릿*/

.round_blt > li{
    margin-top: 9px;
    text-align: left;
    font-size: 0.938em;
    padding-left: 18px;
    text-indent: -18px;
}
.round_blt > li:first-child{margin-top: 0}
.round_blt > li .add_blt{padding-left: 0;}
.round_blt > li .add_blt > li{font-size: 0.938rem; 
    padding-left: 8px; 
}

/*동그라미 안에 숫자 블릿*/
.round_blt > li .num_blt{text-indent: 0;}
.round_blt > li .num_blt li{font-size: 0.938rem;}

.round_blt .list_blt li{font-size: 0.938rem;}
.round_blt .list_blt > li:before{top: 8px;}

.kor_blt{margin-top: 9px;}
.kor_blt > li{
    margin-top: 9px;
    text-align: left;
    font-size: 0.938rem;
    padding-left: 18px;
    text-indent: -18px;
}
.kor_blt > li:first-child{margin-top: 0;}

/* 통합검색*/
.search_area{margin-top: 20px; padding-top: 20px; border-top: 1px solid #dedede;}
.search_area:first-child{margin-top: 0; border: 0; padding: 0;}
.search_tit{margin-top: 10px;}
.search_tit a{display: block; font-weight: 600; font-size: 1.125em; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;​}
.search_doc{margin-top:8px;}
.search_doc div{font-size: 1em;}
.search_doc div:first-child{
overflow: hidden;
text-overflow: ellipsis;
display:block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.5;
height: 3em;
}
.search_doc div:last-child{margin-top: 6px;}
.search_box{width: auto;}

/* 상단 탭메뉴 유형1(공통) */
.board_top_tab { margin-bottom: 50px; display: table; table-layout: fixed; width: 100%; }
.board_top_tab .tab_click a{color:#fff; background: #f06400; border: 1px solid #f06400; font-weight: 500; border-width: 1px 0;}
.board_top_tab div > a{display: block; height: 54px; text-align: center; line-height: 54px; font-size: 1.125em; border: 1px solid #ccc; border-right: 0;}
.board_top_tab div{ display: table-cell;  }
.board_top_tab div:last-child > a{border-right: 1px solid #ccc;}
.board_top_tab div.tab_click:last-child > a{border-right: 1px solid #f06400;}

/* 공간투어 신청 줄글 라벨 */
.bt_tour_notice {
    width: 100%;
    position: relative;
    text-align: center;
    font-size: 20px;
    padding: 15px 0;
    border: 9px solid #eee;
    margin-bottom: 50px;
}
.bt_tour_notice > p {
    width: calc(100% - 30px);
    margin: 0 auto;
    word-break: keep-all;
}

/* 대관신청_개인정보수집 박스 */
.person_box{border: 1px solid #dbdbdb; padding: 30px; margin-top: 30px;}
.person_box .cont_txt > p{font-size: 0.938em; font-weight: initial;}
.person_box.pd_event{padding: 59px 30px;}

/* 전시행사_프로그램 신청서_개인정보 */
.person_box2{padding: 30px; }
.person_box2 .list_blt{ margin-top: 0;}
.person_box2 .list_blt li{font-size: 0.938rem; margin-top: 5px;}
.person_box2 .list_blt li:first-child{margin-top: 0;}

/* 공간투어 소개박스 */
.introduce_box{border: 1px solid #dbdbdb; padding: 25px 20px;}
.introduce_box > div{margin-top: 25px;}
.introduce_box > div:first-child{margin-top: 0;}

/* 공모 하단 박스(선없이 여백만 존재) */
.normal_box{padding: 30px;}

/* 이용약관 */
.terms:not(:first-child){margin-top: 50px;}
.terms > div { overflow-y: auto; border: 1px solid #ccc; background: #f8f8f8; height: 350px; margin-top: 17px; padding: 20px; }
.terms > h4{font-size: 1.875em; font-weight: 600; text-align: center;}
.terms dl:not(:first-child){margin-top: 30px;}
.terms dl dt{font-weight: 600; font-size: 1.125em; margin-bottom: 5px;}
.terms dl dd > p{font-size: 0.938em;}
.terms dl dd .list_blt > li{font-size: 0.938rem;}

/* 이메일수집거부 */
.cont_txt{margin-top: 27px;}
.cont_txt > p{font-size: 1.125em; font-weight: 300; color: #58595b; line-height: 1.7;}
.cont_txt:first-child{margin-top: 0;}
.email_x > div:first-child > p{font-size: 1.125em;}
.email_x > div{margin-top: 20px;}
.email_x > div:first-child{margin-top: 0;}


/* 개인정보처리방침 */

.privacy > div{margin-top: 30px;}
.privacy dl dt{font-weight: 600; font-size: 1.125em; margin-bottom: 5px;}

/* 사이트맵 */
.sitemap{display: table; table-layout: fixed; width: 100%; margin-top: 40px;}
.sitemap > div{display: table-cell; vertical-align: top;}
.sitemap>div:first-child { width: 130px; text-align: center; border: 1px solid; vertical-align: middle;}
.sitemap > div:last-child{padding-left: 3.8%;}

.list_blt2 > li{margin-top: 10px;}
.list_blt2 > li > a{display: inline-block; width: 190px; font-size: 1.125em; font-weight: 600;}
.list_blt2 > li ul{display: inline-block; padding-left: 5%; vertical-align: top; line-height: 23px;}
.list_blt2 > li ul li {float: left;}
.list_blt2 > li ul li:not(:first-child){padding-left: 30px;}

.sitemap > div > span{font-size: 1.375em; font-weight: 600;}
.sitemap > div > p{color: #5089fc; /*#c3d7e6;*/  font-weight: 500;}

/* 대관신청_시설 도면 및 대관료 */
.fee_area{border-top: 3px solid #1b1b1b; width: 100%; border-bottom: 1px solid #dedede; overflow: hidden;}
.fee_area .fee_L{float: left; width: 50%;}
.fee_area .fee_L > .fee_com > div{float: left;}

.fee_area .fee_R{float: left; width: 50%;}
.fee_area .fee_R > .fee_com > div{float: left;}
.fee_area .fee_com{padding: 18px 28px 14px; border-top: 1px solid #dedede;}
.fee_area .fee_com:first-child{border: 0;}
.fee_area .fee_com div{line-height: 27px;}

.fee_area .fee_com div:first-child{font-size: 0.875em; width: 27px; height: 27px; border-radius: 50%; background: #191919 ; text-align: center; color: #fff; }
.fee_area .fee_com div:nth-child(2){padding-left: 3.5%; width: 46%; color: #353535;}
.fee_area .fee_com div:nth-child(3){width: 16%; color: #58595b;}
.fee_area .fee_com div:nth-child(4){width: 85px; text-align: right; color: #58595b;}

/* 공간안내 하단 너비_비용 */
.place_wrap{overflow: hidden;}
.place_btm{ float: right; margin-top: 22px; overflow: hidden;}
.place_btm p{width: 178px; font-size: 1.125em; font-weight: 300; color: #212121; overflow: hidden;}
.place_btm p span+span{float: right; overflow: hidden;}

/* 방문정보(오시는길) */
.visit_txt{font-size: 1.125em; padding-top: 7px;}
.visit_txt p:last-child{margin-top: 11px; padding-bottom: 14px;} 
.visit_txt p em{color: #f06400; width: 86px; display: inline-block; }
.visit_txt p span{color: #000; position: relative; padding-left: 15px;}
.visit_txt p span:before {
    position: absolute;
    width: 2px;
    height: 14px;
    background: #000;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
}

.visit_doc{margin-top: 20px; word-break: keep-all;}
.visit_doc span{font-size: 1.125em; font-weight: 500;}
.visit_doc p{font-size: 1em; margin-top: 5px; position: relative; padding-left: 20px;}
.visit_doc p:after{position: absolute; left: 0; top: 0px; content: "※"; display: block; }

.map2{margin-top: -10px;}
.map_btm{padding: 35px; background: #58595b; }
.map_btm > p{color: #fff; font-size: 1.375em;}
.map_btm > p > span:first-child{ position: relative; margin-right: 29px;}
.map_btm>p>span:first-child:after {
    position: absolute;
    width: 2px;
    height: 18px;
    background: #fff;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0 29px;
}
.map_btm > p > span:last-child{margin-left: 29px;}

.go_wrap{margin-top: 66px;}
.go_away{display: table; table-layout: fixed; width: 100%; margin-top: 60px;}
.go_away > div{display: table-cell; }
.go_away > div span{display: block; text-align: center; font-size: 1.125em; color: #000; margin-top: 13px;}
.go_away > div:first-child{width: 118px; vertical-align: middle;}
.go_away > div:last-child{padding-left: 46px; vertical-align: top;}

.bus_use > div {margin-top: 22px;}
.bus_use > div p{font-size: 1.125em;}
.bus_use > div:nth-child(1) p{color: #50a232; }
.bus_use > div:nth-child(2) p{color: #395cb3; }
.bus_use > div:nth-child(3) p{color: #e0121a; }

.bus_no > div{margin-top: 22px;}
.bus_no > div p{font-size: 1.125em;}
.bus_no > div:nth-child(1) p{color: #f06400; }
.bus_no > div:nth-child(2) p{color: #f06400; }

.visit_etc{display: table; table-layout: fixed; width: 100%; }
.visit_etc > div{display: table-cell;}
/* .visit_etc > div:first-child{padding-right: 10px;} */
/* .visit_etc > div:last-child{padding-left: 10px;} */
.visit_etc .etc_tit{font-size: 1.25em; font-weight: 500; margin-top: 20px; width: 94%;}
.visit_etc .etc_txt p{font-size: 1.125em; margin-top: 15px; width: 94%; word-break: keep-all;}

/* 대관신청_이용안내 */
.use_area{display: table; table-layout: fixed; width: 100%; padding-top: 21px;}
.use_area .list_blt{margin-top: 0;}
div .list_area:first-child .use_area{padding-top: 0px;}
.use_area > div{display: table-cell; vertical-align: top;}
.use_area .use_L{width: 296px;}
.use_area .use_L span{position: relative; display: inline-block; background: none; font-size: 2.0em; font-weight: 600; color: #000; line-height: 1;}
.use_area .use_L span::after { position: absolute; bottom: 0px; content: ""; display: block; background-color: #d5e3ed; width: 99.3%; height: 12px; left: 0px; z-index: -1;}
.use_area .use_R{padding-left: 3.1%;}


 /* 갤러리 */
 .active_wrap{border-top: 3px solid #1b1b1b; padding: 30px 0 ; border-bottom: 1px solid #dedede;}
 .active_list .txt_area{height: 30px; margin-top: 12px;}
 .active_list .txt_area .tit{font-size: 0.875em;}
 .active_list li {width:32%; margin-right:2%; float: left; margin-top: 2%;}
 .active_list li:nth-child(4n) {margin-right:2%;}
 .active_list li:nth-child(3n) {margin-right:0;}
 .active_list li:nth-child(-n+3){margin-top: 0;}
 .active_list li a {
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-break: keep-all;
 }
 .active_list li a>span { font-size: 1.375em; font-weight: 600; color: #000;}
 .active_list .img_area > a{width:100%; position:relative; padding-top:67.07%; border: 1px solid #dedede; border-width: 1px 1px 0px 1px;}
 .active_list.act2 .img_area > a{padding-top:100%; }
 .active_list.act1 .img_area img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: auto; height: auto; }
 .active_list .img_area img {position:absolute; top:0; left:0; width:100%; height:100%;}
 .active_list .img_area + div{padding: 17px 20px; border: 1px solid #dedede;}
 .active_list li .active_mid{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; margin-top: 8px; letter-spacing: -0.02em;}
 .active_list li .active_mid span{font-size: 1em; color: #58595b;}
 .active_list li .active_mid2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; height: 4.5em; line-height: 1.5; -webkit-box-orient: vertical; margin-top: 8px; color: #58595b;}
 .active_list li .active_mid2 span{font-size: 1em; letter-spacing: -0.02em;}
 .active_list.act2 li .active_detail{color: #585858; font-size: 1em;}
 .active_list li .active_detail{font-size: 0.875em; margin-top: 17px; color: #ccc;}
 .active_list li .active_detail div{text-align: left; margin-top: 5px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; word-break:keep-all;​}
 .active_list li .active_detail div:first-child{margin-top: 0;}

 .gallery_top a{position: relative; padding-top: 60%; border: 1px solid #dedede;
    background: linear-gradient(0deg, #f3f5f0 50%, #dfe8eb 50%); 
    -ms-background: linear-gradient(0deg, #f3f5f0 50%, #dfe8eb 50%);
    -webkit-background: linear-gradient(0deg, #f3f5f0 50%, #dfe8eb 50%);
}
 .gallery_top a img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: auto; height: auto; }
 #hearderDiv {

     filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, endColorstr='#f3f5f0', startColorstr='#dfe8eb');
     behavior: url(/ie9-gradient-fix.htc);

 }

/* 조직도 하단박스 */
.group_box{background-color: #000; padding: 20px; margin-top: 10px; text-align: center;}
.group_box p{color: #fff;}

/* ci부분 */
.ci_world.use_area{padding-top: 0;}
.ci_img { border: 1px solid #dbdbdb; max-width: 640px; text-align: center;}

.ci_btm{display: table; table-layout:fixed; width: 100%;}
.ci_btm > div{display: table-cell;}
.ci_btm > div:first-child{width: 290px; border-right: 1px solid #000;}
.ci_btm > div:last-child{padding-left: 35px;}
.ci_btm .sub_tit3{margin-bottom: 12px;}

.ci_L { display: table; table-layout: fixed; width: 100%;}
.ci_L > div{display: table-cell; vertical-align: middle; padding-left: 10px;}
.ci_L > div:first-child{ padding-left: 0px; width: 75px;}

.ci_R{display: inline-table; margin-left: 25px;}
.ci_R:nth-child(2){margin-left: 0;}
.ci_R > div{display: table-cell; vertical-align: middle;}
.ci_R > div:last-child{ padding-left: 10px;}




.ci_wrap{display: table; table-layout: fixed; width: 100%; margin-top: 12px;}
.ci_wrap > div{display: table-cell; }
.ci_wrap > div:first-child{width:28%; border-right: 1px solid;}
.ci_wrap > div:last-child{padding-left: 3.8%; padding-right: 5%;}

.ci_wrap div:first-child .ci_area .ci_color span { background: #f06400;}
.ci_wrap div:first-child .ci_area .ci_text { width: 200px;}

.ci_area{display: table; table-layout: fixed; width: 100%; margin-top: 20px;}
.ci_area > div{display: table-cell; vertical-align: top; }
.ci_area > .ci_color{width: 110px;}
.ci_area > .ci_text{width: 200px;}
.ci_area .ci_color:nth-child(1) span{background: #58595b;}
.ci_area .ci_text:nth-child(2) {width: 100px;}
.ci_area .ci_color:nth-child(3) span{background: #c3d7e6;}
.ci_area .ci_color:nth-child(5) span{background: #ffffff; border: 1px solid #dbdbdb;}
.ci_color span{width:75px; height: 75px; display: inline-block; border-radius: 50%;}

/* sub 47번째로 옮기기(대관_내 대관신청 확인 버튼) */
.btn_area > .btn_my {min-width: 227px; height: 63px; line-height: 61px; font-size: 1.125em; background: #fff; color: #58595b; border: 1px solid #58595b;}

/* 사유확인 버튼 */
.btn_reason{    background: #f06400; padding: 4px 10px; font-size: 0.938rem; color: #fff !important;}

/* 공모_문화역서울 284 tmo */
.story_area{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.story_area > div{
    display: table-cell;
    vertical-align: top;
}
.story_area.left > div:first-child{padding-right: 3.6%; width: 61.1%;}
.story_area.right > div:last-child{padding-left: 3.6%; width: 61.1%;}

.tmo_list{margin-top: 18px; color: #58595b ;}
.tmo_list > strong{display: block;}
.tmo_list p{line-height: 1.7; font-size: 1.125em; font-weight: 300; color: #58595b;}
.tmo_list span{font-weight: 500; display: inline-block; margin-bottom: 3px; font-size: 1.25em;}
.tmo_list a{color: #f06400; margin-top: 20px; display: inline-block;}
.tmo_list ~ .img_area{margin-top: 15px;}
.tmo_tit strong{color: #000; font-size: 0.875em; font-weight: 600; display: block; }
.tmo_tit strong:last-child{padding-top: 5px;}
.tmo_tit {padding: 20px 0 10px; }


/* 온라인공간투어_관람코스 선택하기 */
.course_wrap{overflow: hidden;}
.course{width: 100%; overflow: hidden;} 
.course > div{
    float: left;
    margin-left: 5%;
    text-align: center;
    width: 20%;
} 
.course > div:first-child{margin-left: 2.5%;}
.course > div a{
    display: block;
    height: 290px;
    border: 1px solid #dedede;
    line-height: 365px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
}
.course.hover_not > div{margin-left: 7.2%;
    width: 28.5%;
}
.course.hover_not > div:first-child{margin-left: 0;}
.course.hover_not > div a{line-height: 148px; height: 148px; cursor: default;}
.course.hover_not > div a > div{padding: 0;}
.course.hover_not > div a span{font-size: 1.375em; margin-bottom: 0;}
.course.hover_not > div a:hover, .course.hover_not > div a:focus{text-decoration: none;}

.course > div a > div{
    display: inline-block;
    padding: 0 50px;
    line-height: 1.3;
}
.course > div a span{
    font-size: 1.75em;
    display: block;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 22px;
}
.course > div a p{
    font-size: 1.063em;
    font-weight: 300;
    line-height: 1.4;
}
.course > div:nth-child(1) a{background-image: url(/_static/seoul284/img/sub/cos_img1.jpg);}
.course > div:nth-child(2) a{background-image: url(/_static/seoul284/img/sub/cos_img2.jpg);}
.course > div:nth-child(3) a{background-image: url(/_static/seoul284/img/sub/cos_img3.jpg);}
.course > div:nth-child(4) a{background-image: url(/_static/seoul284/img/sub/cos_img4.jpg);}
.course > div a:after{content:''; display: block; position: absolute; top: 0; left: 0; }
.course > div a.on:after{
    border: 3px solid #f06400;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    left: 0;
    top: 0;
}

.course > div.on a:after{
    border: 3px solid #f06400;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    left: 0;
    top: 0;
}

/*관람코스 상단*/
.course_top{overflow: hidden; width: 100%;}
.course_top > div{
    float: left;
    margin-left: 2.2%;
    width: 31.5%;
    text-align: center;
}
.course_top > div:first-child{margin-left: 0;}
.course_top > div a{
    display: block;
    border: 1px solid #dedede;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    line-height: 190px;
    height: 190px;
    cursor: default;
}
.course_top > div a.on:after{
    content:''; display: block;
    border: 3px solid #f06400;
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    position: absolute;
    left: 0;
    top: 0;
}
.course_top > div a div{display: inline-block; line-height: 1.3;}
.course_top > div a span{
    font-size: 1.375em;
    font-weight: 600;
    line-height: 1;
}
.course_top > div:nth-child(1) a{background-image: url(/_static/seoul284/img/sub/cos_img1.jpg);}
.course_top > div:nth-child(2) a{background-image: url(/_static/seoul284/img/sub/cos_img2.jpg);}
.course_top > div:nth-child(3) a{background-image: url(/_static/seoul284/img/sub/cos_img3.jpg);}

/* 공간투어_현장투어(리스트)*/
.board_cont { border-bottom: 1px solid #dedede; padding: 30px 0; border-top: 2px solid #000;}
.board_cont2 {  padding: 30px 0; border-top: 2px solid #000;}
.perform_list li {float:left;width: 22.308%; margin-right:3.5%; margin-top: 3.5%; -webkit-transition: all 0.3;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.perform_list li:nth-child(4n) {margin-right:0;}
.perform_list li:nth-child(-n+4){margin-top: 0;}
.perform_list li .img_area{display: block;}
.perform_list .img_area {width:100%; position:relative; padding-top:120%;  }
.perform_list .img_area img {position:absolute; top:0; left:0; width:100%; height:100%;}
.img_area em{display: inline-block; text-align: center; position: absolute; top: -1px; left: -1px; height: 32px; line-height: 32px;  width: 60px; z-index: 1; font-size: 0.875em; }
.perform_b_txt{display: block;padding: 15px 20px;border: 1px solid #dbdbdb; min-height: 104px;}
.perform_b_txt.only{min-height:128px;}
.perform_b_txt > span {font-size: 0.938em; }
.perform_b_txt > a.per_top { font-weight: 600; font-size: 1em; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; white-space: nowrap; display: block; padding-bottom: 5px;}
.perform_b_txt > span.per_tit{margin-top: 0; overflow: hidden;
text-overflow: ellipsis;
word-break: keep-all;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
height: 1.6em;
line-height: 1.6em;
width: 100%;
margin-bottom: 12px;
}

.search_empty{text-align: center; padding: 50px 0;}

.perform_b_txt > span.per_day{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
word-break:keep-all;
display: inline-block;
width: 100%;
color: #808080;
}

.perform_b_txt > span.per_day+.per_day{margin-top: 5px;}

.perform_b_txt > span.per_day em{color: #393939; padding-right: 12px; font-weight: 600;}

.perform_b_txt > span.per_time{padding-left: 40px; color: #808080; overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
word-break:keep-all;
display: inline-block;
width: 100%;}

.perform_b_txt > span.per_place{
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
word-break:keep-all;
display: inline-block;
width: 100%;
}

/* 전시행사 버튼 ( 신청중, 전시,  ) */
.guide_look{background-color: #e6d2c3; /*color: #fff;*/} /* 전시, 외부 */
.guide_event{background-color: #cae6c3; } /* 내부, 예약중 */
.guide_fest{background-color: #e6c3de;} /* 행사*/

/* 전시행사_대관 프로그램(예정) */
/* .new_table + div{padding-left: 10px;} */
.new_table_wrap{margin-top: 30px;}
.new_table_wrap:first-child{margin-top: 0px;}
.new_table_wrap:first-child .new_table{border-top: 0; padding-top: 0;}
.new_table{display: table; table-layout: fixed; width: 100%; padding:30px 0 0;  border-top: 1px solid #ccc; }
.new_table > div{display:table-cell; vertical-align:top;}
.new_table > div:first-child{width: 50%;}
.new_table > div:first-child > div{position: relative; width: 100%; padding-top: 54.462%;}
.new_table > div:first-child img{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.new_table > div:last-child{padding-left: 30px;}
.new_table > div:last-child > p:first-child{margin-top: 0px;}
.new_table > div:last-child > p{margin-top: 21px; font-size: 0.875em; }
.new_table > div:last-child > p > em{font-weight: 600; color: #000;}
.new_table > div:last-child > p > em::after{content: ''; display: inline-block; width:1px; height: 12px; background-color: #bcbcbc; margin:0 16px 0 19px; }
.new_table .guide_top em { display: inline-block; min-width: 55px; line-height: 25px; text-align: center; font-size: 0.938em; padding: 2px 10px; vertical-align: middle; margin-left: 5px;}
.new_table .guide_top em:first-child{margin-left: 0px;}

.guide_top{padding-bottom: 20px;}
.guide_btm { padding: 21px 0; border: 1px solid #ccc; border-width: 1px 0 0px 0;}
.guide_btm > strong { font-size: 1.875em; font-weight: 600; padding-bottom: 15px; display: inline-block;}

.guide_description > strong {font-size:1.188em; font-weight: 600; padding-bottom: 15px; display: inline-block;}
.guide_description .list_blt{margin-top: 0;}
.guide_description li span{font-weight: 500;}
.guide_description li p{font-size: 1.063rem; margin-top: 15px; font-weight: 300;
/* overflow: hidden; */
/* text-overflow: ellipsis; */
display:block;
/* display: -webkit-box; */
/* -webkit-line-clamp: 4; */
-webkit-box-orient: vertical;
line-height: 1.7;
/* height: 6.8em; */
}

/* 전시행사_대관 텍스트 */
.new_tit{font-size: 2em; padding-bottom: 5px ; border-bottom: 1px solid #ccc; margin-bottom: 5px; font-weight: 600;}

/* 전시행사_문화역 프로그램(예정) */
.show_wrap {display: table; table-layout: fixed; width: 100%; padding-bottom: 30px; border-bottom: 1px solid #ccc;}
.show_wrap > div{display: table-cell; vertical-align: top;}
/* .show_wrap > .show_R{position: relative;} */
.show_wrap > .show_L{padding-right: 30px; width: 400px;}
.show_wrap > .show_L > div{width: 100%; position: relative; padding-top: 120%;}
.show_wrap > .show_L > div img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.guide_btm2{padding: 0; border: 0; position: relative;}
.guide_btm2 > strong{margin-bottom: 15px; border-bottom: 1px solid #dbdbdb; display: block; font-size: 1.188em;}
.guide_btm2 li em{display: block; font-size: 1rem; font-weight: 400;}

.show_mid{ margin-top: 30px; padding: 25px 20px; border: 1px solid #ccc;}
.show_mid strong{font-size: 1.125em; display: block; font-weight: 600;}
.show_mid p{font-size: 1em; margin-top: 5px;}
.show_mid .tell{font-weight: 500; font-size: 1.063em;}
.show_mid a{color: #f06400;}

.show_em{margin-top: 10px;}
.show_em > em{font-size: 1rem; margin-top: 6px; display: block; text-indent: -7px; padding-left: 17px;} 
.show_em > em:first-child{margin-top: 0;}
.show_em > em:before{content: '*'; display: inline-block; vertical-align: middle; margin: 0 7px 0 0; font-size: 0.938rem;}
.show_em > em a{color: #f06400;}

/* 온라인공간투어_관람 후기 설문 */
.tbl_course{padding: 15px 30px;}
.tbl_course.tbl_com_wrap > .tbl_ipt.tbl_space2{width: 100%; margin-top: 10px;}
.tbl_course.tbl_com_wrap > .tbl_ipt.tbl_space2:first-child{margin-top: 0;}
.tbl_etc .tbl_course_wrap .tbl_top {
    text-align: left;
    overflow: visible;
    white-space: normal; 
    text-overflow: initial; 
    word-break: normal;
}
.tbl_course.tbl_com_wrap .tbl_ipt{width: 20%; margin-top: 0;}

.tbl_course_wrap textarea{width: 100%; height: 100px;}
.tbl_ipt > label .tbl_entry{ position: absolute; left: 65px; top: -6px; width: 150px; }
.tbl_ipt > label .tbl_entry:disabled{background-color: #f2f2f2;}


/* 이벤트 퀴즈 */
.event_area{margin-top: 12px; overflow: hidden;}
.event_area .img_area{ position: relative; width: 100%; /*padding-top: 40%;*/}
.event_area .img_area img{margin: 0 auto;}
/* .event_area .img_area img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} */


.event_area .slick-arrow{width: 40px; height: 74px; transform: none; top: 50%; bottom: 0; left: inherit; z-index: 1;
    transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);
}
.event_area .slick-prev.slick-arrow{ background: url(/_static/seoul284/img/sub/event_left.png) no-repeat center; background-size:100% ;}
.event_area .slick-next.slick-arrow{ background: url(/_static/seoul284/img/sub/event_right.png) no-repeat center; background-size:100% ; right: 0;}

.quiz_wrap{display: table; table-layout: fixed; width: 100%; margin-top: 15px;}
.quiz_wrap > div{display: table-cell; vertical-align: top;}
.quiz_wrap .quiz_L{padding-right: 20px; width: 46%;}
.quiz_R .brd_fixed_col{margin-top: 0;}
.quiz_R .brd_fixed_col td{text-align: center;}
.quiz_R .brd_fixed_col .tbl_ipt input[type=radio] + label{padding-left: 18px;}



/* 문화역서울 284 영문 */
.year_full .year_area { width: 100%;}

/* 현장투어 4_1_1 */
.field_list{font-size: 1.25em; font-weight: 600;}

/* 현장투어 프로그램 tab메뉴 */
.tab-wrapper { max-width:1300px; margin:auto;}
.tab-menu {padding-left:0;}
.tab-menu li {float:left; list-style:none; margin-right:10px; text-align: center; width: 24%;}
.tab-menu:after{content:'';display:block; clear:both;}
.tab-menu li a { color: #212121; display: block; padding: 14.5px 10px; border: 1px solid #cccccc; font-size: 1.125em;}
#tab-content > div{display:none;}
.tab-menu li a.active { background: #c3d7e6; border: 1px solid #c3d7e6;}

/* 프로그램 예약(날짜) */
.cal_cont{position: relative; border: 1px solid #cccccc; margin-bottom: 15px; border-width: 1px 0 1px 0; padding: 30px 0;}
.cal_box .cal_top{padding: 20px 10px 10px; position: relative;}
.cal_box .cal_top2{padding: 30px 10px 30px;}
.cal_top .cal_title {text-align: left; padding-bottom: 20px;}
.cal_title em {
    display: inline-block;
    text-align: center;
    line-height: 29px;
    min-width: 55px;
    vertical-align: middle;
    padding: 0 10px;
    font-size: 0.938em;
}
.cal_title p{display: inline-block; margin-left: 5px; font-weight: 500; vertical-align: middle;}

.cal_box .cal_days{text-align:center;}
.cal_box .cal_days > span{font-size: 1.750em; vertical-align: middle; color:#3b3b3b; line-height: 1; display: inline-block;}
.cal_box .cal_days .prev {display: inline-block; width: 43px; height: 43px; margin-right: 42px; background: url('/_static/seoul284/img/sub/cale_arrow_prev.png') no-repeat; vertical-align: middle;}
.cal_box .cal_days .next {display: inline-block; width: 43px; height: 43px; margin-left: 42px; background: url('/_static/seoul284/img/sub/cale_arrow_next.png') no-repeat; vertical-align: middle;}

.cal_view{
  display: inline-block;
 position: absolute;
 right: 21px;
 top: 46px; 
}
.cal_view > a{
  width: 62px;
  height: 32px;
  display: inline-block;
  background: #ffffff;
  border: 1px solid;
  text-align: center;
  line-height: 32px;
  border: 1px solid #cccccc;
  font-size: 0.875em;
}
.cal_view > a.on{border: 1px solid #333333; background:#333333; color: #ffffff;}

.cal_day{ 
  display: table;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
  text-align: center;
  padding: 13px 8px 0;
}
.cal_day li{ display: table-cell;} 
.cal_day li a{display: inline-block;height: 32px;width: 32px;vertical-align: middle;line-height: 32px;text-align: center;color:#3b3b3b;}
.cal_day li a.today{background: #58595b;color:#fff;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;}
.cal_day li a.on{background: #f06400; color: #fff; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;border-radius: 50%;}
.cal_day li a.off{color: #ccc; cursor: default;}
.cal_day li a.off:hover, .cal_day li a.off:focus{text-decoration: none;}

.cal_time_wrap{margin-top: 20px; }
.cal_time_wrap2{display: none;}
.cal_time_tit{ font-size: 1.125em; font-weight: 600; margin-bottom:15px ;}
.cal_time{display: table; table-layout: fixed; width: 100%; border:1px solid #dbdbdb; border-width: 1px 0 0 1px;}
.cal_time > div{
    display: block;
    text-align: center;
    line-height: 50px;
    border: 1px solid #dbdbdb;
    width: 12.5%;
    float: left;
    border-width: 0px 1px 1px 0px;
}
.cal_time > div a{display: block;}
.cal_time > div a.off{background: #eee url(/_static/seoul284/img/sub/new_cal_bg.png); color: #ccc;}
.cal_time > div a.off:hover, .cal_time > div a.off:focus{text-decoration: none; cursor: default;}
.cal_time > div a.on{background: #f06400; color: #fff; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}

.cal_time_wrap3{margin-top: 20px;}

.cal_alert_box{border: 1px solid #dcdcdc; padding: 25px 20px;}
.cal_alert_box .tit{font-weight: 500; color: #f06400; font-size: 1.250em; margin-bottom: 20px;}


/*예약*/
.cal_reserv{overflow: hidden;}
.cal_reserv .cal_reserv_tit{float: left; font-size: 1.063em; margin-top: 11px;}
.cal_reserv .counter_box{float: right;}
.cal_reserv .counter_box .btn_counter{
display: inline-block;
width: 40px;
height: 40px;
vertical-align: middle;
}
.cal_reserv .counter_box .btn_counter.minus{border: 1px solid #000; }
.cal_reserv .counter_box .btn_counter .ico_minus{
    display: inline-block;
    position: relative;
    width: 13px;
    height: 1px;
    background-color: #000;
    vertical-align: 5px;
}
.cal_reserv .counter_box .btn_counter.plus{border: 1px solid #f06400; background: #f06400;}
.cal_reserv .counter_box .btn_counter .ico_plus{
    display: inline-block;
    position: relative;
    width: 13px;
    height: 1px;
    background-color: #fff;
    vertical-align: 5px;
}
.cal_reserv .counter_box .btn_counter .ico_plus:before{
    content: '';
    position: absolute;
    top: -6px;
    left: 6px;
    width: 1px;
    height: 13px;
    background-color: #fff;
}
.cal_reserv .counter_box .counter_num{
    display: inline-block;
    width: 40px;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 38px;
}


/* 휴대폰인증 */
.phone_wrap{padding:52px 51px; background:url(/_static/seoul284/img/sub/phone.png) center left 51px no-repeat; border: 1px solid #dedede; background-color: #f4f4f4; height: 213px; position: relative;}
.phone_wrap > .phone_area{padding-left: 143px; margin: 23px 0; line-height: 1; width: calc(100% - 237px);} 
.phone_wrap > .phone_area p{font-size: 2em; font-weight: 600;}
.phone_wrap > .phone_area span{font-size: 1.125em; font-weight: 300; display: block; margin-top: 10px; line-height: 1.3;}

.phone_wrap>.btn_area {position: absolute;right: 51px;top: 50%;transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);margin-top: 0;}
.phone_wrap > .btn_area a{background-color: #58595b; min-width: 227px; height: 63px; line-height: 61px; font-size: 1.125em;}

/* 공간투어 리스트(VR) */
.vr_list li {float:left;width: 32%; margin-right:2%; margin-top: 2%; -webkit-transition: all 0.3;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
.vr_list li:nth-child(3n) {margin-right:0;}
.vr_list li:nth-child(-n+3){margin-top: 0;}
.vr_list li .img_area{display: block;}
.vr_list .img_area {width:100%; position:relative; padding-top:67.31%;  }
.vr_list .img_area img {position:absolute; top:0; left:0; width:100%; height:100%;}

.vr_box{padding: 12px 20px; border: 1px solid #dbdbdb; min-height: 80px;}
.vr_box .vr_top{font-weight: 600; font-size: 1.375em; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; white-space: nowrap; display: block; color: #000;}
.vr_box .vr_tit{font-size: 1em; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; white-space: nowrap; display: block; margin-top: 5px; color: #585858;}
.view_con .vr_cont{max-width: 1024px; margin: 0 auto;}


/* 공간투어 vr동영상 */
.vod_wrap {
    position: relative;
    width: 100%;
    padding-top: 56.5%;
    margin: 0 auto;
    overflow: hidden;
}

.vod_style {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* 선물의집 상세 */
.house_detail{display: table; table-layout: fixed; width: 100%; text-align: center; margin-top: 30px; border-spacing: 30px 0;}
.house_detail:first-child{margin-top: 0px;}
.house_detail > div{display: table-cell;}

/* 프로그램 상세내용 폼 */
.prg_area{margin-top: 43px;}
.prg_area a{color:#f06400;}
.prg_area:first-child{margin-top: 0px;}

.prg_top_title{font-size: 1.875em; font-weight: 600; color: #000; padding-top: 30px; border-top: 1px solid #ddd;}
.prg_title{font-size: 1.5em; font-weight: 600; color: #000;}
.prg_txt{font-weight: 600; color: #000;}
.prg_txt + .prg_txt{margin-top: 5px;}
.prg_title + .prg_txt{margin-top: 20px;}

/* 0. 상단큰제목 내용 */
.prg_cont1 p{margin-top: 8px; line-height: 1.5;}
.prg_cont1 p:first-child{margin-top: 0;}
/*문구 색상 강조*/
.prg_cont1 p em{color: #f06400; font-style: italic;}

/*문구 색 없이 기울임*/
.prg_cont2 p em{font-style: italic;}

/* 1.붙어있는내용 */
.prg_cont2{margin-top: 15px;}
.prg_cont2 p{margin-top: 8px; line-height: 1.5;}
.prg_cont2 p:first-child{margin-top: 0;}
.prg_cont2 strong{display: block; margin-top: 12px;}
.prg_cont2 ul.list{margin-top: 8px; padding-left: 10px;}
.prg_cont2 ul.list li{line-height: 1.5; font-size: 0.938em; margin-top: 3px;}

/* cont 안에 p 간격없는 유형 */
div.prg_spaceX{margin-top: 3px;}
div.prg_spaceX p{margin-top: 0; }
div.prg_spaceX p em{font-weight: 600;}
div.prg_spaceX + .prg_spaceX{margin-top: 10px;}

/*이미지 위에 이미지 목록 제목*/
.artist_list.tbl{display: table; table-layout: fixed; width: 100%;}
.artist_list.tbl ul{display: table-cell; vertical-align: top;}
.artist_list.tbl ul li{float: none; width: 100%;}

.artist_list{margin-top: 10px;}
.artist_list ul{overflow: hidden;}
.artist_list ul li{float: left; width: 25%; color: #aaaaaa;
    font-size: 0.938em;
    font-weight: 300;
}



/*내용 안에 탭*/
.prg_area.tab .prg_cont2{
    margin-top: 0;
    display: inline-block;
    margin-left: 27px;
    text-align: center;
}
.prg_area.tab .prg_cont2:first-child{margin-left: 0;}
.prg_area.tab .prg_cont2 a{
    line-height: 1;
    border-bottom: 3px solid #e4e4e4;
    text-decoration: none;
    padding-bottom: 15px;
}
.prg_area.tab .prg_cont2.on a{color: #000000; border-color: #f06400;}





/* 2.색상 */
.prg_color{margin-top: 15px;}
.prg_color a{color:#f06400;}
.prg_color div + div{margin-top: 3px;}

/* 3.이미지 */
.prg_list{margin-top: 10px;}
.prg_list.heavy img {width: 800px;}
.prg_list.light img{width: 350px;}

/* 3.이미지 세로 하나는 작게 영역*/
.prg_list li{margin-top: 15px;}
.prg_list li:first-child{margin-top: 0;}

/* 4.이미지 가로 두개 영역*/
.prg_list.tbl{display: table;
    table-layout: fixed;
    width: 100%;
    border-spacing: 10px 0;
    margin: 10px -10px 0;
}
.prg_list.tbl li{
    display: table-cell;
    vertical-align: bottom;
}

/* 5.이미지 가로 두개영역 vertical-align:top */
.prg_list.tbl.top li {
    vertical-align: top;
}

/* 6.이미지 다음에 오는 prg_cont2 클래스 간격띄우기 + */
.prg_list + .prg_cont2{margin-top: 15px;}
.prg_cont2 + .prg_list{margin-top: 30px;}

/* 7.이미지 다음에 오는 prg_txt */
.prg_list + .prg_txt{margin-top: 15px;}

/* 8.이미지 하단 설명글 */
.prgImg_ex{font-size: 0.875em; color: #999999; margin-top: 5px; word-break: keep-all;}

/* 9.이미지 하단 설명(큰글자 + 가운데정렬) _ 사용하려면 ul태그에 heavy 필수★ */
.prgImg_C{max-width: 800px; text-align: center; margin: 15px 0 25px;}


/* 주최 */
.prg_area dl{position: relative; margin-top: 10px;}
.prg_area dl:first-child{margin-top: 0;}
.prg_area dl dt{position: absolute; left: 0; top: 0; /*font-weight: 500;*/}
.prg_area dl dd{padding-left: 120px;}
.prg_area dl dd + dd{margin-top: 5px;}

/* 시간 다음 내용 주최 폼*/
.prg_area dl.schedule_cont dt{font-weight: 400;}
.prg_area dl.schedule_cont.line2 dt{top: 24px;}
.prg_area dl.schedule_cont.line2 dt:first-child{top: 0;}

.prg_area dl.schedule_cont dd{padding-left: 190px;}
.prg_area dl.schedule_cont2 dd{padding-left: 250px;}
.prg_area dl.schedule_cont.line2 dd{height: 46px; line-height: 46px;}


/* 소식, 채용, 보도자료 + (대관, 공모)  */
.note_wrap{overflow: hidden;}
.note_top{margin:10px 0 25px;} 
/* .note_L{ width: 25%; padding-right: 30px;} */
.note_R{ width: 100%;}
.note_tit{font-size: 1.625em; font-weight: 600;}

.note_cont{margin-top: 43px;}
.note_cont:first-child{margin-top: 0px;}
.note_doc{margin-top: 10px;}
.note_doc + .note_doc{margin-top: 25px;}

.note_tbl{max-width: 1024px;}
.note_img{max-width: 700px; margin: 0 auto;}
.note_img.note_left{margin: 0;}
.note_link{color: #f06400;}

.note_etc{margin-top: 10px;}

@media all and (max-width:1200px){

    /* 공간안내_상단(보전과 변화가 공존하다) */
    .cont_txt p br{display: none;}

    /* ci부분 */
    .ci_btm > div{display: block;}
    .ci_btm > div:first-child{width: 100%; border: 0;}
    .ci_btm > div:last-child{padding-left: 0; margin-top: 25px;}

    .ci_wrap > div:first-child{width: 310px;}
    .ci_wrap > div:last-child{padding-left:1.8%;}

    /*관람코스*/
    .course_top > div a{height: 173px; line-height: 173px;}

    /*참여후기*/
    .tbl_course{padding: 15px 10px;}
}

@media all and (max-width:1024px){
/* 소식, 채용, 보도자료 + (대관, 공모)  */
/* .note_L{ width: 100%; padding-right: 0; margin-bottom: 15px;} */
/* .note_R{ width: 100%;} */

/*프로그램*/
.guide_btm > strong{font-size: 1.5em;}
.guide_btm2 > strong{font-size: 1.188em;}


/*지나온 이야기*/   
.sub_tit{font-size: 1.5em;}
.tmo_list p{font-size: 1em;}

/*대관신청 약관*/
.person_box{padding: 15px;}
.person_box2{padding: 15px;}
.person_box.pd_event{padding: 15px;}

/*문구 간의 간격*/
.cont_txt{margin-top: 19px;}


/* 대관신청_달력(하단) */
.cal_day_list {overflow-x: auto;}
.cal_day { display: block; overflow: visible; white-space: nowrap;}

/* 이용약관 */
.terms > h4{font-size: 1.625em;}

/* ci부분 */
.ci_wrap > div{display: block;}
.ci_wrap > div:first-child{border-right: 0; width: 28%;}
.ci_wrap > div:last-child{padding: 0; margin-top: 15px;}
.ci_wrap div:last-child .ci_area{display: block;}

/*공간투어*/
.course > div a{
    height: 260px;
    line-height: 350px;
}
.course > div a > div{padding: 0 25px;}
.course > div a span{font-size: 1.5em;}
.course > div a p{font-size: 0.938em;}

.course_top > div a{height: 147px; line-height: 147px;}


.event_area .slick-arrow{width: 30px; height: 64px;}
}



@media all and (max-width:860px){
/* 프로그램 상세내용 폼 */
.prg_area{margin-top: 33px;}
.prg_area p{font-size: 0.938em;}
.prg_top_title{font-size: 1.375em;}
.prg_title{font-size: 1.25em; }


/*이미지 위에 이미지 목록 제목*/
.artist_list ul li{width: 50%;}


/* 0. 상단큰제목 내용 */
.prg_cont1 p{margin-top: 10px;}
/* 1.붙어있는내용 */

.prg_area.tab .prg_cont2{margin-left: 9px;}
.prg_area.tab .prg_cont2 a{padding-bottom: 4px;}

/* 2.이미지와 섞여있는 내용 */
.prg_txt{font-size: 0.938em;}
.prg_cont3 p{margin-top: 7px;}
/* 3.색상 */
.prg_color{margin-top: 12px;}
.prg_color a{font-size: 0.938em;}

/* 통합검색*/
.search_area{margin-top: 15px; padding-top: 15px; }
.search_tit a{font-size: 1.063em;}
.search_doc{margin-top: 7px;}
.search_doc div{font-size: 0.938em;}
.search_doc div:last-child{margin-top: 5px;}

/* 휴대폰인증 */
.phone_wrap{padding:32px 31px; background-position: center left 31px; height: 100%; background-size: 95px;}
.phone_wrap > .phone_area{padding-left: 123px;  width: calc(100% - 167px);}
.phone_wrap > .phone_area p{font-size: 1.625em; }
.phone_wrap > .phone_area span{font-size: 1em;}

.phone_wrap > .btn_area {right: 31px;}
.phone_wrap > .btn_area a{ min-width: 157px; height: 43px; line-height: 41px; font-size: 1em;}

/* 대관신청_개인정보수집 박스 */
.person_box.mt0.brd0 .num_blt .list_blt > li{font-size: 0.938rem;}

/*관람코스*/
.course_top > div a{
    height: 80px;
    line-height: 80px;
}
.course_top > div a span{font-size: 1.250em;}

/* 현장투어 4_1_1 */
.field_list{font-size: 1.188em; }


/*지나온 이야기*/
.tmo_list p{font-size: 1em;}

/* ci부분 */
.ci_img{margin:12px auto 0;}
.ci_btm > div:first-child{margin-top: 7px;}

.ci_btm{text-align: center;}
.ci_L span, .ci_R span{width: 65px; height: 65px; display: inline-block;}
.ci_L > div:first-child{ width: auto;}
.ci_L p, .ci_R p{font-size: 0.938em;}
.ci_R > div:last-child{padding-left: 0px;}
.ci_R{margin-left: 20px;}
.ci_L > div, .ci_R > div{display: block; padding-left: 0;}
.ci_L > div:last-child{margin-top: 5px;}
.ci_R > div:last-child{margin-top: 5px;}

/* 이벤트 퀴즈 */
.quiz_wrap{margin-top: 10px;}
.quiz_wrap > div{display: block;}
.quiz_wrap .quiz_L{padding-right: 0; text-align: center; margin: 0 auto 15px; width: 100%;}

/* 온라인공간투어_관람 후기 설문 */
.tbl_course > .tbl_space{width: 100% !important;}
.tbl_course.tbl_com_wrap > .tbl_ipt.tbl_space2{margin-top: 10px !important;}
.tbl_course.tbl_com_wrap > .tbl_ipt.tbl_space2:first-child{margin-top: 0px !important;}
.tbl_etc .tbl_course_wrap .tbl_top{line-height: 1.5; height: 100%; padding:15px 10px;}
.tbl_course.tbl_com_wrap .tbl_ipt{width: 33.3%; margin-top: 10px;}
.tbl_course.tbl_com_wrap .tbl_ipt:nth-child(-n+3){margin-top: 0;}

/*블릿*/
.sub_tit2{font-size: 1.250em;}
.sub_tit3{font-size: 1.125em;}


/*- 블릿*/
.add_blt > li{font-size: 0.938rem;
    text-indent: -8px;
    padding-left: 8px;
}

/* 목록 */
.list_area:not(:first-child){margin-top: 33px;}
    
/* 블릿 1 */
.list_blt > li{font-size: 1em;}
.num_blt .list_blt > li{font-size: 1rem;}
.list_blt>li:before{top: 8px;}

/* 공간안내 하단 너비_비용 */
.place_btm{ margin-top: 15px;}
.place_btm p{width: 168px; font-size: 1em;}

/* 방문정보(오시는길) */
.visit_txt{font-size: 1em;}
.visit_doc span{font-size: 1em; }
.visit_doc p{font-size: 0.938em; }

.map_btm{padding: 20px;}
.map_btm > p{font-size: 1.063em;}
.map_btm>p>span:first-child:after{margin: 0 15px;}
.map_btm>p>span:last-child{margin-left: 0px;}

.go_wrap{margin-top: 30px;}
.go_away{margin-top: 30px;}
.go_away>div span{font-size: 1em;}
.go_away > div:first-child{width: 108px;}
.go_away > div:last-child{padding-left: 20px;}

.bus_use > div p{font-size: 1em;}
.bus_no > div p{font-size: 1em;}

.visit_etc > div{display: block;}
.etc_img{text-align: center;}
/* .visit_etc > div:last-child{ padding-left: 0;} */
/* .visit_etc > div:first-child{padding-right: 0;} */
.visit_etc .etc_tit{font-size: 1.125em; margin-top: 15px; width: 100%;}
.visit_etc .etc_txt p{font-size: 1em; margin-top: 5px; width: 100%;}


/* 컨텐츠 블릿(공통) */
.sub_tit{font-size: 1.5em;}
/* 전시행사_대관 텍스트 */
.new_tit{font-size: 1.5em;}

/* 방문정보 지도 */
.root_daum_roughmap .wrap_map {height: 350px !important;}

/* 이용약관 */
.terms > h4{font-size: 1.313em;}
.terms dl dt{font-size: 1.063em;}

/* 사이트맵 */
.sitemap > div:first-child{width: 38%;}
.sitemap > div:last-child > div >ul > li{float: none;}
/* .sitemap > div:last-child>div>ul>li:not(:first-child){padding-left: 0; padding-top: 8px;} */
.sitemap > div:last-child{padding-left: 5.8%;}
/* .sitemap > div:last-child > div{margin-top: 15px;} */
.sitemap > div > span{font-size: 1.313em;}
.list_blt2 > li{margin-top: 15px;}
.list_blt2 > li > a{font-size: 1.063em;}
.list_blt2 >li ul {display: block; padding-left: 0; line-height: 1.3;}
.list_blt2 >li ul li{float:none; margin-top: 8px;}
.list_blt2>li ul li:not(:first-child){padding-left: 0;}
.list_blt2>li ul li >a{font-size: 0.938em;}

/* 이메일수집거부 */
.cont_txt{margin-top: 16px;}
.cont_txt >p{font-size: 1em;}
.email_x > div:first-child > p{font-size: 1.063em;}
.email_x > div > p{font-size: 0.938em;}

/* 대관신청_이용안내 */
.use_area > div{display: block;}
/* .use_area .use_L span{position: relative; display: inline-block; background: none;} */
.use_area .use_L span::after { height: 10px; }
.use_area{padding-top: 0px;}
.use_area .list_blt{margin-top: 10px;}
.use_area .use_L{width: 100%;}
.use_area .use_L span{font-size:1.625em ;}
.use_area .use_R{padding-left: 0;}

/* 조직도 하단박스 */
.group_box{padding: 15px 10px;}
.group_box p{font-size: 0.875em; word-break: keep-all;}

/* 사유확인 버튼 */
.btn_reason{ padding: 3px 8px; font-size: 0.875rem;  }

/* 공간투어_현장투어(리스트)*/
.board_cont{padding: 15px 0; margin-top: 17px;}
.perform_list li {width:32%; margin-right:2%;}
.perform_list li:nth-child(4n) {margin-right:2%;}
.perform_list li:nth-child(3n) {margin-right:0;}

.perform_list li:nth-child(-n+4){margin-top: 20px;}
.perform_list li:nth-child(-n+3){margin-top: 0px;}
.perform_list li{margin-top: 20px;}
 
/* 전시행사_대관 프로그램(예정) */
 .new_table > div{display: block;}
 .new_table > div:first-child{width: 100%; max-width: 400px; margin: 0 auto;}
 .new_table > div:last-child{padding-left: 0;}
 .new_table .guide_top em{ min-width: 50px; font-size: 0.875em; }
 .guide_top{padding-bottom: 15px;}
 .guide_box{margin-top: 20px ;}
 .guide_btm{padding: 16px 0 8px;}
 .guide_btm > strong{font-size: 1.375em; padding-bottom: 5px;}


 .guide_description > strong{font-size: 1.063em; padding-bottom: 12px;}
 .guide_description li p{font-size: 0.938rem; margin-top: 12px; margin-bottom: 6px; line-height: 1.5;}


 /* 전시행사_문화역 프로그램(예정) */
 .show_wrap > div{display: block;}
 .show_wrap .show_L{width: 300px; margin: 0 auto; padding-right: 0;}
 .guide_btm2{padding: 16px 0 0;}
 .guide_btm2 .btn_area{position: static;}
 .guide_btm2 > strong{margin-bottom: 10px; padding-bottom: 10px; font-size: 1.125em;}
 .guide_btm2 li em{font-size: 0.938rem;}


 .show_mid strong{font-size: 1.063em;}
 .show_mid p{font-size: 0.938em;}


 .show_em > em{font-size: 0.938rem; margin-top: 6px;}

 /* 대관신청_시설 도면 및 대관료 */

.fee_area .fee_L{width: 100%;}
.fee_area .fee_R{width: 100%;}
.fee_area .fee_L > .fee_com:last-child > div{visibility: auto;}
.fee_area .fee_L > .fee_com:nth-child(5){display: none;}

.fee_area .fee_com li:nth-child(3){width: 20%;}
.fee_R .fee_com:first-child{border-top: 1px solid #dedede;}


/*공간투어*/
.course > div a{height: 80px; line-height: 80px;}
.course > div a > div{line-height: 1; padding: 0;}
.course > div a span{font-size: 1.250em; margin-bottom: 0;}
.course > div a p{display: none;}

/* 프로그램 예약(날짜) */
.cal_box .cal_days .prev{margin-right: 20px; background-size: 100%; width: 35px; height: 35px;}
  .cal_box .cal_days .next{margin-left: 20px; background-size: 100%; width: 35px; height: 35px;}
  .cal_box .cal_days > span{font-size: 1.5em;}
  .today_cont{left: 17px;}
  .cal_box .cal_top{padding: 20px 10px;}
  .today_cont a{font-size: 0.938em; padding-left: 45px;  width: 140px;
  }
  .today_cont a:before{top: -6px; background-size: 40px;}
  .cal_view{top: 32px;}
  .cal_title em{min-width: 50px; font-size: 0.875rem;}
  .cal_title p{font-size: 0.938em;}
  /* .cal_choice{font-size: 0.938em;} */
  .cal_time_tit{font-size: 1.063em;}
  .cal_time > div{font-size: 0.938em;}

  .cal_day li a{margin: 0 5px;}
  .cal_time > div{width: 16.66%;}
  .cal_alert_box .tit{font-size: 1.125em;}

}

@media all and (max-width:767px){
/* 4_2.이미지 가로 두개 영역(인물 5명 나열) */
.prg_list.tbl.people li {
    display: inline-block;
    width: 27%;
    margin-right: 1.5%;
}

/* 선물의집 상세 */
.house_detail{margin-top: 15px; border-spacing: 10px 0;}
.house_detail:first-child{margin-top: 0px;}
.house_detail > div{display: block; margin-top: 15px;}
.house_detail > div:first-child{margin-top: 0px;}

/* 공간투어 리스트(VR) */
.vr_list li {width: 49%; margin-right: 2%; margin-top: 15px;}
.vr_list li:nth-child(3n) {margin-right:2%;}
.vr_list li:nth-child(4n) {margin-right:2%;}
.vr_list li:nth-child(2n) {margin-right:0;}
.vr_list li:nth-child(-n+3){margin-top: 15px;}
.vr_list li:nth-child(-n+2){margin-top: 0;}
.vr_list li:first-child{margin-top: 0;}

.vr_box{min-height: 75px;}
.vr_box .vr_top{font-size: 1.063em;}
.vr_box .vr_tit{font-size: 0.938em;}


/* 공간투어 신청 줄글 라벨 */
.bt_tour_notice {
    font-size: 0.980em;
    margin-bottom: 30px;   
}
/* 상단 탭메뉴 유형1(공통) */
.board_top_tab{margin-bottom: 30px;}
.board_top_tab div{ display: block; width: 100%; }
.board_top_tab div > a{font-size: 0.938em; height: 40px; line-height: 40px; border-right: 1px solid #ccc; border-width: 1px 1px 0px 1px;}
.board_top_tab .tab_click a{border-width: 0px 1px;}
.board_top_tab div:last-child > a{border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.board_top_tab div.tab_click:last-child > a{border-bottom: 1px solid #f06400;}

 /* 갤러리 */
 .active_list .txt_area{margin-top:7px;}
 .active_list .txt_area .tit{font-size: 0.813em;}
 .active_list li {width:49%; margin-right:2%; margin-top: 15px;}
 .active_list li:nth-child(3n) {margin-right:2%;}
 .active_list li:nth-child(4n) {margin-right:2%;}
 .active_list li:nth-child(2n) {margin-right:0;}
 .active_list li:nth-child(-n+3){margin-top: 15px;}
 .active_list li:nth-child(-n+2){margin-top: 0;}
 .active_list li a>span{font-size: 1.063em;}
 .active_list li .active_mid span{font-size: 0.938em;}
 .active_list li .active_mid2 span{font-size: 0.938em;}
 .active_list li .active_detail {font-size: 0.875em;}
 .active_list.act2 li .active_detail{font-size: 0.938em;}
 
}

@media all and (max-width:640px){
    /* 공모_문화역서울 284 tmo */
    .story_area{display: block;}
    .story_area > div{display: block; margin-top: 30px;}
    .story_area > div:first-child{margin-top: 0;}
    .story_area.left > div:first-child{width: 100%; padding-right: 0;}
    .story_area.right > div:last-child{width: 100%; padding-left: 0;}
    .story_area > div .img_area{text-align: center;}
}

@media all and (max-width:580px){
    /* 프로그램 상세中 */
    /* 8.이미지 하단 설명글 */
    .prgImg_ex{font-size: 0.813rem;}

    /* 소식, 채용, 보도자료 + (대관, 공모)  */
    .note_tit{font-size: 1.125rem; }
    .note_cont{margin-top: 25px;}
    .note_doc{margin-top: 8px;}
    .note_doc+.note_doc{margin-top: 15px;}

    .note_wrap .brd_fixed_col{margin-top: 6px;}

    /* 주최 */
    .prg_area dl{margin-top: 8px;}
    .prg_area dl dt{position: static; font-weight: 500;}
    .prg_area dl dd{padding-left: 0px; margin-top: 0px;}

    .prg_area dl.schedule_cont.line2 dt{top: 0;}

    .prg_area dl.schedule_cont2 dd{padding-left: 0;}
    .prg_area dl.schedule_cont dd{padding-left: 0;}
    .prg_area dl.schedule_cont.line2 dd{height: auto; line-height: 100%;}

    /*검색 빈값*/
    .search_empty{font-size: 0.875em; padding: 25px 0;}

    /* 프로그램 상세내용 폼 */
    .prg_area{margin-top: 23px;}
    .prg_area p{font-size: 0.875rem;}
    .prg_top_title{font-size: 1.250rem;}
    .prg_title{font-size: 1.125rem; }

    /* 0. 상단큰제목 내용 */
    .prg_cont1 p{margin-top: 8px;}
    /* 1.붙어있는내용 */
    .prg_cont2{margin-top: 14px;}
    .prg_cont2 p{margin-top: 4px;}
    /* 2.이미지와 섞여있는 내용 */
    .prg_txt{font-size: 0.875rem;}
    .prg_cont3 p{margin-top: 6px;}
    /* 3.색상 */
    .prg_color{margin-top: 10px;}
    .prg_color a{font-size: 0.875rem;}

    /* 통합검색*/
    .search_area{margin-top: 10px; padding-top: 10px; }
    .search_tit a{font-size: 1em;}
    .search_doc{margin-top: 6px;}
    .search_doc div{font-size: 0.875em;}
    .search_doc div:last-child{margin-top: 4px;}

    /* 휴대폰인증 */
    .phone_wrap{padding:12px 11px; background-position: top 17px left 11px; background-size: 85px; }
    .phone_wrap > .phone_area{padding-left: 103px; margin:17px 0; width: 100%;}
    .phone_wrap > .phone_area p{font-size: 1.25em; }
    .phone_wrap > .phone_area span{font-size: 0.875em; margin-top: 8px; word-break: keep-all;}

    .phone_wrap > .btn_area {position: static; transform: none; }
    .phone_wrap > .btn_area a{min-width: 157px; height: 35px; line-height: 33px; font-size: 0.875em;}


    /* 전시행사_프로그램 신청서_개인정보 */
    .person_box2 .list_blt li{font-size: 0.875em;}

    /* 현장투어 프로그램 tab메뉴 */
    .tab-menu li{width: 100%; margin-right: 0;}
    .tab-menu li a{padding:10px; font-size: 0.938em;}
    .tab-menu li:first-child a{border-top: 1px solid #ccc; border-bottom: 0;}
    .tab-menu li:last-child a{border-top: 0;}
    

    /*관람코스*/
    .course_top > div{margin-left: 2.7%; width: 31.5%;}
    .course_top > div a{height: 40px; line-height: 40px; }
    .course_top > div a span{font-size: 1em; font-weight: 500;}


/* 프로그램 예약(날짜) */
.cal_cont{margin-bottom: 10px;}
  .cal_box .cal_top{padding: 15px 10px;}
  .cal_box .cal_days > span{font-size: 1.250em;}
  .today_cont{display: none;}  
  .cal_day{padding: 10px 5px;}
  .cal_view{position: static; display: block; text-align: right;}
  /*오늘*/
  .cal_view > a{width: 42px; height: 27px; line-height: 27px; font-size: 0.813em;}
  /*3_2_2*/
  .apply_calendar_tit .apply_cal_table th{font-size: 1em;}
  .cal_title em{ min-width: 45px; line-height: 25px; vertical-align: middle;}
  .cal_title p{font-size: 0.875rem; margin-left: 3px; text-overflow: ellipsis; overflow: hidden; word-break: keep-all; white-space: nowrap;
    width: calc(100% - 55px); vertical-align: middle;}
  /* .cal_choice{font-size: 0.875em;} */
  .cal_time_tit{font-size: 1em; }
  /* .cal_choice > div{padding-left: 18px;}
  .cal_choice > div:first-child{margin-right: 10px;} */

  .cal_time_wrap{display: none;}
  .cal_time_wrap2{margin-top: 15px; display: block;}
  .cal_time > div{font-size: 0.875em; width: 50%; line-height: 40px;}
  .cal_alert_box .tit{margin-bottom: 12px; font-size: 1.063em;}


/* 현장투어 4_1_1 */
.field_list{font-size: 1.125em; }

/*지나온 이야기*/
.tmo_list p{font-size: 0.938em;}

.tmo_list{margin-top: 13px;}

/* ci부분 */
.ci_R{margin-top: 0;}
.ci_L span, .ci_R span{width: 55px; height: 55px;}
/* .ci_L > div:first-child{ width: 100%;} */
.ci_L p, .ci_R p{font-size: 0.875em;}



/* 온라인공간투어_관람 후기 설문 */
.tbl_course.tbl_com_wrap > .tbl_ipt.tbl_space3{width: 100%; padding-top:10px;}
.tbl_course.tbl_com_wrap > .tbl_ipt.tbl_space3:first-child{padding-top: 0;}
.tbl_course label > p{font-size: 0.938em;}

/* sub 47번째로 옮기기(대관_내 대관신청 확인 버튼) */
.btn_area > .btn_my { width: 100%; height: 40px; line-height: 38px; font-size: 0.875em;}


/*약관 제목*/
.sub_tit2{font-size: 1.125em;}
.sub_tit3{font-size: 1em;}

/*숫자 블릿*/
.num_blt > li{font-size: 0.875em; margin-top: 6px;}

/*-블릿*/
.add_blt{padding-left: 12px;}
.add_blt > li{font-size: 0.875rem;
    text-indent: -8px;
    padding-left: 8px;
}
.round_blt > li{font-size: 0.875em;}
.terms dl dd > p{font-size: 0.875em;}


/* 목록 */
.list_area:not(:first-child){margin-top: 23px;}

/* 블릿 1 */
.list_blt > li{font-size: 0.938em;}
.num_blt .list_blt > li{font-size: 0.875rem;}
.terms dl dd .list_blt{margin-top: 7px;}
.terms dl dd .list_blt > li{font-size: 0.875rem; margin-top: 6px;}
.list_blt > li:before{top: 7px;}


.kor_blt > li{font-size: 0.875rem;}

/* 공간안내 하단 너비_비용 */
.place_btm p{width: 148px; font-size: 0.938em;}

/* 컨텐츠 블릿(공통) */
.sub_tit{font-size: 1.250em; margin-bottom: 13px;}
/* 전시행사_대관 텍스트 */
.new_tit{font-size: 1.250em;}

/* 이용약관 */
.terms:not(:first-child){margin-top: 20px;}
.terms > div{height: 200px;}
.terms dl:not(:first-child){margin-top: 20px;}
.terms > h4{font-size: 1.188em;}
.terms dl dt{font-size: 0.938em;}

/* 사이트맵 */
.sitemap:not(:first-child){margin-top: 15px; padding-top: 15px; border-top: 1px solid;}
.sitemap > div{display: block;}
.sitemap > div:first-child{width: auto; text-align: left; border: 0;}
.sitemap > div:last-child{padding: 0;}

.sitemap > div > span{font-size: 1.25em;}
.sitemap > div > p{font-size: 0.938em; margin-top: 3px;}
/* .sitemap>div:last-child > div > a{font-size: 1em;} */
/* .sitemap>div:last-child>div>ul>li:first-child{font-size: 1em;} */
/* .sitemap>div:last-child>div>ul>li{font-size: 0.875em;} */
.list_blt2 > li{margin-top: 13px;}
.list_blt2 >li ul li{margin-top: 6px;}
.list_blt2 > li > a{font-size: 1em;}
.list_blt2>li ul li>a{font-size: 0.875em;}

/* 이메일수집거부 */
.cont_txt{margin-top: -8px;}
.cont_txt >p{font-size: 0.938em;}
.email_x > div:first-child > p{font-size: 1em;}
.email_x > div > p{font-size: 0.875em;}

/* 방문정보(오시는길) */
.visit_txt{font-size: 0.938em;}
.visit_txt p em{width: 66px ;}
.visit_txt p:last-child{margin-top: 6px; padding-bottom: 4px;}

.visit_doc{margin-top: 15px;}
.visit_doc span{font-size: 0.938em; }
.visit_doc p{font-size: 0.875em; padding-left: 17px;}

.map_btm{padding: 10px;}
.map_btm > p{font-size: 0.938em;}
.map_btm > p > span:first-child{    margin-right: 10px;}
.map_btm > p > span:first-child:after{margin: 0 5px;}


/* .go_wrap{margin-top: 20px;} */
.go_wrap > .go_away:last-child{margin-top: 30px;}
/* .go_away{margin-top: 25px;} */
.go_away > div{display: block;}
.go_away > div:first-child{width: 118px; margin: 0 auto;}
.go_away > div:last-child{padding-left: 00px;}
.go_away>div span{font-size: 0.938em; margin-top: 6px;}

.bus_use > div{margin-top: 12px;}
.bus_use > div p{font-size: 0.938em;}
.bus_no > div{margin-top: 12px;}
.bus_no > div p{font-size: 0.938em;}

.visit_etc .etc_tit{font-size: 1.063em; }
.visit_etc .etc_txt p{font-size: 0.938em; }

/* 대관신청_이용안내 */
.use_area .use_L span{font-size:1.125em ;}
.use_area .use_L span::after{height: 8px;}

/* 공간투어_현장투어(리스트)*/
.perform_list li {width:49%; margin-right:2%; }
.perform_list li:nth-child(3n) {margin-right:2%;}
.perform_list li:nth-child(4n) {margin-right:2%;}
.perform_list li:nth-child(2n) {margin-right:0;}  
.perform_list li:nth-child(-n+3){margin-top:15px;}
.perform_list li:nth-child(-n+2){margin-top:0px !important;} 
.perform_list li:nth-child(-n+4){margin-top: 15px;}
.perform_list li{margin-top: 15px;}
.img_area em{height: 27px; line-height: 27px;  width: 40px; font-size: 0.813em;}
.perform_b_txt.txt2{    min-height: 80px;}
.perform_b_txt > span.per_tit.tit2{ -webkit-line-clamp: 1; height: 1.6em;}
.perform_b_txt > a.per_top{font-size: 0.938em;}
.perform_b_txt > span{font-size: 0.875em;}
.perform_b_txt > span.per_top{font-size: 0.938em;}

/* 전시행사_문화역 프로그램(예정) */
/* .show_R div p{font-size: 0.938em;} */
.show_em > em{font-size: 0.938em; margin-top: 4px;}
.guide_btm2 li em{font-size: 0.875rem;}




/*공간투어*/
.course > div{float: none; width: 100%; margin-left: 0; margin-top: 10px;}
.course > div:first-child{margin-top: 0; margin-left: 0;}
.course > div a{height: 40px; line-height: 40px;}
.course > div a span{font-size: 1em; font-weight: 500;}

/* 전시행사_대관 프로그램(예정) */
.new_table_wrap{margin-top: 15px;}
.new_table{padding:15px 0 0;}
.new_table + .btn_area .btn_list{width: 100%;}
.show_mid{margin-top: 15px; padding:15px 10px;}
.new_table .guide_top em{ min-width: 45px; line-height: 25px; }
.guide_btm .btn_area > a.btn_list{width: 100%;}


/* 전시행사_문화역 프로그램(예정) */
.show_wrap{padding-bottom: 23px;}

/* 공간투어 소개박스 */
.introduce_box{ padding: 15px 10px;}
.introduce_box > div{font-size: 0.938em;}

/*사전예약 박스*/
.cal_alert_box{padding: 15px 10px;}


/*이벤트 코스*/
.event_area .img_area{position: relative; width: 85%; padding-top: 75%; margin: 0 auto;}
.event_area .img_area img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}

.event_area .slick-arrow{width: 20px; height: 54px;}
}


@media all and (max-width:479px){
    /* 프로그램 상세中 */
    /* 4.이미지 가로 두개 영역*/
    .prg_list.tbl li {
        display: block;
    }

    /* 4_2.이미지 가로 두개 영역(인물 5명 나열) */
    .prg_list.tbl.people li {
        width: 48%;
        margin-right: 2%;
    }
    .prg_list.tbl.people li:nth-child(2n){margin-right: 0;}

    /* 선물의집 리스트 최상단 텍스트 */
    .house_down{display: block;}

    .sub_tit{font-size: 1.125em;}

    /* 공간투어 리스트(VR) */
    .vr_list li {float: none; width:100%; margin-right:2%; margin-top: 15px;}
    .vr_list li:nth-child(-n+3){margin-top: 15px;}
    .board_cont { padding: 15px 0;}

    .vr_box{min-height: 70px;}
    .vr_box .vr_top{font-size: 0.938em;}
    .vr_box .vr_tit{font-size: 0.875em;}

    /* 온라인공간투어_관람 후기 설문 */
    .tbl_course label > p{font-size: 0.875em;}
    .tbl_course.tbl_com_wrap > .tbl_ipt.tbl_space3{ margin-top: 10px !important; padding: 0;}
    .tbl_course.tbl_com_wrap > .tbl_ipt.tbl_space3:first-child{margin-top: 0 !important;}
    .tbl_course.tbl_com_wrap .tbl_ipt{width: 50%;}
    .tbl_course.tbl_com_wrap .tbl_ipt:nth-child(-n+3) {
        margin-top: 10px;
    }
    .tbl_course.tbl_com_wrap .tbl_ipt:nth-child(-n+2) {
        margin-top: 0;
    }
    .tbl_course_wrap .tbl_course:nth-child(2) .tbl_ipt{width: 100%;}
    .tbl_course_wrap .tbl_course:nth-child(2) .tbl_ipt:nth-child(2){margin-top: 10px;}
    .tbl_ipt > label .tbl_entry{width: 100px;
        transform: translateX(-10px);
        -webkit-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
    }
    .tbl_course.example{padding: 15px 5px;}
    .tbl_course_wrap > div:first-child > div:nth-child(even){padding-left: 5px;}

    /* ci부분 */
    .ci_wrap > div:first-child{width: 100%;}
    .ci_area > div{display: block; width: 100% !important ;}
    .ci_area{text-align: center;  margin-top: 10px;}
    .ci_area .ci_color:not(:first-child) span{margin-top: 15px;}
    .ci_wrap > div:last-child{margin-top: 20px;}
    .ci_text p:first-child{margin-top:3px;}
    .ci_text p{font-size: 0.875em;}

    /*콘텐츠 문구*/
    .cont_txt >p{font-size: 0.875em;}


    /* 대관신청_시설 도면 및 대관료 */
    .fee_area .fee_com{padding: 14px 10px 10px;}
    .fee_area .fee_com div{line-height: 22px; font-size: 0.875em;}
    .fee_area .fee_com div:first-child{font-size: 0.75em; width: 22px; height: 22px;}
    .fee_area .fee_com div:nth-child(2){width: 37%; padding-left: 2.5%;}
    .fee_area .fee_com div:nth-child(3){padding-left: 5px; padding-right: 18%;}
    .fee_area .fee_com div:nth-child(4){width: 77px;}
    /* 방문정보 지도 */
    .root_daum_roughmap .wrap_map {    height: 200px !important;}

    /* 방문정보(오시는길) */
    .map_btm > p > span:first-child:after{display: none;}
    .map_btm > p > span:last-child{display: block; margin-top: 3px; font-size: 0.875rem; word-break: keep-all;}

    .go_wrap li{line-height: 1.4;}

    /* 갤러리 */
    .active_wrap{padding: 15px 0;}
    .active_list .img_area + div{padding: 7px 10px;}
    .active_list li .active_detail{font-size: 0.813em;}
    .active_list li a>span{font-size: 0.938em;}
    .active_list li .active_mid span{font-size: 0.875em;}
    .active_list li .active_mid2 span{font-size: 0.875em;}
    .active_list.act2 li .active_detail{font-size: 0.875em;}

    /* 공간투어_현장투어(리스트)*/
    .perform_b_txt > span.per_tit{ -webkit-line-clamp: 1; height: 1.6em;}
    .perform_b_txt{padding: 7px 10px;min-height: 60px;}

    /* 전시행사_대관 프로그램(예정) */
    .new_table > div:first-child{max-width: 300px;}
    .guide_btm li > span{left:50px ;}
    .guide_btm > strong{font-size: 1.250em;}
    .guide_btm2 > strong{font-size: 1em;}

    .guide_description > strong{font-size: 1em; padding-bottom: 10px;}
    .guide_description li p{font-size: 0.875rem; margin-top: 10px;}

    /* 전시행사_문화역 프로그램(예정) */
    .guide_btm2 li{word-break: keep-all;}
    .show_wrap .show_L{width: 250px;}
    .show_wrap .btn_area.mt30{margin-top: 20px !important;}


    .show_mid strong{font-size: 1em;}
    .show_mid p{font-size: 0.875em;}
    .show_em > em{font-size: 0.875em;}
}

@media all and (min-width: 320px) and (max-width: 339px){

}


/*2024.04.29 수정*/
.exh_listWrap{width: 100%;height: auto;overflow: hidden;}
.exh_listWrap .exh_listBox{display: block;width: calc(50% - 10px);float: left;border: 1px solid #ccc;margin-bottom: 40px;position: relative;}
.exh_listWrap .exh_listBox:nth-of-type(2n){margin-left: 20px;}
.exh_listWrap .exh_listBox .exh_cate{z-index: 3;position: absolute;right: 15px;top: 15px;display: inline-block;background: #def1f9;color: #087daf;border: 1px solid #087daf;font-weight: 600;padding: 5px 13px;}
.exh_listWrap .exh_listBox_cont{padding: 15px;border-top: 1px solid #ccc;}
.exh_listWrap .exh_listBox .exh_date{font-weight: 500;color: #58595b;}
.exh_listWrap .exh_listBox .exh_tit{font-size: 1.188em;font-weight: 600;padding-bottom: 15px;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;word-break: keep-all;width: 100%;}
.exh_listWrap .exh_listBox .exh_listBox_img{width: 100%;position: relative;padding-top: 60%;}
.exh_listWrap .exh_listBox .exh_listBox_img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.exh_listWrap .exh_listBox .exh_cont{ color: #5d5d5d;margin-top: 13px;overflow: hidden;text-overflow: ellipsis;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 2.6em;font-weight: 300;}
@media all and (max-width:1024px){
    .exh_listWrap .exh_listBox .exh_tit{font-size: 1.063em;}
    .exh_listWrap .exh_listBox .exh_cont{font-size: 0.938rem;margin-top: 12px;}
}
@media all and (max-width:860px){
    .exh_listWrap .exh_listBox{width: 100%;margin-bottom: 20px;}
    .exh_listWrap .exh_listBox:nth-of-type(2n){margin-left: 0;}
    .exh_listWrap .exh_listBox .exh_cate{font-size: 14px;}
}
@media all and (max-width:479px){
    .exh_listWrap .exh_listBox .exh_tit{font-size: 1em;padding-bottom: 10px;}
    .exh_listWrap .exh_listBox .exh_cont{font-size: 0.875rem;margin-top: 10px;}
    .exh_listWrap .exh_listBox .exh_date{font-size: 0.938em;}
    .exh_listWrap .exh_listBox .exh_cate{font-size: 13px;}
}