@charset "utf-8";
/********************** font **********************/
@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap";
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:300;
    src:local('Noto Sans Light'), local('NotoSans-Light'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Light.eot"),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Light.eot?#iefix") format('embedded-opentype'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Light.woff") format('woff'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Light.otf") format('opentype');
}
@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:400;
    src:local('Noto Sans Regular'), local('NotoSans-Regular'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Regular.eot"),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Regular.eot?#iefix") format('embedded-opentype'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Regular.woff") format('woff'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Regular.otf") format('opentype');
}

@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:500;
    src:local('Noto Sans Medium'), local('NotoSans-Medium'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Medium.eot"),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Medium.eot?#iefix") format('embedded-opentype'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Medium.woff") format('woff'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Medium.otf") format('opentype');
}

@font-face{
    font-family:'NotoSansKR';
    font-style:normal;
    font-weight:700;
    src:local('Noto Sans Bold'), local('NotoSans-Bold'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Bold.eot"),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Bold.eot?#iefix") format('embedded-opentype'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Bold.woff") format('woff'),
    url("/new/mobile_cn/asset/fonts/NotoSansKR-Bold.otf") format('opentype');
}

/* latin */
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_ZpC3gnD_g.woff2) format('woff2');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}
/* latin */
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_dJE3gnD_g.woff2) format('woff2');
    unicode-range: U+0041-005A, U+0061-007A, U+0030-0039;
}

/********************** reset **********************/
*,*:after,*:before{box-sizing:border-box;outline:none}
html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;overflow-y:scroll}
html, body{position:relative;-webkit-font-smoothing:antialiased;height:100%}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, address, em, img, small, strong, sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr, input, textarea, select{margin:0;padding:0;}
body{margin:0;padding:0;background:#fff;color:#222222;font-family:'NotoSansKR','Microsoft Yahei', '微软雅黑',sans-serif;font-size:14px;line-height:1;letter-spacing:-0.04em;word-break:break-all}
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption{display:block;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;color:#222;line-height:1.31;}
h2{letter-spacing:-0.04em;}
ol, ul, li{list-style:none;}
table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-word;}
img, button{border:0 none;vertical-align:top;}
label, button{cursor:pointer;}
label{vertical-align:top;}
hr{display:none;height:0;}
i, em, address{font-style:normal;}
strong, b{font-weight:700;}
form, fieldset, iframe{display:block;border:0}
caption, legend{overflow:hidden;width:0;height:0;margin:0;padding:0;text-indent:-9999em;}
input, textarea, select{font-family:'NotoSansKR','Microsoft Yahei', '微软雅黑',sans-serif;font-size:14px;line-height:1;vertical-align:top;}
input{-webkit-appearance:none;-webkit-border-radius:0;}
input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px white inset;}
button{overflow:visible;display:inline-block;margin:0;padding:0;border:0 none;background:none;font-family:'NotoSansKR','Microsoft Yahei', '微软雅黑',sans-serif;vertical-align:top;cursor:pointer;letter-spacing:-0.04em;}
button::-moz-focus-inner{padding:0;/* border:0 */}

a{color:#222;text-decoration:none;word-break:break-all;}
a:link, a:visited, a:hover, a:active, a:focus{text-decoration:none;}
img{width:100%;}
.ellipsis{overflow:hidden;display:block;white-space:nowrap;text-overflow:ellipsis;}
.blind{overflow:hidden !important;position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;border:0 !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;transition:none !important;}

.tal{text-align:left !important;}
.tar{text-align:right !important;}
.tac{text-align:center !important;}

.fwl{font-weight:300 !important;}
.fwn{font-weight:400 !important;}
.fwm{font-weight:500 !important;}
.fwb{font-weight:700 !important;}

.ff_Montserrat{font-family:"Montserrat";}
.un{text-decoration:underline !important;}
.din{display:inline !important;}
.dinb{display:inline-block !important;}
.dblock{display:block !important;}
.dnone{display:none !important;}

/*color*/
.color_black_light{color:#808080 !important;}
.color_black_ragular{color:#555555 !important;}
.color_black_dark{color:#222222 !important;}
.color_black_darker{color:#000000 !important;}
.color_gray_light{color:#dddddd !important;}
.color_gray_ragular{color:#b5b5b5 !important;}
.color_red{color:#f73737 !important;}
.color_blue_light{color:#37b5f7 !important;}
.color_blue_ragular{color:#008ED0 !important;}
.color_blue_dark{color:#0079b1 !important;}
.color_cyan_light{color:#7ce7f3 !important;}
.color_cyan_ragular{color:#09c6dc !important;}
.color_cyan_dark{color:#079eb0 !important;}
.color_cyan_darker{color:#06818f !important;}
.color_green_light{color:#cdfce5 !important;}
.color_green_ragular{color:#a8ffce !important;}
.color_green_dark{color:#0dd784 !important;}
.color_green_darker{color:#00aa64 !important;}

/*font size*/
.fz11{font-size:11px !important;}
.fz12{font-size:12px !important;}
.fz13{font-size:13px !important;}
.fz14{font-size:14px !important;}
.fz15{font-size:15px !important;}
.fz16{font-size:16px !important;}
.fz17{font-size:17px !important;}
.fz18{font-size:18px !important;}
.fz19{font-size:19px !important;}
.fz20{font-size:20px !important;}
.fz22{font-size:22px !important;}
.fz26{font-size:26px !important;}
.fz30{font-size:30px !important;}
.fz32{font-size:32px !important;}
.smallUint{font-size:11px;transform:translate(0,-5px);display:inline-block;}
/*title*/
.titleLevel1{font-size:20px;font-weight:500;color:#363636;line-height:1.4;}
.titleLevel2{font-size:16px;font-weight:500;color:#363636;line-height:1.4;}
.titleLevel3{font-size:14px;font-weight:500;color:#363636;line-height:1.4;}

/*line-height*/
.lineDefault{line-height:1.4 !important;}
.lineHeight16{line-height:1.6 !important;}
.lineHeight18{line-height:1.8 !important;}
.lineHeight20{line-height:2;}

/*letter-spacing*/
.let1{letter-spacing:-1px}
.let2{letter-spacing:-2px}

/* margin */
.mt0{margin-top:0 !important;}
.mt3{margin-top:3px !important;}
.mt5{margin-top:5px !important;}
.mt7{margin-top:7px !important;}
.mt10{margin-top:10px !important;}
.mt12{margin-top:12px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}
.mt120{margin-top:120px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml20{margin-left:20px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.mb0{margin-bottom:0px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.pt0{padding-top:0 !important;}
.pt100{padding-top:100px !important;}
.pl0{padding-left:0 !important;}
.pb0{padding-bottom:0px !important;}
.pb30{padding-bottom:30px !important;}
.pb50{padding-bottom:50px !important;}
.pb60{padding-bottom:60px !important;}


/********************** form **********************/
:focus + label:before{outline:1px dotted;outline:auto 5px -webkit-focus-ring-color;}

/* input text */
input[type="text"],
input[type="search"],
input[type="date"],
input[type="tel"],
input[type="month"],
textarea,
input[type="email"]{display:inline-block;width:100%;height:50px;padding:0 15px;border:1px solid #dddddd;border-radius:5px;background:#fff;color:#222222;font-size:15px;text-indent:0;line-height:normal;}
input[type="password"]{display:inline-block;width:100%;height:50px;padding:0 15px;border:1px solid #dddddd;border-radius:5px;background:#fff;color:#222222;font-size:15px;text-indent:0;line-height:normal;}
textarea{padding:15px;resize:none}
input[type="text"]:focus,
input[type="date"]:focus,
input[type="tel"]:focus,
input[type="password"]:focus,
input[type="month"]:focus,
textarea:focus,
input[type="email"]:focus{border:1px solid #008ed0;outline:none;}
input[type="date"]:focus,
input[type="month"]:focus{line-height:48px;}

input[type="text"].right:focus,
input[type="date"].right:focus,
input[type="tel"].right:focus{padding-right:29px;text-indent:0;}

input[type="text"]:disabled,
input[type="date"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled{background:#f9f9f9;-webkit-text-fill-color:inherit;}
input[type="text"]::-ms-clear,
input[type="date"]::-ms-clear,
input[type="tel"]::-ms-clear,
input[type="search"]::-ms-clear,
input[type="email"]::-ms-clear{display:none;}
input[type="password"]::-ms-reveal,
input[type="search"]::-ms-reveal{display:none;}

input[readonly],
input[readonly]:focus{border:1px solid #eee;background:#f7f7f7;color:#444;text-indent:0;opacity:1;}

input[type="number"]{-moz-apperance:textfield;}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}
input[type="file"]::-webkit-file-upload-button{cursor:pointer;}

input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration{display:none;}

::-webkit-input-placeholder{color:#a4a4a4 !important;}
::-moz-placeholder{color:#a4a4a4 !important;}
:-ms-input-placeholder{color:#a4a4a4 !important;}
:-moz-placeholder{color:#a4a4a4 !important;}

input[type="password"]::-webkit-input-placeholder{letter-spacing:normal;}
input[type="password"]::-moz-placeholder{letter-spacing:normal;}
input[type="password"]:-ms-input-placeholder{letter-spacing:normal;}
input[type="password"]:-moz-placeholder{letter-spacing:normal;}


input.inputDate{background:#ffffff url("/new/mobile_cn/asset/images/common/icon_calendar.png") no-repeat right center;padding-right:30px;width:130px;}

.input{display:block;position:relative;vertical-align:top;}
.input.btnType{display:flex;flex-wrap:wrap;align-items:center;-ms-flex-align:center;}
.input.btnType input{flex:1;-ms-flex:1;;}
.input.btnType input + input{margin-left:7px;}
.input.btnType .btn{margin-left:5px;}
.input.btnType .bar{text-align:center;min-width:15px;color:#999999;padding:0 5px;font-size:13px;}
.input input[type="text"].right,
.input input[type="tel"].right{text-align:right;}
.input.unit input[type="text"],
.input.unit input[type="tel"]{padding-right:44px;}
.input.unit input[type="text"]:focus,
.input.unit input[type="tel"]:focus{padding-left:14px;padding-right:43px;}
.input.unit.word2 input[type="text"],
.input.unit.word2 input[type="tel"],
.input.time input[type="tel"]{padding-right:60px;}
.input.unit.word2 input[type="text"]:focus,
.input.unit.word2 input[type="tel"]:focus,
.input.time input[type="tel"]:focus{padding-left:14px;padding-right:59px;}
.input.unit em,
.input.time em{position:absolute;right:20px;top:18px;font-size:15px;line-height:1;}
.input.time em{color:#d44330;}
.input.date input{padding-right:60px;}
.input.date .btnDate{position:absolute;right:15px;top:17px;font-size:15px;line-height:1;width:15px;}


.input .del{overflow:hidden;display:none;position:absolute;right:1px;top:1px;width:48px;height:48px;background:#ffffff url("/new/mobile_cn/asset/images/common/btn_popup_close.png") no-repeat center center;-webkit-background-size:14px auto;background-size:14px auto;text-indent:-99999px;border-radius:5px;}
/* .input.focus input{padding-right:55px;} */
.input .del.show{display:block;}

.inputFile{position:relative;}
.inputFile input[type=file]{opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;}
.hiddenText{overflow:hidden;position:absolute;left:-9999px;top:-9999px;}

/* checkbox */
.checkbox{display:inline-flex;display:-ms-inline-flexbox;align-items:center;-ms-flex-align:center;}
.checkbox ~ .checkbox{margin-left:15px;}
.checkbox.required:after{
    content: '';
    display: inline-block;
    background: #ff36ac;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    overflow: hidden;
    margin: 2px 0 0 5px;
    align-self:flex-start;
    -ms-flex-align:start;
}
.checkbox input{display:none;}
.checkbox label{font-size:15px;display:inline-block;line-height:1.4;padding-left:23px;position:relative;}
.checkbox label:before{content:"";display:inline-block;background:url("/new/mobile_cn/asset/images/common/radio_bg.png") no-repeat;background-size:auto 36px;width:18px;height:18px;margin-right:8px;position:absolute;left:0;top:1px;}
.checkbox.gray label:before{background-image:url("/new/mobile_cn/asset/images/common/radio_bg_gray.png")}
.checkbox input:checked + label{font-weight:500;}
.checkbox input:checked + label:before{background-position:0 -18px;}
.checkbox input:disabled + label{opacity:0.5}
.checkbox.only{width:18px;margin:0 auto;height:18px;overflow:hidden;display:block;}
.checkbox.only label{font-size:0;height:18px;}
.checkbox.only label:before{margin-right:0;top:0;}

/* radio */

.radio{display:inline-flex;display:-ms-inline-flexbox;align-items:center;-ms-flex-align:center;}
.radio ~ .radio{margin-left:15px;}
.radio.required:after{
    content: '';
    display: inline-block;
    background: #ff36ac;
    width: 3px;
    height: 3px;
    border-radius: 3px;
    overflow: hidden;
    margin: 2px 0 0 5px;
    align-self:flex-start;
    -ms-flex-align:start;
}
.radio input{display:none;}
.radio label{font-size:15px;display:inline-block;line-height:1.4;padding-left:28px;position:relative;}
.radio label:before{content:"";display:inline-block;background:url("/new/mobile_cn/asset/images/common/radio_bg.png") no-repeat;background-size:auto 36px;width:18px;height:18px;margin-right:8px;position:absolute;left:0;top:1px;}
.radio.gray label:before{background-image:url("/new/mobile_cn/asset/images/common/radio_bg_gray.png")}
.radio.type2 label:before{background-image:url("/new/mobile_cn/asset/images/common/radio_bg2.png")}
.radio input:checked + label{font-weight:500;}
.radio input:checked + label:before{background-position:0 -18px;}
.radio input:disabled + label{opacity:0.5}

.radioTab{overflow:hidden;display:flex;flex-wrap:wrap;width:100%;}
.radioTab .radio{position:relative;flex:1;-ms-flex:1;}
.radioTab .radio ~ .radio{margin-left:-1px !important;}
.radioTab .radio input[type="radio"]{display:none;}
.radioTab .radio label{overflow:hidden;display:flex;height:50px;margin-left:0;padding:0 8px;text-align:center;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;border-radius:5px;font-size:15px;width:100%;position:relative;background:#f9f9f9;}
.radioTab .radio label:before{display:none;}
.radioTab .radio input[type="radio"]:checked + label{background-color:#ffffff;border:1px solid #0a91d1;color:#0a91d1;z-index:1}

.radioTab.item2 .radio{flex:none;-ms-flex:none;;width:50%;margin-top:1px;}
.radioTab.item2 .radio:nth-child(-n+2){margin-top:0;}
.radioTab.item2 .radio:nth-child(2n+1){padding-left:0;}

.radioTab.item3 .radio{flex:none;-ms-flex:none;;width:33.33333%;margin-top:1px;}
.radioTab.item3 .radio:nth-child(-n+3){margin-top:0;}
.radioTab.item3 .radio:nth-child(3n+1){padding-left:0;}

/* selectbox */
.selectBox{position:relative;vertical-align:top;}
.selectBox select{
    display:block;
    position:relative;
    width:100%;
    height:50px;
    padding: 0 30px 0 15px;
    border:1px solid #dddddd;
    border-radius:5px;
    background: #ffffff url("/new/mobile_cn/asset/images/common/arr_select.png") no-repeat right -6px center;
    -webkit-background-size:auto 6px;
    background-size:auto 6px;
    color:#222;
    text-align:left;
    line-height:normal;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    font-size:15px;
}
select::-ms-expand {
    display: none;
}
select::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#222;
}
.selectBox select:focus{border:1px solid #008ed0;background-image:url("/new/mobile_cn/asset/images/common/arr_select.png");}
.selectBox select:disabled{background-color:#f9f9f9;-webkit-text-fill-color:inherit;opacity:1}



.selectBox .select_style{position:relative;width:100%;}
.selectBox .selected{overflow:hidden;display:block;position:relative;width:100%;height:50px;padding:0 25px 0 15px;border:1px solid #eee;border-radius:3px;background:url("/new/mobile_cn/asset/images/common/arr_select.png") no-repeat right center;-webkit-background-size:auto 6px;background-size:auto 6px;color:#222;font-size:15px;line-height:48px;text-align:left;white-space:nowrap;text-overflow:ellipsis;}
.selectBox .selected.disabled,
.selectBox .selected.disabled:focus{background-color:#f7f7f7;-webkit-tap-highlight-color:transparent;cursor:default;}
/*.selectBox .selected:focus{border:1px solid #007d7c;}*/

.selectBox.on .selected:after{-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
.selectBox.on .selectList{display:block;}
.selectBox .selectList{overflow-y:auto;display:none;position:absolute;left:-1px;right:-1px;top:55px;z-index:5;width:100% !important;max-height:224px;padding:15px;border:2px solid #007d7c;border-radius:3px;background:#fff;}
.selectBox .selectList .option a{display:block;padding:8px 0;font-size:15px;line-height:20px;color:#757575;}
.selectBox .selectList .option a:hover{color:#007d7c;font-weight:500;}
.selectBox .selectList .option.disabled a,
.selectBox .selectList .option.disabled span,
.selectBox .selectList .option.disabled strong{cursor:default;}
.selectBox .innerInput{display:none;margin-top:10px;}

.selectWrap.half{width:100%;font-size:0;line-height:0;}
.selectWrap.half .selectBox{display:inline-block;width:calc(50% - 5px);margin-top:0 !important;margin-left:5px;}
.selectWrap.half .selectBox:first-child{margin-left:0;margin-right:5px;}

/* textarea */
/*textarea{display:block;width:100%;height:290px;padding:12px;border:1px solid #dddddd;border-radius:3px;background:#fff;color:#363636;font-size:14px;line-height:1.4;resize:none;-webkit-appearance:none;}*/
/*textarea:focus{border:1px solid #7d52ce;}*/
/*.textarea{overflow:hidden;display:block;position:relative;}*/
/*.textarea .count{float:right;margin-top:8px;font-size:12px;color:#999999;line-height:1;letter-spacing:normal;}*/



.flexAlign{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.flexAlign.between{justify-content:space-between;-ms-flex-pack:justify;align-items:flex-start;-ms-flex-align:start;}
.flexAlign.between .agreeWrap{width:580px;margin-top:0;}
.flexAlign.center{justify-content:center;-ms-flex-pack:center;align-items:flex-start;-ms-flex-align:start}
.flexAlign.end{justify-content:flex-end;-ms-flex-pack:end;}
.flexAlign .full{flex:1;-ms-flex:1;}
.flexAlign .item3{width:33.3333%;}
.flexAlign.bottomBtn{margin:60px 0 30px 0;justify-content:center;-ms-flex-pack:center;}
.flexAlign.bottomBtn .btn{flex:none;-ms-flex:none;width:260px;}
.flexAlign.bottomBtn .btn.middle{width:160px;}
.flexAlign.bottomBtn .btn ~ .btn{margin-left:10px;}
.flexAlign .bar{color:#999999;width:25px;text-align:center;}
.flexAlign .btn.inputBtn{flex:none;-ms-flex:none;}

input.other{display:none;}
input.other.on{display:block;}

/*button*/
.btnBottomArea{margin-top:40px;}
.btnBottomArea.center{display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;}
.btnBottomArea.item3{display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;margin-left:-5px;margin-right:-5px;flex-wrap:wrap}
.btnBottomArea.item3 > li{flex:none;width:33.33333%;padding:5px}
.btnBottomArea.gap{padding:0 25px;}
.btnArea.center{text-align:center;}
.btn{display:inline-flex;display:-ms-inline-flexbox;font-weight:500;-webkit-tap-highlight-color:transparent;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center;padding:0 10px;font-size:15px;background:#0079b1;color:#ffffff;line-height:1;width:100%;}

/*타입*/
.btn.inline{padding:0 10px;font-size:15px;width:auto;display:inline-flex;display:-ms-inline-flexbox !important;height:70px !important;border-radius:70px !important;color:#ffffff;}
.btn.round{height:50px;border-radius:50px;}
.btn.full{width:100% !important;}
.btn.w100{width:100px !important;}
.btn.w150{width:150px !important;}
.btn.round ~ .btn.round{margin-left:10px;}

.btn.medium{height:50px;border-radius:5px;padding:0 10px;}
.btn.medium ~ .btn.medium{margin-left:10px;}

.btn.small{width:auto;height:40px;border-radius:5px;padding:0 15px;font-size:13px;font-weight:400;}
.btn.small ~ .btn.small{margin-left:10px;}
.btnText{border-bottom:1px solid #222222;font-size:15px;}
.btnTextIcon{display:flex;display:-ms-flexbox;line-height:1;font-weight:500}
.btnTextIcon .icon{margin:1px 0 0 7px;width:13px;}
.btnTextIcon .icon.w7{width:7px;margin-top:0;}
.btnTextIcon .icon.w7 img{width:100% !important;}
.btnTextIcon .icon.w8{width:8px;}
.btnTextIcon .icon.w8 img{width:100% !important;}
.btn.disabled{opacity:0.5}

/*크기*/

/*색상*/
.btn.default{background:#008ed0;color:#ffffff;}

.btn.gray{background:#808080;color:#ffffff;}

.btn.line{background:#ffffff;color:#808080;border:1px solid #b5b5b5;}

.btn.lineHoverBlue{background:transparent;color:#808080;border:1px solid #b5b5b5}
.btn.lineHoverBlue.on{background:#008ed0;color:#ffffff;border:1px solid #008ed0;box-shadow:0px 10px 24px 2px rgba(0,142,208,0.2)}



.btn.lineDark{background:transparent;color:#222222;border:1px solid #222222}

.btn.lightBlue{background:#008ed0;color:#ffffff;}

.btn.green{background:#00aa64;color:#ffffff;}

.btn.pupple{background:#4e5dca;color:#ffffff;}

.btn.blueDrak{background:#0a6f9e;color:#ffffff;}

.btn.lightGreen{background:#0dd784;color:#ffffff;}

.btn.lightBlue2{background:#09c6dc;color:#ffffff;}



.btn.lineBlue{background:#ffffff;color:#0079b1;border:1px solid #0079b1}


.btn.lineBlue2{background:#ffffff;color:#008ed0;border:1px solid #008ed0}

.btn.icon.lightBlue{background:#008ed0;color:#ffffff;}
/*icon*/
.btn.icon.plus:after{content:"";display:block;background:url("/new/mobile_cn/asset/images/common/icon_plus.png") no-repeat;width:12px;height:12px;margin-left:7px;}
.btn.icon.rightArr:after{content:"";display:block;background:url("/new/mobile_cn/asset/images/common/icon_rightArr.png") no-repeat center center;width:15px;height:14px;margin-left:7px;background-size:100% auto;}
.btn.icon.rightBlueArr:after{content:"";display:block;background:url("/new/mobile_cn/asset/images/common/icon_right_blue_arr.png") no-repeat left bottom;width:6px;height:13px;margin-left:7px;background-size:100% auto;}
.btn.icon.downBlue:after{content:"";display:block;background:url("/new/mobile_cn/asset/images/common/icon_down.png") no-repeat;width:13.5px;height:15px;margin-left:7px;background-size:13.5px 15px;}
.btn.icon.downGray:after{content:"";display:block;background:url("/new/mobile_cn/asset/images/common/icon_down_g.png") no-repeat;width:13.5px;height:15px;margin-left:7px;background-size:13.5px 15px;}




.txtLink{color:#222;text-decoration:underline !important;}
/*tooltip*/
.tooltipBox{border:1px solid #999999;background:#ffffff;line-height:1.4;padding:11px 15px;font-size:13px;border-radius:3px;position:absolute;z-index:100;top:0;opacity:0;max-width:calc(100% - 40px)}
.tooltipBox .arr{position:absolute;left:0;bottom:-7px;background:url("/new/mobile_cn/asset/images/common/tooltip_arr.png") no-repeat;-webkit-background-size:8px auto;background-size:8px auto;width:8px;height:7px;}

/* Form List */
.titArea + .formWrap{margin-top:30px;}
.formWrap{}
.formWrap.tLine{border-top:2px solid #222222;}
.formWrap .formItem{}
.formWrap .formItem + .formItem{margin-top:30px;}
.formWrap .formItem.noBline{border-bottom:0;margin-bottom:-20px;}
.formWrap .formItem > li.title{font-size:15px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;margin-bottom:10px;line-height:1;position:relative;}
.formWrap .formItem > li.title label,
.formWrap .formItem > li.title span{display:inline-block;position:relative;}
.formWrap .formItem > li.title label.required,
.formWrap .formItem > li.title span.required{padding-right:6px;}
.formWrap .formItem > li.title label.required:after,
.formWrap .formItem > li.title span.required:after{content:"";display:block;position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:3px;background:#37b5f7;}
.formWrap .formItem > li.title .requiredText{position:absolute;right:0;top:0px;color:#008ed0;font-size:13px;line-height:1;padding-left:10px;}
.formWrap .formItem > li.title .requiredText:after{content:"";display:block;position:absolute;left:0;top:50%;margin-top:-2px;width:4px;height:4px;border-radius:4px;background:#37b5f7;}
.formWrap .formItem > li.con .radioArea{display:flex;flex-wrap:wrap}
.formWrap .formItem > li.con .radioArea .radio{width:33.333333%;flex:none;margin:7px 0}
.formWrap .formItem > li.con .radioArea .radio ~ .radio{margin-left:0;}

.formWrap.type2 .formItem{border-bottom:0;display:block;}
.formWrap.type2 .formItem + .formItem{margin-top:30px;}
.formWrap.type2 .formItem > li{flex:1;-ms-flex:1;padding:0;}
.formWrap.type2 .formItem > li.title{flex:none;-ms-flex:none;padding:0;font-size:18px;width:auto;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:auto;margin-bottom:20px;}
.formWrap.type2 .formItem > li.con{padding-right:0;}

.formWrap.noLine .formItem{border-bottom:0;}
.formWrap.noLine .formItem ~ .formItem{margin-top:20px;}
.formWrap.noLine .formItem > li.title{padding:0;height:60px;}
.formWrap.noLine .formItem > li.con{padding:0;}


.formWrap .formItem.noInput > li.title{height:70px}
.formWrap .formItem.noInput > li.con{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;flex-wrap:wrap}
.formWrap .formItem > li.con.gap{margin-bottom:-15px;}
.formWrap .formItem > li.con.gap .checkbox{margin:0 15px 15px 0;}

.inputFlex{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.inputFlex li{flex:1;-ms-flex:1;position:relative;}
.inputFlex li.fixed{flex:none;-ms-flex:none;}
.inputFlex li ~ li{margin-left:5px;}
.inputFlex li.bar{flex:none;-ms-flex:none;background:#dddddd;width:10px;height:2px;display:inline-block;}
.inputFlex li.gap{flex:none;-ms-flex:none;display:inline-block;color:#808080;font-size:18px;}
.inputFlex li.btnR{flex:none;-ms-flex:none;}
.inputFlex + .btn{margin-top:8px;}
.inputFlex.fileType .fileInput{position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;}



.formBox ~ .formBox{margin-top:25px;}
.formBox.oneLine{display:flex;flex-wrap:wrap;border-bottom:1px solid #eeeeee;padding:15px 0;margin-top:0;min-height:70px;}
.formBox.oneLine:last-child{border-bottom:1px solid #999999}
.formBox.oneLine.noLine{border-bottom:0;}
.formBox.oneLine .titArea .tit{margin-bottom:0;}
.formBox .errMsg{width:100%;padding-left:186px;margin-top:8px;}
.formBox .bottomInfo{width:100%;padding-left:186px;margin-top:8px;}
.formBox .infoChange{width:100%;padding-left:186px;margin-top:8px;}
.form.full{width:100%;}
.formBo{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.formBox > .titArea,
.formBox > .tabCont .titArea{width:186px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;padding-left:15px;height:40px;}
.formBox > .titArea .tit,
.formBox > .tabCont .titArea .tit{flex:1;-ms-flex:1;display:flex;align-items:flex-start;font-weight:500;font-size:15px}
.formBox .form{flex:1;-ms-flex:1;}
.formBox .form.center{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;flex-wrap:wrap;-ms-flex-wrap:wrap}
.formBox .form .input{display:block;flex:1;-ms-flex:1}
.formBox .form .input.inline{display:block;flex:none;-ms-flex:none}
.formBox .form .textarea{display:block;flex:1;-ms-flex:1}
.formBox .form .textarea .errMsg{padding-left:0;}
.formBox .form .radio ~ .radio{margin-left:40px;}
.formBox .form .tabContArea .tabCont{display:none;}
.formBox .form .tabContArea .tabCont.on{display:block;}
.formBox > .titArea .tit.required:after,
.formBox > .tabCont .titArea .tit.required:after{content:'';display:inline-block;background:#ff36ac;width:4px;height:4px;border-radius:4px;overflow:hidden;margin:1px 0 0 5px;}
.formBox > .titArea .tit .btnTooltip{margin:-1px 0 0 5px;}
.infomationBox{font-size:14px;line-height:1.4;border:1px solid #dddddd;border-radius:3px;padding:28px 30px;color:#666666;max-height:240px;overflow:auto}
.infomationBox.custom{overflow:visible;max-height:none}
.infomationBox.noScroll{max-height:none;overflow:visible}
.infomationBox.big .txtList li ~ li{margin-top:25px;}
.infomationBox .txtList.bar> li ~ li{margin-top:4px;}
.formBox > .price{font-size:13px;}
.infomationText{font-size:13px;line-height:1.4;color:#999999;margin-top:8px;display:block;}
.formBox .titArea + .infomationText{margin-top:-4px;}
.formBox .fileList{width:365px;}
.formBox .fileItem{display:flex;border:1px solid #bbbbbb;height:40px;padding:0 0 0 15px;border-radius:3px;align-items:center;-ms-flex-align:center;}
.formBox .fileItem:first-child{margin-top:20px;}
.formBox .fileItem ~ .fileItem{margin-top:10px;}
.formBox .fileItem .txt{flex:1;-ms-flex:1;;font-size:14px;color:#666666;}
.formBox .fileItem .fileDel{overflow:hidden;text-indent:-9999px;background:url("/new/mobile_cn/asset/images/common/btn_tag_del.png") no-repeat center center;-webkit-background-size:13px auto;background-size:13px auto;width:35px;height:100%;}


.formBox .selectBox + .input,
.formBox .radioTab + .input,
.formBox .selectBox + .selectBox{margin-top:10px;}
.formBox .input ~ .checkbox{margin-top:15px;}

.formTabCont{display:none;margin-top:30px;}
.formBox .form .formTabCont{margin-top:10px;}
.formTabCont .termsAgreeWrap{margin-bottom:30px;}

.fileSet .inputFile{white-space:nowrap}
.fileSet .infomationText{display:block;}
.fileSet .errMsg{padding-left:10px;font-size:13px;margin-top:0;}
.error .infomationText{display:none;}

/* noti Icon */
p.noti{position:relative;margin-top:12px;padding-left:20px;font-size:13px;line-height:18px;color:#757575;text-align:left;}
p.noti:before{content:'';display:inline-block;position:absolute;top:2px;left:0;width:12px;height:12px;background:url("/new/mobile_cn/asset/images/common/icon_alert.png") no-repeat;-webkit-background-size:12px auto;background-size:12px auto;}
ul.noti{margin-top:12px;}
ul.noti > li{position:relative;margin-top:6px;padding-left:20px;font-size:13px;color:#757575;text-align:left;}
ul.noti > li:first-child{margin-top:0;}
ul.noti > li:before{content:'';display:inline-block;position:absolute;top:2px;left:0;width:12px;height:12px;background:url("/new/mobile_cn/asset/images/common/icon_alert.png") no-repeat;-webkit-background-size:12px auto;background-size:12px auto;}
.noti em{color:#007d7c;}

/* txtList */
.txtList{line-height:1.4;color:#555555;}
.txtList.black{color:#222222;}
.txtList > li{line-height:1.4;font-size:15px;}
.txtList > li .tit{font-weight:500;}
.txtList > li ~ li{margin-top:5px;}


.txtList.star > li{font-size:13px;color:#999999;padding-left:8px;position:relative;}
.txtList.star > li:before{content:'*';display:inline-block;position:absolute;top:1px;left:0;}

.txtList.dot > li{font-size:15px;padding-left:10px;position:relative;}
.txtList.dot > li ~ li{margin-top:10px !important;}
.txtList.noGap > li ~ li{margin-top:0 !important;}
.txtList.dot > li:before{content:'';width:2px;height:2px;border-radius:2px;background:#808080;display:inline-block;position:absolute;top:11px;left:0;}
.txtList.dot.fz13 > li{font-size:13px;}
.txtList.dot.fz13 > li:before{top:8px;}
.txtList.dot.fz13 > li ~ li{margin-top:5px !important;}
.txtList.dot.fz20 > li{font-size:20px;padding-left:15px;position:relative;}
.txtList.dot.fz20 > li ~ li{margin-top:10px !important;}
.txtList.dot.fz20 > li:before{top:12px}

.txtList.dot.black > li{color:#222222;}
.txtList.dot.black > li:before{background:#222222;}
.txtList.dot.lh20 > li{line-height:2}
.txtList.dot.lh20 > li ~ li,
.txtList.dot.lh20 > li ~ li{margin-top:0 !important;}
.txtList.dot.lh20 > li:before{content:'';width:3px;height:3px;border-radius:3px;background:#808080;display:inline-block;position:absolute;top:15px;left:0;}

.txtList.num > li{font-size:15px;padding-left:16px;position:relative;}
.txtList.num > li > .txtList{margin-top:5px;}
.txtList.num > li ~ li{margin-top:25px;}
.txtList.num > li:nth-child(1):before{content:'1.';display:inline-block;position:absolute;top:0;left:0;}
.txtList.num > li:nth-child(2):before{content:'2.';display:inline-block;position:absolute;top:0;left:0;}
.txtList.num > li:nth-child(3):before{content:'3.';display:inline-block;position:absolute;top:0;left:0;}
.txtList.num > li:nth-child(4):before{content:'4.';display:inline-block;position:absolute;top:0;left:0;}
.txtList.num > li:nth-child(5):before{content:'5.';display:inline-block;position:absolute;top:0;left:0;}
.txtList.num > li:nth-child(6):before{content:'6.';display:inline-block;position:absolute;top:0;left:0;}
.txtList.num > li:nth-child(7):before{content:'7.';display:inline-block;position:absolute;top:0;left:0;}
.txtList.num > li:nth-child(8):before{content:'8.';display:inline-block;position:absolute;top:0;left:0;}
.txtList.num > li:nth-child(9):before{content:'9.';display:inline-block;position:absolute;top:0;left:0;}

.txtList.bar > li{font-size:14px;padding-left:8px;position:relative;}
.txtList.bar.fz13 > li{font-size:13px;}
.txtList.bar.fz13 > li ~ li{margin-top:8px;}
.txtList.bar > li:before{content:'-';display:inline-block;position:absolute;top:0;left:0;}

/* noticeBox */
.noticeBox{margin-top:60px;padding:25px 20px;border-top:1px solid #eee;border-radius:0;}
.noticeBox.btm{margin-top:0;border-top:0;}
.section .noticeBox,
.popInner > .noticeBox{margin-left:-30px;margin-right:-30px;}
.noticeBox dl > dt{position:relative;padding-left:25px;font-size:15px;font-weight:500;line-height:16px;}
.noticeBox dl > dt:before{content:'';display:inline-block;position:absolute;top:0;left:0;width:17px;height:16px;background:url("../images/common/icon_alert2.png") no-repeat;-webkit-background-size:17px auto;background-size:17px auto;}
.noticeBox dl > dd{padding:12px 0 0 0;font-size:13px;}
.noticeBox .sp{margin-left:10px;font-size:13px;line-height:20px;}
.noticeBox .sp > li{font-size:13px;line-height:20px;}
.noticeBox .sp > li ~ li{margin-top:5px;}
.noticeBox .txtList{margin-left:10px;font-size:13px;line-height:20px;}
.noticeBox .txtList > li{font-size:13px;line-height:20px;}
.noticeBox ul.txtList > li ul,
.noticeBox ul.txtList > li p{margin-top:5px;}
.noticeBox .txtList > li .dep02{margin-top:5px;color:#757575;}
.noticeBox .txtList > li > ul.dep02 > li,
.noticeBox .txtList > li > p.dep02{position:relative;padding-left:7px;}
.noticeBox .txtList > li > ul.dep02 > li:before,
.noticeBox .txtList > li > p.dep02:before{content:'';display:inline-block;position:absolute;top:10px;left:0;width:3px;height:1px;background-color:#757575;}

.noticeBox dl > dt.noIco{padding:5px 0 0 10px;}
.noticeBox dl > dt.noIco:before{display:none;}
.noticeBox dl > dt.noIco [class^="flag"]{margin:-2px 0 0 7px}

/* 주소찾기 */
.addrSch{}
.addrSch .searchBox{margin-bottom:40px;}
.notiText li ~ li{margin-top:30px;}
.notiText li{position:relative;padding-left:8px;}
.notiText li:before{content:'';display:inline-block;position:absolute;top:7px;left:0;width:2px;height:2px;background-color:#757575;}
.notiText li .ex{display:flex;margin-top:6px;font-size:13px;color:#757575;}
.notiText li .ex .con{flex:1;-ms-flex:1;;padding-left:6px;}
.addrSch .addrList{overflow:hidden;}
.addrSch .addrList ul{border-top:1px solid #eee;}
.addrSch .addrList li{border-bottom:1px solid #eee;}
.addrSch .addrList a{display:block;position:relative;padding:19px 0;line-height:1;}
.addrSch .addrList a .zip{display:block;margin-bottom:10px;font-weight:700;}
.addrSch .addrList a .addr{position:relative;padding-left:50px;padding-top:1px;font-size:13px;color:#757575;line-height:18px;}
.addrSch .addrList a .addr + .addr{margin-top:6px;}
.addrSch .addrList a .addr .flag{position:absolute;top:0;left:0;width:44px;}
.addrSch .addrList + .btnArea{margin-top:20px;}

/* 검색바 */
.searchBox{position:relative;}
.searchBox + .tblCont{margin-top:30px;}
.searchBox input[type="text"],
.searchBox input[type="search"]{height:60px;padding:20px 100px 20px 30px;border:0;border-bottom:2px solid #222;border-radius:0;font-size:15px;}
.searchBox input[type="text"]:focus,
.searchBox input[type="search"]:focus{text-indent:0;}
.searchBox .btnSch{overflow:hidden;position:absolute;top:20px;right:30px;width:20px;height:20px;}
.searchBox .btnSch:before{content:'';display:block;position:absolute;top:0;right:0;width:20px;height:20px;background:url("/new/mobile_cn/asset/images/common/icon_search.png") no-repeat center top;background-size:100%;}
.searchBox .btnSch span{display:inline-block;text-indent:-9999em;}
.searchBox.error input[type="text"],
.searchBox.error input[type="search"]{border:0;border-bottom:2px solid #222;background-color:#fff;}
.searchBox .btnDel{display:none;position:absolute;top:10px;right:54px;}

.searchBox input::-webkit-input-placeholder{font-size:15px;}
.searchBox input::-moz-placeholder{font-size:15px;}
.searchBox input:-ms-input-placeholder{font-size:15px;}
.searchBox input:-moz-placeholder{font-size:15px;}

.layerPop .searchBox input[type="text"],
.layerPop .searchBox input[type="search"]{padding-left:0;padding-right:70px;}
.layerPop .searchBox .btnSch{right:0;}
.layerPop .searchBox .btnDel{right:24px;}

/* 검색결과 */
.resultTit{position:relative;margin-top:40px;margin-bottom:12px;font-size:15px;line-height:1;font-weight:500;}
.resultTit .add{position:absolute;top:-3px;right:0;}

/* validator */

.errMsg{display:none;color:#555555;font-size:13px;background:url("/new/mobile_cn/asset/images/common/alert_icon.png") no-repeat left 2px;padding-left:19px;line-height:1.4;margin-top:10px;background-size:13px auto;}
.errMsg.block{display:block;}
.error .errMsg{display:block;width:100%;}




/*tab*/
.tabArea{flex:1 0 auto;-ms-flex:1 0 auto;display:flex;display:-ms-flexbox;flex-direction:column;-ms-flex-direction:column}
.tabArea.contentFixed{padding-top:50px;position:relative;}
.tabList{position:relative;margin-bottom:20px;}
.tabList.full{margin:0 -20px;}
.tabList.fixedTab{position: absolute;left:0;top:0;width: 100%;z-index:100;margin-bottom:0;}
.tabList.fixedTab.full{position: absolute;left:-20px;right:-20px;top:0;z-index:100;margin:0;width:calc(100% + 40px);}
.tabList.fixedTab.on{position: fixed;margin:0;top:60px;left:0;width: 100%;}
.tabList ul{display:flex;display:-ms-flexbox;flex-wrap:nowrap;overflow:auto;width:100%;background: #ffffff;}
.tabList ul::-webkit-scrollbar {
    display: none;
}
.tabList li{flex:1;-ms-flex:1;border-bottom:1px solid #eeeeee;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;text-align:center;justify-content:center;-ms-flex-pack:center;position:relative;min-height:50px;}
.tabList li.on{background:#ffffff;border-bottom:0;z-index:1;}
.tabList li.on:after{content:"";display:block;position:absolute;left:0;right:0;bottom:0px;background:#008ed0;height:3px;z-index:2}
.tabList .tab{display:flex;display:-ms-flexbox;width:100%;min-height:50px;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;padding:8px 20px;color:#808080;font-size:16px;line-height:1.2;font-weight:500;white-space:nowrap}
.tabList li.on .tab{color:#222222;font-weight:700;}


.tabList.round{position:relative;margin-bottom:0;}
.tabList.round > ul{background:#f9f9f9;border-radius:5px;margin:0;}
.tabList.round > ul > li{border-bottom:0;}
.tabList.round.item3 > ul{flex-wrap:wrap}
.tabList.round.item3 > ul > li{width:33.333333%;flex:none}
.tabList.round > ul > li ~ li{margin-left:0;}
.tabList.round > ul > li:after {display:none;}
.tabList.round > ul > li .tab{color:#555555;font-size:15px;padding:0 20px;}
.tabList.round > ul > li.on {color:#008ed0;border-left:0;border-right:0;}
.tabList.round > ul > li.on .tab{height:50px;position:relative;}
.tabList.round > ul > li.on .tab span{color:#008ed0;position:relative;z-index:3;}
.tabList.round > ul > li.on .tab:after{content:"";display:block;position:absolute;left:0;right:0;top:0;bottom:0;border:1px solid #008ed0;height:50px;z-index:2;border-radius:5px;background:#ffffff;}


.tabList.small{position:relative;margin-bottom:0;}
.tabList.small li{border:0;line-height:1;min-height:auto;background:none;flex:none;-ms-flex:none;}
.tabList.small li ~ li{margin-left:4px;}
.tabList.small li .tab{position:relative;height:40px;line-height:40px;background:#ffffff;border:1px solid #f0f0f0;padding:0 17px;font-weight:500;color:#b8b5c7;border-radius:40px !important;white-space:nowrap;font-size:14px;}
.tabList.small li.on .tab{background:#7d52ce;border:1px solid #7d52ce;color:#ffffff;font-weight:500;}
.tabList.small li.on .tab:after{content:'';display:block;width:10px;height:7px;background:url("/new/mobile_cn/asset/images/content/arr_bottom.png") no-repeat;position:absolute;left:50%;top:39px;margin-left:-5px;}

.tabList.barType{overflow:hidden;position:relative;margin-bottom:0;}
.tabList.barType li{border:0;background:#ffffff;line-height:1;min-height:auto;position:relative;flex:none}
.tabList.barType li ~ li{margin-left:20px;padding-left:20px;}
.tabList.barType li ~ li:after{content:'';display:block;position:absolute;left:0;top:50%;width:1px;height:10px;background:#e8e7e9;margin-top:-5px;}
.tabList.barType li .tab{position:relative;height:auto;line-height:1;background:none;border:0;font-weight:500;color:#cccccc;border-radius:0 !important;white-space:nowrap;font-size:18px;}
.tabList.barType li .tab em{margin-left:5px;}
.tabList.barType li.on .tab{background:#fff;border:0;color:#363636;font-weight:700;}
.tabList.barType li.on .tab em{color:#7d52ce;}


.tabArea .tabContArea{}
.tabArea .tabCont{display:none;flex:1;-ms-flex:1;;}
.tabArea .tabCont.bLine{border-bottom:1px solid #eeeeee;}
.tabArea .tabCont.on{display:block}
.layerPopArea.bottom .tabList{margin-bottom:12px;}
.layerPopArea.bottom .tabList.xsmall ul{padding:0}

/* flag */

.flagArea{display:flex;}
.flagArea.center{align-items:center;-ms-flex-align:center;}
.flagArea.center .flag{margin-right:13px;}
.flag{display:inline-block;font-size:13px;font-weight:500;padding:0 10px;line-height:22px;height:22px;border-radius:22px;}
.flag.small{font-size:12px;font-weight:500;padding:0 12px;line-height:20px;height:20px;border-radius:20px;}.flag.h35{font-size:12px;line-height:25px;height:25px;border-radius:25px;}
.flag.h35 ~ .flag.h35{margin-left:10px;}
.flag em{}
.flag ~ .flag{margin-left:3px;}
.flag.block{margin:5px 0}
.flag.red{background:#e11900;color:#ffffff;}
.flag.blue{background:#008ed0;color:#ffffff;}
.flag.gray{background:#808080;color:#ffffff;}
.flag.gray2{background:#f9f9f9;color:#808080;}
.flag.white{background:#ffffff;color:#808080;}
.flag.green{background:#00aa64;color:#ffffff;}
.flag.orange{background:#e47815;color:#ffffff;}
.flag.pupple{background:#4e5dca;color:#ffffff;}
.flag.lightBlue{background:#09c6dc;color:#ffffff;}


/* table */
.tblCont{}
.tblCont.scroll{overflow-x:auto;padding-bottom:15px;width:100%;}
.tblCont .topTitle{font-size:13px;line-height:1;margin-bottom:10px;position:relative;color:#555555;}
.tblCont .topTitle .btnRight{position:absolute;right:0;top:-5px;font-size:18px;}
.tblCont .price{text-align:right !important;}
.tblCont table td.tal{text-align:left !important;}
.tblCont table td.tal20{text-align:left !important;padding-left:20px !important;}
.tblCont table td.tal0{text-align:left !important;padding-left:0px !important;}
.tblCont table td.full{padding:10px 0;}
.tblCont table {border-top:1px solid #222222;}
.tblCont table thead th{border-bottom:1px solid #222222;font-weight:700;}
.tblCont table th,
.tblCont table td{height:50px;padding:13px 5px 15px;border-bottom:1px solid #eeeeee;text-align:center;font-size:15px;line-height:1.4;}
.tblCont table th{font-weight:700;color:#222222;}
.tblCont table td{color:#222222;}
.tblCont table td .btn ~ .btn{margin-left:2px;}
.tblCont table th.thb{font-weight:normal;}
.tblCont table.on tbody tr th,
.tblCont table.on tbody tr td{background:#f1fcff;}

.tblCont.line ~ .tblCont.line{margin-top:30px;}
.tblCont.line table thead th{border-bottom:1px solid #222222;line-height:1.4;padding:10px 0;}
.tblCont.line table thead th em{display:block;font-size:13px;font-weight:400;}
.tblCont.line table th,
.tblCont.line table td{border-right:1px solid #eeeeee;}
.tblCont.line table th:last-child,
.tblCont.line table td:last-child{border-right:0;}
.tblCont.line table .title{padding-left:15px;text-align:left;}
.tblCont.line table td{color:#222222;}
.tblCont.line table td strong{font-weight:500;}
.tblCont.line table th{padding:13px 0}
.tblCont.line table th.tal{padding-left:15px;text-align:left;}
.tblCont.line table th.vtop{vertical-align:top;padding-top:15px;}

.tblCont .tableScroll{overflow-y:auto;height:266px;border-bottom:1px solid #eeeeee;}
.tblCont .tableScroll table{border-top:0;}
.tblCont .tableScroll table tbody tr:last-child td{border-bottom:0;}


.tblCont.line.slim table th,
.tblCont.line.slim table td{height:47px;padding:5px;font-size:15px;}

.tblCont .flagArea{display:block;padding-right:20px;width:100%;background:url('../images/common/icon_arr.png') no-repeat center right;background-size:7.5px 12.5px;}
.tblCont .flagArea span{display:block;}
.tblCont .flagArea span.flag{display:inline-block;margin-bottom:5px;}

/* 게시판목록 */
.listWrap + .subTitleArea{margin-top:25px;}
.listWrap{border-top:1px solid #222222;}
.listWrap.first{margin-top:-20px;}
.listWrap.tLine{border-top:2px solid #363636 ;}
.listWrap.qna .toggleTitleArea{cursor:hand;cursor:pointer}
.listWrap .noData{border-bottom:1px solid #dddddd;}
.listWrap .wdate{width:130px;text-align:center;}
.listWrap .wkind{width:120px;text-align:center;}
.listWrap .wtitle{flex:1;-ms-flex:1;text-align:center;}
.listWrap .wstat{width:150px;text-align:center;}
.listWrap .listTopArea{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:60px;border-bottom:1px solid #eeeeee;}
.listWrap .listTopArea .th{text-align:center;}
.listWrap .listArea{position:relative;}
.listWrap .listArea .listItem{position:relative;border-bottom:1px solid #dddddd;}
.listWrap .listArea .listItem.on .listBtn.toggleBtn:after{transform:rotate(180deg)}
.listWrap .listArea .listItem .listBtn{}
.listWrap .listArea .listItem .listBtn.toggleBtn{position:relative;padding:15px 40px 15px 10px;display:flex;display:-ms-flexbox;width:100%;align-items:center;-ms-flex-align:center;font-size:15px;font-weight:400;min-height:60px;text-align:left;color:#222222;}
.listWrap .listArea .listItem .listBtn.toggleBtn:after{content:'';overflow:hidden;display:block;background:url("/new/mobile_cn/asset/images/common/btn_toggle_arr.png") no-repeat right center;width:11px;height:7px;-webkit-background-size:11px auto;background-size:11px auto;transition:0.3s all;-webkit-tap-highlight-color:transparent;text-indent:-9999px;position:absolute;right:20px;top:50%;margin-top:-4px;opacity:0.7}
.listWrap .listArea .listItem .listBtn.toggleBtn .title{white-space:normal;line-height:1.4;display:block;}
.listWrap .listArea .listItem .listBtn.toggleBtn .title:after{display:none;}

.listWrap .listArea .listItem .listBtn.link{position:relative;padding:15px 40px 15px 10px;font-size:15px;font-weight:500;min-height:60px;width:100%;display:flex;flex-direction:column;justify-content:center;}
.listWrap .listArea .listItem .listBtn.link:after{content:'';overflow:hidden;display:block;background:url("/new/mobile_cn/asset/images/common/btn_toggle_arr.png") no-repeat right center;width:11px;height:7px;-webkit-background-size:11px auto;background-size:11px auto;transition:0.3s all;-webkit-tap-highlight-color:transparent;text-indent:-9999px;position:absolute;right:20px;top:50%;margin-top:-4px;opacity:0.7;transform:rotate(-90deg)}

.listWrap .listArea .listItem .statArea{display:flex;font-size:12px;line-height:1;position:absolute;left:0;bottom:22px;z-index:1;}
.listWrap .listArea .listItem .statArea .stat{font-weight:500;}
.listWrap .listArea .listItem .statArea .date{margin-top:0;}
.listWrap .listArea .listItem .statArea em{position:relative;}
.listWrap .listArea .listItem .statArea em ~ em{margin-left:6px;padding-left:6px;}
.listWrap .listArea .listItem .statArea em ~ em:before{content:"";display:block;width:1px;height:9px;background:#d7d7d7;position:absolute;left:0;top:2px;}
.listWrap .listArea .listItem .listBtn .q{background:url("/new/mobile_cn/asset/images/common/icon_q.png") no-repeat;width:32px;height:14px;-webkit-background-size:10px auto;background-size:10px auto;overflow:hidden;text-indent:-9999px;margin-top:3px;margin-left:15px;}
.listWrap .listArea .listItem .a{background:url("/new/mobile_cn/asset/images/common/icon_a.png") no-repeat;width:12px;height:14px;margin-right:13px;overflow:hidden;text-indent:-9999px;position:absolute;left:0;top:2px;}
.listWrap .listArea .listItem .listBtn .icon{margin-right:10px;}
.listWrap .listArea .listItem .listBtn .icon img{width:16px;}

.listWrap .listArea .listItem .listBtn > .ctg{display:block;margin-bottom:9px;font-size:13px;font-weight:400;}
.listWrap .listArea .listItem .listBtn > .title{line-height: 1.4;}
.listWrap .listArea .listItem .listBtn > .date{display:block;font-size:13px;color:#808080;margin-top:8px;font-weight:400;}

.listWrap .listArea .listItem .textArea > .name{display:block;margin-bottom:9px;font-size:15px;font-weight:500;}
.listWrap .listArea .listItem .textArea > .tel{line-height:1;font-size:15px;}
.listWrap .listArea .listItem .textArea > .car{display:block;font-size:13px;color:#808080;margin-top:8px;font-weight:400;}

.listWrap .listArea .listItem .toggleContent{display:none;position:relative;border-top:1px solid #dddddd;background:#f9f9f9;padding:20px 10px;line-height:1.4;}
.listWrap .listArea .listItem .toggleContent.faqType .toggleContentArea{padding-left:33px;}
.listWrap .listArea .listItem .toggleContentArea{position:relative;}
.listWrap .listArea .listItem .toggleContent.titleType{background:#FAF9FE;padding:0 30px;border-bottom:1px solid #eeeeee;}
.listWrap .listArea .listItem .toggleContent.titleType > .toggleContentTitle{font-size:14px;padding:28px 0;border-bottom:1px dashed #eeeeee;}
.listWrap .listArea .listItem .toggleContent.titleType > .toggleContentTitle .btnDelArea{text-align:right;margin-top:10px;margin-bottom:-13px;}
.listWrap .listArea .listItem .toggleContent.titleType > .contentBox{background:#FAF9FE;font-size:14px;line-height:1.4;padding:30px 0 30px 32px;color:#666666;display:block;position:relative;}
.listWrap .listArea .listItem .toggleContent.titleType > .contentBox .a{left:0;top:33px;}
.listWrap .listArea .listItem .toggleContent img{margin-bottom:10px;}
.listWrap .listArea .listItem .toggleContent .linkArea .link {
    color: #ff35ad;
    text-decoration: underline;
}
/* thumbList */
.swiper-container-area .btnControl{display:flex;display:-ms-flexbox;justify-content:flex-end;-ms-flex-pack:end;margin-bottom:30px;}
.swiper-container-area .btnControl button ~ button{margin-left:15px;}
.totalTopTitle{font-size:13px;padding-bottom:12px;}
.thumbList .item .thumb{display:block;border-radius:10px;overflow:hidden;position:relative;height:57vw;}
.thumbList .item .thumb img{width:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.thumbList .item .thumb.video:after{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.2) url("/new/mobile_cn/asset/images/content/btn_play.png") no-repeat center center;}
.thumbList .item .textArea{margin-top:20px;}
.thumbList .item .textArea a:hover,
.thumbList .item .textArea a:focus{text-decoration:underline;}
.thumbList .item .textArea .title{display:block;font-size:17px;font-weight:500;line-height:1.6;}
.thumbList .item .textArea .txt{display:block;font-size:15px;line-height:1.6;}
.thumbList .item .textArea .date{font-size:13px;margin-top:13px;color:#555555;}
.thumbList .item .textArea .flagArea{margin-top:20px;margin-bottom:13px;flex-wrap:wrap}
.thumbList .item .textArea .flagArea .flag{margin:0 5px 5px 0}

.thumbList.horizontal{border-top:1px solid #222222;padding-top:45px;}
.thumbList.horizontal .item{}
.thumbList.horizontal .item ~ .item{margin-top:38px;}
.thumbList.horizontal .item .thumb{flex:none;-ms-flex:none;margin-right:38px;width:100%;height:58.3vw;}
.thumbList.horizontal .item .textArea{}
.thumbList.horizontal .item .textArea .title{}
.thumbList.horizontal .item .textArea .txt{max-height:72px;overflow:hidden;color:#555555;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-top:7px;}
.thumbList.card {overflow:visible;}
.thumbList.card.item3{display:flex;display:-ms-flexbox;flex-wrap:wrap;}
.thumbList.card.item3 .item{width:100%;margin:40px 0 0 0;}
.thumbList.card.item3 .item:first-child{margin-top:0;}
.thumbList.card.item4{display:flex;display:-ms-flexbox;flex-wrap:wrap;}
.thumbList.card.item4 .item{width:100%;margin:40px 0 0 0;}
.thumbList.card.item4 .item:first-child{margin-top:0;}
.thumbList.card .swiper-slide {width:calc(100% / 1.065);}
.thumbList.card .item{width:100%;}
.thumbList.card .item .textArea .flagText{font-size:13px;color:#f73737;margin-bottom:8px;}
.thumbList.card .item .textArea .title{max-height:55px;overflow:hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.thumbList.boxShadow .item{width:270px;}
.thumbList.boxShadow.item3{display:flex;display:-ms-flexbox;flex-wrap:wrap;margin:0 -12px;}
.thumbList.boxShadow.item3 .item{width:270px;margin:0 12px;}
.thumbList.boxShadow .item .thumb{border-radius:0;}
.thumbList.boxShadow .item .textArea{padding:20px 25px;margin-top:0;height:153px;}
.thumbList.boxShadow .item .textArea .title{max-height:82px;overflow:hidden;
    font-size:18px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.thumbList.boxShadow .item .textArea .date{margin-top:10px;font-size:13px;color:#555555;}
/* .thumbList.boxShadow .item a:hover,
.thumbList.boxShadow .item a:focus{display:block;border-radius:10px;background:#ffffff;overflow:hidden;box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.05);transition:0.2s all} */


/*listView*/
.brdView{}
.brdView .top{margin:0 -30px;padding:0 30px 40px;border-bottom:1px solid #eee;}
.brdView .top h2{font-size:24px;font-weight:700;}
.brdView .top span{display:block;margin-top:20px;color:#757575;font-size:13px;}
.brdView .cont{padding:40px 0;}
.brdView .cont table{table-layout:auto !important;}

.attachFile{margin:0 -30px;padding:40px 30px;border-top:1px solid #eee;}
.attachFile .tit{margin:0 0 20px;font-weight:700;font-size:20px;}

.brdLink{margin:0 -30px 40px;border-top:1px solid #eee;text-align:left;}
.brdLink .bx{display:table;table-layout:fixed;width:100%;padding:8px 30px;border-bottom:1px solid #eee;vertical-align:middle;}
.brdLink .bx strong{display:table-cell;width:20%;font-weight:500;}
.brdLink .bx span{overflow:hidden;display:table-cell;padding-left:20px;white-space:nowrap;text-overflow:ellipsis;}

/* select layer pop */
.selectItem{}
.selectItem > li{margin-top:-1px;border:1px solid #eee;vertical-align:top;}
.selectItem > li:first-child{margin-top:0;border-radius:3px 3px 0 0;}
.selectItem > li:last-child{border-radius:0 0 3px 3px;}
.selectItem > li .item{display:block;position:relative;width:100%;height:43px;padding:3px 38px 0;border:0;font-size:15px;line-height:18px;text-align:center;word-break:break-word;}
.selectItem > li a.item{display:flex;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center;}
.selectItem > li .item.on{font-weight:700;color:#007d7c;}
.selectItem > li .item.on:after{content:'';display:block;position:absolute;left:0;top:0;width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;border:2px solid #007d7c;}
.selectItem > li .item.on:before{content:'';display:block;position:absolute;right:12px;top:15px;width:12px;height:10px;background:url("/new/mobile_cn/asset/images/common/selectitem_check.png") no-repeat;background-size:12px auto;}
.selectItem > li:first-child .item.on:after{border-radius:3px 3px 0 0;}
.selectItem > li:last-child .item.on:after{border-radius:0 0 3px 3px;}
.selectItem.half{display:flex;flex-wrap:wrap}
.selectItem.half > li{width:50%;}
.selectItem.half > li:nth-child(-n+2){margin-top:0;}
.selectItem.half > li:nth-child(even){margin-left:-1px;}
.selectItem.half > li:nth-child(1),
.selectItem.half > li:nth-child(1) .item.on:after{border-radius:3px 0 0 0;}
.selectItem.half > li:nth-child(2),
.selectItem.half > li:nth-child(2) .item.on:after{border-radius:0 3px 0 0;}
.selectItem.half > li:nth-child(2n):nth-last-child(1),
.selectItem.half > li:nth-child(2n):nth-last-child(1) .item.on:after{border-bottom-right-radius:3px;}
.selectItem.half > li:nth-child(2n-1):nth-last-child(2),
.selectItem.half > li:nth-child(2n-1):nth-last-child(2) .item.on:after{border-bottom-left-radius:3px;}
.selectItem.half > li:nth-child(2n+1):nth-last-child(1),
.selectItem.half > li:nth-child(2n+1):nth-last-child(1) .item.on:after{border-bottom-left-radius:3px;}
.selectItem.half > li .item{padding:3px 18px 0;}
.selectItem.half > li .item.on:before{right:6px;}

/* 계좌선택/은행선택 */
.accountItemList.tabTy .popInner,
.bankItemList .popInner{overflow:hidden !important;}
.accountItemList.tabTy .tabCont .scroll,
.bankItemList .tabCont .scroll{overflow:hidden;overflow-y:auto;height:233px !important;padding-bottom:30px;}

.selectItem li .accountItem{display:block;position:relative;padding:20px 20px 18px;line-height:1;}
.selectItem li .accountItem strong{display:inline-block;margin-bottom:10px;font-weight:500;vertical-align:middle;}
.selectItem li .accountItem span{display:inline-block;margin-left:5px;margin-bottom:10px;font-size:13px;color:#757575;vertical-align:middle;}
.selectItem li .accountItem .account{display:block;margin:0;font-size:15px;color:#222;vertical-align:top;}
.selectItem li .accountItem.on *{color:#007d7c;}
.selectItem li .accountItem.on:after{content:'';display:block;position:absolute;left:0;top:0;width:calc(100% + 2px);height:calc(100% + 2px);margin:-1px;border:2px solid #007d7c;}
.selectItem li .accountItem.on:before{content:'';display:block;position:absolute;right:12px;top:50%;width:12px;height:10px;margin-top:-5px;background:url("../images/common/selectitem_check.png") no-repeat;background-size:12px auto;}
.selectItem > li:first-child .accountItem.on:after{border-radius:3px 3px 0 0;}
.selectItem > li:last-child .accountItem.on:after{border-radius:0 0 3px 3px;}

.accountItemList.tabTy .popInner .noData{padding:50px 0;}

/* 로딩 */
.loading{position:fixed;left:0;right:0;top:0;bottom:0;z-index:101;width:100%;min-height:100%;background:rgba(0,0,0,0.6);}
.loading img{display:block;position:absolute;left:50%;top:50%;width:71px;height:39px;transform:translate(-50%, -50%);}
.loadingTxt{position:fixed;left:0;right:0;top:0;bottom:0;z-index:101;width:100%;min-height:100%;background:rgba(0,0,0,0.6);}
.loadingTxt .inner{position:absolute;left:50%;top:50%;width:183px;height:183px;padding-top:48px;border:5px solid #64e7df;background-color:#fff;border-radius:50%;transform:translate(-50%, -50%);box-sizing:border-box;text-align:center;}
.loadingTxt img{width:47px;height:26px;}
.loadingTxt .txt{display:block;padding:0 30px;margin-top:20px;font-size:15px;line-height:22px;}

/* 에러 페이지 */
.errorWrap{padding:70px 0 0 0;text-align:center;line-height:1.6;}
.errorWrap .img{width:100px;margin:0 auto 25px auto;}
.errorWrap .title{font-size:19px;font-weight:bold;margin-bottom:15px;}
.errorWrap .text{font-size:15px;color:#555555;}
.errorWrap .btnBottomArea{font-size:20px;color:#555555;}



/* slide */
.slideWrap.MultiRow{margin-top:-4px;}
.slideWrap{overflow:hidden;position:relative;padding-bottom:43px;}
.slideWrap .slide{position:relative;z-index:1;}
.slideWrap .slide a{display:block;width:100%;}
.slideWrap .slide > ul{white-space:nowrap;text-align:left;}
.slideWrap .slide .swiper-slide{transition:all ease 0.1s;}
.slideWrap .slide .swiper-slide-active{transition:all ease 0.1s;}

.slideWrap .pagination{position:absolute;z-index:10;left:0;bottom:20px;width:100%;text-align:center;font-size:0;line-height:0;}
.slideWrap .pagination a{display:inline-block;vertical-align:middle;}
.slideWrap .pagination .swiper-pagination-bullet{display:inline-block;margin:0 3px;width:6px;height:6px;background:#cccccc;border-radius:50%;text-indent:-9999px;opacity:1;vertical-align:middle;}
.slideWrap .pagination .swiper-pagination-bullet > span{overflow:hidden;position:absolute;left:-9999em;width:0;height:0;margin:0;padding:0;font-size:11px;line-height:1;text-indent:-9999em;}
.slideWrap .pagination .swiper-pagination-bullet-active{background:#7d52ce;border-radius:6px;}

/* play stop 버튼 추가 */
.slideWrap .paginationSet{position:absolute;z-index:10;left:0;bottom:17px;width:100%;text-align:center;line-height:1;}
.slideWrap .paginationSet .pagination{display:inline-block;left:auto;bottom:auto;width:auto;position:relative;}
.slideWrap .paginationSet .ctrl{display:none;margin-left:5px;vertical-align:middle;}
.slideWrap .paginationSet.init .ctrl{display:inline-block;}
.slideWrap .paginationSet .ctrl a{display:none;width:9px;height:9px;}
.slideWrap .paginationSet .ctrl a span{overflow:hidden !important;position:absolute !important;width:1px !important;height:1px !important;margin:0 !important;padding:0 !important;border:0 !important;clip:rect(0 0 0 0) !important;white-space:nowrap !important;transition:none !important;}
.slideWrap .paginationSet .ctrl a:before{content:'';display:inline-block;width:9px;height:9px;background:url('/new/mobile_cn/asset/images/common/btn_play_stop_w.png') no-repeat top left;background-size:9px auto;}
.slideWrap .paginationSet .ctrl a.on{display:block;}
.slideWrap .paginationSet .ctrl a.on.play:before{background-position:bottom left;}

/* paging */
.paging{text-align:center;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;margin:30px 0 0 0;}
.paging .number{font-size:15px;color:#808080;font-weight:500;padding:0 50px;}
.paging .number .now{color:#008ed0;}
.paging a{font-size:15px;color:#999999;text-decoration:none;}
.paging a:hover,
.paging a:focus{color:#222222;}
.paging a.pagingFirst, .paging a.pagingPrev, .paging a.pagingNext, .paging a.pagingLast{font-size:0;line-height:0;background:#fff;width:20px;height:20px;}

.paging a.pagingPrev, .paging a.pagingPrev:hover{background:url("/new/mobile_cn/asset/images/common/paging_prev.png") no-repeat center center;background-size:6px auto;}
.paging a.pagingNext, .paging a.pagingNext:hover{background:url("/new/mobile_cn/asset/images/common/paging_next.png") no-repeat center center;background-size:6px auto;}


/*datepicker*/
.ui-datepicker{padding:18px 15px;z-index:60 !important;margin-top:10px;}
.ui-widget.ui-widget-content{border:1px solid #7d52ce}
.ui-widget-header {
    border: 0;
    background: #ffffff;
    color: #333;
    font-weight: bold;
    font-size:15px;
    margin-bottom:2px;
}
.ui-datepicker .ui-datepicker-header{padding:0;}
.ui-datepicker .ui-datepicker-prev{border:0 !important;background:#ffffff !important;left:0 !important;top:0 !important;width:28px !important;}
.ui-datepicker .ui-datepicker-prev span{
    background:url("/new/mobile_cn/asset/images/common/icon_calendar_prev.png") no-repeat center center;
}
.ui-datepicker .ui-datepicker-next{border:0 !important;background:#ffffff !important;right:0 !important;top:0 !important;width:28px !important;}
.ui-datepicker .ui-datepicker-next span{
    background:url("/new/mobile_cn/asset/images/common/icon_calendar_next.png") no-repeat center center;

}
.ui-datepicker th {
    padding: 15px 1px;
    text-align: center;
    font-weight: bold;
    border: 0;
    height:28px;
}
.ui-datepicker td {
    padding: 1px;
    text-align: center;
    font-weight: 500;
    border: 0;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    border:0;
    background:none;
    width:28px;
    height:28px;
    text-align:center;
    line-height:28px;
    padding:0;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{
    background:#7d52ce;
    border-radius:28px;
    color:#ffffff !important;
}

.ui-datepicker .ui-datepicker-week-end:first-child {
    color:#ff36ac;
}
.ui-datepicker .ui-datepicker-week-end:first-child .ui-state-default{
    color:#ff36ac;
}
body{overflow-y:visible !important;}
body.closeWrap{overflow:hidden !important;}