@charset "utf-8";

/*
  서브 공연예약 (header + container + footer)
*/



.submain .btn_plus {width:35px;height:35px;background: url(../images/bg_sprite.png) -110px -240px no-repeat;}

.performances_wrap {margin-left: 110px;}
.performances_wrap figure {position: relative;margin: 0;}
.performances_wrap figure .logo,
.performances_wrap figure .img {width:250px;}
.performances_wrap figure .img {margin-top: 10px;
  -webkit-box-shadow:0px 15px 20px 0px rgba(0,0,0,0.34);
  -moz-box-shadow   :0px 15px 20px 0px rgba(0,0,0,0.34);
  box-shadow        :0px 15px 20px 0px rgba(0,0,0,0.34);
}
.performances_wrap figure .logo>img,
.performances_wrap figure .img>img {width:100%;}
.performances_wrap figure .img>img {vertical-align: top;}
.performances_wrap figure figcaption {width: 458px;height: 347px;background:url(../images/sr/bg_sr_circle.png) 0 0 no-repeat;text-align: center;z-index:2;}
.performances_wrap figure figcaption .text {position: relative;display: inline-block;padding:130px 0 0;color: #fff;text-align: left;}
.performances_wrap figure figcaption .text .title {font-weight: 500;font-size: 1.125rem;}
.performances_wrap figure figcaption .text .date {font-size: 1rem;}
.performances_wrap figure figcaption .text .dday {font-weight: 700;font-size: 3.125rem;}
.performances_wrap figure figcaption .more {position: absolute;top:216px;right:0;display: inline-block;width: 28px;height: 28px;background: url(../images/sr/bg_more.png) 0 0 no-repeat;z-index:3;}
.performances_wrap figure:after {display: block;clear: both;content:"";}
.contest_wrap figure {position: relative; background-image: url(../images/sr/bg_sr_blue.jpg); margin:0;}
.contest_wrap figure .img {position:absolute; top:40px; left:40px; height:431px; width:305px;
-webkit-box-shadow: 10px 20px 20px 0 rgba(0,0,0,0.15);
-moz-box-shadow: 10px 20px 20px 0 rgba(0,0,0,0.15);
box-shadow: 10px 20px 20px 0 rgba(0,0,0,0.15);}
.contest_wrap figure figcaption {padding: 30px 40px 30px 405px; color:#fff;}
.contest_wrap figure figcaption .title{line-height:1.6; font-size:1.75rem; font-weight:500; border-bottom:1px solid rgb(255, 255, 255, 0.1);padding:20px 0;}
.contest_wrap figure figcaption .cont{line-height:1.9; font-size:1rem; font-weight:300; border-top:1px solid rgb(0, 0, 0, 0.1); padding:20px 0;}
.contest_wrap figure figcaption .cont li {padding-left: 14px; position: relative;}
.contest_wrap figure figcaption .cont li::before {content:"";width:5px;height:5px;display:block; position: absolute; top:calc(50% - 1px);left:0;border-radius:100%;background-color:#fff;}
.contest_wrap figure figcaption .cont li strong {letter-spacing: 6px; margin-right:6px;}

#banner_wrap img {vertical-align: top;}
.borderB{border-bottom: 2px solid #222 !important; }
.introduce_wrap {height:315px; width:100%; background-image: url(../images/sr/bg_sr_intro.jpg);position: relative;}
.introduce_wrap .ment {position: absolute;top:130px; left:50px; padding:60px 70px; font-size:2rem; line-height:150%;color:#fff;font-weight:500; background: url(../images/sr/bg_sr_blue.jpg) bottom right;}
.bg_underline p {background-color:#fff; display: inline-block; padding-right:10px;}
.bg_underline::after{content:"";border-bottom:1px solid #000; display:block; margin-top: -15px;}
.bg_introduce {background: url(../images/sr/img_sr_intro.jpg) top right no-repeat;}
.bg_introduce p {width:340px;}

.sr_list_wrap {width:400px;padding-right: 30px;}
.sr_list_wrap .sr_list_photo {width:70px;}
.sr_list_wrap .sr_list_photo img{display:inline-block; width:100px;}
.sr_list_wrap .sr_list {width: 270px;}
.sr_list_wrap .sr_list ul {border-top: 1px solid #ecedeb;}
.sr_list_wrap .sr_list li {padding: 8px;border-bottom: 1px solid #ecedeb;}
.sr_list_wrap .sr_list .title {font-size: 1rem; color:#666; display: inline-block; width:calc(100% - 100px);margin-right:20px;vertical-align:middle;}
.sr_list_wrap .sr_list .date {font-size: 0.875rem; color:#999; padding:1px 0; display: inline-block;vertical-align:middle;}

.sr_con_wrap {height: 310px;margin:30px 0;padding: 15px 30px 0;background:url(../images/sr/bg_sr_black.jpg); width:440px;}
.sr_con_wrap h3{color:#fff !important;border-bottom: 3px solid #eee !important;}
.sr_con_wrap .sr_con_photo {float: left;width:70px;}
.sr_con_wrap .sr_con {float: right;overflow: hidden;width: 250px;height:184px;padding-top: 6px;font-size: 0.875rem;line-height: 1.625rem;}
.sr_con_wrap .sr_con a {overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  word-wrap: break-word;
  color: #fff;
}

.sr_step_wrap ul li {display:inline-grid; border-right:1px dashed #ddd; text-align:center; position: relative; width:170px;}
.sr_step_wrap ul li:last-child {border-right-width:0;}
.sr_step_wrap ul li:after{position: absolute;top: calc(50% - 17px);right:-17px; background-image: url(../images/sr/img_sr_step.png); width:34px; height:34px;display: block; content: "";}
.sr_step_wrap ul li:last-child:after {background: none;}

.sr_link_wrap ul li {display:inline-block; margin-right:23px; text-align: center;}
.sr_link_wrap ul li:last-child{margin-right:0;}
.sr_card_wrap {display:inline-block;padding:2px; border: 1px solid #ddd; text-align:center; background-color:#fff;position: relative;}
.sr_card_wrap:hover {padding:0px; border: 3px solid #243dbb;text-decoration:none;
  -webkit-box-shadow: 4px 4px 10px 0 rgba(0,0,0,0.14);
  -moz-box-shadow   : 4px 4px 10px 0 rgba(0,0,0,0.14);
  box-shadow        : 4px 4px 10px 0 rgba(0,0,0,0.14);
}

.img_sr_01 {display: block;width:60px;height:79px;margin:20px auto 0;background: url(../images/sr/img_sr_001.png) 0 0 no-repeat;}
.img_sr_02 {display: block;width:69px;height:79px;margin:20px auto 0;background: url(../images/sr/img_sr_001.png) -61px 0 no-repeat;}
.img_sr_03 {display: block;width:73px;height:79px;margin:20px auto 0;background: url(../images/sr/img_sr_001.png) -131px 0 no-repeat;}
.img_sr_04 {display: block;width:69px;height:79px;margin:20px auto 0;background: url(../images/sr/img_sr_001.png) -205px 0 no-repeat;}
.img_sr_05 {display: block;width:70px;height:79px;margin:20px auto 0;background: url(../images/sr/img_sr_001.png) -275px 0 no-repeat;}
.img_sr_06 {display: block;width:68px;height:79px;margin:20px auto 0;background: url(../images/sr/img_sr_001.png) -346px 0 no-repeat;}


/* 한마당소개 - 역대현환 - 연혁및정보 - 리스트 */
.gallery_list_wrap {border-bottom: 1px solid rgba(0,0,0,.1);}
.gallery_list_wrap .gallery_list:after {display: block;clear: both;content: "";}
.gallery_list_wrap .gallery_list li {float: left;width:31.6%;margin:20px 0 0 2.6%;}
.gallery_list_wrap .gallery_list li:nth-child(-n+3) {margin-top: 0;}
.gallery_list_wrap .gallery_list li:nth-child(3n+1) {margin-left: 0;}
.gallery_list_wrap .gallery_list li a {display: block;width:100%;}
.gallery_list_wrap .gallery_list li a figure {height:264px;max-height:264px;margin:0;}
.gallery_list_wrap .gallery_list li a figure .img_wrap {position: relative;padding-bottom: 43%;padding-top: 25px;height: 0;}
.gallery_list_wrap .gallery_list li a figure .img {position: absolute;display: block;overflow: hidden;top: 0;left: 0;width:100%;height:100%;}
.gallery_list_wrap .gallery_list li a figure .img img {display: block;width: 100%;max-width:280px;margin:0 auto;}
.gallery_list_wrap .gallery_list li a figure figcaption {margin-top: 12px;text-align: center;}
.gallery_list_wrap .gallery_list li a.video {position: relative;}
.gallery_list_wrap .gallery_list li a.video:after {position: absolute;top:0;right:0;bottom:0;left:0;background-color: rgba(0,0,0,.5);content:"";z-index:2;}
.gallery_list_wrap .gallery_list li a.video:before {position: absolute;display: block;top:50%;left:50%;width:46px;height:47px;margin:-23px 0 0 -23px;background: url(../images/bg_sprite.png) -154px -185px no-repeat;content:"";z-index:3;}

.board_view_content figure {margin:0;}
.board_view_content figure .img {display: block;width:100%;}
.board_view_content figure .img img {display: block;max-width:100%;margin:0 auto;}
.board_view_content figure figcaption {margin-top: 12px;text-align: center;}

#contact_map {border: 1px solid #c7c7c7;}
#contact_map .temp_map {display: block;}

.h3_cont {margin-top: 13px;padding-left: 10px;}
.traffic {padding-top: 6px;}
.traffic:after {display: block;clear: both;content: "";}
.traffic>li {float: left;width: 255px;}
.traffic>li+li {margin-left: 55px;}
.traffic>li>dl {position: relative;padding-left:108px;}
.traffic>li>dl:after {content:"";position: absolute;top:5px;left:0;width:72px;height:70px;background: url(/images/sr/bg_sr_sprite.png) 0 0 no-repeat;}
.traffic>li>dl.airport:after {width:72px;height:70px;background-position: 0 0;}
.traffic>li>dl.terminal:after {width:81px;height:74px;background-position: 0 -70px;}
.traffic>li>dl.jeju:after {width:79px;height:74px;background-position: 0 -150px;}
.traffic>li>dl>dt {font-weight: 500;}
.traffic>li>dl>dd {margin-top: 9px;font-size: 0.875rem;line-height: 1.5rem;color: #666;}
.traffic>li dl dd dl:after {display: block;clear: both;content: "";}
.traffic>li dl dd dl dt {float: left;margin-right: 4px;font-weight: 500;font-size: 0.875rem;color: #333;}
.traffic>li dl dd dl dd {float: left;font-size: 0.875rem;color: #666;}
.traffic>li dl dd dl dd+dt {clear: left;}


/* 한마당소개 - 공연이벤트 - 진행중인 공연이벤트 - 리스트 */
.event_list_wrap {border-bottom: 1px solid rgba(0,0,0,.1);}
.event_list_wrap .event_list:after {display: block;clear: both;content: "";}
.event_list_wrap .event_list li {float: left;width:23%;margin:20px 0 0 2%;}
.event_list_wrap .event_list li:nth-child(-n+4) {margin-top: 0;}
.event_list_wrap .event_list li:nth-child(4n+1) {margin-left: 0;}
.event_list_wrap .event_list li a {display: block;width:100%;}
.event_list_wrap .event_list li a figure {overflow: hidden;height:200px;max-height:200px;margin:0;}
.event_list_wrap .event_list li a figure .img_wrap {position: relative;padding-bottom: 43%;padding-top: 25px;height: 0;}
.event_list_wrap .event_list li a figure .img {position: absolute;display: block;overflow: hidden;top: 0;left: 0;width:100%;height:100%;}
.event_list_wrap .event_list li a figure .img img {display: block;width: 100%;max-width:280px;margin:0 auto;}
.event_list_wrap .event_list li a figure figcaption {margin-top: 12px;text-align: center;}
.event_list_wrap .event_list li a.video {position: relative;}
.event_list_wrap .event_list li a.video:after {position: absolute;top:0;right:0;bottom:0;left:0;background-color: rgba(0,0,0,.5);content:"";z-index:2;}
.event_list_wrap .event_list li a.video:before {position: absolute;display: block;top:50%;left:50%;width:46px;height:47px;margin:-23px 0 0 -23px;background: url(../images/bg_sprite.png) -154px -185px no-repeat;content:"";z-index:3;}
.event_list_wrap .nodata {padding:50px 0;text-align: center;font-size: 2rem;}


/* 대표이미지 */
.photo_box {float: left;overflow: hidden;width:122px;height:92px;border: 1px solid #ddd;vertical-align: top;}
.photo_box>img {display: block;width: 100%;}
.pphoto_box {overflow: hidden;width:70px;/*height:102px;*/margin:0 auto;/*background: url(../images/jm/img_photo.gif) 0 0 no-repeat;*/vertical-align: top;-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.14); -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.14); box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.14);}
.pphoto_box2 {overflow: hidden;width:70px;/*height:102px;*//*background: url(../images/jm/img_photo.gif) 0 0 no-repeat;*/vertical-align: top;-webkit-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.14); -moz-box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.14); box-shadow: 4px 4px 10px 0px rgba(0,0,0,0.14);}
.pphoto_box>img,
.pphoto_box2>img {display: block;width:70px;height:93px;}

/*
.file_attatch_wrap {margin-left: 130px;}
.file_attatch_notice {position: relative;}
.file_attatch_notice .btn_circle {vertical-align: 1px;}
.file_attatch_notice + .file_attatch {margin-top: 20px;}
*/
.list_type {display: inline-block;}
.list_type li {color: #333;}
.list_type li+li {margin-top: 17px;}
.list_type dl:after {display: block;;clear: both;content:"";}
.list_type dl dt,
.list_type dl dd {float: left;}
.list_type dl dd {margin-left: 4px;color: #666;}

.list_type2 {display: inline-block;}
.list_type2 li {color: #333;text-align: left;}
.list_type2 li+li {margin-top: 17px;}
.list_type2 dl:after {display: block;;clear: both;content:"";}
.list_type2 dl dt {float: left;}
.list_type2 dl dd {margin-left: 44px;color: #666;}

/* 종목추가 */
#event_add_area .event_item + .event_item {margin-top: 50px;}
#event_add_area .event_add_player + .event_add_player  {margin-top: 30px;}

.pm-fs-m {font-weight:500}
.tbl-txt {margin-bottom:40px;margin-top:-23px;}
p.tbl-txt-blue {color:#284bdb;line-height:1.5rem; }
.txt-blue {color:#284bdb;}
.txt-gray {color:#888888;line-height:1.8rem;text-indent:37px;}
.pm-section {margin-bottom:50px;}

/* width margin padding  */
.w890 {width:890px;}
.mt28 {margin-top:28px !important;}
.tbl_wrap_left {margin-left:-20px;}

/* font */
.txt-red {color:#f60644;}

.top_cnt_board { width:100%;height:200px;}
.top_cnt_board > ul > li:last-child {padding-left:30px;}
.top_cnt_board > ul > li:last-child > ul {margin-top:-7px;}

.board_of {overflow:hidden;}
.board_of > ul  {display:inline-block;position:relative;top:-5px;}

.w50 { width:50%;}
.img_cnt { width:100%;height:200px;display:block;border:1px solid #ddd;}
ul.t_bullet {}
ul.t_bullet li p::before {content:"";width:4px;height:4px;display:block;position:relative;top:17px;left:-10px;border-radius:2px;background-color:#333;}

.tbl_thf {position: relative;}
.tbl_thf.hl2:after {content:"";display: block;height:3.5rem;}
.tbl_thf.hl3:after {content:"";display: block;height:3.5rem;}
.tbl_thf .ptr {position: absolute;top:25%;right:10%;}
.tbl_thf .pbl {position: absolute;bottom:5%;left:22%;}

/* accessibility */
.submain #accessibility a{color:#555;}
.submain #accessibility a + a:before {background-color: #999;}