@charset "utf-8";
@import url('plugin.css');

/*body{background-color:#f5f3f3; background-image:linear-gradient(to bottom, rgba(255,255,255,1) 580px, rgba(245,243,243,1) 100%); background-repeat:no-repeat}*/
body{background-color:#ffffff;  background-repeat:no-repeat}
#wrap{position:relative; min-height:100%}
#wrap.fit_ht{height:100%}
#header{position:relative; width:100%; height:68px; z-index:501}
#container{position:relative; max-width:640px; margin:0 auto; background-color:#fff}
#wrap.fit_ht #container{min-height:100%}
/* 시작 heima 2021-02-26 수정 */
#contents{position:relative; padding-bottom:10px;}
/* 끝 heima 2021-02-26 수정 */
#contents > section{position:relative;}
/* 시작 2021-02-19 수정 */
.grid{position:relative; padding-left:15px; padding-right:15px}
/* 끝 2021-02-19 수정 */
.wide{position:relative; width:100%;}
.separate1{width:100%; height:1px; background-color:#e9e9e9}
/* 시작 2025-10-13 수정 */
/*.separate2{width:100%; height:10px; background-color:#f5f3f3}*/
.separate3{width:100%; height:1px; background-color:#f5f3f3}
/* 끝 2021-02-19 수정 */

.m_separate1{display:none; width:100%; height:10px; background-color:#f5f3f3}
/* 시작 2021-02-20 수정 */
/*#member #wrap{max-width:640px; margin:0 auto; background-color:#fff}*/
/* 끝 2021-02-20 수정 */

/* ==========================================================================
   HEADER & FOOTER
   ========================================================================== */
#header .inner_header{display:none; position:relative; height:68px; padding:13px 24px; background-color:#fff; box-sizing:border-box;}
#header .inner_header.fixed{position:fixed;  width:100%; border-bottom:1px solid #eaeaea; animation:fixed_header .5s ease-in-out}

@keyframes fixed_header
{
    from {top:-68px;}  to {top: 0;}
}

#header h1{display:none; position:absolute; top:20px; z-index:50}
#header h1 img{width:112px}
#header nav{position:relative; float:left; }
#header nav li{position:relative; float:left; margin-right:18px; padding:8px 0}
#header nav li:last-child{margin-right:0}
#header nav li:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; border-radius:2px; background-color:transparent}
#header nav li a{font-size:17px; font-weight:bold; color:#bababa; line-height:24px; letter-spacing:-0.5px}
#header nav li.selected a{color:#222}
#header nav li.selected:after{background-color:#d71023}
/* 시작 2021-02-15 수정 */
#header .btn_mypage{position:absolute; top:21px; right:0; width:61px; z-index:100; padding-left:20px; background-image:linear-gradient(to right, rgba(255,255,255,.2) 5px, rgba(255,255,255,.4) 13px, rgba(255,255,255,1) 25px); background-repeat:no-repeat}
#header .btn_mypage a{display:block; font-size:0; height:28px;}
#header .btn_mypage.login a{background:url('/appimg/common/ico_user1.png') no-repeat 10px 0; background-size:27px auto}
#header .btn_mypage.logout a{background:url('/appimg/common/ico_user1_1.png') no-repeat 10px 0; background-size:27px auto}
/* 끝 2021-02-15 수정 */

#header .member_header{position:relative; height:68px; padding:21px 24px; max-width:640px; width:100%; margin:0 auto; background-color:#fff; box-sizing:border-box; }
#header .member_header .btn_prev a{display:inline-block; font-size:17px; font-weight:bold; color:#333; line-height:22px; letter-spacing:-0.25px; padding:0 5px 0 38px; background:url('/appimg/common/arw3.png') no-repeat 0 center; background-size:19px auto}
/* 시작 2021-02-20 수정 */
#board_header .inner_header{position:relative; height:68px; max-width:640px; width:100%; margin:0 auto; border-bottom:1px solid #e7e6e6; background-color:#fff; box-sizing:border-box; }
#board_header .inner_header .btn_prev{position:absolute; top:12px; left:24px; z-index:60}
#board_header .inner_header .btn_prev a{display:inline-block; width:19px; height:17px; font-size:0; padding:5px; background:url('/appimg/common/arw3_2.png') no-repeat 0 center; background-size:19px auto}
#board_header .inner_header h1{display:block; position:relative; left:auto; top:auto; padding-top:24px; font-size:17px; font-weight:bold; color:#222; text-align:center}
#board_header .inner_header .btn_write{position:absolute; top:12px; right:24px; z-index:60}
#board_header .inner_header .btn_write a{display:inline-block; width:18px; height:18px; font-size:0; padding:5px; background:url('/appimg/common/ico_note2.png') no-repeat right center; background-size:18px auto}
/* 끝 2021-02-20 수정 */

/* 시작 2021-02-15 수정 */
#header .mobile_header{position:relative; background:#fff;}
#header .mobile_header:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#eceaea}
#header .mobile_header.fixed{position:fixed;  width:100%; animation:fixed_header .5s ease-in-out}
#header .mobile_header .nav{padding:0 50px 0 13px;}
#header .mobile_header .nav .swiper-slide{width:auto}
#header .mobile_header .nav .swiper-slide a{display:block; padding:0 11px}
#header .mobile_header .nav .swiper-slide span{display:inline-block; position:relative; padding:23px 0px; font-family: 'Noto Sans KR', sans-serif; font-size:18px; font-weight:bold; color:#bababa; letter-spacing:-0.5px}
#header .mobile_header .nav .swiper-slide.selected span{color:#222}
#header .mobile_header .nav .swiper-slide.selected span:after{content:""; position:absolute; left:0; bottom:0; width:100%; height:4px; background:#d71023; border-radius:2px}
#header .mobile_header .btn_mypage{top:19px;}
/* 끝 2021-02-15 수정 */

/* 시작 2021-02-15 수정 */
#fixed_bottom{position:fixed; max-width:640px; width:100%; bottom:0; box-sizing:border-box; z-index:600}
#fixed_bottom .bottom_bar{padding-bottom:calc(constant(safe-area-inset-bottom) + 1px); padding-bottom:calc(env(safe-area-inset-bottom) + 1px);border-top:1px solid #eceaea; background-color:#fff}
#fixed_bottom .bottom_bar li{float:left; width:20%; text-align:center; box-sizing:border-box;}
#fixed_bottom .bottom_bar li a{display:block; padding:10px 0}
#fixed_bottom .bottom_bar li span{display:block; font-size:10px; color:#aaa; padding-top:25px;}
#fixed_bottom .bottom_bar li span.ico1{background:url('/appimg/common/ico_bt1_1.png') no-repeat center 1px; background-size:21px auto}
#fixed_bottom .bottom_bar li span.ico2{background:url('/appimg/common/ico_bt2_1.png') no-repeat center 0; background-size:22px auto}
#fixed_bottom .bottom_bar li span.ico3{background:url('/appimg/common/ico_bt3_1.png') no-repeat center 1px; background-size:23px auto}
#fixed_bottom .bottom_bar li span.ico4{background:url('/appimg/common/ico_bt4_1.png') no-repeat center 2px; background-size:17px auto}
#fixed_bottom .bottom_bar li.selected span{color:#222}
#fixed_bottom .bottom_bar li.selected span.ico1{background-image:url('/appimg/common/ico_bt1_2.png')}
#fixed_bottom .bottom_bar li.selected span.ico2{background-image:url('/appimg/common/ico_bt2_2.png')}
#fixed_bottom .bottom_bar li.selected span.ico3{background-image:url('/appimg/common/ico_bt3_2.png')}
#fixed_bottom .bottom_bar li.selected span.ico4{background-image:url('/appimg/common/ico_bt4_2.png')}
/* 끝 2021-02-15 수정 */


.info_compay{text-align:center; padding:20px 0 82px; background-color:#eee}
.info_compay .footer_menu{}
.info_compay .footer_menu li{display:inline-block; }
.info_compay .footer_menu li:after{content:""; display:inline-block; width:1px; height:11px; background-color:#ccc; vertical-align:middle; margin:0 6px}
.info_compay .footer_menu li:last-child:after{display:none; }
.info_compay .footer_menu li a{display:inline-block; font-size:12px; color:#666; line-height:18px; padding:4px 3px}
.info_compay address{margin-top:9px; font-size:12px; color:#999; line-height:20px}
.info_compay address span{color:#888}
/* 시작 heima 2021-03-05 수정 */
#borad .info_compay{padding:20px 0 162px;}
/* 끝 heima 2021-03-05 수정 */
/* ==========================================================================
  SPLASH
   ========================================================================== */
#pg_splash #wrap{height:100%}
#splash{position:relative; width:100%; height:100%; background-color:#fff}
#splash .logo{position:absolute; left:50%; top:50%; transform: translate(-50%, -70%);}
#splash .logo img{width:198px}
#splash .bottom_text{position:absolute; left:0; bottom:36px; width:100%; text-align:center}
#splash .bottom_text .txt_ver{font-size:11px; color:#919191}
#splash .bottom_text .copyright{margin-top:12px; font-size:10px; color:#333}

/* ==========================================================================
  COMMON
   ========================================================================== */
.swiper-button-prev, .swiper-button-next{outline:0}
/*매매 테이블*/
.n_table1 table{width:100%; text-align:center; overflow:hidden; border-radius:10px; box-shadow: 1px 2px 5px 3px rgba(0,0,0,.15)}
.n_table1 table thead th{height:40px; font-size:13px; font-weight:300; color:#aaa; letter-spacing:-0.25px; border-right:1px solid #3b3a3a; background-color:#222}
.n_table1 table thead th:last-child{border-right:1px solid #222}
.n_table1 table tbody tr td{height:48px; padding:0 5px; border-bottom:1px solid #f4f1f1; background-color:#fff}
.n_table1 table tbody tr:first-child td{border-top:1px solid #fff}
.n_table1 table tbody tr:last-child td{border-bottom:0}
.n_table1 table tbody tr td.hm_item1{background-color:#d71124; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-0.25px; padding-left:10px; text-align:left;}
.n_table1 table tbody tr td.hm_item2{padding-left:10px; padding-right:0; border-right:1px solid #f4f1f1; font-size:14px; font-weight:bold; line-height:1.3; text-align:left; letter-spacing:-0.5px}
.n_table1 table tbody tr td.hm_item2.s_member{color:#d71124}
.n_table1 table tbody tr td.hm_item2.s_member1{color:#d71124; background-color:#faf8f8}
.n_table1 table tbody tr td.hm_item3{border-right:1px solid #f4f1f1; font-family: 'Open Sans', sans-serif; font-size:14px; font-weight:bold; color:#d71124; letter-spacing:-0.25px}
.n_table1 table tbody tr td.c4{color:#005dde}
.n_table1 table tbody tr td.hm_item3.c1{color:#222}
.n_table1 table tbody tr td.hm_item4{width:48px; font-family: 'Roboto Condensed', sans-serif; font-size:13px; color:#666; letter-spacing:-0.25px}
.n_table1 table tbody tr td.hm_item5{font-size:13px; font-weight:400; color:#666; letter-spacing:-0.5px}
.n_table1 table tbody tr td.hm_item6{font-weight:400; color:#666; letter-spacing:-0.5px}
.n_table1 table tbody tr td.c3{background:#1d50c4;}

.n_table2 table{width:100%; text-align:center; overflow:hidden; border-radius:10px; box-shadow: 1px 2px 5px 3px rgba(0,0,0,.15)}
.n_table2 table thead th{height:40px; font-size:13px; font-weight:300; color:#aaa; letter-spacing:-0.25px; border-right:1px solid #3b3a3a; background-color:#222}
.n_table2 table thead th:last-child{border-right:1px solid #222}
.n_table2 table tbody tr td{height:48px; padding:0 5px; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:bold; color:#222; letter-spacing:-0.25px; border-right:1px solid #f4f1f1; border-bottom:1px solid #f4f1f1; background-color:#fff}
.n_table2 table tbody tr td:last-child{border-right:0}
.n_table2 table tbody tr:first-child td{border-top:1px solid #fff}
.n_table2 table tbody tr:last-child td{border-bottom:0;}
.n_table2 table tbody tr td .tag{display:inline-block; font-family:'Malgun Gothic', '맑은 고딕'; font-size:11px; color:#fff; padding:0 4px; line-height:21px; margin-left:3px; letter-spacing:-0.5px; border-radius:2px; vertical-align:top;}
.n_table2 table tbody tr td .tag1{background-color:#4f67d9}
.n_table2 table tbody tr td .tag2{background-color:#d71124}
.n_table2 table tbody tr td.hm_item1{padding-right:0; padding-left:10px; font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:bold; color:#222; line-height:21px; text-align:left; letter-spacing:-0.5px}
.n_table2 table tbody tr td.hm_item4{color:#d71124}
.n_table2 table tbody tr td.subtraction{color:#1248c2}


.n_table3 table{width:100%; text-align:center; overflow:hidden;}
.n_table3 table thead th{height:40px; font-size:13px; font-weight:300; color:#aaa; letter-spacing:-0.25px; border-right:1px solid #3b3a3a; background-color:#222}
.n_table3 table thead th:last-child{border-right:1px solid #222}
.n_table3 table tbody tr td{height:72px; padding:0 5px; font-size:16px; font-weight:bold; color:#222; line-height:21px; border:1px solid #e9e9e9; background-color:#fff}
.n_table3 table tbody tr td span{font-family: 'Open Sans', sans-serif; }
.n_table3 table tbody tr:first-child td{border-top:0}
.n_table3 table tbody tr td .c1{color:#d71023}
.n_table3 table tbody tr td .date{font-size:13px; font-weight:400;}
.n_table3 table tbody tr td .tag{display:inline-block; width:59px; line-height:22px; margin-top:3px; font-family:'Malgun Gothic', '맑은 고딕'; font-size:12px; font-weight:bold; letter-spacing:-0.5px; border:1px solid #eee; background-color:#fff; box-sizing:border-box; border-radius:2px; cursor:pointer}
.n_table3 table tbody tr td .tag1{color:#d71023; border-color:#d71023}
.n_table3 table tbody tr td.hm_item1{font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:bold; color:#222; letter-spacing:-0.5px}
.n_table3 table tbody tr td.hm_item4{color:#d71124}

.n_table4 table{width:100%; text-align:center; overflow:hidden;}
.n_table4 table thead th{height:40px; font-size:12px; font-weight:300; color:#aaa; letter-spacing:-0.25px; border-right:1px solid #3b3a3a; background-color:#222}
.n_table4 table thead th:last-child{border-right:1px solid #222}
.n_table4 table tbody tr td{height:49px; padding:0 5px; font-size:16px; font-weight:bold; color:#222; line-height:21px; border:1px solid #e9e9e9; background-color:#fff}
.n_table4 table tbody tr td span{font-family: 'Open Sans', sans-serif; }
.n_table4 table tbody tr:first-child td{border-top:0}
.n_table4 table tbody tr td .date{font-size:13px; font-weight:400;}
.n_table4 table tbody tr td.hm_item1{font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:bold; color:#222; letter-spacing:-0.5px}
.n_table4 table tbody tr td.hm_item4{font-size:13px; font-weight:bold; color:#d71124}
/*월간 수익율*/
.n_table5 table{width:100%; text-align:center; overflow:hidden; border-radius:10px; box-shadow: 1px 2px 5px 3px rgba(0,0,0,.15)}
.n_table5 table thead th{height:40px; font-size:13px; font-weight:300; color:#aaa; letter-spacing:-0.25px; border-right:1px solid #3b3a3a; background-color:#222}
.n_table5 table thead th:last-child{border-right:1px solid #222}
.n_table5 table tbody tr td{height:48px; padding:0 5px; letter-spacing:-0.25px; border-right:1px solid #f4f1f1; border-bottom:1px solid #f4f1f1; background-color:#fff}
.n_table5 table tbody tr td:last-child{border-right:0}
.n_table5 table tbody tr:first-child td{border-top:1px solid #fff}
.n_table5 table tbody tr:last-child td{border-bottom:0;}
.n_table5 table tbody tr td .tag{display:inline-block; width:55px; font-family: 'Noto Sans KR', sans-serif; font-size:14px; font-weight:bold; color:#fff; text-align:center; line-height:32px; margin-right:23px; background-color:#d91a2d; border-radius:16px; vertical-align:middle;}
.n_table5 table tbody tr td.hm_item1{width:60%; padding-right:0; padding-left:10px;font-family: 'Open Sans', sans-serif;  font-size:16px; font-weight:bold; color:#d71124; line-height:21px; text-align:left}
.n_table5 table tbody tr.c1 td.hm_item1{color:#005dde}
.n_table5 table tbody tr.c1 td .tag{background-color:#005dde}
.n_table5 table tbody tr td.hm_item2{width:40%; font-family: 'Roboto Condensed', sans-serif; font-size:14px; font-weight:400; color:#222;}

/* ==========================================================================
  MAIN SECTION
   ========================================================================== */
/*오픈톡방*/
.btn_opentalk{padding-left:50px; background:url('/appimg/common/kakao1.png') no-repeat 0 center; background-size:44px auto}
.btn_opentalk a{display:block; line-height:42px; font-size:14px; color:#222; letter-spacing:-0.5px; border:1px solid #e5e5e5; padding-left:18px; border-radius:21px; background:url('/appimg/common/arw1.png') no-repeat right 14px center; background-size:7px auto; box-sizing:border-box;}

/*카카오 오픈톡 및 채널*/
.btn_kakao_set{}
.btn_kakao_set > div{float:left; width:calc(50% - 5px); box-sizing:border-box;}
/* 시작 2021-02-20 수정 */
.btn_kakao_set > div > a{display:block; line-height:35px; font-size:15px; font-weight:bold; color:#381e1f; text-align:center; letter-spacing:-0.7px; border:1px solid #ebc703; background-color:#fed700; border-radius:21px; }
/* 시작 2021-02-20 수정 */
.btn_kakao_set > div > a > span{display:inline-block; padding-left:28px}
.btn_kakao_set .btn_kakao1{float:left;}
.btn_kakao_set .btn_kakao1 a{}
.btn_kakao_set .btn_kakao1 span{background:url('/appimg/common/ico_bubble2.png') no-repeat 0 center; background-size:18px auto;}

.btn_kakao_set .btn_kakao2{float:right}
.btn_kakao_set .btn_kakao2 span{background:#fed700 url('/appimg/common/ico_kakao1.png') no-repeat 0 center; background-size:19px auto; box-sizing:border-box;}

/* 시작 2021-02-15 수정 */
/*주식일기예보*/
.stock_forecast{padding:3px 0 15px; background-color:#e35852}
.stock_forecast .inner_line{border-bottom:1px solid #eb8a86;}
.stock_forecast .titlebar{position:relative;}
.stock_forecast .titlebar .inner_sc{padding:14px 0;}
.stock_forecast .titlebar .title{float:left; font-size:16px; font-weight:bold; color:#fff; letter-spacing:-0.5px;}
.stock_forecast .titlebar .date{float:right; padding-top:7px; font-size:12px; font-weight:400; color:#fff}
.stock_forecast .swiper-container{margin-top:13px; padding-top:15px; padding-bottom:25px; /*padding-left:24px; padding-right:24px*/ }
.stock_forecast .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.stock_forecast .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 3px}
.stock_forecast .swiper-pagination-bullet{width:10px; height:10px; background-color:#fff; opacity:.4}
.stock_forecast .swiper-pagination-bullet-active{opacity:1}
.stock_forecast .swiper-slide {width:90px;}
.stock_forecast .swiper-slide:first-child{margin-right:-50px}
/*.stock_forecast .swiper-slide:last-child{margin-left:-140px}*/
.stock_forecast .sc_pannel{position:relative; color:#fff; text-align:center; padding:20px 0 10px; border:1px solid rgba(231,231,231,.25); border-radius:7px; box-sizing:border-box;}
.stock_forecast .sc_pannel .tag{position:absolute; left:50%; top:-15px; margin-left:-34px; width:66px; line-height:24px; font-size:13px; font-weight:bold; color:#fed700; border:1px solid #fed700; background-color:#e35852; border-radius:18px;}
.stock_forecast .sc_pannel .date{font-size:13px; font-weight:bold; letter-spacing:-0.25px; direction:ltr}
.stock_forecast .sc_pannel .weather{position:relative; height:55px; margin-top:0px; background-repeat:no-repeat; background-position:center 0; background-size:64px 64px}
.stock_forecast .sc_pannel .weather1{background-image:url('/appimg/common/weather1_1.png')}
.stock_forecast .sc_pannel .weather2{background-image:url('/appimg/common/weather2_1.png')}
.stock_forecast .sc_pannel .weather3{background-image:url('/appimg/common/weather3_1.png')}
.stock_forecast .sc_pannel .weather4{background-image:url('/appimg/common/weather4_1.png')}
.stock_forecast .sc_pannel .weather5{background-image:url('/appimg/common/weather5_1.png')}
.stock_forecast .sc_pannel .weather6{background-image:url('/appimg/common/weather6_1.png')}
.stock_forecast .sc_pannel .weather7{background-image:url('/appimg/common/weather7_1.png')}
.stock_forecast .sc_pannel .pbb{margin-top:2px; font-family:'Roboto', sans-serif; font-size:20px; font-weight:900;}
.stock_forecast .sc_pannel .pbb span{font-size:16px}
.stock_forecast .swiper-slide-active .sc_pannel{color:#222;  border:1px solid rgba(231,231,231,1); background-color:#fff}
.stock_forecast .swiper-slide-active .sc_pannel .weather1{background-image:url('/appimg/common/weather1_2.png')}
.stock_forecast .swiper-slide-active .sc_pannel .weather2{background-image:url('/appimg/common/weather2_2.png')}
.stock_forecast .swiper-slide-active .sc_pannel .weather3{background-image:url('/appimg/common/weather3_2.png')}
.stock_forecast .swiper-slide-active .sc_pannel .weather4{background-image:url('/appimg/common/weather4_2.png')}
.stock_forecast .swiper-slide-active .sc_pannel .weather5{background-image:url('/appimg/common/weather5_2.png')}
.stock_forecast .swiper-slide-active .sc_pannel .weather6{background-image:url('/appimg/common/weather6_2.png')}
.stock_forecast .swiper-slide-active .sc_pannel .weather7{background-image:url('/appimg/common/weather7_2.png')}
.stock_forecast .sc_pannel.today .tag{color:#e35852; border-color:#d43e38; background-color:#fff}
/* 끝 2021-02-15 수정 */

/*공지사항 Vertical*/
/* 시작 2021-02-20 수정 */
.latest_news{height:30px; background:url('/appimg/common/ico_news1.png') no-repeat 0 center; background-size:auto 13px; overflow:hidden}
.latest_news .news{background:url('/appimg/common/arw2.png') no-repeat right center; background-size:7px auto}
.latest_news .news a{display:block; max-width:calc(100% - 30px); font-size:14px; color:#222; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; padding-left:23px; box-sizing:border-box; }
/* 끝 2021-02-20 수정 */

/*로고영역*/
.logo_area{text-align:center; padding:15px 0}
.logo_area img{width:196px}

/*메인영상*/
/* 시작 2021-02-20 수정 */
.main_movie{padding-top:0px; padding-bottom:20px; background-color:#FFFFFF}
/* 끝 2021-02-20 수정 */
.main_movie .thumb{position:relative; box-shadow: 0px 3px 7px 3px rgba(0,0,0,.2)}
.main_movie .thumb img{width:100%}
.main_movie .thumb .m_time{position:absolute; right:4px; bottom:4px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:3px 5px; background-color:rgba(0,0,0,.8); border-radius:2px}
.main_movie .info_movie{display:table; width:100%; table-layout:fixed; margin-top:10px}
.main_movie .info_movie > div{display:table-cell; vertical-align:middle; }
.main_movie .info_movie .thumb_user{width:47px; height:47px}
.main_movie .info_movie .thumb_user img{width:100%; height:100%; object-fit:cover; border-radius:50%}
/* 시작 2021-02-20 수정 */
.main_movie .info_movie .tit_movie{padding-left:15px; padding-right: 15px;}
/* 끝 2021-02-20 수정 */
.main_movie .info_movie .tit_movie .title{font-size:15px; font-weight:500; color:#181818; line-height:22px}
.main_movie .info_movie .tit_movie p{display:none; font-size:14px; font-weight:300; color:#181818; line-height:22px; letter-spacing:-0.25px}
/*캐로셀 영상*/
.crs_movie{padding-bottom:20px}
.crs_movie .separate{border-top:1px solid #e9e9e9;}
.crs_movie .sc_title{padding:0 15px; margin-bottom:16px; }
.crs_movie .sc_title .title{position:relative; padding-top:18px; border-top:1px solid #181818;}
.crs_movie .sc_title .title img{width:27px}
.crs_movie .sc_title .title > a{display:block; font-size:15px; font-weight:bold; color:#222; line-height:22px; letter-spacing:-0.5px; background:url('/appimg/common/arw2.png') no-repeat right center; background-size:7px auto}
.crs_movie .sc_title .title span{color:#d71124}
/* 시작 2021-02-19 추가 */
.crs_movie .sc_title .title_soldi_no{position:relative; padding-top:18px;}
.crs_movie .sc_title .title_soldi_no img{width:20px}
.crs_movie .sc_title .title_soldi_no > a{display:block; font-size:15px; font-weight:bold; color:#222; line-height:15px; letter-spacing:-0.5px; background:url('/appimg/common/arw2.png') no-repeat right center; background-size:7px auto}
/* 끝 2021-02-19 추가 */

/*.crs_movie .sc_title .title span.tag{display:inline-block; width:36px; line-height:34px; margin-right:4px; font-size:11px; font-weight:bold; letter-spacing:-0.5px; text-align:center; border:1px solid #d71023; border-radius:50%; box-sizing:border-box; vertical-align:middle; }
.crs_movie .sc_title .title span.tag.fee{color:#fff; background-color:#d71023}*/
.crs_movie .swiper-button-prev,
.crs_movie .swiper-button-next{width:32px; height:32px; top:49px; margin-top:0; background-color:#fff; background-repeat:no-repeat; background-position:center; background-size:7px auto; border-radius:16px; box-shadow: 0px 3px 5px 3px rgba(0,0,0,.1)}
.crs_movie .swiper-button-prev{left:13px; background-image:url('/appimg/common/arw_pgr1_1.png')}
.crs_movie .swiper-button-next{right:13px; background-image:url('/appimg/common/arw_pgr1_2.png')}
.crs_movie .swiper-button-prev.swiper-button-disabled,
.crs_movie .swiper-button-next.swiper-button-disabled{opacity:0}
/* 시작 2021-02-18 추가 */
.crs_movie .swiper-button-prev:after,
.crs_movie .swiper-button-next:after{content:""}
/* 끝 2021-02-18 추가 */
.crs_movie .sc_title .title .btn_purchase{position:absolute; top:22px; right:21px; }
.crs_movie .sc_title .title .btn_purchase a{display:block; padding:0 11px 0 20px; font-size:14px; font-weight:bold; color:#d71023; line-height:15px; letter-spacing:-0.25px; border-right:1px solid #e0e0e0; background:url('/appimg/common/ico_cam1.png') no-repeat 0 3px; background-size:14px auto}

.crs_movie .sc_title .title .btn_purchase{position:absolute; top:22px; right:21px; }
.crs_movie .sc_title .title .btn_purchase a{display:block; padding:0 11px 0 20px; font-size:14px; font-weight:bold; color:#d71023; line-height:15px; letter-spacing:-0.25px; border-right:1px solid #e0e0e0; background:url('/appimg/common/ico_cam1.png') no-repeat 0 3px; background-size:14px auto}

.crs_movie .sc_title .title_soldi_no .btn_purchase{position:absolute; top:18px; right:21px; }
.crs_movie .sc_title .title_soldi_no .btn_purchase a{display:block; padding:0 11px 0 20px; font-size:14px; font-weight:bold; color:#d71023; line-height:15px; letter-spacing:-0.25px; border-right:1px solid #e0e0e0; background:url('/appimg/common/ico_cam1.png') no-repeat 0 3px; background-size:14px auto}

/* 시작 2021-02-19 수정 */
.crs_movie .swiper-container{padding-left:15px; padding-right:15px}
/* 시작 2021-02-19 수정 */

.crs_movie .wrap_sc_pannel{width:160px}
.crs_movie .thumb{position:relative}
.crs_movie .thumb img{width:100%}
.crs_movie .thumb .m_time{position:absolute; right:4px; bottom:4px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:3px 5px; background-color:rgba(0,0,0,.8); border-radius:2px}
.crs_movie .info_movie{display:table; width:100%; table-layout:fixed; margin-top:10px}
.crs_movie .info_movie > div{display:table-cell; vertical-align:middle}
.crs_movie .info_movie .tag{width:34px; padding-right:6px}
.crs_movie .info_movie .tag span{display:block; width:36px; line-height:34px; font-size:11px; font-weight:bold; letter-spacing:-0.5px; text-align:center; border:1px solid #d71023; border-radius:50%; box-sizing:border-box;}
.crs_movie .info_movie .tag.fee span{color:#fff; background-color:#d71023}
.crs_movie .info_movie .tag.free span{color:#d71023; background-color:#fff}
.crs_movie .info_movie .tit_movie p{font-size:14px; font-weight:400; line-height:20px; letter-spacing:-0.25px}

/*매매 테이블종목*/
/* 시작 2020-02-24 heima 수정 */
.btn_request{text-align:center;}
.sc_n_table1{padding:13px 0 20px}
.sc_n_table1 .sc_title{position:relative; margin-bottom:13px; color:#222; line-height:1; letter-spacing:-0.5px}
.sc_n_table1 .sc_title .title a{display:block; font-size:20px; font-weight:bold; background:url('/appimg/common/arw_pgr1_2.png') no-repeat right bottom 5px; background-size:7px auto}
.sc_n_table1 .sc_title .title a.no_arw{background:none}
.sc_n_table1 .sc_title .title span.c1{color:#d71124}
.sc_n_table1 .sc_title .title span.c2{color:#4f67d9}
.sc_n_table1 .sc_title .title strong{font-family: 'Open Sans', sans-serif; letter-spacing:0}
.sc_n_table1 .sc_title .title strong.s1{font-size:35px; color:#d71124;}
.sc_n_table1 .sc_title .title strong.s1 span{font-size:20px}
.sc_n_table1 .sc_title .title strong.s2{font-size:16px}
.sc_n_table1 .sc_title .title strong.s2 span{font-size:16px}
.sc_n_table1 .sc_title .title .refer1{position:absolute; top:16px; right:0; font-size:15px; font-weight:300}
.sc_n_table1 .sc_title .title.small{letter-spacing:-1px}
.sc_n_table1 .sc_title .title.small a{font-size:14px}
.sc_n_table1 .sc_title .title.small strong.s1 span{font-size:14px;}
.sc_n_table1 .sc_title .title.small .refer1,
.sc_n_table1 .sc_title .title.small strong.s2{font-size:12px}
.sc_n_table1 .sc_title .title.small .refer1{top:18px}
.sc_n_table1 .sc_title .title.small strong.s2 span{font-size:12px}
.sc_n_table1 .btn_request{margin-top:20px}
.sc_n_table1 .sc_title1{padding-bottom:14px; border-bottom:1px solid #e9e9e9}
.sc_n_table1 .sc_title1 .title{float:left; padding-top:4px; font-size:20px; font-weight:bold; color:#222; letter-spacing:-0.5px}
.sc_n_table1 .sc_title1 .title strong{color:#d71124}
.sc_n_table1 .sc_title1 .btn1{float:right; }
.sc_n_table1 .sc_title1 .btn1 a{display:block; width:77px; line-height:28px; font-size:13px; font-weight:bold; color:#d71124; text-align:center; border:1px solid #d71124; border-radius:15px}
.sc_n_table1 .summary{margin:14px 0 18px}
.sc_n_table1 .summary .txt1{font-family:'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; line-height:20px; letter-spacing:-0.25px}
/* 끝 2020-02-24 heima 수정 */

/*파트너스 현황*/
.partners{position:relative;}
.partners .sc_title{margin-bottom:16px; }
.partners .sc_title .title a{display:block; font-size:16px; font-weight:bold; color:#222; line-height:22px; letter-spacing:-0.5px; background:url('/appimg/common/arw2.png') no-repeat right center; background-size:7px auto}
.partners li{padding:20px 0; border-bottom:1px solid #eaeaea}
.partners li:last-child{border-bottom:0}
.partners .info_partner{display:table; width:100%; table-layout:fixed}
.partners .info_partner > div{display:table-cell; vertical-align:middle}
.partners .info_partner .thumb{width:100px; height:120px; border-radius:12px; overflow:hidden; }
.partners .info_partner .thumb img{width:100%; height:100%; object-fit:cover}
.partners .info_partner .txt_info{padding-left:17px;}
.partners .info_partner .txt_info div{font-size:13px; letter-spacing:-0.25px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.partners .info_partner .txt_info div.hm_txt1{font-weight:400;}
.partners .info_partner .txt_info div.hm_txt2{margin-top:7px; font-size:20px; font-weight:bold; line-height:22px}
.partners .info_partner .txt_info div.hm_txt3{margin-top:14px; color:#d71124; line-height:16px; padding-left:21px; background:url('/appimg/common/ico_heart1.png') no-repeat 0 center; background-size:16px auto}
.partners .info_partner .txt_info div.hm_txt4{margin-top:10px; line-height:16px; padding-left:21px; background:url('/appimg/common/ico_user2.png') no-repeat 0 center; background-size:12px auto}
.partners .info_partner .txt_info div.hm_txt4 span{color:#777}

.partners .info_partner .in_btn_set{display:none; width:165px}
.partners .info_partner .in_btn_set > div > a{display:block; border:1px solid #222; line-height:39px; text-align:center; border-radius:4px}
.partners .info_partner .in_btn_set > div > a > span{display:inline-block; font-size:14px; font-weight:bold; letter-spacing:-0.25px;}
.partners .info_partner .in_btn_set .btn1{margin-bottom:7px;}
.partners .info_partner .in_btn_set .btn1 > a{background-color:#222}
.partners .info_partner .in_btn_set .btn1 > a > span{color:#fff; padding-left:20px; background:url('/appimg/common/ico_mobile1.png') no-repeat 0 center; background-size:11px auto}
.partners .info_partner .in_btn_set .btn2 > a{background-color:#fff}
.partners .info_partner .in_btn_set .btn2 > a > span{color:#222; padding-left:21px; background:url('/appimg/common/ico_movie1.png') no-repeat 0 center; background-size:14px auto}

.partners .info_partner .in_btn_set1{display:none; width:165px}
.partners .info_partner .in_btn_set1 > div{margin-bottom:6px}
.partners .info_partner .in_btn_set1 > div > a{display:block; border:1px solid #222; line-height:34px; text-align:center; border-radius:4px}
.partners .info_partner .in_btn_set1 > div > a > span{display:inline-block; font-size:14px; font-weight:bold; letter-spacing:-0.25px;}
.partners .info_partner .in_btn_set1 .btn1 > a{background-color:#222}
.partners .info_partner .in_btn_set1 .btn1 > a > span{color:#fff; padding-left:20px; background:url('/appimg/common/ico_mobile1.png') no-repeat 0 center; background-size:11px auto}
.partners .info_partner .in_btn_set1 .btn2 > a{background-color:#fff}
.partners .info_partner .in_btn_set1 .btn2 > a > span{color:#222; padding-left:21px; background:url('/appimg/common/ico_movie1.png') no-repeat 0 center; background-size:14px auto}
.partners .info_partner .in_btn_set1 .btn3{margin-bottom:0;}
.partners .info_partner .in_btn_set1 .btn3 > a{border-color:#d71023; background-color:#d71023}
.partners .info_partner .in_btn_set1 .btn3 > a > span{color:#fff; padding-left:21px; background:url('/appimg/common/ico_bubble1.png') no-repeat 0 11px; background-size:16px auto}

.partners .btn_set{margin-top:10px; border:1px solid #222; border-radius:5px; overflow:hidden;}
.partners .btn_set > div{float:left; width:50%; box-sizing:border-box;}
.partners .btn_set > div > a{display:block; line-height:40px; text-align:center}
.partners .btn_set > div > a > span{display:inline-block; font-size:14px; font-weight:bold; letter-spacing:-0.25px;}
.partners .btn_set .btn1{background-color:#222}
.partners .btn_set .btn1 span{color:#fff; padding-left:20px; background:url('/appimg/common/ico_mobile1.png') no-repeat 0 center; background-size:11px auto}
.partners .btn_set .btn2{background-color:#fff}
.partners .btn_set .btn2 span{color:#222; padding-left:21px; background:url('/appimg/common/ico_movie1.png') no-repeat 0 center; background-size:14px auto}

.partners .btn_set1{margin-top:10px}
.partners .btn_set1 .inner_btn{float:left; width:calc(74% - 6px); border:1px solid #222; border-radius:5px; overflow:hidden; box-sizing:border-box; }
.partners .btn_set1 .btn1, .partners .btn_set1 .btn2, .partners .btn_set1 .btn3{box-sizing:border-box;}
.partners .btn_set1 .btn1 a, .partners .btn_set1 .btn2 a, .partners .btn_set1 .btn3 a{display:block; line-height:40px; text-align:center}
.partners .btn_set1 .btn1 span, .partners .btn_set1 .btn2 span, .partners .btn_set1 .btn3 span{display:inline-block; font-size:14px; font-weight:bold; letter-spacing:-0.25px;}
.partners .btn_set1 .btn1{float:left; width:50%; background-color:#222}
.partners .btn_set1 .btn1 span{color:#fff; padding-left:20px; background:url('/appimg/common/ico_mobile1.png') no-repeat 0 center; background-size:11px auto}
.partners .btn_set1 .btn2{float:left; width:50%; background-color:#fff}
.partners .btn_set1 .btn2 span{color:#222; padding-left:21px; background:url('/appimg/common/ico_movie1.png') no-repeat 0 center; background-size:14px auto}
.partners .btn_set1 .btn3{float:right; width:26%; border:1px solid #d71023; background-color:#d71023; border-radius:5px}
.partners .btn_set1 .btn3 span{color:#fff; padding-left:21px; background:url('/appimg/common/ico_bubble1.png') no-repeat 0 14px; background-size:16px auto}

/* ==========================================================================
  DETAIL
   ========================================================================== */
/*메인영상*/
.top_movie .thumb{position:relative;}
.top_movie .thumb img{width:100%}
.top_movie .thumb .m_time{position:absolute; right:5px; bottom:5px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:3px 5px; background-color:rgba(0,0,0,.8); border-radius:2px}
.top_movie .thumb:after{content:""; display:block; position:absolute; left:50%; top:50%; margin:-26px 0 0 -37px; width:74px; height:52px; background:url('/appimg/common/ico_play1.png') no-repeat 0 0; background-size:100% auto}

.top_movie .thumb2{position:relative;}
.top_movie .thumb2 img{width:100%}
.top_movie .thumb2 .m_time{position:absolute; right:5px; bottom:5px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; color:#fff; text-align:center; padding:3px 5px; background-color:rgba(0,0,0,.8); border-radius:2px}

.top_movie .info_movie{margin-top:10px}
/* 시작 2020-02-20 수정 */
.top_movie .info_movie .tit_movie{font-size:16px; font-weight:bold; color:#222; line-height:26px; letter-spacing:-0.25px}
/* 시작 2020-02-20 수정 */
.top_movie .desc_movie{margin-top:17px; height:72px; padding-top:15px; border-top:1px solid #e9e9e9; overflow:hidden; }

.top_movie .desc_movie p{ font-size:15px; font-weight:300; color:#333; line-height:24px; letter-spacing:-0.25px}
.top_movie .desc_movie + .btn_more_text{position:relative; margin-top:6px; background:url('/appimg/common/arw6_1.png') no-repeat right center; background-size:11px auto}
.top_movie .desc_movie + .btn_more_text span{display:inline-block; font-size:13px; font-weight:300; color:#777; line-height:26px; padding-right:15px; letter-spacing:-0.25px; cursor:pointer}
.top_movie .desc_movie + .btn_more_text span:after{content:"더보기"}
.top_movie .desc_movie.open{height:auto}
.top_movie .desc_movie.open + .btn_more_text{background:url('/appimg/common/arw6_2.png') no-repeat right center; background-size:11px auto}
.top_movie .desc_movie.open + .btn_more_text span:after{content:"간략히"}

#main .top_movie{padding-bottom:10px}

.sc_n_table2 .sc_title{background:url('/appimg/common/arw_pgr1_2.png') no-repeat right 8px; background-size: 7px auto;}
.sc_n_table2 .sc_title a{display:block; font-size:18px; font-weight:bold; color:#222; letter-spacing:-0.25px; padding-left:24px; background:url('/appimg/common/ico_calendar2.png') no-repeat 0 3px; background-size: 16px auto; line-height:20px;}
.sc_n_table2 .sc_title a strong{color:#d71124}
.sc_n_table2 .n_table5{margin-top:17px}

.slider_table .sc_pannel{box-sizing:border-box;}
.slider_table .swiper-container{padding-bottom:10px}
.slider_table .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}
.slider_table .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}
.slider_table .swiper-pagination-bullet{width:11px; height:11px; background-color:#ccc; border-radius:50%; opacity:1}
.slider_table .swiper-pagination-bullet-active{background-color:#d71124;}
/* 시작 2020-02-24 heima 추가 */
.slider_table .slider_summary{padding:14px 0 14px; border-bottom:1px solid #e9e9e9}
.slider_table .slider_summary .txt1{font-family:'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; line-height:20px; letter-spacing:-0.25px}
.slider_table .slider_summary + .sc_n_table1{padding-top:0}
/* 끝 2020-02-24 heima 추가 */

/* ==========================================================================
  이슈및시황 / 세력단가
   ========================================================================== */
.earning_statusbar{position:relative; padding:22px 0 18px; background-color:#ff493b}
.earning_statusbar .earning_status{position:relative; font-weight:bold; letter-spacing:-0.25px; text-align:center; padding:3px 0; border-right:1px solid rgba(255,255,255,.2)}
.earning_statusbar .earning_status .tit_status{font-size:14px;}
.earning_statusbar .earning_status .tit_status strong{color:#fff000}
.earning_statusbar .earning_status .tit_status:after{content:""; display:block; width:1px; height:14px; margin:14px auto 8px; background-color:rgba(255,255,255,.2)}
.earning_statusbar .earning_status .earning{font-family:'Roboto', sans-serif; font-size:40px; color:#fff}
.earning_statusbar .earning_status .earning span{font-size:18px}

.issue .sc_title{padding-bottom:14px; border-bottom:1px solid #333}
.issue .sc_title .title{float:left; font-size:20px; font-weight:bold; color:#222; letter-spacing:-0.5px}
.issue .sc_title .title span{color:#d71124}
.issue .sc_title .date{float:right; padding-top:9px; font-size:13px; color:#222}

.issue .main_news{color:#222; letter-spacing:-0.25px}
/* 시작 2020-03-05 heima 추가 */
.issue .main_news > a{display:block; padding:15px 0 5px}
/* 끝 2020-03-05 heima 추가 */
.issue .main_news .main_title{table-layout:fixed}
.issue .main_news .main_title .thumb{width:136px; height:86px;}
.issue .main_news .main_title .thumb img{ border-radius:6px}
.issue .main_news .main_title .title{padding-left:15px; font-size:18px; font-weight:bold; line-height:28px}
.issue .main_news p{margin-top:16px; font-size:15px; font-weight:300; line-height:24px}

.issue .sc_title1{margin-top:23px}
.issue .sc_title1 img{width:20px; margin-top: 5px;}
.issue .sc_title1 a{display:block; padding-bottom:12px; border-bottom:1px solid #222; font-size:15px; font-weight:bold; color:#222; line-height:25px; letter-spacing:-0.5px; background:url('/appimg/common/arw_pgr1_2.png') no-repeat right 8px; background-size:7px auto}
.issue .list_news li{border-bottom:1px solid #e9e9e9}
.issue .list_news li a{display:block; padding:16px 0; }
.issue .list_news li .title{font-size:16px; font-weight:300; color:#222; letter-spacing:-0.5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.issue .list_news li .date{margin-top:10px; font-family:'Roboto', sans-serif; font-size:13px; color:#888}
/* 시작 2020-03-05 heima 추가 */
.btn_more_button a{display:block; font-size:15px; font-weight:bold; color:#d71023; text-align:center; padding:14px 0; border:1px solid #d71023; transition:ease-in-out .3s}
.btn_more_button a:hover{color:#fff; background-color:#d71023}
/* 끝 2020-03-05 heima 추가 */
.top_force{position:relative; padding:30px 0 32px; text-align:center; background:#d71124 url('/appimg/common/ico_qm1.png') no-repeat center; background-size:85px auto}
.top_force:before{content:""; display:block; position:absolute; top:82px; left:50%; margin-left:-32%;  width:64%; height:1px; background-color:rgba(255,255,255,.5)}
.top_force .sc_title{margin-bottom:23px; font-size:18px; font-weight:bold; color:#fff; letter-spacing:-0.25px}
.top_force .force_prs{float:left; width:28%}
.top_force .force_prs:nth-child(2){width:44%}
.top_force .force_prs .num{display:inline-block; width:22px; height:22px; font-family:'Roboto', sans-serif; font-size:11px; font-weight:bold; color:#d71124; padding-top:6px; background-color:#fff; border-radius:50%; box-sizing:border-box; }
.top_force .force_prs .txt1{margin-top:11px; font-size:14px; font-weight:300; color:#fff; line-height:18px; letter-spacing:-0.25px}
.top_force .force_prs .txt1 strong{color:#fff000}

.tabs_force .tabs .tablinks{position:relative; float:left; width:25%; height:48px; font-size:14px; font-weight:bold; color:#999; line-height:46px; margin-left:-1px; text-align:center; border:1px solid #e5e5e5; background-color:#fff; box-sizing:border-box; cursor:pointer; user-select:none}
/*.tabs_force .tabs .tablinks:nth-child(4), .tabs_force .tabs .tablinks:nth-child(5), .tabs_force .tabs .tablinks:nth-child(6){margin-top:-1px}*/
.tabs_force .tabs .tablinks.active{color:#d71124}
.tabs_force .tabs .tablinks.active:after{content:""; position:absolute; left:-1px; top:-1px; width:100%; height:100%; border:1px solid #d71124; z-index:10}
.tabs_force .wrap_tabs_ct{margin-top:30px}
.tabs_force .wrap_tabs_ct .tabcontent{display:none; animation: fadeEffect 1s}
.tabs_force .tab_title{padding-bottom:14px; border-bottom:1px solid #e9e9e9}
.tabs_force .tab_title .title{float:left; padding-top:4px; font-size:20px; font-weight:bold; color:#222; letter-spacing:-0.5px}
.tabs_force .tab_title .title strong{color:#d71124}
.tabs_force .tab_title .btn_tab{float:right; }
.tabs_force .tab_title .btn_tab a{display:block; width:77px; line-height:28px; font-size:13px; font-weight:bold; color:#d71124; text-align:center; border:1px solid #d71124; border-radius:15px}
.tabs_force .summary{margin-top:14px}
.tabs_force .summary .txt1{font-family:'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#333; line-height:20px; letter-spacing:-0.25px}
.tabs_force .tabs_ct{margin-top:5px}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* 시작 210226 heima 추가*/
.pop_force{width:100%;}
.pop_force .inner_layer{position:relative; max-width:640px; width:100%; margin:0 auto; padding:0 24px; box-sizing:border-box;} /*너비 등 커스텀*/
.pop_force .sc_layer{position:relative; padding:17px 0; background-color:#fff; border-radius:5px; overflow:hidden; }
.pop_force .sc_top{position:relative; padding:0 16px}
.pop_force .sc_top .title{font-size:16px; font-weight:bold; color:#222; padding-bottom:17px; border-bottom:1px solid #333}
.pop_force .sc_top .title span{color:#d71023}
.pop_force .btn-r{position:absolute; top:-1px; right:16px;}
.pop_force .btn-r a{display:block; padding:5px 0 5px 5px}
.pop_force .btn-r img{width:12px}
.pop_force .sc_ct{position:relative; max-height:calc(100vh - 200px); padding:17px 16px 0; box-sizing:border-box; overflow-y:auto}
.pop_force .sc_title{text-align:center}
.pop_force .sc_title .txt1{font-size:13px; color:#d71124; letter-spacing:0.5px}
.pop_force .sc_title .title{margin-top:6px; font-size:24px; font-weight:bold; letter-spacing:-0.5px}
.pop_force .sc_pop{padding:28px 0 30px; border-top:1px solid #ededed}
.pop_force .main_title{padding:21px 0 10px; text-align:center}
.pop_force .main_title .title{font-size:24px; font-weight:bold; color:#222; letter-spacing:-0.5px}
.pop_force .main_title .title span{color:#d71023}
.pop_force .main_title p{margin-top:22px; font-size:15px; font-weight:300; color:#333; line-height:22px}
.pop_force .main_image{text-align:center}
.pop_force .main_image img{max-width:340px; width:100%}
.pop_force .sc_tip ul{padding:0 10px}
.pop_force .sc_tip li{padding:12px 0 8px; border-bottom:1px solid #f9dedc; padding-left:25px; font-size:15px; font-weight:300; color:#333; line-height:22px; background:url('/appimg/common/cb5.png') no-repeat 0 16px; background-size:16px auto}
.pop_force .sc_case .image1{text-align:center}
.pop_force .sc_case .image1 img{max-width:360px; width:100%}
.pop_force .sc_case li{padding:8px 0; padding-left:23px; font-size:15px; font-weight:300; color:#333; line-height:22px; background:url('/appimg/common/ico_stt1.png') no-repeat 0 11px; background-size:13px auto}
/* 끝 210226 heima 추가*/
/* ==========================================================================
  관리자 모드
   ========================================================================== */
.btn_admin{position:absolute; top:10px; right:18px; z-index:100}
.btn_admin a{display:block; padding:5px; cursor:pointer}
.btn_admin span{font-size:0; display:block; width:30px; height:30px; background:#d71023 url('/appimg/common/ico_gear1.png') no-repeat center; background-size:16px auto; border-radius:50%; box-shadow: 2px 2px 3px 1px rgba(0,0,0,.25)}
.btn_admin,
.admin_on{display:none}
.btn_admin.on{display:block; }
.admin_mode .admin_off{display:none;}
.admin_mode .btn_admin{display:block;}
.admin_mode .admin_on{display:block}

/*관리용 레이어 팝업*/
.pop_admin{width:100%;}
.pop_admin .inner_layer{position:relative; max-width:640px; width:100%; margin:0 auto; padding:0 24px; box-sizing:border-box;} /*너비 등 커스텀*/
.pop_admin .sc_layer{position:relative; padding:17px 0; background-color:#fff; border-radius:5px; overflow:hidden; }
.pop_admin .sc_top{position:relative; padding:0 16px}
.pop_admin .sc_top .title{font-size:16px; font-weight:bold; color:#222; padding-bottom:17px; border-bottom:1px solid #333}
.pop_admin .sc_top .title span{color:#d71023}
.pop_admin .btn-r{position:absolute; top:-1px; right:16px;}
.pop_admin .btn-r a{display:block; padding:5px 0 5px 5px}
.pop_admin .btn-r img{width:12px}
.pop_admin .sc_form{position:relative; max-height:calc(100vh - 200px); padding:17px 16px 71px; box-sizing:border-box; overflow-y:auto}
.pop_admin .sc_form .sc_lr,
.pop_admin .sc_form .sc_l{position:relative; margin-bottom:8px}
.pop_admin .sc_form .row_ip{position:relative; margin-bottom:6px}
.pop_admin .sc_form .sc_lr:before,
.pop_admin .sc_form .sc_lr:after {content:" "; display: table;}
.pop_admin .sc_form .sc_lr:after {clear: both;}
.pop_admin .sc_form .form_profile .sc_left{width:100px}
.pop_admin .sc_form .form_profile .sc_right{width:calc(100% - 113px); padding-top:5px}
.pop_admin .sc_form .form_profile .user_id{margin-bottom:11px; font-size:14px; font-weight:bold; color:#222; letter-spacing:-0.25px}
.pop_admin .sc_form .form_movie .sc_left{width:144px; height:90px; padding:5px 0 4px; background-color:#000; box-sizing:border-box; }
.pop_admin .sc_form .form_movie .sc_right{width:calc(100% - 157px)}
.pop_admin .sc_form .list_box{height:128px; padding:5px 0; border:1px solid #ddd; background-color:#f5f5f5; border-radius:4px; box-sizing:border-box; overflow-y:scroll}
.pop_admin .sc_form .list_box li a{display:block; padding-left:11px; font-size:14px; font-weight:bold; color:#222; line-height:30px; letter-spacing:-0.25px; background-color:#f5f5f5; cursor:pointer}
.pop_admin .sc_form .list_box li.selected a{background-color:#fff}
.pop_admin .sc_form .btnset_list_box{position:relative; height:128px;}
.pop_admin .sc_form .btnset_list_box > div{margin-bottom:6px}
.pop_admin .sc_form .btnset_list_box > div > a{display:block; width:32px; line-height:30px; font-size:0; text-align:center; border:1px solid #d2d2d2; background-color:#fff; border-radius:5px; box-sizing:border-box; cursor:pointer}
.pop_admin .sc_form .btnset_list_box .btn_up > a{background:url('/appimg/common/arw5_1.png') no-repeat center; background-size:11px auto}
.pop_admin .sc_form .btnset_list_box .btn_down > a{background:url('/appimg/common/arw5_2.png') no-repeat center; background-size:11px auto}
.pop_admin .sc_form .btnset_list_box .btn_del{position:absolute; bottom:0; margin-bottom:0}
.pop_admin .sc_form .btnset_list_box .btn_del > a{border-color:#d71023; background:url('/appimg/common/ico_minus1.png') no-repeat center; background-size:11px auto}
.pop_admin .sc_form input.type2.ytube{padding-left:41px; background:url('/appimg/common/ytube1.png') no-repeat 11px center; background-size:22px auto}
.pop_admin .sc_form {max-height: calc(84vh - 200px);}
.pop_admin .btn_set{position:absolute; left:0; bottom:0; width:100%; padding:0 16px; background-color:#fff; box-sizing:border-box; border-radius:0 0 5px 5px;; z-index:11}
.pop_admin .btn_set .inner_btn_set{padding:16px 0; border-top:1px solid #e9e9e9;}
.pop_admin .btn_set .btn1{float:left; width:calc(50% - 4px)}
.pop_admin .btn_set .btn2{float:right; width:calc(50% - 4px)}

.pop_admin .ct_terms{position:relative; max-height:calc(100vh - 200px); padding:17px 16px 71px; box-sizing:border-box; overflow-y:auto}
.pop_admin .ct_terms p{font-size:13px; font-weight:400; color:#666; line-height:26px}
.pop_admin .ct_terms p strong{font-weight:400; color:#333}



.pop_admin1 .hm_ip1 .sc_left{font-size:14px; font-weight:bold; color:#222; line-height:42px; letter-spacing:-0.25px; padding-left:21px; background:url('/appimg/common/ico_heart1.png') no-repeat 0 center; background-size:16px auto}
.pop_admin1 .hm_ip1 .sc_right{width:calc(100% - 56px)}
.pop_admin3 .sc_form{padding-top:0; padding-bottom:25px}
.pop_admin3 .sc_form li{position:relative; padding-top:24px; padding-bottom:24px; border-bottom:1px solid #e8e8e8}
.pop_admin3 .sc_form li:first-child{padding-top:20px}
.pop_admin3 .sc_form li .btn_pm{position:absolute; bottom:-13px; right:0; width:26px; height:26px; font-size:0; border-radius:13px; box-shadow: 2px 2px 3px 1px rgba(0,0,0,.25); cursor:pointer; z-index:1}
.pop_admin3 .sc_form li .btn_del{background:#d71023 url('/appimg/common/ico_pm1_2.png') no-repeat center; background-size:8px auto}
.pop_admin3 .sc_form li .btn_add{background:#d71023 url('/appimg/common/ico_pm1_1.png') no-repeat center; background-size:8px auto}
.pop_admin3 .sc_form li .separate{padding:4px 0 10px}
.pop_admin3 .sc_form li .separate > div{height:1px; background-color:#e8e8e8}
.pop_admin3 .btn_set1{position:relative; margin-top:20px; box-sizing:border-box;}
.pop_admin3 .btn_set1 > div{float:left; width:calc(33.333333333333% - 4px); margin-right:6px; box-sizing:border-box;}
.pop_admin3 .btn_set1 > div:last-child{margin-right:0}
.pop_admin3 .hm_ip1 input,
.pop_admin3 .hm_ip1 span{display:block; float:left;}
.pop_admin3 .hm_ip1 input{width:calc(100% - 76px)}
.pop_admin3 .hm_ip1 .txt1{width:34px; font-size:14px; font-weight:bold; color:#222; line-height:42px; text-align:center; letter-spacing:-0.25px}
.pop_admin3 .hm_ip1 .btn1{width:42px; height:42px; font-size:0; border:1px solid #ddd; background-color:#fff; box-sizing:border-box; border-radius:4px; background:#fff url('/appimg/common/ico_refresh1.png') no-repeat center; background-size:17px auto; cursor:pointer}
.pop_admin3 .hm_ip2 input[type="text"],
.pop_admin3 .hm_ip2 a,
.pop_admin3 .hm_ip2 select,
.pop_admin3 .hm_ip2 .sep1{display:block; float:left; }
.pop_admin3 .hm_ip2 input[type="text"]{width:calc(53% - 41px)}
.pop_admin3 .hm_ip2 select{width:calc(47% - 42px)}
.pop_admin3 .hm_ip2 a{width:56px; margin-left:4px; line-height:40px; text-align:center; border:1px solid #1a1a1a; background-color:#333; box-sizing:border-box; border-radius:4px; cursor:pointer}
.pop_admin3 .hm_ip2 a span{display:inline-block; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-0.25px;}
.pop_admin3 .hm_ip2 .sep1{width:1px; height:35px; background-color:#ececec; margin:3px 11px 0}
.pop_admin3 .hm_ip3 input[type="text"]{float:left; width:calc(50% - 3px); margin-right:6px}
.pop_admin3 .hm_ip3 input:last-child{margin-right:0;}
.pop_admin3 .hm_ip4{padding-top:4px}

.pop_admin3 .tap_list2 li{padding:0; border-bottom:1px solid #e8e8e8}
.pop_admin3 .tap_list2 li:first-child{padding-top:0}
.pop_admin3 .tap_list2 [data-control], .pop_admin3 .tap_list2 [data-content] > * {border-bottom:none; padding:0}
.pop_admin3 .tap_list2 [data-control]{padding-top:15px; padding-bottom:15px; padding-right:40px;}
.pop_admin3 .tap_list2 [data-control]:before,
.pop_admin3 .tap_list2 [data-control]:after {content:" "; display: table;}
.pop_admin3 .tap_list2 [data-control]:after {clear: both;}
.pop_admin3 .tap_list2 button{line-height:21px}
.pop_admin3 .tap_list2 .open button{border-bottom:1px solid #ccc;}
.pop_admin3 .tap_list2 button .tap_left{float:left; font-size:14px; font-weight:bold}
.pop_admin3 .tap_list2 button .tap_right{float:right; font-size:13px}
.pop_admin3 .tap_list2 button .tap_right span{display:inline-block; margin-left:5px}
.pop_admin3 .tap_list2 button .tap_right span:before{content:""; display:inline-block; position:relative; top:-1px; width:1px; height:13px; background-color:#ddd; vertical-align:middle; margin:0 7px 0 3px}
.pop_admin3 .tap_list2 button .tap_right span:first-child{margin-left:0}
.pop_admin3 .tap_list2 button .tap_right span:first-child:before{display:none;}
.pop_admin3 .tap_list2 button .tap_right strong{font-weight:500; color:#d71023}
.pop_admin3 .tap_list2 button .tag{display:inline-block; font-family:'Malgun Gothic', '맑은 고딕'; font-size:11px; color:#fff; padding:0 4px; line-height:21px; margin-left:6px; letter-spacing:-0.5px; border-radius:2px; vertical-align:top;}
.pop_admin3 .tap_list2 button .tag1{background-color:#4f67d9}
.pop_admin3 .tap_list2 button .tag2{background-color:#d71124}
.pop_admin3 .tap_list2 [data-content]{background-color:#f7f7f7}
.pop_admin3 .tap_list2 [data-content] .inner_tap{padding:14px}
.pop_admin3 .tap_list2 [data-accordion] > [data-control]:after{right:10px; top:50%; margin-top:-3px; background:url('/appimg/common/arw7_1.png') right center no-repeat; background-size:11px 6px}
.pop_admin3 .tap_list2 [data-accordion].open > [data-control]:after{background:url('/appimg/common/arw7_2.png') right center no-repeat; background-size:11px 6px}
.pop_admin3 textarea.type1{background-color:#fff}

.pop_admin3 .add_tap_ip{margin-top:30px; padding:14px; background-color:#f7f7f7}
.pop_admin3 .add_tap_ip .title{font-size:15px; font-weight:bold; margin-bottom:15px}
.pop_admin3 .add_tap_ip .title span{color:#d71023}


.pop_admin4 .hm_ip1 select,
.pop_admin4 .hm_ip1 a{display:block; float:left; }
.pop_admin4 .hm_ip1 select{width:calc(100% - 80px)}
.pop_admin4 .hm_ip1 a{width:74px; margin-left:6px; line-height:40px; text-align:center; border:1px solid #d71023; background-color:#d71023; box-sizing:border-box; border-radius:4px; cursor:pointer}
.pop_admin4 .hm_ip1 a span{display:inline-block; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-0.25px; padding-left:21px; background:url('/appimg/common/ico_note1.png') no-repeat 0 center; background-size:16px auto}
.layer4_1 .bg{opacity:.85; filter:alpha(opacity=85);}
.pop_admin4_1 .hm_ip1 input[type="text"],
.pop_admin4_1 .hm_ip1 a{display:block; float:left; }
.pop_admin4_1 .hm_ip1 input[type="text"]{width:calc(100% - 93px)}
.pop_admin4_1 .hm_ip1 a{width:87px; margin-left:6px; line-height:40px; text-align:center; border:1px solid #1a1a1a; background-color:#333; box-sizing:border-box; border-radius:4px; cursor:pointer}
.pop_admin4_1 .hm_ip1 a span{display:inline-block; font-size:14px; font-weight:bold; color:#fff; letter-spacing:-0.25px; padding-left:13px; background:url('/appimg/common/ico_plus2.png') no-repeat 0 center; background-size:8px auto}
.pop_admin4_1 .hm_ip2 .sc_left{width:calc(100% - 44px)}
.pop_admin4_1 .hm_ip2 .sc_right{position:relative; width:32px}
.pop_admin4_1 .hm_ip3 .sc_left{width:calc(100% - 21px)}
.pop_admin4_1 .hm_ip3 .sc_right{font-size:14px; font-weight:bold; color:#222; text-align:right; padding-right:1px; letter-spacing:-0.25px; line-height:42px; letter-spacing:-0.25px;}
.pop_admin4_1 .hm_ip3 + .refer1{margin-top:10px; font-family:'Malgun Gothic', '맑은 고딕'; font-size:12px; color:#999; letter-spacing:-0.25px}
.pop_admin4_1 .hm_ip3 + .refer1 span{color:#d71023}

.pop_admin5 .sc_layer{max-height:calc(100vh - 100px); padding:17px 0 0; box-sizing:border-box; overflow-y:auto}
.pop_admin5 .sc_form{max-height:none; padding:17px 16px 0}
.pop_admin5 .sc_form .sc_l1{position:relative; padding-bottom:5px; border-top:1px solid #e9e9e9}
.pop_admin5 .sc_form .sc_l1 li{position:relative; padding:20px 0 13px; border-bottom:1px solid #e9e9e9}
/*.pop_admin5 .sc_form .sc_l1 li:last-child{padding-bottom:0}*/
.pop_admin5 .hm_ip1 input,
.pop_admin5 .hm_ip1 select,
.pop_admin5 .hm_ip1 span{display:block; float:left;}
.pop_admin5 .hm_ip1 input{width:calc(50% - 10px); box-sizing:border-box;}
.pop_admin5 .hm_ip1 span{width:19px; font-size:14px; font-weight:bold; color:#222; line-height:42px; text-align:center; letter-spacing:-0.25px}
.pop_admin5 .hm_ip1 input{font-family:'Roboto', sans-serif; font-size:14px; font-weight:bold; background:url('/appimg/common/ico_calendar1.png') no-repeat right 9px center; background-size:18px auto}
.pop_admin5 .hm_ip2 input{background-color:#f5f5f5}
.pop_admin5 .btn_set{position:relative; left:auto; bottom:auto; width:100%; padding:0 16px; background-color:#fff; box-sizing:border-box; border-radius:0 0 5px 5px;; z-index:11}
.pop_admin5 .btn_set .inner_btn_set{padding:16px 0 30px}
.pop_admin5 .list_event{padding:30px 16px; background-color:#f7f7f7}
.pop_admin5 .list_event .list_top{font-size:15px; font-weight:bold; color:#222; letter-spacing:-0.25px; background:url('/appimg/common/arw2.png') no-repeat right center; background-size:7px auto}
.pop_admin5 .list_event .payment_table{margin-top:17px}

/* ==========================================================================
  MEMBER
   ========================================================================== */
/*#member #fixed_bottom{display:none;}*/
/* 시작 2020-02-20 수정 */
#member #contents{padding-bottom:60px}
#member .refer1{font-size:12px; color:#aaa; line-height:18px}
#member .login #fixed_bottom{display:none;}
#member .login #contents{padding-bottom:0}
/* 끝 2020-02-20 수정 */
.sns_login{text-align:center}
.sns_login .title{font-size:14px; color:#555; margin-bottom:14px}
.sns_login li{display:inline-block; margin:0 7px}
.sns_login li img{width:49px}

/*로그인*/
#member .login .logo{text-align:center; padding:67px 0 54px}
#member .login .logo img{width:198px}
#member .login .login_box{padding-top:18px; border-top:2px solid #333}
#member .login .member_form{padding:0 0 20px; border-top:0; border-bottom:1px solid #e0e0e0}
#member .login .member_form .member_ip input.type1{padding-left:34px}
#member .login .member_form .member_ip input.ip1_1{border-radius:5px 5px 0 0; background:#fff url('/appimg/common/ico_user3.png') no-repeat 15px center; background-size:12px auto}
#member .login .member_form .member_ip input.ip1_2{border-top:0; border-radius:0 0 5px 5px; background:#fff url('/appimg/common/ico_lock1_1.png') no-repeat 15px center; background-size:11px auto}
#member .login .member_form .member_ag{margin-top:16px}
#member .login .member_form .member_ag .member_agree{float:left;}
#member .login .member_form .member_ag .btn_set{float:right; padding-top:1px}
#member .login .member_form .member_ag .btn_set a{display:inline-block; position:relative;  font-size:13px; font-weight:300; color:#555; line-height:16px; letter-spacing:-0.25px; margin-left:7px; padding-left:9px}
#member .login .member_form .member_ag .btn_set a:before{content:""; display:block; position:absolute; top:1px; left:0; width:1px; height:12px; background-color:#eaeaea;}
#member .login .member_form .member_ag .btn_set a:first-child{color:#d71124; margin-left:0; padding-left:0}
#member .login .member_form .member_ag .btn_set a:first-child:before{display:none; }
#member .login .member_form .member_sb{margin-top:18px}
#member .login .sns_login{margin-top:13px; text-align:center}
#member .login .sns_login .title{font-size:14px; color:#555; margin-bottom:14px}
#member .login .sns_login li{display:inline-block; margin:0 7px}
#member .login .sns_login li img{width:49px}

/*회원가입*/
#member .sns_login{padding-top:14px}
#member .sns_login .title{font-size:13px}
#member .join_box{margin-top:31px}
#member .member_form{padding:31px 0; border-top:1px solid #333}
#member .member_form .member_ip > div{margin-bottom:21px}
#member .member_form .member_ip .separate{padding:14px 0 6px}
#member .member_form .member_ip .separate > div{height:1px; background-color:#e0e0e0}
#member .member_form .member_ip .ip_item{font-size:14px; color:#333; margin-bottom:13px}
#member .member_form .member_ip .hm_ip{position:relative;}
#member .member_form .member_ip .hm_ip + .hm_ip{margin-top:12px}
#member .member_form .member_ip .hm_ip input.type1{border-radius:5px; padding-left:14px}
#member .member_form .member_ip .hm_ip input.ip2_1{padding-left:34px; background:#fff url('/appimg/common/ico_user3.png') no-repeat 15px center; background-size:12px auto}
#member .member_form .member_ip .hm_ip input.ip2_2{padding-left:34px; background:#fff url('/appimg/common/ico_lock1_1.png') no-repeat 15px center; background-size:11px auto}
#member .member_form .member_ip .hm_ip input.ip2_3{border-color:#f7f7f7; background-color:#f7f7f7}
#member .member_form .member_ip .hm_ip .hm_btn1{display:inline-block; position:absolute; right:12px; top:12px; min-width:52px; padding:0 7px; text-align:center; line-height:28px; font-size:11px; font-weight:300; color:#fff; letter-spacing:-0.25px; background-color:#555; box-sizing:border-box;  cursor:pointer}
#member .member_form .member_ip .refer1{margin-top:8px}
#member .member_form .member_ip .ip_modify{margin-top:12px}
#member .member_form .member_ip .ip_modify input.type1{padding-left:14px; border:1px solid #e0e0e0; border-top:0}
#member .member_form .member_ip .ip_modify input.type1:first-child{border-radius:5px 5px 0 0; border-top:1px solid #e0e0e0}
#member .member_form .member_ip .ip_modify input.type1::-webkit-input-placeholder{color:#ccc}  /*placeholer*/
#member .member_form .member_ip .ip_modify input.button4{border-radius:0 0 5px 5px}
#member .member_terms{padding-top:20px}
#member .member_terms .title{font-size:14px; color:#333; margin-bottom:13px}
#member .member_terms .member_agree{padding:0 15px 16px; border:1px solid #ddd; border-radius:5px}
#member .member_terms .member_agree > div{position:relative; padding:8px 3px}
#member .member_terms .member_agree .cb_all{padding:17px 3px 9px}
#member .member_terms .member_agree .cb_all input[type="checkbox"].hm-cb2 + label{font-weight:400}
#member .member_terms .member_agree .cb_item{margin-top:2px; background:url('/appimg/common/arw1.png') no-repeat right center; background-size:7px auto; cursor:pointer}
#member .member_terms .member_agree .cb_item input[type="checkbox"].hm-cb2 + label{display:block;}

#member .member_terms .member_agree .separate{padding:7px 0 6px}
#member .member_terms .member_agree .separate > div{height:1px; background-color:#efefef}
#member .member_terms .member_agree .hm_btn2{display:inline-block; position:absolute; right:0; top:6px; width:80px; height:26px; font-size:0; background:url('/appimg/common/arw1.png') no-repeat right center; background-size:7px auto; cursor:pointer}
#member .member_terms .member_agree .cb_set{margin-top:12px; padding-left:26px}
#member .member_terms .member_agree .cb_set input[type="checkbox"].hm-cb2 + label{margin-right:26px}
#member .member_terms .member_agree .cb_set input[type="checkbox"].hm-cb2 + label:last-child{margin-right:0}
#member .member_terms .refer1{margin-top:8px}
#member .member_form .member_sb{margin-top:23px}

#member .modify_box{margin-top:18px}
#member .user_info{padding:0 0 22px; text-align:center}
#member .user_info .user_thumb .thumb{display:inline-block; position:relative;  width:82px; height:82px; cursor:pointer}
#member .user_info .user_thumb .thumb img{width:100%; height:100%; border-radius:50%; object-fit:cover}
#member .user_info .user_thumb .thumb .btn_edit{display:block; position:absolute; right:-2px; bottom:4px; font-size:0; width:22px; height:22px; border:1px solid #e1e1e1; border-radius:12px; background:#fff url('/appimg/common/ico_pen1.png') no-repeat center; background-size:10px auto}
#member .user_info .user_name{margin-top:8px; font-size:18px; font-weight:bold; color:#333}
#member .user_info .user_name .nstock{color:#333; padding-left:12px;}
#member .user_info .user_name .naver{color:#34a735; padding-left:12px;}
#member .user_info .user_name .kakao{color:#f7c700; padding-left:12px;}
#member .user_info .user_name .google{color:#e34133; padding-left:12px;}
#member .user_info .user_name .facebook{color:#3a5795; padding-left:12px;}
#member .user_info .user_account{margin-top:10px;}
#member .user_info .user_account span{display:inline-block; font-size:13px; font-weight:300; color:#797979; line-height:24px; padding:0 15px; border:1px solid #e3e3e3; border-radius:13px}

#mypage .mypage{margin-top:20px; padding:18px 0 30px; border-top:1px solid #333}
#mypage .mypage .info_user{display:table; width:100%; table-layout:fixed}
#mypage .mypage .info_user > div{display:table-cell; vertical-align:middle; }
#mypage .mypage .info_user .thumb{position:relative; width:96px; height:96px; background:url('/appimg/common/ico_user4.png') no-repeat 0 0; background-size:96px auto}
#mypage .mypage .info_user .thumb img{width:100%; height:100%; object-fit:cover; border-radius:50%; overflow:hidden;}
#mypage .mypage .info_user .thumb .btn_find{position:absolute; right:-13px; bottom:-11px; width:50px; height:50px; font-size:0; background:url('/appimg/common/ico_camera1.png') no-repeat center; background-size:32px auto; cursor:pointer}
#mypage .mypage .info_user .info_text{padding-left:35px}
#mypage .mypage .info_user .info_text .hm_txt1{font-size:20px; font-weight:bold; color:#222}
#mypage .mypage .info_user .info_text .hm_txt1 .nstock{font-size:20px; color:#333; padding-left:10px;}
#mypage .mypage .info_user .info_text .hm_txt1 .naver{font-size:14px; color:#34a735; padding-left:10px;}
#mypage .mypage .info_user .info_text .hm_txt1 .kakao{font-size:14px; color:#f7c700; padding-left:10px;}
#mypage .mypage .info_user .info_text .hm_txt1 .google{font-size:14px; color:#e34133; padding-left:10px;}
#mypage .mypage .info_user .info_text .hm_txt1 .facebook{font-size:14px; color:#3a5795; padding-left:10px;}
#mypage .mypage .info_user .info_text .hm_txt1 span{font-size:14px; color:#bababa}
/* 시작 2021-02-22 수정 */
#mypage .mypage .info_user .info_text .hm_txt2{margin-top:15px; font-size:12px; font-weight:400; color:#666}
/* 끝 2021-02-22 수정 */
#mypage .mypage .info_user .info_text .btn_set{margin-top:17px}
#mypage .mypage .info_user .info_text .btn_set a{display:inline-block; font-size:12px; color:#666; text-decoration:underline}
#mypage .mypage .info_user .info_text .btn_set a:after{content:""; display:inline-block;  width:1px; height:12px; background-color:#ddd; margin:0 12px 0 16px; vertical-align:middle; }
#mypage .mypage .info_user .info_text .btn_set a:last-child:after{display:none;}
#mypage .mypage .list_menu{margin-top:23px; border-top:1px solid #ededed}
#mypage .mypage .list_menu li{position:relative; border-bottom:1px solid #ededed}
#mypage .mypage .list_menu li a:not(.btn_update){display:block; line-height:50px; padding:0 10px; font-size:14px; color:#222; background:url('/appimg/common/arw2.png') no-repeat right 10px center; background-size:7px auto}
#mypage .mypage .list_menu li:last-child a:not(.btn_update){background:none}
#mypage .mypage .list_menu li a.btn_update{display:block; position:absolute; right:10px; top:14px; font-size:12px; color:#666; line-height:22px; padding-right:23px; background:url('/appimg/common/ico_download1.png') no-repeat right center; background-size:16px auto}

.tab_member > div{float:left; width:50%; border-right:1px solid #e7e6e6; border-bottom:1px solid #e7e6e6; box-sizing:border-box; }
.tab_member > div:last-child{border-right:0}
.tab_member > div > a{display:block; font-size:14px; font-weight:bold; color:#bbb; line-height:49px; text-align:center; background-color:#f5f5f5}
.tab_member > div.selected > a{color:#d71124; background-color:#fff}

#member .find_info .member_form{border-top:0; padding-top:28px}
#member .find_info .member_form .member_ip .separate{padding:0}
#member .find_info .member_form .member_ip .separate > div{height:1px; background-color:#e9e9e9}
#member .find_info .member_form .member_sb{margin-top:21px}
#member .find_info .member_form .result_info{position:relative; padding-top:16px}
#member .find_info .member_form .result_info:before{content:""; display:block; width:1px; height:20px; margin:0 auto; background-color:#1a1a1a}
#member .find_info .member_form .result_info .result_box{margin-top:16px; text-align:center; padding:0 20px; background-color:#000; border-radius:5px}
#member .find_info .member_form .result_info .result_box .tit_result{font-size:13px; font-weight:400; color:#fff; letter-spacing:0.75px; padding:22px 0 17px; border-bottom:1px solid #333}
#member .find_info .member_form .result_info .result_box .vl_result{font-size:26px; font-weight:bold; color:#ffba00; padding:28px 0 36px;}

.terms .ct_terms{position:relative; padding:20px 24px}
.terms .ct_terms p{font-size:13px; font-weight:400; color:#666; line-height:26px}
.terms .ct_terms p strong{font-weight:400; color:#333}
/* ==========================================================================
  결제정보
   ========================================================================== */
.my_payment .period_bar .sc_title{position:relative; padding-bottom:17px; border-bottom:1px solid #181818}
.my_payment .period_bar .sc_title .title{font-size:17px; font-weight:bold; color:#181818; letter-spacing:-0.25px}
.my_payment .period_bar .sc_title .title span{color:#d71023}
.my_payment .period_bar .sc_title .btn_period{position:absolute; right:0; top:-5px}
.my_payment .period_bar .sc_title .btn_period a{display:block; width:18px; height:18px; font-size:0; padding:5px 0 5px 5px; background:url('/appimg/common/ico_calendar1.png') no-repeat right center; background-size:18px auto; cursor:pointer}
.my_payment .period_bar .period{padding:15px 0; font-family: 'Open Sans', sans-serif; font-size:15px; font-weight:bold; color:#222; line-height:20px; text-align:center; letter-spacing:-0.25px}

.my_payment .payment_form .member_ip > div{margin-bottom:21px}
.my_payment .payment_form .member_ip .separate{padding:14px 0 6px}
.my_payment .payment_form .member_ip .separate > div{height:1px; background-color:#e0e0e0}
.my_payment .payment_form .member_ip .ip_item{font-size:13px; color:#222; margin-bottom:13px}
.my_payment .payment_form .member_ip .ip_item.s1{font-size:16px; font-weight:bold; line-height:16px; margin-bottom:17px; padding-left:18px; background:url('/appimg/common/ico_mobile2.png') no-repeat 0 center; background-size:10px auto}
.my_payment .payment_form .member_ip .hm_ip{position:relative;}
.my_payment .payment_form .member_ip .hm_ip + .hm_ip{margin-top:12px}
.my_payment .payment_form .member_ip .hm_ip input.type1{border-radius:5px; padding-left:9px; height:42px}
.my_payment .payment_form .member_ip .hm_ip input.type1::-webkit-input-placeholder{color:#bbb}
.my_payment .payment_form .member_ip .hm_ip.dv1 input.type1,
.my_payment .payment_form .member_ip .hm_ip.dv1 span{float:left;}
.my_payment .payment_form .member_ip .hm_ip.dv1 input.type1.w1{width:calc(32% - 14px)}
/* 시작 2021-02-17 추가 */
.my_payment .payment_form .member_ip .hm_ip.dv1 input.type1.w2{width:calc(55% - 14px)}
/* 끝 2021-02-17 추가 */
.my_payment .payment_form .member_ip .hm_ip.dv1 input.type1{width:calc(34% - 13px);}
.my_payment .payment_form .member_ip .hm_ip.dv1 span{display:inline-block; width:20px; font-size:14px; font-weight:bold; color:#222; line-height:42px; text-align:center}
/* 시작 2021-02-17 추가 */
.my_payment .payment_form .member_ip .hm_ip.dv1 .mail{display:inline-block;font-size:14px; color:#555; line-height:42px; padding: 0 0 0 5px;}
/* 끝 2021-02-17 추가 */
.my_payment .payment_form .member_ip .sc_agree{position:relative; }
.my_payment .payment_form .member_ip .sc_agree li{font-size:13px; font-weight:300; color:#333; line-height:24px; letter-spacing:-0.25px; }
.my_payment .payment_form .member_ip .sc_agree li strong{font-weight:300; color:#d71023}
.my_payment .payment_form .member_ip .sc_agree li:before{content:"- "; color:#d71023}
.my_payment .payment_form .member_ip .sc_agree .cb_set{margin-top:12px}
.my_payment .payment_form .member_ip .sc_register{position:relative}
.my_payment .payment_form .member_ip .sc_register .name_lecture{text-align:center; padding:30px 0 30px; border-top:4px solid #333; border-bottom:1px solid #e9e9e9}
.my_payment .payment_form .member_ip .sc_register .name_lecture .title{font-size:18px; font-weight:bold; color:#222; line-height:20px; letter-spacing:-0.25px}
.my_payment .payment_form .member_ip .sc_register .cb_set{margin-top:20px}
.my_payment .payment_form .member_ip .sc_register .btn_admin{display:block; top:13px; right:-6px}

/* ==========================================================================
  게시판
   ========================================================================== */
.board_list1{padding-bottom:20px}
.board_list1 .empty_data{height:280px; padding-top:250px; font-size:13px; color:#646466; text-align:center; background:url('/appimg/common/empty_data1.png') no-repeat center 163px; background-size:69px 69px; box-sizing:border-box}
.board_list1 li{border-bottom:1px solid #eeeeee}
.board_list1 li a{display:table; width:100%; padding:16px 24px 18px; table-layout:fixed; box-sizing:border-box;}
.board_list1 li .sc_ct,
.board_list1 li .thumb{display:table-cell; vertical-align:middle;}
.board_list1 li .title{font-size:16px; font-weight:bold; color:#333; line-height:24px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.board_list1 li .title span{color:#d71023}
.board_list1 li .date{margin-top:6px; font-family:'Roboto', sans-serif; font-size:12px; font-weight:300; color:#888}
.board_list1 li .thumb{width:110px; height:70px; padding-left:10px}
.board_list1 li .thumb img{width:100%; height:100%; border-radius:5px; object-fit:cover}

.board_view1 .sc_title{padding:15px 0 22px; border-bottom:1px solid #e7e6e6; }
.board_view1 .sc_title .title{font-size:18px; font-weight:bold; color:#333; line-height:26px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.board_view1 .sc_title .title span{color:#d71023}
.board_view1 .sc_title .date{margin-top:8px; font-size:12px; color:#888}
.board_view1 .board_view{padding:15px 0 110px}
.board_view1 .board_view p{font-size:15px; color:#222; line-height:23px; text-align:justify}
.board_view1 .board_view img{max-width:100%; margin:15px 0}
.board_write1{padding-top:10px}
/* 시작 heima 2021-03-05 추가 */
.bottom_button1{position:fixed; bottom:calc(constant(safe-area-inset-bottom) + 57px); bottom:calc(env(safe-area-inset-bottom) + 57px); max-width:640px; width:100%; margin:0 auto; padding:13px 24px 15px; border-top:1px solid #e7e6e6; box-sizing:border-box; background-color:#fff; z-index: 5}
/* 끝 heima 2021-03-05 추가 */
.bottom_button1 > div{width:calc(50% - 5px); box-sizing:border-box;}
.bottom_button1 .in_btnset > div{width:calc(50% - 3px); box-sizing:border-box;}
.bottom_button1 > .btn_full{width:100%}
.bottom_button1 .btn1, .bottom_button1 .btn2{display:block; line-height:26px; padding:11px 0; text-align:center; border-radius:2px}
.bottom_button1 .btn1 span, .bottom_button1 .btn2 span{display:inline-block; font-size:15px; font-weight:bold; color:#222}
.bottom_button1 .btn_left{float:left; }
.bottom_button1 .btn_right{float:right; }
.bottom_button1 .btn1{border:1px solid #d71023; background-color:#d71023}
.bottom_button1 .btn1 span{color:#fff}
.bottom_button1 .btn1 span.ico1{color:#fff; padding-left:20px; background:url('/appimg/common/ico_hamburg1.png') no-repeat 0 center; background-size:12px auto;}
.bottom_button1 .btn2{border:1px solid #e3e3e3; background-color:#fff}
.bottom_button1 .btn2 span.c1{color:#d71023}
/*자주묻는질문*/
.tap_list1 [data-control], .tap_list1 [data-content] > * {border-bottom:none; padding:16px 40px 16px 24px}
.tap_list1 [data-control]{padding-right:50px; border-bottom:1px solid #eee; background:#fff}
.tap_list1 button{font-size:16px; font-weight:bold; color:#333; line-height:24px;}
.tap_list1 button span{color:#d71023}
.tap_list1 [data-content]{background-color:#f8f8f8}
.tap_list1 [data-content] .inner_ct{border-bottom:1px solid #e7e6e6 !important; padding:20px 24px}
.tap_list1 [data-content] p{font-size:15px; color:#222; line-height:23px; text-align:justify}
.tap_list1 [data-content] p img{max-width:100%; margin:15px 0}
.tap_list1 [data-accordion] > [data-control]:after{top:50%; margin-top:-3px; background:url('/appimg/common/arw7_1.png') right center no-repeat; background-size:11px 6px}
.tap_list1 [data-accordion].open > [data-control]:after{background:url('/appimg/common/arw7_2.png') right center no-repeat; background-size:11px 6px}
.earning_statusbar + .earning_refer{padding:9px 24px; font-size:13px; font-weight:300; color:#ffcac6; line-height:20px; text-align:center; background-color:#e13f30}
.earning_statusbar + .earning_refer span{font-weight:bold; color:#ffd30a}

#fixed_bottom .bottom_bar li span.ico5{background:url('/appimg/common/ico_bt5_1.png') no-repeat center 0; background-size:20px auto}
#fixed_bottom .bottom_bar li span.ico6{background:url('/appimg/common/ico_bt6_1.png') no-repeat center 0; background-size:20px auto}
#fixed_bottom .bottom_bar li.selected span.ico5{background-image:url('/appimg/common/ico_bt5_2.png')}
#fixed_bottom .bottom_bar li.selected span.ico5{background-image:url('/appimg/common/ico_bt6_2.png')}
.n_table2 table tbody tr td span{font-size: 12px; font-weight: 400;}
/*증시일정*/
.board_list2 .empty_data{height:280px; padding-top:250px; font-size:13px; color:#646466; text-align:center; background:url('/appimg/common/empty_data1.png') no-repeat center 163px; background-size:69px 69px; box-sizing:border-box}
.board_list2 li{border-bottom:1px solid #eeeeee}
.board_list2 li a{display:table; width:100%; padding:11px 0 16px; table-layout:fixed; box-sizing:border-box;}
.board_list2 li .sc_ct,
.board_list2 li .date{display:table-cell; vertical-align:middle;}
.board_list2 li .sc_ct{padding-left:20px; padding-top:4px}
.board_list2 li .title{font-size:15px; font-weight:300; color:#222; line-height:22px; letter-spacing:-0.5px; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2;}
.board_list2 li .title span{color:#d71023}
.board_list2 li .date{width:50px; height:59px; padding-top:20px;  text-align:center; background:url('/appimg/common/ico_calendar3.png') no-repeat 0 0; background-size:50px auto; box-sizing:border-box;}
.board_list2 li .date .vl_date1{font-family:'Roboto', sans-serif; font-size:16px; font-weight:bold; color:#222}
.board_list2 li .date .vl_date2{font-family:'Malgun Gothic', '맑은 고딕'; font-size:11px; color:#999; letter-spacing:0;}
.board_list2 + .btn_more a{display:block; line-height:52px; text-align:center}
.board_list2 + .btn_more span{font-size:13px; font-weight:300; color:#222; padding-right:16px; background:url('/appimg/common/ico_plus3.png') no-repeat right center; background-size:11px auto;}