@charset "UTF-8";
.bx-controls-direction,.main_visual #bx-pager{display:none;}
.d_banner_only{display:block;}
.m_banner_only{display:none;}




/******************/


body {/*background:url("../images/common/quick_bg.png") repeat-y;*/}
#quick {display:none; position:absolute; left:0; top:0; width:171px; z-index:9999; /*background:url("../images/common/quick_bg.png") repeat-y;*/}
#quick dt {}
#quick dd {}
#quick dd a {display:inline-block; width:100%; padding-left:34px; box-sizing:border-box;}
#quick dd > a {height:36px; line-height:36px; background-color:#383838; font-size:12px; color:#fff;}
#quick dd ul {}
#quick dd ul li {}
#quick dd ul li a {padding-top:10px; padding-bottom:10px; border-bottom:1px solid #efefef; line-height:14px; font-size:12px; color:#494949;}


#wrap {position:relative; width:100%;}

#topbanner {position:relative; width:100%; height:85px; text-align:center;}
#topbanner ul.top_bxslider li {height:85px; overflow:hidden; width:100%; text-align:center;}
#topbanner ul.top_bxslider li img {display:block; height:85px; left:50%; text-align:center;margin-left:-1000px; position:absolute; top:0; max-width:2000px; width:2000px; z-index:10;}
#topbanner p.close {position:absolute; left:50%; top:50%; margin-top:-18px; margin-left:564px; z-index:100;}
.main_visual ul.bxslider li {height:360px; overflow:hidden;}



#header {position:relative; height:119px; background:url("../images/common/head_bg.gif") repeat-x; border-bottom:1px solid #dfdfdf;position: sticky; top:0;z-index:99999999;background:#fff;}
#header .head_cont_line{width:100%;border-bottom:1px solid #eee;}
#header .head_cont {width:100%; margin:0 auto;}
#header .head_cont .head_gnb {height:35px;width:1200px;margin:0 auto;}
#header .head_cont .head_gnb> ul {float:left; height:35px;}
#header .head_cont .head_gnb> ul> li {float:left; position:relative; padding:0 10px; line-height:35px; background:url("../images/common/gnb_line.gif") no-repeat left center;}
#header .head_cont .head_gnb> ul> li > a {color:#444;}

.head_viral_icon{display:flex;flex-wrap:nowrap;justify-content: center;}
#header .head_cont .head_gnb> ul> li.first {background:none; padding-left:0;margin-top:-2px;}
#header .head_cont .head_gnb> ul> li.last {background:none; padding-right:0;}
#header .head_cont .head_gnb> ul> li:hover > a {color:#000;font-weight:bold;}
#header .head_cont .head_gnb> ul> li:hover > a >b {color:#000;font-weight:bold;}
#header .head_cont .head_gnb> ul> li> dl {display:none; position:absolute; left:-20px; top:35px; width:100px; background-color:#e0e0e0; padding:10px 0; text-align:center; z-index:9999;}
#header .head_cont .head_gnb> ul> li:hover dl {display:block;}
#header .head_cont .head_gnb >ul> li> dl dd> a {font-size:12px; color:#666; line-height:24px; /*font-family:'NanumSquareBold';*/}
#header .head_cont .head_gnb >ul >li> dl> dd:hover {background-color:#666;}
#header .head_cont .head_gnb >ul> li> dl dd:hover a {color:#fff;}
#header .head_cont .head_gnb> ul.login {float:right;}
/*#header .head_cont .head_gnb >ul.login li:first-child {background:none;}*/
#header .head_cont .head_gnb> ul.login li.icon_login {background:url("../images/common/icon_login.gif") no-repeat left center; padding-left:30px; margin-left:10px;}

#header .head_cont .head_lnb {height:83px;width:1200px;margin:0 auto;}
#header .head_cont .head_lnb> h1 {float:left; padding:14px 20px 0 0;}
#header .head_cont .head_lnb> ul {float:left; height:83px;}
#header .head_cont .head_lnb> ul> li {float:left; position:relative; padding-left:30px; line-height:83px;}
#header .head_cont .head_lnb> ul> li > a {
    font-size:16px;
/*    color:#333; font-weight:400*/
    font-weight: 600;color:#222222e0;font-family:'Noto Sans KR', sans-serif;
}
#header .head_cont .head_lnb ul li:hover > a {border-bottom:4px solid #ee0000; padding-bottom:8px;}
#header .head_cont .head_lnb ul li dl {display:none; position:absolute; left:0; top:76px; width:140px; background-color:#282828; padding:10px 0; text-align:center; z-index:9999;}
#header .head_cont .head_lnb ul li dl.menu_enter {left:14px;}
#header .head_cont .head_lnb ul li:hover dl {display:block;}
#header .head_cont .head_lnb ul li dl dd {}
#header .head_cont .head_lnb ul li dl dd a {font-size:13px; color:#fff; line-height:26px; /*font-family:'NanumSquareBold';*/}
#header .head_cont .head_lnb ul li dl dd:hover {background-color:#d90000;}

#header .head_cont .head_lnb ul li div.chart_submenu {display:none; position:absolute; left:-351px; top:76px; width:1198px; height:300px; border:1px solid #000; background-color:#fff; z-index:9999;}
#header .head_cont .head_lnb ul li:hover div.chart_submenu {display:block;}
#header .head_cont .head_lnb ul li div.chart_submenu h2 {float:left; width:298px; height:300px;}
#header .head_cont .head_lnb ul li div.chart_submenu div {float:left; border-left:1px solid #eaeaea; height:300px; width:180px; padding:20px 14px 0 14px; box-sizing:border-box;}
#header .head_cont .head_lnb ul li div.chart_submenu div:hover {background-color:#f4f4f4;}
#header .head_cont .head_lnb ul li div.chart_submenu div h4 {}
#header .head_cont .head_lnb ul li div.chart_submenu div h4 a {display:inline-block; font-size:16px; color:#ff6c00; font-weight:400; padding:8px 10px;}
#header .head_cont .head_lnb ul li div.chart_submenu div p {padding-bottom:5px;}
#header .head_cont .head_lnb ul li div.chart_submenu div p a {display:inline-block; width:132px; padding:5px 10px; font-size:14px; color:#000000; line-height:17px;}
#header .head_cont .head_lnb ul li div.chart_submenu div:nth-child(2) p {padding:0;}
#header .head_cont .head_lnb ul li div.chart_submenu div p a:hover {background-color:#3b3b3b; color:#fff;}

#header .head_cont .head_lnb .top_search {float:right; position:relative; height:38px; width:240px; margin-top:23px; background:url("../images/common/search_bg.gif") no-repeat;}
#header .head_cont .head_lnb .top_search input {width:180px; height:38px; padding-left:20px; font-size:13px; border:none; background:none;}
#header .head_cont .head_lnb .top_search p {position:absolute; top:9px; right:16px;}
#header .head_cont .head_lnb .top_search .sch_submit{background:url('images/btn_search.gif') no-repeat; text-indent:-9999px; width:19px; height:20px;}

.hd_pops {z-index:10000;}



/*********main*********/
#container {min-width:1200px;}
#container:after {content:""; display:block; clear:both;}
.index_search{width:92%;margin:20px auto 0;}
.index_search>ul{width:100%;}
.btn_search_index{height:31px;width:50px; border-radius: 50rem!important;background:#ff9758;color:#fff;box-shadow: -2px -3px 9px 4px inset #fb7014;}
.btn_search_index:hover{background: #ff853b;}

.m_search_only{display:none;}
.main_visual {width:100%; height:360px; position:relative;}
.main_visual ul.bxslider li {height:360px; overflow:hidden;}
.main_visual ul.bxslider li img {display:block; height:360px; left:50%; margin-left:-1000px; max-width:2000px; position:absolute; top:0; width:2000px; z-index:1000;}
.main_visual {margin-bottom:90px;}
.main_visual #bx-pager {position:absolute; left:50%; bottom:-40px; margin-left:-600px; width:1200px; height:40px;}
.main_visual #bx-pager a {float:left; width:150px; height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height:40px; text-align:center; box-sizing:border-box; border-left:1px solid #ddd; border-bottom:1px solid #ddd;}
.main_visual #bx-pager a:last-child {border-right:1px solid #ddd;}
.main_visual #bx-pager a.active {background-color:#f9f9f9; color:#000;}
#bx-pager{display:none;}
 .chart_top{width:1200px;margin:30px auto 0;}
ul.main_chart {width:100%; margin:0 auto 35px; height:310px;}
ul.main_chart li {float:left; text-align:center; border-right:1px solid #eaeaea; box-sizing:border-box; padding:0 24px 0 25px;}
ul.main_chart li:first-child {padding-left:0;}
ul.main_chart li:last-child {padding-right:0; border:none;}
ul.main_chart li h2 {font-size:16px; color:#000; padding-bottom:10px; font-family:'play'}
ul.main_chart li h2>a{font-family: 'play';font-size:17px}

ul.main_chart li h3 {width:28px; height:4px; border-radius:4px; margin:0 auto;}
ul.main_chart li h3.brown {background-color:#e8cb8d;}
ul.main_chart li h3.green {background-color:#bce88d;}
ul.main_chart li h3.red {background-color:#e88d8d;}
ul.main_chart li h3.blue {background-color:#8dd8e8;}
ul.main_chart li h3.purple {background-color:#d48de8;}
ul.main_chart li h4 {padding-top:18px;}
ul.main_chart li p {text-align:left; font-size:13px; line-height:18px; padding-top:10px;}

h2.main_tit {font-size:16px; position:relative; /*font-family:'NanumSquareBold';*/ margin-bottom:18px;}
h2.main_tit span {font-size:12px; position:absolute; right:0; top:0;}
h2.main_tit span a {color:#777;}
h2.main_tit i{font-size:10px;}
div.main_event {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; margin-bottom:60px;}
div.main_event .event_cont {width:1200px; margin:0 auto; height:138px;}
div.main_event .event_cont div.event_slide {position:relative; float:left; border-right:1px solid #d9d9d9; width:599px;}
div.main_event .event_cont div.event_slide .bx-controls {position:absolute; right:15px; bottom:15px; height:8px;}
div.main_event .event_cont div.event_slide .bx-controls .bx-pager-item {float:left;}
div.main_event .event_cont div.event_slide .bx-controls .bx-pager-item a {display:inline-block; width:10px; height:8px; margin:0 6px; background:url("../images/main/banner_rolling_off.png") no-repeat; text-indent:-9999px;}
div.main_event .event_cont div.event_slide .bx-controls .bx-pager-item a.active {background:url("../images/main/banner_rolling_on.png") no-repeat;}
div.main_event .event_cont h2 {float:left;}

div.chart_weekly {width:1200px; margin:0 auto 60px;}
div.chart_weekly div.weekly_tit {font-size:20px; color:#000; /*font-family:'NanumSquareBold';*/ position:relative; margin-bottom:12px;}
div.chart_weekly div.weekly_tit span.point {color:#f80000; /*font-family:'NanumSquareBold';*/}
div.chart_weekly div.weekly_tit span.date {font-size:13px; color:#444; /*font-family:'NanumSquare';*/}
div.chart_weekly div.weekly_tit p {position:absolute; right:0; top:0; font-size:12px;}
div.chart_weekly div.weekly_cont {border-top:2px solid #333;}
div.chart_weekly div.weekly_cont:after {clear:both; content:""; display:block;}
div.chart_weekly div.weekly_cont dl {float:left; box-sizing:border-box; width:300px; border-right:1px solid #dfe6e8;}
div.chart_weekly div.weekly_cont dl:first-child {border-left:1px solid #dfe6e8;}
div.chart_weekly div.weekly_cont dl dt.tit {font-size:14px; text-align:center; /*font-family:'NanumSquareBold';*/ background:url("../images/main/top10_bg.gif") repeat-x; height:39px; line-height:39px;}
div.chart_weekly div.weekly_cont dl dt.more {border-bottom:1px solid #dfe6e8; text-align:right; padding:12px;}
div.chart_weekly div.weekly_cont dl dt.more img {padding-left:4px;}
div.chart_weekly div.weekly_cont dl dd {padding:12px 0; border-bottom:1px solid #e9edef;}
div.chart_weekly div.weekly_cont dl dd:after {clear:both; content:""; display:block;}
div.chart_weekly div.weekly_cont dl dd.gray {background-color:#f8f8f8;}
/*div.chart_weekly div.weekly_cont dl dd h2 {display:table-cell; width:35px; font-size:16px; color:#8a989e; font-style:italic; text-align:center;}
div.chart_weekly div.weekly_cont dl dd h2.green {color:#73b213;}
div.chart_weekly div.weekly_cont dl dd h3 {display:table-cell; width:45px; color:#666; text-align:center;}
div.chart_weekly div.weekly_cont dl dd h3.up {color:#ff4e78;}
div.chart_weekly div.weekly_cont dl dd h3.down {color:#47bda8;}
div.chart_weekly div.weekly_cont dl dd h4 {float:left; width:140px; color:#111; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.chart_weekly div.weekly_cont dl dd p {float:left; width:78px; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.chart_weekly div.weekly_cont dl dd.over h5 {display:table-cell; width:58px;}
div.chart_weekly div.weekly_cont dl dd.over h6 {display:table-cell; width:160px; vertical-align:middle; line-height:16px;}
div.chart_weekly div.weekly_cont dl dd.over h6 span {}*/

div.chart_weekly div.weekly_cont dl dd h2 {float:left; width:35px; font-size:16px; color:#8a989e; /*font-family:'NanumSquareBold';*/ vertical-align:middle; font-style:italic; text-align:center;}
div.chart_weekly div.weekly_cont dl dd h2.green {color:#73b213;}
div.chart_weekly div.weekly_cont dl dd h3 {float:left; width:45px; color:#666; text-align:center; vertical-align:middle; }
div.chart_weekly div.weekly_cont dl dd h3.up {color:#ff4e78;}
div.chart_weekly div.weekly_cont dl dd h3.down {color:#47bda8;}
div.chart_weekly div.weekly_cont dl dd h4 {float:left; width:218px}
div.chart_weekly div.weekly_cont dl dd h4 span {display:inline-block; line-height:120%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
div.chart_weekly div.weekly_cont dl dd h4 span.tit {width:140px; color:#111;}
div.chart_weekly div.weekly_cont dl dd h4 span.name {width:70px; color:#777;}
div.chart_weekly div.weekly_cont dl dd.over h4 span.name {width:100%;}
div.chart_weekly div.weekly_cont dl dd h5 {display:none;}
div.chart_weekly div.weekly_cont dl dd.over h2 {padding-top:15px;}
div.chart_weekly div.weekly_cont dl dd.over h3 {padding-top:16px;}
div.chart_weekly div.weekly_cont dl dd.over h5 {display:block; float:left; width:58px;}
div.chart_weekly div.weekly_cont dl dd.over h4 {width:160px; vertical-align:middle; line-height:16px; padding-top:6px;}
div.chart_weekly div.weekly_cont dl dd.over h4 span {display:block; padding-top:4px;}





div.main_video {width:1200px; margin:0 auto 60px; height:310px;}
div.main_video div.music_video {float:left; position:relative; width:449px; padding-right:25px; margin-right:25px; border-right:1px solid #d9d9d9;}{}
div.main_video div.music_video h3 {padding-bottom:10px;}
div.main_video div.music_video h4 {color:#000; /*font-family:'NanumSquareBold';*/}
div.main_video div.music_video h4 span {font-weight:400;}
div.main_video div.music_video p {position:absolute; right:25px; bottom:0;}
div.main_video div.music_chart {float:left; width:700px;}
div.main_video div.music_chart ul {border-left:1px solid #dfe6e8; border-top:1px solid #dfe6e8;}
div.main_video div.music_chart ul:after {clear:both; content:""; display:block;}
div.main_video div.music_chart ul li {float:left; width:115.5px; text-align:center; height:45px; border-right:1px solid #dfe6e8; border-bottom:1px solid #dfe6e8; background:url("../images/main/music_chart_bg.gif") repeat-x;}
div.main_video div.music_chart ul li.line2 a {line-height:18px; padding-top:5px;}
div.main_video div.music_chart ul li a {display:inline-block; width:100%; height:100%; line-height:45px; box-sizing:border-box; }
div.main_video div.music_chart ul li a:hover {border:2px solid #ccb079; color:#8b5d0e;}
div.main_video div.music_chart h4 {height:119px; padding-top:14px;}
div.main_video div.music_chart h4 a {float:left;}

ul.two_banner {width:1200px; margin:0 auto;}
ul.two_banner:after {clear:both; content:""; display:block;}
ul.two_banner li {float:left;}
ul.two_banner li.mr12 {margin-right:12px;}

div.main_board {width:1200px; margin:40px auto 0; height:200px; border-top:2px solid #333;}
div.main_board div {float:left; width:300px; padding:25px 22px; height:200px; box-sizing:border-box; border-right:1px solid #dfe6e8;}
div.main_board div h2.main_tit {font-size:20px;}
div.main_board div:first-child {border-left:1px solid #dfe6e8;}
div.main_board div ul {}
div.main_board> div> ul> li {font-size:1.2em;line-height:25px;}
div.main_board div ul li a {font-size:1em; line-height:25px;}


#footer {}
#footer .foot_notice {border-top:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; }
#footer .foot_notice .notice_cont {width:1200px; margin:0 auto; font-size:14px; color:#333; /*height:134px; line-height:154px;*/}
#footer .foot_notice .notice_cont h4 {display:inline-block; padding-right:15px; /*font-family:'NanumSquareBold';*/}
#footer .foot_notice .notice_cont p {display:inline-block; padding:30px 0;}
#footer .foot_notice .notice_cont p span {font-size:11px; padding-left:12px;}
#footer .foot_cont {width:1200px; position:relative; margin:22px auto;}
#footer .foot_cont ul {height:20px; padding-bottom:15px;}
#footer .foot_cont ul li {float:left; background:url("../images/common/foot_navline.gif") no-repeat left center; padding:0 10px;}
#footer .foot_cont ul li:first-child {background:none; padding-left:0;}
#footer .foot_cont ul li a {font-size:13px; color:#555;}
#footer .foot_cont ul li a.point {color:#db0000;}
#footer .foot_cont address {font-size:12px; color:#555; line-height:20px;}
#footer .foot_cont address span {color:#555; /*font-family:'NanumSquareBold';*/}
#footer .foot_cont dl {position:absolute; right:0; top:69px; height:28px;}
#footer .foot_cont dl dd {float:left; padding-left:6px;}
#footer .foot_cont dl dd select {border:1px solid #ccc; height:26px; line-height:26px; padding-left:6px; width:120px;}
#footer .foot_info {background:#ededed url("../images/common/foot_info_bullet.gif") no-repeat center top;}
#footer .foot_info .info_cont {width:1200px; margin:0 auto; box-sizing:border-box; padding:28px 0 60px 45px; font-size:11px; line-height:18px; color:#444; background:url("../images/common/foot_info_icon.gif") no-repeat left 29px;}

.bottom_info{position:relative}
.ft_hengsa_logo{position:absolute;right:0;top:0;}


/*********sub********/

#container_sub {width:1200px; margin:30px auto 60px; min-height:847px; position:relative;}
#container_sub:after {clear:both; content:""; display:block;}

h2.sub_tit {font-size:2em; color:#2e2e2eeb; font-weight: 600; padding-bottom:16px; display:flex;flex-direction:row;}




/*서브 차트*/
#chart_banner {width:100%; height:130px; position:relative; overflow:hidden;}
#chart_banner h4 {height:130px; overflow:hidden;}
#chart_banner h4 img {display:block; height:130px; left:50%; margin-left:-1000px; max-width:2000px; position:absolute; top:0; width:2000px; z-index:1000;}
p.chart_info {background-color:#f5f5f5; font-size:12px; text-align:center; padding:12px 0; margin-bottom:25px;}
.chart_info {background-color:#f5f5f5; font-size:12px; text-align:center; padding:12px 0; margin-bottom:25px;}
p.chart_info>font{line-height:17px;}
.chart_info p.chart_p{line-height:17px;}
div.chart_menu {position:relative; padding-bottom:25px;}
div.chart_menu h2 {text-align:center; font-size:24px; color:#000; /*font-family:'NanumSquareBold';*/}
div.chart_menu ul {position:absolute; left:0; top:0;}
div.chart_menu ul:after {clear:both; content:""; display:block;}
div.chart_menu ul li {float:left;}
div.chart_menu ul li a {font-size:20px; padding-bottom:3px; color:#000; margin-right:26px; /*font-family:'NanumSquare';*/}
div.chart_menu ul li a.on {border-bottom:3px solid #e70000; color:#e70000;}
div.chart_menu .search {position:absolute; right:0; top:0; background:url("../images/sub/chart_icon.gif") no-repeat left center; padding-left:25px;}
div.chart_menu .search select {border:1px solid #bdbdbd; height:28px; padding:0 6px; min-width:70px;}
table.chart_list {text-align:center; font-size:13px; color:#4d4c4c;}
table.chart_list tr {border-bottom:1px solid #e7e7e7;}
/* table.chart_list th {border-top:2px solid #333; line-height:40px;} */
table.chart_list th { line-height:40px;}
table.chart_list td {padding:8px; vertical-align:middle; line-height:19px;}
table.chart_list td span.album {padding-right:20px;}
table.chart_list td.left {text-align:left; padding: 5px 0 5px 20px; }
table.chart_list td.rank {font-size:18px; color:#000; /*font-family:'NanumSquareBold';*/}
table.chart_list td.rank span {font-size:12px; display:inline-block; vertical-align:middle; line-height:9px; margin-top:8px; /*font-family:'NanumSquareBold';*/}
table.chart_list td.rank span.red {color:#ff0000;}
table.chart_list td.sub_banner {height:120px; padding:14px 0;}
.sub_banner { padding:14px 0;}
.sub_banner:after {clear:both; content:""; display:block;}
.sub_banner li {float:left;}
.sub_banner li.mr20 {margin-right:20px;}
.sub_banner li.onebanner {float:none; width:100%;}

h4.chart_more {text-align:center; line-height:22px; padding:40px 0 15px 0; font-size:16px; color:#444; /*font-family:'NanumSquareBold';*/}
ul.chart_ranking {height:48px; display:table; border-collapse:collapse;}
ul.chart_ranking li {display:table-cell; width:300px; border:1px solid #b7b7b7; text-align:center; line-height:48px; box-sizing:border-box;}
ul.chart_ranking li a {font-size:16px; color:#777; /*font-family:'NanumSquareBold';*/}
ul.chart_ranking li.on {border:3px solid #d4ab73;}
ul.chart_ranking li.on a {color:#000;}

div.chart_search {margin-bottom:50px;}
div.chart_search table {border:1px solid #ddd;}
div.chart_search table th {border:1px solid #ddd; padding:12px; font-size:14px; background-color:#f5f5f5;}
div.chart_search table td {border:1px solid #ddd; padding:12px; vertical-align:middle;}
div.chart_search table td input[type=text] {height:28px; border:1px solid #ccc; padding:0 5px; margin-right:10px; margin-bottom:5px;}
div.chart_search table td input[type=checkbox] {height:16px; width:16px; border:1px solid #ccc; margin-left:4px;}
div.chart_search table td select {height:30px; border:1px solid #ccc; padding:0 5px; min-width:70px; margin-right:5px;margin-bottom:5px;}
div.chart_search p {color:#666; text-align:center; padding:20px 0; font-size:13px; border-bottom:1px solid #aaa;}
div.chart_search p a {margin-left:10px; display:inline-block; width:70px; height:34px; line-height:34px; background-color:#666; color:#fff; font-size:13px; font-weight:600; text-align:center; border-radius:5px;}

div.search_output {}
div.search_output h2 {font-size:14px; color:#666; margin-top:-25px; margin-bottom:25px;}
span.black {color:#000;}
span.pink {color:#ff4d83;}
span.blue {color:#2222ff;}
div.search_output li {border-top:1px solid #ccc; padding:50px 0;}
div.search_output h4 {color:#666; font-size:15px; line-height:25px; padding-bottom:10px;}
div.search_output table {}
div.search_output table th {border:1px solid #ddd; padding:12px; font-size:14px; background-color:#f5f5f5;}
div.search_output table td {border:1px solid #ddd; padding:12px; vertical-align:middle;}
div.search_output table td input[type=text] {height:28px; border:1px solid #ccc; padding:0 5px; margin-right:10px;}



.pop-wrap {overflow:hidden; position:fixed; top:50%; left:50%; width:560px; background:#fff; z-index: 10001; border:none}
.pop-wrap.pop_movie {width:500px;}
.pop-wrap.pop_music {width:900px;}
.btnp-close {position:fixed; left:50%; top:50%; margin-top:-155px; margin-left:300px;}
.pop_movie .btnp-close {margin-top:-335px; margin-left:270px;}
.pop_music .btnp-close {margin-top:-335px; margin-left:470px;}

.pop_list {height:670px; text-align:left;}
.pop_list h2 {background-color:#ff7e00; color:#fff; position:relative; height:24px; line-height:24px; padding:0 25px;}
.pop_list h2 span {position:absolute; right:25px; top:6px; font-size:12px; opacity:0.7; }
.pop_list .list_content {height:565px; padding:25px;}
.pop_list .list_content .list_album {height:90px; position:relative; border-bottom:2px solid #dcdcdc; padding-bottom:18px;}
.pop_list .list_content .list_album h3 {position:absolute; left:0; top:0;}
.pop_list .list_content .list_album h4 {padding-left:110px; font-size:20px; font-weight:600; padding-bottom:7px;}
.pop_list .list_content .list_album p {padding-left:110px; font-size:13px; color:#666; line-height:22px;}
.pop_list .list_content .list_album p span {display:inline-block; width:60px;}
.pop_list .list_content .list_text {padding-top:15px; overflow-y:scroll; height:440px; font-size:14px; line-height:24px;}
.pop_list .list_content .list_text.music_img {text-align:center;}
.pop_list h6 {background-color:#e7e7e7; height:31px; line-height:31px; text-align:center; font-size:10px; color:#888;}

#container_sub_1{width:100%;margin-top:15px;}
#bo_sch{display:flex;flex-wrap:nowrap;justify-content: center;}
#bo_sch>form{width:330px;}
#sfl{height:24px;}

/*서브 스타*/
ul.star_menu {height:48px; display:table; border-collapse:collapse; margin-bottom:25px;}
ul.star_menu li {display:table-cell; width:150px; border:1px solid #b7b7b7; text-align:center; line-height:48px; height:48px; box-sizing:border-box;}
ul.star_menu li a {font-size:14px; color:#777; /*font-family:'NanumSquareBold';*/}
ul.star_menu li.on,
ul.star_menu li:hover {border:3px solid #d4ab73;}
ul.star_menu li.on a,
ul.star_menu li:hover a {color:#000;}
ul.star_menu.menu4 li {width:300px;}
ul.star_menu.menu5 li {width:240px;}
ul.star_menu.menu6 li {width:200px;}

div.star_profile {position:relative; margin-bottom:22px; margin-top:65px;}
div.star_profile:after {clear:both; content:""; display:block;}
div.star_profile h2 {float:left; margin-right:50px;}
div.star_profile div.profile_cont {float:left; width:850px;}
div.star_profile div.profile_cont h3 {position:relative; font-size:26px; padding-bottom:12px; margin-bottom:10px; color:#000; /*font-family:'NanumSquareBold';*/ border-bottom:1px solid #d8d8d8;}
div.star_profile div.profile_cont h3 span {position:absolute; right:0; top:0;}
div.star_profile div.profile_cont h3 span a {font-size:14px;}
div.star_profile div.profile_cont ul {}
div.star_profile div.profile_cont ul li {line-height:30px; font-size:14px;}
div.star_profile div.profile_cont ul li span {display:inline-block; font-size:13px; width:100px;}
div.star_profile div.profile_cont dl.btn {position:absolute; right:0; top:55px; width:180px;}
div.star_profile div.profile_cont dl.btn dd {padding-bottom:8px;}
div.star_profile div.profile_cont dl.sns {position:absolute; right:0; bottom:0; height:30px;}
div.star_profile div.profile_cont dl.sns dd {float:left; padding-left:6px;}

ul.star_tab {height:40px; display:table; border-collapse:collapse; margin-bottom:30px;}
ul.star_tab li {display:table-cell; width:240px; border:1px solid #e3e3e3; text-align:center; line-height:40px; box-sizing:border-box;}
ul.star_tab li a {display:inline-block; width:100%; font-size:13px; color:#777;}
ul.star_tab li.on {border-bottom:3px solid #ff0000;}
div#star_detail {}
div#star_detail div {font-size:13px; line-height:24px; color:#666; }
/* #detailContents { max-height: 150px; overflow: hidden; } */
.albumInfoFold {  width: 100%; height: 40px; text-align: center; vertical-align: bottom; }
div#star_song {padding-bottom:50px;}
div#star_video {padding-bottom:50px;}
div#star_video dl {height:280px; margin-left:-52px;}
div#star_video dl dd {float:left; margin-left:52px;}
div#star_video dl dd p {font-size:13px; text-align:center; padding-top:12px;}
div#star_news {padding-bottom:80px;}
div#star_news .news_cont {border-bottom:1px solid #e3e3e3; min-height:400px; text-align:center;}
div#star_news .news_btn {text-align:center; padding-top:25px;}
div#star_news .news_btn a {padding:0 4px;}

/* 앨범 리스트 */
.albumList li { display: block; float: left; min-height: 120px; width: 30%; margin-top: 50; padding: 10px; border-bottom: 1px solid #ededed; }
.albumList li div { display: block; float: left; }
.albumList li .listContents { padding: 3px 0 3px 15px; line-height: 25px; font-weight: 900; font-size: 13px; color: #777; }

/*서브 갤러리*/
div.board_gallery {border-top:2px solid #555; padding-top:35px; margin-top:20px;}
div.board_gallery ul {margin-left:-40px;}
div.board_gallery ul:after {clear:both; content:""; display:block;}
div.board_gallery ul li {float:left; width:270px; margin-left:40px; margin-bottom:30px;}
div.board_gallery ul li h2 {}
div.board_gallery ul li div {border:1px solid #e5e5e5; border-top:0; padding:18px 15px;}
div.board_gallery ul li div h4 {font-size:14px; line-height:22px;}
div.board_gallery ul li div p {font-size:12px; padding-top:8px; color:#666;}

div.paging {text-align:center;}
div.paging a {display:inline-block; width:22px; height:22px; text-align:center; line-height:22px; margin:0 4px; font-size:14px; color:#666;}
div.paging a.on {border:1px solid #dadada;}


/*서브 갤러리 850 */
div.board_gallery850 {border-top:2px solid #555; padding-top:35px; margin-top:20px;}
div.board_gallery850 ul {margin-left:-40px;}
div.board_gallery850 ul:after {clear:both; content:""; display:block;}
div.board_gallery850 ul li {text-align:center; float:left; border:1px solid #e5e5e5; box-sizing:border-box; width:270px; margin-left:25px; margin-bottom:30px;}
div.board_gallery850 ul li h2 {}
/*div.board_gallery850 ul li h2 {font-size:14px;}*/
div.board_gallery850 ul li div {border-top:1px solid #e5e5e5; text-align:left; padding:18px 15px;}
div.board_gallery850 ul li div h4 {font-size:14px; line-height:22px;}
div.board_gallery850 ul li div p {font-size:12px; padding-top:8px; color:#666;}




/*서브 latest*/
div#board_news {width:300px; position:absolute; right:0; top:0; background-color:#f5f6f8;}
div#board_news h2 {}
div#board_news dl {width:270px; margin:0 15px;}
div#board_news dl.border {border-bottom:1px solid #d2d2d2;}
div#board_news dl dt {font-size:18px; font-weight:600; padding:30px 0 16px 0;}
div#board_news dl.border dd {height:77px; padding-bottom:25px;}
div#board_news dl.border dd h4 {float:left; width:120px;}
div#board_news dl.border dd p {float:left; width:150px; font-size:15px; line-height:20px; font-weight:400;}
div#board_news dl.gallery dd {border:1px solid #ddd; margin-bottom:20px;}
div#board_news dl.gallery dd h4 {}
div#board_news dl.gallery dd p {font-size:13px; padding:8px; background-color:#fff;}



#bo_list {min-height:850px;}
#bo_v {min-height:850px;}
#bo_w {min-height:850px;}
#bo_v_atc {line-height:150%;}

.tbl_head01 td {font-size:13px; padding:12px 5px;}
#bo_v_con {font-size:13px;}


table.portal_b {margin-bottom:20px;}
table.portal_b th {padding:15px 0; font-size:15px; border-top:1px solid #6c6c6c; border-bottom:1px solid #6c6c6c; background:none;}
table.portal_b th.blue {color:#303d8b;}
table.portal_b td {border-bottom:1px solid #e8e8e8; padding:15px 0; font-size:15px; background:none;}
table.portal_b td span {padding-left:12px;}
table.portal_b td.center {text-align:center;}
table.portal_b td.blue {color:#303d8b;}
#bo_v_title {border-top:2px solid #999; font-size:18px; padding-top:15px;}
#bo_v_info {padding-bottom:15px;}

/* 검색화면 */
#sch_res_detail {margin-top:10px; background-color:#eee; border-top:1px solid #ccc; padding:20px 0; }
#sch_res_detail select {height:30px; min-width:120px; margin-right:5px;margin-bottom:0;}
#sch_res_detail input.frm_input {height:30px; background-color:#fff !important; margin-right:5px;}
#sch_res_detail input.btn_submit {height:30px; width:60px; font-size:14px; margin-right:5px;}
#sch_result {font-size:13px;}
#sch_res_ov {padding:15px;}
.sch_res_list li {margin:0 0 20px; padding:0 0 20px;}

/* 로그인 */
#login {width:500px; margin:0 auto; padding-top:40px;}
#login h2 {padding-bottom:10px;}
#login h2 input {border:1px solid #ccc; width:468px; height:46px; line-height:46px; font-size:14px; color:#666; padding:0 15px;}
#login h3 {padding-top:10px;}
#login h3 input {width:500px; height:54px; line-height:54px; letter-spacing:1px; font-size:16px; font-weight:600; padding:0;}
#login h4 {font-size:13px; padding:15px 0;}
#login p {border-top:1px solid #ccc; padding-top:20px; margin-top:10px;}
#login p a {display:block; float:left; width:243px; padding:0; text-align:center; line-height:40px; font-size:13px;}
#login p a:first-child {margin-right:10px;}


/* 회원가입 */
.mbskin {width:850px; margin:0 auto; font-size:13px;}
.mbskin #fregister h2 {font-size:22px;}
.mbskin .btn_submit {width:120px; height:40px; line-height:40px; border:1px solid #B78E55; padding:0; font-size:16px; letter-spacing:0; margin:0 4px;}
.mbskin .btn_cancel {width:118px; height:38px; line-height:38px; padding:0; font-size:16px; letter-spacing:0; margin:0 4px;}
.mbskin .tbl_frm01 th {width:100px; padding:18px;}
.mbskin .tbl_frm01 td {vertical-align:middle; padding:12px;}
.mbskin .tbl_frm01 td input {height:26px;}
#reg_mb_password, #reg_mb_password_re {     font-family: 'Noto Sans KR', sans-serif;}






.to_next{display:none;}

.login > li> .ham_button_top{width:35px;height:35px;}

.ham_button_top > ul.ham_bar {
    width: 30px;
    height: 35px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}

.ham_button_top:hover {
    cursor: pointer;
}

.ham_button_top >  ul.ham_bar > li {
    background: #000000ba;
    width: 30px;
    height: 4px;
    margin: 2px 0;
    border-radius: 15px;
}




/* 모바일 햄버튼 */

.ham_box {
    display: none;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.57);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999999;
}


.ham_slide {
    width: 320px;
    height: 100%;
    position: fixed;
    background:#fff;
    border-radius: 78px 0 0 0;
    top: 0;
    right: -325px;
    z-index: 999999999999;
    border-left:4px solid #d3d3d3b3;
    transition:all .6s ease-out;
     overflow-y:scroll

}


.ham_slide.block_slide {
/*    animation-name: ease_trans;  */
    transition:all .6s ease-out;
    right:0;
}

.block_slide_2 {

    animation-name: ease_trans_2;
    animation-duration: .8s;
}
.root_daum_roughmap_landing{width:100%;}

/* ==========================================================        찾아 오시는 길    */


.map_info{margin:10px 0;width:100%;border-bottom:1px solid #ddd;padding:10px 0;}
.map_info > p{font-size:1.3em;width:100%;line-height:22px;font-weight: 600;color:rgba(0, 0, 0, 0.93)}
.map_info> p > .fa-map-location-dot{color:#ff6600}

@keyframes ease_trans {
    from {
        right: -320px
    }

    to {
        right: 0
    }
}

@keyframes ease_trans_2 {
    from {
        right: 0px
    }

    to {
        right: -320px
    }
}

#close_h {
    width: 300px;
    margin: 0 auto;
    height: 110px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

#close_h > a {
    display: flex;
    width: 100%;
    height: auto;
}

#close_h > a > img {
    width: auto;
    height: auto;
    margin: 0 auto;
}

.h_member {
    width: 250px;
    margin-left: 42px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.h_member > li {
    color: #0455b9;
    width: 42%;
    font-size: 15px;
    text-align: left;
    font-family: 'Poppins', sans-serif;
    line-height: 30px;
}

.ALL_menu {
    width: 230px;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 30px auto;
}

.head > a {
    font-size: 18px;
    line-height: 44px;
    font-weight: 600;
}

.h_member > li > a {
    font-family: 'Poppins', sans-serif;
}

.head,a.head {
    font-family: 'Nanum Gothic', sans-serif;
    font-size:17px;
    line-height: 44px;
    font-weight: 600;
    border-bottom: 1px solid rgb(0 31 69 / 17%);
    padding: 0 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
    color: #000000c9;
}

.head:hover {
    cursor: pointer;
    color: #0455b9;
    font-weight: 600;
}
.sec_anch{display:flex;justify-content: space-between}
.sec_anch>i{font-size:9px}
.sec_anch:hover {
    cursor: pointer;
}

.third_anch > li > a {
    font-weight: 600;
    padding: 5px 0;
    font-size: 13px;
    color: #000000c9;
    line-height: 20px;
    font-family:'Nanum Gothic', sans-serif;
}
.third_anch>li>a:hover{color:rgb(4, 85, 185)}
.menu1, .body_1{
    text-align: left;
    width: 100%;
    font-family:'Nanum Gothic', sans-serif;
}

.head > i {
    font-size: 12px;
}

.body_1 {
    display: none;
    height: auto;
}

.body_1 .t_anch {
    display: flex;
    flex-direction: column;
margin-top:-13px;
    height: auto;
}

.body_1 > .t_anch > a {
    display: block;
    text-align: left;
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    font-weight: 600;
    color: #000000c9;
    padding: 0 20px;
}

.body_1 > .t_anch > a:hover {
    color: #0455b9;

}



.ham_slide > ul > li {
    margin: 20px 0;
}

.ham_slide > ul > li > a {
    color: #fff;
    text-decoration: none;
    padding: 100px;
}

.ham_button {
    width: 40px;
    height: auto; 

}

.ham_button > ul.ham_bar {
    width: 30px;
    height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

.ham_button:hover {
    cursor: pointer;
}

.ham_button >  ul.ham_bar > li {
    background: #000000ba;
    width: 30px;
    height: 4px;
    margin: 3px 0;
    border-radius: 15px;
}

.ham_log {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    height: auto;
    width: 230px;
    margin: 0px auto;
}

.ham_log > li {
    width: 49%;
    margin: 2px 0;
}

.ham_log > li > a {
    width: 100%;
    background: #0455b9;
    color: #fff;
    height: 30px;
    border-radius: 3px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center
}

.ham_log > li > a:hover{
    background:#023f8b;
}

.ax_1{transform: rotate(44deg);
    position: absolute;
    top: 22px;   transition: all .4s ease;}

.ax_2{    transform: rotate(44deg);
    position: absolute;
    top: 22px;   transition: all .4s ease;}
.ax_3{position: absolute;
    transform: rotate(136deg);
    top: 21px;   transition: all .4s ease;}



.top_up {
    margin-bottom: 10px;
    transform: rotate(-25deg);
    transition: all .4s ease;
}

.bottom_up {
    margin-top: 10px;
    transform: rotate(25deg);
    transition: all .4s ease;
}
.body_1 .t_anch{width:100%;}
.body_1 .t_anch > p{font-size:15px;font-weight: 600;padding:15px;color:#333}
.body_1 .t_anch > p:hover{background: rgb(4 85 185 / 65%);
    color: #fff;
    border-radius: 22px;}
.body_1 .t_anch  > ul{padding:5px 25px;}
.body_1 .t_anch  > ul{display:none;}
.body_1 .t_anch  > ul > li {padding:5px 0;font-size:14px;}

.swiper-pagination {
    display: none
}

.m_slider_only {
    display: none;
}

#container table tr td {
    padding: 10px 0;
}

.tit_con {
    font-size: 25px;
}

.tit_con_2 {
    font-size: 20px;
    line-height: 35px;
}

.tit_con_3 {
    font-size: 21px;
    line-height: 35px;
}

    .m_only{display:none;}

    .al_gallery_item>a>img{width:100%;height:auto;}
    .ham_account{width:230px;margin:0 auto;
    height:auto;padding:17px 0 0;text-align: center}
    .ham_account>li{font-size:17px;background:#fff;border-radius: 33px;padding:10px;border:2px solid #eee}
    .ham_search{width:230px;margin:0 auto;padding:10px 0;height:28px;}
    .ham_menu .ham_search> .top_search{float: right;
    position: relative;
    height: 38px;
    width: 225px;
    border:2px solid #dbb683;
        border-radius: 30px;
    /*    background: url(../images/common/search_bg.gif) no-repeat;*/
    }
    .top_search input{    width: 180px;
    height: 38px;
    padding-left: 20px;
    font-size: 13px;
    border: none;
    background: none;}

    .top_search p {position: absolute;
    top: 9px;
    right: 16px;}
    .top_search .sch_submit{background: url(images/btn_search.gif) no-repeat;
    text-indent: -9999px;
    width: 19px;
    height: 20px;}



@media (min-width:767px) and (max-width:1200px){
/*    Header     */
    #header .head_cont{width:100%;border-bottom:1px solid #eee;} 
    #header{border-bottom:none;}
    .head_lnb{width:92%;margin:0 4%;display:flex;flex-wrap:nowrap;justify-content: space-between}
    .head_lnb>ul,.head_lnb>.top_search{display:none;}    
    #header .head_cont .head_gnb{width:92%;margin:0 4%;}
    #header .head_cont .head_gnb ul li:nth-child(1){padding:0 10px;}
/*    #header .head_cont .head_gnb ul li:nth-child(2){padding:0 0 0 10px;}*/
    #header .head_cont .head_gnb ul li:nth-child(3){display:none;}
    #header .head_cont .head_lnb{width:92%;margin:0 4%;}
    .ham_button{display:flex;justify-content: center;align-items: center;}
    .m_only{display:flex;}
    .d_only{display:none;}
    .m_search_only{display:none;}
    
    
    
/*     Index 페이지      */
    #container{width:100%;}
    .chart_top{width:92%;margin:30px 4%;}
    ul.main_chart{width:100%;display:flex;flex-wrap:nowrap;justify-content: center;}
    ul.main_chart > li{border-right:none;}
    ul.main_chart > li:last-child{display:none;}

    
    
    }

@media (min-width:481px) and (max-width:768px){

    #header{border-bottom:none;height:auto;border-bottom:1px solid #eee}
    #header .head_cont{width:100%;border-top:1px solid #eee} 
    .head_lnb{width:92%;margin:0 4%;display:flex;flex-wrap:nowrap;justify-content: space-between}
    .head_lnb>ul,.head_lnb>.top_search{display:none;}        
    #header .head_cont .head_gnb{width:92%;margin:0 4%;}
    #header .head_cont .head_gnb ul li:nth-child(1){padding:0 10px;}
/*  #header .head_cont .head_gnb ul li:nth-child(2){padding:0 0 0 10px;}*/
    #header .head_cont .head_gnb ul li:nth-child(3){display:none;}
    #header .head_cont .head_lnb{width:92%;margin:0 4%;}
    .ham_button{display: flex; justify-content: center; align-items: center;}
    .m_only{display:flex;}
    .d_only{display:none;}
    .m_search_only{display:flex;}
    }



@media (min-width:320px) and (max-width:480px){
    .top_search input{width:130px;}
    #header .head_cont{width:100%;border-bottom:1px solid #eee;} 
    #header{border-bottom:none;height:120px;height:auto;}
    .head_lnb{width:92%;margin:0 4%;display:flex;flex-wrap:nowrap;justify-content: space-between}
    .head_lnb>ul,.head_lnb>.top_search{display:none;}
    #header .head_cont .head_gnb{width:98%;margin:0 1%;}
    #header .head_cont .head_gnb ul li:nth-child(1){padding:0 10px;}
/*    #header .head_cont .head_gnb ul li:nth-child(2){padding:0 0 0 10px;}*/
    #header .head_cont .head_gnb ul li:nth-child(3){display:none;}
    #header .head_cont .head_gnb > ul.login > li:nth-child(4){display:none;}
     #header .head_cont .head_lnb{width:92%;margin:0 4%;}
    .ham_button{display: flex;    justify-content: center;    align-items: center;}
    .m_only{display:flex;}
    .d_only{display:none;}
    .m_search_only{display:flex;}
    
  
}




div.chart_weekly {padding:2% 0; border-bottom:8px solid #eee;}
div.chart_weekly div.weekly_tit { text-align:center; font-weight:600; font-size:18px; color:#000; position:relative; margin-bottom:12px; }
div.chart_weekly div.weekly_tit span.point {color:#f80000;}
div.chart_weekly div.weekly_tit span.date {font-size:13px; color:#444; font-weight:400; padding-top:4px; display:block;}
div.chart_weekly div.weekly_tit p {position:absolute; right:0; top:0; font-size:12px;}
div.chart_weekly div.weekly_cont {}
div.chart_weekly div.weekly_cont h2.tit {font-size:16px; color:#515152c; font-weight:bold; text-align:center; padding-bottom:12px;}

div.chart_weekly table .table_title { text-align:left; font-weight:600; font-size:18px; color:#000; position:relative; /*margin-top:12px; */ }

div.chart_weekly div.weekly_cont ul {border-top:2px solid #ddd;width:100%;}
div.chart_weekly div.weekly_cont ul li {width:100%; height:50px; display:table; border-bottom:1px solid #ddd; padding:10px 0;}
div.chart_weekly div.weekly_cont ul li h2 {display:table-cell; width:50px; vertical-align:middle;}
div.chart_weekly div.weekly_cont ul li h2 img {width:50px; height:50px;}
div.chart_weekly div.weekly_cont ul li h3 {font-size:12px; color:#000; font-weight:600; display:table-cell; width:50px; text-align:center; vertical-align:middle;}
div.chart_weekly div.weekly_cont ul li h3 span {font-size:12px; color:#888; padding-top:3px; display:block;}
div.chart_weekly div.weekly_cont ul li h4 {font-size:13px; color:#000; display:table-cell; vertical-align:middle;}
div.chart_weekly div.weekly_cont ul li h4 span {font-size:12px; color:#888; padding-top:5px; display:block;}
div.chart_weekly div.weekly_cont ul li h5 {display:table-cell; vertical-align:middle; width:40px; text-align:center;}
div.chart_weekly div.weekly_cont ul li h5 img {width:24px;}