@charset "utf-8";

/* CSS Document */

/** NotoSans Font 설정 **/
@font-face {
font-family: 'NotoSansL';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Light'), local('NotoSans-Light'), url(../webfont/NotoSans-Light.eot);
src: url(../webfont/NotoSans-Light.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Light.woff2) format('woff2'),
url(../webfont/NotoSans-Light.woff) format('woff');
}
@font-face {
font-family: 'NotoSansR';
font-style: normal;
font-weight: 300;
src: local('Noto Sans Regular'), local('NotoSans-Regular'), url(../webfont/NotoSans-Regular.eot);
src: url(../webfont/NotoSans-Regular.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Regular.woff2) format('woff2'),
url(../webfont/NotoSans-Regular.woff) format('woff');
}
@font-face {
font-family: 'NotoSansM';
font-style: normal;
font-weight: 500;
src: local('Noto Sans Medium'), local('NotoSans-Medium'), url(../webfont/NotoSans-Medium.eot);
src: url(../webfont/NotoSans-Medium.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Medium.woff2) format('woff2'),
url(../webfont/NotoSans-Medium.woff) format('woff');
}
@font-face {
font-family: 'NotoSansB';
font-style: normal;
font-weight: 700;
src: local('Noto Sans Bold'), local('NotoSans-Bold'), url(../webfont/NotoSans-Bold.eot);
src: url(../webfont/NotoSans-Bold.eot?#iefix) format('embedded-opentype'),
url(../webfont/NotoSans-Bold.woff2) format('woff2'),
url(../webfont/NotoSans-Bold.woff) format('woff');
}
/** Gmarket Sans Font 설정 **/
@font-face {
    font-family: 'GmSansL';
    font-weight: normal;
    font-style: normal;
    src: url('../webfont/GmarketSansLight.woff') format('woff');
}
@font-face {
    font-family: 'GmSansM';
    font-weight: normal;
    font-style: normal;
    src: url('../webfont/GmarketSansMedium.woff') format('woff');
}
@font-face {
    font-family: 'GmSansB';
    font-weight: normal;
    font-style: normal;
    src: url('../webfont/GmarketSansBold.woff') format('woff');
}

/* 기본 테이블 */
table {width: 100%; border-collapse: separate; border-top: 0.1vmin solid #ccc; border-left: 0.1vmin solid #ccc; vertical-align: middle;}
.tblCapt {position:absolute; width:1px; height:1px; padding:0; margin:-0.1vmin; overflow:hidden; white-space:nowrap; border:0;}
table thead th {line-height: 1.2; font-weight: 500; background: #f8f8f8; border-bottom: 0.1vmin solid #bbb; font-weight:bold;}
table tbody th, table tbody td {line-height: 1.2; position: relative;}
table tbody th { background: #fdfdfd; font-weight:bold;}
table th, table td {border-right: 0.1vmin solid #ccc; border-bottom: 0.1vmin solid #ccc; padding: max(1.2vmin, 8px) max(1.6vmin, 8px);}
/* 변형 테이블 */ 
table.oddDashSt1 tr:nth-child(odd) th, table.oddDashSt1 tr:nth-child(odd) td {border-bottom:0.1vmin dashed #ccc;}
table.oddDashSt2 tr:nth-child(odd) th, table.oddDashSt2 tr:nth-child(odd) td {border-bottom:0.1vmin dashed #ccc;}
table.oddDashSt2 tr:nth-child(odd) th:first-child, table.oddDashSt2 tr:nth-child(odd) td:first-child {border-bottom:0.1vmin solid #ccc;}
table.trsTblSt0 {border-top: 0.1vmin solid rgba(0,0,0,0.2); border-left: none;}
table.trsTblSt0 th, table.trsTblSt0 td {font-size:max(1.8vmin, 16px); border-right:none; border-bottom: 0.1vmin solid rgba(0,0,0,0.2); padding: max(0.8vmin, 4px) max(1.6vmin, 8px); text-align:center; line-height:1.2; height:max(6.8vmin, 48px);}
table.trsTblSt0 td {color:#333; font-weight:500;}
table.trsTblSt0 th, table.trsTblSt0 thead th {color:#000; letter-spacing:0; background: rgba(0,0,0,0.05); font-weight:500;}
table.trsTblSt0 thead th {position:relative;}
table.trsTblSt0 thead th::after {position:absolute; display:inline-block; top:32.5%; right:0; content: ''; width:0.1vmin; height:35%; font-size:0; line-height:0; background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0.3) 80%, rgba(0,0,0,0));}
table.trsTblSt0 thead th:last-child::after {display:none;}
table.trsTblSt0 th, table.trsTblSt0 td, table.trsTblSt0 th a, table.trsTblSt0 td a {font-weight:500; color:#384140;}
/*문단셋팅*/
h1 {font-weight:bold;}
h2 {font-size: 1.4vmin; font-weight:normal;}
h3 {font-size:2.4vmin;}

/*폰트크기*/
.fontSz1 {font-size:1.8vmin;}
.fontSz2 {font-size:2vmin;}
.fontSz3 {font-size:1.6vmin;}
.fontSz2_4vm {font-size:2.4vmin;}
/*폰트색상*/
.fontCol1 {color:#004dbc;}
.fontCol2 {color:#222e77;}
.fontCol3 {color:#108883;}
.fontCol4 {color:#ff0000;}
.fontCol4i {color:#ff0000 !important;}
.fontCol5 {color:#008edc;}
.fontCol6 {color:#ffffff;}
.fontCol6i {color:#ffffff !important;}
.fontCol7 {color:#ee5c00;}
.fontCol8 {color:#666666;}

.fwBold {font-weight:bold}
.fontStN {font-style:normal;}
.readonlyInp {background-color:#ddd}
.borTNoi {border-top:none !important;}

/*정렬셋팅*//* 240408 LSH추가 */
.fL {float:left;}
.fR {float:right;}
.taL {text-align:left;}
.taLi {text-align:left !important;}
.taR {text-align:right;}
.taRi {text-align:right !important;;}
.taC {text-align:center;}
.taCi {text-align:center !important;}
.vaM {vertical-align:middle;}
.vaT {vertical-align:top;}
.clear_both {clear:both;}
.pstRel {position:relative;}
.pstAbs {position:absolute;}
.dspInBlc {display:inline-block;}
.dspBlc {display:block;}

/*문단구분선*/
hr {border:none; border-top:0.1vmin solid #ccc; height:0.1vmin; margin:3vmin 0;}

/* 넓이 높이 *//* 240408 LSH추가 */
.ht100p {height: 100%;}

/*마진셋팅*/
.mT0i {margin-top:0 !important;}
.mT2 {margin-top:0.2vmin;}
.mT4 {margin-top:max(0.4vmin, 4px);}
.mT5 {margin-top:0.5vmin;}
.mT8 {margin-top:max(0.8vmin, 8px);}
.mT8i {margin-top:0.8vmin;}
.mT10 {margin-top:1vmin;}
.mTm13 {margin-top:-1.3vmin;}
.mT16 {margin-top:max(1.6vmin, 16px);}
.mT18 {margin-top:1.8vmin;}
.mTm18 {margin-top:-1.8vmin;}
.mT24 {margin-top:max(2.4vmin, 24px);}
.mT32 {margin-top:3.2vmin;}
.mT42 {margin-top:4.2vmin;/* 40px(FHD해상도기준) */}
.mT48 {margin-top:4.8vmin;}
.mT64 {margin-top:max(6.4vmin, 40px);}
.mL5 {margin-left:0.5vmin;}
.mL8 {margin-left:0.8vmin;}
.mL24 {margin-left:2.4vmin;}
.mR0 {margin-right: 0;}
.mR0i {margin-right: 0 !important;}
.mR4 {margin-right:0.4vmin;}
.mR8 {margin-right:0.8vmin;}
.mR10 {margin-right:1vmin;}
.mR13 {margin-right:1.3vmin;}
.mB0i {margin-bottom: 0 !important;}
.mB24 {margin-bottom: 2.4vmin;}
.ml50pM1_6 {margin-left: calc(50% - 1.6vmin);}
.pD08 {padding:0.8vmin;}
.pL08 {padding-left:0.8vmin;}
.pL16 {padding-left:1.6vmin;}
.pL24 {padding-left:2.4vmin;}
.pR36 {padding-right:3.6vmin;}
.pB40 {padding-bottom:4vmin;}/* 240415 LSH추가 */
.ltspcM1 {letter-spacing:-0.1vmin;}
.ltspcM1i {letter-spacing:-0.1vmin !important;}
.ltspcM2 {letter-spacing: 0.21vmin;}
.ltspcM3 {letter-spacing: 1.44vmin;}

/*배경색*//* 240408 LSH추가 */
.bgcolSt1 {background-color:#f0f8ff;}
.bgcolSt1i {background-color:#f0f8ff !important;}
.bgcolSt2 {background-color:#fdf3ec;}
.bgcolSt2i {background-color:#fdf3ec !important;}
.bgcolSt3 {background-color:#f1f1f1;}
.bgcolSt3i {background-color:#f1f1f1 !important;}
.bgcolSt4 {background-color:#e8f1fd ;}
.bgcolSt4i {background-color:#e8f1fd !important;}
.bgColSt101 {background-color:#74e373;}
.bgColSt102 {background-color:#cff761;}
.bgColSt103 {background-color:#ffe562;}
.bgColSt104 {background-color:#ffcd62;}
.bgColSt105 {background-color:#ff9e57;}
.bgColSt106 {background-color:#fd5151;}
.bgColSt107 {background-color:#a5a5a5;}
.bgColSt108 {background-color:#ed7d31;}
.bgColSt109 {background-color:#a5a5a5;}
.bgColSt110 {background-color:#660099;}
.bgColSt111 {background-color:#964b00;}
.bgColSt112 {background-color:#a5a5a5;}
.bgColSt113 {background-color:#ed7d31;}
.bgColSt114 {background-color:#000000;}
.bgColSt115 {background-color:#4472c4;}
.bgColSt116 {background-color:#ffffff;}
.bgColSt117 {background-color:#a5a5a5;}

.bgColSt201 {background-color:#e7e6e6;}
.bgColSt202 {background-color:#007500;}
.bgColSt203 {background-color:#000080;}
.bgColSt204 {background-color:#964b00;}
.bgColSt205 {background-color:#ffff00;}
.bgColSt206 {background-color:#ffffff;}
.bgColSt207 {background-color:#a5a5a5;}
.bgColSt208 {background-color:#ed7d31;}
.bgColSt209 {background-color:#a5a5a5;}
.bgColSt210 {background-color:#660099;}
.bgColSt211 {background-color:#964b00;}
.bgColSt212 {background-color:#a5a5a5;}
.bgColSt213 {background-color:#ed7d31;}
.bgColSt214 {background-color:#000000;}
.bgColSt215 {background-color:#4472c4;}
.bgColSt216 {background-color:#ffffff;}
.bgColSt217 {background-color:#a5a5a5;}

/* .chemiColBg1 {background-color:#fcb131; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}
.chemiColBg1A {background-color:#69c74f; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}
.chemiColBg2 {background-color:#62a7c4; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}
.chemiColBg3 {background-color:#ec202b; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}
.chemiColBg4 {background-color:#000000; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}
.chemiColBg8 {background-color:#62537e; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);} *//* old. 색상 아래로 바뀜 *//* reW260522 */
.chemiColBg0 {background-color:#aaaaaa; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}/* reW260522 */
.chemiColBg1 {background-color:#FDD835; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}/* reW260522 */
.chemiColBg1A {background-color:#1565C0; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}/* reW260522 */
.chemiColBg2 {background-color:#29B6F6; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}/* reW260522 */
.chemiColBg3 {background-color:#E53935; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}/* reW260522 */
.chemiColBg4 {background-color:#212121; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}/* reW260522 */
.chemiColBg8 {background-color:#8E24AA; color:#fff; font-weight:bold; text-shadow:0 0 4px rgba(0,0,0,1);}/* reW260522 */

.txtEllipsis1 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal; display: inline-block; vertical-align:middle;}/* 말줄임표현 display가 인라인일때 혹은 inline-block으로 설정이 필요할 때 사용 */
.txtEllipsis2 {white-space: nowrap; overflow: hidden; text-overflow: ellipsis; word-wrap: normal;}/* 말줄임표현 */
.txtEllipsis3 {min-height: 20px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; word-break: break-all;}/* 2줄 이후 말줄임표현, display 주의 */
.txtEllipsis3.mbTEllipsis3DpNo {}/* reW260522 */

.wrap {width:100%; height:100%;}
.dpNone {display:none;}
.overFHid {overflow:hidden;}

/* 버튼 */
.cursorSt1 {cursor: pointer;}

/* .btn_popClose1 {position: absolute; top: 0.8vmin; right: 0.8vmin; display: inline-block; width: 3.2vmin; height: 3.2vmin; background-image: url(../images/common/btn_popclose1.png); background-repeat: no-repeat; background-position:center center; background-size: 50%; text-indent: -9999vmin;} */
.btn_popClose1 {position: absolute; top: calc(3.4vmin - 1.6vmin); right: 2vmin; display: inline-block; width: 3.2vmin; height: 3.2vmin; background-image: url(../images/common/btn_popclose1.png); background-repeat: no-repeat; background-position:center center; background-size: 50%; text-indent: -9999vmin;}
.btn_popClose2 {position: absolute; top: max(0.8vmin, 7px); right: max(0.8vmin, 7px); display: inline-block; width: max(3.2vmin, 30px); height: max(3.2vmin, 30px); background-image: url(../images/common/btn_popclose1.png); background-repeat: no-repeat; background-position: center center; background-size: 50%; text-indent: -9999vmin;}
.btn_more {}

.btnSt0 {display:inline-block; text-align:center; vertical-align:middle;}
.btnSt1 {display:block; text-align:center; vertical-align:middle;}
.btnImgSt1 {display:inline-block; text-align:center; vertical-align:middle; background-image:url(../images/common/ico_download.png); text-indent:-9999vmin; background-position:center center; background-repeat: no-repeat;}
.btnImgSt2 {display:inline-block; text-align:center; vertical-align:middle; background-image:url(../images/common/ico_qna.png); text-indent:-9999vmin; background-position:center center; background-repeat: no-repeat;}
.btnImgSt1:hover, .btnImgSt2:hover {background-color:#efefef;}

/* 칼라파레트 적용 안해서 사용금지 상태
.btnColSt0 {font-family:NotoSansL, sans-serif; color:#333; background-color:#FFFFFF; border:0.1vmin solid #c1c1c1 !important; border-radius: 0.2vmin;}
.btnColSt2 {font-family:NotoSansR, sans-serif; color:#FFF; background-color:#5678c0; border:0.1vmin solid #5678c0 !important; text-shadow: 0 0 0.3vmin rgba(0,0,0,1); border-radius: 0.2vmin;}
.btnColSt3 {font-family:NotoSansR, sans-serif; color:#FFF; background-color:#e79949; border:0.1vmin solid #e79949 !important; text-shadow: 0 0 0.3vmin rgba(0,0,0,1); border-radius: 0.2vmin;}
.btnColSt4 {font-family:NotoSansL, sans-serif; font-size:1.4vmin; color:#000; background-color:#FFFFFF; border:0.1vmin solid #c1c1c1 !important; border-radius: 0.2vmin;}
.btnColSt5 {font-family:NotoSansR, sans-serif; color:#FFF; background-color:#555555; border:0.1vmin solid #555555 !important; border-radius: 0.2vmin;}
.btnColSt6 {font-family:NotoSansL, sans-serif; color:#FFF; background-color:#003bd3; border:0.1vmin solid #003bd3 !important; border-radius: 0.2vmin;}
.btnColSt8 {font-family:NotoSansR, sans-serif; color:#000; background-color:#d5f0f2; border:0.1vmin solid #2db6c0 !important; border-radius: 0.2vmin;}
.btnColSt9 {font-family:NotoSansR, sans-serif; color:#FFF; background-color:#143253; border:0.1vmin solid #143253 !important; border-radius: 0.2vmin;}
.btnColSt12 {font-family:NotoSansR, sans-serif; color:#ee5c00; background-color:#fdf3ec; border:0.1vmin solid #ee5c00 !important; border-radius: 0.2vmin;}
.btnColSt13 {font-family:NotoSansR, sans-serif; color:#333; background-color:#f0f0f0; border:0.1vmin solid #c1c1c1 !important; border-radius: 0.2vmin;}
.btnColSt14 {font-family:NotoSansR, sans-serif; color:#000; border:0.1vmin solid #2db6c0 !important; border-radius: 0.2vmin;}
*/
.btnColSt1 {font-family:NotoSansL, sans-serif; color:#333; background-color:#dddddd; border:0.1vmin solid #c1c1c1 !important; border-radius: 0.2vmin;}
.btnColSt10 {font-family:NotoSansR, sans-serif; color:#FFF; background-color:#49aab3; border:0.1vmin solid #49aab3 !important; border-radius: 0.2vmin;}
.btnColSt11 {font-family:NotoSansR, sans-serif; color:#d6502f; background-color:#FFF; border:0.1vmin solid #d6502f !important; border-radius: 0.2vmin;}
.btnColSt15 {font-family:NotoSansR, sans-serif; color:#FFF; background-color:rgba(0,0,0,0.7); border:0.1vmin solid rgba(0,0,0,0.7) !important; border-radius: 0.2vmin;}
.btnColSt16 {font-family:NotoSansR, sans-serif; color:#FFF; background-color:#0072bc; border:0.1vmin solid #0072bc !important; border-radius: 0.2vmin;}
.btnColSt17 {font-family:NotoSansR, sans-serif; color:#384140; background-color:rgba(0,0,0,0.05); border:0.1vmin solid rgba(0,0,0,0.05) !important; border-radius: 0.2vmin;}
.btnColSt18 {font-family:NotoSansR, sans-serif; color:#384140; background-color:#9cddd7; border:0.1vmin solid #9cddd7 !important; border-radius: 0.2vmin;}
.btnColSt19 {font-family:NotoSansR, sans-serif; color:#FFF !important; background-color:#d6502f; border:0.1vmin solid #d6502f !important; border-radius: 0.2vmin;}
.btnColSt20 {font-family:NotoSansR, sans-serif; color:#0072bc; background-color:#fff; border:0.1vmin solid #0072bc !important; border-radius: 0.2vmin;}

.btnSizeWSt0 {width:auto; padding-left:max(3.4vmin, 17px) !important; padding-right:max(3.4vmin, 17px) !important;}
.btnSizeWSt1 {width:max(10vmin, 50px);}
.btnSizeWSt2 {width:max(10.4vmin, 52px);}
.btnSizeWSt3 {width:max(12.8vmin, 106px);}
.btnSizeWSt4 {width:max(5.5vmin, 27px);}
.btnSizeWSt5 {width:max(2.9vmin, 15px);}
.btnSizeWSt6 {width:max(5.6vmin, 28px);}
.btnSizeWSt7 {width:max(8vmin, 40px);}
.btnSizeWSt8 {width:max(4vmin, 20px);}
.btnSizeWSt9 {width:auto; padding-left:max(0.8vmin, 4px) !important; padding-right:max(0.8vmin, 4px) !important;}
.btnSizeWSt10 {width:auto; min-width:max(6.8vmin, 34px); padding-left:max(0.4vmin, 4px) !important; padding-right:max(0.4vmin, 4px) !important;}
.btnSizeWSt11 {width:max(20vmin, 100px);}
.btnSizeWSt12 {width:auto; padding-left:max(1.6vmin, 8px) !important; padding-right:max(1.6vmin, 8px) !important;}
.btnSizeWSt13 {width:100%; padding-top:max(0.8vmin, 8px) !important; padding-left:max(1.6vmin, 8px) !important; padding-right:max(1.6vmin, 8px) !important; padding-bottom:max(0.8vmin, 8px) !important;}

.btn2Line {line-height:1.8vmin; padding-top:0.5vmin !important; padding-bottom:0.5vmin !important;}
.btn2XL {font-size:max(2.4vmin, 24px); line-height: max(5.6vmin, 47px);}
.btnXL {font-size:1.6vmin; line-height: 4.6vmin;}
.optOfLst1 .btnXL {line-height: 3.8vmin;}
.btnIcoSrh {background-image:url(../images/common/ico_srh1.png); text-indent:-9999vmin; background-size: 70%; background-position:center center; background-repeat: no-repeat;}
.btnXLg {font-size:max(2vmin, 18px); line-height: max(4vmin, 38px);}
.btnLg {font-size:max(1.8vmin, 16px); line-height: max(4vmin, 38px);}
.btnMd {font-size:max(1.3vmin, 13px); line-height: max(3vmin, 28px);}
.btnSm {font-size:max(1.3vmin, 13px); line-height: max(2.6vmin, 24px);}
.btnXS {font-size:max(1.2vmin, 12px); line-height: max(2.2vmin, 20px);}
.upPdsDelBtn {display:inline-block; width:2vmin; height:2vmin; border-radius:50%; vertical-align:middle; background-image: url(../images/common/btn_uppdsdel1.png); background-repeat: no-repeat; background-size: contain; margin-left:0.4vmin; margin-right:1.6vmin;}
.icoQAOpen {display:inline-block; width:2vmin; height:2vmin; vertical-align:middle; background-image: url(../images/common/ico_qaopen.png); background-repeat: no-repeat; background-size: contain;}
.icoQAPriv {display:inline-block; width:2vmin; height:2vmin; vertical-align:middle; background-image: url(../images/common/ico_qapriv.png); background-repeat: no-repeat; background-size: contain;}
.btn2XL span {display: table; width: 100%; height: max(5.6vmin, 47px);}
.btn2XL span i {display: table-cell; line-height: 1; height: 100%; vertical-align: middle;}
.btnXL span {display: table; width: 100%; height: max(4.6vmin, 42px);}
.btnXL span i {display: table-cell; line-height: 1; height: 100%; vertical-align: middle;}
.btnXLg span, .btnLg span {display: table; width: 100%; height: max(4vmin, 38px);}
.btnXLg span i, .btnLg span i {display: table-cell; line-height: 1; height: 100%; vertical-align: middle;}
.btnMd span {display: table; width: 100%; height: max(3vmin, 28px);}
.btnMd span i {display: table-cell; line-height: 1; height: 100%; vertical-align: middle;}
.btnSm span {display: table; width: 100%; height: max(2.6vmin, 24px);}
.btnSm span i {display: table-cell; line-height: 1; height: 100%; vertical-align: middle;}
.btnXS span {display: table; width: 100%; height: max(2.2vmin, 20px);}
.btnXS span i {display: table-cell; line-height: 1; height: 100%; vertical-align: middle;}

.btnLoginSz1 {font-size: 2vmin; line-height: 10.4vmin; border-radius: 0.2vmin;}
.btnLoginSz2 {font-size: 2vmin; border-radius: 0.2vmin; display:table;}
.psswTbc {display:table-cell; line-height: 2.4vmin; height: 16.2vmin; vertical-align: middle;}

.btnByInpSel {margin-left:-0.5vmin !important;}

.btnIcoListSt1 > span {background-image: url(../images/common/list_style1_off.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.btnIcoListSt1.onBtn > span {background-image: url(../images/common/list_style1_on.png); background-repeat: no-repeat; background-position: center center; background-size: contain; }
.btnIcoListSt1 span i, .btnIcoListSt1On span i {text-indent: -9999vmin;}
.btnIcoListSt2 > span {background-image: url(../images/common/list_style2_off.png); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.btnIcoListSt2.onBtn > span {background-image: url(../images/common/list_style2_on.png); background-repeat: no-repeat; background-position: center center; background-size: contain;}
.btnIcoListSt2 span i, .btnIcoListSt2On span i {text-indent: -9999vmin;}

.btnLocSt1 {position:absolute; left:4vmin; bottom:4.8vmin;}

.mSTItem {display: inline-block; text-align: center; vertical-align: middle; font-size: max(2.44vmin, 23px); line-height: max(6vmin, 56px); width: auto; min-width:max(24.0vmin, 192px); padding-left: max(1.6vmin, 8px); padding-right: max(1.6vmin, 8px); font-family: NotoSansR, sans-serif; color: #335678; background-color: #deeaf6; border: none;}/* reW260522 */
.mSTItem.mSTIAct {font-size: max(2.56vmin, 24px); color: #001635; background-color: #fbfdff;}
.btn-search1, .btn-search2 {display: flex; align-items: center; width:max(6.8vmin, 64px); height: max(5.14vmin, 48px); font-family: NotoSansR, sans-serif; font-size: max(2.2vmin, 20px); color: #FFF; background-color: #009661; border: none; border-radius: 0.4vmin;}
.btn-search2 {height: max(10.6vmin, 100px);}
.btn-search1 span, .btn-search2 span {width: 100%;}

.borRadius2 {border-radius:0.2vmin;}
.borRadius4 {border-radius:0.4vmin;}
/* 스크롤바 커스텀 */
.scrollBar1::-webkit-scrollbar {width: 0.6px;}
.scrollBar1::-webkit-scrollbar-track {background-color: transparent;}
.scrollBar1::-webkit-scrollbar-thumb {border-radius: 0.3vmin; background-color: gray;}
.scrollBar1::-webkit-scrollbar-button {width: 0; height: 0;}


/***** head *****/
/* skip nav */
.scMn {position: absolute; left: 0; top: 0; width: 0; height: 0; overflow: hidden;}
.skip_nav a {position:fixed; left:0; top:0; width:100%; display:block; font-family: NotoSansR, sans-serif; font-size:1.7vmin; line-height:2.8vmin; color:#000; text-align:center; background:#fcaf7e; padding:1.6vmin; z-index:999; opacity:0; transform:translate(0,-6vmin); transition:opacity .3s ease-out, transform .3s ease-out;}
.skip_nav a:focus {opacity:1; transform:translate(0,0);}
dl.skip_nav dd {margin-bottom:0;}
/* navigation */

/* header */
header {display: block;}
.main-header {display: flex; justify-content: space-between; align-items: center; padding: /*2.8vmin*/0vmin max(4.2vmin, 16px); color: #000; width: 100%; height: max(8.5vmin, 80px); border-bottom:0.1vmin solid rgba(0,0,0,0.3); z-index: 10;}/* reW260522 */
.logo {font-size:0;}
.logo a {display:inline-block;}
.logo a img {height: max(4.93vmin, 40px);}
/* .main-nav {width:76%;} */
.main-nav .nav-list {position:relative; display: flex; gap: max(2.4vmin, 16px); /* 메뉴 항목 간 간격 */}
.main-nav .nav-list > li {/* flex:1; */ /*min-width:max(20.7vmin, 120px)*//* 12vmin */;}
.main-nav .nav-list a {display:block; font-family:NotoSansM, sans-serif; font-size: max(2.2vmin, 20px); padding: max(0.5vmin, 3px) 0; transition: color 0.3s ease;}
/* 기본일 때 .main-nav .nav-list > li > a {line-height: 10.5vmin; padding: 0 0; text-align: center;} */
/* .main-nav .nav-list > li > a {line-height: 10.5vmin; padding: 0 3vmin; text-align: center;}*//* 사업실적을 문의사항으로 사용해서 사업실적을 안쓰는 경우 padding값 변경 *//* 0728 */
.main-nav .nav-list > li > a {display: flex; align-items: center; padding: 0 max(3vmin, 16px); text-align: center; height: max(8.5vmin, 80px); justify-content: center; line-height: 1.2;}/* 사업실적을 문의사항으로 사용해서 사업실적을 안쓰는 경우 padding값 변경 *//* 0728 *//* reW260522 */
.main-nav .nav-list a:hover {font-weight:bold; color: #d6502f;}
.header-right {display: flex; gap: max(0.8vmin, 4px);}
.main-nav .nav-list li .nav-sub a {font-family: NotoSansL, sans-serif; font-size: max(1.8vmin, 14px); color:#000; padding: max(0.5vmin, 3px) 0; transition: color 0.3s ease;}
.icon-btn {display: flex; justify-content: center; align-items: center; background: none; /* border: 0.1vmin solid rgba(0,0,0,0.5); 아이콘 테두리 */ /* border-radius: 50%; */ width: 5.04vmin; height: 5.04vmin; color: rgba(0,0,0,0.5); font-size: 2.4vmin; line-height: 1; cursor: pointer; transition: background-color 0.3s ease, border-color 0.3s ease;}
.icon-btn:hover {background-color: #d6502f; border-color: #d6502f; color: rgba(255,255,255,1);}
/* 아이콘 자리 표시 (실제 아이콘은 font-awesome, SVG 등 사용) */
.grp-icon::before { content: ""; display:inline-block; width:100%; height:100%; background: url(../images/grpicon1_b.png) no-repeat center center; background-size:cover; opacity:0.5;}
button:hover.grp-icon::before {background: url(../images/grpicon1_w.png) no-repeat center center; background-size:cover; opacity:1;}
a:hover.grp-icon::before {background: url(../images/grpicon1_w.png) no-repeat center center; background-size:cover; opacity:1;}
.menu-toggle::before { content: "☰"; font-weight: bold; margin-top: min(-0.3vmin, -1px);}
.main-nav .nav-list a.active1 {font-family: NotoSansM, sans-serif !important; font-weight: bold; color: #d6502f;}
.grp-icon2::before { content: ""; display:inline-block; width:100%; height:100%; background: url(../images/grpicon2_b.png) no-repeat center center; background-size:cover; opacity:0.5;}/* 사업실적용 */
button:hover.grp-icon2::before {background: url(../images/grpicon2_w.png) no-repeat center center; background-size:cover; opacity:1;}
a:hover.grp-icon2::before {background: url(../images/grpicon2_w.png) no-repeat center center; background-size:cover; opacity:1;}
.icon-btn.active1 {background-color: #d6502f; border-color: #d6502f; color: rgba(255,255,255,1);}
.grp-icon.active1::before {background: url(../images/grpicon1_w.png) no-repeat center center; background-size:cover; opacity:1;}
.rtFixLoc1 {position: fixed; bottom: 20vmin; right: 16px; /* ▼ 핵심: bottom 속성 변경에 0.4초 동안 부드러운 전환 효과 적용 */ transition: bottom 0.4s ease-out;}/* 0728 */
.grp-icon.rtFixLoc1 {display:block; width: 6vmin; height: 6vmin; text-align:center; border:none; border-radius: 0.4vmin; box-sizing: border-box; opacity: 0.7; z-index:1; transition: all .2s ease;}/* 0728 */
.grp-icon.rtFixLoc1:hover {opacity: 1; transition: all .2s ease;}/* 0728 */
.grp-icon.rtFixLoc1::before {position:absolute; bottom:-2.3vmin; right:0.8vmin; display: inline-block; width:0; height:0; border-left: 0.4vmin solid transparent; border-right: 1.2vmin solid transparent; border-top: 3vmin solid #d6502f; background: none; background-size: inherit; transform: rotate(28deg);}/* 0728 */
.grp-icon.rtFixLoc1 .qneMark1 {display:block; width:6vmin; height:6vmin; margin:0 auto; background: url(../images/grpicon2_w.png) no-repeat center center; background-size: cover; opacity: 1;}/* 0728 */
.grp-icon.active1.rtFixLoc1 .qneMark1 {background: url(../images/grpicon1_w.png) no-repeat center center; background-size: cover; opacity: 1;}/* 0728 */
.moExpTSt1 {position:absolute; top:0; left:0.4vmin; display: flex; justify-content: center; align-items: center; width:0; height:6vmin; font-size:0; border-radius:0.4vmin 0 0 0.4vmin; background-color:#d6502f; overflow: hidden; box-sizing: border-box; transition: all .2s ease;}/* 0728 */
.grp-icon.rtFixLoc1:hover .moExpTSt1 {left:-9.8vmin; width:11vmin; font-size:2vmin; font-weight:bold; height:6vmin; transition: all .2s ease;}/* 0728 */
/* 기존 서브 메뉴 숨기기 및 위치 설정 (애니메이션 포함) */
.main-nav .nav-list li .nav-sub {position: absolute; left:-13%; width:126%; display: flex; /* Flexbox 적용 */ flex-direction: row; /* 항목들을 가로로 정렬 */ flex-wrap: wrap; /* 내용이 넘칠 경우 다음 줄로 넘어감 */ gap: max(1.5vmin, 14px); /* 서브 메뉴 항목들 간의 간격 */ justify-content: flex-start; /* 항목들을 왼쪽에서 시작 */ align-items: flex-start; /* 항목들을 위에서 시작 */ opacity: 0; visibility: hidden; transform: translateY(3vmin); transition: opacity 0.3s ease-out, transform 0.3s ease-out, visibility 0.3s ease-out; padding: max(1.5vmin, 14px); /* 전체 서브 메뉴의 패딩 조정 */ /* min-width: 20vmin;  서브 메뉴 최소 너비 (조절 필요) */ margin-top: 0.1vmin; border-radius: 0 0 0.3vmin 0.3vmin; background-color: rgba(255,255,255,0.85); /*nav-sub배경색 */ border: 0.1vmin solid rgba(0,0,0,0.1); border-top:none; /*box-shadow: 0 0.5vmin 1vmin rgba(0,0,0,0.1);*/ z-index: 9;}
/* 메인 메뉴 li에 마우스를 올렸을 때 서브 메뉴 보이기 (애니메이션 적용) */
.main-nav .nav-list > li:hover > .nav-sub {opacity: 1; visibility: visible; transform: translateY(0);}
/* 서브 메뉴 항목 (li) 스타일 조정 */
.main-nav .nav-list li .nav-sub li {/* flexbox 자식 요소로 자동 조정되므로, 여기서는 너비만 조정 *//* width: auto; 또는 고정 너비 설정 가능 *//* flex-basis: calc(50% - 0.75vmin); 2열 정렬 예시 */ white-space: nowrap; /* 텍스트 줄바꿈 방지 *//* 서브 메뉴의 각 항목 li 자체에 대한 스타일 */ min-width:max(12vmin, 113px);}
/* 서브 메뉴 링크 (a) 스타일 조정 */
.main-nav .nav-list li .nav-sub a {padding: max(0.8vmin, 4px) max(1.2vmin, 6px); /* 서브 메뉴 링크 내부 여백 줄이기 */ color: #333; transition: background-color 0.3s ease, color 0.3s ease; border-radius: 0.2vmin; /* 링크 자체에 둥근 모서리 */}
.main-nav .nav-list li .nav-sub a:hover {/*background-color: #f5f5f5;*/ color: #d6502f;}
/* 활성 서브 메뉴 항목 스타일 (기존과 동일) */
.main-nav .nav-list li .nav-sub a.active1 {font-family: NotoSansM, sans-serif !important; font-weight: bold; color: #d6502f; /*background-color: #f0f0f0;*/}
/* 새로 추가 또는 수정된 부분: 서브 메뉴에 active1이 있을 때 메인 메뉴 스타일 */
/* 일반 모드: 서브 메뉴의 A 태그에 active1이 있을 경우, 상위 메인 메뉴의 A 태그 색상 변경 */
.main-nav .nav-list > li:has(.nav-sub a.active1) > a {font-weight: bold; /* 선택 사항: 폰트 굵기 */ color: #d6502f; /* 원하는 색상 */}
.mnSpWd1, .mnSpWd2 {gap: 0 max(1.5vmin, 14px) !important;}
.mnSpWd1 > li {min-width: max(18vmin, 170px) !important;}

/***** //header *****/
.gMC2Depth > ul > li > a.active1 {font-weight: bold; color: #ee6e16;}
.mbMnSt1 > li:has(.gMC2Depth > ul > li > a.active1) > a {font-weight: bold; color: #ee6e16;}

/***** main contents *****/
.aWdtSt1 {width:max(84%, 986px); margin:0 auto;}/* reW260522 */
.aWdtSt2 {width:max(74%, 986px); margin:0 auto;}/* reW260522 */
.hero {background: radial-gradient(ellipse at 80% 0%, #977dcf, #1f5cc5); /*background-color: #004fab;*/ color: #fff; padding: max(8.5vmin, 36px) 0 max(1.9vmin, 6px); text-align: center;}/* reW260522 */
.hero-content {position: relative; z-index: 2; /* 오버레이보다 위에 오도록 */ padding-bottom: max(6vmin, 32px);}
.hero-subtitle {font-size: 2.3vmin; margin-bottom: 1vmin; color: #000;}
.hero-title {font-size: max(5.2vmin, 30px); /* 이미지에서 보이는 큰 제목 */ font-family: GmSansM, sans-serif; margin-bottom: max(2vmin, 10px); line-height: 1.2; text-shadow: 0.2vmin 0.2vmin 0.4vmin rgba(0,0,0,0.5); /* 그림자 효과로 가독성 높이기 */ padding: 0 max(17vmin, 44px);}/* reW260522 */
.hero-title b {font-family: GmSansB, sans-serif; color:#ed8336;}
.hero-description {font-size: max(3.2vmin ,20px); /* 이미지에서 보이는 서브 텍스트 */ line-height: 1.4; color: #fff; padding: 0 max(14vmin, 44px);}/* reW260522 */
.hDescExp1 {font-size: max(2.8vmin, 18px); line-height: 1.2; color: #fff; text-align:left; padding: 0 max(14vmin, 44px);}
.hDescExp1 li {padding: max(0.6vmin, 4px) 0;}
/* .search-container {min-height: 220px; font-size:0; margin: 0 max(6.4vmin, 22px);} */
.search-container {width:80%; min-height: 220px; font-size:0; margin: 0 auto;}/* reW260522 */
.mSchTab {background-color:#deeaf6; text-align: left;}
.mSchBarArea {/*min-height: 97px;*/ background-color:#fbfdff; text-align: left; padding: max(2.54vmin, 16px);}
.mSchBarArea {/*min-height: 97px;*/ background-color:#fbfdff; text-align: left; padding: max(2.54vmin, 16px);}
.mSchBarItem {display: flex; justify-content: space-between; align-items: center;}
.mSBIInpAreaSt1 {width: calc(100% - max(7.6vmin, 72px));}
.mSBItemInp1 {width:100%; font-size: max(2.2vmin, 20px); background-color: rgba(0, 0, 0, 0.01); height: max(5.14vmin, 48px); border: 0.1vmin solid rgba(0, 0, 0, 0.2); border-radius: 0.4vmin; padding: 0 max(1.6vmin, 8px);}
.mContFeatures {padding:max(7.2vmin, 25px) max(6.4vmin, 22px) 0;}
.mContExp1 {display: flex; gap: max(4vmin, 16px); justify-content: center; text-align: center;}
.mCEItem1 {flex:1; padding:max(2.4vmin, 8px); border:0.2vmin solid #ddd; border-radius:0.8vmin;}
.borRnOvfH1 {border-radius: 0.8vmin; overflow: hidden;}
/***** //main contents *****/

/***** SUB Page contents *****/
.subContents {}
/* .subContents > div {width:66.8%; margin:0 auto; min-height: 70vmin;} */
/* 서브페이지 제목 섹션 */
.chemiNameTitSection {text-align: left; /* padding: max(7.2vmin, 25px) max(6.4vmin, 22px); */}
.chemiNameTitSection b {font-family: GmSansM, sans-serif; font-size: max(3.8vmin, 24px); line-height:1.1; color: #000; word-break: break-word;}/* reW260522 */
.chemiNmDecSt1 {position:absolute; top:max(2.8vmin, 12px); left:0; display: inline-block; width: max(3.2vmin, 20px); height: max(3.2vmin, 20px); margin: max(-2vmin, -20px) max(0.8vmin, 4px) 0  max(0.8vmin, 4px); font-size: max(2vmin, 14px); line-height: max(3.2vmin, 20px); vertical-align: middle; border: 0.3vmin solid #000; border-radius: 50%; background-color: #eee; box-sizing: border-box;}

.subBodyTop1 {background: radial-gradient(ellipse at 80% 0%, #977dcf, #1f5cc5); /*background-color: #004fab;*/ color: #fff; padding: max(5vmin, 32px) 0 max(5vmin, 32px); text-align: center;}
.search-container2 {font-size:0; margin: 0 max(6.4vmin, 22px);}
.mSchBarItem2 {display: flex; justify-content: space-between; align-items: center; background-color: #fff; padding: 4px; border-radius: 0.4vmin;}
.subBodyMid1 {padding: max(7.2vmin, 25px) max(6.4vmin, 22px) 0;}
.subBodyBot1 {padding: max(7.2vmin, 25px) max(6.4vmin, 22px) 0;}

.chemiContArea1 {margin-top:max(1.6vmin, 16px);}
.ghsPictoArea1 {display:flex; align-items: center; gap:max(2vmin, 8px); background-color: #f6f6f6; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset; border-radius: 0.4vmin;}
.ghsClassArea1 {text-align: center; padding: max(0.2vmin, 1px) max(0.2vmin, 1px) max(0.2vmin, 1px) max(4.8vmin, 48px); border-radius: 0.4vmin;}
.gCPictoArea1 {padding:max(1.4vmin, 8px); background-color:rgba(255,255,255,0.9); border-radius:0.3vmin 0.3vmin 0 0; color: #000; text-shadow: none;}
.gCPictoClsTx1 {display: block; padding-top: max(0.8vmin, 4px);}
.gCZoneArea1 {padding:max(1.1vmin, 8px); background-color:rgba(255,255,255,0.9); border-radius:0 0 0.3vmin 0.3vmin; color: #000; text-shadow: none; border-top:0.1vmin dashed rgba(0,0,0,0.5);}
.gCZoneArea2 {padding:max(1.1vmin, 8px); background-color:rgba(255,255,255,0.9); border-radius:0 0 0.3vmin 0.3vmin; color: #000; text-shadow: none;}
.ghsRestArea1 {display:flex; flex-wrap: wrap;}
.chemiContOCArea1 {border-bottom:0.1vmin solid #ddd;}
.chemiContOCArea2 {border-bottom:0.1vmin solid #ddd; padding-bottom:max(1.6vmin, 8px);}
.chemiContOpCsSt1 {display: block; font-weight: bold; background: url(../images/common/ico_btn_down_bg2.png) no-repeat center right -20px; background-size: contain; line-height: max(5.14vmin, 48px);}/* reW260522 */
.chemiContOpCsSt2 {display: block; font-weight: bold; background: url(../images/common/ico_btn_up_bg2.png) no-repeat center right -20px; background-size: contain; line-height: max(5.14vmin, 48px); border-bottom:0.1vmin dashed #ddd; margin-bottom:max(1.6vmin, 8px);}/* reW260522 */
.icoSize1 {width:max(10vmin, 48px);}
.icoSize2 {padding-left:max(1.6vmin, 8px); height:max(2.2vmin, 20px); vertical-align:middle;}
.icoSize3 {height:max(8vmin, 56px);}
.icoSize4 {display:block; height:max(10vmin, 72px); background-image:url(../ghs/ghs_blank.gif); background-repeat: no-repeat; background-position: center center; background-size: contain;}/*lsh260610*/
.icoSize5 {width: max(4.8vmin, 44px); height: max(4.8vmin, 44px); vertical-align: middle;}
.picSize1 {width:max(22.4vmin, 162px);}
.cContULInfo1 {line-height:1.2; padding: 0 max(1.6vmin, 8px);}
.cContULInfo1 b {font-weight:bold;}
.cContULInfo1 > li {position:relative; padding:max(0.2vmin, 2px) 0 max(0.2vmin, 2px) max(1vmin, 8px);}
.cContULInfo1 > li::before {position: absolute; display: inline-block; content:''; width: max(0.4vmin, 4px); height: max(0.1vmin, 1px); top: max(1.4vmin, 10px); left: 0; background-color:rgba(0,0,0,0.6);}
.cContULInfo2 {line-height:1.2; padding: 0 max(1.6vmin, 8px);}
.cContULInfo2 b {font-weight:bold;}
.cContULInfo2 > li {position:relative; padding:max(0.4vmin, 4px) 0 max(0.4vmin, 4px) max(1vmin, 8px);}
.cContULInfo2 > li::before {position: absolute; display: inline-block; content:''; width: max(0.3vmin, 3px); height: max(0.3vmin, 3px); border-radius:50%; top: max(1.5vmin, 12px); left: 0; background-color:rgba(0,0,0,0.6);}
.ulBoxSt1 {display:flex; flex-wrap: wrap; margin-top: max(0.8vmin, 8px);}/* reW260522 */
.ulBoxSt1 > li {display: flex; gap: 0.8vmin; width: calc(33% - 0.8vmin); padding: 0.8vmin; margin: 0.4vmin; background-color:#f6f6f6; box-shadow: 0 0 1px rgba(0, 0, 0, 0.5) inset; border-radius: 0.4vmin; transition: all .2s ease;}/* reW260522 */
.ulBoxSt1 > li > b {display: flex; flex-wrap: wrap; width: max(10.2vmin, 64px); flex-shrink: 0; /* 우측 태그들이 길어져도 b 태그의 넓이가 줄어들지 않도록 고정 */ font-size: max(1.7vmin, 15px); text-align: center; padding: max(0.8vmin, 8px); background-color: #fff; align-items: center; justify-content: center;}/* reW260522 */
.ulTagBoxSt1 > li {display: inline-block; padding: max(0.8vmin, 8px); margin: max(0.2vmin, 2px) max(0.2vmin, 2px); font-size: max(1.6vmin, 14px); font-weight:bold; border: 1px solid #bcdcf1; background-color:#fff; border-radius:0.2vmin; transition: all .2s ease;}/* reW260522 */
.tblBTit1 {font-size:max(2.1vmin, 18px); font-weight:bold; padding:max(1.6vmin, 8px) 0;}
.riskCardSt1 {display: flex; align-items: center; gap: max(1.6vmin, 16px); padding: max(0.2vmin, 1px) max(0.2vmin, 1px) max(0.2vmin, 1px) max(1.6vmin, 16px); margin: max(1.6vmin, 16px) 0; border-radius: 0.4vmin; color: #fff; font-weight: bold; box-sizing: border-box;}
.riskCardLt {width:max(6.4vmin, 48px); text-align:center;}
.riskCardIcon {font-size: max(4vmin, 40px);}
.riskCardIcon1 {width: max(6.4vmin, 48px);}
.riskCardCont {min-width:max(8vmin, 72px);}/* reW260522 */
.riskCardTit {font-size: max(1.6vmin, 14px); opacity: 0.85;}
.riskCardVal {font-size: max(2.4vmin, 20px); font-weight: bold; white-space: nowrap;}/* reW260522 */
.riskCardExpTx1 {padding: max(1.4vmin, 8px); background-color: rgba(255, 255, 255, 0.9); border-radius: 0.3vmin; color: #000; text-shadow: none; width:calc(100% - max(16vmin, 136px)); min-height: max(7.6vmin, 64px);}
.cassNumPA1 {position: absolute; top: -32px; left: 0; width: 100%; font-size: 16px; line-height: 1.2; color: #384140; text-shadow: none;}/* reW260522 */
/* 위험도별 컬러 */
.riskCardSt1.high {background: linear-gradient(135deg, #e53935, #c62828);}
.riskCardSt1.medium {background: linear-gradient(135deg, #fb8c00, #ef6c00);}
.riskCardSt1.low {background: linear-gradient(135deg, #43a047, #2e7d32);}
.riskCardSt1.high {animation: pulse 1.8s infinite;}
@keyframes pulse {
  0% {box-shadow: 0 0 0 0 rgba(229,57,53,0.6);}
  70% {box-shadow: 0 0 0 10px rgba(229,57,53,0);}
  100% {box-shadow: 0 0 0 0 rgba(229,57,53,0);}
}
.riskCardSt2 {text-align: center; padding: max(0.2vmin, 1px) max(0.2vmin, 1px) max(0.2vmin, 1px); margin: max(1.6vmin, 16px) 0; border-radius: 0.4vmin; color: #fff; font-weight: bold; box-sizing: border-box;}
.riskCardIconArea2 {display: flex; justify-content: center; align-items: center; padding:max(2.4vmin, 16px) 0 max(2.4vmin, 16px);}
.riskCardIcon2 {width: max(16vmin, 88px);}
.riskCardCont2 {padding:/* max(0.8vmin, 4px) */ 0 0 max(1.6vmin, 4px);}
.riskCardCont2 .riskCardTit {font-size: max(5.6vmin, 24px); font-weight:bold; padding:0 max(0.8vmin, 8px); text-shadow:0 0 max(0.8vmin, 4px) rgba(0,0,0,0.7); opacity: 1; line-height: 1.2; white-space: nowrap;}
.riskCardCont2 .riskCardVal {font-size: max(2.4vmin, 18px); font-weight: bold; padding:max(0.4vmin, 4px) max(0.8vmin, 8px) 0; text-shadow:0 0 max(0.8vmin, 4px) rgba(0,0,0,0.7);}
.riskCardExpTx2 {text-align:left; padding: max(1.4vmin, 8px); background-color: rgba(255, 255, 255, 0.9); border-radius: 0.3vmin; color: #000; text-shadow: none; min-height: max(7.6vmin, 64px);}
/* 위험도별 컬러 */
.riskCardSt2.rCDanger {background: linear-gradient(135deg, #e53935, #c62828);}
.riskCardSt2.rCHigh {background: linear-gradient(135deg, #fb8c00, #ef6c00);}
.riskCardSt2.rCMedium {background: linear-gradient(135deg, #ecb700, #deac00);}
.riskCardSt2.rCLow {background: linear-gradient(135deg, #43a047, #2e7d32);}
.riskCardSt2.rCNoData {background: linear-gradient(135deg, #9c9c9c, #aaaaaa);}
.riskCardSt2.rCDanger, .riskCardSt2.rCHigh  {animation: pulse 1.8s infinite;}

.riskOfMixChemiArea1 {display:flex; justify-content: space-between;}
.riskOfMixChemiArea1 .chemiNameTitSection {position:relative; flex: 1; padding:max(2.8vmin, 12px) max(2.4vmin, 8px) max(12.4vmin, 8px); border:0.1vmin solid #ddd; text-align:center;}
.riskOfMixChemiArea1 .chemiNameTitSection:first-child {border-right:none; border-radius:0.4vmin 0 0 0.4vmin;}
.riskOfMixChemiArea1 .chemiNameTitSection:last-child {border-left:0.1vmin dashed #ddd; border-radius:0 0.4vmin 0.4vmin 0;}
.riskOfMixChemiArea1 .ghsPictoArea1 {position: absolute; bottom: max(2.8vmin, 12px); left: 0; width: 100%; justify-content: center; /* margin-top: max(0.8vmin, 4px); */ background-color: inherit; box-shadow: none; border-radius: inherit;}
.riskOfMixChemiArea1 .ghsClassArea1 {position:relative; display: flex; width: auto;/* width: 80%; */}
.riskOfMixChemiArea1 .gCZoneArea1, .riskOfMixChemiArea1 .gCZoneArea2 {flex:1; min-width:max(11vmin, 120px);}
.riskOfMixChemiArea1 .gCZoneArea1 {border-radius:0 0.3vmin 0.3vmin 0; border-top:none; border-left:0.1vmin dashed rgba(0,0,0,0.5);}
.riskOfMixChemiArea1 .gCZoneArea2 {border-radius:0.3vmin 0 0 0.3vmin;}
.pgBtnBlkArea1 {display: flex; flex-wrap: wrap; margin-top: min(-1.6vmin, -1px); justify-content: center; align-items: center; gap: max(1.6vmin, 8px);}

.bgGrdSt1 {background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 25%, rgba(255, 255, 255, 0.2) 75%, rgba(255, 255, 255, 0))}
.mTop64 {margin-top:max(6.4vmin, 40px);}
.mLeft4_w960Up_mTop16_w960Dw {margin-left:4px;}
.filtBrt4 {filter: brightness(4);}
.filtBrt5 {filter: brightness(5);}
.hfTblArea1 {display:inline-block; width:calc(50% - 6px); vertical-align:top;}
.tdTdHtSz1_w960Up tbody th, .tdTdHtSz1_w960Up tbody td {padding: max(3.2vmin, 8px) max(1.6vmin, 8px);}
.contDescription1 {font-size: max(4vmin ,24px); /* 이미지에서 보이는 서브 텍스트 */ font-weight:700; line-height: 1.4; word-break: auto-phrase; text-align:center; color: #000; padding: 0 max(6.4vmin, 16px) max(3.2vmin, 16px);}
.mCENoBorSt1 .mCEItem1 {border: none;}
.mCENoBorSt1 .icoSize1 {width: max(8vmin, 40px); border-radius:50%;}
.mCENoBorSt2 .mCEItem1 {border: none;}
.mContExp1.mCENoBorSt2 {gap: max(1vmin, 4px);}
.mCEPicSt1 {margin-top: max(4.8vmin, 25px);}
.pT7_2vm25px {padding-top: max(7.2vmin, 25px);}
.endBoxSt1 {background-color:#eaf4fd; border-radius:0.4vmin; text-align:center; padding:max(4.8vmin, 24px) max(6.4vmin, 16px);}
.endBDescTxt1 {font-size: max(3.8vmin, 22px); font-weight: 700; line-height: 1.4; padding-bottom:max(1.6vmin, 8px); word-break: auto-phrase; color: #000;}
.endBLinkArea1 {width: 50%; margin: 0 auto; word-break: keep-all;}
.endBLinkBtn1 {display: block; padding-top: max(1.6vmin, 8px);}
.endBLBStrSt1 {display: inline-block; font-size: max(1.7vmin, 14px); font-weight:700; color:#0072bc; vertical-align:baseline;}
.btnSSExpTxt1 {display: inline-block !important; width: auto !important; height: auto !important; font-size: max(1.9vmin, 16px); font-weight: 100; line-height: 1.2; vertical-align: baseline;}

.boardArea1 {width: 100%; margin: 0 auto;}
.paraGTitleTx1 {font-size: max(5.1vmin, 18px) !important; line-height: 1.2 !important;}
.acCdExpTx1 {margin-top: 4px; font-size: 13px; color: #666;}

/* 소개 텍스트 섹션 */
.partLineSt1 {height:0.1vmin; margin: 4.4vmin auto 0; background-color:rgba(0,0,0,0.1);}
.partLineSt2 {height:0.1vmin; margin:0; background: linear-gradient( 90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 66%, rgba(0,0,0,0)); opacity: 0.3;}
.partLineSt3 {height: 0.1vmin; margin: max(8vmin, 46px) auto 0; background-color: rgba(0, 0, 0, 0.1); margin-bottom: max(4.2vmin, 20px);}
.timeline-item .partLineSt2 {margin: 0 1.6vmin;}
.intro-text-section {font-family: GmSansL, sans-serif; font-size: 2vmin; color: #000; line-height: 1.7; text-align: center; margin: 4.4vmin auto 0; padding: 2vmin 4vmin; background-color: rgba(0,0,0,0.05); /* 이미지에서 보이는 회색 박스 */ border-radius: 0.4vmin;}
.subcontent-section {margin: 4.2vmin auto 0; padding-bottom:6.4vmin;}
/*  서브페이지 연혁 스타일  *//* 타임라인 */
.timeline-container {position:relative;}
.timeline-container::before {position:absolute; display:inline-block; top:0; left:calc(50% - 1.8vmin); content: ''; width:3.6vmin; height:100%; font-size:0; line-height:0; background: linear-gradient(180deg, #4dc5d7 0%, #c4e2d7 50%, #e9690a); /*background-image: url(../images/common/logo.png); background-repeat: no-repeat; background-position: center top; background-size: cover;*/}
.timeline-item {position:relative; width:50%;}
.timeline-item::after {position:absolute; display:inline-block; top:0; right:-1.8vmin; content: ''; width:3.6vmin; height:100%; font-size:0; line-height:0; background-image: url(../images/timeline_bg1.png); background-repeat: no-repeat; background-position: center top; background-size: cover;}
.timeline-item:nth-child(even) {margin-left: 50%;}
.timeline-item:nth-child(even)::after {right: inherit; left: -1.8vmin;}
.timeline-item:nth-child(odd) .partLineSt2 {background: linear-gradient(270deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 66%, rgba(0, 0, 0, 0));}
.timeline-year {font-size:2.8vmin; font-weight:bold; line-height:1; padding: 1.43vmin 3.4vmin;}
.timeline-item:nth-child(odd) .timeline-year {text-align:right;}
.timeline-events {padding:1.4vmin 3.4vmin 2.1vmin;}
/*.timeline-events ul {min-height: 8.4vmin;}*/
.timeline-events ul li {position:relative; line-height: 1.4; margin-bottom: 0.2vmin; position: relative; padding-left: 0.8vmin; /* 리스트 마커를 위한 공간 */ text-align:left;}
.timeline-events ul li::before {position:absolute; display:inline-block; top:1.2vmin; left:0; content: ''; width:0.4vmin; height:0.4vmin; font-size:0; line-height:0; background-color:rgba(0,0,0,0.7); border-radius:0.2vmin; /* 리스트 마커 (이미지에서 보이는 검은 점) */}
.timeline-item:nth-child(odd) {text-align:right;}
.timeline-item:nth-child(odd) .timeline-events {display: inline-block;}
/*  // 서브페이지 연혁 스타일 끝  */
.normUlSt1 {padding: 0.3vmin 0;}
.normUlSt1 > li {list-style: none; line-height: 1.4; margin-top: 0.2vmin; margin-bottom: 0.2vmin; position: relative; text-align:left;}
.numUlSt1 {padding-left: max(3.2vmin, 24px);}
.numUlSt1 > li {list-style: decimal; font-size: max(1.9vmin, 15px); line-height: 1.4; margin-bottom: max(0.7vmin, 4px); position: relative; text-align:left;}
.bulletUlSt1 > li {position:relative; line-height: 1.2; margin-bottom: 0.7vmin; position: relative; padding-left: 0.8vmin; /* 리스트 마커를 위한 공간 */ text-align:left;}
.bulletUlSt1 > li::before {position:absolute; display:inline-block; top:1vmin; left:0; content: ''; width:0.4vmin; height:0.4vmin; font-size:0; line-height:0; background-color:rgba(0,0,0,0.7); border-radius:0.2vmin; /* 리스트 마커 (이미지에서 보이는 검은 점) */}
.bulletUlSt2 {padding: 0.3vmin 0;}
.bulletUlSt2 > li {list-style: none; line-height: 1.4; margin-top: 0.2vmin; margin-bottom: 0.2vmin; padding-left: 0.8vmin; position: relative; text-align:left;}
.bulletUlSt2 > li::before {position:absolute; display:inline-block; top:1vmin; left:0; content: ''; width:0.4vmin; height:0.4vmin; font-size:0; line-height:0; background-color:rgba(0,0,0,0.7); border-radius:0.2vmin;}
.bulPtSt1 {display:inline-block; width:0.4vmin; height:0.4vmin; vertical-align: middle; margin: -0.6vmin 0.8vmin 0 -0.4vmin; background-color:rgba(0,0,0,0.5); border-radius:0.2vmin;}
.normSmTit1 {font-size:2.4vmin; line-height:1.4; padding: 0.3vmin 0;}
.norPartSt1 .normSmTit1 {padding: 0;}
/*  페이지 버튼구역  */
.contMBtnArea1 {text-align:center; margin-top:max(2.4vmin, 16px);}
.contMBtnArea1 > a {margin:max(0.4vmin, 4px);}
/* .contMBtnArea1 > a:last-child {margin-right:0;} */
/* //페이지 버튼구역  */
/* 조직도 */
.section-title {font-size: max(2.8vmin, 20px); font-weight: bold; line-height: 1.2; word-break: auto-phrase; padding: max(1.43vmin, 8px) 0;}

/* 사업개발 및 연구조직 구성 섹션 */
.org-chart-pyramid {/* display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 60vmin; margin: 0 auto 10vmin; */ position: relative; height: 41vmin; background: url(../images/pyramid_bg1.png) no-repeat center center; background-size:contain;}
.org-chart-pyramid .level {position: absolute; padding: 0;}
.org-chart-pyramid .level > div {position: relative;}
.org-chart-pyramid .level-1 {top:5.8%; left:calc(50% - 11vmin);}
.org-chart-pyramid .level-2 {top:30.8%; left:calc(50% - 5vmin);}
.org-chart-pyramid .level-3 {top:56%; left:calc(50% + 2vmin);}
.org-chart-pyramid .level-4 {top:81%; left:calc(50% + 9vmin);}
.org-chart-pyramid .icon-placeholder {position:absolute; top: 1.4vmin; left: calc(-50% - 0.6vmin); width: 2.4vmin; height: 2.4vmin; /* display: flex; justify-content: center; align-items: center; */}
.org-chart-pyramid .level-2 .icon-placeholder {left: calc(-50% - 5.5vmin);}
.org-chart-pyramid .level-3 .icon-placeholder {left: calc(-50% - 15.4vmin);}
.org-chart-pyramid .level-4 .icon-placeholder {left: calc(-50% - 20vmin);}
.pyramidIconSt1 {width: 100%;
    height: 100%;}
/* 인력구성 섹션 */
.personnel-section-content {display: flex; flex-wrap: wrap; /* 반응형을 위해 줄바꿈 허용 */ justify-content: center; align-items:center/*flex-start*/; gap: 4vmin;}
.personnel-part1 {flex: 1 1 45%; /* 유연하게 너비 조정, 최소 45% 차지 */ min-width: 40vmin; /* 너무 작아지지 않도록 */ display: flex; justify-content: center; align-items: center;}
.flexDircol  {flex-direction: column; padding-left: inherit;}
.circle-diagram {position: relative; width: 25vmin; height: 25vmin; border-radius: 50%; display: flex; justify-content: center; align-items: center; background-color:rgba(0,77,188,0.1);}
.circle-diagram::before { /* 중앙의 작은 원 */content: ''; position: absolute; width: 23.4vmin; height: 23.4vmin; background-color: rgba(255,255,255,1); border-radius: 50%;}
.circle-item {position: absolute; width: 24vmin; /* 각 항목 박스 크기 */}
/* 각 항목 위치 조정 */
.circle-item.item-r-d {top: 50%; left: -7.5vmin; transform: translateX(-50%) translateY(-50%);} /* 좌측 중앙 */
.circle-item.item-biz-dev { right: -14vmin; top: 5.5vmin; transform: translateX(50%) translateY(-50%); } /* 우측 상단 */
.circle-item.item-mgmt-support { bottom: 5.5vmin; right: -38vmin; transform: translateX(-50%) translateY(50%); } /* 우측 하단 */
.circle-item .icon-placeholder {position: absolute; top: calc(50% - 2.5vmin); right: 1.4vmin; width: 5vmin; height: 5vmin; background-color: #e5edf8; border-radius: 50%; margin: 0; display: flex; justify-content: center; align-items: center;}
.r-d-icon {}
.biz-dev-icon {right: inherit !important; left: -7.3vmin;}
.mgmt-support-icon {right: inherit !important; left: -7.3vmin;}
.circle-item .icon-placeholder .pyramidIconSt1 {width: 50%; height: 50%;}
.pie-chart-container {width: 25vmin; /* 차트 크기 */ height: 25vmin; border-radius: 50%; position: relative; display: flex; justify-content: center; align-items: center;}
.pie-chart-placeholder {/* 실제 차트 영역을 CSS 그라디언트 또는 JS 라이브러리로 대체 */ position:relative;  width: 100%; height: 100%; margin-left: -70%; border-radius: 50%; background: conic-gradient(#00a3d9 0% 25%, /* 안전관리 전문인력 85% */ #9cddd7 25% 40%, /* 멀티미디어 전문인력 15% */ #00a3d9 40% 100%);}
.pie-chart-placeholder::before {content: ''; position: absolute; top:calc(50% - 7vmin); left:calc(50% - 7vmin); width: 14vmin; height: 14vmin; background-color: rgba(255, 255, 255, 1); border-radius: 50%;}
.legend {position: absolute; top: 77%; left: 62%; display: flex; flex-direction: column; gap: 0.4vmin; width: 100%; /* padding-left: 2vmin; */ /* 차트 옆에 위치 시킬때 패딩 조절 */}
.legend-item {display: flex; align-items: center;}
.legend-item .color-box {width: 1.8vmin; height: 1.8vmin; margin-right: 0.4vmin; border-radius: 0.3vmin;}
.legend-item .color-box.blue { background-color: #00a3d9 ; }
.legend-item .color-box.light-blue { background-color: #9cddd7; }
.legend-item:has(.color-box.blue) {color: #004dbc; }
.legend-item:has(.color-box.light-blue) {color: #008d9a; }
/* 기술 인력 중심의 문화 섹션 */
.stats-grid {display: flex; flex-wrap: wrap; justify-content: center; gap: 6vmin;}
.stat-item {flex: 1 1 calc(33.333% - 2vmin); /* 3개 항목이 한 줄에 오도록 */ max-width: 29%; /*  각 항목의 최대 너비 */ border-radius: 0.4vmin; padding: 5.6vmin 0; text-align: center; box-sizing: border-box; font-family: GmSansM, sans-serif; line-height: 1;}
.stat-item.stat-1 { background-color: rgba(233,105,10,0.1); color:#dc6710; }
.stat-item.stat-2 { background-color: rgba(156,221,215,0.2); color:#0da092;}
.stat-item.stat-3 { background-color: rgba(0,163,217,0.1); color:#007ca5;}
.stat-item .stat-value {font-size: 5vmin;}
.stat-item .stat-title {font-size: 2.6vmin; margin-top:3.2vmin;}
.stat-item .stat-desc {font-size: 2vmin; margin-top:0.8vmin;}
.company-intro-text {text-align: center; padding: 0 5vmin;}
.googleMapLink1 {border:0.1vmin solid rgba(0,0,0,0.2) !important;}
.sr-only { /* 스크린 리더만 읽고 시각적으로 숨기는 클래스 */position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0;}
/* 연락처 정보 섹션 */
.contact-info-section {padding:1.1vmin 4vmin 1.8vmin; border-bottom: 0.1vmin solid #ccc;}
.contact-item {display:inline-block; vertical-align:top; line-height:1.4;}
.tblTrsSt1 {display:table; padding-right: 4vmin;}
.tblTrsSt1 > span {display:table-cell;}
.contact-item .label {font-weight: bold; color: #000; padding-right: 1.2vmin; text-align: right; line-height: 1.4; /* 라벨과 내용의 줄 높이 맞추기 */}
.imgIcoSt1 {height:2.52vmin; vertical-align:middle; margin-top: -0.6vmin; margin-right:0.4vmin;}
/* 중대재해처벌법 */
.lineIcoPart1 {position:relative; padding-left: 10.4vmin;}
.lineIcoPart1::before {position: absolute; top:0; left:2.4vmin; content: ''; width: 0.2vmin; height: 80%; background-color: rgba(0,0,0,0.3);}
.icoAreaSt1 {width:4.8vmin; height:4.8vmin; border-radius: 0.4vmin; display: flex; justify-content: center; align-items: center;}

.icoDsSt1 {background-color:#e5e5e5;}
.icoLocSt0 {float: left; margin-top: 1vmin; margin-right:1.6vmin;}
.icoLocSt1 {top:0; left:-12.8vmin;}
.rtLine5_6::after {position: absolute; top:calc(50% - 0.1vmin); right:-5.6vmin; content: ''; width: 5.6vmin; height: 0.2vmin; background-color: rgba(0,0,0,0.3);}
.detOfImp-part {display: flex; flex-wrap: wrap; justify-content: center; align-items: center /*flex-start*/; gap: 16vmin 26%;}
.foulDiviZone{flex: 1 1 36%;  display: flex; justify-content: flex-start; align-items: center;}
.foulDiviZone:nth-child(odd) {justify-content: flex-end;}
.circleBg1St1 {background: url(../images/circle_bg1.png) no-repeat center center; background-size: 23.4%;}
.totSolutin-part {position:relative; height:59.6vmin;}
.fiveDiviZone{position:absolute;}
.PentagonBg1St1 {background: url(../images/Pentagon_bg1.png) no-repeat top 7%  center; background-size: 46.6vmin;}
.fdzloc1 {top:0.4vmin; left:calc(50% - 40vmin);}
.fdzloc2 {top:0.4vmin; left:calc(50% + 17vmin);}
.fdzloc3 {top:25vmin; left:calc(50% - 54.5vmin);}
.fdzloc4 {top:22vmin; left:calc(50% + 25vmin);}
.fdzloc5 {top:48.2vmin; left:calc(50% - 17.7vmin);}
.filtBrt0 {filter: brightness(0);}
.numUlSt1 .liLastSpSt1, .bulletUlSt1 .liLastSpSt1, .bulletUlSt2 .liLastSpSt1, .normUlSt1 .liLastSpSt1 {margin-top:0.8vmin;}
.noLineIcoPart1 {position:relative;}
.infoGrpRtSdArea1 > div {vertical-align:bottom;}
.infoGrpRtSdArea1 > div:first-child {display:inline-block; width:76%; padding-right: 6.4vmin; box-sizing: border-box;}
.infoGrpRtSdArea1 > div:last-child {display:inline-block; width:calc(24% - 6.4vmin);}
.infoGrpBg1St1 img {width:100%;}

/* 게시판 */
.tblSrhArea1 {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tblSrhArea1 .srhBtnWrap {display: flex; flex-wrap: wrap;}
.selBoxSt1 select {min-width: max(12vmin, 74px); height: max(4.2vmin, 40px); font-size: max(1.7vmin, 15px); padding: 0 max(0.8vmin, 4px); background-color: rgba(0,0,0,0.03); border: 0.1vmin solid rgba(0,0,0,0.2); border-radius:0.2vmin;}
.inpBoxSt1 {display: flex;}
.inpBoxSt1 input {min-width: max(24vmin, 78px); font-size: max(1.7vmin, 15px); background-color: rgba(0,0,0,0.03); height: max(4.2vmin, 40px); border: 0.1vmin solid rgba(0,0,0,0.2); border-right: none; border-radius:0.2vmin 0 0 0.2vmin; padding: 0 1.6vmin;}
.inpBoxSt1 button {line-height: inherit;}
.inpBoxSt1 button.btnXLg span, .inpBoxSt1 button.btnLg span {height: inherit;}
.inpBoxSt2 input {width: 100%; font-size: max(1.7vmin, 15px); height: max(4.2vmin, 40px); border: 0.1vmin solid rgba(0,0,0,0.2); border-radius:0.2vmin; padding: 0 1.6vmin;}
.srhTopBtnBoxSt1 {display: flex;}
.srhTopBtnBoxSt1 button {line-height: inherit;}
.srhTopBtnBoxSt1 button.btnXLg span, .srhTopBtnBoxSt1 button.btnLg span {height: inherit;}
.inpBoxSt1 .btnColSt15 {border-radius: 0 0.2vmin 0.2vmin 0;}
.tdInpMtWrap1 {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.tdInpMtWrap1 .inpBoxSt2 {width:72%;}
.tdInpMtWrap1 .selBoxSt1 {width:27%;}
.tdInpMtWrap1 .selBoxSt1 select {width:100%; background-color: inherit;}
.inpOnlyBox1 {width: 100%; font-size: max(1.7vmin, 15px); height: max(4.2vmin, 40px); border: 0.1vmin solid rgba(0, 0, 0, 0.2); border-radius: 0.2vmin; padding: 0 1.6vmin;}
.inpTextarea1 {width:100%; font-family: NotoSansL, sans-serif; font-size: max(1.7vmin, 15px); line-height:1.2; color:#000; border: 0.1vmin solid rgba(0, 0, 0, 0.2); border-radius: 0.2vmin; padding: 0.8vmin 1.6vmin;}
.pageNumWrap1 {font-size: max(1.9vmin, 14px); }
.wrtNmDate1 {display:block; font-size:13px;}
.hfSzInpSt1 {width:49.5%;}
.hfSzInpSt2 {width:49.5%;}

.reloadImg1 {vertical-align: middle; height: max(4.3vmin, 40px); margin-left: max(0.8vmin, 4px);}
.captcha-img {vertical-align: middle;}
.wordBBAll1 {display: block; word-break: break-all; overflow-wrap: break-word; white-space: normal;}

/* 페이징 */
.boardPaging {margin-top: max(3.2vmin, 24px); text-align: center; font-size: 0;}
.boardPaging>span {display: inline-block; vertical-align: top;}
.boardPaging>span>span {display: inline-block; vertical-align: top;}
.boardPaging .btn>a {display: block; text-indent: -999.9vmin; width: max(4.8vmin, 48px); height:  max(4.8vmin, 48px); border: 0.1vmin solid #033088; border-radius:0.2vmin;}
.boardPaging > span > .btn {margin-right:max(0.4vmin, 4px);}
.boardPaging > span.pc:last-child > .btn:last-child {margin-right: 0;}
.boardPaging .btn>a.first {background: url(../images/common/btn_pgfirst.png) center no-repeat; background-size: max(4.8vmin, 48px); opacity:0.4; transition: all .2s ease;}
.boardPaging .btn>a.prev {background: url(../images/common/btn_pgprev.png) center no-repeat; background-size: max(4.8vmin, 48px); opacity:0.4; transition: all .2s ease;}
.boardPaging .btn>a.next {background: url(../images/common/btn_pgnext.png) center no-repeat; background-size: max(4.8vmin, 48px); opacity:0.4; transition: all .2s ease;}
.boardPaging .btn>a.last {background: url(../images/common/btn_pglast.png) center no-repeat; background-size:  max(4.8vmin, 48px); opacity:0.4; transition: all .2s ease;}
.boardPaging .btn>a:hover {opacity:1; transition: all .2s ease;}
.boardPaging .num {margin: 0;}
.boardPaging .num>a {background-color:rgba(0,0,0,0);}
.boardPaging .num>a, .boardPaging .num>strong {display: inline-block; width: max(4.8vmin, 48px); height: max(4.8vmin, 48px); line-height: max(4.8vmin, 48px); font-size: max(1.4vmin, 14px); margin-right:max(0.4vmin, 4px); border-radius:0.2vmin;}
.boardPaging .num>a:hover {background: #f0f0f0; transition: all .2s ease;}
.boardPaging .num>strong {background: #0072bc; color: #fff; font-weight: normal; font-family: NotoSansB, sans-serif;}
/* 툴팁용 tooltip */
.tooltip {position:relative !important; z-index:1; cursor:pointer;}
.tooltip:hover {z-index:2}
.tooltip .iDiv {display:none}
.tooltip:hover .iDiv {font-weight:normal; display:block; position:absolute; top:0; left:0; padding:0.3vmin; border:0.1vmin solid #333; text-align:center; background-color:#eee; color:#000}
.tblSafeIndex {width:86.5%; margin:0 auto; text-shadow:none;}
.rollTxtLct1 {position:absolute; width:1.5vmin; height:2.6vmin; top:0; left:9.6vmin; text-shadow:none;}/*툴팁 버튼 위치*/
.rollTxtLct1 .tooltip {font-size:1.6vmin; font-family: NotoSansL, sans-serif; font-weight: bold;}
.rollTxtLct1 .iDiv span {display:block; width:23.8vmin; height:4.8vmin; color:#000; font-family: NotoSansL, sans-serif; font-style:normal; font-size:1.8vmin; font-weight:normal; text-shadow: none; line-height:4.8vmin; }
.toolTipBgSt1 {background-color:#fff !important; border:none !important; padding:0 !important;}
.safeIndex1 {display: block; text-shadow: none; font-size: 1.4vmin; font-family: NotoSansR, sans-serif; margin: 2.6vmin 5vmin 1vmin; color: #000;}
.safeIndex1 strong {display: inline-block; font-size: 2vmin; line-height: 1.2; word-break: break-all; margin-bottom: 1vmin;}
.toolTipBgSt1 .safeIndex1 {text-align:left;}
.tooltip:hover .iDiv.toolTipBgSt1 {top: -4.8vmin; left: -35.2vmin; width: 59vmin; height: 28.8vmin; background-color: #f0f0f0 !important;}/*rollTxtLct1 툴팁 보여줄거 위치, 툴팁 박스크기*/
.tooltip:active .iDiv.toolTipBgSt1 {display:none;}
.regulationItemGrid {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: max(0.8vmin, 6px) max(1.6vmin, 12px); width: 100%;}
.regulationCheckItem {display: flex; align-items: center; gap: max(0.6vmin, 4px); line-height: 1.3; word-break: break-word; cursor: inherit;}
/* span:has( > .csfTTSt1) {position:relative; display:block;} */
.csfTTSt1.rollTxtLct1 {position: inherit; display: inline-block; width: 20px; height: 20px; line-height: 0; text-align: center; vertical-align: middle; border: 0.2vmin solid #FF0000; background-color: #fff; border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 1);}
.csfTTSt1.rollTxtLct1 .tooltip {display:block; font-size: 15px; font-family: NotoSansB, sans-serif; font-weight:bold; color: #ee5c00; line-height: 18px;}
.csfTTSt1 .tooltip:hover .iDiv.toolTipBgSt1 {top: 24px; left: calc(50% - 80px); width: auto; min-width: 160px; height: auto; word-break: break-word; font-family: NotoSansR, sans-serif; text-align:left; padding:max(0.8vmin, 8px) !important;; background-color: #fff !important; border: 0.1vmin solid #ddd; border-radius: 0.4vmin; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); box-sizing:border-box;}/*lsh260610*/
.csfTTSt1 .tooltip .iDiv.toolTipBgSt1::before {position:absolute; top:-8px; left:calc(50% - 7px); content: "▲"; display:inline-block; width:14px; height:10px; color:#fff; font-size:12px; line-height:12px; text-align:center; text-shadow:0 -1px 2px rgba(0, 0, 0, 0.4);}
/***** //SUB Page contents *****/

/***** radio버튼 변형 *****/
label {cursor: pointer;}
table label, .tblTcLiSt1 label {vertical-align:middle;}
.inpBtnImgSt1 input[type=checkbox]:not(old) + label, .inpBtnImgSt1 input[type=radio ]:not(old) + label {display: inline-block; margin-left: -3.2vmin; padding-left: 4.5vmin; background: url(../images/common/btn_chkoff_bg1.png) no-repeat 0 0; background-size: 100% 100%; line-height: 3vmin; text-indent: -9999.9vmin;}
.inpBtnImgSt1 input[type=radio]:not(old):checked + label {background: url(../images/common/btn_chkon_bg2.png) no-repeat 0 0; background-size: 100% 100%;}
.inpBtnImgSt1 input[type=radio]:not(old):checked + label.onSt1 {background: url(../images/common/btn_chkon_bg1.png) no-repeat 0 0; background-size: 100% 100%;}

.inpBtnImgSt1.logInSelBox1:has(input[type=radio]:not(old):checked + label.onSt1) {border: 0.2vmin solid #3d95e6 !important; font-weight: bold; color:#000;}

/***** checkbox버튼 변형 *****/
.inpBtnImgSt1 input[type=checkbox]:not(old) + label, .inpBtnImgSt1 input[type=checkbox ]:not(old) + label {display: inline-block; margin-left: min(-3.2vmin, -26px); padding-left: max(4.5vmin, 37px); background: url(../images/common/btn_chkoff_bg3.png) no-repeat 0 0; background-size: 100% 100%; line-height: max(3vmin, 25px); text-indent: -9999.9vmin;}
.inpBtnImgSt1 input[type=checkbox]:not(old):checked + label {background: url(../images/common/btn_chkon_bg2.png) no-repeat 0 0; background-size: 100% 100%;}
.inpBtnImgSt1 input[type=checkbox]:not(old):checked + label.onSt2 {background: url(../images/common/btn_chkon_bg3.png) no-repeat 0 0; background-size: 100% 100%;}

.inpBtnImgSt1.logInSelBox1:has(input[type=checkbox]:not(old):checked + label.onSt2) {border: 0.2vmin solid #3d95e6 !important; font-weight: bold; color:#000;}
.loginBgSt1 {background: url(../images/common/ico_big_col_st3.png) no-repeat 50% 80%; background-size: 14%; opacity:0.7;}
.loginBgSt2 {background: url(../images/common/ico_big_col_st4.png) no-repeat 50% 80%; background-size:14%; opacity:0.7;}
.inpBtnImgSt1.logInSelBox1.loginBgSt1:has(input[type=radio]:not(old):checked + label.onSt1) {background: url(../images/common/ico_big_col_st3_on.png) no-repeat 50% 80%; background-size:14%; opacity:1;}
.inpBtnImgSt1.logInSelBox1.loginBgSt2:has(input[type=radio]:not(old):checked + label.onSt1) {background: url(../images/common/ico_big_col_st4_on.png) no-repeat 50% 80%; background-size:14%; opacity:1;}
.dpSzW1H1 {width:1px; height:1px;}

/***** footer *****/
.main-footer {margin-top: max(7.2vmin, 25px); padding: 3.5vmin 3.8vmin; font-size: max(1.7vmin, 13px); border-top:0.1vmin solid rgba(0,0,0,0.2);}
.footer-nav ul {display: flex; gap: 4vmin;}
.footer-nav a {color: #000; transition: color 0.3s ease;}
.footer-nav a:hover {font-weight:bold; color: #004dbc; border:0.21vmin solid #004dbc;}
/* .footer-bottom {display: grid; width: 100%; grid-template-columns: 1fr auto; grid-template-rows: auto auto; gap: 0 2vmin; align-items: flex-end; justify-content: space-between;} */
.contact-info {grid-column: 1 / 2; grid-row: 1 / 2;     margin-bottom: -0.3vmin; text-align: left;}
.footer-nav {grid-column: 2 / 3; grid-row: 2 / 2; text-align: right;}
.copyright {text-align: center; color:#0d2375;}
.ftLinkBtn1 {display: table-cell; width: 21.4vmin; height: 4.2vmin; font-size: 2vmin; line-height: 1.5; text-align: center; vertical-align: middle; border: 0.21vmin solid #777; border-radius: 0.2vmin;}
.ftLinkBtn2 {float: right; display: inline-block; margin-top: min(-1.1vmin, -9px); font-size: max(2vmin, 16px); line-height: 1; text-align: center; padding: max(1.4vmin, 11px); border: 0.2vmin solid #777; border-radius: 0.4vmin;}
.contact-info a {color:#384140;}
.footer-address {padding: 0 9vmin 8px; text-align: center;}/*  reW260522  */

/***** 레이어팝업용 *****/
.layerPopSt1 {position: fixed; left: 0; top: 0; right:0; bottom:0; width: 100%; height: 100%; overflow: hidden; z-index: 910; display: none; opacity: 0; background-color:rgba(0,0,0,0.7); transition: opacity .3s ease-out;}
.layerPopSt1.open {opacity: 1;}
.layerPopSt1 > div {position: absolute; top: 0; left: 0; background:#fff; transition:transform 9s ease-out;}
.layerPopSt1TitArea {height:max(4.8vmin, 44px); padding:max(1vmin, 8px) max(1.6vmin, 14px); border-bottom: 0.1vmin solid #ccc; overflow:hidden}
.layerPopSt1Tit {vertical-align:middle;}
.layerPopSt1Tit span {display: block; font-size:max(2vmin, 18px); font-family: GmSansM, sans-serif; color:#000; line-height:max(2.8vmin, 25px); padding-right: max(3.2vmin, 26px);}
.layerPopSt1Cont {height: calc(100% - max(4.8vmin, 44px)); padding:max(2.4vmin, 20px) max(1.6vmin, 13px);}
/* 레이어팝업용 버튼구역 */
.popEbdBtnArea {margin-top:max(2.4vmin, 12px); text-align:center;}
.popEbdBtnArea > a {margin-right:max(0.4vmin, 4px);}
.popEbdBtnArea > a:last-child {margin-right:0;}
/* //레이어팝업용 버튼구역 */
.layerPopSt1Cont.scr80pSz1 {overflow: hidden; height: calc(100% - 4.8vmin);}
.ovfScrBarSt1 {overflow: auto; overflow-x: hidden; overflow-y: auto; height: calc(100% - max(7.2vmin, 40px));}
.ovfScrBarSt2 {overflow: auto; overflow-x: hidden; overflow-y: auto; height: 100%;}
/* 전체 메뉴 내비게이션 스타일 */
.full-menu-nav {padding: 0 4vmin; /* 팝업 좌우 패딩과 일치시키기 */}
.full-menu-list {list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0 2.4vmin; text-align:left;}
.full-menu-list > li {margin-bottom: 2.4vmin; /* 주 메뉴 항목 간 간격 */}
.full-menu-main-item {display: block; font-family: NotoSansM, sans-serif; font-size: 2.4vmin; /* 주 메뉴 글자 크기 */ color: #333; padding: 1.6vmin 0; border-bottom: 0.1vmin solid rgba(0,0,0,0.3); /* 주 메뉴 하단 구분선 */ transition: color 0.2s ease;}
.full-menu-main-item:hover {color: #d6502f; /* 호버 색상 */}
.full-sub-list {list-style: none; padding: 0.8vmin 0 0.8vmin 0.8vmin; /* 서브 메뉴 들여쓰기 */ margin: 0;}
.full-sub-list li {margin-bottom: 0.8vmin; /* 서브 메뉴 항목 간 간격 */}
.full-sub-list a {display: block; font-family: NotoSansR, sans-serif; font-size: 2vmin; /* 서브 메뉴 글자 크기 */ color: #666; padding: 0.4vmin 0; transition: color 0.2s ease;}
.full-sub-list a:hover {color: #d6502f; /* 서브 메뉴 호버 색상 */}
/* //전체 메뉴 내비게이션 스타일 */
/* mobile메뉴 */
/* .globMenu {position: fixed; left: 0; top: 0; right:0; bottom:0; width: 100%; height: 100%; overflow: hidden; z-index: 910; display: none; opacity: 0; background-color:rgba(0,0,0,0.7); transition: opacity .3s ease-out;} */
.globMenu {position: fixed; left: 0; top: 0; right:0; bottom:0; width: 100%; height: 100vh; overflow: hidden; z-index: 910; display: none; opacity: 0; background-color:rgba(0,0,0,0.7); transition: opacity .3s ease-out;}
.globMenu.open {opacity: 1;}
.globMenu > div {position:relative; width:90%; height:68vh; margin: 0 auto 0; margin-top: calc(50vh - 34vh); background:#fff; box-sizing: border-box; transition:transform 9s ease-out;}
.globMenu a {color:#151940;}
.globMenu a:hover {color:#ee6e16;}
.globMenuTitArea {height:6.8vmin; padding:1.8vmin 2.6vmin; border-bottom: 1px solid #ccc; overflow:hidden}
.globMenuTit {vertical-align:middle;}
.globMenuTit span {font-size:2vmin; color:#000; line-height:1.6;}
.globMenuCont {padding:2.6vmin; overflow:hidden; height: 61.2vmin;}
.globMenuCont > div > ul {display:table; width:100%;}
.globMenuCont > div {height: 100%; overflow: auto; overflow-y:auto; overflow-x:hidden;}
.globMenuCont > div > ul > li {display:table-cell; width:calc(100% / 6); border:1px solid #ccc; border-right:none;}
.globMenuCont > div > ul > li:last-child {border-right:1px solid #ccc;}
.gMC1Depth {display:block; font-size:16px; line-height:64px; background-color:#f5f5f5; vertical-align:middle; padding:0 24px; font-weight:700;}
.gMC2Depth > ul {padding:10px 0;}
.gMC2Depth ul li {padding-left:24px;}
.gMC2Depth > ul > li > a {display:block; font-size:14px; line-height:24px; padding-top:10px;  padding-bottom:10px;}
.gMC3Depth ul {overflow:hidden;}
.gMC3Depth ul li {width:100% !important; height:36px; font-size:12px; line-height:18px; padding:0 0 0 16px;}
.gMC3Depth > ul > li > a {display:block; padding:9px 0;}
.gMC3Depth a::before {content:"- "; margin-left: -6px;}
/* //mobile메뉴 */
/***** // 레이어팝업용 *****/

.regulationCheckItem:has(input[type="checkbox" i]:checked) > span {font-weight:bold; color:#004dbc;}/* 체크박스가 체크되면 폰트색 변경됨 */
tr.post-row {cursor: pointer;}
tr.post-row.selected {background-color: #e6f4ff; /* 연한 블루 */}
tr.post-row:hover {background-color: #f0f8ff; /* 연한 하늘색 */ transition: background-color 0.2s;}
/* #pwPopup .trsTblSt0 th, #pwPopup .trsTblSt0 td {vertical-align: middle;}
#pwPopup .inpOnlyBox1 {width: 100%; box-sizing: border-box;}
#pwPopup .numUlSt1 li {line-height: 1.5;} */
.dp640Dw {display:none;}/* reW260522 */
.sectPdSt1 {padding: max(7.2vmin, 25px) 0 0;}


/*#######  mobile  #######*/
/* @media (min-width:1921px) {
	.aWdtSt1 {width:100%;}
} */

@media (max-width:1599px) {
	.ulBoxSt1 > li {width: calc(50% - 0.8vmin);}
}

@media (max-width:1279px) {
	/* .subContents > div {width: 100%; padding: 0 4vmin;} */
}

@media (min-width:1080px) {
	.pcDpNo {display: none;}
	.pcDpNoi {display: none !important;}
}

@media (max-width:1080px) {
	.aWdtSt1 {width: 100%;}
	.aWdtSt2 {width: 100%;}
	.main-nav .nav-list > li {/*min-width: max(15vmin, 100px)*/ /* 12vmin */;}
	.mContExp1.mCEPicSt1 {gap: max(1vmin, 4px);}
}

@media (max-width:1079px) {
	.mbDpNo {display: none;}
	.mbDpNoi {display: none !important;}
	.btn_popClose1 {top: 16px; right: 20px; width: 32px; height: 32px;}
	.txtEllipsis3.mbTEllipsis3DpNo {display:block;}/* reW260522 */
}

@media (min-width:961px) {
}

@media (max-width:960px) {
	.mbDpNo {display: none;}
	.icon-btn {width:40px; height:40px; font-size: 23px;}
	.globMenuCont {padding: 24px 20px; height: 88vh;}
	.globMenuCont > div > ul > li {width:auto; border: none!important; padding: 0;}
    .smNav  {float:none; overflow:hidden;}
    .smNav li {vertical-align:middle; padding: 0; width:48px !important; height: 48px; line-height: 48px; background:none;}
    .btnMbHome {display:block; width:48px; height:48px; background-image: url(../images/common/btn_home1.png); background-position: center; background-repeat: no-repeat; background-size: contain; text-indent:-9999px;}
    .btnLangSt1 {display:block; width:32px; height:32px; margin:8px 0 0 8px; border-radius:50%; background-color:#90c5c3; font-size:12px !important; font-weight:bold; color:#fff !important; text-align:center; line-height:32px; text-shadow: 0 0 3px rgba(0,0,0,0.7);}
    .globMenuCont > div > ul.mbMnSt1 {display:block; border-top:none;}
    .globMenuCont > div > ul.mbMnSt1 li {display:block;}
    .gMC1Depth {font-size: 25px; font-weight:600; line-height:1.2; background-color: inherit; padding: 19px 32px 19px 0;}
	.mbMnSt1 li:has(.gMC2Depth) > .gMC1Depth { background: url(../images/common/arr1_dw.png) no-repeat right center; background-size:32px;}/* li 안에 .gMC2Depth가 있는 경우 그 li의 .gMC1Depth에 배경이미지 적용 */
	.mbMnSt1 li:has(.gMC2Depth) > .gMC1Depth.open {background: url(../images/common/arr1_up.png) no-repeat right center; background-size:32px;}
	.gMC3Depth ul li {font-size:14px;}
    .gMC2Depth {display:none;}
    .gMC2Depth > ul {position: inherit; padding: 0; height: auto; opacity:1; transform:translate(0,0);}
    .gMC3Depth {display:none;}
	.globMenu > div {min-width: 280px; width:54vmin; margin:0; height:100%;}
    .globMenuTitArea {display: flex; align-items: center;padding: 12px 24px 12px 12px; height:64px; border-bottom:none;}/* reW260522 */
	.gMC2Depth ul li {padding-left:20px;}
	.gMC2Depth > ul > li > a {font-size: 20px; line-height: 1.2; padding-top: 9px; padding-bottom: 9px;}
	.btn_popClose1 {top: 16px; right: 20px; width: 32px; height: 32px;}
	.riskOfMixChemiArea1 .ghsClassArea1 {flex-wrap: wrap;}
	.riskOfMixChemiArea1 .gCZoneArea1, .riskOfMixChemiArea1 .gCZoneArea2 {flex: inherit; width: 100%;}
	.riskOfMixChemiArea1 .gCZoneArea1 {border-top: 0.1vmin dashed rgba(0, 0, 0, 0.5); border-left:none;}
	.hfTblArea1 {display:inherit; width:100%; vertical-align:inherit;}
	.tdTdHtSz1_w960Up tbody th, .tdTdHtSz1_w960Up tbody td {padding: max(1.2vmin, 8px) max(1.6vmin, 8px);}
	.mLeft4_w960Up_mTop16_w960Dw {margin-left:inherit; margin-top:16px;}
	.regulationItemGrid {grid-template-columns: repeat(2, minmax(0, 1fr));}/* reW260522 */
	.riskOfMixChemiArea1 .chemiNameTitSection {padding-bottom: max(20.8vmin, 8px);}/* reW260522 */
	.endBLinkArea1 {width: 100%;}/* reW260522 */
}

@media (max-width:866px) {
	.picSize1 {width: max(23vmin, 148px);}
	.ulBoxSt1 > li {width: calc(100% - 0.8vmin);}
	.footer-address {padding: 0 0 8px;}/*  reW260522  */
}

/* @media screen and (max-width: 768px) {
    table.trsTblSt0 th, table.trsTblSt0 td {padding: 10px 5px !important;}
	table.trsTblSt0, table.trsTblSt0 th, table.trsTblSt0 td { height: auto !important; min-height: 48px;}
	table.trsTblSt0 td a, table.trsTblSt0 td span {display: inline-block; white-space: normal !important; word-break: break-all; line-height: 1.4; padding: 5px 0;}
} */

@media (min-width:640px) {
}

@media (max-width:640px) {
	.mContExp1 {flex-wrap: wrap;}
	.mCEItem1 {flex: inherit; width: 100%;}
	.riskOfMixChemiArea1 {flex-wrap: wrap;}
	.riskOfMixChemiArea1 .ghsClassArea1 {width: max(27.2vmin, 240px);}
	.riskOfMixChemiArea1 .chemiNameTitSection {flex: none; width: 100%; padding-bottom: max(2.8vmin, 8px);}
	.riskOfMixChemiArea1 .chemiNameTitSection:first-child {border-right:0.1vmin solid #ddd;; border-bottom: none; border-radius: 0.4vmin 0.4vmin 0 0;}
	.riskOfMixChemiArea1 .chemiNameTitSection:last-child {border-left:0.1vmin solid #ddd;; border-top: 0.1vmin dashed #ddd; border-radius: 0 0 0.4vmin 0.4vmin;}
	.mContExp1.mCEPicSt1 {gap: max(4vmin, 16px);}
	.mContExp1.mCENoBorSt2 {gap: max(4vmin, 16px);}
	.picSize1 {width: max(50vmin, 230px);}
	.tblSrhArea1.mbSzApp1 {gap: max(2vmin, 8px);}
	.tdInpMtWrap1 .inpBoxSt2 {width: 100%; margin: 4px auto;}
	.tdInpMtWrap1 .selBoxSt1 {width: 30%; margin-bottom: 4px;}
	.hfSzInpSt1 {width:100%; margin: 4px auto;}
	.hfSzInpSt2 {width:100%; margin-bottom: 4px;}
	.dp640Dw {display:inherit;}/* reW260522 */
	.regulationItemGrid {grid-template-columns: repeat(1, minmax(0, 1fr));}/* reW260522 */
	.riskOfMixChemiArea1 .ghsPictoArea1 {position: inherit; bottom: inherit; padding-top: 38px;}/* reW260522 */
}

@media (max-width:480px) {
	.hero {padding: max(11.4vmin, 48px) 0 32px;}
	.hero-title {padding: 0 max(6.4vmin, 22px);}
	.hero-description {padding: 0 max(6.4vmin, 22px);}
	.mSchTab {padding: 16px;}
	.mSchTab > .mSTItem {margin-bottom:8px;} 
	.mSchTab > .mSTItem:last-child {margin-bottom:0;}
	.mSTItem {display: block; text-align: center; width: 100%; color: #4f759a; background-color: #cfddeb; border: 0.1vmin solid #ddd;}
	.ftLinkBtn2 {float: inherit; width: 100px; display: block; margin: 16px auto 8px;}
	.riskCardSt1 {flex-wrap: wrap; gap: max(0.8vmin, 4px);}
	.riskCardExpTx1 {width: calc(100% - max(1.6vmin, 16px));}
	.tdInpMtWrap1 .selBoxSt1 {width: 100%;}
	.search-container {width: 100%; padding-left:max(6.4vmin, 22px); padding-right:max(6.4vmin, 22px);}/* reW260522 */
}

@media (max-width:460px) {
	.tblSrhArea1.mbSzApp1 .srhBtnWrap {gap: max(2vmin, 8px);}
	.mbSzApp1 .selBoxSt1 {width:100%;}
	.mbSzApp1 .selBoxSt1 select {width:100%;}
	.mbSzApp1 .inpBoxSt1 {width:100%;}
	.mbSzApp1 .inpBoxSt1.mL8 {margin-left: 0;}
	.mbSzApp1 .inpBoxSt1 input {width:calc(100% - 40px);}
	.mbSzApp1 .srhTopBtnBoxSt1.mL8 {margin-left: 0;}
	.mbSzApp1 .srhTopBtnBoxSt1 {width:100%;}
	.mbSzApp1 .btnSizeWSt12 {width:100%;}
}

@media (max-width:453px) {
	.apprPrvArea1 {line-height: 1.4; margin: 4px 0; display: block;}
}

@media (max-width:359px) {
}
/*#######  //mobile  #######*/

/* text 글자 깜빡임 효과 */
@keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.blinkEffect1 {
  animation: blink 1.5s infinite; /* 1.5초 간격으로 무한 반복 */
}

#sfDp_TabBtnA.addTBtnSt1 {width: 110px; height: 26px; box-sizing: border-box;}
#sfDp_TabBtnA.addTBtnSt1 .ftCorRedAr {margin-top: inherit; line-height: 18px;}
#sfDp_TabBtnA.addTBtnSt1 .apprRq {margin-top: -1px;}
.sfDpLeft11 {right:128px}
.aiBtnASt1 {height: 26px; box-sizing: border-box; width: 110px; right: 128px; padding: 0;}
.sfAiBtn1 {display: inline-block; width: 100%; height: 26px; line-height: 26px; color:#fff; font-weight: bold;  background-color: #777; border-radius: 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);}
.sfAiBtn1:hover {background-color: #528d76; box-shadow: 0 0 4px rgba(0, 0, 0, 0.9);}
.nPMainMSGSt2 {text-align: center; font-size: 24px; line-height: 1.4; font-family: NotoSansR, sans-serif; color: #ED3415; padding: 0px 20px 20px; border-bottom: 1px dashed #ddd;}
.nPMainMSGSt3 {text-align: center; font-size: 16px; line-height: 1.4; font-family: NotoSansR, sans-serif; color: #ED3415; padding: 0px 20px 20px; border-bottom: 1px dashed #ddd;}
.aiIcoTImg1 {width: 24px; height: 24px; vertical-align: middle; margin: -16px -14px 0 0;}

.aiLoadingArea {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -100px 0 0 -100px;
    font-size: 0;
    line-height: 0;
    width: 200px;
    height: 200px;
    background: url('../images/loading/ai_loading.gif') no-repeat center center;
    background-size: contain;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 1);
}

.aiTxtLoc1 {
    position: relative;
    display: block;
    height: 100%;
}

.aiTxt1 {
    position: absolute;
    left: 6%;
    bottom: 2%;
    display: block;
    width: 88%;
    padding: 8px;
    text-align: center;
    font-family: '돋움', dotum, '굴림', gulim, sans-serif;
    font-size: 15px;
    line-height: 1.2;
    color: #ff3300;
    border: 2px solid #000;
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.7);
    box-sizing: border-box;
}

.blinkEffect1 {
    animation: blink 3s infinite;
}

@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}