@charset "utf-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@import url(//cdn.jsdelivr.net/font-nanum/1.0/nanumgothic/nanumgothic.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('https://webfontworld.github.io/SCoreDream/SCoreDream.css');

@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 300;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 400;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 500;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 700;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
    font-family: 'Noto Sans KR';
    font-style: normal;
    font-weight: 900;
    src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
    url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
@font-face {
    font-family: 'SBAggro';
    font-weight: 300;
    font-style: normal;
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot');
    src: url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.eot?#iefix') format('embedded-opentype'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff2') format('woff2'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.woff') format('woff'),
    url('https://cdn.jsdelivr.net/gh/webfontworld/sandbox/SBAggroLight.ttf') format("truetype");
    font-display: swap;
}
@font-face {
    font-family: 'GangwonEduPowerExtraBoldA';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEduPowerExtraBoldA.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'KBO-Dia-Gothic_medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2304-2@1.0/KBO-Dia-Gothic_medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
}
/* for print */
@media print {
    body {background-image:none !important;background-color:#FFFFFF !important}
    h1,h2,h3,h4,h5,h6{page-break-after:avoid;page-break-inside:avoid}
    blockquote,pre{page-break-inside:avoid}
    ul,ol,dl{page-break-before:avoid}
}

@media \0screen\,screen\9 {
    .new_pop_wrap1 {margin-left: -350px}
}

/* Reset */
html{overflow-y: scroll;}
body{margin:0px;padding:0px;font-size:12px;line-height:1.2;font-family: 'Noto Sans KR', 'Malgun Gothic', 'sans-serif';letter-spacing:0;}/* 2014-06-13 폰트스타일 변경 */
div,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,fieldset,p{margin:0;padding:0;font-size:12px;line-height:18px;color:#1C1C1E;list-style:none}
/* p{margin:0;padding:0;font-size:14px;line-height:18px;color:#3A3659;list-style:none} */
fieldset,dl,dd,dt,img{border:0;vertical-align:top;}
address,em{font-style:normal}
hr,legend,caption{display:none}
button,label{cursor:pointer; font-family: 'Noto Sans KR', 'Malgun Gothic', 'sans-serif'; border:none; outline:none;}
table{border-collapse:collapse}
td {font-family: 'Noto Sans KR', 'Malgun Gothic', 'sans-serif';}
th {font-size:12px;line-height:18px;font-family: 'Noto Sans KR', 'Malgun Gothic', 'sans-serif';}

/* align */
.al {text-align:left !important}
.ac {text-align:center !important}
.ar {text-align:right !important}

/* basic-alink */
a{cursor:pointer;}
a:link, a:active {color:#3A3659;text-decoration:none}
a:visited {color:#3A3659;text-decoration:none}
a:hover   {text-decoration:underline}

.fclear{*zoom:1 !important;}
.fclear:after {content:"";display:block;clear:both;height:0;visibility:hidden;}

.fl{ float:left !important;}
.fr{ float:right !important;}
.fn{ float:none !important;}

.half{width:50% !important; float: left !important; }
.flx{position:relative;}
/*.flx img{width:100%;}*/
.banner_container{position:relative; width:980px; margin:0 auto;}
/* width */
.w100p{width: 100% !important;}
.w210{width: 210px !important;}
.w120{width: 120px !important;}
.w80{width: 80px !important;}
.w36{width: 36px !important;}

/* padding */
.pt2{padding-top: 2px !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pb0{padding-bottom: 0px !important;}
.pb10{padding-bottom: 10px !important;}
.pb30{padding-bottom: 30px !important;}

/* margin */
.mt15{margin-top: 15px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt65{margin-top: 65px !important;}

.ml0{margin-left: 0px !important;}
.ml10{margin-left: 10px !important;}
.ml20{margin-left: 20px !important;}

.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}

.inner{overflow:hidden;width: 980px;margin: 0 auto}
.bgnone{background: none !important}
.board_list table tr.best_line td {border-bottom: 1px #474151 solid !important;}

/* header */
/* 24 dev_에서 제대로 나옴 new_header
header{position: relative; width: 100%; height: 120px; background: #fff; border-bottom: 1px solid #f4f4f4; min-width: 1180px;}
.header_bnr{width: 100%; height: 34px; background: #6d03d8; color: #fff;}
.header_bnr .inner span{line-height: 34px; font-size: 14px;}
.header_bnr .inner span.headerBnr_close{cursor: pointer;}
.header_bnr .inner span.headerBnr_close img{display: block; margin-top: 7px;}
.header_wrap{position: relative; width: 100%; height: auto;}
.header_wrap .header_border{position: relative; border-bottom: 1px solid #f4f4f4; z-index: 502; background: #fff;}
.header_wrap .main_header{width: 100%; height: 60px;}
.header_wrap .main_header.inner{max-width: 1180px; min-width: 1180px; width: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .main_header h1.main_logo{width: 120px; height: 100%;}
.header_wrap .main_header h1.main_logo a{display: block; width: 100%; height: 100%; text-align: left;}
.header_wrap .main_header h1.main_logo a img{width: 96px; padding-top: 16px;}
.header_wrap .main_header .member_wrap{width: auto; height: 100%;}
.header_wrap .main_header .member_wrap ul{width: 100%; padding-top: 18px;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li{float: left; padding: 2px 10px; border-radius: 50px; color: #fff; font-size: 13px; margin-right: 10px;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li a{display: block; width: 100%; height: 100%; color:#FFFFFF;text-decoration: none;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li:last-child{margin: 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.login{background: var(--main-color);}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.join{background: #A3A6B1;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_x1,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star{width: 24px; height: 24px; padding: 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_x1 a span,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point a span,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star a span{background: url(//img.x1.co.kr/x1/images/common/my_icon.png) no-repeat; width: 100%; height: 100%; display: block;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point a span{background-position: -24px 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star a span{background-position: -48px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap{display: block; height: 24px; border:none; padding: 18px 0 0 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li{float: left; color: #000; font-weight: bold; height: 24px; line-height: 24px; margin-right: 10px; font-size: 14px;}
.header_wrap .main_header .member_wrap ul.login_wrap li a{display: block; font-weight: normal; text-decoration: none;}
.header_wrap .main_header .member_wrap ul.login_wrap li a p{display: inline-block; font-size: 14px;}
.header_wrap .main_header .member_wrap ul.login_wrap li a span{float: left; width: 24px; height: 24px; background: url(//img.x1.co.kr/x1/images/common/my_icon.png) no-repeat; margin-right: 2px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.my_point a span{background-position: -24px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li.my_star a span{background-position: -48px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user{position: relative; margin-right: 20px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.logout{background: #a3a6b1; color: #fff; padding: 0 10px; border-radius: 50px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.logout a{color: #fff;text-decoration: none;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user::after{content: ''; width: 1px; height: 14px; position: absolute; right: -10px; top: 50%; transform: translateY(-40%); background: #000;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user a span{color: var(--main-color); background: none; width: auto;}
.header_wrap .menu_header{position: absolute; top: 60px; left: 0; z-index: 44; width: 100%; height: auto; background-color: #fff; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; transition: var(--main-transi); z-index: 501;}
.header_wrap .menu_header.inner{max-width: 1180px; min-width: 1180px; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .menu_header .menu_list{position: relative; width: 100%; height: 100%; }
.header_wrap .menu_header .menu_list.inner{max-width: 1180px; min-width: 1180px; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .menu_header .menu_list > li{position: relative; float: left; line-height: 58px; font-size: 16px; text-align: center; border-right: 1px solid #f4f4f4; width: 11%; font-weight: normal; box-sizing: border-box;}
.header_wrap .menu_header .menu_list > li a{display: block; color: #000000; text-decoration: none;}
.header_wrap .menu_header .menu_list > li > a:hover,
.header_wrap .menu_header .menu_list > li > a.on{background: var(--main-color); color: #fff;}
.header_wrap .menu_header .menu_list > li:last-child{width: 23%;}
.header_wrap .menu_header .menu_list > li:first-child{border-left: 1px solid #f4f4f4;}
.menu_header .menu_list li ul.sub_menu{background-color: #fff; width: 100%; position: absolute; left: 0; top: 58px; z-index: 55; min-height: 350px; border-right: 1px solid #f4f4f4; box-sizing: unset;}
.menu_header .menu_list li:first-child ul.sub_menu{border-left: 1px solid #f4f4f4; box-sizing: border-box;}
.menu_header .menu_list li ul.sub_menu.on{background: #f9f9f9;}
.menu_header .menu_list li ul.sub_menu.menu_bnr li{width: 100%; height: 108px;}
.menu_header .menu_list li ul.sub_menu.menu_bnr li a{display: block; width: 100%; height: 100%;}
.menu_header .menu_list li ul.sub_menu.menu_bnr li a img{width: 109%;}
.menu_header .menu_list li ul.sub_menu > li{position: relative; line-height: 58px; font-size: 16px;}
.menu_header .menu_list li ul.sub_menu > li > a{display: block;}
.menu_header .menu_list li ul.sub_menu > li > a:hover{color:var(--main-color); font-weight: 500;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap{width: 100%; height: 100%; margin-top: 24px;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div{width: 100%; height: 80%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a{display: block; font-size: 14px; width: 50%; height: 50%; line-height: 42px; text-align: left; position: relative; box-sizing: border-box; padding-left: 32px;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a .header_sns{font-size: inherit; display: inline-block; padding-left: 22px;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a .header_sns::before{content: ''; display: inline-block; width: 20px; height: 20px; background-size: cover; position: absolute; top: 50%; left: 30px; transform: translateY(-50%);}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a:nth-of-type(1) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/x1_icon.png') no-repeat center;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a:nth-of-type(2) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/blog_icon.png') no-repeat center;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a:nth-of-type(3) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/kakao_icon.png') no-repeat center;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a:nth-of-type(4) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/youtube_icon.png') no-repeat center;}
li.newGuide::after{content: ''; position: absolute; right: 10%; top: 30%; width: 6px; height: 6px; background: var(--main-color); border-radius: 50px;}
li.newGuide:hover::after{content: ''; position: absolute; right: 10%; top: 30%; width: 6px; height: 6px; background: #fff; border-radius: 50px;}
.sub_menu li.newGuide:hover::after{content: ''; position: absolute; right: 10%; top: 30%;}
*/

/*240412운영 heder : 헤더 개편시 운영 header 지우고 위 2개 header 주석 풀고 사용  */
/* new_header */
header{position: relative; width: 100%; height: 120px; background: #fff; border-bottom: 1px solid #f4f4f4; min-width: 1180px;}
.header_bnr{width: 100%; height: 34px; background: #6d03d8; color: #fff;}
.header_bnr .inner span{line-height: 34px; font-size: 14px;}
.header_bnr .inner span.headerBnr_close{cursor: pointer;}
.header_bnr .inner span.headerBnr_close img{display: block; margin-top: 7px;}
.header_wrap{position: relative; width: 100%; height: auto;}
.header_wrap .header_border{position: relative; border-bottom: 1px solid #f4f4f4; z-index: 502; background: #fff;}
.header_wrap .main_header{width: 100%; height: 60px;}
.header_wrap .main_header.inner{max-width: 1180px; min-width: 1180px; width: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .main_header h1.main_logo{width: 120px; height: 100%;}
.header_wrap .main_header h1.main_logo a{display: block; width: 100%; height: 100%; text-align: left;}
.header_wrap .main_header h1.main_logo a img{width: 96px; padding-top: 16px;}
.header_wrap .main_header .member_wrap{width: auto; height: 100%;}
.header_wrap .main_header .member_wrap ul{width: 100%; padding-top: 18px;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li{float: left; padding: 2px 10px; border-radius: 50px; color: #fff; font-size: 13px; margin-right: 10px;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li a{display: block; width: 100%; height: 100%; color:#FFFFFF;text-decoration: none;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li:last-child{margin: 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.login{background: var(--main-color);}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.join{background: #A3A6B1;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_x1,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star{width: 24px; height: 24px; padding: 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_x1 a span,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point a span,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star a span{background: url(//img.x1.co.kr/x1/images/common/my_icon.png) no-repeat; width: 100%; height: 100%; display: block;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point a span{background-position: -24px 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star a span{background-position: -48px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap{display: block; height: 24px; border:none; padding: 18px 0 0 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li{float: left; color: #000; font-weight: bold; height: 24px; line-height: 24px; margin-right: 10px; font-size: 14px;}
.header_wrap .main_header .member_wrap ul.login_wrap li a{display: block; font-weight: normal; text-decoration: none;}
.header_wrap .main_header .member_wrap ul.login_wrap li a p{display: inline-block; font-size: 14px;}
.header_wrap .main_header .member_wrap ul.login_wrap li a span{float: left; width: 24px; height: 24px; background: url(//img.x1.co.kr/x1/images/common/my_icon.png) no-repeat; margin-right: 2px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.my_point a span{background-position: -24px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li.my_star a span{background-position: -48px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user{position: relative; margin-right: 20px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.logout{background: #a3a6b1; color: #fff; padding: 0 10px; border-radius: 50px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.logout a{color: #fff;text-decoration: none;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user::after{content: ''; width: 1px; height: 14px; position: absolute; right: -10px; top: 50%; transform: translateY(-40%); background: #000;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user a span{color: var(--main-color); background: none; width: auto;}
.header_wrap .menu_header{position: absolute; top: 60px; left: 0; z-index: 44; width: 100%; height: auto; background-color: #fff; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; transition: var(--main-transi); z-index: 501;}
.header_wrap .menu_header.inner{max-width: 1180px; min-width: 1180px; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .menu_header .menu_list{position: relative; width: 100%; height: 100%; }
.header_wrap .menu_header .menu_list.inner{max-width: 1180px; min-width: 1180px; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .menu_header .menu_list > li{position: relative; float: left; line-height: 58px; font-size: 16px; text-align: center; border-right: 1px solid #f4f4f4; width:calc(77%/8); font-weight: normal; box-sizing: border-box;}
.header_wrap .menu_header .menu_list > li a{display: block; color: #000000; text-decoration: none;}
.header_wrap .menu_header .menu_list > li > a:hover,
.header_wrap .menu_header .menu_list > li > a.on{background: var(--main-color); color: #fff;}
.header_wrap .menu_header .menu_list > li:last-child{width: 26.8%;}
.header_wrap .menu_header .menu_list > li:first-child{border-left: 1px solid #f4f4f4;}
.menu_header .menu_list li ul.sub_menu{background-color: #fff; width: 100%; position: absolute; left: 0; top: 58px; z-index: 55; min-height: 350px; border-right: 1px solid #f4f4f4; box-sizing: unset;}
.menu_header .menu_list li:first-child ul.sub_menu{border-left: 1px solid #f4f4f4; box-sizing: border-box;}
.menu_header .menu_list li ul.sub_menu.on{background: #f9f9f9;}
.menu_header .menu_list li ul.sub_menu.menu_bnr li{width: 100%; height: 108px;}
.menu_header .menu_list li ul.sub_menu.menu_bnr li a{display: block; width: 100%; height: 100%;}
.menu_header .menu_list li ul.sub_menu.menu_bnr li a img{width: 109%;}
.menu_header .menu_list li ul.sub_menu > li{position: relative; line-height: 58px; font-size: 16px;}
.menu_header .menu_list li ul.sub_menu > li > a{display: block;}
.menu_header .menu_list li ul.sub_menu > li > a:hover{color:var(--main-color); font-weight: 500;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap{width: 100%; height: 100%; /*margin-top: 24px;*/}/*dev돌려놓기*/
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div{width: 100%; height: 80%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a{display: block; font-size: 14px; width: 50%; height: 50%; line-height: 42px; text-align: left; position: relative; box-sizing: border-box; padding-left: 32px;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a .header_sns{font-size: inherit; display: inline-block; padding-left: 22px;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a .header_sns::before{content: ''; display: inline-block; width: 20px; height: 20px; background-size: cover; position: absolute; top: 50%; left: 30px; transform: translateY(-50%);}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a:nth-of-type(1) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/x1_icon.png') no-repeat center;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a:nth-of-type(2) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/blog_icon.png') no-repeat center;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a:nth-of-type(3) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/kakao_icon.png') no-repeat center;}
.menu_header .menu_list li ul.sub_menu.menu_bnr .header_sns_wrap div a:nth-of-type(4) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/youtube_icon.png') no-repeat center;}
li.newGuide::after{content: ''; position: absolute; right: 10%; top: 30%; width: 6px; height: 6px; background: var(--main-color); border-radius: 50px;}
li.newGuide:hover::after{content: ''; position: absolute; right: 10%; top: 30%; width: 6px; height: 6px; background: #fff; border-radius: 50px;}
.sub_menu li.newGuide:hover::after{content: ''; position: absolute; right: 10%; top: 30%; width: 6px; height: 6px; background: var(--main-color); border-radius: 50px;}
/* //new_header */



.live_sp{position: absolute;top: 82px;left: 235px;width: 560px;padding-left: 170px;}
.live_sp strong{color: #e118a9;font-size: 13px;position: absolute;left: 0;top:8px;}
.live_sp .live_stocks{overflow: hidden;}
.live_sp .live_stocks li{padding:8px 0;}
.live_sp .live_stocks li a{font-size: 13px;color: #3A3659;font-weight: bold;padding-right: 20px;}
.live_sp .ls_slider_controls{position: absolute;right: 0;top: 5px;}
.ls_slider_controls span a{display:block;width:17px;height:12px;text-indent:-9999px;}
.ls_slider_controls .prev_slider a{background: url(//img.x1.co.kr/x1/images/btn/btn_up.gif) 0 0 no-repeat}
.ls_slider_controls .next_slider a{background: url(//img.x1.co.kr/x1/images/btn/btn_down.gif) 0 0 no-repeat}

.all{display: none;position: absolute;top: 122px;left: 0;width: 100%;text-align: center;z-index: 500;background: #fff;border-top: 1px solid #e118a9;border-bottom: 1px solid #e118a9;}
.all span{cursor: pointer;position: absolute;right: 50%;margin-right: -490px;bottom: 0;display: none;}
.all_wrap{display: none;border: 1px solid #e118a9;position: absolute;left: 0;top: 81px;width: 978px;margin: 0 auto;z-index: 500;background: #fff;}
.all_wrap dl{overflow:hidden;padding:20px 0 15px;border-top: 1px solid #e0dfe1;}
.all_wrap dl.first{border-top:none;}
.all_wrap dl dt{float:left;width:143px;padding-left:20px;color: #e118a9;font-size: 18px;line-height:26px;}
.all_wrap dl dd{float:left;width:815px;}
.all_wrap dl dd ul{overflow: hidden;}
.all_wrap dl dd ul li{padding-bottom: 5px;float: left;margin-right: 39px;}
.all_wrap dl dd ul li a{font-size: 14px;color: #3A3659;display: block;width: 110px;height: 20px;background: #fff url(//img.x1.co.kr/x1/images/common/bu_all_home.gif) right 1px no-repeat;padding-top: 2px;}
.all_wrap .close{position: absolute;right: -1px;bottom: -1px;cursor: pointer;}

/* board list */
.board_list{padding-bottom: 20px;}
.board_list .board_list_etc{display:block; text-align:right;}
.board_list .academy_text{text-align:right; color:#bd7700; margin:10px 5px 0 0}
.board_list table{width: 100%;border-top: 2px solid #3A3659;border-collapse:collapse;table-layout:fixed;}
.board_list table th{border-bottom: 1px solid #dbdbdb;background: #f2f4f6;vertical-align: middle;font-size: 14px;text-align: center;padding:13px 0;font-weight:normal}
.board_list table th .btn_sort{position:relative;left:10px;top:7px;}
.board_list table tr.best_line td {border-bottom: 1px #474151 solid !important;}/*감사후기베스트추가*/
.board_list table tr td span.icon{ display: inline-block;background-color: #474151;color: #ffffff;border-radius: 2px;padding: 0px 20px;margin-bottom:8px}/*감사후기베스트추가*/
.board_list table td{border-bottom: 1px solid #dbdbdb;padding:22px 0;text-align: center;font-size: 14px;color: #3A3659;font-size: 14px;}
.board_list table td a{font-size: 14px;color: #3A3659;display: block;}
.board_list table td.tal{text-align: left;padding:12px 20px;}
.board_list table td .ico_point{background-color: var(--main-color); color: #ffffff; padding: 2px 5px; border-radius: 3px; display: inline-block; width: 26px; float: left; margin-right: 5px; line-height: 15px; font-size: 14px; font-weight: 500;}
.board_list table td .ico_point_2{position: relative; left: 50%; transform: translateX(-50%);}
.board_list table td.tar{text-align: right;}
.board_list table td.charge{color: #bd7700;}
.board_list table td.free{color: #e118a9;}
.board_list table td.media{text-align: left;padding-left: 42px;}
.board_list table td.media img{padding-right: 5px;vertical-align: middle;}
.board_list table td.review_tit{text-align: left;}
.board_list table td.review_tit a span{color: #e118a9;font-size: 16px}
.board_list table td.review_tit a strong{color: #75717D;display: block;padding-top: 7px;line-height:26px; font-size: 15px; letter-spacing: -0.5px; font-weight: normal }
.board_list table td.good{text-align: left;padding-left: 30px;}
.board_list table td.good img{vertical-align: middle;padding-right: 5px;}
.board_list table td.recommend{color: #e118a9;}
/*.board_list table td.state{color: #e118a9;text-decoration: underline;}*/
.board_list table td.state2{color: #e118a9;}
.board_list table td.price_up{color: #bc0b0b;}
.board_list table td.price_dn{color: #0e0ba3;}
.board_list table td a.paymentbtn{border:1px #b9b9b9 solid; padding:5px 35px; text-decoration:none;}
.board_list table td .b_price{text-decoration: line-through; color: #808080;}
.board_list table .txleft{text-align:left;padding:13px 10px;}
.board_list table .txleft a{display:block;overflow:hidden;height:18px;white-space: nowrap;text-overflow:ellipsis;}
.bl_border_top table{border-bottom:1px solid #dbdbdb;}
.bl_border_top table th{border-bottom:none;}
.bl_border_top table td{border-top:1px solid #dbdbdb;border-bottom:none;}
.bl_border_top .answer_title_row td{border-top:none;background:url(//img.x1.co.kr/x1/images/board/line_dash.gif) 0 0 repeat-x;}
.bl_border_top .answer_title_row .atr_title{padding-left:120px;text-align:left;}
.bl_border_top .answer_title_row .atr_title a{padding-left:20px;background: url(//img.x1.co.kr/x1/images/board/bu_re.gif) no-repeat 0 4px;color:#75717D;}
.bl_border_top .answer_cont_row td{position:relative;padding:20px 0 20px 120px;border-top:none;background:#f2f4f6 url(//img.x1.co.kr/x1/images/board/line_dash.gif) 0 0 repeat-x;text-align:left;}
.acr_cont_question{padding-left:33px;background: url(//img.x1.co.kr/x1/images/board/ico_question.png) no-repeat 0 0}
.acr_cont_answer{padding-left:33px;margin-top:15px;background: url(//img.x1.co.kr/x1/images/board/ico_answer.png) no-repeat 0 0}
.acr_cont_question span, .acr_cont_answer span{display:block;font-size:16px;color:#3A3659;line-height:20px;}
.acr_cont_question .date, .acr_cont_answer .date{padding-top:5px;color:#75717D;}
.bl_border_top .answer_cont_row .btn_acr_close{display:block;position:absolute;right:20px;bottom: 20px;width:67px;height:40px;background: url(//img.x1.co.kr/x1/images/board/btn_list_close.gif) no-repeat 0 0;text-indent:-9999px;}
.bl_border_top .answer_cont_row .btn_acr_modi{display:block;position:absolute;right:94px;bottom: 20px;width:67px;height:40px;background: url(//img.x1.co.kr/x1/images/board/btn_list_modify.gif) no-repeat 0 0;text-indent:-9999px;}

.faq_list{padding: 20px 0;}
.faq_list table{width: 100%;border-top: 2px solid #3A3659;border-collapse:collapse}
.faq_list table td{border-bottom: 1px solid #dbdbdb;text-align: left;font-size: 14px;font-weight: bold;color: #3A3659;font-size: 14px;}
.faq_list table .quest{overflow: hidden;cursor: pointer;}
.faq_list table .quest .num{float: left;width: 100px;font-size: 15px;text-align: center;padding: 15px 0;}
.faq_list table .quest strong{float: right;width: 870px;padding: 15px 0;font-size: 15px;}
.faq_list table .answer{display: none;}
.faq_list table .answer td{padding: 0;margin: 0;border-bottom: none;}
.faq_list table .answer{border-top: 1px solid #dbdbdb;background: #f2f4f6 url(//img.x1.co.kr/x1/images/board/bu_faq.gif) 105px 19px no-repeat;padding:19px 19px 19px 125px;font-size: 15px;color: #75717D;line-height: 22px}

/* 종목토론실 */
.board_view table td div.con02			{display:inline-block; text-align:left; padding:30px 20px;line-height: 26px;color: #75717D; }
.board_view table td div.con02 .left	{display:inline-block; float:left; width: 510px; margin-right:10px;}
#debate 			{width:510px; border: 1px solid #dbdbdb; border-collapse:collapse}
#debate thead th	{border-bottom: 1px solid #dbdbdb; text-align: center !important; color:#e118a9 !important; font-size: 18px !important}
#debate th	{border-bottom: 1px solid #dbdbdb;  text-align: center !important; font-size: 14px !important; height:28px !important; line-height:28px !important;}
#debate td	{border-bottom: 1px solid #dbdbdb; text-align: right !important; font-size: 14px !important; height:28px !important; line-height:28px !important; padding-right: 10px; }
#debate td img	{vertical-align: middle;}
#debate td.red	{color:#e118a9; }
#debate td.blue	{color:#3850a0}

.board_view table td div.con02 .left .present_signal	{display:inline-block; margin-top:5px; border: 1px solid #dbdbdb; padding:0 5px; float:left; width:498px; min-height: 130px; overflow: y-scroll;}
.board_view table td div.con02 .left .present_signal .titleup 	{display:inline-block;background-color:#f9d7c1; margin-top:5px; height:40px;line-height:40px; width:100%; text-align: center; font-size: 14px; font-weight: bold}
.board_view table td div.con02 .left .present_signal .titleup .point 	{font-size: 16px; padding-left: 10px; color:#e118a9 !important ; }
.board_view table td div.con02 .left .present_signal .titledown 		{display:inline-block;background-color:#bbdaff; margin-top:5px; height:40px;line-height:40px; width:100%; text-align: center; font-size: 14px; font-weight: bold}
.board_view table td div.con02 .left .present_signal .titledown .point  {font-size: 16px; padding-left: 10px; color:#3850a0 !important }

.board_view table td div.con02 .left .present_signal .text {width:498px; height: 80px; overflow-y:scroll; line-height:24px;}
.board_view table td div.con02 .right	{border: 1px solid #dbdbdb; padding:0 5px; display:inline-block;float:left; width: 408px;font-size: 14px}
/* 7핵 */
*:first-child+html .board_view table td div.con02 .left .present_signal	{min-height: 163px}
*:first-child+html .board_view table td div.con02 .left .present_signal .text {height: 113px}
*:first-child+html .board_view table td div.con02 .right {height: 377px}
/* 7핵끝 */
.board_view table td div.con02 .right .today	{margin-right:15px}
.board_view table td div.con02 .right .today, .board_view table td div.con02 .right .twoweeks	{float:left;height:344px; width: 195px;text-align: center; }
.board_view table td div.con02 .right .today .title, .board_view table td div.con02 .right .twoweeks .title{border-bottom: 1px solid #dbdbdb;height:30px !important; line-height:30px !important; padding: 12px 20px;}
.board_view table td div.con02 .right .today ul, .board_view table td div.con02 .right .twoweeks ul	{display:block;float: left; width: 100%}
.board_view table td div.con02 .right .today ul	li, .board_view table td div.con02 .right .twoweeks ul li{display:inline-block; border-bottom: 1px solid #dbdbdb; height:28px !important;line-height:28px !important;width:175px;   padding: 0 10px;font-size: 14px !important;}
.board_view table td div.con02 .right .today ul li:last-child, .board_view table td div.con02 .right .twoweeks ul li:last-child	{border-bottom: none}
.board_view table td div.con02 .right .today ul	li .time, .board_view table td div.con02 .right .twoweeks ul li .day	{float:left; width:40%;}
.board_view table td div.con02 .right .today ul	li .sign, .board_view table td div.con02 .right .twoweeks ul li .sign	{float:left; width:60%;}
.board_view table td div.con02 .right .today ul	li .up, .board_view table td div.con02 .right .twoweeks ul li .up	{color:#e118a9 !important; }
.board_view table td div.con02 .right .today ul	li .down, .board_view table td div.con02 .right .twoweeks ul li .down	{color:#3850a0 !important;}
.board_view table td div.con02 .market_conditions			{margin-top:20px; display:inline-block; float:left; width:940px;}
.board_view table td div.con02 .market_conditions .title	{display:block; float:left;width: 940px;height:40px; line-height:40px; text-align: center; border-top:2px solid #dbdbdb ;border-bottom:1px solid #dbdbdb  }
.board_view table td div.con02 .market_conditions .text		{float:left;text-align: left; padding:20px; font-size: 14px; line-height: 28px}
.board_view table td div.con02 .warning	{display:inline-block; padding-top:20px; text-align:center; color:#75717d; border-top: 1px dotted #75717d; width: 100%; height: 40px}

/* 페이징 */
.paging{height:25px;margin:20px 0;text-align:center;}
.paging a{display:inline-block;width:32px;height:25px;padding:7px 0 0;color:#555;font-family:tahoma;font-size:11px;line-height:17px;font-weight:normal;vertical-align:top;border:1px solid #ddd;background:#fff;margin: 0 2px;}
.paging a:hover,
.paging a.on{color:#fff;border:1px solid #3A3659;text-decoration:none;background: #3A3659;}
.paging .btn{display:inline-block;width:34px;height:34px;vertical-align:-4px;*vertical-align:12px;margin: 0 2px;}
.paging .btn a{overflow:hidden;display:block;width:100%;height:100%;margin:0;padding:0;font-size:0;line-height:0;border:0;background:url('//img.x1.co.kr/x1/images/board/ico_paging.gif') no-repeat;vertical-align:top;}
.paging .first a{background-position:0 0;}
.paging .prev a{background-position:-34px 0;}
.paging .next a{background-position:-68px 0;}
.paging .last a{background-position:-102px 0;}

/* board view */
.board_view .con  p .strategy_notice{display:block; margin-top:20px;}
.board_view table{width: 100%;border-top: 2px solid #3A3659;border-collapse:collapse}
.board_view table thead th{border-bottom: 1px solid #dbdbdb;background: #fff;vertical-align: middle;font-size: 18px;padding:26px 20px;}
.board_view table thead th.title{background: #f2f4f6;color:#494949;font-weight: normal}
.board_view table thead th.info{font-size: 15px;font-weight: normal;}
.board_view table thead th.info span{background: url(//img.x1.co.kr/x1/images/board/bu_line.gif) right center no-repeat;padding-right: 21px;margin-right: 20px;}
.board_view table thead th.info span.last{background: none;}
.board_view table thead th.info a{vertical-align: middle;font-size: 13px;font-weight: normal; display: block;}
.board_view table thead th.info a img{vertical-align: middle;}
.board_view table thead th.ar{text-align: right !important; border-bottom: none;}
.board_view table td{border-bottom: 1px solid #dbdbdb;text-align: center;font-size: 13px;color: #3A3659;font-size: 14px;}
.board_view table td a{font-size: 14px;color: #3A3659;}
.board_view table td.tal{text-align: left;padding:12px 20px;}
.board_view table td div.con{text-align: left;padding:30px 20px;line-height: 26px;color: #75717D;font-size: 16px; font-weight: 400}
.board_view table td div.con img{max-width:980px;}
.board_view table td div.con p{position:relative;}
.board_view table td div.con p a{font-size:22px; color:#fff; border-radius:10px;}
.board_view table td div.con p a:hover{text-decoration:none;}
.board_view table td div.con p a svg{width:30px; height:30px; position:relative; top:6px;}
.board_view table td div.con p .live_btn{padding:11px 17px; background:#E118A9;}
.board_view table td div.con p .edu_btn{padding:11px 36px; background:#3A3659; margin-left:15px;}

.board_view table td div.con .ad_line{color:#3850a0; padding-bottom: 20px; cursor:pointer}
.board_view table td div.con .ad_line:HOVER {text-decoration: underline;}
.board_view table td div.ad_bottom{display:inline-block; padding:20px;}
.board_view table td div.ad_bottom .text{float:left; width:358px; height:108px;  background-color:#fafafa; border: 1px solid #f6f6f6;text-align: left; }
.board_view table td div.ad_bottom .text ul{width:338px; padding: 10px 10px}
.board_view table td div.ad_bottom .text ul li:HOVER {text-decoration: underline;}
.board_view table td div.ad_bottom .text ul li{line-height: 22px; font-size: 11px; cursor:pointer}
.board_view table td div.ad_bottom .text ul li.p_13{font-size: 13px; color:#e118a9;}
.board_view table td div.ad_bottom .ad_01	{float:left;width: 230px;margin: 0 5px 0 6px; cursor:pointer}
.board_view table td div.ad_bottom .ad_02	{float:left;width: 319px}

div.ad_bottom .ad {float:left;}
.rn_board_notice_view	{position: relative;background: #fff;float: left; width: 330px; padding:10px 10px; text-align: left;}
.rn_board_notice_view li{position:relative;padding:0 80px 2px 0;width:225px;}
.rn_board_notice_view li a{display: block;position:relative;padding-right:20px;font-size: 11px !important;color: #3A3659;line-height:20px;white-space: nowrap;text-overflow:ellipsis; cursor: pointer;}
.rn_board_notice_view li img{vertical-align: middle;}
.rn_board_notice_view .rn_info{position:absolute;right:0;top:0;}
.rn_board_notice_view .rn_info span{font-size:11px;color:#75717d;line-height:16px;}


.board_view table td div.replay{background: #f2f4f6 url(//img.x1.co.kr/x1/images/board/line_dash.gif) 0 0 repeat-x;padding: 20px;text-align: left;}
.board_view table td div.replay .re_con{}
.board_view table td div.replay .re_con strong{position: absolute;left: 15px;top: 2px;}
.board_view table td div.replay .re_con em{position: absolute;right: 0;top: 1px;color: #a3a0a8;}
.board_view table td div.replay .re_con p{position: absolute;right: 130px;top: 0;}
.board_view table td div.replay .re_con li{background: url(//img.x1.co.kr/x1/images/board/bu_re.gif) 0 4px no-repeat;padding:0 220px 0 110px;font-size: 13px;color: #3A3659;position: relative;margin-bottom: 15px;}
.board_view table td div.replay .re_con li div{line-height: 22px}
.board_view table td div.replay .re_tar{position: relative;padding-right: 135px;}
.board_view table td div.replay .re_tar textarea{border: 1px solid #dbdbdb;height: 55px;width: 100%;}
.board_view table td div.replay .re_tar a{position: absolute;right: 0;top: 0;}
.board_view table thead th{text-align: left !important;}

/* board write */
.board_write{}
.board_write table{width: 100%;border-top: 2px solid #3A3659;border-collapse:collapse}
.board_write table th{border-bottom: 1px solid #dbdbdb;padding: 0 20px; word-break: keep-all; background: #f2f4f6;vertical-align: middle;font-size: 14px; font-weight: normal}
.board_write table th em{color: #e118a9;padding-left: 5px;}
.board_write table td{border-bottom: 1px solid #dbdbdb; padding:10px 20px; height: 47px;font-size: 14px;font-weight: bold;color: #3A3659;font-size: 14px}
.board_write table td input{border: 1px solid #dbdbdb;padding: 3px;color: #75717D;height: 23px;vertical-align: middle;}
.board_write table td input[type="radio"]{border: none;vertical-align: top; height: auto;}
.board_write table td span{font-size: 12px;color: #a3a0a8;padding-left: 5px;}
.board_write table td span > span{color: #3A3659;}
.board_write table td span a.advice_btn{width: 112px;height: 22px;line-height: 22px;background: #6a676d;display: inline-block;text-align: center;color: #fff;border-radius: 3px;font-size: 12px;font-weight: 300;text-decoration: none;margin-left: 6px;}
.board_write table td span a.kakaoAdvice_btn{width: 167px;height: 22px;background: #fae103;font-size: 12px;font-weight: 400;display: inline-block;text-align: center;line-height: 22px;color: #000;border-radius: 3px;text-decoration: none;margin-left: 6px;}
.board_write table td span a.kakaoAdvice_btn > span{padding: 0;width: 12px;height: 12px;position: relative;display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;margin-right: 3px;}
.board_write table td span a.kakaoAdvice_btn > span img{width: 100%;}
.board_write table td strong{color: #a3a0a8;}
.board_write table td select{*vertical-align: middle;}
.board_write table td select.phone{width: 80px;border: 1px solid #dbdbdb;height: 29px;color: #75717D;}
.board_write table td select.sel{border: 1px solid #dbdbdb;color: #75717D;padding: 5px;}
.board_write table td .phone_write{padding: 15px 0 10px;}
.board_write table td .phone_write ul{padding-top: 10px;}
.board_write table td .phone_write ul li{margin: 4px 0;}
.board_write table td .ml10{margin-left: 10px;}
.board_write table td em{color: #e118a9;vertical-align: middle;}
.board_write table td .pl20{padding-left: 20px;}
.board_write table td.calendar{}
.board_write table td.calendar a{margin-left: 3px;}
.board_write table td.calendar a img{vertical-align: -8px;}
.board_write table td .phone_confirm{background: #f2f4f6;padding: 10px;margin: 10px 0;}
.board_write table td .phone_confirm p{padding-bottom: 5px;font-size: 14px;color: #a3a0a8;}
.board_write table td .phone_confirm p strong{color: #75717D;font-size: 14px}
.board_write table th.top{vertical-align: top;padding-top: 15px;}
.board_write table td.top{padding: 10px 0 10px 20px;}
.board_write table td.price{color: #e118a9;font-size: 24px;font-family: tahoma;line-height: 24px}
.board_write table td.price em{font-size: 18px;font-family: 'Nanum Gothic';vertical-align: middle;margin-left: 3px;}
.board_write p{font-size: 13px;color: #a3a0a8;font-weight: bold;padding: 10px 0;}
.board_write table td .text_write{padding: 20px 0;}
.board_write table td .text_write textarea{width: 100%;height: 260px;border: 1px solid #dbdbdb;}
.board_write table td .text_write2{padding: 0 20px 10px 0;}
.board_write table td .text_write2 textarea{width: 100%;height: 260px;border: 1px solid #dbdbdb;}
.board_write table td .sel_mul{padding: 10px 15px 10px 0;}
.board_write table td .sel_mul select{border: 1px solid #dbdbdb;width: 100%;}
.board_write table td em.per{font-family: tahoma;font-size: 20px;}
.board_write table td em.per span{font-family: tahoma;font-size: 14px;color: #e118a9;}
.board_write table td.edit{padding:20px 0;}
.board_write table td .payment_confirm {background: #f2f4f6;padding: 10px;margin-top: 10px; width: 738px}
.board_write table td .payment_confirm p{padding: 0px;font-size: 14px;color: #a3a0a8; text-align: left; height:20px }
.board_write table td .payment_confirm p strong{display:inline-block; color: #75717D;font-size: 14px;text-align: left}
.board_write .find_wrap .send_file_name{display:inline-block;zoom:1;*display:inline;width:593px;height:25px;padding:2px;border:1px solid #dbdbdb;margin:0 3px 5px 0;font-size:14px;line-height:25px;vertical-align: middle;}
.board_write .join_view{color: #e118a9;background: #fff url(//img.x1.co.kr/x1/images/board/bu_arrow_join.gif) 0 4px no-repeat;padding-left: 10px;margin-left: 20px;text-decoration: underline;}
.board_write ul {margin: 10px 0 30px}/*190503추가*/
.board_write table td .inflow_route_write{font-size: 14px; padding-top: 10px; padding-bottom: 10px;}
.board_write table td .inflow_route_write label{display: inline-block; margin: 4px 0;}

.member_write{padding:0 20px;}
.member_write table{width: 100%;border-top: 1px solid #dbdbdb;border-collapse:collapse}
.member_write table th{border-bottom: 1px solid #dbdbdb;padding-left: 20px;background: #f2f4f6;vertical-align: middle;font-size: 14px}
.member_write table td{border-bottom: 1px solid #dbdbdb;padding:0 20px;height: 47px;font-size: 14px;font-weight: bold;}
.member_write table td input{border: 1px solid #dbdbdb;padding: 3px;color: #75717D;height: 23px;}
.member_write table .select_id{padding-left:15px;}
.member_write table .select_id select{width:82px;padding:5px;font-family: "Nanum Gothic","Dotum",Sans-serif;}
.member_write table td select.phone{width: 85px;border: 1px solid #dbdbdb;height: 29px;color: #75717D;}

/* main */
.visual_wrap{height: 413px;width:100%; overflow: hidden; background:url(//img.x1.co.kr/x1/images/main/bg_patten.png) repeat-x 0 0px; /* #f7f7f7 */;position: relative;}
.visual{position: relative;height:413px; /* border-bottom:1px dotted #474151; background-color: #f7f7f7; */ }
.visual_wrap .visual p{position: absolute;z-index: 200;top: 45%;transform: translateY(-50%);}
.visual_wrap .visual .btn_next{left: 50%;margin-left: -535px;}
.visual_wrap .visual .btn_prev{right: 50%;margin-right: -538px;}
.visual_wrap .visual div.move_wrap{height:379px;position:absolute;width: 932px; left: 50%;margin-left:-955px;top:10px;}
.visual_wrap .visual div ul{position:absolute; left:0px; top:0px; width:20000px; height:115px;}
.visual_wrap .visual div ul li{float:left; width:478px; height:353px;text-align: center;position: relative; }
.visual_wrap .visual div ul li img { width:454px ;height:353px; padding:5px; background:url(//img.x1.co.kr/x1/images/main/bg_li.png) no-repeat 0 0;}
.visual_wrap .visual div.sample_bn_num{position:absolute; left:0px; bottom:10px; float:none; text-align: center;width:100%}
*:first-child+html .visual_wrap .visual div.sample_bn_num{bottom:5px;}/*7핵*/
.visual_wrap .visual div.sample_bn_num a{margin: 0 3px;}
.sample_bn_play{position: relative;z-index: 100;color: red;display: none;}
.sample_bn_stop{position: relative;z-index: 100;color: red;display: none;}
.mask{height:403px;position:absolute;width: 932px; left: 50%;margin-left: -440px;}
.mask_left{height:403px;position:absolute;width: 932px;top:-8px; left: 0;margin-left: -494px;z-index: 10}
.mask_right{height:403px;position:absolute;width: 932px;top:-8px; right: 0;margin-right: -1446px;z-index: 10;}
.btn_close_wrap{position:absolute;right:0;bottom:6px;width:100%;}
.btn_close_box{width:980px;height:20px;margin:0 auto;overflow:hidden;}
.btn_close_box .btn_visual_close{display:block;position:relative;float:right;height:20px;padding-right:20px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_banner2.gif) no-repeat 100% 4px;font-size:14px;color:#474151;line-height:20px;vertical-align:top;z-index:50}
.btn_close_box .btn_visual_close:hover{text-decoration: none}
.btn_visual_open{display:none;width:980px;margin:0 auto;text-align:right;}

.top_wrap{overflow: hidden;text-align: left;margin-top: 15px;}
.top_wrap .sms_box{float: left;margin-right: 16px;}
.top_wrap .sms_box a{display: block;text-decoration: none;border: 1px solid #c9c5cf;background: url(//img.x1.co.kr/x1/images/main/ico_letter.gif) right bottom no-repeat;width: 274px;height: 120px;padding: 20px;position: relative;}
.top_wrap .sms_box a strong{padding-bottom: 18px;color: #e118a9;font-size: 16px;font-weight: bold;display: block;}
.top_wrap .sms_box a span{padding-bottom: 18px;font-size: 18px;font-weight: bold;display: block;line-height: 24px}
.top_wrap .sms_box em{font-weight: bold;font-size: 14px;color: #3A3659;position: absolute;left: 20px;bottom:20px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}

.top_wrap .review_box{border: 1px solid #c9c5cf;float: left;margin-right: 16px;background: #fff;width: 274px;height: 120px;padding: 20px;position: relative;}
.top_wrap .review_box p{padding-bottom: 18px;color: #e118a9;font-size: 16px;font-weight: bold}
.top_wrap .review_box ul li{padding-bottom: 6px;}
.top_wrap .review_box ul li a{color: #3A3659;font-size: 14px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}
.top_wrap .review_box .more{font-weight: bold;font-size: 14px;color: #3A3659;position: absolute;right: 20px;top:18px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}

.top_wrap .quick_nav{float: right;}
.top_wrap .quick_nav ul{border: 1px solid #c9c5cf;width: 315px;border-right: none;border-bottom: none;}
.top_wrap .quick_nav ul:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.top_wrap .quick_nav li{float: left;border: 1px solid #c9c5cf;border-left: none;border-top: none;position: relative;}
.top_wrap .quick_nav li a span{display: none;}
.top_wrap .quick_nav li a:hover span{display: block;position: absolute;left: -1px;top: -1px;}

.point_title{/*background: #fff url(//img.x1.co.kr/x1/images/common/bu_terms_point.gif) 0 center no-repeat;padding-left: 23px;*/font-size: 16px;color: #e118a9;text-align: left;}

.best_invest_wrap{border: 1px solid #c9c5cf;position: relative;padding: 10px 40px 10px 160px;margin-top: 15px;background: #fff;}
.best_invest_wrap .text{left: 20px;top: 20px;position: absolute;font-size: 16px;color: #3A3659;font-weight: bold}
.best_invest_wrap .link{left:20px;top:50px;position: absolute;font-weight: bold;font-size: 14px;color: #3A3659;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}
.bestInvest{position: relative;height: 70px;text-align: left;}
.bestInvest p{position: absolute;z-index: 200;top: 18px;width: 15px;height: 24px;overflow: hidden;}
.bestInvest p:hover img{margin-top: -24px;}
.bestInvest .btn_next{left: -25px;}
.bestInvest .btn_prev{right: -20px;}
.bestInvest div.move_wrap{height:80px;overflow: hidden;position: relative;}
.bestInvest div ul{position:absolute; left:0px; top:0px; width:20000px; height:115px;}
.bestInvest div ul li{float:left; width:155px; height:50px;cursor: pointer;text-align: center;}
.bestInvest div ul li strong{font-size: 30px;display: block;line-height: 30px;color: #e118a9;font-family: 'tahoma';}
.bestInvest div ul li strong em{font-size: 22px}
.bestInvest div ul li span{font-size: 14px}
.bestInvest div ul li .title{display:block;font-size: 14px;color:#666;text-align: center}
.bestInvest div ul li .name{display:block;padding-top:3px;font-size: 13px;color:#999;text-align: center}
.bestInvest div.sample_bn_num{display: none;position:absolute; left:0px; bottom:15px; float:none; text-align: center;width:100%}
.bestInvest div.sample_bn_num a{cursor: default;margin: 0 3px;}
.sample_bn_play{position: relative;z-index: 100;color: red;display: none;}
.sample_bn_stop{position: relative;z-index: 100;color: red;display: none;}

.biw_typeb{padding:23px 0 0 0;margin:0;border:none;}
.biw_typeb h3{margin-bottom: 10px;}
.biw_typeb .bestInvest{height: 92px;padding:0 54px;border: 1px solid #c9c5cf;}
.biw_typeb .bestInvest p{top: 36px;}
.biw_typeb .bestInvest .btn_next{left: 15px;}
.biw_typeb .bestInvest .btn_prev{right: 15px;}
.biw_typeb .bestInvest div.move_wrap{height:92px;}
.biw_typeb .bestInvest div ul{top:10px; width:20000px; height:82px;}
.biw_typeb .bestInvest div ul li{width:145px;}
.biw_typeb .bestInvest div ul li strong{display:block;text-align: center;}
.biw_typeb .bestInvest div ul li .title{display:block;font-size: 14px;color:#666;text-align: center}
.biw_typeb .bestInvest div ul li .name{display:block;padding-top:3px;font-size: 13px;color:#999;text-align: center}

.professional_wrap{padding-bottom: 30px;}
.professional_wrap h2{text-align: left;position: relative;padding-bottom: 6px;border-bottom: 2px solid #3A3659;margin-top: 25px;}
.professional_wrap h2 a{font-weight: bold;position: absolute;right: 0;top:8px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;color: #3A3659;}

.main_live{padding-bottom: 30px;}
.main_live h2{text-align: left;position: relative;padding-bottom: 6px;margin-top: 25px;}
.main_live ul{overflow: hidden;width: 980px;}
.main_live ul li{float: left;position: relative;border: 1px solid #dbdbdb;width: 313px;margin-right: 16px;}
.main_live ul li .con{position: relative;border-bottom: 1px solid #dbdbdb;z-index: 100;text-align: left;padding: 10px;height: 95px;overflow: hidden;padding-top: 20px;}
.main_live ul li .con a{font-size: 16px;position: relative;z-index: 1;color: #3A3659;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;font-weight: bold;display: inline-block;max-width: 50%;}
.main_live ul li .con em.new{position: relative;z-index: 1;display:block;margin-top: 20px;font-size: 14px;color: #e118a9;font-weight: normal;font-weight: bold;width: 60%;}
.main_live ul li .con strong{position: relative;z-index: 1;display: block;margin-top: 20px;padding-left: 15px;font-size: 26px;color: #e118a9;font-family: tahoma, "Nanum Gothic";background: url(//img.x1.co.kr/x1/images/main/bu_arrow2.gif) 0 3px no-repeat;width: 190px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.main_live ul li .con strong em{font-size: 16px;color: #e118a9;font-weight: normal;font-weight: bold;}
.main_live ul li .con strong em.line{background: url(//img.x1.co.kr/x1/images/main/line_live.gif) 0 center no-repeat;margin-left: 7px;padding-left: 8px;font-size: 14px}
.main_live ul li .con .img{position: absolute;right: 0;top: 0;}
.main_live ul li .con .icon{position: absolute;right: 0;top: 0; z-index: 10;}
/* Only works in IE10 이상:애니메이션*/
_:-ms-input-placeholder, :root .main_live ul li .con .img {
    position: absolute;
    top: 27%;
    left: 46%;
    width: 254px;
    margin-top: 2px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    -moz-transform: translate3d(-50%, -50%, 0) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate3d(-26%, -29%, 0) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
_:-ms-input-placeholder, :root .main_live ul li .con:hover .img {width:150px}

/* Only works in IE11 이상:애니메이션*/
_:-ms-fullscreen, :root .main_live ul li .con .img {
    position: absolute;
    top: 27%;
    left: 46%;
    width: 254px;
    margin-top: 2px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    -moz-transform: translate3d(-50%, -50%, 0) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate3d(-26%, -29%, 0) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
_:-ms-fullscreen, :root .main_live ul li .con:hover .img {width:150px}


.main_live ul li .con span{display: block;position: relative;z-index: 1;margin-top: 10px;background: url(//img.x1.co.kr/x1/images/main/ico_onair.gif) 0 0 no-repeat;width: 61px;height: 18px;text-indent: -9999px;overflow: hidden;}
.main_live ul li dl{text-align: left;padding: 17px 10px;height: 115px;}
.main_live ul li dl dt{padding-bottom: 10px; font-size: 15px; color: #3A3659; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.main_live ul li dl dd{font-size: 13px;color: #75717d;}
.main_live ul li dl dd span{display: block; height: 33px; overflow: hidden;}
.main_live ul li dl dd .btn{padding-top: 10px;}
.main_live ul li dl dd .btn a{margin-right: 5px;}
.main_live ul li.last{margin-right: 0;}

.main_sp{overflow: hidden;width: 648px;}
.main_sp h2{text-align: left;position: relative;padding-bottom: 6px;margin-top: 25px;}
.main_sp ul{overflow: hidden;border-bottom: 1px solid #dbdbdb;width: 315px;float: left;margin-right: 16px;}
.main_sp ul li{float:left; position: relative;border: 1px solid #dbdbdb;border-bottom: none;width: 313px;margin-right: 16px;}
.main_sp ul li .con{position: relative;z-index: 100;text-align: left;padding: 10px;height: 107px;overflow: hidden;padding-bottom: 20px;}
.main_sp ul li .con a{font-size: 16px;position: relative;z-index: 1;color: #3A3659;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;font-weight: bold;display: inline-block;max-width: 50%;}
.main_sp ul li .con strong{position: relative;z-index: 1;display: block;margin-top: 10px;font-size: 12px;color: #75717d;width: 55%;}
.main_sp ul li .con .img{position: absolute;right: 0;bottom: 0;}
.main_sp ul li .con .icon{position: absolute;right: 0;top: 0; z-index: 10;}

/* Only works in IE10 이상:애니메이션*/
_:-ms-input-placeholder, :root .main_sp ul li .con .img {
    position: absolute;
    top: 34%;
    left: 38%;
    width: 254px;
    margin-top: 2px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    -moz-transform: translate3d(-50%, -50%, 0) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate3d(-19%, -30%, 0) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
_:-ms-input-placeholder, :root .main_sp ul li .con:hover .img {width:180px;}
/* Only works in IE11 이상:애니메이션*/
_:-ms-fullscreen, :root .main_sp ul li .con .img {
    position: absolute;
    top: 34%;
    left: 38%;
    width: 254px;
    margin-top: 2px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    -moz-transform: translate3d(-50%, -50%, 0) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate3d(-19%, -30%, 0) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
_:-ms-fullscreen, :root .main_sp ul li .con:hover .img {width:180px;}


.main_sp ul li .con span{display: block;position: relative;z-index: 1;margin-top: 5px;font-size: 12px;color: #75717d;font-weight: bold;width: 55%;}
.main_sp .quick{float: left;border-bottom: none;border-bottom: 1px solid #dbdbdb;}
.main_sp .quick p{border: 1px solid #dbdbdb;border-bottom: none;height: 137px;}

.mt_wrap{overflow: hidden;}
.l_banner01{position:absolute; top:50px; left: -150px;}
.r_banner01{position:absolute; top:50px;}
.mt_wrap .fl1{float: left;width: 316px;}
.mt_wrap .fr1{float: right;}

.mt_wrap .fl2{float: left;width: 648px;}
.mt_wrap .fr2{float: right;width: 316px;}

#container .onair_list{overflow: hidden; width: 980px;}
#container .onair_list ul{overflow: hidden;width: 1000px;}
#container .onair_list ul li{float: left;position: relative;border: 1px solid #dbdbdb;width: 236px;height: 171px;margin-right: 9px;margin-top: 15px;overflow: hidden;}
#container .onair_list ul li p{position: relative;z-index: 100;text-align: left;padding: 10px 0 10px 10px;height: 105px;width: 50%;}
#container .onair_list ul li p a{font-size: 16px;color: #3A3659;font-weight: bold;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;width: 100%;}
#container .onair_list ul li p span{display: block;font-weight:bold;font-size: 12px;color: #75717d;overflow: hidden;line-height: 16px;margin: 5px 0;}
#container .onair_list ul li p span.icon {display: block;overflow: hidden; width:200px; height:26px;padding:0px 0px 16px;line-height:21px;}
#container .onair_list ul li p span.icon a {background: none;padding-right:5px; /* cursor: pointer */}
#container .onair_list ul li p strong{display: block;background: url(//img.x1.co.kr/x1/images/main/ico_onair.gif) 0 0 no-repeat;width: 61px;height: 18px;text-indent: -9999px;overflow: hidden;}
#container .onair_list ul li p strong.member{background-position: 0 -18px;}
#container .onair_list ul li .new {position:absolute;right:0px; top:0px; z-index: 10 }
#container .onair_list ul li .hint {position:absolute;right:0px; top:0px; z-index: 10; }
#container .onair_list ul li .img{position: absolute;left: 0;top: 0;}

/* 210217 홈페이지 배지 배너 디자인 수정 */
#container .onair_list ul li .badge {position: absolute;right: 0%;top:0px;z-index: 10;background: url("//img.x1.co.kr/x1/images/common/ico_medal.png")  right top no-repeat;width: 20%;height: 57px;background-size: contain;}
#container .onair_list ul li .badge img{width: 100%;}
#container .onair_list ul li .badge #badge_txt{position:absolute;left: 50%;top: 43%;transform: translate(-45%, -50%);color:#dc9000;font-size: 10.5px;line-height: 1.2em;width: 90%;}
#container .onair_list ul li .badge #badge_txt span{display: block;}
#container .onair_list ul li .badge #badge_txt #badgeTop_txt{font-weight:bold;}
/* Only works in IE10 이상:애니메이션*/
_:-ms-input-placeholder, :root #container .onair_list ul li .img {
    position: absolute;
    top: 20%;
    left: 28%;
    width: 254px;
    margin-top: 2px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    -moz-transform: translate3d(-50%, -50%, 0) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate3d(-26%, -29%, 0) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
_:-ms-input-placeholder, :root #container .onair_list ul li:hover .img {width:150px}
/* Only works in IE11 이상:애니메이션*/
_:-ms-fullscreen, :root #container .onair_list ul li .img {
    position: absolute;
    top: 20%;
    left: 28%;
    width: 254px;
    margin-top: 2px;
    -webkit-transform: translate3d(-50%, -50%, 0) scale(1);
    -moz-transform: translate3d(-50%, -50%, 0) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate3d(-26%, -29%, 0) scale(1);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
}
_:-ms-fullscreen, :root #container .onair_list ul li:hover .img {width:150px}

#container .onair_list ul li .btn_zone{height: 45px;background: #f4f3f2;overflow: hidden;border-top: 1px solid #dbdbdb;zoom:1;}
#container .onair_list ul li .btn_zone:after{content:"";display:block;clear:both;}
#container .onair_list ul li .btn_zone a{display:block;float:left;color: #75717d;font-weight: bold;height: 31px;font-size: 14px;padding-top: 14px;}
#container .onair_list ul li .btn_zone a:hover{text-decoration: none}
#container .onair_list ul li .btn_zone a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;}
#container .onair_list ul li .btn_zone a.member_all{width: 134px;color: #e118a9;}
#container .onair_list ul li .btn_zone a.member_all span{background-position: 0 0}
#container .onair_list ul li .btn_zone a.member{width: 134px;color: #bd7700;}
#container .onair_list ul li .btn_zone a.member span{background-position: 0 -17px}
#container .onair_list ul li .btn_zone a.join{width: 102px;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) 0 10px no-repeat;}
#container .onair_list ul li .btn_zone a.join span{background-position: 0 -34px}

#container .onair_list ul li .btn_zone a.comming_soon{color: #3A3659;width: 134px;}
#container .onair_list ul li .btn_zone a.vod{color: #3A3659;width: 134px;}
#container .onair_list ul li .btn_zone a.vod span{background-position: 0 -51px}

.board_wrap{background: #eaeef0;text-align: left;padding: 30px 0 100px;}
.board_wrap .top{overflow: hidden;}
.board_wrap .top .board_invest{float: left;background: #fff;width:440px;padding:18px 20px;position: relative;height: 140px;overflow: hidden;}
.board_wrap .top .board_invest p{padding-bottom: 18px;}
.board_wrap .top .board_invest ul{overflow: hidden;}
.board_wrap .top .board_invest ul li{height: 30px;overflow: hidden;}
.board_wrap .top .board_invest ul li .sbj{float: left;color: #e118a9;font-weight: bold;font-size: 14px;width: 120px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_wrap .top .board_invest ul li .num{float: left;color: #e118a9;font-weight: bold;font-size: 16px;width: 73px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow5.gif) 0 2px no-repeat;padding-left: 17px;}
.board_wrap .top .board_invest ul li .name{float: left;color: #666;font-weight: bold;font-size: 14px;width: 140px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_wrap .top .board_invest ul li .day{float: right;color: #666;font-weight: bold;font-size: 12px;width: 65px;}
.board_wrap .top .board_invest .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:20px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}

.board_wrap .top .board_vod{float: right;background: #fff;width:440px;padding:18px 20px;position: relative;height: 140px;overflow: hidden;}
.board_wrap .top .board_vod p{padding-bottom: 18px;}
.board_wrap .top .board_vod ul{overflow: hidden;}
.board_wrap .top .board_vod ul li{height: 30px;overflow: hidden;}
.board_wrap .top .board_vod ul li .sbj{float: left;color: #e118a9;font-weight: bold;font-size: 14px;width: 80px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_wrap .top .board_vod ul li .num{float: left;color: #e118a9;font-weight: bold;font-size: 16px;width: 90px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow5.gif) 0 3px no-repeat;padding-left: 20px;}
.board_wrap .top .board_vod ul li .btn_vod{float: right;color: #666;font-weight: bold;font-size: 14px;width: 65px;padding-left: 10px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_wrap .top .board_vod ul li .day{float: left;color: #666;font-weight: bold;font-size: 12px;width: 80px;padding-left: 10px;}
.board_wrap .top .board_vod ul li .text{float: left;color: #666;font-weight: bold;font-size: 14px;width: 270px;padding-left: 10px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.board_wrap .top .board_vod .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:18px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}

.board_wrap .middle{padding-top: 20px;}
.board_wrap .middle .board_invest2{float: left;margin-right: 18px;background: #fff;width: 274px;height: 122px;padding: 20px;position: relative;}
.board_wrap .middle .board_invest2 p{padding-bottom: 18px;}
.board_wrap .middle .board_invest2 ul li{padding-bottom: 6px;}
.board_wrap .middle .board_invest2 ul li a{color: #3A3659;font-size: 14px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}
.board_wrap .middle .board_invest2 .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:18px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}

.board_wrap .middle .board_notice{float: left;margin-right: 18px;background: #fff;width: 274px;height: 122px;padding: 20px;position: relative;}
.board_wrap .middle .board_notice p{padding-bottom: 18px;}
.board_wrap .middle .board_notice ul li{padding-bottom: 6px;}
.board_wrap .middle .board_notice ul li a{color: #3A3659;font-size: 14px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}
.board_wrap .middle .board_notice .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:18px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}

.board_wrap .top .board_notice{float: left;margin-right: 18px;background: #fff;width:440px;height: 136px;padding: 20px;position: relative;}
.board_wrap .top .board_notice p{padding-bottom: 18px;}
.board_wrap .top .board_notice ul li{padding-bottom: 12px;position: relative;padding-right: 80px;}
.board_wrap .top .board_notice ul li a{color: #3A3659;font-size: 14px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}
.board_wrap .top .board_notice .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:18px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}
.board_wrap .top .board_notice ul li span{position: absolute;right: 0;top: 0;color: #3A3659;font-size: 12px;font-weight: bold;}

.board_wrap .middle .customer{float: left;}
.board_wrap .middle .quick_nav{float: left;}
.board_wrap .middle .quick_nav .first{border-bottom: 1px solid #cfcfcf;}

.board_wrap .bottom{padding-top: 20px;width: 980px;overflow: hidden;}

.board_wrap .middle2{padding-top: 20px;overflow: hidden;}
.board_wrap .middle2 .board_invest2{float: left;margin-right: 18px;background: #fff;width: 274px;height: 122px;padding: 20px;position: relative;}
.board_wrap .middle2 .board_invest2 p{padding-bottom: 18px;font-size: 16px;font-weight: bold;}
.board_wrap .middle2 .board_invest2 ul li{padding-bottom: 6px;}
.board_wrap .middle2 .board_invest2 ul li a{color: #3A3659;font-size: 14px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}
.board_wrap .middle2 .board_invest2 .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:18px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}

.board_wrap .middle2 .board_notice{float: left;margin-right: 18px;background: #fff;width: 274px;height: 122px;padding: 20px;position: relative;}
.board_wrap .middle2 .board_notice p{padding-bottom: 18px;font-size: 16px;font-weight: bold;}
.board_wrap .middle2 .board_notice ul li{padding-bottom: 6px;}
.board_wrap .middle2 .board_notice ul li a{color: #3A3659;font-size: 14px;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;display: block;}
.board_wrap .middle2 .board_notice .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:18px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}
.board_wrap .middle2 .last{margin-right: 0;}

.board_wrap .middle2 .board_invest{float: left;background: #fff;margin-right: 18px;width: 274px;height: 122px;padding: 20px;position: relative;overflow: hidden;}
.board_wrap .middle2 .board_invest p{padding-bottom: 18px;font-size: 16px;font-weight: bold;}
.board_wrap .middle2 .board_invest ul{overflow: hidden;}
.board_wrap .middle2 .board_invest ul li{height: 18px;padding-bottom:6px;overflow: hidden;}
.board_wrap .middle2 .board_invest ul li a{display:block;height:18px;}
.board_wrap .middle2 .board_invest ul li a span{vertical-align: middle;line-height:18px;height:18px;overflow:hidden;display:block;}
.board_wrap .middle2 .board_invest ul li .sbj{float: left;color: #3A3659;font-weight: bold;font-size: 14px;width: 90px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.board_wrap .middle2 .board_invest ul li .num{float: left;color: #e118a9;font-weight: bold;font-size: 16px;width: 75px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow5.gif) 0 2px no-repeat;padding-left: 17px;}
.board_wrap .middle2 .board_invest ul li .name{float: left;color: #666;font-weight: bold;font-size: 14px;width: 90px;white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
.board_wrap .middle2 .board_invest .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:20px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}

.board_wrap .top .sms_box{float: left;margin-right: 16px;background: #fff;}
.board_wrap .top .sms_box a{display: block;text-decoration: none;border: 1px solid #c9c5cf;background: url(//img.x1.co.kr/x1/images/main/ico_letter2.gif) right bottom no-repeat;width: 443px;height: 118px;padding: 20px;position: relative;}
.board_wrap .top .sms_box a strong{padding-bottom: 10px;color: #e118a9;font-size: 16px;font-weight: bold;display: block;}
.board_wrap .top .sms_box a span{padding-bottom: 18px;font-size: 18px;font-weight: bold;display: block;line-height: 24px;}
.board_wrap .top .sms_box a span strong{color:#e118a9;}
.board_wrap .top .sms_box em{font-weight: bold;font-size: 14px;color: #3A3659;position: absolute;left: 20px;bottom:15px;padding-right: 8px;}
.board_wrap .top .sms_box a strong span{display: inline;color: #3A3659;font-size: 16px;}

.board_wrap .experts_wrap{float: right;background: #fff;width: 436px;height: 118px;border: 1px solid #c9c5cf;padding: 20px;position: relative;}
.board_wrap .experts_wrap p{width:380px;padding-bottom: 18px;font-size: 16px;font-weight: bold;position: relative;z-index: 1}
.board_wrap .experts_wrap .more{font-weight: bold;color: #3A3659;position: absolute;right: 20px;top:18px;padding-right: 8px;background: url(//img.x1.co.kr/x1/images/main/bu_arrow.gif) right 5px no-repeat;}
.board_wrap .experts_wrap .con{overflow: hidden;}
.board_wrap .experts_wrap .left{float: left;}
.board_wrap .experts_wrap .left span{position: relative;z-index: 1;font-size: 18px;color: #e118a9;font-weight: bold;display: block;background: url(//img.x1.co.kr/x1/images/main/bu_ex.gif) 2px 0 no-repeat;padding-top: 5px;line-height:22px;letter-spacing: -1px}
.board_wrap .experts_wrap .left span em{display:block;padding-bottom:3px;font-size: 20px;line-height:22px;}
.board_wrap .experts_wrap .left strong{position: relative;z-index: 1;font-size: 21px;font-family: tahoma;color: #e118a9;font-weight: bold;display: block;padding-top: 8px;}
.board_wrap .experts_wrap .left strong em{font-size: 16px;font-family: "Nanum Gothic";margin-left: 5px;}
.board_wrap .experts_wrap .left img{position: absolute;left: 0;bottom: 0;}
.board_wrap .experts_wrap .right{float: right;width: 205px;}
.board_wrap .experts_wrap .right li{border-top: 1px solid #c9c5cf;overflow: hidden;}
.board_wrap .experts_wrap .right li span{float: left;font-weight: bold;width: 105px;padding:5px 0 5px 10px;font-size: 14px;background: #fff url(//img.x1.co.kr/x1/images/main/bu_ex2.gif) right center no-repeat;}
.board_wrap .experts_wrap .right li strong{float: left;padding:5px 15px 5px 0;font-size: 14px;text-align: right;width: 73px;}
.board_wrap .experts_wrap .right li strong em{font-family: tahoma;}

/* sub layout */
#sub_container{width: 980px;margin: 0 auto;position: relative;padding: 20px 0 100px;text-align: left;}
#sub_container h2{text-align: left;padding-top: 20px;font-size: 24px;color: #3A3659;position: relative;}
#sub_container h2 span{position: absolute;right: 0;top: 25px;font-size: 13px;color: #a3a0a8;}
#sub_container .vod_sub_head{text-align: left;padding-top: 20px;font-size: 20px;color: #3A3659;position: relative; font-weight:bold;}
.location{text-align: right;overflow: hidden;position: absolute;right: 0;top: 10px;}
.location strong{float: left;background: #fff url(//img.x1.co.kr/x1/images/common/bu_home.gif) 0 2px no-repeat;width: 12px;height: 16px;overflow: hidden;margin-right: 5px;text-indent: 1000px}
.location em{float: left;background: #fff url(//img.x1.co.kr/x1/images/common/bu_arrow.gif) 0 4px no-repeat;padding-left: 8px;font-weight: bold;color: #a3a0a8;padding-right: 5px;}
.location span{float: left;background: #fff url(//img.x1.co.kr/x1/images/common/bu_arrow.gif) 0 4px no-repeat;padding-left: 8px;font-weight: bold}
.btn_wrap{text-align: center;margin-top: 20px;}
.pay_btn_flex{display:flex; justify-content:center; gap:20px;}
.pay_btn_flex a{width:160px; text-align:center; height:50px; line-height:50px; background:#dc0082; color:#fff; font-size:16px; text-decoration:none; clip-path: polygon(0 0, 100% 0, 100% 60%, 90% 100%, 0 100%);}
.pay_btn_wrap a{font-size:18px; color:#75717d; margin:0 3px; border-radius:30px; background:#f4f4f4; padding:10px; line-height:1; width:100%; display:flex; align-items:center; justify-content:center;}
.pay_btn_wrap a img{margin-right:5px;}
.pay_btn_wrap a:hover{text-decoration:none;}
.pay_btn_wrap a:nth-child(3){padding:10px 50px; background:#E118a9; color:#fff; box-shadow: 0px 3px 10px 0 rgba(0, 0, 0, 0.20);}
.pay_btn_wrap a img{width:28px; height:28px;}
.expert_pay_btn a{display:inline-block; padding:10px 20px; width:initial; font-size:16px;}
.expert_pay_btn a img{width:18px; height:18px;}


.withdrawal{text-align:right; margin:20.5px 0 45px 0;}
.withdrawal a{border-bottom:1px solid #000; padding-bottom:10px; color:#3A3659; font-family: 'Noto Sans KR', sans-serif; font-size:16px; font-weight:700; line-height:18px; text-decoration:none;}
.lnb{position:absolute;left:0;top:0;width:180px;height:100%;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;}
.lnb strong{display:block;position:absolute;left:-1px;top:0;}
.lnb ul{padding-top:152px;}
.lnb ul li{width:100%;border-bottom:1px solid #d9d9d9;}
.lnb ul li a{display:block;height:22px;padding:16px 0 12px 20px;font-size:15px;font-weight:700;color:#75717D;line-height:22px;}
.lnb ul .on a, .lnb ul li a:hover{color:#c80076;text-decoration: none;}
.contents{width:748px;padding-left:232px;}
.event_bnr{position: fixed; z-index: 9999; left: 50%; top: 60%; transform: translate(-50%, -50%);}

/* common contents  */
.greet_visual_section{position:absolute;left:395px;top:65px;}
.greet_name_branch{position:relative;}
.greet_name_branch h2{display:inline-block;zoom:1;*display:inline;font-size:66px;font-weight:bold;color:#3A3659;letter-spacing: -1px;line-height:1.2;}
/* 220321 수정  */
.greet_name_branch span.sbsgosoo_logo{display: inline-block; width: 80px; height: 80px; vertical-align: top; margin-left: 10px;}
.greet_name_branch span.sbs852_logo{display: inline-block; width: 80px; height: 80px; vertical-align: top; margin-left: 10px;}
.greet_name_branch span img{width: 100%;}
/* 220321 수정  */
.greet_notice{padding:10px 0 0 3px;font-size:18px;font-weight:bold;color:#3A3659;letter-spacing: -1px;line-height:1.2;}
.greet_section{position:absolute;left:0;top:-5px;}
.greet_section h2{line-height:1.1;}
.tele_btn .tele_btn_list{display:flex; gap:9px; margin-top:40px;}
.tele_btn .tele_btn_list li{float: left; text-align: center; font-size: 14px; background: #f4f4f4; border-radius: 30px; margin: 0 1.5px;}
.tele_btn .tele_btn_list li a{display: flex; align-items: center; justify-content: center; color: #656565; width:124px; height: 38px; text-decoration: none; cursor: pointer;}
.tele_btn .tele_btn_list li .free_video{background:#e118a9; color:#fff; border-radius:30px; box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.25);}
.tele_btn .tele_btn_list li a img{width:18px; height:18px; margin-right:8px;}
.live_quick_1{position: absolute;top:0px; right: 350px;}
.live_quick_1_2{position: absolute;top:0px; right: 509px;}
.live_quick_1 .live_edu1{width:149px; height:57px; padding-top: 20px; font-size:18px;background-color: gray;letter-spacing: -1px;font-weight: bold;}
.live_quick_1 .live_edu1 a{padding-left: 10px; color:white;}
.live_quick_2{position: absolute;top:90px; right: 30px;}
.live_quick_2_2{position: absolute;top:56px; right: 189px;}
.live_quick_2 .live_edu2{width:149px; height:57px; padding-top: 20px; font-size:18px;background-color: gray;letter-spacing: -1px;font-weight: bold;}
.live_quick_2 .live_edu2 a{padding-left: 10px; color:white;}
.branch_img_foreign{display:inline-block;zoom:1;*display:inline;padding:30px 0 0 15px;}
.branch_img_academy{display:inline-block;zoom:1;*display:inline;padding:30px 0 0 15px;}
/* 로그인 아이디 찾기 패스워드 찾기 */
.login_info{position: relative;font-size: 16px;padding-top: 15px;margin-bottom: 15px;}
.login_info p{font-size: 16px;line-height: 26px;color: #75717D;}
.login_info a{position: absolute;right: 0;bottom: 0;}

.login_wrap{border: 10px solid #e6e6e6;padding: 50px 0 40px 190px;}
.login_wrap .login{position: relative;}
.login_wrap .login ul li{position:relative;padding-bottom: 10px;}
.login_wrap .login li input{border: 1px solid #dbdbdb;padding: 15px;font-size: 24px;color: #e118a9;width: 405px;}
.login_wrap .login li label{position:absolute;left:15px;top:10px;font-size:24px;color:#dbdbdb;line-height:40px;}
.login_wrap .login li input:focus + label{display:none;}
.login_wrap .login span{color: #75717D;font-weight: bold;font-size: 14px}
.login_wrap .login span input{vertical-align: middle;}
.login_wrap .login p{position: absolute;left: 445px;top: 0;}

.login_util{width: 580px;border-top: 1px solid #e6e6e6;padding-top: 20px;margin-top: 20px;}
.login_util li{position: relative;height: 33px;font-size:14px; color:#494949;  margin-bottom: 5px;padding-top: 7px;}
.login_util li a{position: absolute;right: 0;top: 0;}

.tab_find{overflow: hidden;padding: 40px 0;}
.tab_find li{float: left;}

.find_info{font-size: 12px;font-weight: bold;color: #a3a0a8;padding: 10px 10px 10px 30px;}
.find_info2{border: 1px solid #dbdbdb;padding: 15px;margin: 20px;}
.find_info2 strong{display: block;padding-bottom: 5px;color: #3A3659;}
.find_info2 span{font-size: 13px;color: #a3a0a8;}
.find_info3{font-size: 15px;font-weight: bold;color: #3A3659;padding: 0 10px 15px 20px;line-height: 24px}
.find_info4{position:absolute;left:20px;top:184px;font-size: 12px;font-weight: bold;color: #a3a0a8;}
/* 회원가입 */
.board_write .join_body th {text-align:center;}
.terms_wrap .agree_wrap3 {padding-bottom:20px;}
.agree_area {display:inline-block;}
.agree_area .agree_content {padding:2px; margin-bottom: 14px;}
.agree_wrap3 #strong_all{padding-bottom:15px; font-size:24px;}
.info_wrap{padding-top: 30px;}
.info_wrap h3{position: relative; font-size: 18px;color: #3A3659;margin-bottom: 10px;}
.info_wrap h3 span{position: absolute;right: 0;top: 2px;font-size: 12px;color: #75717D;}
.info_wrap h3 span em{color: #e118a9;}
.info_wrap .mt40{margin-top: 40px;}
.info_wrap p{font-size: 14px;color: #a3a0a8;padding-top: 5px;font-weight: bold;}
/* 221107 add */
.info_wrap .btn_wrap{display: flex;width: 500px;margin: 40px auto;justify-content: space-between;align-items: center;}
.info_wrap .btn_wrap a.cancel_btn,
.info_wrap .btn_wrap a.insert_btn{display: flex; justify-content: center; align-items: center; width: 49%; height: 50px; border-radius:5px; color: #fff; font-size: 14px; text-decoration: none;}
.info_wrap .btn_wrap a.cancel_btn{background: #6a676d;}
.info_wrap .btn_wrap a.insert_btn{background: #e118a9;}
.info_wrap .btn_wrap a.kakaoAdvice_btn{width: 100%; background: #fae103; font-size: 14px; height: 50px; border-radius:5px; display: flex; align-items: center; justify-content: center; font-weight: bold;}
.info_wrap .btn_wrap a.kakaoAdvice_btn span.kakao_icon{width: 20px; height: 20px; margin-right: 16px;}
.info_wrap .btn_wrap a.kakaoAdvice_btn span.kakao_icon img{width: 100%}
.info_wrap .btn_wrap p.line_area{position: relative; width: 100%; color: #979797; margin: 14px 0;}
.info_wrap .btn_wrap p.line_area::before,
.info_wrap .btn_wrap p.line_area::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); width: 45%; height: 1px; background: #ddd;}
.info_wrap .btn_wrap p.line_area::before{left: 0;}
.info_wrap .btn_wrap p.line_area::after{right: 0;}

.join_info{position: relative;font-size: 16px;padding-top: 15px;margin-bottom: 65px;}
.join_info p{font-size: 16px;font-weight: bold;color: #75717D; line-height: 1.5;}
.join_info2{padding-top: 40px;}

.join_nav{background: #fff url(//img.x1.co.kr/x1/images/member/nav_join.gif) 0 0 no-repeat;height: 58px;overflow: hidden;text-indent: -9999px}
.active_terms{background-position: 0 0;}
.active_join{background-position: 0 -58px;}
.active_finish{background-position: 0 -116px;}

.board_write ul {margin: 10px 0 20px}/*190503추가*/
.terms_wrap{margin-bottom: 14px;}
.terms_wrap a{vertical-align: top; font-size:14px; text-decoration:none; font-weight:bold; cursor: pointer;}
.terms_wrap em{color:#e118a9;}
.terms_wrap strong{display: block;color: #3A3659;font-size: 18px;font-weight: bold;text-align: center;padding-bottom: 30px;}
.terms_wrap h3{font-size: 20px;color: #3A3659;display: inline-block; margin-right: 10px;}
.terms_wrap .con{border: 1px solid #dbdbdb;border-top: 2px solid #3A3659;padding: 20px;overflow-y: scroll;height: 115px;}
.terms_wrap .con p{color: #a3a0a8;}
.terms_wrap .con .div_title{font-size: 15px;font-weight: bold;}

.terms_wrap span{display: inline-block;}
.terms_wrap span input{transform: scale(1.2); margin-right: 10px;}
.terms_wrap span.pb5{padding-bottom: 5px;}
.terms_wrap .btn_wrap{margin-top: 0;}

.join_wrap{padding-top: 30px;}
.join_wrap h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;}
.join_wrap h3 span{position: absolute;right: 0;top: 2px;font-size: 12px;color: #75717D;}
.join_wrap h3 span em{color: #e118a9;}
.join_wrap .mt40{margin-top: 40px;}
.join_wrap p{font-size: 14px;color: #a3a0a8;padding-top: 5px;font-weight: bold;}

.table_sms{}
.table_sms table{width: 100%;border-top: 2px solid #3A3659;border-collapse:collapse}
.table_sms table thead th{border-bottom: 1px solid #dbdbdb;background: #f2f4f6;vertical-align: middle;font-size: 14px;padding: 15px 0;text-align: center;border-left: 1px solid #dbdbdb;color: #e118a9;}
.table_sms table thead th.none{border-left: none;}
.table_sms table tbody td{border-bottom: 1px solid #dbdbdb;font-weight: bold;vertical-align: middle;font-size: 14px;padding: 15px 0;text-align: center;border-left: 1px solid #dbdbdb;}
.table_sms table tbody td.none{border-left: none;}
.table_sms table tbody td em{color: #e118a9;}

.table_sms2{margin-top: 60px;}
.table_sms2 table{width: 100%;border-collapse:collapse;border-top: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;}
.table_sms2 table thead th{border-bottom: 1px solid #dbdbdb;background: #f2f4f6;vertical-align: middle;font-size: 18px;padding: 15px 0;text-align: center;border-left: 1px solid #dbdbdb;color: #3A3659;}
.table_sms2 table tbody td{border-bottom: 1px solid #dbdbdb;vertical-align: middle;font-size: 14px;padding: 15px 0;text-align: center;border-left: 1px solid #dbdbdb;color: #75717D;font-size: 14px;font-weight: bold;}
.table_sms2 table tbody td em{color: #e118a9;font-size: 30px;font-family: tahoma;display: block;line-height: 35px}
.table_sms2 table tbody td em span{font-family: 'Nanum Gothic';font-size: 16px;vertical-align: 2px;font-weight: bold;}
.table_set4 table tbody td.tar{text-align: right}

.table_sms3{}
.table_sms3 table{width: 100%;border-top: 2px solid #3A3659;border-collapse:collapse}
.table_sms3 table th{border-bottom: 1px solid #dbdbdb;background: #f2f4f6;vertical-align: middle;font-size: 14px;padding: 15px 0 15px 30px;text-align: left;border-left: 1px solid #dbdbdb;color: #75717D;}
.table_sms3 table th.none{border-left: none;}
.table_sms3 table tbody td{border-bottom: 1px solid #dbdbdb;font-weight: bold;vertical-align: middle;font-size: 14px;padding: 15px 0;text-align: center;border-left: 1px solid #dbdbdb;color: #3A3659;}
.td4 table tbody td {width: 20%;}
.td5 table tbody td {width: 16%;}
.table_sms3 table tbody td.none{border-left: none;}
.table_sms3 table tbody td em{color: #e118a9;}
.table_sms3 table tbody td strong{font-family: tahoma;font-size: 18px;vertical-align: bottom;padding-right: 3px;}

.finish_wrap{background: #fff url(//img.x1.co.kr/x1/images/member/line_dot.gif) 0 bottom repeat-x;height: 220px;padding-top: 60px;text-align: center;}
.finish_wrap div{font-size: 16px;color: #666;padding: 25px 0;}
.finish_wrap div strong{display: block;color: #e118a9;padding-top: 5px;}
.finish_wrap span{color: #a3a0a8;font-size: 14px}

.join_event{border: 1px solid #dbdbdb;margin-top: 50px;}
.join_event div{padding:20px 30px 0;}
.join_event div.line{border-bottom: 1px solid #dbdbdb;}
.join_event div p{color: #e118a9;padding-bottom: 15px;font-size: 16px; font-weight: bold;}
.join_event div span{display: block;font-size: 14px;color: #474151;line-height: 22px;background: #fff url(//img.x1.co.kr/x1/images/member/line_dot.gif) 0 bottom repeat-x;padding-bottom: 15px;}
.join_event div em{padding: 15px 0;display: block;font-size: 14px;color: #474151;}
.join_event div em input[type="radio"]{vertical-align: -2px}

.join_event2{border: 1px solid #dbdbdb;margin-top: 50px;background: #fff url(//img.x1.co.kr/x1/images/member/bg_joinevent.gif) right 0 no-repeat;height: 255px;}
.join_event2 div{padding:20px 30px 0;}
.join_event2 div.line{border-bottom: 1px solid #dbdbdb;}
.join_event2 div p{color: #e118a9;padding-bottom: 15px;font-size: 16px; font-weight: bold;}
.join_event2 div span{display: block;padding-top: 10px;font-size: 13px;color: #999;line-height: 22px;width: 650px;background: url(//img.x1.co.kr/x1/images/member/line_dot.gif) 0 bottom repeat-x;padding-bottom: 15px;}
.join_event2 div em{padding: 15px 0;display: block;font-size: 14px;color: #474151;}
.join_event2 div em input[type="radio"]{vertical-align: -2px}
.join_event2 div strong{display: block;text-align: center;}
.join_event2 div li{font-size: 14px}


/* 전문가 방송 및 아카데미 */
.specialist_top{text-align: center;background: #e1dedc;position: relative;}
.specialist_top .inner{position: relative;text-align: left;}
.specialist_top .con{position: absolute;right: 10px;top: 180px;width: 650px;}
.specialist_top .con .top{overflow: hidden;padding-bottom: 14px;}
.specialist_top .con .top dl{float: left;background: #fff;width: 270px;height: 138px;margin-right:8px;padding: 20px 20px 0 17px;}
.specialist_top .con .top dl dt{font-size:16px;color: #e118a9;font-weight: bold;padding-bottom: 8px;}
.specialist_top .con .top dl dd{padding-bottom: 6px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden; font-size: 14px;color: #3A3659;font-weight: bold;}
.specialist_top .con .top dl dd a{font-size: 14px;color: #3A3659;font-weight: bold;}
.specialist_top .con .bot{overflow: hidden;}
.specialist_top .con .bot .left{float: left;margin-right: 12px;}
.specialist_top .con .bot .right{float: right;padding-right: 20px;}
.specialist_top .con .bot dl{float: left;width: 272px;height: 134px;background: #e118a9;padding: 20px 20px 0 17px; position: relative;}
.specialist_top .con .bot dl dt{font-size:16px;color: #fff;font-weight: bold;padding-bottom: 10px;}
.specialist_top .con .bot dl dd p{font-size:14px;color: #fff;font-weight: bold;padding-bottom: 6px;letter-spacing: -1px}
.specialist_top .con .bot dl dd span{display: block; position: absolute; top: 14px; right: 14px;}
.specialist_top .con .bot dl.x_1 dd .b_price{text-decoration: line-through; color: #E118A9;}
.specialist_top .con .bot dl.x_1 dd .a_price{color: #E118A9; font-weight: 900;}
.specialist_top .con .bot .service_list_3{position:relative;}
.specialist_top .con .bot .service_list_3 dt{padding-bottom:17px;}
.specialist_top .con .bot .service_list_3 dd span{position:absolute;right:20px;top:14px;padding-top:0;}
.specialist_top .con .bot .service_list_3 dd p{white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.specialist_top .con .bot .service_list_3 dd .b_price{text-decoration: line-through; color: #f889cb;}/* 전문가 홈 정상가 CSS추가 20190424*/
.specialist_top .con .bot .service_list_3 dd .a_price{color: #F7F305; font-weight: 900;}
.specialist_top .tele_con{width:initial; top:initial; right:initial; left:0; bottom:0;}
.specialist_top .tele_con .top{display:flex;}
.specialist_top .tele_con .top dl dt{padding-bottom:20px;}
.specialist_top .tele_con .top dl dd{overflow:initial;}
.specialist_top .tele_con .top dl{height:196px; border-radius:5px;}
.specialist_top .tele_con .top dl dd a{color:#fff; padding:16px 0; display:block; text-align:center; text-decoration:none; font-size:16px;}
.specialist_top .tele_con .bot dl{float: left;width: 312px;height: 196px;background: #fff;}
.specialist_top .tele_con .bot dl dt{color: #e118a9;}
.specialist_top .tele_con .bot dl dd p{color:#3A3659;}
.specialist_top .tele_con .bot .service_list_3 dd .b_price{text-decoration: line-through; color: #5229E4;}
.specialist_top .tele_con .bot .service_list_3 dd .a_price{color: #E118A9; font-weight: 900;}
.specialist_top .tele_con .bot .service_list_3 dd span{position:absolute; background:#e118a9; border-radius:5px; bottom:10px; top:initial; left:50%; width:320px; transform:translateX(-50%);}
.specialist_top .search_banner{position:absolute; top:50px; right:400px;}
.specialist_top .search_banner img{position:fixed;}
/*전문가 홈 네이버 밴드 배너 230217 추가*/
.specialist_top .con .bot .right .down_x1_app{display: none;}
.specialist_top .con .bot .right .expert_home_band{display: inline-block;}
.specialist_top .con .bot .right.app .expert_home_band{display: none;}
.specialist_top .con .bot .right.app .down_x1_app{display: inline-block;}

.type_super{padding:50px 0 30px;}
.type_super .con{position:static;left:0;top:0;}
.type_super .con .top{padding:125px 0 0 0;}
.type_super .con .top dl{height:134px;}
.type_super .con .bot .left{margin:0;}
.type_super .con .bot>div:first-child{margin-right:11px;}


.type_academy{padding:50px 0 30px;}
.type_academy .con{position:static;left:0;top:0;}
.type_academy .con .top{padding:125px 0 0 0;}
.type_academy .con .top dl{height:134px;}
.type_academy .con .bot{position:absolute;right:0;top:0;width:319px}
.type_academy .con .bot .left{margin:0;}
.type_academy .con .bot>div:first-child{margin-right:11px;}
.type_academy .con .bot dl{width:282px;margin-top:10px;}

.splist_tab{}
.splist_tab ul{overflow: hidden;}
.splist_tab ul li{width:100%;}
.splist_tab ul li a{display: block;border-top: 1px solid #afafaf;border-right: 1px solid #afafaf;/*width: 162px;*/ border-bottom: 2px solid #e118a9;height: 30px;padding-top: 16px;text-align: center;font-size: 16px;color: #3A3659;}
.splist_tab ul li a:HOVER{text-decoration: none}/*190719추가*/
.splist_tab ul{width:100%; display:flex;}
.li4 ul li a{width: 243.7px}/*190719추가*/
.li5 ul li a{width: 194.6px}
/*.li6 ul li a{width: 162.1px}*/
.li7 ul li a{width: 138.8px}
.li8 ul li a{width: 138.8px;margin-bottom: 30px }/*190503추가*/
.li8_tab ul li a{width: 121.35px; }
.splist_tab ul li.first a{border-left: 1px solid #afafaf;}
.splist_tab ul li a.active{color: #fff;background: #e118a9;border-top: 1px solid #e118a9;border-right: 1px solid #e118a9;}
.splist_tab ul li a.point{color:#e118a9}
.splist_tab ul li.first .active{border-left: 1px solid #e118a9}


.splist_home_top{overflow: hidden;margin-top: 30px;}
.splist_home_top .left{float: left;border: 1px solid #cac7c6;width: 482px;height: 215px;}
.splist_home_top .left2{float: left;border: 1px solid #cac7c6;width: 452px;height: 185px;padding: 15px;position: relative;}
.splist_home_top .left2 h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_top .left2 ul{padding-top: 5px;}
.splist_home_top .left2 ul li{border-bottom: 1px solid #cac7c6;padding: 5px 0;position: relative;padding-right: 100px;}
.splist_home_top .left2 ul li.last{border-bottom: none;}
.splist_home_top .left2 ul li a{font-size: 14px;color: #75717D;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden; display: block;}
.splist_home_top .left2 ul li em{position: absolute;right: 0;top: 5px;font-size: 14px;color: #a3a0a8;}
.splist_home_top .left2 span{position: absolute;right: 10px;top: 13px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) right 5px no-repeat;padding-right: 10px;}
.splist_home_top .left2 span a{font-size: 14px;color: #3A3659;font-weight: bold;}
.splist_home_top .left dl dt{height: 35px;background: #f7f7f7;font-size: 16px;color: #3A3659;padding: 15px 15px 0 15px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.splist_home_top .left dl dd ul{padding:10px 15px 10px;}
.splist_home_top .left dl dd ul li{padding-bottom: 5px;}
.splist_home_top .left dl dd ul li a{display: block;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) 0 5px no-repeat;font-size: 14px;color: #75717D;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;padding-left: 10px;}
.splist_home_top .left dl dd p{padding-left: 15px;}
.splist_home_top .right{float: right;border: 1px solid #cac7c6;width: 452px;height: 185px;padding: 15px;position: relative;}
.splist_home_top .right h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_top .right ul{padding-top: 5px;}
.splist_home_top .right ul li{border-bottom: 1px solid #cac7c6;padding: 5px 0;position: relative;padding-right: 100px;}
.splist_home_top .right ul li.last{border-bottom: none;}
.splist_home_top .right ul li a{font-size: 14px;color: #75717D;font-weight: bold;white-space: nowrap;text-overflow:ellipsis;overflow:hidden; display: block;}
.splist_home_top .right ul li em{position: absolute;right: 0;top: 5px;font-size: 14px;color: #a3a0a8;}
.splist_home_top .right span{position: absolute;right: 10px;top: 13px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) right 5px no-repeat;padding-right: 10px;}
.splist_home_top .right span a{font-size: 14px;color: #3A3659;font-weight: bold;}

.splist_home_top2{border: 1px solid #cac7c6;padding: 15px;margin-top: 30px;overflow: hidden;}
.splist_home_top2 img{float: left;}
.splist_home_top2 dl{float: right;width: 470px;}
.splist_home_top2 dl dt{font-size: 16px;color: #e118a9;padding: 0;}
.splist_home_top2 dl dt a strong{display: block;color: #3A3659;font-size: 16px;padding-top: 12px;line-height: 22px}
.splist_home_top2 dl dt a span{color: #e118a9;font-size: 18px;font-weight: bold;}
.splist_home_top2 dl dd ul{padding-top:25px;}
.splist_home_top2 dl dd ul li{padding-bottom: 5px;}
.splist_home_top2 dl dd ul li a{display: block;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) 0 5px no-repeat;font-size: 14px;color: #75717D;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;padding-left: 10px;}
.splist_home_top2 dl dd p{padding-left: 15px;}

.splist_home_top3{border: 1px solid #cac7c6;padding: 15px;margin-top: 30px;overflow: hidden;}
.splist_home_top3 img{float: left;}
.splist_home_top3 dl{float: right;width: 280px;}
.splist_home_top3 dl dt{font-size: 16px;color: #e118a9;padding-bottom: 15px;}
.splist_home_top3 dl dt a strong{display: block;color: #3A3659;font-size: 16px;padding-top: 12px;line-height: 22px}
.splist_home_top3 dl dt a span{color: #e118a9;font-size: 18px;font-weight: bold;}
.splist_home_top3 dl dd a{padding-top:25px;color: #75717D;font-size: 14px;line-height: 22px}

.splist_home_mid{overflow: hidden;margin-top: 20px;}
.splist_home_mid .left{float: left;border: 1px solid #cac7c6;width: 287px;height: 185px;padding: 15px;margin-right: 11px;}
.splist_home_mid .left h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_mid .left ul{padding-top: 5px;}
.splist_home_mid .left ul li{border-bottom: 1px solid #cac7c6;padding: 5px 0;position: relative;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;padding-right: 100px;}
.splist_home_mid .left ul li.last{border-bottom: none;}
.splist_home_mid .left ul li span{font-size: 14px;color: #75717D;font-weight: bold;}
.splist_home_mid .left ul li em{position: absolute;right: 0;top: 5px;font-size: 14px;color: #e118a9;}
.splist_home_mid .right{float: right;}
.splist_home_mid .right .x1_point{border: 1px solid #cac7c6;padding: 15px;height: 91px;width: 287px;}
.splist_home_mid .right .x1_point h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_mid .right .x1_point h3 em{color: #a3a0a8;font-size: 14px}
.splist_home_mid .right .x1_point ul{overflow: hidden;padding-top: 10px;}
.splist_home_mid .right .x1_point ul li{float: left;width: 50%;*width: 49%;}
.splist_home_mid .right .x1_point ul li span{color: #3A3659;font-size: 14px;font-weight: bold;}
.splist_home_mid .right .x1_point ul li p{font-size: 26px;font-weight: bold;color: #e118a9;font-family: tahoma;padding-top: 7px;line-height: 26px}
.splist_home_mid .right .x1_point ul li p em{font-weight: normal;font-family: tahoma;font-size: 22px}
.splist_home_mid .right .x1_honor{border: 1px solid #cac7c6;padding: 15px;height: 54px;width: 287px;margin-top: 8px;}
.splist_home_mid .right .x1_honor h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_mid .right .x1_honor h3 em{color: #a3a0a8;font-size: 14px}
.splist_home_mid .right .x1_honor ul{overflow: hidden;padding-top: 7px;}
.splist_home_mid .right .x1_honor ul li{float: left;width: 50%;*width: 49%;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) 0 center no-repeat;}
.splist_home_mid .right .x1_honor ul li span{padding-left: 7px;font-size: 14px;color: #75717D;}

.splist_home_bot{overflow: hidden;margin-top: 20px;}
.splist_home_bot .left{float: left;float: left;border: 1px solid #cac7c6;width: 287px;height: 154px;padding: 15px;margin-right: 11px;position: relative;}
.splist_home_bot .left h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_bot .left ul{padding-top: 5px;}
.splist_home_bot .left ul li{border-bottom: 1px solid #cac7c6;padding: 5px 0;position: relative;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.splist_home_bot .left ul li.last{border-bottom: none;}
.splist_home_bot .left ul li a{font-size: 14px;color: #75717D;font-weight: bold;}
.splist_home_bot .left span{position: absolute;right: 10px;top: 13px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) right 5px no-repeat;padding-right: 10px;}
.splist_home_bot .left span a{font-size: 14px;color: #3A3659;font-weight: bold;}
.splist_home_bot .left2{float: left;float: left;border: 1px solid #cac7c6;width: 317px;height: 184px;margin-right: 11px;position: relative;}
.splist_home_bot .left2 dl dt{height: 35px;background: #f7f7f7;font-size: 16px;color: #3A3659;padding: 15px 15px 0 15px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.splist_home_bot .left2 dl dd{padding:10px 15px 10px;}
.splist_home_bot .left2 dl dd{padding: 10px 15px;}
.splist_home_bot .left2 dl dd a{display: block;font-size: 13px;color: #75717D;line-height: 26px;font-weight: bold;}
.splist_home_bot .right{float: left;float: right;border: 1px solid #cac7c6;width: 317px;height: 184px;position: relative;}
.splist_home_bot .right dl dt{height: 35px;background: #f7f7f7;font-size: 16px;color: #3A3659;padding: 15px 15px 0 15px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.splist_home_bot .right dl dd{padding:10px 15px 10px;}
.splist_home_bot .right dl dd{padding: 10px 15px;}
.splist_home_bot .right dl dd a{display: block;font-size: 13px;color: #75717D;line-height: 26px;font-weight: bold;}

/* 전문가 홈 유튜브 220922 추가 */
.splist_home_youtube{width: 78%; margin: 40px auto 0;}
.splist_home_youtube .youtube_slider_wrap{margin-left: 5px;}
.splist_home_youtube .youtube_slider_wrap .youtube_li{width: 350px; margin: 0 18px;}
.youtube_slider_wrap .youtube_li .iframe_wrapper{width: 100%; height: 200px; border-radius: 10px; overflow: hidden;}
.youtube_slider_wrap .youtube_li .slider_text_wrap{margin-top: 10px; text-align: left;}
.youtube_slider_wrap .youtube_li .slider_text_wrap span{display: block;}
.youtube_slider_wrap .youtube_li .slider_text_wrap .video_tit{color: #3A3659; font-size: 14px; height: 35px; overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;word-break: break-all;display: -webkit-box;display: -ms-flexbox;}
.youtube_slider_wrap .slick-dots{margin-top:1.25rem; }
.youtube_slider_wrap .slick-dots{position:relative;font-size:0;text-align:center}
.youtube_slider_wrap .slick-dots li{display:inline-block;margin-left:.417rem}
.youtube_slider_wrap .slick-dots li:first-child{margin-left:0}
.youtube_slider_wrap .slick-dots li button{display:inline-block;width: 20px;height:.333rem;border-radius:.167rem;text-indent:-99999px;background:#dbdbdb;overflow:hidden;height: 10px;border-radius: 10px; transition: .5s; border:none;}
.youtube_slider_wrap .slick-dots li.slick-active button{background: var(--main-color);width: 60px;height: 10px;border-radius: 10px;}

.splist_home_bot2{overflow: hidden;margin-top: 40px;}
.splist_home_bot2 .left{float: left;border: 1px solid #cac7c6;width: 452px;height: 154px;padding: 15px;position: relative;}
.splist_home_bot2 .left h3{position: relative;font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_bot2 .left ul{padding-top: 5px;}
.splist_home_bot2 .left ul li{border-bottom: 1px solid #cac7c6;padding: 5px 80px 5px 0;position: relative;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.splist_home_bot2 .left ul li.last{border-bottom: none;}
.splist_home_bot2 .left ul li a{*display: inline-block;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 14px;color: #75717D;font-weight: bold;}
.splist_home_bot2 .left ul li a strong{border: 1px solid #cc067b;background: #e118a9;color: #fff;padding:0 5px;margin-right: 5px;font-size: 12px}
.splist_home_bot2 .left ul li em{position: absolute;right: 0;width: 60px;font-size: 14px;color: #a3a0a8;}
.splist_home_bot2 .left span{position: absolute;right: 10px;top: 13px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) right 5px no-repeat;padding-right: 10px;}
.splist_home_bot2 .left span a{font-size: 14px;color: #3A3659;font-weight: bold;}
.splist_home_bot2 .right{float: right;border: 1px solid #cac7c6;width: 452px;height: 154px;padding: 15px;position: relative;}
.splist_home_bot2 .right h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_bot2 .right ul{padding-top: 5px;}
.splist_home_bot2 .right ul li{width:302px;border-bottom: 1px solid #cac7c6;padding: 5px 80px 5px 70px;position: relative;white-space: nowrap;text-overflow:ellipsis;overflow:hidden; font-size: 14px; color: #75717D; font-weight: bold;}
.splist_home_bot2 .right ul li.last{border-bottom: none;}
.splist_home_bot2 .right ul li span{*display: inline-block;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 14px;color: #75717D;font-weight: bold;}
.splist_home_bot2 .right ul li strong{position: absolute;left: 0;width: 60px;font-size: 14px;color: #a3a0a8;}
.splist_home_bot2 .right ul li a{display:block;position: absolute;right: 0;top:5px;}
.splist_home_bot2 .right ul li a:hover, .splist_home_bot2 .right ul li em:hover{text-decoration: none;}
.splist_home_bot2 .right ul li em{display:block;color: #fff;height:18px;padding:0 5px;font-size: 12px;cursor:pointer;}
.splist_home_bot2 .right ul li em.vod_c{border: 1px solid #808399;background: #a3a0a8;}
.splist_home_bot2 .right ul li em.vod_f{border: 1px solid #3A3659;background: #3A3659;}
.splist_home_bot2 .right>span{position: absolute;right: 10px;top: 13px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) right 5px no-repeat;padding-right: 10px;}
.splist_home_bot2 .right>span a{font-size: 14px;color: #3A3659;font-weight: bold;}

.splist_home_invest{border: 1px solid #cac7c6;position: relative;padding: 15px;margin-top: 20px;}
.splist_home_invest h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_home_invest .more{position: absolute;right: 10px;top: 13px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) right 5px no-repeat;padding-right: 10px;}
.splist_home_invest .more a{font-size: 14px;color: #3A3659;font-weight: bold;}
.splist_home_invest ul{}
.splist_home_invest ul li{overflow: hidden;position: relative;background: #fff url(//img.x1.co.kr/x1/images/live/bu_line3.gif) 0 bottom repeat-x;height: 67px;padding-top: 20px;}
.splist_home_invest ul li .left{float: left;width: 170px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_line2.gif) right center no-repeat;height: 50px;}
.splist_home_invest ul li .left span{font-size: 16px;color: #3A3659;display: block;padding-bottom: 5px;font-weight: bold}
.splist_home_invest ul li .left strong{font-size: 30px;line-height: 30px;color: #e118a9;display: block;background: url(//img.x1.co.kr/x1/images/live/bu_up.gif) 0 center no-repeat;font-family: tahoma;padding-left: 15px;}
.splist_home_invest ul li .left strong em{font-size: 22px}
.splist_home_invest ul li .right{float: right;width: 765px;}
.splist_home_invest ul li .right div{padding-top: 5px;}
.splist_home_invest ul li .right div span{font-size: 13px;color: #3A3659;font-weight: bold;padding-right: 8px;margin-right: 7px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_line.gif) right center no-repeat;}
.splist_home_invest ul li .right div span em{color: #a3a0a8;}
.splist_home_invest ul li .right div span strong{font-size: 16px;font-family: tahoma;color: #3A3659;padding-left: 5px;}
.splist_home_invest ul li .right div span.last{background: none;}
.splist_home_invest ul li .right p{font-size: 14px;color: #3A3659;font-weight: bold;padding-top: 5px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;padding-right: 145px;}
.splist_home_invest ul li .right p a{*display: inline-block;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.splist_home_invest ul li .right .day{color: #a3a0a8;font-size: 14px;position: absolute;right: 0;bottom: 21px;}
.splist_home_invest ul li.last{background: none;}

.splist_sms{padding-top: 30px;}
.splist_sms h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_sms .search{text-align: right;padding-bottom: 10px;}
.splist_sms .search select{border: 1px solid #dbdbdb;height: 31px;color: #75717D;width: 130px;}
.splist_sms .search .pData{border: 1px solid #dbdbdb;height: 31px;color: #75717D;width: auto;}
.splist_sms .btn_layer{display:inline-block;zoom:1;*display:inline;vertical-align: middle;}
.splist_sms .sms_layer_wrap{position:relative;}
.splist_sms .sms_layer{position:absolute;left:0;top:-26px;width:218px;padding:20px;border:3px solid #e118a9;background: #fff;z-index:100;}
.splist_sms .sms_layer strong{display:block;font-size:16px;font-weight:700;color:#3A3659;text-align:left;line-height:28px;}
.splist_sms .sms_layer span{display:block;font-size:13px;font-weight:700;color:#a3a0a8;text-align:right;line-height:28px;}
.splist_sms .sms_layer a{display:block;width:61px;margin:13px auto 0;}

.splist_list{padding-top: 30px;}
.splist_list h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_list h3 a{position: absolute;right: 0;top: -5px;}
.splist_list .mark{border: 2px solid #e118a9;padding: 14px 15px;}
.splist_list .mark ul li{position: relative;padding-left: 55px;margin-bottom: 7px;}
.splist_list .mark ul li p{position: absolute;left: 0;top: 5px;font-size: 13px;color: #3A3659;}
.splist_list .mark ul li .graph{background: #e1dedc;height: 25px;position: relative;}
.splist_list .mark ul li .graph strong{position: absolute;left: 20px;top: 3px;font-size: 13px;color: #fff;z-index: 5}
.splist_list .mark ul li .graph span{position: absolute;left: 0;top: 0;height: 25px;background: #e118a9;}
.splist_list .mark ul li.line{background: #fff url(//img.x1.co.kr/x1/images/live/bu_line4.gif) 0 bottom repeat-x;padding-bottom: 16px;margin-bottom: 15px;}
.splist_list .mark ul li.last{margin-bottom: 0;}

.splist_list .mark2{overflow: hidden;width: 319px;height: 318px;background: #fff url(//img.x1.co.kr/x1/images/live/live_mark.gif) 0 0 no-repeat;}
.splist_list .mark2 div{float: left;position: relative;width: 159px;height: 318px;}
.splist_list .mark2 div strong{color: #fff;position: absolute;bottom: 10px;right: 10px;font-size: 13px}
.splist_list .mark2 div p{font-size: 17px;font-weight: bold;padding:20px 0 0 17px;}
.splist_list .mark2 div p em{display: block;font-size: 38px;font-family: tahoma;font-weight: bold;padding-top: 13px;line-height: 30px}
.splist_list .mark2 div p em span{font-size: 16px}

.splist_list .mark2 div.left p{color: #3A3659;}
.splist_list .mark2 div.left p em{color: #e118a9;}

.splist_list .mark2 div.right p{color: #3A3659;}
.splist_list .mark2 div.right p em{color: #3A3659;}

.point_top{padding-top: 15px;}
.point_list{margin-top: 30px;position: relative;}
.point_list h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 15px;text-align: left;}
.point_list .search{text-align: right;padding-bottom: 10px;position: absolute;right: 0;top: 2px;}
.point_list .search select{border: 1px solid #dbdbdb;height: 31px;color: #75717D;}

.point_list ul{overflow: hidden;}
.point_list ul li{float: left;border: 1px solid #dbdbdb;width: 317px;margin-right: 11px;}
.point_list ul li.last{margin-right: 0;}
.point_list ul li dl dt{background: #fff url(//img.x1.co.kr/x1/images/live/bu_point.gif) 20px 0 no-repeat;height: 31px;border-bottom: 1px solid #dbdbdb;padding:15px 0 0 50px;font-size: 18px;font-weight: bold;}
.point_list ul li dl dd{padding-top: 10px;}
.point_list .con{position: relative;z-index: 100;text-align: left;padding: 10px;height: 95px;overflow: hidden;padding-top: 20px;}
.point_list .con a{font-size: 16px;position: relative;z-index: 1;color: #3A3659;;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;font-weight: bold;}
.point_list .con .img{position: absolute;right: 0;top: 0;}
.point_list .con .point{padding-top: 15px;}
.point_list .con .point p{overflow: hidden;position: relative;z-index: 2;padding-bottom: 7px;}
.point_list .con .point p span{float: left;width: 80px;font-size: 14px;font-weight: bold;color: #75717D;}
.point_list .con .point p strong{float: left;width: 80px;font-size: 16px;color: #e118a9;font-family: tahoma;font-weight: bold;}
.point_list .text{background: #fff url(//img.x1.co.kr/x1/images/live/bg_text.gif) center 0 no-repeat;height: 63px;color: #75717D;font-weight: bold;font-size: 14px;text-align: center;padding:15px 10px;}
.point_list .class{overflow: hidden;padding:10px;}
.point_list .class p{float: left;width: 99px;text-align: center;background: #fff url(//img.x1.co.kr/x1/images/live/bu_point2.gif) right center  no-repeat;}
.point_list .class p a{font-size: 13px;font-weight: bold;}
.point_list .class .last{background: none;}

.point_list .home{border-top: 1px solid #dbdbdb;background: #f3f2f1;padding: 15px 20px;}
.point_list .home a{font-size: 14px;font-weight: bold;}

.point_list div.replay{background: #f2f4f6 url(//img.x1.co.kr/x1/images/board/line_dash.gif) 0 bottom repeat-x;padding: 20px;text-align: left;border: 1px solid #dbdbdb;border-bottom: none;}
.point_list div.replay .re_con{}
.point_list div.replay .re_con strong{position: absolute;left: 15px;top: 2px;}
.point_list div.replay .re_con em{position: absolute;right: 0;top: 1px;color: #a3a0a8;}
.point_list div.replay .re_con p{position: absolute;right: 130px;top: 0;}
.point_list div.replay .re_con li{background: url(//img.x1.co.kr/x1/images/board/bu_re.gif) 0 4px no-repeat;padding:0 220px 0 110px;font-size: 13px;color: #3A3659;position: relative;margin-bottom: 15px;}
.point_list div.replay .re_con li div{line-height: 22px}
.point_list div.replay .re_tar{position: relative;padding-right: 135px;}
.point_list div.replay .re_tar textarea{border: 1px solid #dbdbdb;height: 55px;width: 100%;}
.point_list div.replay .re_tar a{position: absolute;right: 0;top: 0;}
.point_notice{font-size:12px;display:block;padding-top:10px;text-align:right;}

.board_replay{padding: 20px;border: 1px solid #dbdbdb;border-top: none;}
.board_replay table{border-top: none;}
.board_replay table thead tr th{background: #fff;color: #a3a0a8;}
.board_replay table .day{color: #a3a0a8;}

.live_ad{overflow: hidden;padding-top: 40px;}
.live_ad .customer{float: left;border: 1px solid #cac7c6;padding:20px 0 0 15px;height: 125px;width: 190px;}
.live_ad .customer h4{font-size: 18px;color: #3A3659;padding-bottom: 10px;}
.live_ad .customer img{}
.live_ad .customer p{color: #afadb4;font-size: 12px;padding-top: 7px;}
.live_ad .bank{float: left;border: 1px solid #cac7c6;padding:20px 0 0 15px;height: 125px;width: 190px;border-left: none;}
.live_ad .bank h4{font-size: 18px;color: #3A3659;padding-bottom: 12px;}
.live_ad .bank .num{color: #afadb4;}
.live_ad .bank .num p{color: #afadb4;}
.live_ad .bank .num p span{color: #75717D;}
.live_ad .bank em{display: block;color: #afadb4;padding-top: 16px;font-size: 13px}
.live_ad .event{float: right;}

.splist_trading{overflow: hidden;}
.splist_trading .left{float: left;width: 630px;}
.splist_trading .left .table_set4{padding-bottom: 0;}
.splist_trading .right{float: right;width: 319px;}

.splist_trading2{margin-top: 30px;position: relative;}
.splist_trading2 h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 13px;text-align: left;}
.splist_trading2 .day{position: absolute;right: 0;top: -10px;}
.splist_trading2 .day li{float: left;margin-right: 4px;}
.splist_trading2 .day li.last{margin-right: 0;}
.splist_trading2 .day li a{display: block;padding:8px 15px;background: #6a676d;color: #fff;font-size: 14px;font-weight: bold;}
.splist_trading2 .day li a.active{background:#e118a9;}
.splist_trading2 .search{text-align: right;padding-bottom: 10px;position: absolute;right: 0;top: -7px;}
.splist_trading2 .search select{border: 1px solid #dbdbdb;height: 31px;color: #75717D;width: 130px;}

.invest_list2{width: 958px;overflow: hidden;padding: 8px 10px 0 10px;border: 1px solid #dbdbdb;background: #f2f4f6;}
.invest_list2 .list_wrap{overflow: hidden;width: 1000px !important;}
.invest_list2 .item{float: left;position: relative;width: 230px;border: 1px solid #dbdbdb;margin-right: 9px;margin-bottom: 10px;background: #fff;}
.invest_list2 .item .flag{position: absolute;left: -1px;top: -1px;font-size: 18px;color: #3A3659;text-align: center;width: 43px;height: 26px;background: #f2f4f6 url(//img.x1.co.kr/x1/images/live/bg_num2.gif) 0 0 no-repeat;padding-top: 8px;font-weight: bold;}
.invest_list2 .item dl dt{background: #fff;height: 60px;padding-top: 10px;}
.invest_list2 .item dl dt strong{font-family: tahoma;font-size: 34px;color: #3A3659;display: block;text-align: center;line-height: 40px}
.invest_list2 .item dl dt strong em{font-size: 22px}
.invest_list2 .item dl dt .item_minus{color:#3850A0;}
.invest_list2 .item dl dt .item_plus{color:#e118a9;}

.invest_list2 .item dl dt span{display: block;text-align: center;font-size: 16px;color: #3A3659;font-weight: bold;}
.invest_list2 .item dl dd{}
.invest_list2 .item dl dd ul{overflow: hidden;border-top: 1px dashed #dbdbdb;padding:7px 0 15px;margin: 5px 10px 0;}
.invest_list2 .item dl dd ul li{float: left;width: 45%;*width: 44%;font-size: 14px;color: #77747a;font-weight: bold;text-align: center;}
.invest_list2 .item dl dd ul li.line{background: url(//img.x1.co.kr/x1/images/live/bu_line5.gif) right center no-repeat;width: 55%;*width: 54%;}
.invest_list2 .item dl dd ul li a{font-size: 14px;color: #77747a;font-weight: bold;padding-bottom: 5px;}

/* 190715 pg 신규 결제추가로인한 수정 및 추가 */
.payment_write{padding-top: 30px; width: 100%}
.payment_write h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;display: inline-block;}
.payment_write .right{float: right;}
.payment_write .btn_wrap a{cursor: pointer;}
.payment_board_wrap table {width: 100%;border-top:1px solid #dbdbdb;border-collapse:collapse}

.payment_board_wrap {margin-bottom: 50px}
.payment_board_wrap table{width: 100%;border-top: 2px solid #3A3659;border-collapse:collapse}
.payment_board_wrap table tr.pay_title  { }
.payment_board_wrap table th.top_point {text-align: center; background-color:#e118a9; color:#ffffff }
.payment_board_wrap table th.top_point span {background: url(//img.x1.co.kr/x1/images/board/ico_pay_new.gif) 98px 1px no-repeat;padding-right: 20px;}
.payment_board_wrap table th.top_pay {text-align: center;}
.payment_board_wrap table th{border-bottom: 1px solid #dbdbdb;padding: 20px;background: #f2f4f6;vertical-align: middle;font-size: 14px}
.payment_board_wrap table tr td{padding:0 20px;height: 47px;font-size: 14px;font-weight: bold;color: #3A3659;font-size: 14px; text-align: center; background-color: #ffffff}

.payment_board_wrap table tr.pay_title_sub{}
.pay_title_sub td input{border: 1px solid #dbdbdb;padding: 3px;color: #75717D;height: 23px;vertical-align: middle;}
.pay_title_sub td input[type="radio"]{border: none;vertical-align: middle;}
.pay_title_sub td span{font-size: 12px;color: #a3a0a8;padding-left: 5px;}
.pay_title_sub td strong{color: #a3a0a8;}
.pay_title_sub td select{*vertical-align: middle;}
.pay_title_sub td em{color: #e118a9;vertical-align: middle;}
.pay_title_sub td em{color: #e118a9;vertical-align: middle;}

.card_confirm .type_card {border-bottom: none;}
.card_confirm .text {margin: 10px 0; font-size: 14px; color:#75717D;padding:15px 0 10px 0}
.card_confirm .text span {color:#a3a0a8}
.card_confirm .img{margin: 20px 0; padding-bottom: 20px}
.card_confirm table {width: 100%;border-top:1px solid #dbdbdb;border-collapse:collapse}
.card_confirm table tr{width: 100%;border-collapse:collapse}
.card_confirm table tr th{border-bottom: 1px solid #dbdbdb;padding-left: 20px;background: #f2f4f6;vertical-align: middle;font-size: 14px; text-align: left}
.card_confirm table tr th em{color: #e118a9;padding-left: 5px;}
.card_confirm table tr td {border-bottom: 1px solid #dbdbdb;padding:0 20px;height: 47px;font-size: 14px;font-weight: bold;color: #3A3659;font-size: 14px; text-align: left}

.payment_board_wrap table td div.gray {background-color:#f2f4f6} /*공통*/
.payment_board_wrap table td div.box {margin-bottom: 50px }
.payment_board_wrap table th em{color: #e118a9;padding-left: 5px;}
.payment_board_wrap table td input{border: 1px solid #dbdbdb;padding: 3px;color: #75717D;height: 23px;vertical-align: middle;}
.payment_board_wrap table td input[type="radio"]{border: none;vertical-align: middle;}
.payment_board_wrap table td span{font-size: 12px;color: #a3a0a8;padding-left: 5px;margin-bottom: 20px}
.payment_board_wrap table td strong{color: #a3a0a8;}
.payment_board_wrap table td select{*vertical-align: middle;}
.payment_board_wrap table td select.phone{width: 80px;border: 1px solid #dbdbdb;height: 29px;color: #75717D;}
.payment_board_wrap table td select.sel{border: 1px solid #dbdbdb;color: #75717D;padding: 5px;}
.payment_board_wrap table td .phone_write{padding: 15px 0 10px;}
.payment_board_wrap table td .phone_write ul{padding-top: 10px;}
.payment_board_wrap table td .ml10{margin-left: 10px;}
.payment_board_wrap table td em{color: #e118a9;vertical-align: middle;}
.payment_board_wrap table td .pl20{padding-left: 20px;}
.payment_board_wrap table td a {margin: 0 5px; cursor:point;}
.payment_board_wrap table td .phone_confirm{background: #f2f4f6;padding: 10px;margin: 10px 0;border-bottom: 1px solid #dbdbdb; }
.payment_board_wrap table td .phone_confirm p{padding-bottom: 5px;font-size: 14px;color: #a3a0a8;}
.payment_board_wrap table td .phone_confirm p strong{color: #75717D;font-size: 14px}
.payment_board_wrap table td p {font-size: 13px;color: #a3a0a8;font-weight: bold;padding: 10px 0;}

.bank_confirm {border-bottom: 1px solid #dbdbdb; }
.bank_confirm .text {margin: 10px 0; font-size: 14px; color:#75717D;padding:15px 0 10px 0}
.bank_confirm .text span {color:#a3a0a8}
.bank_confirm .img{margin: 20px 0}
.bank_confirm dl.info_box{margin-top: 20px; text-align: left; padding: 30px}
.bank_confirm .info_box dt{color: #3A3659; margin-bottom: 10px}
.bank_confirm .info_box dd{color: #a3a0a8}
.bank_confirm .info_box dd strong{color: #75717D}

.hp_confirm {border-bottom: 1px solid #dbdbdb; }
.hp_confirm .text {margin: 10px 0; font-size: 14px; color:#75717D;padding:15px 0 10px 0}
.hp_confirm .text span {color:#a3a0a8}

.kakaopay_confirm {border-bottom: 1px solid #dbdbdb; }
.kakaopay_confirm .text {margin: 10px 0; font-size: 14px; color:#75717D;padding:15px 0 10px 0}
.kakaopay_confirm .text span {color:#a3a0a8}
.kakaopay_confirm .img{margin: 20px 0}
.kakaopay_confirm dl.info_box{margin-top: 20px; text-align: left; padding: 30px}
.kakaopay_confirm .info_box dt{color: #3A3659; margin-bottom: 10px}
.kakaopay_confirm .info_box dd{color: #a3a0a8}
.kakaopay_confirm .info_box dd strong{color: #75717D}

/* //190715 pg 신규 결제추가 */

.total_wrap{margin: 40px 0;}
.total_wrap table{width: 100%;border-top: 1px solid #dbdbdb;border-collapse:collapse}
.total_wrap table th{border-bottom: 1px solid #dbdbdb;background: #f2f4f6;vertical-align: middle;font-size: 14px;text-align: center;padding:12px 0;}
.total_wrap table td{border-bottom: 1px solid #dbdbdb;padding:12px 0;text-align: center;font-size: 14px;font-weight: bold;color: #3A3659;font-size: 14px;}
.total_wrap table td a{font-size: 14px;color: #3A3659;}
.total_wrap ul{overflow: hidden;padding: 10px 0;}
.total_wrap ul li{float: left;width: 33%;font-size: 16px;position: relative;}
.total_wrap ul li strong{font-family:tahoma;font-size: 30px;line-height: 30px}
.total_wrap ul li.last{color: #e118a9;}
.total_wrap ul li em{font-family:tahoma;font-size: 30px;line-height: 30px;color: #e118a9;}
.total_wrap ul li span{position: absolute; right: -23px; top: -7px;}


.total_wrap_coupon{margin-top: 40px;}
.total_wrap_coupon table{width: 100%;border-top: 1px solid #dbdbdb;border-collapse:collapse}
.total_wrap_coupon table th{border-bottom: 1px solid #dbdbdb;background: #f2f4f6;vertical-align: middle;font-size: 14px;text-align: center;padding:12px 0;}
.total_wrap_coupon table td{border-bottom: 1px solid #dbdbdb;padding:12px 0;text-align: center;font-size: 14px;font-weight: bold;color: #3A3659;font-size: 14px;}
.total_wrap_coupon table td a{font-size: 14px;color: #3A3659;}
.total_wrap_coupon ul{overflow: hidden;padding: 10px 0;}
.total_wrap_coupon ul li{float: left;width: 25%;font-size: 16px;position: relative;}
.total_wrap_coupon ul li strong{font-family:tahoma;font-size: 28px;line-height: 30px}
.total_wrap_coupon ul li.last{color: #e118a9;}
.total_wrap_coupon ul li em{font-family:tahoma;font-size: 28px;line-height: 30px;color: #e118a9;}
.total_wrap_coupon ul li span{position: absolute; right: -23px; top: -7px;}


.matters{border: 1px solid #dbdbdb;padding: 15px;margin-top: 25px;}
.matters dt{font-size: 14px;color: #3A3659;padding-bottom: 10px;font-weight: bold;}
.matters dd{font-size: 13px;color: #a3a0a8;padding-bottom: 5px;font-weight: bold;}
.matters dd p{padding-left: 10px;}
.matters dd p a{color: #75717D;font-weight: bold;font-size: 13px;text-decoration: underline;}
.matters li{font-size: 13px;color: #a3a0a8;padding-bottom: 5px;font-weight: bold;}
.matters li p{padding-left: 10px;}
.matters li p a{color: #75717D;font-weight: bold;font-size: 13px;text-decoration: underline;}

.img_top{padding: 10px 0 10px;position: relative;}

.splist_img{position: relative;padding-top: 50px;}
.splist_img ul{position: absolute;width: 1500px;left: 0;top: 0;}
.splist_img ul li{float: left;padding-bottom:50px;}
.splist_img ul li a{display: block;padding:0 10px;text-align: center;font-size: 16px;color: #3A3659;font-weight: bold; text-decoration: none;}
.splist_img ul li a span{display: block;width: 130px;height: 130px;overflow: hidden;margin-bottom: 7px;}
.splist_img ul li a:hover{color: #e118a9;}
.splist_img ul li a:hover span img{margin-top: -130px;}
.splist_img ul li a span img.on{margin-top: -130px;}
.splist_img .btn_prev{position: absolute;left: 0;top: 95px;}
.splist_img .btn_next{position: absolute;right: 0;top: 95px;}
.splist_img .move_wrap{width: 890px;height: 160px;position: relative;overflow: hidden;margin-left: 40px;}
.splist_img .sample_bn_num{display: none;}


.review_top{overflow: hidden;padding-bottom: 10px;}
.review_top select{float: left;border: 1px solid #dbdbdb;height: 29px;color: #75717D;}
.review_top a{float: right;}

.profit_top{overflow: hidden;padding-bottom: 10px;border-bottom: 2px solid #3A3659;padding-bottom: 12px;}
.profit_top .sel{float: left;margin-top:6px;font-size: 14px;color: #3A3659;font-weight: bold;}
.profit_top .search{float: left;font-size: 14px;color: #3A3659;font-weight: bold;}
.profit_top .search select{float:left;margin:0 5px 0 0;padding:0;border: 1px solid #dbdbdb;height: 31px;color: #75717D;}
.profit_top .search input{float:left;margin:0 5px 0 0;padding:0;border: 1px solid #dbdbdb;height: 29px;color: #75717D;}
.profit_top .search a{float:left;}

.profit_top a{float: right;}
.profit_top input{vertical-align: -2px;}
.profit_top span{margin-right: 15px;font-size: 14px;color: #75717D;}

.payment_text{text-align: center;padding: 40px;}
.payment_text p{padding-top: 20px;font-size: 16px;line-height: 24px}
.payment_text p span{color: #e118a9;font-weight: bold;}

.payment_ars{padding-top: 30px;}
.payment_ars h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.payment_ars .line{border-bottom: 2px solid #3A3659;padding-bottom: 10px;}
.payment_ars .line_none table{border-top: 1px solid #dbdbdb;}
.payment_ars ul{overflow: hidden;padding: 15px 0 25px 15px;}
.payment_ars ul li{float: left;font-size: 18px;font-weight: bold;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow2.gif) right 3px no-repeat;padding-right: 35px;margin-right: 20px;}
.payment_ars ul li span{color: #e118a9;}
.payment_ars ul li.last{background: none;}

.payment_ars ol{border: 1px solid #dbdbdb;padding: 25px;}
.payment_ars ol li{font-size: 14px;font-weight: bold;padding-bottom: 10px;color: #75717D;}
.payment_ars ol li span{color: #e118a9;margin-right: 5px;}
.payment_ars ol li p{padding-left: 30px;padding-top: 10px;padding-bottom: 30px;}

.live_wrap{padding-top: 10px;overflow: hidden;}
.live_wrap .slider_wrap{border: 2px solid #3A3659;width: 454px;height: 353px;border-right: none;float: left;position: relative;}
.live_wrap .slider_wrap ul{}

.live_wrap .slider_wrap .pager_custom{position: absolute;right: 5px;top: 11px;overflow: hidden;}
.live_wrap .slider_wrap .pager_custom a{width: 10px;height: 10px;overflow: hidden;float: left;margin-right: 5px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_slider.gif) 0 0 no-repeat;text-indent: -9999px}
.live_wrap .slider_wrap .pager_custom a.active{background-position: 0 -10px;}

.live_wrap .best_sp{border: 5px solid #3A3659;float: left;width: 514px;height: 347px;}
.live_wrap .best_sp h3{font-size: 18px;color: #3A3659;padding-left: 19px;padding-top: 17px;padding-bottom: 10px;}
.live_wrap .best_sp ul{overflow: hidden;margin-right: 21px;margin-left: 19px;}
.live_wrap .best_sp ul li{float: left;position: relative;border-top: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;width: 236px;height: 150px;}
.live_wrap .best_sp ul li.last{border-right: none;}
.live_wrap .best_sp ul li p{position: relative;z-index: 100;text-align: left;padding: 10px;height: 105px;overflow: hidden;padding-top: 20px;}
.live_wrap .best_sp ul li p a{font-size: 16px;color: #3A3659;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;}
.live_wrap .best_sp ul li p span{display: block;font-weight:bold;font-size: 12px;color: #999;padding-bottom: 5px;overflow: hidden;width: 125px;height: 28px;overflow: hidden;padding-top: 5px;line-height: 16px;margin-bottom: 8px;}
.live_wrap .best_sp ul li p strong{display: block;font-size: 30px;color: #e118a9;font-family: tahoma}
.live_wrap .best_sp ul li p strong em{font-size: 22px;color: #e118a9;font-weight: normal;}
.live_wrap .best_sp ul li .img{position: absolute;left: 0;bottom: 0;}

.live_wrap .best_sp2{border: 5px solid #e118a9;border-top: none;float: left;width: 637px;position: relative;}
.live_wrap .best_sp2 h3{font-size: 18px;color: #fff;padding-left: 19px;padding-top: 17px;padding: 15px 10px 0 5px;background: #e118a9; height: 29px;}
.live_wrap .best_sp2 ul{overflow: hidden;}
.live_wrap .best_sp2 ul li{float: left;position: relative;border-top: 1px solid #dbdbdb;border-right: 1px solid #dbdbdb;width: 318px;height: 156px;}
.live_wrap .best_sp2 ul li.last{border-right: none;}
.live_wrap .best_sp2 ul li p{position: relative;z-index: 100;text-align: left;padding: 20px;height: 105px;overflow: hidden;padding-top: 30px;}
.live_wrap .best_sp2 ul li p a{font-size: 18px;color: #3A3659; font-weight: bold; background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;}
.live_wrap .best_sp2 ul li p span{display: block;font-weight:bold;font-size: 12px;color: #75717D;padding-bottom: 5px;overflow: hidden;width: 140px;height: 28px;overflow: hidden;padding-top: 5px;line-height: 16px;margin-bottom: 5px;}
.live_wrap .best_sp2 ul li p strong{display: block;font-weight:bold;font-size: 12px;color: #75717D;padding-bottom: 5px;overflow: hidden;width: 140px;height: 28px;overflow: hidden;line-height: 16px;margin-bottom: 8px;}
.live_wrap .best_sp2 ul li p strong em{font-size: 22px;color: #e118a9;font-weight: normal;}
.live_wrap .best_sp2 ul li .img{position: absolute;left: 70px;bottom: 0;}
.live_wrap .best_sp2 .more a{position: absolute;right: 10px;top: 15px;font-size: 14px;color: #fff;background: url(//img.x1.co.kr/x1/images/live/bu_arrow3.gif) right 5px no-repeat;padding-right: 10px;}
.live_wrap .best_sp2 ul li.bdtn{border-top: none;}

.live_wrap .best_invest{float: right;border: 1px solid #dbdbdb;width: 317px;background: #f2f4f6;position: relative;}
.live_wrap .best_invest h3{font-size: 18px;color: #3A3659;padding-left: 19px;padding-top: 17px;padding: 15px 10px 0 10px;/*background: url(//img.x1.co.kr/x1/images/live/bu_live2.gif) 10px 22px no-repeat;*/height: 29px;}
.live_wrap .best_invest ul{overflow: hidden;padding: 0 0 10px 10px;margin-top:-10px}
.live_wrap .best_invest ul li{float: left;position: relative;margin-top: 10px;border: 1px solid #dbdbdb;width: 142px;margin-right: 6px;height: 146px;background: #fff;}
.live_wrap .best_invest ul li.last{border-right: none;}
.live_wrap .best_invest ul li div{position: relative;z-index: 100;padding: 10px;overflow: hidden;}
.live_wrap .best_invest ul li div span{display: block;font-weight:bold;font-size: 15px;color: #3A3659;padding-bottom: 5px;width: 125px;overflow: hidden;padding-top: 5px;text-align: center;text-overflow:ellipsis;white-space: nowrap;}
.live_wrap .best_invest ul li div strong{display: block;font-size: 28px;color: #e118a9;font-family: tahoma;text-align: center;}
.live_wrap .best_invest ul li div strong em{font-size: 22px;color: #e118a9;font-weight: normal;}
.live_wrap .best_invest .more a{position: absolute;right: 10px;top: 15px;font-size: 14px;color: #3A3659;background: url(//img.x1.co.kr/x1/images/live/bu_arrow4.gif) right 5px no-repeat;padding-right: 10px;}
.live_wrap .best_invest ul li div .num{font-family: tahoma;background: #fff url(//img.x1.co.kr/x1/images/live/line_num.gif) center bottom no-repeat;display: block;text-align: center;font-size: 18px;color: #3A3659;padding-bottom: 10px;}
.live_wrap .best_invest ul li div p{color: #75717D;font-size: 13px;text-align: center;border-top: 1px dashed #dbdbdb;margin-top: 7px;padding-top: 5px;}
.live_wrap .best_invest ul li div p em{color: #a3a0a8;font-size: 13px;display: block;}

.live_notice{border: 1px solid #c9c5cf;position: relative;height:20px;padding: 15px 0;margin-top: 10px;}
.live_notice h3{position: absolute;left: 20px;top: 16px;font-size: 16px;color: #e118a9;}
.live_notice_slider{height:20px;overflow:hidden;}
.live_notice ul{padding-left: 100px;}
.live_notice ul li a{font-size: 16px;color: #3A3659;line-height:20px;}
.live_notice .ln_slider_controls{position: absolute;right: 20px;top: 13px;}
.live_notice .ln_slider_controls a{display: block;width: 17px;height: 12px;text-indent: -9999px;}
.live_notice .ln_slider_controls .lsc_prev_slider a{background: url(//img.x1.co.kr/x1/images/btn/btn_up.gif) 0 0 no-repeat;}
.live_notice .ln_slider_controls .lsc_next_slider a{background: url(//img.x1.co.kr/x1/images/btn/btn_down.gif) 0 0 no-repeat;}

.live_ad2{overflow: hidden;padding-top: 10px; display: -webkit-box; display: -ms-flexbox; display: flex;}
.live_ad2 .customer{width: 33.3333%}
.live_ad2 .customer h4{font-size: 18px;color: #3A3659;padding-bottom: 10px;}
.live_ad2 .customer img{width: 100%;}
.live_ad2 .customer p{color: #afadb4;font-size: 13px;padding-top: 7px;}

.live_ad2 .bank{border: 1px solid #cac7c6; padding: 17px 15px; height: 128px; width: 33.3333%; border-left: none; box-sizing: border-box;}
.live_ad2 .bank h4{font-size: 16px;color: #3A3659;}
.live_ad2 .bank .num{color: #afadb4;padding-top: 15px;}
.live_ad2 .bank .num p{color: #afadb4;}
.live_ad2 .bank .num p span{color: #75717D;font-size: 13px;line-height: 22px;font-weight: normal;}
.live_ad2 .bank em{display: block;color: #afadb4;padding-top: 5px;font-size: 13px}

.live_ad2 .link_zone{border: 1px solid #cac7c6;border-left: none;border-bottom: none;background: #f4f3f2; width: 33.3333%;}
.live_ad2 .link_zone li{border-bottom: 1px solid #cac7c6;position: relative; width: 100%; height: 50%; padding: 20px; box-sizing: border-box;}
.live_ad2 .link_zone li a{font-size:16px;color: #3A3659; }
.live_ad2 .link_zone li em{font-size:12px;color: #a3a0a8;position: absolute;left: 130px;top: 20px;}
.live_ad2 .link_zone li:last-child{display:-webkit-box;display:-ms-flexbox;display:flex; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.live_ad2 .link_zone li:last-child div{width: 50%; height: 100%; text-align: center;}
.live_ad2 .link_zone li:last-child div + div{border-left: 1px solid #cac7c6;}
.live_ad2 .link_zone li:last-child div a{display: -webkit-box;display: -ms-flexbox;display: flex; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.live_ad2 .link_zone li:last-child div a span.kakao_icon{width: 17px; height: 17px; margin-right: 2px;}
.live_ad2 .link_zone li:last-child div a span.kakao_icon img{width: 100%;}

.splist_live{}
.splist_live h3{overflow: hidden;position: relative;border-bottom: 2px solid #3A3659;padding-bottom: 10px;}
.splist_live h3 p{font-size:20px; height:20px; font-weight:500;}
.splist_live h3 span{position: absolute;right: 0;top: 5px;background: url(//img.x1.co.kr/x1/images/live/line_live.gif) center 3px no-repeat;}
.splist_live h3 span strong{background: url(//img.x1.co.kr/x1/images/live/bu_dn2.gif) right 5px no-repeat;color: #a3a0a8;padding-right: 15px;margin-right: 15px;margin-left: 10px;cursor:pointer;}
.splist_live h3 span strong.last{margin-right: 0;}
.splist_live h3 span strong.active{color: #e118a9;background: url(//img.x1.co.kr/x1/images/live/bu_dn1.gif) right 5px no-repeat;}
.splist_live .tit{height: 26px;font-size: 18px;color: #3A3659;padding-top: 8px;}/*190719 추가*/
.splist_live .tit1{background: url(//img.x1.co.kr/x1/images/live/bu_tit1.gif) 0 5px no-repeat;height: 26px;padding-left: 35px;font-size: 18px;color: #3A3659;padding-top: 8px;}
.splist_live .tit2{background: url(//img.x1.co.kr/x1/images/live/bu_tit2.gif) 0 5px no-repeat;height: 26px;padding-left: 35px;font-size: 18px;color: #3A3659;padding-top: 8px;}
.splist_live .tit3{background: url(//img.x1.co.kr/x1/images/live/bu_tit3.gif) 0 5px no-repeat;height: 29px;padding-left: 35px;font-size: 18px;color: #3A3659;padding-top: 10px;}
.splist_live .onair_list{overflow: hidden; width: 980px;}
.splist_live .onair_list ul{overflow: hidden;width: 1000px;padding-bottom:15px;margin-top:-5px;}
.splist_live .onair_list ul li{float: left;position: relative;border: 1px solid #dbdbdb;width: 317px;margin-right: 11px;margin-top: 15px;}
.splist_live .onair_list ul li p{position: relative;z-index: 10;text-align: left;padding: 15px;height: 125px;overflow: hidden;}
.splist_live .onair_list ul li p a{font-size: 18px;color: #3A3659;  background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 5px no-repeat;padding-right: 25px;}
.splist_live .onair_list ul li p span{display: block;font-size: 13px;color: #75717d;padding-bottom: 5px;overflow: hidden;width: 125px;height: 28px;padding-top: 5px;line-height: 16px;margin-bottom: 3px;}
.splist_live .onair_list ul li p em{display: block;overflow: hidden;padding-top: 10px; width: 160px;}
.splist_live .onair_list ul li p em strong{float: left;background: url(//img.x1.co.kr/x1/images/main/ico_onair.gif) 0 0 no-repeat;width: 61px;height: 18px;text-indent: -9999px;overflow: hidden;margin-right: 3px; margin-bottom: 3px;}
.splist_live .onair_list ul li p em strong.member{background-position: 0 -18px;}
.splist_live .onair_list ul li p em span{float: left; height: auto; min-height: 18px; background: #3A3659;color: #fff;width: auto;margin-right: 3px;padding: 0 5px;font-weight: normal; word-break: break-all; line-height: 1.4;}
.splist_live .onair_list ul li p em span:last-child{margin-right: 0;}
.splist_live .onair_list ul li .flag{width: 40px;height: 28px;position: absolute;right: -1px;top: -1px;background: url(//img.x1.co.kr/x1/images/live/bg_flag.gif) 0 0 no-repeat;z-index: 200;text-indent: -9999px;overflow: hidden;}
.splist_live .onair_list ul li .new{background-position: -40px 0;}

.splist_live .onair_list ul li .new{position:absolute;right:0px; top:0px; z-index: 10 }
.splist_live .onair_list ul li .hint{position:absolute;right:0px; top:0px; z-index: 10; }
.splist_live .onair_list ul li p span.icon {background: none;display: block;overflow: hidden; width:200px; height:28px;padding: 5px 0; line-height: 16px;}
.splist_live .onair_list ul li p span.icon a {background: none;padding-right:5px; /* cursor: pointer */}

.splist_live .onair_list ul li .x1{background-position: -80px 0;}
.splist_live .onair_list ul li .super{width:44px;height:32px;background-position: -120px 0;}
.splist_live .onair_list ul li .img{position: absolute;right: 0;bottom: 92px;}
.splist_live .onair_list ul li .img.best_expert_img{bottom:72px;}
.splist_live .onair_list ul li .btn_zone{height: 45px;background: #f4f3f2;overflow: hidden;border-top: 1px solid #dbdbdb;zoom:1;}
.splist_live .onair_list ul li .btn_zone:after{content:'';display:block;clear:both;}
.splist_live .onair_list ul li .btn_zone a{display:block;float:left;color: #75717d;font-weight: bold;height: 31px;font-size: 14px;padding-top: 14px;}
.splist_live .onair_list ul li .btn_zone a:hover{text-decoration: none}
.splist_live .onair_list ul li .btn_zone a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;}
.splist_live .onair_list ul li .btn_zone a.member_all{width: 134px;color: #e118a9;text-align: center;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) right 10px no-repeat;}
.splist_live .onair_list ul li .btn_zone a.member_all span{background-position: 0 0}
.splist_live .onair_list ul li .btn_zone a.member{width: 134px;color: #bd7700;text-align: center;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) right 10px no-repeat;}
.splist_live .onair_list ul li .btn_zone a.member span{background-position: 0 -17px}
.splist_live .onair_list ul li .btn_zone a.join{width: 102px;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) 0 10px no-repeat;}
.splist_live .onair_list ul li .btn_zone a.join span{background-position: 0 -34px}
.splist_live .onair_list ul li .btn_zone a.comming_soon{color: #3A3659;width: 134px; text-align: center;  background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) right 10px no-repeat;}
.splist_live .onair_list ul li .btn_zone a.vod{color: #3A3659;width: 134px;text-align: center;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) right 10px no-repeat;}
.splist_live .onair_list ul li .btn_zone a.vod span{background-position: 0 -51px}
.splist_live .onair_list ul li .btn_zone strong{color: #75717d;font-weight:normal;height: 31px;font-size: 12px;display: inline-block;zoom:1; *display:inline;padding-top: 14px;width: 175px;text-align: center;letter-spacing: -1px}
.splist_live .onair_list ul li .btn_zone.tele_btn{display:flex; justify-content:center;}
.splist_live .onair_list ul li .btn_zone.tele_btn a{display:block; width:100%; text-align:center; color:#3a3659; font-weight:400;}
.splist_live .onair_list ul li .btn_zone.tele_btn a img{width:18px; height:18px; margin:1px 3px 0 0;}
.splist_live .onair_list ul li .btn_zone.tele_btn .free{text-align: center; background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) left 10px no-repeat;}
.splist_live .onair_list ul li .btn_zone2{height: 45px;overflow: hidden;border-top: 1px solid #dbdbdb;zoom:1;}
.splist_live .onair_list ul li .btn_zone2:after{content:'';display:block;clear:both;}
.splist_live .onair_list ul li .btn_zone2 a{display:block;float:left;color: #75717d;font-weight: bold;height: 31px;font-size: 14px;padding-top: 14px;}
.splist_live .onair_list ul li .btn_zone2 a:hover{text-decoration: none}
.splist_live .onair_list ul li .btn_zone2 a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;}
.splist_live .onair_list ul li .btn_zone2 a.join{width: 102px;padding-left: 15px;}
.splist_live .onair_list ul li .btn_zone2 a.join span{background-position: 0 -34px}
.splist_live .onair_list ul li .btn_zone2 a.vod{color: #3A3659;width: 160px;text-align: center;border-right: 1px solid #dbdbdb;}
.splist_live .onair_list ul li .btn_zone2 a.vod span{background-position: 0 -51px}
.splist_live .onair_list ul li .btn_zone2 strong{color: #75717d;font-weight: bold;height: 31px;font-size: 12px;display: inline-block;zoom:1; *display:inline;padding-top: 14px;width: 175px;text-align: center;}
.splist_live .onair_list ul li .btn_zone.bz_wide a.member_all{width:156px;}
.splist_live .onair_list ul li .btn_zone.bz_wide a.comming_soon{width:156px;}
.splist_live .onair_list ul li .btn_zone.bz_wide a.member{width:156px;}
.splist_live .onair_list ul li .btn_zone.bz_wide a.vod{width:156px;}
.splist_live .onair_list ul li .btn_zone.bz_wide a.join{width:156px;background: none;text-align:center;}
/* 전문가방송 뱃지배너 */
.splist_live .onair_list ul li .badge {position: absolute;right: 0%;top:0px;z-index: 10;background: url("//img.x1.co.kr/x1/images/common/ico_medal.png")  right top no-repeat;width: 50px;height: 57px;background-size: contain;}
.splist_live .onair_list ul li .badge img{width: 100%;}
.splist_live .onair_list ul li .badge #badge_txt{position:absolute;left: 50%;top: 43%;transform: translate(-45%, -50%);color:#dc9000;font-size: 10.5px;line-height: 1.2em;width: 90%;text-align: center;}
.splist_live .onair_list ul li .badge #badge_txt span{display: block;}
.splist_live .onair_list ul li .badge #badge_txt #badgeTop_txt{font-weight:bold;}

.splist_live .cont{display: none;padding-top: 10px;}

.btn_board_wrap{text-align: right;padding-top: 20px;}
.btn_board_wrap a{margin-left: 7px;}
.board_wrap2{padding-top: 10px;}

.btn_list{position: relative;}
.btn_list a{position: absolute;right: 0;top: -35px;}

.splist_live2{background: #f3f3f3;}
.splist_live2 .con{width: 980px;margin: 0 auto; position: relative;}
.splist_live2 .con ul{padding: 30px 0 13px;}
.splist_live2 .con ul li{background: #fff;border: 1px solid #dbdbdb;border-bottom: 3px solid #dbdbdb;overflow: hidden;margin-bottom: 17px;}
.splist_live2 .con ul li p{position: relative;z-index: 100;text-align: left;padding: 15px;overflow: hidden;height: 109px;}
.splist_live2 .con ul li p a{font-size: 16px;color: #3A3659;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;}
.splist_live2 .con ul li p em{display: block;overflow: hidden;padding-top: 10px;}
.splist_live2 .con ul li p em strong{float: left;background: url(//img.x1.co.kr/x1/images/main/ico_onair.gif) 0 0 no-repeat;width: 61px;height: 18px;text-indent: -9999px;overflow: hidden;margin-right: 3px;}
.splist_live2 .con ul li p em strong.member{background-position: 0 -18px;}
.splist_live2 .con ul li p em span{float: left;height: 18px;background: #3A3659;color: #fff;width: auto;margin-right: 3px;padding: 0 5px;font-weight: normal;}
.splist_live2 .con ul li p .time{display: block;font-size: 14px;color: #3A3659;background: url(//img.x1.co.kr/x1/images/board/ico_time.gif) 0 15px no-repeat;font-weight: bold;padding: 13px 0 3px 17px;}
.splist_live2 .con ul li p .day{font-size: 14px;color: #75717d;font-weight: bold;}
.splist_live2 .con ul li .left{width: 190px;border-right: 1px solid #dbdbdb;position: relative;float: left;}
.splist_live2 .con ul li .left .btn{}
.splist_live2 .con ul li .left .btn span{display: block;}

.splist_live2 .con ul li .left .btn{background: #f4f3f2;overflow: hidden;border-top: 1px solid #dbdbdb;text-align: left;}
.splist_live2 .con ul li .left .btn a{color: #75717d;font-weight: bold;height: 28px;font-size: 14px;display: inline-block;zoom:1; *display:inline;padding-top: 12px;padding-left: 24px;}
.splist_live2 .con ul li .left .btn a:hover{text-decoration: none}
.splist_live2 .con ul li .left .btn a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;}
.splist_live2 .con ul li .left .btn a.member_all{color: #e118a9;}
.splist_live2 .con ul li .left .btn a.member_all span{background-position: 0 0}
.splist_live2 .con ul li .left .btn a.member{width: 134px;color: #bd7700;}
.splist_live2 .con ul li .left .btn a.member span{background-position: 0 -17px}
.splist_live2 .con ul li .left .btn a.join{}
.splist_live2 .con ul li .left .btn a.join span{background-position: 0 -34px}
.splist_live2 .con ul li .left .btn a.vod{color: #3A3659;text-align: center;}
.splist_live2 .con ul li .left .btn a.vod span{background-position: 0 -51px}
.splist_live2 .con ul li .left .flag{position: absolute;right: -12px;top: 58px;width: 13px;height: 23px;overflow: hidden;background: url(//img.x1.co.kr/x1/images/board/flag_arr.gif) 0 0 no-repeat;}
.splist_live2 .con ul li .right{float: right;}

.splist_live3{background: #f3f3f3;padding: 20px 0 45px;}
.splist_live3 .con{width: 980px;margin: 0 auto;}
.splist_live3 .sp_tab{width: 980px;overflow: hidden;}
.splist_live3 .sp_tab ul{width: 990px;overflow: hidden;padding-bottom: 25px;}
.splist_live3 .sp_tab ul li{font-weight: bold;margin-bottom: 6px;font-size: 16px;color: #3A3659;padding: 15px 0;background: #fff;float: left;margin-right: 6px;cursor: pointer;border: 1px solid #dbdbdb;text-align: center;width: 189px;}
.splist_live3 .sp_tab ul li.active{color: #d90080;border: 1px solid #d90080;}

.splist_live3 .tab_con{}
.splist_live3 .tab_con ul{overflow: hidden;border-left: 1px solid #dbdbdb;}
.splist_live3 .tab_con ul li{float: left;overflow: hidden;background: #fff;padding:15px 0 0;border: 1px solid #dbdbdb;border-left: none;height: 35px;}
.splist_live3 .tab_con ul li.tit{padding-left: 20px;padding-right: 20px;width: 242px;}
.splist_live3 .tab_con ul li.tit a{float: left;font-size: 16px;color: #3A3659;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;}
.splist_live3 .tab_con ul li.tit em{padding-left: 20px;float: left;overflow: hidden;}
.splist_live3 .tab_con ul li.tit em strong{float: left;background: url(//img.x1.co.kr/x1/images/main/ico_onair.gif) 0 0 no-repeat;width: 61px;height: 18px;text-indent: -9999px;overflow: hidden;margin-right: 3px;}
.splist_live3 .tab_con ul li.tit em strong.member{background-position: 0 -18px;}
.splist_live3 .tab_con ul li.tit em span{float: left;height: 18px;background: #3A3659;color: #fff;width: auto;margin-right: 3px;padding: 0 5px;font-weight: normal;}
.splist_live3 .tab_con ul li.btn_join{width: 252px;}
.splist_live3 .tab_con ul li.time_btn{width: 442px;}
.splist_live3 .tab_con ul li .time{font-size: 14px;color: #3A3659;background: url(//img.x1.co.kr/x1/images/board/ico_time.gif) 0 15px no-repeat;font-weight: bold;padding: 13px 0 3px 17px;}
.splist_live3 .tab_con ul li .day{font-size: 14px;color: #75717d;font-weight: bold;}
.splist_live3 .tab_con ul li .btn a{color: #75717d;font-weight: bold;font-size: 14px;display: inline-block;zoom:1; *display:inline;}
.splist_live3 .tab_con ul li .btn a:hover{text-decoration: none}
.splist_live3 .tab_con ul li .btn a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;}

.splist_live3 .tab_con ul li .btn a.join{}
.splist_live3 .tab_con ul li .btn a.join span{background-position: 0 -34px}
.splist_live3 .tab_con ul li .btn a.member_all{color: #e118a9;}
.splist_live3 .tab_con ul li .btn a.member_all span{background-position: 0 0}
.splist_live3 .tab_con ul li.time_btn .btn{float: left;padding-left: 20px;padding-right: 14px;}
.splist_live3 .tab_con ul li.time_btn .time_wrap{float: left;background: #fff url(//img.x1.co.kr/x1/images/x1/line_sp.gif) 0 4px no-repeat;padding-left: 14px;}
.splist_live3 .tab_con .img{border: 1px solid #dbdbdb;border-top: none;}

.splist_live4 {width:980px; margin: 0 auto }
.splist_live4 .pro_list{overflow: hidden; width: 980px;}
.splist_live4 .pro_list ul{overflow: hidden;width: 1000px;}
.splist_live4 .pro_list ul li{float: left;position: relative;border: 1px solid #dbdbdb;width:478px;height: 178px;margin-right: 20px;margin-top: 20px;}
.splist_live4 .pro_list ul li p{position: relative;z-index: 100;text-align: left;padding:20px 20px 10px;height:102px;overflow: hidden;}
.splist_live4 .pro_list ul li p a{font-size: 16px;color: #3A3659; font-weight: bold; background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;margin-bottom: 10px}
.splist_live4 .pro_list ul li p span.line01 {padding-top:6px;display: block;font-weight:bold;font-size:20px;color: #3A3659;overflow:hidden;width:125px;overflow: hidden;line-height:26px;width:293px;letter-spacing:-1px;height: 56px;}
.splist_live4 .pro_list ul li p span.line02 {display: block;font-weight:bold;font-size:20px;color: #3A3659;overflow:hidden;width:125px;overflow: hidden;line-height:26px;width:293px;letter-spacing:-1px  }
.splist_live4 .pro_list ul li p span.line03 {display: block;font-size:13px;color: #e4007f;overflow:hidden;width:125px;overflow: hidden;line-height:22px;width:293px; }
.splist_live4 .pro_list ul li p span.icon {display: block;overflow: hidden; width:200px; height:26px;padding:0px 0px 16px;line-height:21px;}
.splist_live4 .pro_list ul li p span.icon a {background: none;padding-right:5px; /* cursor: pointer */}
.splist_live4 .pro_list ul li p strong{display: block;background: url(//img.x1.co.kr/x1/images/main/ico_onair.gif) 0 0 no-repeat;width: 61px;height: 18px;text-indent: -9999px;overflow: hidden;}
.splist_live4 .pro_list ul li p strong.member{background-position: 0 -18px;}
.splist_live4 .pro_list ul li .new {position:absolute;right:0px; top:0px; z-index: 10 }
.splist_live4 .pro_list ul li .img{position: absolute;right:30px;top: 7px;}

.splist_live4 .pro_list ul li .btn_zone{height: 45px;background: #f4f3f2;overflow: hidden;border-top: 1px solid #dbdbdb;zoom:1;}
.splist_live4 .pro_list ul li .btn_zone:after{content:"";display:block;clear:both;}
.splist_live4 .pro_list ul li .btn_zone a{display:block;float:left;color: #3A3659;font-weight: bold;height: 31px;font-size: 14px;padding-top: 14px;width: 233px}
.splist_live4 .pro_list ul li .btn_zone a:hover{text-decoration: none}
.splist_live4 .pro_list ul li .btn_zone a.member_all{width: 134px;color: #e118a9;}
.splist_live4 .pro_list ul li .btn_zone a.member_all span{background-position: 0 0}
.splist_live4 .pro_list ul li .btn_zone a.member{width: 134px;color: #bd7700;}
.splist_live4 .pro_list ul li .btn_zone a.member span{background-position: 0 -17px}
.splist_live4 .pro_list ul li .btn_zone a.join{width: 230px;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) 0 10px no-repeat;}
.splist_live4 .pro_list ul li .btn_zone a.join span{background-position: 0 -34px}

.splist_live4 .onair_list ul li .btn_zone a.vod{color: #3A3659;width: 134px;}
.splist_live4 .onair_list ul li .btn_zone a.vod span{background-position: 0 -51px}

.x1_visual{background:#e0eaf0;height: 320px;}
.x1_visual .inner{width: 980px;position: relative;text-align: left;}
.x1_visual .inner p{padding: 0px 0 0 20px;}
.x1_visual .inner .vod{position: absolute;right: 0;top: 20px;}
.x1_visual .inner .vod p{padding:16px 0 0 0;width: 100%;position: absolute;bottom: 0;left: 0;height: 30px;background: url(//img.x1.co.kr/x1/images/x1/line_vod.png) 0 0 repeat-x;}
.x1_visual .inner .vod p strong{float: left;margin-left: 14px;background: url(//img.x1.co.kr/x1/images/main/ico_onair.gif) 0 0 no-repeat;width: 61px;height: 18px;text-indent: -9999px;overflow: hidden;margin-right: 3px;}
.x1_visual .inner .vod p a{float: left;margin-left: 5px;color: #fff;font-size: 16px;font-weight: bold;}
.x1_visual .inner .vod .flag{position: absolute;left: 122px;top: 91px;}
.x1_visual .inner .recruit{position: absolute;right: 0;top: 20px;}
.x1_visual .inner .recruit li{position: relative;border-bottom: 3px solid #5b466c;background: #fff;margin-bottom: 7px;}
.x1_visual .inner .recruit li .con{border: 1px solid #3e3e3e;width: 245px;padding:30px 28px 15px;}
.x1_visual .inner .recruit li .con .flag{position: absolute;top: 0;left: 0;}
.x1_visual .inner .recruit li .con a{display: block;}
.x1_visual .inner .recruit li .con a strong{display: block;font-size: 16px;letter-spacing: -1px;padding-bottom: 5px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.x1_visual .inner .recruit li .con a span{display: block;font-size: 14px;font-weight: bold;color: #a3a0a8;letter-spacing: -1px;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.x1_visual .inner .recruit li .con em{display: block;border-top: 1px solid #e1dedc;margin-top: 15px;padding-top: 10px;}
.x1_visual .main_banner {width: 980px;position: relative;margin: 0 auto}

.x1_board{width: 980px;margin: 0 auto;overflow: hidden;padding: 30px 0 70px;}
.x1_board .x1_board{float: left;border: 1px solid #c9c5cf;width: 274px;height: 185px;overflow: hidden;padding: 20px;text-align: left;position: relative;margin-right: 16px;}
.x1_board .x1_board p{}
.x1_board .x1_board p span{display: block;background: #fff url(//img.x1.co.kr/x1/images/board/bu_arrow_more.gif) 45px 5px no-repeat;font-size: 14px;color: #75717D;font-weight: bold;margin-top: 10px;}
.x1_board .x1_board .flag{position: absolute;right: 5px;top: 5px;}
.x1_board .x1_board ul{padding-top: 25px;}
.x1_board .x1_board ul li{padding-bottom: 10px;}
.x1_board .x1_board ul li a{font-size: 14px;color: #3A3659;}
.x1_board .x1_board ul li a img{vertical-align: middle;}
.x1_board .board3{margin-right: 0 !important;}

.notice_x1_1{background: #fff url(//img.x1.co.kr/x1/images/x1/bg_notice.gif) 0 0 repeat-x;height: 75px;}
.notice_x1_1 .con{width: 980px;margin: 0 auto;text-align: left;position: relative;overflow: hidden;}
.notice_x1_1 .con img{padding: 4px 0 0 57px;}

.notice_x1_2	{background: #fff url(//img.x1.co.kr/x1/images/x1/bg_notice_2.gif) 0 0 repeat-x;height: 75px;}
.notice_x1_2 .con{width: 980px;margin: 0 auto;text-align: left;position: relative;}
.notice_x1_2 .con img{padding: 4px 0 0 0px;}

.notice_x1_3{background: #fff url(//img.x1.co.kr/x1/images/x1/bg_notice_3.gif) 0 0 repeat-x;height: 75px;}
.notice_x1_3 .con{width: 980px;margin: 0 auto;text-align: left;position: relative;overflow: hidden;}
.notice_x1_3 .con img{padding: 4px 0 0 57px;}

.notice_x1_4{background: #ee8009; height: 75px;}
.notice_x1_4 .con{width: 980px;margin: 0 auto;text-align: left;position: relative;overflow: hidden;}
.notice_x1_4 .con img{}

#container .onair_list ul li .btn_zone{height: 45px;background: #f4f3f2;overflow: hidden;border-top: 1px solid #dbdbdb;zoom:1;}
#container .onair_list ul li .btn_zone:after{content:"";display:block;clear:both;}
#container .onair_list ul li .btn_zone a{display:block;float:left;color: #75717d;font-weight: bold;height: 31px;font-size: 14px;padding-top: 14px;}
#container .onair_list ul li .btn_zone a:hover{text-decoration: none}
#container .onair_list ul li .btn_zone a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;}
#container .onair_list ul li .btn_zone a.member_all{width: 134px;color: #e118a9;}
#container .onair_list ul li .btn_zone a.member_all span{background-position: 0 0}
#container .onair_list ul li .btn_zone a.member{width: 134px;color: #bd7700;}
#container .onair_list ul li .btn_zone a.member span{background-position: 0 -17px}
#container .onair_list ul li .btn_zone a.join{width: 102px;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) 0 10px no-repeat;}
#container .onair_list ul li .btn_zone a.join span{background-position: 0 -34px}

.search_list{text-align: center;padding-top: 20px;}
.search_list select{border: 1px solid #dbdbdb;height: 29px;color: #75717D;}
.search_list input{border: 1px solid #dbdbdb;padding: 3px;color: #75717D;height: 23px;width: 170px;}

.recommend{overflow: hidden;border-top: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;margin-bottom: 10px;}
.recommend li{float: left;overflow: hidden;padding: 10px 0 0 20px;height: 35px;}
.recommend li.title{width: 95px;padding-top: 15px;;color: #e118a9;font-size: 16px;text-align: left;}
.recommend li span{float: left;cursor: pointer;height: 22px;padding-top: 6px;width: 29px;background: #fff url(//img.x1.co.kr/x1/images/board/star_off.gif) 0 0 no-repeat;color: #fff;font-size: 12px;font-weight: bold;text-align: center;margin-right: 8px;}
.recommend li span.active{background: #fff url(//img.x1.co.kr/x1/images/board/star_on.gif) 0 0 no-repeat;}
.recommend li strong{float: left;color: #e118a9;font-size: 18px;padding-top: 6px;}

.list_page{overflow: hidden;border-top: 1px solid #d8d8d8;border-bottom: 2px solid #3A3659;padding: 15px 0;margin-top: 10px;}
.list_page p{float: left;width: 50%;position: relative;overflow: hidden;}
.list_page p span{position: absolute;font-size: 14px;color: #e118a9;font-weight: bold}
.list_page p a{font-size: 14px;font-weight: bold;color: #3A3659;white-space: nowrap;display: block;text-overflow:ellipsis;display: block;overflow: hidden;}
.list_page p.prev a{margin-left: 100px;padding-right: 50px;}
.list_page p.prev span{left: 19px;background: #fff url(//img.x1.co.kr/x1/images/board/bu_arrow_left.gif) 0 3px no-repeat;padding-left: 24px;}
.list_page p.next{text-align: right;}
.list_page p.next a{margin-right: 100px;text-align: right;padding-left: 50px;}
.list_page p.next span{right: 19px;background: #fff url(//img.x1.co.kr/x1/images/board/bu_arrow_right.gif) right 3px no-repeat;padding-right: 24px;}

.invest_page_box{border: 1px solid #b4b4b4;padding: 20px;margin-top: 10px;margin-bottom: 20px;}
.invest_page_box p{white-space: nowrap;display: block;text-overflow:ellipsis;display: block;overflow: hidden;font-weight: bold;margin-bottom: 10px;}
.invest_page_box p.tit a{font-size: 18px;color: #e118a9;}
.invest_page_box p.con a{font-size: 13px;color: #75717D;}
.invest_page_box ul{overflow: hidden;}
.invest_page_box ul li{float: left;background: #fff url(//img.x1.co.kr/x1/images/invest/bu_line.gif) right center no-repeat;color: #a3a0a8;padding-right: 11px;margin-right: 10px;font-size: 12px;color: #a3a0a8;font-weight: bold;}
.invest_page_box ul li.last{color: #e118a9;background: none;}

/* 아카데미 200626 신규 추가*/
.academy_visual {display:block; position:relative; width: 100%; height:365px; background-color:#edf3f7; margin:20px 0 40px}
.academy_visual .pro_bg {position:relative; width:980px; height:365px; margin:0 auto;z-index: 0 }
.academy_visual .pro_bg .pro_img {position:absolute;top:0;left:0;z-index: 1;width: 980px;height: 365px;}
.academy_visual .pro_bg .txt {position:absolute;top:30px;left:0; z-index: 2 }
.academy_visual .pro_bg .btn_go {position:absolute;top: 270px;left:0;z-index: 2;}
.academy_visual .pro_bg .btn_go a {cursor: pointer;}
.academy_visual .pro_bg .vod_go {position:absolute;top:58px;left: 530px;width:449px;height:253px;z-index: 2;}
.academy_visual .pro_bg .vod_go a {cursor: pointer;}
.splist_academy {margin-top: 35px}
.splist_academy h3{position: relative;font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_academy .pro_list2{width: 980px;overflow: hidden;}
.splist_academy .pro_list2 ul{width:1000px; display: block; }
.splist_academy .pro_list2 ul li{position:relative;float:left;border:1px solid #d5d5d5;width: 313px;height: 300px;margin-right:20px;padding-top: 210px;box-sizing: border-box;border-radius: 10px;text-align: center;color: #3A3659;font-weight: bold;overflow: hidden;}
.splist_academy .pro_list2 ul li div .txt {font-size: 14px; letter-spacing: -1px}
.splist_academy .pro_list2 ul li .banner{position:absolute;top: -19px;left: -1px;width: 313px;height:180px;/* background-color: blue; */}
.splist_academy .pro_list2 ul li .banner .type{position: absolute;z-index: 10;top: 25px;right: 10px;}
.splist_academy .pro_list2 ul li .btn_zone{display: inline-block;width: 100%;text-align: center;height: 30px;line-height: 30px;margin: 20px auto 0px;}
.splist_academy .pro_list2 ul li .btn_zone a.view{width: 134px;color: #e118a9;font-size: 20px;font-weight: bold; cursor: pointer;}
.splist_academy .pro_list2 ul li .btn_zone a.view:hover{ text-decoration: none;color: #e118a9;}
.splist_academy .pro_list2 ul li .btn_zone a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;position: relative;top: -2px;left: 7px;}
.splist_academy .pro_list2 ul li .btn_zone a span{background-position: 0 0}

/* 2019아카데미 */
/* 21090110 증권아카데미로 개편 css추가*/
/*아카데미:추천강좌*/
.academy_best {width:954px; height:207px; padding:12px; border:1px solid #dbdbdb; }
.academy_best .con .thumbnail {display:inline-block; float:left; width:284px; height:206px; background-color:#000000;margin-right: 24px    }
.academy_best .con .best_wrap{display:inline-block; margin:13px 0 0 0; width: 627px}
.best_wrap .title i.ico_best{display:inline-block; border:1px solid #e118a9; border-radius:2px; color:#e118a9; font-size:14px; padding:3px 5px; font-style: normal;}
.best_wrap .title h2{font-size:20px !important; margin-top: 10px; line-height: 28px;padding:0px !important}
.best_wrap .evaluation{ margin: 20px 0 0 5px;height: 50px}
.best_wrap .evaluation .left_p {display:inline-block;;float:left;width: 160px;}
.best_wrap .evaluation div .participation {display: block;margin-bottom:5px }
.best_wrap .evaluation div .small_star {position:relative; display:inline-block;width: 107px; height:15px; background:url(//img.x1.co.kr/x1/images/ico/star.png) 0 0 no-repeat;margin-left: 0px  }/*우리경로로 바꾸기*/
.best_wrap .evaluation div .small_star .fill {position: absolute; width: 107px; height: 15px; background:url(//img.x1.co.kr/x1/images/ico/star.png) 0 -15px no-repeat }/*이친구의 width값을 조절해주시면 됩니다. %*/
.best_wrap .evaluation div.left_p strong{font-weight: bold;font-style:italic;font-size:20px;letter-spacing:-1px }
.best_wrap .evaluation .right_p {display:inline-block;float:left;width: 450px; margin-top: 23px;font-size: 14px;color:#3A3659  }
.best_wrap .evaluation .right_p span {padding-right: 8px}
.best_wrap .evaluation .right_p span:before {content:'│';padding-right: 8px }
.best_wrap .btn_zone{display:block;text-align:left;height: 30px;line-height: 30px;margin:10px 0 0 5px}
.best_wrap .btn_zone a.view_details{width: 134px;color: #e118a9;font-size: 20px;font-weight: bold; cursor: pointer;}
.best_wrap .btn_zone a:hover{text-decoration: none}
.best_wrap .btn_zone a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;position: relative;top: -2px;}
.best_wrap .btn_zone a span{background-position: 0 0}
/*아카데미:금융재테크마스터교육*/
.splist_academy {margin-top: 35px}
.splist_academy h3{position: relative;font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_academy .pro_list{width: 980px;overflow: hidden;}
.splist_academy .pro_list ul{width:1000px; display: block; }
.splist_academy .pro_list ul li{position:relative; float:left; border:1px solid #dbdbdb; width:478px; height:324px; margin-right:20px;padding-top:180px;    }
.splist_academy .pro_list ul li .banner{position:absolute;top:0px;left:0px; width:480px; height:180px; background-color: blue; }
.splist_academy .pro_list ul li .banner img{}
/*아카데미:금융재테크마스터교육*/
.splist_academy .pro_list ul li .investment { }
.splist_academy .pro_list ul li .investment p {text-align: center;margin-bottom: 50px }
.splist_academy .pro_list ul li .investment p span.proname{display:inline-block; margin:35px auto; color: #ffffff; background-color:#e4007f; text-align: center;font-size: 16px;   }
.splist_academy .pro_list ul li .investment p span.line01{display: block;font-size:20px;line-height: 28px;font-weight: bold;}
.splist_academy .pro_list ul li .investment p span.line02{ display: block;font-size:20px;line-height: 28px;font-weight: bold;}
/*아카데미:엑스원전문가교육*/
.splist_academy .pro_list ul li .x1_aca{}
.splist_academy .pro_list ul li .x1_aca p {text-align: left;margin-bottom: 50px;padding-left: 30px;height: 146px;position: relative;}
.splist_academy .pro_list ul li .x1_aca p span.proname{display:inline-block;margin-top: 55px;color: #ffffff;background-color:#e4007f;font-size: 16px;}
.splist_academy .pro_list ul li .x1_aca p span.line01{display: block;font-size:20px;line-height: 28px;text-align: left;margin-top: 10px;font-weight: bold; width:300px;}
.splist_academy .pro_list ul li .x1_aca p span.line02{display: block;font-size:20px;line-height: 28px;text-align: left;font-weight: bold;}
.splist_academy .pro_list ul li .x1_aca p span.acapro_img {/* position:relative; *//* width: 100%; */display: block;}
.splist_academy .pro_list ul li .x1_aca p span.acapro_img img{position:absolute;z-index:-1;right: 25px;bottom: -25px;}
/*아카데미:금융재테크마스터+엑스원전문가교육 공통 버튼*/
.splist_academy .pro_list ul li .evaluation {display:block; height:40px; border-bottom: 1px solid #e0dede;margin: 0 30px}
.splist_academy .pro_list ul li .evaluation div .small_star {position:relative; top:2px; display:inline-block;width: 107px; height:15px; background:url(//img.x1.co.kr/x1/images/ico/star.png) 0 0 no-repeat; margin-left:38px   }
.splist_academy .pro_list ul li .evaluation div .small_star .fill{position: absolute; width: 107px; height: 15px; background:url(//img.x1.co.kr/x1/images/ico/star.png) 0 -15px no-repeat }/*이친구의 width값을 조절해주시면 됩니다. %*/
.splist_academy .pro_list ul li .evaluation div strong{font-weight: bold;font-size:14px;letter-spacing:-1px }
.splist_academy .pro_list ul li .evaluation div span.center{display:inherit;  text-align: center;font-size:14px;}
.splist_academy .pro_list ul li .btn_zone{display: inline-block;width: 100%;text-align: center;height: 30px;line-height: 30px;margin:30px auto 0px; }
.splist_academy .pro_list ul li .btn_zone a.view{width: 134px;color: #e118a9;font-size: 20px;font-weight: bold; cursor: pointer;}
.splist_academy .pro_list ul li .btn_zone a.view:hover{ text-decoration: none;color: #e118a9;}
.splist_academy .pro_list ul li .btn_zone a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;position: relative;top: -2px;left: 7px;}
.splist_academy .pro_list ul li .btn_zone a span{background-position: 0 0}
.btn_zone_wrap {display:block;width:978px;height:58px;line-height:58px;border: 1px solid #dbdbdb;text-align: center;color: #a1a1a1;float: left;margin:30px 0;cursor: pointer;font-size: 14px;font-weight: bold;}
.btn_zone_wrap a.more_list span {display: inline-block;margin-left: 15px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/ico/ico_more.png) 0 3px no-repeat;vertical-align: middle;position: relative;}
.btn_zone_wrap a:hover{text-decoration: none;color: #a1a1a1;}

/*IE 7 only （IE7전용）)*/
*:first-child+html .splist_academy .pro_list ul li .evaluation div span.center{display:block; }
*:first-child+html .best_wrap .btn_zone A SPAN{top:0px}
*:first-child+html .splist_academy .pro_list UL LI .btn_zone A SPAN{top:0px;left:0px}
/*추가끝 */

/* 문자 서비스 */
.sms_top_wrap{overflow: hidden;padding-top: 20px;}
.sms_top_wrap .left{float: left;}
.sms_top_wrap .right{float: right;border: 1px solid #cac7c6;border-bottom: none;}
.sms_top_wrap .right li{border-bottom: 1px solid #cac7c6;background: #f7f7f6;}
.sms_top_wrap .right li.bank{height: 85px;width: 317px;}
.sms_top_wrap .right li p{font-size: 16px;color: #3A3659;padding: 20px 20px 10px;font-weight: bold;}
.sms_top_wrap .right li div{color: #75717D;padding-left: 20px;font-weight: bold;font-size: 15px}
.sms_top_wrap .right li div span{color: #afadb4;font-size: 13px;padding-left: 13px;}

.sms_tab{margin-top: 40px;}
.sms_tab ul{overflow: hidden;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.sms_tab ul li{width: 100%;}
.sms_tab ul li a{display: block;border-top: 1px solid #afafaf;border-right: 1px solid #afafaf;;border-bottom: 2px solid #e118a9;height: 30px;padding-top: 16px;text-align: center;font-size: 16px;color: #3A3659;font-weight: bold;}
.sms_tab ul li.first a{border-left: 1px solid #afafaf;}
.sms_tab ul li a.active{color: #fff;background: #e118a9;border-top: 1px solid #e118a9;border-right: 1px solid #e118a9;}
.sms_tab ul li.first .active{border-left: 1px solid #e118a9}

.sms_onair_wrap{margin-top: 35px;}
.sms_onair_wrap h3{position: relative;font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.sms_onair_wrap .onair_list{overflow: hidden; width: 980px;margin-top: 10px;}
.sms_onair_wrap .onair_list ul{overflow: hidden;width: 1000px;}
.sms_onair_wrap .onair_list ul li{float: left;position: relative;border: 1px solid #dbdbdb;width: 317px;height: 171px;margin-right: 11px;margin-bottom: 15px;}
.sms_onair_wrap .onair_list ul li p{position: relative;z-index: 100;text-align: left;padding: 15px 0 15px 15px;height: 95px;width: 55%;}
.sms_onair_wrap .onair_list ul li p a{font-size: 16px;color: #3A3659;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;display: inline-block;max-width: 100%;}
.sms_onair_wrap .onair_list ul li p span{display: block;font-weight:bold;font-size: 12px;color: #75717d;overflow: hidden;width: 200px;overflow: hidden;padding-top: 5px;line-height: 16px;background: url(//img.x1.co.kr/x1/images/sms/bu_arrow.gif) 0 9px no-repeat;padding-left: 8px;}

.sms_onair_wrap .onair_list ul li .img{position: absolute;right: 0;top: 0;}
.sms_onair_wrap .onair_list ul li .btn_zone{height: 45px;background: #f4f3f2;overflow: hidden;border-top: 1px solid #dbdbdb;zoom:1;}
.sms_onair_wrap .onair_list ul li .btn_zone:after{content:'';display:block;clear:both;}
.sms_onair_wrap .onair_list ul li .btn_zone a{display:block;float:left;color: #75717d;font-weight: bold;height: 31px;font-size: 14px;padding-top: 14px;}
.sms_onair_wrap .onair_list ul li .btn_zone a:hover{text-decoration: none}
.sms_onair_wrap .onair_list ul li .btn_zone a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px;background: url(//img.x1.co.kr/x1/images/main/ico_onair2.gif) 0 0 no-repeat;vertical-align: middle;}

.sms_onair_wrap .onair_list ul li .btn_zone a.sms1{width: 97px;color: #75717D;text-align: center;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) right 10px no-repeat;font-size: 14px}
.sms_onair_wrap .onair_list ul li .btn_zone a.sms1 span{background: url(//img.x1.co.kr/x1/images/sms/bu_home.gif) 0 0 no-repeat;}
.sms_onair_wrap .onair_list ul li .btn_zone a.sms2{width: 122px;color: #e118a9;text-align: center;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) right 10px no-repeat;font-size: 14px}
.sms_onair_wrap .onair_list ul li .btn_zone a.sms2 span{background: url(//img.x1.co.kr/x1/images/sms/bu_check.gif) 0 0 no-repeat;}
.sms_onair_wrap .onair_list ul li .btn_zone a.sms3{width: 97px;color: #eb6100;text-align: center;font-size: 14px}
.sms_onair_wrap .onair_list ul li .btn_zone a.sms3 span{background: url(//img.x1.co.kr/x1/images/sms/bu_money2.gif) 0 0 no-repeat;}
.sms_onair_wrap .onair_list ul li .btn_zone a.sms4{width: 122px;color: #800000;text-align: center;background: url(//img.x1.co.kr/x1/images/main/line_onair.gif) right 10px no-repeat;font-size: 14px}
.sms_onair_wrap .onair_list ul li .btn_zone a.sms4 span{background: url(//img.x1.co.kr/x1/images/sms/bu_kakao1.gif) 0 0 no-repeat;}

.sms_onair_wrap .onair_list ul li .new{position:absolute;right:0px; top:0px; z-index: 10 }
.sms_onair_wrap .onair_list ul li .hint{position:absolute;right:0px; top:0px; z-index: 10; }
.sms_onair_wrap .onair_list ul li p span.icon {background: none;display: block;overflow: hidden;width: 300px;height:28px;padding: 5px 0 16px;line-height: 22px;}
.sms_onair_wrap .onair_list ul li p span.icon a {background: none;padding-right:5px; /* cursor: pointer */}

.sms_onair_wrap .onair_list .badge {position: absolute;right: 0%;top:0px;z-index: 10;background: url("//img.x1.co.kr/x1/images/common/ico_medal.png")  right top no-repeat;width: 50px;height: 57px;background-size: contain;}
.sms_onair_wrap .onair_list .badge img{width: 100%;}
.sms_onair_wrap .onair_list .badge #badge_txt{position:absolute;left: 50%;top: 43%;transform: translate(-45%, -50%);color:#dc9000;font-size: 10.5px;line-height: 1.2em;width: 90%;text-align: center;}
.sms_onair_wrap .onair_list .badge #badge_txt span{display: block;}
.sms_onair_wrap .onair_list .badge #badge_txt #badgeTop_txt{font-weight:bold;}

.sms_recommend{background: #e1dedc;padding: 30px 0 40px;}
.sms_recommend .box{width: 980px;margin: 0 auto;overflow: hidden;}
.sms_recommend .box .left{width: 650px;height: 200px;overflow: hidden;background: #fff;float: left;}
.sms_recommend .box .left p{text-align: left;padding-left: 20px;padding-top: 20px;font-size: 16px;font-weight: bold;color: #3A3659;}
.sms_recommend .box .left ul{overflow: hidden;padding-left: 10px;padding-top: 20px;}
.sms_recommend .box .left ul li{float: left; width: 33%;}
.sms_recommend .box .left ul li a{text-decoration: none;display: block;}
.sms_recommend .box .left ul li span{display: block;font-size: 13px;color: #75717D;padding-top: 10px;}
.sms_recommend .box .left ul li span em{color: #e118a9;border-bottom: 1px solid #e118a9;}

.sms_recommend .box .right{float: right;width: 318px;background: #fff;height: 200px;overflow: hidden;}
.sms_recommend .box .right dl{padding: 20px 0 0 20px;}
.sms_recommend .box .right dl dt{font-size: 16px;color: #3A3659;padding-bottom: 22px;text-align: left;font-weight: bold;}
.sms_recommend .box .right dl dd{background: #fff url(//img.x1.co.kr/x1/images/sms/bu_check2.gif) 0 2px no-repeat;padding-left: 18px;text-align: left;padding-bottom: 5px;}
.sms_recommend .box .right dl dd a{font-size: 13px;color: #75717D;font-weight: bold;}

.sms_info1{border: 1px solid #dbdbdb;padding: 25px 25px 20px;margin-top: 10px;}
.sms_info1 p{font-size: 20px;font-weight: bold;color: #3A3659;padding-bottom: 20px;}
.sms_info1 .ovh{overflow: hidden;}
.sms_info1 dl{float: left;width:50%;height: 123px;}
.sms_info1 dl dt{color: #e118a9;font-size: 16px;padding-bottom: 13px;font-weight: bold;}
.sms_info1 dl dd{font-size: 13px;color: #75717D;font-weight: bold;padding-left: 18px;background: url(//img.x1.co.kr/x1/images/sms/bu_check2.gif) 0 2px no-repeat;padding-bottom: 5px;}
.sms_info1 dl.left{width:419px;padding-right:45px;background: #fff url(//img.x1.co.kr/x1/images/sms/bu_line.gif) 100% 10px no-repeat;}
.sms_info1 dl.right{width:419px;margin-left:45px;}
.sms_info2{padding-top: 25px;}
.sms_info2 li{color: #a3a0a8;}

.x1_top{overflow: hidden;padding-top: 10px;}
.x1_top .left{float: left;}
.x1_top .right{float: right;}
.x1_notice{border: 1px solid #c9c5cf;position: relative;padding: 15px 0;margin-top: 10px;}
.x1_notice div{padding-left: 20px;}
.x1_notice div a{font-size: 16px;color: #de268c;font-weight: bold;}
.x1_notice p{position: absolute;right: 20px;top: 13px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) right 5px no-repeat;padding-right: 10px;}
.x1_notice p a{font-size: 14px;color: #3A3659;font-weight: bold;}


/* 마이페이지 */
.mypage_top{overflow: hidden;padding: 10px 0 30px;}
.mypage_top .left{float: left;position:relative;}
.mypage_top .left .btn_faq{display:block;position:absolute;left:42px;top: 151px;padding-right:11px;border-bottom:1px solid #fff;background: url(//img.x1.co.kr/x1/images/mypage/bg_arrow_right.png) no-repeat 100% 11px;font-size: 20px;font-weight:bold;color:#fff;line-height: 32px;}
.mypage_top .left .btn_faq:hover{text-decoration: none}
.mypage_top .right{float: right;border-bottom: none;}
.mypage_top .right li{background: #f7f7f6;}
.mypage_top .right li.bank{height: 85px;width: 317px;border:1px solid #dbdbdb;border-top:none;}
.mypage_top .right li p{font-size: 16px;color: #3A3659;padding: 20px 20px 10px;font-weight: bold;}
.mypage_top .right li div{color: #75717D;padding-left: 20px;font-weight: bold;font-size: 15px}
.mypage_top .right li div span{color: #afadb4;font-size: 13px;padding-left: 13px;}

.mypage_wrap{padding-top: 30px;}
.mypage_wrap h3{font-size: 18px;color: #473958;padding:15px 0;}
.mypage_wrap h3 span{color: #e118a9;}
.table_mypage{padding-bottom: 20px;}
.table_mypage table{width: 100%;border-top: 1px solid #cac7c6;border-right: 1px solid #cac7c6;border-collapse:collapse}
.table_mypage table th{border-bottom: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;background: #f2f4f6;vertical-align: middle;font-size: 14px;text-align: center;padding:12px 0;}
.table_mypage table td{border-bottom: 1px solid #dbdbdb;border-left: 1px solid #dbdbdb;padding:12px 0;text-align: center;font-size: 14px;font-weight: bold;color: #3A3659;font-size: 14px;}
.table_mypage table td.tar{text-align: right;padding-right: 20px;border-left:none;border-bottom:none;}
.table_mypage table tr.c_pink td{color: #e118a9;font-size: 16px}
.mypage_wrap .notice_center{font-size:14px;font-weight:700;color:#a3a0a8;}

.mypage_cp{}
.mypage_cp p{color: #75717D;font-size: 14px;padding: 20px 0;}
.mypage_cp .cp_info{border: 10px solid #e6e6e6;color: #75717D;font-size: 16px;padding: 15px;margin-bottom: 20px;}
.mypage_cp .cp_info span{color: #e118a9;padding:0 10px;}
.mypage_cp .cp_info span em{color: #e118a9;font-size: 25px;font-family: tahoma;padding-right: 5px;}
.mypage_cp ul{}
.mypage_cp ul li{font-size: 14px;color: #a3a0a8;line-height: 22px}
.mypage_cp .my_info{font-size: 16px; color: #3A3659;padding-bottom: 10px;}
.mypage_cp .my_info span{color: #e118a9;}

.leave_info{padding-bottom: 20px;}
.leave_info li{line-height: 24px;color: #3A3659 !important;font-size: 14px !important;font-weight: bold !important;}
.leave_info li.c_pink{color: #e118a9 !important;}
.leave_info li span{color: #a3a0a8 !important;padding-left: 10px;}

.mypage_cp h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.mypage_cp h3 a{position: absolute;right: 0;top: 0px;}
#sub_container .mypage_title_line{padding: 0 0 0 0px;margin: 0 0 10px;/*background: url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;*/font-size: 18px;color: #3A3659;}
.faq_menu{overflow:hidden;width:870px;padding:20px 0;margin:0 auto;}
.faq_menu li{float:left;margin-left:40px;}
.faq_menu li:first-child{margin-left:0}
.faq_menu li a{display:block;width:142px;height:142px;background: url(//img.x1.co.kr/x1/images/mypage/ico_mypage_list.jpg) no-repeat;text-indent: -9999px;}
.faq_menu li .member{background-position:0 0;}
.faq_menu li .payment{background-position:-150px 0;}
.faq_menu li .live{background-position:-300px 0;}
.faq_menu li .charged_service{background-position:-450px 0;}
.faq_menu li .refund{background-position:-600px 0;}
.faq_menu .on .member{background-position:0 -150px;}
.faq_menu .on .payment{background-position:-150px -150px;}
.faq_menu .on .live{background-position:-300px -150px;}
.faq_menu .on .charged_service{background-position:-450px -150px;}
.faq_menu .on .refund{background-position:-600px -150px;}
.faq_section{border-top:2px solid #3A3659;}
.faq_section_list{overflow:hidden;position:relative;}
.faq_section_list .faq_q{position:relative;height:23px;padding:11px 0 11px 62px;border-bottom:1px solid #dbdbdb;background: url(//img.x1.co.kr/x1/images/board/ico_answer_off.png) no-repeat 943px 18px;font-size:14px;font-weight:700;color:#3A3659;line-height:23px;vertical-align: middle;cursor: pointer;}
.faq_section_list .faq_q.on{background-image:url(//img.x1.co.kr/x1/images/board/ico_answer_on.png);}
.faq_section_list .faq_q span{display:block;position:absolute;left:22px;top:11px;width:23px;height:23px;background: url(//img.x1.co.kr/x1/images/board/ico_question.png) no-repeat 0 0;text-indent: -9999px}
.faq_q .mypage_title_line{}
.faq_section_list .faq_a{padding:20px 60px;border-bottom:1px solid #dbdbdb;background: #f2f4f6;}
.faq_a_numlist li{position:relative;padding-left:17px;margin-top:10px;font-size:14px;font-weight:700;color:#75717D;line-height:20px;}
.faq_a_numlist li span{display:block;position:absolute;left:0;top:3px;width:13px;height:12px;padding-top:1px;background: url(//img.x1.co.kr/x1/images/mypage/bg_list_number.png) no-repeat 0 0;font-size:12px;font-weight:normal;color:#fff;font-family:'돋움',Dotum,sans-serif;line-height:13px;vertical-align: middle;text-align:center;}
.faq_a_list li{padding-left:17px;margin-top:10px;background: url(//img.x1.co.kr/x1/images/mypage/bg_list_line.png) no-repeat 0 3px;font-size:14px;font-weight:700;color:#75717D;line-height:20px;}
.faq_a_numlist li:first-child, .faq_a_list li:first-child{margin-top:0;}
.faq_a .faq_a_notice{padding-bottom:10px;font-size:14px;font-weight:700;color:#75717D;line-height:20px;}
.faq_a .faq_a_p{font-size:14px;font-weight:700;color:#75717D;line-height:28px;letter-spacing: -1px}
.faq_a_img{padding-top:15px;}
.faq_a .txt_point{color:#e118a9;}

.sms_top{border: 10px solid #e6e6e6;color: #75717D;font-size: 16px;font-weight: bold;padding: 20px;margin-bottom: 20px;}
.sms_top .my_info1{font-size: 18px;color: #3A3659;font-weight: bold;padding-bottom: 20px;}
.sms_top .my_info1 span{color: #e118a9;}
.sms_top .my_info2 select{border: 1px solid #dbdbdb;height: 31px;color: #75717D;width: 250px;}
.sms_top .my_info2 span{padding-right: 5px;font-size: 16px}
.sms_top .my_info3{font-size: 14px}
.sms_top .check{padding-top: 10px;border-top: 1px solid #dbdbdb;margin-top: 10px;}
.sms_top .check em{padding-left: 20px;color: #a3a0a8;display: block;}
.sms_top .check input{vertical-align: middle;}
.sms_top .check a{margin-left: 10px;}
.sms_top .check a img{vertical-align: middle;}
.sms_top .check span{color: #e118a9;}

.sms_mid{overflow: hidden;padding-top: 20px;}
.sms_mid .left{width: 470px; float: left;}
.sms_mid h3{margin-bottom: 20px;letter-spacing:-0.4px}
.sms_mid .left span{position: absolute;right: 0;top: 0;}
.sms_mid .left span a{position: static;}
.sms_mid .left select{border: 1px solid #dbdbdb;height: 31px;color: #75717D;}
.sms_mid .w320{width:320px;}
.sms_mid .w480{width:480px;}


.profit_list_wrap{width: 980px;overflow: hidden;padding-top: 20px;}
.profit_list{overflow: hidden;width: 1000px !important;}
.profit_list .item{float: left;position: relative;width: 314px;border: 1px solid #dbdbdb;margin-right: 16px;margin-bottom: 15px;}
.profit_list .item .flag{position: absolute;left: -1px;top: -1px;font-size: 18px;color: #3A3659;text-align: center;width: 43px;height: 26px;background: #f2f4f6 url(//img.x1.co.kr/x1/images/live/bg_num.gif) 0 0 no-repeat;padding-top: 8px;font-weight: bold;}
.profit_list .item dl dt{background: #f2f4f6;height: 80px;padding-top: 10px;border-bottom: 1px solid #dbdbdb;}
.profit_list .item dl dt strong{font-family: tahoma;font-size: 40px;color: #e118a9;display: block;text-align: center;line-height: 40px;*line-height: 48px}
.profit_list .item dl dt strong em{font-size: 22px;}
.profit_list .item dl dt span{display: block;text-align: center;font-size: 18px;color: #3A3659;font-weight: bold;line-height: 22px}
.profit_list .item dl dd{padding: 20px;}
.profit_list .item dl dd ul{overflow: hidden;border-bottom: 1px dashed #dbdbdb;padding-bottom: 15px;}
.profit_list .item dl dd ul li{float: left;width: 33%;}
.profit_list .item dl dd ul li p{font-size: 12px;color: #a3a0a8;padding-bottom: 5px;}
.profit_list .item dl dd ul li span{font-size: 18px;color: #3A3659;font-family: tahoma}
.profit_list .item dl dd .text{position:relative;padding-top: 15px;}
.profit_list .item dl dd .text p{font-size: 12px;color: #a3a0a8;padding-bottom: 5px;}
.profit_list .item dl dd .text div{overflow:hidden;height:54px;font-size: 14px;color: #3A3659;line-height:18px;}
.profit_list .item dl dd .text .text_more{display:block;position:absolute;right:0;top:14px;height:18px;padding-right:9px;background: url(//img.x1.co.kr/x1/images/board/bg_ico_more.gif) no-repeat 100% 6px;font-size:14px;color:#3A3659;}
.profit_list .item .btn_remove{display:block;position:absolute;right:7px;top:7px;width:18px;height:17px;background:url(//img.x1.co.kr/x1/images/btn/btn_remove.png) no-repeat 0 0;text-indent:-9999px;}


.layerpop_profit_wrap{display:none;position:fixed;left:0;top:0;width:100%;height:100%;z-index:10000;}
.layerpop_profit_wrap .layerpop_dim{position:absolute;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/images/common/bg_dim.png);}
.layerpop_profit_wrap .layerpop_cont{position:fixed;left:50%;top:50%;margin:-250px 0 0 -311px;width:620px;height:498px;border:1px solid #3A3659;background: #fff;}
.layerpop_profit_wrap .layerpop_cont dl dt{overflow:hidden;background: #f2f4f6;height: 90px;border-bottom: 1px solid #dbdbdb;}
.layerpop_profit_wrap .layerpop_cont dl dt strong{display:block;float:left;padding:23px 0 0 28px;font-family: tahoma;font-size: 40px;color: #e118a9;display: block;text-align: center;line-height: 44px;vertical-align: middle;}
.layerpop_profit_wrap .layerpop_cont dl dt strong em{font-size: 22px;}
.layerpop_profit_wrap .layerpop_cont dl dt span{display: block;float:left;padding:42px 0 0 20px;text-align: center;font-size: 18px;color: #3A3659;font-weight: bold;line-height: 22px}
.layerpop_profit_wrap .layerpop_cont dl dd ul{overflow: hidden;border-bottom: 1px solid #dbdbdb;}
.layerpop_profit_wrap .layerpop_cont dl dd ul li{float: left;width: 206px;padding:18px 0;border-left:1px solid #dbdbdb;}
.layerpop_profit_wrap .layerpop_cont dl dd ul li:first-child{border-left:none;}
.layerpop_profit_wrap .layerpop_cont dl dd ul li p{float:left;width:58px;height:14px;padding-left:12px;margin-top:3px;background:url(//img.x1.co.kr/x1/images/common/line_bar.gif) no-repeat 100% 2px;font-size: 12px;color: #a3a0a8;font-weight: bold;line-height:14px;}
.layerpop_profit_wrap .layerpop_cont dl dd ul li span{float:left;width:135px;font-size: 18px;font-weight: bold;color: #3A3659;font-family: tahoma;text-align:center;}
.layerpop_profit_wrap .layerpop_cont .lpm_text_info{overflow:hidden;padding:21px 35px 21px 20px;}
.layerpop_profit_wrap .layerpop_cont .lpm_text_info strong{font-size: 13px;color: #3A3659;}
.layerpop_profit_wrap .layerpop_cont .lpm_text_info .lpm_text_id{float:left; font-weight: normal}
.layerpop_profit_wrap .layerpop_cont .lpm_text_info .lpm_text_date{float:right; font-weight: normal}
.layerpop_profit_wrap .layerpop_cont .lpm_text .lpm_text_cont{overflow-y:auto;height:283px;padding:0 20px;font-size: 16px;color: #3A3659;line-height:22px;}
.layerpop_profit_wrap .layerpop_cont .btn_layerpop_close{display:block;position:absolute;right:15px;top:15px;width:42px;height:42px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_layerpop.gif) no-repeat 0 0;text-indent:-9999px;}


/* popup */
.pop_wrap{text-align: left;}
.pop_wrap h1{color: #fff;font-size: 18px;background: #e118a9;padding: 20px 15px;}
.pop_wrap .btn_wrap{display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
.pop_wrap .btn_wrap a.cancel_btn,
.pop_wrap .btn_wrap a.insert_btn{display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 49%; height: 50px; border-radius:5px; color: #fff; font-size: 14px; text-decoration: none;}
.pop_wrap .btn_wrap a.cancel_btn{background: #75717D;}
.pop_wrap .btn_wrap a.insert_btn{background: #e118a9;}
.pop_wrap .btn_wrap a.kakaoAdvice_btn{width: 100%; background: #fae103; font-size: 14px; height: 50px; border-radius:5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold;}
.pop_wrap .btn_wrap a.kakaoAdvice_btn span.kakao_icon{width: 20px; height: 20px; margin-right: 16px;}
.pop_wrap .btn_wrap a.kakaoAdvice_btn span.kakao_icon img{width: 100%}
.pop_wrap .btn_wrap p.line_area{position: relative; width: 100%; color: #979797; margin: 14px 0;}
.pop_wrap .btn_wrap p.line_area::before,
.pop_wrap .btn_wrap p.line_area::after{content: ''; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 45%; height: 1px; background: #ddd;}
.pop_wrap .btn_wrap p.line_area::before{left: 0;}
.pop_wrap .btn_wrap p.line_area::after{right: 0;}
.pop_con{padding: 20px;}
.pop_con .p_num{padding-bottom: 20px; border-bottom: 1px solid #dbdbdb;}
.pop_con .p_num span{font-size: 14px; color: #75717D; font-weight: bold; padding-right: 10px;}
.pop_con input{border: 1px solid #dbdbdb; padding: 3px; color: #75717D; height: 23px;}
.pop_con select{border: 1px solid #dbdbdb; padding: 3px; color: #75717D; height: 31px;}
.pop_con .phone_text{padding-bottom: 15px;}
.pop_con .phone_text .tit{font-size: 18px;color: #e118a9;padding-bottom: 12px;font-weight: bold;}
.pop_con .phone_text .text{font-size: 14px;color: #3A3659;font-weight: bold;padding-bottom: 12px;}
.pop_con .phone_text .text em{text-decoration: underline;}
.pop_con .phone_text .btn a{font-size: 13px;color: #e118a9;background: #fff url(//img.x1.co.kr/x1/images/login/bu_arrow.gif) right 3px no-repeat;padding-right: 10px;text-decoration: underline;font-weight: bold;}

.pop_con .phone_write{border: 1px solid #dfdfdf;background: #f2f4f6;text-align: center;padding: 20px 20px 10px;text-align: center;}
.pop_con .phone_write .num{font-size: 18px;color: #3A3659;font-weight: bold;padding-bottom: 10px;}
.pop_con .phone_write .text{font-size: 14px;color: #a3a0a8;font-weight: bold;padding-bottom: 10px;}
.pop_con .phone_write .code_write{border-top: 1px solid #dfdfdf;padding-top: 7px;}
.pop_con .phone_write .code_write input{border: 1px solid #dbdbdb;padding: 3px;color: #75717D;height: 23px;}
.pop_con .text{padding-bottom:8px;font-size:14px;font-weight:700;color:#a3a0a8; padding-top: 20px;}
.pop_write textarea{width:100%;height:188px;border:1px solid #dbdbdb;}
.pop_notice_list{margin: 20px 0 40px;}
.pop_notice_list dl{position:relative;margin-top:15px;}
.pop_notice_list dl dt{position:absolute;left:0;top:-1px;font-size:13px;font-weight:700;color:#e118a9;}
.pop_notice_list dl dd{padding-left:95px;font-size:13px;font-weight:700;color:#3A3659;line-height:20px;}
.pop_notice_list dl .pnl_txt2{color:#a3a0a8;}


/* 회사소개  */
#sub_container .title_company{padding-top:50px;}
.company_info{padding-top:59px;background: url(//img.x1.co.kr/x1/images/company/bg_company_info.png) no-repeat 412px 30px;}
.company_info p{padding-top:15px;font-size:14px;font-weight:700;color:#75717D;line-height:23px;letter-spacing: -0.1em;}
.company_info table{margin-top:45px;}
.info_table{width:370px;border-top: 2px solid #3A3659;border-collapse: collapse;text-align:left;}
.info_table th{padding-left:30px;border-bottom: 1px solid #dbdbdb;background: #f2f4f6;font-size: 14px;font-weight: 700;letter-spacing:-1px;text-align:left;}
.f18 th{font-size: 18px;}
.info_table td{padding:9px 0 9px 20px;border-bottom: 1px solid #dbdbdb;font-size: 14px;font-weight: 700;color: #3A3659;line-height:22px;letter-spacing:-0.1em;}
.company_history{padding-top:112px;background: url(//img.x1.co.kr/x1/images/company/bg_company_history.png) no-repeat 0 110px;zoom:1;}
.company_history:after{content:"";display:block;clear:both;}
.company_history table{float:right;width:398px;margin-top:15px;}
.company_history th{background: transparent;}
.company_history td{color:#75717D;}
.company_contact{padding-top:98px;}
.company_contact .map{padding-top:20px;}
.company_add{display:block;padding-top:18px;font-size:17px;font-weight:700;color:#3A3659;}
.company_add em{color:#e118a9;}
.company_add span{color:#75717D;}
.contact_traffic{overflow:hidden;padding-top:10px;}
.contact_traffic dt{float:left;padding:7px 0 0 22px;font-size:14px;font-weight:700;color:#3A3659;}
.contact_traffic .subway{background: url(//img.x1.co.kr/x1/images/company/ico_subway.png) no-repeat 0 0;}
.contact_traffic .bus{margin-left:65px;background: url(//img.x1.co.kr/x1/images/company/ico_bus.png) no-repeat 0 4px;}
.contact_traffic dd{float:left;padding-top:7px;font-size:14px;font-weight:700;color:#75717D;}
.company_group{padding-top:123px;}
.company_group .cg_section{padding-top:20px;zoom:1;}
.company_group .cg_section:after{content:"";display:block;clear:both;}
.cg_section .cs_span{float:left;padding-left:8px;}
.cg_section .cs_span:first-child{padding-left:0;}
.company_group .cg_section h4{font-size:17px;font-weight:700;color:#75717D;}
.company_group .cg_section ul{margin-left:-6px;font-size:10px;zoom:1;}
.company_group .cg_section ul:after{content:"";display:block;clear:both;}
.company_group .cg_section ul li{float:left;margin:5px 0 0 6px;}
#sub_container .title_company_s{padding:0 0 0 0px;margin:50px 0 10px;/*background: url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;*/font-size: 18px;color: #3A3659;}
.scroll_doc_section{overflow-y:scroll;height:756px;padding:25px;border:1px solid #dbdbdb;border-top:2px solid #3A3659;}
/* 나중에 삭제 */
.scroll_doc_section .sds_ol1{padding-top:30px;}
.scroll_doc_section .sds_list, .scroll_doc_section .sds_list02{padding-top:30px;}
.scroll_doc_section .sds_inner{padding-top:15px;}
.scroll_doc_section strong{font-weight:bold;color:#a3a0a8;}
.scroll_doc_section .sds_list h3{padding-bottom:15px;}
.scroll_doc_section .sds_list>ul>li{padding-bottom:5px;}
.scroll_doc_section .sds_list02>ul>li{padding-bottom:15px;}
.scroll_doc_section .date{display:block;padding-top:30px;font-weight:bold;color:#a3a0a8;text-align:right;}
/* 여기까지 */
.scroll_doc_section .btn_prev{padding-top:30px;text-align:right;}
.scroll_doc_section .btn_prev a{font-weight:bold;color:#75717D;text-decoration: underline;}
.sds_table{width:600px;margin-top:15px;border-top: 2px solid #3A3659;border-collapse: collapse;}
.sds_table th{padding:9px 0;border-left: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;background: #f2f4f6;font-size: 12px;font-weight:bold;color:#a3a0a8;letter-spacing:-1px;text-align:center;}
.sds_table thead th:first-child{border-left:none;}
.sds_table tbody td:first-child{border-left:none;}
.sds_table td{padding:9px 0 9px 20px;border-left: 1px solid #dbdbdb;border-bottom: 1px solid #dbdbdb;font-size: 12px;font-weight:bold;color:#a3a0a8;letter-spacing:-0.1em;}
.recruit_pop{width:600px;padding:30px 0;}
.recruit_pop h1{height:58px;padding:0 30px;background: url(//img.x1.co.kr/x1/images/company/bg_popup_recruit.gif) repeat-x 0 0;text-align:left;}
.recruit_pop_con{padding:20px 30px 0;}
.recruit_pop_con p{text-align:left;}
.recruit_pop_con table{width:100%;margin-top:20px;border-top: 2px solid #3A3659;border-collapse: collapse;text-align:left;}
.recruit_pop_con table th{padding-left:20px;border-bottom: 1px solid #dbdbdb;background: #f2f4f6;font-size: 14px;font-weight: 600;color:#75717D;}
.recruit_pop_con table td{padding:13px 0 13px 20px;border-bottom: 1px solid #dbdbdb;font-size: 14px;font-weight: 600;color: #3A3659;line-height:24px}
.recruit_pop_con table .point{color:#e118a9;}
.doc_history{min-height:600px;}
.doc_history table td{padding:7px 0;}


.broadcast_list{position: relative;padding:20px 15px;border: 1px solid #cac7c6;}
.broadcast_list h3{position: relative;/*background: #fff url(//img.x1.co.kr/x1/images/member/bu_terms.gif) 0 center no-repeat;padding-left: 20px;*/font-size: 18px;color: #3A3659;margin-bottom: 9px;text-align: left;}
.broadcast_list ul li{border-bottom: 1px solid #cac7c6;padding: 15px 80px 8px 70px;position: relative;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;}
.broadcast_list ul li.last{border-bottom: none;}
.broadcast_list ul li a{*display: inline-block;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;font-size: 14px;color: #75717D;font-weight: bold;}
.broadcast_list ul li strong{position: absolute;left: 0;width: 60px;font-size: 14px;color: #a3a0a8;}
.broadcast_list ul li em{position: absolute;right: 0;color: #fff;padding:0 5px;font-size: 12px}
.broadcast_list ul li em.vod_c{border: 1px solid #808399;background: #a3a0a8;}
.broadcast_list ul li em.vod_f{border: 1px solid 3A3659;background: #3A3659;}
.broadcast_list span{position: absolute;right: 15px;top: 20px;background: #fff url(//img.x1.co.kr/x1/images/live/bu_arrow.gif) right 5px no-repeat;padding-right: 10px;}
.broadcast_list span a{font-size: 14px;color: #3A3659;font-weight: bold;}


/* 사이트맵 */
#sub_container .sitemap_col h2{padding-bottom:7px;}
.sitemap_col{overflow:hidden;width:100%;height:390px;margin-top:30px;border-top:2px solid #3A3659;border-bottom:1px solid #dbdbdb;}
.sitemap_section{float:left;width:244px;height:100%;border-left:1px solid #dbdbdb;}
.sitemap_col .sitemap_section:first-child{width:245px;border-left:none;}
.sitemap_section h3{padding:14px 0 12px 20px;border-bottom:1px solid #dbdbdb;background: #f2f4f6;font-size:18px;font-weight:400;color:#494949;line-height:20px;}
.sitemap_section ul{padding:8px 0 0 20px;}
.sitemap_section ul li a{font-size:16px;font-weight:400;color:#494949;line-height:36px;}
.sitemap_section ul li a:hover{color:#e118a9;}

.cont_inline_ban{width:100%;zoom:1;}
.cont_inline_ban:after{content:"";display:block;clear:both;}
.cont_inline_ban a{display:block;float:left;}
.cont_inline_ban img{display:block;float:left;}


/* 팝업 */
.new_pop_wrap1 {position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.notice_pop_id h1{padding:18px 0 16px 20px;background: #e118a9;font-size:18px;font-weight:bold;color:#fff;}
.new_pop_wrap2 {position: fixed;left: 50%;top: 10px;transform: translate(-50%);}
.notice_pop_login h1{padding:18px 0 16px 20px;background: #e118a9;font-size:18px;font-weight:bold;color:#fff;}


/* 신규 아이디 등록 안내 팝업 */
.notice_pop_id{width:700px; border: 7px solid #e1e1e1;}
.notice_pop_id .npw_content{padding:35px 30px 30px; background-color: #fff;}
.notice_pop_id h2{font-size:28px;color:#3A3659;text-align:center;}
.notice_pop_id p{text-align:center;}
.notice_pop_id p strong{color:#e118a9;}
.notice_pop_id .npi_p{padding-top:30px;font-size:18px;font-weight:bold;color:#3A3659;line-height:22px;}
.notice_pop_id .npi_p2{padding-top:30px;font-size:14px;font-weight:bold;color:#3A3659;line-height:22px;}
.notice_pop_id .npi_p3{font-size:14px;font-weight:bold;color:#a3a0a8;line-height:22px;}
.notice_pop_id .npi_new_login{margin-top:40px;padding:40px 0;border:1px solid #e1e1e1;background: #f2f4f6;text-align:center;}
.npi_new_login .phone {height: 29px; width:80px; margin-right: 3px; border: 1px solid #dbdbdb;vertical-align: middle;}
.npi_new_login .agree{margin-bottom: 20px; }
.npi_new_login .agree input {vertical-align:top;}
.npi_new_login .agree span{color:#3850A0;vertical-align:middle;}
.npi_new_login .agree span.line {color:#9c9c9c; padding: 0 10px }
.npi_new_login .agree span a {cursor:pointer; text-decoration: none; }
.npi_form label{margin-right:20px;font-size:14px;font-weight:bold;color:#75717D;vertical-align: middle;}
.npi_form input{width:142px;height:29px;padding:0 10px;margin-right:3px;border:1px solid #dbdbdb;vertical-align: middle;}
.npi_form a{margin-right:5px;vertical-align: middle;}
.npi_form span{font-size:12px;color:#a3a0a8;vertical-align: middle;}
.npi_new_login .npi_form_p{padding-top:15px;margin-bottom:30px;font-size:15px;font-weight:bold;color:#3A3659;}
/* 로그인 안내 팝업 */
.notice_pop_login{width:600px; border: 7px solid #e1e1e1;}
.notice_pop_login .npl_content{padding:40px 0;text-align:center; background-color: #fff;}
.notice_pop_login .npw_point{color:#e118a9;}
.notice_pop_login .npw_point_blue{color:#3850A0;}
.notice_pop_login .npl_p{font-size:18px;font-weight:bold;color:#3A3659;line-height:22px;}
.notice_pop_login .npl_p2{margin:30px 0;font-size:14px;font-weight:bold;color:#a3a0a8;line-height:22px;}
.join_layer_pop{position:fixed;left:50%;top:50%;margin-left:-160px;margin-top:-25%;background: #fff;z-index:10;}

/* 메인 안내 팝업*/
.event_layer_pop_main{position:absolute;left:0;top:0;width:100%;height:100%;z-index:8001;}
.event_layer_pop_main .dim2{position:fixed;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/images/common/bg_dim.png) repeat 0 0; }
.event_layer_pop_main .dim{position:fixed;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/images/common/bg_dim2.png) repeat 0 0; }
.event_layer_pop_main .btn_layerpop_close{display:block;position:absolute;right:15px;top:12px;width:42px;height:42px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_layerpop2.gif) no-repeat 0 0;text-indent:-9999px;}
.event_layer_pop_main2{position:absolute;left:0;top:0;width:100%;height:100%;z-index:8002;}
.event_layer_pop_main2 .dim2{position:absolute;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/images/common/bg_dim.png) repeat 0 0; }
.event_layer_pop_main2 .dim{position:absolute;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/images/common/bg_dim2.png) repeat 0 0; }/*소셜로그인 필명변경 레이어 dim처리 20190419*/
.event_layer_pop_main2 .btn_layerpop_close{display:block;position:absolute;right:15px;top:12px;width:42px;height:42px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_layerpop2.gif) no-repeat 0 0;text-indent:-9999px;}
.event_layer_pop_main2 .btn_layerpop_close2{display:block;position:absolute;right:15px;top:12px;width:42px;height:42px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_layerpop2.gif) no-repeat 0 0;text-indent:-9999px;}
/* 전문가 방송 레이어 팝업 */
.event_layer_pop{display:none;position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;}
.event_layer_pop .dim{position:absolute;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/images/common/bg_dim.png) repeat 0 0; }
.event_layer_pop .elp_specialist{position:fixed;left:50%;top:10px;width:796px;padding:35px 25px 20px;border:7px solid #e1e1e1;margin-left:-400px;background: #fff url(//img.x1.co.kr/x1/images/live/bg_eventpop.gif) no-repeat 525px 15px;}
.event_layer_pop .elp_s_topcont{padding:10px 225px 20px 0;}

/* 230605 플로팅 배너 슬라이드 css 추가 */
.event_layer_pop_main .new_pop_wrap1 {width: 100%; overflow: hidden;}
.event_layer_pop_main .new_pop_wrap1 .new_pop_slide_wrap {width: 932px; margin: 0 auto; overflow: hidden; position: relative;}
.event_layer_pop_main .new_pop_wrap1 .new_pop_slide_wrap:before {content:""; position: absolute; top:0; right:0; width: 1px; height:100%; background: #000; z-index: 99}
.event_layer_pop_main .new_pop_wrap1 .new_pop_slide_wrap .newPop_slideList {width: 100%; height: 353px; position: relative; left:1px; overflow: hidden;}
.event_layer_pop_main .new_pop_wrap1 .new_pop_slide_wrap .newPop_slideList .slick-list {left:-1px; height: 100% }
.event_layer_pop_main .new_pop_wrap1 .new_pop_slide_wrap .newPop_slideList .slick-list .slick-track {height:100%;}
.event_layer_pop_main .new_pop_wrap1 .new_pop_slide_wrap .newPop_slideList .newPop_slideCont img {width:100%; height:100%; object-fit: cover;}
.event_layer_pop_main .new_pop_wrap1 .newPop_btn {width: calc(100% - .2px); display: flex; flex-flow:row wrap; justify-content: space-between; align-items: center; background: #fff; padding: 10px 15px 10px 35px; margin-top:-1px;}
.event_layer_pop_main .new_pop_wrap1 .newPop_btn > div {display: flex; flex-flow:row wrap; align-items: center; background: #fff;}
.event_layer_pop_main .new_pop_wrap1 .newPop_page_wrap {margin-right: 15px; font-size: 13px;}
.event_layer_pop_main .new_pop_wrap1 .newPop_page_wrap span.bold {font-weight:700;}
.event_layer_pop_main .new_pop_wrap1 .newPop_nav_btn_wrap button {background:none; padding:0; margin:0 3px; max-width:28px;}
.event_layer_pop_main .new_pop_wrap1 .newPop_nav_btn_wrap button img {width:100%;}
.event_layer_pop_main .new_pop_wrap1 .newPop_close_btn1 a {display: block; text-align: center; padding: 0 10px; line-height: 28px; border:1px solid #000;}
.event_layer_pop_main .new_pop_wrap1 .newPop_close_btn1 a:first-child {margin-right: 5px;}
.event_layer_pop_main .new_pop_wrap1 .newPop_close_btn2 {cursor: pointer; position: absolute; justify-content: center; top:15px; right:15px; width: 30px; height: 30px; border: 1px solid #000;}
.event_layer_pop_main .new_pop_wrap1 .newPop_close_btn2 img {width: 60%}

.elp_s_topcont p{padding-top:10px;font-size:14px;font-weight:bold;color:#666;line-height:22px;letter-spacing: -1px}
.elp_s_topcont p strong{color:#e118a9;}
.elp_specialist_p span{color:#e118a9;}
.elp_s_topcont .elp_specialist_notice{font-size:14px;font-weight:bold;color:#999;line-height:22px;letter-spacing: -1px}

.elp_s_list{padding-bottom:20px;border:1px solid #e1e1e1;border-top:none;}
.elp_s_list .elp_s_list_left{float: left; padding-top: 30px;}
.elp_s_listbox>strong{display:block;padding:9px 0 8px 20px;background: #464646;font-size:16px;font-weight:bold;color:#fff;line-height:26px;}
.elp_s_listbox ol{padding-left:30px;}
.elp_s_listbox ol li{padding-top:25px;}
.elp_s_listbox ol li strong{position:relative;display:block;padding-left:25px;font-size:16px;font-weight:bold;color:#493859;vertical-align: middle;line-height:19px;}
.elp_s_listbox ol li strong span{position:absolute;left:0;top:0;width:19px;height:19px;background-repeat:no-repeat;background-position:0 0;text-indent:-9999px;}
.elp_s_listbox ol li strong .elp_s_list1{background-image:url(//img.x1.co.kr/x1/images/common/list_num1.gif);}
.elp_s_listbox ol li strong .elp_s_list2{background-image:url(//img.x1.co.kr/x1/images/common/list_num2.gif);}
.elp_s_listbox ol li strong .elp_s_list3{background-image:url(//img.x1.co.kr/x1/images/common/list_num3.gif);}
.elp_s_listbox ol li p{padding:3px 0 0 25px;font-size:14px;font-weight:bold;color:#999;}
.elp_s_imgbox{padding-top:30px;text-align:center;}
.elp_specialist .btn_wrap{margin-top:20px;text-align:center}

/*error404*/
#header_error{position:relative;z-index:500; border-bottom: 1px solid #e118a9;}
#header_error .inner_center{width: 980px;margin: 0 auto;text-align: left;position: relative; }
#header_error .inner_center:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
#header_error h1{float: left;padding-top: 26px;height: 60px;}
#error_container{width: 980px; margin: 0 auto; position: relative; padding-top: 109px; text-align: left; }
#error_container .error_con{text-align: center;}
#error_container .error_con h2{text-align: center; padding-top: 40px; font-size: 30px; color: #333333; position: relative;}
#error_container .error_con p{padding: 22px 0 40px ; font-size: 14px; color: #666666; position: relative;}
#error_container .copy {padding-top:100px; }
#error_container .copy p{text-align: center; font-size: 12px; color: #3A3659; position: relative;}

.invest_top_ad_box{padding-top:10px; margin-top: 10px;}
.invest_top_ad_box ul li{height: 20px;overflow: hidden;}
.invest_top_ad_box ul li .name{float: left;color: #666;font-weight: bold;font-size: 14px;white-space: nowrap;}
.invest_top_ad_box ul li .sbj{float: left;color: #e118a9;font-weight: bold;font-size: 14px; text-decoration :underline; white-space: nowrap;}
.invest_top_ad_box ul li a{cursor: pointer;}

.btn_wrap_auto{text-align: center;margin-top: 20px;}
.btn_wrap_auto a{margin: 0 1px;}


/*17.11.01 추가*/
.plan_event .top1{background: #000000 url(//img.x1.co.kr/x1/images/event/p_img_top_bg.jpg) 50% 50% no-repeat; height:900px }
.plan_event .top1 h2 {margin:80px 0 40px }
/* 랜딩체험 신청 */
.landing_input{padding:50px 125px 30px;border-bottom:1px solid #d6d6d6; background-color:#ffffff;width:600px;margin:0 auto   }
.landing_input.type_info_input{padding:20px 15px 80px;border-top:9px solid #f0f0f0}
.landing_input .title{font-size:16px;font-weight:600}
.landing_input .title_exp{display:block;padding-top:3px;color:#999}
.landing_input .form_wrap{margin-top:10px;/*padding:15px;border:1px solid #dbdbdb*/}
.landing_input .form_wrap .inr{position:relative;padding-left:150px}
.landing_input .form_wrap .inr:first-child{margin-bottom:15px}
.landing_input .form_wrap .inr label{position:absolute;top:6px;left:0;color:#333;font-size:16px;font-weight:bold  }
.landing_input .form_wrap .inr input{width:100%;height:32px;padding:0 5px;border:1px solid #b3b3b3;background-color:#f9f9f9;border-radius:6px;line-height:32px;box-sizing:border-box;font-size:16px;font-weight:bold}
.landing_input .form_wrap .inr .ip_wrap{display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:flex;}
.landing_input .form_wrap .inr .ip_wrap:after{content:'';display:block;clear:both}
.landing_input .form_wrap .inr .ip_wrap .ip_box{float:left;display:inline-block;width:33.33%;/* padding-left:6px; */box-sizing:border-box;position:relative;/* display:block; */-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;flex:1;box-sizing:border-box;padding-right:11px}
.landing_input .form_wrap .inr .ip_wrap .ip_box:last-child{padding-right:0}
.landing_input .form_wrap .inr .ip_wrap .ip_box.last{padding-right:0;content:none}
.landing_input .form_wrap .inr .ip_wrap .ip_box input{}
.landing_input .form_wrap .inr .ip_wrap .ip_box:after{content:'';position:absolute;top:50%;right:0;width:6px;height:1px;margin-right:2px;background-color:#b3b3b3}
.landing_input .form_wrap .inr .ip_wrap .ip_box.last:after{content:none}
.landing_input .form_wrap .inr .ip_wrap .ip_box:last-child:after{content:none}
.landing_input .form_wrap .inr .ip_wrap .ip_box.sel_box{}
.landing_input .form_wrap .inr .ip_wrap .ip_box.sel_box .selectbox{float:left;display:inline-block;width:100%;/* display:block; */-webkit-box-flex:1;-webkit-flex:1;-moz-flex:1;flex:1;box-sizing:border-box;border:1px solid #b3b3b3;border-radius:6px;background:#f9f9f9 url(//img.x1.co.kr/x1/images/kakao/common/arrow_select.png) no-repeat 100% 12px;z-index:1}
.landing_input .form_wrap .inr .ip_wrap .ip_box.sel_box .selectbox select{width:100%;height:30px;line-height:30px;font-family:inherit;border:0;background:transparent;-webkit-appearance:none;-moz-appearance: none;appearance:none;padding-left:5px;vertical-align:top;}
.landing_input .bottom_cont{margin-top:20px}
.landing_input .bottom_cont:after{content:'';display:block;clear:both}
.landing_input .bottom_cont .inr{float:left;margin-left:146px}
.landing_input .bottom_cont .inr label{display:inline-block;margin:1px 0 0 2px;color:#333;vertical-align:top}
.landing_input .bottom_cont .btn_pv{float:right;padding-bottom:2px;border:1px solid #dbdbdb;color:#333;font-size:12px; background-color:#fff }
.landing_input .btn_exp{width:100%;height:40px;margin-top:15px;background-color:#fdeb41;color:#4d3228;font-size:14px;font-weight:600;line-height:40px}
.landing_input .bottom_btn {margin-top:60px }
.landing_input .bottom_btn button {border:none; background-color:#fff;width:507px;padding:0  }
/*IE 7 only （IE7전용）)*/
*:first-child+html .landing_input .form_wrap .inr .ip_wrap .ip_box{width:31%}
*:first-child+html .landing_input .form_wrap .inr .ip_wrap .last.ip_box {margin-left:5px;}
/* 17.11.01 추가끝 */

.plan_event .mid1{background: #e4e2e2;/* padding-top: 169px; */}
.plan_event .mid2{background: #012443;border-bottom: 8px solid #000;}
.plan_event .mid3{background: #f9f9f9;border-bottom: 2px solid #000;}
.plan_event .mid4{background: #f9f9f9;}

.layer_pop_main{position:absolute;left:0px;top:132px;z-index:400;width:100%;height: 400px;}
.layer_pop_main_hts{position:absolute;left:1px;top:193px;z-index:400;width:100%;height: 400px;}

/*스마트+ layer pop  */
.sp_layer_pop_main{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;}
.sp_layer_pop_main .bg_dim{position:absolute;left:0;top:0;width:100%;height:195%;background: url(//img.x1.co.kr/x1/images/common/bg_dim.png) repeat 0 0; }
.sp_new_pop_wrap{position: fixed;left: 30%;top: 20%;margin-left: 30px}
.sp_notice_pop_id h1{width:585px; padding: 5px 0 5px 0;/* background: #46280a; */font-size:20px;font-weight:bold;color:#fff;text-align: center;border:7px solid #fff;}
.sp_notice_pop_id{width:600px;}
.sp_notice_pop_id .npw_content{padding:35px 30px 30px; background-color: #fff;}
.sp_notice_pop_id h2{font-size:28px;color:#3A3659;text-align:center;}
.sp_notice_pop_id p{text-align:center;}
.sp_notice_pop_id p strong{color:#e118a9;}

/* 210128 카톡/문자 홈 수정요건 이호  */
/* 스마트+ 오늘의추천전문가 노출 */
.sp_recom_ex_wrap{padding-top:20px;}
.sp_recom_ex{height: 190px; border: 1px solid #c9c5cf; margin-top:10px;}
.sp_recom_ex .move_ex{width: 897px;padding-left: 37px; float: left; position: relative; top: 20px; display: inline-block; margin: 0px auto;}
.sp_recom_ex .move_ex ul li p{position: relative;text-align: left;padding: 15px 0 15px 15px;height: 125px;overflow: hidden;width: 57%;display: inline-block;}
.sp_recom_ex .move_ex ul li p .home{font-size: 18px;color: #3A3659;font-weight: bold;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 0 no-repeat;padding-right: 25px;display: inline-block;max-width: 80%;}
.sp_recom_ex .move_ex ul li p strong{display: block;font-weight:bold;font-size: 12px;color: #75717D;padding-bottom: 5px;width: 100%;height: 28px;line-height: 16px;margin-bottom: 8px;}
.sp_recom_ex .move_ex ul li p span{display: block;font-weight:bold;font-size: 12px;color: #75717D;width: 100%;margin-top:10px;}
.sp_recom_ex .move_ex ul li p em{font-size: 22px;color: #e118a9;font-weight: normal;}
.sp_recom_ex .move_ex ul li p a.kk_ment{display:block; position:absolute; top:135px; left:35px; color:#422728; font-size: 14px; font-weight: bold;}
.sp_recom_ex .move_ex ul li p a.kk_ment span {display:inline-block; position:absolute; left: -22px; bottom: 0px; width:17px; height:18px; background: url(//img.x1.co.kr/x1/images/f1/ico/ico_kk.png) no-repeat;}
.sp_recom_ex .move_ex ul li .img{position: absolute; left: 47px; bottom: 1px; z-index: -1;}
.sp_recom_ex .move_ex .badge {position: absolute;right: 0%;top:15px;z-index: 10;background: url("//img.x1.co.kr/x1/images/common/ico_medal.png")  right top no-repeat;width: 51px;height: 62px;background-size: contain;}
.sp_recom_ex .move_ex .badge img{width: 100%;}
.sp_recom_ex .move_ex .badge #badge_txt{position:absolute;left: 50%;top: 43%;transform: translate(-45%, -50%);color:#dc9000;font-size: 11.5px;line-height: 1.2em;width: 90%;text-align: center;}
.sp_recom_ex .move_ex .badge #badge_txt span{display: block;}
.sp_recom_ex .move_ex .badge #badge_txt #badgeTop_txt{font-weight:bold;}

.sp_recom_ex .btn{position: absolute; z-index: 100;}
.sp_recom_ex .btn_prev {top: 150px; left: 17px;}
.sp_recom_ex .btn_next {top: 150px; left: 930px;}


/* 스마트+ 수익인증 메뉴 정회원 수익인증 게시판 */
.sp_splist_list_img {padding-top: 20px;}
.sp_splist_list_img h3{position: relative;font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.sp_splist_list_img h3 a{position: absolute;right: 0;top: -5px;}
/* 스마트+ 정회원 수익인증 게시판*/
.boardimg_list {padding-top:13px;margin-bottom:20px }
.boardimg_list ul {display:inline-block; width: 960px;padding:10px 0px 0 12px; overflow:hidden; }
.boardimg_list ul li{display:inline-block;margin:0 10px 20px 0; float:left}
.boardimg_list ul li p{color:#3A3659;font-weight:bold; font-size:15px;text-align:left;  position:relative;letter-spacing:-1px ;margin-bottom:2px }
.boardimg_list ul li p span {position:absolute;top:0;right:2px;text-align:right;color:#807b88; font-size: 12px;letter-spacing:-1px  }
.boardimg_list .only_title {padding-left:10px;}
.boardimg_list ul li div.income_image a {cursor: pointer; position: relative; width: 225px; height: 249px; border: solid 2px #e118a9; display: block; }
.boardimg_list ul li div.income_image a img {display: block; max-width: 98%; width: auto; max-height: 96%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: solid 2px #E6E6E6;}
/* 스마트+ 전문가홈 수익인증 */
.splist_review_list{padding-top:30px;}
.splist_review_list h3{position: relative; font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_review_list h3 a{position: absolute; right: 0px; top: -5px;}
.table_review_list table{width: 100%;}
.table_review_list table th{border-bottom: 1px solid #dbdbdb;border-collapse:collapse; background: #f2f4f6;vertical-align: middle;font-size: 14px;padding: 15px 0 15px 0px;text-align: center;color: #3A3659;}
.table_review_list table th.none{border-left: none;}
.table_review_list table tbody td{font-weight: bold;vertical-align: middle;font-size: 14px;text-align: center;color: #3A3659;}
.table_review_list .boardimg_list {border:0; padding-top:0px; margin-bottom:20px;}

/* 수익인증 데이터 없는 경우 */
.none_img_list{border-bottom:1px solid #dbdbdb; padding: 15px 0px; margin-bottom:20px;}
.none_img_list h3{position: relative; font-size: 14px;color: #3A3659;text-align: center; margin: 0;}
/* // 210128 카톡/문자 홈 수정요건 이호  */



/* main renewal */
/* 오늘의 공개방송 */
.rn_main_live{padding: 30px 0;}
.rn_main_live h2{text-align: left;position: relative;padding-bottom: 10px;}
.rn_main_live>ul{overflow: hidden;width: 996px;margin-left:-16px;}
.rn_main_live>ul>li{float: left;position: relative;border: 1px solid #dbdbdb;width: 313px;margin-left: 16px;}
.rn_main_live .rn_con{position: relative;border-bottom: 1px solid #dbdbdb;text-align: left;height: 151px;overflow: hidden;}
.rn_main_live .rn_con .rn_name{position: absolute;left:15px;top:12px;padding-right: 25px;background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 3px no-repeat;font-size: 18px;color: #3A3659;font-weight: bold;line-height:22px;z-index:1;}
.rn_main_live .rn_con strong{display: block;position: absolute;left:15px;top:48px;padding-left: 22px;background: url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_up_1719.gif) 0 16px no-repeat;font-size: 36px;color: #e118a9;font-family: tahoma, "Nanum Gothic";line-height:44px;}
.rn_main_live .rn_con strong em{font-size: 16px;color: #e118a9;font-weight: normal;font-weight: bold;}
.rn_main_live .rn_con strong em.rn_line{background: url(//img.x1.co.kr/x1/images/main/line_live.gif) 0 center no-repeat;margin-left: 7px;padding-left: 8px;font-size: 14px}
.rn_main_live .rn_con .rn_img{width:100%;text-align: right}
.rn_main_live .rn_btn{position:relative;padding: 20px 0;font-size:0;}
.rn_main_live .rn_btn a:first-child{margin-right: 10px;}
.rn_main_live .rn_last{margin-right: 0;}
.rn_main_live .rn_detail_con{display:none;overflow:hidden;position:absolute;left:0;top:44px;width:283px;height:107px;padding:0 15px;background: #fff;text-align:left;}
.rn_dc_box{float:left;}
.rn_dc_graph{overflow:hidden;width:120px;margin-right:5px;}
.rn_dc_graph dt{float:left;width:30px;margin-top:2px;font-size:13px;color:#3A3659;line-height:22px;}
.rn_dc_graph dd{float:left;width:90px;height:17px;padding-top:5px;margin-top:2px;}
.rn_dc_graph dd span{display:block;overflow:hidden;height:12px;text-indent:-9999px;}
.rn_dc_graph .rn_dg_1 span{background: #89c997;}
.rn_dc_graph .rn_dg_2 span{background: #9082bd;}
.rn_dc_graph .rn_dg_3 span{background: #cea972;}
.rn_dc_info{overflow:hidden;width:158px;}
.rn_dc_info dt{float:left;width:109px;margin-top:2px;font-size:13px;color:#3A3659;line-height:22px;letter-spacing: -1px;}
.rn_dc_info dd{float:left;margin-top:2px;font-size:13px;color:#e118a9;line-height:22px;letter-spacing: -1px;}
.rn_dc_notice{display:block;padding-top:8px;font-size:13px;color:#8c8c8c;clear:both;}
.rn_main_live .rn_ico_view{display:block;overflow:hidden;position:absolute;right:10px;bottom:10px;width:53px;height:53px;background: url(//img.x1.co.kr/x1/images/renew_2016/btn/btn_live_view.png) no-repeat 0 0;text-indent:-9999px;}
.rn_main_live li:hover .rn_mask{display:block;position:absolute;left:-1px;top:-1px;width:311px;height:226px;border:2px solid #e118a9;}
.rn_main_live li:hover .rn_img{display:none;}
.rn_main_live li:hover .rn_detail_con{display:block;}

/* 야간공개방송 신규 200710 */
.main_live2.type01 {height:52px; width: 100%; margin: 0 auto; background: url(//img.x1.co.kr/x1/images/main/bg_livetype2.png) 0 center repeat-x; font-size: 14px; display: inline-block;}/*오늘의 장마감방송*/
.main_live2.type02 {height:52px; width: 100%; margin: 0 auto; background-color:#533574; font-size: 14px; display: inline-block;}/*오늘의 야간방송*/
.main_live2 div { width: 980px;margin: 0 auto;text-align: left;height: 52px;line-height: 52px;}
.main_live2 div h2 {width:200px; padding-top: 11px;float: left;display: inline-block;}
.main_live2 div a {color:#ffffff; font-size: 14px;text-decoration:none; cursor: default;}
.main_live2 div a:HOVER{text-decoration:none; }
.main_live2 div a:before {content: '│'; padding:0 10px;}
.main_live2 div a:before:FIRST-CHILD {content: '' !important;}


/* 로보 추천종목 */
.rn_main_robo{overflow:hidden;border:1px solid #c9c5cf;background: #fff;}
.rn_mr_box{position:relative;float:left;}
.rn_mr_ban{border-right:1px solid #c9c5cf;}
.rn_mr_ban .rn_btn_link{position:absolute;left:53px;bottom:20px;}


.rn_mr_listwrap{width:207px;height:212px;padding:25px 20px 15px;text-align:center;}
.rn_mr_listwrap .rn_title{display:block;font-size:15px;font-weight:700;color:#3A3659;line-height:14px;}
.rn_mr_listwrap .rn_list_item{display:block;font-size:18px;line-height:35px;}
.rn_mr_listwrap .rn_list_point{display:block;padding-bottom:13px;margin-top:5px;background:url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_underbar_pink.gif) no-repeat 50% 100%;}
.rn_mr_listwrap .rn_list_point strong{display:inline-block;font-size:24px;font-weight:700;color:#e118a9;font-family: 'Tahoma', "Nanum Gothic","Dotum",Sans-serif;line-height:30px;vertical-align: middle;}
.rn_mr_listwrap .rn_list_point span{display:inline-block;margin-left:10px;font-size:14px;color:#75717d;font-family: 'Tahoma', "Nanum Gothic","Dotum",Sans-serif;vertical-align: middle;}
.rn_mr_listwrap .rn_list_infolist{padding-top:11px;}
.rn_mr_listwrap .rn_list_infolist li{font-size:13px;font-weight:700;color:#75717d;line-height:20px;}
.rn_mr_listwrap .rn_btn_link{position:absolute;left:53px;bottom:21px;}


/*  로보퀀트 */
.rn_mr_quantwrap {height:252px; widhth:240px;border-left:1px solid #c9c5cf;}
.rn_mr_quantwrap .rn_title{font-size:15px;font-weight:700;color:#3A3659;line-height:14px}
.rn_mr_quantwrap .rn_list_item{display:block;font-size:18px;font-weight:700;line-height:35px}
.rn_mr_quantwrap .rn_ct_table{width:206px;padding:4px 0}
.rn_mr_quantwrap .rn_ct_table td{padding:7px 0;font-weight:700;font-family:'Tahoma',"Nanum Gothic","Dotum",Sans-serif;color:#e118a9;font-size:24px;text-align:right}
.rn_mr_quantwrap .rn_ct_table th{color:#3A3659;font-size:14px;text-align:left}
.rn_mr_quantwrap .rn_btn_link {position:absolute;top:0px; }

/* 종목명/코드번호 검색 */
.rn_mr_searchwrap{float:left;height:232px;padding:20px 19px 0;border-left:1px solid #c9c5cf;}
.rn_mr_search{font-size:0;}
.rn_mr_search input{display:inline-block;float:left;width:120px;height: 23px;padding: 3px;margin-right: 5px;border: 1px solid #dbdbdb;color: #75717D;font-family: "Nanum Gothic","Dotum",Sans-serif;line-height: 23px;vertical-align: middle;}
.rn_mr_search a{display:inline-block;vertical-align: middle;*display:inline;zoom:1}
.rn_mr_searchlist{padding-top:10px;}
.rn_mr_searchlist li{border-top:1px solid #e6e4e7;}
.rn_mr_searchlist li:first-child{border-top:none;}
.rn_mr_searchlist a{display:block;width:158px;padding:6px 25px 6px 12px;background:url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_arrow_0809.png) no-repeat 186px 50%;font-size:15px;color:#3A3659;line-height:23px;}
.rn_mr_searchlist a:hover{text-decoration: none}

/*로보스탁 수익률 마이너스 일 때 (메인)*/
.rn_list_point2{display:block;padding-bottom:13px;margin-top:5px;background: url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_underbar_pink.gif) no-repeat 0 100%;}
.rn_list_point2 strong{display:inline-block;font-size:24px;font-weight:700;color:#e118a9;font-family: 'Tahoma', "Nanum Gothic","Dotum",Sans-serif;line-height:30px;vertical-align: middle;}
.rn_list_point2 span{display:inline-block;margin-left:10px;font-size:14px;color:#75717d;font-family: 'Tahoma', "Nanum Gothic","Dotum",Sans-serif;vertical-align: middle;}

/* 무료체험 */
.rn_main_exranking{margin-top:16px;}
.rn_main_exranking.top .sms_box a{width:438px;background:url(//img.x1.co.kr/x1/images/renew_2016/main/ban_ex.gif) no-repeat 100% 100%}
.rn_main_exranking.top .sms_box a strong{padding-bottom:7px;}
.rn_main_exranking.top .sms_box .rn_cont strong{display:inline;padding-bottom:0;font-size:18px;}

/* 랭킹 */
.rn_main_exranking.top .experts_wrap{width:438px;}
.rn_main_exranking.top .rn_more{position: absolute;right: 20px;top:20px;padding-right: 11px;background: url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_more_arrow.gif) right 6px no-repeat;font-size:14px;font-weight: 700;color: #75717D;}

/* 수익률뽐내기 & 전문가방송*/
.rn_main_multiboard{overflow:hidden;margin-top:16px;}
.rn_mm_box{float:left;width: 438px;height: 142px;padding:20px;border: 1px solid #c9c5cf;}
.rn_mm_box.rn_board_invest{margin-right: 16px;}
.rn_board_invest{position: relative;overflow: hidden;background: #fff;}
.rn_board_invest .rn_title{display:block;padding-bottom: 18px;font-size: 16px;font-weight: bold;}
.rn_board_invest p{position: absolute;left: 124px;top: 20px;color: #3A3659;font-weight:bold;}
.rn_board_invest ul{overflow: hidden;}
.rn_board_invest li{height: 22px;padding-bottom:6px;overflow: hidden;}
.rn_board_invest li a{display:block;height:18px;}
.rn_board_invest li span{display:block;overflow:hidden;float: left;font-size: 14px;line-height:18px;height:18px;vertical-align: middle;white-space: nowrap;text-overflow:ellipsis;}
.rn_board_invest .rn_sp{width: 90px;color: #3A3659;}
.rn_board_invest .rn_sbj{width: 110px;color: #e118a9;font-weight: bold;}
.rn_board_invest .rn_num{width: 53px;padding-left: 17px;font-size: 16px;color: #e118a9;font-weight: bold;background: url(//img.x1.co.kr/x1/images/main/bu_arrow5.gif) 0 2px no-repeat;}
.rn_board_invest .rn_name{width: 168px;color: #3A3659;}
.rn_board_invest .rn_more{position: absolute;right: 20px;top:20px;padding-right: 11px;background: url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_more_arrow.gif) right 6px no-repeat;font-size:14px;font-weight: 700;color: #75717D;}
.rn_board_notice{position: relative;background: #fff;float: right;}
.rn_board_notice .rn_title{display:block;padding-bottom: 18px;font-size: 16px;font-weight: bold;}
.rn_board_notice li{position:relative;padding:0 105px 6px 0;width:335px;height: 22px}
.rn_board_notice li a{display: block;position:relative;padding-right:20px;font-size: 14px;color: #3A3659;line-height:18px;white-space: nowrap;text-overflow:ellipsis;}
.rn_board_notice li img{vertical-align: middle;}
.rn_board_notice .rn_info{position:absolute;right:0;top:0;}
.rn_board_notice .rn_info span{font-size:14px;color:#3A3659;line-height:18px;}
.rn_board_notice .rn_more{position: absolute;right: 20px;top:18px;padding-right: 11px;background: url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_more_arrow.gif) right 6px no-repeat;font-size:14px;font-weight: 700;color: #75717D;}
.rn_board_notice p{position: absolute;left: 170px;top: 20px;color: #3A3659;font-weight:bold;}

.ror_list_count{display:inline; font-size:1.5em; font-weight:bold; position:relative; top:22px;}
.ror_list_count .count {color: #e118a9;}

/* 투자전략 */
.board_wrap .rn_oneline_notice{margin-top:16px;}
.rn_oneline_notice{position:relative;overflow:hidden;padding:16px 20px;border:1px solid #c9c5cf;background: #fff;}
.rn_oneline_notice .rn_title{display:block;float:left;font-size:16px;font-weight:700;color:#3A3659;line-height:20px;}
.rn_oneline_notice .rn_cont{display:block;overflow:hidden;float:left;width:790px;margin-left:30px;font-size:14px;color:#3A3659;line-height:20px;white-space: nowrap;text-overflow:ellipsis;}
.rn_oneline_notice .rn_cont img{margin-left:10px;vertical-align: middle;}
.rn_oneline_notice .rn_more{position: absolute;right: 20px;top:17px;padding-right: 11px;background: url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_more_arrow.gif) right 6px no-repeat;font-size:14px;font-weight: 700;color: #75717D;}

#con p{line-height: 1.8;font-size: 13pt; color: #494949}

.edu_recruit{position: absolute;top:30px; right: -125px;}

/* 로보스탁 */
#layer_popup1{ position: absolute; text-align: right; z-index: 100000; display: none;}
#layer_popup1 div{ margin-bottom: 5px; }

#mask{ position:absolute; z-index:9000; background-color:#000000; display:none; left:0; top:0; }

#robo_today_close {background-color: #333333; width:447px;height: 15px; padding: 2px 0px; display: block; text-align: right;}
#robo_today_close img{margin: 2px 5px 0 0;}

.robo_pop{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1000;}
.robo_pop .dim2{position:absolute;left:0;top:0;width:100%;height:100%;background: url(//img.x1.co.kr/x1/images/common/bg_dim.png) repeat 0 0; }
.robo_pop .btn_layerpop_close{display:block;position:absolute;right:15px;top:12px;width:42px;height:42px;background: url(//img.x1.co.kr/x1/images/btn/btn_close_layerpop2.gif) no-repeat 0 0;text-indent:-9999px;}
.new_robo_pop_wrap2 {position: fixed;left: 55%;top: 15%;margin-left: -307px}
.robo_notice_pop_login{width:447px; border: 7px solid #e1e1e1;}

.display_none{display: none !important;}

/*** 에프원 영역 160628 신규 ***/
.pop_page{min-width:auto;}
/* 카카오톡 실시간 리딩 신청방법 / 문자서비스 3일 체험 신청 방법 */
.pop_apply{position:relative;width:630px;height:376px;background:#fff}
.pop_apply h2{padding-left:59px;border-bottom:1px solid #d4d4d4;font-weight:bold;color:#000;font-size:22px;text-align:left;line-height:69px}
.pop_apply .pop_apply_h{background:url(//img.x1.co.kr/x1/images/f1/ico/ico_kk2.png) no-repeat 20px 22px}
.pop_apply .pop_apply_h2{background:url(//img.x1.co.kr/x1/images/f1/ico/ico_sms.png) no-repeat 20px 22px}
.pop_apply ul{padding:20px 20px 30px;*zoom:1}
.pop_apply ul:after{content:'';display:block;clear:both}
.pop_apply li{float:left;width:136px;margin-left:15px}
.pop_apply li:first-child{margin-left:0}
.pop_apply span{display:block;padding-top:11px;font-weight:bold;color:#000;font-size:14px;text-align:center;}
.pop_apply em{color:#666;font-size:13px}
.pop_apply .btn_apply{overflow:hidden;display:block;width:212px;height:46px;margin:0 auto;background:url(//img.x1.co.kr/x1/images/f1/button/btn_pop_apply.jpg) no-repeat;line-height:99em}
.pop_apply .btn_close{overflow:hidden;position:absolute;top:0;right:0;width:70px;height:69px;background:url(//img.x1.co.kr/x1/images/f1/button/btn_close.jpg) no-repeat;border:0;line-height:99em}

/* 주식태후 카카오톡 실시간 리딩 */
.pop_stock_rd{position:relative;width:560px;height:570px;background:#fff}
.pop_stock_rd h2{padding-left:20px;border-bottom:1px solid #d4d4d4;font-weight:bold;color:#000;font-size:22px;text-align:left;line-height:69px}
.pop_stock_rd .pop_sr_inner{width:100%;padding:20px 0;*zoom:1}
.pop_stock_rd .pop_sr_inner:after{content:'';display:block;clear:both}
.pop_stock_rd .pop_sr_inner li{float:left;width:248px;height:339px;margin-left:20px;border:1px solid #d2d2d2;text-align:center}
.pop_stock_rd .pop_sr_inner li>img{padding:29px 0 20px}
.pop_stock_rd .pop_sr_inner strong{display:block;font-size:16px}
.pop_stock_rd .pop_sr_inner strong>span{color:#e118a9}
.pop_stock_rd .pop_sr_inner p{padding:15px 0 20px;color:#666;font-size:13px}
.pop_stock_rd .pop_sr_inner a{display:inline-block}
.pop_stock_rd .pop_sr_inner .tel{height:42px;padding-left:34px;*zoom:1}
.pop_stock_rd .pop_sr_inner .tel:after{content:'';display:block;clear:both}
.pop_stock_rd .pop_sr_inner .tel label{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap}
.pop_stock_rd .pop_sr_inner .tel input{float:left;width:40px;height:25px;padding:0 5px;border:1px solid #c9c9c9;line-height:25px}
.pop_stock_rd .pop_sr_inner .tel span{float:left;color:#c9c9c9;padding:5px 4px 0;vertical-align:top}
.pop_stock_rd .pop_sr_inner2{height:44px;padding:0 20px;*zoom:1}
.pop_stock_rd .pop_sr_inner2:after{content:'';display:block;clear:both}
.pop_stock_rd .pop_sr_inner2 .ck_wrap{float:left;font-weight:bold}
.pop_stock_rd .pop_sr_inner2 .ck_wrap input{margin-right:3px;vertical-align:middle}
.pop_stock_rd .pop_sr_inner2 .ck_wrap label{color:#000;font-size:15px;vertical-align:middle}
.pop_stock_rd .pop_sr_inner2 .clause{float:right;padding-right:10px;color:#666;font-size:13px;background:url(//img.x1.co.kr/x1/images/f1/ico/sign.jpg) no-repeat 100% 3px}
.pop_stock_rd .pop_sr_inner2 .clause span{text-decoration:underline}
.pop_stock_rd .pop_sr_inner3{text-align:center;}
.pop_stock_rd .pop_sr_inner3 a{display:inline-block;margin:0 5px;vertical-align: top}
.pop_stock_rd .btn_close{overflow:hidden;position:absolute;top:0;right:0;width:70px;height:69px;background:url(//img.x1.co.kr/x1/images/f1/button/btn_close.jpg) no-repeat;border:0;line-height:99em}

/* 카톡 실시간 리딩 무료신청 */
.pop_katalk_ac{position:relative;width:630px;height:1112px;background:#fff;text-align:left}
.pop_katalk_ac h3{padding:31px 0 26px 36px;color:#43272a;font-size:22px}
.pop_katalk_ac .pop_ka_inner{padding:0 20px}
.pop_katalk_ac .pop_ka_inner h3{background:url(//img.x1.co.kr/x1/images/f1/ico/ico_write.png) no-repeat 0 25px}
.pop_katalk_ac .pop_ka_inner label{display:block;padding-bottom:8px}
.pop_katalk_ac .pop_ka_inner input{width:64px;height:28px;padding:0 5px;border:2px solid #c9c9c9;line-height:28px}
.pop_katalk_ac .pop_ka_inner select{width:466px;height:32px;padding:2px;border:2px solid #c9c9c9;color:#000}
.pop_katalk_ac .pop_ka_inner ul{padding-bottom:10px}
.pop_katalk_ac .pop_ka_inner ul li{padding-bottom:20px;color:#000;font-size:14px}
.pop_katalk_ac .pop_ka_inner ul li>span{display:inline-block;margin:0 2px;color:#c9c9c9;line-height:30px;vertical-align:top}
.pop_katalk_ac .pop_ka_inner2{padding:0 20px;background:#f8f7ef}
.pop_katalk_ac .pop_ka_inner2 h3{background:url(//img.x1.co.kr/x1/images/f1/ico/ico_manner.png) no-repeat 0 25px}
.pop_katalk_ac .pop_ka_inner2 ul{height:220px;padding:0 1px;*zoom:1}
.pop_katalk_ac .pop_ka_inner2 ul:after{content:'';display:block;clear:both}
.pop_katalk_ac .pop_ka_inner2 li{float:left;width:131px;background:url(//img.x1.co.kr/x1/images/f1/ico/ico_sign2.png) no-repeat 0 50px;padding-left:21px}
.pop_katalk_ac .pop_ka_inner2 li:first-child{padding-left:0;background:none}
.pop_katalk_ac .pop_ka_inner2 span{display:block;width:126px;padding-top:12px;color:#000;font-size:13px;text-align:center}
.pop_katalk_ac .pop_ka_inner3{padding:0 20px 25px}
.pop_katalk_ac .pop_ka_inner3 h3{background:url(//img.x1.co.kr/x1/images/f1/ico/ico_note.png) no-repeat 0 25px}
.pop_katalk_ac .pop_ka_inner3 strong{display:block;padding-top:10px;color:#e118a9;font-size:16px}
.pop_katalk_ac .pop_ka_inner3 li{background:url(//img.x1.co.kr/x1/images/f1/ico/ico_chk.jpg) no-repeat 0 5px;padding:0 0 5px 15px;color:#666;font-size:14px}
.pop_katalk_ac .pop_ka_inner4{padding:0 20px}
.pop_katalk_ac .pop_ka_inner4 .c_box_wrap{height:19px;padding:17px 0 28px;border-top:1px solid #d2d2d2;*zoom:1}
.pop_katalk_ac .pop_ka_inner4 .c_box_wrap:after{content:'';display:block;clear:both}
.pop_katalk_ac .pop_ka_inner4 .c_box_wrap .c_box{float:left;font-weight:bold}
.pop_katalk_ac .pop_ka_inner4 .c_box_wrap .c_box input{margin-right:3px;vertical-align:middle}
.pop_katalk_ac .pop_ka_inner4 .c_box_wrap .c_box label{color:#000;font-size:15px;vertical-align:middle}
.pop_katalk_ac .pop_ka_inner4 .c_box_wrap a{float:right;padding-right:10px;color:#666;font-size:13px;background:url(//img.x1.co.kr/x1/images/f1/ico/sign.jpg) no-repeat 100% 3px}
.pop_katalk_ac .pop_ka_inner4 .c_box_wrap a>span{text-decoration:underline}
.pop_katalk_ac .pop_ka_inner4 .btn_ka_wrap{padding-left:110px;*zoom:1}
.pop_katalk_ac .pop_ka_inner4 .btn_ka_wrap:after{content:'';display:block;clear:both}
.pop_katalk_ac .pop_ka_inner4 .btn_ka_wrap a{float:left;margin:0 5px}

/* 이용약관 */
.pop_stock_rd .pop_sr_inner4{overflow:auto;height:460px;padding:20px;text-align:left}
.pop_stock_rd .pop_sr_inner4 h3{color:#000;font-size:14px}

/** 메인 페이지 **/
/* 카톡 실시간리딩 무료신청 */
.f1_main_aside{position:absolute;top:109px;right:-230px;width:200px;height:849px}
.katalk_rdg_wrap{width:158px;height:211px;padding:132px 21px 0;background:url(//img.x1.co.kr/x1/images/f1/common/katalk_reading_bg.png) no-repeat 0 0;text-align:center}
.katalk_rdg_wrap .blind{display:block;overflow:hidden;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;white-space:nowrap}
.katalk_rdg_wrap .accrue_member{color:#666}
.katalk_rdg_wrap .accrue_member strong{color:#e118a9}
.katalk_rdg_wrap .kr_inner{margin-top:10px;padding-top:10px;border-top:1px solid #e0dfe1}
.katalk_rdg_wrap .kr_inner .btn_katalk_rdg{overflow:hidden;display:block;margin-top:10px}
.katalk_rdg_wrap .kr_inner div{zoom:1}
.katalk_rdg_wrap .kr_inner div:after{content:'';display:block;clear:both}
.katalk_rdg_wrap .kr_inner .kr_nt{height:29px}
.katalk_rdg_wrap .kr_inner .kr_nt label{float:left;width:32px;font-weight:700;color:#3A3659;text-align:left;vertical-align:top;line-height:23px}
.katalk_rdg_wrap .kr_inner .kr_nt input{float:left;height:21px;margin-bottom:6px;padding:0 5px;border:1px solid #c0bec3;line-height:21px}
.katalk_rdg_wrap .kr_inner .kr_name input{width:114px}
.katalk_rdg_wrap .kr_inner .kr_tel input{width:28px}
.katalk_rdg_wrap .kr_inner .kr_tel .mg{margin:0 3px}
.katalk_rdg_wrap .kr_inner .kr_checkbox{text-align:left}
.katalk_rdg_wrap .kr_inner .kr_checkbox input{margin-right:3px;vertical-align:middle}
.katalk_rdg_wrap .kr_inner .kr_checkbox label{width:137px;color:#666;vertical-align:middle}
.katalk_rdg_wrap .kr_inner .kr_checkbox span{text-decoration:underline}

/* 베스트 전문가 카톡방 */
.katalk_room_wrap h4{padding:27px 0 14px 27px;background:url(//img.x1.co.kr/x1/images/f1/ico/ico_trophy.png) no-repeat 0 27px;font-size:15px}
.katalk_room_wrap ol{width:194px;border:1px solid #d6d2d7}
.katalk_room_wrap li{position:relative;height:63px;padding:12px 16px 11px;border-top:1px solid #d6d2d7;*zoom:1}
.katalk_room_wrap li:first-child{border-top:none}
.katalk_room_wrap li:after{content:'';display:block;clear:both}
.katalk_room_wrap .num{position:absolute;top:-1px;left:-1px;width:20px;height:20px;text-align:center;border:1px solid #e118a9;font-weight:bold;color:#e118a9;line-height:20px}
.katalk_room_wrap img{float:left}
.katalk_room_wrap p{float:right;width:90px}
.katalk_room_wrap .name{color:#000;font-weight:bold}
.katalk_room_wrap .exp_member{color:#333}
.katalk_room_wrap .btn_kk_go{display:block;margin-top:3px}

/* 문자서비스 무료체험 신청 방법 */
.method_app_wrap{width:176px;height:140px;margin-top:30px;padding:15px 0 0 20px;background:#f3f2f1}
.method_app_wrap:after{content:'';display:block;clear:both}
.method_app_wrap h4{padding-bottom:9px;font-size:13px}
.method_app_wrap h4>span{display:block;color:#3A3659;font-size:16px}
.method_app_wrap a{float:left;width:76px;margin-right:4px}

/* 운영자 초이스 전문가 추천 */
.cho_master_wrap{position:relative;padding:35px 0 48px;background-color:#eaeef0}
.cho_master_wrap .cm_inner{width:980px;margin:0 auto}
.cho_master_wrap h3{background:url(//img.x1.co.kr/x1/images/f1/ico/ico_main_h4.png) no-repeat 0 0;padding:0 0 18px 35px;font-size:18px;text-align:left;line-height:28px}
.cho_master_wrap .cm_master_lst{position:relative;width:980px}
.cho_master_wrap .cm_master_lst .cm_master_slider{*zoom:1}
.cho_master_wrap .cm_master_lst .cm_master_slider:after{content:'';display:block;clear:both}
.cho_master_wrap .cm_master_lst li{float:left;position:relative}
.cho_master_wrap .cm_master_lst a{display:block}
.cho_master_wrap .cm_master_lst .ico_best{overflow:hidden;position:absolute;top:0;left:16px;width:48px;height:68px;background:url(//img.x1.co.kr/x1/images/f1/ico/ico_best.png) no-repeat 0 0;text-indent:-9999px}
.cho_master_wrap .cm_master_lst .ico_best2{overflow:hidden;position:absolute;top:0;left:16px;width:48px;height:68px;background:url(//img.x1.co.kr/x1/images/f1/ico/ico_best2.png) no-repeat 0 0;text-indent:-9999px}
.cho_master_wrap .cm_master_lst .name{position:absolute;top:83px;left:16px;color:#3A3659;font-size:16px;text-align:left;width: 110px}
.cho_master_wrap .cm_master_lst .name strong{display:block;font-size:24px;line-height:29px;width: 120px;}
.cho_master_wrap .cm_master_lst .btn_cho{position:absolute;bottom:22px;left:16px}
.cho_master_wrap .cm_master_lst .btn_prev a,
.cho_master_wrap .cm_master_lst .btn_next a{display:block;height:100%}
.cho_master_wrap .cm_master_lst .btn_prev,
.cho_master_wrap .cm_master_lst .btn_next{overflow:hidden;position:absolute;top:101px;z-index:10;width:31px;height:50px;text-indent:-9999px}
.cho_master_wrap .cm_master_lst .btn_prev{left:-51px;background:url(//img.x1.co.kr/x1/images/f1/button/btn_prev.png) no-repeat 0 0}
.cho_master_wrap .cm_master_lst .btn_next{right:-51px;background:url(//img.x1.co.kr/x1/images/f1/button/btn_next.png) no-repeat 0 0}

.onair_list ul li .event {position: absolute;width:45px;height:42px; right: 10px; top:75px; z-index:500; background: url(//img.x1.co.kr/popup/161115/bg_event.png) 0 0 no-repeat;padding-top:8px; line-height: 15px ;text-align:center;}
.onair_list ul li .event .e_tit{color:#fff; font-weight: bold; font-size: 8px;line-height:12px}
.onair_list ul li .event .number{color:#fff; font-weight: bold; font-size:10px;display: block;letter-spacing: -1px;line-height:13px;width:40px;margin-top: 1px;}
.onair_list ul li .event .number i{font-style: normal;font-size: 13px;margin-left: 5px;}

/*전문가 보이는 타입*/
.live_quick_3  {position: absolute;top: 48px;right: 31px;}
.live_quick_3 .live_edu3{width: 102px; height:75px;padding:35px 20px 0 20px; font-size:16px; background-color: #f2f4f6; letter-spacing: -1px; font-weight: bold; text-align: center; border:solid 2px #e118a9}
.live_quick_3 .live_edu3 a{color:#e118a9;}
.live_quick_3 .live_edu3 a span {display:block;margin-bottom:5px}
/*텍스트만 보이는 타입*/
.live_quick_4{position: absolute;top:0px; right: 350px;}
.live_quick_4 .live_edu4{width: 102px; height:75px;padding:35px 20px 0 20px; font-size:16px; background-color: #f2f4f6; letter-spacing: -1px; font-weight: bold; text-align: center; border:solid 2px #e118a9}
.live_quick_4 .live_edu4 a{color:#e118a9;}
.live_quick_4 .live_edu4 a span {display:block;margin-bottom:5px}

/*메인 좌측 롤링배너*/
/*
공개방송이 있을때는 #l_rolling {top:58px;} .l_banner{top:277px}
공개방송이 없을때는  #l_rolling {top:30px;} .l_banner{top:249px}
*/
#l_rolling {position: absolute; left: -100px; top: 58px; border:1px solid #dbdbdb;background-color:#fff; width:83px;height:213px; display:inline-block; }
#l_rolling a, #l2_rolling a {cursor: pointer;}
#l_rolling .banner, #l2_rolling .banner {width: 83px;height:189px; overflow:hidden;}
#l_rolling .banner li, #l2_rolling .banner li{height:189px;}
#l_rolling .line, #l2_rolling .line {padding:0 3px;width: 66px;height:1px;background-color:#dbdbdb;margin: 0 auto 4px auto;}
#l_rolling .ln_slider_controls a, #l2_rolling .ln_slider_controls a{display: block;width: 15px;height: 15px;text-indent: -9999px;}
#l_rolling .btn_left, #l2_rolling .btn_left{width: 15px;height: 15px; float:left; margin: 0 5px 0 25px;}
#l_rolling .btn_left a, #l2_rolling .btn_left a{background:url(//img.x1.co.kr/x1/images/popup/btn_pre.gif) 0 0 no-repeat;}
#l_rolling .btn_right, #l2_rolling .btn_right{width: 15px;height: 15px;float:left;}
#l_rolling .btn_right a, #l2_rolling .btn_right a{background:url(//img.x1.co.kr/x1/images/popup/btn_nex.gif) 0 0 no-repeat;}
#l_rolling .banner li .text , #l2_rolling .banner li .text {font-size:12px; font-weight: 900; text-align:center;}
#l_rolling .banner li .text2 , #l2_rolling .banner li .text2 {font-size:12px; margin-top: 6px;letter-spacing: -1px; line-height: 16px; text-align:center;}
#l_rolling .imgBanner img, #l2_rolling .imgBanner img {width: 220%; position: absolute;top: -8px;left: -39px;}
#l_rolling .imgBanner, #l2_rolling .imgBanner {width:72px;margin: 4px auto;box-sizing: border-box;overflow: hidden;position: relative;height: 95px;}
#l_rolling .banner .urlTarget, #l2_rolling .banner .urlTarget {cursor:pointer;}

#l2_rolling {position: absolute; left: -100px; top: 281px; border:1px solid #dbdbdb;background-color:#fff; width:83px;height:213px; display:none; }

.l_banner {position: absolute;left: -100px; top: 277px; }
.l_banner a {cursor: pointer;}

/*전문가방송 홈 하단 가입상담 안내 고정*/
#member_join {position:fixed; bottom:0px;left:0px; width: 100%; height:146px; background-color:#474151; z-index:11; }
#member_join .banner_bottom {position:relative; background:url(//img.x1.co.kr/x1/images/popup/ad_bottom.png) 0 0 no-repeat;width: 980px; height:146px; margin: 0 auto; }
#member_join .banner_bottom .cont {position:absolute;top:65px;left:24px; width:264px ;height:56px;}
#member_join .banner_bottom .cont .tit {display:block; text-indent:-999em }
#member_join .banner_bottom .cont #phone1, #member_join .banner_bottom .cont #phone2, #member_join .banner_bottom .cont #phone3 {position:absolute;font-size:14px;color:#474151;  width:70px;height:20px; border:none;background-color: none }
#member_join .banner_bottom .cont #phone1 	{top:5px; left:5px;  }
#member_join .banner_bottom .cont #phone2	{top:5px; left:96px;  }
#member_join .banner_bottom .cont #phone3	{top:5px; left:187px;  }
#member_join .banner_bottom .cont a.btn {position:absolute;top:37px;left:0px;width:254px;height:20px; display: block;text-indent:-999em; cursor: pointer;}
#member_join .banner_bottom .cont a span{display:block; }
#member_join .banner_bottom .cont2, #member_join .banner_bottom .cont3 {display:block;text-indent: -999em}
#member_join .banner_bottom .closebtn {position:absolute;top:21px;right:20px; width:22px ;height:24px;cursor:pointer;}
#member_join .banner_bottom .closebtn a{display:block; text-indent:-999em; }

/* 가입상담문의 안내 신청시 나오는 팝업 */
#memberon {position:fixed; bottom:20px; right:20px; z-index: 9999; display: none}
#member {position:fixed; /*bottom:20px;*/ bottom:50px; right:20px; width: 244px;height:247px ; z-index: 9999; background-color: #fff; border: 1px solid #ef16aa;}
#member .tit {position:relative; width: 244px;height:22px; background-color:#ef16aa; color:#fff}
#member .tit a {position: absolute; right: 10px; top:3px; cursor: pointer;}
#member .cont01 {height: 35px;padding:0 10px;margin-top:12px }
#member .cont01 .left {display: inline-block;float: left}
#member .cont01 .right {display: inline-block;float: left;margin:5px 0 0 10px; font-size: 10px; line-height: 12px}
#member .cont02 {margin: 10px 0;}
#member .cont02 span{}
#member .cont02 .phone {}
#member .cont02 select {width:60px; border:1px solid #d0d0d0;}
#member .cont02 input[type="text"] {width:50px;border: 1px solid #d0d0d0;}
#member textarea.cont03  {width:224px; height:60px ;border: 1px solid #d0d0d0;}
#member .cont04 { text-align: center; margin: 10px 0; font-size: 10px}
#member .cont04 input{vertical-align: bottom;}
#member .cont05 {}
#member .cont05 a{cursor: pointer;}

#l_rolling {position: absolute; left: -100px; top: 58px; border:1px solid #dbdbdb;background-color:#fff; width:83px;height:213px; display:none; }
#l_rolling a {cursor: pointer;}
#l_rolling .banner {width: 83px;height:189px; overflow:hidden;}
/* #l_rolling .btn_left{width: 15px;height: 15px; float:left; margin: 0 5px 0 25px;} */
#l_rolling .btn_right{width: 15px;height: 15px;float:left;}

.l_banner {position: absolute;left: -100px; top: 277px; }

/*전문가방송 홈 하단 가입상담 안내 고정:180103*/
#marketing_join {position:fixed; bottom:0px;left:0px; width: 100%; height:218px; background-color:#474151; z-index:8000 }
#marketing_join .banner_bottom {position:relative; background:url(//img.x1.co.kr/x1/images/popup/marketing/bg_bottom.png) 0 -8px no-repeat;width: 980px; height:192px; margin: 0 auto; }
#marketing_join .banner_bottom .cont {position:absolute;top:15px;left:24px; width:264px ;height:129px;}
#marketing_join .banner_bottom .cont .tit {position:absolute;top:-8px;left:0px;}
#marketing_join .banner_bottom .cont .name{position:absolute;font-size:14px;color:#474151;top:39px; left:15px;}
#marketing_join .banner_bottom .cont #name {position:absolute;font-size:14px;color:#474151;  width:161px;height:18px; border:1px solid #474151; padding:5px;top:34px; left:91px;}
#marketing_join .banner_bottom .cont #phone01,#marketing_join .banner_bottom .cont #phone02,#marketing_join .banner_bottom .cont #phone03 {position:absolute;font-size:14px;color:#474151;  width:70px;height:18px; border:1px solid #474151; padding:5px; }
#marketing_join .banner_bottom .cont #phone01 	{top:71px; left:0px; height:29px; width:81px    }
#marketing_join .banner_bottom .cont #phone02	{top:70px; left:91px;  }
#marketing_join .banner_bottom .cont #phone03	{top:70px; left:182px;  }
#marketing_join .banner_bottom .cont .chek {position:absolute;top:106px;left:-50px; width:264px ;height:14px;color:#aaa6a3;font-size:10.5px}
#marketing_join .banner_bottom .cont .chek a{color:#6b95ce;cursor: pointer; }
#marketing_join .banner_bottom .cont .chek input{vertical-align:middle; }
#marketing_join .banner_bottom .cont a.btn {position:absolute;top:150px;left:0px;display: block;cursor: pointer;}
#marketing_join .banner_bottom .cont2{position:absolute;top:48px;left:304px;border:1px solid #dbdbdb; width:234px; height:115px;}
#marketing_join .banner_bottom .cont3{position:absolute;top:49px;left:545px; width:210px; height:117px;}
#marketing_join .banner_bottom .cont3 ul{}
#marketing_join .banner_bottom .cont3 ul li{border:1px solid #dbdbdb; }
#marketing_join .banner_bottom .cont3 ul li:FIRST-CHILD{margin-bottom:1px }
#marketing_join .banner_bottom .cont4{position:absolute;top:49px;left:760px;}
#marketing_join .banner_bottom .cont4 ul li{margin-bottom:3px}
#marketing_join .banner_bottom .cont4 ul li.call {display:block; margin-top:13px}
#marketing_join .banner_bottom .closebtn {position:absolute;top:15px;right:20px; width:22px ;height:22px;cursor:pointer;}
#marketing_join .banner_bottom .close a{position:absolute;top:195px;left:430px; color:#ffffff;cursor:pointer}

/* 감사후기 */
.splist_list_img {padding-top: 30px;}
.splist_list_img h3{position: relative;font-size: 18px;color: #3A3659;margin-bottom: 10px;text-align: left;}
.splist_list_img h3 a{position: absolute;right: 0;top: -5px;}
.splist_list_img .boardimg_list {border:1px solid #dbdbdb;padding-top:18px;margin-bottom:20px }
.splist_list_img .boardimg_list ul {width: 960px; height:330px ; padding:0 0px 0 12px; overflow:hidden;  }
.splist_list_img .boardimg_list ul li{display:inline-block;margin:0 10px 20px 0; width: 230px; height:148px;float:left   }
.splist_list_img .boardimg_list ul li p{color:#3A3659;font-weight:bold; font-size:15px;text-align:left;  position:relative;letter-spacing:-1px ;margin-bottom:2px }
.splist_list_img .boardimg_list ul li p span {position:absolute;top:0;right:2px;text-align:right;color:#807b88; font-size: 12px;letter-spacing:-1px  }
.splist_list_img .boardimg_list ul li div.income_image a {cursor: pointer; position: relative; width: 225px; height: 126px; border: solid 2px #e118a9; display: block; }
.splist_list_img .boardimg_list ul li div.income_image a img {display: block; max-width: 98%; width: auto; max-height: 96%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: solid 2px #E6E6E6;}
.splist_list_img .boardimg_list ul li a img {cursor: pointer;width:225px; height:126px; border: solid 2px #e118a9; overflow:hidden; display:block;   }

.textevent {display: inline-block; width: 940px; height:45px;line-height:45px; background-color:#6bc7c4; color:#ffffff; margin-top:10px;padding: 0 20px; font-size: 15px;}
.textevent span {border:1px solid #ffffff; padding: 2px 5px ;margin-right:10px; font-size: inherit;}
.review_list_count{display:inline; font-size:1.5em; font-weight:bold; position:absolute; top:136px; right:25px }
.review_list_count .count {color: #e118a9;}
.event_layer{position: absolute; top:10px; right:-200px; z-index:88;}

/*main 수익인증 더보기 신규 18.04.23 */
.bestInvestMain_box	{position:relative; border:1px solid #dbdbdb;margin-top:18px;height:170px;background-color:#fff   }
.bestInvestMain_box h2{position:absolute !important;top: 70px;left:20px;padding-top: 0px !important;}
.bestInvestMain_box h2 strong.rn_title {top:10px;left:0px;display:block;padding-bottom:8px;font-size: 16px;font-weight: bold;}
.bestInvestMain_box h2 span{position:absolute !important;width:150px;left:  0px;}
.bestInvestMain_box h2 span a.rn_more {position: absolute;left: 0px;top:-5px;padding-right: 11px;background: url(//img.x1.co.kr/x1/images/renew_2016/ico/ico_more_arrow.gif) right 6px no-repeat;font-size:14px;font-weight: 700;color: #75717D;}
.bestInvestMain {position:absolute; top:0px; left:187px; width:760px; }
.bestInvestMain p.btn		{position:absolute; top:76px; width:15px; height:24px; overflow:hidden; z-index: 200;}
.bestInvestMain p:hover img {margin-top: -24px;}
.bestInvestMain div.sample_bn_num{display: none;position:absolute; left:0px; bottom:15px; float:none; text-align: center;width:100%}
.bestInvestMain div.sample_bn_num a{cursor: default;margin: 0 3px;}
.bestInvestMain .btn_next	{left:-45px;}
.bestInvestMain .btn_prev	{right:-11px;}
.bestInvestMain div.move_wrap{overflow:hidden ;position:relative; width: 750px;height: 180px;}
.bestInvestMain div.move_wrap ul li a {display:block;*zoom:1}
.bestInvestMain div.move_wrap ul li a:after{content:'';display:block;clear:both}
.bestInvestMain div ul{width: 10000px;height: 176px; margin:0;  padding:0;}
.bestInvestMain div ul li{float:left;margin:13px 25px 0 0; cursor: pointer;width:229px; height:156px; overflow:hidden;position:relative; }
.bestInvestMain div ul li p		 {overflow:hidden;  width:230px; height:18px; color:#494949; font-size:15px;text-align:left; letter-spacing:-1px ;margin-bottom:2px;}
.bestInvestMain div ul li p span {float:right; text-align:right;color:#3A3659; font-size: 13x;letter-spacing:-0.5px ;position: absolute;right: 0px;top:0px }
.bestInvestMain div ul li div.income_image a {cursor: pointer; position: relative; width: 225px; height: 126px; border: solid 2px #e118a9;}
.bestInvestMain div ul li div.income_image a img {display: block; max-width: 98%; width: auto; max-height: 96%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); border: solid 2px #E6E6E6;}
.bestInvestMain div ul li a img {cursor: pointer;width:225px; height:126px; border: solid 2px #e118a9; overflow:hidden; display:block; }

.layerTopBanner {text-align: center; position: relative;  height: 100%;width: 100%; margin: 0 auto; background-color: #000000;}

/* 별사탕 상점 */
#r_rolling {position: absolute; right: -1078px; top:58px; border:1px solid #dbdbdb;background-color:#fff; width:83px;height:213px; }
#r_rolling a, #r2_rolling a, #r3_rolling a {cursor: pointer;}
#r_rolling .banner, #r2_rolling .banner, #r3_rolling .banner  {width: 83px;height:189px; overflow:hidden;}
#r_rolling .banner li, #r2_rolling .banner li, #r3_rolling .banner li{height:189px;}
#r_rolling .line, #r2_rolling .line, #r3_rolling .line {padding:0 3px;width: 66px;height:1px;background-color:#dbdbdb;margin: 0px auto 4px auto;}
#r_rolling .ln_slider_controls a, #r2_rolling .ln_slider_controls a, #r3_rolling .ln_slider_controls a {display: block;width: 15px;height: 15px;text-indent: -9999px;}
#r_rolling .btn_left, #r2_rolling .btn_left, #r3_rolling .btn_left  {width: 15px;height: 15px; float:left; margin: 0 5px 0 25px;}
#r_rolling .btn_left a, #r2_rolling .btn_left a, #r3_rolling .btn_left a {background:url(//img.x1.co.kr/x1/images/popup/btn_pre.gif) 0 0 no-repeat;}
#r_rolling .btn_right, #r2_rolling .btn_right, #r3_rolling .btn_right  {width: 15px;height: 15px;float:left;}
#r_rolling .btn_right a, #r2_rolling .btn_right a, #r3_rolling .btn_right a {background:url(//img.x1.co.kr/x1/images/popup/btn_nex.gif) 0 0 no-repeat;}
#r_rolling .imgBanner img, #r2_rolling .imgBanner img, #r3_rolling .imgBanner img {width: 220%; position: absolute;top: -8px;left: -39px;}
#r_rolling .imgBanner, #r2_rolling .imgBanner, #r3_rolling .imgBanner {width:72px;margin: 4px auto;box-sizing: border-box;overflow: hidden;position: relative;height: 95px;}
#r_rolling .banner li .text , #r2_rolling .banner li .text, #r3_rolling .banner li .text {font-size:12px; font-weight: 900; text-align:center;}
#r_rolling .banner li .text2 , #r2_rolling .banner li .text2, #r3_rolling .banner li .text2 {font-size:12px; margin-top: 6px;letter-spacing: -1px; line-height: 16px; text-align:center; }
#r_rolling .banner .urlTarget, #r2_rolling .banner .urlTarget, #r3_rolling .banner .urlTarget {cursor:pointer;}

#r2_rolling {position: absolute; right: -1078px; top:281px; border:1px solid #dbdbdb;background-color:#fff; width:83px;height:213px; }
#r3_rolling {position: absolute; right: -1078px; top:510px; border:1px solid #dbdbdb;background-color:#fff; width:83px;height:213px; }

.star_candy{padding-bottom: 30px;width:980px; margin: 20px auto }
.star_candy h2{text-align: left;position: relative;padding-bottom: 6px;margin-top: 25px;}
.star_candy ul{overflow: hidden;width: 980px;}
.star_candy ul li{float: left;position: relative;border: 1px solid #dbdbdb;width: 313px;margin-right:16px;margin-bottom: 16px}
.star_candy ul li .con{position: relative;z-index: 100;text-align:right; padding-right:30px;height:120px;*height:90px;overflow: hidden;padding-top: 20px;*padding-top:50px;}
.star_candy ul li .con strong{position: relative;z-index: 1;display: block;margin-top: 20px;font-size: 22px;color: #494949;font-family: tahoma, "Nanum Gothic";text-align: right;}
.star_candy ul li .con em	 {position: relative;z-index: 1; display:block;margin-top: 10px;font-size: 22px;color: #e118a9;font-weight: normal;font-weight: bold;text-align: right;}
.star_candy ul li .btn {cursor: pointer;display:block;width:313px; height: 65px  }
.star_candy ul li .con .img{position: absolute;left: 2px;top: 2px;}
.star_candy ul li .con span{display: block;position: relative;z-index: 0; width: 313px;height: 161px;text-indent: -9999px;overflow: hidden;top: -10px;left: 0px;}
.star_candy ul li.last{margin-right: 0;}
.star_candy ul li .ico {position:absolute;top:2px;left:2px;z-index:200;width:40px;height:40px   }
.star_candy ul li:hover{border: 1px solid #e118a9; }
.star_candy .deem{width:100%; height:430px; background:rgba(0,0,0,0.6); position:absolute; z-index:999;}
.star_candy .deem span{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); color:#fff; font-size:50px;}
/* // 별사탕 상점 */

.pink{color: #e118a9 !important;}
.gold{color: #bd7700 !important;}

.sns_login{width:580px; height: 150px;}
.sns_login p{margin-bottom:10px; font-weight: bold; color: #494949;}
.sns_login .sns_login_bottom_p{display:inline-block; padding-top: 10px;}
.sns_login .sns_btn{width: 285px; height: 40px; line-height: 40px; display: block; float: left; text-align: center; font-size: 13pt; font-weight: 550; border-radius: 2px; color: #FFFFFF; position: relative; cursor: pointer;}
.sns_login .sns_btn:after{content: ""; display: block; position:absolute; border:none; left:45px; top:0; width: 1px; height: 100%; background: rgba(0,0,0,0.15); z-index:0; transition: all .3s ease;}
.sns_login .sns_btn.naver{background-color: #1EC800 !important; margin-bottom: 5px; border: 1px solid #1EC800;}
.sns_login .sns_btn.fb{background-color: #3B5998 !important; border: 1px solid #3B5998;}
.sns_login .sns_btn.kakao{background-color: #FFE900 !important; margin-left: 5px; margin-bottom: 5px; border: 1px solid #FFE900; color: #3c1d1d !important;}
.sns_login .sns_btn.gl{background-color: #d95339 !important; margin-left: 5px; border: 1px solid #d95339; color: #FFFFFF !important;}
.sns_login .sns_btn:hover {text-decoration:none}
.sns_login .sns_btn:hover:after {width:45px; left:0;}
[class|=sns_btn_icon] {background:url(//img.x1.co.kr/x1/images/sns/sns_icon.png) no-repeat;display:inline-block;vertical-align:middle}
.sns_login .sns_btn .sns_btn_icon{position: absolute; background-position: -250px -500px; width: 22px; height: 21px; margin-top: -10px; z-index: 1; top: 50%; left: 10px;}
.sns_login .sns_btn.kakao .sns_btn_icon{position: absolute; background-position: -350px -500px; width: 27px; height: 25px; margin-top: -12.5px; left: 8px;}
.sns_login .sns_btn.fb .sns_btn_icon{position: absolute; background-position: -300px -500px; width: 14px; height: 26px; margin-top: -13px; left: 14px;}
.sns_login .sns_btn.gl .sns_btn_icon{position: absolute; width: 25px; height: 25px; margin-top: -10px; background:url(//img.x1.co.kr/x1/images/sns/google_icon.png) no-repeat; background-size: 25px;}
#benefit_banner{position: absolute; top:173px; right: 10px; padding-right: 10px;}
/* .r_banner_btn{position: absolute; right:-100px; top: 277px;} */
.r_banner_btn{position: absolute; left:-100px; top: 503px;}
.r_banner_btn a{cursor: pointer;}
.r_banner_btn a img{width: 85px;}

/* 190809 수익률베스트 */
.btn_more_big {border: 1px solid #3A3659;padding: 15px;text-align: center;font-size: 16px;margin-top: 30px;cursor: pointer;}
.btn_more_big {position:relative;background: url(//img.x1.co.kr/x1/images/board/ico_answer_off.png) no-repeat 520px 23px;font-size:14px;font-weight:700;color:#3A3659;line-height:23px;vertical-align: middle;}
.btn_more_big a:HOVER {text-decoration: none;}
.btn_more_big.on{background-image:url(//img.x1.co.kr/x1/images/board/ico_answer_on.png);}

/* 190823  new_sms_main */
.pro_best{width:980px; overflow:hidden;  }
.pro_best ul{ width:1000px;}
.pro_best ul li{width:320px;  margin-right:10px;display: inline-block;float: left}
.pro_best ul li h3{color:#494949; font-size:18px; font-weight: bold ;}
.pro_best ul li h3:BEFORE{width:13px;height:29px; padding-left: 13px;content: url(http://img.x1.co.kr/x1/images/sms/bu_title.png);position:relative; bottom:-8px; left:-6px;}
.pro_best ul li h3:AFTER{width:13px;height:29px; padding-right: 13px;position:relative; bottom:-8px; right:-6px;content: url(http://img.x1.co.kr/x1/images/sms/bu_title_r.png);}

.pro_best ul li div{margin-top: 20px}
.pro_best ul li div.best{position:relative; height:249px;}
.pro_best ul li div .banner {width:320px; height:249px;}
.pro_best ul li div .banner img{}
.pro_best ul li div .btn_zone{position: absolute; bottom: 0;left:0; width: 100%; height:57px; background-color: #fff; opacity:0.9; text-align: center; }
.pro_best ul li div .btn_zone a{color:#422728; font-size:16px; font-weight: bold; }
.pro_best ul li div .btn_zone a:HOVER {color:#422728;text-decoration: none;cursor: pointer;}
.pro_best ul li div .btn_zone a span{display: inline-block;margin-right: 5px;width: 17px;height: 17px; vertical-align: middle; background:url(//img.x1.co.kr/x1/images/f1/ico/ico_kk.png) 0 0 no-repeat;margin-top: 20px;padding-top: 19px}

.sms_center{width:980px;height:64px;box-sizing:border-box; border:1px solid #c9c5cf; margin-top: 20px  }
.sms_center .box {display:inline-block;float:left }
.sms_center .box:FIRST-CHILD {width:499px;}
.sms_center .box h3{width:105px;height:62px;line-height:62px; background-color:#44282a; color:#ffffff; font-size: 18px; font-weight:bold; text-align: center; display: inline-block; float:left  }
.sms_center .box .phone{display:inline-block;float:left; padding:0 20px;height:62px;line-height:62px; color:#75717D; font-size: 24px; font-weight: bold;}
.sms_center .box .time{color:#a8a7aa; font-size: 14px; font-weight: normal; letter-spacing: -1px;margin-top: 22px; float: left}
.sms_center .box .time span {display: block;}
.sms_center .box .info {color:#75717D;font-size:16px; font-weight: bold;width:440px;height:62px;line-height:62px; }
.sms_center .box .info span {margin-left: 20px}
.sms_center .box .info span i:BEFORE {content:"│" }
.sms_center .box span i {font-style: normal;}

/*IE 7 only （IE7전용）)*/
*:first-child+html .pro_best ul li div.best{height:auto;}
*:first-child+html .sms_center{height:62px;}
*:first-child+html .sms_center .box .info {width:auto}

/* 191022 부문별 베스트 전문가 노출 */
.best_ex{padding: 10px;padding-top:20px;float: left;position: relative;border: 1px solid #c9c5cf;border-top: none;width: 980px;box-sizing: border-box;}
.live_wrap .best_ex .num_ex h3{font-size: 18px;color: #fff;padding-left: 19px;padding-top: 17px;padding: 15px 10px 0 5px;background: #e118a9; height: 29px;}
.live_wrap .best_ex .num_ex ul{height:242px;margin: 21px 0px;}
.live_wrap .best_ex .num_ex ul li{border-bottom:1px solid #dbdbdb;float: left;position: relative;height: 178px;}
.live_wrap .best_ex .num_ex ul li p{position: relative;z-index: 100;text-align: left;padding: 15px;height: 145px;overflow: hidden;padding-top: 30px;}
.live_wrap .best_ex .num_ex ul li p a{font-size: 18px;color:#494949; font-weight: bold; background: url(//img.x1.co.kr/x1/images/main/bu_home.gif) right 5px no-repeat;padding-right: 25px;}
.live_wrap .best_ex .num_ex ul li p span{display: block;font-size: 14px;color: #75717D;overflow: hidden;width: 170px;overflow: hidden;margin-top:10px;}
.live_wrap .best_ex .num_ex ul li p strong{display: block;font-weight:bold;font-size: 12px;color: #e118a9;padding-bottom: 5px;width: 170px;height: 28px;overflow: hidden;line-height: 16px;margin-top: 8px;}
.live_wrap .best_ex .num_ex ul li p strong em{font-size: 22px;color: #e118a9;font-weight: normal;}
.live_wrap .best_ex .num_ex ul li .img{position: absolute;left: 47px;bottom: -21px;}
.live_wrap .best_ex .num_ex .num_ex_info{clear: both;margin-bottom: 8px;text-align: right;background-color:#494949;color: azure;padding: 5px;}
.live_wrap .btn{position: absolute;z-index: 99;top:110px;}
.live_wrap .btn_next{left:928px;}
.live_wrap .move_ex{width: 876px;padding-left: 37px;height: 224px;float: left;position: relative;display: inline-block;}
.live_wrap .move_ex div{padding-bottom: 21px;}
.live_wrap .move_ex .bx-wrapper{max-width: 875px !important;}

.best_ex .splist_live .tit{height: 26px;font-size: 16px;color:#494949;padding-top: 8px;text-align: center;letter-spacing: -1px;}/*191025 추가*/
.best_ex .splist_live .onair_list ul li{float: left;position: relative;width: 312px;margin-right: 11px;margin-top: 15px;border-top: none; border-left: none; border-right: none;}
.best_ex .splist_live .go_more{text-align: center;font-size: 16px;color: #e118a9;border: 1px solid #e118a9;margin: 5px auto;padding: 15px;}
.best_ex .splist_live .go_more a {color: #e118a9;text-decoration:none}

.best_ex .num_ex .move_ex .badge {position: absolute;right: 0%;top:24px;z-index: 10;background: url("//img.x1.co.kr/x1/images/common/ico_medal.png")  right top no-repeat;width: 52px;height: 63px;background-size: contain;}
.best_ex .num_ex .move_ex .badge img{width: 100%;}
.best_ex .num_ex .move_ex .badge #badge_txt{position:absolute;left: 50%;top: 43%;transform: translate(-45%, -50%);color:#dc9000;font-size: 10.5px;line-height: 1.2em;width: 90%;text-align: center;}
.best_ex .num_ex .move_ex .badge #badge_txt span{display: block;}
.best_ex .num_ex .move_ex .badge #badge_txt #badgeTop_txt{font-weight:bold;}

.splist_live .onair_list ul li .btn_zone strong{color: #75717d;font-weight:normal;height: 31px;font-size: 12px;display: inline-block;zoom:1; *display:inline;padding-top: 14px;width: 173px;text-align: center;letter-spacing: -1px}

.exlist_tab{margin-top:30px}
.exlist_tab ul{overflow: hidden;}
.exlist_tab ul li{float: left;border: 1px solid #c9c5cf;box-sizing: border-box;color: #c9c5cf; width:33.33%}
.exlist_tab ul li a{display: block; height: 30px;padding-top: 16px;text-align: center;font-size: 16px;color: #494949;text-decoration: none;}
.li3 ul li a{}
.exlist_tab ul li.first a{}
.exlist_tab ul li.middle a{}
.exlist_tab ul li.last a{cursor: pointer;font-style: normal;text-decoration: none;}
.exlist_tab ul li.active{color: #fff;background: #e118a9;border: 1px solid #e118a9;box-sizing: border-box; }
.exlist_tab ul li.active a {color: #fff;}

*:first-child+html .best_ex {width:958px}
*:first-child+html .exlist_tab UL LI{width:324px;}
*:first-child+html .exlist_tab UL LI.active{border-right-width:3px}
*:first-child+html .live_wrap .btn_prev{left:10px}
/* // 191022 부문별 베스트 전문가 노출 */

/* 191114 다우키움 브랜딩 홍보 */
.r_banner_btn .brand_banner img {width: 79px;}
.r_banner_btn .brand_banner {position: absolute;left: 0px; border: 1px solid #dbdbdb;padding: 2px;}
.r_banner_btn .brand_banner a {cursor: pointer;}
.r_banner_btn .brand_popup {position: absolute;  left: 100px; top: -500px; border: 2px solid #dbdbdb;z-index: 999;padding: 10px;background-color: white;}
/* // 191114 다우키움 브랜딩 홍보 */

.r_icon_ru{display:inline-block;background:url(//img.x1.co.kr/robo/images/robo/common/rank_updown.png) no-repeat;white-space: nowrap;vertical-align: middle;color: transparent;font-size: 0\9;line-height: 0\9;}
.r_icon_rank_small1{width:23px;height:22px;background-position:-160px 0;}
.r_icon_rank_small2{width:23px;height:22px;background-position:-160px -24px;}
.r_icon_rank_small3{width:23px;height:22px;background-position:-160px -48px;}
.medal { position: absolute; top: 0;right: 5px;}

.tooltip {--bg-opacity:1;background-color:rgba(255,255,255,var(--bg-opacity));bottom:calc(100% - 4px);border: 2px solid #e118a9;}
.tooltip {transform: translate(50%,100%);border-radius:5px;padding: 5px;line-height:1;font-size:12px;background-color: #e118a9;color:#333;width: 78px;height: 13px;color: #ffffff;}
.tooltip:after, .tooltip:before {border-left:9px solid transparent;border-right:9px solid transparent;top:100%;}
.tooltip:after{content:"";position:absolute;left:50%;margin-left: -9px;border-top: 9px solid #e118a9;margin-top:-3px;top: 26px;}
.tooltip {position:absolute;left: -19px;top: -27px;z-index: 100;}
.tooltip:before {border-top:9px solid #ede2e9}
.animation-flo{-webkit-animation:flo3 1.5s infinite;animation:flo3 1.5s infinite;}
@-webkit-keyframes flo3{from{top:-55px;}50%{top:-65px;}to{top:-55px;}}
@keyframes flo3{from{top:-55px;}50%{top:-65px;}to{top:-55px;}}


/* why x1 css 추가 210402 */
button:focus{outline: none;}
div:focus{outline: none;}
.whyX1_container{position:relative; width: 100%; min-width: 800px; overflow: hidden; text-align: left;}
.whyX1_container .inner{position: relative; width: 890px; height: 100%; overflow: hidden; margin: 0 auto;}
.whyX1_container .inner2{position: relative; width: 936px; height: 100%; overflow: hidden; margin: 0 auto;}
.whyX1_container .main_bnr{position: relative; width: 100%; height: 733px; background: url(//img.x1.co.kr/x1/images/whyx1/1nd_back.png) center center no-repeat; background-size: cover;}
/* 2nd */
.whyX1_container .sec_cont{position: relative; width: 100%; height: 700px; background: url(//img.x1.co.kr/x1/images/whyx1/2nd_back.png) center center no-repeat; background-size: cover;}
.whyX1_container .sec_cont .review_wrap{width: 890px; height: 100px; position: absolute; left: 50%; bottom: 10%; transform: translateX(-50%);}
.whyX1_container .sec_cont .review_wrap > span{color: #5c27d7; font-weight: 800; font-size: 1rem; padding-left: 1rem;}
.whyX1_container .sec_cont .review_box{position: absolute; bottom: 0; width: 100%; height: 74px;  border: 2px solid #5c27d7; border-radius: 3px; bottom: 0;}
.whyX1_container .sec_cont .review_box .slideList{position: relative; width: 100%; height: 100%;}
.whyX1_container .sec_cont .review_box .slideList .slick-arrow{position: absolute; right: 1%; width: 33px; height: 30px; border: none; z-index: 22;}
.whyX1_container .sec_cont .review_box .slideList .slick-prev{bottom: 50%; background: url(//img.x1.co.kr/x1/images/whyx1/arrow_p.png) 0 0 no-repeat;}
.whyX1_container .sec_cont .review_box .slideList .slick-next{top: 50%; background: url(//img.x1.co.kr/x1/images/whyx1/arrow_p.png) 0 -30px no-repeat;}
.whyX1_container .sec_cont .review_box .slideList .slideCont{position: relative; height: 72px;}
.whyX1_container .sec_cont .review_box .slideList .slideCont dl{position: absolute; top: 50%; transform: translateY(-50%); width: 94%; display: inline-block;padding-left: 2%;}
.whyX1_container .sec_cont .review_box .slideList .slideCont dd.review_txt{display: inline-block; width: 74%; color: #5c27d7; font-size: 1.1rem; font-weight: 800; word-break: break-all; padding-right: 1%; letter-spacing: -0.04rem;}
.whyX1_container .sec_cont .review_box .slideList .slideCont dd.review_user{display: inline-block; width: 23%; color: #9d9d9d; font-size: 1rem; font-weight: bold; word-break: break-all; letter-spacing: -0.04rem;}
.whyX1_container .sec_cont .review_box .slideList .slideCont img{position: absolute; top: 50%; left: 2%; transform: translateY(-50%);}
/* 3nd */
.whyX1_container .third_cont{position: relative; width: 100%; height: 1300px; background: url(//img.x1.co.kr/x1/images/whyx1/3nd_back.png)center center no-repeat; background-size: cover;}
.whyX1_container .third_cont video{position: absolute; left: 50%; top: 20%; transform: translateX(-50%);}
.whyX1_container .third_cont .btn{position: absolute; left: 50%; bottom: 5%; transform: translateX(-50%); width: 607px; height: 74px; border-radius: 10px; text-align: center; font-size: 1rem; font-weight: bold; background:linear-gradient(to left, #c82090, #6a14d1); box-shadow: 0px 0px 10px 5px #bbb;}
.whyX1_container .third_cont .btn.invest{bottom: 13%;}
.whyX1_container .third_cont .btn a{display: block; line-height: 74px; color: #FFF; text-decoration: none; font-size: 1.2rem; cursor: pointer;}
.whyX1_container .third_cont .btn a::before,
.whyX1_container .third_cont .btn a::after,
.whyX1_container .third_cont .btn a span::before,
.whyX1_container .third_cont .btn a span::after{transition: 0.4s ease-in-out;}
.whyX1_container .third_cont .btn a::before{content: ''; display: block; height: 2px; width: 0; background: #fff; position: absolute; top: 10%; left: 2%;}
.whyX1_container .third_cont .btn a::after{content: ''; display: block; height: 2px; width: 0; background: #fff; position: absolute; bottom: 10%; right: 2%;}
.whyX1_container .third_cont .btn a:hover::before,
.whyX1_container .third_cont .btn a:hover::after{width: 96%;}
.whyX1_container .third_cont .btn a span::before{content: ''; display: block; width: 2px; height: 0; background: #fff; position: absolute; bottom: 10%; left: 1.9%;}
.whyX1_container .third_cont .btn a span::after{content: ''; display: block; width: 2px; height: 0; background: #fff; position: absolute; top: 10%; right: 1.9%;}
.whyX1_container .third_cont .btn a:hover span::before,
.whyX1_container .third_cont .btn a:hover span::after{height: 80%; transition-delay: 0.3s;}
/* 4nd */
.whyX1_container .fourth_cont{position: relative; width: 100%; height: 936px; background: url(//img.x1.co.kr/x1/images/whyx1/4nd_back.png)center center no-repeat; background-size: cover;}
.whyX1_container .fourth_cont .title{position: relative; left: -100%; margin-top: 100px; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01);}
.whyX1_container .fourth_cont .explain{position: relative; left: -100%; margin-top: 30px; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .2s;}
.whyX1_container .fourth_cont .date{position: relative; left: -100%; margin-top: 100px; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .4s;}
.whyX1_container .fourth_cont .part{position: relative; left: -100%; margin-top: 50px; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .6s;}
/* 5nd */
.whyX1_container .fifth_cont{position: relative; width: 100%; height: 2430px; background: url(//img.x1.co.kr/x1/images/whyx1/5nd_back.png)center center no-repeat; background-size: cover;}
.whyX1_container .fifth_cont .inner .clickbtn{position: absolute; right: 28.7%; top: 522px; font-size: 1rem; font-weight: bold;}
.whyX1_container .fifth_cont .inner .clickbtn a{color: #fff; text-decoration: none; cursor: pointer;}
.whyX1_container .fifth_cont .ex1{position: absolute; top: 29%; left: -30%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01);}
.whyX1_container .fifth_cont .ex2{position: absolute; right: -30%; top: 26%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .5s;}
.whyX1_container .fifth_cont .ex3{position: absolute; right: -30%; bottom: 61%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) 1s;}
.whyX1_container .fifth_cont .sms1{position: absolute; bottom: 30%; opacity: 0; left: 23%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01);}
.whyX1_container .fifth_cont .sms2{position: absolute; bottom: 30%; opacity: 0; right: 24%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .2s;}
.whyX1_container .fifth_cont .sns_wrap{position: absolute; width: 243px; height: 333px; bottom: 2.2%; left: 40.5%; overflow: hidden;}
.whyX1_container .fifth_cont .sns_img{position: absolute; top: 0; left: 0; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01); display: none;}
.whyX1_container .fifth_cont .sns_img a{position: relative; display: block;}
.whyX1_container .fifth_cont .sns_img a img:last-child{position: absolute; top: 38%; left: 31%;}
.whyX1_container .fifth_cont .sns1{top: -55%; animation: sns1 5s linear;}
.whyX1_container .fifth_cont .sns2{top: -27%; animation: sns2 5s linear;}
.whyX1_container .fifth_cont .sns3{top: 2%; animation: sns3 5s linear;}
.whyX1_container .fifth_cont .sns4{top: 37%; animation: sns4 5s linear;}
.whyX1_container .fifth_cont .sns5{top: 66%; animation: sns5 5s linear; cursor: pointer;}
/* 6nd */
.whyX1_container .sixth_cont{position: relative; width: 100%; height: 1041px; background: url(//img.x1.co.kr/x1/images/whyx1/6nd_back.png)center center no-repeat; background-size: cover;}
.whyX1_container .sixth_cont .rec1{position: absolute; top: 23%; left: -55%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01);}
.whyX1_container .sixth_cont .rec2{position: absolute; top: 23%; right: -55%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01);}
.whyX1_container .sixth_cont .rec3{position: absolute; top: 50%; left: -55%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .3s;}
.whyX1_container .sixth_cont .rec4{position: absolute; top: 50%; right: -55%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .3s;}
.whyX1_container .sixth_cont .rec5{position: absolute; bottom: -15%; left: 50%; transform: translateX(-50%); transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01);}
/* 7nd */
.whyX1_container .seventh_cont{position: relative; width: 100%; height: 719px; background: url(//img.x1.co.kr/x1/images/whyx1/7nd_back.png)center center no-repeat; background-size: cover;}
.whyX1_container .seventh_cont img.back_txt{position: absolute; height: 50%; bottom: 0; left: 100%; animation: toleft 12s linear infinite;}
.whyX1_container .seventh_cont img.back_pro{position: absolute; bottom: 15%; left: 0; width: 100%;}
/* 8nd */
.whyX1_container .eighth_cont{position: relative; width: 100%; height: 814px; background: url(//img.x1.co.kr/x1/images/whyx1/8nd_back.png)center center no-repeat; background-size: cover;}
.whyX1_container .eighth_cont img.back_txt{position: absolute; height: 50%; bottom: 0; right: 100%; animation: toright 12s linear infinite;}
.whyX1_container .eighth_cont .inner img{width: 95%;}
.whyX1_container .eighth_cont .benefit1{position: absolute; bottom: -65%; left: 0%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01); text-align: left;}
.whyX1_container .eighth_cont .benefit2{position: absolute; bottom: -65%; left: 50%; transform: translateX(-50%); transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .3s; text-align: center;}
.whyX1_container .eighth_cont .benefit3{position: absolute; bottom: -65%; right: 0%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .6s; text-align: right;}
.whyX1_container .eighth_cont .benefit1 map area,
.whyX1_container .eighth_cont .benefit2 map area,
.whyX1_container .eighth_cont .benefit3 map area{cursor: pointer;}
/* 9nd */
.whyX1_container .nineth_cont{position: relative; width: 100%; height: 604px; background: url(//img.x1.co.kr/x1/images/whyx1/9nd_back.png)center center no-repeat; background-size: cover;}
.whyX1_container .nineth_cont .inner img{width: 95%;}
.whyX1_container .nineth_cont .cont1{position: absolute; bottom: -65%; left: 0%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01); text-align: left;}
.whyX1_container .nineth_cont .cont2{position: absolute; bottom: -65%; left: 50%; transform: translateX(-50%); transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .3s; text-align: center;}
.whyX1_container .nineth_cont .cont3{position: absolute; bottom: -65%; right: 0%; transition: all .9s cubic-bezier(0.1, 0.21, 0.03, 1.01) .6s; text-align: right;}
/* 10nd */
.whyX1_container .tenth_cont{position: relative; width: 100%; height: 1245px; background: url(//img.x1.co.kr/x1/images/whyx1/10nd_back.png)center center no-repeat; background-size: cover;}
.whyX1_container .tenth_cont .circle_wrap{position: absolute; width: 440px; height: 440px; top: 10%; left: 50%; transform: translateX(-50%);}
.whyX1_container .tenth_cont .circle_wrap .big_circle{position: relative; left: calc(50% - 222px); top: calc(50% - 222px); width: 440px; height: 440px; border-radius: 100%; border: 2px dashed #62616e; animation: spinCircle 60s linear infinite;}
.whyX1_container .tenth_cont .circle_wrap .small_circle{position: absolute; left: calc(50% - 140px); top: calc(50% - 140px); width: 276px; height: 276px; border-radius: 100%; border: 2px dashed #fefefe; animation: reverseSpin 15s linear infinite;}
.whyX1_container .tenth_cont .circle_wrap .big_circle::after,
.whyX1_container .tenth_cont .circle_wrap .small_circle::after{content: ''; width: 12px; height: 12px; border-radius: 100%; position: absolute; top: -6px; left: 50%; transform: translateX(-50%);}
.whyX1_container .tenth_cont .circle_wrap .big_circle::after{background:#62616e;}
.whyX1_container .tenth_cont .circle_wrap .small_circle::after{background: #fefefe;}
.whyX1_container .tenth_cont .circle_wrap img{position: absolute; top: 47%; left: 50%; transform: translate(-50%, -50%);}
.whyX1_container .tenth_cont .btn{position: absolute; left: 50%; transform: translateX(-50%); width: 816px; height: 87px; font-size: 1.4rem; font-weight: bold; text-align: center; line-height: 87px;}
.whyX1_container .tenth_cont .btn a{color: #fff; display: block; text-decoration: none; cursor: pointer;}
.whyX1_container .tenth_cont .btn a span{position: absolute; width: 12px; height: 21px; top: 50%; right: 15%; transform: translateY(-50%);}
.whyX1_container .tenth_cont .btn:nth-of-type(2){bottom: 23%; border-radius: 10px; background: linear-gradient(to left, #840fdf, #7e31e7); box-shadow: 0px 10px 10px 0px #000;}
.whyX1_container .tenth_cont .btn:nth-of-type(3){bottom: 14%; border-radius: 10px; background: linear-gradient(to left, #5d0fdf, #5808dd); box-shadow: 0px 10px 10px 0px #000;}
/* 220414 추가 */
.whyX1_container .tenth_cont .btn:nth-of-type(4){bottom: 5%; border-radius: 10px; background: #e50cb9; box-shadow: 0px 10px 10px 0px #000;}
/* fix_btn */
.whyX1_container .fix_btn{position: fixed; bottom: 15%; width: 560px; height: 87px; text-align: center; line-height: 87px; border-radius: 10px;  transition: all .2s ease;}
.whyX1_container .fix_btn a{color: #fff; display: block; text-decoration: none; font-weight: bold; font-size: 1.4rem; cursor: pointer;}
.whyX1_container .fix_btn a span{position: absolute; width: 12px; height: 21px; top: 50%; right: 15%; transform: translateY(-50%); }
.whyX1_container .fix_btn.left{right: 51%; background: linear-gradient(to left, #5d0fdf, #5808dd); box-shadow: 0px 10px 10px 0px #0008;}
.whyX1_container .fix_btn.left:hover{bottom: 15.5%;}
.whyX1_container .fix_btn.right{left: 51%; background: linear-gradient(to left, #840fdf, #7e31e7); box-shadow: 0px 10px 10px 0px #0008;}
.whyX1_container .fix_btn.right:hover{bottom: 15.5%;}
/* 220414 추가 */
.whyX1_container .fix_btn.bottom{bottom: 3%; width: 1150px; background-color: #e50cb9; left:50%; transform: translateX(-50%); box-shadow: 0px 10px 10px 0px #0008;}
.whyX1_container .fix_btn.bottom a span{top: 52%; right: 35%;}
.whyX1_container .fix_btn.bottom:hover{bottom: 3.5%}
/* nav */
.whyX1_container .nav_wrap{position: fixed; top: 40%; right: 20px;}
.whyX1_container .nav_wrap .nav_list li{width: 15px; height: 15px; background: #fff; border-radius: 50%; margin-bottom: 20px; cursor: pointer; box-shadow: 0 0 3px 0 #000;}
.whyX1_container .nav_wrap .nav_list li.on{background: #8412e0;}

.clearfix::after{
    content: '';
    display: block;
    clear: both;
}
/* new_academy 210511 추가 */
.hts_aca_icon,
.vod_aca_icon{border: 1px solid #3A3659; background: #3A3659; color: #fff; padding: 3px 12px; border-radius: 4px; text-align: center;}
.basic_aca_icon{border: 1px solid #37be07; color: #37be07; padding: 3px 12px; border-radius: 4px; text-align: center;}
.middle_aca_icon{border: 1px solid #ee632c; color: #ee632c; padding: 3px 12px; border-radius: 4px; text-align: center;}
.high_aca_icon{border: 1px solid #e118a9; color: #e118a9; padding: 3px 12px; border-radius: 4px; text-align: center;}
.academy_container{position: relative; width: 980px; margin: 0 auto;}
.academy_container .tab_menu{width: 100%; border: 1px solid #c9c5cf; border-bottom: 2px solid #e118a9;}
.academy_container .tab_menu > li{float: left; width: 25%; height: 45px; line-height: 45px; text-align: center; color: #494949; font-size: 18px;box-sizing: border-box;}
.academy_container .tab_menu > li + li{border-left: 1px solid #c9c5cf;}
.academy_container .tab_menu > li a{display: block; text-decoration: none;}
.academy_container .tab_menu > li a.on{color: #fff; background: #e118a9;}
.academy_list{margin-top: 35px;}
.academy_list h3{font-size: 18px; color: #494949; margin-bottom: 10px; text-align: left;}
.academy_list .pro_list{width: 100%; height: 100%; text-align: left;}
.academy_list .pro_list > h1.last{color:#75717D; font-size: 15px;}
.academy_list .pro_list > li{width: 100%; height: 250px; box-sizing: border-box; border: 1px solid #c9c5cf; margin-bottom: 18px;}
.academy_list .pro_list > li .pro_list_inner{position: relative; width: 100%; height: 100%;}
.academy_list .pro_list > li .pro_list_inner .img_wrap{width: 35%; height: 100%;}
.academy_list .pro_list > li .pro_list_inner .img_wrap img{width: 95%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.academy_list .pro_list > li .pro_list_inner .txt_wrap{width: 65%; height: 100%; padding: 20px; box-sizing: border-box;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .badge_wrap{position: relative; width: 100%; height: auto; margin-bottom: 1.2em;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .badge_wrap .badge_list{width: 100%; height: auto;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .badge_wrap .badge_list li{float: left; margin-right: 5px;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_title{font-size: 23px; font-weight: bold; word-break: keep-all; line-height: 1.2;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_info{position: absolute; bottom: 75px;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_info .class_info_list{width: 100%; height: auto;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_info .class_info_list li{float: left; padding: 0 15px; font-size: 13px;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_info .class_info_list li:first-child{padding: 0 15px 0 0;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_info .class_info_list li + li{border-left: 1px solid #c9c5cf;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_info .class_info_list li span{font-weight: bold;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_btn_wrap{position: absolute; bottom: 15px;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_btn_wrap > div{width: 150px; height: 44px; box-sizing: border-box; border: 1px solid #ddd; line-height: 44px; padding: 0 20px; font-size: 16px; margin-right: 10px; background: #f7f7f7; color: #454545;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_btn_wrap > div a{position: relative; display: block; text-decoration: none;}
.academy_list .pro_list > li .pro_list_inner .txt_wrap .class_btn_wrap > div a::after{content: '>'; position: absolute; right: -10px; top: 50%; transform: translateY(-50%); font-size: 1.1em;}



/* 정방향 spin */
@keyframes spinCircle{
    0%{transform:rotate(0);}
    100%{transform:rotate(360deg);}
}

/* 반대방향 spin */
@keyframes reverseSpin{
    0%{transform:rotate(0deg);}
    100%{transform:rotate(-360deg);}
}

/* academy */
@keyframes toleft{
    0%{left: 100%;}
    100%{left: -200%;}
}
/* academy */
@keyframes toright{
    0%{right: 100%;}
    100%{right: -200%;}
}

/* 클릭 깜빡이 */
@keyframes point{
    0%{color: #fff;}
    49%{color: #fff;}
    50%{color: #ecef3c;}
    99%{color: #ecef3c;}
    100%{color: #fff;}
}

/* 카톡 */
@keyframes sns1{
    0%{top: 2%; opacity: 0;}
    2%{top: 2%; opacity: 1;}
    68%{top: 2%; opacity: 1;}
    76%{top: -28%;}
    82%{top: -28%;}
    100%{top: -55%;}
}
@keyframes sns2{
    0%{top: 30%; opacity: 0;}
    16%{ top: 30%; opacity: 0;}
    17%{ top: 30%; opacity: 1;}
    68%{top: 30%;}
    76%{top: 2%; opacity: 1;}
    82%{top: 2%; opacity: 1;}
    100%{top: -27%; opacity: 1;}
}
@keyframes sns3{
    0%{opacity: 0;}
    34%{top: 58%; opacity: 0;}
    35%{top: 58%; opacity: 1;}
    68%{top: 58%;}
    76%{top: 30%;}
    82%{top: 30%; opacity: 1;}
    100%{top: 2%; opacity: 1;}
}
@keyframes sns4{
    0%{opacity: 0;}
    51%{top: 92%; opacity: 0;}
    52%{top: 92%; opacity: 1;}
    68%{top: 92%;}
    76%{top: 64%;}
    82%{top: 64%; opacity: 1;}
    100%{top: 37%; opacity: 1;}
}

@keyframes sns5{
    0%{opacity: 0;}
    75%{top: 93%; opacity: 0;}
    76%{top: 93%; opacity: 0;}
    82%{top: 93%; opacity: 1;}
    100%{top: 66%; opacity: 1;}
}

.board_write #buy_price, .board_write #sell_price {width:185px; text-align:right; margin-right: -10px;padding-right:32px;}
#won_format {position:relative; line-height: 55px; top: 0; right: 25px; color: #999; font-size: 13px;}

/* new_header */
header{position: relative; width: 100%; height: 120px; background: #fff; border-bottom: 1px solid #f4f4f4; min-width: 1180px;}
.header_bnr{width: 100%; height: 34px; background: #6d03d8; color: #fff;}
.header_bnr .inner span{line-height: 34px; font-size: 14px;}
.header_bnr .inner span.headerBnr_close{cursor: pointer;}
.header_bnr .inner span.headerBnr_close img{display: block; margin-top: 7px;}
.header_wrap{position: relative; width: 100%; height: auto;}
.header_wrap .header_border{position: relative; border-bottom: 1px solid #f4f4f4; z-index: 502; background: #fff;}
.header_wrap .main_header{width: 100%; height: 60px;}
.header_wrap .main_header.inner{max-width: 1180px; min-width: 1180px; width: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .main_header h1.main_logo{width: 120px; height: 100%;}
.header_wrap .main_header h1.main_logo a{display: block; width: 100%; height: 100%; text-align: left;}
.header_wrap .main_header h1.main_logo a img{width: 96px; padding-top: 16px;}
.header_wrap .main_header .member_wrap{width: auto; height: 100%;}
.header_wrap .main_header .member_wrap ul{width: 100%; padding-top: 18px; line-height:1.2;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li{float: left; padding: 2px 10px; border-radius: 50px; color: #fff; font-size: 13px; margin-right: 10px;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li a{display: block; width: 100%; height: 100%; color:#FFFFFF;text-decoration: none;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li:last-child{margin: 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.login{background: var(--main-color);}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.join{background: #A3A6B1;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_x1,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star{width: 24px; height: 24px; padding: 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_x1 a span,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point a span,
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star a span{background: url(//img.x1.co.kr/x1/images/common/my_icon.png) no-repeat; width: 100%; height: 100%; display: block;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_point a span{background-position: -24px 0;}
.header_wrap .main_header .member_wrap ul.not_login_wrap li.my_star a span{background-position: -48px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap{display: block; height: 24px; border:none; padding: 18px 0 0 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li{float: left; color: #000; font-weight: bold; height: 24px; line-height: 24px; margin-right: 10px; font-size: 14px;}
.header_wrap .main_header .member_wrap ul.login_wrap li a{display: block; font-weight: normal; text-decoration: none;}
.header_wrap .main_header .member_wrap ul.login_wrap li a p{display: inline-block; font-size: 14px;}
.header_wrap .main_header .member_wrap ul.login_wrap li a span{float: left; width: 24px; height: 24px; background: url(//img.x1.co.kr/x1/images/common/my_icon.png) no-repeat; margin-right: 2px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.my_point a span{background-position: -24px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li.my_star a span{background-position: -48px 0;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user{position: relative; margin-right: 20px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.logout{background: #a3a6b1; color: #fff; padding: 0 10px; border-radius: 50px;}
.header_wrap .main_header .member_wrap ul.login_wrap li.logout a{color: #fff;text-decoration: none;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user::after{content: ''; width: 1px; height: 14px; position: absolute; right: -10px; top: 50%; transform: translateY(-40%); background: #000;}
.header_wrap .main_header .member_wrap ul.login_wrap li.login_user a span{color: var(--main-color); background: none; width: auto;}
.header_wrap .menu_header{position: absolute; top: 60px; left: 0; z-index: 44; width: 100%; height: auto; background-color: #fff; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; transition: var(--main-transi); z-index: 501;}
.header_wrap .menu_header.inner{max-width: 1180px; min-width: 1180px; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .menu_header .menu_list{position: relative; width: 100%; height: 100%; }
.header_wrap .menu_header .menu_list.inner{max-width: 1180px; min-width: 1180px; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
.header_wrap .menu_header .menu_list > li{position: relative; float: left; line-height: 58px; font-size: 16px; text-align: center; border-right: 1px solid #f4f4f4; width:calc(85.4%/7); font-weight: normal; box-sizing: border-box;}/* 24.04.12. ej : dev 운영 width값 다름*/
.header_wrap .menu_header .menu_list > li a{display: block; color: #000000; text-decoration: none;}
.header_wrap .menu_header .menu_list > li > a:hover,
.header_wrap .menu_header .menu_list > li > a.on{background: var(--main-color); color: #fff;}
.header_wrap .menu_header .menu_list > li:last-child{width: 23%;}
.header_wrap .menu_header .menu_list > li:first-child{border-left: 1px solid #f4f4f4;}
/* 2차메뉴 */
.menu_header .menu_list li ul.sub_menu{background-color: #fff; width: 100%; position: absolute; left: 0; top: 58px; z-index:1; min-height: 350px; border-right: 1px solid #f4f4f4; box-sizing: unset;}
.menu_header .menu_list li:first-child ul.sub_menu{border-left: 1px solid #f4f4f4; box-sizing: border-box;}
.menu_header .menu_list li ul.sub_menu.on{background: #f9f9f9;}
.menu_header .menu_list li ul.sub_menu.menu_bnr li{width: 100%; height: /*108*/99px;}/*dev로 돌려놓기*/
.menu_header .menu_list li ul.sub_menu.menu_bnr li a{display: block; width: 100%; height: 100%;}
.menu_header .menu_list li ul.sub_menu.menu_bnr li a img{width: 100%;}
.menu_header .menu_list li ul.sub_menu > li{position: relative; line-height: 58px; font-size: 16px;}
.menu_header .menu_list li ul.sub_menu > li > a{display: block;}
.menu_header .menu_list li ul.sub_menu > li > a:hover{color:var(--main-color); font-weight: 500;}
/* 220504 추가 */
.menu_header .header_sns_wrap{width:295px; height: 100%; border-top:1px solid #f4f4f4;}
.menu_header .header_sns_wrap div{width: 100%; height: 80%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.menu_header .header_sns_wrap div a{display: block; font-size: 14px; width: 50%; height: 54px; line-height: 54px; text-align: left; position: relative; box-sizing: border-box; padding-left: 32px; background:#fff; z-index:99;}
.menu_header .header_sns_wrap div a .header_sns{font-size: inherit; display: inline-block; padding-left: 25px;}
.menu_header .header_sns_wrap div a .header_sns::before{content: ''; display: inline-block; width: 20px; height: 20px; background-size: cover; position: absolute; top: 50%; left: 30px; transform: translateY(-50%);}
.menu_header .header_sns_wrap div a:nth-of-type(1) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/x1_icon.png') no-repeat center;}
.menu_header .header_sns_wrap div a:nth-of-type(2) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/blog_icon.png') no-repeat center;}
.menu_header .header_sns_wrap div a:nth-of-type(3) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/kakao_icon.png') no-repeat center;}
.menu_header .header_sns_wrap div a:nth-of-type(4) .header_sns:before{background: url('//img.x1.co.kr/x1/images/sns/header/youtube_icon.png') no-repeat center;}

li.newGuide::after{content: ''; position: absolute; right:14%; top: 30%; width: 6px; height: 6px; background: var(--main-color); border-radius: 50px;}
li.newContent::after{right:14%;}
li.newGuide:hover::after{content: ''; position: absolute; right: 14%; top: 30%; width: 6px; height: 6px; background: #fff; border-radius: 50px;}
.sub_menu li.newGuide:hover::after{content: ''; position: absolute; right: 10%; top: 30%; width: 6px; height: 6px; background: var(--main-color); border-radius: 50px;}

.bottom_banner{position:absolute; top:301px; justify-content:center; width:100%; z-index:99; display:none;}
.bottom_banner.on{display:flex;}
.bottom_banner .cs{background:#463c5a; padding:35px 61px 31px 37px;}
.bottom_banner .cs span{font-size:12px; line-height:normal; color:#F8F8F8;}
.bottom_banner .cs .call{font-size:22px; font-weight:500; line-height:18px; display:block; margin-bottom:7px;}
.bottom_banner img{width:295px; height:108px;}

/* footer */
footer{height: auto;}
footer .warning{background: #f4f4f4; text-align: center; line-height: 26px; padding:24px 0;  font-size: 16px; color: #7b7b7b;}
footer .footer_wrap{position: relative; width: 100%; height: 238px;}
footer .footer_wrap.inner{max-width: 1180px; min-width: 1180px; width: 100%; height: 100%; margin: 0 auto; overflow: hidden;}
footer .footer_wrap p.footerLogo{position: absolute; width: 200px; height: 49px; left: 0; top: 30%; text-align: center;}
footer .footer_wrap p.footerLogo img{height: 85%;}
footer .footer_wrap address{float: right; width: 83%; height: 100%; font-style: normal; padding: 50px 0 60px; text-align:left;}
footer .footer_wrap address p.link{font-size: 15px; color: #75717D; margin-bottom: 20px;}
footer .footer_wrap address p.link a{position: relative; margin-right: 10px; padding: 0 2px; font-size: 16px; font-weight: 300; text-decoration: none; color: inherit;}
footer .footer_wrap address p.link a::after{content: ''; position: absolute; right: -8px; top: 50%; transform: translateY(-40%); width: 1px; height: 14px; background: #787878;}
footer .footer_wrap address p.link a:last-child::after{content: unset;}
footer .footer_wrap address span{position: relative; color: #787878; padding: 0 8px; font-size: 14px;}
footer .footer_wrap address span.first{padding-left: 0;}
footer .footer_wrap address span::after{content: ''; position: absolute; left: -1%; top: 50%; transform: translateY(-50%); width: 1px; height: 14px; background:#787878;}
footer .footer_wrap address span.first::after{content: none;}
footer .footer_wrap address p.copy{font-size: 14px; color: #787878; margin-top: 20px;}


:root{
    --main-color: #e118a9;
    --main-transi: all .5s cubic-bezier(0, 0.21, 0.03, 1.01);
}

/* ========================================================================================================== */
/* main */
.wrap{position: relative; width: 100%; height: 100%;}
.back_image{position:absolute; top:0;}
.main_bnr_wrap{position: relative; width: 100%; height: 430px; min-width: 1180px; overflow: hidden;}
.main_bnr_wrap > img{height: 100%; transition: var(--main-transi);}
.main_bnr_wrap .main_slide_fence{position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%;}
.main_bnr_wrap .main_slide_fence.inner{margin: unset; padding: 0 auto;}
.main_bnr_wrap .click_area a{width:860px; display:block; height:432px; position:relative; z-index:99;}
/* main_nav */
.main_bnr_wrap .main_slide_fence .main_slide_nav{position: relative; width: 15%; height: 100%; background: rgba(48, 50, 75, 0.6); color: #fff;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap{width: 100%; height: 75%;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap .nav_title{width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; border-bottom: .5px solid rgba(255, 255, 255, 0.2); font-weight: bold; background: rgba(48, 50, 75, 0.8); color: #fff; font-size: 16px;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap .slick-list{overflow: visible;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap .slick-list .slick-track{transform: unset !important; top: 0 !important;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap li{position: relative; width: 100%; height: 60px; text-align: center; border-bottom: .5px solid rgba(255, 255, 255, 0.2); line-height: 1.2; padding-top: 10px; cursor: pointer;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap li.slick-current{background: var(--main-color);}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap li.slick-current::after{content: ''; position: absolute; right: -5px; top: 50%; margin-top: -5px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid var(--main-color);}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap li h3{font-size: 18px; margin-bottom: 3px; color: #fff;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_slide_wrap li h5{font-size: 13px; font-weight: normal; letter-spacing: -0.02em; word-break: break-all; color: #fff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn{position: absolute; bottom: 5%; left: 0; width: 100%; height: 24px; padding: 0 20px;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn > div{position: relative; width: 50%; height: 100%; font-weight: 300;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn span.bold{font-weight: bold; color: #fff; font-size: 16px;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn span.main_pagingInfo{color: #fff; font-size: 16px;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn button{position: absolute; width: 60px; height: 24px; top: 50%; transform: translateY(-50%); background: transparent; cursor: pointer;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn button.slick-arrow.slick-hidden{display: block; }
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn button.main_left_btn{right: 10px;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn button.main_right_btn{right: -30%;}
.main_bnr_wrap .main_slide_fence .main_slide_nav .main_nav_btn button img{width: 100%; height: 100%;}
/* main_slide */
.main_bnr_wrap .main_banner_list{position: relative; width: 58%; height: 430px;}
.main_banner_list .main_bnr_slide,
.main_banner_list .main_bnr_slide .main_slideCont{width: 100%; height: 100%;}
.main_banner_list .main_bnr_slide .main_slideCont > img{width: 1920px; height: 100%;}
.main_banner_list .main_bnr_slide .slick-list{height: 100%;}
.main_slideCont .content_wrap .pro_img_wrap{position: relative; margin-left: 1%; width: 20%; height: 430px;}
.main_slideCont .content_wrap .pro_img_wrap img{position: absolute; left: 0; bottom: 0;}
.main_slideCont .content_wrap .pro_txt_wrap{position: relative; width: 70%; margin-right: 5%; height: 430px; text-align: right;}
.main_slideCont .content_wrap .pro_txt_wrap .stat_wrap{position: absolute; top: 15%; right: 0;}
.main_slideCont .content_wrap .pro_txt_wrap .stat_wrap li{float: left;}
.main_slideCont .content_wrap .pro_txt_wrap .stat_wrap li span{padding: 5px 10px; border-radius: 50px; background: rgba(255, 255, 255, 0.8); font-size: 14px; letter-spacing: 0.05em;}
.main_slideCont .content_wrap .pro_txt_wrap .stat_wrap li span.free_live{margin-right: 10px; background:var(--main-color); color: #fff; font-weight: bold; padding: 5px 15px;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_title{position: absolute; top: 25%; width: 100%; right: 0; color: #fff; font-size: 36px; word-wrap: break-word; line-height: 1.2; overflow: hidden;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_title2{position: absolute; top: 35%; width: 100%; right: 0; color: #fff; font-size: 36px; word-wrap: break-word; line-height: 1.2; overflow: hidden;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_term{position: absolute; top: 50%; right: 0; font-size: 14px; color: #fff;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_name{position: absolute; top: 52%; right: 0; font-size: 50px; font-weight: 900; color: #fff; margin-top: 25px;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_btn_wrap{position: absolute; bottom: 10%; right: 0;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_btn_wrap li{position: relative; float: left; border-radius: 50px; background: #fff; padding: 10px 20px 10px 50px; font-size: 20px; font-weight: 500; box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);}
.main_slideCont .content_wrap .pro_txt_wrap .pro_btn_wrap li:first-child{margin-right: 15px;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_btn_wrap li a{display: block; text-decoration:none; cursor:pointer;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_btn_wrap li span{position: absolute; top: 50%; left: 20px; margin-top: -10px; width: 20px; height: 20px; background: url(//img.x1.co.kr/x1/images/main/pro_btn_img.png) no-repeat; background-position: 0 0;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_btn_wrap li:last-child span{background-position: -20px 0;}
.main_slideCont .content_wrap .pro_txt_wrap .pro_btn_wrap li.open_live{animation: open_live 2s linear infinite; -ms-animation: open_live 2s linear infinite;}
/* event slide */
.main_slide_fence .main_event_slide{width: 27%; height: 430px;}
.main_slide_fence .main_event_slide .main_evnet_inner{position: relative; width: 100%; height: 70%;}
.main_slide_fence .main_event_slide .main_evnet_inner .mainEvent_slide_wrap{position: relative; width: 100%; height: 100%; background: #fff;}
/* 220714 추가 */
.main_slide_fence .main_event_slide .main_sub_banner{width: 100%; height: 25%; margin-top: 10px;}
.main_slide_fence .main_event_slide .main_sub_banner img{width: 100%; height: 100%;}
.mainEvent_slide_wrap .mainEvent_slideList{position: relative; width: 100%; height: 218px;}
.mainEvent_slide_wrap .mainEvent_slideList .mainEvent_slideCont{width: 100%; height: 100%;}
.mainEvent_slide_wrap .mainEvent_slideList .mainEvent_slideCont > img{width: 100%; image-rendering: -webkit-optimize-contrast;}
.mainEvent_slide_wrap .event_nav_btn{position: absolute; bottom: 4%; left: 0; width: 100%; height: 28px; padding: 0 20px;}
.mainEvent_slide_wrap .event_nav_btn .eventNav_page_wrap{width: 50%; height: 100%; line-height: 28px;}
.mainEvent_slide_wrap .event_nav_btn .eventNav_page_wrap span.bold{font-weight: bold;font-size: 16px;}
.mainEvent_slide_wrap .event_nav_btn .eventNav_page_wrap span.event_pagingInfo{font-size: 16px;}
.mainEvent_slide_wrap .event_nav_btn .eventNav_btn_wrap{position:relative; width: 50%; height: 28px;}
.mainEvent_slide_wrap .event_nav_btn .eventNav_btn_wrap button{position: absolute; top: 0; width: 28px; height:28px; background: transparent; cursor: pointer; padding: 0;}
.mainEvent_slide_wrap .event_nav_btn .eventNav_btn_wrap button img {width:100%}
.mainEvent_slide_wrap .event_nav_btn .eventNav_btn_wrap button.event_left_btn{right: 35px;}
.mainEvent_slide_wrap .event_nav_btn .eventNav_btn_wrap button.event_right_btn{right: 0;}

/* 엑스원이 처음이신가요? */
.firstTime_x1{width: 100%; height: 80px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05);}
.firstTime_x1 .inner{overflow: visible;}
.firstTime_x1 .inner .firstTime_tit{width: 17%; height: 100%; font-size: 20px; line-height: 1.2; padding-left: 35px; display: flex; flex-flow: row wrap; align-content: center;}
.firstTime_x1 .inner .firstTime_tit p{position: relative;}
.firstTime_x1 .inner .firstTime_tit span{position: relative; font-size: 20px; line-height: 1.2;}
.firstTime_x1 .inner .firstTime_tit span::after{content: ''; width: 0%; height: 4px; background: var(--main-color); position: absolute; left: 0; bottom: 4px; border-radius: 5px; z-index: -1; transition: var(--main-transi); transition-delay: .5s;}
.firstTime_x1 .inner .firstTime_tit span.on::after{width: 100%;}

/* 엑스원 메인 230519 추가 및 수정 */
.firstTime_x1 .inner .firstTime_wrap {width: 100%; height: 100%; display: flex; flex-flow:row wrap;}
.firstTime_x1 .inner ul.firstTime_list{width: 83%;display: -webkit-box;display: -ms-flexbox;display: flex; flex-flow:row wrap;}
.firstTime_x1 .inner ul.firstTime_list li{width: 22%; height: 100%; line-height: 80px; font-size: 14px; font-weight: bold; color: #75717D; margin-right: min(30px, 4%);}
.firstTime_x1 .inner ul.firstTime_list li:last-child {margin:0;}
.firstTime_x1 .inner ul.firstTime_list li a{display: flex; flex-flow: row wrap; align-items: center; justify-content: center; }
.firstTime_x1 .inner ul.firstTime_list li a span{ margin-left: 4px; font-size: 16px; font-weight: 400; color: #75717D; transition: all 0.3s;}
.firstTime_x1 .inner ul.firstTime_list li a img { transition: all 0.3s;}
.firstTime_x1 .inner ul.firstTime_list li a:hover span{font-size: 18px;}
.firstTime_x1 .inner ul.firstTime_list li a:hover img {transform: scale(1.1)}

/* 엑스원 아카데미 230412 추가 */
.academy_cont{position: relative; width: 100%; height: 300px; margin-bottom: 80px !important; overflow: visible !important;}
.academy_cont > h1{position: relative; margin-bottom: 10px; padding-left: 40px; font-size: 28px;}
.academy_cont > h1 span{position: absolute; top: 50%;left: 0; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat; width: 35px; height: 35px; background-position: -280px 0;}
.academy_cont .academy_slide{width: 100%; margin-bottom: 30px;}
/*.academy_cont .academy_slide .slick-list{margin: 0 -7px;}*/
.academy_cont .academy_slide .slick-list li{width: 390px;  cursor: pointer;}
.academy_cont .academy_slide .slick-list li a{display: inline-block; width: 100%; border-radius: 10px; overflow: hidden;}
.academy_cont .academy_slide .slick-list li img{background:#fff}
.academy_cont .academy_page_wrap{position: absolute; top: 10px; right: 15px; display: flex; align-items: center; z-index: 10;}
.academy_cont .academy_page_wrap .bold{font-weight: bold;}
.academy_cont .academy_slide .slick-dots{margin-top:1.25rem; }
.academy_cont .academy_slide .slick-dots{position:relative;font-size:0;text-align:center}
.academy_cont .academy_slide .slick-dots li{display:inline-block;margin-left:.417rem}
.academy_cont .academy_slide .slick-dots li:first-child{margin-left:0}
.academy_cont .academy_slide .slick-dots li button{display:inline-block;width: 20px;height:.333rem;border-radius:.167rem;text-indent:-99999px;background:#dbdbdb;overflow:hidden;height: 10px;border-radius: 10px; transition: .5s; border:none;}
.academy_cont .academy_slide .slick-dots li.slick-active button{background: var(--main-color);width: 60px;height: 10px;border-radius: 10px;}
.academy_cont .arr_wrap{margin-left: 20px;}
.academy_cont .pre_arr{width: 28px; display: inline-block; cursor: pointer;}
.academy_cont .pre_arr img{width: 100%;}
.academy_cont .next_arr{width: 28px; display: inline-block; cursor: pointer;}
.academy_cont .next_arr img{width: 100%;}

/* 스위칭 섹션 */
.youtube_review_switch .youtube_switch{display: none;}
.youtube_review_switch .review_switch{display: none;}
.youtube_review_switch.youtube .youtube_switch{display: block;}
.youtube_review_switch.review .review_switch{display: block;}

/*엑스원 유튜브 */
.youtube_cont{position: relative; width: 100%; height: 300px; margin: 70px auto !important; overflow: visible !important;}
.youtube_cont > h1{position: relative; margin-bottom: 10px; padding-left: 40px; font-size: 28px;}
.youtube_cont > h1 span{position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/youtube_icon.png) no-repeat; width: 35px; height: 35px;}
.youtube_cont .youtube_slide{width: 100%; margin:20px 0 30px; padding: 5px;}
.youtube_cont .youtube_slide .slick-list li{width: 250px; margin: 0 5px;}
.youtube_cont .youtube_slide .slick-list li .iframe_wrapper{position: relative; background: #c4c4c4; width: 100%; /*height: 150px;*/ border-radius: 10px; overflow: hidden;}
.youtube_cont .youtube_slide .slick-list li .iframe_wrapper::before{content: ''; display: block; width: 100%; height: 100%; padding-top: 64%;}
.youtube_cont .youtube_slide .slick-list li .iframe_wrapper iframe{position: absolute; top: 0; left:0; width: 100%; height: 100%;}
.youtube_cont .youtube_slide .slick-list li .youtube_text{margin: 10px auto 0; text-align: left; width: 95%;}
.youtube_cont .youtube_slide .slick-list li .youtube_text > span{display: block;}
.youtube_cont .youtube_slide .slick-list li .youtube_text .text_tit{font-size: 16px; font-weight: bold; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.youtube_cont .youtube_slide .slick-list li .youtube_text .text_sub{font-size: 14px; margin-top: 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.youtube_cont .youtube_slide .slick-list li .youtube_text .text_bottom{font-size: 14px; margin-top: 5px;}
.youtube_cont .youtubeNav_page_wrap{position: absolute; top: 10px; right: 15px; display: flex; align-items: center; z-index: 10;}
.youtube_cont .youtubeNav_page_wrap .bold{font-weight: bold;}
.youtube_cont .youtube_slide .slick-dots{margin-top:1.25rem; }
.youtube_cont .youtube_slide .slick-dots{position:relative;font-size:0;text-align:center}
.youtube_cont .youtube_slide .slick-dots li{display:inline-block;margin-left:.417rem}
.youtube_cont .youtube_slide .slick-dots li:first-child{margin-left:0}
.youtube_cont .youtube_slide .slick-dots li button{display:inline-block;width: 20px;height:.333rem;border-radius:.167rem;text-indent:-99999px;background:#dbdbdb;overflow:hidden;height: 10px;border-radius: 10px; transition: .5s; border:none;}
.youtube_cont .youtube_slide .slick-dots li.slick-active button{background: var(--main-color);width: 60px;height: 10px;border-radius: 10px;}
.youtube_cont .arr_wrap{margin-left: 20px;}
.youtube_cont .pre_arr{width: 28px; display: inline-block !important; cursor: pointer;}
.youtube_cont .pre_arr img{width: 100%;}
.youtube_cont .next_arr{width: 28px; display: inline-block !important; cursor: pointer;}
.youtube_cont .next_arr img{width: 100%;}

/* 감사후기 */
.review_cont{position: relative; width: 50%; height: 100%;}
.review_cont > h1{position: relative; margin-bottom: 10px; padding-left: 40px; font-size: 28px;}
.review_cont > h1 span{position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat; width: 35px; height: 35px;}
.review_cont > h1 .review_count_all{display: inline; font-size: 15px; font-weight: normal;}
.review_cont > h1 .review_count_all i{font-style: normal;}
.review_cont .review_slide{width: 100%; height: auto; padding: 5px;}
.review_cont .review_slide .slick-list{padding: 5px 0; margin-bottom: 30px;}
.review_cont .review_slide li{color: #555; border-radius: 10px; height: 193px; margin: 0 5px; background: #fff; box-shadow:0px 0px 10px -1px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.1); transition: .2s linear; min-height: 157px;}
.review_cont .review_slide li:hover{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); transform: translateY(-2px);}

.review_cont .review_slide li a{display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; padding: 20px 15px 15px; text-decoration:none; cursor: pointer;}
.review_cont .review_slide li a .review_user_img{width: 120px; height: 120px; background-color: #D9D9D9; border-radius: 50%; position: relative; overflow: hidden;}
.review_cont .review_slide li a .review_user_img img{position: absolute; left: 50%; top: 52%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.review_cont .review_slide li a .review_user_cont{width: 70%; margin-left: 20px;}
.review_cont .review_slide li a .review_name_wrap{font-size: 15px; width: auto; margin-bottom: 10px;}
.review_cont .review_slide li a .review_name_wrap > span.name_span{width: auto;}
.review_cont .review_slide li a .review_name_wrap > span.name_span .pro_name_wrap{color: #E118A9;}
.review_cont .review_slide li a .review_name_wrap > span.name_span .pro_name{}
.review_cont .review_slide li a .review_name_wrap > span.name_span .user_name{color: #E118A9;}
.review_cont .review_slide li a .review_txt_wrap{margin-top:20px; margin-bottom: 10px; font-size: 16px; line-height: 1.6; font-weight: 300; min-height:54px; max-height: 74px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.review_cont .review_slide li a .review_date{text-align: right; font-size: 16px;}
.review_cont .review_btn_wrap{position: relative; width: 100%; height: 60px; margin-bottom: 20px; left:50%;}
.review_cont .review_btn_wrap .more_review{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 228px; height: 44px; border-radius: 30px; background: #f4f4f4; color: #494949; font-size: 20px; text-align: center; cursor: pointer; line-height: 44px;}
.review_cont .review_btn_wrap .more_review:hover{color: #fff; background: var(--main-color); box-shadow: 0 4px 10px 0 rgba(252, 34, 191, 0.25);}
.review_cont .reviewNav_page_wrap{position: absolute; top: 10px; right: 5px;}
.review_cont .reviewNav_page_wrap .bold{font-weight: bold;}

/* 수익 */
.radeOfReturn_cont{width: 100%; height: 410px; display: flex; align-items: flex-start; justify-content: space-between; margin-top: 20px; position:relative;}
/* 수익률 뽐내기 */
.boast{position: relative; width: 50%; height: 100%;}
.boast > h1{position: relative; margin-bottom: 10px; padding-left: 45px; font-size: 28px; letter-spacing:-1px}
.boast > h1 span{position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat; background-position: -35px 0; width: 35px; height: 35px;}
.boast .boast_slide{width: 100%; height: 100%; padding: 5px;}
.boast .boast_slide .boast_slideList{width: 100%; height: auto; margin-bottom: 30px;}
.boast .boast_slide .boast_slideList li{height: 203px; padding: 10px;}
.boast .boast_slide .boast_slideList li a{display: block; width: 100%; height: 100%; box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.10); border-radius: 5px; padding: 10px; transition: .2s linear;}
.boast .boast_slide .boast_slideList li a:hover{transform: translateY(-2px); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);}
.boast .boast_slide .boast_slideList li a > h2.subject_tit{background: var(--main-color); color: #fff; font-size: 16px; text-align: center; border-radius: 3px; line-height: 30px;}
.boast .boast_slide .boast_slideList li a .boast_info{text-align: center;}
.boast_slideList li a .boast_info .per_wrap{font-size: 24px; color: var(--main-color); margin: 28px 0;}
.boast_slideList li a .boast_info .per_wrap span.per{font-size: 44px; font-weight: bold;}
.boast_slideList li a .boast_info .proName_wrap{font-size: 20px; margin-bottom: 10px;}
.boast_slideList li a .boast_info .userName_date_wrap{font-size: 14px; color: #7b7b7b; margin-bottom: 5px;}
.boast_slide .boast_btn_wrap{position: relative; width: 100%; height: 60px; margin-bottom: 80px;}
.boast_slide .boast_btn_wrap .more_boast{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 228px; height: 44px; border-radius: 30px; background: #f4f4f4; color: #494949; font-size: 20px; text-align: center; cursor: pointer; line-height: 44px;}
.boast_slide .boast_btn_wrap .more_boast:hover{color: #fff; background: var(--main-color); box-shadow: 0 4px 10px 0 rgba(252, 34, 191, 0.25);}
.boast .boastNav_page_wrap{position: absolute; top: 10px; right: 15px;}
.boast .boastNav_page_wrap .bold{font-weight: bold;}
/* 수익인증 */
.radeOfReturn_cont .confirm{position: relative; width: 50%; height: 100%; margin-bottom: 10px}
.radeOfReturn_cont .confirm > h1{position: relative; margin-bottom: 10px; padding-left: 45px; font-size: 28px;}
.radeOfReturn_cont .confirm > h1 span{position: absolute; top: 50%; left: 10px; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat; background-position: -315px 0; width: 35px; height: 35px;}
.radeOfReturn_cont .confirm > h1 .confirm_count_all{display: inline; font-size: 15px; font-weight: normal;}
.radeOfReturn_cont .confirm > h1 .confirm_count_all i{font-style: normal;}
.radeOfReturn_cont .confirm .confirmNav_page_wrap{position: absolute; top: 10px; right: 15px;}
.radeOfReturn_cont .confirm .confirmNav_page_wrap .bold{font-weight: bold;}
.radeOfReturn_cont .confirm .confirm_slide{width: 100%; height: auto; padding: 5px;}
.radeOfReturn_cont .confirm .confirm_slide .confirm_slideList{width: 100%; height: auto; margin-bottom: 30px;}
.radeOfReturn_cont .confirm .confirm_slide .confirm_slideList li{height: 203px; padding: 5px 10px;}
.radeOfReturn_cont .confirm .confirm_slide .confirm_slideList li a{display: block; width: 100%; height: 100%; border-radius: 5px;}
.confirm_slide .confirm_slideList li a .confirm_imgWrap{position: relative; width: 100%; height: 70%; background: #f5f8f9; box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.10); overflow: hidden;}
.confirm_slide .confirm_slideList li a .confirm_imgWrap:hover img{transform: translate(-50%, -50%) scale(1.05);}
.confirm_slide .confirm_slideList li a .confirm_imgWrap img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; width: auto; max-height: 100%; height: auto; transition: var(--main-transi);}
.confirm_slide .confirm_slideList li a .confirm_info{height: 30%; padding: 10px 10px 0;}
.confirm_slide .confirm_slideList li a .confirm_info .userName{font-size: 16px;}
.confirm_slide .confirm_slideList li a .confirm_info .userName span{color: var(--main-color);}
.confirm_slide .confirm_slideList li a .confirm_info .pro_date_wrap{position: relative; width: 100%; height: auto; text-align: center; font-size: 16px; line-height: 1.9;}
.confirm_slide .confirm_slideList li a .confirm_info .pro_date_wrap .proName{position: absolute; left: 0; font-size: 14px; line-height: 30px;}
.confirm_slide .confirm_slideList li a .confirm_info .pro_date_wrap .date{position: absolute; right: 0; font-size: 14px; line-height: 30px;}
.confirm .confirm_btn_wrap{position: relative; width: 100%; height: 60px; margin-bottom: 20px;}
.confirm .confirm_btn_wrap .more_confirm{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 228px; height: 44px; border-radius: 30px; background: #f4f4f4; color: #494949; font-size: 20px; text-align: center; cursor: pointer; line-height: 44px;}
.confirm .confirm_btn_wrap .more_confirm:hover{color: #fff; background: var(--main-color); box-shadow: 0 4px 10px 0 rgba(252, 34, 191, 0.25);}

/* 오늘의 투자 전략 */
.todays {background:#ececf1; width: 100%; color: #fff; margin-bottom: 50px; /* box-shadow: inset 1px 5px 7px 0px #0000001a;*/}/* box-shadow는 중간에 위치했을 땐 삭제*/
.todays .todays_cont{width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: center; padding: 20px 0;}
.todays .todays_cont .todays_tit{color: #494949; font-weight: 700; font-size: 22px; width: 150px; margin-left: 30px;}
.todays .todays_cont .todays_tit span{color: inherit; font-size: inherit; font-weight: inherit; line-height: 32px; color: #494949;}
.todays .todays_cont .todays_btn{margin-top: 10px;}
.todays .todays_cont .todays_btn button{font-weight: 400; font-size: 16px; line-height: 23px; background: none; padding: 0;}
.todays .todays_cont .todays_slide{width: 80%;}
.todays .todays_cont .todays_slide ul{width: 100%; overflow: visible;}
.todays .todays_cont .todays_slide ul li{font-size: 20px; margin: 3px 10px; box-shadow: 0px 0px 5px #0000001a; background-color: #fff; border-radius: 10px; padding: 12px 0}
.todays .todays_cont .todays_slide ul li a{display: flex; justify-content: space-between; align-items: center; padding: 0 21px;}
.todays .todays_cont .todays_slide ul li a .todaysCont_tit{color:#494949; font-weight: 400; font-size: 18px; width: 75%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.todays .todays_cont .todays_slide ul li a .todaysCont_user{font-weight: 400; font-size: 16px; color: #494949;}
.todays .todays_cont .todays_slide ul li a .todaysCont_user span{color: inherit; font-size: inherit; font-weight: inherit;}


/* 엑스원 추천 전문가 */
.recomend{position: relative; width: 100%; height: auto; margin-bottom: 80px;}
.recomend .recomend_cont > h1{position: relative; margin-bottom: 10px; padding-left: 40px; font-size: 28px; margin-bottom: 10px;}
.recomend .recomend_cont > h1 span{position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat;  background-position: -105px 0; width: 35px; height: 35px;}
.recomend .recomend_cont .recomend_list{width: 100%; height: auto; display: flex; flex-flow: row wrap; justify-content: space-between; padding:5px;}
.recomend .recomend_cont .recomend_list li{width: 49%; height: 245px; padding: 5px;}
.recomend .recomend_cont .recomend_list li:nth-child(odd){margin-right: 1%;}
.recomend .recomend_cont .recomend_list li:nth-child(even){margin-left: 1%;}
.recomend .recomend_cont .recomend_list li a{display: block; width: 100%; height: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; transition: .2s linear;}
.recomend .recomend_cont .recomend_list li a:hover{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); transform: translateY(-2px);}
.recomend .recomend_cont .recomend_list li a .txt_wrap{position: relative; width: 60%; height: 100%; padding: 20px 0 20px 30px;}
.recomend_list li a .txt_wrap .type{font-size: 14px; animation: recomend_twinkle 2s linear infinite; margin-bottom: 10px;}
.recomend_list li a .txt_wrap .proName{font-size: 28px; color: #494949; font-weight: bold; margin-bottom: 10px; margin-top: 25px;}
.recomend_list li a .txt_wrap .explain{font-size: 16px; color: #1C1C1E; line-height: 1.5; letter-spacing: -0.07em; word-break: keep-all; margin-bottom: 30px; margin-top: 18px; }
.recomend_list li a .txt_wrap .explain span{display:block;}
.recomend_list li a .txt_wrap .hashtag{position: absolute; left: 30px; bottom: 25px; width: 100%; font-size: 14px;}
.recomend_list li a .txt_wrap .hashtag span{margin-right: 5px;}
.recomend_list li a .img_wrap{position: relative; width: 40%; height: 100%;}
.recomend_list li a .img_wrap > img{position: absolute; width: 120%; right: -30%; top: 70%; transform: translateY(-50%);}

/* 라이브(Live) 방송 전문가 */
.pro_list_wrap{width: 100%; height: auto; margin-bottom: 30px; padding-bottom: 10px;}
.pro_list_wrap:last-child{margin-bottom: 100px;}
.pro_list_wrap > h1{position: relative; margin-bottom: 10px; padding-left: 40px; font-size: 28px; margin-bottom: 20px;}
.pro_list_wrap > h1 span{position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat; width: 35px; height: 35px;}
.pro_list_wrap.live > h1 span{background-position: -140px 0;}
.pro_list_wrap.kakao > h1 span{background-position: -280px 0;}
.pro_list_wrap .pro_list{position: relative; width: 100%; height: auto; margin: 0 auto; border-radius: 5px; padding: 5px; padding-bottom: 130px;}
.pro_list_wrap .pro_list > li{float: left; width: 25%; height: 362px; padding: 6px;}
.pro_list_wrap .pro_list > li.tele_expert{height:322px;}
.pro_list_wrap .pro_list > li .proList_inner{width: 100%; height: 100%; box-shadow: 0px 0px 10px -1px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.10); border-radius: 5px; margin: 0 auto;}
.pro_list_wrap .pro_list > li .thum{width: 100%; height:174px; margin: 0 auto; background: #f6f6f6; overflow: hidden; position: relative;}
.pro_list_wrap .pro_list > li .thum a{display: block; width: 100%; height: 100%;}
.pro_list_wrap .pro_list > li .thum a > img{width: 70%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -40%); transition: var(--main-transi); image-rendering: -webkit-optimize-contrast;}
.pro_list_wrap .pro_list > li .thum a > img:hover{transform: translate(-50%, -40%) scale(1.05);}
/* 220317 hover시 전문가 이미지 변경 추가 */
.pro_list_wrap .pro_list > li.choi_hover .thum a::after{content: url(//img.x1.co.kr/x1/expert_img/251/main_proimg_251_hover.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.4s ease-in-out; opacity: 0;}
.pro_list_wrap .pro_list > li.templ_hover .thum a::after{content: url(//img.x1.co.kr/x1/expert_img/1218/main_proimg_1218_hover.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.4s ease-in-out; opacity: 0;}
.pro_list_wrap .pro_list > li.gooam_hover .thum a::after{content: url(//img.x1.co.kr/x1/expert_img/414/main_proimg_414_hover.png); position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity 0.4s ease-in-out; opacity: 0;}
.pro_list_wrap .pro_list > li.choi_hover .thum:hover a::after,
.pro_list_wrap .pro_list > li.templ_hover .thum:hover a::after,
.pro_list_wrap .pro_list > li.gooam_hover .thum:hover a::after{opacity: 1;}
/* 220317 hover시 전문가 이미지 변경 추가 */
.pro_list_wrap .pro_list > li .btn_wrap{position: relative; width: 100%; padding: 10px 15px;}
.pro_list_wrap .pro_list > li .btn_wrap > a{display: block; width: 100%; height: 30px; font-size: 20px; color: #494949; font-weight: bold; text-align: left;}
.pro_list_wrap .pro_list > li .btn_wrap > a span.home_img{position: relative; margin-left: 10px; width: 30px; height: 30px; border-radius: 50px; background: #f4f4f4; display: inline-block; vertical-align: text-top;}
.pro_list_wrap .pro_list > li .btn_wrap > a span > img{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.pro_list_wrap .pro_list > li .btn_wrap p{width: 100%; height: 36px; font-size: 14px; color: #979797; margin: 4px 0 10px 0; text-align:left; overflow: hidden; word-break: keep-all; word-wrap: break-word;}
.pro_list_wrap .pro_list > li .btn_wrap ul{width: 100%; height: auto;  display:flex;}
.pro_list_wrap .pro_list > li .btn_wrap ul li{float: left; width: 100%; height: 34px; line-height: 34px; text-align: center; font-size: 14px; color: #75717D; background: #f4f4f4; border-radius: 30px; margin:0 1.5px;}
.pro_list_wrap .pro_list > li .btn_wrap ul li a{display:flex; align-items:center; justify-content:center; width: 100%; height: 100%; text-decoration:none; cursor: pointer;}
.pro_list_wrap .pro_list > li .btn_wrap ul li a img{width:18px; height:18px; margin-right:5px;}
.pro_list_wrap .pro_list > li .btn_wrap ul li.active{animation: active 2s linear infinite;}
.pro_list_wrap .pro_list > li .btn_wrap ul li.charge_live{background: #ffe68b;}
.pro_list_wrap .pro_list > li .btn_wrap ul li:last-child{float: right;}

/* 카카오 */
.pro_list_wrap .pro_list > li .btn_wrap ul.kakao{width: 100%; height: auto;}
.pro_list_wrap .pro_list > li .btn_wrap ul.kakao li{float: left; width: 60%;}
.pro_list_wrap .pro_list > li .btn_wrap ul.kakao li:last-child{float: right;width: 36%;}
.pro_list_wrap .pro_list > li .btn_wrap ul.kakao li a{position: relative; width: 100%; height: 100%;}
.pro_list_wrap .pro_list > li .btn_wrap ul.kakao li a span{position: relative; display: inline-block; width: 17px; height: 17px; margin-right: 4px; margin-top: 2px;}
.pro_list_wrap .pro_list > li .btn_wrap ul.kakao li a span > img{position: absolute; top: 0; left: 0; width: 100%; margin-bottom: 2px;}
.pro_list_wrap .pro_list .listBtn_wrap{position: absolute; width: auto; height: 50px; bottom: 40px; left: 50%; transform: translateX(-50%);}
.pro_list_wrap .pro_list .listBtn_wrap ul li{position: relative; float: left; text-align: center; line-height: 50px; background: #f4f4f4; border-radius: 30px; padding: 0 30px 0 52px; font-size: 20px; color: #494949;}
.pro_list_wrap .pro_list .listBtn_wrap ul li a{display: block; width: 100%; height: 100%; color: inherit;}
.pro_list_wrap .pro_list .listBtn_wrap ul li:hover{background: var(--main-color); color: #fff; box-shadow: 0 4px 10px 0 rgba(252, 34, 191, 0.25);}
.pro_list_wrap .pro_list .listBtn_wrap ul li:first-child{margin-right: 10px;}
.pro_list_wrap .pro_list .listBtn_wrap ul li:last-child{margin-left: 10px;}
.pro_list_wrap .pro_list .listBtn_wrap ul li span{position: absolute; width: 30px; height: 30px; top: 50%; transform: translateY(-50%); left: 20px; background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat; background-position: -60px 0; background-size: cover;}
.pro_list_wrap .pro_list .listBtn_wrap ul li:last-child span{background-position: -150px 0;}

/*상단 통 배너 */
.top_banner{width: 100%; min-width: 1180px; margin-bottom: 80px;}
.top_banner img{width: 100%;}
/* 중간 배너 */
.mid_banner{position: relative; width: 100%; min-width: 1180px ;max-height: 256px; margin-bottom: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
.mid_banner img{width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; cursor: pointer;}
/* 공지사항 */
.x1_notice{position: relative; width: 100%; height: auto; margin-bottom: 130px; border:none;}
.x1_notice .notice_wrap{width: 65%; padding: 0 10px 20px;}
.x1_notice .notice_wrap a{color:#000000; font-size: 28px;}
.x1_notice .notice_wrap > h1{position: relative; padding-left: 40px; font-size: 28px; margin-bottom: 20px;}
.x1_notice .notice_wrap > h1 span{position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat;  background-position: -210px 0; width: 35px; height: 35px;}
.x1_notice .notice_wrap .notice_tb{position: relative; width: 100%; border-collapse: collapse; text-align: center;}
.x1_notice .notice_wrap .notice_tb tr{width: 100%; height: 64px; border-bottom: 1px solid #d5d5d5;}
.x1_notice .notice_wrap .notice_tb tr:hover{background: #f4f4f4;}
.x1_notice .notice_wrap .notice_tb tr td{font-size: 16px;}
.x1_notice .notice_wrap .notice_tb tr td.notice_tit{text-align: left; word-break: keep-all;}
.x1_notice .notice_wrap .notice_tb tr td.notice_tit a{display: block; width: 100%; height: 100%; font-size: 16px; font-weight:400;}
.x1_notice .notice_wrap .notice_tb tr td.notice_tit a:hover{font-weight: bold;}
.x1_notice .notice_wrap .notice_tb tr.title_tr{border-top: 1px solid #000; border-bottom: 1px solid #000;}
.x1_notice .notice_wrap .notice_tb tr.title_tr th{font-weight: normal; font-size: 16px;}
/* 고객센터 */
.x1_notice .cs_wrap{width: 35%; padding: 0 10px 20px;}
.x1_notice .cs_wrap > h1{position: relative; padding-left: 40px; font-size: 28px; margin-bottom: 20px;}
.x1_notice .cs_wrap > h1 span{position: absolute; top: 50%; left: 0; transform: translateY(-50%); background: url(//img.x1.co.kr/x1/images/main/cont_tit_icon.png) no-repeat;  background-position: -245px 0; width: 35px; height: 35px;}
.x1_notice .cs_wrap .cs_box{box-shadow: 0px 2px 7px 0 rgba(0, 0, 0, 0.20); padding: 30px 43px 25px; border-radius: 5px;}
.x1_notice .cs_wrap .cs_box p{position: relative; font-size: 60px; text-align: center; color: #322e2e; line-height: 1;background:none;padding-right:0px;right: 0;}
.x1_notice .cs_wrap .cs_box > span{color: #979797; font-size: 14px; text-align: right; display: block; margin: 20px 0 38px;}
.x1_notice .cs_wrap .cs_box ul{position: relative; width: 110%; height: auto; left: -5%;}
.x1_notice .cs_wrap .cs_box ul li{float: left; font-size: 18px; font-weight: bold; width: 48%; height: 64px; text-align: center; line-height: 64px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1), 0px 0px 1px 0px rgba(0, 0, 0, 0.28);}
.x1_notice .cs_wrap .cs_box ul li:hover{box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25);}
.x1_notice .cs_wrap .cs_box ul li a{display: block; width: 100%; height: 100%;color:#000000;font-size:18px;}
.x1_notice .cs_wrap .cs_box ul li a span{display: inline-block; vertical-align: middle; width: 20px; height: 20px; background: url(//img.x1.co.kr/x1/images/main/cs_img.png) no-repeat; background-position: 0 0; margin: 20px 10px 24px 0;}
.x1_notice .cs_wrap .cs_box ul li:first-child{margin-right: 2%;}
.x1_notice .cs_wrap .cs_box ul li:last-child{margin-left: 2%;}
.x1_notice .cs_wrap .cs_box ul li:last-child a span{background-position: -20px 0;}

/*오른쪽 배너 230412 추가*/
.right_banner{width: 129px;height: 248px;z-index: 1000;position: absolute;right: -1330px;top: -415px;}
.right_banner a{display: inline-block; width: 100%;}
.right_banner img{width: 100%; cursor:pointer;}

/*왼쪽 배너 230914 추가*/
.left_banner{position:absolute; top:98px; left:-190px; z-index:99; }
.tele_right_banner{position:absolute; top:615px; right:340px; z-index:99; }

/* 하단배너 */
.btm_banner{width: 100%; height: auto; margin-bottom: 100px;}
.btm_banner ul li{float: left; width: 25%; height: 220px; text-align: center;}
.btm_banner ul li a{display: block; width: 280px; height: 100%; margin: 0 auto; border-radius: 5px; overflow: hidden;}
.btm_banner ul li a img{transition: var(--main-transi);}
.btm_banner ul li a img:hover{transform: scale(1.05);}

/* 메인 상단 광고 영역 230621 추가 */
.main_top_ad {width:100%; overflow:hidden;}
.main_top_ad .inner {position: relative;color:#fff; margin:0 auto;}
.main_top_ad a {text-align: center; line-height: 34px; font-size: 13px; font-weight: 700; display: block; color:#fff;}
.main_top_ad .ad_close {position: absolute; top:50%; right:420px; opacity:0; transform: translateY(-50%); background: none; padding:0; border:none;}
.main_top_ad .banner_close_btn{position:absolute; right:20%; top:50%; transform:translateY(-50%);}

/* 스마트플러스 new main 230626 추가 */
.font_s_core {font-family: 'SCoreDream', 'Noto Sans KR', 'sans-serif';}
.smartplus_new2_pc * {box-sizing: border-box; line-height:1.2;}
.smartplus_new2_pc a {text-decoration: none;}
.smartplus_new2_pc .inner {width: 1180px; margin: 0 auto;}
.smartplus_new2_pc .flx {display: flex; flex-flow: row wrap; }
.smartplus_new2_pc .num_color1 {color: #E118A9;}

.smartplus_new2_pc .sub_visual {text-align: center;}
.smartplus_new2_pc .sub_visual img {max-width: 100%; object-fit: cover; }

.smartplus_new2_pc .sub_tab {border-bottom: 1px solid #d9d9d9; }
.smartplus_new2_pc .sub_tab ul li {position: relative; width:calc(100%/3); text-align: center;}
.smartplus_new2_pc .sub_tab ul li.on::before {opacity: 1;}
.smartplus_new2_pc .sub_tab ul li a {display: block; padding:33px 0; font-size: 20px; font-weight: 500; color: #979797; transition: all 0.2s; }
.smartplus_new2_pc .sub_tab ul li.active a {color: #3A3659;}
.smartplus_new2_pc .sub_tab ul li a:hover {color: #3A3659;}
.smartplus_new2_pc .sub_tab .popup_box {position: fixed; left:50%; top:50%; transform: translate(-50%,-50%); z-index: 999; }
.smartplus_new2_pc .sub_tab .popup_box div {display: none;}
.smartplus_new2_pc .sub_tab .popup_box img {max-width: 1100px; object-fit: cover;}
.smartplus_new2_pc .sub_tab .popup_box a {width: 216px; line-height: 35px; display: block; text-align: center; border:1px solid #3A3659; color:#75717D; font-size: 14px; position: absolute; bottom: 28px; left:50%; transform: translate(-50%,-50%); border-radius: 50px; transition: all 0.2s;}
.smartplus_new2_pc .sub_tab .popup_box a:hover {color:#fff; background: #3a3659;}
.smartplus_new2_pc .sub_tab .dim {width: 100vw; height: 100vh;position: fixed; top:0; left:0; background: rgba(0,0,0,0.5); z-index: 998;
    display: none;}

.smartplus_new2_pc .section1 {padding:70px 0; overflow: unset;}
.smartplus_new2_pc .section1 .box_tab {border-bottom: 2px solid #E118A9;}
.smartplus_new2_pc .section1 .box_tab li {width:33.3333%; text-align: center; border-top:1px solid #C9C5CF; border-right:1px solid #C9C5CF; }
.smartplus_new2_pc .section1 .box_tab li:first-child {border-left:1px solid #C9C5CF;}
.smartplus_new2_pc .section1 .box_tab li a {display: block; font-size: 18px; line-height: 60px; color: #3A3659;}
.smartplus_new2_pc .section1 .box_tab li.active {background: #E118A9; border-color:#E118A9;}
.smartplus_new2_pc .section1 .box_tab li.active a {color: #fff;}

.smartplus_new2_pc .section1 .box_wrap {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill, minmax(365px, auto)); gap: 10px 10px; margin-top: 10px;}
.smartplus_new2_pc .section1 .box_wrap .box {box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); border-radius: 5px; position: relative;}
.smartplus_new2_pc .section1 .box_wrap .box:nth-of-type(3n) {margin-right: 0;}
.smartplus_new2_pc .section1 .box_wrap .box .img {height: 178px; background: #F6F6F6; justify-content: center; align-items: center; overflow: hidden; transition: all 0.3s;}
.smartplus_new2_pc .section1 .box_wrap .box .img img {transform: translateY(-27px); transition: all .5s cubic-bezier(0, 0.21, 0.03, 1.01); width:48%;}
.smartplus_new2_pc .section1 .box_wrap .box .img:hover img {transform: translateY(-27px) scale(1.05)}
.smartplus_new2_pc .section1 .box_wrap .box.best::before {content:""; position: absolute; top:10px; left:10px; width: 53px; height: 80px; background: url('//img.x1.co.kr/x1/images/smartplus/smartplus_best_ico.png') center no-repeat;z-index: 2;}
.smartplus_new2_pc .section1 .box_wrap .box .img img {image-rendering: -webkit-optimize-contrast;}
.smartplus_new2_pc .section1 .box_wrap .box .txt {height: calc(100% - 178px); padding:20px; color: #494949; text-align: center;}
.smartplus_new2_pc .section1 .box_wrap .box .txt a.name {font-size: 22px; font-weight: 700;}
.smartplus_new2_pc .section1 .box_wrap .box .txt h4 {font-size: 18px; margin: 10px 0 8px; font-weight: 400;}
.smartplus_new2_pc .section1 .box_wrap .box .txt p {font-size: 16px; color: #979797; line-height: 22px;}
.smartplus_new2_pc .section1 .box_wrap .box .txt .btn_wrap{display:flex; justify-content: space-between; width:100%;}
.smartplus_new2_pc .section1 .box_wrap .box .txt a.btn {font-size: 14px; color: #75717D; padding: 9px 25px 9px 50px; margin:15px 5px 0 5px; flex-grow:1; border-radius: 30px; background:#f4f4f4; padding:10px 20px; display: inline-block; transition: all 0.2s;}
.smartplus_new2_pc .section1 .box_wrap .box .txt a.btn img{margin-right:10px;}

.smartplus_new2_pc .section2 {background: #f5f5f5; padding-top:25px;}
.smartplus_new2_pc .section2 .inner {background: url('//img.x1.co.kr/x1/images/smartplus/smartplus_section2_bg.png') 101% -1% no-repeat; padding:45px 0 70px;}
.smartplus_new2_pc .section2 .sub_tit {font-size: 30px; font-weight: 500; line-height:1.4; margin-bottom: 25px; letter-spacing: -2px; text-align: left;}
.smartplus_new2_pc .section2 .content {background: #fff; border-radius: 5px; box-shadow: 0 0 10px 0 rgba(0,0,0,0.1); padding:0 70px;}
.smartplus_new2_pc .section2 .new_smartplus_slide {overflow: hidden; position: relative; padding-top:40px; width: 900px; margin: 0 auto;}
.smartplus_new2_pc .section2 .new_smartplus_slide .slide_content {display: flex; flex-flow:row wrap; justify-content: center; align-items: center;}
.smartplus_new2_pc .section2 .new_smartplus_slide .img {width: 150px; height: 150px; margin-right: 30px; position: relative;}
.smartplus_new2_pc .section2 .new_smartplus_slide .img figure {width:100%; height:100%; background: #f6f6f6; border-radius: 50%; overflow: hidden;  margin: 0; position: relative;}
.smartplus_new2_pc .section2 .new_smartplus_slide .img img {width: 110%; position: absolute; top: 62%; left: 51%;transform: translate(-50%,-50%);}
.smartplus_new2_pc .section2 .new_smartplus_slide .img_num {width: 50px; height:50px; border-radius: 50%; background: #E118A9; position: absolute; top:-5px; left:-25px; text-align: center;}
.smartplus_new2_pc .section2 .new_smartplus_slide .img_num span { color: #fff;font-size: 26px; line-height: 46px;}
.smartplus_new2_pc .section2 .new_smartplus_slide .txt {text-align: left;}
.smartplus_new2_pc .section2 .new_smartplus_slide h2 {font-size: 40px; font-weight: 700; line-height: .8;}
.smartplus_new2_pc .section2 .new_smartplus_slide h1 {font-size: 30px; font-weight: 700;}
.smartplus_new2_pc .section2 .new_smartplus_slide h1 span {font-size: 50px;}
.smartplus_new2_pc .section2 .new_smartplus_slide p {font-size: 16px; font-weight: 500; padding-top: 20px;}
.smartplus_new2_pc .section2 .new_smartplus_slide .ns_slide_progress {position: relative; width: 100%; height: 1px; background: #dbdbdb; margin: 35px 0 20px;}
.smartplus_new2_pc .section2 .new_smartplus_slide .ns_slide_progress div {position: absolute; background: #000; height: 1px; animation: progress 5s linear 1;}
.smartplus_new2_pc .section2 .new_smartplus_slide .pagi_wrap {display: flex; align-items: center;justify-content: flex-end;}
.smartplus_new2_pc .section2 .new_smartplus_slide .ns_slide_prev {margin: 0 8px 0 20px; cursor: pointer;}
.smartplus_new2_pc .section2 .new_smartplus_slide .ns_slide_next {cursor: pointer;}
.smartplus_new2_pc .section2 .new_smartplus_slide .ns_slide_fraction {width: auto;}
.smartplus_new2_pc .section2 .new_smartplus_slide .ns_slide_fraction span {margin: 0 5px; color: #000;}
.smartplus_new2_pc .section2 .new_smartplus_slide .ns_slide_fraction span.active {font-weight: 700;}

.smartplus_new2_pc .section2 .item_wrap {display: grid; grid-auto-flow: column; grid-template-rows: repeat(5, 1fr); column-gap: 146px; padding:50px 0 25px; text-align: left;}
.smartplus_new2_pc .section2 .item div { border-bottom: 1px solid #d5d5d5; padding:20px 10px 20px 0; display: flex; flex-flow: row wrap; justify-content: space-between; transition: all 0.2s;}
/*.smartplus_new2_pc .section2 .item div:hover {background: #f9f9f9}*/
.smartplus_new2_pc .section2 .item:nth-of-type(5n+1) {border-top: 1px solid #d5d5d5;}
.smartplus_new2_pc .section2 .item p {font-size: 16px; font-weight: 500;}
.smartplus_new2_pc .section2 .item .num {width: 10%; text-align: center;}
.smartplus_new2_pc .section2 .item .name {width: 30%;}
.smartplus_new2_pc .section2 .item .persent {width: 20%; font-size: 18px; font-weight: 700; text-align: right;}
.smartplus_new2_pc .section2 .item .person {width: 40%; text-align: right;}
.smartplus_new2_pc .section2 .btn {line-height: 60px; display: block; width: 340px; border-radius: 30px; margin: 45px auto 0; background: #E118A9; font-size: 18px; font-weight: 700; color: #fff; text-align: center; box-shadow: 0 4px 10px rgba(252,34,191,0.25);}

.smartplus_new2_pc .section3 * {color: #322E2E; font-weight: 700;}
.smartplus_new2_pc .section3 {padding: 50px 0 60px;}
.smartplus_new2_pc .section3 .inner  {justify-content: space-evenly; align-items:center;}
.smartplus_new2_pc .section3 .box { text-align: center; display: flex; flex-flow: column wrap;}
.smartplus_new2_pc .section3 .box h2 {font-size: 38px; }
.smartplus_new2_pc .section3 .box h3 {font-size: 24px; font-weight: 500;margin-bottom: 25px; line-height:1.6;}
.smartplus_new2_pc .section3 .box h4 {font-size: 14px; }
.smartplus_new2_pc .section3 .box p {font-size: 14px; color: #979797; margin-top: 10px;}
.smartplus_new2_pc .section3 .box a {font-size: 30px; font-weight: 700; padding: 25px 70px; border-radius: 3px; border:1px solid #322E2E}
.event_bnr .event_close_btn{cursor:pointer; position:absolute; display:flex; align-items:center; background:#fff; justify-content:center; top:6px; right:6px; width:33px; height:33px; border:1px solid #000; border-radius:50%;}
.event_bnr .event_close_btn img{width:60%;}

/*3일 무료체험 이벤트 페이지 추가*/
.x1_3live_wrap *{box-sizing:border-box; line-height:1;}
.x1_3live_wrap button{cursor:pointer; border:none;}
.x1_3live_wrap input{border-width:0 0 0.5px; border-color:rgba(0,0,0,0.5);}
.x1_3live_wrap input:focus{border-color: #E118A9;}
.x1_3live_wrap{position:relative; padding-bottom:96px;}
.x1_3live_wrap .sub_visual{width:100%; height:726px; background:url(https://img.x1.co.kr/x1/images/x1_3live/image/x1_3live_main_banner.png) no-repeat top / cover; padding-bottom:110px; box-sizing:border-box;}
.x1_3live_wrap .sub_visual .live_uses{padding-top:70px;}
.x1_3live_wrap .sub_visual .live_uses >img{ position:relative; left:50%; transform:translateX(-50%); }
.x1_3live_wrap .live_box{width:1010px; margin:0 auto;}
.x1_3live_wrap .live_box ul{display:flex; padding-top:60px;}
.x1_3live_wrap .live_box ul li{width:330px; height:310px; border-radius:25px; background:#7508B9; margin-right:10px;}
.x1_3live_wrap .live_box ul li img{padding:32px 95px; animation: effect 2s infinite forwards;}
.x1_3live_wrap .live_box ul li:nth-child(3){margin-right:0;}
.x1_3live_wrap .live_box ul li p{text-align:center; color:#EAE9E4; font-family:SCoreDream; font-size:30px; font-weight:500; line-height:40px; letter-spacing:-1px; text-transform:uppercase; }
.x1_3live_wrap .live_box ul li p span{color:#FFF1BA;}
.x1_3live_wrap .x1_top{background: rgba(255, 255, 255, 0.80); position:relative;}
.x1_3live_wrap .x1_top > img{position:absolute; transform:translateX(-50%); left:50%; top:-10px; z-index:-1;}
.x1_3live_wrap .x1_top h2{text-align:center; text-shadow: 0px 5.7px 0px rgba(205, 205, 205, 0.50); font-family:SCoreDream; font-size:54px; font-weight:700; letter-spacing:-5px; padding-top:100px; line-height:65px;}
.x1_3live_wrap .x1_top h2 span{color:#3c3c3c;}
.x1_3live_wrap .x1_top .x1_top_expert{padding:53px 0 10px 0;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li{width:440px; height:625px; border-radius:25px; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.10); background:#E5E3EA; position:relative; margin-right:16px;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li .expert_title{opacity:0;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li .live_btn_wrap img{position:absolute; top:36%; left:27%; z-index:99;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li .live_btn_wrap img.on{left:33%;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li .live_btn{background:#e118a9; position:absolute; display:flex; align-items:center; justify-content:center; font-size:18px; color:#fff; padding:12px 0; top:34%; width:100%;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li .live_btn img{margin-right:15px;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li > img{position:absolute; transform:translateX(-50%); left:50%; width:100%; border-radius:25px;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li .expert_content{position:absolute; bottom:0; width:100%; height:371px; border-radius:0 0 20px 20px; background:#FFF;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li .expert_content bold{text-align:center; display:block; font-size:34px; font-weight:700; line-height:38px; margin-top:17px;}
.x1_3live_wrap .x1_top .x1_top_expert > ul > li .expert_content span{display:block; text-align:center; font-size:22px; font-weight:400; line-height:38px; margin-top:10px;}
.x1_3live_wrap .x1_top .x1_top_expert .secret_list{padding:0 20px; margin-top:20px;}
.x1_3live_wrap .x1_top .x1_top_expert .secret_list li{padding:5px 9.5px; border-bottom:0.5px solid rgba(0,0,0,0.2); display:flex; gap:10px;}
.x1_3live_wrap .x1_top .x1_top_expert .secret_list li p{font-size:24px; line-height:48px; font-weight:400;}
.x1_3live_wrap .x1_top .x1_top_expert .swiper-slide{cursor:pointer;}
.x1_3live_wrap .x1_top .roll_btn{margin-top:51px;}
.x1_3live_wrap .x1_top .expert_more{margin:143px auto 50px; width:300px; border-radius:30px; border:2px solid #E118A9; background:#E118A9;}
.x1_3live_wrap .x1_top .expert_more a{color:#FFF; text-align:center; font-weight:700; font-size:18px; padding:19px 0; display:block;}
.x1_3live_wrap .x1_apply_modal .modal_header{border-radius:20px 20px 0 0; background:#E118A9; color:#FFF; font-size:28px; font-weight:700; padding:34px 0; margin:0 auto; position:relative; z-index:-9; line-height:1;}
.x1_3live_wrap .x1_apply_modal{width:1024px; position:fixed; background:#F3F4F3; left:50%; transform:translateX(-50%); z-index:11; border-radius:50px 50px 0 0; bottom:-348px; transition:0.8s;}
.x1_3live_wrap .x1_apply_modal .apply_click{cursor: pointer;}
.x1_3live_wrap .x1_apply_modal.on{bottom:0px;}
.x1_3live_wrap .x1_apply_modal.on .apply_click img{transform:rotate(90deg);}
.x1_3live_wrap .x1_apply_modal .modal_header > img{position:absolute; left:20px;}
.x1_3live_wrap .x1_apply_modal .modal_header p{display:inline; margin-left:20px; color:#fff; font-size:28px;}
.x1_3live_wrap .x1_apply_modal .modal_header span{color:#EEFF84;}
.x1_3live_wrap .x1_apply_modal .modal_header .apply_btn{right:20px;}
.x1_3live_wrap .x1_apply_modal .modal_header .apply_click{display:flex; align-items:center; float:right; position:relative; top:-9px; margin-right:32px;}
.x1_3live_wrap .x1_apply_modal .modal_header .apply_click em{color:#fff; font-size:28px;}
.x1_3live_wrap .x1_apply_modal .modal_content{margin-top:10px; position:relative; z-index:-9}
.x1_3live_wrap .x1_apply_modal .modal_content > ul{margin:0 auto; width:384px;}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > li{position:relative; left:50%; transform:translateX(-50%); margin-bottom:5px;}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > li label{display:block; font-size:14px; font-weight:400; line-height:27px; color:rgba(0,0,0,0.9); margin-bottom:3px;}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > li input{width:381px; height:50px;  background:inherit;  font-size:16px; font-weight:400; line-height:30px; color:rgba(0,0,0,0.5); padding-left:13px; font-family: 'Noto Sans KR', sans-serif; box-sizing: border-box;}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > li:nth-child(2) input{width:266px;}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > li:nth-child(3) input{width:266px;}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > .flx{display:flex;}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > li .request, .x1_3live_wrap .x1_apply_modal .modal_content ul li .confirm{border-radius:5px; background:#E118a9; font-size:14px; color:#FFF; text-align:center; font-weight:500; line-height:27px; padding:11px 0; width:100px; margin-left:14px; transition:0.3s;}
.x1_3live_wrap .x1_apply_modal .modal_content ul li .request:not(.disabled):hover, .x1_3live_wrap .x1_apply_modal .modal_content ul li .confirm:hover{box-shadow:0 4px 8px 0 rgba(225,24,169,0.25);}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > li .request.disabled{background:#A3A6B1;}
.x1_3live_wrap .modal_content .select.on{border-bottom:1px solid #E118A9;}
.x1_3live_wrap .modal_content .select{display:inline-block; width:209px; border-bottom:1px solid rgba(0,0,0,0.3); margin-right:4px; height:50px;}
.x1_3live_wrap .modal_content .select .selected{display:flex; justify-content:space-between; padding:10px 5px; cursor: pointer;}
.x1_3live_wrap .modal_content .select .selected .selected-value{max-width:209px; line-height:30px; height:30px; padding-left:8px; color:rgba(0,0,0,0.5); font-weight:500; font-size:16px;}
.x1_3live_wrap .modal_content .select .selected .arrow{width:18px; background:url(https://img.x1.co.kr/x1/images/x1_3live/icon/select_button.svg) no-repeat 70% 50%;}
.x1_3live_wrap .modal_content .select ul{width:209px; height:140px; position:absolute; background:#FFF; cursor:pointer; border-radius:15px; margin-top:5px; overflow-x: hidden; overflow-y:scroll; z-index:99; display:none; top:-145px;}
.x1_3live_wrap .modal_content .select ul::-webkit-scrollbar{width:27px;}
.x1_3live_wrap .modal_content .select ul::-webkit-scrollbar-thumb{border-radius:25px;background-color: #C6C6C6; height:60px; background-clip: padding-box; border:10px solid transparent;}
.x1_3live_wrap .modal_content .select .selected .arrow.active{transform:rotate(180deg);}
.x1_3live_wrap .modal_content .select ul.on{display:block;}
.x1_3live_wrap .modal_content .select ul li{padding:10px 14px; color:#75717D; font-size:14px;}
.x1_3live_wrap .modal_content .select ul li:hover{background:#E118A9; opacity:0.8; COLOR:#FFF}
.x1_3live_wrap .modal_content .select ul li:first-child{margin-top:5px;}
.x1_3live_wrap .modal_content .select ul li:last-child{margin-bottom:5px;}
.x1_3live_wrap .x1_apply_modal .modal_content ul li .ex_date input{width:167px;}
.x1_3live_wrap .x1_apply_modal .modal_content .check_agree{margin-top:15px; display:flex; justify-content:center;}
.x1_3live_wrap .x1_apply_modal .modal_content .agree{color:rgba(0,0,0,0.9); font-size:14px; font-weight:400; line-height:27px; text-align:center; margin-left:10px;}
.x1_3live_wrap .x1_apply_modal .modal_content .btn_3live_apply{display:block; width:299px; border-radius:30px; border:2px solid #E118A9; background:#E118A9; position:relative; left:50%; transform:translateX(-50%); color:#FFF; font-size:18px; font-weight:700; padding:14px 0; margin:15px 0; transition:0.3s; z-index:-1;}
.x1_3live_wrap .x1_apply_modal .modal_content .btn_3live_apply:hover{box-shadow:0 4px 8px 0 rgba(225,24,169,0.25);}
.x1_3live_wrap .x1_apply_modal .modal_content .ex_date div{position:relative;}
.x1_3live_wrap input[type='date']::before {content: attr(data-placeholder); width: 100%; color:rgba(0,0,0,0.50); font-family: 'Noto Sans KR', sans-serif; font-weight:500; position:absolute; top:50%; transform:translateY(-50%);}
.x1_3live_wrap input[type='date']:focus::before, input[type='date']:valid::before {display: none;}
.x1_3live_wrap .x1_apply_modal .modal_content ul li input[type='date']{background: url(https://img.x1.co.kr/x1/images/x1_3live/icon/calender.svg) no-repeat 95% 50%/18px auto; position:relative;}
.x1_3live_wrap .x1_apply_modal .modal_content ul li input[type='date']::-webkit-calendar-picker-indicator {position: absolute; width: 100%; height: 100%;
    background: transparent; color: transparent; cursor: pointer;}
.x1_3live_wrap input[type="checkbox"]{display:none;}
.x1_3live_wrap input[type="checkbox"] + label:before{
    content:'';
    background:url(https://img.x1.co.kr/x1/images/x1_3live/icon/check_box.svg) no-repeat 50% 50%;
    position:relative;
    top:6px;
    display:block;
    width:16px;
    height:16px;
    z-index:-1;
}
.x1_3live_wrap input[type="checkbox"]:checked + label:before{
    content:'';
    background:url(https://img.x1.co.kr/x1/images/x1_3live/icon/check.svg) no-repeat 50% 50%;
    color:#E118A9;
    position:relative;
    display:block;
    width:16px;
    height:16px;
    z-index:-1;
}
.x1_3live_wrap .swiper-slide{background:#616161; opacity:0.5; border-radius:20px; transition: 0.5s; transform:scale(0.8);}
.x1_3live_wrap .swiper-slide-active{opacity:1; transform:scale(1); transition: 0.5s;}
.x1_3live_wrap .swiper-slide-prev{opacity:1; transform:scale(1); transition: 0.5s;}
.x1_3live_wrap .swiper-slide-next{opacity:1; transform:scale(1); transition: 0.5s;}
.x1_3live_wrap .swiper-button-prev,.swiper-button-next{width:40px; height:40px; top:inherit; margin:0 4px;}
.x1_3live_wrap .swiper-button-next{background:url(https://img.x1.co.kr/x1/images/x1_3live/icon/btn_next.png) no-repeat center / cover; left:50%; right:inherit;}
.x1_3live_wrap .swiper-button-prev{background:url(https://img.x1.co.kr/x1/images/x1_3live/icon/btn_pre.png) no-repeat center / cover; right:50%; left:inherit;}
.x1_3live_wrap .swiper-button-prev::after, .x1_3live_wrap .swiper-button-next::after{display:none;}
.x1_3live_wrap .x1_apply_modal .modal_content ul li:nth-child(3) > div{position:relative;}
.x1_3live_wrap .x1_apply_modal .modal_content > ul > li .timer{position:absolute; right:130px; top:48%; transform:translateY(-50%);}
.x1_3live_wrap input[type='date']::-webkit-datetime-edit-text {-webkit-appearance: none; display: none;}
.x1_3live_wrap input[type='date']::-webkit-datetime-edit-month-field{-webkit-appearance: none; display: none;}
.x1_3live_wrap input[type='date']::-webkit-datetime-edit-day-field {-webkit-appearance: none; display: none;}
.x1_3live_wrap input[type='date']::-webkit-datetime-edit-year-field {-webkit-appearance: none; display: none;}
.x1_3live_wrap input[type='date']:focus::-webkit-datetime-edit-text,
.x1_3live_wrap input[type='date']:valid::-webkit-datetime-edit-text,
.x1_3live_wrap input[type='date']:focus::-webkit-datetime-edit-month-field,
.x1_3live_wrap input[type='date']:valid::-webkit-datetime-edit-month-field,
.x1_3live_wrap input[type='date']:focus::-webkit-datetime-edit-day-field,
.x1_3live_wrap input[type='date']:valid::-webkit-datetime-edit-day-field,
.x1_3live_wrap input[type='date']:focus::-webkit-datetime-edit-year-field,
.x1_3live_wrap input[type='date']:valid::-webkit-datetime-edit-year-field{display:inline-block; -webkit-appearance: block;}


#sub_container{width:980px; margin:0 auto; position:relative; padding:20px 0 100px; text-align:left;}
.x1_color{color:#E118A9;}
.withdrawal_wrap h3{position:relative; font-size:18px; color:#3A3659; margin-bottom:10px; font-weight:700; line-height:18px; margin-bottom:15px; }
.withdrawal_wrap .top_line{height:10px; border-radius:8px 8px 0 0;}
.withdrawal_wrap .withdrawal_content ul{padding:28px 16px 8px 16px; border:0.7px solid #E2e8f0;}
.withdrawal_wrap .withdrawal_content ul li{display:flex; flex-direction:row;}
.withdrawal_wrap .withdrawal_content ul li p{color:#1A202C; font-size:14px; letter-spacing:-0.7px; font-weight:400; line-height:24px; margin-left:8px;}
.withdrawal_wrap .withdrawal_content ul li span{display:block;}
.withdrawal_wrap .withdrawal_content ul li .delete_list{padding:4px 30px; background:#F6F6F6; display:inline-block; letter-spacing:-1.3px; font-size:13px; margin:0 0 16px 25px;}
.withdrawal_wrap .withdrawal_content ul li .add_ex{color:#75717D; font-size:11px; line-height:16px; letter-spacing:-1.1px;}
.withdrawal_wrap .withdrawal_content .list_dot{min-width:3px; height:3px; background:#000; border-radius:50%; margin-top:10px;}
.withdrawal_wrap .check_wrap{display:flex; align-items:center; padding:10px 30px; background:#F6F6F6; margin:20px 0;}
.withdrawal_wrap .check_wrap p{margin-left:8px; font-size:13px; line-height:24px; letter-spacing:-0.65px; color:#333;}
.withdrawal_wrap input[type="checkbox"]{display:none;}
.withdrawal_wrap input[type="checkbox"] + label:before{
    content:'';
    background:url('https://img.x1.co.kr/x1/images/common/checkbox.png') no-repeat 50% 50%;
    position:relative;
    top:50%;
    display:block;
    width:18px;
    height:18px;
}
.withdrawal_wrap input[type="checkbox"]:checked.x1_check + label:before{
    content:'';
    background:url('https://img.x1.co.kr/x1/images/common/checkbox_1.png') no-repeat 50% 50%;
    position:relative;
    display:block;
    width:18px;
    height:18px;
}

/*해지약관*/
.resign_x1_wrap{position:relative; max-width:768px; margin:0 auto; display:flex; flex-direction:column; justify-content:center; height:100vh; padding:0 1rem; font-family: Pretendard;}
.resign_x1_wrap .resign_coment{padding-left:1rem;}
.resign_x1_wrap .resign_coment h3{color:#3A3659; font-size:2rem; font-weight:700; line-height:3rem; font-family: Pretendard;}
.resign_x1_wrap .resign_coment p{color:#1A202C; font-size:1rem; line-height:1.5rem;}
.resign_x1_wrap .resign_coment span{color:#787878; font-size:0.875rem; line-height:1.5rem;display:none;}
.resign_x1_wrap .login_btn{margin-top:7.5rem; display:flex;}
.resign_x1_wrap .login_click a{display:inline-block; color:#fff; font-size:1rem; line-height:1.5rem; padding:1rem 0; width:19.375rem; background:#3A3659; border-radius:12px; text-align:center;}
.resign_x1_wrap .main_img{position:absolute; right:0; transform:translateY(90%);}
.resign_x1_wrap .login_move_mo{display:none;}
.resign_x1_wrap .login_btn .btn_coment span{text-align:center; font-size:1rem; line-height:1.5rem; margin-bottom:1.125rem; color:#1A202C; display:none;}

/*후기 안내문구*/
.review_guide p{margin-bottom:10px; color:#75717D;}

/*지인추천 url 팝업*/
.popup_url_wrap{position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.5); z-index:999; display:none;}
.popup_url{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); border:10px solid #d91ca5; border-radius:33px; width:572px; height:541px; background:#1b1922; padding:49px 60px; box-sizing: border-box;}
.popup_url h2{font-size:58px; letter-spacing:-2.32px; color:#fff; text-shadow: 0 0 24px rgba(233, 0, 190, 0.9); -webkit-text-stroke: 2px #cd1cdd; line-height:1.1; font-family: 'GangwonEduPowerExtraBoldA';}
.popup_url .url_link{display:flex; justify-content:center; gap:51px; margin:48px 0;}
.popup_url .url_link a{color:#fff; display:flex; flex-direction:column; align-items:center; letter-spacing:-1.6px; text-align:center; line-height:normal; text-decoration:none; font-family: SBAggro;}
.popup_url .url_link a img{width:100px;}
.popup_url .url_link a span{font-size:40px; margin-top:16px;}
.popup_url .close_btn{border-radius: 50px; box-shadow: 0 7px 6px 0 rgba(0, 0, 0, 0.05); background-image: linear-gradient(104deg, #e118a9 0%, #d81ca3 103%); color:#fff; font-size:46px; font-weight:500; border: none; width: 348px; height: 88px; font-family: KBO-Dia-Gothic_medium;}
.join_popup a img{width:980px;}

/*이지챗 위치*/
.ez_chat{position:absolute; left:-190px;}
#ezHelpChatdiv{position:fixed !important;}

/*텔레그램 팝업*/
.tele_popup{width:316px; position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid #3A3659; background:#fff; z-index:999; display:none;}
.tele_popup .close_btn{position:absolute; top:20px; right:18px; z-index:9;}
.tele_popup .bottom{padding:18px;}
.tele_popup .thum{width:100%; height:206px; margin:0 auto; background:#f6f6f6; overflow:hidden; position:relative;}
.tele_popup .thum > img {width: 70%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -40%); transition: var(--main-transi); text-align:initial;}
.tele_popup .bottom .bottom_btn_wrap{ padding:0 15px;}
.tele_popup .bottom .bottom_btn_wrap a{font-size:20px; color:#494949; font-weight:bold; text-align:left; width:100%; height:30px; display:block;}
.tele_popup .bottom .bottom_btn_wrap .home_img{position: relative; margin-left: 10px; width: 30px; height: 30px; border-radius: 50px; background: #f4f4f4; display: inline-block; vertical-align: text-top;}
.tele_popup .bottom .bottom_btn_wrap .home_img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.tele_popup .bottom .bottom_btn_wrap p{width: 100%; font-size: 14px; color: #979797; margin: 4px 0 10px 0; text-align: left; overflow: hidden; word-break: keep-all; word-wrap: break-word;}
.tele_popup .bottom .content{background:#F2F4F6; padding:10px 15px;}
.tele_popup .bottom .content span{color:#3A3659; font-size:16px; font-weight:700; display:block; padding:10px 0;}
.tele_popup .bottom .content .content_list{padding:4px 0; }
.tele_popup .bottom .content .content_list li{color:#3A3659; font-size:14px; line-height:26px; letter-spacing:-0.28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:left;}
.tele_popup .bottom .tele_btn{background:#f4f4f4; padding:10px 20px; border-radius:30px; margin-top:18px;}
.tele_popup .bottom .tele_btn a{display:flex; align-items:center; justify-content:center; font-size:14px;}
.tele_popup .bottom .tele_btn a img{margin-right:8px; width:18px; height:18px;}
.tele_popup .bottom .tele_guide a{font-size:13px; color:#494949; letter-spacing:-0.26px; text-decoration:underline; display:block; text-align:center; margin-top:25px;}

@media (max-width: 715px){ /*360px~ 기본 모바일 사이즈*/
    .resign_x1_wrap{display:block; padding-top:1.6875rem;}
    .resign_x1_wrap .resign_coment p{margin-top:2rem;}
    .resign_x1_wrap .resign_coment p em{display:block;}
    .resign_x1_wrap .main_img{left:50%; transform:translateX(-50%); right:initial; bottom:5%;}
    .resign_x1_wrap .login_move_mo{display:block; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); padding-bottom:5.625rem;}
    .resign_x1_wrap .login_move_pc{display:none;}
    .resign_x1_wrap .login_btn{margin-top:0px; justify-content:center;}
}


@media (min-width:716px) and (max-width:1439px) { /*716px~ 폴드, 태블릿*/
    .resign_x1_wrap .resign_coment span{display:block;}
    .resign_x1_wrap .main_img{transform:translateY(-20%); right:3.125rem;}
    .resign_x1_wrap .login_btn{margin-top:12.8rem; justify-content:center;}
    .resign_x1_wrap .login_move_mo{display:block;}
    .resign_x1_wrap .login_btn .btn_coment span{display:block;}
    .resign_x1_wrap .login_btn .btn_coment_mo{margin-right:1.375rem;}
}

/* ============================= keyframes ============================= */
@keyframes open_live {
    0%, 50%{
        background: var(--main-color);
        color: #fff;
    }
    51%, 100%{
        background: #fff;
        color: #000;
    }
}
@-ms-keyframes open_live {
    0%, 50%{
        background: var(--main-color);
        color: #fff;
    }
    51%, 100%{
        background: #fff;
        color: #000;
    }
}

@keyframes active {
    0%, 50%{
        background: var(--main-color);
        color: #f4f4f4;
        font-weight: bold;
        box-shadow: 0 4px 10px 0 rgba(252, 34, 191, 0.25);
    }
    51%, 100%{
        background: #f4f4f4;
        color: #75717D;
        font-weight: normal;
        box-shadow: none;
    }
}

@keyframes recomend_twinkle {
    0%{color: #494949;}
    49%{color: #494949;}
    50%{color: #3d20f1;}
    99%{color: #3d20f1;}
    100%{color: #494949;}
}

@keyframes progress {
    from {
        width: 0%;
    }
    to {
        width: 100%;
    }
}

@keyframes effect{
    0%{transform:rotate(-10deg)}
    50%{transform:rotate(10deg)}
    100%{transform:rotate(-10deg)}}

/*가입시 랜딩페이지*/
.event_pay_wrap{background:#1B1922; font-family: 'SBAggro';}
.event_pay_wrap .inner{max-width:830px; width:initial;  margin:0 auto;}
.event_pay_wrap .event_header{margin-top:70px; text-align:center;}
.event_pay_wrap .event_header span{font-size:24px; color:#e6e6e6; display:block; line-height:1.2;}
.event_pay_wrap .event_header h2{font-size:64px; font-weight:bold; color:#e6e6e6; letter-spacing:-1.28px; line-height:76px; margin-top:32px;}
.event_pay_wrap .event_header img{margin:34px 0;}
.event_pay_wrap .event_header span.special{font-size:34px; letter-spacing:-0.68px; text-shadow: 0px 0px 24px rgba(233, 0, 190, 0.80); text-shadow: 0 0 5px #f0f, 0 0 10px #f0f; font-weight:bold; line-height:1.2;}
.event_pay_wrap .favor{margin-top:80px; margin-bottom:160px; padding:0 20px;}
.event_pay_wrap .favor .box_head{background:#FF22C8; display:inline-block; height:40px; padding:12px 34px 6px 34px; border-radius: 30px 30px 0px 0px; backdrop-filter: blur(28px); margin-left:25px; box-shadow: 0px 0px 24px 5px rgba(233, 0, 190, 0.90);}
.event_pay_wrap .favor .box_head > span{font-size:30px; font-weight:400; letter-spacing:-1.2px; color:#fff; line-height:40px;}
.event_pay_wrap .favor .favor_box{border:20px solid #FF22C8; border-radius:24px; background:#fff; display:flex; flex-direction:column; align-items:center; padding:32px 0; box-shadow: 0px 0px 24px 7px rgba(233, 0, 190, 0.90);}
.event_pay_wrap .favor .favor_box .box_list{background:#F2E6E6; border-radius:40px; text-align:center; padding:16px 64px;}
.event_pay_wrap .favor .favor_box .box_list p{font-size:29px; font-weight:400; letter-spacing:-1.1px; color:#000; line-height:normal;}
.event_pay_wrap .favor .favor_box .box_list p em{color:#E248CC;}
.event_pay_wrap .favor .favor_box span{font-size:29px; line-height:normal; margin:20px 0;}
.event_pay_wrap .service_favor h2{color:#fff; font-size:54px; font-weight:bold; line-height:1; letter-spacing:-2.16px; text-align:center; text-shadow: 0px 0px 24px rgba(233, 0, 190, 0.80); text-shadow: 0 0 5px #f0f, 0 0 10px #f0f;}
.event_pay_wrap .service_list{font-family: 'KBO-Dia-Gothic_medium';}
.event_pay_wrap .service_list li{padding:0 15px; margin-top:60px; position:relative;}
.event_pay_wrap .service_list li > img{position:absolute; right:-22px; top:-105px; z-index:9;}
.event_pay_wrap .service_list li:last-child{margin-bottom:60px;}
.event_pay_wrap .service_list li .service_box{border:2px solid #CD1CDD; box-shadow: 0px 0px 24px 0px rgba(233, 0, 190, 0.90); background:#fff; border-radius:24px; overflow:hidden; display:flex; position: relative; height:266px; align-items:center; justify-content:center;}
.event_pay_wrap .service_list li .service_box .expert_img{position:relative;}
.event_pay_wrap .service_list li .service_box .expert_img img{width:210px; transform:translateY(20px);}
.event_pay_wrap .service_list li .service_box .expert_special{display:flex; flex-direction:column; gap:26px;}
.event_pay_wrap .service_list li .service_box .expert_special .box_header .expert_img_mo{display:none;}
.event_pay_wrap .service_list li .service_box .expert_info{display:flex; align-items:center; border-bottom:1px solid #000; padding-bottom:26px; justify-content:center; width:100%;}
.event_pay_wrap .service_list li .service_box .expert_info .expert{color:#000; font-size:56px; font-weight:500; letter-spacing:-2.24px; line-height:1; width:50%; text-align:center;}
.event_pay_wrap .service_list li .service_box .expert_info .pay{color:#ff22c8; font-size:20px; font-weight:500; letter-spacing:-0.8px; background:#000; line-height:60px; height:60px; padding:0 45px; border-radius:19px; margin-left:36px; text-decoration:none; position:relative; z-index:99;}
.event_pay_wrap .service_list li .service_box .expert_info .pay.mo{display:none;}
.event_pay_wrap .service_list li .service_box .expert_price{display:flex; align-items:center;}
.event_pay_wrap .service_list li .service_box .expert_price svg{margin:0 18px;}
.event_pay_wrap .service_list li .service_box .expert_price .event_1{display:flex; flex-direction:column; text-align:center;}
.event_pay_wrap .service_list li .service_box .expert_price .event_1 span{color:#000; font-size:22px; font-weight:500; letter-spacing:-0.88px; line-height:26px;}
.event_pay_wrap .service_list li .service_box .expert_price .event_1 span em{color:#e118a9;}
.event_pay_wrap .service_list li .service_box .expert_price .event_1 .label{display:block; color:#fff; font-size:16px; font-weight:500; letter-spacing:-0.64px; background:#000; border-radius:3px; padding:4px 10px; margin-bottom:14px;}
.event_pay_wrap .service_list li .service_box .expert_price .price{width:30%;}
.event_pay_wrap .service_list li .service_box .expert_price .price span{font-size:16px; letter-spacing:-0.64px; font-weight:500; line-height:1; color:#6e6e6e;}
.event_pay_wrap .service_list li .service_box .expert_price .price span em{text-decoration:line-through;}
.event_pay_wrap .service_list li .service_box .expert_price .price span.event_price{font-size:34px; letter-spacing:-1.34px; color:#000;}
.event_pay_wrap .event_cs{color:#D9D9D9; text-align:center; font-weight:400; letter-spacing:-0.6px; font-size:30px; display:block; margin:30px 0 70px 0;}
.event_pay_wrap .event_guide{background:#000; width:100%;}
.event_pay_wrap .event_guide .guide_content{max-width:830px; margin:0 auto; padding:50px 0; font-family: 'SUIT-Regular';}
.event_pay_wrap .event_guide .guide_content h3{color:#e6f6f6; font-size:28px; line-height:36px;}
.event_pay_wrap .event_guide .guide_content span{color:#e6f6f6; font-size:18px; display:block; margin-top:30px; line-height:36px;}
.event_pay_wrap .event_guide .guide_content p{color:#e6f6f6; font-size:18px; line-height:36px; letter-spacing:-0.36px;}

/*종목분석 vod*/
#sub_container .board_list table td.vod_title{text-align:left; width:250px; padding:22px 50px 22px 10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
#sub_container .vod_list .board_list table td{letter-spacing:-1.12px; position:relative;}
#sub_container .vod_list .board_list table td.new{background:url('//img.x1.co.kr/x1/images/landing/icon_new.png') left no-repeat;}
#sub_container .vod_list .board_list table td.btn a{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:110px; height:33px; line-height:33px; border:1px solid #B9B9B9; text-decoration:none;}
#sub_container .vod_list .board_list table .btn.play a{background:url("//img.x1.co.kr/x1/images/x1_vod/common/vod_play.svg") center no-repeat; background-position:17px 6px; box-sizing:border-box; padding-left:15px;}
.vod_tooltip{position:absolute; top:55px; left:165px; display:none;}
#sub_container .vod_header h2{padding-top:0;}
#sub_container .item_chart{margin-top:16px;}
#sub_container .item_chart bold{font-size:24px; color:#e118a9; font-weight:700; line-height:normal;}
#sub_container .vod_header{display:flex; align-items:center; justify-content:space-between; margin-top:10px;}
.searchForm{position:relative; margin:34px 0 10px 0; display:flex; justify-content:center;}
.searchHead{position:absolute; top:50%; left:42.5%; transform:translate(-50%,-50%); margin:0; width:620px;}
.headerForm{margin:0;}
.expertForm{margin:0;}
.search_wrap .item_search input{padding:7px 0 7px 56px; border-radius:3px; border:1px solid #E118A9; width:93%; font-size:16px; font-weight:600; box-sizing : border-box; line-height:31px; background:#f4f4f4; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.search_wrap .item_search .searchHead input{background:#fff;}
.search_wrap .item_search .expertForm input{background:#fff;}
.search_wrap .item_search .headerForm input{width:575px;}
.search_wrap .item_search .expertForm input{width:980px;}
.search_wrap .item_search .headerForm svg{left:2.5%;}
.search_wrap .item_search .expertForm svg{left:2%;}
.search_wrap .item_search input:focus{outline:none;}
.search_wrap .item_search .search_btn{display:inline-block; margin-left:8px;}
.search_wrap .item_search .search_btn button{font-size:16px; font-weight:500; letter-spacing:-0.64px; color:#fff; padding:13px 16px; background:#E118A9; border-radius:3px; line-height:19px;}
.search_wrap .vod_guide{color:#3A3659; text-align:center; display:block; line-height:18px; margin-top:10px;}
.search_wrap .item_search ::-webkit-input-placeholder{font-size:16px; color:#75717D; font-weight:400; line-height:19px;}
.search_wrap .item_search svg{position:absolute; top:50%; transform:translateY(-50%); left:6.5%; width:30px; height:30px;}
.content_empty{background: #fff; width:100%; padding:22px 0; border-bottom:1px solid #dbdbdb;}
.content_empty p{text-align: center;font-size: 14px;}
#sub_container .stock_chart{height:294px;}
#sub_container .momentum_table{display:block; overflow:hidden;}
#sub_container .momentum_table .board_list table td{text-align:left; padding:10px 20px;}
#sub_container .vod_sub_head .acc_list{font-size:12px; color:#A3A0A8; font-weight:700; line-height:18px; padding:3px 10px; border:1px solid #A3A0A8; border-radius:50px; margin-left:12px; cursor:pointer;}
#sub_container .vod_sub_head .acc_list svg{margin-bottom:2px;}
#sub_container .vod_sub_head .acc_list svg.up{transform:rotate(180deg);}

.chart_board{display:flex; justify-content: space-evenly; padding:22px 45px 23px; background:#fff; margin-top:20px;}
.stock_skin{padding:22px 45px 23px;background: #fff; margin-top:10px; border:7px solid #e2e2e2;}
.ui-autocomplete{border:1px solid #e118a9; border-radius:3px; padding:8px;}
.ui-menu .ui-menu-item{font-weight:400; line-height:19px; padding:10px; font-size:16px; border-bottom:1px solid #979797; color:#75717D; margin-bottom:8px;}
.ui-menu .ui-menu-item:first-child{padding-top:8px;}
.ui-menu .ui-menu-item:last-child{}
#stock_chart .custom_tooltip {font-size: 12px; font-weight:500; padding: 8px; border: 2px solid #e118a9; box-shadow: 0px 0px 5px rgba(0,0,0,0.2); border-radius:5px;}
#stock_chart .apexcharts-yaxistooltip{background:#e118a9; border:none;}
#stock_chart .apexcharts-yaxistooltip-text{color:#fff;}
#stock_chart .apexcharts-xaxistooltip{background:#e118a9; border:none;}
#stock_chart .apexcharts-xaxistooltip-text{color:#fff;}
.ui-state-focus{background:#fff !important; border-bottom:1px solid #979797 !important;}
/*차트 실시간지수*/
.chart_head{display:flex; gap:10px; font-size:16px;}
.chart_head h4{font-size:16px;}
.num_quot .num{margin-right:6px;}
.num_quot .num2{margin-right:6px;}
.num_quot.minus{color:#318bd8;}
.num_quot.minus .num2{background:url("//img.x1.co.kr/x1/images/x1_vod/common/decrease.svg") left 10px no-repeat; padding-left:11px;}
.num_quot.plus .num2{background:url("//img.x1.co.kr/x1/images/x1_vod/common/increase.svg") left 10px no-repeat; padding-left:11px;}
.num_quot.plus{color:#ff4e4e;}

@media screen and (max-width:830px){
    .event_pay_wrap header{margin-top:9vw;}
    .event_pay_wrap header span{font-size:4.3vw;}
    .event_pay_wrap header h2{font-size:10.5vw;line-height:14vw; margin-top:8vw;}
    .event_pay_wrap header img{margin:4vw 0; width:12vw;}
    .event_pay_wrap header span.special{font-size:6vw; line-height:9vw;}
    .event_pay_wrap header span.special em{display:block;}
    .event_pay_wrap .favor{margin-top:4vw; margin-bottom:14vw; padding:0 5vw;}
    .event_pay_wrap .favor .box_head{height:7.2vw; padding:0 5vw; border-radius:4vw 4vw 0px 0px; box-shadow: 0px 0px 15px 0px rgba(233, 0, 190, 0.90);}
    .event_pay_wrap .favor .box_head > span{font-size:3.8vw; line-height:normal; display:block; margin-top:2vw;}
    .event_pay_wrap .favor .favor_box{border:2.5vw solid #FF22C8; border-radius:3vw; padding:4vw 0;}
    .event_pay_wrap .favor .favor_box .box_list{border-radius:5vw; padding:2vw 7.8vw;}
    .event_pay_wrap .favor .favor_box .box_list p{font-size:4vw;}
    .event_pay_wrap .favor .favor_box span{font-size:4vw; margin:2.3vw 0;}
    .event_pay_wrap .service_favor h2{font-size:6vw; letter-spacing:0.86px;}
    .event_pay_wrap .service_list li{padding:0 15px; margin-top:6.5vw;}
    .event_pay_wrap .service_list li > img{right:-2vw; top:-10vw; width:20vw;}
    .event_pay_wrap .service_list li:last-child{margin-bottom:60px;}
    .event_pay_wrap .service_list li .service_box{border-radius:24px; padding:3vw 0 4vw 0; height:initial;}
    .event_pay_wrap .service_list li .service_box .expert_img{display:none;}
    .event_pay_wrap .service_list li .service_box .expert_img img{width:100px; transform:translateY(20px);}
    .event_pay_wrap .service_list li .service_box .expert_special{display:flex; flex-direction:column; gap:4.4vw;}
    .event_pay_wrap .service_list li .service_box .expert_special .box_header{display:flex; height:25vw; overflow:hidden; justify-content:center; width:100%;}
    .event_pay_wrap .service_list li .service_box .expert_special .box_header .expert_img_mo{display:block;}
    .event_pay_wrap .service_list li .service_box .expert_special .box_header .expert_img_mo img{width:30vw; transform:translateY(-6.5vw);}
    .event_pay_wrap .service_list li .service_box .expert_info{flex-direction:column; align-items:center; border-bottom:none; padding-bottom:0; width:initial;}
    .event_pay_wrap .service_list li .service_box .expert_info .expert{font-size:6vw; letter-spacing:-1.1px; margin-top:10px; width:100%; text-align:center;}
    .event_pay_wrap .service_list li .service_box .expert_info .pay{font-size:4vw; letter-spacing:-0.4px; line-height:9vw; height:9vw; padding:0 15vw; border-radius:2vw; margin-left:0; margin-top:2.2vw;}
    .event_pay_wrap .service_list li .service_box .expert_info .pay.pc{display:none;}
    .event_pay_wrap .service_list li .service_box .expert_info .pay.mo{display:block;}
    .event_pay_wrap .service_list li .service_box .expert_price{display:flex; align-items:center; justify-content:center; margin-left:4vw;}
    .event_pay_wrap .service_list li .service_box .expert_price svg{margin:0 1.5vw; width:5.5vw;}
    .event_pay_wrap .service_list li .service_box .expert_price .event_1 span{font-size:3vw; letter-spacing:-0.4px; line-height:3.5vw;}
    .event_pay_wrap .service_list li .service_box .expert_price .event_1 .label{font-size:2.2vw; border-radius:1.5px; padding:0.6vw 1.5vw; margin-bottom:1.8vw;}
    .event_pay_wrap .service_list li .service_box .expert_price .price{width:30%; margin-left:2vw;}
    .event_pay_wrap .service_list li .service_box .expert_price .price span{font-size:2.4vw; letter-spacing:-0.64px;}
    .event_pay_wrap .service_list li .service_box .expert_price .price span.event_price{font-size:4.8vw; letter-spacing:-0.64px;}
    .event_pay_wrap .event_cs{letter-spacing:-0.3px; font-size:4vw; margin:10vw 0;}
    .event_pay_wrap .event_guide{width:100%;}
    .event_pay_wrap .event_guide .guide_content{max-width:100%; padding:5vw;}
    .event_pay_wrap .event_guide .guide_content h3{font-size:4.4vw; line-height:6vw;}
    .event_pay_wrap .event_guide .guide_content span{font-size:3vw; margin-top:5vw; line-height:6vw;}
    .event_pay_wrap .event_guide .guide_content p{font-size:3vw; line-height:6vw; }
}