@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap');
@import url('../NanumSquareRound-master/nanumsquareround.min.css');

/* CSS Document */
html,body{width:100%;height:100%;background-color:#fff;}
body{padding:0;margin:0;font-family:'Roboto', 'Noto Sans KR','sans-serif', 'Meiryo', 'Microsoft YaHei';font-size:14px;color:#333;font-weight:400;line-height: 1.2;letter-spacing:-0.2px;-webkit-font-smoothing: antialiased; }
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,tr,td,thead,tbody,form,fieldset,legend,input,textarea,button{margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
body *{-webkit-box-sizing:border-box;box-sizing: border-box;-moz-box-sizing: border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display: block;}
ul,ol,li,dl,dt,dd {list-style:none;}
i,em,address{font-style:normal;}
label,button{cursor:pointer;-webkit-tap-highlight-color: transparent;}
button{position:relative;outline:none;}
hr,legend {position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
fieldset,iframe {border:none;vertical-align:middle;}
img{max-width:100%;vertical-align:top;border:0;image-rendering:-webkit-optimize-contrast;}
caption {/*position:absolute;left:-1000%;top:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden*/line-height:0;visibility:hidden;font-size:0;}
input,select,button{vertical-align:middle;font-family:inherit;outline:none;font:inherit;}
textarea{font:inherit;outline:none;}
button{border:none;-webkit-tap-highlight-color: transparent;}
table{border:none; border-collapse:collapse; padding:0; border-spacing:0;}
table th{font-weight:400;}
table img{vertical-align:middle;}
a{text-decoration:none;color:inherit;-webkit-tap-highlight-color: transparent;}
a:link,a:visited,a:focus{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
.blind{display:block;overflow:hidden;top:-1000em;position:absolute;}
::before, ::after, :before, :after {-webkit-box-sizing:border-box;box-sizing: border-box;-moz-box-sizing: border-box;}
a.under{text-decoration:underline;}

/*공통부분*/
input[type=text], input[type=password], input[type=tel], input[type=email], input[type=number]{height:42px;border-radius:0;border:1px solid #000;background:#fff;padding:0 16px;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:box-shadow 0.2s ease;}
textarea{border:1px solid #000;padding:12px 16px;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;resize:none;transition:box-shadow 0.2s ease;}
select{border-radius:0;background:#fff;border:1px solid #000;height:42px;margin:0;padding:0 20px 0 12px;vertical-align:middle;background:#fff right 8px center / 10px auto url('../images/select_arrow.png') no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:box-shadow 0.2s ease;}
button:active{filter:brightness(90%);}
a:active{filter:brightness(90%);}
input[type=text]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=email]:focus, input[type=number]:focus, textarea:focus, select:focus, textarea:focus{border-color:#000 !important;box-shadow:0 0 5px 1px rgba(23, 107, 85, 0.3);}
input[type=text]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=email]:disabled, input[type=number]:disabled, textarea:disabled, select:disabled{background:#ddd !important;border-color:#d4d4d5 !important;color:#7d7d7d !important;}
input[type=text]:read-only, input[type=password]:read-only, input[type=tel]:read-only, input[type=email]:read-only, input[type=number]:read-only, textarea:read-only{background:#ddd;border-color:#d4d4d5;color:#7d7d7d;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #979797; }
input::-ms-input-placeholder, textarea::-ms-input-placeholder { color: #979797; }
input::-moz-placeholder, textarea::-moz-input-placeholder { color: #979797; }
/*.requiredError:after{display:block;padding-top:2px;font-size:12px;color:#ff0000;content:'필수값을 입력해주세요';}*/
.requiredError input[required], .requiredError select[required]{border-color:#ff0000;}
[required].requiredError{border-color:#ff0000;}
@media (max-width:340px) {
    input[type=text], input[type=password], input[type=tel], input[type=email], input[type=number]{padding:0 12px;}
    textarea{padding:10px 12px;}
}

*::selection {
    background-color :#363636;
    color: #fff;
}

/**/
.fc_point01 {color:#1da8e3 !important;}
.fc_point02 {color:#e31d09 !important;}
.-transition {
    transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -webkit-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/*common*/
.innerWidth {position:relative;max-width:1180px; margin:0 auto; padding:0 15px;}
.section {position:relative;z-index:10;padding:90px 0;}
.sectionTitle {margin-bottom:60px; font-size:48px; text-align: center; font-weight:700;}
.svList {display:flex; align-items:flex-start;}
.svList > li {flex:1; padding-left:30px;}
.svList > li:first-of-type{padding-left:0;}
.svList > li .thumb {margin-bottom:30px;}
/*.svList > li .thumb img {transform:scale(1);}
.svList > li:hover .thumb img{transform:scale(1.05);}*/
.svList > li .content {}
.svList > li .title {margin-bottom:20px; font-size:30px; font-weight:700; }
.svList > li .infor {color:#7f7f7f;font-size:20px;line-height:1.4;}
.sectionMsg {display:flex;align-items:center;max-width:1000px;margin:60px auto 0;padding:30px 0;border-top:3px double #ff6600;border-bottom:3px double #ff6600;line-height:1.4;}
.sectionMsg .msgHead {position:relative;flex:0 0 400px;padding-left:100px;font-size:20px;color:#ff6600;}
.sectionMsg .msgHead:before {position:absolute;left:60px;font-family:xeicon;font-size:24px;line-height:26px;content:'\ea5b';}
.sectionMsg .msgContent {color:#7f7f7f;font-size:18px;}
.sectionMsg .msgContent strong{color:#333;font-weight:normal;}


@media (max-width:990px) {
    .section {padding:50px 0;}
}

@media (max-width:768px) {
    .sectionTitle {margin-bottom:40px; font-size:30px;}
    .svList {display:block;}
    .svList > li:not(:first-of-type) {margin-top:30px;}
}

/*header*/
header {position:fixed; z-index:20; left:0; top:0; right:0; width:100%; background-color:#fff; border-bottom:1px solid #eee;}
header > .innerWidth {display:flex;align-items:center;height:90px;transition:all 0.2s ease;}
header h1 { font-size:0; flex:1; }
header h1 > a{display:block; width:216px; height:28px; margin:0 auto; background:center center / 216px auto url('../images/logo.png') no-repeat;image-rendering:-webkit-optimize-contrast;}
header .aside{flex:1;}
header .gnbWrap {display:flex; flex:1; justify-content:flex-end;}
header .gnb {display:flex;align-items:center;}
header .gnb > li {position:relative;}
header .gnb > li > a{position:relative;display:flex; align-items:center; justify-content:center; padding:12px 15px; font-size:16px; transition:all 0.2s ease;}
header .gnb > li:hover > a, header .gnb > li > a.active{color:#4f76f5;}
header .btnMenu {position:absolute;left:10px;top:50%;width:28px;height:28px;margin-top:-14px;display:none;border:none;background-color:#fff;}
header .btnMenu > span {position:absolute;left:5px;width:18px;height:2px;background:#000;transition:all 0.2s ease;transform-origin:left center;}
header.fixed .btnMenu > span {background-color:#000;}
header .btnMenu > span:nth-of-type(1) {top:6px;}
header .btnMenu > span:nth-of-type(2) {top:13px;}
header .btnMenu > span:nth-of-type(3) {top:20px;}
header .subDepth {position:absolute;left:0;top:calc(100% + 1px);min-width:160px;background-color:#fff;border:1px solid #eee;visibility:hidden;opacity:0;transition:all 0.3s ease;}
header .gnb > li:hover .subDepth {opacity:1;visibility: visible;}
header .subDepth > li{}
header .subDepth > li:not(:first-of-type) {border-top:1px solid #eee;}
header .subDepth > li > a {display:block;padding:15px 20px;font-size:13px;line-height:normal;transition:all 0.2s ease;}
header .subDepth > li > a:hover {color:#fff !important;background-color:#333;}
header .csCenter {flex:1;}
header .csCenter > p:not(.tel) {font-size:16px;font-weight:500;}
header .csCenter > .tel{font-size:24px;color:#0e68aa;font-weight:700;}
header.fixed .subDepth {background-color:#282828;}
header.fixed .subDepth > li > a{color:rgba(255, 255, 255, 0.6);}

@media (max-width:768px) {
    header > .innerWidth {display:block;height:68px !important;padding:0;}
    header h1 {display:flex;align-items:center;justify-content:center;height:68px;padding:0 15px;text-align:center;border-bottom:1px solid rgba(255, 255, 255, 0.3);}
    header h1 > a{ width:200px; height:25px; margin:0 auto; background:center center / 200px auto url('../images/logo.png') no-repeat;}
    header .gnbWrap {display:none;}
    header .btnMenu {display:block;}
    header .csCenter {display:none;}
}

/*aside*/
aside {display:none;position:fixed;z-index:30;left:0;top:0;right:0;bottom:0;background-color:rgba(0, 0, 0, 0.6);opacity:0;visibility:hidden;transition:all 0.2s ease;}
aside.active {visibility: visible; opacity:1;}
aside .hamberger {position:absolute;left:0;top:0;bottom:0;width:300px;overflow-y:auto;background-color:#fff;transform:translateX(-100%);transition:all 0.2s ease;}
aside.active .hamberger {transform:translateX(0);}
aside .hambergerList {}
aside .hambergerList > li {position:relative;border-bottom:1px solid #f3f3f3;}
aside .hambergerList > li .btnDropdown {position:absolute;z-index:1;display:flex;justify-content:center;align-items:center;right:10px;top:12px;width:30px;height:30px;font-size:18px;background-color:transparent;transform:rotate(0);transition:transform 0.2s ease;}
aside .hambergerList > li.active .btnDropdown {transform:rotate(-180deg);}
aside .hambergerList > li .btnDropdown:before {font-family:xeicon;content:'\e943';}
aside .hambergerList > li > a{display:block;padding:18px 46px 18px 16px;font-size:16px;transition:all 0.2s ease;}
aside .hambergerList > li > a.active {background-color:#1da8e3;color:#fff;}
aside .hambergerList > li > a.active + .btnDropdown {color:#fff;}
aside .subDepth {overflow:hidden;max-height:0;transition:all 0.2s ease;}
aside .hambergerList > li.active .subDepth {max-height:1000px;}
aside .subDepth > li{}
aside .subDepth > li > a {display:block;padding:12px 24px;line-height:normal;transition:all 0.2s ease;}
aside .btnMenu {position:absolute;left:310px;top:10px;border:none;background-color:#fff;}
aside .btnMenu > span {position:absolute;left:5px;/*width:18px;*/width:20px;height:2px;background:#fff;transition:all 0.2s ease;transform-origin:left center;}
aside .btnMenu > span:nth-of-type(1) {top:6px;transform:rotate(45deg);}
aside .btnMenu > span:nth-of-type(2) {top:13px;width:0;}
aside .btnMenu > span:nth-of-type(3) {top:20px;transform:rotate(-45deg);}
aside .csCenter {padding:18px;}
aside .csCenter > p:not(.tel) {font-size:16px;font-weight:500;}
aside .csCenter > .tel{font-size:24px;color:#0e68aa;font-weight:700;}

@media (max-width:768px) {
    aside {display:block;}
}


/*content*/
/**/
#container {padding-top:91px;}
@media (max-width:768px) {
    #container {padding-top:69px;}
}


/* 210930 hi-touchpay banner */
.hiTouchpaySection {
    padding: 0;
    background: center center / auto 100% url('../images/hi_t_bg.png') repeat-x;
}
.hiTouchpaySection .innerWidth {
    position: relative;
    padding: 120px 16px;
    color: #fff;
}
.hiTouchpaySection .thumb {
    position: absolute;
    right: 0;
    top: 50%;
    width: 420px;
    transform: translateY(-50%);
}
.hiTouchpaySection .main-title {
    font-size: 40px;
    line-height: 1.2;
}
.hiTouchpaySection .sub-title-wrap {
    margin: 32px 0 40px 0;
}
.hiTouchpaySection .sub-title {
    display: inline-block;
    padding: 12px 0;
    font-size: 20px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.hiTouchpaySection .btn-wrap {}
.hiTouchpaySection .btn-wrap > a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 32px;
    background: #fff;
    border-radius: 26px;
    color: #000;
    font-size: 20px;
    font-weight: 500;
}

@media (max-width:768px) {
    .hiTouchpaySection {
        padding: 0;
        background: #e26c4c;
    }
    .hiTouchpaySection .innerWidth {
        padding: 44px 16px;
    }
    .hiTouchpaySection .thumb {
        position: static;
        width: 300px;
        margin: 24px auto 0;
        transform: none;
    }
    .hiTouchpaySection .main-title {
        text-align: center;
        font-size: 28px;
    }
    .hiTouchpaySection .sub-title-wrap {
        margin: 16px 0 24px 0;
        text-align: center;
    }
    .hiTouchpaySection .sub-title {
        display: inline-block;
        padding: 6px 0;
        font-size: 16px;
        border-top: 2px solid #fff;
        border-bottom: 2px solid #fff;
    }
    .hiTouchpaySection .sub-title span {
        display: block;
    }
    .hiTouchpaySection .btn-wrap {
        text-align: center;
    }
    .hiTouchpaySection .btn-wrap > a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        height: 42px;
        padding: 0 24px;
        background: #fff;
        border-radius: 26px;
        font-size: 18px;
    }
}

.hiTBand {
    text-align: center;
    background: #fff;
    padding: 8px 16px;
    color: #fff;
}
.hiTBand .innerWidth {
    padding: 8px 0;
}
.hiTBand .logo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 8px;
    padding: 12px;
    background: #fff;
    border-radius: 16px;
}
.hiTBand .logo img {
    max-width: 100%;
    max-height: 32px;
}


/**/
.mainSection {position:relative;padding-top:120px;/*padding-bottom:32px;*/}
.mainSection:before {position:absolute;left:0;top:0;right:0;height:436px;background-color:#a4cdef;content:'';}
.mainSection .innerWidth {display:flex;align-items:center;z-index:1;}
.mainSection .headContent {flex:4;}
.mainSection .thumbs {display:flex;flex:6;justify-content:flex-end;}
.mainSection .thumbs img{width:100%;max-width:596px;margin:40px 0 0 0;transform:translateY(60px);opacity:0;transition:all 0.6s ease;}
.mainSection .thumbs.active img {transform:translateY(0);opacity:1;}
.mainSection .minTit {margin-bottom:28px;font-size:22px;}
.mainSection .mainTit {margin-bottom:20px;font-size:60px;font-weight:700;}
.mainSection .hash {font-size:18px;color:#949494;}
.mainSection .hash > p + p{margin-top:5px;}
.mainSection .hash > p > span {padding-right:10px;}

@media (max-width:768px) {
    .mainSection {padding-top:40px;}
    .mainSection .innerWidth {position:relative;display:block;padding-bottom:60px;}
    .mainSection .headContent {text-align:center;}
    .mainSection .thumbs {display:block;text-align:center;padding-right:40px;}
    .mainSection .minTit {margin-bottom:14px;font-size:18px;}
    .mainSection .mainTit {margin-bottom:14px;font-size:38px;}
    .mainSection .hash {position:absolute;right:20px;bottom:0;text-align:right;font-size:16px;color:#a3ccef;}
}

/**/
.storeSection {background-color:#fff;}
.storeSection .sectionTitle {font-weight:normal;text-align:left;}
.storeSection .innerWidth {display:flex;align-items:center;}
.storeSection .location {flex:4;}
.storeSection .storeContent {display:flex;flex:6;justify-content:flex-end;}
.storeSection .locationThumbs{margin-top:40px;margin-left:40px;}
.storeSection .locationThumbs img{width:100%;max-width:262px;}
.storeSection .storeList {display:flex;flex-wrap:wrap;}
.storeSection .storeList > li{flex:0 0 auto;width:50%;text-align:right;padding:30px 0;}
.storeSection .storeList > li img {width:100%;max-width:250px;}

@media (max-width:768px) {
    .storeSection .innerWidth {display:block;}
    .storeSection .location {display:flex;margin-bottom:20px;}
    .storeSection .sectionTitle {flex:1;text-align:right;}
    .storeSection .locationThumbs{width:145px;margin:0;padding:0 30px;}
    .storeSection .storeList > li{text-align:center;padding:10px;}
}

/**/
.patentSection {padding:60px 0;background-color:#f5f5f5;}
.patentSection .sectionTitle {font-weight:normal;text-align:left;}
.patentSection .sectionTitle span {display:block;}
.patentSection .innerWidth {display:flex;align-items:center;}
.patentSection .headContent {flex:5;}
.patentSection .headContent .subMsg {font-size:18px;color:#7f7f7f;}
.patentSection .thumbs {flex:5;text-align:center;}
.patentSection .thumbs img{width:100%;max-width:442px;}

@media (max-width:768px) {
    .patentSection .sectionTitle {text-align:center;}
    .patentSection .sectionTitle span {display:inline;}
    .patentSection .innerWidth {display:block;}
    .patentSection .headContent .subMsg {margin-bottom:30px;text-align:center;font-size:16px;}
    .patentSection .thumbs img{max-width:210px;}
}

/**/
.serviceSection {background-color:#fff;}
.serviceSection .innerWidth + .innerWidth{display:flex;align-items:center;margin-top:80px;padding-top:80px;border-top:1px dashed #ddd;}
.serviceSection .sectionTitle {text-align:left;}
.serviceSection .sectionTitle .num {display:block;font-size:60px;color:#eee;}
.serviceSection .svList > li .thumb img{max-height:68px;}
.serviceSection .headContent {flex:5;}
.serviceSection .headContent .subMsg {font-size:18px;line-height:1.4;}
.serviceSection .headContent .subMsg > p:first-of-type {margin-bottom:20px;font-size:20px;}
.serviceSection .thumbs {flex:5;text-align:center;}
.serviceSection .thumbs img{width:100%;max-width:442px;}

@media (max-width:768px) {
    .serviceSection .innerWidth + .innerWidth{display:block;margin-top:60px;padding-top:60px;border-top:1px dashed #ddd;}
    .serviceSection .sectionTitle {text-align:center;}
    .serviceSection .sectionTitle .num {margin-bottom:3px;font-size:36px;}
    .serviceSection .svList > li {margin-top:40px;text-align:center;padding-left:0 !important;}
    .serviceSection .svList > li .thumb {margin-bottom:20px;}
    .serviceSection .svList > li .thumb img{max-height:50px;}
    .serviceSection .svList > li .title {margin-bottom:10px;font-size:26px;}
    .serviceSection .svList > li .infor {font-size:18px;}
    .serviceSection .headContent .subMsg {margin-bottom:30px;font-size:16px;text-align:center;}
    .serviceSection .headContent .subMsg > p:first-of-type {margin-bottom:10px;font-size:18px;}
}

/**/
.historySection {background-color:#fff;}
.historySection .thumbs {padding-top:30px;text-align:center;}
.historySection .thumbs img {width:100%;max-width:990px;}
.historySection .thumbs img.m {display:none;}

@media (max-width:768px) {
    .historySection .thumbs {position:relative;}
    .historySection .thumbs img.pc {display:none;}
    .historySection .thumbs img.m {display:block;}
}

/**/
.partnerSection .partnerList {display:flex; flex-wrap:wrap; }
.partnerSection .partnerList > li {display:flex; justify-content: center; align-items:center; flex:0 0 auto; width:25%; padding:15px;}
.partnerSection .partnerList > li img {width:100%;max-width:220px;}

@media (max-width:768px) {
    .partnerSection .partnerList > li {width:33.33%; padding:10px;}
}

/**/
.csSection {background-color:#f5f5f5;}
.csSection .sectionTitle {margin-bottom:40px;font-weight:normal;text-align:left;}
.csSection .innerWidth {display:flex;}
.csSection .headContent {flex:4;}
.csSection .headContent .subMsg {font-size:20px;color:#7f7f7f;line-height:1.4;}
.csSection .headContent .tel {margin-top:30px;font-size:56px;color:#548bf1;font-weight:700;}
.csSection .boardContent {flex:6;}
.csSection .boardHead {display:flex;align-items:flex-end;margin-bottom:10px;}
.csSection .boardName {font-size:16px;}
.csSection .boardName strong {}
.csSection .boardSearch {margin-left:auto;}

@media (max-width:768px) {
    .csSection .sectionTitle {margin-bottom:20px;text-align:center;}
    .csSection .innerWidth {display:block;}
    .csSection .headContent {margin-bottom:40px;text-align:center;}
    .csSection .headContent .subMsg {font-size:18px;}
    .csSection .headContent .tel {margin-top:10px;font-size:36px;}
    .csSection .boardHead {display:block;}
    .csSection .boardSearch {margin-top:10px;}
}

/**/
.guideHeadSection {background-color:#fff;}
.guideHeadSection .headThumb {margin-bottom:30px;text-align:center;}
.guideHeadSection .headThumb img{width:auto;max-height:180px;}
.guideHeadSection .guideList {display:flex;}
.guideHeadSection .guideList > li {flex:1;border:1px solid #ddd;}
.guideHeadSection .guideList > li + li{border-left:none;}
.guideHeadSection .guideList > li > a{display:flex;justify-content:center;align-items:center;height:62px;padding:10px;text-align:center;font-size:16px;transition:all 0.2s ease;}
.guideHeadSection .guideList > li > a:hover {background-color:#548bf1;color:#fff;}

@media (max-width:768px) {
    .guideHeadSection .headThumb img{max-height:126px;}
    .guideHeadSection .guideList {flex-wrap:wrap;}
    .guideHeadSection .guideList > li {flex:0 0 auto;width:50%;border:1px solid #ddd !important;}
    .guideHeadSection .guideList > li:nth-of-type(even) {border-left:none !important;}
    .guideHeadSection .guideList > li:nth-of-type(n+3) {border-top:none !important;}
    .guideHeadSection .guideList > li > a{height:42px;font-size:13px;}
}


/**/
.guideMovieSection {background-color:#fff;}
.guideMovieSection .sectionTitle {text-align:left;}
.guideMovieSection .movieList {overflow:hidden;}
.guideMovieSection .movieList > li{float:left;width:calc(25% - 21px);margin-left:28px;}
.guideMovieSection .movieList > li:first-of-type {margin-left:0;}
.guideMovieSection .movieList > li .thumb {display:block;margin-bottom:20px;}
.guideMovieSection .movieList > li .subj {font-size:0;text-align:center}
.guideMovieSection .movieList > li .subj > strong {position:relative;display:inline-block;font-size:13px;font-weight:700;}
.guideMovieSection .movieList > li .subj > span {position:relative;display:inline-block;font-size:13px;}
.guideMovieSection .movieList > li .subj > strong + span {padding-left:8px;margin-left:6px;}
.guideMovieSection .movieList > li .subj > span:before {position:absolute;left:0;top:2px;width:2px;height:11px;background-color:#333;content:'';}

@media (max-width:768px) {
    .guideMovieSection .sectionTitle {text-align:center;}
    .guideMovieSection .movieList {display:flex;flex-wrap:wrap}
    .guideMovieSection .movieList > li{flex:0 0 auto;width:50%;margin:0;padding:10px;}
    .guideMovieSection .movieList > li .thumb {margin-bottom:10px;}
    .guideMovieSection .movieList > li .subj > strong {display:block;margin-bottom:2px;}
    .guideMovieSection .movieList > li .subj > span {display:block;}
    .guideMovieSection .movieList > li .subj > strong + span {padding:0;margin:0;}
    .guideMovieSection .movieList > li .subj > span:before {display:none;}
}

/**/
.guideTradeSection {background-color:#f5f5f5;}
.guideTradeSection .sectionTitle {text-align:left;}
.guideTradeSection .contentWrap {display:flex;flex-wrap:wrap;overflow:hidden;}
.guideTradeSection .contentWrap + .contentWrap {margin-top:60px;}
.guideTradeSection .swiperContent {flex:6;overflow:hidden;}
.guideTradeSection .stepContent {flex:4;overflow:hidden;padding:15px 0 0 30px;}
.guideTradeSection .stepContent .subMsg {margin-top:8px;color:#548bf1;}
.guideTradeSection .stepList {}
.guideTradeSection .stepList > dt{margin-bottom:15px;font-size:22px;font-weight:700;}
.guideTradeSection .stepList > dd {margin-top:8px;font-size:16px;color:#7f7f7f;}
.guideTradeSection .stepList > dd .num {padding-right:5px;color:#d8d8d8;font-weight:700;}
.guideTradeSection .swiper-pagination {display:none;}
.guideTradeSection .views {cursor:pointer;}

@media (max-width:768px) {
    .guideTradeSection .sectionTitle {text-align:center;}
    .guideTradeSection .contentWrap {display:block;}
    .guideTradeSection .stepContent {padding:30px 0 0 0;}
    .guideTradeSection .swiper-pagination {display:block;}
}

/**/
.receiptSection {background-color:#fff;}
.receiptSection .sectionTitle {text-align:left;}
.receiptSection .subTitle {position:relative;margin-bottom:30px;color:#7f7f7f;font-size:22px;font-weight:700;text-align:center;}
.receiptSection .subTitle span{position:relative;z-index:1;padding:0 10px;background-color:#fff;}
.receiptSection .subTitle:before {
    position:absolute;
    left:0;
    right:0;
    top:50%;
    height:1px;
    background-image: linear-gradient(to right, #ddd 50%, rgba(255,255,255,0) 0%);
    background-position: top;
    background-size: 12px 1px;
    background-repeat: repeat-x;
    content:'';
}
.receiptSection .contentWrap {display:flex;flex-wrap:wrap;overflow:hidden;}
.receiptSection .contentWrap + .contentWrap {display:block; margin-top:60px;}
.receiptSection .receiptWrap {display:flex;align-items:flex-end;flex:1;padding-right:15px;}
.receiptSection .receiptWrap + .receiptWrap {padding-right:0;padding-left:15px;}
.receiptSection .receiptWrap .thumbs {flex:1;padding-right:30px;}
.receiptSection .receiptWrap .content {flex:1;line-height:1.4;}
.receiptSection .receiptWrap .receiptTitle {margin-bottom:20px;font-size:24px;font-weight:700;}
.receiptSection .receiptWrap .sub {margin-bottom:10px;font-size:18px;}
.receiptSection .receiptWrap .text {margin-bottom:60px;color:#7f7f7f;font-size:16px;}
.receiptSection .csList {display:flex; flex-wrap:wrap; }
.receiptSection .csList > li {flex:0 0 auto; width:25%; padding:35px 10px;text-align:center;}
.receiptSection .csList .subj {margin-bottom:6px;font-size:24px;}
.receiptSection .csList .tel {margin-bottom:8px;font-size:36px;}
.receiptSection .csList .link {font-size:18px;}
.receiptSection .csList .link > a{color:#548bf1;text-decoration:underline;}

@media (max-width:768px) {
    .receiptSection .sectionTitle {text-align:center;}
    .receiptSection .contentWrap {display:block;}
    .receiptSection .contentWrap + .contentWrap {margin-top:40px;}
    .receiptSection .receiptWrap {display:block;padding:0;}
    .receiptSection .receiptWrap + .receiptWrap {padding:0;}
    .receiptSection .receiptWrap .thumbs {margin-bottom:20px;padding:0;text-align:center;}
    .receiptSection .receiptWrap .thumbs img{max-width:150px;}
    .receiptSection .receiptWrap .content {text-align:center;}
    .receiptSection .receiptWrap .receiptTitle {margin-bottom:16px;font-size:20px;}
    .receiptSection .receiptWrap .sub {margin-bottom:10px;font-size:16px;}
    .receiptSection .receiptWrap .text {margin-bottom:30px;word-break:break-word;}
    .receiptSection .csList > li {width:50%; padding:20px 10px;}
    .receiptSection .csList .subj {margin-bottom:6px;font-size:18px;}
    .receiptSection .csList .tel {margin-bottom:4px;font-size:26px;}
    .receiptSection .csList .link {font-size:14px;}
}

/**/
.typeGuideSection {background-color:#f5f5f5;}
.typeGuideSection .sectionTitle {margin-bottom:30px;text-align:left;}
.typeGuideSection .sectionTitle span{display:block;}
.typeGuideSection .innerWidth {display:flex;}
.typeGuideSection .headContent {flex:4;}
.typeGuideSection .headContent .subMsg {font-size:18px;color:#7f7f7f;}
.typeGuideSection .typeContent {flex:6;}
.typeGuideSection .typeList {display:flex; flex-wrap:wrap; }
.typeGuideSection .typeList > li {flex:0 0 auto; width:33.33%; padding:0 10px 30px 10px;text-align:center;}
.typeGuideSection .typeList > li img{width:100%;max-width:170px;}

@media (max-width:768px) {
    .typeGuideSection .sectionTitle {margin-bottom:20px;text-align:center;}
    .typeGuideSection .sectionTitle span{display:inline;}
    .typeGuideSection .innerWidth {display:block;}
    .typeGuideSection .headContent {margin-bottom:30px;}
    .typeGuideSection .headContent .subMsg {text-align:center;}
    .typeGuideSection .typeList > li {width:50%; padding:0 15px 25px 15px;}
}

/**/
.typeCustomerSection {background-color:#fff;}
.typeCustomerSection .sectionTitle {margin-bottom:20px;}
.typeCustomerSection .subTitle {margin-bottom:30px;font-size:18px;text-align:center;color:#7f7f7f;}
.typeCustomerSection .csList {display:flex; flex-wrap:wrap; }
.typeCustomerSection .csList > li {flex:0 0 auto; width:25%; padding:35px 10px;text-align:center;}
.typeCustomerSection .csList .thumbs {margin-bottom:20px;text-align:center;}
.typeCustomerSection .csList .thumbs img{width:100%;max-width:250px;}
.typeCustomerSection .csList .link {font-size:18px;}
.typeCustomerSection .csList .link > a{color:#548bf1;text-decoration:underline;}

@media (max-width:768px) {
    .typeCustomerSection .csList > li {width:50%; padding:15px 10px;}
    .typeCustomerSection .csList .thumbs {margin-bottom:10px;}
    .typeCustomerSection .csList .link {font-size:16px;}
}

/**/
.arcodianBoard {}
.arcodianBoard > li {border-top:1px solid #000;border-bottom:1px solid #000;}
.arcodianBoard > li + li {border-top:none;}
.arcodianBoard > li .link {position:relative;display:flex;align-items:center;padding:15px 40px 15px 15px;line-height:normal;font-size:14px;}
.arcodianBoard > li.empty {position:relative;padding:15px;line-height:normal;font-size:14px;text-align:center;}
.arcodianBoard > li .link:after {position:absolute;display:flex;justify-content:center;align-items:center;right:10px;top:50%;width:30px;height:30px;margin-top:-15px;font-size:20px;transform:rotate(0);transition:transform 0.2s ease;font-family:xeicon;content:'\e943';}
.arcodianBoard > li .cate {width:95px;padding-right:15px;font-size:14px;}
.arcodianBoard > li .num {width:50px;padding-right:15px;text-align:center;}
.arcodianBoard > li .subj{flex:1;padding-right:10px;}
.arcodianBoard > li .contentWrap {max-height:0;overflow:hidden;transition:all 0.3s ease;}
.arcodianBoard > li .content{word-break:break-all;padding:25px 15px;line-height:1.5;font-size:14px;border-top:1px solid #d4d4d5;}
.arcodianBoard > li.active .link:after{transform:rotate(-180deg);}
.arcodianBoard > li.active .contentWrap {max-height:1000px;}
.arcodianBoard > li .date {margin-bottom:10px;color:#7f7f7f;}

/**/
.searchWrap {position:relative;width:220px;padding:2px 35px 2px 0;background-color:#fff;border:1px solid #ddd;}
.searchWrap input[type=search] {background:none;border:none;width:100%;height:30px;padding:0 12px;}
.searchWrap .btnSearch {position:absolute;right:2px;top:2px;width:30px;height:30px;text-align:center;background-color:#fff;}
.searchWrap .btnSearch:before {font-family:xeicon;font-size:20px;content:"\e97a";}

@media (max-width:768px) {
    .searchWrap {width:auto;}
}

/**/
.paging {margin-top:25px;}
.paging ul {display:flex;align-items:center;justify-content:center;}
.paging ul > li {margin:0 3px;}
.paging ul > li > a{display:flex;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;text-align:center;color:#949494;transition:all 0.2s ease;}
.paging ul > li > a:hover {color:#333;}
.paging ul > li.active > a {color:#333;font-weight:700;}
.paging ul > li.disabled > a{cursor:not-allowed;color:#949494 !important;}
.paging ul > li[class*=prev] > a, .paging ul > li[class*=next] > a {font-size:0;}
.paging ul > li[class*=prev] > a:before, .paging ul > li[class*=next] > a:before {font-family:xeicon;font-size:16px;}
.paging ul > li[class*=prev] > a:before {content:'\e93b';}
.paging ul > li[class*=next] > a:before {content:'\e93e';}

/**/
.swiper-pagination {margin-top:10px;text-align:center;font-size:0;}
.swiper-pagination > span{display: inline-block;width:8px;height:8px;margin:0 3px;vertical-align:top;border-radius:100%;background-color:#fff;border:1px solid #548bf1;}
.swiper-pagination > span[class*=active] {background-color:#548bf1;}

/**/
body.showModal {overflow:hidden;}
.modalWrap {position:fixed;z-index:100;left:0;top:0;right:0;bottom:0;width:100%;height:100%;padding:80px 15px;overflow-x:hidden;overflow-y:auto;background-color:rgba(0,0,0,0.8);visibility:hidden;opacity:0;transition:all 0.3s ease;}
.modalWrap .modal {position:relative;z-index:99;max-width:560px;margin:0 auto;background-color:#fff;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);transform:translateY(30px);visibility:hidden;opacity:0;transition:all 0.3s ease;}
body.showModal .modalWrap{visibility:visible;opacity:1;}
body.showModal .modalWrap .modal {transform:translateY(0);visibility:visible;opacity:1;}
.modalWrap .modalContent {padding:15px;}
.modalWrap .btnClose {position:absolute;right:-15px;top:-15px;width:34px;height:34px;line-height:36px;font-size:15px;background-color:#fff;text-align:center;border-radius:100%;box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);}
.modalHead {padding:25px 0 40px 0;text-align:center;border-bottom:1px solid #ddd;}
.modalHead .tit {margin-bottom:15px;font-size:28px;font-weight:700;}
.modalHead .subtit {font-size:16px;}
.modalList {}
.modalList > .list{padding:50px 0;line-height:1.4;}
.modalList > .list + .list {border-top:1px dotted #eee;}
.modalList .imgtit{margin-bottom:25px;font-size:16px;font-weight:700;}
.modalList img{display:block;margin:0 auto;}

@media (max-width:768px) {
    .modalWrap {padding:30px 15px;}
}

/*footer*/
footer {position:relative;z-index:1;padding:60px 0;background-color:#212121;}
footer .innerWidth {color:#fff;font-size:16px;}
footer .footerSection {}
footer .footerSection + .footerSection {margin-top:30px;padding-top:30px;border-top:1px solid #565656;}
footer .csInfor{font-size:0;}
footer .csInfor > li {display:inline-block;font-size:16px;}
footer .csInfor > li + li {margin-left:16px;}
footer .csLine + .csLine {margin-top:8px;font-size:0;}
footer .csList {display:inline-block;}
footer .csList + .csList {margin-left:18px;}
footer .csList > strong {position:relative;display:inline-block;font-size:16px;font-weight:700;}
footer .csList > span {position:relative;display:inline-block;font-size:16px;}
footer .csList > strong + span {padding-left:10px;margin-left:8px;}
footer .csList > strong + span:before {position:absolute;left:0;top:3px;width:2px;height:13px;background-color:#fff;opacity:0.6;content:'';}

@media (max-width:768px) {
    footer {padding:40px 0;}
    footer .innerWidth {font-size:14px;}
    footer .footerSection {text-align:center;}
    footer .footerSection + .footerSection {margin-top:20px;padding-top:20px;}
    footer .csInfor > li {font-size:14px;}
    footer .csInfor > li + li {margin-left:12px;}
    footer .csLine + .csLine {margin-top:8px;font-size:0;}
    footer .csList {display:block;margin-top:8px;text-align:center;}
    footer .csList:first-child{margin-top:0;}
    footer .csList + .csList {margin-left:0;}
    footer .csList > strong {font-size:14px;font-weight:500;}
    footer .csList > span {font-size:14px;}
    footer .csList > strong + span {padding-left:8px;margin-left:6px;}
    footer .csList > strong + span:before {position:absolute;left:0;top:2px;height:10px;}
}


/**/
.lg-backdrop.in {background:rgba(0, 0, 0, 0.9);}

/* */
.policy {
    line-height: 1.5;
}
.policy-table {
    padding: 16px 0;
}
.policy-table table {
    width: 100%;
    max-width: 560px;
}
.policy-table table th,
.policy-table table td {
    padding: 4px 8px;
    border: 1px solid #d1d1d1;
}
.policy-table table th {
    background: #f1f1f1;
}