@charset "utf-8";
@media all and (max-width:1800px){
	#header .head .gnb:after {left:-260px;}

}


@media all and (max-width:1500px){
	#header .head {padding:0 250px;}
	#header .head .logo {left:10px;}

	#header .head .gnb:before {margin-right:-3px;}
	#header .head .gnb:after {display:none;}
	#header .head .gnb {display:block;text-align:center;}
	#header .head .gnb > li {width:16.66666%;}
	#header .head .gnb > li > a {font-size:18px;padding:0;}
	#header .head .gnb > li > a > span {padding:0 10px;display:inline-block;}
	#header .head .gnb li ul {height:330px;padding-top:25px}
	#header .head .gnb li ul li a {font-size:14px;padding:4px 10px;white-space:normal;}
	#header .head .gnb li ul li:hover a,
	#header .head .gnb li ul li.active a {padding:4px 11px;}


	#quick {right:10px;}
	#quick a {display:block;position:relative;height:16px;position:relative;margin-top:25px;}
	#quick a span {display:none;}
	#quick a.active:before {border-color:#cf3128;opacity:1;background:#cf3128;}

	#vis .bx-controls-direction .bx-prev {left:5%;}
	#vis .bx-controls-direction .bx-next {right:5%;}
}



@media all and (min-width:1200px){
	.menu-on #header {height:370px;}
	.book-on #header {height:340px;}
	.search-on #header {height:240px;}
}

@media all and (max-width:1199px){
	#wrap {padding-top:80px;}

	#header {height:80px;}
	#header:before {top:80px;}
	#header .top {display:none;}
	#header .head {padding:0;}
	#header .head .gnb {display:none;}

	.book-on #header {height:300px;}
	.search-on #header {height:190px;}

	.nav-on #header {box-shadow:none;}
	.nav-on #nav {height:100%;transition-delay:0s;}
	.nav-on #nav .inner {opacity:1;transform:translate3d(0,0,0);}
	.nav-on #nav .bg {opacity:1;}


	#quick {display:none;}


	/* #center .one .con {width:33.33333%;} */
}


@media all and (min-width:1001px){
	#vis .vis dl > * {position:relative;opacity:0;transform:scale(0.5,0.5);transition:0.7s;}
	#vis.action .vis dl > * {opacity:1;transform:scale(1,1);transition-delay:0.3s;}
	#vis.action .vis dl dd {transition-delay:0.7s;}

	#main .tit > * {transition:0.5s;transition:0.5s;opacity:0;transform:translate(0,-20px) scale(0.8,0.8);}
	#main .action .tit h3 {opacity:1;transform:scale(1,1) translate(0,0);}
	#main .action .tit p {opacity:1;transform:scale(1,1) translate(0,0);transition-delay:0.3s;}

	#number .area .box {transform:translate(0,30px);opacity:0;transition:0.5s;}

	#number.action .area .box {transform:translate(0,0);opacity:1;}
	#number.action .area .box:nth-child(1) {transition-delay:1s;}
	#number.action .area .box:nth-child(2) {transition-delay:1.3s;}
	#number.action .area .box:nth-child(3) {transition-delay:1.6s;}
	#number.action .area .box:nth-child(4) {transition-delay:1.6s;}

	.__mt5  {margin-top:5px !important;}
	.__mt10 {margin-top:10px !important;}
	.__mt20 {margin-top:20px !important;}
	.__mt30 {margin-top:30px !important;}
	.__mt40 {margin-top:40px !important;}
	.__mt50 {margin-top:50px !important;}
	.__mt60 {margin-top:60px !important;}
	.__mt70 {margin-top:70px !important;}
	.__mt80 {margin-top:80px !important;}
	.__mt90 {margin-top:90px !important;}
	.__mt100{margin-top:100px !important;}
}

@media all and (max-width:1000px){
	#vis,
	#vis .vis {height:600px;min-height:0;}
	#vis .vis {background-position:center 0px;background-attachment:fixed;background-size:cover; } 

	#vis .pager {display:none;}
	#vis .number {display:block;}

	#vis .vis {background-attachment:scroll;}
	#vis .vis dl {padding-bottom:80px;}
	
	#vis .bx-controls-direction a {width:30px;height:20px;margin-top:-50px;}
	#vis .bx-controls-direction .bx-prev {left:10px;top:60%;}
	#vis .bx-controls-direction .bx-next {right:10px;top:60%;}


	#main .tit {padding:0 0 15px;}
	#main .tit h3 {font-size:26px;}
	#main .tit p {font-size:14px;margin-top:10px;}
	#main > .contain {height:auto !important;min-height:auto !important;}

	#study {background-attachment:scroll;padding:25px 10px;}
	#study .area {margin:0 -5px;}
	#study .area .box {padding:0 5px;width:50%;}
	#study .area .box:nth-child(n+3) {margin-top:10px;}
	#study .area .box .in {height:200px;}
	#study .area .box .in .ab .subject {font-size:14px;line-height:1.3em;max-width:120px;}
	#study .area .box .in .ab .subject:before {width:20px;height:2px;margin-left:-10px;}
	#study .area .box .in .ab .info {font-size:12px;line-height:1.4em;}

	#study .area .link .in:after {width:120px;height:120px;}
	#study .area .link .in:hover:after {width:100%;height:100%;border-radius:0;}
	#study .area .link .in:hover .ab .subject {font-size:14px;padding:10px 0 0 0;}
	#study .area .link .in:hover .ab .info {margin:10px 0;}
	#study .area .link .in:hover .ab .btn em {width:80px;height:30px;line-height:28px;font-size:12px;}

	#study .area .book .in img {width:70px;}
	#study .area .book .in strong {font-size:16px;margin-top:10px;}
	#study .area .book .in:hover:after {border:10px solid #1b3180;}

	#study .area .time .in {background-size:30px 30px;}
	#study .area .time .in h4 {font-size:14px;}
	#study .area .time .in .desc {padding:10px;}
	#study .area .time .in .desc dl {padding-left:65px;margin-top:2px;}
	#study .area .time .in .desc dl > * {font-size:12px;}
	#study .area .time .in .desc dl dt {margin-top:0;padding-left:7px;top:1px;line-height:18px;letter-spacing:-0.1em;}
	#study .area .time .in .desc dl dt:before {width:2px;height:2px;top:7px;}
	#study .area .time .in .desc dl dd {height:auto;line-height:18px;white-space:normal;}
	#study .area .time .in .desc dl dd strong {font-size:13px;white-space:nowrap;}
	#study .area .time .in .btn {padding:0 10px;}
	#study .area .time .in .btn li {padding:0 2px;}
	#study .area .time .in .btn li a {height:30px;}
	#study .area .time .in .btn li a > * {font-size:12px;}
	#study .area .time .in .btn li a i {display:none;}
	#study .area .time .in .btn li a span {letter-spacing:-0.1em;}

	#movie {background-attachment:scroll;padding:25px 10px;}
	#movie .big a:before {width:60px;height:60px;margin:-30px 0 0 -30px;}
	#movie .big .prev,
	#movie .big .next {width:20px;height:40px;margin-top:-20px;background-size:contain !important;}
	#movie .big .prev {left:5px;}
	#movie .big .next {right:5px;}
	#movie .thm {padding:0;}
	#movie .thm .wrap {margin:10px -5px 0;}
	#movie .thm .box {width:33.333333%;padding:0 5px;}
	#movie .thm .box a .float .in strong {font-size:16px;}
	#movie .thm .box a .float .in em {font-size:13px;margin-top:3px;}
	#movie .thm button {width:30px;height:30px;margin-top:-15px;background-size:contain !important;}


	#center {padding:25px 10px;}
	#center .one {margin:0 -10px;}
	#center .one .con {padding:0 10px;}
	#center .one .top {height:35px;}
	#center .one .top h3 {font-size:18px;}
	#center .one .board .area .tab button {font-size:16px;width:80px;height:30px;margin-right:2px;}
	#center .one .board .area .desc {top:65px;width:100%;height:265px;}
	#center .one .board .area .desc dl {margin-top:10px;padding-left:90px;}
	#center .one .board .area .desc dl dt {width:70px;height:70px;}
	#center .one .board .area .desc dl dt .date em {font-size:12px;}
	#center .one .board .area .desc dl dt .date strong {font-size:18px;margin-top:3px;}
	#center .one .board .area .desc dl dd {white-space:nowrap;height:70px;}
	#center .one .board .area .desc dl dd:after {content:"";display:inline-block;width:0;height:100%;vertical-align:middle;}
	#center .one .board .area .desc dl dd .subject {display:inline-block;vertical-align:middle;width:100%;}
	#center .one .board .area .desc dl dd .subject a {font-size:14px;line-height:1.4em;max-height:2.8em;white-space:normal;}
	#center .one .board .area .desc dl dd ul {display:none;}
	#center .one .quick .area {height:280px;}
	#center .one .quick .area a .ver strong {font-size:12px;}
	#center .one .pop .area .box img {visibility:hidden;}


	#center .two {margin:0 -10px;}

	#center .two .box {padding:0 10px;width:33.3333333%;margin-top:20px;}
	#center .two .box .in {height:200px;}
	#center .two .box .in .ab .subject {font-size:14px;line-height:1.3em;max-width:120px;}
	#center .two .box .in .ab .subject:before {width:20px;height:2px;margin-left:-10px;}
	#center .two .box .in .ab .info {font-size:12px;line-height:1.4em;}
	#center .two .link .in:after {width:100%;height:40px;}
	#center .two .link .in:hover:after {width:100%;height:100%;border-radius:0;}
	#center .two .link .in:hover .ab .subject {font-size:14px;padding:10px 0 0 0;}
	#center .two .link .in:hover .ab .info {margin:10px 0;}
	#center .two .link .in:hover .ab .btn em {width:80px;height:30px;line-height:28px;font-size:12px;}
	#center .two .book .in img {width:70px;}
	#center .two .book .in strong {font-size:16px;margin-top:10px;}
	#center .two .book .in:hover:after {border:10px solid #1b3180;}
	#center .two .box .in p{bottom:7px;font-size:18px;font-weight:bold;color:#fff;}
	#center .two .time .in {background-size:30px 30px;}
	#center .two .time .in h4 {font-size:14px;}
	#center .two .time .in .desc {padding:10px;}
	#center .two .time .in .desc dl {padding-left:65px;margin-top:2px;}
	#center .two .time .in .desc dl > * {font-size:12px;}
	#center .two .time .in .desc dl dt {margin-top:0;padding-left:7px;top:1px;line-height:18px;letter-spacing:-0.1em;}
	#center .two .time .in .desc dl dt:before {width:2px;height:2px;top:7px;}
	#center .two .time .in .desc dl dd {height:auto;line-height:18px;white-space:normal;}
	#center .two .time .in .desc dl dd strong {font-size:13px;white-space:nowrap;}
	#center .two .time .in .btn {padding:0 10px;}
	#center .two .time .in .btn li {padding:0 2px;}
	#center .two .time .in .btn li a {height:30px;}
	#center .two .time .in .btn li a > * {font-size:12px;}
	#center .two .time .in .btn li a i {display:none;}
	#center .two .time .in .btn li a span {letter-spacing:-0.1em;}
	#center .two .book .in .ab span {font-size:13px;margin-top:7px;}


	#number {padding:30px 10px 50px;}
	#number .area {margin-top:20px;}
	#number .area .box {width:50%;}
	#number .area .box .circle > span em {font-size:25px;}
	#number .area .box dl dt {font-size:15px;margin-top:15px;}
	#number .area .box dl dd {font-size:13px;line-height:1.4em;margin-top:10px;}
	#number .area .box dl dd br {display:none;}


	#footer {padding:20px 10px;text-align:center;}
	#footer .inner {padding:0;}
	#footer h2 {position:relative;top:0;margin-top:0;}
	#footer h2 img {width:120px;}
	#footer .fnb {margin-top:10px;}
	#footer .fnb li {padding:0 10px;}
	#footer .fnb li a {font-size:12px;}
	#footer .fnb li:before {margin-top:-5px;height:10px;}
	#footer .fnb li:first-child {padding-left:10px;}
	#footer address {margin-top:10px;}
	#footer address span {font-size:12px;margin:0 5px;}
	#footer .copy {font-size:12px;}
	#footer .site {position:relative;top:0;padding-right:50px;width:140px;margin:10px auto 0;}
	#footer .site .move {width:50px;height:32px;line-height:30px;font-size:12px;}
	#footer .site span {height:32px;line-height:30px;;padding-left:10px;font-size:12px;}
	#footer .site span:before {right:10px;}
	#footer .site ul li a {font-size:12px;padding:3px 10px;}

	#footer .info {float:none; margin-left:20px; margin-right:20px;}
	#footer h2 {display:none;}
	#footer .info p.tit {display:none;}
	#footer .info li {font-size:12px;font-weight:normal;line-height:18px;color:#cac8c8;}
	#footer .info:nth-child(1) {padding-top:10px;}



	#svis {height:200px;padding-bottom:60px;background-attachment:scroll;background-size:cover;background-position:50% 100%;}
	#svis h2 {font-size:40px;padding-bottom:10px;}
	#wrap.sub.type2 #svis {height:150px;}
	#snb {}

	#tit {margin-bottom:30px;}
	#tit h3 {font-size:30px;}
	#tit > ul {margin-top:5px;}
	#tit > ul > li {margin:0 7px;}
	#tit > ul > li > * {font-size:14px;}
	#tit > ul > li span:first-child {font-size:14px;}
	#tit > ul > li em {margin:0 5px;}


	#sub {padding:25px 10px;}

	#content {min-height:0;}

	.__mt5  {margin-top:5px !important;}
	.__mt10 {margin-top:7px !important;}
	.__mt20 {margin-top:15px !important;}
	.__mt30 {margin-top:20px !important;}
	.__mt40 {margin-top:30px !important;}
	.__mt50 {margin-top:30px !important;}
	.__mt60 {margin-top:40px !important;}
	.__mt70 {margin-top:40px !important;}
	.__mt80 {margin-top:50px !important;}
	.__mt90 {margin-top:50px !important;}
	.__mt100{margin-top:60px !important;}

}


@media all and (max-width:768px){
html {font-family:sans-serif;}
	#wrap {padding-top:50px;}

	#header {height:50px;}
	#header:before {top:50px;}
	#header .head {height:50px;}
	#header .head:before {top:49px;}
	#header .head .logo {width:110px;top:5px;}
	#header .head .btn .reserve,
	#header .head .btn .search {text-indent:0;background:none;text-align:center;}
	#header .head .btn > *  {right:-100px;border:1px solid red;width:50px;height:50px;}
	#header .head .btn em {position:absolute;left:-9999px;top:0;}
	#header .head .btn .reserve:before {content:"\e695";font-family:axicon;font-size:28px;color:#777;display:inline-block;background:none;}
	#header .head .btn .search:before {content:"\f002";font-family:axicon;font-size:24px;color:#777;display:inline-block;background:none;}

	#header .head .book li {width:100px;padding:20px 0;}
	#header .head .book li em {width:50px;height:50px;font-size:30px;line-height:50px;}
	#header .head .book li span {font-size:12px;margin-top:10px;}


	#header .head .form {padding:20px 10px;box-sizing:border-box;}
	#header .head .form .area {width:100%;height:40px;}
	#header .head .form .area input {height:40px;font-size:14px;}
	#header .head .form .area button {width:40px;height:40px;font-size:20px;}

	.search-on #header {height:130px;}
	.search-on #header .head .btn .search:before {content:"\f1b5";font-size:24px;}
	.book-on #header {height:170px;}
	.book-on #header .head .btn .reserve:before {content:"\f1b5";font-size:24px;}

	#vis,
	#vis .vis {height:300px;}
	#vis .vis dl {padding-bottom:50px;}
	#vis .vis dl dt {font-size:26px;letter-spacing:-0.1em;}
	#vis .vis dl dd {font-size:30px;margin-top:7px;letter-spacing:-0.1em;}

	#nav .inner {width:calc(100% - 50px);padding-top:50px;}
	#nav .gnb > li > a {padding:15px 10px;font-size:18px;}
	#nav .gnb li ul li a {padding:5px 10px;font-size:16px;}
	#nav .sns li {margin:0 2px;width:35px;}



	#center {padding:25px 10px;}
	#center .one {margin:0 -5px;}
	#center .one .con {width:100%;margin-bottom:20px;padding:0 5px;}
	#center .one .top {height:30px;}
	#center .one .top h3 {font-size:17px;color:#333;}
	#center .one .board {margin-bottom:20px;}
	#center .one .board .area {height:250px;}
	#center .one .board .area .tab button {font-size:14px;width:80px;height:30px;margin-right:2px;}
	#center .one .board .area .desc {top:50px;height:200px;}
	#center .one .board .area .desc dl {margin-top:10px;padding-left:75px;min-height:auto;}
	#center .one .board .area .desc dl dt {width:60px;height:60px;}
	#center .one .board .area .desc dl dd {height:60px;}
	#center .one .board .area .desc dl dd .subject a {font-size:14px;}
	#center .one .board .area .desc dl dd ul {display:none;}
	#center .one .quick .area {height:230px;}
	#center .one .quick .area img {width:100px;}
	#center .one .quick .area a .ver strong {font-size:14px;margin-top:3px;}
	#center .one .pop .area .box img {visibility:visible;width:100%;}
	#center .one .pop .area .box {height:auto;}
	#center .one .pop .area .bx-controls-direction,
	#center .one .pop .area .bx-pager,
	#center .one .pop .area .bx-controls-auto-item {top:-30px;}


	#center .two {margin:0 -5px;}
	#center .two .box .in {height:200px;}
	#center .two .box {width:100%;padding:0 5px;margin-top:10px; margin-bottom:10px;}
	#center .two .box:nth-of-type(1),
	#center .two .box:nth-of-type(2),
	#center .two .box:nth-of-type(3) {margin-top:0;}
	
	#svis {display:none;}
	/*
	#svis:before {display:none;}
	#svis h2 {position:absolute;left:10px;top:50%;font-size:18px;line-height:1em;margin-top:-9px;padding-bottom:0;color:#dfe0e2;text-indent:-9999px;z-index:10;cursor:pointer;}
	#svis h2:before {display:none;}
	#svis h2:after {content:"\f1b0";font-family:axicon;text-indent:0;font-size:18px;display:block;position:absolute;left:0;top:0;width:100%;}
	#snb {padding:0;padding-top:50px;height:0;position:relative;}
	#snb .snb li {display:block;width:100% !important;}
	#snb .snb li {border-top:1px solid #ddd;}
	#snb .snb li:before,
	#snb .snb li a:before {display:none;}
	#snb .snb li a {height:auto;background:#fff;padding:10px;position:relative;}
	#snb .snb li a span {font-size:18px;}
	#snb .snb li.active {position:absolute;left:0;top:0;width:100%;border-top:none;}
	#snb .snb li.active a {height:50px;line-height:50px;background:none;padding:0;}
	#snb .snb li.active a span {font-weight:bold;font-size:22px;}
	#snb .snb li.active a:after {
		content:"\f107";
		display:block;
		font-family:axicon;
		width:25px;
		height:25px;
		box-sizing:border-box;
		border-radius:50%;
		border:2px solid #dfe0e2;
		color:#dfe0e2;
		text-align:center;
		line-height:21px;
		position:absolute;
		right:10px;
		top:50%;
		margin-top:-12.5px;
		font-size:18px;
	}

	.snb-on #svis {height:auto;overflow:visible;box-shadow:0 50px 0 9999px rgba(0,0,0,0.6);}
	.snb-on #snb .snb li.active a:after {content:"\f106";}
	*/
	#lnb {display:block;}

	#tit {margin-bottom:20px;}
	#tit h3 {display:none;}
	#tit > ul > li {margin:0 5px;}
	#tit > ul > li > * {font-size:13px;}
	#tit > ul > li span:first-child {font-size:14px;}
	#tit > ul > li em {margin:0 2px;}

	/* #tit .btn button {width:26px;height:26px;line-height:24px;font-size:16px;} */
	#tit .btn > button {display:none;}
	#tit .btn .share .sns li {width:26px;}
	#tit .btn .share.on .sns li:nth-child(1) {top:27px;left:0;}
	#tit .btn .share.on .sns li:nth-child(2) {top:54px;left:0;}
	#tit .btn .share.on .sns li:nth-child(3) {top:81px;left:0;}
	#tit .btn .share.on .sns li:nth-child(4) {top:108px;left:0;}
	#tit .btn .share.on .sns li:nth-child(5) {top:135px;left:0;}
	#tit .btn .share.on .sns li:hover a img {transform:scale(1.1) rotate(360deg);}

	#sub {padding:15px 10px;}
	#gotop {width:30px;height:30px;}

	.__mt5  {margin-top:5px !important;}
	.__mt10 {margin-top:5px !important;}
	.__mt20 {margin-top:10px !important;}
	.__mt30 {margin-top:15px !important;}
	.__mt40 {margin-top:20px !important;}
	.__mt50 {margin-top:25px !important;}
	.__mt60 {margin-top:30px !important;}
	.__mt70 {margin-top:35px !important;}
	.__mt80 {margin-top:40px !important;}
	.__mt90 {margin-top:45px !important;}
	.__mt100{margin-top:50px !important;}


	.__mw100 {width:100% !important;}
	.__mw90 {width:90% !important;}
	.__mw80 {width:80% !important;}
	.__mw70 {width:70% !important;}
	.__mw60 {width:60% !important;}
	.__mw50 {width:50% !important;}
	.__mw40 {width:40% !important;}
	.__mw30 {width:30% !important;}
	.__mw20 {width:20% !important;}
	.__mw10 {width:10% !important;}


	#content {padding-top:0px;}
	.__create-mid .area h3 {display:none;}

}