@charset "UTF-8";
/*
    [제목] 핀업 스탁 메인페이지 CSS
    [생성일] 2020-02-03
    [내용] 메인페이지 에 있는 레이아웃, 플로우팅 버튼, 배너, 팝업 등의 스타일을 포함하고 있음.
    [비고] CSS 작성시 핀업 디자인팀 내부에 규정하고 있는 CSS 작성 규칙를 준수하여 작성할 것.
*/


/* S : 핀업 스탁 메인페이지 */
/*--공통--*/

.main_wrap { display:block; position:relative; width:100%; height:auto; background:#fff; box-sizing:border-box; overflow:hidden; z-index:1; }
.main_wrap.main_wrap_fs { margin-top:225px; }

.main_wrap .bn_slide { display:block; position:relative; width:1040px; margin:115px auto 0; overflow:visible; }
.main_wrap .bn_slide .box_count { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; position:absolute; bottom:15px; right:25px; gap:0 5px; z-index:11; }
.main_wrap .bn_slide .box_count .box_control { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-items:center; gap:0 5px; width:auto; height:25px; padding:0 10px; border-radius:15px; background-color:rgba(0,0,0,0.6); justify-content:center; }
.main_wrap .bn_slide .box_count .box_control .btn_control { display:inline-block; width:15px; height:15px; align-self:center; background:url('/images/common/main_slide_control.png') no-repeat; background-position-x:-15px; cursor:pointer; }
.main_wrap .bn_slide .box_count .box_control .btn_control.stop { background-position-x:0; }
.main_wrap .bn_slide .box_count .box_control .box_num {  display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-self:center; color:#fff; font-size:13px; font-weight:bold; }
.main_wrap .bn_slide .box_count .box_control .box_num b { color:#fff; font-size:13px; font-weight:bold; line-height:15px; vertical-align:middle; }
.main_wrap .bn_slide .box_count .btn_all { display:block; position:relative; width:25px; height:25px; border-radius:15px; background-color:rgba(0,0,0,0.6); background-image:url('/images/common/main_slide_all.png'); background-repeat:no-repeat;  cursor:pointer; }

.main_wrap .cm_bn_slide { width:1040px; height:250px; margin:0 auto; overflow:visible; }
.main_wrap .cm_bn_slide .cm_bn_list { position:relative; border-radius:10px; margin:0 7.5px; overflow:hidden; }
.main_wrap .cm_bn_slide .cm_bn_list img { left:unset; z-index:0; }
.main_wrap .cm_bn_slide .cm_bn_list a:after { display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:#fff; opacity:0.5; transition:all 0.3s ease-in; z-index:1; }
.main_wrap .cm_bn_slide .cm_bn_list.slick-center a:after { opacity:0; transition:all 0.3s ease-in; }
.main_wrap .cm_bn_slide .slick-list { margin:0 -7.5px !important; overflow:visible; }

.main_wrap .cm_bn_slide button.slick-arrow { width:40px; height:40px; border-radius:50%;  background:url('/images/common/ic-slide-arrow.png'); mix-blend-mode:normal; overflow:hidden;  z-index:10; }
.main_wrap .cm_bn_slide button.slick-arrow.slick-prev { left:calc(50% - 540px); background-position-y:-40px; }
.main_wrap .cm_bn_slide button.slick-arrow.slick-next { right:calc(50% - 540px);background-position:-40px -40px }

.main_wrap .cm_bn_slide.common .slick-dots { bottom:15px; }

.main_wrap .contents01 { overflow:visible; }
.main_wrap .contents01:after { display:block; content:''; clear:both; }
.main_wrap .contents01 + .contents01 { padding-top:0; }



.main_wrap .cm_tit .box_arrow { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; position:absolute; right:0; top:12px; gap:0 5px; width:53px; }
.main_wrap .cm_tit .box_arrow .btn_arrow { display:block; -webkit-flex:0 0 24px; -ms-flex:0 0 24px; flex: 0 0 24px; width:24px; height:24px; background:url('/images/common/ic-smallslide-arrow.png') no-repeat; background-position:0 -24px; }
.main_wrap .cm_tit .box_arrow .btn_arrow.btn_next { background-position:-24px -24px; }
.main_wrap .cm_tit .box_arrow .btn_arrow.slick-disabled { background-position-y:0 ; }
.main_wrap .cm_tit .box_arrow .btn_arrow.slick-hidden { display:none; }

.main_wrap .box_bn { width:100%; height:auto; }
.main_wrap .box_bn a { display:block; }

.main_wrap .cm_btn.btn_more { display:block; width:180px; height:35px; margin:30px auto 0; border-radius:5px; color:#777; font-size:15px; line-height:33px; cursor:pointer; }
.main_wrap .cm_btn.btn_more .im { margin-left:5px; color:#ccc; font-size:85%; line-height:normal; }

/* S: 업무번호:12800 메인 리뉴얼 */
/* 메인 배너 */
.main_wrap .main_banner_wrap {position: relative; width: 1200px;  padding: 0;  margin: 30px auto;  box-sizing: border-box;  overflow: hidden;}
.main_wrap .main_banner_wrap .container {display: flex;touch-action: pan-y pinch-zoom;}
.main_wrap .main_banner_wrap .item {display: flex; flex: 0 0 100%; overflow:hidden; border-radius:10px;}
.main_wrap .main_banner_wrap .item img { width:100%; height:auto; }
.main_wrap .main_banner_wrap .box_count { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:0 3px; position:absolute; top:10px; right:10px; width:auto; height:20px; z-index:990;}
.main_wrap .main_banner_wrap .box_count .box_control{ display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; align-self:center; width:auto; height:20px; padding:0 10px; border-radius:10px; background-color:rgba(0,0,0,0.6); color:#fff; font-size:0.688rem; line-height:20px; justify-content:center; overflow:hidden;}
.main_wrap .main_banner_wrap .box_count .box_control b { color:#fff; font-size:0.688rem; font-weight:bold; vertical-align:middle; }
.main_wrap .main_banner_wrap .box_count .btn_all { display:block; position:relative; width:20px; height:20px; border-radius:15px; background-color:rgba(0,0,0,0.6); background-image:url('/images/common/main_slide_all.png'); background-size:contain; background-repeat:no-repeat;  cursor:pointer; }

/*나의메뉴*/
.main_wrap .myMenu-warp {width: 1200px; margin: 0 auto;box-sizing: border-box;overflow: hidden;}
.main_wrap .myMenu { display:grid;grid-template-columns: repeat(10, minmax(0, 1fr)); gap: 10px; margin-bottom: 30px;}
.main_wrap .myMenu a {display: flex; flex-direction: column; align-items: center;}
.main_wrap .myMenu a .icon { width: 111px; height: 111px; border-radius: 10px; overflow: hidden; background-color:#f4f5fa;}
.main_wrap .myMenu a .icon img {width: 100%; height: auto;}
.main_wrap .myMenu a .title {width: 100%; height:22px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; margin-top: 5px; text-align: center; font-size: 14px; color:#333; }

.main_wrap .main-contents {display: flex;flex-direction: column;align-items: center;padding: 60px 0;}
.main_wrap .main-contents.bgcolor {background: #f4f5fa;}

.main_wrap .contents { display:flex; flex-direction:column; align-items:center; gap:50px; }
.main_wrap .box_wrap { width:1200px; display:flex; flex-direction:column; gap:50px; }
.main_wrap .box_wrap .cm_tit { display:inline-block; font-size: 28px; }
.main_wrap .more { display: inline; padding: 6px 16px; text-align: center; white-space: nowrap; font-weight: 400; font-size: 15px; line-height: normal; color: #fff; border-radius:99px; background-color: #ff7500; }
.main_wrap .more:hover { background-color: #ff7500; }
.main_wrap .box_wrap .im {margin: 0 4px 0 0;font-size: 100%;vertical-align: middle;}
.main_wrap .box_wrap .subject {display:-webkit-box; width:100%; text-overflow:ellipsis; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; font-weight: 500;}
.main_wrap .box_wrap .subject strong {font-weight: 700; }
/*후기,이슈*/
.main_wrap .box_wrap .cont01 { position: relative; display:flex; flex-direction: row; width: 100%; }
.main_wrap .box_wrap .cont01 .tit { width: 270px; display:flex; flex-direction:column; align-items: flex-start; gap: 30px;}
.main_wrap .box_wrap .cont01 .tit .txt { display:flex; flex-direction:column; gap:10px; width: 100%;}
.main_wrap .box_wrap .cont01 .list_wrap {position: relative; width: calc(100% - 270px);}
.main_wrap .box_wrap .cont01 .list_wrap .container {display: flex;touch-action: pan-y pinch-zoom;}
.main_wrap .box_wrap .cont01 .list_wrap .item {flex: 0 0 33.33%; padding-left: 20px;}
.main_wrap .box_wrap .cont01 .list_wrap .list_cont { display:flex; flex-direction:column; gap:15px; width: 100%; padding: 20px 15px; border-radius:10px; border: 1px solid #ccc; cursor:pointer; background-color: #fff;transition: all 0.2s ease-in-out;}
.main_wrap .box_wrap .cont01 .list_wrap .list_cont:hover { border-color: #2F2E72; }
.main_wrap .box_wrap .cont01 .list_wrap .list_cont .subject {height: 44px;  -webkit-line-clamp:2;}
.main_wrap .box_wrap .cont01 .list_wrap .list_cont .text {display:-webkit-box; width:100%; height: 60px; text-overflow:ellipsis; -webkit-line-clamp:3; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden;}
.main_wrap .box_wrap .cont01 .list_wrap .list_cont .info { display:flex; flex-direction:row; justify-content:space-between; align-items:center; }
.main_wrap .box_wrap .cont01 .list_wrap .list_cont .info span {width:calc(100% - 90px); height: 22px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; font-weight: 500;}
.main_wrap .box_wrap .cont01 .list_wrap .list_cont .info span em {vertical-align: middle;}
.main_wrap .box_wrap .cont01 .list_wrap .list_cont .info span + span {width:80px; overflow: unset; text-align: right;}
.main_wrap .box_wrap .cont01.issue .list_wrap .list_cont .subject-wrap { display:flex; flex-direction: column; gap: 5px;}
.main_wrap .box_wrap .cont01.issue .list_wrap .list_cont .subject {width:100%; height: 22px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-wrap:break-word; overflow:hidden; font-weight: 500;}
.main_wrap .box_wrap .cont01 .dots-wrap { display: flex; gap: 6px;}
.main_wrap .box_wrap .cont01 .dots-wrap button {width: 12px;height: 12px;padding: 0;border-radius: 10px;overflow: hidden;background-color:#ddd;}
.main_wrap .box_wrap .cont01.issue .dots-wrap button {background-color:#f4f5fa;}
.main_wrap .box_wrap .cont01 .dots-wrap button.selected { background-color:#ff7500 ;}

.box_wrap .cont02 {display:flex; flex-direction: column; gap:20px;width: 100%;}
.box_wrap .cont02 .tit {position: relative; display:flex;  justify-content: space-between; align-items: center; width: 100%;}
.box_wrap .cont02 .tit .txt { display:flex; flex-direction:row; gap:10px; align-items: flex-end;}
.box_wrap .cont02 .slider_wrap {position: relative; width:1200px; padding: 20px 40px; border-radius:10px; border: 1px solid #ccc; background-color: #fff;}
.box_wrap .cont02 .list_wrap {width:100%;}
.box_wrap .cont02 .list_wrap .container {display: flex;touch-action: pan-y pinch-zoom;}
.box_wrap .cont02 .list_wrap .no_slide {display: flex; flex-wrap: wrap;}
.box_wrap .cont02 .list_wrap .item {flex: 0 0 25%; padding: 0 10px;}
.box_wrap .cont02 .list_wrap .list_cont {position: relative;  display:flex; flex-direction:column; gap:15px; width: 100%; cursor:pointer;transition: all 0.2s ease-in-out;}
.box_wrap .cont02 .list_wrap .list_cont:hover { border-color: #2F2E72; }
.box_wrap .cont02 .list_wrap .list_cont .thumb_wrap {display: block;position: relative;background: #fff;overflow: hidden;}
.box_wrap .cont02 .list_wrap .list_cont .thumb_wrap img { display: block;width: 100%;height: 100%; transform: scale(1);transition: transform 0.15s linear;}
.box_wrap .cont02 .list_wrap .list_cont:hover .thumb_wrap img {  transform: scale(1.1); transition:transform 0.15s linear; }
.box_wrap .cont02 .list_wrap .list_cont .cm_badge_wrap {position: absolute; top: 5px; right: 5px;}
.box_wrap .cont02 .list_wrap .list_cont .subject {height: 44px; -webkit-line-clamp:2;}
.box_wrap .cont02 .list_wrap .list_cont .info { display:flex; flex-wrap: wrap; align-items:center; gap: 5px 21px;}
.box_wrap .cont02 .list_wrap .list_cont .info span { position: relative;}
.box_wrap .cont02 .list_wrap .list_cont .info span:first-child::after {content:''; position: absolute; top: 50%; right: -11px; width: 1px; height: 8px; background-color: #ccc; transform:translateY(-50%);}
.box_wrap .cont02 .list_wrap .list_cont .info .point { width: 100%; text-align: right;font-weight:700;}
.box_wrap .cont02 .slider_wrap .button-wrap {position: absolute; top: calc(50% - 20px);left: 0;width: 100%;}
.box_wrap .cont02 .slider_wrap .button-wrap button {position: absolute;top: 0;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;z-index: 10;}
.box_wrap .cont02 .slider_wrap .button-wrap .prev {left: 0;}
.box_wrap .cont02 .slider_wrap .button-wrap .next {right: 0;}
.box_wrap .cont02 .slider_wrap .button-wrap button:hover, .main_wrap .box_wrap .cont02 .list_wrap .button-wrap button:focus {color: #000;}
.box_wrap .cont02 .slider_wrap .button-wrap button:before {color: #ccc;display: inline-block;font: normal normal normal 24px/1 'iconmonstr-iconic-font';text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}
.box_wrap .cont02 .slider_wrap .button-wrap .prev:before {content: '\e002'}
.box_wrap .cont02 .slider_wrap .button-wrap .next:before {content: '\e001'}


.main_wrap .box_flex { display:flex; gap:20px; flex-direction:row; }
.main_wrap .box_flex .box {position: relative; padding:20px; border-radius:10px;  border: 1px solid #ccc;background-color: #fff;}
.main_wrap .box_flex .box_left { -webkit-flex:0 1 842px; -ms-flex:0 1 842px; flex: 0 1 842px; max-width:842px; }
.main_wrap .box_flex .box_right { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; gap:30px 0; flex-direction:column; -webkit-flex:0 1 338px; -ms-flex:0 1 338px; flex: 0 1 338px; max-width:338px; }

/*테마록*/
.main_wrap .box_flex .title {display: flex; flex-direction: column;}
.main_wrap .box_flex .title .cm_tit {display: flex; flex-direction: row;justify-content: space-between;align-items: center;}
.main_wrap .box_flex .box_themlog {position: relative;  display: flex; flex-direction: column; gap:10px; overflow:hidden; }
.main_wrap .box_flex .box_themlog .themlog { position:relative; }
.main_wrap .box_flex .box_themlog .themlog_date { margin-top: 5px; color:#222; text-align:right; cursor:context-menu;}
.main_wrap .box_flex .box_themlog .themlog_date .date { display:inline-block; padding-left:6px; font-weight:500; font-size:13px; line-height:20px;vertical-align:middle; }
.main_wrap .box_flex .box_themlog .themlog_date .date span { display:inline-block; padding-left:4px; text-align:right; }
.main_wrap .box_flex .box_themlog .themlog_date .date small { font-size:13px; }
.main_wrap .box_flex .box_themlog .themlog_chart { height:375px; overflow:hidden; }
.main_wrap .box_flex .box_themlog .themlog_chart::after { display:block; content:''; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%, -50%); width:450px; height:136px; background:url('/images/sub/lab/themlog-treemap-logo.png') no-repeat; z-index:999; pointer-events:none; }
.main_wrap .box_flex .box_themlog .themlog_chart .themlog_treemap .node { position:absolute; display:flex; align-items:center; border:1px solid #fff; cursor:pointer; }
.main_wrap .box_flex .box_themlog .themlog_chart .themlog_treemap .nodeText { color:#fff; width:100%; text-align:center; font-size:14px; pointer-events:none; padding:6px; }
.main_wrap .box_flex .box_themlog .themlog_chart .themlog_treemap .node.selected { border:4px solid #222 !important; }
.main_wrap .box_flex .box_themlog .themlog_chart .themlog_treemap .node.selected > .nodeText { padding:2px; }
.main_wrap .box_flex .box_themlog .themlog .cm_smtxt { line-height:30px; }
.main_wrap .box_flex .box_themlog .themlog .cm_btn { display:block; position:absolute; bottom:15px; right:15px; width:80px; height:30px; border-radius:5px; font-size:13px; font-weight:700; line-height:30px; text-align:center; }

.main_wrap .box_flex .box_finance {position: relative;  display: flex; flex-direction: column; gap:20px; overflow:hidden; }
.main_wrap .box_flex .box_finance .title {display: flex; flex-direction: column;}
.main_wrap .box_flex .box_finance .box_issue { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; gap:24px 0;}
.main_wrap .box_flex .box_finance hr { display:block; -webkit-flex:0 0 1px; -ms-flex:0 0 1px; flex: 0 0 1px; width:100%; height:1px; border:0; background:#ededed; }
.main_wrap .box_flex .box_finance .box_stock .list_wrap { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:column; gap:14px 0; }
.main_wrap .box_flex .box_finance .box_stock .list_wrap .list_cont { width:100%; }
.main_wrap .box_flex .box_finance .box_stock .list_wrap .list_cont a { display:-webkit-box; display:-ms-flexbox; display:flex; flex-wrap:wrap; flex-direction:row; justify-content:space-between; }
.main_wrap .box_flex .box_finance .box_stock .list_wrap .list_cont a span { display:inline-flex; }
.main_wrap .box_flex .box_finance .box_stock .list_wrap .list_cont a .value strong { margin-left:10px; }

/*
.main_wrap .cont_wrap { width:1200px; margin:0 auto; }
.main_wrap .cont_wrap::after { display:block; content:''; clear:both; }

.main_wrap .list_wrap { display:block; display:-webkit-box; display:-ms-flexbox; flex-wrap:unset; }
.main_wrap .list_wrap .list_cont.vertical01 { height: auto; margin:0; background-color: transparent; }
.main_wrap .list_wrap .list_cont.vertical01 .cm_thumb_wrap { width:100%; height: auto; border:1px solid #ededed; }

.main_wrap .box_cont { float:left; width:595px; overflow:hidden; }
.main_wrap .box_cont.wide { width:840px;}
.main_wrap .box_cont.small { width:350px; margin-left:10px; }
.main_wrap .box_cont.full { width:100%; }

.main_wrap .box_cont .box_desc { width:100%; padding:30px; border:1px solid #ededed; background:#fff; box-sizing:border-box; overflow:hidden; }
.main_wrap .box_cont .box_desc.style01 { padding:0; border:0; background:transparent; }
.main_wrap .box_cont .box_desc.style01 .cm_cont_list { background-color:#fff; border:1px solid #ededed; border-radius:10px; }

.main_wrap .box_cont .box_btn { float:left; width:98px; height:50px; border:1px solid #ededed; border-left:0; background:#fff; box-sizing:border-box; }
.main_wrap .box_cont .box_btn li { float:left; position:relative; width:48px; height:49px; color:#999; font-size:15px; text-align:center; cursor:pointer; }
.main_wrap .box_cont .box_btn li.btn_next { width:49px; border-left:1px solid #ededed; }
.main_wrap .box_cont .box_btn li .im { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:18px; }}

.main_wrap .box_bn { width:100%; height:90px; }
.main_wrap .box_bn img { width:100%; height:100%; border-radius:10px; }

.main_wrap .box_bn.bottom { width:100%; height:auto; border-radius:10px; overflow:hidden; }
.main_wrap .box_bn.bottom img { display:block; width:100%; height:auto; }

.main_wrap .box_bn.ad li { float:left; width:590px; height:90px; margin-right:20px; border-radius:10px; border:1px solid #ededed; overflow:hidden; }
.main_wrap .box_bn.ad li:nth-child(2n) { margin-right:0; }


.main_wrap .js_arrow { position:absolute; width:40px; height:40px; border:1px solid #ddd; border-radius:50%; background:#fff; z-index:10; }
.main_wrap .js_arrow .im { position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); color:#999; font-size:15px; }
.main_wrap .js_arrow.btn_prev { left:-70px; }
.main_wrap .js_arrow.btn_next { right:-70px; }
.main_wrap .js_arrow.swiper-button-disabled { opacity:0.25; }
.main_wrap .js_arrow.swiper-button-lock { display:block; opacity:0.25; }
.main_wrap .swiper { overflow:hidden; }

    */

/*메인 배너

    */

/*라이브 영역
.main_wrap .box_live { position:relative; overflow:hidden; }
.main_wrap .box_live .swiper { height:82px; }
.main_wrap .box_live .list_wrap { width:100%;}
.main_wrap .box_live .list_wrap .list_cont { position:relative; float:none; height:82px; padding:15px 200px 15px 85px; border-radius:10px; background:#f8f8f8; }
.main_wrap .box_live .list_wrap .list_cont .tit { display:block; height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.main_wrap .box_live .list_wrap .list_cont .info .cm_badge { margin-right:10px; vertical-align:middle; }
.main_wrap .box_live .list_wrap .list_cont .info .date { position:relative; padding-left:8px; margin-left:5px; vertical-align:middle; }
.main_wrap .box_live .list_wrap .list_cont .info .date:before { display:block; content:''; position:absolute; top:8px; left:0; width:3px; height:3px; border-radius:50%; background:#ccc; }
.main_wrap .box_live .list_wrap .list_cont .icon { position:absolute; top:15px; left:20px; width:50px; height:52px; background:url('/images/sub/ic_vedio_emeblem.png') no-repeat; }
.main_wrap .box_live .list_wrap .list_cont .icon.live { background-position-x:0; }
.main_wrap .box_live .list_wrap .list_cont .icon.off { background-position-y:-52px; }
.main_wrap .box_live .btn_apply { position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:160px; height:45px; padding:0 10px; border-radius:5px; font-size:15px; font-weight:700; line-height:22px; text-align:center; }
*/

/*라인 효과
.main_wrap .box_effect { position:relative; border:1px solid #ededed; background:#fff; overflow:hidden; }
.main_wrap .box_effect:before { content: ''; position:absolute; top:1px; left:1px; bottom:1px; width:100%; border-radius:8px; background:rgba(255,255,255,0.05); z-index:0; }
.main_wrap .box_effect > i { position:absolute; z-index:1;}
.main_wrap .box_effect > i:nth-child(1) { top:0; left:0; width:100%; height:1px; background:linear-gradient(to right, #777, #ddd); animation:main_coupon1 2s linear infinite; -webkit-animation:main_coupon1 2s linear infinite; }
.main_wrap .box_effect > i:nth-child(2) { top:0; right:0; width:1px; height:100%; background:linear-gradient(to bottom, #777, #ddd); animation:main_coupon2 1s linear infinite; -webkit-animation: main_coupon2 1s linear infinite; }
.main_wrap .box_effect > i:nth-child(3) { bottom:0; left:0; width:100%; height:1px; background:linear-gradient(to left, #777, #ddd); animation:main_coupon3 2s linear infinite; -webkit-animation:main_coupon3 2s linear infinite; }
.main_wrap .box_effect > i:nth-child(4) { top:0; left:0; width:1px; height:100%; background:linear-gradient(to top, #777, #ddd); animation:main_coupon4 1s linear infinite; -webkit-animation:main_coupon4 1s linear infinite; }

@keyframes main_coupon1 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
@keyframes main_coupon2 {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}
@keyframes main_coupon3 {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
@keyframes main_coupon4 {
    0% {
        transform: translateY(100%);
 }

    100% {
        transform: translateY(-100%);
 }
}*/

/*텍스트 링크-머니서퍼
.main_wrap .box_link { height:45px;  padding:0 150px 0 20px; border-radius:10px; overflow:hidden }
.main_wrap .box_link .list_wrap { position:relative; top:1px; left:1px; width:calc(100% - 2px); height:calc(100% - 2px); z-index:3; }
.main_wrap .box_link .list_wrap .list_cont { float:none; width:100%; padding:10px 0; }
.main_wrap .box_link .list_wrap .list_cont .box_txt { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; gap:10px; }
.main_wrap .box_link .list_wrap .list_cont .category { float:left; -webkit-flex:0 0 auto; -ms-flex:0 0 auto; flex:0 0 auto; display:inline-block; width:fit-content; vertical-align:middle; }
.main_wrap .box_link .list_wrap .list_cont .tit { display:inline; float:left; -webkit-flex:1 1 0; -ms-flex:1 1 0; flex:1 1 0; display:inline-block; height:22px; vertical-align:middle; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }

.main_wrap .box_link .btn_more { position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.main_wrap .box_link .btn_more .im { margin:-2px 0 0 5px; font-size:90%; vertical-align:middle; }

    */
/*무료 영상 영역
.main_wrap .box_youtude {  position:relative; }
.main_wrap .box_youtude .js_arrow { top:113px; }
.main_wrap .box_youtude .list_wrap { overflow:unset; }
.main_wrap .box_youtude .list_cont.vertical01 .cm_thumb_wrap { width:100%; height:auto; padding-top:56.25%; }
.main_wrap .box_youtude .list_cont.vertical01 .cm_thumb_wrap img { position:absolute; top:50%; left:50%; right:0; bottom:0; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); max-width:100%; height:auto; }
.main_wrap .box_youtude .list_cont.vertical01 .box_txt { display:block; height:22px; -webkit-line-clamp:1; white-space:nowrap; }
    */
/*롤링 배너
.main_wrap .box_rolling { height:40px; border-radius:10px; overflow:hidden; }
.main_wrap .box_rolling img { display:block; width:100%; height:100%; }

    */
/*멘토 멤버십 영역
.main_wrap .box_membership { position:relative; }
.main_wrap .box_membership .cm_tab .cm_tab_menu:hover { display:inline-block; width:auto; height:35px; padding:0 20px; border:0; border-radius:18px; background-color:#ededed; color:#222; font-size:15px; line-height:35px; }
.main_wrap .box_membership .cm_tab .cm_tab_menu.on:hover { background-color:#222; color:#fff; font-weight:400; }
.main_wrap .box_membership .cm_tab .cm_tab_menu .im { margin:-2px 3px 0 0;  font-size:85%; vertical-align:middle; }
.main_wrap .box_membership .cm_tab .slick-slide {   background-color:#ededed; color:#222; }
.main_wrap .box_membership .cm_tab .slick-current {  background-color:#222; color:#fff; font-weight:400; }
.main_wrap .box_membership .cm_tab .slick-current:hover { background-color:#222; color:#fff; font-weight:400; }
.main_wrap .box_membership .cm_tab .slick-track { width:auto !important; }

.main_wrap .box_membership .list_box { position:relative; height:198px; overflow:hidden;}


.main_wrap .box_membership .list_wrap .slick-slide { background:#fff; opacity:1 !important; }
.main_wrap .box_membership .list_wrap .slick-current { opacity:1 !important; }
.main_wrap .box_membership .list_cont.vertical01 { float:left; width:285px; margin-right:20px; }
.main_wrap .box_membership .list_cont.vertical01 .box_txt { display:block; height:22px; -webkit-line-clamp:1; white-space:nowrap; }
.main_wrap .box_membership .list_cont.vertical01.dim { margin-right:0 !important; }
.main_wrap .box_membership .list_cont.vertical01.dim .cm_thumb_wrap { height:161px; }
.main_wrap .box_membership .list_cont.vertical01.dim .cm_thumb_wrap:before {  display:block; content:''; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(000,000,000,0.6); backdrop-filter:blur(2px); z-index:1; }
.main_wrap .box_membership .list_cont.vertical01.dim .cm_thumb_wrap::after {  display:block; content:''; position:absolute; bottom:30px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:180px; height:35px; background:url('/images/main_img/main_membership_btn.png') no-repeat; font-size:15px; line-height:32px; text-align:center; z-index:2; }
    */

/*바로 가기
.main_wrap .quick_wrap { position:absolute; top:410px; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%); width:1200px; height:auto; box-shadow:4px 4px 5px rgba(000, 000, 000, 0.05); z-index:99; }
.main_wrap .quick_wrap .box_btn_quick { display: -webkit-box; display:-ms-flexbox; display:flex; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick { -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex:1 1 auto; height:90px; background:#fff; text-align:center; cursor:pointer; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a { display:block; width:100%; height:90px; padding:25px 0; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic { display:inline-block; width:40px; height:40px; margin-right:10px; background:url('/images/main_img/ic-menu.png') no-repeat; vertical-align:middle; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic:before { display:none; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu01 { background-position-x:0; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu02 { background-position-x:-40px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu03 { background-position-x:-80px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu04 { background-position-x:-120px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu05 { background-position-x:-160px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu06 { background-position-x:-200px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu07 { background-position-x:-240px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu08 { background-position-x:-280px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu09 { background-position-x:-320px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .ic.ic_menu10 { background-position-x:-360px; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick a .txt { color:#222; font-size:18px; line-height:40px; vertical-align:middle; }
.main_wrap .quick_wrap .box_btn_quick .btn_quick:hover a .txt { color:#ff7500; }
*/




/*프로모션 배너 롤링
.main_wrap .slide_promotion { position:relative; float:left; width:350px; }
.main_wrap .slide_promotion.slick-dotted.slick-slider { margin-bottom:0; }
.main_wrap .slide_promotion li { float:left; width:350px; overflow:hidden; }
.main_wrap .slide_promotion li img { display:block; width:350px; height:195px; }
.main_wrap .slide_promotion .slick-list { height:195px !important; border:1px solid #ddd; border-radius:10px; overflow:hidden; z-index:100; }
.main_wrap .slide_promotion .slick-list .slick-track{ height:195px !important; overflow:hidden; }
.main_wrap .slide_promotion .slick-dots { display:inline-block; position:absolute; right:-5px; top:-48px; width:auto; height:auto; padding:0; margin:0; border:0; z-index:99; }
.main_wrap .slide_promotion .slick-dots > li { display:inline-block; width:auto; height:auto; margin:0 5px; }
.main_wrap .slide_promotion .slick-dots > li.slick-active button { border:1px solid #ff7500; background-color:#ff7500; }
.main_wrap .slide_promotion .slick-dots > li.slick-active button { border:1px solid #ff7500; background-color:#ff7500; }
.main_wrap .slide_promotion .slick-dots > li.btn_stop { width:15px; height:15px; top:7px; background:url('/images/main_img/main_slide_stop.png') no-repeat 0 0; }
.main_wrap .slide_promotion .slick-dots > li button { display:inline-block; width:15px; height:15px; border:1px solid #ddd; border-radius:50%; background-color:#ddd; }
.main_wrap .slide_promotion .slick-dots > li button:before { display:none; }
.main_wrap .slide_promotion + .box_bn { float:left; width:350px; height:230px; margin:10px 0 0 0; border:1px solid #ddd; border-radius:10px; overflow:hidden; }
    */

/*이슈 테마
.main_wrap .box_issue { position:relative; }
.main_wrap .box_issue .js_arrow { top:84px; }
.main_wrap .box_issue .list_wrap { overflow:unset; }
.main_wrap .box_issue .list_wrap .list_cont { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-flex-wrap:wrap; width:350px; margin-right:75px; }
.main_wrap .box_issue .list_wrap .list_cont .cm_thumb_wrap { -webkit-flex:0 0 175px; -ms-flex:0 0 175px; flex:0 0 175px; width:175px; height:95px; border:1px solid #ededed; }
.main_wrap .box_issue .list_wrap .list_cont .cm_thumb_wrap img { display:block; width:100%; height:100%; }
.main_wrap .box_issue .list_wrap .list_cont .box_txt { -webkit-flex:1 1 0; -ms-flex:1 1 0; flex:1 1 0; width:100%; height:95px; padding:15px 0 14px 10px; }
.main_wrap .box_issue .list_wrap .list_cont .box_txt .box_tit{ display:-webkit-box; width:100%; height:66px; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap:break-word; overflow:hidden }

    */
/*종목 테마 검색 영역
.main_wrap .box_finance { position:relative; }
.main_wrap .box_finance .box_search { position:relative; height:50px; }
.main_wrap .box_finance .box_search img { position:absolute; top:-20px; left:320px; z-index:1; }
.main_wrap .box_finance .box_search .box_input { position:absolute; bottom:20px; right:50%; transform:translateX(50%); }
.main_wrap .box_finance .box_search .box_input input { width:500px; height:50px; padding:14px 76px 14px 30px; border-radius:25px; border:2px solid #ff7500; font-size:15px; line-height:22px; }
.main_wrap .box_finance .box_search .box_input input::-ms-clear {display: none;}
.main_wrap .box_finance .box_search .box_input input::-webkit-search-cancel-button { display:none; }
.main_wrap .box_finance .box_search .box_input a { position:absolute; top:12px; right:30px; width:26px; height:26px; cursor:auto; }
.main_wrap .box_finance .box_search .box_input a .im { color:#ff7500; font-size:26px; }

.main_wrap .box_finance .box_search  .box_auto_search { position:absolute; top:35px; right:50%; transform:translateX(50%); width:500px; padding:30px; border:1px solid #ddd; border-radius:25px; background:#fff; box-shadow:0px 3px 5px rgba(000,000,000, 0.2); z-index:99; }
.main_wrap .box_finance .box_search  .box_auto_search .list_wrap { width:100%;}
.main_wrap .box_finance .box_search  .box_auto_search li { float:none; width:100%; margin-top:10px; padding:0 5px; font-size:13px; line-height:20px; }
.main_wrap .box_finance .box_search  .box_auto_search li:first-child { margin-top:0; }

.main_wrap .box_finance .box_stock_thema { position:relative; padding:10px 39px 20px; outline:1px solid #ededed; border-radius:10px; }
.main_wrap .box_finance .box_stock_thema::after { display:block; content:''; clear:both; }
.main_wrap .box_finance .box_stock_thema .btn_link { position:absolute; right:0; top:-32px; }
.main_wrap .box_finance .box_stock_thema .btn_link .im { margin:0 0 2px 0; font-size:100%; vertical-align:middle; }

.main_wrap .box_finance .box_stock_thema .box_thema { float:left; width:340px; margin-right:50px; }
.main_wrap .box_finance .box_stock_thema .box_thema:last-child { margin-right:0; }
.main_wrap .box_finance .box_stock_thema .box_thema h2.cm_subtit { display:block; border-bottom:1px solid #ededed; font-weight:700; line-height:45px; }
.main_wrap .box_finance .box_stock_thema .box_thema .list_wrap  { display:block;}


    */


/*무료강의
.main_wrap .box_free { position:relative; }
.main_wrap .box_free .list_wrap { width:auto; overflow:visible; }
.main_wrap .box_free .list_wrap .list_cont.vertical05 { margin:0; background-color:transparent; }
.main_wrap .box_free .js_arrow { top:112px; }
*/
/*라이브
.main_wrap .box_live { position:relative; }
.main_wrap .box_live .list_wrap { width:auto; overflow:visible; }
.main_wrap .box_live .js_arrow { top:112px; }
*/
/*아카데미
.main_wrap .box_academy { position:relative; }
.main_wrap .box_academy .cm_subtit { position:relative; overflow:hidden; }
.main_wrap .box_academy .cm_subtit .cm_tab.text_style { float:right; }
.main_wrap .box_academy .list_wrap { width:auto; overflow:visible; }
.main_wrap .box_academy .list_wrap:after { display:block; content:''; clear:both; }
.main_wrap .box_academy .list_wrap .list_cont.vertical05 { width:380px;}
.main_wrap .box_academy .list_wrap .list_cont.vertical05 .cm_txt { height:auto; }
.main_wrap .box_academy .js_arrow { top:112px; }

.main_wrap .box_academy .list_cont.horizon10 { width:auto; height:auto; background-color:transparent; }
.main_wrap .box_academy .list_cont.horizon10 .cm_thumb_wrap { width:380px; height:auto; }
.main_wrap .box_academy .list_cont.horizon10 .cm_badge { background:#fff; }
.main_wrap .box_academy .list_cont.horizon10 .box_desc { width:calc(100% - 380px); padding:20px; }
.main_wrap .box_academy .list_cont.horizon10 .box_desc .cm_txt{ display:-webkit-box; max-height:22px; text-overflow:ellipsis; -webkit-line-clamp:1; -webkit-box-orient:vertical; word-break:keep-all; word-wrap:break-word; overflow:hidden; }
.main_wrap .box_academy .list_cont.horizon10 .box_desc.consist { padding:10px 20px !important; }
*/
/*VOD
.main_wrap .box_vod { position:relative; }
.main_wrap .box_vod .list_wrap { width:auto; overflow:visible; }
.main_wrap .box_vod .list_wrap .list_cont.vertical05 { height:auto; margin:0; background-color:transparent; }
.main_wrap .box_vod .js_arrow { top:102px; }
*/
/*명예의 전당
.main_wrap .box_cont .slide_honor_dots { position:relative; float:left; width:742px; height:50px; border:1px solid #ededed; background:#fff; overflow:hidden; }
.main_wrap .box_cont .slide_honor_dots:before { display:block; content:''; position:absolute; top:50%; right:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:25px; background:#fff; z-index:10; }
.main_wrap .box_cont .slide_honor_dots .btn_dot { float:left; position:relative; width:190px; height:50px; background:#fff; font-size:18px; line-height:48px; text-align:center; cursor:pointer; z-index:9; }
.main_wrap .box_cont .slide_honor_dots .btn_dot:before { display:block; content:''; position:absolute; top:50%; left:0; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:1px; height:25px; background:#ddd; }
.main_wrap .box_cont .slide_honor_dots .btn_dot.on { background:#ff7500; color:#fff; font-weight:700; }
.main_wrap .box_cont .slide_honor_dots .btn_dot.on:before { display:none; }

.main_wrap .box_cont .slide_honor { float:left; width:100%; height:262px; border:1px solid #ededed; border-top:0; background:#fff; box-sizing:border-box; overflow:hidden; }
.main_wrap .box_cont .slide_honor .honor_desc { float:left; width:840px; height:262px; padding:25px 20px; overflow:hidden; cursor:pointer; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info { position:relative; padding-right:260px; overflow:hidden; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info.add { border-top:1px solid #ededed; padding-top:20px; padding-right:0; margin-top:25px; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .cm_mentor_emblem { position:absolute; top:0; right:0; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .cm_thumb_wrap { float:left; width:100px; height:100px; border:1px solid #ddd; border-radius:10px; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .box_txt { float:left; width:calc(100% - 120px); margin-left:20px; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .box_txt > p { height:22px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .box_txt .honor { height:28px; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .box_txt .honor strong { font-weight:700; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .box_txt .honor .cm_mentor_name { margin-left:10px; }

.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_career { width:645px; overflow:hidden; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_career li { float:left; position:relative; width:320px; height:30px; padding-left:13px; margin-top:5px; color:#777; font-size:13px; line-height:30px; text-overflow:ellipsis; white-space:nowrap; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_career li:nth-child(1) { margin-top:0; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_career li:nth-child(2) { margin-top:0; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_career li:nth-child(2n) { margin-left:5px; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_career li:before { display:block; content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); width:3px; height:3px; border-radius:50%; background:#777; }

.main_wrap .box_cont .slide_honor .honor_desc .box_info h3.cm_smtxt { display:block; float:left; width:110px; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_top3 { display: -webkit-box; display:-ms-flexbox; display:flex; float:right; width:calc(100% - 110px); overflow:hidden; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_top3 li { -webkit-flex:1 1 auto; -ms-flex:1; -ms-flex-order:1; flex:1 1 auto; height:65px; padding:5px; border-radius:10px; background:#ededed; text-align:center; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_top3 li:nth-child(2n) { margin:0 10px; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_top3 li .label { display:block; height:20px; text-overflow:ellipsis; white-space:nowrap; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_top3 li .value { display:block; margin-top:5px; font-size:25px; line-height:30px; vertical-align:middle; }
.main_wrap .box_cont .slide_honor .honor_desc .box_info .list_top3 li .value small{ font-size:20px; }
*/

/*핀업멘토top5
.main_wrap .box_cont .slide_rank_tit { float:left; width:252px; height:50px; border:1px solid #ededed; background:#fff; font-weight:600; font-size:18px; line-height:48px; box-sizing:border-box; overflow:hidden; }
.main_wrap .box_cont .slide_rank_tit .rank_tit { float:left; padding-left:30px; box-sizing:border-box; }

.main_wrap .box_cont .slide_rank { float:left; width:350px; height:262px; border:1px solid #ededed; border-top:0; background:#fff; overflow:hidden; }
.main_wrap .box_cont .slide_rank .rank_desc { float:left; width:100%; height:100%; padding:10px 15px 0 15px; font-weight:normal; font-size:15px; line-height:47px;  box-sizing:border-box; overflow:hidden; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list { width:100%; height:45px; padding:0 15px; margin-bottom:4px; border-radius:15px; background:#fff; color:#777; line-height:47px; box-sizing:border-box; cursor:pointer; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list .num { float:left; width:27px; font-weight:700; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list .cm_mentor_name { float:left; width:auto; color:#777; font-weight:400; font-size:15px; line-height:47px; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list .score { float:right; width:auto; text-align:right; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list .score .smtxt { font-weight:normal; font-size:12px; line-height:32px; }

.main_wrap .box_cont .slide_rank .rank_desc .rank_list:first-child { background:#f8f8f8; color:#ff7500 !important; font-weight:700; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list:first-child .cm_mentor_name{ color:#ff7500 !important; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list:first-child .score { color:#e8373d;}

.main_wrap .box_cont .slide_rank .rank_desc .rank_list:hover { background:#f8f8f8; color:#ff7500 !important; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list:hover .cm_mentor_name{ color:#ff7500 !important; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list:hover .score { color:#e8373d; }
.main_wrap .box_cont .slide_rank .rank_desc .rank_list:hover .score .smtxt { font-weight:normal; }
*/

/*쿠폰
.main_wrap .info_coupon { display:block; position:relative; width:100%; height:50px; padding:0 30px; border-radius:10px; border:1px solid #ededed; background:#fff; font-weight:500; font-size:15px; line-height:50px; box-sizing:border-box; overflow:hidden; cursor:pointer; }
.main_wrap .info_coupon:before{ content:''; position:absolute; top:1px; left:1px; bottom:1px; width:100%; border-radius:8px; background:rgba(255,255,255,0.05); }
.main_wrap .info_coupon i:nth-child(1){ position:absolute; top:0; left:0; width:100%; height:1px; background: linear-gradient(to right, #777, #ddd); animation:main_coupon1 2s linear infinite; -webkit-animation:main_coupon1 2s linear infinite; }
.main_wrap .info_coupon i:nth-child(2){ position:absolute; top:0; right:0; width:1px; height:100%; background: linear-gradient(to bottom, #777, #ddd); animation:main_coupon2 1s linear infinite; -webkit-animation:main_coupon2 1s linear infinite; }
.main_wrap .info_coupon i:nth-child(3){ position:absolute; bottom:0; left:0; width:100%; height:1px; background: linear-gradient(to left, #777, #ddd); animation:main_coupon3 2s linear infinite; -webkit-animation:main_coupon3 2s linear infinite; }
.main_wrap .info_coupon i:nth-child(4){ position:absolute; top:0; left:0; width:1px; height:100%; background: linear-gradient(to top, #777, #ddd); animation:main_coupon4 1s linear infinite; -webkit-animation:main_coupon4 1s linear infinite; }

@keyframes main_coupon1 {
    0% { transform: translateX(-100%); }
    100% { transform: translateX(100%); }
}
@keyframes main_coupon2 {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(100%); }
}
@keyframes main_coupon3 {
    0% { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
}
@keyframes main_coupon4 {
    0% { transform: translateY(100%); }
    100% { transform: translateY(-100%); }
}
*/

/*추천종목
.main_wrap .stock .list_wrap { width:840px; margin-top:20px; }
.main_wrap .stock .list_wrap .cm_cont_list { width:410px; height:200px; padding:20px; margin:0 19px 0 0; cursor:pointer; }
.main_wrap .stock .list_wrap .cm_cont_list:last-child { margin-right:0; }
.main_wrap .stock .list_wrap .cm_cont_list .cm_txt { width:calc(100% - 70px); height:25px; overflow:hidden; }
.main_wrap .stock .list_wrap .cm_cont_list .txt_goal { height:80px; padding:15px 0; }
.main_wrap .stock .list_wrap .cm_cont_list .txt_goal .txt { display:inline-block; width:100%; margin-top:4px; }
.main_wrap .stock .list_wrap .cm_cont_list .txt_goal .txt .im { margin:0 5px 0 0; font-size:70%; vertical-align:middle; }
.main_wrap .stock .list_wrap .cm_cont_list .txt_goal .smtxt { font-size:14px; }
.main_wrap .stock .list_wrap .cm_cont_list .box_info_desc { height:auto; }
.main_wrap .stock .list_wrap .cm_cont_list .box_info_desc .info_desc_txt { color:#777 }
.main_wrap .stock .list_wrap .cm_cont_list .box_info_desc  .info_desc_txt .tit { font-size:13px; }
.main_wrap .stock .list_wrap .cm_cont_list .box_info_desc  .info_desc_txt .tit:before { background:#777; }
.main_wrap .stock .list_wrap .cm_cont_list .box_info_desc .info_desc_txt .txt { display:block; float:left; width:calc(100% - 70px); padding-left:15px; font-weight:400; box-sizing:border-box; }
.main_wrap .stock .list_wrap .cm_cont_list .box_info_desc .info_desc_txt .txt b { font-weight:400; }
.main_wrap .stock .list_wrap .cm_cont_list .cm_mentor_emblem { position:absolute; top:9px; right:16px; }
.main_wrap .stock .list_wrap .cm_cont_list.non_data { padding:0; border:1px solid #ededed; border-radius:10px; color:#999; font-size:15px; line-height:200px; text-align:center; }

.main_wrap .box_bn.stock { height:270px; border:1px solid #ededed; border-radius:10px; }
*/

/*주식리딩
.main_wrap .leading { position:relative; width:1200px; margin-top:20px; }
.main_wrap .leading .cm_tab { position:absolute; top:-70px; right:0; width:auto; height:50px; }
.main_wrap .leading .cm_tab .cm_tab_menu { line-height:50px; }
.main_wrap .leading .list_wrap { display:none; }
.main_wrap .leading .list_wrap.on { display:block; }
.main_wrap .leading .list_wrap .list_cont.non_data { width:100%; height:120px; padding:0; border:1px solid #ededed; border-radius:10px; color:#999; font-size:15px; line-height:120px; text-align:center; }
*/

/*오늘의 랭킹
.main_wrap .rank { width:1200px; overflow:hidden; }
.main_wrap .rank .rank_wrap { float:left; width:380px; border-top:2px solid #222; margin-right:30px; }
.main_wrap .rank .rank_wrap:last-of-type { margin-right:0; }
.main_wrap .rank .rank_wrap .cm_subtit { height:54px; font-weight:700; line-height:54px; }
.main_wrap .rank .rank_wrap .cm_subtit .cm_smtxt { display:inline-block; margin-left:10px; }

.main_wrap .rank .box_rank_list .rank_list { height:30px; font-size:15px; line-height:30px; white-space:nowrap; overflow:hidden; cursor:pointer; }
.main_wrap .rank .box_rank_list .rank_list .tit { float:left; width:310px; color:#777; text-overflow:ellipsis; overflow:hidden; }
.main_wrap .rank .box_rank_list .rank_list .txt { float:right; width:70px; text-align:left; overflow:hidden; }
.main_wrap .rank .box_rank_list .rank_list .txt .score { float:right; padding-right:2px; font-weight:normal; font-size:16px; line-height:32px; text-align:right; }
.main_wrap .rank .box_rank_list .rank_list .txt .score .im { margin:-2px 5px 0 0; font-size:60%; vertical-align:middle; }
.main_wrap .rank .box_rank_list .rank_list .txt .score .smtxt { font-weight:normal; font-size:12px; line-height:32px; }

.main_wrap .rank .box_rank_list .rank_list.non_data { width:100%; height:150px; border:1px solid #ededed; border-radius:10px; color:#999; font-size:15px; line-height:150px; text-align:center; }
*/


/*이용후기
.main_wrap .cm_reply_slide .box_reply .desc { -webkit-line-clamp:5; }
.main_wrap .cm_reply_slide.slick-dotted.slick-slider { margin-bottom:0; }
    */



/*--메인 캘런더 팝업--*/
.main.calendar_pop:before { left:1150px !important; }

/*--최상단 배너--*/
.fs_top_banner { position:fixed; top:0; display:block; width:100%; height:120px; margin:0 auto; background:#f5e0f4; text-align:center; z-index:9999; }
.fs_top_banner .fs_top_bannerimg { width:1200px; }
.fs_top_banner .close_nshow { position:absolute; top:5px; right:calc(50% - 590px); }
.fs_top_banner .close_nshow input { position:relative; top:2px; }
.fs_top_banner .close_nshow  .link { color:#977e96; font-size:13px; }


/*골든시그널 포착 종목 플로팅*/
.golden_floating { position:absolute; width:229px; height:190px; right:50px; border-radius:15px; overflow:hidden; z-index:100; }
.golden_floating.shadow { box-shadow:0px 3px 20px rgba(000,000,000,0.3); }
.golden_floating .btn_close { display:inline-block; position:absolute; top:12px; right:5px; width:25px; height:25px; }
.golden_floating .btn_close .im { color:#fff; font-size:100%; }
.golden_floating .tit { height:45px; padding:0 14px; background:#ff7500; color:#fff; font-size:16px; line-height:45px; box-sizing:border-box; }
.golden_floating .tit .im { position:relative; top:2px; margin-right:10px; font-size:100%; }
.golden_floating .box_desc { height:145px; padding:12px 15px 20px 15px; background:#fff; box-sizing:border-box; text-align:center; overflow:hidden; white-space:nowrap; }
.golden_floating .box_desc .date { display:block; margin-top:3px; font-size:14px; text-align:center; }
.golden_floating .box_desc .date .im { margin:-2px 3px 0 0; font-size:90%; vertical-align:middle; }
.golden_floating .box_desc .date b { position:relative; bottom:1px; display:inline-block; margin-left:7px; font-weight:normal; font-size:16px; line-height:18px; }
.golden_floating .box_desc .stock_name { display:block; font-weight:600; font-size:16px; line-height:22px; text-overflow:ellipsis; overflow:hidden; }
.golden_floating .box_desc .box_score { display:inline-block; width:100%; height:38px; margin-top:10px; padding:0 15px; border:1px solid #ddd; border-radius:10px; text-align:center; box-sizing:border-box; }
.golden_floating .box_desc .box_score  .cm_smtxt { float:left; }
.golden_floating .box_desc .box_score  .cm_smtxt b { font-weight:normal; font-size:20px; line-height:38px; }
.golden_floating .box_desc .box_score .score { float:right; display:inline-block; margin:0 0 0 5px; font-weight:normal; font-size:20px; line-height:38px; }
.golden_floating .box_desc .box_score .score .im { margin:0 3px 0 0; font-size:60%; vertical-align:middle; }
.golden_floating .box_desc .box_score .score .smtxt { font-weight:normal; font-size:12px; line-height:38px; }