@charset "UTF-8";
@import url('https://fonts.cdnfonts.com/css/samsung-sans-4');
@import url('https://fonts.cdnfonts.com/css/samsung-sharp-sans');
@import url('https://fonts.cdnfonts.com/css/samsungone');

/*-----------------------------------------------------------------------
    
    layout : superpage

-----------------------------------------------------------------------*/

body { font-family: dotum; background: #f2f4f6; -webkit-text-size-adjust: none; }
#masterHeader { transition: all 0.2s; }
#masterHeader.scr { margin-top: 59px; }
#masterBody { position: relative; overflow: auto; background: #f2f4f6; }
#masterFooter { padding-bottom: 40px; background: #e8ecef; }
#afterword { background: #eee; }
#tvapp_header { background: #111; }

#activity_default { padding-top: 50px; }
#activity_default a:active { background: rgba(242,244,246,0.05); }
#activity_default .header { position: fixed; top: 0px; left: 0px; width: 100%; background: #292c35; height: 34px; padding-top: 16px; text-align: center; z-index: 1200; }
#activity_default .header .title { color: #fff; font-size: 18px; user-select: none; }
#activity_default .header .close { position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; padding-top: 13px; box-sizing: border-box; }
#activity_default .header .close img { width: 20px; vertical-align: middle }
#activity_default .header .ptop_chat { position: absolute; top: 14px; right: 48px; animation-duration: 0.8s; animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-name: chatfadeIn; }
#activity_default .header .ptop_chat img { width: 27px; vertical-align: top; margin-top: 4px; }
#activity_default .header .ptop_chat img.on { animation-name: shakechat; animation-duration: 1.2s; animation-iteration-count: infinite }
#activity_default .header .ptop_chat .red_point { width: 10px; height: 10px; background: #f00; border-radius: 5px; position: absolute; top: 3px; right: -3px; display: none; }

.md_header { z-index: 2000; width: 100%; transition: all 0.2s; position: fixed; top: 0; left: 0; }
.md_header .head { position: relative; width: 100%; height: 50px; border-bottom: 1px solid #1f2a30; background: #292c35; text-align: center; box-sizing: border-box; }
.md_header .head a:active { background: rgba(242,244,246,0.05); }
.md_header.bboard .head { position: fixed; top: 0px; left: 0px; z-index: 10000; }
.md_header .head .logo a { display: block; width: 80px; height: 50px; margin: 0 auto; }
.md_header .head .logo img { width: 47px; margin-top: 10px; }
.md_header .head .ptop_chat { position: absolute; top: 11px; right: 48px; display: block; animation-duration: 0.8s; animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-name: chatfadeIn; }
.md_header .head .ptop_chat img { width: 27px; vertical-align: middle; margin-bottom: -6px; }
.md_header .head .ptop_chat a img.on { animation-name: shakechat; animation-duration: 1.2s; animation-iteration-count: infinite }
.md_header .head .ptop_live { position: absolute; top: 11px; left: 20px; display: block; animation-duration: 0.8s; animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-name: chatfadeIn; }
.md_header .head .ptop_live img { width: 35px; vertical-align: middle; margin-bottom: -6px; }
.md_header .head .ptop_live a img.on { animation-name: shakechat; animation-duration: 1.2s; animation-iteration-count: infinite }
.md_header .head .ptop_live .red_point { width: 10px; height: 10px; background: #f00; border-radius: 5px; position: absolute; top: 3px; right: -6px; display: none; }
.md_header .head .pop_menu { display: block; position: absolute; top: 0px; right: 0px; padding-top: 15px; box-sizing: border-box; width: 50px; height: 50px; }
.md_header .head .pop_menu img { width: 18px; }
.md_header .head .pop_menu .red_point { display: none; width: 8px; height: 8px; background: #f00; border-radius: 4px; position: absolute; top: 12px; right: 12px; }
.md_header .menu { position: relative; width: 100%; background: #fff; border-bottom: 1px solid #f1f1f1; overflow: hidden; margin-left: 0px; }
.md_header .menu li { display: block; float: left; line-height: 17px; text-align: center; color: #0e111d; font-size: 18px; font-weight: 500; }
.md_header .menu li a { position: relative; display: block; color: #000; text-decoration: none; padding: 10px 0px 5px; }
.md_header .menu li a p { font-size: 12px; color: #777; }
.md_header .menu li a img { width: 17px; }
.md_header .menu li a.selected p { color: #292c35; font-weight: 700 }

/*-----------------------------------------------------------------------
    
    module

-----------------------------------------------------------------------*/

/* bay1 */
.bay1 { overflow: hidden; width: 100%; padding: 0; }
.bay1_inner { position: relative; margin: 0 0 10px; background: #fff; }
.bay1_head { position: relative; }
.bay1_head > h3 { position: relative; min-height: 45px; margin: 0px 15px; border-bottom: 1px solid #f2f2f2; }
.bay1_head > h3 > a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-height: 45px; padding: 14px 15px 12px; margin: 0px -15px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; letter-spacing: -1px; vertical-align: top; font-weight: 600; font-size: 16px; line-height: 18px; }
.bay1_head > h3 > a > span { font-weight: 100; margin-left: 10px; }
.bay1_head > h3 > a > span.more { color: #aaa; font-size: 12px; font-weight: 300; margin-left: 5px; vertical-align: middle; }
.bay1_body { position: relative; margin: 0px; }
.bay1_body > ul > li { position: relative; margin: 0 15px; border-top: 1px solid #f2f2f2; font-size: 15px; }
.bay1_body > ul > li:first-child { border-top: 0px; }
.bay1_body > ul > li > a { display: block; padding: 11px 15px 10px; margin: 0 -15px; color: #222; font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; letter-spacing: -1px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bay1_body > ul > li > a > span { vertical-align: middle; }
.bay1_body > ul > li > a > img { vertical-align: middle; }

/*-----------------------------------------------------------------------
    
    section

-----------------------------------------------------------------------*/

/* 메인 */
.sec_enterRoom { background: #fff; border-bottom: 1px solid #d7e6eb; height:50px; text-align: center; margin-top: 10px; cursor: pointer; margin-bottom: 10px; }
.sec_enterRoom.sec_enterRoomVip { background: #fdf6e2; }
.sec_mainChat { margin-top: 10px; }
.sec_mainChat h3 .more { color: #aaa; font-size: 12px; font-weight: 300; margin-left: 5px; vertical-align: middle; }
.sec_mainChat ul li { }
.sec_mainChat ul li a span { vertical-align: middle; letter-spacing: -.5px; }
.sec_mainChat ul li a .number { color: red; margin-left: 5px; font-weight: 400; vertical-align: middle; }
.sec_mainChat ul li a .state { float: right; }
.sec_mainChat ul li a .state img.expert { vertical-align: middle; width: 25px; border-radius: 50%; border: 1px solid #fafafa; margin-bottom: 2px; }
.sec_mainChat ul li a .state span.on-air { position: absolute; top: calc(50%); right: 34px; color: #ff3f3f; animation-name: on-air; animation-duration: 1s; animation-iteration-count: infinite; }
.sec_mainChat ul li a .state span.on-air2 { position: absolute; top: calc(50%); right: 8px; color: #ff3f3f; animation-name: on-air; animation-duration: 1s; animation-iteration-count: infinite; }
.sec_mainIndex { }
.sec_mainIndex h3 .more { color: #aaa; font-size: 12px; font-weight: 300; margin-left: 5px; vertical-align: middle; }
.sec_mainIndex ul.chart { overflow: hidden; padding: 15px 0px; border-top: 1px solid #f6f6f6; margin: 0 15px; font-size: 15px; }
.sec_mainIndex ul.chart:first-child { border: 0px; }
.sec_mainIndex ul.chart li { float: left; width: calc( 100% / 2 - 10% ); margin: 0px; border: 0px; padding-left: 5%; }
.sec_mainIndex ul.chart li:nth-child(2n) { padding-left: 10%; }
.sec_mainIndex ul.chart li dl { }
.sec_mainIndex ul.chart li dl > a { padding: 0px; margin: 0px; }
.sec_mainIndex ul.chart li dl dt { font-size: 15px; color: #000; white-space: nowrap; overflow: hidden; clear: both }
.sec_mainIndex ul.chart li dl dt > span { display: inline-block; color: #242424; vertical-align: middle; }
.sec_mainIndex ul.chart li dl dt > em { display: inline-block; margin-top: 1px; line-height: 16px; padding-left: 4px; font-size: 13px; color: #8f8f8f; vertical-align: middle }
.sec_mainIndex ul.chart li dl dd { }
.sec_mainIndex ul.chart li dl dd.up { color: #ee2525; }
.sec_mainIndex ul.chart li dl dd.nr { color: #242424; }
.sec_mainIndex ul.chart li dl dd.down { color: #2586ee; }
.sec_mainIndex ul.chart li dl dd strong { display: block; margin-top: 3px; margin-bottom: 4px; font-size: 19px; line-height: 21px; font-weight: 600; }
.sec_mainIndex ul.chart li dl dd span.value { }
.sec_mainIndex ul.chart li dl dd span.value.up { color: #ee2525; }
.sec_mainIndex ul.chart li dl dd span.value.nr { }
.sec_mainIndex ul.chart li dl dd span.value.dw { color: #2586ee; }
.sec_mainIndex ul.chart li dl dd span.img_bx { display: block; margin-top: 10px; }
.sec_mainIndex.detail_page ul.menu { padding: 0 4%; font-size: 15px; overflow: hidden; background: #fff; border-bottom: 1px solid #f1f1f1; }
.sec_mainIndex.detail_page ul.menu:after { display: block; content: ''; clear: both; }
.sec_mainIndex.detail_page ul.menu li { float: left; width: 23%; height: 42px; line-height: 42px; margin-right: 2%; text-align: center; box-sizing: border-box; }
.sec_mainIndex.detail_page ul.menu li a { display: block; width: 100%; height: 100%; color: #999; vertical-align: middle }
.sec_mainIndex.detail_page ul.menu li a.selected { border-bottom: 2px solid #01223b; box-sizing: border-box; color: #01223b; font-weight: bold }
.sec_mainIndex.detail_page ul.chart li { padding-top: 10px; padding-bottom: 10px; }
.sec_mainIndex.detail_page ul.chart li dl dt > span { display: inline-block; color: #242424; vertical-align: middle; font: 700 15px dotum; }
.sec_mainSubscription { }
.sec_mainSubscription ul { }
.sec_mainSubscription ul li { }
.sec_mainSubscription h3 .more { color: #aaa; font-size: 12px; font-weight: 300; margin-left: 5px; vertical-align: middle; }
.sec_mainSubscription ul li { }
.sec_mainSubscription ul li a span { vertical-align: middle; letter-spacing: -.5px; }
.sec_mainSubscription ul li a .circle { font-size: 11px; color: red; }
.sec_mainSubscription ul li a .state { float: right; }

.sec_mainBroadcast { }
.sec_mainBroadcast h3 .more { color: #aaa; font-size: 12px; font-weight: 300; margin-left: 5px; vertical-align: middle; }
.sec_mainBroadcast ul li { }
.sec_mainBroadcast ul li .info { position: relative; overflow: hidden; }
.sec_mainBroadcast ul li .info img { width: 100%; }
.sec_mainBroadcast ul li .info span.price { position: absolute; top: 10px; left: 10px; color: #fff; background: red; border: 1px solid #fff; padding: 2px 4px 0px; font-size: 13px; }
.sec_mainBroadcast ul li .info span.time { position: absolute; bottom: 10px; right: 10px; font-weight: bold; color: #000; padding: 2px 4px; background: #fff; opacity: 0.4; }
.sec_mainBroadcast ul li .title { color: #aaa; padding-left: 3px; font-size: 12px; }
.sec_mainBroadcast ul li .title .value { display: block; margin-top: 4px; }
.sec_mainBroadcast ul li .title .ttl { display: block; margin-top: 1px; color: #242424; font-size: 16px; }
.sec_mainBroadcast ul li .title .reply { margin-top: 3px; }
.sec_mainBroadcast ul li .title .reply:after { content: 'ㆍ'; margin-left: 7px; }
.sec_mainBroadcast ul li .title .date { margin-left: 0px; }
.sec_main_best_news { }
.sec_main_best_news h3 .more { }
.sec_main_best_news .bay1_inner { margin-bottom: 0px; }
.sec_main_best_news ul li { }
.sec_main_best_news ul li:first-child a { border-top: 0px; }
.sec_main_best_news ul li a { padding: 14px 15px 12px; text-overflow: initial; overflow: initial; white-space: initial; letter-spacing: 0px; }
.sec_main_best_news ul li div.pic { position: relative; float: left; margin-right: 12px; }
.sec_main_best_news ul li div.pic::before { content: ''; height: 54px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0,0,0,.02) }
.sec_main_best_news ul li div.txt { font: 16px/20px dotum }
.sec_main_best_news ul li div.txt .division { margin: 0px 2px; color: #eee; font: 12px dotum; }
.sec_main_best_news ul li div.txt .ohnm { font: 12px dotum; color: #aaa; margin-left: 2px; }
.sec_main_best_news ul li div.txt .date { font: 12px dotum; color: #aaa; }
/* 증권정보 */
.sec_mainBanner { position: relative; }
.sec_mainBanner img { display: block; }
.sec_mainBanner img.watermark { width: 17px; position: absolute; top: 10px; right: 10px; }
.sec_mainBanner img.watermark.red:before { content: ''; display: block; background: red; width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.sec_mainBanner .bay1_inner .kb_yuanta .yuanta { display: inline-block; width: 30%; position: absolute; top: 40%; left: 15%; z-index: 1; }
.sec_mainBanner .bay1_inner .kb_yuanta .yuanta img { width: 100%; }
.sec_mainBanner .bay1_inner .kb_yuanta .kb { display: inline-block; width: 30%; position: absolute; top: 40%; left: 55%; z-index: 1; }
.sec_mainBanner .bay1_inner .kb_yuanta .kb img { width: 100%; }
.table_board { }
.table_board ul:after { display: block; clear: both; content: ''; }
.table_board ul li { position: relative; float: left; width: 33.3%; }
.table_board ul li:before { position: absolute; top: 0; left: 0; width: 1px; height: 100%; background-color: #f2f2f2; content: ''; }
.table_board ul li:after { position: absolute; top: 0; left: 0; height: 1px; width: 100%; background-color: #f2f2f2; content: ''; }
.table_board ul li a { display: block; padding: 0px 5px; overflow: hidden; height: 38px; line-height: 40px; background-color: #fff; text-align: center; font-size: 14px; color: #666; letter-spacing: -1px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.table_board ul li:nth-child(3n) { width: 33.4% }
.table_board ul li:nth-child(3n-2):before { display: none }
.table_board ul li:nth-child(1):after, .table_board ul li:nth-child(2):after, .table_board ul li:nth-child(3):after { display: none }
.type_board { }
.type_board .bay1_body ul li.board_li { display: table; position: relative; width: calc(100% - 30px); word-wrap: break-word; word-break: break-all; border-bottom: 1px solid #f2f2f2; margin: 0 15px; border-top: 0; }
.type_board .bay1_body ul li.board_li:first-child { }
.type_board .bay1_body ul li.board_li.none { text-align: center; padding: 30px 0px; }
.type_board .bay1_body ul li.board_li a { text-decoration: none; padding: 10px 0px; margin: 0; }
.type_board .bay1_body ul li.board_li a:visited .content { color: #aaa; }
.type_board .bay1_body ul li.board_li .readcount { display: table-cell; min-width: 35px; text-align: center; color: #555; font: 15px/20px arial; background: #f2f2f2; vertical-align: initial; border-radius:7px; vertical-align:middle; font:bold 14px nanum gothic; }
.type_board .bay1_body ul li.board_li .readcount img { opacity: 1; }
.type_board .bay1_body ul li.board_li .readcount span { display:inline-block; font:12px nanum gothic; color:#aaa; }
.type_board .bay1_body ul li.board_li .content { display: table-cell; width: 100%; padding: 10px 15px 10px 0; font-size: 16px; color: #444; }
.type_board .bay1_body ul li.board_li .content .subject { white-space: initial; }
.type_board .bay1_body ul li.board_li .content .sign { color: #e53636; font-size: 12px; }
.type_board .bay1_body ul li.board_li .content .number { color: #e53636; margin: 0px 1px; font-weight: bold; font-size: 12px; opacity: 0.8 }
.type_board .bay1_body ul li.board_li .content .writer { display: block; font: 13px dotum; text-overflow: ellipsis; white-space: nowrap; color: #aaa; margin-top: 6px; letter-spacing:0px; }
.type_board .bay1_body ul li.board_li .content .new_icon { vertical-align: middle }
.type_board .bay1_body ul li.board_li .content .seperate { margin: 0px 2px; color: #eee; font: 10px dotum; }
.type_board .bay1_body ul li.board_li .content .writer span.read_icon { display: inline-block; width: 16px; height: 11px; background: url("/img/sp_mobile_10.png"); background-position: -54px -82px; background-size: 500px 500px; }
.type_board .bay1_body ul li.board_li .content .writer span { vertical-align: middle; }
.type_board .bay1_body ul li.board_li .content .writer img { vertical-align: middle; }
.brd_diary { margin-bottom: 10px; }
.brd_diary .bay1_head h3 { border: 0px; }
.brd_diary .bay1_head h3 a { padding: 17px 15px 15px; }
.brd_diary .bay1_body { padding-bottom: 0px; }
.brd_diary .bay1_body ul { overflow: hidden; }
.brd_diary .bay1_body ul:first-child { margin-bottom: 0px; }
.brd_diary .bay1_body ul:first-child li { padding-top: 0px; }
.sec_miniBroadcast { }
.sec_miniBroadcast .list { overflow: hidden }
.sec_miniBroadcast .list li > a { min-height: 90px; padding: 18px 15px 14px; text-overflow: initial; overflow: initial; white-space: initial; letter-spacing: 0px; }
.sec_miniBroadcast .list div.pic { position: relative; float: left; margin-right: 12px; }
.sec_miniBroadcast .list div.pic::before { content: ''; width: 158px; height: 88px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0,0,0,.05) }
.sec_miniBroadcast .list div.pic img.thumb { width: 160px; height: 90px; }
.sec_miniBroadcast .list div.pic img.is_view { width: 158px; height: 88px; border: 1px solid red; }
.sec_miniBroadcast .list div.pic .price { position: absolute; z-index: 1; background-color: #333; color: #fff; font-size: 12px; padding: 3px; top: 0; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.sec_miniBroadcast .list div.pic .price img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 2px; }
.sec_miniBroadcast .list div.pic .price_free { position: absolute; z-index: 1; background-color: #999; color: #111; font-size: 12px; padding: 3px; top: 0px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.sec_miniBroadcast .list div.pic .price_free img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 2px; }
.sec_miniBroadcast .list div.pic .price_vip { position: absolute; z-index: 1; background-color: #fc3333; color: #fff; font-size: 12px; padding: 3px; top: 0px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.sec_miniBroadcast .list div.pic .price_buy { position: absolute; z-index: 1; background-color: #f00; color: #fff; font-size: 12px; padding: 3px; top: 0px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.sec_miniBroadcast .list div.pic .playtime { position: absolute; z-index: 1; right: 0; bottom: 4px; font-size: 13px; background: rgba(0,0,0,0.5); color: #fff; padding: 2px 5px; }
.sec_miniBroadcast .list div.txt { padding-top: 2px; font-size: 12px; color: #aaa; }
.sec_miniBroadcast .list div.txt .value { display: block; font-size: 12px; }
.sec_miniBroadcast .list div.txt .ttl { display: block; padding: 3px 0px 4px; font: 16px dotum; color: #222; max-height: 33px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.sec_miniBroadcast .list div.txt .reply { display: block; padding-top: 4px; }
.sec_miniBroadcast .list div.txt .date { display: block; }
/* 더보기 */
.myinfo_no { position: relative; overflow: hidden; background: #fff; font-size: 14px; margin-top: 10px; }
.myinfo_no .body { text-align: center; padding: 20px 0px 10px; }
.myinfo_no .body .login { display: inline-block; padding: 5px 7px; height: 15px; background: #eee; color: #555; text-align: center; border: 1px solid #ddd; }
.myinfo_no .body .join { display: inline-block; padding: 5px 7px; height: 15px; background: #eee; color: #555; text-align: center; border: 1px solid #ddd; }
.intro_vip { position: relative; min-height: 220px; margin-top: 10px; }
.intro_vip ul.goods { overflow: hidden; padding: 0px 15px; }
.intro_vip ul.goods li { float: left; width: 33.3%; text-align: center; padding: 15px 0px; }
.intro_vip ul.goods li a { display: block; text-align: center; }
.intro_vip ul.goods li img.goods { width: 50px; border-radius: 25px; }
.intro_vip ul.goods li span.goods_name { display: block; }
.intro_vip ul.element { color: #888; font-size: 15px; }
.intro_vip ul.element li { height: 40px; line-height: 40px; margin: 0px 15px; border-top: 1px dashed #f2f2f2; }
.intro_vip ul.element li a { display: block; margin: 0px -15px; padding: 0px 15px; }
.intro_vip ul.element li .classification { color: #236bd7 }
.intro_vip div.request { padding-bottom: 20px; border-top: 1px solid #eee; overflow: hidden }
.intro_vip div.request p { font-size: 15px; color: #000000; margin-bottom: 6px; letter-spacing: -1px; text-align: center }
.intro_vip div.request p span { font-weight: bold; }
.intro_vip div.request li:last-child { float: right; }
.intro_vip div.request li { float: left; height: 40px; font-size: 16px; line-height: 40px; color: #000000; border: #555555 1px solid; /* border-radius: 16px;*/ width: 47.5%; font-family: "AppleSDGothicNeo-Medium"; text-align: center }

/*-----------------------------------------------------------------------
    
    board

-----------------------------------------------------------------------*/

/* head */
.md_board_header { overflow: hidden; color: #0e111d; font-size: 12px; }
.md_board_header .title { position: fixed; top: 0px; left: 0px; width: 80%; height: 55px; line-height: 55px; padding-left: 15px; color: #fff; z-index: 1201; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.md_board_header .title.writeTitle { font-size: 16px; }
.md_board_header .close { position: absolute; top: 5px; right: 15px; }
.md_board_header .close img { width: 20px; }
.md_board_header .select { position: fixed; top: 7px; left: 10px; color: #ff1000; z-index: 1201; }
.md_board_header .select span { padding: 0px 7px; font-weight: bold; /*background:#ff1000;*/ }
.md_board_header .select select { display: inline-block; background: #fff; border: 1px solid #e8e8e8; color: #000; font-weight: bold; outline-style: none; height: 36px; width: 100px; border-radius: 2px; }
.md_board_header .write { position: fixed; top: 7px; left: 120px; z-index: 1201; }
.md_board_header .write .btn { display: inline-block; background: #eee; border: 1px solid #e8e8e8; color: #000; font-weight: bold; outline-style: none; height: 34px; line-height: 34px; width: 80px; text-align: center; font-size: 14px; border-radius: 2px; }
.md_boardmenu_stb .btn { margin-left: 10px; }
.md_boardmenu_stb .naver { display: inline-block; width: 25px; height: 25px; background: #0db539; color: #fff; text-align: center; font: bold 14px/26px tahoma; margin-left: 10px; }
.md_boardmenu_stb .ment { display: inline-block; font-size: 14px; float: right; margin-top: 2px; margin-right: 15px; }
.md_boardmenu_stb .ment .green { color: #0f9833 }
.md_board_list { }
/* list */
.brdList { background: #fff; }
.brdList li.board_li { display: table; position: relative; width: 100%; word-wrap: break-word; word-break: break-all; border-bottom: 1px solid #eee; }
.brdList li.board_li:first-child { }
.brdList li.board_li.none { text-align: center; padding: 30px 0px; }
.brdList li.board_li a { text-decoration: none; padding:10px 0px; }
.brdList li.board_li a:visited .content { color: #aaa; }
/*.brdList li.board_li .readcount { display: table-cell; min-width: 50px; text-align: center; color: #333; font: 15px/20px arial; background: #fcfcfc; }
.brdList li.board_li .readcount img { opacity: 1; }*/
.brdList li.board_li .readcount { display: table-cell; min-width: 35px; text-align: center; color: #555; font: 15px/20px arial;  font: bold 14px nanum gothic; padding-right:10px; }
.brdList li.board_li .readcountIn { background: #f2f2f2; border-radius: 7px; vertical-align: middle;padding:12px 0px; }
.brdList li.board_li .readcount img { opacity: 1; }
.brdList li.board_li .readcount span { display: inline-block; font: 12px nanum gothic; color: #aaa; }
.brdList li.board_li .numbering { display: table-cell; min-width: 45px; padding: 0px 2px; text-align: center; color: #ccc; font: 12px/20px arial; }
.brdList li.board_li .numbering { display: none; }
.brdList li.board_li .content { display: table-cell; width: 100%; padding: 11px 15px 10px 15px; font-size: 16px; color: #444; }
.brdList li.board_li .content .subject { }
.brdList li.board_li .content .sign { color: #e53636; font-size: 12px; }
.brdList li.board_li .content .number { color: #e53636; margin: 0px 1px; font-weight: bold; font-size: 12px; opacity: 0.8 }
.brdList li.board_li .content .writer { display: block; font: 13px dotum; text-overflow: ellipsis; white-space: nowrap; color: #aaa; margin-top: 6px; }
.brdList li.board_li .content .new_icon { vertical-align: middle }
.brdList li.board_li .content .seperate { margin: 0px 2px; color: #eee; font: 10px dotum; }
.brdList li.board_li .content .writer span.read_icon { display: inline-block; width: 16px; height: 11px; background: url("/img/sp_mobile_10.png"); background-position: -54px -82px; background-size: 500px 500px; }
.brdList li.board_li .content .writer span { vertical-align: middle; }
.brdList li.board_li .content .writer img { vertical-align: middle; }
.brdList li { letter-spacing: -0.3px; position: relative }
.brdList li a { display: inline-block; overflow: hidden; width: 100%; vertical-align: middle }
.brdList li a .thumb { position: relative; display: inline-block; float: left; width: 100px; height: 75px; overflow: hidden }
.brdList li a .thumb .moimg { width: 100%; vertical-align: middle }
.brdList li a .playbtn { position: absolute; top: 20px; left: 50%; margin-left: -15px }
.brdList li a .playbtn img { width: 30px; vertical-align: middle }
.brdList li a .playtime { position: absolute; bottom: 3px; right: 3px; }
.brdList li a .playtime span { background-color: #000; border-radius: 3px; color: #fff; text-align: center; padding: 2px 4px; font-size: 10px; opacity: 0.5 }
.brdList li a .vipmark { position: absolute; top: 0; left: 0; }
.brdList li a .vipmark img { width: 30px; vertical-align: middle }
.brdList li a .twrap { display: inline-block; float: left; padding-left: 10px; width: calc(100% - 110px) }
.brdList li a .twrap .expert { font-size: 13px; color: #ff0f00; font-weight: bold; margin: 5px 0 }
.brdList li a .twrap .ttl { font-size: 14px; color: #000 }
.brdList li a .star_btn { display: inline-block; font-family: 'Segoe UI'; position: absolute; right: 13px; bottom: 11px; text-align: center }
.brdList li a .star_btn span { display: inline-block; width: 65px; padding: 3px 5px; border-radius: 2px; vertical-align: middle; font-size: 13px; }
.brdList li a .star_btn span.comp { background-color: #525252; color: #fff }
.brdList li a .star_btn span.vip { background-color: #fc3333; color: #fff }
.brdList li a .star_btn span.free { background-color: #b9b9b9; color: #444 }
.brdList li a .star_btn span.star { background-color: #525252; color: #fff }
.brdList li a .star_btn img { width: 15px; vertical-align: middle; margin-bottom: 2px; margin-right: 5px }
.brdList li a .dateNreply { position: absolute; left: 120px; bottom: 13px; }
.brdList li a .dateNreply .date { font-size: 12px; color: #777; vertical-align: middle }
.brdList li a .dateNreply .bar { display: inline-block; width: 1px; height: 12px; background: #ddd; vertical-align: middle; margin: 0 10px }
.brdList li a .dateNreply .reply { vertical-align: middle; }
.brdList li a .dateNreply .reply img { width: 13px; vertical-align: middle; margin: 0 3px 2px 0; opacity: 0.7 }
.brdList li a .dateNreply .reply span { font-size: 13px; color: #999; vertical-align: middle; font-weight: bold; }
.brdList li.broadcast_li { position: relative; height: 110px; margin-bottom: 0px; }
.brdList li.broadcast_li:last-child { border: none; }
.brdList li.broadcast_li .left { width: 160px; height: 90px; margin: 20px; position: absolute; top: 0; left: 0; overflow: hidden; }
.brdList li.broadcast_li .left .price { position: absolute; z-index: 1; background-color: #333; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brdList li.broadcast_li .left .price img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 2px; }
.brdList li.broadcast_li .left .price_free { position: absolute; z-index: 1; background-color: #999; color: #111; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brdList li.broadcast_li .left .price_free img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 2px; }
.brdList li.broadcast_li .left .price_vip { position: absolute; z-index: 1; background-color: #fc3333; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brdList li.broadcast_li .left .price_buy { position: absolute; z-index: 1; background-color: #f00; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brdList li.broadcast_li .left .playTime { position: absolute; z-index: 1; right: 0; bottom: 0; font-size: 13px; background: rgba(0,0,0,0.5); color: #fff; padding: 2px 5px; }
.brdList li.broadcast_li .left img { width: 100% }
.brdList li.broadcast_li .right { width: calc(100% - 204px); height: 90px; padding: 20px 10px; position: absolute; top: 0; right: 0; }
.brdList li.broadcast_li .right .top { height: 55px; font-family: Tahoma; }
.brdList li.broadcast_li .right .top span { display: block; font-size: 12px; color: #888; font-weight: 300; }
.brdList li.broadcast_li .right .top span.ttl { font-size: 14px; color: #222; }
.brdList li.broadcast_li .right .top .reply { font-size: 12px; color: #888; }
.brdList .brd_dv { background: #999; }
.brdMore { text-align: center; margin-top: 25px; border-bottom: 1px solid #eee; padding-bottom: 20px; }
/*.brdList li.broadcast_li {letter-spacing:-0.3px;border-bottom:1px solid #e8e8e8;position:relative}
.brdList li.broadcast_li a {display:inline-block;overflow:hidden;width:100%;padding:12px 0 }
.brdList li.broadcast_li a .bimg {display:inline-block;vertical-align:middle;float:left;margin-left:12px; }
.brdList li.broadcast_li a .bimg img {width:30px;vertical-align:middle;margin-bottom:2px }
.brdList li.broadcast_li a .twrap {float:left;margin-left:12px }
.brdList li.broadcast_li a .date {color:#777;vertical-align:middle;font-size:12px;font-weight:bold ;margin-bottom:5px  }
.brdList li.broadcast_li a .ttl {vertical-align:middle;font-size:14px;  }
.brdList li.broadcast_li a .ttl .reply {color:#ea1c1c;font:13px arial;margin-left:5px}
.brdList li.broadcast_li a .star_btn {display:inline-block;font-family:'Segoe UI';position:absolute;right:12px;top:16px }
.brdList li.broadcast_li a .star_btn span {display:inline-block;width:55px;padding:3px 5px;border-radius:3px;background-color:#fc3333;color:#fff;font-size:13px; }
.brdList li.broadcast_li a .star_btn img {width:15px;vertical-align:middle;margin-bottom:3px;margin-right:5px }*/
.btn_afterword { position: fixed; bottom: 50px; right: 20px; width: 60px; height: 60px; padding: 10px; background: #15214e; color: #fff; border-radius: 10px; text-align: center; opacity: 0.8 }
.btn_afterword a { display: block; color: #fff; font-size: 12px }
.btn_afterword img { width: 30px; margin-bottom: 5px }
.brd_diary { position: relative; background: #fff; padding: 0px 0px 5px; overflow: hidden; }
.brd_diary ul { clear: both; margin-bottom: 15px; }
.brd_diary ul li { float: left; width: 45%; margin-left: 2.5%; margin-right: 2.5%; padding-top: 15px; }
.brd_diary ul li .box { display: block; border: 1px dashed #f4f4f4; border-top: 1px dashed #ccc; padding: 10px; min-height: 150px; position: relative; }
.brd_diary ul li h4 { height: 25px; }
.brd_diary ul li h4 span { display: inline-block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brd_diary ul li .vipyn { position: absolute; right: -2px; top: -3px }
.brd_diary ul li .vipyn img { width: 27px; vertical-align: middle }
.brd_diary ul li h4 span.name { width: 100% }
.brd_diary ul li h5 { position: relative; }
.brd_diary ul li h5 img.vip { position: absolute; top: 4px; left: 0px; width: 16px; }
.brd_diary ul li h5 img.member { width: 16px; height: 16px; border-radius: 8px; vertical-align: top; }
.brd_diary ul li h5 .writer { font-size: 11px; color: #aaa; display: inline-block; vertical-align: top; margin-top: 1.5px; }
.brd_diary ul li h5 .time { color: #ccc; font-size: 11px; display: inline-block; vertical-align: top; margin-top: 1.5px; width: 40px; float: right; }
.brd_diary ul li .content { margin-top: 10px; }
.brd_diary ul li .content img { width: 100%; }
.brd_diary ul li .content2 { font-size: 11px; color: #aaa; padding-top: 10px; }
.brd_diary .btn { position: fixed; bottom: 50px; right: 20px; width: 60px; height: 60px; padding: 10px; background: #15214e; color: #fff; border-radius: 10px; text-align: center; opacity: 0.8 }
.brd_diary .btn a { display: block; color: #fff; font-size: 12px }
.brd_diary .btn img { width: 30px; margin-bottom: 5px }
.brd_diary .write_btn { position: fixed; bottom: 66px; right: 16px; width: 50px; height: 50px; border-radius: 25px; background: #292c35; text-align: center; z-index: 1000; }
.brd_diary .write_btn a { display: block; width: 100%; height: 100%; }
.brd_diary .write_btn img { width: 16px; height: 16px; margin-top: 4px; }
.brd_diary .write_btn span { color: #fff; display: block; font-size: 12px; margin-top: 4px; }

.md_eventlist { background: #f2f2f2; }
.md_eventlist .se_Ttl { font-size: 15px; padding: 15px 0; color: #444; font-weight: normal; border-bottom: 1px solid #e8e8e8; background-color: #fff; text-align: center }
.md_eventlist .se_Ttl span { font-family: SpoqaHanSans; color: #c53929; font-weight: bold }
.md_eventlist .lWrap { margin-top: 7px; background-color: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 15px 15px 0 }
.md_eventlist li { border-bottom: 1px solid #e8e8e8; margin-bottom: 15px; padding-bottom: 15px }
.md_eventlist li:last-child { border-bottom: none; padding-bottom: 0px }
.md_eventlist li .se_Img img { vertical-align: middle; width: 100% }
.md_eventlist li .se_Bot { overflow: hidden; margin-top: 15px; width: 100%; }
.md_eventlist li .stat_Icon { width: 20%; float: left; }
.md_eventlist li .stat_Icon span { width: 100%; height: 75px; text-align: center; line-height: 75px; border-radius: 5px; display: inline-block; color: #fff; font-size: 14px; }
.md_eventlist li .stat_Icon span.ing { background-color: #c53929; font-weight: bold; }
.md_eventlist li .stat_Icon span.quit { background-color: #b9b9b9; }
.md_eventlist li .two_Ttl { float: left; width: calc(80% - 10px); margin-top: 3px; }
.md_eventlist li .two_Ttl .big { font-size: 14px; color: #222; word-break: break-word; padding: 0 10px; margin-bottom: 5px; }
.md_eventlist li .two_Ttl .small { font-size: 13px; color: #999; letter-spacing: -1px; padding: 0 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.md_eventlist li .two_Ttl .date { color: #999; font-size: 12px; padding-top: 3px; padding: 0 10px; margin-top: 15px }
.md_eventlist .paneN { margin-top: 7px; border-top: 1px solid #e8e8e8; background-color: #fff; text-align: center }
.md_eventlist .paneN li { display: inline-block; color: #999; padding: 10px; cursor: pointer; margin-top: 10px; border-bottom: none; }
.md_eventlist .paneN li.selected { font-weight: bold; color: #222 }
.brd_afterword { position: relative; overflow: hidden; padding: 8px; font-family: 'Malgun Gothic' }
.brd_afterword .top_awsel { overflow: hidden; letter-spacing: -0.5px; background: #f2f2f2; }
.brd_afterword .top_awsel a { display: inline-block; box-sizing: border-box; vertical-align: middle; float: left; width: 50%; height: 50px; line-height: 50px; text-align: center; font-size: 14px; color: #b9b9b9; font-weight: bold; border-bottom: 1px solid #e8e8e8; border-right: 1px solid #e8e8e8 }
.brd_afterword .top_awsel a img { width: 14px; vertical-align: middle; margin-bottom: 4px; margin-right: 6px; opacity: 0.2 }
.brd_afterword .top_awsel a:last-child { border-right: none }
.brd_afterword .top_awsel a span { margin-left: 6px; font-weight: bold }
.brd_afterword .top_awsel a.sel { background: #fff; color: #000; border-bottom: none }
.brd_afterword .top_awsel a.sel img { opacity: 1 }
.brd_afterword .top_awsel a.sel span { color: #f37333; }
.brd_afterword .list_top { position: relative; overflow: hidden; height: 20px; padding: 15px; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) }
.brd_afterword .list_top .awno { float: left; font-size: 12px; color: #666 }
.brd_afterword .list_top .awno span { font-weight: bold; color: #333 }
.brd_afterword .list_top .filterN { float: right; color: #666; font-size: 12px; margin-right: 58px; position: relative; }
.brd_afterword .list_top .filterN span.red_point { display: block; width: 8px; height: 8px; border-radius: 4px; background: #f00; position: absolute; top: -3px; right: -3px; display: none; }
.brd_afterword .list_top .filterP { position: absolute; top: 10px; right: 15px }
.brd_afterword .list_top .filterP .switchwrap { position: relative; display: inline-block; background: #f1f1f1; border-radius: 40px; border: 1px solid #ddd; width: 50px; height: 26px; }
.brd_afterword .list_top .filterP .switchwrap .switch { position: absolute; left: 0; top: 0; width: 26px; height: 26px; border-radius: 26px; background: #fff; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); transition: all 0.5s; }
.brd_afterword .list_top .filterP .switchwrap.on { background: #f37333; }
.brd_afterword .list_top .filterP .switchwrap.on .switch { left: 24px; }
.brd_afterword li { background: #fff; overflow: hidden; position: relative; padding: 20px; margin-top: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) }
.brd_afterword li.linotpad { padding: 20px 0 }
.brd_afterword li:last-child { margin-bottom: 8px }
.brd_afterword .ttl_date { overflow: hidden }
.brd_afterword .ttl_date .ttl { float: left; font-size: 16px; font-weight: bold; color: #333; letter-spacing: -0.5px; text-overflow: ellipsis; white-space: nowrap }
.brd_afterword .ttl_date .date { margin-top: 2px; text-align: right; float: right; color: #999; font-size: 12px; letter-spacing: -0.5px }
.brd_afterword .prof_grade { padding: 7px 0 15px; overflow: hidden }
.brd_afterword .prof_grade .prof { float: left; }
.brd_afterword .prof_grade .prof img { vertical-align: middle; width: 20px; border-radius: 10px; margin-right: 3px; }
.brd_afterword .prof_grade .prof .nick { vertical-align: middle; color: #333; font-size: 13px; }
.brd_afterword .prof_grade .grade { float: right; font-size: 0; }
.brd_afterword .prof_grade { vertical-align: middle; font-size: 14px; }
.brd_afterword .prof_grade .nm { vertical-align: middle; color: #b9b9b9; font-size: 11px }
.brd_afterword .prof_grade .bar { display: inline-block; vertical-align: middle; width: 1px; height: 11px; background: #e2e2e2; margin: 0 7px 0 4px }
.brd_afterword .prof_grade .fill { color: #f37333; vertical-align: middle; margin-bottom: 1px; font-size: 14px; }
.brd_afterword .prof_grade .nofill { color: #ddd; vertical-align: middle; margin-bottom: 1px; font-size: 14px; }
.brd_afterword .prof_grade .num { vertical-align: middle; font-size: 16px; font-weight: bold; color: #f37333; margin-left: 5px; }
.brd_afterword .aw_image { width: 84%; overflow: hidden; max-height: 400px; margin: 0 auto; position: relative; }
.brd_afterword .aw_image img { width: 100%; vertical-align: middle; border: 1px solid #eee; box-sizing: border-box }
.brd_afterword .aw_image .plus_icon { position: absolute; z-index: 999; bottom: 7px; right: 7px; width: 25px; border: none; }
.brd_afterword .botcont { font-size: 12px; color: #777; letter-spacing: -0.4px; line-height: 18px; word-break: break-all; padding-top: 15px; }
.brd_afterword .ps_Profile { float: left; width: calc(27% - 1px ); text-align: center; box-sizing: border-box }
.brd_afterword .ps_Profile .thumb { margin-bottom: 2px }
.brd_afterword .ps_Profile .thumb img { width: 40px; border-radius: 20px }
.brd_afterword .ps_Profile .nick { font-size: 11px; color: #444 }
.brd_afterword .ps_Profile .phone { font-size: 10px; color: #999; margin-top: 3px; letter-spacing: -1px }
.brd_afterword .ps_Profile .phone img { vertical-align: middle; margin: 0 4px 3px 0; width: 7px }
.brd_afterword .ps_Profile .grade { vertical-align: middle; font-size: 0; letter-spacing: -1px; }
.brd_afterword .ps_Profile .nm { vertical-align: middle; color: #b9b9b9; font-size: 11px }
.brd_afterword .ps_Profile .bar { display: inline-block; vertical-align: middle; width: 1px; height: 11px; background: #e2e2e2; margin: 0 6px }
.brd_afterword .ps_Profile .fill { color: #f37333; vertical-align: middle; margin-bottom: 1px; font-size: 16px; }
.brd_afterword .ps_Profile .nofill { color: #ddd; vertical-align: middle; margin-bottom: 1px; font-size: 16px; }
.brd_afterword .ps_Profile .num { vertical-align: middle; font-size: 12px; font-weight: bold; color: #f37333 }
.brd_afterword .ps_Content { float: left; width: 73%; box-sizing: border-box; text-overflow: ellipsis; overflow: hidden; margin-left: 1px; }
.brd_afterword .ps_Content .contpart_Top { overflow: hidden; padding: 0 15px 10px 0; letter-spacing: -0.4px; }
.brd_afterword .ps_Content .contpart_Top span { vertical-align: middle; display: inline-block; }
.brd_afterword .ps_Content .contpart_Top .left { float: left; width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.brd_afterword .ps_Content .contpart_Top .left .best { margin: 2px 2px 0 0; vertical-align: middle; }
.brd_afterword .ps_Content .contpart_Top .left .best img { width: 35px; }
.brd_afterword .ps_Content .contpart_Top .ttl { font-size: 14px; margin-right: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold }
.brd_afterword .ps_Content .contpart_Top .right .date { float: right; margin-top: 7px; font-weight: normal; color: #999; font-size: 10px; border: 1px solid #999 }
.brd_afterword .ps_Content .contpart_Top .right { float: right; width: 40%; }
.brd_afterword .ps_Content .contpart_Top .date { float: right; margin-top: 5px; font-weight: normal; color: #b9b9b9; font-size: 11px }
.brd_afterword .ps_Content .contpart_Bot { padding: 0 15px 0px 0; font-size: 12px; color: #777; letter-spacing: -0.4px; line-height: 18px; }
.brd_afterword .top_photo { padding-top: 15px; overflow-y: hidden; max-width: 400px }
.brd_afterword .top_photo img { vertical-align: middle; width: 100%; overflow: hidden }
.brd_afterword .wraper { padding: 10px 0; overflow: hidden }
.brd_afterword .left_photo { display: inline-block; float: left; width: 110px; height: 110px; overflow-y: hidden }
.brd_afterword .left_photo img { width: 100%; vertical-align: middle }
.brd_afterword .right_content { float: right; width: calc(100% - 120px) }
.brd_afterword .right_content .topttl { padding: 5px; overflow: hidden }
.brd_afterword .right_content .topttl .ttl { font-size: 14px; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: bold }
.brd_afterword .right_content .topttl .ttl img { width: 12px; vertical-align: middle; margin-bottom: 2px }
.brd_afterword .right_content .topttl .date { display: inline-block; float: right; color: #b9b9b9; font-size: 11px; margin-top: 2px }
.brd_afterword .right_content .userinfo { background: #f2f2f2; padding: 5px }
.brd_afterword .right_content .userinfo .thumb { display: inline-block }
.brd_afterword .right_content .userinfo .thumb .nick { vertical-align: middle; font-size: 11px; color: #777 }
.brd_afterword .right_content .userinfo .thumb img { width: 14px; border-radius: 7px; vertical-align: middle; margin-bottom: 2px }
.brd_afterword .right_content .userinfo .phone { display: inline-block; margin-left: 5px }
.brd_afterword .right_content .userinfo .phone img { vertical-align: middle; width: 6px }
.brd_afterword .right_content .userinfo .phone span { vertical-align: middle; font-size: 10px; color: #999; letter-spacing: -1px }
.brd_afterword .right_content .botcont { padding: 7px 10px 5px 3px; font-size: 12px; color: #777; letter-spacing: -0.4px; line-height: 18px; word-break: break-all }
.brd_afterword .write_btn { position: fixed; bottom: 66px; right: 16px; width: 50px; height: 50px; border-radius: 25px; background: #292c35; text-align: center; z-index: 1000; }
.brd_afterword .write_btn a { display: block; width: 100%; height: 100%; }
.brd_afterword .write_btn img { width: 16px; height: 16px; margin-top: 4px; }
.brd_afterword .write_btn span { color: #fff; display: block; font-size: 12px; margin-top: 4px; }


.md_main_best_news { background: #fff; margin-top: 15px; border-bottom: 1px solid #e6e6e6; }
.md_main_best_news h3 { font: bold 16px dotum; padding: 15px 15px 15px; border-bottom: 1px solid #f4f4f4; }
.md_main_best_news h3 a { position: absolute; top: 5px; right: 0px; font-size: 0.9em; display: inline-block; width: 65px; height: 45px; line-height: 48px; text-align: center; color: #222; font-weight: normal; color: #777; }
.md_main_best_news h3 .more { }
.md_main_best_news li { }
.md_main_best_news li a { overflow: hidden; display: block; padding: 15px 15px 12px; border-top: 1px solid #eee; zoom: 1; color: #000; }
.md_main_best_news li:first-child a { border-top: 0px; }
.md_main_best_news li div.pic { position: relative; float: left; margin-right: 12px; }
.md_main_best_news li div.pic::before { content: ''; height: 54px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0,0,0,.02) }
.md_main_best_news li div.txt { font: 16px/20px dotum }
.md_main_best_news li div.txt .division { margin: 0px 2px; color: #eee; font: 12px dotum; }
.md_main_best_news li div.txt .ohnm { font: 12px dotum; color: #aaa; margin-left: 2px; }
.md_main_best_news li div.txt .date { font: 12px dotum; color: #aaa; }
.brdList_summary { background: #f2f2f2; }
.brdList_summary .free_push { position: relative; overflow: hidden; background: #fff; border-bottom: 1px solid #e5e5e5; }
.brdList_summary .free_push .title { display: inline-block; width: 100%; padding: 15px 0; position: relative }
.brdList_summary .free_push .top { display: inline-block; padding-left: 15px; font-weight: bold; font-size: 16px; margin-top: 2px }
.brdList_summary .free_push .more { position: absolute; right: 15px; top: 14px }
.brdList_summary .free_push ul { padding: 0px 0px; }
.brdList_summary .free_push ul li { overflow: hidden; border-top: 1px solid #f5f5f5; }
.brdList_summary .free_push ul li:last-child { }
.brdList_summary .free_push ul li a { display: block; zoom: 1; color: #000; letter-spacing: 0px; padding: 12px 15px; min-height: 30px; width: calc(100% - 30px); height: calc(100% - 24px); }
.brdList_summary .free_push ul li div.pic { position: relative; float: left; margin-right: 12px; }
.brdList_summary .free_push ul li div.pic::before { content: ''; height: 54px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0,0,0,.02) }
.brdList_summary .free_push ul li div.txt { font: 16px/20px dotum; letter-spacing: -1px; }
.brdList_summary .free_push ul li div.txt .division { margin: 0px 2px; color: #eee; font: 12px dotum; }
.brdList_summary .free_push ul li div.txt .cmtCount { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .free_push ul li div.txt .sign { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .free_push ul li div.txt .number { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .free_push ul li div.txt .ohnm { font: 12px dotum; color: #aaa; margin-left: 2px; }
.brdList_summary .free_push ul li div.txt .date { font: 12px dotum; color: #aaa; }
.brdList_summary .free_push .new { vertical-align: middle }
.brdList_summary .notice { position: relative; overflow: hidden; margin-top: 15px; background: #fff; border-bottom: 1px solid #e5e5e5; }
.brdList_summary .notice .title { display: inline-block; width: 100%; padding: 15px; position: relative }
.brdList_summary .notice .top { display: inline-block; font-weight: bold; font-size: 16px; margin-top: 2px }
.brdList_summary .notice .more { position: absolute; right: 45px; top: 14px }
.brdList_summary .notice ul { padding: 0px 0px; }
.brdList_summary .notice ul li { overflow: hidden; border-top: 1px solid #f5f5f5; padding-bottom: 20px; }
.brdList_summary .notice ul li:last-child { }
.brdList_summary .notice ul li a { display: block; zoom: 1; color: #000; letter-spacing: 0px; padding: 12px 15px; min-height: 30px; width: calc(100% - 30px); height: calc(100% - 24px); }
.brdList_summary .notice ul li div.pic { position: relative; float: left; margin-right: 12px; }
.brdList_summary .notice ul li div.pic::before { content: ''; height: 54px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0,0,0,.02) }
.brdList_summary .notice ul li div.txt { font: 16px/20px dotum; letter-spacing: -1px; }
.brdList_summary .notice ul li div.txt .division { margin: 0px 2px; color: #eee; font: 12px dotum; }
.brdList_summary .notice ul li div.txt .cmtCount { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .notice ul li div.txt .sign { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .notice ul li div.txt .number { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .notice ul li div.txt .ohnm { font: 12px dotum; color: #aaa; margin-left: 2px; }
.brdList_summary .notice ul li div.txt .date { font: 12px dotum; color: #aaa; }
.brdList_summary .notice .new { vertical-align: middle }
.brdList_summary .information { position: relative; overflow: hidden; margin-top: 15px; background: #fff; border-bottom: 1px solid #e5e5e5; }
.brdList_summary .information .title { display: inline-block; width: 100%; padding: 15px 0; position: relative }
.brdList_summary .information .top { display: inline-block; padding-left: 15px; font-weight: bold; font-size: 16px; margin-top: 2px }
.brdList_summary .information .more { position: absolute; right: 15px; top: 14px }
.brdList_summary .information ul { padding: 0px 0px; }
.brdList_summary .information ul li { overflow: hidden; border-top: 1px solid #f5f5f5; }
.brdList_summary .information ul li:last-child { }
.brdList_summary .information ul li a { display: block; zoom: 1; color: #000; letter-spacing: 0px; padding: 12px 15px; min-height: 30px; width: calc(100% - 30px); height: calc(100% - 24px); }
.brdList_summary .information ul li div.pic { position: relative; float: left; margin-right: 12px; }
.brdList_summary .information ul li div.pic::before { content: ''; height: 54px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0,0,0,.02) }
.brdList_summary .information ul li div.txt { font: 16px/20px dotum; letter-spacing: -1px; }
.brdList_summary .information ul li div.txt .division { margin: 0px 2px; color: #eee; font: 12px dotum; }
.brdList_summary .information ul li div.txt .cmtCount { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .information ul li div.txt .sign { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .information ul li div.txt .number { vertical-align: middle; letter-spacing: 0; font: 13px arial; margin-left: 2px; color: #ea1c1c }
.brdList_summary .information ul li div.txt .ohnm { font: 12px dotum; color: #aaa; margin-left: 2px; }
.brdList_summary .information ul li div.txt .date { font: 12px dotum; color: #aaa; }
.brdList_summary .information .new { vertical-align: middle }
/* view */
.brdView { background: #fff; border-top: 1px solid #ddd; padding-top: 15px; }
.brdView .head { position: relative; }
.brdView .head .top { position: relative; border-bottom: 1px dashed #ddd; overflow: hidden; }
.brdView .head .top .brand { padding: 0px 10px 5px; font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; letter-spacing: 0px; }
.brdView .head .top .brand span.main { font-size: 12px; color: #06cc2e; font-weight: bold; }
.brdView .head .top .brand span.main { width: 90px; height: 30px; }
.brdView .head .top .brand span.sub { font-size: 11px; margin-left: 0px; font-weight: bold; }
.brdView .head .top .brand span.writedate { font: 11px arial; color: #aaa; margin-left: 5px; }
.brdView .head .top .brand span.writedate:first-child { margin-left: 0px; }
.brdView .head .top .title { padding: 0px 10px 8px; font-size: 23px; font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; line-height: 30px; letter-spacing: -1px; color: #222; }
.brdView .head .top .date { padding: 0px 10px 20px 12px; font: 13px arial; color: #aaa; }
.brdView .head .top .user { float: left; padding: 0px 10px 15px; font-size: 15px; font-weight: 600; color: #222; }
.brdView .head .top .user img { width: 30px; height: 30px; border-radius: 15px; margin-right: 2px; vertical-align: middle; border: 1px solid #f1f1f1; }
.brdView .head .top .reply { float: right; padding: 6px 15px 0px 0px; color: #ccc; }
.brdView .head .top .reply:after { content: ''; clear: both; }
.brdView .head .bottom { position: relative; padding: 15px 10px; }
.brdView .head .bottom input { padding: 5px 10px; }
.brdView .head .bottom .file { position: absolute; top: 10px; right: 5px; font: 12px dotum; }
.brdView .head .bottom .file .lbl { color: #888; }
.brdView .head .bottom .file .emphasis { color: red; font-weight: bold; }
.brdView .head .bottom a:hover { text-decoration: underline; }
.brdView .head .bottom .filelist { position: absolute; top: 40px; right: 5px; border: 1px solid #e6e6e6; background: #f7f7f7; padding: 15px 23px 5px 10px; text-align: right; }
.brdView .head .bottom .filelist li { height: 20px; font: 12px dotum; }
.brdView .head .bottom .filelist li span:hover { text-decoration: underline; cursor: pointer; }
.brdView .head .bottom .filelist li span, .brdView .head .bottom .filelist li img { vertical-align: middle; }
.brdView .head .bottom .filelist li.close { position: absolute; top: 3px; right: 8px; font: bold 16px dotum; }
.brdView .head .bottom .filelist li a { color: #444; margin-left: 5px; }
.brdView .body { overflow-x: auto; padding: 10px 15px 20px; white-space: normal; word-break: break-all; color: #222; font-size: 1em; line-height: 1.5; font-size: 16px; min-height: 200px; }
.brdView .body img { max-width: 100%; }
.brdView .body a[onclick] { cursor: pointer; text-decoration: underline; color: #3da6dc }
.brdView .body .se_component { margin-left: 0px !important; margin-right: 0px !important; }
.brdView .body p { width: 100% !important; }
.brdView .foot { padding: 20px 15px; }
.brdView .foot .recommend_star { position: relative; min-height: 50px; padding: 15px 20px; background: #292c35; background: #eee; border: 1px solid #1c1d22; text-align: center; color: #fff; border-radius: 5px; user-select: none; }
.brdView .foot .recommend_star.button { background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd)); background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); background-image: linear-gradient(to bottom, #3a4052, #292c35); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); }
.brdView .foot .recommend_star.button:hover { background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdddd), to(#f4f5f5)); background-image: -webkit-linear-gradient(top, #dfdddd,#f4f5f5 ); background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd); background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd); background-image: linear-gradient(to bottom, #292c35, #12141a); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd); }
.brdView .foot .recommend_star img { width: 15px; vertical-align: middle; margin-bottom: 3px; }
.brdView .foot .recommend_star span { vertical-align: middle; }
.brdView .foot .recommend_star span.name { }
.brdView .foot .recommend_star span.count { font: bold 16px arial; }
.brdView .foot .recommend_star span.expn { font: 16px dotum; color: #666; }
.brdView .foot .recommend_star span.btnInfo { position: absolute; top: 10px; left: 10px; color: #12db59; font-size: 11px; }
.brdView .foot .vote { text-align: center; }
.brdView .foot .btn { cursor: pointer; }
.brdView .foot .btn .in { color: #e94747; }
.brdView .foot .btn .out { color: #3272b0; margin-left: 5px; }
.brdView .foot .btn .inter { color: #22ac46; }
.brdView .foot .btn span { cursor: pointer; }
.brdView .foot .vote_expn { font-size: 13px; text-align: center; margin-top: 10px; }
.brdView #video { position: relative; width: 100%; }
.brdView #video iframe { width: 100%; }
.brdView #app_video { position: relative; background: #000; }
.brdView #app_video a { display: block; width: 100%; height: 100%; }
.brdView #app_video a .play_btn { position: absolute; top: 50%; left: 50%; margin-left: -50px; margin-top: -50px; }
.brdView #app_video a .play_btn img { vertical-align: top; width: 100px; height: 100px; }
.brdView #app_video a .thumb { text-align: center; height: 100%; }
.brdView #app_video a .thumb img { vertical-align: top; width: 90%; min-height: 150px; }
.stbBrdView { margin-top: 0px; border-top: 1px solid #eee; padding: 10px 0px }
.brdLayerView { border-top: 1px solid #ddd; min-height: 400px; }
.brdLayerView a { color: #005378 }
/* write */
.md_board_write { position: absolute; top: 0; left: 0; width: 100%; background: #fff; padding-top: 50px; }
.md_board_write .title { border-bottom: 1px solid #e6e8ec; }
.md_board_write .title input[type=text] { height: 40px; width: calc(100% - 32px); font-size: 13px; border: 0; padding: 0 16px; }
.md_board_write .room_sel { border-bottom: 1px solid #e6e8ec; }
.md_board_write .room_sel select { height: 40px; border: 0; font-size: 13px; width: 100%; padding: 0 12px; margin: 0; background: #fff; }
.md_board_write .secret_ck { border-bottom: 1px solid #e6e8ec; }
.md_board_write .secret_ck label { }
.md_board_write .secret_ck label input[type=checkbox] { vertical-align: middle; }
.md_board_write .star_score { border-bottom: 1px solid #e6e8ec; }
.md_board_write .star_score .star_grade { }
.md_board_write .star_score .star_grade[count='1'] .star:nth-child(-n + 1) { color: #ffa800; }
.md_board_write .star_score .star_grade[count='2'] .star:nth-child(-n + 2) { color: #ffa800; }
.md_board_write .star_score .star_grade[count='3'] .star:nth-child(-n + 3) { color: #ffa800; }
.md_board_write .star_score .star_grade[count='4'] .star:nth-child(-n + 4) { color: #ffa800; }
.md_board_write .star_score .star_grade[count='5'] .star:nth-child(-n + 5) { color: #ffa800; }
.md_board_write .star_score .star_grade .star { display: inline-block; font-size: 15px; color: #ccc; font-weight: bold; }
.md_board_write .star_score .star_grade .score { display: inline-block; margin-left: 8px; font-size: 15px; color: #f37333; }
.md_board_write .tb { font-size: 13px; height: 40px; line-height: 40px; }
.md_board_write .tb:after { display: block; content: ""; clear: both; }
.md_board_write .tb .th { width: 74px; float: left; padding-left: 16px; border-right: 1px solid #e6e8ec; }
.md_board_write .tb .td { width: calc(100% - 107px); float: left; padding-left: 16px; }
.md_board_write .image { height: 40px; padding-left: 16px; }
.md_board_write .image a { display: inline-block; height: 13px; margin-top: 13.5px; }
.md_board_write .image a img { width: 13px; height: 13px; vertical-align: top; }
.md_board_write .image a span { font-size: 13px; color: #444; display: inline-block; vertical-align: top; line-height: 1; }
.md_board_write .image .txt { font-size: 12px; color: #999; display: inline-block; width: 240px; letter-spacing: -0.8px; margin-left: 8px; margin-top: 6px; vertical-align: top; }
.md_board_write .write_btn { position: fixed; bottom: 16px; right: 16px; width: 50px; height: 50px; border-radius: 25px; background: #292c35; text-align: center; }
.md_board_write .write_btn a { display: block; width: 100%; height: 100%; }
.md_board_write .write_btn img { width: 16px; height: 16px; margin-top: 4px; }
.md_board_write .write_btn span { color: #fff; display: block; font-size: 12px; margin-top: 4px; }

#tx_editor_file { width: 1px; height: 1px; display: none; }
/* comment */
.brdComment { background: #fff; position: relative; }
.brdComment .head { padding: 20px 0px; }
.brdComment .head:after { content: ''; clear: both; display: block; }
.brdComment .head .left { float: left; }
.brdComment .head .left li { float: left; margin-left: 15px; }
.brdComment .head .right { float: right; }
.brdComment .head .right li { float: right; margin-right: 15px; }
.brdComment .head .right li span:hover { text-decoration: underline; cursor: pointer; }
.brdComment .body { position: relative; margin: 0 auto; border-bottom: 0px; }
.brdComment .body li.org { padding: 10px 15px 12px 10px; border-bottom: 1px dashed #ddd; white-space: normal; word-break: break-all; }
.brdComment .body li.org:first-child { border-top: 1px dashed #ddd; }
.brdComment .body li .hnt { position: relative; height: 35px; }
.brdComment .body li .hnt span { vertical-align: middle; }
.brdComment .body li .hnt span.bg_border { position: absolute; top: 0px; left: 0px; display: block; width: 34px; height: 34px; border-radius: 50%; border: 1px solid #17253c; opacity: 0.05; box-sizing: border-box; }
.brdComment .body li .hnt img { margin-right: 2px; margin-bottom: 2px; vertical-align: middle; }
.brdComment .body li .hnt img.memberPhoto { width: 34px; height: 34px; border-radius: 50%; margin-bottom: 2px; }
.brdComment .body li .hnt img.picon { width: 15px; height: 15px; vertical-align: middle; margin-bottom: 2px; margin-left: 0px; }
.brdComment .body li .hnt .ico { color: #e2a7a7; font-size: 11px; margin-right: 2px; }
.brdComment .body li .hnt .nickname { color: #222; font: bold 14px dotum; margin-left: 2px; color: #5a5f67 }
.brdComment .body li .hnt .date { margin-left: 5px; font: 12px tahoma; color: #bbb; }
.brdComment .body li .hnt .icon_reply { width: 11px; margin-left: 5px; display: none; }
.brdComment .body li .hnt .btn_rp { float: right; font: 13px dotum; color: #bbb; cursor: pointer; border: 1px solid #eee; padding: 5px 4px 3px; color: #222; margin-left: 8px; }
.brdComment .body li .hnt .btn_rp.cancle { color: #ea1212; cursor: pointer; }
.brdComment .body li .hnt .reply { float: right; }
.brdComment .body li .cnt { color: #333; font: 16px/20px gulim; margin: 0px 0px 0px 42px; }
.brdComment .body li .cnt.writer { color: #119c25; }
.brdComment .body li .cnt .cmt_cont { }
.brdComment .body li .cnt .cmt_cont img { max-width: 250px; }
.brdComment .body li .cnt .cmt_cont .link_image { width: 100%; display: block; }
.brdComment .body li .cnt .cmt_cont .image_message { }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list { }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing { background-color: #fff; position: relative; z-index: 5 }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_top { border: 1px solid #ccc; border-bottom: 1px solid #f5f5f5; background-color: #ddd; padding: 20px 0 }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_top .event_thing { font-family: 'Malgun Gothic'; float: left; width: 25%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_top .buy_cost { float: left; width: 35%; text-align: center; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_top .now_rate { float: left; width: 40% }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_top .now_rate .red { color: #e00400; font-weight: bold }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_top .now_rate .blue { color: #005dde; font-weight: bold }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid { text-align: center; background: #fbfbfb; padding: 20px 0px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li { margin-bottom: 10px; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li:first-child { margin-top: 10px; margin-bottom: 10px; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li div { display: inline; margin-right: 5px; font-size: 13px; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li div:first-child { font-size: 15px; font-weight: bold }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li div:last-child { font-size: 14px }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li div span.red { color: #f00; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li div span.blue { color: #00f; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li .not_sign { color: #8f8f8f }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_mid li .sign { color: red; font-weight: bold }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_bot { padding: 15px 0; text-align: center; color: #ccc; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_bot .average_cost { float: left; width: 30%; font-size: 12px }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_bot .goal_cost { float: left; width: 23%; font-size: 12px }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_bot .loss_cost { float: left; width: 23%; font-size: 12px }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .list_bot p strong { font-size: 12px; color: #888; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_top { background: #e9e9e9; padding: 15px 0 15px; font-family: 'Malgun Gothic'; font-weight: bold; text-align: center; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_mid { text-align: center; padding-top: 10px; background-color: #fff; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_mid li { padding: 0px; border: 0px; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_mid li span { font-size: 16px; margin: 0 3px; color: #000; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell { font-size: 15px; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell.red { color: #f00; font-weight: bold; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell.blue { color: #00f; font-weight: bold; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_mid li .date { color: #565656; display: block; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_bot { padding: 5px 0; text-align: center; height: 38px; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_bot:after { content: ''; clear: both; display: block; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_bot li { float: left; width: 50%; font-size: 13px; padding: 0px; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_bot li p strong { font-size: 16px; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_bot li p strong.red { color: #f00; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .end_list_bot li p strong.blue { color: #00f; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .attack_end_img { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 100; }
.brdComment .body li .cnt .cmt_cont .html_message .Holdevent_list .Holdevent_thing .attack_end_img img { width: 150px; }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm { min-width: 150px; max-width: 250px; letter-spacing: -0.5px; padding: 8px 7px; box-sizing: border-box; }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm .top { text-align: center; position: relative; background-color: #fff; }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm .top p.top_Star { background: url(/img/mob/star_setimg.png) center 0px no-repeat; background-size: 130px; padding: 15px 0px 5px; }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm .top p.top_Star span { font-family: SpoqaHanSans; font-size: 40px; line-height: 40px; font-weight: bold; color: #ff7d00; text-shadow: 0px 0px 7px #000; text-shadow: -4px -4px 3px white, 4px 4px 3px white, -4px 4px 3px white, 4px -4px 3px white; }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm .top p.det_Ment { font-size: 16px; padding: 10px 0px; }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm .top p.det_Ment .nick { font-weight: bold }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm .top p.det_Ment .star { font-family: SpoqaHanSans; font-weight: bold; }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm .bot { text-align: center; background-color: #f2f2f2; overflow: hidden; padding: 15px; }
.brdComment .body li .cnt .cmt_cont .html_message .stargift_Alarm .bot span { font-size: 14px; color: #444 }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm { max-width: 250px; padding: 10px; font-size: 19px; background: #5c6470; margin: 0px auto; text-align: center; color: #fff; font-size: 14px; font-weight: normal; letter-spacing: -0.5px; margin: 0px 0px 5px; user-select: none; border-radius: 5px; }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend > a { display: block; }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend img { width: 30px; vertical-align: middle; }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend span { vertical-align: middle; }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend .type { vertical-align: middle; }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend .type { padding: 2px 2px 0px 2px; border: 1px solid #ea6363; color: #ea6363; font-size: 12px; margin-right: 3px }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend .type2 { border-color: #aaa; color: #aaa; }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend .type3 { border-color: #16b95a; color: #16b95a; margin-right: 0px; }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend .ment { margin-left: 3px; font-size: 14px; color: #fff; }
.brdComment .body li .cnt .cmt_cont .othergroup_Alarm .recommend .limit { margin-left: 3px; color: #aaa; font-size: 11px; }
.brdComment .body li .cnt .cmt_img { margin: 20px 0px 0px; }
.brdComment .body li .cnt .cmt_img img { vertical-align: middle; }
.brdComment .body li .cnt .cmt_img .btn { margin-left: 10px; }
/*.brdComment .body li .cnt .star { position:absolute;bottom:32px;left:110px; animation-name: star_engage;animation-duration: 1s;animation-iteration-count: 1; animation-fill-mode:both; text-align:right; animation-timing-function:ease-in }
.brdComment .body li .cnt .star span { vertical-align:middle; font: bold 12px arial; }
.brdComment .body li .cnt .star span.exp { font-size:11px; }
.brdComment .body li .cnt .star img { width:12px; vertical-align:middle; margin-bottom:2px;  }*/
.brdComment .body li span { vertical-align: middle; }
.brdComment .body li textarea { vertical-align: middle; }
.brdComment .body li.reply { padding: 10px 20px 10px 20px; }
.brdComment .body li.reply .hnt span.bg_border { border:0px; }
.brdComment .body li.reply .cnt { padding-left: 16px; }
.brdComment .body li.replyInput { overflow: hidden; display: block; padding: 15px 10px; }
.brdComment .body li.replyInput .fst { position: relative; width: 100%; }
.brdComment .body li.replyInput .fst .ico { position: absolute; top: 30px; left: 0px; color: #e84c4c; }
.brdComment .body li.replyInput .fst .txt { margin-left: 25px; }
.brdComment .body li.replyInput .fst .txt textarea { width: 100%; padding: 0px 10px; min-height: 100px; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; outline: rgb(68, 68, 68) none 0px; line-height: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.brdComment .body li.replyInput .scd { overflow: hidden; position: relative; padding-left: 30px; padding-top: 10px; }
.brdComment .body li.replyInput .scd .btnc { box-sizing: border-box; position: relative; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; height: 50px; text-align: center; white-space: nowrap; width: 54px; width: 30%; float: left; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; outline: rgb(68, 68, 68) none 0px; padding: 0px 0px; line-height: 50px; }
.brdComment .body li.replyInput .scd .scd1 { float: left; width: 25%; margin-left: -5px; margin-right: 5px; }
.brdComment .body li.replyInput .scd .scd2 { float: left; width: 75%; }
.brdComment .body li.replyInput .scd .btnc { display: inline-block; width: 100%; }
.brdComment .body li.replyInput div[contenteditable] { border: 1px solid #aaa; float: right; width: calc(96% - 22px); min-height: 50px; max-height: 80px; padding: 2%; clear: both; font-size: 14px; overflow: auto; }
.brdComment .body li.replyInput .btn_img { margin-left: 20px; width: 16px; height: 16px; vertical-align: top; margin-top: 10px; }
.brdComment .body li.replyInput .btn { float: right; font: 13px dotum; color: #bbb; cursor: pointer; border: 1px solid #eee; padding: 5px 4px 3px; color: #222; margin-left: 8px; margin-top: 8px; }
.brdComment .body li.reply.admin { background: #fff; }
.brdComment .body li.org.admin { background: #fff; }
.brdComment .body .cnt { }
.brdComment .body .cnt .tgNick { color: #ccc; font-size: 13px; }
.brdComment .body .pgn { display: block; text-align: center; height: 30px; overflow: hidden; margin: 25px 20px; white-space: nowrap; }
.brdComment .body .pgn a.normal { display: inline-block; padding: 4px 3%; text-decoration: none; color: #666; border: 1px solid #aaa; border-radius: 4px; color: #aaa; }
.brdComment .body .pgn a.normal span { vertical-align: middle; }
.brdComment .body .pgn a.active { display: inline-block; padding: 5px 3%; color: #fff; text-decoration: none; font-weight: bold; background: #636c76; border-radius: 4px; }
.brdComment .body .pgn a.active span span { vertical-align: middle; }
.brdComment .body .pgn a.active span img { vertical-align: middle; }
.brdComment .body .pgn a.active span img.refresh { width: 10px; opacity: 0.7; }
.brdComment .foot { overflow: hidden; margin: 0 auto; border: 1px solid #eee; border-top: 0px; border-bottom: 1px solid #ddd; min-height: 160px; padding: 0px 15px 0px 15px; }
.brdComment .foot.none { min-height: 100px; }
.brdComment .foot .lgm { overflow: hidden; text-align: center; margin-bottom: 20px; }
.brdComment .foot .lgm input { vertical-align: middle; display: inline-block; }
.brdComment .foot .lgm input:focus { outline: #93b5ec auto; }
.brdComment .foot .lgm span { vertical-align: middle; }
.brdComment .foot .lgm textarea { width: calc(96% - 2px); padding: 2% 2%; vertical-align: middle; min-height: 50px; resize: none; border: 1px solid #ddd; font-size: 16px; }
.brdComment .foot .lgm .upload_img { text-align: left; width: 16px; height: 16px; margin-bottom: 10px; }
.brdComment .foot .lgm .upload_img img { vertical-align: top; width: 16px; height: 16px; }
.brdComment .foot .input_img { }
.brdComment .foot .input_img img { border: 1px solid #aaa; vertical-align: middle; }
.brdComment .foot .input_img input { }
.brdComment .foot .btn_wrap { }
.brdComment .foot .btn_wrap .btnc { box-sizing: border-box; position: relative; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; min-width: 80px; height: 50px; text-align: center; white-space: nowrap; width: 54px; width: 30%; float: left; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; outline: rgb(68, 68, 68) none 0px; padding: 0px 0px; line-height: 50px; }
.brdComment .foot .btn_wrap .btnc:first-child { }
.brdComment .foot .btn_wrap .btn_reply { width: 100%; }
.brdComment .foot .btn.up:hover { background: #eee; color: #000; border: 1px solid #ccc; }
.brdComment .foot .login { height: 70px; line-height: 70px; width: 100%; background: #192035; color: #fff; border: 1px solid #1d0000; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; padding: 0px 10px; }
.brdComment .other { padding: 15px 15px 0 15px; border-top: 1px solid #f2f2f2; display: none; }
.brdComment .other .title { text-align: left; margin: 0 0 15px 0; }
.brdComment .other .other_list { font-size: 0; }
.brdComment .other .other_list a { margin-left: 1%; }
.brdComment .other a { display: inline-block; width: 32%; text-align: left; box-sizing: border-box; }
.brdComment .other > a:nth-child(odd) { margin: 0px 15px 0 15px }
.brdComment .other a .con { border: 1px solid #aaa; margin-bottom: 10px; min-height: 30vw; }
.brdComment .other a .con > table { width: 100%; min-height: 30vw; }
.brdComment .other a > span { display: block; font-size: 13px; color: #979797; }
.brdComment .other a .con img { width: 100%; }
.brdComment .bold { font-weight: bold; }
.brdComment .other .btn .more_view { display: block; margin: 20px auto 20px; width: 30%; text-align: center; }
.brdComment .other .btn .more_view img { text-align: center; width: 100%; }
.brdComment .up_down_button { position: fixed; right: 24px; bottom: 24px; }
.brdComment .up_down_button > div { background: #fff; border: 1px solid #666; padding: 10.5px 5px; width: 24px; height: 13px; cursor: pointer; border-radius: 4px; }
.brdComment .up_down_button > div:active { background: #eee; }
.brdComment .up_down_button > div img { width: 100%; height: 100%; vertical-align: top; }
.brdComment .up_down_button > div.down img { transform: rotate( 180deg ); }
.paginate { background: #fff; text-align: center; height: 75px; padding-top: 22px; font-size: 16px; }
.paginate.bgadd { background: #f2f4f6 }
.paginate.bgadd span { padding: 2px 4px; font-size: 12px }
.paginate.bgadd span.active { padding: 3px 5px; }
.paginate a { color: #aaa; }
.paginate b { color: #000; }
.paginate span { display: inline-block; border-radius: 4px; padding: 4px 8px; text-decoration: none; color: #999; border: 1px solid #aaa; }
.paginate span .left { }
.paginate span.active { display: inline-block; border-radius: 4px; padding: 5px 9px; color: #fff; text-decoration: none; font-weight: bold; background: #636c76; border: none; }
.paginate span.right { font-weight: normal; }
.paginate span.right span { margin-left: 3px; font: 11px arial; }

/*-----------------------------------------------------------------------
    
    section : chat

-----------------------------------------------------------------------*/

.sec_chatlist { margin-top: 10px; }
.sec_chatlist > ul { margin-top: 10px; }
.sec_chatlist ul li { position: relative; margin: 0 15px; border-top: 1px solid #f2f2f2; }
.sec_chatlist ul li:first-child { border-top: 0px; }
.sec_chatlist ul li.lock.first { }
.sec_chatlist ul li.lock { border-top: 0px; }
.sec_chatlist ul li > a { display: block; min-height: 75px; position: relative; margin: 0px -15px; border-top: 1px dotted #eee; }
.sec_chatlist ul li > a:first-child { border-top: 0px; }
.sec_chatlist ul li .clickevent { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.7); z-index: 1500; display: none; }
.sec_chatlist ul li .clickevent .cebtn { margin-left: calc(50% - 180px); width: 360px; text-align: center; position: relative; top: 50%; transform: translateY(-50%); }
.sec_chatlist ul li .clickevent a { color: #fff; background-color: #ff0030; display: inline-block; width: 120px; height: 33px; padding-top: 7px; border-radius: 5px; font-size: 16px; text-align: center; margin-right: 10px; vertical-align: middle; min-height: 0 }
.sec_chatlist ul li .clickevent a:last-child { margin-right: 0 }
.sec_chatlist ul li .clickevent a img { width: 25px; vertical-align: middle; margin-bottom: 5px; margin-right: 5px }
.sec_chatlist ul li .pt_img { position: absolute; top: 10px; left: 15px; }
.sec_chatlist ul li .pt_img img { width: 30px; border-radius: 50%; }
.sec_chatlist ul li .pt_info { padding: 14px 70px 10px 55px; }
.sec_chatlist ul li .pt_info .title { font-size: 15px; font-weight: 500; color: #000; }
.sec_chatlist ul li .pt_info .title img { width: 10px; }
.sec_chatlist ul li .pt_info .title .number { font: 12px arial; color: #ccc; margin-left: 2px; }
.sec_chatlist ul li.lock .pt_info .title .number { color: #999; }
.sec_chatlist ul li .pt_info .sub_content { font-size: 13px; color: #999; padding-top: 4px; }
.sec_chatlist ul li .pt_info .stockinfo { padding-top: 4px; color: #555; font: 12px dotum; }
.sec_chatlist ul li .pt_info .sub_content .name { display: block; }
.sec_chatlist ul li .pt_info .sub_content .name .red { color: #c33333; }
.sec_chatlist ul li .pt_info .sub_content .name .blue { color: #3378c3; }
.sec_chatlist ul li .pt_info .sub_content .res { display: block; }
.sec_chatlist ul li .pt_info .sub_content img.rp_img { width: 15px; vertical-align: middle; margin-bottom: 2px; -webkit-filter: grayscale(100%); }
.sec_chatlist ul li .pt_info .sub_content span.rp_ment { vertical-align: middle; }
.sec_chatlist ul li .pt_subinfo { position: absolute; top: 2px; right: 0px; width: 100px; }
.sec_chatlist ul li .pt_subinfo .time { position: absolute; top: 15px; right: 15px; width: 70px; text-align: right; font: 12px dotum; color: #ccc; }
.sec_chatlist ul li .pt_subinfo .chatNum { position: absolute; top: 35px; right: 15px; padding: 4px 7px 3px; border-radius: 10px; background: #f95841; color: #fff; text-align: center; font: 12px dotum; color: #fff; font-weight: bold; display: none; }
.sec_chatlist ul li .pt_subinfo .lock { position: absolute; top: 13px; right: 11px; width: 27px; z-index: 10; opacity: 0.8;  }
.pop_chatroom_info { position: fixed; width: 80%; height: 400px; background: #fff; top: 50%; left: 50%; margin-top: -200px; margin-left: -40%; display: none; z-index: 100; user-select: none; border: 1px solid #21242b }
.pop_chatroom_info .head { background: #292c35; padding: 20px 15px; text-align: center; font: 16px arial; }
.pop_chatroom_info .head img.vip { width: 30px; vertical-align: middle; margin-top: 5px; }
.pop_chatroom_info .head span { vertical-align: middle; }
.pop_chatroom_info .head span.number { font: bold 20px arial; color: #ee3333; }
.pop_chatroom_info .head span.number.class { color: #8b001a; /*background: linear-gradient(to right, #8b001a 20%, #8b001a 40%, #8b001a 60%, ff3a5f 99%);*/ background: -webkit-linear-gradient( #ff7e96 20%, #ff1541 40%,#bb0023 60%, #7f0018 90%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: -1px; }
.pop_chatroom_info .head span.text { color: #fff; }
.pop_chatroom_info .head .close { position: absolute; top: 0px; right: 0px; width: 50px; height: 50px; padding-top: 13px; box-sizing: border-box; }
.pop_chatroom_info .head .close img { width: 20px; vertical-align: middle }
.pop_chatroom_info .body { font: 16px dotum; }
.pop_chatroom_info .body h4.title { background: #f5f5f5; padding: 10px; }
.pop_chatroom_info .body ul { }
.pop_chatroom_info .body ul li.explain { padding: 15px 10px; font-size: 18px; font-weight: 300; line-height: 21px; color: #000; letter-spacing: -1px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; }
.pop_chatroom_info .body ul li.explain:first-child { border-bottom: 0px; }
.pop_chatroom_info .body ul li.explain div.point1 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-top: 5px; font-size: 14px; font-weight: 300; line-height: 16px; color: #5dd083; letter-spacing: -1px; }
.pop_chatroom_info .body ul li.explain div.point2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px; font-weight: 300; line-height: 18px; letter-spacing: -1px; color: #666; }
.pop_chatroom_info .foot { margin-top: 20px; text-align: center; padding-top: 20px; }
.pop_chatroom_info .foot a { padding: 12px 20px; border: 1px solid #292c35; color: #292c35; border-radius: 2px; }
.pop_chatroom_info .foot a.full { background: #292c35; color: #fff; border: 1px solid #4e5363 }
.md_chatroom { position: relative; padding-top: 51px; }
.md_chatroom.chat_1on1 { padding-top: 0px; }
.md_chatroom.skin-pink .header { background: #dc8a8a; border-bottom: 1px solid #c37070; }
.md_chatroom.skin-pink .chat { background: #dc8a8a; }
.md_chatroom.skin-pink .chat .chat_list ul li .memberNick { color: #333; }
.md_chatroom.skin-pink .chat .pt_keyboard .upside { background: #dc8a8a; border-top: 1px solid #c37070; }
.md_chatroom.skin-pink .chat .chat_list ul li .message_balloon .txt_confirm { color: #eee; }
.md_chatroom .header { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; z-index: 2000; border-bottom: 1px solid #58606d; background: #6d737f; }
.md_chatroom .header .title { }
.md_chatroom .header .title a { display: inline-block; height: 37px; padding-top: 13px; padding-right: 16px; }
.md_chatroom .header .title span { color: #fff; margin-left: 15px; vertical-align: middle; }
.md_chatroom .header .title img { width: 15px; margin-left: 15px; margin-bottom: 3px; vertical-align: middle; }
.md_chatroom .header .menu { position: absolute; top: 0px; right: 0px; }
.md_chatroom .header .menu a { display: inline-block; width: 35px; height: 35px; padding-top: 15px; text-align: center; position: relative; vertical-align: top; }
.md_chatroom .header .menu a:last-child { margin-right: 10px; }
.md_chatroom .header .menu a .red_point { display: block; width: 10px; height: 10px; background: red; border-radius: 5px; position: absolute; top: 12px; left: 22px; display: none; }
.md_chatroom .header .menu img.personal_chat { width: 18px; vertical-align: middle; }
.md_chatroom .header .menu img.mail { width: 18px; }
.md_chatroom .header .menu img.pop { width: 18px; }
.md_chatroom .header .menu img.slide { width: 18px; }
.md_chatroom .header #ptop_answer_alarm { animation-duration: 0.8s; animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-name: chatfadeIn; margin-top: -6px; }
.md_chatroom .header #ptop_answer_alarm img { width: 27px; margin-bottom: -6px; }
.md_chatroom .header #ptop_answer_alarm img.on { animation-name: shakechat; animation-duration: 1.2s; animation-iteration-count: infinite }
.md_chatroom .header #ptop_answer_alarm .red_point { display: none; top: 18px; }
.md_chatroom .chat { font-family: Dotum; padding-bottom: 100px; overflow: hidden; background: #656d78; position: relative; min-height: calc(100vh - 151px); }
.md_chatroom .chat.shortmargin { padding-bottom: 60px; }
.md_chatroom .chat.add { padding-bottom: 290px; }
.md_chatroom .chat .loading { text-align: center; height: 50px; margin-top: -50px; transition: all 0; }
.md_chatroom .chat .loading.show { margin-top: 0; transition: all 0.5s; }
.md_chatroom .chat .loading img { width: 20px; margin-top: 10px; }
.md_chatroom .chat .full_screen_loading { position: fixed; top: 51px; width: 100%; height: calc(100% - 150px); max-width: 640px; background: #656d78; z-index: 1000; }
.md_chatroom .chat .full_screen_loading img { position: absolute; top: 50%; left: 50%; width: 50px; margin-left: -25px; margin-top: -25px; }
.md_chatroom .chat .floating_menu_back { position: fixed; z-index: 999; width: 100%; max-width: 640px; top: 51px; height: 0; }
.md_chatroom .chat .floating_menu_back .boardcast { }
.md_chatroom .chat .floating_menu_back .boardcast { width: 100%; display: none; }
.md_chatroom .chat .floating_menu_back .boardcast .area { width: 97%; height: 70px; margin: 0 auto; background: #f7f7f7; border-radius: 2px; }
.md_chatroom .chat .floating_menu_back .boardcast .area .deco { position: absolute; top: 14px; left: 20px; }
.md_chatroom .chat .floating_menu_back .boardcast .area .deco img { width: 40px; }
.md_chatroom .chat .floating_menu_back .boardcast .area .list { display: table; width: 100%; height: 100%; }
.md_chatroom .chat .floating_menu_back .boardcast .area .list_inner { display: table-cell; vertical-align: middle; text-align: center; padding-left: 20px; }
.md_chatroom .chat .floating_menu_back .boardcast .area .list .data { line-height: 24px }
.md_chatroom .chat .floating_menu_back .boardcast .area .list .data span { vertical-align: middle; color: #000000 }
.md_chatroom .chat .floating_menu_back .boardcast .area .list .data .on { width: 6px; vertical-align: middle; margin-bottom: 2px; }
.md_chatroom .chat .floating_menu_back .c_floating_m { z-index: 999; text-align: center; display: inline-block; position: absolute; right: 3%; margin-top: 10px; }
.md_chatroom .chat .floating_menu_back .c_floating_m div p { font-size: 11px; font-weight: 400; margin-top: 2px; }
.md_chatroom .chat .floating_menu_back .c_floating_m .fillter { margin-top: 7px; }
.md_chatroom .chat .floating_menu_back .c_floating_m .fillter a { }
.md_chatroom .chat .floating_menu_back .c_floating_m .fillter a .icon { }
.md_chatroom .chat .floating_menu_back .c_floating_m .fillter a .icon img { width: 40px; border-radius: 40px; }
.md_chatroom .chat .floating_menu_back .c_floating_m .hold_stock a .icon img { width: 40px; width: 40px; border-radius: 40px; }
.md_chatroom .chat .floating_menu_back .c_floating_m > div { position: relative; }
.md_chatroom .chat .floating_menu_back .c_floating_m > div a .icon .red_point { display: block; width: 10px; height: 10px; background: #f00; border-radius: 5px; position: absolute; top: 2px; right: 6px; display: none; }
.md_chatroom .chat .chat_list { padding-top: 10px; }
.md_chatroom .chat .chat_list ul { position: relative; padding-bottom: 10px; }
.md_chatroom .chat .chat_list ul li { position: relative; overflow: hidden; min-height: 30px; padding-bottom: 3px; }
.md_chatroom .chat .chat_list ul li .memberImg { position: absolute; top: 10px; left: 5px; }
.md_chatroom .chat .chat_list ul li .memberImg img { width: 35px; height: 35px; border-radius: 18px; }
.md_chatroom .chat .chat_list ul li .memberImg .give_icon { position: absolute; left: -5px; top: -10px; width: 25px; height: 25px; }
.md_chatroom .chat .chat_list ul li .memberImg .star_icon { position: absolute; left: 15px; top: -10px; width: 30px; height: 30px; }
.md_chatroom .chat .chat_list ul li .memberImg .vip { position: absolute; top: -2px; right: -5px; width: 23px; height: 12px; z-index: 1 }
.md_chatroom .chat .chat_list ul li .memberImg .memberframe { position: absolute; top: 20px; right: -8px; z-index: 1; width: 50px; height: 20px; }
.md_chatroom .chat .chat_list ul li .memberNick { position: absolute; top: 7px; left: 50px; font-size: 13px; color: #ccc; }
.md_chatroom .chat .chat_list ul li .message_balloon { position: relative; float: left; margin-left: 47px; margin-top: 25px; background: #fff; color: #000; max-width: 70%; border-radius: 4px; -webkit-box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); word-break: break-all; }
.md_chatroom .chat .chat_list ul li .message_balloon .cnt { padding: 8px 7px; font-size: 15px; line-height: 16px; }
.md_chatroom .chat .chat_list ul li .message_balloon .cnt img { width: 100%; }
.md_chatroom .chat .chat_list ul li .message_balloon .txt_confirm { position: absolute; left: 100%; bottom: 0px; min-width: 60px; margin-left: 7px; font-size: 10px; color: #aaa; }
.md_chatroom .chat .chat_list ul li .message_balloon .txt_confirm .class { display: block; color: #f1e541; font-weight: bold; }
.md_chatroom .chat .chat_list ul li .message_balloon .readconf { position: absolute; left: 100%; bottom: 18px; min-width: 60px; margin-left: 7px; font-size: 10px; color: #aaa; }
.md_chatroom .chat .chat_list ul li .message_balloon .readconf span.no { color: #999 }
.md_chatroom .chat .chat_list ul li .message_balloon .readconf span.yes { color: #f37333; font-weight: bold }
.md_chatroom .chat .chat_list ul li .message_balloon.starsend { background: url(/img/mob/starsend_bg.png); background-size: 100%; width: 70%; background-repeat: no-repeat; text-align: center; padding-top: 15px }
.md_chatroom .chat .chat_list ul li .message_balloon.starsend .starnum { text-align: center; width: 100%; font-size: 11vw; font-family: SpoqaHanSans; color: #fff; text-shadow: 1px 1px 5px #000; font-weight: bold }
.md_chatroom .chat .chat_list ul li .message_balloon.starsend .addm { margin-top: 5px; font-size: 3vw; color: #000; font-weight: bold }
.md_chatroom .chat .chat_list ul li .message_balloon.starsend .addm span { color: #ff0300 }
.md_chatroom .chat .chat_list ul li .message_balloon.starsend .starcont { margin-top: 10px; border-top: 1px dashed #e8e8e8; padding: 20px; background-color: #fff; border-radius: 4px; line-height: 24px }
.md_chatroom .chat .chat_list ul li.me { position: relative; overflow: hidden; min-height: 30px; padding-bottom: 3px; }
.md_chatroom .chat .chat_list ul li.me .memberImg { position: absolute; top: 20px; right: 5px; left: auto; position: relative; }
.md_chatroom .chat .chat_list ul li.me .memberImg img { width: 35px; height: 35px; border-radius: 18px }
.md_chatroom .chat .chat_list ul li.me .memberImg img.vip { position: absolute; top: -2px; right: -5px; width: 23px; height: 12px; z-index: 1 }
.md_chatroom .chat .chat_list ul li.me .memberNick { display: none; position: absolute; top: 17px; left: auto; right: 22px; font-size: 13px; color: #ccc; }
.md_chatroom .chat .chat_list ul li.me .message_balloon { position: relative; float: right; margin-right: 17px; margin-top: 15px; background: #ffec42; color: #000; max-width: 70%; border-radius: 4px; -webkit-box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); word-break: break-all; }
.md_chatroom .chat .chat_list ul li.me .message_balloon .txt_confirm { position: absolute; right: 100%; left: auto; bottom: 0px; min-width: 60px; margin-right: 7px; font-size: 10px; color: #aaa; text-align: right; }
.md_chatroom .chat .chat_list ul li.me .message_balloon .readconf { position: absolute; right: 100%; left: auto; bottom: 18px; min-width: 60px; margin-right: 7px; font-size: 10px; color: #aaa; text-align: right; }
.md_chatroom .chat .chat_list ul li.me .message_balloon .readconf span.no { color: #999; display: block; }
.md_chatroom .chat .chat_list ul li.me .message_balloon .readconf span.yes { color: #f37333; font-weight: bold; display: none; }
.md_chatroom .chat .chat_list ul li.me.is_read .message_balloon .readconf span.no { display: none; }
.md_chatroom .chat .chat_list ul li.me.is_read .message_balloon .readconf span.yes { display: block; }
.md_chatroom .chat .chat_list ul li.expert .message_balloon { background: #ffc473; color: #231604; font-weight: normal; }
.md_chatroom .chat .chat_list ul li.connected .message_balloon { margin-top: 2px; }
.md_chatroom .chat .chat_list ul li.advertise .message_balloon { background: #000; color: #fff; }
.md_chatroom .chat .chat_list ul li.date { position: relative; margin-top: 15px; text-align: center; }
.md_chatroom .chat .chat_list ul li.date span { display: inline-block; font-size: 12px; padding: 5px 0px; background: #999; width: 100%; background: #5c6470; color: #aaa; }
.md_chatroom .chat .chat_list ul li.chat_1on1_fment { background: #656d78; height: 45px; padding-top: 20px; text-align: center; color: #fff; font-size: 12px; color: #ddd }
.md_chatroom .chat .chat_list ul li.chat_1on1_fment span { font-weight: bold; color: #fff }
.md_chatroom .chat .chat_list ul li.advertisement { }
.md_chatroom .chat .chat_list ul li.advertisement .message_balloon { position: relative; float: left; margin-left: 47px; margin-top: 25px; background: #fff; color: #000; max-width: 62%; border-radius: 4px; -webkit-box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); }
.md_chatroom .chat .chat_list ul li.advertisement .message_balloon .cnt { font-size: 15px; line-height: 16px; }
.md_chatroom .chat .chat_list ul li.advertisement .message_advertise { position: relative; float: left; margin-left: 47px; margin-top: 25px; background: #fff; color: #000; max-width: 62%; border-radius: 4px; -webkit-box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); box-shadow: 0px 2px 3px -3px rgba(0,0,0,0.5); }
.md_chatroom .chat .chat_list ul li.advertisement .message_advertise .admin_chat_div_img { display: block; padding: 8px 7px; }
.md_chatroom .chat .chat_list ul li.advertisement .message_advertise .html_message { }
.md_chatroom .chat .chat_list ul li.advertisement .message_advertise .image_message { }
.md_chatroom .chat .chat_list ul li.advertisement .message_advertise .othergroup_Alarm { }
.md_chatroom .chat .chat_list ul li.advertisement img.link_image { width: 100%; display: block; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing { background-color: #fff; position: relative; z-index: 5 }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_top { border: 1px solid #ccc; border-bottom: 1px solid #f5f5f5; background-color: #ddd; padding: 20px 0 }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_top .event_thing { font-family: 'Malgun Gothic'; float: left; width: 25%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_top .buy_cost { float: left; width: 35%; text-align: center; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_top .now_rate { float: left; width: 40% }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_top .now_rate .red { color: #e00400; font-weight: bold }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_top .now_rate .blue { color: #005dde; font-weight: bold }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid { text-align: center; background: #fbfbfb; padding: 20px 0px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li { margin-bottom: 10px; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li:first-child { margin-top: 10px; margin-bottom: 10px; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li div { display: inline; margin-right: 5px; font-size: 13px; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li div:first-child { font-size: 15px; font-weight: bold }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li div:last-child { font-size: 14px }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li div span.red { color: #f00; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li div span.blue { color: #00f; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li .not_sign { color: #8f8f8f }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_mid li .sign { color: red; font-weight: bold }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_bot { padding: 15px 0; text-align: center; color: #ccc; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_bot .average_cost { float: left; width: 30%; font-size: 12px }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_bot .goal_cost { float: left; width: 23%; font-size: 12px }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_bot .loss_cost { float: left; width: 23%; font-size: 12px }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .list_bot p strong { font-size: 12px; color: #888; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_top { background: #e9e9e9; padding: 15px 0 0px; font-family: 'Malgun Gothic'; font-weight: bold; text-align: center; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_mid { text-align: center; padding-top: 10px; background-color: #fff; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_mid li { }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_mid li span { font-size: 16px; margin: 0 3px; color: #000; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell { font-size: 15px; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell.red { color: #f00; font-weight: bold; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell.blue { color: #00f; font-weight: bold; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_mid li .date { color: #565656; display: block; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_bot { padding: 5px 0; text-align: center; height: 38px; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_bot li { float: left; width: 50%; font-size: 13px; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_bot li p strong { font-size: 16px; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_bot li p strong.red { color: #f00; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .end_list_bot li p strong.blue { color: #00f; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .attack_end_img { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); z-index: 100; }
.md_chatroom .chat .chat_list ul li.advertisement .Holdevent_list .Holdevent_thing .attack_end_img img { width: 150px; }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm { min-width: 200px; letter-spacing: -0.5px; padding: 8px 7px; box-sizing: border-box; }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm .top { text-align: center; position: relative; background-color: #fff; }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm .top p.top_Star { background: url(/img/mob/star_setimg.png) center 0px no-repeat; background-size: 130px; padding: 15px 0px 5px; }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm .top p.top_Star span { font-family: SpoqaHanSans; font-size: 40px; line-height: 40px; font-weight: bold; color: #ff7d00; text-shadow: 0px 0px 7px #000; text-shadow: -4px -4px 3px white, 4px 4px 3px white, -4px 4px 3px white, 4px -4px 3px white; }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm .top p.det_Ment { font-size: 16px; padding: 10px 0px; }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm .top p.det_Ment .nick { font-weight: bold }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm .top p.det_Ment .star { font-family: SpoqaHanSans; font-weight: bold; }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm .bot { text-align: center; background-color: #f2f2f2; overflow: hidden; padding: 15px; }
.md_chatroom .chat .chat_list ul li.advertisement .stargift_Alarm .bot span { font-size: 14px; color: #444 }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm { max-width: 640px; padding: 10px 5px; font-size: 19px; background: url(/img/2018/led_bg.png); background: #5c6470; margin: 0px auto; text-align: center; color: #fff; font-size: 14px; font-weight: normal; letter-spacing: -0.5px; margin: 10px 0px 5px; user-select: none; }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm > a { display: block; }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm img { width: 30px; vertical-align: middle; }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm span { vertical-align: middle; }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm .type { vertical-align: middle; }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm .type { padding: 2px 2px 0px 2px; border: 1px solid #ea6363; color: #ea6363; font-size: 12px; margin-right: 3px }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm .type2 { border-color: #aaa; color: #aaa; }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm .type3 { border-color: #16b95a; color: #16b95a; margin-right: 0px; }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm .ment { margin-left: 3px; font-size: 14px; color: #fff; }
.md_chatroom .chat .chat_list ul li.advertisement .othergroup_Alarm .limit { margin-left: 3px; color: #aaa; font-size: 11px; }
.md_chatroom .chat .chat_list ul li.chat_msg { padding: 20px; }
.md_chatroom .chat .pt_keyboard { position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 10 }
.md_chatroom .chat .pt_keyboard .message_alram { position: absolute; top: -50px; left: 0; width: 100%; opacity: 0.6; display: none; }
.md_chatroom .chat .pt_keyboard .message_alram span { background: #fff; text-align: center; display: block; width: 100%; max-width: 640px; min-width: 360px; margin: 0 auto; height: 50px; font-size: 18px; line-height: 50px; }
.md_chatroom .chat .pt_keyboard .upside { background: #656d78; border-top: 1px solid #606975; padding: 7px 0; }
.md_chatroom .chat .pt_keyboard .upside .caption { margin: 0 15px; font-weight: 600; font-size: 14px; color: #313841; vertical-align: top; display: inline-block; height: 30px; line-height: 30px; }
.md_chatroom .chat .pt_keyboard .upside .all_ck { display: inline-block; vertical-align: top; text-align: center; height: 30px; }
.md_chatroom .chat .pt_keyboard .upside .all_ck span { display: block; font-size: 11px; color: #313841; }
.md_chatroom .chat .pt_keyboard .upside .all_ck input[type=checkbox] { margin: 0; }
.md_chatroom .chat .pt_keyboard .upside .division { font-size: 13px; color: #737a85; vertical-align: top; display: inline-block; height: 30px; line-height: 30px; }
.md_chatroom .chat .pt_keyboard .upside .all { font-size: 14px; margin-left: 10px; vertical-align: top; display: inline-block; height: 30px; line-height: 30px; }
.md_chatroom .chat .pt_keyboard .upside .several { font-size: 14px; margin-left: 10px; color: #313841; vertical-align: top; display: inline-block; height: 30px; line-height: 30px; }
.md_chatroom .chat .pt_keyboard .upside .selected { background: #404955; color: #fff; padding: 5px 10px; border-radius: 7px; font-weight: 500; height: 20px; line-height: 20px; }
.md_chatroom .chat .pt_keyboard .downside { position: relative; min-height: 50px; background: #fff; }
.md_chatroom .chat .pt_keyboard .downside .button { display: block; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; z-index: 1 }
.md_chatroom .chat .pt_keyboard .downside .button a { display: block; width: 50px; height: 50px; }
.md_chatroom .chat .pt_keyboard .downside .button img { display: block; width: 22px; height: 22px; position: absolute; top: 13px; left: 13px }
.md_chatroom .chat .pt_keyboard .downside .button.add .close_btn { display: none; }
.md_chatroom .chat .pt_keyboard .downside .button.close .add_btn { display: none; }
.md_chatroom .chat .pt_keyboard .downside .button.close span { display: block; position: absolute; top: 13px; left: 12px; width: 20px; height: 20px; text-align: center; color: #bbb; border: 2px solid #bbb; background: #bbb; color: #fff; border-radius: 6px; font-weight: bold; font-family: Tahoma; }
.md_chatroom .chat .pt_keyboard .downside .input { background: #fff; margin-left: 50px; height: 50px; }
.md_chatroom .chat .pt_keyboard .downside .input textarea { position: relative; width: calc(100% - 64px); height: calc(100% - 30px); padding: 15px 0 15px 3px; background: #fff; border: 0px; color: #000; font-size: 18px; outline: none; color: red !important; text-shadow: 0px 0px 0px #000 !important; -webkit-text-fill-color: transparent !important; resize: none; overflow: auto; }
.md_chatroom .chat .pt_keyboard .downside .input .star { position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px; z-index: 2; font-size: 25px; color: red; }
.md_chatroom .chat .pt_keyboard .downside .input .star a { display: block; width: 50px; height: 50px; color: #bbb; font-weight: bold; text-align: center }
.md_chatroom .chat .pt_keyboard .downside .input .star a img { display: block; position: absolute; top: 13px; right: 13px; width: 22px; height: 22px; }
.md_chatroom .chat .pt_keyboard .downside .input .star.add .add_btn { display: block; }
.md_chatroom .chat .pt_keyboard .downside .input .star.add .close_btn { display: none; }
.md_chatroom .chat .pt_keyboard .downside .input .star.close .add_btn { display: none; }
.md_chatroom .chat .pt_keyboard .downside .input .star.close .close_btn { display: block; color: #ffa562 }
.md_chatroom .chat .pt_keyboard .downside .input .send_btn { display: none; position: absolute; bottom: 0px; right: 0px; width: 50px; height: 50px; background: #ddd; color: #000; z-index: 4; text-align: center; line-height: 50px; }
.md_chatroom .chat .pt_keyboard .downside .input .send_btn a { display: block; width: 100%; height: 100%; }
.md_chatroom .chat .pt_keyboard .add_function { display: none; position: relative; height: 180px; background: #f8f8f8; border-top: 1px solid #f3f3f3; text-align: center }
.md_chatroom .chat .pt_keyboard .add_function .line { clear: both; }
.md_chatroom .chat .pt_keyboard .add_function .function { float: left; width: 21%; padding: 15px 2%; }
.md_chatroom .chat .pt_keyboard .add_function .function.clear { border: 1px solid green; }
.md_chatroom .chat .pt_keyboard .add_function .function a { display: block; width: 100%; padding: 10px 0px; text-align: center; }
.md_chatroom .chat .pt_keyboard .add_function .function .icon { position: relative; }
.md_chatroom .chat .pt_keyboard .add_function .function .icon img { width: 50px; }
.md_chatroom .chat .pt_keyboard .add_function .function .reward { display: inline-block; font-size: 12px; background-color: #fff; color: #777; padding: 3px 5px; border: 1px solid #ddd; margin-top: 5px }
.md_chatroom .chat .pt_keyboard .add_function .function .reward img { width: 14px; vertical-align: middle; margin-bottom: 2px }
.md_chatroom .chat .pt_keyboard .add_function .function .reward span { vertical-align: middle; margin-left: 2px }
.md_chatroom .chat .pt_keyboard .add_function li { float: left; width: 33.33%; text-align: center; padding: 20px 0px; }
.md_chatroom .chat .pt_keyboard .add_star { display: none; background: #f8f8f8; border-top: 1px solid #f3f3f3; overflow: hidden }
.md_chatroom .chat .pt_keyboard .add_star .stepone { display: block; height: 256px }
.md_chatroom .chat .pt_keyboard .add_star .steptwo { display: none; height: 256px }
.md_chatroom .chat .pt_keyboard .add_star .my_star { height: 49px; line-height: 49px; background-color: #eee; text-align: center }
.md_chatroom .chat .pt_keyboard .add_star .my_star span { font-size: 16px; vertical-align: middle; color: #777; letter-spacing: -0.7px }
.md_chatroom .chat .pt_keyboard .add_star .my_star strong { color: #000; margin-left: 5px; font-size: 18px; }
.md_chatroom .chat .pt_keyboard .add_star .my_star a { width: 100px; padding: 5px 10px; margin-left: 10px; border-radius: 3px; vertical-align: middle; text-align: center; background: #ee7e2c; color: #fff; }
.md_chatroom .chat .pt_keyboard .add_star .my_star a img { vertical-align: middle; margin-bottom: 3px; width: 80px }
.md_chatroom .chat .pt_keyboard .add_star li { float: left; width: 33.333%; text-align: center; height: 100px; padding-bottom: 0px }
.md_chatroom .chat .pt_keyboard .add_star li a { display: inline-block; width: 100%; height: 100%; position: relative; border-right: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; box-sizing: border-box }
.md_chatroom .chat .pt_keyboard .add_star li a .imgh { height: 50px; padding: 25px 0 }
.md_chatroom .chat .pt_keyboard .add_star li a .num { position: absolute; bottom: 15px; left: 50%; margin-left: -60px; width: 120px; text-align: center; font-size: 15px; color: #aaa }
.md_chatroom .chat .pt_keyboard .add_star li a .num strong { color: #666 }
.md_chatroom .chat .pt_keyboard .add_star .star_write { clear: both; border-top: 1px solid #e8e8e8; height: 55px; overflow: hidden; background-color: #f8f8f8 }
.md_chatroom .chat .pt_keyboard .add_star .star_write .inpbox { width: 65%; height: 35px; padding: 10px 0; float: left }
.md_chatroom .chat .pt_keyboard .add_star .star_write .inpbox input { width: 50%; height: 100%; border: none; font-size: 16px; outline-style: none; float: left; text-align: right; }
.md_chatroom .chat .pt_keyboard .add_star .star_write .inpbox .fs { display: inline-block; width: 35%; font-size: 16px; color: #777; float: left; line-height: 35px; text-align: center }
.md_chatroom .chat .pt_keyboard .add_star .star_write .inpbox .bs { display: inline-block; width: 15%; font-size: 16px; color: #777; float: left; background-color: #fff; line-height: 35px; text-align: center; }
.md_chatroom .chat .pt_keyboard .add_star .star_write .send { float: left; display: inline-block; width: 35%; height: 35px; padding: 10px 0; text-align: center; color: #fff; font-size: 16px; font-weight: bold }
.md_chatroom .chat .pt_keyboard .add_star .star_write .send span { display: inline-block; background-color: #ee7e2c; width: 80%; border-radius: 5px; height: 35px; line-height: 35px; }
.md_chatroom .chat .pt_keyboard .add_star .wspace { height: 141px; border-top: 1px solid #e8e8e8; padding: 20px; background-color: #f8f8f8 }
.md_chatroom .chat .pt_keyboard .add_star .wspace textarea { width: 100%; height: 100%; resize: none; border: none; outline-style: none; font-size: 16px; background-color: #f8f8f8; letter-spacing: -1px }
.md_chatroom .chat .pt_keyboard .add_star .lastsend { padding: 10px 0; text-align: center; height: 100%; }
.md_chatroom .chat .pt_keyboard .add_star .lastsend a { display: inline-block; background-color: #ff0300; width: 60%; border-radius: 5px; height: 45px; line-height: 45px; color: #fff; font-size: 16px; font-weight: bold }
.md_chatroom .pop_menu { display: none; position: fixed; top: 58px; right: 15px; width: 344px; background: #e8e8e8; border: 1px solid #323b48; z-index: 1900; font-size: 14px }
.md_chatroom .pop_menu ul li { float: left; width: 25%; border: 1px solid #e8e8e8; background: #fafafa; color: #222; box-sizing: border-box; border-left: none; border-bottom: 0px; }
.md_chatroom .pop_menu ul .c_private_m { margin: 10px 0 10px; }
.md_chatroom .pop_menu ul li a.box { color: #222; display: block; min-height: 60px; padding: 15px 0; }
.md_chatroom .pop_menu ul li div { text-align: center; position: relative; }
.md_chatroom .pop_menu ul li div p { font-size: 13px; }
.md_chatroom .pop_menu ul li div img { width: 35px; opacity: 0.5; }
.md_chatroom .pop_menu ul li div .new { position: absolute; top: -2px; right: 5px; font-size: 10px; background: #ff0030; color: #fff; padding: 2px 4px; z-index: 999; }
.md_chatroom .pop_menu ul li div .red_point { display: none; width: 10px; height: 10px; background: red; border-radius: 5px; position: absolute; top: 0; left: 55%; }
.md_chatroom .pop_menu ul li[is_new=true] div .red_point { display: block; }
.md_chatroom .right_menu { position: fixed; top: 0; right: -300px; width: 300px; background: #f2f2f2; height: 100%; overflow: auto; transition: all 0.5s; z-index: 2005; font: 14px dotum; }
.md_chatroom .right_menu.on { right: 0; }
.md_chatroom .right_menu.mobile_touch { transition: all 0.1s; }
.md_chatroom .right_menu .my_info { position: relative; overflow: hidden; padding: 20px 10px 0px; background: #444b55; }
.md_chatroom .right_menu .my_info .img { position: absolute; top: 16px; left: 12px; }
.md_chatroom .right_menu .my_info .img .pic { width: 50px; height: 50px; border-radius: 25px; }
.md_chatroom .right_menu .my_info .img_2 { position: absolute; top: 30px; right: 20px; }
.md_chatroom .right_menu .my_info .img_2 img { width: 20px; opacity: 0.4 }
.md_chatroom .right_menu .my_info .notlogin { display: inline-block; padding-bottom: 20px }
.md_chatroom .right_menu .my_info .notlogin img { width: 40px; border-radius: 20px; vertical-align: middle; margin: 0 10px; }
.md_chatroom .right_menu .my_info .notlogin span { vertical-align: middle; color: #fff; font-size: 14px }
.md_chatroom .right_menu .my_info .member { padding-left: 60px; height: 60px; border-bottom: 1px solid #3e4752 }
.md_chatroom .right_menu .my_info .member .nickname { display: inline-block; font: bold 18px dotum; color: #fff; margin-left: 2px; }
.md_chatroom .right_menu .my_info .member .star { display: inline-block; margin-top: 5px; font: 14px dotum; }
.md_chatroom .right_menu .my_info .member .star > a { color: #ccc; }
.md_chatroom .right_menu .my_info .member .star .number { padding: 2px 4px; background: #ff5252; border-radius: 17px; color: #fff; font-weight: bold; }
.md_chatroom .right_menu .my_info .member_sub { border-top: 1px solid #4b525b }
.md_chatroom .right_menu .my_info .member_sub .star { width: 20px; vertical-align: middle; margin-bottom: 4px; }
.md_chatroom .right_menu .my_info .member_sub span { color: #fff; vertical-align: middle; font-weight: bold; font-size: 18px; }
.md_chatroom .right_menu .my_info .member_sub a { display: inline-block; padding: 15px 10px; }
.md_chatroom .right_menu .pt_recommend { background: #fff; border-bottom: 1px solid #e9e9e9; }
.md_chatroom .right_menu .pt_recommend .title { position: relative; background: #f8f8f8; border-bottom: 1px solid #eee; color: #000; font-weight: bold; font-size: 16px; }
.md_chatroom .right_menu .pt_recommend .title .ttl { padding-left: 15px }
.md_chatroom .right_menu .pt_recommend .title img { position: absolute; top: 15px; right: 18px; width: 25px; }
.md_chatroom .right_menu .pt_recommend .title a { display: inline-block; padding: 15px 0; width: 100% }
.md_chatroom .right_menu .pt_recommend .content { padding-left: 10px; }
.md_chatroom .right_menu .pt_recommend .content li { min-height: 30px; padding-top: 10px; }
.md_chatroom .right_menu .pt_visitor { background: #fff; margin-top: 10px; min-height: 500px; overflow: hidden; }
.md_chatroom .right_menu .pt_visitor .title { position: relative; background: #f8f8f8; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #eee; color: #000; font: bold 16px dotum; }
.md_chatroom .right_menu .pt_visitor .title .ttl { padding-left: 15px }
.md_chatroom .right_menu .pt_visitor .title .number { color: #f75e5e; }
.md_chatroom .right_menu .pt_visitor .title img { position: absolute; top: 15px; right: 18px; width: 25px }
.md_chatroom .right_menu .pt_visitor .title a { display: inline-block; padding: 15px 0; width: 100% }
.md_chatroom .right_menu .pt_visitor .content { padding: 15px 5px; }
.md_chatroom .right_menu .pt_visitor .content li { position: relative; float: left; width: 25%; height: 70px; text-align: center; }
.md_chatroom .right_menu .pt_visitor .content li a { display: inline-block; width: 100%; height: 100% }
.md_chatroom .right_menu .pt_visitor .content li .memberImg { width: 35px; height: 35px; border-radius: 18px; }
.md_chatroom .right_menu .pt_visitor .content li .nick { display: block; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100% }
.md_chatroom .right_menu .pt_visitor .content .vip_Mark { position: absolute; top: -1px; right: 13px; }
.md_chatroom .right_menu .pt_visitor .content .vip_Mark img { width: 23px; height: 12px; }
.md_chatroom .right_menu .list { margin-top: 20px; padding: 0px 20px; }
.md_chatroom .right_menu .list span { display: block; }
/* 회원 상세 보기 */
.md_chatMember { position: fixed; top: 0; left: 0; width: 100%; height: 100%; min-height: inherit; z-index: 1201; }
.md_chatMember .top { position: absolute; top: 0; left: 0; width: 100%; height: 55%; background: #ffbfbf; }
.md_chatMember .bottom { position: absolute; top: 55%; left: 0; width: 100%; height: 45%; background: #fff; }
.md_chatMember .image { position: absolute; top: 47%; left: 0; width: 100%; height: 16%; text-align: center; }
.md_chatMember .image > img { border-radius: 100%; height: 100%; }
.md_chatMember .nickname { position: absolute; top: 65%; left: 0; width: 100%; text-align: center; font-size: 14px; }
/* 회원 1:1 채팅 */
.chat_1on1_alarm { display: none; position: fixed; z-index: 999; width: 100%; max-width: 640px; top: 30%; }
.chat_1on1_alarm .wrp { display: block; vertical-align: middle; width: 80%; background: #fff; margin: 0 auto; box-shadow: 0 0 15px #444 }
.chat_1on1_alarm .alarm { height: 45px; line-height: 45px; overflow: hidden; border-bottom: 1px solid #ddd }
.chat_1on1_alarm .imgrel { position: relative; vertical-align: middle; display: inline-block; width: 15%; text-align: center; float: left }
.chat_1on1_alarm .imgrel img { width: 26px; vertical-align: middle; margin-bottom: 4px }
.chat_1on1_alarm .imgrel .redchatnum { position: absolute; right: 16%; top: 8px; background: #f00; color: #fff; display: inline-block; width: 16px; height: 16px; border-radius: 8px; line-height: 16px; text-align: center; font-family: 'Malgun Gothic'; font-size: 11px; font-weight: bold; vertical-align: middle }
.chat_1on1_alarm .cont { color: #666; vertical-align: middle; font-size: 12px; display: inline-block; float: left; width: 70%; text-indent: 5px; animation-duration: 0.7s; animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-name: chatfadeIn }
.chat_1on1_alarm .cont .nickname { font-weight: bold; color: #000; }
.chat_1on1_alarm .cont .matxt { font-weight: bold; color: #f00; }
.chat_1on1_alarm .btnimg { vertical-align: middle; font-size: 12px; display: inline-block; float: left; width: 15%; text-align: center; box-sizing: border-box; border-left: 1px solid #f2f2f2 }
.chat_1on1_alarm .btnimg img { width: 10px; vertical-align: middle; margin-bottom: 2px }
.chat_1on1_alarm .chatmsg { background: #656d78; padding: 20px; text-align: center; width: calc(100% - 40px); text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #ccc }
.chat_1on1_alarm .chatmsg .prof { vertical-align: middle; width: 20px; border-radius: 10px; margin-bottom: 1px }
.chat_1on1_alarm .chatmsg .msg { vertical-align: middle; font-size: 13px; margin-left: 7px; font-weight: bold }
.chat_1on1_alarm .btngroup { margin-top: 5px; display: block; vertical-align: middle; width: 80%; margin: 6px auto 0; font-size: 12px }
.chat_1on1_alarm .btngroup a { display: inline-block; vertical-align: middle; width: 34%; background: #fff; text-align: center; height: 40px; line-height: 40px; box-shadow: 0 0 15px #444 }
.chat_1on1_alarm .btngroup a:first-child { width: 64%; margin-right: 2%; font-weight: bold; font-size: 14px }
/* 회원 1:1 채팅용 푸터  */
.md_chatroom .popwrt_1on1 { position: fixed; bottom: 0px; height: 55px; width: 100%; max-width: 640px; box-sizing: border-box; border-top: 1px solid #eee; background-color: #fff; }
.md_chatroom .popwrt_1on1 input { vertical-align: middle; border: none; box-sizing: border-box; width: 90%; display: inline-block; height: 100%; text-indent: 20px; outline-style: none; font-size: 16px }
.md_chatroom .popwrt_1on1 a { display: inline-block; vertical-align: middle; width: 10%; text-align: center; height: 100%; background: #f2f2f2 }
.md_chatroom .popwrt_1on1 a span { display: inline-block; margin-top: 18px; font-size: 14px }
/* 접속자명단  */
.md_profile_list { position: relative; }
.md_profile_list .header { position: fixed; top: 0px; left: 0px; width: 100%; background: #1f2c35; height: 40px; padding-top: 15px; text-align: center; z-index: 150; }
.md_profile_list .header .title { color: #fff; font-size: 20px; }
.md_profile_list .header .close { position: absolute; top: 15px; right: 15px; }
.md_profile_list .header .close img { width: 20px; vertical-align: middle }
.md_profile_list .body { background-color: #f2f2f2; }
.md_profile_list .body .today { font-size: 14px; text-align: center; background-color: #fff; border-bottom: 1px solid #e8e8e8; padding: 20px 0 }
.md_profile_list .body .today span { font-weight: bold; }
.md_profile_list .body .member_list { background-color: #fff; border-top: 1px solid #e8e8e8; margin-top: 7px; }
.md_profile_list .body .member_list:after { content: ''; clear: both; display: block; }
.md_profile_list .body .member_list .prof { position: relative; width: 50px; height: 50px; margin: 0 auto }
.md_profile_list .body .member_list a { display: inline-block; width: 100%; text-align: center; padding-top: 15px }
.md_profile_list .body .member_list li { float: left; width: 25%; border-right: 1px dashed #e8e8e8; border-bottom: 1px dashed #e8e8e8; box-sizing: border-box; height: 100px }
.md_profile_list .body .member_list li:nth-child(4n) { border-right: none }
.md_profile_list .body .member_list .prof .pimg { width: 100%; border-radius: 25px; }
.md_profile_list .body .member_list .prof .vipmark { position: absolute; top: 0px; right: 2px }
.md_profile_list .body .member_list .nick { font-size: 12px; margin-top: 7px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* sms문자내역 */
.md_sms { background-color: #f2f2f2; }
.md_sms .pt_select { width: 100%; vertical-align: middle; height: 55px; font-size: 16px; text-indent: 10px; outline-style: none }
.md_sms .pt_smslist { margin-top: 7px; background-color: #fff; border-top: 1px solid #e8e8e8 }
.md_sms .pt_smslist li { border-bottom: 1px solid #eee; overflow: hidden }
.md_sms .pt_smslist .left { float: left; width: 70%; }
.md_sms .pt_smslist .right { float: right; width: 30%; text-align: center }
.md_sms .pt_smslist .left span { display: inline-block; padding: 15px; font-size: 14px; line-height: 20px; letter-spacing: -0.5px }
.md_sms .pt_smslist .right span { display: inline-block; padding: 25px 0; font-size: 13px; color: #777; }
.md_sms .pt_smslist .nosms { border-bottom: none; text-align: center; margin-top: 30% }
.md_sms .pt_smslist .nosms p { font-size: 15px; margin: 10px 0 5px; font-weight: bold }
.md_sms .pt_smslist .nosms span { font-size: 12px; color: #777 }
.md_sms .pagen { margin-top: 7px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; background-color: #fff }

/*-----------------------------------------------------------------------
    
    section : recommendStock

-----------------------------------------------------------------------*/

/* 추천주식 메인 */
.recommendStock_wrap { }
.recommendStock_page { }
.recommendStock_page .summary { background: #fff; padding: 16px; padding-bottom: 5px; margin-top: 0px; }
.recommendStock_page .summary .title h4 { font-weight: bold; font-size: 18px; letter-spacing: -1px; }
.recommendStock_page .summary .title h5 { color: #aaa; font-size: 13px; margin-top: 2px; }
.recommendStock_page .summary ul { overflow: hidden; margin-top: 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.recommendStock_page .summary ul li { position: relative; float: left; width: 25%; text-align: center; color: #0e0d22; }
.recommendStock_page .summary ul li h4 { font-size: 14px; }
.recommendStock_page .summary ul li::after { content: ""; display: block; position: absolute; top: 16px; right: 0px; width: 1px; height: 16px; background-color: #eee; vertical-align: top; }
.recommendStock_page .summary ul li:last-child::after { display: none; }
.recommendStock_page .summary ul li a { display: block; padding: 10px 0px; }
.recommendStock_page .summary ul li.selected a { color: #ed6200 }
.recommendStock_page .summary ul li.selected a::after { content: ""; display: block; position: absolute; bottom: 0px; left: 0; width: 100%; border-bottom: 3px solid #ed6200; z-index: 2; }
.recommendStock_page .summary ul li p { font-weight: bold; font-size: 22px; }
.recommendStock_page .summary table { width: 100%; margin-top: 0px; }
.recommendStock_page .summary table tr td { padding: 10px 0px; color: #aaa; border-bottom: 1px solid #eee; }
.recommendStock_page .summary table tr:last-child td { border-bottom: 0px; }
.recommendStock_page .summary table tr td.date { text-align: right; }
.recommendStock_page .summary table tr td .free_box { display: inline-block; background: #fb6f31; font-size: 13px; padding: 2px 4px 1px; color: #fff; margin-bottom: 1px; }
.recommendStock_page .summary table tr td .pay_box { display: inline-block; background: #eee; font-size: 13px; padding: 2px 4px; color: #888; margin-bottom: 1px; }
.recommendStock_page .summary div.add_list { text-align: center; border-top: 1px solid #eee; }
.recommendStock_page .summary div.add_list a { display: block; padding: 10px; }
.recommendStock_page .summary div.add_list img { width: 6px; height: 11px; }
.recommendStock_page .summary div.add_list span { vertical-align: middle; font-size: 14px; margin-right: 2px; }
.recommendStock_page .recommend { padding: 16px; }
.recommendStock_page .recommend .box { padding: 16px; background: #fff; border-radius: 6px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.recommendStock_page .recommend .box:first-child { margin-bottom: 16px; }
.recommendStock_page .recommend .box .caption { font-size: 12px; color: #8a8a8a; line-height: 1; margin-bottom: 2px; }
.recommendStock_page .recommend .box .title { font-family: 'Noto Sans KR'; color: #1a3160; padding-bottom: 6px; border-bottom: 1px solid #dadada; height: 24px; line-height: 24px; }
.recommendStock_page .recommend .box .title .icon { float: right; }
.recommendStock_page .recommend .box .title .icon img { width: 14px; height: 14px; vertical-align: middle; cursor: pointer; }
.recommendStock_page .recommend .box .content { text-align: center; }
.recommendStock_page .recommend .box .content .text { font-size: 14px; color: #fd7b1d; height: 50px; line-height: 50px; }
.recommendStock_page .recommend .box .content .text.disabled { color: #aaa; }
.recommendStock_page .recommend .box .content .button { }
.recommendStock_page .recommend .box .content .button .btn { width: 140px; height: 40px; line-height: 40px; border-radius: 20px; background: #292c35; color: #fff; font-size: 16px; display: inline-block; font-family: 'Noto Sans KR'; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); }
.recommendStock_page .recommend .box .content .button.disabled .btn { background: #aaaaaa; }
.recommendStock_page .banner { text-align: center; background: #4183cf; }
.recommendStock_page .banner a { display: block; width: 100%; height: 100%; }
.recommendStock_page .banner a img { width: 360px; vertical-align: top; }
.recommendStock_page .result { padding: 16px; background: #f3f4f6; }
.recommendStock_page .result .title { color: #292c35; font: bold 16px 'Noto Sans KR'; margin-bottom: 16px; }
.recommendStock_page .result .title .icon { float: right; }
.recommendStock_page .result .title .icon img { vertical-align: bottom; width: 16px; height: 16px; }
.recommendStock_page .result .list { }
.recommendStock_page .result .list table { width: 100%; }
.recommendStock_page .result .list table thead tr th { font-size: 12px; color: #757575; background: #fff; text-align: center; height: 30px; }
.recommendStock_page .result .list table thead tr th:nth-child(1) { width: 21%; }
.recommendStock_page .result .list table thead tr th:nth-child(2) { width: 27%; }
.recommendStock_page .result .list table thead tr th:nth-child(3) { width: 33%; }
.recommendStock_page .result .list table thead tr th:nth-child(4) { width: 19%; }
.recommendStock_page .result .list table tbody tr td { font-family: 'Noto Sans KR'; background: #fff; height: 66px; text-align: center; padding: 0 8px; }
.recommendStock_page .result .list table tbody tr td.empty { height: 8px; background: #f3f4f6; }
.recommendStock_page .result .list table tbody tr td:nth-child(1) .date { height: 19px; border: 1px solid #989898; border-radius: 11px; display: inline-block; line-height: 21px; padding: 0 10px; font-size: 12px; color: #989898; }
.recommendStock_page .result .list table tbody tr td:nth-child(1) .number { font-size: 11px; color: #757575; display: block; margin-top: 3px; }
.recommendStock_page .result .list table tbody tr td:nth-child(2) { padding: 0; }
.recommendStock_page .result .list table tbody tr td:nth-child(2) > div { color: #2b2b2b; font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-family: 'Noto Sans KR', 'Roboto', sans-serif; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .text { font-size: 14px; color: #757575; font-weight: bold; text-align: right; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .text.win { color: #ff6c6c; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .text.lose { color: #54a6ff; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .text.draw { color: #3a3a3a; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .benefit { font-weight: bold; font-size: 18px; overflow: hidden; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .benefit.win { color: #ff6c6c; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .benefit.lose { color: #54a6ff; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .benefit.draw { color: #3a3a3a; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .benefit .arrow { float: left; }
.recommendStock_page .result .list table tbody tr td:nth-child(3) .benefit .percent { float: right; }
.recommendStock_page .result .list table tbody tr td:nth-child(4) > div { font-size: 14px; color: #757575; }
.recommendStock_page .result .list table tfoot tr td { padding: 10px 0; }
.recommendStock_page .result .list table tfoot tr td .btn { margin-top: 16px; display: block; width: 100%; border-radius: 23px; border: 1px solid #707070; color: #292c35; text-align: center; height: 45px; line-height: 45px; }



/* 추천주식 리스트 */
.recommendStock_list_wrap { font-family: 'Noto Sans KR'; }
.recommendStock_list_page { }
.recommendStock_list_page { font-family: 'Noto Sans KR'; margin-bottom: 51px; }
.recommendStock_list_page .myTicket { overflow: hidden; background: #fff; padding: 16px 22px; }
.recommendStock_list_page .myTicket .main { height: 35px; }
.recommendStock_list_page .myTicket .main h4 { float: left; width: 50%; font-weight: bold; font-size: 18px; }
.recommendStock_list_page .myTicket .main p { float: right; text-align: right; width: 50%; font-weight: bold; font-size: 18px; }
.recommendStock_list_page .myTicket .main p span { vertical-align: middle; }
.recommendStock_list_page .myTicket .main p img { width: 20px; vertical-align: middle; margin-right: 5px; }
.recommendStock_list_page .myTicket ul.sub { position: relative; overflow: hidden; clear: both; border: 1px solid #eee; width: 100%; }
.recommendStock_list_page .myTicket ul.sub li { position: relative; float: left; width: 50%; text-align: center }
.recommendStock_list_page .myTicket ul.sub li:first-child::after { content: ""; display: block; position: absolute; top: 16px; right: 0px; width: 1px; height: 16px; background-color: #eee; vertical-align: top; }
.recommendStock_list_page .myTicket ul.sub li a { display: block; padding: 12px 0px; color: #666; }
.recommendStock_list_page .myTicket ul.sub li a span { vertical-align: middle; }
.recommendStock_list_page .myTicket ul.sub li a img.star { width: 14px; vertical-align: middle; }
.recommendStock_list_page .myTicket ul.sub li a img.ticket { width: 14px; }
.recommendStock_list_page .explain { padding: 20px; text-align: center; background: #fff; margin-bottom: 15px; }
.recommendStock_list_page .explain ul { width: 220px; text-align: left; margin: 0 auto; font-size: 16px; color: #666; }
.recommendStock_list_page .explain ul li { margin-top: 5px; }
.recommendStock_list_page .caption { padding: 0 20px; padding-top: 20px; }
.recommendStock_list_page .caption > span { font-size: 16px; font-weight: bold; color: #2b2b2b; }
.recommendStock_list_page .caption > label { float: right; height: 15px; display: inline-block; vertical-align: top; margin-top: 3px; }
.recommendStock_list_page .caption > label input[type=checkbox] { vertical-align: top; margin-top: 2px; display: inline-block; }
.recommendStock_list_page .caption > label span { font-size: 11px; color: #8f8f8f; vertical-align: top; display: inline-block; }
.recommendStock_list_page .caption > select { font-size: 12px; height: 20px; float: right; border-radius: 6px; }
.recommendStock_list_page .slide_list { margin: 10px 0; height: 300px; }
.recommendStock_list_page .slide_list .slide_box { width: 100%; margin: 0 20px; height: 300px; }
.recommendStock_list_page .slide_list .slide_box .items { text-align: center; background: #fff; height: 295px; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.16); border-radius: 5px; }
.recommendStock_list_page .slide_list .slide_box .items .date { margin-bottom: 20px; padding-top: 20px; }
.recommendStock_list_page .slide_list .slide_box .items .date span { font-size: 14px; color: #636363; display: inline-block; border: 1px solid #636363; width: 55px; height: 25px; line-height: 25px; border-radius: 25px; }
.recommendStock_list_page .slide_list .slide_box .items .tech { margin-bottom: 10px; }
.recommendStock_list_page .slide_list .slide_box .items .tech span { display: inline-block; width: 34px; height: 22px; font-size: 14px; text-align: center; line-height: 22px; }
.recommendStock_list_page .slide_list .slide_box .items .tech span:nth-child(1) { border: 1px solid #eb3b3b; color: #eb3b3b; }
.recommendStock_list_page .slide_list .slide_box .items .tech span:nth-child(2) { border: 1px solid #a0a1a2; color: #a0a1a2; }
.recommendStock_list_page .slide_list .slide_box .items .name { margin-bottom: 10px; }
.recommendStock_list_page .slide_list .slide_box .items .name span { font-size: 20px; color: #2b2b2b; font-weight: bold; filter: blur(3px); }
.recommendStock_list_page .slide_list .slide_box .items .number { margin-bottom: 10px; }
.recommendStock_list_page .slide_list .slide_box .items .number span { font-size: 14px; color: #4b4b4b; }
.recommendStock_list_page .slide_list .slide_box .items .rate { margin-bottom: 10px; }
.recommendStock_list_page .slide_list .slide_box .items .rate span { font-size: 16px; color: #eb3b3b; font-weight: bold; }
.recommendStock_list_page .slide_list .slide_box .items .count { margin-bottom: 10px; }
.recommendStock_list_page .slide_list .slide_box .items .count span { font-size: 16px; color: #292c35; font-weight: bold; }
.recommendStock_list_page .slide_list .slide_box .items .btn { padding-bottom: 20px; }
.recommendStock_list_page .slide_list .slide_box .items .btn a { display: block; width: 220px; height: 44px; line-height: 44px; border-radius: 22px; background: #292c35; text-align: center; color: #fff; font-size: 14px; margin: 0 auto; max-width: 90% }
.recommendStock_list_page .slide_list .slide_box .none { background: rgba(0,0,0,0.8); color: #fff; font-size: 16px; position: absolute; top: 0; left: -32px; border-radius: 6px; width: calc(100% + 64px); height: 295px; line-height: 295px; text-align: center; }
.recommendStock_list_page .slide_list .slide_prev { width: 22px; height: 21px; background: #000; color: #fff; font-weight: bold; text-align: center; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); opacity: 0.7; border-top-right-radius: 3px; border-bottom-right-radius: 3px; position: absolute; top: calc(50% - 10.5px); left: 0; z-index: 1; }
.recommendStock_list_page .slide_list .slide_next { width: 22px; height: 21px; background: #000; color: #fff; font-weight: bold; text-align: center; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); opacity: 0.7; border-top-left-radius: 3px; border-bottom-left-radius: 3px; position: absolute; top: calc(50% - 10.5px); right: 0; z-index: 1; }
.recommendStock_list_page .buy_list { margin-top: 20px; padding: 0 20px 20px 20px; }
.recommendStock_list_page .buy_list .box { background: #fff; }
.recommendStock_list_page .buy_list .box table { width: 100%; height: 100%; }
.recommendStock_list_page .buy_list .box table tr td { height: 42px; }
.recommendStock_list_page .buy_list .box table tr td.date { width: 62px; text-align: center; }
.recommendStock_list_page .buy_list .box table tr td.date span { display: inline-block; width: 40px; height: 22px; border: 1px solid #989898; font-size: 11px; color: #989898; line-height: 22px; border-radius: 22px; }
.recommendStock_list_page .buy_list .box table tr td.tech { width: 62px; }
.recommendStock_list_page .buy_list .box table tr td.tech span { display: inline-block; width: 26px; height: 18px; font-size: 11px; text-align: center; line-height: 18px; vertical-align: top; margin-top: 1px; }
.recommendStock_list_page .buy_list .box table tr td.tech span:nth-child(1) { border: 1px solid #eb3b3b; color: #eb3b3b; }
.recommendStock_list_page .buy_list .box table tr td.tech span:nth-child(2) { border: 1px solid #a0a1a2; color: #a0a1a2; }
.recommendStock_list_page .buy_list .box table tr td.name { width: calc(100% - 251px); padding-left: 10px; font-family: 'Noto Sans KR', 'Roboto', sans-serif; }
.recommendStock_list_page .buy_list .box table tr td.name div { font-size: 13px; color: #2b2b2b; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; word-break: break-all; }
.recommendStock_list_page .buy_list .box table tr td.name div.blur { filter: blur(3px); }
.recommendStock_list_page .buy_list .box table tr td.number { width: 32px; font-size: 11px; color: #393939; }
.recommendStock_list_page .buy_list .box table tr td.state { width: 75px; font-size: 11px; text-align: right; padding-right: 10px; }
.recommendStock_list_page .buy_list .box table tr td.state img { width: 6px; height: 10px; vertical-align: top; margin-top: 3px; margin-left: 3px; }
.recommendStock_list_page .buy_list .box table tr td.state .vip_img { width: 18px; height: 12px; }
.recommendStock_list_page .buy_list .box table tr td.empty { height: 10px; background: #f2f4f6; }
.recommendStock_list_page .buy_list .box table tr.list_none td { height: 100px; font-size: 14px; color: #707070; text-align: center; }


/* 종가예약 */
.rec_reservation { font-family: 'Noto Sans KR'; margin-bottom: 51px; }
.rec_reservation .myTicket { overflow: hidden; background: #fff; padding: 16px 22px; }
.rec_reservation .myTicket .main { height: 35px; }
.rec_reservation .myTicket .main h4 { float: left; width: 50%; font-weight: bold; font-size: 18px; }
.rec_reservation .myTicket .main p { float: right; text-align: right; width: 50%; font-weight: bold; font-size: 18px; }
.rec_reservation .myTicket .main p span { vertical-align: middle; }
.rec_reservation .myTicket .main p img { width: 20px; vertical-align: middle; margin-right: 5px; }
.rec_reservation .myTicket ul.sub { position: relative; overflow: hidden; clear: both; border: 1px solid #eee; width: 100%; }
.rec_reservation .myTicket ul.sub li { position: relative; float: left; width: 50%; text-align: center }
.rec_reservation .myTicket ul.sub li:first-child::after { content: ""; display: block; position: absolute; top: 16px; right: 0px; width: 1px; height: 16px; background-color: #eee; vertical-align: top; }
.rec_reservation .myTicket ul.sub li a { display: block; padding: 12px 0px; color: #666; }
.rec_reservation .myTicket ul.sub li a span { vertical-align: middle; }
.rec_reservation .myTicket ul.sub li a img.star { width: 14px; vertical-align: middle; }
.rec_reservation .myTicket ul.sub li a img.ticket { width: 14px; }
.rec_reservation .buy_ticket { }
.rec_reservation .explain { padding: 20px; text-align: center; background: #fff; margin-bottom: 15px; }
.rec_reservation .explain ul { text-align: center; font-size: 16px; color: #666; }
.rec_reservation .explain ul li { margin-top: 5px; }
.recommendStock_reservation_page { padding: 16px; }
.recommendStock_reservation_page .section { margin-bottom: 20px; border-radius: 6px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; }
.recommendStock_reservation_page .section.price { padding: 16px; }
.recommendStock_reservation_page .section.price .top { overflow: hidden; }
.recommendStock_reservation_page .section.price .top .circle { float: left; width: 50px; height: 50px; border-radius: 25px; text-align: center; }
.recommendStock_reservation_page .section.price .top .circle img { width: 100%; height: 100%; }
.recommendStock_reservation_page .section.price .top .text { float: left; }
.recommendStock_reservation_page .section.price .top .text .title { margin-left: 10px; font-size: 16px; font-weight: bold; color: #1a3160 }
.recommendStock_reservation_page .section.price .top .text .sub { margin-left: 10px; margin-top: 3px; font-size: 12px; color: #959595; }
.recommendStock_reservation_page .section.price .bot { text-align: right; }
.recommendStock_reservation_page .section.price .bot .text1 { font-size: 10px; color: #707070; font-weight: bold; }
.recommendStock_reservation_page .section.price .bot .text2 { font-size: 14px; color: #1a3160; font-weight: bold; }
.recommendStock_reservation_page .section.manual { }
.recommendStock_reservation_page .section.manual .title { padding: 16px; border-bottom: 1px dashed #999; text-align: center; }
.recommendStock_reservation_page .section.manual .title .t1 { font-size: 14px; font-weight: bold; color: #292c35; }
.recommendStock_reservation_page .section.manual .title .t2 { font-size: 12px; color: #959595; margin-top: 3px; }
.recommendStock_reservation_page .section.manual .content { padding: 16px; }
.recommendStock_reservation_page .section.manual .content .number { font-size: 12px; color: #292c35; font-weight: bold; }
.recommendStock_reservation_page .section.manual .content .text { font-size: 12px; color: #707070; margin-bottom: 10px; margin-top: 5px; line-height: 1.4; }
.recommendStock_reservation_page .section.manual .content .show_btn { text-align: right; color: #eb3b3b; font-size: 12px; }
.recommendStock_reservation_page .section.manual .content .show_btn a { color: #eb3b3b; font-weight: bold; }
.recommendStock_reservation_page .section.manual .content .show_btn a.close { display: none; }
.recommendStock_reservation_page .section.manual .hidden_content { padding: 16px; border-top: 1px dashed #999; display: none; }
.recommendStock_reservation_page .section.manual .hidden_content img { width: 100%; }
.recommendStock_reservation_page .section.manual.show .content .show_btn a.open { display: none; }
.recommendStock_reservation_page .section.manual.show .content .show_btn a.close { display: inline; }
.recommendStock_reservation_page .section.manual.show .hidden_content { display: block; }
.recommendStock_reservation_page .buy_btn a { display: block; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); font-size: 18px; border-radius: 38px; background: #ed6200; color: #fff; display: inline-block; width: 100%; height: 46px; line-height: 46px; text-align: center; font-weight: bold; }
.recommendStock_reservation_page .buy_btn a img { width: 20px; height: 20px; vertical-align: middle; margin-right: 5px; }
.recommendStock_reservation_page .buy_btn a span { display: inline-block; line-height: normal; }
.recommendStock_reservation_page .buy_btn a.dis { background: #aaa; }

/* 추천주식 구매 */
.recommendStock_buy_wrap { padding: 20px; font-family: 'Noto Sans KR'; margin-bottom: 51px; }
.recommendStock_buy_page { }
.recommendStock_buy_page .stock_info { border-radius: 6px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; padding: 16px; }
.recommendStock_buy_page .stock_info .tech { margin-bottom: 5px; }
.recommendStock_buy_page .stock_info .tech span { display: inline-block; width: 27px; height: 19px; line-height: 19px; font-size: 12px; text-align: center; }
.recommendStock_buy_page .stock_info .tech span:nth-child(1) { color: #eb3b3b; border: 1px solid #eb3b3b; }
.recommendStock_buy_page .stock_info .tech span:nth-child(2) { color: #aaa; border: 1px solid #aaa; }
.recommendStock_buy_page .stock_info .name { font-size: 18px; font-weight: bold; color: #1a3160; margin-bottom: 5px; }
.recommendStock_buy_page .stock_info .name.blur { filter: blur(3px); }
.recommendStock_buy_page .stock_info .progress { padding-top: 7px; border-top: 1px solid #ccc; }
.recommendStock_buy_page .stock_info .progress > div { font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.recommendStock_buy_page .stock_info .progress > div span { display: inline-block; vertical-align: top; }
.recommendStock_buy_page .stock_info .progress > div .bar { display: inline-block; vertical-align: top; width: calc(100% - 175px); height: 18px; border-radius: 9px; margin: 2px 10px 0 10px; }
.recommendStock_buy_page .stock_info .progress > div .bar .percent { height: 100%; border-radius: 9px; }
.recommendStock_buy_page .stock_info .progress > div:nth-child(1) { color: #eb3b3b; }
.recommendStock_buy_page .stock_info .progress > div:nth-child(2) { color: #292c35; }
.recommendStock_buy_page .stock_info .progress > div:nth-child(1) .bar { background: #f8cfcf; }
.recommendStock_buy_page .stock_info .progress > div:nth-child(2) .bar { background: #ccd2e5; }
.recommendStock_buy_page .stock_info .progress > div:nth-child(1) .bar .percent { background: #eb3b3b; }
.recommendStock_buy_page .stock_info .progress > div:nth-child(2) .bar .percent { background: #292c35; }
.recommendStock_buy_page .stock_info .info { margin-top: 10px; }
.recommendStock_buy_page .stock_info .info table { border: 1px solid #a1a1a1; border-radius: 6px; border-collapse: separate; overflow: hidden; width: 100%; }
.recommendStock_buy_page .stock_info .info table thead tr th { font-size: 14px; color: #838484; background: #FCFDFF; text-align: center; height: 35px; border-right: 1px solid #a1a1a1; border-bottom: 1px solid #a1a1a1; }
.recommendStock_buy_page .stock_info .info table thead tr th:last-child { border-right: 0; }
.recommendStock_buy_page .stock_info .info table thead tr th:nth-child(1) { width: 16%; }
.recommendStock_buy_page .stock_info .info table thead tr th:nth-child(2) { width: 40%; }
.recommendStock_buy_page .stock_info .info table thead tr th:nth-child(3) { width: 22%; }
.recommendStock_buy_page .stock_info .info table thead tr th:nth-child(4) { width: 22%; }
.recommendStock_buy_page .stock_info .info table tbody tr td { font-size: 14px; color: #292c35; background: #FCFDFF; text-align: center; height: 38px; border-right: 1px solid #a1a1a1; }
.recommendStock_buy_page .stock_info .info table tbody tr td:last-child { border-right: 0; }
.recommendStock_buy_page .end_date { margin: 24px 0; text-align: center; }
.recommendStock_buy_page .end_date p:nth-child(1) { color: #e74242; font-size: 12px; }
.recommendStock_buy_page .end_date p:nth-child(2) { color: #292c35; font-size: 12px; margin-top: 5px; }
.recommendStock_buy_page .buy_btn { margin-bottom: 20px; }
.recommendStock_buy_page .buy_btn a { display: block; width: 100%; border-radius: 38px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #eb3b3b; height: 46px; font-size: 16px; color: #fff; text-align: center; }
.recommendStock_buy_page .buy_btn a img { width: 20px; height: 20px; vertical-align: top; margin-top: 13px; margin-right: 5px; }
.recommendStock_buy_page .buy_btn a span { display: inline-block; line-height: 1; vertical-align: top; margin-top: 15px; }
.recommendStock_buy_page .buy_btn a.dis { background: #aaaaaa; }
.recommendStock_buy_page .arrow_box { border-radius: 6px; background-color: #ffffff; margin-bottom: 10px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.16); }
.recommendStock_buy_page .arrow_box.show { }
.recommendStock_buy_page .arrow_box.hide { }
.recommendStock_buy_page .arrow_box .title { padding: 12.5px 16px; }
.recommendStock_buy_page .arrow_box .title .text { font-size: 14px; font-weight: bold; vertical-align: top; }
.recommendStock_buy_page .arrow_box .title .arrow { float: right; }
.recommendStock_buy_page .arrow_box .title .arrow img { width: 15px; }
.recommendStock_buy_page .arrow_box .cont { border-top: 1px dashed #c5c5c5; padding: 10px 16px; font-size: 12px; }
.recommendStock_buy_page .arrow_box .cont .btn_list { text-align: center; padding: 10px 0; }
.recommendStock_buy_page .arrow_box .cont .btn_list .btn { display: inline-block; width: 120px; height: 36px; line-height: 36px; border-radius: 18px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #f3f4f6; margin: 0 10px; }
.recommendStock_buy_page .arrow_box .cont table { width: 100%; }
.recommendStock_buy_page .arrow_box .cont table tbody tr th { padding: 6px 0; vertical-align: top; font-weight: bold; }
.recommendStock_buy_page .arrow_box .cont table tbody tr td { padding: 6px 0; vertical-align: top; }
.recommendStock_buy_page .arrow_box .cont table tbody tr td .tech1 { color: #eb3b3b; border: 1px solid #eb3b3b; display: inline-block; width: 27px; height: 19px; line-height: 19px; text-align: center; }
.recommendStock_buy_page .arrow_box .cont table tbody tr td .tech2 { color: #aaa; border: 1px solid #aaa; display: inline-block; width: 27px; height: 19px; line-height: 19px; text-align: center; }
.recommendStock_buy_page .arrow_box.show .title .arrow.up { display: block; }
.recommendStock_buy_page .arrow_box.show .title .arrow.down { display: none; }
.recommendStock_buy_page .arrow_box.show .cont { display: block; }
.recommendStock_buy_page .arrow_box.hide .title .arrow.up { display: none; }
.recommendStock_buy_page .arrow_box.hide .title .arrow.down { display: block; }
.recommendStock_buy_page .arrow_box.hide .cont { display: none; }

/* 추천주식 구매완료 */
.recommendStock_buy_in_wrap { padding: 20px; font-family: 'Noto Sans KR'; }
.recommendStock_buy_in_page { }
.recommendStock_buy_in_page .stock_info { border-radius: 6px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; padding: 16px; margin-bottom: 24px; }
.recommendStock_buy_in_page .stock_info .tech { margin-bottom: 5px; }
.recommendStock_buy_in_page .stock_info .tech span { display: inline-block; width: 27px; height: 19px; line-height: 19px; font-size: 12px; text-align: center; }
.recommendStock_buy_in_page .stock_info .tech span:nth-child(1) { color: #eb3b3b; border: 1px solid #eb3b3b; }
.recommendStock_buy_in_page .stock_info .tech span:nth-child(2) { color: #aaa; border: 1px solid #aaa; }
.recommendStock_buy_in_page .stock_info .name { font-size: 18px; font-weight: bold; color: #1a3160; margin-bottom: 5px; }
.recommendStock_buy_in_page .stock_info .progress { padding-top: 20px; border-top: 1px solid #ccc; }
.recommendStock_buy_in_page .stock_info .progress > div { font-size: 16px; font-weight: bold; margin-bottom: 20px; color: #292c35; }
.recommendStock_buy_in_page .stock_info .progress > div span { display: inline-block; vertical-align: top; }
.recommendStock_buy_in_page .stock_info .progress > div .bar { display: inline-block; vertical-align: top; width: calc(100% - 175px); height: 18px; border-radius: 9px; margin: 2px 10px 0 10px; background: #ccd2e5; }
.recommendStock_buy_in_page .stock_info .progress > div .bar .percent { height: 100%; border-radius: 9px; background: #292c35; }
.recommendStock_buy_in_page .stock_info .info { margin-top: 10px; }
.recommendStock_buy_in_page .stock_info .info table { border: 1px solid #ccc; border-radius: 6px; border-collapse: separate; width: 100%; font-size: 12px; color: #707070; }
.recommendStock_buy_in_page .stock_info .info table tbody tr th { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 30%; text-align: center; padding: 3px 0; }
.recommendStock_buy_in_page .stock_info .info table tbody tr td { border-bottom: 1px solid #ccc; text-align: center; }
.recommendStock_buy_in_page .stock_info .info table tbody tr td:nth-child(2) { width: 25%; }
.recommendStock_buy_in_page .stock_info .info table tbody tr td:nth-child(3) { width: 25%; }
.recommendStock_buy_in_page .stock_info .info table tbody tr td:nth-child(4) { width: 20%; color: #ffa200; }
.recommendStock_buy_in_page .stock_info .info table tbody tr:last-child th { border-bottom: 0; }
.recommendStock_buy_in_page .stock_info .info table tbody tr:last-child td { border-bottom: 0; }
.recommendStock_buy_in_page .arrow_box { border-radius: 6px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; margin-bottom: 12px; }
.recommendStock_buy_in_page .arrow_box .title { padding: 12.5px 16px; }
.recommendStock_buy_in_page .arrow_box .title .text { font-size: 14px; font-weight: bold; vertical-align: top; }
.recommendStock_buy_in_page .arrow_box .title .sub { font-size: 12px; color: #707070; vertical-align: top; margin-top: 3px; display: inline-block; }
.recommendStock_buy_in_page .arrow_box .title .arrow { float: right; }
.recommendStock_buy_in_page .arrow_box .title .arrow img { width: 15px; }
.recommendStock_buy_in_page .arrow_box .cont { border-top: 1px dashed #c5c5c5; padding: 10px 16px; font-size: 12px; }
.recommendStock_buy_in_page .arrow_box .cont table { width: 100%; }
.recommendStock_buy_in_page .arrow_box .cont table tbody tr td { padding: 6px 0; vertical-align: top; }
.recommendStock_buy_in_page .arrow_box .cont .board_list { border: solid 1px #c2c2c2; border-radius: 5px; }
.recommendStock_buy_in_page .arrow_box .cont .board_list .board_title { overflow: hidden; padding: 10px; }
.recommendStock_buy_in_page .arrow_box .cont .board_list .board_title .writer_image { float: left; width: 42px; }
.recommendStock_buy_in_page .arrow_box .cont .board_list .board_title .writer_image img { width: 42px; height: 42px; border-radius: 21px; }
.recommendStock_buy_in_page .arrow_box .cont .board_list .board_title .writer_info { float: left; margin-left: 10px; }
.recommendStock_buy_in_page .arrow_box .cont .board_list .board_title .writer_info .nick_name { font-size: 15px; font-weight: bold; display: block; margin-bottom: 5px; }
.recommendStock_buy_in_page .arrow_box .cont .board_list .board_title .writer_info .write_date { font-size: 12px; color: #6b6b6b; display: block; }
.recommendStock_buy_in_page .arrow_box .cont .board_list .board_content { padding: 10px; border-top: 1px dashed #ddd; }
.recommendStock_buy_in_page .arrow_box .cont .write_btn { padding: 20px 0 10px 0; }
.recommendStock_buy_in_page .arrow_box .cont .write_btn a { border-radius: 38px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #292c35; font-size: 16px; color: #fff; display: block; padding: 10px 0; text-align: center; }
.recommendStock_buy_in_page .arrow_box.show .title .arrow.up { display: none; }
.recommendStock_buy_in_page .arrow_box.show .title .arrow.down { display: block; }
.recommendStock_buy_in_page .arrow_box.show .cont { display: block; }
.recommendStock_buy_in_page .arrow_box.hide .title .arrow.up { display: block; }
.recommendStock_buy_in_page .arrow_box.hide .title .arrow.down { display: none; }
.recommendStock_buy_in_page .arrow_box.hide .cont { display: none; }

/* 추천주식 결과 */
.recommendStock_result_wrap { font-family: 'Noto Sans KR'; }
.recommendStock_result_page { }
.recommendStock_result_page .stock_name { text-align: center; margin-bottom: 24px; padding: 16px 16px 0 16px; }
.recommendStock_result_page .stock_name .tech { margin-bottom: 5px; }
.recommendStock_result_page .stock_name .tech span { display: inline-block; width: 40px; height: 22px; line-height: 22px; font-size: 15px; text-align: center; font-weight: bold; }
.recommendStock_result_page .stock_name .tech span:nth-child(1) { color: #eb3b3b; border: 1px solid #eb3b3b; }
.recommendStock_result_page .stock_name .tech span:nth-child(2) { color: #aaa; border: 1px solid #aaa; }
.recommendStock_result_page .stock_name .name { font-size: 16px; font-weight: bold; }
.recommendStock_result_page .main_section { margin-bottom: 16px; padding: 0 16px; }
.recommendStock_result_page .main_section .content_wrap { box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 6px; }
.recommendStock_result_page .main_section .content_wrap .benefit { padding: 16px; text-align: center; font-size: 14px; border-top-left-radius: 6px; border-top-right-radius: 6px; color: #fff; }
.recommendStock_result_page .main_section .content_wrap .benefit.win { background: rgba(231,31,31,0.8); }
.recommendStock_result_page .main_section .content_wrap .benefit.lose { background: rgba(31,31,231,0.8); }
.recommendStock_result_page .main_section .content_wrap .benefit.draw { background: rgba(0,0,0,0.8); }
.recommendStock_result_page .main_section .content_wrap .content { padding: 16px; min-height: 200px; background-color: #ffffff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.recommendStock_result_page .main_section .content_wrap .content img { max-width: 100%; }
.recommendStock_result_page .arrow_box { border-radius: 6px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; margin-bottom: 12px; margin: 0 16px 12px 16px; }
.recommendStock_result_page .arrow_box .title { padding: 12.5px 16px; }
.recommendStock_result_page .arrow_box .title .text { font-size: 14px; font-weight: bold; vertical-align: top; }
.recommendStock_result_page .arrow_box .title .sub { font-size: 12px; color: #707070; vertical-align: top; margin-top: 3px; display: inline-block; }
.recommendStock_result_page .arrow_box .title .arrow { float: right; }
.recommendStock_result_page .arrow_box .title .arrow img { width: 15px; }
.recommendStock_result_page .arrow_box .cont { border-top: 1px dashed #c5c5c5; padding: 10px 16px; font-size: 12px; }
.recommendStock_result_page .arrow_box .cont table { width: 100%; }
.recommendStock_result_page .arrow_box .cont table tbody tr td { padding: 6px 0; vertical-align: top; }
.recommendStock_result_page .arrow_box .cont .board_list { border: solid 1px #c2c2c2; border-radius: 5px; margin: 16px 0; }
.recommendStock_result_page .arrow_box .cont .board_list .board_title { overflow: hidden; padding: 10px; }
.recommendStock_result_page .arrow_box .cont .board_list .board_title .writer_image { float: left; width: 42px; }
.recommendStock_result_page .arrow_box .cont .board_list .board_title .writer_image img { width: 42px; height: 42px; border-radius: 21px; }
.recommendStock_result_page .arrow_box .cont .board_list .board_title .writer_info { float: left; margin-left: 10px; }
.recommendStock_result_page .arrow_box .cont .board_list .board_title .writer_info .nick_name { font-size: 15px; font-weight: bold; display: block; margin-bottom: 5px; }
.recommendStock_result_page .arrow_box .cont .board_list .board_title .writer_info .write_date { font-size: 12px; color: #6b6b6b; display: block; }
.recommendStock_result_page .arrow_box .cont .board_list .board_content { padding: 10px; border-top: 1px dashed #ddd; }
.recommendStock_result_page .arrow_box .cont .board_list .board_content img { max-width: 100%; }
.recommendStock_result_page .arrow_box .cont .write_btn { padding: 20px 0 10px 0; }
.recommendStock_result_page .arrow_box .cont .write_btn a { border-radius: 38px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #292c35; font-size: 16px; color: #fff; display: block; padding: 10px 0; text-align: center; }
.recommendStock_result_page .arrow_box.show .title .arrow.up { display: block; }
.recommendStock_result_page .arrow_box.show .title .arrow.down { display: none; }
.recommendStock_result_page .arrow_box.show .cont { display: block; }
.recommendStock_result_page .arrow_box.hide .title .arrow.up { display: none; }
.recommendStock_result_page .arrow_box.hide .title .arrow.down { display: block; }
.recommendStock_result_page .arrow_box.hide .cont { display: none; }
.recommendStock_result_page .banner { margin-top: 16px; background: #ffb300; text-align: center; }
.recommendStock_result_page .banner img { width: 360px; vertical-align: top; }


/* 레이아웃 팝업 */
.recommend_popup { position: fixed; top: 20%; left: 10%; width: 80%; border-radius: 6px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #ffffff; display: none; z-index: 20; }
.recommend_popup .title { text-align: center; padding: 16px 0; border-bottom: 1px solid #dfdfdf; }
.recommend_popup .title span { font-size: 12px; }
.recommend_popup .content { text-align: center; padding: 16px; }
.recommend_popup .content .vertical { display: table; width: 100%; min-height: 120px; }
.recommend_popup .content .vertical .middle { display: table-cell; vertical-align: middle; }
.recommend_popup .content .vertical .middle img { width: 20%; margin-bottom: 5px; }
.recommend_popup .content .vertical .middle span { font-size: 12px; }
.recommend_popup .btn_list { padding: 0 16px 16px 16px; text-align: center; }
.recommend_popup .btn_list .btn { display: inline-block; border-radius: 38px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background-color: #292c35; width: 120px; height: 36px; line-height: 36px; font-size: 14px; color: #fff; margin: 0 2px; }
.recommend_popup .btn_list .btn.cancel { background-color: #eb3b3b; }


/* 실시간 종가추천 구매정보 */
.sec_recommendStock { user-select: none; }
.sec_recommendStock h3 .more { color: #aaa; font-size: 12px; font-weight: 300; margin-left: 5px; vertical-align: middle; }
.sec_recommendStock h3 span { font-weight: 100; margin-left: 5px; color: #aaa; font-size: 15px; }
.sec_recommendStock .bay1_body { border-bottom: 1px solid #f2f2f2; }
.sec_recommendStock div.list_none { padding: 30px 0px; text-align: center; }
.sec_recommendStock ul.list li { position: relative; margin: 0 15px; border-top: 1px solid #f2f2f2; font-size: 15px; }
.sec_recommendStock ul.list li.list_none { padding: 30px 0px; text-align: center; border-top: 0px; }
.sec_recommendStock ul.list li:first-child { border: 0px; }
.sec_recommendStock ul.list li a { display: block; padding: 12px 105px 10px 15px; margin: 0 -15px; color: #222; font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; letter-spacing: -1px; line-height: 1.267em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sec_recommendStock ul.list li span.type { padding: 2px 3px 0px 2px; border: 1px solid #ea6363; color: #ea6363; font-size: 13px; margin-right: 3px }
.sec_recommendStock ul.list li span.type.free { border-color: #16b95a; color: #16b95a; margin-right: 6px; }
.sec_recommendStock ul.list li span.type.free.non-right { margin-right: 3px; }
.sec_recommendStock ul.list li span.type2 { padding: 2px 3px 0px 2px; border: 1px solid #aaa; color: #aaa; font-size: 13px; margin-right: 3px }
.sec_recommendStock ul.list li span.date { display: inline-block; min-width: 40px; color: #949494; font-weight: 300; }
.sec_recommendStock ul.list li span.name { position: relative; margin-left: 5px; }
.sec_recommendStock ul.list li span.name.none { filter: blur(2.7px); }
.sec_recommendStock ul.list li span.rec_code { color: #aaa; font-size: 12px; margin-left: 5px; letter-spacing: -0.5px; }
.sec_recommendStock ul.list li span.number { position: absolute; top: 12px; right: 0px; padding-left: 12px; font-weight: 300; color: #949494; }
.sec_recommendStock ul.list li span.number:before { content: ""; display: block; width: 1px; height: 12px; position: absolute; top: 50%; left: 0; margin-top: -7px; background-color: #eee; }
.sec_recommendStock ul.list li span.number img { vertical-align: middle; width: 13px; }
.sec_recommendStock ul.list li span.number span { vertical-align: middle; }
.sec_recommendStock ul.list li span.number.have { color: #353948; }
.sec_recommendStock ul.list li span.number.stop { color: #ccc; }
.sec_recommendStock ul.list li span.number.linear-wipe { text-align: center; background: linear-gradient(to right, #d3d3d3 20%, #d3d3d3 40%, #d3d3d3 60%, #353948 99%); background-size: 200% auto; color: #000; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 1.5s linear infinite alternate; }
.sec_recommendStock ul.list li span.playing { position: absolute; top: -1px; right: 4px; color: red; font-size: 6px; }
.sec_recommendStock ul.list li span.playing img { width: 3px; }
.sec_recommendStock ul.list li span.pasuing { position: absolute; top: -1px; right: 4px; color: red; font-size: 6px; }
.sec_recommendStock ul.list li span.pasuing img { width: 3px; }
.sec_recommendStock ul.list li.add_list { text-align: center; }
.sec_recommendStock ul.list li.add_list a { margin: 0px -15px; padding: 15px 0px; color: #aaa }
.sec_recommendStock ul.list_result { }
.sec_recommendStock ul.result_list li { position: relative; margin: 0 15px; border-top: 1px solid #f2f2f2; font-size: 15px; }
.sec_recommendStock ul.result_list li:first-child { border: 0px; }
.sec_recommendStock ul.result_list li a { display: block; padding: 11px 120px 10px 15px; margin: 0 -15px; color: #222; font-family: HelveticaNeue-Light,AppleSDGothicNeo-Light,sans-serif; letter-spacing: -1px; line-height: 1.267em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sec_recommendStock ul.result_list li span.date { display: inline-block; min-width: 40px; color: #949494; font-weight: 300; }
.sec_recommendStock ul.result_list li span.type { padding: 2px 3px 0px 2px; border: 1px solid #ea6363; color: #ea6363; font-size: 13px; margin-right: 3px }
.sec_recommendStock ul.result_list li span.type.free { border-color: #16b95a; color: #16b95a; margin-right: 2px; }
.sec_recommendStock ul.result_list li span.stockName { display: inline-block; }
.sec_recommendStock ul.result_list li span.rec_code { color: #aaa; font-size: 12px; margin-left: 1px; margin-right: 3px; letter-spacing: -0.5px; }
.sec_recommendStock ul.result_list li span.number { display: inline-block; font-family: arial; font-weight: 500; color: #ff3131; margin-left: 4px; }
.sec_recommendStock ul.result_list li span.number.blue { color: #3596ff; }
.sec_recommendStock ul.result_list li span.number.red { color: #ff3535; }
.sec_recommendStock ul.result_list li span.number.normal { color: #000; }
.sec_recommendStock ul.result_list li span.btn { position: absolute; top: 11px; right: 0px; padding-left: 12px; font-weight: 300; color: #949494; font-size: 15px; }
.sec_recommendStock ul.result_list li span.btn:before { content: ""; display: block; width: 1px; height: 12px; position: absolute; top: 50%; left: 0; margin-top: -7px; background-color: #e8e8e8; }
.sec_recommendStock ul.result_list li span.btn img { vertical-align: middle; width: 13px; }
.sec_recommendStock ul.result_list li span.btn span { vertical-align: middle; }
.sec_recommendStock ul.result_list li span.btn.emphasis { color: #000; font-weight: bold; }
.sec_recommendStock ul.result_list li.add_list { text-align: center; }
.sec_recommendStock ul.result_list li.add_list a { margin: 0px -15px; padding: 15px 0px; color: #aaa }
.sec_recommendStock .introduce { position: relative; padding: 10px 25px; font-size: 19px; background: #262933; background: #bccad7; }
.sec_recommendStock .introduce h4 { padding: 18px 0px 15px; color: #212121; font-size: 19px; font-weight: bold; letter-spacing: -1px; }
.sec_recommendStock .introduce .head { padding: 20px 0px 5px; }
.sec_recommendStock .introduce .head .sub { }
.sec_recommendStock .introduce .head .main { padding-top: 13px; }
.sec_recommendStock .introduce .head span { color: #fff; vertical-align: middle; }
.sec_recommendStock .introduce .head span.type { padding: 2px 3px 0px 2px; border: 1px solid #ea6363; color: #ea6363; font-size: 13px; margin-right: 3px }
.sec_recommendStock .introduce .head span.type.free { border-color: #16b95a; color: #16b95a; }
.sec_recommendStock .introduce .head span.type2 { padding: 2px 3px 0px 2px; border: 1px solid #aaa; color: #aaa; font-size: 13px; margin-right: 3px }
.sec_recommendStock .introduce .head span.name { font: 20px dotum; }
.sec_recommendStock .introduce .head span.name.none { filter: blur(3.7px); }
.sec_recommendStock .introduce .body { padding: 5px 0px 10px; }
.sec_recommendStock .introduce .body .graph { overflow: hidden; padding: 5px 0px 5px; }
.sec_recommendStock .introduce .body .graph .type1 { overflow: hidden; height: 25px; }
.sec_recommendStock .introduce .body .graph .type1 span.title { display: block; float: left; width: 75px; padding-top: 1px; color: #888; font-size: 15px; }
.sec_recommendStock .introduce .body .graph .type1 span.figure { display: block; float: left; width: calc(100% - 75px - 70px - 40px); height: 15px; background: #191b21; border-radius: 8px; margin: 3px 0px 0px 7px; }
.sec_recommendStock .introduce .body .graph .type1 span.figure .bar { display: block; background: #eb3b3b; width: 80.31%; height: 15px; border-radius: 8px; }
.sec_recommendStock .introduce .body .graph .type1 span.number { float: right; width: 80px; padding-top: 2px; color: #eb3b3b; text-align: right; }
.sec_recommendStock .introduce .body .graph .type2 { overflow: hidden; height: 25px; }
.sec_recommendStock .introduce .body .graph .type2 span.title { display: block; float: left; width: 75px; padding-top: 2px; color: #888; font-size: 15px; }
.sec_recommendStock .introduce .body .graph .type2 span.figure { display: block; float: left; width: calc(100% - 75px - 70px - 40px); height: 15px; background: #191b21; border-radius: 8px; margin: 3px 0px 0px 7px; }
.sec_recommendStock .introduce .body .graph .type2 span.figure .bar { display: block; background: #77b5e2; width: 32.40%; height: 15px; border-radius: 8px; }
.sec_recommendStock .introduce .body .graph .type2 span.number { float: right; width: 100px; padding-top: 2px; padding-right: 0px; color: #a6d4f6; text-align: right; font: 15px tahoma; text-align: right; }
.sec_recommendStock .introduce .body .graph .type3 { overflow: hidden; height: 25px; }
.sec_recommendStock .introduce .body .graph .type3 span.title { display: block; float: left; width: 75px; padding-top: 2px; color: #888; font-size: 15px; }
.sec_recommendStock .introduce .body .graph .type3 span.figure { display: block; float: left; width: calc(100% - 75px - 70px - 40px); height: 15px; background: #191b21; border-radius: 8px; margin: 3px 0px 0px 7px; }
.sec_recommendStock .introduce .body .graph .type3 span.figure .bar { display: block; background: #16b95a; width: 32.40%; height: 15px; border-radius: 8px; }
.sec_recommendStock .introduce .body .graph .type3 span.number { float: right; width: 100px; padding-top: 2px; padding-right: 0px; color: #16b95a; text-align: right; font: 15px tahoma; text-align: right; }
.sec_recommendStock .introduce .body .stockinfo { position: relative; padding: 10px 0px 10px; color: #fff; }
.sec_recommendStock .introduce .body .stockinfo #countdown { padding: 15px 0px; letter-spacing: 0px; color: #fff; }
.sec_recommendStock .introduce .body .stockinfo table { width: 100%; color: #888; font: 13px malgun gothic }
.sec_recommendStock .introduce .body .stockinfo table tbody tr th { padding: 7px 5px 4px; border: 1px solid #3a424f; text-align: center }
.sec_recommendStock .introduce .body .stockinfo table tbody tr td { padding: 8px 5px; border: 1px solid #3a424f; text-align: center; color: #fff; font-weight: 800; }
.sec_recommendStock .introduce .body .subinfo { padding: 15px 0px 20px; color: #888; text-align: center; }
.sec_recommendStock .introduce .body .subinfo .starNum { color: #fff; }
.sec_recommendStock .introduce .body .subinfo .haveExpn { margin-top: 5px; }
.sec_recommendStock .introduce .body .subinfo .haveExpn .day { color: #fff; }
.sec_recommendStock .introduce .body .info { margin-top: 20px; font-size: 13px; }
.sec_recommendStock .introduce .body .info .box { display: inline-block; width: 24%; height: 60px; padding: 7px 10px; border: 1px solid #444; color: #bbb; box-sizing: border-box; -webkit-box-sizing: border-box; }
.sec_recommendStock .introduce .body .info .box .title { display: block; text-align: center; color: #444; }
.sec_recommendStock .introduce .body .info .box .title img { width: 18px; }
.sec_recommendStock .introduce .body .info .box .value { display: block; padding-top: 5px; text-align: center; font-size: 15px; color: #fff; }
.sec_recommendStock ul.sub_menu { background: #fff; overflow: hidden; }
.sec_recommendStock ul.sub_menu li { float: left; width: 33.33%; box-sizing: border-box; text-align: center; color: #000; }
.sec_recommendStock ul.sub_menu li a { display: block; }
.sec_recommendStock ul.sub_menu li a span { display: inline-block; padding: 15px 10px 10px; border-bottom: 5px solid #fff; }
.sec_recommendStock ul.sub_menu li.selected a span { border-bottom: 5px solid #262933; }
.sec_recommendStock .rsv_info { position: relative; padding: 15px 0px 5px; }
.sec_recommendStock .rsv_info h5 { font: bold 18px dotum; color: #eee; margin-top: 25px; }
.sec_recommendStock .rsv_info.version2 h5 { color: #131622; }
.sec_recommendStock .rsv_info h5:first-child { margin-top: 5px; }
.sec_recommendStock .rsv_info p { padding: 10px 0px 15px; color: #aaa; font: 16px dotum; }
.sec_recommendStock .rsv_info.version2 p { color: #101417; }
.sec_recommendStock .rsv_info p.diagram img { width: 50%; }
.sec_recommendStock .rsv_info p.diagram_expn { position: absolute; top: 270px; left: 55%; }
.sec_recommendStock .rsv_info p.diagram_expn span { display: block; font: 15px tahoma; }
.sec_recommendStock .rsv_info p.diagram_expn span.title { height: 20px; font-weight: 200; color: #aaa; }
.sec_recommendStock .rsv_info p.diagram_expn span.cnt { height: 24px; font: bold 14px tahoma; color: #eee; }
.sec_recommendStock.buyin .introduce .strategy { position: relative; padding: 15px 0px; color: #fff; }
.sec_recommendStock.buyin .introduce .strategy #countdown { padding: 15px 0px; letter-spacing: 0px; color: #fff; }
.sec_recommendStock.buyin .introduce .strategy table { width: 100%; color: #888; font: 14px malgun gothic }
.sec_recommendStock.buyin .introduce .strategy table tbody tr th { padding: 5px 10px; border: 1px solid #3a424f; text-align: left; }
.sec_recommendStock.buyin .introduce .strategy table tbody tr td { padding: 5px 10px; border: 1px solid #3a424f; text-align: left; color: #fff; font-weight: 800; }
.sec_recommendStock.buyin .introduce .strategy table tbody tr:first-child th { border-bottom: 0px; }
.sec_recommendStock.buyin .introduce .strategy table tbody tr:first-child td { border-bottom: 0px; }
.sec_recommendStock.buyin .introduce .strategy table tbody tr.impt th { border: 1px solid #e68f15 }
.sec_recommendStock.buyin .introduce .strategy table tbody tr.impt td { border: 1px solid #e68f15 }
.sec_recommendStock.buyin .introduce .strategy table tbody tr td .position { margin-left: 10px; }
.sec_recommendStock.buyin .introduce .strategy table tbody tr td .check { color: #ffd300; margin-left: 10px; }
.sec_recommendStock.buyin .introduce .graph { position: absolute; top: 30px; right: 15px; width: 45%; overflow: hidden; }
.sec_recommendStock.buyin .introduce .graph .title { padding-top: 2px; color: #888; font-size: 12px; text-align: right; height: 30px; }
.sec_recommendStock.buyin .introduce .graph .figure { width: calc(100%); height: 15px; background: #191b21; border-radius: 8px; }
.sec_recommendStock.buyin .introduce .graph .figure .bar { background: #77b5e2; width: 32.40%; height: 15px; border-radius: 8px; }
.sec_recommendStock.buyin .introduce .graph .number { color: #a6d4f6; text-align: right; font: 13px tahoma; padding-left: 5px; }
.sec_recommendStock.buyin .introduce .graph.free .figure { display: block; width: calc(100%); height: 15px; background: #191b21; border-radius: 8px; color: #16b95a; }
.sec_recommendStock.buyin .introduce .graph.free .figure .bar { background: #16b95a; width: 32.40%; height: 15px; border-radius: 8px; }
.sec_recommendStock.buyin .introduce .graph.free .title .number { color: #16b95a; }
.sec_recommendStock.buyin .introduce .result { }
.sec_recommendStock.buyin .introduce .result .winner { text-align: center; color: #fff; margin: 15px 0px 10px; padding: 20px 10px; border: 1px solid #e71f1f; background: rgba(231,31,31,0.8); }
.sec_recommendStock.buyin .introduce .result .normal { text-align: center; color: #fff; margin: 15px 0px 10px; padding: 20px 10px; border: 1px solid #333; background: rgba(0,0,0,1); }
.sec_recommendStock.buyin .introduce .result .loser { text-align: center; color: #fff; margin: 15px 0px 10px; padding: 20px 0px; border: 1px solid #1f1fe7; background: rgba(31,31,231,0.8); }
.sec_recommendStock.buyin .log { }
.sec_recommendStock.buyin .log li { padding: 10px 0px; margin: 0px; color: #666; font-weight: 100; }
.sec_recommendStock.buyin .log li span.date { font-size: 13px; margin-right: 5px; }
.sec_recommendStock.buyin .brdView { padding-top: 10px; }
.sec_recommendStock.buyin .brdView .body { padding: 0px 15px; }
.sec_recommendStock.buyin .brdView .body .recommend_result { text-align: center; padding-bottom: 30px; margin: 0px -15px; }
.sec_recommendStock.buyin .brdView .body .recommend_result h3 { background: #23262e; padding: 7px 0px 5px; color: #fff; border: 1px solid #292c35; font-weight: bold; }
.sec_recommendStock.buyin .brdView .body .recommend_result p { padding: 15px 0px 20px; background: #292c35; color: #d4d4d4; border: 1px solid #292c35; border-top: 0px; font: 16px/19px dotum; font-weight: 400; }
.sec_recommendStock.buyin .brdView .body .recommend_result p.red { color: #eb3b3b; }
.sec_recommendStock.expn_box { }
.sec_recommendStock.expn_box.show .bay1_head h3 { border-bottom: 1px solid #f2f2f2; }
.sec_recommendStock.expn_box.show .bay1_head h3 a .show_btn { display: none; }
.sec_recommendStock.expn_box.show .bay1_head h3 a .show_btn img { width: 15px; }
.sec_recommendStock.expn_box.show .bay1_head h3 a .hide_btn { display: inline; }
.sec_recommendStock.expn_box.show .bay1_body { display: block; }
.sec_recommendStock.expn_box .bay1_head h3 { border-bottom: 0px; }
.sec_recommendStock.expn_box .bay1_head h3 a { background: #fff; color: #000; }
.sec_recommendStock.expn_box .bay1_head h3 a .show_btn { }
.sec_recommendStock.expn_box .bay1_head h3 a .hide_btn { display: none; opacity: 0.8 }
.sec_recommendStock.expn_box .bay1_head h3 a img { width: 20px; }
.sec_recommendStock.expn_box .bay1_head h3 a span { float: right; }
.sec_recommendStock.expn_box .bay1_body { display: none; padding: 0px 15px; font-size: 16px; }
.sec_recommendStock.expn_box .table_box { width: 100%; }
.sec_recommendStock.expn_box .table_box tr { border-bottom: 1px solid #f4f4f4; }
.sec_recommendStock.expn_box .table_box tr:last-child { border: 0px; }
.sec_recommendStock.expn_box .table_box th { width: 70px; padding: 10px 0px 9px; vertical-align: top; color: #999; }
.sec_recommendStock.expn_box .table_box td { padding: 10px 0px 9px; vertical-align: top; text-align: left; color: #222; }
.sec_recommendStock.expn_box .table_box td span { vertical-align: middle; }
.sec_recommendStock.expn_box .table_box td span.pointer { color: #aaa; display: block; padding-top: 10px; }
.sec_recommendStock.expn_box .table_box td span.type { padding: 2px 3px 0px 2px; border: 1px solid #ea6363; color: #ea6363; font-size: 13px; margin-right: 3px }
.sec_recommendStock.expn_box .table_box td span.type.free { border-color: #16b95a; color: #16b95a; }
.sec_recommendStock.expn_box .table_box td span.type2 { padding: 2px 3px 0px 2px; border: 1px solid #aaa; color: #aaa; font-size: 13px; margin-right: 3px }
.sec_recommendStock.expn_box .freeClass { }
.sec_recommendStock.expn_box .freeClass p { font: 16px/140% dotum; padding: 10px 0px; }
.sec_recommendStock.expn_box .recommend_log { }
.sec_recommendStock.expn_box .recommend_log li { padding: 10px 0px 7px; margin: 0px; color: #666; font-size: 14px; overflow: hidden; }
.sec_recommendStock.expn_box .recommend_log li span.date { font-size: 13px; font-weight: 300; width: 80px; display: block; float: left; }
.sec_recommendStock.expn_box .recommend_log li span.content { width: calc(100% - 80px); display: block; float: left; }
.sec_recommendStock.expn_box .helpu { overflow: hidden; padding: 20px 0px; text-align: center }
.sec_recommendStock.expn_box .helpu span.box { position: relative; display: inline-block; padding: 12px 20px; background: #f2f2f2; border: 1px solid #eeeeee; color: #222; }
.sec_recommendStock.expn_box .helpu span.box:first-child { margin-right: 10px; }
.sec_recommendStock.expn_box .helpu span.box span.watermark { position: absolute; top: 3px; right: 3px; font: 11px dotum; color: rgb(18, 219, 89) }
.sec_recommendStock.expn_box .view_result { padding: 10px 0px 20px; white-space: normal; word-break: break-all; color: #222; font-size: 16px; line-height: 1.5; }
.sec_recommendStock.expn_box .view_result img { position: relative; display: block; max-width: calc(100% - 4px); padding: 1px; border: 1px solid #f2f2f2; }
.sec_recommendStock.expn_box .trade_diary_info { padding: 10px 0px; color: #aaa; }
.sec_recommendStock.expn_box .trade_diary_info:after { content: ''; clear: both; display: block; }
.sec_recommendStock.expn_box .trade_diary_info .left { float: left; }
.sec_recommendStock.expn_box .trade_diary_info .left li { float: left; margin-left: 0px; }
.sec_recommendStock.expn_box .trade_diary_info .right { float: right; }
.sec_recommendStock.expn_box .trade_diary_info .right li { float: right; margin-right: 0px; }
.sec_recommendStock.expn_box .trade_diary_info .right li span:hover { text-decoration: underline; cursor: pointer; }
.sec_recommendStock.expn_box .trade_diary { overflow: hidden; background: #fff; padding: 0px; user-select: none; }
.sec_recommendStock.expn_box .trade_diary:after { content: ''; clear: both; }
.sec_recommendStock.expn_box .trade_diary li { margin: 0px; padding: 15px 0px; min-height: 80px; border-top: 1px dashed #f2f2f2; }
.sec_recommendStock.expn_box .trade_diary li:first-child { }
.sec_recommendStock.expn_box .trade_diary li .member { position: absolute; top: 10px; left: 0px; width: 60px; height: 60px; padding-top: 5px; }
.sec_recommendStock.expn_box .trade_diary li .member img { width: 40px; height: 40px; border-radius: 50%; }
.sec_recommendStock.expn_box .trade_diary li .cmt { padding: 10px 0px 5px 50px; }
.sec_recommendStock.expn_box .trade_diary li .cmt h5 .writer { display: block; font-weight: bold; }
.sec_recommendStock.expn_box .trade_diary li .cmt h5 .date { display: block; padding: 1px 0px 5px; color: #888; font-size: 12px; }
.sec_recommendStock.expn_box .trade_diary li .cmt h4 { margin-top: 10px; }
.sec_recommendStock.expn_box .trade_diary li .cmt h4 a img { max-width: 95%; border: 1px solid #eee; }
.sec_recommendStock.expn_box .trade_diary li .cmt p { padding-top: 5px; color: #666; letter-spacing: -1px; }
.sec_recommendStock.expn_box .trade_diary_btn { background: #fff; padding: 5px 0px; font-size: 16px; border-top: 1px dashed #f2f2f2; }
.sec_recommendStock.expn_box .trade_diary_btn .diary_area { min-height: 50px; position: relative; margin-top: 0px; padding-top: 7px; padding-right: 150px; }
.sec_recommendStock.expn_box .trade_diary_btn .diary_area a { position: absolute; top: 0px; right: 0px; display: block; width: 120px; padding: 8px; background: #eee; border: 1px solid #e2e2e2; font-size: 12px; }
.sec_recommendStock.expn_box .trade_diary_btn .diary_area a .expn { position: absolute; top: 10px; right: 15px; text-align: right; }
.sec_recommendStock.expn_box .trade_diary_btn .diary_area a img.img { width: 30px; vertical-align: middle; }
.sec_recommendStock.expn_box .trade_diary_btn .diary_area a img.piece { color: #929bb9; width: 10px; }
.sec_recommendStock.expn_box .trade_diary_btn .diary_area a span { vertical-align: middle; }
.sec_recommendStock.expn_box .trade_diary_btn .diary_area a span.number { color: #929bb9; font-size: 11px; }
.sec_recommendStock.expn_box .trade_diary_btn .reply_area { clear: both; min-height: 85px; position: relative; margin-top: 10px; padding-right: 90px; }
.sec_recommendStock.expn_box .trade_diary_btn .reply_area textarea { width: 100%; max-width: 100%; min-height: 70px; max-height: 110px; border: 1px solid #e2e2e2; }
.sec_recommendStock.expn_box .trade_diary_btn .reply_area .btn { position: absolute; top: 0; right: 0; display: inline-block; width: 70px; height: 70px; line-height: 70px; background: #eee; border: 1px solid #e2e2e2; text-align: center; }
.sec_recommendStock.expn_box .pgn { display: block; text-align: center; height: 30px; overflow: hidden; margin: 25px 20px; white-space: nowrap; }
.sec_recommendStock.expn_box .pgn a.normal { display: inline-block; padding: 4px 3%; text-decoration: none; color: #666; border: 1px solid #aaa; border-radius: 4px; color: #aaa; }
.sec_recommendStock.expn_box .pgn a.normal span { vertical-align: middle; }
.sec_recommendStock.expn_box .pgn a.active { display: inline-block; padding: 5px 3%; color: #fff; text-decoration: none; font-weight: bold; background: #636c76; border-radius: 4px; }
.sec_recommendStock.expn_box .pgn a.active span span { vertical-align: middle; }
.sec_recommendStock.expn_box .pgn a.active span img { vertical-align: middle; }
.sec_recommendStock.expn_box .pgn a.active span img.refresh { width: 10px; opacity: 0.7; }




.sec_recommendStock.expn_box .refund_explain { font: 16px/140% dotum; padding: 10px 0px; }
.sec_recommendStock.expn_box .pay_expalain { font: 16px/140% dotum; padding: 10px 0px; }
.sec_recommendStock.payBtn { position: fixed; bottom: 0px; left: 0px; width: 100%; padding: 15px 20px; background: #ffffff; box-sizing: border-box; border-top: 1px solid #e7e7e7; opacity: 0.95; }
.sec_recommendStock.payBtn .buyBtn { position: relative; }
.sec_recommendStock.payBtn .buyBtn span { vertical-align: middle; }
.sec_recommendStock.payBtn .buyBtn img { vertical-align: middle; margin-bottom: 1px; width: 15px; }
.sec_recommendStock.payBtn .buyBtn span.btn { display: block; color: #fff; width: 100%; padding: 15px 0px; text-align: center; background: #03051a; font: bold 16px dotum; opacity: 1; }
.sec_recommendStock.payBtn .buyBtn span.btn1 { background: #03051a; }
.sec_recommendStock.payBtn .buyBtn span.btn2 { background: #03051a; }
.sec_recommendStock.payBtn .buyBtn span.btn3 { background: #03051a; }
.sec_recommendStock.payBtn .buyBtn span.btn4 { background: #03051a; }
.sec_recommendStock.payBtn .buyBtn span.btn5 { background: #03051a; }
.sec_recommendStock.payBtn .buyBtn span.btn6 { background: #03051a; }
.sec_recommendStock.payBtn .buyBtn span .reason { font-size: 12px; }
.sec_recommendStock.payBtn .buyBtn span.watermark { position: absolute; top: 6px; right: 6px; font: 11px dotum; color: rgb(18, 219, 89) }
.sec_recommendStock.help { }
.sec_recommendStock.help .head { }
.sec_recommendStock.help .body { }
.sec_recommendStock.help .body .tnt { padding: 16px 10px 15px; font-size: 18px; font-weight: 700; color: #0d1f2c; }
.sec_recommendStock.help .body .mnt { padding: 16px 10px 15px; background: #e8e8e8; font-size: 12px; font-weight: 300; color: #888; }
.sec_recommendStock.help .body .plus_info { text-align: center }
.sec_recommendStock.help .body .plus_info { padding: 30px 15px 30px; }
.sec_recommendStock.help .body .plus_info .ment1 { font-size: 18px; font-weight: bold; }
.sec_recommendStock.help .body .plus_info .ment2 { font-size: 12px; color: #aaa; margin-top: 5px; }
.sec_recommendStock.help .body .plus_info .ment3 { font-size: 14px; color: #aaa; margin-top: 20px; }
.sec_recommendStock.help .body .plus_info .ment3 .btn { display: inline-block; font-size: 16px; padding: 10px 10px; background: #142b3b; color: #fff; border-radius: 5px; }
.sec_recommendStock.help .body .plus_info .ment3 .number { display: block; margin-top: 5px; }


.diary_guide { background: #fff; padding: 20px 5px }
.diary_guide .dg_header .lelo { color: #f37333; font-weight: bold; font-size: 11px; border-bottom: 3px solid #f37333; width: 90px; height: 15px }
.diary_guide .dg_header .lelo span { padding-left: 5px }
.diary_guide .dg_header .ttl { text-align: center; border-top: 2px solid #f37333; border-bottom: 1px solid #f37333; padding: 10px 0 }
.diary_guide .dg_header .ttl .tp { font-size: 24px; color: #f37333; letter-spacing: -1px; font-weight: bold; margin-bottom: 5px }
.diary_guide .dg_header .ttl .dw { font-size: 14px; color: #666; font-weight: bold; letter-spacing: -1px }
.diary_guide .dg_body { padding: 15px 10px }
.diary_guide .dg_body .bttl { display: inline-block; background: #666; color: #fff; padding: 3px; font-size: 16px; letter-spacing: -1px; font-weight: bold; }
.diary_guide .dg_body .sttl { padding: 0 5px; color: #666; font-size: 14px; letter-spacing: -1px; font-weight: bold; margin-bottom: 10px; margin-top: 30px }
.diary_guide .dg_body .scontent { padding: 0 5px; color: #999; font-size: 12px; letter-spacing: -0.8px; line-height: 16px; margin-bottom: 10px }
.diary_guide .dg_body .simg { text-align: center; padding: 0 5px; position: relative; margin-bottom: 10px }
.diary_guide .dg_body .simg img { width: 50%; display: inline-block; vertical-align: middle }
.diary_guide .dg_body .simg .addm { display: inline-block; background: #000; padding: 5px; color: #fff; opacity: 0.5; font-size: 13px; font-weight: bold; margin-top: 5px }
.diary_guide .dg_body .slink { display: block; vertical-align: middle; background: #eee; padding: 8px; border: 1px dashed #b9b9b9; font-size: 13px; letter-spacing: -0.5px; margin: 0 5px; font-weight: bold; color: #444; margin-bottom: 10px }
.diary_guide .dg_body .slink .cc { font-size: 11px; color: #b9b9b9; margin-top: 5px; font-weight: lighter }

.pop_recommned { display: none; position: fixed; top: 50%; left: 50%; width: 280px; height: 350px; z-index: 10000; margin: -175px 0 0 -140px; }
/*.pop_recommned .loading { margin:100px auto 0px;  z-index:100000; width:56px; }*/
.pop_recommned .loading { text-align: center }
.pop_recommned .loading img { width: 25px; margin-top: 50%; }
.pop_recommned .loading .ouro { position: relative; display: inline-block; height: 56px; width: 56px; border-radius: 50%; background: none repeat scroll 0 0 #f2f2f2; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.1) inset, 0 0 12px rgba(70, 124, 220, 0.08); vertical-align: middle; margin: 0px 0px 3px 5px; }
.pop_recommned .loading .ouro_end { position: relative; display: inline-block; height: 48px; width: 48px; border-radius: 50%; background: none repeat scroll 0 0 #ddd; opacity: 0.8; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.1) inset, 0 0 12px rgba(70, 147, 220, 0.08); vertical-align: middle; margin: 0px 0px 3px 5px; }
.pop_recommned .loading .ouro:after { content: ""; position: absolute; top: 16px; left: 16px; display: block; height: 26px; width: 26px; background: none repeat scroll 0 0 #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.pop_recommned .loading .ouro > span { position: absolute; height: 100%; width: 50%; overflow: hidden; }
.pop_recommned .loading .ouro .left { left: 0 }
.pop_recommned .loading .ouro .right { left: 50% }
.pop_recommned .loading .ouro .anim { position: absolute; left: 100%; top: 0; height: 100%; width: 100%; border-radius: 999px; background: none repeat scroll 0 0 #353948; opacity: 0.8; -webkit-animation: ui-spinner-rotate-left 3s infinite; animation: ui-spinner-rotate-left 3s infinite; -webkit-transform-origin: 0 50% 0; transform-origin: 0 50% 0; }
.pop_recommned .loading .ouro .anim_end { position: absolute; left: 100%; top: 0; height: 100%; width: 100%; border-radius: 999px; background: #353948; opacity: 1; transform-origin: 0 50% 0; }
.pop_recommned .loading .ouro .left .anim { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.pop_recommned .loading .ouro .right .anim { border-bottom-right-radius: 0; border-top-right-radius: 0; left: -100%; -webkit-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; }
.pop_recommned .status { }
.pop_recommned .status .head { display: block; height: 110px; padding: 30px 30px 30px; background: url(/img/test/test_test13.png) center -35px/100% no-repeat #292c35; color: #fff; text-align: center; font: bold 20px arial; }
.pop_recommned .status .bottom { display: block; position: relative; background: #fff; }
.pop_recommned .status .bottom p.ment { padding: 20px 0px 10px; text-align: center; font: 12px/15px dotum; color: #bcbcbc; }
.pop_recommned .status .bottom p.btn { padding: 10px 10px 20px; }
.pop_recommned .status .bottom p.btn:after { content: ''; clear: both; display: block; }
.pop_recommned .status .bottom p.btn a { display: block; float: left; width: 47%; padding: 10px 0%; margin-left: 4%; text-align: center; border: 1px solid #292c35; box-sizing: border-box; }
.pop_recommned .status .bottom p.btn a.confirm { position: relative; margin-left: 0%; background: #292c35; color: #fff; }
.pop_recommned .status .bottom p.btn a.confirm span.btnInfo { position: absolute; top: 2px; right: 2px; color: #12db59; font-size: 9px; display: inline; width: unset; padding: unset; background: unset; border: unset; }
.pop_recommned .status.ready { display: none; }
.pop_recommned .status.ready .head { display: block; height: unset; padding: 15px 10px 15px; background: #292c35; color: #fff; font: bold 16px arial; text-align: left; }
.pop_recommned .status.ready .head span.point { color: red; }
.pop_recommned .status.ready .head p.difference { color: #ccc; font-size: 13px; margin-top: 5px; margin-bottom: 10px; }
.pop_recommned .status.ready .bottom { display: block; position: relative; background: #fff; }
.pop_recommned .status.ready .bottom p.btn a { width: 100%; margin-left: 0px; }
.pop_recommned .status.buy { display: none; }
.pop_recommned .status.buy .head { display: block; height: 110px; padding: 30px 30px 30px; background: url(/img/test/test_test13.png) center -35px/100% no-repeat #292c35; color: #fff; text-align: center; font: bold 20px arial; }
.pop_recommned .status.buy .bottom { display: block; position: relative; background: #fff; }
.pop_recommned .status.buy .bottom p.ment { padding: 20px 0px 10px; text-align: center; font: 12px/15px dotum; color: #bcbcbc; }
.pop_recommned .status.buy .bottom p.btn { padding: 10px 10px 20px; }
.pop_recommned .status.buy .bottom p.btn:after { content: ''; clear: both; display: block; }
.pop_recommned .status.buy .bottom p.btn a { display: block; float: left; width: 47%; padding: 10px 0%; margin-left: 4%; text-align: center; border: 1px solid #292c35; box-sizing: border-box; }
.pop_recommned .status.buy .bottom p.btn a.confirm { position: relative; margin-left: 0%; background: #292c35; color: #fff; }
.pop_recommned .status.buy .bottom p.btn a.confirm span.btnInfo { position: absolute; top: 2px; right: 2px; color: #12db59; font-size: 9px; display: inline; width: unset; padding: unset; background: unset; border: unset; }
.pop_recommned .pop_box { }
.pop_recommned .pop_box.precaution { display: none; background: #fff; }
.pop_recommned .pop_box.precaution p.content { padding: 20px; background: #fff; color: #000; border-bottom: 1px solid #d8d8d8 }
.pop_recommned .pop_box.precaution p.btn { padding: 15px 10px; background: #d3d3d3; }
.pop_recommned .pop_box.precaution p.btn:after { content: ''; clear: both; display: block; }
.pop_recommned .pop_box.precaution p.btn a { display: block; float: left; width: 100%; padding: 10px 0%; margin: 0px 4%; text-align: center; border: 1px solid #292c35; box-sizing: border-box; }
.pop_recommned .pop_box.precaution p.btn a.confirm { position: relative; margin-left: 0%; background: #292c35; color: #fff; }
.pop_recommned .pop_box.precaution p.btn a.confirm span.btnInfo { position: absolute; top: 2px; right: 2px; color: #12db59; font-size: 9px; display: inline; width: unset; padding: unset; background: unset; border: unset; }
.pop_recommned .pop_box.cscenter { display: none; }

/*-----------------------------------------------------------------------
    
    section : benefit

-----------------------------------------------------------------------*/

.md_benefit { background-color: #f2f2f2; font-family: dotum; }
.md_benefit .exMent { background-color: #fff; border-bottom: 1px solid #e5e5e5; padding: 15px; font-size: 14px; line-height: 18px; color: #444; letter-spacing: -0.3px }
.md_benefit .exMent span { color: #ff0300; font-weight: bold }
.md_benefit .bf_Cont { margin-top: 10px; }
.md_benefit .bf_Cont .selectClass { padding: 15px; background: #fff; border-bottom: 1px solid #ddd }
.md_benefit .bf_Cont .selectClass select { width: 48%; height: 40px; margin-right: 2%; vertical-align: middle; text-indent: 5px; font-size: 14px; font-family: Dotum; box-sizing: border-box }
.md_benefit .bf_Cont .selectClass select:last-child { margin-right: 0 }
.md_benefit .bf_Cont .selectClass p { font-size: 15px; color: #444; margin-bottom: 5px; }
.md_benefit .bf_Cont .selectClass p span { display: inline-block; width: 48%; margin-left: 1%; margin-right: 2% }
.md_benefit .bf_Cont .selectClass p span:last-child { margin-right: 0 }
.md_benefit .bf_Cont .result { overflow: hidden; margin-top: 10px; padding: 15px; background-color: #fff; border-bottom: 1px solid #e5e5e5; }
.md_benefit .bf_Cont .result .graph { width: 100%; background: #fff }
.md_benefit .bf_Cont .result .graph .th { padding-top: 10px; padding-bottom: 20px; font-size: 16px; color: #666; border-bottom: 1px solid #e8e8e8; text-align: center; letter-spacing: -0.3px }
.md_benefit .bf_Cont .result .graph .th .v { color: #444; font-weight: 600; }
.md_benefit .bf_Cont .result .graph .td { padding: 10px 0 }
.md_benefit .bf_Cont .result .graph .td .chart_image { height: 200px; display: none; }
.md_benefit .bf_Cont .result .graph .td .loading_image { text-align: center; margin: 50px 0; font-size: 13px; color: #999 }
.md_benefit .bf_Cont .result .graph .td .loading_image img { width: 40px; margin-bottom: 5px }
.md_benefit .bf_Cont .result .graph .td .pt_vipResult .bf_Cont .result .box { float: left; width: 258px; margin-left: 0px; }
.md_benefit .bf_Cont .result .box .body { position: relative; padding: 15px; background: #fff; border: 1px solid #e8e8e8; font-size: 13px; overflow: hidden }
.md_benefit .bf_Cont .result .box .body .expn { position: relative; overflow: hidden; margin-bottom: 10px; font-size: 14px }
.md_benefit .bf_Cont .result .box .body .expn:last-child { margin-bottom: 0px }
.md_benefit .bf_Cont .result .box .body .expn .left { display: inline-block; float: left; color: #666 }
.md_benefit .bf_Cont .result .box .body .expn .left .sub { display: inline-block; color: #aaa; font-size: 12px }
.md_benefit .bf_Cont .result .box .body .expn .right { display: inline-block; float: right; font-weight: bold }
.md_benefit .bf_Cont .result .box .body .expn .right .red { color: #f00; }
.md_benefit .bf_Cont .result .box .body .expn .right .blue { color: #00f; }
.md_benefit .bf_Cont .result .box .body .line { border-bottom: 1px dashed #e5e5e5; width: 100%; margin-bottom: 10px; }
.md_benefit .bf_Cont .sellStock { overflow: hidden; background: #fff; border: 1px solid #e8e8e8; padding: 15px; margin-top: 15px; }
.md_benefit .bf_Cont .sellStock .head { position: relative; padding-bottom: 15px; font-size: 18px; color: #444; border-bottom: 1px solid #e5e5e5; text-align: center; font-weight: bold }
.md_benefit .bf_Cont .sellStock .body { background: #fff; overflow: hidden; border-top: none; }
.md_benefit .bf_Cont .sellStock .body li { overflow: hidden; border-bottom: 1px solid #e8e8e8 }
.md_benefit .bf_Cont .sellStock .body li.loading { text-align: center; margin: 50px 0; font-size: 13px; color: #999; border-bottom: none }
.md_benefit .bf_Cont .sellStock .body li.loading img { width: 40px; text-align: center; margin-bottom: 10px }
.md_benefit .bf_Cont .sellStock .body li.selected { background: #f2f2f2; color: #000 }
.md_benefit .bf_Cont .sellStock .body li div.title { padding: 15px 0; overflow: hidden }
.md_benefit .bf_Cont .sellStock .body li div.title div { display: inline-block; text-align: center }
.md_benefit .bf_Cont .sellStock .body div.title .left { float: left; width: 80% }
.md_benefit .bf_Cont .sellStock .body div.title .line { width: 90%; height: 1px; border-bottom: 1px dashed #e5e5e5; margin: 11px 0 }
.md_benefit .bf_Cont .sellStock .body div.title .eachGroup { width: 40%; float: left; color: #c53929; font-weight: bold; font-size: 14px }
.md_benefit .bf_Cont .sellStock .body div.title .stockName { width: 60%; float: left; font-size: 14px; font-weight: bold }
.md_benefit .bf_Cont .sellStock .body div.title .sellDate { width: 44%; float: left; font-size: 11px }
.md_benefit .bf_Cont .sellStock .body div.title .stockEarn { width: 28%; float: left; font-size: 11px }
.md_benefit .bf_Cont .sellStock .body div.title .stockWEarn { width: 28%; float: left; font-size: 11px }
.md_benefit .bf_Cont .sellStock .body div.title .major { font-size: 12px; margin-top: 5px }
.md_benefit .bf_Cont .sellStock .body .listSingle div.title .stockName { width: 100%; float: left; font-size: 14px; font-weight: bold }
.md_benefit .bf_Cont .sellStock .body div.title .moreSee { float: left; width: 20%; font-size: 12px; color: #000 }
.md_benefit .bf_Cont .sellStock .body li div.title .moreSee span { display: inline-block; background-color: #c53929; cursor: pointer; width: 100%; height: 55px; padding-top: 20px; color: #fff; font-weight: bold; border-radius: 5px }
.md_benefit .bf_Cont .sellStock .body li div.title div p.top { font-size: 11px; color: #777 }
.md_benefit .bf_Cont .sellStock .body li div.title div p.red { color: red }
.md_benefit .bf_Cont .sellStock .body li div.title div p.blue { color: blue }
.md_benefit .bf_Cont .sellStock .body li div.title.selected .moreSee span { background: #eee; color: #787878; border: 1px solid #e8e8e8 }
.md_benefit .bf_Cont .sellStock .body li div.content { display: none; padding-bottom: 15px; line-height: 1.3; }
.md_benefit .bf_Cont .sellStock .body li div.content table { width: 100% }
.md_benefit .bf_Cont .sellStock .body li div.content thead tr td { font-size: 11px; text-align: center; border: 1px solid #e8e8e8; padding: 10px 0; width: 25%; background: #eaeaea; color: #aaa; }
.md_benefit .bf_Cont .sellStock .body li div.content tbody tr th { padding: 5px 0; text-align: center; border: 1px solid #e8e8e8; font-size: 12px; background: #fff }
.md_benefit .bf_Cont .sellStock .body li div.title .highEarn { font-weight: bold }
.md_benefit .bf_Cont .sellStock .paneN { text-align: center; margin-top: 30px; cursor: pointer }
.md_benefit .bf_Cont .sellStock .paneN ul li { display: inline-block; margin: 0 7px; }
.md_benefit .bf_Cont .sellStock .paneN ul li span { color: #aaa; }
.md_benefit .bf_Cont .sellStock .paneN ul li span.selected { color: #000; font-weight: bold; }

/*-----------------------------------------------------------------------
    
    activity : md_sitemap (퀵메뉴)

-----------------------------------------------------------------------*/

.md_sitemap { overflow: hidden; box-sizing: border-box; }
.md_sitemap div.q_freeapply { width: 100%; height: 100%; background: url("/img/2018/cr_banner_viptrail.png")no-repeat center top; background-size: 100%; padding-top: 47%; position: relative; overflow: hidden; border: 0px; }
.md_sitemap div.q_freeapply a { height: 100%; }
.md_sitemap ul.gathering { background-color: #f2f2f2; overflow: hidden; margin-top: 10px; }
.md_sitemap ul.gathering li { box-sizing: border-box; text-align: center; margin: 0 auto; float: left; border: 1px solid #f6f6f6; width: 25%; height: 90px; background-color: #fff; border-left: none; border-bottom: 0px; }
.md_sitemap ul.gathering li a { display: block; width: 100%; padding: 20px 0; }
.md_sitemap ul.gathering li a p { font-size: 14px; color: #666; }
.md_sitemap ul.gathering li a .bold { font-weight: bold; }
.md_sitemap ul.gathering li a em { position: relative; display: inline-block; }
.md_sitemap ul.gathering li a em img { height: 30px; opacity: 0.6; }
.md_sitemap ul.gathering li a em .new { position: absolute; top: -4px; right: -20px; font-size: 10px; background: #ff0030; color: #fff; padding: 2px 4px; z-index: 999; }
.md_sitemap ul.gathering li a em .red_point { width: 6px; height: 6px; border-radius: 3px; background: #f00; display: none; position: absolute; top: 2px; right: 2px; }
.md_sitemap ul.gathering li:nth-child(1) { border-top: 0px; }
.md_sitemap ul.gathering li:nth-child(2) { border-top: 0px; }
.md_sitemap ul.gathering li:nth-child(3) { border-top: 0px; }
.md_sitemap ul.gathering li:nth-child(4) { border-top: 0px; }

/*-----------------------------------------------------------------------
    
    section : md_consult

-----------------------------------------------------------------------*/

.md_consult { background: #f4f4f4; color: #000; }
.md_consult .header { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; border-bottom: 1px solid #eee; background: #fff; }
.md_consult .header .title { margin-top: 12px; text-align: center }
.md_consult .header .title span { margin-left: 15px; font-size: 18px; font-weight: bold; }
.md_consult .header .title img { width: 15px; }
.md_consult .header .pop_menu { position: absolute; top: 16px; right: 16px; }
.md_consult .header .pop_menu img.pop { width: 18px; margin-right: 10px; }
.md_consult .header .pop_menu img.slide { width: 18px; }
.md_consult .submenu { background: #fff; border-bottom: 1px solid #ddd; }
.md_consult .submenu ul { overflow: hidden; }
.md_consult .submenu ul li { float: left; width: 50%; text-align: center; font: bold 16px dotum; letter-spacing: -1px; }
.md_consult .submenu ul li.selected { border-bottom: 1px solid #000; }
.md_consult .submenu ul li a { display: block; padding-top: 17px; height: 40px; }
.md_consult .banner { width: 100%; border-bottom: 1px solid #e7e7e7; }
.md_consult .banner img { width: 100%; border-bottom: 1px solid #e8e8e8; vertical-align: middle }
.md_consult .apply { margin-top: 10px; margin-bottom: 10px; background: #fff; min-height: 100px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 20px 0 }
.md_consult .apply .input { position: relative; background-color: #fff; }
.md_consult .apply .input input { outline-style: none; border: 1px solid #e8e8e8; background-color: #fdfdfd; font-size: 15px; text-indent: 10px; height: 30px; box-sizing: border-box; overflow: hidden }
.md_consult .apply .input .nipt { width: 90%; margin: 0 auto 10px }
.md_consult .apply .input .nipt input.name { height: 45px; width: 100%; }
.md_consult .apply .input .pipt { width: 90%; margin: 0 auto 10px }
.md_consult .apply .input .pipt input.fp { height: 45px; width: 25%; vertical-align: middle }
.md_consult .apply .input .pipt input.bp { height: 45px; width: 73%; margin-left: 2%; vertical-align: middle }
.md_consult .apply .btn { text-align: center; overflow: hidden; width: 90%; margin: 15px auto 0 }
.md_consult .apply .btn img { width: 90%; }
.md_consult .apply .btn .kakao { display: inline-block; float: left; width: 50%; vertical-align: middle }
.md_consult .apply .btn .phone { display: inline-block; float: right; width: 50%; vertical-align: middle }
.md_consult .list { padding-top: 10px; background: #fff; margin-top: 10px; }
.md_consult .list .caption { margin-top: 15px; margin-left: 20px; font-weight: bold; font-size: 18px; }
.md_consult .list .caption span { color: #ed2b2b }
.md_consult .list ul { padding: 10px; font-size: 14px; }
.md_consult .list ul li { border: 1px solid #eee; overflow: hidden; color: #000; }
.md_consult .list ul li span { float: left; width: 25%; display: inline-block; text-align: center }
.md_consult .list ul li span.date { width: 20%; }
.md_consult .list ul li span.name { width: 15%; letter-spacing: 1px; }
.md_consult .list ul li span.phone { width: 40%; letter-spacing: 1px; }
.md_consult .list ul li span.comp { color: #ed2b2b }
.md_consult .list ul li span.nocomp { }
.md_consult .question { margin-top: 15px; background: #fff; min-height: 300px; margin-bottom: 10px; }
.md_consult .question h4 { padding: 0px 0px; }
.md_consult .question h4 input { font-size: 18px; height: 50px; outline: none }
.md_consult .question .content { }
.md_consult .question .content textarea { font-size: 16px; min-height: 200px; }
.md_consult .question .function p { height: 30px; }
.md_consult .ap_Content { overflow-y: auto; background-color: #fff }
.md_consult .ap_Content .title_Ipt input { width: 100%; height: 60px; text-indent: 15px; border: none; border-bottom: 1px solid #e8e8e8; outline-style: none; font-size: 16px; }
.md_consult .ap_Content .cont_Ipt { padding: 15px; background-color: #fff; border-bottom: 1px solid #e8e8e8 }
.md_consult .ap_Content .cont_Ipt textarea { width: 100%; height: 218px; border: none; resize: none; outline-style: none; font-family: 'Noto Sans KR'; font-size: 16px; color: #777 }
.md_consult .ap_Content .sms_Agree { margin: 15px 0 0 5%; background-color: #fff }
.md_consult .ap_Content .sms_Agree input[type="checkbox"] { display: none; }
.md_consult .ap_Content .sms_Agree label { cursor: pointer; vertical-align: middle; color: #777; font-size: 13px; }
.md_consult .ap_Content .sms_Agree input[type="checkbox"] + label:before { border-radius: 4px; background: #b4b6bc; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 15px; padding-top: 3px; width: 18px; margin: 0 7px 3px 0; vertical-align: middle }
.md_consult .ap_Content .sms_Agree input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; }
.md_consult .ap_Content .send_Btn { display: inline-block; width: 90%; height: 60px; line-height: 60px; border: 1px solid #b9b9b9; text-align: center; color: #777; font-size: 17px; transition: 0.3s; margin: 10px 0 20px 5% }
.md_consult .ap_Content .send_Btn:hover { background-color: #ff0030; color: #fff; border: 1px solid #ff0030 }
.md_consult .ap_Content .no_Listment { display: block; text-align: center; font-size: 21px; margin-top: 180px }
.md_consult .ap_Content li { border-top: 1px solid #e8e8e8; }
.md_consult .ap_Content li:last-child { border-bottom: 1px solid #e8e8e8 }
.md_consult .ap_Content .title_Part { padding: 15px 20px; background: #f8f8f8; cursor: pointer; position: relative; overflow: hidden }
.md_consult .ap_Content .title_Part span { float: left; display: inline-block; }
.md_consult .ap_Content .title_Part .re_Comp { color: #fff; background-color: #ff0030; font-size: 13px; font-weight: bold; padding: 2px 4px; border-radius: 3px; margin-right: 5px }
.md_consult .ap_Content .title_Part .re_Not { background-color: #e8e8e8; color: #aaa; font-size: 13px; padding: 2px 4px; border-radius: 3px; margin-right: 5px }
.md_consult .ap_Content .title_Part .title { font-size: 15px; color: #444; }
.md_consult .ap_Content .title_Part .arrow_Img { position: absolute; right: 20px; }
.md_consult .ap_Content .title_Part .arrow_Img .upa { display: none; }
.md_consult .ap_Content .cont_Part { background-color: #fff; display: none; }
.md_consult .ap_Content .cont_Part .myQ { padding: 20px 20px 40px; }
.md_consult .ap_Content .cont_Part .gochA { border-top: 1px dashed #b9b9b9; padding: 40px 20px 20px; position: relative }
.md_consult .ap_Content .cont_Part .gochA .holdttl { display: inline-block; background-color: #b9b9b9; color: #fff; padding: 3px 6px; border-radius: 5px; position: absolute; top: -12px; left: 50%; font-size: 13px; width: 200px; margin-left: -100px; text-align: center; }
.md_consult .ap_Content li.sel .title_Part .arrow_Img .uda { display: none; }
.md_consult .ap_Content li.sel .title_Part .arrow_Img .upa { display: block; }
.md_consult .ap_Content li.sel .cont_Part { display: block; }

/*-----------------------------------------------------------------------
    
    activity : mission

-----------------------------------------------------------------------*/

.mission_M { background-color: #f2f2f2 }
.mission_M .mission_cl { letter-spacing: -0.5px }
.mission_M .mission_cl .title { background: #171717; padding: 20px; font-size: 16px; font-weight: bold; border-bottom: 1px solid #e8e8e8; color: #fff; }
.mission_M .mission_cl .title span { margin-left: 10px; font-size: 13px; color: #b9b9b9; font-weight: lighter; }
.mission_M .mission_cl .mList { padding: 7px; }
.mission_M .mission_cl .mList .cl { background-color: #fff; border: 1px solid #e8e8e8; padding: 15px 10px 5px; margin-bottom: 7px }
.mission_M .mission_cl .mList .cl:last-child { margin-bottom: 0 }
.mission_M .mission_cl .mList .cl .ttl { font-size: 14px; position: relative; margin-bottom: 15px; position: relative; padding-left: 5px; display: block }
.mission_M .mission_cl .mList .cl .ttl .quest { display: inline-block; width: 16px; height: 16px; vertical-align: middle; margin-bottom: 2px; margin-left: 5px }
.mission_M .mission_cl .mList .cl .ttl .exp { display: none; position: absolute; top: -5px; left: 115px; font-size: 11px; color: #777; width: 200px; background-color: #f2f2f2; padding: 5px; box-shadow: 1px 1px 2px #aaa; z-index: 100 }
.mission_M .mission_cl .mList .cl .ttl .exp p { margin-top: 6px }
.mission_M .mission_cl .mList .cl .ttl .exp a { width: 100%; height: 20px; padding-top: 10px; font-weight: bold; text-align: center; display: inline-block; font-size: 14px; border-top: 1px solid #ddd; margin-top: 10px }
.mission_M .mission_cl .mList .cl .ttl .earnstar { display: inline-block; position: absolute; top: -4px; right: 5px; font-size: 14px; background-color: #ff1e1e; color: #fff; padding: 4px 8px; border-radius: 3px; font-weight: bold; text-align: center; z-index: 50 }
.mission_M .mission_cl .mList .cl .ttl .earnstar img { width: 15px; vertical-align: middle; margin: 0 2px 4px 0 }
.mission_M .mission_cl .mList .cl .ttl .earnstar .ss { vertical-align: middle }
.mission_M .mission_cl .mList .cl .cont { border-top: 1px dashed #e8e8e8 }
.mission_M .mission_cl .mList .cl .cont .nolist { text-align: center; padding: 15px 0 5px; font-size: 12px; color: #b9b9b9 }
.mission_M .mission_cl .mList .cl .cont .nolist p { text-align: center; font-size: 14px; font-weight: bold; margin-bottom: 5px; color: #777 }
.mission_M .mission_cl .mList .cl .cont .ttl { height: 25px; line-height: 25px }
.mission_M .mission_cl .mList .cl .cont ul { padding: 15px 0 0 }
.mission_M .mission_cl .mList .cl .cont li { overflow: hidden; text-align: center; font-size: 13px; height: 22px }
.mission_M .mission_cl .mList .cl .cont li .date { float: left; width: 50% }
.mission_M .mission_cl .mList .cl .cont li .result { float: left; width: 25%; }
.mission_M .mission_cl .mList .cl .cont li .result.ing { color: #777 }
.mission_M .mission_cl .mList .cl .cont li .result.not { color: #b9b9b9 }
.mission_M .mission_cl .mList .cl .cont li .result.comp { color: #ff0300; font-weight: bold }
.mission_M .mission_cl .mList .cl .cont li .give { float: left; width: 25% }
.mission_M .mission_cl .mList .cl .cont li .give img { width: 15px; vertical-align: middle; margin: 0 2px 2px 0 }
.mission_M .mission_cl .mList .cl .cont li .give span { vertical-align: middle; font-weight: bold }
.mission_M .mission_cl .mList .cl .cont li.category { font-size: 11px; color: #b9b9b9 }
.mission_M .mission_cl .mList .cl .btn { padding: 5%; overflow: hidden; text-align: center }
.mission_M .mission_cl .mList .cl .btn a { width: 50%; border: 1px solid #e8e8e8; text-align: center; display: inline-block; height: 35px; line-height: 35px; font-size: 14px; color: #777; background-color: #eee }
.mission_M .mission_cl .mList .cl .btn a:last-child { }
.mission_M .mission_cl .mList .cl.de { padding: 15px 10px 15px; display: block; }
.mission_M .mission_cl .mList .cl.de .ttl { margin-bottom: 0px }
.mission_M .mission_cl .mList .cl.de .ttl .earnstar { display: inline-block; position: absolute; top: -5px; right: 5px; font-size: 14px; background-color: #ff1e1e; color: #fff; padding: 6px 7px; border-radius: 3px; font-weight: bold; text-align: center; z-index: 50 }
.mission_M .mission_cl .mList .cl .ttl .bm { font-size: 12px; margin-left: 10px; color: #999 }
.mission_M .mission_cl .oList { padding: 7px }
.mission_M .mission_cl .oList li { width: 100%; background-color: #fff; border: 1px solid #e8e8e8; position: relative; margin-bottom: 7px }
.mission_M .mission_cl .oList li:last-child { margin-bottom: 0 }
.mission_M .mission_cl .oList a { display: inline-block; padding: 15px 0; width: 100%; }
.mission_M .mission_cl .oList a .ttl { font-size: 14px; padding-left: 15px; }
.mission_M .mission_cl .oList a .ttl .yimg { width: 60px; margin-right: 5px }
.mission_M .mission_cl .oList a .ttl .timg { width: 20px; margin-right: 5px; }
.mission_M .mission_cl .oList a .txt { font-size: 12px; color: #999; margin-left: 4px; letter-spacing: -0.8px; }
.mission_M .mission_cl .oList a .earnstar { display: inline-block; position: absolute; top: 12px; right: 15px; font-size: 14px; background-color: #ff1e1e; color: #fff; padding: 4px 7px; border-radius: 3px; font-weight: bold; text-align: center; z-index: 50 }
.mission_M .mission_cl .oList a .earnstar img { width: 15px; vertical-align: middle; margin: 0 2px 4px 0 }
.mission_M .mission_cl .oList a .earnstar .ss { vertical-align: middle }
.mission_M .mission_cl .oList a .earnstar_comp { display: inline-block; position: absolute; top: 10px; right: 15px; font-size: 14px; color: #fff; padding: 6px 7px; border-radius: 3px; font-weight: bold; text-align: center; z-index: 50; background-color: #777; }
.mission_M .footer { background-color: #171717; padding: 20px 30px 25px }
.mission_M .footer .t1 { color: #fff; font-size: 13px; margin: 10px 0 3px; }
.mission_M .footer .t2 { color: #a7a7b4; font-size: 11px; }

/*-----------------------------------------------------------------------
    
    activity : myletter_M

-----------------------------------------------------------------------*/

.myletter_M { background: #fff; }
.myletter_M .mail_list { }
.myletter_M .mail_list h4 { font: 16px dotum; margin-top: 4px; letter-spacing: 0px; }
.myletter_M .mail_list h4 span { font-size: 16px; vertical-align: middle; }
.myletter_M .mail_list h4 img { vertical-align: middle; margin-bottom: 4px; width: 18px; }
.myletter_M .mail_list p.time { overflow: hidden; margin-top: 3px; font-size: 14px; color: #aaa; padding-left: 3px; }
.myletter_M .mail_list p.time:after { content: ''; clear: both; }
.myletter_M .mail_list p.time .date { font-family: Tahoma; letter-spacing: -0.3px; margin-left: 20px; margin-right: 3px; }
.myletter_M .mail_list p.time .remainTime { margin-left: 5px; letter-spacing: -0.5px; }
.myletter_M .mail_list p.time .remainTime span { margin-left: 5px; }
.myletter_M .mail_list .no_Listment { padding: 120px 0px 30px; text-align: center }
.myletter_M .mail_list .no_Listment img { width: 30px; margin-bottom: 5px; }
.myletter_M .coupon_list ul { background: #f2f4f6; overflow: hidden; padding: 5px; }
.myletter_M .coupon_list ul li { float: left; width: calc(50% - 10px); margin: 5px; background: #fff; box-shadow: 3px 3px 10px 2px #ccc; position: relative; }
.myletter_M .coupon_list ul li .coupon_image { text-align: center; position: relative; z-index: 1; }
.myletter_M .coupon_list ul li .coupon_image img { width: 90%; margin-top: -21%; }
.myletter_M .coupon_list ul li .end_date { position: absolute; top: 45%; right: 5%; background: #000; color: #fff; font-weight: bold; font-size: 12px; padding: 4px 6px; opacity: 0.8; z-index: 2; }
.myletter_M .coupon_list ul li .end_date img { width: 12px; height: 12px; vertical-align: top; margin-top: 1px; }
.myletter_M .coupon_list ul li .use_btn { text-align: center; margin: -15% 0 13px 0; }
.myletter_M .coupon_list ul li .use_btn a { border: 1px solid #d9d9d9; display: block; width: 84%; margin: 0 auto; padding: 5px 0; font-weight: bold; position: relative; z-index: 3; }
.myletter_M .coupon_list .no_Listment { padding: 100px 0; text-align: center; width: calc(100% - 10px); }
.myletter_M .coupon_list .no_Listment img { width: 100px; margin-bottom: 5px; }
.myletter_M .footer { background-color: #1f2c35; padding: 20px 30px 70px }
.myletter_M .footer .t1 { color: #fff; font-size: 13px; margin: 10px 0 3px; }
.myletter_M .footer .t2 { color: #a7a7b4; font-size: 11px; }
.myletter_view_M { background: #fff; height: 100%; }
.myletter_view_M .contview { letter-spacing: -0.5px; }
.myletter_view_M .contview .top { position: relative; background-color: #f2f2f2; height: 50px; border-bottom: 1px solid #e8e8e8 }
.myletter_view_M .contview .top .date { position: absolute; left: 15px; top: 17px; font-size: 13px; color: #777 }
.myletter_view_M .contview .top .del { position: absolute; right: 15px; top: 10px; width: 60px; height: 30px }
.myletter_view_M .contview .body { padding: 15px; height: 100%; }
.myletter_view_M .contview .body .ttl { border-bottom: 1px dashed #e8e8e8; font-size: 18px; padding: 5px 0 20px }
.myletter_view_M .contview .body .ttl img { width: 20px; vertical-align: middle; margin: 0 5px 3px 0 }
.myletter_view_M .contview .body .ttl span { vertical-align: middle }
.myletter_view_M .contview .cont { padding: 15px 0 5px }
.myletter_view_M .contview .cont .ment { font-size: 16px; padding: 10px 0 20px; }
.myletter_view_M .contview .cont .usestar { display: inline-block; width: 100px; height: 35px; line-height: 35px; text-align: center; background-color: #ff0300; color: #fff; border-radius: 5px; font-size: 14px; font-weight: bold }
.myletter_view_M .contview .cont .usestar img { width: 20px; vertical-align: middle; margin: 0 3px 3px 0 }
.myletter_view_M .contview .cont .usestar span { vertical-align: middle }

/*-----------------------------------------------------------------------
    
    activity : attend_M

-----------------------------------------------------------------------*/

.attend_M { max-width: 640px; overflow: hidden; font-family: 'Malgun Gothic'; background: #43c2be; user-select: none; }
.attend_M .top { background: #43c2be; text-align: center }
.attend_M .top img { width: 70%; vertical-align: middle; }
.attend_M .mid { letter-spacing: -0.8px }
.attend_M .mid .month_title { width: 220px; background-color: #164956; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; color: #fff; font-size: 20px; margin: 0 auto 20px; letter-spacing: -0.5px; font-weight: 500 }
.attend_M .mid .daily { padding: 10px 10px 0; overflow: hidden }
.attend_M .mid .daily li { position: relative; margin-right: 10px; float: left; width: calc(20% - 8px); box-shadow: 0 0 5px #777; margin-bottom: 10px; text-align: center }
.attend_M .mid .daily li:nth-child(5n) { margin-right: 0px; }
.attend_M .mid li a.opa { opacity: 0.4 }
.attend_M .mid li a.comp .stamp { display: block }
.attend_M .mid li a { display: inline-block; background-color: #fff; text-align: center; width: 100% }
.attend_M .mid li a .day { background-color: #128784; color: #fff; font-size: 14px; padding: 5px 0 }
.attend_M .mid li a .star { padding: 6px 0 4px }
.attend_M .mid li a .star img { width: 17px; vertical-align: middle }
.attend_M .mid li a .num { padding-bottom: 5px; font-size: 14px; font-weight: bold; color: #164956 }
.attend_M .mid li a .stamp { display: none; position: absolute; top: 33px; left: 50%; margin-left: -20px; opacity: 0.6 }
.attend_M .mid li a .stamp.effect { animation-name: tadastamp; animation-duration: 1.6s; animation-delay: 1.5s; animation-iteration-count: infinite; opacity: 0.5 }
.attend_M .mid li a .stamp img { width: 40px }
.attend_M .mid .accrue { padding: 10px 5px; overflow: hidden; width: 320px; margin: 0 auto }
.attend_M .mid .accrue li { position: relative; margin-right: 10px; float: left; width: 100px; box-shadow: 0 0 5px #777; text-align: center }
.attend_M .mid .accrue li:last-child { margin-right: 0px; }
.attend_M .mid .accrue li a { display: inline-block; background-color: #fff; text-align: center; width: 100% }
.attend_M .mid .accrue li a .day { background: #164956 }
.attend_M .mid .mm { text-align: center; font-size: 12px; color: #fff; }
.attend_M .bottom { padding: 10px; }
.attend_M .bottom .titlepart { width: 100%; margin-top: 15px; text-align: center; overflow: hidden }
.attend_M .bottom .titlepart .left { width: 60%; background: #fff; float: left; padding: 15px 0; font-size: 18px; border-top-right-radius: 7px; border-top-left-radius: 7px }
.attend_M .bottom .titlepart .left p { font-size: 14px; color: #777 }
.attend_M .bottom .titlepart .left span { color: #ff0300; font-weight: bold; font-size: 20px; color: #164956 }
.attend_M .bottom .titlepart .right { width: 40%; float: right; font-size: 15px }
.attend_M .bottom .titlepart .right .wr { width: 90%; background: #fff; margin-left: 5%; padding: 10px 0; margin-top: 10px; color: #164956; border-radius: 50px }
.attend_M .bottom .titlepart .right span { font-weight: bold; color: #128784 }
.attend_M .bottom .titlepart .right p { color: #777; font-size: 12px }
.attend_M .bottom .memberpart { background: #fff; overflow: hidden; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border-bottom-left-radius: 7px }
.attend_M .bottom .memberpart li { position: relative; float: left; width: 25%; height: 50px; text-align: center; padding: 17px 0 13px }
.attend_M .bottom .memberpart li .memberImg { width: 35px; height: 35px; border-radius: 18px; }
.attend_M .bottom .memberpart li .nick { display: block; font-size: 12px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 100%; color: #128784 }
.attend_M .bottom .memberpart .vip_Mark { position: absolute; top: 10px; left: 50%; margin-left: -2px; }
.attend_M .bottom .memberpart .vip_Mark img { width: 24px; height: 12px; }
.attend_M .bottom .memberpart li.load { text-align: center; width: 100%; padding: 20px 0 10px; }
.attend_M .bottom .memberpart li.load img { width: 30px; vertical-align: middle }

@keyframes tadastamp {
    0% { transform: scale3d(1, 1, 1); opacity: 0.6 }
    5%,10% { transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg); }
    15%,25%,35%,45% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    20%,30%,40% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    100% { transform: scale3d(1, 1, 1); opacity: 0.6 }
}


/*-----------------------------------------------------------------------
    
    activity : cscenter

-----------------------------------------------------------------------*/

.cscenter_M { letter-spacing: -0.5px; }
.cscenter_M a { display: inline-block }
.cscenter_M img { vertical-align: middle }
.cscenter_M .body.quest { display: block; padding: 7px 0 0; }
.cscenter_M .body.freq { display: block; padding: 7px }
.cscenter_M .body { background-color: #f2f2f2 }
.cscenter_M .body .p1 { overflow: hidden; }
.cscenter_M .body .p1 a { background-color: #fff; border: 1px solid #e8e8e8; width: calc(50% - 32.5px); height: 75px; padding: 10px; position: relative }
.cscenter_M .body .p1 .ttl { font-size: 15px; color: #3f3f52; line-height: 20px }
.cscenter_M .body .p1 .info { position: absolute; bottom: 10px; right: 15px; color: #3f3f52; font-size: 13px; font-weight: bold }
.cscenter_M .body .p1 .info img { vertical-align: middle; margin: 0 0 1px 5px; width: 14px }
.cscenter_M .body .service { float: left; margin-left: 7px; }
.cscenter_M .body .tech { float: right; margin-right: 7px; }
.cscenter_M .body .p2, .p3 { margin-top: 7px }
.cscenter_M .body .samet .ttl { font-size: 19px; color: #3f3f52 }
.cscenter_M .body .samet .sttl { font-size: 12px; color: #999; margin-top: 5px }
.cscenter_M .body .samet .info { position: absolute; bottom: 15px; right: 20px; color: #3f3f52; font-size: 17px; font-weight: bold }
.cscenter_M .body .samet .info img { margin: 0 0 2px 5px; width: 18px }
.cscenter_M .body .samet .anyquest, .vipco { background-color: #fff; width: calc(100% - 30px); height: 100px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; padding: 15px; position: relative }
.cscenter_M .body .faq { overflow-y: auto }
.cscenter_M .body .faq li { border: 1px solid #e8e8e8; margin-bottom: 7px }
.cscenter_M .body .faq li:last-child { margin-bottom: 0px }
.cscenter_M .body .faq .title_Part { padding: 15px; background: #fff; cursor: pointer; position: relative; overflow: hidden }
.cscenter_M .body .faq .title_Part span { float: left; display: inline-block; }
.cscenter_M .body .faq .title_Part .title { font-size: 14px; color: #3f3f52; width: 93% }
.cscenter_M .body .faq .title_Part .arrow_Img { width: 7%; text-align: center }
.cscenter_M .body .faq .title_Part .arrow_Img .upa { display: none; }
.cscenter_M .body .faq .title_Part .arrow_Img img { width: 13px }
.cscenter_M .body .faq .cont_Part { background-color: #fff; padding: 15px; font-size: 12px; color: #777; display: none; }
.cscenter_M .body .faq li.sel .title_Part { background-color: #e8e8e8 }
.cscenter_M .body .faq li.sel .title_Part .arrow_Img .uda { display: none; }
.cscenter_M .body .faq li.sel .title_Part .arrow_Img .upa { display: inline-block; }
.cscenter_M .body .faq li.sel .cont_Part { display: inline-block }
.cscenter_M .footer { background-color: #1f2c35; padding: 30px 30px 40px }
.cscenter_M .footer .t1 { color: #fff; font-size: 13px; margin: 10px 0 3px; }
.cscenter_M .footer .t2 { color: #a7a7b4; font-size: 11px; }
.cscenter_M .question { margin-top: 15px; background: #fff; min-height: 300px; margin-bottom: 10px; }
.cscenter_M .question h4 { padding: 0px 0px; }
.cscenter_M .question h4 input { font-size: 18px; height: 50px; outline: none }
.cscenter_M .question .content { }
.cscenter_M .question .content textarea { font-size: 16px; min-height: 200px; }
.cscenter_M .question .function p { height: 30px; }
.cscenter_M .ap_Content { overflow-y: auto; background-color: #fff }
.cscenter_M .ap_Content .title_Ipt input { width: 100%; height: 60px; text-indent: 15px; border: none; border-bottom: 1px solid #e8e8e8; outline-style: none; font-size: 16px; }
.cscenter_M .ap_Content .cont_Ipt { padding: 15px; background-color: #fff; border-bottom: 1px solid #e8e8e8 }
.cscenter_M .ap_Content .cont_Ipt textarea { width: 100%; height: 218px; border: none; resize: none; outline-style: none; font-family: 'Noto Sans KR'; font-size: 16px; color: #777 }
.cscenter_M .ap_Content .sms_Agree { margin: 15px 0 0 5%; background-color: #fff }
.cscenter_M .ap_Content .sms_Agree input[type="checkbox"] { display: none; }
.cscenter_M .ap_Content .sms_Agree label { cursor: pointer; vertical-align: middle; color: #777; font-size: 13px; }
.cscenter_M .ap_Content .sms_Agree input[type="checkbox"] + label:before { border-radius: 4px; background: #b4b6bc; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 15px; padding-top: 3px; width: 18px; margin: 0 7px 3px 0; vertical-align: middle }
.cscenter_M .ap_Content .sms_Agree input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; }
.cscenter_M .ap_Content .send_Btn { display: inline-block; width: 90%; height: 60px; line-height: 60px; border: 1px solid #b9b9b9; text-align: center; color: #777; font-size: 17px; transition: 0.3s; margin: 10px 0 20px 5% }
.cscenter_M .ap_Content .send_Btn:hover { background-color: #ff0030; color: #fff; border: 1px solid #ff0030 }
.cscenter_M .ap_Content .no_Listment { display: block; text-align: center; font-size: 21px; margin-top: 180px; border-top: none }
.cscenter_M .ap_Content li { border-top: 1px solid #e8e8e8; }
.cscenter_M .ap_Content li:last-child { border-bottom: 1px solid #e8e8e8 }
.cscenter_M .ap_Content .title_Part { padding: 15px 20px; background: #f8f8f8; cursor: pointer; position: relative; overflow: hidden }
.cscenter_M .ap_Content .title_Part span { float: left; display: inline-block; }
.cscenter_M .ap_Content .title_Part .re_Comp { color: #fff; background-color: #ff0030; font-size: 13px; font-weight: bold; padding: 2px 4px; border-radius: 3px; margin-right: 5px }
.cscenter_M .ap_Content .title_Part .re_Not { background-color: #e8e8e8; color: #aaa; font-size: 13px; padding: 2px 4px; border-radius: 3px; margin-right: 5px }
.cscenter_M .ap_Content .title_Part .title { font-size: 15px; color: #444; }
.cscenter_M .ap_Content .title_Part .arrow_Img { position: absolute; right: 20px; }
.cscenter_M .ap_Content .title_Part .arrow_Img .upa { display: none; }
.cscenter_M .ap_Content .cont_Part { background-color: #fff; display: none; }
.cscenter_M .ap_Content .cont_Part .myQ { padding: 20px 20px 40px; }
.cscenter_M .ap_Content .cont_Part .gochA { border-top: 1px dashed #b9b9b9; padding: 40px 20px 20px; position: relative }
.cscenter_M .ap_Content .cont_Part .gochA .holdttl { display: inline-block; background-color: #b9b9b9; color: #fff; padding: 3px 6px; border-radius: 5px; position: absolute; top: -15px; left: 190px }
.cscenter_M .ap_Content li.sel .title_Part .arrow_Img .uda { display: none; }
.cscenter_M .ap_Content li.sel .title_Part .arrow_Img .upa { display: block; }
.cscenter_M .ap_Content li.sel .cont_Part { display: block; }


/*-----------------------------------------------------------------------
    
    activity : myinfo

-----------------------------------------------------------------------*/

.md_myinfo { font-family: Dotum; }
.md_myinfo a { display: inline-block }
.md_myinfo img { vertical-align: middle }
.md_myinfo .body { background-color: #f2f2f2 }
.md_myinfo .body.mys { display: block; padding: 7px 0; }
.md_myinfo .body.mys .profile { background-color: #fff; border: 1px solid #e8e8e8; text-align: center; margin: 0 7px; position: relative; }
.md_myinfo .body.mys .profile .pimg { display: inline-block; position: relative; width: 120px; height: 120px; margin-top: 20px }
.md_myinfo .body.mys .profile .pimg .wrapset { position: absolute; top: 0; left: 0 }
.md_myinfo .body.mys .profile .pnick { margin: 20px 0; font-size: 18px; }
.md_myinfo .body.mys .profile .pnick .mynick { vertical-align: middle }
.md_myinfo .body.mys .profile .pnick .mofipt { display: inline-block; vertical-align: middle; margin-bottom: 1px }
.md_myinfo .body.mys .profile .pnick .mofipt input { width: 120px; height: 19px; border: 1px solid #999; text-indent: 5px; outline-color: none }
.md_myinfo .body.mys .profile .pnick a { display: inline-block; vertical-align: middle }
.md_myinfo .body.mys .profile .pnick a img { width: 30px; margin-bottom: 1px }
.md_myinfo .body.mys .profile .logout { display: inline-block; position: absolute; top: 15px; right: 15px; border: 1px solid #e8e8e8; width: 70px; height: 25px; line-height: 25px; text-align: center; font-size: 13px; letter-spacing: -1px; background-color: #f8f8f8; color: #777 }
.md_myinfo .body.mys .service { background-color: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 7px }
.md_myinfo .body.mys .service .title { display: inline-block; width: 100%; height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; text-align: center; }
.md_myinfo .body.mys .service .ttl { position: relative; font-size: 16px; font-weight: bold; }
.md_myinfo .body.mys .service .ttl .arrow { position: absolute; top: 0px; right: 0px; width: 55px; height: 55px; line-height: 55px; text-align: center }
.md_myinfo .body.mys .service .ttl .arrow img { width: 25px }
.md_myinfo .body.mys .service ul { padding: 20px; }
.md_myinfo .body.mys .service li { text-align: center; margin-bottom: 10px; }
.md_myinfo .body.mys .service li:last-child { margin-bottom: 0px }
.md_myinfo .body.mys .service li span { display: inline-block }
.md_myinfo .body.mys .service .serv_name { width: 40%; font-size: 16px; }
.md_myinfo .body.mys .service .remain_time { width: 60%; font-size: 15px; color: #999 }
.md_myinfo .body.mys .service .remain_time a { margin-left: 10px; color: #000; font-size: 15px }
.md_myinfo .body.mys .myact { margin-top: 7px; padding: 0 7px; overflow: hidden }
.md_myinfo .body.mys .myact .actwrap { border: 1px solid #e8e8e8; float: left; background-color: #fff; width: calc( 22% - 7px ); margin-right: 7px; text-align: center }
.md_myinfo .body.mys .myact .actwrap.wide { width: calc( 34% - 8px ) }
.md_myinfo .body.mys .myact .actwrap:last-child { margin-right: 0 }
.md_myinfo .body.mys .myact .actwrap .ttl { font-size: 13px; height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; font-weight: bold }
.md_myinfo .body.mys .myact .actwrap .cont { height: 80px; line-height: 80px; font-size: 15px; }
.md_myinfo .body.mys .modify { margin-top: 7px; }
.md_myinfo .body.mys .modify ul li { position: relative; height: 55px; line-height: 55px; overflow: hidden; background: #fff; margin-top: 10px; text-align: center; border-bottom: 1px solid #ddd; }
.md_myinfo .body.mys .modify ul li a { display: block; }
.md_myinfo .body.mys .modify ul li .arrow { position: absolute; top: 15px; right: 15px; width: 25px; line-height: 55px; text-align: center; }
.md_myinfo .body.mys .modify ul li .on_img { display: none; }
.md_myinfo .body.mys .modify ul li .off_img { display: none; }
.md_myinfo .body.mys .modify ul li a.on .on_img { display: block; }
.md_myinfo .body.mys .modify ul li a.off .off_img { display: block; }
/* 추가정보변경 , 비밀번호 변경 , 휴대폰번호 변경 */
.md_myinfo .body.ich { display: block; }
.md_myinfo .body.ich .laybg { background-color: #fff; border-bottom: 1px solid #e8e8e8; margin-bottom: 7px; }
.md_myinfo .body.ich .laybg:last-child { margin-bottom: 0 }
.md_myinfo .body.ich .laybg .ttl { font-size: 14px; height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; text-align: center; font-weight: bold }
.md_myinfo .body.ich .laybg .cont { padding: 15px }
.md_myinfo .body.ich .laybg .cont p .finfo { display: inline-block; width: 30%; vertical-align: middle; text-align: right; margin-right: 7px; font-size: 12px; color: #777 }
.md_myinfo .body.ich .laybg .cont p { position: relative; }
.md_myinfo .body.ich .laybg .cont p.alert { color: #ff0030; font-size: 11px; margin-top: 15px; text-align: center }
.md_myinfo .body.ich .laybg .cont p .idipt { vertical-align: middle; width: calc(70% - 7px); height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; box-sizing: border-box }
.md_myinfo .body.ich .laybg .cont input[type="checkbox"] { display: none; }
.md_myinfo .body.ich .laybg .cont label { display: inline-block; cursor: pointer; font-size: 12px; vertical-align: middle; margin-left: calc(30% + 7px) }
.md_myinfo .body.ich .laybg .cont input[type="checkbox"] + label:before { background: #e8e8e8; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 17px; padding-top: 2px; width: 19px; vertical-align: middle; margin-right: 7px; border-radius: 5px }
.md_myinfo .body.ich .laybg .cont input[type="checkbox"]:checked + label:before { color: #000; content: "\2714"; text-align: center; font-size: 14px; }
.md_myinfo .body.ich .laybg .cont select { vertical-align: middle; width: calc(70% - 7px); height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; box-sizing: border-box }
.md_myinfo .body.ich .laybg .cont .sbtn { display: inline-block; width: calc(100% - 2px); height: 49px; line-height: 49px; text-align: center; border: 1px solid #b9b9b9; margin-top: 14px; color: #777; margin-top: 30px; text-align: center; font-size: 13px }
.md_myinfo .body.ich .laybg .cont p { margin-bottom: 7px }
.md_myinfo .body.ich .phch .cont p .idipt:first-child { vertical-align: middle; width: 20%; height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px }
.md_myinfo .body.ich .phch .cont p .telf { vertical-align: middle; width: 15%; height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; box-sizing: border-box }
.md_myinfo .body.ich .phch .cont p .telb { vertical-align: middle; width: 30%; height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; margin: 0 7px; box-sizing: border-box }
.md_myinfo .body.ich .phch .cont p .cbtn { border: 1px solid #e8e8e8; width: calc(25% - 21px); height: 35px; line-height: 35px; vertical-align: middle; text-align: center; font-size: 12px; color: #777; box-sizing: border-box; margin-top: 1px }
.md_myinfo .body.ich .addinfo .cont p .ga { display: inline-block; vertical-align: middle; width: calc(70% - 7px); height: 35px; outline-style: none; font-size: 12px; box-sizing: border-box }
.md_myinfo .body.ich .addinfo .cont p .ga a { width: calc(50% - 3.5px); border: 1px solid #e8e8e8; box-sizing: border-box; height: 35px; line-height: 35px; text-align: center; color: #999 }
.md_myinfo .body.ich .addinfo .cont p .ga a:first-child { margin-right: 7px; }
.md_myinfo .body.ich .addinfo .cont p .ga a.sel { border: 1px solid #777; color: #444 }
.md_myinfo .body.ich .addinfo .cont p .emailip { vertical-align: middle; width: calc(33% - 3.5px); height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; box-sizing: border-box }
.md_myinfo .body.ich .addinfo .cont p .at { display: inline-block; width: 4%; text-align: center; height: 35px; line-height: 35px; font-size: 12px; color: #999 }
.md_myinfo .footer { background-color: #19283d; padding: 30px 30px 40px }
.md_myinfo .footer .t1 { color: #fff; font-size: 13px; margin: 10px 0 3px; }
.md_myinfo .footer .t2 { color: #a7a7b4; font-size: 11px; }
/* 나의서비스 자세히보기 */
.myinfo_serv_M { }
.myinfo_serv_M a { display: inline-block }
.myinfo_serv_M img { vertical-align: middle }
.myinfo_serv_M .header { background-color: #19283d; height: 25px; padding: 15px 0 }
.myinfo_serv_M .header img { width: 18px }
.myinfo_serv_M .header .title { display: inline-block; margin-left: 20px; color: #fff; font-size: 16px; font-weight: bold }
.myinfo_serv_M .header .close { float: right; margin: 0 20px 2px 0; display: inline-block }
.myinfo_serv_M .body { background-color: #f2f2f2; padding: 7px 0; }
.myinfo_serv_M .body .service { background-color: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.myinfo_serv_M .body .service.quit { margin-top: 7px }
.myinfo_serv_M .body .service .ttl { height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; text-align: center; font-size: 14px; font-weight: bold }
.myinfo_serv_M .body .service ul { padding: 20px; }
.myinfo_serv_M .body .service li { text-align: center; margin-bottom: 10px; }
.myinfo_serv_M .body .service li:last-child { margin-bottom: 0px }
.myinfo_serv_M .body .service li span { display: inline-block }
.myinfo_serv_M .body .service .serv_name { width: 40%; font-size: 15px; }
.myinfo_serv_M .body .service .remain_time { width: 60%; font-size: 12px; color: #999 }
.myinfo_serv_M .body .service .remain_time a { margin-left: 10px; color: #000; font-size: 15px }
.myinfo_serv_M .body .service.quit .serv_name { width: 30%; font-size: 15px; }
.myinfo_serv_M .body .service.quit .start { width: 35%; font-size: 15px; }
.myinfo_serv_M .body .service.quit .end { width: 35%; font-size: 15px; }
.myinfo_serv_M .body .service.quit .cate { padding: 20px 20px 0; text-align: center }
.myinfo_serv_M .body .service.quit .cate .serv_name { display: inline-block; width: 30%; font-size: 12px; color: #999 }
.myinfo_serv_M .body .service.quit .cate .start { display: inline-block; width: 35%; font-size: 12px; color: #999; }
.myinfo_serv_M .body .service.quit .cate .end { display: inline-block; width: 35%; font-size: 12px; color: #999; }
.myinfo_serv_M .footer { background-color: #19283d; padding: 30px 30px 40px }
.myinfo_serv_M .footer .t1 { color: #fff; font-size: 13px; margin: 10px 0 3px; }
.myinfo_serv_M .footer .t2 { color: #a7a7b4; font-size: 11px; }

/*-----------------------------------------------------------------------
    
    activity : mystar

-----------------------------------------------------------------------*/

.mystar_M { }
.mystar_M img { vertical-align: middle }
.mystar_M .body.slist { display: block; padding: 7px 0 }
.mystar_M .body { background-color: #f2f2f2 }
.mystar_M .body .swrap { overflow: hidden }
.mystar_M .body .wholestar { width: 50%; float: left; background-color: #fff; border: 1px solid #e8e8e8; margin-left: 7px }
.mystar_M .body .wholestar .ttl { height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; text-align: center; font-size: 17px; font-weight: bold; }
.mystar_M .body .wholestar .ttl .arrow { float: right; width: 55px; height: 55px; line-height: 55px; text-align: center }
.mystar_M .body .wholestar .ttl .arrow img { width: 25px }
.mystar_M .body .wholestar .cont { height: 80px; line-height: 80px; background-position: center center; background-size: 20%; text-align: center; font-size: 15px; font-weight: bold }
.mystar_M .body .wholestar .cont img { width: 20px; vertical-align: middle; margin-bottom: 3px; margin-right: 5px; }
.mystar_M .body .wholestar .cont span { vertical-align: middle; }
.mystar_M .body .piece { width: calc(50% - 25px); float: right; background-color: #fff; border: 1px solid #e8e8e8; margin-right: 7px; margin-bottom: 7px }
/*.mystar_M .body .piece a {display:inline-block;width:100%;height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; text-align: center; }*/
/*.mystar_M .body .piece .ttl {  font-size: 17px; font-weight: bold; padding-left: 20px }*/
.mystar_M .body .piece .ttl { height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; text-align: center; font-size: 17px; font-weight: bold; }
.mystar_M .body .piece .ttl .arrow { float: right; width: 55px; height: 55px; line-height: 55px; text-align: center }
.mystar_M .body .piece .ttl .arrow img { width: 25px }
.mystar_M .body .piece .cont { height: 80px; line-height: 80px; background-position: center center; background-size: 35%; text-align: center; font-size: 15px; font-weight: bold }
.mystar_M .body .piece .cont img { width: 20px; vertical-align: middle; margin-bottom: 3px; margin-right: 5px; }
.mystar_M .body .piece .cont span { vertical-align: middle; }
.mystar_M .body .starshop { clear: both; margin-top: 7px; padding: 0 7px; position: relative }
.mystar_M .body .starshop a { display: inline-block; width: 100%; background-color: #fff; border: 1px solid #e8e8e8; box-sizing: border-box; height: 60px; line-height: 60px; }
.mystar_M .body .starshop .ttl { font-size: 17px; font-weight: bold; padding-left: 20px }
.mystar_M .body .starshop img { display: inline-block; position: absolute; width: 25px; top: 17px; right: 25px; }
.mystar_M .body .starlist { background-color: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 7px; }
.mystar_M .body .starlist .ttl { height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; /*text-align: center;*/ font-size: 13px; font-weight: bold; position: relative }
.mystar_M .body .starlist .ttl .text { font-size: 17px; font-weight: bold; border: none; padding-left: 20px; color: #111; }
.mystar_M .body .starlist .ttl .all { position: absolute; right: 97px }
.mystar_M .body .starlist .ttl .pl { position: absolute; right: 56px }
.mystar_M .body .starlist .ttl .mn { position: absolute; right: 15px }
.mystar_M .body .starlist .ttl span { border: 1px solid #e8e8e8; padding: 4px; font-weight: normal; color: #999; font-size: 14px; }
.mystar_M .body .starlist .ttl span.sel { border: 1px solid #b9b9b9; color: #777 }
.mystar_M .body .starlist .cont { padding: 15px; border-bottom: 1px dashed #e8e8e8 }
.mystar_M .body .starlist .cont li { margin-bottom: 10px; }
.mystar_M .body .starlist .cont li:last-child { margin-bottom: 0 }
.mystar_M .body .starlist .cont .wide { display: inline-block; width: calc(100% - 162px); font-size: 12px; margin-right: 20px; }
.mystar_M .body .starlist .cont .num { display: inline-block; width: 42px; font-size: 12px; font-weight: bold; text-align: center; margin-right: 10px; vertical-align: top; }
.mystar_M .body .starlist .cont .date { display: inline-block; width: 90px; font-size: 12px; color: #999; text-align: right; vertical-align: top; }
.mystar_M .footer { background-color: #1f2c35; padding: 30px 30px 40px }
.mystar_M .footer .t1 { color: #fff; font-size: 13px; margin: 10px 0 3px; }
.mystar_M .footer .t2 { color: #a7a7b4; font-size: 11px; }
/*별합성*/
.star_compose { overflow: hidden; font-family: 'Malgun Gothic'; background-color: #000; }
.star_compose .background { width: 100%; position: relative; background: url(/img/mob/scomp_bgm.png) top center; background-size: 100%; }
.star_compose .background .starfade { opacity: 0; animation-name: starfadeIn }
.star_compose .background .starfade.staranimated_1 { animation-duration: 1s; animation-delay: 0.2s; animation-direction: alternate-reverse; animation-iteration-count: infinite; }
.star_compose .background .starfade.staranimated_2 { animation-duration: 2.8s; animation-delay: 0.5s; animation-direction: alternate-reverse; animation-iteration-count: infinite; }
.star_compose .background .starfade.staranimated_3 { animation-duration: 1.4s; animation-delay: 0.8s; animation-direction: alternate-reverse; animation-iteration-count: infinite; }
.star_compose .background .starfade.staranimated_4 { animation-duration: 2.2s; animation-delay: 0.4s; animation-direction: alternate-reverse; animation-iteration-count: infinite; }
.star_compose .background .starfade img { width: 10px }
.star_compose .background .starfade .s1_1 { position: absolute; top: 52.71%; left: 12.52%; }
.star_compose .background .starfade .s1_2 { position: absolute; top: 33.71%; left: 17.31%; }
.star_compose .background .starfade .s1_3 { position: absolute; top: 12.71%; left: 13.32%; }
.star_compose .background .starfade .s1_4 { position: absolute; top: 86.71%; left: 62.11%; }
.star_compose .background .starfade .s1_5 { position: absolute; top: 52.71%; left: 72.31%; }
.star_compose .background .starfade .s1_6 { position: absolute; top: 7.71%; left: 52.31%; }
.star_compose .background .starfade .s2_1 { position: absolute; top: 18.71%; left: 88.14%; }
.star_compose .background .starfade .s2_2 { position: absolute; top: 77.71%; left: 29.52%; }
.star_compose .background .starfade .s2_3 { position: absolute; top: 75.71%; left: 70.61%; }
.star_compose .background .starfade .s2_4 { position: absolute; top: 63.71%; left: 55.52%; }
.star_compose .background .starfade .s2_5 { position: absolute; top: 51.71%; left: 85.21%; }
.star_compose .background .starfade .s2_6 { position: absolute; top: 80.71%; left: 80.21%; }
.star_compose .background .starfade .s3_1 { position: absolute; top: 90.71%; left: 90.12%; }
.star_compose .background .starfade .s3_2 { position: absolute; top: 45.71%; left: 71.56%; }
.star_compose .background .starfade .s3_3 { position: absolute; top: 33.71%; left: 81.21%; }
.star_compose .background .starfade .s3_4 { position: absolute; top: 82.71%; left: 44.44%; }
.star_compose .background .starfade .s3_5 { position: absolute; top: 97.71%; left: 66.82%; }
.star_compose .background .starfade .s3_6 { position: absolute; top: 23.71%; left: 77.82%; }
.star_compose .background .starfade .s4_1 { position: absolute; top: 24.71%; left: 87.14%; }
.star_compose .background .starfade .s4_2 { position: absolute; top: 88.71%; left: 9.42%; }
.star_compose .background .starfade .s4_3 { position: absolute; top: 72.71%; left: 17.82%; }
.star_compose .background .starfade .s4_4 { position: absolute; top: 58.71%; left: 31.19%; }
.star_compose .background .starfade .s4_5 { position: absolute; top: 69.71%; left: 13.28%; }
.star_compose .background .starfade .s4_6 { position: absolute; top: 84.71%; left: 70.28%; }
.star_compose .compose_content { margin: 0 auto; background: #000; height: calc(100vh - 50px); }
.star_compose .compose_content .ttl { padding-top: 30%; color: #fff; font-size: 32px; text-align: center; letter-spacing: -1px; font-weight: bold; }
.star_compose .compose_content .ttl span { color: #f5c435 }
.star_compose .compose_content .servttl { color: #ddd; text-align: center; margin-top: 5px; font-size: 14px; font-weight: lighter }
.star_compose .compose_content .servttl span { font-weight: bold; color: #fff }
.star_compose .compose_content .compose_part { text-align: center; margin-top: 5px; display: block }
.star_compose .compose_content .compose_part .major_star { padding-top: 30px }
.star_compose .compose_content .compose_part .major_star img { width: 80px; }
.star_compose .compose_content .compose_part .major_star .piece_bag { width: 120px; }
.star_compose .compose_content .compose_part .major_star.shake { animation-name: shake; animation-duration: 1.2s; animation-iteration-count: infinite }
.star_compose .compose_content .compose_part .voiduse_ment { font-size: 15px; color: #fff; margin-top: 40px; letter-spacing: -0.5px }
.star_compose .compose_content .compose_part .voiduse_ment img { width: 11px; vertical-align: middle; margin: 0 3px 3px 2px }
.star_compose .compose_content .compose_part .voiduse_ment span { vertical-align: middle }
.star_compose .compose_content .compose_part .voiduse_ment strong { color: #f5c435 }
.star_compose .compose_content .compose_btn { display: inline-block; margin: 20px 7px; width: 130px; transition: 0.3s }
.star_compose .compose_content .compose_btn img { vertical-align: middle; width: 130px; }
.star_compose .compose_content .compose_btn:hover { opacity: 1; box-shadow: 0px 0px 15px #f5c435 }
.star_compose .compose_content .compose_result { text-align: center; display: none; }
.star_compose .compose_content .compose_result .compose { display: inline-block; width: 25vw; height: 25vw; max-width: 160px; max-height: 160px; margin: 5px 2vw; vertical-align: top; position: relative; }
.star_compose .compose_content .compose_result .compose .effect { width: 150%; height: 150%; position: absolute; top: -25%; left: -25%; z-index: 2; }
.star_compose .compose_content .compose_result .compose .effect .sprite_image { width: 100%; height: 100%; position: absolute; }
.star_compose .compose_content .compose_result .compose .effect .sprite_image.start_effect { background: url('/img/test/light_sprite.png') 0px 0px; background-size: calc(100% * 5); }
.star_compose .compose_content .compose_result .compose .effect .sprite_image.epic_effect { background: url('/img/test/fire_sprite.png') 0px 0px; background-size: calc(100% * 8); }
.star_compose .compose_content .compose_result .compose .slider { overflow: hidden; width: 100%; height: 100%; border-radius: 100px; position: relative; z-index: 1; }
.star_compose .compose_content .compose_result .compose .slider .slide_effect { height: 100%; position: relative; }
.star_compose .compose_content .compose_result .compose .slider .slide_effect .image_list { height: 100%; background-size: cover; background-position: 0 0, -25vw 0, -50vw 0, -75vw 0, -100vw 0; transition: all 1s linear; width: 125vw; max-width: 800px; position: absolute; z-index: 3; }
.star_compose .compose_content .compose_result .compose .slider .slide_effect .ready { width: 100%; height: 100%; position: absolute; z-index: 4; background: #000; }
.star_compose .compose_content .compose_result .compose .slider .slide_effect .ready img { width: 80%; margin-top: 10%; }
.star_compose .compose_content .compose_result .pocket { display: inline-block; position: relative; width: 20vw; height: 20vw; margin: 1vw; max-width: 130px; max-height: 130px; }
.star_compose .compose_content .compose_result .pocket .effect { position: absolute; top: -25%; left: -25%; background: url('/img/test/twinkle_sprite.png') 0px 0px; background-size: calc(100% * 7); z-index: 3; width: 150%; height: 150%; }
.star_compose .compose_content .compose_result .pocket .pocket_ani { position: absolute; top: 0; left: 0; background: url('/img/test/pocket_sprite.png') 0px 0px; background-size: calc(100% * 10); z-index: 2; width: 100%; height: 100%; }
.star_compose .compose_content .compose_result .pocket .result { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; opacity: 0; transition: opacity 0.8s; }
.star_compose .compose_content .compose_result > div[pocket_count='1'] { padding-top: 50%; }
.star_compose .compose_content .compose_result > div[pocket_count='11'] { padding-top: 25%; }
.star_compose .compose_content .mystarNprob { letter-spacing: -0.5px; position: fixed; bottom: 0px; width: 100%; max-width: 640px; }
.star_compose .compose_content .mystarNprob .starinfo { float: left; text-align: center; overflow: hidden; width: 70% }
.star_compose .compose_content .mystarNprob .starinfo .sttl { float: left; background-color: #f5c435; height: 43px; padding-top: 7px; width: 24%; font-weight: bold; font-size: 13px; text-align: center }
.star_compose .compose_content .mystarNprob .starinfo .star { float: left; height: 50px; line-height: 50px; width: 38%; background: #fff; box-sizing: border-box; border-right: 1px solid #e8e8e8; }
.star_compose .compose_content .mystarNprob .starinfo .star img { width: 16px; vertical-align: middle; margin-bottom: 2px; margin-right: 5px }
.star_compose .compose_content .mystarNprob .starinfo .void { float: left; height: 50px; line-height: 50px; width: 38%; background: #fff }
.star_compose .compose_content .mystarNprob .starinfo .void img { width: 14px; vertical-align: middle; margin-bottom: 2px; margin-right: 5px }
.star_compose .compose_content .mystarNprob .starinfo span { vertical-align: middle; font-size: 16px; font-family: SpoqaHanSans; font-weight: bold }
.star_compose .compose_content .mystarNprob .probtext { display: block; float: right; background-color: #f5c435; width: 30%; height: 50px; text-align: center; position: relative; }
.star_compose .compose_content .mystarNprob .probtext .p1 { font-size: 14px; font-weight: bold; letter-spacing: 3px; margin-right: 14px; margin-top: 6px }
.star_compose .compose_content .mystarNprob .probtext .p2 { font-size: 14px; margin-right: 18px; }
.star_compose .compose_content .mystarNprob .probtext .arw { position: absolute; top: 14px; right: 15px }
.star_compose .compose_content .mystarNprob .probtext .arw img { width: 9px }
.star_compose .compose_content .noVoidPop { display: none; width: 320px; height: 290px; position: absolute; top: 190px; left: 50%; margin-left: -160px; background-color: #fff; border: 3px solid #f5c435; box-sizing: border-box; box-shadow: 0px 0px 50px #000; z-index: 10; }
.star_compose .compose_content .noVoidPop .close { position: absolute; left: 50%; margin-left: -12.5px; top: -37px }
.star_compose .compose_content .noVoidPop .close img { width: 25px }
.star_compose .compose_content .noVoidPop .popt { margin-top: 45px; text-align: center; }
.star_compose .compose_content .noVoidPop .popt img { width: 280px }
.star_compose .compose_content .noVoidPop .btnset { margin-top: 45px }
.star_compose .compose_content .noVoidPop .btnset a { display: inline-block; margin-left: 10px }
.star_compose .compose_content .noVoidPop .btnset a img { width: 142px }
.star_compose .compose_content .expectpop { display: none; width: 320px; height: 384px; position: absolute; top: 58px; left: 50%; margin-left: -160px; background-color: #fff; border: 3px solid #f5c435; box-sizing: border-box; box-shadow: 0px 0px 100px #000; z-index: 10; }
.star_compose .compose_content .expectpop .close { position: absolute; left: 50%; margin-left: -12.5px; top: -37px }
.star_compose .compose_content .expectpop .close img { width: 25px }
.star_compose .compose_content .expectpop .title { font-size: 12px }
.star_compose .compose_content .expectpop .title p { font-size: 20px; text-align: center; padding: 8px 0; letter-spacing: -0.5px }
.star_compose .compose_content .expectpop .title img { vertical-align: middle; width: 11px; margin: 0 3px 2px 0 }
.star_compose .compose_content .expectpop .title span { vertical-align: middle; color: #777; display: block; text-align: center; margin: 0 auto }
.star_compose .compose_content .expectpop .title strong { color: #f5c435 }
.star_compose .compose_content .expectpop .cont { border: 1px solid #ccc; margin: 15px 20px 0; background-color: #f8f8f8 }
.star_compose .compose_content .expectpop .cont li { overflow: hidden; border-bottom: 1px solid #ccc }
.star_compose .compose_content .expectpop .cont li:last-child { border-bottom: none }
.star_compose .compose_content .expectpop .cont li .img { float: left; width: 65%; text-align: center }
.star_compose .compose_content .expectpop .cont li .right { float: right; width: 35%; text-align: left; font-size: 12px; color: #777 }
.star_compose .compose_content .expectpop .cont li .right p { padding: 1px 0; text-align: center; }
.star_compose .compose_content .expectpop .cont li.star { }
.star_compose .compose_content .expectpop .cont li.star .img img { width: 100px; height: 66px; margin-top: 102px; }
.star_compose .compose_content .expectpop .cont li.coupon { height: 45px }
.star_compose .compose_content .expectpop .cont li.coupon .img img { width: 80px; margin-top: -17px; }
.star_compose .compose_content .expectpop .cont li.star_piece { height: 242px }
.star_compose .compose_content .expectpop .cont li.star_piece .img { height: 100%; line-height: 100%; }
.star_compose .compose_content .expectpop .cont li.star_piece .img img { width: 100px; margin-top: 71px; }
.star_compose .compose_content .expectpop .cont li.star_piece .right p { height: 22px; line-height: 22px; }

/*-----------------------------------------------------------------------
    
    section : 상점

-----------------------------------------------------------------------*/

/* shop1 */
.shop1 { }
.shop1 .menu { }
.shop1 .menu { overflow: hidden; background: #fff; border-bottom: 1px solid #eee; border-top: 0px; box-sizing: border-box; }
.shop1 .menu li { float: left; width: 33.3%; }
.shop1 .menu li a { display: block; height: 45px; line-height: 45px; background: #fff; border: 1px solid #f8f8f8; text-align: center; border-left: 0px; border-bottom: 0px; box-sizing: border-box; border-top: 0px; }
.shop1 .menu li.selected a { background: #181d27; color: #fff; border-bottom: 0px; border-right: 0px; }
.shop1 .menu li:nth-child(3n) { width: 33.4%; }
.shop1 .possess { text-align: center; padding: 15px 0px; background: #fff; color: #222; margin-top: 10px; font: bold 18px arial; letter-spacing: -1px; }
.shop1 .explain { margin-top: 10px; background: #fff; padding: 20px 10px; color: #aaa; font: 13px dotum; }
.shop1 .explain p { padding: 10px 0px; }
.shop1 .explain p span.title { display: block; height: 20px; font-weight: bold; }
.shop1 .explain p.btn { text-align: center }
.shop1 .explain p.btn span { position: relative; color: rgb(68, 68, 68); cursor: pointer; display: inline-block; min-width: 110px; height: 40px; text-align: center; white-space: nowrap; width: 54px; column-rule-color: rgb(68, 68, 68); perspective-origin: 36px 14.5px; transform-origin: 36px 14.5px; user-select: none; background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(245, 245, 245), rgb(241, 241, 241)) repeat scroll 0% 0% / auto padding-box border-box; border: 1px solid rgba(0, 0, 0, 0.0980392); border-radius: 2px 2px 2px 2px; font: normal normal bold normal 14px / 27px arial, sans-serif; margin: 0px 16px 0px 0px; outline: rgb(68, 68, 68) none 0px; padding: 0px 8px; line-height: 40px; }
.shop1 .explain p.btn span:hover { background: #e8e8e8; color: #000; border: 1px solid #c7c7c7; }
.shop1 .explain p.btn span.next:hover { background: red; background: rgba(0, 0, 0, 0) -webkit-linear-gradient(top, rgb(255, 58, 58), rgb(246, 98, 98)) repeat scroll 0% 0%; color: #fff; border: 1px solid #cc0a0a }
.shop1 .explain label { }
.shop1 .explain label input[type=checkbox] { vertical-align: top; width: 15px; height: 15px; }
.shop1 .explain label span { color: #000; font-weight: bold; vertical-align: top; }
.shop1 .explain label a { color: #aaa; vertical-align: top; }
.sec_starShop { overflow: hidden; }
.sec_starShop ul.list { overflow: hidden; margin-top: 10px; }
.sec_starShop ul.list li { }
.sec_starShop ul.list li a { float: left; width: 33.33%; padding: 30px 10px 20px; box-sizing: border-box; text-align: center; border: 1px solid #f3f3f3; background: #fff; border-left: 0px; border-top: 0px; }
.sec_starShop ul.list li p.star { height: 30px; }
.sec_starShop ul.list li p.star img { height: 30px; }
.sec_starShop ul.list li p.star.mini img { height: 20px; margin-top: 5px; }
.sec_starShop ul.list li span.name { font: bold 16px arial; color: #555; }
.sec_starShop ul.list li span.subname { display: none; }
.sec_starShop ul.list li span.price { display: inline-block; margin-top: 20px; background: #eb3b3b; color: #fff; padding: 5px 10px; border-radius: 7px; }
.sec_pieceShop { overflow: hidden; }
.sec_pieceShop ul.list { overflow: hidden; margin-top: 10px; }
.sec_pieceShop ul.list li { padding: 20px 0; overflow: hidden; }
.sec_pieceShop ul.list li .thumb { float: left; width: 55px; margin-right: 15px; }
.sec_pieceShop ul.list li .thumb img.goods { width: 55px; }
.sec_pieceShop ul.list li .title { float: left; width: calc(100% - 155px); }
.sec_pieceShop ul.list li .title h4 { font: bold 16px dotum; margin-bottom: 3px; }
.sec_pieceShop ul.list li .title p { font-size: 13px; line-height: 16px; color: #888; white-space: normal; }
.sec_pieceShop ul.list li .title .price { border-top: 1px dashed #eee; margin-top: 15px; padding-top: 15px; width: 140px; }
.sec_pieceShop ul.list li .title .price .bold { color: #333; }
.sec_pieceShop ul.list li .btn { float: left; width: 70px; text-align: right; margin-left: 15px; }
.sec_pieceShop ul.list li .btn a { display: inline-block; padding: 5px 8px; background: #eb3b3b; color: #fff; text-align: center; font-size: 13px; }
.sec_pieceShop ul.list li .btn a span { vertical-align: top; display: inline-block; font-weight: bold; }
.sec_pieceShop ul.list li .btn a img { vertical-align: top; width: 13px; height: 13px; display: inline-block; margin-top: 1px; }
.sec_vipShop { overflow: hidden; }
.sec_vipShop ul.list { overflow: hidden; margin-top: 10px; }
.sec_vipShop ul.list li { margin-top: 0px; }
.sec_vipShop ul.list li a { padding-left: 80px; padding-top: 20px; padding-bottom: 19px; }
.sec_vipShop ul.list li .head .thumb { position: absolute; top: 20px; left: 0px; }
.sec_vipShop ul.list li .head .thumb img.goods { width: 50px; }
.sec_vipShop ul.list li .head .thumb .ex_Best { position: absolute; top: 0px; left: 0px; }
.sec_vipShop ul.list li .head .thumb .ex_Best img { width: 15px; }
.sec_vipShop ul.list li .head .title .name { font: bold 18px dotum; }
.sec_vipShop ul.list li .head .title .explain { margin-top: 3px; line-height: 21px; color: #888; }
.sec_vipShop ul.list li .foot { margin-top: 10px; padding-top: 20px; border-top: 1px dashed #e8e8e8 }
.sec_vipShop ul.list li .foot .price { float: left; overflow: hidden; text-overflow: ellipsis; font-size: 16px; text-align: center; width: 50%; letter-spacing: 0px; padding-top: 2px; }
.sec_vipShop ul.list li .foot .price .div { color: #aaa; font-size: 14px; height: 15px; padding-top: 1px; }
.sec_vipShop ul.list li .foot .btn { float: right; width: 50%; }
.sec_vipShop ul.list li .foot .btn span { display: inline-block; width: 100%; padding: 19px 0px; background: #eb3b3b; color: #fff; text-align: center; font-size: 18px; }
.sec_vipShop ul.list li .foot .btn span.type1 { background: #d6b45a; }
.sec_vipShop ul.list li .foot .btn span.type2 { background: #df2a55; }
.sec_vipShop ul.list li .foot .btn span.type3 { background: #283840; }
.sec_vipShop ul.list li .foot .btn span.type4 { background: #08388d; }
.md_pay_result { padding: 35px; position: relative; background-color: #f2f2f2; font-family: "Noto Sans KR"; letter-spacing: -0.5px }
.md_pay_result .pay_time { color: #b9b9b9; font-size: 21px; margin-top: 30px }
.md_pay_result .pay_time .bar { display: inline-block; background-color: #c9c9c9; height: 18px; width: 2px; vertical-align: middle; margin: 0 10px 4px }
.md_pay_result .service_name { color: #777; font-size: 24px; font-weight: bold; margin-top: 30px; }
.md_pay_result .pay_detail { margin-top: 2px; font-size: 28px; font-weight: bold }
.md_pay_result .pay_detail span { font-family: SpoqaHanSans; font-size: 41px; margin-right: 3px; }
.md_pay_result .hobar { width: 100%; background-color: #b9b9b9; height: 1px; margin: 15px 0 }
.md_pay_result .more_ment { font-size: 18px; color: #444 }
.md_pay_result .more_ment p { margin-bottom: 10px; }
.md_pay_result .more_ment span { color: #b9b9b9; margin-right: 10px }
.md_pay_result .last_ment { background-color: #fff; margin-top: 30px; padding: 0 10px; }
.md_pay_result .last_ment .ttl { color: #444; font-weight: bold; font-size: 16px; border-bottom: 1px dashed #b9b9b9; padding: 10px 0; text-indent: 5px }
.md_pay_result .last_ment .cont { color: #777; font-size: 13px; padding: 10px 0; }

/*-----------------------------------------------------------------------
    
    activity : introduce_star

-----------------------------------------------------------------------*/

.introduce_star { background: #fff; height: 100%; padding: 20px; }
.introduce_star h4 { padding: 15px 0px; margin-top: 50px; font-weight: bold; }
.introduce_star h4:first-child { margin-top: 10px; }
.introduce_star h4 img { width: 20px; }
.introduce_star .sub { color: #aaa; }
/*-----------------------------------------------------------------------
    
    activity : login

-----------------------------------------------------------------------*/
.login_M { margin: 0 auto; width: 100%; background-color: #fafafa }
.login_Topspace { text-align: center; padding-top: 30px; }
.login_Topspace .top1 { font-size: 47px; font-weight: bold; color: #242424 }
.login_Topspace .top2 { font-size: 19px; margin-top: 1px; color: #666; letter-spacing: -1px }
.login_Box { margin: 20px auto; padding: 0 20px; }
.login_Box .ipt_Wrap { width: 100%; border: 1px solid #e8e8e8 }
.login_Box .ipt_Wrap .iptbox_ID { background-color: #fff; }
.login_Box .ipt_Wrap .iptLine { width: 100%; background-color: #eee; height: 1px }
.login_Box .ipt_Wrap .iptbox_PW { background-color: #fff }
.login_Box .ipt_Wrap span { display: inline-block; vertical-align: middle; width: 13%; text-align: center; background-color: #fff; padding-bottom: 2px }
.login_Box .ipt_Wrap span img { vertical-align: middle; width: 16px }
.login_Box .ipt_Wrap input { width: 87%; height: 58px; border: none; outline-style: none; background-color: #fff; font-size: 15px; vertical-align: middle; box-sizing: border-box }
.login_Box .login_Btn { margin-top: 20px }
.login_Box .login_Btn a { display: inline-block; width: 100%; height: 60px; line-height: 60px; background-color: #ffd123; text-align: center; color: #fff; font-size: 21px; transition: 0.5s }
.login_Box .login_Btn a:hover { background-color: #ff0030; transition: 0.5s }
.login_Box .saveNfind { overflow: hidden; width: 100%; padding-bottom: 10px; border-bottom: 1px solid #eee; margin-top: 10px }
.login_Box .save { float: left; }
.login_Box .save input[type="checkbox"] { display: none; }
.login_Box .save label { cursor: pointer; vertical-align: middle; color: #777; font-size: 15px; }
.login_Box .save input[type="checkbox"] + label:before { border-radius: 4px; background: #ffd123; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 15px; padding-top: 3px; width: 18px; margin: 0 3px 3px 0; vertical-align: middle }
.login_Box .save input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; }
.login_Box .finder { float: right; cursor: pointer }
.login_Box .finder a { text-decoration: none; color: #777; font-size: 15px; vertical-align: middle }
.login_Box .finder span { display: inline-block; width: 1px; height: 15px; background-color: #e8e8e8; margin: 0 5px 3px; vertical-align: middle }
.join_Banner { text-align: center; margin: 30px 0 }
.join_Banner img { width: 100%; }
/* join */
.join_M { margin: 0 auto; width: 100%; background-color: #fafafa }
.join_Topspace { text-align: center; padding-top: 30px; }
.join_Topspace .top1 { font-size: 47px; font-weight: bold; color: #242424 }
.join_Topspace .top2 { font-size: 19px; margin-top: 1px; color: #666; letter-spacing: -1px }
.iptNclause { margin: 20px auto; padding: 0 20px }
.iptNclause .idNpw { width: 100%; border: 1px solid #e8e8e8; position: relative; }
.iptNclause .idNpw input { height: 58px; border: none; background-color: #fff; text-indent: 15px; font-size: 15px; outline-style: none }
.iptNclause .idNpw .id { width: 100%; box-sizing: border-box; vertical-align: middle }
.iptNclause .idNpw .pw1 { width: 50%; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; vertical-align: middle }
.iptNclause .idNpw .pw2 { width: 50%; border-top: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; vertical-align: middle }
.iptNclause .id_error_Ment { display: block; color: #ff0030; font-size: 13px; font-weight: bold; text-align: center; margin-top: 20px }
.iptNclause .phoneBox { width: 100%; border: 1px solid #e8e8e8; margin-top: 20px }
.iptNclause .phoneBox input { height: 58px; border: none; background-color: #fff; text-indent: 15px; font-size: 15px; outline-style: none }
.iptNclause .phoneBox p { position: relative; }
.iptNclause .phoneBox p > a { position: absolute; top: 9px; right: 10px; display: inline-block; border: 1px solid #e8e8e8; background-color: #fafafa; width: 80px; padding: 8px 0; text-align: center; font-size: 15px; color: #777 }
.iptNclause .phoneBox .phone1 { width: 20%; border-right: 1px solid #eee; border-bottom: 1px solid #eee; box-sizing: border-box; vertical-align: middle }
.iptNclause .phoneBox .phone2 { width: 80%; border-bottom: 1px solid #eee; box-sizing: border-box; vertical-align: middle }
.iptNclause .phoneBox .confirm { width: 100%; box-sizing: border-box; vertical-align: middle }
.iptNclause .pa_error_Ment { color: #ff0030; font-size: 13px; font-weight: bold; text-align: center; margin-top: 20px }
.iptNclause .clauseBox { width: 100%; border: 1px solid #e8e8e8; margin-top: 20px; overflow: hidden }
.iptNclause .clauseBox .bothT { float: left; width: 50%; box-sizing: border-box; background-color: #fff }
.iptNclause .clauseBox .indvisual_agree { border-left: 1px solid #e8e8e8 }
.iptNclause label { display: inline-block; width: calc(100% - 15px); height: 60px; line-height: 60px; cursor: pointer; vertical-align: middle; color: #777; font-size: 11px; position: relative; padding-left: 15px }
.iptNclause label strong { color: #ff0030; font-size: 10px; }
.iptNclause input[type="checkbox"] { display: none; }
.iptNclause input[type="checkbox"] + label:before { position: absolute; top: 19px; right: 10px; background: #fafafa; content: "\00a0"; display: inline-block; font: 23px/1em malgun gothic; height: 18px; padding-top: 2px; width: 20px; margin: 0 3px 3px 0; vertical-align: middle; border: 1px solid #e8e8e8 }
.iptNclause input[type="checkbox"]:checked + label:before { color: #777; content: "\2714"; text-align: center; }
.iptNclause .clauseBox .agree_text { height: 80px; overflow: auto; padding: 10px; border: none; color: #929292; background-color: #f2f2f2; font-size: 10px }
.iptNclause .clauseBox .agree_text h4,
.iptNclause .clauseBox .agree_text h5 { padding: 10px 0; font-size: 12px; font-weight: bold }
.iptNclause .smsAgree { width: 100%; border: 1px solid #e8e8e8; background-color: #fff; margin-top: 20px; overflow: hidden }
.iptNclause .jBtn { margin: 20px 0 50px }
.iptNclause .jBtn a { display: inline-block; width: 100%; height: 60px; line-height: 60px; background-color: #ffd123; text-align: center; color: #fff; font-size: 21px; transition: 0.5s }
.iptNclause .jBtn a:hover { background-color: #ff0030; transition: 0.5s }
/* joincomp */
.joincomp_M { margin: 0 auto; width: 100%; background-color: #fafafa }
.jc_Topspace { text-align: center; width: 100%; padding-top: 40px; }
.jc_Topspace .top1 { font-size: 32px; font-weight: bold; color: #242424 }
.jc_Topspace .top2 { font-size: 17px; margin-top: 15px; color: #666; letter-spacing: -1px }
.our_Merit { margin: 20px auto; padding: 0 20px; overflow: hidden }
.our_Merit img { margin-right: 10px; vertical-align: middle; width: calc(33.3333% - 7px) }
.our_Merit .imgla { margin-right: 0px }
.our_Merit .jBtn { margin: 30px 0 50px; width: 100% }
.our_Merit .jBtn a { display: block; width: 100%; height: 60px; line-height: 60px; background-color: #676767; text-align: center; color: #fff; font-size: 15px; transition: 0.5s; margin: 0 auto; }
.our_Merit .jBtn a:last-child { float: right }
.our_Merit .jBtn a:hover { background-color: #ff0030; transition: 0.5s }
/* idfind */
.idfind_Wrap { margin: 0 auto; width: 100%; background-color: #fafafa }
.idfind_Topspace { text-align: center; width: 100%; padding-top: 40px; }
.idfind_Topspace .top1 { font-size: 30px; font-weight: bold; color: #242424 }
.idfind_Topspace .top2 { font-size: 14px; margin-top: 1px; color: #666; letter-spacing: -1px; }




/*-----------------------------------------------------------------------
    
    activity : showid

-----------------------------------------------------------------------*/

.idinfo_Wrap { padding: 40px 0; margin: 0 auto; width: 100%; background-color: #fafafa }
.idfind_Info { margin: 20px auto; padding: 0 20px; overflow: hidden }
.idfind_Info .cont { background: url(/img/2018/Sixmenu_lm2_bg.png); width: 100%; height: 150px; padding-top: 50px; border: 1px solid #e8e8e8 }
.idfind_Info .text { display: block; margin: 0 auto; font-size: 16px; line-height: 27px; color: #444; text-align: center }
.idfind_Info .text strong { color: #000 }
.idfind_Info .jBtn { margin: 30px 0 50px; float: left; width: 100% }
.idfind_Info .jBtn a { display: inline-block; width: 47%; height: 60px; line-height: 60px; background-color: #676767; text-align: center; color: #fff; font-size: 15px; transition: 0.5s }
.idfind_Info .jBtn a:last-child { float: right; background-color: #ffd123 }
.idfind_Info .jBtn a:hover { background-color: #ff0030; transition: 0.5s }

/*-----------------------------------------------------------------------
    
    section : 서비스정보

-----------------------------------------------------------------------*/

.md_vip_introduce { position: relative; }
.md_vip_introduce .header { position: fixed; top: 0px; left: 0px; width: 100%; background: #1f2c35; height: 40px; padding-top: 15px; text-align: center; z-index: 150; }
.md_vip_introduce .header .title { color: #fff; font-size: 20px; }
.md_vip_introduce .header .close { position: absolute; top: 15px; right: 15px; }
.md_vip_introduce .header .close img { width: 20px; vertical-align: middle }
.floating_menu { position: fixed; top: 50px; background-color: #fff; max-width: 640px; width: 100%; z-index: 999; }
.floating_menu .vip_intro_m { width: 100%; border-bottom: 1px solid#eee; }
.floating_menu .vip_intro_m li { float: left; text-align: center; box-sizing: border-box; border-right: 1px solid#eee; width: 100%; border-bottom: 1px solid#eee; }
.floating_menu .vip_intro_m li:last-child { border-right: none; }
.floating_menu .vip_intro_m li a { color: #666; font-size: 16px; display: block; width: 100%; padding: 15px 0; }
/* 프리미엄반소개 */
.danta { max-width: 640px; overflow: hidden; margin-top: 48px; }
.danta > div { position: relative; }
.danta_pt1 { }
.danta_pt2 { }
.danta_pt3 { }
.danta_pt3 .box1 { top: 33.0214%; left: 8.4375%; width: 40.4688%; z-index: 1; }
.danta_pt3 .box2 { top: 33.0214%; left: 51.25%; width: 40.4688%; z-index: 1; }
.danta_pt3 .arrow { top: 45.8556%; left: 43.4375%; width: 14.375%; z-index: 2; }
.danta_pt4 { }
.danta_pt4 .circle1 { top: 30.8842%; left: 5.3125%; width: 58.9063%; z-index: 5; }
.danta_pt4 .circle1 .btn { position: absolute; top: 68.0739%; left: 25.9947%; width: 47.7454%; }
.danta_pt4 .circle1 .btn img { width: 100%; }
.danta_pt4 .circle2 { top: 59.4022%; left: 54.0625%; width: 35.3125%; z-index: 4; }
.danta_pt4 .circle3 { top: 39.1034%; left: 65.3125%; width: 29.2188%; z-index: 3; }
.danta_pt4 .circle4 { top: 30.137%; left: 57.9688%; width: 14.5313%; z-index: 2; }
.danta_pt4 .circle5 { top: 31.2578%; left: 73.4375%; width: 8.9063%; z-index: 1; }
.danta_pt5 { }
.danta_pt6 { }
.danta_pt6 .count { top: 54.5%; width: 62.5%; height: 12.1319%; margin: 0 18.75%; text-align: center; }
.danta_pt6 .count > span { font-family: 'Spoqa Han Sans'; }
.danta_pt6 .count > span > strong { font-weight: normal; margin-right: 10px; margin-bottom: -3%; vertical-align: bottom; display: inline-block; }
.danta_pt6 .count > span.vw { font-size: 25px; font-size: 4.4vw; }
.danta_pt6 .count > span.vw > strong { font-size: 60px; font-size: 10.25vw; }
.danta_pt6 .btn { top: 77.6207%; left: 18.75%; width: 62.5%; }
.danta_pt7 { }
.danta_pt7 .box1 { top: 20.6226%; left: 9.375%; width: 83.75%; }
.danta_pt7 .box2 { top: 36.1868%; left: 9.375%; width: 83.75%; }
.danta_pt7 .box3 { top: 51.5953%; left: 9.375%; width: 83.75%; }
.danta_pt7 .box4 { top: 78.4436%; left: 9.375%; width: 83.75%; }
.danta_pt8 { }
.danta_pt9 { }
.danta_pt10 { }
.danta_pt10 .btn { position: fixed; width: 100%; min-width: 360px; bottom: 0; left: 0; text-align: center; font-size: 0; z-index: 10 }
.danta_pt10 .btn .b1 { width: 50%; display: inline-block; max-width: 320px; min-width: 180px; background: #fff; }
.danta_pt10 .btn .b2 { width: 50%; display: inline-block; max-width: 320px; min-width: 180px; background: #e8e8e8; }
.danta_pt10 .btn a { display: block; width: 100%; height: 100%; }
.danta_pt10 .btn a img { width: 100%; }
/* 중타반소개 */
.jungta { max-width: 640px; overflow: hidden; margin-top: 48px; }
.jungta > div { position: relative; }
.jungta_pt1 { }
.jungta_pt1 .btn { top: 65.375%; left: 35.9375%; width: 28.125%; }
.jungta_pt2 { }
.jungta_pt2 .message { top: 8.6794%; left: 11.4063%; width: 25.1563%; }
.jungta_pt2 .piece1 { top: 23.0051%; left: 61.0938%; width: 15.4688%; }
.jungta_pt2 .piece2 { top: 27.5782%; left: 61.0938%; width: 14.5313%; }
.jungta_pt2 .piece3 { top: 23.0051%; left: 76.5625%; width: 15.4688%; }
.jungta_pt2 .circle1 { top: 41.4372%; left: 17.1875%; width: 12.8125%; }
.jungta_pt2 .circle2 { top: 46.9435%; left: 5.7813%; width: 12.8125%; }
.jungta_pt2 .circle3 { top: 46.9435%; left: 28.75%; width: 12.8125%; }
.jungta_pt2 .box1 { top: 59.5427%; left: 59.5313%; width: 34.0625%; }
.jungta_pt2 .box2 { top: 65.9823%; left: 59.5313%; width: 34.0625%; }
.jungta_pt2 .phone { top: 82.4545%; left: 17.8125%; width: 11.7188%; }
.jungta_pt3 { }
.jungta_pt4 { }
.jungta_pt4 .circle1 { top: 19.7476%; left: 28.2813%; width: 23.4375%; }
.jungta_pt4 .circle2 { top: 19.7476%; left: 48.2813%; width: 23.4375%; }
.jungta_pt4 .circle3 { top: 24.3078%; left: 38.2813%; width: 23.4375%; }
.jungta_pt4 .circle4 { top: 87.9072%; left: 29.5313%; width: 18.9063%; }
.jungta_pt4 .circle5 { top: 87.9072%; left: 51.5625%; width: 18.9063%; }
.jungta_pt5 { }
.jungta_pt6 { }
.jungta_pt6 .btn { position: fixed; width: 100%; min-width: 360px; bottom: 0; left: 0; text-align: center; font-size: 0; }
.jungta_pt6 .btn .b1 { width: 50%; display: inline-block; max-width: 320px; min-width: 180px; background: #fff; }
.jungta_pt6 .btn .b2 { width: 50%; display: inline-block; max-width: 320px; min-width: 180px; background: #e8e8e8; }
.jungta_pt6 .btn a { display: block; width: 100%; height: 100%; }
.jungta_pt6 .btn a img { width: 100%; }
/* 소액반소개 */
.soac { max-width: 640px; overflow: hidden; }
.soac > div { position: relative; }
.soac_pt1 { }
.soac_pt2 { }
.soac_pt3 { }
.soac_pt3 .box1 { top: 28.2710%; left: 7.8125%; width: 40.625%; }
.soac_pt3 .box2 { top: 28.2710%; left: 51.7188%; width: 40.625%; }
.soac_pt4 { }
.soac_pt4 .circle1 { top: 31.0559%; left: 5.4688%; width: 58.9063%; z-index: 5; }
.soac_pt4 .circle1 .btn { position: absolute; top: 68.0739%; left: 25.7294%; width: 47.7454%; }
.soac_pt4 .circle2 { top: 59.5031%; left: 54.0625%; width: 35.3125%; z-index: 4; }
.soac_pt4 .circle3 { top: 39.2547%; left: 65.3125%; width: 29.2188%; z-index: 3; }
.soac_pt4 .circle4 { top: 30.3106%; left: 57.9688%; width: 14.5313%; z-index: 2; }
.soac_pt4 .circle5 { top: 31.4286%; left: 73.4375%; width: 8.9063%; z-index: 1; }
.soac_pt5 { }
.soac_pt5 .box { top: 41.0959%; left: 42.9688%; width: 52.1875%; }
.soac_pt6 { }
.soac_pt6 .answer1 { top: 21.7861%; left: 20.46%; width: 59.0625%; }
.soac_pt6 .answer1 .btn { position: absolute; top: 62.2807%; left: 7.4074%; width: 84.9206%; }
.soac_pt6 .answer2 { top: 48.1229%; left: 20.46%; width: 59.0625%; }
.soac_pt6 .answer3 { top: 79.1809%; left: 20.46%; width: 59.0625%; }
.soac_pt6 .answer3 .btn { position: absolute; top: 67.5277%; left: 7.4074%; width: 84.9206%; }
.soac_pt7 { }
.soac_pt7 .count { top: 54.5%; width: 62.5%; height: 12.1319%; margin: 0 18.75%; text-align: center; }
.soac_pt7 .count > span { font-family: 'Spoqa Han Sans'; }
.soac_pt7 .count > span > strong { font-weight: normal; margin-right: 10px; margin-bottom: -3%; vertical-align: bottom; display: inline-block; }
.soac_pt7 .count > span.vw { font-size: 25px; font-size: 4.4vw; }
.soac_pt7 .count > span.vw > strong { font-size: 60px; font-size: 10.25vw; }
.soac_pt7 .btn { top: 77.6471%; left: 18.75%; width: 62.5%; }
.soac_pt8 { }
.soac_pt9 { }
.soac_pt9 .btn { position: fixed; width: 100%; min-width: 360px; bottom: 0; left: 0; text-align: center; font-size: 0; z-index: 10 }
.soac_pt9 .btn .b1 { width: 50%; display: inline-block; max-width: 320px; min-width: 180px; background: #fff; }
.soac_pt9 .btn .b2 { width: 50%; display: inline-block; max-width: 320px; min-width: 180px; background: #e8e8e8; }
.soac_pt9 .btn a { display: block; width: 100%; height: 100%; }
.soac_pt9 .btn a img { width: 100%; }
/* 펙트폭행 */
.fact_m { max-width: 640px; overflow: hidden; margin-top: 48px; }
.fact_m .fact_bg1 { background: url('/img/mob/fact_mob_bg1.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 420%; }
.fact_m .fact_bg2 { background: url('/img/mob/fact_mob_bg2.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 220%; text-align: center; }
.fact_m .fact_bg2 .btn { position: absolute; left: 50%; top: 72%; transform: translateX(-50%); width: 100%; }
.fact_m .fact_bg2 .btn a { }
.fact_m .fact_bg2 .btn a img { width: 85%; }
.fact_m .fact_bg3 { background: url('/img/mob/fact_mob_bg3.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 363%; text-align: center; }
.fact_m .fact_bg3 .btn { position: absolute; left: 50%; top: 17%; transform: translateX(-50%); width: 100%; }
.fact_m .fact_bg3 .btn a { display: block; margin-bottom: 35px; }
.fact_m .fact_bg3 .btn a img { width: 50%; }
.fact_m .fact_bg4 { background: url('/img/mob/fact_mob_bg4_fix.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 950%; }
/* 10분종가매매 */
.tenMinute { max-width: 640px; overflow: hidden; }
.tenMinute > div { position: relative; }
.tenMinute_pt1 { }
.tenMinute_pt1 .hour { top: 41.8338%; left: 12.5%; width: 33.125%; }
.tenMinute_pt1 .hour > img { width: 35.849%; position: absolute; }
.tenMinute_pt1 .hour > img.ten { top: 0; left: 7.0755%; }
.tenMinute_pt1 .hour > img.one { top: 0; left: 57.0755%; }
.tenMinute_pt1 .minute { top: 41.8338%; left: 52.3438%; width: 33.125%; }
.tenMinute_pt1 .minute > img { width: 35.849%; position: absolute; }
.tenMinute_pt1 .minute > img.ten { top: 0; left: 7.0755%; }
.tenMinute_pt1 .minute > img.one { top: 0; left: 57.0755%; }
.tenMinute_pt1 .point { top: 46.4183%; left: 47.9688%; width: 1.875%; }
.tenMinute_pt2 { }
.tenMinute_pt2 .check { width: 24.375%; height: 37.0629%; }
.tenMinute_pt2 .check.ck1 { top: 45.4545%; left: 0.625%; }
.tenMinute_pt2 .check.ck2 { top: 45.4545%; left: 25.1563%; }
.tenMinute_pt2 .check.ck3 { top: 45.4545%; left: 49.6875%; }
.tenMinute_pt2 .check.ck4 { top: 45.4545%; left: 74.2188%; }
.tenMinute_pt2 .check .circle { text-align: center; }
.tenMinute_pt2 .check .circle > img { width: 38.4615%; }
.tenMinute_pt2 .check .circle .after { display: none; }
.tenMinute_pt2 .check.active .circle .after { display: inline; }
.tenMinute_pt2 .check.active .circle .before { display: none; }
.tenMinute_pt2 .check .ment { text-align: center; margin-top: 4.717%; }
.tenMinute_pt2 .check .ment > img { width: 87.1795%; }
.tenMinute_pt2 .check .input { text-align: center; margin-top: 7.0755%; height: 10.8492%; }
.tenMinute_pt2 .check .input > input[type=checkbox] { width: 14.7436%; height: 100%; margin: 0; }
.tenMinute_pt2 .check .share { text-align: center; margin-top: 14.1509%; }
.tenMinute_pt2 .check .share > img { width: 27.5641%; vertical-align: top; display: inline-block; }
.tenMinute_pt2 .check .share > span { color: #999999; vertical-align: top; }
.tenMinute_pt2 .check .share > span.vw { font-size: 14px; font-size: 2.125vw; }
.tenMinute_pt2 .check .share > span > strong { color: #000; margin-right: 2.3585%; vertical-align: top; }
.tenMinute_pt2 .check .share .after { display: none; }
.tenMinute_pt2 .check.active .share .before { display: none; }
.tenMinute_pt2 .check.active .share .after { display: inline-block; }
.tenMinute_pt3 { }
.tenMinute_pt4 { }
.tenMinute_pt5 { }
.tenMinute_pt5 .circle1 { top: 41.3444%; left: 5.4688%; width: 46.875%; z-index: 1; }
.tenMinute_pt5 .circle2 { top: 41.3444%; left: 47.6563%; width: 46.875%; z-index: 1; }
.tenMinute_pt5 .circle3 { top: 63.1676%; left: 26.5625%; width: 46.875%; z-index: 2; }
.tenMinute_pt6 { }
.tenMinute_pt7 { }
.tenMinute_pt8 { }
.tenMinute_pt8 .btn { position: fixed; width: 100%; min-width: 360px; bottom: 0; left: 0; text-align: center; font-size: 0; z-index: 10 }
.tenMinute_pt8 .btn .b1 { width: 50%; display: inline-block; max-width: 320px; min-width: 180px; background: #fff; }
.tenMinute_pt8 .btn .b2 { width: 50%; display: inline-block; max-width: 320px; min-width: 180px; background: #e8e8e8; }
.tenMinute_pt8 .btn a { display: block; width: 100%; height: 100%; }
.tenMinute_pt8 .btn a img { width: 100%; }
/*매매방법 뉴버전*/
.md_method { background-color: #f8f8f8; margin-bottom: 20px; }
.md_method_top { text-align: center; padding: 20px 0; border-bottom: 1px solid #e8e8e8; letter-spacing: -0.5px; background-color: #fff }
.md_method_top img { vertical-align: middle; width: 60% }
.md_method_top p { margin-top: 15px; font-size: 17px; font-weight: bold; line-height: 20px }
.md_method_top p span { color: #ff0300 }
.md_method_cont { background-color: #fff; padding: 7px 0; letter-spacing: -0.5px; border-top: 1px solid #e8e8e8; padding: 15px 0 }
.md_method_cont .t3 { font-size: 14px; background-color: #fff; text-align: center }
.md_method_cont .t3 > span { display: inline-block; font-size: 12px; padding: 6px; background-color: #222; color: #fedd01; border-radius: 5px; font-weight: bold; margin-bottom: 7px; }
.md_method_cont .t3 p { font-size: 15px; font-weight: bold; line-height: 20px }
.md_method_cont .t3 p span { color: #ff0300 }
.md_method_cont .smspart { background-color: #f8f8f8; border: 1px solid #e8e8e8; margin: 7px 10px; position: relative }
.md_method_cont .smswrap { overflow: hidden; padding: 15px 0 }
.md_method_cont .smsIcon { float: left; width: 20%; text-align: center; }
.md_method_cont .smsIcon p { font-size: 11px; color: #999 }
.md_method_cont .smscont { float: left; width: 80%; font-size: 14px; line-height: 35px; color: #444 }
.md_method_cont .smscont2 { float: left; width: 80%; font-size: 14px; line-height: 18px; color: #444 }
.md_method_cont .smsdet { display: none; font-size: 12px; padding: 0 10px 10px }
.md_method_cont .smsdet p { margin-bottom: 10px; color: #444 }
.md_method_cont .smswrap .posdet { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); font-size: 12px; border-radius: 10px; width: 120px; height: 30px; line-height: 30px; background-color: #ddd; color: #777; text-align: center; cursor: pointer }
.md_method .t3.topmar { margin-top: 50px }
.md_method .jungtalink { position: fixed; bottom: 0; width: 100%; background-color: #e8e8e8; height: 50px; line-height: 50px; text-align: center; opacity: 0.9 }
/* 서비스 가이드 뉴버전*/
.md_help_service { position: relative; }
.md_help_service .body { background-color: #f2f2f2; }
.md_help_service .body.stock_way { background-color: #fff; }
.md_help_service .body.whygoch_vod { background-color: #fff; }
.md_help_service .body .title { text-align: center; padding: 20px 0; font-size: 18px; font-weight: bold; color: #000; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; background: #0d1f2c; color: #fff; }
.md_help_service .body .title p { font-size: 16px; font-weight: normal; margin-bottom: 2px; color: #aaa }
.md_help_service .body .vod { padding: 0px 0px 0px; }
.md_help_service .body .explain { padding: 22px 10px 20px; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; font: bold 20px dotum; background: #0d1f2c; color: #fff; }
.md_help_service .body .tnt { padding: 16px 10px 15px; font-size: 16px; font-weight: 700; color: #0d1f2c; }
.md_help_service .body .mnt { padding: 16px 10px 15px; background: #e8e8e8; font-size: 13px; font-weight: 300; color: #888; }
.md_help_service iframe { vertical-align: middle; display: block; }
/* 체험반소개 */
.freeapply { }
.freeapply .point1 { background: url('/img/mob/freeapply_mob_bg_01.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 160%; }
.freeapply .point1 a { position: absolute; display: inline-block; width: 100%; color: #fff; position: absolute; top: 67%; left: 50%; transform: translateX(-50%); text-align: center; }
.freeapply .point1 a:active { opacity: 0.3; }
.freeapply .point1 a img { display: inline-block; vertical-align: middle; width: 80%; }
.freeapply .point2 { background: url('/img/mob/freeapply_mob_bg_02_02.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; text-align: center; margin: 0 auto; }
.freeapply .point2 .point2_content1 { letter-spacing: -1px }
.freeapply .point2 .point2_content1 > img { display: block; margin: 0 auto; width: 70%; padding-top: 200px; }
.freeapply .point2 .point2_content1 a { display: inline-block; width: 100%; text-align: center; margin: 50px 0 100px; }
.freeapply .point2 .point2_content1 a img { display: inline-block; width: 70%; }
.freeapply .point2 .point2_content1 a:active { opacity: 0.3; }
.freeapply .point2 .point2_content2 { letter-spacing: -1px }
.freeapply .point2 .point2_content2 a { display: inline-block; width: 100%; text-align: center; margin: 50px 0 150px; }
.freeapply .point2 .point2_content2 a img { display: inline-block; width: 70%; }
.freeapply .point2 .point2_content2 { overflow: hidden; }
.freeapply .point2 .point2_content2 > img { display: block; margin: 0 auto; width: 50%; }
.freeapply .point2 .point2_content2 a:active { opacity: 0.3; }
.freeapply .point2 .point2_content1 .s_ttl { font-size: 6.0vw; }
.freeapply .point2 .point2_content1 .s_ttl .redbold { color: #ff0030; font-weight: bold; }
.freeapply .point2 .point2_content1 .s_ttl2 { font-size: 4.0vw; color: #666; margin-top: 5px; margin-bottom: -130px; }
.freeapply .point2 .point2_content1 .deco { display: inline-block; width: 30px; height: 5px; background: #000; margin-bottom: 8px; margin-top: 60%; }
.freeapply .point2 .point2_content2 .s_ttl { font-size: 6.0vw; }
.freeapply .point2 .point2_content2 .deco { display: inline-block; width: 30px; height: 5px; background: #000; margin-bottom: 8px }
.freeapply .point2 .point2_content2 .s_ttl .redbold { color: #ff0030; font-weight: bold; }
.freeapply .point2 .point2_content2 ul { margin-top: 50px; }
.freeapply .point2 .point2_content2 ul li { width: 90%; margin: 0 auto; background: #fff; box-sizing: border-box; border: 1px solid #b9b9b9; height: 110px; margin-top: 20px; }
.freeapply .point2 .point2_content2 ul li .user_info { padding: 15px 0px; width: 30%; border-right: 1px solid #ddd; float: left; box-sizing: border-box; height: 109px; overflow: hidden; }
.freeapply .point2 .point2_content2 ul li .user_info p:nth-of-type(1) img { height: 50px; border-radius: 40px; }
.freeapply .point2 .point2_content2 ul li .user_info .nick { font-size: 12px; color: #444; text-overflow: ellipsis; white-space: nowrap }
.freeapply .point2 .point2_content2 ul li .user_info .phone { font-size: 10px; color: #b9b9b9; }
.freeapply .point2 .point2_content2 ul li .user_info .phone img { height: 10px; margin-right: 6px; vertical-align: middle; margin-bottom: 1px }
.freeapply .point2 .point2_content2 ul li .user_info .phone span { vertical-align: middle }
.freeapply .point2 .point2_content2 ul li .textArea { overflow: hidden; width: 70%; float: right; }
.freeapply .point2 .point2_content2 ul li .textArea .text_top { overflow: hidden; height: 30px; line-height: 30px; }
.freeapply .point2 .point2_content2 ul li .textArea .text_top .ttl { padding-left: 10px; width: 60%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: left; overflow: hidden; font-size: 12px; }
.freeapply .point2 .point2_content2 ul li .textArea .text_top .date { width: 30%; float: right; font-size: 12px; color: #b9b9b9; }
.freeapply .point2 .point2_content2 ul li .textArea .text_bottom { padding: 10px; border-top: 1px solid #b9b9b9; word-break: break-all; overflow-y: hidden; height: 50px; line-height: 20px; float: left; font-size: 12px; width: calc(100% - 20px); text-align: left; }
.freeapply .point7 p { }
.freeapply .point3 { background: url('/img/mob/freeapply_mob_bg_03_02.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 203%; }
.freeapply .point4 { background: url('/img/mob/freeapply_mob_bg_04.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 175%; }
.freeapply .point4 a { display: inline-block; width: 100%; text-align: center; position: absolute; top: 80%; }
.freeapply .point4 a img { display: inline-block; width: 70%; }
.freeapply .point4 a:active { opacity: 0.3; }
.freeapply .point5 { background: url('/img/mob/freeapply_mob_bg_05.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 260%; }
.freeapply .point5 a { display: inline-block; width: 100%; text-align: center; position: absolute; top: 89%; }
.freeapply .point5 a img { display: inline-block; width: 70%; }
.freeapply .point5 a:active { opacity: 0.3; }
.freeapply .point6 { background: url('/img/mob/freeapply_mob_bg_06_2.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 123%; position: relative; }
.freeapply .point6 a { display: block; width: 100%; text-align: center; position: absolute; top: 65%; }
.freeapply .point6 a img { display: inline-block; width: 70%; }
.freeapply .point6 a:active { opacity: 0.3; }
.freeapply .point6 p { color: #fff; font-size: 10.0vw; font-weight: 400; position: absolute; top: 45%; left: 50%; transform: translateX(-60%); letter-spacing: -2px; font-weight: 400; }
.freeapply .point7 { background: url('/img/mob/freeapply_mob_bg_07.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 123%; position: relative; }
.freeapply .point7 a { display: block; width: 100%; text-align: center; position: absolute; top: 65%; }
.freeapply .point7 a:active { opacity: 0.3; }
.freeapply .point7 a img { display: inline-block; width: 70%; }
.freeapply .point7 p { color: #111; font-size: 10.0vw; font-weight: 400; position: absolute; top: 44%; left: 50%; transform: translateX(-60%); letter-spacing: -2px; font-weight: 400; }



.fot { display: block; clear: both; padding: 15px 0 22px; font-size: 12px; line-height: 18px; text-align: center; }
.fot_pa { position: relative; display: inline-block; margin: 0 3.25px; padding: 0 8px; border: 1px solid #e1e1e1; line-height: 25px; color: #333; background-color: #f2f2f2; }
.fot_p2 { margin: 8px 0 5px; }
.fot_p3a { font-size: 12px; color: #333; }
.fot_cp { font-family: HelveticaNeue,AppleSDGothicNeo-Regular,Sans-serif; color: #888; }



































.md_ftInfo { min-height: 40px; }
.memberInfo { position: fixed; bottom: 0px; left: 0px; width: 100%; min-height: 40px; background: #292c35; border-top: 1px solid #242730; z-index: 20000; color: #fff; }
.member_info { position: relative; min-height: 50px; }
.member_info img.memberPhoto { position: absolute; bottom: 7px; left: 20px; width: 33px; border-radius: 50%; }
.member_info p.star { position: absolute; top: 15px; left: 68px; }
.member_info p.star img { width: 22px; height: 22px; vertical-align: middle; margin-bottom: 4px; margin-left: 5px; }
.member_info p.star span { vertical-align: middle; font: bold 15px arial; color: #fff; }
.member_info p.star img.staar { }
.member_info p.star img.starPiece { margin-left: 12px; }
.member_info p.star img.mail { margin-left: 12px; margin-right: 3px; }
.member_info p.star .tiket { height: 16px; margin-top: 2px; }
.member_info span.star { position: absolute; bottom: 32px; left: 105px; animation-name: star_engage; animation-duration: 1s; animation-iteration-count: 1; animation-fill-mode: both; text-align: right; animation-timing-function: ease-in }
.member_info span.star span { vertical-align: middle; font: bold 12px arial; }
.member_info span.star span.exp { font-size: 11px; }
.member_info span.star img { width: 12px; vertical-align: middle; margin-bottom: 2px; }
.sec_main_best_news ul li a { padding: 14px 15px 12px; text-overflow: initial; overflow: hidden; white-space: initial; letter-spacing: 0px; }
.sec_main_best_news ul li div.pic { position: relative; float: left; margin-right: 12px; }
.sec_main_best_news ul li div.pic::before { content: ''; height: 54px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border: 1px solid rgba(0,0,0,.02) }
.sec_main_best_news ul li div.txt { font: 16px/20px dotum }
.sec_main_best_news ul li div.txt .division { margin: 0px 2px; color: #eee; font: 12px dotum; }
.sec_main_best_news ul li div.txt .ohnm { font: 12px dotum; color: #aaa; margin-left: 2px; }
.sec_main_best_news ul li div.txt .date { font: 12px dotum; color: #aaa; }




/*-----------------------------------------------------------------------
    
    animation

-----------------------------------------------------------------------*/

.ouro { position: relative; display: inline-block; height: 16px; width: 16px; border-radius: 50%; background: none repeat scroll 0 0 #f2f2f2; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.1) inset, 0 0 12px rgba(70, 124, 220, 0.08); vertical-align: middle; margin: 0px 0px 3px 5px; }
.ouro_end { position: relative; display: inline-block; height: 12px; width: 12px; border-radius: 50%; background: none repeat scroll 0 0 #ddd; opacity: 0.8; overflow: hidden; box-shadow: 0 0 5px rgba(0,0,0,.1) inset, 0 0 12px rgba(70, 147, 220, 0.08); vertical-align: middle; margin: 0px 0px 3px 5px; }
.ouro:after { content: ""; position: absolute; top: 4px; left: 4px; display: block; height: 8px; width: 8px; background: none repeat scroll 0 0 #fff; border-radius: 50%; box-shadow: 0 0 10px rgba(0,0,0,.1); }
.ouro > span { position: absolute; height: 100%; width: 50%; overflow: hidden; }
.ouro .left { left: 0 }
.ouro .right { left: 50% }
.ouro .anim { position: absolute; left: 100%; top: 0; height: 100%; width: 100%; border-radius: 999px; background: none repeat scroll 0 0 #353948; opacity: 0.8; -webkit-animation: ui-spinner-rotate-left 3s infinite; animation: ui-spinner-rotate-left 3s infinite; -webkit-transform-origin: 0 50% 0; transform-origin: 0 50% 0; }
.ouro .anim_end { position: absolute; left: 100%; top: 0; height: 100%; width: 100%; border-radius: 999px; background: #353948; opacity: 1; transform-origin: 0 50% 0; }
.ouro .left .anim { border-bottom-left-radius: 0; border-top-left-radius: 0; }
.ouro .right .anim { border-bottom-right-radius: 0; border-top-right-radius: 0; left: -100%; -webkit-transform-origin: 100% 50% 0; transform-origin: 100% 50% 0; }

@keyframes ui-spinner-rotate-right {
    0% { transform: rotate(0deg) }
    25% { transform: rotate(180deg) }
    50% { transform: rotate(180deg) }
    75% { transform: rotate(360deg) }
    100% { transform: rotate(360deg) }
}

@keyframes ui-spinner-rotate-left {
    0% { transform: rotate(0deg) }
    25% { transform: rotate(0deg) }
    50% { transform: rotate(180deg) }
    75% { transform: rotate(180deg) }
    100% { transform: rotate(360deg) }
}

@-webkit-keyframes ui-spinner-rotate-right {
    0% { -webkit-transform: rotate(0deg) }
    25% { -webkit-transform: rotate(180deg) }
    50% { -webkit-transform: rotate(180deg) }
    75% { -webkit-transform: rotate(360deg) }
    100% { -webkit-transform: rotate(360deg) }
}

@-webkit-keyframes ui-spinner-rotate-left {
    0% { -webkit-transform: rotate(0deg) }
    25% { -webkit-transform: rotate(0deg) }
    50% { -webkit-transform: rotate(180deg) }
    75% { -webkit-transform: rotate(180deg) }
    100% { -webkit-transform: rotate(360deg) }
}

@keyframes move_move {
    from { margin-left: 5px; }
    to { margin-left: 2px; }
}

@keyframes star_engage {
    to { bottom: 45px; opacity: 0; z-index: 100000; }
}

@keyframes on-air {
    to { opacity: 0; }
}

@keyframes shine {
    to { background: linear-gradient(to right, #353948 20%, #353948 40%, #292c35 60%, #353948 80%); background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; background-position: 200% center; }
}






































































































































































































/*-----------------------------------------------------------------------
    
    section : main

-----------------------------------------------------------------------*/




/*#masterHeader.scr .md_header { top: -51px; }
.md_header { position: fixed; top: 0; left: 0; z-index:2000; width: 100%; transition: all 0.2s; }
.md_header .head { position: relative; width:100%; height: 50px;border-bottom: 1px solid #1f2a30; background: #292c35; text-align: center;  }
.md_header .head .logo img { width:47px;margin-top:10px; }
.md_header .head .ptop_chat { position: absolute; top: 11px; right: 48px; display: block; animation-duration: 0.8s; animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-name: chatfadeIn; }
.md_header .head .ptop_chat img { width: 27px; vertical-align:middle; margin-bottom:-6px;  }
.md_header .head .ptop_chat a img.on {animation-name: shakechat;animation-duration: 1.2s;animation-iteration-count: infinite }
.md_header .head .ptop_live { position: absolute; top: 11px; left: 20px; display: block; animation-duration: 0.8s; animation-direction: alternate-reverse; animation-iteration-count: infinite; animation-name: chatfadeIn; }
.md_header .head .ptop_live img { width: 35px; vertical-align:middle; margin-bottom:-6px;  }
.md_header .head .ptop_live a img.on {animation-name: shakechat;animation-duration: 1.2s;animation-iteration-count: infinite }
.md_header .head .ptop_live .red_point { width: 10px; height: 10px; background: #f00; border-radius: 5px; position: absolute; top: 3px; right: -6px; display: none; }
@keyframes shakechat {from,to 
 {transform: translate3d(0, 0, 0);}
 10%,30% {transform: translate3d(-2px, 0, 0);}
 20%,40% {transform: translate3d(2px, 0, 0);}
 50% {transform: translate3d(0, 0, 0);}
}
.md_header .head .ptop_chat .red_point { width: 10px; height: 10px; background: #f00; border-radius: 5px; position: absolute; top: 3px; right: -3px; display: none; }
.md_header .head .pop_menu { position:absolute;top:16px;right:16px;  }
.md_header .head .pop_menu img { width:18px; }
.md_header .head .pop_menu .red_point { display: none; width: 10px; height: 10px; background: #f00; border-radius: 5px; position: absolute; top: -2px; right: -3px; }
.md_header .menu { position:relative; width: 100%; background: #f2f4f6; overflow: hidden; margin-left: 0px;   }
.md_header .menu li {  display: block; float: left; line-height: 21px; text-align: center; color: #0e111d; font-size: 18px; font-weight: 500;  }
.md_header .menu li a { position:relative; display: block; color: #000; text-decoration: none; padding-top:10px; border-bottom: 4px solid #f2f4f6;}
.md_header .menu li a p {font-size:12px; color:#777;}
.md_header .menu li a.selected { border-bottom: 4px solid #292c35; }
.md_header .menu li a img { width: 22px; }
.md_header .menu li.selected a { color: #ff1000; }
.md_header .menu li div.word { height: 25px;padding-top:3px; color: #000; font: 14px dotum; }
.md_header .menu li .chatNum { position:absolute;top:10px;left:calc(100%/ 2); padding:3px 5px 3px 4px;  border-radius:10px; background:#f95841;color:#fff; text-align:center; font:11px dotum; color:#fff; font-weight:bold; display:none;}
.md_header .menu li.shadow { position:absolute;bottom:0px; float:inherit; width:100%; border-bottom:1px solid #dedede; }

.md_submenu { width: 100%; background: #fff; overflow: hidden;border-bottom:1px solid rgba(0,0,0,0.1);  }
.md_submenu li { position:relative; display: block; float: left; width:50%; background: #fafafa;  height: 52px; line-height:52px; text-align: center; color: #0e111d; font-size: 15px; }
.md_submenu li a { position: relative; display: inline-block; width: 100%; height: 52px; color: #444; text-decoration: none; }
.md_submenu li.selected { color: #292b34; }
.md_submenu li+:before {content:"";display:block;width:1px;height:18px;position:absolute;top:0;bottom:0;left:0;margin:auto;background-color:rgba(0,0,0,0.1)}
.md_submenu li.selected a {  color: #030f21;  }
.md_submenu li.selected span.title { display:inline; padding: 3px 7px; font-weight: bold; background:#292b34;color:#fff; }
.md_submenu li.selected span.title span { font:11px arial; color:#ffe8bf;  }
.md_submenu li.selected select { display: inline-block; padding: 4px 3px; margin-bottom: 5px; background: #fff; border: 1px solid #ddd; color: #000; font-weight: bold; }
.md_submenu li span.number { font-size:12px; font-family:Arial; }*/

@media (max-width: 359px) {
    .index_pt3 .count > strong.vw { font-size: 26.3px !important; }
    .index_pt3 .count > span.vw { font-size: 10px !important; }
    .index_pt4 .txt.vw { font-size: 12.9px !important; }
    .index_pt5 .title .count .num span.vw { font-size: 16px !important; }
    .index_pt5 .title .count .num span.vw strong { font-size: 37px !important; }
    .index_pt6 .count span.vw { font-size: 16px !important; }
    .index_pt6 .count span.vw strong { font-size: 37px !important; }
    .index_pt11 .count span.vw { font-size: 37px !important; }
    .danta_pt6 .count span.vw { font-size: 16px !important; }
    .danta_pt6 .count span.vw strong { font-size: 37px !important; }
    .soac_pt7 .count span.vw { font-size: 16px !important; }
    .soac_pt7 .count span.vw strong { font-size: 37px !important; }
    .tenMinute_pt2 .check .share > span.vw { font-size: 10px !important; }
    .freeapply .point6 p { font-size: 30px !important; }
    .freeapply .point7 p { font-size: 30px !important; }
    .freeapply .point2 .point2_content1 .s_ttl { font-size: 21px !important; }
    .freeapply .point2 .point2_content1 .s_ttl2 { font-size: 14px !important; }
    .freeapply .point2 .point2_content2 .s_ttl { font-size: 21px !important; }
    .floating_menu { font-size: 12px; }
    .rank .rank_pt1 .ranker .nick_name { font-size: 10px !important; }
    .rank .rank_pt3 .content { padding: 25.3125px 50.625px 0 50.625px !important; }
    .rank .rank_pt3 .content .list .item { height: 33.75px !important; margin-bottom: 5.625px !important; }
    .rank .rank_pt3 .content .list .item .ranking > span { font-size: 14.625px !important; line-height: 33.75px !important; }
    .rank .rank_pt3 .content .list .item .updown { font-size: 11.25px !important; line-height: 33.75px !important; }
    .rank .rank_pt3 .content .list .item .profile > img { width: 26.4375px !important; height: 26.4375px !important; margin-top: 3.65625px !important; }
    .rank .rank_pt3 .content .list .item .nick_name { line-height: 33.75px !important; font-size: 10.125px !important; }
    .rank .rank_pt3 .content .list .item .count { line-height: 33.75px !important; font-size: 10.125px !important; }
    .rank .rank_pt3 .content .line { margin: 22.5px 0 !important; }
}

@media (min-width: 641px) {
    .index_pt3 .count > strong.vw { font-size: 47px !important; }
    .index_pt3 .count > span.vw { font-size: 19px !important; }
    .index_pt4 .txt.vw { font-size: 23px !important; }
    .index_pt5 .title .count .num span.vw { font-size: 30px !important; }
    .index_pt5 .title .count .num span.vw strong { font-size: 70px !important; }
    .index_pt6 .count span.vw { font-size: 30px !important; }
    .index_pt6 .count span.vw strong { font-size: 70px !important; }
    .index_pt11 .count span.vw { font-size: 70px !important; }
    .danta_pt6 .count span.vw { font-size: 30px !important; }
    .danta_pt6 .count span.vw strong { font-size: 70px !important; }
    .soac_pt7 .count span.vw { font-size: 30px !important; }
    .soac_pt7 .count span.vw strong { font-size: 70px !important; }
    .tenMinute_pt2 .check .share > span.vw { font-size: 14px !important; }
    .freeapply .point6 p { font-size: 64px !important; }
    .freeapply .point7 p { font-size: 64px !important; }
    .freeapply .point2 .point2_content1 .s_ttl { font-size: 38px !important; }
    .freeapply .point2 .point2_content1 .s_ttl2 { font-size: 26px !important; }
    .freeapply .point2 .point2_content2 .s_ttl { font-size: 38px !important; }
    .rank .rank_pt1 .ranker .nick_name { font-size: 18px !important; }
    .rank .rank_pt3 .content { padding: 45px 90px 0 90px !important; }
    .rank .rank_pt3 .content .list .item { height: 60px !important; margin-bottom: 10px !important; }
    .rank .rank_pt3 .content .list .item .ranking > span { font-size: 26px !important; line-height: 60px !important; }
    .rank .rank_pt3 .content .list .item .updown { font-size: 20px !important; line-height: 60px !important; }
    .rank .rank_pt3 .content .list .item .profile > img { width: 47px !important; height: 47px !important; margin-top: 6.5px !important; }
    .rank .rank_pt3 .content .list .item .nick_name { line-height: 60px !important; font-size: 18px !important; }
    .rank .rank_pt3 .content .list .item .count { line-height: 60px !important; font-size: 18px !important; }
    .rank .rank_pt3 .content .line { margin: 40px 0 !important; }
    .star_compose .compose_content .compose_result .compose .slider .slide_effect { background-position: 0 0, -160px 0, -320px 0, -480px 0, -640px 0; }
}

.mobile_img_btn { display: inline-block; overflow: hidden; padding: 2px; }
.mobile_img_btn img { float: left; width: 100%; }
.mobile_img_btn:active { border: 2px solid #7aa9f7; margin: -2px; }
.mobile_img_btn:active img { }
.background_image { position: relative; overflow: hidden; }
.background_image > img { width: 100%; float: left; }
.background_image ~ div { position: absolute; }
.background_image ~ div > img { width: 100%; }
.background_image a img { width: 100% }






/*-----------------------------------------------------------------------
    
    activity : md_banner
	
-----------------------------------------------------------------------*/

.md_banner { position: relative }
.md_banner .afterword_top { height: 45px; line-height: 45px; text-align: center; background: #fffeea; font-size: 15px; border-bottom: 1px solid #e5e3c6; }
.md_banner .afterword_top .emphasis { color: #3072dc }



/*-----------------------------------------------------------------------
    
    activity : md_sms

-----------------------------------------------------------------------*/



/*-----------------------------------------------------------------------
    
    activity : md_pay

-----------------------------------------------------------------------*/

.md_pay { background: #f4f4f4; color: #000; }
.md_pay .header { position: fixed; top: 0px; left: 0px; width: 100%; height: 50px; border-bottom: 1px solid #eee; background: #fff; z-index: 100; }
.md_pay .header .title { margin-top: 12px; text-align: center }
.md_pay .header .title span { margin-left: 15px; font-size: 18px; font-weight: bold; }
.md_pay .header .title img { width: 15px; }
.md_pay .header .pop_menu { position: absolute; top: 16px; right: 16px; }
.md_pay .header .pop_menu img.mail { width: 18px; margin-right: 10px; }
.md_pay .header .pop_menu img.pop { width: 18px; margin-right: 10px; }
.md_pay .header .pop_menu img.slide { width: 18px; }
.md_pay .submenu { padding-top: 17px; height: 40px; background: #fff; border-bottom: 1px solid #f5f5f5; }
.md_pay .submenu ul { }
.md_pay .submenu ul li { float: left; width: 50%; height: 40px; text-align: center; font: bold 16px dotum; letter-spacing: -1px; }
.md_pay .submenu ul li.selected { border-bottom: 1px solid #000; }
.md_pay .vip_good { }
.md_pay .vip_good li { padding: 20px; margin: 20px 10px; background: #fff; border-bottom: 1px solid #eee; }
.md_pay .vip_good li .head .thumb { }
.md_pay .vip_good li .head .thumb .title_img { position: relative; width: 200px; margin: 0 auto; }
.md_pay .vip_good li .head .thumb img.goods { }
.md_pay .vip_good li .head .thumb .ex_Best { position: absolute; left: 0; top: -20px; z-index: 5; }
.md_pay .vip_good li .head .thumb .ex_Best img { width: 25px; }
.md_pay .vip_good li .head .title { padding: 20px 0px; color: #aaa; }
.md_pay .vip_good li .head .title .name { font: bold 22px dotum; color: #000; }
.md_pay .vip_good li .head .title .explain { padding-top: 10px; font-size: 14px }
.md_pay .vip_good li .foot { padding-top: 30px; padding-bottom: 15px; border-top: 1px dashed #e8e8e8 }
.md_pay .vip_good li .foot .price { font-size: 25px; }
.md_pay .vip_good li .foot .price strong { font-family: SpoqaHanSans }
.md_pay .vip_good li .foot .price .eventAl { display: none; font-size: 15px; color: #fff }
.md_pay .vip_good li .foot .price .eventAl img { vertical-align: middle }
.md_pay .vip_good li .foot .price .eventAl .alm { vertical-align: middle; display: inline-block; height: 22px; padding: 1px 7px; background-color: #ff0030 }
.md_pay .vip_good li .foot .price .psp { vertical-align: middle }
.md_pay .vip_good li .foot .btn { font-size: 22px; padding-top: 20px; text-align: center; }
.md_pay .vip_good li .foot .btn span { display: inline-block; width: 100%; padding: 20px 0px; }
.md_pay .vip_good li .foot .btn span.pay.danta { background: #d6b45a; color: #fff; }
.md_pay .vip_good li .foot .btn span.pay.jungta { background: #df2a55; color: #fff; }
.md_pay .vip_good li .foot .btn span.pay.soek { background: #283840; color: #fff; }
.md_pay .vip_good li .foot .btn span.pay.comb { background: #08388d; color: #fff; }
.md_pay .vip_good li .foot .btn span { display: inline-block; width: 100%; padding: 20px 0px; }
.md_pay .vip_good li.deafult { border: 1px solid #eee; }
.md_pay .vip_good li.danta { border: 1px solid #d6b45a; }
.md_pay .vip_good li.jungta { border: 1px solid #df2a55; }
.md_pay .vip_good li.soek { border: 1px solid #283840; }
.md_pay .vip_good li.comb { border: 1px solid #08388d; }
.md_pay .vip_good li.paypage { padding: 0 }
.md_pay .vip_good li.paypage .pp_Top { text-align: center; width: 100%; height: 55px; line-height: 55px; color: #fff; font-size: 21px; position: relative; }
.md_pay .vip_good li.paypage .pp_Top.danta_Bg { background-color: #c29c39 }
.md_pay .vip_good li.paypage .pp_Top.jungta_Bg { background-color: #df2a55 }
.md_pay .vip_good li.paypage .pp_Top.soec_Bg { background-color: #283840 }
.md_pay .vip_good li.paypage .pp_Top.pack_Bg { background-color: #08388d }
.md_pay .vip_good li.paypage .pp_Top .pop_Close { position: absolute; right: 20px; top: 2px; cursor: pointer }
.md_pay .vip_good li.paypage .pp_Top .pop_Close img { width: 21px }
.md_pay .vip_good li.paypage .pp_Content .selbox { overflow: hidden; border-bottom: 1px solid #e8e8e8; }
.md_pay .vip_good li.paypage .pp_Content .selbox .group_display { float: left; width: 50% }
.md_pay .vip_good li.paypage .pp_Content .selbox .group_display select { width: 100%; height: 45px; border: none; font-size: 15px; outline: none; text-indent: 10px; color: #777; background-color: #fff }
.md_pay .vip_good li.paypage .pp_Content .selbox .month_select { float: right; width: 50% }
.md_pay .vip_good li.paypage .pp_Content .selbox .month_select select { width: 100%; height: 45px; text-indent: 10px; border: none; font-size: 16px; outline-style: none; color: #777; background-color: #fff }
.md_pay .vip_good li.paypage .pp_Content .startSet { border-bottom: 1px solid #e8e8e8; overflow: hidden }
.md_pay .vip_good li.paypage .pp_Content .startSet .left { display: inline-block; float: left; width: 50%; height: 45px; box-sizing: border-box; line-height: 45px; font-size: 15px; color: #777; text-indent: 15px }
.md_pay .vip_good li.paypage .pp_Content .startSet .right { display: inline-block; float: left; width: 50%; box-sizing: border-box; }
.md_pay .vip_good li.paypage .pp_Content .startSet .right input { width: 100%; height: 45px; border: none; font-size: 15px; outline: none; text-indent: 10px; color: #777; cursor: pointer; font-family: SpoqaHanSans; background-color: #fff }
.md_pay .vip_good li.paypage .pp_Content .last_cost { padding: 30px 0; font-size: 18px; text-align: center; border-bottom: 1px solid #e8e8e8 }
.md_pay .vip_good li.paypage .pp_Content .last_cost .br { font-size: 11px; background-color: #ddd; color: #777; border-radius: 10px; margin: 5px auto; width: 25px; height: 20px; line-height: 20px; font-family: 'Segoe UI' }
.md_pay .vip_good li.paypage .pp_Content .last_cost strong { font-size: 44px; font-family: SpoqaHanSans; font-weight: bold }
.md_pay .vip_good li.paypage .pp_Content .last_cost .whydc_ment { font-size: 12px; margin: 5px }
.md_pay .vip_good li.paypage .pp_Content .last_cost .whydc_ment span { color: #ff0030; font-weight: bold }
.md_pay .vip_good li.paypage .pp_Content .last_cost .whydc_ment_p { font-size: 12px; margin: 5px 0; display: none; color: #000 }
.md_pay .vip_good li.paypage .pp_Content .paypop_bottom { background-color: #fafafa; height: 30px; line-height: 30px; font-size: 11px; text-indent: 10px; color: #aaa }
.md_pay .vip_good li.paypage .pp_Content .paypop_bottom label { }
.md_pay .vip_good li.paypage .pp_Content .paypop_bottom label input[type=checkbox] { width: 16px; height: 16px; vertical-align: top; margin-top: 6px; }
.md_pay .vip_good li.paypage .pp_Content .paypop_bottom label span { color: #000; font-weight: bold; vertical-align: top; }
.md_pay .vip_good li.paypage .pp_Content .paypop_bottom a { color: #aaa; vertical-align: top; }
.md_pay .vip_good li.paypage .pp_Content .paybtn_box { text-align: center; }
.md_pay .vip_good li.paypage .pp_Content .paybtn_box .payok { float: left; width: 33.333333%; height: 72px; cursor: pointer }
.md_pay .vip_good li.paypage .pp_Content .paybtn_box .payok .cardimg { padding: 15px 0 1px }
.md_pay .vip_good li.paypage .pp_Content .paybtn_box .payok .cashimg { padding: 15px 0 1px }
.md_pay .vip_good li.paypage .pp_Content .paybtn_box .payok p { color: #fff; font-size: 14px; cursor: pointer }
.md_pay .vip_good li.paypage .pp_Content .paybtn_box .payok.card { background-color: #8f8f8f; }
.md_pay .vip_good li.paypage .pp_Content .paybtn_box .payok.bank { background-color: #676767; }
.md_pay .vip_good li.paypage .pp_Content .paybtn_box .payok.star { background-color: #444; }
.md_pay .vip_Goods { overflow: hidden; position: relative }
.md_pay .vip_Goods img { vertical-align: middle }
.md_pay .vip_Goods li { overflow: hidden; float: left; display: inline-block; width: 340px; padding: 20px; background-color: #fff; border: 1px solid #e8e8e8; margin: 0 auto; }
.md_pay .vip_Goods li.rgap { margin-right: 20px }
.md_pay .vip_Goods li.ugap { margin-bottom: 20px }
.md_pay .vip_Goods li .img_P { position: relative; display: inline-block; width: 200px; height: 200px; cursor: pointer; margin-bottom: 20px }
.md_pay .vip_Goods li .img_P:hover .ex_Ment { display: block }
.md_pay .vip_Goods li .img_P .ex_Ment { display: none; position: absolute; bottom: 0px; background-color: #000; color: #fff; text-align: center; width: 200px; padding: 10px 0; font-size: 15px; font-weight: lighter; opacity: 0.8 }
.md_pay .vip_Goods li .img_P .ex_Best { position: absolute; left: 0; top: -20px; }
.md_pay .vip_Goods li .goods_Exp { float: right; width: 328px }
.md_pay .vip_Goods li .ge_Ttl { font-size: 21px; color: #fff; width: 130px; padding: 3px 0; text-align: center; border-radius: 2px }
.md_pay .vip_Goods li .ge_Exment { margin-top: 8px; color: #aaa; font-size: 14px; line-height: 24px; overflow: hidden }
.md_pay .vip_Goods li .ge_Bottom { padding-top: 20px; border-top: 1px dashed #e8e8e8 }
.md_pay .vip_Goods li .ge_Bottom .gb_Price { font-size: 25px; padding-left: 10px }
.md_pay .vip_Goods li .ge_Bottom .gb_Price strong { font-family: SpoqaHanSans }
.md_pay .vip_Goods li .ge_Bottom .gb_Price .eventAl { display: none; font-size: 15px; color: #fff }
.md_pay .vip_Goods li .ge_Bottom .gb_Price .eventAl img { vertical-align: middle }
.md_pay .vip_Goods li .ge_Bottom .gb_Price .eventAl .alm { vertical-align: middle; display: inline-block; height: 22px; padding: 1px 7px; background-color: #ff0030 }
.md_pay .vip_Goods li .ge_Bottom .gb_Price .psp { vertical-align: middle }
.md_pay .vip_Goods li .ge_Bottom .gb_paybtn { display: inline-block; text-align: center; width: 548px; padding: 10px 0; height: 35px; margin-top: 20px; color: #fff; font-size: 21px; border-radius: 2px; cursor: pointer }
.md_pay .vip_Goods li .ge_Bottom .gb_paybtn.pack_Css { width: 340px; float: right }
.md_pay .vip_Goods li .ge_Bottom .pack_Sel { display: inline-block; float: left; width: 207px; background-color: #08388d; height: 55px; margin-top: 20px }
.md_pay .vip_Goods li .ge_Bottom .pack_Sel select { background-color: #08388d; color: #fff; outline-style: none; border: none; width: 100%; font-size: 17px; font-weight: bold; font-family: 'Noto Sans'; height: 55px; text-indent: 12px }
.md_pay .vip_Goods li .ge_Bottom.premium { border-top: none; margin-top: 90px }
/*.pay_Page .web_Cont .vip_Goods .cs_Info {position:absolute;bottom:0;right:0;height:89px;text-align:center }
.pay_Page .web_Cont .vip_Goods .cs_Info p {font-size:17px;color:#aaa;margin:5px 0 2px }
.pay_Page .web_Cont .vip_Goods .cs_Info .big {font-size:37px;color:#676767;font-weight:bold;font-family:SpoqaHanSans }*/
.md_pay .question { margin-top: 15px; background: #fff; min-height: 300px; margin-bottom: 10px; }
.md_pay .question h4 { padding: 0px 0px; }
.md_pay .question h4 input { font-size: 18px; height: 50px; outline: none }
.md_pay .question .content { }
.md_pay .question .content textarea { font-size: 16px; min-height: 200px; }
.md_pay .question .function p { height: 30px; }
.md_pay .ap_Content { overflow-y: auto; background-color: #fff }
/*.md_consult .ap_Content.bg {background:url(/img/2018/letter_spacefill.png);height:538px }*/
.md_pay .ap_Content .title_Ipt input { width: 100%; height: 60px; text-indent: 15px; border: none; border-bottom: 1px solid #e8e8e8; outline-style: none; font-size: 16px; }
.md_pay .ap_Content .cont_Ipt { padding: 15px; background-color: #fff; border-bottom: 1px solid #e8e8e8 }
.md_pay .ap_Content .cont_Ipt textarea { width: 100%; height: 218px; border: none; resize: none; outline-style: none; font-family: 'Noto Sans KR'; font-size: 16px; color: #777 }
.md_pay .ap_Content .sms_Agree { margin: 15px 0 0 5%; background-color: #fff }
.md_pay .ap_Content .sms_Agree input[type="checkbox"] { display: none; }
.md_pay .ap_Content .sms_Agree label { cursor: pointer; vertical-align: middle; color: #777; font-size: 13px; }
.md_pay .ap_Content .sms_Agree input[type="checkbox"] + label:before { border-radius: 4px; background: #b4b6bc; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 15px; padding-top: 3px; width: 18px; margin: 0 7px 3px 0; vertical-align: middle }
.md_pay .ap_Content .sms_Agree input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; }
.md_pay .ap_Content .send_Btn { display: inline-block; width: 90%; height: 60px; line-height: 60px; border: 1px solid #b9b9b9; text-align: center; color: #777; font-size: 17px; transition: 0.3s; margin: 10px 0 20px 5% }
.md_pay .ap_Content .send_Btn:hover { background-color: #ff0030; color: #fff; border: 1px solid #ff0030 }
.md_pay .ap_Content .no_Listment { display: block; text-align: center; font-size: 21px; margin-top: 180px; border-top: none }
.md_pay .ap_Content li { border-top: 1px solid #e8e8e8; }
.md_pay .ap_Content li:last-child { border-bottom: 1px solid #e8e8e8 }
.md_pay .ap_Content .title_Part { padding: 15px 20px; background: #f8f8f8; cursor: pointer; position: relative; overflow: hidden }
.md_pay .ap_Content .title_Part span { float: left; display: inline-block; }
.md_pay .ap_Content .title_Part .re_Comp { color: #fff; background-color: #ff0030; font-size: 13px; font-weight: bold; padding: 2px 4px; border-radius: 3px; margin-right: 5px }
.md_pay .ap_Content .title_Part .re_Not { background-color: #e8e8e8; color: #aaa; font-size: 13px; padding: 2px 4px; border-radius: 3px; margin-right: 5px }
.md_pay .ap_Content .title_Part .title { font-size: 15px; color: #444; }
.md_pay .ap_Content .title_Part .arrow_Img { position: absolute; right: 20px; }
.md_pay .ap_Content .title_Part .arrow_Img .upa { display: none; }
.md_pay .ap_Content .cont_Part { background-color: #fff; display: none; }
.md_pay .ap_Content .cont_Part .myQ { padding: 20px 20px 40px; }
.md_pay .ap_Content .cont_Part .gochA { border-top: 1px dashed #b9b9b9; padding: 40px 20px 20px; position: relative }
.md_pay .ap_Content .cont_Part .gochA .holdttl { display: inline-block; background-color: #b9b9b9; color: #fff; padding: 3px 6px; border-radius: 5px; position: absolute; top: -15px; left: 190px }
.md_pay .ap_Content li.sel .title_Part .arrow_Img .uda { display: none; }
.md_pay .ap_Content li.sel .title_Part .arrow_Img .upa { display: block; }
.md_pay .ap_Content li.sel .cont_Part { display: block; }




/*-----------------------------------------------------------------------
    
    activity : md_recommend

-----------------------------------------------------------------------*/

.md_recommend { width: 100%; background-color: #f8f8f8; margin-top: 55px; }
.md_recommend .content li:first-child { border-top: 0 }
.md_recommend .content li.list { padding: 20px 10px; background-color: #fff; border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin-bottom: 7px }
.md_recommend .content li.compttl { text-align: center; background-color: #fff; width: 150px; height: 30px; line-height: 30px; border-top-left-radius: 10px; border-top-right-radius: 10px; border: 1px solid #e8e8e8; border-bottom: none; margin: 30px auto 0; font-size: 14px; }
.md_recommend .content li.complete_list { opacity: 1; padding: 15px 10px; position: relative; background-color: #fff; border-top: 1px solid #e8e8e8; overflow: hidden }
.md_recommend .content li.complete_list .stamp { position: absolute; top: 10px; right: 20px; z-index: 200 }
.md_recommend .content li.complete_list .stamp img { width: 80px }
.md_recommend .content li.complete_list .name { float: left; display: inline-block; vertical-align: middle; margin-top: 3px }
.md_recommend .content li.complete_list .right_earn { position: absolute; right: 5px; top: -2px; font-size: 14px; border: 1px solid #e8e8e8; width: 120px; height: 25px; line-height: 25px; text-align: center }
.md_recommend .content li.complete_list .right_earn .tm { color: #777; font-weight: bold; font-size: 12px }
.md_recommend .content li.complete_list .right_earn span { font-weight: bold }
.md_recommend .content li.complete_list:last-child { border-bottom: 1px solid #e8e8e8 }
.md_recommend .content li .head { position: relative; font-size: 13px; padding-left: 5px }
.md_recommend .content li .head .name { font-size: 14px; margin-bottom: 5px; color: #555 }
.md_recommend .content li .head .name .code { font-size: 13px; color: #aaa; font-weight: 600 }
.md_recommend .content li .head .value .now { font-size: 18px; color: #000 }
.md_recommend .content li .head .value .fluctuation { margin-left: 3px; font-size: 13px }
.md_recommend .content li .head .value .fluctuation .plus { color: #f93345 }
.md_recommend .content li .head .value .fluctuation .minus { color: blue }
.md_recommend .content li .head .kind { display: inline-block; margin-left: 5px; font-size: 12px; vertical-align: middle }
.md_recommend .content li .head .kind span { display: inline-block; border: 1px solid #f2f2f2; vertical-align: middle; text-align: center; background-color: #f8f8f8; padding: 1px }
.md_recommend .content li .head .moresee { position: absolute; right: 10px; top: 3px; }
.md_recommend .content li .head .moresee span { display: inline-block; width: 90px; height: 35px; line-height: 35px; line-height: 35px; text-align: center; border: 1px solid #ccc; vertical-align: middle; text-align: center; background-color: #878787; color: #fff; }
.md_recommend .content li .head .moresee span.cls { background-color: #ddd; color: #444 }
.md_recommend .content li .body { position: relative; overflow: hidden; border-top: 1px solid #ddd; margin-top: 10px }
.md_recommend .content li .body .left { width: 100%; border-right: 1px solid #ddd; border-left: 1px solid #ddd; box-sizing: border-box; border-bottom: 1px solid #ddd }
.md_recommend .content li .body .left .title { height: 35px; font-size: 12px; line-height: 35px; text-align: center; border-bottom: 1px solid #ddd; background-color: #f8f8f8 }
.md_recommend .content li .body .left .title span { }
.md_recommend .content li .body .left ul { overflow-y: auto; padding: 10px 0 }
.md_recommend .content li .body .left li { height: 33px; line-height: 33px; text-indent: 13px; }
.md_recommend .content li .body .left li span { font-size: 12px }
.md_recommend .content li .body .left .turn { font-size: 12px }
.md_recommend .content li .body .left .volume { margin-left: 10px }
.md_recommend .content li .body .left .comp { margin-left: 10px; color: #fff; background-color: #f93345; padding: 3px 6px; border-radius: 5px; font-size: 12px }
.md_recommend .content li .body .left .no_comp { margin-left: 6px; color: #bbb; background-color: #f9f9f9; padding: 3px 6px; border-radius: 5px; font-size: 12px }
.md_recommend .content li .body .right { width: 100%; font-size: 13px }
.md_recommend .content li .body .right .red { color: #f00; }
.md_recommend .content li .body .right .blue { color: #00f; }
.md_recommend .content li .body .right div { width: 50%; padding: 15px 0; float: left; box-sizing: border-box; border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; text-align: center }
.md_recommend .content li .body .right div:nth-child(2n) { border-left: none }
.md_recommend .content li .body .right .top { font-size: 11px }
.md_recommend .content li .body .right .bottom { font-weight: bold; font-size: 14px; }
.md_recommend .content li .body .right .contrast { width: 100%; }
.md_recommend .content li .body .right .top_part { float: left; width: 50% }
.md_recommend .content li .body .right .top_part .top { padding-top: 30px }
.md_recommend .content li .body .right .bottom_part { float: left; width: 50% }
.md_recommend .content li .body .right .bottom_part .top { padding-top: 30px }
.md_recommend .noList { text-align: center; padding: 100px 0; background-color: #fff; font-size: 12px; color: #777 }
.md_recommend .noList p { margin-bottom: 10px; font-size: 14px; font-weight: bold; color: #222 }






/*-----------------------------------------------------------------------
    
    section : index

-----------------------------------------------------------------------*/

.index { max-width: 640px; overflow: hidden; }
.index > div { position: relative; }
.index_pt1 { }
.index_pt1 .slide_banner_list { margin-bottom: 0 !important; }
.index_pt1 .slide_banner_list .slide_dots { position: absolute; bottom: 4%; left: 50%; height: 1.2918%; width: 45%; transform: translateX(-50%); text-align: center; }
.index_pt1 .slide_banner_list .slide_dots > li { display: inline-block; margin: 0 5%; height: 100%; width: 6%; }
.index_pt1 .slide_banner_list .slide_dots > li.slick-active { }
.index_pt1 .slide_banner_list .slide_dots > li > button { background: #fff; border: none; width: 100%; height: 100%; border-radius: 25px; font-size: 0; cursor: pointer; outline: none; vertical-align: top; }
.index_pt1 .slide_banner_list .slide_dots > li.slick-active > button { background: #f51313; }
.index_pt1 .slide_banner_list .item { position: relative; }
.index_pt1 .slide_banner_list .item.i2 .btn { top: 74.9642%; left: 22.5%; width: 55.1563%; }
.index_pt1 .slide_banner_list .item.i2 .btn > a > img { width: 100%; }
.index_pt1 .slide_banner_list .item.i3 .btn { top: 55.7940%; left: 59.8438%; width: 36.4063%; }
.index_pt1 .slide_banner_list .item.i3 .btn > a > img { width: 100%; }
.index_pt1 .slide_banner_list .item.i4 .yuanta { top: 41.0587%; left: 6.875%; width: 41.5625%; }
.index_pt1 .slide_banner_list .item.i4 .yuanta > a > img { width: 100%; }
.index_pt1 .slide_banner_list .item.i4 .kb { top: 41.0587%; left: 51.0938%; width: 41.5625%; }
.index_pt1 .slide_banner_list .item.i4 .kb > a > img { width: 100%; }
.index_pt2 { margin-top: -1px; }
.index_pt2 .box1 { top: 37.8378%; left: 14.8438%; width: 70.3125%; }
.index_pt2 .box2 { top: 52.9160%; left: 14.8438%; width: 70.3125%; }
.index_pt2 .box3 { top: 68.1365%; left: 14.8438%; width: 70.3125%; }
.index_pt3 { }
.index_pt3 .count { text-align: center; width: 39.0625%; }
.index_pt3 .count > strong.vw { color: #ff0030; font-weight: normal; font-size: 42px; font-size: 7.35vw; font-family: 'Spoqa Han Sans'; }
.index_pt3 .count > span.vw { font-size: 17px; font-size: 3vw; }
.index_pt3 .count.c1 { top: 41%; left: 31.25%; margin-left: -19.5313%; }
.index_pt3 .count.c2 { top: 41%; right: 31.25%; margin-right: -19.5313%; }
.index_pt3 .count.c3 { top: 66%; left: 31.25%; margin-left: -19.5313%; }
.index_pt3 .count.c4 { top: 66%; right: 31.25%; margin-right: -19.5313%; }
.index_pt3 .btn { top: 81.2253%; left: 18.75%; width: 62.5%; }
.index_pt4 { }
.index_pt4 .btn { top: 55.1429%; left: 42.9688%; width: 14.0625%; }
.index_pt4 .txt { top: 82.4286%; left: 25.9375%; color: #fccc3c; }
.index_pt4 .txt.vw { font-size: 20px; font-size: 3.585vw; }
.index_pt5 { background: #031a4c; }
.index_pt5 .title { position: relative; }
.index_pt5 .title .tt { display: inline-block; margin: 100px 13.04685% 0 13.04685%; width: 73.9063%; }
.index_pt5 .title .tt img { width: 100%; }
.index_pt5 .title .count { display: inline-block; width: 62.5%; margin: 50px 18.75% 50px 18.75%; height: 30.6522%; position: relative; }
.index_pt5 .title .count > img { width: 100%; }
.index_pt5 .title .count .num { position: absolute; top: 22%; left: 0; width: 100%; height: 75%; padding-top: 2%; }
.index_pt5 .title .count .num > span { color: #fff; font-family: 'Spoqa Han Sans'; display: block; width: 100%; text-align: center; height: 65%; }
.index_pt5 .title .count .num > span > strong { font-weight: normal; margin-right: 10px; margin-bottom: -3%; vertical-align: bottom; }
.index_pt5 .title .count .num > span.vw { font-size: 25px; font-size: 4.4vw; }
.index_pt5 .title .count .num > span.vw > strong { font-size: 60px; font-size: 10.25vw; }
.index_pt5 .content { position: relative; background-image: url('/img/mob/index_pt5_bg.png'); background-position: center bottom; background-repeat: no-repeat; }
.index_pt5 .content .list { width: 100%; }
.index_pt5 .content .list .item_list { }
.index_pt5 .content .list .item_list .img_wrap { border: 10px solid #7a91be; height: calc(100% - 20px); background: #e3e5e8; }
.index_pt5 .content .list .item_list .img_wrap > a { display: block; width: 100%; height: 100%; }
.index_pt5 .content .list .item_list .img_wrap > a > table { width: 100%; height: 100%; }
.index_pt5 .content .list .item_list .img_wrap > a > table tr td { text-align: center; }
.index_pt5 .content .list .item_list .img_wrap > a > table tr td > img { max-width: 100%; }
.index_pt5 .content .btn { width: 62.5%; margin: 12% auto 0 auto; padding-bottom: 12%; }
.index_pt6 { }
.index_pt6 .count { top: 55%; left: 18.75%; width: 62.5%; }
.index_pt6 .count > span { color: #000; font-family: 'Spoqa Han Sans'; display: block; width: 100%; text-align: center; }
.index_pt6 .count > span > strong { font-weight: normal; margin-right: 10px; margin-bottom: -3%; vertical-align: bottom; }
.index_pt6 .count > span.vw { font-size: 25px; font-size: 4.4vw; }
.index_pt6 .count > span.vw > strong { font-size: 60px; font-size: 10.25vw; }
.index_pt6 .btn { top: 77.5294%; left: 18.75%; width: 62.5%; }
.index_pt7 { }
.index_pt7 .box1 { top: 23.8938%; left: 10.9375%; width: 78.125%; }
.index_pt7 .box2 { top: 41.5929%; left: 10.9375%; width: 78.125%; }
.index_pt7 .box3 { top: 59.2920%; left: 10.9375%; width: 78.125%; }
.index_pt7 .btn { top: 83.1858%; left: 18.75%; width: 62.5%; }
.index_pt8 { }
.index_pt8 .btn { top: 69.1378%; left: 10.625%; width: 78.75%; }
.index_pt9 { }
.index_pt9 .phone { top: 23.0096%; left: 27.6563%; width: 44.6875%; }
.index_pt9 .btn { top: 79.2651%; left: 26.5625%; width: 46.875%; }
.index_pt10 { }
.index_pt11 { }
.index_pt11 .count { top: 65.5%; left: 25%; width: 50%; font-family: 'Spoqa Han Sans'; text-align: center; }
.index_pt11 .count > span.vw { font-size: 70px; font-size: 10.25vw; }
.index_pt11 .btn { top: 80.6517%; left: 18.75%; width: 62.5%; }
.index_youtube { display: none; position: fixed !important; top: 50%; left: 0; width: 100%; height: 380px; z-index: 1001; margin: -190px 0 0 0; }
.index_youtube > iframe { max-width: 640px; min-width: 360px; width: 100%; margin: 0 auto; height: 380px; display: block; }
.index_youtube .close_btn { position: absolute; top: -40px; left: 50%; width: 35px; height: 35px; margin-left: -17.5px; }

/*index 팝업모음 다크페이지 띄워야함*/

.first_visitor_pop { display: none; position: fixed; top: 15%; left: 50%; margin-left: -155px; width: 290px; height: 460px; background: url("/img/firstv_popup_bg3.png?=20180406") no-repeat; z-index: 5000 }
.first_visitor_pop .closebtn { display: inline-block; position: absolute; top: 0; right: -20px }
.first_visitor_pop .visit_count { position: absolute; top: 260px; color: #eee; font-size: 16px; width: 290px; text-align: center; text-indent: 15px }
.first_visitor_pop .visit_count span { font-weight: bold; color: #fff }
.first_visitor_pop .apply_date { position: absolute; width: 230px; left: 40px; bottom: 25px; font-size: 20px; letter-spacing: -0.8px; text-align: center; }
.first_visitor_pop .apply_date strong { color: #aaa; font-size: 11px; font-weight: normal }
.first_visitor_pop .apply_date span { margin-left: 5px; font-weight: bold; color: #000 }
.first_visitor_pop .apply_date p { font-size: 17px; font-weight: normal; color: #777 }
.first_visitor_pop .btn { position: absolute; width: 230px; left: 40px; bottom: 50px; display: inline-block; width: 230px; height: 60px; }

/*문스탁 전문가 공개방송 팝업*/

.broadcast_pop { display: none; position: fixed; top: 30%; left: 50%; margin-left: -150px; width: 300px; height: 310px; z-index: 5000; border-radius: 4px; }
.broadcast_pop[type=moon] { background: url("/img/mob/broad_popup_bg2.png") no-repeat; background-size: 100%; }
.broadcast_pop[type=moon] .broad_info .moon { display: block; }
.broadcast_pop[type=moon] .bottom .info_ttl .accent { color: #ff3030; }
.broadcast_pop[type=moon] .bottom .broad_btn { background-color: #dd0033; }
.broadcast_pop[type=korea] { background: url("/img/mob/broad_popup_bg3.png") no-repeat; background-size: 100%; }
.broadcast_pop[type=korea] .broad_info .korea { display: block; }
.broadcast_pop[type=korea] .bottom .info_ttl .accent { color: #ff8f40; }
.broadcast_pop[type=korea] .bottom .broad_btn { background-color: #ff8f40; border-radius: 4px; }
.broadcast_pop .closebtn { display: inline-block; position: absolute; top: -30px; right: 0; }
.broadcast_pop .closebtn img { width: 16px; padding: 4px; }
.broadcast_pop .broad_info { display: block; width: 300px; color: #fff; text-align: center; margin-top: 120px; letter-spacing: -1px; }
.broadcast_pop .broad_info .expert { color: #ffe42e; font-weight: bold; }
.broadcast_pop .broad_info .moon { display: none; }
.broadcast_pop .broad_info .korea { display: none; }
.broadcast_pop .bottom { width: 300px; text-align: center; }
.broadcast_pop .bottom .info_ttl { color: #797979; font-weight: bold; display: block; margin-top: 40px; letter-spacing: -1px; }
.broadcast_pop .bottom .info_ttl .accent { font-weight: bolder; }
.broadcast_pop .bottom .info_text { font-size: 11px; color: #999; display: block; margin: 10px 0 5px 0; }
.broadcast_pop .bottom .broad_btn { font-size: 16px; font-weight: bold; color: #fff; padding: 10px 30px; letter-spacing: -1px; margin-top: 5px; display: inline-block; }

.applier_pop { display: none; position: fixed; top: 15%; left: 50%; margin-left: -170px; width: 340px; height: 441px; background: url("/img/mob/applier_popup_bg.png") no-repeat; z-index: 5000 }
.applier_pop .closebtn { display: inline-block; position: absolute; top: -40px; left: 50%; margin-left: -17px }
.applier_pop .remaintime { position: absolute; top: 90px; text-align: center; width: 340px; font-weight: bold; font-size: 40px; letter-spacing: -2.5px }
.applier_pop .btn { position: absolute; left: 30px; bottom: 30px; display: inline-block; width: 280px; height: 60px }

.quit_Pop { display: none; position: fixed; top: 15%; left: 50%; margin-left: -170px; width: 340px; height: 441px; background: url("/img/mob/quit_popup_bg.png") no-repeat; z-index: 5000 }
.quit_Pop .closebtn { display: inline-block; position: absolute; top: -40px; left: 50%; margin-left: -17px }
.quit_Pop .btn { position: absolute; left: 30px; bottom: 30px; display: inline-block; width: 280px; height: 60px }

.close_Part_noSee { position: absolute; width: 360px; bottom: -35px; }
.close_Part_noSee label { cursor: pointer; font-size: 13px; color: #fff; }
.close_Part_noSee input[type="checkbox"] { display: none; }
.close_Part_noSee input[type="checkbox"] + label:before { background: #fff; content: "\00a0"; display: inline-block; font: 16px/1em malgun gothic; height: 13px; padding-top: 1px; width: 13px; margin: 0 7px 3px 0; vertical-align: middle; border: 2px solid #ff0300 }
.close_Part_noSee input[type="checkbox"]:checked + label:before { color: #b22a34; content: "\2714"; text-align: center; }

/*-----------------------------------------------------------------------
    
    section : index 체험신청 배너

-----------------------------------------------------------------------*/

.free_ex_banner { display: block; position: relative; background: #070b11; vertical-align: middle; text-align: center; margin-top: 3px }
.free_ex_banner img { vertical-align: middle; max-width: 320px }



/*-----------------------------------------------------------------------
    
    section : bonus_event

-----------------------------------------------------------------------*/


.bonus_wrap { width: 100%; margin: 55px auto 0 auto; }
.bonus_wrap .bonus_1 { background: url('/img/mob/Mobile3_01.png')center center no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 105%; }
.bonus_wrap .bonus_2 { background: url('/img/mob/Mobile3_02.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 289%; }
.bonus_wrap .bonus_3 { background: url('/img/mob/Mobile3_03.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 105%; }
.bonus_wrap .bonus_3 a { position: absolute; left: 50%; top: 62%; transform: translateX(-50%); width: 70%; display: inline-block; }
.bonus_wrap .bonus_3 a img { width: 100%; }

/*-----------------------------------------------------------------------
    
    section : broadcast_popup

-----------------------------------------------------------------------*/


.broadcast_popup { display: block; position: fixed; top: 15%; left: 50%; margin-left: -155px; width: 290px; height: 460px; background: url("/img/firstv_popup_bg3.png?=20180406") no-repeat; z-index: 5000 }
.broadcast_popup .closebtn { display: inline-block; position: absolute; top: 0; right: -20px }
.broadcast_popup .visit_count { position: absolute; top: 260px; color: #eee; font-size: 16px; width: 290px; text-align: center; text-indent: 15px }
.broadcast_popup .visit_count span { font-weight: bold; color: #fff }
.broadcast_popup .apply_date { position: absolute; width: 230px; left: 40px; bottom: 25px; font-size: 20px; letter-spacing: -0.8px; text-align: center; }
.broadcast_popup .apply_date strong { color: #aaa; font-size: 11px; font-weight: normal }
.broadcast_popup .apply_date span { margin-left: 5px; font-weight: bold; color: #000 }
.broadcast_popup .apply_date p { font-size: 17px; font-weight: normal; color: #777 }
.broadcast_popup .btn { position: absolute; width: 230px; left: 40px; bottom: 50px; display: inline-block; width: 230px; height: 60px; }


/*-----------------------------------------------------------------------
    
    section : attend

-----------------------------------------------------------------------*/
.attend_1 { background: url('/img/mob/attendBg_01_01.png')center top no-repeat; width: 50%; background-size: 100%; position: relative; padding-top: 100%; }
.attend_1 .attend_1_text { position: absolute; font-family: 'Noto Sans Display'; top: 5%; left: 45%; }
.attend_1 .attend_1_text img { width: 30%; margin-bottom: -5px; margin-left: 15px; }
.attend_1 .attend_1_text h2 { font-size: 42px; letter-spacing: -2px; color: #fff; font-weight: bold; }
.attend_1 .attend_1_text ul { margin-top: 10px; }
.attend_1 .attend_1_text ul li { font-family: 'Noto Sans Display'; color: #fff; font-size: 21px; font-weight: bold; }
.attend_1 .attend_1_text ul li img { width: 5%; vertical-align: middle; margin-bottom: 2px; margin-left: 5px; padding-right: 5px; }
.attend_1 .button a { display: inline-block; border: 1px solid #fff; position: absolute; top: 45%; left: 45%; width: 40%; padding: 20px; color: #fff; font-weight: bold; }
.attend_1 .button a:nth-of-type(1) { margin-top: 80px }
.calendar { text-align: center; }
.calendar .date { box-sizing: border-box; float: left; text-align: center; font-family: 'Noto Sans Display'; border: 1px solid #b9b9b9; width: calc(22% - 20px); padding: 10px; margin-right: 8px; }
.calendar .date:last-child { margin-right: 0; }
.calendar .date span { display: block; font-size: 21px; font-weight: bold; margin-bottom: 10px; }
.calendar .date img { display: inline-block; width: 50%; }
.calendar .date a { display: inline-block; width: 100%; padding: 5px 0 5px; background: #f6cb47; color: #fff; font-weight: bold; margin-top: 10px; }


/*-----------------------------------------------------------------------
    
    section : yuanta_M
-----------------------------------------------------------------------*/
.yuanta_M { }
.yuanta_M .conts_1 { background: url('/img/mob/yuanta_mob_bg2.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 100%; }
.yuanta_M .conts_2 { text-align: center; }
.yuanta_M .conts_2 .title { background: url('/img/mob/yuanta_mob_title1.png')center top no-repeat; width: 70%; background-size: 100%; position: relative; padding-top: 23%; margin: 0 auto; }
.yuanta_M .conts_2 { padding: 50px 0; }
.yuanta_M .conts_2 .box { max-width: 300px; margin: 0 auto; font-size: 0; margin-top: 0; }
.yuanta_M .conts_2 .box .ipt { width: 300px; display: inline-block; }
.yuanta_M .conts_2 .box .ipt p { margin-bottom: 10px }
.yuanta_M .conts_2 .box .ipt input { border: 1px solid #d6d6d8; text-indent: 10px; font: 14px dotum; outline: none }
.yuanta_M .conts_2 .box .ipt .name input { width: 298px; height: 40px; }
.yuanta_M .conts_2 .box .ipt .phone input:first-child { width: 80px; height: 40px; }
.yuanta_M .conts_2 .box .ipt .phone input:last-child { width: 206px; height: 40px; margin-left: 10px }
.yuanta_M .conts_2 .box .btn { display: inline-block; width: 300px; }
.yuanta_M .conts_2 .box .btn_1 { width: 150px; height: 43px; line-height: 43px; background-color: #f47524; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-block; }
.yuanta_M .conts_2 .box .btn_2 { width: 150px; height: 43px; line-height: 43px; background-color: #f9e000; color: #3b1e1e; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-block; }
.yuanta_M .conts_2 .box .btn_2 img { vertical-align: middle; width: 26px; margin: 0 4px 2px 0 }
.yuanta_M .yFoot { text-align: center; margin: 0 auto; padding: 30px 0; border-top: 1px solid #f2f2f2; background-color: #444 }
.yuanta_M .yFoot .copy_logo { padding-bottom: 10px }
.yuanta_M .yFoot .copy_ment { font: 12px dotum; color: #888 }


/*-----------------------------------------------------------------------
    
    section : KB_M
-----------------------------------------------------------------------*/
.KB_M { }
.KB_M .conts_1 { background: url('/img/mob/KB_mob_bg2.png')center top no-repeat; width: 100%; background-size: 100%; position: relative; padding-top: 245%; }
.KB_M .conts_2 { text-align: center; }
.KB_M .conts_2 .title { background: url('/img/mob/yuanta_mob_title1.png')center top no-repeat; width: 70%; background-size: 100%; position: relative; padding-top: 23%; margin: 0 auto; }
.KB_M .conts_2 { padding: 50px 0; }
.KB_M .conts_2 .box { max-width: 300px; margin: 0 auto; font-size: 0; margin-top: 0; }
.KB_M .conts_2 .box .ipt { width: 300px; display: inline-block; }
.KB_M .conts_2 .box .ipt p { margin-bottom: 10px }
.KB_M .conts_2 .box .ipt input { border: 1px solid #d6d6d8; text-indent: 10px; font: 14px dotum; outline: none }
.KB_M .conts_2 .box .ipt .name input { width: 298px; height: 40px; }
.KB_M .conts_2 .box .ipt .phone input:first-child { width: 80px; height: 40px; }
.KB_M .conts_2 .box .ipt .phone input:last-child { width: 206px; height: 40px; margin-left: 10px }
.KB_M .conts_2 .box .btn { display: inline-block; width: 300px; }
.KB_M .conts_2 .box .btn_1 { width: 150px; height: 43px; line-height: 43px; background-color: #f47524; color: #fff; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-block; }
.KB_M .conts_2 .box .btn_2 { width: 150px; height: 43px; line-height: 43px; background-color: #f9e000; color: #3b1e1e; font-weight: bold; font-size: 14px; cursor: pointer; display: inline-block; }
.KB_M .conts_2 .box .btn_2 img { vertical-align: middle; width: 26px; margin: 0 4px 2px 0 }
.KB_M .yFoot { text-align: center; margin: 0 auto; padding: 30px 0; border-top: 1px solid #f2f2f2; background-color: #444 }
.KB_M .yFoot .copy_logo { padding-bottom: 10px }
.KB_M .yFoot .copy_ment { font: 12px dotum; color: #888 }




/*-----------------------------------------------------------------------
    
    section : story

-----------------------------------------------------------------------*/

.story_M { background-color: #eee }
.story_M .Cont .play_List { padding: 15px 0 }
.story_M .Cont .play_List li { padding: 0 15px; margin-bottom: 30px; }
.story_M .Cont .play_List li:last-child { margin-bottom: 0 }
.story_M .Cont .play_List li img { vertical-align: middle; width: 100% }
.story_M .Cont .play_List li iframe { vertical-align: middle; display: block }


/*-----------------------------------------------------------------------
    
    activity : md_broadcast

-----------------------------------------------------------------------*/

.md_broadcast { }
.md_broadcast .pt_screen { width: 100%; height: 250px; }
.md_broadcast .pt_screen .screen { position: fixed; top: 0px; left: 0px; width: 100%; height: 250px; z-index: 10; }
.md_broadcast .pt_chat { z-index: 77; display: block; position: relative; padding: 10px 10px 100px; z-index: 5; }
.md_broadcast .pt_chat .list { position: relative; overflow: hidden; min-height: 25px; font-size: 13px; margin-bottom: 5px; clear: both; font-family: Dotum; padding-left: 125px; z-index: 5 }
.md_broadcast .pt_chat .list .user { position: absolute; top: 0px; left: 0px; z-index: 5 }
.md_broadcast .pt_chat .list .user .nickname { color: #000; margin-left: 3px; display: inline-block; max-width: 70px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.md_broadcast .pt_chat .list .user .bgbg { width: 23px; height: 23px; background: url(/img/member_icon_bg.png) no-repeat; position: absolute; top: 0px; left: 57px; }
.md_broadcast .pt_chat .list .user .photo { display: inline-block; width: 23px; height: 23px; border-radius: 50%; border: 1px solid #f4f4f4; }
.md_broadcast .pt_chat .list .user img { vertical-align: middle; }
.md_broadcast .pt_chat .list .user span { vertical-align: middle; }
.md_broadcast .pt_chat .list .comment { word-wrap: break-word; /*display:inline; width:calc(100%-200px); float:left;*/ color: #525252; padding-top: 4px; z-index: 5 }
.md_broadcast .pt_chat .list .comment .ad { margin-top: 10px; margin-bottom: 10px; }
.md_broadcast .pt_chat .list .comment .link_image { border: 3px solid #fff; }
.md_broadcast .pt_chat .list .comment .link_image:hover { border: 3px solid red; opacity: 0.8; cursor: pointer; }
.md_broadcast .pt_chat .list .comment span { vertical-align: top; }
.md_broadcast .pt_chat .list .comment img { vertical-align: middle; max-width: 100%; }
.md_broadcast .pt_chat .list .comment .boundaryline { color: #bbb; margin-right: 4px; }
.md_broadcast .pt_chat .list .comment .admin_chat_div_img { display: block; }
.md_broadcast .pt_chat .list .comment.system { z-index: 5 }
.md_broadcast .pt_chat .list .date { margin-right: 10px; padding-top: 4px; font: 13px tahoma; color: #bbb; z-index: 5 }
.md_broadcast .pt_chat .list .datetime { position: absolute; top: 0px; right: 0px; text-align: center; font: 13px tahoma; color: #bbb; }
.md_broadcast .pt_chat .type_user { position: relative; z-index: 5 }
.md_broadcast .pt_chat .Holdevent_list { width: 500px; z-index: 5 }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing { background-color: #fff; position: relative; z-index: 5 }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_top { border: 1px solid #ccc; border-bottom: 1px solid #f5f5f5; background-color: #ddd; padding: 20px 0 }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_top .event_thing { font-family: 'Malgun Gothic'; float: left; width: 25%; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-break: break-all }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_top .buy_cost { float: left; width: 35%; text-align: center; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_top .now_rate { float: left; width: 40% }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_top .now_rate .red { color: #e00400; font-weight: bold }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_top .now_rate .blue { color: #005dde; font-weight: bold }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid { text-align: center; background: #fbfbfb; padding: 20px 0px; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li { margin-bottom: 10px; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li:first-child { margin-top: 10px; margin-bottom: 10px; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li div { display: inline; margin-right: 5px; font-size: 13px; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li div:first-child { font-size: 15px; font-weight: bold }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li div:last-child { font-size: 14px }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li div span.red { color: #f00; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li div span.blue { color: #00f; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li .not_sign { color: #8f8f8f }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_mid li .sign { color: red; font-weight: bold }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_bot { padding: 15px 0; text-align: center; color: #ccc; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_bot .average_cost { float: left; width: 30%; font-size: 12px }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_bot .goal_cost { float: left; width: 23%; font-size: 12px }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_bot .loss_cost { float: left; width: 23%; font-size: 12px }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .list_bot p strong { font-size: 12px; color: #888; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_top { background: #ffe1c8; padding: 10px 0; font-family: 'Malgun Gothic'; font-weight: bold; text-align: center; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_mid { text-align: center; padding-top: 10px; background-color: #eee; border-top: 1px solid #ccc; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_mid li { padding-bottom: 10px; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_mid li span { font-size: 13px; margin: 0 3px; color: #000; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell { font-size: 15px; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell.red { color: #f00; font-weight: bold; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_mid li .buy_sell.blue { color: #00f; font-weight: bold; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_mid li .date { color: #565656; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_bot { padding: 15px 0; text-align: center; border-top: 1px solid #ccc; height: 38px; background: #eee; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_bot li { float: left; width: 50%; font-size: 13px; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_bot li p strong { font-size: 16px; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_bot li p strong.red { color: #f00; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .end_list_bot li p strong.blue { color: #00f; }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .attack_end_img { position: absolute; width: 100%; text-align: center; top: 50%; transform: translateY(-50%); }
.md_broadcast .pt_chat .Holdevent_list .Holdevent_thing .attack_end_img img { width: 150px; }
.md_broadcast .pt_chat .uploadment { line-height: 1.5; margin: 10px 0px; text-align: center }
.md_broadcast .pt_chat .uploadment span { text-align: center }
.md_broadcast .pt_chat .emoticon_txt { line-height: 1.5; margin-bottom: 10px; }
.md_broadcast .pt_chat .pt_keyboard { position: fixed; left: 0px; bottom: 0px; width: 100%; z-index: 10 }
.md_broadcast .pt_chat .pt_keyboard .message_alram { position: absolute; top: -50px; left: 0; width: 100%; opacity: 0.6; display: none; }
.md_broadcast .pt_chat .pt_keyboard .message_alram span { background: #fff; text-align: center; display: block; width: 100%; max-width: 640px; min-width: 360px; margin: 0 auto; height: 50px; font-size: 18px; line-height: 50px; }
.md_broadcast .pt_chat .pt_keyboard .upside { background: #e9e9e9; padding: 7px 0; border-top: 1px solid #e4e4e4; }
.md_broadcast .pt_chat .pt_keyboard .upside .caption { margin: 0 15px; font-weight: 600; font-size: 14px; color: #313841; vertical-align: top; display: inline-block; height: 30px; line-height: 30px; }
.md_broadcast .pt_chat .pt_keyboard .upside .all_ck { display: inline-block; vertical-align: top; text-align: center; height: 30px; }
.md_broadcast .pt_chat .pt_keyboard .upside .all_ck span { display: block; font-size: 11px; color: #313841; }
.md_broadcast .pt_chat .pt_keyboard .upside .all_ck input[type=checkbox] { margin: 0; }
.md_broadcast .pt_chat .pt_keyboard .upside .division { font-size: 13px; color: #737a85; vertical-align: top; display: inline-block; height: 30px; line-height: 30px; }
.md_broadcast .pt_chat .pt_keyboard .upside .all { font-size: 14px; margin-left: 10px; vertical-align: top; display: inline-block; height: 30px; line-height: 30px; }
.md_broadcast .pt_chat .pt_keyboard .upside .several { font-size: 14px; margin-left: 10px; color: #313841; vertical-align: top; display: inline-block; height: 30px; line-height: 30px; }
.md_broadcast .pt_chat .pt_keyboard .upside .selected { background: #404955; color: #fff; padding: 5px 10px; border-radius: 7px; font-weight: 500; height: 20px; line-height: 20px; }
.md_broadcast .pt_chat .pt_keyboard .downside { position: relative; min-height: 50px; background: #fff; }
.md_broadcast .pt_chat .pt_keyboard .downside .button { display: block; position: absolute; top: 0px; left: 0px; width: 50px; height: 50px; z-index: 1 }
.md_broadcast .pt_chat .pt_keyboard .downside .button a { display: block; width: 50px; height: 50px; }
.md_broadcast .pt_chat .pt_keyboard .downside .button.add span { display: block; position: absolute; top: 13px; left: 12px; width: 20px; height: 20px; text-align: center; color: #bbb; border: 2px solid #bbb; border-radius: 6px; }
.md_broadcast .pt_chat .pt_keyboard .downside .button.add .close_btn { display: none; }
.md_broadcast .pt_chat .pt_keyboard .downside .button.close .add_btn { display: none; }
.md_broadcast .pt_chat .pt_keyboard .downside .button.close span { display: block; position: absolute; top: 13px; left: 12px; width: 20px; height: 20px; text-align: center; color: #bbb; border: 2px solid #bbb; background: #bbb; color: #fff; border-radius: 6px; font-weight: bold; font-family: Tahoma; }
.md_broadcast .pt_chat .pt_keyboard .downside .input { background: #fff; margin-left: 50px; height: 50px; }
.md_broadcast .pt_chat .pt_keyboard .downside .input input { position: relative; width: calc(100% - 64px); height: 100%; padding-left: 3px; background: #fff; border: 0px; color: #000; font-size: 18px; outline: none; color: red !important; text-shadow: 0px 0px 0px #000 !important; -webkit-text-fill-color: transparent !important; }
.md_broadcast .pt_chat .pt_keyboard .downside .input input::-webkit-input-placeholder { color: white; }
.md_broadcast .pt_chat .pt_keyboard .downside .input .send_btn { display: block; position: absolute; bottom: 0px; right: 0px; width: 40px; height: 35px; padding-left: 10px; padding-top: 15px; background: #ddd; color: #000; z-index: 4; }
.md_broadcast .blank40 { height: 40px }
.md_broadcast .videobtn_group { background-color: #222; height: 40px; width: 100%; position: fixed; top: 0; z-index: 1500; overflow: hidden }
.md_broadcast .videobtn_group .bgb { display: inline-block; float: left; margin: 10px 0 0 13px }
.md_broadcast .videobtn_group .fsb { display: inline-block; float: right; margin: 10px 13px 0 0 }

/*.brdList li {letter-spacing:-0.3px;border-bottom:1px solid #e8e8e8;padding:10px;position:relative}
.brdList li a {display:inline-block;overflow:hidden;width:100%;vertical-align:middle }
.brdList li a .thumb {position:relative;display:inline-block;float:left;width:100px;height:75px;overflow:hidden }
.brdList li a .thumb .moimg {width:100%;vertical-align:middle }
.brdList li a .playbtn {position:absolute;top:20px;left:50%;margin-left:-15px }
.brdList li a .playbtn img {width:30px;vertical-align:middle}
.brdList li a .playtime {position:absolute;bottom:3px;right:3px;}
.brdList li a .playtime span {background-color:#000;border-radius:3px;color:#fff;text-align:center;padding:2px 4px;font-size:10px;opacity:0.5}
.brdList li a .vipmark {position:absolute;top:0;left:0;}
.brdList li a .vipmark img {width:30px;vertical-align:middle}
.brdList li a .twrap {display:inline-block;float:left;padding-left:10px;width:calc(100% - 110px) }
.brdList li a .twrap .expert {font-size:13px;color:#ff0f00;font-weight:bold;margin:5px 0 }
.brdList li a .twrap .ttl {font-size:14px;color:#000 }
.brdList li a .star_btn {display:inline-block;font-family:'Segoe UI';position:absolute;right:13px;bottom:11px }
.brdList li a .star_btn span {display:inline-block;width:55px;padding:3px 5px;border-radius:2px;vertical-align:middle;background-color:#fc3333;color:#fff;font-size:13px; }
.brdList li a .star_btn img {width:15px;vertical-align:middle;margin-bottom:2px;margin-right:5px }
.brdList li a .dateNreply { position: absolute;left:120px;bottom:13px; }
.brdList li a .dateNreply .date {font-size:12px;color:#777;vertical-align:middle }
.brdList li a .dateNreply .bar {display:inline-block;width:1px;height:12px;background:#ddd;vertical-align:middle;margin:0 10px }
.brdList li a .dateNreply .reply {vertical-align:middle; }
.brdList li a .dateNreply .reply img {width:13px;vertical-align:middle;margin:0 3px 2px 0;opacity:0.7 } 
.brdList li a .dateNreply .reply span {font-size:13px;color:#999;vertical-align:middle;font-weight:bold;margin-bottom }*/




/*-----------------------------------------------------------------------
    
    activity : spring_event_M

-----------------------------------------------------------------------*/

.wrap { }
.spring_event { }
.spring_event_M .contents1 { width: 100%; background: url(/img/mob/spring_envet_mob1.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 109%; margin-top: 55px; }
.spring_event_M .contents2 { width: 100%; background: url(/img/mob/spring_envet_mob2.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 87%; }
.spring_event_M .contents3 { width: 100%; background: url(/img/mob/spring_envet_mob3.png?d=180403)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 250%; }
.spring_event_M .contents4 { width: 100%; text-align: center; }
.spring_event_M .contents4 .contents4_ttl { display: block; width: 80%; background: url(/img/mob/spring_envet_mob4_ttl.png)no-repeat center top; background-size: 100%; padding-top: 15%; margin: 0 auto; margin-top: 50px; }
.spring_event_M .contents4 .contents4_content { margin: 0 auto; width: 100%; background: #111; margin-top: 50px; }
.spring_event_M .contents4 .contents4_content .picture { width: 100%; display: block; overflow: hidden; background: #b9b9b9; padding-bottom: 20px; }
.spring_event_M .contents4 .contents4_content .picture li { width: calc(50% - 30px); overflow: hidden; float: left; margin: 20px 20px 0 20px; max-height: 300px; }
.spring_event_M .contents4 .contents4_content .picture li:nth-child(2n) { margin-left: 0; }
.spring_event_M .contents4 .contents4_content .picture li a { overflow: hidden; }
.spring_event_M .contents4 .contents4_content .picture li a img { transition: 0.5s; }
.spring_event_M .contents4 .contents4_content .picture li a .mouseover { width: 100%; background-color: rgba(0,0,0,0.5); position: absolute; height: 100%; padding-top: 20%; display: none; }
.spring_event_M .contents4 .contents4_content .picture li a .mouseover p { color: #eee; padding-top: 10px; font-size: 16px; }
.spring_event_M .contents4 .contents4_content .picture li a .mouseover p span { color: #fff; font-weight: bold; }
.spring_event_M .contents4 .contents4_content .picture li a .mouseover img { width: 50px; border-radius: 50px; }
.spring_event_M .contents4 .contents4_content .picture li a > img { width: 100%; }
.spring_event_M .contents4 .page { width: 70%; margin: 0 auto; }
.spring_event_M .contents4 .page a { display: inline-block; letter-spacing: 18px; text-align: center; margin-right: 0; display: inline-block; color: #777; font-size: 18px; margin-left: 18px; margin-top: 20px; margin-bottom: 20px; }
.spring_event_M .contents4 .page a .sel { color: #111; font-weight: 400; }
.spring_event_M .contents4 .btn { margin-bottom: 100px; }
.spring_event_M .contents4 .btn a { display: block; width: 80%; background: url(/img/mob/spring_envet_mob4_btn.png)no-repeat center top; background-size: 100%; padding-top: 18%; margin: 0 auto; }

/*-----------------------------------------------------------------------
    
    activity : kakaoplus_event_m {}

-----------------------------------------------------------------------*/

.wrap { }
.kakaoplus_m_wrap { background: #fff; margin-top: -50px; }
.kakaoplus_m_wrap .con1 { width: 100%; background: url(/img/mob/kakaoPlusFriend_m_bg1_2.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 275%; }
.kakaoplus_m_wrap .con2 { width: 100%; background: url(/img/mob/kakaoPlusFriend_m_bg2_2.png)no-repeat center top; margin: 0 auto; background-size: 100%; text-align: center; padding-top: 75%; }
.kakaoplus_m_wrap .con2 .con2_wrap { width: 80%; margin: 0 auto; }
.kakaoplus_m_wrap .con2 .con2_wrap ul { width: 40%; }
.kakaoplus_m_wrap .con2 .con2_wrap ul li:nth-of-type(1) { margin-bottom: 20%; }
.kakaoplus_m_wrap .con2 .con2_wrap .con2_con1 { float: left; }
.kakaoplus_m_wrap .con2 .con2_wrap .con2_con2 { float: right; }
.kakaoplus_m_wrap .con2 .con2_wrap ul li img { width: 100%; }
.kakaoplus_m_wrap .con2 .con2_warning { width: 60%; margin-left: 50%; transform: translateX(-50%); margin-top: 100%; }
.kakaoplus_m_wrap .con2 .con2_warning img { width: 100%; }
.kakaoplus_m_wrap .con3 { width: 100%; background: url(/img/mob/kakaoPlusFriend_m_bg3.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 100%; margin-top: 30%; }

.kakaoplus_m_com { }
.kakaoplus_m_com .com_bg1 { width: 100%; background: url(/img/mob/kakaoPlusFriend_bg_mobile_com1.png)no-repeat center top; margin: 0 auto; background-size: 100%; max-height: 450px; margin-top: 55px; }
.kakaoplus_m_com .com_bg1 .bg1_text { text-align: center; margin: 0 auto; z-index: 999; letter-spacing: -1px; padding-bottom: 10%; }
.kakaoplus_m_com .com_bg1 .bg1_text p { font-size: 24px; font-weight: bold; margin-bottom: 2px; padding-top: 55%; }
.kakaoplus_m_com .com_bg1 .bg1_text p em { font-size: 32px; font-weight: bold; margin-left: 5px; margin-right: 5px; }
.kakaoplus_m_com .com_bg1 .bg1_text span { font-size: 16px; }

.kakaoplus_m_com { width: 100%; background: url(/img/mob/kakaoPlusFriend_bg_mobile_com2.png)no-repeat center top; margin: 0 auto; background-size: 100%; max-height: 333px; text-align: center; }
.kakaoplus_m_com a { display: inline-block; border: 1px solid#777; margin-top: 7%; padding: 10px 20px 10px 20px; margin-bottom: 7%; }
.kakaoplus_m_com img { width: 80px; }

/*-----------------------------------------------------------------------
    
    activity : worldcup_event_m {}

-----------------------------------------------------------------------*/

.worldcup_m_wrap { }
.worldcup_m_wrap .con1 { position: relative; width: 100%; background: url(/img/mob/Worldcup_eventBg1_m.png)no-repeat center top; margin: 0 auto; background-size: 100%; margin-top: 55px; padding-top: 530%; }

.worldcup_m_wrap .con2 .worldcup_event_comment { width: 90%; margin: 0px auto 100px }
.worldcup_m_wrap .con2 .worldcup_event_comment .not_Login { text-align: center; }
.worldcup_m_wrap .con2 .worldcup_event_comment .not_Login p { font-size: 16px; color: #b00e0e; font-weight: bold; letter-spacing: -1px }
.worldcup_m_wrap .con2 .worldcup_event_comment .not_Login a { display: inline-block; background-color: #b00e0e; margin-top: 30px; width: 70%; height: 50px; line-height: 50px; font-size: 18px; text-align: center; color: #fff; border-radius: 5px }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input { display: block; text-align: center; }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input span { display: inline-block; vertical-align: middle }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .prof { position: relative; width: 100%; text-align: center; margin-top: 30px; }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .prof img { width: 120px; border-radius: 60px }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .prof .nick { font-size: 16px; color: #444; display: block; margin: 10px; }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .input { width: 100%; position: relative; }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .input .ri { width: 100%; height: 60px; font-size: 21px; outline-style: none; border: 3px solid #b00e0e; background-color: #f8f8f8; text-align: center; }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .input .ri { text-align: center; }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .input .em { font-size: 12px; color: #777; margin: 10px 0 20px 0; text-align: center; line-height: 14px; }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .savebtn { display: inline-block; background-color: #b00e0e; width: 30%; height: 30px; vertical-align: middle; color: #fff; font-size: 14px; line-height: 30px; text-align: center }
.worldcup_m_wrap .con2 .worldcup_event_comment .reply_Input .mdfbtn { display: inline-block; background-color: #b00e0e; width: 30%; height: 30px; vertical-align: middle; color: #fff; font-size: 14px; line-height: 30px; text-align: center }

.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply { width: 100%; margin: 40px 0; border-top: 1px solid #b00e0e; border-bottom: 1px solid #b00e0e; text-align: center; }
.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply span { display: inline-block; vertical-align: middle }
.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply li { padding: 15px 0; border-bottom: 1px dashed #e8e8e8; position: relative; overflow: hidden; }
.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply li:last-child { border-bottom: none }
.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply .prof { position: relative; width: 20%; float: left; height: 69px; }
.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply .text { position: relative; width: 80%; float: left; height: 69px; line-height: 69px; }
.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply .text .cont { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 70%; font-weight: bold; font-size: 14px; position: absolute; left: 00px; }
.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply .prof img { width: 50px; border-radius: 25px }
.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply .prof .nick { font-size: 14px; color: #444; display: block }

.worldcup_m_wrap .con2 .worldcup_event_comment .ohter_Reply .date { font-family: SpoqaHanSans; color: #777; font-size: 11px; position: absolute; top: 10px; right: 0; }

/*-----------------------------------------------------------------------
    
    activity : youtube_event_M

-----------------------------------------------------------------------*/

.wrap { }
.youtube_event_M .page1 { width: 100%; background: url(/img/mob/youtube_page1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 221%; margin-top: -55px; }
.youtube_event_M .page2 { width: 100%; position: relative; text-align: center; }
.youtube_event_M .page2 .page_ban { margin: 50px 0 50px 0; width: 35%; }
.youtube_event_M .page2 .conts { width: 100%; }
.youtube_event_M .page2 .conts .con1 { width: 80%; margin: 0 auto; }
.youtube_event_M .page2 .conts .con1 img { width: 100%; }
.youtube_event_M .page2 .conts .con1 a { display: inline-block; width: 70%; margin: 20px 0 70px; }
.youtube_event_M .page2 .conts .con2 { width: 80%; margin: 0 auto; }
.youtube_event_M .page2 .conts .con2 img { width: 100%; }
.youtube_event_M .page2 .conts .con2 a { display: inline-block; width: 70%; margin: 20px 0 70px; }
.youtube_event_M .page2 .conts .con3 { width: 100%; margin: 0 auto; }
.youtube_event_M .page2 .conts .con3 img { width: 100%; }
.youtube_event_M .page2 .conts .con3 a { display: inline-block; width: 70%; margin: 20px 0 70px; }
.youtube_event_M .page3 { width: 100%; background: url(/img/mob/youtube_page3_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 60%; }
.youtube_event_M .page4 { width: 100%; background: url(/img/mob/youtube_page4_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 40%; text-align: center; background-color: #0c0c0c; }
.youtube_event_M .page4 .page4_cont { width: 80%; border-radius: 30px; background: #fff; padding-bottom: 30px; overflow: hidden; margin: 0 auto 30px; }
.youtube_event_M .page4 .page4_cont li { margin: 40px 10px 0px 20px; width: calc(50% - 30px); overflow: hidden; float: left; text-align: center; box-sizing: border-box; }
.youtube_event_M .page4 .page4_cont li:nth-child(2n) { margin: 40px 20px 0px 10px; }
.youtube_event_M .page4 .page4_cont li a { display: inline-block; height: 200px; overflow: hidden; border: 1px solid #d9d9d9; }
.youtube_event_M .page4 .page4_cont li a img { width: 100%; }
.youtube_event_M .page4 .page4_cont li .bottom { margin-top: 10px; }
.youtube_event_M .page4 .page4_cont li .bottom span { display: block; text-align: right; }
.youtube_event_M .page4 .page4_cont li .bottom .user_nick { font-size: 14px; color: #777; font-weight: bold; margin-bottom: 5px; white-space: nowrap; text-overflow: ellipsis; }
.youtube_event_M .page4 .page4_cont li .bottom .date { font-size: 12px; color: #999; }
.youtube_event_M .page4 .page { margin-bottom: 30px; }
.youtube_event_M .page4 .page span { color: #fff; margin-left: 10px; }
.youtube_event_M .page4 .page .active { font-weight: bolder; }
.youtube_event_M .page4 .btn { margin: 0 auto; width: 80%; padding-bottom: 100px; }
.youtube_event_M .page4 .btn a { width: 80%; overflow: hidden; }
.youtube_event_M .page4 .btn a img { width: 100%; }

/*-----------------------------------------------------------------------
    
    activity : shop_renewal

-----------------------------------------------------------------------*/

.wrap { }
.shop_renewal { margin-top: -50px; }
.shop_renewal .page1 { background: url('/img/mob/shop_renewal_bg1.png')center top no-repeat; position: relative; background-size: 115%; padding-top: 72%; }
.shop_renewal .page2 { background: url('/img/mob/shop_renewal_bg2.png')center top no-repeat; position: relative; background-size: 100%; padding-top: 180%; }
.shop_renewal .page2 a { position: absolute; display: block; bottom: 70px; left: 50%; background: #111; color: #fecd24; padding: 15px 40px; transform: translateX(-50%); font-size: 13px; font-weight: bold; }
.shop_renewal .page3 { background: url('/img/mob/shop_renewal_bg3.png')center top no-repeat; position: relative; background-size: 100%; padding-top: 103%; }
.shop_renewal .page3 a { position: absolute; display: block; bottom: 65px; left: 50%; background: #ffca22; color: #003448; padding: 15px 20px; transform: translateX(-50%); font-size: 13px; font-weight: bold; }
.shop_renewal .page4 { background: url('/img/mob/shop_renewal_bg4.png')center top no-repeat; position: relative; background-size: 100%; padding-top: 220%; }
.shop_renewal .page4 a { position: absolute; display: block; bottom: 160px; left: 50%; background: #333; color: #fff; padding: 15px 40px; transform: translateX(-50%); font-size: 13px; font-weight: bold; }

@keyframes imgplus {
    from { transform: scale3d(1, 1, 1); }
    100% { transform: scale3d(1.10, 1.10, 1.10); }
}


/*-----------------------------------------------------------------------
    
    activity : premium_review_M

-----------------------------------------------------------------------*/

.wrap { }
.premium_review_M { background: #fff; }
.premium_review_M .page1 { width: 100%; background: url(/img/mob/premium_review_m.png?a=122)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 420%; margin-top: -55px; }
.premium_review_M .btn { background: #222; color: #fff; font-size: 16px; display: block; width: 70%; text-align: center; margin: 20px auto 20px; transition: 0.3s; letter-spacing: -1px; padding: 20px 0 20px; box-sizing: border-box; }
.premium_review_M .page2 { width: 100%; margin: 0 auto; box-sizing: border-box; padding-bottom: 100px; overflow: hidden; }
.premium_review_M .page2 .review_conts { width: 46.5%; overflow: hidden; float: left; margin: 2% 1% 2% 2%; }
.premium_review_M .page2 .review { width: 100%; overflow: hidden; background: #fff; border: 1px solid #eee; float: left; overflow: hidden; padding: 10px; box-sizing: border-box; margin-bottom: 5%; }
.premium_review_M .page2 .review .top { overflow: hidden; }
.premium_review_M .page2 .review .top .profile { float: left; width: 30px; margin-top: 5px; }
.premium_review_M .page2 .review .top .profile img { width: 100%; border-radius: 30px; }
.premium_review_M .page2 .review .top .info { float: left; display: block; width: 75%; overflow: hidden; margin-left: 3%; white-space: nowrap; }
.premium_review_M .page2 .review .top .info span { display: block; }
.premium_review_M .page2 .review .top .info .nick { font-weight: bold; }
.premium_review_M .page2 .review .top .info .date { font-size: 11px; color: #999; }
.premium_review_M .page2 .review .pic { width: 100%; max-height: 120px; margin: 0 auto; background: #111; margin: 10px 0 10px 0; overflow: hidden; }
.premium_review_M .page2 .review .pic img { width: 100%; vertical-align: middle; }
.premium_review_M .page2 .review .text { font-size: 12px; color: #666; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* 라인수 */ -webkit-box-orient: vertical; word-wrap: break-word; line-height: 1.5em; }
.premium_review_M .page2 .review .text span { }

/*-----------------------------------------------------------------------
    
    activity : review_event_M

-----------------------------------------------------------------------*/

.review_event_M { width: 100%; background: url(/img/mob/mob_reviewEventBg1.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 228%; margin-top: 55px; }
.review_event_M .contents1 { }
.review_event_M .star_btn_m { text-align: center; }
.review_event_M .star_btn_m a { display: block; margin-bottom: 10px; }
.review_event_M .star_btn_m a img { width: 80%; box-shadow: 1px 1px #d7b32a; }
.review_content_2 { width: 100%; margin: 0 auto; }
.review_content_2 .review_list { background-color: #e8e8e8; padding-bottom: 20px; margin-bottom: 10px; margin-top: 50px; }
.review_content_2 .review_list .title { text-align: center; }
.review_content_2 .review_list .title img { width: 100%; }
.review_content_2 .review_list .list_A { overflow: hidden; padding: 0 10px 10px; }
.review_content_2 .review_list .list_A li { width: 100%; margin-top: 10px; background-color: #fff; overflow: hidden; position: relative }
.review_content_2 .review_list .list_A li a { display: inline-block; width: 100%; height: 100% }
.review_content_2 .review_list .list_A li a .ps_Profile { float: left; width: 30%; text-align: center; padding: 20px 0; box-sizing: border-box }
.review_content_2 .review_list .list_A li a .thumb { margin-bottom: 5px }
.review_content_2 .review_list .list_A li a .thumb img { width: 60px; border-radius: 30px }
.review_content_2 .review_list .list_A li a .nick { font-size: 14px; color: #444 }
.review_content_2 .review_list .list_A li a .phone { font-size: 11px; color: #999; margin-top: 3px }
.review_content_2 .review_list .list_A li a .phone img { vertical-align: middle; margin: 0 4px 3px 0; width: 9px }
.review_content_2 .review_list .list_A li a .bar { overflow: hidden; position: absolute; top: 0; left: 30%; width: 1px; height: 400px; background: url(/img/2018/e8e8e8_bg.png); background-repeat: repeat-y }
.review_content_2 .review_list .list_A li a .ps_Content { float: right; width: 70%; text-overflow: ellipsis; overflow: hidden; box-sizing: border-box; }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top { overflow: hidden; border-bottom: 1px solid #e8e8e8; padding: 10px; letter-spacing: -0.4px }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top span { vertical-align: middle; display: inline-block; }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top .best { width: 30px; vertical-align: middle; margin-right: 5px; }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top .ttl { font-size: 14px; vertical-align: middle }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Top .date { float: right; margin-top: 5px; font-weight: normal; color: #999; font-size: 11px; vertical-align: middle }
.review_content_2 .review_list .list_A li a .ps_Content .contpart_Bot { padding: 10px; font-size: 15px; color: #777; letter-spacing: -0.4px; word-break: break-all }
.review_content_2 .review_list .list_B { overflow: hidden; padding: 0 10px 10px; }
.review_content_2 .review_list .list_B li { float: left; width: calc(50% - 5px); min-height: 100px; max-height: 300px; margin-top: 10px; background-color: #fff; overflow: hidden; position: relative; overflow-y: hidden; margin-right: 10px; box-sizing: border-box; border: 1px solid #9c9c9c; }
.review_content_2 .review_list .list_B li:nth-child(2n) { margin-right: 0; }
.review_content_2 .review_list .list_B li a { display: inline-block; width: 100%; height: 100% }
.review_content_2 .review_list .list_B li a .pimg img { width: 100%; }
.review_content_2 .review_list .list_B li a .hv { display: none; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.8; width: 100%; height: 100%; text-align: center }
.review_content_2 .review_list .list_B li a .hv .top { padding: 70px 0 30px; }
.review_content_2 .review_list .list_B li a .hv .top img { width: 60px; border-radius: 30px; vertical-align: middle }
.review_content_2 .review_list .list_B li a .hv .top p { font-size: 15px; color: #fff; margin-top: 4px; color: #ddd }
.review_content_2 .review_list .list_B li a .hv .top p span { font-weight: bold; margin-right: 3px }
.review_content_2 .review_list .list_B li a .hv .bname { color: #fff; font-size: 17px }
.review_content_2 .review_list .list_B li a .hv .bname img { vertical-align: middle; margin: 0 0 3px 3px }
.review_content_2 .review_list li a .hv { display: none; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.8; width: 100%; height: 100%; text-align: center }
.review_content_2 .review_list li a .hv .top { padding: 10px 0 15px }
.review_content_2 .review_list li a .hv .top img { width: 60px; border-radius: 30px; vertical-align: middle }
.review_content_2 .review_list li a .hv .top p { font-size: 15px; color: #fff; margin-top: 4px; color: #ddd }
.review_content_2 .review_list li a .hv .top p span { font-weight: bold; margin-right: 3px }
.review_content_2 .review_list li a .hv .bname { color: #fff; font-size: 17px }
.review_content_2 .review_list li a .hv .bname img { vertical-align: middle; margin: 0 0 3px 3px }
.review_content_2 .review_list .page { width: 100%; margin: 0 auto; text-align: center }
.review_content_2 .review_list .page a { display: inline-block; color: #777; width: 50px; height: 50px; line-height: 50px; font-size: 18px }
.review_content_2 .review_list .page a.sel { font-weight: bold; color: #000; }
.review_content_2 .review_list .btn { display: block; width: 80%; height: 70px; line-height: 70px; background: #ffd123; color: #fff; border-radius: 10px; text-align: center; margin: 20px auto; font-size: 21px; transition: 0.4s; font-weight: 600; letter-spacing: -1px; }
.review_content_2 .review_list .btn:hover { background-color: #ff0300; }



/*-----------------------------------------------------------------------
    
   notify

-----------------------------------------------------------------------*/

.notify_m { overflow: hidden; }
.notify_m .section1 { width: 100%; background: url(/img/mob/android.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 170%; }
.notify_m .section1 a { display: inline-block; background: #ff0030; color: #fff; width: 70%; padding: 20px 0 20px 0; text-align: center; position: absolute; bottom: 7%; left: 50%; transform: translateX(-50%); font-weight: bold; font-size: 18px; }
.notify_m .section2 { width: 100%; background: url(/img/mob/iphone.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 170%; }
.notify_m .section2 a { display: inline-block; background: #f47620; color: #fff; width: 70%; padding: 20px 0 20px 0; text-align: center; position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); font-weight: bold; font-size: 18px; }
.notify_m { }

/*-----------------------------------------------------------------------
    
   월간 베스트 매매일지 이벤트

-----------------------------------------------------------------------*/

.best_event_info { }
.best_event_info .con1_banner { background: url(/img/mob/best_banner_2001.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_info .con2_info { background: url(/img/mob/best_event_bg_m.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 510%; }
.best_event_info .con3_info { background: url(/img/mob/best_bottom_bg.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 55%; }
.best_event_info .con3_info a { position: absolute; top: 55%; left: 50%; transform: translateX(-50%); }
.best_event_info .con3_info a img { width: 100%; }

/*-----------------------------------------------------------------------
    
   월간 베스트 매매일지 이벤트 결과발표

-----------------------------------------------------------------------*/

.best_event_info { margin-top: -50px; }
.best_event_result { margin-top: -50px; }
.best_event_result .con1_banner { background: url(/img/mob/event_result_1809_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con2_info { background: url(/img/mob/best_con2_bg.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 175%; }
.best_event_result .con2_result { margin: 50px auto; background-size: 100%; position: relative; width: 100%; text-align: center; }
.best_event_result .con2_result .con2_ttl { width: 60%; margin-bottom: 50px; }
.best_event_result .con2_result ul { width: 90%; margin: 0 auto; margin-bottom: 80px; }
.best_event_result .con2_result ul li { width: 100%; margin-bottom: 30px; border-bottom: 1px solid#d9d9d9; padding-bottom: 20px; }
.best_event_result .con2_result ul li:last-child { border-bottom: none; padding-bottom: 0; }
.best_event_result .con2_result ul li .top { margin-bottom: 20px; width: 100%; }
.best_event_result .con2_result ul li .top .user_img { display: block; margin: 0 auto 10px; width: 20%; border-radius: 50%; }
.best_event_result .con2_result ul li .top .user_nick { font-size: 16px; color: #666; font-weight: bold }
.best_event_result .con2_result ul li .bottom { width: 100%; overflow: hidden; }
.best_event_result .con2_result ul li .bottom a { display: inline-block; float: left; width: 30%; margin-right: 3%; }
.best_event_result .con2_result ul li .bottom a:last-child { margin-right: 0; }
.best_event_result .con2_result ul li .bottom a:first-child { margin-left: 2%; }
.best_event_result .con2_result ul li .bottom a img { width: 100%; }
.best_event_result .con3_info { background: url(/img/mob/best_con3_bg.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 145.7%; }
.best_event_result .con3_result { margin: 0 auto; background-size: 100%; position: relative; width: 100%; text-align: center; background: #f9f5e9; padding-bottom: 20px; }
.best_event_result .con3_result .con3_ttl { width: 60%; margin-bottom: 50px; margin-top: 50px; }
.best_event_result .con3_result ul { width: 90%; margin: 0 auto; margin-bottom: 80px; overflow: hidden; }
.best_event_result .con3_result ul li { width: 30%; float: left; margin-right: 3% }
.best_event_result .con3_result ul li:first-child { width: 30%; float: left; margin-left: 2% }
.best_event_result .con3_result ul li:last-child { width: 30%; float: left; margin-right: 0 }
.best_event_result .con3_result ul li:last-child { border-bottom: none; padding-bottom: 0; }
/*.best_event_result .con3_result ul li .top { margin-bottom:30px; }*/
.best_event_result .con3_result ul li:first-child img { margin-top: 10px; }
.best_event_result .con3_result ul li:nth-child(2) img { margin-top: 28px; }
.best_event_result .con3_result ul li:nth-child(3) img { margin-top: 28px; }

.best_event_result .con3_result ul li .top .user_img { display: block; margin: 0 auto 10px; width: 70%; border-radius: 50%; }
.best_event_result .con3_result ul li .top .user_nick { font-size: 16px; color: #666; font-weight: bold; }
.best_event_result .con3_result ul li:first-child .top .user_nick { font-size: 14px; }
.best_event_result .con3_result ul li .bottom { width: 100%; overflow: hidden; }
.best_event_result .con3_result ul li .bottom img:first-child { margin-top: 28px; }
.best_event_result .con3_result ul li .bottom a { display: inline-block; float: left; width: 100%; margin-right: 3%; }
.best_event_result .con3_result ul li .bottom a img { width: 100%; }
.best_event_result .con4_info { background: url(/img/mob/best_con4_bg.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 162%; }
.best_event_result .con4_result { margin: 0 auto; position: relative; width: 100%; text-align: center; background: #434343; padding-bottom: 20px; }
.best_event_result .con4_result .con4_ttl { width: 60%; margin-bottom: 50px; margin-top: 50px; }
.best_event_result .con4_result ul { width: 90%; margin: 0 auto; margin-bottom: 80px; overflow: hidden; }
.best_event_result .con4_result ul li { width: 30%; float: left; margin-right: 2%; }
.best_event_result .con4_result ul li:first-child { margin-left: 1%; }
.best_event_result .con4_result ul li:last-child { margin-right: 0; }
.best_event_result .con4_result ul li .top { margin-bottom: 20px; }
.best_event_result .con4_result ul li .top .user_img { display: block; margin: 0 auto 10px; width: 70%; border-radius: 50%; }
.best_event_result .con4_result ul li .top .user_nick { font-size: 11px; color: #f9f5e9; font-weight: bold; white-space: nowrap; overflow: hidden; display: inline-block; width: 100%; text-overflow: ellipsis; }
.best_event_result .con4_result ul li .bottom { width: 100%; overflow: hidden; }
.best_event_result .con4_result ul li .bottom a { display: inline-block; float: left; width: 100%; margin-right: 3%; }
.best_event_result .con4_result ul li .bottom a img { width: 100%; }
.best_event_result .con5_info { background: url(/img/mob/best_bottom_bg.png)no-repeat center center; margin: 0 auto; background-size: 100%; position: relative; padding-top: 55%; }
.best_event_result .con5_info a { position: absolute; top: 55%; left: 50%; transform: translateX(-50%); }
.best_event_result .con5_info a img { width: 100%; }

.best_event_result .con1_banner_11 { background: url(/img/mob/event_result_1811_pt1_mob.png)no-repeat center center; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con11_info { background: url(/img/mob/best_con4_bg_re.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 165%; }
.best_event_result .con12_info { background: url(/img/mob/best_bottom_bg.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 55%; }
.best_event_result .con12_info a { position: absolute; top: 55%; left: 50%; transform: translateX(-50%); }
.best_event_result .con12_info a img { width: 100%; }

.best_event_result .con1_banner_12 { background: url(/img/mob/event_result_1812_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1901 { background: url(/img/mob/event_result_1901_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1902 { background: url(/img/mob/event_result_1902_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1903 { background: url(/img/mob/event_result_1903_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1904 { background: url(/img/mob/event_result_1904_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1905 { background: url(/img/mob/event_result_1905_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1906 { background: url(/img/mob/event_result_1906_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1907 { background: url(/img/mob/event_result_1907_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1908 { background: url(/img/mob/event_result_1908_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1909 { background: url(/img/mob/event_result_1909_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1910 { background: url(/img/mob/event_result_1910_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1911 { background: url(/img/mob/event_result_1911_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }
.best_event_result .con1_banner_1912 { background: url(/img/mob/event_result_1912_pt1_mob.png)no-repeat center top; margin: 0 auto; background-size: 100%; position: relative; padding-top: 108%; }

/*----------------------------------------------- ------------------------
    
    section : rank

-----------------------------------------------------------------------*/

.rank { max-width: 640px; overflow: hidden; }
.rank > div { position: relative; }
.rank .rank_pt1 { }
.rank .rank_pt1 .title { top: 31.3492%; left: 38.5938%; width: 24.6875%; }
.rank .rank_pt1 .ranker { bottom: 21%; left: 14.2188%; width: 71.7188%; }
.rank .rank_pt1 .ranker .first { width: 33.3333%; float: left; text-align: center; position: relative; }
.rank .rank_pt1 .ranker .second { width: 33.3333%; float: left; text-align: center; position: relative; margin-top: 8.2%; }
.rank .rank_pt1 .ranker .third { width: 33.3333%; float: left; text-align: center; position: relative; margin-top: 8.2%; }
.rank .rank_pt1 .ranker .nick_name { color: #fff; font-size: 2.8125vw; margin-bottom: 9%; }
.rank .rank_pt1 .ranker .nick_name > span { font-weight: bold; }
.rank .rank_pt1 .ranker .image { width: 66.6667%; margin: 0 auto; }
.rank .rank_pt1 .ranker .image > img { width: 100%; border-radius: 100%; }
.rank .rank_pt1 .ranker .bay_tree { width: 87.5817%; margin: 0 auto; position: absolute; top: 19.2857%; left: 5.2288%; }
.rank .rank_pt1 .ranker .bay_tree > img { width: 100%; }
.rank .rank_pt2 { }
.rank .rank_pt2 .button { bottom: 0; left: 6.7188%; overflow: hidden; width: 86.5625%; height: 52.6011%; }
.rank .rank_pt2 .button .left { float: left; width: 48.1949%; margin: 0 0.9025%; height: 100%; }
.rank .rank_pt2 .button .right { float: left; width: 48.1949%; margin: 0 0.9025%; height: 100%; }
.rank .rank_pt2 .button .sel { }
.rank .rank_pt2 .button .dis { padding-top: 1.6245%; height: 90.1099%; }
.rank .rank_pt2 .button img { width: 100%; }
.rank .rank_pt3 { }
.rank .rank_pt3 .content { padding: 7.0313vw 14.0625vw 0 14.0625vw; }
.rank .rank_pt3 .content .list { }
.rank .rank_pt3 .content .list .item { width: 100%; height: 9.375vw; border: 1px solid #636363; border-radius: 60px; margin-bottom: 1.5625vw; text-align: center; }
.rank .rank_pt3 .content .list .item > div { float: left; height: 100%; }
.rank .rank_pt3 .content .list .item .ranking { text-align: right; }
.rank .rank_pt3 .content .list .item .ranking > img { width: 65%; }
.rank .rank_pt3 .content .list .item .ranking > span { font-size: 4.0625vw; font-weight: bold; font-family: 'Spoqa Han Sans'; display: inline-block; height: 100%; line-height: 9.375vw; width: 62.8571%; text-align: center; }
.rank .rank_pt3 .content .list .item .updown { font-size: 3.125vw; font-family: 'Spoqa Han Sans'; line-height: 9.375vw; }
.rank .rank_pt3 .content .list .item .updown.blue { color: #00a2ff; }
.rank .rank_pt3 .content .list .item .updown.red { color: #ff4f4f; }
.rank .rank_pt3 .content .list .item .updown > span { }
.rank .rank_pt3 .content .list .item .updown > strong { font-size: 12px; vertical-align: top; margin-left: 2px; }
.rank .rank_pt3 .content .list .item .profile { }
.rank .rank_pt3 .content .list .item .profile > img { width: 7.3438vw; height: 7.3438vw; border-radius: 100%; margin-top: 1.0156vw; }
.rank .rank_pt3 .content .list .item .nick_name { line-height: 9.375vw; font-size: 3.2vw; }
.rank .rank_pt3 .content .list .item .count { text-align: center; line-height: 9.375vw; font-size: 2.5vw; }
.rank .rank_pt3 .content.gift_rank .list .item .ranking { width: 15.2174%; }
.rank .rank_pt3 .content.gift_rank .list .item .updown { width: 16.3043%; }
.rank .rank_pt3 .content.gift_rank .list .item .profile { width: 24.2174%; }
.rank .rank_pt3 .content.gift_rank .list .item .nick_name { width: 38.2609%; }
.rank .rank_pt3 .content.active_rank .list .item .ranking { width: 15.2174%; }
.rank .rank_pt3 .content.active_rank .list .item .updown { width: 16.3043%; }
.rank .rank_pt3 .content.active_rank .list .item .profile { width: 15.2174%; }
.rank .rank_pt3 .content.active_rank .list .item .nick_name { width: 28.2609%; }
.rank .rank_pt3 .content.active_rank .list .item .count { width: 23.5652%; }
.rank .rank_pt3 .content .line { width: 100%; height: 1px; background: #bcbcbc; margin: 6.25vw 0; }

/*-----------------------------------------------------------------------
    
    broadcast_app
    
    broadcast_app : header

-----------------------------------------------------------------------*/

.brd_wrap { overflow: hidden; position: relative; height: 100%; color: #f9f9f9; background: #fff; }
.brd_wrap.broadcasting { margin-top: 110px; }
.brd_wrap header { background-color: #fff; border-bottom: 1px solid #eee; }
.brd_wrap header .top { overflow: hidden; }
.brd_wrap header .top .logo { float: left; padding: 10px 20px 10px; }
.brd_wrap header .top .logo a { }
.brd_wrap header .top .logo a img { height: 30px; }
.brd_wrap header .top .side_menu_btn { float: right; padding: 17px 20px 17px; }
.brd_wrap header .top .side_menu_btn a { }
.brd_wrap header .top .side_menu_btn a img { height: 18px; vertical-align: middle; opacity: 0.8; }
.brd_wrap header .top .side_menu_btn a .myinfo { height: 22px; vertical-align: middle; margin-right: 2px; }
.brd_wrap header .top .side_menu_btn a .side_menu { }
.brd_wrap header .top .side_menu_btn .login { font-size: 12px; float: left; margin-top: 5px; margin-right: 15px; }
.brd_wrap header .top .side_menu_btn .login a { color: #999; }
.brd_wrap header .bottom { background-color: #fff; border-top: 1px solid #eee; box-sizing: border-box; }
.brd_wrap header .bottom a { color: #999; display: inline-block; padding: 15px 0; display: inline-block; width: 49%; text-align: center; font-size: 12px; }
.brd_wrap header .bottom a:nth-child(1) { border-right: 1px solid #eee; box-sizing: border-box; }
.brd_wrap header .bottom a img { height: 12px; vertical-align: middle; }
.brd_wrap section { }
.brd_wrap section .top_live { width: 100%; }
.brd_wrap section .top_live a { width: 100%; display: block; }
.brd_wrap section .top_live a img { width: 100%; }
.brd_wrap section .brd_list { width: 100%; }
.brd_wrap section .brd_list li { position: relative; margin: 0; }
.brd_wrap section .brd_list li a { display: inline-block; overflow: hidden; width: 100%; vertical-align: middle; }
.brd_wrap section .brd_list li a .thumb { position: relative; display: inline-block; float: left; width: 100px; height: 75px; overflow: hidden }
.brd_wrap section .brd_list li a .thumb .moimg { width: 100%; vertical-align: middle }
.brd_wrap section .brd_list li a .playbtn { position: absolute; top: 20px; left: 50%; margin-left: -15px }
.brd_wrap section .brd_list li a .playbtn img { width: 30px; vertical-align: middle }
.brd_wrap section .brd_list li a .playtime { position: absolute; bottom: 3px; right: 3px; }
.brd_wrap section .brd_list li a .playtime span { background-color: #000; border-radius: 3px; color: #fff; text-align: center; padding: 2px 4px; font-size: 10px; opacity: 0.5 }
.brd_wrap section .brd_list li.video_li { position: relative; background: #fff; margin-top: 10px; }
.brd_wrap section .brd_list li.video_li .left { width: calc(100% - 20px); margin: 10px auto; position: relative; }
.brd_wrap section .brd_list li.video_li .left .price { position: absolute; background: #111; font-size: 12px; color: #fff; padding: 5px; width: 70px; text-align: center; vertical-align: middle; }
.brd_wrap section .brd_list li.video_li .left .price img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 5px; }
.brd_wrap section .brd_list li.video_li .left .price_free { position: absolute; z-index: 1; text-align: center; vertical-align: middle; background: #b9b9b9; padding: 5px 20px; font-size: 12px; }
.brd_wrap section .brd_list li.video_li .left .price_free img { width: 50px; vertical-align: middle; }
.brd_wrap section .brd_list li.video_li .left .price_vip { position: absolute; background: #111; color: #fff; padding: 5px; width: 70px; text-align: center; vertical-align: middle; }
.brd_wrap section .brd_list li.video_li .left .price_vip img { width: 50px; vertical-align: middle; }
.brd_wrap section .brd_list li.video_li .left .price_buy { position: absolute; z-index: 1; background-color: #f00; color: #fff; font-size: 12px; padding: 5px; width: 70px; text-align: center; vertical-align: middle; }
.brd_wrap section .brd_list li.video_li .left .playTime { position: absolute; z-index: 1; bottom: 4px; right: 0; font-size: 13px; background: rgba(0,0,0,0.5); color: #fff; padding: 2px 5px; }
.brd_wrap section .brd_list li.video_li .left img { width: 100% }
.brd_wrap section .brd_list li.video_li .left img.is_view { width: calc(100% - 2px); border: 1px solid red; }
.brd_wrap section .brd_list li.video_li .right { width: 92%; margin: 0 auto; letter-spacing: -1px; padding-bottom: 15px; }
.brd_wrap section .brd_list li.video_li .right .top { font-family: Tahoma; margin-top: 10px; position: relative; }
.brd_wrap section .brd_list li.video_li .right .top span { font-size: 12px; color: #888; font-weight: 300; }
.brd_wrap section .brd_list li.video_li .right .top .ttl { display: block; font-size: 16px; color: #222; font-weight: bold; margin-top: 2px; padding-top: 18px; }
.brd_wrap section .brd_list li.video_li .right .top .date { position: absolute; right: 0; }
.brd_wrap section .brd_list li.video_li .right .top .value { position: absolute; left: 0; }
.brd_wrap section .brd_list li.video_li .right .top .reply { font-size: 12px; color: #888; }
.brd_wrap section .brd_list .brd_dv { background: #999; }
.brd_wrap section .loading { position: fixed; left: 0; bottom: -50px; width: 100%; height: 50px; text-align: center; background: #f7f7f7; opacity: 0.7; transition: all 0; }
.brd_wrap section .loading img { width: 20px; height: 20px; margin-top: 15px; }
.brd_wrap section .loading.show { transition: all 0.5s; bottom: 0; }
.brd_wrap .iptNclause .idNpw .pw1 { border-bottom: none; }
.brd_wrap .iptNclause .idNpw .pw2 { border-bottom: none; }

/*-----------------------------------------------------------------------
    
    broadcast_app : category

-----------------------------------------------------------------------*/

.brd_wrap .category { }
.brd_wrap .category .brd_list .video_li { margin: 10px auto; width: 100%; border-bottom: 1px solid #dfdfdf; }
.brd_wrap .category .brd_list li.video_li .left { width: calc(100% - 20px); margin: 0 auto; }
.brd_wrap .category .category_header { text-align: center; background: #fff; border-bottom: 1px solid #eee; }
.brd_wrap .category .category_header a { display: inline-block; font-size: 14px; color: #999; width: calc(25% - 5px); padding: 15px 0; }
.brd_wrap .category .category_header a.active { color: #000; font-weight: bold; }
.brd_wrap .category .bottom { margin-top: -5px; margin-bottom: -5px; padding-bottom: 10px; }
.brd_wrap .category .category_list li { letter-spacing: -0.3px; position: relative; }
.brd_wrap .category .category_list li a { display: inline-block; overflow: hidden; width: 100%; vertical-align: middle; height: 100%; }
.brd_wrap .category .category_list li a:last-child { padding-bottom: 5px; }
.brd_wrap .category .category_list li a .thumb { position: relative; display: inline-block; float: left; width: 100px; height: 75px; overflow: hidden }
.brd_wrap .category .category_list li a .thumb .moimg { width: 100%; vertical-align: middle }
.brd_wrap .category .category_list li a .playbtn { position: absolute; top: 20px; left: 50%; margin-left: -15px }
.brd_wrap .category .category_list li a .playbtn img { width: 30px; vertical-align: middle }
.brd_wrap .category .category_list li a .playtime { position: absolute; bottom: 3px; right: 3px; }
.brd_wrap .category .category_list li a .playtime span { background-color: #000; border-radius: 3px; color: #fff; text-align: center; padding: 2px 4px; font-size: 10px; opacity: 0.5 }
.brd_wrap .category .category_list li a .vipmark { position: absolute; top: 0; left: 0; }
.brd_wrap .category .category_list li a .vipmark img { width: 30px; vertical-align: middle }
.brd_wrap .category .category_list li.video_li { position: relative; height: 100px; margin-bottom: 0px; }
.brd_wrap .category .category_list li.video_li:last-child { border: none; }
.brd_wrap .category .category_list li.video_li .left { width: 160px; height: 90px; margin: 5px 10px; position: absolute; top: 0; left: 0; overflow: hidden; }
.brd_wrap .category .category_list li.video_li .left .price { position: absolute; z-index: 1; background-color: #333; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brd_wrap .category .category_list li.video_li .left .price img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 2px; }
.brd_wrap .category .category_list li.video_li .left .price_free { position: absolute; z-index: 1; background-color: #999; color: #111; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brd_wrap .category .category_list li.video_li .left .price_free img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 2px; }
.brd_wrap .category .category_list li.video_li .left .price_vip { position: absolute; z-index: 1; background-color: #fc3333; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brd_wrap .category .category_list li.video_li .left .price_buy { position: absolute; z-index: 1; background-color: #f00; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brd_wrap .category .category_list li.video_li .left .playTime { position: absolute; z-index: 1; right: 0; bottom: 0; font-size: 13px; background: rgba(0,0,0,0.5); color: #fff; padding: 2px 5px; }
.brd_wrap .category .category_list li.video_li .left img { width: 100% }
.brd_wrap .category .category_list li.video_li .right { position: absolute; left: 180px; padding: 5px 0; }
.brd_wrap .category .category_list li.video_li .right .top { height: 55px; font-family: Tahoma; width: 180px; }
.brd_wrap .category .category_list li.video_li .right .top span { display: block; font-size: 12px; color: #888; font-weight: 300; }
.brd_wrap .category .category_list li.video_li .right .top span.ttl { font-size: 14px; color: #222; overflow: hidden; text-overflow: ellipsis; }
.brd_wrap .category .category_list li.video_li .right .top .reply { font-size: 12px; color: #888; }

.stock_info { margin-top: 10px; background: #fff; }
.stock_info .category_header { text-align: center; background: #fff; border-bottom: 1px solid #eee; }
.stock_info .category_header:after { display: block; content: ""; clear: both; }
.stock_info .category_header a { display: block; font-size: 14px; color: #999; width: 50%; padding: 15px 0; float: left; }
.stock_info .category_header a.active { color: #000; font-weight: bold; }


/*-----------------------------------------------------------------------
    
    broadcast_app : views

-----------------------------------------------------------------------*/

.brd_wrap .views { background: #fff; }
.brd_wrap .views .brd_list .video_li { margin-bottom: 5px; width: 100%; border-bottom: 1px solid #ddd; background: #fff; margin-top: 0; }
.brd_wrap .views .brd_list li.video_li .left { width: 100%; margin: 0 auto; }
.brd_wrap .views .views_header { text-align: center; background: #fff; margin-top: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.brd_wrap .views .views_header a { display: inline-block; font-size: 12px; color: #999; width: calc(25% - 5px); padding: 10px 0 10px; }
.brd_wrap .views .bottom { margin-top: -5px; margin-bottom: -5px; }
.brd_wrap .views .views_list li { letter-spacing: -0.3px; position: relative; }
.brd_wrap .views .views_list li a { display: inline-block; overflow: hidden; width: 100%; vertical-align: middle; height: 100%; }
.brd_wrap .views .views_list li a:last-child { padding-bottom: 5px; }
.brd_wrap .views .views_list li a .thumb { position: relative; display: inline-block; float: left; width: 100px; height: 75px; overflow: hidden }
.brd_wrap .views .views_list li a .thumb .moimg { width: 100%; vertical-align: middle }
.brd_wrap .views .views_list li a .playbtn { position: absolute; top: 20px; left: 50%; margin-left: -15px }
.brd_wrap .views .views_list li a .playbtn img { width: 30px; vertical-align: middle }
.brd_wrap .views .views_list li a .playtime { position: absolute; bottom: 3px; right: 3px; }
.brd_wrap .views .views_list li a .playtime span { background-color: #000; border-radius: 3px; color: #fff; text-align: center; padding: 2px 4px; font-size: 10px; opacity: 0.5 }
.brd_wrap .views .views_list li a .vipmark { position: absolute; top: 0; left: 0; }
.brd_wrap .views .views_list li a .vipmark img { width: 30px; vertical-align: middle }
.brd_wrap .views .views_list li.video_li { position: relative; height: 100px; margin-bottom: 0px; }
.brd_wrap .views .views_list li.video_li:last-child { border: none; }
.brd_wrap .views .views_list li.video_li .left { width: 160px; height: 90px; margin: 5px 10px; position: absolute; top: 0; left: 0; overflow: hidden; }
.brd_wrap .views .views_list li.video_li .left .price { position: absolute; z-index: 1; background-color: #333; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brd_wrap .views .views_list li.video_li .left .price img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 2px; }
.brd_wrap .views .views_list li.video_li .left .price_free { position: absolute; z-index: 1; background-color: #999; color: #111; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brd_wrap .views .views_list li.video_li .left .price_free img { width: 12px; vertical-align: middle; padding-bottom: 2px; margin-right: 2px; }
.brd_wrap .views .views_list li.video_li .left .price_vip { position: absolute; z-index: 1; background-color: #fc3333; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brd_wrap .views .views_list li.video_li .left .price_buy { position: absolute; z-index: 1; background-color: #f00; color: #fff; font-size: 12px; padding: 3px; left: 0; width: 50px; text-align: center; vertical-align: middle; }
.brd_wrap .views .views_list li.video_li .left .playTime { position: absolute; z-index: 1; right: 0; bottom: 0; font-size: 13px; background: rgba(0,0,0,0.5); color: #fff; padding: 2px 5px; }
.brd_wrap .views .views_list li.video_li .left img { width: 100% }
.brd_wrap .views .views_list li.video_li .right { position: absolute; left: 180px; padding: 5px; }
.brd_wrap .views .views_list li.video_li .right .top { height: 55px; font-family: Tahoma; width: 180px; }
.brd_wrap .views .views_list li.video_li .right .top span { display: block; font-size: 12px; color: #888; font-weight: 300; }
.brd_wrap .views .views_list li.video_li .right .top span.ttl { font-size: 14px; color: #222; overflow: hidden; text-overflow: ellipsis; }
.brd_wrap .views .views_list li.video_li .right .top .reply { font-size: 12px; color: #888; }

/*-----------------------------------------------------------------------
    
    broadcast_app : login

-----------------------------------------------------------------------*/

.brd_wrap .login { }
.brd_wrap .login .logo { width: 100%; display: block; text-align: center; margin: 20px 0 20px 0; }
.brd_wrap .login .logo img { height: 30px; }
.brd_wrap .login .login_form { width: 100%; margin-top: 35px; }
.brd_wrap .login .login_form > input { display: block; width: 80%; margin: 0 auto 10px; padding: 15px; border: 1px solid #ddd; font-size: 14px; color: #eee; }
.brd_wrap .login .login_form .login_btn { display: block; width: 80%; margin: 20px auto 0; background: #1f2c35; text-align: center; color: #fff; font-weight: bold; padding: 15px; }
.brd_wrap .login .login_form .search_id { margin: 15px auto 0; font-size: 12px; width: calc(80% + 30px); display: block; overflow: hidden; color: #999; letter-spacing: -0.5px; }
.brd_wrap .login .login_form .search_id .keep_login { float: left; margin-right: 5px; }
.brd_wrap .login .login_form .search_id .keep_login input[type="radio"] { display: inline-block; width: 15px; height: 15px; vertical-align: middle; border-radius: 30px; cursor: pointer; margin-bottom: 2px; }
.brd_wrap .login .login_form .search_id .keep_login input span { }
.brd_wrap .login .login_form .search_info { float: right; }
.brd_wrap .login .login_form .search_info .bar { display: inline-block; width: 1px; height: 9px; background-color: #ddd; margin: 2px 2px 0px 4px; }
.brd_wrap .login .login_form .search_info a { color: #999; }
.brd_wrap .login .add { width: calc(80% + 30px); display: block; margin: 15px auto 35px; overflow: hidden; }
.brd_wrap .login .add a { display: block; }
.brd_wrap .login .add a img { width: 100%; }

/*-----------------------------------------------------------------------
    
    broadcast_app : join

-----------------------------------------------------------------------*/

.brd_wrap .join { }
.brd_wrap .join .join_ttl { text-align: center; margin-top: 35px; }
.brd_wrap .join .join_ttl span { display: block; font-size: 13px; letter-spacing: -0.5px; color: #666; }
.brd_wrap .join .join_ttl .ttl { color: #111; font-size: 21px; font-weight: bold; margin-bottom: 5px; }
.brd_wrap .join .join_form { width: 100%; margin-top: 15px; }
.brd_wrap .join .join_form > input { display: block; width: 80%; margin: 0 auto 10px; padding: 15px; border: 1px solid #ddd; font-size: 14px; color: #eee; }
.brd_wrap .join .join_btn { display: block; margin: 20px auto 0; background: #1f2c35; text-align: center; color: #fff; font-weight: bold; padding: 15px; }
.brd_wrap .join .join_btn a { color: #fff; }

/*-----------------------------------------------------------------------
    
    broadcast_app : side_menu

-----------------------------------------------------------------------*/

.brd_wrap .side_menu { position: fixed; background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; z-index: 999; right: 0; left: 0; }
.brd_wrap .side_menu .white_bg { background: #fff; width: 60%; height: 100%; opacity: 1.0; position: absolute; right: 0; text-align: right; }
.brd_wrap .side_menu .white_bg a { display: block; color: #666; padding: 10px 20px; font-size: 14px; }
.brd_wrap .side_menu .white_bg a img { height: 30px; }
.brd_wrap .side_menu .white_bg .home { border-bottom: 1px solid #ddd; }
.brd_wrap .side_menu .white_bg .ect { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; }
.brd_wrap .side_menu .white_bg .ect a { font-size: 13px; color: #999; }

/*-----------------------------------------------------------------------
    
    broadcast_app : starshop

-----------------------------------------------------------------------*/

.brd_wrap .starshop { margin-top: 0; }
.brd_wrap .starshop .cont { margin-top: 10px; }
.brd_wrap .starshop .cont .starList { border-top: 1px solid #eee; }
.brd_wrap .starshop .cont .starList li { background: #fff; padding: 10px 20px; border-bottom: 1px solid #eee; overflow: hidden; }
.brd_wrap .starshop .cont .starList li span { color: #666; font-size: 12px; }
.brd_wrap .starshop .cont .starList li img { height: 30px; vertical-align: middle; padding-bottom: 2px; margin: 0 5px; }
.brd_wrap .starshop .cont .starList li .left { float: left; }
.brd_wrap .starshop .cont .starList li .right { float: right; }
.brd_wrap .starshop .cont .starList li .right span { display: block; text-align: right; }
.brd_wrap .starshop .cont .starList li .right .price { margin-top: 3px; background: #aaa; color: #fff; padding: 2px 10px; border-radius: 20px; }
.brd_wrap .starshop .cont .btn { width: 100%; text-align: center; background-color: #fff; border-top: 1px solid #eee; padding: 10px 0 10px 0; color: #777; font-size: 14px; margin-top: 10px; }
.brd_wrap .starshop .cont .btn .star_No .no { font-weight: bold; color: #333; }
.brd_wrap .starshop .cont .btn .realBtn { }
.brd_wrap .starshop .cont .btn .realBtn a { color: #fff; font-size: 14px; color: #eee; background-color: #1f2a30; width: 92%; margin: 0 auto; display: block; padding: 15px 0; margin-top: 10px; }
.brd_wrap .starshop .cont .policy { color: #777; font-size: 12px; text-align: center; margin-top: 10px; padding-bottom: 20px; }

/*-----------------------------------------------------------------------
    
    broadcast_app : clausepop

-----------------------------------------------------------------------*/

.brd_wrap header .clausepop { background-color: #fff; border-bottom: 1px solid #ddd; }
.brd_wrap header .clausepop a { color: #999; display: inline-block; width: 32%; padding: 10px 0; font-size: 13px; text-align: center; }
.brd_wrap header .clausepop a.sel { color: #111; border-bottom: 2px solid #111; }
.refund_Policy { min-width: 320px; }
.refund_Policy h3 { color: #222; }
.refund_Policy .menu { }
.refund_Policy .menu ul { border-bottom: 2px solid #000; overflow: hidden; padding: 10px; }
.refund_Policy .menu ul li { float: left; font-size: 16px; margin-left: 15px; }
.refund_Policy .menu ul li a { color: #bbb; }
.refund_Policy .head { padding: 20px; color: #111; font-size: 14px; background-color: #fff; text-align: center; font-weight: 400; }
.refund_Policy .body { padding: 10px; font-size: 12px; color: #999; line-height: 21px; letter-spacing: -0.5px; border-top: 1px solid #ddd; background: #fff; }
.refund_Policy .body p { font-size: 12px; color: #999; padding: 10px 0px 10px; letter-spacing: -1px; }
.refund_Policy .body .black { color: #222; }
.refund_Policy .body_bottom { margin-bottom: 10px; }
.refund_Policy .policy_cont ol { margin-top: 10px; }
.refund_Policy_terms { background: #fff; color: #999; font-size: 12px; line-height: 18px; padding: 10px; }
.refund_Policy_terms span { color: #222; display: block; margin: 10px 0 10px 0; }
.refund_Policy_terms_head { padding: 20px; color: #111; font-size: 14px; background-color: #fff; text-align: center; font-weight: 400; border-bottom: 1px solid #ddd; }
.policy_cont ol { margin-top: 10px; }

/*-----------------------------------------------------------------------
    
    broadcast_app : qna

-----------------------------------------------------------------------*/

.brd_wrap .qna { width: 100%; position: relative; }
.brd_wrap .qna .bg { width: 100%; }
.brd_wrap .qna .bg img { width: 100%; }
.brd_wrap .mentoring_bg { background: #dcdcdc; width: 100%; margin-top: -5px; padding: 20px 0 50px 0; }
.brd_wrap .mentoring_bg .mentoring { width: 70%; margin: 0 auto; }
.brd_wrap .mentoring_bg .mentoring input { border: none; padding: 10px; font-size: 16px; vertical-align: middle; color: #777; }
.brd_wrap .mentoring_bg .mentoring input:nth-child(1) { width: calc(30% - 20px); margin-right: 10px; }
.brd_wrap .mentoring_bg .mentoring input:nth-child(2) { width: calc(70% - 30px); }
.brd_wrap .mentoring_bg .mentoring a { text-align: center; display: block; background: #1f2128; padding: 10px 0; font-size: 14px; margin-top: 10px; color: #fff; }
.brd_wrap .mentoring_bg .mentoring .kakao_btn { background: #f9e000; color: #222; }
.brd_wrap .mentoring_bg .mentoring a img { width: 100%; }

/*-----------------------------------------------------------------------
    
    broadcast_app : user_info

-----------------------------------------------------------------------*/

.myinfo { font-family: Dotum; }
.myinfo h2 { text-align: center; font-size: 16px; font-weight: bold; color: #333; margin-top: 35px; }
.myinfo a { display: inline-block }
.myinfo img { vertical-align: middle }
.myinfo .body { background-color: #f2f2f2 }
.myinfo .body.mys { display: block; }
.myinfo .body.mys .profile { border-bottom: 1px solid #e8e8e8; background-color: #fff; text-align: center; position: relative; }
.myinfo .body.mys .profile .pimg { display: inline-block; position: relative; width: 80px; height: 80px; margin-top: 20px }
.myinfo .body.mys .profile .pimg .wrapset { position: absolute; top: 0; left: 0 }
.myinfo .body.mys .profile .pnick { margin: 10px 0 15px; font-size: 16px; color: #999; font-size: 12px; }
.myinfo .body.mys .profile .pnick .mynick { vertical-align: middle; color: #777; font-size: 14px; font-weight: bold; display: block; }
.myinfo .body.mys .profile .pnick .phone { display: block; margin-top: 5px }
.myinfo .body.mys .profile .pnick .phone img { width: 8px; margin-bottom: 2px; margin-right: 5px; }
.myinfo .body.mys .profile .pnick .mofipt { display: inline-block; vertical-align: middle; margin-bottom: 1px }
.myinfo .body.mys .profile .pnick .mofipt input { width: 120px; height: 19px; border: 1px solid #999; text-indent: 5px; outline-color: none }
.myinfo .body.mys .profile .pnick a { display: inline-block; vertical-align: middle }
.myinfo .body.mys .profile .pnick a img { width: 30px; margin-bottom: 1px; display: none; }
.myinfo .body.mys .profile .logout { display: inline-block; position: absolute; top: -20px; right: 15px; border: 1px solid #e8e8e8; width: 70px; height: 25px; line-height: 25px; text-align: center; font-size: 13px; letter-spacing: -1px; background-color: #f8f8f8; color: #777 }
.myinfo .body.mys .service { background-color: #fff; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; margin-top: 7px }
.myinfo .body.mys .service .title { display: inline-block; width: 100%; height: 55px; line-height: 55px; border-bottom: 1px dashed #e8e8e8; text-align: center; }
.myinfo .body.mys .service .ttl { position: relative; font-size: 16px; font-weight: bold; }
.myinfo .body.mys .service .ttl .arrow { position: absolute; top: 0px; right: 0px; width: 55px; height: 55px; line-height: 55px; text-align: center }
.myinfo .body.mys .service .ttl .arrow img { width: 25px }
.myinfo .body.mys .service ul { padding: 20px; }
.myinfo .body.mys .service li { text-align: center; margin-bottom: 10px; }
.myinfo .body.mys .service li:last-child { margin-bottom: 0px }
.myinfo .body.mys .service li span { display: inline-block }
.myinfo .body.mys .service .serv_name { width: 40%; font-size: 16px; }
.myinfo .body.mys .service .remain_time { width: 60%; font-size: 15px; color: #999 }
.myinfo .body.mys .service .remain_time a { margin-left: 10px; color: #000; font-size: 15px }
.myinfo .body.mys .myact { margin-top: 7px; overflow: hidden }
.myinfo .body.mys .myact .actwrap { float: left; background-color: #fff; margin-right: 7px; text-align: center; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.myinfo .body.mys .myact .actwrap.wide { width: 100% }
.myinfo .body.mys .myact .actwrap:last-child { margin-right: 0 }
.myinfo .body.mys .myact .actwrap .ttl { font-size: 13px; height: 40px; line-height: 40px; border-bottom: 1px solid #eee; font-weight: bold; color: #777; }
.myinfo .body.mys .myact .actwrap .cont { height: 60px; line-height: 60px; font-size: 14px; color: #777; }
.myinfo .body.mys .modify { margin-top: 7px; border-top: 1px solid #eee; }
.myinfo .body.mys .modify ul li { position: relative; height: 60px; line-height: 60px; overflow: hidden; background: #fff; text-align: center; border-bottom: 1px solid #eee; font-size: 14px; }
.myinfo .body.mys .modify ul li a { display: block; color: #777; }
.myinfo .body.mys .modify ul li .arrow { position: absolute; top: 17px; right: 15px; width: 25px; text-align: center; }
.myinfo .body.mys .modify ul li .on_img { display: none; }
.myinfo .body.mys .modify ul li .off_img { display: none; }
.myinfo .body.mys .modify ul li a.on .on_img { display: block; }
.myinfo .body.mys .modify ul li a.off .off_img { display: block; }


/*-----------------------------------------------------------------------
    
    activity : help

-----------------------------------------------------------------------*/

.help_wrap { position: relative; }
.help_page { background: #f4f4f4; color: #000; width: 100%; max-width: 600px; margin: 0 auto; }
.help_page .sub_title { background: #fff; border-bottom: 1px solid #ddd; color: #000; height: 57px; text-align: center; line-height: 57px; }
.help_page .banner { width: 100%; border-bottom: 1px solid #e8e8e8; vertical-align: middle; margin-bottom: 8px; }
.help_page .banner .info_img01 { width: 100%; }
.help_page .section { padding: 24px; background: #fff; }
.help_page .section2 { padding: 24px; background: #f4f4f4; padding-bottom: 0; }
.help_page .section3 { padding: 24px; background: #ffffff; padding-bottom: 0; }
.help_page .section4 { text-align: center; }
.help_page .step { font-weight: bold; }
.help_page .box { padding: 16px; border: 1px solid #e8e8e8; border-radius: 6px; font-size: 13px; color: #707070; font-family: 'Noto Sans KR', sans-serif; }
.help_page .arrow { text-align: center; padding: 4px; }
.help_page .arrow_img { width: 16px; height: 8px; margin: 0 auto; }
.help_page .step_2 { font-weight: bold; color: #8f0101; font-family: 'Noto Sans KR', sans-serif; }
.help_page .section_title { font-weight: bold; letter-spacing: -1.2px; }
.help_page .section_header { text-align: center; margin-bottom: 16px; }
.help_page .section_contents { margin: 0 auto; width: 233px; }
.help_page .header_explain { color: #707070; letter-spacing: -1.05px; width: 260px; font-size: 14px; }
.help_page .button { border: 1px solid #8f0101; border-radius: 32px; width: 174px; text-decoration: none; background: #fff; color: #8f0101; text-align: center; margin: 0 auto; margin-top: 32px; }
.help_page .button .btn_area { display: block; padding: 16px; width: calc(100% - 32px); color: #8f0101; text-decoration: none; }
.help_page .button .btn_area:active { text-decoration: none; color: #8f0101; }
.help_page .button .btn_area:hover { text-decoration: none; color: #8f0101; }
.help_page .button .download_btn { width: 12.5px; }
.help_page .phone_img { text-align: center; }
.help_page .phone_img .img01 { width: 63.8%; margin-top: 16px; min-width: 230px; }
.help_page .header_explain { color: #707070; letter-spacing: -1.05px; width: 260px; font-size: 14px; }
.help_page .section2 .mov_title { margin: 0 auto; width: 60%; margin-bottom: 16px; }
.help_page .section2 .mov { width: 100%; padding-bottom: 60px; }
.help_page .section2 .mov .iframe { width: 100%; }


/* 추가정보변경 , 비밀번호 변경 , 휴대폰번호 변경 */
.myinfo_md .body.ich { display: block; }
.myinfo_md .body.ich .laybg { background-color: #fff; border-bottom: 1px solid #eee; margin-bottom: 7px; }
.myinfo_md .body.ich .laybg:last-child { margin-bottom: 0 }
.myinfo_md .body.ich .laybg .ttl { font-size: 14px; height: 55px; line-height: 55px; border-bottom: 1px solid #eee; text-align: center; font-weight: bold; color: #777; }
.myinfo_md .body.ich .laybg .cont { padding: 30px 15px; }
.myinfo_md .body.ich .laybg .cont p .finfo { display: inline-block; width: 30%; vertical-align: middle; text-align: left; margin-right: 7px; font-size: 12px; color: #777 }
.myinfo_md .body.ich .laybg .cont p { position: relative; }
.myinfo_md .body.ich .laybg .cont p.alert { color: #ff0030; font-size: 11px; margin-top: 15px; text-align: center }
.myinfo_md .body.ich .laybg .cont p .idipt { vertical-align: middle; width: calc(70% - 7px); height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; box-sizing: border-box; color: #999; }
.myinfo_md .body.ich .laybg .cont input[type="checkbox"] { display: none; }
.myinfo_md .body.ich .laybg .cont label { display: inline-block; cursor: pointer; font-size: 12px; vertical-align: middle; margin-left: calc(30% + 7px); color: #777; }
.myinfo_md .body.ich .laybg .cont input[type="checkbox"] + label:before { background: #e8e8e8; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 17px; width: 19px; vertical-align: middle; margin-right: 7px; border-radius: 5px }
.myinfo_md .body.ich .laybg .cont input[type="checkbox"]:checked + label:before { color: #000; content: "\2714"; text-align: center; font-size: 14px; }
.myinfo_md .body.ich .laybg .cont select { vertical-align: middle; width: calc(70% - 7px); height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; box-sizing: border-box }
.myinfo_md .body.ich .laybg .cont .sbtn { display: inline-block; width: calc(100% - 2px); height: 49px; line-height: 49px; text-align: center; margin-top: 14px; color: #fff; background-color: #1f2a30; margin-top: 0px; text-align: center; font-size: 13px; margin-top: 20px; }
.myinfo_md .body.ich .laybg .cont p { margin-bottom: 7px }
.myinfo_md .body.ich .phch .cont p .idipt:first-child { vertical-align: middle; width: 20%; height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px }
.myinfo_md .body.ich .phch .cont p .telf { vertical-align: middle; width: 15%; height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; box-sizing: border-box }
.myinfo_md .body.ich .phch .cont p .telb { vertical-align: middle; width: 30%; height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; margin: 0 7px; box-sizing: border-box }
.myinfo_md .body.ich .phch .cont p .cbtn { border: 1px solid #e8e8e8; width: calc(25% - 21px); height: 35px; line-height: 35px; vertical-align: middle; text-align: center; font-size: 12px; color: #777; box-sizing: border-box; margin-top: 1px; display: inline-block; }
.myinfo_md .body.ich .addinfo .cont p .ga { display: inline-block; vertical-align: middle; width: calc(70% - 7px); height: 35px; outline-style: none; font-size: 12px; box-sizing: border-box }
.myinfo_md .body.ich .addinfo .cont p .ga a { width: calc(50% - 3.5px); border: 1px solid #e8e8e8; box-sizing: border-box; height: 35px; line-height: 35px; text-align: center; color: #999; display: inline-block; }
.myinfo_md .body.ich .addinfo .cont p .ga a:first-child { margin-right: 7px; }
.myinfo_md .body.ich .addinfo .cont p .ga a.sel { border: 1px solid #777; color: #444 }
.myinfo_md .body.ich .addinfo .cont p .emailip { vertical-align: middle; width: calc(33% - 3.5px); height: 35px; border: 1px solid #e8e8e8; outline-style: none; text-indent: 7px; font-size: 12px; box-sizing: border-box }
.myinfo_md .body.ich .addinfo .cont p .at { display: inline-block; width: 4%; text-align: center; height: 35px; line-height: 35px; font-size: 12px; color: #999 }
.myinfo_md .footer { background-color: #1f2a30; padding: 30px 30px 40px }
.myinfo_md .footer .t1 { color: #fff; font-size: 13px; margin: 10px 0 3px; }
.myinfo_md .footer .t2 { color: #a7a7b4; font-size: 11px; }

/* idfind */

.idfind_Wrap { margin: 0 auto; width: 100%; background-color: #fafafa }
.idfind_topspace { text-align: center; width: 100%; padding-top: 40px; }
.idfind_topspace .top1 { font-size: 21px; font-weight: 600; color: #333; margin-bottom: 10px; letter-spacing: -1px; }
.idfind_topspace .top2 { font-size: 14px; margin-top: 1px; color: #666; letter-spacing: -1px; line-height: 21px; }
.iptNclause .jbtn { margin: 20px 0 50px }
.iptNclause .jbtn a { display: inline-block; width: 100%; height: 60px; line-height: 60px; background-color: #1f2c35; text-align: center; color: #fff; font-size: 16px; transition: 0.5s }
.iptNclause .jbtn a:hover { background-color: #1f2c35; transition: 0.5s }
/*---------------------------------------------

	모바일 체험신청 NEW 페이지 (2018.05.14)

----------------------------------------------*/

/*initial*/

.Exapply_M { position: relative; letter-spacing: -0.8px; font-family: 'Malgun Gothic' }
.Exapply_M .aplineL { width: 100%; height: 12px; border-top: 1px solid #e8e8e8; background-color: #f2f2f2 }
.Exapply_M .aplineS { width: 100%; height: 3px; border-top: 1px solid #e8e8e8; background-color: #f2f2f2 }
.Exapply_M .li_more { display: inline-block; width: 100%; height: 48px; line-height: 48px; background: #fff; text-align: center; border-top: 1px solid #f2f2f2 }
.Exapply_M .li_more span { vertical-align: middle; color: #777; font-size: 13px }
.Exapply_M .li_more img { width: 12px; vertical-align: middle; opacity: 0.8; margin-left: 4px; margin-bottom: 2px; }

/*체험신청 헤더 네비게이션*/

.Exapply_M header { width: 100% }
.Exapply_M .ex_nav { padding: 0 3%; font-size: 15px; overflow: hidden; background: #fff; }
.Exapply_M .ex_nav li { float: left; height: 42px; line-height: 42px; margin-right: 2%; text-align: center }
.Exapply_M .ex_nav li a { display: block; width: 100%; height: 100%; color: #999; vertical-align: middle }
.Exapply_M .ex_nav li a.sel { border-bottom: 2px solid #01223b; box-sizing: border-box; color: #01223b; font-weight: bold }
.Exapply_M .ex_nav li:nth-child(1) { width: 12% }
.Exapply_M .ex_nav li:nth-child(2) { width: 12% }
.Exapply_M .ex_nav li:nth-child(3) { width: 12% }
.Exapply_M .ex_nav li:nth-child(4) { width: 12% }
.Exapply_M .ex_nav li:nth-child(5) { width: 20% }
.Exapply_M .ex_nav li:nth-child(6) { width: 20% }

/*체험신청 홈*/

.Exapply_M .ex_recentli { background-color: #fff; position: relative; overflow: hidden; height: 175px; }
.Exapply_M .ex_recentli .top_btn { display: inline-block; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #f2f2f2; vertical-align: middle }
.Exapply_M .ex_recentli .top_btn .fment { font-size: 16px; font-weight: bold; margin-left: 15px; padding: 4px; color: #fff; background-color: #7aa0d0; vertical-align: middle }
.Exapply_M .ex_recentli .top_btn .more { float: right; font-size: 14px; margin-right: 15px; margin-top: 1px }
.Exapply_M .ex_recentli .top_btn .more span { vertical-align: middle; color: #b4b4b4 }
.Exapply_M .ex_recentli .top_btn .more img { width: 15px; vertical-align: middle; margin-left: 3px; margin-bottom: 2px }
.Exapply_M .ex_recentli #ticker1, .Exapply_M .ex_recentli #ticker4 { padding: 0 15px; }
.Exapply_M .ex_recentli #ticker1 ul, .Exapply_M .ex_recentli #ticker4 ul { height: 210px; width: calc(100% - 30px); }
.Exapply_M .ex_recentli #ticker1 ul li, .Exapply_M .ex_recentli #ticker4 ul li { padding: 0 15px; height: 42px; line-height: 42px }
.Exapply_M .ex_recentli #ticker1 ul li:last-child, .Exapply_M .ex_recentli #ticker4 ul li:last-child { border-bottom: none }
.Exapply_M .ex_recentli #ticker1 ul li a, .Exapply_M .ex_recentli #ticker4 ul li a { display: inline-block; width: 100%; height: 100%; border-bottom: 1px solid #f2f2f2; box-sizing: border-box; font-size: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #555 }
.Exapply_M .ex_recentli #ticker1 ul li:last-child a, .Exapply_M .ex_recentli #ticker4 ul li:last-child a { border-bottom: none }
.Exapply_M .ex_recentli .left { float: left; width: 50%; box-sizing: border-box; border-right: 1px solid #f2f2f2 }
.Exapply_M .ex_recentli .left li { padding: 10px 0; border-bottom: 1px solid #f2f2f2 }
.Exapply_M .ex_recentli .left li:last-child { border-bottom: 0; text-align: center; font-size: 14px; color: #777; }
.Exapply_M .ex_recentli .left li:last-child strong { color: #444 }
.Exapply_M .ex_recentli .left li span { vertical-align: middle; font-size: 13px }
.Exapply_M .ex_recentli .left li span.rd { color: #ef2a56 }
.Exapply_M .ex_recentli .left li span.bl { color: #6887cb }
.Exapply_M .ex_recentli .left li span.num { float: right; margin-right: 15px; font-size: 14px; font-weight: bold; color: #444; }
.Exapply_M .ex_recentli .left li img { width: 18px; vertical-align: middle; margin: 0 5px 1px 15px }
.Exapply_M .ex_recentli .right { float: right; width: 50%; text-align: center }
.Exapply_M .ex_recentli .right ul { width: 100%; }
.Exapply_M .ex_recentli .right ul li { height: 125px; }
.Exapply_M .ex_recentli .right ul li .title { display: inline-block; background: #ddd; font-size: 14px; padding: 2px 6px; font-weight: bold; margin-top: 15px }
.Exapply_M .ex_recentli .right ul li .stock { margin-top: 15px; font-size: 18px; width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.Exapply_M .ex_recentli .right ul li .percent { margin-top: 5px; color: #ef2a56; font-weight: bold; font-size: 18px; }
.Exapply_M .ex_banner.b1 { display: inline-block; background-color: #00508c; width: 100%; text-align: center; padding-top: 20px }
.Exapply_M .ex_banner.b1 img { max-width: 280px; vertical-align: middle }
.Exapply_M .ex_enSlide { display: inline-block; width: calc(100% - 15px); height: 50px; line-height: 50px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding-right: 15px; vertical-align: middle }
.Exapply_M .ex_enSlide .ex_enTitle { float: left; width: 84px; }
.Exapply_M .ex_enSlide .ex_enTitle .fment { font-size: 16px; font-weight: bold; margin-left: 15px; padding: 4px; color: #fff; background-color: #7aa0d0; vertical-align: middle }
.Exapply_M .ex_enSlide .ex_enList { float: left; width: calc(100% - 84px); }
.Exapply_M .ex_enSlide .ex_enList ul { width: 100%; overflow: hidden; }
.Exapply_M .ex_enSlide .ex_enList ul li .prof { width: 20px; border-radius: 10px; margin: 15px 12px; display: block; float: left; }
.Exapply_M .ex_enSlide .ex_enList ul li .enment { font-size: 14px; color: #555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
.Exapply_M .ex_recentli .tradeTwo { padding: 0 15px 15px 15px; overflow: hidden; height: 170px; }
.Exapply_M .ex_recentli .tradeTwo > div { width: 48%; margin-right: 4%; float: left; }
.Exapply_M .ex_recentli .tradeTwo > div:last-child { margin-right: 0; }
.Exapply_M .ex_recentli .tradeTwo > div ul { width: 100%; overflow: hidden; }
.Exapply_M .ex_recentli .tradeTwo > div ul li { float: left; width: 100%; height: 185px; }
.Exapply_M .ex_recentli .tradeTwo > div ul li:nth-child(2n) { margin-right: 0; }
.Exapply_M .ex_recentli .tradeTwo > div ul li a { display: block; width: 100%; height: calc(100% - 30px); overflow: hidden; margin-top: 15px; }
.Exapply_M .ex_recentli .tradeTwo > div ul li a img { width: 100% }

/*체험신청 소개*/

.Exapply_M .ex_banner.b2 { display: inline-block; background-color: #00508c; width: 100%; text-align: center; padding-top: 20px }
.Exapply_M .ex_banner.b2 img { max-width: 260px; vertical-align: middle }
.Exapply_M .ex_introall .intro.Abg { background: #fff }
.Exapply_M .ex_introall .intro.Bbg { background: #f8f8f8 }
.Exapply_M .ex_introall .intro { overflow: hidden; padding: 35px 30px; }
.Exapply_M .ex_introall .intro .toptxt { color: #0f3959; font-size: 23px; font-weight: lighter; line-height: 32px; padding-bottom: 15px }
.Exapply_M .ex_introall .intro .toptxt strong { color: #012038 }
.Exapply_M .ex_introall .intro .midtxt { color: #999; font-size: 15px; line-height: 24px }
.Exapply_M .ex_introall .intro .midimg { margin-top: 15px }
.Exapply_M .ex_introall .intro .midimg img { width: 100% }
.Exapply_M .ex_introall .intro .botl { margin-top: 20px }
.Exapply_M .ex_introall .intro .link { display: inline-block; font-size: 17px; padding: 6px 10px; color: #fff; background-color: #7aa0d0; margin-right: 5px }
.Exapply_M .ex_introall .intro .drbtn { float: right; padding: 6px; }
.Exapply_M .ex_introall .intro .drbtn img { vertical-align: middle; width: 12px; margin-bottom: 1px; }
.Exapply_M .ex_introall .intro .drbtn span { vertical-align: middle; color: #a8a8a8; margin-left: 3px }

/*체험신청 신청하기*/

.Exapply_M .ex_applytop { background-color: #00508c; padding: 20px; overflow: hidden }
.Exapply_M .ex_applytop .tp { color: #fff; font-weight: bold; font-size: 20px }
.Exapply_M .ex_applytop .bt { color: #a2bfd4; font-size: 13px; line-height: 18px; margin-top: 5px }
.Exapply_M .ex_applytxt { overflow: hidden; padding: 20px; border-top: 1px solid #eee; }
.Exapply_M .ex_applytxt::placeholder { color: #b9b9b9 }
.Exapply_M .ex_applytxt .tx { float: left; resize: none; width: calc(82% - 17px); height: 62px; padding: 8px; font-size: 14px; border: 1px solid #ddd; border-right: none; outline-style: none; vertical-align: middle; letter-spacing: -0.7px; background-color: #f2f2f2 }
.Exapply_M .ex_applytxt .combtn { float: right; display: block; width: 18%; height: 80px; line-height: 80px; background-color: #00508c; color: #fff; text-align: center; vertical-align: middle; font-size: 14px; font-weight: bold }
.Exapply_M .ex_applytxt .exm { width: 100%; margin-top: 55px; text-align: left }
.Exapply_M .ex_applytxt .exm img { vertical-align: middle; width: 11px; opacity: 0.6; margin-right: 3px; margin-left: 5px }
.Exapply_M .ex_applytxt .exm span { color: #b9b9b9; font-size: 11px }
.Exapply_M .already { text-align: center; margin: 20px; }
.Exapply_M .already span { text-align: center; display: block; font-size: 14px; color: #999; line-height: 21px; margin-bottom: 10px; letter-spacing: -2px; }
.Exapply_M .already a { text-align: center; padding: 5px 20px; color: #fff; background-color: #00508c; font-size: 12px; }
.Exapply_M .ex_applybbs { background-color: #fff }
.Exapply_M .myap { display: block; padding: 10px 20px 5px; background: #f2f2f2 }
.Exapply_M .myap > p { padding: 0 13px 8px; color: #777; font-size: 14px; }
.Exapply_M .ex_applybbs li { padding: 13px 13px 16px; border-top: 1px solid #f2f2f2 }
.Exapply_M .ex_applybbs li .topf { overflow: hidden; }
.Exapply_M .ex_applybbs li .lep { float: left; margin-top: 2px }
.Exapply_M .ex_applybbs li .lep .prof { vertical-align: middle; width: 18px; border-radius: 9px; }
.Exapply_M .ex_applybbs li .lep .nick { vertical-align: middle; margin-left: 5px; color: #999; font-size: 14px }
.Exapply_M .ex_applybbs li .lep .bar { display: inline-block; width: 1px; height: 10px; background: #e8e8e8; vertical-align: middle; margin: 0 9px; }
.Exapply_M .ex_applybbs li .lep .date { font-size: 12px; color: #999; vertical-align: middle }
.Exapply_M .ex_applybbs li .approval { float: right; margin-right: 5px; font-size: 14px }
.Exapply_M .ex_applybbs li .approval span { border-radius: 3px; vertical-align: middle; padding: 5px }
.Exapply_M .ex_applybbs li .approval .a1 { display: inline-block; background-color: #f37333; color: #fff; animation-name: shakesmall /*;animation-direction:alternate-reverse*/; animation-duration: 1.2s; animation-delay: 0; animation-iteration-count: infinite; }
.Exapply_M .ex_applybbs li .approval .a2 { display: inline-block; background-color: #ddd; color: #777 }
.Exapply_M .ex_applybbs li .approval .a3 { display: inline-block; background-color: #777; color: #fff }
.Exapply_M .ex_applybbs li .ment { margin-top: 12px; font-size: 14px; color: #444; line-height: 19px }
.Exapply_M .ex_applybbs li .ourreply { padding: 10px; background-color: #f2f2f2; font-size: 13px; margin-top: 10px; color: #9f9f9f; line-height: 17px; font-size: 13px; border-radius: 5px }
.Exapply_M .ex_howtrade { padding: 20px; font-size: 13px; background: #00508c; color: #fff; }
.Exapply_M .ex_howtrade p { font-size: 20px; font-weight: bold; margin-bottom: 10px }
.Exapply_M .ex_howtrade a { display: inline-block; width: 48%; margin-right: 4%; text-align: center; padding: 5px 0; background-color: #eaeaea; font-weight: bold; box-shadow: 0px 0px 1px #fff }
.Exapply_M .ex_howtrade a:last-child { margin-right: 0; }

/*체험신청 문의하기*/

.Exapply_M .ex_inquirytop { background: #e9f7ff; padding: 20px; overflow: hidden; position: relative }
.Exapply_M .ex_inquirytop .tp { color: #1349ab; font-weight: bold; font-size: 20px }
.Exapply_M .ex_inquirytop .bt { color: #444; font-size: 13px; line-height: 18px; margin-top: 5px }
.Exapply_M .ex_inquirytop .inbtn { background: #00508c; color: #fff; position: absolute; right: 6%; bottom: 0px; display: inline-block; width: 100px; height: 40px; line-height: 40px; text-align: center; font-weight: bold; font-size: 15px; border-top-right-radius: 8px; border-top-left-radius: 8px; box-shadow: 0 0 3px #1349ab }
.Exapply_M .ex_infreq { width: 100%; padding: 13px 0; overflow: hidden; display: inline-block; vertical-align: middle }
.Exapply_M .ex_infreq .spimg { width: 15px; vertical-align: middle; margin-left: 15px; margin-right: 5px; }
.Exapply_M .ex_infreq .fm { vertical-align: middle; color: #777 }
.Exapply_M .ex_infreq .more { float: right; font-size: 14px; margin-right: 15px; padding-top: 3px }
.Exapply_M .ex_infreq .more span { vertical-align: middle; color: #b4b4b4 }
.Exapply_M .ex_infreq .more img { width: 15px; vertical-align: middle; margin-left: 3px; margin-bottom: 2px }
.Exapply_M .ex_inquirybbs { background: #fff }
.Exapply_M .myiq { display: block; padding: 10px 20px 5px; background: #f2f2f2 }
.Exapply_M .myiq > p { padding: 0 13px 8px; color: #777; font-size: 14px; }
.Exapply_M .ex_inquirybbs li { border-top: 1px solid #f2f2f2 }
.Exapply_M .ex_inquirybbs li a { display: inline-block; width: 100%; height: 100%; vertical-align: middle }
.Exapply_M .ex_inquirybbs li .title { padding: 13px 13px 0px; margin-bottom: 7px; font-size: 15px; color: #444; line-height: 19px }
.Exapply_M .ex_inquirybbs li .topf { padding: 8px 8px 13px 13px; overflow: hidden; }
.Exapply_M .ex_inquirybbs li .lep { float: left; margin-top: 2px }
.Exapply_M .ex_inquirybbs li .lep .prof { vertical-align: middle; width: 18px; border-radius: 9px; }
.Exapply_M .ex_inquirybbs li .lep .nick { vertical-align: middle; margin-left: 5px; color: #999; font-size: 14px }
.Exapply_M .ex_inquirybbs li .lep .bar { display: inline-block; width: 1px; height: 10px; background: #e8e8e8; vertical-align: middle; margin: 0 9px; }
.Exapply_M .ex_inquirybbs li .lep .date { font-size: 12px; color: #999; vertical-align: middle }
.Exapply_M .ex_inquirybbs li .approval { float: right; margin-right: 5px; font-size: 14px }
.Exapply_M .ex_inquirybbs li .approval span { border-radius: 3px; vertical-align: middle; padding: 5px }
.Exapply_M .ex_inquirybbs li .approval .a1 { display: inline-block; background-color: #f37333; color: #fff; animation-name: shakesmall /*;animation-direction:alternate-reverse*/; animation-duration: 1.2s; animation-delay: 0; animation-iteration-count: infinite; }
.Exapply_M .ex_inquirybbs li .approval .a2 { display: inline-block; background-color: #ddd; color: #777 }

/*체험신청 문의하기 Write*/

.Exapply_M .ex_qnawrite { overflow-y: auto; background-color: #fff; margin-top: 55px }
.Exapply_M .ex_qnawrite .title_Ipt input { width: 100%; height: 60px; text-indent: 15px; border: none; border-bottom: 1px solid #e8e8e8; outline-style: none; font-size: 16px; }
.Exapply_M .ex_qnawrite .title_Ipt ::placeholder { color: #b9b9b9 }
.Exapply_M .ex_qnawrite .cont_Ipt { padding: 15px; background-color: #fff; border-bottom: 1px solid #e8e8e8 }
.Exapply_M .ex_qnawrite .cont_Ipt textarea { width: 100%; height: 218px; border: none; resize: none; outline-style: none; font-family: 'Noto Sans KR'; font-size: 16px; color: #777 }
.Exapply_M .ex_qnawrite .cont_Ipt ::placeholder { color: #b9b9b9 }
.Exapply_M .ex_qnawrite .sms_Agree { margin: 15px 0 0 5%; background-color: #fff }
.Exapply_M .ex_qnawrite .sms_Agree input[type="checkbox"] { display: none; }
.Exapply_M .ex_qnawrite .sms_Agree label { cursor: pointer; vertical-align: middle; color: #777; font-size: 13px; }
.Exapply_M .ex_qnawrite .sms_Agree input[type="checkbox"] + label:before { border-radius: 4px; background: #b9b9b9; content: "\00a0"; display: inline-block; font: 12px/1em malgun gothic; height: 15px; padding-top: 3px; width: 18px; margin: 0 7px 3px 0; vertical-align: middle }
.Exapply_M .ex_qnawrite .sms_Agree input[type="checkbox"]:checked + label:before { color: #fff; content: "\2714"; text-align: center; }
.Exapply_M .ex_qnawrite .send_Btn { display: inline-block; width: 90%; height: 60px; line-height: 60px; border: 1px solid #b9b9b9; text-align: center; color: #777; font-size: 17px; transition: 0.3s; margin: 10px 0 20px 5% }
.Exapply_M .ex_qnawrite .send_Btn:hover { background-color: #1349ab; color: #fff; border: 1px solid #ff0030 }

/*체험신청 문의하기 View*/

.Exapply_M .ex_qnaview { background-color: #fff; margin-top: 55px }
.Exapply_M .ex_qnaview .title_part { border-bottom: 1px solid #eee; position: relative; background-color: #fafafa }
.Exapply_M .ex_qnaview .remNmod { display: block; position: absolute; top: 0; right: 0; padding: 10px; }
.Exapply_M .ex_qnaview .title { padding: 13px 13px 0px; margin-bottom: 7px; font-size: 16px; color: #444; line-height: 19px }
.Exapply_M .ex_qnaview .topf { padding: 8px 8px 13px 13px; overflow: hidden; }
.Exapply_M .ex_qnaview .lep { float: left; margin-top: 2px }
.Exapply_M .ex_qnaview .lep .prof { vertical-align: middle; width: 18px; border-radius: 9px; }
.Exapply_M .ex_qnaview .lep .nick { vertical-align: middle; margin-left: 5px; color: #999; font-size: 14px }
.Exapply_M .ex_qnaview .lep .bar { display: inline-block; width: 1px; height: 10px; background: #e8e8e8; vertical-align: middle; margin: 0 9px; }
.Exapply_M .ex_qnaview .lep .date { font-size: 12px; color: #999; vertical-align: middle }
.Exapply_M .ex_qnaview .approval { float: right; margin-right: 5px; font-size: 14px }
.Exapply_M .ex_qnaview .approval span { border-radius: 3px; vertical-align: middle; padding: 5px }
.Exapply_M .ex_qnaview .approval .a1 { display: inline-block; background-color: #7aa0d0; color: #fff; animation-name: shakesmall /*;animation-direction:alternate-reverse*/; animation-duration: 1.2s; animation-delay: 0; animation-iteration-count: infinite; }
.Exapply_M .ex_qnaview .approval .a2 { display: inline-block; background-color: #ddd; color: #777 }
.Exapply_M .ex_qnaview .cont_part { padding: 25px 15px 70px; font-size: 14px; color: #777; border-bottom: 1px solid #eee; line-height: 23px }
.Exapply_M .ex_qnaview .reply_part { padding: 30px 30px 60px; }
.Exapply_M .ex_qnaview .reply_part .rp_top { display: inline-block; padding: 6px; background-color: #7aa0d0; color: #fff; border-radius: 5px }
.Exapply_M .ex_qnaview .reply_part .rp_cont { margin-top: 10px; font-size: 16px; color: #444; line-height: 23px }
.Exapply_M .ex_qnaview .reply_part .rp_addm { display: inline-block; margin-top: 30px; font-size: 14px; color: #777 }
.Exapply_M .ex_qnaview .reply_part .rp_addm .lm { display: inline-block; margin-top: 3px;; text-decoration: underline; color: #0000ff; font-weight: bold }

/*체험신청 문의하기 freq 자주질문질문*/

.Exapply_M .ex_faq { overflow-y: auto; margin-top: 55px }
.Exapply_M .ex_faq li { border-bottom: 1px solid #e8e8e8 }
.Exapply_M .ex_faq li:last-child { margin-bottom: 0px }
.Exapply_M .ex_faq .title_Part { padding: 15px; background: #fff; cursor: pointer; position: relative; overflow: hidden }
.Exapply_M .ex_faq .title_Part span { float: left; display: inline-block; }
.Exapply_M .ex_faq .title_Part .title { font-size: 14px; color: #3f3f52; width: 93% }
.Exapply_M .ex_faq .title_Part .arrow_Img { width: 7%; text-align: center }
.Exapply_M .ex_faq .title_Part .arrow_Img .upa { display: none; }
.Exapply_M .ex_faq .title_Part .arrow_Img img { width: 13px }
.Exapply_M .ex_faq .cont_Part { width: calc(100% - 30px); background-color: #fff; padding: 15px; font-size: 14px; color: #777; display: none; overflow-x: hidden; }
.Exapply_M .ex_faq li.sel .title_Part { background-color: #e8e8e8 }
.Exapply_M .ex_faq li.sel .title_Part .arrow_Img .uda { display: none; }
.Exapply_M .ex_faq li.sel .title_Part .arrow_Img .upa { display: inline-block; }
.Exapply_M .ex_faq li.sel .cont_Part { display: inline-block }

/*체험신청 체험미션 헤더 + 공통*/

.Exapply_M .mission_header { border-top: 1px solid #eee; overflow: hidden; background-color: #fcfcfc }
.Exapply_M .mission_header li { float: left; width: calc(50% - 0.5px); text-align: center; font-size: 14px }
.Exapply_M .mission_header li.bar { width: 1px; background: #ddd; height: 14px; margin-top: 13px }
.Exapply_M .mission_header li a { display: inline-block; width: 100%; height: 100%; line-height: 40px; height: 40px; color: #999; }
.Exapply_M .mission_header li a.sel { padding: 1px 3px; background: #f37333; color: #fff; font-weight: bold; display: inline }
.Exapply_M .ectop { padding: 20px; text-align: center; font-weight: bold; font-size: 24px; background-color: #fff }
.Exapply_M .ectop p { color: #f37333; margin-bottom: 5px; }
.Exapply_M .ectop span { font-weight: normal; font-size: 13px; color: #777 }

/*체험신청 체험미션 앵콜요청*/

.Exapply_M .ex_encore { display: none; background-color: #f2f2f2; }
.Exapply_M .ex_encore.show { display: block; }
.Exapply_M .ex_encore .ecipt { background-color: #f5cbb6; height: 52px; padding: 15px 30px; z-index: 10 }
.Exapply_M .ex_encore .ecipt input { float: left; text-indent: 5px; border: 2px solid #f37333; outline-style: none; width: 80%; height: 40px; box-sizing: border-box; vertical-align: middle; }
.Exapply_M .ex_encore .ecipt a { float: left; display: inline-block; background: #f37333; width: 20%; font-size: 14px; font-weight: bold; color: #fff; height: 40px; line-height: 40px; text-align: center; vertical-align: middle; }
.Exapply_M .ex_encore .ms_liwrap { width: 94%; margin-top: -13px; margin-left: 3% }
.Exapply_M .ex_encore .ms_liwrap .eclist { background-color: #fff; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04) }
.Exapply_M .ex_encore .ms_liwrap .eclist li { padding: 10px 0 9px; overflow: hidden; position: relative; border-bottom: 1px solid #f2f2f2; box-sizing: border-box }
.Exapply_M .ex_encore .ms_liwrap .eclist li:last-child { border-bottom: none }
.Exapply_M .ex_encore .ms_liwrap .eclist li .profnick { float: left; width: 15%; text-align: center }
.Exapply_M .ex_encore .ms_liwrap .eclist li .profnick img { width: 18px; border-radius: 9px; }
.Exapply_M .ex_encore .ms_liwrap .eclist li .profnick p { font-size: 10px; width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #999; margin-top: 1px }
.Exapply_M .ex_encore .ms_liwrap .eclist li .ment { float: left; width: calc(70% - 10px); font-size: 14px; padding: 0 5px; color: #666; line-height: 19px }
.Exapply_M .ex_encore .ms_liwrap .eclist li .bar { width: 1px; height: 59px; background: #f0f0f0; position: absolute; top: 0px; right: 15%; }
.Exapply_M .ex_encore .ms_liwrap .eclist li .hotc { width: 10px; height: 10px; border-radius: 5px; background: #f37333; position: absolute; top: 24px; right: calc(15% - 5px); }
.Exapply_M .ex_encore .ms_liwrap .eclist li .nohotc { width: 10px; height: 10px; border-radius: 5px; background: #b9b9b9; position: absolute; top: 24px; right: calc(15% - 5px); }
.Exapply_M .ex_encore .ms_liwrap .eclist li .date { float: left; width: 15%; height: 100%; color: #aaa; font-size: 11px; text-align: center; padding-top: 13px; }
.Exapply_M .ex_encore .ms_liwrap .eclist li.nopad { padding: 0 }
.Exapply_M .ex_encore .ms_liwrap .topb { border-top: 1px solid #f2f2f2; }
.Exapply_M .ex_encore .ms_liwrap .three_pp { background-color: #fff; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); margin-top: 10px; padding: 0 15px; position: relative; min-height: 215px; }
.Exapply_M .ex_encore .ms_liwrap .three_pp .top { text-align: center; padding: 15px 0; font-size: 17px; font-weight: bold }
.Exapply_M .ex_encore .ms_liwrap .three_pp ul { background-color: #f2f2f2; padding: 15px 0 0; border: 1px solid #ddd; box-sizing: border-box; overflow: hidden }
.Exapply_M .ex_encore .ms_liwrap .three_pp li { float: left; width: 33.333%; text-align: center; margin-bottom: 15px }
.Exapply_M .ex_encore .ms_liwrap .three_pp li img { width: 34px; border-radius: 17px; }
.Exapply_M .ex_encore .ms_liwrap .three_pp li p { font-size: 13px; }
.Exapply_M .ex_encore .ms_liwrap .three_pp .bottom { text-align: center; font-size: 16px; font-weight: bold; color: #7aa0d0; padding: 15px 0 }
.Exapply_M .ex_encore .ms_liwrap .three_pp .bottom p { font-size: 14px; color: #666; margin-top: 5px; }
.Exapply_M .ex_encore .ms_liwrap .three_pp .notsel_dark { position: absolute; top: 50px; left: 3%; width: 94%; height: 155px; background-color: #000; opacity: 0.9; border-radius: 5px }
.Exapply_M .ex_encore .ms_liwrap .three_pp .notsel_dark .ment { color: #fff; width: 100%; text-align: center; margin-top: 50px; font-size: 20px; font-weight: bold }
.Exapply_M .ex_encore .ms_liwrap .three_pp .notsel_dark .ment p { font-size: 16px; font-weight: normal; color: #b9b9b9; margin-top: 5px; }

/*체험신청 체험미션 매매일지*/

.Exapply_M .ex_trade { display: none; background-color: #f2f2f2 }
.Exapply_M .ex_trade.show { display: block; }
.Exapply_M .ex_trade .ecbtn { background-color: #f5cbb6; height: 52px; padding: 15px 0; text-align: center; z-index: 10 }
.Exapply_M .ex_trade .ecbtn a { display: inline-block; background: #f37333; width: 70%; font-size: 16px; font-weight: bold; color: #fff; height: 40px; line-height: 40px; text-align: center; vertical-align: middle }
.Exapply_M .ex_trade .ecbtn a span { font-weight: lighter; letter-spacing: 1px }
.Exapply_M .ex_trade .ms_liwrap { width: 94%; margin-top: -13px; margin-left: 3% }
.Exapply_M .ex_trade .ms_liwrap .trlist { overflow: hidden }
.Exapply_M .ex_trade .ms_liwrap .trlist li { float: left; width: 48%; margin-right: 4%; background: #fff; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); margin-bottom: 4% }
.Exapply_M .ex_trade .ms_liwrap .trlist li:nth-child(2n) { margin-right: 0 }
.Exapply_M .ex_trade .ms_liwrap .trlist li a { width: 100%; height: 100%; display: inline-block; vertical-align: middle }
.Exapply_M .ex_trade .ms_liwrap .trlist li .pf_top { padding: 8px 10px; border-bottom: 1px solid #eee }
.Exapply_M .ex_trade .ms_liwrap .trlist li .prof { width: 18px; border-radius: 9px; vertical-align: middle }
.Exapply_M .ex_trade .ms_liwrap .trlist li .nick { font-size: 11px; vertical-align: middle; margin: 0 4px }
.Exapply_M .ex_trade .ms_liwrap .trlist li .date { float: right; color: #aaa; font-size: 11px; vertical-align: middle; margin-top: 4px; }
.Exapply_M .ex_trade .ms_liwrap .trlist li .pf_img { overflow: hidden; min-height: 100px }
.Exapply_M .ex_trade .ms_liwrap .trlist li .pf_img img { width: 100%; vertical-align: middle }
.Exapply_M .ex_trade .ms_liwrap .topb { box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); border-top: none }
.Exapply_M .ex_trade .ms_liwrap .add_pp { background-color: #fff; box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.04); margin-top: 20px; padding: 15px; text-align: center }
.Exapply_M .ex_trade .ms_liwrap .add_pp img { vertical-align: middle; width: 14px; margin-right: 5px; margin-bottom: 1px; }
.Exapply_M .ex_trade .ms_liwrap .add_pp span { vertical-align: middle; font-size: 13px; color: #777 }

/*공지사항*/

.Exapply_M .ex_noticetop { background-color: #344b79; padding: 20px; overflow: hidden }
.Exapply_M .ex_noticetop .tp { color: #fff; font-weight: bold; font-size: 20px }
.Exapply_M .ex_noticetop .bt { color: #a2bfd4; font-size: 13px; line-height: 18px; margin-top: 5px }
.Exapply_M .ex_nlist { }
.Exapply_M .ex_nlist li { border-bottom: 1px solid #f2f2f2 }
.Exapply_M .ex_nlist li:last-child { border-bottom: none }
.Exapply_M .ex_nlist li a { padding: 15px; width: calc(100% - 30px); height: 100%; display: inline-block; font-size: 14px; color: #444 }
.Exapply_M .ex_nlist li span { font-weight: bold }

/*체험신청 풋터*/

.Exapply_Footer { background: #363636; padding: 20px; color: #add8ff; font-size: 12px; }
.Exapply_Footer p { color: #777; font-size: 11px; margin-top: 5px; }

/*-----------------------------------------------------------------------
    
    youtube_add_banner

-----------------------------------------------------------------------*/

.ytubead_wrap { text-align: center; }
.ytubead_wrap .ban1_bg { background: #000; width: 100%; }
.ytubead_wrap .ban1_bg .ban1_conts { max-width: 800px; display: block; margin: 0 auto; }
.ytubead_wrap .ban1_bg .ban1_conts iframe { width: 100%; }
.ytubead_wrap .ban2_bg { background: #151a4c; width: 100%; }
.ytubead_wrap .ban2_bg .ban2_conts { display: block; max-width: 800px; margin: 0 auto; padding-bottom: 50px; }
.ytubead_wrap .ban2_bg .ban2_conts img { width: 100%; }
.ytubead_wrap .ban2_bg .ban2_conts a { color: #fff; background: #ff0030; display: block; width: 70%; margin: 0 auto 5%; padding: 3% 0 3% 0; font-weight: bold; font-size: 1.3em; letter-spacing: -1px; }
.ytubead_wrap .ban2_bg .ban2_conts a:hover { transition: 0.5s; color: #ff0030; background: #fff; }
.ytubead_wrap .ban3_bg { background: #d4cfc0; width: 100%; }
.ytubead_wrap .ban3_bg .bottom_ban { display: block; max-width: 800px; margin: 0 auto; }
.ytubead_wrap .ban3_bg .bottom_ban img { width: 100%; }

/*-----------------------------------------------------------------------
    
    push_babsang

-----------------------------------------------------------------------*/

.babsang_wrap { text-align: center; }
.babsang_wrap .babsang_bg1 { position: fixed; overflow-y: scroll; background: url('/img/mob/babsang_bg1.png')center top no-repeat; background-size: 100%; padding-top: 180%; width: 100%; left: 0; }
.babsang_wrap .babsang_bg1 a { position: absolute; bottom: 15%; left: 50%; width: 80%; transform: translateX(-50%); }
.babsang_wrap .babsang_bg1 a img { width: 100%; }

/*-----------------------------------------------------------------------
    
    recommendstock_popup

-----------------------------------------------------------------------*/

.recommendstock_popup { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 20001; display: none; }
.recommendstock_popup .popup_wrap { background: rgba(0,0,0,0.7); height: 100%; width: 100%; transform: translateX(-50%); max-width: 640px; margin-left: 50%; }
.recommendstock_popup .popup_wrap .popup_bg { position: relative; background: #fff; width: 80%; height: 50%; top: 50%; left: 10%; transform: translateY(-50%); }
.recommendstock_popup .popup_wrap .popup_bg .closebtn { position: absolute; top: -50px; right: 0; opacity: 0.8; }
.recommendstock_popup .popup_wrap .popup_bg .img { position: absolute; background: url('/img/mob/recommendstock_popup_bg.png')center top no-repeat; background-size: 100%; width: 80%; height: 100%; top: 15%; left: 50%; transform: translateX(-50%); }
.recommendstock_popup .popup_wrap .popup_bg .btn { position: absolute; background: #a01f25; width: 60%; text-align: center; padding: 15px 0; left: 50%; bottom: 10%; transform: translateX(-50%); color: #fff; font-weight: bold; }
.recommendstock_popup .popup_wrap .popup_bg .text { position: absolute; font-size: 12px; text-align: center; color: #666; bottom: 30%; left: 50%; transform: translateX(-50%); width: 100%; line-height: 16px; }
.recommendstock_popup .popup_wrap .popup_bg .text .bold { font-weight: bold; }
.recommendstock_popup .popup_wrap .popup_bg .title { position: absolute; left: 50%; top: 8%; transform: translateX(-50%); width: 90%; text-align: center; font-weight: bold; }
.recommendstock_popup .popup_wrap .popup_bg .title .bold { color: #a01f25; }

/*-----------------------------------------------------------------------
    
    tutorial

-----------------------------------------------------------------------*/

.tutorial_banner_wrap { position: relative; background: url('/img/tutorial_banner_bg.png')center top no-repeat; background-size: 100%; max-width: 640px; padding-top: 178%; width: 100%; }
.tutorial_banner_wrap .banner_wrap { position: absolute; top: 50%; left: 5%; width: 90%; transform: translateY(-75%); }
.tutorial_banner_wrap .banner_wrap img { width: 100%; }
.tutorial_banner_wrap .banner_wrap .btn_gruop { width: 80%; margin: 0 auto; }
.tutorial_banner_wrap .banner_wrap .btn_gruop a { width: 47.5%; margin: 0 auto; float: left; margin-right: 5%; box-shadow: 2px 2px 2px #000; }
.tutorial_banner_wrap .banner_wrap .btn_gruop a:last-child { margin: 0; }
.tutorial_banner_wrap .banner_wrap .btn_gruop a img { width: 100%; vertical-align: middle; }

.tutorial1_wrap { position: relative; background: url('/img/mob/tutorial_bg.png')center top no-repeat; background-size: 100%; max-width: 640px; padding-top: 178%; width: 100%; }
.tutorial1_wrap .tutorial_bg { }
.tutorial1_wrap .tutorial_bg .top { position: absolute; top: 0.5%; right: 2%; overflow: hidden; width: 33%; }
.tutorial1_wrap .tutorial_bg .top .icon { float: left; width: 31%; margin-right: 3%; }
.tutorial1_wrap .tutorial_bg .top .icon:last-child { margin-right: 0; }
.tutorial1_wrap .tutorial_bg .top .icon img { width: 100%; }
.tutorial1_wrap .tutorial_bg .light_circle { position: absolute; top: 0.4%; right: 2%; overflow: hidden; width: 33%; }
.tutorial1_wrap .tutorial_bg .light_circle .circle { float: left; width: 31%; margin-right: 3%; border: 3px solid #ffc000; border-radius: 50px; box-sizing: border-box; padding-top: 28%; opacity: 0; animation: flashText .5s ease-out alternate infinite; }
.tutorial1_wrap .tutorial_bg .light_circle .circle:last-child { margin-right: 0; }
.tutorial1_wrap .tutorial_bg .btn { position: absolute; width: 40%; margin: 0 auto; bottom: 41%; right: 5%; text-align: right; }
.tutorial1_wrap .tutorial_bg .btn a { width: 46%; display: inline-block; color: #111; box-sizing: border-box; display: inline-block; text-align: center; margin-right: 2%; padding: 10px; background: #fff; font-size: 13px; font-weight: bolder; box-shadow: 2px 2px 2px #111; }
.tutorial1_wrap .tutorial_bg .btn a img { width: 11px; vertical-align: middle; margin-bottom: 2px; margin: 0 5px; }
.tutorial1_wrap .tutorial_bg .btn .next { margin-left: 2%; }
.tutorial1_wrap .tutorial_bg .btn .prev { margin-right: 0; }
.tutorial2_wrap { position: relative; background: url('/img/mob/tutorial_bg2.png')center top no-repeat; background-size: 100%; max-width: 640px; padding-top: 178%; width: 100%; }
.tutorial2_wrap .tutorial_bg { }
.tutorial2_wrap .tutorial_bg .top { position: absolute; top: 9%; right: 6.5%; overflow: hidden; width: 21%; }
.tutorial2_wrap .tutorial_bg .top .icon { float: right; width: 52%; margin-bottom: 28%; }
.tutorial2_wrap .tutorial_bg .top .icon:last-child { margin-right: 0; }
.tutorial2_wrap .tutorial_bg .top .icon img { width: 100%; }
.tutorial2_wrap .tutorial_bg .light_circle { position: absolute; top: 8.9%; right: 6.5%; overflow: hidden; width: 33%; }
.tutorial2_wrap .tutorial_bg .light_circle .circle { float: right; width: 34%; border: 3px solid #ffc000; border-radius: 50px; box-sizing: border-box; padding-top: 30%; opacity: 0; animation: flashText .5s ease-out alternate infinite; }
.tutorial2_wrap .tutorial_bg .light_circle2 { position: absolute; top: 18.9%; right: 6.5%; overflow: hidden; width: 33%; }
.tutorial2_wrap .tutorial_bg .light_circle2 .circle { float: right; width: 34%; border: 3px solid #ffc000; border-radius: 50px; box-sizing: border-box; padding-top: 30%; opacity: 0; animation: flashText .5s ease-out alternate infinite; }
.tutorial2_wrap .tutorial_bg .btn { position: absolute; width: 60%; margin: 0 auto; bottom: 56%; right: 5%; text-align: right; }
.tutorial2_wrap .tutorial_bg .btn a { width: 30%; display: inline-block; color: #111; box-sizing: border-box; display: inline-block; text-align: center; margin-right: 2%; padding: 10px; background: #fff; font-size: 13px; font-weight: bolder; box-shadow: 2px 2px 2px #111; }
.tutorial2_wrap .tutorial_bg .btn a img { width: 11px; vertical-align: middle; margin-bottom: 2px; margin: 0 5px; }
.tutorial2_wrap .tutorial_bg .btn .next { margin-left: 2%; }
.tutorial2_wrap .tutorial_bg .btn .prev { margin-right: 0; }
.tutorial2_wrap .tutorial_bg .btn .quit { margin: 0; }
.tutorial3_wrap { position: relative; background: url('/img/mob/tutorial_bg3.png')center top no-repeat; background-size: 100%; max-width: 640px; padding-top: 178%; width: 100%; }
.tutorial3_wrap .tutorial_bg { }
.tutorial3_wrap .tutorial_bg .top { position: absolute; bottom: 0.5%; overflow: hidden; width: 97%; left: 1.5%; }
.tutorial3_wrap .tutorial_bg .top .icon { width: 10%; }
.tutorial3_wrap .tutorial_bg .top .star { float: left; }
.tutorial3_wrap .tutorial_bg .top .more { float: right; }
.tutorial3_wrap .tutorial_bg .top .icon img { width: 100%; }
.tutorial3_wrap .tutorial_bg .light_circle { position: absolute; bottom: 0.75%; left: 1.5%; width: 97%; overflow: hidden; }
.tutorial3_wrap .tutorial_bg .light_circle .circle1 { float: right; width: 10%; border: 3px solid #ffc000; border-radius: 50px; box-sizing: border-box; padding-top: 9%; opacity: 0; animation: flashText .5s ease-out alternate infinite; }
.tutorial3_wrap .tutorial_bg .light_circle .circle2 { float: left; width: 10%; border: 3px solid #ffc000; border-radius: 50px; box-sizing: border-box; padding-top: 9%; opacity: 0; animation: flashText .5s ease-out alternate infinite; }
.tutorial3_wrap .tutorial_bg .btn { position: absolute; width: 40%; margin: 0 auto; bottom: 56%; right: 5%; }
.tutorial3_wrap .tutorial_bg .btn a { width: 46%; display: inline-block; color: #111; box-sizing: border-box; display: inline-block; text-align: center; margin-right: 2%; padding: 10px; background: #fff; font-size: 13px; font-weight: bolder; box-shadow: 2px 2px 2px #111; }
.tutorial3_wrap .tutorial_bg .btn a img { width: 11px; vertical-align: middle; margin-bottom: 2px; margin: 0 5px; }
.tutorial3_wrap .tutorial_bg .btn .next { margin-left: 2%; }
.tutorial3_wrap .tutorial_bg .btn .prev { margin-right: 0; }

@keyframes flashText {
    to { opacity: 1; }
}

@keyframes starfadeIn {
    from { opacity: 0.4; }
    to { opacity: 0; }
}

@keyframes shake {
    from,to { transform: translate3d(0, 0, 0); }
    10%,30%,50% { transform: translate3d(-3px, 0, 0); }
    20%,40%,60% { transform: translate3d(3px, 0, 0); }
    70%,80%,90% { transform: translate3d(0, 0, 0); }
}

@keyframes shakesmall {
    from,to { transform: translate3d(0, 0, 0); }
    10%,30%,50% { transform: translate3d(-1px, 0, 0); }
    20%,40%,60% { transform: translate3d(1px, 0, 0); }
    70%,80%,90% { transform: translate3d(0, 0, 0); }
}

@keyframes tada {
    from { transform: scale3d(1, 1, 1); }
    5%,10% { transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); }
    15%,25%,35%,45% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); }
    20%,30%,40% { transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); }
    to { transform: scale3d(1, 1, 1); }
}

@keyframes textfadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    from { opacity: 0.6 }
    to { opacity: 0.3; }
}

@keyframes fadeInslow {
    from { opacity: 1 }
    to { opacity: 1; }
}

@keyframes fadeInDown {
    from { opacity: 0; transform: translate3d(0, -30%, 0); }
    to { opacity: 1; transform: translate3d(0, 0, 0); }
}

@keyframes bounceInDown {
    from,60%,75%,90%,to { animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
    0% { opacity: 1; transform: translate3d(0, -200px, 0); }
    60% { opacity: 1; transform: translate3d(0, 25px, 0); }
    75% { transform: translate3d(0, -10px, 0); }
    90% { transform: translate3d(0, 5px, 0); }
    to { transform: translate3d(0, 0, 0); }
}

@keyframes zoomInDown {
    from { opacity: 0; transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
    60% { opacity: 1; transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); }
}

@keyframes zoomOutRight {
    from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(-400px, 0, 0) }
    50% { opacity: 1; transform: scale3d(1, 1, 1) translate3d(0, 0, 0) }
    to { opacity: 0; transform: scale3d(0.3, 0.3, 0.3) translate3d(400px, 0, 0) }
}



/* 증권정보 */
.sec_stockinfo { min-height: 400px; background: #ffffff; }
.sec_stockinfo ul li { padding: 15px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
.sec_stockinfo ul li .thumbnail img { width: 100%; border-radius: 10px; }
.sec_stockinfo ul li .subject { padding: 10px 4px; font: bold 16px dotum; }
.sec_stockinfo ul li .subinfo1 { position: relative; padding: 10px 4px; color: #aaa; font: 14px dotum; }
.sec_stockinfo ul li .subinfo1 .dateTime { }
.sec_stockinfo ul li .subinfo1 .readCount { position: absolute; bottom: 10px; right: 5px; font: 14px dotum; }
.sec_stockinfo ul li .subinfo2 { position: relative; padding: 10px 4px; }
.sec_stockinfo ul li .subinfo2 img { width: 15px; height: 15px; }
.sec_stockinfo ul li .subinfo2 .badge { position: absolute; bottom: 10px; right: 5px; }
.sec_stockinfo ul li.board_li { display: table; position: relative; width: 100%; word-wrap: break-word; word-break: break-all; border-bottom: 1px solid #eee; padding: 0; margin: 0; }
.sec_stockinfo ul li.board_li:first-child { }
.sec_stockinfo ul li.board_li.none { text-align: center; padding: 30px 0px; }
.sec_stockinfo ul li.board_li a { text-decoration: none; }
.sec_stockinfo ul li.board_li a:visited .content { color: #aaa; }
.sec_stockinfo ul li.board_li .readcount { display: table-cell; min-width: 50px; text-align: center; color: #333; font: 15px/20px arial; background: #fcfcfc; }
.sec_stockinfo ul li.board_li .readcount img { opacity: 1; }
.sec_stockinfo ul li.board_li .content { display: table-cell; width: 100%; padding: 11px 15px 10px 15px; font-size: 16px; color: #444; }
.sec_stockinfo ul li.board_li .content .subject { padding: 0; font-weight: normal; }
.sec_stockinfo ul li.board_li .content .sign { color: #e53636; font-size: 12px; }
.sec_stockinfo ul li.board_li .content .number { color: #e53636; margin: 0px 1px; font-weight: bold; font-size: 12px; opacity: 0.8 }
.sec_stockinfo ul li.board_li .content .writer { display: block; font: 13px dotum; text-overflow: ellipsis; white-space: nowrap; color: #ccc; margin-top: 6px; }
.sec_stockinfo ul li.board_li .content .new_icon { vertical-align: middle }
.sec_stockinfo ul li.board_li .content .seperate { margin: 0px 2px; color: #eee; font: 10px dotum; }
.sec_stockinfo ul li.board_li .content .writer span.read_icon { display: inline-block; width: 16px; height: 11px; background: url("/img/sp_mobile_10.png"); background-position: -54px -82px; background-size: 500px 500px; }
.sec_stockinfo ul li.board_li .content .writer span { vertical-align: middle; }
.sec_stockinfo ul li.board_li .content .writer img { vertical-align: middle; }

.sec_experience  { color: #E6EDF3; }
.sec_experience h3 {  box-sizing: border-box;
    color: #E6EDF3;
    font-family: "Mona Sans", "Mona Sans Header Fallback", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    letter-spacing: -.03em;
    word-break: keep-all;
    word-wrap: break-word;
    font-size: 1.2em;
    font-weight: 600;
    line-height: 52px;
    text-align: left; 
    font-size: 40px;
}
.sec_experience p { color:#aaa;  font-size: 20px; }
.sec_experience .btn  { margin:30px 0px;  background:#d0b788;/*background:#6E40C9;*/ padding:20px 10px; border-radius: 8px; text-align: center; font-size:24px; }
.sec_experience .price { font-size:30px; color:#ccc; } 
.sec_experience .price span:first-of-type { color:#fff; text-decoration: line-through;   }
.sec_experience .price span:last-of-type { color:#55c1a1; font-weight: 700; }

.popup {
    position: fixed; /* 현재 보이는 viewport 기준으로 popup영역 채움 */
    top: 0; right: 0; bottom: 0; left: 0;
    text-align: center;
    z-index:10001;
}

.popup-layer {
    position: relative; /* z-index 사용 위해서 선언 */
    display: inline-block;
    border :2px solid #000;

    min-width: 300px;
    min-height: 150px;
    
    /* position : absolute한 btn-area가 텍스트를 가리므로 아래로 밀어냄 */
    padding-bottom: 50px; 
    vertical-align : middle;
    
    background: #fff;
    z-index: 1;
    margin-right:-4px;
}

.popup .popup-align{
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
}