/* ����� �ڵ� �ʼ� ���뿵�� */
* {
 margin:0;
 padding:0;
 }
img {border: 0px;}

.left_home{width:25px;}
.right_repair{width:27px; margin-right:10px;}
.logo_head2 {width:120px;}
.logo_contents	{ float:left; margin-left: 20px; height:auto; width:160px;}
.btn_pre	{width:25px;}
.btn_home	{width:25px;}


#contents	{width: 100%;}

#contents .tab	{width:100%; clear:both; position:relative; overflow:hidden;}
#contents .tab ul{ width:100%; }
#contents .tab ul li{ float:left; width:50%; list-style-type: none;}
#contents .tab ul li2{ float:center; width:100%; list-style-type: none;}
#contents .tab img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}
#contents .tab-in	{width:100%; clear:both; position:relative; overflow:hidden;}
#contents .tab-in ul{ width:100%; }
#contents .tab-in ul li{ float:left; width:33%; list-style-type: none;}
#contents .tab-in img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

/*2015-10-22 수현 add, 모바일페이지 dance 추가되면서 탭 간격 조정*/
#contents .tab2	{width:100%; clear:both; position:relative; overflow:hidden;}
#contents .tab2 ul{ width:100%; }
#contents .tab2 ul li{ float:left; width:30%; list-style-type: none;}
#contents .tab2 img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

#category .cate	{width:100%; clear:both; position:relative; overflow:hidden;}
#category .cate ul{ width:100%; }
#category .cate ul li{ float:left; width:50%; list-style-type: none;}
#category .cate img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

#category .tab	{width:100%; clear:both; position:relative; overflow:hidden;}
#category .tab ul{ width:100%; }
#category .tab ul li{ float:left; width:33.3%; list-style-type: none;}
#category .tab img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

#category .tab2	{width:100%; clear:both; position:relative; overflow:hidden;}
#category .tab2 ul{ width:100%; }
#category .tab2 ul li{ float:left; width:50%; list-style-type: none;}
#category .tab2 img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

#category .tab3	{width:100%; clear:both; position:relative; overflow:hidden; padding-top: 20px;}
#category .tab3 ul{ width:100%; }
#category .tab3 ul li{ float:left; width:33.3%; list-style-type: none;}
#category .tab3 img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

#contents .banner3	{width:100%; clear:both; position:relative; overflow:hidden; background-color: #e0e5eb;}
#contents .banner3 ul{ width:100%; }
#contents .banner3 ul li{ float:left; width:33.3%; list-style-type: none;}
#contents .banner3 img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

#menu	{width:100%; height: 46px; background:url("../images/menu/menu_bg.jpg") repeat-x;}
#menu ul{ width:100%; text-align:center;}
#menu ul li{ float:left; width:33%; list-style-type: none;}
#menu img{ max-height:46px; width:99%;margin-top:8px;}

.DRmenu	{width:100%; height: 20px; background-color: #ddd8c6; padding-top: 5px; padding-left: 45px;}
.DRmenu ul{ width:100%; }
.DRmenu ul li{ float:left; list-style-type: none;}
.DRmenu img{max-height:15px;padding-left: 20px;}


.DRmenu2	{width:100%; height: 25px; background-color: #d6d6d6; padding-top: 4px; padding-left: 25px;}
.DRmenu2 ul{ width:100%; }
.DRmenu2 ul li{ float:left; list-style-type: none;}
.DRmenu2 img{max-height:20px;padding-left: 10px;}


#tit	{width:100%; clear:both; position:relative; overflow:hidden; padding-top: 30px; padding-bottom: 20px;}
#tit ul{ width:100%; text-align:center;}
#tit ul li{ float:left; width:100%; list-style-type: none;}
#tit img{ text-align:center; position:relative; margin:0 auto; height:auto; width:95%;}

#add	{width:100%; clear:both; position:relative; overflow:hidden;}
#add ul{ width:100%; text-align:center;}
#add ul li{ float:left; width:100%; list-style-type: none;}
#add img{ text-align:center; position:relative; margin:0 auto; width:100%;}

#movie	{width:100%; clear:both; position:relative; overflow:hidden; text-align: center;}
#movie img{ width: 25%; text-align:center; position:relative; padding: 5px;}

#contents .drama	{width:100%; clear:both; position:relative; overflow:hidden;}
#contents .drama ul{ width:100%; }
#contents .drama ul li{ float:left; width:100%; list-style-type: none;}
#contents .drama img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

#contents .drama2	{width:100%; clear:both; position:relative; overflow:hidden;}
#contents .drama2 ul{ width:100%; }
#contents .drama2 ul li{ float:left; width:50%; list-style-type: none;}
#contents .drama2 img{ text-align:center; position:relative; margin:0 auto; height:auto; width:100%;}

#category .menu {background-color: #d6d6d6; height: 40px; padding-top: 5px;}
#category .menu .img {padding-left: 40px; float: left;} 
#category .bar	{width: 640px; height: 6px; background-color: #ca010b;}

#contents	{margin: auto; }
#contents .mainVisual	{width: 640px; height: 790px; background-image: url('../images/main_bg.jpg'); background-repeat: no-repeat;}
#contents .mainVisual .btn1 {padding-top: 230px; padding-left: 30px;}
#contents .mainVisual .btn2 {padding-top: 30px; padding-left: 30px;}
#contents .mainVisual .redbtn	{text-align: center;}
#contents .tit	{padding: 30 0 20 20;}
#contents .movieList  {width: 90%; text-align: center; padding-left: 30px;}
#contents .movie  {width: 90%; text-align: center; padding-top: 20px;}
#contents .drama .dramaMovie	 {width: 240px; height: 180px; padding-top: 430px; padding-left: 320px;}
#contents .book	{width: 100%; text-align: center; padding-top: 10px; padding-bottom: 30px;}
#contents .book .arrow img	{text-align:center; position:relative; margin:0 auto; height:auto; width:39px;}
#contents .book .arrow	{width: 95%; height: 39px; padding-top: 0px;}
#contents .book .arrow ul {}
#contents .book .arrow li{ float:left; list-style-type: none; width: 50%;}
#contents .book .bookimg	{padding-top: 30px;}
#contents .book .bookimg img	{ text-align:center; position:relative; margin:0 auto; height:auto; width:95%;}


#contents .redLine		{width: 100%; background-color: #ca010b; height: 5px;}
#contents .pmovie		{text-align: center; margin-top:30px; margin-bottom: 30px;}


@font-face {
  font-family: 'NotoSansKR Regular';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKR-Regular.woff) format('woff'),
  url(/fonts/NotoSansKR-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'NotoSansKR SemiBOLD';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKR-Medium.woff) format('woff'),
  url(/fonts/NotoSansKR-Medium.woff2) format('woff2');
}
@font-face {
  font-family: 'NotoSansKR BOLD';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/NotoSansKR-Bold.woff) format('woff'),
  url(/fonts/NotoSansKR-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Myriad Pro Regular';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/MyriadPro-Regular.woff) format('woff'),
  url(/fonts/MyriadPro-Regular.woff2) format('woff2');
}
@font-face {
  font-family: 'Myriad Pro Bold';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/MyriadPro-Bold.woff) format('woff'),
  url(/fonts/MyriadPro-Bold.woff2) format('woff2');
}
@font-face {
  font-family: 'Myriad Pro BOLD';
  font-style: normal;
  font-weight: 100;
  src: url(/fonts/MyriadPro-Bold.woff) format('woff'),
  url(/fonts/MyriadPro-Bold.woff2) format('woff2');
}
.title {

  background-color: #FAFAFA;
}
.main-title {
  font-family: 'Myriad Pro BOLD';
  background-color: #e82e32;
  color: #FFFFFF;
  padding: 20px 0 15px 0;
  border-radius: 25px 25px 0 0;
  font-size: 28px;
}

.main-title > input{
  font-family: 'Myriad Pro BOLD' !important;
  color: #e82e32;
  background-color: #FFFFFF;
  border-radius: 20px;
  margin-left: 20px;
  margin-right: 5px;
  font-size: 18px;
  height: 26px;
  width: auto;
  padding : 3px 6px 0 6px;
  text-align: center;
  border: none !important;
}

.txt-explain {
  font-family: 'Noto Sans KR';
  padding: 20px 0 20px 20px;
  background-color: #F5F5F5;
  color: #797979;
  font-size: 14.5px;
}
.txt-explain > strong {
  color: #343434;
}


.video-list {
  width:100%;
  margin-bottom: 40px;
}
.video-content {
  padding: 0 20px 0 20px;
}
.video-content div > iframe {
  width:100%;
  height:25%;
  border-radius: 20px;
}

.video-content div > video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 20px;
}

.video-content img{
  border-radius: 20px;
  filter:brightness(75%);
}
.video-content-image {
  position: relative;
}
.video-content-image:after {
  content: "";
  width: 85px;
  height: 85px;
  background: url(/images/btn_video_play.png) center no-repeat;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.video-content-play {
  display: none;
}
.video-category {
  font-family: 'Myriad Pro SemiBOLD';
  font-size: 22px;
  color: #343434;
  margin : 20px 0 5px 20px;
}