@charset "UTF-8";

/*list*/
.list_album .content {padding-top: 0}
.list_album .content .inner {padding-top: 1px;}/* // MELONUIT-571 : 190702 */
.list_album .content.button {vertical-align: middle;}

/* UX-677:171109 */
.service_list .tag {overflow: hidden;}
.service_list .tag .item {display: block;float: left; max-width:41%; margin: 0 8px 0 0;padding: 3px 6px;background: rgba(0, 0, 0, 0.04);color: #646464;font-size: 12px;}
/*.service_list .tag .tag_box{ max-width:40%; float: left; margin: 0 6px 0 0; padding: 3px 6px;background: rgba(0, 0, 0, 0.04);}
.service_list .tag .item {color: #646464;font-size: 12px;}*/
/* //UX-677:171109 */

.list_album.grid_type .title {font-size: 13px;}

.service_list.grid_type .name {font-size:12px;}

.list_music .list_item {padding-right: 0;}

.service_list.chart_type .title {font-size: 15px;}
.service_list.chart_type .name {font-size: 13px;}
.service_list.chart_type .content.button.more {width: 38px;}

/* MELONUIT-571 : 190702 */
/*.list_album.list_expert .title{margin-bottom:5px;}*/
.list_expert .name {display:inline-block;max-width:60%;color:#898989;font-size: 12px;margin-bottom:0;}
.list_expert .name .sprite {position:relative;top: 0;margin-right:4px;vertical-align: top}
.list_expert .bottom {margin: 7px 0 6px 0;}
.list_expert .bottom .sprite:first-child {margin-left: 0;}
.list_expert .bottom .sprite.heart{margin-left:10px;color:#898989;}
/* // MELONUIT-571 : 190702 */

.page_corner .list_expert .left.top {top: 17px;left: 23px;}

    
/*list_sub*/
.list_sub {}
.list_sub .list_item {display:block;position: relative;}
.list_sub .thumb,
.list_sub .content {display: block;}
.list_sub .thumb {position: absolute;left: 16px;top: 11px;}
.list_sub .thumb + .content {padding-left: 100px;}

.list_sub .sub_txt {padding-top: 11px;}
.list_sub .sub_txt strong {display:block;font-size: 14px;line-height:20px;color: #323232;font-weight: normal;}
.list_sub .sub_txt p {margin-top:3px;font-size: 13px;color: #646464;line-height: 19px;}

/* Alert */
.alert {
	position: relative; height: 25px; padding: 0 16px; margin-bottom: 20px; border: 1px solid transparent;
}
.alert_info {
	margin-bottom: 0; background-color: #f2f2f2; color: #7d7d7d; overflow: hidden;
}
.alert_info a {float: left;padding-top:5px;font-size: 12px;vertical-align: top; color: #7d7d7d;}/* 170522 */
.alert_info a:after {content:'';display:inline-block;width:3px;height:6px;margin:4px 0 0 5px;background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_info.png) right top no-repeat;background-size: 3px 6px;vertical-align: top;}
.alert_info .btn_info {float: right;}
.alert_info .btn_info:after {width: 19px; height: 19px; background-position: -367px -55px;}

/*.switch_toggle.col3*/
.switch_toggle.col2 {width: 218px;}
.switch_toggle.col3 {width: 258px;}
.search_flac + .switch_toggle.col3 {width: 239px;}

/*filter_toggle*/
.filter_toggle {}
.filter_toggle.is_active {top: -45px;}
.filter_toggle.toggle_type01.is_active {top: -95px;}
.filter_toggle.filter_multi .filter_list {overflow: hidden;}
.filter_toggle.filter_multi .filter_list ul {float:left;width: 50%;}

/* UX-1686 */
@media only screen and (orientation: landscape) {
	.filter_toggle .filter_list ul {max-height: 100px; overflow: auto;}
}
/* //UX-1686 */

/* UX-1493 180813 차트 날짜 */
.date_box{position:absolute;left:0;top:86px;width:100%;text-align:center;}
.date_box .date_time, .date_box em{font-size:13px;color:#1c1e29;opacity:0.5;}
.date_box em{font-style:normal;}
.date_box + .service_header{margin-top:-3px;}
.service_list.chart_type .list_item:first-child .thumb:before,
.service_list.chart_type .list_item:first-child .content:before{display:block;}
/* // UX-1493 180813 차트 날짜 */

/*.page_corner*/
.page_corner {}
.page_panel {margin: 0;}

/*svc_info*/
.svc_info {position: absolute;right: 14px;top: 14px;font-size: 0;line-height: 0;vertical-align: top;}/* 170613 수정 */

/*box_title*/
.box_title {padding:0 16px;}
.box_title a {display:inline-block;font-size: 17px;color: #191919;vertical-align: top;}
.box_title a:after {content:'';display: inline-block;width:8px;height:15px;background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_title.png) right 4px no-repeat;background-size: 5px 15px;/* vertical-align: middle; */}/* 170524 수정 */

/*today*/
.today_album {padding:43px 0 0;background-repeat: no-repeat; background-position: center top;background-size: auto 100%;}/* 170628 수정 */
.today_album.bg01 {background-image:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bg_album_slider.jpg);}
.today_album.bg02 {background-image:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bg_album_slider02.jpg);}
.today_album.bg03 {background-image:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bg_album_slider03.jpg);}

.today_album .title_area {padding-left:5px;text-align: center;}
.today_album .title_area .type {display:block;font-size: 11px;color: #fff;opacity:0.3;}
/* 180115 */
.today_album .title_area .title {display: inline-block;position:relative;min-width:50px; max-width: 100%; font-size: 20px;font-weight: normal;color: #ffffff;line-height: 26px;}
/* //180115 */
.today_album .title_area .title:before {content: '';display: inline-block;position: absolute;bottom:0;width:100%;height:1px; background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bg_line.png) repeat-x;background-size: 1px 1px;}
.today_album .title_area .title span {color: #1fe13d;}
.today_album .swiper-slide {padding-bottom: 45px;}/* 170628 수정 */

.today_album .box_slide_view {padding: 0 16px 0 11px;}

.today_album .swiper-container-horizontal>.swiper-pagination-bullets, 
.today_album .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 13px;}
.today_album .swiper-pagination-bullet {width: 4px;height:4px;background: #fff;opacity: 0.2;}
.today_album .swiper-pagination-bullet-active {opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {margin:0 3px !important;}

.today_album .service_list.grid_type {padding-top:20px;padding-right: 0;}/* 170613 수정 */
.today_album .service_list.grid_type .list_item {width: 33.333%;padding: 0;padding-left: 5px;}

.today_album .service_list.grid_type .list_item:nth-child(2n+1) {clear: inherit;}
.today_album .list_album.grid_type .title {color:#fff;opacity: 0.9;}
.today_album .service_list.grid_type .thumb {margin-bottom:5px;}
.today_album .service_list.grid_type .name {color: #fff;opacity: 0.6;}

/* UX-1686 */
/*
.today_album .service_list.grid_type .thumb .right.top.play {width: 30%;height: 30%;}
.today_album .service_list.grid_type .thumb .right.top.play:after {top:7px;right:7px;width:60%;height:100%;background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/btn_play36x46.png) 0 0 no-repeat;background-size:100% auto;}
*/

@media only screen and (orientation: landscape) {
	.today_album {background-size: cover;}
	.today_album .service_list.grid_type {display: table; table-layout: fixed; width: 480px; margin: 0 auto;}
	.today_album .service_list.grid_type .list_item {float: none; display: table-cell; padding-left: 0;}
	.service_list.grid_type .thumb,
	.service_list.grid_type .content {width: 150px; margin: 0 auto;}
	.service_list.grid_type .thumb .inner {width: 150px;}
	.service_list.grid_type .thumb .img {width: 150px; padding-top: 150px;}
}
/* //UX-1686 */

/*box_hifi_magazine*/
.box_hifi_magazine {margin-top:24px;}
.box_magazine {margin-top:14px;padding: 0 16px;}
.box_magazine li {margin-top:24px;}
.box_magazine li:first-child {margin-top: 0;}

.box_magazine li .thumb{display:block;}
.box_magazine li .thumb .img{
	display: block; width:100%; height:auto; padding-top:50%;
	background-size: cover; background-position: 50% 50%; background-repeat: no-repeat;
	-moz-background-size: cover;
	-webkit-background-size: cover;
}
/* UX-1686 */
@media only screen and (orientation: landscape) {
	.box_magazine li .thumb .img {padding-top: 164px;}
}
/* //UX-1686 */

.box_magazine .magazine_info {margin: 12px 0 0;}
.box_magazine .magazine_info .title {font-size: 15px;line-height:16px;font-weight: normal;color: #191919;}
.box_magazine .magazine_info p {margin-top:4px;font-size:12px;color: #646464;}
.box_magazine .magazine_info .name {margin-top:11px;}

/*hifi_new_album*/
.box_hifi_album {margin-top:24px;padding-top:24px;border-top:1px solid #f2f2f2;}
.box_hifi_album .tab_menu {margin-top: 16px;}
.box_hifi_album .tab_menu ul {overflow: hidden;}
.box_hifi_album .tab_menu li {float: left;position: relative;margin-left:21px;}
.box_hifi_album .tab_menu li:before {content: '';display: block;position:absolute;left:-11px;top:6px;width:1px; height: 6px;background: #cbcbcb;}
.box_hifi_album .tab_menu li a {font-size:12px;color:#4b4b4b;}
.box_hifi_album .tab_menu li:first-child {margin-left: 16px;}
.box_hifi_album .tab_menu li:first-child:before {display: none;}
.box_hifi_album .tab_menu li.on a {color:#01b925;}

/*hifi_new_album*/
.hifi_new_album .service_list.grid_type {overflow:initial;padding-top: 15px;}
.hifi_new_album .swiper-container .list_item {width: 98px;padding: 0;}
/* UX-1686 : 20181214 */
@media only screen and (orientation: landscape) {
	.hifi_new_album .swiper-container .list_item {width: 150px;}
}
/* //UX-1686 : 20181214 */
.hifi_new_album .swiper-container .list_item .title {color:#191919;}
.hifi_new_album .swiper-container .list_item .name {color: #646464;}
.hifi_new_album .swiper-container .list_item:first-child {margin-left: 16px;}
.hifi_new_album .swiper-container .list_item:last-child {margin-right: 16px;}
.hifi_new_album .service_list.grid_type .thumb .right.top.play:after {top:5px;right:5px;width:16px;height:21px;background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/btn_play32x42.png) no-repeat;background-size:16px 21px;}

/*hifi_new_album*/
.hifi_new_album .box_album_genre {display: none;}
.hifi_new_album .box_album_genre .content .inner {padding-top: 0;}
.hifi_new_album .box_album_genre .btn_area {width:100%;height:25px;margin-top:18px;text-align: center;}
.hifi_new_album .box_album_genre .btn_area .btn_more {display:block;width:100%;height:25px;font-size: 12px;color: #191919;vertical-align: top;line-height: 25px;}
.hifi_new_album .box_album_genre .btn_area .btn_more span:after {content:'';display: inline-block;width:9px;height:10px;background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_more.png) right top no-repeat;background-size: 5px 10px;}

/*box_select_song*/
.box_select_song {margin-top:18px;padding:24px 0 18px;border-top:1px solid #f2f2f2;}
.box_select_song .select_list {overflow:hidden;height: 672px;margin-top: 9px;}
.box_select_song .btn_area {height: 25px;text-align: center;}
.box_select_song .btn_area .btn_more {display: block;width: 100%;height: 100%;margin-top:7px;font-size: 12px;color: #191919;vertical-align: top;line-height: 25px;}
.box_select_song .btn_area .btn_more span {} 
.box_select_song .btn_area .btn_more span:after {content:'';display: inline-block;width: 12px;height:10px;background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_more02.png) right 3px no-repeat;background-size: 10px 5px;}

.box_select_song.on .select_list {height: auto;}
.box_select_song.on .btn_area .btn_more span:after {width:10px;background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_more.png) right top no-repeat;background-size: 5px 10px;}

/*.box_banner*/
.box_banner {padding:25px 16px 30px;border-top: 1px solid #f2f2f2;}
.box_banner .img_banner a.img{display:block;}
.box_banner .list_banner li{margin-top:25px;}
.box_banner .list_banner li:first-child{margin-top:0;}
.box_banner .txt_banner {overflow: hidden;position:relative;display:table;table-layout:fixed;width:100%;padding-top: 11px;}
.box_banner .txt_banner .txt {display:table-cell;color: #191919;font-size: 15px;letter-spacing: 0;}
.box_banner .txt_banner .txt .tit{height:33px;overflow:hidden;}/*UX-473:170724*/
.box_banner .txt_banner .btn_area {position:relative;display:table-cell;width:38%;margin-left:2%;vertical-align:middle; text-align: right;}
.box_banner .txt_banner .btn_area .inner{position:absolute;right:0;top:-2px;}
.box_banner .txt_banner .btn_area a {display: inline-block;height:31px; max-width: 100%; margin-top:2px;padding:0 11px;border-radius:31px;border:1px solid #01b925;font-size: 12px;line-height: 29px;color: #01b925;word-wrap:break-word;word-break:break-all; text-align: right;}/*UX-473:170724_02*/
.box_banner .txt_banner .btn_area a:after {position: absolute; top: 3px; right: 10px; content: '';display: inline-block;width: 10px;height: 29px;background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_banner.png) no-repeat;background-size: 10px 29px;vertical-align: top;}/*UX-473:170724_02*/
.box_banner .txt_banner .btn_area .ellipsis {margin-right: 8px; text-align: left;}/*UX-473:170724_02*/


/*txt_recommend*/
.txt_recommend {height:14px;font-size:12px;line-height:15px;color: #7d7d7d;vertical-align: top;}
.txt_recommend .sprite {position: relative; margin: 0;vertical-align: top;padding-top: 0;}

/*recommend_song*/
.recommend_song {margin-top:1px;font-size: 13px;vertical-align: top;}
.recommend_song .title,
.recommend_song .name {display: inline-block;width:auto;max-width:45%;margin:0;font-size: 13px !important;color:#191919;vertical-align: top;}

/*layer_pop*/
.modal h2 {padding:0 16px 5px;font-size: 16px;color: #191919;}
.modal p {font-size: 13px !important;}
.modal .box_scroll {overflow-y:scroll;height: 295px;}/* 170613 수정 */
.modal .box_scroll .button_group {padding: 0 16px 23px;border-top: none !important;}
.modal .box_scroll .button_group .btn {font-size: 13px;}
.modal p.sub{margin-top:-11px;}/* UX-1493 180813 */
.modal p.sub.last{padding-bottom:24px;}/* UX-1493 180813 */
/* UX-1686 */
@media only screen and (orientation: landscape) {
	.modal_content.table {width: 360px; margin: 0 auto;}
	.modal .scroll {position: relative; height: 100px; margin-bottom: 10px; overflow-y: auto;}
	.modal .inner:after {content: ''; position: absolute; left: 0; bottom: 58px; width: 100%; height: 24px; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); display: none;} /* //MELONUIT-1143 20200204 */
	/* MELONUIT-1143 20200203 */
	.main_5x.is_modal_open {overflow:auto;}
	.main_5x .modal {position: absolute;}
	/* //MELONUIT-1143 20200203 */
}
/* //UX-1686 */

/*search_flac*/
.search_flac {
	padding: 20px 16px 0;
}
.search_flac .inner {
	position: relative; height: 31px; padding: 0 30px 0 0; border-bottom: 2px solid #00cd3c; overflow: hidden;
}
.search_flac .inner .search_button,
.search_flac .inner .input_search {
	width: 100%; color: #c6c6c6; font-size: 18px; text-align: left;
}
.search_flac .inner .search_button {
	font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
.search_flac .inner .search_button:before {
    display: inline-block; width: 13px; height: 13px; margin: -3px 7px 0 0; background-position: -241px -89px; vertical-align: middle;
}
/* MELONUIT-1312 */
.search_flac .inner .input_search .icon_find {
	display:block; position: absolute; left:0; top:5px; width:13px; height:13px; background: url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/search-icon.png) no-repeat 0 0; background-size: 13px 13px;
}
.search_flac .inner .input_search .input {
	width: 100%; padding-left: 20px; color: #191919; font-size: 18px;vertical-align: 100px; outline: none;
}
/* // MELONUIT-1312 */
.search_flac .inner .input_search .input::-webkit-input-placeholder {
	color: #c6c6c6; font-size: 16px;
}
.search_flac .inner .search-close {
	display: none; position: absolute; top: -2px; right: -3px; padding: 3px;
}
.search_flac .inner .submit {
	position: absolute; top: -3px; right: -3px; padding: 3px;
}
.search_flac.is_active .inner .search_button {
	border-left: 0; color: #191919; font-size: 18px;font-weight: normal;
}
.search_flac.is_active .inner .search-close {display: block;}

#header .search_flac {
	padding-bottom: 4px; background-color: #fff;
}
#header .search_flac .inner .search-close {
	display: block; right: 30px;
}
.showSearch #header {
	height: 56px; border-bottom: 0; overflow: hidden;
}
.showSearch {background-color: #fff;}
.showSearch .side_menu,
.showSearch .fixed_body,
.showSearch #footer {
	position: fixed; z-index: -1; opacity: 0;
}
.showSearch .search_section {
	display: block; background-color: #fff;
}

.search_section {
	display: none; position: absolute; top: 56px; width: 100%; background-color: #fafafa; z-index: 998;
}
.search_section .search_flac {
	position: fixed; top:56px; width: 100%; padding-top: 13px; padding-bottom: 4px; background-color: #fff; z-index: 999;
}
.search_section .search_flac .search-close {
	display: block;
}
.search_section .button_group {
	margin: -1px 16px 0; border-top: 1px solid #ededed;
}
.search_section .button_group:after {
	content: ''; display: block; clear: both;
}
.search_section .auto-keyword {
	margin-top: 55px;
}
.search_section .auto-keyword .delete {
	float: left; padding: 8px 8px 16px 8px; margin-top: 5px; color: #646464; font-size: 14px;
}
.search_section .auto-keyword .btn_close_recent {
	float: right; padding: 8px 8px 16px 8px; margin-top: 5px; color: #646464; font-size: 14px;
}
.list_artist .title {
	color: #191919;
}

.nav_menu .nav_item.onIcon .is_active:after {
	margin-left: -15px;
}

.service_list + .service_header {
	margin-top: 0;
}
.service_list + .service_header .movement {
	margin: 0;
	padding: 0;
}
.service_list + .service_header .movement > p {
	margin: 0;
	padding: 8px 16px 0;
}
.service_list + .service_header .movement > p.highlight {
	margin-top: 0;
	background-color: #fafafa;
	margin-bottom: -5px;
	position: relative;
	z-index: 1;
}

/* 20160829 타이틀 간격 수정 */
.global_header .header_title {
	margin: 0 85px;
}

/*recommend_cont*/
.recommend_cont {padding-bottom: 10px;}
.recommend_cont h3 {margin:0 16px;padding:15px 2px 11px;font-size: 13px;color: #7d7d7d;border-top: 1px solid #ededed;}
.service_header + .recommend_cont h3 {border-top: none;}
.recommend_cont .service_list {}
.recommend_cont .service_list .list_item {padding-top: 6px;padding-bottom: 6px;}
.recommend_cont .service_list .list_item .thumb:before, 
.recommend_cont .service_list .list_item .content:before {display: none;}

/* 170615 */
.filter_toggle.is_active .backdrop {height:1000px;}

/* 170612 추가 */
.modal_content.table .table_cell .txt_info{padding:0 20px 20px;font-size:16px;line-height:1.4em;color:#000;}
.modal_content.table .table_cell .txt_info.type1{padding:0 20px 24px;text-align:center;}
.modal_content.table .table_cell .txt_info.align_c{text-align:center;}/* UX-607 170904 */
.modal_content.table .table_cell .txt_info p{margin-top:-2px;padding:0;font-size:16px !important;line-height:1.4em;color:#000;opacity:0.7;}
.modal_content.table .table_cell .btn_set{margin-top:9px;text-align:right;}
.modal_content.table .table_cell .btn_set a{display:inline-block;font-size:13px;color:#000;}
.modal_content.table .table_cell .btn_set a span{opacity:0.6;}
.modal_content.table .table_cell .btn_set a:after{content: '';display: inline-block;width:8px;height:9px;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_info2.png) no-repeat right 0;background-size:5px 9px;}

/* 170714 추가 */
.best_album_content {margin:0 16px;padding:18px 0;}
.best_album_content .inner{line-height:1.4em;color:#323232;font-size:16px;}

/* UX-472 롱탭 막기 추가 */
.service_list.list_music *,
.service_list.list_album *{
	-webkit-user-select: none;
}
/* UX-597 : 2017-08-31 */
.service_list .title.ellipsis > a{
	display:inline-block;
}
/* //UX-597 : 2017-08-31 */

.service_list.list_expert .title.new:before{margin:1px 3px 0 0;}/* UX-978 : 171206 */

/*** UX-1070 180115 하이파이 소개 ***/
/* home화면 버튼 추가*/
.box_btn_introduce{margin:16px 0 0 0;padding:0 16px;}
.box_btn_introduce .btn_introduce{position:relative;display:block;height:66px;line-height:65px;border:1px solid #f1f1f1;background:#ffffff;font-size:16px;color:#191919;}
.box_btn_introduce .btn_introduce:before{display:block;content:'';width:26px;height:28px;position:absolute;left:20px;top:18px;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bg_green_wave.png) no-repeat left 0;background-size:26px 28px;}
.box_btn_introduce .btn_introduce:after{display:block;content:'';width:8px;height:13px;position:absolute;right:14px;top:25px;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_more03.png) no-repeat right 0;background-size:8px 13px;}
.box_btn_introduce .btn_introduce .txt{display:inline-block;margin-left:61px;}

/* 하이파이 소개*/
#header.cover{border-bottom:0;}
#header.cover .global_header{background:transparent;}
#header.cover .global_header .header_title{display:none;}
#header.cover .global_header .sprite.close:before,
#header.cover .global_header .sprite.close:after{background-image:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/btn_close_cover.png);background-size:19px 19px;}
#header.cover .global_header .sprite.close:after{background-position:0 0;}

.wrap_introduce{position:relative;}
.box_top_intro{position:fixed;top: 0; left: 0; right: 0; bottom: 0; width:100%;height:100%;background-image:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/intro_cover.png);background-repeat:no-repeat;
background-size:cover;-moz-background-size:cover;-webkit-background-size:cover;background-position:50% 50%;text-align:center;display:table;table-layout:fixed;}
.box_top_intro .cont{width:100%;height:100%;display:table-cell;vertical-align:middle;text-align:center;}
.box_top_intro .tit{margin:25px 0 9px 0;font-size:34px;color:#fff;}
.box_top_intro .txt p{margin-bottom:26px;font-size:14px;color:#fff;opacity:0.4;line-height:18px;}
.box_top_intro .txt strong{display:block;font-size:17px;color:#fff;opacity:0.8;line-height:22px;font-weight:normal;}
.wrap_introduce .btn_arrow{display:block;width:100%;min-height:42px;position:absolute;text-align:center;}
.box_top_intro .btn_arrow.up{padding:35px 0 12px 0;bottom:0;}
.box_top_intro .btn_arrow.up:before{
	display:block;content:'';position:relative;bottom:-5px;width:26px;height:11px;margin:0 auto;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_up.png) no-repeat left 0;background-size:26px 11px;animation: btnUp 1.5s ease-in-out infinite;
}

.box_content{position:relative;text-align:center;background:#fff;}
.box_content .btn_arrow.down{top:0;height:41px;}
.box_content .btn_arrow.down:before{display:block;content:'';width:26px;height:11px;margin:0 auto;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bl_arrow_down.png) no-repeat left bottom;background-size:26px 11px;}
.box_content .tit{color:#222222;font-size:19px;line-height:24px;}
.box_content .txt p, .box_tech li p, .box_use li p{color:#666666;font-size:13px;line-height:18px;}
.box_content .color{color:#01b925 !important;font-weight:normal;}

.box_new_hifi{padding:0 0 47px 0;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/img_intro_hifi.jpg) no-repeat center 57px;background-size:360px 176px;}
.box_new_hifi .tit{padding:267px 0 9px 0;}
.box_poc{padding:235px 0 47px 0;background:#f7f7f7 url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/img_intro_poc.jpg) no-repeat center 40px;background-size:360px 176px;}
.box_poc .tit{padding:0px 0 10px 0;}
.box_poc .txt .color{margin:12px 0 0 0;font-size:12px;}
.box_poc .button_group{width:258px;margin:15px auto -7px;}
.box_poc .button_group.first{margin:21px auto 0;}
.box_poc .button_group .btn{font-size:13px;color:#222;line-height:41px;}

.box_tech{padding:37px 16px 56px;}
.box_tech .tit{margin-bottom:36px;}
.box_tech li{margin-top:39px;}
.box_tech li h4{margin:21px 0 12px 0;font-size:16px;color:#222;}
.box_tech li h4 .color{font-size:16px;}
.box_tech li:first-child{margin-top:0;}
.box_tech li:first-child h4{margin:16px 0 12px 0;}
.box_tech li .color{margin-top:12px;font-size:12px;}
.box_offline{overflow:hidden;padding:37px 0 58px 0;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bg_intro_offline_180206.png) no-repeat center 0;background-size:cover;}
.box_content .box_offline .tit{margin-bottom:35px;color:#fff;}
.box_offline .list{width:308px;margin:0 auto;}
.box_offline li{position:relative;padding-top:46px;margin-top:36px;}
.box_offline li:first-child{padding-top:0;margin-top:0;}
.box_offline li h4{color:#fff;font-size:16px;margin:20px 0 12px 0;}
.box_offline li p{color:#fff;font-size:13px;line-height:18px;opacity:0.5;margin-bottom:10px;}
.box_offline li dl{overflow:hidden;width:260px;margin:0 auto;padding-left:5px;color:#fff;opacity:0.5;text-align:left;}
.box_offline li dt{float:left;width:60px;padding-left:7px;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bu_circle.png) no-repeat left 50%;background-size:3px 3px;font-size:12px;line-height:18px;}
.box_offline li dd{float:left;font-size:12px;line-height:18px;}
.box_offline li .bar{display:block;width:58px;position:absolute;left:125px;top:0;text-align:center;border-top:1px solid #fff;opacity:0.1;}
.box_offline li a{display:inline-block;text-align:center;text-decoration:underline;font-size:12px;line-height:18px;color:#fff;opacity:0.3;}


.box_use{padding:36px 0 56px 0;background:#f7f7f7 url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bg_intro_use_180823.jpg) no-repeat center 86px;background-size:360px 148px;}/*UX-1519 180823*/
.box_use .tit{margin-bottom:199px;}
.box_use .list{padding:0 16px;}
.box_use li{margin-top:36px;padding-top:38px;border-top:1px solid #e8e8e8;}/*UX-1519 180823*/
.box_use li:first-child{margin-top:0;padding-top:0;border-top:0;}
.box_use li h4{margin:0 0 12px 0;font-size:16px;color:#222;}
.box_use li p{margin-top:7px;}
.box_use .button_group{width:258px;margin:22px auto 0;padding-bottom:4px;}
.box_use .button_group .btn{font-size:13px;color:#222;line-height:41px;}

@keyframes btnUp {
    0% {bottom:-5px;opacity:0;}
    25% {bottom:8px;opacity:1;}
    50% {bottom:8px;opacity:1;}
    75% {bottom:8px;opacity:1;}
    100% {bottom:8px;opacity:1;}
}


/* UX-564 : 2017-08-25 */
@media screen and (width: 320px) {
	.modal_content.table .table_cell .txt_info p br {display: none;}
	.box_offline li p br{display:none;}/*180115*/
	.box_new_hifi{padding:0 0 47px 0;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/img_intro_hifi.jpg) no-repeat center 57px;background-size:320px 176px;}
	.box_poc{padding:235px 0 47px 0;background:#f7f7f7 url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/img_intro_poc.jpg) no-repeat center 40px;background-size:320px 176px;}
	.box_use{padding:36px 0 56px 0;background:url(//cdnimg.melon.co.kr/resource/mobile40/cds/flac/image/bg_intro_use.jpg) no-repeat center 86px;background-size:320px 148px;}
}
/* //UX-564 : 2017-08-25 */

/* UX-592 : 2017-08-29 */
@media screen and (max-height: 480px) {
	.modal .box_scroll{height:225px;}
}
/* //UX-592 : 2017-08-29 */