@charset "utf-8";
/************************************************ 
Date :2019.08.06
Editor :jy.kim
*************************************************/ 
/* *************** 카페홈 *************** */ 
.cafe-head{position:relative;margin-bottom:10px;margin-right:310px;overflow:hidden;border-bottom:1px solid #e0e8ed;background:#fff;padding:10px 30px 10px 20px}    
.cafe-menu{float:left}
.cafe-menu:after{content:'';display:block;clear:both;width:0;height:0}
.cafe-menu li{float:left;background:url("/rpan/common/images/bg_line.png") no-repeat 0 50%;padding-left:15px;margin-left:10px}
.cafe-menu li a{position:relative;display:block;height:28px;line-height:28px;color:#000} 
.cafe-menu li:first-child{background:none;padding-left:0}
.cafe-menu li.selected a{color:#ff545b}  
.cafe-head .cafe-menu li.selected a{padding-left:20px;background:url("/rpan/common/images/ico_bg_cafe.png") no-repeat -133px 6px;background-size:150px 100px} 
.cafe-head .cafe-menu li.selected a:after{content:"";position:absolute;bottom:-10px;left:0;right:0;border-bottom:3px solid #ff545b}
.cafe-head .cafe-menu li:nth-of-type(2).selected a{background-position:-133px -22px}
.cafe-head .cafe-menu li:nth-of-type(4).selected a{background-position:-133px -79px}
.cafe-search{float:right}
.cafe-search label{display:inline-block;vertical-align:middle;margin-right:5px;color:#888;font-size:13px}
.cafe-search input{border-color:#eaeaea} 
.mob-cafe-b{display:none}
.mob-cafe-search{display:none}
/* 카페홈 리스트 */
.cafe-list-top{margin-bottom:10px} 
.cafe-list-top:after{content:'';display:block;clear:both;width:0;height:0}
.cafe-list-top > .ranking-menu{float:left;position:relative}
.cafe-list-top > .ranking-menu .all-view{position:absolute;z-index:3;left:0;top:5px;height:20px;width:20px}
.cafe-list-top > .ranking-menu .all-view span{display:inline-block;height:20px;width:20px;border:1px solid #eaeaea;text-indent:-9999px;background:url("/rpan/common/images/bul_ch.png") no-repeat -10px -135px}
.cafe-list-top > .ranking-menu .all-view span.on{border:1px solid #444 ;border-bottom:1px solid #fff;background-position:-11px -300px}
.cafe-list-top > .ranking-menu .all-view+.cafe-menu{margin-left:30px} 
.cafe-list-top > .ranking-menu .cafe-allmenu{ position:absolute;left:0;z-index:2;top:24px;width:260px;border:1px solid #444;background:#fff;padding:8px 0;display:none}
.cafe-list-top > .ranking-menu .cafe-allmenu ul{overflow:hidden;padding:0 20px}
.cafe-list-top > .ranking-menu .cafe-allmenu ul li{border-bottom:1px solid #eaeaea;padding:5px 8px}
.cafe-list-top > .ranking-menu .cafe-allmenu ul li a{display:block;line-height:25px;font-size:14px;color:#000}
.cafe-list-top > .ranking-menu .cafe-allmenu ul li:last-child{border-bottom:0}
.cafe-list-top > .ranking-menu .cafe-allmenu ul li > strong{display:block;line-height:25px;font-size:14px;color:#000}
.cafe-list-top > .ranking-menu .cafe-allmenu ul li a.selected{color:#ff545b;text-decoration:underline}
.cafe-list-top > .right{float:right;color:#444;font-size:13px}
.cafe-list-top > .right label{vertical-align:middle;margin:0 10px;line-height:1.4}
.select-style{position:relative}
.cafe-list{margin-bottom:26px;overflow:hidden;line-height:1.1}
.cafe-list li{display:table;width:100%;height:100px;margin-bottom:10px;table-layout:fixed;border:#eaeaea 1px solid}  
.cafe-list li > div{position:relative;font-size:16px;display:table-cell}
.cafe-list li > div mark{display:block;position:absolute;left:-1px;top:-1px;width:25px;height:25px;line-height:25px;text-align-last:center;background:#ccc;font-size:16px;color:#fff;text-align:center}
.cafe-list li.top3 > div mark{height:32px;width:25px;background:url(../images/ico_bg_cafe.png) no-repeat 0 0;background-size:150px 100px;text-align:center}
.cafe-list li > div p{position:absolute;left:30px;top:50%;margin-top:-40px;padding-top:10px;background:#eaeaea;width:80px;height:80px;border-radius:100%;overflow:hidden}
.cafe-list li > div p img{width:100%} 
.cafe-list li > div dl{vertical-align:middle;padding:20px 30px 20px}
.cafe-list li > div dl dt{line-height:1.4;font-size:16px;font-weight:bold;width:auto} 
.cafe-list li > div dl dt span{display:block;font-weight:normal;font-size:14px;margin-bottom:5px}
.cafe-list li > div dl dt em{display:block;font-weight:normal}
.cafe-list li > div dl dt em img{height:20px}
.cafe-list li > div dl dt em.red{color:#ff545b;border:1px solid #ff545b}
.cafe-list li > div dl dt em.blue{color:#1ea3fe;border:1px solid #1ea3fe}
.cafe-list li > div dl dt em.gray{color:#888;border:1px solid #ccc}
.cafe-list li > div dl dt em.black{color:#000;border:1px solid #000;padding:0 2px 1px 7px}
.cafe-list li > div dl dt a{display:block;color:#000;width:100%;line-height:1.4;font-size:16px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 
.cafe-list li > div dl dd{padding-top:5px}
.cafe-list li > div dl dd.text{display:block;width:100%;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.cafe-list li > div dl dd.date{padding-bottom:0;line-height:14px;font-size:13px}
.cafe-list li > div dl dd.date span{display:inline-block;color:#888;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px;vertical-align:middle}
.cafe-list li > div dl dd.date span:last-child{background:none;padding-right:0;margin-right:0}
.cafe-list li > div dl dd.date span i{ display:inline-block;vertical-align:bottom;font-size:13px} 
.cafe-list li > div dl dd.date span img{vertical-align:middle}
.cafe-list li > div dl dd.date span a{color:#888}
.cafe-list.case02 li > div dl{margin-left:105px}
.cafe-list.case02 li{float:left;width:49.5%}
.cafe-list.case02 li:nth-of-type(even){float:right} 
.form-table .search-word [class*="input-style"]{width:19%}
.form-table .textarea-ad{border:1px solid #ccc}
.form-table .textarea-ad textarea{border:0}
.form-table .textarea-ad span{display:block;text-align:right;padding:10px 10px 10px 0;font-size:13px;color:#888}
[class*="message-st-join"]{max-width:100%;padding:30px 0}
[class*="message-st-join"] .big-text{font-size:32px;padding-bottom:5px;padding-top:120px}
[class*="message-st-join"] .big-text span{display:inline}
[class*="message-st-join"] .big-text:after{margin-left:-50px;background:url("/rpan/common/images/icon_message02.png") no-repeat -1501px 0}
[class*="message-st-join"] p{font-size:18px}
.cafe-join-info{border:#eaeaea 1px solid;margin-bottom:20px;text-align:center}
.cafe-join-info ul{padding:25px 30px;display:inline-block;overflow:hidden}
.cafe-join-info ul li{text-align:left;margin:3px 0;font-size:16px;position:relative}
.cafe-join-info ul li strong{font-weight:normal;display:block;position:absolute;left:0;top:0;line-height:150%}
.cafe-join-info ul li span{color:#ff545b;display:block;margin-left:85px;line-height:150%;word-break:break-all}   
.join-check-wrap{margin-top:-20px;margin-bottom:20px;padding:15px 20px;border:1px solid #eaeaea}
.join-check-wrap span, .join-check-wrap label{ vertical-align:middle} 
.cafe-list .message-wrap{border-top:#eaeaea 1px solid;border-bottom:#eaeaea 1px solid}
.cafe-result{overflow:hidden;padding-bottom:18px}
.cafe-result .cafe-menu{margin-left:-10px}
.table-data.cafe thead th:nth-child(1), .table-data.cafe tbody td:nth-child(1){width:3%}
.table-data.cafe thead th:nth-child(2), .table-data.cafe tbody td:nth-child(2){width:10%}
.table-data.cafe thead th:nth-child(3), .table-data.cafe tbody td:nth-child(3){width:12%}
.table-data.cafe thead th:nth-child(4), .table-data.cafe tbody td:nth-child(4){}
.table-data.cafe thead th:nth-child(5), .table-data.cafe tbody td:nth-child(5){width:15%}
.table-data.cafe thead th:nth-child(6), .table-data.cafe tbody td:nth-child(6){width:11%}
.table-data.cafe thead th:nth-child(7), .table-data.cafe tbody td:nth-child(7){width:12%}
.table-data.cafe thead th:nth-child(8), .table-data.cafe tbody td:nth-child(8){width:13%}

@media only screen and (min-width:1160px) and (max-width:1260px){
	.cafe-list li > div dl dd.date span{background:none}
	.cafe-list.case02 li > div dl{padding:10px 30px 0} 
	.cafe-list.case02 li{height:111px} 
}

@media only screen and (max-width:1160px){	 
	.cafe-head{margin:0 auto;max-width:950px} 
}
@media only screen and (max-width:979px){	
	.bt-area .m-center{text-align:center;float:none} 
	.cafe-head{ padding:5px 0 0;height:40px;overflow:hidden;max-width:100%}  
	.cafe-head .cafe-menu li.selected a:after{bottom:-6px;border-bottom:2px solid #ff545b}
	.cafe-search{display:none;position:absolute;left:0;right:45px;top:0}
	.cafe-search [class*="input-style"]{width:100%}
	.cafe-search label{display:none}
	.cafe-search input{border:0;height:39px} 
	.cafe-search [class*="input-style"] .search{width:28px;height:28px;right:8px;margin-top:-15px;background:url("/rpan/common/images/ico_bg_cafe.png") no-repeat -75px 0;background-size:150px 100px} 
	.mob-cafe-b{display:block;position:absolute;right:0;top:0;width:45px;height:40px;text-indent:-9999px;overflow:hidden;background:url("/rpan/common/images/ico_bg_cafe.png") no-repeat -25px 0;background-size:150px 100px}
	.mob-cafe-b.selected:after{content:"";position:absolute;left:14px;top:9px;width:20px;height:20px;background:url("/rpan/common/images/ico_bg_cafe.png") no-repeat -103px 0;background-size:150px 100px}
	.cafe-head+.cont-area{padding-top:13px}
	.mob-cafe-search{display:block;width:100%;height:40px;position:absolute;top:0;left:0;background-color:#fff}
	.mob-cafe-search .input-style{width:100%;padding-right:45px}
	.mob-cafe-search .input-style input[type="text"]{padding:0 15px;border:none;height:39px}
	.mob-cafe-search .input-style .cafe-close{position:absolute;right:0;top:0;width:45px;height:40px;text-indent:-9999px;overflow:hidden;background:url("/rpan/common/images/mob_cafehome-search.png") no-repeat 0 0;background-size:45px 40px;z-index:2;margin-top:0}
	.tab-area+.cafe-list-top{margin-top:-10px} 
	.cafe-list-top > .ranking-menu .cafe-allmenu{left:15px} 
	.cafe-list-top > .ranking-menu .all-view{left:15px}
	.cafe-list-top > .ranking-menu .all-view+.cafe-menu{margin-left:40px}
	.cafe-list-top > .right{width:100%;padding-bottom:5px;padding-left:15px}
	.cafe-list-top > .right label{margin:8px 15px 0 0} 
	.cafe-list-top > .right.case02{width:100%;border-top:10px solid #eff3f6;padding:15px 15px 0;margin-top:10px;text-align:left} 
	.cafe-list-top > .right.case02 .select-style{float:right}
	.cafe-list{padding:0 15px 0;margin-bottom:-10px}
	.cafe-list li > div dl{ padding:15px 15px 15px 35px}
	.cafe-list li > div dl dt a,
	.cafe-list li > div dl dd.text{ overflow:auto;white-space:normal;line-height:140%}
	.cafe-list li > div p{left:30px} 
	.cafe-list+.paging{padding-top:15px}
	.cafe-list.case02 li > div dl{margin-left:95px} 
	.cafe-list.case02 li{float:none;width:100%}
	.cafe-list.case02 li:nth-of-type(even){float:right} 
	.cafe-list.case03 li > div dl{ padding:15px 15px 15px 15px}
	.cafe-list.case02.case04 li > div dl{margin-left:85px}
	.cafe-list.case02.case04 li > div p{left:20px}
	.cafe-result{padding:0 15px 10px}
	.cafe-result .cafe-menu{margin-top:-5px} 
	.table-data.cafe{width:100%}
	.table-data.cafe thead th:nth-child(1), .table-data.cafe tbody td:nth-child(1){width:10%}
	.table-data.cafe thead th:nth-child(4), .table-data.cafe tbody td:nth-child(4){width:90%}
	.table-data.cafe thead th:nth-child(2), .table-data.cafe tbody td:nth-child(2),
	.table-data.cafe thead th:nth-child(3), .table-data.cafe tbody td:nth-child(3),
	.table-data.cafe thead th:nth-child(5), .table-data.cafe tbody td:nth-child(5),
	.table-data.cafe thead th:nth-child(6), .table-data.cafe tbody td:nth-child(6),
	.table-data.cafe thead th:nth-child(7), .table-data.cafe tbody td:nth-child(7),
	.table-data.cafe thead th:nth-child(8), .table-data.cafe tbody td:nth-child(8){display:none} 
	.form-table table td .style-id02{position:relative}
	.form-table table td .style-id02 em{display:block;height:24px}
	.form-table table td .style-id02 [class*="input-style"]{width:auto;margin-right:82px}
	.form-table table td .style-id02 > button{position:absolute;right:0;top:0}
	.form-table table td .style-id02 em+.input-style+button{top:24px}
	.form-table .search-word [class*="input-style"]{display:inline-block;width:32.2%;margin:2px 0} 
	/* th 보이는 형식 */
	.form-table.th-block{margin-top:10px;padding-top:0;padding-bottom:0;border-top:none;margin-bottom:20px}
	.form-table.th-block table th{display:block;width:100%;padding:10px 15px;height:auto;background-color:#f9f9f9;border-top:#eaeaea 1px solid;border-bottom:none}
	.form-table.th-block table td{display:block;width:100%;height:auto;padding:15px}  
	.form-table.th-block table td .tab_text{margin-bottom:0}
	.form-table.th-block .total td{text-align:center;background:#fff}

	.join-check-wrap{margin:0 15px 15px}
	.join-check-wrap input[type="checkbox"]:not(old)+label{height:auto;line-height:auto}
	.join-check-wrap .link-btn{margin-left:20px}
	.join-check-wrap+.bt-area{padding-bottom:0}
	[class*="message-st-join"] .big-text{font-size:19px;   padding-top:105px}
	[class*="message-st-join"] p{font-size:13px} 
	.cafe-join-info{border-left:none;border-right:none;text-align:center}
}

@media only screen and (max-width:320px){	 
	.cafe-menu li{ padding-left:10px;margin-left:7px} 
}
 
/* *************** 선물옵션 *************** */ 
/* 상방하방 */
.und-area.option-und .gift-option{width:100%;display:table;padding:30px 30px 30px}
.und-area.option-und .gift-option .option-box{display:table-cell;padding-right:20px}
.und-area.option-und .gift-option .option-chart{width:375px;display:table-cell;vertical-align:middle}
.und-area.option-und .gift-option .option-chart img{display:inline-block;width:375px;height:199px}
.und-area.option-und .und-gauge .box dl{text-align:left}
.und-area.option-und .und-gauge .box dl dt p{padding-bottom:5px}
.und-area.option-und .und-gauge .box dl dt p.tit{font-size:20px;padding-bottom:7px}
.und-area.option-und .und-gauge .box dl dt span{font-size:16px}
.und-area.option-und .und-gauge .box dl dt span.big-num{font-size:40px;padding-right:10px}
.und-area.option-und .und-gauge .gauge{text-align:left}
.und-area.option-und .und-gauge .gauge > p{width:75%;position:relative;margin:0 5px}
.und-area.option-und .und-gauge .gauge > p::before{position:absolute;top:0;left:0;width:100%;height:16px;background-color:#f9f9f9;content:"";z-index:0}

.und-area.option-und .und-gauge .gauge strong.up{width:auto;display:inline;text-align:center}
.und-area.option-und .und-gauge .gauge strong.down{width:auto;display:inline;text-align:center}

.gift-option-stock{padding:30px 30px 30px;border-top:#eaeaea 1px solid;overflow:hidden}
.gift-option-stock h2{font-size:14px;font-weight:bodl;margin:0;background:none;padding:0 0 10px;line-height:1.4;position:relative}
.gift-option-stock h2 span{color:#888;font-size:13px;position:absolute;top:0;right:0;font-weight:normal}
.gift-option-stock .und-stock-list2{display:block !important;margin:0 !important}
.gift-option-stock .und-stock-list2{background-color:#fff;border:#eaeaea 1px solid;margin:0 30px 30px;display:none}
.gift-option-stock .und-stock-list2 li{border-bottom:#eaeaea 1px solid;height:43px;line-height:43px;padding:0 15px;position:relative}
.gift-option-stock .und-stock-list2 li:last-child{border-bottom:none}
.gift-option-stock > div{}
.gift-option-stock > div:first-child{float:left;width:59.5%}
.gift-option-stock > div:first-child .und-stock-list2{overflow:hidden}
.gift-option-stock > div:first-child .und-stock-list2 li{width:50%;float:left;position:relative;color:#888;font-size:13px}
.gift-option-stock > div:first-child .und-stock-list2 li:nth-child(odd){border-right:#eaeaea 1px solid}
.gift-option-stock > div:first-child .und-stock-list2 li:nth-child(7){border-bottom:none}
.gift-option-stock > div:first-child .und-stock-list2 li span{color:#000;position:absolute;top:0;right:15px}
.gift-option-stock > div:last-child{float:right;width:39.5%}
.gift-option-stock > div:last-child .und-stock-list2{}
.gift-option-stock > div:last-child .und-stock-list2 li{}
.gift-option-stock > div:last-child .und-stock-list2 li.th span{color:#000;font-size:14px}
.gift-option-stock > div:last-child .und-stock-list2 li span{display:block;width:25%;float:left;text-align:right;padding:0 5px;font-size:13px}
.gift-option-stock > div:last-child .und-stock-list2 li span:first-child{text-align:left}
.gift-option-stock > div:last-child .und-stock-list2 li .cate{color:#888}
.chat-area .drop2{background:none !important;padding-right:0 !important}
.chat-area .drop2 mark{display:inline-block;width:35px;height:15px;background:url("/rpan/common/images/label/chat_drop02.png") no-repeat 0 0;background-size:35px 15px;text-indent:-9999em;vertical-align:middle}
.chat-area .climb2{background:none !important;padding-right:0 !important}
.chat-area .climb2 mark{display:inline-block;width:35px;height:15px;background:url("/rpan/common/images/label/chat_climb02.png") no-repeat 0 0;background-size:35px 15px;text-indent:-9999em;vertical-align:middle} 
/*방송중*/
.pop-tit-wrap{position:relative;margin-top:40px}
.pop-tit-wrap p.right-txt{position:absolute;right:0;top:-3px}
.card-list.pop-list-type li div.text{min-height:211px}/* 190117 수정 */
.card-list.pop-list-type [class*="member-flag"]{width:44px;height:20px;margin-bottom:5px;background:url("/rpan/common/images/label/member_flag01.png") no-repeat 0 0;background-size:cover;text-indent:-9999em}
.card-list.pop-list-type .member-flag02{background-image:url("/rpan/common/images/label/member_flag02.png")}
.card-list.pop-list-type li div.text dd.price{height:auto;padding:5px 0 3px;font-size:13px;line-height:120%}
.card-list.pop-list-type li div.text dd.price span.color-red:before{content:'';display:inline-block;clear:both;width:16px;height:16px;margin:0 2px 0 5px;background:url("/rpan/common/images/ico_pop_price.png") no-repeat 0 50%;background-size:cover;vertical-align:top}
/*다시보기*/
.card-list.pop-list-type+.paging{padding-bottom:0}
/*방송일정*/
.schedule-tab-area{margin:0 auto 20px;text-align:center}
.schedule-tab li{display:inline-block;margin-left:20px}
.schedule-tab li:first-child{margin-left:0}
.schedule-tab li a{position:relative;display:block;width:66px;height:66px;padding-top:16px;color:#000;text-align:center;box-sizing:border-box}
.schedule-tab li a .day{display:block;margin-bottom:5px;font-size:16px}
.schedule-tab li a .schedule-yes{position:absolute;top:32px;right:9px;display:block;width:6px;height:6px;background:#ff545b;border-radius:50%;text-indent:-9999em;overflow:hidden}
.schedule-tab li.selected a{color:#fff;background:url("/rpan/common/images/bg_today.png") no-repeat 0 0}
.schedule-tab li.selected a .schedule-yes{width:0;height:0;line-height:0}
.pop-box-list > li{display:table;width:100%;margin-top:10px;border:1px solid #eaeaea}
.pop-box-list > li:first-child{margin-top:0}
.pop-box-list li .time{display:table-cell;width:160px;font-size:16px;text-align:center;line-height:120%;background:#f9f9f9;vertical-align:middle}
.pop-box-list li .time:before{content:'';display:inline-block;clear:both;width:15px;height:15px;margin-right:5px;background:url("/rpan/common/images/ico_time.png") no-repeat 0 0;background-size:cover;vertical-align:middle}
.pop-box-list li .cont{position:relative;display:table-cell;padding:20px;vertical-align:middle}
.pop-box-list li .img-wrap{display:table-cell;width:80px;border-radius:50%;overflow:hidden;vertical-align:middle}
.pop-box-list li .img-wrap img{display:block;width:100%;background-color:#eaeaea}
.pop-box-list li .txt-wrap{display:table-cell;padding:0 200px 0 20px;vertical-align:middle}
.pop-box-list li .txt-wrap [class*="member-flag"]{width:44px;height:20px;margin-bottom:8px;background:url("/rpan/common/images/label/member_flag01.png") no-repeat 0 0;background-size:cover;text-indent:-9999em}
.pop-box-list li .txt-wrap .member-flag02{background-image:url("/rpan/common/images/label/member_flag02.png")}
.pop-box-list li .txt-wrap .tit{font-size:16px;color:#000;line-height:20px}
.pop-box-list li .txt-wrap .txt{margin-top:3px}
.pop-box-list li .txt-wrap .price{margin-top:6px;font-size:13px;line-height:120%}
.pop-box-list li .txt-wrap .price span.color-red:before{content:'';display:inline-block;clear:both;width:16px;height:16px;margin:0 2px 0 5px;background:url("/rpan/common/images/ico_pop_price.png") no-repeat 0 50%;background-size:cover;vertical-align:top}
.pop-box-list li .link-wrap{position:absolute;right:20px;top:50%;margin-top:-14px}
.pop-box-list li .link-wrap .inform{padding:5px 10px}
.pop-box-list li .link-wrap .inform:before{content:'';display:inline-block;clear:both;width:15px;height:15px;margin-right:5px;background:url("/rpan/common/images/ico_inform.png") no-repeat 0 0;vertical-align:middle}
/*방송일정 pop*/
.cast-booking-pop .cast-info{display:table;width:calc(100%+40px);margin:-20px -20px 0;padding:20px;background:#5e5958}
.cast-booking-pop .cast-info .img{width:150px;height:100px;position:relative;display:table-cell;vertical-align:middle;background:url("/rpan/common/images/pdiexpsms100_bg.png") no-repeat 0 0;background-size:cover;text-align:center}
.cast-booking-pop .cast-info .img img{ display:inline-block;height:100%;vertical-align:bottom}
.cast-booking-pop .cast-info .cont{display:table-cell;padding-left:20px;color:#fff;vertical-align:middle}
.cast-booking-pop .cast-info .cont .tit{margin-bottom:2px;padding-left:35px;min-height:26px;font-size:16px;background:url("/rpan/common/images/ico_broadcast.png") no-repeat 0 4px;background-size:26px auto}
.cast-booking-pop .cast-info .cont .data{margin-bottom:5px;font-size:13px;color:#a9a5a5}
.cast-booking-pop .cast-info .cont .data .red{padding-left:8px;color:#ff8e92}
.cast-booking-pop .cast-bottom{margin-top:30px}
.cast-booking-pop .cast-bottom+.only-clause-wrap{margin-top:30px}
.pop-gray-form{position:relative;padding:20px;background:#f9f9f9;border:1px solid #eaeaea}
.pop-gray-form label{position:absolute;left:20px;top:26px;font-size:16px;color:#040404}
.pop-gray-form .input-style{width:100%;padding-left:80px}
.cast-booking-pop .cast-bottom .dot-list02{margin-top:12px}
/*해외선물방송*/
.pop-top-banner .banner-cont{position:relative;padding:40px 305px 60px 40px;height:262px;background:url("/rpan/common/images/bg_pop_banner.png") no-repeat 0 0;background-size:cover;overflow:hidden}
.pop-top-banner .tit{font-size:16px;display:inline-block;background:url("/rpan/common/images/pop_gift_ribbon.png") no-repeat 0 0;line-height:40px;color:#fff;height:40px;min-width:219px;background-size:cover;padding-left:15px;position:relative;z-index:10}
.pop-top-banner .pos-img{position:absolute;right:80px;bottom:-30px;top:10px;min-width:212px}
.pop-top-banner img{display:block;width:100%}
.pop-top-banner .txt{padding-top:15px;font-size:40px;color:#fff;position:relative;z-index:10}
.pop-top-banner .s-txt{padding-top:7px;font-size:16px;color:#fff;position:relative;z-index:10}
.pop-top-banner .s-txt span{display:block}
.pop-m-slide .mobile-bullet{display:none}

/*시황*/
.pop-m-only{display:none}
.market-headline-box{padding:30px;background:#f9f9f9;border:1px solid #eaeaea;overflow:hidden}
.market-headline-box .headline-news{float:left;width:47.5%;padding:0}
.market-headline-box .headline-news dd li{padding-bottom:0}
.market-headline-box .headline-news dd li a{width:auto;margin-right:70px}
.market-headline-box .headline-news dd li span{width:auto}
.market-headline-box .a​dv-area{float:right;width:320px}
.market-headline-box .a​dv-area img{display:block;width:100%}
.market-board-type .table li div{font-size:13px}
.market-board-type .table li.board-list-th > div{font-size:14px}
.market-board-type .table li div:nth-child(1){width:100px}
.market-board-type .table li div:nth-child(3){width:18%}
.market-board-type .table li div:nth-child(4){width:10%}
.market-board-flag{display:block;width:100%;height:20px}
.market-board-flag img{display:block;height:20px}
/*시황상세*/
.market-headline-box+.board-view{margin-top:40px}
.board-view h1 .market-board-flag{margin-bottom:15px}
/*강연회*/
.pop-box-list.type02 > li{position:relative;padding:20px 40px 20px 30px}
.pop-box-list.type02 li .fro-wrap{display:table-cell;width:320px;vertical-align:middle}
.pop-box-list.type02 li .info-wrap{display:table-cell;padding:13px 100px 0 25px;vertical-align:middle}
.pop-box-list.type02 li .fro-wrap .txt-wrap{padding-right:0}
.pop-box-list.type02 li .txt-wrap .name{margin-bottom:5px}
.pop-box-list.type02 li .info-wrap .info-list li{position:relative;padding-left:55px;font-size:13px;color:#888;line-height:18px}
.pop-box-list.type02 li .info-wrap .info-list .tit{position:absolute;left:0;top:0;padding-right:10px;font-size:13px;word-spacing:8px;background:url("/rpan/common/images/bg_line.png") no-repeat right 3px}
.pop-box-list.type02 li .link-wrap{right:40px;margin-top:-30px}
.pop-box-list.type02 li .link-wrap a{display:block}
.pop-box-list.type02 li .link-wrap a+a{margin-top:4px}
.pop-box-list+.paging{padding-top:20px}
/*강연회상세*/
.pop-view-wrap .lec-image img{display:block;width:100%}
.pop-view-wrap .lec-image .top-mo{display:none}
.lec-detail{ padding:0 30px 50px}
.lec-detail > div.white-board{background-color:#fff;min-height:200px;padding:0 30px 10px}
.lec-detail > div.white-board .box{border-bottom:#eaeaea 1px solid;padding:30px 0}
.lec-detail > div.white-board .box:last-child{border-bottom:none;margin-bottom:0}
.lec-detail > div.white-board .box .detail-title{font-size:20px;padding-bottom:10px}
.lec-detail > div.white-board .box .detail-bt-area{text-align:center;padding:20px 0 0}
.lec-detail > div.white-board .box .detail-bt-area button{display:inline-block;box-sizing:border-box;line-height:44px;color:#fff;font-size:16px;background-color:#4354a8;padding:0 15px;border:none;min-width:200px}
.lec-detail > div.white-board .box .detail-bt-area button span{color:#ffff00}
/* 강연회상세 - 일정 */
.lec-detail > div.white-board .schedule{border:#eaeaea 1px solid;padding:5px 20px}
.lec-detail > div.white-board .schedule dl{border-bottom:#eaeaea 1px solid;position:relative;padding:15px 0 15px 50px;line-height:1.8}
.lec-detail > div.white-board .schedule dl:last-child{border-bottom:none}
.lec-detail > div.white-board .schedule dl dt{position:absolute;top:15px;left:0;color:#3d53c4}
.lec-detail > div.white-board .schedule dl dd span{margin-left:10px}
.lec-detail > div.white-board .schedule dl dd span a{font-size:14px}
/* 강연회상세 - 커리큘럼 */
.lec-detail > div.white-board .curriculum{border:#eaeaea 1px solid;padding:5px 20px}
.lec-detail > div.white-board .curriculum dl{line-height:1.6;padding-top:15px}
.lec-detail > div.white-board .curriculum dl dt{color:#3d53c4;font-size:16px}
.lec-detail > div.white-board .curriculum dl dd{padding-bottom:15px}
.lec-detail > div.white-board .curriculum dl dd ul{padding:0 0 0 10px}
/* 강연회상세 - 전문가 */
.lec-detail > div.white-board .expert{border:#eaeaea 1px solid;padding:20px 20px 20px 130px	;position:relative}
.lec-detail > div.white-board .expert .img-wrap{width:90px;height:90px;position:absolute;top:20px;left:20px}
.lec-detail > div.white-board .expert .img{width:90px;height:90px;text-align:center;border-radius:50%;background:#eaeaea;overflow:hidden}
.lec-detail > div.white-board .expert .img img{padding-top:5%;height:130%}
.lec-detail > div.white-board .expert dl{line-height:1.6}
.lec-detail > div.white-board .expert dl dt{color:#3d53c4;font-size:16px;padding-bottom:5px}
.lec-detail > div.white-board .expert dl dd.word{color:#ff545b;padding-bottom:5px;text-decoration:underline}
/* 강연회상세 - template color ver 1 */
.lec-detail.color-temp1{background-color:#566db8}

/*강연회 신청하기*/
.class-request-pop .cont-scroll{margin-top:-20px}
.class-request-pop .title-wrap{position:relative;margin:0 -22px 35px -20px;padding:48px 0 110px;text-align:center;background:#f8f5f1}
.class-request-pop .title-wrap:after{content:'';display:block;clear:both;position:absolute;left:50%;bottom:-35px;width:218px;height:120px;margin-left:-108px;background:url("/rpan/common/images/bg_pop_request.png") no-repeat 0 0;background-size:218px auto}
.class-request-pop .title-wrap .tit{margin-bottom:15px;font-size:24px;font-weight:normal}
.class-request-pop .input-wrap{margin-top:70px}
.class-request-pop .pop-gray-form .input-box{position:relative}
.class-request-pop .pop-gray-form .input-box+.input-box{margin-top:10px}
.class-request-pop .pop-gray-form label{left:0;top:6px}
.class-request-pop .pop-gray-form .input-style{padding-left:115px}
.class-request-pop .only-clause-wrap{margin-top:40px}
.class-request-pop .only-clause-wrap .clause .scroll{height:100px}
.only-clause-wrap .clause{border-width:1px 0 0 0;border-top:1px solid #444}
.only-clause-wrap .clause span{padding:13px 0 15px}
.only-clause-wrap .clause .scroll{border:1px solid #ececec}
.class-request-pop .message-st-02{margin-bottom:20px}
.class-request-pop .message-st-02 .bt-area{padding-bottom:0}
.class-request-pop [class*="message-st-02"] .big-text:after{background:url("/rpan/common/images/icon_message02.png") no-repeat -880px 0} 
/*파생아카데미*/
.pop-top-banner img{display:block;width:100%}
.pop-top-banner .top-mo{display:none}
.pop-top-banner+.pop-list-wrap{margin-top:15px}
.pop-box-list.type02 li .info-wrap .info-list.type02 li{padding-left:69px}
.pop-box-list.type02 li .info-wrap .info-list.type02 .tit{word-spacing:21px}
/*파생아카데미상세*/
.pop-view-wrap .der-image img{display:block;width:100%}
.pop-view-wrap .der-image .top-mo{display:none}
.der-detail{ padding:0 30px 50px}
.der-detail > div.white-board{background-color:#fff;min-height:200px;padding:0 30px 10px}
.der-detail > div.white-board .box{border-bottom:#eaeaea 1px solid;padding:30px 0}
.der-detail > div.white-board .box:last-child{border-bottom:none;margin-bottom:0}
.der-detail > div.white-board .box .detail-title{font-size:20px;padding-bottom:10px}
.der-detail > div.white-board .box .detail-bt-area{text-align:center;padding:20px 0 0}
.der-detail > div.white-board .box .detail-bt-area a{display:inline-block;box-sizing:border-box;line-height:44px;color:#fff;font-size:16px;background-color:#1aaaaa;padding:0 15px;border:none;min-width:200px}
.der-detail > div.white-board .box .detail-bt-area a span{color:#ffff00}
.der-detail > div.white-board .box .detail-bt-area img{margin:0 auto;max-width:770px;width:100%}
/* 파생아카데미상세 - 일정 */
.der-detail > div.white-board .schedule{border:#eaeaea 1px solid;padding:15px 20px}
.der-detail > div.white-board .schedule dl{position:relative;padding-left:50px;line-height:1.8}
.der-detail > div.white-board .schedule dt{position:absolute;top:0;left:0;color:#1aaaaa}
/* 파생아카데미상세 - 커리큘럼 */
.der-detail > div.white-board .curriculum{line-height:1.6}
.der-detail > div.white-board .curriculum dl{border:#eaeaea 1px solid;display:table;width:100%;table-layout:fixed;margin-bottom:10px}
.der-detail > div.white-board .curriculum dl:last-child{margin-bottom:0}
.der-detail > div.white-board .curriculum dl dt{display:table-cell;width:99px;vertical-align:middle;background-color:#f9f9f9;color:#1aaaaa;text-align:center;border-right:#eaeaea 1px solid;font-size:16px;	}
.der-detail > div.white-board .curriculum dl dd{display:table;width:100%;vertical-align:middle;padding:10px 20px}
.der-detail > div.white-board .curriculum dl dd div.left{width:40%;display:table-cell;vertical-align:middle;border-right:#eaeaea 1px solid} 
.der-detail > div.white-board .curriculum dl dd div.right{width:60%;display:table-cell;vertical-align:middle;padding:5px 0 5px 20px}
.der-detail > div.white-board .curriculum dl dd div.right ul{padding-top:5px}
.der-detail > div.white-board .curriculum dl dd div.right li{font-size:13px;color:#888;	}
.der-detail > div.white-board .curriculum dl dd div.date{width:40%;padding-right:10px;display:table-cell;text-align:center;vertical-align:middle;border-right:#eaeaea 1px solid}
/* *파생아카데미상세* - 강사소개 */
.der-detail > div.white-board .expert{border:#eaeaea 1px solid;padding:15px 20px}
/* *파생아카데미상세* - 유의사항 */
.der-detail > div.white-board .note{border:#eaeaea 1px solid;padding:15px 20px}
.der-detail > div.white-board .note li{line-height:1.6}
.der-detail > div.white-board .note ul li{color:#888;font-size:13px}
.der-detail > div.white-board .note ol{padding-bottom:10px}
.der-detail > div.white-board .note ol > li{padding-bottom:10px}
.der-detail > div.white-board .note dl dt{margin-top:10px;margin-bottom:3px;font-size:14px;color:#000;line-height:20px}
.der-detail > div.white-board .note dl dt:first-child{margin-top:0}
.der-detail > div.white-board .note dl dd{font-size:13px;color:#888;line-height:20px}
/* *파생아카데미상세* - template color ver 1 */
.der-detail.color-temp1{background-color:#18b1b3}

/*전문가카페*/
.check-area+.board-card,
#searchFrm+.board-card{margin-top:20px} 
.guide-text03 .dot-list02 .no-ico-list li{padding-left:0;background:none}
/*안내성 페이지*/
.infopage-wrap{padding-bottom:30px}
.infopage-wrap .visual-bg-area{padding:60px 20px 55px;color:#fff;text-align:center;background-position:50% 50%;background-size:cover}
.infopage-wrap .visual-bg-area.bg01{background-image:url("/rpan/common/images/pop_info_visual01.png")}
.infopage-wrap .visual-bg-area .visual-tit{position:relative;padding-bottom:20px;font-size:24px;font-weight:normal}
.infopage-wrap .visual-bg-area .visual-tit:after{content:'';display:block;clear:both;position:absolute;bottom:0;left:50%;margin-left:-13px;width:26px;height:1px;background:#a9acb5}
.infopage-wrap .visual-bg-area .visual-txt{margin-top:15px;font-size:16px;line-height:24px}
.infopage-wrap .visual-btm-txt{margin:15px 0 -5px}
.infopage-wrap .visual-btm-txt p , .infopage-wrap .visual-btm-txt li{margin-top:10px;line-height:24px}
.infopage-wrap .visual-btm-txt p:first-child , .infopage-wrap .visual-btm-txt li:first-child{margin-top:0}
.infopage-wrap .p-block{display:block}
.infopage-wrap .info-wrap{position:relative;padding-top:60px}
.infopage-wrap .info-wrap:first-child{padding-top:0}
.infopage-wrap .info-wrap.type02{margin-top:30px;padding-top:40px;border-top:1px solid #eaeaea}
.infopage-wrap .info-tit{margin-bottom:15px;font-size:20px;color:#000;font-weight:normal}
.infopage-wrap .info-txt{margin:-7px 0 14px;line-height:24px}
.infopage-wrap .info-txt:last-child{margin-bottom:0}
.infopage-wrap .step-list{margin-top:-20px;overflow:hidden}
.infopage-wrap .step-list li{position:relative;float:left;width:30%;margin:20px 5% 0 0;text-align:center;border:1px solid #eaeaea}
.infopage-wrap .step-list li:nth-child(3n){margin-right:0}
.infopage-wrap .step-list li:after{content:'';display:block;clear:both;position:absolute;right:-17%;top:50%;width:17%;height:18px;margin-top:-9px;background:url("/rpan/common/images/info_step_arrow.png") no-repeat 50% 0}
.infopage-wrap .step-list li:nth-child(3n):after{display:none}
.infopage-wrap .step-list li .step-num{display:block;height:43px;line-height:43px;color:#ff545b;background:#f9f9f9}
.infopage-wrap .step-list li .txt{height:94px;padding:14px 0}
.infopage-wrap .step-list.list01 li:nth-child(1) .txt, .infopage-wrap .step-list.list01 li:nth-child(3) .txt{padding:25px 0}
.infopage-wrap .step-list.list01 li:nth-child(4) .txt, .infopage-wrap .step-list.list01 li:nth-child(5) .txt, .infopage-wrap .step-list.list01 li:nth-child(6) .txt{height:73px}
.infopage-wrap .step-list .txt .gray-txt{color:#888}
.infopage-wrap .info-wrap .btm-list{margin:10px 0 -5px}
.infopage-wrap .payment-area{position:relative;display:table;width:100%;height:110px;color:#fff}
.infopage-wrap .payment-area .object{display:table-cell;padding:0 30px 0 115px;vertical-align:middle;background:#776d6c} 
.infopage-wrap .payment-area .object:before{content:'';display:block;clear:both;position:absolute;left:30px;top:50%;margin-top:-23px;width:62px;height:55px;background:url("/rpan/common/images/bg_popinfo_payment.png") no-repeat 0 0;background-size:75px auto;vertical-align:middle}
.infopage-wrap .payment-area .object .b-txt{font-size:20px;line-height:120%}
.infopage-wrap .payment-area .object .s-txt{margin-top:10px;font-size:16px;color:#dfdddd;line-height:100%}
.infopage-wrap .payment-area .object .s-txt:before{content:'';display:inline-block;clear:both;width:15px;height:15px;margin:-1px 5px 0 0;background:url("/rpan/common/images/bg_popinfo_payment.png") no-repeat 0 -150px;background-size:75px auto;vertical-align:middle}
.infopage-wrap .payment-area .object .s-txt .bold-txt{color:#fff}
.infopage-wrap .payment-area .object .s-txt .no-price{text-decoration:line-through}
.infopage-wrap .payment-area .price{display:table-cell;width:45%;padding:0 30px 0 0;text-align:right;vertical-align:middle;background:#8d8382}
.infopage-wrap .payment-area .price .sale-price{display:inline-block;margin-right:10px;font-size:16px;vertical-align:middle}
.infopage-wrap .payment-area .price .sale-price .num{font-size:30px}
.infopage-wrap .payment-area .price .payment-btn{width:125px;padding:10px 0;text-align:center;font-size:16px;color:#fff;background:#ff545b}
.infopage-wrap .payment-area .price .payment-btn:before{content:'';display:inline-block;clear:both;width:25px;height:25px;margin:-1px 5px 0 0;background:url("/rpan/common/images/bg_popinfo_payment.png") no-repeat 0 -75px;background-size:75px auto;vertical-align:middle}
.infopage-wrap .program-down{margin-top:20px;padding:20px;color:#888;text-align:center;background:#f9f9f9}
.infopage-wrap .program-down .btn-down{width:110px;margin-left:10px;padding:6px 0;border:1px solid #ccc}
.infopage-wrap .program-down .btn-down:before{content:'';display:inline-block;clear:both;width:13px;height:11px;margin-right:5px;background:url("/rpan/common/images/ico_down.png") no-repeat 0 0;background-size:13px auto;vertical-align:middle}
.infopage-wrap .visual-bg-area.bg02{background-image:url("/rpan/common/images/pop_info_visual02.png")}
.infopage-wrap .ico-list{border-top:1px solid #444}
.infopage-wrap .ico-list li{position:relative;padding:20px 20px 16px 120px;border-bottom:1px solid #eaeaea}
.infopage-wrap .ico-list li:before{content:'';display:block;clear:both;width:80px;height:80px;position:absolute;left:20px;top:50%;margin-top:-40px;background-image:url("/rpan/common/images/ico_popinfo_list01.png");background-size:100px auto}
.infopage-wrap .ico-list li:nth-child(1):before{background-position:0 0}
.infopage-wrap .ico-list li:nth-child(2):before{background-position:0 -100px}
.infopage-wrap .ico-list li:nth-child(3):before{background-position:0 -200px}
.infopage-wrap .ico-list li:nth-child(4):before{background-position:0 -300px}
.infopage-wrap .ico-list li:nth-child(5):before{background-position:0 -400px}
.infopage-wrap .ico-list li:nth-child(6):before{background-position:0 -500px}
.infopage-wrap .ico-list.list01 li:before{ background-size:auto}
.infopage-wrap .ico-list.list01 li:nth-child(1):before{background-position:0 -1290px}
.infopage-wrap .ico-list.list01 li:nth-child(2):before{background-position:0 -1400px}
.infopage-wrap .ico-list.list01 li:nth-child(3):before{background-position:0 -1505px}
.infopage-wrap .ico-list.list01 li:nth-child(4):before{background-position:0 -1630px}
.infopage-wrap .ico-list.list01 li:nth-child(5):before{background-position:0 -1750px}
.infopage-wrap .ico-list.list01 li:nth-child(6):before{background-position:0 -1870px}
.infopage-wrap .ico-list li strong{display:block;font-size:16px}
.infopage-wrap .ico-list li .txt{margin-top:10px}
.infopage-wrap .tab-wrap{padding:40px 20px 20px;background:url("/rpan/common/images/bg_popinfo_tab.png") no-repeat 50% 50%;background-size:cover}
.infopage-wrap .tab-list{position:relative;padding-top:130px}
.infopage-wrap .tab-list .tab{position:absolute;top:0;width:33.3%;font-size:16px;color:#fff;text-align:center;border-right:1px solid rgba(255,255,255,0.2)}
.infopage-wrap .tab-list li:last-child .tab{border:none}
.infopage-wrap .tab-list li:nth-child(1) .tab{left:0}
.infopage-wrap .tab-list li:nth-child(2) .tab{left:33.3%}
.infopage-wrap .tab-list li:nth-child(3) .tab{right:0}
.infopage-wrap .tab-list .tab:before{content:'';display:block;clear:both;width:70px;height:61px;margin:0 auto 13px;background:url("/rpan/common/images/ico_popinfo_tab.png") no-repeat 50% 0;background-size:75px auto}
.infopage-wrap .tab-list li:nth-child(2) .tab:before{background-position:0 -75px}
.infopage-wrap .tab-list li:nth-child(3) .tab:before{background-position:0 -150px}
.infopage-wrap .tab-list li.active .tab:after{content:'';display:inline-block;clear:both;position:absolute;left:50%;bottom:-40px;margin-left:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #fff}
.infopage-wrap .tab-list .cont{display:none}
.infopage-wrap .tab-list li.active .cont{display:block;padding:25px 30px 30px;line-height:24px;background:#fff}
.infopage-wrap .tab-list .cont .tit{display:table-cell;width:120px;font-size:16px;vertical-align:top}
.infopage-wrap .tab-list .cont .tit strong{display:block}
.infopage-wrap .tab-list .cont .txt{display:table-cell;vertical-align:top}
.infopage-wrap .img-list{border:1px solid #eaeaea;text-align:center;padding:0 5px}
.infopage-wrap .img-list img{max-width:100%}
.infopage-wrap .img-list .big-img-btn{display:none}
.infopage-wrap .info-area{margin-top:40px} 
.infopage-wrap .step-list02{border:1px solid #eaeaea}
.infopage-wrap .step-list02 li{position:relative;display:table;width:100%;border-bottom:1px solid #eaeaea}
.infopage-wrap .step-list02 li:last-child{border-bottom:none}
.infopage-wrap .step-list02 li:after{content:'';display:block;clear:both;width:28px;height:16px;position:absolute;left:80px;bottom:-15px;background:url("/rpan/common/images/info_step_arrow02.png") no-repeat 0 0;z-index:2}
.infopage-wrap .step-list02 li:last-child:after{display:none}
.infopage-wrap .step-list02 .tit{display:table-cell;width:190px;padding:16px 20px 18px;font-size:16px;line-height:120%;background:#f9f9f9;vertical-align:top}
.infopage-wrap .step-list02 .tit .step-num{display:block;margin-bottom:5px;font-size:14px;color:#ff545b}
.infopage-wrap .step-list02 .txt{display:table-cell;padding:15px 20px;vertical-align:top}
.infopage-wrap .step-list02 .txt .gray-txt{display:block;color:#888}
.infopage-wrap .img-list.type02{padding:0;border:none}
.infopage-wrap .ico-list.list02{border-top:1px solid #eaeaea}
.infopage-wrap .ico-list.list02 li:before{background-image:url("/rpan/common/images/ico_popinfo_list02.png");background-size:auto}
.infopage-wrap .ico-list.list02 li:nth-child(1):before{background-position:0 -605px}
.infopage-wrap .ico-list.list02 li:nth-child(2):before{background-position:0 -712px}
.infopage-wrap .ico-list.list02 li:nth-child(3):before{background-position:0 -830px} 
.infopage-wrap .ico-list.list03 li:before{background-image:url("/rpan/common/images/ico_popinfo_list03.png")}
.infopage-wrap .ico-list.list04 li:before{background-image:url("/rpan/common/images/ico_popinfo_list04.png")}
.infopage-wrap .box-list{border:1px solid #eaeaea;overflow:hidden}
.infopage-wrap .box-list li{float:left;width:50%;padding:25px 15px 27px;line-height:20px;text-align:center}
.infopage-wrap .box-list li:nth-child(even){border-left:1px dashed #eaeaea}
.infopage-wrap .box-list li:before{content:'';display:block;clear:both;width:100px;height:100px;margin:0 auto 2px;background:url("/rpan/common/images/ico_popinfo_boxlist.png") no-repeat 0 0;background-size:100px auto}
.infopage-wrap .box-list li:nth-child(2):before{background-position:0 -150px}
.infopage-wrap .box-list li strong{display:block;margin-bottom:9px;font-size:16px}
.infopage-wrap .box-list li .gray-txt{display:inline;color:#888;white-space:nowrap}
.infopage-wrap .pos-right-txt{position:absolute;right:0;top:0}
.infopage-wrap .faq-list{margin:0}
.infopage-wrap .faq-list .question a{padding:18px 40px 18px 10px}
.infopage-wrap .faq-list .answer{padding:20px 10px}
.infopage-wrap .faq-list .answer:after{display:none}
.infopage-wrap .faq-list .table-col{border-top:1px solid #888}
.infopage-wrap .faq-list .table-col a:hover , .infopage-wrap .faq-list .table-col a:focus{text-decoration:underline}
.infopage-wrap .faq-list .table-col th:nth-child(2){width:300px} 

/* 해선불패 */
.winner-box{margin:0;padding-bottom:40px;background:url(../images/option/top_visual.png) no-repeat #636c80;background-size:100%}
.winner-box h3{padding:59px 0 20px 0;font-size:24px;color:#fff;text-align:center;background:url(../images/option/bg_bar.png) no-repeat bottom center}
.winner-box .tit-h2.case03{padding-left:0}
.winner-box .txt{padding:20px 0;font-size:16px;color:#fff;text-align:center}
.winner-box .inner{box-sizing:border-box;margin:0 30px;padding:30px;background:#fff}
.winner-box .inner dl{display:table;width:100%;border:1px solid #eaeaea}
.winner-box .inner dl+dl{margin-top:10px}
.winner-box .inner dl dt{display:table-cell;width:19.4%;height:98px;font-size:16px;text-align:center;font-weight:normal;vertical-align:middle;border-right:1px solid #eaeaea;background:#f9f9f9}
.winner-box .inner dl dt+dd{display:table-cell;width:22%;height:70px;margin-top:14px;font-size:16px;color:#495e84;text-align:center;vertical-align:middle;background:url(../images/option/bg_bar2.png) no-repeat right 0}
.winner-box .inner dl dd:last-child{display:table-cell;width:58.6%;padding:0 3.9%;font-size:14px;vertical-align:middle;color:#000}
.winner-box .guide{padding:4px 0 0 16px;line-height:20px;font-size:13px;color:#888}
.winner-box .line-box{padding:20px;line-height:20px;font-size:13px;color:#888;border:1px solid #eaeaea}
.winner-box .line-box b{color:#000}
.winner-box .line-box b a{color:#000}
.winner-box .inner dl.bold dt,.winner-box .inner dl.bold dt+dd{font-size:18px;font-weight:bold}
.kyobo_join{display:block;width:100%}
.kyobo_join img{display:block;max-width:890px;width:100%;margin:0 auto}

@media only screen and (max-width:979px){
	/* 상방하방 */
	.upndown-date.option-date{display:none}
	.und-area.option-und .gift-option{display:block;padding:0 15px 10px}
	.und-area.option-und .gift-option .option-box{display:block;padding:0 0 20px}
	.und-area.option-und .gift-option .option-chart{width:100%;display:block}
	.und-area.option-und .gift-option .option-chart p img{width:100%;height:auto}
	.und-area.option-und .und-gauge:last-child{border-bottom:#eff3f6 10px solid}
	.und-area.option-und .und-gauge .box dl{text-align:center}
	.und-area.option-und .und-gauge .box dl dt{border-bottom:#eaeaea 1px solid;margin-bottom:20px}
	.und-area.option-und .und-gauge .box dl dt span.big-num{display:block;padding-bottom:13px}
	.und-area.option-und .und-gauge .gauge{text-align:center}
	.und-area.option-und .und-gauge .gauge > p{width:65%} 
	.gift-option-stock{border-top:none;padding:0 15px 20px}
	.gift-option-stock > div:first-child{float:none;margin-bottom:30px;width:100%}
	.gift-option-stock > div:first-child .und-stock-list2 li{height:auto;line-height:1.6;padding-top:8px;padding-bottom:8px}
	.gift-option-stock > div:first-child .und-stock-list2 li span{position:static;display:block} 
	.gift-option-stock > div:last-child{float:none;width:100%} 
	.gift-option-stock > div:last-child .und-stock-list2 li span{width:23.5%;padding:0}
	.gift-option-stock > div:last-child .und-stock-list2 li span:first-child{width:29.5%} 
	/*방송중*/
	.pop-tit-wrap{margin:30px 15px 0}
	.pop-tit-wrap p.right-txt{position:static;line-height:120%;margin-bottom:10px}
	.card-list.pop-list-type  li div.text dd.price{padding:3px 0 3px}
	/*다시보기*/
	.search-area.pop-pd-sy{padding:0 15px 30px}
	/*방송일정*/
	.schedule-tab li{margin-left:7px}
	.schedule-tab li a{width:auto;height:auto;padding-top:8px;font-size:12px}
	.schedule-tab li a .day{margin-bottom:17px;font-size:13px}
	.schedule-tab li a .schedule-yes{top:auto;bottom:12px;right:-6px}
	.schedule-tab li.selected a{color:#000;background:url("/rpan/common/images/bg_today.png") no-repeat 50% 0;background-size:30px auto}
	.schedule-tab li.selected a .day{color:#fff}
	.schedule-tab-area+.pop-list-wrap{padding:20px 0 0;border-top:1px solid #444}
	.pop-list-wrap .pop-box-list{margin:0 15px}
	.pop-box-list li .time{display:block;width:100%;padding:14px 15px 13px;text-align:left;line-height:100%;border-bottom:1px solid #eaeaea}
	.pop-box-list li .time:before{vertical-align:top}
	.pop-box-list li .cont{display:block;padding:15px}
	.pop-box-list li .cont .img-wrap{width:72px}
	.pop-box-list li .cont .txt-wrap{padding:0 0 0 15px}
	.pop-box-list li .link-wrap{position:static;margin-top:11px;overflow:hidden}
	.pop-box-list li .link-wrap a{float:left;width:49%}
	.pop-box-list li .link-wrap a+a{margin-left:2%}
	.pop-box-list li .link-wrap .inform{padding:6px 10px}
	.pop-box-list li .link-wrap .inform:before{display:none}
	/*방송일정 pop*/
	.cast-booking-pop .cast-info{position:relative;width:calc(100%+30px);margin:-20px -15px 0;padding:18px 15px 16px}
	.cast-booking-pop .cast-info .img{display:block;position:absolute;left:15px;top:22px;width:90px;height:60px}
	.cast-booking-pop .cast-info .cont{display:block;padding-left:0}
	.cast-booking-pop .cast-info .cont .m-type{padding-left:105px}
	.cast-booking-pop .cast-info .cont .tit{margin-bottom:4px;padding-left:24px;min-height:20px;background-size:20px auto}
	.cast-booking-pop .cast-info .cont .data{margin-bottom:0}
	.cast-booking-pop .cast-info .cont .data .red{display:block;padding-left:0}
	.cast-booking-pop .cast-info .cont .txt{margin:15px -15px 0;padding:10px 15px 0;border-top:1px solid #6b6564}
	.cast-booking-pop .cast-bottom{margin:18px -5px 0}
	.pop-gray-form{padding:15px}
	.pop-gray-form .input-style{padding-left:0}
	.cast-booking-pop .pop-gray-form label{position:static;display:block;margin-bottom:10px}
	.pop-layer .popup-wrap .pop-fix-btn{margin-bottom:66px}
	.pop-layer .popup-wrap .pop-fix-btn .pop-btn{ margin-top:70px}
	/*해외선물방송*/
	.pop-top-banner{margin-top:-20px;clear:both}
	.pop-top-banner .banner-cont{padding:30px 120px 88px 15px;background:url("/rpan/common/images/bg_pop_banner_m.png") no-repeat 0 0;background-size:cover}
	.pop-top-banner .tit{ position:absolute;top:0;left:0;background:url("/rpan/common/images/pop_gift_ribbon_m.png") no-repeat 0 0;background-size:190px 34px;line-height:34px;font-size:13px}
	.pop-top-banner .pos-img{ height:100%;right:40px;z-index:1}
	.pop-top-banner .pos-img img{height:100%;width:auto;position:absolute;bottom:0;right:0;padding-top:10px} 
	.pop-top-banner .txt{font-size:30px;height:63px;overflow:hidden}
	.pop-top-banner .s-txt{padding-right:35px}
	.pop-m-slide{border-bottom:10px solid #eff3f6}
	.pop-m-slide .board-card{width:96%;margin:0 2%;overflow:hidden}
	.pop-m-slide .card-list{  padding:0;overflow:visible}
	.pop-m-slide .mobile-bullet{display:block;height:40px;padding-top:10px;text-align:center}
	.pop-m-slide .mobile-bullet button{display:inline-block;width:10px;height:10px;margin:0 3px;background-color:#ccc;border-radius:50%;overflow:hidden;text-indent:-9999em}
	.pop-m-slide .mobile-bullet button.checked{background:#ffc03d}
	.pop-m-slide+.pop-tit-wrap{margin-top:20px}
	/*시황*/
	.pop-p-only{display:none}
	.pop-m-only{display:block}
	.market-headline-box{margin-top:-20px;padding:0;border:none;border-bottom:10px solid #eff3f6}
	.market-headline-box .headline-news{display:none}
	.market-headline-box .a​dv-area{float:none;width:100%}
	.market-board-type .pop-tit-wrap{margin-top:20px}
	.market-board-type .table li{padding:15px 15px 7px}
	.market-board-type .table li .market-board-flag{margin-bottom:10px}
	/*시황상세*/
	.market-headline-box+.board-view{margin-top:20px}
	.board-view h1 .market-board-flag{margin-bottom:18px}
	/*강연회*/
	.pop-box-list.type02 > li{padding:0}
	.pop-box-list.type02 li .fro-wrap{display:block;width:100%;padding:20px 15px}
	.pop-box-list.type02 li .info-wrap{display:block;padding:13px 15px 15px;background:#f9f9f9}
	.pop-box-list.type02 li .info-wrap .info-list li{padding-left:20px;margin-top:3px}
	.pop-box-list.type02 li .info-wrap .info-list li:first-child{margin-top:0}
	.pop-box-list.type02 li .info-wrap .info-list .tit{top:2px;width:15px;height:15px;background-image:url("/rpan/common/images/ico_pop_info.png");background-repeat:no-repeat;background-size:25px auto;text-indent:-9999em}
	.pop-box-list.type02 li .info-wrap .info-list .tit.data{background-position:50% 0}
	.pop-box-list.type02 li .info-wrap .info-list .tit.place{background-position:50% -25px}
	.pop-box-list.type02 li .info-wrap .info-list .tit.sum{background-position:50% -50px}
	.pop-box-list.type02 li .link-wrap{margin-top:15px}
	.pop-box-list.type02 li .link-wrap a+a{margin-top:0}
	.pop-box-list+.paging{padding-top:15px}
	/*강연회상세*/
	.pop-view-wrap{margin-top:-20px}
	.pop-view-wrap .lec-image .top-pc{display:none}
	.pop-view-wrap .lec-image .top-mo{display:block}
	.lec-detail{ padding:0}
	.lec-detail > div.white-board{padding:0 15px 10px}
	.lec-detail > div.white-board .detail-bt-area button{line-height:40px;display:block;width:100%}
	/* 강연회상세 - 일정 */
	.lec-detail > div.white-board .schedule{padding:0 15px}
	.lec-detail > div.white-board .schedule dl{padding:15px 0}
	.lec-detail > div.white-board .schedule dl dt{position:static}
	.lec-detail > div.white-board .schedule dl dd span{margin-left:0}
	.lec-detail > div.white-board .schedule dl dd span a{font-size:13px}
	/* 강연회상세 - 전문가 */
	.lec-detail > div.white-board .expert{padding:15px}
	.lec-detail > div.white-board .expert .img-wrap{position:static;margin:0 auto 15px}
	.lec-detail > div.white-board .expert dl{text-align:center}
	.lec-detail > div.white-board .expert dl{text-align:center}
	/*강연회 신청하기*/
	.class-request-pop .title-wrap{margin:0;padding:0;background:none}
	.class-request-pop .title-wrap:after{display:none}
	.class-request-pop .title-wrap .tit{position:relative;margin-bottom:27px;padding:40px 0 98px;background:#f8f5f1}
	.class-request-pop .title-wrap .tit:after{content:'';display:block;clear:both;position:absolute;left:50%;bottom:-27px;width:194px;height:104px;margin-left:-97px;background:url("/rpan/common/images/bg_pop_request.png") no-repeat 0 0;background-size:194px auto}
	.class-request-pop .title-wrap .txt{margin:57px 15px 0;padding:10px 15px;text-align:left;border:1px solid #eaeaea}
	.class-request-pop .input-wrap , .class-request-pop .only-clause-wrap{margin:35px 15px 0}
	.class-request-pop .pop-gray-form label{display:none}
	.class-request-pop .pop-gray-form .input-style{padding-left:0}
	.class-request-pop .only-clause-wrap .clause .scroll{height:100%}
	.only-clause-wrap .clause{border-width:1px}
	.only-clause-wrap .clause span{padding:13px 10px}
	.only-clause-wrap .clause .scroll{border:none}
	.class-request-pop .pop-btn{overflow:hidden}
	.class-request-pop .pop-btn button{float:left;width:49%}
	.class-request-pop .pop-btn button+button{margin-left:2%}
	/*파생아카데미*/
	.pop-top-banner .top-pc{display:none}
	.pop-top-banner .top-mo{display:block}
	.pop-top-banner+.pop-list-wrap{margin-top:20px}
	.pop-box-list.type02 li .info-wrap .info-list.type02 li{padding-left:20px}
	.pop-box-list.type02 li .info-wrap .info-list .tit.call{background-position:50% -75px}
	/*파생아카데미상세*/
	.pop-view-wrap .der-image .top-pc{display:none}
	.pop-view-wrap .der-image .top-mo{display:block}
	.der-detail{ padding:0}
	.der-detail > div.white-board{padding:0 15px 10px}
	.der-detail > div.white-board .detail-bt-area a{line-height:40px;display:block;width:100%}
	/* 파생아카데미상세* - 일정 */
	.der-detail > div.white-board .schedule{border:#eaeaea 1px solid;padding:15px}
	/* 파생아카데미상세* - 커리큘럼 */
	.der-detail > div.white-board .curriculum dl{display:block}
	.der-detail > div.white-board .curriculum dl dt{display:block;width:100%;text-align:center;border-right:none;border-bottom:#eaeaea 1px solid;line-height:43px}
	.der-detail > div.white-board .curriculum dl dd{display:block;padding:0 15px}
	.der-detail > div.white-board .curriculum dl dd div.left{display:block;width:100%;border-right:none;border-bottom:#eaeaea 1px solid;padding:15px 0;text-align:center}
	.der-detail > div.white-board .curriculum dl dd div.right{display:block;width:100%;padding:15px 0}
	.der-detail > div.white-board .curriculum dl dd div.date{display:block;width:100%;border-right:none;border-bottom:#eaeaea 1px solid;padding:15px 0;text-align:center}
	/*안내성 페이지*/
	.infopage-wrap .visual-bg-area{margin-top:-20px;padding:75px 15px 70px}
	.infopage-wrap .visual-bg-area .visual-tit{padding-bottom:15px;font-size:20px}
	.infopage-wrap .visual-bg-area .visual-txt{margin-top:10px}
	.infopage-wrap .visual-btm-txt{margin:15px 15px -5px}
	.infopage-wrap .nowrap-txt{display:inline;white-space:nowrap}
	.infopage-wrap .p-block{display:inline-block}
	.infopage-wrap .info-wrap{padding:30px 15px 0;margin-top:20px;border-top:1px solid #eaeaea}
	.infopage-wrap .info-wrap:first-child{margin-top:0;border-top:none}
	.infopage-wrap .info-wrap.type02{padding-top:30px;margin-top:20px;border-top:10px solid #eff3f6}
	.infopage-wrap .info-wrap.type03{margin-top:0;border-top:none}
	.infopage-wrap .step-list{margin-top:-40px}
	.infopage-wrap .step-list li{float:none;width:100%;margin:40px 0 0}
	.infopage-wrap .step-list li:after{right:auto;top:auto;left:50%;bottom:-25px;width:16px;height:9px;margin:0 0 0 -8px;background-position:0 -50px;background-size:50px auto}
	.infopage-wrap .step-list li:nth-child(3n):after{display:block}
	.infopage-wrap .step-list li .txt{height:auto !important;padding:15px 0 !important}
	.infopage-wrap .payment-area{height:auto}
	.infopage-wrap .payment-area .object{display:block;padding:25px 15px 30px} 
	.infopage-wrap .payment-area .object:before{display:none}
	.infopage-wrap .payment-area .object .b-txt{position:relative;padding-left:82px;line-height:32px}
	.infopage-wrap .payment-area .object .b-txt:before{content:'';display:block;clear:both;position:absolute;left:0;top:50%;margin-top:-28px;width:62px;height:55px;background:url("/rpan/common/images/bg_popinfo_payment.png") no-repeat 0 0;background-size:75px auto;vertical-align:middle}
	.infopage-wrap .payment-area .object .s-txt{margin-top:24px;color:#fff}
	.infopage-wrap .payment-area .price{display:block;width:100%;padding:30px 15px 15px}
	.infopage-wrap .payment-area .price .payment-btn{width:100%;margin-top:20px}
	.infopage-wrap .program-down{padding-top:15px}
	.infopage-wrap .program-down .btn-down{display:block;margin:10px auto 0}
	.infopage-wrap .info-wrap .ico-list{margin:0 -15px}
	.infopage-wrap .ico-list li{padding:20px 15px 16px}
	.infopage-wrap .ico-list li:before{position:static;margin:0 auto}
	.infopage-wrap .ico-list.list01 li:before{ background-size:100px auto}
	.infopage-wrap .ico-list.list01 li:nth-child(1):before{background-position:0 0}
	.infopage-wrap .ico-list.list01 li:nth-child(2):before{background-position:0 -100px}
	.infopage-wrap .ico-list.list01 li:nth-child(3):before{background-position:0 -200px}
	.infopage-wrap .ico-list.list01 li:nth-child(4):before{background-position:0 -300px}
	.infopage-wrap .ico-list.list01 li:nth-child(5):before{background-position:0 -400px}
	.infopage-wrap .ico-list.list01 li:nth-child(6):before{background-position:0 -500px}

	.infopage-wrap .ico-list li strong{margin-top:20px;font-weight:normal}
	.infopage-wrap .ico-list.list02 li:before{  background-size:100px auto}
	.infopage-wrap .ico-list.list02 li:nth-child(1):before{background-position:0 0}
	.infopage-wrap .ico-list.list02 li:nth-child(2):before{background-position:0 -100px}
	.infopage-wrap .ico-list.list02 li:nth-child(3):before{background-position:0 -200px} 

	.infopage-wrap .tab-wrap{margin:0 -15px;padding:35px 0 0;border-bottom:10px solid #eff3f6}
	.infopage-wrap .tab-list{padding-top:120px}
	.infopage-wrap .tab-list .tab{border-right:none}
	.infopage-wrap .tab-list li.active .tab:after{bottom:-30px}
	.infopage-wrap .tab-list li.active .cont{padding:20px 15px 25px}
	.infopage-wrap .tab-list .cont .tit{display:block;width:100%}
	.infopage-wrap .tab-list .cont .tit strong{display:inline-block;font-weight:normal}
	.infopage-wrap .tab-list .cont .txt{display:block;margin-top:5px}
	.infopage-wrap .img-list{position:relative;padding:30px 10px}
	.infopage-wrap .img-list .big-img-btn{display:block;position:absolute;right:0;bottom:0;width:30px;height:30px;background:url("/rpan/common/images/big_img_btn.png") no-repeat 0 0;background-size:cover;text-indent:-9999em}
	.infopage-wrap .info-area{margin-top:30px} 
	.infopage-wrap .info-area.type02{margin:20px -15px 0;padding:20px 15px 0;border-top:1px solid #eaeaea} 
	.infopage-wrap .step-list02 li:after{width:30px;left:30px;background-position:0 -50px;;background-size:50px auto}
	.infopage-wrap .step-list02 .tit{display:block;width:100%;padding:17px 20px 13px}
	.infopage-wrap .step-list02 .tit .step-num{display:inline-block;margin-bottom:0;vertical-align:top}
	.infopage-wrap .step-list02 .txt{display:block}
	.infopage-wrap .img-list.type02{padding:50px 10px;border:1px solid #eaeaea}
	.infopage-wrap .info-area .guide-text03{margin-top:20px}
	.infopage-wrap .box-list li{float:none;width:auto;margin:0 4px}
	.infopage-wrap .box-list li:nth-child(even){border-left:none;border-top:1px dashed #eaeaea}
	.infopage-wrap .box-list li:before{margin-bottom:8px}
	.infopage-wrap .pos-right-txt{right:15px}
	.infopage-wrap .faq-list .table-col th:nth-child(2){width:auto} 

	/* 해선불패 */
	.winner-box{margin:0;padding-bottom:20px}
	.winner-box h3{}
	.winner-box .txt{padding:20px 20px;font-size:16px;color:#fff;text-align:center}
	.winner-box .inner{margin:15px;padding:15px}
	.winner-box .inner dl{display:block;width:100%;border:1px solid #eaeaea}
	.winner-box .inner dl+dl{margin-top:10px}
	.winner-box .inner dl dt{display:block;width:auto;min-height:30px;height:auto;padding:5px 0;font-size:14px;text-align:center;vertical-align:middle;border-right:none;border-bottom:1px solid #eaeaea;background:#f9f9f9}
	.winner-box .inner dl dt+dd{display:block;width:auto;min-height:20px;height:auto;margin:0 30px 0 30px;padding:10px 0 5px 0;font-size:13px;color:#495e84;text-align:center;vertical-align:middle;background-image:none;border-right:none;border-bottom:1px solid #eaeaea}
	.winner-box .inner dl dd:last-child{display:block;width:100%;padding:15px;font-size:13px;vertical-align:middle;text-align:center}
	.winner-box .guide{padding:2px 0 0 0;line-height:16px;font-size:12px;color:#888}
	.winner-box .line-box{padding:10px;line-height:16px;font-size:12px;color:#888;border:1px solid #eaeaea}
	.winner-box .inner dl.bold dt,.winner-box .inner dl.bold dt+dd{font-size:16px;font-weight:bold}
	.kyobo_join{display:block;width:100%;margin-top:-20px}
	.kyobo_join img{display:block;max-width:100%;width:100%;margin:0 auto}

}
@media only screen and (max-width:650px){
	/*해외선물방송*/
	.pop-top-banner .pos-img{ right:-35px}
}


/* *************** 커뮤니티 *************** */  
/* 종목검색 팝업 */ 
.pop-cont .pcorec-pop > p{padding-bottom:10px}
.pop-cont .pcorec-pop > p .input-style{width:100%}
.pop-cont .pcorec-pop .pcorec-scroll{clear:both;border:#cccccc 1px solid}
.pop-cont .pcorec-pop .pcorec-scroll ul{overflow-y:scroll;width:100%;height:265px}
.pop-cont .pcorec-pop .pcorec-scroll ul li{line-height:1.5;color:#000}
.pop-cont .pcorec-pop .pcorec-scroll ul li button{color:#000;display:block;padding:8px 10px;width:100%;text-align:left;font-size:14px;line-height:1.5;	}
.pop-cont .pcorec-pop .pcorec-scroll ul li button:hover,
.pop-cont .pcorec-pop .pcorec-scroll ul li button:focus{color:#000;background-color:#f9f9f9}
.pop-cont .pcorec-pop .pcorec-scroll ul li button.on{background-color:#f9f9f9;color:#ff545b}
.pop-cont .pcorec-pop .pcorec-scroll02 > span select{ width:100%} 
.pop-cont .pcorec-pop .pcorec-scroll02 > select{margin-top:10px;height:345px;width:100%}  
/* Up&Down */
.und-area{margin-top:-10px} 
.upndown-date{position:absolute;top:28px;right:30px}
.upndown-date span{font-size:13px;color:#888;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -108px;background-size:40px 400px;padding-left:20px;height:20px;line-height:20px;display:inline-block}
.und-gauge .red{color:#ff545b}
.und-gauge .blue{color:#1ea3fe;	}
.und-gauge{border:#eaeaea 1px solid;position:relative;margin-bottom:30px}
.und-gauge span.hot{position:absolute;top:0;left:0;width:50px;height:50px;background:url("/rpan/common/images/hot.png") no-repeat 0 0;background-size:47px 47px;text-indent:-9999em}
.und-gauge .box{padding:20px 0 30px 0}
.und-gauge .box dl{text-align:center}
.und-gauge .box dt{font-size:24px;padding-bottom:10px}
.und-gauge .box dt h1{font-size:24px;font-weight:normal}
.und-gauge .box dd{padding-bottom:10px}
.und-gauge .box dd p{display:inline-block}
.und-gauge .box dd .total{font-weight:bold;background:url("/rpan/common/images/ico_sub4.png") no-repeat 0 -475px;padding-left:18px}
.und-gauge .box dd .up{margin-left:12px;color:#888}
.und-gauge .box dd .up::before{content:"";width:10px;height:10px;display:inline-block;background-color:#f96268;margin-right:5px;border-radius:50%;vertical-align:middle}
.und-gauge .box dd .down{margin-left:12px;color:#888}
.und-gauge .box dd .down::before{content:"";width:10px;height:10px;display:inline-block;background-color:#1ea3fe;margin-right:5px;border-radius:50%;vertical-align:middle}
.und-gauge .gauge{text-align:center}
.und-gauge .gauge strong.up{color:#ff545b;vertical-align:middle;width:45px;display:inline-block;text-align:center}
.und-gauge .gauge strong.down{color:#1ea3fe;vertical-align:middle;width:45px;display:inline-block;text-align:center}
.und-gauge .gauge > p{display:inline-block;height:16px;width:60%;margin:0 10px;vertical-align:middle;position:relative}
.und-gauge .gauge > p .up-gauge{float:left;display:inline-block;height:16px;border-right:#fff 1px solid;background-color:#f96369;text-indent:-9999em;position:absolute;top:0;left:0;z-index:1;box-sizing:border-box}
.und-gauge .gauge > p .down-gauge{float:right;display:inline-block;height:16px;background-color:#3dadfa;text-indent:-9999em;position:absolute;top:0;right:0;z-index:1;box-sizing:border-box}
.und-gauge .box span.part{position:absolute;top:30px;right:30px}
.und-gauge .text{border-top:#eaeaea 1px solid;height:45px;line-height:45px;text-align:center}
.und-gauge .text p{display:inline-block;color:#888;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:15px;margin-right:10px}
.und-gauge .text p:last-child{background:none;padding-right:0;margin-right:0}
.und-gauge .text p.yesterday mark{display:inline-block;color:#000;padding-left:7px}
.und-gauge .text p.stock mark{display:inline-block;color:#000;margin-left:7px}
.und-gauge .text p.stock .up-stock{padding-left:13px;background:url("/rpan/common/images/ico_rise.png") no-repeat 0 50%;background-size:8px 6px}
.und-gauge .text p.stock .down-stock{padding-left:13px;background:url("/rpan/common/images/ico_fall.png") no-repeat 0 50%;background-size:8px 6px}
.und-gauge .button-box{background-color:#f9f9f9;overflow:hidden}
.und-gauge .button-box > p button{display:block;width:100%;height:47px;line-height:47px}
.und-gauge .button-box > p button span{height:20px;line-height:18px;display:inline-block;color:#888888;padding-right:24px;background:url("/rpan/common/images/ico_toggle_gray.png") no-repeat right -30px}
.und-gauge .button-box > p button span.on{background:url("/rpan/common/images/ico_toggle_gray.png") no-repeat right 0}
.und-gauge .button-box .und-stock-list{background-color:#fff;border:#eaeaea 1px solid;margin:0 30px 30px;display:none}
.und-gauge .button-box .und-stock-list li{border-bottom:#eaeaea 1px solid;height:43px;line-height:43px;padding:0 15px;position:relative}
.und-gauge .button-box .und-stock-list li:last-child{border-bottom:none}
.und-gauge .button-box .und-stock-list li p{position:absolute;top:50%;right:15px;margin-top:-11px}
.und-gauge .button-box .und-stock-list li p span{width:100px;text-align:right;display:inline-block}
.und-gauge .button-box .und-stock-list a{font-weight:normal;color:#000}
.comment-cont+.und-list{margin-top:30px} 
.und-list .more-view{display:block;width:100%;height:50px;line-height:50px;margin-top:-29px;font-size:14px}
.und-list .more-view:focus{outline:#999 1px dotted}
.und-list .more-view span{height:20px;line-height:18px;display:inline-block;color:#a7743b}  
.und-list .more-view span:after{content:'';display:inline-block;clear:both;width:12px;height:7px;margin-left:5px;background:url("/rpan/common/images/ico_toggle_brown.png") no-repeat 0 0;background-size:15px auto}
 
/* Up&Down 상세 */
.und-area .und-gauge+h2{clear:both;font-size:20px;font-weight:normal;margin:36px 0 16px;background:url("/rpan/common/images/ico_sub4.png") no-repeat 0 -75px;background-size:40px 400px;padding-left:24px;line-height:1.4}
.und-area .stock-chat{border:#eaeaea 1px solid;clear:both}
.und-area .stock-chat .chat-area{background-color:#f9f9f9;max-height:598px;overflow-y:scroll;padding:25px 15px}
.chat-area .talk-box{width:100%;overflow:hidden}
.chat-area .talk-box .talk{word-break:break-all}
.chat-area [class*="say"]{border-bottom:#ececec 1px solid;border-radius:10px;background-color:#fff;padding:15px;max-width:395px;text-align:left;position:relative;margin-bottom:15px}
.chat-area [class*="say"]::before{content:"";display:inline-block;width:11px;height:13px;background:url("/rpan/common/images/chat_bg.png") no-repeat 0 0;background-size:12px 100px;position:absolute;top:20px;z-index:1}
.chat-area .say-others{margin-left:11px;float:left;min-width:300px}
.chat-area .say-others::before{left:-11px}
.chat-area .say-me{margin-right:11px;float:right;min-width:300px}
.chat-area .say-me::before{background-position:0 -25px;right:-11px}
.chat-area .say-me.on{background-color:#1ea3fe;color:#fff;border-right:#1ea3fe 1px solid}
.chat-area .say-me.on::before{background-position:0 -50px}
.chat-area .say-me.on .info span{color:#fff}
.chat-area .say-me.on .info span a{color:#fff} 
.chat-area .say-others.on{background-color:#ff545b;color:#fff}
.chat-area .say-others.on::before{background-position:0 -75px}
.chat-area .say-others.on .info span{color:#fff}
.chat-area .say-others.on .info span a{color:#fff} 
.chat-area .info{padding-top:5px}
.chat-area .info .time{height:15px;font-size:13px;color:#888;vertical-align:middle}
.chat-area .info span a{font-size:13px;color:#888;vertical-align:middle}
.chat-area .info span{background:url("../images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px}
.chat-area .info span:last-child{background:none;padding-right:0;margin-right:0}
.chat-area .drop{background:none !important;padding-right:0 !important}
.chat-area .drop mark{display:inline-block;width:44px;height:15px;background:url("/rpan/common/images/label/chat_drop.png") no-repeat 0 0;background-size:44px 15px;text-indent:-9999em;vertical-align:middle}
.chat-area .climb{background:none !important;padding-right:0 !important}
.chat-area .climb mark{display:inline-block;width:44px;height:15px;background:url("/rpan/common/images/label/chat_climb.png") no-repeat 0 0;background-size:44px 15px;text-indent:-9999em;vertical-align:middle}
.chat-write{border:#eaeaea 1px solid;margin-top:-1px}
.chat-write .climb-drop{padding:17px 20px;overflow:hidden} 
.chat-write .climb-drop label{display:block;width:88px;float:left;height:20px;font-size:16px;background:url("/rpan/common/images/ico_sub4.png") no-repeat 0 -142px;background-size:40px 400px;padding-left:25px;color:#888;font-weight:bold;line-height:20px;position:relative;margin-right:15px}
.upndown-date+.und-area+fieldset .chat-write .climb-drop label{width:88px}
.chat-write .climb-drop input[type="radio"]:not(old):checked+label.climb-ico{background:url("/rpan/common/images/ico_sub4.png") no-repeat 0 -109px;background-size:40px 400px;color:#ff545b}
.chat-write .climb-drop input[type="radio"]:not(old):checked+label.drop-ico{background:url("/rpan/common/images/ico_sub4.png") no-repeat 0 -175px;background-size:40px 400px;color:#1ea3fe}
.chat-write .climb-drop label:after{content:"";width:11px;height:15px;position:absolute;right:0;top:3px;z-index:3;background:url("/rpan/common/images/ico_sub4.png") no-repeat -29px -212px;background-size:40px 400px}
.chat-write .climb-drop label.climb-ico:after{-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);transform:rotate(180deg)}
.chat-write .climb-drop input[type="radio"]:not(old):checked+label.climb-ico:after{background-position:0 -212px;-ms-transform:rotate(0);-webkit-transform:rotate(0);transform:rotate(0)}
.chat-write .climb-drop input[type="radio"]:not(old):checked+label.drop-ico:after{background-position:-14px -212px}
.chat-write textarea{border:none;border-top:#f5f5f5 1px solid;border-bottom:#f5f5f5 1px solid}
.chat-write .button-byte{height:38px;line-height:38px;padding:0 20px;position:relative}
.chat-write .button-byte span{color:#888;font-size:13px}
.chat-write .button-byte button.btn-s{position:absolute;top:50%;right:5px;margin-top:-14px} 
.und-list-button{margin:40px -30px 30px;border-top:1px solid #eaeaea;padding:15px 30px 20px}
.und-list-button a{min-width:70px} 
/* 임시저장 글목록 팝업 */
.save-list li{position:relative;border-bottom:1px solid #eaeaea;padding:0 0 12px;margin-bottom:10px} 
.save-list p{line-height:150%;margin-bottom:5px;padding-right:25px}
.save-list span{font-size:13px;color:#888}
.save-list button{position:absolute;right:0;top:50%;margin-top:-15px;width:30px;height:30px;text-indent:-999px;background:url("/rpan/common/images/ico_delete.png") no-repeat 50% 0;background-size:30px 200px;overflow:hidden} 
/* 투표 팝업 */
.poll-pop [class*="input-style"]{width:100%} 
.poll-pop .input-style+.tit-h2{margin-top:23px}
.poll-pop .subj-w li{position:relative;margin-bottom:8px}
.poll-pop .subj-w li p{margin-right:32px}
.poll-pop .subj-w li .list-del{position:absolute;right:0;top:0;width:28px;height:28px;border:1px solid #ccc;vertical-align:middle;text-indent:-100px;overflow:hidden;background:url("/rpan/common/images/ico_delete.png") no-repeat 50% -31px;background-size:30px 200px}
.poll-pop .bt-add{padding:10px 0 28px;margin-bottom:15px;border-bottom:1px solid #eaeaea;text-align:center}
.poll-pop .bt-add button{background:url("/rpan/common/images/ico_delete.png") no-repeat 0 -65px;height:19px;line-height:19px;padding-left:28px;color:#a7753a;background-size:30px 200px}
.poll-pop .choice-w{min-height:88px;border-bottom:1px solid #eaeaea}
.poll-pop .choice-w p{float:left;width:49%;padding:0 0 20px}
.poll-pop .choice-w p label{display:block;margin-bottom:10px}
.poll-pop .choice-w p+p{float:right}
.poll-pop .choice-w p .select-style,.choice-w p [class*="input-style"]{min-width:100%}
.poll-pop .choice-w p .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%} 
/* 게시글 등록 제한 안내 팝업 */
.popup-wrap .one-min-pop{margin:40px auto}
.popup-wrap .one-min-pop .big-text span.block{display:block} 
.popup-wrap .one-min-pop .big-text:after{background:url("/rpan/common/images/icon_message02.png") no-repeat -480px 0} 
/* 여의주 선물하기 팝업 Layer */ 
.pop-ball > dl{padding-bottom:15px}
.pop-ball > dl dt{font-size:16px;padding-bottom:10px;font-weight:bold}
.pop-ball > dl dd{color:#666;line-height:1.4}
.pop-ball > dl dd span{display:block}
.pop-ball > dl dd mark{color:#ff545b}
.pop-ball .ball-count{overflow:hidden;margin-bottom:30px}
.pop-ball .ball-count li:first-child{width:47%;float:left;display:table}
.pop-ball .ball-count li:last-child{width:53%;float:left;display:table}
.pop-ball .ball-count li > p{display:table-cell;width:91px;height:91px;position:relative;text-align:center }
.pop-ball .ball-count li > p:after{content:"";position:absolute;top:0;left:0;width:91px;height:91px;background:#fafafa;border-radius:100%;z-index:1  }
.pop-ball .ball-count li > p > img{position:relative;vertical-align:middle;z-index:2;border-radius:50%}
.pop-ball .ball-count li:nth-of-type(2) > p > img{margin-top:5px;width:91px;height:91px}
.pop-ball .ball-count li > p span{position:absolute;bottom:0;left:0;z-index:3 }
.pop-ball .ball-count li > div{display:table-cell;vertical-align:middle;padding-left:10px}
.pop-ball .ball-count li > div strong{display:block;padding-bottom:10px;font-size:16px;word-spacing:-3px}
.pop-ball .ball-count li > div span{font-size:16px}
.pop-ball .ball-count li > div span.number{font-weight:bold}
.pop-ball .ball-radio{clear:both;margin-bottom:20px}
.pop-ball .ball-radio > div{border-top:#eaeaea 1px solid;border-bottom:#eaeaea 1px solid;padding:10px 0;line-height:1.6;margin-bottom:10px}
.pop-ball .ball-radio > div input[type="text"]{width:50px}
.pop-ball .ball-radio > div label{margin-right:10px;margin-top:6px}
.pop-ball .ball-radio > div label.self{margin:6px 5px 0 0}
.pop-ball .ball-radio .ball-text{font-size:13px;color:#888}
.pop-ball .ball-radio .ball-text span{font-size:13px;color:#ff545b}
/* 인쇄하기 팝업 */
.pop-print{padding:0;position:relative}
.pop-print dt{font-weight:bold;color:#000;font-size:16px;padding-bottom:15px;border-bottom:#eaeaea 1px solid;margin-bottom:10px}
.pop-print dd.cont{line-height:1.5;color:#666666;padding:20px 0 30px 0;border-bottom:#eaeaea 1px solid} 
.pop-print .comment-inclusion{position:absolute;top:20px;right:20px} 
.pop-print .focus{font-size:16px;color:#a7753a;font-weight:bold}  
.pop-print+.pop-btn{padding-bottom:80px}
/* report-view popup 삽입 */
.pop-print .report-view{padding:0}
.pop-print .report-view .report-view-tit h1{padding-right:0}
.pop-print .report-view .button-box{display:none}
.pop-print .report-view .report-view-file{display:none}
.pop-print .report-view .report-view-cont{padding:25px 0}
.pop-print .report-view .report-view-advertising{display:none}
.pop-print .report-view .sns-area.board-sns{display:none}
.pop-print .report-view .writer .date{background:none}
.pop-print .report-view .writer .comment{display:none !important}
/* board-view popup 삽입 */
.pop-print .board-view{padding:0}
.pop-print .board-view .board-view-tit h1{padding-right:0}
.pop-print .board-view .share-more{display:none}
.pop-print .board-view .button-box{display:none}
.pop-print .board-view .board-view-file{display:none}
.pop-print .board-view .board-view-cont{padding:25px 0}
.pop-print .board-view .board-view-cont .img img{margin:0}
.pop-print .board-view .none-print{display:none}
.pop-print .board-view .board-poll-wrap .poll-btn{display:none}
.pop-print .board-view .sns-area.board-sns{display:none}
.pop-print .board-view .writer .viewer{display:none !important}

@media only screen and (max-width:979px){ 
	/* Up&Down */
	.und-area{margin-top:0} 
	.upndown-date{text-align:right;position:static;padding:0 15px 15px;border-bottom:#eaeaea 1px solid}
	.und-gauge{border:none;border-bottom:#eff3f6 10px solid;margin-bottom:0}
	.und-gauge:last-child{border-bottom:none}
	.und-gauge .box{padding:30px 0 20px}
	.und-gauge .box dt{font-size:20px}
	.und-gauge .box dt h1{display:block}
	.und-gauge .box dd .total{background:url("/rpan/common/images/ico_sub4.png") no-repeat 0 -252px;background-size:40px 400px}
	.und-gauge .box span.part{position:static;display:block;text-align:center;padding-top:15px} 
	.und-gauge .gauge > p{width:60%}
	.und-gauge .text{height:auto;padding:15px;overflow:hidden}
	.und-gauge .text p{display:block;position:relative;text-align:left;line-height:2;background:none;margin-right:0;padding-right:0}
	.und-gauge .text p span{position:absolute;top:0;right:0}
	.und-gauge .button-box{border-top:#eaeaea 1px solid;border-bottom:#eaeaea 1px solid}
	.und-gauge .button-box .und-stock-list{margin:0 15px 30px}
	.und-gauge .button-box .und-stock-list li{height:auto;line-height:1.6;padding:10px 15px}
	.und-gauge .button-box .und-stock-list li a{line-height:1.6}
	.und-gauge .button-box .und-stock-list li p{position:static;margin-top:5px}
	.und-gauge .button-box .und-stock-list li p span{width:auto;text-align:left;padding-right:10px}
	.und-gauge .button-box .und-stock-list li p span:first-child{width:33.33%}
	.comment-cont+.und-list{margin-top:-20px;margin-bottom:20px;border:0}
	.und-list .more-view{margin-top:0} 
	.und-area .und-gauge+h2{font-size:17px;margin:36px 15px 16px}
	.und-area .stock-chat{border:none;border-top:#eaeaea 1px solid;border-bottom:#eaeaea 1px solid}
	.und-area .stock-chat .chat-area{max-height:350px}
	.chat-area [class*="say"]{max-width:395px} 
	.chat-write{margin:20px 15px;border:#eaeaea 1px solid} 
	.und-list-button{margin:0 0 30px;padding:15px 15px 20px}
	/* 임시저장 글목록 팝업 */
	.save-list li{padding-right:15px;padding-left:15px} 
	.save-list li p{padding-right:30px} 
	.save-list li button{right:15px}  
	/* 투표 팝업 */
	.poll-pop .subj-w li .list-del{height:36px;line-height:36px;background-position:0 -27px}    
	/* 여의주 선물하기 팝업 Layer */
	.pop-ball > dl{/*padding:20px 15px;*/}
	.pop-ball > dl dd{color:#000}
	.pop-ball > dl dd span{display:inline}
	.pop-ball .ball-count{padding:0 15px 20px;display:block;border-bottom:#eaeaea 1px solid}
	.pop-ball .ball-count li > p{display:block;margin:0 auto;margin-bottom:10px} 
	.pop-ball .ball-count li > div{display:block;text-align:center;padding:0} 
	.pop-ball .ball-radio p.tit-h2{padding-left:15px}
	.pop-ball .ball-radio > div{padding:10px 15px}
	.pop-ball .ball-radio > div label{margin-right:10px;margin-top:10px}
	.pop-ball .ball-radio > div label.self{margin:10px 5px 0 0}
	.pop-ball .ball-radio .ball-text{padding:0 15px}
	/* 인쇄하기 팝업 */
	.pop-print{padding:20px 20px 0 20px}
}
@media only screen and (max-width:459px){
	/* 게시글 등록 제한 안내 팝업 */
	.popup-wrap .one-min-pop p i{display:block}
	.popup-wrap .one-min-pop p b{display:block} 
	/* 여의주 선물하기 팝업 Layer */
	.pop-ball .ball-radio > div span{display:block;padding-top:10px}
}  
 
 
/* *************** 커뮤니티- 3프로 , 모두의게시판 *************** */
/* 3프로란 */
.why-3pro{background:url("/rpan/common/images/pcothrwha_visual.png") no-repeat center 0;min-height:470px;background-size:cover;color:#fff;margin:-20px -30px 0;padding:20px 30px 0;text-align:center}
.why-3pro .tit-h1{color:#fff;border-bottom:none;text-align:left;margin-bottom:0;padding-bottom:10px}
.why-3pro .free-season{font-size:24px;font-weight:bold;padding-bottom:15px}
.why-3pro dt{background:url("/rpan/common/images/pcothrwha_text.png") no-repeat center 0;width:311px;height:186px;margin:0 auto 20px;text-indent:-9999em}
.why-3pro dd{font-size:20px;padding-bottom:24px;line-height:140%}
.why-3pro dd span{display:block}
.why-3pro .button{}
.why-3pro .button a{line-height:44px;width:150px;background-color:#fff;font-size:16px;color:#000;display:inline-block}
.why-text{padding:0 0 40px;line-height:1.6}
.why-text h2{font-size:20px;padding:40px 0 10px}
.why-text .text{padding-bottom:10px}
.why-text .border-line{border:#eaeaea 1px solid;padding:20px 18px}
.why-text .border-line li{background:url("/rpan/common/images/bul_dot.png") no-repeat 0 10px;padding-left:7px}
.why-text .border-line li strong{font-weight:normal;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:7px}
.why-text .border-line li span{color:#ff545b}
.why-text .border-line li mark{color:#888}
.why-text .standard-area{border-top:#000 1px solid}
.why-text .standard-area dl{padding:30px 0 30px 118px;border-bottom:#eaeaea 1px solid;position:relative}
.why-text .standard-area dl::before{content:"";background:url("/rpan/common/images/pcothrwha_ico.png") no-repeat 0 0;background-size:60px 400px;width:60px;height:60px;position:absolute;top:50%;left:30px;margin-top:-30px}
.why-text .standard-area dl dt{font-size:16px;padding-bottom:10px;font-weight:normal}
.why-text .standard-area dl dt span{color:#ff545b}
.why-text .standard-area dl dd ul{overflow:hidden}
.why-text .standard-area dl dd li{width:40%;float:left;background:url("/rpan/common/images/bul_dot.png") no-repeat 0 10px;padding-left:7px}
.why-text .standard-area dl.std01::before{background-position:0 -160px}
.why-text .standard-area dl.std02::before{background-position:0 -80px}
.why-text .standard-area dl.std03::before{background-position:0 0px}
.why-text .tip-area{}
.why-text .tip-area ul{overflow:hidden;text-align:center}
.why-text .tip-area li{width:33.33%;float:left}
.why-text .tip-area li:nth-child(1){padding-right:6px}
.why-text .tip-area li:nth-child(2){padding:0 4px}
.why-text .tip-area li:nth-child(3){padding-left:6px}
.why-text .tip-area li div{border:#eaeaea 1px solid;padding:20px 10px;height:186px}
.why-text .tip-area li div strong{display:block;background-color:#f9f9f9;color:#ff545b;line-height:40px;margin:0 10px 29px}
.why-text .tip-area li:nth-child(3) div strong{margin-bottom:15px}
.why-text .tip-area li div p span{display:block}

/* 프로종목 순위리스트 */
.table-col .pcothrite100-m{display:none}
.table-col .pcothrite100-pc{display:table-row}
.pro-table-top{position:relative}
.pro-table-top .select-style+.select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){min-width:84px}
.tit-h2 .pro-s-data{font-size:13px;color:#888;font-weight:normal}
.pro-table-top .right{position:absolute;right:0;bottom:0}
.pro-table-top .threepro-sel01+span{width:240px}
.pro-table-top .threepro-sel02+span{width:110px}
.table-no-scroll{width:100%;border-top:#888 1px solid}
.table-no-scroll .wid-sy01{width:270px}
.pro-table-wrap .table-col td{height:46px;padding:0 5px}
.pro-table-wrap .table-col td .pro-tit{position:relative;padding-right:50px}
.pro-table-wrap .table-col td .pro-tit .tit{display:inline-block;max-width:100%;font-size:16px;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;overflow:hidden}
.pro-table-wrap .table-col td .pro-tit button{position:absolute;right:5px;top:50%;width:29px;height:29px;margin-top:-15px;border:1px solid #ccc;background:url("/rpan/common/images/ico_fill_btn.png") no-repeat 50%;text-indent:-9999em}
.pro-table-wrap .table-col td .persons{font-weight:bold}
.pro-table-wrap .table-col [class*="pro-ico"]{display:inline-block;width:36px;height:36px;text-indent:-9999em;background:url("/rpan/common/images/ico_pro_list.png") no-repeat 0 0;background-size:50px 150px}
.pro-table-wrap .table-col .pro-ico-lose{background-position:0 -50px}
.pro-table-wrap .table-col .pro-ico-cut{background-position:0 -100px}
/* 선택종목 리스트 */
.line-sy-list{position:relative;overflow:hidden;border-top:1px solid #444}
.line-sy-list:before{content:'';display:block;clear:both;position:absolute;left:0;bottom:0;width:100%;height:1px;background:#eaeaea}
.line-sy-list:after{content:'';display:block;clear:both;position:absolute;left:50%;top:0;width:1px;height:100%;background:#eaeaea}
.line-sy-list li{float:left;display:table;width:50%;height:157px;padding:20px 20px 25px;border-bottom:1px solid #eaeaea;table-layout:fixed}
.line-sy-list li .tit{font-size:20px;color:#000}
.line-sy-list li .tit:hover , .line-sy-list li .tit:focus{margin-bottom:-1px;border-bottom:1px solid #000}
.line-sy-list li .time{padding-left:20px;font-size:13px;color:#888;line-height:15px;background:url("/rpan/common/images/ico_time.png") no-repeat 0 0;background-size:15px 15px}
.line-sy-list li .txt-wrap{display:table-cell;padding-right:20px;vertical-align:middle}
.line-sy-list li .txt-wrap .tit{display:inline-block;max-width:100%;margin-top:12px;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.line-sy-list li .txt-wrap .sub-txt{margin-top:2px}
.line-sy-list li .txt-wrap .time{margin-top:15px}
.line-sy-list li .graph-wrap{display:table-cell;width:132px;vertical-align:middle;border-bottom:1px solid #eaeaea}
.line-sy-list li .graph-wrap img{width:100%}
.line-sy-list .my-choice{position:relative;width:100%;height:auto;padding:15px 90px 16px 20px;background:#f9f9f9;z-index:2}
.line-sy-list .my-choice .object{margin-top:2px}
.line-sy-list .my-choice .object .tit{margin-right:10px;line-height:26px}
.line-sy-list .my-choice .modify-btn{position:absolute;right:20px;top:50%;margin-top:-14px} 
/* 성공종목 리스트 */
.box-sy-list{margin-top:-10px;overflow:hidden}
.box-sy-list li{float:left;width:49.5%;margin-top:10px;border:1px solid #eaeaea}
.box-sy-list li:nth-child(odd){margin-right:1%}
.box-sy-list .tit-wrap{position:relative;padding:27px 90px 26px 20px}
.box-sy-list .tit-wrap .tit{display:inline-block;max-width:100%;font-size:20px;color:#000;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-bottom:1px}
.box-sy-list .tit-wrap .tit .normal-txt{font-weight:normal}
.box-sy-list .tit-wrap .victory{margin-top:13px;line-height:15px}
.box-sy-list .selecter{display:block;position:absolute;right:20px;top:50%;margin-top:-30px;width:60px;height:60px;padding-top:36px;color:#ff545b;text-align:center;font-weight:bold;background:url("/rpan/common/images/ico_persons.png") no-repeat 0 0;background-size:cover;box-sizing:border-box}
.box-sy-list .gray-box{padding:14px 20px;color:#888;background:#f9f9f9;overflow:hidden}
.box-sy-list .gray-box .left{float:left}
.box-sy-list .gray-box .right{float:right}
.box-sy-list .gray-box p{display:inline-block;font-size:13px;line-height:15px}
.box-sy-list .gray-box .time{padding-left:20px;background:url("/rpan/common/images/ico_time.png") no-repeat 0 0;background-size:15px 15px}
.box-sy-list .gray-box .right p{margin-right:5px;padding-right:10px;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%}
.box-sy-list .gray-box .right p:last-child{margin:0;padding:0;background:none}
.box-sy-list .gray-box .h-price .up{display:inline-block;width:8px;height:6px;padding-left:13px;background:url("/rpan/common/images/ico_updown.png") no-repeat center 0;text-indent:-9999em;vertical-align:middle}
/* 선택회원 팝업 */
.pop-layer .popup-wrap .pop-cont.auto-hei .cont-scroll{height:auto;max-height:527px}
.selecter-member-list{margin-top:-10px;overflow:hidden}
.selecter-member-list li{float:left;width:32.5%;margin:10px 1.2% 0 0}
.selecter-member-list li:nth-child(3n){margin-right:0}
.selecter-member-list li a{display:block;height:159px;padding:20px 0 14px;border:1px solid #eaeaea;box-sizing:border-box}
.selecter-member-list li a .pro-badge{display:block;margin:0 auto}
.selecter-member-list li a .name{margin-top:13px;font-size:16px;color:#000;text-align:center;line-height:120%} 
.selecter-member-list li a:hover , .selecter-member-list li a:focus{border-color:#ff545b}
.selecter-member-list li a:hover .name , .selecter-member-list li a:focus .name{color:#ff545b} 
/* 성공회원 리스트 */
.box-sy-list.img-list .tit-wrap{display:table;width:100%;padding:20px;table-layout:fixed}
.box-sy-list.img-list .badge-wrap{display:table-cell;width:110px;padding-right:20px;vertical-align:middle}
.box-sy-list.img-list .cont{display:table-cell;vertical-align:middle}
.box-sy-list.img-list .victory{margin-top:6px}
.box-sy-list.img-list .victory .win{display:inline-block;margin-left:4px;padding-left:10px;background:url("/rpan/common/images/bg_line.png") no-repeat left 50%}
.box-sy-list.img-list .cont .obj{margin-top:10px;line-height:20px}
.box-sy-list.img-list .cont .obj a{color:#000}
/*랭킹*/
.search-area.top-type{margin-top:-10px}
.search-area.top-type select.sel-wid-01+span{min-width:230px}
.search-area.top-type .input-style.inp-wid-01{width:230px}
.pro-table-wrap02 .table-data th .sorting{color:#000}
.pro-table-wrap02 .table-data th .sorting [class*="sorting-"]{display:inline-block;width:8px;height:4px;background:url("/rpan/common/images/ico_th_sorting.png") no-repeat 0 0;background-size:8px auto;vertical-align:middle;text-indent:-9999em}
.pro-table-wrap02 .table-data th .sorting .sorting-down{background-position:0 -5px}
.pro-table-wrap02 .table-data tbody tr td{height:74px;font-size:14px;background:#fff;border-bottom:1px solid #eaeaea}
.pro-table-wrap02 .table-data td [class*="ranking-"]{display:inline-block;width:25px;height:28px;line-height:24px;background:url("/rpan/common/images/ico_bg_cafe.png") no-repeat 0 0;background-size:150px 100px;vertical-align:middle;color:#fff}
.pro-table-wrap02 .table-data td.tit-wrap a{display:table;max-width:100%}
.pro-table-wrap02 .table-data td .pro-badge{display:table-cell;width:51px;height:51px;padding-right:15px;vertical-align:middle}
.pro-table-wrap02 .table-data td .pro-badge > img{display:block;width:51px !important;height:51px !important}
.pro-table-wrap02 .table-data td .pro-badge i{width:19px;height:19px}
.pro-table-wrap02 .table-data td .member-name{display:table-cell;vertical-align:middle}
.pro-table-wrap02 .table-data td [class*="state-"]{display:inline-block;width:75px;padding:3px 0 4px;text-align:center}
.pro-table-wrap02 .table-data td .state-yes{border:1px solid #ff545b;color:#ff545b} 
.pro-table-wrap02 .table-data td .state-no{border:1px solid #444;color:#000} 
.pro-table-wrap02 .table-data td [class*="change-"]{display:inline-block;width:8px;height:10px;margin:-1px 1px 0 0;background:url("/rpan/common/images/ico_upper.png") no-repeat 0 50%;background-size:8px 10px;text-indent:-9999em;vertical-align:middle}
.pro-table-wrap02 .table-data td .change-down{background-image:url("/rpan/common/images/ico_low.png")}
.pro-table-wrap02 .table-data td span.red , .pro-table-wrap02 .table-data td span.blue{font-size:14px}
.pro-table-wrap02 .paging{margin-top:15px;padding-bottom:0}
/*등급*/
.pro-class-info-box .tit-wrap{margin-bottom:20px}
.pro-class-info-box .tit-wrap h2 , .pro-class-info-box .tit-wrap a{display:inline-block}
.pro-class-info-box .tit-wrap a{margin-left:5px}
.pro-class-info-box .medal-list{border:#eaeaea 1px solid;padding:30px;text-align:center}
.pro-class-info-box .medal-list ul{overflow:hidden}
.pro-class-info-box .medal-list li{width:20%;float:left;line-height:1.6}
.pro-class-info-box .medal-list .name{font-weight:bold;padding-top:200px}
.pro-class-info-box .medal-list .medal-b{background:url("/rpan/common/images/medal_b.png") no-repeat center 0;color:#6eb43d;padding-right:6px}
.pro-class-info-box .medal-list .medal-r{background:url("/rpan/common/images/medal_r.png") no-repeat center 0;color:#ac8650}
.pro-class-info-box .medal-list .medal-s{background:url("/rpan/common/images/medal_s.png") no-repeat center 0;color:#708fac}
.pro-class-info-box .medal-list .medal-p{background:url("/rpan/common/images/medal_p.png") no-repeat center 0;color:#f9a10d}
.pro-class-info-box .medal-list .medal-m{background:url("/rpan/common/images/medal_m.png") no-repeat center 0;color:#23c7e8}
.pro-class-info-box .medal-list span{display:block}
.pro-class-info-box .medal-list strong{display:block;color:#ff545b;font-weight:normal;font-size:16px}
.pro-up-member-box{margin:20px 0 40px;padding-top:20px;border:1px solid #eaeaea;clear:both}
.pro-up-member-box .tit-h2{padding:0 20px}
.pro-up-member-box .tit-h2 .s-txt{float:right;font-size:13px;color:#888;font-weight:normal}
.pro-up-member-box .up-member-list{margin:30px 5px;overflow:hidden}
.pro-up-member-box .up-member-list > li{display:table;width:33.33%;float:left;padding:0 15px;border-left:1px dashed #eaeaea}
.pro-up-member-box .up-member-list > li:first-child{border:none}
.pro-up-member-box .member-info{display:table-cell;padding-right:10px;vertical-align:middle}
.pro-up-member-box .member-info .badge-wrap{display:table-cell;width:51px;padding-right:10px;vertical-align:middle}
.pro-up-member-box .member-info .pro-badge{width:51px;height:51px}
.pro-up-member-box .member-info .pro-badge > img{width:51px !important;height:51px !important}
.pro-up-member-box .member-info .pro-badge i{width:19px;height:19px}
.pro-up-member-box .member-info .txt{display:table-cell;vertical-align:middle}
.pro-up-member-box .member-info .txt .tit{color:#000}
.pro-up-member-box .member-info .txt .data{padding-top:7px;font-size:13px;color:#888;line-height:18px}
.pro-up-member-box .member-info .txt .data .win{display:inline-block;margin-left:2px;padding-left:6px;background:url("/rpan/common/images/bg_line.png") no-repeat left 50%}
.pro-up-member-box .level{display:table-cell;width:40px;vertical-align:middle}
.pro-up-member-box .level img{width:100%}
.pro-up-member-box .dot-list02{padding:10px 20px;background:#f9f9f9}
.pro-table-wrap02 .table-data .level{display:inline-block;width:40px}
.pro-table-wrap02 .table-data .level img{display:block;width:100%}
.pro-table-wrap02 .board-search .input-style{width:260px}
/*명예의전당 */
.free-visual .winner-list .name a , .winner-list02 li .name a , .winner-list03 li .name a{color:#000}
.free-visual.winner-type{padding:0;background:url("/rpan/common/images/bg_visual_winner_02.png") no-repeat top right}
.free-visual.winner-type .tit-h1{margin-bottom:16px;padding:20px 0 0 30px}
.free-visual.winner-type .title{padding-bottom:0;font-weight:normal}
.free-visual.winner-type .title:before , .winner-wrap .title:before{content:'';display:inline-block;clear:both;width:32px;height:32px;padding:0 7px 5px 0;background:url("/rpan/common/images/ico_tit_winner.png") no-repeat 0 0;background-size:50px auto;vertical-align:middle}
.free-visual.winner-type .rolling{padding:20px 30px 0;margin:0 0 30px 0}
.free-visual.winner-type .rolling ul li{overflow:hidden}
.free-visual .winner-list{text-align:center}
.free-visual .winner-list .cont{min-height:260px}
.free-visual .winner-list .tit{position:relative;height:42px;padding:10px 0 0 15px;text-align:left}
.free-visual .winner-list .winner-pos-flag{display:block;width:40px;height:42px;position:absolute;right:0;top:0}
.free-visual .winner-list .winner-pos-flag .w-img{width:100%}
.free-visual .winner-list .winner-pos-flag .m-img{display:none}
.free-visual .winner-list .badge-wrap{margin-top:20px;height:91px}
.free-visual .winner-list .name{margin-top:20px;font-size:20px;line-height:22px}
.free-visual .winner-list .data{margin-top:3px;line-height:22px}
.free-visual .winner-list .data > span{display:inline-block;margin-left:3px;padding-left:7px;background:url("/rpan/common/images/bg_line.png") no-repeat left 50%}
.free-visual .winner-list .data > span:first-child{margin-left:0;padding-left:0;background:none}
.free-visual .winner-list .time{box-sizing:border-box;padding:11px 0 12px 0;text-align:center;font-size:13px;color:#888;background:#f9f9f9}
.free-visual .winner-list .time:before{content:'';display:inline-block;clear:both;width:15px;height:15px;margin-right:5px;background:url("/rpan/common/images/ico_time.png") no-repeat 0 0;background-size:cover;vertical-align:middle}
.free-visual .free-visual-prev,.free-visual .free-visual-next{display:none}
.winner-wrap{margin-top:55px}
.winner-wrap .title{margin-bottom:20px;font-size:24px;text-align:center;font-weight:normal;line-height:100%}
.winner-wrap .title.ico01:before{background-position:0 -50px}
.winner-wrap .title.ico02:before{background-position:0 -100px}
.winner-wrap .winner-list02{overflow:hidden;text-align:center}
.winner-wrap .winner-list02 li{position:relative;float:left;width:32.6%;height:220px;margin-right:1.1%;padding:30px 10px 29px;border:1px solid #eaeaea}
.winner-wrap .winner-list02 li:nth-child(3n){margin-right:0}
.winner-wrap .winner-list02 li .name{margin-top:18px;font-size:16px;line-height:22px}
.winner-wrap .winner-list02 li .data{margin-top:6px;font-size:20px;line-height:100%;font-weight:bold}
.winner-wrap .winner-float-wrap{overflow:hidden}
.winner-float-wrap .winner-list03{float:left;width:48%;border-top:1px solid #444}
.winner-float-wrap .winner-list03:nth-child(even){margin-left:4%}
.winner-wrap .winner-list03 li{display:table;width:100%;padding:13px 20px;border-bottom:1px solid #eaeaea}
.winner-wrap .winner-list03 .badge-wrap{display:table-cell;width:51px;padding-right:10px;vertical-align:middle}
.winner-wrap .winner-list03 .pro-badge{width:51px;height:51px}
.winner-wrap .winner-list03 .pro-badge > img{width:51px !important;height:51px !important}
.winner-wrap .winner-list03 .pro-badge i{width:19px;height:19px}
.winner-wrap .winner-list03 .cont{display:table-cell;vertical-align:middle}
.winner-wrap .winner-list03 .cont .data{margin-top:2px;font-size:13px;color:#888}
.winner-wrap .winner-list03 .cont .data span{margin-right:3px;padding-right:8px;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;white-space:nowrap}
.winner-wrap .winner-list03 .cont .data span:last-child{margin:0;padding:0;background:none}
/* 명예의전당 - 역대 우승자 하단리스트  */
.toggle_wrap.winner .toggle{display:block;width:100%;height:auto;position:relative;top:auto;text-indent:1px;line-height:55px;color:#fff;text-align:center;background:#d9ccbc}
.toggle_wrap.winner .toggle_area{border-bottom:1px solid #eaeaea}
.toggle_wrap.winner .toggle span{display:inline-block;padding-right:28px;background:url("/rpan/common/images/bl_3pro.png") right -55px no-repeat}
.toggle_wrap.winner.open .toggle span{display:inline-block;padding-right:28px;background:url("/rpan/common/images/bl_3pro.png") right 0 no-repeat}
.box-sy-list.winner{padding:0  30px 15px 30px;margin-top:27px}
.box-sy-list.winner li{background:#fff}
.box-sy-list.winner .tit-box{position:relative;width:100%;padding:15px 20px 0}
.box-sy-list.winner .tit-box .winner-pos-flag{display:block;width:40px;height:42px;position:absolute;right:-1px;top:-1px}
.box-sy-list.winner .tit-box .winner-pos-flag img.w-img{width:100%}
.box-sy-list.winner .tit-box .winner-pos-flag img.m-img{display:none}
.box-sy-list.winner .tit-wrap{padding-top:15px}
.box-sy-list.winner .time{padding:11px 0 0 0;font-size:13px;color:#888}
.box-sy-list.winner .time:before{content:'';display:inline-block;clear:both;width:15px;height:15px;margin-right:5px;background:url("/rpan/common/images/ico_time.png") no-repeat 0 0;background-size:cover;vertical-align:middle}
/*모두의게시판*/
.search-area.top-type select.sel-wid-02+span{min-width:115px}
.pco-list-top{position:relative;min-height:28px;margin-bottom:15px}
.pco-list-top .right{position:absolute;right:0;bottom:0}
.pco-list-top .right .info-text{display:inline-block;margin-right:5px;font-size:13px;color:#888;line-height:20px;vertical-align:middle} 
.pco-list-top .pco-top-check{padding-top:4px} 
.pco-list-top .pco-top-check input[type="radio"]:not(old)+label{ margin-right:12px;line-height:15px} 
.box-sy-list.img-list.type02 .tit-wrap{min-height:158px}
.box-sy-list.img-list .badge-wrap .name{margin-top:7px;font-size:13px;color:#888;text-align:center;line-height:16px}
.box-sy-list.img-list .txt-link{display:inline-block}
.box-sy-list.img-list .txt-link .tit{line-height:120%;white-space:normal;overflow:visible}
.box-sy-list.img-list .txt-link .tit span{display:inline-block;width:20px;height:20px;text-indent:-9999em;vertical-align:middle}
.box-sy-list.img-list .txt-link .tit span.new{background:url("/rpan/common/images/ico_board.png") no-repeat -20px -20px}
.box-sy-list.img-list .txt-link .tit span.my{background:url("/rpan/common/images/ico_board_my.png") no-repeat 0 0;background-size:20px auto}
.box-sy-list.img-list .txt-link .info{margin-top:3px;color:#000;line-height:20px}
.box-sy-list.img-list .btn{margin-top:12px}
.pco-list-wrap .paging{margin-top:15px}
/*투표*/
.board-poll-wrap{margin-top:-1px;padding:20px 0 40px;border-top:1px solid #fff;border-bottom:1px solid #eaeaea}
.board-view-poll{padding-top:30px;text-align:center;border:1px solid #eaeaea}
.board-view-poll .poll-status{font-size:20px;line-height:130%;word-break:break-all}
.board-view-poll .poll-status:before{content:'';display:inline-block;clear:both;width:22px;height:21px;margin:-2px 8px 0 0;background:url("/rpan/common/images/ico_board_poll.png") no-repeat 0 0;background-size:cover;vertical-align:middle}
.board-view-poll .agree-member{width:650px;margin:7px auto 26px;overflow:hidden}
.board-view-poll .agree-member li{float:left;width:20%;margin-top:16px;height:79px}
.board-view-poll .agree-member a{display:inline-block}
.board-view-poll .pro-badge{width:50px;height:50px}
.board-view-poll .pro-badge > img{width:50px !important;height:50px !important}
.board-view-poll .pro-badge i{width:20px;height:20px}
.board-view-poll .agree-member .name{margin-top:5px;color:#000}
.board-view-poll .agree-member .the-rest-ico{display:inline-block;width:50px;height:79px;background:url("/rpan/common/images/ico_poll_default.png") no-repeat 0 0;background-size:50px auto;text-indent:-9999em}
.board-view-poll .agree-member .the-rest-ico img{width:100%}
.board-view-poll .poll-btn{padding:10px 20px;background:#f9f9f9}  
@media only screen and (max-width:979px){
	/* 3프로란 */
	.why-3pro{background:url("/rpan/common/images/pcothrwha_visual_m.png") no-repeat center 0;min-height:300px;background-size:cover;margin:-20px 0 0;padding:40px 30px 0}
	.why-3pro .free-season{font-size:20px;padding-bottom:10px}
	.why-3pro dt{background:url("/rpan/common/images/pcothrwha_text_m.png") no-repeat center 0;width:205px;height:126px;background-size:205px 126px;margin-bottom:15px}
	.why-3pro dd{display:none}
	.why-3pro .button a{line-height:36px;width:108px}
	.why-text{padding:0 0 30px}
	.why-text h2{font-size:18px;padding:30px 15px 10px}
	.why-text .text{padding:0 15px 10px}
	.why-text .border-line{margin:0 15px;padding:20px 18px 13px}
	.why-text .border-line li{padding:0 0 7px 0}
	.why-text .border-line li strong{display:block;background:none;padding-right:0;margin-right:0;padding-left:7px} 
	.why-text .standard-area dl{padding:90px 15px 20px 15px}
	.why-text .standard-area dl::before{top:20px;left:50%;margin:0 0 0 -30px}
	.why-text .standard-area dl dd li{width:100%;float:none}
	.why-text .tip-area li{width:100%;float:none}
	.why-text .tip-area li:nth-child(1), .why-text .tip-area li:nth-child(2), .why-text .tip-area li:nth-child(3){padding:7px 15px}
	.why-text .tip-area li div{padding:15px;height:auto}
	.why-text .tip-area li div strong{margin-bottom:15px}
	.why-text+.guide-text03{margin:0 15px}
	/* 프로종목 순위리스트 */
	.table-col .pcothrite100-m{display:table-row}
	.table-col .pcothrite100-pc{display:none}
	.pro-table-top{margin:0 15px 15px}
	.tit-h2 .pro-s-data{float:right}
	.pro-table-top .right{position:static}
	.pro-table-top .right .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.pro-table-top .right .threepro-sel02{margin-top:4px}
	.table-no-scroll .wid-sy01{width:auto}
	.pro-table-wrap .table01 .table-col th:nth-child(6),
	.pro-table-wrap .table01 .table-col th:nth-child(7),
	.pro-table-wrap .table01 .table-col th:nth-child(8),
	.pro-table-wrap .table01 .table-col th:nth-child(9){display:none}
	.pro-table-wrap .table01 .table-col td:nth-child(6),
	.pro-table-wrap .table01 .table-col td:nth-child(7),
	.pro-table-wrap .table01 .table-col td:nth-child(8),
	.pro-table-wrap .table01 .table-col td:nth-child(9){display:none}
	.pro-table-wrap .table-col td{height:75px;padding:5px}
	.pro-table-wrap .table-col td .pro-tit{padding-right:5px}
	.pro-table-wrap .table-col td .pro-tit .tit{font-size:14px;white-space:normal;overflow:auto;text-overflow:inherit}
	.pro-table-wrap .table-col td .pro-tit button{display:none}
	/* 선택종목 리스트 */
	.pco-list-wrap .tit-h2, .pco-list-wrap .box-sy-list,.pro-list-wrap .tit-h2{padding:0 15px}
	.pco-list-wrap .box-sy-list{margin-top:0}
	.line-sy-list:before{display:none}
	.line-sy-list:after{display:none}
	.line-sy-list li{float:none;width:100%;height:auto;padding:15px 15px 20px}
	.line-sy-list li .txt-wrap .tit{margin-top:6px;font-weight:normal}
	.line-sy-list li .txt-wrap .time{margin-top:11px}
	.line-sy-list li .graph-wrap{width:90px;border-bottom:0}
	.line-sy-list .my-choice{padding:15px 15px 20px}
	.line-sy-list .my-choice .object{margin-top:3px}
	.line-sy-list .my-choice .object .tit{margin-right:0}
	.line-sy-list .my-choice .object .time{display:block;margin:22px 0 6px}
	.line-sy-list .my-choice .modify-btn{bottom:20px;top:auto;right:15px;margin-top:0}
	/* 성공종목 리스트 */
	.box-sy-list li{float:none;width:100%}
	.box-sy-list li:nth-child(odd){margin-right:0}
	.box-sy-list .tit-wrap{padding:25px 80px 24px 20px}
	.box-sy-list .tit-wrap .tit{font-weight:normal}
	.box-sy-list .tit-wrap .victory{margin-top:6px}
	.box-sy-list .selecter{width:50px;height:50px;margin-top:-25px;padding-top:30px}
	.box-sy-list .gray-box{padding:10px 20px}
	.box-sy-list .gray-box .left, .box-sy-list .gray-box .right{float:none}
	.box-sy-list .gray-box .right{margin-top:8px}
	/* 선택회원 팝업 */
	.pop-layer .popup-wrap .pop-cont.auto-hei .cont-scroll{max-height:inherit}
	.selecter-member-list{margin:-10px 15px 0}
	.selecter-member-list li{width:50%;margin-right:0}
	.selecter-member-list li a{height:151px;padding:25px 0 19px}
	.selecter-member-list li:nth-child(odd) a{margin-right:5px}
	.selecter-member-list li:nth-child(even) a{margin-left:5px}
	.selecter-member-list li a .name{margin-top:14px} 
	/* 성공회원 리스트 */
	.box-sy-list.img-list .badge-wrap{width:93px}
	.box-sy-list.img-list .cont .obj{margin-top:10px}
	/*랭킹*/
	.search-area.top-type{margin:0;padding:0 15px 20px}
	.search-area.top-type .input-style.inp-wid-01{width:74%}
	.pro-table-wrap02{border-top:10px solid #eff3f6}
	.pro-table-wrap02 .tab-area{margin-top:0}
	.pro-table-wrap02 .table01 .table-data th:nth-child(4),
	.pro-table-wrap02 .table01 .table-data th:nth-child(5){display:none}
	.pro-table-wrap02 .table01 .table-data td:nth-child(4),
	.pro-table-wrap02 .table01 .table-data td:nth-child(5){display:none}
	.pro-table-wrap02 .table-data td .pro-badge{width:46px;height:46px}
	.pro-table-wrap02 .table-data td .pro-badge > img{width:46px !important;height:46px !important}
	.pro-table-wrap02 .table-data td .pro-badge i{width:16px;height:16px}
	.pro-table-wrap02 .table-data td [class*="state-"]{max-width:100%;font-size:13px;padding:4px 0}
	.pro-table-wrap02 .table-no-scroll .table-data td{font-size:13px}
	.pro-table-wrap02 .table-no-scroll .table-data td.tit-wrap{padding:2px 0;text-align:center}
	.pro-table-wrap02 .table-no-scroll .table-data td.tit-wrap a{display:inline-block;padding:9px 0}
	.pro-table-wrap02 .table-no-scroll .table-data td .pro-badge{display:block;margin:0 auto}
	.pro-table-wrap02 .table-no-scroll .table-data td.tit-wrap .member-name{display:block;margin-top:7px;font-size:12px;line-height:120%}
	/*등급*/
	.pro-class-info-box{}
	.pro-class-info-box .tit-wrap{ margin:0 15px 15px;line-height:28px}
	.pro-class-info-box .tit-wrap a{ float:right}
	.pro-class-info-box .medal-list{border:none;padding:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
	.pro-class-info-box .medal-list ul{width:133%;padding:0 10px}
	.pro-class-info-box .medal-list .name{font-weight:bold;padding-top:115px;text-indent:-9999em;height:0}
	.pro-class-info-box .medal-list .medal-b{background:url("/rpan/common/images/medal_b_m.png") no-repeat center 0;background-size:63px 95px}
	.pro-class-info-box .medal-list .medal-r{background:url("/rpan/common/images/medal_r_m.png") no-repeat center 0;background-size:63px 95px}
	.pro-class-info-box .medal-list .medal-s{background:url("/rpan/common/images/medal_s_m.png") no-repeat center 0;background-size:63px 95px}
	.pro-class-info-box .medal-list .medal-p{background:url("/rpan/common/images/medal_p_m.png") no-repeat center 0;background-size:63px 95px}
	.pro-class-info-box .medal-list .medal-m{background:url("/rpan/common/images/medal_m_m.png") no-repeat center 0;background-size:63px 95px}
	.pro-class-info-box .medal-list span i{display:inline-block;width:0;height:0;text-indent:-9999em}
	.pro-up-member-box{margin:30px 15px 20px;padding-top:15px}
	.pro-up-member-box .tit-h2{padding:0 15px}
	.pro-up-member-box .up-member-list{margin:-5px 0 0}
	.pro-up-member-box .up-member-list > li{width:100%;float:none;padding:15px;border-left:none;border-top:1px solid #eaeaea}
	.pro-up-member-box .member-info .pro-badge{width:46px;height:46px}
	.pro-up-member-box .member-info .pro-badge > img{width:46px !important;height:46px !important}
	.pro-up-member-box .member-info .pro-badge i{width:16px;height:16px}
	.pro-table-wrap02 .board-search{padding:0 15px}
	.pro-table-wrap02 .board-search .input-style{width:100%}
	/*명예의전당  */
	.free-visual.winner-type{height:100%;padding:0;background:url("/rpan/common/images/bg_visual_winner_02_m02.png") no-repeat 0 0;background-size:100%}
	.free-visual.winner-type .title{position:relative;/*padding-bottom:7px;*/font-size:20px;z-index:1}
	.free-visual.winner-type .m-cover{position:relative;height:100%;padding-top:36px}
	.free-visual.winner-type .m-cover .bg{display:block;box-sizing:border-box;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;opacity:0.4;z-index:0}
	.free-visual.winner-type .mobile-bullet{position:relative;padding-top:20px;z-index:1}
	.free-visual .winner-list .cont{min-height:230px}
	.free-visual .winner-list .tit{/*padding-top:7px;*/font-size:16px}
	.free-visual .winner-list .winner-pos-flag .m-img{display:block;width:100%}
	.free-visual .winner-list .winner-pos-flag .w-img{display:none}
	.free-visual .winner-list .badge-wrap{margin-top:10px;height:72px}
	.free-visual .winner-list .name{margin:16px 10px 0}
	.free-visual .winner-list .data{margin-top:4px;line-height:20px}
	.free-visual .winner-list .data span.m-block{display:block;margin-left:0;padding-left:0;background:none}
	.free-visual .winner-list .time{padding:6px 15px 7px}
	.winner-wrap{margin-top:30px;padding:0 15px}
	.winner-wrap .title{margin-bottom:8px;font-size:20px}
	.winner-wrap .winner-list02{text-align:left}
	.winner-wrap .winner-list02 li{display:table;float:none;width:100%;height:auto;margin:10px 0 0 0;padding:20px}
	.winner-wrap .winner-list02 li:first-child{margin-top:0}
	.winner-wrap .winner-list02 li .badge-wrap{display:table-cell;width:72px;padding-right:15px;vertical-align:middle}
	.winner-wrap .winner-list02 li .cont{display:table-cell;vertical-align:middle}
	.winner-wrap .winner-list02 li .name{margin-top:0}
	.winner-wrap .winner-list02 li .data{margin-top:2px;font-weight:normal}
	.winner-wrap .winner-float-wrap{margin:0 -15px;border-top:1px solid #444;overflow:hidden}
	.winner-float-wrap .winner-list03{float:none;width:100%;border-top:none}
	.winner-float-wrap .winner-list03:nth-child(even){margin-left:0}
	.winner-wrap .winner-list03 li{padding:12px 15px}
	.winner-wrap .winner-list03 .badge-wrap{width:46px}
	.winner-wrap .winner-list03 .pro-badge{width:46px;height:46px}
	.winner-wrap .winner-list03 .pro-badge > img{width:46px !important;height:46px !important}
	.winner-wrap .winner-list03 .pro-badge i{width:16px;height:16px}

	.toggle_wrap.winner .toggle{font-size:13px;line-height:42px}	
	.toggle_wrap.winner .toggle span{display:inline-block;padding-right:17px;background:url("/rpan/common/images/bl_3pro_m.png") right 0 no-repeat;background-size:12px 84px}
	.toggle_wrap.winner.open .toggle span{display:inline-block;padding-right:17px;background:url("/rpan/common/images/bl_3pro_m.png") right -42px no-repeat;background-size:12px 84px}

	.free-visual.winner-type .rolling{padding-top:10px;margin-bottom:0}
	.free-visual.winner-type .mobile-bullet{padding-bottom:10px}
	.box-sy-list.winner{margin-top:25px}
	.box-sy-list li:first-child{margin-top:0}
	.box-sy-list.winner .tit-box .winner-pos-flag img.w-img{display:none}
	.box-sy-list.winner .tit-box .winner-pos-flag img.m-img{display:block;width:100%}
	.box-sy-list.winner .tit-wrap .victory{font-size:13px}
	.toggle_wrap.winner .paging li a{background:#fff}
	/*모두의게시판*/
	.pco-list-top{border-top:10px solid #eff3f6;width:100%;margin-bottom:0;padding:15px 0 7px}
	.pco-list-top .right{position:relative;margin-bottom:15px;padding:0 115px 15px 15px;border-bottom:1px solid #eaeaea}
	.pco-list-top .right a{position:absolute;right:15px;top:50%;margin-top:-24px}
	.pco-list-top .pco-top-check{padding:0 15px}
	.box-sy-list.img-list.type02 .tit-wrap{min-height:0}
	.box-sy-list.img-list.type02 .tit-wrap .badge-wrap{width:110px;text-align:center}
	.box-sy-list.img-list .txt-link .tit strong{font-weight:normal}
	/*투표*/
	.board-poll-wrap{padding:5px 0 40px}
	.board-view-poll{padding-top:17px}
	.board-view-poll .agree-member{width:80%;max-width:500px;margin:12px auto 26px}
	.board-view-poll .agree-member li{width:50%;margin-top:11px}
	.board-view-poll .poll-btn button{width:100%} 
}  
@media only screen and (min-width:980px) and (max-width:1240px){
	/* ***** 커뮤니티- 3프로 ***** */
	/* 3프로 참여하기*/
	.pro-part-pop .search-wrap{margin:14px -20px 0 -20px}
	/* 선택회원 팝업 */
	.pop-layer .popup-wrap .pop-cont.auto-hei .cont-scroll{max-height:300px} 
	/* ***** 선물옵션 ***** */
	/*방송일정 pop*/
	.cast-booking-pop .cast-info{width:calc(100%+35px);margin:-20px -15px 0 -20px}
	/*강연회 신청하기*/
	.class-request-pop .title-wrap{margin:0 -20px 35px -20px}
} 
@media only screen and (max-width:480px){
	.chat-area [class*="say"]{max-width:88%;min-width:inherit}
}  
@media only screen and (max-width:460px){
	/*해외선물방송*/
	.pop-m-slide .board-card{width:92%;margin:0 4%}
}
@media only screen and (max-width:320px){
	/* 3프로 명예의 전당  */
	.box-sy-list.winner .tit-wrap{padding:20px 15px}
	.box-sy-list.winner .victory .win{margin-left:3px;padding-left:6px}
	.box-sy-list.winner .badge-wrap{width:83px;padding:0}
	.box-sy-list.winner .tit-wrap .victory{letter-spacing:-1px}
}

/* *************** 커뮤니티 - 종목토론 회원 순위 :180417 *************** */
.mb-ranking{}
.mb-ranking .top-box{width:100%;background:#c284ea}
.mb-ranking .top-box h3 img{width:100%;margin:0 auto}
.mb-ranking .top-box .innerBox{margin:0 3.2%;background:#fff}
.mb-ranking .top-box .tab-area{margin-top:0}
.mb-ranking .rank-list{overflow:hidden}
.mb-ranking .rank-list .list-box{box-sizing:border-box;float:left;width:33.333%}
.mb-ranking .rank-list .list-box dl{overflow:hidden}
.mb-ranking .rank-list .list-box dt{padding-bottom:15px;margin:0 15px;font-size:16px;letter-spacing:0}
.mb-ranking .rank-list .list-box dt:first-child{padding:0 0 0 51px;line-height:35px;background:url(/rpan/imgs/community/contents.png) no-repeat 0 0}
.mb-ranking .rank-list .list-box dt + dd{margin:0 15px}
.mb-ranking .rank-list .list-box dd:nth-child(3){padding:0 15px;border-right:1px solid #eaeaea}
.mb-ranking .rank-list .list-box:nth-child(3) dd:nth-child(3){border-right:none}
/* dd 안 프로필 박스 */
.profile-box{position:relative;display:table;width:100%;padding:21px 0 18px 19px;margin-bottom:19px;border:1px solid #eaeaea}
.profile-box .rank-top{position:absolute;top:-1px;left:0;display:block;width:37px;height:40px;padding-top:9px;text-align:center;font-size:16px;color:#fff;background:url(/rpan/imgs/community/contents.png) no-repeat 0 -37px}
.profile-box .img{position:relative;display:table-cell;width:89px;height:89px;vertical-align:middle}
.profile-box .img img{display:block;width:89px;height:89px;border-radius:50%;background:#eaeaea}
.profile-box .img .badge{position:absolute;bottom:-3px;left:-3px;display:block;border-radius:50%;background:#fff}
.profile-box .img .badge img{display:block;width:30px;height:30px;border:2px solid #fff;border-radius:50%;background:#fff}
.profile-box .txt-box{display:table-cell;padding-left:10px;vertical-align:middle}
.profile-box .txt-box{color:#000}
.profile-box .txt-box .new{font-size:14px;color:#ff545b}
.profile-box .txt-box .nickname{display:block;font-size:20px;line-height:39px;font-weight:bold;color:#000}
.profile-box .txt-box .txt{font-size:14px;color:#000}

.mb-ranking .rank-list .list-box dd table{border-top:#eaeaea 1px solid;width:100%}
.mb-ranking .rank-list .list-box dd table th{border-bottom:#eaeaea 1px solid;color:#888;font-size:13px;padding:12px 0;font-weight:normal;text-align:left}
.mb-ranking .rank-list .list-box dd table td{font-size:13px;line-height:15px;height:28px;vertical-align:middle}
.mb-ranking .rank-list .list-box dd table tr:first-child td{padding-top:17px;padding-bottom:8px;background:#fcf1f3}
.mb-ranking .rank-list .list-box dd table tr:nth-child(2) td{background:#fcf1f3}
.mb-ranking .rank-list .list-box dd table tr:nth-child(3) td{height:40px;padding-bottom:12px;background:#fcf1f3}
.mb-ranking .rank-list .list-box dd table tbody tr:first-child td:first-child.num,
.mb-ranking .rank-list .list-box dd table tbody tr:nth-child(2) td:first-child.num,
.mb-ranking .rank-list .list-box dd table tbody tr:nth-child(3) td:first-child.num{color:#ff545b}
.mb-ranking .rank-list .list-box dd table tr:nth-child(4) td{padding-top:3px;height:35px}
.mb-ranking .rank-list .list-box dd table tr:nth-child(5n) td{padding-bottom:0;padding-top:0}
.mb-ranking .rank-list .list-box dd table tr:nth-child(10n) td{border-bottom:1px solid #eaeaea !important;padding-bottom:20px;padding-top:8px}
.mb-ranking .rank-list .list-box dd table tr:nth-child(10n) + tr td{padding-top:12px;height:40px}
.mb-ranking .rank-list .list-box dd table tr:nth-child(1) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(2) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(3) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(4) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(5) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(6) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(7) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(8) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(9) .nickname,
.mb-ranking .rank-list .list-box dd table tr:nth-child(10) .nickname{font-weight:bold}
.mb-ranking .rank-list .list-box dd table tr:nth-child(50) td{border-bottom:none!important}
.mb-ranking .rank-list .list-box dd table .num{text-align:center}
.mb-ranking .rank-list .list-box dd table .nickname{padding-left:12px}
.mb-ranking .rank-list .list-box dd table thead .increase{text-align:center;padding-left:3px}
.mb-ranking .rank-list .list-box dd table tbody .increase{text-align:right;padding-right:18px}
.mb-ranking .rank-list .list-box dd table .upper-limit{padding-left:9px}
.mb-ranking .rank-list .list-box dd table .low-limit{padding-left:11px}
.mb-ranking .rank-list .list-box dd table td a{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding-right:5px;box-sizing:border-box}
.mb-ranking .rank-list .more-view{border-bottom:none} 
.mb-ranking .guide-txt{padding:32px 16px 43px 0;margin-top:-1px;text-align:right;color:#888;font-size:13px;background:#fff}

.mb-ranking .middle-box{position:relative;border-top:10px solid #eff3f6}
.mb-ranking .middle-box img{width:100%;margin:0 auto}
.mb-ranking .middle-box .link-btn-app{position:absolute;left:7.5%;top:49.7%;width:15.1%;height:4.7%;border:none;text-indent:-99999em;background:none}

.mb-ranking .comment-cont{padding:0 20px;margin-top:0;border-top:10px solid #eff3f6}
.mb-ranking .comment-cont:after{display:none}
.mb-ranking .comment-cont h3.tit-h2{padding-top:30px}

@media only screen and (max-width:979px){
	.mb-ranking .tab-area{margin-bottom:0}
	.mb-ranking .tab-st01-03{padding-left:0}
	.mb-ranking .tab-st01-03 li{width:33.3%}
	.mb-ranking .tab-st01-03 li.swiper-slide.forMobile{display:none}
	
	.mb-ranking .top-box{background:none}
	.mb-ranking .top-box .innerBox{margin:0}
	
	.mb-ranking .rank-list .more-view button{border-top:none}
	.mb-ranking .rank-list .list-box{float:none;border-bottom:#eff3f6 10px solid;margin-bottom:0;border-left:none}
	.mb-ranking .rank-list .list-box:nth-child(1){width:100%;padding:0}
	.mb-ranking .rank-list .list-box:nth-child(2){width:100%;padding:0}
	.mb-ranking .rank-list .list-box:nth-child(3){width:100%;padding:0;border-bottom:none;margin-bottom:0}
	.mb-ranking .rank-list .list-box dt{padding-bottom:15px;margin:0;font-size:16px;letter-spacing:0}
	.mb-ranking .rank-list .list-box dt:first-child{margin-top:6px;padding:0 0 0 14px;line-height:44px;background:none}
	.mb-ranking .rank-list .list-box dt + dd{margin:0}
	.mb-ranking .rank-list .list-box dd{padding-bottom:10px;border-right:none}
	.mb-ranking .rank-list .list-box dd:nth-child(3){padding:0;border-right:none}
	.mb-ranking .rank-list .list-box dt + dd{padding-bottom:0}
	.mb-ranking .rank-list .list-box dd table tr:nth-child(1) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(2) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(3) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(4) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(5) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(6) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(7) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(8) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(9) .nickname,
	.mb-ranking .rank-list .list-box dd table tr:nth-child(10) .nickname{font-weight:normal}
	
	
	/* dd 안 프로필 박스 */
	.profile-box{padding-left:37px;margin-bottom:0;border-top:1px solid #000;border-left:none;border-right:none;border-bottom:0}
	.profile-box .rank-top{top:0;left:15px;width:33px;height:36px;padding-top:7px;font-size:14px;background:url("/rpan/imgs/community/contents_m.png?update=20180605") no-repeat;background-size:600px 600px}
	
	.mb-ranking .rank-list .list-box dd table{}
	.mb-ranking .rank-list .list-box dd table .per{padding-right:15px;letter-spacing:0}
	
	.mb-ranking .guide-txt{display:none}
	
	.mb-ranking .middle-box .link-btn-app{position:absolute;left:14.5%;top:53.8%;width:50.5%;height:6%;border:none;text-indent:-99999em;background:none}
}

/* 주식용어백과 */
.tip{width:20px;height:20px;display:inline-block;vertical-align:middle;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -380px;background-size:40px 400px;text-indent:-9999em}
.tab-wrap.terminology{overflow:hidden;margin-bottom:40px}
.tab-wrap .index-title{float: left;width:11.5%;margin-top:10px}
.tab-wrap .index-title+.search-period{display: inline-block;float: left;width:88.5%}
.tab-wrap .index-title+.search-period input+label{margin-top:10px}
.tit-h1+.tip-body{position:absolute;top:10px;left:170px}
.tit-h1+.tip-body .agree-text{position:absolute;top:46px;right:-120px;width:270px;border:#000 1px solid;background-color:#fff;padding:15px;z-index:1;display:none;line-height:1.6}
.tit-h1+.tip-body .agree-text::before{content:"";width:13px;height:8px;background:url("/rpan/common/images/ico_here.png?update=20180329") no-repeat 0 0;position:absolute;top:-8px;left:130px;background-size:13px 8px}
.tit-h1+.tip-body .agree-area-close{display:inline-block;width:13px;height:13px;text-indent:-9999em;background:url("/rpan/common/images/btn_close.png?update=20180329") no-repeat -1px -1px;position:absolute;top:15px;right:15px}
@media only screen and (max-width:979px){
	.tab-wrap.terminology{margin:0;padding:0;border-top:10px solid #eff3f6;}
	.tab-wrap .index-title{display: block;width:100%;margin:0;padding:15px 15px 10px;border-top:1px solid #eaeaea;font-size:16px;}
	.tab-wrap .index-title:first-child{border-top:none}
	.tab-wrap .index-title+.search-period{width:100%;padding:1px 15px 0}
	.terminology .search-period.short-ver{margin-bottom:20px}
	.tab-wrap .index-title+.search-period input+label{margin-top:-1px}
	.term-area{font-size:16px;line-height:20px;padding:13px 15px}
	.term-area .tip{vertical-align:top}
	.tit-h1+.tip-body{top:517px;}
	.tit-h1+.tip-body .agree-text{top:40px;right:-114px}
	.tit-h1+.tip-body .agree-text::before{left:108px}
}

/* *************** 뉴스시세 *************** */
/* 조건검색 on */
.check-area{background-color:#f9f9f9;border:#eaeaea 1px solid;padding:20px;border-top:none}
.check-area .text{color:#888888;font-size:13px;padding-bottom:30px}
.check-area .check-list li{width:25%;height:36px;float:left;border:#ccc 1px solid;margin-right:-1px;margin-bottom:-1px;background:#fff} 
.check-area .check-list input[type="checkbox"]:not(old){margin-left:0;position:absolute}
.check-area .check-list input[type="checkbox"]:not(old)+label{height:35px;line-height:34px;padding:0;width:100%;margin-right:-6px;color:#888;text-align:center;font-size:13px;background-image:none;vertical-align:middle;box-sizing:border-box;cursor:pointer} 
.check-area .check-list input[type="checkbox"]:not(old):checked+label{color:#ff545b;border:#ff545b 1px solid;height:34px} 
.check-area .check-list input[type="checkbox"]:not(old):checked+label::before{content:"";background:url("/rpan/common/images/ico_checked.png") no-repeat 0 45%;padding-left:15px}
.check-area .check-list dt{clear:both;font-size:16px;color:#000;padding-bottom:20px;font-weight:bold}
/* width:100% check*/
.check-area .check-list > div.one-line dd{clear:both;padding-bottom:20px;border-bottom:#eaeaea 1px solid;margin-bottom:20px;overflow:hidden}
/* width:50% check*/
.check-area .check-list > div.two-line{clear:both;padding-bottom:20px;border-bottom:#eaeaea 1px solid;margin-bottom:20px;overflow:hidden}
.check-area .check-list > div.two-line dl:nth-child(1){width:40%;float:left}
.check-area .check-list > div.two-line dl:nth-child(2){width:58%;float:right}
.check-area .check-list > div.two-line dl:nth-child(1) li:nth-child(1){width:28%}
.check-area .check-list > div.two-line dl:nth-child(1) li:nth-child(2){width:36%}
.check-area .check-list > div.two-line dl:nth-child(1) li:nth-child(3){width:36%}
.check-area .check-list > div.two-line dl:nth-child(2) li:nth-child(1){width:22%}
.check-area .check-list > div.two-line dl:nth-child(2) li:nth-child(2){width:26%}
.check-area .check-list > div.two-line dl:nth-child(2) li:nth-child(3){width:26%}
.check-area .check-list > div.two-line dl:nth-child(2) li:nth-child(4){width:26%}
.check-area .bt-area{padding:0}
.check-area .check-list > div.two-line dl.shot4 li:nth-child(1){width:22%}
.check-area .check-list > div.two-line dl.shot4 li:nth-child(2){width:26%}
.check-area .check-list > div.two-line dl.shot4 li:nth-child(3){width:26%}
.check-area .check-list > div.two-line dl.shot4 li:nth-child(4){width:26%}  
/* 뉴스검색 on */
.news-search-area{background-color:#f9f9f9;border:#eaeaea 1px solid;padding:20px;border-top:none;display:none}
.news-search-area ul{width:100%;margin-bottom:20px}
.news-search-area > ul > li{clear:both;border-bottom:#eaeaea 1px solid;padding:20px 0;min-height:69px}
.news-search-area ul li > p{font-size:16px;font-weight:bold;width:11%;float:left}
.news-search-area ul li > div{width:89%;float:left}
.news-search-area ul li > div.checkbox{line-height:25px}
.news-search-area ul li.half > div.half-01{width:33%;line-height:24px}
.news-search-area ul li.half > div.half-02{width:45%}
.news-search-area ul li.half > div.half-01 label{vertical-align:middle;margin-right:8px}
.news-search-area ul li > div .input-style{width:80%} 
.news-search-area ul li > div input[type="checkbox"]:not(old)+label{margin-right:15px}
.news-search-area ul li > div .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:170px}
.news-search-area .bt-area{padding:0} 
.news-search-area ul li > div .search-period-cate label{width:auto;padding:0 10px;min-width:70px}  
/* 전문가Live */
.live-search-area{background-color:#f9f9f9;border:#eaeaea 1px solid;padding:20px;border-top:none}
.live-search-area ul{width:100%;margin-bottom:20px}
.live-search-area > ul > li{clear:both;border-bottom:#eaeaea 1px solid;padding:20px 0;min-height:69px}
.live-search-area ul li > p{font-size:16px;font-weight:bold;width:11%;float:left}
.live-search-area ul li > div{width:89%;float:left}
.live-search-area ul li > div.checkbox{line-height:25px}
.live-search-area ul li.half > div.half-01{width:27%}
.live-search-area ul li.half > div.half-02{width:51%}
.live-search-area ul li > div .input-style{width:80%} 
.live-search-area ul li > div input[type="checkbox"]:not(old)+label{margin-right:15px}
.live-search-area ul li > div .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:170px}
.live-search-area .bt-area{padding:0} 
/* 뉴스 검색없음 */
.new-msg{margin-top:40px} 
/* 검색박스*/
.condition-area{position:relative;border:1px solid #eaeaea;padding:20px 17px 20px 20px;text-align:center}
.condition-area .tit-h2{line-height:20px;margin-bottom:0;text-align:left;display:block}
.condition-area .search-area{margin-bottom:0;border:0;padding:0;display:inline-block;text-align:left}
.condition-area .search-area .select-style+p{font-size:13px;color:#888;margin-top:5px}
.condition-area .left-radio{position:absolute;top:23px;left:20px}
.condition-area .left-radio label{margin-right:15px}
.condition-area .toggle{position:absolute;top:24px;right:20px;color:#888888}
.condition-area .toggle span{height:20px;line-height:18px;display:inline-block;color:#a7753a;padding-right:24px;background:url("/rpan/common/images/ico_toggle.png") no-repeat right -31px}
.condition-area .toggle span.on{background:url("/rpan/common/images/ico_toggle.png") no-repeat right 0} 
.condition-area .select-style:nth-child(1) .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:200px}
.condition-area .select-style:nth-child(2) .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:240px} 
.condition-area .search-area .input-style.short{width:320px}
.condition-area .rediscover{margin-left:10px;color:#888888;display:inline-block;padding-top:6px}
.condition-area+.tit-h2{margin-top:30px}
.condition-area .descript{margin:20px -17px -5px -20px;padding:14px 19px 0;border-top:1px solid #eaeaea;text-align:left;font-size:14px;line-height:24px}
.tit-h2.mgt-30{margin-top:30px}
/* 기간누적box :pne-box */
.pne-box{position:relative;margin-bottom:40px;border-bottom:1px solid #eaeaea;padding:0 0 20px;margin-top:-8px;clear:both}
.pne-box > p{position:absolute;right:0;top:7px;font-size:13px;color:#888}
.check-area+.pne-box{margin:20px 0 30px;border-bottom:#eaeaea 1px solid}
.thema-top3+.pne-box{margin:20px 0 30px;border-bottom:#eaeaea 1px solid}
.thema-top3+.pne-box+.tab-area{margin-top:40px;margin-bottom:30px}
.trends-box .pne-box{margin-top:20px}
.trends-box .tab-body-in .pne-box{margin-top:0}
/* 검색건수 / 종목검색어 */
.search-data{clear:both;margin-top:30px;padding-bottom:15px;position:relative;font-size:16px;color:#000;font-weight:bold}
.search-data.line{margin-left:-30px;margin-right:-30px;padding:0 30px 20px;border-bottom:#444444 1px solid;position:relative}
.search-data mark{color:#ff545b;font-size:16px}
.search-data mark.blue{color:#1ea3fe;font-size:16px}
.search-data mark.search-word{color:#1ea3fe}
.search-data mark.hashtag-area{font-size:24px;font-weight:normal;color:#1ea3fe}
.search-data mark.hashtag-area::before{content:"#"}
.search-data p{position:absolute;top:0;right:0}
.search-data.line .orderby{position:absolute;bottom:16px;right:30px}
.search-data.line .orderby p{position:static;line-height:100%} 
.search-data.line .orderby p label{ line-height:16px} 
.search-data.line .orderby .m-only{display:none}
.search-data p span{color:#888;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px;font-weight:normal}
.search-data p span:last-child{background:none;padding-right:0;margin-right:0}
.search-data p label{font-weight:normal;color:#888;margin-left:10px;font-size:13px} 
/* 종목조건검색 - 안내텍스트 - 내용보기/차트보기 */
.search-text{padding:0 120px 0 0;margin-bottom:15px;color:#888;position:relative}
.search-text .search-data{display:inline-block;padding:15px 0 0;margin:0;border:0;line-height:1.5} 
.search-text p{position:absolute;bottom:-0px	;right:0;font-size:13px}
.search-text p button{height:28px;overflow:hidden;text-indent:-9999em}
.search-text p button.list.on{width:28px;background:url("/rpan/common/images/btn_board_type.png") no-repeat 0 0;background-size:75px 400px}
.search-text p button.list{width:27px;background:url("/rpan/common/images/btn_board_type.png") no-repeat -33px 0px;background-size:75px 400px}
.search-text p button.chart.on{width:28px;background:url("/rpan/common/images/btn_board_type.png") no-repeat 0 -66px;background-size:75px 400px}
.search-text p button.chart{width:27px;background:url("/rpan/common/images/btn_board_type.png") no-repeat -34px -66px;background-size:75px 400px;margin-left:-4px}
.search-text .bootstrap-select button{height:34px;overflow:visible;text-indent:0}
/* 종목조건검색 - 차트보기 */
.search-text+.chart-area{margin-bottom:15px}
.search-text+.chart-area .chart-cont{padding-bottom:0;padding-top:30px}
.chart-list-style{text-align:left;overflow:hidden;max-width:783px;margin:0 auto}
.chart-list-style li{float:left;width:33.33%;padding:0 20px;margin-bottom:30px} 
.chart-list-style li a{display:block;color:#000;font-size:14px;font-weight:bold}
.chart-list-style li a span{display:block;padding-bottom:5px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.chart-list-style li a img{width:100%;padding-bottom:5px}
.chart-list-style p span{color:#888;font-size:13px;padding-right:10px}
.chart-list-style p span:last-child{padding-right:0}
.chart-list-style p span.rise{color:#ff545b}
.chart-list-style p span.fall{color:#1ea3fe}
/* 테마/업종 */
.search-text.thema .search-data{padding:0 0 0;line-height:1.5} 
.search-text.thema .thema-list{margin-left:10px}
.search-text.thema .thema-list button{vertical-align:middle;margin-bottom:5px}
.search-text.thema+.chart-area .chart-cont{border-top:none}
.search-text.thema2{margin-bottom:10px} 
.search-text.thema2 .orderby p{position:static;font-size:13px}
.search-text.thema2 .orderby .pc-only{}
.search-text.thema2 .orderby p label{margin-right:10px}
.search-text.thema2 .orderby .m-only{display:none}
.thema-top3{border:#eaeaea 1px solid;border-top:#888 1px solid;padding:10px;margin-bottom:20px;overflow:hidden}
.thema-top3 dd a{ color:#888}
.thema-top3 dl{padding:20px 20px 10px;width:50%}
.thema-top3 dl:nth-child(1){float:left;border-right:#eaeaea 1px solid}
.thema-top3 dl:nth-child(2){float:right}
.thema-top3 dl dt{font-size:16px;font-weight:bold;padding-bottom:15px}
.thema-top3 dl dd{line-height:1.6}
.thema-top3 dl dd li{font-size:13px;position:relative;margin-bottom:5px;overflow:hidden}
.thema-top3 dl dd li p.tit{font-size:13px;width:30%;height:28px;line-height:28px;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thema-top3 dl dd li p.tit a{color:#444}
.thema-top3 dl dd li p.cont{width:70%;float:right;text-align:right}
.thema-top3 dl dd li p.cont span{display:inline-block;font-size:13px;margin:0 0 0 5px;width:28%;text-align:left;overflow:hidden;white-space:nowrap}
.thema-top3 dl dd li p.cont span.upper-limit{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.thema-top3 dl dd li p.cont span.low-limit{color:#888;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chart-area-wrap.chart-case-02{float:none;width:100%;margin-top:30px}
/* 종목랭킹 */ 
.ran-text{position:relative;border-bottom:#888 1px solid;padding-bottom:15px;margin-bottom:30px;padding-right:250px}
.ran-text p{position:absolute;top:50%;right:0;font-size:13px;margin-top:-20px} 
.ran-text p button{height:28px;overflow:hidden;text-indent:-9999em}
.ran-text p button.list.on{width:28px;background:url("/rpan/common/images/btn_board_type.png") no-repeat 0 0;background-size:75px 400px}
.ran-text p button.list{width:27px;background:url("/rpan/common/images/btn_board_type.png") no-repeat -33px 0px;background-size:75px 400px}
.ran-text p button.chart.on{width:28px;background:url("/rpan/common/images/btn_board_type.png") no-repeat 0 -66px;background-size:75px 400px}
.ran-text p button.chart{width:27px;background:url("/rpan/common/images/btn_board_type.png") no-repeat -34px -66px;background-size:75px 400px;margin-left:-4px}
.ran-text p span{overflow:hidden;margin-right:5px}
.ran-text p span a{display:inline-block;line-height:28px;color:#888;text-align:center;font-size:13px;background:url("../images/bg_line.png") no-repeat right 50%;padding:0 10px 0 7px}
.ran-text p span a:last-child{background:none}
.ran-text p span a.selected{color:#ff545b}  
.ran-list{overflow:hidden}
.ran-list .list-box{box-sizing:border-box;float:left;border-left:1px solid #eaeaea}
.ran-list .list-box:nth-child(1){width:27.64%;padding-right:15px;border-left:0}
.ran-list .list-box:nth-child(2){width:24.72%;padding:0 15px}
.ran-list .list-box:nth-child(3){width:24.72%;padding:0 15px}
.ran-list .list-box:nth-child(4){width:22.92%;padding-left:14px} 
.ran-list .list-box dl{overflow:hidden}
.ran-list .list-box dt{font-size:16px;padding-bottom:15px;letter-spacing:-2px} 
.ran-list .list-box dd table{border-top:#eaeaea 1px solid;width:100%}
.ran-list .list-box dd table th{border-bottom:#eaeaea 1px solid;color:#888;font-size:13px;padding:12px 0;font-weight:normal;text-align:left}
.ran-list .list-box dd table td{font-size:13px;height:28px;vertical-align:middle} 
.ran-list .list-box dd table tr:first-child td{ padding-top:20px;padding-bottom:8px} 
.ran-list .list-box dd table tr:nth-child(5n) td{border-bottom:0 !important;padding-bottom:30px;padding-top:8px}
.ran-list .list-box dd table .num{text-align:center}
.ran-list .list-box dd table .increase{text-align:right;padding-right:5px}
.ran-list .list-box dd table .per{text-align:right;padding-right:5px;letter-spacing:-1px}
.ran-list .list-box dd table .upper-limit{padding-left:9px}
.ran-list .list-box dd table .low-limit{padding-left:11px}
.ran-list .list-box dd table td a{display:inline-block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding-right:5px;box-sizing:border-box}
.ran-list .more-view{border-bottom:none} 
.ran-chart{overflow:hidden}
.ran-chart .chart-box{box-sizing:border-box;float:left}
.ran-chart .chart-box:nth-child(1){width:23.8%;padding-right:2.4%;border-right:#eaeaea 1px solid}
.ran-chart .chart-box:nth-child(2){width:26.2%;padding:0 2.4% 0 2.4%;border-right:#eaeaea 1px solid}
.ran-chart .chart-box:nth-child(3){width:26.2%;padding:0 2.4% 0 2.4%;border-right:#eaeaea 1px solid}
.ran-chart .chart-box:nth-child(4){width:23.8%;padding-left:2.4%} 
.ran-chart .chart-box dt{font-size:16px;padding-bottom:15px;letter-spacing:-2px}
.ran-chart .chart-box dd{text-align:left} 
.ran-chart .chart-box dd li{margin-bottom:30px;height:196px;position:relative} 
.ran-chart .chart-box dd li a{display:block;color:#000;font-size:14px;font-weight:bold}
.ran-chart .chart-box dd li a span{display:block;padding-bottom:5px}
.ran-chart .chart-box dd li a img{width:100%;padding-bottom:5px}
.ran-chart .chart-box dd li p span{color:#888;font-size:13px;padding-right:10px;display:block}
.ran-chart .chart-box dd li p span:last-child{padding-right:0}
.ran-chart .chart-box dd li p span.rise{color:#ff545b}
.ran-chart .chart-box dd li p span.fall{color:#1ea3fe} 
.ran-chart .chart-box dd li p span.upper-limit{color:#ff545b} 
.ran-chart .chart-box dd li p span.low-limit{color:#1ea3fe} 
.ran-chart .chart-box dd li p span.maintenance{color:#000} 
.pc-only-message{display:none}
/* 지수 매매동향 */
.stock-state{ text-align:right;padding-top:50px}
.stock-state span{ display:inline-block;color:#888;font-size:13px;line-height:28px;margin-right:5px;padding-left:18px;background:url("/rpan/common/images/bg_faq.png") no-repeat -286px 4px} 
.stock-state .chart-bt{ border:0;padding-right:19px;height:28px;color:#a7753a;background:url("/rpan/common/images/bg_faq.png") no-repeat 100% -28px;font-size:13px} 
.stock-state .chart-bt:before{content:"|";padding-right:13px;color:#eaeaea}
.stock-index-wrap{overflow:hidden;margin-top:-65px}
.stock-index-wrap h1{font-size:20px;margin-bottom:8px;font-weight:normal} 
.stock-index-a{float:left;width:48.5%;font-size:13px} 
.stock-prices{overflow:hidden;min-height:55px;border-bottom:1px solid #000}
.stock-prices strong{display:block;float:left;font-size:40px;font-weight:normal}
.stock-prices span{display:block;float:left;margin-top:22px;padding-left:15px;margin-left:5px;font-size:16px}
.stock-prices span+span{ padding-left:10px}
.stock-index-a dl{float:left;width:20%;margin:12px 0;text-align:center;border-left:1px solid #eaeaea;font-size:14px}
.stock-index-a dl:nth-of-type(1){border:0}
.stock-index-a dl dt{margin-bottom:5px}
.stock-index-a dl dd{display:inline-block;font-size:13px}
.stock-index-a ul{clear:both; border-top:1px solid #eaeaea}
.stock-index-a ul li{float:left;border-bottom:1px solid #eaeaea;padding:10px 0}
.stock-index-a ul li:nth-of-type(odd){width:40%;padding-left:20px}
.stock-index-a ul li:nth-of-type(even){width:60%}
.stock-index-a ul li:last-of-type{border:0}
.stock-index-a ul li span{display:inline-block;margin-right:10px;font-size:13px;color:#888}
.stock-index-a ul li:nth-of-type(2) span{width:85px}
.stock-index-a ul li em{display:inline-block;margin-right:15px;font-size:13px}
.stock-result{clear:both;overflow:hidden;padding:18px 20px 17px;border-bottom:1px solid #eaeaea;background:#f9f9f9}
.stock-result p{float:left;width:33.333%;text-align:center}
.stock-result p strong{margin-left:10px;font-weight:normal}
.chart-area-wrap{float:right;width:48.5%;margin-top:55px} 
.chart-area{width:100%;position:relative;margin-bottom:40px;border:1px solid #eaeaea;border-top-color:#000}
.chart-area h2{font-size:16px;padding:15px 20px 11px;border-bottom:1px solid #eaeaea}
.chart-area h2 strong{font-size:inherit;margin-right:5px}
.chart-area .chart-tab{position:absolute;right:10px;top:0;overflow:hidden}
.chart-area .chart-tab a{display:inline-block;width:45px;line-height:42px;color:#000;text-align:center}
.chart-area .chart-tab a.selected{color:#ff545b;border-bottom:1px solid #ff545b} 
.chart-area-wrap .chart-area .chart-cont{display:table;width:100%}
.chart-area-wrap .chart-area .chart-cont-in{height:183px;padding:20px;overflow:hidden;display:table-cell;vertical-align:middle;text-align:center} 
.chart-area-wrap .chart-area .chart-cont img{max-width:384px;width:100%}
.chart-area .chart-cont .chart-time{  border-bottom:1px solid #eaeaea;padding-top:30px;padding-bottom:30px;text-align:center}
.table-scroll+.chart-area{margin-top:40px}
.chart-area .chart-cont .chart-time:last-child{border:0;margin-bottom:0}
.more-view{display:none}
.trends-box{margin-top:10px} 

/*box style*/
.backg-box{padding:20px;border:1px solid #eaeaea;margin-bottom:40px;background:#f9f9f9}

/*인포스탁*//* 190710 수정 */ 
.info-tab+.board-thumbnail{margin-top:-10px}
.calendar-topper{padding-bottom:20px}
.calendar-topper .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){min-width:170px}
.calendar-topper .print{display:inline-block;width:28px;height:28px;overflow:hidden;margin-left:5px;text-indent:-9999em;vertical-align:top;background:url(/rpan/common/images/btn_board.png) no-repeat 0 -84px}
.infostock-calendar{position:relative;/*padding-top:20px;*/margin-bottom: 40px;background:#fcfcfc}
.infostock-calendar .fc-toolbar.fc-header-toolbar {height:88px;padding-top:34px;padding-bottom:28px;box-sizing:border-box;border-bottom:1px solid #eaeaea;}
.infostock-calendar td>.fc-day-grid-event{margin:0}
.infostock-calendar.fc-unthemed td.fc-day-top span{display:inline-block;width:28px;height:28px;text-align:center;line-height:28px}
.infostock-calendar .fc-state-default.fc-corner-left .fc-icon-left-single-arrow{margin-top:-3px;background-position:0 -484px}
.infostock-calendar .fc-state-default.fc-corner-left .fc-icon-right-single-arrow{margin-top:-3px;background-position:-30px -484px}
.infostock-calendar.fc-unthemed td.fc-day-top.fc-today span{border-radius:50%;color:#fff;background-color:#444}
.infostock-calendar.fc-unthemed td.fc-day.fc-today.fc-state-highlight{background:#f6f1eb}

.infostock-calendar.year-ver table {background-color:#fff;}
.infostock-calendar.year-ver thead th{padding:21px 0;border-right:1px solid #eaeaea;color:#000;text-align:left;text-indent:18px;background-color:#fff;}
.infostock-calendar.year-ver thead th:nth-child(3n) {border-right:0 none;}
.infostock-calendar.year-ver thead th.today {background-color:#f6f1eb;}
.infostock-calendar.year-ver tbody {position:relative;}
.infostock-calendar.year-ver tbody td{position: relative;border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;padding:0 5px 31px;}
.infostock-calendar.year-ver tbody td:nth-child(3n){border-right:0}
.infostock-calendar.year-ver tbody td.today {background-color:#f6f1eb;}
.infostock-calendar.year-ver tbody td.today .cal_timeline > div {background-color:#f6f1eb;}
.infostock-calendar.year-ver tbody td a{display: block;color: #000;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/* 190710 이슈&테마일정 캘린더  */
.cal_timeline{max-height:212px;} 
.cal_timeline:after{content:"";position:absolute;left:0;top:0;bottom:0}
.cal_timeline > div{position:relative;/*z-index:2;*/background:#fff}
.cal_timeline > div .time-tit{display:block;padding:13px 0;text-indent:17px;font-size:16px;font-weight:bold;border-bottom:1px solid #eaeaea}
.cal_timeline .cont{padding:0 17px} 
.cal_timeline .cont ul{position:relative;border-left:1px solid #eaeaea}
/*.cal_timeline .cont ul:after{content:"";position:absolute;left:-3px;bottom:0;width:5px;height:15px;background:url("/rpan/common/images/bg_timeline.png?update=20180329") no-repeat 0 0;background-size:21px 50px}*/
.cal_timeline .cont ul > li:last-child {margin-bottom: 0;}
.cal_timeline .cont ul > li{position:relative;margin-bottom:14px;padding-left:11px}
.cal_timeline .cont ul > li:after{content:"";position:absolute;left:-3px;top:0;width:5px;height:15px;background:url("/rpan/common/images/bg_timeline.png?update=20180329") #fff no-repeat 0 0;background-size:18px}
.infostock-calendar.year-ver tbody td.today .cal_timeline .cont ul > li:after {background:url("/rpan/common/images/bg_timeline_today.png") no-repeat 0 0;background-size:18px}
.cal_timeline .cont ul > li span{display:block;color:#000;font-size:14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cal_timeline .cont ul > li p{margin-bottom:2px;padding-bottom: 0;line-height:150%;font-size:14px;}
.cal_timeline .cont ul > li p a{color:#000}
.cal_timeline .cont ul > li p a mark.color-point{color:#a7753a}
.cal_timeline .cont ul > li p img{width:60%} 
.cal_timeline .cont ul > li p span.nick-badge{display:inline}
.cal_timeline .cont ul > li p span.nick-badge img{width:20px;height:20px;background-color:#eaeaea}  
.cal_timeline .cont ul > li p span.nick-badge a{color:#a7753a}
.cal_timeline .cont ul > li ol > li{line-height:1.5;padding-left:20px;position:relative;padding-bottom:3px}
.cal_timeline .cont ul > li ol > li mark{width:14px;height:14px;line-height:14px;text-align:center; border:#eaeaea 1px solid;background-color:#f9f9f9;color:#888;font-size:10px;display:inline-block;margin-right:5px;position:absolute;top:4px;left:0}
.cal_timeline .cont > button{color:#a7753a;text-align:center;width:100%;display:block}
.cal_timeline .cont > button span{height:20px;line-height:18px;display:inline-block;color:#a7753a;padding-right:24px}  
.cal_timeline .cont > button span:after{content:'';display:inline-block;clear:both;width:12px;height:7px;margin-left:5px;background:url("/rpan/common/images/ico_toggle_brown.png?update=20180329") no-repeat 0 0;background-size:15px auto}
.cal_openBtn {overflow:hidden;position:absolute;right:-1px;bottom:-1px;width:20px;height:20px;border:1px solid #eaeaea;text-indent:-9999px;font-size:0;background:url("/rpan/common/images/ico_mob_dep3.png") 0 -30px no-repeat;background-size:20px;}
/* 이슈&테마 일정 내 팝업  */
	/* 기존팝업 */
.cal-pop{display:none;position:absolute;z-index:12;left:100px;width:348px !important;max-width:100%;padding:20px;border:1px solid #444;background:#fff}
.m-only-box .cal-pop{max-width:90%}
.cal-pop::before{content:"";width:13px;height:8px;background:url("/rpan/common/images/ico_here.png") no-repeat 0 0;background-size:13px 8px;position:absolute;top:-8px;right:50%}
.cal-pop.left-tail::before{top:-8px;left:15px}
.cal-pop .pop-title{padding:0 10px 15px 0;font-size:16px;font-weight:bold}
.cal-pop .pop-cont{font-size:13px;line-height:20px}
.cal-pop span{display:block;margin-top:15px;text-align:center}
.cal-pop .close{position:absolute;top:15px;right:15px;display:inline-block;width:13px;height:13px;text-indent:-9999em;background:url("/rpan/common/images/btn_close.png") no-repeat -1px -1px}
	/* 개별일정 pop1 */
.cal-pop.pop1{display:none;max-width:348px;}
.cal_timeline .cont .cal-pop.pop1 .pop-cont {line-height:20px;font-size: 13px;}
.cal_timeline .cont .cal-pop.pop1 .pop-cont1 {line-height:20px;font-size: 13px;}
.cal_timeline .cont  ul > li .cal-pop.pop1 p a {display: inline;font-size: 13px;}
	/*전체일정 pop2 */
.cal-pop.pop2{display:none;position:fixed;z-index:12;left:calc(50% - 200px);width:400px !important;max-width:100%;padding:0;box-shadow: 1px 2px 3px 2px rgba(0,0,0,0.1);border:0 none;background:#fff}
.cal-pop.pop2::before {background:none;}
.cal-pop.pop2.popup-wrap:after {content: "";display: block;position: absolute;bottom: 0;left: 0;width: 100%;height: 36px;background: #f9f9f9 url('http://image.moneta.co.kr/rpan/common/images/logo.png') no-repeat 15px 10px;background-size: 60px 18px;}
.cal-pop.pop2 > .pop-cont {padding-top:50px;padding-right: 0;padding-bottom: 35px;}
.cal-pop.pop2 .week {margin: 0;margin-left: -20px;padding: 14px 10px 14px;border-color: #eaeaea;}
.cal-pop.pop2 .cal_timeline {overflow-y:auto;height:475px;max-height:475px;}
.cal-pop.pop2 .cal_timeline .cont {padding:16px 0 0 2px;}
.cal-pop.pop2 .cal_timeline .pop-cont {padding:0 15px 8px 0;}
.cal-pop.pop2 span{display: inline;margin-top: 0;text-align: left;text-indent: 20px;}
.cal-pop.pop2 .pop-tit span {display:block;}
.cal-pop.pop2 .close{}
.cal-pop.pop2 .week .date strong span {margin-right:3px;}
.infostock-calendar .cal_timeline .cont ul > li p.pop-title {margin-bottom: 8px;line-height:100%;}
/* 이슈&테마 일정 월간 */
.infostock-calendar .fc .fc-body table {height:188px;}
.infostock-calendar .fc-content-skeleton table tbody tr:first-child td {padding-top: 12px;}
.infostock-calendar .fc-row .fc-content-skeleton table tbody tr:last-child td{padding-bottom:33px}
.infostock-calendar.month-ver .fc-body tr > td.fc-widget-content {border-right:0;}

.infostock-calendar.fc .fc-body table {min-height:188px;}
.infostock-calendar .fc-content-skeleton table thead tr td {position:relative;height: 32px;border-right:#eaeaea 1px solid;}
.infostock-calendar .fc-content-skeleton table thead tr td:last-child {border-right:0;}
.infostock-calendar.month-ver .fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td {border-right:#eaeaea 1px solid;}
.infostock-calendar.month-ver .fc-row .fc-content-skeleton tbody td:last-child, .fc-row .fc-helper-skeleton tbody td:last-child {border-right:0;}
.infostock-calendar .fc-content-skeleton table thead tr td .cal_openBtn {border-right:0 none;border-bottom:0 none;right:0;bottom:-145px;}
.infostock-calendar.month-ver .fc-toolbar.fc-header-toolbar{height: 53px;padding-top: 19px;padding-bottom: 16px;border-bottom:0;}

.infostock-calendar.month-ver .fc-unthemed td.fc-day-top {padding: 3px 5px 5px !important;}

/* 이슈&테마 일정 월간 모바일 */
.schedule_month_m .date_tit {width:100%;padding:4px 15px;border-bottom:1px solid #eaeaea;background-color:#f9f9f9;}
.schedule_month_m .popup-timeline.schedule-type .cont {margin-bottom:0;padding-top:11px;}
.schedule_month_m .popup-timeline .cont ul:after {display:none;}
.schedule_month_m .popup-timeline > div {margin-bottom:0;}
.schedule_month_m .popup-timeline .cont ul > li:last-child span {margin-bottom:0;padding-bottom:12px;}

.schedule-sel{margin:-20px 0 10px;padding:15px;border-top:10px solid #eff3f6;border-bottom:10px solid #eff3f6}
.schedule-sel .search-period label{width:50% !important}
.schedule-sel .select-style-case01 .btn-group.bootstrap-select{width:100%;margin-top:10px}
.popup-timeline.schedule-type .cont{padding-bottom:0;margin-bottom:-60px/*-120px*/}/* 190710 수정 */
.popup-timeline.schedule-type .cont ul>li{margin-bottom:0}
.popup-timeline.schedule-type .cont ul>li span{font-size:14px;color:#222;line-height:20px}
.popup-timeline.schedule-type .cont ul>li:after{height:20px;background-position:0 3px}
.popup-timeline.schedule-type .cont ul>li p{margin-top:-5px;color:#888}
.popup-timeline.schedule-type .cont ul>li p:last-child {margin-bottom:0;padding-bottom:11px;}
.month-sel{overflow:hidden;padding:15px 15px 0}
.month-sel li input+label{width:100%;height:34px;padding:0;line-height:34px;color:#888;text-align:center;background:#fff !important}
.month-sel li input:checked+label{border:1px solid #ff545b;line-height:32px;color:#ff545b}
.month-sel li{float:left;width:16.66%;border:1px solid #ccc;border-left:0}
.month-sel li:nth-child(6n+1){border-left:1px solid #ccc}
.month-sel li:nth-child(n+7){border-top:0}
.week .date.year strong{padding-right:0}

.block-list{margin:30px 0 20px;padding:20px;border:1px solid #eaeaea;background:#f9f9f9}
.block-list ul{overflow:hidden}
.block-list ul li{width:25%;height:36px;float:left;border:#ccc 1px solid;margin-right:-1px;background:#fff}
.block-list ul li:nth-child(n+5){margin-top:-1px}
.block-list ul li a{display:table;width:100%;height:100%;padding:0 5px;box-sizing:border-box;color:#888;text-align:center}
.block-list ul li a:hover{border:1px solid #ff545b;color:#ff545b}
.block-list ul li a span{display:table-cell;vertical-align:middle}
.block-list+.guide-text{padding-left:20px}
.tit-h2.stock-title{margin:0 0 30px 20px}
.delist-view{padding:0 10px}
.delist-view img{display:block;max-width:100%;margin:0 auto}
.delist-view ul li{position:relative;padding-left:88px;font-size:14px;line-height:20px}
.delist-view ul li span{position:absolute;top:0;left:0;width:80px}
.delist-view ul.highright li{margin-bottom:10px}
.delist-view ul.highright li span{color:#ff545b;font-weight:bold}
.delist-view dl{font-size:14px;line-height:20px}
.delist-view dt{margin-top:20px;font-weight:bold}
.delist-view dt:first-child{margin-top:0}
.padding-wrap{padding-bottom:30px}

@media only screen and (min-width:1161px) and (max-width:1260px){ 
	/* 뉴스시세 > 종목조건검색 */
	.condition-area .search-area{padding-left:0}
	.condition-area .select-style:nth-child(1) .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:150px}
	.condition-area .select-style:nth-child(2) .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:180px}
} 
@media only screen and (max-width:979px){
	/* 기간누적box :pne-box */
	.pne-box{position:relative;margin:0 0 20px;padding:0 15px 20px}
	.pne-box > p{right:15px;top:-4px}
	.pne-box .search-period{display:block;margin:15px 0 0}
	.pne-box .search-period label{width:25% !important}
	.pne-box .search-period label:nth-of-type(5), .pne-box .search-period label:nth-of-type(6), .pne-box .search-period label:nth-of-type(7), .pne-box .search-period label:nth-of-type(8){border-top:0} 
	.check-area+.pne-box{margin:20px 0 20px;border-bottom:#eff3f6 10px solid}
	.check-area+.pne-box .date-text01{right:0;top:-1px}
	.thema-top3+.pne-box{margin-top:0;border-bottom:#eff3f6 10px solid}
	.thema-top3+.tab-body{ margin:0 0 20px}
	.thema-top3+.pne-box .date-text01{right:0;top:-1px}
	.thema-top3+.pne-box+.tab-area{margin-top:20px;margin-bottom:20px}
	.tab-area+.pne-box{border-bottom:#eff3f6 10px solid}
	.pne-box+.tab-area{margin-top:0}
	.pne-box+.tab-body{padding-top:13px}
	/* 검색박스*/ 
	.condition-area{padding:0;border-width:1px 0 1px;border:none;border-bottom:#eaeaea 1px solid;border-bottom:#eff3f6 10px solid} 
	.condition-area .tit-h2{padding:0 15px}
	.condition-area .descript{margin:20px 0 15px}
	.condition-area .search-area{display:block;padding:0 15px;min-height:55px}
	.condition-area .search-area .input-style.short{width:74%} 
	.condition-area .rediscover{clear:both;text-align:left;padding-top:10px;margin-left:0;display:block}
	.condition-area .left-radio{position:static;display:block;padding:0 15px;text-align:left}
	.condition-area .left-radio+.search-area{padding-top:8px}
	.condition-area .toggle{position:static;display:block;width:100%;padding:15px 0;margin-top:10px !important;border-top:#eaeaea 1px solid}
	.condition-area .toggle span{background:url("/rpan/common/images/ico_toggle_brown.png") no-repeat right 6px;background-size:15px 30px}
	.condition-area .toggle span.on{background:url("/rpan/common/images/ico_toggle_brown.png") no-repeat right -10px;background-size:15px 30px}
	.condition-area .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100% !important} 
	.condition-area .select-style:nth-child(1) .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){margin-bottom:5px}
	.check-area{padding:20px 0;border:none;background:none;border-bottom:#eff3f6 10px solid} 
	.check-area .text{padding:0 20px 30px 20px}
	.check-area .check-list li{width:50%} 
	.check-area .check-list input[type="checkbox"]:not(old):checked+label::before{content:"";background:url("/rpan/common/images/ico_sub.png") no-repeat -30px -127px;background-size:40px 400px;padding-left:15px}
	.tit-h2.mgt-30{padding:0 15px}
	/* width:100% check*/
	.check-area .check-list > div.one-line{padding:0 20px}
	.check-area .check-list > div.one-line dd{margin:0 -20px 20px;padding:0 20px 20px;border-bottom:#eaeaea 1px solid}
	/* width:50% check*/
	.check-area .check-list > div.two-line{border-bottom:0;padding-bottom:0;margin-bottom:0}
	.check-area .check-list > div.two-line dl{padding:0 20px}
	.check-area .check-list > div.two-line dd{clear:both;overflow:hidden;margin:0 -20px 20px;padding:0 20px 20px;border-bottom:#eaeaea 1px solid}
	.check-area .check-list > div.two-line dl:nth-child(1){width:100%;float:none}
	.check-area .check-list > div.two-line dl:nth-child(2){width:100%;float:none}
	.check-area .check-list > div.two-line dl:nth-child(1) li:nth-child(1){width:50%}
	.check-area .check-list > div.two-line dl:nth-child(1) li:nth-child(2){width:50%}
	.check-area .check-list > div.two-line dl:nth-child(1) li:nth-child(3){width:50%}
	.check-area .check-list > div.two-line dl:nth-child(2) li:nth-child(1){width:50%}
	.check-area .check-list > div.two-line dl:nth-child(2) li:nth-child(2){width:50%}
	.check-area .check-list > div.two-line dl:nth-child(2) li:nth-child(3){width:50%}
	.check-area .check-list > div.two-line dl:nth-child(2) li:nth-child(4){width:50%}
	/*	.check-area .check-list > div.one-line dl:first-child .prod li{width:33.33%}
	.check-area .check-list > div.two-line dl:first-child .rate li{width:33.33%} */
	.check-area .check-list > div.two-line dl:nth-child(1) .commi li{width:33.33%}
	.check-area .check-list > div.two-line dl.shot4 .commi li{width:50%}
	.check-area .bt-area{padding:0 20px} 
	/* 뉴스검색 on */
	.news-search-area{padding:0 0 20px 0;border:none;background:none;border-bottom:#eff3f6 10px solid;display:none}
	.news-search-area > ul > li{min-height:auto}
	.news-search-area ul li > p{width:100%;float:none;padding:0 20px 10px 20px}
	.news-search-area ul li > div{width:100%;float:none;padding:0 20px}
	.news-search-area ul li.half > div.half-01{width:100%;padding-bottom:15px;margin-bottom:15px;border-bottom:#eaeaea 1px solid;line-height:36px}
	.news-search-area ul li.half > div.half-02{width:100%}
	.news-search-area ul li > div .input-style{width:100%}
	.news-search-area ul li > div.mobile-center{text-align:center;vertical-align:middle}
	.news-search-area ul li > div.mobile-center mark{height:36px;line-height:36px}
	.news-search-area ul li > div .input-style-cal{width:47%;max-width:none}
	.news-search-area ul li > div .input-style-cal.left{float:left}
	.news-search-area ul li > div .input-style-cal.right{float:right;margin-right:3px}
	.news-search-area ul li > div .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.news-search-area ul li > div .search-period{margin-bottom:5px;display:block}
	.news-search-area ul li > div .search-period input[type="radio"]:not(old)+label{width:25%} 
	.news-search-area ul li > div .search-period-cate input[type="radio"]:not(old)+label{width:50%}
	.news-search-area ul li > div .search-period-cate input[type="radio"]:not(old)+label.line{border-bottom:#ccc 1px solid}
	.condition-area+.tit-h2{margin-top:20px;padding:0 15px} 
	/* 전문가Live */ 
	.live-search-area ul li > p{width:20%}
	.live-search-area ul li > div{width:80%}
	.live-search-area .bt-area [class*="btn-b"]{min-width:auto;padding:13px 15px}
	/* 검색건수 / 종목검색어 */
	.search-data{margin-top:30px;padding-left:15px;padding-right:15px;border-bottom:#eaeaea 1px solid;font-weight:normal}
	.search-data.line{margin-left:0;margin-right:0;padding:0 15px 12px}
	.search-data.line p{right:15px}
	.search-data.line .orderby{position:static;bottom:auto;margin-left:-6px;margin-top:10px}
	.search-data.line .orderby .pc-only{display:block}
	.search-data.line .orderby .m-only{display:none;margin-top:10px}
	.search-data.line .orderby .m-only .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%} 
	/* 종목조건검색 - 안내텍스트 - 내용보기/차트보기 */
	.search-text{padding:0 120px 0 15px}
	.search-text p{right:15px}
	/* .search-text span{display:none} */
	.search-data p.text{display:none}
	.search-data p.button{position:static;text-align:right;padding-top:15px}
	/* 종목조건검색 - 차트보기 */
	.chart-list-style li{width:50%;padding:0 15px} 
	.search-text+.chart-area{border-top:#888 1px solid;border-bottom:#eaeaea 1px solid}
	.search-text+.chart-area .chart-cont{padding-top:30px}
	.chart-list-style p span{display:block} 
	.pc-only-message{position:fixed;top:0;left:0;width:100%;height:100%;display:table;background-color:#fff;z-index:100}
	.pc-only-message p{display:table-cell;vertical-align:middle;font-size:16px;color:#666;text-align:center;font-weight:bold}
	/* 테마/업종 */
	.search-text.thema{padding:20px 15px 35px}
	.search-text.thema .search-data{} 
	.search-text.thema .thema-list{position:absolute;bottom:0;left:0;margin-left:15px;	}
	.search-text.thema .thema-list button{vertical-align:bottom}
	.search-text.thema .search-data+p{right:15px;bottom:0;top:auto}
	.search-text.thema2{margin-left:0;margin-right:0;padding:0 15px 5px}
	.search-text.thema2 > p{position:static;text-align:right}
	.search-text.thema2 .orderby{position:static;margin-bottom:15px}
	.search-text.thema2 .orderby .pc-only{display:none}
	.search-text.thema2 .orderby .m-only{display:block;margin-top:10px}
	.search-text.thema2 .orderby .m-only .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.thema-top3{display:none}
	.chart-area-wrap.chart-case-02{margin-top:0}
	.chart-area-wrap.chart-case-02 .chart-area{border-left:0;border-right:0}
	/* 종목랭킹 */ 
	.ran-text{border-bottom:#eff3f6 10px solid;margin-bottom:20px;padding:0 15px 15px}
	.ran-text p{display:none} 
	.ran-list .list-box{float:none;border-bottom:#eff3f6 10px solid;margin-bottom:20px;border-left:none}
	.ran-list .list-box:nth-child(1){width:100%;padding:0}
	.ran-list .list-box:nth-child(2){width:100%;padding:0}
	.ran-list .list-box:nth-child(3){width:100%;padding:0}
	.ran-list .list-box:nth-child(4){width:100%;padding:0;border-bottom:none;margin-bottom:0}
	.ran-list .list-box dt{padding:0 15px 15px}
	.ran-list .list-box dd{padding-bottom:10px}
	.ran-list .list-box dd table{border-top:#888 1px solid}
	.ran-list .list-box dd table .per{padding-right:15px;letter-spacing:0}
	/* 지수 매매동향 */  
	.stock-state{text-align:right;padding:0 15px 16px;margin-top:-8px}
	.stock-state span{  margin-right:0}  
	.stock-state .chart-bt{display:none}
	.stock-index-wrap{margin-bottom:20px;margin:0 0 20px}
	.stock-index-wrap h1{display:block;text-align:center;margin-bottom:10px} 
	.stock-index-a{float:none;width:100%;margin-bottom:20px} 
	.stock-prices{margin-top:-10px;text-align:center;padding-bottom:30px}
	.stock-prices strong{float:none}
	.stock-prices span{display:inline-block;float:none;margin-top:10px}
	.stock-prices span+span{ display:inline-block;padding-left:10px} 
	.stock-index-a ul{clear:both; border-top:1px solid #eaeaea} 
	.stock-index-a ul li:nth-of-type(odd){width:50%;padding-left:15px;border-right:1px solid #eaeaea }
	.stock-index-a ul li:nth-of-type(even){width:50%;padding-left:15px}
	.stock-index-a ul li:last-of-type{border-right:1px solid #eaeaea}
	.stock-index-a ul li span{display:block;margin-right:0;margin-bottom:5px}
	.stock-index-a ul li:nth-of-type(2) span{width:auto}  
	.chart-area-wrap{float:none;width:100%;border-bottom:10px solid #eff3f6} 
	.chart-area{margin-bottom:0} 
	.chart-area .chart-cont{height:auto;padding:30px 0}
	.chart-area .chart-cont img{ width:100%}
	.stock-result{ border-top:1px solid #eaeaea;padding:20px 0;border-bottom:10px solid #eff3f6;background:none}
	.stock-result strong{display:block}
	.more-view{display:block;text-align:center;border-bottom:1px solid #eaeaea}
	.more-view button:after{content:"";padding:2px 20px 2px 0;background:url("/rpan/common/images/ico_toggle_more.png") no-repeat right 6px;margin-right:25px;background-size:15px 30px}
	.more-view.open button:after{background-position:right -9px} 
	.more-view.marg20{margin-bottom:20px} 
	.more-view button{position:relative;height:50px;width:100%;text-align:center;text-indent:40px;color:#a7753a;font-size:13px;border-top:1px solid #eaeaea } 
	.table-clear .more-view.open button{ border-top:0}
	.trends-box{border-top:#eff3f6 10px solid;padding-top:20px}
	.trends-box .tab-area{margin-top:0}
	.trends-box .tab-st02 li a{padding:0 10px}
	/* 인포스탁 */
	.tab-wrap{padding:20px 15px;border-top:10px solid #eff3f6;border-bottom:10px solid #eff3f6;margin-top:-20px}
	.search-period.short-ver input[type="radio"]:not(old)+label{width:16.6%}
	.block-list{margin:0;padding:20px 15px 10px;border:0;background:#fff}
	.block-list ul li{width:50%}
	.block-list ul li:nth-child(n+3){margin-top:-1px}
	.block-list ul li a{font-size:13px}
	.block-list+.guide-text{margin:0 0 -100px;padding-left:15px}
	.delist-view{padding:0 15px}
	.info-tab{margin-bottom:0}
	.info-tab+.board-thumbnail{margin-top:0}
	.info-tab+.report-view{padding-top:20px}
	.tit-h2.stock-title{margin:-20px 0 20px;padding:20px 15px;border-top:10px solid #eff3f6;border-bottom:10px solid #eff3f6}
	.theme-tit{margin-left:15px}
	.padding-wrap{margin-bottom:-100px}
} 
@media only screen and (max-width:380px){
	/* ***** 스탁론 상품검색 ***** */
	/* 검색박스*/
	.check-area .bt-area button.btn-b{width:49%;float:left;padding:12px 15px;font-size:14px;text-align:center}
	.check-area .bt-area button.btn-b span{float:none;display:inline-block}
	.check-area .bt-area a.btn-b{width:49%;float:right;padding:13px 15px;font-size:14px}
	/* 뉴스검색 on */
	.news-search-area .bt-area{padding:0 20px}
	.news-search-area .bt-area button.btn-b{width:49%;float:left;padding:12px 15px;font-size:14px;text-align:center}
	.news-search-area .bt-area button.btn-b span{float:none;display:inline-block}
	.news-search-area .bt-area a.btn-b{width:49%;float:right;padding:13px 15px;font-size:14px} 
}  

@media only screen and (max-width:320px){  
	.chart-area h2{padding-left:15px}
	.chart-area h2 strong{ margin-right:0}
	.chart-area .chart-tab a{width:40px}
} 
/* *************** 전문가방송 *************** */
/* MY 전문가 */
.popup-wrap .guide-text{margin-bottom:18px}
.popup-wrap .backg-box{overflow:hidden;padding:20px 20px 20px;border:1px solid #eaeaea;margin-bottom:25px;background:#f9f9f9}
.popup-wrap .backg-box label{display:inline-block;font-size:16px;width:105px;line-height:36px}
.popup-wrap .backg-box p{margin-bottom:10px;margin-top:-5px}
.popup-wrap .backg-box p span{display:inline-block;line-height:36px;font-size:16px;color:#ff545b}
.popup-wrap .backg-box .input-style{width:305px} 
.popup-wrap .backg-box .input-style input{ width:100%;;height:36px}  
.popup-wrap .agree-box{border-bottom:1px solid #eaeaea;padding-bottom:20px;margin-bottom:15px}
.popup-wrap .agree-box p+p{margin-top:10px;font-weight:bold} 
.popup-wrap .send-box{overflow:hidden;margin :-10px 0 20px}
.popup-wrap .send-box span{font-size:13px;color:#888;line-height:27px}
.popup-wrap .send-box button{float:right}  
/* 100%투자클럽 */
.invest-club-title{background:url("/rpan/common/images/invest_club_title.png") no-repeat right 0;height:123px;border-bottom:#eaeaea 1px solid;overflow:hidden;padding-right:160px}
.invest-club-title dt{font-size:24px;padding:20px 0}
.invest-club-title dd{font-size:16px;line-height:1.4}
.invest-club-text{padding:40px 30px;margin:0 -30px 0;border-bottom:#eaeaea 1px solid;line-height:1.4;overflow:hidden;margin-bottom:40px}
.invest-club-text p{font-size:16px;font-weight:bold;padding-bottom:10px}
.invest-club-text li{width:54%;float:left;background:url("/rpan/common/images/ico_sub.png") no-repeat -3px 0;padding-left:18px;margin-bottom:5px;word-spacing:-1px}
.invest-club-text li:nth-child(2n){width:46%}
.card-list{margin-top:0}
.card-list li div.text dd{height:auto ;overflow:hidden }
.card-list li p.button-box a.blue{min-width:87px;background-color:#1ea3fe;color:#fff;border:#1ea3fe 1px solid}
.invest-club-free{position:relative;overflow:hidden;margin-top:40px}
.invest-club-free p{position:absolute;top:-5px;right:0}
.invest-club-free p a{height:13px;line-height:13px}
.invest-free-mobile .mobile-bullet{display:none}  
/* 문자 클럽 */
.sms-club-title{background:url("/rpan/common/images/sms_club_title.png") no-repeat right 0;height:123px;border-bottom:#eaeaea 1px solid;overflow:hidden}
.sms-club-title dt{font-size:24px;padding:20px 0}
.sms-club-title dd{font-size:16px}
.sms-club-text{padding:40px 30px 30px 30px;margin:0 -30px 0;border-bottom:#eaeaea 1px solid;line-height:1.4;overflow:hidden;margin-bottom:40px}
.sms-club-text p{width:85px;display:inline-block;font-size:16px;font-weight:bold;padding-bottom:10px}
.sms-club-text ul{display:inline-block}
.sms-club-text li{display:inline-block;background:url("/rpan/common/images/ico_sub.png") no-repeat -3px 0;padding-left:18px;margin-bottom:5px;word-spacing:-1px;padding-right:30px}
/* 증권아카데미 */
.academy-title{background:url("/rpan/common/images/academy_title.png") no-repeat right 0;height:123px;border-bottom:#eaeaea 1px solid;overflow:hidden}
.academy-title dt{font-size:24px;padding:20px 0}
.academy-title dd{font-size:16px}
.academy-text{padding:40px 30px 30px 30px;margin:0 -30px 0;border-bottom:#eaeaea 1px solid;overflow:hidden;margin-bottom:40px}
.academy-text > p{width:85px;display:inline-block;font-size:16px;font-weight:bold;padding-bottom:10px}
.academy-text > p+span mark{color:#ff545b;font-size:14px}
.academy-text li{ height:80px;float:left;padding:15px 0 15px 0;text-align:center}
.academy-text li p{display:inline-block;text-align:left;color:#fff;font-size:16px;padding-left:65px;height:50px;letter-spacing:-1px }
.academy-text li span{display:block;;letter-spacing:0}
.academy-text li:nth-child(1){background:#b7aeac url("/rpan/common/images/bg_academy.png") no-repeat right 0;width:32%}
.academy-text li:nth-child(1) p{background:url("/rpan/common/images/bg_academy.png") no-repeat 0 -196px}
.academy-text li:nth-child(2){background:#9d918f url("/rpan/common/images/bg_academy.png") no-repeat right -100px;width:45%}
.academy-text li:nth-child(2) p{background:url("/rpan/common/images/bg_academy.png") no-repeat 0 -254px}
.academy-text li:nth-child(2) mark{ color:#fff}
.academy-text li:nth-child(3){background-color:#7d7473;width:23%}
.academy-text li:nth-child(3) p{background:url("/rpan/common/images/bg_academy.png") no-repeat 0 -310px} 
@media only screen and (min-width:1155px) and (max-width:1200px){
	.academy-text li p{padding-left:55px}
	.academy-text li:nth-child(1){width:32%} 
	.academy-text li:nth-child(2){width:48%}  
	.academy-text li:nth-child(3){width:20%} 
} 

/* 무료체험쿠폰 - 내쿠폰함 */
.coupon-number{text-align:center;padding-bottom:20px;border-bottom:#eaeaea 1px solid;margin-bottom:40px}
.coupon-number p{font-size:16px;padding-bottom:20px}
.coupon-number p span{color:#ff545b;font-size:16px}
.coupon-number p mark{display:block;font-size:16px}
.coupon-number p .input-style{width:240px}
.coupon-number .coupon{overflow :hidden}
p.coupone-text{color:#888;font-size:13px;padding-bottom:20px;position:relative}
p.coupone-text  span{margin-left:10px;height:13px;line-height:13px}
p.tit-h2{clear:both}
.coupon-list{overflow:hidden;margin-bottom:20px}
.coupon-list li{width:32%;min-height:132px;text-align:center;position:relative;margin-right:2%;float:left;margin-bottom:20px}
.coupon-list li:nth-child(3n){margin-right:0}
.coupon-list li dl{ padding:15px 10px 0 10px;border:#cccccc 1px solid;border-radius:7px 7px 0 0;border-bottom:none}
.coupon-list li dl dt{font-size:18px;font-weight:bold;padding-bottom:10px;line-height:1.4;width:100%;display:table;height:93px;overflow:hidden}
.coupon-list li dl dt div{width:100%;display:table-cell;vertical-align:middle;height:83px;overflow:hidden}
.coupon-list li dl dt div p{max-height:83px;overflow:hidden;font-size:18px}
.coupon-list li dl dt span{font-size:14px;color:#ff545b;font-weight:normal;display:block} 
.coupon-list li dl dt span a{font-size:14px;color:#ff545b} 
.coupon-list li dl dd{height:65px;line-height:1.6}
.coupon-list li dl dd span{display:block;font-size:13px;color:#888}
.coupon-list li .coupon-state{display:block;width:100%;padding-top:3.9%;color:#000;background:url("/rpan/common/images/coupon_bg_line.png") no-repeat 0 0;background-size:100%;background-color:#f9f9f9;border-radius:0 0 7px 7px}
.coupon-list li .coupon-state i{min-height:45px;line-height:45px;display:block;border:#ccc 1px solid;border-radius:0 0 7px 7px;border-top:none;background-color:#f9f9f9}
.coupon-list li .coupon-state button{display:block;width:100%;height:45px}
.coupon-list li .coupon-state button span{display:inline-block;height:25px;line-height:25px;background:url("/rpan/common/images/ico_sub.png") no-repeat 0 -375px;padding-left:30px;background-size:40px 400px}
.coupon-list li .coupon-state mark{color:#888;padding-left:5px;font-size:13px}
/*
.coupon-info{clear:both;background-color:#f9f9f9;padding:20px}
.coupon-info dt{background:url("/rpan/common/images/ico_sub.png") no-repeat 0 -200px;height:20px;line-height:20px;font-size:13px;color:#888;font-weight:bold;margin-bottom:5px;padding-left:24px}
.coupon-info dd li{line-height:1.6;background:url("/rpan/common/images/bul_dot2.png") no-repeat 9px 8px;background-size:2px 2px;padding-left:17px;font-size:13px;color:#888}
*/
/* 전문가쿠폰 */
.coupon-select{padding:0 0 15px 0;color:#888} 
.coupon-select .pc-only{}
.coupon-select .pc-only label{font-size:13px;margin-right:10px}
.coupon-select .m-only{display:none}
.coupon-select+.message-wrap [class*="message-st-01"] .big-text:after{background:url("/rpan/common/images/icon_message02.png") no-repeat -1133px 0}  

/* 전문가Live */ 
.live_search-area{border:none;border-top:#000 1px solid;border-bottom:#eaeaea 1px solid}
.live-board-card{margin-top:20px}  
/* 무료체험쿠폰 - 쿠폰받기팝업/완료팝업 */ 
.pop-coupon p.p-text{color:#888;font-size:13px;padding-bottom:15px}
.pop-coupon .coupon-get{width:285px;text-align:center;position:relative;margin:0 auto 20px}
.pop-coupon .coupon-get.mag-non{margin-bottom:0}
.pop-coupon .coupon-get dl{ padding:30px 0 0 0;border:#cccccc 1px solid;border-radius:7px 7px 0 0;border-bottom:none}
.pop-coupon .coupon-get dl dt{font-size:18px;font-weight:bold;padding-bottom:10px;line-height:1.4}
.pop-coupon .coupon-get dl dt span{font-size:14px;color:#ff545b;font-weight:normal;display:block}
.pop-coupon .coupon-get dl dd{line-height:1.6;padding-bottom:10px}
.pop-coupon .coupon-get dl dd div{margin:0 auto;display:inline-block}
.pop-coupon .coupon-get dl dd span{display:block;font-size:13px;color:#888;text-align:left}
.pop-coupon .coupon-get .coupon-state{display:block;width:100%;padding-top:11px;color:#000;background:url("/rpan/common/images/coupon_bg_line.png") no-repeat 0 0;background-size:100%;background-color:#f9f9f9;border-radius:0 0 7px 7px}
.pop-coupon .coupon-get .coupon-state i{min-height:45px;line-height:45px;display:block;border:#ccc 1px solid;border-radius:0 0 7px 7px;border-top:none;background-color:#f9f9f9}
.pop-coupon .coupon-get .coupon-state button{display:block;width:100%;height:45px}
.pop-coupon .coupon-get .coupon-state button span{display:inline-block;height:25px;line-height:25px;background:url("/rpan/common/images/ico_sub.png") no-repeat 0 -375px;padding-left:30px;background-size:40px 400px}
.pop-coupon .coupon-get .coupon-state mark{color:#888;padding-left:5px;font-size:13px}
.pop-coupon .coupon-success{position:relative;border:#eaeaea 1px solid;text-align:center;padding:68px 20px 30px 20px;margin-bottom:20px;font-weight:bold}
.pop-coupon .coupon-success::before{content:"";position:absolute;left:50%;margin-left:-13px;top:30px;width:25px;height:26px;background:url("/rpan/common/images/ico_sub5.png") no-repeat -55px -774px}
.pop-coupon .coupon-success span{color:#ff545b}
.pop-coupon .ars-num{border-top:#444444 1px solid;border-bottom:#eaeaea 1px solid;padding:10px 0;margin-bottom:20px}
.pop-coupon .ars-num .input-style{width:60%}
/* 무료방송 */
.free-visual{padding:20px 30px 50px;background:url("/rpan/common/images/free_bg.jpg") no-repeat 0 0;background-size:cover;margin:-20px -30px 40px;position:relative}
.free-visual .tit-h1{color:#fff}
.free-visual .title{color:#fff;text-align:center;font-size:24px;padding-bottom:30px}
.free-visual .title:before{content:"";background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -168px;padding-left:34px}
.free-visual .title span{color:#ff545b}
.free-visual > button{width:34px;height:38px;display:inline-block;overflow:hidden;text-indent:-9999em;vertical-align:middle;position:absolute;top:53%}
.free-visual > button.free-visual-prev{background:url("/rpan/common/images/btn_left_right.png") no-repeat 0 -72px;left:30px}
.free-visual > button.free-visual-next{background:url("/rpan/common/images/btn_left_right.png") no-repeat -45px -72px;right:30px}
.free-visual .rolling{overflow:hidden;position:relative;margin:0 30px}
.free-visual .rolling ul{display:inline-block;vertical-align:middle;width:300%}
.free-visual .rolling ul li{box-sizing:border-box;float:left;width:10.51%;line-height:1.6;background-color:#fff}
.free-visual .rolling ul li p.button-box{left:0;right:0}
.free-visual .rolling ul li p.button-box a{min-width:auto;padding:6px 6px}
.free-visual .rolling ul li p.button-box a:nth-child(3){padding:6px 3px}
.free-visual .mobile-bullet{display:none}
.free-visual.free-bg-02{background:url("/rpan/common/images/free_bg_02_pc.png") no-repeat 0 0;background-size:cover}
.free-visual .free-nodata{background:url("/rpan/common/images/pex_free_bg.png") no-repeat center 0;background-size:45px 50px;padding-top:65px;text-align:center;color:#fff;line-height:1.4;margin-top:-20px}
.free-visual .free-nodata dt{font-size:24px;padding-bottom:10px;color:#fff}
.free-visual .free-nodata dd{font-size:16px;color:#fff}
.free-visual .free-nodata dd span{display:block;color:#fff}
.free-tit-h2{position:relative;clear:both}
.free-tit-h2 p{position:absolute;top:-10px;right:0}
.free-tit-h2 p .free_cal{border:#ccc 1px solid;height:28px;line-height:25px;overflow:hidden;display:inline-block;background:url("/rpan/common/images/btn_board2.png") no-repeat	5px -114px;padding:0 10px 0 30px;color:#888;font-size:14px}
.free-list{margin-bottom:40px}
.free-list li{border:#eaeaea 1px solid;margin-bottom:10px;padding:0 20px 0 0;overflow:hidden;display:table;width:100%}  
.free-list li > p{display:table-cell;width:18.5%;vertical-align:middle;font-size:16px;background-color:#f9f9f9;padding:0 0 0 20px}
.free-list li > p mark{display:block;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0px -104px;background-size:40px 400px;padding-left:20px;font-size:16px} 
.free-list li > dl{display:table-cell;padding:20px 0 20px 20px}
.free-list li > dl dt{display:table-cell;width:80px;text-align:center;background-color:#eaeaea;border-radius:50%;overflow:hidden}
.free-list li > dl dt img{height:80px;padding-top:5px}
.free-list li > dl dd{display:table-cell;vertical-align:middle;padding-left:20px;line-height:1.6}
.free-list li > dl dd a{color:#000}
.free-list li > dl dd strong{display:block;font-size:16px}
.free-list li > dl dd span{display:block} 
.free-list li > span{display:table-cell;width:28%;text-align:right;vertical-align:middle}
.free-list li > span .btn-s.gray{padding:5px 10px}
.free-list li > span .btn-s.gray::before{content:"";width:14px;height:15px;display:inline-block;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -89px;background-size:40px 400px;vertical-align:middle;padding-right:5px}
/* 베스트수익률 */
.pexinfbes-text{color:#ff545b;text-align:left;padding:4px 80px 8px 15px;min-height:28px;position:relative;box-sizing:content-box;line-height:1.6;text-indent:-12px}
.pexinfbes-text span{padding-left:10px;position:absolute;top:0;right:0;text-indent:0}
.pexinfbes-view{background:#f9f9f9;margin-top:40px;position:relative;overflow:hidden}
/* 베스트수익률 상세 */
.board-view.best-view{padding-bottom:0}
.board-view.best-view .board-view-tit h1{padding-right:38px}
.board-view.best-view .board-view-tit .share-more{right:0}
.board-view.best-view .board-view-tit  .button-box{right:13px} 
.pexinfbes-view{background:#f9f9f9;margin-top:40px;position:relative;overflow:hidden}
.pexinfbes-view .tit-h2{margin:0;position:absolute;top:20px;left:20px}
.pexinfbes-view .image{position:absolute;top:0;left:0;width:40%;height:270px;overflow:hidden;text-align:center;padding-top:30px}
.pexinfbes-view .detail{/*width:60%;float:right;*/padding:28px 30px 15px 30px}
.pexinfbes-view .detail .title{padding-bottom:15px}
.pexinfbes-view .detail .title span{font-size:24px;vertical-align:middle}
.pexinfbes-view .detail .title a{margin-left:10px;position:absolute;top:20px;right:20px;padding-left:26px;background:#fff url("/rpan/common/images/bl_txt.png") no-repeat -26px -30px;background-size:50px 50px;border:#444 1px solid;color:#000}
.pexinfbes-view .detail h3{font-size:16px;line-height:1.4;font-weight:normal}
.pexinfbes-view .detail h3:after{content:"";width:30px;height:1px;background-color:#ff545b;display:block;margin:16px 0 15px 0}
.pexinfbes-view .detail > div > ul{overflow:hidden;width:100%}
.pexinfbes-view .detail > div > ul li{max-width:25%;padding:0 25px 0 20px;margin-bottom:10px;line-height:1.6;color:#9f9f9f;font-size:14px;float:left;position:relative}
.pexinfbes-view .detail > div > ul li:after{content:"";width:1px;height:40px;background-color:#eaeaea;display:inline-block;position:absolute;top:5px;right:0}
.pexinfbes-view .detail > div > ul li:first-child{padding-left:0}
.pexinfbes-view .detail > div > ul li strong{color:#000;font-size:14px;display:block}
.pexinfbes-view .detail > div > ul li span{color:#000;font-size:14px;display:block}
.pexinfbes-view .detail > div > ul li mark{color:#ff545b;margin-top:-9px;font-size:24px;display:block}
.pexinfbes-view .detail > div > ul li:nth-child(5){max-width:45%}
.pexinfbes-view .detail > div > ul li:nth-child(5):after{display:none}
.pexinfbes-view .bt-area{position:absolute;top:20px;right:20px;padding:0}
.pexinfbes-view .bt-area .link-btn.kakao{margin:0 0 0 5px}
.pexinfbes-view .bt-area .link-btn.kakao:after{width:24px;height:18px;margin-top:-10px;padding:0}
/* 최근베스트수익률 :종목진단-긴급추천주 */
.pexinfbes-view.pdi .detail{width:60%;float:right}
.pexinfbes-view.pdi .detail > div > ul li{max-width:30%}
.pexinfbes-view.pdi .detail > div > ul li:nth-child(4):after{display:none}
.pexinfbes-view.pdi .detail > div > ul li:nth-child(5){max-width:100%;padding-left:0}
/* 베스트수익률 하단 리스트 */
.best-graph{padding:50px 0 0 0;text-align:center}
.best-graph img{display:block;margin:0 auto}
.bext-ex-box{clear:both;margin:65px 0 58px 0;overflow:hidden}
.best-ex-list{box-sizing:border-box;float:left;width:49%;border:1px solid #eaeaea}
.best-ex-list.yield{margin-right:2%}
.best-ex-list.strategy{}
.best-ex-list .tit-h2{padding:0 20px;margin:0;line-height:44px;vertical-align:middle;border-bottom:1px solid #eaeaea}
.best-ex-list .in-list{padding:8px 0 8px 15px}
.best-ex-list .in-list *{display:inline-block;line-height:29px;vertical-align:middle}
.best-ex-list .in-list li{display:block}
.best-ex-list .in-list a{display:block;color:#000}
.best-ex-list .in-list .tit{display:inline-block;max-width:62%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.best-ex-list .in-list .date{margin-left:5px;font-size:13px;color:#888}
.best-ex-list.strategy .in-list a .tit{max-width:80%}
/* 이용안내 - 공통 */
.professional-top{color:#fff;padding:60px 0;margin-bottom:40px}
.professional-top dt{font-size:24px}
.professional-top dt:after{content:"";width:25px;height:1px;background-color:#a4aaae;display:block;text-align:center;margin:20px auto 15px}
.professional-top dd{font-size:16px;line-height:1.6;width:50%;margin:0 auto}
.pro-top01{text-align:center;background:url("/rpan/common/images/pro_info01_pc.png") no-repeat center 50%;background-size:cover}
.pro-top02{text-align:center;background:url("/rpan/common/images/pro_info02_pc.png") no-repeat center 50%;background-size:cover}
.pro-top03{text-align:center;background:url("/rpan/common/images/pro_info03_pc.png") no-repeat center 50%;background-size:cover}
.pro-top04{text-align:center;background:url("/rpan/common/images/pro_info04_pc.png") no-repeat center 50%;background-size:cover}
.pro-top05{text-align:center;background:url("/rpan/common/images/pro_info05_pc.png") no-repeat center 50%;background-size:cover} 
.pex-info-area h2.tit-h2{font-size:20px;font-weight:normal;padding-bottom:10px;line-height:1.3}
.pex-info-area h3.tit-h3{font-weight:bold} 
.pex-info-area h2.tit-h2+p{margin-top:-10px;font-size:13px;color:#888}
.pex-info-area h2.tit-h2+p.bt-p{margin-top:-10px;font-size:13px;color:#888;padding-right:170px;position:relative}
.pex-info-area h2.tit-h2+p mark{color:#888}
.pex-info-area h2.tit-h2+p span{position:absolute;top:10px;right:0} 
[class*="step-area"]{width:100%;overflow:hidden}
[class*="step-area"] li{float:left;position:relative}
[class*="step-area"] li:after{content:"";background:url("/rpan/common/images/bl_arrow3.png") no-repeat 0 0;width:6px;height:10px;background-size:6px 10px;position:absolute;top:50%;right:-12px;margin-top:-5px}
[class*="step-area"] li:last-child{padding-right:0}
[class*="step-area"] li:last-child:after{display:none}
[class*="step-area"] li > div{display:block;border:#eaeaea 1px solid}
[class*="step-area"] li > div .info-step{display:block;height:43px;line-height:43px;text-align:center;background-color:#f9f9f9;color:#ff545b;font-size:13px}
[class*="step-area"] li > div p{height:60px;display:table;width:100%}
[class*="step-area"] li > div p span{display:table-cell;vertical-align:middle;text-align:center}  
.step-area-02 li{width:49%;margin-right:2%}
.step-area-02 li:last-child{margin-right:0}
.step-area-02 li p{height:60px}  
.step-area-03 li{width:32%;margin-right:2%}
.step-area-03 li:last-child{margin-right:0}
.step-area-03 li p{height:60px} 
.step-area-04 li{width:23.5%;margin-right:2%}
.step-area-04 li:last-child{margin-right:0}
.step-area-04 li p{height:75px !important}
/* 이용안내 - 전문가카페 소개 / 전문가 Live 안내 */
.professional-info00{margin-bottom:40px} /* pc X - m O */
.professional-info01{border-bottom:#eaeaea 1px solid;padding-bottom:40px;margin-bottom:40px} /* pc O - m O */ 
.professional-info00 .list{border:#eaeaea 1px solid;padding:20px 0;overflow:hidden;margin-bottom:40px;display:table;width:100%}
.professional-info00 .list li{border-right:#eaeaea 1px dashed;width:33.33%;display:table-cell;vertical-align:top;text-align:center;padding:10px 15px 20px;line-height:1.6}
.professional-info00 .list li:last-child{border-right:none}
.professional-info00 .list li dt{position:relative;font-size:20px;padding:110px 0 5px;letter-spacing:-1px} 
.professional-info00 .list li dd span.block{display:block;padding-top:5px} 
.professional-info00 .list li dt:before{content:"";width:100px;height:100px;position:absolute;top:0;left:50%;margin-left:-50px;background:url("/rpan/common/images/pex_info_title1.png") no-repeat 0 0;background-size:600px 100px}
.professional-info00 .list.info li:nth-child(1) dt:before{background-position:0 0 }
.professional-info00 .list.info li:nth-child(2) dt:before{background-position:-100px 0}
.professional-info00 .list.info li:nth-child(3) dt:before{background-position:-200px 0}
.professional-info00 .list.live li:nth-child(1) dt:before{background-position:-300px 0}
.professional-info00 .list.live li:nth-child(2) dt:before{background-position:-400px 0}
.professional-info00 .list.live li:nth-child(3) dt:before{background-position:-500px 0}  

.jun-g-member{padding-top:30px;position:relative} 
.wide-image{text-align:center;/*padding:40px 30px;*/ border:#eaeaea 1px solid;position:relative}
.wide-image img{max-width:100%}
.wide-image.w-img2{border:none;padding-bottom:0;margin-top:10px} 
.pro-app{margin-top:20px;margin-bottom:40px;border-bottom:#eaeaea 1px solid;padding-bottom:40px}
.pro-app dl{background:url("/rpan/common/images/app_pc.png") no-repeat center 0;background-size:cover;color:#fff;padding:30px 250px 30px 40px;line-height:1.7;min-height:140px;position:relative}
.pro-app dt{font-weight:bold;font-size:16px}
.pro-app dd{font-size:13px}
.pro-app dd span{display:block;padding-top:5px}
.pro-app dd span .btn-s{border:#fff 1px solid;color:#fff;background:none;font-size:13px}
.pro-app dd.img{text-align:center;position:absolute;bottom:0;right:30px;line-height:0}
.pro-app dd.img img{width:198px;height:116px}
.pro-app mark{color:#fff}
.pro-find{margin:10px 0 40px 0;overflow:hidden}
.pro-find li{position:relative;width:32.5%;margin-right:1.2%;float:left;border:#eaeaea 1px solid;text-align:center;padding:110px 0 30px 0;line-height:1.2;letter-spacing:-1px} 
.pro-find li:nth-child(3){ margin-right:0}
.pro-find li:before{content:"";width:60px;height:60px;position:absolute;top:30px;left:50%;margin-left:-30px;background:url("/rpan/common/images/pex_pro_find1.png") no-repeat 0 0;background-size:180px 60px} 
.pro-find li:nth-child(2):before {background-position:-60px 0 }
.pro-find li:nth-child(3):before {background-position:-120px 0}
 
.pro-find li strong{display:block;font-size:16px;padding-bottom:8px}
.pro-find li p{font-size:14px}
.prolive-step{border:#eaeaea 1px solid;background-color:#f5f5f5;margin-bottom:10px;overflow:hidden;position:relative}
.prolive-step div{width:300%}
.prolive-step div dl{width:33.33%;float:left;padding:40px 60px;text-align:center;min-height:500px}
.prolive-step div dl dt{color:#ff545b;font-size:20px;padding-bottom:10px}
.prolive-step div dl dd{color:#888;font-size:16px}
.prolive-step div dl dd span{color:#000} 
.prolive-step div dl:nth-child(1){background:url("/rpan/common/images/prolive_step1.png") no-repeat center 106px}
.prolive-step div dl:nth-child(2){background:url("/rpan/common/images/prolive_step2.png") no-repeat center 106px}
.prolive-step div dl:nth-child(3){background:url("/rpan/common/images/prolive_step3.png") no-repeat center 106px}
.prolive-step .left{position:absolute;top:50%;left:20px;width:29px;height:58px;background:url("/rpan/common/images/btn_left_right.png") no-repeat 0 -348px;text-indent:-9999em}
.prolive-step .right{position:absolute;top:50%;right:20px;width:29px;height:58px;background:url("/rpan/common/images/btn_left_right.png") no-repeat -51px -348px;text-indent:-9999em}
.prolive-tip{position:relative}
.prolive-tip .m-ver{display:none}
.prolive-tip p{padding-top:10px}
.prolive-tip p .btn-s.install{padding:6px 10px 4px 10px}
.prolive-tip p .btn-s.install::before{content:"";width:13px;height:11px;display:inline-block;vertical-align:middle;padding-right:5px;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -718px;padding-bottom:3px}
.prolive-vod-tip{overflow:hidden;margin-top:60px;position:relative}
.prolive-vod-tip dl{border:#eaeaea 1px solid;width:49%;padding:20px;min-height:266px}
.prolive-vod-tip dl:nth-child(1){float:left}
.prolive-vod-tip dl:nth-child(2){position:absolute;top:0;right:0;height:100%}
.prolive-vod-tip dl dt{font-size:16px;color:#fff;height:40px;line-height:40px;text-align:center}
.prolive-vod-tip dl:nth-child(1) dt{background-color:#ff545b}
.prolive-vod-tip dl:nth-child(2) dt{background-color:#ff9a46}
.prolive-vod-tip dl dd{padding:15px 30px 15px 0}
/* 방송시청 Tip */ 
.pop-cont .see-tip{padding-bottom:20px}
.pop-cont .see-tip dl{padding-bottom:35px;border-bottom:#eaeaea 1px solid;margin-bottom:35px;line-height:1.6}
.pop-cont .see-tip dl:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.pop-cont .see-tip dl dt{font-size:16px;font-weight:bold;padding-bottom:5px}
.pop-cont .see-tip dl dd li{padding-left:17px;text-indent:-17px;padding-right:20px}
.pop-cont .see-tip dd p{padding-top:15px;padding-bottom:10px}
.pop-cont .see-tip dd p img{max-width:100%}
.pop-cont .see-tip dd p a{margin-bottom:10px}
/* ARS */
[class*="ars-area"]{border-top:#444 1px solid;margin-bottom:10px;overflow:hidden}
[class*="ars-area"] dl{border-bottom:#eaeaea 1px solid;background-color:#f9f9f9;text-align:center;padding:20px 0}
[class*="ars-area"] dl dt{font-size:16px;font-weight:bold;padding-bottom:8px}
[class*="ars-area"] dl dd{color:#ff545b;font-size:20px} 
.ars-area-02 dl{width:50%}
.ars-area-02 dl:nth-child(1){float:left;border-right:#eaeaea 1px solid}
.ars-area-02 dl:nth-child(2){float:right} 
.ars-jun-mem [class*="ars-area"]{margin-bottom:20px}
.ars-jun-mem .step-area-03{margin-bottom:10px}
.ars-jun-mem .step-area-03+.dot-list02{margin-bottom:40px}
.ars-jun-mem .step-area-03+.dot-list02 > li > span{display:inline;margin-left:10px}
.ars-jun-mem .step-area-03+.dot-list02 .desh-list li span{display:block}
.ars-expert{overflow:hidden;display:table;width:100%;margin-bottom:10px}
.ars-expert > p{position:relative;display:table-cell;width:140px;vertical-align:top}
.ars-expert > p:after{content:"";background:url("/rpan/common/images/bl_arrow3.png") no-repeat 0 0;width:6px;height:10px;background-size:6px 10px;position:absolute;top:50%;right:3px;margin-top:-5px}
.ars-expert > p span{display:block;border:#eaeaea 1px solid;width:125px;height:105px;font-weight:bold;text-align:center;padding:30px 0}
.ars-expert > div{display:table-cell;vertical-align:top}
/* 알리미/티커 */
.expert-allim{border:#eaeaea 1px solid;padding:10px 0 0 0;margin-bottom:10px}
.expert-allim .box{text-align:center;padding:20px 0;width:50%;float:left;margin-bottom:10px}
.expert-allim .box:after{content:"";display:block;margin:0 auto;width:100%;max-width:260px;height:100px}
.expert-allim .box p{padding-bottom:10px}
.expert-allim .box:nth-child(1){border-right:#eaeaea 1px dashed}
.expert-allim .box:nth-child(1):after{background:url("/rpan/common/images/expert_allim01.png") no-repeat 0 0;background-size:260px 100px}
.expert-allim .box:nth-child(2){}
.expert-allim .box:nth-child(2):after{background:url("/rpan/common/images/expert_allim02.png") no-repeat 0 0;background-size:260px 100px}
.allim-t-button{clear:both;background-color:#f9f9f9;padding:20px 0 10px 0;text-align:center;color:#888}
.allim-t-button a{height:32px}
.allim-t-button p{padding-bottom:10px;font-size:13px}
.allim-t-button.border{border:#eaeaea 1px solid;margin-bottom:10px}
.allim-text{font-size:13px;color:#888}
.allim-dote{display:none}
.free-sms{border-top:#444 1px solid;margin-bottom:40px}
.free-sms ul{margin-bottom:10px}
.free-sms li{border-bottom:#eaeaea 1px solid;display:table;width:100%;padding:15px 30px 15px 0;line-height:1.6}
.free-sms li > p{display:table-cell;width:60px;vertical-align:middle;text-align:center;color:#ff545b}
.free-sms li > div{display:table-cell;vertical-align:middle}
.free-sms > p{font-size:13px;color:#888}
/* PAX티커 레이어 */ 
.pop-cont .ticker-box{border:#eaeaea 1px solid;margin-bottom:30px;margin-top:10px}
.pop-cont .ticker-box ul{padding:20px}
.pop-cont .ticker-box p{background-color:#f9f9f9;padding:10px;text-align:center}
.pop-cont .pax-ticker+.tab-area [class*="tab-st01"]{margin-bottom:24px}
.pop-cont [class*="ticker-step"]{margin-bottom:40px} 
.pop-cont [class*="ticker-step"] dl{width:48%;margin-right:4%;float:left;text-align:center;border:#eaeaea 1px solid;margin-bottom:23px;position:relative}
.pop-cont [class*="ticker-step"] dl:after{content:"";background:url("/rpan/common/images/bl_arrow3.png") no-repeat 0 0;width:6px;height:10px;background-size:6px 10px;position:absolute;top:50%;right:-16px;margin-top:-5px}
.pop-cont [class*="ticker-step"] dl dt{height:43px;line-height:43px;color:#ff545b;background-color:#f9f9f9}
.pop-cont [class*="ticker-step"] dl:nth-child(2n){margin-right:0}
.pop-cont [class*="ticker-step"] dl:nth-child(2n):after{display:none}
.pop-cont [class*="ticker-step"] dl dd{padding:20px 0;line-height:1.6}
.pop-cont [class*="ticker-step"] dl dd::before{content:"";width:240px;height:128px;display:block;margin:0 auto;margin-bottom:20px;border:#eaeaea 1px solid}
.pop-cont [class*="ticker-step"] dl dd span{color:#888;display:block}
.pop-cont [class*="ticker-step"]+.guide-text03{clear:both}
.pop-cont .ticker-step-install dl:nth-child(1) dd::before{background:url("/rpan/common/images/ticker_install1.png") no-repeat 0 0}
.pop-cont .ticker-step-install dl:nth-child(2) dd::before{background:url("/rpan/common/images/ticker_install2.png") no-repeat 0 0}
.pop-cont .ticker-step-install dl:nth-child(3) dd::before{background:url("/rpan/common/images/ticker_install3.png") no-repeat 0 0}
.pop-cont .ticker-step-install dl:nth-child(4) dd::before{background:url("/rpan/common/images/ticker_install4.png") no-repeat 0 0}
.pop-cont .ticker-step-add dl:nth-child(3) dd{height:266px}
.pop-cont .ticker-step-add dl:nth-child(3) dd{height:266px}
.pop-cont .ticker-step-add dl:nth-child(1) dd::before{background:url("/rpan/common/images/ticker_add1.png") no-repeat 0 0;height:138px}
.pop-cont .ticker-step-add dl:nth-child(2) dd::before{background:url("/rpan/common/images/ticker_add2.png") no-repeat 0 0;height:138px}
.pop-cont .ticker-step-add dl:nth-child(3) dd::before{background:url("/rpan/common/images/ticker_add3.png") no-repeat 0 0;height:138px}
.pop-cont .ticker-step-add dl:nth-child(4) dd::before{background:url("/rpan/common/images/ticker_add4.png") no-repeat 0 0;height:138px}
/* 정회원 혜택 */
.jung-text{overflow:hidden;position:relative}
.jung-text dl{border:#eaeaea 1px solid;width:49%;padding:20px;min-height:266px}
.jung-text dl:nth-child(1){float:left}
.jung-text dl:nth-child(2){position:absolute;top:0;right:0;height:100%}
.jung-text dl dt{font-size:16px;height:40px;line-height:40px;text-align:center;background-color:#f9f9f9}
.jung-text dl dd{padding:15px 10px 0 0}
.jung-text dl dd span{display:block;color:#888}
.monthly-example{width:100%;overflow:hidden}
.monthly-example > div.box{width:32%;margin-right:2%;float:left}
.monthly-example > div.box:nth-child(3){margin-right:0;	}
.monthly-example > div.box .saving{text-align:center;width:180px;height:213px;margin:0 auto;font-weight:bold;font-size:16px;padding-top:72px}
.monthly-example > div.box .saving span{display:block;color:#ff545b;font-size:20px}
.monthly-example > div.box:nth-child(1) .saving{background:url("/rpan/common/images/jung_bg01.png") no-repeat center 0;background-size:180px;height:213px}
.monthly-example > div.box:nth-child(2) .saving{background:url("/rpan/common/images/jung_bg02.png") no-repeat center 0;background-size:180px;height:213px}
.monthly-example > div.box:nth-child(3) .saving{background:url("/rpan/common/images/jung_bg03.png") no-repeat center 0;background-size:180px;height:213px}
.monthly-example > div.box dl{border:#eaeaea 1px solid}
.monthly-example > div.box dl dt{display:block;height:43px;line-height:43px;text-align:center;background-color:#f9f9f9;font-size:16px}
.monthly-example > div.box dl dd{padding:16px 30px 30px 30px;height:84px}
.monthly-example > div.box dl dd p{position:relative;letter-spacing:-1px;line-height:1.8}
.monthly-example > div.box dl dd p strong{font-weight:normal}
.monthly-example > div.box dl dd p span{position:absolute;top:0;right:0}
/* 나의 적립머니 레이어 */
.pop-cont .accumulate-money{font-size:20px;font-weight:bold;text-align:center;padding:40px 0;line-height:1.7} 
/* 투자전략 */
.pextop-benner{position:relative;min-height:213px;background:#776e6d url("/rpan/common/images/bg_pextop.png") no-repeat 100% 0;padding:20px 30px 30px;color:#fff;margin-bottom:30px}
.pextop-benner .tit-h1{position:relative;margin-bottom:45px;z-index:2}
.pextop-benner .tit-h1:after{content:"";position:absolute;left:0;bottom:-20px;width:30px;height:2px;background:#ff545b}
.pextop-benner h1{font-size:40px;font-weight:normal;margin-bottom:17px}
.pextop-benner h1 a{color:#fff;margin-left:10px}
.pextop-benner h1 a.link-btn:after{background:url("/rpan/common/images/ico_pex_cafe.png") no-repeat 0 2px;background-size:11px 10px}
.pextop-benner dl{ overflow:hidden;line-height:160%;padding-right:34%}
.pextop-benner dl dt{float:left;width:95px} 
.pextop-benner dl dd{float:left;width:80%} 
.pextop-benner dl dd a{color:#fff}
.pextop-benner .img-w{ display:block;position:absolute;right:80px;bottom:0;font-size:0;text-align:right}
.pextop-benner .img-w img{width:210px}
/* 수익산맥 메뉴 추가 / 메인 : 181108 */
.pex-profit-box .premium{position:absolute;top:-1px;left:9px;width:60px;height:52px;background:url(/rpan/imgs/expert/icon_premium.png) no-repeat;background-size:60px 52px;text-indent:-9999em}
.pex-profit-box .banner-box{padding-bottom:10px;background:#eff3f6}
.pex-profit-box .banner-box .banner-mo{display:none}
/* 수익산맥 중간 광고*/
.profit-md-box{padding:0 30px 20px}
.profit-md-box  h2.sub-main-tit{font-size:20px;padding:30px 0 15px;font-weight:normal;border-bottom:none}
.profit-md-add{display:table;width:100%;padding:13px 0;border:1px solid #eaeaea}
.profit-md-add:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.profit-md-add dt,.profit-md-add dd{display:table-cell;width:50%;text-align:center;vertical-align:middle}
.profit-md-add dt{padding:6px 0 5px}
.profit-md-add dt:before{content:"";display:inline-block;width:82px;height:81px;margin-right:20px;vertical-align:middle;background:url("/rpan/imgs/expert/icon_profit.png") no-repeat 0 0}
.profit-md-add dt span{display:inline-block;vertical-align:middle}
.profit-md-add dt span b{display:inline-block;padding-bottom:16px;font-size:20px;letter-spacing:-1px}
.profit-md-add dd{padding-left:48px;line-height:24px;text-align:left;border-left:1px dashed #ccc}
/* 수익산맥 전문가 방송 */
.pex-profit-box .main-board-card .sub-main-tit{padding:20px 30px;font-size:16px;border-bottom:none}
.pex-profit-box .main-board-card .card-list{padding:0 30px 20px}
@media only screen and (max-width:979px){ 
	/* MY 전문가 */
	.popup-wrap .guide-text{margin-bottom:15px;padding:0} 
	.popup-wrap .backg-box{padding:15px}
	.popup-wrap .backg-box label{display:none}
	.popup-wrap .backg-box p label{display:inline-block}
	.popup-wrap .backg-box .input-style{width:100%} 
	.popup-wrap .send-box button{float:none;display:block;margin-top:5px} 
	/* 100%투자클럽 */
	.invest-club-title{background-size:75px 50px;background-position:95% 70%;height:auto;padding:0 15px}
	.invest-club-title dt{width:70%;font-size:20px;padding:0 0 20px 0}
	.invest-club-title dd{width:70%;padding-bottom:20px;font-size:14px}
	.invest-club-text{margin:0 0 30px 0;padding:20px 15px;border-bottom:#eff3f6 10px solid}
	.invest-club-text li{background-size:40px 400px;background-position:-23px -20px;float:none;width:100%;margin-bottom:10px;line-height:1.5}
	.invest-club-text li:nth-child(2n){width:100%}
	.card-list{padding-top:0}
	.invest-club-free{padding:0 15px}
	.invest-club-free p{right:15px} 
	.invest-free-mobile{width:96%;overflow-x:scroll;margin:0 2%;overflow:hidden}
	.invest-free-mobile .board-card .card-list{width:300%;padding:0}
	.invest-free-mobile .board-card .card-list li{width:33.33%} 
	.invest-free-mobile .mobile-bullet{text-align:center;display:block}
	.invest-free-mobile .mobile-bullet button{width:10px;height:10px;display:inline-block;overflow:hidden;text-indent:-9999em;background-color:#888;border-radius:5px;margin:0 3px}
	.invest-free-mobile .mobile-bullet button.checked{background-color:#ffc03d}
	/* 문자 클럽 */
	.sms-club-title{background-size:85px 50px;background-position:95% 70%;height:auto;padding:0 15px}
	.sms-club-title dt{width:70%;font-size:20px;padding:0 0 20px 0}
	.sms-club-title dd{width:70%;line-height:1.4;padding-bottom:20px;font-size:14px}
	.sms-club-text{margin:0 0 30px 0;padding:20px 15px;border-bottom:#eff3f6 10px solid}
	.sms-club-text p{display:block;width:100%}
	.sms-club-text ul{display:block;width:100%}
	.sms-club-text li{background-size:40px 400px;background-position:-23px -20px;float:left;width:55%;padding-right:0}
	.sms-club-text li:nth-child(2n){width:45%}
	/* 증권아카데미 */
	.academy-title{background-size:85px 50px;background-position:95% 70%;height:auto;padding:0 15px}
	.academy-title dt{width:70%;font-size:20px;padding:0 0 20px 0}
	.academy-title dd{width:70%;line-height:1.4;padding-bottom:20px;font-size:14px}
	.academy-text{margin:0;padding:20px 15px 30px;border-bottom:#eff3f6 10px solid}
	.academy-text > p+span{display:block;line-height:1.4;padding-bottom:15px}
	.academy-text li{float:none;text-align:left;padding:15px}
	.academy-text li p{font-size:14px}
	.academy-text li span{padding-bottom:5px}
	.academy-text li:nth-child(1){width:100%;background-image:none}
	.academy-text li:nth-child(2){width:100%;background-image:none;padding:10px 15px}  
	.academy-text li:nth-child(1) p{background-position:0 -187px;background-size:60px 400px} 
	.academy-text li:nth-child(2) p{line-height:1.3;height:60px;background-position:0 -245px;background-size:60px 400px} 
	.academy-text li:nth-child(3) p{height:60px;background-position:0 -314px;background-size:60px 400px}  
	.academy-text li:nth-child(2) mark{display:block}
	.academy-text li:nth-child(3){width:100%;background-image:none}
	/* 무료체험쿠폰 - 내쿠폰함 */
	.coupon-number{padding:0 15px 10px 15px;border-bottom:#eff3f6 10px solid;margin-bottom:20px}
	.coupon-number p{font-size:14px}
	.coupon-number p span{font-size:14px}
	.coupon-number p mark{display:inline}
	.coupon-number p:first-child{padding:0 20px 20px}
	.coupon-number p > .input-style{width:60%;float:left}
	.coupon-number p > button{width:39%;float:right}
	p.coupone-text{padding:0 15px 15px}
	p.coupone-text  span{position:static;display:block;margin-top:10px}
	.coupon-number+p.tit-h2{padding:0 15px}
	.coupon-list+.tit-h2{padding:0 15px}
	.coupon-list{padding:0 15px 0}
	.coupon-list li{width:100%;margin-right:0%;float:none;margin-bottom:15px}
	.coupon-list li:nth-child(3n){margin-right:0}
	.coupon-list li dl dd{height:auto;padding-bottom:10px}
	.coupon-list li .coupon-state{ padding-top:4.1%}
	#couponFrm+.tit-h2{padding-left:15px}
	/* 전문가쿠폰 */
	.coupon-select{margin-bottom:20px;padding:0 15px 20px;border-bottom:#eff3f6 10px solid}
	.coupon-select .pc-only{display:none}
	.coupon-select .m-only{display:block}
	.coupon-select .m-only .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	/* 무료체험쿠폰 - 쿠폰받기팝업/완료팝업 */
	.pop-coupon{padding:0} 
	.pop-coupon .coupon-info{padding:15px}
	.pop-coupon .coupon-success{padding:65px 5px 30px 5px}
	.pop-coupon .coupon-success::before{background-position:-15px -361px;background-size:40px 1000px}
	.pop-coupon .ars-num .input-style{width:100%}
	/* 무료방송 */
	.free-visual{padding:20px 0 20px;margin:-20px 0 25px}
	.free-visual .rolling{}
	.free-visual > button{display:none}
	.free-visual .rolling{margin:0}
	.free-visual .rolling ul{width:900%;transform:translate3d(-8.3%, 0px, 0px);padding:0} 
	.free-visual .rolling ul li{width:8.4%;float:left}
	.free-visual .rolling ul li p.button-box a{padding:6px 0}
	.free-tit-h2{padding:0 15px}
	.free-tit-h2 p{display:none}
	.free-visual .mobile-bullet{text-align:center;display:block;padding-top:30px}
	.free-visual .mobile-bullet button{width:10px;height:10px;display:inline-block;overflow:hidden;text-indent:-9999em;background-color:#fff;border-radius:5px;margin:0 3px}
	.free-visual .mobile-bullet button.checked{background-color:#ffc03d} 
	.free-visual.free-bg-02{background:url("/rpan/common/images/free_bg_02_m.png") no-repeat 0 0;background-size:cover}
	.free-visual .free-nodata{margin:20px 0 15px 0}
	.free-visual .free-nodata dt{font-size:20px}
	.free-visual .free-nodata dd{padding:0 30px}
	.free-visual .free-nodata dd span{display:inline} 
	.free-list{margin-bottom:20px}
	.free-list ul{padding:0 15px 10px;border-bottom:#eff3f6 10px solid}
	.free-list li{display:block;padding:0 0 20px 0} 
	.free-list li > p{display:block;width:100%;padding:10px 20px}
	.free-list li > p mark{display:inline-block}
	.free-list li > dl{display:table;width:100%;padding:20px 20px 20px}
	.free-list li > span{display:block;width:100%;text-align:center}
	.free-list li > span button{min-width:125px}
	/* 베스트수익률 상세 */
	.board-view.best-view{padding-bottom:20px}
	.board-view.best-view+.view-bt-area{margin-top:0}
	.board-view.best-view .board-view-tit{margin:0 -15px;padding-left:15px;padding-right:15px}
	.pexinfbes-view{background:none;margin:0 -15px;padding-top:12px;/*padding-top:21px;*/overflow:visible !important}
	.pexinfbes-view .tit-h2{display:none/*position:static;padding:0 15px*/}
	.pexinfbes-view .image{display:none/*position:static;width:100%*/}
	.pexinfbes-view .detail{float:none;width:100%;padding:0 0 0 0}
	.pexinfbes-view .detail .title{/*padding:0 15px}
	.pexinfbes-view .detail .title{position:relative}
	.pexinfbes-view .detail .title a{position:absolute;top:-40px;right:15px*/display:none}
	.pexinfbes-view .detail h3{padding:15px;/*border-top:#eaeaea 1px solid*/border-top:none;text-align:center}
	.pexinfbes-view .detail h3:after{display:none}
	.pexinfbes-view .detail > div > ul{padding-right:0;background:#f9f9f9}
	.pexinfbes-view .detail > div > ul li{max-width:50%;width:50%;height:75px;border-right:none;border-top:#eaeaea 1px solid;margin-bottom:0;padding:15px 15px 0 15px}
	.pexinfbes-view .detail > div > ul li:after{display:none}
	.pexinfbes-view .detail > div > ul li:first-child{padding-left:15px}
	.pexinfbes-view .detail > div > ul li:nth-child(2n)::before{content:"";width:1px;height:100%;position:absolute;top:0;left:0;/*background-color:#eaeaea*/}
	.pexinfbes-view .detail > div > ul li:nth-child(5){max-width:100%;width:100%;padding:15px;height:auto;border-bottom:#eaeaea 1px solid}
	.pexinfbes-view .free{top:inherit;bottom:-20px;left:0;width:100%}
	/* 최근베스트수익률 :종목진단-긴급추천주 */
	.pexinfbes-view.pdi .image{position:static;width:100%;display:block}
	.pexinfbes-view.pdi .detail h3{padding:15px;border-top:#eaeaea 1px solid;text-align:center}
	.pexinfbes-view.pdi .detail{float:none;width:100%}
	.pexinfbes-view.pdi .detail > div > ul li{max-width:50%}
	.pexinfbes-view.pdi .detail > div > ul li:nth-child(4):after{display:none}
	.pexinfbes-view.pdi .detail > div > ul li:nth-child(5){max-width:100%;padding:15px}
	/* 베스트수익률 하단 리스트 */
	.best-graph{padding:30px 0 0 0}
	.best-graph img{display:block;margin:0 auto;padding:0 15px;width:100%}
	.bext-ex-box{margin:33px 0 15px 0}
	.best-ex-list{clear:both;width:100%;margin:0}
	.best-ex-list.yield{margin:0 0 15px 0}
	/* 이용안내 - 공통 */
	.professional-top{padding:80px 15px;margin-bottom:30px;margin-top:-21px;clear:both}
	.professional-top dt{font-size:20px}
	.professional-top dd{width:100%}
	.pro-top01{background:url("/rpan/common/images/pro_info01_m.png") no-repeat center 50%;background-size:cover}
	.pro-top02{background:url("/rpan/common/images/pro_info02_m.png") no-repeat center 50%;background-size:cover}
	.pro-top03{background:url("/rpan/common/images/pro_info03_m.png") no-repeat center 50%;background-size:cover}
	.pro-top04{background:url("/rpan/common/images/pro_info04_m.png") no-repeat center 50%;background-size:cover}
	.pro-top05{background:url("/rpan/common/images/pro_info05_m.png") no-repeat center 50%;background-size:cover} 
	.pex-info-area h2.tit-h2{padding-bottom:5px}
	.pex-info-area h2.tit-h2+p.bt-p{padding-right:0}
	.pex-info-area h2.tit-h2+p span{position:static;padding-top:10px;display:block} 
	[class*="step-area"]{width:100%;display:block}
	[class*="step-area"] li{display:block;float:none;padding-right:0;padding-bottom:20px;width:100%}
	[class*="step-area"] li:last-child{width:100%;padding-bottom:0}
	[class*="step-area"] li:after{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);top:auto;bottom:5px;right:50%;margin-right:-3px}
	/* 이용안내 - 전문가카페 소개 / 전문가 Live 안내 */
	.professional-info00{border-bottom:#eaeaea 1px solid;padding-bottom:40px;margin-bottom:40px}
	.professional-info00 .list{padding:0 15px;margin-bottom:0;display:block}
	.professional-info00 .list li{display:block;width:100%;border-right:none;border-bottom:#eaeaea 1px dashed;padding:30px 0}
	.professional-info00 .list li:last-child{border-bottom:none}
	.wide-image{padding:20px 20px}
	.wide-image.w-img2{border:#eaeaea 1px solid;padding:20px 40px}
	.pro-app{border-bottom:none;padding-bottom:0}
	.pro-app dl{background:url("/rpan/common/images/app_m.png") no-repeat 0 bottom;background-size:cover;text-align:center;padding:30px 15px 0 15px;margin-top:40px;margin-bottom:40px}
	.pro-app dd.img{text-align:center;position:static;line-height:0;padding-top:40px}
	.pro-app dd.img img{width:auto;height:auto;max-width:90%}
	.pro-app dd span{padding-top:10px} 
	.pro-find li{width:100%;margin-right:0%;float:none;margin-bottom:10px;text-align:left;padding:25px 15px 25px 90px;letter-spacing:0}
	.pro-find li:before{left:0;margin-left:15px;top:50%;margin-top:-30px}
	/*
	.pro-find li:nth-child(1){background:url("/rpan/common/images/pex_pro_find1.png") no-repeat 15px 20px;background-size:60px 60px}
	.pro-find li:nth-child(2){background:url("/rpan/common/images/pex_pro_find2.png") no-repeat 15px 20px;background-size:60px 60px}
	.pro-find li:nth-child(3){background:url("/rpan/common/images/pex_pro_find3.png") no-repeat 15px 20px;background-size:60px 60px;margin-right:0}
	*/
	.pro-find li:nth-child(3){margin-bottom:0}
	.prolive-step{display:none}
	.prolive-tip .pc-ver{display:none}
	.prolive-tip .m-ver{display:block}
	.prolive-tip p{display:none}
	.prolive-vod-tip{margin-top:40px}
	.prolive-vod-tip dl{width:100%;padding:10px;min-height:auto;margin-bottom:10px}
	.prolive-vod-tip dl:nth-child(1){float:none}
	.prolive-vod-tip dl:nth-child(2){position:static}
	.prolive-vod-tip dl dd{padding:15px 0}
	/* 방송시청 Tip */
	.pop-cont .see-tip dl{padding-left:15px;padding-right:15px}
	/* ARS */
	.ars-area-02 dl{width:100%}
	.ars-area-02 dl:nth-child(1){float:none;border-right:none}
	.ars-area-02 dl:nth-child(2){float:none}
	.ars-jun-mem .step-area-03+.dot-list02 > li > span{display:block;margin-left:0}
	.ars-jun-mem .step-area-03+.dot-list02 .desh-list li span{display:block}
	.ars-expert{display:block}
	.ars-expert > p{display:block;width:100%;padding-bottom:20px}
	.ars-expert > p:after{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);top:auto;bottom:5px;right:50%;margin-right:-3px}
	.ars-expert > p span{width:100%;height:46px;line-height:46px;padding:0}
	.ars-expert > div{display:block}
	/* 알리미/티커 */
	.expert-allim{padding:0}
	.expert-allim .box{width:94%;float:none;margin:0 3% 0}
	.expert-allim .box:nth-child(1){border-right:none;border-bottom:#eaeaea 1px dashed}
	.allim-t-button{display:none}
	.allim-text{display:none}
	.allim-dote{display:block}
	.allim-dote .red-point{background:url("/rpan/common/images/bul_dot3.png") no-repeat left 8px;color:#ff545b}
	.free-sms{margin-bottom:30px}
	.free-sms li > p{vertical-align:top}
	/* PAX티커 레이어 */
	.pop-cont .pax-ticker{border-bottom:#eff3f6 10px solid;padding:0 15px}
	.pop-cont .ticker-box{margin-bottom:20px}
	.pop-cont .pax-ticker+.tab-area{margin-top:0}
	.pop-cont [class*="ticker-step"] dl{width:100%;margin-right:0;float:none}
	.pop-cont [class*="ticker-step"] dl dd{padding:15px 0 20px 0}
	.pop-cont [class*="ticker-step"] dl:after{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg);top:auto;bottom:-18px;right:50%;margin-right:-3px}
	.pop-cont [class*="ticker-step"] dl:nth-child(2n):after{display:block}
	.pop-cont [class*="ticker-step"] dl:nth-child(4):after{display:none}
	.pop-cont .ticker-step-add dl:nth-child(3) dd{height:auto}
	.pop-cont .ticker-step-add dl:nth-child(3) dd{height:auto}
	/* 정회원 혜택 */
	.jung-text dl{width:100%;padding:10px;min-height:auto;margin-bottom:10px}
	.jung-text dl:nth-child(1){float:none}
	.jung-text dl:nth-child(2){position:static}
	.jung-text dl dd{padding:15px 0}
	.monthly-example > div.box{width:100%;margin-right:0;float:none;margin-bottom:30px}
	.monthly-example > div.box dl dd{height:auto}
	.monthly-example > div.box dl dd p{letter-spacing:0px}
	/* 나의 적립머니 레이어 */
	.pop-cont .accumulate-money span{ font-size:26px}
	/* 투자전략 */
	.pextop-benner{padding:0;min-height:auto;margin-top:-20px;margin-bottom:20px}
	.pextop-benner h1{display:block;font-size:20px;padding:20px 15px 0;margin-bottom:0}
	.pextop-benner dl{position:relative;bottom:auto;left:auto;background:#5d5655;padding:15px 15px 0;max-width:1000px;width:100%} 
	.pextop-benner dl dt{float:none;opacity:0.5}
	.pextop-benner dl dd{margin-bottom:15px;overflow:hidden;float:none;width:100%}
	.pextop-benner dl dd span{display:block;float:left;width:68%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.pextop-benner dl dd b{display:block;float:right}
	.pextop-benner .img-w{display:block;position:relative;bottom:auto;top:auto;right:auto;left:auto;text-align:center}
	.pextop-benner .img-w img{width:173px}
	/* 회원후기 */
	.recomm-box .link-box .box.pex{width:100%}
	.recomm-box .link-box .box.pex a{width:100%} 
	/* BEST 수익률 */
	.pexinfbes-text{overflow:hidden;padding:8px 0 8px 27px}
	.pexinfbes-text span{display:block;float:right;position:relative;text-align:center;margin:5px 10px 0 0}
	/* 수익산맥 메뉴 추가 : 181108 */
	.pex-profit-box .rslides p.banner-mo{display:block}
	.pex-profit-box .rslides p.banner-mo img{width:100%}
	.pex-profit-box .banner-pc{display:none}
	.profit-md-box{padding:0 15px}
	.profit-md-add{padding:0}
	.profit-md-add dt,.profit-md-add dd{display:block;width:auto;box-sizing:border-box}
	.profit-md-add dt{padding:40px 0}
	.profit-md-add dt:before{margin-right:10px}
	.profit-md-add dd{margin:0 17px;padding:38px 0 35px;font-size:14px;letter-spacing:-1px;text-align:center;border-left:none;border-top:1px dashed #eaeaea}
	.profit-md-add dd span{display:inline-block;font-size:20px;padding-bottom:9px}
	/* 수익산맥 전문가 방송 */
	.pex-profit-box .main-board-card .sub-main-tit{padding:30px 15px 15px}
	.pex-profit-box .main-board-card .card-list{padding:0 15px}
}
@media only screen and (max-width:460px){
	.invest-free-mobile{width:92%;overflow-x:scroll;margin:0 4%;overflow:hidden}
} 
 
/* *************** 스탁론 *************** */
/* 대출가능종목 */
.label-area{position:relative} 
.label-area span{display:block;position:absolute;top:5px;right:0}
.label-area span label{margin-left:10px}
.loan-list{margin-bottom:20px}
.loan-list ul{width:100%;overflow:hidden}
.loan-list ul li{width:32.5%;float:left;margin-right:1.2%;margin-bottom:10px;border:#eaeaea 1px solid;text-align:center;position:relative;padding-top:50px}
.loan-list ul li:nth-child(3n){margin-right:0}
.loan-list ul li .state{position:absolute;top:10px;left:10px;height:20px;text-indent:-9999em}
.loan-list ul li .state.sta{background:url("/rpan/common/images/label/stock01.png") no-repeat 0 0;width:56px;height:20px;background-size:56px 20px}
.loan-list ul li .state.stb{background:url("/rpan/common/images/label/stock02.png") no-repeat 0 0;width:78px;height:20px;background-size:78px 20px}
.loan-list ul li .name{font-size:20px;color:#000;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 15px}
.loan-list ul li .number{font-size:20px;color:#000}
.loan-list ul li .spt_con span{font-size:13px}
.loan-list ul li .spt_con em{padding-left:10px;font-size:13px}
.loan-list ul li button{display:block;margin-top:35px;width:100%;color:#000;font-size:14px;padding-top:10px;padding-bottom:10px;background-color:#f9f9f9}
.loan-list ul li button::before{content:"";background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -54px;background-size:40px 400px;width:25px;height:25px;display:inline-block;padding-right:5px;vertical-align:middle} 
/* 상품안내 */
.stock-visual{padding:20px 30px 50px;margin:-20px -30px 40px;position:relative;background:url("/rpan/common/images/stock_visual.png") no-repeat 0 0;background-size:cover} 
.stock-visual dl{text-align:center;padding-bottom:20px}
.stock-visual dl dt{font-size:24px;padding-bottom:10px;font-weight:bold}
.stock-visual dl dd{font-size:16px}
.stock-visual > button{width:25px;height:39px;position:absolute;top:55%;overflow:hidden;text-indent:-9999em;padding:5px}
.stock-visual > .go-left{left:30px;background:url("/rpan/common/images/btn_left_right.png") no-repeat 5px -270px}
.stock-visual > .go-right{right:30px;background:url("/rpan/common/images/btn_left_right.png") no-repeat -60px -270px}
.stock-visual .rolling{position:relative;overflow:hidden;margin:0 30px}
.stock-visual .rolling ul{ width:200%}
.stock-visual .rolling ul li{width:12.5%;float:left;text-align:center;line-height:1.6;padding:0 5px}
.stock-visual .rolling ul li a{display:block;color:#000;background-color:#fff;width:100%;padding:40px 0}
.stock-visual .rolling ul li a span{display:block;color:#888;font-size:13px}
.stock-visual .rolling ul li a strong{font-size:16px}
.stock-visual .rolling ul li a:focus,
.stock-visual .rolling ul li a:hover{background-color:#fb686e;color:#fff}
.stock-visual .rolling ul li a:focus span, 
.stock-visual .rolling ul li a:hover span{color:#fff}
.stock-visual .rolling ul li a::before{content:"";width:58px;height:57px;display:block;overflow:hidden;margin:0 auto 10px;background:url("/rpan/common/images/ico_stock_visual.png") no-repeat 0 0} 
.stock-visual .rolling ul li:nth-child(1) a::before{background-position:0 0 }
/*.stock-visual .rolling ul li:nth-child(2) a::before{background-position:-58px 0}*/
.stock-visual .rolling ul li:nth-child(2) a::before{background-position:-116px 0}
.stock-visual .rolling ul li:nth-child(3) a::before{background-position:-174px 0}
.stock-visual .rolling ul li:nth-child(4) a::before{background-position:-233px 0}
.stock-visual .rolling ul li:nth-child(5) a::before{background-position:-291px 0}
.stock-visual .rolling ul li:nth-child(6) a::before{background-position:-349px 0}
.stock-visual .rolling ul li:nth-child(7) a::before{background-position:-407px 0} 
.stock-visual .rolling ul li:nth-child(1) a:focus::before,
.stock-visual .rolling ul li:nth-child(1) a:hover::before{background-position:0 -57px}  
/*.stock-visual .rolling ul li:nth-child(2) a:focus::before,
.stock-visual .rolling ul li:nth-child(2) a:hover::before{background-position:-58px -57px}  */
.stock-visual .rolling ul li:nth-child(2) a:focus::before,
.stock-visual .rolling ul li:nth-child(2) a:hover::before{background-position:-116px -57px}   
.stock-visual .rolling ul li:nth-child(3) a:focus::before,
.stock-visual .rolling ul li:nth-child(3) a:hover::before{background-position:-174px -57px}  
.stock-visual .rolling ul li:nth-child(4) a:focus::before,
.stock-visual .rolling ul li:nth-child(4) a:hover::before{background-position:-233px  -57px}  
.stock-visual .rolling ul li:nth-child(5) a:focus::before,
.stock-visual .rolling ul li:nth-child(5) a:hover::before{background-position:-291px -57px}    
.stock-visual .rolling ul li:nth-child(6) a:focus::before,
.stock-visual .rolling ul li:nth-child(6) a:hover::before{background-position:-349px -57px}   
.stock-visual .rolling ul li:nth-child(7) a:focus::before,
.stock-visual .rolling ul li:nth-child(7) a:hover::before{background-position:-407px -57px}  
.stock-visual .mobile-bullet{display:none}
.stock-product{margin-top:0px;margin-bottom:20px}
.stock-product ul{border-top:#444444 1px solid} 
.stock-product ul li > a{position:relative;display:table;padding:15px 40px 15px 20px;font-size:14px;color:#333;border-bottom:#eaeaea 1px solid;box-sizing:border-box;width:100%;min-height:100px}
.stock-product ul li > a:after{content:"";position:absolute;right:10px;top:50%;margin-top:-5px;width:18px;height:10px;background:url("/rpan/common/images/bg_faq.png") no-repeat -95px 0}
.stock-product ul li.clicked > a:after{background-position:-130px 0} 
.stock-product ul li > a .logo{display:table-cell;width:150px;min-height:100px;overflow:hidden;vertical-align:middle}
.stock-product ul li > a .logo span{display:block;color:#776e6d;width:150px;height:100px;border:#eaeaea 1px solid;background-color:#fff;font-size:16px;font-weight:bold;text-align:center;position:relative;overflow:hidden}
.stock-product ul li > a .logo span i{position:absolute;top:50%;left:0;transform:translateY(-50%);width:100%;text-align:center}
.stock-product ul li > a .logo span img{width:100%;display:block} 
.stock-product ul li > a dl{display:table-cell;vertical-align:middle;line-height:1.4;padding-left:20px}
.stock-product ul li dt{font-size:16px;color:#000;padding-bottom:5px} 
.stock-product ul li dd span{display:inline-block;font-size:13px;color:#888888;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px;word-break:break-all}
.stock-product ul li dd span:last-child{ background:none}
.stock-product ul li dd span mark{font-size:13px;color:#ff545b;word-break:break-all}
.stock-product ul li .detail{border-bottom:#eaeaea 1px solid;position:relative;padding:40px 40px 0 40px;display:none}
.stock-product ul li .detail::before{content:"";background:url("/rpan/common/images/ico_here2.png") no-repeat 0 0;width:10px;height:6px;position:absolute;top:-6px;left:10%;background-size:10px 6px}
.stock-product ul li .detail table th, 
.stock-product ul li .detail table td{text-align:center}
.stock-product ul li .detail table tbody th{background-color:#f9f9f9}  
/*스탁론데일리*/
.stockdaily-visual{position:relative;margin:-20px -30px 0;color:#fff;background:url("/rpan/common/images/stockdaily_visual.png") no-repeat 50% 0;background-size:cover}
.stockdaily-visual .tit-h1{margin-bottom:0;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,0.1);color:#fff}
.stockdaily-visual .data{position:absolute;right:30px;top:22px;line-height:100%;color:#fff}
.stockdaily-visual .data span{display:inline-block;margin-left:8px;padding-left:8px;border-left:1px solid rgba(255,255,255,0.2);color:#fff}
.stockdaily-visual .daily-tit{padding:50px 10px;font-size:36px;text-align:center;font-weight:normal;line-height:130%;color:#fff;word-break:break-all}
.stockdaily-cont{margin:35px 0;color:#222}
.stockdaily-cont p{margin-top:25px;font-size:16px}
.stockdaily-cont p:first-child{margin-top:0}
.stockdaily-float-wrap{margin-bottom:40px;overflow:hidden}
.stockdaily-float-wrap .p-block{display:block}
.stockdaily-float-wrap > div{float:left;width:49%;min-height:313px;padding:30px 20px 20px;background-color:#f9f9f9}
.stockdaily-float-wrap .float-right{float:right}
.stockdaily-float-wrap .tit{display:block;font-size:16px;line-height:100%;text-align:center;padding-bottom:5px}
.stockdaily-float-wrap .txt{margin-top:5px;font-size:13px;color:#888;line-height:20px;text-align:center}
.stockdaily-float-wrap .interest-table{margin-top:15px;padding:0 0 5px;background-color:#fff;table-layout:fixed}
.stockdaily-float-wrap .interest-table table{width:100%}
.stockdaily-float-wrap .interest-table th{padding:12px 3px;font-size:13px;color:#888;text-align:right;font-weight:normal;line-height:15px;border-bottom:1px solid #f9f9f9}
.stockdaily-float-wrap .interest-table td{padding:5px 3px;font-size:13px;text-align:right;line-height:15px;border-bottom:none}
.stockdaily-float-wrap .interest-table td a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.stockdaily-float-wrap .interest-table tr:first-child td{padding-top:10px}
.stockdaily-float-wrap .interest-table th:first-child{padding-left:20px}
.stockdaily-float-wrap .interest-table th:last-child{padding-right:20px}
.stockdaily-float-wrap .interest-table td:first-child{padding-left:20px}
.stockdaily-float-wrap .interest-table td:last-child{padding-right:20px}
.stockdaily-float-wrap .interest-table tbody tr td.m-type{display:block}
.stockdaily-float-wrap .interest-table tbody tr td.m-type mark{display:none}
.stockdaily-float-wrap .interest-table .a-left{text-align:left} 
.stockdaily-float-wrap .table-info{margin-top:10px;font-size:13px;color:#888;line-height:13px}
.stockdaily-float-wrap .info-list{margin-top:15px;background-color:#fff}
.stockdaily-float-wrap .info-list li{position:relative;padding:15px 20px 12px;border-bottom:1px solid #f9f9f9}
.stockdaily-float-wrap .info-list .tit{font-size:14px;text-align:left}
.stockdaily-float-wrap .info-list .txt{margin-right:100px;text-align:left;margin-top:0}
.stockdaily-float-wrap .info-list .link-btn{position:absolute;right:20px;bottom:15px}
.stockdaily-float-wrap .call-info{padding:7px 20px 7px;overflow:hidden;background-color:#fff}
.stockdaily-float-wrap .call-info .tit{ float:left;margin-top:5px;font-size:14px;line-height:20px;text-align:left}
.stockdaily-float-wrap .call-info .call{float:right;padding-left:60px;font-size:24px;font-weight:bold;color:#ff545b;line-height:46px;background:url("/rpan/common/images/ico_stockdaily_call.png") no-repeat 0 50%;background-size:46px auto} 
.stockdaily-float-wrap .call-info .call a{color:#ff545b}
@media only screen and (max-width:979px){
	/* 대출가능종목 */
	.label-area{padding:0 15px;margin-top:15px} 
	.label-area span{right:15px}
	.loan-list{padding:0 15px}
	.loan-list ul li{width:100%;float:none;margin-right:0} 
	.loan-list ul li:nth-child(2n){margin-right:0}
	.loan-list ul li:nth-child(3n){margin-right:0} 
	/* 상품안내 */
	.stock-visual{padding:20px 0 20px;margin:-20px 0 0}
	.stock-visual dl dt{font-size:20px}
	.stock-visual dl dd{font-size:14px}
	.stock-visual > button{display:none}
	.stock-visual .rolling{margin:0}
	.stock-visual .rolling ul{width:600%;transform:translate3d(-10.4%, 0px, 0px)}
	.stock-visual .rolling ul li{width:12.5%}
	.stock-visual .mobile-bullet{text-align:center;display:block;padding-top:30px}
	.stock-visual .mobile-bullet button{width:10px;height:10px;display:inline-block;overflow:hidden;text-indent:-9999em;background-color:#fff;border-radius:5px;margin:0 3px}
	.stock-visual .mobile-bullet button.checked{background-color:#ffc03d}
	.stock-visual+.condition-area{margin-top:15px}
	.stock-product ul li > a{display:block;padding:15px 40px 15px 15px;min-height:60px} 
	.stock-product ul li > a:after{width:16px;height:9px;background:url("/rpan/common/images/bg_faq.png") no-repeat -25px -71px;background-size:150px 150px}
	.stock-product ul li.clicked > a:after{background-position:0 -71px} 
	.stock-product ul li > a .logo{width:90px}
	.stock-product ul li > a .logo span{width:90px;height:60px;font-size:14px}
	.stock-product ul li > a .logo span i{width:90px} 
	.stock-product ul li > a dl{display:table-cell}
	.stock-product ul li .detail{padding:20px 0 0 0}
	.stock-product ul li .detail .bt-area{padding-top:20px} 
	.stock-visual .rolling ul li a::before{width:60px;height:60px;background-size:350px 187px} 
	.stock-visual .rolling ul li:nth-child(1) a::before{background-position:4px -64px }
	/*.stock-visual .rolling ul li:nth-child(2) a::before{background-position:-56px -65px}*/
	.stock-visual .rolling ul li:nth-child(2) a::before{background-position:-118px -65px}
	.stock-visual .rolling ul li:nth-child(3) a::before{background-position:-178px -65px}
	.stock-visual .rolling ul li:nth-child(4) a::before{background-position:-233px -65px}
	.stock-visual .rolling ul li:nth-child(5) a::before{background-position:-288px -65px}
	.stock-visual .rolling ul li:nth-child(6) a::before{background-position:-346px -65px}
	.stock-visual .rolling ul li:nth-child(7) a::before{background-position:-404px -65px} 
	.stock-visual .rolling ul li:nth-child(1) a:focus::before,
	.stock-visual .rolling ul li:nth-child(1) a:hover::before{background-position:4px -125px}  
	/*.stock-visual .rolling ul li:nth-child(2) a:focus::before,
	.stock-visual .rolling ul li:nth-child(2) a:hover::before{background-position:-56px -125px}  */
	.stock-visual .rolling ul li:nth-child(2) a:focus::before,
	.stock-visual .rolling ul li:nth-child(2) a:hover::before{background-position:-118px -125px}   
	.stock-visual .rolling ul li:nth-child(3) a:focus::before,
	.stock-visual .rolling ul li:nth-child(3) a:hover::before{background-position:-178px -125px}  
	.stock-visual .rolling ul li:nth-child(4) a:focus::before,
	.stock-visual .rolling ul li:nth-child(4) a:hover::before{background-position:-233px  -125px}  
	.stock-visual .rolling ul li:nth-child(5) a:focus::before,
	.stock-visual .rolling ul li:nth-child(5) a:hover::before{background-position:-288px -125px}    
	.stock-visual .rolling ul li:nth-child(6) a:focus::before,
	.stock-visual .rolling ul li:nth-child(6) a:hover::before{background-position:-346px -125px}   
	.stock-visual .rolling ul li:nth-child(7) a:focus::before,
	.stock-visual .rolling ul li:nth-child(7) a:hover::before{background-position:-407px -125px} 

	/*스탁론데일리*/
	.stockdaily-visual{margin:-20px 0 0 0;padding:40px 10px;background-image:url("/rpan/common/images/stockdaily_visual_m.png")}
	.stockdaily-visual .data{position:static;font-size:13px;text-align:center}
	.stockdaily-visual .daily-tit{display:block;padding:20px 0 0;font-size:20px;line-height:140%}
	.stockdaily-cont{margin:20px 15px 25px}
	.stockdaily-float-wrap{margin:0 15px 20px}
	.stockdaily-float-wrap .p-block{display:inline-block}
	.stockdaily-float-wrap > div{float:none;width:100%;min-height:0;padding:15px}
	.stockdaily-float-wrap .float-right{float:none;margin-top:20px}
	.stockdaily-float-wrap .table-info{margin-top:15px}
	.stockdaily-float-wrap .interest-table{padding-bottom:0}
	.stockdaily-float-wrap .interest-table thead{display:none}
	.stockdaily-float-wrap .interest-table tbody tr{border-bottom:#f9f9f9 1px solid}
	.stockdaily-float-wrap .interest-table tbody tr td{display:block;width:100%;padding-top:12px}
	.stockdaily-float-wrap .interest-table tbody tr td:nth-child(1n+2){display:inline-block;width:auto;padding:2px 7px 12px}
	.stockdaily-float-wrap .interest-table tbody tr td:nth-child(2){padding-left:15px}
	.stockdaily-float-wrap .interest-table tbody tr td.m-type{color:#888}
	.stockdaily-float-wrap .interest-table tbody tr td.m-type mark{display:inline;color:#888}
	.stockdaily-float-wrap .interest-table tr:first-child td{padding-top:12px}
	.stockdaily-float-wrap .interest-table th:first-child{padding-left:15px}
	.stockdaily-float-wrap .interest-table th:last-child{padding-right:15px}
	.stockdaily-float-wrap .interest-table td:first-child{padding-left:15px}
	.stockdaily-float-wrap .interest-table td:last-child{padding-right:15px}
	.stockdaily-float-wrap .info-list{margin-top:10px}
	.stockdaily-float-wrap .info-list li{padding:15px 15px}
	.stockdaily-float-wrap .info-list .txt{margin-right:0}
	.stockdaily-float-wrap .info-list .link-btn{position:relative;bottom:auto;margin-top:10px;left:0px}
	.stockdaily-float-wrap .call-info{position:relative;padding:13px 15px 12px}
	.stockdaily-float-wrap .call-info:after{content:'';display:block;clear:both;width:46px;height:41px;position:absolute;right:15px;bottom:50%;margin-bottom:-20px;background:url("/rpan/common/images/ico_stockdaily_call.png") no-repeat 0 0;background-size:46px auto}
	.stockdaily-float-wrap .call-info .tit{float:none;margin-top:0;line-height:100%}
	.stockdaily-float-wrap .call-info .call{float:none;padding:5px  0 0;font-size:24px;line-height:24px;background:none}
}  

/* *************** 종목입체분석 *************** */
.pan-2depth-tab{display:none}
/* 종목입체분석메인 */ 
.pan-top-fixed{margin:-20px -30px 20px}
.pan-main-top{border-bottom:#eff3f6 24px solid;position:relative}
.pan-main-top .top{background-color:#f9f9f9;padding:15px;position:relative}
.pan-main-top .top .text{font-size:13px}
.pan-main-top .top .text a{color:#888;text-decoration:underline}
.pan-main-top .top .text > p{display:inline-block;font-size:13px}
.pan-main-top .top .text > span{color:#888;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px}
.pan-main-top .top .text > mark{color:#888;background:url("/rpan/common/images/bul_dot4.png") no-repeat right 50%;padding-right:10px;margin-right:5px}
.pan-main-top .top .text > mark i{color:#000;font-size:13px}
.pan-main-top .top .text > mark:last-child{background:none;padding-right:0;margin-right:0}
.pan-main-top .top > p{position:absolute;top:50%;right:15px;margin-top:-11px}
.pan-main-top .top > p a{font-size:13px} 
.pan-main-top .box{padding:15px 20px 20px 20px;position:relative}
.pan-main-top .box .title{border-bottom:#f9f9f9 1px solid;position:relative;margin-bottom:27px;padding:0 150px 15px 0}
.pan-main-top .box .title .name{font-size:24px;display:inline-block;vertical-align:middle;font-weight:bold;line-height:1}
.pan-main-top .box .title .name span{font-size:16px;color:#888;margin-left:8px;font-weight:normal}
.pan-main-top .box .title .bt{display:inline-block;margin-right:10px}
.pan-main-top .box .title .bt .star{margin-left:5px;vertical-align:middle}
/*
.pan-main-top .box .title .bt .star button{ width:20px;height:20px;background:url("/rpan/common/images/star2.png") no-repeat 0 -53px;text-indent:-9999em;margin-right:5px;vertical-align:middle}
.pan-main-top .box .title .bt .star button.on{background-position:0 -81px}
*/
.pan-main-top .box .title .bt .star button{ width:20px;height:20px;margin-right:5px;vertical-align:text-bottom}
.pan-main-top .box .title .bt .star button img{width:20px;height:20px}

.pan-main-top .box .title .bt .home{width:20px;height:20px;display:inline-block;background:url("/rpan/common/images/ico_sub4.png") no-repeat 0 -380px;background-size:40px 400px;text-indent:-9999em;vertical-align:middle}
.pan-main-top .box .title .label{display:inline-block;padding:3px 40px 0 0}
.pan-main-top .box .title .label img{vertical-align:middle;height:20px}
.pan-main-top .box .title .time{position:absolute;bottom:15px;right:0;color:#888;margin-top:-7px;font-size:13px;line-height:20px}
.pan-main-top .box .title .label .theme{display:inline-block;margin:0 0 0 5px;border-bottom:1px solid #a7753a;line-height:16px;font-size:13px;font-weight:bold;color:#a7753a;vertical-align:middle;background:#fff;cursor:pointer}
.pan-main-top .box .title .label .more-theme{display:inline-block;width:20px;height:20px;margin-left:7px;text-indent:-9999em;vertical-align:middle;background:url(/rpan/common/images/btn_theme.png);background-size:42px 20px;cursor:pointer}
.pan-main-top .box .title .label .more-theme.opened{background-position:-22px 0}
.pan-main-top .cal-pop::before{top:-8px;left:15px}
.cal-pop.no-tail::before{display:none}
.cal-pop.right-tail::before{left:auto;right:15px}
.cal-pop .theme-list{margin-bottom:20px;padding:0 10px 15px 0;border-bottom:1px dashed #cecece}
.cal-pop .theme-list.detail-none{margin-bottom:0;padding:0 10px 0 0;border-bottom:none}
.cal-pop .theme-list ul li{display:inline;font-size:13px;line-height:20px}
.cal-pop .theme-list ul li::after{display:inline-block;content:'';position:relative;top:2px;width:1px;height:12px;margin-left:4px;background:#ccc}
.cal-pop .theme-list ul li::last-child::after{background:none}
.cal-pop .theme-list ul li a{position:static!important;color:#888;font-weight:bold}
.cal-pop .theme-list ul li.selected a{color:#a7753a}
.cal-pop .pop-title{padding:0 10px 15px 0;font-size:16px;font-weight:bold}
.cal-pop .pop-cont{font-size:13px;line-height:20px}
.pan-main-top .box .pan-cont{position:relative}
.pan-main-top .box .pan-cont .num{width:40%;vertical-align:middle}
.pan-main-top .box .pan-cont .num > span{font-size:36px}
.pan-main-top .box .pan-cont .num > button{display:inline-block;background:url("/rpan/common/images/pan_main_ico.png") no-repeat 0 0;width:28px;height:28px;background-size:28px 28px;text-indent:-9999em;vertical-align:top;margin:5px 0 0 5px}
.pan-main-top .box .pan-cont .num > img{width:28px;height:28px}
.pan-main-top .box .pan-cont .num > p{padding-top:5px} 
.pan-main-top .box .pan-cont .data{}
.pan-main-top .box .pan-cont .data ul{width:100%;overflow:hidden}
.pan-main-top .box .pan-cont .data li{float:left;line-height:24px;font-size:13px}
.pan-main-top .box .pan-cont .data li span{display:inline-block;font-size:13px;word-spacing:-2px}
.pan-main-top .box .pan-cont .data li span.tit{color:#888;width:30px}
.pan-main-top .box .pan-cont .data li span.red{color:#ff545b}
.pan-main-top .box .pan-cont .data li span.red mark{color:#ff545b}
.pan-main-top .box .pan-cont .data li span.blue{color:#1ea3fe}
.pan-main-top .box .pan-cont .data li span.blue mark{color:#1ea3fe}
.pan-main-top .box .pan-cont .data li:nth-child(1), .pan-main-top .box .pan-cont .data li:nth-child(4){width:22%}
.pan-main-top .box .pan-cont .data li:nth-child(2), .pan-main-top .box .pan-cont .data li:nth-child(5){width:44%}
.pan-main-top .box .pan-cont .data li:nth-child(3), .pan-main-top .box .pan-cont .data li:nth-child(6){width:34%}
.pan-main-top .box .pan-cont .data li:nth-child(3) span.tit{width:86px}
.pan-main-top .box .pan-cont .data li:nth-child(6) span.tit{width:86px}

.pan-main-top .box .pan-cont > .data{position:absolute;top:14px;right:0;width:65%;min-width:480px}
.pan-main-top .box .pan-cont .pan-cont-chart > .data{display:none}

.pan-main-top .box .pan-cont .pan-cont-chart{clear:both;overflow:hidden;display:none;margin-top:10px;border-top:#eaeaea 1px solid}
.pan-main-top .box .pan-cont .pan-cont-chart .box-area{width:50%;float:left;position:relative}
.pan-main-top .box .pan-cont .pan-cont-chart .box-area:nth-child(1){border-right:#f9f9f9 1px solid} 
.pan-main-top .pan-cont-tab{position:relative;display:block;padding-left:20px;border-bottom:#f9f9f9 1px solid}
.pan-main-top .pan-cont-tab a{position:relative;z-index:2;display:inline-block;color:#888;height:48px;line-height:48px;margin-right:10px}
.pan-main-top .pan-cont-tab a.selected{color:#ff545b;border-bottom:1px solid #ff545b} 
.pan-main-top .makkang-button{position:absolute;top:13px;right:20px}
.pan-main-top .pan-cont-tab-body{padding:20px 19px 0 20px;display:table;height:196px;width:100%}
.pan-main-top .pan-cont-tab-body .chart{height:170px;display:table-cell;vertical-align:middle}
.pan-main-top .pan-cont-tab-body .chart img{width:100%;max-width:100%}
.pan-main-top .pan-cont-tab-body .pan-tab1{padding-top:10px;display:none} 
.pan-main-top .pan-cont-tab-body .pan-tab1 ul{overflow:hidden}
.pan-main-top .pan-cont-tab-body .pan-tab1 ul li{width:45.5%;position:relative;line-height:28px;color:#888} 
.pan-main-top .pan-cont-tab-body .pan-tab1 ul li span{color:#000;position:absolute;top:0;right:0}
.pan-main-top .pan-cont-tab-body .pan-tab1 ul li:nth-child(odd){float:left}
.pan-main-top .pan-cont-tab-body .pan-tab1 ul li:nth-child(even){float:right}  
.pan-main-top .pan-cont-tab-body .pan-tab2{display:none;overflow:hidden} 
.pan-main-top .pan-cont-tab-body .pan-tab2 > div.left{width:47%;float:left} 
.pan-main-top .pan-cont-tab-body .pan-tab2 > div.right{width:47%;float:right} 
.pan-main-top .pan-cont-tab-body .pan-tab2 > div p{text-align:center;margin-bottom:3px;background-color:#f9f9f9;line-height:28px}
.pan-main-top .pan-cont-tab-body .pan-tab2 > div ul{}
.pan-main-top .pan-cont-tab-body .pan-tab2 > div ul li{position:relative;line-height:26px;color:#888} 
.pan-main-top .pan-cont-tab-body .pan-tab2 > div ul li span{position:absolute;top:0;right:0}
.pan-main-top .pan-cont-tab-body .pan-tab2 > div.left ul li span{color:#1ea3fe}
.pan-main-top .pan-cont-tab-body .pan-tab2 > div.right ul li span{color:#ff545b}
.pan-main-top .pan-cont-tab-body .pan-tab3{display:none;overflow:hidden} 
.pan-main-top .pan-cont-tab-body .pan-tab3 table{width:100%}
.pan-main-top .pan-cont-tab-body .pan-tab3 table .a-left{text-align:left}
.pan-main-top .pan-cont-tab-body .pan-tab3 table .a-right{text-align:right}
.pan-main-top .pan-cont-tab-body .pan-tab3 table th{background-color:#f9f9f9;line-height:28px;font-weight:normal;text-align:center;padding:0 5px;font-size:14px}
.pan-main-top .pan-cont-tab-body .pan-tab3 table td{text-align:center;line-height:16px;padding:5px;font-size:13px}
.pan-main-top .pan-cont-tab-body .pan-tab3 table tr:first-child td{padding-top:5px}
.pan-main-top .pan-cont-tab-body .pan-tab3 table td.date{color:#888}
.pan-main-top .box .pan-toggle{clear:both;position:absolute;bottom:-15px;left:50%;margin-left:-45px}
.pan-main-top .box .pan-toggle span{display:inline-block;background:url("/rpan/common/images/pan_toggle_btn.png") no-repeat right 0;width:90px;height:14px;text-indent:-9999em}
.pan-main-top .box .pan-toggle span.on{background:url("/rpan/common/images/pan_toggle_btn.png") no-repeat right -36px} 
/* 탭 */
.pan-main-tab{width:100%;height:55px}
.pan-main-tab > ul{position:relative;z-index:2}
.pan-main-tab > ul > li{width:11.11%;float:left;line-height:45px;height:55px;border-bottom:#eff3f6 10px solid;text-align:center;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;position:relative;z-index:100}
.pan-main-tab > ul > li a{position:relative;display:inline-block;color:#000}
.pan-main-tab > ul > li a.on span{border-bottom:#ff545b 2px solid;display:inline-block;height:45px;color:#ff545b}
.pan-main-tab > ul > li:last-child{background:none}
.pan-main-tab > ul > li a i{color:#888;font-size:0.2pt}
.pan-main-tab > ul > li button:focus{outline:#999 1px dotted} 
.pan-main-tab > ul > li > ul{position:absolute;top:45px;left:0;right:0;z-index:100;background-color:#fff;padding:0 0 10px 0;border:#eaeaea 1px solid;border-top:none;margin:0 3px;display:none}
.pan-main-tab > ul > li > ul li{line-height:26px} 
.pan-main-tab > ul > li > ul li a:hover, 
.pan-main-tab > ul > li > ul li a:focus{text-decoration:underline}
.pan-main-tab > ul > li > ul li a.selected{text-decoration:underline}
.pan-main-tab > ul > li.secondStep ul{visibility:visible}
/* //김지영 */

/* 상장폐지 190624 추가 jy.kim */
.pan-main-top.delist {border-bottom: #eff3f6 10px solid;}
.delist_box {width:100%;padding-top:6px;padding-bottom:13px;}
.delist_p {width:312px;margin:0 auto;text-indent:55px;font-size:14px;text-align:left;background:url("/rpan/common/images/ico_exclaim.png") 0 50% no-repeat;background-size:36px;}
.delist_p .sub_txt {display:block;font-size:13px;color:#888;}
	/* 종목 홈 탭  */
.pan-main-tab.delTab > ul {width: 100%;height: 55px;border-bottom: #eff3f6 10px solid;}
.pan-main-tab > ul > li:last-child {background: url("/rpan/common/images/bg_line.png") no-repeat right 50%;}
	/* 소액주주 권리 찾기 배너 */
.pan_delist_banner {overflow:hidden;height:237px;padding-left:20px;border-bottom: #eff3f6 10px solid;background:url("/rpan/common/images/delist_banner.png")  no-repeat;background-size:111px;background-position:194px 104px;}
.pan_delist_banner .tit {padding-top:48px;margin-bottom: 4px;font-size:20px;font-weight:bold;line-height:24px;}
.pan_delist_banner .tit2 {display:block;color:#ff545b;}
.pan_delist_banner .txt {color:#888;line-height:18px;margin-bottom:20px;}
.pan_delist_banner .delist_btn {width:145px;height:28px;box-sizing:border-box;border:1px solid #ccc;color:#888; } 
@media only screen and (max-width:979px) {
	.pan-main-tab.delTab > ul li {width:auto;padding:0 10px;}
	.pan-main-tab.delTab > ul li:first-child {padding-left:15px;}
	.pan_delist_banner {height:174px;padding-left: 15px;background-position:right bottom;}
	.pan_delist_banner .tit {padding-top:18px;}
	.pan_delist_banner .txt {margin-bottom:10px;}
	.pan-main-tab > ul > li:last-child {background:none;}
	.delist_p {text-indent: 0;text-align: center;padding-top: 45px;background-position: center 5px;}
}

/* 매물대 차트 */
.for-sale-box{margin:0 0 40px 0;border-bottom:1px solid #eaeaea}
.for-sale-box .chart-box{padding:30px 0;border:1px solid #eaeaea;border-top:1px solid #444;background:#f9f9f9;text-align:center}
.for-sale-box .for-sale-list{display:inline-block;margin:32px 10px 0 20px;vertical-align:top;text-align:left}
.for-sale-box .for-sale-list li{font-size:13px;height:24px;line-height:23px}
.for-sale-box .m-mostion{display:none}
.for-sale-box .chart{display:inline-block;width:594px;height:269px;vertical-align:middle}
.for-sale-box .chart img{width:594px}
.for-sale-box .chart-data{overflow:hidden;margin:40px 0 0 0;padding:0 0 20px 0}
.for-sale-box .chart-data .tit{font-weight:normal;font-size:22px;color:#ff545b}
.for-sale-box .chart-data .tit:before{content:'';display:inline-block;width:20px;height:20px;margin:0 10px 0 0;background:url("/rpan/common/images/icon_sprite.png") no-repeat -185px 0;vertical-align:-3px}
.for-sale-box .chart-data .price{margin:0 0 0 20px;font-size:16px;color:#000}
.for-sale-box .chart-data .date{float:right;margin:5px 0 0 0;font-size:13px;color:#888} 
/* 매매동향 */
.trend-investment-box{border:1px solid #eaeaea;border-top:1px solid #444}
.trend-investment-box .trend-investment-head{position:relative;padding:13px 15px 12px 20px}
.trend-investment-box .trend-investment-head .tit-h2{display:inline-block;margin:0}
.trend-investment-box .trend-investment-head .day-list{position:absolute;top:0;right:15px;height:100%}
.trend-investment-box .trend-investment-head .day-list li{float:left;display:table;height:100%}
.trend-investment-box .trend-investment-head .day-list li a{position:relative;display:table-cell;padding:0 10px;color:#000;vertical-align:middle}
.trend-investment-box .trend-investment-head .day-list li.selected a{color:#ff545b}
.trend-investment-box .trend-investment-head .radio-box{display:none;position:absolute;bottom:-30px;right:23px}
.trend-investment-box .trend-investment-head .radio-box .label{margin:0 0 0 5px}
.trend-investment-box .trend-investment-head .day-list li.selected a:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;border-top:1px solid #ff545b}
.trend-investment-box .chart{padding:40px 20px;border-top:1px solid #eaeaea;text-align:center}
.trend-investment-box .chart img{width:658px}
/* 종목입체분석 차트 */
.pancha-top{margin-top:-75px;margin-bottom:60px;color:#888;font-size:13px;text-align:right}
.pancha-top .btn-s{ margin-left:10px}
.pancha-chart-head{position:relative;height:130px;padding:15px;box-sizing:border-box;border:1px solid #7283a7;border-bottom:1px solid #eaeaea;background:#687490}
.pancha-chart-head .pan-search:after{content:'';display:block;clear:both;width:0;height:0} 
.pan-search [class*="input-style"]{float:right}
.pan-search input[type="text"]{padding:5px 35px 6px 10px;border:1px solid #949cb0;background:none;color:#c0cdeb;border-radius:3px}
.pan-search input::placeholder {color:#c0cdeb}
.pan-search mark{color:#c0cdeb;margin-left:10px;font-size:13px}
.pan-search [class*="input-style"] button{ background-image:url(/rpan/common/images/ico_chart_top.png) ;background-position:50% -20px}
.pan-search .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){height:28px;border-radius:3px;background:#687490;border:1px solid #949cb0;color:#fff} 
.pan-search input:focus, .pan-search .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn):focus{outline:1px solid #fff;outline-offset:-1px}  
.select-style+.select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){min-width:164px}
.pancha-chart-head .time-chart{position:absolute;right:15px;bottom:20px;font-size:13px;color:#c0cdeb;padding:0 0 2px 18px;background:url(../images/ico_chart_top.png) no-repeat 0 0} 
.pan-data{position:static;z-index:1;overflow:hidden;margin-top:19px}
.pan-data h1{font-size:20px;color:#fff;margin-bottom:7px}
.pan-data h1 span{margin-left:5px;font-size:13px;font-weight:normal;color:#c0cdeb}
.pan-data p span{position:relative;display:inline-block;font-size:13px;color:#c0cdeb;margin-right:3px;padding-right:7px} 
.pan-data .rise{display:inline-block;margin-left:5px;padding-left:13px;color:#ff8e92;background:url("/rpan/common/images/ico_stock_foot.png") no-repeat 2px 7px;background-size:8px 81px}
.pan-data .upper-limit{display:inline-block;margin-left:5px;padding-left:13px;color:#ff8e92;background:url("/rpan/common/images/ico_stock_foot.png") no-repeat 2px -17px;background-size:8px 81px}
.pan-data .fall{display:inline-block;margin-left:5px;padding-left:13px;color:#5cb3ee;background:url("/rpan/common/images/ico_stock_foot.png") no-repeat 2px -36px;background-size:8px 81px}
.pan-data .low-limit{display:inline-block;margin-left:5px;padding-left:13px;color:#5cb3ee;background:url("/rpan/common/images/ico_stock_foot.png") no-repeat 2px -54px;background-size:8px 81px} 
.pan-data .maintenance{display:inline-block;margin-left:5px;padding-left:13px;color:#c0cdeb;background:url("/rpan/common/images/ico_maintenance2.png") no-repeat 8px 50%} 
.pan-data p span:after{content:"|";font-size:12px;color:#758099;position:absolute;right:0;top:-1px}
.pan-data p span strong{color:#fff;font-weight:normal;margin-left:5px}
.pan-data p span:last-child:after{display:none}
.pan-chart-mob{display:none} 
/* 메인 - 관심종목담기 팝업 */
.pan-main-pop .select-style{width:100%}
.pan-main-pop .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
@media only screen and (min-width:1161px) and (max-width:1280px){
	.pan-main-top .box .pan-cont .data{width:69%}
}
/* 오른쪽 연계영역 최상단 광고영역 추가 */
.m-banner{display:none}
@media only screen and (max-width:979px){
	.pan-2depth-tab{display:block}
	.timeline-cont .week{margin:0;padding-bottom:10px;box-sizing:content-box}
	/* 종목입체분석 메인 */ 
	.pan-top-fixed{margin:0 0 20px}
	.pan-main-top{border-bottom:#eff3f6 44px solid;position:relative}
	.pan-main-top .top{display:none}
	.pan-main-top .box{padding:0}
	.pan-main-top .box .title{border-bottom:none;padding-bottom:0;padding-right:60px;margin:0 15px 10px}
	.pan-main-top .box .title .name{line-height:1.3}
	.pan-main-top .box .title .bt{position:absolute;top:5px;right:0;margin-right:0}
	.pan-main-top .box .title .time{position:absolute;top:auto;bottom:0;right:0}
	.pan-main-top .box .title .label{display:block;font-size:100%;line-height:1.7;text-align:left;white-space:normal}
	.pan-main-top .box .title .label .theme{margin:0 5px 0 0;vertical-align:baseline;font-family:"sans-sarif"}
	.pan-main-top .box .title .label .more-theme{margin:0}
	.pan-main-top .box .pan-cont .num{width:100%;position:relative;padding:0 15px 10px}
	.pan-main-top .box .pan-cont .num > span{font-size:20px}
	.pan-main-top .box .pan-cont .num > button{position:absolute;right:15px;bottom:7px}
	.pan-main-top .box .pan-cont .num > img{position:absolute;right:15px;bottom:7px}
	.pan-main-top .box .pan-cont .num > p{display:inline-block;padding-left:10px;font-size:13px}
	.pan-main-top .box .pan-cont .num > p i{display:none} 
	.pan-main-top .box .pan-cont .data{}
	.pan-main-top .box .pan-cont .data ul{width:50%;float:left;border-top:#eaeaea 1px solid}
	.pan-main-top .box .pan-cont .data li{float:none;padding:10px 10px;border-bottom:#f9f9f9 1px solid}
	.pan-main-top .box .pan-cont .data ul:nth-child(1) li{border-right:#f9f9f9 1px solid}
	.pan-main-top .box .pan-cont .data li span{display:block;line-height:1.8}
	.pan-main-top .box .pan-cont .data li:nth-child(1), .pan-main-top .box .pan-cont .data li:nth-child(4){width:100%}
	.pan-main-top .box .pan-cont .data li:nth-child(2), .pan-main-top .box .pan-cont .data li:nth-child(5){width:100%}
	.pan-main-top .box .pan-cont .data li:nth-child(3), .pan-main-top .box .pan-cont .data li:nth-child(6){width:100%} 

	.pan-main-top .box .pan-cont > .data{display:none}
	.pan-main-top .box .pan-cont .pan-cont-chart > .data{display:block;position:static;min-width:100%;width:100%;overflow:hidden;padding:0 15px 30px}

	.pan-main-top .box .pan-cont .pan-cont-chart{margin-top:0;border-top:none}
	.pan-main-top .box .pan-cont .pan-cont-chart .box-area{width:100%;float:none;border-top:#eff3f6 10px solid} 
	.pan-main-top .pan-cont-tab-body{padding:0;display:block;height:auto}
	.pan-main-top .pan-cont-tab-body .chart{padding:30px 15px 20px;display:block;height:auto}
	.pan-main-top .pan-cont-tab-body .pan-tab1 ul li{width:50%;line-height:1.4;padding:8px 15px;border-bottom:#f9f9f9 1px solid}
	.pan-main-top .pan-cont-tab-body .pan-tab1 ul li span{position:static;display:block}
	.pan-main-top .pan-cont-tab-body .pan-tab1 ul li:nth-child(odd){border-right:#f9f9f9 1px solid} 
	.pan-main-top .pan-cont-tab-body .pan-tab2 > div.left{width:50%;border-right:#f9f9f9 1px solid} 
	.pan-main-top .pan-cont-tab-body .pan-tab2 > div.right{width:50%	} 
	.pan-main-top .pan-cont-tab-body .pan-tab2 > div p{background:none;line-height:28px;border-bottom:#f9f9f9 1px solid;margin-bottom:0;padding:5px 0}
	.pan-main-top .pan-cont-tab-body .pan-tab2 > div ul li{padding:0 15px;border-bottom:#f9f9f9 1px solid}
	.pan-main-top .pan-cont-tab-body .pan-tab2 > div ul li span{position:static;display:block}
	.pan-main-top .pan-cont-tab-body .pan-tab3 table th{padding:5px 2% 5px 0;background:none;border-bottom:#f9f9f9 1px solid;line-height:28px}
	.pan-main-top .pan-cont-tab-body .pan-tab3 table td{padding:10px 2% 10px 0;border-bottom:#f9f9f9 1px solid}
	.pan-main-top .box .pan-toggle{width:100%;height:35px;line-height:34px;bottom:-33px;margin-left:0;left:0;background-color:#fff;border-top:#f9f9f9 1px solid}
	.pan-main-top .box .pan-toggle span{text-indent:0;width:auto;padding-right:20px;height:33px;background:none}
	.pan-main-top .box .pan-toggle span::after{content:"";display:inline-block;width:12px;height:12px;background:url("/rpan/common/images/toggle_bt.png") no-repeat 0 5px;background-size:12px 25px;margin-left:5px}
	.pan-main-top .box .pan-toggle span.on{background:none} 
	.pan-main-top .box .pan-toggle span.on::after{content:"";background-position:0 -14px}
	/* 탭 */
	.pan-main-tab{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden}
	.pan-main-tab > ul{overflow:hidden;width:200%} 
	.pan-main-box{width:100%;display:block;table-layout:fixed}
	.pan-left{display:block;vertical-align:top}
	.pan-right{display:block;width:100%;border-left:none} 
	.pan-main-tab > ul > li button{display:none} 
	.pan-main-tab > ul > li > ul{display:none} 
	.pan-main-tab > ul > li.secondStep ul{visibility:hidden}
	/* 탭 차트 */
	.for-sale-box{margin:0 0 20px 0}
	.for-sale-box .chart-box{padding:25px 15px 20px;border-bottom:10px solid #eff3f6}
	.for-sale-box .for-sale-list{display:none}
	.for-sale-box .m-mostion{display:block}
	.for-sale-box .chart-box .select-style{display:block}
	.for-sale-box .chart-box .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.for-sale-box .chart{width:100%;height:100%;margin:15px 0 0 0}
	.for-sale-box .chart img{width:100%;height:100%}
	.for-sale-box .chart-data{margin:20px 0 0 0;text-align:center}
	.for-sale-box .chart-data .tit{font-size:24px}
	.for-sale-box .chart-data .tit:before{vertical-align:-2px}
	.for-sale-box .chart-data .price{display:block;margin:16px 0 0 0}
	.for-sale-box .chart-data .date{float:none;display:block;margin:12px 0 0 0} 
	/* 매매동향 */
	.trend-investment-box{border-left:0;border-right:0;border-bottom:10px solid #eff3f6}
	.trend-investment-box .trend-investment-head{padding:15px}
	.trend-investment-box .trend-investment-head .day-list li a{padding:0 4px}
	.trend-investment-box .chart{padding:40px 15px 20px}
	.trend-investment-box .chart img{width:100%;height:100%} 
	/* 종목입체분석 차트 */
	.pan-chart-pc{display:none}
	.pan-chart-mob{display:block;margin:0 15px;height:auto}
	.pan-chart-mob img{display:block;width:100%}
	.pancha-top{display:none}
	/* 오른쪽 연계영역 최상단 광고영역 추가 */
	.m-banner{display:block;width:100%;min-height:100px !important}
	.m-banner div{padding:7px 15px 0 15px}
	.m-banner div a{display:block;line-height:28px;vertical-align:middle;font-size:14px;color:#000}
} 

/* *************** 모바일 *************** */
/* 모바일 */
.mobile-list{overflow:hidden}
.mobile-list li{float:left;width:50%;margin:10px 0 0 0}
.mobile-list li .in-box{display:table;width:100%;height:166px;border:1px solid #eaeaea}
.mobile-list li .in-box a{display:block;padding:30px;color:#000}
.mobile-list li .in-box a:hover .tit{text-decoration:underline}
.mobile-list li .in-box .pic{width:102px;height:102px;padding:0 25px 0 0}
.mobile-list li .in-box .pic img{width:102px;height:102px;border-radius:25%}
.mobile-list li .in-box .cont .tit{display:block;height:19px;overflow:hidden;font-size:18px}
.mobile-list li .in-box .cont .txt{display:block;height:36px;overflow:hidden;margin:10px 0 0 0;line-height:130%}
.mobile-list li .in-box .cont .infos{display:block;margin:15px 0 0 0}
.mobile-list li .in-box .cont .infos .bl{margin:0 0 0 9px;padding:0 0 0 12px;background:url("/rpan/common/images/bg_line.png") no-repeat 0 3px}
.mobile-list li .in-box .cont .infos .bl:first-child{margin:0;padding:0;background:none}
.mobile-list li .in-box .cont .infos .android:before, .mobile-list li .in-box .cont .infos .ios:before{content:'';display:inline-block;height:17px;margin:0 5px 0 0;background:url("/rpan/common/images/icon_big_sprite.png") no-repeat 0 0;vertical-align:-3px}
.mobile-list li .in-box .cont .infos .android:before{width:16px;height:21px;background-position:-40px -229px;background-size:250px 250px}
.mobile-list li .in-box .cont .infos .android.unsupport:before{background-position:-69px -203px;background-size:250px 250px}
.mobile-list li .in-box .cont .infos .ios:before{width:19px;height:21px;background-position:-67px -229px;background-size:250px 250px}
.mobile-list li .in-box .cont .infos .ios.unsupport:before{background-position:-97px -229px;background-size:250px 250px}

.mobile-list li .in-box .cont .infos .unsupport{color:#888}
.mobile-list li .in-box .pic, .mobile-list li .in-box .cont{display:table-cell;vertical-align:middle}
.mobile-list li:nth-child(even){padding:0 0 0 10px} 
/* 모바일 상세 */
.mobile-view-head{min-height:310px;margin:-20px -30px 0;padding:20px 30px 40px 30px;background:url("/rpan/common/images/bg_mobile_view_pc.png") no-repeat 50% 50%;background-size:100% 100%}
.mobile-view-head .tit-h1{margin:0;color:#fff}
.mobile-view-head .in-view{position:relative;margin:60px 0 0 0;padding:0 0 0 224px}
.mobile-view-head .in-view .pic{position:absolute;top:0;left:30px;width:157px;height:157px}
.mobile-view-head .in-view .pic img{width:157px;height:157px}
.mobile-view-head .in-view .pic:after{content:'';position:absolute;bottom:-24px;left:0;width:100%;height:48px;background:url("/rpan/common/images/bg_mobile_shadow.png") no-repeat 50% 50%}
.mobile-view-head .in-view .tit{font-size:26px}
.mobile-view-head .in-view .txt{display:block;margin:18px 0 0 0;font-size:16px;line-height:130%}
.mobile-view-head .in-view .infos{display:inline-block;width:324px;margin:21px 0 0 0}
.mobile-view-head .in-view .infos .bl{margin:0 0 0 9px;padding:0 0 0 12px;background:url("/rpan/common/images/bg_line.png") no-repeat 0 3px}
.mobile-view-head .in-view .infos .bl:first-child{margin:0;padding:0;background:0}
.mobile-view-head .in-view .infos .android:before, .mobile-view-head .in-view .infos .ios:before{content:'';display:inline-block;height:17px;margin:0 5px 0 0;background:url("/rpan/common/images/icon_sprite.png") no-repeat 0 0;vertical-align:-3px}
.mobile-view-head .in-view .infos .android:before{width:15px;background-position:-54px -259px}
.mobile-view-head .in-view .infos .ios:before{width:13px;background-position:-54px -283px}
.mobile-view-head .in-view .infos .data{display:block;overflow:hidden;margin:9px 0 0 0;font-size:13px}
.mobile-view-head .in-view .infos .data .info{display:block;margin:11px 0 0 0}
.mobile-view-head .in-view .infos .data .info:nth-child(odd){float:left;width:141px}
.mobile-view-head .in-view .infos .data .info:nth-child(odd) .in-tit{width:50px}
.mobile-view-head .in-view .infos .data .info .in-tit{display:inline-block;width:60px}
.mobile-view-head .in-view .tit, .mobile-view-head .in-view .txt, .mobile-view-head .in-view .infos{color:#fff}
.mobile-view-head .in-view .store-box{display:inline-block;margin:10px 0 0 0;vertical-align:bottom}
.mobile-view-head .in-view .store{position:relative;display:inline-block}
.mobile-view-head .in-view .store span{display:block;width:140px;padding:8px 0;background:#fff;color:#000;text-align:center}
.mobile-view-head .in-view .store span:before{content:'';display:inline-block;height:20px;margin:0 10px 0 0;background:url("/rpan/common/images/icon_sprite.png") no-repeat 0 0;vertical-align:-4px}
.mobile-view-head .in-view .goggle-store span:before{width:16px;background-position:-57px -227px}
.mobile-view-head .in-view .apple-store span:before{width:17px;background-position:-28px -227px}
.mobile-view-head .in-view a .qr-code{display:none;position:absolute;top:-106px;left:50%;width:88px;height:88px;margin:0 0 0 -44px;padding:13px;border:1px solid #000;background:#fff}
.mobile-view-head .in-view a .qr-code:before{content:'';position:absolute;bottom:-9px;left:50%;margin:0 0 0 -5px;border-top:8px solid #000;border-left:7px solid transparent;border-right:7px solid transparent}
.mobile-view-head .in-view a .qr-code:after{content:'';position:absolute;bottom:-8px;left:50%;margin:0 0 0 -4px;border-top:8px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent}
.mobile-view-head .in-view a:hover .qr-code{display:block}

.mobile-view-roling{position:relative;width:100%;overflow:hidden}
.mobile-view-roling .roling-list li{float:left;width:12%}
.mobile-view-roling .roling-list li .pic{/*padding:0 17px;*/}
.mobile-view-roling .roling-list li .pic img{width:100%}

.pmo-view{width:100%;position:relative;overflow:hidden;padding:40px 30px}
.pmo-view .num-paper{margin:30px 0 0 0;font-size:0;text-align:center;line-height:0}
.pmo-view .num-paper button.num{width:6px;height:6px;margin:0 2px;border-radius:50%;background:#ccc;font-size:0}
.pmo-view .num-paper button.num.selected{background:#ffc03d}

.pmo-view .prev{position:absolute;top:50%;width:11px;height:20px;margin:-10px 0 0 0;background:url("/rpan/common/images/btn_arrow.png") no-repeat 0 0;font-size:0;line-height:0}
.pmo-view .next{position:absolute;top:50%;width:11px;height:20px;margin:-10px 0 0 0;background:url("/rpan/common/images/btn_arrow.png") no-repeat 0 0;font-size:0;line-height:0}
.pmo-view .prev{left:0}
.pmo-view .next{right:0;background-position:0 -20px !important}

.mobile-view-cont{margin:0 -30px;padding:40px 30px 0;border-top:1px solid #eaeaea;line-height:130%}
@media only screen and (max-width:979px){ 
	/* 모바일 */
	.mobile-list li{width:100%;margin:-1px 0 0 0;border-left:0;border-right:0}
	.mobile-list li:nth-child(even){padding-left:0}
	.mobile-list li .in-box a{padding:30px 15px} 
	/* 모바일 상세 */
	.mobile-view-head{margin:-20px 0 0 0;padding:59px 15px 30px;background:url("/rpan/common/images/bg_mobile_view_m.png") no-repeat 50% 50%;background-size:100% 100%;text-align:center}
	.mobile-view-head .in-view{margin:0;padding:0}
	.mobile-view-head .in-view .pic{display:inline-block;position:relative;left:0;width:138px;height:138px}
	.mobile-view-head .in-view .pic img{width:138px;height:138px}
	.mobile-view-head .in-view .tit{display:block;margin:47px 0 0 0;font-weight:normal}
	.mobile-view-head .in-view .infos{width:100%}
	.mobile-view-head .in-view .infos .android:before{content:'';width:13px;height:17px;background:url("/rpan/common/images/icon_big_sprite.png") no-repeat -61px -163px;background-size:250px 250px}
	.mobile-view-head .in-view .infos .ios:before{content:'';width:13px;height:17px;background:url("/rpan/common/images/icon_big_sprite.png") no-repeat -89px -163px;background-size:250px 250px}
	.mobile-view-head .in-view .infos .data{width:300px;margin:19px auto 0;text-align:left}
	.mobile-view-head .in-view .store-box{display:block;overflow:hidden;margin:30px 0 0 0}
	.mobile-view-head .in-view .store{float:left;width:50%}
	.mobile-view-head .in-view .store span{display:block;width:100%}
	.mobile-view-head .in-view .store.apple-store span{margin:0 0 0 4px}
	.mobile-view-head .in-view .goggle-store span:before{content:"";background:url("/rpan/common/images/icon_big_sprite.png") no-repeat -40px -229px;width:16px;height:21px;background-size:250px 250px}
	.mobile-view-head .in-view .apple-store span:before{content:"";background:url("/rpan/common/images/icon_big_sprite.png") no-repeat  -67px -229px;width:19px;height:21px;background-size:250px 250px}
	.mobile-view-head .in-view a .qr-code{display:none}
	.mobile-view-roling{}
	.mobile-view-roling .roling-list li .pic{padding:0 5px}
	.pmo-view{padding:40px 0 25px}
	.pmo-view .prev, 
	.pmo-view .next, 
	.pmo-view .num-paper{display:none}
	.mobile-view-cont{margin:0;padding:20px 15px 0} 
}

/* *************** 회사소개 *************** */
/* 회사개요 */
.comp-aney{padding-bottom:30px}
.comp-aney .img-di01{margin-bottom:40px;text-align:center;position:relative}
.comp-aney .img-di01 img{/*height:100%;*/ max-width:100%}
.comp-aney .summ-com{overflow:hidden;border-top:1px solid #444;background:#f9f9f9;border-bottom:1px solid #eaeaea}
.comp-aney .summ-com li{position:relative;float:left;width:47%;border-top:1px solid #eaeaea}
.comp-aney .summ-com li:nth-of-type(even){border-left:1px solid #eaeaea;width:53%}
.comp-aney .summ-com mark{position:absolute;left:0;width:90px;display:block;background:#f9f9f9;padding:14px 10px}
.comp-aney .summ-com span{margin-left:90px;display:block;background:#fff;padding:11px 10px;line-height:140%} 
.comp-aney .summ-com li:nth-of-type(8) span{ letter-spacing:-1px} 
.comp-aney > dl{margin-bottom:4px}
.comp-aney > dl dt{ font-size:20px;line-height:150%;margin-bottom:10px}
.comp-aney > dl dd{ font-size:16px;line-height:150%;margin-bottom:32px} 
.comp-aney p{line-height:160%;margin-bottom:12px;letter-spacing:-0.05em} 
.comp-aney .headline{padding-top:23px;text-align:center;margin-bottom:55px}/* 181010 추가 */
.comp-aney .headline span{display:block;font-size:24px;line-height:150%;margin-bottom:24px}/* 181010 수정 */
.comp-aney .headline span b{color:#ff545b}/* 181010 추가 */
.comp-aney .headline span .mbreak{font-weight:normal}
/* 팍스넷 뉴스 소개 : 181010 추가 */
.comp-aney.pnews-info .headline .pnews-logo{display:block;width:335px;height:59px;margin:0 auto;text-indent:-99999em;background:url("/rpan/imgs/company/contents.png") no-repeat 0 0}
.comp-aney.pnews-info .txt{vertical-align:bottom}
.comp-aney.pnews-info .pax-logo{display:inline-block;width:212px;height:62px;margin:0 0 5px 4px;text-indent:-99999em;vertical-align:bottom;background:url("/rpan/imgs/company/contents.png") no-repeat 0 -61px}
.comp-aney.pnews-info .pax-logo + span{display:block;padding-top:10px}
.comp-aney.pnews-info > dl{margin-bottom:0}
.comp-aney.pnews-info > dl:nth-of-type(2),.comp-aney.pnews-info > dl:nth-of-type(3){margin-top:78px}
.comp-aney.pnews-info > dl dt,.comp-aney.pnews-info > dl dd{text-align:center}
.comp-aney.pnews-info > dl dt{font-weight:bold}
.comp-aney.pnews-info > dl dt + dd{padding:16px 0 0 0;background:url("/rpan/imgs/company/bar_txtTop.png") no-repeat top center}
.comp-aney.pnews-info > dl dd img{display:block;margin:39px auto 0;max-width:100%}
/* ceo인사말 */
.ceo-area{height:260px;padding:75px 0 30px 35px;margin-bottom:15px;box-sizing:border-box;background:#f1f2f6 url() no-repeat 100% 100%}/* ../images/img_ceo_pc.png*/
.ceo-area dt{font-size:24px;line-height:100%;margin-bottom:20px;position:relative}
.ceo-area dt:after{content:"";position:absolute;bottom:-20px;left:0;width:25px;border-bottom:1px solid #ff545b}
.ceo-area dd{padding-top:20px;font-size:16px;line-height:150%}
.ceo-sign{position:relative;margin-top:50px;width:170px}
.ceo-sign:before{content:"";position:absolute;top:-15px;left:0;width:25px;border-bottom:1px solid #ff545b}
.ceo-sign strong{display:block;font-size:20px;margin-top:10px}
.ceo-sign img{position:absolute;right:0;top:-15px;display:none}/* 180927 수정 */ 
/* 회사위치 */
.map{margin-bottom:40px}
.map img{ width:100%}
.pcolct{margin-top:20px;padding-bottom:30px;overflow:hidden;border:1px solid #eaeaea;border-width:1px 1px 0 0}
.pcolct li{position:relative;display:table ;width:50%;float:left;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
.pcolct li div{ display:table-cell;vertical-align:middle;padding:30px 30px 30px 109px;height:70px}
.pcolct li div strong{display:block;font-size:16px;margin-bottom:10px}
.pcolct li div:after{content:"";position:absolute;left:30px;top:50%;margin-top:-28px;width:55px;height:55px;overflow:hidden;background:url(../images/ico_clt.png) no-repeat 0 0}
.pcolct li:nth-of-type(2) div:after{background-position:-56px 0}
.pcolct li:nth-of-type(3) div:after{background-position:0 -56px}
.pcolct li:nth-of-type(4) div:after{background-position:-56px -56px} 
/* CI소개 */
.grid-basics{margin:30px 0 0 0;text-align:center}
.grid-basics .ci-box{position:relative;margin:20px 0 0 0;padding:70px 15px 86px;border:1px solid #eaeaea;background:url("/rpan/common/images/bg_ci.png") repeat 0 -1px}
.grid-basics .ci-box img{width:232px;height:67px}
.grid-basics .txt:first-of-type{margin:30px 0 0 0;font-weight:bold;font-size:18px;color:#ff535b}
.grid-basics .txt{margin:17px 0 0 0}
.grid-basics .download{position:absolute;bottom:15px;right:15px;min-width:116px;padding:10px 5px;border:1px solid #000;color:#000}
.grid-basics .download:after{content:'';display:inline-block;width:13px;height:14px;margin:0 0 0 5px;background:url("/rpan/common/images/icon_sprite.png") no-repeat -285px -286px;vertical-align:-2px} 
.simbol-box .simbol-mark{overflow:hidden;margin:0 0 20px 0}
.simbol-box .simbol{float:left;width:25%;padding:0 5px;text-align:center}
.simbol-box .simbol.ci-box{border:1px solid #eaeaea;background:url("/rpan/common/images/bg_ci.png") repeat 0 -1px}
.simbol-box .simbol .img-box{display:table;width:100%}
.simbol-box .simbol .img-box .img{display:table-cell;height:112px;vertical-align:middle}
.simbol-box .simbol img{max-width:100%} 
.color-list{border:1px solid #eaeaea;overflow:hidden}
.color-list li{float:left;display:table;width:50%;padding:0 30px}
.color-list li .in-box{display:table;width:100%;padding:30px 0 29px;vertical-align:middle}
.color-list li .in-box:before{content:'';display:table-cell;width:95px;height:95px;border-radius:50%;background:#ff535b}
.color-list li.add1 .in-box:before{background:#776d6c}
.color-list li .in-box .txt{display:table-cell;padding:0 0 0 26px;vertical-align:middle}
.color-list li .in-box .name{display:block;font-size:16px}
.color-list li .in-box .system-list{overflow:hidden;margin:16px 0 0 0}
.color-list li .in-box .system-list li{display:block;width:auto;margin:9px 0 0 0;padding:0}
.color-list li .in-box .system-list li:first-child{float:none;margin:0} 
.signature-box{display:table;width:100%;border:1px solid #eaeaea;background:url("/rpan/common/images/bg_ci.png") repeat 0 -1px}
.signature-box .img{display:table-cell;width:50%;height:139px;padding:5px;text-align:center;vertical-align:middle}
.signature-box .img img{max-width:100%} 
.color-usecase-box{overflow:hidden;margin:0 -7px}
.color-usecase-box .c-usecase-box{float:left;width:50%}
.color-usecase-box .c-usecase-box .in-box{min-height:321px;margin:0 7px 0;border:1px solid #eaeaea;text-align:center}
.color-usecase-box .c-usecase-box .img-box{display:table;width:100%;table-layout:fixed}
.color-usecase-box .c-usecase-box .img-box .img{display:table-cell;height:223px;padding:5px;vertical-align:middle}
.color-usecase-box .c-usecase-box .img img{max-width:100%}
.color-usecase-box .c-usecase-box .txt-box{display:table;width:100%}
.color-usecase-box .c-usecase-box .txt-box .txt{display:table-cell;height:98px;padding:5px;background:#f9f9f9;vertical-align:middle;line-height:150%} 
.launcher-box{overflow:hidden;margin:0 -10px}
.launcher-box .launcher-icon-box{float:left;width:50%}
.launcher-box .in-box{position:relative;margin:0 10px;border:1px solid #eaeaea;text-align:center}
.launcher-box .in-box .tit{display:block;padding:15px 5px;background:#f9f9f9;font-weight:normal;color:#ff545b}
.launcher-box .in-box .size{position:absolute;bottom:11px;right:13px;font-weight:bold;font-size:12px}
.launcher-box .in-box .img-box{display:block;min-height:222px;padding:31px 5px 39px;text-align:center} 
.m-usecase-list{margin:0 -5px;overflow:hidden}
.m-usecase-list li{float:left;width:33.33%}
.m-usecase-list li .in-box{margin:0 5px;border:1px solid #eaeaea;font-size:0;line-height:0}
.m-usecase-list li .in-box img{width:100%} 
.donot-list{overflow:hidden;margin:-10px -5px 0}
.donot-list li{float:left;width:50%}
.donot-list li .in-box{margin:10px 5px 0;border:1px solid #eaeaea}
.donot-list li .img-box{display:table;width:100%;text-align:center}
.donot-list li .img-box .img{display:table-cell;height:89px;padding:5px;vertical-align:middle}
.donot-list li .img-box .img img{max-width:100%}
.donot-list li .tit{display:block;padding:16px 0 15px;background:#f9f9f9;font-weight:normal;text-align:center} 
.font-guide-box{padding:30px;margin-bottom:30px;border:1px solid #eaeaea}
.font-guide-box .font-name{font-size:24px}
.font-guide-box .font-type{display:block;margin:21px 0 0 0;font-size:18px;color:#444}
.font-guide-box .font-type:first-of-type{margin:28px 0 0 0}
.font-guide-box .txt{margin:10px 0 0 0;font-weight:100}
.font-guide-box .txt.regular{font-weight:300}
.font-guide-box .txt.medium{font-weight:500}
.font-guide-box .txt.bold{font-weight:600}
.font-guide-box .txt.black{font-weight:800} 
/* 회사연혁 */
.history-tab{display:none}
.company-history{position:relative;margin-top:-20px;padding-bottom:30px}
.company-history:after{content:"";position:absolute;top:35px;bottom:35px;left:130px;border-left:1px solid #eaeaea}
.company-history > li{position:relative;overflow:hidden;border-top:1px solid #f9f9f9}
.company-history > li:first-child{border-top:0}
.company-history > li span{display:block;position:absolute;top:26px;left:0;font-size:28px;padding-left:15px} 
.company-history > li > button{display:block;position:absolute;top:26px;left:0;font-size:28px;padding-left:15px} 
.company-history > li .history{position:relative;margin-left:130px;padding:30px 30px 10px 22px}
.company-history > li .history li{position:relative;padding-left:40px;margin-bottom:13px;line-height:150%} 
.company-history > li .history li em{position:absolute;top:-2px;left:0;color:#ff545b;font-size:15px}
.company-history > li .history > li:after{content:"";position:absolute;top:4px;left:-27px;width:7px;height:7px;background:#cecece;border:2px solid #fff;z-index:3;border-radius:100%}
.company-history > li .history li li{margin-bottom:4px;padding:0}
.company-history > li .history .desh-list{margin-top:5px}
.company-history > li .history .desh-list li{padding-left:12px}  
/* 채용공고 */ 
.tit-recruit{font-size:20px;font-weight:normal;margin-bottom:15px;padding-bottom:30px}
.recruit-desc{display:table;padding:55px 0;min-height:220px;margin-bottom:40px;width:100%;background:url("/rpan/common/images/img_com04.png") no-repeat 50% 50%;background-size:100% 100%;color:#fff}
.recruit-desc p{display:table-cell;vertical-align:middle;font-size:16px;color:#fff;text-align:center}
.recruit-desc p strong{position:relative;display:block;font-size:24px;font-weight:normal;margin-bottom:40px} 
.recruit-desc p strong:after{content:"";position:absolute;left:50%;margin-left:-15px;bottom:-20px;width:30px;border-bottom:1px solid #bac0cb} 
.recruit-desc1{position:relative;border-top:1px solid #444;border-bottom:1px solid #eaeaea;height:107px;padding-left:120px;padding-right:30px} 
.recruit-desc1:after{content:"";position:absolute;left:35px;top:50%;margin-top:-25px;width:55px;height:55px;background:url("/rpan/common/images/ico_clt2.png") no-repeat 0 0}
.recruit-desc1:nth-of-type(2):after{background-position:-65px 0}
.recruit-desc1+.recruit-desc1{border-top:0;margin-bottom:30px}
.recruit-desc1 dt{ padding-top:20px;font-size:16px;margin-bottom:10px} 
.recruit-desc1 dd{padding-bottom:18px;line-height:160%}
.recruit-desc2{position:relative;margin-bottom:30px}
.recruit-desc2 img{width:100%}
.recruit-text{text-align:right;margin-bottom:10px} 
/* 광고특징 */
.infopage-wrap.adv .info-wrap.type03{padding-top:40px}
.infopage-wrap.adv .info-tit{margin-bottom:20px}
.infopage-wrap.adv .img-list{padding:0;border:none}
.infopage-wrap.adv .img-list img{display:block;margin:0 auto}
.infopage-wrap.adv .dot-list02{margin:14px 0 -6px}
.infopage-wrap.adv .info-tit+.dot-list02{margin-top:-7px}
.infopage-wrap.adv .dot-list02 li{line-height:24px;background-position:left 10px}
.infopage-wrap.adv .dot-list02 li a{color:#888}
.infopage-wrap.adv .dot-list02 li a:hover , .infopage-wrap .dot-list02 li a:focus{text-decoration:underline}
/* 광고상품안내 */
.adv-product-list{margin-top:-10px;border-top:1px solid #444}
.adv-product-list > li{display:table;width:100%;padding:30px 0 30px 20px;border-bottom:1px solid #eaeaea}
.adv-product-list .img{display:table-cell;width:372px;vertical-align:middle}
.adv-product-list .img img{width:100%;display:block}
.adv-product-list .cont{display:table-cell;padding-left:30px;vertical-align:middle}
.adv-product-list .cont.case02{vertical-align:top;padding-top:3px}
.adv-product-list .adv-tit{font-size:16px;font-weight:bold}
.adv-product-list .adv-txt{margin-top:5px;word-spacing:-1px}
.adv-product-list .adv-info{margin-top:15px;border:1px solid #eaeaea}
.adv-product-list .adv-info li{padding:12px 20px;border-top:1px solid #eaeaea}
.adv-product-list .adv-info li:first-child{border-top:none}
.adv-product-list .adv-info .tit{display:inline-block;width:70px}
.adv-product-list .cont-box{margin-top:30px}
.adv-product-list .cont-box:first-child{margin-top:0}
.adv-product-list .guide-text02{padding:6px 0 0 15px;text-indent:-15px}
.infopage-wrap .info-tit+.btn-m-down{margin-top:-10px}
.infopage-wrap .btn-m-down:after{content:'';display:inline-block;clear:both;width:13px;height:11px;margin-left:5px;background:url("/rpan/common/images/ico_down.png") no-repeat 0 0;background-size:13px auto;vertical-align:middle}  
@media only screen and (min-width:1161px) and (max-width:1280px){
	.ceo-area{padding:30px 42% 0 30px}
	.ceo-area dt{line-height:1.4} 
}
@media only screen and (min-width:980px) and (max-width:1240px){
	/* 회사개요 */  
	.comp-aney .summ-com li:nth-of-type(7) span,.comp-aney .summ-com li:nth-of-type(8) span{padding-bottom:30px}
} 
@media only screen and (max-width:979px){
	/* 회사개요 */ 
	.comp-aney{padding:0 15px}
	.comp-aney .img-di01{margin-bottom:20px;position:relative;line-height:0} 
	.comp-aney .img-di01 img{height:auto;width:100%}
	.comp-aney dl dt{ font-size:18px}
	.comp-aney dl dd{ font-size:14px;margin-bottom:25px} 
	.comp-aney .summ-com{background:#f9f9f9;margin:0 -15px}
	.comp-aney .summ-com li{float:none;width:auto;overflow:hidden}
	.comp-aney .summ-com li:nth-of-type(even){border-left:0;width:100%}  
	.comp-aney .headline {margin-bottom:40px}
	.comp-aney .headline span{font-size:20px}
	.comp-aney .headline span .mbreak{display:block}
	.comp-aney .headline span b{display:block}
	/* 팍스넷 뉴스 소개 : 181010 추가 */
	.comp-aney.pnews-info .headline .pnews-logo{width:199px;height:35px;background-position:0 -63px;background-size:300px 300px}
	.comp-aney.pnews-info .pax-logo{width:110px;height:32px;background-position:0 -99px;background-size:300px 300px}
	.comp-aney.pnews-info > dl:nth-of-type(2),.comp-aney.pnews-info > dl:nth-of-type(3){margin-top:60px}
	.comp-aney.pnews-info > dl dd{letter-spacing:-1px}
	.comp-aney.pnews-info > dl dd img{margin:20px auto 0}
	/* ceo인사말 */
	.ceo-area{margin-top:-20px;height:auto;padding:30px 15px;background:#f1f2f6 url() no-repeat 100% 100%;background-size:320px 201px}/* 30px 15px 180px 15px ../images/img_ceo_mo.png */
	.ceo-area dt{font-size:20px;line-height:140%;margin-bottom:15px;text-align:center}
	.ceo-area dt span{display:block}
	.ceo-area dt:after{bottom:-15px;left:50%;margin-left:-10px}
	.ceo-area dd{text-align:center} 
	/* 회사위치 */
	.map{margin-bottom:20px}
	.pcolct{margin:20px 15px}
	.pcolct li{width:100%;float:none}
	.pcolct li div{   padding:30px 30px 30px 85px}
	.pcolct li div strong{font-size:14px}
	.pcolct li div:after{ left:20px;margin-top:-30px;width:51px;background-position:0 -59px;background-size:105px 170px}
	.pcolct li:nth-of-type(2) div:after{margin-top:-27px;background-position:-53px -60px}
	.pcolct li:nth-of-type(3) div:after{background-position:0 -116px}
	.pcolct li:nth-of-type(4) div:after{margin-top:-25px;background-position:-53px -115px} 
	/* CI 소개 */
	.grid-basics{padding:0 15px}
	.grid-basics .ci-box{margin:0;padding:57px 15px 112px}
	.grid-basics .txt:first-of-type{font-weight:normal;font-size:17px}
	.grid-basics .download{bottom:10px;right:10px} 
	.simbol-box{margin:40px 0 0 0;padding:0 15px;border-top:10px solid #eff3f6}
	.simbol-box .case04{margin:0;padding:15px 0 0 0;border-top:0}
	.simbol-box .simbol{width:100%;margin:20px 0 0 0;border:1px solid #eaeaea}
	.simbol-box .simbol .img-box .img{height:161px;padding:5px} 
	.color-list{margin:0 15px}
	.color-list li{width:100%;padding:0 20px}
	.color-list li .in-box{border-top:1px dashed #eaeaea}
	.color-list li:first-child .in-box{border-top:0}
	.color-list li .system-list li{float:none} 
	.signature-box{display:block;width:auto;margin:0 15px;padding:8px 5px 39px}
	.signature-box .img{display:block;width:100%;height:auto;padding:39px 0 0 0} 
	.color-usecase-box, .launcher-box, .m-usecase-list, .donot-list{margin:-10px 15px 0}
	.color-usecase-box .c-usecase-box, .launcher-box .launcher-icon-box, .m-usecase-list li, .donot-list li{width:100%}
	.color-usecase-box .c-usecase-box .in-box, .launcher-box .launcher-icon-box .in-box, .m-usecase-list li .in-box, .donot-list li .in-box{margin:10px 0 0 0} 
	.font-guide-box{margin:0 15px;padding:15px}
	.font-guide-box .font-name{font-size:20px} 
	/* 회사연혁 */
	.tab-area.history{display:none}  
	.history-tab{display:block;padding:0 15px 5px}
	.history-tab .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.company-history{ margin-top:0}
	.company-history:after{top:21px;bottom:30px;left:18px}  
	.company-history > li span{position:relative;top:auto;left:0;font-size:20px;padding-left:35px;margin-bottom:-10px;margin-top:18px} 
	.company-history > li > button{position:relative;top:auto;left:0;font-size:20px;padding-left:35px;margin-bottom:-10px;margin-top:18px} 
	.company-history > li .history{margin-left:0;padding:20px 30px 5px 22px}
	.company-history > li .history li{margin-bottom:10px} 
	.company-history > li .history li em{left:13px}
	.company-history > li .history > li:after{left:-9px}  
	/* 채용공고 */ 
	.tit-recruit{padding-left:15px}
	.recruit-desc{margin-top:-30px;margin-bottom:15px;min-height:310px;border-bottom:10px solid #eff3f6;background:url(../images/img_com04_m.png) no-repeat 50% 50%;background-size:100% 100%}
	.recruit-desc p{line-height:160%} 
	.recruit-desc p strong{ line-height:140%;margin-bottom:30px} 
	.recruit-desc p strong:after{bottom:-15px} 
	.recruit-desc p span{ display:block} 
	.recruit-desc1{ height:auto;padding:85px 15px 0} 
	.recruit-desc1:after{left:50%;top:30px;margin-left:-27px;margin-top:0;width:55px;height:57px;background-position:0 -33px;background-size:60px  150px}
	.recruit-desc1:nth-of-type(2):after{ background-position:0 -92px}   
	.recruit-desc2{ border-bottom:10px solid #eff3f6;padding:0 15px 20px;margin-bottom:20px}
	.recruit-desc2 p{line-height:0;position:relative}
	.recruit-desc2 img{width:100%}
	.recruit-text{margin-right:15px} 
	/* 광고상품안내 */
	.adv-product-list{margin:-10px -15px 0}
	.adv-product-list > li{padding:30px 15px}
	.adv-product-list .img{ display:block;width:100%;margin:0 auto}
	.adv-product-list .cont{display:block;margin-top:30px;padding-left:0}
	.adv-product-list .cont.case02{vertical-align:middle;padding-top:0}
	.adv-product-list .adv-tit{font-weight:normal} 
}

/* *************** 통합검색 *************** */
.pse102 .button-area{float:right;text-align:left;margin-top:-40px}
.pse102 .button-area .order-save::before{content:"";width:14px;height:14px;display:inline-block;vertical-align:top;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -65px;;background-size:40px 400px;padding-right:5px}
.pse102 .button-area .del::before{content:"";width:14px;height:14px;display:inline-block;vertical-align:top;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -136px;;background-size:40px 400px;padding-right:5px}


/* *************** 유팍스 *************** */
/* 유팍스 소개 */
.upax-intro{position:relative;padding:20px 29px 0;background:url("/rpan/common/images/bg_com_intro_common.png") no-repeat 0 0;background-size:100% 100%;color:#fff;text-align:center}
.upax-intro .img{display:block;width:620px;height:300px;margin:60px auto 0}
.upax-intro .tit-h1{font-size:20px;text-align:left}
.upax-intro .txt{font-size:24px;margin:40px 0 0 0}
.upax-intro .tit{display:block;font-weight:normal;font-size:48px;margin:17px 0 0 0}
.upax-intro-noti{overflow:hidden;margin:60px 0 0 0;padding:0 15px}
.upax-intro-noti .tit{display:block;font-weight:normal;font-size:20px;text-align:center;line-height:150%}
.upax-intro-noti .noti-box{display:table;width:100%;margin:32px 0 0 0}
.upax-intro-noti .noti-box .in-box{display:table-cell;width:33%;height:202px;line-height:150%}
.upax-intro-noti .noti-box .in-box .txt{display:block;height:100%;margin:0 0 0 10px;padding:10px 36px;border:1px solid #eaeaea;text-align:center;vertical-align:middle}
.upax-intro-noti .noti-box .in-box .txt:before{content:'';height:100%}
.upax-intro-noti .noti-box .in-box .txt:before, .upax-intro-noti .noti-box .in-box .middle{display:inline-block;vertical-align:middle}
.upax-intro-noti .noti-box .in-box:first-child .txt{margin:0}
.upax-intro-noti .noti-box .in-box .middle:before{content:'';display:block;width:51px;height:42px;margin:0 auto 17px;background:url("/rpan/common/images/icon_com_intro.png") no-repeat 0 0}
.upax-intro-noti .noti-box .in-box.add1 .middle:before{width:56px;height:46px;background-position:0 -67px}
.upax-intro-noti .noti-box .in-box.add2 .middle:before{width:58px;height:49px;background-position:0 -138px} 
/* 유팍스 특징 */
.upax-feature-box{padding:0 0 38px 0;border-bottom:1px solid #eaeaea}
.upax-feature-list{margin:-30px 0 0 0}
.upax-feature-list li{position:relative;padding:45px 30px 48px 160px;border-top:1px solid #eaeaea;line-height:150%}
.upax-feature-list li:first-child{border-top:0}
.upax-feature-list li .tit{display:block;margin:0 0 15px 0;font-weight:normal;font-size:20px;line-height:150%}
.upax-feature-list li:before{content:'';position:absolute;top:50%;left:34px;width:100px;height:100px;margin:-50px 0 0 0;background:url("/rpan/common/images/icon_com_feature.png") no-repeat 0 0}
.upax-feature-list li.add1:before{background-position:0 -130px}
.upax-feature-list li.add2:before{background-position:0 -260px}
.upax-feature-list li.add3:before{background-position:0 -390px} 
.service-free{position:relative;margin:60px 0 0 0}
.service-free .tit{font-weight:normal;font-size:20px}
.service-free .noti{margin:20px 0 0 0;font-size:16px}
.service-free .alarm-box{display:table;width:100%;overflow:hidden;margin:20px 0 0 0}
.service-free .alarm-box .in-box{display:table-cell;width:33%;height:177px;line-height:150%}
.service-free .alarm-box .in-box .txt{display:block;height:100%;margin:0 0 0 10px;padding:10px;background:#ff9a46;color:#fff;text-align:center}
.service-free .alarm-box .in-box.add1 .txt{background:#ff545b}
.service-free .alarm-box .in-box.add2 .txt{background:#2dc6cb}
.service-free .alarm-box .in-box:first-child .txt{margin:0}
.service-free .alarm-box .in-box .txt:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.service-free .alarm-box .in-box .middle{display:inline-block;vertical-align:middle}
.service-free .alarm-box .in-box .middle:before{content:'';display:block;width:50px;height:45px;margin:0 auto 18px;background:url("/rpan/common/images/icon_com_feature2.png") no-repeat 0 0}
.service-free .alarm-box .in-box.add1 .middle:before{background-position:0 -73px}
.service-free .alarm-box .in-box.add2 .middle:before{background-position:0 -148px}
.service-free .alarm-box .in-box .alarm-tit{display:block;margin:0 0 7px 0}
.service-free .note{display:block;margin:14px 0 0 0;font-size:13px;color:#888;line-height:1.6}
.service-free .link{position:absolute;top:40px;right:0} 
/* 유팍스 다운로드 */
.upax-download-info{position:relative;min-height:220px;padding:70px 354px 70px 39px;background:url("/rpan/common/images/bg_com_download_common.png") no-repeat 0 0;background-size:100% 100%;color:#fff}
.upax-download-info .img{position:absolute;bottom:0;right:80px;width:243px;height:162px}
.upax-download-info .tit{font-weight:normal;font-size:24px;line-height:150%}
.upax-download-info .txt{position:relative;margin:14px 0 0 0;padding:17px 0 0 0;font-size:16px}
.upax-download-info .txt:after{content:'';position:absolute;top:0;left:0;width:25px;border-top:1px solid #bbc7dc}
.upax-download{margin:40px 0 0 0}
.upax-download .tit-h2{font-weight:normal;font-size:20px}
.upax-download .store-box{overflow:hidden;margin:22px -5px 0}
.upax-download .store-box .download-box{float:left;width:50%}
.upax-download .store-box .in-box{position:relative;margin:0 5px;padding:30px 0 86px;border:1px solid #eaeaea;text-align:center}
.upax-download .store-box .in-box .tit{font-weight:normal;font-size:16px}
.upax-download .store-box .in-box .tit:before{content:'';display:inline-block;width:17px;height:20px;margin:0 5px 0 0;background:url("/rpan/common/images/icon_sprite.png") no-repeat 0 0;vertical-align:-3px}
.upax-download .store-box .in-box .tit.google:before{background-position:-57px -227px}
.upax-download .store-box .in-box .tit.apple:before{background-position:-28px -227px}
.upax-download .store-box .in-box .qr{margin:20px 0 0 0}
.upax-download .store-box .in-box .download{position:absolute;bottom:0;left:0;width:100%;padding:10px 0;color:#000;background:#f9f9f9}
.upax-download .store-box .in-box .download:before{content:'';margin:0 8px 0 0;vertical-align:-7px;display:inline-block;width:25px;height:25px;line-height:25px;background:url("/rpan/common/images/ico_sub.png") no-repeat 0 -375px;background-size:40px 400px}
/* 유팍스 주문가능 증권사 */
.order-securities{position:relative;padding:46px 343px 46px 40px;background:url("/rpan/common/images/bg_com_order_common.png") no-repeat 0 0;background-size:100% 100%;color:#fff}
.order-securities .img{position:absolute;bottom:0;right:85px;width:224px;height:152px}
.order-securities .tit{display:block;font-weight:normal;font-size:24px;line-height:150%;padding-right:20px}
.order-securities .txt{position:relative;margin:14px 0 0 0;padding:17px 0 0 0;font-size:16px}
.order-securities .txt:after{content:'';position:absolute;top:0;left:0;width:25px;border-top:1px solid #bbc7dc}
.order-securities-list{overflow:hidden;margin:20px 0 0 0}
.order-securities-list li{float:left;width:50%}
.order-securities-list li .in-box{position:relative;margin:10px 0 0 10px;border:1px solid #eaeaea;text-align:center}
.order-securities-list li:nth-child(odd) .in-box{margin-left:0}
.order-securities-list li .securities-logo{height:91px;border-bottom:1px solid #eaeaea;line-height:91px}
.order-securities-list li .securities-logo img{max-width:100%;height:89px}
.order-securities-list li .store-box{position:relative;overflow:hidden}
.order-securities-list li .store-box .store{position:relative;float:left;width:100%;padding:14px 0 16px;background:#f9f9f9;color:#000;line-height:1}
.order-securities-list li .store-box .store:nth-child(1):nth-last-child(2), .order-securities-list li .store-box .store:nth-child(1):nth-last-child(2) ~ .store{width:50%}
.order-securities-list li .store-box .store:nth-child(1):nth-last-child(2):after{content:'';position:absolute;top:0;right:0;height:100%;border-left:1px solid #eaeaea}
.order-securities-list li .store-box .store:before{content:'';display:inline-block;width:17px;height:20px;margin:0 5px 0 0;background:url("/rpan/common/images/icon_big_sprite.png") no-repeat 0 0;vertical-align:-3px}
.order-securities-list li .store-box .store.android:before{width:16px;height:21px;background-position:-40px -229px;background-size:250px 250px}
.order-securities-list li .store-box .store.iphone:before{width:19px;height:21px;background-position:-67px -229px;background-size:250px 250px}
@media only screen and (max-width:979px){
	/* 유팍스 소개 */
	.upax-intro{padding:60px 15px 0}
	.upax-intro .txt{margin:0;font-size:20px}
	.upax-intro .tit{margin:14px 0 0 0;font-size:28px}
	.upax-intro .img{width:auto;max-width:90%;height:auto} 
	.upax-intro-noti{margin:30px 0 0 0}
	.upax-intro-noti .noti-box{margin:15px 0 0 0}
	.upax-intro-noti .noti-box .in-box{display:block;width:100%;height:auto;margin:10px 0 0 0}
	.upax-intro-noti .noti-box .in-box:first-child{margin:0}
	.upax-intro-noti .noti-box .in-box .txt{position:relative;margin:0;padding:20px 20px 20px 85px;text-align:left}
	.upax-intro-noti .noti-box .in-box .middle:before{position:absolute;top:50%;left:15px;margin:-30px 0 0 0;background-size:100px 400px;background-position:0 -117px;width:60px;height:60px}
	.upax-intro-noti .noti-box .in-box.add1 .middle:before{margin:-30px 0 0 0;background-size:100px 400px;background-position:0 -214px;width:60px;height:60px}
	.upax-intro-noti .noti-box .in-box.add2 .middle:before{margin:-30px 0 0 0;background-size:100px 400px;background-position:0 -316px;width:60px;height:60px} 
	/* 유팍스 특징 */
	.upax-feature-box{padding-bottom:20px}
	.upax-feature-list{margin:0}
	.upax-feature-list li{padding:47px 25px 30px;text-align:center}
	.upax-feature-list li:before{position:static;display:block;margin:0 auto}
	.upax-feature-list li:before{background-size:220px 450px;background-position:-120px 0}
	.upax-feature-list li.add1:before{background-size:220px 450px;background-position:-120px -115px}
	.upax-feature-list li.add2:before{background-size:220px 450px;background-position:-120px -230px}
	.upax-feature-list li.add3:before{background-size:220px 450px;background-position:-120px -345px}
	.upax-feature-box .guide-text03{margin:0 15px}
	.service-free{margin-top:30px;padding:0 15px} 
	.service-free .link{top:53px}
	.service-free .noti{margin:0}
	.service-free .alarm-box{margin:58px 0 0 0}
	.service-free .alarm-box .in-box{display:block;width:100%;height:auto;margin:10px 0 0 0}
	.service-free .alarm-box .in-box:first-child{margin:0}
	.service-free .alarm-box .in-box .txt{position:relative;margin:0;padding:28px 20px 28px 90px;text-align:left}
	.service-free .alarm-box .in-box .middle:before{position:absolute;top:50%;left:20px;margin:-22px 0 0 0;background-size:130px;background-position:-80px 0}
	.service-free .alarm-box .in-box.add1 .middle:before{background-size:130px;background-position:-80px -69px}
	.service-free .alarm-box .in-box.add2 .middle:before{background-size:130px;background-position:-80px -140px}
	.service-free .link{right:inherit;left:15px} 
	/* 유팍스 다운로드 */
	.upax-download{margin-top:30px;padding:0 15px}
	.upax-download .store-box .download-box{width:100%}
	.upax-download .store-box .download-box .in-box{margin:10px 0 0 0}
	.upax-download .store-box .download-box:first-child .in-box{margin:0;border-right:1px solid #eaeaea}
	.upax-download-info{padding:40px 15px 0;text-align:center;background:url("/rpan/common/images/bg_com_intro_common_m.png") no-repeat 0 0;background-size:cover}
	.upax-download-info .img{position:static;display:block;width:auto;max-width:90%;height:auto;margin:40px auto 0}
	.upax-download-info .txt:after{left:50%;margin:0 0 0 -12px}
	.upax-download .store-box .in-box{padding-bottom:76px}
	.upax-download .store-box .in-box .tit:before{display:block;margin:0 auto 16px;background:url("/rpan/common/images/icon_big_sprite.png") no-repeat 0 0}
	.upax-download .store-box .in-box .tit.google:before{width:34px;height:43px;background-position:-130px -207px;background-size:250px 250px}
	.upax-download .store-box .in-box .tit.apple:before{width:36px;height:43px;background-position:-181px -207px;background-size:250px 250px}
	.upax-download .store-box .in-box .qr{display:none} 
	/* 유팍스 주문가능 증권사 */
	.order-securities{padding:30px 15px 0;text-align:center}
	.order-securities .img{position:static;display:block;width:auto;max-width:90%;height:auto;margin:30px auto 0}
	.order-securities .tit{font-size:20px}
	.order-securities .txt{font-size:16px}
	.order-securities .txt:after{left:50%;margin:0 0 0 -12px}
	.order-securities-list{margin:10px 15px 0}
	.order-securities-list li{width:100%}
	.order-securities-list li .in-box{margin:10px 0 0 0}
	.order-securities-list li .securities-logo{height:75px;line-height:75px}
	.order-securities-list li .securities-logo img{height:73px} 
}
 
/* *************** 고객센터 *************** */
/* 고객센터 QNA */
.qna-desc{padding:55px 30px;min-height:220px;background:url("/rpan/common/images/bg_customer_qna_pc.png") no-repeat 50% 50%;background-size:100% 100%;color:#fff;text-align:center}
.qna-desc, .qna-desc .import, .qna-desc .time{line-height:150%}
.qna-desc .import{font-weight:normal;font-size:24px}
.qna-desc .time{display:block;margin:5px 0 0 0;font-size:16px}
.qna-desc .inquiry{display:inline-block;margin:15px 0 0 0;padding:6px 14px;border:1px solid #7d828c;color:#fff;line-height:1}
/* 초보자이용가이드 */ 
.cus-guide-top{ background:#f1e8dc  url("/rpan/common/images/bg_guide2.png") no-repeat 100% 100%;height:220px;margin-bottom:20px}
.cus-guide-top dl{padding:80px 30px;line-height:140%;background:url("/rpan/common/images/bg_guide.png") no-repeat 96% 100%;height:220px;margin-bottom:20px}
.cus-guide-top dl dt{font-size:24px;margin-bottom:13px;line-height:130%} 
.faq-list.type02{border-top:0} 
.faq-list.type02  li.question{border:1px solid #eaeaea;margin-bottom:10px} 
.faq-list.type02  li.question a{font-size:16px;padding:20px;border-bottom:0}
.faq-list.type02  li.question a:after{ right:20px;background:url("/rpan/common/images/bg_faq.png") no-repeat -95px 0}
.faq-list.type02 li.question a em{display:inline-block;margin-right:15px;height:30px;line-height:30px;width:30px;background:url("/rpan/common/images/img_guide09.png") no-repeat 0 3px;background-size:56px 250px}  
.faq-list.type02  li.clicked a{ color:#ff545b !important;font-weight:normal}
.faq-list.type02  li.clicked a:after{background-position:-130px 0} 
.faq-list.type02  li.answer{ padding:30px 20px 0 20px;margin-bottom:10px;border:1px solid #eaeaea;border-top:0;margin-top:-12px;background:#f9f9f9;font-size:0}
.faq-list.type02  li.answer:after{display:none}  
.faq-list.type02  li.answer > p{ padding-bottom:15px}
.faq-list.type02  li.answer > p > strong{display:block;font-size:16px;color:#000;margin-bottom:7px}
.faq-list.type02  li.answer > p > strong a{position:relative;display:inline-block;color:#000}
.faq-list.type02  li.answer > p > strong em{font-weight:normal}
.faq-list.type02  li.answer > p > strong a:after{content:"";display:inline-block;width:7px;height:14px;margin:0 0 0 6px;background:url("/rpan/common/images/bl_main_arrow.png") no-repeat 0 2px;background-size:7px 12px}
.faq-list.type02  li.answer > p > span{display:block;margin-top:5px} 
.faq-list.type02  li.answer > p > span a{margin-right:5px} 
.faq-list.type02  li.answer .img-di01{text-align:center}   
.faq-list.type02  li.answer p+.img-di01{padding-top:20px}
.faq-list.type02  li:nth-child(20),
.faq-list.type02  li:nth-child(22){padding-bottom:10px}

.guide-clist{overflow:hidden;padding-bottom:10px}
.guide-clist p{position:relative;float:left;width:49.5%;margin:0 0 10px;;height:180px;text-align:center;padding:80px 20px 10px;background:#fff}
.guide-clist p > strong{display:block;font-size:16px;color:#000;margin-bottom:7px} 
.guide-clist p:nth-child(even){float:right}
.guide-clist p:after{content:"";position:absolute;left:50%;top:15px;width:56px;height:56px;margin-left:-26px;background:url("/rpan/common/images/img_guide09.png") no-repeat 0 -24px;background-size:56px 250px} 
.guide-clist p:nth-child(2):after{background-position:0 -88px}
.guide-clist p:nth-child(3):after{background-position:0 -145px}
.guide-clist p:nth-child(4):after{background-position:0 -202px} 
.guide-clist02{overflow:hidden;padding-bottom:20px}
.guide-clist02 p{position:relative;float:left;width:32.3%;margin:0 0.5% 10px ;height:175px;padding:20px 20px 10px;background:#fff}
.guide-clist02 p > strong{display:block;font-size:16px;color:#000;margin-bottom:7px} 
.guide-clist02 p > strong a{position:relative;display:block;color:#000} 
.guide-clist02 p > strong a:after{content:"";display:inline-block;width:7px;height:14px;margin:0 0 0 6px;background:url("/rpan/common/images/bl_main_arrow.png") no-repeat 0 2px;background-size:7px 12px} 
.guide-clist02 p > span{display:block;position:absolute;left:20px;bottom:10px} 
.guide-text03.faq  p{color:#888} 
.guide-text03.faq span{display:block;float:right}   
@media only screen and (max-width:979px){
	/* 고객센터 QNA */
	.qna-desc{padding:80px 15px 87px;background:url("/rpan/common/images/bg_customer_qna_m.png") no-repeat 50% 50%;background-size:100% 100%;border-bottom:10px solid #eff3f6}
	.qna-desc .import{font-size:20px}
	.form-table table th.qna-id{display:inline-block;padding:3px 0 8px 15px;height:28px;border-bottom:none;vertical-align:middle;background:none;width:100%}
	.form-table table th.qna-id+td{width:100%;display:inline-block;height:28px}
	.form-table table th.qna-email{display:inline-block;padding:12px 0 8px 15px;height:37px;border-bottom:none;vertical-align:middle;background:none;width:100%;position:relative}
	.form-table table th.qna-email+td{width:100%;display:inline-block;height:45px}
	.form-table table th.qna-email::before{content:"";height:1px;background-color:#eaeaea;position:absolute;top:0;left:15px;right:15px}
	/* 초보자이용가이드 */ 
	.cus-guide-top{ background:#f1e8dc  url("/rpan/common/images/bg_guide2.png") no-repeat center 100%;height:auto;padding-top:20px;margin-bottom:0;margin-top:-20px;background-size:230px 90px ;border-bottom:10px solid #eff3f6}
	.cus-guide-top dl{padding:0 30px 180px;height:auto;line-height:150%;text-align:center;margin-bottom:0;background:url("/rpan/common/images/bg_guide.png") no-repeat 100% 100%;background-size:286px 161px}
	.cus-guide-top dl dt{font-size:24px;margin-bottom:10px;font-weight:normal;line-height:130%} 
	.cus-guide-top dl dd p,.cus-guide-top dl dd p i{ font-size:16px;line-height:130%}
	.cus-guide-top dl dt span,
	.cus-guide-top dl dd i{display:block}
	.faq-list.type02 {margin-top:0} 
	.faq-list.type02  li.question{border-width:1px 0 1px 0}
	.faq-list.type02  li.question a{font-size:14px;padding:15px 40px 15px 50px;line-height:140%} 
	.faq-list.type02  li.question a:after{right:15px}
	.faq-list.type02  li.answer{border:0;margin-bottom:0;padding:20px 15px 0 15px}
	.faq-list.type02  li.answer > p{padding-bottom:15px}
	.faq-list.type02  li.answer > p > strong{font-weight:normal}
	.faq-list.type02  li.answer .img-di01{position:relative}  
	.faq-list.type02  li.answer .img-di01 img{max-width:640px;width:100%}
	.faq-list.type02  li.answer .img-di01 button{bottom:15px}  
	.guide-clist{overflow:hidden;padding-bottom:20px}
	.guide-clist p{float:none;width:100%;padding:80px 15px 15px;height:auto}
	.guide-clist p > strong{font-weight:normal;margin-bottom:2px} 
	.guide-clist p:nth-child(even){float:none} 
	.guide-clist02{overflow:hidden;padding-bottom:20px}
	.guide-clist02 p{float:none;width:100%;margin:0 0 10px;height:auto}
	.guide-clist02 p:last-child{margin-bottom:0}
	.guide-clist02 p > strong{font-weight:normal}  
	.guide-clist02 p > span{position:relative;left:0;bottom:0;margin-top:5px} 
	.guide-text03.faq span{float:none;margin-top:5px} 
}  
@media only screen and (max-width:640px){
	/* 무료체험청취 */
	.popup-wrap .stock-box .txt{clear:both;float:none;display:block;padding:10px 0 0 0}
	.popup-wrap .stock-box .ars{text-align:left}
	.popup-wrap .stock-box .ars .ars-charge{padding:12px 0 0 0}
	.popup-wrap .stock-box .ars .ars-list{float:none}
} 

/* *************** 마이페이지 *************** */
.visited a{color:#888 !important} 
/* 마이페이지 메인 */
.sub-top-fixed{margin:-20px -30px 20px}
.pmy-main-my{display:table;table-layout:fixed;min-height:153px;width:100%;border-bottom:#eff3f6 10px solid;background-color:#fff}
/* 종목토론 회원순위 :180417 */
.pmy-main-my .profile{position:relative;display:table-cell;width:360px;color:#fff;vertical-align:middle;min-height:153px;background:#e55059 url("/rpan/common/images/pmy_main_top_bg.png") no-repeat 0 0;background-size:cover;padding:15px 0 41px}
.pmy-main-my .profile a{color:#fff}
.pmy-main-my .profile > div{display:table;width:100%;table-layout:fixed;padding:0 10px 0 20px}
.pmy-main-my .profile > div p.img{display:table-cell;width:70px;vertical-align:middle}
.pmy-main-my .profile > div p.img .pro-badge.large{width:80px;height:80px}
.pmy-main-my .profile > div p.img .pro-badge.large > img{width:80px !important;height:80px !important}
.pmy-main-my .profile > div p.img .pro-badge.large i{width:28px;height:28px}
.pmy-main-my .profile > div dl{display:table-cell;vertical-align:middle;line-height:1.4}
.pmy-main-my .profile > div dl dt{display:inline-block;font-weight:bold;font-size:16px;line-height:18px;vertical-align:middle}/* 180417 수정 */
.pmy-main-my .profile > div dl dd:nth-child(2){display:inline-block;vertical-align:middle}/* 180417 수정 */
.pmy-main-my .profile > div dl dd:nth-child(3){display:block}/* 180417 수정 */
.pmy-main-my .profile > div dl dd.text{font-size:13px;padding:3px 0 8px;word-break:break-all}
.pmy-main-my .profile > div dl dd.text button{display:inline-block;width:16px;height:16px;background:url("/rpan/common/images/ico_sub5.png") no-repeat -64px 0;text-indent:-9999em;margin-left:5px}
.pmy-main-my .profile > div dl dd{font-size:13px}
.pmy-main-my .profile > div dl dd span:first-child{background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px}
.pmy-main-my .profile > p{width:100%;overflow:hidden;border-top:#f48185 1px solid;position:absolute;bottom:0}
.pmy-main-my .profile > p a{display:block;width:50%;float:left;color:#fff;box-sizing:border-box;text-align:center;height:32px;line-height:32px}
.pmy-main-my .profile > p a:first-child{border-right:#f48185 1px solid}
.pmy-main-my .profile > p a span{color:#fffc00} 
.pmy-main-my .profile > div dl dd a.link-ranking{display:inline-block;text-align:center;padding:0 4px;line-height:18px;border:1px solid #fff}/* 180417 추가 */
.pmy-main-my .ico-box{display:table-cell;vertical-align:middle}
.pmy-main-my .ico-box ul{width:100%;padding:0 20px}
.pmy-main-my .ico-box li{width:14.28%;float:left;text-align:center} 
.pmy-main-my .ico-box li a{display:block;color:#000}
.pmy-main-my .ico-box li a::before{content:"";display:block;background-image:url("/rpan/common/images/pmy_icon.png");background-repeat:no-repeat;padding-top:45px;width:40px;padding-bottom:10px;margin:0 auto}
.pmy-main-my .ico-box li.icon1 a::before{background-position:0 -90px}
.pmy-main-my .ico-box li.icon2 a::before{background-position:-78px	 -90px}
.pmy-main-my .ico-box li.icon3 a::before{background-position:-158px -90px}
.pmy-main-my .ico-box li.icon4 a::before{background-position:-235px -90px}
.pmy-main-my .ico-box li.icon5 a::before{background-position:-313px -90px}
.pmy-main-my .ico-box li.icon6 a::before{background-position:-392px -90px}
.pmy-main-my .ico-box li.icon7 a::before{background-position:-470px -90px}
.pmy-main-my .ico-box li.icon1 a:hover::before, 
.pmy-main-my .ico-box li.icon1 a:focus::before,
.pmy-main-my .ico-box li.icon1 a.selected::before{background-position:0 0}
.pmy-main-my .ico-box li.icon2 a:hover::before, 
.pmy-main-my .ico-box li.icon2 a:focus::before,
.pmy-main-my .ico-box li.icon2 a.selected::before{background-position:-78px 0}
.pmy-main-my .ico-box li.icon3 a:hover::before, 
.pmy-main-my .ico-box li.icon3 a:focus::before,
.pmy-main-my .ico-box li.icon3 a.selected::before{background-position:-158px 0}
.pmy-main-my .ico-box li.icon4 a:hover::before, 
.pmy-main-my .ico-box li.icon4 a:focus::before,
.pmy-main-my .ico-box li.icon4 a.selected::before{background-position:-235px 0}
.pmy-main-my .ico-box li.icon5 a:hover::before, 
.pmy-main-my .ico-box li.icon5 a:focus::before,
.pmy-main-my .ico-box li.icon5 a.selected::before{background-position:-313px 0}
.pmy-main-my .ico-box li.icon6 a:hover::before, 
.pmy-main-my .ico-box li.icon6 a:focus::before,
.pmy-main-my .ico-box li.icon6 a.selected::before{background-position:-392px 0}
.pmy-main-my .ico-box li.icon7 a:hover::before, 
.pmy-main-my .ico-box li.icon7 a:focus::before,
.pmy-main-my .ico-box li.icon7 a.selected::before{background-position:-470px 0}
.pmy-main-my .ico-box li a span{display:none}
.pmy-main-my .ico-box li a span.new{display:inline-block;width:6px;height:6px;background-color:#ff545b;border-radius:50%;text-indent:-9999em}
.pmy-main-my .ico-box li a:hover{text-decoration:underline}
.pmy-main-my .ico-box.case02{}
.pmy-main-my .ico-box.case02 ul{padding:0 50px}
.pmy-main-my .ico-box.case02 li{width:20%} 
/* 같이담은회원 팝업 */
.pop-pmy120 .pop-preference-area{margin-top:20px}
.pop-pmy120 .message-wrap{height:400px !important}
/* 마이페이지 - 배지 */
.badge-top{border:#eaeaea 1px solid;padding:30px 30px;position:relative}
.badge-top p{color:#000;font-size:16px}
.badge-top a{position:absolute;top:30px;right:30px}
.badge-text{padding-top:40px}
.badge-text p{color:#888888;font-size:13px;padding-bottom:10px}
.badge-info{border:#eaeaea 1px solid;display:table;width:100%}
.badge-info .left{width:200px;display:table-cell;border-right:#eaeaea 1px dashed;vertical-align:middle;text-align:center}
.badge-info .left div p{height:35px;line-height:35px;font-weight:bold}
.badge-info .left div span{color:#888;display:block;line-height:1.6}
.badge-info .left div span mark{color:#888}
.badge-info .left div span mark i{color:#ff545b;font-weight:bold}
.badge-info .left div span.next{display:none}
.badge-info .right{display:table-cell;padding:30px 40px}
.badge-info .right > p{font-size:20px;text-align:center;padding-bottom:10px}
.badge-info .right > p strong{color:#ff545b}
.badge-cont{padding-bottom:30px;position:relative;padding-top:70px}
.badge-cont .badge-gauge{width:100%;height:13px;display:block;background-color:#e9e9e9;position:relative;border-radius:13px}
.badge-cont .badge-gauge mark{width:0%;height:13px;display:block;background-color:#ff545b;position:absolute;top:0;left:0;border-radius:13px;text-indent:-9999em}
.badge-cont .category{position:absolute;top:70px;left:0;width:100%}
.badge-cont .category > i{position:absolute;top:20px;left:0;color:#888888} 
.badge-cont .category p{width:14.27%;float:left;position:relative}
.badge-cont .category p span{display:block;width:100%;height:13px;border-right:#d5d5d5 1px solid;text-indent:-9999em}
.badge-cont .category p >  i{position:absolute;top:15px;right:0px;color:#888888}
.badge-cont .category p.last span{border-right:none}
.badge-cont .category p mark.badge{width:40px;height:46px;display:block;position:absolute;top:-55px;left:100%;margin-left:-21px;text-align:center;font-size:13px;overflow:hidden}
.badge-cont .category p mark.badge img{width:100%}
.badge-guide p.s-tit{font-weight:bold;padding:15px 0 5px 15px;/* border-top:#eaeaea 1px solid;margin-top:15px;*/}
.badge-guide p.s-tit.pd-top{padding-top:0;margin-top:0;border:none}
.badge-guide span.example{display:block;padding:5px 0;text-indent:-20px;padding-left:20px}
.badge-guide dd.ic-none{border:#eaeaea 1px solid;padding:15px;margin:10px 0 20px 0}
.badge-guide dd.ic-none p{font-size:13px;font-weight:bold}
.badge-guide dd.ic-none li{padding-left:0;background:none;line-height:1.8} 
.paxnet-badge .badge-list{overflow:hidden}
.paxnet-badge .badge-list li{border:#eaeaea 1px solid;width:32%;margin-right:2%;float:left;margin-bottom:15px;padding:20px;text-align:center}
.paxnet-badge .badge-list li:nth-child(3n){margin-right:0}
.paxnet-badge .badge-list li dt{font-size:18px;padding:20px 0 15px 0}
.paxnet-badge .badge-list li dd.cont{font-size:14px;line-height:1.3;padding-bottom:5px;height:62px}
.paxnet-badge .badge-list li dd.date{font-size:13px;color:#888;padding-bottom:15px}
.paxnet-badge .badge-list li .badge-button{}
.badge_now{display:inline-block;width:84px;height:100px;overflow:hidden}
/* 마이페이지 - 배지 - 연도별 배지보기 레이어 */
.pop-yearly{position:relative}
.pop-yearly > .select-style{position:absolute;top:0;right:0}
.pop-yearly > .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:105px}
.pop-yearly .yearly{max-height:394px;overflow-y:auto}
.pop-yearly .yearly ul{overflow:hidden}
.pop-yearly .yearly ul li{border:#eaeaea 1px solid;width:32%;margin-right:2%;float:left;margin-bottom:15px;padding:20px;text-align:center}
.pop-yearly .yearly ul li:nth-child(3n){margin-right:0}
.pop-yearly .yearly ul li p{padding-bottom:15px}
.pop-yearly .yearly ul li strong{display:block;font-size:15px;line-height:1.3}
.pop-yearly .yearly ul li strong mark{color:#ff545b}
/* 관심종목 - 나의관심종목 */  
.interest-search{position:relative;padding-bottom:15px;clear:both}
.interest-search .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){min-width:170px}
.interest-search .interest-type{position:absolute;top:0;right:0}
.interest-search .interest-type > button{height:28px;display:inline-block;overflow:hidden;text-indent:-9999em}
.interest-search .interest-type > button.default.on{width:28px;background:url("/rpan/common/images/btn_board_type.png") no-repeat 0 0;background-size:75px 400px}
.interest-search .interest-type > button.default{width:27px;background:url("/rpan/common/images/btn_board_type.png") no-repeat -33px 0px;background-size:75px 400px}
.interest-search .interest-type > button.chart.on{width:28px;background:url("/rpan/common/images/btn_board_type.png") no-repeat 0 -66px;background-size:75px 400px}
.interest-search .interest-type > button.chart{width:27px;background:url("/rpan/common/images/btn_board_type.png") no-repeat -34px -66px;background-size:75px 400px;margin-left:-4px}
.interest-date{display:inline-block}
.interest-date .day{display:inline;height:28px}
.interest-date .day button{font-size:13px;color:#888;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding:5px 8px 5px 6px}
.interest-date .day button.selected{color:#ff545b}
.interest-date .day button:last-child{background:none}
.interest-table .button-area{margin-bottom:10px;position:relative;min-height:28px}
.interest-table .button-area .del::before{content:"";width:14px;height:14px;display:inline-block;vertical-align:top;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -136px;;background-size:40px 400px;padding-right:5px}
.interest-table .button-area .order-save::before{content:"";width:14px;height:14px;display:inline-block;vertical-align:top;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -65px;;background-size:40px 400px;padding-right:5px}
.interest-table .button-area .orderby{display:inline-block;vertical-align:middle}
.interest-table .button-area .orderby button{height:28px;display:inline-block;overflow:hidden;text-indent:-9999em}
.interest-table .button-area .orderby button.highest{width:28px;background:url("/rpan/common/images/btn_board2.png") no-repeat 0 -142px;background-size:55px 300px}
.interest-table .button-area .orderby button.top{width:27px;background:url("/rpan/common/images/btn_board2.png") no-repeat -28px -142px;background-size:55px 300px;margin-left:-5px}
.interest-table .button-area .orderby button.bottom{width:27px;background:url("/rpan/common/images/btn_board2.png") no-repeat 0 -175px;background-size:55px 300px;margin-left:-5px}
.interest-table .button-area .orderby button.lowest{width:27px;background:url("/rpan/common/images/btn_board2.png") no-repeat -27px -175px;background-size:55px 300px;margin-left:-5px}
.interest-table .button-area .right  > mark{font-size:13px;color:#888}
.interest-table .button-area .right{position:absolute;top:0;right:0}
.interest-table .button-area .right .refresh{margin-top:-12px;background:url("../images/bg_line.png") no-repeat left 50%;padding-left:10px;margin-left:5px}
.interest-table .button-area .right .refresh button{font-size:13px;color:#888}
.interest-table .button-area .right .refresh button span:after{content:"";width:24px;height:24px;display:inline-block;vertical-align:middle;background:url("/rpan/common/images/ico_sub2.png") no-repeat -56px -218px;margin-left:5px}
.interest-table .al-btn{width:10px}
.interest-table .button-area .right .refresh button:active span:after,
.interest-table .button-area .right .refresh button.active-ing span:after{background:url("/rpan/common/images/ico_sub3.png") no-repeat -56px -644px}
.interest-table table .btn-s{padding:5px 5px;min-width:auto}
.interest-table table .ellipsis input[type="checkbox"]{z-index:0}
.interest-table table .ellipsis label{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.interest-table .memo::before{content:"";width:16px;height:16px;display:inline-block;vertical-align:top;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -155px;;background-size:40px 400px}
.interest-table .on{display:inline-block;text-indent:-9999em;position:absolute;top:6px;right:6px;width:6px;height:6px}
.interest-table .on:after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;position:absolute;top:-4px;right:-5px;background-color:#ff545c;border:#fff 3px solid}
.interest-table .user{color:#a7753a;font-size:13px;padding:5px 10px}
.interest-table .user::before{content:"";width:16px;height:16px;display:inline-block;vertical-align:top;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -153px;;background-size:40px 400px}
.interest-table .chart-area{margin-bottom:15px;padding-top:30px}
.interest-table .chart-area .chart-cont{border-top:none} 
.more-info{position:absolute;top:120px;left:100px;width:210px;z-index:100}
.more-info .tit-h2{margin-bottom:10px}
.more-info > div{text-align:center}
.more-info > div button{display:inline-block;text-align:center;box-sizing:border-box;width:50px;height:59px;padding-top:46px;overflow:hidden;vertical-align:middle;position:relative;font-size:13px;line-height:1;color:#444444}
.more-info > div button::before{content:"";width:36px;height:36px;position:absolute;top:0;left:50%;margin-left:-18px}
.more-info > div a{display:inline-block;text-align:center;box-sizing:border-box;width:50px;height:59px;padding-top:46px;overflow:hidden;vertical-align:middle;position:relative;font-size:13px;line-height:1;color:#444444}
.more-info > div a::before{content:"";width:36px;height:36px;position:absolute;top:0;left:50%;margin-left:-18px}
.more-info > div button.memo::before{background:url("/rpan/common/images/ico_sns.png") no-repeat -36px -72px}
.more-info > div a.talk::before{background:url("/rpan/common/images/ico_sns.png") no-repeat -36px -72px}
.more-info > div a.news::before{background:url("/rpan/common/images/ico_sns.png") no-repeat -36px -72px}
.more-info.memo{position:absolute;top:210px;left:180px;width:270px}
.more-info.memo .textarea-style{display:inline-block;padding-bottom:5px} 
/* 관심종목 등록/변경 팝업 */
.pop-layer .popup-wrap .pop-cont.pop-cont-interest{padding:50px 0 20px  0} 
.interest-add{width:100%;border-bottom:#eaeaea 1px solid;padding:0 20px;overflow:hidden;position:relative} 
.code-scroll{clear:both;border:#cccccc 1px solid}
.code-scroll ul{overflow-y:scroll;width:100%;height:265px}
.code-scroll ul li{line-height:1.5;padding:8px 10px;position:relative;color:#888}
.code-scroll ul li span{position:absolute;top:8px;right:20px}
.code-scroll > p{line-height:1.5;padding:8px 10px;border-top:#eaeaea 1px solid;background-color:#f9f9f9;position:relative}
.code-scroll > p .del{position:absolute;top:50%;right:5px;padding:5px 10px 4px 10px;margin-top:-14px}
.code-scroll > p .del::before{content:"";width:14px;height:14px;display:inline-block;vertical-align:middle;margin:0 5px 3px 0;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -136px;background-size:40px 400px}
.code-scroll > p span.max{position:absolute;top:0;right:10px;font-size:13px;color:#888;padding:10px 0 0} 
.interest-add .code-scroll ul li{padding:8px 70px 8px 10px}
.interest-add .left{width:50%;float:left;display:table;border-right:#eaeaea 1px solid;padding:20px 48px 20px 0}
.interest-add .left .interest-pop{position:relative;margin-bottom:15px;padding-right:20px;display:table-cell}
.interest-add .left .interest-pop .input-style{margin-bottom:10px;width:100%}
.interest-add .left .group{width:93px;display:table-cell}
.interest-add .left .group .tit{font-weight:bold;padding-bottom:5px}
.interest-add .left .group .group-check{padding-bottom:10px}
.interest-add .left .group .group-check label{width:93px;height:30px;line-height:26px;text-align:center;border:#cccccc 1px solid;background:none;margin-bottom:-1px;font-size:13px;color:#888;overflow:hidden;padding:0 7px;float:left}
.interest-add .left .group .group-check input:checked+label{border:#ff545b 1px solid;background-color:#ff545b;color:#fff}
.interest-add .left .group > span{clear:both;height:28px;display:block;line-height:28px} 
.interest-add .right{width:50%;float:right;padding:20px 0 20px 48px}
.interest-add .right .code-scroll ul{height:303px} 
.interest-add p.add{position:absolute;top:50%;left:50%;margin:-28px 0 0 -28px}
.interest-add p.add button{width:56px;height:56px;display:inline-block;line-height:56px;background-color:#444;border-radius:50%;color:#fff}
.interest-add p.add button:after{content:">";padding-left:5px} 
.pop-cont-interest .guide-text03{margin:40px 20px 0} 
/* 관심종목 그룹명 변경 팝업 */ 
.interest-group-name li{padding-bottom:10px}
.interest-group-name li .input-style{width:100%}
/* 스크랩 */
.my-list-scrap{position:relative;height:28px;line-height:28px;margin-bottom:10px;padding:0 10px}
.my-list-scrap label{vertical-align:middle}
.my-list-scrap label i{color:#ff545b}
.my-list-scrap p{vertical-align:middle;display:inline-block;margin-left:10px}
.my-list-scrap p .del::before{content:"";width:14px;height:14px;display:inline-block;vertical-align:top;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -136px;background-size:40px 400px;padding-right:5px}
/*.comm-list.comm-list-scrap li > div.write{letter-spacing:-1px}*/
.comm-list.comm-list-scrap li{height:45px}
.comm-list.comm-list-scrap li > div.title{width:70%}
.comm-list.comm-list-scrap li > div.date{width:14%;letter-spacing:-1px}
.comm-list.comm-list-scrap li > div.viewer{letter-spacing:-1px}
.comm-list.comm-list-scrap li > div.like{letter-spacing:-1px} 
/* 알림 */
.my-list-scrap p .adhere{float:left;margin-right:-1px}
.alarm-area{border-top:#444 1px solid}
.alarm-area li{border-bottom:#eaeaea 1px solid;width:100%;display:table;padding:10px 0;table-layout:fixed}
.alarm-area li p.check{display:table-cell;width:40px;vertical-align:middle;text-align:center}
.alarm-area li p.check label{width:0;text-indent:-9999em}
.alarm-area li p.img{display:table-cell;width:65px;vertical-align:middle;text-align:left} 
.alarm-area li dl{display:table-cell;width:90%;vertical-align:middle;line-height:1.6} 
.alarm-area li dl dt a{font-size:14px;color:#000}
.alarm-area li dl dt a .red{color:#ff545b} 
.alarm-area li dl dd span{font-size:13px;color:#888;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px}
.alarm-area li dl dd span:last-child{background:none;margin-right:0}
.alarm-area li dl dd span a{color:#888}
.alarm-area li dl dd.alarm-coment{padding:3px 0 5px}
.alarm-area li dl dd.alarm-coment p{font-size:14px;color:#000}
.alarm-area li dl dd.alarm-coment p a{display:block;width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#000}
.alarm-area li dl dd.alarm-coment-board span:first-child a{color:#a7753a} 
.alarm-area li.notice{padding-top:15px;padding-bottom:15px;background-color:#f9f9f9}
.alarm-area li.notice .ntc{width:70px;display:table-cell;vertical-align:middle;padding:0 10px}
.alarm-area li.notice .ntc span{display:inline-block;width:35px;height:20px;line-height:20px;box-sizing:border-box;text-align:center;padding:0 8px;font-size:13px;vertical-align:middle;background:url("/rpan/common/images/ico_board_type.png") no-repeat 0 0;text-indent:-9999em;background-size:35px 200px}
.alarm-area li.notice .ntc-text{display:table-cell;vertical-align:middle;line-height:1.6}
.alarm-area li.notice .ntc-text span{padding-right:10px}
.alarm-area li.notice .ntc-img{line-height:1.6}
.alarm-area li.notice .ntc-img span{display:block;padding-bottom:10px}
.alarm-area li.notice .ntc-img p img{max-height:100px}
.alarm-area li.notice .ntc-text a{color:#000}
.alarm-area li.notice a img{max-width:100%}
/* 모바일 하단 체크박스 */
.mobile-only-check{display:none}
/* 쪽지 */
.today-message{font-size:16px;font-weight:bold;color:#000;padding-bottom:10px}
.today-message span{color:#ff545b} 
.my-message-table .user-to-id{padding-right:81px;position:relative}
.my-message-table .user-to-id > button{position:absolute;top:0;right:0}
.my-message-table .user-to-id .input-style{width:100%}
.my-message-table td p.block-text{display:block;color:#888;font-size:13px;line-height:1.6;padding-top:10px}
.my-message-table .textarea-area{border:1px solid #ccc;margin-bottom:8px}
.my-message-table .textarea-area textarea{border:none;height:175px}
.my-message-table .textarea-area p{text-align:right;padding:5px 10px 10px;font-size:13px;color:#888}
.my-message-table .dot-list02{margin-top:8px} 
/* 쪽지 - 회원검색 레이어 */
.pop-cont-msg{padding-left:0 !important;padding-right:0 !important}
.pop-cont-msg .tab-area ul{margin:0 20px 20px}
.msg-user-pop{position:relative}
.msg-user-pop.bottom-bg{border-bottom:#eaeaea 1px solid;padding-bottom:30px;margin-bottom:15px}
.msg-user-pop.bottom-bg:after{content:"";width:30px;height:30px;overflow:hidden;display:inline-block;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -200px;background-size:40px 400px;position:absolute;bottom:-15px;left:50%;margin-left:-15px}
.msg-user-pop .mas-user-choice{position:absolute;top:12px;right:20px;font-size:13px;color:#888}
.msg-user-pop .mas-user-choice i{color:#ff545b}
.msg-user-pop .form-table{margin:0 20px 10px}
.msg-user-pop .form-table table th{padding:17px 10px;width:24%}
.msg-user-pop .form-table table td{width:76%}
.msg-user-pop .form-table table td [class*="input-style"]{width:auto}
.msg-user-pop .form-table .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.msg-user-pop .form-table .style-id{position:relative;padding-right:83px}
.msg-user-pop .form-table .style-id .input-style{width:100%}
.msg-user-pop .form-table .style-id > button{position:absolute;top:0;right:0}
.msg-user-pop .code-scroll{margin:0 20px}
.msg-user-pop .code-scroll ul{height:145px} 
.msg-user-pop .tit-h2{display:block;padding:10px 20px 0} 
/* 쪽지 - 받은쪽지함 - 목록 */
.pmymem110-top{height:auto;margin-bottom:15px;width:100%;padding:0;overflow:hidden}
.pmymem110-top .m-only{display:none}
.pmymem110-top .adhere{float:left;margin-right:-1px}
.pmymem110-top p{float:left;padding-right:5px}
.pmymem110-top .del{padding:6px 8px 6px}
.pmymem110-top .del::before{content:"";width:14px;height:14px;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -136px;background-size:40px 400px;display:inline-block;vertical-align:top;padding-right:5px}
.pmymem110-top .notify{padding:6px 8px 6px}
.pmymem110-top .notify::before{content:"";width:14px;height:14px;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -281px;background-size:40px 400px;display:inline-block;vertical-align:top;padding-right:5px}
.pmymem110-top .cut{padding:6px 8px 6px}
.pmymem110-top .cut::before{content:"";width:14px;height:14px;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -300px;background-size:40px 400px;display:inline-block;vertical-align:top;padding-right:5px} 
.pmymem110{clear:both}
.pmymem110 li > div .nick-badge a{width:auto;	max-width:none;vertical-align:middle;overflow:visible;text-overflow:clip;white-space:normal;color:#000}
.pmymem130 li > div .nick-badge a{width:auto;	max-width:none;vertical-align:middle;overflow:visible;text-overflow:clip;white-space:normal;color:#000}
.pmymem170 li > div .nick-badge a{width:auto;	max-width:none;vertical-align:middle;overflow:visible;text-overflow:clip;white-space:normal;color:#000}
.pmymem110 li{clear:both;table-layout:fixed}
.pmymem130 li{clear:both;table-layout:fixed}
.pmymem110 li div:nth-child(2) p a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pmymem130 li div:nth-child(2) p a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} 
.board-list.pmymem110 li.visited > div a{color:#888}
.board-list.pmymem130 li.visited > div a{color:#888} 
.board-list.pmymem110 li.visited > div .nick-badge a{color:#000 !important}
.board-list.pmymem130 li.visited > div .nick-badge a{color:#000 !important} 

[class*="pmymem"] span.write > mark{display:inline-block;height:20px;line-height:20px}
[class*="pmymem"] span.write > mark.bdg1{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 0;padding-left:25px}
[class*="pmymem"] span.write > mark.bdg2{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -40px;padding-left:25px}
[class*="pmymem"] span.write > mark.bdg3{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
[class*="pmymem"] span.write > mark.bdg4{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
[class*="pmymem"] span.write > mark.bdg5{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
[class*="pmymem"] span.write > mark.bdg6{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
[class*="pmymem"] span.write > mark.bdg7{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px} 
.position-bottom{margin-top:50px}
/* 쪽지 신고하기 레이어 */
.pop-cont .form-table.clean-message{margin-bottom:0;padding-bottom:0}
.pop-cont .form-table td span[class*="m-only"]{display:none}
.pop-cont .form-table td [class*="select-style"] > span{width:100%}
.pop-cont .form-table td textarea{height:80px}
/* 쪽지 - 받은쪽지함 - 상세 */
.message-view{border-top:#444 1px solid;border-bottom:#eaeaea 1px solid}
.message-view .message-info{background-color:#f9f9f9;padding:10px 20px;border-bottom:#eaeaea 1px solid}
.message-view .message-info p.info{padding-bottom:10px}
.message-view .message-info p.info span{color:#888;font-size:13px;background:url("/rpan/common/images/bg_line.png") no-repeat left 50%;padding-left:10px;margin-left:10px}
.message-view .message-info p.name mark{color:#000;font-size:16px;display:inline-block;height:20px;line-height:20px}
.message-view .message-info p.name mark.bdg1{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 0;padding-left:25px}
.message-view .message-info p.name mark.bdg2{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -40px;padding-left:25px}
.message-view .message-info p.name mark.bdg3{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
.message-view .message-info p.name mark.bdg4{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
.message-view .message-info p.name mark.bdg5{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
.message-view .message-info p.name mark.bdg6{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
.message-view .message-info p.name mark.bdg7{background:url("/rpan/common/images/ico_badge.png") no-repeat 0 -80px;padding-left:25px}
.message-view .message-cont{line-height:2;padding:20px 20px 70px 20px}
/* 설정 - 프로필 */
.my-profile{border:#eaeaea 1px solid;overflow:hidden;margin-bottom:40px}
.my-profile .my-photo{text-align:center;padding:40px 0}
.my-profile .my-photo p{width:170px;height:170px;position:relative;margin:0 auto 20px} 
.my-profile .my-photo img{width:170px;height:170px;float:left;border-radius:90px}
.my-profile .my-photo p button{position:absolute;bottom:3px;right:10px;display:block;width:34px;height:34px;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 0px;text-indent:-9999em;overflow:hidden}
.my-profile .my-photo strong{font-size:16px}
.my-profile .my-photo span{font-size:14px;padding-left:10px}
.my-profile .default-photo{background-color:#f9f9f9;position:relative;padding:20px}
.my-profile .default-photo p{color:#000;line-height:1.6;font-size:13px}
.my-profile .default-photo p span{display:block;color:#888}
.my-profile .default-photo > button{position:absolute;top:50%;right:30px;margin-top:-14px}
.set-profile{border-top:#444 1px solid}
.set-profile ul li{border-bottom:#eaeaea 1px solid;width:100%;display:table}
.set-profile ul li > p{display:table-cell;width:110px;background-color:#f9f9f9;vertical-align:top;padding:10px 15px}
.set-profile ul li > div{display:table-cell;padding:10px 15px}
.set-profile ul li > div .set-hello{border:#cccccc 1px solid}
.set-profile ul li > div .set-hello textarea{border:none;height:60px}
.set-profile ul li > div .set-hello mark{text-align:right;display:block;font-size:13px;color:#888;padding:10px}
.set-profile ul li > div .set-hello mark i{color:#000;font-size:13px}
.set-profile ul li > div .set-nickname{position:relative;padding:0 83px 10px 0}
/*.set-profile ul li > div .set-nickname > button{position:absolute;top:0;right:0}*/
.set-profile ul li > div .set-nickname .input-style{width:50%}
.set-profile ul li > div .set-nickname .input-style input[type="text"]{padding-right:75px}
.set-profile ul li > div .set-nickname .input-style mark{position:absolute;right:7px;top:7px;font-size:13px;color:#888}
.set-profile ul li > div .set-nickname .input-style mark i{color:#000;font-size:13px}
.set-profile ul li > div p.text{color:#888;font-size:13px;line-height:1.4}
.set-profile ul li > div p.text .date{color:#ff545b;background:url("/rpan/common/images/bg_line.png") no-repeat 0 50%;padding-left:10px;margin-left:5px}
.set-profile ul li > div p.text  i{font-size:13px;color:#000}
/* 기본 이미지 선택하기 */ 
.photo-pop li{width:25%;float:left;padding:5px;text-align:center;height:25%;overflow:hidden} 
.photo-pop li input[type="radio"]:not(old)+label{height:0;width:100%;padding:0 0 99% 0;position:relative;border:#eaeaea 1px solid;border-top:#dadada 1px solid;border-bottom:#dadada 1px solid;background:url("/rpan/common/images/profile_photo.png") no-repeat center 50%;background-size:cover;float:left}
.photo-pop li input[type="radio"]:not(old)+label img{float:left;position:absolute;top:0;left:0;width:100%;height:100%}
.photo-pop li input[type="radio"]:not(old):checked+label{border:#ff545b 1px solid}
.photo-pop li input[type="radio"]:not(old)+label:after{content:"";display:inline-block;height:27px;line-height:25px;padding:0 0 0 25px;background-image:url("/rpan/common/images/bg_form.png");background-position:0 -866px;background-repeat:no-repeat;position:absolute;top:10px;left:10px}
.photo-pop li input[type="radio"]:not(old):checked+label:after{background-position:0 -805px}
.photo-pop li img{width:100%;float:left}
.photo-pop+.pop-btn{clear:both}
/* 설정 - 공개범위 */
.set-openrange{width:100%}
.set-openrange .left{width:49.5%;float:left;height:217px}
.set-openrange .right{width:49.5%;float:right}
.set-openrange dl{position:relative;border:#eaeaea 1px solid;padding:30px}
.set-openrange dt{font-size:16px;font-weight:bold;padding-bottom:30px}
.set-openrange dt span{color:#ff545b}
.set-openrange dd{color:#888;line-height:1.6;min-height:80px}
.set-openrange dd span{color:#000	}
.set-openrange dd li{padding-bottom:7px}
.set-openrange dd li:last-child{padding-bottom:0}
.set-openrange dd li label i{color:#000}
.set-openrange dd.on-off{position:absolute;top:27px;right:30px;clear:both}
.set-openrange dd.on-off .on+label{display:inline-block;width:30px;height:22px;text-indent:-9999em;background:url("/rpan/common/images/btn_board_type.png") no-repeat 0 -99px;background-size:75px 400px}
.set-openrange dd.on-off .on:checked+label{background:url("/rpan/common/images/btn_board_type.png") no-repeat -35px -99px;background-size:75px 400px}
.set-openrange dd.on-off .off+label{display:inline-block;width:30px;height:22px;text-indent:-9999em;background:url("/rpan/common/images/btn_board_type.png") no-repeat 0 -126px;background-size:75px 400px;margin-left:-4px}
.set-openrange dd.on-off .off:checked+label{background:url("/rpan/common/images/btn_board_type.png") no-repeat -35px -126px;background-size:75px 400px}
.set-openrange+.bt-area{clear:both}
/* 알람 - 공개범위 */
.set-alarm dl{width:100%}
.set-alarm .top{margin-bottom:10px}
.set-openrange dd.set-alarm-li li{width:60%;float:left}
.set-openrange dd.set-alarm-li li input[type="checkbox"]:not(old)+label{height:auto}
.set-openrange dd.set-alarm-li li:nth-child(2n+0){ width:40%}
/* 여의주 결제 팝업 */
.pop-cont-ball{padding-left:0 !important;padding-right:0 !important}
.ball-pop{padding:0 20px}
.ball-pop .table-scroll{margin-bottom:20px}
.ball-pop .table-col{width:100%}
.ball-pop .table-col th{text-align:center}
.ball-pop .table-col td{text-align:center;color:#888}
.ball-pop .table-col td img{width:60px;height:60px}
.ball-pop .table-col td i{color:#000}
.ball-pop .table-col td.ball-total{background-color:#f9f9f9}
.ball-pop .table-col td.ball-total div{position:relative;text-align:left;padding:10px 15px}
.ball-pop .table-col td.ball-total div p{font-size:16px;color:#000}
.ball-pop .table-col td.ball-total div p span{color:#888;font-size:13px}
.ball-pop .table-col td.ball-total div strong{display:block;position:absolute;top:50%;right:15px;margin-top:-16px;color:#ff545b;font-size:24px}
.ball-pop .table-col td.ball-total div strong i{font-size:16px;color:#000} 
.ball-pop .ball-payment{width:100%;height:52px;margin-bottom:20px}
.ball-pop .ball-payment label{width:33.333%;float:left;margin:0 auto}
.ball-pop .ball-payment input[type="radio"]:not(old)+label{background:none;height:auto;position:relative;border:#ccc 1px solid;text-align:center;padding:15px 0;margin-left:-1px}
.ball-pop .ball-payment input[type="radio"]:not(old):checked+label{border:#ff545b 1px solid;position:relative}
.ball-pop .ball-payment input[type="radio"]:not(old):checked+label::after{content:"";display:inline-block;width:1px;height:100%;background-color:#ff545b;position:absolute;top:0;right:-1px;z-index:10}
.ball-pop .ball-payment input[type="radio"]:not(old)+label i::before{content:"";display:inline-block;height:18px;line-height:18px;padding:0 0 0 18px;background-image:url("/rpan/common/images/bg_form.png");background-position:0 2px;background-repeat:no-repeat;vertical-align:middle}
.ball-pop .ball-payment input[type="radio"]:not(old):checked+label i::before{background-position:0 -26px}
.ball-agree{border:none;border-top:#444 1px solid}
.ball-agree .m-only{display:none}
.ball-agree .scroll{border:#eaeaea 1px solid;background-color:#f9f9f9}

.buy_ball_1{display:inline-block;text-indent:-9999em;width:80px;height:80px;background:url("/rpan/common/images/ico_ball.png") no-repeat 0 0}      
.buy_ball_2{display:inline-block;text-indent:-9999em;width:80px;height:80px;background:url("/rpan/common/images/ico_ball02.png") no-repeat 0 0}     
.buy_ball_3{display:inline-block;text-indent:-9999em;width:80px;height:80px;background:url("/rpan/common/images/ico_ball03.png") no-repeat 0 0}
.buy_ball_4{display:inline-block;text-indent:-9999em;width:80px;height:80px;background:url("/rpan/common/images/ico_ball04.png") no-repeat 0 0}
.buy_ball_5{display:inline-block;text-indent:-9999em;width:80px;height:80px;background:url("/rpan/common/images/ico_ball05.png") no-repeat 0 0}
.buy_ball_6{display:inline-block;text-indent:-9999em;width:80px;height:80px;background:url("/rpan/common/images/ico_ball06.png") no-repeat 0 0}


/* 여의주 */ 
/* 보유중인 여의주 / 선물받은 여의주 */
.ball-area .my-ball{border:#eaeaea 1px solid;padding:25px 0;text-align:center;margin-bottom:12px;position:relative}
.ball-area .my-ball+p{text-align:right;margin-bottom:38px}
.ball-area .my-ball+p.tit-h2{text-align:left;margin-bottom:10px}
.ball-area .my-ball p{display:inline-block;font-size:16px;background:url("/rpan/common/images/ico_sub3.png") no-repeat -22px 4px;background-size:40px 400px;padding-left:23px;padding-bottom:10px}
.ball-area .my-ball p span{font-weight:bold}
.ball-area .my-ball strong{display:block;font-size:26px;color:#ff545b}
.ball-area .my-ball button{position:absolute;top:50%;right:20px;margin-top:-14px}
.ball-area .table-scroll{margin-bottom:15px}
.ball-area .table-col td{padding-left:15px;padding-right:15px} 
.ball-area .ball-table1 th:nth-child(1){width:18%}
.ball-area .ball-table1 th:nth-child(2){width:17%}
.ball-area .ball-table1 th:nth-child(3){}
.ball-area .ball-table1 th:nth-child(4){width:22%}
.ball-area .date{font-size:13px;color:#888}
.ball-area .price{ position:relative}
.ball-area .price span{font-size:13px;color:#888;position:absolute;top:7px;right:0}
.ball-area .price span i{color:#ff545b}
.ball-area .tit{position:relative}
.ball-area .tit span{position:absolute;top:6px;right:0;font-size:13px;color:#888}
/* 여의주 구매 */
.ball-area .ball-gift{background-color:#f9f9f9;padding:40px 0;margin-bottom:40px}
.ball-area .gift{text-align:center;line-height:1.4;margin-bottom:40px}
.ball-area .gift > p{font-size:24px;padding-bottom:10px}
.ball-area .gift > p span{color:#ff545b}
.ball-area .gift > p i{font-size:24px}
.ball-area .gift > mark{display:block;color:#888}
.ball-area .gift > mark i{display:block}
.ball-area .reason{text-align:center;overflow:hidden}
.ball-area .reason li{position:relative;width:16.6666%;float:left;padding:60px 5px 0;line-height:1.6;color:#888888} 
.ball-area .reason li span{display:block}
.ball-area .reason li::before{content:"";position:absolute;left:50%;margin-left:-30px;top:0;width:60px;height:60px;background:url("/rpan/common/images/gift_reason.png") no-repeat 0 0}
.ball-area .reason li:nth-child(1)::before{background-position:0 0}
.ball-area .reason li:nth-child(2)::before{background-position:-60px 0}
.ball-area .reason li:nth-child(3)::before{background-position:-120px 0}
.ball-area .reason li:nth-child(4)::before{background-position:-180px 0}
.ball-area .reason li:nth-child(5)::before{background-position:-240px 0}
.ball-area .reason li:nth-child(6)::before{background-position:-300px 0}
.ball-buy-list{overflow:hidden;margin-bottom:20px;clear:both}
.ball-buy-list li{width:32%;min-height:132px;text-align:center;position:relative;margin-right:2%;float:left;margin-bottom:20px}
.ball-buy-list li:nth-child(3n){margin-right:0}
.ball-buy-list li:nth-child(6) div{padding-bottom:17px}
.ball-buy-list li div{ padding:20px;border:#cccccc 1px solid;border-bottom:none;position:relative}
.ball-buy-list li div .img{width:80px;height:80px;position:absolute;top:50%;left:25px;margin-top:-40px}
.ball-buy-list li div .img img{width:100%;display:none} 
.ball-buy-list li:nth-child(1) .img{background:url("/rpan/common/images/ico_ball.png") no-repeat 0 0}
.ball-buy-list li:nth-child(2) .img{background:url("/rpan/common/images/ico_ball02.png") no-repeat 0 0}
.ball-buy-list li:nth-child(3) .img{background:url("/rpan/common/images/ico_ball03.png") no-repeat 0 0}
.ball-buy-list li:nth-child(4) .img{background:url("/rpan/common/images/ico_ball04.png") no-repeat 0 0}
.ball-buy-list li:nth-child(5) .img{background:url("/rpan/common/images/ico_ball05.png") no-repeat 0 0}
.ball-buy-list li:nth-child(6) .img{background:url("/rpan/common/images/ico_ball06.png") no-repeat 0 0}
.ball-buy-list li div .buy{text-align:right;line-height:1.8}
.ball-buy-list li div .buy .won{font-size:24px;color:#ff545b;font-weight:bold;display:block}
.ball-buy-list li div .buy .won i{font-size:24px;color:#ff545b}
.ball-buy-list li div .buy .num{display:block}
.ball-buy-list li div .buy .num .input-style{width:60px}
.ball-buy-list li div .buy .num .input-style input{padding:5px 4px 6px 4px;	}
.ball-buy-list li .coupon-state{display:block;width:100%;color:#000;border-top:#eaeaea 1px dashed}
.ball-buy-list li .coupon-state i{min-height:45px;line-height:45px;display:block;border:#ccc 1px solid;border-top:none;background-color:#f9f9f9}
.ball-buy-list li .coupon-state button{display:block;width:100%;height:45px}
.ball-buy-list li .coupon-state button span{display:inline-block;height:25px;line-height:25px;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -25px;padding-left:30px;background-size:40px 400px}
.ball-buy-list li .coupon-state mark{color:#888;padding-left:5px;font-size:13px}
/* 여의주 환전신청 완료 */
.ball-success{padding:20px 0 40px 0}
.ball-success-info .table-scroll{margin-bottom:40px}
.ball-success-info .table-row tbody th{padding-left:20px;padding-right:20px}
.ball-success-info .table-row tbody td{padding-left:20px;padding-right:20px}
.ball-success-info .mb-0{margin-bottom:0 !important}
.ball-success [class*="message-st"] .big-text:after{background:url("/rpan/common/images/icon_message02.png") no-repeat 0 0;background-position:-1010px 0}
/* 여의주 환전 비밀번호 확인 */ 
.ball-password .message-st{max-width:100%} 
.ball-password .info-password{max-width:570px;margin:0 auto 20px}
.ball-password .btn-b{min-width:153px}
/* 여의주 환전 신청 */ 
.ball-buy .ball-buy-01{border:#eaeaea 1px solid;padding:30px;overflow:hidden;background-color:#f9f9f9;margin-bottom:12px}
.ball-buy .ball-buy-01+p{text-align:right;margin-bottom:38px}
.ball-buy .my-ball{text-align:center;width:45%;float:left;padding-top:30px}
.ball-buy .my-ball p{display:inline-block;font-size:16px;background:url("/rpan/common/images/ico_sub3.png") no-repeat -22px 4px;background-size:40px 400px;padding-left:23px;margin-bottom:10px}
.ball-buy .my-ball p span{font-weight:bold}
.ball-buy .my-ball strong{display:block;font-size:26px;color:#ff545b}
.ball-buy .my-ball button{position:absolute;top:50%;right:20px;margin-top:-14px}
.ball-buy .buy-amount{float:right;width:50%}
.ball-buy .buy-amount .input-style{width:99.9%;margin-bottom:8px}
.ball-buy .buy-amount .input-style input{height:38px}
.ball-buy .buy-amount .input-style i{position:absolute;top:0;right:8px;display:inline-block;line-height:38px}
.ball-buy .buy-amount p{position:relative;width:100%;margin-bottom:10px;font-size:16px;margin-top:18px}
.ball-buy .buy-amount p span{position:absolute;top:0;right:0;font-size:16px;display:inline-block}
.ball-buy .buy-amount p span i{color:#ff545b;font-size:20px}
.ball-buy .buy-amount .search-period{width:100%;overflow:visible;background-color:#fff}
.ball-buy .buy-amount .search-period label{width:20.19%}
.ball-buy .user-info{position:relative}
.ball-buy .user-info span{position:absolute;top:0;right:0;color:#888}
.ball-buy .form-table .input-style{width:410px}
.ball-buy .form-table .user-phone{position:relative;width:410px}
.ball-buy .form-table .user-phone .select-style{width:95px;position:absolute;top:0;left:0}
.ball-buy .form-table .user-phone .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:95px}
.ball-buy .form-table .user-phone .input-style{width:100%}
.ball-buy .form-table .user-email{position:relative;padding-right:130px;width:410px}
.ball-buy .form-table .user-email .select-style{width:125px;position:absolute;top:0;right:0}
.ball-buy .form-table .user-email .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:125px}
.ball-buy .form-table .user-email .input-style{width:100%}
.ball-buy .form-table .adrs > div.adrs-search{padding-bottom:8px;position:relative;width:410px;display:inline-block;padding-right:65px}
.ball-buy .form-table .adrs > div.adrs-search .input-style{width:100%}
.ball-buy .form-table .adrs > div.adrs-search > button{position:absolute;top:0;right:0}
.ball-buy .form-table .adrs > p{padding-bottom:8px}
.ball-buy .form-table .adrs > p.pb-0{padding-bottom:0}
.ball-buy .form-table .user-bank{position:relative;padding-left:160px;width:410px}
.ball-buy .form-table .user-bank .select-style{width:155px;position:absolute;top:0;left:0}
.ball-buy .form-table .user-bank .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:155px}
.ball-buy .form-table .user-bank .input-style{width:100%}
.ball-buy .form-table td span.m-only{display:none}
.ball-buy .clause{border:none;border-top:#444 1px solid} 
.ball-buy .clause .clause-in{border:#eaeaea 1px solid}
.ball-buy .guide-text03 a.call-center{color:#a7753a;margin-left:10px}
.ball-buy .guide-text03 a.call-center:after{content:">";color:#a7753a;padding-left:4px}
/* 관심종목 - 3프로종목참여이력 */
.mypercent-visual{padding:20px 5px;background:url("/rpan/common/images/mypercent_bg.png") no-repeat 0 0;background-size:cover;margin:0 0 40px;position:relative}
.mypercent-visual .title{color:#fff;text-align:center;font-size:24px;padding-bottom:30px}
.mypercent-visual .title:before{content:"";background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -168px;padding-left:34px}
.mypercent-visual .title span{color:#ff545b}
.mypercent-visual .is-mypercent{position:relative}
.mypercent-visual .is-mypercent > button{width:34px;height:38px;display:inline-block;overflow:hidden;text-indent:-9999em;vertical-align:middle;position:absolute;top:50%;margin-top:-19px}
.mypercent-visual .is-mypercent > button.free-visual-prev{background:url("/rpan/common/images/btn_left_right.png") no-repeat 0 -72px;left:3px}
.mypercent-visual .is-mypercent > button.free-visual-next{background:url("/rpan/common/images/btn_left_right.png") no-repeat -45px -72px;right:3px}
.mypercent-visual .no-mypercent{height:137px;width:100%;line-height:1.6}
.mypercent-visual .no-mypercent p{color:#fff;font-size:16px;text-align:center;padding-top:85px;position:relative}
.mypercent-visual .no-mypercent p::before{content:"";width:58px;height:48px;position:absolute;top:25px;left:50%;margin-left:-24px;background:url("/rpan/common/images/no-mypercent.png") no-repeat 0 0;background-size:58px 48px}
.mypercent-visual .rolling{overflow:hidden;position:relative;margin:0 30px}
.mypercent-visual .rolling ul{display:inline-block;vertical-align:middle;width:300%}
.mypercent-visual .rolling ul li{box-sizing:border-box;float:left;width:10.51%;line-height:1.6;margin:0 .3%;background-color:#fff}
.mypercent-visual .rolling ul li p.button-box a{min-width:auto;padding:6px 8px}
.mypercent-visual .mobile-bullet{display:none} 
.mypercent-visual .mypercent-list li{background:#fff;padding:20px;display:table}
.mypercent-visual .mypercent-list li p{display:table-cell;vertical-align:middle}
.mypercent-visual .mypercent-list li p.img{width:91px;padding-right:20px}
.mypercent-visual .mypercent-list li p span.nick{font-size:16px;padding-bottom:10px;display:block} 
.mypercent .season-choice{display:block;margin-bottom:15px}
.mypercent .season-choice .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:180px}
.mypercent .mypercent-score{border:#eaeaea 1px solid;padding:10px 0;background-color:#f9f9f9;display:table;width:100%;margin-bottom:20px}
.mypercent .mypercent-score dl{display:table-cell;padding:0 20px}
.mypercent .mypercent-score dl.all{width:320px;border-right:#eaeaea 1px solid}
.mypercent .mypercent-score dl dt{font-weight:bold;font-size:16px;padding:10px 0 15px 0}
.mypercent .mypercent-score dl dd{padding-bottom:10px}
.mypercent .mypercent-score dl dd span{padding-right:15px}
.mypercent .mypercent-score dl dd span:last-child{padding-right:0}
.mypercent .mypercent-score dl dd .red{color:#ff545b;font-weight:bold}
.mypercent .mypercent-score dl dd .blue{color:#1ea3fe;font-weight:bold}
.mypercent .mypercent-score dl dd .up{position:relative;color:#ff545b;padding-left:12px;background:url("/rpan/common/images/ico_upper.png") no-repeat 0 50%;background-size:8px 10px}
.mypercent .mypercent-score dl dd .down{position:relative;color:#1ea3fe;padding-left:13px;background:url("/rpan/common/images/ico_low.png") no-repeat 0 50%;background-size:8px 10px} 
.mypercent .mypercent-st{width:100%}
.mypercent .mypercent-st li{border:#eaeaea 1px solid;margin-bottom:10px} 
.mypercent .mypercent-st li:last-child{margin:0}
.mypercent .mypercent-st li div.st{display:table;overflow:hidden;width:100%;min-height:70px;position:relative}
.mypercent .mypercent-st li div.st > mark{position:absolute;top:50%;right:20px;width:75px}
.mypercent .mypercent-st li div.st > mark.take{margin-top:-14px}
.mypercent .mypercent-st li div.st > mark.take [class*="btn-s"]{font-size:13px}
.mypercent .mypercent-st li div.st > mark.state{margin-top:-18px;text-align:left}
.mypercent .mypercent-st li div.st > mark i{float:right}
.mypercent .mypercent-st li div.st > p{display:table-cell;width:100px;text-align:center;vertical-align:top;padding:15px 0}
/* 참여하기 시간이 남았을 경우 */
.mypercent .mypercent-st li.before div.st > p{vertical-align:middle}
.mypercent .mypercent-st li div.st > div{display:table-cell;position:relative;vertical-align:middle;padding:18px 0}
.mypercent .mypercent-st li div.st > div p.price{padding-top:10px}
.mypercent .mypercent-st li div.st > div p.price span{font-size:13px;color:#888;background:url("../images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px;white-space:nowrap}
.mypercent .mypercent-st li div.st > div p.price span:last-child{background:none;padding-right:0;margin-right:0}
.mypercent .mypercent-st li div.st [class*="ico-"]{display:inline-block;width:36px;height:36px;text-indent:-9999em;background:url("/rpan/common/images/ico_pro_list.png") no-repeat 0 0;background-size:50px 150px}
.mypercent .mypercent-st li div.st .ico-lose{background-position:0 -50px}
.mypercent .mypercent-st li div.recommend{background-color:#f9f9f9;padding:5px 20px;position:relative}
.mypercent .mypercent-st li div.recommend .like{height:28px;line-height:28px;padding:0px 10px;box-sizing:border-box;color:#a7753a;font-size:13px}
.mypercent .mypercent-st li div.recommend .like i{display:inline-block;width:20px;height:20px;line-height:20px;background:url("/rpan/common/images/ico_board.png?update=20180503") no-repeat 0 -190px;background-size:20px 600px;text-indent:-9999em;margin-right:2px}
.mypercent .mypercent-st li div.recommend .why{display:inline-block;font-size:13px;color:#888;position:absolute;top:5px;right:20px;height:28px;line-height:28px}
.mypercent .mypercent-st li div.recommend .why:after{content:"";display:inline-block;width:16px;height:16px;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -181px;background-size:40px 400px;vertical-align:middle;margin-left:5px}
.mypercent .mypercent-st li div.recommend .comment{border-top:#eaeaea 1px solid;padding:15px 0 10px 0;color:#888;line-height:1.6;font-size:13px;margin-top:5px;display:none}
.mypercent .mypercent-st li div.recommend .comment .photo{margin-top:10px;position:relative;max-width:270px}
.mypercent .mypercent-st li div.recommend .comment .photo img{width:100%;max-width:270px}
.mypercent .mypercent-st li div.recommend .comment .photo .zoom-comm{width:30px;height:30px;display:inline-block;overflow:hidden;text-indent:-9999em;position:absolute;top:0;right:0;background:url("/rpan/common/images/ico_comment.png") no-repeat 0 0}
.mypercent .mypercent-st li div.recommend.on .like{color:#ff545b}
.mypercent .mypercent-st li div.recommend.on .like i{background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -207px;background-size:40px 400px}
.mypercent .mypercent-st li div.recommend.on .why:after{content:"";background:url("/rpan/common/images/ico_sub3.png") no-repeat -24px -181px;background-size:40px 400px}
@media only screen and (min-width:1161px) and (max-width:1280px){
	.profile-box .img{width:60px;height:60px;padding-top:10px}
	.profile-box .img img{width:60px;height:60px}
	.pmy-main-my .ico-box ul{padding:0px}
	.pmy-main-my .ico-box li a{font-size:13px}
} 
@media only screen and (max-width:979px){
	/* 마이페이지 메인 */
	.sub-top-fixed{margin:-30px 0 15px}
	.pmy-main-my{display:block}	
	/* 종목토론 회원순위 :180417 */
	.pmy-main-my .profile{display:block;width:100%;background:#e55059 url("/rpan/common/images/pmy_main_top_bg_m.png") no-repeat 0 0;background-size:cover;min-height:auto;padding-bottom:37px}
	.pmy-main-my .profile > div{padding:5px 0 20px 15px}/* 180417 */
	.pmy-main-my .profile > div p.img{width:70px}/* 180417 */
	.pmy-main-my .profile > div p.img .pro-badge.large{width:73px;height:73px}
	.pmy-main-my .profile > div p.img .pro-badge.large > img{width:73px !important;height:73px !important}
	.pmy-main-my .profile > div dl dt{line-height:19px}
	.pmy-main-my .profile > div dl dd.text{display:none}
	.pmy-main-my .profile > div dl dd:nth-child(4){padding-top:5px}/* 180417 수정 */
	.pmy-main-my .profile > div dl dd span{display:block}
	.pmy-main-my .profile > div dl dd span:first-child{background:none;padding-right:0;margin-right:0}
	.pmy-main-my .profile > p a{height:42px;line-height:42px}
	.pmy-main-my .profile > div dl dd a.link-ranking{line-height:19px}/* 180417 추가 */	
	.pmy-main-my .ico-box{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch} 
	.pmy-main-my .ico-box ul{padding:15px 3px;width:150%;overflow:hidden}
	.pmy-main-my .ico-box li a::before{content:"";display:block;background-image:url("/rpan/common/images/pmy_icon_m.png");background-size:418.5px 91px;background-repeat:no-repeat;padding-top:35px;width:26px;padding-bottom:10px;margin:0 auto}
	.pmy-main-my .ico-box li.icon1 a::before{background-position:0 -60px}
	.pmy-main-my .ico-box li.icon2 a::before{background-position:-70px	 -60px}
	.pmy-main-my .ico-box li.icon3 a::before{background-position:-140px -60px}
	.pmy-main-my .ico-box li.icon4 a::before{background-position:-205px -60px}
	.pmy-main-my .ico-box li.icon5 a::before{background-position:-270px -60px}
	.pmy-main-my .ico-box li.icon6 a::before{background-position:-335px -60px}
	.pmy-main-my .ico-box li.icon7 a::before{background-position:-392px -60px}  
	.pmy-main-my .ico-box li.icon1 a:hover::before, 
	.pmy-main-my .ico-box li.icon1 a:focus::before,
	.pmy-main-my .ico-box li.icon1 a.selected::before{background-position:0 0}
	.pmy-main-my .ico-box li.icon2 a:hover::before, 
	.pmy-main-my .ico-box li.icon2 a:focus::before,
	.pmy-main-my .ico-box li.icon2 a.selected::before{background-position:-70px 0}
	.pmy-main-my .ico-box li.icon3 a:hover::before, 
	.pmy-main-my .ico-box li.icon3 a:focus::before,
	.pmy-main-my .ico-box li.icon3 a.selected::before{background-position:-140px 0}
	.pmy-main-my .ico-box li.icon4 a:hover::before, 
	.pmy-main-my .ico-box li.icon4 a:focus::before,
	.pmy-main-my .ico-box li.icon4 a.selected::before{background-position:-205px 0}
	.pmy-main-my .ico-box li.icon5 a:hover::before, 
	.pmy-main-my .ico-box li.icon5 a:focus::before,
	.pmy-main-my .ico-box li.icon5 a.selected::before{background-position:-270px 0}
	.pmy-main-my .ico-box li.icon6 a:hover::before, 
	.pmy-main-my .ico-box li.icon6 a:focus::before,
	.pmy-main-my .ico-box li.icon6 a.selected::before{background-position:-335px 0}
	.pmy-main-my .ico-box li.icon7 a:hover::before, 
	.pmy-main-my .ico-box li.icon7 a:focus::before,
	.pmy-main-my .ico-box li.icon7 a.selected::before{background-position:-392px 0}
	
	.pmy-main-my .ico-box.case02 ul{padding:15px 0;width:100%} 
	/* 같이담은회원 팝업 */
	.pop-layer .popup-wrap.wid-pmy120 .pop-cont .tit{padding:0 15px}
	/* 마이페이지 - 배지 */
	.badge-top{border:none;padding:0 15px 20px;border-bottom:#eff3f6 10px solid}
	.badge-top p{font-size:14px;line-height:1.6;padding-bottom:7px}
	.badge-top a{position:static}
	.badge-text{padding:20px 15px 0}
	.badge-info{border:none;border-top:#eaeaea 1px solid;display:block;border-bottom:#eff3f6 10px solid}
	.badge-info .left{display:block;width:100%;border-right:none;border-bottom:#cccccc 1px dashed;padding:15px 0;overflow:hidden}
	.badge-info .left > p{width:35%;float:left}
	.badge-info .left div{width:65%;float:right;text-align:left}
	.badge-info .left div span{position:relative}
	.badge-info .left div span mark{position:absolute;top:0;right:10%}
	.badge-info .left div span.next{display:block}
	.badge-info .right{display:block;width:100%;padding:15px 0 15px 15px}
	.badge-info .right > p{display:none}
	.badge-scroll{overflow-x:scroll;width:100%}
	.badge-cont{width:1024px;padding-right:15px}
	.badge-cont .category p.last >  i{right:15px} 
	.badge-cont .category p.last mark.badge{margin-left:-36px}
	.paxnet-badge{padding:0 15px;/* border-bottom:#eff3f6 10px solid;margin-bottom:15px;*/}
	.paxnet-badge .badge-list li{width:100%;margin-right:0%;float:none}
	.paxnet-badge .badge-list li:nth-child(3n){margin-right:0}
	.paxnet-badge .badge-list li dd.cont{height:auto;padding-bottom:10px} 
	/* 마이페이지 - 배지 - 연도별 배지보기 레이어 */ 
	.pop-yearly > .select-style{position:static}
	.pop-yearly > .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;margin-bottom:10px}
	.pop-yearly .yearly ul li{width:48.5%;margin-right:3%}
	.pop-yearly .yearly ul li:nth-child(3n){margin-right:3%}
	.pop-yearly .yearly ul li:nth-child(2n){margin-right:0}
	.pop-yearly .yearly ul li strong span{display:block}  
	/* 관심종목 - 나의관심종목 */
	.interest-search{padding:20px 15px 15px 15px}
	.interest-search > button{width:49.5%;float:left}
	.interest-search .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){display:block;width:49.5%;float:right;min-width:auto}
	.interest-search > span > span{width:100%}
	.interest-search.i-s-02 > button.gray{width:49.5%;float:left}
	.interest-search.i-s-02 > button.bodrb{width:49.5%;float:right}

	.interest-search .interest-type{position:static;clear:both;padding-top:15px;text-align:center}
	.interest-table .button-area{padding:0 15px}
	.interest-table .button-area > button{margin-bottom:10px}
	.interest-table .button-area .orderby{margin-bottom:10px}
	.interest-table .button-area .right{word-spacing:-2px}
	.interest-table .button-area .right  > mark{background:none}
	.interest-table .button-area .right{position:static}
	.interest-table .button-area .right.chart-only{text-align:right}
	.interest-table .button-area .right .refresh{padding-left:5px;margin-left:5px}
	.interest-table .button-area .right .refresh button span:after{width:26px;height:26px;background-size:40px 400px;background-position:0 -103px}
	.interest-table .button-area .right .refresh button:active span:after, 
	.interest-table .button-area .right .refresh button.active-ing span:after{width:26px;height:26px;background-size:40px 400px;background-position:0 -322px}
	.interest-table .m-only{z-index:1}
	.interest-table .chart-area .chart-cont{padding-bottom:0}
	.more-info{position:absolute;top:50%;left:50%;bottom:auto;right:auto;width:210px;margin-left:-105px;margin-top:-68px}
	.more-info.memo{position:absolute;top:50%;left:50%;bottom:auto;right:auto;width:270px;margin-left:-135px;margin-top:-113px}
	/* 관심종목 등록/변경 팝업 */
	.interest-add{padding:0;border-bottom:none}
	.code-scroll ul{height:145px}
	.interest-add .left{width:100%;float:none;padding:20px 15px 45px 15px;display:block;border:none;overflow:hidden;border-bottom:#eaeaea 1px solid}
	.interest-add .left .interest-pop{width:100%;display:block;padding-right:1px}
	.interest-add .left .group{width:100%;display:block;position:relative;margin-bottom:20px}
	.interest-add .left .group .group-check label{width:50%;float:left;margin-right:-1px}
	.interest-add .left .group > span{position:absolute;top:3px;right:0;line-height:1} 
	.interest-add .right{width:100%;float:none;padding:45px 16px 0 15px;clear:both}
	.interest-add .right .code-scroll ul{height:145px} 
	.interest-add p.add{position:absolute;top:457px;left:50%;margin:0 0 0 -28px}
	.interest-add p.add button{line-height:1.1}
	.interest-add p.add button:after{content:">";padding-left:5px;display:block;-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)} 
	.pop-cont-interest .pop-btn{bottom:0}
	.pop-cont-interest .guide-text03{margin:20px 15px 0} 
	/* 스크랩 */
	.my-list-scrap{padding:0 15px}
	.my-list-scrap p{position:absolute;top:0;right:15px}
	.comm-list.comm-list-scrap li{height:auto;padding-left:40px}
	.comm-list.comm-list-scrap li > div.title{width:auto}
	.comm-list.comm-list-scrap li > div.date{width:auto}
	/* 알림 */
	.alarm-area li{padding-right:10px}
	.alarm-area li.notice .ntc{vertical-align:top;width:60px}
	.alarm-area li.notice .ntc-img p img{max-height:none;width:100%} 
	/* 모바일 하단 체크박스 */
	.mobile-only-check{display:block;width:100%;text-align:center;padding:11px 0;background-color:#444444;overflow:hidden;position:absolute;bottom:0;left:0}
	.mobile-only-check span{display:block;width:33.33%;float:left;color:#fff;vertical-align:top;background:url("/rpan/common/images/bg_line2.png") no-repeat right 50%}
	.mobile-only-check span button{color:#fff;height:14px;line-height:1}
	.mobile-only-check span button.del{background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -317px;background-size:40px 400px;padding-left:20px}
	.mobile-only-check span button.cancel{background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -335px;background-size:40px 400px;padding-left:20px}
	.mobile-only-check.fixed{position:fixed;bottom:0} 
	/* 쪽지 */
	.today-message{padding:0 15px 10px}
	/* 쪽지 - 회원검색 레이어 */
	.pop-cont-msg .tab-area ul{margin:0 0 10px}
	.pop-cont-msg .tab-area ul li{width:50%}
	.msg-user-pop .mas-user-choice{right:15px}
	.msg-user-pop .form-table{border:none;margin:0 15px}
	.msg-user-pop .form-table table td{padding:0 0 8px}
	.msg-user-pop .code-scroll{margin:0 15px}
	.msg-user-pop .tit-h2{padding:10px 15px 0} 
	.msg-user-pop .pop-btn{padding-bottom:0 !important}
	.msg-user-pop .max{color:#888;font-size:13px;padding:5px 15px 0 15px} 
	/* 쪽지 - 받은쪽지함 - 목록 */
	.pmymem110-top{padding:0 15px}
	.pmymem110-top .m-only{height:28px;display:inline-block;float:left;padding:5px 0}
	.pmymem110-top .m-only label{width:0;text-indent:-9999em}
	.pmymem110-top .adhere i{display:inline-block;text-indent:-9999em;width:0;height:0}
	.pmymem110-top .notify{ padding:6px 7px 6px;min-width:auto} 
	.pmymem110-top .cut{ padding:6px 7px 6px;min-width:auto} 
	.pmymem110-top .notify::before{padding:0}
	.pmymem110-top .cut::before{padding:0}
	.pmymem110 li{padding-left:40px;position:relative}
	.pmymem110 li mark.del-check{position:absolute;top:40%;left:13px}
	.pmymem130 li{padding-left:40px;position:relative}
	.pmymem130 li mark.del-check{position:absolute;top:40%;left:13px}
	.pmymem170 li{padding-left:40px;position:relative}
	.pmymem170 li mark.del-check{position:absolute;top:40%;left:13px}
	.pmymem110 li div:nth-child(2) p a{max-width:100%}
	.pmymem130 li div:nth-child(2) p a{max-width:100%}  
	/* 쪽지 신고하기 레이어 */
	.pop-cont .form-table.clean-message{border-bottom:none}
	.pop-cont .form-table td span.m-only{display:inline-block;line-height:28px;padding-right:25px;font-weight:bold}
	.pop-cont .form-table td span.m-only-block{display:block;line-height:28px;font-weight:bold} 
	/* 쪽지 - 받은쪽지함 - 상세 */
	.message-view{margin-bottom:15px} 
	/* 설정 - 프로필 */
	.my-profile{border:none;border-bottom:#eff3f6 10px solid;margin-bottom:0}
	.my-profile .my-photo{border-bottom:#eaeaea 1px solid;padding:5px 0 35px 0}
	.my-profile .my-photo p button{width:30px;height:30px;background:url("/rpan/common/images/ico_sub2.png") no-repeat 0 -355px;background-size:40px 400px;bottom:5px;right:15px}
	.my-profile .default-photo{background-color:#fff;padding:15px} 
	.my-profile .default-photo p{padding-bottom:10px}
	.my-profile .default-photo > button{position:static;margin-top:0}
	.set-profile{border:none;padding-bottom:15px}
	.set-profile ul li{display:block;border-bottom:#eff3f6 10px solid}
	.set-profile ul li:nth-child(2){border-bottom:#eaeaea 1px solid}
	.set-profile ul li > p{display:block;background-color:#fff;width:100%;border-bottom:#eaeaea 1px solid}
	.set-profile ul li > div{display:block;padding:15px}
	.set-profile ul li > div .set-nickname > button{position:absolute;top:0;right:0}
	.set-profile ul li > div .set-nickname .input-style{width:100%}
	.set-profile ul li > div .set-nickname .input-style mark{top:11px}
	.set-profile ul li > div p.text{ line-height:1.6} 
	/* 기본 이미지 선택하기 */ 
	.photo-pop li{width:50%}
	.photo-pop li input[type="radio"]:not(old)+label{border:#eaeaea 1px solid} 
	.photo-pop li input[type="radio"]:not(old)+label:after{content:"";width:20px;height:20px;background:url("/rpan/common/images/icon_big_sprite.png") no-repeat -230px -95px;background-size:250px 250px}
	.photo-pop li input[type="radio"]:not(old):checked+label:after{background-position:-230px -65px}
	/* 설정 - 공개범위 */
	.set-openrange{padding-bottom:15px;margin-top:-20px}
	.set-openrange .left{width:100%;float:none;border-bottom:#eff3f6 10px solid;height:auto}
	.set-openrange .right{width:100%;float:none;border-bottom:#eaeaea 1px solid}
	.set-openrange dl{border:none;padding:0}
	.set-openrange dt{border-bottom:#eaeaea 1px solid;padding:15px}
	.set-openrange dd{padding:15px;height:auto}
	.set-openrange dd.on-off{top:10px;right:15px;padding:0} 
	.set-openrange+.bt-area{padding-top:0}
	/* 알람 - 공개범위 */
	.set-alarm .top{border-bottom:#eff3f6 10px solid;margin-bottom:0}
	.set-alarm .bottom{border-bottom:#eaeaea 1px solid}
	.set-openrange dd.set-alarm-li li{width:100%;float:none}
	.set-openrange dd.set-alarm-li li:nth-child(2n+0){ width:100%} 
	/* 여의주 결제 팝업 */
	.pop-cont-ball .tit-h2{padding:0 15px}
	.ball-pop{padding:0;border-bottom:#eaeaea 1px solid;padding-bottom:20px}
	.ball-pop .table-col td.ball-total div{padding:10px}
	.ball-pop .table-col td.ball-total div p{font-size:14px}
	.ball-pop .ball-payment{padding:0 15px}
	.ball-agree{border:#eaeaea 1px solid;margin:0 15px}
	.ball-agree .pc-only{display:none}
	.ball-agree .m-only{display:block}
	.ball-agree .m-only i{font-size:13px;color:#888}
	.pop-cont-ball .pop-btn{ bottom:0} 

	.buy_ball_1{background:url("/rpan/common/images/ico_ball_m.png") no-repeat 0 0;background-size:80px 80px}      
	.buy_ball_2{background:url("/rpan/common/images/ico_ball02_m.png") no-repeat 0 0;background-size:80px 80px}     
	.buy_ball_3{background:url("/rpan/common/images/ico_ball03_m.png") no-repeat 0 0;background-size:80px 80px}
	.buy_ball_4{background:url("/rpan/common/images/ico_ball04_m.png") no-repeat 0 0;background-size:80px 80px}
	.buy_ball_5{background:url("/rpan/common/images/ico_ball05_m.png") no-repeat 0 0;background-size:80px 80px}
	.buy_ball_6{background:url("/rpan/common/images/ico_ball06_m.png") no-repeat 0 0;background-size:80px 80px}

	/* 여의주 */
	.ball-area .tit-h2{padding:0 15px}
	.ball-area .my-ball{border:none;border-bottom:#eaeaea 1px solid;padding-top:5px;margin-bottom:30px}
	.ball-area .my-ball button{position:static;margin-top:15px}
	.ball-area .price span{right:15px}  
	/* 여의주 구매 */
	.ball-area .ball-gift{margin-top:-20px;padding:20px 0 0;margin-bottom:20px}
	.ball-area .gift > p i{display:block}
	.ball-area .gift > mark{padding:0 15px}
	.ball-area .gift > mark i{display:inline}
	.ball-area .reason{padding:0 15px}
	.ball-area .reason li{width:33.33%;margin-bottom:20px}  
	.ball-area .reason li:nth-child(1)::before{background-size:350px 125px;background-position:0 -62px}
	.ball-area .reason li:nth-child(2)::before{background-size:350px 125px;background-position:-64px -62px}
	.ball-area .reason li:nth-child(3)::before{background-size:350px 125px;background-position:-119px -62px}
	.ball-area .reason li:nth-child(4)::before{background-size:350px 125px;background-position:-172px -62px}
	.ball-area .reason li:nth-child(5)::before{background-size:350px 125px;background-position:-231px -62px}
	.ball-area .reason li:nth-child(6)::before{background-size:350px 125px;background-position:-293px -62px}

	.ball-buy-list{padding:0 15px 0}
	.ball-buy-list li{width:100%;margin-right:0%;float:none;margin-bottom:15px}
	.ball-buy-list li:nth-child(3n){margin-right:0}
	.ball-buy-list li:nth-child(1) .img{background:url("/rpan/common/images/ico_ball_m.png") no-repeat 0 0;background-size:80px 80px}
	
	.ball-buy-list li:nth-child(2) .img{background:url("/rpan/common/images/ico_ball02_m.png") no-repeat 0 0;background-size:80px 80px}
	.ball-buy-list li:nth-child(3) .img{background:url("/rpan/common/images/ico_ball03_m.png") no-repeat 0 0;background-size:80px 80px}
	.ball-buy-list li:nth-child(4) .img{background:url("/rpan/common/images/ico_ball04_m.png") no-repeat 0 0;background-size:80px 80px}
	.ball-buy-list li:nth-child(5) .img{background:url("/rpan/common/images/ico_ball05_m.png") no-repeat 0 0;background-size:80px 80px}
	.ball-buy-list li:nth-child(6) .img{background:url("/rpan/common/images/ico_ball06_m.png") no-repeat 0 0;background-size:80px 80px}
	.ball-buy-list li dl dd{height:auto;padding-bottom:10px} 

	/* 여의주 환전신청 완료 */
	.ball-success{padding:20px 0}
	.ball-success-info{border-top:#eff3f6 10px solid;padding-top:10px}
	.ball-success-info .tit-h2{padding:0 15px}
	.ball-success-info .m-only-box{padding-bottom:0}
	.ball-success-info .table-scroll{margin-bottom:30px}
	.ball-success-info .mb-0{margin-bottom:20px !important} 
	/* 여의주 환전 비밀번호 확인 */ 
	.ball-password .message-st mark{display:block}
	.ball-password .info-password{max-width:100%} 
	/* 여의주 환전 신청 */
	.ball-buy .m-center{text-align:center}
	.ball-buy .ball-buy-01{border:none;padding:0;background-color:#fff;margin-bottom:15px;border-bottom:#eff3f6 10px solid}
	.ball-buy .my-ball{width:100%;float:none;padding-bottom:20px;padding-top:8px}
	.ball-buy .buy-amount{width:100%;float:none;background-color:#f9f9f9;padding:20px 15px}
	.ball-buy .buy-amount .input-style{width:99.4%}
	.ball-buy .buy-amount p{margin-bottom:0}
	.ball-buy .buy-amount .search-period label{width:20.05%}
	.ball-buy .buy-amount .search-period label i{display:none}
	.ball-buy .tit-h2{padding:0 15px}
	.ball-buy .user-info span{right:10px}
	.ball-buy .form-table{border-bottom:#eff3f6 10px solid;margin-bottom:20px} 
	.ball-buy .form-table .input-style{width:auto}
	.ball-buy .form-table .user-phone{width:100%}
	.ball-buy .form-table .user-email{width:100%}
	.ball-buy .form-table .adrs > div.adrs-search{width:100%;padding-right:75px}
	.ball-buy .form-table .user-bank{padding-left:125px;width:100%}
	.ball-buy .form-table .user-bank .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:120px}
	.ball-buy .form-table td span.m-only{display:block;line-height:28px}
	.ball-buy .form-table td.file-w span.m-only{padding:0 15px}
	.ball-buy .clause{border:#eaeaea 1px solid;margin:0 15px 20px}  
	/* 관심종목 - 3프로종목참여이력 */
	.mypercent-visual{padding:20px 0 20px;margin:0 0 25px} 
	.mypercent-visual .is-mypercent > button{display:none}
	.mypercent-visual .no-mypercent p{padding-top:75px}
	.mypercent-visual .no-mypercent p::before{top:15px}
	.mypercent-visual .no-mypercent p span{display:block}

	.mypercent-visual .rolling{margin:0}
	.mypercent-visual .rolling ul{width:900%;transform:translate3d(-7.9%, 0px, 0px)} 
	.mypercent-visual .rolling ul li{width:8.4%;float:left;margin:0 .3%}
	.mypercent-visual .rolling ul li p.button-box a{padding:6px 0}
	.mypercent-visual .mobile-bullet{text-align:center;display:block;padding-top:30px}
	.mypercent-visual .mobile-bullet button{width:10px;height:10px;display:inline-block;overflow:hidden;text-indent:-9999em;background-color:#fff;border-radius:5px;margin:0 3px}
	.mypercent-visual .mobile-bullet button.checked{background-color:#ffc03d}
	.mypercent{padding:0 15px}
	.mypercent .season-choice .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.mypercent .mypercent-score{display:block;padding:0 10px}
	.mypercent .mypercent-score dl{display:block;padding:0 7px}
	.mypercent .mypercent-score dl.all{border-right:none;border-bottom:#eaeaea 1px solid;width:100%}
	.mypercent .mypercent-score dl dt{padding:20px 0 10px 0}
	.mypercent .mypercent-score dl dd{padding-bottom:14px;line-height:1.6}
	.mypercent .mypercent-st li div.st{display:block;padding:15px}
	.mypercent .mypercent-st li div.st > p{display:block;min-height:auto;width:100%;text-align:left;padding:0 0 5px 0}
	.mypercent .mypercent-st li div.st > div{display:block;padding:0 40px 0 0}
	.mypercent .mypercent-st li.before div.st > div{padding:0 100px 0 0}
	.mypercent .mypercent-st li div.recommend{padding:5px 0}
	.mypercent .mypercent-st li div.recommend .recom-button{padding:0 15px}
	.mypercent .mypercent-st li div.recommend .why{right:15px;letter-spacing:-1px}
	.mypercent .mypercent-st li div.recommend .comment{padding:15px 15px 10px}
} 

/* *************** 사이버머니 *************** */
/* 서비스변경 확인팝업 */
.cyber-table{margin-bottom:0}
.cyber-table table{margin-bottom:0}
.cyber-table th{width:33% !important}
.cyber-table td{width:67% !important}
.cyber-table th i.break{display:block}
.cyber-table th i.break-rever{display:inline}
.cyber-table table .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.cyber-table table .input-style{padding:0 5px 10px 0;width:95%;float:left}
.cyber-table table .input-style+i{display:inline-block;width:5%;float:right;height:28px;line-height:28px;text-align:center}
.cyber-table table label{padding-right:10px;font-size:13px}
.cyber-table table .guide-text02{clear:both;text-indent:0;padding-left:0}
.cyber-table table .m-title{display:none}
.cyber-table table .cyber-agree{position:relative;width:100%;padding-right:60px}
.cyber-table table .cyber-agree > mark{position:absolute;top:0;right:0}
.cyber-table table .m-payment label{padding-right:5px;letter-spacing:-1px}
.cyber-table table .free-buy{margin-top:10px} 
.cyber-table table .cal{display:inline-block;width:28px;height:27px;text-indent:-9999px;background-image:url("/rpan/common/images/bg_form.png");background-repeat:no-repeat;background-position:7px -560px;border:#eaeaea 1px solid;background-color:#fff} 
.cyber-table+h2.tit-h2{margin-top:30px}
.popup-wrap #frmData+h2.tit-h2{margin-top:30px}
.cyber-table+.dot-list02{margin-top:10px}
.cyber-guide{margin-top:20px}
.cyber-agreecont{color:#888;line-height:1.7}
.cyber-agreecont p.tit{font-weight:bold}
.cyber-agreecont p.text{padding-bottom:15px}
.cyber-agreecont ul{padding:5px 0}
.cyber-agreecont ul li{padding-bottom:10px}
.cyber-agreecont ul li li{padding:0 0 0 15px}
.cyber-agreecont ul.ex{border-top:#eaeaea 1px solid;padding-top:20px}
.cyber-agreecont ul.ex li{padding:0;font-size:13px}
.cyber-cont-scroll .cyber-guide{margin-top:30px}
.cyber-guide .desh-list{padding:5px 0}
.cyber-guide .desh-list{padding:5px 0 5px 5px}
.cyber-guide .desh-list li{background:url("/rpan/common/images/bul_desh.png") no-repeat left 8px !important;padding-left:11px !important;line-height:160% !important;font-size:13px !important;color:#888 !important}
.cyber-dot{margin-bottom:20px} 
/* 서비스변경 선택 레이어 팝업 */
.popup-wrap .change-service-list{margin-bottom:10px;height:28px}
.popup-wrap .change-service-list .select-style{width:45%;float:left;padding-right:5px}
.popup-wrap .change-service-list .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.popup-wrap .change-service-list p{width:55%;float:right;padding-right:65px;position:relative}
.popup-wrap .change-service-list p .input-style{width:100%}
.popup-wrap .change-service-list p button.btn-t{position:absolute;top:0;right:0}
.popup-wrap .service-choice{position:relative;min-height:28px;margin-bottom:10px;padding-right:70px;line-height:1.6}
/* .pop-layer .service-choice .tit-h2{color:#1ea3fe} */
.popup-wrap .service-choice button.btn-s{position:absolute;top:0;right:0}
.popup-wrap .table-col.service-table{border-top:#888 1px solid;	}
.popup-wrap .table-col.service-table table{width:100%}
.popup-wrap .table-col.service-table table th:nth-child(1){width:40px}
.popup-wrap .table-col.service-table table th:nth-child(2){width:40px}
.popup-wrap .table-col.service-table table th:nth-child(3){}
.popup-wrap .table-col.service-table table th:nth-child(4){width:70px}
.popup-wrap .table-col.service-table table th:nth-child(5){width:80px}
.popup-wrap .table-col.service-table table td:nth-child(2){padding-left:10px}
.popup-wrap .table-col.service-table table td input[type="radio"]+label i{display:inline-block;width:0;height:0;text-indent:-9999em}
.popup-wrap .service-table-more{width:100%;margin-bottom:10px}
.popup-wrap .service-table-more button{display:block;width:100%;padding:15px 0 12px;border-bottom:#eaeaea 1px solid;background-color:#f9f9f9;font-size:14px}
.popup-wrap .service-table-more button span{background:url("/rpan/common/images/ico_toggle.png") no-repeat right -30px;height:20px;line-height:18px;display:inline-block;color:#a7753a;padding-right:24px;font-size:14px}
.popup-wrap .service-table-text{margin-top:5px;margin-bottom:30px;color:#ff545b} 
/* 사이버머니 사용안내 */
.what-cyber{text-align:center;background:url("/rpan/common/images/bg_cybermoney_pc.png") no-repeat center 0;background-size:cover;color:#fff;padding:60px 0;margin-bottom:40px}
.what-cyber dt{font-size:24px}
.what-cyber dt:after{content:"";width:25px;height:1px;background-color:#a4aaae;display:block;text-align:center;margin:20px auto 15px}
.what-cyber dd{font-size:16px;line-height:1.6;width:50%;margin:0 auto} 
.cybermoney-info h2.tit-h2{font-size:20px;font-weight:normal;padding-bottom:10px} 
.cybermoney-info .list{border:#eaeaea 1px solid;padding:20px 0;overflow:hidden;margin-bottom:10px;display:table;width:100%} 
.cybermoney-info .list li{border-right:#eaeaea 1px dashed;width:33.33%;display:table-cell;vertical-align:top;text-align:center;padding:10px 20px 20px;line-height:1.6}
.cybermoney-info .list li:last-child{border-right:none}
.cybermoney-info .list li dt{position:relative;font-size:20px;padding:120px 0 5px;letter-spacing:-1px}
.cybermoney-info .list li dt:before{content:"";width:100px;height:100px;position:absolute;top:0;left:50%;margin-left:-50px;background:url("/rpan/common/images/cyber_title1.png") no-repeat 0 0}
.cybermoney-info .list li:nth-child(1) dt::before{background-position:0 0}
.cybermoney-info .list li:nth-child(2) dt::before{background-position:-100px 0}
.cybermoney-info .list li:nth-child(3) dt::before{background-position:-200px 0}
.cybermoney-info .list li dd span{display:block;padding-top:5px}
.cybermoney-info .list+.dot-list02{margin-bottom:40px}
.cybermoney-info .dot-list02 .break{display:block}
.cybermoney-info .guide-text03{position:relative}
.cybermoney-info .guide-text03 .position{position:absolute;top:50%;right:20px;margin-top:-14px}
/* 사이버머니 충전 */
.cybermoney-charge .buy-list{overflow:hidden;margin-bottom:60px;clear:both}
.cybermoney-charge .buy-list li{width:32.5%;min-height:132px;text-align:center;position:relative;margin-right:1%;float:left;margin-bottom:10px}
.cybermoney-charge .buy-list li:nth-child(3n){margin-right:0} 
.cybermoney-charge .buy-list  li div{ padding:20px 20px 10px;border:#eaeaea 1px solid;border-bottom:none;position:relative}
.cybermoney-charge .buy-list  li div .img{text-align:center;position:relative;padding-top:100px}
.cybermoney-charge .buy-list  li div .img img{display:none}
.cybermoney-charge .buy-list li .img:before{content:"";width:100px;height:100px;position:absolute;top:0;left:50%;margin-left:-50px;background:url("/rpan/common/images/cyber_title1.png") no-repeat -300px 0}
.cybermoney-charge .buy-list li:nth-child(2) .img::before{background-position:-400px 0}
.cybermoney-charge .buy-list li:nth-child(3) .img::before{background-position:-500px 0}
.cybermoney-charge .buy-list li:nth-child(4) .img::before{background-position:-600px 0}
.cybermoney-charge .buy-list li:nth-child(5) .img::before{background-position:-700px 0}
.cybermoney-charge .buy-list li:nth-child(6) .img::before{background-position:-300px 0}

.cybermoney-charge .buy-list  li div .buy{text-align:center;line-height:1.8}
.cybermoney-charge .buy-list  li div .buy .won{font-size:24px;color:#ff545b;font-weight:bold;display:block}
.cybermoney-charge .buy-list  li div .buy .won i{font-size:24px;color:#ff545b}
.cybermoney-charge .buy-list  li div .buy .won-self{display:block;height:36px;line-height:34px;text-align:right;border:#ccc 1px solid;padding:0 10px;margin:5px 0 2px}
.cybermoney-charge .buy-list  li div .buy .won-self .input-style{width:80%;height:36px}
.cybermoney-charge .buy-list  li div .buy .won-self .input-style input{padding:5px 4px 6px 4px;	vertical-align:top;text-align:right;border:none;height:34px}
.cybermoney-charge .buy-list  li div .buy .text{display:block;height:18px;line-height:18px}
.cybermoney-charge .buy-list  li .coupon-state{display:block;width:100%;color:#000;border-top:#eaeaea 1px dashed}
.cybermoney-charge .buy-list  li .coupon-state i{min-height:45px;line-height:45px;display:block;border:#eaeaea 1px solid;border-top:none;background-color:#f9f9f9}
.cybermoney-charge .buy-list  li .coupon-state button{display:block;width:100%;height:45px}
.cybermoney-charge .buy-list  li .coupon-state button span{display:inline-block;height:25px;line-height:25px;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -25px;padding-left:30px;background-size:40px 400px}
.cybermoney-charge .buy-list  li .coupon-state mark{color:#888;padding-left:5px;font-size:13px} 
.message-st-cyber p.cyber-p{word-spacing:-1px} 
/* 서비스 변경/해지 */
.service-change{position:relative}
.service-change .today{position:absolute;top:0;right:0;color:#888;font-size:13px}
.service-change .ing-service dl{border:#eaeaea 1px solid;margin-bottom:10px;position:relative;padding:20px 150px 16px 20px;line-height:1.4}
.service-change .ing-service dl dt{font-size:16px;padding-bottom:10px}
.service-change .ing-service dl dd span{font-size:13px;color:#888;background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:5px;white-space:nowrap}
.service-change .ing-service dl dd span:last-child{background:none;padding-right:0;margin-right:0}
.service-change .ing-service dl dd.button-area{position:absolute;top:50%;right:20px;margin-top:-14px}
.service-change .guide-text03 .name-check{margin-left:8px}
/* 사이버머니 사용내역 / 서비스 결제내역*/
.usage-history{padding-bottom:40px}
.usage-history .user-balance{border:#eaeaea 1px solid;width:100%;margin-bottom:10px} 
.usage-history .user-balance .balance{text-align:center;vertical-align:middle;position:relative;padding:30px 0 24px 0}
.usage-history .user-balance .balance .title{font-size:16px}
.usage-history .user-balance .balance .title::before{content:"";width:16px;height:15px;display:inline-block;vertical-align:middle;background:url("/rpan/common/images/ico_sub3.png") no-repeat 0 -235px;background-size:40px 400px;padding-right:5px}
.usage-history .user-balance .balance .date{display:block;color:#888;font-size:13px;padding:5px 0 8px}
.usage-history .user-balance .balance .money{color:#ff545b;font-size:24px}
.usage-history .user-balance .balance mark{position:absolute;top:50%;right:30px;margin-top:-19px}  
.usage-history .user-balance > ul{border-top:#eaeaea 1px solid;vertical-align:middle;padding:0 20px;overflow:hidden}
.usage-history .user-balance > ul li{text-align:center;width:33.33%;float:left;line-height:1.6;border-right:#eaeaea 1px solid;padding:16px 0}
.usage-history .user-balance > ul li span{display:block}
.usage-history .user-balance > ul li:last-child{border-right:none} 
.balance-h2{position:relative;height:28px;line-height:28px;margin-bottom:15px}
.balance-h2 .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:115px}
.balance-h2 .extension{}
.balance-h2 p{position:absolute;top:2px;right:0}
.balance-h2 p mark{padding-right:5px;display:inline-block;height:28px;line-height:28px;vertical-align:middle}
.balance-guide{margin-top:30px}
.balance-guide li{text-indent:-56px;padding-left:62px} 
.balance-payment td a.type1{color:#ff545b}
.balance-payment td a.type2{color:#1ea3fe}
.balance-payment td a.type3{color:#000}
.balance-payment td a.type4{color:#000}
.balance-payment td a.type5{color:#888} 
.payment-guide{margin-top:30px}
.payment-guide span.phone{background:url("../images/ico_sub3.png") no-repeat 0 -257px;padding-left:12px;background-size:40px 400px;margin-left:5px;color:#888}
.payment-guide span.phone a{color:#888}
.payment-guide mark{background:url("../images/bg_line.png") no-repeat right 50%;padding-right:7px;margin-right:3px;color:#888;font-size:13px}
@media only screen and (max-width:979px){	
	/* 서비스변경 확인팝업 */
	.popup-wrap .view-table.cyber-table th{width:40%}
	.popup-wrap .cyber-table th i.break{display:inline}
	.popup-wrap .cyber-table th i.break-rever{display:block}
	.popup-wrap .cyber-table table .input-style+i{height:36px;line-height:36px}
	.popup-wrap .cyber-table table .m-title{display:block;margin:0 0 10px 0}
	.popup-wrap .cyber-table table .m-payment span{display:inline-block;margin:7px 0 3px 0}
	.popup-wrap .cyber-table table .cal{background-image:url("/rpan/common/images/bg_form.png");background-repeat:no-repeat;background-position:7px -367px;background-size:20px 450px}
	.popup-wrap .cont-scroll.cyber-cont-scroll{padding-left:15px !important;padding-right:15px !important}
	.popup-wrap .cont-scroll.cyber-agreecont{padding-left:15px !important;padding-right:15px !important} 
	/* 서비스변경 선택 레이어 팝업 */
	.popup-wrap .change-service-list{height:auto}
	.popup-wrap .change-service-list .select-style{width:100%;float:none;padding-right:0;display:block;margin-bottom:8px}
	.popup-wrap .change-service-list .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.popup-wrap .change-service-list p{width:100%;float:none;padding-right:75px}
	.popup-wrap .service-table-more button span{font-size:14px}
}
@media only screen and (max-width:500px){	
	/* 서비스변경 확인팝업 */
	.popup-wrap .cyber-table table .cyber-agree{padding:0}
	.popup-wrap .cyber-table table .cyber-agree > span label{height:auto}
	.popup-wrap .cyber-table table .cyber-agree > mark{position:static;padding:10px 0 0 20px}
} 
@media only screen and (max-width:979px){	
/* 사이버머니 사용안내 */
	.what-cyber{background:url("/rpan/common/images/bg_cybermoney_m.png") no-repeat center 0;background-size:cover;color:#fff;padding:80px 0;margin-bottom:30px;margin-top:-20px}
	.what-cyber dt{font-size:20px}
	.what-cyber dd{width:100%}
	.cybermoney-info h2.tit-h2{padding-bottom:5px}
	.cybermoney-info .list{padding:0 15px;margin-bottom:20px;display:block}
	.cybermoney-info .list li{display:block;width:100%;border-right:none;border-bottom:#eaeaea 1px dashed;padding:30px 0}
	.cybermoney-info .list li:last-child{border-bottom:none}
	.cybermoney-info .list li:nth-child(1) dt::before{background-position:0 -56px;background-size:450px 400px}
	.cybermoney-info .list li:nth-child(2) dt::before{background-position:-110px -56px;background-size:450px 400px}
	.cybermoney-info .list li:nth-child(3) dt::before{background-position:-220px -56px;background-size:450px 400px}
	.cybermoney-info .dot-list02 .break{display:inline}
	.cybermoney-info .guide-text03 .position{position:static;display:block;margin-top:10px;text-align:center}
	.cybermoney-info .guide-text03 .position .btn-s{position:static;letter-spacing:-1px} 
	/* 사이버머니 충전 */
	.cybermoney-charge .buy-list{margin-bottom:40px}
	.cybermoney-charge .buy-list  li{width:100%;margin-right:0%;float:none;margin-bottom:15px}
	.cybermoney-charge .buy-list  li:nth-child(3n){margin-right:0}
	.cybermoney-charge .buy-list  li div{width:100%;display:table;padding:20px 10px 10px}
	.cybermoney-charge .buy-list  li div .img{display:table-cell;width:110px;text-align:left}
	.cybermoney-charge .buy-list  li div .img img{}
	.cybermoney-charge .buy-list  li div .buy{text-align:left;display:table-cell;vertical-align:middle}
	.cybermoney-charge .buy-list  li div .buy .won-self .input-style{width:70%} 
	.cybermoney-charge .buy-list li .img:before{background-position:0 -166px;background-size:450px 400px}
	.cybermoney-charge .buy-list li:nth-child(2) .img::before{background-position:-110px -166px;background-size:450px 400px}
	.cybermoney-charge .buy-list li:nth-child(3) .img::before{background-position:-220px -166px;background-size:450px 400px}
	.cybermoney-charge .buy-list li:nth-child(4) .img::before{background-position:-330px -166px;background-size:450px 400px}
	.cybermoney-charge .buy-list li:nth-child(5) .img::before{background-position:0 -276px;background-size:450px 400px}
	.cybermoney-charge .buy-list li:nth-child(6) .img::before{background-position:0 -166px;background-size:450px 400px}

	/* 서비스 변경/해지 */
	.service-change .today{position:static;display:block;padding-bottom:15px}
	.service-change .ing-service dl{padding:15px 15px 16px}
	.service-change .ing-service dl dd.button-area{position:static;margin-top:0;text-align:center;padding-top:15px}
	.service-change .ing-service dl dd.button-area .btn-s{width:32%}
	.service-change .guide-text03 .name-check{display:block;margin:0} 
	/* 사이버머니 사용내역 / 서비스 결제내역*/
	.usage-history{padding-bottom:15px;border-bottom:#eff3f6 10px solid;margin-bottom:15px}
	.usage-history .user-balance{border:none;margin-bottom:15px}
	.usage-history .user-balance .balance{display:block;width:100%;padding:5px 0 30px}
	.usage-history .user-balance .balance mark{position:static;text-align:center;display:block;margin-top:0}
	.usage-history .user-balance > ul{display:table;width:100%;border-left:none;border-bottom:#eaeaea 1px solid;padding:0}
	.usage-history .user-balance > ul li{border-right:#eaeaea 1px solid;width:33.33%;display:table-cell;text-align:center;padding:10px 0}
	.usage-history .user-balance > ul li:last-child{border-right:none}
	.usage-history .user-balance > ul li span{position:static;display:block}
	.usage-history .dot-list02{margin:0 15px}
	.balance-h2{height:auto;padding-bottom:5px}
	.balance-h2 .select-style{display:block;margin-bottom:8px}
	.balance-h2 .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.balance-h2 .extension{display:block;width:100%;margin-bottom:20px}
	.balance-h2 .extension .btn-t{display:block;width:100%}
	.balance-h2 p{position:relative;top:0}
	.balance-h2 p mark{display:none}
	.balance-h2 p i{display:block;width:100%;text-align:center;height:36px;line-height:36px}
	.balance-h2 p span.start{width:49%;position:absolute;top:0;left:0;max-width:48%}
	.balance-h2 p span.end{width:49%;position:absolute;top:0;right:0;max-width:48%}
	.balance-h2 p span.submit-button{display:block;width:100%;padding-top:8px}
	.balance-h2 p span.submit-button .btn-s{padding:10px 10px;width:100%}
	.balance-guide{margin-top:10px}
	.balance-guide li{text-indent:0px;padding-left:6px}
	.payment-guide{margin-top:10px}
}  

/* 이벤트 */
.ex-pc{display:block;max-width:100% !important;margin:0 auto !important}
.ex-mob{display:none}
.ex-pc img,.ex-mob img{display:block;max-width:100%;margin:0 auto !important}
.ex-btn{padding:20px 0 40px}
.ex-btn .btn-b{width:220px;margin-left:20px}
.ex-btn .btn-b:first-child{margin-left:0}
.ex-btn .red span{display:inline;float:none;color:#ffff00}
.ex-box .ex-title{margin:30px 0 15px;font-size:20px;color:#000;font-weight:normal;line-height:20px}
.ex-box .ex-content{padding:14px 16px;border:1px solid #eaeaea}
.ex-box .ex-content ul li{font-size:14px;color:#000;line-height:20px;padding:2px 0}
.ex-box .ex-content ul li ul{padding-bottom:3px}
.ex-box .ex-content ul li ul li{font-size:13px;color:#888;line-height:22px;padding-left:15px}
.ex-box .ex-content dl dt{margin:7px 0 4px;font-size:14px;color:#000;line-height:18px;padding:1px 0}
.ex-box .ex-content dl dt:first-child{margin-top:0}
.ex-box .ex-content dl dd{font-size:13px;color:#888;line-height:18px;padding:1px 0}
.ex-box .ex-content dl.small dt{font-size:13px}
.ex-box .ex-content dl.small dd{line-height:19px}
.ex-box.border-top{border-top:1px solid #eaeaea;margin-top:30px}
.ex-box.border-top.first{margin-top:0}
.ph a{color:inherit}
.ex-calendar td{vertical-align:middle}

/* add*/
.ex-pc, .ex-mob{padding:0 !important}
.ex-box .curriculum{line-height:1.6}
.ex-box .curriculum dl{border:#eaeaea 1px solid;display:table;width:100%;table-layout:fixed;margin-bottom:10px}
.ex-box .curriculum dl:last-child{margin-bottom:0}
.ex-box .curriculum dl dt{display:table-cell;width:99px;vertical-align:middle;background-color:#f9f9f9;color:#1aaaaa;text-align:center;border-right:#eaeaea 1px solid;font-size:16px}
.ex-box .curriculum dl dd{display:table;width:100%;vertical-align:middle;padding:10px 20px}
.ex-box .curriculum dl dd div.left{width:40%;display:table-cell;vertical-align:middle;border-right:#eaeaea 1px solid} 
.ex-box .curriculum dl dd div.right{width:60%;display:table-cell;vertical-align:middle;padding:5px 0 5px 20px}
.ex-box .curriculum dl dd div.right ul{padding-top:5px}
.ex-box .curriculum dl dd div.right li{font-size:13px;color:#888}
.ex-box .curriculum dl dd div.date{width:30%;padding-right:10px;display:table-cell;text-align:center;vertical-align:middle;border-right:#eaeaea 1px solid}
.ex-box .category{padding:10px 0 5px}

@media screen and (max-width :979px){
	.ex-pc{display:none !important}
	.ex-mob{display:block;width:100% !important;margin:0 auto !important}
	.ex-btn{padding:15px 0 30px}
	.ex-btn .btn-b{width:48%;margin-left:4%;padding:15px 0}
	.ex-btn .btn-b:first-child{margin-left:0}
	.ex-box .ex-content.img-box{padding:0}
	.ex-box .ex-content ul li ul li{padding-left:0}
		
	/* add*/
	.ex-box .curriculum dl{display:block}
	.ex-box .curriculum dl dt{display:block;width:100%;text-align:center;border-right:none;border-bottom:#eaeaea 1px solid;line-height:43px}
	.ex-box .curriculum dl dd{display:block;padding:0 15px}
	.ex-box .curriculum dl dd div.left{display:block;width:100%;border-right:none;border-bottom:#eaeaea 1px solid;padding:15px 0;text-align:center}
	.ex-box .curriculum dl dd div.right{display:block;width:100%;padding:15px 0}
	.ex-box .curriculum dl dd div.date{display:block;width:100%;border-right:none;border-bottom: #eaeaea 1px solid;padding:15px 0;text-align:center}
}

/* 스탁론 홍보영역 추가 */
.stock-ad{position:absolute;top:-10px;right:0;color:#cdcccb}
.stock-ad a{font-size:13px;color:#000}
.stock-ad a:hover{text-decoration:underline}
@media only screen and (max-width:979px){
	.stock-ad{position:static;padding:0 15px 15px}
}

@media only screen and (max-width:1160px){
	.containerNew.main .side-area.pan > div.ranking .ranking-button{top:92px}
	div.side-area >div.jHomeSideAd{width:33.7%}
}

/* 종목트레이딩 */
.pdi-robo .tit-h1{padding:20px 20px 0;margin-bottom:20px}
.main-board-card-02.type2{border-top:10px solid #eff3f6}
.main-board-card-02.type2 .board-card{padding:15px 20px 10px}
.main-board-card-02.type2 .board-card .card-list{margin-top:0}
.main-board-card-02.type2 .card-list li:nth-child(3n){margin-right:0}
.main-board-card-02.type2 .card-list li .text{min-height:auto;padding:17px 20px 80px}
.main-board-card-02.type2 .card-list li .text-title{padding:17px 20px 7px;background:#f9f9f9}
.main-board-card-02.type2 .card-list li p.button-box a{width:auto !important;padding:6px 15px}
.main-board-card-02.type2 .card-list li dt{padding-bottom:2px}
.main-board-card-02.type2 .card-list li dd.count{padding-bottom:2px;color:#888}
/* .main-board-card-02.type2 .card-list li dd.count .array{display:inline-block;width:76px}*/
.type2 .card-list li .img>a{background:#3e4a58}
.type2 .card-list li .img img{width:100%;height:auto;padding:0}
.type2 .card-list li .img .m-type img{max-width:290px}
.robo-swipe img{display:block;width:100%}
.robo-swipe .bn-mo{display:none}
.robo-swipe .all-bullet{position:absolute;bottom:12px;display:block;width:100%;text-align:center;z-index:3}
.robo-swipe .all-bullet span{display:inline-block; width:10px; height:10px; margin:0 4px !important; background-color:#ccc; border-radius:50%; overflow:hidden; text-indent:-9999em}
.robo-swipe .all-bullet span.swiper-pagination-bullet-active{background:#ffc03d}
.robo-detail .tab-area{margin-top:0}
.robo-detail .join-check-wrap{margin-bottom:10px}
.report-view .report-view-cont .span_article_content p{font-size:14px}
.report-view .report-view-cont .span_article_content p .link-btn{font-size:14px}
.robo-info{padding:30px 0 0;border-top:1px solid #eaeaea}
.robo-info img{display:block;max-width:100%;margin:0 auto 30px}
.robo-info p{font-size:16px}
.cont-wrap{padding:20px 30px 40px}
.robo-detail .d2title{margin-bottom:20px}
.robo-detail .form-table.th-block .total th,.robo-my .form-table.th-block .total th{white-space:nowrap}
.robo-detail .form-table.th-block .total th .color-gray,.robo-my .form-table.th-block .total th .color-gray{font-size:13px;color:#888;font-weight:normal}
.robo-detail .cafe-join-info{border:#eaeaea 1px solid;margin-bottom:20px}
.robo-detail .cafe-join-info .phone{display:block;padding:25px 0;text-align:center;overflow:hidden}
.robo-detail .cafe-join-info .phone strong{font-weight:normal;display:inline-block;line-height:25px;font-size:16px;padding-left:30px;padding-right:10px;background-image:url("/rpan/cafe/common/images/join_success_icon.png");background-position:0 0;background-size:25px 65px;background-repeat:no-repeat}
.robo-detail .cafe-join-info .phone span{display:inline;color:#ff545b}
.robo-detail .cafe-join-info .text{padding:15px;background-color:#f9f9f9;line-height:1.6;position:relative;color:#888;text-align:left}
.robo-detail .cafe-join-info .text mark{color:#888;display:block}
.robo-detail .cafe-join-info .text i{color:#888}
.robo-detail .cafe-join-info .text span{position:absolute;top:50%;right:20px;margin-top:-14px}
.robo-detail .cafe-join-info .text span button{color:#000}

/* 리스트 */
.robo-detail .check-list{margin:24px 30px 0; padding-bottom:22px} 
.robo-detail .check-list.line{border-bottom:1px solid #eaeaea}
.robo-detail .check-list p{margin-bottom:5px;font-size:20px}
.robo-detail .check-list li{background:url("/rpan/common/images/ico_sub.png") no-repeat -3px -3px;padding-left:18px;margin-bottom:10px;line-height:14px}
.robo-detail .check-list li .color-gray{display:inline-block;padding-top:6px;color:#888}
.board-list li.ntc span.noti{background:url("/rpan/imgs/ra-center/icon-notice.png") no-repeat 0 0}

/* 소개 */
.robo-detail .banner-wrap{height:220px;margin:0 0 40px;color:#fff;text-align:center;background:url(/rpan/imgs/diagnosis/bg_visual.png)}
.robo-detail .banner-wrap .bg-text{display:inline-block;margin-top:46px;padding:0 5px;background:rgba(55,65,157,0.5)}
.robo-detail .banner-wrap .main-text{font-size:42px;line-height:70px}
.robo-detail .banner-wrap .sub-text{margin-top:12px;font-size:16px;line-height:24px}
.robo-detail .pex-info-area h2.tit-h2{margin-top:-4px;padding-bottom:4px}
.robo-detail .pex-info-area h2.tit-h2+p.bt-p{padding-left:37px}
.robo-detail [class*="professional-info"] .image-area{margin-top:40px;text-align:center}
.robo-detail [class*="professional-info"] .image-area img{max-width:100%;margin:0 auto}
.robo-detail [class*="professional-info"] .img1 img{width:648px}
.robo-detail [class*="professional-info"] .img2 img{width:482px}
.robo-detail [class*="professional-info"] .img3 img{width:640px}
.robo-detail [class*="professional-info"] .img4 img{width:640px}
.robo-detail [class*="professional-info"] .img5 img{width:633px}
.mm-type{display:none}

/* 가입하기 */
.trading-desc{margin:13px 0 26px}
.form-table .period p{margin-top:5px}
.form-table .period p:first-child{margin-top:0}
.form-table .period .before{margin-right:5px;padding-right:20px;color:#888;text-decoration:line-through;background:url("/rpan/cafe/common/images/join_period_arrow.png") no-repeat 100% 50%}
.form-table .period .after{color:#ff545b}
.form-table .dot-list02{margin-top:5px}
.cafe-join-success.pax-trading .message-st-join-success{padding:60px 0 36px}
.cafe-join-success.pax-trading .big-text::after{top:25px;background:url("/rpan/imgs/ra-center/icon-join.png") no-repeat 0 0}
.cafe-join-success.pax-trading .big-text + p{color:#666}
.mob-w100{padding-top:0}
.mob-w100 .btn-b{width:auto}
.mob-w100 .btn-b{margin-left:8px}
.mob-w100 .btn-b:first-child{margin-left:0}
.message-st-06+.mob-w100 .btn-b{width:170px;text-align: center;padding:5px 0}
.cafe-join-success.pax-trading+.guide-text03{margin-top:20px}
span.icon-sec{display:inline-block;float:none;width:93px;height:32px;background:url(/rpan/imgs/diagnosis/security.png?v=20180907) no-repeat;background-size:93px 65px;text-indent:-9999em}
.icon-sec.kiwoom{background-position:0 0}
.icon-sec.ebest{background-position:0 -33px}

/* 포트폴리오 */
.select-wrap{padding:0 0 15px;text-align:right}
.select-wrap .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){min-width:150px}
.visual{overflow:hidden;position:relative;height:240px;background:url(/rpan/imgs/diagnosis/bg_visual2.png) #061023 no-repeat center}
.visual .tit-h1{margin:20px 0 0 30px;color:#fff}
.visual .port-wrap{color:#fff;text-align:center}
.visual .port-wrap dt{overflow:hidden;max-width:70%;margin:53px auto 0;font-size:24px;white-space:nowrap;text-overflow:ellipsis}
.visual .port-wrap dt:after{content:'';display:block;width:25px;height:1px;margin:19px auto 0;background:#8a94ac}
.visual .port-wrap dd{overflow:hidden;height:48px;margin:16px 0 0;font-size:16px;line-height:24px}
.visual .port-info{position:absolute;bottom:0;width:100%;height:50px;text-align:center;background:url(/rpan/imgs/ra-center/bg-transparent-80.png) repeat}
.visual .port-info dt,.visual .port-info dd{display:inline-block;color:#fff}
.visual .port-info dt{margin:10px 5px 0 0;padding:7px 10px;border:1px solid #273b53;font-weight:bold;line-height:14px}
.visual .port-info dd{margin-right:80px;font-size:13px}
.visual .port-info dd:last-child{margin-right:0}
.visual .port-info dd .color-red{font-size:18px;font-weight:bold}
.robo-detail .visual+.tit-h2{padding-top:30px}
.latest{float:left;width:66%;margin-right:1%}
.p-box{margin-bottom:0;padding:14px 20px;border:1px solid #eaeaea;background:#f9f9f9}
.latest .ra-list{padding-top:0}
.latest .ra-list li{width:50%;margin:0;padding:12px 20px 13px;border-top:0;border-right:0}
.latest .ra-list li:last-child{border-right:1px solid #eaeaea}
.latest .ra-list .name{margin-bottom:9px;padding:0;font-size:18px;font-weight:normal;text-align:left}
.latest .ra-list .name .color-gray{font-size:14px;color:#888}
.latest .ra-list li .quad .dt,.latest .ra-list li .quad .dd{display:inline-block}
.latest .ra-list li .quad .dt{padding-right:4px;font-size:13px;color:#888;line-height:24px}
.latest .no-write,.invalert .no-write{height:160px;margin-bottom:15px;padding:50px 0;border:1px solid #eaeaea;border-top:0}
.invalert{float:left;width:33%}
.invalert .tit-h2 a{color:#000}
.invalert .tit-h2 a:after{content:'';display:inline-block;width:7px;height:14px;margin:0 0 0 6px;background:url("/rpan/common/images/bl_main_arrow.png") no-repeat 0 2px;background-size:7px 12px}
.invalert .comm-list{height:160px;padding:10px 18px 5px;border:1px solid #eaeaea;border-top:0}
.invalert .comm-list li{margin-bottom:5px;border:0}
.invalert .comm-list li a{display:block;width:100%;color:#000}
.invalert .comm-list li .date{position:relative;width:45px;text-align:left}
.invalert .comm-list li .date:after{display:block;position:absolute;top:5px;right:0;width:1px;height:13px;content:'';background:#eaeaea}
.invalert .comm-list li .title{width:calc(100% - 50px);padding:0 0 0 5px}
.invalert .comm-list li .title a{max-width:100%}
.graph-wrap{clear:both;overflow:hidden;margin-bottom:40px;padding-bottom:20px;border-bottom:1px solid #eaeaea}
.graph-wrap>div{float:left;width:100%}
.graph-wrap>div:last-child{margin-right:0}
.tit-h2 .color-gray{float:right;position:relative;bottom:-4px;font-size:13px;font-weight:normal;color:#888;vertical-align:baseline}
.profit{margin:-2px 0 10px;font-size:16px;font-weight:bold;text-align:center}
.sub-visual{height:140px;margin-top:10px;padding:38px 30px;box-sizing:border-box;background:url(/rpan/imgs/ra-center/bg-visual2.png) #9799a1 no-repeat center}
.sub-visual .tit-h2{color:#fff}
.sub-visual p{font-size:24px;color:#fff;letter-spacing:-1px}
.robo-detail .check-list + .guide-text03{margin-top:12px}

/* 투자알림내역 팝업 */
.board-list li .date-cell{width:38%;text-align:left}
.board-list li .title-cell{width:62%}
.board-list li .title-cell a{max-width:none;width:100%}
.board-list li .title-cell p{line-height:18px}
.trading-layer .paging{padding-bottom:5px}
.trading-layer .pop-cont [class*="message-st"]{margin:37px 0 0}
.trading-layer .pop-cont .bt-area{padding:15px 0  0}
.alert{width:398px;height:362px;margin:-4px auto -5px;padding:87px 23px 0;box-sizing:border-box;background:url(/rpan/imgs/ra-center/pop-mobile.png) no-repeat center}
.alert .date{padding-left:20px;color:#888;line-height:14px}
.alert .alert-con{overflow-y:auto;height:240px;margin-top:18px;padding-left:20px;font-size:16px;line-height:27px}

/* 마이페이지 */
.robo-my{padding-bottom:30px}
.robo-my .bt-area{padding:30px 0 10px}
.robo-my .bt-area .btn-b{width:153px}
.robo-my .guide-text03{margin-top:40px}
.robo-my .guide-text03.white-box{margin-top:0;background:#fff}
.robo-my .guide-text03 .dot-list02{margin-left:0}
.robo-my .sms-receive{padding-top:0;border-top:0}
.robo-my .specialist-list li .cont{padding-left:30px}

@media only screen and (max-width:979px){
	.robo-sub .cont-area{padding:0 0 170px}
	.robo-sub .radio-wrap{overflow:hidden;height:auto;margin:0;padding:20px 15px 15px;border-top:1px solid #eaeaea}
	.main-board-card-02.type2 .sub-main-tit{border-bottom:0}
	.main-board-card-02.type2 .board-card{padding:0}
	.main-board-card-02.type2 .card-list li{width:100%;margin:0 0 10px}
	.robo-swipe .bn-mo{display:block}
	.robo-swipe .bn-pc{display:none}
	.pdi-section-box{display:block}
	.pdi-robo-board{display:block;width:100%;height:auto}
	.pdi-robo-board{border:0}
	.pdi-robo-board:nth-child(2){border-top:10px solid #eff3f6;border-left:0}
	.pdi-robo-board .list{padding:15px;height:auto}
	.pdi-robo-board .list li{padding:15px 0;border-top:1px solid #f9f9f9}
	.pdi-robo-board .list li:first-child{padding-top:0;border-top:0}
	.pdi-robo-board .list li a{display:block}
	.cont-wrap{padding:0}
	.robo-detail .d2title{margin-bottom:15px;padding:0 0 0 15px}	
	.robo-detail .form-table label{width:100%;margin:10px 0}
	.robo-detail .form-table .radio-sms label{width:auto;margin:0;padding-right:10px}
	.robo-detail .join-check-wrap{margin:10px 15px 0}
	.robo-detail .join-check-wrap + .bt-area{margin:20px 0 38px}
	.robo-detail .step-area-04 +.bt-area span{float:none;margin-top:20px;text-align:center}
	.robo-detail .total td{border-bottom:1px solid #eaeaea}
	.robo-detail .guide-text03{margin:15px}
	.robo-detail .step-area-04{padding:0 15px 0}
	.robo-detail .join-check-wrap .link-btn{margin-left:0}
	.robo-detail .tab-st01-03{padding:0 15px}
	.robo-detail .tab-st01-03 li{width:33.3%}
	.robo-info{padding:20px 15px 25px}
	.robo-detail .cafe-join-info .phone strong{font-size:14px;width:65px;padding-right:0;box-sizing:content-box}
	.robo-detail .cafe-join-info .phone span{font-size:14px}
	.robo-detail .cafe-join-info .text{text-align:center;overflow:hidden}
	.robo-detail .cafe-join-info .text i{display:block}
	.robo-detail .cafe-join-info .text span{position:static;display:block;margin-top:10px}
	
	/* 리스트 */
	.ra-list.type2 li{width:100%;height:auto;padding:20px 0 0;border:1px solid #eaeaea;margin-bottom:10px}
	
	/* 소개 */
	.robo-detail .pex-info-area{text-align:center}
	.robo-detail .banner-wrap{height:auto;margin:-20px 0 40px;padding:0 0 50px;background:url(/rpan/imgs/diagnosis/bg_visual_m.png) no-repeat center;background-size:cover}
	.robo-detail .banner-wrap .bg-text{margin-top:50px;font-size:16px}
	.robo-detail .banner-wrap .main-text{margin-top:12px;padding:0 10px;font-size:29px;line-height:36px}
	.robo-detail .banner-wrap .sub-text{margin-top:12px;padding:0 10px;line-height:28px}
	.robo-detail .professional-info01{padding-bottom:40px}
	.robo-detail .professional-info01 .image-area{margin:25px 0 0}
	.robo-detail [class*="professional-info"] .image-area img{width:290px}
	.robo-detail .pex-info-area h2.tit-h2+p.bt-p{padding-left:0}
	
	/* 가입하기 */
	.trading-desc{margin:0;padding:15px;border-top:10px solid #eff3f6}
	.form-table .period label{margin:0}
	.form-table .period .price{display:block;margin-top:5px}
	.form-table .data-input [class*="input-style"]{display:inline-block;width:120px}
	.form-table .data-input [class*="input-style"] label{margin:0}
	.bt-area.pair-btn{margin:0 auto 40px}
	.bt-area.pair-btn>a,.bt-area.pair-btn>span{width:49%}
	.bt-area.pair-btn>span a{width:100%}
	.cafe-join-success.pax-trading .message-st-join-success{padding:5px 0 20px}
	.bt-area.mob-w100 .btn-b{width:100%;margin:0}
	.bt-area.mob-w100 .btn-b:first-child{margin:0 0 10px}
	.cafe-join-success.pax-trading+.guide-text03{margin-top:0}
	.mob-w100{padding:0 0 35px}
	.robo-detail .mob-w100{padding:0 15px 35px}
	.message-st-06+.mob-w100 .btn-b{padding:9px 0}
	
	/* 포트폴리오 */
	.ra-cont-padding{padding:15px;background:#fff}
	.select-wrap{margin-top:-5px;padding:0 15px 15px}
	.select-wrap .select-style, .select-wrap .select-style .btn-group{display:block;width:100%}
	.visual{overflow:hidden;position:relative;height:300px;background:url("/rpan/imgs/diagnosis/bg_visual2_m.png");background-size:cover}
	.visual .port-wrap{color:#fff;text-align:center}
	.visual .port-wrap dt{overflow:hidden;max-width:70%;margin:42px auto 0;font-size:20px;white-space:nowrap;text-overflow:ellipsis}
	.visual .port-wrap dt:after{content:'';display:block;width:25px;height:1px;margin:19px auto 0;background:#8a94ac}
	.visual .port-wrap dd{overflow:hidden;height:48px;margin:12px 15px 0;font-size:14px;line-height:24px}
	.visual .port-info{position:absolute;bottom:0;width:100%;height:auto;padding-bottom:19px;text-align:center;background:url(/rpan/imgs/ra-center/bg-transparent-80.png) repeat}
	.visual .port-info dt,.visual .port-info dd{float:left;color:#fff}
	.visual .port-info dt{clear:both;width:92px;margin:10px 10px 0 15px;padding:7px 10px;border:1px solid #273b53;font-weight:bold;line-height:14px}
	.visual .port-info dd{margin:10px 0 0 0;line-height:30px}
	.visual .port-info dd:last-child{margin-right:0}
	.visual .port-info dd .color-red{font-size:16px}
	.latest{width:100%;margin:0;border-top:10px solid #eff3f6}
	.latest .ra-list li .quad .dt, .latest .ra-list li .quad .dd{display:block}
	.latest .ra-list li .name{margin:0;text-align:center;font-size:16px;font-weight:bold}
	.latest .ra-list li .quad::after{display:block;content:'';position:absolute;left:50%;width:1px;height:82%;background:#eaeaea}
	.latest .no-write, .invalert .no-write{border:0}
	.p-box{padding:0;padding-bottom:15px;border:none;background:none}
	.invalert{width:100%;border-top:10px solid #eff3f6}
	.invalert .tit-h2{padding:15px 15px 5px}
	.invalert .comm-list{height:auto;border:0;border-top:1px solid #eaeaea;padding:0}
	.invalert .comm-list li{border-bottom:1px solid #eaeaea;margin:0}
	.invalert .comm-list li .date{width:auto}
	.invalert .comm-list li .date:after{display:none}
	.invalert .comm-list li .title{width:100%;padding:0}
	.invalert .comm-list li .title a{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
	.graph-wrap{padding:20px 0 10px;border-top:10px solid #eff3f6;margin:0;text-align:center;border-bottom:0}
	.graph-wrap>div{width:100%;margin:0 0 20px}
	/*.comm-list{border-top:1px solid #eaeaea;margin-top:10px}
	.comm-list li{display:block;position:relative;padding:12px 15px 10px}
	.comm-list li > div.viewer,.comm-list li > div.date{width:auto;display:inline-block;padding:0;line-height:22px;vertical-align:top}
	.comm-list li > div.viewer{background:url("/rpan/common/images/bg_line.png") no-repeat right 50%;padding-right:10px;margin-right:3px}
	.comm-list li > div.title p a{height:auto;overflow:auto;white-space:normal}*/
	.popup-wrap .pop-tit{background-image:none}
	.alert{width:290px;height:263px;margin:12px auto 0;padding:66px 0 0;box-sizing:border-box;background:url(/rpan/imgs/ra-center/pop-mobile.png) no-repeat center;background-size:cover}
	.alert .date{color:#888;line-height:14px;padding:0 32px}
	.alert .alert-con{overflow-y:auto;height:178px;margin:5px 15px 0 0;padding:0 32px 10px;font-size:14px;line-height:20px}
	.popup-wrap .cla-close{background:url(/rpan/imgs/ra-center/btn-close.png) no-repeat 15px 16px}
	.pop-layer .popup-wrap:after{display:none}
	.pop-layer .popup-wrap .pop-btn{padding:15px 0 0}
	.signal{position:relative;border-top:10px solid #eff3f6}
	.signal .tab-area{margin-top:0;background:none}
	.signal .tab-area ul{margin:0}
	.signal .tab-area li.selected a{color:#ff545b}
	.signal .tab-blue:after{border-color:#1ea3fe}
	.signal .tab-blue li.selected a{border-color:#1ea3fe;border-bottom-color:#fff;color:#1ea3fe}
	.signal .float-r{font-size:13px;font-weight:normal;padding:20px 0 15px}
	.signal .view-more{position:absolute;left:0;bottom:0;width:100%}
	.guide{display:table;width:100%;height:100px;background:url(/rpan/imgs/ra-center/bg-visual2.png) no-repeat center;background-size:cover}
	.guide p{display:table-cell;padding:0 10px;color:#fff;text-align:center;vertical-align:middle}
	.robo-detail .check-list{margin:0;padding:15px 15px}
	.robo-detail .check-list p{font-size:16px;font-weight:bold}
	.robo-detail .check-list li{margin-bottom:4px;padding-left:18px;line-height:24px;background:url("/rpan/imgs/ra-center/icon-check-m.png") no-repeat 0 6px;background-size:13px 12px}
	.robo-detail .check-list li .color-gray{padding-top:0}
	.robo-detail .check-list+.guide-text03{margin:0 15px 30px}
	.profit{font-size:20px;margin:-15px 0 25px}
	.sub-visual{height:160px;border-top:10px solid #eff3f6;text-align:center;background-size:cover;background-position:center}
	.sub-visual .tit-h2{margin-bottom:22px}
	.sub-visual p{font-size:20px;line-height:24px}
	.robo-detail .check-list + .guide-text03{margin-top:0}
 	
	/* 투자알림내역 팝업 */
	.trading-layer .popup-wrap .pop-cont{padding:58px 15px 50px}
	.trading-layer .board-list{border:0}
	.trading-layer .board-list li{padding:12px 0 5px}
	
	/* 마이페이지 */
	.robo-my{padding-bottom:100px}
	.robo-my .table-h2{padding-left:15px}
	.robo-my .bt-area{padding-top:20px}
	.robo-my .specialist-list li .cont{padding:7px 15px 0}
}

@media only screen and (max-width:480px){
	.robo-detail .professional-info01 .image-area{width:calc(100% + 30px);margin:25px 0 0 -15px}
	.robo-detail [class*="professional-info"] .image-area img.p-type{display:none}
	.robo-detail [class*="professional-info"] .image-area img.m-type{display:block}
	.robo-detail [class*="professional-info"] .image-area.img5{margin-top:30px}
	.robo-detail [class*="professional-info"] .image-area.img5 img{margin-bottom:20px}
	.robo-detail [class*="professional-info"] .image-area.img5 img:last-child{margin-bottom:0}
	.mm-type{display:block}
}

/********** 가상화폐 메인 :테스트용으로 180511 추가 **********/
/* 메인 비주얼 */
.main-top-visual{padding:0 20px 10px; background:url("/rpan/imgs/virtual/virtual_main_visual.png") no-repeat 50% 0; background-size:cover}
.main-top-visual .tit-h2{margin:0 -20px; padding:20px; color:#fff; border-bottom:1px solid rgba(255 , 255 , 255 , 0.1)}
.main-top-visual .inner-area{margin-top:50px;background:#fff}
.main-top-visual .tab-st01-13{margin-bottom:15px}
.main-top-visual .txt{padding:8px 20px 0 0;font-size:12px;text-align:right;color:#fff;font-weight:400}
.main-top-visual .toggle_wrap.virtual{margin-bottom:0 !important}
/* news- 공통 */
.main-news a{color:#000}
.main-headline-news a{display:table;width:100%;table-layout:fixed}
.main-headline-news .img-wrap{display:table-cell;vertical-align:middle}
.main-headline-news .img-wrap .img{border:1px solid #eaeaea}
.main-headline-news .img img{display:block;max-width:100%;height:74px;margin:0 auto}
.main-headline-news .cont{display:table-cell;vertical-align:middle}
.main-headline-news .tit{font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main-headline-news .tit span{color:#a7753a}
.main-headline-news .txt{max-height:40px;line-height:25px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main-headline-news .nick-badge{margin-top:5px}
.main-headline-news .nick-badge img{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:4px;border-radius:50%;margin-bottom:2px;overflow:hidden}
.main-headline-news .nick-badge a{display:inline-block;width:auto;color:#888;font-size:13px}
.main-news-area{border-top:1px solid #f9f9f9;overflow:hidden}
.main-news-area .news-list a{display:inline-block;width:auto;max-width:85%;line-height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top}
/*main-news-wrap*/
.main-news-wrap{border-top:#eff3f6 10px solid}
.main-news-wrap .main-news{padding:15px 20px}
.main-news-wrap .main-headline-news .img-wrap{width:185px;padding-right:20px}
.main-news-wrap .main-headline-news .img-wrap .img{height:109px;overflow:hidden}
.main-news-wrap .main-headline-news .img-wrap .img img{height:100%}
.main-news-wrap .main-headline-news .tit{font-size:20px}
.main-news-wrap .main-news-area{margin-top:15px}
.main-news-wrap .main-news-area .news-list{ padding:0 0 13px 0;overflow:hidden}
.main-news-area .news-list li{ position:relative;float:left;width:50%}
.main-news-area .news-list li:nth-child(odd){border-right:1px solid #f9f9f9;padding-right:20px}
.main-news-area .news-list li:nth-child(even){padding-left:20px}
.main-news-area .news-list li:nth-child(1), 
.main-news-area .news-list li:nth-child(2){padding-top:7px}
.main-news-wrap span.comment{ display:inline-block;color:#ff545b;line-height:28px;word-break:break-all;letter-spacing:-1px}
.main-news-wrap span.comment i {display:inline-block;width:20px;height:20px;margin-right:1px;text-indent:-9999px;background:url("/rpan/common/images/ico_board.png") no-repeat 0 -122px;overflow:hidden;vertical-align:middle}
/* 인기글 & 공지이벤트 */
.main-float-wrap{border-top:10px solid #eff3f6;display:table;width:100.1%;table-layout:fixed}
.main-float-wrap .popular-box{display:table-cell}
.main-float-wrap .notice-box{display:table-cell;width:310px;border-left:10px solid #eff3f6}
.main-float-wrap .main-news{padding:15px 20px}
.main-float-wrap .main-news .tit{font-size:20px;}
.main-float-wrap .notice-box ul.notice-list{padding:7px 20px 13px; line-height:28px;}
.main-float-wrap .notice-box ul.notice-list a{display:inline-block; max-width:100%; text-overflow:ellipsis; white-space:nowrap; color:#000; overflow:hidden; vertical-align:top;}
/* 암호화폐 Best 전문가*/
.main-board-card.virtual-main{border-top:10px solid #eff3f6}
.main-board-card.virtual-main .board-card .card-list.swiper-wrapper{display: block;}
.main-board-card.virtual-main .board-card .card-list > li:nth-child(3n){margin-right:0}
.main-board-card.virtual-main .card-list li div.text dd{overflow: hidden;height:40px}
.card-list.vertual-list li div.text dd{overflow: hidden;height:40px}
/* 토론실 */
.board-list-area{border-top:#eff3f6 10px solid}
.board-list-area ul{clear:both;padding:15px 20px 2px}
.board-list-area ul:after{content:"";display:block;clear:both}
.board-list-area li{float:left;width:50%;margin-bottom:18px} 
.board-list-area li:nth-child(odd){padding-right:20px}
.board-list-area li:nth-child(even){padding-left:20px}
.board-list-area .vir-name{position:relative;display:inline-block;margin-bottom:15px;padding-right:18px;color:#af814d;font-size:14px;font-weight:bold}
.board-list-area .vir-name:after{content:"";position:absolute;right:0;top:50%;margin-top:-6px;width:14px;height:14px;background:url(/rpan/common/images/ico_view.png) no-repeat 0 -20px;background-size:20px 125px}
.board-list-area .tit{display:block;width:100%;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.board-list-area .nick-badge{display:block;height:22px;line-height:22px;margin-top:13px}
.board-list-area .nick-badge a{display:inline-block;width:auto;color:#888;font-size:13px}
/* 최신게시물 */
.board-list-area.newlist ul{padding-top:0;padding-bottom:0}
.board-list-area.newlist li{/*height:116px;*/padding-top:20px;padding-bottom:18px;margin-bottom:0;border-top:1px solid #f9f9f9}
.board-list-area.newlist li:nth-child(odd){border-right:1px solid #f9f9f9}
.board-list-area.newlist li:nth-child(1),
.board-list-area.newlist li:nth-child(2){border-top:none}
.containerNew.main .av-area-fot{margin:0;border-top:#eff3f6 10px solid}

/********** 공통 **********/
.toggle_wrap.virtual .table-col thead th{font-weight:bold}
.toggle_wrap.virtual .table-col th,.toggle_wrap.virtual .table-col td{padding-left:15px;padding-right:15px}


/********** 서브 **********/
/* 가상화폐 타이틀 */
.titlebox{position:relative}
.titlebox .tit-h1{display:inline-block;margin-bottom:15px}
.vritual-info{display:inline-block;position:relative;font-size:13px;color:#a7753a;margin-left:6px}
.vritual-info:after{content:"";position:absolute;right:-14px;top:50%;width:12px;height:10px;margin-top:-5px;overflow:hidden;background:url("/rpan/common/images/ico_main.png") no-repeat left top}
.titlebox .link-btn.news{position:absolute;right:0;top:5px}
.titlebox .link-btn.news:after{background-position:0 -20px}
/* 시세정보 토글 */
.toggle_wrap.virtual{position:relative;margin-bottom:15px}
.toggle_wrap.virtual.open span{background:none}
.toggle_wrap.virtual .toggle_area .m-only-box{padding-bottom:0}
.toggle_wrap.virtual .toggle{display:block;width:100%;line-height:44px;margin-top:-1px;text-align:center;border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea;background:#f9f9f9}
.toggle_wrap.virtual .toggle span{position:relative;padding-right:20px;font-size:13px;color:#888}
.toggle_wrap.virtual .toggle span:after{content:"";position:absolute;right:0;top:5px;display:block;width:12px;height:7px;background:url(/rpan/common/images/virtual_toggle_arrow.png) no-repeat 0  -100px}
.toggle_wrap.virtual.open .toggle span.on:after{content:"";position:absolute;right:0;top:5px;display:block;width:12px;height:7px;background:url(/rpan/common/images/virtual_toggle_arrow.png) no-repeat 0 0}

/* 코인 상세보기 팝업 */
.pop-layer .popup-wrap .pop-cont.virtual{padding:50px 0 0 0}
.virtual-group{position:relative;padding:10px 0 0 0;margin:0;text-align:center;border-bottom:1px solid #eaeaea}
.virtual-group img.s-pc{margin:0 auto}
.virtual-group button{position:absolute;top:50%;display:block;width:30px;height:30px;margin-top:-15px;text-align:center;text-indent:-9999em;background:url("/rpan/common/images/btn_left_right.png") no-repeat}
.virtual-group button.prev-virtual{left:20px;background-position:0 -30px}
.virtual-group button.next-virtual{right:20px;background-position:-30px -30px}
/* 코인상세 */
.virtual .info-box{width:100%;height:460px;padding:0;margin:0;overflow-y:scroll}
.virtual .info-box .top-info{clear:both;padding:20px 15px 8px;background:#f9f9f9}
.virtual .info-box .top-info:after{content:"";display:block;clear:both}
.virtual .info-box .top-info dt{display:block;float:left;width:25%;padding-bottom:12px}
.virtual .info-box .top-info dd{display:block;width:75%;padding-bottom:12px}
.virtual .info-txt{padding:20px 5px 20px 20px;line-height:24px;vertical-align:top}

.board-list-top p.all-select + p.pc-only{margin-top:0;padding-top:3px}


@media only screen and (min-width:1024px) and (max-width:1360px){
.toggle_wrap.virtual .table-col th,.toggle_wrap.virtual .table-col td{padding-left:10px;padding-right:10px}
}



@media only screen and (max-width:979px) {
	.containerNew{padding-bottom:160px}
	.s-pc{display:none}
	.s-mo{display:block}

	/* 메인 비주얼 */
	.main-top-visual{padding-left:0;padding-right:0}
	.main-top-visual .tit-h2{margin:0}
	.main-top-visual .inner-area{margin-top:10px;background:#fff}
	.main-top-visual .tab-area{margin-bottom:0}
	.main-top-visual .txt{padding:14px 15px 4px 0}
	.main-top-visual .toggle_wrap.virtual{margin-top:-1px;z-index:0}
	/* news- 공통 */
	.main-headline-news .tit{max-height:40px;line-height:20px}
	.main-news-area{padding:15px 0 0}
	.main-news-area .news-list a{max-width:83%}
	/*main-news-wrap*/
	.main-news-wrap .main-news{padding:15px 15px 20px}
	.main-news-wrap .main-headline-news .img-wrap{display:block;width:100%;padding-right:0;text-align:center}
	.main-news-wrap .main-headline-news .img-wrap .img {display:inline-block;height:200px; }
	.main-news-wrap .main-headline-news .cont{display:block}
	.main-news-wrap .main-headline-news .tit{margin-top:3px;font-size:16px;font-weight:bold}
	.main-news-wrap .main-news-area .news-list{padding:0;border-left:none}
	.main-news-area .news-list li{ float:none;width:100%}
	.main-news-area .news-list li:nth-child(odd){border-right:none;padding-right:0}
	.main-news-area .news-list li:nth-child(even){padding-left:0}
	.main-news-area .news-list li:nth-child(1), 
	.main-news-area .news-list li:nth-child(2){padding-top:0}
	.main-news-area .news-list li:nth-child(2n){display:none}	
	/* 인기글 & 공지이벤트 */
	.main-float-wrap .main-news .tit{font-size:16px;}
	.main-float-wrap,.main-float-wrap .popular-box,.main-float-wrap .notice-box{display: block;}
	.main-float-wrap .notice-box{width:100%;border-left:none;border-top:10px solid #eff3f6}
	/* 토론실 */
	.board-list-area .vir-name:after{content:"";position:absolute;right:0;top:50%;margin-top:-7px;width:14px;height:14px;background:url(/rpan/common/images/ico_view.png) no-repeat 0 -20px;background-size:20px 125px}
	.board-list-area li{clear:both;width:100%;margin-bottom:18px} 
	.board-list-area li:nth-child(odd){padding-right:0}
	.board-list-area li:nth-child(even){padding-left:0}
	/* 최신게시물 */
	.board-list-area.newlist li{height:108px;padding-top:18px;padding-bottom:14px}
	.board-list-area.newlist li:nth-child(odd){border-right:none}
	.board-list-area.newlist li:nth-child(2){border-top:1px solid #f9f9f9}
	.board-list-area .nick-badge{height:auto}

	/* 가상화폐 타이틀 */
	.titlebox{padding:15px}
	.titlebox .tit-h1{margin-bottom:0}
	.vritual-info{display:inline-block;width:0;text-indent:-9999em}
	.vritual-info:after{margin-top:-7px;width:12px;height:10px;background:url(/rpan/common/images/virtual_toggle_arrow.png) no-repeat 0  -250px;background-size:50px 300px}
	.titlebox .link-btn.news{right:8px;top:19px}
	/* 시세정보 토글 */
	.toggle_wrap.virtual .toggle span:after{content:"";position:absolute;right:-10px;top:4px;display:block;width:24px;height:14px;background:url(/rpan/common/images/virtual_toggle_arrow.png) no-repeat 0  -150px;background-size:50px 300px}
	.toggle_wrap.virtual.open .toggle span.on:after{content:"";position:absolute;right:-10px;top:4px;display:block;width:24px;height:14px;background:url(/rpan/common/images/virtual_toggle_arrow.png) no-repeat 0  -100px;background-size:50px 300px}

	/* 코인 상세보기 팝업 */
	.info-box{height:100%}
	.virtual-group{padding:0}
	.virtual-group img{width:179px;height:50px;margin:0 auto}
	.virtual-group button.prev-virtual{width:20px;background-position:4px -212px;background-size:40px 300px}
	.virtual-group button.next-virtual{width:20px;background-position:-26px -212px;background-size:40px 300px}
	/* 코인상세 */
	.virtual .info-txt{height:300px;padding:20px 15px;margin-bottom:20px;line-height:24px;vertical-align:top}
	
	/* 공통 */
	.toggle_wrap.virtual .table-col th,.toggle_wrap.virtual .table-col td{padding-left:10px;padding-right:10px}
	
	/* 암호화폐 Best 전문가*/
	.virtual-main .board-card{overflow-x:auto}
}