@charset "utf-8";

@import url(pretendard/font.css);
@import url(oswald/fonts.css);

:root{
    /* Layout */
    --layout: 0 25px;
    --layoutCont: 0 25px;
}

body {transition: .2s background-color;}

a[data-pop-focus="first"]:focus {outline:0}
button[data-pop-focus="first"]:focus {outline:0}

body {overflow-y: scroll;}
body[data-theme='light-mode'] {
    --black: #000000;
    --gray1: #F3F4F6;
    --gray2: #DDDDDD;
    --gray3: #888888;
    --gray4: #666666;
    --white: #FFFFFF;
    --bgWhite: #FFFFFF;
    --orange1: #F8A690;
    --orange2: #F4714D;
    --orange3: #F14E21;
    --orange4: #E13505;
    --orange5: #E13505;
    --red: #D62237;
    --green: #00BA34;
    --blue: #0D6CE8;
    --purple: #4F2C99;
  }
  
  body[data-theme='dark-mode'] {
    background:#171B1C;
    --black: #FFFFFF;
    --gray1: #2C2C34;
    --gray2: #42424A;
    --gray3: #84828D;
    --gray4: #B5B5BD;
    --white: #fff;
    --bgWhite: #171B1C;
    --orange1: #792711;
    --orange2: #C13E1A;
    --orange3: #F14E21;
    --orange4: #F58364; 
    --orange5: #F8A790;
    --red: #D62237;
    --green: #17CB49;
    --blue: #0084FF;
    --purple: #673AB6;
  }

/*** 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:var(--black);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;}

/*** Layout ***/
.alt_hidden, legend {position:absolute;top:0;left:0;width:1px;height:1px;margin:1px;border:none;overflow:hidden; clip:rect(0, 0, 0, 0)}
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)}

#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 a{position:absolute;display:block;opacity:0;}
#skip_menu a:focus{padding:10px;background:#000;font-size:15px;color:#fff;opacity:1;z-index:2000}

/*** style_guide ***/
/* textColor */
.c_White{color:var(--white);}
.c_Gray1{color:#F3F4F6 !important}
.c_Gray2{color:var(--gray2) !important}
.c_Gray3{color:var(--gray3) !important}
.c_Gray4{color:var(--gray4) !important}
.c_Black{color:var(--black);}
.c_Point{color:#d6410b !important}
.c_Orange1{color:var(--orange1)!important}
.c_Orange2{color:var(--orange2)!important}
.c_Orange4{color:var(--orange4)!important}
.c_Orange5{color:var(--orange5)!important}
.c_Red{color:var(--red) !important}
.c_Green{color:var(--green) !important}
.c_Blue{color:var(--blue)!important}
.c_Purple{color:var(--purple)!important}

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

.inB {display:inline-block;vertical-align: top;}
.mbBr {display:none;}
/*weight*/
.wB{font-weight:bold !important;}
.wM{font-weight:600 !important;}
.wN{font-weight:400 !important;}

/* Title */
.headLine1 {display:block;width:100%;font-size:40px;font-weight:bold;line-height:44px;letter-spacing:0;color:var(--black);word-break: keep-all;}
.headLine2 {display:block;width:100%;font-size:28px;font-weight:bold;line-height:36px;letter-spacing:0;color:var(--black);word-break: keep-all;}
.headLine3 {display:block;width:100%;font-size:24px;font-weight:bold;line-height:29px;letter-spacing:0;color:var(--black);word-break: keep-all;}
.headLine4 {display:block;width:100%;font-size:18px;font-weight:bold;line-height:24px;letter-spacing:0;color:var(--black);word-break: keep-all;}

/* subtxt */
.txtBody1{display:block;width:100%;font-size:20px;line-height:34px;letter-spacing:0;color:var(--black);word-break: keep-all;}
.txtBody2{display:block;width:100%;font-size:18px;line-height:26px;letter-spacing:0;color:var(--black);word-break: keep-all;}
.txtBody3{display:block;width:100%;font-size:16px;line-height:24px;letter-spacing:0;color:var(--black);word-break: keep-all;}
.txtBody4{display:block;width:100%;font-size:14px;line-height:20px;letter-spacing:0;color:var(--black);word-break: keep-all;}
.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;word-break: keep-all;}

.txtList{width:100%;height:auto;}
.txtList>li{position:relative;font-size:18px;line-height:26px;color:var(--black);letter-spacing:0;}
.txtList>li+li {margin-top:10px;}

.txtList+.contTable {margin-top:20px;}
.txtList+.txtBody2 {margin-top:18px;}

.contTable+.txtList {margin-top:20px;}

/*dot*/
.txtList.dot>li{padding-left:15px;}
.txtList.dot>li::before{content:"";position:absolute;left:0;top:10px;display:block;width:3px;height:3px;border-radius:100%;background-color:var(--black);}
.txtList.dot>li>.txtList.hyphen{margin-top:10px;margin-bottom:5px;}

.txtList.hyphen>li{padding-left:15px;color:var(--gray4);font-size:16px;line-height: 24px;}
.txtList.hyphen>li::before{content:"";position:absolute;left:0;top:10px;display:block;width:7px;height:1px;background-color:var(--gray4);}
.txtList.hyphen>li+li {margin-top:5px;}

.txtList.halfType{font-size:0;}
.txtList.halfType li{width:50%;display:inline-block;vertical-align:top;padding-right:10px;}
.txtList.halfType li:nth-of-type(2){margin-top:0;}

.txtList.bullet>li{padding-left:22px}
.txtList.bullet>li::before{content:attr(data-point);position:absolute;left:0;top:0;display:block;width:20px;height:auto;font-size:inherit;line-height:inherit;}


/*Accordion*/
.AccordionBase{width:100%;height:auto;border-top:2px solid #111}
.AccordionBase>li{position:relative;width:100%;height:auto;border-bottom:1px solid #E6E6E6;transition:background-color 0.2s;}
.AccordionBase>li .AccordionBtn{display:block;width:100%;text-align:left;}
.AccordionBase>li .AccordionBtn>span{display:block;font-size:18px;font-weight:bold;line-height:26px;padding:21px 0px 20px 0;}
.AccordionBase>li .AccordionCont{position:relative;padding:0 0px 33px 0px;display:none;}
.AccordionBase>li .AccordionCont .AccordionFileArea{width:100%;border-top:1px solid #E6E6E6;padding-top:22px;margin-top:22px;}
.AccordionBase>li .AccordionCont .AccordionFileArea>.ad_FileDown{display:block;font-size:14px;line-height:20px;}
.AccordionBase>li .AccordionCont .AccordionFileArea>.ad_FileDown>span{position:relative;display:inline-block;text-decoration:underline;}
.AccordionBase>li .AccordionCont .AccordionFileArea>.ad_FileDown + .ad_FileDown{margin-top:5px;}
.AccordionBase>li.on{background-color:#F4F4F4;}
.AccordionBase>li.on .AccordionBtn::after{transform:rotate(-180deg);}

/* button */
.baseBtn{width:auto;height:56px;box-sizing:border-box;display:inline-block;}
.baseBtn>.base{display:flex;justify-content: center;align-items: center;color:var(--white);width:100%;height:100%;min-width:160px;padding:0 30px;box-sizing:border-box;text-align:center;border:1px solid var(--orange3);background-color:var(--orange3);border-radius: 28px;font-size:18px;transition: .2s background-color, .2s border-color;}
.baseBtn:hover>.base{border:1px solid var(--black);background-color:var(--black);}

.baseBtn:disabled {cursor: default;-webkit-text-fill-color: currentcolor;opacity: 1;}

.baseBtn:disabled>.base,
.baseBtn.disabled>.base{color:var(--white) !important;border-color:var(--gray4) !important;background-color:var(--gray4) !important;-webkit-text-fill-color: currentcolor;opacity: 1;}

.baseBtn.black>.base{border-color:var(--black);color:var(--bgWhite);background-color:var(--black);}
.baseBtn.black:hover>.base{color:var(--white);background-color:var(--orange3);border:1px solid var(--orange3)}

.baseBtn.line>.base{border:1px solid var(--orange3);color:var(--orange3);background-color:var(--bgWhite);}
.baseBtn.line:hover>.base{color:var(--white);background-color:var(--orange3);}

.baseBtn.lineBlack>.base {border:1px solid var(--black);color:var(--black);background-color:var(--bgWhite)}
.baseBtn.lineBlack:hover>.base {border:1px solid var(--black);color:var(--white);background-color:var(--black)}

.baseBtn.lineGray>.base {border:1px solid var(--gray2);color:var(--black);background-color:var(--bgWhite)}
.baseBtn.lineGray:hover>.base {border:1px solid var(--gray2);}

.baseBtn.gray>.base {border:1px solid var(--gray4);color:#fff;background-color:var(--gray4)}
.baseBtn.gray:hover>.base {border:1px solid var(--gray4);}

.baseBtn.trans>.base {border:1px solid var(--black);color:var(--black);background-color:transparent}
.baseBtn.trans:hover>.base {border:1px solid var(--black);color:var(--white);background-color:var(--black)}

.baseBtn.icon>.base>i{width:auto;display:inline-block;vertical-align:-3px;margin-left:10px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
.baseBtn.icon>.base>i.fileDown{width:19px;height:18px;background-image:url(../img/common/icon_fileDown_black.svg);background-size:auto 100%;}
.baseBtn.icon:hover>.base>i.fileDown{background-image:url(../img/common/icon_fileDown_white.svg);}
.baseBtn.icon>.base>i.link{width:9px;height:17px;background-image:url(../img/common/icon_link_black.svg);}
.baseBtn.icon:hover>.base>i.link{background-image:url(../img/common/icon_link_white.svg);}

.baseBtn{width:auto;height:56px;box-sizing:border-box;display:inline-block;}
.baseBtn>.base{display:flex;justify-content: center;align-items: center;color:var(--white);width:100%;height:100%;min-width:160px;padding:0 40px;box-sizing:border-box;text-align:center;border:1px solid var(--orange3);background-color:var(--orange3);border-radius: 28px;font-size:18px;transition: .2s background-color, .2s border-color;}
.baseBtn:hover>.base{border:1px solid var(--black);background-color:var(--black);}

.baseBtn:disabled {cursor: default;-webkit-text-fill-color: currentcolor;opacity: 1;}

.baseBtn:disabled>.base,
.baseBtn.disabled>.base{color:var(--white) !important;border-color:var(--gray4) !important;background-color:var(--gray4) !important;}

.baseBtn.black>.base{border-color:var(--black);color:var(--bgWhite);background-color:var(--black);}
.baseBtn.black:hover>.base{color:var(--white);background-color:var(--orange3);border:1px solid var(--orange3)}

.baseBtn.line>.base{border:1px solid var(--orange3);color:var(--orange3);background-color:var(--bgWhite);}
.baseBtn.line:hover>.base{color:var(--white);background-color:var(--orange3);}

.baseBtn.lineBlack>.base {border:1px solid var(--black);color:var(--black);background-color:var(--bgWhite)}
.baseBtn.lineBlack:hover>.base {border:1px solid var(--black);color:var(--white);background-color:var(--black)}

.baseBtn.small {height:40px;}
.baseBtn.small>span {min-width:120px;padding:0 24px;font-size:16px;border-radius: 0;}

.baseBtn.icon.small>.base>i {margin-left:7px;}
.baseBtn.icon.small>.base>i.fileDown{width:17px;height:16px;background-image:url(../img/common/icon_fileDown_s_black.svg);}
.baseBtn.icon.small>.base>i.link{width:6px;height:11px;background-image:url(../img/common/icon_link_s_black.svg);}

.baseBtn.iconSq {height:49px;}
.baseBtn.iconSq>.base {border-radius: 0;}

/* DarkMode Button */
body[data-theme='dark-mode'] .baseBtn:hover>.base {border:1px solid var(--white);background-color:var(--white);color:#000;}
body[data-theme='dark-mode'] .baseBtn.line:hover>.base {border:1px solid #F14E21;background-color:#F14E21;color:#fff;}
body[data-theme='dark-mode'] .baseBtn.lineBlack:hover>.base {border:1px solid #fff;background-color:#fff;color:#000;}
body[data-theme='dark-mode'] .baseBtn.black:hover>.base {border:1px solid #F14E21;background-color:#F14E21;color:#fff;}

body[data-theme='dark-mode'] .baseBtn.icon>.base>i.fileDown{background-image:url(../img/common/icon_fileDown_white.svg);}
body[data-theme='dark-mode'] .baseBtn.icon:hover>.base>i.fileDown{background-image:url(../img/common/icon_fileDown_black.svg);}
body[data-theme='dark-mode'] .baseBtn.icon>.base>i.link{background-image:url(../img/common/icon_link_white.svg);}
body[data-theme='dark-mode'] .baseBtn.icon:hover>.base>i.link{background-image:url(../img/common/icon_link_black.svg);}

body[data-theme='dark-mode'] .baseBtn.icon.small>.base>i.fileDown{background-image:url(../img/common/icon_fileDown_s_white.svg);}
body[data-theme='dark-mode'] .baseBtn.icon.small:hover>.base>i.fileDown{background-image:url(../img/common/icon_fileDown_s_black.svg);}
body[data-theme='dark-mode'] .baseBtn.icon.small>.base>i.link{background-image:url(../img/common/icon_link_s_white.svg);}
body[data-theme='dark-mode'] .baseBtn.icon.small:hover>.base>i.link{background-image:url(../img/common/icon_link_s_black.svg);}
body[data-theme='dark-mode'] .topBtn {background-image: url(../img/common/icon_topBtn.svg);}
body[data-theme='dark-mode'] .pageError .errorTit {background-image:url(../img/common/error_logo_black.svg)}

.btnArea{width:calc(100% + 10px);margin-top:45px;text-align:center;font-size:0;margin-left:-5px;}
.btnArea .baseBtn{margin:5px;vertical-align:middle;}

/* input */
.inputBase{width:100%;height:48px;padding:0 16px;box-sizing:border-box;border:1px solid var(--gray2);font-size:16px;line-height:24px;letter-spacing:0;background:var(--bgWhite);color:var(--black)}
.inputBase::placeholder {color:var(--black);-webkit-text-fill-color: currentcolor;opacity: 1;-webkit-opacity: 1;}
input:focus::placeholder {color: transparent !important;}
.inputBase:disabled{background-color:var(--gray1);color:var(--gray3);border-color:var(--gray2);color:var(--gray3);-webkit-text-fill-color: var(--gray3);opacity: 1;-webkit-opacity: 1;}
.inputBase:disabled::placeholder {color:var(--gray3);-webkit-text-fill-color: var(--gray3);opacity: 1;-webkit-opacity: 1;}
.inputBase.icon{padding-right:40px;background-image:url(../img/common/icon_inputSample.svg);background-repeat:no-repeat;background-position:right 16px center;}
.formInput{font-size:0;width:100%;display:block;}
.formInput>.guide{display:block;font-size:16px;line-height:24px;margin-bottom:2px;font-weight:600;font-style:normal;}
.formInput>.validation{margin-top:1px;font-size:14px;line-height:24px;letter-spacing:0;color:var(--gray4)}
.formInput>.byte{text-align:right;margin-top:1px;font-size:14px;line-height:24px;color:var(--gray4)}
.formInput>.byte>.val{display:inline-block;color: var(--black);}
.formInput>.byte>.total{color:inherit;font-size:inherit;margin-bottom:inherit;}

.inputTextarea{width:100%;height:auto;padding:15px;font-size:16px;line-height:24px;resize:none;box-sizing:border-box;border:1px solid var(--gray2);background:var(--bgWhite);}
.inputTextarea::placeholder {color:var(--black);-webkit-text-fill-color: currentcolor;opacity: 1;}
.inputTextarea:disabled{background-color:#F3F4F6;color:var(--gray3);border-color:#E6E6E6;-webkit-text-fill-color: currentcolor;opacity: 1;}
.inputTextarea:focus::placeholder {color: transparent !important;-webkit-text-fill-color: currentcolor;opacity: 1;}

.formInput.file.full .fileAdd {width:100%;}
.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-block;vertical-align:middle;width:calc(100% - 112px);}
.formInput.file .fileAdd .baseBtn{position:absolute;right:4px;top:4px;cursor:pointer;}
.formInput.file .fileAdd .baseBtn>.base{min-width:94px;border-radius: 0;}
.formInput.file .fileAdd .inputBase{max-width:100%;padding-right:140px;}
.formInput.file .fileCont{display:inline-block;vertical-align:middle;font-size:0;}
.formInput.file .fileCont .controlBtn{margin-left:8px;}

.formInput.inline{display:inline-block;vertical-align:middle;width:auto;}
.formInput.inline .guide{display:inline-block;vertical-align:middle;margin-right:20px;margin-bottom:0px;}
.formInput.inline .inputBase,
.formInput.inline .selectBase{vertical-align:middle;max-width:200px;display:inline-block;width:200px;}

input::-webkit-inner-spin-button{
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.controlBtn{position:relative;width:48px;height:48px;display:inline-block;vertical-align:middle;background-color:#fff;;box-sizing:border-box;border:1px solid var(--gray2);border-radius: 4px;}
.controlBtn::before{content:"";display:block;width:16px;height:1px;background-color:black;position:absolute;left:calc(50% - 8px);top:50%;}
.controlBtn.plus::after{content:"";display:block;width:1px;height:16px;background-color:black;position:absolute;left:50%;top:calc(50% - 8px);}


/* DarkMode input */
body[data-theme='dark-mode'] .inputBase:disabled::placeholder {color:var(--gray3)} 
body[data-theme='dark-mode'] .inputTextarea:disabled::placeholder {color:var(--gray3)} 
body[data-theme='dark-mode'] .inputBase.icon{background-image:url(../img/common/icon_inputSample_white.svg);}
body[data-theme='dark-mode'] .inputBase.icon{background-image:url(../img/common/icon_inputSample_white.svg);}
body[data-theme='dark-mode'] .controlBtn {border:1px solid #fff}
body[data-theme='dark-mode'] .formInput.file .fileAdd .baseBtn>.base {background:#fff;color:#000;}

/* selectBox */
.selectBase{position:relative;display:inline-block;width:100%;height:48px;padding:0 16px;font-size:16px;box-sizing:border-box;text-align:left;background-color:var(--bgWhite);border:1px solid var(--gray2);-webkit-appearance: none; /* 네이티브 외형 감추기 */-moz-appearance: none;appearance: none;background-image:url(../img/common/icon_select_arrB.svg);background-position: top 50% right 16px;background-repeat: no-repeat;vertical-align: middle;}
.selectBase::-ms-expand {display: none;}/* IE 10, 11의 네이티브 화살표 숨기기 */
.selectBase::placeholder {color:var(--black);-webkit-text-fill-color: currentcolor;opacity: 1;}
.selectBase option {color:var(--black)} 
.selectBase:disabled {background-color: #F3F4F6;color:var(--gray3);border-color: var(--gray2);opacity: 1;-webkit-text-fill-color: currentcolor;opacity: 1;}

body[data-theme='dark-mode'] .selectBase {background-image:url(../img/common/icon_select_arrB_white.svg);}

/* checkBox */
.inputBox{position:relative;width:auto;display:inline-block;vertical-align:top;cursor:pointer;font-size: 0;}
.inputBox>input{position:absolute;left:0px;top:3px;width:24px;height:24px;z-index:0;}
.inputBox>input:focus{width:26px;height:24px;top:3px;left:-1px;}
.inputBox>.data{position:relative;display:inline-block;min-height:28px;font-size:16px;line-height:24px;padding-left:36px;z-index:1;padding-top:3px;}
.inputBox>input[type=checkbox] + .data{background:url(../img/common/icon_checkOff.svg) no-repeat left top 3px/24px auto;}
.inputBox>input[type=checkbox]:checked + .data{background:url(../img/common/icon_checkOn.svg) no-repeat left top 3px/24px auto;}
.inputBox>input[type=checkbox]:disabled + .data{background:url(../img/common/icon_checkDis.svg) no-repeat left top 3px/24px auto;color:var(--gray3);}

.inputBox>input[type=radio] + .data{background:url(../img/common/icon_radioOff.svg) no-repeat left top 3px/24px auto;}
.inputBox>input[type=radio]:checked + .data{background:url(../img/common/icon_radioOn.svg) no-repeat left top 3px/24px auto;}
.inputBox>input[type=radio]:disabled + .data{background:url(../img/common/icon_radioOff.svg) no-repeat left top 3px/24px auto;color:var(--gray3);}

.inputBox.toggle>input{width:48px;height:24px;top:4px;}
.inputBox.toggle>input:focus{width:50px;height:25px;top:4px;left:-1px;}
.inputBox.toggle>.data{padding-left:56px;background:none !important;}
.inputBox.toggle>.data::before{content:"";position:absolute;left:0;top:3px;display:block;width:48px;height:26px;border-radius:14px;background-color:var(--gray2);transition:all 0.2s;z-index:0;}
.inputBox.toggle>.data::after{content:"";position:absolute;left:2px;top:5px;display:block;width:22px;height:22px;border-radius:50%;background-color:#fff;transition:all 0.2s;z-index:1;}
.inputBox.toggle>[type=checkbox]:checked + .data::after{left:24px;}
.inputBox.toggle>[type=checkbox]:checked + .data::before{background-color:var(--orange3);}

/* DarkMode checkBox */
body[data-theme='dark-mode'] .inputBox>input[type=checkbox] + .data {background-image: url(../img/common/icon_checkOff_black.svg);}
body[data-theme='dark-mode'] .inputBox>input[type=checkbox]:checked + .data {background-image: url(../img/common/icon_checkOn.svg);}
body[data-theme='dark-mode'] .inputBox>input[type=checkbox]:disabled + .data {background-image: url(../img/common/icon_checkOff_black.svg);}
body[data-theme='dark-mode'] .inputBox>input[type=radio] + .data {background-image: url(../img/common/icon_radioOff_black.svg);}
body[data-theme='dark-mode'] .inputBox>input[type=radio]:checked + .data {background-image: url(../img/common/icon_radioOn.svg);}
body[data-theme='dark-mode'] .inputBox>input[type=radio]:disabled + .data {background-image: url(../img/common/icon_radioOff_black.svg);}

/* Pagination */
.numberPagination{width:100%;font-size:0;text-align:center;margin-top:30px;}
.numberPagination>button{position:relative;display:inline-block;vertical-align:middle;height:21px;}
.numberPagination>button.first{width:16px;background:url(../img/common/icon_pagingFirst.svg) no-repeat center center/16px auto;}
.numberPagination>button.prev{width:10px;background:url(../img/common/icon_pagingPrev.svg) no-repeat center center/10px auto;margin-left:13px;}
.numberPagination>button.next{width:10px;background:url(../img/common/icon_pagingNext.svg) no-repeat center center/10px auto;margin-right:13px;}
.numberPagination>button.last{width:16px;background:url(../img/common/icon_pagingLast.svg) no-repeat center center/16px auto;}
.numberPagination>.paging{font-size:0;display:inline-block;vertical-align:middle;margin:0 25px;}
.numberPagination>.paging>li{display:inline-block;vertical-align:middle;margin:0 13px;}
.numberPagination>.paging>li>button{position:relative;display:block;font-size:18px;line-height:24px;padding:0 2px;text-align:center;transition:all 0.2s;}
.numberPagination>.paging>li>button::before{content:"";position:absolute;left:0;bottom:1px;display:block;width:100%;height:2px;background-color:#d6410b;transition:all 0.2s;opacity:0;}
.numberPagination>.paging>li>button:hover,
.numberPagination>.paging>li>button.on{font-weight:600;color:#d6410b}
.numberPagination>.paging>li>button:hover:before,
.numberPagination>.paging>li>button.on::before{opacity:1;}

.numberIndex{width:100%;font-size:0;}
.numberIndex>.prev{display:inline-block;vertical-align:middle;height:21px;width:10px;background:url(../img/common/icon_pagingPrev.svg) no-repeat center center/10px auto;}
.numberIndex>.next{display:inline-block;vertical-align:middle;height:21px;width:10px;background:url(../img/common/icon_pagingNext.svg) no-repeat center center/10px 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.svg) no-repeat center center/6px auto;}
.numberIndex>.autoStatus.play{background:url(../img/common/icon_pagingPlay.svg) no-repeat center center/10px auto;}
.numberIndex>.paging{display:inline-block;vertical-align:middle;margin:0 16px;font-size:18px;line-height:24px;color:var(--gray4)}
.numberIndex>.paging .active{color: var(--black);}

.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:var(--bgWhite);border:1px solid var(--black)}
.dotPagination>.paging>li>button.on{background-color:var(--black);border-color: var(--black);}
.dotPagination>.autoStatus{display:inline-block;vertical-align:middle;height:21px;width:20px;margin-left:6px;}
.dotPagination>.autoStatus.stop{background:url(../img/common/icon_pagingStop.svg) no-repeat center center/6px auto;}
.dotPagination>.autoStatus.play{background:url(../img/common/icon_pagingPlay.svg) no-repeat center center/10px auto;}

/* DarkMode paging */
body[data-theme='dark-mode'] .numberPagination>.first{background-image:url(../img/common/icon_pagingFirst_white.svg)}
body[data-theme='dark-mode'] .numberPagination>.prev{background-image:url(../img/common/icon_pagingPrev_white.svg)}
body[data-theme='dark-mode'] .numberPagination>.next{background-image:url(../img/common/icon_pagingNext_white.svg)}
body[data-theme='dark-mode'] .numberPagination>.last{background-image:url(../img/common/icon_pagingLast_white.svg)}

body[data-theme='dark-mode'] .numberIndex>.prev{background-image:url(../img/common/icon_pagingPrev_white.svg)}
body[data-theme='dark-mode'] .numberIndex>.next{background-image:url(../img/common/icon_pagingNext_white.svg)}

body[data-theme='dark-mode'] .numberIndex>.autoStatus.stop{background-image:url(../img/common/icon_pagingStop_white.svg)}
body[data-theme='dark-mode'] .numberIndex>.autoStatus.play{background-image:url(../img/common/icon_pagingPlay_white.svg)}

body[data-theme='dark-mode'] .dotPagination>.autoStatus.stop{background-image:url(../img/common/icon_pagingStop_white.svg)}
body[data-theme='dark-mode'] .dotPagination>.autoStatus.play{background-image:url(../img/common/icon_pagingPlay_white.svg)}

/* 검색 폼 */
.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;}

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

/* no_article 수정시 board.css와 동기화 필요 */
.no_articleArea {width:100% !important;padding:0 !important;margin:0 !important}
.no_article {width:100%;height:auto;padding:200px 0 90px 0;font-size:18px;color:var(--gray4);line-height:30px;background:url(../img/common/ico_noArticle_orange.svg) no-repeat left 50% top 100px;;text-align:center;}


/* TAB */
.pageTabBase {overflow:hidden;max-width:1766px;margin:0 auto 60px;padding:var(--layoutCont);} /*page 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;}
.pageTabBase .tabList>li {display:inline-table;position:relative;table-layout:fixed;border-collapse:collapse;box-sizing:border-box;background:var(--bgWhite);vertical-align:top;transition:all 0.1s;margin-left:-1px;width:calc(100% + 1px);margin-top:-1px;}
.pageTabBase .tabList>li a {display:flex;justify-content: center;align-items: center;position:relative;width:100%;height:60px;box-sizing:border-box;padding:0 15px;border:1px solid var(--black);font-size:18px;font-weight:400;line-height:21px;text-align:center;letter-spacing:0px;vertical-align:middle;transition:background-color 0.1s;z-index:1;font-weight: 500;}
.pageTabBase .tabList>li.on a,
.pageTabBase .tabList>li:hover a{background-color:var(--black);color:var(--bgWhite);font-weight:bold;z-index:2;border:1px solid var(--black);}

#contents.type2 .pageTabBase {max-width:1476px;}
#contents.type3 .pageTabBase {max-width:606px;padding:0;}

#contents article .pageTabBase {padding:0 !important}



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


.contTabBase {border-bottom:1px solid var(--gray2);margin-bottom: 40px;}
.contTabBase .tabList{width:100%;font-size:0;white-space: nowrap;overflow-x: auto;}
.contTabBase .tabList::-webkit-scrollbar {display: none;}
.contTabBase .tabList>li{position: relative;display:inline-block;width:auto;overflow:hidden;vertical-align:top;}
.contTabBase .tabList>li a{position:relative;display:block;padding:0 19px;box-sizing:border-box;padding-bottom:10px;font-size:16px;white-space:nowrap;transition:.2s color}
.contTabBase .tabList>li a:before {content:'';position:absolute;left:0;bottom:0;display:block;width:100%;height:2px;background:var(--orange3);opacity: 0;transition:.2s all;}
.contTabBase .tabList>li:hover a,
.contTabBase .tabList>li.on a {color:var(--orange3);font-weight: 700;}
.contTabBase .tabList>li:hover a:before,
.contTabBase .tabList>li.on a:before {opacity: 1;}


/*table*/
.listTable{width:100%;height:auto;border-top:2px solid #111;}
.listTable table{width:100%;table-layout:fixed;}
.listTable table thead {border-top:1px solid var(--black)}
.listTable table thead th{font-size:16px;font-weight:bold;line-height:26px;height:48px;text-align:center;padding:8px 24px;}
.listTable table tbody td{font-size:16px;line-height:26px;height:48px;text-align:center;padding:12px 24px;}
.listTable table thead tr,
.listTable table tbody tr{border-bottom:1px solid #E6E6E6;}

.contTable{position:relative;width:100%;height:auto;overflow-x:auto;}
.contTable table{width:100%;table-layout:fixed;border-collapse:collapse}
.contTable table th{font-size:18px;font-weight:700;color:var(--black);line-height:26px;height:60px;text-align:center;padding:8px 24px;}
.contTable table tbody td{font-size:18px;line-height:26px;height:60px;text-align:center;padding:8px 24px;}
.contTable table thead {border-top:1px solid var(--black);}
.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.line table thead th[colspan],
.contTable.line table thead th[rowspan],
.contTable.line table tbody td[colspan],
.contTable.line table tbody td[rowspan]{border-left:1px solid var(--gray2);}

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

.contTable table tbody td .txtList.dot>li{font-size:16px;line-height:24px;}
/* .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;padding-left:20px;padding-right:10px;}
.contTable table thead tr {border-bottom:1px solid var(--black);}
.contTable table tbody tr{border-bottom:1px solid var(--gray2);}

.contTable.line table th{border-right: 1px solid var(--gray2);}
.contTable.line table tbody td {border-right: 1px solid var(--gray2);}
.contTable.line table thead th:last-of-type,
.contTable.line table tbody td:last-of-type{border-right:0;}
.contTable.line table thead tr {border-bottom: 1px solid var(--gray2);}
.contTable.line:before {content: '';position:absolute;left:0;top:0;width:100%;height:1px;background:var(--black);}


/* 컨텐츠 탭 */
.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;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;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;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;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;}

.pageError{width:100%;max-width:1920px;margin:120px auto;min-height:450px;padding:94px 0px 60px 0px;text-align:center;}
.pageError .errorTit{padding-top:120px;background:url(../img/common/error_logo_white.svg) no-repeat top center/215px auto;margin-bottom:17px;word-break:keep-all;}
.pageError .txtBody2{word-break:keep-all;} 

.typeFull.pageError {min-height:100vh;display:flex;flex-direction: column;justify-content: center;padding-top: 0;margin-top: 0;padding:0 20px;}
.typeFull.pageError .baseBtn.black>.base {background-color: #000;color:#fff;border-color: #000;}
.typeFull.pageError .baseBtn>.base {border:1px solid #F14E21;background-color: #F14E21;color:#fff;;}

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

/* Content */
p.exclam {margin-top:15px;font-size:16px;color:var(--gray4);padding-left:25px;background:url(../img/common/ico_exclam.svg) no-repeat top 2px left 0 ;}
.groupCont .headLine1 {margin-bottom: 30px;}

/* iconBtn */
.fileDown{width:19px;height:20px;display:inline-block;background:url(../img/common/ico_download.svg) no-repeat center center/100% auto;vertical-align:middle;}
body[data-theme='dark-mode'] .fileDown {background-image: url(../img/common/ico_download_white.svg);}


/* Fixed Btn */
.fixedUtill {position:fixed;top:50%;width:100%;margin-top:-32.5px;z-index: 20;max-width: 2560px;}
.fixedUtill button {position:absolute;display:block;width:50px;height:50px;background:#d6410b;background-repeat: no-repeat;background-position: center;}
.fixedUtill .btn_openCateg {left:25px;background-image:url(../img/common/ico_categ.svg)}
.fixedUtill .btn_darkMode {right:25px;background-image:url(../img/common/ico_dark.svg)}

.none {display:none}
header>nav #gnb ul.menuM>li>a {position:relative;}
header>nav #gnb ul.menuM>li>a[target='_blank']::after{content:"";display:inline-block;width: 16px;height: 16px;vertical-align:middle;background:url(../img/common/ico_newTarget.svg) no-repeat center center/100% auto;position:relative;top: -3px;margin-left: 13px;}

/* 영문 */
.typeEng .pageError .baseBtn>.base {padding:0 20px;}



/* progressbar */
.loadingBarWrap {display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;padding:0 20px;}
.loading_title {display:block;margin-bottom:15px;color:var(--black);font-weight: 500;}
.loadingBar {position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:320px;width:100%;height:auto;padding:25px 30px 30px;background:#fff;z-index: 9999;border:1px solid var(--gray2);box-shadow: 4px 3px 20px 0px rgba(0, 0, 0, 0.08);background: var(--bgWhite);}
.loadingbar {height:20px;max-width:320px;border-radius:50px;position: relative;width:100%;}
.loadingbar div {width:100%;height:100%;border-radius:50px;position: absolute;top: 0px;left: 0px;}
.loadingbar .grayBar {background: var(--gray1);}
.loadingbar .colorBar {background: var(--orange3);animation: bar 1.5s linear infinite;}
.btn_loadClose {position:absolute;top:15px;right:15px;width:22px;height:22px;}
.btn_loadClose .line1 {width: 22px;height: 1px;background: var(--black);position: absolute;left: 0px;top:10px;transform: rotate(45deg);}
.btn_loadClose .line2 {width: 22px;height: 1px;background: var(--black);position: absolute;left: 0px;top:10px;transform: rotate(-45deg);}
.btn_loadClose span {position: absolute;width: 1px;height: 1px;top: 0;left: 0;margin: 1px;border: none;overflow: hidden;clip: rect(0, 0, 0, 0);}


.progressWrap {display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999999;background:rgba(0, 0, 0, .6);overflow: hidden;}
.progressWrap .loading {width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:999;}
.progressWrap .loading .itemWrap {display:flex;align-items:center;justify-content:center;gap:4px;width:64px;height:64px;margin:0 auto;border-radius:50%;background-color:var(--orange3);}
.progressWrap .loading .itemWrap .item {width:6px;height:6px;border-radius:50%;background:#fff;}
.progressWrap .loading .txtBody2 {padding-top:20px;color:#fff;text-align:center;font-weight:700;}

.progressWrap .loading .itemWrap .item:nth-child(1) {
    animation:up .6s infinite ease-in-out;
    -webkit-animation:up .6s infinite ease-in-out;
    -moz-animation:up .6s infinite ease-in-out;
}
.progressWrap .loading .itemWrap .item:nth-child(2) {
    animation:up .6s infinite ease-in-out .2s;
    -webkit-animation:up .6s infinite ease-in-out .2s;
    -moz-animation:up .6s infinite ease-in-out .2s;
}
.progressWrap .loading .itemWrap .item:nth-child(3) {
    animation:up .6s infinite ease-in-out .3s;
    -webkit-animation:up .6s infinite ease-in-out .3s;
    -moz-animation:up .6s infinite ease-in-out .3s;
}

@keyframes up {
    0% {transform:translateY(0);}
    50% {transform:translateY(4px);}
    100% {transform:translateY(0);}
}
@-webkit-keyframes up {
    0% {-webkit-transform:translateY(0);}
    50% {-webkit-transform:translateY(4px);}
    100% {-webkit-transform:translateY(0);}
}
@-moz-keyframes up {
    0% {-moz-transform:translateY(0);}
    50% {-moz-transform:translateY(4px);}
    100% {-moz-transform:translateY(0);}
}


@keyframes bar {
	from  { width:0; }
	to  { width:100%; }
}

    
@media all and (max-width:1890px){
    :root{
        /* Layout */
        --layoutCont: 0 105px;
    }
}

@media all and (max-width:1041px){
    :root{
        /* Layout */
        --layoutCont: 0 24px;
        --layout: 0 24px;
    }

    *{-webkit-tap-highlight-color:transparent;}

    .headLine2 {font-size:28px;line-height:34px;;}
    .headLine3 {font-size:24px;line-height: 29px;}

    article .pageTabBase{margin-bottom:45px;}

    .fixedUtill {z-index: 920;}
    .fixedUtill .btn_darkMode {background-size: 30px auto;}
    .fixedUtill .btn_openCateg {background-size: 30px auto;}

    .topBtn {bottom:145px !important}

}

@media all and (max-width:768px){
    
    :root{
        /* Layout */
        --layoutCont: 0 20px;
        --layout: 0 20px;
    }

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

    b, span, strong, input, a, button {font-size: inherit;}

    
    .headLine1 {font-size:36px;line-height:44px;;}
    .headLine2 {font-size:20px;line-height:30px;;}
    .headLine3 {font-size:20px;line-height:30px;}
    .headLine3 {font-size:18px;line-height:25px;}

    .txtBody1 {font-size:18px;line-height: 28px;;}
    .txtBody2 {font-size:16px;line-height: 26px;;}
    .txtBody3 {font-size:14px;line-height: 18px;;}

    .txtList.hyphen>li {font-size:14px;line-height: 21px;}

    .no_article {padding:125px 0 44px 0;background-position:top 50px left 50%;background-size:60px auto;font-size:16px;}

    .dataTb colgroup col.data {width:130px !important}

    /* tab */

    #contents.type3 .pageTabBase {padding:var(--layoutCont);}
    .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>li a {height:48px;font-size:16px;line-height:19px;padding:0 15px;}

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

    .numberPagination>.paging{margin:0 15px;}
    .numberPagination>.paging>li{margin:0 7px;}
    .numberPagination>.paging>li:nth-child(n+6) {display:none;}
    
    .numberPagination.sm>.paging{margin:0 10px;}
    .numberPagination.sm>.paging>li{margin:0 5px;}

    .baseBtn {height:48px;}
    .baseBtn>.base {min-width:160px;padding:0 20px;font-size:16px;}

    .baseBtn.icon>.base>i {margin-left:7px;}
    .baseBtn.icon>.base>i.fileDown {background-size: auto 14px;}
    .baseBtn.icon>.base>i.link {background-size:6px auto;}

    .baseBtn.small {height:35px;}
    .baseBtn.small>span {min-width:120px;padding:0 20px;font-size:14px;}

    .btnArea {margin-top:25px;}

    .inputBase {height:43px;font-size:14px;padding:0 13px;}
    .formInput>.guide {font-size:14px;}

    .controlBtn {width:43px;height:43px;}
    .formInput.file .fileCont .controlBtn {margin-left:5px;}
    .formInput.file .fileAdd {width:calc(100% - 96px)}

    .selectBase {height:43px;font-size:14px;padding:0 13px;background-position:top 50% right 13px;}

    .inputTextarea {font-size:14px;padding: 13px;}

    .inputBox>.data {padding-left:32px;font-size:14px;}
    .numberPagination>.paging>li>button {font-size:16px;}

    .contTabBase .tabList>li a {font-size:14px;padding:0 15px 10px 15px;}

    .pageError {padding:0;margin:0 auto;display:flex;flex-direction: column;justify-content: center;}
    .pageError .errorTit {padding-top:110px;background-size: 70px auto;}

    .contTable table th  {font-size:16px;line-height: 24px;}
    .contTable table tbody td {font-size:16px;line-height: 24px;}

    .txtList.dot>li {font-size:16px;padding-left:11px;}
    .txtList>li+li {margin-top:5px;}

    
    header>nav #gnb ul.menuM>li>a[target='_blank']::after {width:13px;height:13px;top:11px !important;right:0 !important;}

}

@media all and (max-width:480px){
    .mbBr {display:block;}
}

/* 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;align-items: center;justify-content: center;overscroll-behavior: none none;
backdrop-filter: blur(5px);}
.pop_wrap.on {display:flex;}
.pop_wrap.on .popLayout {opacity: 1;}
.popLayout {position:relative;background:var(--bgWhite);z-index:1100;max-width:560px;padding:0 0 32px 0;/*width:calc(100% - 40px);*/opacity:0;max-width:563px;overscroll-behavior: none none;
min-width: 350px;}
.popLayout .popTit{padding:28px 24px 10px 24px;font-size:28px;font-weight:bold;letter-spacing:0;line-height:36px;}
.popLayout .popConts{padding-top:20px;}
.popLayout .popConts~.btn_popClose {display:block;position:absolute;right:30px;top:30px;overflow:hidden;width:16px;height:16px;background:url(../img/common/ico_popClose.svg) no-repeat center center;}
.popLayout .popConts~.btn_popClose>span {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip:rect(0,0,0,0);border: 0;}
.popLayout .popConts .popInner {max-height: calc(100vh - 300px);overscroll-behavior: none none;}
.popLayout .popConts .popInner.limit {overflow-x:hidden;overflow-y:auto;}
.popLayout .popConts .popBtnArea{position:relative;text-align:center;padding-top:32px;font-size:0;padding-left:24px;padding-right: 24px;}
.popLayout .popConts .popBtnArea>button,
.popLayout .popConts .popBtnArea>a{margin:0 3px;vertical-align:middle;}

.popLayout .popConts .popInner::-webkit-scrollbar {width: 5px;  /* 스크롤바의 너비 */;}
.popLayout .popConts .popInner::-webkit-scrollbar-thumb {height: 20%; /* 스크롤바의 길이 */background: var(--gray2); /* 스크롤바의 색상 */opacity: .4;border-radius: 10px;padding:10px;}
.popLayout .popConts .popInner::-webkit-scrollbar-track {padding-right:10px;background: rgba(0, 0, 0, .0);  /*스크롤바 뒷 배경 색상*/}

.popLayout .popConts .popInner .txtG {padding-left:24px;padding-right: 24px;;}

.pop_wrap.titBlack .popTit{background-color:var(--black);color:#fff;padding:18px 24px;font-size:24px;line-height:24px;}
.pop_wrap.titBlack .popLayout{padding:0 0 30px 0;}
.pop_wrap.titBlack .popConts{padding:30px 24px 0 24px;}
.pop_wrap.titBlack .popLayout .btn_popClose{background:url(../img/common/icon_popClosedWhite.svg) no-repeat center center/17px auto;top:16px;right:14px;}

.pop_pwCheck .formInput>.guide{margin-bottom:20px;}
.pop_pwCheck .baseBtn.medium>.base{min-width:76px;}
.pop_pwCheck .popLayout .popConts .popBtnArea {display:flex;padding-left:0;padding-right: 0;}
.pop_pwCheck .popLayout .popConts .popBtnArea .baseBtn  {flex:1;}

.pop_wrap.pop_fullView {background-color: rgba(0,0,0,0.8) !important;}

body[data-theme='dark-mode'] .popLayout .popConts~.btn_popClose {background-image:url(../img/common/ico_popClose_white.svg) }

.topBtn{position:fixed;right:25px;bottom:30px;z-index:11;display:none;width:48px;height:48px;background:var(--black) url(../img/common/icon_topBtn_white.svg) no-repeat center center/13px auto;border-radius:50%;z-index: 999;}


/* 팝업전용 미디어쿼리 */
@media all and (max-width:768px){
    .popLayout{padding:0 0px 20px 0px;min-width: inherit;max-width: 100% !important;width:calc(100% - 40px) !important;}
    .popLayout .popTit{font-size:20px;line-height:24px;padding-bottom:20px;padding-top:20px;padding-left:20px;padding-right: 20px;}
    .popLayout .popConts .popInner .txtG {padding-left:20px;padding-right: 20px;}
    .popLayout .popConts {padding-top:0;}
    .popLayout .btn_popClose{top:12px;right:12px;}
    /* .popLayout .popConts .popBtnArea .baseBtn{width:100%;} */
    .popLayout .popConts~.btn_popClose {right:20px;top:23px;}

    .pop_wrap.titBlack .popTit{font-size:20px;padding:10px 50px 10px 20px;}
    .pop_wrap.titBlack .popLayout .btn_popClose{top:12px;right:15px;}
    .pop_wrap.titBlack .popConts{padding:20px 20px 0 20px;}
    .pop_pwCheck .formInput>.guide{margin-bottom:10px;}
    
    .popLayout .popConts .popInner {max-height: calc(95vh - 200px);max-height: calc(95dvh - 200px);}
}

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

.c_point {color:var(--orange3)!important;}

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

/* 팝업존 */ 
#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;}
.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;}

    .popItem{width:100% !important;}
    #popupZone .innerBox{padding:60px 15px;}
    .popItem .samplePop .mainPopTit{font-size:20px;line-height:26px;margin-bottom:25px;}
}
@media all and (max-width:768px){
}