html, body {height:100%;}

html * {box-sizing:border-box; word-break:keep-all; word-wrap:break-word; overflow-wrap:break-word; -ms-word-break:keep-all;}
a:link		{ color:inherit; text-decoration:none; }
a:visited	{ color:inherit; text-decoration:none; }
a:hover 	{ color:inherit; text-decoration:none; }
a:active	{ color:inherit; text-decoration:none; }

em {font-style:normal}
::-ms-clear { display: none; }
/*input {-webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;}*/
input[type="text"], input[type="password"], input[type="number"], textarea { position:relative; }
select::-ms-expand { display:none; }
option::-moz-selection { background:#e0e3e5; }
option::selection { background:#e0e3e5; }

strong {font-weight:500}
textarea, .scr	{
    scrollbar-face-color:#ffffff;		/* bar 의 표면색 */
    scrollbar-highlight-color:#dadada;	/* 밝게 빛나는 좌상단 모서리 */
    scrollbar-3dlight-color:#ffffff;	/* 좌상단 모서리 아래부분 */
    scrollbar-shadow-color:#dadada;		/* 그림자 지는 우하단 */
    scrollbar-darkshadow-color:#ffffff;	/* 그림자 우하단 */
    scrollbar-track-color:#ffffff;		/* 스크롤 트랙의 색 */
    scrollbar-arrow-color:#dadada;		/* 삼각형부분 */
    overflow:hidden;overflow-y:auto;
}

html {-webkit-overflow-scrolling:touch; touch-action: pan-y;}
label {display:inline-block;}
img { max-width: 100%; max-height: 100%; }
img[src="#none"] {display:none;}
.hidden { display: none; }

#loadingArea { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #fff; opacity: .6; }
#loadingArea img { position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -100px; }
#loadingArea.fullLoad { position: fixed; }

/*스크린리더 접근성*/
.sr-only { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* 팝업 가이드 양식 */
#servicePopupWrap {z-index: 102;}
#servicePopupWrap .linkBtn {}
#servicePopupWrap .download {color: #000AFF;}

.popupIndex * {font-family:Pretendard, dotum, gulim !important;}
.popupIndex {position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); bottom: 0; z-index: 999;}
.popupIndex > div {width: 100%; border-radius: 8px 8px 0 0; overflow: hidden; position: absolute; left:50%; bottom: 0; transform: translateX(-50%); background-color: #ffffff;}
.popupIndex .popupWrap {}
.popupIndex .popup-header {background-color: #E21A1E; padding: 30px 30px 20px 30px;}
.popupIndex .popup-header strong {color: #ffffff; font-size: 14px; font-weight: 500; padding-bottom: 8px; display: block;}
.popupIndex .popup-header h1 {color: #ffffff; font-size: 21px; font-weight: 700;}
.popupIndex .popup-content {background-color: #ffffff; padding: 20px 30px;}
.popupIndex .popup-content > p {color: #333333; font-size: 16px; font-weight: normal; line-height: 150%; letter-spacing: -0.48px; padding-bottom: 30px; word-break: keep-all;}
.popupIndex .popup-content > p > b {font-size: 18px; font-weight: 500; padding-bottom: 4px; display: inline-block;}
.popupIndex .popup-content ul.desc {margin-top: 20px;}
.popupIndex .popup-content ul.desc > li {padding-bottom: 10px;}
.popupIndex .popup-content ul.desc > li b {font-size: 16px; color: #333333; line-height: 110%; padding-bottom: 3px; display: block;}
.popupIndex .popup-content ul.desc > li p {font-size: 14px; color: #333333; font-weight: normal; line-height: 110%; }
.popupIndex .popup-content ul.desc > li > ul li {position: relative; padding-left: 8px; font-size: 14px; color: #888888; font-weight: normal; line-height: 150%; letter-spacing: -0.42px;}
.popupIndex .popup-content ul.desc > li > ul li::before {content: '\2022'; position: absolute; top: 0; left: 0;}
.popupIndex .popup-content .more {position: relative; width: 300px; height: 42px; margin: 20px auto 0; padding-right: 20px; border: 1px solid #d9d9d9; border-radius: 40px; text-align: center; color: #333333; font-size: 16px; line-height: 42px; display: block; box-sizing: border-box;}
.popupIndex .popup-content .more:hover {background-color: #E21A1E; color: #ffffff;}
.popupIndex .popup-content .more::after {content: ''; position: absolute; top: 53%; right: 31%; transform: translateY(-50%); width: 21px; height: 18px; background: url(/images/common/arrow_more.svg) no-repeat;}
.popupIndex .popup-content .more:hover::after {background: url(/images/common/arrow_more2.svg) no-repeat;}
/*.popupIndex .popup-content .more > img {display: inline-block; vertical-align: middle; padding: 0 0 2px 8px;}*/
.popupIndex .close {display: flex; background-color: #ffffff; }
.popupIndex .close input {display: none;}
.popupIndex .close label {}
.popupIndex .close > div {width: 50%; color: #333333; text-align: center; position: relative;}
.popupIndex .close > div:last-child::before {content: ''; position: absolute; width: 1px; height: 24px; background-color: #d9d9d9; left: 0; top: 50%; transform: translateY(-50%);}
.popupIndex .close > div > button {line-height: 48px; width: 100%; border: 0; padding: 0; color: #333333; background-color: #ffffff; cursor: pointer; font-size: 14px;}
.popupIndex .close > div > button:hover {background-color: #f6f6f6;}

.popup-swiper {position: relative; overflow: hidden;}
/*.popup-swiper .swiper-pagination {position: absolute; bottom: 20px;}*/
.popup-swiper .swiper-pagination {position: unset; padding-bottom: 20px;}
.popup-swiper .swiper-pagination .swiper-pagination-bullet {background: #d9d9d9; opacity: 1; width: 10px; height: 10px; margin: 0 3px;}
.popup-swiper .swiper-pagination .swiper-pagination-bullet-active {background: #888888; opacity: 1;}