@charset 'utf-8';
/* CSS Document */
* html {height:1px;} 
* {margin:0;padding:0; box-sizing: border-box;}
body {overflow-x: hidden; font-size:22px; font-weight:400; color:#353535; text-align:left; word-break: keep-all; letter-spacing:-0.3px; font-family: 'Paperozi'; word-spacing:0px; top: 0 !important;}
.skiptranslate {
    display: none;
}


button {cursor:pointer; font-family: 'Paperozi'; border: 0 none; background: none;}
.bgf{background:#f0f0f0;}
.td1 {background:#f4f4f4;}

a img {border:0 none;}
/*hr {display:none;}*/
em {font-style:normal;}
a{text-decoration:none;}

h1, h2, h3, h4, h5, h6, form, input, fieldset, ul, li, dl, dt, dd, p,select {margin:0; padding:0; font-family: 'Paperozi';}
ul, li, ol, dl, dt, dd {list-style:none;}


.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  /* background: #fff; */
  color: #fff;
  padding: 8px 16px;
  z-index: 1000;
}

.skip-link:focus {
  top: 0;
}


/* 임시 시안 css */
#all_wraps_ms{position:relative;}
#all_wraps_ms li img{display:block; text-align:center;}

#quicks_m{
    position: fixed;
    top: 18.1%;
    right: 0;
    z-index: 900;
    display: flex;
    align-items: center;
    width: 134px;
}

/* 노멀 테이블 표 */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

th, td {
  text-align: left;
  padding: 15px;
  border: 1px solid #ddd;
}

th{
	font-size:20px;
	font-weight:700;
	text-align:center;
	border-top:2px solid #000;
	border-bottom:1px solid #000;
}

td{
	font-size:19px;
	font-weight:400;
	line-height:1.4;
}



.scroll_ms {
    display: none;
    position: relative;
    padding: 10px 0 10px;
}

.scroll_ms .scorll_ico {
    width: 20px;
}

.scroll_ms .scorll_txts {
    padding-left: 10px;
    font-size: 12px;
    color: #0f64a4;
}


/* 부산영어방송 라디오 상단 영역 */
.top_radio_bar {
   position: sticky;
   top: 0;
  z-index: 10000;
}


#header {
  position: sticky;
  top: 42px; /* PC 라디오 바 높이 */
  z-index: 9999;
}

.befm_divider {
  width: 1px;
  height: 18px;
  background: rgba(255,255,255,.4);
}

.befm_box{
  width:100%;
  background:#e6007e;
  color:#fff;
  position:relative;
  z-index:10000;
}

.befm_inner{
  width:98%;
  height:42px;
  margin:0 auto;
  padding:0 20px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:50px;
  box-sizing:border-box;
}

.befm_top{
  display:flex;
  align-items:center;
  gap:20px;
}

.befm_logo img{
  display:block;
  height:28px;
}

.befm_txt{
  display:flex;
  flex-direction:column;
  line-height:1.35;
}

.befm_txt strong{
  font-size:13px;
  font-weight:800;
}

.befm_txt em{
  font-style:normal;
  font-size:10px;
  font-weight:600;
}

.befm_txt .live{
  display:inline-block;
  margin-left:6px;
  padding:2px 8px;
  border-radius:20px;
  background:#fff;
  color:#e6007e;
  font-size:10px;
}

.befm_info_wrap{
  display:flex;
  align-items:center;
  gap:40px;
}

.befm_item{
  display:flex;
  align-items:center;
  gap:10px;
  line-height:1.1;
}

.befm_item img{
  width:16px;
  height:16px;
  object-fit:contain;
  flex-shrink:0;
}

.befm_item .txt{
  display:flex;
  flex-direction:column;
}

.befm_item span{
  font-size:11px;
  font-weight:600;
}

.befm_item strong{
  font-size:14px;
  font-weight:800;
  white-space:nowrap;
}

.befm_onair{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 22px;
  border-radius:30px;
  background:#fff;
  color:#e6007e;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  white-space:nowrap;
}

.befm_onair i{
  width:8px;
  height:8px;
  background:#e6007e;
  border-radius:50%;
}

.befm_youtube{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#fff;
  font-size:13px;
  font-weight:700;
  text-decoration:none;
  white-space:nowrap;
}

.befm_youtube img{
  width:20px;
}


/* 퀵 메뉴 */
#quicks_menu_ms{position:fixed; /* top:23.1%; */ right:18px; bottom:40px; z-index:900;}
#quicks_menu_ms ul{height:auto; overflow:hidden; transition:.2s;}
#quicks_menu_ms ul.off{height:0;}
#quicks_menu_ms li{width:95px; padding:6px; border-radius: 32px 0 32px 0; border:1px solid #ddd; background:#fff; margin-bottom:5px; box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.1);}
#quicks_menu_ms li a{display:block;}
#quicks_menu_ms li .quick_wrap{display:flex; flex-direction: column; align-items: center;}
#quicks_menu_ms li .quick_wrap .icons{width:50px; padding:10px 0 5px;}
#quicks_menu_ms li .quick_wrap .icons img{width:100%;}
#quicks_menu_ms li .quick_wrap .texts{padding:0px 0 10px; font-size:12px; text-align:center;font-weight:700; line-height:1.2;}
#quicks_menu_ms .msps{display:flex; justify-content: center;}
#top_btns{width:59px; height:59px; border-radius:50%; background:#36454F; margin-top:5px; padding:16px;}
#top_btns img{width:100%; height:100%; object-fit:contain;}
#quick_btns{width:59px; height:59px; border-radius:50%; background:#36454F; margin-top:0px; padding:16px;}
#quick_btns img{width:100%; height:100%; object-fit:contain; transition:.2s;}
#quick_btns.off img{transform:rotate(-135deg);}


/* 모바일(<= 767px)에서는 퀵메뉴 숨김 */
@media (max-width: 767.98px){
  #quicks_menu_ms{ display:none !important; }
}

/* 태블릿까지 숨기려면(<= 1024px) 이걸로 */
@media (max-width: 1024px){
  #quicks_menu_ms{ display:none !important; }
}

@media (max-width: 1410px){
	#quicks_menu_ms{ display:none !important; }
}

/*  //// 공통영역 ////  */

/* header 부분 */


/* //// head 영역 ///// */
.header{height: auto; position:fixed; top:42px; left:0; width:100%;  z-index: 9998; color:#fff;}
.head_hms{position:relative; border-bottom:0px solid rgba(255, 255, 255, .3);}
.head_hms .inner{	width:93%; 	display:flex; align-items: center; justify-content: space-between; margin:0 auto;}

body.main .header {
  top: 42px;
}


/* 스크롤 후 헤더 상단 고정 */
.header.radio_off {
  top: 0;
}

h1.logo{width:163px; height:60px; background:url('../images/common/mybusan_logo_ofs.png');}
h1.logo2{width:163px; height:60px; background:url('../images/common/mybusan_logos.png'); display: none;}
h1.logo a{display:block; height:100%; 	-webkit-box-align: center;}
h1.logo a.only{font-size:0;}

.gnb {width: 100%; max-width: 70%; margin-left:0%;}
.gnb:hover .depth02 {background-color: #fff;}
.gnb .txt_bold {font-weight: 600;}
.gnb .depth01 {width: 100%; display: flex;}
.gnb .depth01 .ne_depts>li {width: calc(100% / 2); display: flex;}

  .gnb .depth01>li {
    /* width: calc(100% / 6); */
	/* padding-left:40px; */
    display: flex;
  }
  .gnb .depth01>li>a {
    width: 100%;
	font-size:18px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 40px 20px;
    transition: .3s;
    position: relative;
    color: #fff;
  }

   .gnb .depth01>li>a .mx,  .gnb .depth01>li>a .mx2,  .gnb .depth01>li>a .mx3,  .gnb .depth01>li>a .mx4,  .gnb .depth01>li>a .mx5,  .gnb .depth01>li>a .mx6{
	 display:flex;
	 flex-direction: column;
   }

   .gnb .depth01>li>a .mx p.im,  .gnb .depth01>li>a .mx2 p.im,  .gnb .depth01>li>a .mx3 p.im,  .gnb .depth01>li>a .mx4 p.im,  .gnb .depth01>li>a .mx5 p.im,  .gnb .depth01>li>a .mx6 p.im{
	 display:block;
   }

     .gnb .depth01>li>a .mx p.im img{
	  width:78px;
   } 
	 
	 .gnb .depth01>li>a .mx2 p.im img{
	  width:65px;
   }

    .gnb .depth01>li>a .mx3 p.im img{
	  width:53px;
   }

   
   .gnb .depth01>li>a .mx4 p.im img{
	  width:59px;
   }

   .gnb .depth01>li>a .mx5 p.im img{
	  width:57px;
   }


   .gnb .depth01>li>a .mx6 p.im img{
	  width:194px;
   }

   /* 마우스 올렸을 때 */
   .gnb .depth01>li>a .mx p.im_ov,  .gnb .depth01>li>a .mx2 p.im_ov,  .gnb .depth01>li>a .mx3 p.im_ov,  .gnb .depth01>li>a .mx4 p.im_ov,  .gnb .depth01>li>a .mx5 p.im_ov,  .gnb .depth01>li>a .mx6 p.im_ov{
		display:none;
   }

     .gnb .depth01>li>a .mx p.im_ov img{
	  width:78px;
   }
	
	.gnb .depth01>li>a .mx2 p.im_ov img{
	  width:65px;
   }

    .gnb .depth01>li>a .mx3 p.im_ov img{
	  width:53px;
   }

   
   .gnb .depth01>li>a .mx4 p.im_ov img{
	  width:59px;
   }

   .gnb .depth01>li>a .mx5 p.im_ov img{
	  width:57px;
   }

   .gnb .depth01>li>a .mx6 p.im_ov img{
	  width:194px;
   }





  .gnb .depth01>li>a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 6px;
    bottom: 0;
    left: 0;
    background: linear-gradient(to right, #ffaa6c, #f4781d);
    visibility: hidden;
    transform: scaleX(0);
    transition: all 0.3s ease-in-out;
	z-index:22;
  }


  .gnb .depth01>li:hover>a {
    color: #f4781d;
  }
  .gnb .depth01>li:hover>a::after {
    visibility: visible;
    transform: scaleX(1);
  }
  .gnb .depth01>li .depth02 {
    position: absolute;
	border-top:1px solid #dfdfdf;
    top: 100%;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    display: none;
    transition: .5s;
	background:#f8f8f8;
  }
  .gnb .depth01>li .depth02>div {
    display: flex;
    width: 100%;
    padding: 2rem 0;
	  border-bottom:1px solid #ccc;
  }
  .gnb .depth01>li .depth02>div>h2 {
    width: 20%;
    height: 80px;
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
	font-size:30px;
    text-align: center;
	font-weight:700;
	color:#353535;
    padding: 10px;
    box-sizing: border-box;
   /* background: linear-gradient(to right, #f242a8, #66278e); */
  }

   .gnb .depth01>li .depth02>div>h2 .en_txt {
		text-align:center;
		font-size:14px;
		color:#000;
   }

  .gnb .depth01>li .depth02>div>h2.empty {
    background: #fff;
  }
  .gnb .depth01>li .depth02>div>ul {
    width: 100%;
    display: flex;
  }
  .gnb .depth01>li .depth02>div>ul>li {
    border-left: 1px solid #ccc;
	width:20%;
  }
  .gnb .depth01>li .depth02>div>ul>li>a {
    padding: 1rem 2rem;
    box-sizing: border-box;
	display:inline-block;
	width:100%;
	font-weight:500;
	font-size:18px;
	color:#000;
  }

  .gnb .depth01>li .depth02>div>ul>li>a>span {
	display:flex;
	justify-content: space-between;
    align-items: center;
	border:1px solid #ddd;
	padding:8px 10px;
	border-radius:8px;
	background:#f9f9f9;
  }

   .gnb .depth01>li .depth02>div>ul>li>a>span.ms {
	 display:flex;
	justify-content: space-between;
    align-items: center;
	border:1px solid #ddd;
	padding:8px 10px;
	border-radius:8px;
	background:#ffe6c6;
   }

  .gnb .depth01>li .depth02>div>ul>li>a:hover{
	color:#f4781d;
  }

  .gnb .depth01>li .depth02>div>ul>li .depth03 {
    margin-bottom: 20px;
    display: none;
  }
  .gnb .depth01>li .depth02>div>ul>li .depth03>li>a {
    display: inline-block;
    padding: 0.5rem 2rem;
    box-sizing: border-box;
	line-height:14px;
	font-size:16px;
  }

    .gnb .depth01>li .depth02>div>ul>li .depth03>li>a:hover{
		color:#f4781d;
	}


  .gnb .depth01>li>a:hover .depth02 {
    display: block;
  }
  .depth03_open .fa-angle-down {
    /*float: right; */
    margin-top: 0px;
  }
  



.header_btn_group{position:relative; display:flex; align-items: center;}
.header_btn_group .language_ms>a{display:block; font-size:14px; font-family: "Poppins", sans-serif; font-weight:600; color: #fff;}
.header_btn_group .search_mms {margin-right:30px; font-size:21px;}
.header_btn_group .search_mms button.iconms{width:29px; border:0; height:29px; background:url('../images/common/search_o.png')center no-repeat;}
.header_btn_group .regis_ms{position:relative; margin-right:30px;}
.regi_list{position:absolute; width:174px; top:30px; left:-74px; z-index:999; display:none;}
.regi_list .top_s{width:174px; height:43px; background:url('../images/common/regi_tops.png')center top no-repeat;}
.regi_list .cons{width:100%; padding:10px;  background:url('../images/common/regi_line_bg.png')center top;}
.regi_list .cons li{color:#000; font-size:18px; text-align:center; line-height:1.7;}
.regi_list .botton_s{width:174px; height:30px; background:url('../images/common/regi_botn.png')center top no-repeat;}

.header_btn_group .regis_ms button.iconbs{width:27px; border:0; height:29px; background:url('../images/common/regis_io.png')center no-repeat;}
.header_btn_group .regis_ms button.iconbs_ov{width:27px; border:0; height:29px; background:url('../images/common/regis_io_ov.png')center no-repeat; display:none;}
.header_btn_group .mmemus a{display:block; width:41px; height:29px; margin-left:20px; background:url('../images/common/humberger_o.png')center no-repeat;}

.header_btn_group .language_ms {
  position: relative;
}
.lang_choice {
  width: 190px;
  height: 300px;
  background-color: #fff;
  border: 1px solid #ccc;
  box-sizing: border-box;
  overflow-y: scroll;
  position: absolute;
  top: 37px;
  left: -40px;
  display: none;
}
.lang_choice>a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  color: #000;
  box-sizing: border-box;
  font-size: 14px;
  padding: 5px 0;
  padding-left: 5px;
  transition: .3s;
}
.lang_choice>a:hover {
  color: #fff;
  background-color: #b3399a;
}
.lang_choice>a>img {
  border: 1px solid #eee;
  box-sizing: border-box;
  filter: none !important;
}
.container {
  position: relative;
  box-sizing: border-box;
  margin-top:20px;
}
.search_mms>button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.search_mms>button>i {
  color: #fff;
}

/* .mainbox {
  box-sizing: border-box;
  position: relative;
  width: 230px;
  height: 50px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: center;
  border-radius: 160px;
  background-color: rgb(0, 0, 0);
  transition: all 0.3s ease;
}

.checkbox:focus {
  border: none;
  outline: none;
}

.checkbox:checked {
  right: 10px;
}

.checkbox:checked ~ .mainbox {
  width: 50px;
}

.checkbox:checked ~ .mainbox .search_input {
  width: 0;
  height: 0px;
}

.checkbox:checked ~ .mainbox .iconContainer {
  padding-right: 8px;
}

.checkbox {
  box-sizing: border-box;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 17px;
  top: 10px;
  z-index: 9;
  cursor: pointer;
  appearance: none;
}

.search_input {
  box-sizing: border-box;
  height: 100%;
  width: 170px;
  background-color: transparent;
  border: none;
  outline: none;
  padding-bottom: 4px;
  padding-left: 10px;
  font-size: 1em;
  color: white;
  transition: all 0.3s ease;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
.container>input:focus {
  outline: none;
}

.search_input::placeholder {
  color: rgba(255, 255, 255, 0.776);
}

.iconContainer {
  box-sizing: border-box;
  padding-top: 5px;
  width: fit-content;
  transition: all 0.3s ease;
}

.search_icon {
  box-sizing: border-box;
  fill: white;
  font-size: 1.3em;
} */


/* 검색 */
.search-box{
	height:30px;
	width:300px;
	margin:0 auto;
	background:#fff;
	border-radius:40px;
	padding:10px;
	border:2px solid #ddd;
}

.search-txt{
	border:none;
	background:none;
	outline:none;
	float:left;
	padding:0px;
	color:#797979;
	font-size:16px;
	line-height:30px;
	width:270px;
}

.search-btn{
	color:#f9deec;
	float:right;
	width:40px;
	height:100%;
	border-radius:50%;
	background:#fff;
	border:none;
	font-size:16px;
	display:flex;
	justify-content:center;
	align-items:center;
}


/*  �˻� */
.search_content { 
	position: absolute; 
	top: 126px; 
	left: 0; 
	border-top:1px solid #dfdfdf;
	border-bottom:1px solid #dfdfdf;
	width: 100%; 
	height: 300px; 
	text-align: center; 
	background-color:#fff;
	box-sizing: border-box; 
	padding: 10px; 
	z-index: 100; 
	display: none; 

} 
  
.search_content h3{
  width: 100%;
  text-align: center;
  font-size:42px;
	font-family: "Poppins", sans-serif;
	color:#000;
}	

.search_content .search_sect{
	width:60%;
	margin:0 auto;
	padding:10px;
}

.close-btn {
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
	position: absolute; 
	right: 12%; 
	top: 15px; 
	background-color: black;
	color: white; 
	border-radius: 50%; 
	padding: 8px; 
	cursor: pointer;
} 


/* search design css */

.cf:before, .cf:after{
    content:"";
    display:table;
}

.cf:after{
    clear:both;
}

.cf{
    zoom:1;
}    



/* Form text input */
.search_content {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  display: none;
}
.form-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid #f4781d;
  border-radius: 50px;
  padding: 10px 30px;
  box-sizing: border-box;
}
.form-wrapper input {
    width: 100%;
    padding: 10px 5px;
    float: left;    
    border: 0;
	font-size:22px;
    border-radius: 3px 0 0 3px;      
}
.form-wrapper input:focus {
  border: none !important;
  outline:  none !important;
  box-shadow: none !important;
}
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
}

.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
}

.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
}    

/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    transition: .3s;
	background: #fff;
}   
  
.form-wrapper button:hover{     
    color: #f242a8;
}   
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    

/* 모바일 헤더 */
.m_head {
  background-color: #fff;
  width: 100%;
  border-bottom:1px solid #ddd;
  /*max-width: 1300px;*/
  position: fixed;
  top: 0;
  z-index: 9999;
  display: none;
}
.m_outer {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
  position: relative;
}
.m_menu {
  position: relative;
  width: 28px;
  height: 16px;
  cursor: pointer;
}
.m_menu .line{
  position: absolute;
  width: 100%;
  height: 2px;
  border-radius: 2px;
  background: #222;
  left: 0;
}
.m_menu .line:first-child{
  top: 0;
  transform-origin: 25% 50%;
  transition: .3s;
}
.m_menu .line:nth-child(2){
  top: calc(50% - 1px);
}
.m_menu .line:last-child{
  bottom: 0;
  transform-origin: 25% 50%;
  transition: .3s;
}
.m_menu.open .line:first-child{
  transform: rotate(45deg) translateX(10%);
}
.m_menu.open .line:nth-child(2){
  opacity: 0;
}
.m_menu.open .line:last-child{
  transform: rotate(-45deg) translateX(10%);
}
.m_depth01 {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 62px;
  left: 0;
  z-index: 111;
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff;
  border-top: 1px solid #eee;
  display: none;
  overflow-y: scroll;
}
.m_depth01>li  {
  width: 100%;
}
.m_depth01>li:nth-child(2) {
  padding-top: 20px;
}
.m_d01_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0;
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  transition: .3s;
  color: #222;
  cursor: pointer;
}
.m_d01_title>img {
  display: block;
  width: 20px;
  transform: rotate(90deg);
  transition: .5s;
}
.m_d01_title>img.on {
  transform: rotate(180deg);
}
.m_d01_title.on {
  color: #b3399a;
}
.m_d01_title:hover {
  color: #b3399a;
}
.m_d01_title:hover >img {
  transform: rotate(270deg);
}
.m_d02_title:hover {
  color: #b3399a;
  border-bottom: 1px solid #ccc;
}
.m_d02_title:hover >img {
  transform: rotate(90deg);
}
.m_depth02 {
  height: 200px;
  overflow-y: scroll;
  padding-left: 10px !important;
}
.m_depth02, .m_depth03 {
  padding: 0px 0 10px;
  box-sizing: border-box;
  display: none;
}
.m_depth02>a, .m_depth03>a {
  display: flex;
  align-items: center;
  padding: 5px 0;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: 500;
}
.m_d02_title {
  transition: .3s;
  justify-content: space-between;
  align-items: center;
}
.m_d02_title>img {
  width: 17px;
  display: block;
  transition: .3s;
}
.m_depth03>a {
  color: #7a7a7a;
  font-size: 14px;
}
.m_depbox {
  padding-left: 20px;
  display: none;
}
.m_depbox>h2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
  box-sizing: border-box;
  font-size: 16px;
  cursor: pointer;
}
.m_depbox>h2:hover,
.depth03_open:hover {
  color: #f4781d;
}
.m_depth01>li>h2.on,
.m_depbox>h2.on,
.m_depth02>a.on {
  color: #f4781d;
}
.depth03_open {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/*.m_sns {
  display: flex;
  width: 100%;
  justify-content: flex-end;
  padding-right: 20px;
  box-sizing: border-box;
}
.m_sns>li {
  padding: 5px 7px;
  box-sizing: border-box;
  filter: invert();
}
.m_sns li.sns1 a{display:block; width:7px; height:12px; background:url('../images/face_icos_o.png')no-repeat}
.m_sns li.sns2 a{display:block;width:14px; height:14px; background:url('../images/instar_icos_o.png')no-repeat}
.m_sns li.sns3 a{display:block;width:20px; height:14px; background:url('../images/youtube_icos_o.png')no-repeat}
.m_sns li.sns4 a{display:block;width:29px; height:13px; background:url('../images/blog_icos_o.png')no-repeat}
.m_sns li.sns5 a{display:block;width:15px; height:14px; background:url('../images/cafe_icos_o.png')no-repeat}
.m_sns li.sns6 a{display:block;width:15px; height:14px; background:url('../images/talk_icos_o.png')no-repeat} */

.m_login_box {
  display: flex;
  justify-content: space-between;
  border-bottom: 3px solid rgba(0, 0, 0, 0.7);
  box-sizing: border-box;
}
.m_login_box .m_log {
  padding-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.m_login_box .m_log>a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size:13px;
  padding: 2px 10px;
  transition: .3s;
  font-weight: 600;
  text-align: center;
  border: 1px solid #414141;
  border-radius: 30px;
  box-sizing: border-box;
}
.m_login_box .m_log>a:hover {
  color: #fff;
  background-color: #36454F;
  border: 1px solid #36454F;
}
.search_box {
  font-size: 18px;
  cursor: pointer;
}
.search_box>i:nth-child(2) {
  display: none;
}
.search_box>i:nth-child(2).on {
  display: block;
}
.search_box>i:nth-child(1).on {
  display: none;
}
.search_bars {
  width: 100%;
  padding: 20px;
  padding-bottom: 20px !important;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  box-sizing: border-box;
  background-color: #fff;
  position: absolute;
  top: 54px;
  left: 0;
  z-index: 999;
  display: none;
}
.search_bars>label {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 15px;
  border-radius: 50px;
  border: 1px solid #ccc;
  box-sizing: border-box;
  background-color: #fff;
}
.search_bars>label #searchbox {
  width: 90%;
  padding: 10px;
  border-radius: 40px 0 0 40px;
  box-sizing: border-box;
  border: none;
}
.search_bars>label #searchbox:focus {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}
.m_lang {
  position: absolute;
  right: 70px;
}
.m_lang>a {
  display: flex;
  align-items: center;
  color: #414141;
  font-size: 14px;
  font-family: "Poppins";
  font-weight:700;
  gap: 5px;
}
.m_lang>a>img {
  width: 15px;
  margin-left: 0px;
  transform: rotate(90deg);
}
.m_lang .lang_choice {
  width: 150px;
  position: absolute;
  top: 32px;
  left: -24%;
  background-color: #fff;
  z-index: 112;
  display: none;
}



#footer_ms{position:relative; background:#fff; padding:40px 0 40px; border-top:1px solid #ddd;}
#footer_ms .copy_wrap{max-width:1600px; width:100%; margin:0 auto; }
#footer_ms .copy_wrap .copy_cons{display:flex; align-items: center; justify-content: space-between;}
#footer_ms .copy_wrap .copy_cons .left_wrap_s{}
#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left{display:flex; align-items: flex-end; gap:30px;}
#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.bgcf{width:213px;}
#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.lifein{width:199px;}
#footer_ms .copy_wrap .copy_cons .left_wrap_s .copyright_s{padding:15px 0 0;}
#footer_ms .copy_wrap .copy_cons .left_wrap_s .copyright_s li{line-height:1.7; font-size:14px; font-weight:400; color:#828282;}
#footer_ms .copy_wrap .copy_cons .right_wrap_s{}
#footer_ms .copy_wrap .copy_cons .right_wrap_s .bns_ms{display:flex;}
#footer_ms .copy_wrap .copy_cons .right_wrap_s .bns_ms .boxs_s{padding:10px; background:#fff; font-size:15px; color:#595959; border:1px solid #595959; margin-left:10px;}



/* 반응형 구현 */
@media screen and (max-width: 1870px) {
	.gnb .depth01>li>a {
		font-size: 17px;
	}

}
@media screen and (max-width: 1814px) {
	.gnb .depth01>li>a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1620px) {
	.gnb .depth01>li>a {
		font-size: 15px;
	}
}

@media screen and (max-width: 1600px) {
	#footer_ms .copy_wrap {
		width:95%;
	}

}

@media screen and (max-width: 1550px) {
	.gnb .depth01>li>a {
		font-size: 13px;
	}
}


@media screen and (max-width: 1410px) {
	.header {
        display: none !important;
    }

	.m_head {
        position: sticky;
        top: 0;
        z-index: 9999;
    }
    .m_head {
        display: block;
        height: auto !important;
        min-height: auto !important;
    }

}

@media screen and (max-width: 1400px) {

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.bgcf {
		width: 190px;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.bgcf img{
		width: 100%;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.lifein {
		width: 190px;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.lifein img{
		width:100%;
	}
}

@media screen and (max-width: 1340px) {

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.bgcf {
		width: 160px;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.bgcf img{
		width: 100%;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.lifein {
		width: 160px;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.lifein img{
		width:100%;
	}

}

@media (max-width: 1300px) {
  .befm_box {
    position: relative;
    z-index: 10000;
  }

  .m_head {
    position: sticky;
    top: 0;
    z-index: 9999;
  }

  .m_depth01 {
    top: 62px;
  }

  .header {
    top: 0;
  }
}

@media screen and (max-width: 1200px) {
	.befm_inner {
		gap: 25px;
	}

	.befm_info_wrap {
		gap: 20px;
	}
	
}

@media screen and (max-width: 1180px) {

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.bgcf {
		width: 130px;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.bgcf img{
		width: 100%;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.lifein {
		width: 130px;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left h1.lifein img{
		width:100%;
	}

	#footer_ms .copy_wrap .copy_cons .right_wrap_s .bns_ms .boxs_s {
		padding: 5px;
		font-size:13px;
	}

}




@media screen and (max-width: 1024px) {
	.befm_top {
		gap: 10px;
	}

	.befm_info_wrap {
        gap: 10px;
    }

	#footer_ms .copy_wrap .copy_cons {
		display:block;
	}

	#footer_ms .copy_wrap .copy_cons .right_wrap_s{
		padding: 0px 0 0;
		margin-top:20px;
	}

}

@media screen and (max-width: 958px) {
	 .befm_box{
    padding:20px 16px;
  }

  .befm_inner{
    height:auto;
    padding:0;
    display:block;
  }

  .befm_top{
    width:100%;
    display:flex;
    align-items:center;
  }

  .befm_logo img{
    height:auto;
    width:110px;
  }

  .befm_txt{
    margin-left:12px;
  }

  .befm_txt strong{
    font-size:16px;
  }

  .befm_txt em{
    font-size:12px;
  }

  .befm_txt .live{
    font-size:11px;
    padding:3px 14px;
  }

  .befm_onair{
    margin-left:auto;
    padding:10px 22px;
    font-size:16px;
    flex-shrink:0;
  }

  .befm_info_wrap{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:0;
    margin-top:28px;
  }

  .befm_item{
    width:33.333%;
    justify-content:center;
    gap:8px;
  }

  .befm_item img{
    width:34px;
    height:34px;
  }

  .befm_item span{
    font-size:13px;
  }

  .befm_item strong{
    font-size:15px;
  }

  .befm_youtube{
    width:100%;
    height:52px;
    margin-top:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    background:rgba(120,0,80,.28);
    border-radius:16px;
    font-size:17px;
  }

  .befm_youtube img{
    width:28px;
  }
}


@media screen and (max-width: 540px) {
 .befm_logo img{
    height:auto;
    width:65px;
  }

  .befm_txt strong {
    font-size: 14px;
  }

  .befm_txt em {
    font-size: 9px;
  }

  .befm_txt {
    margin-left: 0px;
  }

  .befm_onair {
    margin-left: auto;
    padding: 4px 17px;
    font-size: 12px;
    flex-shrink: 0;
   }

   .befm_info_wrap {
	 margin-top: 15px;
   }

   .befm_item img {
        width: 14px;
        height: 14px;
    }

	.befm_item span {
        font-size: 12px;
    }

	.befm_item strong {
        font-size: 13px;
    }

	.befm_item{
		border-top:1px solid #f6a0cf;
		padding-top:10px;
	}

	.befm_box {
        padding: 20px 7px;
    }

}


@media screen and (max-width: 640px) {
	#footer_ms .copy_wrap .copy_cons .left_wrap_s .mons_left {
		justify-content: center;
	}

	#footer_ms .copy_wrap .copy_cons .left_wrap_s .copyright_s li {
		font-size: 12px;
		line-height: 1.3;
		text-align:center;
	}

	#footer_ms .copy_wrap .copy_cons .right_wrap_s .bns_ms {
		justify-content: center;
	}

	#footer_ms .copy_wrap .copy_cons .right_wrap_s .bns_ms .boxs_s {
		margin-left: 5px;
		font-size: 11px;
	}

}