<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

.txt_indent_wrap {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}

/*.pop_overflow {overflow:hidden;}*/

div.bgm_all_wrap {border-spacing:0; position:relative; height:100%; width:100%; min-width:1300px;}

div.bgm_contents_wrap {width:100%; clear:both; overflow:hidden; position:relative;}

header.main_transparent .header_wrap .active {border-bottom:2px solid #00ffa8 !important; /*!추가.jinseo.2023-01-03*/ color:#00ffa8;} /* #00cd9f-&gt;#00ffa8.jinseo.2023-02-20 */

/**/
.main_transparent {position:fixed; top:0; left:0; width:100%; z-index:1000; background-color:transparent !important; background-color:rgba(0, 0, 0, 1) !important;}
.main_transparent:hover {background-color:rgba(0, 0, 0, 1) !important;}
.main_transparent.active {background-color:rgba(0, 0, 0, 1) !important;}
div.bgm_all_wrap &gt; header.main_transparent &gt; div.header_wrap {width:100%;}
/* *로고를 백그라운드로 사용하지 않음. seo최적. jings3. 2021-12-23
 * div.bgm_all_wrap &gt; header.main_transparent &gt; div.header_wrap h1 {font-size:0; position:absolute; top:29px; left:20px; width:167px; height:21px; background-image:url('../images/layout/logo_eng.png'); background-repeat:no-repeat; background-position:top; cursor:pointer; background-size:cover; -webkit-background-size:cover;} */
div.bgm_all_wrap &gt; header.main_transparent &gt; div.header_wrap h1 {font-size:0; position:absolute; top:29px; left:20px; width:167px; height:21px; cursor:pointer; -webkit-background-size:cover;}
div.bgm_all_wrap &gt; header.main_transparent &gt; div.header_wrap &gt; ul.lt_menu {left:210px;}
div.bgm_all_wrap &gt; header.main_transparent &gt; div.header_wrap &gt; ul &gt; li &gt; a {color:#fff !important;}
div.bgm_all_wrap &gt; header.main_transparent &gt; div.header_wrap &gt; ul &gt; li &gt; a:hover {color:#00ffa8 !important;} /*컬러변경.jinseo.2022-12-29*/
div.bgm_all_wrap &gt; header.main_transparent &gt; div.header_wrap &gt; ul &gt; li &gt; a.active {color:#00ffa8 !important;} /*css추가.jinseo.2023-02-20*/
.head_blank_block {height:80px; clear:both;}
/* 헤더 */
div.bgm_all_wrap &gt; header {clear:both; height:80px; background-color:#000;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap {width:1200px; margin:auto; position:relative;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap a {cursor:pointer;}
/* *로고를 백그라운드로 사용하지 않음. seo최적. jings3. 2021-12-23
 *	div.bgm_all_wrap &gt; header &gt; div.header_wrap h1 {font-size:0; position:absolute; top:26px; left:0px; width:142px; height:25px; background-image:url('../images/layout/logo_black_han_pc.png'); background-repeat:no-repeat; background-position:top; cursor:pointer; background-size:cover; -webkit-background-size:cover;} */
div.bgm_all_wrap &gt; header &gt; div.header_wrap h1 {font-size:0; position:absolute; top:26px; left:0px; width:142px; height:25px; cursor:pointer; -webkit-background-size:cover;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul {position:absolute; height:80px; display:table; table-layout:fixed;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul &gt; li {display:table-cell; vertical-align:middle;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul &gt; li &gt; a {color:#fff; font-size:14px; display:inline-block;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul &gt; li &gt; a:hover {color:#00cd9f;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul &gt; li &gt; a span.round_point {border-radius:10px; display:inline-block; padding:2px 10px; border:1px solid #00ff9c; color:#00ff9c; margin-left:4px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul &gt; li &gt; a span.round_point.mg_cut {margin-left:0;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.lt_menu {top:0; left:210px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.lt_menu &gt; li {padding-right:40px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.lt_menu &gt; li &gt; a {font-size:16px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu {top:0; right:100px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li &gt; a {padding:0 15px 0 0;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li &gt; a:before {content:'|'; display:inline-block; vertical-align:middle; font-size:8px; margin-top:-5px; color:#666; margin-right:15px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li:first-child &gt; a:before {display:none;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.highlight &gt; a {border:1px solid #ccc; color:#fff !important; border-radius:30px; -webkit-border-radius:30px; padding:5px 15px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.highlight &gt; a:hover {border:1px solid #00cd9f; color:#00cd9f !important;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.highlight &gt; a:before {display:none;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor &gt; a {border:1px solid rgba(0,0,0,0.5); color:#000 !important; padding:4px 15px; margin-left:15px; cursor:pointer; border-radius:2px; -webkit-border-radius:2px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor &gt; a:hover {border:1px solid #00cd9f; color:#00cd9f !important;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor &gt; a:hover:after {color:#00cd9f !important;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor &gt; a:before {display:none;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor &gt; a:after {content:'▼'; display:inline-block; font-size:12px; margin:-6px -5px 0 15px; color:#fff; vertical-align:middle;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor &gt; a.active {border:1px solid #00cd9f; color:#00cd9f !important;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor &gt; a.active:after {content:'▲'; color:#00cd9f !important;}

div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor_re &gt; a {border:1px solid rgba(255,255,255,0.5); color:#fff !important; padding:4px 5px 4px 15px; margin-left:15px; cursor:pointer; border-radius:2px; -webkit-border-radius:2px; position:relative; padding-right:30px; width:111px; box-sizing:border-box; text-align:right;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor_re &gt; a:hover {border:1px solid #00cd9f; color:#fff !important;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor_re &gt; a:before {content:''; position:absolute; top:5px; left:2px; width:30px; height:30px; background-image:url('../images/layout/language_ico01.png'); background-size:cover; -webkit-background-size:cover;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; ul.rt_menu &gt; li.eng_kor_re &gt; a:after {content:'▼'; display:block; position:absolute; top:8px; right:8px; font-size:5px; font-family:dotum; margin:0; color:#fff; vertical-align:middle;}

div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; div.language_pop {position:absolute; top:54px; right:100px; background-color:rgba(0, 0, 0, 1) !important; border:1px solid rgba(255,255,255,0.5); padding:0px; width:111px; display:none; z-index:10; box-sizing:border-box;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; div.language_pop.active {display:block;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; div.language_pop &gt; a {display:block; clear:both; color:#fff; padding:5px 15px; margin-bottom:-1px;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; div.language_pop &gt; a:last-child {margin-bottom:0;}
/*div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; div.language_pop &gt; a:after {content:'▶'; display:inline-block; float:right; font-size:12px; margin:0px -2px 0 15px; color:#fff; vertical-align:middle;}*/
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; div.language_pop &gt; a:hover {background-color:#00cd9f;}
/*
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; div.language_pop &gt; a:hover {color:#00cd9f;}
div.bgm_all_wrap &gt; header &gt; div.header_wrap &gt; div.language_pop &gt; a:hover:after {color:#00cd9f;}
*/

div.header_wrap div.head_sitemap_btn_wrap {position:absolute; top:0; right:0;}
div.header_wrap div.head_sitemap_btn_wrap button.head_sitemap_btn {width:80px; height:80px; border:none; box-sizing:border-box; background-color:transparent; background-position:center; background-repeat:no-repeat;  background-image:url('../images/common/header_sitemap_ico01.png'); border-left:1px solid #444; border-right:1px solid #444; font-size:0;}
div.header_wrap div.head_sitemap_btn_wrap button.head_sitemap_btn:hover {background-color:rgba(255,255,255,0.1);}
div.header_wrap div.head_sitemap_btn_wrap button.head_sitemap_btn:focus {outline:none;}

div.header_login_sub_pop_wrap {position:absolute; top:80px; right:0px; display:none; z-index:999999;}
div.header_login_sub_pop_wrap.active {display:block; border-bottom:none !important;}
div.header_wrap ul.header_login_sub_pop {padding:0px 0px 0px 0px; background-color:#000; -webkit-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3);-moz-box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.3); z-index:3; color:#fff; border:1px solid #444;}
div.header_wrap ul.header_login_sub_pop.active {display:block;}
div.header_wrap ul.header_login_sub_pop li {width:170px; text-align:left;}
div.header_wrap ul.header_login_sub_pop li a.ico_a {display:block; font-size:14px; padding:10px 10px 10px 25px; cursor:pointer;}
div.header_wrap ul.header_login_sub_pop li a.ico_a:hover {background-color:#00cd9f;}
div.header_wrap ul.header_login_sub_pop li a.ico_a:hover:after {content:''; width:30px; height:30px; background-image:url('../images/re/common/header_member_ico_arrow_on.png'); background-size:cover; -webkit-background-size:cover; display:inline-block; margin-top:-4px; vertical-align:middle; float:right;}

div.bgm_member_pop_wrap {position:fixed; width:100%; height:100%; top:0; left:0; z-index:999999999999; display:none;}/* overflow-y:scroll;*/
div.bgm_member_pop_wrap.active {display:block;}
div.bgm_member_pop_wrap .black_bg {background-color:#000; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.7;}
div.bgm_member_pop_wrap .bgm_member_pop {position:absolute; top:0; left:0; width:100%; height:100%;}
div.bgm_member_pop_wrap .pop_member_wrap {background-color:#fff; overflow-y:hidden; border-radius:30px; -webkit-border-radius:30px; padding:20px 25px 45px; box-sizing:border-box; text-align:center; max-width:476px; margin:100px auto 0; color:#000; position:relative;}
div.bgm_member_pop_wrap .pop_member_wrap.members {display:none;}
div.bgm_member_pop_wrap .pop_member_wrap.members.active {display:block;}
div.bgm_member_pop_wrap .pop_member_wrap .logo_wrap {margin:25px 0 30px 0;}
div.bgm_member_pop_wrap .pop_member_wrap .logo_wrap span {font-size:30px; font-weight:900; font-family:malgun gothic;}
div.bgm_member_pop_wrap .pop_member_wrap .logo_wrap img {width:160px;}
div.bgm_member_pop_wrap .pop_member_wrap .img.smile img {width:160px;}
.pop_member_wrap .login_input li input[type=text], .pop_member_wrap .login_input li input[type=password] {width:390px; height:50px; line-height:50px; box-sizing:border-box; padding:15px; border:1px solid #cbcbcb; outline:1;}
.pop_member_wrap .login_input li input[type=text] {border-bottom:none;}
.pop_member_wrap .login_input li input[type=password] {border-top:1px solid #efefef;}

.pop_member_wrap .login_btn {width:390px; margin:15px auto 0; clear:both;}
.pop_member_wrap .login_btn button {width:100%; height:50px; line-height:50px; border:none; background-color:#333; color:#fff; font-size:18px; letter-spacing:0px;}
.pop_member_wrap .login_btn button:hover {background-color:#000;}

.pop_member_wrap .id_save_search {width:390px; clear:both; overflow:hidden; display:table; table-layout:fixed; margin:auto;}
.pop_member_wrap .id_save_search &gt; div {display:table-cell; width:50%; font-size:14px; padding:10px 0 0 0;}
.pop_member_wrap .id_save_search &gt; div.lt {text-align:left;}
.pop_member_wrap .id_save_search input[type=checkbox] {vertical-align:middle; margin-top:-3px; margin-right:3px;}
.pop_member_wrap .id_save_search label {cursor:pointer;}
.pop_member_wrap .id_save_search &gt; div.rt {text-align:right;}
.pop_member_wrap .id_save_search &gt; div.rt ul li {display:inline-block; padding-left:10px; margin-left:5px;}
.pop_member_wrap .id_save_search &gt; div.rt ul li a {cursor:pointer;}
.pop_member_wrap .id_save_search &gt; div.rt ul li:first-child {padding-left:0; margin-left:0;}
.pop_member_wrap .id_save_search &gt; div.rt ul li:last-child {border-left:1px solid #ccc;}
.pop_member_wrap .id_save_search &gt; div.rt ul li a:hover {color:#f90;}

.pop_member_wrap.id_search_none h3 {text-align:center;}
.pop_member_wrap.id_search_none .none_id_search {text-align:center; padding:0px 0 10px;}
.pop_member_wrap.id_search_none .none_id_search .img img {width:100px;}
.pop_member_wrap.id_search_none .none_id_search .img {margin-bottom:10px;}

 /* 추가처리. jings3. 2022-01-14 //(B) */
.pop_member_wrap.id_search_none .none_pw_search {text-align:center;padding:0px 0 10px;}
.pop_member_wrap.id_search_none .none_pw_search .img img {width:100px !important;} 
 /* 추가처리. jings3. 2022-01-14 //(E) */

.pop_member_wrap.pw_search_none h3 {text-align:center;}
.pop_member_wrap.pw_search_none .none_pw_search {text-align:center; padding:0px 0 10px;}
.pop_member_wrap.pw_search_none .none_pw_search .img img {width:100px;}
.pop_member_wrap.pw_search_none .none_pw_search .img {margin-bottom:10px;}

.pop_member_wrap.pw_search_comp h3 {text-align:center;}
.pop_member_wrap.pw_search_comp .none_pw_search {text-align:center; padding:0px 0 10px;}
.pop_member_wrap.pw_search_comp .none_pw_search .img img {width:100px;}
.pop_member_wrap.pw_search_comp .none_pw_search .img {margin-bottom:10px;}

/*sns-login*/
.pop_member_wrap .sns-login {width:390px; margin:auto; padding:20px 0px 15px 0; border-top: 1px solid #ebebeb; margin-top:20px;}
.pop_member_wrap .sns-login .facebook, .pop_member_wrap .sns-login .naver { margin-bottom: 10px; }
.pop_member_wrap .sns-login .sns-login-btn-wrap a { width: 100%; display: inline-block;}
.pop_member_wrap .sns-login .sns-login-btn-wrap .sns-login-btn {width: 100%; box-sizing: border-box;}

/*sns login common*/
.sns-login span { display: inline-block; }
.sns-login-btn-wrap { height: 50px; }
.sns-login-btn-wrap .sns-login-btn { line-height: 50px; text-align: center; padding-left: 50px;font-size: 14px; font-weight: bold; letter-spacing: -0.5px;}
.sns-login-btn-wrap.facebook .sns-login-btn{background:#3a589b url('../images/member/fackbook_ico.jpg') no-repeat;color: #fff; }
.sns-login-btn-wrap.facebook .sns-login-btn:hover {background:#2c4273 url('../images/member/fackbook_ico.jpg') no-repeat;}
.sns-login-btn-wrap.kakao .sns-login-btn{background:#fdeb1d url('../images/member/kakao_ico.jpg') no-repeat;color: #3b1e1e; }
.sns-login-btn-wrap.kakao .sns-login-btn:hover {background:#ffef33 url('../images/member/kakao_ico.jpg') no-repeat;}
.sns-login-btn-wrap.naver .sns-login-btn{background:#1ec800 url('../images/member/naver_ico.jpg') no-repeat;color: #fff; }
.sns-login-btn-wrap.naver .sns-login-btn:hover {background:#1aab00 url('../images/member/naver_ico.jpg') no-repeat;}

.pop_member_wrap .join_btn {width:390px; margin:0px auto 0; clear:both;}
.pop_member_wrap .join_btn button {width:100%; height:50px; line-height:26px; border:1px solid #ccc; background-color:#fff; color:#000; font-size:16px; letter-spacing:0px;}
.pop_member_wrap .join_btn button:before {content:''; display:inline-block; width:30px; height:30px; background-image:url('../images/member/login_joinico01.png'); background-size:cover; -webkit-background-size:cover; vertical-align:middle; margin-top:-3px; margin-right:3px;}
.pop_member_wrap .join_btn button:hover {border:1px solid #000;}

.pop_member_wrap .close-btn-wrap { position: absolute; top: 0; right: 0;	width: 70px; height: 70px; background:url('../images/member/close_btn_ico.png') no-repeat;}
.pop_member_wrap .close-btn-wrap a { display: inline-block;width: 100%; height: 100%; }
.pop_member_wrap .close-btn-wrap:hover { background:url('../images/member/close_btn_ico_hover.png') no-repeat; }

.pop_member_wrap  div.total {clear:both; padding:15px 0; width:100%; display:table; table-layout:fixed; border-bottom:1px solid #ccc;}
.pop_member_wrap  div.total h4,.pop_member_wrap &gt; div.total h5 {display:table-cell;}
.pop_member_wrap  div.total h4 {font-size:16px; font-weight:400;}
.pop_member_wrap  div.total h5 {font-size:16px; text-align:right;}
.pop_member_wrap  div.total h5 span {font-size:18px;}

.pop_member_wrap div.join_input_wrap {margin-bottom:10px; text-align:left;}
.pop_member_wrap div.point_input {clear:both; width:100%; position:relative; padding:15px 0 0 0;}
.pop_member_wrap div.point_input h4 {font-size:16px; font-weight:400; position:absolute; top:17px; left:0;}
.pop_member_wrap div.point_input h5 input {width:100%; padding:0px 0px 15px 0 !important; border:none; border-bottom:2px solid #000; text-align:center; font-size:18px; box-sizing:border-box; font-weight:500; height:44px;}
.pop_member_wrap div.point_input h5 input:focus {outline:0; border-bottom:2px solid #47cead;}
.pop_member_wrap div.point_input h5 input::placeholder {font-weight:300; font-size:14px;}
input[type=text]::-ms-clear {display: none;} 

.pop_member_wrap.join ul {padding:10px 0 15px 0; overflow:hidden;}
.pop_member_wrap.join ul.column1 {padding:10px 0 0px 0;}
.pop_member_wrap.join ul li {padding:0px; display:block; box-sizing:border-box; float:left; width:33%;}
.pop_member_wrap.join ul.column1 li {width:100%;}
.pop_member_wrap.join ul.column2 li {width:50%;}
.pop_member_wrap.join ul.column2 li:first-child {padding-right:5px;}
.pop_member_wrap.join ul.column2 li:last-child {padding-left:5px;}
.pop_member_wrap.join ul.column3 li:first-child {padding-right:10px;}
.pop_member_wrap.join ul.column3 li:last-child {padding-left:10px;}
.pop_member_wrap.join ul li.plus {width:34%;}

.pop_member_wrap.join .textarea_box textarea {width:100%; border:1px solid #ccc; height:80px; margin:15px 0 0 0; padding:20px; box-sizing:border-box; resize:none;}

.pop_member_wrap.join ul li input[type=checkbox] {width:0; height:0; padding:0; margin:0; border:0; font-size:0; display:none;}
.pop_member_wrap.join ul li input[type=checkbox] + label {border:1px solid transparent; width:100%; display:block; float:left; padding:7px 0px 4px 15px; box-sizing:border-box; cursor:pointer; margin:0; text-align:left; position:relative;}
.pop_member_wrap.join ul li input[type=checkbox] + label.all_chk {border:1px solid #ccc; padding:15px 0px 12px 15px;}
.pop_member_wrap.join ul li input[type=checkbox] + label.all_chk:before {width:30px; height:30px;}
.pop_member_wrap.join ul li input[type=checkbox] + label:before {content:''; display:inline-block; width:24px; height:24px; background-image:url('../images/re/common/renew_radio_chk_ico_off.png'); background-size:cover; -webkit-background-size:cover; margin-top:-4px; margin-right:10px; vertical-align:middle;}
.pop_member_wrap.join ul li input[type=checkbox] + label.privacy:before {margin-right:7px;}
.pop_member_wrap.join ul li input[type=checkbox]:checked + label {border:1px solid transparent; color:#2eab8c;}
.pop_member_wrap.join ul li input[type=checkbox]:checked + label.all_chk {border:1px solid #47cead;}
.pop_member_wrap.join ul li input[type=checkbox]:checked + label:before {background-image:url('../images/re/common/renew_radio_chk_ico_on.png');}
.pop_member_wrap.join ul li input[type=checkbox] + label button.info {border:1px solid #ccc; padding:5px 10px; background-color:#efefef; position:absolute; top:0px; right:8px;}
.pop_member_wrap.join ul li input[type=checkbox]:checked + label button.info {background-color:#2eab8c; border:1px solid #2eab8c; color:#fff;}

.pop_member_wrap .join_ok_btn {width:100%; margin:5px auto 0; clear:both;}
.pop_member_wrap .join_ok_btn button {width:100%; height:50px; line-height:50px; border:none; background-color:#000; color:#fff; font-size:18px; letter-spacing:0px;}
.pop_member_wrap .join_ok_btn button:hover {background-color:#2eab8c;}

.pop_member_wrap .title_wrap h2 {font-size:24px;}
.pop_member_wrap .title_wrap h3 {font-size:18px; font-weight:400; margin-top:10px; margin-bottom:15px;}

.pop_member_wrap.join_comp div.join01_btn_wrap {border:1px solid #dcdcdc; border-radius:20px; -webkit-border-radius:20px; box-shadow:0 2px 6px rgba(0,0,0,0.1); -webkit-box-shadow:0 2px 6px rgba(0,0,0,0.1); margin-top:30px;}
.pop_member_wrap.join_comp div.join01_btn_wrap p.img {clear:both; padding:30px 0 10px 0; margin:0;}
.pop_member_wrap.join_comp div.join01_btn_wrap p.img img {width:80px;}
.pop_member_wrap.join_comp div.join01_btn_wrap h4 {font-size:20px; margin:0 0 20px 0;}
.pop_member_wrap.join_comp div.join01_btn_wrap h4 span {font-weight:400;}
.pop_member_wrap.join_comp div.join01_btn_wrap p.txt {clear:both; padding:0 0 7px 54px; margin:0; font-size:14px; text-align:left;}
.pop_member_wrap.join_comp div.join01_btn_wrap p.btn {clear:both; padding:15px 0 30px 0;}
.pop_member_wrap.join_comp div.join01_btn_wrap p.btn button {background-color:#fff; border:1px solid #000; border-radius:20px; -webkit-border-radius:20px; font-size:17px; padding:10px 15px; display:inline-block; font-weight:700;}
.pop_member_wrap.join_comp div.join01_btn_wrap p.btn button:hover {background-color:#efefef;}

.pop_member_wrap .search_comp_btn {margin-top:10px; clear:both; overflow:hidden;}
.pop_member_wrap .search_comp_btn button {background-color:transparent; border:1px solid #ccc; color:#000; display:inline-block; min-width:130px; padding:10px 15px; margin:3px;}
.pop_member_wrap .search_comp_btn button:hover {border:1px solid #000; background-color:#;}

/* 푸터 */
div.bgm_all_wrap &gt; footer {clear:both; margin-bottom:113px; position:relative; box-sizing:border-box; padding:23px 34px; background-position:top; background-repeat:repeat-x; background-image:url('../images/re/common/footer_border.png'); background-size:100% auto;}
div.bgm_all_wrap &gt; footer div.footer_wrap {width:1200px; margin:auto; position:relative;}
div.bgm_all_wrap &gt; footer ul.footer_btn01 {clear:both;}
div.bgm_all_wrap &gt; footer ul.footer_btn01 li {float:left; margin-right:20px; margin-bottom:10px;}
div.bgm_all_wrap &gt; footer ul.footer_btn01 li a {color:#00cd9f; font-size:14px; }
div.bgm_all_wrap &gt; footer ul.footer_btn01 li a:hover {color:#00a37e;}

div.bgm_all_wrap &gt; footer ul.footer_btn02 {clear:both;}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li {float:right;}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li a.social_btn {display:inline-block; width:40px; height:40px; margin:0 3px; background-size:cover; -webkit-background-size:cover; font-size:0; line-height:0; vertical-align:middle; opacity:0.9;}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li a.social_btn:hover {opacity:1;}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li a.social_btn.facebook {background-image:url('../images/layout/social_btn01.png');}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li a.social_btn.twitter {background-image:url('../images/layout/social_btn02.png');}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li a.social_btn.insta {background-image:url('../images/layout/social_btn03.png');}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li a.social_btn.kakao {background-image:url('../images/layout/social_btn04.png');}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li a.social_btn.blog {background-image:url('../images/layout/social_btn05.png');}
div.bgm_all_wrap &gt; footer ul.footer_btn02 li a.social_btn.post {background-image:url('../images/layout/social_btn06.png');}

div.bgm_all_wrap &gt; footer span {line-height:24px; font-size:13px; color:#474747;}

/* 재생플레이어 */
div.bgm_player_wrap {position:fixed; bottom:0; left:0; width:100%; height:112px;  z-index:1000; display:none;}
div.bgm_player_wrap .gray_line {background-color:#333; color:#fff; height:80px; margin-top:32px; box-shadow:rgba(0, 0, 0, 0.75) 0px -11px 35px -7px; -webkit-box-shadow:rgba(0, 0, 0, 0.75) 0px -11px 35px -7px; display:table; table-layout:fixed; width:100%; position:relative; box-sizing:border-box;}

div.bgm_player_wrap .gray_line &gt; div.popup_price_come {display:none; position:absolute; top:-170px; left:0; width:100%; color:#000;}
div.bgm_player_wrap .gray_line div.popup_price_come_wrap {position:relative; width:1200px; margin:auto;}
div.bgm_player_wrap .gray_line div.popup_price_come_pop {width:386px; height:151px; position:absolute; top:0; left:406px; background-image:url('../images/layout/player_pop_price_come_bg.png'); background-repeat:no-repeat; background-position:top;}
div.bgm_player_wrap .gray_line div.popup_price_come_pop &gt; h3 {margin:20px 0 5px 0; font-size:18px; text-align:center;}
div.bgm_player_wrap .gray_line div.popup_price_come_pop &gt; h3 span {font-weight:300;}
div.bgm_player_wrap .gray_line div.popup_price_come_pop .btn_wrap {text-align:center;}
div.bgm_player_wrap .gray_line div.popup_price_come_pop .btn_wrap button {background-color:#00d587; border-radius:25px; -webkit-border-radius:25px; padding:5px 25px; color:#fff; border:none; font-size:16px; text-align:center; min-width:170px; margin:5px 0 5px 0;}
div.bgm_player_wrap .gray_line div.popup_price_come_pop .btn_wrap button:hover {background-color:#00a76a;}
div.bgm_player_wrap .gray_line button.delete_btn {position:absolute; top:15px; left:754px; width:20px; height:20px; background-image:url('../images/common/file_del_btn.png'); background-position:center; background-repeat:no-repeat; background-color:transparent; background-size:cover; font-size:0; border:none; z-index:999;}

div.bgm_player_wrap .gray_line &gt; div {display:table-cell;width:33%; box-sizing:border-box; vertical-align:middle;}
div.bgm_player_wrap .gray_line &gt; div.song_info div.thumb {float:left; width:80px;}
div.bgm_player_wrap .gray_line &gt; div.song_info div.thumb img {width:80px; height:80px;}
div.bgm_player_wrap .gray_line &gt; div.song_info div.info {float:left; padding:18px 20px 0;}
div.bgm_player_wrap .gray_line &gt; div.song_info div.info h3 {font-size:16px; font-weight:500;}
div.bgm_player_wrap .gray_line &gt; div.song_info div.info h4 {font-size:12px; font-weight:500; color:#7e7e7e;}
div.bgm_player_wrap .gray_line &gt; div.song_info div.info h4 span {color:#b0b0b1;}

div.bgm_player_wrap .gray_line &gt; div.play_control {width:34%; text-align:center;}
div.bgm_player_wrap .gray_line &gt; div button.player_btn {background-color:transparent; border:none; font-size:0; display:inline-block; background-repeat:no-repeat; background-position:center; outline:0; margin-top:-5px; vertical-align:middle;}
div.bgm_player_wrap .gray_line &gt; div button.on_off {width:50px; height:50px;}
div.bgm_player_wrap .gray_line &gt; div button.option_btn {width:30px; height:30px; margin:0 5px;}
div.bgm_player_wrap .gray_line &gt; div button.rorate {background-image:url('../images/player/player_rorate_ico.png'); opacity:0.5;}
div.bgm_player_wrap .gray_line &gt; div button.rorate.active {opacity:1;}
div.bgm_player_wrap .gray_line &gt; div button.rorate:hover {opacity:1;}
div.bgm_player_wrap .gray_line &gt; div button.prev {background-image:url('../images/player/player_prev_ico.png');}
div.bgm_player_wrap .gray_line &gt; div button.play {background-image:url('../images/player/player_play_ico.png');}
div.bgm_player_wrap .gray_line &gt; div button.pause {background-image:url('../images/player/player_pause_ico.png'); display:none;}
div.bgm_player_wrap .gray_line &gt; div button.next {background-image:url('../images/player/player_next_ico.png');}
div.bgm_player_wrap .gray_line &gt; div button.random {background-image:url('../images/player/player_random_ico.png'); opacity:0.5;}
div.bgm_player_wrap .gray_line &gt; div button.random.active {opacity:1;}
div.bgm_player_wrap .gray_line &gt; div button.random:hover {opacity:1;}

div.bgm_player_wrap .gray_line &gt; div .volume_bar_wrap {display:inline-block; vertical-align:middle; width:110px; height:14px; position:relative; font-size:0; cursor:pointer; margin-top:-6px;}
div.bgm_player_wrap .gray_line &gt; div .volume_bar_wrap .output_bar {position:absolute; top:6px; left:0; width:100%; height:4px; background-color:#545454; border-radius:4px; -webkit-border-radius:4px;}
div.bgm_player_wrap .gray_line &gt; div .volume_bar_wrap .input {position:relative; width:100%; height:100%; z-index:5;}
div.bgm_player_wrap .gray_line &gt; div .volume_bar_wrap .input .input_bar {position:absolute;top:6px; left:0; width:100%; height:4px; background-color:#fff; border-radius:4px; -webkit-border-radius:4px;}
div.bgm_player_wrap .gray_line &gt; div .volume_bar_wrap .input .input_btn {position:absolute; top:0; right:0; width:14px; height:14px; background-color:#fff; border-radius:50%; -webkit-border-radius:50%;}

div.bgm_player_wrap .gray_line &gt; div button.volume {background-image:url('../images/player/player_volume_ico.png'); margin-top:-4px;}
div.bgm_player_wrap .gray_line &gt; div button.volume.mute {background-image:url('../images/player/player_volume_ico_off.png');}
div.bgm_player_wrap .gray_line &gt; div button.list {background-image:url('../images/player/player_list_ico.png'); margin-top:2px; margin-left:5px;}
div.bgm_player_wrap .gray_line &gt; div button.list.active {background-image:url('../images/player/player_list_ico_on.png');}

div.bgm_player_wrap .gray_line &gt; div.others_btn {text-align:right; padding-right:10px;}

div.bgm_player_wrap .gray_line div.play_bars {display:block; position:absolute; top:-10px; left:0; width:100%; height:20px; cursor:pointer;}
div.bgm_player_wrap .gray_line div.play_bars * {transition: all ease 0.1s;}
div.bgm_player_wrap .gray_line div.play_bars_wrap {position:relative; width:100%; height:20px; float:left;}
div.bgm_player_wrap .gray_line div.play_bars_wrap .gradient_line {position:absolute; top:8px; left:0; width:100%; height:2px; background-image:url('../images/player/player_gradient_bg.png'); background-size:cover; -webkit-background-size:cover;}
div.bgm_player_wrap .gray_line div.play_bars_wrap .input_select {position:absolute; top:8px; right:0px; width:2px; height:2px; background-color:#ff7800; border-radius:50%; -webkit-border-radius:50%;}
div.bgm_player_wrap .gray_line div.play_bars:hover .input_select {top:0; right:-8px; width:20px; height:20px;}

/* 재생플레이어 플레이리스트 */
.renew_player_popup {position:fixed; top:0; right:-400px; width:400px; height:100%; padding-bottom:23px; background-color:#333; box-sizing:border-box; z-index:999;  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.renew_player_popup_wrap {position:relative; width:100%; height:100%; clear:both; overflow-y:hidden;}
.renew_player_popup .renew_player_pop_title {clear:both; overflow:hidden; background-color:#fff; height:120px; position:relative;}
.renew_player_popup .renew_player_pop_title span.thumbs {display:block; width:100px; height:100px; position:absolute; top:10px; left:10px; background-size:cover; -webkit-background-size:cover;}
.renew_player_popup .renew_player_pop_title h3, .renew_player_popup .renew_player_pop_title h4 {position:absolute; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; word-break:break-all; width:180px; font-weight:400;}

.player_title_wrap {color:#fff; margin:30px 15px 0 25px; vertical-align:middle; position:relative;}
.player_title_wrap h3 {float:left; font-size:17px; font-weight:700;}
.player_title_wrap h3 span {font-weight:500;}
.player_title_wrap button.favorite {position:absolute; top:-3px; right:0; font-size:14px; border:1px solid #fff; border-radius:15px; -webkit-border-radius:15px; background:transparent; outline:none; color:#fff; padding:3px 15px 0 10px; min-height:35px; box-sizing:border-box;}
.player_title_wrap button.favorite:before {content:''; display:inline-block; vertical-align:middle; margin-top:-3px; width:30px; height:30px; background-size:cover; -webkit-background-size:cover; background-image:url('../images/player/favorite_ico_off.png');}
.player_title_wrap button.favorite.active {border:1px solid #fff; color:#fff;}
.player_title_wrap button.favorite.active:before {background-image:url('../images/player/player_list_ico.png'); margin-top:0;}
/*.player_title_wrap button.favorite.active {background-image:url('../images/player/favorite_ico_on.png');}*/

.renew_player_popup .renew_player_pop_song_list {clear:both; overflow:hidden;}
.renew_player_popup .renew_player_pop_song_list ul {padding:25px 13px;}
.renew_player_popup .renew_player_pop_song_list ul li {clear:both; display:table; table-layout:fixed; height:34px; color:#fff; width:100%; padding-bottom:8px; border-bottom:1px solid #444; margin-bottom:7px;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div {display:table-cell; vertical-align:middle; padding:5px 0 0 0;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.numb, .renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn {width:34px; text-align:center;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.numb {font-size:18px; padding:3px 0 0 0;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.thumbs {width:44px; padding:2px 0 0 10px; position:relative; cursor:pointer;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.thumbs .image_round {border-radius:10px; -webkit-border-radius:10px; width:44px; height:44px; overflow:hidden;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.thumbs .image_round img {width:44px; height:44px;}
.renew_player_popup .renew_player_pop_song_list ul li.playing &gt; div.thumbs:before {content:''; display:block; position:absolute; top:2px; left:10px; width:44px; height:44px; background-color:rgba(0, 0, 0, 0.5); border-radius:10px; -webkit-border-radius:10px; background-size:20px; -webkit-background-size:20px; background-image:url('../images/player/player_play_ico_on.png'); background-repeat:no-repeat; background-position:center;}
.renew_player_popup .renew_player_pop_song_list ul li.playing &gt; div.thumbs:hover:before {background-image:url('../images/player/player_play_ico_on.png');}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.thumbs:hover:before {content:''; display:block; position:absolute; top:2px; left:10px; width:44px; height:44px; background-color:rgba(0, 0, 0, 0.5); border-radius:10px; -webkit-border-radius:10px; background-size:20px; -webkit-background-size:20px; background-image:url('../images/player/player_play_ico.png'); background-repeat:no-repeat; background-position:center;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.submit {padding:0 10px 0 15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left; cursor:pointer;}
.renew_player_popup .renew_player_pop_song_list ul li.playing &gt; div.submit {color:#00ffc6;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn button {font-size:0; border:none; background:transparent; width:30px; height:30px; background-size:cover; -webkit-background-size:cover; outline:none;}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn button.video {background-image:url('../images/player/playlist_ico01.png');}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn button.download {background-image:url('../images/player/playlist_ico02.png');}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn button.like {background-image:url('../images/player/playlist_ico03.png');}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn button.delete {background-image:url('../images/player/playlist_ico04.png');}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn button.video.active {background-image:url('../images/player/playlist_ico01on.png');}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn button.download.active {background-image:url('../images/player/playlist_ico02on.png');}
.renew_player_popup .renew_player_pop_song_list ul li &gt; div.btn button.like.active {background-image:url('../images/player/playlist_ico03on.png');}

</pre></body></html>