@charset "utf-8";
/************************************************ 
Version:팍스넷 1.0
Date :2019.07.16
Editor:jy.Kim
*************************************************/   
/* fullsize-banner */
.contents_fullsize{position:relative;margin-right:240px;z-index:1;text-align:center;padding-bottom:200px}
.contents_fullsize .fullsize-bg{width:100%}
.contents_fullsize img{max-width:100%}
@media only screen and (min-width:1601px) and (max-width:5000px){
	.contents_fullsize{width:1470px;margin:0 auto;padding-right:210px}
}
@media only screen and (max-width:1599px){
	.contents_fullsize{margin:0 auto;max-width:1265px}  
}
@media only screen and (max-width:979px){
	.contents_fullsize{position:inherit;min-height:initial;padding-bottom:50px}
}
/* ************ reset ************ */
html, body, div, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, img, ins, kbd, q, samp,small, var, i,dl, dt, dd, ol, ul, li,fieldset, form, legend,table, caption, tbody, tfoot, thead, tr, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time,  audio, video{margin:0;padding:0;border:0;vertical-align:baseline;font-size:14px;background:transparent;list-style:none;box-sizing:border-box;word-break:break-all} 
span, em, mark, strong, b, label{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;list-style:none;box-sizing:border-box}
body{line-height:1;-webkit-text-size-adjust:none;background:#eff3f6;color:#000} 
body.member{background:#fff} 
body.open-modal{overflow:hidden} 
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section{display:block}
fieldset, img, abbr, acronym{border:0} 
ol, ul{list-style:none}
table{table-layout:fixed;border-collapse:collapse;border-spacing:0;border:0} 
legend, caption{font-size:0;overflow:hidden;text-indent:-9999999px;height:0;width:0;line-height:0} 
td,th{word-break:break-all;margin:0;padding:0;font-size:14px;box-sizing:border-box}
ins{text-decoration:none}
del{text-decoration:line-through}
sub, sup{margin:0;padding:0}   
em,i{font-style:normal}
a, a:link, a:visited, a:active,a:hover{text-decoration:none} 
input[type="button"], button{margin:0;padding:0;border:0;cursor:pointer;background:none} 
input[type="reset"], input[type="submit"]{line-height:normal;border:0} 
textarea{padding:1%;width:100%;border:1px solid #ccc;color:#4d4d4d;resize:none;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0} 
button:focus{}
/* *** 슬라이드 맨앞/뒤 투명도 조절 *** */
.swiper-button-disabled{opacity:0.3} 
.span_article_content > img{max-width:97%;height:100%;margin:10px}
/* ************ common ************ */ 
.align-r{text-align:right !important}
.align-c{text-align:center !important}
.align-l{text-align:left !important}
.float-l{float:left !important}
.float-r{float:right !important} 
.color-red{color:#ff545b !important}
.color-blue{color:#1ea3fe !important}
.color-black{color:#000 !important} 
.color-mint{color:#1bb6ba !important} 
.color-gold{color:#a7753a !important} 
.color-gray{color:#888 !important}
.clearfix:after{content:"";display:block;clear:both;width:0;height:0}
.ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;-ms-text-overflow:ellipsis;-moz-binding:url(/xe/ellipsis.xml#ellipsis)}
.w100{width:100%;display:block}
.hidden{overflow:hidden;width:0;height:0;line-height:0;margin:0;padding:0;font-size:0;text-indent:-9999px}
.break{display:block}/* pc에서는 줄바꿈,모바일에서는 줄바꿈이 없는경우 */
.break-inverse{display:inline} 
.p-type{display:block}
.m-type{display:none}
.ptNo {padding-top:0 !important;}
/* skipToContent */
#skipToContent a{position:absolute;top:0;left:0;z-index:9999;width:100%;height:1px;margin-top:-1px;display:block;background-color:#3875c1;font-size:14px;font-weight:bold;color:#fff;line-height:1;text-align:center;overflow:hidden}
#skipToContent a:focus,
#skipToContent a:active{margin-top:0;height:auto;padding:10px 0px}  
/* ************ layout ************ */   
.wrap{position:relative;height:100%;} 
/* 헤더영역 */
.header{position:relative;z-index:7;height:160px;background:#fff;border-bottom:1px solid #ccc;box-sizing:border-box}
.main .header:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;border-bottom:2px solid #444}
.header .ico-home,.header .ico-time,.header .ico-search{display:none}
.channel-bar-box{position:relative;width:100%;z-index:4;border-bottom:1px solid #eaeaea;box-sizing:border-box;background:#fff}
.channel-bar{max-width:1260px;margin:0 auto;background:#fff;padding:5px 15px 5px 0;height:30px}  
.channel-bar:after{content:"";display:block;clear:both;width:0;height:0} 
.channel-bar .channel-menu{display:block;float:left}
.channel-bar .channel-menu a{display:block;float:left;font-size:13px;color:#888;padding-left:12px;line-height:18px;margin-left:8px;background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 0 7px}
.channel-bar .channel-menu a:first-child{margin-left:0}
.channel-bar mark{/*display:block;float:left;margin-top:-5px*/}
.channel-bar mark a{display:block}
.channel-bar mark a img{height:20px}
.channel-bar .channel-right,.channel-bar .channel-right-be{float:right} 
.channel-bar .channel-right > span{vertical-align:middle;display:inline-block;line-height:15px}
.channel-bar .channel-right .profile-w{position:relative;float:left} 
.channel-bar .channel-right .profile-w > span > a{color:#000;font-size:13px;display:block;background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 100% -135px;padding-right:20px}  
.channel-bar .channel-right .profile-w > span.selected a{background-position:100% -298px}
.channel-bar .channel-right .profile-w > span img{width:20px;height:20px;vertical-align:middle;margin-right:5px;border-radius:100%} 
.channel-bar .channel-right .profile-w .pro-pop{display:none;position:absolute;right:0;top:24px;z-index:9;width:340px;height:167px;background:#fff;border:1px solid #000}
.channel-bar .channel-right .profile-w .pro-pop:after{content:"";position:absolute;left:270px;top:-8px;width:13px;height:10px;background:url("/rpan/common/images/ico_here.png?update=20180329") no-repeat 0 0;background-size:13px 8px}
.channel-bar .channel-right .profile-w .pro-pop p{position:absolute;left:17px;top:20px}
.channel-bar .channel-right .profile-w .pro-pop p > a{position:relative;display:block;width:91px;height:91px;font-size:0;z-index:1;border-radius:100%;overflow:hidden;background:#f9f9f9}  
.channel-bar .channel-right .profile-w .pro-pop p > a img{width:100%}
.channel-bar .channel-right .profile-w .pro-pop p span{position:absolute;bottom:0;left:0;z-index:2;width:34px;height:34px;overflow:hidden}
.channel-bar .channel-right .profile-w .pro-pop p span img{width:100%;height:100%;border-radius:100%}
.channel-bar .channel-right .profile-w .pro-pop dl{margin-left:117px;margin-top:20px}
.channel-bar .channel-right .profile-w .pro-pop dl dt button{border:1px solid #ccc;padding:1px 2px 2px;font-size:12px;color:#5e5958;margin-top:-3px;margin-left:6px}
.channel-bar .channel-right .profile-w .pro-pop dl dd:nth-of-type(1) a{display:inline-block;font-size:13px;color:#a7753a;margin-top:7px;border-right:1px solid #ccc;padding-right:7px;margin-right:3px}
.channel-bar .channel-right .profile-w .pro-pop dl dd:nth-of-type(1) a:last-of-type{border-right:none;padding-right:0;margin-right:0;letter-spacing:-1px}
.channel-bar .channel-right .profile-w .pro-pop dl dd ul{margin-top:11px}
.channel-bar .channel-right .profile-w .pro-pop dl dd ul li a{color:#000}
.channel-bar .channel-right .profile-w .pro-pop > div{position:absolute;bottom:0;left:0;right:0;height:40px;background:#f9f9f9;border-top:1px solid #eaeaea}
.channel-bar .channel-right .profile-w .pro-pop > div a:after{content:"";position:absolute;left:0;top:0;bottom:1px;width:1px;background:#eaeaea} 
.channel-bar .channel-right .profile-w .pro-pop > div a{position:relative;display:block;float:left;width:33.3333%;text-align:center;line-height:40px;color:#444}
.channel-bar .channel-right > a{position:relative;display:inline-block;background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 10px -205px;padding:2px 0 2px 28px;height:18px;color:#ff545b;font-size:12px} 
.channel-bar .channel-right > a > span{display:block;position:absolute;right:0;top:0;width:6px;height:6px;background:#fd5258;border-radius:100%;text-indent:-999px;overflow:hidden;box-sizing:content-box}
.channel-bar .channel-right .noti{background-position:10px -205px;margin-left:10px}   
.channel-bar .channel-right .massage{background-position:10px -236px} 
.channel-bar .channel-right .massage > span{right:-2px;top:-1px;border:1px solid #fff} 
.channel-bar .channel-right-be a{display:inline-block;font-size:13px;color:#888;padding-left:20px;margin-top:3px;background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 0 -50px;border-left:1px solid #ccc;margin-left:8px}
.channel-bar .channel-right-be .login{background-position:0 -50px;border:0}
.channel-bar .channel-right-be .member{background-position:15px -75px;padding-left:35px} 
/* 헤더영역:회원정보 */
.logo-nav-search{max-width:1260px;margin:0 auto}
.header.log{position:relative;z-index:7;height:30px;margin-bottom:20px} 
.header.log .channel-bar-box{max-width:1260px;margin:0 auto;border-bottom:none}
.header.log .channel-bar{padding:8px 15px 5px 15px;border-bottom:1px solid #ccc}
.header.log .channel-bar-box .channel-bar > mark{display:inline-block;float:left;margin-top:-3px}
.header.log .channel-bar-box .channel-bar .channel-menu{margin-left:10px}
.header.log > mark{display:none} 
.logo-area{margin:10px 0 0 20px;float:left}
.logo-area a{display:block}
.logo-area a img{width:116px}
.header .nav{margin:61px 0 0 160px}
.header .nav .depth01:after{content:"";display:block;clear:both;width:0;height:0}
.header .nav .depth01 > li{float:left;padding:0 1.3%} /* 가상화폐 : 180222 */
.header .nav .depth01 > li > a{position:relative;display:block;line-height:68px;font-size:16px;font-weight:bold;color:#000;padding-bottom:0}/* 가상화폐 : 180222 */
.header .nav .depth01 > li.selected > a{color:#ff545b} 
.header .nav .depth01 > li > div{display:none;position:absolute;left:0;right:0;top:159px;height:235px;background:#fff;border-top:1px solid #ccc;border-bottom:1px solid #000}
.header .nav .depth01 > li > div .depth-box{position:relative;max-width:1323px;height:233px;margin:0 auto}
.header .nav .depth01 > li > div .depth-tit{position:absolute;left:90px;width:170px;top:0;bottom:0;border-right:1px solid #eaeaea}
.header .nav .depth01 > li > div .depth-tit p{position:relative;margin-top:40px;padding-top:82px;font-size:28px}
.header .nav .depth01 > li:nth-of-type(2) > div .depth-tit p{letter-spacing:-2px} 
.header .nav .depth01 > li > div .depth-tit p:after{content:"";position:absolute;left:0;top:0;width:82px;height:82px;background:url("/rpan/common/images/ico_gnb.png?update=180823") no-repeat 0 0}
.header .nav .depth01 > li:nth-of-type(1) > div .depth-tit p:after{background-position:0 0}/* 커뮤니티 */
.header .nav .depth01 > li:nth-of-type(2) > div .depth-tit p:after{background-position:-780px 0}/* 종목입체분석 */
.header .nav .depth01 > li:nth-of-type(3) > div .depth-tit p:after{background-position:-195px 0}/* 뉴스 */
.header .nav .depth01 > li:nth-of-type(4) > div .depth-tit p:after{background-position:-290px 0}/* 선물옵션 */
.header .nav .depth01 > li:nth-of-type(5) > div .depth-tit p:after{background-position:-393px 0}/* 종목진단 */
.header .nav .depth01 > li:nth-of-type(6) > div .depth-tit p:after{background-position:-478px 0}/* 전문가방송 */
.header .nav .depth01 > li:nth-of-type(7) > div .depth-tit p:after{background-position:-579px 0}/* 스탁론 */
.header .nav .depth01 > li:nth-of-type(8) > div .depth-tit p:after{background-position:-682px 0}/* 가상화폐 */
.header .nav .depth01 > li > div .depth-tit a{display:inline-block}
.header .nav .depth01 > li > div .banner{position:absolute;right:30px;top:30px}
.header .nav .depth01 > li > div .depth02-wrap{margin-left:260px;padding:15px 0 0 30px}
.header .nav .depth01 > li > div .depth02{float:left;margin-right:30px;position:relative} 
.header .nav .depth01 > li > div .depth02 li{position:relative;padding-right:25px}
.header .nav .depth01 > li > div .depth02 li a{position:relative;display:inline-block;line-height:33px;color:#000} 
.header .nav .depth01 > li > div .depth02 li > a:focus,
.header .nav .depth01 > li > div .depth02 li > a:hover{color:#ff545b} 
.header .nav .depth01 > li > div .depth02 li.selected > a{color:#ff545b} 
.header .nav .depth01 > li > div .depth02 > li.open > a{background:url("/rpan/common/images/ico_gnb_m.png?update=20180823") no-repeat 100% -18px;padding-right:25px}
.header .nav .depth01 > li > div .depth02 > li.selected.open > a{background-position:100% 10px}
.header .nav .depth01 > li > div .depth02 li div{display:none;position:absolute;z-index:12;left:100px;top:0;padding:8px 10px;width:auto;border:1px solid #444;background:#fff}
.header .nav .depth01 > li > div .depth02 li div:after{content:"";position:absolute;left:-8px;top:10px;width:10px;height:15px;background:url("/rpan/common/images/ico_left_here.png?update=20180329") no-repeat 0 0}
.header .nav .depth01 > li > div .depth02 li div ul{width:100%}
.header .nav .depth01 > li > div .depth02 li div ul li a{line-height:28px} 
.header .nav .depth01 > li > div .depth02 li div ul li a:focus, 
.header .nav .depth01 > li > div .depth02 li div ul li a:hover{color:#ff545b} 
.header .nav .depth01 > li > div .depth03 li{padding-right:5px;white-space:nowrap}  
.header .event-menu{position:absolute;top:49px;right:320px}
.header .event-menu a{display:inline-block;line-height:30px;margin-right:20px;color:#a7753a}
.header .search{float:right;margin:-50px 60px 0 0}
.header .search-box{width:255px;position:relative}
.header .search .search-box p{position:relative;width:190px;margin-right:48px;padding:2px;background:#fd5258}
.header .search .search-box span{display:block;margin-right:30px}
.header .search .search-box span input{border:0;width:100%;padding:0 5px;font-size:13px !important;letter-spacing:0;height:26px;line-height:23px !important;line-height:100%}
.header .search .search-box p button{position:absolute;right:0;top:0;width:30px;height:30px;background:url("/rpan/common/images/btn_search.png?update=20180329") no-repeat 0 0;text-indent:-100px;overflow:hidden;font-size:13px !important;letter-spacing:0}
.header .search .search-box button.all-s{position:absolute;right:0;top:0;height:30px;line-height:100%;width:62px;padding:0 5px;background:#fd5258;color:#fff;font-size:13px !important;letter-spacing:0}
.header .ico-all{float:right;width:60px;height:69px;margin:-70px 0 0 0;overflow:hidden;z-index:2;background:url("/rpan/common/images/all-menu.png?update=20180329") no-repeat 18px 25px;text-indent:-999px}
.header .ico-all.close{background:url("/rpan/common/images/all-menu-close.png?update=20180329") no-repeat 18px 22px}
.header.log .ico-all{display:none}
.header .search .search-list{display:none;width:190px;border:1px solid #fd5258;border-top:0;background:#fff}
.search-list li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:36px;padding:0 5px;color:#444;font-size:13px}
.search-list li a mark{color:#fd5258}
.search-list li a:hover{background:#eff3f6}
.search-list li button{display:none}
.header .search .search-box button.out, 
.search-list > p{display:none}   
.mob-tmenu{visibility:hidden;display:none}
/* 전체메뉴 */
.all-dim{content:"";position:fixed;left:0;right:0;top:0;bottom:0;z-index:6;background-color:rgba(0,0,0, 0.5);text-indent:-9999px}
.all-menu-box{max-width:1260px;margin:auto}
.all-menu{position:absolute;left:0;right:0;top:160px;min-height:475px;z-index:1;background:#fff;border-bottom:1px solid #000}
.all-menu .depth-wrap{max-width:1260px;box-sizing:border-box;border-right:1px solid #eaeaea} 
.all-menu .menu-search{background:#f9f9f9;position:relative;z-index:2;display:none} 
.all-menu .menu-search .search-area{border-width:1px 0;margin-bottom:0}
.all-menu .menu-search .search-area label{font-size:16px;vertical-align:middle}
.all-menu .menu-search .search-area .input-style{width:250px}
.all-menu .menu-search .result-list{max-width:470px;margin:0 auto;padding:18px 0}
.all-menu .menu-search .result-list p{font-size:16px;padding-bottom:5px}
.all-menu .menu-search .result-list li{position:relative;line-height:150%;margin:7px 0;padding-left:17px}
.all-menu .menu-search .result-list li:before{content:"┗";position:absolute;left:0;top:2px;color:#888;font-size:12px}
.all-menu .menu-search .result-list li span{position:relative;display:inline-block;padding-right:5px;color:#888}
.all-menu .menu-search .result-list li span:after{content:">";margin-left:5px}
.all-menu .menu-search .result-list li a{color:#444}
.all-menu .depth01{max-width:1260px}
.all-menu .depth01:after{content:"";display:block;clear:both;width:0;height:0}
.all-menu .depth01 > li{float:left;width:12.5%;position:relative;padding:28px 0 28px 20px ;height:795px}
.all-menu .depth01 > li:after{content:"";position:absolute;left:0;top:0;bottom:0;border-left:1px solid #eaeaea}
.all-menu .depth01 > li:first-child{border-left:none}
.all-menu .depth01 > li p{padding-bottom:18px}
.all-menu .depth01 > li p strong{display:block;font-size:18px} 
.all-menu .depth01 > li p .link-btn{margin-top:3px}
.all-menu .depth01 > li p .link-btn:after{top:4px;margin-top:0}
.all-menu .depth01 > li > a{display:block;color:#000}
.all-menu .depth01 > li.selected > a{color:#ff545b}   
.all-menu .depth01 > li .depth02-wrap{margin-left:356px;padding:20px 0 0 30px}
.all-menu .depth01 > li .depth02{float:left;position:relative} 
.all-menu .depth01 > li .depth02 + .depth02{margin-right:0} 
.all-menu .depth01 > li .depth02 li{position:relative;padding-right:20px}
.all-menu .depth01 > li .depth02 li a{position:relative;display:inline-block;line-height:33px;color:#000;white-space:nowrap} 
.all-menu .depth01 > li .depth02 li.selected > a{color:#ff545b} 
.all-menu .depth01 > li .depth02 > li.open > a{background:url("/rpan/common/images/ico_gnb_m.png?update=20180823") no-repeat 100% -18px;padding-right:25px}/* 20180823 */
.all-menu .depth01 > li .depth02 > li.selected.open > a{background-position:100% 10px}
.all-menu .depth01 > li .depth02 li div{display:none;position:absolute;z-index:12;left:100px;top:0;padding:8px 10px;width:150px;border:1px solid #444;background:#fff}
.all-menu .depth01 > li .depth02 li div:after{content:"";position:absolute;left:-8px;top:10px;width:10px;height:15px;background:url("/rpan/common/images/ico_left_here.png?update=20180329") no-repeat 0 0}
.all-menu .depth01 > li .depth02 li div ul{width:100%}
.all-menu .depth01 > li .depth02 li div ul li a{line-height:28px} 
.all-menu .depth01 > li .depth02 li div.last:after{left:148px;background:url("/rpan/common/images/ico_right_here.png?update=20180329") no-repeat 0 0} 
.all-menu .depth01 > li .depth02 li .depth03 li{padding-right:0}
.ico-adult{display:inline-block;width:15px;height:15px;margin-right:2px;text-indent:-100px;margin-top:-3px;vertical-align:middle;overflow:hidden;background:url("/rpan/common/images/ico_view.png?update=20180329") no-repeat 0 -90px;background-size:20px 125px}
.ico-camera{display:inline-block;width:15px;height:12px;margin-right:3px;margin-top:-3px;vertical-align:middle;overflow:hidden;background:url("/rpan/common/images/ico_camera.png?update=20180329") no-repeat;background-size:15px 12px}
.ico-bitcoin{display:inline-block;width:15px;height:15px;margin-right:2px;margin-top:-3px;vertical-align:middle;overflow:hidden;background:url("/rpan/common/images/ico_bitcoin.png?update=20180329") no-repeat;background-size:15px 15px}
.ico-new{display:inline-block;width:18px;height:18px;margin-right:2px;margin-top:-3px;vertical-align:middle;overflow:hidden;text-indent:-999em;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat -21px -20px}
.ico-new-gnb{position:absolute;left:50%;top:12px;display:block;width:26px;height:8px;margin-left:-13px;vertical-align:middle;overflow:hidden;text-indent:-999em;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat -8px -688px}
/* 모바일 아이콘 추가 : 180920 */
.ico-hot{position:absolute;left:50%;top:12px;display:block;width:24px;height:8px;margin-left:-12px;vertical-align:middle;overflow:hidden;text-indent:-999em;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat 0 -816px}
/* 메뉴바 */
.menu-bar{width:100%;height:40px;box-sizing:border-box;border-bottom:1px solid #444;;background:#fff}
.menu-bar-box{max-width:1260px;margin:0 auto}
.menu-bar .inner{position:relative;max-width:1560px;margin:0 auto;height:40px;z-index:2;border-bottom:1px solid #444;background:#fff}
.menu-bar .pc-home{display:block;position:absolute;left:0;top:0;width:60px;line-height:38px;border-right:1px solid #ccc;background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 20px -10px;text-indent:-999px}
.menu-bar .depth01{position:absolute;left:60px;top:0}
.menu-bar .depth01 > li{background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 93% -258px;float:left;min-width:200px;border-left:1px solid #ccc;background-color:#fff}
.menu-bar .depth01 > li:first-child{background:none;border-left:0}
.menu-bar .depth01 > li:last-child{border-right:1px solid #ccc;min-width:201px}  
.menu-bar .depth01 li.selected{position:relative;border:1px solid #000;border-bottom:0;background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 93% -290px}
.menu-bar .depth01 li.selected:after{content:"";position:absolute;left:0;right:0;bottom:0;border-bottom:2px solid #fff}
.menu-bar .depth01 li a{position:relative;display:block;line-height:39px;text-indent:15px;color:#000}
.menu-bar .depth01 li a:after{content:"";position:absolute;right:10px;top:50%;margin-top:-3px;width:10px;height:10px;background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 0 -141px}
.menu-bar .depth01 li div{display:none;position:absolute}
.menu-bar .depth01 ul{position:absolute;left:-1px;top:0;min-width:201px;background:#fff;border:1px solid #000;border-top:0}
.menu-bar .depth01 ul:first-child li{border:0}
.menu-bar .depth01 ul li a{line-height:30px;margin-bottom:7px}
.menu-bar .depth01 ul + ul{margin-left:200px;margin-top:1px;border-left:#ccc 1px solid;height:370px}
.menu-bar .depth01 ul + ul:after{content:"";position:absolute;left:-1px;top:0;border-left:#ccc 1px solid;height:369px}
.menu-bar .depth01 ul:nth-child(2){margin-left:200px}
.menu-bar .depth01 ul:nth-child(3){margin-left:400px}
.menu-bar .depth01 ul:nth-child(4){margin-left:800px}
 /* 컨텐츠공통 */
.container{padding:20px 0 0 0;position:relative;height:100%;margin-bottom:20px}
.containerNew{position:relative;max-width:1260px;height:100%;padding:20px 0 0 0;margin:0 auto}
.contents{position:relative;z-index:1;min-height:920px} 
.cont-area{margin-right:310px;padding:/*20px 30px 60px 30px*/20px 30px 0 30px;margin-bottom:/*70px*/40px;background:#fff;position:relative} 
.containerNew.main .cont-area{padding:0 }  
.contents.member{margin-right:0;min-height:600px}
.contents.member .cont-area{margin:0 auto 0;max-width:630px}
.contents.member .cont-area.log{margin-top:20px}
.contents.narrow .cont-area{padding:20px 20px 60px}
.contents.narrow .tit-h1{margin:0 -20px 30px}
/* 연계영역 바로가기 */
.side-area .ranking{position:relative}
.side-area .ranking p.ranking-button{position:absolute;top:13px;right:10px}
/* 연계영역 */
.side-area{width:300px}
.side-area > div{position:relative;background:#fff;margin-bottom:10px;overflow:hidden}
.side-area > div .more{display:block;position:absolute;right:0;top:17px;width:30px;height:30px;background:url("/rpan/common/images/bg_form.png?update=20180329") no-repeat 0 -193px;text-indent:-999px}
.side-area > div .side-tit{position:relative;padding:15px 20px;font-size:16px;color:#000;font-weight:bold;line-height:100%;border-bottom:1px solid #eaeaea}
.side-area > div .side-tit a{display:inline-block;font-size:16px;color:#000;font-weight:bold}
.side-area > div .side-tit a:after{content:"";display:inline-block;width:7px;height:14px;margin:0 0 0 6px;background:url("/rpan/common/images/bl_main_arrow.png?update=20180329") no-repeat 0 2px;background-size:7px 12px} 
.side-area > div .side-tit .tit-info{position:absolute;right:20px;top:16px;font-size:13px;color:#888;font-weight:normal}  
/* 타이틀 화살표 */ 
.side-area > .bannner,
.side-area > .banner{font-size:0;line-height:0;height:250px;background:#fff}
.side-area > .bannner img,
.side-area > .banner img{width:100%}  
.side-area > .pax-tag > div{padding:15px 20px;text-align:center}
.side-area > .pax-tag > div a{display:inline-block;border:1px solid #eaeaea;padding:5px 10px;color:#888;margin:3px 1px}
/* 연계영역:랭킹 */
.side-area > .ranking .ranking-tab{position:relative;display:block;padding-left:20px}
.side-area > .ranking .ranking-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #eaeaea;z-index:1}  
.side-area > .ranking .ranking-tab a{position:relative;z-index:2;display:inline-block;color:#000;height:48px;line-height:48px;margin-right:10px}
.side-area > .ranking .ranking-tab a.selected{color:#ff545b;border-bottom:1px solid #ff545b}  
.side-area > .ranking ol{position:relative;z-index:1;margin:0 0 0;padding:0 20px 16px;background:#fff}
.side-area > .ranking ol li{margin-top:13px}
.side-area > .ranking ol li a{display:block;color:#000} 
.side-area > .ranking ol li a:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.side-area > .ranking ol li a:hover{text-decoration:none} 
.side-area > .ranking ol li a i{display:block;float:left;width:14px;text-align:center;color:#000}
.side-area > .ranking ol li a i + span{margin-left:12px;width:150px}
.side-area > .ranking ol li a span{display:block;float:left;width:112px/*width:102px*/;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-bottom:1px}
.side-area > .ranking ol li .up{background-position:0 1px;color:#ff545b}
.side-area > .ranking ol li .down{background-position:0 100%;color:#1ea3fe}
.side-area > .ranking ol li .new{color:#ff545b;padding-left:0;font-size:12px;background:none} 
.side-area > .ranking ol li em.maintenance{background:url("/rpan/common/images/ico_maintenance.png?update=20180329") no-repeat 0 50%;background-size:8px 10px}  
.side-area > .ranking ol li a mark{float:right;position:relative;display:block;/*width:68px*/width:78px;text-align:right}/* 180427 */
.side-area > .ranking ol li .rise,.side-area > .ranking ol li .upper-limit{color:#ff545b}
.side-area > .ranking ol li .fall,.side-area > .ranking ol li .low-limit{color:#1ea3fe}
.side-area > .ranking ol li .maintenance{color:#000} 
.side-area > .ranking ol li .rise:after{content:"";background:url("/rpan/common/images/ico_rise.png?update=20180329") no-repeat 0 50%;background-size:8px 6px;position:absolute;left:0;top:0;width:13px;height:13px;color:#ff545b}
.side-area > .ranking ol li .fall:after{content:"";background:url("/rpan/common/images/ico_fall.png?update=20180329") no-repeat 0 50%;background-size:8px 6px;position:absolute;left:0;top:0;width:13px;height:13px;color:#1ea3fe}
.side-area > .ranking ol li .upper-limit:after{content:"";background:url("/rpan/common/images/ico_upper.png?update=20180329") no-repeat 0 50%;background-size:8px 10px;position:absolute;left:0;top:0;width:13px;height:13px;color:#ff545b}
.side-area > .ranking ol li .low-limit:after{content:"";background:url("/rpan/common/images/ico_low.png?update=20180329") no-repeat 0 50%;background-size:8px 10px;position:absolute;left:0;top:0;width:13px;height:13px;color:#ff545b}
/*.side-area > .ranking ol li .maintenance:after{content:"";background:url("/rpan/common/images/ico_maintenance.png?update=20180329") no-repeat 0 50%;background-size:8px 10px;position:absolute;left:0;top:0;width:8px;height:13px;color:#000}*/
.side-area > .ranking ol li:nth-of-type(10){display:block}
.side-area > .ranking ol li:nth-of-type(10) i{width:18px;letter-spacing:-2px;margin-left:-3px}
/*  연계영역:랭킹(토론랭킹) : 180726 */
.side-area > .ranking ol li a em{position:relative;display:block;float:left;width:40px;padding-left:14px;margin-left:15px;background:url("/rpan/common/images/ico_updown_pc.png?update=20180329") no-repeat}/* 180427 */
.side-area > .ranking ol li i.recommend{float:none;display:inline-block;position:relative;width:16px;height:17px;text-indent:-9999em;margin:0 5px 0}
.side-area > .ranking ol li i.recommend:after{content:"";display:block;position:absolute;left:0;top:-3px;width:16px;height:17px;overflow:hidden;background:url(/rpan/common/images/ico_board.png?update=20180920) no-repeat -2px -191px;font-size:0;line-height:0;text-indent:-9999px;background-size:20px 600px;z-index:3}
.side-area > .best > div{padding:15px}
.side-area > .best > div a{color:#000;line-height:150%} 
.side-area > .best > div p{overflow:hidden;height:75px;margin-bottom:10px;border-bottom:1px solid #eaeaea}
.side-area > .best > div p span{float:left;margin-right:10px}
.side-area > .best > div li{margin-top:5px}  
/* 공지사항 */
.side-area .notice{width:100%;max-width:700px}
.side-area .notice .list{margin:7px 20px 6px}
.side-area .notice .list li{overflow:hidden;height:28px;padding:5px 0}
.side-area .notice .list li a{display:inline-block;max-width:100%;padding-right:5px;padding-bottom:1px;overflow:hidden;color:#000;white-space:nowrap;text-overflow:ellipsis}  
.side-area .notice .list li .date{font-size:13px;color:#888;vertical-align:top}
.side-area .notice .list li span.noti{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 -120px;text-indent:-9999em;background-size:35px 200px} 
.side-area .notice.case02 .list li a{max-width:100%}  
 /* 서브메인 공통 타이틀 */
.sub-main-tit{position:relative;border-bottom:#eaeaea 1px solid;padding:15px 20px 14px;font-size:16px;color:#000;font-weight:bold;line-height:100%}
.sub-main-tit a{display:inline-block;font-size:16px;color:#000;font-weight:bold}
.sub-main-tit a:after{content:"";display:inline-block;width:7px;height:14px;margin:0 0 0 6px;background:url("/rpan/common/images/bl_main_arrow.png?update=20180329") no-repeat 0 2px;background-size:7px 12px}
.sub-main-tit.non-line{border-bottom:none}
.sub-main-tit .tit-info{position:absolute;right:20px;top:16px;font-size:13px;color:#888;font-weight:normal}  
/* 좌우페이징 */
.control-area{position:absolute;top:17px;right:20px;font-size:0;line-height:0}
.control-area .count{margin:0 10px;font-size:13px;color:#888;vertical-align:middle}
.control-area .prev, .control-area .next{width:7px;height:12px;font-size:0;vertical-align:middle}
.control-area .prev{background:url("/rpan/common/images/bl_arrow2.png?update=20180329") no-repeat 0 0}
.control-area .next{background:url("/rpan/common/images/bl_arrow.png?update=20180329") no-repeat 0 0} 
/* 타임라인 */
.timeline{position:absolute;right:auto;top:219px;left:50%;margin-left:640px;/*height:100%;*/z-index:1}
.fix-time{position:fixed} 
.slide-btn{display:none}
.slide-btn.select{display:block;position:absolute;left:50%;top:230px;width:27px;height:27px;margin-left:640px;background:url("/rpan/common/images/timeline-open.png?update=20180329") no-repeat;text-indent:-999em;z-index:3}
.timeline{display:none}
.timeline.select{display:block}
.timeline > div{position:relative;z-index:2;width:238px;height:100%;background:#fff;overflow:hidden;border:1px solid #e1e9ee}
.timeline > div .time-tit{display:block;width:239px;padding:13px 0 11px;height:47px!important;text-indent:17px;line-height:100%;font-size:16px;font-weight:bold;border-bottom:1px solid #eaeaea}
.timeline > div .time-tit .link-btn.tya{display:inline-block;padding:0;width:12px !important;height:10px !important;margin:-2px 0 2px 0;text-indent:-9999px;vertical-align:middle;background:url("/rpan/common/images/ico_main.png?update=20180329") no-repeat 0 0;box-sizing:border-box}
.timeline > div .time-tit .link-btn.tya:after{display:none}
.timeline > div .inslide-btn{position:absolute;right:10px;top:10px;width:24px;height:24px;;background:#fff url("/rpan/common/images/timeline-close.png?update=20180329") no-repeat;z-index:3;text-indent:-999px;overflow:hidden}
.timeline .cont{padding:15px 17px 100px 17px;width:239px;background:#fff}   
.timeline .cont ul{position:relative;border-left:1px solid #eaeaea}
.timeline .cont ul > li{position:relative;margin-bottom:25px;padding-left:15px}
.timeline .cont ul > li:nth-of-type(1n+11){display:none}
.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") no-repeat 0 0;background-size:21px 50px}
.timeline .cont ul > li:last-of-type:before{content:"";position:absolute;left:-1px;top:0;bottom:0;border-left:5px solid #fff}
.timeline .cont ul > li > span{display:block;color:#888;margin-bottom:8px;font-size:13px}
.timeline .cont ul > li > span em{background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat 0 50%;padding-left:10px;margin-left:5px}
.timeline .cont ul > li p{position:relative;margin-bottom:8px;line-height:150%} 
.timeline .cont ul > li p img{height:90px}
.timeline .cont ul > li p a{color:#000}
.timeline .cont ul > li p a mark.color-point{color:#a7753a}
.timeline .cont ul > li p.img{height:90px;width:100%; border:1px solid #eaeaea;overflow:hidden ;text-align:center } 
.timeline .cont ul > li p.img img{height:90px}
.timeline .cont ul > li p span.nick-badge{display:inline}
.timeline .cont ul > li p span.nick-badge img{width:20px;height:20px;background-color:#eaeaea} 
.timeline .cont ul > li p span.nick-badge a{color:#a7753a}
.timeline .cont ul > li ol > li{line-height:1.5;padding-left:20px;position:relative;padding-bottom:3px}
.timeline .cont ul > li ol > li a{color:#000}
.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}
/* 타임라인 팝업 */
.timeline-cont{padding-bottom:0 !important}
.timeline-cont .week{border-bottom:#eaeaea 1px solid;margin:0 -20px;padding:0 20px 15px}
.popup-timeline{height:100%;z-index:1} 
.popup-timeline:after{content:"";position:absolute;left:0;top:0;bottom:0}
.popup-timeline > div{position:relative;z-index:2; margin-bottom:60px;background:#fff}
.popup-timeline > div .time-tit{display:block;padding:13px 0;text-indent:17px;font-size:16px;font-weight:bold;border-bottom:1px solid #eaeaea}
.popup-timeline .cont{padding:15px 17px 60px 0} 
.popup-timeline .cont ul{position:relative;border-left:1px solid #eaeaea}
.popup-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}
.popup-timeline .cont ul > li{position:relative;margin-bottom:25px;padding-left:15px}
.popup-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:21px 50px}
.popup-timeline .cont ul > li span{display:block;color:#888;margin-bottom:8px;font-size:13px}
.popup-timeline .cont ul > li p{margin-bottom:8px;line-height:150%}
.popup-timeline .cont ul > li p a{color:#000}
.popup-timeline .cont ul > li p a mark.color-point{color:#a7753a}
.popup-timeline .cont ul > li p img{width:60%} 
.popup-timeline .cont ul > li p span.nick-badge{display:inline}
.popup-timeline .cont ul > li p span.nick-badge img{width:20px;height:20px;background-color:#eaeaea}  
.popup-timeline .cont ul > li p span.nick-badge a{color:#a7753a}
.popup-timeline .cont ul > li ol > li{line-height:1.5;padding-left:20px;position:relative;padding-bottom:3px}
.popup-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}
.popup-timeline .cont > button{color:#a7753a;text-align:center;width:100%;display:block}
.popup-timeline .cont > button span{height:20px;line-height:18px;display:inline-block;color:#a7753a;padding-right:24px}  
.popup-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}
/** 하단 영역 **/
.footer{clear:both;position:relative;bottom:0;z-index:5;width:100%;min-height:59px;background:#fff;border-top:1px solid #e1e9ee } 
.footer.log{min-height:0}
.footer .rise,.footer .upper-limit,.footer .rise span{color:#ff8e92;font-size:13px;padding-left:0;background:none}
.footer .fall,.footer .low-limit,.footer .fall span{color:#5cb3ee;font-size:13px;padding-left:0;background:none} 
.footer .maintenance,.footer .maintenance span{color:#a9a5a5;font-size:13px;padding-left:0;background:none}
.footer .rise em{display:inline-block;margin-left:5px;padding-left:13px;margin-right:5px;font-size:13px;background:url("/rpan/common/images/ico_stock_foot.png?update=20180329") no-repeat 0 4px;background-size:8px 81px}
.footer .fall em{display:inline-block;margin-left:5px;padding-left:13px;margin-right:5px;font-size:13px;background:url("/rpan/common/images/ico_stock_foot.png?update=20180329") no-repeat 0 -39px;background-size:8px 81px}
.footer .upper-limit em{display:inline-block;margin-left:5px;padding-left:13px;font-size:13px;background:url("/rpan/common/images/ico_stock_foot.png?update=20180329") no-repeat 0 -20px;background-size:8px 81px}
.footer .low-limit em{display:inline-block;margin-left:5px;padding-left:13px;font-size:13px;background:url("/rpan/common/images/ico_stock_foot.png?update=20180329") no-repeat 0 -57px;background-size:8px 81px}  
.footer .maintenance em{display:inline-block;margin-left:5px;padding-left:13px;font-size:13px;background:url("/rpan/common/images/ico_stock_foot.png?update=20180329") no-repeat 0 -74px;background-size:8px 81px}   
.footer .inner-st{position:relative;overflow:hidden;background:#5e5958;margin-top:22px;padding:13px 20px;height:60px} 
.footer  > button{position:absolute;left:50%;top:11px;height:14px;width:90px;margin-left:-45px;background:url("/rpan/common/images/ico_foot.png?update=20180329") no-repeat 50% 1px;text-indent:-1000px;overflow:hidden}
.footer  > button.close{background-position:50% -11px} 
.footer .mob-top{display:none}
.footer .inner-st .foot-stock .tit{float:left;margin-right:30px;margin-top:5px}
.footer .inner-st .foot-stock .tit a{color:#fff}
.footer .inner-st .foot-stock .stock-float{float:left;width:100%;padding-bottom:40px}
.footer .inner-st .foot-stock .stock-float li{display:inline-block;width:150px}
.footer .inner-st .foot-stock .stock-float li div{position:relative;margin-bottom:8px;width:150px} 
.footer .inner-st .foot-stock .stock-float li div > a{max-width:70%;color:#a9a5a5;display:inline-block;margin-right:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 
.footer .inner-st .foot-stock .stock-float li div button{width:15px;height:15px;text-indent:-100px;overflow:hidden;vertical-align:middle;margin-top:-4px;background:url("/rpan/common/images/ico_foot2.png?update=20180329") no-repeat 0 0} 
.footer .inner-st .foot-stock .stock-float li div button.delete{background-position:-16px 0;margin-left:1px} 
.footer .inner-st .foot-stock .stock-float .rise em{padding-left:2px;background:none}
.footer .inner-st .foot-stock .stock-float .fall em{padding-left:2px;background:none}
.footer .inner-st .foot-stock .no-dataf{float:left;margin-top:5px}
.footer .inner-st .foot-stock .no-dataf p{color:#666;background:url("/rpan/common/images/foot_nodata.png?update=20180329") no-repeat 0 50%;line-height:150%;padding:1px 0 1px 27px;letter-spacing:-0.05em}
.footer .inner-st .foot-stock .log-dataf{float:none} 
.footer .inner-st .foot-stock .log-dataf p{color:#888;line-height:150%;letter-spacing:-0.05em;margin-top:7px;display:inline-block }
.footer .inner-st .foot-stock .log-dataf a{display:inline-block;width:57px;height:27px;text-align:center;line-height:25px;font-size:13px;color:#888;border:1px solid #888}
.footer .inner-st.open .foot-stock .no-dataf{float:none;margin-top:45px;padding-right:55px}
.footer .inner-st.open .foot-stock .stock-float .no-dataf{padding-right:0;width:300px}
.footer .inner-st.open .foot-stock .stock-float.case02 .log-dataf p{display:block} 
.footer .inner-st.open .foot-stock .log-dataf p{display:block } 
.footer .inner-st.open .foot-stock .log-dataf a{margin-top:10px}
.footer .inner-st.open .foot-stock .block-point{display:block}
.footer .inner-st .foot-chart{position:absolute;right:20px;top:0}
.footer .inner-st .foot-chart dl{position:relative;float:left;padding-top:12px;margin-left:25px;z-index:1}
.footer .inner-st .foot-chart dl dt button{display:block;color:#a9a5a5;margin-bottom:7px}  
.footer .inner-st .foot-chart dl dd.more{position:absolute;right:0;top:13px}
.footer .inner-st .foot-chart dl dd.more a{display:block;color:#a9a5a5;margin-bottom:7px;font-size:13px;background:url(../images/bul_foot.png) no-repeat 100% 0;padding-right:10px}
.footer .inner-st .foot-chart dl dd.chart{display:none} 
.footer .inner-st .foot-chart dl dd.more{display:block }
.footer .inner-st.open{height:200px;padding:20px}
.footer .inner-st.open .foot-stock .tit{float:none;margin-bottom:12px} 
.footer .inner-st.open .foot-stock .stock-float{position:relative;width:280px;margin-right:50px}
.footer .inner-st.open .foot-stock .stock-float.case02{display:block}
.footer .inner-st.open .foot-stock .stock-float.case02:after{content:"";position:absolute;left:-40px;top:10px;width:1px;height:145px;background:#6b6564}
.footer .inner-st.open .foot-stock .stock-float li div{float:left;width:133px;margin-right:5px}
.footer .inner-st.open .foot-stock .stock-float li div > a{max-width:90px}  
.footer .inner-st.open .foot-stock .stock-float li{width:auto;margin-bottom:3px}
.footer .inner-st.open .foot-chart dl{padding-top:30px} 
.footer .inner-st.open .foot-chart dl dd.chart{display:block;margin-top:20px;background:#fff;width:100%} 
.footer .inner-st.open .foot-chart dl dd.more{margin-top:20px} 
.footer .inner-copy{max-width:1260px;margin:0 auto;background:#fff;padding:28px 20px;visibility:visible} 
.footer .inner-copy ul{overflow:hidden;margin-bottom:10px}
.footer .inner-copy li{padding-left:10px;margin-left:10px;border-left:1px solid #ccc;display:inline-block}
.footer .inner-copy li:first-child{margin:0;padding:0;border:0} 
.footer .inner-copy li a{color:#666;font-size:13px;line-height:13px} 
.footer .inner-copy p{display:inline-block}
.footer .inner-copy p:first-child{display:block}
.footer .inner-copy p span{color:#666;font-size:12px;line-height:12px;border-left:1px solid #ccc;display:inline-block;padding-left:10px;margin-left:10px}
.footer .inner-copy p span:first-child{margin:0;padding:0;border:0}
.footer .inner-copy p span .tel-num{color:#666}
.footer .inner-copy p:last-child span{border-left:1px solid #ccc;padding-left:10px;margin-left:10px}
.footer .foot-toggle-bt{display:none;visibility:hidden} 
.footer .clickable{display:none} 
/* heading */
.tit-h1{font-size:20px;margin-bottom:30px;font-weight:bold;line-height:100%}
.tit-h1.line{margin:0 -30px 30px;border-bottom:1px solid #eaeaea;padding:0 30px 20px}
.tit-h2{font-size:16px;margin-bottom:10px;font-weight:bold}
.tit-h2.case02{font-size:24px;margin-bottom:10px;font-weight:normal}
.tit-h2.case03{margin:40px 0 10px;font-size:20px;font-weight:normal}
/* 타이틀에 라인이 있을 경우 */
.tit-h2.case04{margin:40px 0 10px;padding:40px 0 0 0;border-top:1px solid #eaeaea;font-size:20px;font-weight:normal}
.tit-h3{font-size:14px;margin-bottom:10px;font-weight:normal}
.tit-h3.case01{margin:19px 0 15px 0;font-weight:normal;font-size:16px}
.heading-wrap{overflow:hidden;padding-bottom:5px}
.heading-wrap .tit-h2,.heading-wrap .tit-h3{float:left}
.heading-wrap > p{float:right;font-size:13px;color:#888} 
/* tit-h2 높이 */
.tit-h2.type{margin-top:25px} 
/* Hgroup 타입 */
.h-group{overflow:hidden}
.h-group.line{margin:0 -30px 30px;padding:0 30px 20px;border-bottom:1px solid #eaeaea}
.h-group.line .tit-h1{margin:0 0 0 0}
.h-group .tit-h1{float:left;padding:0}
.h-group .txt{float:right;padding:2px 0 1px 0;font-size:13px;color:#888}
.h-group .txt.real-time:before{content:"";display:inline-block;width:12px;height:15px;margin:0 7px 0 0;background:url("/rpan/common/images/icon_sprite.png?update=20180329") no-repeat 0 0;vertical-align:-2px}
.h-group .point{color:#a7753a} 
/* text guide */
 p{line-height:160%}
.big-text{font-size:16px;line-height:170%;color:#222}
.guide-text{font-size:13px;color:#888;line-height:150%;margin-bottom:30px}
.guide-text02{font-size:13px;color:#888;line-height:150%;text-indent:-20px;padding-left:20px}
.guide-text03{background:#f9f9f9;padding:20px;font-size:13px;color:#888;line-height:150%}
.guide-text03 strong, .guide-text03 dt{font-size:14px;display:block;line-height:20px;margin-bottom:10px;background:url("/rpan/common/images/btn_etc.png?update=20180329") no-repeat 0 -75px;background-size:20px 95px;padding-left:25px}
.guide-text03 a{color:#000 } 
p.guide-text03 {padding-left:28px}
p.guide-text03 strong{margin-left:-9px}
.guide-text03 dt{font-weight:bold} 
.guide-text03 dd{padding-left:9px;font-size:13px}
.guide-text03 dd li{line-height:1.6;background:url("/rpan/common/images/bul_dot2.png?update=20180329") no-repeat left 8px;padding-left:6px;font-size:13px;color:#888;letter-spacing:-0.01em}
.guide-text03 .com-list{margin-left:8px}
.guide-text03 .com-list .tit{font-weight:bold;font-size:13px}
.guide-text03 .com-list > li{margin-bottom:18px}
.guide-text03 .com-list > li:last-child{margin-bottom:0}
.pad-area:last-child{padding-bottom:30px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
/* 이용안내 가이드 strong 여러개일 경우 */
.guide-text03 strong{margin-top:20px}
.guide-text03 strong:first-child{margin-top:0}
.guide-text03 .dot-list{margin:10px 0 0 0}
.guide-text03.type{margin:40px 0 0 0}
.guide-text03 .num-policy li{font-size:13px} 
/* 이용안내 가이드 안에 컨텐츠 line 있을 경우 */
.guide-text03 .line-box{margin:15px 0 0 0;padding:20px;font-size:13px;border:1px solid #eaeaea}
.guide-text03 .in-tit{display:block;margin:30px 0 10px;font-weight:bold;font-size:13px;color:#888}
.guide-text03 .line-box .in-tit:first-child{margin-top:0}
.guide-text03 .dot-list02{margin:10px 0 0 9px}
.guide-text03 .dot-list02:first-child{margin:0}
/* guide-text 비슷하나 반응형으로 대응 할떄 padding이 없음 */
.desc{margin:0 0 20px 0;font-size:13px;color:#888;line-height:150%} 
/* 매매포지션 */
.guide-text03 .dealing-area{display:inline-block}
.guide-text03 .dealing{display:inline-block;width:38px;height:18px;border:1px solid #ff545b;font-size:12px;color:#ff545b;text-align:center;line-height:16px}
.guide-text03 .dealing.add1{border-color:#1ea3fe;color:#1ea3fe}
.guide-text03 .dealing.add2{border-color:#a7753a;color:#a7753a}
.guide-text03 .dealing.add3{border-color:#444;color:#444}
.guide-text03 .dealing.add4{border-color:#888;color:#888} 
/* 컬러 적용 */
.guide-text03 .point2{color:#000}
/* 하위 리스트 */
.guide-text03 .num-policy li .desh-list, .guide-text03 .dot-list li .desh-list, .guide-text03 .dot-list02 li .desh-list{margin:5px 0}
/* 버튼이 있을 경우 */
.guide-text03.type2{position:relative;padding-right:100px}
.guide-text03.type2 .absolute{position:absolute;top:50%;right:20px;margin:-14px 0 0 0} 
 p + .guide-text02{margin-top:10px}  
.dot-list li{background:url("/rpan/common/images/bul_dot.png?update=20180329") no-repeat left 8px;padding-left:6px;line-height:160%}
.dot-list02 li{background:url("/rpan/common/images/bul_dot2.png?update=20180329") no-repeat left 8px;padding-left:6px;line-height:160%;color:#888;font-size:13px}
.dot-list02 li.dot-point2{color:#ff545b;background:url("/rpan/common/images/bul_dot3.png?update=20180329") no-repeat 0 8px}
.desh-list li{background:url("/rpan/common/images/bul_desh.png?update=20180329") no-repeat left 8px;padding-left:11px;line-height:160%;font-size:13px;color:#888}
.dot-list .desh-list{margin-top:10px}
.dot-list + .guide-text, .dot-list + .desh-list{margin-top:10px}
.text-layout{line-height:1.6}
.text-layout + .text-layout{padding-top:40px;margin-top:40px;border-top:1px solid #eaeaea}
.text-layout p + .tit-h2{margin-top:35px}
.text-layout p + .tit-h3{margin-top:25px}
.text-layout .dot-list + .tit-h3,.text-layout .dot-list + .tit-h2{margin-top:25px}  
/* dot-list 강조부분이 있을경우 */
.dot-list.type li .tit{display:block} 
/* 데이터가 없을경우 */
.message-wrap{position:relative;height:550px;display:table;width:100%}
.message-wrap [class*="message-st"]{position:relative;display:table-cell;vertical-align:middle}
/* 로딩 */
.loading-wrap{position:relative;height:550px;display:table;width:100%}
.loading-wrap .loading{display:table-cell;vertical-align:middle;text-align:center} 
.loading-wrap .loading img{width:60px}
.loading-wrap-full{position:fixed;left:0;top:0;bottom:0;right:0;z-index:100;background:rgba(0,0,0,0.5)}
.loading-wrap-full .loading{position:absolute;top:50%;left:50%;margin:-30px 0 0 -30px} 
.loading-wrap-full .loading img{width:60px}
[class*="message-st"]{max-width:460px;margin:0 auto;text-align:center;line-height:150%}
[class*="message-st"] .big-text{position:relative;font-size:20px;line-height:150%;padding-top:100px}
[class*="message-st"] .big-text + p{margin-top:4px}
[class*="message-st"] span{display:inline-block;font-size:inherit}
[class*="message-st"] .bt-area{padding-top:23px}
[class*="message-st"] .bt-area a{margin:5px 0 0 0}
[class*="message-st"] .bt-area-02{padding-left:0;padding-right:0} 
[class*="message-st"] .big-text:after{content:"";position:absolute;top:0;left:50%;margin-left:-65px;width:130px;height:130px;background:url("/rpan/common/images/icon_message.png?update=20180329") no-repeat 0 0}  
[class*="message-st-02"] .big-text:after{background-position:-130px 0}  
[class*="message-st-cyber"] .big-text:after{background:url("/rpan/common/images/ico_5second.png?update=20180329") no-repeat 0 0;background-size:100px 100px;width:100px;margin-left:-50px} 
[class*="message-st-cyber02"] .big-text:after{background:url("/rpan/common/images/ico_5second_success.png?update=20180329") no-repeat 0 0;background-size:100px 100px;width:100px;margin-left:-50px}  
[class*="message-st-error"] .big-text:after{background:url("/rpan/common/images/error.png?update=20180329") no-repeat 0 -188px;width:86px;height:68px;margin-left:-43px} 
[class*="message-st-error"] .big-text{padding-top:90px;font-size:24px}
[class*="message-st-error"] .big-text + p{color:#666}
[class*="message-st-error-404"] .big-text:after{background:url("/rpan/common/images/error.png?update=20180329") no-repeat 0 -492px}  
[class*="message-st-minor"] .big-text{padding-top:110px}
[class*="message-st-minor"] .big-text:after{background:url("/rpan/common/images/icon_message02.png?update=20180329") no-repeat -1380px 0}  
[class*="message-st-wri"] .big-text:after{background:url("/rpan/common/images/icon_message02.png?update=20180329") no-repeat -1270px 0} 

.popup-wrap [class*="message-st"]{margin:40px 0} 
/* 등록완료 메시지 타입 가운데 정렬 일때 */
.message-st-02.center{margin:40px auto} 
/* button */ 
.bt-area{overflow:hidden;padding:20px 0 40px}
.bt-area span{display:block;float:right}
.bt-area .ch-agree{float:left}
.bt-area .share-bt{width:28px;height:28px;line-height:28px;padding:0px 15px 0 10px;text-indent:-9999em;background:url("/rpan/common/images/ico_sub2.png?update=20180329") no-repeat 0 -19px;background-size:40px 400px;vertical-align:middle}
[class*="btn-"]{position:relative;background:#fff;border:1px solid #444;line-height:100%;display:inline-block;color:#000;vertical-align:middle;box-sizing:border-box;text-align:center}
[class*="btn-"]:hover{background:#f9f9f9;color:#888}
[class*="btn-"].gray{background:#444;border:1px solid #444;color:#fff}
[class*="btn-"].gray:hover{background:#000;border:1px solid #000}
[class*="btn-"].red{background:#ff545b;border:1px solid #ff545b;color:#fff}
[class*="btn-"].red:hover{background:#d33f45;border:1px solid #d33f45}
[class*="btn-"].brown{background:#a7753a;border:1px solid #a7753a;color:#fff}
[class*="btn-"].brown:hover{background:#915f23;border:1px solid #915f23}
[class*="btn-"].sky{background:#6897ff;border:1px solid #6897ff;color:#fff}
[class*="btn-"].sky:hover{background:#6897ff;border:1px solid #6897ff}
[class*="btn-"].bodr{background:#fff;border:1px solid #ff545b;color:#ff545b}/* 빨강라인 */
[class*="btn-"].bodr:hover{color:#d33f45;border:1px solid #d33f45} 
[class*="btn-"].mint{background:#22bfc4;border:1px solid #22bfc4;color:#fff}
[class*="btn-"].mint:hover{background:#13adb2;border:1px solid #13adb2}
[class*="btn-s"]{padding:6px 10px;min-width:60px;font-size:14px;border:1px solid #ccc;color:#888} 
[class*="btn-m"]{padding:/*10px 14px*/7px 14px;min-width:70px;font-size:14px}  
[class*="btn-b"]{padding:13px 25px;min-width:90px;font-size:16px}
[class*="btn-t"]{padding:6px 10px;min-width:60px;font-size:14px}
[class*="btn-s"].bodrb{border:1px solid #444;color:#000} 
[class*="btn-s"][disabled],[class*="btn-m"][disabled],[class*="btn-b"][disabled],
[class*="btn-s"].disabled ,[class*="btn-m"].disabled,[class*="btn-b"].disabled{opacity:0.5}   
[class*="btn-s"].memo{width:28px;height:28px}
.calendar{width:25px;height:25px;text-indent:-9999px;background-image:url("/rpan/common/images/bg_form.png?update=20180329");background-repeat:no-repeat;background-position:7px -559px}
.zoom{display:none} 
/* button:아이콘이 있을때 */ 
[class*="btn-"] .initial{display:block;height:16px;font-size:inherit;line-height:16px;padding-left:25px;background:url("/rpan/common/images/btn_ico.png?update=20180329") no-repeat 0 50%;background-size:20px 20px} 
.link-btn{position:relative;display:inline-block;padding-right:18px;color:#af814d;font-size:13px;font-weight:normal}  
.link-btn:after{content:"";position:absolute;right:0;top:50%;margin-top:-7px;width:14px;height:14px;background:url("/rpan/common/images/ico_view.png?update=20180329") no-repeat 0 2px;background-size:20px 125px}
.link-btn.tyb:after{background-position:0 -20px}  
.link-btn.tyc:after{background-position:0 -38px} 
.link-btn.kakao{padding:3px 23px 0 0}
.link-btn.kakao:after{background-position:100% -61px;padding:6px 20px}
.al-btn{color:#888;font-size:10px;width:20px;height:20px;margin-top:-2px;line-height:80%;text-align:center;font-family:Tahoma, Geneva, sans-serif} 
/* tab 공통*/  
.tab-area{position:relative;width:100%}  
.tab-area button{display:none}
.tit-h1 + .tab-area{margin-top:-11px}
/* 상단탭*/ 
[class*="tab-st01"]{margin-bottom:30px;border:1px solid #eaeaea;background:#f9f9f9;box-sizing:border-box !important} 
[class*="tab-st01"]:after{content:"";display:block;clear:both;width:0;height:0} 
[class*="tab-st01"] li{position:relative;float:left;width:50%}
[class*="tab-st01"] li:after{content:"";position:absolute;left:0;bottom:0;top:0;z-index:2} 
[class*="tab-st01"] li a{position:relative;z-index:1;display:block;height:50px;line-height:50px;text-align:center;color:#000;border-right:1px solid #eaeaea;background:#f9f9f9;box-sizing:border-box}
[class*="tab-st01"] li:last-child a{border-right:0}
[class*="tab-st01"] li.selected a{z-index:3;background:#fff;line-height:50px;color:#ff545b}
[class*="tab-st01"] li.selected a:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;border-bottom:2px solid #ff545b}
[class*="tab-st01"] li.line2 a{line-height:18px;padding-top:7px}
.tab-st01-03 li{width:33.333%}
.tab-st01-04 li{width:25%}
.tab-st01-05 li{width:20%}
.tab-st01-06 li{width:16.666%}
.tab-st01-07 li{width:14.28%}
.tab-st01-08 li{width:12.5%}
.tab-st01-09 li{width:11.111%;}
.tab-st01-10 li{width:10%;}
.tab-st01-13 li{width:7.692%;}/* 가상화폐 : 180222 */
.tab-st01.num03 li{width:33.333%}
.tab-st01.num04 li{width:25%}
.tab-st01.num05 li{width:20%}
.tab-st01.num06 li{width:16.666%}
.tab-st01.num07 li{width:14.28%}
.tab-st01.num08 li{width:12.5%}
/* 중단탭1*/ 
.tab-st02{position:relative;height:35px;margin-bottom:15px}
.tab-st02:after{content:"";position:absolute;left:0;top:35px;z-index:2;width:100%;border-bottom:1px solid #ff545b}
.tab-st02 li{float:left;margin-right:-1px}
.tab-st02 li a{position:relative;z-index:1;display:block;height:36px;line-height:36px;padding:0 15px;border:1px solid #eaeaea;text-align:center;color:#000;box-sizing:border-box}
.tab-st02 li.selected a{z-index:3;border:1px solid #ff545b;border-bottom:1px #fff solid }
.tab-st02.tab-st02-02 li{width:50%} 
.tab-st03-area{position:relative;z-index:1;width:100%;height:49px;overflow:hidden;margin:0 0 -8px 0;border-top:1px solid #444;border-left:1px solid #eaeaea}
.tab-st03-area:after{content:"";z-index:0;position:absolute;bottom:8px;left:0;width:100%;border-bottom:1px solid #eaeaea}
.tab-st03{display:table;z-index:1;position:relative;width:100%;white-space:nowrap}
.tab-st03 li{display:table-cell;position:relative;border-right:1px solid #eaeaea;text-align:center}
.tab-st03 li a{display:block;color:#888}
.tab-st03 li a span{display:inline-block;padding:12px 15px 13px 14px}
.tab-st03 li.selected a{position:relative;margin:0 -1px;background:#ff545b;color:#fff}
.tab-st03 li.selected a:before{content:"";position:absolute;left:50%;bottom:-7px;margin:0 0 0 -7px;border-top:7px solid #ff545b;border-right:7px solid transparent;border-left:7px solid  transparent}
.tab-st03 li.selected a:after{content:"";position:absolute;left:0;bottom:-1px;width:100%;border-top:1px solid #ff545b}
.tab-st03 li.selected a span{position:relative}
.tab-st03 li.selected a span:after{content:"";display:inline-block;position:absolute;top:50%;left:0;width:10px;height:8px;margin:-4px 0 0 0;background:url("/rpan/common/images/icon_sprite.png?update=20180329") no-repeat -161px 0} 
.tab-area + .my-interest{margin-top:-30px;position:relative;z-index:1} 
/* 중단탭2*/ 
.my-interest{position:relative;height:40px;line-height:40px;margin-bottom:20px;overflow:hidden}
.my-interest li{float:left}
.my-interest li a{color:#000;display:block;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat 0 50%;padding-left:15px;margin-left:10px} 
.my-interest li:first-child a{background:none;padding-left:0}
.my-interest li.selected a{color:#ff545b} 
.my-interest button{display:none} 
.date-text01{text-align:right;margin-bottom:-25px;color:#888;font-size:13px}  
/* form */
.error-text{font-size:13px;color:#ff545b;/*margin-top:8px;*/}
p.error-text{margin-top:8px !important}
.ok-text{font-size:13px;color:#1ea3fe;margin-top:8px} 
input[type="text"]::-ms-clear{display:none}
input[type="text"],input[type="password"],input[type="tel"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1;width:100%;padding:5px 35px 6px 10px;border:1px solid #ccc;background:#fff;color:#000;vertical-align:middle;box-sizing:border-box;border-radius:0}
input[type="file"]{line-height:1;padding:6px 10px 7px;border:1px solid #ccc;background:#fff;cursor:pointer;box-sizing:border-box}
input:focus, select:focus{outline:1px solid #444;outline-offset:-1px}  
[class*="input-style"]{display:inline-block;position:relative} 
[class*="input-style"] label{display:block;position:absolute;left:10px;top:0;line-height:27px;color:#888} 
[class*="input-style-error"] input{border:1px solid #ff545b}/*입력값이 잘못된경우*/
[class*="input-style"] button{position:absolute;right:1px;top:50%;margin-top:-13px;width:30px;height:27px;text-indent:-9999px;background-image:url("/rpan/common/images/bg_form.png?update=20180329") ;background-repeat:no-repeat}
[class*="input-style"] .delete{background-position:10px -500px;display:none}
[class*="input-style"] .search{background-position:7px -529px}
[class*="input-style"] .calendar{background-position:10px -560px} 
[class*="input-style-cal"]{max-width:130px}
[class*="textarea-style"]{width:100%}  
input[readonly], input[disabled]{background:#f9f9f9}
input[type="checkbox"]:not(old),
input[type="radio"]:not(old){opacity:0;outline:0;margin-left:0;position:absolute;z-index:-1} 
input[type="checkbox"]:focus + label,input[type="radio"]:focus + label{outline:1px dotted #ccc} 
input[type="checkbox"]:not(old) + label{display:inline-block;height:18px;line-height:18px;padding:0 0 2px 20px;background-image:url("/rpan/common/images/bg_check.png?update=20180329");background-position:0 2px;background-repeat:no-repeat;background-size:14px 14px;cursor:pointer} 
input[type="checkbox"]:not(old):checked + label{min-width:18px;background-image:url("/rpan/common/images/bg_check_on.png?update=20180329")} 
input[type="checkbox"].big:not(old) + label{height:20px;line-height:20px;padding:0 0 0 25px;background-image:url("/rpan/common/images/bg_check2.png?update=20180329");background-position:0 0;background-size:20px 20px} 
input[type="checkbox"].big:not(old):checked + label{background-image:url("/rpan/common/images/bg_check_on2.png?update=20180329")} 
input[type="radio"]:not(old) + label{display:inline-block;height:18px;padding:0 0 0 18px;background-image:url("/rpan/common/images/bg_radio.png?update=20180329");background-position:0 2px;background-repeat:no-repeat;background-size:13px 13px;cursor:pointer;line-height:18px} 
input[type="radio"]:not(old):checked + label{background-image:url("/rpan/common/images/bg_radio_on.png?update=20180329")}
.radio-wrap{width:460px;height:52px;margin-bottom:20px}
.radio-wrap label{width:33.333%;float:left;margin:0 auto}
.radio-wrap 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}
.radio-wrap input[type="radio"]:not(old):checked+label{border:#ff545b 1px solid;position:relative}
.radio-wrap 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}
.radio-wrap 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}
.radio-wrap input[type="radio"]:not(old):checked+label i::before{background-position:0 -26px}
.tit + .search-period{margin-left:15px}
.search-period{display:inline-block;overflow:hidden;vertical-align:middle}
.search-period input[type="radio"]:not(old) + label{display:block;float:left;height:28px;line-height:28px;padding:0;width:70px;margin-right:-1px;color:#888;text-align:center;font-size:13px;background-image:none;border:1px solid #ccc;vertical-align:middle}
.search-period.short-ver input[type="radio"]:not(old) + label{width:50px;}
.search-period input[type="radio"]:not(old):checked + label{color:#fff;background-color:#ff545b;border:1px solid #ff545b} 
.search-period input[type="radio"]:not(old) + label:last-child{margin-right:0}
.search-period input[type="radio"][disabled]:not(old) + label{opacity:0.5} 
.search-period input[type="checkbox"]:not(old) + label{display:block;float:left;height:28px;line-height:28px;padding:0;width:70px;margin-right:-1px;color:#888;text-align:center;font-size:13px;background-image:none;border:1px solid #ccc;vertical-align:middle} 
.search-period input[type="checkbox"]:not(old):checked + label{color:#fff;background-color:#ff545b;border:1px solid #ff545b} 
.search-period input[type="checkbox"]:not(old) + label:last-child{margin-right:0}
.search-period input[type="checkbox"][disabled]:not(old) + label{opacity:0.5}
select{min-width:60px;height:28px;border:1px solid #ccc;vertical-align:middle;box-sizing:border-box;background:#fff;border-radius:0}  
select[disabled]{background:#f9f9f9}  
/* popup - view-table 팝업 등에서 입력항목 확인 테이블 */ 
.view-table table{border-top:#444 1px solid;width:100%;margin-bottom:20px;line-height:1.4}
.view-table table th{background-color:#f9f9f9;padding:13px 15px;text-align:left;border-bottom:#eaeaea 1px solid;vertical-align:top;font-weight:bold;width:30%;box-sizing:border-box}
.view-table table th.bord{border-right:1px solid #eaeaea}
.view-table table td{padding:13px 10px;border-bottom:#eaeaea 1px solid;vertical-align:middle;box-sizing:border-box}
.view-table table td .select, .view-table table td .select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.view-table.result table th{width:35%}  
.view-table tfoot td{padding-top:8px !important}
.view-table tfoot th, .form-table tfoot td{border-top:1px solid #dfeff7;border-bottom:1px solid #dfeff7}
.view-table tfoot th{background:#e9f7fd}
.view-table tfoot td{font-weight:700;background:#f4fbfe}   
.view-table.payment tfoot td{padding-top:13px !important}
.view-table .input-style.inp-50{width:50%;min-width:150px}
.view-table .input-style.inp-100{width:100%} 
/* 폼테이블 */ 
.form-table{border-top:1px solid #000;margin-bottom:40px}
.form-table + .form-table{margin-bottom:30px}
.form-table table{width:100%}
.form-table table th{background:#f9f9f9;width:16%;height:28px;padding:17px 5px 17px 18px;border-bottom:1px solid #eaeaea;text-align:left;vertical-align:top }
.form-table table td{width:84%;height:28px;padding:10px;border-bottom:1px solid #eaeaea;vertical-align:middle}
.form-table table td .radio-ch label{margin:2px 0}
.form-table table td .select-ch{display:none} 
.form-table table td [class*="input-style"]{width:260px}
.form-table table td [class*="input-style-case01"]{width:195px}/*휴대폰 영역*/
.form-table table td [class*="input-style-case02"]{width:100%}/*공통*/
.form-table table td [class*="input-style-subject"]{width:100%}/*글쓰기 제목 영역*/
.form-table table td input[type="text"],.form-table table td input[type="password"]{width:100%}
.form-table table td .style-subj{display:block}
.form-table table td div.tab_form{padding-top:10px}
.form-table table td span.tab_form{display:inline-block;margin-left:15px;vertical-align:middle}
.form-table table td span.tab_form label{margin-right:20px}
.form-table table td span.tab_text{font-size:13px;color:#888;margin-left:15px}
.form-table table td .td-text{font-size:13px;color:#888;line-height:160%} 
.form-table table td p.tab_text , .view-table table td p.tab_text{font-size:13px;color:#888;margin-top:6px}
.form-table table td p.label-m{margin:5px 0 15px}  
.form-table table td input[type="radio"] + label{margin-right:10px}
.form-table tfoot td{padding-top:8px !important}
.form-table tfoot th, .form-table tfoot td{border-top:1px solid #dfeff7;border-bottom:1px solid #dfeff7}
.form-table tfoot th{background:#e9f7fd}
.form-table tfoot td{font-weight:700;background:#f4fbfe}  
.form-table + p{margin-top:-28px;margin-bottom:38px;color:#888;font-size:13px;line-height:150%} 
.view-table + p{margin-top:-10px;margin-bottom:45px;color:#888;font-size:13px;line-height:150%} 
.form-table + .bt-area,.view-table + .bt-area{margin-top:-40px}
.form-table + p + .pop-btn,.view-table + p + .pop-btn{margin-top:-38px}
.form-table .total th, .table-row .total td{font-size:16px;}
.form-table .total td{padding:12px 30px;text-align: right;background: #f9f9f9;}
.form-table .total td .color-red{font-size:24px;}
.view-table + .dot-list02{margin-top:-10px}  
.add-file span{display:none} 
.add-file .file-ch{background:#444;border:1px solid #444;color:#fff;line-height:100%;display:inline-block;vertical-align:middle;box-sizing:border-box;text-align:center;padding:6px 10px;min-width:90px}
.add-file + .dot-list02{margin-top:8px}
.file-style{display:inline-block;position:relative;border:1px solid #ccc;margin-bottom:3px;padding:6px 35px 7px 25px;color:#888;font-size:13px;box-sizing:border-box}
.file-style a{display:block;width:100%;color:#888}
.file-style:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;box-sizing:border-box;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat -18px 0}
.file-style button{position:absolute;right:0;top:0;width:30px;height:26px;text-indent:-9999px;background:url("/rpan/common/images/bg_form.png?update=20180329") no-repeat 10px -500px}
.guide-title{margin-top:10px;font-size:13px}
.btn-t + .dot-list02{margin-top:10px}
.text-wrap{padding-top:10px;clear:both}
.text-wrap button{margin-top:5px}  
.form-table .byte-text{font-size:13px;color:#888;margin-left:5px}
.form-table .byte-text i{font-size:13px;color:#000}
/* 투표하기 */
.poll-subj{position:relative}
.poll-subj span{display:block;padding:5px 35px 6px 35px;height:28px;line-height:1.2;border-bottom:#eaeaea 1px solid;color:#888;font-size:13px;text-align:left}
.poll-subj::before{content:"";display:inline-block;width:16px;height:15px;background:url("/rpan/common/images/ico_sub3.png?update=20180329") no-repeat 0 -295px;background-size:40px 400px;position:absolute;top:50%;left:10px;z-index:1;margin-top:-8px}
.poll-subj .delete{position:absolute;right:0px;top:1px;width:30px;height:27px;text-indent:-9999px;background-image:url("/rpan/common/images/bg_form.png?update=20180329") ;background-repeat:no-repeat;background-position:8px -500px} 
.form-table table td .board-poll-wrap{padding:0;border-bottom:none;margin-top:10px}
.form-table table td .board-poll-wrap .board-view-poll{border:#ccc 1px solid;padding-top:0}
.form-table table td .poll-subj span{border-bottom:#ccc 1px solid;margin-bottom:30px} 
.board-poll-wrap .poll-limit{display:block;color:#888;font-size:13px;padding-top:7px}
.board-poll-wrap .poll-limit span{background:url("../images/bg_line.png?update=20180329") no-repeat right 50%;padding-right:10px;margin-right:10px}
.board-poll-wrap .poll-radio{padding:25px 0;margin:0 auto;display:inline-block}
.board-poll-wrap .poll-radio li{padding:6px 0 7px;text-align:left}
.board-poll-wrap .poll-radio input[type="checkbox"]:not(old) + label{display:inline-block;height:auto;min-height:24px;line-height:24px;word-break:break-all;padding:0 0 0 28px;background-image:url("/rpan/common/images/ico_poll.png?update=20180329");background-position:0 -348px;background-repeat:no-repeat;cursor:pointer;background-size:auto}
.board-poll-wrap .poll-radio input[type="checkbox"]:not(old):checked + label{background-position:0 -248px;color:#ff545b}
.board-poll-wrap .poll-radio-result{margin:0 120px;text-align:left;padding:25px 0}
.board-poll-wrap .poll-radio-result li{position:relative;line-height:1.6;padding:6px 0 10px 0}
.board-poll-wrap .poll-radio-result li span.tit{display:block;padding-right:115px}
.board-poll-wrap .poll-radio-result li div.gauge{width:100%;height:16px;background-color:#f9f9f9;position:relative;line-height:1;margin-top:5px}
.board-poll-wrap .poll-radio-result li div.gauge span{position:absolute;top:0;left:0;width:100%;height:16px;line-height:1;background-color:#ccc;display:block;z-index:1;text-indent:-9999em}
.board-poll-wrap .poll-radio-result li div.gauge span.top1{background:url("/rpan/common/images/poll_top1.png?update=20180329") repeat 0 0}
.board-poll-wrap .poll-radio-result li p{color:#888;font-size:13px;position:absolute;top:8px;right:0}
.board-poll-wrap .poll-radio-result li p span{background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat right 50%;padding-right:10px;margin-right:5px}
.board-poll-wrap .poll-radio-result li p span:nth-child(1)::before{content:"";display:inline-block;width:12px;height:13px;background:url("/rpan/common/images/ico_sub3.png?update=20180329") no-repeat 0 -556px;vertical-align:middle;padding:0 5px 2px 0}
.board-poll-wrap .poll-radio-result li p span:last-child{background:none;padding-right:0;margin-right:0}
.board-poll-wrap .poll-radio-result li p span i{color:#ff545b;font-size:13px}
/* toggle-list */ 
.faq-list{margin-top:10px;margin-bottom:40px;border-top:1px solid #444} 
.faq-list li.question a{position:relative;display:block;padding:10px 40px 10px 10px;font-size:14px;color:#333;border-bottom:1px solid #eaeaea;line-height:1.6}
.faq-list li.question a:after{content:"";position:absolute;right:10px;top:50%;margin-top:-5px;width:18px;height:10px;background:url("/rpan/common/images/bg_faq.png?update=20180329") no-repeat -25px -71px;background-size:150px 150px}
.faq-list li.clicked{font-weight:bold}
.faq-list li.clicked a:after{background-position:0 -71px;background-size:150px 150px}
.faq-list li.question a em{display:inline-block;margin-right:15px;height:30px;line-height:30px;width:30px;background:url("/rpan/common/images/bg_faq.png?update=20180329") no-repeat 0 0;text-indent:-999px} 
.faq-list li.question a span{display:inline-block;margin-right:25px;color:#888}
.faq-list li.answer{position:relative;display:none;padding:20px 10px 20px 55px;line-height:160%;font-size:14px;color:#666;border-bottom:1px solid #eaeaea;min-height:75px}
.faq-list li.answer:after{content:"";position:absolute;left:10px;top:20px;width:30px;height:30px;background:url("/rpan/common/images/bg_faq.png?update=20180329") no-repeat -45px 0;overflow:hidden}  
.tab-area + .faq-list{border-top:1px solid #ff545b;;margin-top:-16px}
.faq-list.customer li.question a span{width:110px} 
/* popup */  
.popup-wrap{position:relative;width:100%;background:#fff} 
.popup-wrap .pop-tit{position:absolute;left:0;top:0;width:100%;z-index:2;height:50px;line-height:50px;background:#ff545c url("/rpan/common/images/bg_pop.png?update=20180329") no-repeat 0 0;background-size:122px 50px;text-indent:10px}
.popup-wrap .pop-tit span{font-size:16px;color:#fff}
.popup-wrap .cla-close{display:block;overflow:hidden;position:absolute;right:0;top:0;height:50px;width:50px;z-index:3;background:url("/rpan/common/images/btn_etc.png?update=20180329") no-repeat 50% 15px;text-indent:-999px;background-size:20px 95px} 
.popup-wrap .cla-close2{display:block;overflow:hidden;position:absolute;right:-15px;top:-40px;height:50px;width:50px;z-index:3;background:url("/rpan/common/images/btn_etc.png?update=20180329") no-repeat 50% 15px;text-indent:-999px;background-size:20px 95px} 
.popup-wrap .cla-close3{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}
.popup-wrap .pop-cont{padding:70px 20px 20px }
.popup-wrap .pop-btn{text-align:center;padding:20px 20px 40px}
.popup-wrap .today{overflow:hidden;position:fixed;bottom:0;left:0;width:100%;height:36px;background:#f9f9f9}
.popup-wrap .today p{float:right;padding:8px 20px}
.popup-wrap .today img{width:60px;margin:10px 20px} 
.popup-wrap .form-table table th{width:20%}
.popup-wrap .form-table table td{width:80%;line-height:140%}  
.popup-wrap .cont-window{padding:20px 15px 50px}   
/* 레이어 popup */  
.pop-layer{display:table;position:fixed;left:0;top:0;bottom:0;height:100%;right:0;width:100%;background-color:rgba(0,0,0, 0.3);z-index:999;table-layout:fixed}
.pop-layer .pop-inner{display:table-cell;vertical-align:middle}
.pop-layer .popup-wrap{position:relative;top:50%;left:50%;width:624px;padding-bottom:35px;margin-left:-312px;box-shadow:1px 2px 3px 2px rgba(0,0,0,0.1)} 
.pop-layer .popup-wrap .pop-cont{padding:70px 20px 20px  20px}
.pop-layer .popup-wrap .pop-cont.pop-cal{padding:50px 0 0} /* 무료방송 달력팝업용 */
.pop-layer .popup-wrap .pop-btn{position:relative;padding:20px 0 0}
.pop-layer .popup-wrap .pop-btn:after{content:"";display:block;height:1px}
.pop-layer .popup-wrap .pop-btn .btn-m{height:/*35px*/30px;padding: 7px 14px;}
.pop-layer .popup-wrap:after{content:"";display:block;position:absolute;bottom:0;left:0;width:100%;height:36px;background:#f9f9f9 url("/rpan/common/images/logo.png?update=20180329") no-repeat 15px 10px;background-size:60px 18px} 
.pop-layer .popup-wrap .pop-cont .scroll-y{height:300px;margin-right:-15px;padding-right:20px;overflow-y:auto}
.pop-layer .popup-wrap .pop-cont .cont-scroll{height:527px;overflow-x:visible;overflow-y:auto;margin-left:-20px;margin-right:-20px;padding:0 22px 0 20px} 
.pop-layer .popup-wrap .pop-cont .cont-scroll.height-auto{max-height:527px;height:auto} 
/* 레이어 popup 가로 크기*/
.pop-layer .popup-wrap.wid-m{width:500px;margin-left:-250px}
.pop-layer .popup-wrap.wid-s{width:400px;margin-left:-200px}
.pop-layer .popup-wrap.wid-cal{width:890px;margin-left:-445px}
.pop-layer .popup-wrap.wid-interest{width:890px;margin-left:-445px}
.pop-layer .popup-wrap.wid-pmy120{width:890px;margin-left:-445px}
.pop-layer .img-zoom img{width:100%}
.pop-layer .popup-wrap.panadv{padding:0;width:400px;height:300px}
.pop-layer .popup-wrap.panadv:after{display:none} 
/* 종목입체분석 홈 광고팝업 */
.pop-layer.pop-panadv{}
/* 이미지 홍보 팝업 : 180220 안드로이드 앱 홍보 */
.pop-img-layer{display:none}

/*상단검색영역*/
.search-area{position:relative;border:1px solid #eaeaea;padding:20px;text-align:center;margin-bottom:30px}
/*고객센터 상단 검색 영역 float 해제*/
.search-area:after{content:"";display:block;clear:both}
.search-area label{margin-right:5px;line-height:27px}
.search-area .input-style{width:360px}
.search-area .input-style input{width:100%} 
.search-area .search-in{position:relative;display:inline-block;width:360px}
.search-area .search-list{display:none;z-index:10;position:absolute;left:0;top:28px;width:100%;border:1px solid #ccc;border-top:0;background:#fff;text-align:left}  
/* step */
.step{overflow:hidden;padding:20px;margin-bottom:20px;border:1px solid #eee;text-align:center}
.step li{display:inline-block;line-height:30px;background:url("/rpan/common/images/ico_arrow.png?update=20180329") no-repeat 100% 50%;padding-right:40px;margin-right:7px}
.step li:last-child{background:none;margin:0;padding:0}
.step li span{display:inline-block;width:30px;height:30px;line-height:28px;margin-right:8px;border:1px solid #ccc;background:#fff;border-radius:100%;font-size:13px}
.step li.selected{color:#ff545b}
.step li.selected span{background:url("/rpan/common/images/bg_faq.png?update=20180329") no-repeat -159px 0;border:0;color:#fff}  
/* 약관동의 */
.all-check{margin-bottom:20px;padding-top:20px;border-top:1px solid #000} 
.clause{border:1px solid #eaeaea;margin-bottom:10px}
.clause > span{display:block;padding:10px;overflow:hidden}
.clause > span .cla-view{float:right;display:none}
.clause .scroll{padding:20px;height:133px;background:#f9f9f9;overflow-y:scroll;line-height:170%;color:#888}  
.clause .scroll > p{padding-bottom:10px}
.clause .pop-tit{display:none}   
/* SNS */
.sns-area{min-height:36px;margin-top:15px;position:relative;text-align:center;clear:both;z-index:100;margin-bottom:60px} 
/* SNS - 신고하기/share버튼 */
.sns-area .notify-box{float:left}
.sns-area .notify-box .notify{height:28px;line-height:25px;padding:0px 15px 0 10px;box-sizing:border-box}
.sns-area .notify-box .notify span{display:inline-block;height:20px;line-height:20px;background:url("/rpan/common/images/ico_sub.png?update=20180329") no-repeat 0 -100px;color:#888888;padding-left:24px}
.sns-area .notify-box .share-bt{width:28px;height:28px;line-height:28px;padding:0px 15px 0 10px;box-sizing:border-box;text-indent:-9999em;background:url("/rpan/common/images/ico_sub2.png?update=20180329") no-repeat 0 -19px;background-size:40px 400px;vertical-align:middle} 
/* SNS - 좋아요/여의주선물하기 버튼영역 */
.sns-area .like-box{float:right}
.sns-area .like-box .like{height:36px;line-height:36px;padding:0px;box-sizing:border-box;color:#a7753a}
.sns-area .like-box .like i{display:inline-block;width:20px;height:20px;line-height:20px;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat 0 -60px;text-indent:-9999em;margin-right:5px} 
/* 공유하기 레이어 */
.sns-area .sns-mobile{display:none}
.sns-area .sns{display:block;position:absolute;top:0;left:120px;border:#444444 1px solid;background-color:#fff;padding:20px}
.sns-area .sns .tit-h2{text-align:left;padding-bottom:10px;margin:0}
.sns-area .sns .sns-type a{display:block;float:left;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;margin-bottom:20px}
.sns-area .sns .sns-type button{display:block;float:left;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;margin-bottom:20px}
.sns-area .sns .sns-type a::before{content:"";width:36px;height:36px;position:absolute;top:0;left:50%;margin-left:-18px}
.sns-area .sns .sns-type button::before{content:"";width:36px;height:36px;position:absolute;top:0;left:50%;margin-left:-18px}
.sns-area .sns .sns-type .scrap::before{background:url("/rpan/common/images/ico_sns.png?update=20180329") no-repeat -36px -72px}
.sns-area .sns .sns-type .fb::before{background:url("/rpan/common/images/ico_sns.png?update=20180329") no-repeat 0 0}
.sns-area .sns .sns-type .tw::before{background:url("/rpan/common/images/ico_sns.png?update=20180329") no-repeat -36px 0}
.sns-area .sns .sns-type .nv::before{background:url("/rpan/common/images/ico_sns.png?update=20180329") no-repeat 0 -36px}
.sns-area .sns .sns-type .bnd::before{background:url("/rpan/common/images/ico_sns.png?update=20180329") no-repeat -36px -36px}
.sns-area .sns .sns-type .kakao::before{background:url("/rpan/common/images/ico_sns.png?update=20180329") no-repeat -114px 0px}
.sns-area .sns .sns-type .story::before{background:url("/rpan/common/images/ico_sns.png?update=20180329") no-repeat -36px -612px}
.sns-area .sns .sns-type .line::before{background:url("/rpan/common/images/ico_sns.png?update=20180329") no-repeat -36px -612px}
.sns-area .sns .sns-type .line,
.sns-area .sns .sns-type .kakao,
.sns-area .sns .sns-type .story{display:none} 
/* 공유하기 레이어 - URL복사 */
.sns .url-share{clear:both;padding-top:0}
.sns .url-share > p{margin-bottom:5px}
.sns .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:10px}
.sns .url-share input[type="text"]{padding:5px 10px 6px 10px;background-color:#f9f9f9;border:#eaeaea 1px solid}
.sns .url-share .input-style{float:left;width:67%}
.sns .url-share .input-style-case02{width:100%}
.sns .url-share .btn-t{float:right;width:30%;padding-left:5px;padding-right:5px}
.sns .url-share input[type="text"]{padding:5px 10px 6px 10px} 
/* SNS - 스크랩 레이어 */
.scrap-box{display:block;position:absolute;top:0;left:120px;z-index:100;border:#000 1px solid;background-color:#fff;line-height:1.4;text-align:left;padding:14px;max-width:310px}
.scrap-box .scrap-text{color:#888}
.scrap-box .scrap-text span{color:#ff545b}
.scrap-box .scrap-text a{color:#000;text-decoration:underline}
.scrap-box .scrap-button{display:block;text-align:center;margin-top:10px} 
/* 댓글 - 레이어 */
.reply-area{position:absolute;left:0;top:100px;text-align:center;z-index:100}
.reply-area .sns-mobile .dot-list02{clear:both;text-align:left;padding:10px 0 15px;font-size:13px;color:#888}
.reply-area .sns-mobile{display:none}
.reply-area .sns{display:block;position:absolute;top:0;left:0;border:#444 1px solid;background-color:#fff;padding:20px;width:300px}
.reply-area .sns .tit-h2{text-align:left;padding-bottom:10px;margin:0} 
.comment-cont .reply-area .btn-s.red{color:#fff;border:1px solid #ff545b} 
/* SNS 클린신고 팝업 */
.pop-clean{padding-bottom:5px}
.pop-clean table{border-top:#444 1px solid;width:100%;margin-bottom:20px}
.pop-clean table.mg-bottom10{margin-bottom:10px}
.pop-clean table th{background-color:#f9f9f9;padding:10px 15px;text-align:left;border-bottom:#eaeaea 1px solid;vertical-align:middle;font-weight:bold}
.pop-clean table td{padding:10px;border-bottom:#eaeaea 1px solid}
.pop-clean table td .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.pop-clean table td textarea{height:70px}
.pop-clean .notify{margin-bottom:20px}
.pop-clean .notify .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:240px}
.pop-clean .notify textarea{display:block;margin-top:5px;border:#ccc 1px solid}
.pop-clean .pop-clean-info{background-color:#f9f9f9;color:#888;padding:20px;overflow:hidden;margin-bottom:10px}
.pop-clean .pop-clean-info dt{font-size:13px;font-weight:bold;height:20px;line-height:20px;  background:url(/rpan/common/images/btn_etc.png) no-repeat 0 -75px;background-size:20px 95px;padding-left:24px;margin-bottom:10px}
.pop-clean .pop-clean-info dd{font-size:13px;line-height:1.4}
.pop-clean .pop-clean-info dd.tip1{border-bottom:#eaeaea 1px solid;padding-bottom:20px;margin-bottom:20px}
.pop-clean .pop-clean-info dd.tip1 span{font-size:13px;display:block;color:#444}
.pop-clean .pop-clean-info dd.tip2 span{font-size:13px;display:block;background:url("/rpan/common/images/bul_dot2.png?update=20180329") no-repeat 5px 18px;background-size:2px 2px;padding:10px 0 15px 12px}
.pop-clean .pop-clean-call{font-size:13px;color:#888;background:url("/rpan/common/images/bul_dot2.png?update=20180329") no-repeat 5px 8px;background-size:2px 2px;padding-left:12px}
.pop-clean .pop-clean-call a{position:relative;display:inline-block;padding-right:18px;color:#af814d;font-size:13px}  
.pop-clean .pop-clean-call a:after{content:"";position:absolute;right:0;top:50%;margin-top:-7px;width:14px;height:14px;background:url("/rpan/common/images/ico_view.png?update=20180329") no-repeat 0 2px;background-size:20px 125px}
 
/* 파일 아이콘 */
.exel{padding:0 0 0 22px;background:url("/rpan/common/images/icon_file.png?update=20180329") no-repeat 0 50%} 
/* 정책 */
.policy-box{position:relative;overflow:hidden;margin:40px 0;border:1px solid #eaeaea;border-top:1px solid #444}
.policy-box:after{content:"";position:absolute;top:0;left:50%;height:100%;border-left:1px solid #eaeaea}
.policy-box .num-policy2{float:left;width:50%;padding:20px 18px}
.policy-box .num-policy2 li{padding:0 0 0 18px;text-indent:-25px;font-weight:bold;color:#000;line-height:180%;box-sizing:border-box}
.policy-box .num-policy2 li .num{display:inline-block;min-width:20px;text-indent:0;text-align:center;font-weight:normal;color:#ff545b}  
.num-policy li{padding:0px 0 0 31px;line-height:160%;text-indent:-30px}
.num-policy li:nth-child(-n+9){padding:0px 0 0 25px;text-indent:-24px}
.num-policy li .desh-list li{text-indent:0}
.num-policy li .desh-list li:nth-child(-n+9){padding:0 0 0 11px;text-indent:0}
.num-policy li .num-policy.type{margin:10px 0}
.num-policy.type{margin:10px 0 0 0}
.num-policy.type li{padding:0 0 0 25px;line-height:160%;text-indent:-25px}
.num-policy.type li:nth-child(-n+9){padding:0px 0 0 19px;text-indent:-18px} 
.num-policy li .num-policy.type3{margin:10px 0}
.num-policy.type3{margin:10px 0 0 0}
.num-policy.type3 li{padding:0 0 0 25px !important;line-height:160%;text-indent:-25px}
.text-layout .num-policy + .tit-h2{margin-top:35px}
.text-layout .num-policy + .tit-h3{margin-top:25px}
.text-layout .table-col .num-policy{margin:0}
.text-layout .table-scroll{margin:10px 0 0 0}
.text-layout .num-policy + h4{margin-top:10px}
.text-layout .num-policy + .text{margin-top:25px}
.text-layout .text{margin-bottom:10px}
.text-layout .pt15{padding-top:15px}
.text-layout .img{margin:10px 0;position:relative}
.text-layout .img img{max-width:100%;display:block;border:#eaeaea 1px solid}
.text-layout .img + .dot-list{padding-bottom:15px}
.text-layout .img + .hidden li{text-indent:-9999em}
.text-layout .pt30{padding-top:30px}
.num-policy li .num-policy.type2{margin:10px 0}
.num-policy.type2{margin:10px 0 0 0}
.num-policy.type2 li{padding:10px 0 10px 0;line-height:160%;text-indent:0}
.num-policy.type2 li .text{padding-top:10px;margin-bottom:0}
.text-layout .manager-box{border:#eaeaea 1px solid;background-color:#f9f9f9;padding:20px}
.text-layout .manager-box dl{padding-bottom:15px}
.text-layout .manager-box dt{font-weight:bold;padding-bottom:5px}
.text-layout .manager-box dd{padding-bottom:15px}
.text-layout .manager-box .desh-list{margin-top:30px}
.ppo-step{margin-top:20px}
.ppo-step li .ppo-cont{min-height:260px;padding:10px;text-align:center}
.ppo-step li .img-box{height:130px;margin:10px 0 15px}
.ppo-step li .img-box:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.ppo-step li .img-box .img{display:inline-block;width:90%;vertical-align:middle;padding:0}
.ppo-step li .img-box .img img{max-width:100%} 
.ppo-step li .ppo-cont > strong{display:block}


/* 텍스트 앞에 블릿일 경우 */
.txt-disis:before, .media-disis:before{content:"";display:inline-block;margin:0 5px 0 0;padding:1px 0;background:url("/rpan/common/images/icon_sprite.png?update=20180329") no-repeat 0 0;vertical-align:-4px}
.txt-disis:before{width:12px;height:14px;background-position:0 -26px}
.media-disis:before{width:14px;height:16px;background-position:0 -51px} 
/* 반응형 이미지 버튼 형태 오른쪽일 경우 */
.img-btn{margin:8px 0 40px;text-align:right} 
/* 마지막 체크일 경우 */
.last-check{margin:10px 0 0 0} 
/* 팝업 약관동의 일때 */
.clause .choice{margin:0;font-size:13px;color:#888} 
/* 전체 차트 영역 */
.chart-view{position:relative;width:100%;border:1px solid #ccc;min-height:500px} 
/* 탭 활성화 시 */
.selected-content{display:block !important} 
/* 문의 답변 */
.answer-box{margin:20px 0 0 0;border:1px solid #eaeaea}
.answer-box .tit{display:block;padding:16px 0 16px 20px;background:#f9f9f9;font-weight:normal;color:#ff545b}
.answer-box .answer{padding:20px;line-height:150%}
.answer-box .answer.no-answer{padding:36px 20px 30px;color:#888;text-align:center}
.answer-box .answer.no-answer:before{content:"";display:block;width:60px;height:60px;margin:0 auto 10px;background:url("/rpan/common/images/icon_answer.png?update=20180329") no-repeat 0 0;background-size:60px} 
.answer-box .table-scroll-no{border-top:#eaeaea 1px solid;margin-top:20px}
.answer-box .table-scroll-no .table-row th{border-bottom:none;vertical-align:top}
.answer-box .table-scroll-no .table-row td{border-bottom:none}
.answer-box .table-scroll-no .table-row td .file{}
.answer-box .table-scroll-no .table-row td .file-img-view{display:inline-block;max-width:270px;margin:10px 0;position:relative}
.answer-box .table-scroll-no .table-row td .file-img-view img{width:100%;display:block}
.answer-box .table-scroll-no .table-row td .file-img-view .zoom-bt{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?update=20180329") no-repeat 0 0}

/* 이미지 박스(확대) */
.expand-box{position:relative;margin:15px 0 0 0;padding:15px 10px 20px;border:1px solid #eaeaea;text-align:center}
.expand-box img{max-width:100%}
.expand-box .zoom{display:none;text-indent:-9999em}  
/*목록에 데이터없을 때:기본 */
.no-write{position:relative;text-align:center;padding:20px 0}
.no-write::before{content:"";display:block;width:20px;height:20px;background:url("/rpan/common/images/ico_sub5.png?update=20181102") no-repeat 0 -59px;background-size:40px 1000px;margin:0 auto 7px} 
/*목록에 데이터없을 때:정렬이 미들인 경우 */ 
.no-data{position:absolute;top:50%;left:0;text-align:center;width:100%}
.no-data p::before{content:"";display:block;width:20px;height:20px;background:url("/rpan/common/images/ico_sub5.png?update=20181102") no-repeat 0 -59px;background-size:40px 1000px;margin:0 auto 7px}
.pmy-main-box .pmy-list .no-data{width:49.5%} 
/* 커뮤니티 popup */ 
.guide_text{z-index:100;position:absolute;right:15px;bottom:7px;font-size:13px;color:#888}
.pop-cont .form-table td textarea.stop-textarea{height:200px;padding:10px;line-height:20px}
.stop-scroll{max-height:300px;overflow-y:visible;overflow-x:auto;margin-top:10px;border-bottom:1px solid #eaeaea;border-top:1px solid #000}
.stop-scroll .table-col{margin-bottom:20px}
.stop-scroll .table-col thead tr th{text-align:center}
.stop-scroll .table-col thead tr:last-child th{text-align:left;padding-left:30px}
.stop-scroll .table-col tbody tr td{text-align:center;text-indent:-1px} 
.stop-scroll .table-col tbody tr.even td{background:#f9f9f9}
.stop-scroll .table-col tbody tr:nth-child(even) td{text-align:left}
.tab-body-in .no-write{border-bottom:1px solid #eaeaea;border-top:1px solid #000;height:200px;margin-top:10px}
.tab-body-in .no-write p{margin-top:50px;text-align:center;background:url(/rpan/common/images/no-write.png) no-repeat center 0;padding-top:60px;color:#888}
/* 프로필사진-배지 조합 */
.pro-badge{display:inline-block;position:relative;width:46px;height:46px}
.pro-badge > img{width:46px !important;height:46px !important;border-radius:50% !important;/* background-color:#dc4e55;*/ background-color:#eaeaea;font-size:13px;display:inline-block;color:#000;text-align:center}
.pro-badge i{display:inline-block;width:20px;height:20px;position:absolute;bottom:-3px;left:-3px;box-sizing:content-box;border:#fff 2px solid;border-radius:50%;overflow:hidden;background-color:#fff}
.pro-badge i img{width:100%;display:inline-block} 
.pro-badge.medium{width:60px;height:60px}
.pro-badge.medium > img{width:60px !important;;height:60px !important;line-height:61px}
.pro-badge.medium i{width:20px;height:20px} 
.pro-badge.large{width:91px;height:91px}
.pro-badge.large > img{width:91px !important;height:91px !important;line-height:91px}
.pro-badge.large i{width:34px;height:34px} 
.nick-badge img{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:4px;border-radius:50%;margin-bottom:2px;overflow:hidden} /* 기존 22px -> 변경 20px */
.nick-badge-small img{display:inline-block;width:20px;height:20px;vertical-align:middle;margin-right:4px;border-radius:50%;margin-bottom:2px;overflow:hidden} /* 기존 16px -> 변경 20px */
[class*="nick-badge"] a{color:#000} 
/* 모바일용 검은색 배경 dim */
.dim-mobile{display:none}
.dim-mobile > div{border:#444444 1px solid;padding:15px 15px 20px;background-color:#fff;min-width:100px;min-height:70px}
.dim-mobile > div button.dim-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}	
.dim-mobile .dim-button{padding-top:20px;text-align:center}
/* 아이프레임 삽입 16:9 비율인 경우 */ /* padding-bottom값은 4:3 비율인 경우 75%로 설정합니다 */
.iframe-style{position:relative;padding-bottom:56.25%;padding-top:25px;height:0;width:100%}
.iframe-style iframe{position:absolute;top:0;left:0;width:100%;height:100%}
.cont-area > .iframe-style{overflow:hidden;overflow:auto}
.iframe-style-site{width:100%;height:1000px;overflow:auto;-webkit-overflow-scrolling:touch}
.iframe-style-site iframe{}
/* 서비스에러 - 공통에러 */
.contents.error-page{padding-right:0}
.contents.error-page .cont-area{float: none;margin:0 auto;max-width:630px;padding:67px 38px 50px 38px}/* 190711 수정 */
.contents.error-page .cont-area [class*="message-st-error"]{margin-bottom:40px} 
.contents.error-page .cont-area .different{border:#eaeaea 1px solid;background-color:#f9f9f9;padding:20px;position:relative;margin-bottom:40px}
.contents.error-page .cont-area .different p{color:#888}
.contents.error-page .cont-area .different span{position:absolute;top:50%;right:20px;margin-top:-14px}
.contents.error-page .cont-area .different span a{font-size:13px;color:#000;height:28px}
.contents.error-page .cont-area .bt-area{padding:0}
.contents.error-page .cont-area .bt-area .btn-b{min-width:153px}   
/* 시스템 점검안내 */
.system-error{display:table;height:100%;width:100%;position:relative}
.error-area{display:table-cell;vertical-align:middle;width:100%}
.error-area .er-cont{margin:0 auto;max-width:630px;padding:67px 38px 50px 38px;background-color:#fff}
.error-area .er-cont .system-data{border:#eaeaea 1px solid;background-color:#f9f9f9;padding:20px;position:relative;margin-bottom:40px;margin-top:40px} 
.error-area .er-cont .system-data p{color:#000}
.error-area .er-cont .system-data p span{display:inline-block;padding-right:10px;color:#666666}
.error-area .er-cont .system-logo{text-align:center}
.error-area .er-cont .system-logo p{width:115px;margin:0 auto}
.error-area .er-cont .system-logo p img{width:100%}
/* 주소검색 */
.pop-cont-address{padding-left:0 !important;padding-right:0 !important}
.pop-cont-address .tab-area ul{margin:0 0 20px 0}
.address-pop{padding:0 20px 50px}
.address-pop .text1{color:#000;padding-bottom:15px}
.address-pop .text1 span{color:#888;display:block;line-height:1.8;font-size:13px}
.address-pop .text2{color:#888;padding-bottom:15px}
.address-pop .text2 i{color:#000}
.address-pop .ui-input{border-top:#eaeaea 1px solid;border-bottom:#eaeaea 1px solid;padding:15px 0 5px 0;min-height:98px;margin-bottom:15px}
.address-pop .ui-input > li{width:50%;float:left;padding-right:10px;padding-bottom:10px}
.address-pop .ui-input > li label{width:30%;float:left;line-height:28px}
.address-pop .ui-input > li .select-style,
.address-pop .ui-input > li .input-style{width:70%;float:right}
.address-pop .ui-input > li .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.address-pop .ui-input > li.long{width:100%;float:none;padding:0 10px 10px;overflow:hidden}
.address-pop .ui-input > li.long label{width:15%;float:left;line-height:28px}
.address-pop .ui-input > li.long span{width:85%;float:right}
.address-pop .pop-bton{clear:both}
.address-pop .no-data{position:relative;border:#eaeaea 1px solid;text-align:center;margin-top:15px;padding:50px 0}
.address-pop .no-data p::before{content:"";display:block;width:25px;height:26px;background:url("/rpan/common/images/ico_sub5.png?update=20181102") no-repeat 0 -774px;margin:0 auto 7px}
.address-pop .result-data{margin-top:20px}
.address-pop .result-data p{padding-bottom:10px}
.address-pop .result-data p span{color:#ff545b}
.address-pop .result-data .scroll{border:#eaeaea 1px solid;overflow-y:scroll;height:215px}
.address-pop .result-data .scroll ul{width:100%;padding:5px 0}
.address-pop .result-data .scroll ul li{text-align:center;overflow:hidden}
.address-pop .result-data .scroll ul li span{display:block}
.address-pop .result-data .scroll ul li span.num{width:23%;float:left}
.address-pop .result-data .scroll ul li span.adrs{width:77%;float:right;text-align:left}
.address-pop .result-data .scroll .th-li{border-bottom:#eaeaea 1px solid;height:28px;line-height:28px;margin-bottom:5px}
.address-pop .result-data .scroll .th-li span.adrs{text-align:center}
.address-pop .result-data .scroll ul li a{color:#888;display:block;padding:7px 0 6px 0;line-height:1.4;overflow:hidden}
.address-pop .result-data .scroll ul li a:focus,
.address-pop .result-data .scroll ul li a:hover{color:#000}
.address-pop .form-table{}
.address-pop .form-table td .input-style{width:100%}
.address-pop .form-table td .input-style input.readonly{color:#888}   

/* 주가지수 아이콘 */
.rise{position:relative;color:#ff545b;padding-left:13px;background:url("/rpan/common/images/ico_rise.png?update=20180329") no-repeat 0 50%;background-size:8px 6px}
.fall{position:relative;color:#1ea3fe;padding-left:13px;background:url("/rpan/common/images/ico_fall.png?update=20180329") no-repeat 0 50%;background-size:8px 6px}
.upper-limit{position:relative;color:#ff545b;padding-left:12px;background:url("/rpan/common/images/ico_upper.png?update=20180329") no-repeat 0 50%;background-size:8px 10px}
.low-limit{position:relative;color:#1ea3fe;padding-left:13px;background:url("/rpan/common/images/ico_low.png?update=20180329") no-repeat 0 50%;background-size:8px 10px}
.maintenance{position:relative;color:#000;padding-left:13px;background:url("/rpan/common/images/ico_maintenance.png?update=20180329") no-repeat 0 50%;background-size:8px 10px} 

/* 해상도에 따른 분기  */
@media only screen and (max-width:1773px){/* 1773px 까지 */
	.timeline{top:219px;right:0;left:auto;margin-left:0}
}

@media only screen and (min-width:1600px){
.contents{width:1260px;margin:0 auto}
.contents.member{width:auto;padding-right:0}
.contents .side-area{right:210px} 
.cont-area{margin-right:0;float:left;width:calc(100% - 310px)}
.contents.member .cont-area{width:100%;float:none}
.side-area{position:static;width:300px;float:right}
.side-area.pcf{margin-top:-60px}
.header .nav .depth01 > li > div .banner{right:30px}
} 
@media only screen and (max-width:1599px){
	/* layout **** */ 
	.all-menu .depth-wrap{padding:0;border-right:0}
	.all-menu .depth01 > li:last-of-type{border-right:0} 
	.all-menu .depth01 > li:first-of-type:after{border-left:0}  
	.contents{margin:0 auto;max-width:1265px}  
	.contents.member{margin:0 auto 200px}  
	.cont-area{margin-right:0;float:left;width:calc(100% - 310px)}
	.contents .side-area{position:static;width:300px;float:right}
	.contents .side-area.pcf{margin-top:-60px}
	.contents.member .cont-area{width:100%;float:none}
	.header .nav .depth01 > li > div .banner{right:20px}
}

@media only screen and (max-width:1160px){
	/* layout **** */ 
    .cont-area{margin:0 auto;max-width:950px;width:100%;float:none} 
	.container.main .cont-area{padding:0} 
	.header .nav{padding-left:150px}   
	.contents .side-area{position:relative;float:none;margin:0 auto 40px;max-width:950px;width:auto;overflow:hidden;clear:both}  
	.contents .side-area.pcf{position:relative;top:0;right:0;margin-top:10px}
	.contents .side-area > div{float:left}  
	.header .nav .depth01 > li > div .depth-tit{left:20px} 
	.header .nav .depth01 > li > div .banner{right:20px} 
	.header .nav .depth01 > li > div .depth02-wrap{margin-left:180px}
}  
@media only screen and (max-width:1414px){/* 1414px 까지 */
	.slide-btn.select{display:block;position:absolute;left:auto;right:7px;top:230px;width:27px;height:27px;margin-left:0;background:url("/rpan/common/images/timeline-open.png?update=20180329") no-repeat;text-indent:-999em;z-index:3}
}

@media only screen and (max-width:1350px){/* 1350 까지 */
	.slide-btn.select{display:block;position:absolute;left:auto;right:7px;top:230px;width:27px;height:27px;margin-left:0;background:url("/rpan/common/images/timeline-open.png?update=20180329") no-repeat;text-indent:-999em;z-index:3}
}

@media only screen and (max-width:1299px){
	.containerNew {padding:20px 20px 0 20px}
}
@media only screen and (min-width:1241px) and (max-width:1330px){
	.header .nav .depth01 > li > div .banner{right:20px} 
}

@media only screen and (min-width:1161px) and (max-width:1240px){
	/* layout **** */     
 	.header .nav .depth01 > li > div .depth-tit{left:70px} 
	.header .nav .depth01 > li > div .banner{position:absolute;right:20px}
	.header .nav .depth01 > li > div .depth02-wrap{margin-left:240px}  
} 
@media only screen and (min-width:980px) and (max-width:1240px){
	/* layout **** */    
	.logo-area{margin-top:15px}
	.logo-area a img{width:92px}
	.header .nav{padding-left:0px;margin-left:120px}/* 가상화폐 : 180222 */
	.header .nav .depth01 > li{padding:0 0.8%}/* 가상화폐 : 180222 */
	.header .nav{padding-left:0px;margin-left:130px}
	.header .nav .depth01 > li{padding:0 1.1%}
	.header .nav .depth01 > li a{font-size:14px;}   
	.footer .inner-st .foot-stock .stock-float{float:left;width:60%}  
    .footer .inner-st .foot-stock .stock-float li{margin-bottom:30px}  
	.container{margin-bottom:160px} 
	.pop-layer .popup-wrap .pop-cont{padding:70px 15px 20px  20px}  
	.pop-layer .popup-wrap .pop-cont .cont-scroll{height:300px;overflow-y:scroll;margin-left:-20px;margin-right:-15px;padding:0 20px 0 20px} 
	.pop-layer .popup-wrap .pop-btn:after{content:"";display:block;position:absolute;height:1px}
} 
@media only screen and (min-width:980px) and (max-width:1124px){
	.footer .inner-st .foot-chart{position:absolute;right:20px;top:0;width:245px}
	.footer .inner-st .foot-chart:before{content:"";position:absolute;top:36px;left:0;z-index:1;width:245px;border-top:1px solid #817d7c}
	.footer .inner-st .foot-chart dl.nth-02{z-index:1}
	.footer .inner-st .foot-chart dl{position:absolute;top:30px;left:0;width:245px;padding-top:0;margin-left:0;z-index:2}  
	.footer .inner-st .foot-chart dl dt{position:absolute;top:-18px;left:0;z-index:2;height:25px;width:60px;border:1px solid #817d7c;background:#655f5f}
	.footer .inner-st .foot-chart dl dt.selected{background:none;border-bottom:1px solid #5e5858}
	.footer .inner-st .foot-chart dl dt button{width:100%;display:block;line-height:24px;font-size:13px;text-align:center;color:#888;margin-bottom:7px} 
	.footer .inner-st .foot-chart dl dd.more{display:block ;margin-top:-27px}  
	.footer .inner-st .foot-chart dl dd{display:none} 
	.footer .inner-st .foot-chart dl.nth-02 dt{left:59px} 
	.footer .inner-st .foot-chart dl dd.more{display:none }
	.footer .inner-st .foot-chart dl.clicked dd.more{display:block}	
	.footer .inner-st.open .foot-chart dl dd{display:block;margin-top:-10px}
	.footer .inner-st.open .foot-chart dl dd.rise,
	.footer .inner-st.open .foot-chart dl dd.fall{background:#5e5958}
	.footer .inner-st.open .foot-chart dl dd.chart{margin-top:10px}
	.footer .inner-st.open .foot-chart dl dd.more{margin-top:-27px}   
	.footer .inner-copy p span{padding-left:4px;margin-left:2px}   
} 
@media only screen and (min-width:980px) and (max-width:1048px){
	.contents .side-area{width:auto;overflow:hidden} 
	.header .search-box{width:215px}/* 가상화폐 : 180222 */
	.header .search .search-box p{width:150px}/* 가상화폐 : 180222 */
}  
@media only screen and (max-width:1023px){
	.timeline{display:none}
	.side-area > .bannner, .side-area > .banner{margin:0 auto;text-align:center}
} 
@media only screen and (max-width:979px){
	.p-type{display:none}
	.m-type{display:block}
	#all_wrapper1{display:none}
	.slide-btn.select,.timeline-open{display:none}
	.timeline.select{display:none}
	 body.open-modal{overflow:inherit} 
	.wrap{position:relative;height:100%;min-width:320px}
	.wrap.popdim{position:fixed;top:0;bottom:0;right:0;left:0}
	 body.open-modal .wrap{position:fixed;top:0;bottom:0;right:0;left:0} 
	.header{height:52px;z-index:2;border-bottom:2px solid #444} 
	.header:after{content:"";position:absolute;bottom:-2px;right:0;width:50px;border-bottom:2px solid #ff545c}
	.header .ico-time{display:block}   
	.channel-bar{display:none}
 	.logo-area{position:absolute;top:10px;left:90px;right:90px;text-align:center;margin:0}
	.logo-area img{width:85px} 
	.logo-area a img{width:85px} 
	.nav{display:none} 
	.header .event-menu{display:none}  
	.header .search{position:absolute;top:0;right:0;left:0;z-index:1000}
	.header .search-box{display:none;width:100%;height:50px;border-bottom:1px solid #444;background:#fff}   
	.header .search .search-box button.out{display:block;position:absolute;left:0;top:0;overflow:hidden;width:48px;height:48px;line-height:26px;background:url("/rpan/common/images/btn_search_m.png?update=20180329") no-repeat 12px 14px;text-indent:-100px;background-size:100px 20px}
	.header .search .search-box button.all-s{top:10px;right:15px;background:#444} 
	.header .search .search-box p{width:auto;margin-right:78px;margin-left:48px;padding:0;background:#fff}
	.header .search .search-box span{display:block;margin-right:30px;padding-top:8px} 
	.header .search .search-box p button{top:10px;background-color:#444;background-position:100% 100%;background-size:50px 50px} 
	.header .search .search-list{width:auto;border:0;padding:0 15px 30px;border-bottom:1px solid #92959a;background:#fff;border-top:10px solid #eff3f6}
	.header .search .search-list > p{display:block;font-size:16px;padding:14px 0 10px;font-weight:bold}
	.header .search .search-list li{position:relative;border-bottom:1px solid #eaeaea}
	.header .search .search-list li:first-child{border-top:1px solid #eaeaea}
	.header .search .search-list li a{width:100%;line-height:38px;margin-right:38px;padding:0;text-indent:10px}
	.header .search .search-list li a mark{color:#fd5258}
	.header .search .search-list li a:active{background:#eff3f6}
	.header .search .search-list li button{display:block;overflow:hidden;position:absolute;right:0;top:50%;width:35px;height:38px;margin-top:-19px;background:url("/rpan/common/images/btn_search_m.png?update=20180329") no-repeat -75px 50%;background-size:100px 20px;text-indent:-100px} 
	.header > button{display:block;position:absolute;width:40px;height:40px;text-indent:-100px;overflow:hidden;background:url("/rpan/common/images/btn_m_top.png?update=20180329") no-repeat;background-size:167px 25px}
	.header .ico-home{display:block;left:6px;top:5px;background-position:6px 50%}
	.header .ico-time{left:47px;top:5px;background-position:-32px 50%}
	.header .ico-search{display:block;right:47px;top:5px;background-position:-72px 50%}
	.header .ico-all{width:40px;height:40px;margin:5px 0 0 0;background:url("/rpan/common/images/btn_m_top.png?update=20180329") no-repeat -112px 50%;background-size:167px 25px}  
	
	/* 헤더영역:회원정보 */
	.header.log{height:52px;z-index:0;margin-bottom:0} 
	.header.log .channel-bar{display:none}
	.header.log > mark{display:block;position:absolute;top:10px;left:90px;right:90px;text-align:center} 
	.header.log > mark a img{width:85px;height:auto}
	.header.log .ico-all{display:none}
	/*.header.log .ico-all{display:block;right:5px}*/

	/* ****  모바일메뉴 **** */ 
	.mob-tmenu{display:block;position:absolute;left:0;top:55px;right:0;z-index:3;width:100%}
	.mob-tmenu > span{display:block;position:absolute;left:90px;right:90px;top:-55px;height:48px;line-height:48px;text-align:center; background:#fff;font-size:16px} 
	.mob-tmenu button{display:inline-block;position:relative;font-size:16px;padding:0 15px 0 0}
	.mob-tmenu button:before{content:"";position:absolute;right:0;top:50%;width:10px;height:4px;margin-top:-2px;background:url("/rpan/common/images/btn_m_top.png?update=20180329") no-repeat -157px 0;background-size:167px 25px}
	.mob-tmenu.submain button:before{display:none}
	.mob-tmenu button.up:before{top:50%;background:url("/rpan/common/images/btn_m_top.png?update=20180329") no-repeat -157px 100%;background-size:167px 25px}
	.mob-tmenu .dim{display:none;position:absolute;z-index:1;left:0;top:0;right:0;bottom:0;background:rgba(0, 0, 0, .5)}
	.mob-tmenu ul{display:block;position:relative;z-index:2;padding-top:10px;background:#fff} 
	.mob-tmenu ul li a{display:block;height:37px;line-height:37px;border-bottom:1px solid #eaeaea;text-align:center}
	.mob-tmenu ul li a mark{display:inline-block;padding-right:15px;background:url(../images/bul_tmenu.png) no-repeat 100% 13px;background-size:8px 60px}
	.mob-tmenu ul li a:active{background:#ff545b;color:#fff}
	.mob-tmenu ul li a:active mark{color:#fff}
	.mob-tmenu ul li.selected a mark{color:#ff545b;background-position:100% -35px}
	.mob-tmenu ul li.selected a:active mark{display:inline;color:#fff} 
	.all-menu,.all-dim{display:none;visibility:hidden}
	.mob-menu{display:none;position:absolute;left:0;top:0;right:0;height:100%;background:#fff;z-index:10000}
	.mob-menu .mob-head{position:relative;padding:13px ;z-index:3;background:#ff545b}
	.mob-menu .mob-head .person{display:block;position:absolute;left:15px;top:50%;margin-top:-19px;border:1px solid #fff;border-radius:100%;width:39px;height:39px}
	.mob-menu .mob-head .person img{width:100%;height:37px;background-color:#eaeaea;border-radius:50%}
	.mob-menu .mob-head .close{display:block;overflow:hidden;position:absolute;right:0;top:50%;height:40px;width:40px;margin-top:-20px;z-index:3;background:url("/rpan/common/images/btn_etc.png?update=20180329") no-repeat 50% 10px;text-indent:-999px;background-size:20px 95px;opacity:1} 
	.mob-menu .mob-head button.off{display:block;overflow:hidden;position:absolute;right:40px;top:50%;height:40px;width:40px;margin-top:-25px;z-index:3;background:url("/rpan/common/images/mob_arrow.png?update=20180329") no-repeat 50% -15px;text-indent:-999px;background-size:22px 50px} 
	.mob-menu .mob-head p{padding-left:50px;color:#fff}
	.mob-menu .mob-head p strong{display:block}
	.mob-menu .mob-head p strong a{color:#fff}
	.mob-menu .mob-head p > a{position:relative;display:inline-block;margin-right:15px;padding-left:20px;color:#fff}
	.mob-menu .mob-head p > a:before{content:"";position:absolute;width:18px;height:20px;left:0;top:0;background:url(../images/ico_mob_dep4.png) no-repeat 0 1px;background-size:35px 40px}
	.mob-menu .mob-head p > a.message:before{background-position:-17px 1px}
	.mob-menu .mob-head p > a.selected:before{background-position:0 -20px} 
	.mob-menu .mob-head p > a.message.selected:before{background-position:-17px -20px} 
	.mob-menu .mob-head p span{line-height:50px;font-size:16px}
	.mob-menu .depth01-wrap{position:absolute;left:0;top:0;width:126px;z-index:2;height:100%;overflow:scroll;padding-top:73px} /* 180920 */
    .mob-menu .depth01-wrap > p:first-child > a{display:block;color:#000;border-bottom:1px solid #eaeaea;;line-height:37px;padding-left:15px} 
	.mob-menu .depth01{width:125px;position:relative;z-index:2}/* 180920 */
	.mob-menu .depth01 > li{position:relative}  
	.mob-menu .depth01 > li.selected:after{content:"";position:absolute;right:-1px;top:50%;width:7px;height:15px;margin-top:-5px;overflow:hidden;background:url("/rpan/common/images/mob_arrow.png?update=20180329") no-repeat 0 0;background-size:22px 50px} 
	.mob-menu .depth01 > li a{display:block;color:#000;line-height:37px;padding-left:15px;border-bottom:1px solid #eaeaea}
	/* 180920 */
	.mob-menu .depth01 > li a span{display:inline-block;position:relative}
	.mob-menu .depth01 > li.selected > a{position:relative;height:75px;padding-top:51px;box-sizing:border-box;line-height:100%;background:#f9f9f9} 
	.mob-menu .depth01 > li.selected > a:after{content:"";position:absolute;left:15px;top:10px;width:40px;height:40px;overflow:hidden;background:url("/rpan/common/images/ico_gnb_mob.png?update=20180823") no-repeat 0 0;background-size:40px 414px}
	.mob-menu .depth01 > li.selected > a span i{display:none}
	/*.mob-menu .depth01 > li:nth-of-type(2).selected > a:after{background-position:0 -49px}*/
	.mob-menu .depth01 > li:nth-of-type(2).selected > a:after{background-position:0 -374px} /* 180823 */
	.mob-menu .depth01 > li:nth-of-type(3).selected > a:after{background-position:0 -96px}
	.mob-menu .depth01 > li:nth-of-type(4).selected > a:after{background-position:0 -144px} 
	.mob-menu .depth01 > li:nth-of-type(5).selected > a:after{background-position:0 -190px} 
	.mob-menu .depth01 > li:nth-of-type(6).selected > a:after{background-position:0 -237px} 
	.mob-menu .depth01 > li:nth-of-type(7).selected > a:after{background-position:0 -280px}
	.mob-menu .depth01 > li:nth-of-type(8).selected > a:after{background-position:0 -327px}
	.mob-menu .depth02-wrap{position:absolute;left:125px;top:0;right:0;z-index:1;height:100%;padding:90px 15px 0 20px;border-left:1px solid #eaeaea;overflow:scroll} /* 180920 */ 
	.mob-menu .depth02-wrap p{font-size:16px;padding-bottom:5px;border-bottom:1px solid #444} 
	.mob-menu .depth02-wrap p a{display:block;color:#000} 
	.mob-menu .depth02-wrap p strong{display:inline-block;padding-right:20px;background:url("/rpan/common/images/ico_mob_dep3.png?update=20180329") no-repeat 100% -62px;background-size:22px 125px}
	.mob-menu .depth02{margin-bottom:20px}
	.mob-menu .depth02 > li > a{position:relative;display:block;line-height:37px;height:37px;color:#000;border-bottom:1px solid #eaeaea} 
	.mob-menu .depth02 > li.selected > a{color:#ff545b} 
	.mob-menu .depth02 > li.open > a{background:url("/rpan/common/images/ico_mob_dep3.png?update=20180329") no-repeat 100% -23px;padding-right:25px;background-size:22px 125px}
	.mob-menu .depth02 > li.selected.open > a{background-position:100% 8px}
	.mob-menu .depth02 li ul{padding:10px 0;border-bottom:1px solid #eaeaea}
	.mob-menu .depth02 li ul li a{line-height:30px;color:#000}
	.mob-menu .channel-menu{position:relative;z-index:2;padding:10px 5px 10px 13px;width:115px}
	.mob-menu .channel-menu a{display:block;color:#888;padding:5px 0;text-indent:-18px;padding-left:18px;line-height:130%;font-size:13px;vertical-align:middle}
	.mob-menu .channel-menu a:before{content:"";padding-left:18px;;background:url("/rpan/common/images/ico_mob_dep2.png?update=20180329") no-repeat 0 0;background-size:15px 375px;height:17px;display:inline-block;vertical-align:middle} 
	.mob-menu .channel-menu a:nth-of-type(2):before{background-position:0 -28px} 
	.mob-menu .channel-menu a:nth-of-type(3):before{background-position:0 -56px} 
	.mob-menu .channel-menu a:nth-of-type(4):before{background-position:0 -84px} 
	.mob-menu .channel-menu a:nth-of-type(5):before{background-position:0 -112px} 
	.mob-menu .channel-menu a:nth-of-type(6):before{background-position:0 -140px} 
	.mob-menu .channel-menu a:nth-of-type(7):before{background-position:0 -168px}
	.mob-menu .channel-menu a:nth-of-type(8):before{background-position:0 -195px} 
	.mob-menu .channel-menu a:nth-of-type(9):before{background-position:0 -227px} 
	.mob-menu .channel-menu a:nth-of-type(10):before{background-position:0 -270px} 
	.mob-menu .channel-menu a:nth-of-type(11):before{background-position:0 -315px} 
	.mob-menu .guide{font-size:0;position:relative;z-index:2}
	.mob-menu .guide img{width:125px;height:125px}
	.mob-menu .logout{position:relative;z-index:2;width:115px;display:block;background:#f9f9f9;text-align:center;height:32px;color:#888;font-size:13px}
	.mob-menu .logout:before{content:"";padding-left:24px;background:url("/rpan/common/images/ico_mob_dep3.png?update=20180329") no-repeat 0 -99px;background-size:22px 125px}
	.menu-bar{display:none} 
	/* 모바일 아이콘 추가 : 180920 */
	.ico-new-gnb{position:absolute;left:auto;right:-22px;top:6px;display:block;width:19px;height:7px;margin-left:0;vertical-align:middle;overflow:hidden;text-indent:-999em;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat 0 -397px;background-size:20px 600px}
	.ico-hot{position:absolute;left:auto;right:-22px;top:6px;display:block;width:17px;height:7px;margin-left:0;vertical-align:middle;overflow:hidden;text-indent:-999em;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat 0 -413px;background-size:20px 600px}
	
	.containerNew{padding:0;padding-bottom:170px} /* 푸터영역만큼 띄움 0816 */
	.contents{position:inherit;min-height:initial}
    .cont-area{min-height:auto;margin-right:0;padding:20px 0 120px;/*border-top:10px solid #eff3f6;*/ max-width:none !important;width:100% !important} 
	.cont-area.log{padding-bottom:0}
	.contents.member .cont-area{padding-bottom:60px}
	.contents .cont-area + .side-area{margin-top:-100px;border-top:10px solid #eff3f6}
	.containerNew.main .cont-area{padding:0 0 100px} 
	.containerNew.main .cont-area + .side-area{margin-top:-100px} 
	.contents.narrow .cont-area{padding:20px 3% 60px}
	.cont-area h1{display:none} 
	.contents.member{margin-bottom:0}  
	.contents.member .cont-area h1{display:block !important;padding-left:15px} 
	.pad-area{padding:0 15px;position:relative} 
	.popup-wrap .pad-area{position:static;background:#fff}
	.contents .side-area{margin:0;max-width:100%;padding-bottom:0}   /* 푸터영역만큼 띄움 0816 */
	.contents .side-area > div{width:100%;margin-right:0;height:auto;min-height:150px;padding-top:0}
	.contents .side-area > div.bannner{text-align:center}   
	/* 연계영역 바로가기 버튼 추가 20170914  */
	.side-area .ranking{position:relative !important;top:0 !important;left:0 !important}
	.side-area .ranking p.ranking-button{top:13px}
	/** 썸머노트 - 모바일에서 font/table 제거 **/
	.note-btn-group.btn-group.note-fontname{display:none}
	.note-btn-group.btn-group.note-table{display:none}
	.note-btn-group.btn-group.note-view{display:none}
	/*목록에 데이터없을 때:기본 */
	.no-write{padding:20px 15px}
	/** 푸터 **/
	.footer{background-image:none;z-index:15;position:absolute} 
	.footer  > button{display:none}
	.footer .mob-top{display:block;position:absolute;left:auto;top:auto;right:5px;bottom:58px;height:30px;width:30px;margin-left:0;background:#888 url("/rpan/common/images/ico_foot_m2.png?update=20180329") no-repeat 50% 50%;background-size:30px 30px}
 	.footer .inner-st .foot-stock .stock-float{float:left;width:60%}
	.footer .inner-st .foot-stock .stock-float li{margin-bottom:30px}   
	.footer .inner-st{height:138px;display:none}  
	.footer .inner-st .foot-stock .tit{margin-right:0;position:absolute;top:0;left:0;width:50%;text-align:center;z-index:2}
	.footer .inner-st .foot-stock .tit a{position:relative;display:block;height:31px;color:#c2bebe;margin-left:15px}
	.footer .inner-st .foot-stock .tit.selected a{color:#fff}
	.footer .inner-st .foot-stock .tit.selected a:after{content:"";position:absolute;left:0;bottom:0;right:0;border-bottom:1px solid #ccc}
	.footer .inner-st .foot-stock .stock-float{position:absolute;left:0;top:5px;width:100%}
	.footer .inner-st .foot-stock .stock-float ul{position:relative;z-index:1;overflow:hidden;margin-top:35px;height:70px;padding:20px 15px;border-top:1px solid #6b6564}
	.footer .inner-st .foot-stock .stock-float li{display:block;width:auto}
	.footer .inner-st .foot-stock .stock-float li div button{position:absolute;right:40px;top:8px;width:30px;height:30px;background:url("/rpan/common/images/ico_foot2.png?update=20180329") no-repeat 7px -8px;background-size:17px 68px} 
	.footer .inner-st .foot-stock .stock-float li div button.delete{right:10px;background-position:7px  -38px;margin-left:1px} 
	.footer .inner-st .foot-stock .stock-float.case02{display:block}
	.footer .inner-st .foot-stock .stock-float.case02 .tit{left:50%}   
	.footer .inner-st .foot-stock .stock-float.case02 .tit a{margin-left:0;margin-right:15px}
	.footer .inner-st .foot-stock .stock-float.case02 ul{display:none} 
	.footer .inner-st.open{height:138px}  
	.footer .inner-st.open .foot-stock .tit{margin-right:0;position:absolute;top:0;left:0;width:50%;text-align:center;z-index:2} 
	.footer .inner-st.open .foot-stock .stock-float{position:absolute;left:0;top:5px;width:100%} 
	.footer .inner-st.open .foot-stock .stock-float li{width:100%;margin-bottom:30px}
 	.footer .inner-st.open .foot-stock .stock-float li div{float:none;width:100%}   
	.footer .clickable{display:block;text-align:center;position:absolute;bottom:20px;left:0;right:0}
	.footer .clickable span{border-radius:100%;width:4px;height:4px;display:inline-block;background:#fff;text-indent:-100px;overflow:hidden;margin:0 1px}
	.footer .clickable span.checked{;background:#ffc03d} 
	.footer .inner-st .foot-chart{display:none}   
	.footer .inner-copy{padding:15px 15px 45px 15px;background:#eff3f6;display:block;visibility:visible} 
	.footer .inner-copy ul{text-align:center;margin-bottom:15px} 
	.footer .inner-copy li{margin-left:5px;padding-left:5px}
	.footer .inner-copy li:nth-of-type(3),.footer .inner-copy li:nth-of-type(6),.footer .inner-copy li:nth-of-type(7),.footer .inner-copy li:nth-of-type(8){display:none} 
	.footer .inner-copy p{text-align:center;display:none} 
	.footer .inner-copy p:nth-of-type(1){display:none}
	.footer .inner-copy p:nth-of-type(2){display:none;padding-bottom:10px} 
	.footer .inner-copy p:nth-of-type(3){padding:0 0 10px;display:block} 
	/* 회원가입 */
	.footer.log .inner-copy p:nth-of-type(1){display:block}
	.footer .inner-copy p span{font-size:11px;display:inline;margin-left:5px;padding-left:5px} 
	.footer .inner-copy p:last-child span{border-left:0;padding-left:0;margin-left:0}
	.footer .foot-toggle-bt{display:block;visibility:visible;padding:20px 0 15px;margin:0 -15px;text-align:center;border-top:1px solid #e1e9ee !important}
	.footer .foot-toggle-bt a{display:inline-block;font-size:13px;color:#444;padding-right:18px;font-weight:bold;background:url("/rpan/common/images/toggle_bt_01.png?update=20180329") no-repeat 100% 3px;background-size:12px 25px}
 	.footer .foot-toggle-bt.selected a{background-position:100% -15px} 
	/* 타임라인 팝업 */
	.bt-area .m-center{text-align:center;float:none}
	.popup-timeline .cont{padding:15px 15px 60px 15px} 
	.popup-timeline .cont ul li p img{width:100%}  
	.timeline-cont .week .date{padding-right:0}
	/* 서브메인 공통 타이틀 */
	.sub-main-tit{padding:15px 15px}
	.side-area > div .side-tit{padding:15px} 
	/* 공지사항 */
	.side-area .notice{width:100%;max-width:100%} 
	/* heading */ 
	.tit-h1.disBlock{display:block} 
	.tit-h1.disnone{display:none}
	.tit-h1.line{margin:0 0 20px}  
	.tit-h2.case02{font-size:20px} 
	.tit-h2.mopad,.tit-h3.mopad{padding-left:15px}
	.paging + .tit-h2.mopad{padding-top:20px}
	.heading-wrap{padding-right:15px}   
	/* text guide */ 
	.guide-text{margin-bottom:0;padding:0 15px 15px}  
	.guide-text.disnone{display:none}
	.guide-text03{padding:15px} 
	p + .guide-text{margin-top:8px}   
	.dot-list .desh-list{margin-top:8px}
	.dot-list + .guide-text, .dot-list + .desh-list{margin-top:8px}
	.text-layout + .text-layout{padding-top:20px;margin-top:0;border:0}
	.text-layout p + .tit-h2{margin-top:18px}
	.text-layout p + .tit-h3{margin-top:12px}
	.text-layout .dot-list + .tit-h3,.text-layout .dot-list + .tit-h2{margin-top:12px}  
	.guide-text03.type2{padding-right:15px}
	.guide-text03.type2 .absolute{position:static;display:block;margin:5px 0 0 0} 
	.guide-text03 .dealing-area{display:block;margin:10px 0 15px} 
	[class*="message-st"] .big-text{font-size:16px}  
	[class*="message-st"].big-text:after{}  
	[class*="message-st-02"].big-text:after{}  
	[class*="message-st-error"] .big-text:after{background-size:86px 300px;background-position:0 0;height:71px} 
	[class*="message-st-error"] .big-text{font-size:20px}
	[class*="message-st-error"] .big-text + p{font-size:13px}
	[class*="message-st-error-404"] .big-text:after{background-size:86px 300px;background-position:0 -152px}  
	/* tab */  
	.tab-area{margin-top:-15px;width:100%;height:45px;margin-bottom:20px} 
	.tab-area:after{content:"";display:block;clear:both;width:0;height:0} 
	.tab-body .tab-area{border-bottom:0}
	.tab-area button{display:block;position:absolute;z-index:2;right:0;top:1px;width:32px;height:35px;background:#fff url("/rpan/common/images/btn_tab.png?update=20180329") no-repeat 50% 50%;text-indent:-100px;overflow:hidden;background-size:36px 38px} 
	[class*="tab-st01"]{overflow:hidden;position:relative;height:44px;margin-bottom:0;border:0;background:#fff;z-index:1}
	[class*="tab-st01"] li{width:auto;margin-bottom:10px}
	[class*="tab-st01"] li a{height:43px;line-height:43px;border-bottom:0;padding:0 10px;background:none;border-right:0;min-width:50px} 
	[class*="tab-st01"] li.selected a{height:43px;line-height:43px}
	[class*="tab-st01"] li.selected a:after{border-bottom:1px solid #ff545b}
	[class*="tab-st01"] li.line2 a{line-height:43px;padding-top:0}
	[class*="tab-st01"] li.line2 br{display:none}
	[class*="tab-st01"]+  button{top:5px !important} 
	.tab-st01-02 li{width:50%}
	.tab-st01-02 li.forMobile{display:none}
	/*.tab-st01-03 li{width:33.3%}*/
	.tab-st01-07 li{width:auto}
	.tab-st01-08 li{width:auto} 
	.tab-st01.num02 li{width:50%}
	/*.tab-st01.num03 li{width:33.3%}*/
	.tab-st01.num07 li{width:auto}
	.tab-st01.num08 li{width:auto}  
	[class*="tab-st02"]{margin:0 15px} 
	.pad-area [class*="tab-st02"]{margin:0}   
	.my-interest{width:100%;margin-bottom:0;border-bottom:#eff3f6 10px solid;height:50px}
	.my-interest ul{overflow:hidden}
	.my-interest li{width:50%;float:left;text-align:center}
	.my-interest li a{display:block;height:40px;line-height:40px;padding:0;margin:0}
	.my-interest button{display:block;position:absolute;z-index:2;right:0;top:1px;width:32px;height:35px;background:#fff url("/rpan/common/images/btn_tab.png?update=20180329") no-repeat 50% 50%;text-indent:-100px;overflow:hidden;background-size:36px 38px}
 	.tab-area + .my-interest{margin-top:-20px} 
	.my-interest ul.tab-my01-05 li{width:auto} 
	.my-interest ul.tab-my01-05 li a{padding-left:10px;margin-left:10px} 
	/* form */ 
	input[type="checkbox"]:not(old) + label{background-image:url("/rpan/common/images/bg_check_m.png?update=20180329")} 
	input[type="checkbox"]:not(old):checked + label{background-image:url("/rpan/common/images/bg_check_on_m.png?update=20180329")} 
	input[type="checkbox"].big:not(old) + label{background-image:url("/rpan/common/images/bg_check2_m.png?update=20180329")} 
	input[type="checkbox"].big:not(old):checked + label{background-image:url("/rpan/common/images/bg_check_on2_m.png?update=20180329")}  
	.radio-wrap{width:100%}
	.date-text01{margin-bottom:0;padding-right:15px} 
	/* button */ 
	.bt-area{clear:both;overflow:hidden;padding:0 15px 40px}
	.ch-agree + span{margin-top:15px}  
	.calendar{width:25px;height:25px;background-image:url("/rpan/common/images/bg_form.png?update=20180329");background-repeat:no-repeat;background-position:7px -368px;background-size:20px 450px}
	/* 메세지 없는 경우 */
	.message-wrap{height:250px;padding:40px 15px} 
	/* 로딩 */
	.loading-wrap{height:auto;padding:40px 15px} 
	/* popup */ 
	.pop-layer{position:absolute}
	/*.pop-layer{position:static} */ /* static하면 커뮤니티 -> 게시글 신고하기 팝업 레이어 content 밑으로 숨음 */
	.popup-wrap{position:absolute;left:0;top:0;width:100%;height:100%;box-shadow:none}  
	.popup-wrap .pop-cont{bottom:0;padding:50px 0 0;background:#fff}
	.pop-layer .popup-wrap .pop-cont{padding:70px 15px 20px 15px;overflow-x:auto;-webkit-overflow-scrolling:touch}
	.popup-wrap .pop-btn{bottom:5px} 
	/* 레이어 popup */   
	.pop-layer{display:block}  
	.pop-layer .popup-wrap{top:0;left:0;width:100%;margin-left:0;padding-bottom:0;-webkit-transform:none;transform:none;position:absolute;height:100%}
	.pop-tit{display:block;position:fixed;left:0;top:0;width:100%;height:50px;line-height:50px;z-index:2;overflow:hidden;background:#ff545c url("/rpan/common/images/bg_pop.png?update=20180329") no-repeat 0 0;background-size:122px 50px;color:#fff;font-size:16px;text-indent:10px}  
	.pop-tit button{display:block;overflow:hidden;float:right;height:50px;width:50px;background:url("/rpan/common/images/btn_etc.png?update=20180329") no-repeat 50% 15px;text-indent:-999px;background-size:20px 95px}  
	.clause .pop-tit{display:block} 
	.pop-layer .popup-wrap:after{content:"";display:none}
	.pop-layer .popup-wrap .pop-btn{padding-bottom:20px}
	.pop-layer .popup-wrap .pop-cont .scroll-y{height:auto;overflow-y:visible;margin:0 -20px;padding-right:0}
	.pop-layer .popup-wrap .pop-cont .cont-scroll{height:auto;overflow-y:inherit ;margin-left:-15px;margin-right:-15px;padding:0} 
	.pop-layer .popup-wrap .pop-cont .cont-scroll.profile .tit-h2{padding-left:15px}
 	.pop-layer .poll-pop{padding:0 15px} 
	.popup-wrap .cla-close2{top:-50px;left:auto;right:0;bottom:auto}
	.popup-wrap .cla-close2.big-icon{top:-46px;width:46px;height:46px;margin-right:-10px;background:url(/rpan/imgs/promotion/btn_close.png) no-repeat;background-size:26px 26px;background-position:12px 12px}
	/* 레이어 popup 가로 크기*/
	.pop-layer .popup-wrap.wid-m,
	.pop-layer .popup-wrap.wid-s{overflow-y:auto;width:100%;z-index:1000;margin-left:0}
	.pop-layer .popup-wrap.wid-interest{width:100%;z-index:1000;margin-left:0} 
	.pop-layer .popup-wrap.wid-pmy120{width:100%;z-index:1000;margin-left:0} 
	/* 종목입체분석 홈 광고팝업 */
	.pop-layer.pop-panadv{display:none}
	/* 이미지 홍보 팝업 : 180220 안드로이드 앱 홍보 */
	.pop-img-layer{display:table;position:fixed;left:0;top:0;bottom:0;right:0;height:100%;width:100%;background-color:rgba(0,0,0, 0.7);z-index:999;table-layout:fixed}
	.pop-img-layer .pop-inner{display:table-cell;vertical-align:middle;height:100%}
	.pop-img-layer .popup-wrap{top:50%;left:50%;width:auto;height:auto;text-align:center;background:none}
	.pop-img-layer .popup-wrap a{display:inline-block}
	.pop-img-layer .popup-wrap img{display:inline-block}
	.pop-img-layer .popup-wrap .cla-close{position:relative;top:auto;left:auto;right:auto;width:auto;height:auto;margin:12px auto 0 auto;text-align:center;color:#fff;font-size:12px;font-weight:bold;text-decoration:underline;text-indent:0;text-shadow:0 0 3px #000;background-position:50px 0}
	/* button */  
	[class*="btn-t"]{padding:10px 10px;min-width:70px;font-size:14px;height:36px} 
	.zoom{display:block;position:absolute;bottom:0;right:0;background:url("/rpan/common/images/big_img_btn.png?update=20180329") no-repeat 0 0;width:30px;height:30px;background-size:30px 30px;text-indent:-9999em} 
	/* form */ 
	input[type="text"],input[type="password"],input[type="tel"]{padding:9px 35px 10px 10px;height:36px}
	[class*="input-style"] label{line-height:36px} 
	[class*="input-style"] button{height:36px;margin-top:-17px}
	[class*="input-style"] .delete{background-position:10px -295px;background-size:20px 450px}
	[class*="input-style"] .search{background-position:7px -326px;background-size:20px 450px} 
	[class*="input-style"] .calendar{background-position:10px -363px;background-size:20px 450px}
	select{height:36px}    
	.search-period{padding-top:1px}
	.search-period input[type="radio"]:not(old) + label{height:36px;line-height:36px;margin-top:-1px }  
	.view-table.result table th{width:50%;padding-right:5px;padding-left:8px} 
	.view-table table td .input-style.inp-phone{width:100%}
	.view-table table td .input-style.inp-phone + .btn-t{margin-top:5px}
	.view-table table td .select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){height:36px}
	.view-table table td .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){height:36px} 
	.form-table{border-bottom:1px solid #eaeaea;padding-top:10px;padding-bottom:12px} 
	.form-table table{width:100%}
	.form-table table th{display:none}
	.form-table table td{width:100%;padding:0 15px 8px;border-bottom:0}
	.form-table table td.file-w{padding:0 0 8px;border-bottom:none !important}
	.form-table table td [class*="input-style"]{width:100%;display:block}
	.form-table table td [class*="input-style-case01"]{width:auto}
	.form-table table td [class*="input-style-subject"] input{border:0}
	.form-table table td input[type="text"],.form-table table td input[type="password"]{width:100%}
	.form-table table td [class*="select-style"]{width:100%;display:block} 
	.form-table table td [class*="select-style"] .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%} 
	.form-table table td .style-id{position:relative} 
	.form-table table td .style-id [class*="input-style"]{width:auto;margin-right:82px}  
	.form-table table td .style-id [class*="input-style"]  button{margin-top:0}
	.form-table table td .style-id  button{position:absolute;right:0;top:0}
	.form-table table td .style-phone{position:relative}
	.form-table table td .style-phone .select-style{position:absolute;left:0;top:0}
	.form-table table td .style-phone .input-style{margin-left:65px}  
	.form-table table td div.tab_form{padding-bottom:2px} 
	.form-table table td span.tab_form{display:block;margin:10px 0 0} 
	.form-table table td .radio-ch{display:none}
	.form-table table td .select-ch{display:block} 
	.form-table table td [class*="select-style"] + [class*="select-style"]{margin-top:10px}  
	.form-table table td span.tab_text{margin-left:0} 
	.form-table table td .tab_text{display:block;margin:10px 0 } 
	.form-table + .bt-area{margin-top:-25px;padding-bottom:0} 
	.add-file{position:absolute;left:0;width:100%;top:0;height:45px;background:#f9f9f9;border-top:1px solid #eaeaea}
	.add-file span{display:block;padding:10px 15px}
	.add-file .file-ch{position:absolute;right:0;top:0;min-width:45px ;height:45px;border:0;background:url("/rpan/common/images/btn_etc.png?update=20180329") no-repeat 50% -25px;text-indent:-9999px;background-size:20px 95px}
	.file-wrap{position:relative;padding:15px 15px 0}
	.file-wrap .file-style{display:block;margin-bottom:8px;padding:0}
	.file-wrap .file-style a{padding:9px 35px 10px 25px;box-sizing:border-box}
 	.file-wrap .file-list{margin-top:45px}
	.file-style:after{background-size:20px 600px;background-position:0 -100px}
	.file-style button{height:34px;background-position:10px -295px;background-size:20px 450px}  
	.form-table + .bt-area + .pad-area .guide-text03{margin-top:40px}
	/* 투표하기 */	
	.poll-subj span{padding:9px 35px 10px 35px;height:36px}
	.poll-subj .delete{width:36px;height:36px;background-position:10px -496px} 
	.board-poll-wrap .poll-radio{padding:25px 0;display:block;text-align:left;margin:0 20px}
	.board-poll-wrap .poll-radio li{padding:6px 0 7px;text-align:left}
	.board-poll-wrap .poll-radio input[type="radio"]:not(old) + label{height:28px;line-height:28px;padding:0 0 0 32px;background-size:28px 200px;background-position:0 -61px}
	.board-poll-wrap .poll-radio input[type="radio"]:not(old):checked + label{background-position:0 0}
	.board-poll-wrap .poll-btn.button2 button{width:49%}
	.board-poll-wrap .poll-radio-result{margin:0 15px;text-align:left;padding:25px 0}
	.board-poll-wrap .poll-radio-result li{position:relative;line-height:1.6;padding:6px 0 10px 0}
	.board-poll-wrap .poll-radio-result li span.tit{padding-right:100px}
	.board-poll-wrap .poll-radio-result li div.gauge{height:20px}
	.board-poll-wrap .poll-radio-result li div.gauge span{height:20px}
	.board-poll-wrap .poll-radio-result li p span:nth-child(1)::before{display:none}  
	/* 팝업 결제 금액 */
	.form-table.payment table td .price{width:100%;display:block}
	.form-table tfoot td .m-payment, .form-table.payment td .m-payment{display:block;margin:0 0 10px 0}  
	/* toggle-list */ 
	.faq-list{margin-bottom:20px}
	.faq-list li.question a{padding-left:55px}  
	.faq-list li.question a em{display:block;position:absolute;left:15px;top:50%;margin-top:-15px;background-size:150px 150px;background-position:0 -113px} 
	.faq-list li.question a span{display:block;margin-bottom:8px} 
	.faq-list li.answer:after{content:"";background-size:150px 150px;background-position:-45px -113px}

	.search-area + .tab-area{margin-top:20px} 
	.tab-area + .faq-list{margin-top:-1px} 
	/*상단검색영역*/
	.search-area{border:0;padding:0 15px 15px;margin-bottom:0;text-align:left}
	.search-area .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;margin-bottom:5px}
	.search-area .input-style{width:74%;float:left} 
	.search-area > button{width:25%;float:right} 
	.search-area .search-in{width:74%}
	.search-area .search-in  .input-style{width:100%} 
 	.search-area .search-list{top:36px}   
	/* step */
	.step{border-width:0 0 1px 0;margin:0 0 20px;padding:10px 0 0;height:50px;overflow-x:auto} 
	.step.scroll ul{width:900px}
	.step.scroll ul li{float:left}
	.step li{background:url("/rpan/common/images/ico_arrow_m.png?update=20180329") no-repeat 100% 50%;background-size:8px 15px;padding-right:10px}
	.step li em{display:none}   
	/* 약관동의 */
	.clause span .cla-view{display:block;padding-right:22px;color:#af814d;font-size:13px;line-height:150%;background:url("/rpan/common/images/ico_view.png?update=20180329") no-repeat 100% 4px;background-size:20px 125px}
	.clause .clause-in{position:absolute;left:0;top:-12px;height:100%;z-index:9999;background:#fff;display:none;padding-bottom:80px} 
	.men-step .clause .clause-in{top:-124px}   
	.popup-wrap .clause .clause-in{top:0;width:100%}
	.clause .scroll{height:100%;background:#fff;/*overflow:visible;*/ padding-top:20px} 
	.cont-window .clause .scroll{padding-top:70px} 
	.pop-layer .clause .scroll{padding-top:70px}    
	.clause span input[type="checkbox"].big:not(old) + label{width:200px;font-size:13px;letter-spacing:-1px} 
	/* 팝업 약관동의 일때 */
	.popup-wrap .clause span input[type="checkbox"].big:not(old) + label{width:auto} 
	/* SNS */
	.sns-area{z-index:11} 
	/* SNS - 신고하기/share버튼 */
	.sns-area .notify-box{padding-bottom:20px}
	.sns-area .notify-box .notify span{background-size:40px 400px;background-position:0 -70px} 
	/* SNS - 좋아요/여의주선물하기 버튼영역 */
	.sns-area .like-box{clear:both;float:none;text-align:center}
	.sns-area .like-box .like{width:132px}
	.sns-area .like-box .like i{background-size:20px 600px;background-position:0 -190px} 
	/* 공유하기 레이어 */
	.sns-mobile{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0, 0, 0, .5)}
	.sns-area .sns{position:absolute;top:50%;left:50%;width:290px;margin-left:-145px;margin-top:-145px;padding:15px}
	.sns-area .sns .sns-type{text-align:left}
	.sns-area .sns .sns-type a{width:25%}
	.sns-area .sns .sns-type button{width:25%}
	.sns-area .sns .sns-type .scrap::before{background-size:75px 301px;background-position:0 -265px}
	.sns-area .sns .sns-type .fb::before{background-size:75px 301px;background-position:0 -60px}
	.sns-area .sns .sns-type .tw::before{background-size:75px 301px;background-position:0 -101px}
	.sns-area .sns .sns-type .nv::before{background-size:75px 301px;background-position:0 -142px}
	.sns-area .sns .sns-type .bnd::before{background-size:75px 301px;background-position:0 -183px}
	.sns-area .sns .sns-type .kakao::before{background-size:75px 301px;background-position:-39px -23px}
	.sns-area .sns .sns-type .story::before{background-size:75px 301px;background-position:-39px -64px}
	.sns-area .sns .sns-type .line::before{background-size:75px 301px;background-position:-39px -104px}
	.sns-area .sns .sns-type .line,
	.sns-area .sns .sns-type .kakao,
	.sns-area .sns .sns-type .story{display:inline-block}
	.sns-area .sns .sns-type .story{height:73px}
	.sns-area .sns .sns-type .story i{font-style:normal;font-size:13px;display:block} 
	/* 댓글 -  레이어 */
	.reply-area .sns{position:absolute;top:50%;left:50%;width:290px;margin-left:-145px;margin-top:-145px;padding:15px} 
	/* 공유하기 레이어 - URL복사 */
	.sns-area .sns .url-share input[type="text"]{height:36px;padding:9px 10px 10px 10px} 
	/* SNS - 스크랩 레이어 */
	.sns-area .scrap-box{position:absolute;top:50%;left:50%;width:290px;margin-left:-145px;margin-top:-100px;padding:15px} 
	/* SNS 클린신고 팝업 */
	.pop-clean .tit-h2{padding:0}
	.pop-clean .notify{margin:0 0 25px}
	.pop-clean .notify .select-style{display:block}
	.pop-clean .notify .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
	.pop-clean .pop-clean-info{margin:0 0 15px}
	.pop-clean .pop-clean-call{margin:0} 
	/* SNS - 공유버튼 레이어 */
	.sns-area .share-box{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0, 0.6)}
	.sns-area .share-box .vertical-table{position:absolute;top:0;left:0;display:table;width:100%;height:100%}
	.sns-area .share-box .vertical{display:table-cell;vertical-align:middle;padding:0 15px}
	.sns-area .share-box .share-box-layer{max-width:400px;margin:0 auto}
	.sns-area .share-box .share-box-layer .tit{display:block;padding:10px;text-align:center;font-size:17px;color:#000;font-weight:bold;border-bottom:#eaeaea 1px solid}
	.sns-area .share-box .share-box-layer > ul li{width:25%}
	.sns-area .share-box .share-box-layer > ul li.print{display:none}   
	/* 정책 */
	.text-layout{padding:0 15px}
	.text-layout .img img{width:100%}
	.policy-box{border-left:0;border-right:0}
	.policy-box:after{display:none}
	.policy-box .num-policy2{float:none;width:auto;padding:20px 18px 0 18px}
	.policy-box .num-policy2:last-child{padding:0 18px 18px 18px} 
	.break{display:inline}/* pc에서는 줄바꿈,모바일에서는 줄바꿈이 없는경우 */
	.break-inverse{display:block} 
	.tit + .search-period{margin-left:0;padding-bottom:1px} 
	.h-group{padding:20px 15px 15px 15px}
	.h-group.line{margin:0 0 30px 0;padding:0 15px 20px} 
	.tab-st03{width:auto} 
	.ppo-step li .ppo-cont{min-height:auto;padding-bottom:25px}
	.ppo-step li .img-box{height:auto}

	/* 모바일에서 숨김 처림 */
	.m-mostion{display:none} 
	/* 문의 답변 */
	.answer-box{margin:20px 15px 15px} 
	/* 타이틀에 라인이 있을 경우 */
	.tit-h2.case03, .tit-h2.case04{padding-left:15px} 
	/* 이미지 박스(확대) */
	.expand-box{padding:10px;border-left:0;border-right:0}
	.expand-box .zoom{display:block;position:absolute;bottom:0;right:0;width:30px;height:30px;background:url("/rpan/common/images/big_img_btn.png?update=20180329") no-repeat 0 0;background-size:30px} 
	/* 커뮤니티 popup */ 
	.guide_text{position:relative;right:auto;text-align:center;margin-top:-10px}
	/* 프로필사진-배지 조합 */
	.pro-badge.large.type02{width:72px;height:72px}
	.pro-badge.large.type02 > img{width:72px !important;height:72px !important;background-color:#eaeaea}
	.pro-badge.large.type02 i{width:28px;height:28px} 
	.dim-mobile{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:rgba(0, 0, 0, .5)}
	/* 아이프레임 삽입*/
	/* 2017.08.17 - 썸머노트 동영상 삽입 관련하여 제거함. */
	.iframe-style-site{width:100%;height:450px;overflow:auto;-webkit-overflow-scrolling:touch}
	/* 서비스에러 - 공통에러 */
	.contents.error-page .cont-area{padding:50px 15px 50px 15px}
	.contents.error-page .cont-area [class*="message-st-error"]{margin-bottom:20px} 
	.contents.error-page .cont-area .different{margin-bottom:20px}
	.contents.error-page .cont-area .different p{text-align:center}
	.contents.error-page .cont-area .different span{position:static;display:block;text-align:center;margin-top:10px}
	.contents.error-page .cont-area .bt-area .btn-b{min-width:auto;width:49%}
	.contents.error-page .cont-area .bt-area .btn-b:nth-child(1){float:left}
	.contents.error-page .cont-area .bt-area .btn-b:nth-child(2){float:right} 
	/* 시스템 점검안내 */
	.system-error-body{background-color:#fff}
	.error-area .er-cont{max-width:100%;padding:40px 0}
	.error-area .er-cont .system-data{text-align:center;margin:20px 0;border-left:none;border-right:none}
	.error-area .er-cont .system-data p:first-child{padding-bottom:5px}
	.error-area .er-cont .system-data p span{display:block}
	.error-area .er-cont .system-logo p{width:95px}
	/* 주소검색 */
	.address-pop .ui-input{min-height:114px}
	.address-pop .no-data p::before{content:"";display:block;width:30px;height:30px;background:url("/rpan/common/images/icon_answer.png?update=20180329") no-repeat 0 0;background-size:30px 30px}
} 
@media only screen and (max-width:640px){
	/* 반응형 이미지 버튼 형태 오른쪽일 경우 */
	.img-btn img{width:100%}
}
@media only screen and (max-width:359px){
	.form-table + .bt-area{}
	.form-table + .bt-area [class*="btn-m"]{padding:10px 11px !important;min-width:auto}
	.popup-wrap .today{display:none} 
}
@media only screen and (min-width:401px) and (max-width:1900px){
/* 주소검색 tab */  
.address-pop .tab-area{margin-top:20px} 
.address-pop .tab-post{position:relative;margin-top:40px}  
.address-pop [class*="tab-post"]{margin-bottom:30px;border:1px solid #eaeaea;background:#f9f9f9;height:52px} 
.address-pop [class*="tab-post"]:after{content:"";display:block;clear:both;width:0;height:0} 
.address-pop [class*="tab-post"] li{position:relative;float:left;width:50%}
.address-pop [class*="tab-post"] li:after{content:"";position:absolute;left:0;bottom:0;top:0;z-index:2} 
.address-pop [class*="tab-post"] li a{width:100% !important;position:relative;z-index:1;display:block;height:50px;line-height:50px;padding:0 5px;text-align:center;color:#000;border-right:1px solid #eaeaea;background:#f9f9f9}
.address-pop [class*="tab-post"] li:last-child a{border-right:0}
.address-pop [class*="tab-post"] li.selected a{z-index:3;background:#fff;line-height:48px;color:#ff545b;font-weight:bold}
.address-pop [class*="tab-post"] li.selected a:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;border-bottom:2px solid #ff545b}
} 
@media only screen and (max-width:420px){	
	/* 주소검색 tab */  
	.address-pop .tab-area{margin-top:0}  
	.address-pop .tab-post{width:100%;height:45px;margin-bottom:20px;border-bottom:1px solid #eaeaea}   
	.address-pop [class*="tab-post"]{overflow:hidden;position:relative;height:44px;margin-bottom:0;border:0;background:#fff;z-index:1}
	.address-pop [class*="tab-post"] li{position:relative;float:left;width:50%;margin-bottom:10px} 
	.address-pop [class*="tab-post"] li a{display:block;height:43px;line-height:43px;border-bottom:0;padding:0 10px;background:none;border-right:0;text-align:center;color:#000} 
	.address-pop [class*="tab-post"] li.selected a{height:43px;line-height:43px;color:#ff545b;font-weight:bold}
	.address-pop [class*="tab-post"] li.selected a:after{content:"";position:absolute;left:-1px;right:-1px;bottom:-1px;border-bottom:1px solid #ff545b}  
	/* 주소검색 */
	.pop-cont-address .tab-area ul{margin:0 0 10px}
	.pop-cont-address .tab-area ul li{width:50%}
	.address-pop{padding:0}
	.address-pop .tit-h2{padding:15px 15px 0}
	.address-pop .text1{padding:0 15px 15px}
	.address-pop .text2{padding:0 15px 15px;font-size:13px}
	.address-pop .ui-input{min-height:118px}
	.address-pop .ui-input li{width:100%;float:none;padding:0 15px 10px;box-sizing:border-box}
	.address-pop .ui-input li label{display:none}
	.address-pop .ui-input li .select-style,
	.address-pop .ui-input li .input-style{width:100%;float:none}
	.address-pop .ui-input li.long span{width:100%;float:none}
	.address-pop .no-data{margin:0 15px;width:auto}
	.address-pop .result-data{margin:20px 15px 0}
	.address-pop .result-data .scroll .th-li{display:none}
	.address-pop .result-data .scroll ul li span.num{width:100%;float:none;text-align:left}
	.address-pop .result-data .scroll ul li span.adrs{width:100%;float:none;text-align:left}
	.address-pop .result-data .scroll ul li a{padding:7px 15px 6px}
	.address-pop .form-table{margin-bottom:20px}
} 

/* ********* 카드형 슬라이드 공통 ********* */   
/* **** 카드리스트  **** */ 
.board-card .card-list.swiper-wrapper{width:auto;height:auto} 
.main-board-card .card-list{margin:0;padding:15px 20px 10px} 
.main-board-card .card-list [class*="member-flag"]{width:44px;height:20px;margin-bottom:5px;background:url("/rpan/common/images/label/member_flag01.png?update=20180329") no-repeat 0 0;background-size:cover;text-indent:-9999em}
.main-board-card .card-list .member-flag02{background-image:url("/rpan/common/images/label/member_flag02.png?update=20180329")}
.main-board-card .card-list li div.text dd.price{height:auto;padding:5px 0 3px;font-size:13px;line-height:120%}
.main-board-card .card-list 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?update=20180329") no-repeat 0 50%;background-size:cover;vertical-align:top}
.main-board-card .mobile-bullet{display:none}
.main-board-card .board-card .card-list > li:nth-child(3n){margin-right:50px}
.main-board-card.pex-card-02 .board-card .card-list > li:nth-child(3n){margin-right:0} 
@media only screen and (max-width:979px){
	.board-card .card-list.swiper-wrapper{width:100%;height:100%}
	.main-board-card .board-card{width:94%;margin:0 3%;overflow-x:scroll;overflow-y:hidden} 
	.main-board-card .board-card .card-list{padding:0;width:2500%} 
	.main-board-card .board-card .card-list li{width:33%;margin-right:10px} 
	.main-board-card .sub-main-tit{border-bottom:none} 
	.main-board-card .mobile-bullet{display:block;height:40px;padding-top:10px;text-align:center}
	.main-board-card .mobile-bullet button{display:inline-block;width:10px;height:10px;margin:0 3px;background-color:#ccc;border-radius:50%;overflow:hidden;text-indent:-9999em}
	.main-board-card .mobile-bullet button.checked{background:#ffc03d}
}  

/* ********* 서브페이지 연계영역 ********* */   
/* *** 종목홈 *** */  
.containerNew.main .side-area.pan{min-height:auto}
.containerNew.main .side-area.pan .feature,
.containerNew.main .side-area.pan .bannner{display:none }
.side-area.pan .feature{height:376px}
.side-area.pan .per-list{width:300px}
.side-area.pan .per-list ul{padding:0 20px;border-bottom:1px solid #eaeaea}
.side-area.pan .per-list ul li{position:relative;padding:10px 0 11px 0;border-bottom:1px solid #f9f9f9}
.side-area.pan .per-list ul li:last-child{border-bottom:none}
.side-area.pan .per-list ul li .img-wrap{position:absolute;left:0;top:50%;margin-top:-28px;width:66px;padding-right:10px;vertical-align:middle}
.side-area.pan .per-list ul li .img{width:56px;height:56px;text-align:center;border-radius:50%;background:#eaeaea;overflow:hidden}
.side-area.pan .per-list ul li .img img{height:100%}
.side-area.pan .per-list ul li .cont{margin-left:65px;margin-right:90px}
.side-area.pan .per-list ul li .cont .tit{font-weight:bold;font-size:14px}
.side-area.pan .per-list ul li .cont .txt{height:39px;font-size:13px;color:#000;overflow:hidden;letter-spacing:-0.03em}
.side-area.pan .per-list ul li .btn{position:absolute;top:10px;right:0;width:80px;margin-top:4px;padding:0;white-space:normal;text-align:center;line-height:1}
.side-area.pan .per-list ul li .btn .date{font-size:13px;color:#888} 
.side-area.pan .per-list ul li .btn .link-btn{display:block;width:78px;padding:0;margin-top:10px;line-height:28px;font-size:13px;text-align:center;color:#fff}
.side-area.pan .per-list ul li .btn .link-btn:after{background:none}
.side-area.pan .per-list ul li .btn .link-btn.co-mint{background:#24c1c6}
.side-area.pan .per-list ul li .btn .link-btn.co-darkorg{background:#915f23}
.side-area.pan .per-list ul li .btn .link-btn.co-gray{background:#ccc}
.side-area.pan .per-list .sid-news{margin:8px 20px 7px;clear:both} 
.side-area.pan .per-list .sid-news .txt{max-height:40px;overflow:hidden;margin:0 0 6px;color:#000;line-height:150%}
.side-area.pan .per-list .sid-news .txt a{color:inherit}
.side-area.pan .per-list .sid-news .name{font-size:13px;color:#888}
.side-area.pan .per-list .sid-news .date{font-size:13px;color:#888;margin:0 0 0 8px;padding:0 0 0 12px;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat 0 2px} 
.side-area.pan .per-list .swip-ban a{display:block;font-size:0}
.side-area.pan .inter-list{padding:5px 20px 0;box-sizing:border-box;max-width:300px}
.side-area.pan .inter-list > p{line-height:140%;padding:5px 0 8px;font-weight:bold} 
.side-area.pan .inter-list > ul li{padding:8px 0 ;border-top:1px solid #f9f9f9}
.side-area.pan .inter-list > ul li a{display:block;color:#000}
.side-area.pan .inter-list > ul li a em{display:inline-block;width:20px;line-height:20px;background:#f9f9f9;border:1px solid #eaeaea;text-align:center;font-weight:bold;font-size:13px;margin-right:2px}
.side-area.pan .inter-list > ul li p{font-size:13px;margin-left:27px}
.side-area.pan .inter-list > ul li p span,
.side-area.pan .inter-list > ul li p span em{margin-left:6px}
.side-area.pan .inter-list > ul li p.up{color:#ff545b}
.side-area.pan .inter-list > ul li p.down{color:#20a2ff}
.side-area.pan .inter-list > ul li p.maint{color:#000}
.side-area.pan .inter-list > span{display:block;padding:8px 10px;margin-bottom:10px;font-size:13px; background:#f9f9f9;text-align:center}
.side-area.pan .inter-list > span a{display:block;color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.side-area.pan .inter-list .sid-noti > a{display:block;color:#000;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 
.side-area.pan .inter-list .sid-noti > a .noti { display: inline-block; width:35px; height:20px; text-align: center; padding:0 8px; font-size:13px; background: url("/rpan/common/images/ico_board_type.png?update=20180329") no-repeat 0 -120px; text-indent: -9999em; background-size: 35px 200px; vertical-align: top} 
.side-area.pan .inter-list .sid-noti > p{color:#888;margin-top:5px;font-size:13px}
.side-area.pan .inter-list .sid-noti > p a{display:inline-block;margin-left:13px;color:#a7753a;padding-left:13px;background:url(../images/ico_view.png) no-repeat 0 -109px;background-size:20px 125px}
/* 전문가방송 slide2 */
.side-area.pan .feature .pro3-pc{display:block;text-align:center}
.side-area.pan .feature .pro3-pc img{display:block;margin:0 auto}
.side-area.pan .feature .pro3-m{display:none}
/* 추천GO 영역 추가 : 181031 */
.side-area.pan .diagnosis{}
.side-area.pan .diagnosis > ul{padding:5px 20px 20px}
.side-area.pan .diagnosis > ul li{margin-top:10px}
.side-area.pan .diagnosis > ul li:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.side-area.pan .diagnosis > ul li *{display:inline-block;float:left;vertical-align:middle;line-height:20px;}
.side-area.pan .diagnosis > ul li em{width:20px;line-height:20px;margin-right:10px;color:#919191;text-align:center;font-weight:bold;font-size:13px;border:1px solid #eaeaea;background:#f9f9f9}
.side-area.pan .diagnosis > ul li a{max-width:58%;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.side-area.pan .diagnosis > ul li span{float:right;width:28.5%;text-align:right;font-size:13px}
.side-area.pan .diagnosis > ul li .up{color:#ff545b}
.side-area.pan .diagnosis > ul li .down{color:#1ea3fe}
.side-area.pan .diagnosis > ul li .maint{color:#5a5a5a}
/* 연관검색종목 */
.side-area.pan .relation{height:346px;overflow:visible;position:relative}
.side-area.pan .relation .side-tit .tip{width:20px;height:20px;display:inline-block;background:url("/rpan/common/images/ico_sub3.png?update=20180329") no-repeat 0 -380px;background-size:40px 400px;text-indent:-9999em}
.side-area.pan .relation .tip-body{position:absolute;top:5px;left:170px}
.side-area.pan .relation .tip-body .agree-text{position:absolute;top:40px;right:-120px;width:270px;border:#000 1px solid;background-color:#fff;padding:15px;z-index:1;display:none;line-height:1.6}
.side-area.pan .relation .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:96px;background-size:13px 8px}
.side-area.pan .relation .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}
.side-area.pan .relation .list{padding:15px 20px}
.side-area.pan .relation .list li{position:relative;padding-right:80px;line-height:26px;height:26.5px}
.side-area.pan .relation .list li a{color:#000}
.side-area.pan .relation .list li .no{display:inline-block;width:23px;vertical-align:top;padding-left:4px}
.side-area.pan .relation .list li:nth-child(10) .no{padding-left:0}
.side-area.pan .relation .list li .tit{display:inline-block;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-area.pan .relation .list li .num{float:right;font-size:13px}
.side-area.pan .relation .list li p{position:absolute;top:0;right:0;font-size:13px} 
/* 테마 Up & Down */
.side-area.pan .side-up-ndown{height:660px}
.side-area.pan .side-up-ndown .side-tit .tit-info-button{display:block;width:20px;height:20px;position:absolute;right:20px;top:14px;overflow:hidden;background:url("/rpan/common/images/ico_sub3.png?update=20180329") no-repeat 0 -380px;background-size:40px 400px;text-indent:-9999em}
.side-area.pan .side-up-ndown .up-ndown-cont{padding:13px 20px 0}
.side-area.pan .side-up-ndown .up_ndown_tit{position:relative;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}
.side-area.pan .side-up-ndown .gauge{margin-top:8px;font-size:13px;color:#888;overflow:hidden;height:40px;position:relative}
.side-area.pan .side-up-ndown .gauge::after{content:"";width:100%;height:16px;position:absolute;bottom:0;z-index:0;display:block;background-color:#f9f9f9}
.side-area.pan .side-up-ndown .gauge > span{display:block;position:absolute;top:0;height:40px;padding-top:22px}
.side-area.pan .side-up-ndown .gauge > span mark:before{content:"";display:inline-block;clear:both;width:10px;height:10px;margin-right:5px;border-radius:50%;vertical-align:middle}
.side-area.pan .side-up-ndown .gauge > span:after{content:"";display:block;clear:both;height:16px;margin-top:2px;position:relative;z-index:1}
.side-area.pan .side-up-ndown .gauge .up{	text-align:left;border-right:1px solid #fff;left:0}
.side-area.pan .side-up-ndown .gauge .up mark:before{background:#f96268}
.side-area.pan .side-up-ndown .gauge .up:after{background:#f96369}
.side-area.pan .side-up-ndown .gauge .down{text-align:right;right:0}
.side-area.pan .side-up-ndown .gauge .down mark:before{background:#33a9fa}
.side-area.pan .side-up-ndown .gauge .down:after{background:#3dadfa}
.side-area.pan .side-up-ndown .gauge .up > mark{position:absolute;top:0;left:0;width:120px}
.side-area.pan .side-up-ndown .gauge .down > mark{position:absolute;top:0;right:0;width:120px}
.side-area.pan .side-up-ndown .btn{margin-top:15px;position:relative;margin-bottom:15px}
.side-area.pan .side-up-ndown .chat-area{margin:0 -20px 0;padding:15px 12px;background:#f9f9f9;height:356px;overflow-y:auto	}
.side-area.pan .side-up-ndown .chat-area .talk-box{width:100%;overflow:hidden}
.side-area.pan .side-up-ndown .chat-area .talk-box .talk{font-size:13px}
.side-area.pan .side-up-ndown .chat-area [class*="say"]{position:relative;width:200px;margin-bottom:10px;padding:8px 15px 12px;text-align:left;border-bottom:#ececec 1px solid;border-radius:5px;background-color:#fff}
.side-area.pan .side-up-ndown .chat-area .talk-box:last-child [class*="say"]{margin-bottom:0}
.side-area.pan .side-up-ndown .chat-area [class*="say"]:before{content:"";display:inline-block;clear:both;position:absolute;top:10px;width:11px;height:13px;background:url("/rpan/common/images/chat_bg.png?update=20180329") no-repeat 0 0;background-size:12px 100px;z-index:1}
.side-area.pan .side-up-ndown .chat-area .say-others{margin-left:11px;min-width:auto}
.side-area.pan .side-up-ndown .chat-area .say-others:before{left:-11px}
.side-area.pan .side-up-ndown .chat-area .say-me{float:right;margin-right:11px;min-width:auto}
.side-area.pan .side-up-ndown .chat-area .say-me:before{background-position:0 -25px;right:-11px}
.side-area.pan .side-up-ndown .chat-area .talk-box .exp{}
.side-area.pan .side-up-ndown .chat-area .climb, 
.side-area.pan .side-up-ndown .chat-area .drop{display:inline-block;width:44px;height:15px;margin-top:3px;text-indent:-9999em;vertical-align:middle}
.side-area.pan .side-up-ndown .chat-area .climb{background:url("/rpan/common/images/label/chat_climb.png?update=20180329") no-repeat 0 0 !important;background-size:44px 15px !important}
.side-area.pan .side-up-ndown .chat-area .drop{background:url("/rpan/common/images/label/chat_drop.png?update=20180329") no-repeat 0 0 !important;background-size:44px 15px !important}
.side-area.pan .side-up-ndown .chat-area .talk-box .exp mark{display:inline-block;font-size:13px;color:#888;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat right 50%;padding-right:10px;margin-right:5px;margin-left:5px;vertical-align:bottom;line-height:16px}
.side-area.pan .side-up-ndown .chat-area .talk-box .exp a{display:inline-block;font-size:13px;color:#888;vertical-align:bottom;line-height:16px}
.side-area.pan .side-up-ndown .up-ndown-list{padding:10px 0 15px 0;line-height:2.2;height:96px}
.side-area.pan .side-up-ndown .up-ndown-list dt{margin-bottom:5px}
.side-area.pan .side-up-ndown .up-ndown-list a{color:#888;font-size:13px;display:block;width:100%;margin-bottom:5px} 
.side-area.pan .ranking{/*height:206px*/}/* 180418 : 종목 랭킹 관련 수정 */
.side-area.pan .jHomeSideAd{padding:13px 20px 0}/* 180418 : 종목 랭킹 관련 수정 */
/* *** 종목입체분석 *** */
.side-area.analysis .feature{height:376px;}
.side-area.analysis .per-list{width:300px}
.side-area.analysis .per-list ul{padding:0 20px;border-bottom:1px solid #eaeaea}
.side-area.analysis .per-list ul li{position:relative;padding:10px 0 11px 0;border-bottom:1px solid #f9f9f9}
.side-area.analysis .per-list ul li:last-child{border-bottom:none}
.side-area.analysis .per-list ul li .img-wrap{position:absolute;left:0;top:50%;margin-top:-28px;width:66px;padding-right:10px;vertical-align:middle}
.side-area.analysis .per-list ul li .img{width:56px;height:56px;text-align:center;border-radius:50%;background:#eaeaea;overflow:hidden}
.side-area.analysis .per-list ul li .img img{height:100%}
.side-area.analysis .per-list ul li .cont{margin-left:65px;margin-right:90px}
.side-area.analysis .per-list ul li .cont .tit{font-weight:bold;font-size:14px}
.side-area.analysis .per-list ul li .cont .txt{height:39px;font-size:13px;color:#000;overflow:hidden;letter-spacing:-0.03em}
.side-area.analysis .per-list ul li .btn{position:absolute;top:10px;right:0;width:80px;margin-top:4px;padding:0;white-space:normal;text-align:center;line-height:1}
.side-area.analysis .per-list ul li .btn .date{font-size:13px;color:#888} 
.side-area.analysis .per-list ul li .btn .link-btn{display:block;width:78px;padding:0;margin-top:10px;line-height:28px;font-size:13px;text-align:center;color:#fff}
.side-area.analysis .per-list ul li .btn .link-btn:after{background:none}
.side-area.analysis .per-list ul li .btn .link-btn.co-mint{background:#24c1c6}
.side-area.analysis .per-list ul li .btn .link-btn.co-darkorg{background:#915f23}
.side-area.analysis .per-list ul li .btn .link-btn.co-gray{background:#ccc}
.side-area.analysis .per-list .sid-news{margin:8px 20px 7px;clear:both} 
.side-area.analysis .per-list .sid-news .txt{max-height:40px;overflow:hidden;margin:0 0 6px;color:#000;line-height:150%}
.side-area.analysis .per-list .sid-news .txt a{color:inherit}
.side-area.analysis .per-list .sid-news .name{font-size:13px;color:#888}
.side-area.analysis .per-list .sid-news .date{font-size:13px;color:#888;margin:0 0 0 8px;padding:0 0 0 12px;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat 0 2px} 
.side-area.analysis .per-list .swip-ban a{display:block;font-size:0}
.side-area.analysis .inter-list{padding:5px 20px 0;box-sizing:border-box;max-width:300px}
.side-area.analysis .inter-list > p{line-height:140%;padding:5px 0 8px;font-weight:bold} 
.side-area.analysis .inter-list > ul li{padding:8px 0 ;border-top:1px solid #f9f9f9}
.side-area.analysis .inter-list > ul li a{display:block;color:#000}
.side-area.analysis .inter-list > ul li a em{display:inline-block;width:20px;line-height:20px;background:#f9f9f9;border:1px solid #eaeaea;text-align:center;font-weight:bold;font-size:13px;margin-right:2px}
.side-area.analysis .inter-list > ul li p{font-size:13px;margin-left:27px}
.side-area.analysis .inter-list > ul li p span,
.side-area.analysis .inter-list > ul li p span em{margin-left:6px}
.side-area.analysis .inter-list > ul li p.up{color:#ff545b}
.side-area.analysis .inter-list > ul li p.down{color:#20a2ff}
.side-area.analysis .inter-list > ul li p.maint{color:#000}
.side-area.analysis .inter-list > span{display:block;padding:8px 10px;margin-bottom:10px;font-size:13px; background:#f9f9f9;text-align:center}
.side-area.analysis .inter-list > span a{display:block;color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.side-area.analysis .inter-list .sid-noti > a{display:block;color:#000;height:20px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 
.side-area.analysis .inter-list .sid-noti > a .noti { display: inline-block; width:35px; height:20px; text-align: center; padding:0 8px; font-size:13px; background: url("/rpan/common/images/ico_board_type.png?update=20180329") no-repeat 0 -120px; text-indent: -9999em; background-size: 35px 200px; vertical-align: top} 
.side-area.analysis .inter-list .sid-noti > p{color:#888;margin-top:5px;font-size:13px}
.side-area.analysis .inter-list .sid-noti > p a{display:inline-block;margin-left:13px;color:#a7753a;padding-left:13px;background:url(../images/ico_view.png) no-repeat 0 -109px;background-size:20px 125px}
/* 공지사항 */
.side-area.analysis .notice ul{padding:0 22px 15px}
.side-area.analysis .notice ul li{margin-top:15px}
.side-area.analysis .notice ul li:first-child{margin-top:13px}
.side-area.analysis .notice ul li a{display:inline-block;max-width:100%;color:#000;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
/* 전문가방송 slide2 */
.side-area.analysis .feature .pro3-pc{display:block;text-align:center}
.side-area.analysis .feature .pro3-pc img{display:block;margin:0 auto}
.side-area.analysis .feature .pro3-m{display:none}
/* 광고 */
.side-area.analysis .banner-middle{width:300px;height:160px}
.side-area.analysis .banner-middle img{display:block;margin:0 auto}
.side-area.analysis .jHomeSideAd{padding:13px 20px 0}
/* 랭킹 */
.side-area.analysis > .ranking .ranking-tab a{letter-spacing:-1px}
.side-area.analysis > .ranking-tab .swiper-slide.selected{color:#ff545b;border-bottom:1px solid #ff545b}
.side-area.analysis > .ranking ol{position:relative;z-index:1;margin:0 0 0;padding:0 20px 16px;background:#fff}
.side-area.analysis > .ranking ol li{margin-top:9px}
.side-area.analysis > .ranking ol li:first-child{margin-top:18px}
.side-area.analysis > .ranking ol li a{display:block;color:#000}
.side-area.analysis > .ranking ol li a:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.side-area.analysis > .ranking ol li a *{line-height:19px;vertical-align:middle}
.side-area.analysis > .ranking ol li a:hover{text-decoration:none} 
.side-area.analysis > .ranking ol li a i{display:block;float:left;width:14px;text-align:center;color:#000}
.side-area.analysis > .ranking ol li a i + span{margin-left:12px;width:150px}
.side-area.analysis > .ranking ol li a span{display:block;float:left;width:112px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-bottom:1px}
.side-area.analysis > .ranking ol li a em{position:relative;display:block;float:left;width:40px;padding-left:14px;margin-left:15px;background:url("/rpan/common/images/ico_updown_pc.png?update=20180329") no-repeat}	
.side-area.analysis > .ranking ol li i.recommend{float:none;display:inline-block;position:relative;width:16px;height:17px;text-indent:-9999em;margin:0 5px 0}
.side-area.analysis > .ranking ol li i.recommend:after{content:"";display:block;position:absolute;left:0;top:-3px;width:16px;height:17px;overflow:hidden;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat -2px -191px;font-size:0;line-height:0;text-indent:-9999px;background-size:20px 600px;z-index:3}
.side-area.analysis > .ranking ol li .up{background-position:0 3px;color:#ff545b}
.side-area.analysis > .ranking ol li .down{background-position:0 -25px;color:#1ea3fe}
.side-area.analysis > .ranking ol li .new{color:#ff545b;padding-left:0;font-size:12px;background:none} 
.side-area.analysis > .ranking ol li em.maintenance{background:url("/rpan/common/images/ico_maintenance.png?update=20180329") no-repeat 0 50%;background-size:8px 10px}  
.side-area.analysis > .ranking ol li a mark{float:right;position:relative;display:block;width:78px;text-align:right}
.side-area.analysis > .ranking ol li .rise,.side-area.analysis > .ranking ol li .upper-limit{color:#ff545b}
.side-area.analysis > .ranking ol li .fall,.side-area.analysis > .ranking ol li .low-limit{color:#1ea3fe}
.side-area.analysis > .ranking ol li .maintenance{color:#000} 
.side-area.analysis > .ranking ol li .rise:after{content:"";background:url("/rpan/common/images/ico_rise.png?update=20180329") no-repeat 0 50%;background-size:8px 6px;position:absolute;left:0;top:0;width:13px;height:13px;color:#ff545b}
.side-area.analysis > .ranking ol li .fall:after{content:"";background:url("/rpan/common/images/ico_fall.png?update=20180329") no-repeat 0 50%;background-size:8px 6px;position:absolute;left:0;top:0;width:13px;height:13px;color:#1ea3fe}
.side-area.analysis > .ranking ol li .upper-limit:after{content:"";background:url("/rpan/common/images/ico_upper.png?update=20180329") no-repeat 0 50%;background-size:8px 10px;position:absolute;left:0;top:0;width:13px;height:13px;color:#ff545b}
.side-area.analysis > .ranking ol li .low-limit:after{content:"";background:url("/rpan/common/images/ico_low.png?update=20180329") no-repeat 0 50%;background-size:8px 10px;position:absolute;left:0;top:0;width:13px;height:13px;color:#ff545b}
.side-area.analysis > .ranking ol li:nth-of-type(10){display:block}
.side-area.analysis > .ranking ol li:nth-of-type(10) i{width:18px;letter-spacing:-2px;margin-left:-3px}
/* *** 종목진단 *** */ 
.side-area.pdi .paxnet-bannner{height:180px}
.side-area.pdi .paxnet-bannner2{height:180px}
.side-area.pdi .side-banner-ex{background:none}
.side-area.pdi .paxnet-banner{display:block;background:none}
.side-area.pdi .paxnet-banner .banner-mo{display:none}
.side-area.pdi .paxnet-banner2{display:block;background:none}
.side-area.pdi .paxnet-banner img, .side-area.pdi .paxnet-banner2 img{display:block}
.side-area.pdi .paxnet-banner2 .bn-pc{display:block}
.side-area.pdi .paxnet-banner2 .bn-mo{display:none}
/* 썸네일 뉴스 */
.pdi-thmb_news a{display:block;overflow:hidden;margin:15px 20px 20px}
.pdi-thmb_news .pic{float:left;width:100px;height:66px;margin:0 15px 0 0}
.pdi-thmb_news .pic img{width:100px;height:66px}
.pdi-thmb_news .txt{height:40px;overflow:hidden;margin:5px 0 6px;color:#000;line-height:150%}
.pdi-thmb_news .date{font-size:13px;color:#888} 
/* 공지사항 */
.side-area.pdi .notice .list li a{max-width:82%} 
/*무료준회원  */
.pdi-free .side-tit .txt{display:block;margin:0 0 10px 0;font-weight:normal;font-size:14px}
.pdi-free .menu-list{padding:0 20px}
.pdi-free .menu-list li{position:relative;padding:20px 85px 20px 0;border-top:1px solid #f9f9f9;font-size:13px;color:#888;line-height:150%}
.pdi-free .menu-list li:after{content:"";position:absolute;top:50%;right:0;width:60px;height:60px;margin:-30px 0 0 0;background:url("/rpan/common/images/icon_pdi_free.png?update=20180329") no-repeat 0 0}
.pdi-free .menu-list li.add1:after{margin:-55px 0 0 0;background-position:0 -70px}
.pdi-free .menu-list li:first-child{border-top:0}
.pdi-free .menu-list li .tit{font-weight:normal;font-size:14px;color:#000}
.pdi-free .menu-list li .txt{display:block;margin:6px 0 8px}
.pdi-free .menu-list li .link{overflow:hidden;margin:0 -85px 0 0}
.pdi-free .menu-list li .link .btn-s{width:50%;float:left;min-width:inherit;margin:0;padding:0;border:0;background:none}
.pdi-free .menu-list li .link .btn-s span{display:block;width:auto;margin:0 2px 0 0;padding:6px 5px;border:1px solid #eaeaea}
.pdi-free .menu-list li .link .gray span{margin:0 0 0 2px;border-color:#444;background:#444} 
/* 가입문의 */
.pdi-join-inquiry{padding:15px 20px 18px;background:url("/rpan/common/images/bg_pdi_join_inquiry.png?update=20180329") no-repeat 0 0 !important;background-size:cover !important;color:#fff;line-height:150%}
.pdi-join-inquiry .tit{font-size:16px}
.pdi-join-inquiry .num{display:block;margin:10px 0 6px;font-size:36px;line-height:38px}
.pdi-join-inquiry .num a{color:#fff}
.pdi-join-inquiry .link{overflow:hidden;margin:15px 0 0 0}
.pdi-join-inquiry .link a{float:left;width:50%;padding:2px 5px 1px;border:1px solid #fff;color:#fff;text-align:center;box-sizing:border-box}
.pdi-join-inquiry .link a:nth-child(n+2){border-left:0}
/* *** 전문가방송 *** */ 
/* 공지사항 */
.side-area.pex .notice ul{margin-top:10px}
.side-area.pex .pex-notice-long a{max-width:100% !important}
.side-area.pex .pex-notice-recom a{max-width:83% !important}
/* 광고배너 */
.side-area.pex .side-banner p.banner-mo, .side-banner-ex p.banner-mo{display:none}
.side-area.pex .side-banner img, .side-banner-ex img{display:block}
.side-swipe .all-bullet{position:absolute;bottom:8px;display:block;width:100%;text-align:center;z-index:3}
.side-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}
.side-swipe .all-bullet span.swiper-pagination-bullet-active{background:#ffc03d}
/* 회원인기전문가 / 전문가BEST수익률 */
.side-area.pex > .side-best-expert{height:543px}
.side-area.pex > .side-best-expert .pex-tab{position:relative;display:block;padding-left:20px}
.side-area.pex > .side-best-expert .pex-tab:after{content:"";position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #eaeaea;z-index:1}  
.side-area.pex > .side-best-expert .pex-tab a{position:relative;z-index:2;display:inline-block;color:#000;height:48px;line-height:48px;margin-right:10px}
.side-area.pex > .side-best-expert .pex-tab a.selected{color:#ff545b;border-bottom:1px solid #ff545b}
.side-area.pex .side-best-expert ul{padding:0 20px 10px} 
.side-area.pex .side-best-expert li{display:table;table-layout:fixed;width:100%;padding:7px 0 8px 0;border-bottom:1px solid #f9f9f9;height:99px;position:relative	}
.side-area.pex .side-best-expert li:last-child{border-bottom:none}
.side-area.pex .side-best-expert li .tit{margin-top:0;width:70%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left}  
.side-area.pex .side-best-expert li .btn{margin-top:3px;float:right;width:42px;white-space:nowrap;line-height:1;padding:0}  
.side-area.pex .side-best-expert li .img-wrap{display:table-cell;width:66px;padding-right:10px;vertical-align:middle}
.side-area.pex .side-best-expert li .img{width:56px;height:56px;text-align:center;border-radius:50%;background:#eaeaea;overflow:hidden}
.side-area.pex .side-best-expert li .img img{padding-top:5%;height:100%}
.side-area.pex .side-best-expert .tab1,
.side-area.pex .side-best-expert .tab2{min-height:494px}   
.side-area.pex .side-best-expert .tab1 li .cont{display:table-cell;vertical-align:middle}
.side-area.pex .side-best-expert .tab1 li .cont .txt{font-size:13px;color:#888;line-height:1.5;max-height:55px;overflow:hidden;clear:both}  
.side-area.pex .side-best-expert .tab2 li .detail{display:table-cell;vertical-align:middle}
.side-area.pex .side-best-expert .tab2 li .detail span{display:block;color:#888;font-size:13px;line-height:1.5;clear:both}
.side-area.pex .side-best-expert .tab2 li .detail span mark{font-size:13px;color:#888}
.side-area.pex .side-best-expert .tab2 li .detail strong{position:absolute;bottom:11px;right:0;font-size:16px}
.bg-trans{background:#eff3f6!important}
.rslides{position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0}
.rslides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child{position:relative;display:block;float:left;}
.rslides img{display:block;height:auto;float:left;width:100%;border:0;}
.rslides_tabs{padding:6px 0 1px;text-align:center;}
.rslides_tabs li{display:inline-block;width:7px;height:7px;margin-right:4px;vertical-align:middle;border-radius:100%;text-indent:-9999em;background:#a7aaac;}
.rslides_tabs li.rslides_here{background:#776e6d;}
.rslides_tabs li.pause,.rslides_tabs li.restart{width:13px;height:13px;margin:0 0 0 2px;border-radius:0;background:url(/rpan/common/images/btn_pause.png)}
.rslides_tabs li.restart{display:none;background-position:0 -15px}
.rslides_tabs li a{display:block;width:100%;height:100%;}

/* MASTER 투자대회 실시간 종목 */
.side-area.pex .side-master{height:248px}
.side-area.pex .side-master ul{padding:0 20px}
.side-area.pex .side-master ul li{border-bottom:#f9f9f9 1px solid;padding:10px 0;line-height:1.6}
.side-area.pex .side-master ul li:last-child{border-bottom:none}
.side-area.pex .side-master ul li strong{font-weight:normal}
.side-area.pex .side-master ul li p span{background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat right 50%;padding-right:10px;margin-right:5px;color:#888;font-size:13px}
.side-area.pex .side-master ul li p span:last-child{background:none;padding-right:0;margin-right:0} 
.side-area.pex .side-master ul li a strong{color:#000}
/* 인기 아카데미 : 181108 */
.side-area.pex .side-academy{}
.side-area.pex .side-academy a{display:block;color:#000}
.side-area.pex .side-academy .tit,.side-area.pex .side-academy .txt{display:block}
.side-area.pex .side-academy ol{padding:0 20px}
.side-area.pex .side-academy ol li{position:relative;padding:15px 0 15px 11px;border-top:1px solid #f9f9f9}
.side-area.pex .side-academy ol li:nth-child(1){border-top:none}
.side-area.pex .side-academy ol li:nth-child(1):before{content:"1";display:block;position:absolute;left:0;top:15px;color:#ff545b}
.side-area.pex .side-academy ol li:nth-child(2):before{content:"2";display:block;position:absolute;left:0;top:15px;color:#ff545b}
.side-area.pex .side-academy ol li:nth-child(3):before{content:"3";display:block;position:absolute;left:0;top:15px;color:#ff545b}
.side-area.pex .side-academy .txt{padding:10px 0 9px;color:#888;font-size:13px}

/* 가입문의 */
.pex .pex-join-inquiry{padding:15px 20px 0;height:155px;background:url("/rpan/common/images/bg_pdi_join_inquiry.png?update=20180329") no-repeat 0 0 !important;background-size:cover !important;color:#fff;line-height:150%}
.pex .pex-join-inquiry .tit{font-size:16px}
.pex .pex-join-inquiry .num{display:block;margin:5px 0 0;font-size:36px;line-height:38px}
.pex .pex-join-inquiry .num a{font-size:36px;color:inherit}
.pex .pex-join-inquiry .link{overflow:hidden;margin:10px 0 0 0}
.pex .pex-join-inquiry .link a{float:left;width:50%;padding:2px 5px 1px;border:1px solid #fff;color:#fff;text-align:center;box-sizing:border-box}
.pex .pex-join-inquiry .link a:nth-child(n+2){border-left:0} 
/* 버튼4개 */
.side-area.pex .side-link-button{height:85px}
.side-area.pex .side-link-button li{height:42px;line-height:42px;float:left;width:50%}
.side-area.pex .side-link-button li a:hover,
.side-area.pex .side-link-button li a:focus,
.side-area.pex .side-link-button li a:active{color:#ff545b}
.side-area.pex .side-link-button li:nth-child(odd){border-right:#eaeaea 1px solid}
.side-area.pex .side-link-button li:nth-child(1n+3){border-top:#eaeaea 1px solid}
.side-area.pex .side-link-button li a{display:block;text-align:center;height:42px;color:#000} 
/* 안내 리스트 */
.side-area.pex .novice-banner .menu-list{padding:5px 20px;height:286px}
.side-area.pex .novice-banner .menu-list li{border-top:1px solid #f9f9f9;font-size:13px;line-height:150%}
.side-area.pex .novice-banner .menu-list li a{display:block;position:relative;padding:15px 95px 15px 0;color:#888}
.side-area.pex .novice-banner .menu-list li a:after{content:"";position:absolute;top:50%;right:3px;width:53px;height:48px;background:url("/rpan/common/images/icon_pex_novice.png?update=20180329") no-repeat 0 0;margin-top:-24px}
.side-area.pex .novice-banner .menu-list li.add1 a:after{background-position:0 -55px}
.side-area.pex .novice-banner .menu-list li.add2 a:after{background-position:0 -109px}
.side-area.pex .novice-banner .menu-list li:first-child{border:0}
.side-area.pex .novice-banner .menu-list li .tit{display:block;margin:0 0 5px 0;font-size:16px;color:#000} 
/* 모집안내 */
.side-area.pex > div.side-recruit{background:url("/rpan/common/images/bg_pex_recruit.png?update=20180329") no-repeat 0 0;background-size:cover;height:130px;text-align:center;color:#fff;line-height:1.8;padding:31px 0}
.side-area.pex .side-recruit span{display:block;font-size:16px;padding-bottom:14px}
.side-area.pex .side-recruit a{border:#fff 1px solid;width:84px;height:28px;display:inline-block;line-height:26px;text-align:center;color:#fff;box-sizing:border-box}
/* *** 고객센터 *** */
/* 고객센터, 사이버머니 메뉴 */
.side-area .service .list{overflow:hidden}
.side-area .service .list li{float:left;width:50%}
.side-area .service .list li:nth-child(n+3){border-top:1px solid #f9f9f9}
.side-area .service .list li:nth-child(even){border-left:1px solid #f9f9f9}
.side-area .service .list li a{display:block;padding:12px 5px 13px 20px;color:#000}
.side-area.phe .side-qna{position:relative;background:url("/rpan/common/images/bg_phe_qna.png?update=20180329") no-repeat 0 0;background-size:100% 100%;line-height:150%}
.side-area.phe .side-qna a{display:block;min-height:100px;padding:20px;color:#fff}
.side-area.phe .side-qna .tit{font-size:16px}
.side-area.phe .side-qna .txt{display:block;margin:5px 0 15px 0}
.side-area.phe .side-qna .go{display:inline-block;padding:2px 13px 1px 15px;border:1px solid #fff}
.side-area.phe .side-qna .go:after{content:"";display:inline-block;width:6px;height:10px;margin:0 0 0 10px;background:url("/rpan/common/images/bl_phe_qna_arrow.png?update=20180329") no-repeat 0 0;vertical-align:-1px} 
/* 고객센터 초보자 리스트 */
.side-area.phe .novice-banner .menu-list{margin:-20px 0 -15px;padding:20px}
.side-area.phe .novice-banner .menu-list li{border-top:1px solid #f9f9f9;font-size:13px;line-height:150%}
.side-area.phe .novice-banner .menu-list li a{display:block;position:relative;padding:20px 82px 15px 0;color:#888}
.side-area.phe .novice-banner .menu-list li a:after{content:"";position:absolute;top:50%;right:8px;margin-top:-30px;width:60px;height:60px;background:url("/rpan/common/images/icon_phe_novice.png?update=20180329") no-repeat 0 0}
.side-area.phe .novice-banner .menu-list li.add1 a:after{background-position:0 -70px}
.side-area.phe .novice-banner .menu-list li.add2 a:after{background-position:0 -140px}
.side-area.phe .novice-banner .menu-list li:first-child{border:0}
.side-area.phe .novice-banner .menu-list li .tit{display:block;margin:0 0 5px 0;font-size:16px;color:#000}
/* 하단배너 */
.side-area.phe .phe-banner1 img{display:block}
.side-area.phe .phe-banner2 img{display:block}
/* *** 마이페이지 *** */
/* 회원님이 좋아할만한 회원 */
.side-area.pmy .like-member{height:348px}
.side-area.pmy .like-member ul{padding:0 20px 5px 20px}
.side-area.pmy .like-member li{display:table;width:100%;table-layout:fixed;padding:10px 0;border-bottom:#f9f9f9 1px solid;height:100px}
.side-area.pmy .like-member li:last-child{border-bottom:none}
.side-area.pmy .like-member li .mem-img{width:56px;height:56px;display:table-cell;vertical-align:middle}
.side-area.pmy .like-member li .mem-img img{width:56px;height:56px;border-radius:50%;background-color:#eaeaea;display:inline-block}
.side-area.pmy .like-member li .mem-info{padding-left:15px;display:table-cell}
.side-area.pmy .like-member li .mem-info .info-box span{color:#888;font-size:13px;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat right 50%;padding-right:8px;margin-right:8px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:46%;letter-spacing:-1px}
.side-area.pmy .like-member li .mem-info .info-box span a{color:#888}
.side-area.pmy .like-member li .mem-info .info-box span a.link-btn{color:#a7753a}
.side-area.pmy .like-member li .mem-info .info-box span:last-child{background:none;padding-right:0;margin-right:0}
.side-area.pmy .like-member li .mem-info .info-box span a.link-btn.tyd:after{background:url("/rpan/common/images/ico_sub	5.png?update=20180329") no-repeat -2px -22px;background-size:40px 1000px;width:16px} 
.side-area.pmy .interest-ranking{height:937px}
.side-area.pmy .interest-ranking ul{padding:0 20px 10px 20px}
.side-area.pmy .interest-ranking ul li{padding:10px 0;border-bottom:#f9f9f9 1px solid;width:100%}
.side-area.pmy .interest-ranking ul li:last-child{border-bottom:none}
.side-area.pmy .interest-ranking .ranking-box p{height:23px;line-height:1.4}
.side-area.pmy .interest-ranking .ranking-box a{color:#000;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;height:22px}
.side-area.pmy .interest-ranking .ranking-box .rank-val{font-size:13px;padding-bottom:3px}
.side-area.pmy .interest-ranking .ranking-box .rank-bt{height:21px}
.side-area.pmy .interest-ranking .ranking-box .rank-bt a{color:#b48c61;width:auto;vertical-align:middle}
.side-area.pmy .interest-ranking .ranking-box .rank-bt span{background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat right 50%;padding-right:10px;margin-right:5px}
.side-area.pmy .interest-ranking .ranking-box .rank-bt span:last-child{background:none;padding-right:0;margin-right:0} 
.side-area.pmy .interest-ranking .link-btn{height:18px;line-height:18px;color:#b48c61}
.side-area.pmy .interest-ranking .link-btn.same:after{content:"";position:absolute;right:0;top:50%;margin-top:-9px;width:17px;height:18px;background:url("/rpan/common/images/ico_sub4.png?update=20180329") no-repeat -2px -280px;background-size:40px 400px}
.side-area.pmy .interest-ranking .link-btn.inter:after{content:"";position:absolute;right:0;top:50%;margin-top:-9px;width:16px;height:18px;background:url("/rpan/common/images/ico_sub4.png?update=20180329") no-repeat -2px -331px;background-size:40px 400px}
/* *** 뉴스시세 *** */
/*side-keyword-search*/
.side-area.pne .side-keyword-search .keyword-wrap{margin:15px 10px 20px}
.side-area.pne .side-keyword-search .keyword-list{margin:-2px 0;text-align:center;overflow:hidden;height:87px}
.side-area.pne .side-keyword-search .keyword-list li{display:inline-block;margin:2px 0}
.side-area.pne .side-keyword-search .keyword-list li a{display:block;padding:5px 9px;font-size:13px;color:#888;text-align:center;line-height:100%;border:1px solid #eaeaea}
.side-area.pne .side-keyword-search .keyword-list li.type a{color:#fff;background:#24c1c6;border-color:#24c1c6}
.side-area.pne .side-keyword-search .input-style{display:block;margin:15px 10px 0}
/* side-news-qna:171121 */
.side-area.pne .side-news-qna ul{padding:11px 20px 11px 20px}
.side-area.pne .side-news-qna li a{display:block;line-height:28px;vertical-align:middle;color:#000}
/*side-best-news*/
.side-area.pne .side-best-news .best-news-list{margin:7px 20px 13px}
.side-area.pne .side-best-news .best-news-list li{position:relative}
.side-area.pne .side-best-news .best-news-list a{display:inline-block;width:auto;max-width:calc(100% - 50px);margin-right:50px;color:#000;line-height:28px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;vertical-align:top}
.side-area.pne .side-best-news .best-news-list a .number{display:inline-block;min-width:15px;margin-right:5px;text-align:center}
/* 하단광고:171121 */
.side-area.pne .net div{padding:20px}
.side-area.pne .net div a{display:block;padding:9px 0}
/*side-feature-ju*/
.side-area.pne .side-feature-ju{position:relative}
.side-area.pne .side-feature-ju .feature-wrap{height:154px;margin:10px 20px 15px;overflow:hidden}
.side-area.pne .side-feature-ju li{height:77px;padding:5px 0}
.side-area.pne .side-feature-ju a{display:table;width:100%;table-layout:fixed}
.side-area.pne .side-feature-ju .img-wrap{display:table-cell;width:115px;padding-right:15px;vertical-align:middle}
.side-area.pne .side-feature-ju .img-wrap .img{}
.side-area.pne .side-feature-ju .img-wrap .img img{display:block;max-width:100%;margin:0 auto}
.side-area.pne .side-feature-ju .cont{display:table-cell;vertical-align:middle}
.side-area.pne .side-feature-ju .name{height:22px;overflow:hidden}
.side-area.pne .side-feature-ju .name .tit{display:inline-block;max-width:61%;color:#000;font-weight:bold;vertical-align:top;margin-right:10px}
.side-area.pne .side-feature-ju .name .color-red , .side-feature-ju .name .color-blue{display:inline-block;font-size:13px;letter-spacing:-1px;vertical-align:top}
.side-area.pne .side-feature-ju .txt{margin-top:2px;height:40px;font-size:13px;color:#888;line-height:20px;overflow:hidden}
.side-area.pne span.comment{position:absolute;right:0;top:0;display:block;width:45px;color:#ff545b;line-height:28px;word-break:break-all;letter-spacing:-1px}
.side-area.pne span.comment i{display:inline-block;width:20px;height:20px;margin-right:1px;text-indent:-9999px;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat 0 -122px;overflow:hidden;vertical-align:middle}
/*net*/
.side-area.pne .net{height:250px;padding:0} 
.side-area.pne .net iframe{/*padding:0 15px 0 10px*/} 
.side-area.pne .net a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#000;padding:5px 0}
.side-area.pne .banner{}
/* *** 선물옵션 *** */
/*banner*/
.side-area.pop .pop-banner .bn-pc{display:block}
.side-area.pop .pop-banner .bn-mo{display:none}
.side-area.pop .pop-banner img{display:block;width:100%}
.side-area.pop .banner img{display:block}
/*side-up-ndown*/
.side-area.pop .side-up-ndown .up-ndown-cont{padding:10px 20px 0}
.side-area.pop .side-up-ndown .up-ndown-tit{position:relative;font-size:16px}
.side-area.pop .side-up-ndown .up-ndown-tit .num{display:inline-block;margin-left:9px;padding-left:9px;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat left 50%}
.side-area.pop .side-up-ndown .up-ndown-tit .up , .side-up-ndown .up-ndown-tit .down{position:absolute;right:0;top:0;padding-left:13px;font-size:14px;background-position:0 50%;background-repeat:no-repeat;background-size:8px 6px}
.side-area.pop .side-up-ndown .up-ndown-tit .up{color:#ff545b;background-image:url("/rpan/common/images/ico_rise.png?update=20180329")}
.side-area.pop .side-up-ndown .up-ndown-tit .down{color:#1ea3fe;background-image:url("/rpan/common/images/ico_fall.png?update=20180329")}
.side-area.pop .side-up-ndown .gauge{margin-top:8px;font-size:13px;color:#888;overflow:hidden;height:40px;position:relative}
.side-area.pop .side-up-ndown .gauge::after{content:"";width:100%;height:16px;position:absolute;bottom:0;z-index:0;display:block;background-color:#f9f9f9}
.side-area.pop .side-up-ndown .gauge > span{display:block;position:absolute;top:0;height:40px;padding-top:22px}
.side-area.pop .side-up-ndown .gauge > span mark:before{content:"";display:inline-block;clear:both;width:10px;height:10px;margin-right:5px;border-radius:50%;vertical-align:middle}
.side-area.pop .side-up-ndown .gauge > span:after{content:"";display:block;clear:both;height:16px;margin-top:2px;position:relative;z-index:1}
.side-area.pop .side-up-ndown .gauge .up{	text-align:left;border-right:1px solid #fff;left:0}
.side-area.pop .side-up-ndown .gauge .up mark:before{background:#f96268}
.side-area.pop .side-up-ndown .gauge .up:after{background:#f96369}
.side-area.pop .side-up-ndown .gauge .down{text-align:right;right:0}
.side-area.pop .side-up-ndown .gauge .down mark:before{background:#33a9fa}
.side-area.pop .side-up-ndown .gauge .down:after{background:#3dadfa}
.side-area.pop .side-up-ndown .gauge .up > mark{position:absolute;top:0;left:0;width:120px}
.side-area.pop .side-up-ndown .gauge .down > mark{position:absolute;top:0;right:0;width:120px}
.side-area.pop .side-up-ndown .btn{margin-top:14px;padding:0;line-height:1.2;margin-bottom:20px}
.side-area.pop .side-up-ndown .chat-area{margin:0 -20px 0;padding:15px 12px;background:#f9f9f9;height:387px;overflow-y:auto}
.side-area.pop .side-up-ndown .chat-area .talk-box{width:100%;overflow:hidden}
.side-area.pop .side-up-ndown .chat-area [class*="say"]{position:relative;width:200px;margin-bottom:10px;padding:8px 15px 12px;text-align:left;border-bottom:#ececec 1px solid;border-radius:5px;background-color:#fff}
.side-area.pop .side-up-ndown .chat-area .talk-box:last-child [class*="say"]{margin-bottom:0}
.side-area.pop .side-up-ndown .chat-area [class*="say"]:before{content:"";display:inline-block;clear:both;position:absolute;top:10px;width:11px;height:13px;background:url("/rpan/common/images/chat_bg.png?update=20180329") no-repeat 0 0;background-size:12px 100px;}
.side-area.pop {z-index:1}
.side-area.pop .side-up-ndown .chat-area .say-others{margin-left:11px;min-width:auto}
.side-area.pop .side-up-ndown .chat-area .say-others:before{left:-11px}
.side-area.pop .side-up-ndown .chat-area .say-me{float:right;margin-right:11px;min-width:auto}
.side-area.pop .side-up-ndown .chat-area .say-me:before{background-position:0 -25px;right:-11px}
.side-area.pop .side-up-ndown .chat-area .climb, .side-area .side-up-ndown .chat-area .drop{display:inline-block;width:44px;height:15px;margin-top:3px;text-indent:-9999em;vertical-align:middle}
.side-area.pop .side-up-ndown .chat-area .climb{background:url("/rpan/common/images/label/chat_climb.png?update=20180329") no-repeat 0 0 !important;background-size:44px 15px !important}
.side-area.pop .side-up-ndown .chat-area .drop{background:url("/rpan/common/images/label/chat_drop.png?update=20180329") no-repeat 0 0 !important;background-size:44px 15px !important}
.side-area.pop .side-up-ndown .chat-area .talk-box .exp mark{display:inline-block;font-size:13px;color:#888;vertical-align:text-bottom;line-height:16px;margin-left:5px}
/*side-best-expert*/
.side-area.pop .side-best-expert{height:305px}
.side-area.pop .side-best-expert .best-expert-list{padding:5px 20px 10px}
.side-area.pop .side-best-expert li{display:table;width:100%;padding:10px 0;border-bottom:1px solid #f9f9f9;height:81px}
.side-area.pop .side-best-expert li:last-child{border-bottom:none}
.side-area.pop .side-best-expert li .img-wrap{display:table-cell;width:66px;padding-right:10px;vertical-align:middle}
.side-area.pop .side-best-expert li .img{width:56px;height:56px;text-align:center;border-radius:50%;background:#eaeaea;overflow:hidden}
.side-area.pop .side-best-expert li .img img{padding-top:5%;height:100%}
.side-area.pop .side-best-expert li .cont{display:table-cell;vertical-align:middle}
.side-area.pop .side-best-expert li .cont .txt{font-size:13px;color:#888}
.side-area.pop .side-best-expert li .btn{margin-top:4px;padding:0}
/*side-short-cut*/
.side-area.pop .side-short-cut .short-cut-list{padding:0 20px}
.side-area.pop .side-short-cut li{position:relative;padding:20px 0;border-top:1px solid #eaeaea}
.side-area.pop .side-short-cut li:first-child{border-top:none}
.side-area.pop .side-short-cut li a{display:block;padding-right:65px}
.side-area.pop .side-short-cut li a:after{content:"";display:block;clear:both;position:absolute;right:0;top:50%;margin-top:-30px;width:60px;height:60px;background:url("/rpan/common/images/bg_shortcut_banner.png?update=20180329") no-repeat 0 0;background-size:75px auto}
.side-area.pop .side-short-cut li.ico02 a:after{background-position:0 -75px}
.side-area.pop .side-short-cut li .tit{font-size:16px;color:#000}
.side-area.pop .side-short-cut li .txt{font-size:13px;color:#888}
/*side-join-inquiry*/
.side-area.pop .side-join-inquiry{padding:10px 20px 18px;color:#fff;background:url("/rpan/common/images/bg_popmain_join.png?update=20180329") no-repeat 0 0 #94abbd;background-size:cover}
.side-area.pop .side-join-inquiry .join-txt .tit{font-size:16px;font-weight:bold}
.side-area.pop .side-join-inquiry .join-txt .number{width:187px;height:28px;margin-top:9px;text-indent:-9999em;background:url("/rpan/common/images/popmain_phone_number.png?update=20180329") no-repeat 0 0}
.side-area.pop .side-join-inquiry .join-txt .number a{color:#fff} 
.side-area.pop .side-join-inquiry .join-txt .time{margin-top:5px}
.side-area.pop .side-join-inquiry .btn{margin-top:11px;overflow:hidden;width:100%;border:none;border-radius:0;line-height:1;padding:0}
.side-area.pop .side-join-inquiry .btn a{float:left;width:50%;padding:6px 0;color:#fff;text-align:center;border:1px solid #fff;box-sizing:border-box}
.side-area.pop .side-join-inquiry .btn a + a{border-left:none} 
/* *** 스탁론 *** */
/*cus-center*/
.side-area.pst .cus-center{padding:10px 20px 18px;color:#fff;background:url("/rpan/common/images/bg_pst_01.png?update=20180329") no-repeat 0 0 #94abbd;background-size:cover}
.side-area.pst .cus-center .join-txt .tit{font-size:16px;font-weight:bold}
.side-area.pst .cus-center .sub-t{font-size:13px;opacity:0.7;margin-bottom:18px;display:block}
.side-area.pst .cus-center .join-txt .number{line-height:100%;font-size:36px}
.side-area.pst .cus-center .join-txt .number a{color:#fff}
.side-area.pst .cus-center .join-txt .time{margin-bottom:15px}
.side-area.pst .cus-center .btn{overflow:hidden;width:100%;padding:0}
.side-area.pst .cus-center .btn a{display:block;padding:10px 0;color:#fff;text-align:center;border:1px solid #91d3e1;box-sizing:border-box} 
/* 원격지원 서비스 */ 
.side-area.pst .pst-service strong{display:block;font-size:16px;margin-bottom:5px}
.side-area.pst .pst-service .down-cont{position:relative;padding:18px 85px 17px 20px;line-height:150%}
.side-area.pst .pst-service .down-cont:after{content:"";position:absolute;top:18px;right:20px;width:56px;height:78px;background:url("/rpan/common/images/ico_pst_main.png?update=20180329")  no-repeat 0 -117px}
.side-area.pst .pst-service .down-cont .txt{display:block;margin:0 0 2px 0;color:#888;font-size:13px}
.side-area.pst .pst-service .link-btn{margin-top:10px}
/* 스탁론 진행절차 */
.side-area.pst .pst-process{position:relative}
.side-area.pst .pst-process ul{padding:15px 20px 0} 
.side-area.pst .pst-process ul li{position:relative;padding-bottom:20px}
.side-area.pst .pst-process ul li em{display:block}
.side-area.pst .pst-process ul li span{font-size:13px;color:#888}
.side-area.pst .pst-process ul li span i{position:relative;display:inline-block;padding-left:12px;color:#a7753a;margin-left:5px}
.side-area.pst .pst-process ul li span i a{color:#a7753a} 
.side-area.pst .pst-process ul li span i:after{content:"";position:absolute;left:0;top:0;width:12px;height:20px;background:url(../images/icon_sprite.png) no-repeat 0 -174px}
.side-area.pst .pst-process ul li:after{content:"";position:absolute;left:15px;top:0;bottom:0;border-left:1px solid #eaeaea}
.side-area.pst .pst-process ul li:last-child:after{display:none}
.side-area.pst .pst-process ul li mark{display:block;position:absolute;left:0;top:0;z-index:2;width:30px;height:30px;text-align:center;line-height:30px;color:#ff545b;font-weight:bold;border:1px solid #eaeaea;border-radius:100%;background:#fff}
.side-area.pst .pst-process ul li p{margin-left:40px}
.side-area.pst .pst-process .link-btn{position:absolute;right:10px;top:16px;line-height:14px}  
/* 스탁론 진행절차 */
.side-area.pst .pst-banner{background:none}
.side-area.pst .pst-banner img{width:100%}
/* 스탁론 진행절차 */
.side-area.pst .notice.case02{height:201px}
/* *** 유팍스 *** */
/* 특징 */ 
.side-area.pup .pup-banner{width:300px}
.side-area.pup .pup-banner img{display:block;width:100%}
/* 특징 */ 
.side-area.pup .feature{height:155px}
.side-area.pup .feature .rolling-list{width:500%;overflow:hidden}
.side-area.pup .feature .rolling-list li{float:left;position:relative;width:20%;min-height:84px;padding:23px 20px 23px 20px;font-size:13px;color:#888;line-height:150%}
.side-area.pup .feature .rolling-list li .tit{display:block;margin:0 0 5px 0;font-size:14px;font-weight:normal;color:#000}
/* 다운로드 */
.side-area.pup .upax-download{height:155px}
.side-area.pup .upax-download .down-cont{position:relative;padding:18px 85px 17px 20px;line-height:150%}
.side-area.pup .upax-download .down-cont:after{content:"";position:absolute;top:18px;right:20px;width:56px;height:56px;background:url("/rpan/common/images/icon_pup_main_down.png?update=20180329") no-repeat 0 0;background-size:56px 56px}
.side-area.pup .upax-download .down-cont .txt{display:block;margin:0 0 2px 0}
.side-area.pup .notice{height:201px}
.side-area.pup .notice .list li a{max-width:69% }  
.side-area.pup .upax-download{margin:0}
/* *** 커뮤니티 *** */
.containerNew.main .side-area.pco .feature{display:none }
.side-area.pco .feature{height:376px}
.side-area.pco .per-list{width:300px}
.side-area.pco .per-list ul{padding:0 20px;border-bottom:1px solid #eaeaea}
.side-area.pco .per-list ul li{position:relative;padding:10px 0 11px 0;border-bottom:1px solid #f9f9f9}
.side-area.pco .per-list ul li:last-child{border-bottom:none}
.side-area.pco .per-list ul li .img-wrap{position:absolute;left:0;top:50%;margin-top:-28px;width:66px;padding-right:10px;vertical-align:middle}
.side-area.pco .per-list ul li .img{width:56px;height:56px;text-align:center;border-radius:50%;background:#eaeaea;overflow:hidden}
.side-area.pco .per-list ul li .img img{height:100%}
.side-area.pco .per-list ul li .cont{margin-left:65px;margin-right:90px}
.side-area.pco .per-list ul li .cont .tit{font-weight:bold;font-size:14px}
.side-area.pco .per-list ul li .cont .txt{height:39px;font-size:13px;color:#000;overflow:hidden;letter-spacing:-0.03em}
.side-area.pco .per-list ul li .btn{position:absolute;top:10px;right:0;width:80px;margin-top:4px;padding:0;white-space:normal;text-align:center;line-height:1}
.side-area.pco .per-list ul li .btn .date{font-size:13px;color:#888} 
.side-area.pco .per-list ul li .btn .link-btn{display:block;width:78px;padding:0;margin-top:10px;line-height:28px;font-size:13px;text-align:center;color:#fff}
.side-area.pco .per-list ul li .btn .link-btn:after{background:none}
.side-area.pco .per-list ul li .btn .link-btn.co-mint{background:#24c1c6}
.side-area.pco .per-list ul li .btn .link-btn.co-darkorg{background:#915f23}
.side-area.pco .per-list ul li .btn .link-btn.co-gray{background:#ccc}
.side-area.pco .per-list .sid-news{margin:8px 20px 7px;clear:both} 
.side-area.pco .per-list .sid-news .txt{max-height:40px;overflow:hidden;margin:0 0 6px;color:#000;line-height:150%}
.side-area.pco .per-list .sid-news .txt a{color:inherit} 
.side-area.pco .per-list .sid-news .name{font-size:13px;color:#888}
.side-area.pco .per-list .sid-news .date{font-size:13px;color:#888;margin:0 0 0 8px;padding:0 0 0 12px;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat 0 2px} 
.side-area.pco .per-list .swip-ban a{display:block;font-size:0}
.side-area.pco .inter-list{padding:5px 20px 0;box-sizing:border-box;max-width:300px}
.side-area.pco .inter-list > p{line-height:140%;padding:5px 0 8px;font-weight:bold} 
.side-area.pco .inter-list > ul li{padding:9px 0 8px;border-top:1px solid #f9f9f9}
.side-area.pco .inter-list > ul li a{display:block;color:#000}
.side-area.pco .inter-list > ul li a em{display:inline-block;width:20px;line-height:20px;background:#f9f9f9;border:1px solid #eaeaea;text-align:center;font-weight:bold;font-size:13px;margin-right:2px}
.side-area.pco .inter-list > ul li p{font-size:13px;margin-left:27px}
.side-area.pco .inter-list > ul li p span,
.side-area.pco .inter-list > ul li p span em{margin-left:6px}
.side-area.pco .inter-list > ul li p.up{color:#ff545b}
.side-area.pco .inter-list > ul li p.down{color:#20a2ff}
.side-area.pco .inter-list > ul li p.maint{color:#000}
.side-area.pco .inter-list > span{display:block;padding:8px 10px;margin-bottom:10px;font-size:13px; background:#f9f9f9;text-align:center}
.side-area.pco .inter-list > span a{display:block;color:#888;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.side-area.pco .inter-list .sid-noti > a{display:block;color:#000;height:21px;padding-bottom:1px;line-height:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 
.side-area.pco .inter-list .sid-noti > a .noti{display:block;float:left;margin-top:1px;margin-right:5px;width:35px;height:20px;text-align:center;padding:0 8px;font-size:13px;background:url("/rpan/common/images/ico_board_type.png?update=20180329") no-repeat 0 -120px;text-indent:-9999em;background-size:35px 200px;vertical-align:middle}  
.side-area.pco .inter-list .sid-noti > p{color:#888;margin-top:5px;font-size:13px}
.side-area.pco .inter-list .sid-noti > p a{display:inline-block;margin-left:13px;color:#a7753a;padding-left:13px;background:url(../images/ico_view.png) no-repeat 0 -109px;background-size:20px 125px}
/* 전문가방송 slide2 */
.side-area.pco .feature .pro3-pc{display:block;text-align:center}
.side-area.pco .feature .pro3-pc img{display:block;margin:0 auto}
.side-area.pco .feature .pro3-m{display:none}
/* 랭킹 */
.side-area.pco .ranking{height:206px;}
/* 최근 방문 게시판 */
.side-area.pco .visited-board{height:206px}
.side-area.pco .visited-board .list{position:relative;width:100%;overflow:hidden;margin:10px 0;height:140px}
.side-area.pco .visited-board .list:after{content:"";display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#f9f9f9}
.side-area.pco .visited-board .list li{width:50%;height:25px;line-height:24px;float:left;padding:0 20px;margin-bottom:2px}
.side-area.pco .visited-board .list li a{color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:80%;vertical-align:middle}
.side-area.pco .visited-board .list li button{width:13px;height:13px;display:inline-block;background:url("/rpan/common/images/ico_sub5.png?update=20181102") no-repeat 0 -174px;text-indent:-9999em;vertical-align:middle;margin-top:2px}
.side-area.pco .visited-board .list li{}
/* 실시간 베스트글 */
.side-area.pco .rela-best{height:490px}
.side-area.pco .rela-best .list{padding:0 20px}
.side-area.pco .rela-best .list li{table-layout:fixed;display:table;width:100%;padding:12px 0 11px 0;border-top:1px solid #f9f9f9}
.side-area.pco .rela-best .list li:first-child{border-top:0}
.side-area.pco .rela-best .list li a{display:table-cell;width:100%;overflow:hidden;color:#000;white-space:nowrap;text-overflow:ellipsis}
.side-area.pco .rela-best .list li .like{display:table-cell;width:70px;font-size:13px;color:#a7753a;text-align:right}
.side-area.pco .rela-best .list li .like i{display:inline-block;width:20px;height:20px;overflow:hidden;margin:0 5px 0;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat 0 -60px;vertical-align:-5px;font-size:0;line-height:0;text-indent:-9999px}
/* 베스트 댓글 */
.side-area.pco .best-comment{height:390px}
.side-area.pco .best-comment .list{padding:16px 20px 20px}
.side-area.pco .best-comment .list li{padding:16px 0 16px;border-top:1px solid #f9f9f9}
.side-area.pco .best-comment .list li:first-child{border-top:0;padding-top:0}
.side-area.pco .best-comment .list li .tit{display:block;width:100%;overflow:hidden;margin:0 0 5px 0;font-weight:normal;white-space:nowrap;text-overflow:ellipsis;padding-bottom:1px}
.side-area.pco .best-comment .list li .tit a{color:#000}
.side-area.pco .best-comment .list li .comment-box{overflow:hidden;font-size:13px;color:#888}
.side-area.pco .best-comment .list li .comment-box .writer{float:left;max-width:24%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#a7753a;padding-bottom:1px}
.side-area.pco .best-comment .list li .comment{float:left;max-width:73%;overflow:hidden;margin:0 0 0 6px;padding:0 0 0 5px;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat 0 0;white-space:nowrap;text-overflow:ellipsis}
/* *** 모두의게시판 *** */ 
/* 배너이미지 */
.side-area.pcoall .side-banner{display:block}
.side-area.pcoall .side-banner img{display:block}
/* 최근 방문 게시판 */
.side-area.pcoall .visited-board{height:206px}
.side-area.pcoall .visited-board .list{position:relative;width:100%;overflow:hidden;margin:10px 0;height:140px}
.side-area.pcoall .visited-board .list:after{content:"";display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#f9f9f9}
.side-area.pcoall .visited-board .list li{width:50%;line-height:24px;float:left;padding:0 20px;margin-bottom:2px;height:25px}
.side-area.pcoall .visited-board .list li a{color:#000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:80%;vertical-align:middle}
.side-area.pcoall .visited-board .list li button{width:13px;height:13px;display:inline-block;background:url("/rpan/common/images/ico_sub5.png?update=20181102") no-repeat 0 -174px;text-indent:-9999em;vertical-align:middle}
.side-area.pcoall .visited-board .no-write{margin-top:20px}
/* 게시판명 검색 */
.side-area.pcoall .board-tit-search{height:101px}
.side-area.pcoall .board-tit-search .side-tit{border-bottom:none}
.side-area.pcoall .board-tit-search > div{padding:0 20px 20px}
.side-area.pcoall .board-tit-search > div .input-style{width:100%}
.side-area.pcoall .board-tit-search > div .input-style input[type="text"]{height:36px;background-color:#f9f9f9}
/* 주요게시판 */
.side-area.pcoall .major-board{position:relative;height:246px}
.side-area.pcoall .major-board > a.link-btn{position:absolute;top:18px;right:20px}
.side-area.pcoall .major-board ul{position:relative;width:100%;overflow:hidden}
.side-area.pcoall .major-board ul:after{content:"";display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#f9f9f9}
.side-area.pcoall .major-board ul li{height:40px;border-bottom:#f9f9f9 1px solid;padding:0 20px;float:left;width:50%;overflow:hidden}
.side-area.pcoall .major-board ul li a{display:inline-block;margin:13px 0;color:#000;max-width:90%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.side-area.pcoall .major-board ul li span{display:inline-block;width:6px;height:6px;background-color:#ff545b;border-radius:50%;text-indent:-9999em;margin-left:3px;line-height:40px}
/* 모두의 공감글 */
.side-area.pcoall .rela-best{height:271px}
.side-area.pcoall .rela-best .list{padding:0 20px}
.side-area.pcoall .rela-best .list li{table-layout:fixed;display:table;width:100%;padding:12px 0 12px 0;border-top:1px solid #f9f9f9}
.side-area.pcoall .rela-best .list li:first-child{border-top:0}
.side-area.pcoall .rela-best .list li a{display:table-cell;width:100%;overflow:hidden;color:#000;white-space:nowrap;text-overflow:ellipsis}
.side-area.pcoall .rela-best .list li .like{display:table-cell;width:70px;font-size:13px;color:#a7753a;text-align:right}
.side-area.pcoall .rela-best .list li .like i{display:inline-block;width:20px;height:20px;overflow:hidden;margin:0 5px 0;background:url("/rpan/common/images/ico_board.png?update=20180920") no-repeat 0 -60px;vertical-align:-5px;font-size:0;line-height:0;text-indent:-9999px}
/* 게시판 신청하기 */
.side-area.pcoall .board-request{height:180px;position:relative}
.side-area.pcoall .board-request p img{display:block}
.side-area.pcoall .board-request p a{display:block;position:absolute;bottom:25px;left:35px;right:35px;line-height:36px;text-align:center;color:#fff;border:#b7aa9a 1px solid;font-size:16px}
/* *** 사이버머니 *** */ 
/* 사이버머니 / 고객센터 */
.side-area.pcy .pcy-money-center{position:relative;height:126px}
.side-area.pcy .pcy-money-center > a.link-btn{position:absolute;top:18px;right:20px}
.side-area.pcy .pcy-money-center ul{position:relative;width:100%;overflow:hidden}
.side-area.pcy .pcy-money-center ul:after{content:"";display:block;position:absolute;top:0;left:50%;width:1px;height:100%;background-color:#f9f9f9}
.side-area.pcy .pcy-money-center ul li{height:40px;border-bottom:#f9f9f9 1px solid;padding:0 0 0 20px;float:left;width:50%;overflow:hidden}
.side-area.pcy .pcy-money-center ul li a{display:inline-block;margin:13px 0;color:#000}
.side-area.pcy .pcy-money-center ul li span{display:inline-block;width:6px;height:6px;background-color:#ff545b;border-radius:50%;text-indent:-9999em;margin-left:3px}
/* 안내 리스트 */
.side-area.pcy .novice-banner .menu-list{padding:5px 20px;height:192px}
.side-area.pcy .novice-banner .menu-list li{border-top:1px solid #f9f9f9;font-size:13px;line-height:150%}
.side-area.pcy .novice-banner .menu-list li a{display:block;position:relative;padding:15px 93px 15px 0;color:#888}
.side-area.pcy .novice-banner .menu-list li a:after{content:"";position:absolute;top:50%;right:3px;width:58px;height:48px;background:url("/rpan/common/images/icon_pcy_novice.png?update=20180329") no-repeat 0 0;margin-top:-24px}
.side-area.pcy .novice-banner .menu-list li.add1 a:after{background-position:0 -54px}
.side-area.pcy .novice-banner .menu-list li:first-child{border:0}
.side-area.pcy .novice-banner .menu-list li .tit{display:block;margin:0 0 5px 0;font-size:16px;color:#000;font-weight:normal} 
/* 사이버머니 문의전화 */
.side-area.pcy .pcy-join-inquiry{padding:17px 20px 18px;height:115px;background:url("/rpan/common/images/pcy_side_inquiry_bg.png?update=20180329") no-repeat 0 0 !important;background-size:cover !important;color:#fff;line-height:1}
.side-area.pcy .pcy-join-inquiry .tit{font-size:16px}
.side-area.pcy .pcy-join-inquiry .num{display:block;margin:8px 0 5px;font-size:36px;line-height:38px}
/* *** 카페홈 *** */   
.side-area.pcf .cafe-join{display:block;background:#ff545b;font-size:16px;text-align:center;line-height:45px;color:#fff} 
.side-area.pcf .cafe-join span{display:inline-block;padding-left:20px;background:url("/rpan/common/images/ico_bg_cafe.png?update=20180329") no-repeat 0 -69px;background-size:150px 100px}
.side-area.pcf .link{position:relative} 
.side-area.pcf .link a{display:inline-block;width:100%;text-align:center;color:#000;border-left:1px solid #eaeaea;line-height:40px} 
.side-area.pcf .link a span{display:inline-block;padding-left:16px;background:url("/rpan/common/images/ico_sub5.png?update=20181102") no-repeat 0 -196px;background-size:40px 1000px}
.side-area.pcf .link a:nth-child(1){border:0}
.side-area.pcf .link a:nth-child(2) span{background-position:0 -234px}  
.side-area.pcf .pcf-logout .pcf-logout-info{padding:13px 20px;overflow:hidden}
.side-area.pcf .pcf-logout .pcf-logout-info p{font-size:16px;float:left}
.side-area.pcf .pcf-logout .pcf-logout-info a{display:block;float:right;border:1px solid #ccc;padding:3px 5px;font-size:13px;color:#888}
.side-area.pcf .pcf-logout:after{content:"";position:absolute;left:270px;top:-8px;width:13px;height:10px;background:url("/rpan/cafe/common/images/ico_here.png?update=20180329") no-repeat 0 0;background-size:13px 8px}
.side-area.pcf .pcf-logout-tab{border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;padding:12px 20px 14px;overflow:hidden;background:#f9f9f9}
.side-area.pcf .pcf-logout-tab a{position:relative;display:block;float:left;color:#888;padding-right:10px;font-size:13px;margin-right:10px}
.side-area.pcf .pcf-logout-tab a:after{content:"";position:absolute;left:-10px;top:2px;height:11px;border-left:1px solid #ccc}
.side-area.pcf .pcf-logout-tab a:nth-of-type(1):after{display:none}
.side-area.pcf .pcf-logout-tab a.selected{font-weight:bold}
.side-area.pcf .pcf-logout ul{padding:0 20px;height:245px}
.side-area.pcf .pcf-logout ul li{border-bottom:1px solid #f9f9f9;padding:10px 0;overflow:hidden;position:relative}
.side-area.pcf .pcf-logout ul li:last-child{border:0} 
.side-area.pcf .pcf-logout ul li img{vertical-align:middle;height:20px}
.side-area.pcf .pcf-logout ul li mark{position:absolute;left:0;top:50%;width:50px;height:20px;margin-top:-10px} 
.side-area.pcf .pcf-logout ul li span{display:block;width:20px;overflow:hidden;position:absolute;top:50%;right:5px;margin-top:-10px}
.side-area.pcf .pcf-logout ul li a{display:block;color:#000;margin:0 25px 0 50px;line-height:20px;letter-spacing:-1px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.side-area.pcf .pcf-logout .no-cafe-data{height:245px;text-align:center}
.side-area.pcf .pcf-logout .no-cafe-data p{background:url("/rpan/common/images/no_cafe_data.png?update=20180329") no-repeat center 65px;padding-top:125px}
.side-area.pcf .pcf-logout .pcf-logout-foot{position:relative;padding:10px 20px;background:#f9f9f9;border-top:1px solid #eaeaea}
.side-area.pcf .pcf-logout .pcf-logout-foot span button{background:url("/rpan/cafe/common/images/btn_01.png?update=20180329") no-repeat 0 0;width:20px;height:20px;text-indent:-9999px;margin-right:-4px;overflow:hidden}
.side-area.pcf .pcf-logout .pcf-logout-foot span button:disabled{opacity:0.5}
.side-area.pcf .pcf-logout .pcf-logout-foot span .next-btn{background:url("/rpan/cafe/common/images/btn_01.png?update=20180329") no-repeat -20px 0;width:20px;height:20px}
.side-area.pcf .pcf-logout .pcf-logout-foot .set-btn{position:absolute;right:20px;top:9px;line-height:20px;background:url("/rpan/cafe/common/images/btn_set.png?update=20180329") no-repeat 0 0;padding-left:22px;color:#888}
.side-area.pcf .notice{height:201px}
.side-area.pcf .notice .list li a{max-width:100%} 
.side-area.pcf .pcf-banner{max-width:100%} 
.side-area.pcf .pcf-banner img{display:block} 
/* 통합검색 */
.side-area.pse .pse-time{background:#fff;margin-bottom:0;overflow:hidden}
.side-area.pse .pse-time .tit-info{float:right} 
.side-area.pse .search-period{display:block;width:100%}
.side-area.pse .search-period input[type="radio"]:not(old) + label{width:16.6%}
.side-area.pse .search-period input[type="radio"]:not(old):checked + label{color:#fff} 
.side-area.pse .search-period input[type="radio"][readonly]:not(old) + label, 
.side-area.pse .search-period input[type="radio"][disabled]:not(old) + label{background:#f9f9f9;color:#333} 
.side-area.pse > .pse-ranking .pse-ranking-w{padding:15px;clear:both}
.side-area.pse > .pse-ranking ol li{margin-top:15px}
.side-area.pse > .pse-ranking ol li a{display:block;color:#000;overflow:hidden} 
.side-area.pse > .pse-ranking ol li a i{display:block;float:left;margin-right:10px}
.side-area.pse > .pse-ranking ol li a span{display:block;float:left;width:90%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis} 
 
@media only screen and (max-width:1160px){
	/* *** 종목홈 연계영역 *** */
	.side-area.pan{min-height:694px}
	.side-area.pan > div{width:32.6%;margin:10px 0 0 10px;float:none} 
	.side-area.pan .feature{border-left:0;margin-left:0}
	.side-area.pan .diagnosis{border-left:0;margin-left:0}/* 181031 */
	.side-area.pan .per-list{width:100%}
	.side-area.pan > div.banner{position:absolute;left:32.6%;top:0}
	.side-area.pan > div.bannner{position:absolute;left:32.6%;top:0}
	.side-area.pan > div.bannner.bottom{position:absolute;left:auto;right:0;top:434px}/* 181205 추가 */
	.side-area.pan > div.ranking{position:absolute;right:0;top:0;margin-left:0} 
	.side-area.pan > div.relation{position:absolute;top:260px;left:32.6%;width:32.6%}
	.side-area.pan > div.jHomeSideAd{position:absolute;right:0;top:355px;width:32.6%}
	.containerNew.main .side-area.pan > div.relation{position:static;float:left;width:32.6%;margin-left:0}
	.containerNew.main .side-area.pan > div.ranking{position:absolute;left:32.6%;top:0;right:auto;width:32.6%;margin-left:10px}
	.containerNew.main .side-area.pan > div.ranking .ranking-button{top:13px}
	.containerNew.main .side-area.pan > div.jHomeSideAd{position:absolute;right:0;top:0;width:32.6%}	
	.side-area.pan > .ranking .ranking-tab a,.side-area.pan > .ranking .ranking-tab button{position:relative;z-index:2;display:inline-block;color:#000;height:48px;line-height:48px;margin-right:10px;font-size:15px}
	.side-area.pan > .ranking .ranking-tab a.selected,.side-area.pan > .ranking .ranking-tab button.selected{color:#ff545b;border-bottom:1px solid #ff545b}
	.side-area.pan .relation .tip-body .agree-text{top:230px}
	/* *** 종목입체분석 연계영역 */
	.side-area.analysis{min-height:600px}
	.side-area.analysis > div{margin:10px 0 0 10px;float:none} 
	.side-area.analysis .feature{border-left:0;margin-left:0;margin-right:620px;}
	.side-area.analysis > div.banner{position:absolute;right:310px;top:0;width:300px}
	.side-area.analysis > div.bannner{position:absolute;right:310px;top:0;width:300px}
	.side-area.analysis > .notice{position:absolute;right:310px;top:260px;width:300px}
	.side-area.analysis > .banner-middle{position:absolute;right:310px;top:426px;width:300px}
	.side-area.analysis .ranking{position:absolute;right:0;top:0;width:300px}
	.side-area.analysis > .jHomeSideAd{position:absolute;right:0;top:375px;width:300px}
	/* *** 종목진단 연계영역 *** */
	.side-area.pdi{height:589px}
	.side-area.pdi > div{width:34.6%;margin:10px 0 0 10px;float:none}
	.side-area.pdi .paxnet-banner{width:31.6%;margin-left:0} 
	.side-area.pdi .paxnet-bannner{width:31.6%;margin-left:0}
	.side-area.pdi .notice{width:31.6%;position:absolute;top:212px;left:0;margin-left:0}
	.side-area.pdi .side-banner-ex{width:31.6%;position:absolute;top:369px;left:0;margin-left:0} 
	.side-area.pdi .pdi-thmb_news{position:absolute;top:0;left:31.6%} 
	.side-area.pdi .paxnet-banner2{width:31.6%;position:absolute;top:0;right:0} 
	.side-area.pdi .paxnet-bannner2{width:31.6%;position:absolute;top:0;right:0} 
	.side-area.pdi .pdi-free{position:absolute;top:158px;left:31.6%}
	.side-area.pdi .pdi-join-inquiry{width:31.6%;position:absolute;top:282px;right:0}
	/* *** 전문가방송 연계영역 *** *//* 181108 */
	.side-area.pex{height:940px}
	.side-area.pex > div{width:33.1%;margin:10px 0 0 10px;float:none}
	.side-area.pex .side-banner-ex{width:31.6%;float:left;margin-left:0}
	.side-area.pex .side-banner-ex img{width:100%}
	.side-area.pex .pex-notice-long{width:33.1%;float:left}
	.side-area.pex .pex-notice-invest{width:33.1%;float:right;margin-left:0}
	.side-area.pex .pex-notice-recom{position:absolute;top:158px;left:31.6%} 
	.side-area.pex .side-banner{width:31.6%;margin-left:0;clear:both;position:absolute;top:180px;left:0} 
	.side-area.pex .side-best-expert{position:absolute;top:372px;left:31.6%} 
	.side-area.pex .side-master{position:absolute;top:214px;right:0} 
	.side-area.pex .pex-join-inquiry{width:31.6%;position:absolute;left:0;top:358px;margin-left:0}
	.side-area.pex .side-link-button{width:31.6%;position:absolute;left:0;top:523px;margin-left:0}
	.side-area.pex .side-recruit{width:31.6%;position:absolute;left:0;top:618px;margin-left:0} 
	.side-area.pex .novice-banner{position:absolute;right:0;top:546px}
	.side-area.pex .side-academy{width:33.1%;position:absolute;right:0;top:215px}
 	/* *** 고객센터 연계영역 *** */
	.side-area.phe{height:305px}
	.side-area.phe > div{width:33.1%;margin:10px 0 0 10px;float:none}
	.side-area.phe .service{float:left;margin-left:0}
	.side-area.phe .service + .service{width:31.6%;margin-left:10px}
	.side-area.phe .side-qna{width:33.1%;position:absolute;top:137px;left:0;margin-left:0}
	.side-area.phe .novice-banner{position:absolute;top:0;right:0%} 
	.side-area.phe .phe-banner1{width:31.6%;position:absolute;top:137px;left:33.1%} 
	.side-area.phe .phe-banner2{width:31.6%;position:absolute;top:223px;left:33.1%} 
	/* *** 마이페이지 연계영역 *** */
	.side-area.pmy > div{margin:10px 0 0 0}
	.side-area.pmy > div{width:49.5%}
	.side-area.pmy > div:last-child{width:50.5%;border-left:#eff3f6 10px solid}
	.side-area.pmy .like-member li .mem-info > div{width:100%;padding-right:130px;position:relative;overflow:hidden;}
	.side-area.pmy .like-member li .mem-info > div .info-box:last-child{position:absolute;top:0;right:0}
	.side-area.pmy .like-member li .mem-info > div .info-box:first-child span{display:block;width:48%;box-sizing:border-box;float:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.side-area.pmy .like-member li .mem-info .info-box span{max-width:none}
	.side-area.pmy .interest-ranking{height:387px}
	.side-area.pmy .interest-ranking ul li .ranking-box{position:relative}
	.side-area.pmy .interest-ranking ul li:nth-child(5){border-bottom:none}
	.side-area.pmy .interest-ranking ul li:nth-child(1n+6){display:none} 
	.side-area.pmy .interest-ranking .ranking-box .rank-val{padding-right:220px}
	.side-area.pmy .interest-ranking .ranking-box .rank-bt{position:absolute;bottom:3px;right:0} 
	/* *** 뉴스시세 연계영역 *** */
	.side-area.pne{height:615px}
	.side-area.pne > div{width:33.1%;margin:10px 0 0 10px}
	.side-area.pne .side-keyword-search{width:31.6%;margin-left:0}
	/* 171121 */
	.side-area.pne .side-news-qna{width:31.6%;position:absolute;left:0;top:219px;margin-left:0;clear:left}
	.side-area.pne .banner{width:31.6%;position:absolute;left:0;top:355px;margin-left:0}
	.side-area.pne .bannner{width:31.6%;position:absolute;left:0;top:355px;margin-left:0}
	.side-area.pne .side-best-news{position:absolute;left:31.6%;top:0} 
	.side-area.pne .side-best-news .best-news-list{margin:7px 20px 10px}
	.side-area.pne .net{position:absolute;left:31.6%;top:383px} 
	.side-area.pne .ranking{position:absolute;top:0;right:0}
	.side-area.pne .side-feature-ju{position:absolute;top:355px;right:0}
	/* *** 선물옵션 연계영역 *** */
	.side-area.pop{height:815px}
	.side-area.pop > div{width:33.1%;margin:10px 0 0 10px;float:none}
	.side-area.pop .side-banner-ex{float:left;width:31.6%;margin-left:0}
	.side-area.pop .side-banner-ex img{width:100%}
	.side-area.pop .notice{float:left;width:67.3%}
	.side-area.pop .pop-banner{position:absolute;top:439px;left:0;width:31.6%;margin-left:0}
	.side-area.pop .banner.pos{position:absolute;left:0;top:179px;width:31.6%;border:none;margin-left:0} 
	.side-area.pop .side-up-ndown{position:absolute;top:157px;left:31.6%}
	.side-area.pop .side-best-expert{position:absolute;top:157px;right:0}
	.side-area.pop .side-join-inquiry{width:31.6%;position:absolute;left:0%;top:651px;margin-left:0} 
	.side-area.pop .side-short-cut{position:absolute;right:0%;top:473px} 
	/* *** 스탁론 연계영역 *** */ 
	.side-area.pst{height:404px}
	.side-area.pst > div{width:33.1%;margin:10px 0 0 10px;float:none}
	.side-area.pst .cus-center{margin-left:0} 
	.side-area.pst .pst-service{position:absolute;left:0;top:212px;margin-left:0}
	.side-area.pst .pst-service .down-cont{position:relative;padding:18px 85px 17px 20px;line-height:150%}
	.side-area.pst .pst-service .down-cont:after{content:"";position:absolute;top:18px;right:20px;width:56px;height:78px;background:url("/rpan/common/images/ico_pst_main.png?update=20180329")  no-repeat 0 -117px}
	.side-area.pst .pst-service .down-cont .txt{display:block;margin:0 0 2px 0;color:#888;font-size:13px} 
	.side-area.pst .pst-process{position:absolute;left:33.1%;top:0} 
	.side-area.pst .pst-process ul li{padding-bottom:19px}
	.side-area.pst .notice.case02{width:31.6%;position:absolute;right:0;top:0}
	.side-area.pst .pst-banner{width:31.6%;position:absolute;right:0;top:211px;text-align:center} 
	/* *** 유팍스 연계영역 *** */ 
	.side-area.pup{height:630px}
	.side-area.pup > div{margin:10px 0 0 10px;float:none} 
	.side-area.pup .notice:first-child{width:49.5%;float:left;margin-left:0}
	.side-area.pup .notice + .notice{width:50.5%;border-left:#eff3f6 10px solid;float:right;margin-left:0}
	.side-area.pup .pup-banner{width:31.6%;clear:both;float:none;margin-left:0;position:absolute;top:211px;left:0}  
	.side-area.pup .feature{width:33.1%;position:absolute;top:211px;left:31.6%}
	.side-area.pup .upax-download{width:33.1%;position:absolute;top:211px;right:0%;margin-top:10px}
	/* *** 커뮤니티 연계영역 *** */  
	.side-area.pco{height:756px}
	.side-area.pco > div{width:31.6%;margin:10px 0 0 10px;float:none}
	.side-area.pco .feature{margin-left:0}
	.side-area.pco .per-list{width:100%}
	.side-area.pco .banner{width:31.6%;position:absolute;top:0;left:31.6%}
	.side-area.pco .bannner{width:31.6%;position:absolute;top:0;left:31.6%}
	.side-area.pco .visited-board{width:34.6%;position:absolute;right:0;top:0}
	.side-area.pco .ranking{position:absolute;top:386px;left:0;margin-left:0}
	.side-area.pco .rela-best{width:31.6%;position:absolute;top:260px;left:31.6%}
	.side-area.pco .best-comment{width:34.6%;position:absolute;right:0;top:216px;margin-left:0}
	.side-area.pco .best-comment .list li .tit{padding-bottom:1px}
	.side-area.pco .best-comment .list li .comment-box .writer{padding-bottom:1px}
	.containerNew.main .side-area.pco{height:616px}
 	.containerNew.main .side-area.pco .banner{margin-left:0;position:absolute;top:0;left:0}
 	.containerNew.main .side-area.pco .bannner{margin-left:0;position:absolute;top:0;left:0}
	.containerNew.main .side-area.pco .visited-board{width:33.6%;position:absolute;top:0;left:31.6%}
	.containerNew.main .side-area.pco .rela-best{width:32.6%;position:absolute;top:0;right:0;left:auto}
	.containerNew.main .side-area.pco .ranking{width:31.6%;top:260px}
	.containerNew.main .side-area.pco .best-comment{margin-left:10px;position:absolute;top:216px;left:31.6%;width:33.6%} 
	/* *** 모두의게시판 연계영역 *** */
	.side-area.pcoall{height:537px}
	.side-area.pcoall > div{width:34.6%;margin:10px 0 0 10px}
	.side-area.pcoall .visited-board{width:31.6%;border:none;margin-left:0}
	.side-area.pcoall .board-tit-search{width:31.6%;position:absolute;top:0;right:0}
	.side-area.pcoall .major-board{position:absolute;top:0;left:31.6%}
	.side-area.pcoall .side-banner{width:31.6%;position:absolute;top:216px;left:0;margin-left:0}
	.side-area.pcoall .rela-best{position:absolute;top:256px;left:31.6%}
	.side-area.pcoall .board-request{width:31.6%;position:absolute;top:111px;right:0}
	/* *** 기타 연계영역 *** */
	.side-area.com{border-top:10px solid #eff3f6}
	.side-area.com > .ranking{width:66.4%}
	.side-area.com > .bannner{width:32.6%;float:right} 
	/* *** 사이버머니 연계영역 *** */
	.side-area.pcy{height:432px}
	.side-area.pcy > div{width:32.6%;margin:10px 0 0 10px;float:none}
	.side-area.pcy .pcy-money-center.cy1{position:absolute;top:0;left:32.6%}
	.side-area.pcy .pcy-money-center.cy2{position:absolute;top:136px;left:32.6%}
	.side-area.pcy .novice-banner{margin-left:0}
	.side-area.pcy .pcy-join-inquiry{position:absolute;top:0;right:0}
	/* *** 카페홈 연계영역 *** */
	.side-area.pcf{margin-top:10px;min-height:433px}
	.side-area.pcf > div{width:34.3%;border-left:10px solid #eff3f6}
	.side-area.pcf > div.pcf-login{position:absolute;top:55px;right:0}
	.side-area.pcf > div.pcf-logout{position:absolute;top:55px;right:0}
	.side-area.pcf > div.comp-wrap{position:absolute;top:0;right:0;border-bottom:10px solid #eff3f6;margin-bottom:0}
	.side-area.pcf > div.notice{border-left:none;width:31.6%}
	.side-area.pcf > div.notice + .notice{border-left:10px solid #eff3f6;width:34.3%}
	.side-area.pcf > div.pcf-banner{position:absolute;top:211px;left:0;border-left:none;width:31.6%}
	.side-area.pcf > div.link{position:absolute;top:211px;left:31.6%}
	/* 통합검색 */ 
	.side-area.pse{border-top:10px solid #eff3f6} 
	.side-area.pse > .pse-ranking{width:67.4%;border-left:0}
	.side-area.pse > .bannner{width:31.6%;float:right} 
	  
} 
@media only screen and (max-width:979px){
	/* *** 종목홈 연계영역 *** */
	.side-area.pan .per-list{width:100%}
	.side-area.pan{min-height:auto}
	.side-area.pan > div{width:100%;border-left:0}   
	.side-area.pan > div.ranking{position:static;width:100% } 
	.side-area.pan > div.side-up-ndown{float:none} 
	.side-area.pan > div.side-up-ndown .chat-area{height:300px}
	.side-area.pan .swip-ban{width:100%;text-align:center}
	.side-area.pan .feature{height:auto;width:100%}
	.side-area.pan .feature .per-list .sid-news{margin:12px 20px 12px}
	.side-area.pan .feature .pro3-pc{display:none}
	.side-area.pan .feature .pro3-m{display:block}
	.side-area.pan .feature .pro3-m img{display:block;width:320px;margin:0 auto}
	.side-area.pan > div.relation{width:100%;position:relative;left:0;top:0;margin-left:0}
	.side-area.pan .inter-list{padding:5px 20px 10px;box-sizing:border-box;max-width:100%;width:100%}
	.side-area.pan > div.m-banner{height:70px;padding:10px 12px 0 5px;margin:0 0 10px 0}
	.side-area.pan > div.bannner{display:none}
	.side-area.pan > div.jHomeSideAd{position:static;width:100%;min-height:auto;margin-left:0}
	.containerNew.main .side-area.pan > div.relation{position:static;float:none;width:100%;margin-left:0}
	.containerNew.main .side-area.pan > div.ranking{position:relative;left:auto;top:auto;width:100%;margin-left:0}
	.containerNew.main .side-area.pan > div.ranking .ranking-button{top:13px}
	.containerNew.main .side-area.pan > div.jHomeSideAd{position:static;width:100%;margin-left:0}
	.containerNew.main .side-area.pan-right .pan-notice ul{padding:15px 15px}  
	.containerNew.main .side-area.pan .side-up-ndown .up-ndown-cont{height:auto;padding:10px 15px 20px}
	/* *** 종목입체분석 연계영역 *** */
	.side-area.analysis .per-list{width:100%}
	.side-area.analysis{min-height:auto;margin-top:-100px}
	.side-area.analysis > div{width:100%;border-left:0}   
	.side-area.analysis > div.ranking{position:static;width:100% } 
	.side-area.analysis > div.side-up-ndown{float:none} 
	.side-area.analysis > div.side-up-ndown .chat-area{height:300px}
	.side-area.analysis .swip-ban{width:100%;text-align:center}
	.side-area.analysis .feature{height:auto;width:100%;margin-top:0;border-top:10px solid #eff3f6}
	.side-area.analysis .feature .per-list .sid-news{margin:12px 20px 12px}
	.side-area.analysis .feature .pro3-pc{display:none}
	.side-area.analysis .feature .pro3-m{display:block}
	.side-area.analysis .feature .pro3-m img{display:block;width:320px;margin:0 auto}
	.side-area.analysis > div.relation{width:100%;position:relative;left:0;top:0;margin-left:0}
	.side-area.analysis .inter-list{padding:5px 20px 10px;box-sizing:border-box;max-width:100%;width:100%}
	.side-area.analysis > div.m-banner{height:70px;padding:10px 12px 0 5px;margin:0 0 10px 0}
	.side-area.analysis > div.bannner{display:none}
	.side-area.analysis > .notice{position:static;width:100%;margin-left:0}
	.side-area.analysis > .banner-middle{position:static;width:100%;height:auto;margin-left:0}
	.side-area.analysis > .banner-middle .p-type{display:none}
	.side-area.analysis > .banner-middle  img.m-type{display:block;width:100%;height:auto}
	.side-area.analysis > div.jHomeSideAd{display:none}
	.side-area.analysis > .ranking{margin-left:0}
	/* *** 종목진단 연계영역 *** */
	.side-area.pdi{height:auto;margin-bottom:10px}
	.side-area.pdi > div{width:100%;margin-left:0}  
	.side-area.pdi .paxnet-banner{width:100%;height:auto;margin:0}
	.side-area.pdi .paxnet-banner img{width:100%;display:block}
	.side-area.pdi .paxnet-banner .banner-pc{display:none}
	.side-area.pdi .paxnet-banner .banner-mo{display:block}
	.side-area.pdi .paxnet-bannner{width:100%;height:auto}
	.side-area.pdi .paxnet-bannner img, .side-area.pdi .side-banner-ex img{width:100%;display:block}
	.side-area.pdi .notice,.side-area.pdi .side-banner-ex{width:100%;position:static}
	.side-area.pdi .paxnet-banner2{position:static;width:100%;height:auto}
	.side-area.pdi .paxnet-banner2 img{width:100%;display:block}	
	.side-area.pdi .paxnet-bannner2{position:static;width:100%;height:auto}
	.side-area.pdi .paxnet-bannner2 img{width:100%;display:block}
	.side-area.pdi .paxnet-banner2 .bn-pc{display:none}
	.side-area.pdi .paxnet-banner2 .bn-mo{display:block}
	.side-area.pdi .pdi-thmb_news{width:100%;position:static}
	.side-area.pdi .pdi-thmb_news a{margin:15px 15px 30px 15px}
	.side-area.pdi .pdi-thmb_news .pic{margin:0 10px 0 0}  
	.side-area.pdi .pdi-free{position:static;width:100%}
	.side-area.pdi .pdi-free .menu-list{padding:0 15px 10px}
	.side-area.pdi .pdi-free .menu-list li .txt{margin-bottom:13px} 
	.side-area.pdi .pdi-free .menu-list li:after{width:56px;height:55px;background-position:0 -70px;background-size:60px 125px}
	.side-area.pdi .pdi-free .menu-list li.add1{display:none}  
	.side-area.pdi .pdi-join-inquiry{width:100%;position:static;padding:15px 15px 18px 15px !important} 
	/* *** 전문가 방송 연계영역 *** */ 
	.side-area.pex{height:auto;margin-bottom:10px}
	.side-area.pex > div{margin-left:0}
	.side-area.pex .notice{margin-top:10px}
	.side-area.pex .notice .list{margin:7px 15px 6px}
	.side-area.pex .side-banner-ex{width:100%;float:none;margin:0}
	.side-area.pex .pex-notice-long{width:100%;float:none}
	.side-area.pex .pex-notice-invest{width:100%;float:none}
	.side-area.pex .pex-notice-recom{position:static;width:100%;float:none;border-left:none}
	.side-area.pex .side-banner{width:100%;position:static;height:auto}
	.side-area.pex .side-banner p.banner-pc,.side-area .side-banner-ex p.banner-pc{display:none}
	.side-area.pex .side-banner p.banner-mo,.side-area .side-banner-ex p.banner-mo{display:block}
	.side-area.pex .side-banner img{width:100%;height:auto;display:block}  
	.side-area.pex .side-best-expert{width:100%;position:static}
	.side-area.pex .side-master{width:100%;position:static}
	.side-area.pex .pex-join-inquiry{width:100%;position:static;padding:15px 15px 18px 15px !important}  
	.side-area.pex .side-link-button{width:100%;position:static;height:85px;min-height:85px}
	.side-area.pex .side-recruit{width:100%;position:static}
	.side-area.pex .novice-banner{width:100%;position:static}
	.side-area.pex .novice-banner .menu-list{height:auto} 
	.side-area.pex .novice-banner .menu-list li a:after{width:55px;background-position:0 -90px;background-size:55px 250px}
	.side-area.pex .novice-banner .menu-list li.add1 a:after{background-position:0 -140px}
	.side-area.pex .novice-banner .menu-list li.add2 a:after{background-position:0 -191px} 
	.side-area.pex .side-area > div.side-recruit{min-height:auto} 
	.side-area.pex > .side-best-expert{height:auto} 
	.side-area.pex .side-best-expert li{height:auto}     
	.side-area.pex .side-best-expert .tab1,
	.side-area.pex .side-best-expert .tab2{min-height:auto} 
	.side-area.pex .side-best-expert .tab2{display:none}
	.side-area.pex .side-academy{width:100%;position:static;}
  	.rslides_tabs{padding:10px 0 0}
	.rslides_tabs li{width:10px;height:10px;margin-right:6px}
	.rslides_tabs li.pause,.rslides_tabs li.restart{width:18px;height:18px;margin-left:3px;background-size:18px 53px;}
	.rslides_tabs li.pause{background-position:0 -35px}
	.rslides_tabs li.restart{background-position:0 -15px}
	/* *** 고객센터 연계영역 *** */ 
	.side-area.phe{height:auto;margin-bottom:10px}
	.side-area.phe > div{width:100%;margin-left:10px}
	.side-area.phe .service{float:none;min-height:auto;margin-top:0}
	.side-area.phe .service + .service{width:100%;margin-left:0;margin-top:10px}
	.side-area .service .list li a{padding:15px 5px 13px 10px} 
	.side-area.phe .side-qna{width:100%;position:static}
	.side-area.phe .side-qna .go:after{content:"";background:url("/rpan/common/images/bl_white_arrow.png?update=20180329") no-repeat 0 0;background-size:6px 10px} 
	.novice-banner .menu-list li a:after{top:12px} 
	.side-area.phe .novice-banner{position:static;margin-left:0} 
	.side-area.phe .novice-banner .menu-list li a:after{background-size:150px 225px;background-position:-90px 0}
	.side-area.phe .novice-banner .menu-list li.add1 a:after{background-size:150px 225px;background-position:-90px -70px}
	.side-area.phe .novice-banner .menu-list li.add2 a:after{background-size:150px 225px;background-position:-90px -140px}
	.side-area.phe .phe-banner1{width:100%;position:static;min-height:auto;margin-left:0} 
	.side-area.phe .phe-banner1 img{width:100%}
	.side-area.phe .phe-banner2{width:100%;position:static;min-height:auto;margin-left:0}  	
	.side-area.phe .phe-banner2 img{width:100%}
	/* *** 마이페이지 연계영역 *** */  
	.side-area.pmy{margin-top:0;margin-bottom:10px}
	.side-area.pmy > div{width:100%;margin-left:0}
	.side-area.pmy > div:last-child{width:100%;border-left:none} 
	.side-area.pmy .like-member{height:auto}
	.side-area.pmy .like-member ul{padding:0 15px 5px 15px}
	.side-area.pmy .like-member li .mem-info > div{padding-right:0}
	.side-area.pmy .like-member li .mem-info > div .info-box:last-child{position:static}
	.side-area.pmy .like-member li .mem-info > div .info-box:first-child span{display:inline-block;width:auto;max-width:none;float:none;overflow:visible;text-overflow:clip;white-space:normal;padding-right:10px;margin-right:5px;vertical-align:top} 
	.side-area.pmy .interest-ranking{height:auto}
	.side-area.pmy .interest-ranking ul{padding:0 15px 10px 15px}
	.side-area.pmy .interest-ranking ul li:nth-child(5){border-bottom:#f9f9f9 1px solid}
	.side-area.pmy .interest-ranking ul li:nth-child(1n+6){display:block} 
	.side-area.pmy .interest-ranking .ranking-box .rank-val{padding-right:0}
	.side-area.pmy .interest-ranking .ranking-box .rank-bt{position:static} 
	/* *** 뉴스시세 연계영역 *** */
	.side-area.pne{height:auto;margin-bottom:10px;margin-top:-100px;border-top:10px solid #eff3f6}
	.side-area.pne > div{width:100%;margin-left:0}
	.containerNew.main .side-area.pne .side-keyword-search{margin-top:0}
	.side-area.pne .side-keyword-search{width:100%;margin-top:0;}/* 190710 수정 */
	.side-area.pne .banner{display:none} 
	.side-area.pne .bannner{display:none} 
	.side-area.pne .net{display:none} 
	.side-area.pne .ranking{position:static;width:100%}
	.side-area.pne .side-keyword-search .keyword-wrap{margin:20px 15px 30px}
	.side-area.pne .side-keyword-search .keyword-list{height:53px}
	.side-area.pne .side-keyword-search .keyword-list li a{padding:4px 9px}
	.side-area.pne .side-keyword-search .input-style{margin:15px 0 0}
	/* 171121 */
	.side-area.pne .side-news-qna{position:static;width:100%;min-height:auto;margin-top:10px;clear:both}
	.side-area.pne .side-best-news{position:static;width:100%}
	.side-area.pne .side-best-news .best-news-list{margin:7px 15px 23px} 
	.side-area.pne .side-feature-ju{position:relative;width:100%;top:0}
	.side-area.pne .side-feature-ju .feature-wrap{margin:8px 15px 23px}
	.side-area.pne .side-feature-ju li{padding:7px 0}
	.side-area.pne .side-feature-ju .img-wrap{width:105px}
	.side-area.pne .side-feature-ju .name .tit{font-weight:normal}
	.side-area.pne .side-feature-ju .txt{margin-top:2px} 
	.side-area.pne span.comment i{background-size:20px 600px;background-position:0 -310px}
	/* *** 선물옵션 연계영역 *** */ 
	.side-area.pop{height:auto;margin-top:-100px;margin-bottom:10px;border-top:10px solid #eff3f6}
	.side-area.pop > div{width:100%;margin-left:0}
	.side-area.pop .side-banner-ex{float:none;width:100%;margin:0}
	.side-area.pop .notice{float:none;width:100%}
	.side-area.pop .pop-banner{position:static;width:100%;height:auto;min-height:124px}
	.side-area.pop .pop-banner .bn-pc{display:none}
	.side-area.pop .pop-banner .bn-mo{display:block}
	.side-area.pop .banner.pos{display:none}
	.side-area.pop .side-up-ndown{width:100%;position:static}
	.side-area.pop .side-up-ndown .up-ndown-cont{padding:10px 15px 0}
	.side-area.pop .side-up-ndown .chat-area{margin:20px -15px 0;padding:15px;height:300px}
	.side-area.pop .side-up-ndown .chat-area [class*="say"] p.talk{font-size:13px} 
	.side-area.pop .side-best-expert{width:100%;position:static}
	.side-area.pop .side-best-expert .best-expert-list{padding:5px 15px 20px} 
	.side-area.pop .side-short-cut .short-cut-list{padding:0 15px 10px} 
	.side-area.pop .contents .side-area > .side-join-inquiry{padding:10px 15px 18px}
	.side-area.pop .side-join-inquiry{width:100%;position:static} 
	.side-area.pop .side-join-inquiry .join-txt .tit{font-weight:normal}
	.side-area.pop .side-join-inquiry .join-txt .number{background-position:0 -50px;background-size:200px auto}  
	.side-area.pop .side-short-cut{width:100%;position:static} 
	/* *** 스탁론 연계영역 *** */  
	.side-area.pst{height:auto;margin-bottom:10px}
	.side-area.pst > div{width:100%;margin-left:0}
	.side-area.pst .cus-center{width:100%;background:url("/rpan/common/images/bg_pst_01.png?update=20180329") no-repeat 0 0 #94abbd;background-size:cover;margin-top:0}  
	.side-area.pst .pst-service{position:relative;min-height:50px;top:0;left:0;display:none} 
	.side-area.pst .pst-process{position:relative;width:100%;top:0;left:0}
	.side-area.pst .pst-process ul{padding:15px 15px 0}  
	.side-area.pst .pst-process{max-width:100%}
	.side-area.pst .notice.case02{width:100%;position:relative}
	.side-area.pst .pst-banner{width:100%;position:relative;top:auto;text-align:center}
	.side-area.pst .pst-banner img{display:block;width:100%}
	.side-area.pst .notice.case02{max-width:100%;position:relative;right:auto;top:auto}
	/* *** 유팍스 연계영역 *** */
	.side-area.pup{height:auto;margin-bottom:10px}
	.side-area.pup > div{margin-left:0}
	.side-area.pup .notice:first-child{float:none;width:100%}
	.side-area.pup .notice + .notice{float:none;width:100%;border:none}
	.side-area.pup .feature{width:100%;position:relative;top:0;left:0}
	.side-area.pup .upax-download{width:100%;position:static;padding-left:0;padding-right:0}
	.side-area.pup .pup-banner{width:100%;position:static;height:auto}
	.side-area.pup .pup-banner img{display:block;width:100%}
	/* *** 커뮤니티 연계영역 *** */
	.side-area.pco{height:auto;margin-bottom:10px}
	.side-area.pco > div{width:100%;margin-left:0}
	.side-area.pco .feature{width:100%;height:auto;min-height:376px}
	.side-area.pco .feature .num2{margin:0 auto}
	.side-area.pco .feature .pro3-pc{display:none}
	.side-area.pco .feature .pro3-m{display:block}
	.side-area.pco .feature .pro3-m img{display:block;width:320px;margin:0 auto}
	.side-area.pco .per-list{width:100%}
	.side-area.pco .per-list .sid-news{margin:12px 20px 15px} 
	.side-area.pco .banner{display:none}
	.side-area.pco .bannner{display:none}
	.side-area.pco .ranking{position:static;width:100%}
	.side-area.pco .visited-board{position:static;width:100%}
	.side-area.pco .visited-board .list li{padding:0 15px}
	.side-area.pco .visited-board .list li button{background-position:0 -361px;background-size:40px 400px}
	.side-area.pco .rela-best{position:static;width:100%}
	.side-area.pco .rela-best .list{padding:0 15px}
	.side-area.pco .rela-best .list li .like i{background-position:0 -190px;background-size:20px 600px;vertical-align:middle}/* 180222 */
	.side-area.pco .best-comment{width:100%;height:auto;margin-left:0;position:static}
	.side-area.pco .best-comment .list{padding:16px 15px 0}
	.side-area.pco .rela-best{height:auto;position:static;float:none} 
	.side-area.pco .visited-board{height:auto;margin-left:0;position:static} 
	.containerNew.main .side-area.pco{height:auto}
	.containerNew.main .side-area.pco .ranking{position:static;width:100%;margin-top:0}
 	.containerNew.main .side-area.pco .rela-best{width:100%;position:static} 
	.containerNew.main .side-area.pco .visited-board{position:static;width:100%}
	.containerNew.main .side-area.pco .best-comment{position:static;width:100%;margin-left:0}
	/* *** 모두의게시판 연계영역 *** */
	.side-area.pcoall{height:auto;margin-bottom:10px}
	.side-area.pcoall > div{width:100%;margin-left:0}
	.side-area.pcoall .visited-board{width:100%}
	.side-area.pcoall .board-tit-search{width:100%;position:static;height:auto;min-height:auto}
	.side-area.pcoall .side-banner{width:100%;position:static;margin-top:0}
	.side-area.pcoall .side-banner img{width:100%}
	.side-area.pcoall .major-board{width:100%;position:relative;left:0}
	.side-area.pcoall .board-request{width:100%;position:relative;height:auto;top:0}
	.side-area.pcoall .board-request img{width:100%}
	.side-area.pcoall .rela-best{width:100%;position:static}
	.side-area.pcoall .visited-board .list li button{background-position:0 -361px;background-size:40px 400px}
	.side-area.pcoall .rela-best .list li .like i{background-position:0 -190px;background-size:20px 600px;vertical-align:middle}/* 180222 */
	/* *** 사이버머니 *** */ 
	.side-area.pcy{height:auto;margin-bottom:10px}
	.side-area.pcy > div{width:100%;margin-left:0}
	.side-area.pcy .pcy-money-center.cy1{position:static}
	.side-area.pcy .pcy-money-center.cy2{position:static }
	.side-area.pcy .novice-banner{border:none;width:100%}
	.side-area.pcy .pcy-join-inquiry{width:100%;border:none;position:static;min-height:auto}
	.side-area.pcy .pcy-money-center{min-height:auto}
	.side-area.pcy .novice-banner .menu-list{min-height:auto;height:auto}
	.side-area.pcy .novice-banner .menu-list li a:after{width:60px;background-position:0 -54px;background-size:60px 157px}
    .side-area.pcy .novice-banner .menu-list li.add1 a:after{background-position:0 -108px}
	/* *** 카페홈 *** */ 
	.side-area.pcf .pcf-login,
	.side-area.pcf .pcf-logout{display:none}
	.side-area.pcf{min-height:auto}
	.side-area.pcf > div{width:100%;border-left:none;min-height:auto} 
	.side-area.pcf > div.comp-wrap{position:static}
	.side-area.pcf > div.notice{width:100%}
	.side-area.pcf > div.notice .list{margin:7px 15px 6px}
	.side-area.pcf > div.notice + .notice{border-left:none;width:100%}
	.side-area.pcf > div.link{position:static}
	.side-area.pcf > div.pcf-banner{position:static;width:100%;margin-bottom:0}
	.side-area.pcf > div.pcf-banner img{width:100%}
	/* 통합검색 */  
	.side-area.pse > .pse-ranking{width:100%;border-left:0}
	.side-area.pse > .bannner{width:100%;float:none} 
	/* *** 기타 연계영역 *** */
	.side-area.com{border-top:10px solid #eff3f6}
	.side-area.com > .ranking{width:100%;margin-bottom:0}
	.side-area.com > .bannner{display:none} 
	/*.side-area.com + [class*="dv-com-m"]{margin-top:-135px}*/
}


/* ************* 회원가입 ************** */ 
/* step-mem **/ 
.step-mem{margin:5px -30px 45px;overflow:hidden}
.step-mem li{position:relative;float:left;height:72px;width:32%;color:#888;padding-left:110px;font-size:16px;border-bottom:1px solid #eee} 
.step-mem li:nth-of-type(2){width:36%;background-position:45px -80px} 
.step-mem li:nth-of-type(3){width:32%;background-position:45px -164px} 
.step-mem li div{position:relative}
.step-mem li div:after{content:"";position:absolute;left:-70px;top:0;height:50px;width:50px} 
.step-mem li:nth-of-type(1) div:after{background:url("/rpan/common/images/step_mem.png?update=20180329") no-repeat 0 0} 
.step-mem li:nth-of-type(2) div:after{background:url("/rpan/common/images/step_mem.png?update=20180329") no-repeat 0 -80px} 
.step-mem li:nth-of-type(3) div:after{background:url("/rpan/common/images/step_mem.png?update=20180329") no-repeat 0 -164px}  
.step-mem li span i{display:block;height:30px;line-height:28px;font-size:13px;font-style:normal}
.step-mem li span:after{content:"";width:20px;height:45px;position:absolute;right:-70px;top:0;background:url("/rpan/common/images/step_mem.png?update=20180329") no-repeat 0 bottom;padding-right:40px;margin-right:7px} 
.step-mem li:last-child span:after{background:none;margin:0;padding:0}
.step-mem li.selected{font-weight:bold;color:#444} 
.step-mem li.selected:nth-of-type(1) div:after{background-position:0 -250px} 
.step-mem li.selected:nth-of-type(2) div:after{background-position:0 -330px}
.step-mem li.selected:nth-of-type(3) div:after{background-position:0 -414px}  
.step-mem li.selected span{color:#ff545b} 
.step-mem li.selected:after{content:"";position:absolute;z-index:2;bottom:-1px;left:0;right:-12px;height:3px;background:#ff545b} 
.step-mem li.selected:nth-of-type(2):after{left:8px} 
.step-mem li.selected:nth-of-type(3):after{right:-1px;left:8px  }  
.pop-cont [class*="message-st"]{text-align:center;max-width:none;margin:20px 0 30px}
.pop-cont [class*="message-st-02"] .big-text:after{background:url("/rpan/common/images/icon_message02.png?update=20180329") no-repeat -610px 0} 
.pop-cont [class*="message-st-03"] .big-text:after{background:url("/rpan/common/images/icon_message02.png?update=20180329") no-repeat -740px 0}  
.pop-cont [class*="message-st-05"] .big-text:after{background:url("/rpan/common/images/icon_message02.png?update=20180329") no-repeat -366px 0}
.pop-cont [class*="message-st-06"] .big-text:after{background:url("/rpan/common/images/icon_message_new.png") no-repeat;background-size:260px 90px}
.pop-cont [class*="message-st-07"] .big-text:after{background:url("/rpan/common/images/icon_message_new.png") no-repeat -130px 0;background-size:260px 90px}
[class*="message-st"] .sub-text{color:#888;margin-top:10px;font-size:13px}
[class*="message-st"] .sub-text span{display:block}  
[class*="message-st-pop"] .big-text:after{background-position:-520px 0px}
[class*="message-st-pop1"] .big-text:after{background-position:-640px 0px}
[class*="message-st-pop2"] .big-text:after{background-position:-781px 0px}
.login-wrap{padding:20px 60px}
.logo-log{text-align:center;padding:0 0 45px}
.logo-log img{width:150px}
.on-area{color:#888;margin-bottom:15px}
.on-area .stu{display:block;float:left;margin-top:1px}  
.on-area .onstu{display:block;float:right}                                                                                           
.on-area .onstu i,.on-area .onstu a{float:left;margin-right:10px;line-height:22px;display:block;font-style:normal}
.on-area .onstu a{color:#888}
.on-area .onstu input[type="radio"]:not(old) + label{float:left;display:block;height:22px;line-height:20px;padding:0;width:42px;text-align:center;font-size:13px;background-image:none;border:1px solid #ccc;cursor:pointer}
.on-area .onstu input[type="radio"]:not(old):checked + label{color:#ff545b;border:1px solid #ff545b} 
/* 로그인 */ 
.member fieldset.login > div{border:1px solid #ccc}
.member fieldset.login .input-style{display:block}
.member fieldset.login .input-style input{height:50px;padding-left:30px;border:0;font-size:14px;background:#fff url("/rpan/common/images/ico_member.png?update=20180419") no-repeat 0 12px;background-size:36px 750px}/* 180419 수정 */
.member fieldset.login .input-style .delete{width:40px;height:30px} 
.member fieldset.login .input-style:nth-of-type(2) input{margin-top:1px;border-top:1px solid #eaeaea;background-position:0 -40px}
.member fieldset.login .btn-b{width:100%;height:60px;font-size:20px;margin-top:20px}
.member .bt-login{text-align:center;padding:28px 0}
.member .bt-login a{display:inline-block;padding:0 20px;position:relative;color:#444;font-size:16px}
.member .bt-login a:after{content:"|";position:absolute;left:-5px;color:#eaeaea}
.member .bt-login a:first-child:after{content:none}
.member .capcha{border:1px solid #ccc;position:relative;margin-top:10px} 
.member .capcha > div{height:80px;margin-right:130px;overflow:hidden}
.member .capcha > div img{width:100%;height:100%}
.member .capcha button{position:absolute;right:0;top:0;width:130px;height:80px;border-left:1px solid #ccc;text-indent:10px;color:#888;background:#fff url("/rpan/common/images/btn_ico.png?update=20180329") no-repeat 18px 32px;background-size:20px 20px}
.member .capcha input{border:0;border-top:1px solid #ccc;height:50px} 
.ad-area{margin-top:20px;height:200px}
/* 소셜로그인 추가 */
.social-login{padding:30px 0 14px 0;border-top:1px solid #eaeaea}
.social-login *{display:block}
.social-login .btn-b{width:100%;height:60px;margin-bottom:10px;line-height:100%;font-size:20px;color:#fff;text-align:center;border:none;background:url("/rpan/common/images/social_type.png?update=20180329") no-repeat}
.social-login .btn-b.naver{background-color:#00c73c;background-position:0 -104px}
.social-login .btn-b.kakaotalk{color:#3c1e1e;background-color:#ffeb00;background-position:0 -166px}
.social-login .btn-b.facebook{background-color:#3b579d;background-position:0 -228px}
.social-login .btn-b.google{background-color:#4285f4;background-position:0 -290px}
.news-add{margin-top:16px;padding:11px 20px 12px 20px;border:1px solid #eaeaea;background:#fff}
.news-add li a{display:block;line-height:29px;vertical-align:middle;font-size:14px;color:#668395}
/*** * 비트팍스 로그인 팝업 추가 : 180829 * ***/
.bitpax .containerNew{padding-bottom:0}
/* 헤더, 푸터 */
.bitpax .header{height:59px}
.bitpax .header div{max-width:630px;margin:0 auto}
.bitpax .header div:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.bitpax .header div h1{float:left;font-size:20px;line-height:59px}
.bitpax .header div .link-btn{margin-top:22px}
.bitpax .footer .inner-copy{text-align:center}
.bitpax .footer .inner-copy p{font-size:13px;line-height:23px;color:#888}
.bitpax .footer .inner-copy p span{padding-left:6px;margin-left:4px;border-color:#eaeaea}
.bitpax .footer .inner-copy p span a{color:#888}
/* 계정연동 동의 */
.bitpax .login-wrap.bitpax{padding-top:0}
.bitpax .login-wrap.bitpax .logo-log{padding-top:0}
.bit-ac-info{box-sizing:border-box;padding:26px 30px 19px;margin-top:30px;border:1px solid #eaeaea}
.bit-ac-info:after{content:"";display:block;font-size:0;height:0;line-height:0;clear:both}
.bit-ac-info li{position:relative;display:block;font-size:16px;line-height:28px;padding-bottom:8px;color:#000}
.bit-ac-info li .tit{position:absolute;left:0;top:0;width:130px}
.bit-ac-info li .txt{display:block;margin-left:130px;font-weight:bold}
.bit-ac-info li .txt span{display:block}
/* 내용 */
.bitpax .logo-log{padding-bottom:60px}
.bitpax .logo-log.bitpax a{display:block;width:156px;height:42px;margin:20px auto 0;text-indent:-99999em;background:url("/rpan/common/images/bitpax_logo.png") no-repeat}
.bitpax .find-desc{margin-top:0}
.bitpax .contents.member .cont-area .find-desc .txt{font-size:16px}
.bitpax .security-m{margin-top:44px;border:none}
.bitpax .security-m .sec-box01{padding:0;border-bottom:none}
.bitpax .security-m .sec-box01 li{padding:12px 0;line-height:20px;border-bottom:1px solid #eaeaea}
.bitpax .security-m .sec-box01 li p{float:none;padding-bottom:13px}
.bitpax .security-m .sec-box01 li span{margin-right:26px}
.bitpax .security-m .sec-box01 li span:last-child{margin-right:0}
.bitpax .security-m .sec-box01 .info-txt{padding:5px 0 0 0;font-size:13px;color:#888}
/* 비트팍스 관련 모달팝업 */
.bitpax .md-bit{display:none}
.bitpax .md-bit.on{display:block;width:100%;height:100%}
.bitpax .md-bit.on:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:#fff;opacity:0.8;z-index:10}
.bitpax .md-bit.on .md-img{display:block;position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;z-index:11}

 /* 약관동의 */
.member .all-check{margin-bottom:12px;height:63px;word-spacing:-1px}  
.member .all-check strong{display:block;font-size:16px;margin-top:5px}
.member .clause{border-width:1px 0 0 0;margin-bottom:15px} 
.member .clause.last{border-bottom:1px solid #eaeaea;margin-top:-15px;margin-bottom:0}
.member .clause span{padding:15px 0} 
.member .clause .scroll{border:1px solid #eaeaea}  
.member .bt-area{overflow:hidden;padding:20px 0 ;text-align:center}
.member .bt-area p{line-height:160%;color:#888}
.member .bt-area p:nth-of-type(1){margin-top:15px;color:#444} 
.member .bt-area span{display:inline-block;float:none} 
.member .bt-area .btn-b{min-width:142px} 
 /* 기본정보입력 */
.member .men-step h1{text-align:center;font-size:32px;line-height:100%;padding-bottom:30px;font-weight:normal}
.member .men-step fieldset ul{border:1px solid #ccc}
.member .men-step fieldset ul + ul{margin-top:15px}
.member .men-step fieldset ul li{position:relative;border-top:1px solid #eaeaea;padding:10px 0} 
.member .men-step fieldset ul li:first-child{border:0}
.member .men-step fieldset ul li p{padding-left:37px;margin:0}
.member .men-step fieldset ul li .btn-s, .member .men-step fieldset ul li .search-period{position:absolute;right:10px;top:10px}
.member .men-step fieldset ul li input[type="radio"]:not(old) + label{margin:0;font-size:14px}
.member .men-step fieldset ul li input[type="radio"]:not(old):checked + label{color:#ff545b;background-color:#fff;border:1px solid #ff545b}
.member .men-step fieldset ul li mark{position:absolute;right:100px;top:17px;font-size:13px}
.member li .byte{position:absolute;right:100px;top:17px;font-size:13px;color:#888}
.member li .byte b{color:#444} 
.member .men-step [class*="input-style"]{display:inline-block;width:100%} 
.member .men-step [class*="input-style"] label{left:32px}
.member .men-step [class*="input-style-id"]{width:85%} 
.member .men-step [class*="input-style-nick"],
.member .men-step [class*="input-style-name"],
.member .men-step [class*="input-style-certif"]{width:70%} 
.member .men-step [class*="input-style-phone"],
.member .men-step [class*="input-style-mail2"]{width:85%}  
.member .men-step [class*="input-style-phone2"]{width:100%} 
.member .men-step [class*="input-style"] input{border:0;font-size:14px;padding:0 0 0 35px;height:27px;background:url("/rpan/common/images/ico_member.png?update=20180319") no-repeat 0 0;background-size:36px 750px}
.member .men-step [class*="input-style-pass"] input{background-position:0 -50px}
.member .men-step [class*="input-style-pass01"] input{background-position:0 -102px}
.member .men-step [class*="input-style-name"] input{background-position:0 0}
.member .men-step [class*="input-style-birth"] input{background-position:0 -158px}
.member .men-step [class*="input-style-mail"] input,
.member .men-step [class*="input-style-mail2"] input{background-position:0 -209px}  
.member .men-step [class*="input-style-certif"] input{background-position:0 -311px} 
.member .men-step [class*="input-style-nick"] input{background-position:0 -363px} 
.member .men-step [class*="input-style-phone"] input,
.member .men-step [class*="input-style-phone2"] input{background-position:0 -261px}   
.member .men-step [class*="input-style-comp"]{width:100%} 
.member .men-step [class*="input-style-comp4"]{width:48%}
.member .men-step [class*="select-style-comp4"]{width:48%;margin-left:7px;padding-left:15px;border-left:1px solid #eaeaea} 
.member .men-step [class*="select-style"]{display:inline-block}
.member .men-step [class*="select-style-birth"]{width:32%;padding-left:12px;border-left:1px solid #eaeaea} 
.member .men-step [class*="select-style"] .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){border:0;width:100%}
.member .men-step .radio-style-dormant{display:block;width:100%;height:27px;line-height:27px;padding:0 0 0 35px;margin-bottom:8px;border:0;font-size:14px;background:url("/rpan/common/images/ico_member.png?update=20180419") no-repeat 0 -471px;background-size:36px 750px}
.member .men-step .dormant-radio{position:absolute;right:0;top:15px}
.member .men-step .dormant-radio input[type="radio"]+ label{margin-right:12px}
.member .men-step .dormant-radio input[type="radio"]:not(old):checked + label{border:none}
.member .men-step .radio-style-dormant + .error-text{margin-top:0}
.member .men-step .guide-text{font-size:13px;line-height:20px}
.member .men-step .guide-text span{color:#000;font-weight:bold}
.member [class*="input-style"] button{top:0;margin-top:0}
/* 정보수정 */
.modify-mem .form-table table th{width:130px}
.modify-mem .form-table table td [class*="input-style"]{clear:both} 
.modify-mem .form-table table input[readonly]{background:#f9f9f9} 
.modify-mem .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.modify-mem .sell-wrap{position:relative} 
.modify-mem .sell-wrap .btn-t{position:absolute;right:0;top:0;width:75px;padding-left:0;padding-right:0}
.modify-mem .form-table table td [class*="select-style-p"]{position:absolute;left:0;top:0;width:80px} 
.modify-mem .select-style-p + .input-style{width:100%;padding-left:85px} 
.form-table table td [class*="input-style-nick"]{display:block;margin-right:80px;width:auto;border:1px solid #ccc}
.form-table table td [class*="input-style-nick"] input{width:65%;border:none;padding-left:10px;padding-right:10px} 
.form-table table td [class*="input-style-nick"] button{right:65px}
.form-table table td [class*="input-style-nick"] .byte{position:absolute;right:6px;top:50%;margin-top:-7px;font-size:13px;color:#888}
.form-table table td [class*="input-style-nick"] .byte b{color:#444}
.form-table table td .search-period input[type="checkbox"]:not(old) + label{margin:0;width:86px;font-size:14px;line-height:26px;border-width:1px 0 1px 1px}
.form-table table td .search-period input[type="checkbox"]:not(old) + label:nth-of-type(4){border-width:1px 1px 1px 1px}
.form-table table td .search-period input[type="checkbox"]:not(old):checked + label{color:#ff545b;border:1px solid #ff545b;background:#fff }
.form-table table td .search-period input[type="checkbox"]:not(old):checked + label:before{content:"";padding-left:15px;background:url("/rpan/common/images/ico_sub.png?update=20180329") no-repeat -30px -125px;background-size:40px 400px}
.form-table table td .search-period + p{margin-top:5px}
.form-table table td.address [class*="input-style"]{margin-top:8px}   
.form-table table td.phone > div{position:relative} 
.form-table table td.phone [class*="select-style"]{position:absolute;left:0;top:0;width:100px} 
.form-table table td.phone > div > div{margin-left:105px} 
.form-table table td.phone [class*="input-style"]{width:49.2%}  
.form-table table td.phone [class*="input-style"]:last-child{float:right}  
.form-table table td.address > div{padding-right:80px}
.form-table table td.address [class*="input-style-address"]{display:block;float:left;margin:0}
.form-table table td.address [class*="input-style-address"] + .btn-t{float:right;width:75px}
.form-table table td .tit-mob{display:none}
.form-ul{border-top:1px solid #000;margin-bottom:40px}/* 180125 */
.form-ul li{padding:10px 0;border-bottom:1px solid #eaeaea;overflow:hidden}
.form-ul li p{float:left;color:#888;line-height:30px;padding-left:33px;background:url("/rpan/common/images/ico_member.png?update=20180419") no-repeat 0 -364px;background-size:36px 750px}
.form-ul li:nth-of-type(2) p{background-position:0 -415px}
.form-ul li > span{float:right}
.form-ul li .search-period input[type="radio"]:not(old) + label{margin:0;border-width:1px 0 1px 1px;line-height:26px;font-size:14px}
.form-ul li .search-period input[type="radio"]:not(old) + label:nth-of-type(2){border-width:1px 1px 1px 1px}
.form-ul li .search-period input[type="radio"]:not(old):checked + label{color:#ff545b;border:1px solid #ff545b;background-color:#fff}  
.find-info1{position:relative;margin:0 0 20px 0;padding:18px 18px 23px 24px;background:#f9f9f9;color:#888;text-align:right}
.find-info1 .txt{float:left;margin:10px 0 0 0;text-align:left}
.find-info1 .bt-area{display:inline-block;margin:5px 0 0 0;padding:0}
.dormant-box{margin-top:20px}
.form-table.dormant{}

/* 아디디찾기 */
.id-result [class*="message-st"]{margin-top:50px}
.id-result [class*="message-st"] .big-text{}
.id-result [class*="message-st"] .big-text:after{background-position:-1040px 0  }
.find-desc{margin:50px 0 0 0;text-align:center}
.find-desc .tit{font-size:32px}
.find-desc .txt{margin:20px 0 0 0;	color:#444}
.find-list{margin:30px 0 0 0}
.find-list li{position:relative;margin:-1px 0 0 0;border:1px solid #ccc}
.find-list li .find-box{position:relative;z-index:2}
.find-list li a{display:block;height:auto;padding:25px 49px 25px 55px;line-height:normal;color:#444;font-size:16px}
.find-list li a:before{content:"";position:absolute;top:23px;left:20px;width:25px;height:25px;background:url("/rpan/common/images/bg_form.png?update=20180329") no-repeat 0 -866px;vertical-align:middle}
.find-list li.selected a:before{background-position:0 -806px}
.find-list li .fint-list-cont{display:none;padding:0 49px 30px 55px}
.find-list .form-list{margin:15px 0 0 0}
.find-list .form-list li{margin:8px 0 0 0;border:0}
.find-list .form-list li:first-child{margin:0}
.find-list .form-list li .tit{position:absolute;top:-99999em;left:-99999em;width:0;height:0;text-indent:-99999em}
.find-list .form-list li.input-type{padding-right:82px}
.find-list .form-list li.input-type .btn-t{position:absolute;top:0;right:0}
.find-list .form-list li .input-style{width:100%} 
.find-list .form-list li.input-type .select-style{width:100%} 
.find-info{position:relative;margin:0 0 20px 0;padding:18px 18px 23px 24px;background:#f9f9f9;color:#888;text-align:right}
.find-info .txt{float:left;margin:10px 0 0 0;text-align:left}
.find-info .bt-area{display:inline-block;margin:5px 0 0 0;padding:0}  
/* 현재 선택되었을 시 */
.find-list li.selected{position:relative}
.find-list li.selected:after{content:"";z-index:1;position:absolute;top:-1px;left:-1px;right:-1px;bottom:1px;width:100%;height:100%;border:1px solid #ff545b}
.find-list li.selected .fint-list-cont{display:block}   
/* 아이디찾기 완료 */ 
.result-box{margin:30px 0 0 0;border:1px solid #eaeaea}
.result-box .result-list{padding:30px 0 30px 122px}
.result-box .result-list li{position:relative;padding:13px 0 13px 174px;overflow:hidden}
.result-box .result-list li .id{position:absolute;top:13px;left:0}
.result-box .result-list li .label{min-width:174px;font-weight:bold;font-size:16px}
.result-box .result-list li .join{margin:0 0 0 5px;font-size:13px;color:#888}
.result-box .result-list li .join .date{margin:0 0 0 8px;padding:0 0 0 9px;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat 0 50%}
.result-box .txt{padding:18px 0;background:#f9f9f9;color:#888;text-align:center}
.result-box .txt .point{color:#000}
.guide-text03 .point{color:#a7753a}   
/* 비밀번호 재설정 */  
.pw-result [class*="message-st"]{margin-top:50px}
.pw-result [class*="message-st"] .big-text:after{background-position:-520px 0  } 
.form-table.pass-reset{margin-top:30px}
.form-table.pass-reset table th{width:25%}
.form-table.pass-reset table td{width:auto}
.form-table.pass-reset table td td .input-style{width:100%} 
.form-table.pass-reset .auto-box{position:relative;margin:0 0 8px 0;padding:0 115px 0 0}
.form-table.pass-reset .auto-box .auto-prevention{display:block;width:100%;border:1px solid #ccc;border-right:0;height:82px;overflow:hidden}
.form-table.pass-reset .auto-box .auto-prevention img{width:100%;height:82px}
.form-table.pass-reset .auto-box .btn-s{position:absolute;top:0;right:0;width:115px;height:82px}  
/* 보안설정 */ 
.security-m .sec-box01{padding:20px 0;margin-bottom:38px;overflow:hidden;border-top:1px solid #444;border-bottom:1px solid #eaeaea}
.security-m .sec-box01 p{float:left;letter-spacing:-1px}
.security-m .sec-box01 .search-period{float:right}
.security-m .sec-box01 .search-period input[type="radio"]:not(old) + label{margin:0;border-width:1px 0 1px 1px;line-height:26px;font-size:14px}
.security-m .sec-box01 .search-period input[type="radio"]:not(old) + label:nth-of-type(2){border-width:1px 1px 1px 1px}
.security-m .sec-box01 .search-period input[type="radio"]:not(old):checked + label{color:#ff545b;border:1px solid #ff545b;background-color:#fff}  
.security-m .sec-box02 p{float:left}
.security-m .sec-box02 .search-period{float:right}
.security-m .sec-box02 > p{color:#888;margin-bottom:12px;margin-top:-2px}
.security-m .sec-box02  > div{overflow:hidden;clear:both;padding:15px ;margin-bottom:20px;border:1px solid #eaeaea} 
/* 실명인증 */
.certific-left{position:relative;padding:10px 0 40px}
.certific-right{position:relative;border-top:1px solid #eaeaea;padding:20px 0 40px}
.certific-left:after{content:"";position:absolute;top:12px;left:-25px;width:120px;height:120px;background:url("/rpan/common/images/icon_message.png?update=20180329") no-repeat -265px 0}  
.certific-right:after{content:"";position:absolute;top:25px;left:-25px;width:120px;height:120px;background:url("/rpan/common/images/icon_message.png?update=20180329") no-repeat -390px 0} 
.certific-cont{margin-left:90px}
.certific-cont .big-text{font-size:20px;line-height:150%}
.certific-cont .big-text + p{margin-top:5px;color:#888;font-size:13px;margin-bottom:10px}
.certific-cont span{display:block;font-size:inherit} 
.pop-cont .guide-text03{padding:15px} 
/* 정보조회/변경 */
.info-modify{padding:30px 0}
.info-modify [class*="message-st"]{padding-bottom:15px}
.info-modify [class*="message-st"] .big-text:after{background-position:-1175px 0  } 
.info-modify [class*="message-st-01"] .big-text:after{background-position:-897px 0  }
 .info-modify .info-password{border:#eaeaea 1px solid;padding:30px 50px;margin-bottom:20px;overflow:hidden}
.info-modify .info-password label{display:inline-block;width:22%;height:28px;line-height:28px;vertical-align:middle;float:left}
.info-modify .info-password .input-style{width:78%;float:right}
.info-modify .info-password p{overflow:hidden}
.info-modify .info-password .id{padding-bottom:10px}
.info-modify .info-password .id label{background:url("/rpan/common/images/ico_member.png?update=20180419") no-repeat -6px 0;background-size:36px 750px;padding-left:30px}
.info-modify .info-password .pw label{background:url("/rpan/common/images/ico_member.png?update=20180419") no-repeat -6px -51px;background-size:36px 750px;padding-left:30px}
.info-modify.ball-password [class*="message-st"] .big-text:after{background-position:-900px 0}
/* 소셜로그인 */
.social-ul{padding:8px 0 28px 0;border-top:1px solid #000}
.social-ul li{position:relative;padding:6px 0}
.social-ul li *{display:inline-block;vertical-align:middle}
.social-ul li .guide{float:right;width:auto;height:auto;text-align:right;margin-right:82px;line-height:34px;background-image:none}
.social-ul li .btn-s{position:absolute;right:0;top:10px}
.social-ul li .social-type{height:34px;padding-left:44px;line-height:34px;font-size:14px;color:#000;text-align:left;border:none;background:url("/rpan/common/images/social_type.png?update=20180329") no-repeat}
.social-ul li .social-type.naver{background-position:0 -632px}
.social-ul li .social-type.kakaotalk{background-position:0 -668px}
.social-ul li .social-type.facebook{background-position:0 -704px}
.social-ul li .social-type.google{background-position:0 -740px}
/* 회원정보입력 */
.check-all{border-bottom:none}
.all-check-box{margin-bottom:40px;border-bottom:1px solid #eaeaea}
.all-check-box li{clear:both;padding:15px 0;border-top:1px solid #eaeaea}
.all-check-box li:after{content:"";clear:both;display:block}
.all-check-box .color-gray{font-size:13px;color:#888}
.all-check-box .view-btn{display:inline-block;float:right;padding-right:22px;color:#af814d;font-size:13px;line-height:150%;background:url(/rpan/common/images/ico_view.png) no-repeat 100% 4px;background-size:20px 125px;}

/* 회원탈퇴 */
.mem-withdrawal{padding:30px 0}
.mem-withdrawal [class*="mem-message"]{padding-bottom:50px;text-align:center;position:relative;padding-top:110px}
.mem-withdrawal [class*="mem-message"] p{font-size:18px;color:#666}
.mem-withdrawal [class*="mem-message"] .big-text{font-size:32px;color:#000;margin-bottom:10px;line-height:140%}
.mem-withdrawal [class*="mem-message"] .big-text:after{background:url("/rpan/common/images/icon_message.png?update=20180329") no-repeat -1340px 0}
.mem-withdrawal [class*="mem-message-02"] .big-text:after{background:url("/rpan/common/images/icon_message.png?update=20180329") no-repeat -390px 0} 
.mem-withdrawal [class*="mem-message"] p mark{color:#000}
.mem-withdrawal [class*="mem-message"]:after{content:"";position:absolute;top:0;left:50%;margin-left:-65px;width:130px;height:130px;background:url("/rpan/common/images/icon_message.png?update=20180329") no-repeat -1330px 0} 
.mem-withdrawal [class*="mem-message-02"]:after{background-position:-1464px 0}
.mem-withdrawal [class*="mem-message-03"]:after{background-position:-1175px 0}
.mem-withdrawal .mem{border:#eaeaea 1px solid;padding:30px;overflow:hidden;margin-bottom:40px;margin-top:-10px}
.mem-withdrawal .mem p{height:30px;line-height:30px;text-align:center;font-size:16px;color:#000}
.mem-withdrawal .mem p::before{content:"";display:inline-block;width:25px;height:25px;vertical-align:middle;background:url("/rpan/common/images/ico_member.png?update=20180419") no-repeat -6px 0;background-size:36px 750px;padding-right:5px}
.mem-withdrawal .mem p span{padding-left:15px}
.mem-withdrawal .mem .id{width:50%;float:left;border-right:#eaeaea 1px solid}
.mem-withdrawal .mem .id span{color:#ff545b}
.mem-withdrawal .mem .name{width:50%;float:right}
.mem-withdrawal .mem-down{padding:20px;overflow:hidden;border:#eaeaea 1px solid;border-top-color:#f9f9f9;margin-top:-41px;background:#f9f9f9}
.mem-withdrawal .mem-down p{float:left;color:#888;line-height:150%}
.mem-withdrawal .mem-down span{float:right}
.mem-withdrawal .mem-down span .btn-t{border-color:#ccc}
.mem-withdrawal .reason-check{border-top:#444444 1px solid;margin-bottom:40px}
.mem-withdrawal .reason-check li{border-bottom:#eaeaea 1px solid;padding:10px 0 12px  0;letter-spacing:-0.05em }
.mem-withdrawal .reason-check li label{padding-left:20px} 
.mem-withdrawal .reason-check li p{padding-left:25px;padding-top:10px}
.mem-withdrawal .reason{border-top:#444444 1px solid;padding:10px 0;border-bottom:#eaeaea 1px solid}
.mem-withdrawal .reason .select-style{display:block;margin-bottom:10px}
.mem-withdrawal .reason .select-style .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%}
.mem-withdrawal .reason textarea{height:126px}  
@media only screen and (max-width:979px){
	/* 로그인 */
	.login-wrap{padding:20px 15px} 
	.member .clause{margin-bottom:0} 
	.member .clause.last{margin-top:0}
	.member .clause label{line-height:150%} 
	.member .bt-login a{font-size:14px;padding:0 10px} 
	.member .all-check strong{display:inline;font-size:14px;margin:0}  
	.member .bt-area-log p{letter-spacing:-0.05em}
	.member .bt-area-log span{display:block} 
	.member .bt-area{padding:20px 0 }
	/* 비트팍스 로그인 팝업 추가 : 180829
	.bitpax .containerNew{padding-bottom:50px} */
	.bitpax .contents.member .cont-area{padding-bottom:0;padding-left:27px;padding-right:27px}
	/* 헤더, 푸터 */
	.bitpax .header div{padding:0 3px 0 15px}
	.bitpax .footer{bottom:-230px}
	.bitpax .footer .inner-copy{min-height:49px;padding:10px;background:#fff}
	.bitpax .footer .inner-copy p:nth-of-type(1),.bitpax .footer .inner-copy p:nth-of-type(2){display:block}
	/* 계정연동 동의 */
	/*.bit-ac-info{padding:13px 15px 9px;border-right:none;border-bottom:none;border-left:none}
	.bit-ac-info li{font-size:13px;line-height:18px}
	.bit-ac-info li .tit{width:90px}
	.bit-ac-info li .txt{margin-left:90px}
	.bit-ac-info li .txt span{display:inline}*/
	.bitpax .login-wrap.bitpax{padding-left:60px;padding-right:60px}
	/* 내용
	.bitpax .logo-log{padding-bottom:30px}
	.bitpax .contents.member .cont-area .find-desc .txt{text-align:center}
	.bitpax .contents.member .cont-area .find-desc .txt span{display:block}
	.bitpax .security-m{margin:0;border-top:10px solid #eff3f6}
	.bitpax .security-m .sec-box01{padding:0 15px}
	.bitpax .security-m .sec-box01 .info-txt{height:auto}
	.bitpax .security-m > h2{padding:20px 0 0;margin-bottom:0}
	.bitpax .security-m .sec-box01 li p{padding-bottom:0} */
	.bitpax .find-desc{text-align:center}
	.bitpax .find-desc .tit{display:block;font-size:28px;padding-bottom:15px;font-weight:normal}
	.bitpax .security-m > h2{margin-left:0;font-weight:bold}
	.bitpax .security-m .sec-box01{border-top:1px solid #000;}
	.bitpax .security-m .sec-box01 .info-txt{height:auto}
	.bitpax .security-m .sec-box01 li p{padding-bottom:0}
	/* 비트팍스 관련 모달팝업 */
	.bitpax .md-bit.on .md-img{top:25%;width:80px;height:80px;margin:0 0 0 -40px}



	/* 소셜로그인 추가*/
	.social-login .btn-b{height:54px;background-size:250px 700px}
	.social-login .btn-b.naver{background-color:#00c73c;background-position:0 -388px}
	.social-login .btn-b.kakaotalk{color:#3c1e1e;background-color:#ffeb00;background-position:0 -443px}
	.social-login .btn-b.facebook{background-color:#3b579d;background-position:0 -498px}
	.social-login .btn-b.google{background-color:#4285f4;background-position:0 -553px}
	/* 171121 */
	.news-add{margin-top:20px}
	.news-add li a{line-height:20px}
	 /* 약관동의 */ 
	.member .all-check{margin-bottom:12px;height:auto} 
	.member .all-check input[type="checkbox"]:not(old) + label{height:auto}
	.member .clause .scroll{border:0} 
	/* 아이디 완료 */
	.message-st-02.result{margin-top:34px}
	.result-box{border-bottom:0;border-left:0;border-right:0}
	.result-box .result-list{padding:10px 15px;border-bottom:1px solid #eaeaea}
	.result-box .txt{padding:15px ;background:none;text-align:left}
	.result-box .result-list li .label{min-width:150px}
	.result-box .result-list li .join{display:block;margin-top:2px;min-width:150px;float:right;text-align:right} 
	/* 아이디찾기 */
	.find-desc{padding:0 15px;text-align:left;margin:0}
	.find-desc .tit{display:none}
	.find-desc .txt{color:#888;margin:0}
	.find-list{margin:15px 0 0 0}
	.find-list li{border-left:0;border-right:0}
	.find-list li .fint-list-cont{padding:0 15px 20px}
	.find-info{margin:10px 0 0 0;padding:0;background:none}
	.find-info .txt{display:none}
	.find-info .bt-area{display:block;margin-bottom:20px;overflow:hidden}
	.find-info .bt-area .btn-t{float:left;width:49%;margin:0 0.5%}
	.find-info .bt-area .btn-t:first-child{margin-left:0}
	.find-info .bt-area .btn-t:last-child{margin-right:0;float:right}
	.find-list li.selected:after{border:0;border-top:1px solid #000} 
	.find-list li a{padding:25px 20px 25px 45px;font-size:16px}
	.find-list li a:before{content:"";left:15px;top:25px;width:20px;height:20px;background:url("/rpan/common/images/icon_big_sprite.png?update=20180329") no-repeat -230px -95px;background-size:250px 250px}
	.find-list li.selected a:before{background-position:-230px -65px}
	.id-result [class*="message-st"]{margin-top:20px}
	.id-result .bt-area{padding:0 15px !important}
	.id-result .bt-area .btn-b{width:100%}
	.find-list + .bt-area{margin-top:20px} 
	.message-st-no + .bt-area{margin-top:20px}
	/* 비밀번호 찾기 */
	.pw-result{padding-top:20px}
	.pw-result .message-st{margin:0 auto 20px}
	.pw-result .bt-area{padding:0 15px !important}
	.pw-result .bt-area .btn-b{width:100%} 
	/* step-mem **/  
	.step-mem{margin:0 0 30px}
	.step-mem li{padding-left:0;width:32.3%;height:64px} 
	.step-mem li:nth-of-type(2){width:34.3%} 
	.step-mem li:nth-of-type(3){width:33.3%} 
	.step-mem li div{position:relative;padding-top:35px;text-align:center}
	.step-mem li div:after{content:"";position:absolute;left:50%;top:5px;margin-left:-3px;height:25px;width:25px} 
	.step-mem li:nth-of-type(1) div:after{background:url("/rpan/common/images/step_mem.png?update=20180329") no-repeat 0 0;background-size:25px 260px} 
	.step-mem li:nth-of-type(2) div:after{background:url("/rpan/common/images/step_mem.png?update=20180329") no-repeat 0 -46px;background-size:25px 260px} 
	.step-mem li:nth-of-type(3) div:after{background:url("/rpan/common/images/step_mem.png?update=20180329") no-repeat 0 -88px;background-size:25px 260px} 
	.step-mem li div > span i{display:none}
	.step-mem li div > em{font-size:13px;display:block;text-align:center;margin-left:16px} 
	.step-mem li.selected div > span i{display:block;height:auto;line-height:15px;text-align:center;margin-left:20px} 
	.step-mem li.selected div > em{display:none}
	.step-mem li.selected:after{height:2px}   
	
	.step-mem li.selected:nth-of-type(1) div:after{background-position:0 -130px} 
	.step-mem li.selected:nth-of-type(2) div:after{background-position:0 -170px} 
	.step-mem li.selected:nth-of-type(3) div:after{background-position:0 -212px}

	/* 기본정보입력 */ 
	.member .men-step h1{display:block;font-size:20px;padding-bottom:20px} 
	.member .men-step fieldset ul li .search-period{padding:10px 10px 0;border-top:1px solid #ccc;display:block;margin:10px 0 0;left:0;top:0;position:relative}
	.member .men-step fieldset ul li input[type="radio"]:not(old) + label{width:50%;height:28px;line-height:28px} 
	.member .men-step fieldset ul li .byte,.member .men-step fieldset ul li mark{display:none} 
	.member .men-step fieldset ul li [class*="input-style"] button{height:27px;background-position:10px -300px}
	.member .men-step [class*="input-style"]{display:inline-block;width:100%} 
	.member .men-step [class*="input-style-id"],
	.member .men-step [class*="input-style-nick"],
	.member .men-step [class*="input-style-mail2"],
	.member .men-step [class*="input-style-certif"]{width:75%} 
	.member .men-step [class*="input-style-phone"]{width:75%}
	.member .men-step [class*="input-style-phone2"]{width:100%} 
	.member .men-step fieldset ul li .btn-s{padding-left:3px;padding-right:3px;letter-spacing:-0.05em;width:20%;height:27px} 
	.member .men-step [class*="input-style-comp"]{width:100%}
	.member .men-step [class*="input-style-comp2"]{width:32%}
	.member .men-step [class*="input-style-comp4"]{width:100%}
	.member .men-step [class*="select-style-comp4"]{width:100%;margin:10px 0 0 0;padding:10px 0 0 10px;border-top:1px solid #eaeaea;border-left:none} 
	.member .men-step [class*="select-style"]{display:inline-block}
	.member .men-step [class*="select-style-birth"]{width:28%;padding-left:8px} 
	.member .men-step [class*="select-style"] select{height:28px} 
	.member .men-step [class*="select-style"] > span{height:28px} 
	
	/* 180419 추가 */
	.member .men-step .radio-style-dormant{height:38px;border-bottom:1px solid #eaeaea}
	.member .men-step .dormant-radio{position:static;width:100%;padding:10px 12px 15px}
	.member .men-step .dormant-radio input[type="radio"]+ label{width:auto;height:auto;line-height:inherit;background-position:0 1px}
	.member .men-step .dormant-radio input[type="radio"]:first-child + label{display:block;margin-bottom:15px}
	.member .men-step .error-text{padding:0 10px}
	.member .men-step .guide-text{padding:0 10px 15px}
	
	/* 정보수정 */  
	.modify-mem{padding-top:0}
	.modify-mem h2{padding-left:15px;font-weight:normal}    
	.modify-mem .form-table{border-bottom:#eff3f6 10px solid;border-top:#eaeaea 1px solid;margin-bottom:20px}  
	.form-table table td .tit-mob + .search-period{display:block} 
	.form-table table td .search-period input[type="radio"]:not(old) + label{width:25%;line-height:34px}  
	.form-table table td .search-period input[type="radio"]:not(old):checked + label{text-indent:0;background:none}
	.form-table table td .search-period input[type="checkbox"]:not(old) + label{width:25%;letter-spacing:-0.05em } 
	.form-table table td .search-period input[type="checkbox"]:not(old):checked + label:before{padding-left:12px !important}  
	.modify-mem .input-style-nick + .btn-t{display:block;padding-left:0;padding-right:0}  
	.form-table table td.phone [class*="input-style"]{display:inline-block} 
	.form-table table td.address [class*="input-style-address"]{margin-top:0}  
	.form-table .sell-wrap{height:36px;margin-top:8px} 
	.form-table  td.address .sell-wrap{margin-top:0} 
	.form-ul{border-bottom:#eff3f6 10px solid;border-top:#eaeaea 1px solid;margin-bottom:20px;}/* 180125 */
	.form-ul li{padding:10px 0 15px}
	.form-ul li p{float:none}
	.form-ul li p span{display:block;margin-top:-9px}
	.form-ul li > span{display:block;float:none;margin-left:35px}
	.form-ul li .search-period input[type="radio"]:not(old) + label{height:28px} 
	.find-info1{padding:18px 18px 23px 20px}
	.find-info1 .txt{width:70%;line-height:140%;margin:0}
	.find-info1 .bt-area{padding:0}/* 180125 */
	.form-table table td .tit-mob{display:block;margin:10px 0 10px}
	.form-table.dormant {margin-bottom:20px;padding:0;border-top:1px solid #eaeaea}
	.form-table.dormant td{padding:15px}
	.form-table.dormant tr:first-child td{border-bottom:1px solid #eaeaea}
	.form-table.dormant tr:first-child td input[type="radio"]:first-child + label{display:block;margin-bottom:15px}
	.member .form-table.dormant + .bt-area p:nth-of-type(1){padding:0 15px 15px;margin-top:0;text-align:left}
	
	/* 보안설정 */ 
	.security-m h2{font-weight:normal} 
	.security-m > h2{margin-left:15px}
	.security-m .sec-box01{padding:0 15px 10px;margin-bottom:18px;overflow:hidden;border-top:0;border-bottom:10px solid #eff3f6}
	.security-m .sec-box01 p,.security-m .sec-box01 .search-period{float:none;margin-bottom:10px}
	.security-m .sec-box01 input[type="radio"]:not(old) + label{height:30px}   
	.security-m .sec-box02{padding:0 15px 0}
	.security-m .sec-box02 p,.security-m .sec-box02 .search-period{float:none} 
	.security-m .sec-box02  > div{overflow:visible;padding:0;border:0}
	.security-m .sec-box02 .search-period{display:block;margin-top:10px}
	.security-m  [class*="input-style-cal"]{max-width:none !important ;width:47%}
	.security-m  [class*="input-style-cal"] + [class*="input-style-cal"]{float:right;margin-right:2px}
	.security-m .sec-box02 .search-period input[type="radio"]:not(old) + label{width:33.3333%} 
	/* 실명인증 */ 
	.certific-left:after{left:0;width:40px;height:35px;background:url("/rpan/common/images/icon_message.png?update=20180329") no-repeat -145px 0;background-size:800px 45px}  
	.certific-right:after{top:20px;left:0;width:35px;height:50px;background:url("/rpan/common/images/icon_message.png?update=20180329") no-repeat -205px 0;background-size:800px 45px} 
	.certific-cont{margin-left:45px}
	.pop-cont .guide-text03  + .pop-btn{margin-top:20px} 
	.guide-text03.mob-none{display:none}
	/* 정보조회/변경 */
	.info-modify{padding:10px 0}
	.info-modify .message-st-01 mark{display:block}
	.info-modify .info-password label{display:none}
	.info-modify .info-password .input-style{width:100%;float:none}
	.info-modify .info-password{border:none;max-width:100%;border-top:#eaeaea 1px solid;border-bottom:#eaeaea 1px solid;padding:30px 20px} 
	/* 소셜로그인 :180125 */
	.social-ul{padding:0;border-bottom:#eff3f6 10px solid;border-top:#eaeaea 1px solid;margin-bottom:20px}
	.social-ul li{padding:15px;border-bottom:1px solid #eaeaea}
	.social-ul li .guide{float:none;display:block;text-align:left;padding:10px 0 0 0;margin:0;line-height:100%;color:#888}
	.social-ul li .btn-s{right:15px;top:19px}
	.social-ul li .social-type{height:34px;padding-left:44px;line-height:34px;background-size:250px 700px}
	.social-ul li .social-type.naver{background-position:0 -176px}
	.social-ul li .social-type.kakaotalk{background-position:0 -211px}
	.social-ul li .social-type.facebook{background-position:0 -246px}
	.social-ul li .social-type.google{background-position:0 -281px}
	/* 회원정보입력 :180419 */
	.all-check-box{padding:0 15px 15px;margin-bottom:20px;border-bottom:10px solid #eff3f6}
	.all-check-box li{padding:15px 10px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea}
	.all-check-box li:last-child{border-bottom:1px solid #eaeaea}
	.all-check-box .view-btn{display:block}
	/* 회원탈퇴 */ 
	.mem-withdrawal [class*="mem-message"]{padding-bottom:30px;padding-left:15px;padding-right:15px}
	.mem-withdrawal [class*="mem-message"] p{font-size:13px;color:#666}
	.mem-withdrawal [class*="mem-message"] .big-text{font-size:16px;color:#000}
	.mem-withdrawal [class*="mem-message"] p mark{color:#000} 
	.mem-withdrawal .mem{border:none;border-top:#eaeaea 1px solid;border-bottom:#eff3f6 10px solid;padding:20px 0;margin-bottom:20px;margin-top:0}
	.mem-withdrawal .mem.case02{border-bottom:0;margin-bottom:0} 
	.mem-withdrawal .mem .id{width:100%;float:none;border:none;margin-bottom:5px}
	.mem-withdrawal .mem .name{width:100%;float:none}
	.mem-withdrawal .mem p i{display:inline-block;width:40px;text-align:left}
	.mem-withdrawal .tit-h2{padding:0 15px}
	.mem-withdrawal .reason-check{margin-bottom:20px}
	.mem-withdrawal .reason-check li{padding:10px 15px;height:auto !important}
	.mem-withdrawal .reason-check li input[type="checkbox"]:not(old) + label{height:auto} 
	.mem-withdrawal .reason-check li:last-child{border-bottom:#eff3f6 10px solid} 
	.mem-withdrawal .reason{padding:0 15px;border-top:none;border-bottom:none}
	.mem-withdrawal .mem-down{text-align:center;margin-top:0}
	.mem-withdrawal .mem-down p{float:none;padding-bottom:10px}
	.mem-withdrawal .mem-down span{float:none} 
}

@media only screen and (max-width:480px){
	/* 소셜로그인 */
	.social-login .btn-b{padding-left:23%;font-size:15px}
	/* 비트팍스 로그인 팝업 추가 : 180829 */
	.bitpax .containerNew{padding-bottom:60px}
	.bitpax .contents.member{min-height:auto}
	.bitpax .contents.member .cont-area{padding-bottom:0;padding-left:0;padding-right:0}
	/* 헤더, 푸터 */
	.bitpax .header div{padding:0 3px 0 15px}
	.bitpax .footer{bottom:-49px}
	.bitpax .footer .inner-copy{min-height:49px;padding:10px;background:#fff}
	.bitpax .footer .inner-copy p:nth-of-type(1),.bitpax .footer .inner-copy p:nth-of-type(2){display:block}
	/* 계정연동 동의 */
	.bit-ac-info{padding:13px 15px 9px;border-right:none;border-bottom:none;border-left:none}
	.bit-ac-info li{font-size:13px;line-height:18px}
	.bit-ac-info li .tit{width:90px}
	.bit-ac-info li .txt{margin-left:90px}
	.bit-ac-info li .txt span{display:inline}
	.bitpax .login-wrap.bitpax{padding-left:15px;padding-right:15px}
	/* 내용 */
	.bitpax .logo-log{}
	.bitpax .logo-log.bitpax{;padding-bottom:30px}
	.bitpax .logo-log.bitpax a{display:block;width:156px;height:42px;margin:20px auto;text-indent:-99999em;background:url("/bitpax/assets/images/common/bitpax_logo_mobile.png") no-repeat;background-size:156px 42px}
	.bitpax .contents.member .cont-area .find-desc .txt{text-align:center}
	.bitpax .contents.member .cont-area .find-desc .txt span{display:block}
	.bitpax .security-m{margin:0;border-top:10px solid #eff3f6}
	.bitpax .security-m > h2{padding-top:20px;margin-left:15px}
	.bitpax .security-m .sec-box01{padding:0 15px;border-top:none}
	.bitpax .security-m .sec-box01 .info-txt{height:auto}
	.bitpax .security-m .sec-box01 li p{padding-bottom:0} 
 }
 @media only screen and (max-width:320px){
	.bitpax .find-desc .tit{font-size:24px}
}

/* ************* 팝업 영역 이동 (content.css → common.css) 20170704 ************* */ 
/* 아이디프로필 */ 
.pop-profile a{color:#000}
.pop-profile .profile{border:#eaeaea 1px solid;margin-bottom:30px;overflow:hidden;border-bottom:#dadada 1px solid}
.pop-profile .profile .info{padding:20px;display:table;width:100%;position:relative}
.pop-profile .profile .info > p.img{display:table-cell;width:91px;height:91px;position:relative}
.pop-profile .profile .info > p.img > img{width:91px;height:91px;border-radius:50%;background-color:#eaeaea}
.pop-profile .profile .info > p.img i{position:absolute;top:57px;left:0;width:34px;height:34px;border-radius:50%;overflow:hidden;border:#fff 2px solid;background:#fff}
.pop-profile .profile .info > p.img i img{width:100%;/*height:34px;*/ }
.pop-profile .profile .info > div.name{display:table-cell;vertical-align:top;padding:0 0 0 15px}
.pop-profile .profile .info > div.name .nick{position:relative;font-weight:bold;font-size:16px;padding:0 100px 6px 27px} /* 180417 수정 */
.pop-profile .profile .info > div.name .nick a.home{position:absolute;left:-2px;top:0;display:inline-block;width:27px;height:27px;text-indent:-999px;overflow:hidden;background:url("/rpan/common/images/bul_ch.png?update=20180329") no-repeat 3px -17px} 
.pop-profile .profile .info > div.name .nick a.name{display:block}/* 180417 수정 */
.pop-profile .profile .info > div.name .nick span{display:inline-block;font-weight:normal;font-size:14px;background:#fff;margin-left:-27px}
.pop-profile .profile .info > div.name .nick a.rank{display:inline-block;padding:0 4px;margin-left:-25px;line-height:18px;font-size:14px;color:#ff545b;border:1px solid #ff545b}
.pop-profile .profile .info > div.name .my-comment{color:#888;height:66px;overflow:hidden}
.pop-profile .profile .info > div.name .msg-bt{position:absolute;top:20px;right:20px}
.pop-profile .profile .info > div.name .msg-bt button{font-size:12px;color:#a7753a;background:url("/rpan/common/images/bg_line.png?update=20180329") no-repeat right 50%;padding-right:10px;margin-right:5px}
.pop-profile .profile .info > div.name .msg-bt button:last-child{background:none;padding-right:0;margin-right:0}
.pop-profile .profile .preference{width:100%;border-top:#dadada 1px solid;text-align:center}
.pop-profile .profile .preference button{display:block;float:left;color:#000;width:33.33%;background-color:#f9f9f9;box-sizing:border-box;height:39px;line-height:39px;font-size:14px !important}
.pop-profile .profile .preference a{display:block;float:left;color:#000;width:33.33%;border-left:#eaeaea 1px solid;background-color:#f9f9f9;box-sizing:border-box;height:39px;line-height:39px;font-size:14px}
.pop-profile .profile .preference a span{color:#ff545b} 
.pop-profile .tit-h2{clear:both} 
.pop-profile .list1{border:#eaeaea 1px solid;padding:15px 20px;margin-bottom:30px}
.pop-profile .list1 .writing{}
.pop-profile .list1 .writing li{height:28px;line-height:28px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop-profile .list1 .writing li span{display:inline-block;width:110px;color:#a7753a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle} 
.pop-profile .list2{border:#eaeaea 1px solid;padding:20px}
.pop-profile .list2 .activities li{height:28px;line-height:28px;width:100%;overflow:hidden;position:relative}
.pop-profile .list2 .activities li a{display:block;width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pop-profile .list2 .activities li span{position:absolute;top:0;right:0;color:#888;font-size:13px}
/* 상담신청 팝업 */ 
.counsel-pop > dl{text-align:center;line-height:1.4;padding:110px 0 30px 0;position:relative}
.counsel-pop > dl:after{content:"";position:absolute;top:10px;left:50%;margin-left:-55px;width:109px;height:87px;background:url("/rpan/common/images/icon_message02.png?update=20180329") no-repeat 0 0}
.counsel-pop > dl.case02:after{background-position:-120px 0 } 
.counsel-pop > dl dt{font-size:20px;color:#000;padding-bottom:5px}
.counsel-pop > dl dt span{font-size:20px;color:#ff545b}
.counsel-pop > ul{overflow:hidden;padding:20px 20px 10px;border:1px solid #eaeaea;margin-bottom:25px;background:#f9f9f9}
.counsel-pop > ul li{padding-bottom:10px}
.counsel-pop > ul li label{width:120px;display:inline-block;font-size:16px}
.counsel-pop > ul li .input-style{width:290px}
.counsel-pop > ul li .input-style button{margin-top:2px;top:0}
.counsel-pop > ul li .input-style input{height:36px}
.counsel-pop > ul li p{padding-left:125px;padding-top:8px;color:#ff545b;display:none}
.counsel-pop > ul li.write-error .input-style input{border:#ff545b 1px solid}
.counsel-pop > ul li.write-error p{display:block}
.counsel-pop .agree-area{position:relative;height:28px;padding:2px 0 2px 15px;line-height:1.6;margin-bottom:10px}
.counsel-pop .agree-area.first{padding-left:0}
.counsel-pop .agree-area > label{color:#000;font-weight:bold} 
.counsel-pop .agree-area > span{padding-left:10px}
.counsel-pop .agree-area > span label{color:#888}
.counsel-pop .agree-area > div{position:absolute;top:-2px;right:0}
.counsel-pop .agree-area > div .agree-text{position:absolute;bottom:40px;right:-120px;width:320px;border:#000 1px solid;background-color:#fff;padding:15px;z-index:1;display:none;line-height:1.6}
.counsel-pop .agree-area > div .agree-text::before{content:"";width:13px;height:8px;background:url("/rpan/common/images/ico_here_reverse.png?update=20180329") no-repeat 0 0;background-size:13px 8px;position:absolute;bottom:-8px;left:50%;margin-left:-6px}
.counsel-pop .agree-area > div .agree-text.first{z-index:1}
.counsel-pop .agree-area > div .agree-text.second{z-index:2}
.counsel-pop .agree-area > div .agree-text.third{z-index:3}
.counsel-pop .agree-area .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}
/* 3프로 참여하기*/
.pro-part-pop .time-info-txt{margin-top:5px;text-align:center}
.pro-part-pop .time-info-txt .b-info-txt{font-size:20px}
.pro-part-pop .time-info-txt .s-info-txt{font-size:13px;color:#888}
.pro-part-pop .time-info-txt .time{font-size:40px}
.pro-part-pop .search-wrap{margin:14px -22px 0 -20px;background:#f9f9f9}
.pro-part-pop .search-area{margin:0;padding:15px 20px 20px;border:none}
.pro-part-pop .search-area .input-box , .pro-part-pop .search-area .txt-box{margin-top:11px}
.pro-part-pop .search-area .search-in{width:280px}
.pro-part-pop .search-area .input-style{width:100%}
.pro-part-pop .search-area .txt-box .search-txt{margin-right:5px;font-size:16px;color:#ff545b}
.pro-part-pop .interest-box{border-top:1px solid #eaeaea;border-bottom:1px solid #eaeaea}
.pro-part-pop .interest-box .btn{display:block;height:40px;line-height:40px;color:#a7753a;text-align:center}
.pro-part-pop .interest-box .btn: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} 
.pro-part-pop .interest-box.open .btn:after{background-position:0 -15px}
.pro-part-pop .interest-list{display:none}
.pro-part-pop .interest-list{padding:0 20px 20px 18px;overflow:hidden}
.pro-part-pop .interest-list li{float:left;width:50%;padding:5px 0 0 4px}
.pro-part-pop .interest-list li:nth-child(odd){padding-left:0}
.pro-part-pop .interest-list li a{display:block;padding:6px 10px;color:#000;background:#fff;border:1px solid #ccc;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.pro-part-pop .opinion-wrap{padding:30px 0 20px;border-bottom:1px solid #eaeaea}
.pro-part-pop .opinion-wrap .textarea-box label{font-size:16px}
.pro-part-pop .opinion-wrap .textarea-style{display:block;margin-top:15px}
.pro-part-pop .opinion-wrap .textarea-style textarea{height:80px;padding:20px}
.pro-part-pop .opinion-wrap .textarea-style .byte{margin-top:5px;text-align:right;font-size:13px;color:#888}
.pro-part-pop .opinion-wrap .img-box{overflow:hidden}
.pro-part-pop .opinion-wrap .add-img{float:left}
.pro-part-pop .opinion-wrap .img{position:relative;float:left;margin-left:10px;width:109px}
.pro-part-pop .opinion-wrap .img img{width:100%}
.pro-part-pop .opinion-wrap .img .delete{position:absolute;right:0;top:0;width:30px;height:30px;background:url("/rpan/common/images/part_pop_delete.png?update=20180329") no-repeat 0 0;background-size:cover;text-indent:-9999em}
.pop-layer .popup-wrap .pro-part-pop .pop-btn{padding-top:15px}
.pro-part-pop .clause{margin-top:20px}
@media only screen and (max-width:979px){
	/* 아이디프로필 */
	.cont-scroll.profile{margin:0 -15px 30px -20px}
	.pop-profile .profile{border-width:0 0 1px 0 }
	.pop-profile .profile .info{display:block}
	.pop-profile .profile .info > p.img{display:block;margin:0 auto 15px}
	.pop-profile .profile .info > div.name{display:block;padding-left:0;text-align:center}
	.pop-profile .profile .info > div.name .nick{padding-right:0;display:inline-block}/* 180417 수정 */
	.pop-profile .profile .info > div.name .nick a.name{display:inline-block}/* 180417 수정 */
	.pop-profile .profile .info > div.name .nick span{padding:0;margin-left:0}/* 180417 수정 */
	.pop-profile .profile .info > div.name .my-comment{height:auto;text-align:left }
	.pop-profile .profile .info > div.name .msg-bt{position:relative;padding-top:0;padding-bottom:10px;top:0;right:0;text-align:center}
	.pop-profile .profile .preference{border-top:#eaeaea 1px solid}
	.pop-profile .profile .preference button{height:60px}
	.pop-profile .profile .preference a{height:60px;padding-top:10px;line-height:20px}
	.pop-profile .profile .preference a span{display:block } 
	.pop-profile .list1{padding:10px 15px;margin-left:15px;margin-right:15px }
	.pop-profile .list2{padding:15px 15px 5px;margin-left:15px;margin-right:15px}
	.pop-profile .list2 .activities li{height:auto;line-height:150%;margin-bottom:8px}
	.pop-profile .list2 .activities li a{width:100%}
	.pop-profile .list2 .activities li span{position:relative;width:100%} 
	/* 상담신청 팝업 */
	.counsel-pop > dl{padding:110px 0 20px 0}
	.counsel-pop > dl dt{font-size:16px;letter-spacing:-1px}
	.counsel-pop > dl dt span{font-size:16px}
	.counsel-pop > dl dd i{display:block}
	.counsel-pop > ul{padding:15px 15px 5px;margin-bottom:10px}
	.counsel-pop > ul li label{width:0;height:0;text-indent:-9999em;position:absolute;top:0;left:0}
	.counsel-pop > ul li .input-style{width:100%} 
	.counsel-pop > ul li p{padding-left:0}
	.counsel-pop .agree-area{height:auto;border-bottom:#eaeaea 1px solid;padding-bottom:10px;padding-top:0}
	.counsel-pop .agree-area > span{display:block;padding-left:0;margin-top:15px }
	.counsel-pop .agree-area > div{top:3px}
	.counsel-pop .agree-area:last-child > div{top:-3px}
	.counsel-pop .agree-area > div .agree-text{position:absolute;top:40px;right:0;width:280px}
	.counsel-pop .agree-area > div .agree-text.first{top:-215px}
	.counsel-pop .agree-area > div .agree-text.second{top:-215px}
	.counsel-pop .agree-area > div .agree-text.third{top:-280px}
	.counsel-pop .agree-area > div .agree-text::before{left:auto;right:30px;top:auto;bottom:-8px}
	/* 3프로 참여하기*/
	.pro-part-pop .time-info-txt{margin-top:-5px}
	.pro-part-pop .time-info-txt .b-info-txt{font-size:16px}
	.pro-part-pop .time-info-txt .time{font-size:32px;margin-top:12px}
	.pro-part-pop .search-wrap{margin:16px 0 0}
	.pro-part-pop .search-area{padding:15px 15px 20px}
	.pro-part-pop .search-area .input-box{position:relative;padding-right:74px}
	.pro-part-pop .search-area .search-in{width:100%}
	.pro-part-pop .search-area .input-box button{position:absolute;right:0;top:0;margin-top:0}
	.pro-part-pop .search-area .txt-box{margin-top:3px}
	.pro-part-pop .search-area .txt-box .search-txt{margin:0;line-height:22px}
	.pro-part-pop .search-area .txt-box button{display:block;margin:12px auto 0}
	.pro-part-pop .interest-box .btn{font-size:13px}
	.pro-part-pop .interest-list{padding:0 15px 20px 13px}
	.pro-part-pop .interest-list li{padding:4px 0 0 4px}
	.pro-part-pop .opinion-wrap{padding:30px 15px 20px}
	.pro-part-pop .opinion-wrap .img-box{margin-top:10px}
	.pop-layer .popup-wrap .pro-part-pop .pop-btn{bottom:0;padding-top:20px;padding-bottom:0}
	.pop-layer .popup-wrap .pro-part-pop .guide-text03{margin-top:30px}
}  

/* ************* 스크립트 동작시 필요 ************* */
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 */
.datepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr;
   /*.dow{border-top:1px solid #ddd !important}*/
}
.datepicker-inline{width:220px}
.datepicker.datepicker-rtl{direction:rtl}
.datepicker.datepicker-rtl table tr td span{float:right}
.datepicker-dropdown{top:0;left:0}
.datepicker > div{display:none}
.datepicker.days div.datepicker-days{display:block}
.datepicker.months div.datepicker-months{display:block}
.datepicker.years div.datepicker-years{display:block}
.datepicker table{margin:0}
.datepicker td,
.datepicker th{text-align:center;width:40px;height:40px;line-height:40px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:none;font-size:16px}
.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th{background-color:transparent}
.datepicker table tr td.day:hover{background:#eeeeee;cursor:pointer}
.datepicker table tr td.old,
.datepicker table tr td.new{color:#999999}
.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover{background:none;color:#999999;cursor:default}
.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(to top, #fdd49a, #fdf59a);background-image:-ms-linear-gradient(to top, #fdd49a, #fdf59a);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));background-image:-webkit-linear-gradient(to top, #fdd49a, #fdf59a);background-image:-o-linear-gradient(to top, #fdd49a, #fdf59a);background-image:linear-gradient(to top, #fdd49a, #fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}
.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active{background-color:#fbf069 \9}
.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover{background-color:#ff545b;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#ff545b;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled]{background-color:#ff545b}
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active{background-color:#ff545b \9}
.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.datepicker table tr td span:hover{background:#eeeeee}
.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover{background:none;color:#999999;cursor:default}
.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover{background-color:#ff545b;background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);border-color:#ff545b;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled]{background-color:#ff545b}
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active{background-color:#ff545b \9}
.datepicker table tr td span.old{color:#999999}
.datepicker th.switch{width:145px}
.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th{cursor:pointer}
.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover{background:#eeeeee}
.input-append.date .add-on i,
.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:4px 0;margin:1px 0 0;list-style:none;background-color:#ffffff;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, 0.2);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);box-shadow:0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}

[class^="icon-"],
[class*=" icon-"]{display:inline-block;width:14px;height:14px;*margin-right:.3em;line-height:14px;vertical-align:middle;background-image:url("../images/glyphicons-halflings.png?update=20180329");background-position:14px 14px;background-repeat:no-repeat}

.icon-arrow-left{width:20px;height:30px;background-size:40px 300px;background:url("/rpan/common/images/btn_left_right.png?update=20180329") no-repeat -5px -30px} 
.icon-arrow-right{width:20px;height:30px;background-size:40px 300px;background:url("/rpan/common/images/btn_left_right.png?update=20180329") no-repeat -34px -30px} 

/**
 * Swiper 3.4.2
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/swiper/
 *
 * Copyright 2017, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under MIT
 *
 * Released on:March 10, 2017	
 */
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;/* Fix of Webkit flickering */z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical > .swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-wrapper{position:relative;width:100%;/*height:100%;*/z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.swiper-container-android .swiper-slide,
.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);-moz-transform:translate3d(0px, 0, 0);-o-transform:translate(0px, 0px);-ms-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}
.swiper-container-multirow > .swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
.swiper-container-free-mode > .swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}
.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;position:relative;      /* Center slide text vertically */
	/*display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;*/-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform, height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform, height}
/* a11y */
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
/* Arrows */
.swiper-button-prev,
.swiper-button-next{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left:10px;
    right:auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right:10px;
    left:auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets{bottom:10px;left:0;width:100%}
/* Bullets */
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#007aff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
.swiper-container-vertical > .swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);-moz-transform:translate3d(0px, -50%, 0);-o-transform:translate(0px, -50%);-ms-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
/* Progress */
.swiper-pagination-progress{background:rgba(0, 0, 0, 0.25);position:absolute}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}
.swiper-container-horizontal > .swiper-pagination-progress{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical > .swiper-pagination-progress{width:4px;height:100%;left:0;top:0}
.swiper-pagination-progress.swiper-pagination-white{background:rgba(255, 255, 255, 0.5)}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}
/* 3D Container */
.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image:-moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image:-moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image:-moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    /* Safari 4+, Chrome */
    background-image:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Chrome 10+, Safari 5.1+, iOS 5+ */
    background-image:-moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 3.6-15 */
    background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Opera 11.10-12.00 */
    background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper{/* Windows 8 IE 10 fix */-ms-perspective:1200px}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip{overflow:visible}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}
/* Cube */
.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}
.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide{pointer-events:auto;visibility:visible}
.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}
.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}
.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-moz-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;text-align:center}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas{max-width:100%;max-height:100%;object-fit:contain}
/* Scrollbar */
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1)}
.swiper-container-horizontal > .swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical > .swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
/* Preloader */
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position:50%;
    -webkit-background-size:100%;
    background-size:100%;
    background-repeat:no-repeat;
}
.swiper-lazy-preloader-white:after{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin{
    100%{-webkit-transform:rotate(360deg)}
}
@keyframes swiper-preloader-spin{
    100%{transform:rotate(360deg)}
} 
/** swiper-slide custom end **/ 

/********************************** 
Use:cmxform template 
***********************************/
form.cmxform fieldset{margin-bottom:10px}
form.cmxform legend{padding:0 2px;font-weight:bold;_margin:0 -7px;/* IE Win */}
form.cmxform label{display:inline-block;line-height:1.8;vertical-align:top;cursor:pointer} 
form.cmxform fieldset p{list-style:none;padding:5px;margin:0} 
form.cmxform fieldset fieldset{border:none;margin:3px 0 0} 
form.cmxform fieldset fieldset legend{padding:0 0 5px;font-weight:normal} 
form.cmxform fieldset fieldset label{display:block;width:auto} 
form.cmxform label{width:100px} /* Width of labels */
form.cmxform fieldset fieldset label{margin-left:103px} /* Width plus 3 (html space) */
form.cmxform label.error{margin-left:103px;width:220px} 
form.cmxform input.submit{margin-left:103px}

/*\*//*/ form.cmxform legend{display:inline-block} /* IE Mac legend fix */ 

/********************************** 
Name:cmxform Styles 
***********************************/
form.cmxform{width:370px;font-size:1.0em;color:#333} 
form.cmxform legend{padding-left:0} 
form.cmxform legend, form.cmxform label{color:#333} 
form.cmxform fieldset{border:none; border-top:1px solid #C9DCA6;/*background:url(../images/cmxform-fieldset.gif) left bottom repeat-x;*/ background-color:#F8FDEF} 
form.cmxform fieldset fieldset{background:none} 
form.cmxform fieldset p, form.cmxform fieldset fieldset{padding:5px 10px 7px;/* background:url(../images/cmxform-divider.gif) left bottom repeat-x;*/}
form.cmxform label.error, label.error{/* remove the next line when you have trouble in IE6 with labels in list */color:#ff545b;position:static;padding-left:37px;font-size:13px}
div.error{display:none}
input{	border:1px solid black}
input.checkbox{border:none}
input:focus{border:1px dotted black}
input.error{border:1px dotted red}
form.cmxform .gray *{color:gray} 
.all-menu, .all-dim, .mob-menu{visibility:hidden}
.header .ico-all.close{/*background-position:3px -354px*/}
.mob-menu{display:none}
.check-area{display:none}
[class*="tab-st01"] li a{background:none}
.open .toggle span{background:url(/rpan/common/images/ico_toggle.png) no-repeat right 0}
.forMobile{display:none}
.free-visual .rolling ul li{margin:0}
/* menu for mobile */
.showMenu .wrap{display:block}  

/*!
 * Bootstrap v3.3.4 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ 
[class*="select-style"] .btn-group{border:#ccc 1px solid} 
select.input-sm{height:30px;line-height:30px}
textarea.input-sm,
select[multiple].input-sm{height:auto}
[class*="select-style"] button.btn{color:#888;display:inline-block;margin-bottom:0;font-size:14px;font-weight:normal;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;min-width:60px;height:26px;box-sizing:border-box;background:#fff;border-radius:0;padding-left:10px}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,
.btn:focus,
.btn.focus{color:#333;text-decoration:none}
.btn:active,
.btn.active{background-image:none;outline:0;/*-webkit-box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow:inset 0 3px 5px rgba(0, 0, 0, .125);*/}
.btn-block{display:block;width:100%}
.btn-block + .btn-block{margin-top:5px}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block{width:100%}
.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent}
.dropup,
.dropdown{position:relative}
.dropdown-toggle:focus{outline:0}
.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;text-align:left;list-style:none;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0, 0, 0, .15);border-radius:0;-webkit-box-shadow:0 6px 12px rgba(0, 0, 0, .175);box-shadow:0 6px 12px rgba(0, 0, 0, .175)}
.dropdown-menu > li > a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#333;white-space:nowrap}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{color:#262626;text-decoration:none;background-color:#f5f5f5}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus{color:#fff;text-decoration:none;background-color:#337ab7;outline:0}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{color:#777}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}
.open > .dropdown-menu{display:block}
.open > a{outline:0}
.dropdown-menu-right{right:0;left:auto}
.dropdown-menu-left{right:auto;left:0}
.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#777;white-space:nowrap}
.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}
.pull-right > .dropdown-menu{right:0;left:auto}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret{content:"";border-top:0;border-bottom:4px solid}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:2px}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn{height:46px;line-height:46px}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn{height:auto}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn{height:30px;line-height:30px}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn{height:auto} 
/*!
 * Bootstrap-select v1.12.2 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker{display:none !important}
.bootstrap-select{/*width:220px \0;IE9 and below*/}
.bootstrap-select > .dropdown-toggle{width:100%;padding-right:25px;z-index:1}
.bootstrap-select > .dropdown-toggle.bs-placeholder,
.bootstrap-select > .dropdown-toggle.bs-placeholder:hover,
.bootstrap-select > .dropdown-toggle.bs-placeholder:focus,
.bootstrap-select > .dropdown-toggle.bs-placeholder:active{color:#888}
.bootstrap-select > select{position:absolute !important;bottom:0;left:50%;display:block !important;width:0.5px !important;height:100% !important;padding:0 !important;opacity:0 !important;border:none}
.bootstrap-select > select.mobile-device{top:0;left:0;display:block !important;width:100% !important;z-index:2}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle{border-color:#b94a48}
.bootstrap-select.fit-width{width:auto !important}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){/*width:220px;*/ min-width:80px}
.bootstrap-select .dropdown-toggle:focus{outline:thin dotted #333333 !important;outline:5px auto -webkit-focus-ring-color !important;outline-offset:-2px}
.bootstrap-select.form-control{margin-bottom:0;padding:0;border:none}
.bootstrap-select.form-control:not([class*="col-"]){width:100%}
.bootstrap-select.form-control.input-group-btn{z-index:auto}
.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child) > .btn{border-radius:0}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"]{float:none;display:inline-block;margin-left:0}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right{float:right}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group{margin-bottom:0}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control{padding:0}
.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle{height:100%;font-size:inherit;line-height:inherit;border-radius:inherit}
.form-inline .bootstrap-select.btn-group .form-control{width:100%}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled{cursor:not-allowed;opacity:0.6;background-color:#f9f9f9}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus{outline:none !important}
.bootstrap-select.btn-group.bs-container{position:absolute;height:0 !important;padding:0 !important}
.bootstrap-select.btn-group.bs-container .dropdown-menu{z-index:1060}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{display:inline-block;overflow:hidden;width:100%;text-align:left}
.bootstrap-select.btn-group .dropdown-toggle .caret{position:absolute;top:50%;right:12px;margin-top:-2px;vertical-align:middle}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle{width:100%}
.bootstrap-select.btn-group .dropdown-menu{min-width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bootstrap-select.btn-group .dropdown-menu.inner{position:static;float:none;border:0;padding:0;margin:0;border-radius:0;-webkit-box-shadow:none;box-shadow:none;max-height:300px;overflow-y:scroll}
.bootstrap-select.btn-group .dropdown-menu li{position:relative}
.bootstrap-select.btn-group .dropdown-menu li.active small{color:#fff}
.bootstrap-select.btn-group .dropdown-menu li.disabled a{cursor:not-allowed}
.bootstrap-select.btn-group .dropdown-menu li a{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.bootstrap-select.btn-group .dropdown-menu li a.opt{position:relative;padding-left:2.25em}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark{display:none}
.bootstrap-select.btn-group .dropdown-menu li a span.text{display:inline-block}
.bootstrap-select.btn-group .dropdown-menu li small{padding-left:0.5em}
.bootstrap-select.btn-group .dropdown-menu .notify{position:absolute;bottom:5px;width:96%;margin:0 2%;min-height:26px;padding:3px 5px;background:#f5f5f5;border:1px solid #e3e3e3;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);pointer-events:none;opacity:0.9;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bootstrap-select.btn-group .no-results{padding:3px;background:#f5f5f5;margin:0 5px;white-space:nowrap}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option{position:static}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret{position:static;top:auto;margin-top:-1px}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark{position:absolute;display:inline-block;right:15px;margin-top:5px}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{margin-right:34px}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle{z-index:1061}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(204, 204, 204, 0.2);position:absolute;bottom:-4px;left:9px;display:none}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid white;position:absolute;bottom:-4px;left:10px;display:none}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before{bottom:auto;top:-3px;border-top:7px solid rgba(204, 204, 204, 0.2);border-bottom:0}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after{bottom:auto;top:-3px;border-top:6px solid white;border-bottom:0}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before{right:12px;left:auto}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after{right:13px;left:auto}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after{display:block}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton{padding:4px 8px}
.bs-actionsbox{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bs-actionsbox .btn-group button{width:50%}
.bs-donebutton{float:left;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.bs-donebutton .btn-group button{width:100%}
.bs-searchbox + .bs-actionsbox{padding:0 8px 4px}
.bs-searchbox .form-control{margin-bottom:0;width:100%;float:none}
body.showMenu .wrap{display:block}
/*# sourceMappingURL=bootstrap-select.css.map */

@media only screen and (max-width:979px){
	[class*="select-style"] button.btn{height:34px;line-height:100%;/*line-height:32px;*/}
	body.showMenu .wrap{display:none}
	.header .ico-all.close{background-position:-112px 50%}
	.mob-menu{display:block;visibility:hidden}
	.mob-menu .depth01-wrap{overflow:hidden}
	.mob-menu .depth02-wrap{overflow:hidden}
	.showMenu .mob-menu .depth01-wrap{overflow:scroll}
	.showMenu .mob-menu .depth02-wrap{overflow:scroll}
	.check-area{display:none}
	.tab-area{/*border-bottom:1px solid #eaeaea;*/ background:url("/rpan/common/images/tab_bg.png?update=20180329") repeat-x 0 bottom}
	.tab-area.swiper-container{/*overflow:visible;*/}
	[class*="tab-st01"]{overflow:visible;padding-left:15px}
	[class*="tab-st01"] li.selected a:after{bottom:-2px}
	.forMobile{display:block}
	.free-visual .rolling ul li{margin:0}
	.all-menu{display:none}
	.depth01-wrap{-webkit-overflow-scrolling:touch}
	.depth02-wrap{-webkit-overflow-scrolling:touch}
}  
 
/* 에디터 버튼 영역 */ 
.form-table .note-editor table td{width:auto !important}
.form-table .note-editor.note-frame{border:1px solid #ccc !important}
.form-table .note-editor [class*="btn-"]{border:none;min-width:10px !important;font-size:12px !important}
.form-table .note-editor .btn-default{height:28px;border:1px solid #ccc}
.form-table .note-editor [class*="btn-b"]{padding:6px 10px}
.form-table .note-editor .glyphicon{vertical-align:middle}  
.form-table .note-editor ul li{background:url("/rpan/common/images/bul_dot5.png?update=20180329") no-repeat 0 9px;padding-left:8px;line-height:150%}
.form-table .note-editor ul li a span{line-height:100%}
.form-table .note-editor ol{margin-left:15px}
.form-table .note-editor ol li{list-style:decimal;line-height:150%} 
.form-table .note-editor button.btn{line-height:120%}
.form-table .note-toolbar .dropdown-menu li{list-style:none !important}
.form-table .note-editor a{color:#337ab7}
.form-table .note-editor a:hover{text-decoration:underline}
.form-table .panel-heading.note-toolbar .dropdown-menu li a{color:#000}
.popover-content [class*="btn-"]{border:0} 
.popover-content [class*="btn-s"]{border:1px solid #eaeaea;padding:5px 10px;min-width:10px} 
.board-view .board-view-cont .table-bordered img{margin:0 !important}
.board-view .board-view-cont a{color:#337ab7}
.board-view .board-view-cont a:hover{text-decoration:underline}
.note-table div{font-size:100%}
.form-table .note-editor h1, .h1{font-size:36px}
.form-table .note-editor h2, .h2{font-size:26px}
.form-table .note-editor h3, .h3{font-size:18px}
.form-table .note-editor h4, .h4{font-size:16px} 
.form-table .note-editor h5, .h5{font-size:14px}
.form-table .note-editor h6, .h6{font-size:12px}
.form-table .note-editor pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#fff;word-break:break-all;word-wrap:break-word;border-radius:4px}
.form-table .note-editor blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #f86466;background:white} 
.form-table .note-editor.note-frame .note-editing-area .note-editable p span{line-height:120%}

.modal-body label kbd{padding:2px 4px;font-size:90%;color:#fff;background-color:#333;border-radius:3px;font-weight:bold;box-shadow:inset 0 -1px 0 rgba(0, 0, 0, .25);display:inline-block;margin-bottom:5px} 
.board-view-cont ul li{list-style:inside;line-height:150%}
.board-view-cont ol{list-style:inside;margin-left:15px}
.board-view-cont ol li{list-style:decimal;line-height:150%}
.board-view-cont ul,.board-view-cont ol, .board-view-cont li{list-style:inside}  
.board-view-cont .dropdown-menu li{list-style:none !important}  
.board-view-cont h1, .h1{font-size:36px}
.board-view-cont h2, .h2{font-size:26px}
.board-view-cont h3, .h3{font-size:18px}
.board-view-cont h4, .h4{font-size:16px} 
.board-view-cont h5, .h5{font-size:14px}
.board-view-cont h6, .h6{font-size:12px}
.board-view-cont pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.42857143;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}
.board-view-cont blockquote{padding:10px 20px;margin:0 0 20px;font-size:17.5px;border-left:5px solid #f86466;background:white} 
.board-view-cont  p span{line-height:120%} 
@media only screen and (max-width:979px){
.form-table .note-editor button.btn{height:34px;line-height:100%}
#bbs .form-table .select-style button.btn{line-height:100%}
}




/* ************ STOCK BAR ************ */
.stock-bar-box{position:absolute;top:31px;left:0;width:100%;background:#f9f9f9 url("/rpan/common/images/stock_bar_bg2.png?update=20180329") repeat-x 0 bottom;z-index:3}
.stock-bar{position:relative;box-sizing:border-box;max-width:1260px;height:60px;padding:0 0 0 162px;margin:0 auto;z-index:8;overflow:hidden;color:#fff;
	background:url("/rpan/common/images/stockbar-line-bg.png?update=20180329"), url("/rpan/common/images/stockbar-line-bg.png?update=20180329"), url("/rpan/common/images/stockbar-line-bg.png?update=20180329");
	background-position:left top, right top, left bottom;
	background-color:#f9f9f9;
	background-repeat:repeat-y, repeat-y, repeat-x;
}
.stock-bar a{color:#000}
.stock-bar.open{height:auto;min-height:60px}

.stock-bar .stock-tab{position:absolute;top:0;left:0;width:178px;height:60px}
.stock-bar .stock-tab span{box-sizing:border-box;display:block}
.stock-bar .stock-tab span a{display:inline-block;box-sizing:border-box;height:30px;line-height:28px;color:#4d4949;font-size:13px;text-align:center;vertical-align:middle;border:1px solid #eaeaea;background:#f9f9f9}
.stock-bar .stock-tab .tab{width:100px}
.stock-bar .stock-tab .tab:first-child{border-top:none;border-right:none}
.stock-bar .stock-tab .tab i{font-size:13px}
.stock-bar .stock-tab a:last-child{border-top:none}
.stock-bar .stock-tab .tab + a{position:relative;width:62px;border-right:none}
.stock-bar .stock-tab .tab + a:after{content:"";display:block;width:15px;height:30px;margin:-28px 0 0 60px;overflow:hidden;background:url("/rpan/common/images/stockbar-bg.png?update=20180329") no-repeat left -30px}
.stock-bar .stock-tab .selected .tab{color:#fff;border-top:1px solid #756f6e;border-right:1px solid #eaeaea;border-bottom:1px solid #756f6e;border-left:1px solid #756f6e;background:#756f6e}
.stock-bar .stock-tab .selected .tab + a{color:#fff;border:1px solid #756f6e;background:#756f6e}
.stock-bar .stock-tab .selected .tab + a:after{background-position:left -1px}

.stock-bar .stock-list{background:url("/rpan/common/images/stockbar-line-bg.png?update=20180329") repeat-y left top}
.stock-bar .stock-list ul{overflow:hidden;padding-left:39px;background:url("/rpan/common/images/stockbar-line-bg.png?update=20180329") repeat-y left top}
.stock-bar.open .stock-list ul{width:100%;height:auto;overflow:hidden;background:url("/rpan/common/images/stock_bar_bg2.png?update=20180329") repeat left top}
.stock-bar .stock-list li{float:left;width:15%;height:60px;padding:9px 0}
.stock-bar .stock-list li p{line-height:1.4;padding-bottom:2px}
.stock-bar .stock-list li p a{display:inline-block;max-width:65%;color:#4d4949;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle;padding-right:5px}
.stock-bar .stock-list li p button.del{display:inline-block;width:13px;height:13px;text-indent:-9999em;background:url("/rpan/common/images/ico_sub5.png?update=20181102") repeat 0 -174px;vertical-align:middle}
.stock-bar .stock-list li p button.add{display:inline-block;width:13px;height:13px;margin-right:4px;text-indent:-9999em;background:url("/rpan/common/images/ico_sub5.png?update=20181102") repeat -67px -174px;vertical-align:middle}
.stock-bar .stock-list li span{font-size:13px;color:#888}
.stock-bar .stock-list li span mark{font-size:13px;color:#888;padding-left:10px}
.stock-bar .stock-list li span.red,
.stock-bar .stock-list li span.red mark{color:#ff545b}
.stock-bar .stock-list li span.blue, 
.stock-bar .stock-list li span.blue mark{color:#1ea3fe}

.stock-bar .stock-list .no-stock{color:#4d4949;font-size:13px;height:28px;line-height:28px;margin:15px 0 15px 40px;position:static;display:none}
.stock-bar .stock-list .no-stock span{display:inline-block;background:url("/rpan/common/images/stock_ico.png?update=20180329") no-repeat 0 4px;padding-left:25px}
.stock-bar .stock-list .no-stock a{color:#fff;font-size:13px;display:inline-block;border:#807d7c 1px solid;width:56px;height:26px;text-align:center;margin-left:10px;background:#756f6e}

.stock-bar .stock-button{position:absolute;top:0;right:0;width:60px;height:60px}
.stock-bar .stock-button button{display:block;width:60px;height:60px;text-indent:-9999em}
.stock-bar .stock-button button.more{background:url("/rpan/common/images/stock_more.png?update=20180329") repeat 0 0}
.stock-bar .stock-button button.close{background:url("/rpan/common/images/stock_close.png?update=20180329") repeat 0 0}
/* 추천GO 버튼 추가 : 181031 */
.stock-bar .stock-list li p a.link-bl{display:inline-block;width:13px;height:13px;padding-right:0;margin:0 0 0 4px;text-indent:-9999em;background:url("/rpan/common/images/ico_sub5.png?update=20181102")no-repeat 0 -810px}

@media only screen and (min-width:1600px){
	.stock-bar .stock-list li{width:16%}
}
@media only screen and (max-width:1580px){
	.stock-bar .stock-list li{width:16%}
}
@media only screen and (max-width:1380px){
	.stock-bar .stock-list li{width:16%}
}
@media only screen and (max-width:1280px){
	.stock-bar ul{padding:0 37px}
	.stock-bar .stock-list li{width:16%}
}
@media only screen and (max-width:1150px){
	.stock-bar ul{padding:0 37px}
	.stock-bar .stock-list li{width:20%}
}
@media only screen and (max-width:1024px){
	.stock-bar ul{padding:0 50px 0 37px}
	.stock-bar .stock-list li{width:25%}
}
@media only screen and (max-width:979px){
	.stock-bar{display:none}
	.stock-bar .stock-list li p a.link-bl{width:11px;height:11px;background-size:40px 1000px;background-position:-8px -405px}
}




/* ************ 모바일 글쓰기 : 180518 ************ */
.btn-gWrite{display:none}
@media only screen and (max-width:979px){
	.btn-gWrite{position:fixed;bottom:63px;right:15px;z-index:10;display:block;width:45px;height:45px;text-indent:-9999em;border:none;background:url("/rpan/imgs/community/contents_m.png?update=20180605") no-repeat -34px 0;background-size:600px 600px}
	.btn-gWrite:hover{background:url("/rpan/imgs/community/contents_m.png?update=20180605") no-repeat -34px 0;background-size:600px 600px}
}

/* 숫자 페이징 190722 추가 */
.pagging_num {display:none;}
@media only screen and (max-width:979px){
	.pagging_num {display: block;height: 40px;padding-top:4px;text-align: center;}
	.pagging_num li {display:inline-block;font-size:14px;}
	.pagging_num .prev {overflow:hidden;width:28px;height:27px;}
	.pagging_num .prev a {display:block;width:100%;height:100%;text-indent:-9999px;background:url("/rpan/common/images/btn_board.png") no-repeat -28px -1px;background-size: 55px 300px;background-position: -29px -65px;}
	.pagging_num .next {overflow:hidden;width:28px;height:27px;}
	.pagging_num .next a {display:block;width:100%;height:100%;text-indent:-9999px;background:url("/rpan/common/images/btn_board.png") no-repeat -28px -1px;background-size: 55px 300px;background-position: -1px -98px;}
	.pagging_num .num {line-height: 27px;vertical-align: top;}
}