@charset "utf-8";

/* //////////////////////////////////////////////////////////////////////////////

	Main Content

////////////////////////////////////////////////////////////////////////////// */

/* Animation */
#main.user h3,
#main.user h3 after,
#main.user .ongoing_performance button,
#main.user .ongoing_performance .slide .poster,
#main.user .ongoing_performance .slide .txt,
#main.user .ongoing_performance .slide .txt p,
#main.user .ongoing_performance .slide .txt p strong,
#main.user .ongoing_performance .slide .txt p span,
#main.user .ongoing_performance .slide .txt .datail_btn,
#main.user .infor,
#main.user .infor ul li,
#main.user .infor ul li img,
#main.user .infor ul li a,
#main.user .infor ul li a span,
#main.user .infor ul li.bn04 .call,
#main.user .infor ul li.bn04 .call span,
#main.user .infor ul li.bn04 .call strong,
#main.user .notice,
#main.user .notice .list,
#main.user .notice .list ul,
#main.user .notice .list ul li,
#main.user .notice .list ul li a,
#main.user .notice .list ul li p,
#main.user .notice .list ul li p.title img,
#main.user .notice .list ul li p.date:after,
#main.user .notice .list ul li p.date span,
#main.user .notice .list .more_btn,
#main.user .notice .list .more_btn span,
#main.user .past_performance .move button,
#main.user .past_performance .move .slider a,
#main.user .banner,
#main.user .banner ul,
#main.user .banner ul li,
#main.user .banner ul li a,
#main.user .banner ul li a span,
#main.user .banner ul li a span:after,
#main.user .banner ul.slick-dots li button,
#main.user .main_visual,
#main.user .main_visual img
{
	transition : all 0.4s ease;
	-webkit-transition : all 0.4s ease;
}
#main.user .ongoing_performance .move ul li .elem,
#main.user .ongoing_performance .move ul li .elem p,
#main.user .ongoing_performance .move ul li .elem .datail_btn
{
	transition : all 0.7s ease;
	-webkit-transition : all 0.7s ease;
}


#main.user .hidden {position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; visibility:hidden;}
#main.user h3 {font-family:"Nanum Square"; font-weight:700; font-size:32px; line-height:38px; margin:0 0 25px 0; text-align:center; color:#362cb2; position:relative; padding-top:18px;}
#main.user h3:after {content:""; display:block; width:36px; height:3px; background:#362cb2; position:absolute; left:50%; top:0; margin-left:-18px;}

.slick-list {z-index:10;}
.slick-track:after {content:""; display:block; clear:both;}
.slick-slider button:focus {outline:none;}

#main.user .main_visual {position:relative; height:578px; background:#f8f7f7 url(../../images/art/content/main_visualbg.png) no-repeat center top; background-size:auto 100%; overflow:hidden;}
#main.user .main_visual img {display:block; margin:0 auto; position:absolute; left:50%; top:50%; margin:-120px 0 0 -225px;}

#main.user .ongoing_performance {position:relative; height:578px; background:#e6e6e6; overflow:hidden;}
#main.user .ongoing_performance:before,
#main.user .ongoing_performance:after {content:""; display:block; opacity:0; -webkit-opacity:0; position:absolute; z-index:1;
animation-duration: 0.8s;
animation-fill-mode: both;
animation-iteration-count: 1;
animation-timing-function: ease;
-webkit-animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: 1;
-webkit-animation-timing-function: ease;}
#main.user .ongoing_performance:before {
animation-delay: 0.4s; -webkit-animation-delay: 0.4s;
animation-name:mainvisualbg1; -webkit-animation-name:mainvisualbg1;}
#main.user .ongoing_performance:after {
animation-delay: 0.6s; -webkit-animation-delay: 0.6s;
animation-name:mainvisualbg2; -webkit-animation-name:mainvisualbg2;}
#main.user .ongoing_performance#check01:before {width:751px; height:522px; background:url(../../images/art/content/main_ongoing_performance_bg_bg1.png) no-repeat center top; top:0; left:50%; margin-left:-920px;}
#main.user .ongoing_performance#check01:after {width:516px; height:589px; background:url(../../images/art/content/main_ongoing_performance_bg_bg2.png) no-repeat center top; bottom:0; right:50%; margin-right:-830px;}
#main.user .ongoing_performance#check02 {background:url(../../images/art/content/main_ongoing_performance2_bg_bg0.png) repeat center 50%;}
#main.user .ongoing_performance#check02:before {width:270px; height:650px; background:url(../../images/art/content/main_ongoing_performance2_bg_bg1.png) no-repeat center top; top:0; left:50%; margin-left:-930px;}
#main.user .ongoing_performance#check02:after {width:563px; height:600px; background:url(../../images/art/content/main_ongoing_performance2_bg_bg2.png) no-repeat center top; bottom:0; right:50%; margin-right:-830px;}
#main.user .ongoing_performance#check03 {background:url(../../images/art/content/main_ongoing_performance2_bg_bg0.png) repeat center 50%;}
#main.user .ongoing_performance#check03:before {width:332px; height:600px; background:url(../../images/art/content/main_ongoing_performance3_bg_bg1.png) no-repeat center top; top:0; left:50%; margin-left:-950px;}
#main.user .ongoing_performance#check03:after {width:483px; height:600px; background:url(../../images/art/content/main_ongoing_performance3_bg_bg2.png) no-repeat center top; bottom:0; right:50%; margin-right:-750px;}
@keyframes mainvisualbg1 {
    0%{opacity:0; top:-40px;} 
    100%{opacity:1; top:0;}
}
@-webkit-keyframes mainvisualbg1{
    0%{-webkit-opacity:0; top:-40px;} 
    100%{-webkit-opacity:1; top:0;}
}
@keyframes mainvisualbg2 {
     0%{opacity:0; bottom:-40px;} 
    100%{opacity:1; bottom:0;}
}
@-webkit-keyframes mainvisualbg2{
    0%{-webkit-opacity:0; bottom:-40px;} 
    100%{-webkit-opacity:1; bottom:0;}
}
#main.user .ongoing_performance button {display:block; position:absolute; bottom:90px; left:50%; z-index:51; cursor:pointer; border:0; opacity:0.5; -webkit-opacity:0.5; width:40px; height:40px; overflow:hidden; text-indent:-9999px;}
#main.user .ongoing_performance button.slick-prev {background:#392fb6 url(../../images/art/content/ongoing_performance_control_l.png) no-repeat center 50%; margin-left:170px;}
#main.user .ongoing_performance button.slick-next {background:#392fb6 url(../../images/art/content/ongoing_performance_control_r.png) no-repeat center 50%; margin-left:212px;}
#main.user .ongoing_performance button:hover, #main.user .ongoing_performance button:active {opacity:0.8; -webkit-opacity:0.8;}
#main.user .ongoing_performance .slide {max-width:1280px; height:578px; display:block !important; margin:0 auto; box-sizing:border-box; position:relative;}
#main.user .ongoing_performance .slide .poster {width:417px; height:100%; position:absolute; left:0; top:0;}
#main.user .ongoing_performance .slide .poster a {display:block; height:100%;}
#main.user .ongoing_performance .slide .poster img {display:block; height:100%; margin:0 auto;}
#main.user .ongoing_performance .slide .txt {height:100%; position:relative; box-sizing:border-box; padding:60px 0 0 4.5%; width:auto; margin-left:417px; text-align: left;}
#main.user .ongoing_performance .slide .txt p {margin:0 0 12px 0; font-size:21px; line-height:1.3; font-weight:500;}
#main.user .ongoing_performance .slide .txt p.title {margin:0 0 35px 0; font-weight:normal;}
#main.user .ongoing_performance .slide .txt p.title strong {display:block; font-size:49px; line-height:52px; font-weight:500; letter-spacing:-2px; color:#111;}
#main.user .ongoing_performance .slide .txt p.title span {display:block; font-size:28px; line-height:34px; margin-top:8px;}
#main.user .ongoing_performance .slide .txt p.date {color:#b8156d;}
#main.user .ongoing_performance .slide .txt .datail_btn {text-decoration:none; background:#1e1596; border:1px solid #392fb6; color:#fff; text-align:center; font-size:18px; line-height:22px; padding:15px 15px; box-sizing:border-box; display:inline-block; vertical-align:top; position:absolute; bottom:50px;}
#main.user .ongoing_performance .slide .txt .datail_btn:hover, #main.user .ongoing_performance .slide .txt .datail_btn:active {background:#fff; color:#1e1596;}

#main.user .infor {padding:70px 0 75px 0; position:relative; z-index:5;}
#main.user .infor ul {width:100%;}
#main.user .infor ul:after {content:""; display:block; clear:both;}
#main.user .infor ul li {float:left; width:23.5%; box-sizing:border-box; margin-left:2%; height:310px;}
#main.user .infor ul li:first-child {margin-left:0;}
#main.user .infor ul li a {display:block; text-decoration:none; box-sizing:border-box;}
#main.user .infor ul li a span {display:block; text-align:center; font-size:25px; line-height:32px; color:#333; overflow:hidden; font-weight:500; box-sizing:border-box;}
#main.user .infor ul li a span.img {height:224px;}
#main.user .infor ul li a span.title {padding:26px 0; height:84px;}
#main.user .infor ul li a img {display:block; height:100%; margin:0 auto;}
#main.user .infor ul li a:hover img, #main.user .infor ul li a:active img {transform:scale(1.1); -webkit-transform:scale(1.1);}
#main.user .infor ul li a:hover span.title, #main.user .infor ul li a:active span.title {background:#b7d6fc; color:#fff;}
#main.user .infor ul li.bn03 a:hover span.title, #main.user .infor ul li.bn03 a:active span.title {background:#9bdac3;}
#main.user .infor ul li.bn01, #main.user .infor ul li.bn02 {border:1px solid #b7d6fc;}
#main.user .infor ul li.bn03, #main.user .infor ul li.bn04 {border:1px solid #9bdac3;}
#main.user .infor ul li.bn04 a {height:195px; padding:20px 0; border-bottom:1px solid #9bdac3; text-align:center;}
#main.user .infor ul li.bn04 a span {display:block; font-weight:400;}
#main.user .infor ul li.bn04 a span.text {font-size:19px; line-height:24px; color:#6d6e71;}
#main.user .infor ul li.bn04 a img {height:auto; margin:10px auto 17px auto; transform:scale(1); -webkit-transform:scale(1);}
#main.user .infor ul li.bn04 a span.go {font-size:17px; line-height:22px; color:#fff; box-sizing:border-box; border:1px solid #ef3e61; background:#ef3e61; display:inline-block; vertical-align:top; padding:8px 14px;}
#main.user .infor ul li.bn04 a:hover span.go, #main.user .infor ul li.bn04 a:active span.go {background:#fff; color:#ef3e61;}
#main.user .infor ul li.bn04 .call {margin:22px 0 0 0; text-align:center;}
#main.user .infor ul li.bn04 .call span {display:block; font-size:21px; line-height:26px;}
#main.user .infor ul li.bn04 .call span span {display:inline; color:#707070;}
#main.user .infor ul li.bn04 .call strong {display:block; font-size:32px; line-height:38px; letter-spacing:-1px;}
#main.user .infor ul li.bn04 .find_idpw {height:113px; margin:0;}
#main.user .infor ul li.bn04 .find_idpw a {display:block; height:100%; padding:30px 5%; box-sizing:border-box; border:0; position:relative; text-align:center;}
#main.user .infor ul li.bn04 .find_idpw a span {display:inline-block; text-align:left; box-sizing:border-box; vertical-align:top; min-height:47px; line-height:24px; background:url(../../images/art/content/find_idpw_ico.png) no-repeat left 50%; padding:13px 0 0 65px; font-size:20px;}
#main.user .infor ul li.bn04 .find_idpw a:hover span, #main.user .infor ul li.bn04 .find_idpw a:active span {text-decoration:underline;}

#main.user .notice {background:#d4eef0 url(../../images/art/content/main_notice_bg.png) no-repeat center bottom; padding:70px 0 75px 0; background-size:cover; position:relative; z-index:5;}
#main.user .notice .list {background:#fff; position:relative; padding:35px 60px 35px 0; box-shadow:0 3px 5px rgba(0,0,0,0.1); -webkit-box-shadow:0 3px 5px rgba(0,0,0,0.1);}
#main.user .notice .list ul {width:100%;}
#main.user .notice .list ul:after {content:""; display:block; clear:both;}
#main.user .notice .list ul li {float:left; width:50%; box-sizing:border-box; padding:0 3% 0 2%; border-left:1px solid #ebebeb;}
#main.user .notice .list ul li:first-child {border:0;}
#main.user .notice .list ul li a {display:block; position:relative; text-decoration:none; padding:0 0 0 100px;}
#main.user .notice .list ul li p {margin:0; font-size:16px; line-height:22px;}
#main.user .notice .list ul li p.title {font-size:20px; line-height:24px; color:#111; min-height:23px; margin:0 0 12px 0; padding-right:47px; position:relative; box-sizing:border-box; display:inline-block; vertical-align:top; width:auto; max-width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
#main.user .notice .list ul li p.title img {position:absolute; right:0; top:1px;}
#main.user .notice .list ul li p.txt {max-height:44px; overflow:hidden; color:#666;}
#main.user .notice .list ul li p.date {position:absolute; left:0; top:-2px; width:60px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
#main.user .notice .list ul li p.date:after {content:""; display:block; width:1px; height:57px; background:#d1d1d1; position:absolute; left:78px; top:5px;}
#main.user .notice .list ul li p.date span {display:block; width:100%;}
#main.user .notice .list ul li p.date span.year {color:#a3a3a3; font-size:16px; line-height:19px; padding-top:45px; font-weight:500;}
#main.user .notice .list ul li p.date span.day {font-size:48px; line-height:48px; color:#453fa1; position:absolute; top:0; letter-spacing:-2px;}
#main.user .notice .list ul li a:hover p.txt, #main.user .notice .list ul li a:active p.txt {text-decoration:underline;}
#main.user .notice .list .more_btn {position:absolute; right:2%; top:26px; z-index:10; border:1px solid #ccc; width:40px; height:40px; box-sizing:border-box; display:block; overflow:hidden;}
#main.user .notice .list .more_btn span {display:block; text-indent:-9999px; overflow:hidden; height:100%; background:url(../../images/art/content/main_notice_more.png) no-repeat center 50%;}
#main.user .notice .list .more_btn:hover span, #main.user .notice .list .more_btn:active span {transform:rotate(180deg); -webkit-transform:rotate(180deg);}

#main.user .past_performance {background:#aad0fe; padding:70px 0 55px 0; position:relative; z-index:5;}
#main.user .past_performance .layout {max-width:1300px;}
#main.user .past_performance h3 {margin-bottom:5px;}
#main.user .past_performance .move {width:100%; position:relative;}
#main.user .past_performance .move button {position:absolute; bottom:50%; margin-bottom:-25px; z-index:201; cursor:pointer; border:0; opacity:0.5; -webkit-opacity:0.5; width:50px; height:50px; overflow:hidden; text-indent:-9999px;}
#main.user .past_performance .move button.slick-prev {left:-70px; background:url(../../images/art/content/main_past_performance_prevbg.png) no-repeat center 50%;}
#main.user .past_performance .move button.slick-next {right:-70px; background:url(../../images/art/content/main_past_performance_nextbg.png) no-repeat center 50%;}
#main.user .past_performance .move button.slick-prev:hover, #main.user .past_performance .move button.slick-prev:active {background-position:30% 50%; opacity:0.9; -webkit-opacity:0.9;}
#main.user .past_performance .move button.slick-next:hover, #main.user .past_performance .move button.slick-next:active {background-position:70% 50%; opacity:0.9; -webkit-opacity:0.9;}
#main.user .past_performance .move .slick-list {padding:20px 0 !important;}
#main.user .past_performance .move .slider {box-sizing:border-box; padding:0 10px; display:block !important;}
#main.user .past_performance .move .slider a {display:block; border:1px solid #ccc; box-sizing:border-box;}
#main.user .past_performance .move .slider a img {width:100%; display:block;}
#main.user .past_performance .move .slider a:hover, #main.user .past_performance .move .slider a:active {transform:scale(1.05); -webkit-transform:scale(1.05);}

#main.user .banner {background:#fff; padding:70px 0;}
#main.user .banner .slick-list {padding:0 !important;}
#main.user .banner ul {border:1px solid #c5c5c5;}
#main.user .banner ul:after {content:""; display:block; clear:both;}
#main.user .banner ul li {float:left; width:20%; text-align:center;}
#main.user .banner ul li a {display:inline-block; vertical-align:top; min-width:70px; padding:30px 0; text-decoration:none;}
#main.user .banner ul li a span {display:block; text-align:center; padding:75px 0 0 0; font-size:21px; line-height:25px; color:#6f15b8; position:relative;}
#main.user .banner ul li a span:after {content:""; display:block; width:100%; height:70px; position:absolute; left:0; top:0; background-size:auto 100% !important;
animation-duration: 1s;
animation-fill-mode: both;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-timing-function: ease-in-out;
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
-webkit-animation-timing-function: ease-in-out;}
#main.user .banner ul li.bn01 a span:after {background:url(../../images/art/content/main_banner_ico1.png) no-repeat center 50%;}
#main.user .banner ul li.bn02 a span:after {background:url(../../images/art/content/main_banner_ico2.png) no-repeat center 50%;}
#main.user .banner ul li.bn03 a span:after {background:url(../../images/art/content/main_banner_ico3.png) no-repeat center 50%;}
#main.user .banner ul li.bn04 a span:after {background:url(../../images/art/content/main_banner_ico4.png) no-repeat center 50%;}
#main.user .banner ul li.bn05 a span:after {background:url(../../images/art/content/main_banner_ico5.png) no-repeat center 50%;}
#main.user .banner ul li a:hover span:after, #main.user .banner ul li a:active span:after {animation-name:rotate; -webkit-animation-name:rotate;}
@keyframes rotate {
	0%   {transform: rotateY(0deg);}
	100%   {transform: rotateY(360deg);}
}
@-webkit-keyframes rotate {
	0%   {-webkit-transform:rotateY(0deg);}
	100%   {-webkit-transform:rotateY(360deg);}
}
#main.user .banner ul.slick-dots {border:0; text-align:center; padding:0 0 15px 0; height:10px;}
#main.user .banner ul.slick-dots li {display:inline-block; vertical-align:top; float:none; width:auto; margin:0 5px;}
#main.user .banner ul.slick-dots li button {border:0; display:block; width:10px; height:10px; cursor:pointer; background:#c5c5c5; overflow:hidden; text-indent:-9999px;}
#main.user .banner ul.slick-dots li.slick-active button {background:#6f15b8;} 




/* //////////////////////////////////////////////////////////////////////////////

	Sub Content

////////////////////////////////////////////////////////////////////////////// */
.user .down_btn,
.user .tipbox,
.user .tipbox p,
.user .tipbox.ty3,
.user .tipbox.ty3 ul,
.user .tipbox.ty3 ul li,
.user .tipbox.ty3 ul li strong,
.user .blank_btn,
.user .blank_btn span,
.user .performance_list li,
.user .performance_list li .poster,
.user .performance_list li .poster a,
.user .performance_list li .poster a span,
.user .performance_list li .poster a span,
.user .performance_list li .poster a img,
.user .performance_list li .poster a:before,
.user .performance_list li .poster a:after,
.user .performance_list li .txt,
.user .performance_list li .txt .category,
.user .performance_list li .txt .title,
.user .performance_list li .txt .title a strong,
.user .performance_list li .txt .title a span,
.user .performance_list li .txt ul,
.user .performance_list li .txt ul li,
.user .performance_list li .txt ul li span,
.user .performance_list li .txt ul li span:after,
.user .performance_list li .txt .link,
.user .performance_datail,
.user .performance_datail .poster,
.user .performance_datail .poster span,
.user .performance_datail .txt,
.user .performance_datail .txt .title,
.user .performance_datail .txt .title span.category,
.user .performance_datail .txt .title strong,
.user .performance_datail .txt .title span.sub_txt,
.user .performance_datail .txt ul,
.user .performance_datail .txt ul li,
.user .performance_datail .txt .link,
.user .photo_silder .small_photo button,
.user .photo_silder .small_photo .elem a img,
.user .facility_summery .status,
.user .facility_summery .status .bor,
.user .facility_summery .status .bor:after,
.user .facility_summery .status .bor .title,
.user .facility_summery .status .bor .title span strong,
.user .facility_summery .status .bor .title span,
.user .facility_summery .status .bor ul li,
.user .facility_summery .show_list li,
.user .facility_summery .show_list li p,
.user .seat_arrangement .infor,
.user .seat_arrangement .seat_step1 img,
.user .seat_arrangement .seat_step2 .loaction,
.user .seat_arrangement .seat_step2 .loaction p,
.user .seat_arrangement .seat_step2 .loaction img,
.user .seat_arrangement .seat_step2 .detail ul li p,
.user .seat_arrangement .seat_step2 .detail ul li img,
.user .seat_arrangement .seat_step2 .detail .close_btn,
.user .ticketing li,
.user .ticketing li p,
.user .ticketing li .text,
.user .ticketing li ul,
.user .find_member li,
.user .find_member li p,
.user .find_member li p span,
.user .find_member li p span strong,
.user .find_member li p.title span.call,
.user .dressingroom span,
.user .dressingroom span img,
.user .facilities li,
.user .facilities li span,
.user .etiquette li,
.user .etiquette li p,
.user .etiquette li strong,
.user .etiquette li span,
.user .rental_step li,
.user .rental_step li p,
.user .month_control a,
.user .month_control strong,
.user .appli_table td,
.user .appli_table td span,
.user .facility li,
.user .facility li .text,
.user .facility li .text p,
.user .facility li .text p.title strong,
.user .facility li .text p.title span,
.user .facility li .photo,
.user .facility li .photo img,
.user .organization li,
.user .organization li p,
.user .greeting,
.user .greeting:before,
.user .greeting:after,
.user .greeting p,
.user .greeting p.title:after,
.user .greeting p.title span,
.user .prerpare,
.user .prerpare p,
.user .history_title,
.user .history_title .bor,
.user .history_title .bor:after,
.user .history_title .bor p,
.user .history_title .bor p span,
.user .history_title .bor p strong,
.user .history_list,
.user .history_list li,
.user .history_list li strong,
.user .history_list li strong span,
.user .sitemap,
.user .sitemap li,
.user .sitemap li a,
.user .sitemap li a span,
.user .sitemap li ul,
.user .sitemap li ul li,
.user .sitemap li ul li a,
.photo_js,
.photo_js .tab li a,
.photo_js .tabview .js_slider .prev,
.photo_js .tabview .js_slider .next,
.photo_js .tabview,
.photo_js .tabview .js_slider
{
	transition : all 0.4s ease;
	-webkit-transition : all 0.4s ease;
}

/* 공통 스타일 */
.user .link_btn {text-align:center; margin:40px 0 0 0; width:100%; overflow:hidden;}
.user .down_btn {border:1px solid #1e1596; display:inline-block; vertical-align:top; padding:12px 20px; color:#1e1596 !important; font-size:17px; line-height:22px;}
.user .down_btn span {display:inline-block; vertical-align:top; padding-right:25px; background:url(../../images/art/content/downbtn_ico.png) no-repeat right 50%;}
.user .down_btn:hover, .user .down_btn:active {background:#1e1596;}
.user .down_btn:hover span, .user .down_btn:active span {color:#fff; background:url(../../images/art/content/downbtn_ico_on.png) no-repeat right 50%;}
.user .tipbox {border:1px solid #ccc; padding:25px 3%; margin:0 0 30px 0; font-size:16px;}
.user .tipbox p {margin:0; box-sizing:border-box; font-size:16px; line-height:22px; padding:0 0 0 100px; min-height:80px; position:relative; display:table;}
.user .tipbox p span {display:table-cell; vertical-align:middle;}
.user .tipbox.ico1 p {background:url(../../images/art/content/tipbox_ico1.png) no-repeat left top;}
.user .tipbox.ico2 p {background:url(../../images/art/content/tipbox_ico2.png) no-repeat left top;}
.user .tipbox.ico3 p {background:url(../../images/art/content/tipbox_ico3.png) no-repeat left top;}
.user .tipbox.ico4 p {background:url(../../images/art/content/tipbox_ico4.png) no-repeat left top;}
.user .tipbox.ty2 {padding:30px 3%; padding-right:220px;position:relative; overflow:hidden;}
.user .tipbox.ty2:after {content:""; display:block; width:239px; height:172px; background:url(../../images/art/content/tipbox_bg.png) no-repeat right top; position:absolute; right:0; top:0;} 
.user .tipbox.ty2 p {padding:0; display:block; min-height:10px;}
.user .tipbox.ty2 p.vr_tip {background:url(../../images/art/content/vr_ico.png) no-repeat left top; background-size:auto 51px !important; min-height:51px; padding-left:60px;}
.user .tipbox.ty3 {margin:40px 0; padding:25px 3% 35px 3%;}
.user .tipbox.ty3 ul {padding:10px 0 0 95px; background:url(../../images/art/content/tipbox_bg2.png) no-repeat left top;}
.user .tipbox.ty3 ul li {margin-top:15px; font-size:16px; line-height:22px; position:relative; padding:0 0 0 140px;  box-sizing:border-box;}
.user .tipbox.ty3 ul li:first-child {margin-top:0;}
.user .tipbox.ty3 ul li strong {font-size:20px; line-height:24px; color:#382eb5; font-weight:500; position:absolute; left:0; top:-1px; width:125px;}
.user .tipbox.ty3 ul li strong:after {content:""; display:block; width:1px; height:65%; background:#c2c2c2; position:absolute; right:0; top:20%;}
.user .tipbox.ty4 {background:#f9f9f9;}
.user .tipbox.ico4 {margin:0 0 50px 0;}

/* 공지팝업 */
#layer_pop {position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
#layer_pop:after {content:""; display:block; width:100%; height:100%; left:0; top:0; position:absolute; z-index:1; background:#000; opacity:0.5; -webkit-opacity:0.5;}
#layer_pop .inner {width:100%; max-width:716px; position:absolute; left:50%; margin-left:-640px; top:130px; z-index:10; height:auto; box-sizing:border-box;
transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
#layer_pop .cont img {display:block; width:100%;}
#layer_pop .pop_ck {background:#2f2f2f; padding:13px 20px; overflow:hidden;}
#layer_pop .pop_ck:after {content:""; display:block; clear:both;}
#layer_pop .pop_ck span {display:inline-block; vertical-align:top;}
#layer_pop .pop_ck span.pop_today {float:left;}
#layer_pop .pop_ck span.pop_today label {cursor:pointer; color:#fff; margin-left:5px;}
#layer_pop .pop_ck span.close_pop {float:right;}
#layer_pop .pop_ck span.close_pop a {display:inline-block; color:#fff;}
@media screen and (max-width: 1342px){
#layer_pop .inner {left:1%; margin-left:10px;}	
}
@media screen and (max-width: 1023px){
#layer_pop .inner {top:75px;}		
}
@media screen and (max-width: 840px){
#layer_pop .inner {top:70px;}		
}
@media all and (max-width:770px){
#layer_pop .inner {padding:0 1%; left:0; margin:0;}
#layer_pop .cont {margin:0 10px;} 
#layer_pop .pop_ck {margin:0 10px; padding:10px 15px;}
}
@media screen and (max-width: 640px){
#layer_pop .inner {top:60px;}
#layer_pop .pop_ck {font-size:14px;}		
}

/* 공연일정 - 리스트 */
.user .performance_list {width:100%; position:relative; z-index:5;}
.user .performance_list li {margin-top:30px; position:relative;  background:#f8f7f7; box-sizing:border-box; padding:0 0 0 267px; height:370px; overflow:hidden;}
.user .performance_list li.on {background:#eef6ff;}
.user .performance_list li .poster {width:267px; height:100%; position:absolute; left:0; top:0; overflow:hidden;} 
.user .performance_list li .poster a {display:block; height:100%; position:relative;}
.user .performance_list li .poster a span {display:block; line-height:30px; position:absolute; font-size:14px; left:5%; top:0; z-index:5; text-align:center; color:#fff; width:61px; height:37px; box-sizing:border-box;}
.user .performance_list li .poster a span.flag1 {background:url(../../images/art/content/performance_list_flagbg1.png) no-repeat center top;}
.user .performance_list li .poster a span.flag2 {background:url(../../images/art/content/performance_list_flagbg2.png) no-repeat center top;}
.user .performance_list li .poster a span.flag3 {background:url(../../images/art/content/performance_list_flagbg3.png) no-repeat center top;}
.user .performance_list li .poster a img {display:block; width:100%;}
.user .performance_list li .poster a:before {content:"상세보기"; display:block; color:#fff; text-align:center; width:100%; font-size:18px; height:auto; padding-bottom:40px; background:url(../../images/art/content/performance_list_ico.png) no-repeat center bottom; opacity:0; -webkit-opacity:0; position:absolute; left:0; top:50%; margin-top:-15px; z-index:20;}
.user .performance_list li .poster a:after {content:""; display:block; width:100%; height:100%; background:#000; opacity:0; -webkit-opacity:0; position:absolute; left:0; top:0; z-index:10;}
.user .performance_list li .poster a:hover:before, .user .performance_list li .poster a:active:before {opacity:1; -webkit-opacity:1; margin-top:-30px;}
.user .performance_list li .poster a:hover:after, .user .performance_list li .poster a:active:after {opacity:0.5; -webkit-opacity:0.5;}
.user .performance_list li .txt {box-sizing:border-box; padding:40px 3.5%; height:100%; position:relative;} 
.user .performance_list li .txt .category {margin:0; font-size:16px; line-height:21px; background:#fff; padding:6px 12px 7px 12px; text-align:center;}
.user .performance_list li .txt .category.ty1 {border:1px solid #1e1596; color:#1e1596; width:70px;}
.user .performance_list li .txt .category.ty2 {border:1px solid #e1395a; color:#e1395a; width:94px;}
.user .performance_list li .txt .title {margin:15px 0 0 0; display:inline-block;}
.user .performance_list li .txt .title a {text-decoration:none; display:block;}
.user .performance_list li .txt .title a strong {font-size:32px; line-height:36px; font-weight:500; display:block; color:#111;}
.user .performance_list li .txt .title a span {font-size:20px; line-height:24px; display:block; color:#333; margin-top:7px;}
/*
.user .performance_list li .txt .title a:hover strong, .user .performance_list li .txt .title a:hover span {color:#1e1596;}
*/
.user .performance_list li.on .txt .title a strong, .user .performance_list li.on .txt .title a span {color:#1e1596;}
.user .performance_list li .txt ul {margin-top:50px;}
.user .performance_list li .txt ul li {margin:8px 0 0 0; font-size:17px; line-height:22px; background:none; padding:0; height:auto;}
.user .performance_list li .txt ul li span {display:inline-block; padding:0 10px; position:relative;}
.user .performance_list li .txt ul li span:after {content:""; display:block; width:1px; height:50%; background:#666; position:absolute; left:0; top:25%;}
.user .performance_list li .txt ul li span:first-child {padding-left:0;}
.user .performance_list li .txt ul li span:first-child:after {display:none;}
.user .performance_list li .txt .link {position:absolute; right:3.5%; bottom:40px;}
.user .performance_list li .txt .link .btn {margin:0;}
.user .prerpare {border:6px solid #f0f0f0; margin-top:30px; padding:80px 3%;}
.user .prerpare p {text-align:center; margin:0; font-size:19px; line-height:30px;}
.user .prerpare p.title {font-size:34px; line-height:40px; padding:80px 0 0 0; margin-bottom:20px; background:url(../../images/art/content/prepare_ico.png) no-repeat center top;}
.user .prerpare p.title strong {font-weight:500;}

/* 공연일정 - 상세보기 */
.user .performance_datail {position:relative;background:#fafcff url(../../images/art/content/performance_datail_bg.jpg) no-repeat right 85%;box-sizing:border-box;padding:0 0 0 370px; min-height:513px; overflow:hidden;margin:0 0 50px 0;}
.user .performance_datail .poster {width: 380px;height:100%;position:absolute;left:0;top:0;overflow:hidden;} 
.user .performance_datail .poster span {display:block; line-height:30px; font-size:14px; color:#fff; position:absolute; left:5%; top:0; z-index:5; text-align:center; width:61px; height:37px; box-sizing:border-box;}
.user .performance_datail .poster span.flag1 {background:url(../../images/art/content/performance_list_flagbg1.png) no-repeat center top;}
.user .performance_datail .poster span.flag2 {background:url(../../images/art/content/performance_list_flagbg2.png) no-repeat center top;}
.user .performance_datail .poster span.flag3 {background:url(../../images/art/content/performance_list_flagbg3.png) no-repeat center top;}
.user .performance_datail .poster img {display:block; width:100%;}
.user .performance_datail .txt {box-sizing:border-box; padding:40px 4%; height:100%; } 
.user .performance_datail .txt .title {border-bottom:1px solid #cecfcf; padding:0 0 17px 0; margin:0 0 22px 0;}
.user .performance_datail .txt .title span.category {font-size:16px; line-height:21px; display:inline-block; vertical-align:top; margin:2px 10px 0 0; box-sizing:border-box; background:#fff; padding:7px 12px 8px 12px; text-align:center;}
.user .performance_datail .txt .title span.category.ty1 {border:1px solid #1e1596; color:#1e1596;}
.user .performance_datail .txt .title span.category.ty2 {border:1px solid #e1395a; color:#e1395a;}
.user .performance_datail .txt .title strong {font-size:36px; line-height:40px; font-weight:500; color:#111; display:inline-block; vertical-align:top;}
.user .performance_datail .txt .title span.sub_txt {font-size:20px; line-height:24px; display:block; color:#333; margin-top:10px;}
.user .performance_datail .txt ul {margin-right:4%; padding-right:100px; width:auto;}
.user .performance_datail .txt ul li {margin:12px 0 0 0;font-size: 17px;line-height:22px;position:relative;box-sizing:border-box;padding:0 0 0 100px;}
.user .performance_datail .txt ul li:first-child {margin-top:0;}
.user .performance_datail .txt ul li span {display:inline-block; vertical-align:top;}
.user .performance_datail .txt ul li span.subject {position:absolute; left:0; top:0; font-weight:500;}
.user .performance_datail .txt .link {right: 0;bottom: 0;position:absolute;background: #cfe4ff;padding: 10px 20px;}
.user .performance_datail .txt .link a, .user .performance_datail .txt .link span {margin:0;}
.user .performance_poster {width:100%; margin-bottom:30px;}
.user .performance_poster img {display:block; margin:0 auto; max-width:100%; margin-top:20px;}
.user .performance_poster img:first-child {margin-top:0;}
.user .show_notice {border:3px solid #d2d0ea; margin:0 0 40px 0; background:url(../../images/art/content/show_notice_bg1.png) no-repeat 15px top; position:relative; padding:50px 23% 55px 75px; overflow:hidden; position:relative;}
.user .show_notice:after {content:""; display:block; width:84px; height:42px; background:url(../../images/art/content/show_notice_bg2.png) no-repeat left top; position:absolute; left:130px; bottom:0; z-index:1;} 
.user .show_notice p {margin:0; font-size:20px; line-height:24px; font-weight:500; position:absolute; left:90px; top:50px; color:#333;}
.user .show_notice ul {margin:0 0 0 18%;}
.user .show_notice ul li {font-size:16px; line-height:22px;}
.user .show_notice ul li:after {top:10px;}
.user .show_notice ul li.no_food {position:absolute; right:0; top:0; width:20%; height:100%; margin:0; padding:0 !important;}
.user .show_notice ul li.no_food:after {z-index:1; background:#e9f1fa; width:200%; height:100%; left:0; top:0; transform:skewX(-30deg); -webkit-transform:skewX(-30deg);}
.user .show_notice ul li.no_food span {display:block; position:absolute; left:50%; top:50%; margin:-51px 0 0 -48px; z-index:5; text-align:center; font-size:15px; color:#222; padding:80px 0 0 0; background:url(../../images/art/content/no_food_ico.png) no-repeat center top;}
.user .photo_silder {width:100%; margin-top:60px;}
.user .photo_silder .big_photo {width:100%; margin-bottom:15px;}
.user .photo_silder .big_photo img {display:block; margin:0 auto; width:auto; max-width:100%;}
.user .photo_silder .small_photo {width:100%; position:relative; box-sizing:border-box; padding:0 70px;}
.user .photo_silder .small_photo button {position:absolute; bottom:50%; margin-bottom:-30px; z-index:201; cursor:pointer; border:0; opacity:0.7; -webkit-opacity:0.7; width:60px; height:60px; overflow:hidden; text-indent:-9999px;}
.user .photo_silder .small_photo button.slick-prev {left:0; background:#dfdfdf url(../../images/art/content/main_past_performance_prevbg.png) no-repeat center 50%;}
.user .photo_silder .small_photo button.slick-next {right:0; background:#dfdfdf url(../../images/art/content/main_past_performance_nextbg.png) no-repeat center 50%;}
.user .photo_silder .small_photo button.slick-prev:hover, .user .photo_silder .small_photo button.slick-prev:active {background-position:30% 50%; opacity:1; -webkit-opacity:1;}
.user .photo_silder .small_photo button.slick-next:hover, .user .photo_silder .small_photo button.slick-next:active {background-position:70% 50%; opacity:1; -webkit-opacity:1;}
.user .photo_silder .small_photo .elem {box-sizing:border-box; padding:0 10px; display:block !important; overflow:hidden;}
.user .photo_silder .small_photo .elem img {width:100%; display:block; cursor:pointer;}

/* 예매안내 */
.user .ticketing {width:100%;}
.user .ticketing:after {content:""; display:block; clear:both;}
.user .ticketing li {float:left; width:49%; box-sizing:border-box; border:1px solid #b7b7b7; margin:20px 0 0 2%; padding:0 0 50px 0;}
.user .ticketing li:first-child {margin-left:0;}
.user .ticketing li p {margin:0; text-align:center; font-size:16px;}
.user .ticketing li .title {background:#1e1596; color:#fff; font-size:20px; line-height:26px; width:240px; margin:0 auto 40px auto; padding:8px 0; border-radius:21px; -webkit-border-radius:21px; margin-top:-21px;}
.user .ticketing.ty2 li .title {background:#6f15b8;}
.user .ticketing li .text, .user .ticketing li ul {padding:140px 8% 0 8%;}
.user .ticketing li.bn01 .text {background:url(../../images/art/content/ticketing_ico1.png) no-repeat center top;}
.user .ticketing li.bn02 ul {background:url(../../images/art/content/ticketing_ico2.png) no-repeat center top;}
.user .ticketing li.bn03 ul {background:url(../../images/art/content/ticketing_ico3.png) no-repeat center top;}
.user .ticketing li.bn04 ul {background:url(../../images/art/content/ticketing_ico4.png) no-repeat center top;}
.user .ticketing li ul {margin:0;}
.user .ticketing li ul li {float:none; width:auto; border:0; margin:7px 0 0 0; padding:0 0 0 10px; font-size:16px; line-height:22px;}
.user .ticketing li ul li:first-child {margin:0;}
.user .ticketing li ul li:after {top:9px;}
			
/* 좌석배치도 */
.user .seat_arrangement {width:100%; position:relative;}
.user .seat_arrangement .rwd_check {display:none;}
.user .seat_arrangement .infor {position:absolute; left:0; top:0;}
.user .seat_arrangement .infor ul li {font-size:16px; line-height:22px;}
.user .seat_arrangement .infor ul li:after {top:9px;}
.user .seat_arrangement .seat_step1 {text-align:center;}
.user .seat_arrangement .seat_step1 img {display:block; margin:0 auto; max-width:100%;}
.user .seat_arrangement .seat_step2 {border:1px solid #1e1596; position:relative; margin-top:40px; display:none;}
.user .seat_arrangement .seat_step2:before {content:""; display:block; width:42%; height:100%; background:#f4f3fa; position:absolute; left:0; top:0; z-index:1;}
.user .seat_arrangement .seat_step2:after {content:""; display:block; clear:both;}
.user .seat_arrangement .seat_step2 .loaction {float:left; width:42%; position:relative; z-index:5; box-sizing:border-box; padding:40px 7.8%;}
.user .seat_arrangement .seat_step2 .loaction p {font-size:22px; line-height:26px; font-weight:500; margin:0 0 15px 0;}
.user .seat_arrangement .seat_step2 .loaction img {display:block; margin:0 auto; max-width:100%;}
.user .seat_arrangement .seat_step2 .detail {float:left; width:58%; position:relative; z-index:5; box-sizing:border-box; padding:40px 4%; display:none;}
.user .seat_arrangement .seat_step2 .detail ul {}
.user .seat_arrangement .seat_step2 .detail ul li {display:none;}
.user .seat_arrangement .seat_step2 .detail ul li p {font-size:22px; line-height:26px; font-weight:500; margin:0 0 15px 0;}
.user .seat_arrangement .seat_step2 .detail ul li img {display:block; max-width:100%; margin:0 auto;}
.user .seat_arrangement .seat_step2.ty2:before {display:none;}
.user .seat_arrangement .seat_step2.ty2 .loaction {float:none; width:auto; padding:40px 5%; background:#f4f3fa;}
.user .seat_arrangement .seat_step2.ty2 .detail {float:none; width:auto;padding:40px 5%;}
.user .seat_arrangement .seat_step2 .detail .close_btn {display:none;}			

/* 시설안내 - 시설VR */
.user .facility_vr {width:100%; position:relative;}
.user .facility_vr.ty2 {margin-top:40px;}
.user .facility_vr .infor {position:absolute; left:0; top:0;}
.user .facility_vr .infor ul li {font-size:16px; line-height:22px;}
.user .facility_vr .infor ul li:after {top:9px;}
.user .facility_vr .link_vr {text-align:center;}
.user .facility_vr .link_vr img {display:block; margin:0 auto; max-width:100%;}
				
/* 시설안내 - 개요 */
.user .facility_summery {width:100%;}
.user .facility_summery .status {background:url(../../images/art/content/facility_summery_status_bg.jpg) no-repeat center top; background-size:cover !important; padding:30px;}
.user .facility_summery.ty2 .status {background:url(../../images/art/content/facility_summery_status_bg2.jpg) no-repeat center top;} 
.user .facility_summery.ty3 .status {background:url(../../images/art/content/facility_summery_status_bg3.jpg) no-repeat center top;}
.user .facility_summery .status .bor {position:relative; padding:40px 5% 45px 5%;} 
.user .facility_summery .status .bor:after {content:""; display:block; box-sizing:border-box; padding:30px; width:100%; height:100%; opacity:0.8; -webkit-opacity:0.8; border:5px solid #e8e7f4; position:absolute; left:0; top:0;}
.user .facility_summery.ty2 .status .bor:after, .user .facility_summery.ty3 .status .bor:after {border:5px solid #fff;}
.user .facility_summery .status .bor .title {text-align:center; font-size:17px; line-height:24px; margin:0 0 30px 0;}
.user .facility_summery .status .bor .title span {display:block; line-height:24px;}
.user .facility_summery .status .bor .title span strong {font-size:26px; line-height:30px; color:#1e1596; font-weight:400;}
.user .facility_summery .status .bor ul {width:auto; padding:0 5%;}
.user .facility_summery .status .bor ul.ty2 {padding:0 28%;}
.user .facility_summery .status .bor ul:after {content:""; display:block; clear:both;}
.user .facility_summery .status .bor ul li {float:left; width:25%; text-align:center; position:relative;}
.user .facility_summery .status .bor ul.ty2 li {width:50%;}
.user .facility_summery .status .bor ul.ty3 li {width:100%;}
.user .facility_summery .status .bor ul li:after {content:""; display:block; width:1px; height:80%; background:#666; position:absolute; left:0; top:10%;}
.user .facility_summery .status .bor ul li:first-child:after {display:none;}
.user .facility_summery .status .bor ul li span {display:block; font-size:18px; line-height:24px;}
.user .facility_summery .status .bor ul li strong {display:block; font-size:30px; line-height:34px; color:#1e1596;}
.user .facility_summery .status .bor ul li strong em {font-style:normal; font-size:18px; font-weight:normal; color:#444;}
.user .facility_summery .status .bor ul li strong span {font-size:16px; font-weight:normal; color:#444; margin-top:-5px;}
.user .facility_summery .show_list {margin-top:40px;}
.user .facility_summery .show_list:after {content:""; display:block; clear:both;}
.user .facility_summery .show_list li {float:left; width:32%; margin-left:2%;}
.user .facility_summery .show_list.ty2 li {width:49%;}
.user .facility_summery .show_list li:first-child {margin-left:0;}
.user .facility_summery .show_list li p {margin:0; box-sizing:border-box; border:1px solid #b7b7b7; text-align:center; padding:45px 0; font-size:16px;}
.user .facility_summery .show_list li p strong {display:block; padding:0 0 120px 0; margin-bottom:30px; font-size:22px; line-height:26px; font-weight:500;}
.user .facility_summery .show_list li.bn01 p strong {background:url(../../images/art/content/facility_summery_show_ico1.png) no-repeat center bottom;}
.user .facility_summery .show_list li.bn02 p strong {background:url(../../images/art/content/facility_summery_show_ico2.png) no-repeat center bottom;}
.user .facility_summery .show_list li.bn03 p strong {background:url(../../images/art/content/facility_summery_show_ico3.png) no-repeat center bottom;}
.user .facility_summery .show_list li.bn04 p strong {background:url(../../images/art/content/facility_summery_show_ico4.png) no-repeat center bottom;}
.user .facility_summery .show_list li.bn05 p strong {background:url(../../images/art/content/facility_summery_show_ico5.png) no-repeat center bottom;}
.user .facility_summery .show_list li.bn06 p strong {background:url(../../images/art/content/facility_summery_show_ico6.png) no-repeat center bottom;}
.user .facility_summery .show_list li.bn07 p strong {background:url(../../images/art/content/facility_summery_show_ico7.png) no-repeat center bottom;}
.user .facility_summery .show_list li.bn08 p strong {background:url(../../images/art/content/facility_summery_show_ico8.png) no-repeat center bottom;}
.user .facility_summery .show_list li p span {display:block;}	

/* 시설안내 - 분장실 */
.user .dressingroom {width:100%;}
.user .dressingroom:after {content:""; display:block; clear:both;}
.user .dressingroom span {display:block; float:left; text-align:center; font-size:16px; width:49%; margin-left:2%; overflow:hidden;}
.user .dressingroom span:first-child {margin-left:0;}
.user .dressingroom span img {display:block; width:100%; margin-bottom:10px;}

/* 편의시설 */
.user .facilities {width:100%;}
.user .facilities:after {content:""; display:block; clear:both;}
.user .facilities li {float:left; text-align:center; width:32%; margin-left:2%; overflow:hidden; margin-bottom:30px;}
.user .facilities li:nth-child(1), .user .facilities li:nth-child(4) {margin-left:0;}
.user .facilities li img {display:block; width:100%;}
.user .facilities li span {display:block; text-align:center; font-size:16px; line-height:22px; padding:15px 0; border:1px solid #ccc; border-top:0;}

/* 관람예절 */
.user .etiquette {border-top:2px solid #000; border-left:1px solid #cfcfcf;}
.user .etiquette:after {content:""; display:block; clear:both;}
.user .etiquette li {border-right:1px solid #cfcfcf; border-bottom:1px solid #cfcfcf; float:left; width:50%; box-sizing:border-box; padding:30px 2.5%; font-size:16px;}
.user .etiquette li.bn05 {width:100%;}
.user .etiquette li p {margin:0; padding:0 100px 0 0; min-height:150px;}
.user .etiquette li strong, .user .etiquette li span {display:block;}
.user .etiquette li strong {font-size:22px; line-height:28px; font-weight:400; color:#1e1596; margin-bottom:10px;}
.user .etiquette li.bn01 p {background:url(../../images/art/content/etiquette_ico1.png) no-repeat right 35px;}
.user .etiquette li.bn02 p {background:url(../../images/art/content/etiquette_ico2.png) no-repeat right 35px;}
.user .etiquette li.bn03 p {background:url(../../images/art/content/etiquette_ico3.png) no-repeat right 35px;}
.user .etiquette li.bn04 p {background:url(../../images/art/content/etiquette_ico4.png) no-repeat right 35px;}
.user .etiquette li.bn05 p {background:url(../../images/art/content/etiquette_ico5.png) no-repeat right 35px;}

/* 아이디/비밀번호찾기 */
.user .find_member {width:100%;}
.user .find_member:after {content:""; display:block; clear:both;}
.user .find_member li {float:left; width:49%; text-align:center; box-sizing:border-box; border:1px solid #b7b7b7; margin:0 0 0 2%; padding:30px 5% 35px 5%; min-height:390px;}
.user .find_member li:first-child {margin-left:0;}
.user .find_member li p {margin:0; text-align:center; font-size:17px; line-height:24px;}
.user .find_member li p span {display:block;}
.user .find_member li p span:nth-child(2) {margin-left:-18px;}
.user .find_member li.bn02 p span:nth-child(2) {margin-left:0;}
.user .find_member li p span strong {font-weight:500; color:#1e1596; margin-right:10px;}
.user .find_member li p.title {padding:0 0 125px 0; margin-bottom:30px; height:219px; box-sizing:border-box;}
.user .find_member li.bn01 p.title {background:url(../../images/art/content/find_member_ico1.png) no-repeat center bottom;} 
.user .find_member li.bn02 p.title {background:url(../../images/art/content/find_member_ico2.png) no-repeat center bottom;}
.user .find_member li p.title strong {display:block; font-size:20px; line-height:26px; margin:10px 0; position:relative; padding-top:10px; font-weight:500;}
.user .find_member li p.title strong:after {content:""; display:block; width:30px; height:1px; background:#1e1596; position:absolute; left:50%; top:0; margin-left:-15px;}
.user .find_member li p.title span.call {color:#1e1596; font-size:38px; line-height:38px;}
.user .find_member li p.title span.call a {color:#1e1596; text-decoration:none; display:block;}
.user .find_member.ty2 li {min-height:440px;}
.user .find_member.ty2 li p.title {height:180px;}
.user .find_member.ty2 li p span strong {display:block; margin-right:0;}
.user .find_member li.bn03 p.title {background:url(../../images/art/content/find_member_ico3.png) no-repeat center bottom;} 
.user .find_member li.bn04 p.title {background:url(../../images/art/content/find_member_ico4.png) no-repeat center bottom;}
.user .find_member li.bn02 p {display:none;}
.user .find_member li.bn02 p.title {display:block;}
												
/* 대관절차 */
.user .rental_step {width:100%;}
.user .rental_step:after {content:""; display:block; clear:both;}
.user .rental_step li {float:left; width:32%; box-sizing:border-box; border:1px solid #b7b7b7; margin:20px 0 40px 2%;}
.user .rental_step li.step1, .user .rental_step li.step4 {margin-left:0;}
.user .rental_step li p {margin:0 0 35px 0; text-align:center; font-size:16px;}
.user .rental_step li .order {background:#1e1596; color:#fff; font-size:20px; line-height:26px; width:240px; margin:0 auto 40px auto; padding:8px 0; border-radius:21px; -webkit-border-radius:21px; margin-top:-21px;}
.user .rental_step li .text {padding:115px 5% 0 5%; box-sizing:border-box; margin:0 0 30px 0;}
.user .rental_step li .text span {display:block;}
.user .rental_step li.step1 .text {background:url(../../images/art/content/rental_step_ico1.png) no-repeat center top;} 
.user .rental_step li.step2 .text {background:url(../../images/art/content/rental_step_ico2.png) no-repeat center top;} 
.user .rental_step li.step3 .text {background:url(../../images/art/content/rental_step_ico3.png) no-repeat center top;} 
.user .rental_step li.step4 .text {background:url(../../images/art/content/rental_step_ico4.png) no-repeat center top;} 
.user .rental_step li.step5 .text {background:url(../../images/art/content/rental_step_ico5.png) no-repeat center top;} 
.user .rental_step li.step6 .text {background:url(../../images/art/content/rental_step_ico6.png) no-repeat center top;} 

/* 대관가능일 확인 */
.user .month_control  {text-align:center; margin:0 0 10px 0;}
.user .month_control  a, .user .month_control  strong {display:inline-block; vertical-align:top;}
.user .month_control  a {width:42px; height:42px; overflow:hidden; text-indent:-9999px;}
.user .month_control  a.prev_month {background:url(../../images/art/content/month_control_prev.png) no-repeat center 50%;}
.user .month_control  a.next_month {background:url(../../images/art/content/month_control_next.png) no-repeat center 50%;}
.user .month_control  a.prev_month:hover, .user .month_control  a.prev_month:active {background-position:35% 50%;}
.user .month_control  a.next_month:hover, .user .month_control  a.next_month:active {background-position:75% 50%;}
.user .month_control  strong {font-size:42px; line-height:42px; font-family:Arial, Helvetica, sans-serif; margin:0 10px;}
.user .appli_tip {text-align:right; margin:0 0 13px 0;}
.user .appli_tip span {display:inline-block; vertical-align:top; position:relative; margin-left:20px; padding:0 0 0 20px;}
.user .appli_tip span:after {content:""; display:block; width:16px; height:16px; position:absolute; left:0; top:50%; margin-top:-8px; border-radius:50%; -webkit-border-radius:50%;}
.user .appli_tip span.possible:after {background:#1e1596;}
.user .appli_tip span.end:after {background:#959595;}
.user .appli_table {width:100%; margin-bottom:20px;}
.user .appli_table thead {background:#1e1596;}
.user .appli_table th {background:#bebebe; color:#fff; font-size:19px; font-weight:normal; padding:8px 0; border:0; border-left:1px solid #fff;}
.user .appli_table td {border:1px solid #ccc; border-top:0; border-right:0; text-align:right; padding:10px; position:relative; height:90px; vertical-align:top; font-size:16px;}
.user .appli_table td:first-child {border-left:0;}
.user .appli_table .sun {color:#e42323;}
.user .appli_table .sat {color:#2971be;}
.user .appli_table th.sun {color:#e42323; border:0;}
.user .appli_table th.sat {color:#2971be;}
.user .appli_table td.sat, .user .appli_table td.sun {color:#393939;}
.user .appli_table td span {display:block; text-align:center; position:absolute; left:10px; top:10px; font-size:15px; width:26px; height:26px; line-height:25px;}
.user .appli_table td.sun span {color:#e42323;}
.user .appli_table td.sat span {color:#2971be;}
.user .appli_table td.appli_end span {background:#959595; color:#fff; border-radius:50%; -webkit-border-radius:50%;}
.user .appli_table td.appli_possible span {background:#1e1596; color:#fff; border-radius:50%; -webkit-border-radius:50%;}

/* 대관시설 */
.user .facility {width:100%;}
.user .facility li {margin-top:60px;}
.user .facility li:first-child {margin-top:0;}
.user .facility li:after {content:""; display:block; clear:both;}
.user .facility li .text, .user .facility li .photo {float:left; width:50%;} 
.user .facility li .text p {margin:10px 0 0 0; font-size:16px; padding:0 5% 0 0;}
.user .facility li .text p.title {border-bottom:1px solid #8e8aca; padding:3px 0 13px 0; margin:0 0 15px 0;}
.user .facility li .text p.title strong {font-size:22px; line-height:28px; font-weight:400; color:#1e1596;}
.user .facility li .text p.title span {font-size:14px; color:#5c5c5c; margin-left:10px;}
.user .facility li .photo img {display:block; width:100%;}
.user .facility li.align .text {float:right;} 	
.user .facility li.align .text p {padding:0 0 0 5%; text-align:right;}
.user .facility li.align .text p.title {padding:3px 0 13px 5%;}	
					
/* 인사말 */
.user .greeting {position:relative; padding:30px 55% 0 0; box-sizing:border-box; margin:0 0 50px 0;}
.user .greeting:before {content:""; display:block; width:55%; height:475px; background:url(../../images/art/content/greeting_bg.jpg) no-repeat 40% 50%; background-size:cover; position:absolute; right:0; top:0; z-index:5;}
.user .greeting:after {content:""; display:block; width:85%; height:100%; background:#f5f5f5; position:absolute; left:0; top:52px; z-index:1;}
.user .greeting p {font-size:16px; line-height:24px; margin:25px 0 0 0; padding:0 7%; z-index:10; position:relative;}
.user .greeting p.title {font-size:30px; line-height:36px; margin-top:0; padding:0 7% 25px 7%;}
.user .greeting p.title:after {content:""; display:block; width:135px; height:2px; background:#7015b8; position:absolute; left:-45px; bottom:0;}
.user .greeting p.title span {display:block; line-height:44px;}
.user .greeting p.title em {color:#7015b8; font-style:normal;}
.user .greeting p.title strong {color:#1e1596;}

/* 연혁 */
.user .history_title {background:url(../../images/art/content/history_titlebg.jpg) no-repeat center top; background-size:cover !important; padding:30px;}
.user .history_title .bor {position:relative; padding:70px 5% 75px 5%;} 
.user .history_title .bor:after {content:""; display:block; box-sizing:border-box; padding:30px; width:100%; height:100%; opacity:0.5; -webkit-opacity:0.5; border:7px solid #fff; position:absolute; left:0; top:0;}
.user .history_title .bor p {margin:0; color:#fff;}
.user .history_title .bor p span {display:block; opacity:0.9; -webkit-opacity:0.9; font-size:20px; line-height:24px; font-weight:300; letter-spacing:2px;}
.user .history_title .bor p strong {display:block; font-size:35px; margin-top:5px; line-height:42px; font-weight:500; letter-spacing:-1px; text-shadow:0 3px 4px rgba(0,0,0,0.4); -webkit-text-shadow:0 3px 4px rgba(0,0,0,0.4);}
.user .history_list {padding:0 250px 0 0; margin:50px 2% 0 2%; background:url(../../images/art/content/history_bg.png) no-repeat right 90%;}
.user .history_list li {position:relative; box-sizing:border-box; padding:0 0 0 20%; z-index:10;} 
.user .history_list li:first-child {margin-top:0;}
.user .history_list li strong {display:block; position:absolute; z-index:5; left:0; top:46px; font-size:32px; line-height:32px; color:#6f15b8; font-weight:500; box-sizing:border-box;}
.user .history_list li:first-child strong {top:-4px;}
.user .history_list li strong span {font-size:19px; font-weight:400; margin-left:3px;}
.user .history_list li ul {padding:50px 0 0 0; margin:0; background:url(../../images/art/content/history_linebg.gif) repeat-y 2px top; position:relative;}
.user .history_list li:first-child ul {padding:0;}
.user .history_list li:first-child ul:after {content:""; display:block; width:10px; height:14px; background:#fff; position:absolute; left:0; top:0; z-index:1;}
.user .history_list li:last-child ul:after {content:""; display:block; width:10px; height:14px; background:#fff; position:absolute; left:0; bottom:0; z-index:1;}
.user .history_list li ul li {margin-top:15px; padding:0 0 0 155px;}
.user .history_list li ul li strong {font-size:26px; line-height:26px; color:#1e1596; padding:0 0 0 15px; top:0 !important; font-weight:400; position:absolute; left:0;}
.user .history_list li ul li strong:after {content:""; display:block; width:6px; height:6px; background:#1e1596; border-radius:50%; -webkit-border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}
.user .history_list li ul li span {font-size:19px; line-height:26px; display:block;}

/* 조직도 */
.user .organization {border-top:2px solid #000;}
.user .organization li {border-bottom:1px solid #cfcfcf; box-sizing:border-box; /*padding:0 0 0 110px;*/ position:relative;}
.user .organization li p {margin:0; color:#666; font-size:16px; line-height:21px;}
.user .organization li .part {position:absolute; left:15px; top:17px; font-size:18px; line-height:24px; color:#333;}
.user .organization li ul {border:0;}
.user .organization li ul li {border-bottom:0; border-top:1px dashed #ddd; padding:18px 0 18px 260px;}
.user .organization li ul li:first-child {border:0;}
.user .organization li ul li .name {position:absolute; left:0; top:18px; color:#333;}
.user .organization li ul li .phone {position:absolute; left:100px; top:18px;}

/* 오시는길 */
.user #map {height:500px; overflow:hidden; border:1px solid #d1d1d3;}
.user .map_infor {width:100%; margin:35px 0;}
.user .map_infor:after {content:""; display:block; clear:both;}
.user .map_infor li {float:left; width:50%; box-sizing:border-box; font-size:18px; min-height:85px; background:url(../../images/art/content/map_infor_ico2.png) no-repeat left top; padding:28px 0 0 105px;}
.user .map_infor li:first-child {background:url(../../images/art/content/map_infor_ico1.png) no-repeat left top;}
.user .map_infor li strong {color:#615bb5; font-size:19px; margin-right:10px;}

/* 사이트맵 */
.user .sitemap {width:100%;}
.user .sitemap:after {content:""; display:block; clear:both;}
.user .sitemap li {width:32%; margin-left:2%; margin-bottom:50px; float:left;}
.user .sitemap li.sub01_00, .user .sitemap li.sub04_00 {margin-left:0;}
.user .sitemap li.sub04_00, .user .sitemap li.sub05_00, .user .sitemap li.sub06_00 {margin-bottom:0;}
.user .sitemap li a {display:block; background:#ebebeb; padding:14px 5%;}
.user .sitemap li a span {display:inline-block; vertical-align:top; font-size:20px; line-height:26px; color:#1e1596; font-weight:500; box-sizing:border-box;}
.user .sitemap li ul {border-bottom:0; padding:0; background:none;}
.user .sitemap li ul li {margin:0; float:none; width:auto; border-bottom:1px solid #e8e7f4; padding:9px 5%;}
.user .sitemap li ul li a {background:none; padding:0 0 0 8px; display:inline-block; vertical-align:top; position:relative;}
.user .sitemap li ul li a:after {content:""; display:block; width:3px; height:3px; background:#1e1596; position:absolute; left:0; top:50%; margin-top:-1px;}
.user .sitemap li ul li ul {display:none;}

/* 예매방법 */
.user .ticket_order {width:100%;}
.user .ticket_order li {margin-top:40px; border:5px solid #d2d0ea;}
.user .ticket_order li:first-child {margin-top:0;}
.user .ticket_order li div {padding:15px 20px; background:#d2d0ea; margin:0 0 30px 0;}
.user .ticket_order li div h4 {margin:0 0 10px 0;}
.user .ticket_order li div p {margin:0;}
.user .ticket_order li img {display:block; margin:0 auto 30px auto; max-width:90%;}


/*** 게시판 ***/
/* Animation */
.codeView01,
.codeView01 img {
	transition : all 0.4s ease;
    -webkit-transition : all 0.4s ease;	
}

/* 공지형 */
.basic_box {background:#fff; margin:0 0 15px 0; padding:0;}
.basic_box .inner {position:relative; padding:0;}
.basic_box .inner:after {content:""; display:block; clear:both;}
.board_total {display:block; margin-top:10px; float:left;}
.board_total span {font-weight:500 !important;}
.board_total span.n_page { margin-left:10px;}
.basic_box .inner form {display:block; padding:0; margin:0;}
.basic_box .inner .basic_search {float:right; margin:0;}
.basic_box .inner .basic_search label {position:absolute; left:0; top:0; width:1px; height:1px; line-height:1px; visibility:hidden; display:block;}
.basic_box .inner .basic_search select, .basic_box .inner .basic_search input {margin:0 1px; background:#fff; height:44px; line-height:44px; border:1px solid #cecfcf; vertical-align:top;}
.basic_box .inner .basic_search select {min-width:100px; line-height:38px;}
.basic_box .inner .basic_search input[type="text"] {min-width:280px;}
.basic_box .inner .basic_search input[type="submit"], .basic_box .inner .basic_search a.submit {background:#1e1596 !important; text-decoration:none; width:auto; padding:0 30px; color:#fff; height:44px; line-height:44px; border:0; margin-right:0;}
.basic_table {border-top:2px solid #000;}
.basic_table thead th, .basic_table tbody th {background:#fff; font-weight:400; border-bottom:1px solid #000;}
.basic_table th {padding:13px 8px; border:0; font-size:16px; line-height:20px;}
.basic_table td {padding:13px 8px; border:0; border-bottom:1px solid #cecfcf; line-height:20px;} 
.basic_table td span.download {display:block; position:relative; padding:0 0 0 20px;}
.basic_table td span.download img {position:absolute; left:0; top:5px;}
.basic_table td span.download a {display:inline-block; vertical-align:top; padding:5px 0;}
.basic_table td span.download span a {background:#c6c4e9 !important; padding:5px 10px !important; margin:0 0 0 5px !important;}
.basic_table td.tbl_cnts a {display:inline-block;}
.basic_table td.tbl_cnts a img {display:block; margin:0 auto; max-width:100%;}
.basic_table .list_subject .link a,
.basic_table .list_subject a {color:#555;}
.basic_table .problem_number {width:70px !important;}
.basic_table .problem_name {width:150px !important;}
.basic_table .date {width:120px !important;}
.basic_table .problem_count {width:90px !important;}
.basic_table .problem_file {width:80px !important;}
.prog_content .basic_table th {border-bottom:1px solid #cecfcf; background:#f6f6f6;} 
.paginate {width:100%; text-align:center; margin:25px 0 0 0; position:relative; overflow:hidden;}
.paginate * {display:inline-block; vertical-align:middle; margin:0 2px;}
.paginate a, .paginate strong, .paginate img, .paginate span {vertical-align:top;}
.paginate a {color:#383838; width:30px; height:30px; line-height:30px; border:1px solid #cecfcf; transition : all 0.3s ease; -webkit-transition : all 0.3s ease; text-decoration:none;}
.paginate a.first {display:inline-block; margin-right:10px;}
.paginate a.last {display:inline-block; margin-left:10px;}
.paginate a:hover, .paginate a:active {border:1px solid #9a9a9a;}
.paginate strong {color:#fff; background:#8f8ace; width:32px; height:32px; line-height:32px; font-weight:400;}
.paginate .dire {border:1px solid #cecfcf; width:30px; height:30px; padding:0;}
.paginate .dire img {display:block; margin:0; width:100%;}
.board_butt {margin:25px 0;}
.button * {font-family:'Noto Sans KR', 'Nanum Barun Gothic','돋움',Dotum,Helvetica,Verdana,Arial,sans-serif;}
.button, .button * {line-height:24px !important;}
.button {margin-left:3px;}
.button .typeA, .button.small .typeB,
.button.small .typeA, .button.small .typeB {background:none !important;}
.button.small, .button.small * {height:auto;}
.button.small a, .button.small a *{line-height:inherit !important}
.board_butt input[type="button"], .board_butt input[type="reset"], .board_butt input[type="submit"] {height:auto; display:inline-block;}
.button a, .board_butt input[type="submit"] {padding:12px 30px !important; line-height:24px !important; font-size:18px; box-sizing:border-box;
transition : all 0.4s ease; -webkit-transition : all 0.4s ease;}
.button .typeA a {border:1px solid #777; color:#444 !important; background:#fff !important;}
.button .typeA a:hover {color:#fff !important; background:#777 !important;}
.button .typeB a, .board_butt input[type="submit"] {border:1px solid #1e1596; color:#fff !important; background:#1e1596 !important;}
.button .typeB a:hover, .board_butt input[type="submit"]:hover {color:#1e1596 !important; background:#fff !important;}


/* 자주하는질문 */
.board_faq {border-top:2px solid #000;}
.board_faq .item {border-bottom:1px solid #cecfcf;}
.board_faq .item .title {}
.board_faq .item .title a {padding:15px 40px 15px 60px; display:block; font-size:16px; line-height:22px; font-weight:normal; position:relative;
background:url(../../images/core/icon_q.png) no-repeat 15px 9px;}
.board_faq .item .title a:after {content:""; display:block; width:18px; height:10px; background:url(../../images/core/faq_arrow.png) no-repeat; position:absolute; right:20px; top:50%; margin-top:-5px;}
.board_faq .item .pt {display:none; border-top:1px solid #cecfcf; background:#f8f7f7 url(../../images/core/icon_a.png) no-repeat 15px 14px; padding:20px 20px 20px 60px;}
.board_faq .item .pt p {margin:0;}
.board_faq .item .pt a {padding:5px 20px !important; font-size:15px; line-height:22px; margin-top:15px;}
.board_faq .item .title.on a {color:#382eb5;}
.board_faq .item .title.on a:after {background:url(../../images/core/faq_arrow_on.png) no-repeat;}


@media screen and (max-width: 1023px){
/* 공지형 */	
.basic_box {margin:0 0 15px 0;}
.basic_box .inner .basic_search select, .basic_box .inner .basic_search input {height:40px; line-height:40px;}	
.basic_box .inner .basic_search select {line-height:34px;}
.basic_box .inner .basic_search input[type="submit"], .basic_box .inner .basic_search a.submit {height:40px; line-height:40px; padding:0 20px;}
.button a, .board_butt input[type="submit"] {padding:10px 25px !important; line-height:22px !important; font-size:17px;}
}

	
@media screen and (max-width: 840px){
/* 공지형 */	
.basic_box .board_total {margin:0 0 10px 0; float:none;}
.basic_box .inner .basic_search {float:none;}
.basic_box .inner .basic_search .ft_left {width:25%;}
.basic_box .inner .basic_search select {width:100%; min-width:10px;}
.basic_search .searchinput {width:75%; padding:0 77px 0 7px; position:relative; box-sizing:border-box;}
.basic_box .inner .basic_search input[type="submit"], .basic_box .inner .basic_search a.submit {width:70px; position:absolute; right:0; top:0;}
.basic_box .inner .basic_search input[type="text"]#findWrite {width:100%; min-width:10px;}
}


@media screen and (max-width: 640px){
/* 공지형 */	
.basic_box .inner .basic_search select, .basic_box .inner .basic_search input {height:38px; line-height:38px;}	
.basic_box .inner .basic_search select {line-height:32px;}
.basic_box .inner .basic_search input[type="submit"], .basic_box .inner .basic_search a.submit {height:38px; line-height:38px;}
.basic_table th {font-size:15px; padding:11px 8px;}
.basic_table td {padding:11px 8px;}
.basic_table .date {width:85px !important;}
.basic_table .problem_file {width:55px !important;}		
.board_butt {margin:20px 0;}
.button a, .board_butt input[type="submit"] {padding:8px 20px !important; font-size:16px;}

/* 자주하는질문 */
.board_faq .item .title a {background-size:28px auto; padding:12px 40px 12px 45px; font-size:15px; background-position:10px 9px;}
.board_faq .item .title a:after {right:15px;}
.board_faq .item .pt {background-size:28px auto; padding:12px 20px 12px 50px; background-position:15px 10px;}
.board_faq .item .pt a {padding:3px 10px !important; font-size:14px; margin-top:10px;}
}


@media screen and (max-width: 480px){
/* 공지형 */
.basic_box .inner .basic_search {position:relative; padding:0 90px 0 0;}	
.basic_box .inner .basic_search .ft_left {width:100%; float:none; margin-bottom:5px;}
.basic_search .searchinput {width:100%; padding:0; float:none; position:static;}
.basic_box .inner .basic_search select, .basic_box .inner .basic_search input {height:34px; line-height:34px;}	
.basic_box .inner .basic_search select {line-height:28px;}
.basic_box .inner .basic_search input[type="submit"], .basic_box .inner .basic_search a.submit {width:83px; height:73px; line-height:73px;}
.basic_table .problem_file {display:none;}
.button a, .board_butt input[type="submit"] {padding:6px 13px !important; font-size:15px;}
.paginate * {margin:0 1px;}
.paginate a {width:26px; height:26px; line-height:26px;}
.paginate a.first {margin-right:5px;}
.paginate a.last {margin-left:5px;}
.paginate strong {width:28px; height:28px; line-height:28px;}
.paginate .dire {width:26px; height:26px;}
.codeView01 {padding:15px 4% !important;}
.codeView01 img {margin:0 0 8px 0 !important; display:block !important; top:auto !important; left:auto !important; width:auto !important;  height:40px !important; position:relative !important;}
}


@media screen and (max-width: 400px){
/* 공지형 */
.paginate a {width:24px; height:24px; line-height:24px;}
.paginate strong {width:26px; height:26px; line-height:26px;}
.paginate .dire {width:24px; height:24px;}
}	





/* 포토갤러리 */
.photo_js {width:100%; position:relative; margin-top:70px;}
.photo_js .tab {width:100%;}
.photo_js .tab:after {content:""; display:block; clear:both;}
.photo_js .tab li {float:left; width:50%;}
.photo_js .tab li a {display:block; text-align:center; font-size:17px; line-height:22px; background:#c2c2c2; color:#fff; padding:12px 0; text-decoration:none;}
.photo_js .tab li.on a {background:#1e1596;}
.photo_js .tabview {display:none;}
.photo_js .tabview.on {display:block;}
.photo_js .tabview .big_photo {width:100%;}
.photo_js .tabview .big_photo img {display:block; margin:0 auto; width:auto; max-width:100%;}
.photo_js .tabview .js_slider {width:auto; position:relative; padding:0 72px; margin-top:30px;}
.photo_js .tabview .js_slider .prev {display:block; width:64px; height:64px; background:#7e7e7e url(../../images/art/content/js_slider_control_l.jpg) no-repeat center 50%; position:absolute; left:0; top:50%; margin-top:-32px; z-index:1;}
.photo_js .tabview .js_slider .prev:hover {background-position:40% 50%;}
.photo_js .tabview .js_slider .next {display:block; width:64px; height:64px; background:#7e7e7e url(../../images/art/content/js_slider_control_r.jpg) no-repeat center 50%; position:absolute; right:0; top:50%; margin-top:-32px; z-index:1;}
.photo_js .tabview .js_slider .next:hover {background-position:60% 50%;}
.photo_js .tabview .js_slider .move {position:relative; overflow:hidden;}
.photo_js .tabview .js_slider .move ul {width:20000px; position:relative;}
.photo_js .tabview .js_slider .move ul:after {content:""; display:block; clear:both;}
.photo_js .tabview .js_slider .move ul li {float:left; width:270px;}
.photo_js .tabview .js_slider .move ul li span {display:block; margin:0 5px;}
.photo_js .tabview .js_slider .move ul li img {display:block; width:100%;}
@media screen and (max-width:1023px){
.photo_js {margin-top:50px;}	
.photo_js .tab li a {font-size:16px; padding:10px 0;}	
.photo_js .tabview .js_slider .prev, .photo_js .tabview .js_slider .next {width:54px; height:54px; margin-top:-27px;}
.photo_js .tabview .js_slider {margin-top:20px;}
}
@media screen and (max-width:840px){
.photo_js {margin-top:40px;}	
.photo_js .tabview .js_slider .prev, .photo_js .tabview .js_slider .next {width:44px; height:44px; margin-top:-22px;}
}
@media screen and (max-width:640px){
.photo_js {margin-top:30px;}	
.photo_js .tab li a {font-size:15px; padding:8px 0;}
.photo_js .tabview .js_slider .prev, .photo_js .tabview .js_slider .next {width:36px; height:36px; margin-top:-18px; background-size:auto 50%;}
}
@media screen and (max-width:480px){
.photo_js .tabview .js_slider .prev, .photo_js .tabview .js_slider .next {width:30px; height:30px; margin-top:-15px;}
}		


/* 20181122 공공누리 추가 */
.opencode {margin-top:20px; border:1px solid #dbdbdb; padding:25px 2%; overflow:hidden; position:relative;}
.opencode img {position:absolute; left:2%; top:30px;}
.opencode p {margin:0 0 0 240px; word-break:keep-all;}
@media screen and (max-width:1023px){
.opencode img {width:23%;}	
.opencode p {margin:0 0 0 27%;}
}
@media screen and (max-width:840px){
.opencode {padding:20px 3%;}	
.opencode img {width:28%; left:3%; top:25px;}	
.opencode p {margin:0 0 0 33%;}
}
@media screen and (max-width:640px){	
.opencode img {width:32%; min-width:170px; left:auto; top:auto; position:relative; margin:0 auto; display:block;}	
.opencode p {margin:15px 0 0 0; font-size:14px;}
}


.btn-ticket{ position:relative; top:-40px}
a.btn.blank.ticket:link, a.btn.blank.ticket:visited, a.btn.blank.ticket:active{ background:#ec4667; border:1px solid #ec4667; padding:16px 35px;  color: #fff;}
a.btn.blank.ticket:hover{ background:#fff; color: #ec4667;}
@media screen and (max-width:640px){	
a.btn.blank.ticket:link, a.btn.blank.ticket:visited, a.btn.blank.ticket:active{  padding:13px 25px}
}




.right{ text-align: right;}
.ml5{ margin-left: 5px;}


/* 20230213 본인확인 서비스 */

#login_wrap{}
#login_wrap [data-infombox="1"]{}
#login_wrap [data-infombox="1"] + div{margin-top: 1.875em;}
#login_wrap [data-infombox="1"] + div{display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: 2.4rem;}
#login_wrap [data-infombox="1"] + div > div{position: relative;padding: 2.5em 2.5em 7.375em;border: 1px solid #E2E2E2;box-sizing: border-box;}
#login_wrap [data-infombox="1"] + div > div.sns-login{padding: 2.5em 2.5em 9.75em; margin-top:0px;}
#login_wrap [data-infombox="1"] + div > div:before{content: "";display: block;width: 4.3125em;height: 4.0625em;margin-bottom: 2em;background-repeat: no-repeat;background-position: center center;background-size: 100% auto;}
#login_wrap [data-infombox="1"] + div > div:nth-child(1):before{background-image: url(../../images/1000y/content/login_wrap_img01.svg);}
#login_wrap [data-infombox="1"] + div > div:nth-child(2):before{background-image: url(../../images/1000y/content/login_wrap_img03.svg);}
#login_wrap [data-infombox="1"] + div > div:nth-child(3):before{background-image: url(../../images/1000y/content/login_wrap_img03.svg);}
#login_wrap [data-infombox="1"] + div > div h5{font-size: 1.5em;letter-spacing: -0.02em;font-weight: 600;line-height: 100%;color: #222;text-align: left;}
#login_wrap [data-infombox="1"] + div > div h5:before{display: block;margin-bottom: 0.625em;font-size: 0.67em;color: #0064CA;letter-spacing: -0.02em;font-weight: 600;}
#login_wrap [data-infombox="1"] + div > div:nth-child(1) h5:before{content: "01";}
#login_wrap [data-infombox="1"] + div > div:nth-child(2) h5:before{content: "02";}
#login_wrap [data-infombox="1"] + div > div:nth-child(3) h5:before{content: "03";}
#login_wrap [data-infombox="1"] + div > div p{line-height: 150%;letter-spacing: -0.02em;color: #444;text-align: left; }
#login_wrap [data-infombox="1"] + div > div p strong{display: none;}
#login_wrap [data-infombox="1"] + div > div > span,
#login_wrap [data-infombox="1"] + div > div.sns-login >div{position: absolute; bottom: 2.5em; left: 0; display: block; width: 100%; padding: 0 2.5em; text-align: center; box-sizing: border-box;}
#login_wrap [data-infombox="1"] + div > div > span a,
#login_wrap [data-infombox="1"] + div > div.sns-login >div >a{
    position: relative;
    display: inline-block;
    width: 100%;
    max-width: 13.06em;
    height: calc(2.78em - 2px);
    line-height: calc(2.78em - 2px);
    font-size: 1.125em;
    border-width: 1px;
    border-style: solid;
    letter-spacing: -0.02em;
    color: #FFF;
    font-weight: 500;
    text-decoration: none;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

#login_wrap [data-infombox="1"] + div > div:nth-child(1) > span a{background-color: #0064CA; border-color: #0064CA;}
#login_wrap [data-infombox="1"] + div > div:nth-child(2) > span a{background-color: #10223E; border-color: #10223E;}
#login_wrap [data-infombox="1"] + div > div.sns-login >div >a:nth-child(1){background-color: #17AA58; border-color: #17AA58;  line-height: calc(1.58em - 2px);}
#login_wrap [data-infombox="1"] + div > div.sns-login >div >a:nth-child(2){background-color: #FAE100;border-color: #FAE100;line-height: calc(1.58em - 2px);margin-left:0px;}
#login_wrap [data-infombox="1"] + div > div.sns-login >div >a:not(:first-child){margin-top: 0.8em;color: #222;}
#login_wrap [data-infombox="1"] + div > div > span a:hover{background-color: #fff;}
#login_wrap [data-infombox="1"] + div > div:nth-child(1)> span a:hover{color: #0064CA;}
#login_wrap [data-infombox="1"] + div > div:nth-child(2)> span a:hover{color: #10223E;}
#login_wrap [data-infombox="1"] + div > div > span a:after{
    content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.3em; margin-bottom: 0.2em; background: url(../../images/1000y/content/login_wrap_img04.svg) no-repeat center center; background-size: 100% auto; vertical-align: middle;
    -webkit-transition: all 0.2s linear; transition: all 0.2s linear;
}
#login_wrap [data-infombox="1"] + div > div:nth-child(1) > span a:hover:after{background-image: url(../../images/1000y/content/login_wrap_img05.svg);}
#login_wrap [data-infombox="1"] + div > div:nth-child(2) > span a:hover:after{background-image: url(../../images/1000y/content/login_wrap_img06.svg);}
#login_wrap [data-infombox="1"] + div > div.sns-login >div >a i{display: inline-block;margin-right: 0.2em;font-style: normal;}
#login_wrap [data-infombox="1"] + div > div.sns-login >div >a i:before{content: ""; display: inline-block; width: 1em; height: 1em; margin-right: 0.3em; margin-bottom: 0.2em; background: url(../../images/1000y/content/login_wrap_img07.svg) no-repeat center center; background-size: 100% auto; vertical-align: middle;}
#login_wrap [data-infombox="1"] + div > div.sns-login >div >a:nth-child(2) i:before{background-image: url(../../images/1000y/content/login_wrap_img08.svg);}
#login_wrap [data-list-bullet="1"] a[target="_blank"]{display: inline-block; color: #0064CA;}
#login_wrap [data-list-bullet="1"] a[target="_blank"]:after{content: ""; display: inline-block; width: 1em; height: 1em; margin-left: 0.1em; margin-bottom: 0.2em; background: url(../../images/1000y/skin/icon_blank02.svg) no-repeat center center; background-size: 100% auto; vertical-align: middle;}


@media screen and (max-width: 1024px){
    #login_wrap [data-infombox="1"] + div{grid-template-columns: repeat(1, 1fr); grid-gap: 2rem;}
    #login_wrap [data-infombox="1"] + div > div,
    #login_wrap [data-infombox="1"] + div > div.sns-login{padding: 2.5em 2.5em 3em 8.3em; box-sizing: border-box;}
    #login_wrap [data-infombox="1"] + div > div:before{position: absolute; top: 2.5em; left: 2.5em;}
    #login_wrap [data-infombox="1"] + div > div > span, 
    #login_wrap [data-infombox="1"] + div > div.sns-login >div{position: relative; bottom: auto; left: auto; margin-top: 1.2em; padding: 0; text-align: left;}
    #login_wrap [data-infombox="1"] + div > div > span a, 
    #login_wrap [data-infombox="1"] + div > div.sns-login >div a{max-width: 11.5em; text-align: center;}
    #login_wrap [data-infombox="1"] + div > div.sns-login >div >a{margin-right: 0.4em;}
    #login_wrap [data-infombox="1"] + div > div.sns-login >div >a:last-child{margin-right: 0;}
    #login_wrap [data-infombox="1"] + div > div.sns-login >div >a:not(:first-child){margin-top: 0.4em;}
}

@media screen and (max-width: 640px){
    #login_wrap [data-infombox="1"] + div > div, 
    #login_wrap [data-infombox="1"] + div > div.sns-login{padding: 2em 2em 2.5em;}
    #login_wrap [data-infombox="1"] + div > div:before{display: none;}
}
@media screen and (max-width: 480px){
    #login_wrap [data-infombox="1"] + div > div > span, 
    #login_wrap [data-infombox="1"] + div > div.sns-login >div{width: 14em;}
    #login_wrap [data-infombox="1"] + div > div.sns-login >div >a:not(:first-child){margin-top: 0.4em;}
}


.basic_box{margin-bottom:20px;background:#ececec; padding: 25px;}
.basic_box h4{background:none; padding-left:0; margin:10px 0 8px 0 }


/***본인인증서비스***/

.adult{ display: flex; margin: 0 -20px;}
.adult>div{ width: calc((100% / 2) - 40px); margin: 0 20px;}

.adult-phone {float:left; width:300px; margin-right:20px; border:1px solid #d5d5d5; background:url(../../images/kor/sitemap/phone.png) no-repeat 30px; padding:0 18px 0 140px}
.adult-phone:after{display:block; content:""; clear:both}

.adult-i-pin h5, .adult-phone h5 {font-size:20px; color:#333; margin:25px 0 15px 0;}
.adult-i-pin p, .adult-phone p {font-size:15px; height:100px}

.phone-btn {display:inline-block; background:#009cdd; margin:15px 0 15px 0; padding:10px 23px 10px 23px}
.phone-btn button {color:#fff; text-decoration:none; border:0; background:none; font-size:1em}

.adult-i-pin {float:left; width:300px; border:1px solid #d5d5d5; background:url(../../images/kor/sitemap/i-pin.png) no-repeat 20px; padding:0 18px 0 140px}
.adult-i-pin:after{display:block; content:""; clear:both}

.i-pin-btn {display:inline-block; background:#2bb34b; margin:15px 0; padding:10px 23px 10px 23px}
.i-pin-btn button {color:#fff; text-decoration:none; border:0; background:none; font-size:1em}

@media all and (max-width:1270px) {
.adult-phone, .adult-i-pin {float:none; width:auto; min-height:auto; margin-bottom:20px}
.adult-phone {margin-right:0}
.adult-phone p, .adult-i-pin p {height:auto}
}
@media all and (max-width:600px) {
.adult-phone, .adult-i-pin {background:none; padding:0 18px}
}