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

/* latin */
@font-face {
    font-family: 'NotoSansKR';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v18/JTURjIg1_i6t8kCHKm45_cJD3gnD_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: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/montserrat/v18/JTUSjIg1_i6t8kCHKm459Wlhyw.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: 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-word}
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;}

.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;}
.fz16{font-size:16px !important;}
.fz17{font-size:17px !important;}
.fz18{font-size:18px !important;}
.fz20{font-size:20px !important;}
.fz22{font-size:22px !important;}
.fz24{font-size:24px !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;}
.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;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
.pl0{padding-left:0 !important;}
.pb50{padding-bottom:50px !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:60px;padding:0 20px;border:1px solid #dddddd;border-radius:5px;background:#fff;color:#222222;font-size:18px;text-indent:0;line-height:normal;}
input[type="password"]{display:inline-block;width:100%;height:60px;padding:0 20px;border:1px solid #dddddd;border-radius:5px;background:#fff;color:#222222;font-size:18px;text-indent:0;line-height:normal;}
textarea{padding:20px;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/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;background:url("/new/cn/asset/images/common/icon_date.png") no-repeat right center;}



.input .del{overflow:hidden;display:none;position:absolute;right:0;top:0;width:54px;height:50px;background:url("/new/cn/asset/images/common/input_reset.png") no-repeat center center;-webkit-background-size:14px auto;background-size:14px auto;text-indent:-99999px;}
/* .input.focus input{padding-right:55px;} */
.input.focus .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:30px;}
.checkbox.required:after{
    content: '';
    display: inline-block;
    background: #ff36ac;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin: 2px 0 0 5px;
    align-self:flex-start;
    -ms-flex-align:start;
}
.checkbox input{display:none;}
.checkbox label{font-size:18px;display:inline-flex;display:-ms-inline-flexbox;align-items:center;-ms-flex-align:center;line-height:24px;}
.checkbox label:before{content:"";display:inline-block;background:url("/new/cn/asset/images/common/radio_bg.png") no-repeat;background-size:auto 48px;width:24px;height:24px;margin-right:8px;}
.checkbox.gray label:before{background-image:url("/new/cn/asset/images/common/radio_bg_gray.png")}
.checkbox input:checked + label{font-weight:500;}
.checkbox input:checked + label:before{background-position:0 -24px;}
.checkbox input:disabled + label{opacity:0.5}
.checkbox.only label{font-size:0;}
.checkbox.only label:before{margin-right:0;}

/* radio */

.radio{display:inline-flex;display:-ms-inline-flexbox;align-items:center;-ms-flex-align:center;}
.radio ~ .radio{margin-left:30px;}
.radio.required:after{
    content: '';
    display: inline-block;
    background: #ff36ac;
    width: 4px;
    height: 4px;
    border-radius: 4px;
    overflow: hidden;
    margin: 2px 0 0 5px;
    align-self:flex-start;
    -ms-flex-align:start;
}
.radio input{display:none;}
.radio label{font-size:18px;display:inline-flex;display:-ms-inline-flexbox;align-items:center;-ms-flex-align:center;line-height:24px;}
.radio label:before{content:"";display:inline-block;background:url("/new/cn/asset/images/common/radio_bg.png") no-repeat;background-size:auto 48px;width:24px;height:24px;margin-right:8px;}
.radio.gray label:before{background-image:url("/new/cn/asset/images/common/radio_bg_gray.png")}
.radio input:checked + label{font-weight:500;}
.radio input:checked + label:before{background-position:0 -24px;}
.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:60px;margin-left:0;padding:0 8px;border:1px solid #dddddd;text-align:center;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;border-radius:5px;font-size:18px;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-title{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;position:relative;width:100% !important;height:60px;padding:0 50px 0 20px;border:1px solid #dddddd;border-radius:5px;background:#ffffff;color:#222;text-align:left;line-height:normal;font-size:18px;}
.selectBox .select-title:after{content:"";display:block;background:url("/new/cn/asset/images/common/arr_select.png") no-repeat right center;-webkit-background-size:auto 6px;background-size:auto 6px;position:absolute;right:0;top:0;height:100%;width:50px;transition:0.2s all}
.selectBox .select-title strong{font-weight:400;}
select::-ms-expand {
    display: none;
}
select::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#222;
}
.selectBox .select-title.active{border:1px solid #008ed0;color:#008ed0;}
.selectBox .select-title.active:after{transform:rotate(180deg)}
.selectBox select:disabled{background-color:#f9f9f9;-webkit-text-fill-color:inherit;opacity:1}


.select-option.select{
    margin-top:10px;
    border:1px solid #dddddd;
    border-radius:5px;
    background:#ffffff;
    height:auto !important;
    z-index:1001 !important;
}
.select-option.select ul{
    overflow-y:auto;
    max-height:365px;
}
.select-option.select ul li{
    line-height:60px;
    padding-left:20px;
    font-size:18px;
    cursor:pointer;
    cursor:hand;
}
.select-option.select ul li:hover{
    color:#008ed0;
}
.select-option.select ul li ~ li{
    border-top:1px solid #dddddd;

}

/* 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:60px;}
.btnBottomArea.center{display:flex;display:-ms-flexbox;justify-content:center;-ms-flex-pack:center;}
.btnArea.center{text-align:center;}
.btn{display:inline-flex;display:-ms-inline-flexbox;font-weight:400;-webkit-tap-highlight-color:transparent;justify-content:center;-ms-flex-pack:center;align-items:center;-ms-flex-align:center;padding:0 50px;font-size:18px;background:#0079b1;color:#ffffff;line-height:1;}

/*타입*/
.btn.inline{padding:0 30px;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:70px;border-radius:70px;min-width:200px;font-weight:500}
.btn.full{width:100% !important;}
.btn.round ~ .btn.round{margin-left:20px;}

.btn.medium{height:60px;border-radius:5px;min-width:160px;padding:0 40px;}
.btn.medium ~ .btn.medium{margin-left:10px;}

.btn.small{height:34px;border-radius:5px;min-width:60px;padding:0 20px;font-size:16px;}
.btn.small ~ .btn.medium{margin-left:6px;}

.btnText{border-bottom:1px solid #222222;font-size:18px;}
.btnTextIcon{display:flex;display:-ms-flexbox;line-height:1;font-weight:500}
.btnTextIcon .icon{margin:1px 0 0 10px;}
.btn.disabled{opacity:0.5}

/*크기*/

/*색상*/
.btn.default{background:#008ed0;color:#ffffff;}
.btn.default:hover,
.btn.default:focus{background:#d1f1fb;color:#0079b1;}

.btn.gray{background:#808080;color:#ffffff;}
.btn.gray:hover,
.btn.gray:focus{background:#eeeeee;color:#555555;}

.btn.line{background:#ffffff;color:#808080;border:1px solid #b5b5b5}
.btn.line:hover,
.btn.line:focus{background:#eeeeee;color:#808080;border:1px solid #f9f9f9}


.btn.lineHoverBlue{background:#ffffff;color:#808080;border:1px solid #b5b5b5}
.btn.lineHoverBlue.on,
.btn.lineHoverBlue:hover,
.btn.lineHoverBlue:focus{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.lineDark:hover,
.btn.lineDark:focus{background:#808080;color:#ffffff;border:1px solid #808080}

.btn.lightBlue{background:#008ed0;color:#ffffff;}
.btn.lightBlue:hover,
.btn.lightBlue:focus{background:#ffffff;color:#008ed0;box-shadow:0px 10px 24px 2px rgba(0,142,208,0.2)}

.btn.green{background:#00aa64;color:#ffffff;}
.btn.green:hover,
.btn.green:focus{background:#cdfce5;color:#00aa64;}

.btn.pupple{background:#4e5dca;color:#ffffff;}
.btn.pupple:hover,
.btn.pupple:focus{background:#eff1fe;color:#4553b8;}

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

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

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



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


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


.btn.icon.lightBlue{background:#008ed0;color:#ffffff;}
/*icon*/
.btn.icon.plus:after{content:"";display:block;background:url("/new/cn/asset/images/common/icon_plus.png") no-repeat;width:12px;height:12px;margin-left:10px;}
.btn.icon.rightArr:after{content:"";display:block;background:url("/new/cn/asset/images/common/icon_rightArr.png") no-repeat;width:21px;height:14px;margin-left:10px;}
.btn.icon.rightBlueArr:after{content:"";display:block;background:url("/new/cn/asset/images/common/icon_right_blue_arr.png") no-repeat;width:8px;height:14px;margin-left:10px;}
.btn.icon.downBlue:after{content:"";display:block;background:url("/new/cn/asset/images/common/icon_down.png") no-repeat;width:18px;height:20px;margin-left:10px;}
.btn.icon.downGray:after{content:"";display:block;background:url("/new/cn/asset/images/common/icon_down_g.png") no-repeat;width:18px;height:20px;margin-left:10px;}




.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/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{display:flex;display:-ms-flexbox;border-bottom:1px solid #dddddd;}
.formWrap .formItem.noBline{border-bottom:0;margin-bottom:-20px;}
.formWrap .formItem > li{flex:1;-ms-flex:1;padding:20px 0;}
.formWrap .formItem > li.title{flex:none;-ms-flex:none;padding: 20px 0 20px 40px;font-size:18px;width:240px;display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;height:100px;}
.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:10px;}
.formWrap .formItem > li.title label.required:after,
.formWrap .formItem > li.title span.required:after{content:"";display:block;position:absolute;right:0;top:-1px;width:6px;height:6px;border-radius:6px;background:#37b5f7;}
.formWrap .formItem > li.con{padding-right:300px;}
.formWrap .formItem > li.con .radioArea{display:flex;flex-wrap:wrap}
.formWrap .formItem > li.con .radioArea .radio{flex:none;width:33.3333%;}

.layerPopArea .formWrap .formItem > li.con{padding-right:40px;}

.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;}

.inputFlex{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.inputFlex li{flex:1;-ms-flex:1;}
.inputFlex li.fixed{flex:none;-ms-flex:none;}
.inputFlex li ~ li{margin-left:10px;}
.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 li.btnR .btn{min-width:120px;}




.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/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/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/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.6;color:#555555;}
.txtList.black{color:#222222;}
.txtList > li{line-height:1.6;}
.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:18px;padding-left:13px;position:relative;}
.txtList.dot > li ~ li{margin-top:10px !important;}
.txtList.noGap > li ~ li{margin-top:0 !important;}
.txtList.dot > li:before{content:'';width:3px;height:3px;border-radius:3px;background:#808080;display:inline-block;position:absolute;top:11px;left:0;}
.txtList.dot.fz16 > li{font-size:16px;padding-left:13px;position:relative;}
.txtList.dot.fz16 > 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:18px;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/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:16px;background:url("/new/cn/asset/images/common/alert_icon.png") no-repeat left top;padding-left:29px;line-height:18px;margin-top:10px;height:20px;}
.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}
.tabList{position:relative;margin-bottom:20px;}
.tabList ul{display:flex;display:-ms-flexbox;margin-right:-1px;}
.tabList li{flex:1;-ms-flex:1;background:#f9f9f9;border:1px solid #dddddd;border-bottom:2px solid #008ed0;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:70px;}
.tabList li.on{background:#ffffff;border-bottom:0;z-index:1;}
.tabList li.on:after{content:"";display:block;position:absolute;left:-1px;right:-1px;top:-1px;background:#008ed0;height:3px;z-index:2}
.tabList ul li ~ li{margin-left:-1px;}
.tabList .tab{display:flex;display:-ms-flexbox;width:100%;height:100%;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;padding:8px 0;color:#808080;font-size:20px;line-height:1.4;}


.tabList.round{position:relative;margin-bottom:0;}
.tabList.round > ul > li{background:#ffffff;}
.tabList.round > ul > li:first-child{border-radius:10px 0 0 0;}
.tabList.round > ul > li:last-child{border-radius:0 10px 0 0;}
.tabList.round > ul > li ~ li{margin-left:-1px;}
.tabList.round > ul > li .tab{color:#555555;font-weight:500;}
.tabList.round > ul > li.on{color:#008ed0;border-left:0;border-right:0;}
.tabList.round > ul > li.on .tab{color:#008ed0;margin:-1px 0 0 0;font-weight:bold;}
.tabList.round > ul > li.on:after{content:"";display:block;position:absolute;left:0;right:0;top:-1px;bottom:-1px;border:2px solid #008ed0;height:70px;z-index:2;background:transparent;border-radius:10px 10px 0 0;border-bottom:0;}


.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/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:16px;font-weight:500;padding:0 15px;line-height:30px;height:30px;border-radius:30px;}
.flag.small{font-size:13px;font-weight:500;padding:0 14px;line-height:26px;height:26px;border-radius:26px;}
.flag.h35{font-size:13px;line-height:35px;height:35px;border-radius:35px;}
.flag.h35 ~ .flag.h35{margin-left:5px;}
.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.lightBlue{background:#09c6dc;color:#ffffff;}


/* table */
.tblCont{}
.tblCont .topTitle{font-size:18px;line-height:1;margin-bottom:20px;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;padding-left:40px !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 {border-top:2px solid #222222;}
.tblCont table thead th{border-bottom:1px solid #222222;font-weight:700;}
.tblCont table th,
.tblCont table td{height:88px;padding:15px;border-bottom:1px solid #eeeeee;text-align:center;font-size:18px;}
.tblCont table th{font-weight:500;color:#222222;}
.tblCont table td{color:#222222;}
.tblCont table td .btn ~ .btn{margin-left:2px;}
.tblCont table th.thb{font-weight:normal;}
.tblCont table tbody tr.on th,
.tblCont table tbody tr.on td{background:#f1fcff;}

.tblCont.line table thead th{border-bottom:1px solid #222222;line-height:1.4;padding:10px;}
.tblCont.line table th,
.tblCont.line table td{height:67px;padding:20px 10px;border-bottom:1px solid #dddddd;border-right:1px solid #dddddd;text-align:center;font-size:18px;line-height:1.6;}
.tblCont.line table th:last-child,
.tblCont.line table td:last-child{border-right:0;}
.tblCont.line table .title{font-weight:500;color:#222222;}
.tblCont.line table td{color:#222222;}
.tblCont .tableScroll{overflow-y:auto;}
.tblCont .tableScroll table{border-top:0;}

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


/* 게시판목록 */
.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 #eeeeee;min-height:180px;}
.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 0 15px 38px;display:flex;display:-ms-flexbox;width:100%;align-items:center;-ms-flex-align:center;font-size:18px;font-weight:400;height:88px;}
.listWrap .listArea .listItem .listBtn.toggleBtn:after{content:'';overflow:hidden;display:block;background:url("/new/cn/asset/images/common/btn_toggle_arr.png") no-repeat right center;width:18px;height:11px;-webkit-background-size:18px auto;background-size:18px auto;transition:0.3s all;-webkit-tap-highlight-color:transparent;text-indent:-9999px;position:absolute;right:40px;top:50%;margin-top:-5px;}
.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 .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/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/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 .title{font-size:14px;overflow:hidden;white-space:nowrap;line-height:1;position:relative;display:block;font-weight:400;}
.listWrap .listArea .listItem .listBtn .title:after{content:'';display:block;position:absolute;right:0;top:0;width:15px;height:100%;background:url("/new/cn/asset/images/common/list_bg.png") no-repeat right top;-webkit-background-size:auto 100%;background-size:auto 100%;}

.listWrap .listArea .listItem .listBtn > .date{display:block;font-size:12px;color:#999999;margin-top:9px;}
.listWrap .listArea .listItem .listBtn > .ctg{display:block;margin-bottom:10px;font-size:13px;color:#007d7c;}
.listWrap .listArea .listItem .toggleContent{display:none;position:relative;border-top:1px solid #dddddd;}
.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:18px;padding-bottom:20px;}
.thumbList.card .item{width:405px;}
.thumbList .item .thumb{display:block;border-radius:10px;overflow:hidden;position:relative;height: 278px;}
.thumbList .item .thumb img{transition:all 1s;width:100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.thumbList .item:hover .thumb img,
.thumbList .item:focus .thumb img{transform:translate(-50%,-50%) scale(1.1)}
.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/cn/asset/images/content/btn_play.png") no-repeat center center;}
.thumbList .item .textArea{margin-top:25px;}
.thumbList .item:hover .textArea a,
.thumbList .item:focus .textArea a{text-decoration:underline;}
.thumbList .item .textArea .title{display:block;font-size:26px;font-weight:500;line-height:1.6;}
.thumbList .item .textArea .txt{display:block;font-size:18px;line-height:1.6;}
.thumbList .item .textArea .date{font-size:16px;margin-top:15px;color:#555555;}
.thumbList .item .textArea .flagArea{margin-top:25px;flex-wrap:wrap;-ms-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{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;}
.thumbList.horizontal .item ~ .item{margin-top:38px;}
.thumbList.horizontal .item .thumb{flex:none;-ms-flex:none;margin-right:38px;width:330px;height:220px;}
.thumbList.horizontal .item .textArea{margin-top:0;}
.thumbList.horizontal .item .textArea .title{margin-top:-7px;}
.thumbList.horizontal .item .textArea .txt{font-size:18px;line-height:1.6;max-height:56px;overflow:hidden;
    color:#555555;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-top:10px;
}
.thumbList.card.item3{display:flex;display:-ms-flexbox;flex-wrap:wrap;margin:0 -15px;}
.thumbList.card.item3 .item{width:405px;margin:0 15px 50px 15px;}
.thumbList.card.item3 .item .thumb.video{height:240px;}
.thumbList.card.item4{display:flex;display:-ms-flexbox;flex-wrap:wrap;margin:0 -15px;}
.thumbList.card.item4 .item{width:297px;margin:0 15px 50px 15px;}
.thumbList.card .item .textArea .flagText{font-size:16px;color:#f73737;margin-bottom:12px;}
.thumbList.card .item .textArea .title{max-height:82px;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;height:200px;}
.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:30px;font-size:16px;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/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:250px 0 200px 0;text-align:center;line-height:1.6;}
.errorWrap .img{margin-bottom:50px;}
.errorWrap .title{font-size:32px;font-weight:bold;margin-bottom:20px;}
.errorWrap .text{font-size:20px;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/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:60px 0 0 0;}
.paging .number{display:flex;display:-ms-flexbox;align-items:center;-ms-flex-align:center;justify-content:center;-ms-flex-pack:center;margin:0 5px;}
.paging .number a{display:block;width:40px;height:40px;line-height:40px;font-size:18px;border-radius:40px;color:#808080;}
.paging .number a.on{color:#ffffff;background:#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:40px;height:40px;}

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


/*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/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/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;}*/