@CHARSET "utf-8";
@font-face {
font-family:'NotoSansKR';
font-weight:100;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSans-Light.woff') format('woff'); /* 웹 브라우저 버전 */
}
@font-face {
font-family:'NotoSansKR';
font-weight:300;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Regular.woff') format('woff'); /* 웹 브라우저 버전 */
}

@font-face {
font-family:'NotoSansKR';
font-weight:600;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Medium.woff') format('woff'); /* 웹 브라우저 버전 */
}

@font-face {
font-family:'NotoSansKR';
font-weight:800;
font-style:normal;
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.eot'); /* IE9 Compat Modes */
src:url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.otf') format('opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
url('https://cdn.jsdelivr.net/gh/dookie9999/font/NotoSansKR-Bold.woff') format('woff'); /* 웹 브라우저 버전 */
}
body *{font-family:'NotoSansKR';}
body{overflow-x:hidden;}

.btn:focus {
    outline: none;
    box-shadow: none;
}

.form_area .input_style{
width: 432px;
    height: 34px;
    padding: 0 10px;
    line-height: 32px;
    border: 1px solid #000000;
    color: #fff;
    font-size: 13px;
	background: #000;
	color: #fff;
    box-sizing: border-box;
    vertical-align: top;
}
.form_area {
  padding: 0 0 18px 118px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  color: #333333;
  font-size: 13px;
  line-height: 34px;
}

.form_area .tit {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 400;
  font-size: 14px;
  line-height: 1;
  color: #838383;
  line-height: 34px;
  width: 106px;
  text-align: right;
}
.form_area .tit strong{color: #fc145b;}
.form_area .input_style.w216{max-width: 216px;}
.form_area .input_style.w60{max-width: 60px;}
.form_area .input_style.w88{max-width: 88px;}
.form_area .input_style.w200{max-width: 202px;}
.form_area .input_style.w232{max-width: 232px;}
.form_area .input_style.w100{max-width: 100%;width: 100%;}

.form_area .input_style.height{height: 215px;padding: 10px;line-height: 1.4;}
.form_area span{margin: 0 8px;color: #838383;}

.insert_file_target {display:none; }

.select_style {min-width:114px; height:34px; padding:0 22px 0 10px; line-height:32px; font-size:14px; border:1px solid #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../img/icon_combo.png) 95% center no-repeat;    vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
color: #fff;
}
.select_style::-ms-expand {display: none;}
.radios_com label{margin: 0 10px 0 0;height: 25px;display: inline-block;}
.radios_com {display: inline-block; margin: 0 15px 0 0;}
.radios_com input[type="radio"] {display:none; }
.radios_com input[type="radio"] + label {height:24px; padding-left:18px; display:inline-block; position:relative; font-size:14px; color:#969696; line-height:24px; cursor:pointer;}
.radios_com input[type="radio"] + label:before {content:''; width:24px; height:24px; position:absolute; left:0px; top:5px; display:inline-block; background:url(../img/r_off.png) 0 0 no-repeat; }
.radios_com input[type="radio"]:checked + label:before {background:url(../img/r_on.png) 0 0 no-repeat;}
.radios_com input[type="radio"] + label span {font-size:15px; }
.radios_com strong{color: #cac9c9;display: inline-block;font-size: 15px;font-weight:600 ;line-height:32px;margin: 0 15px 0 45px;}
.radios_com .btm_form_box{display: inline-block;height: 25px;vertical-align: middle;}
.radios_com.txt {display: inline-block; margin: 0 0 0 0;}
.radios_com.txt .btm_form_box{vertical-align: top;}
.radios_com.txt input[type="radio"] + label:before { top:7px; }
.radios_com.txt label{margin: 0 16px 0 0;}

.checks_com label{margin: 0 0 10px 0;display: inline-block;}
.checks_com input[type="radio"] {display:none; }
.checks_com input[type="radio"] + label {
    height: 24px;
    padding-left: 20px;
    display: inline-block;
    position: relative;
    font-size: 14px;
    color: #cac9c9;
    line-height: 24px;
    cursor: pointer;
}
.checks_com input[type="radio"] + label:before {content:''; width:24px; height:24px; position:absolute; left:0px; top:6px; display:inline-block; background:url(../img/r_off.png) 0 0 no-repeat; }
.checks_com input[type="radio"]:checked + label:before {background:url(../img/r_on.png) 0 0 no-repeat;}
.checks_com input[type="radio"] + label span {font-size:11px; }
.checks_com span{display: inline-block;font-size: 11px;font-weight:300 ;line-height:24px;}
.header,.header.height{background:#fff;position:fixed;width:100%;left:0;top:0;z-index: 9999;}
.header .inner{max-width: 1200px;margin: 0 auto;position:relative;height:94px;}

.header .inner h1{display:inline-block;padding:29px 0 0;position: relative;z-index: 999;}
.header .inner h1 a{vertical-align: top;display:inline-block;width: 119px;height: 64px;font-size:0 ;background: url(../img/logo.png) 0 0 no-repeat;font-size:0 ;}
.header .inner .info_top {
    position: absolute;
    right: -10px;
    top: 32px;
	z-index: 999;
}
.header .inner .info_top li{display: inline-block;position: relative;}
.header .inner .info_top li a{font-weight:300 ;font-size: 13px;padding: 0 7px;display: inline-block;line-height: 28px;transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;color: #828180;}



.header .depth2 .wrap .cell h2{color: #fff;font-size: 14px;padding: 25px 0 12px;font-weight: 600;}
.header .depth2 .wrap .cell {padding: 0 10px;}
.header .depth2 .cell1_1 ol{position: relative;padding: 8px 0;}
.header .depth2 .cell1_1 ol:after{content: '';position: absolute;height: 1px;background: #2b2b2b;left: 10px;right: 10px;top: 13px;}
.header .depth2 .cell1_1 ol li{width: 10%;float: left;height: 11px;position: relative;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.header .depth2 .cell1_1 ol li span{position: absolute;font-size: 10px;color: #969696;position: absolute;left: 0;bottom: -15px;width: 100%;text-align: center;letter-spacing: -0.5px;}
.header .depth2 .cell1_1 ol li:nth-child(even):before{content: '';position: absolute;width: 10px;height: 10px;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background: #2b2b2b;top: 0px;left: 50%;margin-left: -5px;z-index: 66;}
.header .depth2 .cell1_1 ol li:nth-child(odd):before{content: '';position: absolute;width: 6px;height: 6px;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;background: #2b2b2b;top: 2.2px;left: 50%;margin-left: -3px;z-index: 66;}
.header .depth2 .cell1_1 ol li.on:nth-child(even):before{background: #e71959;}
.header .depth2 .cell1_1 ol li.on:nth-child(odd):before{background: #e6799a;}
.header .depth2 .cell1_1{height: 83px;}

.header .depth2 .wrap_cell{}
.header .depth2 .cell1_2{width: 116px;float: left;}

.header .depth2 .cell1_3{width: 81px;float: left;}

.header .depth2 .radios_com label{font-size: 12px;}

.header .depth2  .radios_com{margin: 0;}
.header .depth2 .wrap{overflow: hidden;height: 240px;z-index: 999;width: 100%;}
.header .depth2 .wrap .cell{float: left;width: 25%;height: 240px;border-left: 1px solid #2a2a2a;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.header .depth2 .wrap .cell.cell2 {width:40%;}
.header .depth2 .wrap .cell.cell3 {width:18%;}
.header .depth2 .wrap .cell.cell4 {width:17%;}
.header .depth2 .wrap .cell4{border-right: 1px solid #2a2a2a;}
.header .depth2 .wrap .cell4 h2 {text-align: center;}
.header .depth2 .wrap .cell4 .list_filter {text-align: center;}
.header .depth2 .wrap .cell4 .list_filter p {font-size: 12px;color:#969696;margin-bottom:10px;}
.header .depth2 .wrap .cell4 .list_filter p.view_more a{font-size: 14px;color:#969696;}
.header .depth2 .wrap .cell4 .list_filter img {width:100px;}

.header .inner .info_top li::after {
    content: '';
    position: absolute;
    left: -1px;
    top: 9px;
    width: 1px;
    height: 13px;
    background: #444444;
}
.header .inner .info_top li:first-child:after{display: none;}

.header .category_list {margin-top:10px;display: none;}
.header .category_list.on {display: block;}

.header  .category_list{overflow: hidden;}
.header  .category_list li{width: 20%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;float: left;padding: 2px 1px;}
.header  .category_list li:first-child{width: 100%;padding-bottom: 3px;}
.header  .category_list li span{cursor:pointer;display: block;background: #2b2b2b;border: 0;color: #8c8c8c;font-size: 12px;line-height: 25px;text-align: center;-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;}
.header  .category_list li span.on,.header  .category_list li span:hover{background: #e71959;color: #fff;}


/*
.header  .list_genre{overflow: hidden;}
.header  .list_genre li{width: 20%;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;float: left;padding: 2px 1px;}
.header  .list_genre li:first-child{width: 100%;padding-bottom: 3px;}
.header  .list_genre li a{display: block;background: #2b2b2b;border: 0;color: #8c8c8c;font-size: 12px;line-height: 25px;text-align: center;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.header  .list_genre li a.on,.header  .list_genre li a:hover{background: #e71959;color: #fff;}
*/

.header .list_filter li{padding: 10px;background: #2b2b2b;position: relative;color: #fff;margin: 0 0 5px;}
.header .list_filter li .edit{position: absolute;right: 35px;top: 9px;}
.header .list_filter li .del{position: absolute;right: 15px;top: 9px;}
.header .list_filter li strong{color: #fc145b;
font-size: 12px;
margin: 0 5px 0 0;}
.header .list_filter li span{color: #5c5c5c;
font-size: 11px;
margin: 0 0 0 5px;}

.header .list_filter li p{color: #969696;
font-size: 12px;
margin: 5px 0 0 0;}

.depth2 .btn_area{}

.m_open { display: none; }
.header_m{display:none;}
.header{background: #151516 url('../img/bg_header.jpg') 0 0 repeat-x;}
.header.on{background: transparent;}
.header.height{background: #151516 url('../img/bg_header.jpg') 0 0 repeat-x;border: 0;   -moz-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.17);
    -webkit-box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.17);
    box-shadow: 0px 4px 11px rgba(0, 0, 0, 0.17);
}
.header.on .inner h1 a{background: url(../img/logo.png) 0 0 no-repeat;}

#gnb .menu{font-size: 15px;color: #fff;padding: 0 18px 0 0;display: inline-block;background: transparent url('../img/arrow_gnb.png') right center no-repeat;}

#gnb:hover .menu{background: transparent url('../img/arrow_gnb_on.png') right center no-repeat;}
.header .depth2{margin-top: 56px;}
.header.on .depth2,.header .depth2{display: none;width: 1200px;height: 303px;}
.header.on.height .depth2,.header.height .depth2{display: block;}
.header.height .inner h1 a{background: url(../img/logo.png) 0 0 no-repeat;}

.header .btn_my{background: url(../img/icon_my.png) 0 0 no-repeat;position: absolute;z-index: 999;width: 19px;height: 19px;font-size: 0;top: 37px;right: 260px;}
.header .btn_my:hover{background: url(../img/icon_my_on.png) 0 0 no-repeat;}


.inner_toon img{width: 100%;}

.wrap_login{max-width: 396px;padding: 18px 10px;margin: 0 auto;}

.wrap_login .btn_area_b .btn_style2 {
    min-width: 100%;
    height: 59px;
    display: inline-block;
    line-height: 57px;

    font-size: 16px;
    color: #e6e6e6;
    font-weight: 600;
    padding: 0 14px;
    border-radius: 5px;
    background-size: cover;
    margin: 0;
}
.wrap_login .input_style{
width: 100%;
height: 59px;
padding: 0 15px;
line-height: 57px;
border: 1px solid #000;
color: #fff;
background: #000;
font-size: 14px;
box-sizing: border-box;
margin: 0 0 11px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wrap_login h2{text-align:center;padding: 0 0 27px;}
.wrap_login .btn_area_b.center {
    padding: 8px 0 0;
}
.wrap_login .btn_area_b.center .btn_style_b {
    display: block;
	font-size: 17px;
    line-height: 50px;
    margin: 0;
}
.wrap_login .member_link{padding: 20px 0px;position: relative;color:#6e6e6e;}
.wrap_login .member_link .checks_com {height: 22px;line-height: 22px;display: inline-block;}
.wrap_login .member_link .checks_com .input_chk {margin-top:-3px;}
.wrap_login .member_link li{display: inline-block;padding: 0 8px;position: relative;line-height: 22px;}
.wrap_login .member_link a{font-weight:300 ;color: #6e6e6e;font-size:13px ;}
.wrap_login .member_link ul{position: absolute;right: 0;/*top: 25px;*/display: inline-block;}


.wrap_login .txt_line strong {
  color: #999999;
  font-size: 13px;
  font-weight: 300;
}
.wrap_pass{max-width: 430px;margin: 0 auto;}
.wrap_pass .form_area{padding-left: 70px;}
.wrap_pass .input_style{width: 330px;}
.btn_style2.no_bg{background:#30374a }
.form_area .checks_com label .icon_19{vertical-align: -2px;}
.form_area .checks_com label{min-width: 108px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 25px 15px 0;
}
.wrap_pass .form_area .tit {
  width: 59px;
}

.wrap_login .txt_line::after {
  top: 6px;
}
.wrap_login .txt_line strong {
  font-size: 18px;
}

.pager { padding: 27px 0 0;overflow:hidden;}
.pager li.direction a{line-height:1}
.pager ol { font-size: 0; text-align: center }
.pager li { display: inline-block; width:29px;margin: 0 3px;  vertical-align: top; }
.pager li > a, .pager li > span, .pager li.current { line-height: 29px;height: 29px; padding: 0 0; display: inline-block; font-size: 12px; vertical-align: top;font-size:12px;font-weight:300; color: #646464;background: #1f1f1f;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;}
.pager li > a{padding:0;margin:0;display: block;}
.pager li.current { color: #1266a0;vertical-align: middle; font-weight: 600;background: #e71959;color: #fff;}
.pager li.prev > a, .pager li.next > a { font-size: 10px; }
.pager li > a.next:hover { }
.pager li.margin_l{margin-left:7px;}
.pager li.margin_r{margin-right:7px;}
.pager li.current  a{color: #fff;background: #e71959;}
.pager li.current  span{
    color: #fff;
    background: #e71959;}
.pager li  span{
    display: block;
    padding: 0;
    margin: 0;
}

#gnb{position: absolute;left: 0;top: 38px;height: 292px;}

#gnb a.menu{
position: absolute;
left: 526px;
top: 0;
width: 75px;
}



.lang {
    position: absolute;
    top: 38px;
	z-index: 999;
}
.lang.notice{right: 292px;}
/*.lang.save{right: 470px;}*/
.lang.save{left: 626px;}
.lang .hide a p{display: inline-block;
	font-size: 12px;
	vertical-align:top;
	width: 190px;overflow: hidden;

	text-overflow:ellipsis;white-space:nowrap;
	color:#fff;cursor: pointer;}
.lang .hide a span{color: #454545;font-size: 11px;font-weight: 100;}
.lang .hide a strong{color: #fc145b;font-size: 12px;margin: 0 5px 0 0;}
.lang .tab{cursor: pointer;}

.lang.save .tab{  font-size: 15px;
  color: #fff;
  padding: 0 18px 35px 0;
  display: inline-block;
  background: transparent url('../img/arrow_gnb.png') right 5px no-repeat;

}
.lang.notice {top: 27px;}
.lang.notice .tab{  font-size: 0;
	width: 15px;height: 18px;
  padding: 0 0 35px 0;
  display: inline-block;
  background: transparent url('../img/icon_noti.png') 0 0 no-repeat;
}
.lang.notice .hide{top: 38px;}
.lang.notice:hover .tab{  font-size: 0;
  background: transparent url('../img/icon_noti_on.png') 0 0 no-repeat;
}
.lang.save:hover .tab{  font-size: 15px;
  background: transparent url('../img/arrow_gnb_on.png') right 5px no-repeat;
}
.lang .hide{display: none;}


/*.lang.notice:hover .hide{display: block;}*/
/*.lang.save:hover .hide{display: block;}*/
.lang .hide{position: absolute;top: 28px;left: -41px;width: 283px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;padding: 15px 10px 15px;background: #252525;-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;}
.lang .hide.market_plick {width:173px !important;}
.lang .hide.market_plick li {margin:0;}
.lang.notice .hide{left: -86px;}
.lang .hide h2{display: block;text-align: center;color: #fff;font-size: 15px;padding: 0 0 15px;}
.lang .hide li{margin: 0 0 13px;color: #fff;}
.menu_quick{position: fixed;right: 32px;bottom: 32px;z-index: 9999;}
.menu_quick li{margin: 0 0 10px;}
.menu_quick img {width:65px;}


.btn_search_top {
    position: absolute;
    right: -21px;
    top: 38px;
    background: url(../img/icon_search.png) 0 0px no-repeat;
    width: 21px;
    height: 21px;
    font-size: 0;
}
.header.on .btn_search_top {background: url(../img/icon_search_w.png) 0 0px no-repeat;}
.header.height .btn_search_top {background: url(../img/icon_search.png) 0 0px no-repeat;}
.header.on .btn_search_top:hover,.header.on .btn_search_top.on,.btn_search_top.on{background: url(../img/icon_search_on.png) 0 0px no-repeat;}
.lang.on .tab{color: #1a9fd9;}
.search_top{width: 350px;padding: 7px;background: rgba(0, 0, 0, 0.44);position: absolute;left: 144px;top: 28px;z-index: 99999;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;border: 1px solid #4b4f54;padding: 7px 15px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.search_top .txt{width: 282px;font-size: 12px;border: 0;background-color: transparent;color: #fff;}
.search_top .btn{display: inline-block;background: url(../img/icon_search_top.png) 0 0px no-repeat;font-size: 0;width: 22px;height: 22px;vertical-align: top;}

#gnb li a.menu{position: relative;}
#gnb li:hover a.menu{color: #00a0e0;}

#gnb ul.depth2 {
    position: absolute;
    top: 69px;
    left: 0px !important;
    margin-left: 0;
    width: 100%;
    padding: 0;
    padding: 15px 3px 15px 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#gnb ul.depth2 li{text-align: center;padding: 0;height: auto;display:block;clear:both;float:none;width:100%;position:relative}
#gnb ul.depth2 li a{color:#454545;border:none;line-height:30px;font-size: 15px;font-weight: 400;display: block;}
#gnb ul.depth2 li a:hover{color: #00a0e0}



/*.slider_main_top,.slider_main_top li{height: 628px;}*/
/*.slider_main_top li{background-size:auto 628px !important}*/
.mobile{display:none !important;}
.pc{display:block !important;}
.slider_main_top li.slide01{background: rgba(0, 0, 0, 0) url("../img/slide_main_1.png") no-repeat scroll center 0px;}
.slider_main_top li.slide02{background: rgba(0, 0, 0, 0) url("../img/slide_main_2.png") no-repeat scroll center 0px;}
.slider_main_top li.slide03{background: rgba(0, 0, 0, 0) url("../img/slide_main_3.png") no-repeat scroll center 0px;}
.slider_main_top li.slide04{background: rgba(0, 0, 0, 0) url("../img/slide_main_4.png") no-repeat scroll center 0px;}
.slider_main_top li.slide05{background: rgba(0, 0, 0, 0) url("../img/slide_main_5.png") no-repeat scroll center 0px;}
.slider_main_top li.slide06{background: rgba(0, 0, 0, 0) url("../img/slide_main_6.png") no-repeat scroll center 0px;}

/*.main_album {background: rgba(0, 0, 0, 0) url("../img/main_album_bg_2.png") repeat scroll center 0px;}*/
.album_pr {
    /*padding-top: 50px;
    padding-bottom: 50px;*/
}
.album_pr .album_main_top {position: relative;}
.album_pr .album_div {width: 100%;
    text-align: center;}
.album_pr li {    /*border: 1px solid #4de90a;*/
    display: inline-block;
    width: 220px;
    margin-right: 10px;
    color: #cccccc;
    vertical-align: top;
}
.album_pr li:last-child {
    margin-right: 0px;
}
.album_li .album_img_div {    position: relative;
    height: 180px;
    width: 180px;
    overflow: hidden;    border-radius: 10px;}
.album_li .album_img_div .album_img {height:180px;    width: 180px;}
/*
.album_li .album_img_div .osp_btn {
    display: none;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background-color: #171717;
    opacity: 0.7;
}*/

.album_li .album_name {margin-top: 10px; height: 20px; text-align: center; line-height: 20px;font-size: 16px;font-weight: 700;white-space: nowrap;text-overflow: ellipsis;display: inline-block;overflow: hidden;width: 100%;color: #cccccc;}
.album_li .album_artist {height: 20px; text-align: center; line-height: 20px;font-size: 11px;color: #9b9b9b;margin-top:3px;white-space: nowrap;text-overflow: ellipsis;display: inline-block;overflow: hidden;width: 100%;}
.album_li .album_release {height: 20px; text-align: center; line-height: 20px;}
.album_li .album_btn {margin-top: 10px;}
.album_li .album_btn img {margin-right:8px;}
.album_li  .btn_style { background: #000;color: #ccc;font-size: 12px;line-height: 40px;height: 40px;-webkit-border-radius: 25px;
    -moz-border-radius: 10px;
    border-radius: 10px;  min-width: 100px; width:80%;}

.album_li .album_img_div .osp_btn {
    padding: 0 2.2em;
    top: auto;
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: rgba( 0, 0, 0, 0.6 );
    color: #3c4a50;
    /*-webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);*/
}

.album_li .osp_btn {margin-top: 10px;}
.album_li .osp_btn img {width:30px;}
.album_li .osp_btn a {/*margin-right:15px;*/display:inline-block;cursor: pointer;}
.album_li .osp_btn a:last-child {margin-right: 0px;}


/*

.album_li .album_img_div:hover .osp_btn,
.album_li .album_img_div:hover .osp_btn a {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.album_li .album_img_div .osp_btn a {
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,200%,0);
    transform: translate3d(0,200%,0);
}
.album_li .album_img_div .osp_btn a span::before {
    display: inline-block;
    padding: 8px 10px;
    font-family: 'feathericons';
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.album_li .album_img_div:hover .osp_btn a:nth-child(4) {
    -webkit-transition-delay: 0.15s;
    transition-delay: 0.15s;
}

.album_li .album_img_div:hover .osp_btn a:nth-child(3) {
    -webkit-transition-delay: 0.125s;
    transition-delay: 0.125s;
}

.album_li .album_img_div:hover .osp_btn a:nth-child(2) {
    -webkit-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.album_li .album_img_div:hover .osp_btn a:first-child {
    -webkit-transition-delay: 0.075s;
    transition-delay: 0.075s;
}
*/



.slider_main_top{position: relative;
/*background: rgba(0, 0, 0, 0) url("../img/bg_main.jpg") no-repeat scroll center 0px;*/
background: rgba(0, 0, 0, 0) ;
-webkit-background-size: cover;
background-size: cover;
    max-width: 1200px;
    margin: 0 auto;
    padding: 112px 0 30px 0;
}
.slider_main_top  .banner_txt {
    position: absolute;
    margin-top: 20px;
    margin-left: 40px;
    font-size: 30px;
    color: #fff;
    font-weight: 700;
}
.slider_main_top .banner_song_div {
    position: absolute;
    display: block;
    bottom: 0px;
    width: 100%;
    background-color: #323232;
    opacity: 0.8;
    color: #fff;

}
.slider_main_top .banner_song_list {
    text-align: left;
    height: 40px;
    padding-left: 20px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    max-width: 80%;
    float: left;
}
.slider_main_top .banner_song_etc {
    float: left;
    height: 30px;
    line-height: 30px;
    margin-left: 10px;
}

.slider_main_top .bx-wrapper .bx-pager {
	z-index:999;
	position:absolute;
	left:0;
	bottom:0px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	width: 100%;
}

.slider_main_top .bx-wrapper .bx-pager .bx-pager-item,
.slider_main_top .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.slider_main_top .rollingbanner {
    position: absolute;
    display: block;
    bottom: 0px;
    width: 100%;
    background-color: #323232;
    opacity: 0.8;
    color: #fff;

}
.slider_main_top .banner_song_list {
    text-align: left;
    height: 30px;
    padding-left: 20px;
    line-height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    overflow: hidden;
    max-width: 80%;
    float: left;
}

/* 배너 컨테이너 */
.rollingbanner{
    /*position: relative;
    width: 380px;
    height: 32px;
    padding: 7px 15px;
    font-size: .875rem;
    border-radius: 16px;
    letter-spacing: -1px;
    box-sizing: border-box;
    background-color: #f0f0f0;*/
    height:40px;
    line-height: 40px;
    padding-left: 20px;
}
/* 타이틀 */
.rollingbanner > .title{
    font-weight: bold;
    float: left;
    padding-right: 10px;
}
/* 롤링 배너 */
.rollingbanner > .wrap{
    position: relative;
    width: auto;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.rollingbanner ul{
    list-style: none;
}
.rollingbanner li{
    position: absolute;
    top: -36px;
    left: 0;
}
/* 이전, 현재, 다음 롤링 배너 표시 */
.rollingbanner li.prev{
    top: 36px;
    transition: top 0.5s ease;
}
.rollingbanner li.current{
    top: 0;
    transition: top 0.5s ease;
}
.rollingbanner li.next{
    top: -36px;
}
.rollingbanner a{
    display: block;
    display: -webkit-box;
    text-decoration: none;
    -webkit-line-clamp: 1;
    -webkit-box-orient:vertical;
    overflow: hidden;
    color: #000;
}
/* 반대 방향으로 진행 */
.rollingbanner.reverse li.prev{
    top: -36px;
    transition: top 0.5s ease;
}
.rollingbanner.reverse li.next{
    top: 36px;
}



.section.list_main{margin: 0 auto;max-width: 1200px;margin: 0 auto;}

.section.list_main .list_img_main {
    /*margin-left: -26%;
    margin-right: -25%;*/
}

.list_img_main .bx-controls-direction a{display:inline-block;width:40px;height:40px;position:absolute;top:209px;font-size:0;z-index: 999;}
.list_img_main .bx-controls-direction .bx-prev{background: url(../img/prev_slide.png) no-repeat;left:-75px;}
.list_img_main .bx-controls-direction .bx-next{background: url(../img/next_slide.png) no-repeat;right:-75px;}


.album_main_top .bx-controls-direction a{display:inline-block;width:40px;height:40px;position:absolute;top:80px;font-size:0;z-index: 999;}
.album_main_top .bx-controls-direction .bx-prev{background: url(../img/prev_slide.png) no-repeat;left:-10px;}
.album_main_top .bx-controls-direction .bx-next{background: url(../img/next_slide.png) no-repeat;right:-15px;}


body{background: #141414;height:100%;}
.section.list_main{position: relative;}
.section.list_main:before{left: 0;top: 0;position: absolute;width: 308px;height: 100%;left: -320px;content: '';background: rgba(20, 20, 20, 0.85);z-index: 1;}
.section.list_main:after{top: 0;position: absolute;width: 298px;height: 100%;right: -310px;content: '';background: rgba(20, 20, 20, 0.85);z-index: 1;}
.list_img_main{position: relative;    height: auto;}
.section.list_main .list_img_main{position: static;}
.section.list_main .list_img_main li{width: 283px;margin: 0 10px;}
.slider_main_top .bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	text-indent: -9999px;
	display: block;
	width: 6px;
	height: 6px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.list_img_main .btn_list .btn_list{
    /*background: url(../img/icon_list.png) 0 0 no-repeat;
    padding: 0 0 25px;
    width: 20px;
    height: 16px;
    right: 5px;
    font-size: 0;
    top: 2px;*/
    position: absolute;
    z-index: 9;
    cursor: pointer;
    display: inline-block;
    right: 0px;
    top: 1px;
    color: #969696;
    line-height: 16px;
    border: 1px solid #969696;
    border-radius: 7px;
    font-size: 9px;
    padding: 0 5px;
}

.tit_sub .btn_more{position: absolute;right: 5px;font-size: 13px;color: #5f5f5f;top: 72px;}

.my_modi{background: #0f0f0f;border: 1px solid #232323;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;padding: 26px 0;text-align: center;margin: 0 0 29px;}

.list_info{overflow: hidden;width: 110%;}
.list_info .cell{width: 588px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;background: #0f0f0f;border: 1px solid #232323;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;padding: 29px 0;text-align: center;margin: 0 25px 0 0;float: left;position: relative;}

.list_info .cell.apply_cell li{width: 33%;float: left;position: relative;}
.list_info .cell li{width: 25%;float: left;position: relative;}
.list_info .cell .label{background: #232323;
color: #828181;
padding: 0 6px;
line-height: 19px;
height: 22px;
position: absolute;
top: 0px;
left: 0px;}


.list_info .cell li::after {
  content: '';
  position: absolute;
  left: -1px;
  top: 0px;
  width: 1px;
  height:20px;
  background: #444444;
}
.list_info .cell li:first-child:after{display: none;}
.list_info .cell li a{font-size: 16px;color: #fff;font-weight: 600;}
.list_info .cell li a strong{font-size: 16px;color: #e61454;margin: 0 0 0 5px;}

.my_modi .icon{width: 52px;
height: 52px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
display: inline-block;vertical-align: -19px;}
.my_modi .icon img {
  width: 52px;
  height: 52px;
}
.my_modi .subject{color: #717171;font-size: 14px;display: inline-block;margin: 0 5px 0 10px;}
.my_modi .subject strong{color: #fff;font-size: 18px;}

.my_modi .btn_style4 {
  background: #e71959;
  color: #fff;
  border: 1px solid #313131;
  background: #101010;
  color: #848485;
  font-size: 12px;
  height: 28px;
  line-height: 25px;
  min-width: 74px;
  vertical-align: 2px;

}
.list_img_main .btn_list .hide {
  position: absolute;
top: 38px;
right: -150px;
  width: 216px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 10px 10px;
  background: #252525;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  z-index: 99999;
  color: #fff;
  line-height: 1.5;
  font-size: 11px;
  font-weight: 200;
}
.list_img_main .btn_list .hide{display: none;}
.list_img_main .bx-viewport{}
/*.list_img_main .btn_list:hover .hide{display: block;}*/



.slider_main_top .bx-wrapper .bx-pager.bx-default-pager a:hover,
.slider_main_top .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #e71959;
}

.slider_main_top  .bx-controls-direction a{display:inline-block;width:50px;height:50px;position:absolute;top:55%;/*margin-top:-25px ;*/font-size:0;z-index: 999;}
.slider_main_top  .bx-controls-direction .bx-prev{background: url(../img/prev_slide.png) no-repeat;left:-25px;}
.slider_main_top  .bx-controls-direction .bx-next{background: url(../img/next_slide.png) no-repeat;right:-35px;}


.slider_main_top .ment{z-index: 999;position: absolute;top: 50%;text-align:center;width: 100%;}
.slider_main_top .ment *{color: #fff;}
.slider_main_top .ment{margin-top:-100px ;}
.slider_main_top .ment p.txt1{
padding: 0 28px;
color: #fff;
font-size: 22px;
display: inline-block;
background: #e71959;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
line-height: 45px;
}
.slider_main_top .ment p.txt1 strong{font-size: 22px;}

.slider_main_top .ment p.txt2{
padding: 0 28px;
color: #fff;
font-size: 49px;
line-height: 1.4;
font-weight: 200;
padding: 22px 0 0;
}
.slider_main_top .ment p.txt2 strong{font-size: 49px;font-weight: 700;}




.scroll_down{position: absolute;left: 0;bottom: 43px;text-align:center;width: 100%;z-index:999}

.container{padding: 94px 0;max-width: 1200px;margin: 0 auto;}

.footer{}
.footer .inner {
    max-width: 1150px;
    margin: 0 auto;
    position: relative;
	text-align: center;
    padding: 25px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.footer h1{position: absolute;left: 0;top: 37px;}
.footer strong{color:#999999;font-weight: 600;font-size: 14px;}
.footer .copy{color:#999999;font-weight: 300;font-size: 13px;padding: 7px 0 0;display: block;line-height:20px;}
.footer .address{color:#999999;font-weight: 100;font-size: 13px;line-height:24px;}
.footer .menu_tail{margin: 0 0 20px;}
.footer .menu_tail li{display: inline-block;padding: 0 41px 0 0 ;position: relative;}
.footer .menu_tail li::after {
    content: '';
    position: absolute;
    right: 17px;
    margin-left: 0;
    top: 0;
    width:1px;
    height: 15px;
    background: #525252;
}
.footer .menu_tail li:last-child::after{display: none;}
.footer .menu_tail li a{color:#fff;font-weight: 600;font-size: 14px;}
.wrap_ment_ov{overflow: hidden;padding: 57px 0 0;}
.wrap_ment_ov .left{float: left;width: 684px;}
.wrap_ment_ov .right{float: right;width: 440px;}
.wrap_ment_ov h3{color:#2a2d35;font-weight: 800;font-size: 20px;padding: 0 5px 20px;border-bottom: 2px solid #2a2d35;}


.sub_cont .list_icon{overflow: hidden;}
.sub_cont .list_icon li{width: 33.33%;float: left;text-align: center;position: relative;}
.sub_cont .list_icon li .icon{padding: 0 0 25px;}

.sub_cont .list_icon li strong{color:#f54725;font-weight: 600;font-size: 17px;display: block;padding: 0 0 10px;}
.sub_cont .list_icon li p{font-weight: 300;font-size: 14px;display: block;line-height: 20px;}

.sub_cont .list_icon li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 55px;
    width: 1px;
    height: 87px;
    background: #d4d5d7;
}
.sub_cont .list_icon li:first-child:after{display: none;}


.map{border: 1px solid #e8e8e8;}
#container{padding: 82px 0 150px;}
.sub_top {
    height: 307px;
    background-size: cover !important;
    text-align: center;
	background: url(../img/sub_top_c.jpg) center center no-repeat;
	color:#fff;font-weight: 800;font-size: 45px;
}
.sub_top strong{display: block;color: #fff;font-size: 42px;padding: 104px 0 24px;font-weight: 800;}
.sub_top p{display: block;font-size: 14px;line-height: 22px;font-weight: 100;}

.sub_top.re {
	background: url(../img/sub_top_re.jpg) center center no-repeat;
}
.sub_top.buss {
	background: url(../img/sub_top_b.jpg) center center no-repeat;
}
.sub_top.sol {
	background: url(../img/sub_top_sol.jpg) center center no-repeat;
}


.submenu {
    background: #FFF;
	border-bottom: 1px solid #e3e3e3;
}
.submenu .inner{max-width:1200px;margin:0 auto;text-align: center;}
.submenu li a{display: block;padding: 22px 0;font-size: 17px;color: #b5b5b5;font-weight: 400;position: relative;}
.submenu li{box-sizing:border-box;height: 62px;padding: 0 31px;display:inline-block;position:relative;}
.submenu li{padding:0 27px 0 17px;vertical-align: top;}

.submenu li:first-child:after{display: none;}
.submenu li.active a{color: #000;}
.submenu li.active a:after{content: '';width: 100%;height: 3px;background: #f84513;position: absolute;left: 0;top: 60PX;}



.submenu .menu_list li{background:none;line-height:42px;border:0;border-bottom:1px solid #d7d6d6;}
.submenu .menu_list li a{color:#000000;font-size:13px;}
.submenu li a.tab{display:block;color:#ffffff;font-size:14px;font-weight:300;background: url('../img/arrow_submenu.png') 95% center no-repeat;}

.submenu .menu_list li{float:none;display:block;}
.submenu .menu_list li:last-child{padding:0;}
.submenu .menu_list li{padding:0;min-width:auto;}
.submenu .menu_list a{background:none;padding:0 19px;}
.wrap_cell_n{overflow: hidden;}
.wrap_cell_n .cell{width: 568px;float: left;}
.wrap_cell_n .cell.right{float: right;}
.tit_sub {
color:#fff;font-weight: 600;font-size: 22px;
padding: 60px 0 27px;
position: relative;
}
.tit_sub p{margin: 15px 0 0;color: #2a2d35;font-size: 18px;font-weight: 400;}

.wrap_cell .cell1{width: 528px;float: left;}
.wrap_cell .cell2{width: 614px;float: right;}
.wrap_cell .cell2 .box{background: #f8f7f7;border: 1px solid #e7e7e7;text-align: center;padding: 20px 0 0;}
.wrap_cell .cell2 .box strong{color:#2a2d35;font-weight: 800;font-size: 16px;display: block;padding: 0 0 5px;}
.wrap_cell .cell2 .box p{color: #707071;font-size: 14px;padding: 0 0 20px;}

.list_qa{border-top: 1px solid #353535;}
.list_qa .item{padding: 36px 18px;color: #969696;font-size: 13px;line-height: 1.5;background: #101010;border-bottom: 1px solid #353535;display: none;}
.list_qa .tab{display: block;padding: 17px 18px;color: #dedede;font-size: 14px;line-height: 1.5;background: #1b1b1b url('../img/icon_qa_plus.png') 98% center no-repeat;border-bottom: 1px solid #353535;cursor: pointer;}
.list_qa .tab.active{background: #1b1b1b url('../img/icon_qa_plus_on.png') 98% center no-repeat;}


.tit_s{text-align: center;padding: 79px 0 34px;}
.tit_s strong{
text-transform: uppercase;
height: 43px;
display: inline-block;
line-height: 43px;
background: #2a2d35;
font-size: 18px;
text-align: center;
color: #fff;
padding: 0 35px;
font-weight: 800;
vertical-align: top;
border-radius: 25px;
margin: 0 5px;}
.sub_cont p,.sub_cont p span{
    font-size: 15px;
    color: #2a2d35;
    line-height: 24px;
    padding: 0 0 30px;
    font-weight: 300;
}
.sub_cont p span{color: #f54725; font-size: 15px;font-weight: 300;}
.sub_cont p strong{font-weight: 600;}
.sub_cont .txt1 {
    font-size: 25px;
    color: #2a2d35;
    font-weight: 800;
	line-height: 40px;
    padding: 0 0 25px;
	letter-spacing:-1px
	text-transform: uppercase;
}
.bg_ov{
background-size: 100% auto !important;
background: url(../img/bg_over.jpg) center bottom no-repeat;}
.sub_cont .txt1 span{font-size: 25px; color: #2a2d35;}
.list_ov li{font-size: 16px;
    color: #2a2d35;
    line-height: 28px;
    font-weight: 300;}
.list_ov li strong{font-size: 16px;
    color: #f54725;
    line-height: 28px;
    font-weight: 800;}
.sub_cont .txt2 {
    font-size: 16px;
    color: #1266a0;
    font-weight: 600;
    padding: 0 0 22px;
	line-height: 25px;
}
.sub_cont .txt3 {
    font-size: 18px;
    color: #1266a0;
    font-weight: 600;
    padding: 0 0 0;
	line-height: 25px;
}
.sub_cont{max-width: 1200px;margin: 0 auto;}
.sub_cont .mb0{padding-bottom:0 !important ;}
.sub_cont .mt0{padding-top:0 !important ;}
.sub_cont .section{overflow: hidden;position: relative;}
.sub_cont.sub0101 .img{width: 289px;float: left;text-align:center;}
.sub_cont.sub0101 .ment{width: 833px;float: right;}
.sub0101 p{font-size: 15px;}
.sub_cont.sub0101 .img p{color:#5c5c5c;font-weight: 300;font-size: 13px;padding: 23px 0 7px;}


.banner_contact{text-align: center;background: #f8f9fa;border-top:1px solid #e4e4e4 ;padding: 56px 0 40px;}
.banner_contact .btn_style{color: #7f8186;background: #fff;border-color: #c7c7c7;}
.banner_contact .btn_style:hover{color: #fff;}

.banner_contact p{font-size: 16px;
color: #2a2d35;
line-height: 25px;
padding: 0 0 15px;
font-weight: 300;}
.banner_contact p strong{font-size: 16px;color: #f54725;font-weight: 600;}
.banner_contact p strong.color{font-size: 16px;color: #2a2d35;font-weight: 600;}

.table_style1{border-bottom:0;overflow-x: auto;}
.table_style1 table {width:100%; }
.table_style1 table th {padding:15px 10px; font-size:15px; color:#2a2d35;  border-bottom:1px solid #dbdbdb; font-weight:600 ;text-align: left;}
.table_style1 table td {padding:11px 15px; color:#696c71; font-weight:300 ;font-size:15px; border-bottom:1px solid #dadada; text-align:left;line-height:20px}
 .table_style1 table td strong{ font-weight:600 ;font-size:15px;}
 .table_style1.mt{margin-top: 44px;}
  .table_style1 table td span{font-size:15px;}
.table_style1 table tr td:first-child,.table_style1 table tr:first-child th:first-child{border-left:0;}
.table_style1 table tr td.bo_l{border-left:1px solid #dadada;}
.table_style1.center table td{text-align:center;}
.table_style1 table td.txt_l{text-align:left;}
.table_style1 table .bg td{background:#f9f9f9;font-weight:600 ;}

.table_style1.dividend table td,.table_style1.dividend table tr td.bo_l{text-align:right;}
.table_style1.dividend table td:last-child,.table_style1.dividend table td:first-child{text-align:center;}

.table_style1.dividend2 table{margin: 28px 0;}
.table_style1.dividend2 table td:last-child{text-align:right;}

.table_style1.dividend table tr td.center {
    text-align: center;
}
.table_style1.pointer table tr{cursor:pointer}
.btn_area_b.center{text-align: center;padding: 65px 0 0;}
.tit_presence2 p{padding: 0;display: inline-block;}
.tit_presence2 p span{color: #1266a0;}
.txt_blue{color: #1366a0 !important;}
.table_style2{border-bottom:0;margin: 42px 0 28px;}
.table_style2 table {width:100%; border-top:2px solid #272526;}
.table_style2 table th {padding:15px 10px; font-size:16px; color:#000000; border-bottom:1px solid #dadada; font-weight:600 ;text-align:center;line-height: 150%;text-align: left;}
.table_style2 table td {padding:8px 15px; color:#000000; font-weight:300 ;font-size:14px; border-bottom:1px solid #dadada; line-height:34px}

.table_style2 .label_check{font-size: 14px;color: #2a2d35;padding: 5px 0;display: block;}
.table_style2 .input_style{
width:100%;
height: 34px;
padding: 0 10px;
border: 1px solid #d2d2d2;
color: #8a8b8d;
background:#fafafa ;
box-sizing: border-box;
vertical-align: top;
}
.table_style2 .txt{height: 139px;line-height: 30px;
border: 1px solid #d2d2d2;
color: #333333;
font-size: 13px;
background: #fafafa;
overflow-y: auto;
white-space:pre-line;
padding: 10px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #8a8b8d;
line-height: 20px;
}
.table_style2 .input_style.height{height: 139px !important;padding: 10px;}
.table_style2 .input_style.w96{width: 96px ;}

.table_style2 table td .txt_gray{margin: 0 0 0 5px;color: #bababa;font-size: 13px;font-weight:300 ;}

.sub_cont .list_dot li{position: relative;padding: 0 0 0 9px;font-size: 14px;color: #2a2d35;font-weight: 300;line-height:28px;text-align: left;}
.sub_cont .list_dot li strong{font-size: 14px;font-weight: 600;}

.sub_cont .wrap_list{overflow: hidden;}
.sub_cont .list_dot{width: 50%;text-align: center;float: left;overflow: hidden;position: relative;}
.sub_cont .list_dot ul{display: inline-block;}
.sub_cont .list_dot2:after {
    content: '';
    position: absolute;
    left: 0;
    top: 25px;
    width: 1px;
    height: 87px;
    background: #d4d5d7;
}
.list_img2{text-align: center;overflow: hidden;width: 105%;}
.list_img2 li{display: inline-block;float: left;}
.list_img4{text-align: center;overflow: hidden;width: 105%;}
.list_img4 li{display: inline-block;float: left;margin: 25px 22px 0 0;}
.sub_cont .list_dot li::after {
    content: '';
	
    position: absolute;
    left: 0;
    top: 12px;
    width: 4px;
    height: 4px;
    background: #f84513;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.sub_cont .box_txt{background: #f8f7f7;border: 1px solid #e7e7e7;text-align: center;padding: 30px 10px 0;margin: 50px 0 0;}
.sub_cont .box_txt h4{color:#f54725;font-weight: 300;font-size: 15px;display: block;padding: 0 0 5px;}
.sub_cont .box_txt strong{color:#f54725;font-weight: 800;font-size: 15px;}
.sub_cont .box_txt p{color: #707071;font-size: 14px;padding: 0 0 30px;}


.table_style1 table tbody th{background:transparent}


.sub_cont .list_img{margin: 13px 0 0;overflow: hidden;width: 110%;padding: 0 0 13px;}
.sub_cont .list_img li{width: 565px;float: left;margin: 0 70px 0 0;}

.sub_cont .list_img li strong{display: block;text-transform: uppercase;padding: 23px 0 0;color:#f54725;font-weight: 600;font-size: 17px;}

.sub_cont .list_img li p{padding: 13px 0 0;font-weight: 400;font-size: 14px;}

.sub_cont .list_img3{margin: 0px 0 0;overflow: hidden;width: 110%;padding: 0 0 13px;}
.sub_cont .list_img3 li{width: 364px;float: left;margin: 0 52px 0 0;}

.sub_cont .list_img3 li strong{display: block;text-transform: uppercase;padding: 23px 0 0;color:#f54725;font-weight: 600;font-size: 17px;}

.sub_cont .list_img3 li p{padding: 13px 0 0;font-weight: 400;font-size: 14px;}



.sub_cont .list_ment{margin: 0px 0 0;overflow: hidden;width: 110%;padding: 0 0 13px;}
.sub_cont .list_ment li{width: 253px;float: left;margin: 0 60px 54px 0;position: relative;overflow: hidden;}
.sub_cont .list_ment .img{border: 1px solid #dcdcdc;}
.sub_cont .list_ment .img img{width: 251px;height: 348px;}
.sub_cont .list_ment li .tit{display: block;text-transform: uppercase;padding: 0px 0 12px;color:#fff;font-weight: 600;font-size: 15px;position: relative;line-height: 20px;}
.sub_cont .list_ment li dd::after {
    content: '';
    position: absolute;
    left: 0;
    top: 13px;
    width: 2px;
    height: 2px;
    background: #ec4619;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.sub_cont .list_ment li dd{padding: 0 0 0 8px;font-weight: 300;font-size: 13px;color: #fff;position: relative;line-height: 25px;}
.sub_cont .list_ment .ment{position: absolute;bottom: -100%;width: 100%;padding: 27px 21px;background: rgba(0, 0, 0, 0.78);-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;}

.sub_cont .list_ment a:hover .ment{bottom: 0;}


.sub_cont .list_re{margin: 0px 0 0;overflow: hidden;width: 110%;padding: 0 0 13px;}
.sub_cont .list_re li{width: 581px;height: 217px;float: left;margin: 0 60px 45px 0;position: relative;background: #f8f7f7;border: 1px solid #e7e7e7;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 21px 15px 21px 315px;
}
.sub_cont .list_re .img{position: absolute;left: 0;top: 0;}
.sub_cont .list_re .img img{width: 287px;height: 216px;}
.sub_cont .list_re li .tit{display: block;text-transform: uppercase;padding: 0px 0 12px;color:#2a2d35;font-weight: 800;font-size: 17px;position: relative;margin: 0 0 10px;}
.sub_cont .list_re li .tit::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 27px;
    height: 1px;
    background: #f84513;
}
.sub_cont .list_re li dl{line-height: 22px;}
.sub_cont .list_re li dl dt{display: inline;font-weight: 600;font-size: 14px;color: #6c6c6d;}

.sub_cont .list_re li dl dd{display: inline;font-weight: 400;font-size: 14px;color: #6c6c6d;}

.pointer {cursor: pointer;}
.btn_area {
    padding: 9px 0 20px;
    text-align: center;
    overflow: hidden;
    position: relative;
}
.btn_style {
    min-width: 99px;
    height: 31px;
    display: inline-block;
    line-height: 30px;
    background: transparent;
    font-size: 15px;
    text-align: center;
    color:#fff;
    font-weight: 400;
    vertical-align: top;
    border-radius: 5px;
    margin: 0 5px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
	transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.btn_style1{background: #000;color: #969696;font-size: 14px;}
.btn_style2{background: #e71959;color: #fff;font-size: 14px;}
.btn_style3{background: #e71959;color: #fff;font-size: 14px;line-height: 45px;height: 48px;-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;  min-width: 140px;}

.btn_style4{border: 1px solid #313131;background: #101010;color: #848485;font-size: 13px;height: 34px;line-height: 32px;}
.btn_style4.on {background: #e71959;color: #fff;border: 1px solid #e71959;}


.btn_style5{max-width: 181px;width: 181px;background: #e71959;color: #fff;font-size: 16px;border: 1px solid #e71959;color: #fff;font-size: 16px;height: 58px;line-height: 56px;}
.btn_style5.no_bg{background-color: transparent;color: #969696;border-color: #969696;}


.btn_style6{max-width: 100%;width: 100%;background: #fff;color: #000;font-size: 16px;border: 1px solid #fff;color: #000;font-size: 15px;height: 46px;line-height: 44px;}
.btn_style7 {background: #e71959;color: #fff;font-size: 14px;}


.depth2 .btn_area {
  padding: 18px 0 20px;
}


.wrap_join .section .checks_com input[type="checkbox"] {display: none;}
.wrap_join .section .checks_com input[type="checkbox"] + label::before {
  content: '';
  width: 24px;
  height: 24px;
  position: absolute;
  left: 0px;
  top: 6px;
  display: inline-block;
  background: url(../img/icon_agree.png) 0 0 no-repeat;
}
.wrap_join .section .checks_com input[type="checkbox"]:checked + label::before {
  background: url(../img/icon_agree_on.png) 0 0 no-repeat;
}

.wrap_join .txt {
  color: #646464;
  font-size: 13px;
  font-weight: 300;
  line-height: 26px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px 21px;
  overflow-y: auto;
  height: 186px;
  border: 1px solid #1e1e1e;
  margin: 14px 0 0;
  white-space: pre-line;
  background: #1e1e1e;
}
.wrap_join .checks_com input[type="checkbox"] + label {
      height: 24px;
      padding-left: 25px;
      display: inline-block;
      position: relative;
      line-height: 27px;
      cursor: pointer;
      margin: 15px 0 0px;
      color: #cac9c9;
    font-size: 14px;
}
.wrap_join .checks_com input[type="checkbox"] + label span{color: #fc145b;}
.wrap_join .section{border-top: 1px solid #212121;padding-top: 20px;margin-top: 20px;}
.btn_area_b{text-align:right;padding: 25px 0 0;}

.txt_line{text-align: center;position: relative;margin: 30px 0 30px;}
.txt_line:after{content: '';width: 100%;left: 0;top: 10px;height: 1px;background: #212121;position: absolute;}
.txt_line strong{display: inline-block;padding: 0 10px;background: #141414;color: #e6e6e6;font-size: 20px;font-weight: 600;position: relative;z-index: 1;}
.list_sns{text-align: center;}
.list_sns li{display: inline-block;margin: 0 15px;}
.list_img_main .img{position: relative;}
.list_img_main .img img{width: 283px;height: 161px;}
.list_img_main .img .time{background: rgba(0, 0, 0, 0.85);color: #fff;padding: 0 6px;line-height: 19px;height: 22px;position: absolute;top: 5px;right: 5px;}
.list_img_main .subject{
    color: #fff;
    font-size: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 600;
    /*padding: 10px 0;
    white-space: nowrap;*/
    white-space: normal;
    -webkit-line-clamp: 2;
    height: 42px;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: 21px;
    word-break: break-all;
    word-wrap: break-word;
    margin-top: 10px;
}

.list_img_main .txt{position: relative;padding: 0 0 0 0px;position: relative;}
.list_img_main .txt .logo{width: 35px;height: 35px;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;overflow: hidden;position: absolute;left: 2px;top: 2px;}
.list_img_main .txt dd{line-height: 20px;color: #969696;font-size: 12px;}
.btn_style_b {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 26px;
    background-color: #0765a2;
	border: 0 none;
	font-size: 14px;
	color:#fff;
    text-align: center;
    text-decoration: none;
    line-height: 35px;
    cursor: pointer;
	margin: 0 0 0 6px;
	vertical-align: top;
	
}
.content-body {
    max-width: 824px;
	margin: 0 auto;
}

.select_style {min-width:100px; height:35px; padding:0 22px 0 10px; line-height:33px; font-size:13px; border:1px solid #323232; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #111111 url(../img/arrow_combo.png) 95% center no-repeat;    vertical-align: top;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.select_style::-ms-expand {display: none;}
.search_form_common .select_style{height: 33px; font-size:13px;border: 1px solid #dadada;}

.sub_cont .list_img .list_dot{width: auto;margin: 10px 0 0;}
.list_img_main.big li{width: 386px;}
.list_img_main.big .img img,.list_img_main.big .img {
  width: 386px;
  height: 222px;
}


h2.tit {
color:#fff;font-weight: 800;font-size: 22px;
padding:62px 0 22px;
position: relative;
max-width: 1200px;margin: 0 auto;
}
h2.tit .icon{vertical-align:3px}

.main #section0,.main #section4{padding-bottom: 0;}
.main #section2{}

.main .section .inner{max-width: 1200px;margin: 0 auto;}
.main .list_img_main{text-align: center;}
.list_img_main li{text-align: left;width: 283px;float: left;margin-right: 20px;margin-bottom: 37px;}
.main .list_img_main li .name{color:#454545;font-weight: 800;font-size: 22px;display: block;position: relative;margin: 27px 0 15px;padding: 0 0 18px;}


.list_img_main ul:after,.list_img_main:after{clear: both;content: '';overflow: hidden;display: block;}


.list_ca_main{overflow: hidden;width: 100%;text-align: center;}
.list_ca_main li{position:relative;overflow:hidden;width: 19%;height: 84px;display:inline-block;margin: 0 7px 9px 0;}
.list_ca_main li img {width: 100%;}
.list_ca_main li .cate_tlt {color: #fff;font-size: 18px;font-weight: 700;position: absolute;left: 20px;top: 50%;transform: translateY(-50%);}
.cl{clear: both;overflow: hidden;}
.tit{position: relative;}
.tab_list{position: absolute;top: 77px;right: 0;}
.tab_list a{display: inline-block;padding: 0 0 0 10px;margin: 0 6px;color: #999999;font-size: 15px;position: relative;font-weight: 300;}
.tab_list a::after {
  content: '';
  position: absolute;
  left: 0px;
  top: 7px;
  width: 3px;
  height: 3px;
  background: #999999;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.tab_list a.on{color: #fff;}
.tab_list a.on::after {background: #f60555;}
.list_img_main .txt .logo img{width: 35px;
height: 35px;}
.wrap_lang{overflow: hidden;}
.wrap_lang .cell{width: 100%;}
.wrap_lang .cell2{float: right;}
.wrap_lang .cell ul {
    display: flex;
    align-content: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    overflow: hidden;
    height: 380px;
}
.wrap_lang .cell li{position: relative;padding: 12px 10px 12px 139px;width:49%; height: 75px;border-bottom: 1px solid #2b2b2b;}
.wrap_lang .cell li:nth-child(n+6) {margin-left:23px;}

.banner_main{margin: 60px auto 80px;max-width: 1200px;
padding: 28px 44px;
background:  url(../img/bg_banner.jpg) no-repeat;
-webkit-background-size: cover;
background-size: cover;
}


.banner_main p.txt1{
color: #fff;
font-size: 33px;
line-height: 1.3;
font-weight: 200;
}
.banner_main p.txt1 strong{font-size: 33px;font-weight: 700;color: #fc145b;}


.banner_main p.txt2{
padding: 0 28px;
color: #fff;
font-size: 14px;
line-height: 1.3;
font-weight: 200;
padding: 6px 0 22px;
}
.banner_main p.txt2 strong{text-transform: uppercase;font-size: 14px;font-weight: 700;color: #fc145b;}


.menu_tail{background: #1a1a1a;text-align: center;line-height: 50px;}
.menu_tail li{display: inline-block;margin: 0 15px;}
.menu_tail li a{color: #bbbbbb;font-size: 14px;font-weight: 600;}



.wrap_lang .subject{padding: 5px 0;
color: #fff;
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 600;}
.wrap_lang .view{padding: 5px 0;
color: #969696;
font-size: 13px;
font-weight: 300;display: block;}

.wrap_lang .cell li .img {
  width: 88px;
  height: 50px;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 12px;
}
.wrap_lang .cell .num{color: #fff;font-weight: 800;font-size: 15px;position: absolute;padding: 0 0 10px;left: 108px;top: 20px;background: url(../img/icon_down.png) center bottom no-repeat;}
.wrap_lang .cell .num.down{background: url(../img/icon_down.png) center bottom no-repeat;}
.wrap_lang .cell .num.up{background: url(../img/icon_up.png) center bottom no-repeat;}
.wrap_lang .cell .num.tie{background: url(../img/icon_tie.png) center bottom no-repeat;}

.wrap_lang .cell li .img img{  width: 88px; height: 50px;}

.list_img_banner{width: 105%;padding-bottom: 46px;}
.main .list_img_main li .name::after {
    content: '';
    position: absolute;
	
    left: 0;
    margin-left: 0;
    bottom: 0;
    width: 76px;
    height: 3px;
    background: #019edb;
}

.main .list_img_main li .txt{color:#4b4b4b;font-weight: 300;font-size: 15px;line-height: 150%;}
.pop_c h2{position: relative;padding: 23px 0 17px;text-align: center;color: #fff;font-size: 22px;}
.pop_c h2 span {font-size: 22px;}
.pop_c .btn_close{cursor:pointer;position: absolute;right: 10px;top: 10px;display: block;height: 15px;width: 15px;font-size:20px;color:#fff;/*background: url(../img/close_pop.png) 0 0 no-repeat;*/z-index: 9;}
.pop_c .btn_close2{cursor:pointer;position: absolute;right: 10px;top: 10px;display: block;height: 15px;width: 15px;font-size:20px;color#fff;/*background: url(../img/close_pop.png) 0 0 no-repeat;*/z-index: 9;}
.pop_c .btn_close3{cursor:pointer;position: absolute;right: 10px;top: 10px;display: block;height: 15px;width: 15px;font-size:20px;color:#fff;/*background: url(../img/close_pop.png) 0 0 no-repeat;*/z-index: 9;}
.pop_c{display: none;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.63);z-index:99999}
.pop_c .inner{background:#141414;max-width: 405px;margin: 15% auto;overflow: hidden;-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;}
.pop_c .inner .cont{overflow: hidden;padding: 0 30px;}
.pop_c .btn_area {
  padding: 22px 0;
}

.pop_c.pop_contactus .inner {max-width: 600px;margin: 5% auto;}
.pop_contactus table th {color: #e2e2e2; text-align: right;    line-height: 40px;
    height: 30px;
    font-size: 16px;}
.pop_contactus table .form-control {line-height: 30px;}
.pop_contactus .btn_div {text-align: center;margin: 20px 0;}
.pop_contactus .btn_div .btn_contact {background-color: #e71959;color: #fff;}
.pop_contactus strong {    color: #fc145b;}
.pop_contactus .con_category {width: 100%;}
.pop_contactus table td div {display: inline-block;}
.pop_contactus table td .con_category_2_2, .pop_contactus table td .con_category_2_3 {display: none;}


.pop_ca .list_btn{overflow: hidden;}
.pop_ca .list_btn li{width: 33%;min-width:69px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;float: left;padding: 3px 2px;}
.pop_ca .list_btn li:first-child{width: 100%;padding-bottom:7px;}
.pop_ca .list_btn li span{cursor:pointer; display: block;background: #242424;border: 0;color: #8c8c8c;font-size: 15px;line-height: 35px;text-align: center;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;}
.pop_ca .list_btn li span.on,.pop_ca .list_btn li span:hover{background: #e71959;color: #fff;}

.pop_ca .list_btn li strong{color: #fc145b;
font-size: 12px;
margin: 0 5px 0 0;}


.pop_video .inner{max-width: 1005px;position: relative;margin: 5% auto;height:90%;}
.pop_video .inner h2{text-align: left;padding: 32px 0 20px;}
.pop_video .inner .scroll{/*height:650px;*/height:100%;overflow-y: scroll;border-top: 33px solid #000;padding: 0 35px 50px;}
/*.pop_video .inner .scroll .video img,.pop_video .inner .scroll .video iframe{width: 100%;height: auto;}*/

.pop_video .btn_area{position: relative;margin: 10px 0 25px;padding: 0;}
.pop_video .btn_area .youtube {
  width: 378px;
  height: 37px;
  font-size: 0;
  background: #f01c14 url(../img/txt_youtube.png) center center no-repeat;
  display: inline-block;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.63);
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.63);
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.63);
  vertical-align: top;
}
.pop_video .btn_area .prev{position: absolute;left: 0;top: 0;height: 37px;line-height: 35px;font-size: 13px;color: #b7b7b7;background: #000 url(../img/prev_video.png) 15px center no-repeat;display: inline-block;padding: 0 10px 0 39px;}
.pop_video .btn_area .next{position: absolute;right: 0;top: 0;height: 37px;line-height: 35px;font-size: 13px;color: #b7b7b7;background: #000 url(../img/next_video.png) 95px center no-repeat;display: inline-block;padding: 0 39px 0 10px;}

.pop_video .video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}

.pop_video .video  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*.pop_video .txt{border-bottom: 1px solid #353535;}*/
.pop_video .txt{position: relative;padding: 0 0 30px 45px;position: relative;}
.pop_video .txt .logo{width: 35px;height: 35px;-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;overflow: hidden;position: absolute;left: 2px;top: 2px;}
.pop_video .txt dd{line-height: 1.5;color: #969696;font-size: 13px;}
.pop_video .txt dd strong{color: #fff;}

.pop_video .txt .btn_list{position: absolute;right: 0;top: 0;}
.pop_video .txt .btn_list li{display: inline-block;margin: 0 0 0 31px;vertical-align: top;text-align: center;}
.pop_video .txt .btn_list li a{display: block;padding: 25px 0 0;color: #606060;font-size: 11px;}
.pop_video .txt .btn_list li:nth-child(1) a{background:  url(../img/icon_list_pop_1.png) center 0 no-repeat;}
.pop_video .txt .btn_list li:nth-child(2) a{background:  url(../img/icon_list_pop_2.png) center 5px no-repeat;}

.pop_video .txt .btn_list li:nth-child(3) a{background:  url(../img/icon_list_pop_3.png) center 0 no-repeat;}

.pop_video .txt .btn_list li:nth-child(4) a{background:  url(../img/icon_list_pop_4.png) center 5px no-repeat;}
.pop_video .txt .btn_list li:nth-child(1).on a{color: #fff;background:  url(../img/icon_list_pop_1_on.png) center 0 no-repeat;}
.pop_video .txt .btn_list li span {display: block;padding-top: 3px;}
.pop_video .txt_b{padding: 25px 2px;font-size: 13px;color: #f8f8f8;line-height: 1.5;}

.pop_sns{z-index: 99999;}
.pop_sns .inner{max-width: 387px;position: relative;margin: 25% auto;}
.pop_sns  h2 {
  position: relative;
  padding: 20px 0 17px;
  font-size: 18px;
}
.pop_sns .list_sns li {
    display: inline-block;
    margin: 0 6px 29px;
    cursor: pointer;
}
.pop_sns .list_sns li p{padding: 5px 0 0;color: #606060;font-size: 11px;}

.pop_addlist{z-index: 99999;}
.pop_addlist .inner{max-width: 387px;position: relative;margin: 15% auto;}



.pop_addlist2, .pop_addlist3{z-index: 99999;}
.pop_addlist2 .inner, .pop_addlist3 .inner{max-width: 416px;position: relative;margin: 19% auto;}
.pop_c .small{font-size: 18px;}
.pop_addlist2 .input_style, .pop_addlist3 .input_style {
  width: 100%;
  height: 34px;
  padding: 0 10px;
  line-height: 32px;
  border: 1px solid #000000;
  color: #fff;
  font-size: 13px;
  background: #000;
  color: #fff;
  box-sizing: border-box;
  vertical-align: top;
  margin-top:1px;
}

.pop_addlist .checks_com input[type="radio"] + label{display: block;font-size: 12px;margin: 0 0 5px;}
.pop_addlist .btn_addlist2{color: #5a5a5a;margin: 20px 0 0 ;display: block;}
.wrap_play_c .wrap{overflow: hidden;width: 932px;margin: 95px auto 0;}
.wrap_play_c .wrap .cell{width: 416px;-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;background: #0f0f0f;border: 1px solid #232323;-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;padding: 35px 0;text-align: center;margin: 0 25px 29px;float: left;position: relative;}

.wrap_play_c .wrap .cell li{width: 25%;float: left;position: relative;}
.wrap_play_c .wrap .cell .label{background: #232323;
color: #828181;
padding: 0 6px;
line-height: 19px;
height: 22px;
position: absolute;
top: 0px;
left: 0px;}

.wrap_play_c .wrap .cell .icon{height: 122px;}


.wrap_play_c .wrap .cell p.txt1 strong{font-size: 16px;color: #fc145b;}

.wrap_play_c .wrap .cell p.txt1{
color: #fff;
font-size: 16px;
line-height: 1.4;
font-weight: 200;
padding: 0 0 10px;
}

.wrap_play_c .wrap .cell p.txt2{
color: #969696;
font-size: 13px;
line-height: 1.4;
font-weight: 200;
padding: 0 0 30px;
}
.wrap_play_c .wrap .cell .btn_style3 {
  line-height: 41px;
  height: 44px;
  min-width: 209px;
  font-size: 17px;
}
.wrap_play_c .wrap .cell2 .btn_style3{background: #9000ff;}

.wrap_play_c .wrap .cell2 p.txt1 strong{font-size: 16px;color: #9000ff;}
.wrap_play_c .txt_b{text-align: center;font-size: 14px;color: #dedede;}
.wrap_play_c .txt_b strong{font-size: 14px;color: #fc145b;}

.btn_area_b.center.line{border-top: 1px solid #353535;padding-top: 39px;margin-top: 39px;}
.tit_sub.line{border-bottom: 1px solid #353535;padding-bottom: 32px;margin-bottom: 39px;}
.wrap.thumb02,.wrap.thumb03{display: none;}
.form_area .input_style.prj_file{background: #101010;color: #656565;border: 1px solid #313131;max-width: 80%;}



.form_area .txt_b{font-size: 12px;color: #656565;}
.form_area .txt_b strong{font-size: 12px;color: #fc145b;font-weight: 300;}
.form_area .list_inquy li .checks_com {display: inline-block;vertical-align: top;}
.wrap_join .form_area .list_inquy li .checks_com input[type="checkbox"] + label{display: inline-block;min-width: auto;margin: 0;vertical-align: top;}
.wrap_join .form_area .list_inquy li .checks_com input[type="checkbox"] + label::before {
  top: 11px;
}

.wrap_join .form_area .list_inquy .sort-input {display: inline-block;}

.form_area .list_inquy li .num{width: 36px;
height: 34px;
display: inline-block;
padding: 0 10px;
line-height: 32px;
border: 1px solid #000000;
color: #fff;
font-size: 13px;
background: #000;
color: #fff;
box-sizing: border-box;
vertical-align: top;
text-align: center;
}
.form_area .input_style.w506 {
  min-width: 506px;
}
.form_area .input_style.w404 {
  min-width: 404px;
}
.form_area .input_style.w50 {
    width: 50px;
}
.form_area .list_inquy li {margin: 0 0 10px;}
.form_area .btn.cursor{background: url(../img/icon_play.png) 0 center no-repeat;
display: inline-block;
z-index: 999;
width: 25px;
height: 34px;
font-size: 0;
margin: 0 0 0 5px;
vertical-align: top;
}
.form_area .btn.minus{background: url(../img/icon_play_del.png) 0 0 no-repeat;
display: inline-block;
z-index: 999;
width: 25px;
height: 25px;
font-size: 0;
margin: 0 0 0 5px;
}
.form_area .btn.plus{background: url(../img/icon_play_add.png) 0 0 no-repeat;
display: inline-block;
z-index: 999;
width: 25px;
height: 25px;
font-size: 0;
}
.list_img_main ul{width: 105%;}
/* PC */
@media only screen and (min-width : 1024px) {
    .menu_aside{display: none !important;}

    .section.list_main .bx-wrapper {
      max-width: 100% !important;
    }
}


/* Tablet 가로 */
@media only screen and (min-width:1024px) and (max-width: 1199px) {
    .section.list_main .list_img_main li {
        width: 23%;
        margin: 0 10px;
    }
    .list_img_main .img img {
        width: 100%;
        height: auto;
    }
}

/* mobile */
@media only screen and (max-width : 1023px) {
    html{overflow-x:hidden;font-size: 13px;}
    .slider_main_top li {
      background-size: auto 205px !important;
    }
    /*body {height:100%;}*/
    .slider_main_top li.slide01{background: rgba(0, 0, 0, 0) url("../img/slide_main_1_m.png") no-repeat scroll center 0px;}
    .slider_main_top li.slide02{background: rgba(0, 0, 0, 0) url("../img/slide_main_2_m.png") no-repeat scroll center 0px;}
    .slider_main_top li.slide03{background: rgba(0, 0, 0, 0) url("../img/slide_main_3_m.png") no-repeat scroll center 0px;}
    .slider_main_top li.slide04{background: rgba(0, 0, 0, 0) url("../img/slide_main_4_m.png") no-repeat scroll center 0px;}
    .slider_main_top li.slide05{background: rgba(0, 0, 0, 0) url("../img/slide_main_5_m.png") no-repeat scroll center 0px;}
    .slider_main_top li.slide06{background: rgba(0, 0, 0, 0) url("../img/slide_main_6_m.png") no-repeat scroll center 0px;}

    .album_pr {padding-top: 0px;}
    .album_pr li.album_li {width:220px;}

    .content-body{padding: 0 10px;}

    .m_open, nav.menu_aside {
        display: none;
    }
    .header .inner .info_top{display: none;}
    .pc{display: none !important;}
    .mobile{display: block !important;}
    body.on .m_open,body.on .header h1{display: none;}
    .m_open {
      display: block;
      width: 26px;
      margin-top: 0;
      font-size: 25px;
      color: #fff;
      height: 23px;
      position: absolute;
      left: 15px;
      top: 15px;
      background: transparent;
      border: 0;
      /*background: url('../img/btn_m_open.png') 0 0 no-repeat;*/
      background-size: auto;
      background-size: 24px auto;
      cursor: pointer;
      z-index: 999;
    }

    .search_top {
      width: auto;
      padding: 7px;
      background: #151515;
      position: absolute;
      left: 10px;
      right: 10px;
      -webkit-box-sizing: border-box;

      -moz-box-sizing: border-box;
      box-sizing: border-box;
      top: 60px;
      z-index: 99999;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      border: 1px solid #4b4f54;
      padding: 7px 15px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      text-align: left;
    }

    .search_top .txt {
      width: 85%;
      font-size: 11px;
      border: 0;
      background-color: transparent;
      color: #fff;
    }
    .tit_sub {
      font-size: 16px;
      padding: 32px 0 20px;

    }
    .my_modi .icon img {
      width: 36px;
      height: 36px;
    }
    .list_info {
      overflow: hidden;
      width: auto;
    }
    .list_info .cell li a,.list_info .cell li a strong {
      font-size: 11px;
    }
    .list_info .cell .label {
      background: #232323;
      color: #828181;
      padding: 0 6px;
      line-height: 15px;
      height: 17px;
      position: absolute;
      top: 0px;
      left: 0px;
      font-size: 11px;
    }
    .list_info .cell {
      width: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: #0f0f0f;
      border: 1px solid #232323;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      padding: 25px 0;
      text-align: center;
      margin: 0 0 25px 0;
      float: none;
      position: relative;
      overflow: hidden;
    }
    .list_img_main .btn_list .btn_list {
        /*font-size: 0;
        background: url(../img/icon_list.png) 0 0 no-repeat;
        background-size: auto;
        width: 20px;
        height: 16px;
        font-size: 0;
        top: 10px;
        padding: 0 0 25px;
        background-size: 17px auto;*/

        position: absolute;
        z-index: 9;
        right: 0;
        cursor: pointer;
        display: inline-block;
        right: 0px;
        top: 5px;
        color: #fff;
        line-height: 18px;
        border: 1px solid #969696;
        border-radius: 7px;
        font-size: 9px;
        padding: 0 5px;
    }

    .list_info .cell li::after {
      height: 13px;
    }
    .my_modi .btn_style4 {
      background: #e71959;
      color: #fff;
      border: 1px solid #313131;
      background: #101010;
      color: #848485;
      font-size: 11px;
      height: 23px;
      line-height: 22px;
      min-width: 66px;
      vertical-align: -1px;
    }
    .my_modi {
      padding: 16px 0;
      text-align: center;
      margin: 0 0 22px;
    }
    .my_modi .icon {
      width: 36px;
      height: 36px;
      -webkit-border-radius: 50%;
      -moz-border-radius: 50%;
      border-radius: 50%;
      overflow: hidden;
      display: inline-block;
      vertical-align: -13px;
    }
    .my_modi .subject strong,.my_modi .subject {
      color: #fff;
      font-size: 12px;
    }
    .container {
      padding: 110px 10px 50px;
    }
    .wrap_login .input_style {
      height: 47px;
      padding: 0 15px;
      line-height: 45px;
      font-size: 13px;
      margin: 0 0 11px;
    }
    .wrap_login .txt_line strong {
      font-size: 15px;
    }
    .wrap_login .btn_area_b .btn_style2 {
      min-width: 100%;
      height: 48px;
      display: inline-block;
      line-height: 46px;
      font-size: 14px;
      color: #e6e6e6;
      font-weight: 600;
      padding: 0 14px;
      border-radius: 5px;
      background-size: cover;
      margin: 0;
    }
    .wrap_play_c .wrap .cell {
      width: auto;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      background: #0f0f0f;
      border: 1px solid #232323;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      padding: 24px 0;
      text-align: center;
      margin: 0 0 29px;
      float: none;
      position: relative;
    }
    .wrap_play_c .wrap .cell p.txt1 strong,.wrap_play_c .wrap .cell p.txt1 {
      font-size: 13px;
    }
    .wrap_play_c .wrap .cell p.txt2 strong,.wrap_play_c .wrap .cell p.txt2 {
      font-size: 11px;
    }
    .form_area .input_style.w404 {
      min-width: 267px;
      margin-top: 10px;
    }
    .form_area .list_inquy li {
      margin: 0 0 20px;
    }
    .form_area .btn.cursor{margin-top: 10px;}
    .form_area .list_inquy span{display: none;}
    .wrap_play_c .wrap .cell .btn_style3 {
      line-height: 38px;
      height: 40px;
      min-width: 209px;
      font-size: 14px;
    }
    .form_area .input_style.w506 {
      min-width: 157px;
    }
    .form_area .input_style.prj_file{width: 75% !important;}
    .form_area .txt_b{line-height: 1.5;}
    .form_area .input_style.w200 {
      max-width: 128px;
    }
    .wrap_play_c .txt_b {
      text-align: left;
      font-size: 12px;
      color: #dedede;
      line-height: 1.5;
    }
    .wrap_play_c .wrap {
      overflow: hidden;
      width: auto;
      margin: 60px auto 0;
    }
    .wrap_pass .form_area {
      padding-left: 0px;
    }
    .wrap_login {
      padding: 36px 10px;
    }
    .list_img_main.big li {
      width: auto;
      margin: 0 0 5%;
    }
    .list_img_main.big ul {
      width: 100%;
    }
    .list_img_main.big .img img, .list_img_main.big .img {
      width: 100%;
      height: auto;
    }
    .search_top .btn{position: absolute;right: 15px;top: 7px;}
    .main #section0{padding-top: 110px;}
    .slider_main_top, .slider_main_top li{height: 150px;padding:0 0 30px 0;}
    .slider_main_top img {
        height: 150px !important;
    }
    .slider_main_top  .banner_txt {
        margin-top: 10px;
        margin-left: 10px;
        font-size: 16px;
    }
    .slider_main_top .banner_song_list {
        padding-left: 10px;
    }
    .m_noti {
        display: block;
        width: 22px;
        margin-top: 0;
        font-size:0 ;
        height: 25px;
        position: absolute;
        right: 15px;
        top: 13px;
        background: transparent;
        border: 0;
        background: url('../img/icon_noti_m.png') 0 0 no-repeat;
        background-size: 22px auto;cursor: pointer;
        z-index: 999;
    }
    .alarm_cnt { top:-10px !important;}
    .slider_main_top .ment p.txt1 {
      padding: 0 18px;
      color: #fff;
      font-size: 16px;
      display: inline-block;
      background: #e71959;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      line-height: 34px;
    }
    .slider_main_top .ment p.txt2 strong,.slider_main_top .ment p.txt2 {
      font-size: 20px;padding: 12px 0 0;
    }
    .slider_main_top .bx-wrapper .bx-pager {
      bottom: -20px;
    }
    .slider_main_top .ment p.txt1 strong{font-size: 16px;}
    .slider_main_top .ment {
      margin-top: -60px;
    }
    .main .section .inner {
      margin: 0 10px;
    }
    .section.list_main .list_img_main {
      position: relative;
    }
    .list_img_main .img img {
      width: 100%;
      height: auto;
    }
    .list_ca_main li{
        /*width: 50%;float: left;
        padding: 0 5px 10px;
        margin: 0;*/
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        height: auto;
        width: 46%;
        margin: 0 10px 10px 0;
        display: inline-block;
        text-align: center;
    }
    .list_ca_main li:nth-child(even) {margin-right: 0px;}
    .section.list_main .list_img_main {
      margin-left: 0;
      margin-right: 0;
    }
    .list_ca_main {
      overflow: hidden;
      width: auto;
      width: 102.5%;
      margin-left: -1.25%;
    }
    .list_ca_main li img{width: 100%;}
    .list_ca_main li .cate_tlt {font-size:14px;}
    h2.tit {
      font-weight: 700;
      font-size: 17px;
      padding: 37px 0 22px;
    }
    h2.tit .icon {
      vertical-align: 1px;
    }
    .btn_style4 {
      background: #e71959;
      color: #fff;
      font-size: 14px;
      border: 1px solid #313131;
      background: #101010;
      color: #848485;
      font-size: 11px;
      height: 32px;
      line-height: 30px;
      /*min-width: 18px;*/
    }
    .form_area {
      padding: 37px 0 18px 0;
      font-size: 12px;
      line-height: 30px;
    }
    .form_area .input_style.w88 {
      max-width: 66px;
    }.wrap_join .checks_com input[type="checkbox"] + label {font-size: 12px;}
    .form_area .tit{text-align: left;}
    .wrap_join .txt {
      font-size: 12px;
      line-height: 20px;
      padding: 7px 10px;
      overflow-y: auto;
      height: 186px;
    }
    .form_area .input_style{width: 70% !important;font-size: 11px;padding: 0 5px;}
    .slider_main_top .bx-wrapper .bx-pager.bx-default-pager a {
      width: 8px;
      height: 8px;
      margin: 0 5px;
    }
    .btn_style5 {
      max-width: 101px;
      width: auto;
      background: #e71959;
        background-color: rgb(231, 25, 89);
      color: #fff;
      font-size: 16px;
      border: 1px solid #e71959;
        border-top-color: rgb(231, 25, 89);
        border-right-color: rgb(231, 25, 89);
        border-bottom-color: rgb(231, 25, 89);
        border-left-color: rgb(231, 25, 89);
      color: #fff;
      font-size: 12px;
      height: 39px;
      line-height: 37px;
    }
    .btn_area_b.center {
      text-align: center;
      padding: 39px 0 0;
    }
    .txt_line strong {
      font-size: 16px;
    }
    .list_sns li {
      margin: 0 3px;
    }
    .lang.notice,.header .btn_my,.lang.save{display: none;}
    .header{text-align: center;}
    .info_top_m{padding: 22px 10px;background: #0a0a0a;width: 100%;-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
    .on .m_open{
        /*background: url('../img/btn_m_open.png') 0 0 no-repeat;*/
        background-size: 26px auto
    }
    .section.list_main .list_img_main li {
      /*width: auto;
      margin: 0 0px;*/
      width: 21%;
      margin: 0 10px;
    }
    .list_img_main .bx-controls-direction a {
      top: 44px;
    -webkit-background-size: 34px auto !important;
    background-size: 34px auto !important;
    width: 34px;
    }
    .tab_list a {
      font-size: 12px;
    }
    .tab_list a::after {
      top: 5px;
    }
    .tab_list {
      top: 39px;
    }
    .wrap_lang .cell {
      width: auto;
      float: none;
    }
    .wrap_lang .subject {
      font-size: 14px;
    }
    .list_img_main .bx-controls-direction .bx-prev {
      left: -5px;
    }

    .album_main_top .bx-controls-direction a {
        top: 64px;
        -webkit-background-size: 34px auto !important;
        background-size: 34px auto !important;
        width: 34px;
    }
    .album_main_top .bx-controls-direction .bx-prev {
        left: -5px;
        opacity: 0.7;
    }
    .album_main_top .bx-controls-direction .bx-next {
        right: -5px;
        opacity: 0.7;
    }
    .wrap_lang .cell ul {
        display: flex;
        align-content: flex-start;
        flex-direction: column;
        flex-wrap: wrap;
        overflow: auto;
        height: 100%;
    }

    .wrap_lang .cell li {
      position: relative;
      padding: 9px 10px 9px 105px;
      height: 60px;
      border-bottom: 1px solid #2b2b2b;
      width:100%;
    }
        .wrap_lang .cell li:nth-child(n+6) {
            margin-left: 0px;
        }
    .wrap_lang .cell li .img img {
        width: 80px;
        height: 45px;
    }
    .wrap_lang .cell .num {
      font-size: 12px;
      left: 87px;
      top: 20px;
    }
    .wrap_lang .view {
      font-size: 10px;
    }
    .list_img_main .bx-controls-direction .bx-next {
      right: -5px;
    }
    .menu_tail li a {
      font-size: 12px;
    }
    .banner_main {
      margin: 30px 10px 50px;
      padding: 0;
      background: #000;
      -webkit-background-size: cover;
      background-size: cover;
    }
    .menu_tail {
      line-height: 45px;
    }
    .menu_tail li {
      display: inline-block;
      margin: 0 5px;
    }
    .banner_main img{
    width: 100%;
    }
    .banner_main p.txt1 strong,.banner_main p.txt1{font-size: 18px;}
    .wrap_lang .cell li .img {
        top: 7px;
        width: unset;
        height: unset;
    }
    .list_img_main .txt .logo,.list_img_main .txt .logo img {
      width: 25px;
      height: 25px;
    }
    .list_img_main .txt {
      position: relative;
      padding: 0 0 0 0;
      position: relative;
    }

    .chart_div .chart_btn_pop .btn_style4 {min-width: 18px !important;}

    .pop_c .inner {
      /*max-width: 405px;*/
        width: 90%;
        /*margin: 25% auto;*/
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: unset !important;
        border: 2px solid #7c7c7c;
    }
    .pop_video .inner .scroll {
      height: 100%;
      overflow-y: scroll;
      border-top: 33px solid #000;
      padding: 0 10px 30px;
      box-sizing: border-box;
    }
    .pop_video .btn_area .prev {
      position: absolute;
      left: 0;
      top: 0;
      height: 32px;
      line-height: 30px;
      font-size: 10px;
      color: #b7b7b7;
      background: #000 url(../img/prev_video.png) 2px center no-repeat;
      display: inline-block;
      padding: 0 5px 0 22px;
    }
    .pop_video .btn_area .next {
      position: absolute;
      right: 0;
      top: 0;
      height: 32px;
      line-height: 30px;
      font-size: 10px;
      color: #b7b7b7;
      background: #000 url(../img/next_video.png) 67px center no-repeat;
      display: inline-block;
      padding: 0 22px 0 5px;
    }
    .pop_video .btn_area .youtube {
      width: 140px;
      height: 31px;
      font-size: 0;
      background: #f01c14 url(../img/txt_youtube.png) center center no-repeat;
        background-size: auto;
      display: inline-block;
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      border-radius: 2px;
      -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.63);
      -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.63);
      box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.63);
      vertical-align: top;
      background-size: 130px auto;
    }
    .pop_video .txt .btn_list {
      position: absolute;
      right: 0;
      top: 95px;
      left: 0;
    }
    .pop_video .txt_b {
      padding: 18px 2px;
      font-size: 11px;
      color: #f8f8f8;
      line-height: 1.5;
    }
    .pop_video .txt .btn_list {text-align: center;}
    .pop_video .txt .btn_list li {
      display: inline-block;
      margin: 0 15px;
    }
    .pop_video .txt {
      position: relative;
      padding: 0 0 63px 45px;
      position: relative;
    }
    .pop_video .inner h2 {
      text-align: left;
      padding: 22px 0 20px;
    }
    .pop_video .inner {
        height: 80%;
        margin: 10% auto;
    }
    .btn_style3 {
      background: #e71959;
      color: #fff;
      font-size: 12px;
      line-height: 34px;
      height: 36px;
      -webkit-border-radius: 25px;
      -moz-border-radius: 25px;
      border-radius: 25px;
      min-width: 104px;
    }
    .pop_ca .list_btn li a {
      display: block;
      background: #242424;
      border: 0;
      color: #8c8c8c;
      font-size: 11px;
      line-height: 27px;
      text-align: center;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
    }
    .pop_c .inner .cont {
      overflow: hidden;
      padding: 0 10px;
    }
    .pop_c h2 {
      position: relative;
      padding: 14px 0 11px;
      text-align: center;
      color: #fff;
      font-size: 16px;
    }
    .list_img_main li{width: 46%;margin: 0 4% 5% 0;}

    .header_m .inner {
        height:52px;
        border-bottom: 1px solid #202020;
    }
    .header_m .inner h1 {
        text-align: center;
        position: relative;
        top: 13px;
    }
    .m_open img {
        width: 100%;
    }
    .header #gnb{display: none !important;}
    .m_menu .gnb_m{padding: 10px 0;background: #fff;}
    .m_menu .btn_area{background: #fff;border-top: 1px solid #f3f3f3;padding: 15px 0;}
    .m_menu .gnb_m ul li {
        line-height:42px;
    }
    .slider_main_top .ment p.txt1 img{width: 236px;}
    .slider_main_top  .bx-controls-direction a{top:40%;background-size: 34px auto !important;}
    .slider_main_top  .bx-controls-direction .bx-prev{background: url(../img/prev_slide.png) no-repeat;left:5px;opacity: 0.5;}
    .slider_main_top  .bx-controls-direction .bx-next{background: url(../img/next_slide.png) no-repeat;right:-5px;opacity: 0.5;}


    .m_menu .gnb_m ul li a{display: block;padding: 0 15px;font-weight: 500;font-size:16px;color:#2a2d35;}
    .m_menu .gnb_m ul li a.big{
        background: #fff url('../img/arrow_down.png') calc(100% - 20px) 50% no-repeat;
    background-size: 14px auto;
    }

    .m_menu .gnb_m ul ul li {
        line-height: 15px;
        margin: 0;
    }
    nav.on .m_menu {
        transform: translateY(0);
    }
    .m_menu {
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        height: 70%;

        transform: translateY(-100%);
        transition: transform 0.4s ease;
        -webkit-transition: transform 0.4s ease;
        -moz-transition: transform 0.4s ease;
        z-index:999
    }
    .on .wrap{
        transition: transform 0.4s ease;
        -webkit-transition: transform 0.4s ease;
        -moz-transition: transform 0.4s ease;
        width: 100%;
         position: absolute;
    }

    .m_menu .top {
        padding: 15px 20px 15px;
        background:#fff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
        border-bottom: 1px solid #fc9d88;

    }
    .m_menu .top img{width: 120px;}

    .ovh {
        overflow: hidden;
    }
    .m_menu .logo {
        margin-top: 20px;
    }
    .fl {
        float: left;
    }

    .m_close {
        display: block;
        width: 27px;
        height: 27px;
        margin-top: 15px;
        background: url('../img/m_close.png') 0 0 no-repeat;
            background-size: auto;
        background-size: 20px auto;
        text-indent: -9999px;
            position: absolute;
        right: 10px;
        top: 2px;
        border:0;z-index: 9999;
    }
    .menu_aside {
        background: rgba(0, 0, 0, 0.4);
        height: 100%;
        width: 100%;
        position: absolute;
        z-index: 99999;
    }
    .m_menu .list_lang li a{font-weight: 300;}
    .gnb_m{}

    .m_menu > ul {
        width: 100%;
        height: calc(100% - 60px);
        overflow-y: auto;
    }
    .m_menu > ul > li {
        padding: 0px;
    }
    .m_menu > ul button {
        display: block;
        width: 100%;
        padding: 15px 20px;
        box-sizing: border-box;
        text-align: left;
        font-size: 2rem;
        font-weight: 700;
        background: #113775 url('/img/arrow_down.png') calc(100% - 20px) 50% no-repeat;
            background-size: auto;
        background-size: 12px auto;
        border: none;
    }
    .m_menu .sub {
        display: none;
        background: #fff;

    }
    .m_menu ul li .sub li {

    }
    .m_menu ul li .sub li:last-child{border-bottom:0}
    .m_menu .sub {
        margin: 0 0 0;

    }

    .m_menu .gnb_m ul ul li a{font-size:13px ;color: #2a2d35;font-weight:300 ;line-height: 32px;padding-left: 30px;position: relative;display: block;}


    .m_menu .gnb_m ul ul li a::after {
        content: '';
        position: absolute;
        left: 15px;

        top: 16px;
        width: 7px;
        height: 1px;
        background: #f54725;
    }
    .m_menu .gnb_m ul li a.big.on {
        background: #fff url('../img/arrow_up.png') calc(100% - 20px) 50% no-repeat;
        background-size: 15px auto;
        color: #f54725;
    }
    .sub_top{
    background-size: auto 160px !important;
    height: 160px;
    }
    .sub_top strong img{width: 120px;line-height: 1;}

    .sub_top strong {
        padding: 41px 0 10px;
        line-height: 1;
        font-size: 0;
    }
    .sub_top p {
        font-size: 11px;
        line-height: 19px;
        font-weight: 100;
        padding: 0 10px;
    }


    .header .inner h1 a,
    .header_m .inner h1 a{width: 99px;background-size:99px auto !important}

    .fp-tableCell {
        vertical-align: top !important;
    }
    #container {
        padding: 53px 0 50px;
    }


    .tit_s {
        padding: 46px 0 24px;
    }

    .map iframe{height: 300px;}
    .list_ov li,.list_ov li strong {
        font-size: 13px;
        line-height: 28px;
    }
    .header .inner h1 {
      padding: 13px 0 0;
    }
    .header .inner {
      height: 52px;
      border-bottom: 1px solid #202020;

    }
    .header {
      background: #151515;
        height: 109px !important;
      border-bottom: 1px solid #202020;
    }
    .footer .inner {
      padding: 20px 10px 92px !important;
      text-align: center;
    }
    .footer h1,.footer .list_sns {
        position: static;

    }
    .footer h1 img{width: 106px;}


    .footer p {
        font-size: 12px !important;
        line-height: 19px !important;
    }
    .footer h1, .footer .list_sns{padding: 0 0 15px;}

    .sub_cont .img,.sub_cont .ment,.sub0102 .tab_content ul{width: auto !important;float: none !important;}
    .sub_cont {
        margin: 0 10px;
    }

    .wrap_btn_top {

        padding: 20px 0 15px;
        font-size: 13px;
        text-align: left;

    }
    .tab_sub{ height: 34px;}
    .header.m{height: 100% !important;border: 0;position: absolute !important;}
    .header #gnb.mobile{text-align: left;}
    .header #gnb.mobile{display: block !important;}
    .header .depth2 {
      margin-top: 0;
    }
    .header .depth2 .wrap .cell h2 {
      color: #fff;
      font-size: 15px;
      padding: 21px 0 12px;
      font-weight: 600;
    }
    .header .depth2 .wrap .cell {
      float: none;
      width: auto;
      height: auto;
      border-left: 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
    }
    .header .depth2 .cell1_1 ol li span {font-size: 14px;}
    .header .depth2 .radios_com label{font-size: 14px;}

    .header .depth2 .wrap_cell{overflow: hidden;}
    .header .depth2 .wrap {
      overflow: hidden;
      height: auto;
      z-index: 999;
      width: 100%;
      position: relative;
    }
    .tit_sub .btn_more {
      position: absolute;
      right: 5px;
      font-size: 12px;
      color: #5f5f5f;
      top: 33px;
    }


    .header.m #gnb {
      position: relative;
      height: auto;
      top: 0;
      margin-top: 25px;
      padding-bottom: 100px;
    }

    /*.header.m{position: relative;}*/
    .header.on .depth2, .header .depth2 {
      display: none;
      width: auto;
      height: auto;
    }

    .scroll_down {
        bottom: 26px;
    }
    .scroll_down img{width: 70px;}
    .sub_cont .list_img .list_dot li{margin: 0 0 5px;}
    .menu_quick{text-align: center;width: 100%;background: #000;bottom: 0;right: 0;height: 60px;}
    .menu_quick ul{overflow: hidden;}
    .menu_quick li{width: 25%;float: left;}
    .menu_quick li a{display: inline-block;width: 43px;height: 45px;font-size: 0;}
    .menu_quick li:nth-child(1) a{background: url(../img/icon_tail_1.png) 0 0px no-repeat;-webkit-background-size: 25px auto;background-size: 25px auto;}
    .menu_quick li:nth-child(1) a.on{background: url(../img/icon_tail_1_on.png) 0 0px no-repeat;-webkit-background-size: 25px auto;background-size: 25px auto;}
    .menu_quick li:nth-child(2) a{background: url(../img/icon_tail_2.png) 0 0px no-repeat;-webkit-background-size: 34px auto;background-size: 34px auto;}
    .menu_quick li:nth-child(2) a.on{background: url(../img/icon_tail_2_on.png) 0 0px no-repeat;-webkit-background-size: 34px auto;background-size: 34px auto;}
    /*.menu_quick li:nth-child(3) a{background: url(../img/icon_tail_3.png) 0 0px no-repeat;-webkit-background-size: 34px auto;background-size: 34px auto;}*/
    .menu_quick li:nth-child(3) a{background: url(../img/icon_tail_5.png) 0 0px no-repeat;-webkit-background-size: 34px auto;background-size: 34px auto;}
    .menu_quick li:nth-child(3) a.on{background: url(../img/icon_tail_3_on.png) 0 0px no-repeat;-webkit-background-size: 34px auto;background-size: 34px auto;}
    .menu_quick li:nth-child(4) a{background: url(../img/icon_tail_4.png) 0 0px no-repeat;-webkit-background-size: 42px auto;background-size: 42px auto;}
    .menu_quick li:nth-child(4) a.on{background: url(../img/icon_tail_4_on.png) 0 0px no-repeat;-webkit-background-size: 42px auto;background-size: 42px auto;}

    .header.m .depth2 .cell1_2 {width: 40%;}
    .header.m .depth2 .cell1_3 {width: 30%;}
    .radios_com input[type="radio"] + label { display: block; }
    .header.m .depth2 .wrap .cell.cell2 {width: 100%;}
    .header.m .depth2 .wrap .cell.cell3 {width: 100%;float: left;}
    .header.m .depth2 .wrap .cell.cell3 .cell3_1,
    .header.m .depth2 .wrap .cell.cell3 .cell3_2 { width: 50%; float: left;}
    .header.m .depth2 .wrap .cell.cell4 {float: left;width: 100%;}
    .menu_quick {z-index: 999999;}
    .header_m{
        display:block;
        width: 100%;
        height: 100%;
        background: #141414;
        /*position: fixed;*/
        top:0;
        left: -50%;
        z-index: 9999999;
    }
    .form_area .list_inquy li .sort-input {width:92%}
    .form_area .list_inquy li .sort-input .input_style.w506 {width:74% !important;}
    .form_area .list_inquy li .sort-input .input_style.w404 {width:85% !important;margin-top: 5px !important;}
    .form_area .list_inquy li .sort-input .btn.cursor {margin-top: 5px !important;}

    .list_img_main .subject {font-size:11px;height: 30px;line-height: 15px;margin-top: 7px;}
    .list_img_main .txt dd {font-size:10px;line-height: 1.5;}
    .wrap_lang .subject {font-size: 11px;}

    input {-webkit-appearance: none;-webkit-border-radius: 0;}
    .cell2 button {width:24%;display: inline-block;margin-bottom: 5px;}
    .list_img_main .playlist_cnt .song_cnt {
        top: 40% !important;
    }
    .list_img_main .playlist_cnt .btn_list {
        top: 60% !important;
    }
    .member_modify {width: 100% !important;left:unset !important;top:10% !important;transform: unset !important;padding: 0 10px;}

    .pop_album_video .video  iframe {min-height:300px !important;}
    .pop_album_video .video_album_btn,
    .scroll_album_view .video_album_btn {text-align: left;}
    .pop_album_video .video_album_btn button,
    .scroll_album_view .video_album_btn button {min-width: 80px !important; margin-right:10px !important;}
    .pop_album_video .video_album_btn button:last-child,
    .scroll_album_view .video_album_btn button:last-child {margin-right: 0px !important;}
    .pop_album_video .video_album_btn .video_album_playlist,
    .scroll_album_view .video_album_btn .video_album_playlist {min-width: 80px !important; margin-right:10px !important;}
    .pop_album_video .video_album_btn .video_album_lyrics,
    .scroll_album_view .video_album_btn .video_album_lyrics {min-width: 40px !important; margin-right:10px !important;}
    .pop_album_video .video_album_btn .video_album_album,
    .scroll_album_view .video_album_btn .video_album_album {min-width: 40px !important; margin-right:10px !important;}
    .pop_album_video .video_album_btn .video_album_teaser,
    .scroll_album_view .video_album_btn .video_album_teaser{min-width: 40px !important; margin-right:10px !important;}

    .scroll_album_view .video_album_btn {padding:100px 0 20px 0 !important;}

    .status_btn { margin-right: 0px !important;}
    .apply .apply_txt {min-width: unset !important;}
    .scroll_album_view .btn_area .youtube {
        width: 100% !important;
    }
    .pop_album_video .btn_area .youtube {
        width: 100% !important;
    }

    .apply .btn_style4 {min-width: 60px !important;margin: 0 !important;padding: 0 !important;}
    .apply span.status_end {width: 40px !important;;}
    .apply span.status_back {width: 40px !important;;}
    .apply span.status_y {width: 40px !important;;}
    .apply span.status_ing {width: 40px !important;;}
    .status_btn {width:60%;}

    .pop_member_modify form {max-height: 416px; overflow-y: scroll;}

    .album_li .album_img_div {width:100px;height:100px;}
    .album_li .album_img_div .album_img {
        height: 100px;
        width: 100px;
    }
    .album_li .album_name {font-size: 12px;margin-top: 0px;}
    .album_li .osp_btn img {width:15px;}
    .album_li .album_artist {margin-top:0px;line-height: 15px;height: 15px;}
    .album_li .osp_btn {margin-top:0px;}


    .theme_img_div .banner_txt {font-size:15px!important;margin-top:10px !important; margin-left:10px !important;}

    .event_view .event_title .tit_sub_4 {display: none !important;}
    .event_view .event_title {padding: 30px 0 27px !important;}
    .event_view .event_view_img_div.pc {display: none !important;}
    .event_view .event_view_img_div.mo {display: block !important;}
    .event_view .sns_btn_div img {max-width: 90px !important;margin: 0 !important;}
    .event_view .req_btn_div {padding-top: 20px !important;}
    .event_view .req_btn_div img {max-width: 200px !important;}
    .event_view .event_info {color:#fff;background-color: #724bff;padding: 10px;line-height: 20px;}
    .event_view .event_info ul {list-style: unset;padding-inline-start: 3ch; padding-inline-end: 1ch;}
    .event_view .event_info li {font-size: 13px;}
    .event_view .event_info .event_mail {margin-top: 20px;    display: block;}

    .pop_request .req_title {font-size:16px !important; }
    .pop_request .inner .scroll {padding:0 10px;}
    .pop_request .inner .form_area {padding: 0 0 10px 78px !important; }
    .pop_request .inner .form_area .input_style {width: 100% !important;}
    .pop_request .req_text {margin:20px 0 !important;}
}

@media only screen and (min-width: 768px) and (max-width:1022px) {
    /* 모바일 가로, 타블렛 세로 */
    .album_li .album_img_div {
        width: 140px;
        height: 140px;
    }
    .album_li .album_img_div .album_img {
        height: 140px;
        width: 140px;
    }

}

@media screen and (max-width:599px) {
    /* 모바일 세로 */

    .list_img2.list_img2_n li img{width: 100%;}
    .section.list_main .list_img_main li {
        margin: 0 0px;
    }
}


/*@media only screen and (max-width : 400px) {
    .list_img2.list_img2_n li img{width: 100%;}
}*/

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

	.submenu li {
        padding: 0 15px;
    }
    #fullpage #section1 .list_icon .ment, #fullpage #section1 .list_icon .ment:hover {
        padding: 9px 0 0;
    }
    #fullpage #section1 .inner .cont {

        margin-top: -225px;
    }
    .scroll_down {
        bottom: 17px;
    }
    .scroll_down img {
        width: 50px;
    }

    .submenu li a {
        font-size: 11px;
    }
}

h1.center{color: #fff;font-size: 15px;line-height: 25px;}
.menu_mobile{padding: 12px 0;margin-top: 58px;}
.menu_mobile li{line-height: 46px;padding: 0 10px;}
.menu_mobile li a{display: block;color: #909090;font-size: 13px;background: url('../img/icon_menu_m.png') 98% center no-repeat;
  background-size: 8px auto;
background-size: 8px auto;}
.menu_mobile li a .icon{width: 16px;margin: 0 7px 0 0;vertical-align: -3px;}

.alarm_mobile a p {
    max-width: 80%;
    width: auto;
}

/*.alarm_mobile{left: 0;top: 0px;width: 100%;background-color: transparent;}
.alarm_mobile{right: auto;width: 100%;text-align: left;top: 0px;}*/
.alarm_mobile {padding: 12px;}
.alarm_mobile_div h1.center {text-align: center;
    position: relative;
    top: 15px;
}

.alarm_mobile li *{font-size: 14px;}
.alarm_mobile li {
    margin: 0 0 18px;
}

.alarm_mobile a p{display: inline-block;
    font-size: 12px;
    vertical-align:top;
    /*width: 90px;*/
    overflow: hidden;
    text-overflow:ellipsis;white-space:nowrap;
    color:#fff;cursor: pointer;}
.alarm_mobile a span{color: #a7a7a7;font-size: 11px;font-weight: 100;float: right;}
.alarm_mobile a strong{color: #fc145b;font-size: 12px;margin: 0 5px 0 0;}



.info_top_m {
  width: 100%;
  background: #151515;
  position: absolute;
  left: 0;
  -webkit-box-sizing: border-box;
  top: 53px;
  z-index: 99999;
  text-align: left;
  border-bottom: 1px solid #202020;
}
.info_top_m p{color: #6c6c6c;}

.lang.mobile { text-align: unset !important; top: unset !important;}


.info_top_m .wrap{position: absolute;right: 10px;top:15px;text-align: right;width: 50%;}
.info_top_m .wrap .btn_style4 {
background: #e71959;
color: #fff;
font-size: 14px;
border: 1px solid #313131;
background: #101010;
color: #848485;
font-size: 12px;
height: 26px;
line-height: 24px;
min-width: 70px;
margin: 0 1px;
}

.btn_back {
display: block;
width: 26px;
margin-top: 0;
font-size: 0;
height: 23px;
position: absolute;
left: 15px;
top: 17px;
background: transparent;
border: 0;
background: url('../img/icon_back.png') 0 0 no-repeat;
background-size: auto;
background-size: 12px auto;
cursor: pointer;
z-index: 999;
}
.lang.mobile .hide a p {
max-width: 70%;
width: auto;
}
.lang .hide.mobile li *{font-size: 14px;}
.lang.mobile{right: auto;width: 100%;text-align: left;top: 0px;left: unset;}
.lang.mobile .hide li {
margin: 0 0 18px;
}
.lang .hide.mobile{left: 0;top: 0px;width: 100%;background-color: transparent;}

.lh-initial{line-height: normal !important;}

/* 반응형 추가 */
.mo_none{display: block;}
.mo_block{display: none;}

@media screen and (max-width: 768px) {
  .mo_none{display: none;}
  .mo_block{display: block;}
}