/* main */

#header.main_h .title {position:relative; padding-top:7px;}
#header.main_h .btn_tkBaro {position:absolute; overflow:hidden; display:block; width:38px; height:34px; left:50%; top:7px; margin-left:-18px; text-indent:-7000000em; font-size:0; line-height:0; background:url('/LCMS/Image/main/txt_baro_180510.png') no-repeat center center; background-size:38px 34px;z-index: 103}
#header.main_h .btn_tkBaro > em {position:absolute; right:0; top:0; display:block; width:19px; height:19px; line-height:19px; text-align:center; font-size:11px; color:#fff; background:#e64f50; border-radius:50%;}

#container.main {padding-top:0; background:#f2f3f4;overflow:hidden;}
/*.main_wrap {position:relative; background: url('/LCMS/Image/main/m_pattern.png') repeat;background-size: 18px 17px; margin-top:35px;}*/
.main .main_visual {/*overflow:hidden; margin-top:36px; height:460px; min-height:460px; padding:7px 0;*/ position:relative; box-sizing:border-box; }
.main_wrap .btn_prev {position:absolute; left:0; top:50%; z-index:10; margin-top:-50px;}
.main_wrap .btn_prev img {width:27px; height:41px;}
.main_wrap .btn_next {position:absolute; right:0; top:50%; z-index:10; margin-top:-50px}
.main_wrap .btn_next img {width:27px; height:41px;}
 
.main_slide:after {content:''; display:block; clear:both;}
/*.main_slide {width:3000px; position:relative; left:50%; margin: 0 0 0 -147px;}*/
/*.main_slide li  {position:absolute; left:0; top:0; width:264px; height:447px; z-index:2;}*/
/*.main_slide li .img {display:block}*/
.main_slide li .img {display:block; text-align:center;}
/*.main_slide li .img img {width:100%; height:374px;}*/
.main_slide li .main_top {position:relative; /*-webkit-box-sizing:border-box; -moz-box-sizing:border-box; width:264px; height:376px; border:1px solid #c0c0c0; box-sizing:border-box;*/} 
/*
.main_slide li .main_top .num {position:absolute; left:0; bottom:0; display:block; width:100%; padding:20px 0 0 10px; text-align:center; color:#fff; font-size:44px; background:url('/LCMS/Image/main/bg_mask1.png') repeat-x left bottom; background-size:264px 74px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:left;}
.main_slide li .main_top .mask {position:absolute; left:0; top:0; display:block; width:263px; height:445px; background:url('/LCMS/Image/main/bg_sliderMask.png') repeat left top; z-index:1}
*/
.main_slide li.on .main_top .mask {display:none;}
.main_slide.lefts li {-webkit-transition: left .5s; -moz-transition: left .5s; -ms-transition: left .5s; transition: left .5s;}
.main_slide.rights li {-webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; transition: right .5s;} 

.main_slide li .btn_bbox {position:absolute; right:0; bottom:6px; width:215px; overflow:hidden;}
.main_slide li .btn_bbox a {display:block; float:right; margin-right:6px;}
.main_slide li .btn_bbox img {width:46px; height:19px;} 

/* 0326_°³¹ß¿äû½ºÅ¸ÀÏ(¸ÞÀοµÈ­½½¶óÀ̵å)
#mainMovieSlide .main_top {position:relative; width:264px; height:376px; border:1px solid #c0c0c0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} 
#mainMovieSlide .main_top .num {position:absolute; left:0; bottom:0; z-index:2; display:block; width:100%; padding:20px 0 0 10px; text-align:center; color:#fff; font-size:44px; background:url('/LCMS/Image/main/bg_mask1.png') repeat-x left bottom; background-size:264px 74px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:left;}
#mainMovieSlide .main_top .mask {position:absolute; left:0; top:0; display:block; width:263px; height:445px; background:url('/LCMS/Image/main/bg_sliderMask.png') repeat left top; z-index:1}
#mainMovieSlide .on .main_top .mask {display:none;}
#mainMovieSlide .btn_bbox {position:absolute; right:0; bottom:6px;  z-index:2; width:215px; overflow:hidden;}
#mainMovieSlide .btn_bbox a {display:block; float:right; margin-right:6px;}
#mainMovieSlide .btn_bbox img {width:46px; height:19px;}
 //0326_°³¹ß¿äû½ºÅ¸ÀÏ(¸ÞÀοµÈ­½½¶óÀ̵å) */

/*
#mainMovieSlide li a img {
            width: 100%;
            height: 447px;
            background-repeat: no-repeat;
        }
#mainMovieSlide > li  {position:absolute; left:0; top:0; width:264px; height:454px; z-index:2;}
#mainMovieSlide > li .img {display:block}
#mainMovieSlide > li .img img {width:100%; height:374px;}
.main_top {position:relative; width:264px; height:376px; border:1px solid #c0c0c0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} 
.main_top .num {position:absolute; left:0; bottom:0; display:block; width:100%; padding:20px 0 0 10px; text-align:center; color:#fff; font-size:44px; background:url('/LCMS/Image/main/bg_mask1.png') repeat-x left bottom; background-size:264px 74px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:left;z-index:2}
..main_top .mask {position:absolute; left:0; top:0; display:block; width:263px; height:445px; background:url('/LCMS/Image/main/bg_sliderMask.png') repeat left top; z-index:1}
.main_top .mask {display:none;}

#mainMovieSlide .btn_bbox {position:absolute; right:0; bottom:6px; width:215px; overflow:hidden;z-index:2}
#mainMovieSlide .btn_bbox a {display:block; float:right; margin-right:6px;}
#mainMovieSlide .btn_bbox img {width:46px; height:19px;} 
*/

.main_data {position:absolute; bottom:0; left:0; width:100%; height:75px; padding:40px 10px 0; color:#fff; font-size:14px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; background:url('/LCMS/Image/main/bg_mask1.png') repeat-x left top; background-size:2px 86px;}
.main_data:after {content:''; display:block; clear:both;}
.main_data .icon_star {display:inline-block; width:80px; height:16px; vertical-align:middle; background-image:url('/LCMS/Image/main/icon_star4_on.png'); background-size:80px 16px;}
.main_data .icon_star > span {height:16px; background-image:url('/LCMS/Image/main/icon_star4_off.png'); background-size:80px 16px;}
.main_data .score_txt {display:inline-block; vertical-align:middle; font-size:20px; color:#fff}

.main_bottom {position:relative; overflow:hidden; /*padding:0 11px; /*padding:6px 13px 6px 10px; height:70px; background:url('/LCMS/Image/main/bg_poster.png') no-repeat left top; background-size:264px 70px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;*/}
/*
.main_bottom .btn_go {position:absolute; right:13px; top:9px; display:table; width:50px; height:51px;}
.main_bottom .btn_go span {display:table-cell; width:50px; height:51px; font-size:14px; color:#fff; text-align:center; background:url('/LCMS/Image/main/icon_ticket2.png') no-repeat center center; background-size:50px 51px; vertical-align:middle;}
*/
.main_bottom .btn_go {position:absolute; right:13px; top:9px; display:table; width:50px; height:31px;}
.main_bottom .btn_go span {display:table-cell; width:50px; height:31px; font-size:14px; color:#fff; text-align:center; background:url('/LCMS/Image/main/icon_ticket2.png') no-repeat center center; background-size:50px 31px; vertical-align:middle;}
.main_bottom .statemark {display:block; position: absolute; bottom: 7px; right: 13px; width:50px; text-align: center; line-height:18px; color:#b49763; font-weight: bold;}

/*.main_txt {float:left; width:183px;}*/
/* .main_txt dt {padding:9px 0 0; color:#000; font-size:16px;} */
.main_txt dt {color:#000; font-size:16px;}
.main_txt dt a {display:block; width:100%; height:20px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.main_txt dt a > span {vertical-align:top;}
/*
.main_txt dd {padding-left:25px; color:#666; font-size:12px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.main_txt dd strong {font-size:16px; color:#000;}
.main_txt dd .t_rate
.main_bottom .grade {font-size:12px; color:#666}
.main_bottom .grade:before {content:''; display:inline-block; width:1px; height:11px; margin:0 5px; background:#dfdfdf;}
.main_bottom .grade .point_red {font-size:16px; color:#e64f50; font-weight:bold;}
*/

.main_txt dd {color:#666; font-size:12px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;} /* 0403 ¼öÁ¤Àü padding:0 0 0 25px */
.main_txt dd .state {display:block; line-height:18px; color:#b49763;}
.main_txt dd .period {color:#666;}
.main_txt dd .period strong {color:#000; font-weight:normal;}
.main_txt dd .t_rate {display:inline-block; }
.main_txt dd .t_rate span {display:inline-block; height:18px; line-height:18px; vertical-align:top;}/* ¼öÁ¤Àü:height:24px; */
.main_txt dd .t_rate strong {display:inline-block; padding-left:4px; height:18px; line-height:18px; vertical-align:top; /*font-size:16px;*/ color:#000; font-weight:normal;}
.main_txt dd .t_rate em {display:inline-block; height:18px; line-height:18px; vertical-align:bottom;}
.main_txt dd .grade {position:relative; display:inline-block; margin-left:4px; padding-left:8px;}
.main_txt dd .grade.noline {margin-left:0;}
.main_txt dd .grade:before {content:''; position:absolute;left:0; top:4px; display:inline-block; width:1px; height:11px; background:#dfdfdf;} /*0403 ¼öÁ¤Àü top:11px*/
.main_txt dd .grade.noline:before {width:0;}
.main_txt dd .grade span {display:inline-block; line-height:18px; vertical-align:top;}
.main_txt dd .grade em {display:inline-block; height:18px;  line-height:18px; vertical-align:top;}
.main_bottom .grade .point_red {/*font-size:16px;*/ padding-left:4px; color:#e64f50; font-weight:normal;}

.main_txt dd .num {display:inline-block; }
.main_txt dd .num span {display:inline-block; height:18px; line-height:18px; vertical-align:top;}
.main_txt dd .num strong {display:inline-block; padding-left:4px; height:18px; line-height:18px; vertical-align:top; color:#000; font-weight:normal;}
.main_txt dd .num em {display:inline-block; padding-left:4px; height:18px; line-height:18px; vertical-align:bottom; color:#000;}


.main .content {padding:0 0 0; width:100%}
.main .mainImgBn {padding:10px; background:#fff;min-height:175px}
.main .mainImgBn .bannerSlide > ul {min-height:175px}
.main .mainImgBn img {width:100%;}
.main .mainImgBn2 {padding-bottom:0; margin-bottom:10px; box-shadow: 0 2px 1px #dfe0e1;}
.main .mainImgBn2 img {width:100%;}
.main .mainEventBx {overflow:hidden; position:relative; padding:20px 0 15px 10px; margin:0 0 10px; background:#fff; box-shadow:0 2px 1px #dfe0e1;}
.main .mainEventBx > h2 {padding-bottom:15px; color:#000; font-size:15px;}
.main .mainEventBx > .btn_more {position:absolute; right:10px; top:20px; display:inline-block; padding-right:10px; color:#666; font-size:12px; background:url('/LCMS/Image/main/btn_more.png') no-repeat right center; background-size:5px 10px;}
.main .mainEventBx:last-child {padding-bottom:15px;}

.mainScrBx {overflow:hidden; /*min-height:295px;*/}
.evList1 {position:relative; /*height:260px;min-height:295px;*/}
.evList1 li {position:absolute; left:0; top:0; width:281px; /*height:171px;*/ /* padding-right:15px; */ margin-right:15px; -webkit-transition: transform .5s ease-in-out; -moz-transition: transform .5s ease-in-out; -ms-transition: transform .5s ease-in-out; transition: transform .5s ease-in-out;}
.evList1 li a {position:relative; display:block; /*width:281px;*/ box-sizing:border-box;border:1px solid #c8c8c8;}
.evList1 li a span {/*position:absolute; left:0; bottom:0;*/ display:block; /*width:281px; padding:7px 10px 8px;*/ box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:15px; /*background:url('/LCMS/Image/main/bg_mask07.png') repeat;*/}
.evList1 li a .day { background:none;}
/*.evList1 li a img {width:279px; height:169px; border:1px solid #dedede;}*/
.evList1 li a img {width:279px; /*border:1px solid #dedede*/;}
.evList1 li a > em {position:absolute; left:10px; top:0; display:inline-block; min-width:75px; padding:0 10px; height:35px; line-height:35px; text-align:center; box-sizing:border-box; color:#fff; font-size:15px;}
.evList1.lefts li {-webkit-transition: left .5s; -moz-transition: left .5s; -ms-transition: left .5s; transition: left .5s;}
.evList1.rights li {-webkit-transition: right .5s; -moz-transition: right .5s; -ms-transition: right .5s; transition: right .5s;}

.evList1 li > a .thum {width:100%;}
.evList1 li > a .thumCt {position:relative; display:block; height:68px; /*padding:15px 54px 15px 15px;*/padding:15px 0; border-top:1px solid #c8c8c8; box-sizing:border-box; background:#fff;}
.evList1 li > a .thumCt .thumCt_tit {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*width:100%;*/ padding:0 15px 5px 15px; font-size:15px; color:#000;}
.evList1 li > a .thumCt .icn_deadline {position:absolute; right:15px; top:15px; display:inline-block; width:34px; height:30px; padding-top:3px; line-height:14px; background:#ba1d3a; color:#fff; font-size:12px; text-align:center;}
.evList1 li > a .thumCt .day {display:block; width:100%; padding:0 15px; font-size:12px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.evList1 li > a .thumCt .day em {padding-right:7px; margin-right:7px; /*background: url('/LCMS/Image/bg/bg_barGray.png') no-repeat right center; background-size:1px 8px;*/}
.evList1 li .maskCnt {overflow:hidden; position:absolute; left:0; bottom:68px; line-height:40px; display:block; width:100%; height:40px; background: url('/LCMS/Image/bg/bg_eventMask.png') repeat left top; color:#fff;}
.evList1 li .maskCnt strong {float:left; font-size:14px; padding-left:6px;}
.evList1 li .maskCnt .timeTxt1 {float:right; font-size:12px; padding:0 6px 0 15px; background: url('/LCMS/Image/icon/icon_time3.png') no-repeat left center; background-size:10.5px 10.5px;}
.evList1 li .maskCnt .btn_evEnd {display:inline-block; float:right; margin:10px 10px 0 0; padding:0 7px; font-size:12px; text-align:center; min-width:63px; height:22px; line-height:20px; border:1px solid #fff; color:#fff;}
.evList1 li > em {position:absolute; left:10px; top:-1px; display:inline-block; min-width:75px; padding:0 11px; height:35px; line-height:35px; font-size:15px; color:#fff; font-weight:bold; text-align:center; box-sizing:border-box;}
.evList1 .eventImgBx .eventImgBx_txt  {font-size:18px;}

/*#mainLSEvent - Ãß°¡*/
#mainLSEvent {position:relative; /*height:260px;min-height:295px;*/}
#mainLSEvent > div a {position:relative; display:block; /*width:281px;*/ box-sizing:border-box;border:1px solid #c8c8c8;}
#mainLSEvent > div a span {/*position:absolute; left:0; bottom:0;*/ display:block; /*width:281px; padding:7px 10px 8px;*/ box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:15px; /*background:url('/LCMS/Image/main/bg_mask07.png') repeat;*/}
#mainLSEvent > div a .day { background:none;}
/*.evList1 li a img {width:279px; height:169px; border:1px solid #dedede;}*/
#mainLSEvent > div a img {width:100%; /*border:1px solid #dedede;*/}
#mainLSEvent > div a > em {position:absolute; left:10px; top:0; display:inline-block; min-width:75px; padding:0 10px; height:35px; line-height:35px; text-align:center; box-sizing:border-box; color:#fff; font-size:15px;}
#mainLSEvent > div a .thum {width:100%;}
#mainLSEvent > div a .thumCt {position:relative; display:block; height:68px; /*padding:15px 54px 15px 15px;*/padding:15px 0; border-top:1px solid #c8c8c8; box-sizing:border-box; background:#fff;}
#mainLSEvent > div a .thumCt .thumCt_tit {display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; /*width:100%;*/ padding:0 15px 5px 15px; font-size:15px; color:#000;}
#mainLSEvent > div a .thumCt .icn_deadline {position:absolute; right:15px; top:15px; display:inline-block; width:34px; height:30px; padding-top:3px; line-height:14px; background:#ba1d3a; color:#fff; font-size:12px; text-align:center;}
#mainLSEvent > div a .thumCt .day {display:block; width:100%; padding:0 15px; font-size:12px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
#mainLSEvent > div a .thumCt .day em {padding-right:7px; margin-right:7px; /*background: url('/LCMS/Image/bg/bg_barGray.png') no-repeat right center; background-size:1px 8px;*/}

.label_pr {background:#b6398c;}
.label_sg {background:#008486;}

.evList2 {position:relative; overflow:hidden; /* height:160px; */}
.evList2 > li {position:absolute; left:0; top:0; width:280px; /* height:160px;  */padding-right:15px; background:#fff;}
.evList2 > li:first-child {margin-right:0;}
.evList2 li .evItem {overflow:hidden; display:block; width:275px; margin-top:4px; padding-left:3px; border:1px solid #dedede;/*  border-bottom:1px solid #d9d9d9; */}
.evList2 li .evItem:first-child {margin-top:0;}


.evList2 li .evItem.bg_mint {background:url('/LCMS/Image/bg/bg_ev_mint.png') repeat-y 0 0;}
.evList2 li .evItem.bg_blue {background:url('/LCMS/Image/bg/bg_ev_navy.png') repeat-y 0 0;}
.evList2 li .evItem.bg_red {background:url('/LCMS/Image/bg/bg_ev_red.png') repeat-y 0 0;}
.evList2 li .evItem.bg_green {background:url('/LCMS/Image/bg/bg_ev_green.png') repeat-y 0 0;}
.evList2 li .evItem.bg_violet {background:url('/LCMS/Image/bg/bg_ev_violet.png') repeat-y 0 0;}
.evList2 li .evItem.bg_gray {background:url('/LCMS/Image/bg/bg_ev_gray.png') repeat-y 0 0;}
.evList2 li .evItem.bg_blue2 {background:url('/LCMS/Image/bg/bg_ev_blue.png') repeat-y 0 0;}
.evList2 li .evItem.bg_yellow {background:url('/LCMS/Image/bg/bg_ev_yellow.png') repeat-y 0 0;}
.evList2 li .evItem.bg_whole {background:url('/LCMS/Image/bg/bg_ev_whole.png') repeat-y 0 0;}

.evList2 li .evItem em {display:block; float:left; min-width:50px; padding:0 10px 0 15px; background:url('/LCMS/Image/main/bg_mline.png') no-repeat 100% 50%; background-size:1px 12px; height:34px; line-height:34px; text-align:center; font-size:14px; box-sizing:border-box; }
.evList2 li .evItem .tit {display:block; float:left; width:153px; height:34px; line-height:34px; padding:0 0 0 10px; /* border-bottom:1px solid #e6e6e6;  *//* background:url('/LCMS/Image/main/icon_plus.png') no-repeat right center;  *//* background-size:9px;  */box-sizing:border-box; font-size:15px; color:#000}
.evList2 li .evItem .tit span {display:block; /* padding-right:10px;  */overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.evList2 li .evItem .color_pp {color:#7528a3;}
.evList2 li .evItem .color_lgreen {color:#a8be12;}
.evList2 li .evItem .color_mint {color:#7528a3;}
.evList2 li .evItem .color_zblue {color:#00527d;}
.evList2 li .evItem .color_red {color:#e6545c;}
.evList2 li .evItem .color_yellow {color:#e5a812;}
.evList2 li .evItem .color_gray {color:#484c52;}
.evList2 li .evItem .color_blue2 {color:#1a3d84;}
.evList2 li .evItem .color_whole {color:#da291c;}

.evList2 li .evItem a {overflow:hidden; display:block; padding-right:10px; background:url('/LCMS/Image/main/main_btn_on.png') no-repeat 100% 50%; background-size:8px 14px; box-sizing:border-box; background-origin:content-box;}

/* ¸ÞÀα¤°í¿µ¿ª */
.adImgMain {display:block;}
.adImgMain img {width:100%; height:446px;}

/* ¸ÞÀÎ Æ˾÷ */
.layerMain {position:relative; z-index:8900; padding:75px 35px;}
.layerMain .layerMainBody img {width:100%}
.layerMain .layerMainBt {overflow:hidden; padding:7px 10px; color:#fff; background:#231f20; background:rgba(35, 31, 32, 0.9)}
.layerMain .layerMainBt .ck {float:left;}
.layerMain .layerMainBt .ck label {padding-left:5px; font-size:16px;}
.layerMain .layerMainBt .ck input {padding:0; margin:0; width:32px; height:32px;}
.layerMain .layerMainBt .ck * {vertical-align:middle;}
.layerMain .layerMainBt .btn_layerClose {float:right; font-size:16px; line-height:32px; color:#fff}

/* ¸ÞÀΰøÁö»çÇ× */
.mainNotice {padding:15px 10px 15px 85px; margin-bottom:10px; position:relative; background:#fff; margin-top:10px; height:18px; box-shadow:0 2px 1px #dfe0e1; font-size:14px;}
.mainNotice .tit {position:absolute; left:10px; top:16px; display:block; width:69px; height:18px; line-height:18px; font-weight:normal; color:#000; font-size:15px; background:url('/LCMS/Image/main/bg_main_notice.png') no-repeat right center; background-size:1px 12px;}
.mainNotice ul {position:relative; display:block; overflow:hidden; height:18px;}
.mainNotice ul li {position:absolute; left:0; top:0; width:100%;}
.mainNotice ul li a {display:block; height:18px; line-height:18px; color:#666; width:98%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }

/* onlindAd 20180910 */
.main_onlineAd {margin-bottom:10px;box-shadow:0 2px 1px #dfe0e1;}
.main_onlineAd img {width: 100%}

/* Äü ¸Þ´º */
.quick {position:fixed; left:0; top:48px; z-index:100; width:100%;}
.quick .quick_menu {overflow:hidden; overflow-x:scroll; height:36px; border-top:1px solid #cdc197; border-bottom:1px solid #cdc197; background:#dbd2b5; box-sizing:border-box;}
.quick .quick_menu::-webkit-scrollbar {
    width:0; 
    height:0
}
.quick .quick_menu > ul {overflow:hidden; height:36px; white-space:nowrap; text-align:center;}
.quick .quick_menu > ul > li {display:inline-block; margin:0 -2px; font-size:14px; text-align:center;}
.quick .quick_menu > ul > li > a {display:inline-block; width:64px; height:36px; line-height:36px; color:#6f6247; font-weight: bold; box-sizing:border-box;}
.quick .quick_menu ::-webkit-scrollbar-track { background:none}
.evt_gnb_xmas .quick .quick_menu {background-color: #dbd2b5;}
.evt_gnb_xmas .quick .quick_menu > ul > li > a {color:#6f6247;}

/* 0312 ÀÌÀü²¨
.m_ShowWrap {padding:0 10px 10px; margin-bottom:10px; background:#fff; box-shadow: 0 2px 1px #dfe0e1;}
.m_Show {overflow-x:scroll; height:31px;}
.m_Show::-webkit-scrollbar {
    width:0; 
    height:0
}
.m_Show ul {overflow:hidden; height:31px;}
.m_Show ul li {float:left; width:69px; padding-right:5px;}
.m_Show ul li a {display:block}
.m_Show ul li img {width:68px; height:29px; border:1px solid #dedede;}
 */
/* 0321 ½Å±Ô */
.m_ShowWrap {padding:0 10px 10px; margin-bottom:10px; background:#fff; box-shadow: 0 2px 1px #dfe0e1;}
.m_Show {overflow-x:scroll; height:31px;}
.m_Show::-webkit-scrollbar {
    width:0; 
    height:0
}
.m_Show ul {overflow:hidden; height:31px;}
.m_Show ul li {float:left; padding:0 5px; text-align:center;} /*0404 ¼öÁ¤Àü padding:0 10px*/
.m_Show ul li:first-child {padding-right:10px;} /*0404 Ãß°¡CSS*/
.m_Show ul li a {display:block}
.m_Show ul li img {height:31px;} /*0404 ¼öÁ¤Àüheight:26px*/
/* 0321 ½Å±Ô³¡ */

.event_box {padding:20px 10px 15px; margin-bottom:10px; background:#fff; box-sizing:border-box; box-shadow: 0 2px 1px #dfe0e1;}
.event_box ul {display: -moz-box; display:-webkit-box; display:box; width:100%;}
/* .event_box li {box-flex:1; -moz-box-flex:1; -webkit-box-flex:1; width:50%;} */
.event_box li {position:relative; box-flex:1; -moz-box-flex:1; -webkit-box-flex:1; width:50%;}
.event_box li:first-child {margin-right:10px;}
.event_box li h2 {margin-bottom:10px; font-size:15px; color:#000;}
.event_box li a {border:1px solid #c8c8c8; position:relative; display:block; box-sizing:border-box;}
.event_box li a img {width:100%;}
.event_box li a span {position:absolute; left:0; bottom:0; display:block; width:100%; padding:4px 10px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#fff; font-size:11px; background-color: rgba(24,42,136,0.6);}
.event_box .btn_more {display:block; position:absolute; top:0; right:1px; width:40px; height:20px; border:none; background:url(/LCMS/Image/main/bg_big_arrow.png) no-repeat 100% 4px; background-size:11px 11px; overflow:hidden; text-indent:-9999px;}

.icn_lotteApps { position:absolute; /* left:22px; top:-47px; */ left:22px; top:416px; z-index:90;}
.icn_lotteApps img {width:40px; height:41px; position:relative;}
.icn_lotteApps span {display:block; overflow:hidden; width:40px; height:41px; text-indent:-7000000em; font-size:0; line-height:0; background:url('/LCMS/Image/main/apps_icon.png') no-repeat center center; background-size:100%;}

/*#layerMainDeemContainer {display:none!important;}*/
.swiper-container {
    width: 100%;
    height: 100%;
}
.main_slide {
	/*width:max-content;position: relative;display:flex;*/
	width:3000px;position: relative;
}
/*.main_slide li {
	width:264px;
}*/
.swiper-slide {
	position:relative;
    /*text-align: center; */
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bannerSlide > ul > li {position:relative;}
.bannerSlide > ul {overflow:initial;}

/*.main_bottom {width:264px}*/
#mainLSEvent .swiper-slide {width:93%;} /* 20160422 95->93 ¼öÁ¤*/

/* ¸ÞÀÎ renewal 2018 */
.main.renewal2018 .quick .quick_menu {border-top: 1px solid #706247; border-bottom: 1px solid #c0c0c0;background: #fff}
.main.renewal2018 .quick .quick_menu > ul > li > a {color: #6d6147}
.main.renewal2018 .main_slide li {/*margin-right: 0px !important;*/ margin-left: 10px; width: 158px}
.main.renewal2018 .main_slide li img {width: 158px;height: 230px; background-repeat: no-repeat;}
.main.renewal2018 .main_slide li a img {width: 158px;height: auto;background-repeat: no-repeat;}
.main.renewal2018 .main_slide li .img img{width: 158px;height: 230px;}
.main.renewal2018 .main_slide li .main_top {width: 158px; height: 230px; border: 0px solid #c1c0bc;}
.main.renewal2018 .main_slide li .main_top .num {position:absolute; left:0; bottom:0; display:block; width:100%; padding:20px 0 0 10px; text-align:center; color:#fff; font-size:36px; background:url('/LCMS/Image/main/bg_mask1.png') repeat-x left bottom; background-size:264px 74px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; text-align:left;}
.main.renewal2018 .main_slide li .main_top .mask {position:absolute; left:0; top:0; display:none; width: 158px; height: 230px; background:url('/LCMS/Image/main/bg_sliderMask.png') repeat left top; z-index:1}
.main.renewal2018 .main_slide li.on .main_top .mask {display:none;}
.main.renewal2018 .main_slide li .main_top .btn_bbox {overflow:hidden; position:absolute; right:0; bottom:5px; width: 130px;}
.main.renewal2018 .main_slide li .main_top .btn_bbox a {display:block; float:right; margin-right:3px;}
.main.renewal2018 .main_slide li .main_top .btn_bbox img {width:37px; height:15px;}
.main.renewal2018 .main_slide li:last-child { margin-right:10px !important; }
.main.renewal2018 .main_wrap {width:100%; overflow:hidden; position:relative; background: #f3f3f5; margin-top:39px;}
.main.main.renewal2018 .main_visual {margin: 0 0 1px 0; padding: 8px 0 0 0; height: 336px; min-height: 336px;}
.main.renewal2018 .mainImgBn {padding: 0px 0 0 0; margin-bottom:10px; background: #f3f3f5; box-shadow: 0 2px 1px #dfe0e1;}
.main.renewal2018 .main_wrap {padding: 0;}
.main.renewal2018 .main_txt {float:none; width: 158px; padding-bottom: 6px;}
.main.renewal2018 .main_txt dt {text-align: center; padding: 8px 0 2px 0}
.main.renewal2018 .main_txt dt a {font-weight: bold;}
.main.renewal2018 .main_txt dd {padding: 0; text-align: center;}
.main.renewal2018 .main_txt dd .t_rate strong {color: #666666}
.main.renewal2018 .main_txt dd .grade .rating {width:16px; height: 16px; margin-left: -3px;}
.main.renewal2018 .main_txt dd .grade.dday {padding-left: 0;}
.main.renewal2018 .main_txt dd .grade .rating:before {content: ''; display: block; position: absolute; top: 2px;left: 8px; width:14px;height:14px; background: url('/LCMS/Image/main/icon_rating.png') 0 0 no-repeat; background-size: 100%}
.main.renewal2018 .main_bottom {width:158px; height:auto; padding: 0; background: none; border: 0; border-top: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0;text-align: center;}
.main.renewal2018 .main_bottom .btn_reservation {display: inline-block; position:relative; width:76px; padding: 5px 0 4px 0; font-size: 14px; border: 1px solid #797d81; color: #000; line-height: 18px; border-radius: 5px;}
.main.renewal2018 .ad-banner {margin-bottom:10px; box-shadow: 0 2px 1px #dfe0e1;}
.main.renewal2018 .mainEventBx {padding: 20px 10px 15px 10px;}
.main.renewal2018 .evList1new li {position: relative; width: auto; }
.main.renewal2018 .evList1new li a {display: block; border: 0; margin-bottom: 5px}
.main.renewal2018 .evList1new li a img, .renewal2018 .evList3 li a img {width:100%;}
/*.main.renewal2018 .main_slide li.moreplus a {display: inline-block; position: absolute; top: 50%; width:50px; margin-left: 20px; padding:5px 15px; border: 1px solid #000; border-radius: 20px; border-color:#acacae;}*/

.main.renewal2018 .main_wrap .btn_prev_movie {position:absolute; left:0; z-index:10; margin-top:-70px;}
.main.renewal2018 .main_wrap .btn_next_movie {position:absolute; right:0; z-index:10; margin-top:-70px}
.main.renewal2018 .main_wrap .btn_prev_movie img, .main.renewal2018 .main_wrap .btn_next_movie img {width: 25px; height: 37px;}
.main.renewal2018 .main_wrap .btn_prev_movie, .main.renewal2018 .main_wrap .btn_next_movie {top: 55%;}
.main.renewal2018 .main_wrap .icn_lotteApps {left:10px; top: 360px}
.main.renewal2018 .evList2 li .evItem .tit {font-size: 14px}
.main.renewal2018 .main_txt dd .t_rate em {color: #666; padding-left: 0}
.main.renewal2018 .main_txt dd .grade em {padding-left: 3px;}
/* ¸ÞÀÎ GNB ¾Æ·¡ Å°¿öµå ÅÇ ¸Þ´º */
.wrap_tabkeyword { overflow-x: scroll; overflow-y: hidden; height: 30px; padding: 8px 10px 0 10px; display:block;}
.tab_keyword {width:max-content; display: flex; display:-webkit-flex;}
.tab_keyword li {display: inline-block; width: auto; margin-right: 7px; }
.tab_keyword a {display: inline-block; height:14px; padding: 5px 12px 3px 12px; color: #656565;border: 1px solid #000; border-radius: 20px; border-color:#acacae; line-height: 13px;}
.tab_keyword a.active {color:#e54f50; border-color:#e54f50;}
/* ¸ÞÀÎ ¹«´ëÀλç À̺¥Æ®*/
#divEvent9 {position: relative; padding-bottom:0; margin-bottom:10px; box-shadow: 0 2px 1px #dfe0e1;background: #f1f3f4;}
#divEvent9 img {width:100%;}
/* AS-IS ½Ã»çȸ ¹«´ëÀλç ÀÓ½Ã*/
#divEvent9 .swiper-container {background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(135,135,135,1) 50%, rgba(0,0,0,1) 100%);}


#mainStageEvent .swiper-slide {width:100%}
#mainStageEvent .swiper-pagination-event {position: absolute; transition: .3s opacity; transform: translate3d(0,0,0);}
#mainStageEvent .swiper-pagination-fraction {bottom: 4px; width:35%; color: #fff; font-size: 12px; letter-spacing: -1px; text-align: right; z-index: 12;}
#mainStageEvent .swiper-pagination-fraction .swiper-pagination-current {font-weight: bold;}
#mainStageEvent .stage_viewall {position: absolute; bottom: 0; right: 0; width: 90px; padding: 4px 10px 4px 10px; background: #000; text-align: right; opacity: .5; z-index: 11; line-height: 18px}
#mainStageEvent .stage_viewall a {color: #fff; font-size: 12px; position: relative; transition: .3s opacity; transform: translate3d(0,0,0);}
#mainStageEvent .stage_viewall a:after {content: ''; display: inline-block; width:10px; height:10px; background: url('/LCMS/Image/main/btn_more_wh.png') no-repeat right center; background-size: 5px 10px;}
#mainStageEvent .swiper-button-next,
#mainStageEvent .swiper-button-prev {position: absolute; top: 50%; width: 42px; height: 64px; margin-top: -16px; z-index: 10; cursor: pointer; -moz-background-size: 42px 64px; -webkit-background-size: 42px 64px; background-size: 60%; background-position: center; background-repeat: no-repeat;}
#mainStageEvent .swiper-button-next.swiper-button-disabled,
#mainStageEvent .swiper-button-prev.swiper-button-disabled {opacity: .35; cursor: auto; pointer-events: none}
#mainStageEvent .swiper-button-prev,
#mainStageEvent .swiper-container-rtl .swiper-button-next {background-image: url('/LCMS/Image/main/btn_stage_prev.png');left: 7px;right: auto; background-size: 30%}
#mainStageEvent .swiper-button-next,
#mainStageEvent .swiper-container-rtl .swiper-button-prev {background-image: url('/LCMS/Image/main/btn_stage_next.png');right: 7px;left: auto;background-size: 30%}

/* ¸ÞÀÎ renewal 2018 2Â÷ */
#mainMovieSlideView, .wrap_tabkeyword {overflow: hidden; overflow-x: scroll; width: 100%; -webkit-overflow-scrolling: touch;}
#mainMovieSlides, .tab_keyword { position: relative; -webkit-overflow-scrolling: touch;}
#mainMovieSlides li, .tab_keyword li {float: left;}
.quick .quick_menu > ul > li sup {color: #e64f50;line-height: 20px; vertical-align: top; font-weight: normal}
.wrap_tabkeyword {padding: 8px 0 0 0}
.tab_keyword {height:30px; padding-left:10px;}
.tab_keyword a {position: relative;}
.tab_keyword a em {position: absolute; top: 0; right: 6px; color: #e64f50;}
.scrollhide_tab {width: 100%; height: 8px; background-color: #f3f3f5; position: absolute; left:0; top: 32px; z-index: 2}
.scrollhide_slide {width: 100%; height: 8px; background-color: #f3f3f5; position: absolute; left:0; top: 374px; z-index: 2}
/*.main.renewal2018 .main_slide li.moreplus {position: absolute; top: 30%; right:0; width:50px !important}*/
.main.renewal2018 .main_slide li.moreplus {/* position: absolute; */padding-top: 90px;width:50px !important;}
.main.renewal2018 .main_slide li.moreplus img {width: 30px; height:auto;}
.main.renewal2018 .main_slide li.slideAds, .main.renewal2018 .main_slide li.slideAds img {width: 326px !important; margin-right:  10px;}
.slideAds .slideAdstxt {display: block; width:100%; padding-top: 11px; font-size: 16px; font-weight: bold; line-height: 22px; text-align: center; color: #000}


/* ¿µÈ­ - ·Ô½ÃOnly */
.gallery-top .swiper-slide {background-size: cover;background-position: center;width:26.4rem;}
.gallery-top {height: 46.3rem;width: 100%;}
.gallery-top .swiper-wrapper {position: absolute; top: 0;}
.swiper-container.gallery-thumbs{position: absolute; top: 0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.gallery-thumbs {box-sizing: border-box;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;padding: 1.0rem 0;}
.gallery-thumbs .swiper-slide {width: 100%;height: 100%;opacity: 0.4;}
.gallery-thumbs .swiper-slide-active {opacity: 1;}
.gallery-top .main_top {position:relative; width:26.4rem; height:37.6rem; border: 0.1rem solid #c0c0c0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.gallery-top .img img {width: 100%; height: 37.4rem;}
.wrap-gallery {height: 46.3rem;}
/*.main_top .num {font-size: 2.4rem}*/
.main_top .btn_bbox {display: none;}
.gallery-thumbs .num {position: absolute; left:50%; font-size: 4.4rem}
.gallery-thumbs img {width:32.0rem;}
.gallery-thumbs .m_slidemov {width: 32.0rem; }
.gallery-top .gtwrap {position: absolute; top: 1.5rem; left: 0rem; border-bottom-left-radius: 1.0rem; border-bottom-right-radius: 1.0rem; border-top-right-radius: 1.0rem; box-shadow: 0 0 2rem rgba(0,0,0,0.6); box-sizing: border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.gallery-top .gtwrap img {width: 26.0rem;}
.gallery-top .gtwrap .slide_top {position: relative; height: 24.4rem;}
.gallery-top .gtwrap .slide_top .status {position: absolute; top: 0; left:0; padding: 0.4rem 1.2rem 0.4rem 1.2rem; font-size: 1.0rem; background-color: #545454; color: #fff}
.gallery-top .gtwrap .slide_top img {border-top-right-radius: 1.0rem;}
.gallery-top .gtwrap .slide_down {padding: 1.5rem 1.7rem; background-color: #fff; border-bottom-left-radius: 1.0rem; border-bottom-right-radius: 1.0rem; }
.gallery-top .gtwrap .slide_down img, .gallery-top .gtwrap .slide_down {width: 22.6rem}
.gallery-top .gtwrap .slide_down a {overflow: hidden; display: inline-block; position: relative; height: 10.0rem;}
.gallery-top .gtwrap .slide_down .icon_play {position:absolute; left:50%; top:50%; overflow:hidden; display:block; width:15px; height:17px; margin:-9px 0 0 -7px; font-size:0; line-height:0; text-indent:-7000000em; background: url('/LCMS/Image/btn/btn_playM.png') no-repeat center center; background-size:15px 17px;}
.gallery-top .gtwrap .slide_down .f_left {float: left; padding-bottom: 1.2rem}
.gallery-top .gtwrap .slide_down .f_right {float: right;}
.gallery-top .gtwrap .slide_down .titdesc, .gallery-top .gtwrap .slide_down .tit {overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width:16.5rem; letter-spacing: -0.1rem;}
.gallery-top .gtwrap .slide_down .titdesc {font-size: 1.2rem; color: #666666; line-height: 1.8rem;}
.gallery-top .gtwrap .slide_down .tit {font-size: 1.6rem; color: #000000; font-weight: bold;line-height: 2.0rem;}
.gallery-top .gtwrap .slide_down .btn_reservation {padding: 1.0rem 1.5rem; border-radius: 0.5rem; border: 0.1rem solid #666666; background-color: #fff; font-size: 1.2rem}
.gallery-top .gtwrap .slide_down .f_right::after {content: ''; position: absolute; display: block; clear: both;}
.movieCont.renewal2018 .mainImgBn .bannerSlide img, .movieCont.renewal2018 .mainScrBx3 img {width:100%}
.msolo_wrap {position: relative; margin-top: -1.0rem;}
.movieCont.renewal2018 .content {padding-bottom: 1.0rem !important;}
.movieCont.renewal2018 .content .mainEventBx {padding: 1.5rem 0 1.5rem 1.0rem !important; background-color: #fff; box-shadow: 0 .2rem .1rem #dfe0e1;}
.renewal2018 .msolo_wrap {box-shadow: 0 .2rem .1rem #dfe0e1;}

/* iphone ´ëÀÀ (X Á¦¿Ü) */
@media only screen and (max-width : 320px) {
	.main.renewal2018 .main_slide li a img { width:140px; }
} 

/* ¾¾Ãò ȸ¿øÅëÇÕ °ü·Ã °³ÀÎÁ¤º¸ µ¿ÀÇ ¸ÞÀÎ Æ˾÷ */
.layerMain_vod.vod-dimmed {position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);}
.layerMain_vod {position:relative; z-index:8900; padding:100px 20px 40px 20px;}
.layerMain_vod .layerMain_txtHead {position: relative; padding:10px 20px; border-bottom:1px solid #dedede; text-align:left;background-color: #fff}
.layerMain_vod .layerMain_txtHead .pop_tit {display: block; font-size: 18px; color: #231f20}
.layerMain_vod .layerMain_txtHead .btn_layerClose {position:absolute;top:10px;right:0;z-index:3;width:40px;height:40px;}
.layerMain_vod .layerMain_txtHead img {width: 60%;}
.layerMain_vod .layerMain_txtBody {padding: 20px 20px; font-size:14px; color:#666; line-height:22px;background-color: #fff;letter-spacing: -1px;}
.layerMain_vod .layerMain_txtBody .info_scroll {overflow-x: hidden; overflow-y: auto; height: 280px;-webkit-overflow-scrolling: touch}
.layerMain_vod .layerMain_txtBody input {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; z-index:-1;}
.layerMain_vod .layerMain_txtBody label {display:block;position:relative;height:42px;padding-left:32px;background:url('/LCMS/Image/Icon/icon_check_normal.png') no-repeat 0 50%;background-size:22px;color:#656565;font-size:13px;line-height:43px;}
.layerMain_vod .layerMain_txtBody input:checked + label {background-image:url('/LCMS/Image/Icon/icon_checked.png');}
.layerMain_vod .layerMain_txtBody .userinfoagree {padding:10px; background-color:#f2f3f5; border: 1px solid #c0c0c0;font-size: 12px;}
.layerMain_vod .layerMain_txtBody .userinfoagree .list {padding: 10px 0 10px 0;}
.layerMain_vod .layerMain_txtBody .userinfoagree .list dd {position: relative;padding-left: 10px;}
.layerMain_vod .layerMain_txtBody .userinfoagree .list dd::before {content: '-'; display: block; position: absolute; left: 0;}
.layerMain_vod .layerMain_txtBody .btnc_apply {margin: 20px 40px 0 40px}
.layerMain_vod .pop_btn_close {position:absolute; top:25px; right:21px}
.layerMain_vod .layerMainBt {overflow:hidden;padding: 10px 20px;background: #241e1e;color: #fff;font-size: 12px;}
.layerMain_vod .layerMainBt .ck {float:left; padding-right: 20px;letter-spacing: -1px;}
.layerMain_vod .layerMainBt .ck.second {padding-right: 0;}
.layerMain_vod .layerMainBt .ck label {padding-left:5px;}
.layerMain_vod .layerMainBt .ck input {padding:0; margin:0; width:20px; height:20px;}
@media screen and (max-width:320px) {
    .layerMain_vod {padding:40px 20px 20px 20px;}
    .layerMain_vod .layerMain_txtBody {padding: 10px 20px; line-height:20px;}
    .layerMain_vod .layerMain_txtBody .btnc_apply {margin: 10px 40px 0 40px}
    .layerMain_vod .layerMain_txtBody .userinfoagree {line-height: 16px}
}


/* ù ·Î±×ÀÎ °¨»çÇØ¿ä Æ˾÷ */
.layerfirstLogin {position: relative; padding: 55px 35px; z-index: 8900}
.layerfirstLogin.layerpop-dimmed {position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.7);}
.layerpop-pop {position:relative}
.layerpop-pop img {width: 100%}
.layerpop-pop .btn_layerClose {position:absolute;top:10px;right:0;width:40px;height:40px;z-index:3;}
.layerpop-pop .btn_layerClose img {width: 80%}


/* 꺿Ç÷ÎÆà ¾ÆÀÌÄÜ */
.quick_btn {
    position: fixed;
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 995;
}

    .quick_btn a.btn_back, .quick_btn a.btn_top {
        display: none;
        position: absolute;
        overflow: hidden;
        bottom: 7px;
        width: 48px;
        height: 48px;
        text-indent: 100%;
        white-space: nowrap;
        color: transparent;
        z-index: 0;
        background: url(/LCMS/Image/main/floating_spr_v1.png) -1000px -1000px no-repeat;
        background-size: 200px 150px;
    }

    .quick_btn a.btn_back {
        left: 55px;
        background-position: 0 0;
    }

    .quick_btn a.btn_top {
        right: 16px;
        background-position: -71px 0;
    }

    .quick_btn .btn_lpotApp {
        overflow: hidden;
        position: absolute;
        left: 5px;
        bottom: 0;
        width: 48px;
        height: 59px;
        background: url('/LCMS/Image/main/lpointapps_icon.png') 0 0 no-repeat;
        z-index: 0;
        background-size: 100%;
        text-indent: 100%;
        color: transparent;
        white-space: nowrap;
    }

.quick_voice_box {
    position: absolute;
    transition: bottom .3s;
    /* 꺿 À§Ä¡ ¼öÁ¤°ª */
    bottom: 60px;
    /* 꺿 À§Ä¡ ¼öÁ¤°ª */
    right: 13px;
    width: 53px;
    height: 56px;
}

    .quick_voice_box a.btn {
        display: block;
        position: absolute;
        width: 48px;
        height: 48px;
        text-indent: 100%;
        color: transparent;
        white-space: nowrap;
        z-index: 9;
        border: 1px solid #e4e4e4;
        background: url(/LCMS/Image/main/floating.gif) 49% 51% no-repeat #fff;
        background-size: 28px auto;
        border-radius: 100%;
        box-sizing: border-box;
        box-shadow: 3px 3px 6px 0 rgba(0,0,0,.3);
    }

.quick_btn .quick_voice_box .quick_box {
    display: none;
    opacity: 0;
    transform: translate(0,100%);
}

.quick_btn.top_on .quick_voice_box {
    /* 꺿 À§Ä¡ ¼öÁ¤°ª */
    bottom: 60px;
    /* 꺿 À§Ä¡ ¼öÁ¤°ª */
}
/* 꺿Ç÷ÎÆà Æ˾÷ Dimmed */
.quick_btn.open .quick_voice_box a.btn {
    right: 3px;
    width: 48px;
    height: 48px;
    background: url(/LCMS/Image/main/floating_spr_v1.png) -143px -72px no-repeat;
    background-size: 200px 150px;
    border: none;
}

.quick_btn.open .quick_voice_box .quick_box.shopping {
    -webkit-animation: quickBoxShow .6s;
    -moz-animation: quickBoxShow .6s;
    -o-animation: quickBoxShow .6s;
    -ms-animation: quickBoxShow .6s;
    animation: quickBoxShow .6s;
    transform: translate(0,0);
}

@-webkit-keyframes quickBoxShow {
    0%, 10% {
        -webkit-transform: translate(0, 100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

@-webkit-keyframes quickBoxChatShow {
    0% {
        -webkit-transform: translate(0, 100%);
        opacity: 0
    }

    100% {
        -webkit-transform: translate(0, 0);
        opacity: 1
    }
}

.quick_btn.open .quick_voice_box .quick_box {
    display: table;
    opacity: 1;
    position: absolute;
    top: -180px;
    right: 0;
    width: 271px;
    height: 70px;
    background: #fff;
    border-radius: 60px;
    border: 2px solid #EA84A5;
    box-sizing: border-box;
    z-index: 9;
}

    .quick_btn.open .quick_voice_box .quick_box dl {
        display: table-cell;
        position: relative;
        padding: 0 0 0 74px;
        vertical-align: middle;
    }

        .quick_btn.open .quick_voice_box .quick_box dl:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 20px;
            width: 39px;
            height: 39px;
            margin-top: -19px;
            background: url(/LCMS/Image/main/ico_quick_voice1.png) no-repeat;
            background-size: 39px auto;
        }

        .quick_btn.open .quick_voice_box .quick_box dl dt {
            font-size: 16px;
            letter-spacing: -1px;
            font-weight: 700;
            color: #D4247D;
            line-height: 19px;
        }

        .quick_btn.open .quick_voice_box .quick_box dl dd {
            font-size: 12px;
            color: #E25895;
            line-height: 18px;
            letter-spacing: -1px;
            margin-top: 2px;
        }

    .quick_btn.open .quick_voice_box .quick_box.chat {
        -webkit-animation: quickBoxChatShow .3s;
        -moz-animation: quickBoxChatShow .3s;
        -o-animation: quickBoxChatShow .3s;
        -ms-animation: quickBoxChatShow .3s;
        animation: quickBoxChatShow .3s;
        transform: translate(0,0);
    }

    .quick_btn.open .quick_voice_box .quick_box.chat {
        top: -90px;
        border-color: #7A9AF3;
    }

        .quick_btn.open .quick_voice_box .quick_box.chat dl:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 20px;
            width: 46px;
            height: 30px;
            margin-top: -15px;
            background: url(/LCMS/Image/main/ico_quick_voice2.png) no-repeat;
            background-size: 46px auto;
        }

        .quick_btn.open .quick_voice_box .quick_box.chat dl dt {
            color: #3352CE;
        }

        .quick_btn.open .quick_voice_box .quick_box.chat dl dd {
            color: #6E80D8;
        }

.quick_btn.open .qbt_dim {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.quick_btn.open .qbt_dim {
    background-color: rgba(0,0,0,.8);
}

.btn_hide {
    display: none
}
/* 꺿Ç÷ÎÆà ¿ÞÂÊ ³»¿ë */
.quick_voice_box .chat_comment {
    position: absolute;
    top: 1px;
    right: 25px;
    overflow: hidden;
    width: 0;
    height: 47px;
}

    .quick_voice_box .chat_comment.on {
        width: 233px;
    }

    .quick_voice_box .chat_comment p span {
        display: block;
        overflow: hidden;
        height: 1.2em;
        font-size: 13px;
        line-height: 1.2em;
        word-wrap: break-all;
    }

    .quick_voice_box .chat_comment p {
        position: absolute;
        right: 0;
        width: auto;
        height: 40px;
        transform: translate(100%, 0);
        padding: 8px 35px 0 16px;
        border-radius: 47px 0 0 47px;
        background: rgba(0,0,0,0.8);
        letter-spacing: -0.025em;
        color: #fff;
    }

    .quick_voice_box .chat_comment.on p {
        animation: 7.2s cInfoChat;
    }

@keyframes cInfoChat {
    14% {
        transform: translate(0,0);
    }

    72% {
        transform: translate(0,0);
    }
}