.about_wrap {position: relative;padding-bottom:80px;}
.about_wrap.about_wrap.tutorial {padding-bottom:0;}
.about_wrap.benefit.menual {margin-top:-60px}
.about_wrap .banner_area {position:relative;width:100%;height:651px;background:rgba(0,0,0,.2) center no-repeat;background-size:cover;}
.about_wrap .banner_area.banner1 {background-image:url(../img/img_1.png);}
.about_wrap .banner_area.banner2 {background-image:url(../img/img_2.png);}
.about_wrap .banner_area.banner3 {background-image:url(../img/img_3.png);}
.about_wrap .banner_area .dim {position: absolute;left:0;right:0;top:0;bottom:50px;z-index: 2;background-color:rgba(0,0,0,.27);}
.about_wrap .banner_area .txt_box {position:absolute;left:calc(50% - 600px);bottom:-52px;z-index:2;width:477px;height:545px;background:#3e4363;padding:80px 60px;color:#fff;}
.about_wrap .banner_area .txt_box .title {position:relative;font-family:'NanumMyeongjo-bold';font-size:50px;color:#fff;line-height:1.6;word-break:keep-all;}
.about_wrap .banner_area .txt_box .title:after {content: "";width:40px;height:2px;background-color: #9ea1b1;position: absolute;bottom:-31px;left:5px;}
.about_wrap .banner_area .txt_box .txt {margin-top:71px;font-size:18px;color:#fff;line-height: 1.5;word-break: keep-all}
.about_wrap .banner_area .tab_area {position:absolute;right:calc(50% - 600px);bottom:77px;color:#fff;}
.about_wrap .banner_area .tab_area .-fdp-tab-line-type__header {border:none;}
.about_wrap .banner_area .tab_area .-fdp-tab-line-type__header-item {color:rgba(255,255,255,.6)}
.about_wrap .banner_area .tab_area .-fdp-tab-line-type__header-item.-fdp-tab-line-type--active span {color:#fff;border-color: rgba(255,255,255,.6);}
.about_wrap .content {position:relative;width:1200px;margin:0 auto;}
.about_wrap .title, .about_wrap .title>a {color: #000;}
.about_wrap h4.title {position:relative;font-family:'NanumMyeongjo-bold';font-size: 50px;line-height: 1.6;}
.about_wrap .title.line {line-height:1.5;border-bottom: 2px solid #7f7f7f;padding-bottom:10px;}
.about_wrap .title_area {position: relative;}
.about_wrap .title_area.line {margin-bottom: 73px;}
.about_wrap .title_area.inline {display:inline-block;padding-bottom:11px;}
.about_wrap .title_area.line:after {content: "";position: absolute;left: 0;bottom: 19px;display: inline-block;width: 100%;height: 2px;background-color: #7f7f7f;z-index: 1;}
.about_wrap .title_area.inline:after {width:100%;left:0;bottom:0;}
.about_wrap .title_area.text_center {display: block;}
.about_wrap .title_area.text_center:after {width:143px;left:calc(50% - 71.5px);}
.about_wrap .title_area .title {position: relative;z-index: 3;display:inline-block;background:#fff;}
.about_wrap .title_area .title.bg {background:#f6f7f8;}
.about_wrap .title_area .title.bg2 {background:#f1f1f1;}
.about_wrap .title_area.text_right .title{padding-left:30px;}
.about_wrap .title_area.text_left .title{padding-right:30px;}
.about_wrap .txt_box {color: #000;}
.about_wrap .txt_box .title {font-size:32px;line-height: 1.47;}
.about_wrap .txt {font-size:16px;line-height: 1.5;color: #000;}
.about_wrap .txt_box .total {font-size:14px;color: #666;}
.about_wrap .btn_more {display:inline-block;height:42px;background-color: rgba(255,255,255,.9);color: rgba(0,0,0,.7);font-size:16px;line-height: inherit;padding:10px 20px;text-align: center;}
.about_wrap .btn_more.small {min-width:83px;height:28px;font-weight:500;font-size: 14px;padding: 3px 16px 4px;}
.about_wrap .btn_more.type2 {background-color: #3e4363;color: rgba(255,255,255,.7)}
.about_wrap .txt_lg {position:relative;font-size:20px;color:#000;line-height:1.5;padding-bottom: 50px;}
.about_wrap .txt_lg.line:after {content:"";position: absolute;bottom:0;left:calc(50% - 71.5px);display:inline-block;width:143px;height:2px;background-color: #7b7b7b;}
.about_wrap .txt_lg p {padding-bottom: 31px;}
.about_wrap .txt_lg p:last-of-type {padding-bottom:0;}
.about_wrap .txt_small {font-size:13px;color:#666}
.about_wrap .card {position: relative;}
.about_wrap .card .card_head {position:relative;float:left;height:100%;border-right:2px solid rgba(0,0,0,.5);}
.about_wrap .card .card_body {float:left;height:100%;}
.about_wrap .card .card_body ul>li {display: block;border-bottom: 2px solid rgba(255,255,255,.3);padding:20px 0 10px}
.about_wrap .card .card_body ul>li .title {font-size:16px;line-height:1.5;margin: 5px 0;}
.about_wrap .card .btn_more {position: absolute;min-width:106px;}

.about_wrap .thumb_list_wrap {margin: 46px 0 160px;}
.about_wrap .thumb_list_wrap li {position:relative;float:left;margin-right: 20px;}
.about_wrap .thumb_list_wrap li:last-child {margin-right: 0;}
.about_wrap .thumb_list_wrap .item {position:relative;width:285px;height: 401px;overflow:hidden;background-color: #fff;}
.about_wrap .thumb_list_wrap .item_head {height: 201px;}
.about_wrap .thumb_list_wrap .item .btn_more {position: absolute;top: 270px;right:30px;z-index: 10;width: 32px;height: 32px;border-radius: 50%;background:#000 url("../img/ico_next_large.png") center -4px no-repeat;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.16);padding:0;}
.about_wrap .thumb_list_wrap .item .btn_more>span {position: absolute;text-indent: -9999px;}
.about_wrap .thumb_list_wrap .thumb {height: 200px;}
.about_wrap .thumb_list_wrap .txt_box {text-align: center;padding:31px 35px 0;}
.about_wrap .thumb_list_wrap .txt_box .title {margin-bottom: 16px;}
.about_wrap .thumb_list_wrap .txt_box .txt {margin-bottom:20px;}
.about_wrap .thumb_list_wrap.type2 .item {height: 486px;border:1px solid #ccc;}
.about_wrap .thumb_list_wrap.type2 .thumb {height: 240px;}
.about_wrap .thumb_list_wrap.type2 .txt_box {text-align: left;padding:31px 30px 40px;}
.about_wrap .thumb_list_wrap.type2 .txt_box .title {height:94px;margin-bottom: 31px;}
.about_wrap .thumb_list_wrap.type2 .txt_box .txt {height:48px;margin-bottom: 0;}

.about_wrap .card_list_wrap {margin-bottom: 160px;}
.about_wrap .card_list_wrap .card {width:calc(50% - 10px);height:378px;color: #fff;border:0;padding:39px 40px;}
.about_wrap .card_list_wrap .card.left {float:left;background-color: #7a7e83}
.about_wrap .card_list_wrap .card.right {float:right;background-color: #707283}
.about_wrap .card_list_wrap .card .title, .about_wrap .card_list_wrap .card .title>a{color: #fff;}
.about_wrap .card_list_wrap .card .small_txt {color:rgba(255,255,255,.6);}
.about_wrap .card_list_wrap .card_head {width:220px;border-color:rgba(255,255,255,.5);padding-right:30px;}
.about_wrap .card_list_wrap .card_head.txt_box {color: #fff;}
.about_wrap .card_list_wrap .card_head .txt {color:#fff;margin-top: 20px;}
.about_wrap .card_list_wrap .card_head .small_txt {margin-top: 10px;}
.about_wrap .card_list_wrap .card_body {width:calc(100% - 220px);padding:0 0 0 30px;}
.about_wrap .card_list_wrap .card_body ul>li:first-child {padding-top:7px;}
.about_wrap .card_list_wrap .btn_more {left:40px;bottom:40px;}

.about_wrap .box_list_wrap>ul>li {height: 378px;margin-bottom:20px;}
.about_wrap .box_list_wrap>ul>li:last-child {height:310px}
.about_wrap .box_list_wrap>ul>li:after {content: "";clear: both;display: block;}
.about_wrap .box {position: relative;float: left;height:100%;margin-right:20px;padding:40px;border:1px solid transparent;}
.about_wrap .box:nth-of-type(even) {margin-right:0}
.about_wrap .box.tv {width: 100%;}
.about_wrap .box.type1 {width:387px;border-color:#ccc;background-color: #fff;}
.about_wrap .box_list_wrap .box.type2 {width:793px;color:#fff;}
.about_wrap .box_list_wrap .box.bgimg1 {background:#fff url("../img/img_SERICEOMonthly.png") 85% bottom no-repeat;}
.about_wrap .box_list_wrap .box.bgimg2 {background:#707283 url("../img/img_player.png") 434px 87px no-repeat;border-color:#707283;padding-right:380px;}
.about_wrap .box_list_wrap .box.bg1 {background-color: #7a7e83;border-color:#7a7e83;}
.about_wrap .box_list_wrap .box.bg2 {background-color: #5d6167;border-color:#5d6167;}
.about_wrap .box_list_wrap .box.bg3 {background-color: #707283;border-color:#707283;}
.about_wrap .box_list_wrap .box .title {font-weight:500;}
.about_wrap .box_list_wrap .box .txt_box *{line-height: 1.56}
.about_wrap .box_list_wrap .box .txt_box>.cate {font-weight:500;font-size:13px;color:#666;margin-bottom: 4px;}
.about_wrap .box_list_wrap .box .txt_box>.title {margin-bottom: 30px;}
.about_wrap .box_list_wrap .box .txt_box>.txt {color: #333;word-break: keep-all;}
.about_wrap .box_list_wrap .box .item {margin-bottom: 20px;vertical-align: top;}
.about_wrap .box_list_wrap .box .item .title {font-size: 16px;}
.about_wrap .box_list_wrap .box .item .txt {font-size: 16px;margin: 4px 0 8px;}
.about_wrap .box_list_wrap .box.type2 .txt_box .cate, .about_wrap .box_list_wrap .box.bg2 .txt_box .cate {color:rgba(255,255,255,.6)}
.about_wrap .box_list_wrap .box.type2 .txt_box .title, .about_wrap .box_list_wrap .box.bg2 .txt_box .title {color:#fff;}
.about_wrap .box_list_wrap .box.type2 .txt_box .txt, .about_wrap .box_list_wrap .box.bg2 .txt_box .txt {color:rgba(255,255,255,.8);}
.about_wrap .box_list_wrap .box.type2.bg1 .item, .about_wrap .box_list_wrap .box.type2.bg3 .item {display: inline-block;width:calc(50% - 4px);}

.about_bg {position:relative;left:0;width:100%;background-color:#f6f7f8;background-size:cover!important;margin:-52px 0 160px;padding-top:222px;}
.about_bg.guide {margin-bottom: 0!important}
.about_bg.top {height:658px;margin-bottom: 350px;}

.about_bg.midd {height:822px;margin-top:0;padding-top:287px;}
.about_bg.midd .bg {position: absolute;top:158px;right:calc(50% - 187px);width:1154px;height:715px;background: url("../img/img_bg_insight.png") right 0 no-repeat;}
.about_bg.midd .card {position: absolute;right: calc(50% - 600px);width:980px;height: 455px;background-color: #fff;border:0;box-shadow: 0 3px 10px 0 rgba(145, 145, 145, 0.16);padding:60px;}
.about_bg.midd .card .card_head {width:436px;padding-right:60px;word-break: keep-all;}
.about_bg.midd .card .card_head .txt {margin-top:40px;}
.about_bg.midd .card .card_body {width:calc(100% - 436px);padding: 0 0 0 60px}
.about_bg.midd .card .card_body ul>li {border-color: rgba(0,0,0,.25)}
.about_bg.midd .card .btn_more {left:60px;bottom:60px;}

.about_bg.bott {margin:0 0 -80px 0;padding:0;}
.about_wrap.tutorial .about_bg.bott {margin-bottom:0;}
.about_bg.bott .content {margin-top:355px; height: auto; padding-bottom: 160px;}
.about_bg.bott .title_area {top:-355px;margin-bottom: 115px;}
.about_bg.bott .box_list_wrap {margin-top: -355px;}

.about_bg.bgimg1 {background-image:url("../img/bg_mask.png"), url("../img/img_bg_history.png");background-position:center top, center bottom;background-repeat:no-repeat;background-size:auto!important;margin-bottom:-80px;}
.about_bg.bgimg1 .intro_list1 {height:919px;}
.about_bg.bgimg1 .intro_list1>ul {counter-reset:number;}
.about_bg.bgimg1 .intro_list1>ul>li {position:relative;float:left;margin-right: 22px;}
.about_bg.bgimg1 .intro_list1>ul>li:last-child {margin-right: 0}
.about_bg.bgimg1 .intro_list1>ul>li:before {position:absolute;top:60px;left:40px;z-index:2;content: "0" counter(number);counter-increment:number;font-weight:700;font-size: 60px;color: #000;}
.about_bg.bgimg1 .intro_list1 .item {background:#fff;width:378px;height:571px;padding:169px 40px 0;}
.about_bg.bgimg1 .intro_list1 .item .txt_box {padding: 0;text-align: left}
.about_bg.bgimg1 .intro_list1 .item .txt_box .title {position: relative;height:173px;margin-bottom: 40px;}
.about_bg.bgimg1 .intro_list1 .item .txt_box .title:after {content: "";position: absolute;bottom:0;left:0;z-index:2;width:36px;height: 1px;background-color: #000;}
.about_bg.bgimg1 .intro_list1 .item .txt_box .txt {color:#333;word-break: keep-all;}
.about_bg.bgimg1 .intro_list2 {position: relative;height:883px;padding:130px 0 0;}
.about_bg.bgimg1 .intro_list2 .title_area {margin-bottom:82px;}
.about_bg.bgimg1 .history button[class^="arrow"] {position: absolute;top:159px;display: inline-block;width: 23px;height: 23px;border-style: solid;}
.about_bg.bgimg1 .history button>span {position: absolute;text-indent: -9999px;}
.about_bg.bgimg1 .history .arrow_left {border-width: 3px 0 0 3px;transform: rotate(-45deg);left:5px;}
.about_bg.bgimg1 .history .arrow_right{border-width: 3px 3px 0 0;transform: rotate(45deg);right:5px;}
.about_bg.bgimg1 .history {position:relative;height:470px;overflow: hidden;padding: 0 90px;}
.about_bg.bgimg1 .history>ul li {float:left;height: auto!important;margin:0 20px 0 0;}
.about_bg.bgimg1 .history>ul li:nth-child(2n) {margin-right: 0;}
.about_bg.bgimg1 .history .box {float:none;width:500px;min-height:470px;padding-bottom:30px;margin-right:0;}
.about_bg.bgimg1 .history .box .title {font-size:30px;line-height: 1.5;margin-bottom: 23px;}
.about_bg.bgimg1 .history .box>ul {width:100%;}
.about_bg.bgimg1 .history .box>ul>li {display:table;color:#000;line-height: 1.5;margin-bottom: 10px;}
.about_bg.bgimg1 .history .box>ul>li:last-child {margin-bottom: 0;}
.about_bg.bgimg1 .history .box>ul>li>em {display:table-cell;width:57px;font-weight:500;font-size:18px;vertical-align: top;}
.about_bg.bgimg1 .history .box>ul>li>em+span {display:table-cell;font-size:16px;vertical-align: middle;}

.about_bg.bgimg2 {background:#f6f7f8 url("../img/img_bg_membership.png") bottom center no-repeat;background-size:auto !important;margin-bottom:-80px;}
.about_bg .table_list .table {background-color:#fff;border:1px solid #ccc;border-collapse: collapse;color:#000;text-align:left;vertical-align:top;}
.about_bg .table_list .table th,.about_bg .table_list .table td {border-right:2px solid #ccc;padding:20px;}
.about_bg .table_list .table tr>th:last-child, .about_bg.bgimg2 .table_list .table tr>td:last-child {border-right:0;}
.about_bg .table_list .table thead th, .about_bg.bgimg2 .table_list .table tbody td {padding-bottom:0;vertical-align:top;}
.about_bg .table_list .table tfoot td {font-weight:500;font-size:18px;line-height:1.33;text-align: right}
.about_bg .table_list .table thead th .title {height:144px;line-height: 1.47;word-break: keep-all;text-align:left;}
.about_bg .table_list .table thead th .title>h5 {height:94px;font-weight:500;font-size:32px;margin-bottom:21px;}
.about_bg .table_list .table tfoot td span {display:block;border-top:2px solid #d8d8d8;padding-top:20px;text-align: center;}
.about_bg .table_list .table tbody td h6 {font-size:13px;margin-bottom: 7px;}
.about_bg .table_list .table tbody td ul {font-size:16px;margin-bottom:17px;}
.about_bg .table_list .table tbody td ul:last-of-type {margin-bottom:0;}
.about_bg .table_list .table tbody td ul>li {margin-bottom: 5px;}
.about_bg .table_list .table tbody td ul>li:last-child {margin-bottom:0;}
.about_bg .table_list .table tbody td ul>li span {display:inline-block;vertical-align: middle;}
.about_bg .table_list .table tbody td ul>li span:not(.txt_small) {margin-right:5px;}
.about_bg.bgimg2 .join_box {width:100%;height:270px;background-color:#3e4363;opacity:.9;padding-top:54px;text-align:center;margin:250px 0 130px;}
.about_bg.bgimg2 .join_box .txt {font-family:'NanumMyeongjo-bold';font-size:42px;color:#fff;margin-bottom:41px;}
.about_bg.bgimg2 .join_box .btn_join {width:180px;border-color:#515673;}
.about_bg.bgimg2 .join_box .btn_join:focus, .about_bg.bgimg2 .join_box .btn_join:hover {border-color:#000;}
.about_bg.bgimg2 .join_box .btn_join .icon {display: inline-block;width:30px;height:30px;background:url("../img/ico_main_more_b.png") no-repeat;vertical-align:middle;margin:-7px 0 0 10px}


/* 튜토리얼 가이드 */
.about_wrap.tutorial .banner_area {height:451px;background: url("../img/img_banner.png") center top no-repeat;background-size: cover;}
.about_wrap.tutorial .banner_area .txt_box {left: 50%;bottom: -85px;margin-left:-233.5px;height: 298px;padding:69px 80px;text-align: center;}
.about_wrap.tutorial .banner_area .txt_box .title:after {display: none}
.about_wrap.tutorial .title_area {position: relative;margin-bottom: 80px;}
.about_wrap.tutorial .about_bg.top {height: 894px;padding-top: 187px;}
.about_wrap.tutorial .about_bg.top .content>.txt:first-of-type:after {content:"";position: absolute;left: calc(50% - 71.5px);bottom:0;display:inline-block;width:143px;height:2px;background-color:#7b7b7c;}
.about_wrap.tutorial .about_bg.top .title_area {margin-top: 80px;margin-bottom:60px;}
.about_wrap.tutorial .about_bg.top .title_area .txt {margin-top: 50px;}

.about_wrap.tutorial .about_bg.bgimg3 {height:859px;background:#f6f7f8 url("../img/img_bg_1.png") center top no-repeat;margin-bottom:0;}
.about_wrap.tutorial .about_bg.bgimg3 .title_area .title {background-color: transparent}

.about_wrap.tutorial .about_bg.guide {height:auto;margin-bottom:0;}
.about_wrap.tutorial .about_bg.point {padding-bottom:150px;}
.about_wrap.tutorial .about_bg.guide .thumb_list_wrap {width:740px;margin:80px auto 210px;}
.about_wrap.tutorial .about_bg.guide .thumb_list_wrap .item {width:360px;height: 476px;}
.about_wrap.tutorial .about_bg.guide .thumb_list_wrap .txt_box {padding:30px;text-align:left;}
.about_wrap.tutorial .about_bg.guide .thumb_list_wrap .txt_box .title {margin-bottom:20px;}
.about_wrap.tutorial .about_bg.guide .thumb_list_wrap .cate {font-size:16px;color:#666;margin-top:30px;}
.about_wrap.tutorial .about_bg.guide .thumb_list_wrap .txt_box .txt {height:58px;font-size:20px;margin:6px 0 10px}
.about_wrap.tutorial .point_list {margin:0 auto 50px; text-align: center;}
.about_wrap.tutorial .point_list li {display: inline-block; vertical-align: top; margin-right:20px;}
.about_wrap.tutorial .point_list li:last-child {margin-right:0;}
.about_wrap.tutorial .point_list .item {width:285px;height:285px;border-radius:50%;color:#fff;padding:50px;text-align:center;}
.about_wrap.tutorial .point_list .item.day1 {background-color:#94bdcc}
.about_wrap.tutorial .point_list .item.day2 {background-color:#94b0cc}
.about_wrap.tutorial .point_list .item.day3 {background-color:#949fcc}
.about_wrap.tutorial .point_list .item .day {font-size:30px;margin-bottom:11px;}
.about_wrap.tutorial .point_list .item .point {font-weight:500;font-size:50px;margin-bottom:26px;}
.about_wrap.tutorial .point_list .item .txt_small {font-size:20px;color:rgba(255,255,255,.8);}

/* 튜토리얼 가이드 하단 버튼 */
.fixed.btn_area {position: absolute;bottom:0;z-index:10;width:100%;padding:30px 0 50px;text-align:center;transition:all .2s}
.fixed.btn_area.active {position:fixed;background:rgba(255,255,255,.8);padding-bottom:30px;}
.fixed.btn_area button {width:152px;}
.fixed.btn_area button {margin-right:18px;}
.fixed.btn_area button:last-child {margin-right:0;}
.btn_basic.lg {height:auto;font-size: 24px;line-height:1.45;padding:13px 0;text-align: center;}
.btn_basic.type5 {border-color:#3e4363;background-color:#3e4363;color:#fff;}

/* 멤버쉽혜택안내 */
.about_wrap.benefit .banner_area {height:516px;}
.about_wrap.benefit .banner_area .txt_box {bottom:auto;height:auto;background-color:transparent;padding:0}
.about_wrap.benefit .banner_area .txt_box .title {margin-top:105px;}
.about_wrap.benefit .banner_area .txt_box .title:after {display: none;}
.about_wrap.benefit .banner_area .txt_box .txt {font-size:20px;margin-top:20px;}
.about_wrap.benefit .banner_area .txt_box .btn_go {display:inline-block;width:191px;height:51px;border:1px solid #fff;font-size:21px;padding:10px 0;margin-top:60px;text-align:center;}
.about_wrap.benefit .banner_area .txt_box .btn_go .icon {display:inline-block;width:24px;height:24px;background:url("../img/ico_main_more_b2.png") no-repeat;vertical-align:middle;margin:-4px 0 0 4px;}
.about_wrap.benefit .banner_area .thumb {position: absolute;right:calc(50% - 600px);margin-top:168px;}
.about_wrap.benefit .title_area {margin:101px 0 35px}
.about_wrap.benefit .guide .stit {font-size:30px;color:#000;line-height:1.5;margin-bottom:10px;}
.about_wrap.benefit .guide .txt {font-size:20px;color:#666;margin-bottom:30px;}
.about_wrap.benefit .guide .img {margin-bottom:60px;}

.about_wrap.menual .banner_area {height:500px;background:url('../img/img_top_banner.png') no-repeat;background-size:cover;color:#fff;padding-top:104px;}
.about_wrap.menual .banner_area .txt_box {width:auto;}
.about_wrap.menual .banner_area .txt_box .txt_lg {font-size:36px;color:#fff;padding-bottom:6px}
.about_wrap.menual .banner_area .txt_box .title {font-size:70px;line-height:1.14;margin-top:6px}
.about_wrap.menual .banner_area .txt_box .txt {font-size:16px;}
.about_wrap.menual .bg_top {width:100%;min-height:818px;background:#f1f1f1 url('../img/bg_menual.png') center top no-repeat;}
.about_wrap.menual .title_area {margin-top:0;padding-top:120px;}
.about_wrap.menual .ex_img {margin-top:100px;}
.about_wrap.menual .ex_img2 {margin:60px 0 80px;}
.about_wrap.menual .btn_view {width:270px;}


/* 비회원용 플레이어 */
.nomem .title_area.line2 {padding-bottom:44px;margin-bottom:0;}
.nomem .title_area.line2:after {width:143px;background-color:#c8c8c8;}
.nomem .title_area.line2 .title {line-height:1.16}
.nomem .txt_box .cate {font-size:14px;color:#666;margin-bottom:5px;}
.nomem .txt_box .video_list_info {opacity: .6;}
.nomem .box {margin-right:10px;}

.nomem .vod_area {text-align: center;/*margin-bottom:136px;*/}
.nomem .vod_area .viewer {height:750px;background:#000;}
.nomem .vod_area .text {margin-top:46px}
.nomem .vod_area .text p {font-size: 24px;line-height:1.5;margin-bottom: 5px;}
.nomem .vod_area .text p:last-of-type {margin-bottom: 0;}
.nomem .vod_area .btn_area {margin-top:42px;}
.nomem .vod_area .btn_area button {width:420px;height:75px;font-size: 24px;margin-right:18px;}
.nomem .vod_area .btn_area button:last-child {margin-right:0;}

.nomem .about_bg.top {margin:10px 0 475px;padding-top:20px;height:448px;}
.nomem .about_bg.top .title_area {margin:-23px 0 42px;}
.nomem .about_bg.top .title_area .title {background:transparent;}
.nomem .about_bg.top .title_area + .txt {font-size:18px;}
.nomem .about_bg.top .thumb_list_wrap {position:absolute;margin-top:66px;}
.nomem .about_bg.top .thumb_list_wrap .item {height:582px;word-break: keep-all;}
.nomem .about_bg.top .thumb_list_wrap .item_head {position:relative;z-index:2;height:228px;background:#fff;}
.nomem .about_bg.top .thumb_list_wrap .item_body {position:relative;display:block;height:354px;border:1px solid #e5e5e5;}
.nomem .about_bg.top .thumb_list_wrap .item_body .thumb {width:100%;height:212px;overflow:hidden;}
.nomem .about_bg.top .thumb_list_wrap .item_body .thumb img {width:100%;margin-top:-109px;}
.nomem .about_bg.top .thumb_list_wrap .item_body .txt_box {position: relative;padding:18px 20px 0;text-align: left;}
.nomem .about_bg.top .thumb_list_wrap .item_body .txt_box .title {height:51px;font-size:18px;line-height: 1.33;margin-bottom:10px;}
.nomem .about_bg.top .thumb_list_wrap .item_body .video_overlay {display:none;width: 100%;height: 100%;padding: 0;text-align: center;}
.nomem .about_bg.top .thumb_list_wrap .item_body:hover .video_overlay {display:table;}
.nomem .about_bg.top .thumb_list_wrap .item_body .video_overlay .btn_actions {display: table-cell;vertical-align: middle;}
.nomem .about_bg.top .thumb_list_wrap .item_body .video_overlay .overlay_btn {width:auto;height:auto;border:0;}
.nomem .about_bg.top .thumb_list_wrap .item_body .video_overlay .overlay_btn .btn_ico_play {display: block;width: 39px;height: 39px;background-image: url('../img/btn_main_play.png');margin:0 auto 10px;}

.nomem .about_bg.midd {height:672px;padding-top:231px;margin-bottom: 143px;}
.nomem .about_bg.midd .bg {top:104px;height:606px;background-image: url("../img/img_insight_small.png")}
.nomem .about_bg.midd .card {height:355px;padding:87px 0 0;}
.nomem .about_bg.midd .card_head {padding-right:56px;text-align: right;border-right:0;}
.nomem .about_bg.midd .card_head:after {content:"";position:absolute;right:0;top:10px;width:2px;height:176px;background-color:#e3e3e3;}
.nomem .about_bg.midd .card_body {font-size:18px;color:#000;line-height: 2.22;padding-left:35px;}
.nomem .box_list_wrap {margin-top:56px;}
.nomem .box_list_wrap .box .title {line-height:1.47;margin-bottom:30px;}
.nomem .box_list_wrap .box .txt {font-size:18px;color:#444;line-height:1.33}
.nomem .box.type1.bgimg2 {width:393px;height:430px;border-color:#c1c1c1;background: #f6f7f8 url("../img/img_player.png") 99px 212px no-repeat;background-size:276px auto;padding:29px 0 20px 39px;}
.nomem .box_list {float: left;width:796px}
.nomem .box_list .box {width:393px;height:210px;margin-bottom:10px;padding:29px 0 0 31px;}
.nomem .box_list .box * {color:#fff;}
.nomem .box_list .box .txt {color: #fff;}
.nomem .box_list .box:nth-of-type(even) {margin-right:0;}
.nomem .box_list .box.bg1 {background-color: #6e718d}
.nomem .box_list .box.bg2 {background-color: #6d7580}
.nomem .box_list .box.bg3 {background-color: #555e6d}

.nomem .about_bg.bott {margin-top:159px;height:652px;}
.nomem .about_bg.bott .title_area {top:-23px;margin-bottom:30px;}
.nomem .about_bg.bott .title_area .title {background-color:transparent;line-height: 1.16;}
.nomem .about_bg.bott .title_area .title>span {display:block;background-color:#f6f7f8;font-size:42px;margin-top:30px;}
.nomem .about_bg.bott .content {height:auto;margin-top:0;}
.nomem .about_bg.bott .table_list .table thead th .title {height:auto;}
.nomem .about_bg.bott .table_list .table tbody td {vertical-align: top;}
.nomem .about_bg.bott .table_list ul li {margin-left:10px;}
.nomem .about_bg.bott .table_list ul li:before {content: "";display:inline-block;width:10px;height:3px;background:url(../img/bullet_dot.png) no-repeat;margin-left:-10px;vertical-align:middle;}

.about_wrap .banner_area.banner2 + .nomem {padding-top: 180px; background-color: #f6f7f8;}

.about_wrap .bgitem {background-repeat: no-repeat; background-position: 100% 100%;}
.about_wrap .box.tv {border-color: #C1C1C1; background-color: #fff; background-image: url('../img/about/about-tv.png');}

/* 로고 기록실 */
.about_bg {margin-top: 0;}
.about_bg2 {padding-top: 180px; margin-bottom: -80px; background-color: #f6f7f8;}
.about_wrap .banner_area .tab_area {bottom: 22px;}
.about_wrap .banner_area.banner4 {background-image:url(../img/about/2022/bg-logo.jpg);}

.logo-history-box {padding-bottom: 100px;}
.logo-history-box .h2 {position: relative; font-size: 50px; line-height: 58px; font-family: 'NanumMyeongjo'; font-weight: normal; color: #000;}
.logo-history-box .h2:after {content:''; position: absolute; right: 0; bottom: 4px; left: 283px; height: 1px; background-color: #000;}
.logo-history-box .logo-history-list {padding-top: 80px;}
.logo-history-box .logo-history-list > ul {display: flex; justify-content: space-between; flex-wrap:wrap;}
.logo-history-box .logo-history-list > ul > li {width: calc(50% - 10px); margin-top: 20px; padding: 50px 50px 0 50px; text-align: center; background-color: #fff;
  box-sizing: border-box;
}
.logo-history-box .logo-history-list > ul > li .logo-area-wrap {position: relative;}
.logo-history-box .logo-history-list > ul > li .logo-area {display: flex; align-items:center; justify-content: center; height: 120px; border: 1px solid #bbb;}
.logo-history-box .logo-history-list > ul > li .logo-area img {width: 57.1429%;}
.logo-history-box .logo-history-list > ul > li .period {margin-top: 20px; font-size: 16px; line-height: 1.5em; color: rgba(0,0,0,0.6);}
.logo-history-box .logo-history-list > ul > li .tit {margin-top: 10px; height: 97px; font-size: 32px; line-height: 47px; color: #000; font-weight: bold;}
.logo-history-box .logo-history-list > ul > li .more {position: absolute; right: 0; bottom: 0; display: block; width: 40px; height: 40px; line-height: 40px; font-weight: bold; color: #fff; background-color: #BBB;}
.logo-history-box .logo-history-list > ul > li .more span {display: block; width: 40px; height: 40px; font-size: 0;}
.logo-history-box .logo-history-list > ul > li .more span:after,
.logo-history-box .logo-history-list > ul > li .more span:before {content:''; position: absolute; top: 50%; left: 50%; width: 20px; height: 4px; margin-left: -10px; margin-top: -2px; background-color: #fff;
  transition:all 0.4s;
}
.logo-history-box .logo-history-list > ul > li .more span.plus:before {
  transform:rotate(-90deg)
}
.logo-history-box .logo-history-list > ul > li .logo-tip {position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; font-size: 18px; padding: 20px; line-height: 28px; color: #000; background-color: #eee; border: 1px solid #BBB;}

.fadetip-enter-active, .fadetip-leave-active {
  transition: opacity .5s;
}
.fadetip-enter, .fadetip-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}

/* 리움 */
.leeum {position: relative; display: flex; border: 1px solid #ccc; margin: -20px 0 20px; padding: 24px 0;}
.leeum .leeum-guide1 {width: 397px; text-align: center; font-weight: 500; color: #000;}
.leeum .leeum-guide1:after {content:''; position: absolute; top: 0; left: 0; display: block; border-left: 127px solid #A48750; border-bottom: 108px solid transparent;}
.leeum .leeum-guide1 .copy {position: absolute; top: 12px; left: -8px; z-index: 1; color: #fff; font-size: 15px; line-height: 21px;
  transform:rotate(-40deg);
}
.leeum .leeum-guide1 .copy span {font-weight: 300; font-size: 13px;}
.leeum .leeum-guide1 .copy2 {font-weight: 500;}
.leeum .leeum-guide1 .copy2 .c1 {display: block; font-size: 33px;}
.leeum .leeum-guide1 .copy2 .cross {position: relative; display: inline-block; width: 20px; height: 20px;}
.leeum .leeum-guide1 .copy2 .cross:before,
.leeum .leeum-guide1 .copy2 .cross:after {content:''; position: absolute; top: 50%; left: 0; width: 20px; height: 1px; background-color: #000;}
.leeum .leeum-guide1 .copy2 .cross:before {
  transform: rotate(-45deg);
}
.leeum .leeum-guide1 .copy2 .cross:after {
  transform: rotate(45deg);
}
.leeum .leeum-guide1 .copy2 .c2 {display: block; font-size: 32px;}
.leeum .leeum-guide1 .price {margin-top: 15px; font-size: 28px; line-height: 41px; font-weight: 500;}
.leeum .leeum-guide2 {position: relative; padding: 0 0 0 27px;}
.leeum .leeum-guide2:after {content:''; position: absolute; top: 6px; left: 0; bottom: 2px; width: 1px; background-color: #ccc;}
.leeum .leeum-guide2 .txt1,
.leeum .leeum-guide2 .txt2 {font-size: 16px; line-height: 27px; font-weight: 500; color: #236BE3;}
.leeum .leeum-guide2 .txt1 .text-c1 {color: #D64444;}
.leeum .leeum-guide2 .txt2 {margin-top: 10px;}
.leeum .leeum-guide2 .txt2 .link {display: inline-block; margin-left: 10px; padding: 0 10px; color: #fff; font-size: 15px; line-height: 28px; background-color: #236BE3;
  border-radius: 14px;
}
.leeum .leeum-guide2 .txt3 {margin-top: 8px; font-size: 16px; color: #000;}
.leeum .leeum-guide2 .txt4 {margin-top: 5px; font-size: 14px; font-weight: 300; color: #666;}

.leeum-type1 {margin: 20px auto 0; padding: 0; max-width:1120px;}
.leeum-type1 .leeum-guide1 {width: 280px; cursor:pointer;
  transition:background-color 0.4s linear;
}
.leeum-type1 .leeum-guide1:after {border-left-width: 101px;}
.leeum-type1 .leeum-guide1 .copy {top: 8px; left: -2px; color: #fff; font-size: 18px; line-height: 24px;
  transform:rotate(-47deg);
}
.leeum-type1 .leeum-guide1 .copy span {font-size: 16px;}
.leeum-type1 .leeum-guide1 .copy2 .c1 {padding-top: 46px; font-size: 26px;}
.leeum-type1 .leeum-guide1 .copy2 .cross {width: 16px; height: 16px;}
.leeum-type1 .leeum-guide1 .copy2 .cross:before,
.leeum-type1 .leeum-guide1 .copy2 .cross:after {background-color: #A48750;}
.leeum-type1 .leeum-guide1 .copy2 .c2 {font-size: 26px;}
.leeum-type1 .leeum-guide1 .price {margin-top: 13px; font-size: 18px; line-height: 27px;}
.leeum-type1 .leeum-guide2 {padding: 24px 0 24px 27px;}
.leeum-type1 .leeum-guide2:after {top: 30px; bottom: 26px;}
.leeum-type1 .leeum-guide2 .txt1 .text-c1 {color: #A48750;}

.leeum-type1.leeum-current {border: 1px solid #A48750;}
.leeum-type1.leeum-current [class^='lines']:before,
.leeum-type1.leeum-current [class^='lines']:after {content:''; position: absolute;}
.leeum-type1.leeum-current .lines1:before,
.leeum-type1.leeum-current .lines1:after {z-index: 2; left: 0; right: 0; height: 1px; width: 100%; background-color: #A48750;}
.leeum-type1.leeum-current .lines2:before,
.leeum-type1.leeum-current .lines2:after {z-index: 2; top: 0; bottom: 0; width: 1px; background-color: #A48750;}
.leeum-type1.leeum-current .lines1:before {top: 0;}
.leeum-type1.leeum-current .lines1:after {bottom: 0;}
.leeum-type1.leeum-current .lines2:before {left: 0;}
.leeum-type1.leeum-current .lines2:after {right: 0;}

.leeum.leeum-type1 .leeum-guide1:hover,
.leeum-type1.leeum-current .leeum-guide1 {background-color: #A48750;}
.leeum.leeum-type1 .leeum-guide1:hover .copy,
.leeum-type1.leeum-current .leeum-guide1 .copy {color: #A48750;}
.leeum.leeum-type1 .leeum-guide1:hover:after,
.leeum-type1.leeum-current .leeum-guide1:after {border-left-color: #fff;}
.leeum.leeum-type1 .leeum-guide1:hover .copy2 .cross:before,
.leeum.leeum-type1 .leeum-guide1:hover .copy2 .cross:after,
.leeum-type1.leeum-current .leeum-guide1 .copy2 .cross:before,
.leeum-type1.leeum-current .leeum-guide1 .copy2 .cross:after {background-color: #fff;}
.leeum.leeum-type1 .leeum-guide1:hover .price,
.leeum.leeum-type1 .leeum-guide1:hover .copy2 .c1,
.leeum.leeum-type1 .leeum-guide1:hover .copy2 .c2,
.leeum-type1.leeum-current .leeum-guide1 .price,
.leeum-type1.leeum-current .leeum-guide1 .copy2 .c1,
.leeum-type1.leeum-current .leeum-guide1 .copy2 .c2 {color: #fff;}
.leeum.leeum-type1 .leeum-guide1:hover + .leeum-guide2:after,
.leeum-type1.leeum-current .leeum-guide2:after {display: none;}

/* LCUX-12437 */
.about_wrap .banner_area.banner2 + .nomem {padding-top: 0; background: none;}
.about_wrap .nomem .thumb_list_wrap {}
.about_wrap .nomem .thumb_list_wrap ul {display: flex; justify-content: space-between;}
.about_wrap .nomem .thumb_list_wrap li {float: none; margin: 0; width: 224px;}
.nomem .about_bg.top {position: relative; height: auto; margin: 0; padding-top: 184px; margin-bottom: 65px; background:none;}
.nomem .about_bg.top:after {content:''; position: absolute; top: 0; left: 0; right: 0; height: 630px; background-color: #F6F7F8;}
.nomem .about_bg.top .thumb_list_wrap .item_head {height: auto; padding-bottom: 26px;}
.about_wrap .nomem .thumb_list_wrap .item {width: auto;}
.nomem .about_bg.top .thumb_list_wrap {position: relative; margin-bottom: 0;}
.nomem .about_bg.top .thumb_list_wrap .item_body {z-index: 1; height: auto; padding-bottom: 10px;}
.nomem .about_bg.top .thumb_list_wrap .item_body .thumb {height: 158px;}
.nomem .about_bg.top .thumb_list_wrap .item {height: auto;}
.nomem .about_bg.top .thumb_list_wrap .item_body .thumb img {margin-top: -92px;}
.nomem .about_bg.top .title_area + .txt {position: relative; z-index:1;}

/* LCUX-15637 : 0105 */
.leeum:not(.leeum-type1) {padding:30px 0}
.leeum:not(.leeum-type1) .leeum-guide2 {display:flex;flex-direction: column;justify-content: center}
.leeum .leeum-guide2 .txt3 {line-height:27px}
.leeum .leeum-guide1:after {display:none}
.leeum-type1 .leeum-guide1 .copy2 .c1 {padding-top:55px}
.leeum-type1.leeum-current .lines1:before,
.leeum-type1.leeum-current .lines1:after,
.leeum-type1.leeum-current .lines2:before,
.leeum-type1.leeum-current .lines2:after {display:none}
.leeum-type1.leeum {border:2px solid #A48750}
.leeum-type1 .leeum-guide2 {padding:43px 0 43px 30px}

/* LCUX-16755 */
.about_bg.bgimg2 .table_list .table tfoot td {vertical-align: top;}
.about_bg.bgimg2 .table_list tfoot .txt_info {display: block;margin-top: 5px;font-size: 13px;color: #236BE3;margin-left: -20px;margin-right: -20px;text-align: center;}

/* LCUX-17034 */
.about_wrap .join_link {margin-top: 40px;margin-bottom: 130px;display: flex;}
.about_wrap .join_link .icon {width: 30px;height: 30px;}
.about_wrap .join_link .icon::before {margin-left: 10px;display: inline-block;content: '';width: 100%;height: 100%;background: url(../img/common/ico_arrow_w.svg) no-repeat 50% 50%;background-size: 24px;}
.about_wrap .join_link button {display: inline-flex;align-items: center;justify-content: center;}
.about_wrap .join_link button + button {margin-left: 10px;width: 195px;}
.about_wrap .join_link button:first-child {flex: 1 0 auto;}

/* LCUX-18739 */
.about_wrap .about_bg.bgimg1 .intro_list2 {height: auto;margin-bottom: 40px;}
.about_wrap .about_bg.bgimg1 .history {height: auto;}
.about_wrap .about_bg.bgimg1 .history > ul {display: flex;}
.about_wrap .about_bg.bgimg1 .history > ul li {flex: 1 0 auto;}
.about_wrap .about_bg.bgimg1 .history .box > ul li:last-child {margin-bottom: 20px;}
.about_wrap .thumb_list_wrap.type3 .item {height: 100%;border:1px solid #ccc;}
.about_wrap .thumb_list_wrap.type3 .item::before {display: block;content: '';width: 100%;height: 240px;background: url(../img/about/ico-master.svg) no-repeat 50% 50%;background-size: 86px;border-bottom: 1px solid #C1C1C1;}
.about_wrap .thumb_list_wrap.type3 li {float: none;flex: 1 0 auto;}
.about_wrap .thumb_list_wrap.type3 li:nth-child(2) .item::before {background-image: url(../img/about/ico-master2.svg);}
.about_wrap .thumb_list_wrap.type3 li:nth-child(3) .item::before {background-image: url(../img/about/ico-master3.svg);}
.about_wrap .thumb_list_wrap.type3 li:nth-child(4) .item::before {background-image: url(../img/about/ico-master4.svg);}
.about_wrap .thumb_list_wrap.type3 .txt_box {text-align: left;padding:31px 30px 20px;letter-spacing: -0.8px;}
.about_wrap .thumb_list_wrap.type3 .txt_box .title {height: auto;margin-bottom: 20px;}
.about_wrap .thumb_list_wrap.type3 .txt_box .txt {height: 72px;margin-bottom: 0;}
.about_wrap .thumb_list_wrap.type3 > ul {display: flex;}
.about_wrap .thumb_list_wrap.type3 .inner-menu {display: flex;flex-direction: column;padding: 0 30px 30px;}
.about_wrap .thumb_list_wrap.type3 .inner-menu::before {display: block;content: '';height: 1px;background-color: #D4D4D4;}
.about_wrap .thumb_list_wrap.type3 .inner-menu li {display: block;margin-top: 18px;}
.about_wrap .thumb_list_wrap.type3 .inner-menu li a {font-size: 16px;color: #000;}