header.main_transparent .header_wrap .sub_menu_02 {color:#00ff9c;}

div.re_bgm_sub_solting_title_wrap.emoticon {clear:both; background-image:url('../images/layout/solting_backg_wrap2.jpg'); background-color:#00090f; background-position:top; background-repeat:no-repeat;}
div.re_bgm_sub_solting_title_wrap .re_bgm_sub_solting_title {width:1200px; margin:auto; clear:both; overflow:hidden; position:relative;}

div.re_bgm_sub_solting_title.emoticon h2 {position:absolute; top:28px; left:0; color:#fff; font-size:40px;}
div.re_bgm_sub_solting_title.emoticon h2 span {font-weight:300;}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn {text-align:right; margin-top:20px;}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li {display:inline-block;  margin-left:50px;}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li:first-child {margin-left:0;}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li button.main_btn {text-align:center; background-color:transparent; border:none; color:#fff; font-size:14px;}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li button.main_btn:before {content:''; display:block; width:50px; height:50px; margin:auto; background-size:cover; -webkit-background-size:cover; margin-bottom:10px;}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li button.main_btn.active {color:#00cd9f;}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li button.main_btn:focus {outline:none;}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li button.class06:before {background-image:url('../images/layout/main_video_btn_ico06.png');}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li button.class07:before {background-image:url('../images/layout/main_video_btn_ico07.png');}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li button.class06.active:before {background-image:url('../images/layout/main_video_btn_ico06on.png');}
div.re_bgm_sub_solting_title.emoticon ul.main_ico_btn li button.class07.active:before {background-image:url('../images/layout/main_video_btn_ico07on.png');}

div.re_bgm_sub_solting_title.emoticon .main_hash_in_link_wrap {width:100%; clear:both; margin-bottom:20px; overflow:hidden;}
div.re_bgm_sub_solting_title.emoticon .main_hash_in_link {width:100%; clear:both; overflow:hidden; display:none; margin-top:30px;}
div.re_bgm_sub_solting_title.emoticon .main_hash_in_link li {width:20%; float:left; box-sizing:border-box; padding:0 5px 0;}
div.re_bgm_sub_solting_title.emoticon .main_hash_in_link li a {border-top:1px solid rgba(255, 255, 255, 0.3); padding:20px 15px; display:block; color:#ccc;}
div.re_bgm_sub_solting_title.emoticon .main_hash_in_link li a:hover {color:#fff; border-top:1px solid #00cd9f;}


/**/
.bgm_emoticon {clear:both; overflow:hidden; color:#000; background-color:#fff; padding-bottom:60px;}
.bgm_emoticon_wrap {width:1200px; margin:30px auto 0 auto; clear:both; overflow:hidden; display:table; table-layout:fixed;}

.bgm_emoticon_wrap > h3, .bgm_emoticon_wrap > h4 {text-align:center;}
.bgm_emoticon_wrap > h3 {font-size:36px; font-weight:700; margin:50px 0 10px 0;}
.bgm_emoticon_wrap > h3 .sample_movie_pop {font-size:14px; font-weight:300; display:inline-block; border:1px solid rgba(255, 255, 255, 0.5); box-sizing:border-box; vertical-align:middle; padding:5px 10px; border-radius:15px; -webkit-border-radius:15px; margin-top:-5px; cursor:pointer;}
.bgm_emoticon_wrap > h3 .sample_movie_pop:hover {border:1px solid #fff;}
.bgm_emoticon_wrap > h4 {font-size:18px; font-weight:500; margin:0 0 30px 0;}

.bgm_emoticon_wrap > ul {width:100%;}
.bgm_emoticon_wrap > ul > li  {display:block; float:left; width:calc((100% / 3) - 0.1px); padding-bottom:20px;}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap {padding:5px; box-sizing:border-box; position:relative;}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap div.thumbs {position:relative;}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap div.thumbs img {width:390px; height:219px;}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap h5 {font-size:18px; margin:10px 0 5px 0; box-sizing:border-box; padding-right:100px;}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap span {padding-right:100px; box-sizing:border-box;}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap > ul {position:absolute; bottom:12px; right:5px;}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap > ul > li {float:left;}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap > ul > li button.list_btn_type01 { display:inline-block; width:40px; height:40px; background-color:transparent; background-size:cover; -webkit-background-size:cover; font-size:0; border:none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; /* For some Androids */}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap > ul > li button.list_btn_type01.download {background-image:url('../images/song/song_list_ico08.png');}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap > ul > li button.list_btn_type01.favorite {background-image:url('../images/song/song_list_ico04.png');}
.bgm_emoticon_wrap > ul > li > div.emoticon_list_wrap > ul > li button.list_btn_type01.favorite.active {background-image:url('../images/song/song_list_ico04on.png');}

div.emoticon_btn_white_base {text-align:center;}
div.emoticon_btn_white_base a {font-size:18px; font-weight:300; display:inline-block; width:244px; height:54px; line-height:50px; border:1px solid rgba(0, 0, 0, 0.3); box-sizing:border-box; letter-spacing:-1px; margin-top:20px; position:relative; margin-top:35px;}
div.emoticon_btn_white_base a:hover {border:1px solid #000;}


/**/
.bgm_emo_view_wrap {clear:both; background-color:#101010; background-image:url('../images/view/emo_view_bg.jpg'); background-size:contain; background-position:top; min-height:100%; background-repeat:no-repeat; overflow:hidden;}
.bgm_emo_view_wrap * {transition: all ease 0.3s;}
.bgm_emo_thumbs_wrap .view_movie_wrap {margin:50px auto; text-align:center; background-image:url('../images/view/view_thumbs_backbg.png'); background-size:1200px; background-position:center 340px; background-repeat:no-repeat;}
.bgm_emo_thumbs_wrap .view_movie_wrap .thumbs_wrap {width:730px; overflow:hidden; font-size:0; margin:auto; background-image:url('../images/layout/blank.gif');}

.bgm_emo_view_wrap .detail_option {clear:both; width:100%;}

.bgm_emo_view_wrap .detail_option ul.option_wrap {display:-webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; max-width: 1200px; margin: 0 auto;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li {height: 90px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 0%; flex: 1 1 0%; padding: 0 10px; border-right:1px solid rgba(256,256,256,0.1); position:relative;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li:last-child {border-right:0px solid transparent;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option { height: 60px; font-size: 32px; font-weight: 200; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color:#fff;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button {background-color:transparent; border:none; width:50px; height:50px; background-size:cover; -webkit-background-size:cover; display:inline-block}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button:focus {outline:0;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button.like {background-image:url('../images/view/view_icolist_01.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button.like.active {background-image:url('../images/view/view_icolist_01on.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button.video {background-image:url('../images/view/view_icolist_02.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button.video:hover {background-image:url('../images/view/view_icolist_02on.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button.down {background-image:url('../images/view/view_icolist_03.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button.down:hover {background-image:url('../images/view/view_icolist_03on.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button.share {background-image:url('../images/view/view_icolist_04.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.option button.share.active {background-image:url('../images/view/view_icolist_04on.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div {position:absolute; top:-46px; right:9px; display:none;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div.active {display:block;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li {border:1px solid #FFDA2A; float:left; padding:5px 10px; background-color:rgba(0, 0, 0, 0.5); color:#fff;  box-shadow:0 2px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li:first-child {border-right:none; border-radius:15px 0 0 15px;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li:last-child {border-left:none; border-radius:0 15px 15px 0;}

.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.social_btn {display:inline-block; width:24px; height:24px; border-radius:50%; -webkit-border-radius:50%; background-size:cover; -webkit-background-size:cover; background-position:top; background-repeat:no-repeat; margin:0; font-size:0; vertical-align:middle;}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.facebook {background-image:url('../images/view/view_social_ico01on.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.twitter {background-image:url('../images/view/view_social_ico02on.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.kakao {background-image:url('../images/view/view_social_ico03on.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.link {background-image:url('../images/view/view_social_ico04on.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.facebook:hover {background-image:url('../images/view/view_social_ico01.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.twitter:hover {background-image:url('../images/view/view_social_ico02.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.kakao:hover {background-image:url('../images/view/view_social_ico03.png');}
.bgm_emo_view_wrap .detail_option ul.option_wrap > li > ul.share_add_div li a.link:hover {background-image:url('../images/view/view_social_ico04.png');}

.bgm_emo_view_wrap .detail_option ul.option_wrap > li > div.subject {font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: #b4b4b5;}

.bgm_emo_view_wrap .detail_box_wrap {background-color:#fff; width:1200px; margin:50px auto 50px; box-sizing:border-box; padding:30px; overflow:hidden; display:table; table-layout:fixed;}
.bgm_emo_view_wrap .detail_box_wrap h3 {font-size:22px; margin:0 0 15px; font-weight:300;}
.bgm_emo_view_wrap .detail_box_wrap .bgm_view_tag_wrap {margin-bottom:22px;}
.bgm_emo_view_wrap .detail_box_wrap .bgm_view_tag_wrap > a {display:inline-block; padding:5px 10px; border:1px solid #000; border-radius:15px; -webkit-border-radius:15px; color:#000; margin-right:5px;}
.bgm_emo_view_wrap .detail_box_wrap .bgm_view_tag_wrap > a:hover {background-color:#efefef;}

.bgm_emo_view_wrap .bgm_detail_emoticon_wrap {margin-top:40px;}
.bgm_emo_view_wrap .bgm_detail_emoticon_wrap > ul {width:100%; margin-top:15px;}
.bgm_emo_view_wrap .bgm_detail_emoticon_wrap > ul > li  {display:block; float:left; width:calc((100% / 3) - 0.1px); padding-bottom:15px;}
.bgm_emo_view_wrap .bgm_detail_emoticon_wrap > ul > li > div.emoticon_list_wrap {padding:0 10px; box-sizing:border-box; cursor:pointer;}
.bgm_emo_view_wrap .bgm_detail_emoticon_wrap > ul > li > div.emoticon_list_wrap div.thumbs {position:relative;}
.bgm_emo_view_wrap .bgm_detail_emoticon_wrap > ul > li > div.emoticon_list_wrap div.thumbs img {width:100%;}
.bgm_emo_view_wrap .bgm_detail_emoticon_wrap > ul > li > div.emoticon_list_wrap:hover div.thumbs img {opacity:0.5;}
.bgm_emo_view_wrap .bgm_detail_emoticon_wrap > ul > li > div.emoticon_list_wrap h5 {font-size:18px; margin:10px 0 5px 0;}