/* mobile */
@media (min-width: 1px) and (max-width: 991px) {
	html, body {
	font-family: 'ONE-Mobile-Regular';
	font-size: .95em;
	font-weight: normal;
	color: #333;}
    .section-title-txt {
	font-family: 'ONE-Mobile-Title';
	font-size: 1.3em;}
	.list-group {display: none;}
	.m-sub-nav {display: block;}
	.fixed-header {display:none;}
	.login{display:block}
	.mpage{display:block;}
	.ppage{display:none;}
	.spage{overflow-x:auto;white-space: nowrap;}
		/*작품소개*/
	#tab-nav {display:none;}
	#tab-select {display:block !important; width:100%; height:40px; padding:3% 0 3% 4%; margin: 0 auto; background: #2b003d; color: #fff; border: none;}
	.tabs select{-webkit-appearance: none;/* 화살표 없애기 for chrome*/ -moz-appearance: none;/* 화살표 없애기 for firefox*/ appearance: none;/* 화살표 없애기 공통*/}
	.tabs select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/}
	.pc-sub-nav {display: none;}
	.m-sub-nav {display: block;}	
	.m-sub-nav::after {clear:both;}	
	/*.sub-navbar > li > a > .arrow {font-size:.95em;}*/
}

/* desktop */
@media (min-width: 992px) {
	.m-sub-nav {display: none;}
	.fixed-header {display:block;}
	.login{display:none}
	.mpage{display:none;}
	.ppage{display:block;}

	/* header */
	.fixed-header {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}
	.top-line { background:#333333; }
	.fixed-top {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 1030;
	}


}

.footer h2{margin:0 0 20px;}


.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.list-group a:first-child {font-family: 'ONE-Mobile-Regular'; font-size: 1.3em!important;}
.list-group a {font-family: 'ONE-Mobile-Regular'; font-size: 1em}
.list-group-first{
	    font-size:1.7em; font-weight:600; padding:45px 0px 45px 0px; text-align:center; background-image:url(../img/bg.png); background-color:#1a0025; color:#fff!important; -webkit-border-top-left-radius:15px; -moz-border-top-left-radius:15px; -o-border-top-left-radius:15px; -ms-border-top-left-radius:15px; border-top-left-radius:15px; -webkit-border-bottom-right-radius:15px; -moz-border-bottom-right-radius:15px; -o-border-bottom-right-radius:15px; -ms-border-bottom-right-radius:15px; border-bottom-right-radius:15px; text-shadow:1px 1px #1a0025;
}

.list-group-item:not(:first-child):hover, .list-group-item:not(:first-child):active, .list-group-item:not(:first-child):focus, .active {font-weight:600; color:#301702; background: #f2e6dc;
background: -moz-linear-gradient(top, #f2e6dc 0%, #fdfcfb 40%, #fdfcfb 40%, #fdfcfb 60%, #f2e6dc 100%);
background: -webkit-linear-gradient(top, #f2e6dc 0%,#fdfcfb 40%,#fdfcfb 40%,#fdfcfb 60%,#f2e6dc 100%);
background: linear-gradient(to bottom, #f2e6dc 0%,#fdfcfb 40%,#fdfcfb 40%,#fdfcfb 60%,#f2e6dc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2e6dc', endColorstr='#f2e6dc',GradientType=0 );}
.list-group-item:not(:first-child):hover::after, .list-group-item:not(:first-child):active::after, .list-group-item:not(:first-child):focus::after, .list-group-item.active::after {font-family:"Font Awesome 5 Free"; content:"\f0da"; position:absolute; right:20%;}

.sub-drop-navbar ul .sub-drop-nav-item.active {background: none;}
.carousel-item a{color:#fff;}


/* 네비게이션 수정 */
.navbar-nav a {color: #fff; text-align: center}
.dropdown-menu {
    border-radius: 0px;
	padding: 0;
	color: #fff;
	background: #2b003d;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 7px 15px;
    clear: both;
    font-weight: 400;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
}
.dropdown-item:hover {
	background:#f5f5f5;
}

.sub-nav {width:100%; height:50px; background:#f4f4f4; border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin-top: -50px;}
.sub-navbar {display:inline-block; float:left; *zoom:1; padding-left:0; margin-left:0;}
.sub-navbar li {display:block; float:left; height:48px; padding:15px 25px; position:relative;}
.sub-navbar > li {border-left:1px solid #ccc;}
.sub-navbar > li:last-child {border-right:1px solid #ccc; width: 130px;}
.sub-navbar li ul {display:none; position:absolute; top:100%; left:-1px; width:101.5%; background:#f4f4f4; border:1px solid #ccc; border-top:none; z-index:100;}
.sub-navbar > li > a > .arrow {display:inline; height:auto; font-weight:300; text-shadow:none; width:10px; position: absolute; right: 15px;}
.sub-navbar li ul li a:hover {color:#666;}
@media only screen and (max-width:320px) {.sub-navbar li {padding:15px 10px;}}

/*article*/
#main-img {position:relative;}
.main-m-img {display:none;}


#main-article {margin-top:60px;}

/*mainLink*/

.mainLink{
    width: 100%;
   /* height: 100vh;*/
    background-repeat: no-repeat; 
    background-size: cover;
    background-position: center;  
}
.mainLink-img1 {background-image: url("../img/mainLink1.png");}
.mainLink-img2 {background-image: url("../img/mainLink2.png");}
.mainLink-img3 {background-image: url("../img/mainLink3.png");}
.mainLink-img4 {background-image: url("../img/mainLink4.png");}
.mainLink-img5 {background-image: url("../img/mainLink5.png");}
.mainLink-img6 {background-image: url("../img/mainLink6.png");}

.box.mainLink-img3 > .icon > .info > h3.title, .box.mainLink-img6 > .icon > .info > h3.title {color: aliceblue !important;}
.box.mainLink-img3 > .icon > .info > p, .box.mainLink-img6 > .icon > .info > p {color: aliceblue !important;}


.mainBanner-h3 i {margin-right: 10px;}
.mainBanner-img-txt a i {margin-left: 10px;}
.mainBanner-img-txt button {display:block; color:#fff; padding:0% 5.5%; margin:1% auto;}
.inquire {background:#207cca; border-top: 2px solid #207cca; border-bottom: 2px solid #02447c;}
/*.ticket a {background:#8735ad; border-top: 2px solid #8735ad; border-bottom: 2px solid #621f82;}*/
.ticketit {background:#ef3f43; border-top: 2px solid #ef3f43; border-bottom: 2px solid #d31b20;}
.ticketmt {background:#41d26b; border-top: 2px solid #41d26b; border-bottom: 2px solid #0baf3a;}
.goblog {background:#16842e; border-top: 2px solid #16842e; border-bottom: 2px solid #0c601e;}
.inquire:hover {background:#126bb7; border-top: 2px solid #126bb7; border-bottom: 2px solid #02447c;}
/*.ticket a:hover {background:#5b187a; border-top: 2px solid #5b187a; border-bottom: 2px solid #621f82;}*/
.ticketit:hover {background:#d31b20; border-top: 2px solid #d31b20; border-bottom: 2px solid #d31b20;}
.ticketmt:hover {background:#0baf3a; border-top: 2px solid #0baf3a; border-bottom: 2px solid #0baf3a;}
.goblog:hover {background:#0a7722; border-top: 2px solid #0a7722; border-bottom: 2px solid #0c601e;}

/*mainLatest-con*/

.video {margin-top:10px;}
.play_video {width:100%; height:auto;}

.bd1 {border-top: 2px solid #000; width: 100%;}
.p2_tit {border-left: 3px solid #2b003d; color: #aaa; font-size: 18px; font-weight: bold; padding-left: 15px; line-height: 20px; margin-bottom: 20px;}

/*sub-article*/
.sub-section-title {margin:20px auto 55px; font-size:1.2em; color:#f53f00;  font-family: 'ONE-Mobile-Title';}
.title-sum {font-size:.8em;}
/*sitemap*/
.sitemap {display:block; font-size:.8em; color:#999; float:right;}
.divide::before {font-family:"NanumGothic"; content:"\>"; margin:0 15px;}
/*.divide::before {font-family:"Font Awesome 5 Free"; content:"\f105"; margin:0 15px;}*/

/*회사소개*/
.company_txt {line-height:160%;}
.txt_highlight {color:#f53f00; font-size:1.1em; font-weight:600;}

/*히스토리*/
#history_table {width:100%; margin:0 auto;}
#history_table td {vertical-align:top; padding:.9% .5%; font-size: .9em}
#history_table .h_year {width:15%; text-align:center; color:#2b003d; font-size:1.3em; font-weight:700; border-top:2px solid #2b003d; border-right:1px solid #f9f9f9;}
#history_table .h_month {width:10%; border-bottom:1px dotted #efefef; color:#f53f00; font-weight:600;}
/*#history_table .y_first_td {padding-top:2%;}*/
#history_table .h_cont {border-bottom:1px dotted #efefef;}

/*contact*/
#map, .form_table {width:90%; margin:0 auto;}
#map {margin-bottom:30px;}
#map p {line-height:160%;}
.form-title {padding:1% 0; margin-top:20px;}
.form-title i {margin-right:5px; color:#2b003d;}
.form-content {width:93%; border-bottom:2px solid #2b003d;}
.form-content input {padding:1.5%;}
.form-content input:focus {border: none!important; outline: none!important;}
.form-textarea {width:93%; border-bottom:2px solid #2b003d}
.form-textarea textarea {width:93%;  padding:1.5%; resize: none; overflow: auto; outline:none; border:none;}
.form-content input::placeholder, .form-textarea textarea::placeholder {color:#ccc; font-size:0.85em; font-family:"NanumGothic"}
#agree_check {width:10px; height:10px; border:1px solid #ccc;}
.agree {color:#999; font-size:0.85em; text-align:center; margin-top:15px;}
.form_btn {text-align:center; margin-top:15px;}
.btn_send, .btn_send:hover {color:#fff; background:#2b003d; border:1px solid #2b003d; border-radius: 4px; padding:10px 20px; margin:0 5px; cursor:pointer;}
.btn_reset, .btn_reset:hover {color:#2b003d!important; background:#fff; border:1px solid #2b003d; border-radius: 4px; padding:10px 20px; margin:0 5px; cursor:pointer;}
/*.btn_submit:hover {color:#fff; background:#2b003d;}/*


/*작품소개*/
.tabs {margin-top:25px; margin-bottom:35px;}
.tabs ul {height:50px; border-bottom:1px solid #ccc; margin:15px auto 0 auto;}
.tabs ul li {float:left; padding:12px 30px; border-top:1px solid #ccc; border-left:1px solid #ccc;}
.tabs ul li:last-child {border-right:1px solid #ccc;}
.tabs ul li.active {display:block; background:#2b003d;}
.tabs ul li.active a {color:#fff; font-weight:500;}
.tabs ul li.active::after {content:"";}
.tab-contents {margin:0 auto;}
.tab-contents img {margin:0 auto;}
#tab-select {display:none;}

/*footer*/
#ft_tail {width:100%; display:inline-block; background:#fff; padding:40px 0px; border-top:1px solid #e1e1e1;}
#ft_tail .footer {width:100%; max-width:1200px; margin:0 auto;}
#ft_tail .ft_wrapper .ft_first {width:20%; text-align:center; float:left; }
#ft_tail .ft_wrapper .ft_first img {width:120px; }

#ft_tail .ft_wrapper .ft_second {width:50%; float:left; text-align:left; position:relative;}
#ft_tail .ft_wrapper .ft_second::after {content:''; position:absolute; right:-30px; width:1px; height:100px; background:#dcdcdc; top:0px; }
#ft_tail .ft_wrapper .ft_second .ft_wrap {display:flex;}
#ft_tail .ft_wrapper .ft_second h1 {font-size:16px; letter-spacing:0.8px; font-weight:600; color:#999; display:inline-block; vertical-align:top; margin-bottom:20px; line-height:24px;}
#ft_tail .ft_wrapper .ft_second h2 {font-size:14px; letter-spacing:-0.7px; font-weight:350; color:#b9b9b9; display:inline-block; margin-left:30px; line-height:24px;}

#ft_tail .ft_wrapper .ft_third {width:30%; float:left; text-align:left; position:relative; left:65px; padding-top: 30px;}
#ft_tail .ft_wrapper .ft_third h1 {font-size:16px; letter-spacing:0.8px; font-weight:600; color:#999; display:inline-block; vertical-align:top; margin-bottom:20px; line-height:24px;}
#ft_tail .ft_wrapper .ft_third h2 {font-size:14px; letter-spacing:-0.7px; font-weight:350; color:#b9b9b9; display:inline-block; line-height:30px;}

#tail_tnb li, #tail_sns li {display: inline-block;}
#tail_tnb li.sns_btn {margin-left: 10px;}
#tail_sns li {margin-left: 20px;}
.sns_btn {color:#aaa; transition: all 350ms cubic-bezier(1, 1, 1, 1); background-color: transparent; border:0px;}
.sns_btn:hover {color:#333;}
.sns_btn:focus {outline: none;}

/* footer bar */
bar {position:relative; margin-right:15px;}
bar::after {content:''; position:absolute; margin:0px 7.5px; width:1px; height:12px; background:#dcdcdc; top:5px;}

@media all and (max-width: 1024px) {
.main-pc-img {display:none;}
.main-m-img {display:block;}
/* footer */
#ft_tail {width:100%; display:inline-block;text-align:center; background:#fff; padding:40px 0px; border-top:1px solid #e1e1e1;}
#ft_tail .ft_wrapper {display:inline-block; }
#ft_tail .ft_wrapper .ft_first {width:100%; float:inherit; text-align:center;}
	
#ft_tail .ft_wrapper .ft_second {width:100%; float:inherit; text-align:center; position:relative; padding: 20px 0;}
#ft_tail .ft_wrapper .ft_second::after {content:''; position:relative; right:-30px; width:0px; height:0; background:#dcdcdc; top:0px;}
#ft_tail .ft_wrapper .ft_second .ft_wrap {display:block;}
#ft_tail .ft_wrapper .ft_second h1 {font-size:16px; letter-spacing:0.8px; font-weight:600; color:#999; display:block; vertical-align:top; margin:20px 0px; line-height:24px;}
#ft_tail .ft_wrapper .ft_second h2 {font-size:14px; letter-spacing:-1px; font-weight:350; padding:0px 15px; color:#b9b9b9; display:inline-block; margin-left:0px; line-height:24px;}
	
#ft_tail .ft_wrapper .ft_third {width:100%; float:inherit; text-align:center; position:relative; left:inherit; padding-top: 0px; margin-top: -20px;}
#ft_tail .ft_wrapper .ft_third h1 {font-size:16px; letter-spacing:0.8px; font-weight:600; color:#999; display:block; vertical-align:top; margin:20px 0px; line-height:24px;}
#ft_tail .ft_wrapper .ft_third h2 {font-size:14px; letter-spacing:-0.7px; font-weight:350; color:#b9b9b9; display:inline-block; line-height:30px;}
/* footer bar */
bar { position:relative; margin-right:15px;}
bar::after {content:''; position:absolute; margin:0px 7.5px; width:1px; height:12px; background:#dcdcdc; top:5px;}
}