@charset "utf-8";
@import url(basic.css);

/*modal*/
.modal.modal-show{visibility:visible;display:block}
.modal{display:none;position:fixed;top:0;width:100%;height:auto;margin:0 auto;z-index:10001;text-align:center}
.modal-dialog{width:600px;margin:60px auto 100px auto !important}
.modal-content{background:#fff;box-shadow:none !important;border-radius:inherit !important;border:0 !important}
.modal-header{padding:22px 0 18px 0 !important;font-size:19px;color:#4835c0;border-bottom: 1px solid #ddd !important}
.modal-close{display:none;position:absolute;top:5px;right:0;padding:24px 24px;width:20px;height:20px;z-index:0;cursor:pointer;background:url(/images/common/btn_pop_close.png)no-repeat center;text-indent:-3000px}
.modal-body{padding:50px 35px !important;max-height:600px}
.modal-overflow{overflow-y:auto}
.modal-footer{text-align:center !important;padding:inherit !important;border-top:none !important}
.modal-footer button{display:block;width:100%;padding:19px 0;background:#4835c0;color:#fff;outline:0;font-size:14px}
.modal-lg{max-width:960px}
.modal-sm{max-width:460px}
.ico_img_on{display:block;width:117px;height:75px;margin:0 auto 20px;background:url(../images/ico_img_on.png)no-repeat right}
.ico_img_off{display:block;width:117px;height:75px;margin:0 auto 20px;background:url(../images/ico_img_off.png)no-repeat right}

/*banner view modal*/
.modal-view-bn{}
.modal-view-bn.bn-m .modal-dialog{width:414px}
.modal-view-bn.bn-w .modal-dialog{width:1214px}
.modal-view-bn.bn-w-pop .modal-dialog{width:464px}
.modal-view-bn .modal-header{padding:20px 0 16px 0;color:#666}
.modal-view-bn .modal-header em{display:inline-block;margin-right:6px;padding:1px 12px 0 12px;font-size:11px;color:#2388ec;border:1px solid;border-color:rgba(35,136,236,0.6);border-radius:13px;vertical-align:text-bottom}
.modal-view-bn .modal-body{position:relative;padding:7px !important;max-height:494px;background:#fff}
.modal-view-bn .modal-body img{width:auto}
.modal-view-bn .modal-footer{display:table;text-align:center;width:100%}
.modal-view-bn .modal-footer > div{display:table-cell;width:50%;table-layout:fixed}
.modal-view-bn .modal-footer > div *{width:100%;border-top:1px solid #4835c0}
.modal-view-bn .modal-footer button.close{background:#fff;border-top:1px solid #ebebeb;color:#4835c0;font-weight:bold}
.modal-tab ul{display:table;width:100%}
.modal-tab li{display:table-cell;width:50%;border:1px solid #eaeaea;background:#fbfbfb}
.modal-tab a{display:block;padding:12px 0 14px;color:#999;font-size:15px}
.modal-tab .on{background:#fff;border-color:transparent}
.modal-tab .on a{font-weight:bold;font-size:17px;color:#333}
.modal-keyword{padding:0 7px 7px 7px;background:#fff}
.modal-keyword a{display:inline-block;margin:2px 5px;padding:8px 14px 6px 14px;border-radius:30px;color:#6d90dc;background-color:#f4f4f4}

/*boostup package banner preview modal*/
.modal-prev-bn{}
.modal-prev-bn .modal-dialog{width:1110px !important}
.modal-prev-bn .modal-header{padding:20px 0 16px 0;color:#666}
.modal-prev-bn .modal-header em{display:inline-block;margin-right:6px;padding:1px 12px 0 12px;font-size:11px;color:#2388ec;border:1px solid;border-color:rgba(35,136,236,0.6);border-radius:13px;vertical-align:text-bottom}
.modal-prev-bn .modal-body{position:relative;max-height:inherit;padding:48px 98px 30px 76px !important;background:#fff}
.modal-prev-bn .modal-body img{width:auto !important}
.modal-prev-bn .modal-footer{display:table;text-align:center;width:100%}
.modal-prev-bn .modal-footer > div{display:table-cell;width:50%;table-layout:fixed}
.modal-prev-bn .modal-footer > div *{width:100%;border-top:1px solid #4835c0}
.modal-prev-bn .modal-footer button.close{background:#fff;border-top:1px solid #ebebeb;color:#4835c0;font-weight:bold}

/*boostup package selected banner view modal*/
.modal-selected-bn{}
.modal-selected-bn .modal-body{padding:35px !important}
.modal-selected-bn .modal-body p + p{margin-top:20px}
.modal-selected-bn .modal-body img{display:block;width:auto;max-width:inherit;margin:0 auto}
.bn-loc{display:inline-block;padding:3px 17px 2px 17px;font-size:12px;margin-bottom:7px;color:#2388ec;border:1px solid;border-color:rgba(35,136,236,0.6);border-radius:13px}



/*layout*/
header{
    position:fixed;top:0;width:100%;min-width:1200px;height:60px;z-index:9;
    background: #2388ec; /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(35,136,236,0.9) 8%, rgba(104,4,206,0.8) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(35,136,236,0.9) 8%,rgba(104,4,206,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(35,136,236,0.9) 8%,rgba(104,4,206,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(35,136,236,0.9)', endColorstr='rgba(104,4,206,0.8)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.logo{float:left;width:220px;height:60px;background:url(../images/logo_dc.png)no-repeat;background-position-x:18px;background-position-y:19px}
.logo a{display:block;width:220px;height:60px}
.tmenu{display:inline-block;margin-left:5px}
.tmenu li{display:inline-block}
.tmenu li a{display:block;padding:22px 0px 3px 17px;font-size:17px;color:#fff}
.srch-box{float:right;margin:12px 15px 0 0;width:232px;height:36px;border-radius:35px;background:#fff}
.srch-box input{text-indent:7px;background:transparent;border:0;outline:0}
.srch-box button{float:right;background:transparent;color:#6804ce;padding:6px 11px;font-size:19px}
.sidebar{position:fixed;left:0;top:60px;width:220px;height:100vh;border-right:1px solid #e7e7e8;background:#fcfcfc;vertical-align:top;z-index:9;min-height:100%}
.category{background:#fff;border-bottom:1px solid #efefef}
.category > strong{display:block;width:100%;padding:15px 0 16px 20px;font-size:15px;color:#444}
.category ul{padding-left:30px;padding-bottom:5px}
.category li a{display:block;padding:1px 0 5px 0;font-size:13px;color:#666}
.sidebar .add_img{width:189px;height:254px;margin:15px;overflow:hidden;text-align:center}
.sidebar .swiper-pagination{bottom:0 !important}
.sidebar .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px}
.sidebar .all{padding:15px 0 10px 20px;font-size:15px;color:#444;font-weight:bold;background:#fff;border-bottom:1px solid #efefef}
.container{width:auto !important;padding-left:233px !important;padding-right:15px !important}
.container.wide{width:1170px !important;min-width:1200px !important;padding-left:inherit !important;padding-right:inherit !important}
.container.wide h2{margin:50px auto 25px auto;padding-bottom:20px}
.container.wide .tab-cate{margin-top:-26px}
.container.wide .inner{margin:60px auto 150px auto;;min-width:auto}
.container.wide .inner.lst-mark{width:830px}
.container.wide .inner.lst-roll{width:1005px}
.inner{margin:60px auto;min-width:1600px;width:100%}
h2{display:inline-block;width:100%;margin:50px auto 20px auto;padding-bottom:25px;line-height:35px;vertical-align:top;font-size:32px;letter-spacing:-2px;font-weight:normal;border-bottom:1px solid #ebebeb}
h3.sec-tit{margin:25px 5px 17px 5px;font-size:15px;clear:both;display:none}
#blog-landing,
#blog-landing-mark,
#blog-landing-roll{position:relative;max-width:100%;width:100%}



/*search box*/
.search-form{border:1px solid #ddd}
.option-wrap{clear:both;padding:15px}
.option-wrap + .option-wrap{border-top:1px solid #efefef}
.option-wrap .option-tit{float:left;padding-left:10px;font-weight:bold}
.option-wrap .option-lst{padding-left:150px}
.option-cate{}
.option-cate .option-tit{line-height:37px}
.option-cate li{display:inline-block}
.option-cate li + li{margin-left:10px}
.option-cate li a{display:block;padding:8px 18px 7px 18px;background-color:#fff;border:1px solid;border-color:#dfdfdf}
.option-cate .on a{border-color:rgba(35,136,236,0.8);color:rgba(35,136,236,1.0);font-weight:bold}
.option-cate .on a:after{position:relative;display:inline-block;content:'';width:10px;height:8px;left:5px;bottom:1px;background:url(../images/ico_check2_blue.png)no-repeat;background-size:100%}
.option-color{height:58px}
.option-color .option-tit{line-height:29px}
.option-color li{display:inline-block}
.option-color li + li{margin-left:7px}
.option-color a{display:block;width:27px;height:27px;border-radius:50%;cursor:pointer}
.option-color .on a:after{display:block;content:'';width:100%;height:100%;background:url(../images/ico_check2_wh.png)no-repeat center;background-size:12px 9px}
.option-color .on a.color10:after{background:url(../images/ico_check2_black.png)no-repeat center;background-size:12px 9px}
.option-selected{margin:0 0 20px 0;background-color:#fcfcfc;border:1px solid #ddd;border-top:none;padding:10px}
.option-selected .reset{float:left;padding:8px 15px 5px;color:#999;font-size:12px;letter-spacing:-1px;background:url(../images/ico_reset.png)no-repeat right}
.option-selected .keyword-wrap{padding-left:152px}
.option-selected .keyword{display:inline-block;padding:5px;cursor:pointer}
.option-selected .keyword + .keyword{margin-left:17px}
.option-selected .keyword button{width:12px;height:9px;background:transparent url(../images/ico_del.png)no-repeat right top}
.option-selected .keyword .color{display:inline-block;border-radius:50%;width:22px;height:22px;vertical-align:bottom;line-height:9999px;overflow:hidden}
.color-lst .color01{background:#ec1818}
.color-lst .color02{background:#f4aa24}
.color-lst .color03{background:#f1f223}
.color-lst .color04{background:#37b400}
.color-lst .color05{background:#3131fd}
.color-lst .color06{background:#1d2c85}
.color-lst .color07{background:#8316c0}
.color-lst .color08{background:#ffc4db}
.color-lst .color09{background:#1a1a1a}
.color-lst .color10{background:#fff;border:1px solid #ebebeb}
.color-lst .color11{background:#8b8b8b}
.color-lst .color12{background:#90572f}

/*tab*/
.tab01{}
.tab01 ul{display:table;width:100%;text-align:center}
.tab01 li{display:table-cell;width:25%;border:1px solid #eaeaea;border-bottom:1px solid #333;background:#fbfbfb}
.tab01 li a{display:block;padding:12px 0 14px}
.tab01 li.on{background:#fff;border:1px solid #333;border-bottom:none;font-weight:bold;font-size:15px}
.tab01 li + li{border-left:none}

/*list sort*/
.sort-area{padding:20px 0 15px 0;margin-bottom:10px;border-bottom:1px solid #efefef}
.sort-area a{padding:5px;color:#999}
.sort-area a.on{color:#333;font-weight:bold}
.sort-area a.on:before{position:relative;display:inline-block;content:'';width:9px;height:8px;margin-right:3px;background:url(../images/ico_check2_blue.png)no-repeat;background-size:100%}
.sort-area a + a{margin-left:4px}

/*search*/
.option-selected + .sort-area{margin-top:-20px}





.panel-lst{display:table;width:100%}
.panel-lst.lst-mark{}
.panel-lst.lst-mark .white-panel{width:calc((100% - 40px) / 4);max-height:60px}

/*banner list*/
.white-panel{position:relative;display:block;float:left;width:calc((100% - 50px) / 5);margin:0 10px 10px 0;text-align:center}
.white-panel *{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.white-panel .dvc{display:none;position:absolute;width:45px;top:0;left:0;letter-spacing:-0.3px;color:#fff;font-size:13px;padding:1px 0 0 0;background:rgba(35,136,236,0.8);z-index:8;cursor:inherit}
.white-panel .layer-top{display:table-cell;opacity:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}
.white-panel .view-ico{display:block;width:100%;height:100%;background:url(../images/ico_view_wh.png)no-repeat center top 48%;background-size:auto 21px}
.white-panel .imgwrap{position:relative;background-repeat:no-repeat !important;background-position:center !important}
.white-panel:hover .layer-top{opacity:1;cursor:pointer}
/*.white-panel:last-child{margin-bottom:70px}*/
.white-panel.panel_roll_m .imgwrap{height:0;padding-top:calc(300 / 400 * 100%);background-size:cover !important}
.white-panel.panel_event_m .imgwrap{height:0;padding-top:calc(300 / 400 * 100%);background-size:110% 100% !important}
.white-panel.panel_eventsub_m .imgwrap{height:0;padding-top:calc(300 / 400 * 100%);background-size:cover !important}
.white-panel.panel_mark_m .imgwrap{height:0;padding-top:calc(60 / 400 * 100%);background-size:cover !important}
.white-panel.panel_pop_m .imgwrap{height:0;padding-top:calc(450 / 450 * 100%);background-size:cover !important}

.txt-nodata{display:block;text-align:center;clear:both;padding:55px 0;color:#999}
#sch-lst02,#sch-lst03{height:70px}



/*boostup package banner category*/
.tab-cate{display:table;width:100%;border-width:1px 0;border-style:solid;border-color:#ebebeb;background:#fcfcfc;margin-bottom:20px;text-align:center}
.tab-cate a{display:table-cell;padding:13px 0}
.tab-cate a:first-child{padding-left:7px}
.tab-cate a:last-child{padding-right:7px}
.tab-cate a:hover{color:#6804ce}
.tab-cate .active{color:#6804ce;font-weight:bold}

/*boostup package banner list*/
.white-panel2{position:absolute;display:table;width:100%;text-align:center}
.white-panel2 *{-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.white-panel2 .dvc{position:absolute;width:45px;top:0;left:0;letter-spacing:-0.3px;color:#fff;font-size:13px;padding:1px 0 0 0;background:rgba(35,136,236,0.8);z-index:8;cursor:inherit}
.white-panel2 .layer-top{display:table-cell;opacity:0;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:2}
.white-panel2 .view-ico{display:block;width:100%;height:100%;background:url(../images/ico_view_wh.png)no-repeat center top 48%;background-size:auto 21px}
.white-panel2 .imgwrap{position:relative;background-repeat:no-repeat !important;background-position:center !important}
.white-panel2 .layer-active{display:table-cell;opacity:1;position:absolute;width:100%;height:100%;border:4px solid #6804ce;z-index:2}
.white-panel2 .layer-active .check{position:relative;top:-3px;left:-3px;display:block;width:32px;height:32px;background:#6804ce url(../images/ico_check.png)no-repeat center}
.white-panel2:hover .layer-top{opacity:1;cursor:pointer}
.white-panel2:last-child{margin-bottom:100px}
.white-panel2.panel_mark_m .imgwrap{height:60px;background-size:100% auto !important}
.white-panel2.panel_roll_m .imgwrap{height:0;padding-top:calc(300 / 400 * 100%);background-size:cover !important}

/*gototop + boostup bottomfix floating*/
.float_btnwrap{display:block;position:fixed;bottom:20px;left:50%;width:830px;height:60px;transform:translateX(-50.8%);z-index:3}
.float_btnwrap.btn2 > div{float:left}
.float_btnwrap.btn2 a{float:left}
.float_btnwrap.btn2 a:first-child{width:150px;background-color:#4835c0;border-radius:10px 0 0 10px}
.float_btnwrap.btn2 a:last-child{width:680px}
.float_btnwrap a{display:block;margin:0 auto;width:830px;text-align:center;padding:20px 0;border-radius:10px;font-size:21px;line-height:21px}
.float_btnwrap .updown{animation:scroll 0.6s alternate infinite linear}
.btn-navy,
.btn-navy a{border-radius:10px;background:#130952;color:#fff}
.btn-navy em{display:inline-block}
.btn-navy .arrow{width:9px;height:15px;background:url(../images/ico_arrow_skyblue.png)no-repeat;margin-left:9px}
.btn-navy .check{width:16px;height:15px;background:url(../images/ico_check_skyblue.png)no-repeat top;margin-right:7px}
@keyframes scroll {
    0%{ }
    100%{margin-top:10px;}
}

/*selected banner thumbnail preview*/
.float_preview{position:fixed;bottom:15px;right:15px;text-align:center;z-index:9;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s}
.float_preview ul{float:left;margin:0;background-color:#4835c0;padding:9px}
.float_preview li{position:relative;float:left;width:41px;height:41px;background-color:#fff;overflow:hidden}
.float_preview li.mark img{left:-116px}
.float_preview li a{display:block;height:41px}
.float_preview li img{position:absolute;width:auto;height:41px;left:-7px;max-width:inherit;min-width:41px}
.float_preview li + li{margin-left:1px}
.go-top{display:none;float:left;margin-left:1px;width:59px;height:59px;background-color:#4835c0;color:#fff;line-height:17px;letter-spacing:0.6px;padding-top:11px;cursor:pointer}
.go-top span{display:block;font-weight:bold}















@media (max-width: 768px){
    .wide-body .modal-dialog{margin:10px auto !important}
    .wide-body .modal-selected-bn .modal-body{padding:20px !important}
    .wide-body .modal-selected-bn .modal-body img{width:100%}
    .wide-body .modal-prev-bn .modal-body{padding:25px 25px 22px 10px !important}
    .wide-body .modal-prev-bn .modal-dialog{width:100% !important}
    .wide-body .modal-prev-bn .modal-body img{width:100% !important}
    .wide-body header{min-width:100%}
    .wide-body .container.wide{min-width:100% !important;width:100% !important}
    .wide-body .container.wide h2{margin:30px auto 15px auto;padding-bottom:15px;font-size:19px}
    .wide-body .container.wide .inner.lst-mark,
    .wide-body .container.wide .inner.lst-roll{width:93%}
    .wide-body .container.wide .tab-cate{margin-top:-16px;padding:5px 0}
    .wide-body .container.wide .tab-cate a{display:inline-block;padding:2px 7px 5px}
    .wide-body .btn-navy .arrow{width:8px;height:15px;background-size:100%;background-position:left top 2px}
    .wide-body .float_btnwrap{width:100%;height:50px;left:0;bottom:0;transform:none}
    .wide-body .float_btnwrap a{width:100%;height:50px;border-radius:0 !important;font-size:17px;padding:17px 0}
    .wide-body .float_btnwrap .updown{animation:none}
    .wide-body .float_btnwrap.btn2 > div{width:100%}
    .wide-body .float_btnwrap.btn2 a:first-child{width:17%}
    .wide-body .float_btnwrap.btn2 a:last-child{width:83%}
    .wide-body .float_preview{right:10px;bottom:60px}
}