@charset "utf-8";

@import url(pretendard/font.css);
@import url(font_noto/font.css);
@import url(archivo-cufonfonts/font.css);
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');



/*** Reset ***/
*{box-sizing:border-box;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{
    margin:0;padding:0;
    color:#212121;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.5;
    font-smoothing:antialiased;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;
}
b, span, strong, input, a, button{font-size:inherit;font-family:inherit;color:inherit;font-weight:inherit;}
article, aside, dialog, footer, header, section, footer, nav, figure, hgroup, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;}
body {overflow-x:hidden;margin:0px;}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
img{border:0;max-width:100%}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;}
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
.skip, hr, legend{position:absolute;left:-1000%;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden;}
button{margin:0;padding:0;border:none;background:none;cursor:pointer;display:inline-block;}
b {font-weight:500}
input{border-radius:0;appearance:none;-webkit-border-radius:0;-webkit-appearance:none}
input[type=text]::-ms-clear{display: none;} 
.gridChk {display:flex;gap:24px;}
.gridChk>span {display:block;width:8.333%;height:300px;background:#FC257F;opacity:0.2}


/*** Layout ***/
/* placeholder 클릭 시 감춤 */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent !important; }
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent !important; }
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent !important; }
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent !important; }

/* 드래그 및 포커스 */
::selection{background:var(--color-element-secondary);color:#fff;}
::-moz-selection {background:var(--color-element-secondary);color:#fff;}
*:focus-visible {outline: 2px solid var(--color-element-primary);outline-offset: 1px;transition: outline 0s;}

/* 숨김 콘텐츠 */
.alt_hidden, legend,.hidden,
caption>p, caption>strong, .scHdn {position:absolute;top:0;left:0;width:1px;height:1px;margin:-1px;border:none;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;}

/* dim */
#dim,#pop_dim,#gnb_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}
#dim.on {visibility:visible;opacity:0.5;z-index:900;}
#pop_dim.on {visibility:visible;opacity:0.5;z-index:900;}

/* 건너뛰기 링크 */
#skip_menu:focus{outline:none;}
#skip_menu a{position:fixed;display:block;top:-100%;left:0;width:100%;height:32px;z-index:9999;}
#skip_menu a:focus,
#skip_menu a:focus-visible{display:flex;align-items:center;justify-content:center;flex-direction:row;font-size:14px;color:var(--color-text-basic-inverse);outline-offset:-4px;margin:0 auto;text-align:center;clip:inherit;background-color:var(--color-background-inverse);outline:2px solid #fff;box-shadow:inset 0 0 0 4px var(--color-icon-primary-static);transition:none;top:0;}


/*** style_guide ***/
/* textColor */
.c_White{color:var(--color-text-inverse-static) !important}
.c_Gray0{color:var(--gray5) !important}
.c_Gray1{color:var(--gray10) !important}
.c_Gray2{color:var(--gray20) !important}
.c_Gray3{color:var(--gray30) !important}
.c_Gray4{color:var(--color-text-subtle-inverse) !important}
.c_Gray5{color:var(--color-text-subtle) !important}
.c_Black{color:var(--color-text-basic) !important}
.c_Point{color:var(--color-text-point) !important}
.c_PointSub{color:var(--color-text-secondary) !important}
.c_Primary{color:var(--color-text-primary) !important}

.kA{word-break:keep-all !important;}

/*weight*/
.wB{font-weight:bold !important;}
.wM{font-weight:600 !important;}
.wN{font-weight:400 !important;}

/* Title */
.headLine0{display:block;width:100%;font-size:60px;font-weight:bold;line-height:150%;color:var(--color-text-basic);}
.headLine1{display:block;width:100%;font-size:44px;font-weight:bold;line-height:150%;color:var(--color-text-basic);}
.headLine2{display:block;width:100%;font-size:40px;font-weight:bold;line-height:150%;color:var(--color-text-basic);}
.headLine2m{display:block;width:100%;font-size:36px;font-weight:bold;line-height:150%;color:var(--color-text-basic);}
.headLine3{display:block;width:100%;font-size:30px;font-weight:bold;line-height:150%;color:var(--color-text-basic);}
.headLine4{display:block;width:100%;font-size:24px;font-weight:bold;line-height:150%;color:var(--color-text-basic);}

/* subtxt */
.txtBody1{display:block;width:100%;font-size:18px;line-height:150%;color:var(--color-text-basic);}
.txtBody2{display:block;width:100%;font-size:16px;line-height:150%;color:var(--color-text-basic);}
.txtBody2s{display:block;width:100%;font-size:14px;line-height:150%;color:var(--color-text-basic);}
.txtBody3{display:block;width:100%;font-size:12px;line-height:150%;color:var(--color-text-basic);}


.txtAlert{display:block;width:100%;font-size:16px;line-height:24px;letter-spacing:0;color:#666;padding-left:22px;background:url(../img/common/icon_txtAlert.png) no-repeat left top 4px/16px auto;}

.txtHelp{display:inline-flex;align-items:start;justify-content:start;font-size:16px;line-height:150%;color:var(--color-text-subtle);gap:4px;}
.txtHelp::before{content:"";width:24px;height:24px;display:inline-flex;align-items:center;mask:url(../../AFFI_F/img/layout/ico_help.svg) no-repeat center center/ contain;background-color:var(--color-icon-primary);}

/* Text List */
.txtList{width:100%;height:auto;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:12px;}
.txtList>li{position:relative;font-size:16px;line-height:150%;letter-spacing:0;padding-left:14px;width:100%;}
.txtList>li::before{content:"";position:absolute;}
.txtList>li>.txtList{gap:8px;margin-top:16px;}
.txtList>li>.txtList>li>.txtList{margin-top:12px;}
.txtList>li>.txtList>li>.txtList>li{font-size:14px;}

.txtList.dot>li::before{top:10px;left:0;width:4px;height:4px;border-radius:var(--radius-max);background:var(--color-icon-disabled);}
.txtList.hyphen>li::before{content:"";top:10px;left:0;width:6px;height:2px;background:var(--color-icon-disabled);}
.txtList.bullet>li{padding-left:20px;}
.txtList.bullet>li::before{content:attr(data-point);left:0;top:0;font-size:inherit;line-height:inherit;}
.txtList>li>.txtList>li>.txtList.dot>li::before{top:9px;}
.txtList>li>.txtList>li>.txtList.hyphen>li::before{top:9px;}

.txtList.halfType{margin-right:-12px;}
.txtList.halfType>li{width:calc(50% - 6px);}


/* no article */
.no_articleArea {width:100% !important;padding:0 !important;margin:0 !important}


/* button */
.baseBtn{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:auto;border-width:1px;border-style:solid;cursor:pointer;gap:4px;line-height:1.4;font-weight:700;border-radius:var(--radius-max);}
.baseBtn>.base{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;color:inherit;font-weight:inherit;line-height:inherit;height:100%;}

.baseBtn,
.baseBtn.primary{border-color:var(--color-button-primary-fill);background-color:var(--color-button-primary-fill);color:var(--color-text-inverse-static);}
.baseBtn:hover,
.baseBtn:active,
.baseBtn:focus-visible,
.baseBtn.primary:hover,
.baseBtn.primary:active,
.baseBtn.primary:focus-visible{border-color:var(--color-button-primary-fill-hover);background-color:var(--color-button-primary-fill-hover);color:var(--color-text-inverse-static);}

.baseBtn.secondary{border-color:var(--color-button-secondary-fill);background-color:var(--color-button-secondary-fill);color:var(--color-text-basic);}
.baseBtn.secondary:hover,
.baseBtn.secondary:active,
.baseBtn.secondary:focus-visible{border-color:var(--color-button-secondary-fill-hover);background-color:var(--color-button-secondary-fill-hover);color:var(--color-text-inverse-static);}

.baseBtn.line{border-color:var(--color-button-tertiary-border);background-color:var(--color-button-text-fill);color:var(--color-text-basic);}
.baseBtn.line:hover,
.baseBtn.line:active,
.baseBtn.line:focus-visible{border-color:var(--color-button-tertiary-border);background-color:var(--color-button-tertiary-border);color:var(--color-text-inverse-static);}

.baseBtn.small{height:32px;min-width:65px;font-size:14px;padding:0 20px;}
.baseBtn.medium{height:40px;min-width:80px;font-size:16px;padding:0 20px;}
.baseBtn.large{height:48px;min-width:90px;font-size:16px;padding:0 20px;}
.baseBtn.xlarge{height:56px;min-width:110px;font-size:20px;padding:0 20px;}

.baseBtn:disabled,
.baseBtn.disabled{color:var(--color-text-disabled-on) !important;border-color:var(--color-button-disabled-border) !important;background-color:var(--color-button-disabled-fill) !important;cursor:default !important;}

.svgIcon{display:inline-flex;mask-repeat:no-repeat;mask-position:center;mask-size:contain;forced-color-adjust: none;}

.baseBtn .svgIcon{background-color:var(--color-text-inverse-static);}
.baseBtn.secondary .svgIcon{background-color:var(--color-text-basic);}
.baseBtn.secondary:hover .svgIcon{background-color:var(--color-text-inverse-static);}
.baseBtn.line .svgIcon{background-color:var(--color-text-basic);}
.baseBtn.line:hover .svgIcon{background-color:var(--color-text-inverse-static);}

.baseBtn .svgIcon,
.baseBtn.medium .svgIcon{width:20px;height:20px;}
.baseBtn.small .svgIcon{width:16px;height:16px;}
.baseBtn.large .svgIcon{width:24px;height:24px;}
.baseBtn.xlarge .svgIcon{width:24px;height:24px;}

.baseBtn.icon{border-radius:var(--radius-max);}
.baseBtn.icon.small{min-width:auto;width:32px;height:32px;padding:0;}
.baseBtn.icon.medium{min-width:auto;width:40px;height:40px;padding:0;}
.baseBtn.icon.large{min-width:auto;width:48px;height:48px;padding:0;}
.baseBtn.icon.xlarge{min-width:auto;width:56px;height:56px;padding:0;}
.baseBtn.icon.xlarge .svgIcon{width:28px;height:28px;}

.ico_more{mask-image:url(../../AFFI_F/img/layout/ico_plus.svg);}
.ico_download{mask-image:url(../../AFFI_F/img/layout/ico_download.svg);}
.ico_search{mask-image:url(../../AFFI_F/img/layout/ico_search.svg);}
.ico_link{mask-image:url(../../AFFI_F/img/layout/ico_arrow_right24.svg);}
.ico_scrap{mask-image:url(../../AFFI_F/img/layout/ico_scrap.svg);}

.btnArea{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px;margin-right:-16px;margin-top:50px;}
.btnArea > .baseBtn{width:0 1 calc(20% - 16px);}

.roundBtnGroup{display:inline-block;vertical-align:top;font-size:0;margin-left:10px;border:1px solid #E6E6E6;border-radius:24px;padding:4px;}
.roundBtnGroup .baseBtn.medium>.base{border:none;min-width:0;padding-left:16px;padding-right:16px;border-radius:20px;}


/* input */
.formInput{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:4px;position:relative;}
.formInput>.guide{display:block;}
.inputBase{width:100%;height:48px;padding:0 16px;box-sizing:border-box;border:1px solid var(--color-border-gray);background:var(--color-surface-white);font-size:16px;display:inline-flex;align-items:center;border-radius:8px;color:var(--color-text-basic);}
.inputBase:disabled{background-color:var(--color-button-disabled-fill);color:var(--color-text-disabled-on);border-color:var(--color-button-disabled-border);cursor:default;}
.inputInr{position:relative;width:100%;}
.inputBase.icon{padding-right:40px;}
.inputInr .inputBase ~ .svgIcon{position:absolute;width:24px;height:24px;right:16px;top:50%;transform:translateY(-50%);background-color:var(--color-background-dark);}

.formInput .guide{display:block;font-size:16px;line-height:150%;color:var(--color-text-basic);font-weight:600;font-style:normal;}
.formInput .validation{font-size:14px;line-height:150%;color:var(--color-text-subtle);}
.formInput .byte{text-align:right;font-size:14px;line-height:150%;color:var(--color-text-subtle);width:100%;}
.formInput>.byte>.val{color:var(--color-text-basic);display:inline-block;}
.formInput>.byte>.total{color:inherit;font-size:inherit;margin-bottom:inherit;}

.inputTextarea{width:100%;height:200px;padding:16px;font-size:16px;line-height:150%;color:var(--color-text-basic);resize:none;box-sizing:border-box;border:1px solid var(--color-border-gray);background:var(--color-surface-white);border-radius:8px;resize:none;}

.formInput.inline{gap:4px 16px;}
.formInput.inline .inputInr{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:4px;flex:auto;width:auto;}
.formInput.inline .guide{flex-shrink:0;margin-top:12px;}
.formInput.inline .inputBase,
.formInput.inline .selectBase{vertical-align:middle;max-width:200px;width:200px;}
.formInput.inline .validation{width:100%;}

input::-webkit-inner-spin-button{appearance: none;-moz-appearance: none;-webkit-appearance: none;}
.inputBase:focus-visible,
.inputTextarea:focus-visible{outline-offset:-2px;}

.formInput.file{gap:8px;}
.formInput.file input[type="file"]{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.formInput.file .fileAdd{position:relative;display:inline-flex;flex:auto;}
.formInput.file .fileAdd .baseBtn{position:absolute;right:4px;top:4px;cursor:pointer;border-radius:6px;}
.formInput.file .fileAdd .inputBase{max-width:100%;padding-right:140px;}
.formInput.file .fileCont{display:inline-flex;vertical-align:middle;flex-shrink:0;gap:8px;}
.controlBtn{position:relative;width:48px;height:48px;display:inline-flex;box-sizing:border-box;border-radius:8px;border:1px solid var(--color-border-gray);background:var(--color-surface-white);box-sizing:border-box;}
.controlBtn::before{content:"";display:block;width:16px;height:1px;background-color:var(--color-background-dark);position:absolute;left:calc(50% - 8px);top:50%;}
.controlBtn.plus::after{content:"";display:block;width:1px;height:16px;background-color:var(--color-background-dark);position:absolute;left:50%;top:calc(50% - 8px);}



/* selectBox */
.selectBase{position:relative;width:100%;max-width:200px;height:auto;font-size:0;box-sizing:border-box;text-align:left;display:inline-block;vertical-align:top;}
.selectBase.on>.toggleBtn::before{transform:rotate(-180deg);}
.selectBase>.toggleBtn{position:relative;width:100%;height:48px;box-sizing:border-box;text-align:left;display:inline-flex;align-items:center;justify-content:start;border-radius:8px;border:1px solid var(--color-border-gray);background:var(--color-surface-white);color:var(--color-text-basic);padding:8px 40px 8px 16px;}
.selectBase>.toggleBtn:disabled{background-color:var(--color-button-disabled-fill);color:var(--color-text-disabled-on);border-color:var(--color-button-disabled-border);cursor:default;}
.selectBase>.toggleBtn::before{content:"";position:absolute;right:16px;top:20px;display:block;width:16px;height:8px;background:url(../img/common/icon_selectArrow.png) no-repeat center center/100% auto;transition:all 0.2s;}
.selectBase>.toggleBtn>.base{box-sizing:border-box;width:100%;font-size:16px;line-height:150%;color:inherit;text-align:left;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;text-overflow:ellipsis;overflow:hidden;}
/* .selectBase>.toggleBtn:focus-within{outline:none;} */
.selectBase>.toggleBtn:focus-visible{outline-offset:-1px;}

.selectBase>.option{width:100%;font-size:0;display:none;position:absolute;left:0;top:calc(100% - 6px);z-index:10;border-radius:0 0 8px 8px;border:1px solid var(--color-border-gray);background:var(--color-surface-white);border-top:none;max-height:200px;overflow-y:auto;padding-top:6px;}
.selectBase>.option>button,
.selectBase>.option li{width:100%;min-height:40px;text-align:left;display:block;background-color:var(--color-surface-white);color:var(--color-text-basic);padding:8px 16px;cursor:pointer;}
.selectBase>.option>button>.base,
.selectBase>.option li>.base{display:block;width:100%;height:auto;font-size:16px;line-height:150%;color:inherit;box-sizing:border-box;}
.selectBase>.option>button:hover,
.selectBase>.option>button:focus,
.selectBase>.option li:hover,
.selectBase>.option li:focus{background-color:var(--color-button-tertiary-fill-hover);}
.selectBase>.option>button:focus-visible,
.selectBase>.option li:focus-visible{outline-offset:-2px;}
.selectBase>.option>button[aria-selected="true"],
.selectBase>.option li[aria-selected="true"]{background-color:var(--color-input-border-active);color:var(--color-text-basic-inverse);font-weight:700;}
.selectBase>.option>button[aria-selected="true"]:focus-visible,
.selectBase>.option li[aria-selected="true"]:focus-visible{outline-color:var(--color-surface-white);outline-offset:-4px;}
/*os 셀릭트 박스 사용시 */
select.selectBase{height:46px;padding:0px 40px 0px 16px;display:block;box-sizing:border-box;width:100%;font-size:16px;color:#111;text-align:left;
    background:url(../img/common/icon_selectArrow.png) no-repeat right 16px top 20px/16px auto;
    font-family:'Pretendard', sans-serif;
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
select.selectBase::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */



/* checkBox */
.inputBox{position:relative;width:auto;display:inline-flex;align-items:start;justify-content:start;cursor:pointer;}
/* .inputBox>input{position:absolute;left:0px;top:4px;width:20px;height:20px;z-index:0;} */
/* .inputBox>input:focus{width:26px;height:24px;top:3px;left:-1px;} */
.inputBox>input[type=checkbox],
.inputBox>input[type=radio]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}
.inputBox>.data{position:relative;display:inline-flex;align-items:start;justify-content:start;gap:8px;font-size:16px;line-height:150%;color:var(--color-text-bolder);z-index:1;}

.inputBox>input[type=checkbox] ~ .data::before{content:"";display:inline-flex;flex-shrink:0;z-index:3;width:20px;height:20px;background-color:var(--color-element-inverse);border:1px solid var(--color-element-disabled-dark);border-radius:4px;margin-top:3px;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);box-sizing:border-box;flex-shrink:0;}
.inputBox>input[type=checkbox] ~ .data::after{content:"";display:inline-flex;width:20px;height:20px;position:absolute;box-sizing:border-box;mask:url(../../AFFI_F/img/layout/ico_check.svg) no-repeat center center/ contain;forced-color-adjust:none;z-index:4;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);top:3px;left:0;background-color:var(--color-element-inverse);}
.inputBox>input[type=checkbox]:checked ~ .data::before{border-color:var(--color-element-primary);background-color:var(--color-element-primary);}
.inputBox>input[type=checkbox]:checked ~ .data::after{transition-delay:0.1s;background-color:var(--color-element-inverse-static);}
.inputBox>input[type=checkbox]:disabled ~ .data{cursor:default;color:var(--color-text-disabled);}
.inputBox>input[type=checkbox]:checked:disabled ~ .data::before,
.inputBox>input[type=checkbox]:disabled ~ .data::before{border-color:var(--color-element-disabled-dark);background-color:var(--color-element-disabled-light);}
.inputBox>input[type=checkbox]:disabled ~ .data::after{background-color:inherit;}
.inputBox>input[type=checkbox]:checked:disabled ~ .data::after{background-color:var(--color-element-disabled-dark);}
.inputBox>input[type=checkbox]:focus-visible ~ .data{outline: 2px solid var(--color-element-primary);outline-offset: 1px;transition: outline 0s;}

.inputBox>input[type=radio] ~ .data::before{content:"";display:inline-flex;flex-shrink:0;z-index:3;width:20px;height:20px;background-color:var(--color-element-inverse);border:1px solid var(--color-element-disabled-dark);border-radius:var(--radius-max);margin-top:3px;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);box-sizing:border-box;flex-shrink:0;}
.inputBox>input[type=radio] ~ .data::after{content:"";display:inline-flex;width:8px;height:8px;position:absolute;z-index:4;border-radius:var(--radius-max);top: 9px;left:6px;background-color:transparent;transition:0.4s cubic-bezier(0.4, 0, 0.23, 1);box-sizing:border-box;flex-shrink:0;}
.inputBox>input[type=radio]:checked ~ .data::before{border-color:var(--color-element-primary);}
.inputBox>input[type=radio]:checked ~ .data::after{background-color:var(--color-element-primary);}
.inputBox>input[type=radio]:disabled ~ .data{cursor:default;color:var(--color-text-disabled);}
.inputBox>input[type=radio]:checked:disabled ~ .data::before,
.inputBox>input[type=radio]:disabled ~ .data::before{border-color:var(--color-element-disabled-dark);background-color:var(--color-element-disabled-light);}
.inputBox>input[type=radio]:disabled ~ .data::after{background-color:inherit;}
.inputBox>input[type=radio]:checked:disabled ~ .data::after{background-color:var(--color-element-disabled-dark);}
.inputBox>input[type=radio]:focus-visible ~ .data{outline: 2px solid var(--color-element-primary);outline-offset: 1px;transition: outline 0s;}

.inputBox.toggle>input[type=checkbox] ~ .data{padding-left:56px;background:none !important;height:28px;align-items:center;}
.inputBox.toggle>input[type=checkbox] ~ .data::before{content:"";position:absolute;left:0;top:0;display:block;width:48px;height:26px;border-radius:14px;background-color:var(--color-element-disabled-light);transition:all 0.2s;z-index:0;}
.inputBox.toggle>input[type=checkbox] ~ .data::after{content:"";position:absolute;left:2px;top:5px;display:block;width:22px;height:22px;border-radius:50%;mask:none;background-color:var(--color-element-inverse-static);background-repeat:no-repeat;background-position:center;background-size:20px auto;transition:all 0.2s;z-index:1;}
.inputBox.toggle>[type=checkbox]:checked + .data::after{left:24px;background-image:url(../../AFFI_F/img/layout/ico_check_on.svg);}
.inputBox.toggle>[type=checkbox]:checked + .data::before{background-color:var(--color-element-primary);}

.CkRound{position:relative;display:inline-block;vertical-align:middle;height:36px;cursor:pointer;}
.CkRound input{position:absolute;width:100%;height:100%;top:0;left:0;z-index:0;}
.CkRound input:checked + .data{background-color:var(--color-element-primary);color:var(--color-element-inverse-static);}
.CkRound .data{font-size:16px;display:block;background-color:var(--color-element-inverse-static);color:var(--color-text-subtle);padding:0 18px;line-height:35px;border-radius:18px;}



/* Pagination */
.numberPagination{width:100%;text-align:center;margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.numberPagination>button{display:inline-block;align-items:center;justify-content:center;height:24px;width:24px;border-radius:4px;transition:all 0.2s;background-color:transparent;}
.numberPagination>button.prev{margin-left:4px;}
.numberPagination>button.next{margin-right:4px;}
.numberPagination>button::before{content:"";display:inline-flex;width:100%;height:100%;mask-repeat:no-repeat;mask-position:center;mask-size:contain;background-color:var(--color-text-basic);}
.numberPagination>button.first::before{mask-image:url(../../AFFI_F/img/layout/ico_arrow_pagingFirst.svg);}
.numberPagination>button.prev::before{mask-image:url(../../AFFI_F/img/layout/ico_arrow_pagingPrev.svg);}
.numberPagination>button.next::before{mask-image:url(../../AFFI_F/img/layout/ico_arrow_pagingNext.svg);}
.numberPagination>button.last::before{mask-image:url(../../AFFI_F/img/layout/ico_arrow_pagingLast.svg);}
.numberPagination>button:hover,
.numberPagination>button:focus-visible{background-color:var(--color-element-primary);}
.numberPagination>button:hover::before,
.numberPagination>button:focus-visible::before{background-color:var(--color-element-inverse-static);}
.numberPagination>.paging{font-size:0;display:inline-flex;align-items:center;justify-content:center;margin:0 16px;gap:8px;}
.numberPagination>.paging>li{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;}
.numberPagination>.paging>li>button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:16px;line-height:150%;color:var(--color-text-basic);padding:0 2px;text-align:center;transition:all 0.2s;border-radius:var(--radius-max);background-color:transparent;}
.numberPagination>.paging>li>button:hover,
.numberPagination>.paging>li>button:focus-visible,
.numberPagination>.paging>li>button.on{font-weight:700;background-color:var(--color-element-primary);color:var(--color-text-basic-inverse);}

.numberIndex{width:100%;font-size:0;}
.numberIndex>.prev{display:inline-block;vertical-align:middle;height:21px;width:8px;background:url(../img/common/icon_pagingPrev.png) no-repeat center center/8px auto;}
.numberIndex>.next{display:inline-block;vertical-align:middle;height:21px;width:8px;background:url(../img/common/icon_pagingNext.png) no-repeat center center/8px auto;}
.numberIndex>.autoStatus{display:inline-block;vertical-align:middle;height:21px;width:20px;margin-left:6px;}
.numberIndex>.autoStatus.stop{background:url(../img/common/icon_pagingStop.png) no-repeat center center/6px auto;}
.numberIndex>.autoStatus.play{background:url(../img/common/icon_pagingPlay.png) no-repeat center center/10px auto;}
.numberIndex>.paging{display:inline-block;vertical-align:middle;margin:0 16px;font-size:18px;line-height:24px;color:#808080}
.numberIndex>.paging .active{color:#111;}

.dotPagination{width:100%;font-size:0;text-align:left;}
.dotPagination>.paging{font-size:0;display:inline-block;vertical-align:middle;}
.dotPagination>.paging>li{display:inline-block;vertical-align:middle;margin-right:12px;}
.dotPagination>.paging>li:last-of-type{margin-right:0;}
.dotPagination>.paging>li>button{width:10px;height:10px;display:block;border-radius:50%;background-color:#E6E6E6;}
.dotPagination>.paging>li>button.on{background-color:#212121;}
.dotPagination>.autoStatus{display:inline-block;vertical-align:middle;height:21px;width:20px;margin-left:6px;}
.dotPagination>.autoStatus.stop{background:url(../img/common/icon_pagingStop_Gray.png) no-repeat center center/6px auto;}
.dotPagination>.autoStatus.play{background:url(../img/common/icon_pagingPlay_Gray.png) no-repeat center center/10px auto;}

/* etc */
.iconEtcArea{position:relative;width:100%;font-size:0;min-height:170px;background-color:#F4F5F9;padding:35px 50px 35px 180px;}
.iconEtcArea .txtBody1 {line-height:30px;}
.iconEtcArea>.icon{position:absolute;left:50px;top:calc(50% - 40px);width:80px;height:80px;font-size:0;}
.iconEtcArea>.icon>img{width:100% auto;}
.iconEtcArea .txtArea{width:100%;font-size:0;}
.iconEtcArea .txtArea .headLine2{margin-bottom:16px;}
.iconEtcArea .txtArea .txtBody1 + .txtAlert{margin-top:20px;}
.iconEtcArea .etcArea{position:absolute;right:50px;bottom:35px;font-size:0;}
.iconEtcArea .etcArea>.baseBtn+.baseBtn{margin-left:8px;}


/* TAB */
/*pageTab과 contTab_fix는 동일, 소스 위치가 article 밖이냐 안이냐에 따른 여백의 차이*/
.pageTabBase {overflow:hidden;max-width:1800px;margin:0 auto 50px;padding:0 60px;} /*page tab으로 사용시*/
article .pageTabBase {overflow:hidden;width:100%;max-width:none;margin-bottom:25px;padding:0;} /*contents tab으로 사용시*/
.popLayout .pageTabBase {overflow:hidden;width:100%;max-width:none;margin-bottom:40px;padding:0;} /*popup tab으로 사용시*/
.pageTabBase{width:100%;height:auto;font-size:0;}
.pageTabBase .tabList {width:100%;height:auto;font-size:0;padding-top:1px;padding-left:1px;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:start;}
.pageTabBase .tabList>li {display:inline-flex;align-items:stretch;justify-content:center;position:relative;table-layout:fixed;border-collapse:collapse;box-sizing:border-box;vertical-align:top;transition:all 0.1s;border-bottom:none;margin-left:-1px;width:calc(100% + 1px);margin-top:-1px;}
.pageTabBase .tabList>li a{display:inline-flex;align-items:center;justify-content:center;position:relative;width:100%;min-height:56px;box-sizing:border-box;padding:0 16px;border:1px solid var(--color-border-gray);color:var(--color-text-subtle);font-family:'Pretendard', sans-serif;font-size:20px;font-weight:700;line-height:140%;text-align:center;vertical-align:middle;transition:background-color 0.1s;z-index:1;overflow:hidden;}
.pageTabBase .tabList>li.on a,
.pageTabBase .tabList>li a:hover,
.pageTabBase .tabList>li a:focus-visible{background-color:var(--color-action-secondary-active);border:1px solid var(--color-action-secondary-active);color:var(--color-text-inverse-static);z-index:2;}
.pageTabBase .tabList>li a:focus,
.pageTabBase .tabList>li a:focus-visible{outline-offset:-4px;outline-color:var(--color-surface-white);}
.pageTabBase .tabList>li:first-child a{border-radius:8px 0 0 8px;}
.pageTabBase .tabList>li:last-child a{border-radius:0 8px 8px 0;}

.pageTabBase.flexble .tabList>li{width:auto;}
.pageTabBase.flexble .tabList>li>a{padding-left:40px;padding-right:40px;}

.pageTabBase .tabList.tab2>li,
.pageTabBase .tabList.tab3>li,
.pageTabBase .tabList.tab4>li,
.pageTabBase .tabList.tab5>li,
.pageTabBase .tabList.tab6>li,
.pageTabBase .tabList.tab7>li,
.pageTabBase .tabList.tab8>li{flex:1;}

.pageTabBase .tabList.tab9>li,
.pageTabBase .tabList.tab10>li{flex:0 1 calc(20% + 1px);}
.pageTabBase .tabList.tab9>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab9>li:nth-child(5) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab9>li:nth-child(6) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab9>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab10>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab10>li:nth-child(5) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab10>li:nth-child(6) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab10>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase .tabList.tab11>li,
.pageTabBase .tabList.tab12>li{flex:0 1 calc(16.6% + 1px);}
.pageTabBase .tabList.tab11>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab11>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab11>li:nth-child(7) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab11>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab12>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab12>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab12>li:nth-child(7) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab12>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase .tabList.tab13>li,
.pageTabBase .tabList.tab14>li {flex:0 1 calc(14.2% + 1px);}
.pageTabBase .tabList.tab13>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab13>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab13>li:nth-child(8) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab13>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab14>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab14>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab14>li:nth-child(8) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab14>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase .tabList.tab15>li,
.pageTabBase .tabList.tab16>li,
.pageTabBase .tabList.tab17>li,
.pageTabBase .tabList.tab18>li {flex:0 1 calc(16.6% + 1px);}
.pageTabBase .tabList.tab15>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab15>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab15>li:nth-child(13) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab15>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab16>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab16>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab16>li:nth-child(13) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab16>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab17>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab17>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab17>li:nth-child(13) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab17>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab18>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab18>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab18>li:nth-child(13) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab18>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase .tabList.tab19>li,
.pageTabBase .tabList.tab20>li,
.pageTabBase .tabList.tab21>li {flex:0 1 calc(14.2% + 1px);}
.pageTabBase .tabList.tab19>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab19>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab19>li:nth-child(15) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab19>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab20>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab20>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab20>li:nth-child(15) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab20>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab21>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab21>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab21>li:nth-child(15) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab21>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase .tabList.tab22>li,
.pageTabBase .tabList.tab23>li,
.pageTabBase .tabList.tab24>li {flex:0 1 calc(16.6% + 1px);}
.pageTabBase .tabList.tab22>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab22>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab22>li:nth-child(19) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab22>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab23>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab23>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab23>li:nth-child(19) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab23>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab24>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab24>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab24>li:nth-child(19) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab24>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase .tabList.tab25>li,
.pageTabBase .tabList.tab26>li,
.pageTabBase .tabList.tab27>li,
.pageTabBase .tabList.tab28>li {flex:0 1 calc(14.2% + 1px);}
.pageTabBase .tabList.tab25>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab25>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab25>li:nth-child(22) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab25>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab26>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab26>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab26>li:nth-child(22) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab26>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab27>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab27>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab27>li:nth-child(22) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab27>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab28>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab28>li:nth-child(7) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab28>li:nth-child(22) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab28>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase .tabList.tab29>li,
.pageTabBase .tabList.tab30>li,
.pageTabBase .tabList.tab31>li,
.pageTabBase .tabList.tab32>li,
.pageTabBase .tabList.tab33>li,
.pageTabBase .tabList.tab34>li,
.pageTabBase .tabList.tab35>li,
.pageTabBase .tabList.tab36>li {flex:0 1 calc(16.6% + 1px);}
.pageTabBase .tabList.tab29>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab29>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab29>li:nth-child(25) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab29>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab30>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab30>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab30>li:nth-child(25) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab30>li:last-child a{border-radius:0 0 8px 0;}
.pageTabBase .tabList.tab31>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab31>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab31>li:last-child a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab32>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab32>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab32>li:nth-child(31) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab32>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab33>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab33>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab33>li:nth-child(31) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab33>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab34>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab34>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab34>li:nth-child(31) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab34>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab35>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab35>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab35>li:nth-child(31) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab35>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab36>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab36>li:nth-child(6) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab36>li:nth-child(31) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab36>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase .tabList.tab37>li,
.pageTabBase .tabList.tab38>li,
.pageTabBase .tabList.tab39>li,
.pageTabBase .tabList.tab40>li{flex:0 1 calc(20% + 1px);}
.pageTabBase .tabList.tab37>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab37>li:nth-child(5) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab37>li:nth-child(36) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab37>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab38>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab38>li:nth-child(5) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab38>li:nth-child(36) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab38>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab39>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab39>li:nth-child(5) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab39>li:nth-child(36) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab39>li:last-child a{border-radius:0;}
.pageTabBase .tabList.tab40>li:first-child a{border-radius:8px 0 0 0;}
.pageTabBase .tabList.tab40>li:nth-child(5) a{border-radius:0 8px 0 0;}
.pageTabBase .tabList.tab40>li:nth-child(36) a{border-radius:0 0 0 8px;}
.pageTabBase .tabList.tab40>li:last-child a{border-radius:0 0 8px 0;}

.pageTabBase.flexble .tabList{gap:8px;}
.pageTabBase.flexble .tabList a{border-radius:8px !important;}

.pageTabBase.round .tabList{padding:0;margin:-5px 0 0 -5px;width:calc(100% + 10px);}
.pageTabBase.round .tabList>li{margin:0;margin:5px;display:inline-block;border:none;}
.pageTabBase.round .tabList>li::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border:1px solid #E6E6E6;box-sizing:border-box;background-color:#fff;border-radius:28px;transition:all 0.1s;}
.pageTabBase.round .tabList>li a{display:inline-block;font-weight:400 !important;border:1px solid rgba(255,255,255,0);background-color:rgba(255,255,255,0);}
.pageTabBase.round .tabList>li a>span{position:relative;top:50%;display:inline-block;transform: translateY(-50%);font-size:inherit;font-weight:inherit;color:inherit}

.pageTabBase.round .tabList>li.on>a,
.pageTabBase.round .tabList>li:hover>a{color:#A70638;}
.pageTabBase.round .tabList>li:hover::before,
.pageTabBase.round .tabList>li.on::before{border:2px solid #A70638;}

.pageTabBase.round .tabList.tab2>li{width:calc(50% - 8px);}
.pageTabBase.round .tabList.tab3>li{width:calc(33.33% - 8px);}
.pageTabBase.round .tabList.tab4>li{width:calc(25% - 8px);}
.pageTabBase.round .tabList.tab5>li{width:calc(20% - 8px);}
.pageTabBase.round .tabList.tab6>li{width:calc(16.66% - 8px);}
.pageTabBase.round .tabList.tab7>li{width:calc(14.28% - 8px);}
.pageTabBase.round .tabList.tab8>li{width:calc(12.5% - 8px);}
.pageTabBase.round .tabList.tab9>li,
.pageTabBase.round .tabList.tab10>li{width:calc(20% - 8px);}

.lineTabBase{width:100%;height:auto;font-size:0;margin:0 auto 30px;}
.lineTabBase .tabList {width:100%;height:auto;font-size:0;}
.lineTabBase .tabList li {display:inline-block;vertical-align:top;width:100%;}
.lineTabBase .tabList li a{position:relative;display:block;padding:20px 10px 13px 10px;text-align:center;border-bottom:2px solid rgba(255,255,255,0);height:50px;}
.lineTabBase .tabList li a>span{display:inline-block;font-size:16px;line-height:28px;color:#666666;transition:all 0.2s;}
.lineTabBase .tabList li a::before{content:'';display:block;position:absolute;left:50%;bottom:-2px;width:0;height:2px;background:#E6E6E6;transition:0.2s;}
.lineTabBase .tabList li.on a>span,
.lineTabBase .tabList li a:hover>span{color:#212121;}
.lineTabBase .tabList li.on a::before,
.lineTabBase .tabList li a:hover::before{left:0;width:100%;background:#A70638;height:3px;}

.lineTabBase .tabList li .icon.block{display:block;margin:0 auto 7px auto;}
.lineTabBase .tabList li .icon{width:20px;height:20px;display:inline-block;vertical-align:text-bottom;margin-right:10px;}
.lineTabBase .tabList li .icon.sample{background:url(../img/common/icon_tabSample_off.png) no-repeat center center/15px auto;}
.lineTabBase .tabList li.on .icon.sample,
.lineTabBase .tabList li:hover .icon.sample{background:url(../img/common/icon_tabSample_on.png) no-repeat center center/15px auto;}

.lineTabBase.flexble[data-id=slickFlexble]{overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding-bottom:0px;}
.lineTabBase.flexble[data-id=slickFlexble] .mCSB_horizontal.mCSB_inside > .mCSB_container{margin-bottom:20px;}
.lineTabBase.flexble .tabList{display:block;background:url(../img/common/img_lineTabBaseBg.png) repeat-x left top;}
.lineTabBase.flexble .tabList li{width:auto;text-align:center;font-size:18px;display:inline-block;}
/* .lineTabBase.flexble .tabList li.swiper-slide{background: #fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;} */
.lineTabBase.flexble .tabList li a{padding:11px 23px 9px 23px;}
.lineTabBase.flexble .tabList li::after{content:"";position:absolute;right:0;top:18px;display:block;width:1px;height:14px;background-color:#DFDFDF;}
.lineTabBase.flexble .tabList li:last-of-type::after{display:none;}

.lineTabBase .tabList.tab2>li{width:50%;}
.lineTabBase .tabList.tab3>li{width:33.333%}
.lineTabBase .tabList.tab4>li{width:25%}
.lineTabBase .tabList.tab5>li{width:20%}
.lineTabBase .tabList.tab6>li{width:16.66%}
.lineTabBase .tabList.tab7>li{width:14.28%}
.lineTabBase .tabList.tab8>li{width:12.5%}
.lineTabBase .tabList.tab9>li,
.lineTabBase .tabList.tab10>li{width:20%}

.lineTabDivBase{width:100%;height:auto;font-size:0;margin:0 auto 50px;}
.lineTabDivBase .tabList {width:100%;height:auto;font-size:0;}
.lineTabDivBase .tabList li {position:relative;display:inline-block;vertical-align:top;width:auto;}
/* .lineTabDivBase .tabList li::before{content:"";position:absolute;right:0;top:8px;display:block;width:1px;height:14px;background-color:#E6E6E6;}
.lineTabDivBase .tabList li:last-of-type::before{display:none;} */
.lineTabDivBase .tabList li a{position:relative;display:block;padding:0 16px;text-align:center;}
.lineTabDivBase .tabList li:nth-of-type(1) a{padding-left:0;}
.lineTabDivBase .tabList li a>span{display:inline-block;font-size:16px;line-height:28px;color:#111111;transition:all 0.2s;}
.lineTabDivBase .tabList li.on a>span,
.lineTabDivBase .tabList li a:hover>span{color:#A70638;}


/*Accordion*/
.AccordionBase{width:100%;height:auto;}
.AccordionBase>li{position:relative;width:100%;height:auto;border-top:1px solid var(--color-divider-gray);}
.AccordionBase>li .AccordionBtn{display:flex;flex-wrap:wrap;align-items:center;justify-content:start;width:100%;text-align:left;position:relative;padding:8px 44px 8px 0;min-height:70px;font-size:20px;line-height:150%;font-weight:700;color:var(--color-text-basic);}
.AccordionBase>li .AccordionBtn>span{display:inline-flex;font-size:inherit;font-weight:inherit;line-height:inherit;color:inherit;}
.AccordionBase>li .AccordionBtn::after{content:"";width:24px;height:24px;position:absolute;right:0;top:23px;mask:url(../../AFFI_F/img/layout/ico_arrow_down24.svg) no-repeat center center/ contain;background-color:var(--color-icon-gray);transition:all 0.2s;transform:rotate(0);}
.AccordionBase>li .AccordionCont{position:relative;padding:0 0 42px;display:none;}
.AccordionBase>li .AccordionCont .AccordionFileArea{width:100%;margin-top:20px;display:flex;flex-wrap:wrap;align-items:start;justify-content:start;flex-direction:column;gap:8px;padding:20px;background:var(--color-surface-primary-subtler);border-radius:8px;}
.AccordionBase>li .AccordionCont .AccordionFileArea>.ad_FileDown{display:inline-flex;align-items:center;justify-content:start;padding:0 4px;font-size:14px;color:var(--color-text-basic);transition:all 0.2s;}
.AccordionBase>li .AccordionCont .AccordionFileArea>.ad_FileDown>span{position:relative;display:inline-flex;align-items:center;justify-content:start;text-decoration:underline;text-underline-offset:2px;}
.AccordionBase>li.on .AccordionBtn::after{transform:rotate(-180deg);background-color:var(--color-icon-primary);}
.AccordionBase>li .AccordionCont .AccordionFileArea>.ad_FileDown:hover,
.AccordionBase>li .AccordionCont .AccordionFileArea>.ad_FileDown:focus-visible{color:var(--color-action-primary-active);}



/* 게시판 및 프로그램 공통사항 */
.typeSub .board_area{max-width:1800px;}
.BBS_option .searchBox .listOption{border-radius:8px;}
.BBS_option .searchBox .listOption .baseBtn.line{border-color:transparent;border-radius:4px;}
.prevNnext li>.article>a:focus-visible{outline-offset:-4px;}
.lineList_v .view_movie_r .movie>.playImg:focus-visible{outline-offset:-4px;}
.replyArea fieldset .inputTextarea{height:130px;}
.replyArea fieldset .btn>button{border-radius:8px;min-height:130px;}
.fildArea.gallery .formInput.file{align-items:center;}
.pdf_Info .pdf_Menu>li .baseBtn{justify-content:space-between;gap:8px;}
.typeSub .baseBtn.pdfDown{background-color: #0092DD;border-color: #0092DD;padding:0 24px;border-radius:8px;}
.typeSub .baseBtn.pdfDown>.base{background:transparent;border:none;background-image:none;font-size:18px;}
.typeSub .baseBtn.pdfDown::after{content:"";width:20px;height:20px;display:inline-flex;align-items:center;mask:url(../img/common/icon_pdfDown.png) no-repeat center center/contain;background-color:var(--color-icon-inverse);flex-shrink:0;}
.typeSub .baseBtn.hwpDown{background-color: #0092DD;border-color: #0092DD;padding:0 24px;border-radius:8px;}
.typeSub .baseBtn.hwpDown>.base{background:transparent;border:none;background-image:none;font-size:18px;}
.typeSub .baseBtn.hwpDown::after{content:"";width:20px;height:20px;display:inline-flex;align-items:center;mask:url(../img/common/icon_pdfDown.png) no-repeat center center/contain;background-color:var(--color-icon-inverse);flex-shrink:0;}
.typeSub .baseBtn.pdfView{background-color: #254288;border-color: #254288;padding:0 24px;border-radius:8px;}
.typeSub .baseBtn.pdfView>.base{background:transparent;border:none;background-image:none;font-size:18px;}
.typeSub .baseBtn.pdfView::after{content:"";width:20px;height:20px;display:inline-flex;align-items:center;mask:url(../img/common/icon_pdfView.png) no-repeat center center/contain;background-color:var(--color-icon-inverse);flex-shrink:0;}
.typeSub .baseBtn.fullView{background-color: #222;border-color: #222;padding:0 24px;border-radius:8px;}
.typeSub .baseBtn.fullView>.base{background:transparent;border:none;background-image:none;font-size:18px;}
.typeSub .baseBtn.fullView::after{content:"";width:20px;height:20px;display:inline-flex;align-items:center;mask:url(../img/common/icon_fullView.png) no-repeat center center/contain;background-color:var(--color-icon-inverse);flex-shrink:0;}
.pdf_Menu>div .baseBtn.icon{width:auto;justify-content:space-between;padding:0 24px;border-radius:8px;}
.pdf_Menu>div .baseBtn.icon .base{display:inline-flex;align-items:center;gap:20px;line-height:1;width:100%;justify-content:space-between;}
.pdf_Menu>div .baseBtn.icon>.base>i{display:inline-flex;align-items:center;width:20px;height:20px;mask-repeat:no-repeat;mask-position:center center;mask-size:contain;background:none;background-color:var(--color-icon-gray);}
.pdf_Menu>div .baseBtn.icon>.base>i.fileDown {mask-image: url(../img/common/icon_fileDown.png);}
.pdf_Menu>div .baseBtn.icon>.base>i.zoom {mask-image: url(../img/common/Icon_zoom.svg);}
.pdf_Menu>div .baseBtn.icon:hover>.base>i,
.pdf_Menu>div .baseBtn.icon:focus-visible>.base>i{background-color:var(--color-icon-inverse);}
.roundBtnGroup .baseBtn.line{border-color:transparent;}
.roundBtnGroup .baseBtn.line.on{border-color: var(--color-button-tertiary-border);background-color: var(--color-button-tertiary-border);color:var(--color-text-basic-inverse);}
.typeSub .academicCal .month_top>button.btn_prev{background-color:transparent;}
.typeSub .academicCal .month_top>button.btn_next{background-color:transparent;}




/* 컨턴츠 기본영역 */
.topContArea{margin-bottom:70px;}
.groupCont{width:100%;font-size:0;}
.groupCont .iconEtcArea + .txtAlert{margin-top:20px;}
.groupCont .topArea{margin-bottom:80px;}
.groupCont .contSection{font-size:0;}
.groupCont .contSection>dt{display:inline-block;vertical-align:top;width:260px;}
.groupCont .contSection>dd{display:inline-block;vertical-align:top;width:calc(100% - 360px);margin-left:100px;}
.groupCont .contSection>dd.noLine {border-top:0;}
.groupCont .contSection>dd.noLine .division:first-child {padding-top:0;}
.groupCont .contSection>dt .headLine1{margin-bottom:0;}
.groupCont .contSection>dt .headLine1 + .headLine2{margin-top:12px;margin-bottom:0;}
.groupCont .contSection>dt .headBtn{margin-top:25px;}
.groupCont .contSection>dt .headBtn .baseBtn{margin:0 10px 10px 0;}
.groupCont .contSection>dt:nth-of-type(n+2),
.groupCont .contSection>dd:nth-of-type(n+2){margin-top:145px;}
.groupCont .contSection>dd>p.headBtn{display:none;}
.groupCont .txtBody2 {color:#666;line-height:28px;}

.groupCont>.curriculumInfo{margin-bottom:50px;}
.groupCont>.curriculumInfo .headLine2{margin-bottom:30px;}
.groupCont>.curriculumInfo .contTable + .txtBody1{margin-top:20px;}

.groupCont .bottomContArea{margin-top:70px;}
.groupCont .bottomContArea .division .btnArea{margin-top:27px;}
.groupCont .bottomContArea .division{position:relative;padding:0 0 50px;}
.groupCont .bottomContArea .division.nLine {padding-bottom:0;border-bottom:0;}
.groupCont .bottomContArea>.division{border-bottom:0;padding-bottom:120px;}
.groupCont .bottomContArea>.division:first-of-type{padding-top:0;}
/* .groupCont .bottomContArea>.division+.division{margin-top:20px;} */
/* .groupCont .bottomContArea .division + .division{margin-top:50px;} */
.groupCont .bottomContArea>.division>.headLine1{margin-bottom:27px;}
.groupCont .bottomContArea .division>*:last-child{margin-bottom:0;}
.groupCont .bottomContArea .division:last-of-type{border-bottom:none;padding-bottom:0;}
.groupCont .bottomContArea .division *:not(.headLine1, .headLine2) + .contTable{margin-top:20px;}

.groupCont .bottomContArea .headLine2{margin-bottom:15px;}
.groupCont .bottomContArea .headLine2:nth-of-type(n+2){margin-top:50px;}
.groupCont .bottomContArea .headLine3{margin-bottom:10px;}
.groupCont .bottomContArea .headLine3:nth-of-type(n+2){margin-top:25px;}

.groupCont .bottomContArea .headLine2 + .headLine3{margin-top:0;}

.groupCont .bottomContArea .headLine3s{margin-bottom:12px;}
.groupCont .bottomContArea .headLine3s:nth-of-type(n+2){margin-top:40px;}

.groupCont .bottomContArea .txtBody2 + .headLine2{margin-top:38px;}
.groupCont .bottomContArea .txtAlert{margin:20px 0 0px 0;}
.groupCont .bottomContArea .txtAlert + .contTable{margin-top:40px;}

.groupCont .bottomContArea .contBtn.right{text-align:right;position:absolute;right:0;bottom:35px;font-size:0;}
.groupCont .bottomContArea .contBtn.right .baseBtn+.baseBtn{margin-left:10px;}

.groupCont .bottomContArea .division .contTable + p.txtBody2{margin-top:17px;}
.groupCont .bottomContArea .division p.txtBody1{margin-bottom:8px;}
.groupCont .bottomContArea .division>p.txtBody1.wB.c_PointBlue:nth-of-type(n+2){margin-top:30px;}
.groupCont .bottomContArea .division>.headLine4:nth-of-type(n+2){margin-top:25px;}
.groupCont .bottomContArea .division .colorBox{margin-top:30px;}

.groupCont>.halfContArea{padding-left:510px;margin-top:70px}
.groupCont>.halfContArea.infoA .divImg{margin:55px 0;font-size:0}
.groupCont>.halfContArea.infoA .divImg>img{display:block;width:100%}
.groupCont>.halfContArea.infoA .divImg + .txtBody1 + .txtBody1{margin-top:30px}
.groupCont>.halfContArea.infoA .sign{text-align:right;margin-top:55px}

.bottomContArea.subHalf{font-size:0;}
.bottomContArea.subHalf .division{display:inline-block;width:calc(50% - 25px);vertical-align:top;margin-right:50px;padding-bottom:0;}
.bottomContArea.subHalf .division:nth-of-type(2n){margin-right:0;}
.bottomContArea.subHalf .division:nth-of-type(n+3){margin-top:80px;}


/* ENG */
.languageENG .groupCont .contSection>dt{width:100%;margin-bottom:20px;}
.languageENG .groupCont .contSection>dd{width:100%;padding-left:0;border-top:none !important;}
.languageENG .groupCont .contSection>dd:nth-of-type(n+2){margin-top:0;padding-top:0;}
/*타이틀 + 셀릭트박스*/
.headSelectArea{position:relative;font-size:0;margin-bottom:30px;}
.headSelectArea .selectBase{position:absolute;right:0;top:-2px;}

/* .optionDtl{width:20px;height:20px;vertical-align:middle;display:inline-block;background:url(../../KOR_A/img/program/icon_optionDtl.png) no-repeat center center/100% auto;} */


.colorBox{width:100%;padding:30px}
.colorBox.Gray{background-color:#F4F4F4;}

.colorBox>.txtBody2{margin-bottom:8px;}
.colorBox>dl{font-size:0;}
.colorBox>dl+dl{margin-top:10px;}
.colorBox>dl>dt.txtBody2{width:50px;display:inline-block;vertical-align:top;margin-bottom:0;}
.colorBox>dl>dd.txtBody2{width:calc(100% - 50px);display:inline-block;vertical-align:top;margin-bottom:0;}

.colorBox>dl.w70>dt.txtBody2{width:70px;}
.colorBox>dl.w70>dd.txtBody2{width:calc(100% - 70px);}

.colorBox>dl.w90>dt.txtBody2{width:90px;}
.colorBox>dl.w90>dd.txtBody2{width:calc(100% - 90px);}

.colorBox>dl.w100>dt.txtBody2{width:100px;}
.colorBox>dl.w100>dd.txtBody2{width:calc(100% - 100px);}

/* 검색 폼 */
.searchFrom{width:100%;height:auto;padding:30px 50px;background-color:#F4F4F4;font-size:0;margin-bottom:80px;}
.searchFrom .selectBase{max-width:280px;vertical-align:middle;}
.searchFrom .baseBtn.large{width:160px;vertical-align:middle;}
.searchFrom .inputBase{margin:0 10px 0 5px; width:calc(100% - 455px);vertical-align:middle;}

/* 약관동의 */
.termsArea{margin-top:60px;}
.termsArea .allCheck{width:100%;padding:30px 50px;border:1px solid #E6E6E6;}
.termsArea .termsList{padding:0 50px;border:1px solid #E6E6E6;border-top:none;}
.termsArea .termsList>.item{position:relative;font-size:0;}
.termsArea .termsList>.item:last-of-type .termsDtlArea{margin-bottom:30px;}
.termsArea .termsList>.item+.item{border-top:1px solid #E6E6E6;}
.termsArea .termsList>.item .termsInfo{position:relative;font-size:0;padding:30px 40px 30px 0;}
.termsArea .termsList>.item .termsInfo>.txtBody1{padding-left:32px;}
.termsArea .termsList>.item .termsInfo>.txtBody2{margin-top:13px;padding-left:32px;}
.termsArea .termsList>.item .termsDtlBtn{position:absolute;right:-8px;top:24px;width:40px;height:40px;background:url(../img/common/icon_AccordionArrow.png) no-repeat center center/24px auto;transition:all 0.2s;}
.termsArea .termsList>.item .termsDtlBtn.on{transform:rotate(180deg);}
.termsArea .termsList>.item .termsDtlArea{background-color:#f4f4f4;padding:30px;display:none;}
.termsArea .termsList>.item .termsDtlArea .txtBody2.wB{margin-bottom:5px;}
.termsArea .termsList>.item .termsDtlArea .txtBody2.wB:nth-of-type(n+2){margin-top:35px;word-break:keep-all;}
.termsArea .termsList>.item .snsWrap{width:100%;font-size:0;margin-top:30px;padding-left:32px;}
.termsArea .termsList>.item .snsWrap .inputBox{margin:0 20px 0px 0;}

.ipsiTermsArea{width:100%;height:auto;margin-top:50px;}
.ipsiTermsArea .innerBox{background-color:#F4F5F9;padding:35px 40px;}
.ipsiTermsArea .innerBox .headLine2{margin-bottom:20px;}
.ipsiTermsArea .ckArea{margin-top:30px;}
.ipsiTermsArea .ckArea .inputBox{margin-right:30px;}
.ipsiTermsArea .ckArea .inputBox.round>input:checked + .data{font-weight:bold;color:#111111}
.ipsiTermsArea .ckArea .inputBox>.data{color:#666;}

/* datepicker */
.picker_txt {display:inline-block;padding-left:5px;vertical-align:top;line-height:50px;text-align:center;}
.date-picker .prev-but,
.date-picker .next-but {font-size:18px !important;}
.ui-datepicker td a {padding:0 !important;font-size:12px !important;text-align:center !important;letter-spacing:-1px !important;}

input.timepicker {padding-right:30px;background:#fff url(../img/common/ico_clock_black.png) no-repeat right 10px center !important;}
input.inp_t~.timepicker {margin-left:5px;}
.ui-timepicker-standard a {text-align:left !important;}

.multipickerBox {display:inline-block;position:relative;font-size:13px;vertical-align:top;}
.multipickerBox>input {padding-right:30px;background:#fff url(../js/multidatepicker/datepicker-calendar.png) no-repeat right 10px center !important;cursor:pointer;}
.multipickerBox .multidatepicker {position:absolute;left:0;top:35px;z-index:5000;box-shadow:0 0 10px -5px #000;}
.multipickerBox .multidatepicker .btn_close {display:none;}
.multipickerBox .multidatepicker.hasDatepicker .btn_close {display:block;position:absolute;right:-20px;top:-14px;overflow:hidden;width:21px;height:20px;box-sizing:border-box;border:1px solid #c5c5c5;border-left:none;border-top-right-radius:4px;border-bottom-right-radius:4px;background:#fff url(../js/multidatepicker/datepicker-close.png) no-repeat center;background-size:auto 10px;text-indent:-999px;z-index:5000;}
.multipickerBox+.picker_txt {padding-left:0;}

/* select박스 스타일 */
.inp_s {
    /*vertical-align:text-top;*/
    width: 100%; /* 원하는 너비설정 */
    height:50px;
    padding: 0 30px 0 10px; /* 여백으로 높이 설정 */
    color:#000;
    font-family:'Pretendard', sans-serif;
    font-size:16px;
    /*font-family: inherit;*/  /* 폰트 상속 */
    background:#fff url(../img/common/ico_selectArrB_black.png) no-repeat right 15px top 50%; /* 네이티브 화살표를 커스텀 화살표로 대체 */
    border: 1px solid #dbdee1;
    border-radius: 0px; /* iOS 둥근모서리 제거 */
    -webkit-appearance: none; /* 네이티브 외형 감추기 */
    -moz-appearance: none;
    appearance: none;
}
.inp_s::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.inp_s[disabled] {background-color:#fafafa;color:#757575;}
.inp_t {width:100%;height:50px;box-sizing:border-box;padding:0 5px;border:1px solid #dbdee1;color:#000;border-radius:0;font-size:16px;line-height:48px;}
.inp_area {width:100%;box-sizing:border-box;padding:25px;border:1px solid #dbdee1;color:#000;font-size:16px;line-height:22px;resize:none;text-align:left;}

/* no_article 수정시 board.css와 동기화 필요 */
.typeNoArticle {height:auto !important;padding:0 !important;}
.no_article {width:100%;height:auto;padding:220px 0 90px 0;font-size:18px;color:#666666;line-height:30px;background:url(../img/common/icon_noArticle.png) no-repeat center top 119px/76px auto;text-align:center;}

/* iconBtn */
.fileDown{width:19px;height:20px;display:inline-block;background:url(../img/common/icon_fileDown.png) no-repeat center center/100% auto;vertical-align:middle;}
.Imove{width:25px;height:13px;display:inline-block;background:url(../img/common/icon_pageMove.png) no-repeat center center/100% auto;vertical-align:middle;}
.IlikeBtn{width:21px;height:19px;display:inline-block;background-image:url(../img/common/icon_like.png);background-repeat:no-repeat;background-position:center center;background-size:21px auto;vertical-align:middle;}
.IlikeBtn.lineBlack{background-image:url(../img/common/icon_likeLine.png);}
.IlikeBtn.on{background-image:url(../img/common/icon_likeOn.png);}

/* title & txt */
.contTit {display:block;margin:0 0 12px;font-size:30px;font-weight:700;color:#111;line-height:1.2;}
/*.contTit_m {display:block;margin:40px 0 12px;font-size:28px;font-weight:700;color:#111;line-height:1.2;}*/
.contTit_s {display:block;margin:0 0 15px;color:#173070;font-size:20px;font-weight:700;line-height:1.2;}
.contTit_point {display:block;position:relative;margin:0 0 15px;padding-right:15px;color:#111;font-size:50px;font-weight:700;line-height:1.2;}
.contTit_point::after {content:'';display:inline-block;overflow:hidden;width:10px;height:10px;margin:10px 0 0 10px;border-radius:50%;background:#173070;vertical-align:top;}

p.txt {color:#666;font-size:16px;font-weight:400;line-height:1.8;}
p.exclam {padding-left:33px;background:url(../img/common/ico_exclam_red.png) no-repeat left top 1px;color:#666;font-size:16px;font-weight:400;line-height:1.6;}
p.exclam_s {padding-left:23px;background:url(../img/common/ico_exclam_line.png) no-repeat left top 5px;color:#888;font-size:16px;font-weight:400;line-height:1.6;text-align:left;}
span.exclam_s {display:inline-block;padding-left:23px;background:url(../img/common/ico_exclam_line.png) no-repeat left top 5px;color:#888;font-size:16px;font-weight:400;line-height:1.6;text-align:left;}
.box_gray {overflow:hidden;padding:25px 30px;background:#f8f8f8;}
.box_gray .boxTit {display:block;margin:0 0 15px;color:#d01f43;font-size:20px;font-weight:500;line-height:1.2em;}

/* list */
.list_dotRed>li {position:relative;padding-left:12px;box-sizing:border-box;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing:-0.5px}
.list_dotRed>li::before {content:'';display:block;position:absolute;left:0;top:9px;overflow:hidden;width:3px;height:3px;box-sizing:border-box;border-radius:50%;background:#173070;}
.list_dotRed>li+li {margin-top:6px;}

.list_dotGray>li {position:relative;padding-left:12px;box-sizing:border-box;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing:-0.5px}
.list_dotGray>li::before {content:'';display:block;position:absolute;left:0;top:9px;overflow:hidden;width:3px;height:3px;box-sizing:border-box;border-radius:50%;background:#666;}
.list_dotGray>li+li {margin-top:6px;}

.list_dotGray.white>li {position:relative;padding-left:12px;box-sizing:border-box;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing:-0.5px}

.list_dotBlack>li {position:relative;padding-left:12px;box-sizing:border-box;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;letter-spacing:-0.5px}
.list_dotBlack>li::before {content:'';display:block;position:absolute;left:0;top:9px;overflow:hidden;width:3px;height:3px;box-sizing:border-box;border-radius:50%;background:#313133;}
.list_dotBlack>li+li {margin-top:6px;}

.list_hyphen {}
.list_hyphen>li {position:relative;padding-left:12px;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:left;vertical-align:top;}
.list_hyphen>li::before {content:'';display:block;position:absolute;left:0;top:10px;width:4px;height:1px;box-sizing:border-box;background:#666;}
.list_hyphen>li+li {margin-top:6px;}

.list_dotRed>li .list_hyphen,
.list_dotGray>li .list_hyphen,
.list_dotBlack>li .list_hyphen {width:100%;padding:8px 0 2px;}
.list_dotRed>li .list_hyphen>li,
.list_dotGray>li .list_hyphen>li,
.list_dotBlack>li .list_hyphen>li {color:#888;font-size:15px;font-weight:300;}
.list_dotRed>li .list_hyphen>li::before {top:9px;background:#173070;}
.list_dotGray>li .list_hyphen>li::before {top:9px;background:#666;}
.list_dotBlack>li .list_hyphen>li::before {top:9px;background:#313133;}
.list_dotRed>li .list_hyphen>li+li,
.list_dotGray>li .list_hyphen>li+li,
.list_dotBlack>li .list_hyphen>li+li {margin-top:5px;}
.list_dotRed>li p.exclam_s,
.list_dotGray>li p.exclam_s,
.list_dotBlack>li p.exclam_s {background-position:left top 5px;color:#888;font-size:15px;font-weight:300;}

/* 상하단 공지영역 */
.pageTop_noti {display:block;position:relative;overflow:hidden;max-width:1800px;margin:0 auto 40px;box-sizing:border-box;padding:0 60px;}
.pageBtm_noti {display:block;position:relative;overflow:hidden;max-width:1800px;margin:30px auto 0px;box-sizing:border-box;padding:0 60px;}
.pageTop_noti .icoInfoBox .txt {display:table-cell;height:40px;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.5;text-align:left;vertical-align:middle;}
.pageTop_noti .icoInfoBox .point {color:#d01f43;}

/* 페이지 타이틀 */
.pageTitArea{max-width:1800px;margin:0 auto 50px;padding:0 60px;position:relative;}
.pageTitArea .pageTit{display:block;font-size:50px;font-weight:bold;color:#000;line-height:60px;padding-right:100px;}
.pageTitArea .pageTit::after{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background-color:#0092DD;vertical-align:-6px;margin-left:8px;}


/*table*/
.listTable{width:100%;height:auto;border-top:2px solid var(--color-border-gray-darker);}
.listTable table{width:100%;table-layout:fixed;}
.listTable table thead th{font-size:16px;font-weight:bold;color:var(--color-text-basic);line-height:150%;height:48px;text-align:center;padding:8px 16px;}
.listTable table tbody td{font-size:16px;color:var(--color-text-basic);line-height:150%;height:48px;text-align:center;padding:8px 16px;}
.listTable table thead tr,
.listTable table tbody tr{border-bottom:1px solid var(--color-border-gray);}

.contTable{position:relative;width:100%;height:auto;border-top:1px solid var(--color-border-gray-darker);overflow-x:auto;}
.contTable table{width:100%;table-layout:fixed;border-collapse:collapse}
.contTable table th{font-size:16px;font-weight:600;color:var(--color-text-basic);line-height:150%;height:56px;text-align:center;padding:8px 16px;border-right:1px solid var(--color-border-gray);background-color:var(--color-surface-white);}
.contTable table tbody td{font-size:16px;color:var(--color-text-subtle);line-height:150%;height:56px;text-align:center;padding:8px 16px;border-right:1px solid var(--color-border-gray);}
.contTable table thead th:last-of-type,
.contTable table tbody td:last-of-type{border-right:0;}

.contTable table thead th[colspan]:first-of-type,
.contTable table thead th[rowspan]:first-of-type,
.contTable table tbody td[colspan]:first-of-type,
.contTable table tbody td[rowspan]:first-of-type{border-left:0;}

.contTable table thead th[colspan],
.contTable table thead th[rowspan],
.contTable table tbody td[colspan],
.contTable table tbody td[rowspan]{border-left:1px solid var(--color-border-gray);}

.contTable table thead th[colspan]:last-of-type,
.contTable table thead th[rowspan]:last-of-type,
.contTable table tbody td[colspan]:last-of-type,
.contTable table tbody td[rowspan]:last-of-type{border-right:0;border-left:1px solid var(--color-border-gray);}

.contTable table tbody td .txtList.dot>li{font-size:16px;line-height:150%;color:var(--color-text-subtle);text-align:left;}
/* .contTable table tbody td .txtList.dot>li+li{margin-top:5px;} */
.contTable table tbody td .txtList.dot>li::before{top:10px;}

.contTable table tbody th{text-align:left;background:transparent;text-align:center;}
.contTable table thead tr,
.contTable table tbody tr{border-bottom:1px solid var(--color-border-gray);}

.tableTouchArea{position:absolute;background-color:rgba(0,0,0,0.3);width:100%;height:100%;left:0;top:0;}
.tableTouchArea .tableScrollTouch{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%); width:85px;height:85px;background:url(../img/common/icon_tableTouch.png) no-repeat center center/100% auto;opacity:0.7;}


/* 컨텐츠 탭 */
.contTab_Group{width:100%;}
.contTab_Group .contTab{display:none;}
.contTab_Group .contTab.on{display:block;}

#contTab_s {overflow:hidden;width:100%;margin-bottom:10px;}
#contTab_s .tabList {width:100%;overflow:hidden;padding-bottom:1px;font-size:0;}
#contTab_s .tabList>li {display:inline-block;overflow:hidden;margin:0 5px 10px 0;border:1px solid #ddd;border-radius:21px;vertical-align:top;}
#contTab_s .tabList>li a {display:block;min-width:140px;height:42px;box-sizing:border-box;padding:0 25px;color:#000;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:42px;text-align:center;white-space:nowrap;transition:0.2s;}
#contTab_s .tabList>li a.on,
#contTab_s .tabList>li a:hover {background:#00589e;color:#fff}

/* table */
.lineTop_tbArea {position:relative;overflow:auto;border-top:1px solid #353541;}
.lineTop_tbArea .lineTop_tb {max-width:none;width:calc(100% - 1px);min-width:100%;border-collapse:collapse;table-layout:fixed;}
.lineTop_tbArea .lineTop_tb thead th {height:40px;padding:5px;background:#f5f5f5;color:#111;font-size:16px;font-weight:500;line-height:1.4;text-align:center;vertical-align:middle;}
.lineTop_tbArea .lineTop_tb td,
.lineTop_tbArea .lineTop_tb th {border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;font-family:'Pretendard', sans-serif;}
.lineTop_tbArea .lineTop_tb td:last-child,
.lineTop_tbArea .lineTop_tb th:last-child {border-right:0;}
.lineTop_tbArea .lineTop_tb tbody td {height:34px;padding:8px 15px;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.4;text-align:center;}
.lineTop_tbArea .lineTop_tb.txtL tbody td {text-align:left;}
.lineTop_tbArea .lineTop_tb th[rowspan],
.lineTop_tbArea .lineTop_tb td[rowspan] {border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;}
.lineTop_tbArea .lineTop_tb th[rowspan]:first-child,
.lineTop_tbArea .lineTop_tb td[rowspan]:first-child {border-right:1px solid #dddfe5;border-left:none;}
.lineTop_tbArea .lineTop_tb th[rowspan]:last-child,
.lineTop_tbArea .lineTop_tb td[rowspan]:last-child {border-right:none;border-left:1px solid #dddfe5;}

.lineTop_tbArea .lineTop_tb2 {max-width:none;width:calc(100% - 1px);border-collapse:collapse;table-layout: fixed;}
.lineTop_tbArea .lineTop_tb2 th,
.lineTop_tbArea .lineTop_tb2 td {height:40px;padding:8px 15px;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;font-family:'Pretendard', sans-serif;text-align:center;word-break:break-all;}
.lineTop_tbArea .lineTop_tb2 thead th {height:40px;padding:5px;background:#f5f5f5;color:#111;font-size:16px;font-weight:500;line-height:1.4;vertical-align:middle;}
.lineTop_tbArea .lineTop_tb2 td:last-child,
.lineTop_tbArea .lineTop_tb2 th:last-child {border-right:0;}
.lineTop_tbArea .lineTop_tb2 tbody td {height:34px;padding:8px 15px;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.4;text-align:center;word-break:break-all;}
.lineTop_tbArea .lineTop_tb2 tfoot td {padding:15px 10px;color:#000;font-family:'Pretendard', sans-serif;font-size:20px;font-weight:400;line-height:1.4;text-align:center;}
.lineTop_tbArea .lineTop_tb2.txtL tbody td {text-align:left;}
.lineTop_tbArea .lineTop_tb2 th[rowspan],
.lineTop_tbArea .lineTop_tb2 td[rowspan] {border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;}
.lineTop_tbArea .lineTop_tb2 th[rowspan]:first-child,
.lineTop_tbArea .lineTop_tb2 td[rowspan]:first-child {border-right:1px solid #e7e7e7;border-left:none;}
.lineTop_tbArea .lineTop_tb2 th[rowspan]:last-child,
.lineTop_tbArea .lineTop_tb2 td[rowspan]:last-child {border-right:none;border-left:1px solid #e7e7e7;}

.lineTop_tbArea .lineTop_tbL {max-width:none;width:calc(100% - 1px);min-width:calc(100% - 1px);table-layout:fixed;}
.lineTop_tbArea .lineTop_tbL td,
.lineTop_tbArea .lineTop_tbL th {height:40px;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;font-family:'Pretendard', sans-serif;}
.lineTop_tbArea .lineTop_tbL th {padding:8px 15px;color:#111;font-size:16px;font-weight:500;line-height:1.4;text-align:center;background:#f5f5f5;}
.lineTop_tbArea .lineTop_tbL td {padding:8px 15px;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.4;text-align:center;word-break:break-all;}
.lineTop_tbArea .lineTop_tbL td:last-child,
.lineTop_tbArea .lineTop_tbL th:last-child {border-right:0;}
.lineTop_tbArea .lineTop_tbL.txtL tbody td {padding-left:10px;text-align:left;}
.lineTop_tbArea .lineTop_tbL th[rowspan],
.lineTop_tbArea .lineTop_tbL td[rowspan] {border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;}
.lineTop_tbArea .lineTop_tbL th[rowspan]:first-child,
.lineTop_tbArea .lineTop_tbL td[rowspan]:first-child {border-right:1px solid #dddfe5;border-left:none;}
.lineTop_tbArea .lineTop_tbL th[rowspan]:last-child,
.lineTop_tbArea .lineTop_tbL td[rowspan]:last-child {border-right:none;border-left:1px solid #dddfe5;}

.lineTop_tbArea .lineTop_tbL2 {max-width:none;width:calc(100% - 1px);table-layout:fixed;}
.lineTop_tbArea .lineTop_tbL2 td,
.lineTop_tbArea .lineTop_tbL2 th {height:40px;border-right:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;font-family:'Pretendard', sans-serif;}
.lineTop_tbArea .lineTop_tbL2 td:last-child,
.lineTop_tbArea .lineTop_tbL2 th:last-child {border-right:0;}
.lineTop_tbArea .lineTop_tbL2 th {padding:8px 15px;color:#111;font-size:16px;font-weight:500;line-height:1.4;text-align:center;background:#f5f5f5;}
.lineTop_tbArea .lineTop_tbL2 td {padding:8px 15px;color:#666;font-family:'Pretendard', sans-serif;font-size:16px;font-weight:400;line-height:1.4;text-align:center;word-break:break-all;}
.lineTop_tbArea .lineTop_tbL2.txtL tbody td {padding-left:10px;text-align:left;}
.lineTop_tbArea .lineTop_tbL2 th[rowspan],
.lineTop_tbArea .lineTop_tbL2 td[rowspan] {border-right:1px solid #e7e7e7;border-left:1px solid #e7e7e7;}
.lineTop_tbArea .lineTop_tbL2 th[rowspan]:first-child,
.lineTop_tbArea .lineTop_tbL2 td[rowspan]:first-child {border-right:1px solid #e7e7e7;border-left:none;}
.lineTop_tbArea .lineTop_tbL2 th[rowspan]:last-child,
.lineTop_tbArea .lineTop_tbL2 td[rowspan]:last-child {border-right:none;border-left:1px solid #e7e7e7;}

.lineTop_tbArea table tr.point th,
.lineTop_tbArea table tr.point td,
.lineTop_tbArea table tr td.point,
.lineTop_tbArea table tr td .point {color:#173070 !important;font-weight:500;}

.limit{overflow-x:hidden;overflow-y:auto;}
.limitX{position:relative;overflow-y:hidden;overflow-x:auto;}

/* 등장모션 */
/* article:not(.noAni) {opacity:0;transform: translateY(100px);transition:opacity 1s, transform 1s;}
article.fadeUp {opacity:1;transform: translateY(0px);} */
article:not(.noAni) {position:relative;opacity:0;top: 100px;transition:opacity 1s, top 1s;}
article.fadeUp {opacity:1;top:0;}

/* 에러페이지 */
/* .conts_error {width:100%;height:100%;max-width:100%;max-height:100%;background:#fff;}
.conts_error.typeFull {position:fixed;left:0;top:0;z-index:9999;}
.conts_error .errorBox {position:relative;left:50%;width:590px;height:480px;box-sizing:border-box;padding-top:200px;border-top:2px solid #121a28;background:#fff url(../img/common/ico_errorMark.png) no-repeat 50% 60px;background-size:auto 100px;transform:translateX(-50%);}
.conts_error.typeFull .errorBox {top:50%;transform:translate(-50%, -50%);}
.conts_error .errorBox strong {display:block;overflow:hidden;width:80%;margin:0 auto 20px;color:#272727;font-family:'Noto Sans KR';font-size:30px;font-weight:500;line-height:38px;text-align:center;}
.conts_error .errorBox p {display:block;overflow:hidden;width:80%;margin:0 auto 50px;color:#272727;font-size:17px;line-height:25px;text-align:center;}
.conts_error .errorBox .btn_area {border-top:1px solid #ddd;padding-top:40px;text-align:center;}
.noCont_msg{width: 100%; min-height: 220px; border: 1px solid #E6E6E6; box-sizing: border-box; text-align:center; font-size: 0; margin-top: 50px;}
.noCont_msg > img{display: inline-block; margin-bottom: 30px; margin-top: 50px;}
.noCont_msg > p{font-size: 32px; letter-spacing: -1px; line-height: 1em; font-weight: 500;} */

.pageError{width:100%;max-width:1800px;margin:120px auto;min-height:450px;background-color:#F7F7F7;padding:94px 60px 60px;text-align:center;}
.pageError .errorTit{font-size:36px;line-height:44px;font-weight:bold;color:#111;padding-top:85px;background:url(../img/common/icon_error.svg) no-repeat top center/64px auto;margin-bottom:20px;word-break:keep-all;color:#111;}
.pageError .txtBody2{word-break:keep-all;} 

.pageError.type2{border:none;background-color:inherit;}
.pageError.type2 .errorTit{background:url(../img/common/icon_error2.svg) no-repeat top center/64px auto;}

.typeFullError {position:relative;display:flex;justify-content: center;align-items: center;height:100%;padding:0 20px;}


/*푸터 패밀리사이트 팝업*/
#footer .pop_wrap {display:none;}
#footer .pop_wrap.on {display:block;background:rgba(0,0,0,0.7);}

.pop_familySite {position:relative;font-size:0;}
/* .pop_familySite:before {content:'';position:absolute;left:50%;top:0;display:block;width:1px;height:100%;background:#E6E6E6;} */
.pop_familySite .site {display:inline-block;position:relative;width:50%;overflow:hidden;margin:0;box-sizing:border-box;font-size:0;text-align:left;font-size:0;}
.pop_familySite .site2 {padding-left:40px;}
/* .pop_familySite ul {margin-top:-7px;font-size:0;} */
.pop_familySite ul{display:flex;flex-wrap:wrap;align-items:start;justify-content:start;gap:10px;margin-right:-10px;}
.pop_familySite ul>li {display:inline-flex;width:calc(33.33% - 10px);box-sizing:border-box;vertical-align:top;}
/* .pop_familySite ul>li:nth-of-type(n+4){margin-top:7px;} */
.pop_familySite ul>li:hover{color:#A70638;}

#familySite1>section {width:90%;max-width:900px;max-height:540px;}

.pop_mailRefuse .popLayout  {max-width:563px;}
.pop_mailRefuse .topGrayBox {position:relative;padding:110px 50px 30px 50px;margin-bottom:25px;background:#F4F5F9;}
.pop_mailRefuse .topGrayBox p.txtBody1 {line-height:32px;text-align:center;}
.pop_mailRefuse .txtList>li {font-size:16px;}
.pop_mailRefuse .topGrayBox:before {content:'';position:absolute;left:50%;top:30px;margin-left:-38.5px;display:block;width:77px;height:64px;background:url(../img/common/ico_mailRefuse.png) no-repeat;}

/* 스텝디자인 */
.stepArea{width:100%;font-size:0;}
.stepArea>ul{width:100%;font-size:0;overflow:hidden;}
.stepArea>ul .item{display:inline-block;position:relative;border:1px solid #212121;padding:28px 32px;margin-right:60px;vertical-align:top;}
.stepArea>ul .item::before{content:"";position:absolute;right:-38px;top:calc(50% - 10px);display:block;width:10px;height:20px;background:url(../img/common/icon_stopArrow.png) no-repeat center center/100% auto;}
.stepArea>ul .item b.headLine3{margin:17px 0 12px 0;}
.stepArea>ul .item:last-child{margin-right:0;}
.stepArea>ul .item:last-child::before{display:none;}

.stepArea.step4>ul .item{width:calc(25% - 45px);}
.stepArea.step4>ul .item:nth-of-type(4n){margin-right:0;}
.stepArea.step4>ul .item:nth-of-type(n+5){margin-top:60px;}

.stepArea.step5>ul .item{width:calc(20% - 48px);}
.stepArea.step5>ul .item:nth-of-type(5n){margin-right:0;}
.stepArea.step5>ul .item:nth-of-type(n+6){margin-top:60px;}

.stepArea.step6>ul .item{width:calc(16.6666% - 50px);}
.stepArea.step6>ul .item:nth-of-type(6n){margin-right:0;}
.stepArea.step6>ul .item:nth-of-type(n+7){margin-top:60px;}

.stepArea.step7>ul .item{width:calc(14.2857% - 30px);}
.stepArea.step7>ul .item:nth-of-type(7n){margin-right:0;}
.stepArea.step7>ul .item:nth-of-type(n+8){margin-top:60px;}

.stepArea.rowItem3>ul .item{width:calc(33.333% - 40px);}
.stepArea.rowItem3>ul .item:nth-of-type(3),
.stepArea.rowItem3>ul .item:nth-of-type(9){margin-right:0;}
.stepArea.rowItem3>ul .item:nth-child(n+4):nth-child(-n+6),
.stepArea.rowItem3>ul .item:nth-child(n+10):nth-child(-n+12){float:right;margin-right:0;margin-left:60px;}
.stepArea.rowItem3>ul .item:nth-child(n+4):nth-child(-n+5)::before,
.stepArea.rowItem3>ul .item:nth-child(n+10):nth-child(-n+11)::before{right:auto;left:-38px;transform:rotate(180deg);}
.stepArea.rowItem3>ul .item:nth-of-type(6),
.stepArea.rowItem3>ul .item:nth-of-type(12){margin-left:0 !important;margin-right:0;}
.stepArea.rowItem3>ul .item:nth-child(n+4){margin-top:60px;}
.stepArea.rowItem3>ul .item:nth-of-type(3n)::before{top:calc(100% + 20px);left:calc(50% - 5px);transform:rotate(90deg);}

.stepArea.rowItem2>ul .item{width:calc(50% - 30px);}
.stepArea.rowItem2>ul .item:nth-of-type(2),
.stepArea.rowItem2>ul .item:nth-of-type(4),
.stepArea.rowItem2>ul .item:nth-of-type(6),
.stepArea.rowItem2>ul .item:nth-of-type(8),
.stepArea.rowItem2>ul .item:nth-of-type(10){margin-right:0;}
.stepArea.rowItem2>ul .item:nth-child(n+3):nth-child(-n+4),
.stepArea.rowItem2>ul .item:nth-child(n+7):nth-child(-n+8){float:right;margin-right:0;margin-left:60px;}
.stepArea.rowItem2>ul .item:nth-child(3)::before,
.stepArea.rowItem2>ul .item:nth-child(7)::before{right:auto;left:-38px;transform:rotate(180deg);}
.stepArea.rowItem2>ul .item:nth-of-type(4),
.stepArea.rowItem2>ul .item:nth-of-type(8){margin-left:0 !important;margin-right:0;}
.stepArea.rowItem2>ul .item:nth-child(n+3){margin-top:60px;}
.stepArea.rowItem2>ul .item:nth-of-type(2n)::before{top:calc(100% + 20px);left:calc(50% - 5px);transform:rotate(90deg);}

.motionImg{position:relative;width:100%;height:auto;overflow:hidden;}
.motionImg img {position:relative;left:50%;width:100%;transform:scale(1.15) translateX(-50%);transform-origin:center;opacity:0;transition:transform 1.4s ease, opacity 1s ease;display:block;}
.motionImg .innerBox{position:absolute;width:100%;height:100%;top:0;left:0;}
.motionImg.active img {transform: scale(1) translateX(-50%);opacity:1;}
.motionImg.wide{margin-left:-260px;width:calc(100% + 520px);}
.motionImg.wide .innerBox{max-width:1500px;left:50%;transform:translate(-50%,0%);padding:0 50px;}

/* SNB 숨김메뉴 */
#snb_nav .snb_area>button.typeHidden {pointer-events: none !important}
#snb_nav .snb_area>button.typeHidden::before {display:none !important;;}

@media all and (max-width: 1500px) {
	.motionImg.wide{margin-left:-50px;width:calc(100% + 100px);}

    /* 상하단 공지영역 */
    .pageTop_noti,
    .pageBtm_noti {padding:0 32px;}

    /* 페이지 타이틀 */
    .pageTitArea{padding:0 32px;}

    /* Tab */
    .pageTabBase{padding:0 32px;}
}

@media all and (max-width: 1340px) {
	.groupCont>.halfContArea{padding-left:200px;}
    .groupCont .contSection>dd{margin-left:50px;width:calc(100% - 310px);}
}

@media all and (max-width: 1280px) {
    /*** style_guide ***/
    /* tab */
    .pageTabBase .tabList>li{flex:0 1 calc(20% + 1px) !important;}
    .pageTabBase .tabList>li a{font-size:18px;padding:0 14px;}
    

    
    .pageTabBase .tabList.tab2>li,
    .pageTabBase .tabList.tab3>li,
    .pageTabBase .tabList.tab4>li,
    .pageTabBase .tabList.tab5>li{flex:1 !important;}
    .pageTabBase .tabList.tab6>li:first-child a{border-radius:8px 0 0 0;}
    .pageTabBase .tabList.tab6>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab6>li:last-child a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab7>li:first-child a{border-radius:8px 0 0 0;}
    .pageTabBase .tabList.tab7>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab7>li:nth-child(6) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab7>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab8>li:first-child a{border-radius:8px 0 0 0;}
    .pageTabBase .tabList.tab8>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab8>li:nth-child(6) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab8>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab11>li:first-child a{border-radius:8px 0 0 0;}
    .pageTabBase .tabList.tab11>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab11>li:nth-child(6) a,
    .pageTabBase .tabList.tab11>li:nth-child(7) a{border-radius:0;}
    .pageTabBase .tabList.tab11>li:last-child a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab12>li:first-child a{border-radius:8px 0 0 0;}
    .pageTabBase .tabList.tab12>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab12>li:nth-child(6) a,
    .pageTabBase .tabList.tab12>li:nth-child(7) a,
    .pageTabBase .tabList.tab12>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab12>li:nth-child(11) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab13>li:first-child a{border-radius:8px 0 0 0;}
    .pageTabBase .tabList.tab13>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab13>li:nth-child(7) a,
    .pageTabBase .tabList.tab13>li:nth-child(8) a,
    .pageTabBase .tabList.tab13>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab13>li:nth-child(11) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab14>li:first-child a{border-radius:8px 0 0 0;}
    .pageTabBase .tabList.tab14>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab14>li:nth-child(7) a,
    .pageTabBase .tabList.tab14>li:nth-child(8) a,
    .pageTabBase .tabList.tab14>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab14>li:nth-child(11) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab15>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab15>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab15>li:nth-child(11) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab15>li:last-child a{border-radius:0 0 8px 0;}
    .pageTabBase .tabList.tab15>li:nth-child(6) a,
    .pageTabBase .tabList.tab15>li:nth-child(13) a{border-radius:0;}
    .pageTabBase .tabList.tab16>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab16>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab16>li:last-child a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab16>li:nth-child(6) a,
    .pageTabBase .tabList.tab16>li:nth-child(13) a{border-radius:0;}
    .pageTabBase .tabList.tab17>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab17>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab17>li:nth-child(16) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab17>li:nth-child(6) a,
    .pageTabBase .tabList.tab17>li:nth-child(13) a{border-radius:0;}
    .pageTabBase .tabList.tab18>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab18>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab18>li:nth-child(16) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab18>li:nth-child(6) a,
    .pageTabBase .tabList.tab18>li:nth-child(13) a,
    .pageTabBase .tabList.tab18>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab19>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab19>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab19>li:nth-child(16) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab19>li:nth-child(7) a,
    .pageTabBase .tabList.tab19>li:nth-child(15) a,
    .pageTabBase .tabList.tab19>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab20>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab20>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab20>li:nth-child(16) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab20>li:nth-child(7) a,
    .pageTabBase .tabList.tab20>li:nth-child(15) a{border-radius:0;}
    .pageTabBase .tabList.tab20>li:last-child a{border-radius:0 0 8px 0;}
    .pageTabBase .tabList.tab21>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab21>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab21>li:nth-child(21) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab21>li:nth-child(7) a,
    .pageTabBase .tabList.tab21>li:nth-child(15) a{border-radius:0;}  
    .pageTabBase .tabList.tab21>li:last-child a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab22>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab22>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab22>li:nth-child(21) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab22>li:nth-child(6) a,
    .pageTabBase .tabList.tab22>li:nth-child(19) a,    
    .pageTabBase .tabList.tab22>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab23>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab23>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab23>li:nth-child(21) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab23>li:nth-child(6) a,
    .pageTabBase .tabList.tab23>li:nth-child(19) a,    
    .pageTabBase .tabList.tab23>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab24>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab24>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab24>li:nth-child(21) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab24>li:nth-child(6) a,
    .pageTabBase .tabList.tab24>li:nth-child(19) a,    
    .pageTabBase .tabList.tab24>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab25>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab25>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab25>li:nth-child(7) a,
    .pageTabBase .tabList.tab25>li:nth-child(22) a{border-radius:0;}
    .pageTabBase .tabList.tab25>li:nth-child(21) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab25>li:last-child a{border-radius:0 0 8px 0;}
    .pageTabBase .tabList.tab26>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab26>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab26>li:nth-child(7) a,
    .pageTabBase .tabList.tab26>li:nth-child(22) a{border-radius:0;}
    .pageTabBase .tabList.tab26>li:last-child a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab27>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab27>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab27>li:nth-child(26) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab27>li:nth-child(7) a,
    .pageTabBase .tabList.tab27>li:nth-child(22) a,
    .pageTabBase .tabList.tab27>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab28>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab28>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab28>li:nth-child(26) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab28>li:nth-child(7) a,
    .pageTabBase .tabList.tab28>li:nth-child(22) a,
    .pageTabBase .tabList.tab28>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab29>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab29>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab29>li:nth-child(26) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab29>li:nth-child(6) a,
    .pageTabBase .tabList.tab29>li:nth-child(25) a,
    .pageTabBase .tabList.tab29>li:last-child a{border-radius:0;}    
    .pageTabBase .tabList.tab30>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab30>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab30>li:nth-child(26) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab30>li:nth-child(6) a,
    .pageTabBase .tabList.tab30>li:nth-child(25) a{border-radius:0;}
    .pageTabBase .tabList.tab30>li:last-child a{border-radius:0 0 8px 0;}
    .pageTabBase .tabList.tab31>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab31>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab31>li:nth-child(6) a{border-radius:0;}
    .pageTabBase .tabList.tab31>li:last-child a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab32>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab32>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab32>li:nth-child(36) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab32>li:nth-child(6) a,
    .pageTabBase .tabList.tab32>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab33>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab33>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab33>li:nth-child(36) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab33>li:nth-child(6) a,
    .pageTabBase .tabList.tab33>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab34>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab34>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab34>li:nth-child(36) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab34>li:nth-child(6) a,
    .pageTabBase .tabList.tab34>li:last-child a{border-radius:0;}
    .pageTabBase .tabList.tab35>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab35>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab35>li:nth-child(36) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab35>li:nth-child(6) a{border-radius:0;}
    .pageTabBase .tabList.tab35>li:last-child a{border-radius:0 0 8px 0;}
    .pageTabBase .tabList.tab36>li:first-child a{border-radius:8px 0 0 0;}    
    .pageTabBase .tabList.tab36>li:nth-child(5) a{border-radius:0 8px 0 0;}
    .pageTabBase .tabList.tab36>li:nth-child(36) a{border-radius:0 0 0 8px;}
    .pageTabBase .tabList.tab36>li:nth-child(6) a,
    .pageTabBase .tabList.tab36>li:nth-child(31) a{border-radius:0;}
    .pageTabBase .tabList.tab36>li:last-child a{border-radius:0 0 0 8px;}
    
    .pageTabBase.round .tabList.tab2>li {width:calc(50% - 8px);}
    .pageTabBase.round .tabList.tab3>li,
    .pageTabBase.round .tabList.tab6>li {width:calc(33.33% - 8px);}
    .pageTabBase.round .tabList.tab4>li,
    .pageTabBase.round .tabList.tab7>li,
    .pageTabBase.round .tabList.tab8>li {width:calc(25% - 8px);}
    .pageTabBase.round .tabList.tab5>li,
    .pageTabBase.round .tabList.tab9>li,
    .pageTabBase.round .tabList.tab10>li,
    .pageTabBase.round .tabList.tab11>li,
    .pageTabBase.round .tabList.tab12>li,
    .pageTabBase.round .tabList.tab13>li,
    .pageTabBase.round .tabList.tab14>li,
    .pageTabBase.round .tabList.tab15>li,
    .pageTabBase.round .tabList.tab16>li,
    .pageTabBase.round .tabList.tab17>li,
    .pageTabBase.round .tabList.tab18>li,
    .pageTabBase.round .tabList.tab19>li,
    .pageTabBase.round .tabList.tab20>li {width:calc(20% - 8px);}

    .pageTabBase.round .tabList.tab21>li,
    .pageTabBase.round .tabList.tab22>li,
    .pageTabBase.round .tabList.tab23>li,
    .pageTabBase.round .tabList.tab24>li {width:calc(25% - 8px);}
    .pageTabBase.round .tabList.tab25>li
    .pageTabBase.round .tabList.tab26>li,
    .pageTabBase.round .tabList.tab27>li,
    .pageTabBase.round .tabList.tab28>li {width:calc(20% - 8px);}
    .pageTabBase.round .tabList.tab29>li,
    .pageTabBase.round .tabList.tab30>li,
    .pageTabBase.round .tabList.tab31>li,
    .pageTabBase.round .tabList.tab32>li,
    .pageTabBase.round .tabList.tab33>li,
    .pageTabBase.round .tabList.tab34>li,
    .pageTabBase.round .tabList.tab35>li {width:calc(20% - 8px);}
    .pageTabBase.round .tabList.tab36>li,
    .pageTabBase.round .tabList.tab37>li,
    .pageTabBase.round .tabList.tab38>li,
    .pageTabBase.round .tabList.tab39>li,
    .pageTabBase.round .tabList.tab40>li {width:calc(20% - 8px);}

    .lineTabBase .tabList.tab2>li {width:50%}
    .lineTabBase .tabList.tab3>li,
    .lineTabBase .tabList.tab6>li {width:33.333%}
    .lineTabBase .tabList.tab4>li,
    .lineTabBase .tabList.tab7>li,
    .lineTabBase .tabList.tab8>li {width:25%}
    .lineTabBase .tabList.tab5>li,
    .lineTabBase .tabList.tab9>li,
    .lineTabBase .tabList.tab10>li{width:20%}
}


@media all and (max-width:1041px){
    *{-webkit-tap-highlight-color:transparent;}
    html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
    {font-size:14px;line-height:1.4;}
    b, span, strong{font-size:inherit;line-height:inherit;}

    /* 건너뛰기 링크 */
    #skip_menu{display:none;}

    .pageTitArea{padding-left:20px;padding-right:20px;margin-bottom:40px;}

    /* Title */
    .headLine0{font-size:44px;}
    .headLine1{font-size:32px;}
    .headLine2{font-size:28px;}
    .headLine2m{font-size:28px;}
    .headLine3{font-size:24px;}
    .headLine4{font-size:22px;}

    /* button, a */
    .btnArea{margin-top:35px;}

    /* input(checkbox, radio, select, textarea) */
    .CkRound .data{font-size:15px;padding:0 10px;height:30px;line-height:30px;}

    /* tab */
    .pageTabBase {padding:0 20px;}
    .pageTabBase {margin-bottom:45px}
    article .pageTabBase{margin-bottom:45px;}
    .pageTabBase .tabList{gap:8px;}
    .pageTabBase .tabList.tab4>li,
    .pageTabBase .tabList.tab5>li{flex:unset !important;}
    .pageTabBase .tabList>li{flex:unset !important;margin:0 !important;width:auto !important;}
    .pageTabBase .tabList>li a {min-height:48px;font-size:16px;border-radius:0 !important;border:none;position:relative;}
    .pageTabBase .tabList>li a::before{content:"";position:absolute;width:100%;height:3px;left:0;bottom:0;background-color:var(--color-action-secondary-active);transform:scale(0,1);transition:0.4s;}
    .pageTabBase .tabList>li.on a, 
    .pageTabBase .tabList>li a:hover,
    .pageTabBase .tabList>li a:focus-visible {background-color:transparent;border:none;color: var(--color-text-secondary);}
    .pageTabBase .tabList>li.on a::before, 
    .pageTabBase .tabList>li a:hover::before,
    .pageTabBase .tabList>li a:focus-visible::before{transform:scale(1);}

    .pageTabBase.flexble .tabList li{width:auto;}
    .pageTabBase.flexble .tabList li a{padding:0 14px;border-radius:0 !important;}

    .groupCont .contSection>dt .headBtn{display:none;}
    .groupCont .contSection>dd>p.headBtn{display:block;text-align:center;padding-top:30px;padding-bottom:10px;border-top:1px solid #E6E6E6;font-size:0;}
    .groupCont .contSection>dd>p.headBtn .baseBtn{margin:0 10px 10px 0;}

    .pageTabBase.round .tabList{margin:-3px 0 0 -3px;width:calc(100% + 10px);}
    .pageTabBase.round .tabList li{margin:3px;}
    .pageTabBase.round .tabList li a{height:40px;}

    .pageTabBase.round .tabList.tab2 li {width:calc(50% - 8px);}
    .pageTabBase.round .tabList.tab3 li {width:calc(33.33% - 8px);}
    .pageTabBase.round .tabList.tab4 li,
    .pageTabBase.round .tabList.tab5 li,
    .pageTabBase.round .tabList.tab6 li,
    .pageTabBase.round .tabList.tab7 li,
    .pageTabBase.round .tabList.tab8 li,
    .pageTabBase.round .tabList.tab9 li,
    .pageTabBase.round .tabList.tab10 li {width:calc(25% - 8px);}

    .lineTabBase .tabList.tab2 li {width:50%}
    .lineTabBase .tabList.tab3 li {width:33.333%}
    .lineTabBase .tabList.tab4 li,
    .lineTabBase .tabList.tab5 li,
    .lineTabBase .tabList.tab6 li,
    .lineTabBase .tabList.tab7 li,
    .lineTabBase .tabList.tab8 li,
    .lineTabBase .tabList.tab9 li,
    .lineTabBase .tabList.tab10 li {width:25%}

    /*Accordion*/
    .AccordionBase>li .AccordionBtn{padding:8px 32px 8px 0;min-height:62px;}
    .AccordionBase>li .AccordionBtn::after{top:19px;}
    .AccordionBase>li .AccordionCont{padding:0;}

    

    .topContArea{margin-bottom:60px;}
    .groupCont .bottomContArea{margin-top:50px;}
    /* .groupCont .iconEtcArea + .txtAlert{margin-bottom:60px;} */
    /* .iconEtcArea{padding:30px 30px 30px 127px;} */
    .iconEtcArea .etcArea{position:static;margin-top:20px;}
    .groupCont .contSection>dt{width:100%;margin-bottom:32px;}
    .groupCont .contSection>dt .headLine2{word-break:keep-all;}
    .groupCont .contSection>dt .headLine2 br{display:none;}
    .groupCont .contSection>dd{width:100%;padding-left:0;padding-top:0;margin-left:0;}
    .groupCont .contSection>dt:nth-of-type(n+2){margin-top:70px;padding-top:0px;} 
    .groupCont .contSection>dd:nth-of-type(n+2){margin-top:0px;padding-top:0;}
    .groupCont .bottomContArea>.division{padding-bottom:70px;}
    .groupCont .bottomContArea>.division+.division{margin-top:0;}
    .groupCont .bottomContArea .contBtn.right{position:static;text-align:left;margin-top:20px;}
    .groupCont .bottomContArea .contBtn.right .baseBtn{margin:0 10px 10px 0;}
    .groupCont .bottomContArea .contBtn.right .baseBtn+.baseBtn{margin-left:0;}
    .groupCont .txtBody2 {line-height:24px;}
	.groupCont>.halfContArea{padding-left:0px;margin-top:50px}
    
    .groupCont .contSection>dt .headLine1 br {display:none;}
	
    .bottomContArea.subHalf .division{width:100%;margin-right:0;}
    
    .searchFrom{padding:20px;margin-bottom:50px;}
    .searchFrom .selectBase{max-width:200px;}
    .searchFrom .inputBase{width:calc(100% - 375px);}

    /* 약관동의 */
    .termsArea{margin-top:40px;}
    .termsArea .allCheck{padding:20px;}
    .termsArea .termsList{padding:0 20px;}
    .termsArea .termsList>.item .termsInfo{padding:20px 40px 20px 0;}
    .termsArea .termsList>.item .termsInfo>.txtBody1{padding-left:24px;}
    .termsArea .termsList>.item .termsInfo>.txtBody2{margin-top:5px;padding-left:24px;}
    .termsArea .termsList>.item .termsDtlBtn{width:30px;height:30px;background-size:18px auto !important;top:18px;right:-6px;}
    .termsArea .termsList>.item .termsDtlArea{padding:20px;}
    .termsArea .termsList>.item .termsDtlArea .txtBody2.wB:nth-of-type(n+2){margin-top:20px;}
    .termsArea .termsList>.item .snsWrap{padding-left:24px;margin-top:20px;}

    /* 에러페이지 */
    .conts_error .errorBox {width:300px;height:auto;}
    .conts_error .errorBox strong {width:100%;font-size:18px;line-height:28px;}
    .conts_error .errorBox p {font-size:15px;line-height:23px;}
    .conts_error .btnC>span {min-width:120px;min-height:38px;font-size:14px;line-height:40px;}
    .conts_error .btnC+.btnC {margin-top:5px;}

    /*푸터 패밀리사이트 팝업*/
    #familySite1>section{max-height:100%;}
    .pop_familySite ul {padding-top:0px;}
    .pop_familySite ul>li {width:calc(50% - 10px);}
    .pop_familySite ul>li>a {font-size:15px;line-height:150%;}

    .lineTabBase.flexble .tabList{display:flex;background:none;}
    .lineTabBase.flexble .tabList li.swiper-slide{background: #fff;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
    .lineTabBase.flexble .tabList li a{border-bottom:1px solid #E6E6E6;height:auto;}
    .lineTabBase.flexble .tabList li a::before{bottom:-1px;}

    .txtList.halfType{font-size:0;}
    .txtList.halfType li{width:100%;display:block;}
    .txtList.halfType li:nth-of-type(2){margin-top:5px;}

    /*스텝디자인*/
    .stepArea.rowItem3>ul .item{margin-right:40px;width:calc(33.333% - 26.6666px);}
    .stepArea>ul .item::before{right:-28px;}
    .stepArea.rowItem3>ul .item:nth-child(n+4){margin-top:40px;}
    .stepArea.rowItem3>ul .item:nth-of-type(3n)::before{top:calc(100% + 10px);}
    .stepArea.rowItem3>ul .item:nth-child(n+4):nth-child(-n+6),
    .stepArea.rowItem3>ul .item:nth-child(n+10):nth-child(-n+12){margin-right:0;margin-left:40px;}
    .stepArea.rowItem3>ul .item:nth-child(n+4):nth-child(-n+5)::before,
    .stepArea.rowItem3>ul .item:nth-child(n+10):nth-child(-n+11)::before{left:-28px;}

    .stepArea.rowItem2>ul .item{margin-right:40px;width:calc(50% - 20px);}
    .stepArea.rowItem2>ul .item:nth-child(n+3){margin-top:40px;}
    .stepArea.rowItem2>ul .item:nth-of-type(2n)::before{top:calc(100% + 10px);}
    .stepArea.rowItem2>ul .item:nth-child(n+3):nth-child(-n+4),
    .stepArea.rowItem2>ul .item:nth-child(n+7):nth-child(-n+8){margin-right:0;margin-left:40px;}
    .stepArea.rowItem2>ul .item:nth-child(3)::before,
    .stepArea.rowItem2>ul .item:nth-child(7)::before{left:-28px;}

    
}

@media all and (max-width:768px){
    /* subTxt */
    /* .txtBody0{font-size:16px;line-height:24px;}
    .txtBody1{font-size:16px;line-height:24px;}
    .txtBody2{font-size:14px;line-height:20px;}
    .txtBody2s{font-size:13px;line-height:20px;}
    .txtBody3{font-size:12px;line-height:16px;}

    .txtAlert{padding-left:19px;font-size:14px;line-height:20px;background-position:left top 4px;background-size:14px auto;}
    .txtList>li{font-size:14px;line-height:20px;}
    .txtList.dot>li{font-size:14px;line-height:20px;}
    .txtList>li+li{margin-top:2px;}
    .txtList.dot>li>.txtList.hyphen{margin-top:5px;}
    .txtList.dot>li::before{top:10px;}
    .txtList.hyphen>li::before{top:9px;}
    .txtList.hyphen>li+li {margin-top:2px;}
	.txtList.bullet>li{padding-left:18px} */

    /* tab */
    .pageTabBase .tabList.tab2 li, 
    .pageTabBase .tabList.tab4 li {width:calc(50% + 1px);}
    .pageTabBase .tabList.tab3 li,
    .pageTabBase .tabList.tab5 li,
    .pageTabBase .tabList.tab6 li,
    .pageTabBase .tabList.tab7 li,
    .pageTabBase .tabList.tab8 li,
    .pageTabBase .tabList.tab9 li,
    .pageTabBase .tabList.tab10 li {width:calc(33.33% + 1px);}

    .pageTabBase .tabList.tab11>li,
    .pageTabBase .tabList.tab12>li,
    .pageTabBase .tabList.tab13>li,
    .pageTabBase .tabList.tab14>li,
    .pageTabBase .tabList.tab15>li,
    .pageTabBase .tabList.tab16>li,
    .pageTabBase .tabList.tab17>li,
    .pageTabBase .tabList.tab18>li,
    .pageTabBase .tabList.tab19>li,
    .pageTabBase .tabList.tab20>li {width:calc(33.33% + 1px);}
    
    .pageTabBase .tabList.tab21>li,
    .pageTabBase .tabList.tab22>li,
    .pageTabBase .tabList.tab23>li,
    .pageTabBase .tabList.tab24>li,
    .pageTabBase .tabList.tab25>li,
    .pageTabBase .tabList.tab26>li,
    .pageTabBase .tabList.tab27>li,
    .pageTabBase .tabList.tab28>li,
    .pageTabBase .tabList.tab29>li,
    .pageTabBase .tabList.tab30>li,
    .pageTabBase .tabList.tab31>li,
    .pageTabBase .tabList.tab32>li,
    .pageTabBase .tabList.tab33>li,
    .pageTabBase .tabList.tab34>li,
    .pageTabBase .tabList.tab35>li,
    .pageTabBase .tabList.tab36>li,
    .pageTabBase .tabList.tab37>li,
    .pageTabBase .tabList.tab38>li,
    .pageTabBase .tabList.tab39>li,
    .pageTabBase .tabList.tab40>li {width:calc(33.33% + 1px);}

    .pageTabBase.round .tabList.tab2 li {width:calc(50% - 8px);}
    .pageTabBase.round .tabList.tab3 li,
    .pageTabBase.round .tabList.tab4 li,
    .pageTabBase.round .tabList.tab5 li,
    .pageTabBase.round .tabList.tab6 li,
    .pageTabBase.round .tabList.tab7 li,
    .pageTabBase.round .tabList.tab8 li,
    .pageTabBase.round .tabList.tab9 li,
    .pageTabBase.round .tabList.tab10 li {width:calc(33.33% - 8px);}

    .pageTabBase.round .tabList.tab11>li,
    .pageTabBase.round .tabList.tab12>li,
    .pageTabBase.round .tabList.tab13>li,
    .pageTabBase.round .tabList.tab14>li,
    .pageTabBase.round .tabList.tab15>li,
    .pageTabBase.round .tabList.tab16>li,
    .pageTabBase.round .tabList.tab17>li,
    .pageTabBase.round .tabList.tab18>li,
    .pageTabBase.round .tabList.tab19>li,
    .pageTabBase.round .tabList.tab20>li {width:calc(33.33% - 8px);}

    .pageTabBase.round .tabList.tab21>li,
    .pageTabBase.round .tabList.tab22>li,
    .pageTabBase.round .tabList.tab23>li,
    .pageTabBase.round .tabList.tab24>li,
    .pageTabBase.round .tabList.tab25>li,
    .pageTabBase.round .tabList.tab26>li,
    .pageTabBase.round .tabList.tab27>li,
    .pageTabBase.round .tabList.tab28>li,
    .pageTabBase.round .tabList.tab29>li,
    .pageTabBase.round .tabList.tab30>li,
    .pageTabBase.round .tabList.tab31>li,
    .pageTabBase.round .tabList.tab32>li,
    .pageTabBase.round .tabList.tab33>li,
    .pageTabBase.round .tabList.tab34>li,
    .pageTabBase.round .tabList.tab35>li,
    .pageTabBase.round .tabList.tab36>li,
    .pageTabBase.round .tabList.tab37>li,
    .pageTabBase.round .tabList.tab38>li,
    .pageTabBase.round .tabList.tab39>li,
    .pageTabBase.round .tabList.tab40>li {width:calc(33.33% - 8px);}

    .lineTabBase .tabList li a{padding:10px 5px;}
    .lineTabBase .tabList li a>span{font-size:16px;line-height:18px;}
    .lineTabBase .tabList li .icon{width:15px;height:15px;background-size:12px auto !important;}

    .lineTabBase.flexble .tabList li a{padding-left:18px;padding-right:18px;}

    .lineTabBase .tabList.tab2 li {width:50%;}
    .lineTabBase .tabList.tab3 li,
    .lineTabBase .tabList.tab4 li,
    .lineTabBase .tabList.tab5 li,
    .lineTabBase .tabList.tab6 li,
    .lineTabBase .tabList.tab7 li,
    .lineTabBase .tabList.tab8 li,
    .lineTabBase .tabList.tab9 li, 
    .lineTabBase .tabList.tab10 li {width:33.333%;}

    .formInput.file .fileAdd .baseBtn>.base{min-width:0;}

    .pageTitArea{margin-bottom:25px;}
    .pageTitArea .pageTit{font-size:28px;line-height:32px;padding-right:0;}
    .pageTitArea .pageTit::after{vertical-align:-3px;}

    .pageTabBase{margin-bottom:20px;}
    article .pageTabBase{margin-bottom:20px;}
    .lineTabBase{margin-bottom:20px;}
    .lineTabDivBase{margin-bottom:20px;}

    .contTable table th,
    .contTable table tbody td{font-size:14px;line-height:20px;padding:6px 10px;word-break: break-word;}
    .contTable table tbody td .txtList>li{font-size:14px !important;line-height:20px !important;}
    .contTable table tbody td .txtList.dot>li::before{top:8px;}

    /* 테블릿 가이드에 따라 위치 변경 */
    .topContArea{margin-bottom:50px;}
    .iconEtcArea{width:100%;padding:30px 20px;}
    .iconEtcArea>.icon{position:static;margin:0 auto 13px auto;width:50px;height:50px;}
    .iconEtcArea .txtArea .headLine3{margin-bottom:14px;}
    .iconEtcArea .txtArea .headLine2{text-align:center;}
    /* .iconEtcArea .txtArea .txtBody2{font-size:16px;line-height:24px;} */
    .iconEtcArea .etcArea{position:static;margin-top:18px;text-align:center;}
    /* .groupCont .iconEtcArea + .txtAlert{margin-bottom:50px;} */
    .iconEtcArea .txtBody1 {line-height:24px;}

    .groupCont .contSection>dt:nth-of-type(n+2){margin-top:50px;}
    .groupCont .contSection>dt{width:100%;margin-bottom:20px;}
    .groupCont .contSection>dd{width:100%;padding-left:0;}
    /* .groupCont .contSection>dd.noLine .division:first-child {padding-top:20px;} */

    .groupCont .topContArea+.bottomContArea{margin-top:50px;}
    .groupCont .bottomContArea{margin-top:40px;}
    /* .groupCont .bottomContArea .division{padding:20px 0;} */
    .groupCont .bottomContArea>.division> .headLine2{margin-bottom:14px;}
    .groupCont .bottomContArea .headLine2{margin-bottom:13px;}
    /* .groupCont .bottomContArea .headLine3:nth-of-type(n+2){margin-top:30px;} */
    .groupCont .bottomContArea .headLine3s{margin-bottom:7px;}
    .groupCont .bottomContArea .headLine3s:nth-of-type(n+2){margin-top:25px;}
    .groupCont .bottomContArea .division{padding-bottom:33px;}
    .groupCont .bottomContArea .headLine2:nth-of-type(n+2){margin-top:33px;}
    .groupCont .bottomContArea .division + .division{margin-top:0px;}
    .groupCont .bottomContArea .division .contTable + p.txtBody2{margin-top:10px;}
    .groupCont .bottomContArea .division>p.txtBody2.wB.c_PointBlue:nth-of-type(n+2){margin-top:20px;}
    .groupCont .bottomContArea .txtAlert{margin-top:10px;}
    .groupCont .bottomContArea>.division>.headLine1{margin-bottom:15px;}
    .groupCont>.curriculumInfo{margin-bottom:34px;}
    .groupCont>.curriculumInfo .headLine2{margin-bottom:14px;}
    .groupCont>.curriculumInfo .contTable + .txtBody2{margin-top:10px;}
    .groupCont .bottomContArea .division *:not(.headLine1, .headLine2) + .contTable{margin-top:20px;}
    .groupCont .bottomContArea>.division{padding-bottom:50px;}
	
	.groupCont>.halfContArea.infoA .divImg{margin:30px 0;}
	.groupCont>.halfContArea.infoA .divImg + .txtBody1 + .txtBody1{margin-top:20px}
	.groupCont>.halfContArea.infoA .sign{text-align:right;margin-top:40px}

    .headSelectArea .selectBase{position:relative;margin-top:10px;}

    .searchFrom .selectBase{max-width:110px;}
    .searchFrom .inputBase{width:calc(100% - 115px);margin-right:0;}
    .searchFrom .baseBtn.large{width:100%;margin-top:5px;}

    .ipsiTermsArea .innerBox{padding:20px;}
    .ipsiTermsArea .ckArea .inputBox{display:block;margin:0;}
    .ipsiTermsArea .ckArea .inputBox + .inputBox{margin-top:10px;}

    .colorBox{padding:20px;}
    .colorBox>dl>dt.txtBody2{display:block;width:100% !important;}
    .colorBox>dl>dd.txtBody2{display:block;width:100% !important;margin-top:4px;}
    .groupCont .bottomContArea .division p.txtBody2{margin-bottom:4px;}

    .pageError{padding:40px 20px;min-height:0;margin:50px 0;width:100%;}
    .pageError .errorTit{background-size:65px auto;padding-top:90px;}
    .pageError.logoType .errorTit{background-size:108px auto;padding-top:130px;}
	
	.pop_familySite ul>li{width:100%;}
	.pop_familySite ul>li>a {letter-spacing: -.5px;}
	.pop_familySite ul>li:nth-child(even) {padding-right: 0;}

    .pop_mailRefuse .topGrayBox {margin-bottom:15px;padding:70px 25px  20px 25px;}
    .pop_mailRefuse .txtList>li {font-size:15px;}
    .pop_mailRefuse .topGrayBox:before {top:20px;}
    .pop_mailRefuse .topGrayBox p.txtBody1 {line-height:24px;}
    .pop_mailRefuse .topGrayBox p.txtBody1 br {display:none;}
    .pop_mailRefuse .topGrayBox:before {width:50px;margin-left:-25px;background-size:50px auto;}

    /*스텝디자인*/
    .stepArea>ul .item{width:100% !important;margin:0 !important;padding:30px;}
    .stepArea>ul .item:nth-of-type(n+2){margin-top:40px !important;}
    .stepArea>ul .item::before{top:calc(100% + 10px) !important;left:calc(50% - 5px) !important;transform:rotate(90deg) !important;}

    
}
@media all and (max-width:480px){
	.typeHalf>.headLine1{word-break:keep-all;}
	.typeHalf>.headLine1 br{display:none;}

    /* pagination */
    .numberPagination{gap:8px;}
    .numberPagination>button{width:32px;height:32px;}
    .numberPagination>button::before{width:24px;height:24px;justify-content:center;align-items:center;}
    .numberPagination>button.first{order:1;}
    .numberPagination>button.prev{order:2;}
    .numberPagination>button.next{order:3;}
    .numberPagination>button.last{order:4;}
    .numberPagination>.paging{order:5;margin:0;width:100%;flex-wrap:wrap;}
    .numberPagination>.paging>li{width:auto;}

}
@media all and (max-width:350px){
    .pop_familySite ul {max-height: inherit;}
    .pop_familySite ul>li{width:100%;}
}
@media all and (max-width:389px){
    /* Tab */
    .pageTabBase .tabList>li a{padding:0 8px;}

    /*푸터 패밀리사이트 팝업*/
    .pop_familySite ul>li {width:100%;}
/* 
    #familySite1>section,
    #familySite2>section,
    #familySite3>section {height:90%;max-height:none;} */
}


/*** popup ***/
.popInnerAdd{display:none;}

/* pop layout */
.pop_iframe {display:none;position:fixed !important;left:0;top:0;width:100%;height:100%;z-index:2000;}
.pop_iframe.on {display:block;}

/* pop 공통 */
.pop_wrap{background-color:rgba(0,0,0,0.5) !important;position:fixed;top:0;left:0;width:100%;height:100%;z-index:3000;display:none;}
.popLayout {position:relative;background:var(--color-surface-white);z-index:1100;max-width:560px;padding:0 24px 36px 24px;width:calc(100% - 24px);opacity:0;border:1px solid var(--color-border-gray-light);border-radius:12px;}
.popLayout .popTit{padding:56px 16px 16px 16px;font-size:24px;font-weight:bold;color:var(--color-text-basic);line-height:150%;}
.popLayout .btn_popClose {display:flex;flex-wrap:wrap;align-items:center;justify-content:center;position:absolute;right:24px;top:24px;overflow:hidden;width:24px;height:24px;}
.popLayout .btn_popClose::before{content:"";width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;mask:url(../../AFFI_F/img/layout/ico_close.svg) no-repeat center center/ contain;background-color:var(--color-icon-gray);}
.popLayout .popConts .popInner.limit {overflow-x:hidden;overflow-y:auto;padding:0 16px;}
.popLayout .popConts .popBtnArea{position:relative;font-size:0;padding:12px 16px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:end;gap:8px;}
.popLayout input,
.popLayout textarea,
.popLayout select{outline-offset:-2px;}

.pop_pwCheck .formInput>.guide{margin-bottom:20px;}
.pop_pwCheck .baseBtn.medium>.base{min-width:76px;}

/* 팝업전용 미디어쿼리 */
@media all and (max-width:768px){
    .popLayout{padding:0 16px 32px 16px;}
    .popLayout .popTit{padding:40px 8px 16px;}
    .popLayout .popConts .popInner.limit{padding:0 16px 0 8px;}
    .popLayout .btn_popClose{top:16px;right:16px;}
    .popLayout .popConts .popBtnArea{padding:12px 8px 0;}
    .pop_pwCheck .formInput>.guide{margin-bottom:10px;}
}

/*상단 바 공지 팝업*/
.topNoticeArea{width:100%;position:absolute;height:110px;background-color:#0092DD;z-index:10;}
.topNoticeArea .innerBox{position:relative;max-width:1375px;width:100%;margin:0 auto;}
.topNoticeArea .topNotice::before{content:"";position:absolute;right:0;top:0;width:1px;height:100%;background-color:#0092DD;z-index:22;}
.topNotice .item{width:calc(50% + 1px);font-size:0;height:100%;border-right:1px solid rgba(255,255,255,0.2);overflow:hidden;}
.topNotice .item>a{position:relative;min-height:76px;height:110px;display:flex;width:100%;justify-content:space-between;}
.topNotice .item>a p{display:block;vertical-align:middle;position:absolute;top:50%;transform:translate(0,-50%);padding:0px 170px 0 155px;width:100%;}
.topNotice .item>a img{position:absolute;left:50px;top:calc(50% - 38px);width:76px;}
.topNotice .item>a .lv1{display:block;font-size:24px;font-weight:bold;line-height:27px;color:#fff;font-style:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-height:54px;}
.topNotice .item>a .lv2{display:block;font-size:17px;font-weight:300;line-height:24px;color:#fff;margin-top:8px;font-style:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.topNotice .item>a .dtl{position:absolute;right:50px;top:calc(50% - 19px);width:auto;padding:0 20px;border:1px solid #fff;;border-radius:19px;height:38px;line-height:36px;font-size:15px;color:#fff;}
/* .topNoticeArea .arrow{width:23px;height:23px;position:absolute;top:calc(50% - 12.5px);}
.topNoticeArea .arrow.prev{left:-23px;background:url(../../KOR_A/img/main/icon_topNoticePrev.png) no-repeat center center/13px auto;}
.topNoticeArea .arrow.next{right:-23px;background:url(../../KOR_A/img/main/icon_topNoticeNext.png) no-repeat center center/13px auto;}
.topNoticeArea .control{position:absolute;right:80px;top:50%;transform:translate(0, -50%);z-index:10;font-size:0;}
.topNoticeArea .control .stop{width:23px;height:23px;display:inline-block;background:url(../../KOR_A/img/main/icon_topNoticeStop.png) no-repeat center center/9px auto;vertical-align:middle;}
.topNoticeArea .control .stop.play{background:url(../../KOR_A/img/main/icon_topNoticePlay.png) no-repeat center center/14px auto;}
.topNoticeArea .control .closed{width:23px;height:23px;display:inline-block;background:url(../../KOR_A/img/main/icon_topNoticeClosed.png) no-repeat center center/23px auto;margin-left:25px;vertical-align:middle;} */

@media all and (max-width:1750px){
    .topNoticeArea .control{right:20px;}
}
@media all and (max-width:1650px){
    .topNoticeArea .innerBox{max-width:100%;width:calc(100% - 180px);margin:0 0 0 50px;}
    .topNoticeArea .control{right:20px;}
}
@media all and (max-width:1350px){
    .topNotice .item>a p{padding:0 20px 0 120px;}
    .topNotice .item>a img{left:20px;}
    .topNotice .item>a .dtl{display:none;}
}
@media all and (max-width:768px){
    .topNoticeArea .topNotice::before{display:none;}
    .topNoticeArea .innerBox{width:100%;margin:0;}
    .topNotice .item{border-right:none;}
    .topNotice .item>a p{padding-left:110px;padding-right:70px;}
    .topNotice .item>a img{width:70px;top:calc(50% - 35px);}
    .topNotice .item>a .lv1{padding-top:0;font-size:20px;line-height:24px;max-height:48px;}
    .topNotice .item>a .lv2{font-size:14px;line-height:24px;margin-top:0px;}
    .topNoticeArea .control{top:0px;right:20px;transform:translate(0,0);height:100%;padding-top:23px;z-index:30;}
    .topNoticeArea .control .closed{background-size:20px auto !important;}

    .topNoticeArea .control .stop{position:absolute;bottom:20px;right:16px;height:15px;width:15px;background-size:auto 15px !important;position:absolute;}
    .topNoticeArea .arrow{width:15px;height:15px;background-size:auto 15px !important;}
    .topNoticeArea .arrow.next{top:auto;bottom:20px;right:18px;z-index:40;}
    .topNoticeArea .arrow.prev{top:auto;bottom:20px;left:auto;right:52px;z-index:40;}
}
@media all and (max-width:350px){
    .topNotice .item>a img{width:60px;top:calc(50% - 30px);}
    .topNotice .item>a p{padding-left:95px;}
    .topNotice .item>a .lv1{font-size:17px;line-height:20px;}
    .topNotice .item>a .lv2{font-size:12px;line-height:17px;margin-top:4px;}
}

/* 팝업존 */ 
#popupZone{position:fixed;left:0;top:0;width:100%;height:100%;margin:0 auto;z-index:2000;background-color:rgba(0,0,0,0.5);} 
.popItem{height:auto;position:absolute;background-color:#fff;z-index:20;width:100%;}
.popItem .contentArea{width:100%;height:100%;overflow-y:auto;font-size:0;}
.popItem .bottomArea{position:absolute;width:100%;text-align:right;height:auto;left:0;top:-35px;padding:0 25px 8px 0;}
.popItem .bottomArea .inputBox{vertical-align:middle;}
.popItem .bottomArea .inputBox>.data{color:#fff;font-size:14px;}
.popItem .bottomArea .popClosed{position:absolute;right:-7px;top:0px;width:30px;height:30px;background:url(../img/common/icon_popupZoneClosed.png) no-repeat center center/30px auto;}

.popItem .samplePop{width:100%;height:auto;padding:30px 20px;text-align:center;}
.popItem .samplePop .popLogo{width:100%;font-size:0;text-align:center;margin-bottom:30px;}
.popItem .samplePop .popLogo>img{display:inline-block;width:100px;}
.popItem .samplePop .mainPopTit{display:block;font-size:28px;line-height:34px;margin-bottom:40px;color:#111;font-weight:bold;}
.popItem .samplePop .txtBody2 + .txtBody2{margin-top:10px;}
.popItem .samplePop .popZ_Btn{text-align:center;margin-top:30px;}

@media all and (max-width:1041px){
    #popupZone .innerBox{width:100%;height:100%;padding:80px 40px 40px 40px;overflow-y:auto;}
    .popItem{position:relative;display:block;margin:0 auto 60px 0;left:unset !important;top:unset !important;}
    .popItem:last-of-type{margin-bottom:0px;}
    .popItem .bottomArea{text-align:left;top:-35px;}
}
@media all and (max-width:768px){
    .popItem{width:100% !important;}
    #popupZone .innerBox{padding:60px 15px;}
    .popItem .samplePop .mainPopTit{font-size:20px;line-height:26px;margin-bottom:25px;}
}  

/*** Component ***/
.txtL {text-align:left !important;}
.txtC {text-align:center !important;}
.txtR {text-align:right !important;}

.fL {float:left !important;}
.fR {float:right !important;}
.cB {clear:both !important;}
.cB::after{content:"";display: block;clear: both;}

.mT0 {margin-top:0px !important;}
.mT1 {margin-top:1px !important;}
.mT2 {margin-top:2px !important;}
.mT3 {margin-top:3px !important;}
.mT4 {margin-top:4px !important;}
.mT5 {margin-top:5px !important;}
.mT6 {margin-top:6px !important;}
.mT7 {margin-top:7px !important;}
.mT8 {margin-top:8px !important;}
.mT9 {margin-top:9px !important;}
.mT10 {margin-top:10px !important;}
.mT11 {margin-top:11px !important;}
.mT12 {margin-top:12px !important;}
.mT13 {margin-top:13px !important;}
.mT14 {margin-top:14px !important;}
.mT15 {margin-top:15px !important;}
.mT16 {margin-top:16px !important;}
.mT17 {margin-top:17px !important;}
.mT18 {margin-top:18px !important;}
.mT19 {margin-top:19px !important;}
.mT20 {margin-top:20px !important;}
.mT21 {margin-top:21px !important;}
.mT22 {margin-top:22px !important;}
.mT23 {margin-top:23px !important;}
.mT24 {margin-top:24px !important;}
.mT25 {margin-top:25px !important;}
.mT26 {margin-top:26px !important;}
.mT27 {margin-top:27px !important;}
.mT28 {margin-top:28px !important;}
.mT29 {margin-top:29px !important;}
.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}
.mT40 {margin-top:40px !important;}
.mT45 {margin-top:45px !important;}
.mT50 {margin-top:50px !important;}
.mT70 {margin-top:70px !important;}
.mT80 {margin-top:80px !important;}
.mT120 {margin-top:120px !important;}

.mR0 {margin-right:0px !important;}
.mR1 {margin-right:1px !important;}
.mR2 {margin-right:2px !important;}
.mR3 {margin-right:3px !important;}
.mR4 {margin-right:4px !important;}
.mR5 {margin-right:5px !important;}
.mR6 {margin-right:6px !important;}
.mR7 {margin-right:7px !important;}
.mR8 {margin-right:8px !important;}
.mR9 {margin-right:9px !important;}
.mR10 {margin-right:10px !important;}
.mR11 {margin-right:11px !important;}
.mR12 {margin-right:12px !important;}
.mR13 {margin-right:13px !important;}
.mR14 {margin-right:14px !important;}
.mR15 {margin-right:15px !important;}
.mR16 {margin-right:16px !important;}
.mR17 {margin-right:17px !important;}
.mR18 {margin-right:18px !important;}
.mR19 {margin-right:19px !important;}
.mR20 {margin-right:20px !important;}
.mR21 {margin-right:21px !important;}
.mR22 {margin-right:22px !important;}
.mR23 {margin-right:23px !important;}
.mR24 {margin-right:24px !important;}
.mR25 {margin-right:25px !important;}
.mR26 {margin-right:26px !important;}
.mR27 {margin-right:27px !important;}
.mR28 {margin-right:28px !important;}
.mR29 {margin-right:29px !important;}
.mR30 {margin-right:30px !important;}
.mR35 {margin-right:35px !important;}
.mR40 {margin-right:40px !important;}
.mR45 {margin-right:45px !important;}
.mR50 {margin-right:50px !important;}

.mB0 {margin-bottom:0px !important;}
.mB1 {margin-bottom:1px !important;}
.mB2 {margin-bottom:2px !important;}
.mB3 {margin-bottom:3px !important;}
.mB4 {margin-bottom:4px !important;}
.mB5 {margin-bottom:5px !important;}
.mB6 {margin-bottom:6px !important;}
.mB7 {margin-bottom:7px !important;}
.mB8 {margin-bottom:8px !important;}
.mB9 {margin-bottom:9px !important;}
.mB10 {margin-bottom:10px !important;}
.mB11 {margin-bottom:11px !important;}
.mB12 {margin-bottom:12px !important;}
.mB13 {margin-bottom:13px !important;}
.mB14 {margin-bottom:14px !important;}
.mB15 {margin-bottom:15px !important;}
.mB16 {margin-bottom:16px !important;}
.mB17 {margin-bottom:17px !important;}
.mB18 {margin-bottom:18px !important;}
.mB19 {margin-bottom:19px !important;}
.mB20 {margin-bottom:20px !important;}
.mB21 {margin-bottom:21px !important;}
.mB22 {margin-bottom:22px !important;}
.mB23 {margin-bottom:23px !important;}
.mB24 {margin-bottom:24px !important;}
.mB25 {margin-bottom:25px !important;}
.mB26 {margin-bottom:26px !important;}
.mB27 {margin-bottom:27px !important;}
.mB28 {margin-bottom:28px !important;}
.mB29 {margin-bottom:29px !important;}
.mB30 {margin-bottom:30px !important;}
.mB35 {margin-bottom:35px !important;}
.mB40 {margin-bottom:40px !important;}
.mB45 {margin-bottom:45px !important;}
.mB50 {margin-bottom:50px !important;}
.mB70 {margin-bottom:70px !important;}

.mL0 {margin-left:0px !important;}
.mL1 {margin-left:1px !important;}
.mL2 {margin-left:2px !important;}
.mL3 {margin-left:3px !important;}
.mL4 {margin-left:4px !important;}
.mL5 {margin-left:5px !important;}
.mL6 {margin-left:6px !important;}
.mL7 {margin-left:7px !important;}
.mL8 {margin-left:8px !important;}
.mL9 {margin-left:9px !important;}
.mL10 {margin-left:10px !important;}
.mL11 {margin-left:11px !important;}
.mL12 {margin-left:12px !important;}
.mL13 {margin-left:13px !important;}
.mL14 {margin-left:14px !important;}
.mL15 {margin-left:15px !important;}
.mL16 {margin-left:16px !important;}
.mL17 {margin-left:17px !important;}
.mL18 {margin-left:18px !important;}
.mL19 {margin-left:19px !important;}
.mL20 {margin-left:20px !important;}
.mL21 {margin-left:21px !important;}
.mL22 {margin-left:22px !important;}
.mL23 {margin-left:23px !important;}
.mL24 {margin-left:24px !important;}
.mL25 {margin-left:25px !important;}
.mL26 {margin-left:26px !important;}
.mL27 {margin-left:27px !important;}
.mL28 {margin-left:28px !important;}
.mL29 {margin-left:29px !important;}
.mL30 {margin-left:30px !important;}
.mL35 {margin-left:35px !important;}
.mL40 {margin-left:40px !important;}
.mL45 {margin-left:45px !important;}
.mL50 {margin-left:50px !important;}

.pT0 {padding-top:0px !important;}
.pT1 {padding-top:1px !important;}
.pT2 {padding-top:2px !important;}
.pT3 {padding-top:3px !important;}
.pT4 {padding-top:4px !important;}
.pT5 {padding-top:5px !important;}
.pT6 {padding-top:6px !important;}
.pT7 {padding-top:7px !important;}
.pT8 {padding-top:8px !important;}
.pT9 {padding-top:9px !important;}
.pT10 {padding-top:10px !important;}
.pT11 {padding-top:11px !important;}
.pT12 {padding-top:12px !important;}
.pT13 {padding-top:13px !important;}
.pT14 {padding-top:14px !important;}
.pT15 {padding-top:15px !important;}
.pT16 {padding-top:16px !important;}
.pT17 {padding-top:17px !important;}
.pT18 {padding-top:18px !important;}
.pT19 {padding-top:19px !important;}
.pT20 {padding-top:20px !important;}
.pT21 {padding-top:21px !important;}
.pT22 {padding-top:22px !important;}
.pT23 {padding-top:23px !important;}
.pT24 {padding-top:24px !important;}
.pT25 {padding-top:25px !important;}
.pT26 {padding-top:26px !important;}
.pT27 {padding-top:27px !important;}
.pT28 {padding-top:28px !important;}
.pT29 {padding-top:29px !important;}
.pT30 {padding-top:30px !important;}
.pT35 {padding-top:35px !important;}
.pT40 {padding-top:40px !important;}
.pT45 {padding-top:45px !important;}
.pT50 {padding-top:50px !important;}

.pR0 {padding-right:0px !important;}
.pR1 {padding-right:1px !important;}
.pR2 {padding-right:2px !important;}
.pR3 {padding-right:3px !important;}
.pR4 {padding-right:4px !important;}
.pR5 {padding-right:5px !important;}
.pR6 {padding-right:6px !important;}
.pR7 {padding-right:7px !important;}
.pR8 {padding-right:8px !important;}
.pR9 {padding-right:9px !important;}
.pR10 {padding-right:10px !important;}
.pR11 {padding-right:11px !important;}
.pR12 {padding-right:12px !important;}
.pR13 {padding-right:13px !important;}
.pR14 {padding-right:14px !important;}
.pR15 {padding-right:15px !important;}
.pR16 {padding-right:16px !important;}
.pR17 {padding-right:17px !important;}
.pR18 {padding-right:18px !important;}
.pR19 {padding-right:19px !important;}
.pR20 {padding-right:20px !important;}
.pR21 {padding-right:21px !important;}
.pR22 {padding-right:22px !important;}
.pR23 {padding-right:23px !important;}
.pR24 {padding-right:24px !important;}
.pR25 {padding-right:25px !important;}
.pR26 {padding-right:26px !important;}
.pR27 {padding-right:27px !important;}
.pR28 {padding-right:28px !important;}
.pR29 {padding-right:29px !important;}
.pR30 {padding-right:30px !important;}
.pR35 {padding-right:35px !important;}
.pR40 {padding-right:40px !important;}
.pR45 {padding-right:45px !important;}
.pR50 {padding-right:50px !important;}

.pB0 {padding-bottom:0px !important;}
.pB1 {padding-bottom:1px !important;}
.pB2 {padding-bottom:2px !important;}
.pB3 {padding-bottom:3px !important;}
.pB4 {padding-bottom:4px !important;}
.pB5 {padding-bottom:5px !important;}
.pB6 {padding-bottom:6px !important;}
.pB7 {padding-bottom:7px !important;}
.pB8 {padding-bottom:8px !important;}
.pB9 {padding-bottom:9px !important;}
.pB10 {padding-bottom:10px !important;}
.pB11 {padding-bottom:11px !important;}
.pB12 {padding-bottom:12px !important;}
.pB13 {padding-bottom:13px !important;}
.pB14 {padding-bottom:14px !important;}
.pB15 {padding-bottom:15px !important;}
.pB16 {padding-bottom:16px !important;}
.pB17 {padding-bottom:17px !important;}
.pB18 {padding-bottom:18px !important;}
.pB19 {padding-bottom:19px !important;}
.pB20 {padding-bottom:20px !important;}
.pB21 {padding-bottom:21px !important;}
.pB22 {padding-bottom:22px !important;}
.pB23 {padding-bottom:23px !important;}
.pB24 {padding-bottom:24px !important;}
.pB25 {padding-bottom:25px !important;}
.pB26 {padding-bottom:26px !important;}
.pB27 {padding-bottom:27px !important;}
.pB28 {padding-bottom:28px !important;}
.pB29 {padding-bottom:29px !important;}
.pB30 {padding-bottom:30px !important;}
.pB35 {padding-bottom:35px !important;}
.pB40 {padding-bottom:40px !important;}
.pB45 {padding-bottom:45px !important;}
.pB50 {padding-bottom:50px !important;}

.pL0 {padding-left:0px !important;}
.pL1 {padding-left:1px !important;}
.pL2 {padding-left:2px !important;}
.pL3 {padding-left:3px !important;}
.pL4 {padding-left:4px !important;}
.pL5 {padding-left:5px !important;}
.pL6 {padding-left:6px !important;}
.pL7 {padding-left:7px !important;}
.pL8 {padding-left:8px !important;}
.pL9 {padding-left:9px !important;}
.pL10 {padding-left:10px !important;}
.pL11 {padding-left:11px !important;}
.pL12 {padding-left:12px !important;}
.pL13 {padding-left:13px !important;}
.pL14 {padding-left:14px !important;}
.pL15 {padding-left:15px !important;}
.pL16 {padding-left:16px !important;}
.pL17 {padding-left:17px !important;}
.pL18 {padding-left:18px !important;}
.pL19 {padding-left:19px !important;}
.pL20 {padding-left:20px !important;}
.pL21 {padding-left:21px !important;}
.pL22 {padding-left:22px !important;}
.pL23 {padding-left:23px !important;}
.pL24 {padding-left:24px !important;}
.pL25 {padding-left:25px !important;}
.pL26 {padding-left:26px !important;}
.pL27 {padding-left:27px !important;}
.pL28 {padding-left:28px !important;}
.pL29 {padding-left:29px !important;}
.pL30 {padding-left:30px !important;}
.pL35 {padding-left:35px !important;}
.pL40 {padding-left:40px !important;}
.pL45 {padding-left:45px !important;}
.pL50 {padding-left:50px !important;}

.fW300 {font-weight:300 !important;}
.fW400 {font-weight:400 !important;}
.fW500 {font-weight:500 !important;}
.fW600 {font-weight:600 !important;}
.fW700 {font-weight:700 !important;}




@media print {
    * {
        -webkit-print-color-adjust: exact;
        
    };

    *[data-aos=fade-up] {transform: none !important;}
    *[data-aos^=fade] {opacity:1 !important}
    .snbArea {position:absolute !important}
    .snbSticky .snbArea {position:absolute !important}
    .motionImg.active img {transform: none;}
    .motionImg img {left:0 !important;transform: none !important;opacity: 1 !important;}
    @page{
        margin:0 10px;
      }
}
  @media print and (-webkit-min-device-pixel-ratio:0){
    body{zoom:0.6;}
  }