/* tablet */
@media screen and (max-width:1023px) {

navi .h-container__inner{ padding: 0 20px; }
.h-container__inner{ padding: 0 70px;}
.h-container__default{ max-width: 1196px;  padding: 80px 0 138px 0;}
.homepage-sect .h-container .h-container__inner h1.typography{font-size: 28px; }
.h-container__inner.h-main-sect1 { padding: 0 70px 120px 70px; }
.homepage-main .h-main-sect3{padding: 192px 70px 0px;} /* 20230821 수정 */
.gnb-lft h1 a { width: 110px; }
.form-iptwrap .ipt-line { flex-direction: column; align-items: flex-start; padding: 15px 0; }
.form-iptwrap .ipt-line .tit { width: 100%; font-size: 16px; font-weight: 600; padding: 0 0 10px 0;}
.form-iptwrap .ipt-line > .data{width: 100%; padding: 0 0;}

/* 방송 편성표 */
.h-main-sect2 .live-sch ul li{margin-left: 0; width: 100%; height: auto; margin-bottom: 20px; padding: 20px; min-height: auto;}
.h-main-sect2 .live-sch ul li:last-of-type{margin-bottom: 0;}
.h-main-sect2 .live-sch ul {justify-content: space-evenly; flex-direction: column;}
.h-main-sect2 .live-sch ul .cont_wrap{display: flex; }
.h-main-sect2 .live-sch ul .cont_wrap > div { margin-right: 28px;}
.h-main-sect2 .live-sch ul li .live_btn a { padding: 20px; }
.h-main-sect2 .live-sch ul li strong { margin-bottom: 20px; font-size: 24px; }
.h-main-sect2 .live-sch ul li.live_todo .live_todo_img{background-image: url(../img/live_todo_tab.png);}
.h-main-sect2 .live-sch ul li.live_todo { height: 200px; width: calc(100%/3 - 10px); margin-bottom: 0; }
.h-main-sect2 .live-sch ul li.live_todo .todo_info p{font-size: 20px;}
.h-main-sect2 .live-sch ul li.live_todo.for_tab { display: inline-block; width: calc(100%/3 - 10px); float: left; margin-bottom: 0px; margin-right: 15px; }
.h-main-sect2 .live-sch ul li.live_todo.for_tab:last-of-type{margin-right: 0;}
.h-main-sect2 .live-sch ul{ display: inline-block; clear: both;}
.h-main-sect2 .live-sch .live_todo.for_tab ul li{margin-bottom: 0;}

/* 서비스 소개 */
.h-main-sect3 .service-cont ul li strong {font-size: 24px; }
.h-main-sect3 .service-cont ul li p { font-size: 17px; }
.h-main-sect3 .video_tab{display: block;width: 680px;}
.h-main-sect3 .video_pc{display: none;}
.h-main-sect3-pc .videowrap { border-radius: 30px; height: 300px; background: #f5f4f6; overflow: hidden; width: 100%; position: relative; display: flex; justify-content: center; }
.h-main-sect3 .sercice-anim img{display: block; position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; width: 80px;}
.h-main-sect3 .sercice-anim { position: relative;}
   
/* 약관 */
.h-term-wrap .term-body p{font-size: 16px;}
.h-term-wrap .term-body h3 {font-size: 24px;}
.h-term-wrap.h-container__inner{padding-top: 40px;}
.h-term-wrap .down-btn-hstr{ right: 70px; top: 127px;}
.h-term-wrap .down-btn-hstr button span { display: none; }
.h-term-wrap .down-btn-hstr button { padding: 16.5px; }
.h-term-wrap .down-btn-hstr button .down_img { margin-left: 0; }
.h-term-wrap .slct-box select{ padding: 15px 45px 15px 15px;}
.h-term-wrap .term-body .term-table table td { font-size: 16px; }


/* 20231114 추가 */
/* beta 추가 안내 */
.sercice-anim.betaInfo {font-size: 20px; margin-top: 120px; }
 .sercice-anim.betaInfo p:last-of-type {font-size: 18px;margin-top: 20px; line-height: 20px; }
 
}



 /* mobile */
 @media screen and (max-width:744px) { /* common */

.homepage-sect .h-container .h-container__inner h1.typography { font-size: 22px; }
.h-container__padding { padding: 100px 0 80px 0; }

/* 메인 */
.homepage-main .h-container__padding{padding: 10px 0 0 0; }
.homepage-main .h-container__padding .h-main-sect1{padding: 80px 0 0 0;} /* 20230821 수정 */
.homepage-main .h-main-sect3{ padding: 90px 15px;}  /* 공통클래스 */
.h-main-sect1::after{ content: ""; position: absolute; bottom: 20%; left: 50%; transform: translateX(-50%); display: inline-block; width: 7420px; height: 7420px; border-radius: 50%; z-index: -1; background: linear-gradient(180deg, rgba(215,255,243,1) 70%, rgba(220,245,255,1) 100%); }
.h-main-tit h1{margin-bottom: 16px;}
.h-main-tit h1 a img{ height: 40px; }
.h-main-tit h2 span{display: block; line-height: 120%;}
.h-main-tit .subtit p{font-size: 16px; line-height: 130%;} /* 20230821 수정 */
.h-main-tit .subtit p:first-of-type{display: none;}
.h-main-tit .subtit p span{display: block;}
.h-main-act .videowrap{margin: 30px 0; max-width: 292px; height: 624px; border-radius: 28px; } /* 20231127 수정 */
.bg-ui-imgs{display: none;}
.h-main-sect1 .h-main-btn a{padding: 24px 30px; font-size: 16px;}
.h-main-sect1 .h-main-tit h2{font-size: 28px; font-weight: 800; margin-bottom: 12px; line-height: 120%;} /* 20230822 수정 */

/* 방송 편성표 */
.h-main-sect2.h-container__inner{ padding: 90px 15px 0;}
.h-main-sect2 .live-sch ul{display: flex; clear: both;}
.h-main-sect2 .live-sch ul li .live_btn a { padding: 20px; }
.h-main-sect2 .live-sch ul li.live_ing{background: #f5f4f6; box-shadow: none;} /* 20230821 수정 */
.h-main-sect2 .live_stick { width: 102px; height: 44px; top: -28px; left: 44px;}
.h-main-sect2 .live-sch ul .cont_wrap { flex-direction: column; }
.h-main-sect2 .live-sch ul li strong {font-size: 24px;}
.h-main-sect2 .live-sch ul li .sch_time_cont {font-size: 18px;}
.h-main-sect2 .live-sch ul li.live_todo strong {margin-bottom: 10px; font-size: 18px;}
.h-main-sect2 .live-sch ul li.live_todo .todo_info p{font-size: 18px;}
.h-main-sect2 .live-sch ul li.live_todo .live_btn a { padding: 10px; }
.h-main-sect2 .live-sch ul li.live_todo .live_cont_wrap strong{ margin-bottom: 0;}
.h-main-sect2 .live-sch ul li.live_todo .live_todo_img{background-image: url(../img/live_todo_mob.png);}
.h-main-sect2 .live-sch ul li.live_todo { height: 90px; width: 100%; margin-bottom: 15px;} /* 20230821 수정 */
.h-main-sect2 .live-sch ul li .live_cont_wrap { margin: 10px 0; }
.h-main-sect2 .live-sch ul li { margin-bottom: 10px; }
.h-main-sect2 .live-sch ul li.live_todo.for_tab { display:block; width: 100%; float:none; margin-bottom: 10px; margin-right: 0; }
.h-main-sect2 .live-sch ul li.live_todo.for_tab:last-of-type{margin-right: 0;}
.h-main-sect2 .h-main-btn{padding-top: 16px;}
.h-main-sect2 .h-main-btn a{font-size: 16px; padding: 20px 50px; min-width: auto;}

/* 서비스 소개 */
.h-main-sect3.h-main-sect3-pc{display: none;}
.h-main-sect3.h-main-sect3-mob{display: block;}
.h-main-sect2 h2, .h-main-sect3 h2{font-size: 26px; margin: 0 0 20px 10px; text-align: left; line-height: 120%;} /* 20230822 수정 */
.h-main-sect3 .service_intro { text-align: left; font-size: 18px; margin: 0 0 10px 10px; }
.h-main-sect3-mob h2 span{display: block;}
.h-main-sect3-mob .sercice-anim{border-radius: 30px; height: auto; background: #f5f4f6; overflow: hidden; padding: 10px;} /* 20230821 수정 */
.h-main-sect3-mob .service-cont{margin: 0 0 20px; background: #f5f4f6; padding: 34px 20px; border-radius: 30px;} /* 20230821 수정 */
.h-main-sect3-mob .service-cont ul{width: 100%; text-align:left; display: flex; flex-direction: column; justify-content: space-around; align-items: flex-start; }
.h-main-sect3-mob .service-cont ul li{margin-bottom: 30px;}
.h-main-sect3-mob .service-cont ul li:last-of-type{margin-bottom: 0;}
.h-main-sect3-mob .service-cont ul li strong{font-size: 20px; font-weight: 700; margin-bottom: 12px; display: inline-block;}
.h-main-sect3-mob .service-cont ul li p{font-size: 16px; line-height: 150%;}

/* 하단 이미지 */
.h-main-sect4 { padding-top: 0; }
.h-main-sect4 .bottom-img{width: 100vw; height: 152px; background-image: url(../img/bottom_img_mob.png); background-size: cover; display: flex; align-items: center; justify-content: center;}
.h-main-sect4 .bottom-img h2{font-size: 22px; }
.h-main-sect4 .bottom-img h2 strong{font-weight: 700;}

/* 고객문의 */
.h-container__inner{ padding: 0 15px;}
.open-wrap .open-form .form-tit { font-size: 16px; font-weight: 600; padding-bottom: 10px; } 
.open-wrap .open-form .form-iptwrap { font-size: 14px; } 
.form-iptwrap .ipt-line .tit { font-size: 14px; color: #555; padding: 0 0 5px 0; } 
.form-iptwrap .ipt-line .tit span { font-size: 17px; line-height: 14px; }
.form-iptwrap .dt-line input { width: 100%; font-size: 15px; border-radius: 0; border-width: 0 0 1px 0; padding:4px 0 8px 0; background: transparent;}
.form-iptwrap .dt-line input:disabled { background-color: #f2f2f2; color: #aaa; border: 0; border-radius: 5px; padding-left: 10px; padding: 8px 10px; } 
.form-iptwrap .dt-line select { width: 100%; border-width: 0 0 1px 0; font-size: 15px; padding: 5px 40px 8px 0; border-radius: 0; background: #fff url(../img/down-arrow-g.svg) no-repeat top 50% right 5px; background-size: 12px; } 
.form-iptwrap .ipt-line { border-bottom: 0; padding: 12px 0; } 
.form-iptwrap .ipt-line > .data { padding-top: 0; } 
.form-iptwrap .dt-line input:hover, .form-iptwrap .ipt-line .data .dt-line input:focus, .form-iptwrap .dt-line select:hover, .form-iptwrap .ipt-line .data .dt-line select:focus, .form-iptwrap .dt-line.tarea textarea:hover, .form-iptwrap .dt-line.tarea textarea:focus { border-color: #28BBF4; } 
.form-iptwrap .ipt-line:focus-within .tit p { color: #28BBF4; }
.form-iptwrap .dt-line.tarea textarea{width: 100%; font-size: 15px; background: transparent;}
.form-iptwrap .dt-line.term .term-box {padding: 20px 25px;}
.form-iptwrap .dt-line.term .term-box p.subtxt{ font-size: 14px;}
.form-iptwrap .dt-line .ckrdli label { padding-left: 27px; font-size: 14px; line-height: 30px; }
.form-iptwrap .dt-line.subinfo { padding-top: 10px; }
.form-iptwrap .dt-line.subinfo p{font-size: 13px;color: #999; line-height: 1.5; }
.inquiry_wrap .open-pribtn a { font-size: 16px; line-height: 50px; width: 100%; }


/* 약관 */
.h-term-wrap .term-body{ padding-top: 100px;}
.h-term-wrap .term-body h4.excep-padd{ padding-top: 0;}
.h-term-wrap .term-body .subterm p.sub{font-size: 15px;}
.h-term-wrap .term-body.nondown-term-body{ padding-top: 40px;}
.h-term-wrap .privacy-body h3 { padding-bottom: 10px; }
.h-term-wrap .slct-box select{font-size: 16px;}
.h-term-wrap .down-btn-hstr { top: 104px; right: 15px; width: calc( 100% - 30px); }
.h-term-wrap .down-btn-hstr .hstr { width: calc(100% - 56px); padding: 0 15px; line-height: 54px; }
.h-term-wrap .down-btn-hstr .hstr span { display: inline-block; margin-right: 0; width: 70px; }
.h-term-wrap .down-btn-hstr .hstr select { -webkit-appearance: none; -moz-appearance: none; appearance: none; width: calc(100% - 74px); background: #fff url(../img/down-arrow-g.svg) no-repeat top 50% right 0; background-size: 15px; }
.h-term-wrap .down-btn-hstr button { padding: 18.5px; }
.h-term-wrap .down-btn-hstr button .down_img { height: 17px; width: 17px;}


/* ft */
.ft .ft-left { width: 100%; }
.ft .fnb ul li{ font-size: 14px; line-height: 1.75;}
.ft .ft-left .intro{ font-size: 12px;}
.ft-left .addr ul li { padding-right: 10px;} /* 20230821 추가 */
.ft-left .addr { font-size: 12px; }
.ft-left .copyright { font-size: 12px; }
.ft .ft-left::before { width: 120px; height: 19px; } /* 20230821 추가 */

/* 20231016 추가 */
/* 팝업 생성 */
.pad {padding: 0 20px;}
.pop-up-wrap .pop-up{width: 90%; border-radius: 20px;}
.pop-up .title { padding: 20px 0; font-size: 20px;}
.pop-up .contents h4{font-size: 18px; font-weight: 700;}
.pop-up .contents ul.live-list li{font-size: 15px;}
.pop-up .pop-up-bottom{padding: 20px 0;}
.pop-up .pop-up-bottom .closed_btn{font-size: 18px;}

/* 20231114 추가 */
/* beta 로고 추가 */
.h-main-tit h1 a .btlogo{ font-size: 24px;}
/* beta 추가 안내 */
.sercice-anim.betaInfo { font-size: 20px;  line-height: 30px;  margin-top: 0;  margin-bottom: 90px; }
.sercice-anim.betaInfo p:last-of-type { font-size: 16px; margin-top: 20px; line-height: 20px;}

 }

 /* 20230822 추가 */
 @media screen and (max-width:320px) { /* 휴대폰 폴더 */
.h-main-act .videowrap { width: 85%; height: auto; aspect-ratio: 1 / 2.16481; padding-bottom: 160%; border: 9px solid #1e1e1e;} /* 20231127 수정 */
    
/* 20231016 추가 */
.pop-up .contents_wrap{overflow: scroll; height: 300px;}
.pop-up .contents ul.live-list li em {display: block; }
.pop-up .contents ul.live-list li span {display: block; margin-bottom: 5px; }

 }