@charset "utf-8";

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

	Common Layout

////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1342px){
/* layout */
.user .layout {max-width:98%; padding:0 10px;}

/* header */
.user #header h1 {left:1%; margin-left:10px;}
.user #header .global {max-width:98%; padding:0 10px;}
.user #header .js_menu #blind:after {max-width:100%;}
.user #header .js_menu ul {max-width:100%; padding:0 1% 0 27%;}

/* container */
#container {padding:0 10px;}
#main.user #container {padding:0;}
.user #container #remote {max-width:98%;}
.user #container #contents {max-width:98%;}

/* footer */
.user #footer {padding:20px 10px 30px 10px;}
}


@media screen and (max-width: 1023px){
/* layout */
.js_mobile_check {display:block;}
.user #wrap {padding-top:75px;}
body.mobile_menu {position:fixed; width:100%;}
.user .top_btn a {width:34px; height:34px;}

/* header */
.user #slide_map {display:block;}
.user.mobile_menu  #slide_map {top:0; opacity:1; -webkit-opacity:1;}
.user #header .mob_btn {display:block;}
.user #header {height:75px; box-shadow:0 2px 10px rgba(0,0,0,0.05); -webkit-box-shadow:0 2px 10px rgba(0,0,0,0.05);}
.user #header.fixed {position:absolute !important; top:0 !important;}
.user #header:after {display:none;}
.user #header h1 {left:50%; margin-left:-113px; top:50%; margin-top:-15px;}
.user #header .global {display:none;}
.user #header .js_menu {display:none;}
.user #slide_map .inner .global span.covid{ display:none}

/* visual */ 
#sub.user #visual {height:220px; padding:47px 0 0 0; background-size:cover !important;}
#sub.user #visual.bg01 {background:#f0efef url(../../images/art/layout/sub_visual_bg_mob.png) no-repeat center 50%;}
#sub.user #visual.bg02 {background:#f0efef url(../../images/art/layout/sub_visual2_bg_mob.png) no-repeat center 50%;}
#sub.user #visual.bg03 {background:#f0efef url(../../images/art/layout/sub_visual3_bg_mob.png) no-repeat center 50%;}
#sub.user #visual.bg04 {background:#f0efef url(../../images/art/layout/sub_visual4_bg_mob.png) no-repeat center 50%;}
#sub.user #visual.bg05 {background:#f0efef url(../../images/art/layout/sub_visual5_bg_mob.png) no-repeat center 50%;}
#sub.user #visual.bg06 {background:#f0efef url(../../images/art/layout/sub_visual6_bg_mob.png) no-repeat center 50%;}
#sub.user #visual.bg11 {background:#f0efef url(../../images/art/layout/sub_visual6_bg_mob.png) no-repeat center 50%;}
#sub.user #visual:before,
#sub.user #visual:after {display:none;}
#sub.user #visual h2 span {font-size:18px; line-height:22px; display:none;}
#sub.user #visual h2 strong {font-size:42px; line-height:48px; margin:0 0 7px 0;}
#sub.user #visual h2 span.eng {display:block;}

/* container */
.user #container #remote {border-top:4px solid #1e1596; margin-top:-40px; padding:30px 3% 0 3%; margin-bottom:30px;}
.user #container #remote #lnb {display:none;}
.user #container #remote #path {bottom:0; top:31px;}
.user #container #remote #path .navi {display:none;}
.user #container #remote #path .gong_u a.toggle_btn {display:none;}
.user #container #remote #path .gong_u ul {display:block !important; padding:0; width:69px; top:0 !important; opacity:1 !important; -webkit-opacity:1 !important; border:0; background:none;}
.user #container #remote #path .gong_u ul li {margin:0 0 0 5px;}
.user #container #remote #path .gong_u ul li a {border-radius:50%; -webkit-border-radius:50%; width:32px; height:32px; background-size:100% auto !important;}
.user #container #remote #path .print {display:none;}
.user #container #remote h3.cont_title {font-size:33px; line-height:38px; margin-left:0;}
.user #container #remote #path {right:3%;}
.user #container .menu_depth3 {display:none;}
.user #container .menu_depth4 {max-width:98%; padding:0 3%; position:relative; margin-top:0;}
.user #container #contents {padding:0 3% 50px 3%;}
.user #container .quick {display:none;}

/* footer */
.user #footer {padding:10px 10px 20px 10px;}
.user #footer .layout {background:none; padding-left:0;}
.user #footer address span {padding:0 10px;}
}


@media screen and (max-width: 840px){
/* layout */
.user #wrap {padding-top:70px;}

/* header */
.user #slide_map {padding-top:70px;}
.user #header .mob_btn {top:25px;}
.user #header {height:70px;}
.user #header h1 {margin-left:-106px;}
.user #header h1 a {font-size:22px;}

/* visual */ 
#sub.user #visual {height:190px; padding:38px 0 0 0;}
#sub.user #visual h2 strong {font-size:38px; line-height:44px; margin-bottom:3px;}
#sub.user #visual h2 span {font-size:16px; line-height:20px;}

/* container */
.user #container #remote {padding-top:25px; margin-bottom:25px;}
.user #container #remote #path {top:26px;}
.user #container #remote h3.cont_title {font-size:30px; line-height:35px;}
}


@media screen and (max-width: 800px){
/* footer */
.user #footer .layout {padding-top:38px;}
.user #footer .menu {margin-right:0;}
.user #footer .menu li {width:25%; box-sizing:border-box; padding:0;}
.user #footer .menu li a {text-align:center;}
.user #footer .relate_site {width:100%; top:3px;}
.user #footer .relate_site a {padding:6px 3%;}
.user #footer .relate_site a:after {right:3%;}
.user #footer .relate_site ul li a {padding:7px 3%;}
.user #footer .copy, .user #footer address {text-align:center;}	
} 

@media screen and (max-width: 640px){
/* layout */
.user #wrap {padding-top:60px;}
	
/* header */
.user #slide_map {padding-top:60px;}
.user #slide_map .inner .global span a {font-size:15px;}
.user #slide_map .inner ul li a span {font-size:17px; padding:11px 5px;}
.user #slide_map .inner ul li ul li a {font-size:15px; padding:9px 10px;}
.user #slide_map .inner ul li ul li ul li a {font-size:14px; padding:8px 0 8px 20px;}

.user #header .mob_btn {top:20px;}
.user #header {height:60px;}
.user #header h1 {margin-left:-98px;}
.user #header h1 a {font-size:20px;}	
	
/* visual */ 
#sub.user #visual {height:160px; padding:30px 0 0 0;}
#sub.user #visual h2 strong {font-size:34px; line-height:40px;}
#sub.user #visual h2 span {font-size:15px; line-height:19px;}

/* container */
.user #container #remote {margin-top:-35px; padding-top:20px; border-top:3px solid #1e1596; margin-bottom:20px;}
.user #container #remote #path {top:23px;}
.user #container #remote #path .gong_u a.toggle_btn {background-size:80% auto !important;}
.user #container #remote #path .gong_u ul {width:61px;}
.user #container #remote #path .gong_u ul li a {width:28px; height:28px;}
.user #container #remote h3.cont_title {font-size:27px; line-height:32px;}
.user #container #contents {padding:0 3% 40px 3%;}

/* footer */
.user #footer .menu {border-bottom:0;}
.user #footer .menu li {width:50%; border-bottom:1px solid #62c4a1;}
.user #footer .menu li:nth-child(3):after {display:none;}
.user #footer .menu li a {font-size:14px; padding:6px 0;}
.user #footer .relate_site a {font-size:14px;}
.user #footer .relate_site ul li a {font-size:14px;}
.user #footer .copy, .user #footer address {font-size:13px;}
.user #footer address span:after {top:27%; height:48%;}
}


@media screen and (max-width: 480px){
/* viasual */ 
#sub.user #visual {height:130px; padding:20px 0 0 0;}
#sub.user #visual h2 strong {font-size:30px; line-height:36px;}
#sub.user #visual h2 span {font-size:14px; line-height:18px;}	
	
/* container */
.user #container #remote {margin-top:-30px;}
.user #container #remote #path {top:22px;}
.user #container #remote #path .gong_u ul {width:57px;}
.user #container #remote #path .gong_u ul li a {width:26px; height:26px;}
.user #container #remote h3.cont_title {font-size:24px; line-height:29px;}	
.user #container #contents {padding:0 3% 35px 3%;}	
	
/* footer */
.user #footer .copy span {display:block;}
}




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

	Main Content

////////////////////////////////////////////////////////////////////////////// */
@media screen and (max-width: 1470px){
#main.user .past_performance .move button {width:50px; height:50px; margin-bottom:-25px; opacity:0.8; -webkit-opacity:0.8; 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 .past_performance .move button.slick-prev {left:0; background:#fff url(../../images/art/content/ongoing_performance_control_l_mob.png) no-repeat center 50%;}
#main.user .past_performance .move button.slick-next {right:0; background:#fff url(../../images/art/content/ongoing_performance_control_r_mob.png) no-repeat center 50%;}
}

@media screen and (max-width: 1342px){
#main.user .ongoing_performance .slick-slide {padding:0 10px;}	
#main.user .ongoing_performance .slide {max-width:98%;}
#main.user .past_performance .layout {max-width:98%; padding:0;} 	
}

@media screen and (max-width:1280px){	
#main.user .ongoing_performance {height:528px;}
#main.user .ongoing_performance .slide {height:528px;}
#main.user .ongoing_performance .slide .poster {width:381px;}
#main.user .ongoing_performance .slide .txt {margin-left:381px; padding:80px 0 0 4.5%;}
#main.user .ongoing_performance .slide .txt p {font-size:22px; line-height:26px;}
#main.user .ongoing_performance .slide .txt p.title strong {font-size:45px; line-height:49px;}
#main.user .ongoing_performance .slide .txt p.title span {font-size:26px; line-height:32px;}
}

@media screen and (max-width:1200px){	
#main.user .infor ul li.bn04 .call span {font-size:20px;}
}

@media screen and (max-width:1100px){	
#main.user .infor ul li.bn04 .call span {font-size:19px;}
}

@media screen and (max-width:1023px){
#main.user h3 {font-size:29px; line-height:35px; margin:0 0 20px 0;}
#main.user .main_visual {height:478px;}
#main.user .main_visual img {width:380px; margin:-115px 0 0 -190px;}	
#main.user .ongoing_performance {height:478px;}
#main.user .ongoing_performance button {bottom:70px;}
#main.user .ongoing_performance .slide {height:478px;}
#main.user .ongoing_performance .slide .poster {width:345px;}
#main.user .ongoing_performance .slide .txt {margin-left:345px; padding:60px 0 0 4%;}
#main.user .ongoing_performance .slide .txt p {font-size:21px; line-height:25px;}
#main.user .ongoing_performance .slide .txt p.title strong {font-size:38px; line-height:44px;}
#main.user .ongoing_performance .slide .txt p.title span {font-size:21px; line-height:27px;}
#main.user .ongoing_performance .slide .txt .datail_btn {bottom:70px; padding:15px 15px; font-size:17px;}
#main.user .infor {padding:60px 0 60px 0;}
#main.user .infor ul li {width:32%; height:auto;}
#main.user .infor ul li a span {font-size:21px; line-height:26px;}
#main.user .infor ul li a span.img {height:170px;}
#main.user .infor ul li a span.img img {height:140%;}
#main.user .infor ul li a span.title {height:auto; padding:17px 0;}
#main.user .infor ul li.bn04 {width:100%; margin-left:0; margin-top:20px;}
#main.user .infor ul li.bn04:after {content:""; display:block; clear:both;}
#main.user .infor ul li.bn04 a {height:auto; width:50%; float:left; border:0; border-right:1px solid #9bdac3; padding:17px 0 20px 0;}
#main.user .infor ul li.bn04 a img {display:inline-block; vertical-align:top; height:45px; margin:0 10px 0 0;}
#main.user .infor ul li.bn04 a span.text {font-size:17px; line-height:22px; margin:0 0 8px 0;}
#main.user .infor ul li.bn04 a span.go {padding:7px 12px; font-size:16px; line-height:21px;}
#main.user .infor ul li.bn04 .call {width:50%; float:right; margin:0; padding-top:24px;}
#main.user .infor ul li.bn04 .call span {font-size:17px; line-height:22px;}
#main.user .infor ul li.bn04 .call strong {font-size:34px; line-height:38px;}
#main.user .infor ul li.bn04 .find_idpw {height:112px;}
#main.user .notice {padding:55px 0 60px 0;}
#main.user .notice .list {padding:35px 3% 35px 3%;}
#main.user .notice .list ul {padding-right:60px; width:auto;}
#main.user .notice .list ul li {float:none; width:auto; border:0; margin-top:25px; padding:0;}
#main.user .notice .list ul li:first-child {margin-top:0;}
#main.user .notice .list ul li a {padding:0 0 0 90px;}
#main.user .notice .list ul li p {font-size:15px; line-height:19px;}
#main.user .notice .list ul li p.title {margin:0 0 8px 0; font-size:18px; line-height:22px;}
#main.user .notice .list ul li p.title img {top:0;}
#main.user .notice .list ul li p.txt {max-height:38px;}
#main.user .notice .list ul li p.date {top:0;}
#main.user .notice .list ul li p.date:after {height:90%; left:73px; top:3%;}
#main.user .notice .list ul li p.date span.year {font-size:15px; padding-top:38px; font-weight:500;}
#main.user .notice .list ul li p.date span.day {font-size:44px; line-height:40px;}
#main.user .notice .list .more_btn {right:3%; width:36px; height:36px;}
#main.user .past_performance {padding:55px 0 60px 0;}
#main.user .past_performance .layout {padding:0 3px;}
#main.user .past_performance h3 {margin:0 0 20px 0;}
#main.user .past_performance .move button {width:44px; height:44px; margin-bottom:-22px; background-size:50% auto !important; background-position:center 50% !important; opacity:0.8 !important; -webkit-opacity:0.8 !important;}
#main.user .past_performance .move .slider {padding:0 7px;}
#main.user .past_performance .move .slick-list {padding:0 !important;}
#main.user .past_performance .move .slider a:hover, #main.user .past_performance .move .slider a:active {transform:scale(1); -webkit-transform:scale(1);}
#main.user .banner {padding:60px 0;}
#main.user .banner ul li a {padding:20px 0;}
#main.user .banner ul li a span {font-size:18px; line-height:23px; padding:60px 0 0 0;}
#main.user .banner ul li a span:after {height:55px; background-size:auto 100% !important;}
#main.user .banner ul li a:hover span:after, #main.user .banner ul li a:active span:after {animation-name:none; -webkit-animation-name:none;}
}

@media screen and (max-width:840px){
#main.user h3 {font-size:27px; line-height:33px; padding-top:15px; margin:0 0 15px 0;}	
#main.user .main_visual {height:400px;}
#main.user .main_visual img {width:340px; margin:-105px 0 0 -170px;}	
#main.user .ongoing_performance {height:auto; padding:30px 0;}	
#main.user .ongoing_performance:before, #main.user .ongoing_performance:after {display:none;}
#main.user .ongoing_performance#check01 {background:#e6e6e6 url(../../images/art/content/main_ongoing_performance_bg_bg_mob.png) no-repeat center top; background-size:auto 130%;}	
#main.user .ongoing_performance#check02 {background:url(../../images/art/content/main_ongoing_performance2_bg_bg0.png) repeat center 50%; background-size:150px auto;}
#main.user .ongoing_performance#check03 {background:url(../../images/art/content/main_ongoing_performance2_bg_bg0.png) repeat center 50%; background-size:150px auto;}
#main.user .ongoing_performance#check02:after {display:block; bottom:0; right:0; margin-right:0; background-size:auto 140% !important; background:url(../../images/art/content/main_ongoing_performance2_bg_bg_mob.png) no-repeat center top; width:100%; height:100%;}
#main.user .ongoing_performance#check03:after {display:block; bottom:0; right:0; margin-right:0; background-size:auto 135% !important; background:url(../../images/art/content/main_ongoing_performance3_bg_bg_mob.png) no-repeat center top; width:100%; height:100%;}
@keyframes mainvisualbg1 {
    0%{opacity:1; top:0;} 
    100%{opacity:1; top:0;}
}
@-webkit-keyframes mainvisualbg1{
    0%{opacity:1; top:0;} 
    100%{-webkit-opacity:1; top:0;}
}
@keyframes mainvisualbg2 {
     0%{opacity:1; bottom:0;} 
    100%{opacity:1; bottom:0;}
}
@-webkit-keyframes mainvisualbg2{
    0%{opacity:1; bottom:0;} 
    100%{-webkit-opacity:1; bottom:0;}
}
#main.user .ongoing_performance .slick-list {padding:0 40px !important;}
#main.user .ongoing_performance button {bottom:50%; margin-bottom:-25px; left:auto; width:50px; height:50px; opacity:0.8; -webkit-opacity:0.8; 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 .ongoing_performance button.slick-prev {background:#fff url(../../images/art/content/ongoing_performance_control_l_mob.png) no-repeat center 50%; margin-left:0; left:40px;}
#main.user .ongoing_performance button.slick-next {background:#fff url(../../images/art/content/ongoing_performance_control_r_mob.png) no-repeat center 50%; margin-left:0; right:40px;}
#main.user .ongoing_performance .slide {height:auto; max-width:100%;}
#main.user .ongoing_performance .slide .poster {width:100%; position:relative; left:auto; top:auto;}	
#main.user .ongoing_performance .slide .poster img {width:100%; height:auto;}
#main.user .ongoing_performance .slide .txt {display:none;}
#main.user .infor {padding:50px 0;}
#main.user .infor ul li a span {font-size:20px; line-height:24px;}
#main.user .infor ul li a span.img {height:140px;}
#main.user .infor ul li a span.title {padding:16px 0;}
#main.user .infor ul li.bn04 {margin-top:15px;}
#main.user .infor ul li.bn04 a img {height:40px;}
#main.user .infor ul li.bn04 a span.go {padding:6px 10px; font-size:15px; line-height:19px;}
#main.user .infor ul li.bn04 .call strong {font-size:32px; line-height:36px;}
#main.user .infor ul li.bn04 .find_idpw {height:107px;}
#main.user .infor ul li.bn04 .find_idpw a {padding:28px 5%;}
#main.user .infor ul li.bn04 .find_idpw a span {font-size:18px;}
#main.user .notice {padding:45px 0 50px 0;}
#main.user .notice .list {padding:30px 3%;}
#main.user .notice .list .more_btn {top:23px;}
#main.user .past_performance {padding:45px 0 50px 0;}
#main.user .past_performance h3 {margin:0 0 15px 0;}
#main.user .banner {padding:50px 0;}
#main.user .banner ul li a span {font-size:17px; line-height:21px; padding:53px 0 0 0;}
#main.user .banner ul li a span:after {height:50px;}
}

@media screen and (max-width:640px){
#main.user h3 {font-size:25px; line-height:31px;}
#main.user .main_visual {height:320px; background-position:45% top;}
#main.user .main_visual img {width:260px; margin:-75px 0 0 -130px;}
#main.user .ongoing_performance {padding:25px 0;}
#main.user .ongoing_performance#check01 {background-size:auto 100%;}
#main.user .ongoing_performance#check02:after {background-size:auto 100% !important;}
#main.user .ongoing_performance#check03:after {background-size:auto 100% !important;} 
#main.user .ongoing_performance .slick-list {padding:0 35px !important;}
#main.user .ongoing_performance button.slick-prev {left:35px;}
#main.user .ongoing_performance button.slick-next {right:35px;}
#main.user .infor {padding:40px 0;}
#main.user .infor ul li a span {font-size:18px; line-height:22px;}
#main.user .infor ul li a span.img {height:110px;}
#main.user .infor ul li a span.title {padding:14px 0;}
#main.user .infor ul li.bn04 {margin-top:12px;}
#main.user .infor ul li.bn04 a span.text {font-size:16px; line-height:20px;}
#main.user .infor ul li.bn04 .call span {font-size:16px; line-height:20px;}
#main.user .infor ul li.bn04 .call strong {font-size:30px; line-height:34px;}
#main.user .infor ul li.bn04 .find_idpw {height:105px;}
#main.user .infor ul li.bn04 .find_idpw a {padding:30px 2%;}
#main.user .infor ul li.bn04 .find_idpw a span {font-size:17px; line-height:22px; background-size:auto 40px; min-height:40px; padding:10px 0 0 55px;}
#main.user .notice {padding:40px 0 45px 0;}
#main.user .notice .list {padding:25px 4% 25px 3%;}
#main.user .notice .list ul {padding-right:0;}
#main.user .notice .list ul li {margin-top:15px;}
#main.user .notice .list ul li a {padding:0 0 0 70px;}
#main.user .notice .list ul li p {font-size:14px; line-height:18px;}
#main.user .notice .list ul li p.title {font-size:16px; line-height:20px; min-height:inherit; padding-right:40px;}
#main.user .notice .list ul li p.title img {height:18px; top:1px;}
#main.user .notice .list ul li p.date {width:50px;}
#main.user .notice .list ul li p.date:after {left:57px;}
#main.user .notice .list ul li p.date span.year {font-size:13px; padding-top:30px;}
#main.user .notice .list ul li p.date span.day {font-size:34px; line-height:30px;}
#main.user .notice .list .more_btn {right:0; top:-49px; background:#fff; width:32px; height:32px;}
#main.user .notice .list .more_btn span {background-size:50% auto;}
#main.user .past_performance {padding:40px 0;}
#main.user .past_performance .move button {width:38px; height:38px; margin-bottom:-19px;}
#main.user .banner {padding:40px 0;}
#main.user .banner ul li a span {font-size:16px; padding:48px 0 0 0;}
#main.user .banner ul li a span:after {height:45px;}
}

@media screen and (max-width:540px){
#main.user .main_visual {height:280px; background-position:50% top;}
#main.user .main_visual img {width:245px; margin:-75px 0 0 -122px;}
#main.user .infor ul li.bn04 .find_idpw a {padding:17px 2%;}
#main.user .infor ul li.bn04 .find_idpw a span {font-size:16px; padding:45px 0 0 0; background-position:center top;}
}

@media screen and (max-width:480px){
#main.user h3 {font-size:23px; line-height:29px; padding-top:13px;}	
#main.user h3:after {height:2px; width:30px; margin-left:-15px;}
#main.user .main_visual {height:250px;}
#main.user .main_visual img {width:220px; margin:-65px 0 0 -110px;}	
#main.user .ongoing_performance .slick-list {padding:0 30px !important;}	
#main.user .ongoing_performance button.slick-prev {left:30px;}
#main.user .ongoing_performance button.slick-next {right:30px;}
#main.user .infor {padding:35px 0;}
#main.user .infor ul {position:relative; padding:0 0 74px 0;}
#main.user .infor ul li {width:48.5%; margin-left:3%;}
#main.user .infor ul li.bn03 {margin-left:0; margin-top:10px;}
#main.user .infor ul li.bn04 {margin:10px 0 0 3%; width:48.5%;}
#main.user .infor ul li a span {font-size:17px; line-height:21px;}
#main.user .infor ul li a span.title {padding:11px 0; height:43px;}
#main.user .infor ul li a span.img {height:100px;}
#main.user .infor ul li a span.img img {height:160%;}
#main.user .infor ul li.bn04 a {width:100%; border:0; height:143px; padding:15px 0;}
#main.user .infor ul li.bn04 a span.text {font-size:15px; margin:0;}
#main.user .infor ul li.bn04 a img {display:block; margin:5px auto 12px auto;}
#main.user .infor ul li.bn04 .call {position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; border:1px solid #9bdac3; padding:15px 0;}
#main.user .infor ul li.bn04 .call span {font-size:15px;}
#main.user .infor ul li.bn04 .call strong {font-size:28px; line-height:32px;}
#main.user .infor ul li.bn04 .find_idpw {position:absolute; left:0; bottom:0; height:64px; width:100%; box-sizing:border-box; border:1px solid #9bdac3; padding:10px 0;}
#main.user .infor ul li.bn04 .find_idpw a {padding:0 2%;}
#main.user .infor ul li.bn04 .find_idpw a span {padding:10px 0 0 55px; background-position:left 50%;}
#main.user .notice {padding:35px 0 40px 0;}
#main.user .notice .list .more_btn {top:-47px;}
#main.user .past_performance {padding:35px 0;}
#main.user .past_performance .layout {padding:0 5px;}
#main.user .past_performance .move .slider {padding:0 5px;}
#main.user .banner {padding:35px 0;}
}

@media screen and (max-width:400px){
#main.user h3 {font-size:21px; line-height:27px;}	
#main.user .main_visual {height:200px;}
#main.user .main_visual img {width:200px; margin:-55px 0 0 -100px;}
#main.user .infor {padding:30px 0;}
#main.user .notice {padding:30px 0 35px 0;}
#main.user .notice .list .more_btn {top:-46px;}
#main.user .past_performance {padding:30px 0;}
#main.user .past_performance .layout {padding:0 7px;}
#main.user .past_performance .move .slider {padding:0 3px;}
#main.user .banner {padding:30px 0;}
}




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

	Sub Content

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

@media screen and (max-width:1200px){	
/* 관람예절 */	
.user .etiquette li p {min-height:185px;}

/* 시설안내 - 개요 */	
.user .facility_summery .show_list li p {padding:35px 5%;}
.user .facility_summery .show_list li p span {display:inline;}
	
/* 인사말 */
.user .greeting {padding:30px 45% 0 0;}
.user .greeting:before {width:45%; height:420px;}	
}

@media screen and (max-width:1140px){	
/* 대관절차 */
.user .rental_step li {min-height:280px;}
.user .rental_step li .text span {display:inline;}
}

@media screen and (max-width:1080px){
/* 시설안내 - 시설VR */
.user .facility_vr .infor {position:relative; left:auto; top:auto; margin-bottom:20px;}
.user .facility_vr .infor ul:after {content:""; display:block; clear:both;}
.user .facility_vr .infor ul li {float:left; margin-top:0; margin-left:30px;}
.user .facility_vr .infor ul li:first-child {margin-left:0;}
}

@media screen and (max-width:1023px){
/* 공통 스타일 */
.user .down_btn {font-size:16px; line-height:22px; padding:10px 15px;}
.user .tipbox {padding:20px 3%;}
.user .tipbox p {padding:0 0 0 80px; min-height:65px; background-size:65px auto !important;}	
.user .tipbox.ty2 {padding:25px 190px 25px 3%; margin-bottom:25px;}
.btn {font-size:16px; line-height:22px; padding:10px 20px;}
a.btn.blank:link,
a.btn.blank:visited,
a.btn.blank:active{padding:10px 20px;}
a.btn.blank span {font-size:16px; line-height:22px;}
.user .find_member li a.find_idpw {display:none;}
.user .find_member li.bn02 p {display:block;}

/* 공연일정 - 리스트 */
.user .performance_list li {height:333px; padding:0 0 0 240px; margin-top:25px;}
.user .performance_list li .poster {width:240px;}
.user .performance_list li .txt {padding:35px 4%;}
.user .performance_list li .txt .category {font-size:15px; line-height:19px; padding:6px 5px;}
.user .performance_list li .txt .title {margin:12px 0 0 0;}
.user .performance_list li .txt .title a strong {font-size:30px; line-height:34px;}
.user .performance_list li .txt .title a span {font-size:18px; line-height:22px;}
.user .performance_list li .txt ul {margin-top:40px;}
.user .performance_list li .txt ul li {font-size:16px; margin:6px 0 0 0;}
.user .performance_list li .txt .link {bottom:35px; right:4%;}
.user .prerpare {margin-top:20px; padding:60px 5%;}
.user .prerpare p {font-size:17px; line-height:28px;}
.user .prerpare p.title {font-size:30px; line-height:36px; padding:60px 0 0 0; margin-bottom:15px; background-size:auto 45px;}

/* 공연일정 - 상세보기 */
.user .performance_datail {padding:0 0 0 290px; height:auto;}
.user .performance_datail .poster {width:290px;}
.user .performance_datail .txt {padding:30px 5%;}
.user .performance_datail .txt .title {padding:0 0 14px 0; margin:0 0 17px 0;}
.user .performance_datail .txt .title span.category {font-size:15px; line-height:19px; padding:6px 10px; margin:0;}
.user .performance_datail .txt .title strong {font-size:32px; line-height:38px; display:block; margin-top:8px;}
.user .performance_datail .txt .title span.sub_txt {font-size:17px; line-height:22px; margin-top:5px;}
.user .performance_datail .txt ul li {font-size:16px; line-height:21px; padding:0 0 0 80px;}
.user .performance_datail .txt .link {right:5%; bottom:30px;}
.user .show_notice {background-size:70px auto; padding:30px 23% 30px 65px; background-position:10px top;}
.user .show_notice:after {display:none;}
.user .show_notice p {position:relative; left:auto; top:auto; margin:0 0 10px 0;}
.user .show_notice ul {margin:0;}
.user .show_notice ul li.no_food span {padding:65px 0 0 0; background-size:60px auto; margin-top:-44px;}
.user .photo_silder .small_photo {padding:0 58px;}
.user .photo_silder .small_photo button {width:50px; height:50px; background-size:auto 60% !important; margin-bottom:-25px;}
.user .photo_silder .small_photo .elem {padding:0 8px;}

/* 좌석배치도 */
.user .seat_arrangement .infor {position:relative; left:auto; top:auto; margin-bottom:20px;}
.user .seat_arrangement .infor ul:after {content:""; display:block; clear:both;}
.user .seat_arrangement .infor ul li {float:left; margin-top:0; margin-left:30px;}
.user .seat_arrangement .infor ul li:first-child {margin-left:0;}
.user .seat_arrangement .seat_step2 {margin-top:30px;}
.user .seat_arrangement .seat_step2 .loaction {padding:30px 3%;}
.user .seat_arrangement .seat_step2 .loaction p {font-size:20px; line-height:24px; margin-bottom:10px;}
.user .seat_arrangement .seat_step2 .detail {padding:30px 4%;}
.user .seat_arrangement .seat_step2 .detail ul li p {font-size:20px; line-height:24px;}
.user .seat_arrangement .seat_step2.ty2 .loaction {padding:30px 3%;}
.user .seat_arrangement .seat_step2.ty2 .loaction .scroll {width:100%; overflow:auto;}
.user .seat_arrangement .seat_step2.ty2 .loaction .scroll:before {content:"* 좌우로 스크롤 이동해서 보실 수 있습니다."; display:block; margin:0 0 5px 0;}
.user .seat_arrangement .seat_step2.ty2 .loaction .scroll img {width:1097px; max-width:1097px;}
.user .seat_arrangement .seat_step2.ty2 .loaction .scroll.ty2:before {display:none;}
.user .seat_arrangement .seat_step2.ty2 .loaction .scroll.ty2 img {width:auto; max-width:100%;} 

/* 예매안내 */
.user .ticketing li {padding:0 0 35px 0;}
.user .ticketing li .title {font-size:18px; line-height:24px; margin:-21px auto 25px auto;}
.user .ticketing li .text, .user .ticketing li ul {background-size:100px auto !important; padding:125px 8% 0 8%;}
.user .tipbox.ty3 {margin:35px 0;}
.user .tipbox.ty3 ul {background-size:50px !important; padding:5px 0 0 65px;}
.user .tipbox.ty3 ul li {padding:0 0 0 130px;}
.user .tipbox.ty3 ul li strong {font-size:18px; width:115px;}

/* 아이디/비밀번호찾기 */
.user .find_member li {min-height:360px; padding:25px 3% 30px 3%;}
.user .find_member li p {font-size:16px; line-height:24px;}
.user .find_member li p.title {background-size:80px auto !important; padding:0 0 100px 0; height:190px;}
.user .find_member li p span strong {display:block; margin:0;}
.user .find_member li p span:nth-child(2) {margin-left:0;}

/* 관람예절 */
.user .facility.ty2 li .text p.title strong {font-size:20px; line-height:26px;}
.user .etiquette li {float:none; width:auto; padding:25px 3%;}
.user .etiquette li p {min-height:10px; background-position:right 3px !important; background-size:70px auto !important;}
.user .etiquette li strong {font-size:20px; line-height:26px; margin-bottom:5px;}

/* 시설안내 - 개요 */
.user .facility_summery .status {padding:25px;}
.user .facility_summery .status .bor {padding:30px 5% 30px 5%;}
.user .facility_summery .status .bor .title {font-size:16px;}
.user .facility_summery .status .bor .title span strong {font-size:24px; line-height:28px;}
.user .facility_summery .status .bor ul li span {font-size:17px; line-height:22px;}
.user .facility_summery .status .bor ul li strong {font-size:28px; line-height:32px;}
.user .facility_summery .status .bor ul li strong span {font-size:15px;}
.user .facility_summery .show_list {margin-top:35px;}
.user .facility_summery .show_list li p {padding:25px 5%;}
.user .facility_summery .show_list li p strong {background-size:80px auto !important; padding:0 0 100px 0; margin-bottom:20px; font-size:20px; line-height:24px;}

/* 대관가능일확인 */
.user .month_control a {width:38px; height:38px;}
.user .month_control strong {font-size:38px; line-height:38px;}
.user .appli_table thead {background:#bebebe;}
.user .appli_table th {background:#bebebe; border-left:1px solid #fff;}
.user .appli_table th.sun {color:#e42323; border-left:0;}
.user .appli_table th.sat {color:#2971be;}
.user .appli_table td {height:80px; padding:12px; font-size:15px; line-height:19px;}
.user .appli_table td span {font-size:14px; width:26px; height:26px; line-height:26px; left:8px; top:8px;}
	
/* 대관절차 */
.user .rental_step li {width:49%; min-height:220px; margin-bottom:30px;}	
.user .rental_step li:nth-child(odd) {margin-left:0;}
.user .rental_step li:nth-child(even) {margin-left:2%;}
.user .rental_step li .order {font-size:18px; line-height:24px; margin:-21px auto 25px auto;}
.user .rental_step li .text {background-size:80px auto !important; padding:95px 5% 0 5%;}
	
/* 오시는길 */
.user #map {height:400px;}
.user .map_infor {margin:25px 0;}
.user .map_infor li {padding:14px 0 0 65px; background-size:55px auto !important; min-height:55px; font-size:17px;}
.user .map_infor li strong {font-size:18px;}
.user .table_scroll {overflow:hidden; overflow:auto;}
.user .table_scroll:before {content:"* 좌우로 스크롤 이동해서 보실 수 있습니다."; display:block; margin:0 0 5px 0;}
.user .table_scroll table {width:1000px;}

/* 조직도 */
.user .organization li ul li {padding:18px 0 18px 240px;}
.user .organization li ul li .phone {left:90px;}

/* 연혁 */
.user .history_title {padding:25px;}
.user .history_title .bor {padding:55px 5% 60px 5%;}
.user .history_title .bor:after {border:5px solid #fff;}
.user .history_title .bor p span {font-size:18px;}
.user .history_title .bor p strong {font-size:32px; line-height:38px;}
.user .history_list {background-size:180px auto; padding:0 200px 0 0; margin:40px 2% 0 2%;}
.user .history_list li {padding:0; margin-top:30px;}
.user .history_list li strong {font-size:28px; line-height:28px; position:relative; left:auto; top:auto !important; height:32px;}
.user .history_list li strong span {font-size:17px;}
.user .history_list li ul {background:none; padding:0; margin-top:5px;}
.user .history_list li ul li {padding:0 0 0 130px;}
.user .history_list li ul li strong {font-size:22px; line-height:22px; padding:0 0 0 10px; height:auto;}
.user .history_list li ul li strong:after {width:4px; height:4px; margin-top:-2px;}
.user .history_list li ul li span {font-size:17px; line-height:22px;}
	
/* 인사말 */
.user .greeting {padding:20px 45% 0 0;}
.user .greeting:before {height:380px;}
.user .greeting:after {top:40px;}
.user .greeting p {padding:0 6%;}
.user .greeting p.title {font-size:28px; line-height:34px; padding:0 6% 25px 6%;}
.user .greeting p.title span {line-height:38px;}

/* 사이트맵 */	
.user .sitemap li a {padding:10px 5%;}
.user .sitemap li a span {font-size:18px; line-height:24px;}

/* 예매방법 */
.user .ticket_order li {margin-top:30px; border:3px solid #d2d0ea;}
.user .ticket_order li div {padding:15px 15px; margin:0 0 25px 0;}
.user .ticket_order li div p {font-size:14px;}
.user .ticket_order li img {margin:0 auto 25px auto;}
}

@media screen and (max-width:840px){
/* 공통 스타일 */	
.user .tipbox.ty2 {padding:20px 3% 20px 3%;}
.user .tipbox.ty2:after {right:0; opacity:0.4; -webkit-opacity:0.4;}

/* 공연일정 - 리스트 */
.user .performance_datail {margin:0 0 40px 0;}
.user .performance_list li {height:263px; padding:0 0 0 190px; margin-top:20px;}
.user .performance_list li .poster {width:190px;}
.user .performance_list li .poster a span {font-size:13px; width:55px; background-size:100% auto !important;}
.user .performance_list li .txt {padding:30px 5%;}
.user .performance_list li .txt .category {font-size:14px; line-height:18px; padding:5px 5px 6px 5px; display:none;}
.user .performance_list li .txt .category.ty1 {width:60px;}
.user .performance_list li .txt .category.ty2 {width:90px;}
.user .performance_list li .txt .title {margin:0;}
.user .performance_list li .txt .title a strong {font-size:28px; line-height:32px;}
.user .performance_list li .txt .title a span {display:none;}
.user .performance_list li .txt ul {margin:0 115px 0 0; padding-right:5%; position:absolute; bottom:30px;}
.user .performance_list li .txt ul li {font-size:15px; line-height:19px;}
.user .performance_list li .txt .link {bottom:30px; right:5%;}
.user .prerpare p {font-size:16px;}
.user .prerpare p.title {font-size:26px; line-height:32px;}

/* 공연일정 - 상세보기 */
.user .performance_datail {padding:0 0 0 230px;}
.user .performance_datail .poster {width:230px;}
.user .performance_datail .txt .title {padding:0 0 12px 0; margin:0 0 14px 0;}
.user .performance_datail .txt .title span.category {padding:5px 10px; font-size:14px; line-height:18px; display:none;}
.user .performance_datail .txt .title strong {font-size:30px; line-height:36px; margin-top:0;}
.user .performance_datail .txt .title span.sub_txt {display:none;}
.user .performance_datail .txt ul li {font-size:15px; line-height:19px; padding:0 0 0 70px; margin:8px 0 0 0;}
.user .show_notice {background:none; padding:25px 23% 25px 4%;}
.user .photo_silder {margin-top:50px;}
.user .photo_silder .small_photo {padding:0 50px;}
.user .photo_silder .big_photo {margin-bottom:10px;}
.user .photo_silder .small_photo button {width:44px; height:44px; margin-bottom:-22px;}
.user .photo_silder .small_photo .elem {padding:0 6px;}

/* 좌석배치도 */
.user .seat_arrangement .seat_step2 {margin-top:25px;}
.user .seat_arrangement .seat_step2 .loaction {padding:25px 4%;}
.user .seat_arrangement .seat_step2 .loaction p {font-size:18px; line-height:24px;}
.user .seat_arrangement .seat_step2 .detail {padding:25px 4%;}
.user .seat_arrangement .seat_step2 .detail ul li p {font-size:18px; line-height:24px;}
.user .seat_arrangement .seat_step2.ty2 .loaction {padding:25px 4%;}

/* 예매안내 */
.user .ticketing li {padding:0 0 30px 0;}
.user .ticketing li .title {font-size:17px; line-height:23px; padding:6px 0 8px 0; margin-top:-18px;}
.user .ticketing li .text, .user .ticketing li ul {background-size:85px auto !important; padding:105px 8% 0 8%;}
.user .tipbox.ty3 {margin:30px 0;}

/* 아이디/비밀번호찾기 */
.user .find_member li {min-height:10px !important; padding:25px 5%; float:none; width:auto; margin-left:0;}
.user .find_member li:first-child {margin-bottom:20px;}
.user .find_member li p.title {height:auto !important; margin-bottom:20px;}
.user .find_member li p.title strong {margin:0 0 5px 0;}
.user .find_member li p.title span.call {font-size:34px; line-height:34px;}

/* 편의시설 */
.user .facilities li {margin-bottom:25px;}

/* 관람예절 */	
.user .facility.ty2 li {position:relative; padding-right:332px;}
.user .facility.ty2 li .text {width:auto; float:none;}
.user .facility.ty2 li .text p {box-sizing:border-box; padding-right:5%;}
.user .facility.ty2 li .text p.title strong {font-size:18px; line-height:24px;}
.user .facility.ty2 li .photo {width:332px; position:absolute; right:0; top:0;}
.user .facility.ty2 li.align {padding-right:0; padding-left:332px;}
.user .facility.ty2 li.align .text p {padding-right:0; padding-left:5%;} 
.user .facility.ty2 li.align .photo {right:auto; left:0;}
.user .etiquette li strong {font-size:18px; line-height:24px;}

/* 시설안내 - 개요 */	
.user .facility_summery .status {padding:15px;}
.user .facility_summery .status .bor {padding:25px 5% 25px 5%;}
.user .facility_summery .status .bor:after {border:3px solid #fff !important;}
.user .facility_summery .status .bor .title {margin:0 0 10px 0;}
.user .facility_summery .status .bor .title span {display:inline;}	
.user .facility_summery .status .bor ul.ty2 {padding:0 5%;}
.user .facility_summery .status .bor ul li {width:50%; margin-top:10px;}
.user .facility_summery .status .bor ul.ty2 li {width:50%;}
.user .facility_summery .status .bor ul li:nth-child(3):after {display:none;}
.user .facility_summery .show_list li {float:none; width:auto; margin-left:0; margin-top:10px;}
.user .facility_summery .show_list.ty2 li {width:auto; margin-left:0;}
.user .facility_summery .show_list li p {font-size:15px; line-height:22px; padding:20px 5%;}
.user .facility_summery .show_list li p strong {background-size:70px auto !important; padding:0 0 80px 0; margin-bottom:15px; font-size:19px;}
	
/* 대관시설 */	
.user .facility li .text {width:55%;}
.user .facility li .photo {width:45%;}
	
/* 대관가능일확인 */
.user .appli_table th {font-size:17px; line-height:22px;}
.user .appli_table td {height:70px; text-align:left;}
.user .appli_table td span {left:auto; top:auto; position:relative; margin-bottom:5px;}
	
/* 대관절차 */
.user .rental_step li {margin:18px 0 30px 2%;}
.user .rental_step li .order {font-size:17px; line-height:23px; padding:6px 0 8px 0; margin-top:-18px;}	
	
/* 오시는길 */
.user #map {height:350px;}
.user .map_infor li {padding:0 0 0 55px; background-size:45px auto !important; background-position:left 50% !important; min-height:45px; font-size:16px;}
.user .map_infor li strong {font-size:17px; display:block; margin-right:0;}	
.user .table_scroll table {width:820px;}	
	
/* 조직도 */
.user .organization li {padding:0;}
.user .organization li p {font-size:15px; line-height:20px;}
.user .organization li .part {position:relative; left:auto; top:auto; background:#f0efef; padding:8px 10px; font-size:17px; line-height:22px;}	
.user .organization li ul li {padding:13px 0 13px 195px;}
.user .organization li ul li .name {top:13px; left:10px;}
.user .organization li ul li .phone {left:75px; top:13px;}

/* 연혁 */
.user .history_title {padding:20px;}
.user .history_title .bor {padding:45px 5% 50px 5%;}
.user .history_title .bor:after {border:3px solid #fff;}
.user .history_title .bor p span {font-size:16px; line-height:21px;}
.user .history_title .bor p strong {font-size:28px; line-height:34px;}
.user .history_list {background-size:150px auto; padding:0 160px 0 0; margin:30px 2% 0 2%;}
.user .history_list li {margin-top:25px;}
.user .history_list li strong {font-size:26px; line-height:26px; height:30px;}
.user .history_list li strong span {font-size:16px;}
.user .history_list li ul li {padding:0 0 0 120px;}
.user .history_list li ul li strong {font-size:20px; line-height:20px;}
.user .history_list li ul li span {font-size:16px; line-height:20px;}	
	
/* 인사말 */
.user .greeting {padding:20px 40% 0 0;}
.user .greeting:before {width:40%; height:340px;}
.user .greeting p {margin:20px 0 0 0;}
.user .greeting p.title {font-size:26px; line-height:34px; padding:0 6% 22px 6%;}
.user .greeting p.title span {line-height:34px;}
}

@media screen and (max-width:700px){
/* 공연일정 - 상세보기 */
.user .performance_datail {padding:0; height:auto; background:#fafcff;}
.user .performance_datail .poster {position:relative; left:auto; top:auto; width:100%; height:auto;}
.user .performance_datail .txt {padding:25px 5% 70px 5%;}
.user .performance_datail .txt .title strong {font-size:28px; line-height:34px;}
.user .performance_datail .txt ul {margin-right:0; padding-right:0;}
.user .performance_datail .txt .link {right:0; bottom:0; width:100%;}
.user .performance_datail .txt .link a {display:block; margin:0; padding:0;}
.user .performance_datail .txt .link a span {height:48px; line-height:48px; font-size:17px;}
.user .performance_datail .txt .link span.btn {height:50px; line-height:50px; font-size:17px; display:block; padding:0;}
.user .show_notice {padding:20px 4% 130px 4%;}
.user .show_notice p {font-size:18px; margin:0 0 5px 0;}
.user .show_notice ul li {font-size:15px;}
.user .show_notice ul li.no_food {width:100%; background:#e9f1fa; top:auto; bottom:0; height:auto; padding:12px 0 !important;}
.user .show_notice ul li.no_food:after {display:none;}
.user .show_notice ul li.no_food span {position:relative; left:auto; top:auto; margin:0; background-size:auto 55px; padding:60px 0 0 0;}

	
/* 관람예절 */
.user .facility.ty2 li {margin-top:40px; padding-right:0;}
.user .facility.ty2 li:first-child {margin-top:0;}
.user .facility.ty2 li .text {float:none; width:auto;}	
.user .facility.ty2 li .text p.title {padding:0 0 10px 0; margin:0 0 10px 0;}
.user .facility.ty2 li .photo {width:100%; position:relative; right:auto; top:auto; margin-top:15px;}	
.user .facility.ty2 li.align {padding-left:0;}
.user .facility.ty2 li.align .text p {text-align:left; padding-left:0;}
.user .facility.ty2 li.align .photo {left:auto;}
.user .etiquette li p {background-position:left top !important; background-size:60px auto !important; padding:0 0 0 70px;}
.user .etiquette li strong {font-size:17px; line-height:22px;}
	
/* 오시는길 */
.user .map_infor li {float:none; width:auto; margin-top:10px;}
.user .map_infor li:first-child {margin-top:0;}	
.user .table_scroll table {width:710px;}
}

@media screen and (max-width:688px){
/* 좌석배치도 */	
.user .seat_arrangement .seat_step2.ty2 .loaction .scroll.ty2:before {display:block;}
.user .seat_arrangement .seat_step2.ty2 .loaction .scroll.ty2 img {width:550px; max-width:550px;}
}

@media screen and (max-width:640px){
/* 공통 스타일 */
.user .down_btn {font-size:15px; padding:8px 12px;}	
.user .tipbox {padding:20px 4%; margin-bottom:25px; font-size:15px;}
.user .tipbox p {padding:0 0 0 70px; min-height:55px; background-size:55px auto !important; font-size:15px; line-height:21px;}
.user .tipbox.ty2 {padding:20px 4% 20px 4%; margin-bottom:20px;}
.user .tipbox.ty2 p.vr_tip {background-size:auto 42px !important; min-height:10px; padding-left:50px;}
.user .tipbox.ty2:after {right:-70px;}
.btn {font-size:15px; padding:10px 15px;}
a.btn.blank:link,
a.btn.blank:visited,
a.btn.blank:active{padding:10px 15px;}
a.btn.blank span {font-size:15px;}

/* 공연일정 - 상세보기 */
.user .performance_datail {margin:0 0 30px 0;}
.user .performance_datail .txt .title strong {font-size:26px; line-height:32px;}
.user .show_notice {margin:0 0 30px 0;}
.user .performance_poster img {margin-top:15px;}
.user .photo_silder {margin-top:40px;}
.user .photo_silder .small_photo {padding:0 50px;}
.user .photo_silder .big_photo {margin-bottom:7px;}
.user .photo_silder .small_photo button {width:40px; height:40px; margin-bottom:-20px;}
.user .photo_silder .small_photo .elem {padding:0 5px;}

/* 공연일정 - 리스트 */
.user .performance_list li {padding:0; height:auto}
.user .performance_list li .poster {width:100%; position:relative; left:auto; top:auto; padding-bottom:50px;}
.user .performance_list li .poster a span {font-size:14px; width:61px;}
.user .performance_list li .poster a:before, .user .performance_list li .poster a:after {display:none;}
.user .performance_list li .txt {position:absolute; z-index:10; left:0; bottom:0; width:100%; height:auto; padding:20px 0 0 0;}
.user .performance_list li .txt:after {content:""; display:block; width:100%; height:100%; background:#000; position:absolute; left:0; top:0; z-index:1; opacity:0.5; -webkit-opacity:0.5;}
.user .performance_list li .txt .category {position:relative; z-index:10; margin:0 4%;}
.user .performance_list li .txt .category.ty1 {background:#1e1596; color:#fff;}
.user .performance_list li .txt .category.ty2 {background:#e1395a; color:#fff;}
.user .performance_list li .txt .title {position:relative; z-index:10; margin:0 4% 0 4%;}
.user .performance_list li .txt .title a strong {color:#fff !important; font-size:26px; line-height:30px;}
.user .performance_list li .txt ul {position:relative; padding:0 4% 20px 4%; bottom:0; margin:15px 0 0 0; color:#fff; z-index:10; opacity:0.9; -webkit-opacity:0.9;}
.user .performance_list li .txt ul li span:after {background:#fff; opacity:0.9; -webkit-opacity:0.9;}
.user .performance_list li .txt .link {bottom:0; right:auto; position:relative; z-index:10;}
.user .performance_list li .txt .link .btn {display:block; margin:0; padding:0;}
.user .performance_list li .txt .link span.btn {height:50px; line-height:50px; font-size:17px;}
.user .performance_list li .txt .link .btn span {height:48px; line-height:48px; font-size:17px;}
.user .prerpare {padding:50px 4%; margin-top:15px;}
.user .prerpare p {font-size:15px; line-height:22px;}
.user .prerpare p.title {font-size:22px; line-height:28px; margin-bottom:10px; background-size:auto 40px; padding-top:55px;}

/* 공연일정 - 상세보기 */
.user .performance_datail .poster span {font-size:14px; width:61px; background-size:100% auto !important;}

/* 좌석배치도 */
.user .seat_arrangement .rwd_check {display:block;}
.user .seat_arrangement .infor {margin-bottom:15px;}
.user .seat_arrangement .infor ul li {float:none; margin-top:3px; margin-left:0; font-size:15px;}
.user .seat_arrangement .seat_step2 {margin-top:20px;}
.user .seat_arrangement .seat_step2:before {display:none;}
.user .seat_arrangement .seat_step2 .loaction {float:none; width:auto; background:#f4f3fa; padding:20px 10%;}
.user .seat_arrangement .seat_step2 .detail {float:none; display:none; position:fixed; width:100%; height:100%; left:0; top:0; z-index:999;}
.user .seat_arrangement .seat_step2 .detail:after {content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:#000; opacity:0.7; -webkit-opacity:0.7;}
.user .seat_arrangement .seat_step2 .detail .posi {position:relative; height:100%; display:table; z-index:10;}
.user .seat_arrangement .seat_step2 .detail .posi .middle {display:table-cell; vertical-align:middle;}
.user .seat_arrangement .seat_step2 .detail ul li p {color:#fff; margin:0 0 10px 0;}
.user .seat_arrangement .seat_step2 .detail .close_btn {display:block; margin-bottom:-40px; position:relative; z-index:10;}
.user .seat_arrangement .seat_step2 .detail .close_btn:after {content:""; display:block; clear:both;}
.user .seat_arrangement .seat_step2 .detail .close_btn a {display:block; float:right; width:34px; height:34px; background:url(../../images/art/content/close_btn.png) no-repeat; overflow:hidden; text-indent:-9999px;}
.user .seat_arrangement .seat_step2.ty2 .loaction {padding:20px 5%;}
.user .seat_arrangement .seat_step2.ty2 .loaction .scroll:before {font-size:14px;}

/* 시설안내 - 시설VR */
.user .facility_vr.ty2 {margin-top:30px;}
.user .facility_vr .infor ul li {float:none; margin-top:3px; margin-left:0; font-size:15px;}

/* 예매안내 */
.user .ticketing li {padding:0 0 25px 0; float:none; margin-left:0; width:auto; height:auto !important; margin:28px 0 35px 0;}
.user .ticketing li .title {font-size:16px; line-height:22px; width:160px; padding:6px 0 7px 0; margin:-18px auto 20px auto;}
.user .ticketing li .text, .user .ticketing li ul {background-size:75px auto !important; padding:90px 8% 0 8%;}
.user .ticketing li ul li, .user .ticketing li .text {font-size:15px;}
.user .ticketing.ty2 li:last-child {margin-bottom:0;}
.user .tipbox.ty3 {margin:25px 0; padding:18px 4% 23px 4%;}
.user .tipbox.ty3 ul {background-size:40px !important; padding:2px 0 0 50px;}
.user .tipbox.ty3 ul li {font-size:15px; padding-left:0;}
.user .tipbox.ty3 ul li strong {font-size:17px; position:relative; left:auto; top:auto; display:block; width:auto;}
.user .tipbox.ty3 ul li strong:after {display:none;}

/* 아이디/비밀번호찾기 */
.user .find_member li {padding:20px 3%;}
.user .find_member li:first-child {margin-bottom:15px;}
.user .find_member li p {font-size:15px; line-height:22px;}
.user .find_member li p span strong {font-size:16px;}
.user .find_member li p.title {background-size:70px auto !important; padding:0 0 90px 0;}
.user .find_member li p.title strong {font-size:18px; line-height:24px;}

/* 편의시설 */
.user .facilities li {width:48.5%; margin-left:3%; margin-bottom:20px;}
.user .facilities li:nth-child(even) {margin-left:3%;}
.user .facilities li:nth-child(odd) {margin-left:0;}
.user .facilities li span {font-size:15px; padding:12px 0;}
.user .facilities li:nth-child(5), .user .facilities li:nth-child(6) {margin-bottom:0;}

/* 관람예절 */
.user .facility.ty2 li {margin-top:30px;}
.user .facility.ty2 li .text p.title strong {font-size:17px; line-height:22px;}
.user .etiquette li {font-size:15px; line-height:22px; padding:20px 4%;}
.user .etiquette li p {background-size:50px auto !important; padding:0 0 0 60px;}

/* 시설안내 - 분장실 */
.user .dressingroom span {float:none; margin-left:0; width:auto; margin-top:15px; font-size:15px;} 
.user .dressingroom span img {margin-bottom:5px;}

/* 시설안내 - 개요 */	
.user .facility_summery .status {background-position:left top; padding:10px;}
.user .facility_summery .status .bor {padding:20px 5% 20px 5%;}
.user .facility_summery .status .bor .title {font-size:15px; line-height:22px;}
.user .facility_summery .status .bor .title span {line-height:22px;}
.user .facility_summery .status .bor .title span strong {font-size:22px; line-height:26px;}
.user .facility_summery .status .bor ul  {padding:0;}
.user .facility_summery .status .bor ul li span {font-size:15px; line-height:20px;}
.user .facility_summery .status .bor ul li strong {font-size:24px; line-height:28px;}
.user .facility_summery .status .bor ul li strong em {font-size:15px;}
.user .facility_summery .status .bor ul li strong span {font-size:14px;}

/* 대관시설 */	
.user .facility li {margin-top:45px;}
.user .facility li .text p {font-size:15px; line-height:21px;}
.user .facility li .text p.title {padding:2px 0 8px 0;}
.user .facility li .text p.title strong {font-size:20px; line-height:26px;}
.user .facility li .text p.title span {font-size:13px;}

/* 대관가능일확인 */
.user .month_control a {width:34px; height:34px;}
.user .month_control  strong {font-size:34px; line-height:34px;}
.user .appli_tip {font-size:13px; margin:0 0 8px 0;}
.user .appli_tip span {padding:0 0 0 15px; margin-left:15px;}
.user .appli_tip span:after {width:12px; height:12px; margin-top:-7px;}
.user .appli_table th {font-size:15px; line-height:19px;}
.user .appli_table td {height:70px; padding:7px; font-size:14px; line-height:18px;}
.user .appli_table td span {font-size:13px; width:22px; height:22px; line-height:22px;}
	
/* 대관절차 */
.user .rental_step li {float:none; width:auto; min-height:10px; margin:37px 0 25px 0; margin-left:0 !important;}	
.user .rental_step li p {font-size:15px; line-height:21px;}	
.user .rental_step li .order {font-size:16px; line-height:22px; width:200px; padding:6px 0 7px 0; margin:-18px auto 20px auto;}
.user .rental_step li .text {background-size:70px auto !important; padding:85px 5% 0 5%; margin:0 0 25px 0;}	
	
/* 오시는길 */
.user #map {height:300px;}
.user .map_infor {margin:20px 0;}
.user .map_infor li {font-size:15px;}
.user .map_infor li strong {font-size:16px;}
.user .table_scroll:before {font-size:14px;}
	
/* 조직도 */
.user .organization li .part {font-size:16px; line-height:21px;}

/* 연혁 */
.user .history_title {padding:15px;}
.user .history_title .bor {padding:30px 3% 35px 3%;}
.user .history_title .bor p {text-align:center;}
.user .history_title .bor p span {font-size:15px; line-height:19px; letter-spacing:1px;}
.user .history_title .bor p strong {font-size:25px; line-height:30px;}
.user .history_list {background:none; padding:0; margin:25px 2% 0 2%;}
.user .history_list li {margin-top:20px;}
.user .history_list li strong {font-size:24px; line-height:24px; height:28px;}
.user .history_list li strong span {font-size:14px;}
.user .history_list li ul li {padding:0 0 0 100px;}
.user .history_list li ul li strong {font-size:18px; line-height:18px;}
.user .history_list li ul li span {font-size:15px; line-height:19px;}
	
/* 인사말 */
.user .greeting {padding:0 0 255px 0; margin:-10px 0 25px 0;}
.user .greeting:before {width:90%; height:250px; right:5%; top:auto; bottom:0;}
.user .greeting:after {width:100%; top:25px;}
.user .greeting p {font-size:15px; line-height:21px; padding:0 5%; margin:0 0 15px 0;}
.user .greeting p.title {font-size:23px; line-height:32px; padding:10px 5% 0 5%; margin:0 0 25px 0;}
.user .greeting p.title:after {display:none;}
.user .greeting p.title span {line-height:32px;}

/* 사이트맵 */	
.user .sitemap li {width:49%; margin-bottom:35px;}
.user .sitemap li:nth-child(odd) {margin-left:0;}
.user .sitemap li a {padding:9px 5%;}
.user .sitemap li a span {font-size:17px; line-height:22px;}
.user .sitemap li ul li {padding:7px 5%;}
.user .sitemap li.sub04_00 {margin-left:2%; margin-bottom:35px;}
.user .sitemap li.sub05_00 {margin-bottom:0;}

.user .tipbox.ico4 {margin:0 0 40px 0;}

/* 예매방법 */
.user .ticket_order li {margin-top:20px;}
.user .ticket_order li div {padding:12px 15px; margin:0 0 20px 0;}
.user .ticket_order li div h4 {margin:0 0 5px 0;}
.user .ticket_order li img {margin:0 auto 20px auto;}
}

@media screen and (max-width:540px){
/* 대관시설 */
.user .facility li {margin-top:30px;}
.user .facility li .text {float:none; width:auto;}	
.user .facility li .text p.title span {font-size:12px;}
.user .facility li .photo {float:none; width:auto; margin-top:15px;}
}

@media screen and (max-width:480px){
/* 공통 스타일 */	
.user .tipbox {padding:15px 4%; margin-bottom:20px;}
.user .tipbox p {padding:0 0 0 60px; min-height:50px; background-size:50px auto !important;}
.user .tipbox.ty2 {padding:15px 4% 15px 4%;}	
.user .tipbox.ty2 p.vr_tip {background-size:auto 32px !important; padding-left:40px;}

/* 좌석배치도 */
.user .facility_vr.ty2 {margin-top:20px;}

/* 공연일정 - 상세보기 */
.user .performance_datail {margin:0 0 25px 0;}
.user .performance_datail .txt {padding:20px 5% 64px 5%;}
.user .performance_datail .txt .title {padding:0 0 10px 0;}
.user .performance_datail .txt .title span.category {padding:5px 7px 4px 7px;}
.user .performance_datail .txt .title strong {font-size:24px; line-height:30px;}
.user .performance_datail .txt .link a span {height:44px; line-height:44px; font-size:16px;}
.user .performance_datail .txt .link span.btn {height:46px; line-height:46px; font-size:16px;}
.user .show_notice {margin:0 0 25px 0; padding:15px 4% 120px 4%;}
.user .photo_silder {margin-top:35px;}
.user .photo_silder .small_photo {padding:0 42px;}
.user .photo_silder .small_photo button {width:36px; height:36px; margin-bottom:-18px;}

/* 공연일정 - 리스트 */
.user .performance_list li .poster {padding-bottom:44px;}
.user .performance_list li .txt {padding:18px 0 0 0;}
.user .performance_list li .txt .category {font-size:13px; padding:3px 0 2px 0;}
.user .performance_list li .txt .title a strong {font-size:23px; line-height:27px;} 
.user .performance_list li .txt ul {margin:10px 0 0 0; padding-bottom:15px;}
.user .performance_list li .txt ul li {font-size:14px; line-height:18px; margin-top:5px;}
.user .performance_list li .txt .link span.btn {height:46px; line-height:46px; font-size:16px;}
.user .performance_list li .txt .link .btn span {height:44px; line-height:44px; font-size:16px;}

/* 관람예절 */
.user .etiquette li {padding:15px 4%;}

/* 편의시설 */
.user .facilities li {margin-bottom:15px;}
	
/* 대관가능일확인 */
.user .month_control a {width:30px; height:30px; background-position:center 40% !important;}
.user .month_control  strong {font-size:30px; line-height:30px;}	
	
/* 오시는길 */
.user #map {height:250px;}	

/* 시설개요 */
.user .facility_summery .status .bor .title span strong {font-size:20px; line-height:24px;}	
	
/* 조직도 */
.user .organization li ul li {padding:11px 10px 11px 10px; margin-top:0;}
.user .organization li ul li .name {position:relative; left:auto; top:auto;}
.user .organization li ul li .phone {left:65px; top:11px;}
.user .organization li ul li .task {margin-top:5px;}

/* 연혁 */
.user .history_title {padding:10px;}
.user .history_title .bor p span {font-size:14px; line-height:18px;}
.user .history_title .bor p strong {font-size:22px; line-height:28px;}
.user .history_list {background:none; padding:0; margin:25px 2% 0 2%;}
.user .history_list li {margin-top:20px;}
.user .history_list li strong {font-size:22px; line-height:22px; height:25px;}
.user .history_list li strong span {font-size:14px;}
.user .history_list li ul li {padding:0;}
.user .history_list li ul li strong {position:relative; left:auto; margin-bottom:5px; font-size:17px; line-height:17px;}
.user .history_list li ul li span {font-size:15px; line-height:19px; margin-left:10px;}	
	
/* 인사말 */
.user .greeting {padding:0 0 205px 0;}
.user .greeting:before {height:200px;}
.user .greeting p.title {font-size:21px; line-height:30px;}
.user .greeting p.title span {line-height:30px;}

/* 사이트맵 */	
.user .sitemap li {width:auto; margin-bottom:25px; float:none; margin-left:0;}
.user .sitemap li a {padding:9px 4%;}
.user .sitemap li ul {border-bottom:1px solid #e8e7f4; padding:7px 0;}
.user .sitemap li ul:after {content:""; display:block; clear:both;}
.user .sitemap li ul li {padding:3px 4%; float:left; border:0;}
.user .sitemap li.sub04_00 {margin-left:0; margin-bottom:25px;}
.user .sitemap li.sub05_00 {margin-bottom:25px;}
.user .tipbox.ico4 {margin:0 0 30px 0;}

/* 예매방법 */
.user .ticket_order li div h4 {font-size:18px; line-height:22px;}
}

@media screen and (max-width:400px){
/* 공연일정 - 상세보기 */
.user .performance_datail .txt {padding:20px 5% 60px 5%;}
.user .performance_datail .txt .link a span {height:42px; line-height:42px;}
.user .performance_datail .txt .link span.btn {height:44px; line-height:44px;}
	
/* 공연일정 - 리스트 */
.user .performance_list li .poster {padding-bottom:40px;}
.user .performance_list li .txt .title a strong {font-size:20px; line-height:24px;}	
.user .performance_list li .txt ul {margin:7px 0 0 0;}
.user .performance_list li .txt ul li {font-size:13px;}
.user .performance_list li .txt .link span.btn {height:42px; line-height:42px;}
.user .performance_list li .txt .link .btn span {height:40px; line-height:40px;}
}