@charset "utf-8";

/*
* melon / 2014.07.09 /
* Service : 멜론 공통
* Creation Date : 2014.07.09
* Last Update :
* Author :
*/

/* layout */
#wrap.melon_guide #header {height:41px;background:none;}
#wrap.melon_guide #header_wrap {height:41px;}
#wrap.melon_guide #header_wrap:after {content:""; display:block; clear:both; height:0; visibility:hidden;}

/*gnb*/
#wrap.melon_guide #header_wrap #gnb {float:left;width:800px;height:41px;}
#wrap.melon_guide #header_wrap #gnb:after {content:""; display:block; clear:both; height:0; visibility:hidden;}
#wrap.melon_guide #gnb h1 {width:68px;height:41px;padding:0 47px 0 9px;}
#wrap.melon_guide #gnb h1 a {display:inline-block;}
#wrap.melon_guide #gnb #gnb_menu {float:left;height:41px;}
#wrap.melon_guide #gnb_menu ul {width:580px;margin-top: 15px;background: none;}
#wrap.melon_guide #gnb_menu ul li {padding: 0 0 0 10px;margin: 0 0 0 10px;
background: url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/bg_title_bar.png) no-repeat left 0;height: 14px;}
#wrap.melon_guide #gnb_menu ul li.first_child {padding:0;margin:0;background:none;}
#wrap.melon_guide #gnb_menu ul li a.main_menu {display:inline-block;}
#wrap.melon_guide #gnb_menu ul li a.main_menu span {display: inline-block;height: 12px;background: url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/gnb_guide_menu.png) no-repeat;font-size: 0;line-height: 0;vertical-align: top;cursor:pointer;}
#wrap.melon_guide #gnb_menu ul li a.menu01 span {width: 45px;background-position: 0 0;}
#wrap.melon_guide #gnb_menu ul li a.menu01:hover span {background-position:-72px 0;}
#wrap.melon_guide #gnb_menu ul li a.menu02 span{width: 46px;background-position: 0 -17px;}
#wrap.melon_guide #gnb_menu ul li a.menu02:hover span {background-position:-72px -17px;}
#wrap.melon_guide #gnb_menu ul li a.menu03 span {width: 46px;height: 13px;background-position: 0 -34px;}
#wrap.melon_guide #gnb_menu ul li a.menu03:hover span {background-position:-72px -34px;}
#wrap.melon_guide #gnb_menu ul li a.menu04 span {width: 36px;background-position: 0 -52px;}
#wrap.melon_guide #gnb_menu ul li a.menu04:hover span {background-position:-72px -52px;}
#wrap.melon_guide #gnb_menu ul li a.menu05 span {width: 38px;background-position: 0 -69px;}
#wrap.melon_guide #gnb_menu ul li a.menu05:hover span {background-position:-72px -69px;}
#wrap.melon_guide #gnb_menu ul li a.menu06 span {width: 53px;background-position: 0 -86px;}
#wrap.melon_guide #gnb_menu ul li a.menu06:hover span {background-position:-72px -86px;}
#wrap.melon_guide #gnb_menu ul li a.menu07 span {width: 55px;background-position: 0 -103px;}
#wrap.melon_guide #gnb_menu ul li a.menu07:hover span {background-position:-72px -103px;}
#wrap.melon_guide #gnb_menu ul li a.menu08 span {width: 44px;background-position: 0 -121px;}
#wrap.melon_guide #gnb_menu ul li a.menu08:hover,#wrap.melon_guide #gnb_menu ul li.on a.menu08 span {background-position:-72px -121px;}
#wrap.melon_guide #header #gnb_menu ul li.on .more_wrap {display: block;overflow:hidden;width: 211px;height: 129px !important;position: absolute;top: 19px;left: -8px;z-index: 11;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/bg_gnb_more.png) no-repeat}/*140724 수정 lyr*/
#wrap.melon_guide #header #gnb_menu ul li .more_wrap ul {float:left;width: 105px;height:121px;margin-top:0;padding-top:8px;border:none;background:none !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap ul li {height:12px;margin:0;padding:14px 0 0;background:none;}
#wrap.melon_guide #header #gnb_menu ul li.on .more_wrap .menu_more {width:105px;height:12px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_gnb_more.png) no-repeat !important;cursor:pointer;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m1 {background-position:18px 0 !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m1:hover, #wrap.melon_guide #header #gnb_menu ul li .more_wrap li.on .menu_more.m1 {background-position:-94px 0 !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m2 {background-position:18px -52px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m2:hover, #wrap.melon_guide #header #gnb_menu ul li .more_wrap li.on .menu_more.m2 {background-position:-94px -52px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m3 {background-position:18px -104px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m3:hover, #wrap.melon_guide #header #gnb_menu ul li .more_wrap li.on .menu_more.m3 {background-position:-94px -104px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m4 {background-position:18px -156px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m4:hover, #wrap.melon_guide #header #gnb_menu ul li .more_wrap li.on .menu_more.m4 {background-position:-94px -156px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m5 {background-position:18px -26px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m5:hover, #wrap.melon_guide #header #gnb_menu ul li .more_wrap li.on .menu_more.m5 {background-position:-94px -26px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m6 {background-position:18px -78px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m6:hover, #wrap.melon_guide #header #gnb_menu ul li .more_wrap li.on .menu_more.m6 {background-position:-94px -78px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m7 {background-position:18px -130px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m7:hover, #wrap.melon_guide #header #gnb_menu ul li .more_wrap li.on .menu_more.m7 {background-position:-94px -130px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m8 {background-position:18px -182px !important;}
#wrap.melon_guide #header #gnb_menu ul li .more_wrap .menu_more.m8:hover, #wrap.melon_guide #header #gnb_menu ul li .more_wrap li.on .menu_more.m8 {background-position:-94px -182px !important;}

/*header_login*/
#wrap.melon_guide #header .header_login {float:right;width:200px;height:32px;padding-top:9px;text-align:right;}
#wrap.melon_guide #header .header_login .wrap_id {overflow:hidden;display:inline-block;width:80px;margin-right: 4px;color: #666;font-size: 12px;line-height: 15px;vertical-align: top;margin-top:6px;}
#wrap.melon_guide #header .header_login .wrap_id a {display:inline-block;overflow: hidden;width:auto;max-width:66px;color:#666;white-space: nowrap;text-overflow: ellipsis;word-wrap: normal;vertical-align:top;text-align: left;*line-height:100%;}

/*btn*/
.btn_base.short span.odd_span {padding-left:7px;}

/*cont_wrap*/
#wrap.melon_guide #cont_wrap {width:100%;min-width:1048px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/bg_guide.png) no-repeat center 0;}

/*conts*/
h2.tit_guide_info {width:497px;height:64px;margin:0 auto;padding-top:10px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_visual.png) no-repeat center 10px;text-indent:-9999px;}

/*기본 tab*/
.tab_menu_type {width:100%;height:115px;margin-top:26px;}
.tab_menu_type ul {overflow:hidden;width:767px;margin: 0 auto;}
.tab_menu_type ul li {float:left;padding-left:244px;font-size:0;line-height:0;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/bg_menu_bar.png) no-repeat 77px 50%;}
.tab_menu_type ul li.first_child {padding-left:0;background:none;}
.tab_menu_type ul li a {display:inline-block;width:93px;height:93px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/bg_tab.png) no-repeat;font-size:0;line-height:0;}
.tab_menu_type ul li a.pc_tab {background-position:0 0;}
.tab_menu_type ul li a.pc_tab:hover,.tab_menu_type ul li.on a.pc_tab {background-position:0 -106px;}
.tab_menu_type ul li a.mobile_tab {background-position:-338px 0;}
.tab_menu_type ul li a.mobile_tab:hover,.tab_menu_type ul li.on a.mobile_tab {background-position:-338px -106px;}
.tab_menu_type ul li a.tv_tab {background-position:-674px 0;}
.tab_menu_type ul li a.tv_tab:hover,.tab_menu_type ul li.on a.tv_tab {background-position:-674px -106px;}

/*tab 2depth*/
.tab_menu_depth {width:100%;}
.tab_menu_depth ul {overflow:hidden;padding:17px 0 0 32px;}
.tab_menu_depth ul li {float:left;margin-left:20px;padding-left:19px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/tab_depth_bar.png) no-repeat left 1px;line-height:0;font-size:0;}
.tab_menu_depth ul li.first_child {margin-left:0;padding-left:0;background:none;}
.tab_menu_depth ul li a {display:inline-block;height:27px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_tab_depth.png) no-repeat;font-size:0;line-height:0;}
.tab_menu_depth ul.pc_tab li a.m1 {width:45px;background-position:0 0;}/*140711 수정 lyr*/
.tab_menu_depth ul.pc_tab li a.m1:hover,.tab_menu_depth ul.pc_tab li.on a.m1 {background-position:-114px 0;}
.tab_menu_depth ul.pc_tab li a.m2 {width:44px;background-position:0 -42px;}/*140711 수정 lyr*/
.tab_menu_depth ul.pc_tab li a.m2:hover, .tab_menu_depth ul.pc_tab li.on a.m2 {background-position:-114px -42px;}
.tab_menu_depth ul.mobile_tab li a.m1 {width:81px;background-position:0 -84px;}
.tab_menu_depth ul.mobile_tab li a.m1:hover,.tab_menu_depth ul.mobile_tab li.on a.m1 {background-position:-114px -84px;}
.tab_menu_depth ul.mobile_tab li a.m2 {width:65px;background-position:0 -126px;}
.tab_menu_depth ul.mobile_tab li a.m2:hover, .tab_menu_depth ul.mobile_tab li.on a.m2 {background-position:-114px -126px;}
.tab_menu_depth ul.mobile_tab li a.m3 {width:66px;background-position:0 -168px;}
.tab_menu_depth ul.mobile_tab li a.m3:hover, .tab_menu_depth ul.mobile_tab li.on a.m3 {background-position:-114px -168px;}

/*서비스가이드 내용*/
.svc_cont {position:relative;width:100%;margin-top:36px;}
.svc_cont h3,.svc_cont span,.svc_cont p {display:inline-block;text-indent:-9999px;}
.svc_cont a {display:inline-block;position:absolute;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/btn_sprite_140821.png) no-repeat;}/*140821 수정 lyr*/

.svc_cont a.btn_google {width:173px;height:45px;background-position:0 -482px;}
.svc_cont a.btn_appstore {width:173px;height:45px; background-position:0 -537px;}
.svc_cont.pcpl_wrap {height:2044px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_pcpl.png) no-repeat;}
.svc_cont.pcpl_wrap a.btn_setpcpl {top:106px;left:384px;width:189px;height:36px;background-position:0 0;}
.svc_cont.pcpl_wrap a.btn_itunes {top:881px;left:561px;width:146px;height:30px;background-position: 0 -46px;}
.svc_cont.pcpl_wrap a.btn_connect {top:1341px;left:32px;width:146px;height:30px;background-position: 0 -86px;}
.svc_cont.pcpl_wrap a.btn_setfaq {top:1799px;left:561px;width:146px;height:30px;background-position: 0 -126px;}
.svc_cont.pcpl_wrap a.btn_setpcpl_btm {bottom:34px;left:327px;width:346px;height:67px;background-position: 0 -166px;}

.svc_cont.mac_wrap {height:1325px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_mac.png) no-repeat;}
.svc_cont.mac_wrap a.btn_webpl {top:812px;left:581px;width:166px;height:30px;background-position: 0 -242px;}

.svc_cont.phone_wrap {height:3118px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_smartapp.png) no-repeat;}
.svc_cont.phone_wrap a.btn_androidapp {top:2964px;right:73px;width:151px;height:30px;background-position: 0 -282px; }
.svc_cont.phone_wrap a.btn_iphoneapp {top:3060px;right:73px;width:151px;height:30px;background-position: 0 -322px;}
.svc_cont.phone_wrap a.btn_appstore {top: 3049px;left: 51px;}
.svc_cont.phone_wrap a.btn_google {top: 2955px;left: 51px;}



.svc_cont.tablet_wrap {height:1131px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_tabletapp.png) no-repeat;}
.svc_cont.tablet_wrap a.btn_androidapp {top:977px;right:73px;width:151px;height:30px;background-position: 0 -282px; }
/*.svc_cont.tablet_wrap a.btn_iphoneapp {top:1073px;right:73px;width:151px;height:30px;background-position: 0 -322px;}140821 삭제 lyr q*/
.svc_cont.tablet_wrap a.btn_ipadapp {top:1073px;right:73px;width:151px;height:30px;background-position: 0 -592px;}/*140821 추가 lyr*/
.svc_cont.tablet_wrap a.btn_appstore {top:1062px;left:51px;}
.svc_cont.tablet_wrap a.btn_google {top:968px;left:51px;}

.svc_cont.mobile_wrap {height:1206px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_mobileapp.png) no-repeat;}
.svc_cont.mobile_wrap a.btn_mobileapp {top:1120px;left:804px;width:156px;height:30px;background-position: 0 -362px; }
.svc_cont.mobile_wrap a.btn_tabletapp {top:1158px;left:804px;width:156px;height:30px;background-position: 0 -402px;}

.svc_cont.tv_wrap {height:1717px;margin-top:49px;background:url(../../../../_external/image.melon.co.kr/resource/image/web/melonguide/text_tv.png) no-repeat;}
.svc_cont.tv_wrap a.btn_tv {top:1666px;left:801px;width:156px;height:30px;background-position: 0 -442px;}