/*
상상이룸
*/




@media (min-width: 992px) {
	.main {     word-break: keep-all;  }
	.main-section01 {/*background:url(../images/main/landscape1.jpg) no-repeat center top; background-size: 100% 600px;*/ height:600px;  padding-top:130px;  }
	.main-section01 .main-text { float:left; width:calc(100% - 540px);padding-right:20px;  color:#222;   line-height:1; }
	.main-section01 .main-text .text1 { font-size:40px; position: relative; top: 350px; margin-bottom:15px; font-family: 'GmarketSansMedium';  }
		

	.hot-alime { float:right; width:540px; padding-left:30px;height: 330px;  padding-bottom:30px; position:relative;   background:url(../images/main/hotbnr_shadow.png) no-repeat left bottom;  }
	.hot-alime li { width:100%;  }
	.hot-alime .hot-alime-btn { position:absolute; color:#fff;  right:15px; bottom:45px; padding:2px 15px 4px;  border-radius:15px; font-size:16px;  background:rgba(0,0,0,0.8); }
	.hot-alime .hot-alime-btn * { vertical-align:middle;  }
	.hot-alime .hot-alime-btn a { color:#fff;  display:inline-block;  margin:0 3px;  }
	.hot-alime .hot-alime-btn div { display:inline-block;  margin:0px;   }
	.hot-alime .hot-alime-btn div.pager {   float:left; padding-top:3px; margin-right:5px;  padding-bottom:3px; }


	.main-section02 { height:150px; background:url(../images/main/quick_bg.png) no-repeat center center;  background-size: 100% 150px;}
	.main-section02 h3  { float:left; width:15%;   font-family: 'GmarketSansBold';  color:#fff; font-size:30px;  padding-top:60px; line-height:1.4; letter-spacing:1px;  height:100px;  }
	.main-section02 h3  strong {font-size:18px; }
	.main-section02 ul  { float:left; width:85%; }
	.main-section02 ul li { float:left; width:25%; }
	.main-section02 ul li a { display:block; width:100%; height:150px;  color:#fff; text-align:center; font-size:16px;  line-height:100px; }
	.main-section02 ul li a i {font-size:24px; display:inline-block; margin-right:5px; margin-top:-3px;  }
	.main-section02 ul li a img{height: 100%;}

	.main-section03 { background:#fff; padding:90px 0 ;   }
	.main-section03 .notice {float: left; position: relative; width:100%; margin-top: 50px;}
	.main-section03  h3 { font-family: 'GmarketSansBold'; font-size:30px; color:#222; margin-bottom:30px;   }
	.main-section03  .notice ul { }
	.main-section03  .notice ul li { border-bottom:1px solid #dbdbdb; padding:19px 0 ;   }
	.main-section03  .notice ul li:first-child {padding-top:0px; }
	.main-section03  .notice ul li:after {clear:both; display:table; content:''; }
	.main-section03  .notice ul li a { float:left; width:70%;font-size:18px; color:#222;     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
	.main-section03  .notice ul li span { float:right;  font-size:18px; color:#222; }
	.main-section03  .notice .more { position:absolute; top:0px; right:0px;  }
	.main-section03  .notice .more a { font-size:21px; color:#222; font-weight:bold;  }
	.main-section03 .program { float:left; width:50%; position:relative; padding-left:38px; }
	.main-section03 .program ul { }
	.main-section03 .program ul:after {clear:both; display:table; content:''; }
	.main-section03 .program ul li {float:left; width:33.333%;  }
	.main-section03 .program ul li a {display:block; position:relative; width:100%; height:235px; overflow:hidden; }
	.main-section03 .program ul li a .p-label {  position:absolute; top:10px; right:10px; width:46px; height:46px; display:flex;  align-items: center;padding:5px;  vertical-align:middle; color:#fff; text-align:center; font-size:13px; background:#9f9f9f;   }
	.main-section03 .program ul li a .p-label.ing { background:#155585; }
	.main-section03 .program ul li img {width:100%; height:235px;  }
	.main-section03 .program ul li a:hover img {  transform:scale(1.1);  transition: transform .5s;  }
	.main-section03 .program .more { position:absolute; top:0px; right:0px;  }
	.main-section03 .program .more a { font-size:21px; color:#222; font-weight:bold;   }
	.main-section03 .webtoon {width: 50%; float: left; position: relative; padding-right: 38px;}
	.main-section03 .webtoon ul {}
	.main-section03 .webtoon ul li {float: left; width: 32%; border: 1px solid #000; margin-right: 5px;}
	.main-section03 .webtoon ul li:last-child{ margin-right: 0px;}
	.main-section03 .webtoon ul li a {display: block; position: relative; width: 100%; height: 235px; overflow: hidden;}
	.main-section03 .webtoon ul li a .p-label {  position:absolute; top:10px; right:10px; width:46px; height:46px; display:flex;  align-items: center;padding:5px;  vertical-align:middle; color:#fff; text-align:center; font-size:13px; background:#9f9f9f;   }
	.main-section03 .webtoon ul li a .p-label.ing { background:#155585; }
	.main-section03 .webtoon ul li img {width:100%; height:235px;  }
	.main-section03 .webtoon ul li a:hover img {  transform:scale(1.1);  transition: transform .5s;  }
	.main-section03 .webtoon .more { position:absolute; top:0px; right:0px;  }
	.main-section03 .webtoon .more a { font-size:21px; color:#222; font-weight:bold;   }


	.main-section04 { padding:105px 0 ; background:#f7f7f7;  text-align:center;   }
	.main-section04 .container {position:relative;   }  
	.main-section04 h3 {font-family: 'GmarketSansBold'; margin-bottom:15px;   }
	.main-section04 h3 a {font-size:45px; color:#222;  } 
	.main-section04 .top-text {font-size:18px; color:#555; margin-bottom:50px;  }
	.main-section04 ul  {}
	.main-section04 ul li  {  height:415px; float:left; }
	.main-section04 ul li .in { margin-top:0px;background:#fff; height:385px;   -webkit-transition: margin 0.3s ease-out;    -moz-transition: margin 0.3s ease-out;    -o-transition: margin 0.3s ease-out; box-shadow: 5px 8px 10px rgba(0,0,0,0.29); }
	.main-section04 ul li .in:hover {margin-top:20px;   }
	.main-section04 ul li .in .img {width:100%; height:220px; }
	.main-section04 ul li .in .img img {width:100%; height:220px; }
	.main-section04 ul li .in .text-wrap {padding:25px; width:100%; height:120px; text-align:left;  }
	.main-section04 ul li .in .text-wrap .title {font-size:24px; color:#555; margin-bottom:5px;  }
	.main-section04 ul li .in .text-wrap .text {font-size:18px; color:#555;  }
	.main-section04 ul li .in  .btn-wrap  {  }
	.main-section04 ul li .in  .btn-wrap:after  {clear:both; display:table; content:''; }
	.main-section04 ul li .in  .btn-wrap a  {display:block; float:left; height:45px; width:49.5%;color:#fff; background:#bbb; font-weight:bold; font-size:18px; line-height:45px;   }
	.main-section04 ul li .in  .btn-wrap a.btn1  {margin-right:1%;  background:#145484; }
	.main-section04 .facility-btn  { }
	.main-section04 .facility-btn a  {position:absolute;left:-100px;  display:block; width:70px; height:70px; color:#fff; font-size: 34px; text-align:center; padding-top:7px;  background:#555;  }
	.main-section04 .facility-btn .btn-prev a  { top:290px;   }
	.main-section04 .facility-btn .btn-next a  { top:370px;   }

	.main-section05 { position:relative; padding:105px 0 ;   }
	.main-section05:before {  position:absolute; top:0px; left:0px; width:calc(50% - 156px); background:#145484;bottom:0px; content:''; display:block; z-index:-1;  }
	.main-section05 .calendar-schedule { float:left; width:644px; margin-right:60px;  height:409px;    }
	.main-section05 .calendar-schedule h3 {  font-family: 'GmarketSansBold';   font-size:26px; color:#fff; margin-bottom:30px;  }
	.main-section05 .calendar-schedule .calendar-wrap { float:left; width:444px;border:1px solid #aaa;  padding:44px 35px 35px; background:#f9f9f9; height:409px;  }
	.main-section05 .calendar-schedule .calendar-wrap .top { width:100%;text-align:center; position:relative;  margin-bottom:15px;  }
	.main-section05 .calendar-schedule .calendar-wrap .top span.month { font-size:24px; font-family: 'GmarketSansBold';  }
	.main-section05 .calendar-schedule .calendar-wrap .top a  { position:absolute; font-size:26px; color:#aaa; top:-6px;   }
	.main-section05 .calendar-schedule .calendar-wrap .top a.prev  { left:0px;  }
	.main-section05 .calendar-schedule .calendar-wrap .top a.next  { right:0px;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar { width:100%;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table { width:100%;  border-bottom:1px solid #aaa;    }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table thead {background:#145484;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table thead  th {color:#fff; padding:10px; text-align:center; font-size:16px; margin-bottom:10px;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table tbody   {}
	.main-section05 .calendar-schedule .calendar-wrap .calendar table tbody  td {color:#fff; padding:4px; text-align:center; font-size:15px; color:#222;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table tbody  td span {display:inline-block; width:30px;height:30px;line-height:30px;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table tbody  td span.active {color:#fff; border-radius:100%; background:#eb7f25; }
	.main-section05 .calendar-schedule .schedule { float:left; width:200px;border:1px solid #aaa; border-left:0px;  padding:25px; background:#fff; height:409px;  overflow-y:auto; box-shadow: 5px 8px 10px rgba(0,0,0,0.29); }
	.main-section05 .calendar-schedule .schedule li { padding:15px 0 ; border-bottom:1px solid #aaa; font-size:15px; color:#555;  }
	.main-section05 .calendar-schedule .schedule li span { display:block; font-size:18px; color:#222;  margin-bottom:5px;  }


	.main-section05 .community { float:left; width:calc(100% - 704px);  position:relative; }
	.main-section05 .community  h3 { font-family: 'GmarketSansBold';   font-size:26px; color:#222; margin-bottom:30px;  }
	.main-section05 .community  ul  { }
	.main-section05 .community  ul li  {margin-top:30px;  }
	.main-section05 .community  ul li:first-child  {margin-top:0px;  }
	.main-section05 .community  ul li:after  {clear:both; display:table; content:''; }
	.main-section05 .community  ul li  a { display:block; border:1px solid #ccc; width:100%; height:190px;  }
	.main-section05 .community  ul li  a:hover { border:1px solid #5a4aa2;  text-decoration:none; }
	.main-section05 .community  ul li  .img {float:left; width:180px;  height:100%; }
	.main-section05 .community  ul li  .img img { width:180px;  height:100%; }
	.main-section05 .community  ul li  .text-wrap { float:left; width:calc(100% - 180px); padding: 20px; }
	.main-section05 .community  ul li  .text-wrap .title { font-size:18px; margin-bottom:10px; color:#222;  }
	.main-section05 .community  ul li  .text-wrap .text { font-size:15px; color:#888;  margin-bottom:15px; }
	.main-section05 .community  ul li  .text-wrap .date { font-size:15px; color:#222;  }
	.main-section05 .community .more { position:absolute; top:3px; right:0px;  }
	.main-section05 .community .more a { font-size:21px; color:#222; font-weight:bold;   }


}




@media (min-width: 992px) and (max-width: 1199px) {
	.main-section01 {  padding-top:150px;  }
	.main-section01 .main-text {  width:calc(100% - 500px);padding-right:20px;  }
	.main-section01 .main-text .text1 { font-size:30px; ;  }
	.main-section01 .main-text .text2 { font-size:45px;  }
	.main-section01 .main-text .text3 { font-size:50px; }
	.main-section01 .main-text .text3 span  { font-size:30px; }
	.main-section01 .main-text .text4  { font-size:16px; }
		
	.hot-alime { width:480px;height: 294px;   background:url(../images/main/hotbnr_shadow.png) no-repeat left bottom; background-size: 450px 264px;  }
	.main-section05:before {   width:calc(50% - 36px); }
	.main-section05 .community  ul li  .img {display:none; }
	.main-section05 .community  ul li  .text-wrap { width:100% ; padding: 20px; }

}



@media (max-width: 991px) {

	.main-section01 {background:url(../images/main/top_bg.jpg) no-repeat center center;    padding:40px 15px 45px;  }
	.main-section01 .main-text { text-align:center;   color:#222;   line-height:1;  margin-bottom:20px; }
	.main-section01 .main-text .text1 { font-size:13px;  margin-bottom:10px; font-family: 'GmarketSansMedium';  }
	.main-section01 .main-text .text2 { font-size:24px;font-family: 'GmarketSansMedium';  }
	.main-section01 .main-text .text3 { font-size:30px;   font-family: 'GmarketSansBold'; margin-bottom:10px;  }
	.main-section01 .main-text .text3 span  { font-size:16px; }
	.main-section01 .main-text .text4  { font-size:13px; color:#555;  line-height:1.5; }
		

	.hot-alime {   position:relative; text-align:center;  }
	.hot-alime li { width:100%;  }
	.hot-alime .hot-alime-btn { position:absolute; color:#fff;  right:10px; bottom:10px; padding:2px 15px 4px;  border-radius:15px; font-size:13px;  background:rgba(0,0,0,0.8); }
	.hot-alime .hot-alime-btn * { vertical-align:middle;  }
	.hot-alime .hot-alime-btn a { color:#fff;  display:inline-block;  margin:0 3px;  }
	.hot-alime .hot-alime-btn div { display:inline-block;  margin:0px;   }
	.hot-alime .hot-alime-btn div img { height:12px;  }
	.hot-alime .hot-alime-btn div.pager {   float:left; padding-top:3px; margin-right:5px;  padding-bottom:1px; }

	.main-section02 {  background:url(../images/main/m_quick_bg.png) no-repeat center center;  text-align:center;   }
	.main-section02 h3  { font-family: 'GmarketSansBold';  color:#fff; font-size:14px; height:40px;  line-height:1.4; letter-spacing:1px; background:#242251; padding-top:12px;   }
	.main-section02 h3 strong  {display:inline-block; margin-right:5px; }
	.main-section02 h3 br { display:none;  }
	.main-section02 ul  {}
	.main-section02 ul:after  {clear:both; display:table; content:''; }
	.main-section02 ul li { float:left; width:50%; }
	.main-section02 ul li a { display:block; width:100%; height:100px;  color:#fff; text-align:center; font-size:14px;border-bottom:1px solid #242251; padding-top:30px;   }
	.main-section02 ul li:nth-of-type(1) a, .main-section02 ul li:nth-of-type(2) a { border-bottom:1px solid #242251  }
	.main-section02 ul li:nth-of-type(1) a, .main-section02 ul li:nth-of-type(3) a { border-right:1px solid #242251  }
	.main-section02 ul li a i {font-size:18px; display:block; margin-right:5px; margin-top:-3px; line-height:1.6;  }
	.main-section02 ul li a:hover { background:#242251; text-decoration:none; }


	.main-section03 { background:#fff; padding:50px 0 ;   }
	.main-section03 .notice { position:relative; margin-bottom:50px; }
	.main-section03  h3 { font-family: 'GmarketSansBold'; font-size:18px; color:#222; margin-bottom:20px;  padding-left:15px;  }
	.main-section03  .notice ul { }
	.main-section03  .notice ul li { border-bottom:1px solid #dbdbdb; padding:14px 15px ;   }
	.main-section03  .notice ul li:first-child {padding-top:0px; }
	.main-section03  .notice ul li:after {clear:both; display:table; content:''; }
	.main-section03  .notice ul li a { float:left; width:65%;font-size:14px; color:#222;     text-overflow: ellipsis;  -o-text-overflow: ellipsis;  overflow: hidden;   white-space: nowrap;   word-wrap: normal !important;   display: block; }
	.main-section03  .notice ul li span { float:right;  font-size:13px; color:#222; }
	.main-section03  .notice .more { position:absolute; top:-8px; right:15px;  }
	.main-section03  .notice .more a { font-size:18px; color:#222; font-weight:bold;  }
	.main-section03 .program { position:relative;  }
	.main-section03 .program  .bx-wrapper  {margin:0 auto; }
	.main-section03 .program ul { }
	.main-section03 .program ul:after {clear:both; display:table; content:''; }
	.main-section03 .program ul li {float:left; width:33.333%; text-align:center;  }
	.main-section03 .program ul li a {display:inline-block; position:relative; height:235px; overflow:hidden; }
	.main-section03 .program ul li a .p-label {  position:absolute;z-index:10;  top:10px; right:10px; width:46px; height:46px; display:flex;  align-items: center;padding:5px;  vertical-align:middle; color:#fff; text-align:center; font-size:13px; background:#9f9f9f;   }
	.main-section03 .program ul li a .p-label.ing { background:#155585; }
	.main-section03 .program ul li img { height:235px;  }
	.main-section03 .program ul li a:hover img {  transform:scale(1.1);  transition: transform .5s;  }
	.main-section03 .program .more { position:absolute; top:-8px; right:15px;  }
	.main-section03 .program .more a { font-size:18px; color:#222; font-weight:bold;   }
	.main-section03 .program .bx-controls {text-align:center; padding-top:20px; }
	.main-section03 .program .bx-controls div { display:inline-block;  }
	.main-section03 .program .bx-controls a {display:inline-block; text-indent:-9999px; width:15px; height:15px; background:#ddd; border-radius:100%; margin:0 5px; }
	.main-section03 .program .bx-controls a.active {background:#EA7F26; }

	.main-section04 { padding:60px 15px ; background:#f7f7f7;  text-align:center;  position:relative;   }
	.main-section04 h3 {font-family: 'GmarketSansBold'; margin-bottom:10px;   }
	.main-section04 h3 a { font-size:18px; color:#222;   }
	.main-section04 .top-text {font-size:13px; color:#555; margin-bottom:30px;  }
	.main-section04 .bx-wrapper  {margin:0 auto; }
	.main-section04 ul  { }
	.main-section04 ul li  {  height:232px;width:198px;  }
	.main-section04 ul li .in { background:#fff; height:222px;  width:193px;  box-shadow: 5px 8px 5px rgba(0,0,0,0.1); }

	.main-section04 ul li .in .img {width:100%; height:120px; }
	.main-section04 ul li .in .img img {width:100%; height:120px; }
	.main-section04 ul li .in .text-wrap {padding:10px; width:100%; height:70px; text-align:left;  }
	.main-section04 ul li .in .text-wrap .title {font-size:13px; color:#555; margin-bottom:3px;  }
	.main-section04 ul li .in .text-wrap .text {font-size:12px; color:#555;  }
	.main-section04 ul li .in  .btn-wrap  {  }
	.main-section04 ul li .in  .btn-wrap:after  {clear:both; display:table; content:''; }
	.main-section04 ul li .in  .btn-wrap a  {display:block; float:left; height:32px; width:49.5%;color:#fff; background:#bbb; font-weight:bold; font-size:12px; line-height:32px;   }
	.main-section04 ul li .in  .btn-wrap a.btn1  {margin-right:1%;  background:#145484; }
	.main-section04 .facility-btn  { }
	.main-section04 .facility-btn a  {position:absolute; top:260px;   display:block; width:40px; height:40px; color:#fff; font-size: 20px; text-align:center; padding-top:6px;  background:#555;  }
	.main-section04 .facility-btn .btn-prev a  {  left:0px;   }
	.main-section04 .facility-btn .btn-next a  { right:0px;   }

	.main-section05 { position:relative;  }
	.main-section05 .calendar-schedule { padding:60px 15px 35px; background:#145484;    }
	.main-section05 .calendar-schedule h3 {  font-family: 'GmarketSansBold';   font-size:18px; color:#fff; margin-bottom:20px;  text-align:center;  }
	.main-section05 .calendar-schedule .calendar-wrap {border:1px solid #aaa;  padding:25px 20px; background:#f9f9f9;  }
	.main-section05 .calendar-schedule .calendar-wrap .top { width:100%;text-align:center; position:relative;  margin-bottom:15px;  }
	.main-section05 .calendar-schedule .calendar-wrap .top span.month { font-size:16px; font-family: 'GmarketSansBold';  }
	.main-section05 .calendar-schedule .calendar-wrap .top a  { position:absolute; font-size:19px; color:#aaa; top:-3px;   }
	.main-section05 .calendar-schedule .calendar-wrap .top a.prev  { left:0px;  }
	.main-section05 .calendar-schedule .calendar-wrap .top a.next  { right:0px;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar { width:100%;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table { width:100%;  border-bottom:1px solid #aaa;    }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table thead {background:#145484;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table thead  th {color:#fff; padding:10px; text-align:center; font-size:14px; margin-bottom:10px;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table tbody   {}
	.main-section05 .calendar-schedule .calendar-wrap .calendar table tbody  td {color:#fff; padding:4px; text-align:center; font-size:14px; color:#222;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table tbody  td span {display:inline-block; width:30px;height:30px;line-height:30px;  }
	.main-section05 .calendar-schedule .calendar-wrap .calendar table tbody  td span.active {color:#fff; border-radius:100%; background:#eb7f25; }
	.main-section05 .calendar-schedule .schedule { padding:15px;  }
	.main-section05 .calendar-schedule .schedule li { padding:10px 0 ;  font-size:14px; color:#fff;  }
	.main-section05 .calendar-schedule .schedule li span { display:block; color:#EA7F26;  margin-bottom:5px;  }


	.main-section05 .community {   position:relative;padding:60px 15px 35px;  }
	.main-section05 .community  h3 { font-family: 'GmarketSansBold';   font-size:18px; color:#222; margin-bottom:15px;  }
	.main-section05 .community  ul  { }
	.main-section05 .community  ul li  {margin-top:10px;  }
	.main-section05 .community  ul li:first-child  {margin-top:0px;  }
	.main-section05 .community  ul li:after  {clear:both; display:table; content:''; }
	.main-section05 .community  ul li  a { display:block; border:1px solid #ccc; width:100%; height:100px;  }
	.main-section05 .community  ul li  a:hover { border:1px solid #5a4aa2;  text-decoration:none; }
	.main-section05 .community  ul li  .img {float:left; width:135px;  height:100%; }
	.main-section05 .community  ul li  .img img { width:135px;  height:100%; }
	.main-section05 .community  ul li  .text-wrap { float:left; width:calc(100% - 135px); padding: 10px; }
	.main-section05 .community  ul li  .text-wrap .title { font-size:14px; margin-bottom:5px; color:#222;  }
	.main-section05 .community  ul li  .text-wrap .text { font-size:13px; color:#888;   }
	.main-section05 .community  ul li  .text-wrap .date { display:none;  }
	.main-section05 .community .more { position:absolute; top:60px; right:15px;  }
	.main-section05 .community .more a { font-size:19px; color:#222; font-weight:bold;   }




}
@media (min-width: 400px) and (max-width: 991px) {

}