.community_wrap,.customer_wrap{width:1250px;margin:0 auto;}
.customer_wrap .t2{padding-top:90px;margin-bottom:50px}
.wrt_tbl{width:100%;margin-top:10px;margin-bottom:50px;border-top:1px solid #d8d8d8;}
.wrt_tbl th{background:#02253b;font-weight:400;color:#fff;font-size:18px;border-bottom:1px solid #fff;padding:10px 20px;height:40px;}
.wrt_tbl td{font-weight:400;font-size:18px;border-bottom:1px solid #d8d8d8;padding:10px 20px;}
.wrt_tbl td .input_text{background:#fff;border:2px solid #cfcfcf;width:100%;text-indent:15px;font-size:17px;height:40px}
.wrt_tbl td textarea{background:#fff;height:400px;border:2px solid #cfcfcf;width:97%;padding:15px;font-size:17px;}
.wrt_tbl td textarea:focus,
.wrt_tbl td select:focus{outline:none !important}
.wrt_tbl td select{font-size:17px;width:100%;background:#fff;border:2px solid #cfcfcf;color:#222 !important;padding:0;margin:0;height:40px;line-height:40px;border-radius:0px;background: #fff url('/image/site/index/slt_arw.png') no-repeat;background-position: 94% 50%;-webkit-appearance: none;background-size: 10px;padding-left:10px;border-radius:0 !important}
.wrt_tbl td input[type=radio],.request_wrap input[type=checkbox]{display:none;}
.request_wrap label {cursor:pointer;margin-right:20px}
.request_wrap span  {vertical-align:-2px;display:inline-block;width:17px;height:19px;background:url('/image/site/sub/franchise/radio.png') center no-repeat;border:none;margin-right:5px;border-radius:2px;}
.request_wrap input[type="radio"]:checked + label span,
.request_wrap input[type="checkbox"]:checked + label span {width:17px;height:19px;background:url('/image/site/sub/franchise/radio_act.png') center no-repeat;}
.request_wrap #customer_smit{display:block;margin:0 auto;margin-top:50px;border:none;width:270px;height:50px;background:#02253b;line-height:50px;color:#fff;text-align:center;font-size:26px;}
.request_wrap #customer_smit:hover{opacity:0.9}

.tac_box{text-align:right;margin-top:-30px;font-size:17px}
.tac_box .privacy{display:inline-block;color:#fff;background:#02253b;padding:3px 10px}

.social-list-wrap{width:1250px;margin:0 auto;margin-top:90px}
.social-list li{width:300px;height:300px;float:left;margin-right:13px;margin-bottom:13px;position:relative;overflow:hidden}
.social-list li:nth-child(4n){margin-right:0}
.social-list li .img_cont{width:100%;max-height:100%}
.social-list li .sl-mark{position:absolute;top:13px;left:13px;z-index:100}
.social-list li .sl-title{position:absolute;left:0;bottom:0;width:340px;padding:20px 15px;background:#02253b;text-align:left;overflow:hidden}
.social-list li .sl-title .txt1{color:#fff;font-size:16px;float:left}
.social-list li .sl-title .txt2{display:inline-block;float:right;color:#fff;font-size:16px;color:#f49e17}
.social-list li .sl-title .txt2 img{vertical-align:-1px;margin-left:7px}
.social-list:after{content:"";display:block;clear:both}

.cate_lst{margin-top:90px;display:inline-block;border-left:1px solid #7f7f7f;border-top:1px solid #7f7f7f}
.cate_lst li{float:left;width:218px;height:40px;text-align:center;line-height:40px;border-right:1px solid #7f7f7f;border-bottom:1px solid #7f7f7f}
.cate_lst li a{display:block;font-size:17px;color:#000}
.cate_lst li.act a{background:#02253b;font-weight:bold;color:#fff}

.event_lst{margin-top:60px}
.event_lst li{float:left;width:620px;height:360px;margin-right:9px;margin-bottom:30px}
.event_lst li a{color:#000}
.event_lst li:hover a{color:#606060}
.event_lst li:nth-child(2n){margin-right:0}
.event_lst li .img{position:relative;width:100%;height:219px}
.event_lst li .img img{width:100%;height:100%}
.event_lst li .img .cover{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.7);text-align:center;font-size:30px;font-weight:bold;line-height:219px;color:#fff}
.event_lst li .p1{padding-left:10px;font-size:18px;font-weight:500;margin-top:10px}
.event_lst li .p2{padding-left:10px;font-size:20px;line-height:25px;margin-top:5px;overflow: hidden;width: 95%;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;font-weight:300}
.event_lst li .p3{padding-left:10px;font-size:18px;font-weight:bold;margin-top:5px}

.wrt_tbl{margin-top:50px}
.wrt_tbl th{border-right:1px solid #fff}
.wrt_tbl td{text-align:center;height:40px}
.wrt_tbl td a{color:#000;font-weight:500}

.ad-list{width:1250px;margin:0 auto;margin-top:60px}
.ad-list:after{content:"";display:block;clear:both}

.ad-list li{width:610px;position:relative;float:left;margin-right:20px;overflow:hidden;margin-bottom:50px;}
.ad-list li:nth-child(2n){margin-right:0}
.ad-list li iframe{width:100%;height:408px}
.ad-info{position:relative;padding:5px 10px;height:90px;font-size:18px;border-bottom:1px solid #d8d8d8;line-height:26px;font-weight:bold}
.ad-info span{display:block;font-weight:400}

.event-view-wrap{width:1250px;margin:0 auto;text-align:center;border-top:2px solid #000;margin-top:90px;padding-top:50px}
.event-view-wrap img{max-width:100%;}
.event-join-btn{display:block;margin:0 auto;margin-top:30px;width:385px;height:68px;background:#ff5e1e;line-height:68px;color:#fff;text-align:center;font-size:32px;font-weight:bold;letter-spacing:10px}
.view-top-navi{position:relative;border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;height:50px;line-height:50px;background:#e5e9eb;margin-top:50px;font-size:17px;padding:0 40px}
.view-top-navi .date{position:absolute;top:0;right:40px;font-size:16px;}

.view-content{padding:40px}
.view-content img{max-width: 100%}

.view-bot-navi{width:1250px;height:100px;text-align:center;position:relative;border-top:1px solid #b8ae98;padding-top:50px;}
.view-bot-navi a{display: inline-block;margin-left:-2px}
.view-bot-navi>a img{vertical-align:top}
.terms-txt{margin-top:90px;border:1px solid #ddd;font-size:17px;line-height:25px;padding:30px;white-space:pre-wrap;height:200px;overflow-y: scroll;}


@media all and (max-width:1200px) {
    .community_wrap,.customer_wrap{width:auto;padding:50px 15px}
    .sub_key{margin-left:-15px}
    .cate_lst{margin-top:50px;width:100%;border-top:none}
    .cate_lst li{width:24.5%;height:35px;line-height:35px;border-top:1px solid #7f7f7f}
    .cate_lst li a{display:block;font-size:13px}

    .customer_wrap .t2{padding-top:50px;margin-bottom:20px}
    .wrt_tbl{width:100%;margin-top:20px;margin-bottom:10px;border-top:1px solid #d8d8d8;}
    .wrt_tbl th{font-size:14px;border-bottom:1px solid #fff;padding:10px;height:auto;}
    .wrt_tbl td{font-size:14px;padding:10px;}
    .wrt_tbl td .input_text{text-indent:10px;font-size:14px}
    .wrt_tbl td textarea{height:200px;width:97%;padding:10px;font-size:14px;}
    .wrt_tbl td select{font-size:14px;width:87px !important}

    .request_wrap label {cursor:pointer;margin-right:10px;display:block}
    .request_wrap span  {vertical-align:-2px;display:inline-block;width:17px;height:19px;background:url('/image/site/sub/franchise/radio.png') center no-repeat;border:none;margin-right:5px;border-radius:2px;}
    .request_wrap input[type="radio"]:checked + label span,
    .request_wrap input[type="checkbox"]:checked + label span {width:17px;height:19px;background:url('/image/site/sub/franchise/radio_act.png') center no-repeat;}
    .request_wrap #customer_smit{width:250px;height:45px;line-height:45px;font-size:16px;}

    .tac_box{text-align:left;margin-top:0;font-size:14px}
    .tac_box .privacy{display:inline-block;color:#fff;background:#02253b;padding:3px 5px;margin-top:5px}

    .sns_wrap{padding:50px 15px}
    .social-list-wrap{width:auto;margin:0 auto;margin-top:50px;}
    .social-list li{width:48.2%;height:auto;margin-right:10px;margin-bottom:13px;position:relative;overflow:hidden}
    .social-list li .sl-mark{position:absolute;top:5px;left:5px;z-index:100}
    .social-list li a{display:block}
    .social-list li:nth-child(2n){margin-right:0}

    .event_lst{margin-top:30px}
    .event_lst li{float:none;width:auto;height:auto;padding:20px 0;margin-right:0;margin-bottom:0px;border-bottom:1px solid #ddd}
    .event_lst li:last-child{border-bottom:none}
    .event_lst li .img{height:150px}
    .event_lst li .img .cover{font-size:20px;line-height:150px}
    .event_lst li .p1{padding-left:0px;font-size:14px;}
    .event_lst li .p2{padding-left:0px;font-size:16px;line-height:25px;margin-top:0px;}
    .event_lst li .p3{padding-left:0px;font-size:14px;font-weight:bold;margin-top:5px}

    .margint50 {margin-top:30px !important;}
    .view-top-navi{margin-top:0;padding:10px 15px;font-size:14px;height:auto;line-height: normal;}
    .view-top-navi .date{right:15px;font-size:13px;top:10px}
    .view-top-navi .title{width:80%}
    .view-content{padding:20px 15px 30px 15px;font-size:14px}
    .view-content img{max-width:100%}
    .view-bot-navi{width:auto;height:auto;padding-top:30px;margin-bottom:30px;zoom:70%}

    .ad-list{width:auto;margin-top:30px}
    .ad-list li{width:auto;float:none;margin-right:0;padding:15px 0;margin-bottom:0}
    .ad-list li iframe{height:250px}
    .ad-info{height:auto;font-size:14px;line-height:22px;padding-bottom:20px}
}