@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {  font-family: 'Nanum Gothic', sans-serif !important; }
div.rn21_container { width:100%;  max-width:1000px; margin:0 auto;  font-family: 'Nanum Gothic', sans-serif !important; }
div.rn21_container section { position:relative; padding:80px 0 80px; }
div.rn21_container section:after{content:"";display:block;clear:both;} 



h2.rn21 { font-size:44px; color:#111; font-weight:800; }
h2.rn21 p {  font-size:24px; color:#555; font-weight:400; margin:15px 0 40px; line-height:130%;  }

h3.rn21 { font-size:32px; color:#111; font-weight:700; }
h3.rn21 p {  font-size:18px; color:#555; font-weight:400; margin:15px 0 40px; line-height:130%;  }

.swiper-pagination-bullet { background:#DDD !important; opacity: 1 !important;width:10px !important; height:10px !important;  }
.swiper-pagination-bullet-active { background:#05B7D1 !important; }



@media (max-width: 767px) { 
	div.rn21_container section { position:relative; padding:20px 0 40px; }
	h2.rn21 { font-size:22px; }
	h2.rn21 p {  font-size:16px; }

	h3.rn21 { font-size:20px; color:#111; font-weight:700; }
}




/***  ¸ð¹ÙÀÏ µõ·¹À̾î Æ˾÷   ***/

#mobile_dimbg {display:block; content:""; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:999990; }
#mobile_dimpopup_wrap {position:fixed; width:100%; left:50%; transform: translateX(-50%); bottom:0; padding:20px; max-width:767px; background:#fff; border-radius:20px 20px 0px 0px;z-index:999991;}

div.mobile_dimpopup_btn  { position:relative; height:35px; font-size:16px;}
div.mobile_dimpopup_btn p {position:absolute; top:-3px;  right: 0px;  z-index:999999; }
div.mobile_dimpopup_btn p i { font-size:26px; }

	#mobile_dimpopup_wrap .swiper-slide img { width:100%; max-width:100%; }

@media (max-width: 767px) { 
	.mobilelayerPopup .layerBox  { left:0; transform: translateX(0%);  }
}







/*** »ó´Ü °íÁ¤ Çì´õ  ***/
.rn21_header_wrap {position:relative; height:70px; line-height:70px;}
/*
	div.rn21_logo {position:absolute;  left: 0px;  z-index:999;}
*/
	div.rn21_logo  {display: flex;justify-content: center; height: 100%;}
	div.rn21_logo a {display: flex; align-items: center; justify-content: center;}
	div.rn21_logo img { max-width:100%; width:187px; height:38px;  }
	p.rn21_basicmenu { text-align:right; height:70px; margin-right:0px; position: absolute; top:0; right:0;}
		p.rn21_basicmenu a { width:35px; margin-left:10px; }
		p.rn21_basicmenu a img { width:100%; max-width:30px; }




div.rn21_logo b.arrow_more {
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px;
     line-height: 20px;
    padding-top:7px;
    border: solid 1px #dddddd;
    margin-left: 9px;
    margin-top: 15px;
    text-align: center;
    border-radius: 50%;
    cursor: pointer
}

div.rn21_logo b.arrow_more i {
    font-size: 15px;
    color: #05b7d1;
    transform: rotate(-180deg);
}

div.rn21_logo b.arrow_more.active i {
    transform: rotate(0);
}

.left_link {
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    top: 50px;
    padding: 10px 0;
    display: none;
    z-index: 200;
    border-radius: 8px;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .16);
    background: #fff;
    width: 180px
}
.left_link:after {
	content: "";
    display: block;
    clear: both;
}
.left_link li {}
.left_link li a {
    display: block;
    padding: 5px 10px;
}

.left_link li b {
    width: 29px;
    height: 29px;
    background: #F4F5F9;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle
}

.left_link li b img {
    width: auto;
    vertical-align: top;
}

.left_link li span {
    margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    font-weight: normal;
    color: #111
}

 .left_link li:hover span {
    font-weight: 600;
    color: #05b7d1;
}




	.downdown {
		position:fixed;
		animation: down 0.3s ease;
	}
	@keyframes down {
		0%{
			transform: translateY(-50px)
		}
		100%{
			transform: translateY(0px)
		}  
	}


@media (max-width: 1000px) { 
	/*div.rn21_logo {  left: 20px; }*/
	p.rn21_basicmenu { margin-right:20px; }
}
@media (min-width: 800px) { 
	div.rn21_logo b.arrow_more {		
		width: 35px;
		height: 35px;		
		padding-top:7px;		
		margin-left: 9px;
		margin-top: 25px;		
	}
	.left_link {		
		top: 70px;
		padding: 10px 0;	
	}
}
@media (max-width: 767px) { 
	.rn21_header_wrap {position:relative; height:50px; line-height:50px;}
	div.rn21_logo img { width:150px; height:31px; }
	p.rn21_basicmenu a { width:25px;  margin-left:5px; }
	p.rn21_basicmenu a img {  max-width:25px; }
}





/** Çܹö°Å ¸Þ´º **/
.rn21_hammenu_bg { width: 100%; max-width:1000px; height: 100%; position: absolute; top:0px; right:0px; overflow: hidden; display: none; z-index:9998; left:50%; transform: translateX(-50%);   }
.rn21_hammenu_menu { position:absolute; top:0px; right:0px; width:100%; height: 100%; background-color:#fff; z-index:9999; font-size:18px; }

	div.rn21_ham_header { position:relative; height:60px; line-height:60px;  padding-left:20px;  }
		div.rn21_ham_header a { display:inline-block; margin-right:0px; font-size:16px; font-family: 'Nanum Gothic', sans-serif !important;  }
		div.rn21_ham_header a:after { content:"|"; padding:0 20px;}
		div.rn21_ham_header a.last:after { content:""; padding:0px;}
		div.rn21_ham_header a img { max-width:20px; margin-right:4px;  }
	div.rn21_ham_closebtn { position:absolute; top:0px; right:20px;height: 100%; padding: 18px 0; line-height: 1; }
		div.rn21_ham_closebtn img { max-width:20px; cursor:pointer;}

	div.rn21_ham_subheader {display:flex; padding:0 20px 16px 20px; justify-content:center; border-bottom:1px solid #ddd;}
	div.rn21_ham_subheader a {display:flex; border-radius:30px; background:#d2f9ff;padding:2% 4%; font-size:16px;}
	div.rn21_ham_subheader a:nth-child(-n+2) {margin-right:5%;}



	div.rn21_ham_left {position:relative;  float:left; width:43%; height:calc(100% - 61px); background:#F4F5F9; }
	div.rn21_ham_left > ul {}
	div.rn21_ham_left > ul > li { }
	div.rn21_ham_left > ul > li a { display:block;  color:#111; padding:15px 20px;  font-size:20px;  font-family: 'Nanum Gothic', sans-serif !important;  }
		div.rn21_ham_left > ul > li a.act { background:#05B7D1; color:#fff; font-weight:700; box-shadow: 0px 4px 15px 0px rgba(5, 183, 209, 0.3);  }

		div.rn21_ham_left_flying { position:absolute; bottom:150px;  left:20px;  text-align:center; }
		div.rn21_ham_left_flying.ham_notice  {  bottom:50px;}
			div.rn21_ham_left_flying a { width:90px; display:block; font-size:18px; color:#05B7D1; text-align:center;  font-family: 'Nanum Gothic', sans-serif !important;  }
			div.rn21_ham_left_flying a p { width:60px; height:60px; /* line-height:70px; */ background:#fff; border-radius:40%; margin:0 auto 10px;box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.1); padding: 15px 0;}
			div.rn21_ham_left_flying a p img { width:30px;}


	div.rn21_ham_right { float:left; width:calc(54% - 0px); margin-left:3%; height:calc(100% - 81px); margin-top:20px; }
		div.rn21_right_menu_item { width:calc(100% - 10px); height:100%; overflow:auto; font-size:17px;}
		div.rn21_right_menu_item > ul {}
		div.rn21_right_menu_item > ul > li {position:relative;  display:block;  padding:12px 0px; border-bottom:0px solid #d4d4d4;  }
			div.rn21_right_menu_item > ul > li > a { display:block; color:#111;cursor:pointer;   font-family: 'Nanum Gothic', sans-serif !important; }
			div.rn21_right_menu_item > ul > li > a > i { display:block;  position:absolute; right:20px; top:10px; font-size:24px; color:#999;  }
			div.rn21_right_menu_item > ul > li > a > i.xi-external-link { color:#9BDCE5; }
			div.rn21_right_menu_item > ul > li > a > i.xi-plus-min{ font-size:26px; }

			div.depth3menu { background:#F9FAFC; padding:10px 10px; margin-top:10px;  }
				div.depth3menu > div { margin:5px 0; }
				div.depth3menu > div > a { color:#555; font-weight:400; font-size:16px; font-family: 'Nanum Gothic', sans-serif !important; }


@media (max-width: 420px) { 
	div.rn21_ham_left > ul > li a { padding:12px 15px;  font-size:17px;  }
	div.rn21_ham_left_flying a {  font-size:15px; }
}












/*** »ó´Ü GNB ***/
.rn21_gnbnav_wrap { }

/* »ó´Ü ž ÁÂ¿ì ½º¿ÍÀÌÇÁ ¸Þ´º Ŭ¸¯½Ã °¡¿îµ¥ Á¤·Ä */
.mnbSwiper { width:100%;  height:60px; line-height:50px; padding: 0; background:#fff; margin:0 auto; }
.mnbSwiper .swiper-slide {  width:14.285% !important; text-align:center; }
.mnbSwiper .swiper-slide a { display: block; text-align: center; padding:0;   font-family: 'Nanum Gothic', sans-serif !important; }
.mnbSwiper .swiper-slide .text {  box-sizing: border-box; position: relative; display: inline-block; height: 50px; white-space: nowrap; font-size:14px; font-weight:400; line-height: 50px; color: #333; }
.mnbSwiper .swiper-slide.on .text { color: #111;font-weight:700;   }
.on span  { color: #111; font-weight: bold; }
.on span:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 3px; background: #111; }


@media (max-width: 767px) { 
	.mnbSwiper .swiper-slide { width: auto !important;  }
	.mnbSwiper .swiper-slide a { padding:10px 10px 0 15px }
}






/*** ¸ÞÀÎ ºñÁê¾ó¹è³Ê ½½¶óÀ̵å ***/
section.rn21_visualbanner_wrap { padding:50px 0 60px !important; background:#f7fae7;position:relative;}


	section.center.slider { padding:0 !important; }
	.slick-slide { margin: 0px 10px;  }
	/*.slick-slide > div { padding:20px 0px;}*/
    .slick-slide img { width: 100%; max-width:100%;}
    .slick-prev:before, .slick-next:before {  color: black; }
    .slick-slide { transition: all ease-in-out .3s; opacity: 1; }
    .slick-active img { opacity: 1; }
    .slick-current img { opacity: 1; }


	div.slick_item_row { background:#000;border-radius:20px; overflow:hidden; box-shadow: 4px 4px 18px 0px rgba(0, 0, 0, 0.3);  }

	div.slick_slideCount { float:right;  display:inline-block;  margin-right:70px; padding:5px 20px;  background:rgba(0,0,0,0.2); text-align:center; color:#fff; font-weight:400; font-size:18px; border-radius:60px;  font-family: 'Nanum Gothic', sans-serif !important; }
	div.slick_slideCount:after{content:"";display:block;clear:both;}
		.slick_slideCount .current { color:#fff;  font-weight:700; }
		.slick_slideCount .total { color:#fff;  font-weight:400; }



@media (max-width: 767px) { 
	section.rn21_visualbanner_wrap { padding:20px 0 30px !important; }
	.slick-slide { margin: 0px 10px;}
	.slick-slide img{ opacity: .8;  }
	.slick-active img{ opacity: .8; }
    .slick-current img{ opacity: 1; max-width:100%;}

	div.slick_slideCount {  margin-right:60px;  padding:5px 20px;  font-size:15px; } 

	.slick-slide { margin: 0px 0px;  }
	.slick-slide  div.slick_item_row { max-width:80%; margin:12% 10% 0;}
	.slick-active div.slick_item_row {  max-width:100%;margin:0;}

}



/*** Äü¸Þ´º ½½¶óÀ̵å ***/
section.rn21_quickmenu_wrap { padding:40px 10% !important;}
	.quickSwiper .swiper-slide { text-align:center; }
	.quickSwiper .swiper-slide a { display:block; font-size:18px; color:#555; font-weight:400;  font-family: 'Nanum Gothic', sans-serif !important;  }
	.quickSwiper .swiper-slide p { width:100px; height:100px; margin:0 auto 10px; background-color:#F4F5F9; border-radius:100px; text-align:center;  background-repeat: no-repeat; background-position: center;   background-size: auto;}
		.quickSwiper .swiper-slide:nth-child(1) p {  background-image: url(https://www.dlive.kr/html/images/_images/main_ico01.png); } /* ¿ä±ÝÁ¶È¸ */
		.quickSwiper .swiper-slide:nth-child(2) p {  background-image: url(https://www.dlive.kr/html/images/_images/main_ico03.png); } /* °¡ÀÔÁ¤º¸ */
		.quickSwiper .swiper-slide:nth-child(3) p {  background-image: url(https://www.dlive.kr/html/images/_images/main_ico08.png); } /* AS¾È³» */
		.quickSwiper .swiper-slide:nth-child(4) p {  background-image: url(https://www.dlive.kr/html/images/_images/main_ico07.png); } /* FAQ */
		.quickSwiper .swiper-slide:nth-child(5) p {  background-image: url(https://www.dlive.kr/html/images/_images/main_ico02.png); } /* ¿ä±Ý³³ºÎ */
		.quickSwiper .swiper-slide:nth-child(6) p {  background-image: url(https://www.dlive.kr/html/images/_images/main_ico04.png); } /* ¹Ìȯ±Þ¾×Á¶È¸ */
		.quickSwiper .swiper-slide:nth-child(7) p {  background-image: url(https://www.dlive.kr/html/images/_images/main_ico06.png); } /* ä³ÎÆí¼ºÇ¥ */

@media (max-width: 767px) { 
	.quickSwiper .swiper-slide p { width:60px; height:60px; background-size: 50%;}
	.quickSwiper .swiper-slide a {  font-size:14px;}
	.quickSwiper .swiper-slide span {  display:none; }
}

@media (max-width: 380px) { 
	section.rn21_quickmenu_wrap { padding:40px 2% !important;}

}







/*** »óÇ°°ú ¼­ºñ½º ½½¶óÀ̵å ***/
section.rn21_proservice_wrap {  background:#EBFAFC; text-align:center; padding:40px 0 10px !important;  }

	.swiper-container.proserSwiper .swiper-wrapper { padding-bottom:20px;}
	.proserSwiper .swiper-slide { width: 100%; padding:30px 50px;  }
	.proserSwiper .swiper-slide-active { padding-right:0px; }
	.proserSwiper .swiper-slide-next { padding-left:0px; }

		.proser_item_box { position:relative;  padding:50px 20px 20px;  background:#fff; box-shadow: 4px 4px 18px 0px rgba(0, 0, 0, .1); border-radius:0 0 60px 0; }
			.proser_item_tag { width: 75%; height:90px; /*font-weight:700;  font-size:18px; padding:10px 25px; border-radius:0 0 30px 30px; color:#111;*/ position:absolute;  ;left:50%; top:0; transform: translateX(-50%);    z-index:99; display:block;  }/*20220219_¼öÁ¤*/
				/*
				.tagbox_mint { background:#05b7d1; }
				.tagbox_orange { background:#f7941c; }
				.tagbox_green { background:#19BE3A; }
				.tagbox_red { background:#E92525; }
				.tagbox_black { background:#292929; }
				.tagbox_purple { background:#9154F2; }
				.tagbox_pink { background:#ec008c; }
				*/
				.proser_item_tag img {width:100%; max-width:388px;}
		
			dl.proser_item_row { }
			dl.proser_item_row dt { height:60px; overflow:hidden;  font-size:22px; color:#111; font-weight:400; margin:55px 0 30px 0;  font-family: 'Nanum Gothic', sans-serif !important; }/*20220219_¼öÁ¤*/
				dl.proser_item_row dt span { color:#05b7d1; }
			dl.proser_item_row dd { min-height:200px !important; padding:0;}/*20220220_¼öÁ¤*/
			dl.proser_item_row dd img {  max-width:60%; }




@media (max-width: 767px) { 
	.proserSwiper .swiper-slide { width: 80%;  /*padding:30px 0 30px 30px;*/  }
	.proserSwiper .swiper-slide-active { padding-right:0px; }
	.proserSwiper .swiper-slide-next {  padding-left:0px; }
	.proserSwiper .swiper-slide-prev { margin-right:10px !important; }

	.proser_item_box {  }
	dl.proser_item_row dt {height:50px; overflow:hidden;   font-size:18px; margin:90px 0 30px 0; }/*20220219_¼öÁ¤*/
	dl.proser_item_row dd img {  max-width:85%; }

}

@media (max-width: 420px) { 
	.proser_item_box { min-height:320px; padding:50px 10px 10px;}
	.proser_item_tag {  font-size:14px; padding:0 15px;  } /*20220219_¼öÁ¤*/
	dl.proser_item_row dt { font-size:16px; margin: 30px 0 20px 0; letter-spacing:-0.05em; }
}








/*** ÀÌ´ÞÀÇ ÇÒÀÎ ÇýÅÃ ***/
.rn21_benefit_wrap { position:relative;  }

/* ÇýÅà »óÇ° ½º¿ÍÀÌÇÁ */
.benefitSwiper { width:100%; max-width:767px; padding: 0; margin:0 auto;text-align:center;  }
.benefitSwiper .swiper-slide {   width: auto !important;  margin:0 10px; }
.benefitSwiper .swiper-slide span.text {  box-sizing: border-box; position: relative; background:#f1f2f4; display: inline-block; padding:0 30px; border-radius:80px; height: 45px;  white-space: nowrap; font-size:15px; font-weight:400; line-height: 45px; color: #555; cursor:pointer; }
.benefitSwiper .swiper-slide.on span.text  { color: #fff; background:#333; font-weight:700; font-family: 'Nanum Gothic', sans-serif !important;  }
.benefitSwiper .swiper-slide.on span.text:after { content: ''; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; height: 0px; background: #333; color:#fff; }


	div.benefit_tab{  display:none; width:100%; max-width:767px; height:auto; margin:30px auto 0;  }
	div.benefit_tab.on { display:block; }
	div.benefit_tab ul{ padding:0;  margin:0;  list-style:none;  width:100%;  height:auto;  overflow:hidden; }
	div.benefit_tab ul li {display:inline-block; width:50%; float:left; line-height:45px; text-align:center; cursor:pointer; background:#F1F2F4; color:#555; font-weight:400; font-size:15px; font-family: 'Nanum Gothic', sans-serif !important;  }
	div.benefit_tab ul li:hover, .benefit_tab ul li.on{ background:#05B7D1; color:#fff; font-weight:700;  font-family: 'Nanum Gothic', sans-serif !important;  }
	div.benefit_tab .conBox{  background:#fff; border:1px solid #05B7D1;  display:none;  text-align:center; padding:20px; margin:20px;  }
	div.benefit_tab .conBox.on{  display:block; }

		div.alltext_box { margin:40px 20px 40px; }
		div.alltext_box img { max-width:100%; }

		div.alltext_box > dl {}
		div.alltext_box > dl > dt { font-size:20px; color:#111; font-weight:400; margin-bottom:10px; font-family: 'Nanum Gothic', sans-serif !important;  }
			div.alltext_box > dl > dt span {color:#FC006D; font-weight:700;}

		div.bene_price { color:#999; font-size:16px; font-weight:400; text-decoration-line:line-through;  font-family: 'Nanum Gothic', sans-serif !important;  }
		div.bene_benefitprice { margin-top:10px; color:#999; font-size:14px; font-weight:400;  }
			div.bene_benefitprice p { color:#111; font-size:22px; font-weight:400; }
			div.bene_benefitprice strong { color:#05B7D1; font-size:34px; font-weight:700;  font-family: 'Nanum Gothic', sans-serif !important; }
		div.bene_alliance { padding-top:20px;  color:#111; font-size:16px; font-weight:700; cursor:pointer;  font-family: 'Nanum Gothic', sans-serif !important; }
			div.bene_alliance img { width:25px; margin-right:5px; }
			div.bene_alliance p { border-top:1px solid #05B7D1; padding-top:15px; margin-top:15px; display:none; font-size:13px; color:#999; font-weight:400;}
			div.bene_alliance p strong {display:block;  font-size:18px; color:#FC006D; font-weight:700;  font-family: 'Nanum Gothic', sans-serif !important; }


	/*  »ó´ã½Åû ¹Ù·Î°¡±â */
	div.rn21_consult_box { width:100%; padding:30px 20px 0; text-align:center;  }
	div.rn21_consult_box p { color:#111; font-size:14px; font-weight:400; margin-bottom:20px; font-family: 'Nanum Gothic', sans-serif !important; }
		div.rn21_consult_box p strong { color:#05B7D1; font-weight:700;  font-family: 'Nanum Gothic', sans-serif !important; }
	div.rn21_consult_box a { width:48%; max-width:200px; margin:0 5px;  font-size:18px; font-weight:400; display:inline-block; padding:15px 0; background:#F1F2F4; color:#555; border-radius:100px;  font-family: 'Nanum Gothic', sans-serif !important; }
	div.rn21_consult_box a.act { background:#05B7D1; color:#fff; font-weight:700; }


@media (max-width: 767px) { 
	.benefitSwiper { width:100%; max-width:100%; padding: 0; margin:0 auto; }
}

@media (max-width:480px) { 
	div.rn21_consult_box a { max-width:44%; margin:0 3px;  font-size:17px; }
}











/***  ÇÖÀ̺¥Æ® ½½¶óÀ̵å ***/
section.rn21_discount_wrap {  background:#fff; text-align:center; }

@media (max-width: 767px) { 

}





/***  ÃßõVOD ½½¶óÀ̵å ***/
section.rn21_vod_wrap {  background:#E7EAF9; text-align:center; }



	h2.rn21.vodtitle { text-align:left; padding-left:40px; line-height:1.3;}
	h2.rn21.vodtitle p {  color:#555; font-weight:400; margin:15px 0 20px; line-height:130%;  }


	h2.rn21.vodtitle span { color:#05B7D1; }
	div.vod_text { text-align:left; padding-left:40px;  color:#111; font-size:24px; font-weight:700; font-family: 'Nanum Gothic', sans-serif !important;  }
	div.vod_text > span { color:#05B7D1; }
	div.vod_text > a > p { display:inline-block; padding:5px 20px; margin-right:10px; background:#05B7D1; color:#fff; border-radius:60px; font-weight:700px; font-size:14px; }

	.swiper-container.vodSwiper .swiper-wrapper { margin-top:30px; padding-bottom:20px;}
	.vodSwiper .swiper-slide { width: 30%; padding-left:40px;  }

		.vod_item_box { position:relative; margin-top:30px; }
			.vod_tag {  text-align:center;  font-weight:700;  font-size:18px; padding:10px 20px; color:#fff; border-radius:80px;  position:absolute;  left:50%; top:-25px; transform: translateX(-50%);  z-index:99; display:block;  background:#3B3AF8;  font-family: 'Nanum Gothic', sans-serif !important;  }

			dl.vod_item_row { }
			dl.vod_item_row dt {}
				dl.vod_item_row dt img { width:100%; max-width:600px;  border-radius:0 0 20px 0; margin-bottom:10px; }
			dl.vod_item_row dd {font-size:22px; color:#555; font-weight:400;  text-align:center;  font-family: 'Nanum Gothic', sans-serif !important; }

		/* ¸¶Áö¸· ´õº¸±â È­¸é */
		.vod_lastbox { position:relative; }
		.vod_lastbox img { border:2px dashed #8994AB; border-radius:0 0 60px 0;  font-family: 'Nanum Gothic', sans-serif !important; }
			.vod_lastbox div.vod_more_plus { position:absolute; width:60px; height:60px; z-index:100;  left:50%; top:40%; transform: translate(-50%, -50%); font-size:18px; font-weight:400; color:#8994AB; text-align:center;  }
			.vod_lastbox div.vod_more_plus  img.btn_vodmore { max-width:80%; border:0px; border-radius:0;  }


@media (max-width: 767px) { 
	h2.rn21.vodtitle { text-align:left; padding-left:20px; }
	div.vod_text { padding-left:20px; font-size:20px;  }	
	div.vod_text > p { padding:5px 16px; margin-right:10px;font-size:18px; }

	.vodSwiper .swiper-slide { width: 42%; padding-left:20px;  }

	.vod_tag {  min-width:auto; font-size:15px; padding:5px 15px; top:-16px;}
	dl.vod_item_row dd { font-size:16px;  }

	.vod_lastbox div.vod_more_plus  img.btn_vodmore { max-width:50%; }
}

@media (max-width:460px) { 
	.vod_tag { width:80px; font-size:13px; padding:5px 0px; }
	.vod_lastbox img { border:2px dashed #8994AB; }

}













/***  ÇÖÀ̺¥Æ® ½½¶óÀ̵å ***/
section.rn21_hotevent_wrap {  background:#fff; text-align:center; }

	.rn21_hotevent_wrap .swiper-slide {}
	.rn21_hotevent_wrap .swiper-slide a { display:block; }
	.rn21_hotevent_wrap .swiper-slide a img { width:100%; max-width:720px;  border-radius:20px;  }


@media (max-width: 767px) { 
	.rn21_hotevent_wrap .swiper-slide a img { border-radius:0px; }
}







/***  ¿Â¿¡¾î ¿µ»ó ***/
section.rn21_onair_wrap { background:#fff; text-align:center; }

	.rn21video { width: 90%; margin:0 5%; max-width: 960px; margin: 30px auto; border-radius: 30px; background-color: #f0f0f0; padding: 40px; box-sizing: border-box; box-shadow: 0px 8px 33px #999; }
	.rn21video_container { position: relative; width: 100%; height: auto; padding-top: 50%; }
	.rn21video_container > iframe {  z-index: 1; top: 0; left: 0; position: absolute; width: 100%; height: 100%; }

	ul.movie_item { width:calc(100% - 40px); max-width:420px; margin:20px auto 0; padding:0 0px;}
	ul.movie_item > li { float:left; width:calc(50% - 10px); position: relative;  cursor: pointer; text-align:center;  }
		ul.movie_item > li:first-child {margin-right:10px;  }
		ul.movie_item > li:last-child {margin-left:10px;  }
	ul.movie_item > li  img { width:100%;  max-width:200px;  border-radius: 0 0 40px 0; border: solid 6px transparent;  }
	ul.movie_item > li  img.act { border: solid 6px #05b7d1; }


@media (max-width: 767px) { 
	.rn21video { width: 100%; margin: 0px auto; border-radius: 0px; background-color:#fff; padding:0 20px;   box-sizing: border-box;  box-shadow: 0px 0px 0px #fff; }
	ul.movie_item > li  img {  border-radius: 0 0 20px 0;  border: solid 4px transparent;}
	ul.movie_item > li  img.act { border: solid 4px #05b7d1; }
	div.rn21_ham_left {height: calc(100% - 30px);}

}





/*** ÄÉÀÌºí ´º½º  ***/
section.rn21_cablenews_wrap {  background:#F4F5F9; text-align:center; }
	.news_title_point { display:block; color:#05B7D1; }

	ul.news_item { max-width:760px; margin: 30px auto 0;}
	ul.news_item li { float:left; width:41%; margin:0 3%; background:#fff;   box-shadow: 4px 4px 18px 0px rgba(0, 0, 0, .1); border-radius:0 0 20px 0;  }
	ul.news_item li a {}
	ul.news_item li:first-child { margin-left:6%;}
	ul.news_item li:last-child {margin-right:6%; }
		dl.news_item_row {}
		dl.news_item_row dt { margin-bottom:20px; }
		dl.news_item_row dt img { max-width:100%; }
		dl.news_item_row dd {text-align:left; font-size:18px; font-weight:400; color:#00AFC8; padding:0 20px 30px ; }
			dl.news_item_row dd strong { display:block; font-weight:400; color:#2BCE3C; margin-bottom:5px; }
				dl.news_item_row dd strong.seoul { color:#00AFC8; }
				dl.news_item_row dd strong.kyunggi { color:#EF1094; }
			dl.news_item_row dd p { color:#555;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* ¶óÀμö */ -webkit-box-orient: vertical; word-wrap:break-word;  font-family: 'Nanum Gothic', sans-serif !important; }

@media (max-width: 767px) { 
	dl.news_item_row dd { font-size:15px; }
}




/*** °øÁö»çÇ×  ***/
section.rn21_dlnotice_wrap {  background:#fff; text-align:center; padding:0 40px; }

	ul.dlnotice_item { max-width:86%; margin: 30px auto 0; border-top:2px solid #111;  }
	ul.dlnotice_item li { border-bottom:1px solid #ddd;  padding:15px 0; text-align:left;}
	ul.dlnotice_item li a { color:#111; font-size:18px; font-weight:400;  font-family: 'Nanum Gothic', sans-serif !important; }
	ul.dlnotice_item li span { display:block; color:#555;  font-size:15px;}


@media (max-width: 767px) { 
	ul.dlnotice_item { margin: 30px 20px 0; }
	ul.dlnotice_item li {  padding:10px 0; }
	ul.dlnotice_item li a { font-size:15px; }
	ul.dlnotice_item li span { font-size:13px;}
}





/*** °í°´¼¾ÅÍ  ***/
section.rn21_support_wrap {  background:#FBFBFD; text-align:center; }

	h3.supoort_time strong { display:inline; font-weight:400;  font-family: 'Nanum Gothic', sans-serif !important;  }

	div.contact_allWrap {}
	div.contact_wrap{ width:100%; max-width:580px; margin:0 auto; padding:40px;  background:#fff; box-shadow: 4px 4px 18px 0px rgba(0, 0, 0, .1); text-align:left; border-radius:0 0 60px 0;}
	dl.contact_item { margin: 10px 0 0 0;  font-family: 'Nanum Gothic', sans-serif !important; }
	dl.contact_item:after{content:"";display:block;clear:both;}
	dl.contact_item dt {  width:50%;  text-align:center; height:50px; line-height:50px; border-radius:0 0 40px 0; background:#05B7D1; color:#fff; font-size:26px; font-weight:700; font-family: 'Nanum Gothic', sans-serif !important;  }
	dl.contact_item dd {  width:100%; height:50px; line-height:50px; margin-top:10px; font-size:30px; color:#05B7D1; font-weight:700;  font-family: 'Nanum Gothic', sans-serif !important; }
	dl.contact_item .int { width:100%; height:auto; font-size:26px; color:#05B7D1; line-height:26px; margin-top:10px; padding-left:0;}
	dl.contact_item dd .guide {font-size:18px; font-weight:normal;}
	dl.contact_item dd a.tel_corp { color:#05B7D1;  font-weight:800;}
	dl.contact_item dd a.tel_int { color:#05B7D1;  font-weight:800;}
	dl.contact_item dd a.tel_kang { color:#0F7887;  font-weight:800;  }
	dl.contact_item.kangnam { margin-bottom:0px;}
	dl.contact_item.kangnam dt { background:#0F7887; }
	dl.contact_item.kangnam dd { color:#0F7887; }




@media (max-width: 767px) { 
	div.contact_allWrap {  padding:0 20px }
	h3.supoort_time strong { display:block;  font-weight:700;}
}


@media (max-width: 480px) { 
	dl.contact_item dt { height:40px; line-height:40px; border-radius:0 0 15px 0;  font-size:16px; }
	dl.contact_item dd { height:40px; line-height:40px;  font-size:26px; color:#05B7D1; }
	

}







/*** ÇÏ´Ü Ç²ÅÍ ***/
footer.rn21_footer_wrap { position: relative;  background:#fff;  padding-bottom:120px;  border-top:1px solid #aaa; }

	div.btn_gotohome { position:absolute;  right:20px; top:-19px;  width:38px; height:38px; background:#05b7d1; border-radius:30px; text-align:center; }
		div.btn_gotohome a { display:block; }
		div.btn_gotohome a i {color:#fff !important; font-size:20px;  line-height:36px;}
		div.btn_gotohome p {margin: 10px 0;font-weight: 600;color: white;}

	div.rn21_tail_menu { text-align:center;  margin-top:20px;}
		div.rn21_tail_menu a { display:inline-block; color:#999; font-size:16px; padding:10px 0px;  font-family: 'Nanum Gothic', sans-serif !important; }
		div.rn21_tail_menu a:after { content:"|"; padding:0 20px;}
		div.rn21_tail_menu a:last-child:after { content:""; padding:0 20px;}
			div.rn21_tail_menu a span { color:#05B7D1; }
	

	ul.dlive_sns_wrap { width:100%; max-width:560px; margin:20px auto;  padding:0 20px;}
	ul.dlive_sns_wrap li {width:100%;  }
	ul.dlive_sns_wrap li a { margin-left:3px;}
	ul.dlive_sns_wrap li a img  { width:30px; height:auto; display:inline-block;}




	dl.rn21_copyright { padding:0 40px;  font-family: 'Nanum Gothic', sans-serif !important; }
	dl.rn21_copyright dt { margin:20px 0;}
	dl.rn21_copyright dt img { max-width:80%; }
	dl.rn21_copyright dd { margin-top:5px;  }
		dl.rn21_copyright dd span {color:#999; font-size:16px; padding-right:20px;  font-family: 'Nanum Gothic', sans-serif !important; }
	dl.rn21_copyright dd:last-child  {  margin-top:30px;}
		dl.rn21_copyright dd:last-child span { color:#ccc; font-size:14px;padding-right:0px; }



@media (max-width: 767px) { 
	div.rn21_tail_menu { padding:0 20px;}
	dl.rn21_copyright { padding:0 20px; }

	dl.rn21_copyright dd {  }
	dl.rn21_copyright dd span { font-size:14px; }
	dl.rn21_copyright dd:last-child span { font-size:12px; }

}

@media (max-width: 480px) { 
	div.rn21_tail_menu a {  font-size:14px; padding:10px 0px; }
	div.rn21_tail_menu a:after { content:""; padding:0 10px;}

	dl.rn21_copyright dt img { /*max-width:80%;*/max-width:50%; }
	dl.rn21_copyright dd span { display:block; padding-right:0px; font-size:13px; }
	dl.rn21_copyright dd:last-child span { font-size:11px; }
}



/*** ÇÏ´Ü °íÁ¤ ¸Þ´º ***/
div.rn21_tail_fix_menu { position:fixed; width:100%; max-width:1000px; bottom:0; left:0; background:#05B7D1;   left:50%; transform: translateX(-50%); z-index:9990; text-align:center;  }
	ul.rn21_tailfixmenu_item { }
	ul.rn21_tailfixmenu_item li { float:left; width:50%; height:60px; line-height:60px;  font-size:18px; }
	ul.rn21_tailfixmenu_item li a {color:#111;  }
		ul.rn21_tailfixmenu_item li i { display:inline-block; margin-right:10px; }
			ul.rn21_tailfixmenu_item li i img { width:100%;  max-width:25px; }
	ul.rn21_tailfixmenu_item li:first-child { background:#05B7D1; }
		ul.rn21_tailfixmenu_item li:first-child a {color:#fff;  }
	ul.rn21_tailfixmenu_item li:last-child { background:#EAEBEF; }