/*
font-family: 'Nanum Square';
font-family: 'Lato', sans-serif;
font-family: 'Kanit', sans-serif;
font-family: 'Titillium Web', sans-serif;
font-family: 'Play', sans-serif;
*/


/* common */
#subVisual { position:relative; height:537px; background:url(/img/sub/subVis1.jpg) center no-repeat; background-size:cover; }
#subVisual h2 { position:absolute; left:0; right:0; top:50%; padding-top:136px; text-align:center; font-size:48px; font-weight:500; color:#fff; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }

.lnb { position:relative; height:62px; margin-bottom:40px; border-bottom:1px solid #e1e1e1; }
.lnb .btn_home { position:absolute; left:5%; top:0; bottom:0; display:block; width:65px; background:url(/img/sub/btn_home.png) center no-repeat; overflow:hidden; text-indent:-5000px; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1; }
.lnb nav { position:absolute; left:5%; top:0; margin-left:67px; }
.lnb nav ul:before { content:''; display:block; clear:both; }
.lnb nav li { float:left; position:relative; padding:0 35px; line-height:63px; }
#lnb4 nav li { padding:0 30px; }
.lnb nav li:before { content:'i'; position:absolute; left:-1px; top:0; color:#d7d7d7; font-size:10px; font-weight:900; text-transform:uppercase; font-family: 'Kanit', sans-serif; }
.lnb nav li:first-child:before { content:''; display:none; }
.lnb nav li a { font-size:16px; color:#666; }
.lnb nav li.on a, .lnb nav li a:hover { color:#00aeef; }
#btn_print { position:absolute; right:5%; top:0; bottom:-1px; display:block; width:208px; line-height:63px; font-size:16px; font-weight:300; color:#ebebeb; text-align:center; text-transform:uppercase; background:#666; }
#btn_print span { display:inline-block; padding-left:47px; background:url(/img/sub/btn_print.png) left center no-repeat; }

.subtitle { max-width:1200px; margin:0 auto 10px; font-size:50px; font-weight:700; color:#222; font-family: 'Titillium Web', 'Noto Sans KR', sans-serif; letter-spacing:-0.05em; text-transform:uppercase; }
.subtitle span { position:relative; display:inline-block; margin-left:20px; padding-left:28px; font-size:24px; color:#00aeef; font-weight:700; letter-spacing:0; }
.subtitle span:before { content:''; display:block; position:absolute; left:0; top:50%; width:2px; height:18px; margin-top:-9px; background:#00aeef; }


#cont .inner_box { max-width:1300px; }
.m0 { margin:0 auto !important;}

.tabStyle { text-align:right; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; margin-bottom:85px;}
.tabStyle li { position:relative; display:inline-block; min-width:54px; margin-right:32px; text-align:center; }
.tabStyle li:before { content:''; display:block; position:absolute; left:0; right:0; top:-2px; height:3px; background:#666; }
.tabStyle li:hover:before, .tabStyle li.on:before { background:#00aeef; }
.tabStyle li a { display:block; line-height:59px; font-size:16px; color:#666; font-weight:500; }
.tabStyle li.on a, .tabStyle li a:hover { color:#00aeef; }

.sec_tit { margin-bottom:30px; font-size:30px; font-weight:500; color:#222; letter-spacing:-0.05em; text-transform:uppercase; }

.dotLst p { position:relative; padding-left:20px; text-align:left; }
.dotLst p + p { margin-top:10px; }
.dotLst p:before { content:''; display:block; position:absolute; left:0; top:8px; width:6px; height:6px; background:#222; border-radius:50%; }
.dotLst.b p:before { top:7px; width:7px; height:7px; background:#00adee; }

.infoTxt { margin:30px 0 45px; text-align:left; font-family: 'Kanit', 'Noto Sans KR', sans-serif; vertical-align:top;margin-left:145px;display:inline-block;}
.infoTxt > div { display:inline-block; padding:10px 0 10px 65px; color:#222; font-size:16px; line-height:1.4em; font-weight:300; letter-spacing:-0.03em; background:url(/img/sub/icon_info.png) left center no-repeat; }
.infoTxt .dotLst p { margin-top:0; }
.infoTxt strong { font-weight:500; }
.infoTxt em { font-weight:500; color:#ff7936; }

.tbl1 th, .tbl1 td { text-align:center; font-size:16px; padding:1em .7em; text-align:center; color:#666; border:1px solid #ccc; }
.tbl1 th { padding:1.2em .7em; line-height:1.3em; font-weight:500; letter-spacing:-0.03em; }
.tbl1 thead th { font-size:18px; color:#e1e1e1; background:#666; }
.tbl1 tbody th { color:#444; background:#e1e1e1; }
.tbl1 td { font-weight:300; line-height:1.3em; letter-spacing:-0.05em; }

.tabCon { display:none; }
.tabCon.on { display:block; }



/* 티켓 리스트 */
.reseveList > ul > li { display:table; width:100%; padding:23px 0 25px; table-layout:fixed; border-bottom:1px solid #e1e1e1; }
.reseveList .img { display:table-cell; width:27%; padding:0 3.5%; text-align:center; vertical-align:middle; }
.reseveList dl { display:table-cell; padding:60px 0 0 3.5%; letter-spacing:-0.05em; vertical-align:top; }
.reseveList dt { margin-bottom:65px; font-size:30px; font-weight:300; color:#222; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.reseveList dt a { color:#222; }
.reseveList dd { padding-left:20px; }
.reseveList dd ul { margin-bottom:35px; }
.reseveList dd li { display:table; width:100%; margin-bottom:15px; line-height:20px; table-layout:fixed; }
.reseveList dd li > span { display:table-cell; width:103px; padding-left:35px; font-size:16px; font-weight:300; background:left center no-repeat; }
.reseveList dd li.date > span { background-image:url(/img/sub/icon_list_date.png); }
.reseveList dd li.time > span { background-image:url(/img/sub/icon_list_time.png); }
.reseveList dd li.call > span { background-image:url(/img/sub/icon_list_call.png); }
.reseveList dd li.loca > span { background-image:url(/img/sub/icon_list_loca.png); }
.reseveList dd li.price > span { background-image:url(/img/sub/icon_list_won.png); background-position:left 2px; }
.reseveList dd li.dura > span { background-image:url(/img/sub/icon_list_dura.png); }
.reseveList dd li > strong { display:table-cell; font-size:18px; font-weight:500; color:#222; letter-spacing:-0.03em; font-family: 'Kanit', 'Noto Sans KR', sans-serif; }
.reseveList dd li strong em { display:inline-block; margin-left:16px; }
.reseveList dd li strong em:first-child { margin-left:0; }
.reseveList dd li strong em:before { display:inline-block; width:20px; height:20px; line-height:21px; margin-right:7px; text-align:center; font-size:14px; color:#fff; letter-spacing:0.03em; text-transform:uppercase; background:#b1b1b1; border-radius:20px; }
.reseveList dd li strong em.all:before { content:'전석'; width:43px; }
.reseveList dd li strong em.vip:before { content:'vip'; width:43px; }
.reseveList dd li strong em.r:before { content:'r'; }
.reseveList dd li strong em.s:before { content:'s'; }
.reseveList dd li strong em.a:before { content:'a'; }
.reseveList dd li strong em.b:before { content:'b'; }
.reseveList dd .btn_reserve { display:inline-block; /*margin-left:138px;*/ width:171px; line-height:47px; color:#fff; text-align:center; font-size:20px; font-weight:500; background:#00aeef; border-radius:10px; }
.reseveList dd .btn_reserve.off { background:#ccc; }
.reseveList dd .btn_reserve + .btn_reserve { margin-left:10px; background:#ccc; }

.reseveList .page { margin-top:80px; }
.reseveList .page li { margin:0 10px; }
.reseveList .page li a { padding:0; line-height:27px; color:#333; font-size:18px; font-weight:500; font-family: 'Kanit', sans-serif; border:none; border-bottom:1px solid transparent; background:none; vertical-align:middle; }
.reseveList .page li a:hover, .reseveList .page li.on a { color:#ca1f27; border:none; border-bottom:1px solid #ca1f27; background:none; }
.reseveList .page li.b_btn a { width:27px; height:27px; background:center no-repeat #ccc; border-radius:50%; overflow:hidden; text-indent:-5000px; }
.reseveList .page li.b_btn a:hover { background-color:#333; }
.reseveList .page li.b_btn.b_prev a { margin-right:10px; background-image:url(/img/sub/b_prev.png); }
.reseveList .page li.b_btn.b_next a { margin-left:10px; background-image:url(/img/sub/b_next.png); }


/* 티켓 뷰 */
.ticketViewCon .tabStyle li { margin-right:25px; }
.ticketViewCon .tabStyle li:before { display:none; }
.ticketViewCon .tabStyle li a { display:block; width:105px; line-height:60px; color:#fff; background:#00aeef; }
.ticketViewCon .tabStyle li a span { padding-left:28px; font-size:14px; background:url(/img/sub/icon_view_list.png) left center no-repeat; }

.ticketViewCon .reseveList > ul > li { padding:60px 0; }
.ticketViewCon .reseveList dt { line-height:1.2em; overflow:visible; white-space:normal; }
.ticketViewCon .reseveList dd li > span { position:relative; }
.ticketViewCon .reseveList dd li > span:before { content:'-'; display:block; position:absolute; right:5px; top:0; width:40px; text-align:center; }

.ticketViewCon .detail .tit { position:relative; margin-bottom:65px; }
.ticketViewCon .detail .tit h3 { position:relative; display:inline-block; margin-left:57px; padding:23px 27px 0; font-size:24px; font-weight:500; color:#00aeef; font-family: 'Kanit', sans-serif; }
.ticketViewCon .detail .tit h3:before { content:''; display:block; position:absolute; left:0; right:0; top:-3px; height:5px; background:#00aeef; }
.ticketViewCon .detail .sns { position:absolute; right:57px; top:-30px; }
.ticketViewCon .detail .sns dl { display:inline-block; position:relative; margin-left:10px; }
.ticketViewCon .detail .sns > a, .ticketViewCon .detail .sns dt { display:inline-block; width:67px; height:67px; border:3px solid #c2c2c2; background:center no-repeat #fff; border-radius:50%; -webkit-box-sizing:border-box; box-sizing:border-box; text-indent:-5000px; cursor:pointer; }
.ticketViewCon .detail .sns > a { position:relative; background-image:url(/img/sub/icon_view_good.png); }
.ticketViewCon .detail .sns > a:before { content:''; position:absolute; left:50%; right:50%; top:50%; bottom:50%; background:url(/img/sub/icon_view_good_ov.png) center no-repeat; background-size:100% auto; }
.ticketViewCon .detail .sns > a:hover, .ticketViewCon .detail .sns > a.on { border-color:#343433; background-image:url(/img/sub/icon_view_good_ov.png); }
.ticketViewCon .detail .sns > a.on:before { left:-30px; right:-30px; top:-30px; bottom:-30px; opacity:0; -webkit-transition-duration:.5s; -o-transition-duration:.5s; transition-duration:.5s; }
.ticketViewCon .detail .sns dt { background-image:url(/img/sub/icon_view_share.png); }
.ticketViewCon .detail .sns dl:hover dt, .ticketViewCon .detail .sns dl dt.ov { border-color:#343433; background-image:url(/img/sub/icon_view_share_ov.png); }
.ticketViewCon .detail .sns dd { display:none; position:absolute; left:50%; top:67px; padding-top:13px; width:149px; margin-left:-74px; }
.ticketViewCon .detail .sns dd:before { content:''; display:block; position:absolute; left:0; right:0; top:0; height:13px; background:url(/img/sub/share_bg.png) center bottom no-repeat; }
.ticketViewCon .detail .sns dd div { padding:10px 0; text-align:center; background:#343433; border-radius:5px; }
.ticketViewCon .detail .sns dd div a:first-child { display:inline-block; margin-right:16px; }
.ticketViewCon .detail .viewCon { padding:0 8%; text-align:center; }


/* 지난 공연 상단 */
.sortCon { padding:24px 0 19px; font-size:16px; letter-spacing:-0.05em; text-align:center; border-bottom:1px solid #e1e1e1; }
.sortCon .sTop { margin-bottom:12px; }
.sortCon .sWeek { float:left; }
.sortCon .sWeek a { float:left; display:block; width:118px; line-height:38px; margin-right:6px; color:#222; background:#ebebeb; border-radius:5px; }
.sortCon .sWeek a.on, .sortCon .sWeek a:hover { color:#fff; background:#00aeef; }

.sortCon .sDate { float:right; line-height:38px; padding-right:20px; text-align:right; color:#222; background:#ebebeb; border-radius:5px; }
.sortCon .sDate label { float:left; width:118px; }
.sortCon .sDate input { float:left; width:145px; height:38px; margin-left:10px; text-align:right; font-size:16px; color:#222; letter-spacing:-0.05em; border:none; background:url(/img/sub/datepick.png) left center no-repeat #ebebeb; cursor:pointer; }
.sortCon .sDate span { float:left; display:block; margin:0 5px 0 10px; }

.sortCon .sYear { float:left; width:118px; }
.sortCon .sYear select { display:block; width:100%; height:38px; padding-left:34px; font-size:18px; font-weight:700; color:#fff; font-family: 'Lato', sans-serif; border:none; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/img/sub/last_select.png) 85% center no-repeat #666; border-radius:5px; -webkit-box-sizing:border-box; box-sizing:border-box; }
.sortCon .sYear select::-ms-expand {
    display: none;
}
.sortCon ul { float:left; }
.sortCon li { float:left; width:85px; margin:0 0 5px 6px; text-align:center; }
.sortCon li:first-child { margin-left:5px; }
.sortCon li a { display:block; line-height:38px; color:#fff; font-weight:300; background:#666; border-radius:5px; }
.sortCon li.on a, .sortCon li a:hover { background:#00aeef; }


/* calender */
.calenderCon .mobile { display:none; }
.calenderCon .tit { position:relative; margin:95px 0 80px; text-align:center; }
.calenderCon .tit h3 { font-size:55px; font-weight:600; color:#333; font-family: 'Kanit', sans-serif; }
.calenderCon .tit h3 span { display:block; margin-top:8px; font-size:18px; color:#00aeef; }
.calenderCon .tit a { position:absolute; top:50%; display:block; width:65px; height:65px; margin-top:-33px; border:1px solid #bcbcbc; background:center no-repeat; border-radius:50%; text-indent:-5000px; }
.calenderCon .tit a.prevMonth { left:0; background-image:url(/img/sub/cal_prev.png); }
.calenderCon .tit a.nextMonth { right:0; background-image:url(/img/sub/cal_next.png); }
.calenderCon .tit a.prevMonth:hover { border-color:#333; background-image:url(/img/sub/cal_prev_ov.png); background-color:#333; }
.calenderCon .tit a.nextMonth:hover { border-color:#333; background-image:url(/img/sub/cal_next_ov.png); background-color:#333; }
.calenderCon .tit a:before { content:''; display:block; position:absolute; top:50%; width:190px; height:1px; background:#bcbcbc; }
.calenderCon .tit a.prevMonth:before { right:-190px; }
.calenderCon .tit a.nextMonth:before { left:-190px; }
.calenderCon .tit a:hover:before { background:#333; }

#calender .loca { margin-bottom:25px; text-align:right; }
#calender .loca span { display:inline-block; margin-left:35px; font-size:16px; font-weight:300; color:#333; }
#calender .loca span:before { content:''; display:inline-block; width:19px; height:19px; margin-right:8px; vertical-align:middle; border-radius:3px; }
#calender .c_pink:before { background:#f06eaa; }
#calender .c_purple:before { background:#947df4; }
#calender .c_orange:before { background:#f7941d; }
#calender .c_green:before { background:#8dc63f; }

#calender .week span { float:left; display:block; width:14.28%; line-height:65px; padding-left:25px; font-size:20px; color:#fff; font-family: 'Kanit', sans-serif; letter-spacing:-0.03em; text-transform:uppercase; border-left:1px solid #fff; background:#777; -webkit-box-sizing:border-box; box-sizing:border-box; }
#calender .week span:first-child { border-left:none; background:#f06eaa; }
#calender .week span:last-child { background:#00aeef; }

#calender .oneweek { background:#f5f5f5; }
#calender .oneweek li { position:relative; float:left; width:14.28%; border-left:2px solid #fff; border-top:56px solid #fff; -webkit-box-sizing:border-box; box-sizing:border-box; }
#calender .oneweek li:first-child { border-left:none; }
#calender .oneweek li > .date { position:absolute; left:0; top:-49px; display:block; width:42px; line-height:42px; text-align:center; font-size:20px; color:#222; font-family: 'Kanit', sans-serif; background:#ebebeb; border-radius:50%; }
#calender .oneweek li:first-child > .date, #calender .oneweek li > .date.holi { color:#f06eaa; }
#calender .oneweek li:last-child > .date { color:#00aeef; }
#calender .oneweek li .scacon { position:relative; height:202px; }
#calender .oneweek li .scacon + .scacon { border-top:2px solid #fff; }
#calender .oneweek li .scacon:before { content:''; display:block; position:absolute; left:0; top:18px; width:9px; height:15px; z-index:1; }
#calender .oneweek li .scacon > a { display:block; position:relative; height:100%; padding:15px 20px 15px 15px; color:#222; font-size:16px; letter-spacing:-0.05em; line-height:1.2em; word-wrap: break-word; background:#ebebeb; -webkit-box-sizing:border-box; box-sizing:border-box; }
#calender .oneweek li .scacon div.info { position:absolute; left:15px; right:15px; bottom:15px; font-size:14px; }
#calender .oneweek li .scacon div.info span { display:block; font-family: 'Kanit', 'Noto Sans KR', sans-serif; }
#calender .oneweek li .ov { display:none; position:absolute; left:-371.25px; top:0; bottom:0; width:371.25px; z-index:10; }
#calender .oneweek li .c_pink .ov { background:#f06eaa; }
#calender .oneweek li .c_purple .ov { background:#947df4; }
#calender .oneweek li .c_orange .ov { background:#f7941d; }
#calender .oneweek li .c_green .ov { background:#8dc63f; }
#calender .oneweek li:first-child .ov, #calender .oneweek li:nth-child(2) .ov { left:auto; right:-371.25px; }
#calender .oneweek li .ov a { display:block; height:100%; padding:15px 14px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#calender .oneweek li .ov a:after { content:''; display:block; clear:both; }
#calender .oneweek li .ov .img { float:left; position:relative; width:115px; height:170px; border:1px solid #ebebeb; background:center no-repeat; background-size:cover; }
#calender .oneweek li .ov .img img { position:absolute; left:-9999px; right:-9999px; top:-9999px; bottom:-9999px; width:100%; min-height:100%; margin:auto; }
#calender .oneweek li .ov .txt { float:left; position:relative;  width:222px; height:100%; padding-left:25px; color:#fff; font-size:16px; -webkit-box-sizing:border-box; box-sizing:border-box; }
#calender .oneweek li .ov .txt .date { display:block; padding:8px 0; color:#fff200; font-family: 'Kanit', sans-serif; }
#calender .oneweek li .ov .txt p { line-height:1.3em; letter-spacing:-0.05em; }
#calender .oneweek li .ov .txt .info { position:absolute; left:25px; right:0; bottom:5px; font-size:14px; line-height:1.3em; font-family: 'Kanit', 'Noto Sans KR', sans-serif; }


/* 멤버십 */
.mbsCon > section { padding:85px 0 50px; border-bottom:1px solid #e1e1e1; }
.mbsCon > section:last-child { border-bottom:none; }
.mbsCon .btn_down { display:inline-block; margin-top:10px; vertical-align:top;}

#mbs { padding-bottom:5px; }
#mbs > div > dl { float:left; width:48.25%; height:790px; text-align:center; background:#f5f5f5; }
#mbs > div > dl:first-child { margin-right:3.5%; }
#mbs > div > dl > dt { padding:65px 0 40px; font-size:24px; font-weight:700; color:#222; }
#mbs > div > dl > dt span { display:block; margin-bottom:5px; font-size:14px; color:#00aeef; }
#mbs .silver > dt em { color:#888; }
#mbs .gold > dt em { color:#d4ac5e; }
#mbs .img { position:relative; height:0; padding-bottom:38.27%; }
#mbs .img img { position:absolute; left:0; right:0; top:0; margin:0 auto; }
#mbs .txt { padding:0 12%; text-align:left; }
#mbs .txt dl { display:table; width:100%; letter-spacing:-0.03em; table-layout:fixed; }
#mbs .txt dt { position:relative; display:table-cell; width:110px; padding:17px 0; text-indent:10px; font-size:16px; font-weight:500; color:#00aeef; vertical-align:top; }
#mbs .txt dl:first-child dt:before { content:''; display:block; position:absolute; left:0; right:0; bottom:-1px; height:1px; border-right:13px solid transparent; background:#00aeef; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; }
#mbs .txt dd { position:relative; left:32px; display:table-cell; padding:17px 0; vertical-align:top; }
#mbs .txt dl:first-child dd { color:#444; font-size:18px; font-weight:500; }
#mbs .txt dl:first-child dd:before { content:''; display:block; position:absolute; left:-32px; right:32px; bottom:-1px; height:1px; background:#ccc; }
#mbs .txt dd.dotLst { color:#555; font-size:15px; font-weight:300; line-height:1.3em; }
#mbs .txt dd.dotLst p { padding-left:0; }
#mbs .txt dd.dotLst p:before { left:-20px; }
#mbs .txt dd strong { font-weight:500; color:#444; }
#mbs .txt dd span { font-size:12px; }
#mbs .infoTxt em { font-size:18px; }

#discount .con { display:table; width:100%; padding:50px 3.8%; table-layout:fixed; background:url(/img/sub/bg_ms.png) left 15% no-repeat #f5f5f5; -webkit-box-sizing:border-box; box-sizing:border-box; }
#discount .con > div { display:table-cell; }
#discount .con .dotLst { width:320px; padding-bottom:60px; font-size:16px; font-weight:300; color:#222; letter-spacing:-0.03em; vertical-align:bottom; }
#discount .con .dotLst strong { font-weight:400; font-family: 'Kanit', sans-serif; }

#joinInfo .con { padding:65px 4.5% 0; background:#f5f5f5; }
#joinInfo .con > div { position:relative; padding-bottom:65px; }
#joinInfo .con > div:before { content:''; display:block; position:absolute; left:0; right:0; top:60px; border-top:1px dashed #e1e1e1; }
#joinInfo ul { display:table; width:100%; table-layout:fixed; }
#joinInfo li { display:table-cell; vertical-align:top; position:relative; }
#joinInfo li:nth-child(1) { width:16.06%; }
#joinInfo li:nth-child(2) { width:31.27%; }
#joinInfo li:nth-child(4) { width:55px; }
#joinInfo li h4 { width:120px; line-height:120px; font-size:24px; font-weight:700; color:#fff; text-align:center; background:#777; border-radius:50%; }
#joinInfo li:first-child h4 { background:#00aeef; }
#joinInfo li:last-child h4 { width:55px; height:55px; margin-top:33px; }
#joinInfo li dl { position:relative; padding:68px 0 0 45px; color:#222; letter-spacing:-0.03em; }
#joinInfo li:last-child dl { padding-left:5px; }
#joinInfo li dl:before { content:''; display:block; position:absolute; left:60px; top:0; width:1px; height:42px; background:#777; }
#joinInfo li dl:after { content:''; display:block; position:absolute; left:55px; top:42px; width:10px; height:10px; background:#777; border-radius:50%; }
#joinInfo li:first-child dl:before, #joinInfo li:first-child dl:after { background:#00aeef; }
#joinInfo li:last-child dl:before { left:27px; }
#joinInfo li:last-child dl:after { left:22px; }
#joinInfo li dt { margin-bottom:10px; font-size:18px; font-weight:500; }
#joinInfo li:first-child dt { color:#00aeef; }
#joinInfo li dd { font-size:16px; font-weight:300; line-height:1.5em; }
#joinInfo li dd strong { display:inline-block; margin-right:10px; font-weight:500; font-family: 'Kanit', sans-serif; }
#joinInfo li dd em { font-family: 'Kanit', sans-serif; }


/* 예매 가이드 */
.gdCon .tabCon > section { padding-top:80px; border-top:1px solid #e1e1e1; }
.gdCon .tabCon > section:first-child { border-top:none; }
.gdCon .tit { margin-bottom:30px; }
.gdCon .tit .sec_tit { display:inline-block; width:250px; margin-bottom:0; vertical-align:middle; }
.gdCon .tit .icons { display:inline-block; vertical-align:middle; }
.gdCon .tit .icons p { position:relative; display:inline-block; padding-left:45px; font-size:16px; font-weight:300; color:#666; letter-spacing:-0.03em; vertical-align:middle; }
.gdCon .tit .icons p + p { margin-left:60px; }
.gdCon .tit .icons p:before { content:''; display:block; position:absolute; left:0; top:50%; width:31px; height:31px; margin-top:-15px;  background:url(/img/sub/guide_call.png) center no-repeat #222; border-radius:50%; }
.gdCon .tit .icons p.www:before { background-image:url(/img/sub/guide_www.png); }
.gdCon .tit .icons p strong { font-weight:500; color:#222; }
.gdCon .tit .icons p em { font-size:18px; font-weight:500; color:#00adee; font-family: 'Kanit', 'Noto Sans KR', sans-serif; }

.gdCon .con dl { float:left; width:32%; margin-left:2%; padding:70px 0 45px 60px; height:472px; background:#f5f5f5; -webkit-box-sizing:border-box; box-sizing:border-box; }
.gdCon .con dl:first-child { margin-left:0; }
.gdCon .boxoffice .con dl { height:380px; }
.gdCon .con dt { position:relative; padding:155px 0 40px; margin-right:60px; text-align:center; font-size:24px; font-weight:700; color:#222; }
.gdCon .con dt:before { content:''; display:block; position:absolute; left:0; right:0; top:0; height:99px; background:center no-repeat; }
.gdCon .con .call dt:before { background-image:url(/img/sub/icon_call.png); }
.gdCon .con .money dt:before { background-image:url(/img/sub/icon_money.png); }
.gdCon .con .pay dt:before { background-image:url(/img/sub/icon_pay.png); }
.gdCon .con .have dt:before { background-image:url(/img/sub/icon_have.png); }
.gdCon .con .pc dt:before { background-image:url(/img/sub/icon_pc.png); }
.gdCon .con .phone dt:before { background-image:url(/img/sub/icon_phone.png); }
.gdCon .con .ticket dt:before { background-image:url(/img/sub/icon_ticket.png); }
.gdCon .con .time dt:before { background-image:url(/img/sub/icon_time.png); }
.gdCon .con dd { font-size:16px; font-weight:300; color:#666; line-height:1.4em; letter-spacing:-0.03em; }
.gdCon .con dd strong { font-weight:500; }
.gdCon .con dd p:before { top:10px; }

.gdCon .box2colmns > div { float:left; width:48.25%; }
.gdCon .box2colmns .left { margin-right:3.5%; }
.gdCon .box2colmns > div > div { position:relative; height:380px; background:#f5f5f5; }
.gdCon .box2colmns .dotLst { position:absolute; left:55px; right:0; top:50%; line-height:1.37em; font-size:16px; font-weight:300; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); }
.gdCon .box2colmns dl { padding-left:205px; background:url(/img/sub/icon_ticket.png) 30px 30px no-repeat; }
.gdCon .box2colmns dt { margin-bottom:35px; font-size:24px; font-weight:700; color:#222; }
.gdCon .box2colmns .dotLst p { letter-spacing:-0.03em; }
.gdCon .box2colmns .dotLst p:before { top:9px; }
.gdCon .box2colmns div.dotLst p + p { margin-top:20px; }
.gdCon .box2colmns .dotLst strong { display:inline-block; font-weight:500; font-family: 'Kanit', 'Noto Sans KR', sans-serif; }
.gdCon .box2colmns .dotLst dd strong { width:70px; }

#cancle .tit .sec_tit { width:auto; margin-right:70px; }
#cancle .con dl { height:395px; }
#cancle .box2colmns dl { padding-left:175px; background:url(/img/sub/icon_clock.png) 5px 15px no-repeat; }
#cancle .tbl1 { max-width:510px; margin-bottom:20px; }
#cancle .tbl1 th, #cancle .tbl1 td { padding:1em 0; color:#666; letter-spacing:-0.05em; }
#cancle .box2colmns .dotLst strong:first-of-type { color:#444; }



/* LEE */
/* 멤버십 제도 */
#mbs .mbs-box{display:table;width:100%;}
#mbs .mbs-box:first-of-type{margin-top:40px;padding-bottom:60px;}
#mbs .mbs-box:nth-last-of-type(2){border-bottom:0;}
#mbs .mbs-box{margin-top:55px;padding-bottom:30px;font-size:0;text-align:left;border-bottom:1px solid #e1e1e1;}
#mbs .mbs-box .left{display:table-cell;vertical-align:top;position:relative;padding:110px 0 0 55px;box-sizing:border-box;width:510px;background-color:#f5f5f5;}
#mbs .mbs-box .left p{font-family: 'Titillium Web', sans-serif;font-size:65px;font-weight:bold;letter-spacing:-0.05em;color:#333;text-align:left;line-height:59px;text-transform:uppercase;}
#mbs .mbs-box .left span{display:block;font-size:30px;font-weight:500;letter-spacing:-0.05em;color:#00aeef;padding-top:30px;}
#mbs .mbs-box .left em{display:block;position:absolute;left:55px;bottom:45px;font-size:14px;font-weight:300;letter-spacing:-0.025em;line-height:20px;color:#ff7936;}

#mbs .mbs-box .right{display:table-cell;vertical-align:middle;width:calc(100% - 510px);width:-o-calc(100% - 510px);width:-ms-calc(100% - 510px);width:-moz-calc(100% - 510px);width:-webkit-calc(100% - 510px);padding:80px 0 80px 60px;box-sizing:border-box;}
#mbs .mbs-box .right dl{padding:45px 0;box-sizing:border-box;font-size:0;text-align:left;position:relative;}
#mbs .mbs-box .right dl:after{display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;border-bottom:1px dashed #000;}
#mbs .mbs-box .right dl dt:before{display:block;content:"";position:absolute;width:60px;height:60px;border-radius:50%;box-sizing:border-box;border:3px solid #f5f5f5;background-color:#fff;font-family: 'Kanit', sans-serif;font-size:18px;font-weight:400;letter-spacing:0.05em;color:#00aeef;text-align:center;line-height:54px;left:-92px;}
#mbs .mbs-box .right dl:first-of-type dt:before{content:"01";}
#mbs .mbs-box .right dl:nth-of-type(2) dt:before{content:"02";}
#mbs .mbs-box .right dl:nth-of-type(3) dt:before{content:"03";}
#mbs .mbs-box .right dl:nth-of-type(4) dt:before{content:"04";}
#mbs .mbs-box .right dl:nth-of-type(5) dt:before{content:"05";}
#mbs .mbs-box .right dl:nth-of-type(6) dt:before{content:"06";}
#mbs .mbs-box .right dl dt{position:relative;display:inline-block;vertical-align:top;width:230px;}
#mbs .mbs-box .right dl dt > span{display:block;font-size:14px;font-weight:bold;letter-spacing:-0.05em;color:#00aeef;line-height:1;}
#mbs .mbs-box .right dl dt p{font-size:24px;font-weight:bold;letter-spacing:-0.025em;line-height:1;color:#222;padding-top:8px;}
#mbs .mbs-box .right dl dt p span{font-size:15px;font-weight:400;}
#mbs .mbs-box .right dl dd{position:relative;display:inline-block;vertical-align:top;}
#mbs .mbs-box .right dl dd ul{padding-left:85px;position:relative;}
#mbs .mbs-box .right dl dd ul:before{display:block;content:"혜택";position:absolute;left:0;top:0;width:54px;height:54px;border-radius:50%;background-color:#000;text-align:center;line-height:54px;font-size:16px;font-weight:500;letter-spacing:-0.025em;color:#fff;text-align:center;}
#mbs .mbs-box .right dl dd ul li:first-of-type{margin-top:0;}
#mbs .mbs-box .right dl dd ul li{font-size:15px;font-weight:300;letter-spacing:-0.05em;color:#666;margin-top:10px;line-height:1.2;padding-left:20px;position:relative;}
#mbs .mbs-box .right dl dd ul li:before{display:block;content:"";position:absolute;width:6px;height:6px;border-radius:50%;background-color:#222;left:0;top:7px;}
#mbs .mbs-box .right dl dd ul li b{font-weight:500;color:#000;}

@media all and (max-width:1100px){
	#mbs .mbs-box .right dl dt{display:block;width:100%;}
	#mbs .mbs-box .right dl dd{display:block;width:100%;}
	#mbs .mbs-box .right dl dd ul:before{top:27px;}
	#mbs .mbs-box .right dl dd ul{padding-left:0;padding-top:90px;}
	.infoTxt{display:block;margin-left:0;text-align:left;}
}
@media all and (max-width:992px){
	#mbs .mbs-box .left{width:300px;padding-left:30px;}
	#mbs .mbs-box .right{width:calc(100% - 300px);width:-o-calc(100% - 300px);width:-ms-calc(100% - 300px);width:-moz-calc(100% - 300px);width:-webkit-calc(100% - 300px);}
	#mbs .mbs-box .left p{font-size:38px;line-height:36px;}
	#mbs .mbs-box .left span{font-size:24px;}
	#mbs .mbs-box .left em{left:30px;}
	#mbs .mbs-box .right{padding:40px 60px 40px 50px;}
	#mbs .mbs-box .right dl dt:before{left:-82px;}
}
@media all and (max-width:750px){
	#mbs .mbs-box .left{display:block;width:100%;padding:55px 30px;}
	#mbs .mbs-box .right{display:block;width:100%;padding:0 30px;}
	#mbs .mbs-box .left em{position:relative;left:auto;bottom:auto;padding-top:20px;}
	#mbs .mbs-box .left p br{display:none;}
	#mbs .mbs-box .right dl{padding-top:100px;}
	#mbs .mbs-box .right dl dt:before{left:0;top:-75px;}
	#mbs .mbs-box .right dl dt p br{display:none;}
}
@media all and (max-width:640px){
	#mbs .mbs-box{margin-top:30px;}
	#mbs .mbs-box:first-of-type{padding-bottom:30px;}
	#mbs .mbs-box .left{padding:27px 20px;}
	#mbs .mbs-box .left p{font-size:28px;}
	#mbs .mbs-box .left span{font-size:22px;padding-top:10px;}
	#mbs .mbs-box .right{padding:0 20px;}
}

/* 대관료 */
table.tbl2g{}
table.tbl2g thead tr th{font-size:20px;font-weight:500;letter-spacing:-0.025em;color:#fff;text-align:center;background-color:#555;padding:18px 0;border:1px solid #ccc;}
table.tbl2g tbody tr td{font-size:17px;text-align:center;color:#666;font-weight:300;padding:18px 0;border:1px solid #ccc;line-height:1.2;}
table.tbl2g tbody tr td.num{text-align:right;padding-right:20px;}
table.tbl2g tbody tr td.subh{background-color:#aaa;color:#fff;text-align:center;font-weight:500;}
table.tbl2g tbody tr th{background-color:#f5f5f5;font-size:18px;font-weight:500;line-height:24px;color:#222;text-align:center;border:1px solid #ccc;}

.venue01{}
.venue01 .inner{padding-left:55px;padding-top:85px;}
.venue01 .inner .tit:first-of-type{margin-top:0;}
.venue01 .inner .tit{font-size:30px;font-weight:500;letter-spacing:-0.05em;line-height:1;color:#222;margin-top:50px;}
.venue01 .inner .table-wrap{margin-top:15px;}
.venue01 .inner .table-wrap{}

.venue01 .inner dl{margin-top:25px;padding-left:40px;}
.venue01 .inner dl.pl0{padding-left:0;}
.venue01 .inner dl.pl0 dt{font-size:18px;padding-bottom:3px;}
.venue01 .inner dl dt{font-size:16px;font-weight:500;letter-spacing:-0.05em;color:#333;line-height:24px;}
.venue01 .inner dl dd{font-size:14px;color:#666;}
.venue01 .inner dl dd ul{padding-top:5px;}
.venue01 .inner dl dd ul li{font-size:16px;font-weight:300;letter-spacing:-0.05em;color:#666;line-height:24px;position:relative;padding-left:10px;box-sizing:border-box;}
.venue01 .inner dl dd ul li:before{display:block;content:"-";position:absolute;left:0;top:0;}
.venue01 .inner dl dd.no-index ul li{padding-left:0;}
.venue01 .inner dl dd.no-index ul li:before{display:none;}
.venue01 .inner dl dd img{margin-top:15px;display:block;margin-bottom:30px;}




/*****************************************************************************************************************
	주요사업 - 페스티벌
*****************************************************************************************************************/
/* align*/
.right { text-align:right !important;}

/* color*/
.bg_gray { background:#f5f5f5;}
.color_blue { color:#00aeef !important;}

img { width:auto; max-width:100%;}
.clearfix:after,
ul:after { content:""; display:block; clear:both;}


.pd_t80 { padding-top:80px; }

.tit_s1 { margin-bottom:38px;}
.tit_s1 p{ font-size:30px; color:#222; font-weight:500;}

.tit_s2 { width:34.51178451178%; margin-bottom:26px;}
.tit_s2 span { font-size:24px; font-weight:700;}
.tit_s2 p { font-family: 'Titillium Web', sans-serif; font-weight:600; font-size:72px;  color:#222; line-height:1; margin-top:18px;}
.tit_s2 p.size_down { font-size:62px;}

.festival .img_group > div { float:left; margin-right:0.92307692308%;}
.festival .img_group > div:last-child { margin:0; }
.festival .img_group .main_img { width:84.07692307692%;}
.festival .img_group .thum_list { width:15%;}
.festival .img_group .thum_list ul { }
.festival .img_group .thum_list ul li { height:0; padding-top:71.79487179487%; position:relative; overflow:hidden; margin-bottom:6.15384615385%;}
.festival .img_group .thum_list ul li:last-child { margin:0; }
.festival .img_group .thum_list ul li a { display:block; position:absolute; width:100%; height:100%; left:0; top:0; background:#ebebeb;}
.festival .img_group .thum_list ul li a img { height:100%;  max-width:inherit;}
.info_s1 { margin-top:90px; padding:0 4.30769230769%;}
.info_s1 > div { float:left;}

.info_s1 .txt_box { width:65.48821548822%; }
.info_s1 .txt_box dl {}
.info_s1 .txt_box dl dt { font-size:23px; color:#333; line-height:1.25em; }
.info_s1 .txt_box dl dd { line-height:1.875em; font-size:16px; margin-top:38px;}
.info_s1 .txt_box dl dd p { margin-bottom:30px;}
.info_s1 .txt_box dl dd p:last-child  { margin:0;}

.bg_txt_box { color:#666;  font-size:16px; line-height:1.8em; padding:46px 7.71208226221%; margin-top:48px;}

/*****************************************************************************************************************
	주요사업 - timf양상블
*****************************************************************************************************************/
button { cursor:pointer;}
.ensemble {}
.slide_s1 .slick-slide { margin:0 3px; }

.slide_s1 .controls .arrow { position:absolute; top:50%; margin-top:-18px;}
.slide_s1 .controls .arrow button { }
.slide_s1 .controls .prev { left:-68px;}
.slide_s1 .controls .next { right:-30px;}
.slide_s1 .controls .prev button { background:url("/img/sub/prev_s1.png") no-repeat center;}
.slide_s1 .controls .next button { background:url("/img/sub/next_s1.png") no-repeat center;}

.slide_s1 .controls {text-align:center;}
.slide_s1 .controls > div { display:inline-block; position:relative;}
.slide_s1 .controls .page ul button {background:none !important; }
.slide_s1 .controls .page ul { margin-right:30px;}
.slide_s1 .controls .page ul,
.slide_s1 .controls .play_stop { display:inline-block !important; vertical-align:middle;}
.slide_s1 .controls .page button { font-family: 'Kanit', sans-serif; font-size:18px; font-weight:600; color:#333;}
.slide_s1 .controls .page ul li.on button { color:#e8486f; position:relative;}
.slide_s1 .controls .page ul li.on button:after { content:""; width:6px; height:1px;  background:#e8486f; display:block; position:absolute; left:50%; bottom:-6px; margin-left:-3px;}
.slide_s1 .controls button { width: 26px; height:26px; background-color:#ccc !important; border-radius:50%; border:none;}
.slide_s1 .controls button:hover { background-color:#333 !important;}
.slide_s1 .controls .play_stop {}
.slide_s1 .controls .play_stop button { background:url("/img/sub/stop_btn.png") no-repeat center;}
.slide_s1 .controls .play_stop.on button { background:url("/img/sub/play_btn.png") no-repeat center;}

.link_btn { margin-top:68px;}
.link_btn a { display:inline-block; font-size:20px; color:#fff; font-weight:500; background:#00aeef; padding:16px 26px; border-radius:10px;}


/*****************************************************************************************************************
	윤이상 -작품세계 - 인트로
*****************************************************************************************************************/

.yoon_world .tabStyle { margin-bottom:0;}
.yoon_world .top_info { background:url("/img/sub/yoon_world_bg.jpg") no-repeat center top; background-size:cover; color:#fff; line-height:1.3; padding-top:144px; height:647px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative;}
.yoon_world .top_info .tit {}
.yoon_world .top_info .tit span { color:#00aeef; font-family: 'Kanit', sans-serif; font-size:16px;}
.yoon_world .top_info .tit p { font-size:50px; margin-top:10px;}
.yoon_world .top_info .tit p strong { font-weight:500;}
.yoon_world .top_info dl { margin-top:44px;}
.yoon_world .top_info dl dt { font-size:24px; font-weight:300;}
.yoon_world .top_info dl dt span { font-weight:500; font-size:26px;}
.yoon_world .top_info dl dd { font-size:16px; line-height:1.5em; color:#a1a1a1; font-weight:300; margin-top:26px;}

.tab_s1 { background:rgba(0,0,0,0.3); position:absolute; width:100%; bottom:0; left:0; }
.tab_s1 > div > ul {}
.tab_s1 > div > ul > li { float:left; text-align:center;
	width:16.66%;
}
.tab_s1 > div > ul.len_4 > li { width:25%;}
.tab_s1 > div > ul > li > a { display:block;  color:#fff; text-align:center; font-size:18px; height:76px; line-height:1.4;}
.tab_s1 > div > ul > li > a p { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}
.tab_s1 > div > ul > li.on > a { background:#fff; color:#00aeef; font-size:24px; font-weight:700;}
.tab_s1 > div > ul > li > .tab_s2 { position:absolute; width:100%; border-bottom:1px solid #e1e1e1; z-index:10;}
.tab_s1 > div > ul > li > .tab_s2 > li { float:left; padding:20px 40px; position:relative;}
.tab_s1 > div > ul > li > .tab_s2 > li > a { font-size:16px; }
.tab_s1 > div > ul > li > .tab_s2 > li.on a { color:#00aeef;}
.tab_s1 > div > ul > li > .tab_s2 > li:last-child:after { display:none;}
.tab_s1 > div > ul > li > .tab_s2 > li:after { content:""; width:4px; height:7px; background:#d7d7d7; display:block; position:absolute; right:0; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}


.tit_s3 { margin-bottom:73px;}
.tit_s3 h5 { font-family: 'Titillium Web', sans-serif; font-weight:600; color:#222;  font-size:60px;  letter-spacing:-3px;}
.tit_s3 h5,
.tit_s3 .cate { position:relative; padding-left:57px;}
.tit_s3 .cate { margin-top:36px;}
.tit_s3 .cate:before { content:""; width:100%; height:1px; background:#00aeef; opacity:0.3; position:absolute; left:0; top:50%;}
.tit_s3 .cate span { display:inline-block; width:170px; height:44px; line-height:44px; color:#fff; text-align:center; font-size:20px; background:#00aeef;}

.tit_s4 {}
.tit_s4 strong { font-size:110px; color:#00aeef; margin-bottom:24px; display:block;}
.tit_s4 dl {color:#333; line-height:1.3; }
.tit_s4 dl dt { font-size:20px; font-weight:500; }
.tit_s4 dl dd { font-size:14px; margin-top:8px;}

.tab_con_wrap3 section { padding-top:55px;}
.tab_con_wrap3 section { display:none;}
.tab_con_wrap2 section,
.tab_con_wrap1 section { padding-top:50px; display:none;}
.tab_con_wrap3 section:first-child,
.tab_con_wrap1 section:first-child { display:block;}
.tab_con_wrap .txt_box_s1 > div { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.tab_con_wrap .txt_box_s1 > div.left_img { width:27.65598650927%; padding:0 15px 0 0;}
.w348 { width:29.34232715008% !important; }
.w730 { width:61.55143338954% !important; }
.w456 { width:38.44856661046% !important; }
.w696 { width:53.53846153846% !important; }
.w604 { width:50% !important; }
.w432 { width:36.42495784148% !important; }
.w754 { width:63.57504215852% !important; }
.tab_con_wrap .txt_box_s1 > .txt_s1.w910 { width:76.72849915683%; padding-left:40px; float:right;}
.w838 { width:70.65767284992% !important; padding-left:40px; float:right !important;}
.tab_con_wrap .txt_box_s1 > .txt_s1.w780 { width:65.76728499157%; padding-left:0; float:right;}
.pd_none { padding:0 !important;}
.tab_con_wrap .txt_box_s1 > div:last-child { width:72.34401349073% ;}
.tab_con_wrap .info { padding:0 57px; margin-bottom:40px;}
.tab_con_wrap .info > div { margin-bottom:40px;}
.tab_con_wrap .info > div:last-child { margin:0; }
.tab_con_wrap .info:last-child { margin:0;}
.tab_con_wrap .txt { }
.tab_con_wrap .txt .tit { font-size:23px; color:#333; font-weight:500; line-height:1.25em; margin-bottom:30px;}
.tab_con_wrap .txt .tit2 { margin-bottom:26px;}
.tab_con_wrap .txt .tit2 p { font-size:20px; font-weight:500; line-height:1.5em; color:#333;}
.tab_con_wrap .txt .tit2 span { display:block; font-weight:400; font-size:16px;}
.tab_con_wrap .txt p { font-size:16px; line-height:1.875em; margin-bottom:30px; }
.tab_con_wrap .txt p:last-child  { margin:0;}
.tab_con_wrap .indent {overflow:hidden; margin:42px 0;}
.tab_con_wrap .indent > div { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }
.tab_con_wrap .indent .img { width:46.62004662005%; padding-right:15px;}
.tab_con_wrap .indent .txt_box { width:53.37995337995%; }

.tab_con_wrap .txt_box_s2  .indent .img { width:45.20547945205%;}
.tab_con_wrap .txt_box_s2  .indent .txt_box { width:54.79452054795%;}

.tab_con_wrap .txt_box_s2 .indent.size_3 .img { width:37.53424657534%; margin-right:0.82191780822%;}
.tab_con_wrap .txt_box_s2 .indent.size_3 .txt_box { width:61.64383561644%; }
.tab_con_wrap .txt_box_s2 .indent.size_3 .bg_box { margin:0;}
.tab_con_wrap .txt_box_s2 .indent.size_3 .bg_box + p { margin:34px 0 34px 34px;}


.tab_con_wrap .line_box { border:7px solid #ebebeb; text-align:center; padding:40px 0;}
.tab_con_wrap .line_box p { font-size:24px; line-height:1.5em; font-weight:500; color:#333; padding:0 15px;}

.tab_con_wrap .txt dl { margin-top:50px;}
.tab_con_wrap .txt dl dt { font-size:20px; font-weight:500; color:#00aeef; margin-bottom:25px; line-height:1.2;}
.tab_con_wrap .txt dl dd {}
.bg_box_s1,
.tab_con_wrap .txt .bg_box { background:#f5f5f5; padding:34px; margin:40px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.bg_box_s1 p,
.tab_con_wrap .txt .bg_box p { font-size:15px; line-height:1.6em; margin-bottom:20px;}
.bg_box_s1 p:last-child,
.tab_con_wrap .txt .bg_box p:last-child { margin:0; }


.bg_box_s1 strong,
.tab_con_wrap .txt .bg_box strong { color:#333; font-size:18px;}
.tab_con_wrap .txt .img_txt_s1 { margin:40px 0;}
.tab_con_wrap .txt .img_txt_s1 > div { float:left; height:219px;}
.tab_con_wrap .txt .img_txt_s1 .img { width:29.86301369863%; margin-right:1.64383561644%;}
.tab_con_wrap .txt .img_txt_s1 .bg_box { width:68.49315068493%; margin:0;}
.tab_con_wrap .txt .img_txt_s1 .bg_box p { position:relative; top:50%;
transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
}

.tab_con_wrap .txt_box_s2 > div { float:left;}
.tab_con_wrap .txt_box_s2 > div:first-child { width:38.44856661046%;}
.tab_con_wrap .txt_box_s2 > div:last-child { width:61.55143338954%;}
.tab_con_wrap .left_img .img_tit { text-align:center; font-size:20px; color:#333; line-height:1.5em; max-width:384px; margin-top:60px;}




.top_txt_s1 { padding-left:57px; margin-bottom:80px;}
.top_txt_s1 .tit { font-size:24px; color:#333; font-weight:500; line-height:1.3; margin-bottom:30px;}
.right { text-align:right;}

.img_box { margin-bottom:40px;}
.img_box ul { }
.img_box ul li { float:left; margin-right:0.80101180438%;}
.img_box ul li:last-child { margin-right:0;}
.img_box.img_s1 {}
.img_box.img_s1 ul {}
.img_box.img_s1 ul li { width:27.82462057336%;}
.img_box.img_s1 ul li:first-child { width:42.74873524452%;}

.img_box.img_s2 ul li {}
.img_box.img_s2 ul li.size1 { width:19.39291736931%;}
.img_box.img_s2 ul li.size2 { width:27.99325463744%;}
.img_box.img_s2 ul li.size3 { width:24.62057335582%;}

.float_none { float:none !important; clear: both;}
.w100p { width:100% !important;}
.mt_70 { margin-top:70px !important;}

.img_txt_box {}
.img_txt_box {}
.img_txt_box ul {}
.img_txt_box ul li { margin-bottom:12px; float:left; }
.img_txt_box ul li.align_mid { font-size:0; letter-spacing:-4px;}
.img_txt_box ul li.align_mid > div { width:61.53846153846%;}
.img_txt_box ul li.align_mid > div,
.img_txt_box ul li.align_mid > p { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.img_txt_box ul li.align_mid > p { width:37.94871794872%; padding-left:6.41025641026%;}
.img_txt_box ul li.align_mid > p.pd_10 { padding-left:10px; margin-top:70px;}
.img_txt_box ul li.align_mid > p.pd_40 { padding-left:40px; }
.pd_40 { padding-left:40px; }
.img_txt_box ul li .img { margin-bottom:20px; padding-right:20px;}
.img_txt_box ul li:first-child .img { margin:0; }
.img_txt_box ul li:nth-child(2) { width:56.79487179487%; margin-right:1.53846153846%;}
.img_txt_box ul li:nth-child(3) { width:41.66666666667%;}

.translate_y_55 {
transform:translateY(-55px);
-moz-transform:translateY(-55px);
-webkit-transform:translateY(-55px);
-o-transform:translateY(-55px);
-ms-transform:translateY(-55px);
}
.translate_y_180 {
transform:translateY(-180px);
-moz-transform:translateY(-180px);
-webkit-transform:translateY(-180px);
-o-transform:translateY(-180px);
-ms-transform:translateY(-180px);
}
.translate_y_180 .img { padding-top:50px;}

/* 꼬마 작곡가 */
.txt_box_s3 { margin-bottom:56px;}
.txt_box_s3 { border:7px solid #e1e1e1; font-size:0; letter-spacing:-4px; padding:47px 0;}
.txt_box_s3 > div { display:inline-block; vertical-align:middle; letter-spacing:-0.5px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.txt_box_s3 .icon { width:25.07692307692%; text-align:center; }
.txt_box_s3 .txt { font-size:24px; color:#333; line-height:1.3em; border-left:1px solid #e1e1e1; padding:0 5.23076923077%; width:74.92307692308%;}

.table_s1 { border-top:1px solid #666666; margin-top:58px;}
.table_s1 table {}
.table_s1 table th { font-size:18px; color:#222; font-weight:500; background:#f5f5f5; text-align:left;  }
.table_s1 table th p { padding-left:20%; }
.table_s1 table td p { padding-left:6%; }
.table_s1 table td { font-weight:300; font-size:16px; }
.table_s1 table th,
.table_s1 table td { padding:18px 5px; border-bottom:1px solid #ccc; line-height:1.4;}
.table_s1 table td strong { color:#222; font-size:18px;}


.history_s1 { margin-top:86px;}
.history_s1 .list {}
.history_s1 .list ul {}
.history_s1 .list ul li { margin-bottom:24px;}
.history_s1 .list ul li:last-child { margin:0; }
.history_s1 .list ul li dl { overflow:hidden;}
.history_s1 .list ul li dl dt { width:224px; background:#ebebeb; padding-left:54px; font-size:18px; height:38px; line-height:38px;}
.history_s1 .list ul li dl dd { border-top:1px solid #e1e1e1; padding-top:22px;  line-height:1.4; margin-top:0; margin-left:20px; color:#222;
width:calc(100% - 244px);
width:-moz-calc(100% - 244px);
width:-webkit-calc(100% - 244px);
}
 .history_s1 .list ul li dl dt,
.history_s1 .list ul li dl dd { float:left; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.history_s1 .list ul li dl dd p { margin-bottom:6px;}
.history_s1 .list ul li dl dd p:last-child { margin:0; }


.participants { margin-top:55px;}
.table_s2 { }
.table_s2 table { }
.table_s2 table th { color:#222; font-size:18px; font-weight:500;}
.table_s2 table td { font-size:16px; text-align:center; }
.table_s2 table th,
.table_s2 table td { border:1px solid #ccc; padding:18px 5px;}
.table_s2 table th:first-child,
.table_s2 table td:first-child {border-left:none;}
.table_s2 table td:first-child { color:#222; font-weight:500; font-size:18px; }
.table_s2 table th:last-child,
.table_s2 table td:last-child {border-right:none;}






@media all and (max-width:1100px){
	.venue01{padding-left:10px;padding-right:10px;}
	.venue01 .inner{padding-left:0;}
}
@media all and (max-width:1024px){
	.venue01 .inner .table-wrap{width:100%;overflow-x:auto;}
	.venue01 .inner .table-wrap table{width:1000px;}
	.venue01 .inner dl{padding-left:0;}



}

.black-bg.active{display:block;}
.black-bg{position:fixed;width:100vw;height:100vh;left:0;top:0;z-index:88888;background-color:rgba(0,0,0,0.75);display:none;}
.seatmap{position:fixed;left:50%;top:50%;width:1185px;height:800px;background-color:#fff;overflow-y:auto;z-index:99999;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);display:none;}
.seatmap > a{display:block;width:83px;height:83px;position:absolute;right:2px;top:2px;}
.seatmap > a img{width:100%;height:100%}
.seatmap .tab{font-size:0;text-align:left;border-bottom:3px solid #4a4a4a;height:90px;padding-left:70px;box-sizing:border-box;}
.seatmap .tab a{display:inline-block;vertical-align:top;font-size:16px;font-weight:300;color:#666;position:relative;line-height:90px;}
.seatmap .tab a.active{color:#00aeef;}
.seatmap .tab a:first-of-type{margin-right:80px;}
.seatmap .tab a:first-of-type:after{display:block;content:"";position:absolute;width:3px;height:7px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);right:-40px;background-color:#d7d7d7;}
.seatmap .tab a:first-of-type{}
.seatmap .contents-wrap{}
.seatmap .contents-wrap .content:first-of-type{display:block;}
.seatmap .contents-wrap .content{display:none;}
.seatmap .contents-wrap .content .top{padding:0 80px;position:relative;margin-top:45px;}
.seatmap .contents-wrap .content .top p{font-size:30px;font-weight:500;letter-spacing:-0.05em;color:#222;padding-top:7px;}
.seatmap .contents-wrap .content .top p span{color:#00aeef;}
.seatmap .contents-wrap .content .top a{position:absolute;display:block;right:80px;top:0;width:170px;height:47px;box-sizing:border-box;border-radius:30px;background-color:#00aeef;font-size:16px;font-weight:400;letter-spacing:-0.05em;color:#fff;line-height:47px;text-align:center;}
.seatmap .contents-wrap .content .top a span{font-family: 'Lato', sans-serif;font-size:14px;font-weight:bold;color:#fff200;margin-left:8px;text-transform:uppercase;}
.seatmap .contents-wrap .content .bottom{padding-top:40px;padding-bottom:50px;}
.seatmap .contents-wrap .content .bottom img{display:block;margin:0 auto;}
@media all and (max-width:1200px){
	.seatmap{width:93.5%;}
	.seatmap .contents-wrap .content .bottom img{width:93.5%}
	.seatmap .contents-wrap .content .top{padding:0;width:93.5%;margin:45px auto 0;}
	.seatmap .contents-wrap .content .top a{right:0;}
	.seatmap .tab{padding-left:3.25%;}
}
@media all and (max-width:1024px){
	.seatmap{height:500px;}
}
@media all and (max-width:640px){
	.seatmap .tab{height:65px;}
	.seatmap .tab a{line-height:65px;font-size:14px;}
	.seatmap .tab a:first-of-type{margin-right:40px;}
	.seatmap .tab a:first-of-type:after{right:-22px;}
	.seatmap > a{width:60px;height:60px;}
	.seatmap .contents-wrap .content .top p{font-size:24px;}
	.seatmap .contents-wrap .content .top a{width:120px;height:40px;line-height:40px;font-size:14px;}
	.seatmap .contents-wrap .content .top a span{font-size:12px;}
}

.rent_rqn{}
.rent_rqn dl{padding:80px 50px 0 50px;}
.rent_rqn dl dt{font-size:30px;font-weight:500;letter-spacing:-0.05em;color:#222;position:relative;}
.rent_rqn dl dt > span{color:#00aeef;}
.rent_rqn dl dt .down-select{position:absolute;right:0;top:0;width:269px;height:47px;}
.rent_rqn dl dt .down-select span{color:#00aeef;font-weight:500;}
.rent_rqn dl dt .down-select > a{display:block;right:0;top:0;width:100%;height:100%;line-height:45px;box-sizing:border-box;border:1px solid #d7d7d7;text-align:left;padding-left:60px;font-size:16px;font-weight:400;letter-spacing:-0.05em;background:url("/img/sub/downform-bg.jpg")no-repeat 90% 50%;}
.rent_rqn dl dt .down-select ul{position:absolute;top:47px;width:100%;display:none;z-index:333;}
.rent_rqn dl dt .down-select ul li{}
.rent_rqn dl dt .down-select ul li a{display:block;width:100%;height:47px;line-height:46px;border-bottom:1px solid #767676;box-sizing:border-box;background-color:#555;text-align:left;padding-left:30px;font-size:16px;font-weight:300;color:#fff;letter-spacing:-0.05em;}
.rent_rqn dl dd{padding-top:55px;}
.rent_rqn dl dd ul.type01{}
.rent_rqn dl dd ul.type01 li:first-of-type{padding-top:0;}
.rent_rqn dl dd ul.type01 li{display:table;width:100%;padding:50px 0;border-bottom:1px dashed #d9d9d9;}
.rent_rqn dl dd ul.type01 li > div{display:table-cell;vertical-align:middle;}
.rent_rqn dl dd ul.type01 li .left{width:200px;}
.rent_rqn dl dd ul.type01 li .left .circle{width:200px;height:200px;box-sizing:border-box;border-radius:50%;border:3px solid #ebebeb;background-color:#fff;font-size:26px;font-weight:500;letter-spacing:-0.075em;line-height:30px;color:#222;text-align:center;padding-top:65px;}
.rent_rqn dl dd ul.type01 li .right{width:calc(100% - 200px);width:-o-calc(100% - 200px);width:-moz-calc(100% - 200px);width:-webkit-calc(100% - 200px);box-sizing:border-box;padding-left:140px;}
.rent_rqn dl dd ul.type01 li .right .inner:first-of-type{margin-top:0;}
.rent_rqn dl dd ul.type01 li .right .inner{margin-top:40px;position:relative;padding-left:85px; text-align: left;}
.rent_rqn dl dd ul.type01 li .right .inner img{display:block;position:absolute;left:0;top:-2px;}
.rent_rqn dl dd ul.type01 li .right .inner p{font-size:18px;font-weight:500;letter-spacing:-0.05em;color:#333;}
.rent_rqn dl dd ul.type01 li .right .inner span{display:block;font-size:16px;font-weight:300;letter-spacing:-0.05em;color:#666;line-height:30px;color:#666;padding-top:5px;}
.rent_rqn dl dd ul.type01 li .right .inner a{display:block;font-family: 'Kanit', sans-serif;font-size:18px;font-weight:400;letter-spacing:0.05em;color:#666;margin-top:10px;}


.rent_rqn dl dd .point-box{width:100%;background-color:#ebebeb;padding:27px 0;font-size:18px;font-weight:300;line-height:1.2;color:#222;text-align:center;box-sizing:border-box;}
.rent_rqn dl dd .point-box b{font-weight:500;}

.rent_rqn dl dd ul.type02{font-size:0;text-align:center;margin-top:60px;}
.rent_rqn dl dd ul.type02 li:last-of-type{margin-right:0;}
.rent_rqn dl dd ul.type02 li{display:inline-block;vertical-align:top;font-size:0;text-align:left;margin-right:140px;}
.rent_rqn dl dd ul.type02 li img{display:inline-block;vertical-align:top;margin-right:30px;}
.rent_rqn dl dd ul.type02 li .inner{display:inline-block;vertical-align:top;}
.rent_rqn dl dd ul.type02 li .inner span{display:block;}
.rent_rqn dl dd ul.type02 li .inner span:first-of-type{font-size:18px;font-weight:500;letter-spacing:-0.05em;color:#333;line-height:1;}
.rent_rqn dl dd ul.type02 li .inner span:last-of-type{font-family: 'Kanit', sans-serif;font-size:18px;font-weight:400;color:#666;padding-top:15px;}
.rent_rqn dl dd ul.type02 li .inner span a{color:#666;}

@media all and (max-width:850px){
	.rent_rqn dl dt .down-select{position:relative;right:auto;top:auto;margin-top:30px;}
	.rent_rqn dl dd ul.type01 li .left{width:150px;}
	.rent_rqn dl dd ul.type01 li .left .circle{width:150px;height:150px;font-size:18px;line-height:24px;padding-top:50px;}
	.rent_rqn dl dd ul.type01 li .right{padding-left:30px;}
	.rent_rqn dl dd ul.type01 li > div{vertical-align:top;}
	.rent_rqn dl dd ul.type01 li .right .inner{padding-left:65px;}
	.rent_rqn dl dd ul.type01 li .right .inner img{width:50px;}
	.rent_rqn dl dd ul.type02 li{margin-right:10%;}
}
@media all and (max-width:640px){
	.rent_rqn dl dd ul.type01 li .left .circle{margin:0 auto;}
	.rent_rqn dl dd{padding-top:30px;}
	.rent_rqn dl dd ul.type01 li > div{display:block;width:100% !important;}
	.rent_rqn dl dd ul.type01 li .right{padding-left:0;margin-top:30px;}
	.rent_rqn dl dd .point-box{padding:15px 25px;}
	.rent_rqn dl dd ul.type02{margin-top:30px;}
	.rent_rqn dl dd ul.type02 li{margin-right:0;display:block;}
	.rent_rqn dl dd ul.type02 li:last-of-type{margin-top:30px;}
	.rent_rqn dl dt .down-select{width:230px;}
	.rent_rqn dl dt .down-select > a{padding-left:15px;font-size:14px;}
	.rent_rqn dl dt .down-select ul li a{font-size:14px;padding-left:15px;}
}


/* 절차 및 규약 */
.rent_step{}
.rent_step .title{margin-top:85px;position:relative;}
.rent_step .title p{font-size:30px;font-weight:500;letter-spacing:-0.05em;color:#222;height:47px;line-height:47px;}
.rent_step .title .tab{position:absolute;right:0;top:0;width:100%;}
.rent_step .title .tab ul{font-size:0;text-align:right;border-bottom:1px solid #e1e1e1;padding-right:35px;top:5px;position:relative;}
.rent_step .title .tab ul li:last-of-type{margin-right:0;}
.rent_step .title .tab ul li{display:inline-block;vertical-align:top;margin-right:5px;position:relative;bottom:-1px;z-index:2;}
.rent_step .title .tab ul li a.active{background-color:#fff;color:#11b8ec;border:1px solid #e1e1e1;border-bottom:0;}
.rent_step .title .tab ul li a{display:block;background-color:#666;width:175px;height:47px;box-sizing:border-box;border-radius:5px 5px 0 0;text-align:center;font-size:20px;font-weight:500;line-height:45px;color:#fff;border:1px solid #666;}
.rent_step .contents-wrap{padding-top:70px;}
.rent_step .contents-wrap .content{display:none;}
.rent_step .contents-wrap .content:first-of-type{display:block;}
.rent_step .contents-wrap .content dl:first-of-type{margin-top:0;}
.rent_step .contents-wrap .content dl{margin-top:120px;}
.rent_step .contents-wrap .content dl dt{font-size:30px;font-weight:500;letter-spacing:-0.05em;color:#222;position:relative;}
.rent_step .contents-wrap .content dl dt > span{color:#00aeef;}
.rent_step .contents-wrap .content dl dt > a{display:block;width:278px;height:47px;box-sizing:border-box;border-radius:30px;background-color:#00aeef;position:absolute;right:0;top:-3px;line-height:47px;font-size:16px;font-weight:400;letter-spacing:-0.05em;color:#fff;text-align:center;}
.rent_step .contents-wrap .content dl dt > a > span{display:inline-block;vertical-align:middle;font-family: 'Lato', sans-serif;font-size:14px;font-weight:bold;color:#fff200;margin-left:3px;margin-top:-3px;}
.rent_step .contents-wrap .content dl dd{padding-top:35px;}
.rent_step .contents-wrap .content dl dd .inner{padding-left:60px;box-sizing:border-box;}
.rent_step .contents-wrap .content dl dd .inner .type01{font-size:0;text-align:left;}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(4n){margin-right:0;}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(-n+4){margin-bottom:22px;}
.rent_step .contents-wrap .content dl dd .inner .type01 li{display:inline-block;vertical-align:top;width:273px;height:113px;box-sizing:border-box;margin-right:31px;background:url("/img/sub/rent_step_libg.png")no-repeat right top;padding-left:65px;padding-top:32px;position:relative;}
.rent_step .contents-wrap .content dl dd .inner .type01 li span{display:block;font-family: 'Kanit', sans-serif;font-size:20px;font-weight:500;color:#00aeef;letter-spacing:-0.025em;line-height:1;}
.rent_step .contents-wrap .content dl dd .inner .type01 li p{font-size:18px;font-weight:500;letter-spacing:-0.025em;color:#222;padding-top:10px;line-height:1;}
.rent_step .contents-wrap .content dl dd .inner .type01 li:before{display:block;content:"";position:absolute;width:56px;height:56px;box-sizing:border-box;border-radius:50%;background-color:#11b8ec;text-align:center;line-height:56px;font-family: 'Kanit', sans-serif;font-size:20px;font-weight:500;letter-spacing:-0.025em;left:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);color:#fff;}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(1):before{content:"01"}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(2):before{content:"02"}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(3):before{content:"03"}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(4):before{content:"04"}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(5):before{content:"05"}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(6):before{content:"06"}
.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(7):before{content:"07"}
.rent_step .contents-wrap .content dl dd .inner .type01 li:last-of-type{background-image:none;background-color:#11b8ec;border-radius:20px;margin-left:30px;padding-left:120px;}
.rent_step .contents-wrap .content dl dd .inner .type01 li:last-of-type:before{display:none;}
.rent_step .contents-wrap .content dl dd .inner .type01 li:last-of-type > img{display:block;position:absolute;left:40px;top:25px;}
.rent_step .contents-wrap .content dl dd .inner .type01 li:last-of-type p{color:#fff;}
.rent_step .contents-wrap .content dl dd .inner .type01 li:last-of-type span{color:#fff;}


.rent_step .contents-wrap .content dl dd .step-wrap{padding-top:100px;}
.rent_step .contents-wrap .content dl dd .step-wrap .step:after{display:block;content:"";clear:both;}
.rent_step .contents-wrap .content dl dd .step-wrap .step > div{padding:35px 0;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .left{float:left;width:269px;margin-right:67px;border-top:3px solid #11b8ec;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .left > span{display:block;font-family: 'Kanit', sans-serif;font-size:20px;font-weight:500;letter-spacing:-0.025em;color:#00aeef;padding-left:24px;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .left > p{font-size:18px;font-weight:500;letter-spacing:-0.025em;color:#222;padding-top:10px;padding-left:24px;}


.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select{width:100%;height:47px;position:relative;margin-top:30px;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select span{color:#00aeef;font-weight:500;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select > a{display:block;right:0;top:0;width:100%;height:100%;line-height:45px;box-sizing:border-box;border:1px solid #d7d7d7;text-align:left;padding-left:60px;font-size:16px;font-weight:400;letter-spacing:-0.05em;background:url("/img/sub/downform-bg.jpg")no-repeat 90% 50%;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select ul{position:absolute;top:47px;width:100%;display:none;z-index:333;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select ul li{}
.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select ul li a{display:block;width:100%;height:47px;line-height:46px;border-bottom:1px solid #767676;box-sizing:border-box;background-color:#555;text-align:left;padding-left:30px;font-size:16px;font-weight:300;color:#fff;letter-spacing:-0.05em;}

.rent_step .contents-wrap .content dl dd .step-wrap .step .right{float:right;width:calc(100% - 336px);width:-o-calc(100% - 336px);width:-ms-calc(100% - 336px);width:-moz-calc(100% - 336px);width:-webkit-calc(100% - 336px);border-top:3px solid #aaa;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul{padding-left:25px;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li:last-of-type{margin-bottom:0;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li:before{display:block;content:"";position:absolute;width:8px;height:8px;border-radius:50%;background-color:#222;left:0;top:14px;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li{padding-left:20px;font-size:16px;font-weight:300;letter-spacing:-0.025em;line-height:30px;color:#666;position:relative;margin-bottom:3px; text-align: left;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > b{display:inline-block;vertical-align:top;padding-right:8px;margin-right:8px;position:relative;color:#222;top:1px;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > b:after{display:block;content:":";position:absolute;right:-3px;top:0;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > span{}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > ul{}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > ul > li{padding-left:10px;position:relative;font-size:16px;font-weight:300;letter-spacing:-0.025em;color:#666;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > ul > li:before{display:block;content:"-";position:absolute;left:0;top:0;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > ul > li > b{display:inline-block;color:#222;position:relative;padding-right:5px;margin-right:5px;font-weight:300;top:1px;}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > ul > li > b:before{}
.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li > ul > li > b:after{display:block;content:":";position:absolute;right:-2px;top:0;}
.rent_step .contents-wrap .content dl dd .agree-area{width:100%;box-sizing:border-box;border:1px solid #ccc;padding:45px 55px;height:900px;overflow-y:scroll;}
.rent_step .contents-wrap .content dl dd .agree-area{scrollbar-arrow-color: #efefef;scrollbar-Track-Color: #efefef;scrollbar-base-color: #dfdfdf;scrollbar-Face-Color: #dfdfdf;scrollbar-3dLight-Color: #dfdfdf;scrollbar-DarkShadow-Color: #dfdfdf;scrollbar-Highlight-Color: #dfdfdf;scrollbar-Shadow-Color: #dfdfdf}
.rent_step .contents-wrap .content dl dd .agree-area::-webkit-scrollbar {width: 27px; height: 27px;  }
.rent_step .contents-wrap .content dl dd .agree-area::-webkit-scrollbar-button:start:decrement,
.rent_step .contents-wrap .content dl dd .agree-area::-webkit-scrollbar-button:end:increment {display: block; width: 0;height: 0; background: url() rgba(0,0,0,.05);}
.rent_step .contents-wrap .content dl dd .agree-area::-webkit-scrollbar-track {background: rgba(0,0,0,.05); }
.rent_step .contents-wrap .content dl dd .agree-area::-webkit-scrollbar-thumb {background: rgba(0,0,0,.1);  }






.rent_step .contents-wrap .content dl dd .agree-area h4{font-size:16px;font-weight:400;letter-spacing:-0.04em;color:#333;}
.rent_step .contents-wrap .content dl dd .agree-area p{font-size:16px;font-weight:400;letter-spacing:-0.04em;color:#333;padding-top:10px;line-height:1;padding-bottom:10px;}
.rent_step .contents-wrap .content dl dd .agree-area dl:first-of-type{padding-top:0;}
.rent_step .contents-wrap .content dl dd .agree-area dl{padding-top:35px;margin-top:0;}
.rent_step .contents-wrap .content dl dd .agree-area dl dt{font-size:16px;font-weight:400;letter-spacing:-0.04em;color:#333;}
.rent_step .contents-wrap .content dl dd .agree-area dl dd{padding-top:10px;}
.rent_step .contents-wrap .content dl dd .agree-area dl dd span{display:block;font-size:14px;font-weight:300;letter-spacing:-0.04em;color:#898989;line-height:30px;}
.rent_step .contents-wrap .content dl dd .agree-area dl dd > ul{}
.rent_step .contents-wrap .content dl dd .agree-area dl dd > ul > li{font-size:14px;font-weight:300;letter-spacing:-0.04em;color:#898989;padding-left:10px;line-height:30px;}
.rent_step .contents-wrap .content:nth-of-type(2) dl dd .agree-area{height:350px;}

@media all and (max-width:1100px){
/* 	.rent_step{padding:0 15px;} */
	.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(4n){margin-right:31px;}
	.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(3n){margin-right:0;}
	.rent_step .contents-wrap .content dl dd .inner{padding-left:0;}
	.rent_step .contents-wrap .content dl dd .inner .type01{width:949px;}
}
@media all and (max-width:992px){
	.rent_step .contents-wrap .content dl dd .inner .type01{width:611px;}
	.rent_step .contents-wrap .content dl dd .inner .type01 li{margin-bottom:22px;}
	.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(3n){margin-right:31px;}
	.rent_step .contents-wrap .content dl dd .inner .type01 li:nth-of-type(2n){margin-right:0;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step .left{width:220px;margin-right:30px;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step .right{width: calc(100% - 250px);width: -o-calc(100% - 250px);width: -moz-calc(100% - 250px);width: -webkit-calc(100% - 250px);width: -ms-calc(100% - 250px);}
	.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select > a{padding-left:15px;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select ul li a{font-size:14px;padding-left:14px;}
}
@media all and (max-width:640px){
/* 	.rent_step{padding:0 20px;} */
	.rent_step .title .tab{top:75px;}
	.rent_step .title .tab ul li a{width:150px;}
	.rent_step .contents-wrap .content dl dd .inner .type01{width:273px;margin:0 auto;}
	.rent_step .contents-wrap .content dl dd .inner .type01 li{margin-right:0 !important;}
	.rent_step .contents-wrap .content dl dd .inner .type01 li:last-of-type{margin-left:0;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step > div{width:100% !important;margin-right:0 !important;display:block;float:none !important;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step .left .down-select{width:250px;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step .right{border-top-width:1px;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step:first-of-type{margin-top:0;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step{margin-top:30px;}
	.rent_step .contents-wrap .content dl dt > a{position:relative;right:auto;top:auto;margin-top:20px;}
	.rent_step .contents-wrap .content dl dd{padding-top:20px;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step .right > ul > li{line-height:26px;}
	.rent_step .contents-wrap .content dl dd .step-wrap .step > div{padding:20px 0;}
	.rent_step .contents-wrap .content dl dd .step-wrap{padding-top:50px;}
	.rent_step .contents-wrap .content dl dd .agree-area{padding:30px;}
	.rent_step .contents-wrap .content dl{margin-top:75px;}
	.rent_step .contents-wrap{padding-top:120px;}
	.rent_step .title .tab ul{padding-right:15px;}

}