@charset "UTF-8";

/* 디지털 원패스 임시 삭제 */
.login_onePass {display: none;}


.oneDesc .btnS-gray:hover {color: white;}
.oneDesc .btnM-gray:hover {color: white;}

.oneTopLine {margin-bottom: 30px; border-bottom: 1px solid #E1E1E1;}
.oneRoundBorder {padding: 14px 24px; border-radius: 10px; border: 1px solid #E1E1E1;}

.oneBorderBox {margin-bottom: 28px; padding: 20px; font-size: 15px; border-top: 1px solid #E1E1E1; background-color: #F7F8F9;}
.oneBorderBox .oneDashList > li {margin-bottom: 2px;}
.fieldSpace {width: 70px;}
.listMargin {margin-left: 16px; margin-top: 12px;}
.btnS-gray .icon-next {font-size: 12px; margin-left: 2px; margin-right: 0;}

.btnM-blue .nextSpace {padding-left: 50px;}


/* 텍스트 굵기 */
.middleBold {font-weight: 500;}


/* 공통 Class */
.numList li {margin-bottom: 6px; padding-left: 1.2em; text-indent: -1em; text-align: left;}
.numList li:last-child {margin-bottom: 0;}
 .numSpace {margin-right: 2px;}



/* 차오르는 인터랙션 */
.btnS-gray:hover {box-shadow: inset 0 -2em 0 0 #3E4C60; border: 1px solid #3E4C60;}
.btnS-gray.blueHover:hover {box-shadow: inset 0 -2em 0 0 #0B84E1; border: 1px solid #0B84E1;}
.btnS-navy:hover {box-shadow: inset 0 -2em 0 0 #152C5C; border: 1px solid #152C5C; background-color: #1F3D7B;}
.btnS-blue:hover {box-shadow: inset 0 -2em 0 0 #003A95; border: 1px solid #003A95; background-color: #0049BE;}
.btnS-red:hover {box-shadow: inset 0 -2em 0 0 #9B0000; border: 1px solid #9B0000; background-color: #D90000;}
.btnS-green:hover {box-shadow: inset 0 -2em 0 0 #016842; border: 1px solid #016842; background-color: #00975F;}


.btnM-gray:hover {box-shadow: inset 0 -3em 0 0 #3E4C60; border: 1px solid #3E4C60; background-color: #636E81;}
.btnM-navy:hover {box-shadow: inset 0 -3em 0 0 #152C5C; border: 1px solid #152C5C; background-color: #1F3D7B;}
.btnM-blue:hover {box-shadow: inset 0 -3em 0 0 #003A95; border: 1px solid #003A95; background-color: #0049BE;}
.btnM-red:hover {box-shadow: inset 0 -3em 0 0 #9B0000; border: 1px solid #9B0000; background-color: #D90000;}
.btnM-green:hover {box-shadow: inset 0 -3em 0 0 #016842; border: 1px solid #016842; background-color: #00975F ;}


.btnL-gray:hover {box-shadow: inset 0 -3.5em 0 0 #3E4C60; border: 1px solid #3E4C60; color: white; background-color: #636E81;}
.btnL-navy:hover {box-shadow: inset 0 -3.5em 0 0 #152C5C; border: 1px solid #152C5C; color: white; background-color: #1F3D7B;}
.btnL-blue:hover {box-shadow: inset 0 -3.5em 0 0 #003A95; border: 1px solid #003A95; color: white; background-color: #0049BE;}
.btnL-red:hover {box-shadow: inset 0 -3.5em 0 0 #9B0000; border: 1px solid #9B0000; color: white; background-color: #D90000;}
.btnL-green:hover {box-shadow: inset 0 -3.5em 0 0 #016842; border: 1px solid #016842; color: white; background-color: #00975F;}

.btnL-blue .icon-link2 {margin-left: 4px; margin-right: 0; font-size: 14px;}
.btnL-navy .icon-link2 {margin-left: 4px; margin-right: 0; font-size: 14px;}
.btnL-gray .icon-link2 {margin-left: 4px; margin-right: 0; font-size: 14px;}



.oneStepBox {padding: 40px 0 30px 0; text-align: center; border-radius: 10px; border: 1px solid #E1E1E1;}
.oneStepBox > ul > li {display: inline-block; width: 128px; margin-right: 5%; vertical-align: top;}
.oneStepBox > ul > li:last-child {margin-right: 0;}
.oneStepBox > ul > li:last-child .oneStepImgBox:after {display: none;}
.oneStepBoxIn > strong {display: block; margin-bottom: 12px; font-size: 15px; font-weight: 500; color: #1F3D7B;}
.oneStepBoxIn > span {font-size: 14px; font-weight: 400; color: #666666;}
.oneStepBoxIn > span > strong {display: block;  font-size: 15px; font-weight: 500; color: #333333;}
.oneStepImgBox {position: relative; display: inline-block; width: 100px; height: 100px; margin-bottom: 10px; border-radius: 50%; background-color: #F2F7FB; box-sizing: border-box;}
.oneStepImgBox:after {position: absolute; top: 50%; left: 100%; display: block; content: ""; width: 150%; border-bottom: 1px dashed #E1E1E1;}
.oneStepImgBox > img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}

.oneStepBox.type2 {padding: 0; border: none;}
.oneStepBox.type2 > ul > li {margin-right: 7%;}
.oneStepBox.type2 > ul > li:last-child {margin-right: 0;}
.oneStepBox.type2 .oneStepBoxIn > span {font-size: 17px; color: #444444;}
.oneStepBox.type2 .oneStepBoxIn > span > strong {display: none;}
.oneStepBox.type2 .oneStepImgBox {border: 1px solid #e1e1e1; background-color: #ffffff;}

.oneGrayRoundBox {position: relative; margin-bottom: 20px; padding: 35px 0 35px 33px; border-radius: 10px; background-color: #F7F8F9; box-sizing: border-box;}


.oneTab > li {transition: all 0.3s;}
.oneTab > li:hover {color: #0049BE; box-shadow: inset 0 -3em 0 0 #E7EEF8;}
.oneTab > li.on:hover {box-shadow: none; color: #ffffff;}


/* 버튼 그룹 */
.btnGroup-s {margin-top: 20px; overflow: hidden; letter-spacing: 10px;}
.btnM-gray .icon-link2 {margin: 0 0 0 4px; font-size: 13px;}
.btnS-gray .icon-link2 {margin: 0 0 0 4px; font-size: 13px;}


/* 게시판 뷰 */
.oneView_title .btn-iconOnly {position: absolute; top: 0; right: 0;}


/* 갤러리 view */
.oneView .oneView_body p {text-align: left;}
.oneView .oneView_body .viewBox {position: relative;}
.oneView .oneView_body .viewBox .viewBtn {position: absolute; top: 43%; line-height: 100%; font-size: 44px;}
  .viewBtn.prev {left: -100px;}
  .viewBtn.next {right: -100px;}
.oneView .oneView_body .viewBox .viewImgCon {max-width: 500px;}
  .viewImgCon img {width: 100%;}


/* 레이아웃 */
.oneHeaderSubMenu > li {margin-right: 12px}
.oneHeaderSubMenu > li:nth-of-type(2) {margin-right: 17px;}
.oneHeaderSubMenu .oneCpoLink {color: #1F3D7B; vertical-align: 0px;}


/* 메인페이지 */

.man01 {position:absolute; left:-140px; bottom: -90px; width:140px; height:260px; z-index: 80;}
    .man01In {position:relative;width:100%; height:100%; overflow:hidden;}
        .manMan {position:relative; width:124px; height:160px; transform-origin: 20% 100%; transform:translateX(160px) scale(0.6); z-index:2}
            .this01 {position:absolute; left:44%; top:34%; z-index:2; }/*오른팔*/
            .this01 img {display:block; transform-origin: 8% 91%; transform:rotate(69deg)}
            .this02 {position:absolute; left:0%; top:0%; z-index:4;}/*얼굴*/
            .this02 img {display:block; transform-origin: center bottom; transform:rotate(-5deg)}
            .this03 {position:absolute; left:5%; top:59%; z-index:2; }/*왼팔*/
            .this03 img {display:block; transform-origin: 90% 10%; transform:rotate(-5deg)}
            .this04 {position:absolute; left: 17%; top: 53%; z-index:3;}/*몸*/
            .this05 {position:absolute; left: 20%; top: 78%; z-index:2;}/*왼다리*/
            .this05 img {display:block; transform-origin: center top; }
            .this06 {position:absolute; left: 35%; top: 78%; z-index:2;}/*오른다리*/
            .this06 img {display:block; transform-origin: center top; }
            .this07 {position:absolute; left: 7%; top: 89%; z-index:1;}/*그림자*/
    .step1 .manMan{animation: step1Man 0.8s forwards;} 
        @keyframes step1Man {
            0% {transform:translateX(140px) scale(0.6) rotate(0deg); animation-timing-function: ease-out} 
            80% {transform:translateX(40px) scale(0.6) rotate(-10deg); animation-timing-function: ease-in}
            100% {transform:translateX(40px) scale(0.6) rotate(0deg) }}  
    .step1 .this01 img {animation: step1T01 0.8s forwards;}
        @keyframes step1T01 {
            0% {transform:rotate(69deg);} 80% {transform:rotate(-10deg)} 100% {transform:rotate(40deg)}}    
    .step1 .this02 img {animation: step1T02 0.8s  forwards;}
        @keyframes step1T02 {
            0% {transform:rotate(-5deg);} 80% {transform:rotate(-30deg)} 100% {transform:rotate(-5deg)}}
    .step1 .this03 img {animation: step1T03 0.8s  forwards;}
        @keyframes step1T03 {
            0% {transform:rotate(0deg);} 80% {transform:rotate(40deg)} 100% {transform:rotate(0deg)}}
    .step1 .this06 img {animation: step1T06 0.8s  forwards;}
        @keyframes step1T06 {
            0% {transform:rotate(0deg);} 80% {transform:rotate(-55deg)} 100% {transform:rotate(0deg)}}
    .step1 .this07 img {animation: step1T07 0.8s  forwards;}
        @keyframes step1T07 {
            0% {transform:rotate(0deg);} 80% {transform:rotate(10deg)} 100% {transform:rotate(0deg)}}
    .step2 {width:180px;}
    .step2 .manMan{animation: step2Man 2s forwards;} 
        @keyframes step2Man {
            0% {transform:translateX(40px) scale(0.6) rotate(0deg);   animation-timing-function: ease-in-out} 
            100% {transform:translateX(40px) translateY(60px)  scale(1) rotate(0deg);}}
    .step2 .this01 img {animation: step2T01 0.5s infinite alternate;}
        @keyframes step2T01 
            {0% {transform:rotate(40deg);} 100% {transform:rotate(60deg)}}    
    .step2 .this02 img {animation: step2T02 1s infinite alternate;}
        @keyframes step2T02 
            {0% {transform:rotate(-5deg);} 100% {transform:rotate(5deg)}}
    .step2 .this03 img {animation: step2T03 0.5s infinite alternate;}
        @keyframes step2T03 
            {0% {transform:rotate(0deg);} 100% {transform:rotate(15deg)}}
    .step2 .this05 img {animation: step2T05 0.3s infinite alternate;}
    .step2 .this06 img {animation: step2T05 0.3s 0.3s infinite alternate;}
        @keyframes step2T05 
            {0% {transform:scaleY(1);} 100% {transform:scaleY(0.8)}}
    .step3 {width:180px;}
    .step3 .manMan{transform:translateX(40px) translateY(60px)  scale(1) rotate(0deg);} 
    .step3 .this01 img {animation: step3T01 1s alternate;}
        @keyframes step3T01 
            {0% {transform:rotate(40deg);} 100% {transform:rotate(0deg)}}    
    .step3 .this02 img {animation: step3T02 1s  infinite alternate;}
        @keyframes step3T02 
            {0% {transform:rotate(5deg);} 100% {transform:rotate(0deg)}}
    .step3 .this03 img {animation: step3T03 1s  alternate;}
        @keyframes step3T03 
            {0% {transform:rotate(0deg);} 100% {transform:rotate(15deg)}}
    .step3 .this05 img {transform:scaleY(1); transition:all 0.3s ease;}
    .step3 .this06 img {transform:scaleY(1); transition:all 0.3s ease;}
    .step4 {width:180px;}
    .step4 .manMan{transform:translateX(40px) translateY(60px)  scale(1) rotate(0deg);} 
    .step4 .this01 img {animation: step4T01 0.5s infinite alternate;}
        @keyframes step4T01 
            {0% {transform:rotate(0deg);} 100% {transform:rotate(10deg)}}    
    .step4 .this02 img {animation: step4T02 2s infinite alternate;}
        @keyframes step4T02 
            {0% {transform: perspective(300px) rotateY(0deg);} 
            25% {transform: perspective(300px) rotateY(20deg);}
            50% {transform: perspective(300px) rotateY(0deg);}
            75% {transform: perspective(300px) rotateY(-20deg);}
            100% {transform: perspective(300px) rotateY(0deg);}}
    .step4 .this03 img {animation: step4T03 0.58s infinite alternate;}
        @keyframes step4T03 
            {0% {transform:rotate(0deg);} 100% {transform:rotate(15deg)}}
    .step4 .this05 img {transform:scaleY(1); transition:all 0.3s ease;}
    .step4 .this06 img {transform:scaleY(1); transition:all 0.3s ease;}

.man02 {position:absolute; right:-140px; top:120px; width:85px; height:150px; z-index: 100;}
.man02 .man2Man {position:relative; z-index:2; width:80px; height:132px; animation: man2Man 3s infinite;}
        @keyframes man2Man 
            {0% {transform:translateY(0);}
            5% {transform:translateY(10);} 
            15% {transform:translateY(-50px);}
            100% {transform:translateY(0px);}}
.man02 .man2ManIn {position: absolute; z-index:2; width:100%; height:100%;animation: man2ManIn 3s infinite linear ; transform-origin: 80% 0%;}
        @keyframes man2ManIn 
            {0% {transform:rotate(0deg);}
            5% {transform:rotate(0deg);}
            15% {transform:rotate(0deg);}
            37% {transform:rotate(-5deg);}
            100% {transform:rotate(0deg);}}
.man02 .man2ManIn .this11 {position: absolute; z-index:2; animation: this11 3s infinite; transform-origin: 80% 0%;}
.man02 .man2ManIn .this12 {position: absolute; z-index:3; top: 34%; left: 22%; animation: this12 4s infinite; transform-origin: center;}
        @keyframes this12 
            {0% {transform:scaleY(1);}
            5% {transform:scaleY(0);}
            15% {transform:scaleY(1);}
            100% {transform:scaleY(1);}}
.man02 .man2ManIn  .this13 {position: absolute; z-index:1; top: 82%; left: 22%;  animation: this13 3s infinite; transform-origin: center top;}
        @keyframes this13 
            {0% {transform:scaleY(1);}
            5% {transform:scaleY(1.2);}
            15% {transform:scaleY(1);}
            100% {transform:scaleY(1);}}
.man02 .this14 {position: absolute; z-index:1; top: 78%; left: -7%;  animation: this14 3s infinite; transform-origin: center top;}
        @keyframes this14 
            {0% {transform:scale(0.7);}
            5% {transform:scale(1); opacity:0.3}
            15% {transform:scale(1); opacity:0.3}
            100% {transform:scale(0.7);}}
                        
                        
.oneMainLayout .oneHeaderNav {display:none;}
.oneMainVisual {position: relative; padding-top: 60px; margin-bottom: 71px;}
	.oneMainBgSwiper {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; height: 100%;}
	.oneMainBgSwiper > ul > li {background-repeat: no-repeat; background-size: cover;}
	
	.oneBannerContainer {position: relative;}
		.oneBannerBox {position: relative; margin-bottom: 60px; padding-bottom: 25%; border-radius: 22px; background-color: #f5f5f5; overflow: hidden;}
		.oneBannerBox:after {position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; margin: auto; content: ""}
		.oneBannerBox > ul {position: absolute; top: 0; left: 0;}
		.oneBannerBox > ul > li {position: relative; box-sizing: border-box;}
		.oneBannerBox > ul > li > a {display: block;}
		.oneBannerBox > ul > li > a:focus {border: 5px solid #000; box-sizing: border-box;}
		.oneBannerBox > ul > li > a > img {display: block; width: 100%; max-height: 330px;}
		.oneBannerBox > ul > li > a > img.mobile {display: none;}
		    .bannerNavi {position: absolute; right: 122px; bottom: 36px; z-index: 90;}
		    .bannerNavi > .btn {width: 24px; height: 24px; border-radius: 15px; background-color: rgba(0,0,0,0.1); padding: 0; text-align: center; line-height: 22px;}
		        .bannerNavi > .btn i {font-size: 12px; font-weight: 500; color: #fff;}
		    .bannerNavi > .btnPrev {left: -30px; padding-right: 2px;}
		    .bannerNavi > .btnNext {left: 70px; padding-left: 2px;}
		    .bannerNavi > .btnStop {z-index: 1; top: -17px; right: -64px; position: absolute; text-align: center; padding-left: 1px; cursor: pointer;}
		    .bannerNavi > .btnStop.on {background-image: url(/assets/img/main/mainBtnStop.svg); background-repeat: no-repeat; background-position: center center;}
		    
		    .bannerNavi .swiper-pagination {width: 32px; position: absolute; top: -15px; font-size: 12px; color: #fff; text-shadow: 1px 1px 2px rgb(0 0 0 / 40%);}
.bannerIcon2 {position: absolute; right: -90px; top: 70px; animation: animate 3s infinite;}
@keyframes animate
{0%{top: 90px;} 35%{top: 160px;} 100%{top: 90px;}}

/* ========== 메인 비주얼 영역 변경 ========== */
.oneMainVisual {position: relative; margin: 0 0 36px 0; padding: 0;}
.oneMainVisual::before {position: absolute; top: 0; left: 50%; transform: translateX(-50%); display: block; content: ""; width: 100vw; height: 100%; background: linear-gradient(150deg, rgba(207,236,255,1) 26%, rgba(155,205,255,1) 100%);}
.oneMainVisualIn {position: relative; display: flex; padding: 58px 0;}

.oneMainVisualL {margin: 0 42px 0 0;}
.oneMainVisualL > h2 {position: relative; font-size: 30px; font-family: 'jalnan'; line-height: 40px; z-index: 20;}
.oneMainVisualL > h2 > strong {display: block; color: #133A61;}
.oneMainVisualL > h2 > span {color: #0065C9;}
.oneMainVisualL > img {position: absolute; left: -120px; bottom: -10px;}

.oneMainVisualM {position: relative; width: 605px; margin: 0 42px 0 auto; border-radius: 15px; overflow: hidden; box-shadow: rgba(32, 77, 139, 0.29) 0 10px 15px;}
.oneMainVisualM::after {display: block; content: ""; padding-bottom: 60.333%;}
.oneMainVisualM > ul {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.oneMainVisualM > ul > li > a {position: relative; display: block; height: 100%;}
.oneMainVisualM > ul > li > a > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.oneMainVisualR > ul {display: flex; flex-direction: column; justify-content: space-between; height: 100%;}
.oneMainVisualR > ul > li {margin: 0 0 15px 0; border-radius: 0px; overflow: hidden;}
.oneMainVisualR > ul > li:last-child {margin: 0;}
.oneMainVisualR > ul > li > a {display: flex; align-items: center; padding: 15px 20px; background-color: #fff; transition: all 0.3s;}
.oneMainVisualR > ul > li > a:hover {box-shadow: inset 0 -10em 0 0 #D4F0FA;}
.oneMainVisualR > ul > li > a > img {margin: 0 13px 0 0;}
	.oneMainVisualRText > span {display: block; font-size: 14px; font-weight: 400; color: #666666;}
	.oneMainVisualRText > strong {display: block; font-size: 18px; font-weight: 600; color: #333333;} 

/* .emptyClass {position: relative; line-height: 68px; z-index: 100;}
.emptyClass::after {content: ""; display: block; clear: both;}
.emptyClass > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.emptyClass > div.on .boxContainer {animation: boxUpDown 3s;}
.emptyClass > div.boxDefault .boxContainer {animation: boxFirst 3.3s;}
    .boxContainer {width: 340px; height: 40px; border: 1px dashed #707070;}
    .boxDot {width: 6px; height: 6px; border: 1px solid #000; background-color: white;}
    .dot1 {top: -3px; left: -3px; position: absolute;}    
    .dot2 {top: -3px; right: -3px; position: absolute;}  
    .dot3 {bottom: -3px; left: -3px; position: absolute;}  
    .dot4 {bottom: -3px; right: -3px; position: absolute;}  
.emptyClass > div.boxDefault .boxContainer {width: 430px; height: 40px;}
.emptyClass > ul > li {width: 33%; min-width: 425px; float: left; font-size: 15px;}
    .boxText {position: relative; color: #666666;}
    .boxText li:hover {color: #0059E6}
    .boxText .on {animation: textUpDown 3s; color: #000; font-weight: 500;}
    .boxText .textDefault {animation: textFirst 3.1s; color: #000; font-weight: 500;}
    
    
    @keyframes boxFirst {0% {width: 340px; height: 40px;} 20%{width: 430px; height: 60px;} 73%{width: 430px; height: 60px;} 86% {width: 340px; height: 40px;} 100% {width: 340px; height: 40px;}}
@keyframes boxUpDown {0% {width: 340px; height: 40px;} 18%{width: 430px; height: 60px;} 69%{width: 430px; height: 60px;} 86% {width: 340px; height: 40px;} 100% {width: 340px; height: 40px;}}
@keyframes textFirst {0% {font-size: 15px;} 22% {font-size: 22px;} 78% {font-size: 22px;} 90% {font-size: 15px;} 100% {font-size: 15px;}}
@keyframes textUpDown {0% {font-size: 15px;} 7% {font-size: 15px;} 29% {font-size: 22px;} 80% {font-size: 22px;} 95% { font-size: 15px;} 100% {font-size: 15px;}}
    */
    
    

.emptyClass {position: relative; margin: 0 0 38px 0; padding: 10px 0; z-index: 80;}
.emptyClass::after {content: ""; display: block; clear: both;}
    .boxContainer {width: 340px; height: 40px; border: 1px dashed #707070;}
    .boxDot {width: 6px; height: 6px; border: 1px solid #000; background-color: white;}
    .dot1 {top: -3px; left: -3px; position: absolute;}    
    .dot2 {top: -3px; right: -3px; position: absolute;}  
    .dot3 {bottom: -3px; left: -3px; position: absolute;}  
    .dot4 {bottom: -3px; right: -3px; position: absolute;}  
.emptyClass > ul > li {width: calc(33% - ((118px * 2) / 3)); min-width: 343px; margin: 0 59px; float: left; font-size: 15px; white-space: nowrap; border-radius: 15px; color: #666; background-color: #F7F8F9;}
.emptyClass > ul > li > a {display: block; padding: 8px 0;}
.emptyClass > ul > li > a > span {position: relative;}
.emptyClass > ul > li > a > span > svg {position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; opacity: 0; }
.emptyClass > ul > li:hover {color: #0049BE;}

.emptyClass > ul > li.swiper-slide-active {animation: textUpDown 3.6s;}
.emptyClass > ul > li.swiper-slide-active > a > span > svg {animation: arrowUpDown 3.6s;}


@keyframes textUpDown {
	0% {transform: scale(1); border-radius: 15px; color: #666; background-color: #F7F8F9;}
	7% {transform: scale(1); border-radius: 15px; color: #666; background-color: #F7F8F9;}
	29% {transform: scale(1.3); border-radius: 30px; color: #fff; background-color: #0049BE;}
	80% {transform: scale(1.3); border-radius: 30px; color: #fff; background-color: #0049BE;}
	95% {transform: scale(1); border-radius: 15px; color: #666; background-color: #F7F8F9;}
	100% {transform: scale(1); border-radius: 15px; color: #666; background-color: #F7F8F9;}
}
@keyframes arrowUpDown {
	0% {transform: translateX(-30px); opacity: 0;}
	7% {transform: translateX(-30px); opacity: 0;}
	29% {transform: translateX(26px); opacity: 1;}
	80% {transform: translateX(26px); opacity: 1;}
	95% {transform: translateX(-30px); opacity: 0;}
	100% {transform: translateX(-30px); opacity: 0;}
}


.oneMainSectionBox {position: relative; margin-bottom: 96px;}
.oneMainSectionBoxIn {position: relative; padding: 62px 0 70px 0;}
.oneMainSectionBox:before{content: ""; position: absolute; top: 0; left: 50%; transform: translate(-50%); width: 100vw; height: 100%; min-width: 1400px; background-color: #F6F7FA;}


.oneQuickMenuBox {position: relative; margin-bottom: 75px;}

.oneQuickMenuSelect {display: inline-block;}
.oneQuickMenuSelect > span {display: block; margin-bottom: 11px; font-size: 20px; font-weight: 500; color: #000000;}
.oneQuickMenuSelect select {min-width: 300px; margin-bottom: 14px; font-size: 24px; font-weight: 600; font-family: 'Noto Sans Korean', sans-serif; border: none; border-bottom: 2px solid #000000; background-color: transparent;}
.oneQuickMenuSelect .selectric-wrapper {min-width: 300px; margin-bottom: 14px;}
.oneQuickMenuSelect .selectric {max-width: 100%;  padding-bottom: 4px; border-radius: 0; border: none; border: none; border-bottom: 2px solid #000000; background-color: transparent;}
.oneQuickMenuSelect .selectric .label {margin: 0 38px 4px 0; font-size: 24px; font-weight: 600; color: #000;}
.oneQuickMenuSelect .selectric .button {background: url(../../assets/img/main/icon-mainSelect.svg) no-repeat center center;}
.oneQuickMenuSelect .selectric .button:after {display: none;}
.oneQuickMenuSelect .selectric-items {border-radius: 10px; overflow: hidden; background-color: white; box-shadow: rgba(0, 0, 0, 0.16) 0 10px 15px;}
.oneQuickMenuSelect .selectric-items li {font-size: 18px; font-weight: 500; color: #444444; line-height: 30px; box-sizing: border-box; height: 50px;}
.oneQuickMenuSelect .selectric-items li.highlighted {color: #111111; background-color: #D1DEEF; border: 2px solid #ff6308;}

.oneQuickMenuList {position: absolute; bottom: 6px; right: 0; width: calc(100% - 370px);}
.oneQuickMenuList > ul {text-align: right;}
.oneQuickMenuList > ul > li {display: none;}
.oneQuickMenuList > ul > li > ul > li {float: left; max-width: 11%; padding: 0 3%; text-align: center;}
.oneQuickMenuList > ul > li > ul > li:last-of-type {padding-right: 0;}
.oneQuickMenuList > ul > li > ul > li > a {position: relative; display: inline-block; text-align: center; transform: translateY(30px); opacity:0}
.oneQuickMenuList > ul > li > ul > li > a > img {transition: all 0.3s;}
.oneQuickMenuList > ul > li > ul > li > a > strong {display: block; font-size: 16px; font-weight: 400; color: #555555;}
.oneQuickMenuList > ul > li > ul > li > a > strong > img {margin-left: 4px;}
.oneQuickMenuList > ul > li > ul > li > a > span {position: absolute; bottom: 94%; left: 50%; transform: translateX(calc(-50% - 15px)) rotate(-15deg); transform-origin: left bottom; display: block; padding: 0 8px; font-size: 12px; font-weight: 500; line-height: 25px; border-radius: 10px; color: #333333; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px;}
.oneQuickMenuList > ul > li > ul > li > a:hover > span {position: absolute; bottom: 100%; left: 50%; transform: translateX(calc(-50% - 15px)) rotate(-15deg); transform-origin: left bottom; display: block; padding: 0 8px; font-size: 12px; font-weight: 500; line-height: 25px; border-radius: 10px; color: #333333; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px; animation: moveUpDown 0.6s infinite ease;}
.oneQuickMenuList > ul > li > ul > li > a:hover > strong {font-weight: 500; color: #0049BE;}
.oneQuickMenuList > ul > li > ul > li > a:hover > img {transform: scale(1.1);}
.oneQuickMenuList > ul > li.on {display: block;}
.oneQuickMenuList > ul > li.on > ul > li:nth-child(1) a {animation: moveUpList 0.6s forwards ease;}
.oneQuickMenuList > ul > li.on > ul > li:nth-child(2) a {animation: moveUpList 0.6s 0.2s forwards ease;}
.oneQuickMenuList > ul > li.on > ul > li:nth-child(3) a {animation: moveUpList 0.6s 0.4s forwards ease;}
.oneQuickMenuList > ul > li.on > ul > li:nth-child(4) a {animation: moveUpList 0.6s 0.6s forwards ease;}
.oneQuickMenuList > ul > li.on > ul > li:nth-child(5) a {animation: moveUpList 0.6s 0.8s forwards ease;}
.oneQuickMenuList > ul > li.on > ul > li:nth-child(6) a {animation: moveUpList 0.6s 1.0s forwards ease;}

@keyframes moveUpList{0% {transform: translateY(30px); opacity:0} 100% {transform: translateY(0px); opacity:1}}
@keyframes moveUpDown{0% {bottom:90%;} 70% {bottom:100%;} 100% {bottom:90%;}}

.oneEduBox {position: relative; margin-bottom: 70px; padding: 40px 44px; border-radius: 30px; border: 1px solid #E9E9E9; background-color: #ffffff; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0 2px 2px;}
.oneEduBox > a {position: absolute; top: 42px; right: 44px;}
.oneEduBox > a > img {height: 17px;}
.oneEduTab {margin-bottom: 30px;}
.oneEduTab > li {display: inline-block; margin-right: 28px; font-size: 20px; font-weight: 500; color: #666666;}
.oneEduTab > li:last-child {margin-right: 0;}
.oneEduTab > li.on {color: #000; font-weight: 600;}
.oneEduTab > li.lineHover {color: #666666;}
.oneEduTab > li > a {position: relative; display: block; z-index: 1;}
.oneEduTab > li > a:after {position: absolute; display: block; top: calc(50% + 2px); content: ""; width: 0; height: 16px; background-color: #CDFF5E; transition: all 0.3s; z-index: -1;}
.oneEduTab > li.on > a:after {width: 100%;}
.oneEduTab > li.lineHover > a:after {width: 100%;}


.oneEduBox .oneNoDataBox {padding-top: 0; padding: 16px 0;}
.oneEduBox .oneNoDataBoxIn {margin-bottom: 0;}


.oneEduList { margin-bottom: 30px;}
.oneEduList > li {display: none;}
.oneEduList > li.on { display: block; width: 100%;}
.oneEduList > li.oneTestEdu > ul > li:nth-of-type(2n) {background-color: #1E3653;}
.oneEduList > li.oneTestEdu > ul > li:nth-of-type(2n) > a > span {background-color: rgba(255,255,255,0.15);}
.oneEduList > li.oneTestEdu > ul > li:nth-of-type(3n) {background-color: #F4B200;}
.oneEduList > li > ul > li {float: left; width: calc(33.33% - 46px); height: 168px; padding: 20px; border-radius: 10px; background-color: #366655; box-sizing: border-box; overflow: hidden; cursor: pointer; transition: all 0.3s;}
.oneEduList > li > ul > li.on {overflow: visible;}
.oneEduList > li > ul > li.on > a > .before {opacity: 0;}
.oneEduList > li > ul > li.on > a > .after {transform: scale(0.9); transition: all 0.3s 0.2s; opacity: 1; top: -30px;}
    .oneEduList > li > ul > .man {background-color: #1E3653;}
    .oneEduList > li > ul > .student {background-color: #7A6E4E;}
    .oneEduList > li > ul > .old {background-color: #006E96;}
.oneEduList > li > ul > li > a > span {display: inline-block; font-size: 14px; font-weight: 500; margin-bottom: 11px; padding: 0 15px; line-height: 32px; border-radius: 17px; color: #ffffff; background-color: rgba(0, 0, 0, 0.16);}
.oneEduList > li > ul > li.man > a > span {background-color: rgba(255,255,255,0.15);}
.oneEduList > li > ul > li > a > p {position: relative; padding-right: 100px; font-size: 16px; font-weight: 500; color: #ffffff; line-height: 24px; z-index: 1;}
.oneEduList > li > ul > li > a > p > strong {font-weight: 500; display: -webkit-box; word-wrap: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 50px;}
.oneEduList > li > ul > li > a > p > span {font-size: 14px; padding-top: 10px; display: inline-block;}
.oneEduList > li > ul > li > a > img {position: absolute; top: -8px; right: 10px;}
    .oneEduList > li > ul > li > a > .before {transform: scale(0.8);}
    .oneEduList > li > ul > li > a > .after {transform: scale(0.5); opacity: 0; transition: all 0.3s ease;}
.oneEduList > li > ul > li:hover {overflow: visible; box-shadow: 10px 20px 20px rgba(0,0,0,0.16);}
    .oneEduList > li > ul > li:hover > a > .before {opacity: 0;}
    .oneEduList > li > ul > li:hover > a > .after {transform: scale(0.9); opacity: 1; top: -30px;}
.oneEduList > li > ul > .man > a > img {top: -20px;}
.oneEduList > li > ul > .man > a > .before {transform: scale(0.7);}
.oneEduList > li > ul > .student > a > img {right: 25px;}
.oneEduList > li > ul > .old > a > img {top: -8px;}
.oneEduList > li > ul > .man.business > a > img {top: -10px;}
.oneEduList > li > ul > .man.business > a > .before {transform: scale(0.8) rotate(-5deg);}
.oneEduList > li > ul > .man.business > a > .after {top: -20px; transform: scale(0.5) rotate(-5deg); opacity: 0;}
.oneEduList > li > ul > .man.business:hover > a > .after {transform: scale(0.95) rotate(-5deg); opacity: 1; top: -30px;}
.oneEduList > li > ul > .man.business.on > a > .after {transform: scale(0.95) rotate(-5deg); transition: all 0.3s 0.2s; opacity: 1; top: -30px;}
.oneEduList > li > ul > .man.onlineBusiness > a > .before {top: 0px; transform: scale(0.8); right: 25px;}
.oneEduList > li > ul > .man.onlineBusiness > a > .after {transform: scale(1); right: 25px;}
.oneEduList > li > ul > .younger > a > img {transform: scale(1); top: 25px; right: 35px; }
.oneEduList > li > ul > .younger > a > .after {transform: scale(0.5); opacity: 0;}
.oneEduList > li > ul > .younger:hover > a > .after, .oneEduList > li > ul > .younger.on > a > .after {top: 0; transform: scale(1.1); opacity: 1;}


/* .oneEduList > li > div {position: absolute; top: -50px; width: 100%; text-align: right;} */

.oneEduPagination {position: absolute; top: 42px; right: 42px; white-space: nowrap;}
.oneEduPagination .swiper-pagination {position: static; display: inline-block; text-align: left;}
.oneEduPagination > a {vertical-align: -1px;}
/* .oneEduList > li .swiper-pagination {position: absolute; top: 42px; right: 42px; text-align: right;} */
.oneMainPagination .swiper-pagination {position: absolute; width: 120px; height: 30px; top: -3px; left: 88%; text-align: right;}
.oneMainPagination .swiper-pagination-bullet {width: 11px; height: 11px; background-color: #000; opacity: 0.6; transition: all 0.3s; text-align: right; margin: 0 4px;}
.oneMainPagination .swiper-pagination-bullet:focus {outline: 2px solid #ff6308;}
.oneMainPagination .swiper-pagination-bullet-active {width: 33px; border-radius: 10px; opacity: 1;}

.oneEduShotcut > span {font-size: 17px; font-weight: 500; color: #0B84E1;}
.oneEduShotcut > span > span > br {display: none;}
.oneEduShotcut > span > a {display: inline-block; margin-left: 12px; padding: 0 16px; font-size: 16px; line-height: 30px; border-radius: 30px; border: 1px solid #0B84E1; transition: all 0.3s;}
.oneEduShotcut > span > a:hover {box-shadow: inset 0 -4em 0 0 #0B84E1; color: #fff;}
.oneEduShotcut > span > a:focus {outline: 2px dashed #ff6308; border: 1px solid #fff;}
.oneEduShotcut > span > a > img {margin-left: 10px; vertical-align: 4px;}
.oneEduShotcut > span > a > .eduArrowBefore {display: inline-block;}
.oneEduShotcut > span > a > .eduArrowAfter {display: none;}
.oneEduShotcut > span > a:hover .eduArrowBefore {display: none;}
.oneEduShotcut > span > a:hover .eduArrowAfter {display: inline-block;}
.oneEduShotcut > span:last-child {float: right;}


.oneExamBox {}
.oneExamBox > h4 {display: block; margin-bottom: 22px; font-size: 28px; font-weight: 600; color: #000000;}
.oneExamSearch {position: relative; margin-bottom: 20px; padding: 24px 105px 24px 46px; border-radius: 25px; background-color: #0B84E1; box-shadow: rgba(0, 0, 0, 0.16) 0 2px 2px;}
.oneExamSearch > a {position: absolute; top: 50%; right: 32px; transform: translateY(-50%); padding: 0 20px; font-size: 15px; font-weight: 500; line-height: 34px; border-radius: 17px; color: #ffffff; background-color: #003C6C; transition: all 0.3s}
.oneExamSearch > a:hover {box-shadow: inset 0 -3em 0 0 #0049be;}
.oneExamSearch > img {position: absolute; display: inline-block; top: 27px;}
.oneExamSelectList:after {display: block; content: ""; clear: both;}
.oneExamSelectList {padding-left: 38px;}
.oneExamSelectList > li {float: left; width: 33.33%;}
.oneExamSelectList > li > strong {display: inline-block; margin-right: 14px; font-size: 18px; font-weight: 500; color: #ffffff; vertical-align: middle;}
.oneExamSelectList select {border-radius: 17px; width: calc(100% - 170px); height: 30px; border: none; background-color: #2F96E6; color: #ffffff; padding: 0 10px; font-size: 14px; font-weight: 500; font-family: 'Noto Sans Korean', sans-serif;}
.oneExamSelectList select:hover {background-color: #0063AF;}
.oneExamSelectList select option {font-size: 15px; padding: 10px; background: #fff; color: #444; font-weight: 500;}

.oneExamSelectList .selectric-wrapper {width: calc(100% - 170px);}
.oneExamSelectList .selectric {border-radius: 17px; border: none; background-color: #2F96E6; transition: all 0.3s;}
.oneExamSelectList .selectric:hover {background-color: #0063AF;}
.oneExamSelectList .selectric-open .selectric {background-color: #0063AF;}
.oneExamSelectList .selectric .label {display: block; height: auto; font-size: 14px; font-weight: 500; color: #ffffff;}
.oneExamSelectList .selectric .button {background: url(../../assets/img/main/icon-examSelect.svg) no-repeat center center;}
.oneExamSelectList .selectric .button:after {display: none;}
.oneExamSelectList .selectric-open .selectric-items {border-radius: 10px; border: 1px solid #E1E1E1; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.16) 0 10px 15px;}
.oneExamSelectList .selectric-items li {font-size: 15px; font-weight: 500; color: #444444;}
.oneExamSelectList .selectric-items li.highlighted {color: #111111; background-color: #D1DEEF;}
.oneExamSelectList .selectric-items li:hover {color: #0049BE; background-color: #fff;}

.oneExamList {margin-bottom: 35px; margin: 0 -20px 15px -20px; padding: 20px 20px 20px 20px; overflow: hidden;}
.oneExamList > ul:after {display: block; content: ""; clear: both;}
.oneExamList > ul > li {position: relative; float: left; width: calc(33.33% - 22px); height: 216px; margin-right: 33px; padding: 30px 38px 0 38px; border-radius: 30px; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0 2px 2px; box-sizing: border-box; transition: all 0.3s;}
.oneExamList > ul > li:last-child {margin-right: 0;}
.oneExamList > ul > li:hover {box-shadow: rgba(9, 62, 172, 0.27) 0px 5px 30px;}
.oneExamList > ul > li > span {display: block; padding: 1px; margin-bottom: 8px; font-size: 15px; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #666666;}
.oneExamList > ul > li > span > a:focus {border: 2px solid #ff6308;}
.oneExamList > ul > li > p {display:-webkit-box; padding-right: 30px; font-size: 18px; font-weight: 500; word-wrap:break-word; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; color: #000000;}
.oneExamList > ul > li > p > a:focus {display: block; border: 2px solid #000; border-radius: 2px;}
.oneExamList > ul > li > a {position: absolute; left: 38px; bottom: 38px; font-size: 14px; font-weight: 500; color: #0B84E1;}
.oneExamList > ul > li > a > i {display: inline-block; margin-left: 2px;}
.oneExamList > ul > li > img {position: absolute; bottom: 35px; right: 38px;}
.oneExamList > .oneMainPagination {display: none;}

.oneExamKeyword {}
.oneExamKeyword > strong {display: inline-block; margin-right: 14px; font-size: 17px; font-weight: 500; color: #000000;}
.oneExamKeyword > ul {display: inline-block; white-space: nowrap;}
.oneExamKeyword > ul > li {display: inline-block; margin-right: 6px; font-size: 17px; font-weight: 500; line-height: 34px; border-radius: 23px; border: 1px solid #000000; color: #000000; transition: all 0.3s;}
.oneExamKeyword > ul > li:last-child {margin-right: 0;}
.oneExamKeyword > ul > li:hover {box-shadow: inset 0 -3em 0 0 #0049BE; border: 1px solid #0049BE; color: #fff;}
.oneExamKeyword > ul > li > a {display: block; padding: 0 18px;}


.oneForgetRight {position: relative; width: 100%; background-color: #E8F7FC; border-radius: 20px; margin-bottom: 88px; transition: all 0.2s;}
.oneForgetRight:hover {box-shadow: inset 0 -10em 0 0 #D4F0FA;}
.oneForgetRight::after {content: ""; display: block; clear: both;}
.oneForgetRight > a {display: block; overflow: hidden;}
    .forgetRightL {width: calc(100% - 230px); padding: 28px 30px 0 155px; box-sizing: border-box; float: left;}
    .forgetRightL > div {position: absolute; left: 50px; top: 50%; transform: translateY(-50%); width: 68px; text-align: center;}
    .forgetRightL > div > img {width: 44px;}
    .forgetRightL > div span {text-align: left; display: block; color: #000; font-size: 18px; font-weight: 500; padding-left: 2px;}
    .forgetRightL p {font-size: 24px; color: #000; font-weight: 500; margin-bottom: 28px;}
    .forgetRightL > span {font-size: 18px; color: #000; margin-bottom: 2px; display: inline-block;}
    .forgetRightL > span > br {display: none;}
    .forgetRightR {position: absolute; top: 50%; transform: translateY(-50%); width: 230px; display: inline-block; float: left; overflow: hidden;}
.oneForgetRight a .forgetRightR span {position: relative; color: #000; font-size: 20px; font-weight: 500;}
.oneForgetRight a .forgetRightR span svg {margin-left: 8px; margin-bottom: 3px; transition: 0.15s ease-out;}
.oneForgetRight a:hover .forgetRightR span {color: #0049BE;}
.oneForgetRight a:hover .forgetRightR span svg {transform: translateX(10px);}
.oneForgetRight a:hover .forgetRightR span svg line {stroke: #0049BE;}


.oneNewsBox {margin-bottom: 80px;}
.oneNewsBox::after {content: ""; display: block; clear: both;}
    .textNewsBox {width: calc(100% - 680px); float: left;}
        .newsTitle {font-size: 20px; font-weight: 600; margin-bottom: 16px; height: 29px; line-height: 29px; position: relative; color: #000000;}
        .newsTitle > a {transition: all 0.3s;}
        .newsTitle > a:hover {color: #0B84E1;}
        .newsTitle img {position: absolute; right: 0; top: 6px;}
            .newsPage {font-size: 18px; font-weight: 500; vertical-align: top; margin-left: 7px; color: #666;}
            .newsPage span {color: #000;}
        .newsList li:hover {background-image: url(../../assets/img/main/mainBoardArrow.svg); background-position: 98% 50%; background-repeat: no-repeat;}    
        .newsList li .newsHeadline {position: relative; padding-right: 80px; color: #555; font-size: 16px; line-height: 56px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; border-bottom: 1px solid #E1E1E1; transition: all 0.2s;}
        .newsList li .newsHeadline:hover {border-color: #0B84E1; color: #0B84E1; }
        .newsList li::after {content: ""; display: block; clear: both;}
            .newsList li span {position: absolute; right: 0; font-size: 15px;}
            .newsList li:hover span {display: none;}
    .imgNewsBox {float: right; width: 620px;}    
    .imgNewsBox > div {width: calc((100% - 60px) / 2); float: left; position: relative;}
    .imgNewsBox > div:first-child {margin-right: 60px;}
    .imgNewsBox .newsTitle {margin-bottom: 18px; display: inline-block;}
    .imgNewsBox .newsStop {float: right; position: absolute; top: 3px; right: 0px;}
    .imgNewsBox .alarmStop {float: right; position: absolute; top: 3px; right: 0px;}
        .newsImg {width: 100%; overflow: hidden; border-radius: 7px; border: 1px solid #f5f5f5; box-sizing: border-box;}
        .newsImg a {position: relative; display: block;}
        .newsImg a:focus {border: 4px solid #000;}
        .newsImg a:after {display: block; content: ""; padding-bottom: 100%;}
        .newsImg a:focus {border: 3px solid #ff6308; box-sizing: border-box;}
        .newsImg div img {position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%;}
        .newsNavi {width: 74px; height: 34px; background-color: #fff; border-radius: 5px; position: absolute; right: 0; bottom: 0; z-index: 1; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);}
        .newsNavi::after {content: ""; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 0; height: 20px; border-right: 1px dashed #D7D7D7;}
            .swiper-button-prev, .swiper-button-next {background-image: none; height: 34px; margin-top: -17px; padding-top: 4px; font-size: 18px; box-sizing: border-box;}
            .swiper-button-prev {left: 8px;}
            .swiper-button-next {right: 5px; padding-left: 7px;}
	.newsSwiper .swiper-pagination {top: 0; left: 68px; width: 51px; height: 30px; font-size: 18px; font-weight: 500;}
	.newsSwiper .swiper-pagination-total {color: #666666;}
	.alarmSwiper .swiper-pagination {top: 1px; left: 51px; width: 51px; height: 30px; font-size: 18px; font-weight: 500;}    
	.alarmSwiper .swiper-pagination-total {color: #666666;}


.oneCard {position: relative; margin-bottom: 80px;}
.oneCard .swiper-pagination {display: none;}
    .roundCardBox::after {content: ""; display: block; clear: both;}
    .roundCardBox li {width: calc((100% - 44px) / 3); position: relative; border-radius: 20px; box-sizing: border-box; padding: 37px 0 0 37px; float: left; cursor: pointer;}
    .roundCardBox li:hover img:first-of-type {animation: shake 0.5s;}
    .roundCardBox li:last-of-type {margin-right: 0;}
    .roundCardBox li a {display: block;}
    .roundCardBox .research {background: linear-gradient(to bottom right, #E8F5FF, #E3F3FF);}
    .roundCardBox .research img {position: absolute; top: 47px; right: 5px;}
    .roundCardBox .promotion {background: linear-gradient(to bottom right, #DFE2FF, #EBEDFF);}
    .roundCardBox .promotion img {position: absolute; top: 30px; right: 5px;}
    .roundCardBox .withPersonalInfo {background: linear-gradient(to bottom right, #FFECB1, #FFF1C8);} 
    .roundCardBox .withPersonalInfo .shakeIcon {position: absolute; top: 20px; right: 40px;}   
    .roundCardBox .withPersonalInfo .noShakeIcon {position: absolute; top: 70px; right: 100px;}   
        .cardTitle {display: inline-block; font-weight: 500; font-size: 18px; margin-bottom: 10px; line-height: 27px; color: #000000;}
        .cardInfo {font-size: 20px; margin-bottom: 43px; line-height: 30px; color: #333;}
@keyframes shake {
    0% 		{ transform: rotate(0deg); }
    20% 	{ transform: rotate(-7deg); }
    40% 	{ transform: rotate(7deg); }
    60% 	{ transform: rotate(-5deg); }
    80% 	{ transform: rotate(5deg); }
    100% 	{ transform: rotate(0deg); }
}

.oneQuestionBox {}
.oneQuestionBox::after {content: ""; display: block; clear: both;}
.oneQuestionBox > div {float: left; padding-left: 42px; color: #000; position: relative; box-sizing: border-box; width: 540px;}
    .questionTitle {font-size: 28px; font-weight: 600; margin-bottom: 40px; color: #000000;}
    .questionList {width: calc(100% - 540px); float: left; position: relative;}
    .questionList:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 0; height: calc(100% - 67px); border-right: 1px dashed #707070;}
    .questionList::after  {content: ""; display: block; clear: both;}
        .questionList li {float: left; width: 33.33%;}
            .questionList li .grayRoundBox {width: 94px; height: 94px; float: left; text-align: center; margin-right: 16px; transition: all 0.4s;}
            .questionList li .grayRoundBox svg {vertical-align: -12px;}
            .questionList li:hover * {color: #0B84E1;}
            .questionList li:hover .grayRoundBox {box-shadow: inset 0 -7em 0 0#1388E2;}
            .questionList li:hover .grayRoundBox path {stroke: #fff;}
            .questionList li:hover .grayRoundBox circle {fill: #fff;}
            .roundBoxInfo {padding-top: 8px;}
            .roundBoxInfo span {font-size: 18px; display: inline-block; margin-bottom: 8px; font-weight: 500;}
            .roundBoxInfo p {color: #555; font-size: 14px;}
        .qnaNumBox {float: left; text-align: center;}
        .qnaNumBox span {display: inline-block; font-size: 19px; font-weight: 500; margin: 0 0 10px 0; line-height: 27px;}
        .qnaNumBox .qnaNum {display: block; font-size: 40px; line-height: 50px; margin-bottom: 0;}
        .qnaNumBox .grayLineBox {width: 63px; height: 63px; border: 1px solid #E1E1E1; border-radius: 50%; position: relative;}
        .qnaNumBox .grayLineBox img {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
        .qnaDetailInfo {display: inline-block; color: #555; line-height: 26px; position: absolute; top: -5px; width: calc(100% - 152px); right: 0;}
        .qnaDetailInfo li {line-height: 25px; margin-bottom: 8px; width: 50%; float: left;}
        .qnaDetailInfo li .qnaDetailNum {font-size: 21px; color: #000; font-weight: 500; vertical-align: -2px; display: inline-block; width: 100%;}


/* 조회/신청/신고 */
.oneList li span.oneT4 {display: inline-block; width: 75px;}

.iconTitle img {position: relative; top: 0; margin: 0 6px 3px 2px;}

/* 개인정보보호란? */
.DescTextBold {font-weight: 500;}
.conImgBox {width: 100%; text-align: center;}
    .conImgBox img {max-width: 100%;}
.conImgBoxL {width: 100%;}

.CheckList li {padding-left: 20px; position: relative;}
.CheckList li::before {content: "✔"; position: absolute; top: 0; left: 0;}
.dashList li {padding-left: 10px; position: relative;}
.dashList li::before {content: "-"; position: absolute; top: 0; left: 0;}

.oneRoundBox.threeBox ul li {width: 33.33%; text-align: center; padding: 25px 0; box-sizing: border-box;}
    .grayRoundBox {display: inline-block; width: 110px; line-height: 110px; background: #F7F8F9; border-radius: 60px; margin-bottom: 18px;}
    .grayRoundBox img {display: inline-block; vertical-align: -27px;}
.oneRoundBox.threeBox ul li span {display: inline-block; width: 100%; margin-bottom: 20px; font-size: 17px; font-weight: 500; color: #000000;}

.historyBox {overflow: hidden;}
    .historyBox li {position: relative; margin-bottom: 22px;} 
    .historyBox li:last-child {margin-bottom: 0;} 
    .historyBox li:hover .historyNum::after {border: 4px solid #D0DCEE; border-radius: 20px; left: 60px; top: 8px;}
    .historyBox li:hover .historyRoundBox {background-color: #154FAB; color: white;}
    .historyBox li:last-of-type .historyNum::before {display: none;}
        .historyNum {width: 42px; height: 30px; font-size: 20px; font-weight: 500; color: #1F3D7B; float: left;}
            .historyNum::before {content: ""; width: 0; height: calc(100% + 20px); border-right: 1px solid #E1E1E1; position: absolute; left: 69px; top: 15px;}
            .historyNum::after {content: ""; width: 11px; height: 11px; border-radius: 7px; background-color: #154FAB; position: absolute; left: 64px; top: 12px;}
        .historyRoundBox {display: inline-block; margin-left: 60px; width: 68px; line-height: 32px; border: 1px solid #154FAB; color: #154FAB; font-size: 15px; font-weight: 500; border-radius: 20px; text-align: center; transition: all 0.2s ease;}
        .historyInfo {display: inline-block; width: calc(100% - 200px); margin-left: 15px; line-height: 32px; font-size: 15px; vertical-align: top;}
        .historyInfo.longText {line-height: 22px;}
    .historyBox .shortTimeline {display: block; width: 100%; height: 46px;}

.greetingBox::after {content: ""; clear: both; display: block;}
    .greetingImg {width: 30%; float: left; margin-right: 7%;}
        .greetingImg img {width: 100%;}
    .greetingText {width: 63%; float: left;}
        .greetingText p {color: #444;}
        .greetingText span {color: #333;}
        .greetingText > img {margin-left: 12px;}
        
/* 위원소개  */
.committeeBox::after {content: ""; display: block; clear: both;}
    .committeeList {width: calc((100% - 20px) / 2); min-height: 150px; padding: 15px 20px; border: 1px solid #D1DEEF; border-radius: 5px; box-sizing: border-box; float: left; margin-bottom: 20px; display: flex; align-items: center;}
    .committeeList:nth-of-type(odd) {margin-right: 20px;}
        .committeeImg {float: left; width: 100px; height: 100px; border-radius: 100%; overflow: hidden;}
        .committeeImg img {width: 100%;}
        .committeeText {float: left; width: calc(100% - 100px); padding: 5px 0 7px 20px; box-sizing: border-box;}
        .committeeText span {display: inline-block; font-weight: 500; margin-bottom: 5px; color: #333;}
        .committeeText ul {font-size: 14px; color: #666;}
       	.committeeText ul li {}
    .committeeList.chairman {min-height: 200px;}
    .committeeList.chairman .committeeText {width: calc(100% - 130px);}
    .committeeList.chairman .committeeText span {margin-bottom: 20px;}
    .committeeList.chairman .committeeImg {width: 100px; height: 100px;}

.oneAccordion li:first-of-type .accordionContent {display: block;} 
.oneAccordion li:last-of-type .bubbleTitle {border-bottom: 1px solid #e1e1e1;}
    .bubbleTitle {position: relative; display: inline-block; width: 100%; padding: 17px 50px 17px 0; border-top: 1px solid #e1e1e1; font-size: 16px; color: #333; box-sizing: border-box;}
    .bubbleTitle.on {color: #0049BE; font-weight: 500;}
        .bubbleTitle > p {display: inline-block; margin-left: 16px;}
        .bubbleTitle > .icon-down {position: absolute; top: 0; bottom: 0; right: 20px; height: 20px; margin: auto 0; line-height: 20px; font-size: 12px; text-indent: 0; transition: all 0.3s ease;}
        .bubbleTitle.on > .icon-down {transform: rotate(180deg);}
        .accordionIcon {margin: 0 12px 0 20px; width: 25px; height: 27px; background-image: url(../../assets/img/sub/bubble_off.svg); display: inline-block; vertical-align: middle;}
        .accordionIcon.on {background-image: url(../../assets/img/sub/bubble_on.svg);}
        .accordionIconNum {text-align: center; display: block; line-height: 24px; font-size: 14px; color: white; font-weight: 500; text-indent: -0.1em;}
        .accordionRoundBox {width: 50px; height: 28px; border: 1px solid #1F3D7B; border-radius: 40px; line-height: 28px; font-size: 13px; text-align: center; align-items: center; display: inline-block; margin-left: 20px;}
    .accordionContent {display: none; background-color: #F7F8F9; padding: 20px 24px 20px; font-size: 14px; line-height: 24px;}
        .accordionContent .oneCaution {font-size: 14px;}
        .accordionUpload {font-weight: 500;}
        .accordionUpload::after {content: ""; display: block; clear: both;}
        .accordionUpload span {float: left; color: #444; font-size: 14px; margin-right: 13px;}
        .accordionUpload p {float: left; color: #0049BE; font-size: 14px;}
        .accordionUpload p::before {content: "\e91b"; font-family: 'oneFont'; display: block; width: 14px; height: 14px; float: left; margin: 1px 6px 1px 0;}
        .accordionUpload p span {color: #0049BE;}
.oneAccordion.faq .bubbleTitle {text-indent: -3.7em; padding-left: 3.7em;}        

.tenRule li .oneT4 {margin-bottom: 7px;}
.numList li {margin-bottom: 6px; padding-left: 1.4em; text-indent: -1.4em; text-align: left; line-height: 1.5em;}
.numList li:last-child {margin-bottom: 0;}
    .numSpace {margin-right: 11px;}

.accordionContent .oneAccredit_list {float: unset; width: 100%; height: 70px; margin: 20px auto 0; border: 1px solid #e1e1e1;}
.accordionContent .oneAccredit_list li {width: 25%; height: 100%; line-height: 70px;}
.accordionContent .oneAccredit_list > li > a > span {display: inline-block; margin: 0 0 0 10px; font-size: 15px;}
.accordionContent .oneAccredit_list .oneAccredit_icon {display: inline-block; width: 36px; height:36px; vertical-align: middle;}
.accordionContent .oneAccredit_list > li:nth-of-type(2) {border-right: 1px solid #E1E1E1;}
.accordionContent .oneAccredit_list > li:nth-child(-n + 2) {border-bjottom: none;}
.accordionContent .oneAccredit_list > li:hover {background: white; color: #000;}
.accordionContent .oneAccredit_list > li:hover .oneAccredit_icon path {fill: white; stroke: #000;}
.accordionContent .oneAccredit_list > li:hover .oneAccredit_icon rect {fill: white; stroke: #000;}
.accordionContent .oneAccredit_list > li:hover .oneAccredit_icon line {stroke: #000;}
.accordionContent .oneAccredit_list > li:hover .oneAccredit_icon .iconBlueLine {stroke: #0049be;}
.accordionContent .oneAccredit_list > li > span {font-size: 16px; font-weight: 400;}

    
.grayRoundList {width: 100%; border: 1px solid #e1e1e1; border-radius: 10px;}
.grayRoundList > li {padding: 20px; border-bottom: 1px solid #e1e1e1;}
.grayRoundList > li::after {content: ""; display: block; clear: both;}
.grayRoundList > li:last-of-type {border-bottom: none;}
    .grayRoundL {width: 50px; float: left;}
        .titleRoundMark {display: inline-block; padding: 0 12px; height: 28px; text-align: center; line-height: 26px; border-radius: 20px; box-sizing: border-box; font-size: 14px;}
        .titleRoundMark.warning {border: 1px solid #FF3400; color: #FF3400;}
        .titleRoundMark.example {border: 1px solid #1F3D7B; color: #1F3D7B;}
    .grayRoundR {width: calc(100% - 50px); padding-left: 22px; float: left; box-sizing: border-box;}   
    .grayRoundR p {font-size: 17px; font-weight: 500; line-height: 1.6em; margin-bottom: 8px; color: #333;} 
    .grayRoundR > ul {}

.oneStepBox.process {display: table; width: 100%; padding: 0; overflow: hidden; margin-bottom: 40px;}
.oneStepBox .stepLeft {display: table-cell; width: 175px; background-color: #F2F7FB; box-sizing: border-box; padding: 12px 0;}
    .stepLeft > div {display: inline-block; line-height: normal; vertical-align: middle;}
    .stepLeft img {align-items: center; margin-bottom: 10px;}
    .stepLeft span {display: block; font-size: 14px; line-height: normal; font-weight: 500;}
.oneStepBox .stepRight {display: table-cell; width: calc(100% - 175px); text-align: left; padding: 22px 10px 22px 24px; box-sizing: border-box;}
    .stepRight > ul {display: inline-block; vertical-align: middle; font-size: 15px;}
.oneStepBox .dashBtm {border-bottom: 1px dashed #e1e1e1; text-align: left; padding: 30px 0 0 24px;}    
.oneStepBox .dashBtm:last-of-type {border-bottom: 0;}

.bubbleTitle.step {display: block; border: none; height: auto; line-height: normal; border: none;}
.bubbleTitle.step div {width: 25px; margin: 0 6px 0 0; background-image: url(/assets/img/sub/bubble_on.svg);}
.bubbleTitle.step .oneT3 {width: calc(100% - 35px); margin-left: 0; display: inline-block; font-size: 16px;}
.bubbleTitle.step {padding-right: 0;}

.accordionIcon.longTitle {vertical-align: top;}
.accordionIcon.longTitle > oneT3 {width: calc(100% - 35px); margin-left: 0; display: inline-block; font-size: 16px;}
.grayBorderBtm {padding-bottom: 13px; border-bottom: 1px solid #E1E1E1; margin-bottom: 24px;} 
    

/*개인정보 도우미*/
.grayLineBox {text-align: center;} 
.grayLineBox::after {content: ""; display: block; clear: both;}
    .grayLineBoxIn {display: inline-block;}
    .grayLineBoxIn li {display: block; width: 14%; min-width: 100px; float: left;}
    .grayLineBoxIn li span {display: block; font-size: 17px; color: #444;}
        .grayLineImg {position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50px; border: 1px solid #e1e1e1; margin-bottom: 10px;}
        .grayLineImg img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;}
        .grayLineIng {max-width: 100%; height: 0; border-bottom: 1px dashed #e1e1e1; margin: 50px auto 0;}
    .grayLineBoxIn.box5 li {width: 11%;}    

.grayGradeBox > li {display: table; border-bottom: 1px dashed #E1E1E1; padding: 24px 15px 20px 15px; overflow: hidden;}
.grayGradeBox > li:last-of-type {border-bottom: 0;}
    .grayGradeL {display: table-cell; width: 85px;}
    .grayGradeL .grayRoundBox {width: 60px; height: 60px; display: inline-block; vertical-align: middle; margin-bottom: 0; text-align: center;}
    .grayGradeL .grayRoundBox img {vertical-align: 5px; padding: 6px; width: 40px;}
    .grayGradeR {display: table-cell; width: calc(100% - 85px); vertical-align: top;}
    .grayGradeR div {line-height: normal; margin-bottom: 8px;}
    .grayGradeR div span {display: inline-block; margin-right: 4px; font-size: 17px; font-weight: 500;}
    .grayGradeR > p {color: #444;}

.oneCaution-warning .oneDashList > li {padding-left: 8px;}
.oneEaxmGuide {padding: 20px 20px 0 20px; font-size: 14px; border-top: 1px solid #E1E1E1;}
.oneEaxmGuide p {padding-top: 5px;}


/*데이터안전활용*/
.careerList {background: #F7F8F9; font-size: 15px; color: #444; line-height: 26px;}


/* 유출·침해신고 */
.blueRoundBox {width: 100%; background-color: #EFF9FF; border: 1px solid #D1DEEF; border-radius: 5px; line-height: 100%;} 
.blueRoundBox::after {content: ""; display: block; clear: both;}
    .blueRoundBox li {width: 50%; float: left; padding: 10px 25px; box-sizing: border-box; position: relative;}
    .blueRoundBox li::after {content: ""; display: block; position: absolute; width: 0; height: calc(100% - 18px); border-right: 1px solid #D1DEEF; top: 9px; right: 0;}
    .blueRoundBox li:last-of-type::after {display: none;}
    .blueRoundBox li p {display: inline-block; vertical-align: middle; margin-left: 16px; line-height: 24px; font-size: 15px; color: #444;}
    .blueRoundBox li div {display: inline-block; line-height: 100px;}
    .blueRoundBox li div img {vertical-align: middle; width: 50px; margin-right: 8px;}
    .blueRoundBox li div span {font-size: 17px; font-weight: 500;} 

.oneTableHead .oneTableHead_right .btnM-blue:focus {outline: 2px solid #ff6308;}

.textByte {font-size: 14px; padding: 2px 0;}


/* 분쟁조정 */
/* 인포그래픽을 위한 특수 폰트 */
@font-face {
    font-family: 'jalnan';
    font-style: normal;
    src: url(../font/jalnan/JalnanOTF00.woff) format('woff');
}
.bubbleTitle.normal {display: block; border: none; height: auto; line-height: normal;}
.bubbleTitle.normal div {width: 25px; margin: 0 6px 0 0; background-image: url(../../assets/img/sub/bubble_on.svg); margin-top: 2px;}
.bubbleTitle.normal .oneT3 {display: inline-block; vertical-align: -3px;}

.oneTRight .oneCaution-warning {text-indent: 0; display: inline-block; padding: 0;}

.requestStepBox {background-color: #fff; padding: 0 0 60px;}
    .successProcess:last-of-type {border-radius: 10px; background-color: #0049BE; overflow: hidden; padding: 0 10px 20px;}
    .successProcess:last-of-type .detailArrow {background-color: #0049BE;}
    .successProcess:last-of-type .detailStepBox {background-color: #0049BE;}
    .successProcess:last-of-type .detailQuestion {color: #ffffff;}
    .detailStepBox {text-align: center; padding: 0 40px 35px; background-color: #F7F8F9; margin-bottom: 20px; position: relative; overflow: hidden;}
    .detailStepBox:first-of-type {padding-top: 60px;}
    .detailStepBox:first-of-type .detailQuestion {margin-bottom: 0;} 
    .detailStepBox .pic1 {position: absolute; top: 20px; left: -20px;}
    .detailStepBox .pic2 {position: absolute; top: -120px; right: -120px;}
    .detailStepBox p {position: relative;}
    .detailQuestionBox {position: relative;}
        .detailStepNum {background-image: url(../../assets/img/sub/bubble_on.svg); display: inline-block; background-size: cover; width: 36px; height: 38px; line-height: 33px; color: white; font-size: 19px; margin-bottom: 10px;}
        .detailQuestion {font-family: 'jalnan'; font-size: 24px; margin-bottom: 40px; color: #000;}
        .detailQuestion a {font-family: 'Noto Sans Korean', sans-serif; vertical-align: -7px;}
        .detailQuestion strong {color: #0049BE;}
        .stepCheckPoint {font-size: 18px; color: #0049BE; font-weight: 600; position: relative; padding: 0 3px 0 20px; display: inline-block; margin-bottom: 40px;}
        .stepCheckPoint:before {content: ""; width: 14px; height: 13px; position: absolute; left: 5px; top: 8px; background-image: url(../../assets/img/sub/ap090_01.svg); background-repeat: no-repeat; background-size: contain;}
        .stepCheckPoint:after {content: ""; width: 60px; height: 18px; position: absolute; left: 2px; bottom: -12px; background-image: url(../../assets/img/sub/ap090_02.svg); background-repeat: no-repeat; background-size: contain;}
        .detailChoiceBox {background-color: white; border-radius: 20px; width: 100%; height: auto; position: relative;}
        .detailChoiceBox.noBg {background-color: transparent;}
        .detailChoiceBox.noBg .detailChoiceList {padding-top: 0;}    
            .detailChoiceList {position: relative; padding-top: 55px; z-index: 10;}
            .detailChoiceList:after {content: ""; display: block; clear: both;}
            .detailChoiceList li {display: inline-block; width: 18%; margin: 0 25px; vertical-align: top;}
            .detailChoiceList li p {font-size: 13px; line-height: 22px; margin-bottom: 44px; color: #666;}
            .detailChoiceList li p > strong {display: block; margin-bottom: 8px; color: #333; font-size: 15px; font-weight: 400;}
            .detailChoiceList li .grayRoundBox {position: relative; height: 110px; position: relative; line-height: normal;}
            .detailChoiceList li .grayRoundBox a {display: block; width: 100%; height: 100%;}
            .detailChoiceList li .grayRoundBox img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 50px; margin: auto;}
            .detailChoiceList li .grayRoundBox.on {background-color: #0049BE; position: relative;}
            .detailChoiceList li .grayRoundBox.on::before {content: ""; position: absolute; display: block; top: 47%; left: 37%; width: 0; height: 22px; border-left: 2px solid white; transform: rotate(-45deg);}
            .detailChoiceList li .grayRoundBox.on::after {content: ""; position: absolute; display: block; top: 33%; left: 55%; width: 0; height: 40px; border-left: 2px solid white; transform: rotate(39deg);}            
            .detailChoiceList li .grayRoundBox.on img {visibility: hidden;}
            /* on이 li에 들어오지 않아서  스크립트 수정 대신 + 선택자 사용*/	
            .detailChoiceList li .grayRoundBox.on + .detailInfoTitle {font-weight: 600; color: #0049BE;}
            .detailChoiceList li .grayRoundBox.whiteBg {background: white;}
            .detailChoiceList li .grayRoundBox.whiteBg.on {background-color: #0049BE; position: relative;}
            .detailChoiceList li .grayRoundBox.whiteBg.on::before {content: ""; position: absolute; display: block; top: 47%; left: 37%; width: 0; height: 22px; border-left: 2px solid white;}
            .detailChoiceList li .grayRoundBox.whiteBg.on::after {content: ""; position: absolute; display: block; top: 33%; left: 55%; width: 0; height: 40px; border-left: 2px solid white;}      

                .detailChoiceNum {height: 23px; line-height: 21px; background-color: #636E81; border-radius: 15px; padding: 0 12px; font-size: 14px; color: white; font-weight: 500; position: absolute; top: -10px; left: 50%; transform: translateX(-50%);}
                .detailInfoTitle {display: block; font-size: 18px; font-weight: 500; margin-bottom: 8px;}
        .detailChoiceBlock {margin-bottom: 30px;}
        .detailChoiceBlock + .oneCaution-warning.text_red {font-size: 16px; margin-bottom: 2px;}
        .detailChoiceBlock + .oneCaution-warning.text_red + ul li {font-size: 15px;}
        .detailChoiceBlock::after {content: ""; display: block; clear: both;}
        .detailChoiceBlock li {width: calc((100% - 64px) / 5); font-weight: 500; margin-right: 16px; position: relative; border: 1px solid #E1E1E1; border-radius: 10px; background-color: white; text-align: left; padding-left: 18px; float: left; line-height: 80px; box-sizing: border-box;}
        .detailChoiceBlock li:last-child {margin-right: 0;}
        .detailChoiceBlock li::before {content: ""; position: absolute; top: 33px; left: 16px; width: 16px; height: 16px; background-image: url(../../assets/img/sub/blockCheck_off.svg); background-size: contain; background-repeat: no-repeat;}        
            .detailBlockTitle {display: inline-block; padding-left: 26px; font-size: 15px; color: #000; line-height: 22px; vertical-align: middle; vertical-align: middle; margin-bottom: 5px;}
        .detailChoiceBlock li.on {background-color: #0049BE;}    
        .detailChoiceBlock li.on::before {content: ""; position: absolute; top: 33px; left: 16px; width: 16px; height: 16px; background-image: url(../../assets/img/sub/blockCheck_on.svg); background-size: contain; background-repeat: no-repeat;}        
        .detailChoiceBlock li.on .detailBlockTitle {color: white;}
            .oneCaution-warning .oneDashList li {font-size: 14px;}
            .requestResult svg {vertical-align: -4px; margin-right: 6px;}
            .requestResult.success {display: inline-block; font-size: 18px; position: relative; margin-bottom: 16px; color: #FFD802;}
            .requestResult.fail {display: inline-block; font-size: 18px; position: relative; padding-left: 20px; margin-bottom: 16px; color: #FF3400;}
            .requestResult.fail::before {content: ""; width: 21px; height: 21px; background-image: url(../../assets/img/sub/ap090_11.svg); background-repeat: no-repeat; position: absolute; top: 6px; left: -6px;}
                .requestResultInfo {font-family: 'jalnan'; font-size: 24px; color: #fff; margin-bottom: 30px;}
                .requestFail {border-radius: 10px; overflow: hidden;}
                .requestFail .detailArrow {background-color: #0049BE;}
                .requestFail .detailStepBox {background-color: #0049BE; margin-bottom: 0;}
                .requestFail .requestResultInfo {margin-bottom: 14px;}
                .requestResultPlusInfo {font-size: 15px; color: #fff;}
                .requestResultPlusInfo span {font-weight: 500; color: #ffd802}
                .resultLinkList::after {content: ""; display: block; clear: both;}
                .resultLinkList li {width: calc((100% - 104px) / 4); float: left; margin: 0 0 30px 26px;}
                .resultLinkList li:nth-of-type(4n) {margin-right: 0;}
                .resultLinkList li div {background-color: white; border-radius: 10px; min-height: 90px; box-shadow: 8px 8px 0px #3871CC; margin-bottom: 16px; padding: 14px 0; box-sizing: border-box;}
                .resultLinkList li div span {display: inline-block; vertical-align: middle; line-height: 20px; font-size: 14px;}
                .resultLinkList li > span {display: inline-block; height: 48px; font-size: 15px; color: #fff;}
    .detailArrow {padding: 0 0 30px; text-align: center; background-color: #F7F8F9;}
    .successProcess, .requestFail {display: none; overflow: hidden;}
    .successProcess {position: relative;}
    .successProcess .btnGroup {margin-top: 30px;}
    .successProcess .btnL-navy {border: 1px solid #FFFFFF;}
    .successProcess .pic3 {position: absolute; top: 150px; left: -5px; z-index: 10;}    
    .successProcess .pic4 {position: absolute; top: 180px; right: -20px; z-index: 10;}    
    .successProcess.question {border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0 0 20px; background-color: #F7F8F9;}
    .successProcess.question .requestResultInfo {color: #000;}
    .successProcess.question .btnL-grayLine {border-color: #E1E1E1;}
    .successProcess.question .btnL-grayLine:hover {box-shadow: inset 0 -3em 0 0 #0049BE; background-color: #ffffff;}


.oneDisputeGuide {border-radius: 10px; border: 1px solid #E1E1E1; }
.oneDisputeGuide > li {padding: 20px 20px 0 20px; border-bottom: 1px solid #E1E1E1;}
.oneDisputeGuide > li:last-child {border-bottom: none;}
.oneDisputeGuide > li > h4 {position: relative; margin-bottom: 20px; padding-left: 80px; font-size: 16px; font-weight: 400; color: #333333;}
.oneDisputeGuide > li > h4 > span {position: absolute; left: 0; top: -2px; display: inline-block; margin-right: 10px; padding: 0 10px; font-size: 14px; font-weight: 500; line-height: 26px; border-radius: 14px; border: 1px solid #1F3D7B; color: #1F3D7B;}
.oneDisputeGuide > li > ul {margin: 0 10px;}
.oneDisputeGuide > li > ul > li:last-child {margin-bottom: 50px; padding-bottom: 20px;}
.oneDisputeGuide > li > ul > li .oneDotList {padding: 20px 0 0 20px; border-top: 1px solid #E1E1E1;}
.oneDisputeGuide > li > ul > li .oneDotList > li {color: #444444;}
.oneDisputeGuide > li > ul > li .oneCaution-warning {margin-left: 20px;}
.oneDisputeGuideIn {position: relative; min-height: 130px; margin-bottom: 20px; padding: 35px 0; border-radius: 10px; background-color: #F7F8F9; box-sizing: border-box;}
.oneDisputeGuideIn > img {position: absolute; left: 35px;}
.oneDisputeGuideIn > strong {display: block; margin: 0 0 4px 100px; font-size: 17px; font-weight: 500; color: #000000;}
.oneDisputeGuideIn > p {width: calc(100% - 550px); margin: 0 0 4px 100px; font-size: 15px;}
.oneDisputeGuideIn .btnGroup {position: absolute; top: 50%; transform: translateY(-50%); right: 24px; margin-top: 0;}


.oneRoundBoxList > li {position: relative; margin-bottom: 20px; padding: 35px 0 35px 33px; border-radius: 10px; background-color: #F7F8F9; box-sizing: border-box;}
.oneRoundBoxList > li:last-child {margin-bottom: 50px;}
.oneRoundBoxList > li .oneDotList {padding: 20px 0 0 20px; border-top: 1px solid #E1E1E1;}
.oneRoundBoxList > li .oneDotList > li {color: #444444;}
.oneRoundBoxList > li .oneCaution-warning {margin-left: 20px;}
.oneRoundBoxListIn {position: relative;}
.oneRoundBoxListIn > img {vertical-align: middle;}
.oneRoundBoxListIn > p > strong {display: block; margin-bottom: 4px; font-size: 17px; font-weight: 500; color: #000000;}
.oneRoundBoxListIn > p {display: inline-block; width: calc(100% - 450px); margin-left: 22px; font-size: 15px; vertical-align: middle;}
.oneRoundBoxListIn .btnGroup {position: absolute; top: 50%; transform: translateY(-50%); right: 24px; margin-top: 0;}

.conflictUploadBox + .oneBorderBox {margin-bottom: 0;}
.conflictUploadBox::after {content: ""; display: block; clear: both;}
/* .conflictUploadBox li {width: calc((100% - 20px) / 2); float: left; margin-right: 20px;} */
.conflictUploadBox li {width: 100%;}
.conflictUploadBox li:last-of-type {margin-right: 0;}
.conflictUploadBox li .uploadBoxIn {width: 100%; border: 1px solid #e1e1e1; border-radius: 10px; min-height: 100px; padding: 15px; box-sizing: border-box; text-align: left;}
.conflictUploadBox li .uploadBoxIn .fh-file-block {position: relative;}

.deleteConflict {position: absolute; right: 0; top: -3px;}

/* 분쟁조정 이전사건 조회 */
.onePrevCaseBox {}
.onePrevCaseBox h3 {margin-bottom: 12px; font-size: 30px; font-weight: 500; text-align: center; color: #000;}
.onePrevCaseBox p {margin-bottom: 54px; font-size: 15px; font-weight: 400;}

.onePrevCaseAccredit {}
.onePrevCaseAccredit > li {position: relative; float: left; width: calc((100%/4) - (120px / 3)); margin-right: 40px; text-align: center; border-radius: 20px; border: 1px solid #E1E1E1; box-shadow: rgba(0, 0, 0, 0.05) 0 0 20px; color: #000; transition: all 0.3s;}
.onePrevCaseAccredit > li > a {display: flex; justify-content: center; align-items: center;}
.onePrevCaseAccredit > li > a:after {display: block; padding-bottom: 100%; content: "";}
.onePrevCaseAccredit > li:last-child {margin-right: 0;}
.onePrevCaseAccreditIn {text-align: center;}
.onePrevCaseAccreditIn > span {display: block; margin-bottom: 16px; font-size: 17px; font-weight: 500;}


.onePrevCaseAccredit > li:hover {color: #ffffff; background-color: #0049BE;}
.onePrevCaseAccredit > li:hover path {fill: #0049BE; stroke: #ffffff;}
.onePrevCaseAccredit > li:hover rect {fill: #0049BE; stroke: #ffffff;}
.onePrevCaseAccredit > li:hover line {stroke: #ffffff;}

.onePrevCaseAccreditIn path {transition: all 0.3s;}
.onePrevCaseAccreditIn rect {transition: all 0.3s;}
.onePrevCaseAccreditIn line {transition: all 0.3s;}


/* 전문강사 */
.cautionList li {padding-left: 1.1em; text-indent: -1.1em;}
    .titleRoundMark.map {height: 30px; line-height: 28px; border: 1px solid #CBCBCB; font-size: 14px; margin-bottom: 20px;}
    .titleRoundMark.map.on {background-color: #0049BE; color: #fff; border: none;}

.teacherMapBox::after {content: ""; display: block; clear: both;}    
.teacherMapBox > div {float: left;}    
    .teacherMapBox_left {width: 30%; text-align: center;}
    .teacherMapBox_right {width: 70%;}
    .teacherMapBox_right .oneSearch {width: 100%; box-sizing: border-box;}
svg g path.on {fill:#0049BE;}
svg g a:hover path {fill:#98C2E9;}
svg g a rect {opacity: 0.5;}


/* 개인정보보호 자가진단 */
.oneDiagnosisBox {margin-bottom: 42px; padding: 22px 32px; font-size: 15px; font-weight: 400; color: #444444; border-radius: 10px; border: 1px solid #F3F3F3; box-shadow: rgba(0, 0, 0, 0.16) 0 0 8px;}
.oneDiagnosisBox span {display: block; margin-bottom: 6px; font-size: 18px; font-weight: 500; color: #0049BE;}
.oneDiagnosisBox span i {display: inline-block; margin-right: 8px; font-size: 20px;}
.oneDiagnosisBox strong {font-size: 18px; font-weight: 600; color: #D80000;}

.oneDiagnosisBord {margin-bottom: 58px; border-radius: 10px; border: 1px solid #E1E1E1; text-align: center; line-height: 300px;}

.oneDiagnosisBar {position: relative; right: 30px; display: inline-block; width: calc(100% - 70px); height: 12px; border-radius: 10px; background-color: #E1E1E1;}
.oneDiagnosisBar > span {position: absolute; left: 0; display: inline-block; height: 100%; border-radius: 10px; background-color: #0040A7;}
.oneDiagnosisBar > strong {position: absolute; left: calc(100% + 10px); top: -7px; font-size: 16px; font-weight: 600; color: #0049BE; white-space: nowrap;}

 .oneDiagnosisBord {overflow: hidden;}
 .oneDiagnosisChart {float: left; padding: 25px; box-sizing: border-box;}
 .oneDiagnosisChart {width: 36%;}
 .oneDiagnosisChart.barChart{width: 64%;}
 .oneDiagnosisChart > canvas {width: 100%;}
 
 .oneTable-survey > li > ul > li.surveyHelpText {margin-bottom: 16px; padding: 0 0 0 14px; font-size: 14px; background-color: transparent;}

/* 개인정보 보호조치 진단 step */
.list_step3 {margin-top:10px;}
.list_step3 > ul {overflow:hidden;}
.list_step3 > ul:after{display: block; content: ""; clear: both;}
.list_step3 > ul > li{position: relative; float:left; margin-left:3%; position:relative; margin-top: 0; margin-bottom: 0; padding: 76px 0 15px 0; width:calc((100% - 57%) / 4); border-radius: 15px; border:1px solid #E1E1E1; text-align: center; color: #333; box-sizing: border-box;}
.list_step3 > ul > li:after {content:""; position:absolute; right:-20px; top:50%; width:8px; height:19px; margin-top:-9px; background: url('/assets/img/sub/icon-list_step3.svg') no-repeat center center; }
.list_step3 > ul > li:nth-child(1) {background: url(/assets/img/sub/ap131_01.svg) no-repeat center 24px; margin-left: 0;}
.list_step3 > ul > li:nth-child(2) {background: url(/assets/img/sub/ap131_02.svg) no-repeat center 24px;}
.list_step3 > ul > li:nth-child(4) {background: url(/assets/img/sub/ap131_03.svg) no-repeat center 24px;}
.list_step3 > ul > li:nth-child(5) {background: url(/assets/img/sub/ap131_04.svg) no-repeat center 24px;}

.list_step3 > ul > li:last-child:after{display: none;}
.list_step3 > ul > li.another_step {width:45%;}
.list_step3 > ul > li.another_step > span {display: block; margin: 0 21px;}
.list_step3 > ul > li span{display: inline-block; min-width: 74%; padding: 0 12px; font-size: 14px; font-weight: 500; line-height: 30px; border-radius: 15px; background-color: #F7F8F9;  color: #555555; box-sizing: border-box;}

.list_step3 > ul > li ul{position: absolute; width: 100%; top: 20px; margin: 0; overflow:hidden;}
.list_step3 > ul > li ul li{display: block;float:left; width:25%; padding: 0 27px; border-left:1px dashed #d8d8d8;font-size: 13px;box-sizing: border-box;}
.list_step3 > ul > li.on ul li:first-child{border:0;}
.list_step3 > ul > li.on{border:1px solid #1F3D7B;}
.list_step3 > ul > li.on span {color: #ffffff; background-color: #1F3D7B;}
.list_step3 > ul > li.on ul li{border-left:1px solid #5aa2c4;}
.list_step3 > ul > li ul li.on{font-weight: 600; color:#1F3D7B;}

/* 개인정보 보호조치 진단 step (신규) */
.new_list_step3 {
    margin-top: 10px;
}

.new_list_step3 > ul {
    overflow: hidden;
}
.new_list_step3 > ul::after {
    content: "";
    display: block;
    clear: both;
}

.new_list_step3 > ul > li {
    position: relative;
    float: left;
    margin-left: 3%;
    padding: 76px 0 15px;
    width: calc((100% - 12%) / 5); /* 5단계 */
    border-radius: 15px;
    border: 1px solid #E1E1E1;
    text-align: center;
    color: #333;
    box-sizing: border-box;
}

/* 첫 번째 li 마진 제거 */
.new_list_step3 > ul > li:first-child {
    margin-left: 0;
}

/* 아이콘 매핑 (화살표 없음) */
.new_list_step3 > ul > li:nth-child(1) {
    background: url(/assets/img/sub/newap131_01.svg) no-repeat center 24px;
}
.new_list_step3 > ul > li:nth-child(2) {
    background: url(/assets/img/sub/newap131_02.svg) no-repeat center 24px;
}
.new_list_step3 > ul > li:nth-child(3) {
    background: url(/assets/img/sub/newap131_03.svg) no-repeat center 24px;
}
.new_list_step3 > ul > li:nth-child(4) {
    background: url(/assets/img/sub/newap131_04.svg) no-repeat center 24px;
}
.new_list_step3 > ul > li:nth-child(5) {
    background: url(/assets/img/sub/newap131_05.svg) no-repeat center 24px;
}

/* 텍스트 스타일 */
.new_list_step3 > ul > li span {
    display: inline-block;
    min-width: 74%;
    padding: 0 12px;
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    border-radius: 15px;
    background-color: #F7F8F9;
    color: #555;
    box-sizing: border-box;
}

/* 활성 단계 */
.new_list_step3 > ul > li.on {
    border: 1px solid #1F3D7B;
}
.new_list_step3 > ul > li.on span {
    background-color: #1F3D7B;
    color: #fff;
}

/* 개인정보보호처리방침 만들기 */
.onePolicyStep {display: inline-block; margin-right: 15px; font-size: 15px; font-weight: 500; vertical-align: middle; color: #444444;}
.onePolicyStep strong {font-size: 20px; font-weight: 500; color: #0049BE;}
.onePolicyStep span {font-size: 20px; font-weight: 500; color: #000000;}

.onePolicyWrite {position: relative; margin-bottom: 32px; padding: 12px 112px 12px 12px; border-radius: 5px; background-color: #EFF1F4;}
.onePolicyWrite > input {width: 100%; height: 40px; padding: 0 0 0 15px; font-size: 15px; line-height: 40px; letter-spacing: -0.06em; border-radius: 5px; border: 1px solid #D7D7D7; box-sizing: border-box;}
.onePolicyWrite > a {position: absolute; top: 0; bottom: 0; right: 15px; height: 40px; margin: auto 0; line-height: 40px;}

.onePolicyGuideList {overflow: hidden;}
.onePolicyGuideList > li {float: left; width: calc(16.66% - 12.5px); margin-right: 15px; text-align: center; border-radius: 10px; border: 1px solid #F1F1F1; transition: background 0.3s; box-sizing: border-box;}
.onePolicyGuideList > li:last-child {margin-right: 0;}
.onePolicyGuideList > li > a {display: block; padding: 24px 0;}
.onePolicyGuideList > li > a > h4 {margin-bottom: 12px; font-size: 15px; font-weight: 500; color: #333333; transition: all 0.3s;}
.onePolicyGuideList > li > a > span {font-size: 14px; font-weight: 400; color: #666666; transition: all 0.3s;}
.onePolicyGuideList > li > a > span > i {display: inline-block; margin-right: 5px;}

.onePolicyGuideList > li:hover {border-color: #0049BE; background-color: #0049BE;}
.onePolicyGuideList > li:hover .onePolicyGuideImgBox {background-color: #0040A7;}
.onePolicyGuideList > li:hover > a > h4 {color: #ffffff;}
.onePolicyGuideList > li:hover > a > span {color: #ffffff;}
.onePolicyGuideImgBox {position: relative; display: block; width: 85px; height: 85px; margin: 0 auto 18px auto; border-radius: 50%; transition: all 0.3s; background-color: #F7F8F9;}
.onePolicyGuideImgBox > img {position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}

.onePolicyBox {}
.onePolicyCheckbox {height: 36px; padding-left: 11px; border-top-left-radius: 5px; border-top-right-radius: 5px; border: 1px solid #E9E9E9; border-bottom: 0; background-color: #F7F8F9;}
.onePolicyCheckbox .oneField {margin-top: 7px;}

.onePolicyResultBox {height: 300px; margin-bottom: 20px; padding: 22px 24px; overflow-y: auto; border: 1px solid #E1E1E1; background-color: #F7F8F9;}
.onePolicyResultBox .oneT4 {color: #0049BE;}

.oneTable tbody td.onePolicyChoiceCell {position: relative; padding-right: 90px;}
.onePolicyChoiceCell a {position: absolute; right: 12px; top: 0; bottom: 0; margin: auto 0; height: 30px;}

.oneAgree.makeRule {padding: 0;}
.oneAgree.makeRule .oneAgreeIn > textarea {border: none}
.oneAgree.makeRule > .oneField {padding: 12px 0;}


/* 전문인력 */
.oneGuideList {}
.oneGuideList > li {position: relative; padding: 45px 50px 45px 42px; border-bottom: 1px solid #E1E1E1;  text-align: center;}
.oneGuideList > li:first-child {border-top: 1px solid #E1E1E1;}
.oneGuideList > li > a {position: absolute; right: 20px; top: 50%; transform: translateY(-50%);}

.oneGuideList.small > li {padding: 10px 50px 10px 42px;}
.oneGuideList.small > li .oneGuideListTextBox {width: calc(100% - 240px);}


.oneGuideListImgBox {position: relative; display: inline-block; width: 110px; height: 110px; margin-right: 40px; text-align: center; vertical-align: middle; border-radius: 50%; background-color: #F7F8F9;}
.oneGuideListImgBox img {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%;}

.oneGuideListTextBox {display: inline-block; width: calc(100% - 160px); vertical-align: middle; text-align: left;}
.oneGuideListTextBox > strong {display: block; margin-bottom: 12px; font-size: 17px; font-weight: 500; color: #000000;}
.oneGuideListTextBox > ul > li {margin-bottom: 6px;}

.oneEduTable tbody td {padding: 8px 4px; font-size: 14px; border-left: 1px solid #E1E1E1;}
.oneEduTable tbody th {padding: 4px; font-size: 14px; text-align: center; border-right: 1px solid #E1E1E1;}
.oneEduTable tbody th ~ td {text-align: center;}
.oneEduTable tbody td.oneSt {color: #ffffff; background-color: #0B84E1;}

.onePopup.forHelp.eduCert .onePopup_content {max-width: 90%;}
.onePopup.forHelp.eduCert .onePopup_close {font-size: 24px;}
.onePopup.forHelp.eduCert .onePopup_body p {font-size: 18px;}

/* 기술지원 */
.oneTecSupportBox {padding: 20px; text-align: center;}
.oneTecSupportBox h4 {margin-bottom: 16px; font-size: 17px; font-weight: 500; color: #000000;}
.oneTecSupportBox h4 img {margin-right: 4px; vertical-align: -7px;}
.oneTecSupportBox p {font-size: 15px; font-weight: 400; color: #444444;}

/* 본인확인내역 조회 */
.oneLookupList {position: relative; line-height: 53px; border-radius: 5px; border: 1px solid #D1DEEF; overflow: hidden; background-color: #F2F7FB;}
.oneLookupList > li {position: relative; float: left; width: 50%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.oneLookupList > li:after {position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; display: inline-block; content: ""; height: 38px; border-left: 1px solid #E1E1E1;}
.oneLookupList > li:first-child:after {display: none;}
.oneLookupList h4 {display: inline-block; margin-right: 20px; padding-left: 20px; font-size: 14px; font-weight: 500; color: #444444;}
.oneLookupList span {font-size: 15px; font-weight: 500; color: #000000;}
.oneLookupList.list3 > li {width: 33.33%;}
.oneLookupList.list4 > li {width: 25%;}

.oneUrlSearchP {padding: 12px 0;}

/* 본인확인 내역 조회 > 로딩중 */
.dataComingBox {background-color: #F7F8F9; border-radius: 10px; padding: 50px 0; text-align: center;}
    .dataComingTitle {font-size: 30px; font-weight: 500; color: #000; margin-bottom: 12px;}
    .dataComingInfo {font-size: 15px; color: #444; margin-bottom: 36px;}
.dataComingList {margin-bottom: 78px; display: inline-block;}
.dataComingList::after {content: ""; display: block; clear: both;}
.dataComingList li {text-align: center; position: relative; float: left; margin-right: 33px;}
.dataComingList li:last-of-type {margin-right: 0;}
.dataComingList li > span {position: absolute; bottom: -32px; left: 50%; transform: translateX(-50%); font-size: 14px; color: #1F3D7B; font-weight: 500; width: 100%;}
    .dataComingIcon {border: 1px solid #E1E1E1; border-radius: 10px; min-width: 120px; min-height: 162px; padding-top: 30px; box-sizing: border-box;}
    .dataComingIcon img {margin-bottom: 8px;}
    .dataComingIcon .after {display: none;}
    .dataComingIcon span {color: #666; font-size: 16px; font-weight: 500; display: block;}
    .dataComingIcon > i {position: absolute; right: -23px; font-size: 12px; top: 50%; transform: translateY(-50%); color: #E1E1E1;}
    .dataComingGuide {background-color: #fff; text-align: center; line-height: 43px; width: 100%; max-width: 885px; display: inline-block; font-size: 15px;}    
    .dataComingIcon.on {background-color: #1F3D7B; border-color: #1F3D7B;}
    .dataComingIcon.on span {color: #fff;}
    .dataComingIcon.on > i {color: #000; font-weight: 600;}


/* 교육 */

.oneLectureInfoBox {margin-bottom: 24px; border-radius: 5px; border: 1px solid #E1E1E1; background-color: #fff;}
.oneLectureInfoBoxTitle {display: flex; align-items: flex-start; padding: 17px; font-size: 17px; font-weight: 500; border-bottom: 1px solid #E1E1E1; color: #1F3D7B;}
.oneLectureInfoBoxTitle span {display: inline-block; margin-right: 6px; padding: 0 12px; line-height: 24px; border-radius: 13px; border: 1px solid #1F3D7B;}
.oneLectureInfoBox > ul {padding: 10px 17px; overflow: hidden;}
.oneLectureInfoBox > ul > li {display: flex; float: left; width: 50%; padding: 7px 0; font-size: 15px; font-weight: 400; color: #333333;}
.oneLectureInfoBox > ul > li > strong {display: inline-block; flex: 0 0 auto; width: 68px; font-weight: 500;}
.oneLectureInfoBox .oneTable {background-color: #fff;}

.oneEduPopup {}
.oneEduPopupHead {margin-bottom: 26px; padding: 22px 30px; background-color: #0C2940;}
.oneEduPopupHead strong {display: inline-block; margin-right: 4px; font-size: 15px; font-weight: 500; color: #ffffff;}
.oneEduPopupHead span {font-size: 15px; font-weight: 400; color: #ffffff;}
.oneEduPopupHead h3 {font-size: 22px; font-weight: 500; color: #ffffff;}

.oneEduPopupBody {padding: 0 30px 34px 30px; }
.oneEduPopupBody h4 {margin-bottom: 16px; font-size: 22px; font-weight: 500; color: #000000;}
.oneEduPopupBody h4 img {margin-right: 8px;}
.oneEduPopupBody .oneDotList > li > strong {margin-right: 8px; font-weight: 500;}

.oneEduPopupGuideBox {position: relative; margin-bottom: 22px; padding: 54px 290px 64px 30px; border-radius: 10px; background-color: #F7F8F9;}
.oneEduPopupGuideBox > img {position: absolute; top: 0; bottom: 0; right: 30px; width: 250px; margin: auto 0;}
.oneEduPopupGuideBox > ul > li {margin-bottom: 22px; font-size: 15px; font-weight: 400; color: #000000;}
.oneEduPopupGuideBox > ul > li:last-child {margin-bottom: 0;}
.oneEduPopupGuideBox > ul > li > img {vertical-align: -3px;}
.oneEduPopupGuideBox > ul > li > strong {font-weight: 400; color: #FF3400;}

.lectureHeader{width: 100%; position: relative;background-color: #c0e7ff; text-align: center; padding:5px;box-sizing:border-box; }
.lectureHeader p{margin:0px 0 0 0; line-height: 1.4;color: #333; }
.lectureHeader p:first-child{margin-top: 0;}
.lectureHeader a{position: absolute; right:10px; top: 20px;}
.lectureSize{margin:0 auto;width:100%;height:680px;}

 

.oneTeacherBox {overflow: hidden;}
.oneTeacherMap {float: left; width: 225px;}
.oneTeacherSearch {float: right; width: calc(100% - 255px);}

.callInfo {font-size: 14px;}

.oneEduSummary {display: none;}
.oneEduSummary > ul {display: none;}

/* 현장교육 안내 */
.oneFold.eduGuide {border: 1px solid #e1e1e1; border-radius: 10px; background-color: #fff; transition: all 0.3s;}
.oneFold.eduGuide .oneFold_title {border: none; padding: 16px 24px 16px; border-radius: 10px;}
.oneFold.eduGuide .oneFold_title > a {right: 35px; top: 20px;}
.oneFold.eduGuide .oneFold_title > a > i {color: #636E81;}
.oneFold.eduGuide .oneFold_contents {padding: 0 13px 13px; margin-top: 0;}
.oneFold.eduGuide .list_card > li {padding: 0 11px 11px 11px;}
.oneFold.eduGuide .list_card > li img {border-radius: 10px;}
.oneFold.eduGuide.on {background-color: #F7F8F9;}
.oneFold.eduGuide.on .oneFold_title {padding: 16px 24px 16px;}
.oneFold.eduGuide.on .oneFold_title span {color: #0049BE;}
.oneFold.eduGuide.on .list_card>li p {font-size: 16px; color: #333; font-weight: 500;}


/* 서비스 모아보기 */
.oneLayout.totalService .oneHeaderNav {display: none;}
.oneLayout.totalService .contentBox {margin: 200px 0 0 0;}
.oneServiceHead {margin-bottom: 12px; text-align: right; font-size: 13px; font-weight: 500; color: #1F3D7B;}
.oneServiceHead span {display: inline-block; margin-right: 22px;}
.oneServiceHead span:last-child {margin-right: 0;}
.oneServiceHead span img {margin-right: 4px; vertical-align: -2px;}

.serviceCollectionBox {transform: translate(0, -50%); height: 34px; position: absolute; left: 0; right: 0; top: 0; text-align: center; width: 100%;}


.oneServiceList {}
.oneServiceList > li {position: relative; margin-bottom: 28px; padding: 22px 40px 28px 135px; border-radius: 15px; border: 1px solid #E1E1E1;}
.oneServiceList > li:last-child {margin-bottom: 0;}
.oneServiceList > li > img {position: absolute; left: 40px;}
.oneServiceList > li > h4 {display: inline-block; margin-bottom: 10px; font-size: 20px; font-weight: 500; vertical-align: top; color: #000000;}
.oneServiceList > li > h4 > span {font-size: 15px;}
.oneServiceList > li > h4 > span > a:hover {color: #0049BE;}
.oneServiceList > li > ul {overflow: hidden;}
.oneServiceList > li > ul > li {float: left; width: 25%; padding: 5px 0; font-size: 15px; font-weight: 400; color: #666666;}
.oneServiceList > li > ul > li:hover {color: #0049BE;}
.oneServiceList > li > ul > li:before {display: inline-block; content: "·"; margin-right: 4px;}
.oneServiceList > li > ul > li > a > img {margin: 0 4px; vertical-align: -1px;}

.oneServiceList > li > ul.serviceDepth {}
.oneServiceList > li > ul.serviceDepth > li {width: 25%; font-size: 17px; font-weight: 400; color: #000000;}
.oneServiceList > li > ul.serviceDepth > li:before {display: none;}
.oneServiceList > li > ul.serviceDepth > li > a {display: inline-block; margin-bottom: 10px;}
.oneServiceList > li > ul.serviceDepth > li > ul > li {margin-bottom: 8px; font-size: 15px; color: #666666;}
.oneServiceList > li > ul.serviceDepth > li > ul > li:hover {color: #0049BE;}
.oneServiceList > li > ul.serviceDepth > li > ul > li:before {display: inline-block; content: "·"; margin-right: 4px;}
.oneServiceList > li > ul.serviceDepth > li > ul > li:last-child {margin-bottom: 0;}
.oneServiceList > li > ul.serviceDepth > li > ul > li > a > img {margin: 0 4px; vertical-align: -1px;}

.oneUserServiceList {margin: -28px;}
.oneUserServiceList > ul {display: table; width: 100%; border-spacing: 28px;}
.oneUserServiceList > ul > li {position: relative; display: table-cell; padding: 24px 30px 80px 30px; border-radius: 15px; border: 1px solid #E1E1E1;}
.oneUserServiceList > ul > li:first-child {width: 295px; box-sizing: border-box;}
.oneUserServiceList > ul > li:last-child > ul > li {float: left; width: 33.33%;}
.oneUserServiceList > ul > li > img {position: absolute; right: 30px; bottom: 30px;}
.oneUserServiceList > ul > li > h4 {margin-bottom: 17px; font-size: 20px; font-weight: 500; color: #000000;}
.oneUserServiceList > ul > li > ul {overflow: hidden;}
.oneUserServiceList > ul > li > ul > li {margin-bottom: 20px;}
.oneUserServiceList > ul > li > ul > li > h5 {margin-bottom: 8px; font-size: 17px; font-weight: 400; color: #000000;}
.oneUserServiceList > ul > li > ul > li > ul > li {margin-bottom: 8px; font-size: 15px; font-weight: 400; color: #666666;}
.oneUserServiceList > ul > li > ul > li > ul > li > a > img {margin: 0 4px; vertical-align: -1px;}
.oneUserServiceList > ul > li > ul > li > ul > li:last-child {margin-bottom: 0;}
.oneUserServiceList > ul > li > ul > li > ul > li:before {display: inline-block; content: "·"; margin-right: 4px;}

.oneFavoriteService {position: relative; margin-bottom: 40px; padding: 22px 24px; border-radius: 10px; background-color: #F7F8F9;}
.oneFavoriteService strong {display: inline-block; font-size: 17px; font-weight: 500; color: #000000;}
.oneFavoriteService strong a {display: inline-block; margin-top: 4px; padding: 0 8px; line-height: 24px; border-radius: 5px; color: #fff; background-color: #636E81;}
.oneFavoriteService strong a i {font-size: 13px; vertical-align: middle;}
.oneFavoriteService strong a span {font-size: 13px; font-weight: 500; vertical-align: middle;}
.oneFavoriteService .oneFavoriteServiceList {position: absolute; top: 50%; right: 0; transform: translateY(-50%); margin: auto 0; width: calc(100% - 140px);}

.oneFavoriteServiceList > ul {overflow: hidden;}
.oneFavoriteServiceList > ul > li {position: relative; float: left; width: calc(25% - 12.75px); margin-right: 9px; font-size: 15px; font-weight: 400; line-height: 40px; text-align: center; border-radius: 30px; border: 1px dashed #636E81; color: #636E81; transition: box-shadow 0.3s; box-sizing: border-box;}
.oneFavoriteServiceList > ul > li:hover {border-color: #0B84E1; color: #fff; box-shadow: inset 0 -3.5em 0 0 #0B84E1;}
.oneFavoriteServiceList > ul > li:last-child {margin-right: 0;}
.oneFavoriteServiceList > ul > li > a {display: block;}
.oneFavoriteServiceList > ul > li:not(.on):after {display: block; content: "\e90d"; font-family: 'oneFont' !important;}
.oneFavoriteServiceList > ul > li > span {display: block; width: 100%; padding: 0 35px 0 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box;}
.oneFavoriteServiceList > ul > li.on {color: #ffffff; border-style: solid; background-color: #636E81;}
.oneFavoriteServiceList > ul > li.on > a:after {display: none;}

.oneServiceChoiceList {height: 400px; overflow-y: auto;}
.oneServiceChoiceList > ul > li {margin-bottom: 20px; padding: 21px 28px 25px 20px; border-radius: 10px; background-color: #F7F8F9;}
.oneServiceChoiceList > ul > li:last-child {margin-bottom: 0;}
.oneServiceChoiceList > ul > li > h4 {margin-bottom: 6px; font-size: 20px; font-weight: 500; color: #000000;}
.oneServiceChoiceList > ul > li > ul {overflow: hidden;}
.oneServiceChoiceList > ul > li > ul > li {float: left; width: calc(33.33% - 16px); margin: 8px 24px 8px 0; text-align: center; line-height: 40px; border-radius: 30px; font-size: 15px; font-weight: 400; color: #666666; background-color: #ffffff; transition: all 0.3s;}
.oneServiceChoiceList > ul > li > ul > li:nth-child(3n) {margin-right: 0;}
.oneServiceChoiceList > ul > li > ul > li:hover {color: #ffffff; background-color: #636E81;}
.oneServiceChoiceList > ul > li > ul > li.on {color: #ffffff; background-color: #636E81;}
.oneServiceChoiceList > ul > li > ul > li > a {display: block;}

.oneServiceRemove {position: absolute; right: 15px; margin-top: 1px;}


/* 정보주체 권리행사 */
.blueRoundBox.short li {width: 33.33%; line-height: 53px;}
.blueRoundBox.short li:after {height: 38px;}
    .blueListTitle {font-size: 14px; font-weight: 500; display: inline-block; margin-right: 20px; color: #444;}
    .blueListCon {color: #000; font-size: 15px; font-weight: 500;}

.infoService {padding: 60px 50px; text-align: center; border-radius: 15px; border: 1px solid #E1E1E1;}
.infoService .infoServiceIn {padding: 50px 100px 60px; background-color: #F7F8F9; border-radius: 153px; margin-bottom: 44px;}
.infoService .infoServiceIn:last-of-type {margin-bottom: 0;}
    .infoServiceIn::after {content: ""; display: block; clear: both;}
    .infoServiceIn:nth-of-type(2) {padding: 60px 100px;}
    .infoServiceIn .btnGroup {margin-top: 0;}
    .infoServiceIn .infoServiceResult {font-family: 'jalnan'; font-size: 20px; color: #333; margin-bottom: 4px;}
    .infoServiceIn .infoServiceResult + img {margin-bottom: 18px;}
    .infoServiceIn ul li {float: left; width: 33.33%; text-align: center;}
    .infoServiceIn:last-of-type ul li {border-right: 1px dashed #E1E1E1; box-sizing: border-box;}
    .infoServiceIn ul li:last-of-type {border-right: none;}
    .infoServiceIn ul li > span {font-size: 18px; color: #333; display: block; margin-bottom: 8px;}
    .infoServiceIn ul li > img {display: inline-block; margin-bottom: 10px;}
    .infoServiceIn ul li > p {font-size: 15px; color: #666; margin-bottom: 6px;}
    .infoServiceIn ul li > strong {font-family: 'jalnan'; font-size: 20px; color: #333;}
    .infoServiceIn ul li div .btnM-blue:focus {outline: 2px dashed #ff8600; box-sizing: border-box;}
    .infoServiceDetail {display: inline-block; margin-bottom: 44px;}
        .infoServiceDetail > ul {display: block; margin: 0 auto;}
        .infoServiceDetail > ul > li {text-align: left; margin-bottom: 17px; font-family: 'jalnan'; font-size: 20px; color: #1F3D7B;}
        .infoServiceDetail > ul > li > span {display: inline-block; width: 32px; height: 32px; text-align: center; border-radius: 20px; background-color: #1F3D7B; vertical-align: middle; margin-right: 9px;}
        .infoServiceDetail > ul > li > span > img {margin-top: 5px;}
.infoService .detailArrow {background-color: #fff; padding: 0 0 44px;}
    
.oneAgreeList > li .oneTable tbody tr td {font-weight: 400;}  

.oneSearch.cleanService .oneFieldGroup-half .oneField {width: 100%}
.oneSearch.cleanService .oneFieldGroup-half .oneField span {width: 130px;}
.oneSearch.cleanService .oneFieldGroup-half .oneField input[type="text"] {width: calc(100% - 150px);}
.oneSearch.cleanService .oneFieldGroup-half .oneField .selectric-wrapper {width: calc(100% - 150px) !important;}
.oneSearch.cleanService .oneFieldGroup-half .oneField .selectric {width: 100%;}
.oneSearch.cleanService .oneFieldGroup-half .oneField.oneDate input[type="text"] {width: calc((100% - 162px) / 2);}

/* ISMS-P */
.oneIsmsTitle {display: block; margin-bottom: 10px; padding: 14px; font-size: 17px; font-weight: 500; text-align: center; border-radius: 30px; color: #ffffff; background-color: #1F3D7B;}
.oneIsmsTitle + .oneGuideList > li:first-child {border-top: none;}

.oneIsmsStay {margin-bottom: 45px; overflow: hidden;}
.oneIsmsStay > li {position: relative; float: left; width: 17.5%; margin-right: 10%; font-size: 17px; font-weight: 500; color: #ffffff; line-height: 52px; border-radius: 34px; text-align: center;}
.oneIsmsStay > li:nth-child(1) {background-color: #0B84E1;}
.oneIsmsStay > li:nth-child(2) {background-color: #0049BE;}
.oneIsmsStay > li:nth-child(3) {background-color: #154FAB;}
.oneIsmsStay > li:nth-child(4) {background-color: #1F3D7B;}
.oneIsmsStay > li:last-child {margin-right: 0;}

.oneIsmsStayIn {position: absolute; left: 100%; bottom: 0; transform: translateX(50%); width: 29%; line-height: normal;}
.oneIsmsStayIn > span {display: block; font-size: 14px; font-weight: 500; line-height: 27px; border-radius: 34px; background-color: #636E81;}

/* 지킬앤 가이드 */
.character_list>li{margin:40px 0; overflow: hidden;}
.character_list>li>div{float:left;box-sizing: border-box;}
.character_list .img_area{padding:0 0 0 115px;width:430px;}
.character_list .txt_area{width:calc(100% - 430px);}
.character_list .txt_area b{font-size:22px;color:#444;font-style:italic;font-family: 'yg-jalnan'; }
.character_list .txt_area h4{margin:10px 0 0 0;font-size:17px;}
.character_list .txt_area h4 span{color:#1647aa;font-size:inherit; font-weight:500;}
.character_list .txt_area dl{margin:5px 0;padding:5px 0;border-top:1px solid #888;border-bottom:1px solid #888;}
.character_list .txt_area dt,.character_list .txt_area dd{display:inline-block;padding:5px 0;font-size:14px;}
.character_list .txt_area dt{width:140px;color:#777;font-weight:500;}
.character_list .txt_area dd{width:calc(100% - 145px)}
.character_list .txt_area p{font-size:14px;color:#444;}
.character_list .keyword {margin:15px 0 0 0;}
.character_list .keyword li{display:inline-block;margin:0 5px 0 0;padding:10px 20px;border:1px solid #3e75e4;border-radius: 30px; color:#3e75e4;font-size:13px;}

.camp_tbl tbody td {padding: 0;}
.camp_tbl td img {width: 100%;}
.camp_tbl td .imgwrap {max-height: 293px; overflow: hidden; vertical-align: middle;}


/* 공공기관(기업) 서비스 */
.onePublicServiceList {overflow: hidden;}
.onePublicServiceList > ul > li {position: relative; float: left; width: calc(50% - 6px); height: 130px; margin: 0 12px 12px 0; border-radius: 10px; border: 1px solid #E1E1E1; box-sizing: border-box;}
.onePublicServiceList > ul > li:nth-child(2n) {margin-right: 0;}
.onePublicServiceList > ul > li > img {position: absolute; left: 34px; top: 0; bottom: 0; margin: auto 0;}
.onePublicServiceText {position: absolute; left: 100px; top: 50%; transform: translateY(-50%); padding-right: 30px;}
.onePublicServiceText > strong {display: block; margin-bottom: 8px; font-size: 17px; font-weight: 500; color: #000000;}
.onePublicServiceText > p {font-size: 15px; font-weight: 400; color: #444444;}
.onePublicServiceText > a {position: absolute; top: 0; right: 20px;}




/* FAQ */
.faq .accordionContent {position: relative; padding: 20px 20px 20px 60px;}
.faq .accordionContent .accordionIcon {position: absolute; top: 20px; left: 20px; margin: 0; background-repeat: no-repeat;}
.faq .accordionContent .accordionIcon .accordionIconNum {position: absolute; top: 0; left: 0; right: 0;}
.faq .accordionContent p {padding-left: 10px;}


/* 오른쪽 퀵메뉴 */
.oneRightMenu {position: fixed; right: 32px; bottom: 40px; text-align: center; z-index: 90;}
.oneRightMenu > a {display: inline-block; width: 42px; line-height: 42px; margin-bottom: 26px; text-align: center; border-radius: 50%; color: #ffffff; background-color: #8E8E8E; transition: all 0.3s;}
.oneRightMenu > a:hover {box-shadow: inset 0 -3em 0 0 #333333;}
.oneRightMenu > a:focus {outline: 2px solid #ff6308;}
/* .oneRightMenuList {display: none;} */
.oneRightMenuList {position: absolute; top: -185px; left: 50%; transform: translateX(-50%);}
.oneRightMenuList > li {position: relative; width: 48px; height: 48px; margin: 0 auto 13px; border-radius: 20px; box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px; background-color: #ffffff; transition: all 0.3s;}
.oneRightMenuList > li > a {display: block; width: 100%; height: 100%;}
.oneRightMenuList > li > a > svg {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.oneRightMenuList > li > a > svg path  {transition: all 0.3s;}
.oneRightMenuList > li > a > svg circle {transition: all 0.3s;}
.oneRightMenuList > li > a > svg ellipse {transition: all 0.3s;}
.oneRightMenuList > li > p {position: absolute; right: 100%; top: 50%; right: 50%; transform: translateY(-50%); font-size: 13px; font-weight: 500; text-align: right; white-space: nowrap; opacity: 0; color: #000000; transition: all 0.3s; visibility: hidden;}


.oneRightMenuList > li:hover, .oneRightMenuList > li > a:focus {background-color: #0B84E1;}
.oneRightMenuList > li:hover > a > svg .hoverStroke, .oneRightMenuList > li > a:focus > svg .hoverStroke {stroke: #ffffff;}
.oneRightMenuList > li:hover > a > svg .hoverStroke.fillBlue, .oneRightMenuList > li > a:focus > svg .hoverStroke.fillBlue {fill: #0B84E1;}
.oneRightMenuList > li:hover > a > svg .hoverFill, .oneRightMenuList > li > a:focus > svg .hoverFill {fill: #ffffff;}

/* .oneRightMenuList > li:hover > a > svg path {stroke: #ffffff;}
.oneRightMenuList > li:hover > a > svg circle {stroke: #ffffff;}
.oneRightMenuList > li:hover > a > svg ellipse {stroke: #ffffff;} */
.oneRightMenuList > li:hover > p, .oneRightMenuList > li > a:focus + p {right: 100%; margin-right: 10px; padding: 9px; border-radius: 9px; box-shadow: 1px 1px 15px rgb(0 0 0 / 20%); background-color: #fff; opacity: 1; visibility: visible;}

.onePrivate {position: relative; transition: all 0.5s;}
.onePrivate > span {font-size: 12px; font-weight: 500; color: #000000;}
.onePrivate > a {position: relative;}
.onePrivate > a > img {display: block; margin-right: 10px;}
.onePrivate:hover .onePrivateSpeech, .onePrivate a:focus ~ .onePrivateSpeech {right: 100%; opacity: 1; visibility: visible;} 
.privateHand {position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin-bottom: 25px; text-align: right; transform-origin: left bottom; animation: onePrivateHandShake 0.6s infinite linear alternate;}
.privateHand > img {animation: onePrivateHandShake2  0.6s infinite alternate;}
.onePrivateSpeech {position: absolute; bottom: 14px; right: 50%; opacity: 0; visibility: hidden; transition: all 0.3s;}

@keyframes onePrivateHandShake {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(10deg);}
}

@keyframes onePrivateHandShake2 {
    0% {transform: rotate(-16deg);}
    100% {transform: rotate(16deg);}
}

.oneUpBtn {display: none; width: 50px; height: 50px; background: #1F3D7B; border-radius: 22px; padding-top: 21px; box-sizing: border-box; box-shadow: 0 0 6px rgba(0, 0, 0, 0.16); transition: all 0.3s;}
.oneUpBtn > a {display: block;}
.oneUpBtn span {color: white; font-size: 12px; font-weight: 500; position: relative; display: block;}
.oneUpBtn span i {color: white; display: block; font-size: 13px; position: absolute; top: -10px; width: 100%;}

/* 추천서비스 */
.onePushService {position: fixed; bottom: -50px; left: 0; display: none; width: 100%; filter: url(#blurFilter); z-index: 100;}
.onePushService.on {display: block;}
.onePushService svg {display: none;}
.onePushService .oneTooltipIn {transform: translate(25%, 300px); line-height: normal;}
.onePushService .oneTooltip > a {background: none;}

.onePushServiceIn {transform: translateY(40px); margin-left: 290px; padding: 20px 0; line-height: 49px; transition: all 0.3s; animation: onePushService2 0.6s infinite alternate;}
.onePushServiceIn:after {display: inline-block; content: ""; clear: both;}
.onePushServiceIn:hover {transform: translateY(5px); animation: none;}
.onePushServiceIn:hover h3 {animation: onePushService 0.6s infinite alternate; border-radius: 25px;}
.onePushServiceIn:hover > ul {animation: none; border-radius: 25px;}
.onePushServiceIn > h3 {position: relative; float: left; width: 25%; padding-left: 18px; font-size: 15px; font-weight: 500; border-radius: 25px; color: #ffffff; background-color: #0B84E1; box-sizing: border-box; transition: all 0.3s; box-shadow: rgba(0, 0, 0, 0.16) -6px -4px 6px; animation: onePushServiceRadius1 0.6s infinite alternate;}
.onePushServiceIn > h3 > strong {position: relative; top: 2px;}
.onePushServiceIn > h3 > strong > span {position: relative;}
.onePushServiceIn > h3 > strong > span:after {position: absolute; top: -17px; display: block; left: 50%; transform: translateX(-50%); content: "·"; font-size: 20px; font-weight: 600; line-height: normal;}
.onePushServiceIn > ul {float: left; width: 75%; border-radius: 25px; color: #ffffff; background-color: #0B84E1; box-sizing: border-box; box-shadow: rgba(0, 0, 0, 0.16) 6px -4px 6px; transition: all 0.3s; animation: onePushServiceRadius2 0.6s infinite alternate;}
.onePushServiceIn > ul > li {position: relative; float: left; width: 50%; padding-left: 24px; border-right: 1px solid #409FE8; box-sizing: border-box;}
.onePushServiceIn > ul > li:hover > a > img {margin-right: 6px; transform: rotate(-15deg) scale(1.3);}
.onePushServiceIn > ul > li:hover > a > p {bottom: calc(100% + 18px); opacity: 1; visibility: visible; transition: all 0.3s ease-in-out;}
.onePushServiceIn > ul > li:last-child {border-right: none;}
.onePushServiceIn > ul > li > a > img {margin-right: 3px; vertical-align: middle; transition: all 0.3s;}
.onePushServiceIn > ul > li > a > strong {display: inline-block; margin-right: 5px; font-size: 15px; font-weight: 500; line-height: normal; vertical-align: middle;}
.onePushServiceIn > ul > li > a > i {font-size: 14px; vertical-align: middle;}
.onePushServiceIn > ul > li > a > span {position: absolute; top: 0; bottom: 0; right: 24px; display: inline-block; height: 29px; margin: auto 0; padding: 0 13px; font-size: 14px; font-weight: 500; line-height: 29px; border-radius: 25px; vertical-align: middle; background-color: #096FBD; transition: all 0.3s;}
.onePushServiceIn > ul > li > a > span:hover {box-shadow: inset 0 -2.5em 0 0 #0049BE;}
.onePushServiceIn > ul > li > a > p {position: absolute; bottom: 50%; padding: 12px; font-size: 14px; font-weight: 400; line-height: normal; opacity: 0; visibility: hidden; border-radius: 10px; border: 1px solid #0B84E1; color: #333333; transition: all 0.3s 0.3s ease-in-out; background-color: #ffffff;}
.onePushServiceIn > ul > li > a > p:after {position: absolute; left: 30px; display: block; content: ""; width: 10px; height: 10px; border-right: 1px solid #0B84E1; border-bottom: 1px solid #0B84E1; background-color: #ffffff;  transform: translateY(7px) rotate(45deg); transition: all 0.3s 0.2s; z-index: 100;}

.onePushServiceBottom {width: 100%; height: 50px; background-color: #0B84E1;}

@keyframes onePushService {
    0% {transform: translateX(0);}
    100% {transform: translateX(-15px);}
}

@keyframes onePushService2 {
    0% {transform: translateY(20px);}
    100% {transform: translateY(5px);}
}

@keyframes onePushServiceRadius1 {
    0% {border-bottom-left-radius: 0px;}
    100% {border-bottom-left-radius: 25px;}
}

@keyframes onePushServiceRadius2 {
    0% {border-bottom-right-radius: 0px;}
    100% {border-bottom-right-radius: 25px;}
}

/* 개인정보 처리방침 */
.tit_main {margin: 60px 0 15px 0;font-size: 20px;font-weight: 600;color: #444;word-break: keep-all;}
.tit_main:nth-of-type(1){margin:50px 0 15px 0;}
.tit_main.tell_num br{display: none;}
.tit_main>*{font-size:inherit;font-weight: inherit;}
.tit_main strong{color:#4374ac;}
.tit_sub{margin: 30px 0 0 0;padding-left: 1em;line-height: 1.3em;background: url('https://www.privacy.go.kr/images/sub/scommon/bu_h.png') 0 7px no-repeat;color: #444;font-weight: 500;font-size:16px;word-break: keep-all;}
 .sub_wrap .cont p strong{color:#4374ac;font-weight: 500;}
.tit_ex{margin: .5em 0;text-align: center;color: #333;font-weight: 600;font-size: 1.200em;}
.tit_list{font-weight: 500;}
.panel_box{position: relative;margin: 20px 0 20px 0;padding: 20px;color: #333;background-color: #fafafa;border: 1px solid #e6e6e6;border-radius: 5px;word-break: keep-all;}
.panel_box.pds{padding:10px 20px;}
.panel_box.pdm{padding:20px 25px;}
.panel_box{float: none;}
.panel_box .tit_panel {margin: 0;margin-bottom: 15px;line-height:24px;font-weight:600;color: #165e9b;font-size: 20px;}
.panel_box .tit_f17{font-size:17px;font-weight:500;}
.panel_box .tit_f17 > *{font-size:17px;font-weight:500;}
.panel_box .tit_f17 strong{color:#4374ac;}
.panel_box.panel_step .tit_panel {color:#111;text-align: center;font-weight: 300;}
.panel_box.panel_white {background-color: #fff;border: 1px solid #d9d9d9;}
.panel_box .lineHeights li{margin-bottom:5px;}

.per_rule_wrap>.tit_sub{margin:30px 0 10px 0;}
.per_rule_wrap .panel_box p{margin: 10px 0;}
.per_rule_wrap>ol{margin-top: 5px;}
.per_rule_wrap>ol>li{margin:4px 0;padding-left:15px;text-indent:-15px;word-break: keep-all;}
.per_rule_wrap>ol>li>ol,.per_rule_wrap>ol>li>ul{margin:10px 0;}
.per_rule_wrap>ol>li>ol>li,.per_rule_wrap>ol>li>ul>li{margin:4px 0;padding-left:0;text-indent:0;word-break: keep-all;}
.per_rule_wrap>ol>li>ol>li>ul,.per_rule_wrap>ol>li>ol>li>ol{margin:4px 0;}
.per_rule_wrap>ol>li>ol>li>ul li,.per_rule_wrap>ol>li>ol>li>ol li{padding-left:15px;word-break: keep-all;}
.per_rule_wrap .list ul,.per_rule_wrap .list ol{margin:5px 0;}
.per_rule_wrap .tit_rule{margin:5px 0 5px 0;/* font-weight: 500; */}
.per_rule_wrap>p,.per_rule_wrap>ol>li p{padding-left:0;text-indent:0;word-break: keep-all;}
.per_rule_wrap dl{margin:10px 0;}
.per_rule_wrap dt{font-weight: 500;}
.per_rule_wrap dd{margin:4px 0;padding-left:10px;}
.per_rule_wrap .tb_board{margin:10px 0;}
.per_rule_wrap>p{margin:10px 0 0 0;}
.rule_link {padding-right:20px;background: url('https://www.privacy.go.kr/images/sub/scommon/ico_link.gif')no-repeat center right;color: #1f6ed4; text-decoration: underline;}
.per_rule_wrap .links{display: block;margin:20px 0 0 0;}
.per_rule_wrap>p.oneBottomXS {margin-bottom: 12px;}

/*font,text*/
.txtl {text-align: left !important;}
.txtr {text-align: right !important;}
.txtc {text-align: center !important;}

.label_wrap{width: 100%; box-sizing: border-box; padding: 0px 10px; display: flex; flex-flow: row wrap; justify-content: space-around; position: relative;}
.label_box{width: 30%; height: 200px; box-sizing: border-box; padding: 20px 30px; border-radius: 10px; box-shadow: 0 0.2rem 0.8rem rgba(22,71,170,0.2); display: flex; flex-flow: column; justify-content: center; align-items:center; cursor: pointer; margin-bottom: 20px; background-color: #fff; border: 1px solid #fff; position:relative}
.label_box:hover{transition: 0.2s; border: 1px solid #1647aa;}
.label_cnt {font-size: 14px; margin-top: 20px; font-weight: 400; color: #111;}
.label_layer{display: none; position: absolute; box-sizing: border-box; border-radius: 10px; background-color: #fff; border: 1px solid #eee; width: 500px; z-index: 999;}
.label_desc_top{width: 100%; box-sizing: border-box; padding:10px; background-color: #1647aa; border-top-right-radius: 10px; border-top-left-radius: 10px;}
.label_desc_top p{color: #fff;}
.label_desc_btm{width: 100%;box-sizing: border-box; padding: 15px 20px;}
.desc_wrap{display: flex; flex-flow: row wrap;}
.desc_box{width: 100%; border-radius: 10px; border: 1px solid #eee; box-sizing: border-box; padding: 10px 15px; margin-top: 10px; display: flex; flex-flow: row wrap; justify-content: space-between;}

/* 220308(s) */
.desc_tit{width: 30%; font-size: 15px; font-weight: 400; color: #1647aa; word-break: keep-all;    }
.desc_cnt{width: 68%; color: #333; font-size: 14px;}
/* //220308(e) */
.label_layer.num0{top:0; left: 110%;}
.label_layer.num1{top:0;left: 110%;}
.label_layer.num2{top:0;right: 110%;}
.label_layer.num3{top:0;left: 110%;}
.label_layer.num4{top:0;left: 110%;}
 .label_layer.num5{top:0; right: 110%;  }
 /* 220308(s) */
 .cnt_list{width: 85%; margin: 20px auto 0px; display: flex; flex-flow: row wrap; justify-content: space-between;}
 .cnt_list li {width:45%; margin-bottom: 30px; position: relative; box-sizing: border-box;}
 .cnt_list li a{color: #444; font-weight: 400; box-sizing: border-box; padding-left: 30px; height: 25px; display: block;} 
 /* //220308(e) */
 .tit_list{font-size: 18px; font-weight: 600; color: #333; box-sizing: border-box; margin: 30px 0 10px 0; vertical-align: middle;} 
 /* 220308(s) */
 .list_icon{margin-right: 10px; vertical-align: middle;}
 .cnt_list li:first-child a{ background: url(../img/sub/img_object_20.png)no-repeat 0 0;}
 .cnt_list li:nth-child(2) a{background: url(../img/sub/img_period_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(3) a{background: url(../img/sub/img_private_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(4) a{background: url(../img/sub/img_third_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(5) a{background: url(../img/sub/img_consign_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(6) a{background: url(../img/sub/img_destruction_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(7) a{background: url(../img/sub/img_court_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(8) a{background: url(../img/sub/img_safe_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(9) a{background: url(../img/sub/img_cookie_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(10) a{background: url(../img/sub/img_cpo_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(11) a{background: url(../img/sub/img_browse_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(12) a{background: url(../img/sub/img_help_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(13) a{background: url(../img/sub/img_safe_20.png)no-repeat 0 0;}
.cnt_list li:nth-child(14) a{background: url(../img/sub/img_result_20.png)no-repeat 0 0;}
.cnt_list li:last-child a{background: url(../img/sub/img_change_20.png)no-repeat 0 0;}
.mid_line{width: 100%; height: 1px; background-color: #eee; margin:50px auto;}
.desc_icon{box-sizing: border-box; padding-left: 30px; height: 25px;}
.desc_icon.edu{background:url(../img/sub/icon_edu.png)no-repeat 0 0;}
.desc_icon.dem{background:url(../img/sub/icon_dem.png)no-repeat 0 0;}
.desc_icon.dec{background:url(../img/sub/icon_dec.png)no-repeat 0 0;}
.desc_icon.ins{background:url(../img/sub/icon_ins.png)no-repeat 0 0;}
.desc_icon.pro{background:url(../img/sub/icon_pro.png)no-repeat 0 0;}

/* 도움말 */
.oneWinPopup .tit_sub {margin-bottom: 10px;}
.oneWinPopup .oneP {word-break: normal;}

.layer_pop.w40 {width: 100% !important;} /* 도움말 DB 수정 대신 CSS로 */


/* 윈도우 팝업 */
.oneWinPopup .btnGroup.ac a {vertical-align: middle;}


/* 통합검색 레이아웃 */
.oneSearchLayout {}
.oneSearchLayout .contentBox {margin: 166px 0 0 0;}
.oneSearchHead {position: relative; height: 306px; background: linear-gradient(45deg, #1F3D7B, #013A96)}
.oneSearchHead .containerLayout {height: 100%;}
.oneSearchHead h2 {padding-top: 98px; font-size: 42px; font-weight: 500; color: #ffffff;}
.oneSearchHead h2 span {display: block; padding-left: 2px; font-size: 18px;}

.oneSearchBox {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; z-index: 10;}
.oneSearchBar {height: 64px; margin-bottom: 20px; padding-right: 20px; border-radius: 20px; background-color: #ffffff;}
.oneSearchBar .selectric-wrapper {margin-right: 15px; border-right: 1px solid #E1E1E1;;}
.oneSearchBar .selectric {background-color: #ffffff; border-radius: 20px; border: none;}
.oneSearchBar .selectric .label {margin-left: 19px; font-size: 17px; font-weight: 500; color: #444444;}
.oneSearchBar .selectric .button {height: 32px; line-height: 32px;}
.oneSearchBar select {font-size: 21px;}
.oneSearchBar .oneField {display: block; margin: 0;}

.oneSearchBar .oneField {display: flex; align-items: center; height: 100%;}

.oneSearchBar .oneField a {font-size: 20px; color: #000000;}
.oneSearchBar .oneField a i {font-size: 24px; font-weight: 600;}
.oneSearchBar input[type="text"] {width: 415px; margin-right: 20px; flex-grow: 1; font-size: 18px; font-weight: 500; border: none; color: #333333;}
.oneSearchBar input[type="text"]:focus {outline: none;}

.oneSearchAgain {position: absolute; top: 19px; left: calc(100% + 28px); white-space: nowrap;}
.oneSearchAgain .oneField input[type="checkbox"] + span {color: #ffffff;}
.oneSearchAgain .oneField input[type="checkbox"]:checked + span {color: #ffffff;}
.oneSearchAgain .oneField input[type="checkbox"]:checked + span:before {background-image: url(../img/common/icon_check2.svg); background-color: #ffffff;}

.oneSearchHash {display: inline-block;}
.oneSearchHash > ul {width: auto;}
.oneSearchHash > ul > li {display: inline-block; width: auto; font-size: 17px; font-weight: 400; opacity: 0.8; color: #ffffff;}
.oneSearchHash > ul > li:hover {opacity: 1; font-weight: 500;}

.oneSearchBody {position: relative; bottom: 45px;}
.oneSearchCategory {position: relative; max-width: 1280px; margin: 0 auto 40px auto; line-height: 72px; text-align: center; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.16) 0 0 20px; background-color: #ffffff;}
.oneSearchCategory > img {position: absolute; bottom: 32px; right: 12px;}
.oneSearchCategoryIn {position: relative; padding: 0 40px; border-radius: 10px; overflow: hidden; background-color: #fff;}
.oneSearchCategoryIn > ul {justify-content: space-between;}
.oneSearchCategoryIn > ul > li {width: auto; font-size: 20px; font-weight: 500; color: #666666;}
.oneSearchCategoryIn > ul > li.on {font-weight: 600; color: #1F3D7B;}
.oneSearchCategoryIn > ul > li:hover {color: #0049BE;}



.oneSearchResultText {margin-bottom: 16px; font-size: 24px; font-weight: 500; color: #000000;}
.oneSearchCount {color: #0049BE;}

.oneRelatedKeyword {margin-bottom: 36px;}
.oneRelatedKeyword > h4 {display: inline-block; margin-right: 12px; padding: 0 12px; font-size: 15px; font-weight: 500; line-height: 30px; vertical-align: middle; border-radius: 5px; border: 1px solid #E1E1E1; color: #333333;}
.oneRelatedKeyword > ul {display: inline-block; vertical-align: middle;}
.oneRelatedKeyword > ul > li {display: inline-block; margin-right: 12px; font-size: 16px; font-weight: 400; color: #636E81;}
.oneRelatedKeyword > ul > li:hover {color: #0049BE;}

.oneSearchResult {position: relative; padding-right: 282px;}
.oneSearchResultFilter {position: relative; display: table; width: 100%; margin-bottom: 36px; line-height: 52px; border-radius: 10px; color: #ffffff; background-color: #636E81;}
.oneSearchResultFilter > i {display: table-cell; font-size: 18px;}
.oneSearchResultFilter > i:before {padding: 0 20px; vertical-align: -8px; line-height: 26px; border-right: 1px solid rgba(255, 255, 255, 0.22);}
.oneSearchResultFilterIn {display: table-cell; width: 100%;}
.oneSearchResultFilterIn > ul {font-size: 0;}
.oneSearchResultFilterIn > ul > li {display: inline-block; width: 50%; padding-left: 20px; box-sizing: border-box;}
.oneSearchResultFilterIn > ul > li:last-child {line-height: 28px; border-left: 1px dashed rgba(255, 255, 255, 0.2);}
.oneSearchResultFilterIn > ul > li > h4 {display: inline-block; margin-right: 16px; font-size: 14px; font-weight: 500; vertical-align: middle;}
.oneSearchResultFilterIn > ul > li > ul {display: inline-block; font-size: 14px; font-weight: 500; line-height: 28px; color: rgba(255, 255, 255, 0.8); vertical-align: middle;}
.oneSearchResultFilterIn > ul > li > ul > li {display: inline-block; padding: 0 13px; border-radius: 16px; transition: all 0.3s;}
.oneSearchResultFilterIn > ul > li > ul > li.on {color: #ffffff; background-color: rgba(0, 0, 0, 0.3);}
.oneSearchResultFilterIn > ul > li > ul > li:hover {color: #fff; box-shadow: inset 0 -3em 0 0 rgba(0, 0, 0, 0.3);}



.oneSearchResultSection {margin-bottom: 43px;}
.oneSearchResultSection .searchTabAll:hover {color: #0049BE;}
.oneSearchResultSection:last-child {margin-bottom: 0;}
.oneSearchResultSection > h3 {position: relative; margin-bottom: 16px; font-size: 21px; font-weight: 500; color: #000000;}
.oneSearchResultSection > h3 > span {font-size: 16px; color: #154FAB;}
.oneSearchResultSection > h3 > a {position: absolute; bottom: 0; right: 0; font-size: 14px; font-weight: 500; color: #444444;}
.oneSearchResultSection > h3 > a > i {margin-right: 5px; font-weight: 600; vertical-align: -1px;}
.oneSearchResultSection > ul {box-shadow: rgba(0, 0, 0, 0.05) 0 5 15px;}
.oneSearchResultSection strong {font-weight: 500; color: #0049BE;}

.oneSearchResultBox {border-radius: 10px; border: 1px solid #EFEFEF; box-shadow: rgba(0, 0, 0, 0.05) 0 5px 15px;}
.oneSearchResultBox h4 {font-size: 17px; font-weight: 500; color: #333333;}
.oneSearchResultBox > ul > li {position: relative; padding: 24px 24px 20px 24px; border-bottom: 1px solid #E1E1E1;}
.oneSearchResultBox > ul > li:last-child {margin-bottom: 0; border-bottom: 0;}
.oneSearchResultBox > ul > li a:hover {color: #0049BE;}


/* 메뉴&서비스 */
.oneSearchMenuResult {}
.oneSearchMenuResult > li {}
.oneSearchMenuResult > li > span {font-size: 13px; font-weight: 400; color: #666666;}
.oneSearchMenuResult > li > a {position: absolute; top: 20px; right: 22px; display: inline-block; max-width: 500px; margin: auto 0; padding: 4px 50px 4px 20px; font-size: 14px; font-weight: 400; line-height: 160%; border-radius: 20px; text-align: right; color: #444444; background: url(/assets/img/sub/se001_arrow.svg) no-repeat calc(100% - 10px); background-color: #F7F8F9; box-sizing: border-box;}
.oneSearchMenuResult > li > ul {font-size: 15px; font-weight: 400; color: #666666;}
.oneSearchMenuResult > li > ul > li {margin-bottom: 9px;}
.oneSearchMenuResult > li > ul > li:last-child {margin-bottom: 0;}

/* 교육 */
.oneSearchEduResult {}
.oneSearchEduResult > li > span {font-size: 14px; font-weight: 400; color: #666666;}
.oneSearchEduResult > li > span > span {display: inline-block; margin-right: 8px;}

/* 상담사례 */
.caseCheck {font-weight: 500; color: #003a95;}
.caseCheck:hover {text-decoration: underline;}

.oneSearch.oneCaseSearch {padding-right: 145px;}
.oneSearch.oneCaseSearch .selectric-wrapper {width: 100% !important;}
.oneSearch.oneCaseSearch .selectric-wrapper .selectric {width: 100%;}
.oneSearch.oneCaseSearch .oneFieldGroup-half .oneField {width: 100%;}
.oneSearch.oneCaseSearch .oneFieldGroup-half .selectric-wrapper .selectric {width: calc(100% - 70px);}
.oneSearch.oneCaseSearch .oneFieldGroup-half select {width: calc(100% - 70px);}
.oneSearch.oneCaseSearch .oneFieldGroup-3 .oneField {width: 100%;}
.oneSearch.oneCaseSearch .oneFieldGroup-3 .selectric-wrapper .selectric {width: calc(100% - 82px);}
.oneSearch.oneCaseSearch .oneFieldGroup-3 .selectric-wrapper .selectric .label {display: inline-block; overflow: hidden; width: calc(100% - 40px);}
.oneSearch.oneCaseSearch .oneFieldGroup-3 select {width: calc(100% - 82px);}


.oneSearchExamResult {}
.oneSearchExamResult > li > p {margin-bottom: 12px; padding: 7px 160px 0 0; font-size: 14px;}
.oneSearchExamResult > li > span {font-size: 13px; font-weight: 400; color: #666666;}

.examListContainer {position: relative; margin-bottom: 36px; padding: 24px 55px; border-radius: 5px; background-color: #F5F5F5;}
.examListContainer .tabMenu {margin-bottom: 30px; text-align: center;}
.examListContainer .tabMenu .item {display: inline-block; vertical-align: middle; color: #666666;}
.examListContainer .tabMenu .item span {display: inline-block; margin-right: 4px; font-size: 15px; font-weight: 500;}
.examListContainer .tabMenu .item span strong {font-weight: 500; color: #555555;}
.examListContainer .tabMenu .item a {display: inline-block; vertical-align: middle;}
.examListContainer .tabMenu .item a img {display: block;}
.examListContainer .tabMenu .item.active {color: #0049BE;}
.examListContainer .tabMenu .item.active span strong {color: #0049BE;}

.examListContainer .tabBody {display: none;}
.examListContainer .tabBody .item a {position: relative; display: block; height: 100%;}
.examListContainer .tabBody .item a > div {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 0 10px; box-sizing: border-box;}
.examListContainer .tabBody.active {display: block; overflow: hidden;}

.examListContainer .tabBody > .item {float: left; width: calc((100% - 48px) / 4); height: 66px; margin-right: 16px; text-align: center; border-radius: 10px; color: #666666; background-color: #ffffff;}
.examListContainer .tabBody > .item:nth-last-of-type(1) {margin-right: 0;}
.examListContainer .tabBody > .item a img {margin-right: 8px; vertical-align: middle;}
.examListContainer .tabBody > .item a span {display: block; font-size: 14px; font-weight: 500;} 
.examListContainer .tabBody > .item.active {color: #ffffff; background-color: #0049BE;}

.examListContainer .tabBody.tab0 > .item a span {display: inline-block; vertical-align: middle;}

.examListContainer .tabBody.tab1 {margin-bottom: -12px;}
.examListContainer .tabBody.tab1 > .item {width: calc((100% - 60px) / 6); margin: 0 12px 12px 0;}
.examListContainer .tabBody.tab1 > .item:nth-child(6n) {margin-right: 0;}

.examListContainer .tabBody.tab2 {margin-bottom: -12px;}
.examListContainer .tabBody.tab2 > .item {width: calc((100% - 48px) /5); margin: 0 12px 12px 0;}
.examListContainer .tabBody.tab2 > .item:nth-child(5n) {margin-right: 0;}

.examListContainer .tabMenu .tabArrow {display: inline-block; margin: 0 9%; vertical-align: middle;}
.oneFIndExamSelect {overflow: hidden;}


.examListContainer .tabBottom {margin-top: 30px; text-align: center;}
.examListContainer .tabBottom .btn {margin: 0 3px; line-height: 34px;}
.examListContainer .tabBottom .btnRetry {padding: 0; min-width: 36px;}
.examListContainer .tabBottom .btnRetry i {font-size: 16px;}

.examListContainer .depthText {height: 28px; margin-bottom: 10px; line-height: 28px;}

.examTooltip {margin-left: -4px; vertical-align: middle;}
/* .oneFieldTitle + .selectric-wrapper {max-width: calc(100% - 120px);} */

.oneFIndExamSelect.step1 {}
.oneFIndExamSelect.step1 > li {float: left; width: calc((100% - 48px) / 4); margin-right: 16px; text-align: center; line-height: 66px; border-radius: 10px; color: #666666; background-color: #ffffff;}
.oneFIndExamSelect.step1 > li.on {background-color: #0049BE;}
.oneFIndExamSelect.step1 > li:last-child {margin-right: 0;}
.oneFIndExamSelect.step1 > li > a {display: block;}
.oneFIndExamSelect.step1 > li > a > img {margin-right: 12px; vertical-align: middle;}
.oneFIndExamSelect.step1 > li > a > span {font-size: 14px; vertical-align: middle;}

.oneExamCategory {display: block; margin-bottom: 6px; font-size: 14px;}

.oneSearch .oneFieldGroup-3 {position: relative;}
.popMenu {position: absolute; right: 0; display: none; width: calc(100% - 71px); border-radius: 5px; background-color: #ffffff; z-index: 10; box-shadow: 0 0 10px rgb(0 0 0 / 16%); overflow: hidden;}
.popMenu a.item {display:flex; background-color:#fff; font-size:13px; color:#333; padding:5px; background-color:#fff; border:none}
.popMenu a.item:hover {background-color:#e1e1e1;}
.popMenu p {margin: 5px 2px;}
.popMenu .buttons {padding: 5px;}
.popMenu .buttons button {width: calc(50% - 5px);}
.popMenu .buttons button:first-child {margin-right: 6px;}
.selectType {position: relative; display:inline-block; width: calc(100% - 42px); text-align:left; padding-left: 10px; border: 1px solid #E1E1E1; font-size:13px; border-radius: 5px; box-sizing: border-box; line-height: 34px; -moz-box-sizing: border-box;-webkit-box-sizing: border-box; padding-right:22px;background-color: #ffffff;} 
.selectType:after {content: " "; position: absolute; top: 0; right: 18px; bottom: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #BBB; border-bottom: none;}

.caseCheck > a:hover  {color: #0049BE;}
.caseCheck > a > i {vertical-align: 0px; font-size: 14px; padding-left: 2px;}

/* 첨부파일 */
.oneSearchFileResult > li > h4 {position: relative; margin-bottom: 7px; padding-right: 30px;}
.oneSearchFileResult > li > h4 > .openFile {position: absolute; top: 0; right: 0; display: block; width: 20px; line-height: 20px; font-size: 12px; text-align: center; border-radius: 3px; color: #ffffff; background-color: #636E81; transition: all 0.3s}
.oneSearchFileResult > li > h4 > .openFile:hover {color: #fff; box-shadow: inset 0 -1.5em 0 0 rgb(0 0 0 / 30%);}
.oneSearchFileResult > li > p {display: none; margin-bottom: 12px; padding: 0 160px 0 0; font-size: 14px;}
.oneSearchFileResult > li > a {display: block; margin-bottom: 14px; font-size: 14px; font-weight: 400;}
.oneSearchFileResult > li > span {font-size: 13px; font-weight: 400;}


/* 웹페이지 */

.oneSearchWebResult > li > h4 {margin-bottom: 7px;}
.oneSearchWebResult > li > h4 .oneSearchWebTitle {display: inline-block; margin-left: 8px; padding-left: 8px; border-left: 1px solid #333333;}
.oneSearchWebResult > li > p {margin-bottom: 12px; padding: 0 160px 0 0; font-size: 14px;}
.oneSearchWebResult > li > a {font-size: 13px; font-weight: 400;}


.oneStepBox.ex {border-radius: 5px; padding: 0; text-align: unset;}
.oneStepBox.ex .oneSearch {border-radius: 5px; margin-bottom: 0; padding: 7px 112px 7px 24px;}
.oneStepBox.ex .oneSearch .oneField.round input[type="radio"] + span {line-height: 28px; color: #666;}
.oneStepBox.ex .oneSearch .oneField.round input[type="radio"]:checked + span {background-color: #fff; color: #000; border-color: #000;}
    .oneFieldTitle {width: 60px;}
.oneStepBox.ex > .exStepBox > li {width: auto; padding-left: 24px;}
.oneStepBox.ex > .exStepBox > li:last-of-type {margin-bottom: 23px;}
.oneStepBox.ex > .exStepBox > li > div {float: left;}
.oneStepBox.ex > .exStepBox > li:first-of-type .exBox_left {padding-top: 24px;}
    .exBox_left {width: 100px; padding-top: 16px;}
        .exStep {font-size: 13px; color: #0049BE; font-weight: 500;}
        .exDetail {font-size: 15px; color: #1E1E1E; font-weight: 500;}
    .exBox_right {width: calc(100% - 100px); position: relative;}
        .exCircle {width: 53px; height: 53px; border-radius: 30px; background-color: #F2F7FB;}
        .exDetailInfo {width: 100px; position: absolute; right: -220px; top: 20px; filter: url(#blurFilter); padding-left: 20px;}
        .exDetailInfo:hover > a > span {animation: oneMiniPushService 0.6s infinite alternate;}
        .exDetailInfo > a > span {display: block; float: left; width: 30%; height: 30px; box-sizing: border-box; background-color: #636E81; border-radius: 20px; text-align: center; transition: all 0.3s;}
        .exDetailInfo > a > span img {vertical-align: middle;}
        .exDetailInfo > a > div { float: left; width: 70%; height: 30px; line-height: 28px; background-color: #636E81; border-radius: 20px; color: #fff; font-weight: 500; font-size: 14px; text-align: center;}
    .exBox_right > ul {margin: 22px 0;}
    .exBox_right > ul::after {content: ""; display: block; clear: both;}
    .exBox_right > ul > li {float: left;}
    .exBox_right > ul > li > a {display: block;}
        .exCircle {display: inline-block; text-align: center;}  
        .exCircle > img {vertical-align: middle; margin-top: 8px;}
        .exCircle + span {vertical-align: -16px; font-size: 14px; font-weight: 500; display: inline-block; margin-left: 8px; color: #666; margin-right: 30px;}
        .exBox_right > ul > li:first-of-type > a .exCircle + span {vertical-align: -8px;}
        .exBox_rightList li.on .exCircle {background-color: #0049BE;}
        .exBox_rightList li.on .exCircle + span {color: #0049BE}
    .exBox_right .oneField {margin: 5px 0;}
    .exBox_right .oneField.round input[type="radio"] + span {height: 32px; line-height: 30px; font-size: 14px; font-weight: 500; background-color: #F7F8F9; color: #666666; border-color: #EDEDED;}
    .exBox_right .oneField.round input[type="radio"]:checked + span {background-color: #0049BE; color: #fff}
.oneStepBox.ex > ul > li .oneField.round {margin-right: 0;}
.exListBox li {border-bottom: 1px solid #E1E1E1; height: 100%; min-height: 84px; padding: 13px 0 13px 8px; box-sizing: border-box;}
.exListBox li:first-of-type {border-top: 1px solid #000000;}
    .exMenuDepth {font-size: 14px; color: #666; display: inline-block; margin-bottom: 8px;}
    .exTitle {font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-weight: 500;}

.oneField input[type="radio"] + .longRadio {display: inline-block; padding-left: 26px;}

@keyframes oneMiniPushService {
    0% {transform: translateX(0);}
    100% {transform: translateX(-10px);}
}


/* 법령 */
.oneSearchStatuteResult {padding: 24px 24px 20px;}
.oneSearchResultBox > .oneSearchStatuteResult > li {margin-bottom: 13px; padding: 0; border-bottom: none;}
.oneSearchResultBox > .oneSearchStatuteResult > li:last-child {margin-bottom: 0;} 
.oneSearchStatuteResult > li {font-size: 17px; font-weight: 500; border-bottom: none; color: #333333;}
.oneSearchStatuteResult > li:before {display: inline-block; content: "·";}

/* 자료 */
.oneSearchDataResult {}
.oneSearchDataResult > li > p {margin-bottom: 12px; padding: 7px 160px 0 0; font-size: 14px;}
.oneSearchDataResult > li > span {font-size: 13px; font-weight: 400; color: #666666;}
.oneSearchDataResult > li > span > span {display: inline-block; padding-right: 12px; margin-right: 12px; border-right: 1px dashed #E1E1E1;}

.oneStatisticsChartBox > canvas {width: 100%;}
.oneTable.strata {width: auto; min-width: 100%; white-space: nowrap;}
.oneTable.strata thead th {padding: 4px 12px;}
.oneTable.strata tbody th {padding: 4px 10px;}
.oneTable.strata tbody td {padding: 4px; border: 1px solid #E1E1E1;}
.oneTable.strata tbody td.heat {color: #ffffff; transition: all 0.3s; background-color: #0b84e1;}
.oneTable.strata tfoot th {padding: 10px;}
.oneTable.strata tfoot td {padding: 4px;}


.oneSearchRight {position: absolute; top: 0; right: 0; width: 230px;}
.oneSearchRight > a {width: 100%; margin-bottom: 21px; line-height: 50px;} 

.oneSearchHistory {min-height: 250px; margin-bottom: 24px; padding: 17px 24px 9px 24px; border-radius: 10px; background-color: #F2F4F7; box-sizing: border-box;}
.oneSearchHistory > h4 {margin-bottom: 12px; font-size: 16px; font-weight: 500; color: #000000;}
.oneSearchHistory > ul {letter-spacing: 2px;}
.oneSearchHistory > ul > li {display: inline-block; margin-bottom: 8px; padding: 0 11px; font-size: 15px; font-weight: 400; line-height: 27px; letter-spacing: -0.06em; border-radius: 16px; border: 1px solid #DCE6F4; color: #444444; background-color: #ffffff; transition: all 0.3s;}
.oneSearchHistory > ul > li:hover {color: #0049BE; box-shadow: inset 0 -2em 0 0 #e7eef8;}
.oneSearchHistory > ul > li > a:last-child {display: inline-block; margin-left: 5px; vertical-align: -1px;}

.oneSearchTopKeyword {padding: 17px 24px; background-color: #F2F4F7;}
.oneSearchTopKeyword > h4 {margin-bottom: 10px;}

.oneSearchTopKeywordTab {margin-bottom: 12px; overflow: hidden; line-height: 28px; border-radius: 15px; background-color: #ffffff;}
.oneSearchTopKeywordTab > li {float: left; width: 52%; font-size: 14px; font-weight: 500; text-align: center; color: #666666; transition: all 0.3s;}
.oneSearchTopKeywordTab > li:last-child {margin-left: -4%;}
.oneSearchTopKeywordTab > li:not(.on):hover {color: #0049BE; box-shadow: inset 0 -2em 0 0 #e7eef8;}
.oneSearchTopKeywordTab > li.on {border-radius: 15px; color: #FFFFFF; background-color: #1F3D7B;}
.oneSearchTopKeywordTab > li > a {display: block;}

.oneSearchTopKeywordList {}
.oneSearchTopKeywordList > li {margin-bottom: 5px; font-size: 15px; font-weight: 500; color: #666666;}
.oneSearchTopKeywordList > li:last-child {margin-bottom: 0;}
.oneSearchTopKeywordList > li:hover {color: #0049BE;}
.oneSearchTopKeywordList > li > span {display: inline-block; width: 22px; height: 22px; margin-right: 9px; font-size: 12px; vertical-align: 2px; font-weight: 500; color: #ffffff; text-align: center; background: url(../img/sub/bubble_on.svg) no-repeat center center; background-size: contain;}


/* 정보주체 권리행사 별도 UI */
.dataSubject .contentBox {margin: 150px 0 0 0; padding-bottom: 150px;}
.dataSubject .oneTable tbody td a {padding: 0 10px; line-height:28px;}
.dataSubjectLogin {padding: 52px 0; text-align: center; border-radius: 20px; border: 1px solid #0049BE;}
.dataSubjectLogin h2 {margin-bottom: 22px; font-size: 30px; font-weight: 500; color: #000000;}
.dataSubjectLogin .oneP {margin-bottom: 34px; color: #444444;}
.dataSubjectLoginCert {max-width: 450px; margin: 0 auto 50px auto;}
.dataSubjectLoginCert .btnL-gray {width: 100%; margin-bottom: 20px;}
.dataSubjectLoginCert .oneField {width: calc(100% - 113px);}
.dataSubjectLoginCert .oneField input[type="text"] {width: 100%; height: 48px; padding-left: 16px; font-size: 17px; border-radius: 10px; border-color: #E1E1E1;}
.dataSubjectLoginCert .btnL-blue {width: 96px; min-width: 96px; padding: 0;}
.dataSubjectLoginCenter {display: inline-block; margin-bottom: 35px; padding: 0 20px; line-height: 40px; border-radius: 20px; background-color: #F2F7FB;}
.dataSubjectLoginCenter i {font-weight: 600; vertical-align: middle;}
.dataSubjectLoginCenter strong {display: inline-block; margin: 0 8px; font-size: 15px; font-weight: 500; vertical-align: middle; color: #1F3D7B;}
.dataSubjectLoginCenter span {font-size: 15px; font-weight: 400; vertical-align: middle; color: #1F3D7B;}
.dataSubjectLoginGuide {font-size: 17px; font-weight: 400; color: #666666;}
.dataSubjectLoginGuide > a {text-decoration: underline; font-weight: 500; color: #0049BE;}


/* 잊힐 권리 */
.longTextBtn {line-height: 26px; margin: 0 12px; padding: 12px 18px;}
.btnL-gray.longTextBtn:hover {box-shadow: inset 0 -5em 0 0 #3E4C60; border: 1px solid #3E4C60; color: white; background-color: #636E81;}
.btnL-blue.longTextBtn:hover {box-shadow: inset 0 -5em 0 0 #003A95; border: 1px solid #003A95; color: white; background-color: #0049BE;}

.breakWord {word-break: break-word;}

.forgetTable:last-of-type .oneTable {margin-bottom: 0;}
.forgetTopPadding {padding-top: 15px;}
.fileUploadText {line-height: 32px; padding-left: 8px; margin-right: 8px;}
.fileUploadText > a {padding-left: 4px; font-size: 13px; line-height: 32px; font-weight: 600;}

.onForgetGuideList {}
.onForgetGuideList > li {margin-bottom: 30px;}
.onForgetGuideList > li > h4 {margin-bottom: 14px; font-size: 20px; font-weight: 500; color: #000;}
.onForgetGuideList > li > h5 {margin-bottom: 8px; font-size: 17px; line-height: 24px; font-weight: 500; color: #000;}
.onForgetGuideList > li > h5 > strong {display: inline-block; margin-right: 8px; font-weight: 500; color: #0049BE;}
.onForgetGuideList > li > h5 > span {display: inline-block; margin-left: 10px; padding: 0 11px; font-size: 14px; border-radius: 15px; border: 1px solid #0049BE; color: #0049BE;}
.onForgetGuideList > li > p {margin-bottom: 8px; font-size: 15px; font-weight: 400; color: #444444;}
.onForgetGuideList > li > span {display: block; font-size: 14px; font-weight: 400;}
.onForgetGuideList > li > ul {margin-bottom: 14px; padding-left: 25px; font-size: 14px; font-weight: 400; text-indent: -15px;}

/* 잊힐 권리 textarea 스크롤 관련 */
.autoText textarea {overflow: hidden;}

/* 잊힐 권리 서비스 소개 */
.forgetStepBox {position: relative; margin: 0 auto; text-align: center; width: 100%; max-width: 959px; border: 1px solid #D7EEFF; border-radius: 9.5px; padding: 50px 30px 0; box-sizing: border-box; margin-bottom: 50px;}
.forgetStepBox.forgetStep1 .forgetStepTitle {background-color: #E3F2FD;}
.forgetStepBox.forgetStep2 .forgetStepTitle {background-color: #BBDEFB;}
.forgetStepBox.forgetStep3 .forgetStepTitle {background-color: #64B5F6; color: #fff;}
.forgetStepBox.forgetStep4 .forgetStepTitle {background-color: #1E88E5; color: #fff;}
.forgetStepBox.forgetStep5 .forgetStepTitle {background-color: #3949AB; color: #fff;}
.forgetStepBox.forgetStep6 .forgetStepTitle {background-color: #1d2897; color: #fff;}
.forgetStepBox.forgetStep7 .forgetStepTitle {background-color: #000a66; color: #fff;}
.forgetStepBox.forgetStep8 .forgetStepTitle {background-color: #000748; color: #fff;}
.forgetStepBox > div {padding: 0 3px;}
.forgetStepBox > div::after {content: ""; display: block; clear: both;}
    .forgetStepTitle {position: absolute; top: -22px; left: 50%; transform: translateX(-50%); display: inline-block; font-size: 18px; color: #353535; font-weight: 600; text-align: center; width: 100%; max-width: 544px; line-height: 44px; border-radius: 30px;}
    .talkBox {text-align: left; border-radius: 20px; line-height: 26px; padding: 13px 40px 13px 26px; font-size: 18px; color: #353535; display: inline-block;}
    .talkBox:last-of-type {margin-bottom: 40px;}
    .talkBox.character {background-color: #D9D9D9; float:left; position: relative; margin-top: 22px;}
    .talkBox.character:first-of-type::before {content: ""; display: block; position: absolute; left: -12px; top: 20px; width: 0; height: 0; border-left: 7px solid white; border-right: 7px solid white; border-bottom: 12px solid #D9D9D9; transform: rotate(270deg);}
        .characterCircle {width: 100px; height: 100px; border-radius: 50%; background: #EAEAEA; position: relative; overflow: hidden;}
    .characterTalk .characterCircle {float: left; margin-right: 36px;}   
        .characterCircle .anne {position: absolute; top: -35px; left: -10px;}
        .characterCircle .guide {position: absolute; top: -34px; left: -15px;}
        .characterCircle .jikil {position: absolute; top: -38px; left: 11px;}
    .rubberTalk .characterCircle {float: right; margin: 0 0 20px 36px;} 
        .bubbleBox {float: right;}
    .talkBox.rubber {display: block; background-color: #24B60C; color: #fff; padding: 15px 18px 20px; position: relative; max-width: 536px; line-height: 27px; box-sizing: border-box;}   
    .talkBox.rubber.point {font-size: 19px;}
    .talkBox.rubber:first-of-type {margin-top: 25px; padding: 13px 40px 13px 25px;}
    .talkBox.rubber:nth-of-type(n) {margin-top: 8px;}
    .talkBox.rubber:first-of-type::after {content: ""; display: block; position: absolute; right: -12px; top: 20px; width: 0; height: 0; border-left: 7px solid white; border-right: 7px solid white; border-bottom: 12px solid #24B60C; transform: rotate(90deg);}
        .rubberPoint {font-size: 20px; font-weight: 600; line-height: 32px;}
        .rubberBold {font-weight: 600;}
        .rubberCheck::before {content: ""; display: inline-block; width: 14px; height: 14px; border: 2px solid #fff; box-sizing: border-box; margin: 0 5px 0 3px;}
    /*.rubberProcessImg img {width: 100%; max-width: 850px; min-width: 600px;}*/
    .rubberProcessImg img {width: 100%; max-width: 500px;}

    .rubberImgEx {background-color: #ECF6FE; padding: 25px 34px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%); margin-bottom: 40px;}
    .rubberImgEx::after {content: ""; display: block; clear: both;}
    .rubberImgEx li {width: calc((100% - 32px) / 2); max-width: 400px; max-height: 604px; float: left; box-sizing: border-box;}
    .rubberImgEx li:first-of-type {margin-right: 32px;}
    .rubberImgEx li img {width: 100%; border-radius: 14px; border: 1px solid #D9D9D9;}
    .rubberTxtEx {padding: 20px 60px 25px; font-weight: 600; text-align: left; background-color: #ECF6FE; font-size: 18px; box-shadow: 1px 1px 4px rgb(0 0 0 / 15%); margin-bottom: 40px;}
    .rubberTxtEx li {font-weight: 600; margin-bottom: 15px; color: #353535;}
    .rubberTxtEx li:last-of-type {margin-bottom: 0;}
        .rubberDetailEx {margin-left: 18px; padding-left: 12px; text-indent: 0px; display: block; position: relative; font-weight: 400;}
        .rubberDetailEx::before {content: "-"; display: inline-block; position: absolute; left: 1px;}
    .rubberTxtEx.info {padding: 18px 0 25px; margin-bottom: 18px;}
    .rubberTxtEx p {text-align: center; color: #353535;}
        .rubberInfoTitle {font-size: 18px; font-weight: 600; margin-bottom: 14px;}
        .rubberInfo {font-weight: 400;}
    .rubberTxtEx.query {padding: 27px 0;}    
    .rubberTxtEx.query p {font-size: 20px;}
    .rubberTxtEx.notice {padding: 23px 0 15px 25px; background-color: #EBEBEB;;}
    .rubberTxtEx.notice p {text-align: left; margin-left: 0;}
        .rubberDetailNum {margin-left: 18px; padding-left: 12px; text-indent: 0px; display: block; position: relative; font-weight: 400;}
        .rubberDetailNum .num {float: left; margin-right: 8px;}
        .rubberDetailNum .txt {display: block; text-indent: 0px; padding-left: 24px;}

        .oneStepLabel {position: relative; display: inline-block; margin: 12px 0 16px 0; padding: 9px 27px 9px 4px; border-radius: 0px 28px 28px 0px; transform: translateX(-5px); background-color: #E3F2FD; color: #353535;}
        .oneStepLabel > strong {display: inline-block; margin-right: 6px;}
    
        .one14UpperStep {}
        .one14UpperStep .text_red {color: #858585;}
        .one14UpperStep > li {display: flex; justify-content: center; align-items: center; margin: 0 45px 52px 45px;}
        .one14UpperStep > li:nth-child(2) .oneStepLabel {background-color: #BBDEFB;}
        .one14UpperStep > li:nth-child(3) .oneStepLabel {color: #fff; background-color: #64B5F6;}
        .one14UpperStep > li:nth-child(4) .oneStepLabel {color: #fff; background-color: #1E88E5;}
        .one14UpperStep > li:nth-child(5) .oneStepLabel {color: #fff; background-color: #3949AB;}
        .one14UpperStep > li:nth-child(6) .oneStepLabel {color: #fff; background-color: #1A237E}
            .one14UpperStepL {width: 235px; margin-right: 60px;}
            .one14UpperStepL > img {width: 100%;}
            .one14UpperStepR {max-width: 537px;}
                .one14UpperStepText {margin-top: 34px; text-align: center; color: #000;}
                .one14UpperStepText > strong {position: relative; display: inline-block; margin-bottom: 12px; font-weight: 500;}
                .one14UpperStepText > strong::after {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; display: block; width: 100%; height: 6px; padding: 0 12px; opacity: 0.7; background-color: #FDFF8B; z-index: -1;}
    
                .one14UpperStepIn {border-radius: 10px; border: 1px solid #BBDEFB; box-sizing: border-box;}
                .one14UpperStepIn > p {margin-bottom: 20px; padding: 0 20px;}
            
        .oneForgetTab {overflow: hidden; margin-bottom: 62px;}
        .oneForgetTab > ul {display: flex; width: calc(100% - 22px); min-height: 68px;}
        .oneForgetTab > ul > li {width: 100%; line-height: 20px; color: #333333; font-size: 15px; font-weight: 500; flex-shrink: 1;}
        .oneForgetTab > ul > li > a {position: relative; display: flex; justify-content: center; align-items: center; width: calc(100% + 22px); min-height: 68px; padding: 5px 25px; text-align: center; border-radius: 37px; border: 1px solid transparent; box-sizing: border-box; transition: all 0.3s;}
        .oneForgetTab > ul > li:nth-child(1) > a {background-color: #E3F2FD; z-index: 1;}
        .oneForgetTab > ul > li:nth-child(2) > a {background-color: #BBDEFB; z-index: 2;}
        .oneForgetTab > ul > li:nth-child(3) > a {color: #fff; background-color: #64B5F6; z-index: 3;}
        .oneForgetTab > ul > li:nth-child(4) > a {color: #fff; background-color: #1E88E5; z-index: 4;}
        .oneForgetTab > ul > li:nth-child(5) > a {color: #fff; background-color: #3949AB; z-index: 5;}
        .oneForgetTab > ul > li:nth-child(6) > a {color: #fff; background-color: #1d2897; z-index: 6;}
        .oneForgetTab > ul > li:nth-child(7) > a {color: #fff; background-color: #000a66; z-index: 7;}
        .oneForgetTab > ul > li:nth-child(8) > a {color: #fff; background-color: #000748; z-index: 8;}
        
        .oneForgetTab > ul > li > a:hover,
        .oneForgetTab > ul > li > a:focus {border: 1px solid #0049BE; color: #0049BE; background-color: #fff; z-index: 10;}
    
        .oneForgetTab.forget14Under > ul > li {height: auto;}
        .oneForgetTab.forget14Under > ul > li > a {flex-direction: column; height: 100%; font-weight: 500;}
        .oneForgetTab.forget14Under > ul > li > a > strong {margin: 8px 0 2px 0; font-weight: 500;}
        .oneForgetTab.forget14Under > ul > li > a > span {font-weight: 400;}
    
        .oneForget14UnderStep {max-width: 900px; margin: 0 auto;}
        .oneForget14UnderStep > li {display: flex; margin-bottom: 30px; border-radius: 10px; background-color: #F9F9F9;}
        .oneForget14UnderStep > li:nth-child(1) .oneStepLabel {background-color: #BBDEFB;}
        .oneForget14UnderStep > li:nth-child(2) .oneStepLabel {color: #fff; background-color: #64B5F6;}
        .oneForget14UnderStep > li:nth-child(3) .oneStepLabel {color: #fff; background-color: #1E88E5;}
        .oneForget14UnderStep > li:nth-child(4) .oneStepLabel {color: #fff; background-color: #3949AB;}
        .oneForget14UnderStep > li:nth-child(5) .oneStepLabel {color: #fff; background-color: #1A237E;}
        .oneForget14UnderStep > li:last-child {margin-bottom: 0;}
    
            .oneForget14UnderL {display: flex; flex-direction: column;}
            .oneForget14UnderL > img {display: block; margin-left: 20px;}
                .oneForget14UnderLImg {margin-top: auto;}
            .oneForget14UnderR {margin-left: auto; max-width: 560px; padding: 22px 20px;}
                .oneForget14UnderR .text_gray {margin: 8px 0; color: #858585;}
                .oneForget14UnderRT {margin-bottom: 14px; padding: 16px 20px; border-radius: 10px; background-color: #fff;}
                .oneForget14UnderRT > p > strong {position: relative; font-weight: 500; color: #000;}
                .oneForget14UnderRT > p > strong::before {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); display: block; content: ""; width: calc(100% + 4px); height: 8px; background-color: #FDFF8B;}
                .oneForget14UnderRT > p > strong > span {position: relative;}
                .oneForget14UnderRB {padding: 16px 20px; border-radius: 10px; color: #353535; border: 1px solid #1E88E5; background-color: rgba(255, 255, 255, 0.5);}
                .oneForget14UnderRB > h4 {display: block; margin-bottom: 6px;}
                    .oneForget14UnderRBIn {margin-top: 25px; padding: 15px 20px; text-align: center; border-radius: 10px; background-color: #fff;}
                    .oneForget14UnderRBIn > strong {position: relative; display: inline-block; margin-bottom: 4px; font-weight: 400;}
                    .oneForget14UnderRBIn > strong::after {position: absolute; bottom: 4px; left: 50%; transform: translateX(-50%); display: block; content: ""; width: calc(100% + 20px); height: 6px; background-color: #FFE68B;}
                    .oneForget14UnderRBIn > strong > span {position: relative; z-index: 1;}


/* 잊힐 권리 신청 유형 선택 */
.onTypeSelectBox {overflow: hidden;}
.onTypeSelectBox > .oneT4 {margin-bottom: 12px;}
.onTypeSelect {float: left; width: calc(50% - 15px); border-radius: 10px; overflow: hidden;}
.onTypeSelect:nth-of-type(1) {margin-right: 30px;}
.onTypeSelect > a {position: relative; display: flex; align-items: center; height: 130px; padding: 0 40px 0 30px; border-radius: 10px; border: 1px solid #E1E1E1; box-sizing: border-box; background-color: #ffffff; z-index: 1;}
.onTypeSelect > a > p {margin-left: 25px; font-size: 15px; font-weight: 500; color: #333333;}
.onTypeSelect > a > svg:last-child {margin-left: auto;}
.onTypeSelect.on > a {border-color: #0049BE; background-color: #0049BE;}
.onTypeSelect.on > a > p {color: #fff;}
.onTypeSelect.on > a > svg .stroke {stroke: #fff;}
.onTypeSelect.on > a > svg .fill {fill: #fff;}
.onTypeSelect.on .onTypeSelectIn {visibility: visible; transform: translateY(-10px);}


	.onTypeSelectIn {visibility: hidden; position: relative; transform: translateY(-100%); padding: 28px 25px 25px 25px; border-radius: 10px; border: 1px solid #E1E1E1; background-color: #F7F8F9; transition: all 0.3s;}
	.onTypeSelectIn > strong {display: block; margin-bottom: 16px; font-size: 14px; font-weight: 500; color: #000000;}
	.onTypeSelectIn > .oneField {display: block; margin-bottom: 16px;}
	.onTypeSelectIn > .oneField:last-child {margin-bottom: 0;}
	
	
/* 잊힐 권리 개인정보 수집 이용 동의 */
.forget .oneField input[type="radio"] + span {padding-right: 8px;}
.forget .oneField input[type="radio"] + span:before {top: 12px;}
.forget .oneField input[type="radio"]:checked + span:after {top: 12px;}
.forget .oneAgreeList > li > ul > li:after {display: none;}
.oneAgree.forget .oneAgreeList > li > ul > li strong {font-size: 1.2em; font-weight: 600; text-decoration: underline;}
.onePopup.forget .onePopup_content {padding-bottom: 40px;}


/* 잊힐 권리  관리의 위임 동의 박스 */
.oneForgetRef {margin-bottom: 30px; padding: 16px 21px; border-radius: 10px; border: 1px solid #0049BE; background-color: #F3F8FF;}
.oneForgetRef > strong {font-weight: 500; color: #0049BE;}
.oneForgetRef > p {color: #333;}

/* 개인정보 열람 등  */
.fileSearchField > a {display: inline-block; min-width: 70px; height: 36px; margin-left: 4px; font-size: 15px; font-weight: 500; line-height: 37px; text-align: center; transition: all 0.3s; border-radius: 5px; vertical-align: middle; color: #ffffff; background-color: #1F3D7B;}
.fileSearchField > a:hover {box-shadow: inset 0 -3.5em 0 0 #152C5C; color: white; background-color: #1F3D7B;}
.fileSearchField.oneField > a > span {font-size: 15px; font-weight: 500; vertical-align: unset; color: #ffffff;}
.fileSearchField.oneField > a > i {margin-right: 6px;}
.oneSearch .fileSearchField.oneField > button > i {display: inline-block; margin-right: 5px;}
.oneSearch .fileSearchField.oneField > button > span {margin-right: 0; font-size: 15px; line-height: 37px; vertical-align: unset; color: #fff;}

/* MY 개인정보 */
.mypageTopBox {min-height: 190px; background: linear-gradient(to right, #1F3D7B, #0049BE); padding: 0 0 0 35px; border-radius: 20px; color: white; padding-top: 44px; box-sizing: border-box; margin-bottom: 40px;}
    .mypageTopLeft {width: 350px; float: left;}
        .myAlarmNum {position: relative;}
            .myAlarmNumBtn {position: absolute; display: inline-block; width: 15px; height: 15px; border-radius: 8px; background-color: #FF3400; color: white; top: -5px; left: 8px; text-align: center; line-height: 15px; font-size: 10px;}
    .mypageTopLeft .myAlarmBox {display: none; position: absolute; max-width: calc(100% - 80px); padding-top: 0; top: 90px; box-sizing: border-box;}
        .myAlarmBoxIn {max-height: 204px; background-color: #fff; border-radius: 5px; z-index: 10; box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);}    
            .scroll-wrapper > .scroll-content {padding: 0 8px;}
            .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {background-color: rgba(0,0,0,0.4);}  
        .myAlarmBox li {line-height: 22px; padding: 10px 0; color: #333333; font-size: 14px; border-bottom: 1px dashed #E1E1E1;}
        .myAlarmBox li:last-of-type {border-bottom: none;}
    .mypageTopLeft > div {padding-top: 14px;}
    .mypageTopLeft > div a > span {font-size: 13px; line-height: 19px; display: inline-block; margin-bottom: 9px;}
    .mypageTopLeft > div a > span > img {vertical-align: middle; margin: 0 5px 0 0;}
    .mypageTopLeft > div > p {font-size: 20px;}
    .mypageTopLeft > div > p > span {font-size: 26px; line-height: 38px; font-weight: 500;}
    .mypageTopRight {width: calc(100% - 350px); float: left;}
    .mypageTopRight li {float: left; width: 33%; padding: 0 30px; box-sizing: border-box; border-right: 1px dashed rgba(255,255,255,0.2);}
    .mypageTopRight li:last-of-type {border-right: none;}
    .mypageTopRight li > span {display: inline-block; margin-bottom: 38px;}
    /*.mypageTopRight li:hover .mypageDetailImg img {opacity: 1;}*/
        .mypageDetailImg {line-height: 34px; display: inline-block; float: left;}
        .mypageDetailImg img {opacity: 0.4; vertical-align: middle; transition: all 0.3s;}
        .mypageDetailNum {float: right; line-height: 34px;}
        .mypageDetailNum span {font-size: 18px;}
        .mypageDetailNum strong {font-size: 36px; margin-right: 4px;}


.customBox {margin-bottom: 60px;}
.customBox::after {content: ""; display: block; clear: both;}
    .customLeft {width: 170px; float: left; padding-top: 10px;}
    .customLeft span {font-size: 17px; font-weight: 500; color: #292929; display: inline-block; margin-bottom: 12px;}
    .customLeft p {font-size: 14px; color: #666; width: 80%;}
    .customRight {width: calc(100% - 170px); float: right; overflow: hidden; height: 130px; padding: 10px 0 0 5px; box-sizing: border-box;}
    .customRight > div > ul > li {float: left; text-align: center;}
    .customRight > div > ul > li:last-of-type {padding-right: 0;}
    .customRight > div > ul > li > a {position: relative; display: inline-block; text-align: center; transform: translateY(32px);}
    .customRight > div > ul > li > a > img {transition: all 0.3s; width: 48px; vertical-align: middle;}
    .customRight > div > ul > li > a > strong {display: block; font-size: 15px; font-weight: 400; color: #555555;}
    .customRight > div > ul > li > a > strong > img {margin-left: 4px;}
    .customRight > div > ul > li > a > span {position: absolute; bottom: 90%; left: 50%; transform: translateX(calc(-50% - 15px)) rotate(-15deg); transform-origin: left bottom; display: block; padding: 0 8px; font-size: 12px; font-weight: 500; line-height: 25px; border-radius: 10px; color: #333333; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px;}
    .customRight > div > ul > li > a:hover > span {position: absolute; bottom: 100%; left: 50%; transform: translateX(calc(-50% - 15px)) rotate(-15deg); transform-origin: left bottom; display: block; padding: 0 8px; font-size: 12px; font-weight: 500; line-height: 25px; border-radius: 10px; color: #333333; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px; animation: moveUpDown 0.6s infinite ease;}
    .customRight > div > ul > li > a:hover > strong {font-weight: 500; color: #0049BE;}
    .customRight > div > ul > li > a:hover > img {transform: scale(1.1);}

.hashTagBox {line-height: 28px; background-color: #F7F8F9; padding: 9px 0 9px 20px; margin-bottom: 50px;}
.hashTagBox::after {content: ""; display: block; clear: both;}
.hashTagBox > ul li {float: left; margin-right: 28px; color: #555; font-size: 14px;}
.hashTagBox > ul li a {display:block; padding:0px 10px; border-radius:14px;}
.hashTagBox > ul li a:hover {color: #0049BE;}
.hashTagBox > ul li.on a {background:#003C6C; color:#fff;}

.mypageHistoryBox::after {content: ""; display: block; clear: both;}
.mypageHistoryBox > div {width: calc((100% - 40px) / 2); margin-right: 40px; float: left; position: relative;}
.mypageHistoryBox > div:last-of-type {margin-right: 0;}
.mypageHistoryBox > div h3 {display: inline-block; margin-bottom: 10px;}
    .myAllListBtn {float: right;}
    .myAllListBtn img {vertical-align: 1px; margin-right: 2px;}
.mypageHistoryBox > div > div {position: relative; padding: 10px 8px; box-sizing: border-box;}
.mypageHistoryBox > div > .newsNavi.recently {width: 76px; height: 34px; border-radius: 5px; position: absolute; left: 145px; top: -2px; z-index: 1; background-color: transparent; box-shadow: none;}
.mypageHistoryBox > div > .newsNavi::after {display: none;}
.mypageHistoryBox > div > .newsNavi .naviStop {display: inline-block; width: 20px; height: 20px; margin: 0px 20px; cursor: pointer;}
.mypageHistoryBox > div > .newsNavi .naviStop::before {content: ""; width: 0; height: 18px; border-left: 2px solid #707070; display: block; position: absolute; top: 6px; left: 34px;}
.mypageHistoryBox > div > .newsNavi .naviStop::after {content: ""; width: 0; height: 18px; border-left: 2px solid #707070; display: block; position: absolute; top: 6px; left: 41px;}
    .recentlySwiper > ul > li {background-color: #EFF1F4; border-radius: 10px; padding: 20px 24px; box-sizing: border-box; position: relative; min-height: 250px;}
    .recentlySwiper > ul > li:hover {background-color: #fff; box-shadow: 0 0 15px rgba(0, 48, 125, 0.20);}
        .historyState {display: inline-block; margin-bottom: 10px; font-weight: 500;}
        .applyDate {display: inline-block; color: #555; margin-bottom: 4px; font-size: 14px; word-break: keep-all;}
        .applyDate span {margin-left: 6px;}
        .historyBtn {position: absolute; width: 100%; left: 0; bottom: 20px;}
        .historyBtn a {transition: all 0.3s;  min-width: 170px; line-height: 40px; color: white; font-weight: 500; font-size: 16px; display: inline-block; background: #636E81; text-align: center; border-radius: 5px;}
        .historyBtn a:hover {box-shadow: inset 0 -3.5em 0 0 #3E4C60; color: white; background-color: #636E81;}
    .eduSwiper > ul > li {background-color: #EFF1F4; border-radius: 10px; padding: 20px 24px; box-sizing: border-box; position: relative; min-height: 250px;}    
    .eduSwiper > ul > li:hover {background-color: #fff; box-shadow: 0 0 15px rgba(0, 48, 125, 0.20);}
   	.eduSwiper > ul > li > .oneT3 {display: -webkit-box; max-height: 3em; /* 반응형으로 인한 폰트사이즈 변경에 맞춰서 두 줄 나오게 */ overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}    
        .mypageHistoryBox > div > .newsNavi.edu {width: 76px; height: 34px; border-radius: 5px; position: absolute; left: 111px; top: -3px; z-index: 1; background-color: transparent; box-shadow: none;}
        .historyProcess {text-align: center;}
        .historyProcess::after {content: ""; display: block; clear: both;}
        .historyProcess li {float: left; position: relative; width: 25%;}
        .historyProcess li::before {content: ""; display: block; width: 100%; height: 0; border-bottom: 1px solid #E1E1E1; position: absolute; top: 14px; left: 27px;}
        .historyProcess li:last-of-type::before {display: none;}
        .historyProcess li div {position: relative; display: inline-block; width: 10px; height: 10px; border-radius: 5px; vertical-align: middle; background-color: #E1E1E1; border: 2px solid transparent; box-sizing: border-box;}
        .historyProcess li.on::before {border-bottom: 1px solid #0049BE;}
        .historyProcess li.on div {background-color: #0049BE;}
        .historyProcess li.on.last::before {border-bottom: 1px solid #E1E1E1;}
        .historyProcess li.on.last div {width: 12px; height: 12px; border-radius: 50%; border: 2px solid #0049BE; background-color: white;}
        .historyProcess li span {position: absolute; top: 30px; left: 0; font-size: 12px; width: 100%;}
        .historyProcess li.on span {color: #0049BE;}  
.historyEmpty {min-height: 290px; line-height: 290px; border-radius: 10px; border: 1px solid #E1E1E1; text-align: center;}
.historyEmpty > div {display: inline-block; vertical-align: middle; line-height: 100%;}
.historyEmpty > div > img {margin-bottom: 4px;}
.historyEmpty > div > p {font-size: 15px; color: #666;}
.mypageHistoryBox .oneNoDataBox {padding-top: 58px;}
.mypageHistoryBox .oneNoDataBoxIn {margin-bottom: 40px;}

.myNoDataBox {border: 1px solid #EFF1F4; border-radius: 10px; text-align: center; height: 250px; line-height: 250px;}
	.myNoDataBoxIn {display: inline-block; line-height: 100%; vertical-align: middle;}
	.myNoDataBoxIn img {margin-bottom: 4px;}
	.myNoDataBoxIn p {font-size: 15px; font-weight: 500; color: #666;}

.onepassClear {border-top: 1px solid #efefef; padding-top: 20px;}
.onepassClear > span {vertical-align: middle;}

.myPageLink {margin-top: 6px;}

/* MY 개인정보 스크랩 */
.oneTable.scrap tbody td {position: relative; padding: 18px 110px 18px 28px; text-align: left;}
.oneTable.scrap tbody td.noScrap {padding: 18px;}
.oneTable.scrap tbody td > h4 {font-size: 17px; font-weight: 500; color: #333333;}
.oneTable.scrap tbody td a:hover {color: #333333;}
.oneTable.scrap tbody td > span {font-size: 13px; font-weight: 400; color: #666666;}
.oneTable.scrap tbody td > .scrapDate {position: absolute; top: 0; bottom: 0; right: 110px; margin: auto 0; height: 20px;}
.oneTable.scrap tbody td > a {position: absolute; top: 0; bottom: 0; right: 22px; margin: auto 0; height: 30px;}
.oneTable.scrap tbody td > a:hover {color: #ffffff;}


/* MY 개인정보 탭 */
.oneTab.myAplctTab {display: flex;}
.oneTab.myAplctTab > li {flex: 1 1 auto;}


/* 교육 안내 */
/*clear fix : .clfix*/
/* .clfix{*zoom:1} */
.clfix:after,.clfix:before{line-height:0;display:table;content:''}
.clfix:after{clear:both}

/* list_edu_intro : 교육방법안내*/
.list_edu_intro{border-top:0;}
.sequence_num{margin:50px 0 10px 0;font-size:18px;font-weight: 500;color:#333;}
.list_edu_intro .c_box img{border-radius: 10px; border:1px solid #ddd; box-sizing: border-box;}
.list_edu_intro .c_box p{margin-top:5px;word-break: keep-all;}
.c_box{text-align: center;}
.c_box img{display: inline-block; max-width:100%;}
.c_box .mb{display:none;margin:0 auto;}
.c_box.title_area img {border-radius: 10px;}

/* 일정비율로 나눔 list_card */
.list_proc_center{text-align: center;}
.list_card {overflow: hidden;}
.list_card>li{float:left;padding:5px;box-sizing: border-box;}
.list_card .tt{margin:5px 0;font-weight:500;font-size:18px;}
.list_card.box2 {overflow: hidden;} 
.list_card.box2>li{width:calc((100% - 10px) / 2); padding: 0;}
.list_card.box2>li:first-child {margin-right: 10px;}
.list_card.box3>li{width:33.333%;}
.list_card.box4>li{width:25%;}
.list_card.box5>li{width:20%;}

/* 통계보기 */
.oneStatisticsChartBox {margin-bottom: 50px;}

.text_orange {color: #FF7700;}
.text_green {color: #007F48;}
.text_gray {color: #636E81;}


/* 본인인증 */
.oneAccredit {position: relative; margin-bottom: 34px; overflow: hidden; display: none;}
/* 14세 미만 */
.oneAccredit.deputy {display: block;}
.oneAccreditIn.list4 .oneAccredit_sns > li:nth-child(5) {display: none;}
.oneAccreditIn.list4 .oneAccredit_sns > li:nth-child(4) {margin-bottom: 0;}
.oneAccreditIn.list4 .oneAccredit_list {height: 260px;}
.oneAccreditIn.list4 .oneAccredit_list.addAccredit {height: 140px;}
.oneAccreditIn.list4 .oneAccredit_list > li > a > span {margin: 14px 0;}


.oneAccreditIn.list3 .oneAccredit_sns > li:nth-child(5) {display: none;}
.oneAccreditIn.list3 .oneAccredit_sns > li:nth-child(4) {display: none;}
.oneAccreditIn.list3 .oneAccredit_sns > li:nth-child(3) {margin-bottom: 0;}
.oneAccreditIn.list3 .oneAccredit_sns > li {line-height: 98px;}
.oneAccreditIn.list3 .oneAccredit_sns > li > a {padding-left: 96px; font-size: 20px;}
.oneAccreditIn.list3 .oneAccredit_sns .oneAccredit_icon {left: 40px; transform: scale(1.5);}
.oneAccreditIn.list3 .oneAccredit_list {height: 325px;}

.oneAccreditIn.list2 .oneAccredit_sns > li:nth-child(5) {display: none;}
.oneAccreditIn.list2 .oneAccredit_sns > li:nth-child(4) {display: none;}
.oneAccreditIn.list2 .oneAccredit_sns > li:nth-child(3) {display: none;}
.oneAccreditIn.list2 .oneAccredit_sns > li:nth-child(2) {margin-bottom: 0;}
.oneAccreditIn.list2 .oneAccredit_sns > li {line-height: 97px;}
.oneAccreditIn.list2 .oneAccredit_sns > li > a {padding-left: 96px; font-size: 20px;}
.oneAccreditIn.list2 .oneAccredit_sns .oneAccredit_icon {left: 40px; transform: scale(1.5);}

.oneAccreditIn.list2 .oneAccredit_list {height: 211px;}
.oneAccreditIn.list2 .oneAccredit_list > li > a > span {margin: 10px 0 0 0;}

.oneAccreditAgree {margin-bottom: 20px; padding: 15px 20px; border-radius: 5px; border: 1px solid #E1E1E1; background-color: #ffffff;}
.oneAccreditAgree .btnGroup {margin-top: 10px;}
.useGuideBtn {margin-bottom: 4px;}

/* .onePopup_content.accredit {max-width: 700px; min-height: 400px; overflow: hidden;}
.onePopup_content.accredit .oneAccredit_text {margin-bottom: 17px;}
.onePopup_content.accredit .oneAccredit_list {width: 100%; height: 160px;}
.onePopup_content.accredit .oneAccredit_list > li {height: 100%;}
.onePopup_content.accredit .oneAccredit_list > li:nth-child(-n + 2) {border-bottom: none} */
.onePopup_content .useGuideBtnBox {position: absolute; bottom: 0; left: 0; background-color: #EFF1F4; line-height: 72px; width: 100%; padding-left: 30px; box-sizing: border-box;}
.onePopup_content .useGuideBtn {margin-bottom: 0;}
.onePopup_content .useGuideBtn > span {font-weight: 500; padding-left: 28px; position: relative; font-weight: 500; color: #333; line-height: 30px; display: inline-block; margin-right: 15px;}
.onePopup_content .useGuideBtn > span::before {content: ""; display: inline-block; background-image: url(/assets/img/sub/popAccreditImg.svg); width: 22px; height: 26px; z-index: 10; bottom: 0; background-repeat: no-repeat; background-position: center; position: absolute; left: 0;}
.onePopup_content .useGuideBtn i {display: none;}


/* 본인인증 접근성 */
.btnL-blue:focus {outline: 2px solid #ff6308;}
.btnS-gray:focus {outline: 2px solid #ff6308;}
#cmmnLoginPopup .btnGroup {overflow: visible;}
.onePopup_content .onePopup_close:focus {outline: 2px solid #ff6308;}

/* 이용자가이드 */
.onePopup_content.useGuide .oneT3 {margin-bottom: 14px;}
    .oneDesc.useGuide1 {padding: 24px 0 24px 26px;}
    .oneDesc.useGuide1::after {content: ""; display: block; clear: both;}
    .oneDesc.useGuide1 > div {float: left;}
        .useGuideImg {width: 188px; margin-right: 20px;}
        .useGuideCon {width: calc(100% - 208px);}
        .useGuideCon .oneT4 {font-size: 16px; margin-bottom: 8px;}
        .useGuideCon .oneDotList li {font-size: 14px;}
    .oneDesc.useGuide2 {padding: 0; margin-bottom: 20px;}
    .oneDesc.useGuide2.oneBottomS {margin-bottom: 30px;}
    .oneDesc.useGuide2::after {content: ""; display: block; clear: both;}
        .useGuideIcon {width: 15%; text-align: center; float: left; position: relative; padding-top: 35px;}
        .useGuideIcon::after {content: ""; display: block; position: absolute; top: 0; right: 0; width: 0; height: 145px; border-right: 1px dashed #e1e1e1;}
            .useGuideIconTitle {font-size: 13px; color: #1F3D7B; font-weight: 500;}
        .useGuideText {width: calc(100% - 15%); float: left; padding: 20px 60px 0 27px; box-sizing: border-box;}
        .useGuideText > p {font-size: 16px; color: #000;}
        .useGuideText .btnGroup {letter-spacing: 16px; margin-top: 0;}
        .useGuideText .btnM-gray {margin: 0 16px 26px 0;}
        .useGuideText .btnM-gray:focus {outline: 2px solid #ff6308;}
        .useGuideText .btnM-gray > i {font-size: 11px; margin: 0 0 0 6px;}
    .oneDesc.useGuide3 {padding: 20px 0 0; margin-bottom: 0;}
    .oneDesc.useGuide3::after {content: ""; display: block; clear: both;} 
    .oneDesc.useGuide3 > ul {margin-bottom: 28px;}    
    .oneDesc.useGuide3 > ul::after {content: ""; display: block; clear: both;}    
    .oneDesc.useGuide3 > ul > li {width: 33.33%; float: left; text-align: center; position: relative;}
    .oneDesc.useGuide3 > ul > li::after {content: ""; display: block; position: absolute; top: -18px; right: 0; width: 0; height: 220px; border-right: 1px dashed #e1e1e1;}
    .oneDesc.useGuide3 > ul > li:nth-of-type(3)::after {display: none;}
    .oneDesc.useGuide3 > ul > li > p {font-size: 16px; color: #000; font-weight: 500; margin-bottom: 12px;}
    .oneDesc.useGuide3 > ul > li > div {display: inline-block; width: 100%;}
    .oneDesc.useGuide3 > ul > li > div > ul {padding: 0 5%;}
    .oneDesc.useGuide3 > ul > li > div > ul::after {content: ""; display: block; clear: both;}   
    .oneDesc.useGuide3 > ul > li > div > ul > li {float: left; width: 50%; text-align: center; padding-top: 30px;}
    .oneDesc.useGuide3 > ul > li > div > ul > li > a {position: relative; display: inline-block; text-align: center; }
    .oneDesc.useGuide3 > ul > li > div > ul > li > a > img {transition: all 0.3s;}
    .oneDesc.useGuide3 > ul > li > div > ul > li > a > strong {display: block; font-size: 15px; font-weight: 400; color: #555555; line-height: 20px;}
    .oneDesc.useGuide3 > ul > li > div > ul > li > a > strong > img {margin-left: 4px;}
    .oneDesc.useGuide3 > ul > li > div > ul > li > a > span {position: absolute; bottom: 90%; left: 50%; transform: translateX(calc(-50% - 15px)) rotate(-15deg); transform-origin: left bottom; display: block; padding: 0 8px; font-size: 12px; font-weight: 500; line-height: 25px; border-radius: 10px; color: #333333; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.16) 0 0 6px;}    
    .oneDesc.useGuide3 > ul > li > div > ul > li > a:hover > span {animation: moveUpDown 0.6s infinite ease;}


/* 고유식별정보 윈도우 팝업 */
.oneWinPopup .tit_pop {margin-bottom: 20px; padding-bottom: 10px; font-size: 22px; font-weight: 500; border-bottom: 1px solid #E1E1E1; color: #0049BE;}

.oneImgBoxList > .oneImgBox {margin-bottom: 20px;}
.oneImgBoxList > .oneImgBox:last-child {margin-bottom: 0;}


/* 프라이벗 */
#privacyAiWrap {z-index: -1 !important;} /* chat_style.css 보다 우선 */
#privacyAiWrap #privacyAiBtn {width: 80px; height: 80px; bottom: 11px; right: 3px; cursor: pointer;}
#privacyAiBtn button {display: none;}

/* 영향평가 */
.agencyDetailList {display: none;}

.oneTable tbody tr td.pointBg {background-color: #fffa9c; font-weight: 500;}

/* 영향평가 대가산정 */
.oneTable.infApp > tbody > tr > td {padding: 20px 12px;}
.oneTable.infApp .oneField + .infPlusTxt {font-size: 14px; vertical-align: -1px;}

.oneStepBox.infApp {padding: 12px; font-size: 15px;}

.oneDesc.infAppRes {text-align: center; padding: 14px 0;}
    .infAppResNum {font-size: 20px; color: #444;}
    
/* 접수현황관리 */
.oneComplaiSearch {padding-right: 145px;}
    
/* 챗봇 */
.mobileVer #privacyAiPanel.on {max-width: 95% !important;}    


/* ================================================================================= */
/* 설문조사 CSS */
/* display */
.survey_area .dBlock{display: block !important;}
.survey_area .dInBlock{display: inline-block !important;}

/*float*/
.survey_area .floatR{float:right !important;}
.survey_area .floatL{float:left!important;}

/*margin*/
.survey_area .mg0{margin:0 !important;}
.survey_area .mg0auto{margin:0 auto !important;}

.mgt0{margin-top:0px !important;}
.mgt5{margin-top:5px !important;}
.mgt10{margin-top:10px !important;}
.mgt15{margin-top:15px !important;}
.mgt20{margin-top:20px !important;}
.mgt25{margin-top:25px !important;}
.mgt30{margin-top:30px !important;}
.mgt35{margin-top:35px !important;}
.mgt45{margin-top:45px !important;}
.mgt60{margin-top:60px !important;}
.mgt100{margin-top:100px !important;}

.mgl0{margin-left:0 !important;}
.mgl5{margin-left: 5px !important;}
.mgl10{margin-left: 10px !important;}
.mgl20{margin-left: 20px !important;}
.mgl35{margin-left:35px !important;}
.mgl45{margin-left:45px !important;}

.mgr5{margin-right: 5px !important;}
.mgr10{margin-right: 10px !important;}
.mgr20{margin-right: 20px !important;}
.mgr35{margin-right:35px !important;}
.mgr45{margin-right:45px !important;}

.mgb0{margin-bottom: 0px !important;}
.mgb10{margin-bottom: 10px !important;}
.mgb20{margin-bottom: 20px !important;}
.mgb30{margin-bottom:30px !important;}
.mgb35{margin-bottom:35px !important;}
.mgb45{margin-bottom:45px !important;}

/*padding*/
.pd0{padding:0 !important;}
.pd5{padding:5px !important;}
.pd10{padding:10px !important;}

.pdt5{padding-top:5px !important;}
.pdt10{padding-top:10px !important;}
.pdt15{padding-top:15px !important;}
.pdt20{padding-top:20px !important;}
.pdt25{padding-top:25px !important;}
.pdt30{padding-top:30px !important;}
.pdt35{padding-top:35px !important;}
.pdt100{padding-top:100px !important;}

.pdl0{padding-left:0 !important;}
.pdl10{padding-left: 10px !important;}
.pdl20{padding-left: 20px !important;}
.pdl35{padding-left:35px !important;}
.pdl45{padding-left:45px !important;}

.pdr10{padding-right: 10px !important;}
.pdr20{padding-right: 20px !important;}
.pdr35{padding-right:35px !important;}
.pdr45{padding-right:45px !important;}

.pdb0{padding-bottom: 0px !important;}
.pdb10{padding-bottom: 10px !important;}
.pdb20{padding-bottom: 20px !important;}
.pdb35{padding-bottom:35px !important;}
.pdb45{padding-bottom:45px !important;}

/*vertical*/
.vat-align-t{vertical-align: top !important;}
.vat-align-b{vertical-align: bottom !important;}
.vat-align-m{vertical-align: middle !important;}

/*font,text*/
.txtl {text-align: left !important;}
.txtr {text-align: right !important;}
.txtc {text-align: center !important;}

.txtu{text-decoration: underline !important;}

/* font-weight */
.ftLight{font-weight: 100 !important;}
.ftMedium{font-weight: 500 !important;}
.ftBold{font-weight: 600 !important;}

.ft12{font-size:12px;}
.ft13{font-size:13px;}
.ft15{font-size:15px;}
.ft16{font-size:16px;}
.ft17{font-size:17px;}
.ft18{font-size:18px;}
.ft19{font-size:19px;}

/*color*/
.colorBlue{color:#1647aa !important;}
.colorOrginBlue{color:#0000ff !important}
.colorLightBlue{color:#4374ac !important;}
.colorLightBlue2{color:#2158ff !important;}
.colorRed{color:#df3131 !important;}
.colorWhite{color:#fff !important;}
.colorBlack{color:#111 !important;}
.colorGrey{color:#777 !important;}
.colorYellow{color:#ffe575 !important;}

/* background */
.bg_yellow{background: #fff8d9;}
.bg_red{background: #ffe0e0;}/* 20201111 */
.bg_blue{background: #f0f5ff;}/* 20201111 */
.bg_whiteGrey{background: #fbfbfb;}
.bg_whiteGrey2{background: #f9f9f9;}

/* border */
.bdb_dash{border-bottom:1px dashed #ccc;}
.bd0{border-bottom:0 !important;}
.bdnone{border: none !important;}

/*말줄임*/
.dotdot {display: inline-block; max-width: 95%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 안보이는 텍스트 */
.hdtxt, .tit_none{display:block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow:hidden;}

/* 커서 */
.csP{cursor: pointer;}

/*width*/
.w100{width:100%;}
.w90{width:90%;}
.w80{width:80%;}
.w70{width:70%;}
.w60{width:60%;}
.w50{width:50%;}
.w40{width:40%;}
.w30{width:30%;}
.w20{width:20%;}
.w10{width:10%;}

.wp50{width:50px;}
.wp100{width:100px;}
input[type="radio"]:not(old) {margin:0; padding:0;width:0;background:url('/images/common/checkRadio.png') no-repeat 0 0;opacity:0;} 
/*btn 버튼*/
/*btn크기*/
/* 20210416(s) */
.btns2{display: inline-block;padding:2px 8px;border-width:1px!important;border-style:solid !important; font-size:12px;box-sizing: border-box !important;transition: background 0.3s;word-break: keep-all;}/* 20210416(e) */
.btns{display: inline-block;padding:4px 8px;border-width:1px!important;border-style:solid !important; font-size:13px;box-sizing: border-box !important;transition: background 0.3s;word-break: keep-all;}
.btnm{display: inline-block;padding:6px 15px;border-width:2px 2px 2px 2px !important;border-style:solid !important; font-size:14px;box-sizing: border-box !important;transition: background 0.3s;word-break: keep-all;}
.btnm2{display: inline-block;padding:8px 20px;border-width:2px !important;font-size:14px;box-sizing: border-box !important;transition: background 0.3s;word-break: keep-all;}
.btnL{display: inline-block;padding:12px 25px;border-width: 2px !important; font-size:15px;box-sizing: border-box !important; transition: background 0.3s;word-break: keep-all;}
.btnL2{display: inline-block;padding:10px 25px;border-width: 2px !important; font-size:15px;box-sizing: border-box !important; transition: background 0.3s;word-break: keep-all;}
.btnXL{display: inline-block;padding:15px 68px 15px 68px;border-width:2px 2px 2px 2px !important;border-style:solid !important; font-size:18px;box-sizing: border-box !important; transition: background 0.3s;word-break: keep-all;}

/* btn색상 */
/* 211201 한 (s) */
.btnBlueSky{background: #406fce !important;border-color:#406fce !important;color:#fff !important}
.btnBlueSky:hover{background:#1a4292 !important;}
.btnGrey{background: #555 !important;border-color:#555 !important;color:#fff !important}
.btnGrey:hover{background:#333 !important;}
.btnLightGrey{background: #ededed !important;border-color:#ccc !important;color:#111 !important}
.btnLightGrey:hover{background:#ddd !important;}
.btnCyan{background:#1d5a73 !important;border-color:#1d5a73 !important;	color: #fff !important;}
.btnCyan:hover{background:#062c3b !important}
.btnWhite{background: #fff !important;border-color:#aaa !important;color:#111 !important}
.btnWhite:hover{background:#eee !important;}
.btnOrange{background: #f36d00 !important;border-color: #f36d00 !important;color:#fff !important}
.btnOrange:hover{background:#ce5d00 !important;}
.btnRed{background: #ca3c30 !important;border-color: #ca3c30 !important;color:#fff !important}
.btnRed:hover{background:#b42519 !important;}
.btnViolet{background: #4e469c !important;border-color: #4e469c !important;color:#fff !important}
.btnViolet:hover{background:#383185 !important;}


/* 버튼 */
/* 화살표있는 버튼 */
/* 211201 한 (s) */
.btnarrR,.btnarrR:hover{padding-right:25px !important;background-image: url('https://www.privacy.go.kr/images/sub/scommon/ico_sgt_white.gif') !important;background-repeat: no-repeat !important;background-position: right center !important;}
/* //211201 한 (e) */
.btnL.btnarrR{padding-right: 35px !important;}
.btnarrRW,.btnarrRW:hover,.btnarrRW:focus{padding-right:25px !important;background-image: url('https://www.privacy.go.kr/images/sub/scommon/ico_sgt.gif') !important;background-repeat: no-repeat !important;background-position: right center !important;}
.btnarrLW,.btnarrLW:hover,.btnarrLW:focus{padding-left:25px !important;background-image: url('https://www.privacy.go.kr/images/sub/scommon/ico_sgt_left.gif') !important;background-repeat: no-repeat !important;background-position: left center !important;}
/* 초기화 버튼 */
.btn_reset,.btn_reset:hover,.btn_reset:focus{padding-left:25px !important;background-image: url('https://www.privacy.go.kr/images/sub/scommon/ico_init.gif') !important;background-repeat: no-repeat !important;background-position:8px center !important;}
/* 엑셀버튼 */
.btnExcel,.btnExcel:hover,.btnExcel:focus{padding-left: 35px !important;background-image: url('https://www.privacy.go.kr/images/sub/ico/viewer_excel.gif') !important;background-repeat: no-repeat !important;background-position:8px center !important;background-size:22px !important;}
/* 자율점검 */
.auto_check,.auto_check:hover,.auto_check:focus{position: relative; padding-left:60px !important;background-image: url('https://www.privacy.go.kr/images/sub/ico/ico_ex_sys_2.png') !important;background-repeat: no-repeat !important;background-position:25px center !important;background-color: #2a6bff !important;color:#fff;}
.auto_check:before{display: block;content:"";position: absolute;right:40px;top:50%;transform: translateY(-50%);width:20px;height:20px;background: url('https://www.privacy.go.kr/images/sub/scommon/ico_sgt_white.gif') no-repeat center;}
/* 다운버튼 */
.btnDown,.btnDown:hover,.btnDown:focus{padding-right:30px !important;background-image: url('https://www.privacy.go.kr/images/sub/scommon/btn_down_white.gif') !important;background-repeat: no-repeat !important;background-position: right center !important;}
.btnDownBlack,.btnDownBlack:hover,.btnDownBlack:focus{padding-right:30px !important;background-image: url('https://www.privacy.go.kr/images/sub/scommon/btn_down_black.gif') !important;background-repeat: no-repeat !important;background-position: right center !important;}
/* 인쇄버튼 */
.btnPrint,.btnPrint:hover,.btnPrint:focus{padding-right:30px !important;background-image: url('https://www.privacy.go.kr/images/sub/scommon/ico_print02.gif') !important;background-repeat: no-repeat !important;background-position: right center !important;}
/* 비디오버튼 */
.btnVideo{display: inline-block;width:20px;height:20px;background: url('https://www.privacy.go.kr/images/sub/ico/btn_video.gif')no-repeat center;text-indent: -9999px;}
/* captcha_btn */
.captcha_btn input{display: inline-block;padding:4px 8px;border-width:1px;border-style:solid ; font-size:13px;box-sizing: border-box ;transition: background 0.3s;word-break: keep-all;}
.captcha_btn input:first-child{padding-left:25px;background-color: #555 ;border-color:#555;color:#fff;background-image: url('https://www.privacy.go.kr/images/sub/scommon/ico_init.gif');background-repeat: no-repeat;background-position:8px center ;}
.captcha_btn input:last-child{background: #fff;border-color:#aaa;color:#111;}


/* 게시판형식 tb_board*/
.cnt_page{margin:0 0 8px 0;font-size:14px;}
.tb_board{border-top:2px solid #353e4d;}

/* 220321(s) 설문조사 페이지 신설*/
.survey_wrap{
    width: 100%;
    margin:0 auto;
    box-sizing: border-box;
    padding:0px 20px;
}
/* 220623(s) */
.survey_flex{
    width: 100%;
    display: flex;
    flex-flow: wrap;
    margin: 0 auto;
}
.survey_flex li {
    display: flex;
    flex-flow: row;
    justify-content: center;  
    width: calc((100% / 3) - (10% / 3));
    margin: 0 5% 3% 0;  
}
.survey_flex li:nth-child(3n) {
	margin-right: 0;
}
.survey_flex li a{
    display: block;
    width: 100%;  
}
.survey_flex li a:focus{
    outline: 2px solid #000;
}
/* //220623(e) */
/* 220819(s) */
.survey_box{  
    height: 290px;
    border: 1px solid #eee;    
    box-sizing: border-box;
    padding:20px;
    position: relative;
    margin-top: 4px;        
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}
.survey_box>.box-gift{
    content: "";
    width: 100%;
    position: absolute;    
    bottom: 50px;
    left: 5px;    
    z-index: 2;    
}
.survey_box .box-gift .img-gift{
    width: 50px;
}
.survey_box .box-gift::before{
    content: "경품이벤트";
    position: absolute;    
    padding: 2px 3px;
    box-sizing: border-box;
    top:20px;
    left: 12px;
    border-radius: 100px;
    background-color: #fff;
    border: 1px solid #8840AB;
    font-size: 8px;
    z-index: 3;
    color: #333;
    font-weight: 400;
}
.survey_box .text-gift{    
    position: absolute;
    top:33px;
    left: 65px;
    background-color: #3D3D65;
    border-radius:4px;
    padding: 5px 10px;    
    color: #fff;
    font-size: 11px!important;
    z-index: 4;
    
}
.survey_box .text-gift::before{ 
    content: "";
    position: absolute;
    width: 0;
  height: 0;
  border-bottom: 3px solid transparent;
  border-top: 3px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid #3D3D65;  
  top:10px;
  left: -10px;
  z-index: 4;

}

/* //220819(e) */
.survey_box.gen{
    background: url(/assets/img/sub/survey_box_bg-bl.png) #f6f6f6 no-repeat top;    
    position: relative;
    background-size: contain;
}
.survey_box.edu{
    background: url(/images/survey_box_bg-gr.png) #f6f6f6 no-repeat top;    
}
.survey_box:hover::before{
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
        bottom: 0px;
        background:rgba(255, 255, 255, 0.1);
        content: "";
        z-index: 1;
}
.survey_box>.state_box{
    width: 100%;
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
}
.survey_box>.state_box>span.state{
    border-radius: 100px;  
    position: relative;
    vertical-align: middle;      
}
.survey_box>.state_box>span.state.pro{
    background-color: #ff0000;   
    padding: 3px 12px;     
}
.survey_box>.state_box>span.state.pro:after{
    content: "진행중";
    font-size: 13px;
    font-weight: 400;
    color: #fff;    
    display: block;
    top:0;
    left: 0;
}
.survey_box>.state_box>span.state.exp{
    background-color: #EEEEEE;
    padding: 3px 18px;    
}
.survey_box>.state_box>span.state.exp:after{
    content: "예정";
    font-size: 13px;
    font-weight: 400;
    color: #111;    
    display: block;
    top:0;
    left: 0;
}
.survey_box>.state_box>span.state.end{
    background-color: #111;
    padding: 3px 18px;   
}
.survey_box>.state_box>span.state.end:after{
    content: "종료";
    font-size: 13px;
    font-weight: 400;
    color: #fff;    
    display: block;
    top:0;
    left: 0;
}
.survey_box>.state_box>span.comment{
    color: #fff;
    font-size: 13px;
    font-weight: 400;    
}
.title_box{
    width: 100%;
    box-sizing: border-box;
    padding:40px 20px;
    border-radius:10px;
    background-color: #fff;
    box-shadow: 0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
    margin-top:20px;
    position: relative;
    z-index: 2;
}
.title_wrap{
    width: 100%;        
}
.title_wrap>p.tit{
    width: 100%;
    font-size: 16px;
    text-align: center;
    font-weight: 400;
    position: relative;
    margin-top:25px;   
    text-overflow: ellipsis;    
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 52px;
}
.title_wrap span.gen{       
    font-size: 12px;
    box-sizing: border-box;
    padding:2px 18px;
    border-radius: 100px;
    border: 1px solid #084aa1;
    color: #084aa1;    
    font-weight: 600;
}
.title_wrap span.edu{      
    font-size: 12px;
    box-sizing: border-box;
    padding:2px 18px;
    border-radius: 100px;
    border: 1px solid #00ac96;
    color: #00ac96;    
    font-weight: 600;
}
/* 220623(s) */
.date_box{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background-color: #ECECEC;
    box-sizing:border-box;
    padding: 10px 20px;
    display: flex;
    flex-flow: row;    
    justify-content: center;
    align-items: center;
}
.date_box .date{
    color:#666666;
    font-weight: 400; 
    letter-spacing: -0.05rem;
}
.title_box .view{
    color:#999;
    font-weight: 400; 
    display: flex;
    flex-flow: row;    
    align-items: center;
    position: absolute;
    top: 10px;
    right: 12px;
}
.title_box .icon_view{
    vertical-align: middle;
    margin-right: 5px;
}
/* //220623(e) */
.survey_area{
    width: 100%;
    padding: 50px 30px 20px;
    border-radius: 10px;
    box-shadow:0 0.2rem 0.8rem rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}
.tit_area{
    width: 100%;
    text-align: center;
}
.tit_area .tit {
    font-size:26px;
    font-weight: 400;
    margin-top: 20px;
}
.tit_area .date{
    font-size: 16px;
    margin-top: 10px;
    color: #666;
}
.tit_area .stt{
    display: inline-block;
    box-sizing: border-box;
    padding: 5px 20px;
    border-radius: 100px;   
    margin-top: 20px;    
}
.tit_area .stt.pro{  
    background-color: #1647aa;
    color: #fff;    
}
.tit_area .stt.exp{  
    background-color: #eee;
    color: #000;    
}
.tit_area .stt.end{  
    background-color: #111;
    color: #fff;    
}
.man_info{
    width: 100%;
    border-top:2px solid #111;
    border-bottom: 1px solid #111;
    box-sizing: border-box;
    padding: 10px;
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
    margin-top:30px
}
.man_info p{
    display: inline-block;
}
.grt_area{
    width: 100%;
    box-sizing: border-box;
    padding:30px 20px;
    background-color: #f9f9f9;
    /*text-align: center;*/
    margin-top: 20px;
    font-size: 15px;
    line-height: 24px;    
}
.grt_area p{
    font-weight: 400;
}
.survey_list{
    width: 100%;
    margin-top:20px;
}
.survey_list .q_wrap {
    width: 100%;
    margin-top:20px;
}
.survey_list .q_wrap .question{
    width: 100%;
    box-sizing: border-box;    
    border-top:1px solid #ddd;
    border-bottom: 1px solid #ddd;    
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;    
}
.survey_list .q_wrap .question .question_cnt{
    width: calc(100% - 40px);
    word-break: break-all!important;
    box-sizing: border-box;
    padding: 10px 5px;
}
/* 220628(s) */
.question_cnt .cnt__inner{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: center;
}
.question_cnt .cnt__inner p{
display: inline-block;
}
/* //220628(e) */
.survey_list .q_wrap  .question .q_box{    
    width: 40px;
    background:url('/images/sub/ico/bu_q.gif')no-repeat center;
    display: flex;
    flex-flow:row wrap;
    justify-content: center;
    align-items: center;
    color: #fff;
    box-sizing: border-box;
    padding: 5px;
}
.survey_list  .q_wrap .question .q_box>p{
    font-size: 20px;
    font-weight: 400;
    vertical-align:middle;
}

.answer{
    width: 100%;
    margin-top:20px;
    box-sizing: border-box;
    padding-left: 40px;
}
.answer .chkbox{
    margin-bottom: 10px;
}
/* //220321(e) */
/* 220628(s) */
.non-input{
    position: relative;
}
.non-input::after{
    content: "";
    width: 100%;   
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    right:0;
    margin: auto;
    z-index: 1;
    background: rgba(0,0,0,.2);
    display: flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #000;
}
/* //220628(e) */

.ttip {display: inline-block; font-weight: 600; cursor: pointer; width: 16px; height: 16px; line-height: 16px; background: #aed7ff; border-radius: 50%; margin: 0 60px 0 3px; text-align: center; color:#003b9e; border: 1px solid #3b84ff;}
.ttip-text {display: none; position: absolute; color: #fff; line-height: 1.5em; text-align: left; max-width: 400px; border: 1px solid #fff;	border-radius: 5px;	padding: 8px 12px; font-size: 14px; background: #003b9e;}
.ttip:hover .ttip-text {display: block;}
.ttip em{font-size:12px;}

select.sel_cate:focus-visible{outline: 2px solid #000;}

/* //221104(s) */
th.thN{background: #fff;}
td.left{text-align: left!important;}
.table_folder tbody .list th .tit_num{display: block; width: 22px; height: 22px; background: #2a6bff; border-radius: 4px; line-height: 22px; color: #fff; text-align: center; margin: 0 auto;}
.table_folder tbody .list th:first-of-type{text-align: center;}
/* //221104(e) */

/* 캠페인 관련 CSS */

/* dese */
/* spot_sub : 안내페이지 상단 이미지+설명글 */
.spot_sub{position: relative; padding-bottom:30px;border-bottom:1px solid #ddd;}
.spot_sub .spot_img{position: absolute; top: -14px; left: -13px; margin:0;padding-left:45px;height:103px;}
/* 20210707(s) 개인정보 유출 침해신고 */
.spot_sub .spot_banner{width:100%;}
/* 20210707(e) */
.desc {margin: 0 0 0 200px;line-height: 1.4;font-size: 1.076em;letter-spacing: -1px;overflow: hidden;}
.desc.none_img{margin:10px 0;}
.desc.none_title{margin-bottom:20px;}
.desc.none_title p{margin:12px 0 0 0;}
.desc li.tt {margin:20px 0 5px 0;font-size:16px;font-weight: 500;}
.desc li,.desc p {margin-bottom: 10px;line-height: 22px; word-break: keep-all;}
.desc p strong{color:#4374ac;font-weight: 300;word-break: keep-all;}
.desc p > *{font-size: inherit;font-weight: inherit;word-break: keep-all;}
.desc dl {margin: 0;clear: both;float: none;}
.desc dt {float: left;clear: left;}
.desc dd {margin-left: 25px;	overflow: hidden;}


/* 이미지 박스*/
.paddingThree {padding: 3%;}
.paddingFive {padding: 5%;}
.paddingSeven {padding: 7%;}

.borderForImg {border: 1px solid #e1e1e1; border-radius: 10px; box-sizing: border-box; min-width: 600px; overflow: hidden;} 
.noBorderImg {box-sizing: border-box; min-width: 600px;} 
.noBorderImg.infoStepImg img {border: 1px solid #E1E1E1; border-radius: 10px; padding: 25px; box-sizing: border-box;}

/* 혁신인재양성사업 추가 CSS */
.borderForImg.gray {border: 1px solid #F2F2F2; background-color: #F2F2F2;}


/* 나의 사건 조회 */
.oneGrayRoundBox.mini {padding: 20px;}


/* 첨부파일 */
.uploadBoxIn .fh-file-picker,.fh-file-box, .fh-file-block {margin: 0.5rem auto;}
.uploadBoxIn .fh-file-picker {margin: 0.5rem auto 0;}
.uploadBoxIn div.fh-file-box {position: relative;  background-color: #F7F8F9; border-radius: 3px; height: 40px; line-height: 38px; padding: 0 3px; margin: 0.5rem auto 0;}
.uploadBoxIn div.fh-file-box > div.fh-file-toolbar {right: 3px;}


/* 자체점검 */
.oneTable .oneTableHead {overflow: hidden;}
.oneTable .oneTableHead_right {position: static; float: right;}


/* 판례보기 리스트 */
.oneCaseTable > tbody > tr > td > p {font-size: 14px;}

  
/* Table */
.oneTable tbody tr td.tableBorderR {border-right: 1px solid #E1E1E1;}

.noticeTop {color:#fff; border-radius:5px; background:#ff6308; padding:0px 5px; line-height:24px; display:inline-block; font-size: 14px;}


/* 드론 관련 CSS */
.oneTable.drone tbody th.bg-blue {background-color: #D8E9F6;}
.oneTable.drone .oneField input[type="text"]::placeholder {opacity: 0.5;}

input[type="text"].mustInput {background-color: #F2F7FB;}


/* ================================================================================= */


/* 
 * 모바일, 테블릿 반응형 CSS
 */
@media (max-width: 1920px) {
	.oneServiceChoiceList {height: 280px;}
}
@media (max-width: 1340px) {
	/* Main */
    @keyframes step2Man {
        0% {transform:translateX(40px) scale(0.6) rotate(0deg);   animation-timing-function: ease-in-out} 
        100% {transform:translateX(140px) translateY(26px)  scale(0.8) rotate(0deg);}
    }
    .man01 {}
    .step2 {width: 250px;}
    .step3 {width: 250px;}
    .step4 {width: 250px;}
    
    .step3 .manMan{transform:translateX(140px) translateY(26px)  scale(0.8) rotate(0deg);} 
    .step4 .manMan {transform: translateX(140px) translateY(26px)  scale(0.8) rotate(0deg);}
    .man02 {display: none;}
    
    /* ========== 메인 비주얼 영역 변경 ========== */


	.oneExamSearch > img {display: none;}
	.oneExamSelectList {padding-left: 0;}
	.oneExamSelectList > li > strong > span {display: none;}
	.oneExamSelectList select {width: calc(100% - 80px);}
	
	.questionTitle {margin-bottom: 15px;}
	.questionList {float: none; display: inline-block; width: calc(100% - 500px); margin-right: 20px; vertical-align: middle;}
	.questionList:before {display: none;}
	.questionList li {text-align: center;}
	.questionList li .grayRoundBox {width: 90px; height: 90px; margin: 0; float: none;}
	.questionList li .grayRoundBox svg {vertical-align: -10px;}
	.oneQuestionBox > div {float: none; display: inline-block; width: auto; padding: 14px 22px; border-radius: 20px; background-color: #F5F5F5; vertical-align: middle; max-width: 477px; box-sizing: border-box;}
	.roundBoxInfo {text-align: center;}
	.roundBoxInfo p {font-size: 13px;}
	.roundBoxInfo span {margin-bottom: 0;}
    .qnaNumBox {width: 100%; text-align: left;}
    .qnaNumBox > div {display: none;}
	.qnaNumBox span {font-size: 20px;}
	.qnaNumBox .qnaNum {font-size: 32px; line-height: 30px;}
	.qnaDetailInfo {padding-top: 0; position: unset; width: 100%;}
	.qnaDetailInfo li {font-size: 15px; margin-bottom: 3px;}
    .qnaDetailInfo li:last-of-type {margin-bottom: 0px;}
    .qnaDetailInfo li .qnaDetailNum {font-size: 18px; vertical-align: -1px;}
	
	
	.oneCard .swiper-pagination {display: block; top: calc(100% + 20px);}

/*     .oneStepBox.type2 > ul > li {width: 100%; margin-right: 5%;} */
	
	 /* 추천 서비스 */
	 .onePushServiceIn {margin-left: 0;}
	
    /* 통합검색 */
    .oneSearchLayout .contentBox {margin-top: 55px;}
    .oneSearchCategory {max-width: none; border-radius: 0;}
    .oneSearchCategory > ul {border-radius: 0;}
    .oneSearchResult {padding: 0;}
    .oneSearchRight {display: none;}
    
    /* 서비스모아보기 */
    .oneLayout.totalService .contentBox {margin: 74px 0 0 0;}
    
    /* 개인정보 수집동의 */
    .oneAgree {margin-bottom: 16px; padding-top: unset;}
    .oneAgree > a {top: unset; bottom: 10px;}
    .oneAgree > .oneField {margin: 0 0 0 11px; padding-top: 10px;}

	/* 개인정보처리방침 */
	.label_section {display: none;}

    /* 잊힐 권리 */
    .forgetStepBox {max-width: none;}
    .forgetStepTitle {max-width: 300px;}
        .rubberImgEx li {max-width: none; max-height: none;}
        .rubberTxtEx {padding: 20px 25px;}
        .rubberTxtEx.notice {padding: 20px 25px;}
        .rubberTxtEx.info {padding: 20px 25px;}
}

/* 메인 배너를 위한 중단 */
@media (max-width: 1200px) {
	/* ========== 메인 비주얼 영역 변경 ========== */
	.oneMainVisualIn {flex-wrap: wrap; padding: 40px 0;}
	.oneMainVisualM {margin: 0 0 20px auto;}
	.oneMainVisualR {width: 605px; margin: 0 0 0 auto;}
	.oneMainVisualR > ul {flex-direction: row; flex-wrap: wrap;}
	.oneMainVisualR > ul > li {width: calc(50% - 15px / 2); margin: 0 15px 15px 0;}
	.oneMainVisualR > ul > li:nth-child(2n) {margin-right: 0;}
	.oneMainVisualR > ul > li:last-child {margin-bottom: 0;}
	
}


/* 태블릿 중간 CSS */
@media (max-width: 1000px) {
	/* Main */
	/* ========== 메인 비주얼 영역 변경 ========== */
	.oneMainVisualL {width: 100%; margin: 0 0 20px 0;}
	.oneMainVisualL > img {top: 15px; right: 35px; left: auto; bottom: auto; width: 260px; z-index: 10;}
	
	.oneMainVisualM {width: 100%;}
	.oneMainVisualR {width: 100%;}
	
	.oneBannerBox {margin-bottom: 30px;}
	.bannerNavi {right: 120px; bottom: 36px;}
	.oneMainSectionBoxIn {padding: 25px 0 30px 0;}
	
	.oneQuickMenuSelect {display: block; margin-bottom: 4px;}
	.oneQuickMenuSelect .selectric-wrapper {min-width: 240px; max-width: 240px; margin: 0 0 8px 0;}
	.oneQuickMenuSelect .selectric .label {font-size: 22px;}
	.oneQuickMenuSelect > span {margin-bottom: 6px; font-size: 17px;}
	.oneQuickMenuSelect > span:last-child {display: inline-block;}
	
	.oneQuickMenuList {position: static; width: 100%; padding-top: 36px; overflow: hidden;}
	.oneQuickMenuList > ul > li > ul > li > a > strong {font-size: 13px;}
	.oneQuickMenuList > ul > li > ul > li > a > img {width: 56px;}
	.oneQuickMenuBox {margin-bottom: 40px;}
	.oneEduBox {margin-bottom: 42px; padding: 25px 20px;}
	.oneEduTab > li {margin-right: 16px;}
	.oneEduTab > li > a {font-size: 17px;}
	.oneEduList {margin-bottom: 126px;}
	.oneEduList > li > ul > li {padding: 20px 16px;}
	.oneEduList > li > ul > li > a > span {font-size: 13px;}
	.oneEduList > li > ul > li > a > P {font-size: 15px;}
	.oneEduList > li > ul > .old > a > img {right: 0;}
	
	.oneEduBox .oneNoDataBox {padding: 0;}
	.oneEduBox .oneNoDataBoxIn > img {width: 60px;}
	.oneEduBox .oneNoDataBoxIn > p {margin-bottom: 0; font-size: 16px;}
	
	
	.oneEduPagination {width: 100%; top: auto; right: 0; bottom: 110px; text-align: center;}
	.oneEduPagination > a {font-size: 12px; vertical-align: -2px;}
	.oneEduList > li .swiper-pagination {}
	.oneEduShotcut {position: absolute; bottom: 0; left: 0; width: 100%; border-top: 1px solid #F3F3F3;}
	.oneEduShotcut > span {display: inline-block; width: 50%; padding: 16px 5px 16px 20px; font-size: 14px; box-sizing: border-box;}
	.oneEduShotcut > span:first-child {border-right: 1px solid #F3F3F3;}
	.oneEduShotcut > span > span {display: block; margin-bottom: 8px;}
	.oneEduShotcut > span > a {margin-left: 0; padding: 0 10px 0 12px; font-size: 13px; line-height: 26px;}
	.oneEduShotcut > span > a > img {width: 20px; margin-left: 5px; vertical-align: 2px;}
	
	.oneExamBox > strong {margin-bottom: 16px; font-size: 22px;}
	.oneExamSearch {margin-bottom: 22px; padding: 15px 84px 15px 20px;}
	.oneExamSearch > a {right: 15px; padding: 0 13px; font-size: 14px; line-height: 114px;}
	.oneExamSearch > a:hover {box-shadow: inset 0 -9em 0 0 #0049be;}
	.oneExamSelectList select {width: calc(100% - 50px);}
	.oneExamSelectList > li {float: none; width: auto; margin-bottom: 14px;}
	.oneExamSelectList > li:last-child {margin-bottom: 0;}
	.oneExamSelectList > li > strong {font-size: 15px;}
	.oneExamSelectList .selectric-wrapper {width: calc(100% - 64px);}
	.oneExamSelectList .selectric .label {font-size: 13px;}
	.oneExamSelectList .selectric-items li {padding: 8px; font-size: 13px;}
	.oneExamList {position: relative; margin-bottom: 8px;}
	.oneExamList > .oneMainPagination {position: absolute; top: calc(100% + 13px); display: block;}
	.oneExamList > ul > li {height: 185px; padding: 22px 24px;}
	.oneExamList > ul > li > span {margin-bottom: 6px; font-size: 13px;}
	.oneExamList > ul > li > p {font-size: 16px;}
	.oneExamList > ul > li > a {bottom: 22px; left: 24px;}
	.oneExamList > ul > li > img {bottom: 22px; right: 24px;}
	
	
	.oneExamKeyword > ul {width: 100%; overflow: auto;}
	.oneExamKeyword > ul > li {margin-bottom: 8px; font-size: 13px; line-height: 28px;}
	.oneExamKeyword > ul > li > a {padding: 0 15px;}
	.oneExamKeyword > strong {display: block; margin-bottom: 8px;  font-size: 15px;}
	.textNewsBox {float: none; width: 100%; margin-bottom: 30px;}
	.oneForgetRight {margin-bottom: 40px;}
	.forgetRightL {width: calc(100% - 155px); padding: 17px 30px 0 122px; }
	.forgetRightL span {font-size: 15px;}
	.forgetRightL p {font-size: 18px;}
	.forgetRightL > div {left: 32px;}
	.oneForgetRight a .forgetRightR span {font-size: 14px;}
	.oneForgetRight a .forgetRightR span svg {width: 20px; margin: 0 0 0 4px;}
	.imgNewsBox {float: none; width: 100%;}
	.newsList li .newsHeadline {font-size: 15px; line-height: 54px;}
	.newsList li span {font-size: 13px;}
	.newsTitle {font-size: 18px; margin-bottom: 0;}
	.imgNewsBox .newsTitle {margin-bottom: 12px;}
	.roundCardBox li {padding: 24px;}
	.roundCardBox .research img {top: 30px;}
	.roundCardBox .promotion img {top: 12px;}
	.roundCardBox .withPersonalInfo .shakeIcon {top: 4px;}
	.roundCardBox .withPersonalInfo .noShakeIcon {top: 50px;}
	
	.questionList {width: 51%; box-sizing: border-box; margin-right: 0; float: left; padding-top: 12px;}
	.oneQuestionBox > div {width: 49%; box-sizing: border-box; max-width: none; padding: 14px;}
	
	.imgNewsBox > div {width: calc((100% - 22px) / 2);}
	.imgNewsBox > div:first-child {margin-right: 22px;}
	
	/* Form */
	.oneField span.fieldSpace {display: block; margin-bottom: 4px;}
	.oneField.email span.fieldSpace {display: block; margin-right: 0;}
	

	
/* 	.oneMainPopup {top: 50%; left: 50%;} */
	.oneMainPopup {position: fixed; top: 50%; left: 20px; right: 20px; margin: 0 auto; transform: translateY(-50%); max-width: 500px;}
	.oneMainPopup > ul > li {position: absolute; top: 0 !important; left: 0px !important; transform: translateY(-50%);}
	.oneMainPopupBody {width: auto !important; height: auto !important;}
	.oneMainPopupFooter {white-space: nowrap;}
	
	.cardTitle {margin-bottom: 8px; font-size: 15px;}
	.cardInfo {margin-bottom: 0; font-size: 17px; line-height: 28px;}
	.oneNewsBox {margin-bottom: 50px;}
	.questionTitle {margin-bottom: 20px; font-size: 22px;}
	.roundBoxInfo {padding-top: 0;}
	.roundBoxInfo span {font-size: 15px;}
	.grayRoundBox {line-height: normal;}
	.questionList li .grayRoundBox {min-width: 40px; min-height: 40px; max-width: 65px; max-height: 65px; margin-bottom: 8px; float: none;}
	.questionList li .grayRoundBox svg {width: 40px; height: 100%; vertical-align: top; line-height: normal;}
	
	.qnaNumBox {vertical-align: middle; width: 100%;}
	.qnaNumBox span {margin-bottom: 4px; font-size: 18px; line-height: 28px; float: left;}
	.qnaNumBox .qnaNum {font-size: 18px; line-height: normal;}
	.qnaDetailInfo {padding-top: 0; font-size: 13px; line-height: 24px; vertical-align: middle;}
	.qnaDetailInfo li {line-height: 24px; width: 50%;}
	.qnaDetailInfo li:nth-child(2) {display: inline-block;}
	.qnaDetailInfo li:nth-child(3) {display: inline-block;}
	
	/* Swiper */
	.oneMainPagination .swiper-pagination-bullet {width: 8px; height: 8px; margin: 0 3px;}
	.oneMainPagination .swiper-pagination-bullet-active {width: 24px;}
	
	.btnGroup > a {margin-bottom: 4px;}
	
    /* 본인인증 */
    .oneAccredit {margin-bottom: 0;}
    .oneAccreditAgree {bottom: 19px;}
    .oneAccredit_text {margin-bottom: 10px; font-size: 14px;}
    .oneAccredit_sns {width: 100%; margin-bottom: 15px;}
    .oneAccredit_sns > li {margin-bottom: 8px; font-size: 14px; line-height: 35px;}
    .oneAccredit_sns > li > a {padding-left: 52px;}
    .oneAccredit_sns .oneAccredit_icon {left: 15px; height: 24px;}
    .oneAccreditIn.list4 .oneAccredit_list {height: auto;}
   	.oneAccreditIn.list4 .oneAccredit_list.addAccredit {height: auto;}
    .oneAccreditIn.list4 .oneAccredit_list > li > a > span {margin: 0;}
    
    .oneAccreditIn.list3 .oneAccredit_list {height: auto;}
   	.oneAccreditIn.list3 .oneAccredit_list.addAccredit {height: auto;}
    .oneAccreditIn.list3 .oneAccredit_list > li > a > span {margin: 0;}
    .oneAccreditIn.list3 .oneAccredit_sns > li {line-height: 35px;} 
    .oneAccreditIn.list3 .oneAccredit_sns > li > a {padding-left: 52px; font-size: 14px;}
    .oneAccreditIn.list3 .oneAccredit_sns .oneAccredit_icon {left: 15px; transform: scale(1);}
    
    .oneAccreditIn.list2 .oneAccredit_list {height: auto;}
   	.oneAccreditIn.list2 .oneAccredit_list.addAccredit {height: auto;}
    .oneAccreditIn.list2 .oneAccredit_list > li > a > span {margin: 0;}
    .oneAccreditIn.list2 .oneAccredit_sns > li {line-height: 35px;} 
    .oneAccreditIn.list2 .oneAccredit_sns > li > a {padding-left: 52px; font-size: 14px;}
    .oneAccreditIn.list2 .oneAccredit_sns .oneAccredit_icon {left: 15px; transform: scale(1);}
    
    .oneAccredit_list {float: none; width: 100%; height: auto; margin-bottom: 20px;}
    .oneAccredit_list > li {width: 25%; font-size: 14px; border-right: 1px solid #E1E1E1;}
    .oneAccredit_list.addAccredit > li {padding-top: 16px;}
    .oneAccredit_list > li:nth-child(-n + 2) {border-bottom: none;}
    .oneAccredit_list > li > a {margin-top: 14px; margin-bottom: 14px;}
    .oneAccredit_list > li > a > span {margin: 5px 0 0 0; margin: 14px 0 14px 0; font-size: 15px;}
    .oneAccredit_list .oneAccredit_icon {height: 45px;}
    .useGuideBtn {margin-bottom: 0;}
    .useGuideBtn span {margin-bottom: 4px; font-size: 14px;}


    .onePolicyGuideList > li {width: calc(33.33% - 12.5px); margin-bottom: 12px;}
    .onePolicyGuideList > li:nth-child(3n) {margin-right: 0;}
    .onePolicyGuideList > li:nth-child(n + 4) {margin-bottom: 0;}


    .oneRoundBox.threeBox ul li {width: 100%;}
    .oneRoundBox.threeBox ul li span {margin-bottom: 12px; font-size: 15px;}
    .oneRoundBox.threeBox ul li p {font-size: 14px;}
    .oneRoundBox.threeBox ul li .grayRoundBox {width: 80px; margin-bottom: 12px; line-height: 80px;}
    .oneRoundBox.threeBox ul li .grayRoundBox img {transform: scale(0.8);}

    /* 기술지원 */
    .oneTecSupportBox {padding: 12px;}
    .oneTecSupportBox h4 {font-size: 15px; margin-bottom: 12px;}
    .oneTecSupportBox p {font-size: 14px;}

    /* 본인확인내역조회 */
    .oneLookupList  {line-height: 42px;}
    .oneLookupList > li {}
    .oneLookupList > li:after {height: 27px;}
    .oneLookupList h4 {margin-right: 12px; padding-left: 12px; font-size: 13px;}
    .oneLookupList span {font-size: 14px;}
    .oneLookupList.list4 > li {width: 50%;}
    
    .oneSearch .oneField .oneTkBtn {display: inline-block;}
    .oneSearch .oneField .oneTkBtn span {display: none;}

    /* 본인확인내역조회 > 서비스 이용안내 */
    .infoService {padding: 30px 25px;}
    .infoService .infoServiceIn {margin-bottom: 30px; padding: 40px 50px;}
    .infoServiceIn:last-of-type ul li {border-right: none;}
    .infoService .detailArrow {padding-bottom: 30px;}
    .infoServiceIn ul li {width: 100%; margin-bottom: 16px;}
    .infoServiceIn ul li:last-child {margin-bottom: 0;}
    .infoServiceIn ul li > span {margin-bottom: 0; font-size: 16px;}
    .infoServiceIn ul li > img {margin-bottom: 0;}
    .infoServiceIn ul li > p {margin-bottom: 0; font-size: 14px;}
    .infoServiceIn ul li > strong {font-size: 18px;}

    .infoServiceDetail {margin-bottom: 30px;}
    .infoServiceDetail > ul > li {margin-bottom: 14px; padding-left: 40px; font-size: 18px; text-indent: -40px;}
    .infoServiceDetail > ul > li > span {text-indent: 0;}

    .infoServiceIn .infoServiceResult {margin-bottom: 0; font-size: 18px;}
    
    /* 본인확인내역조회 > 로딩중 */
    .dataComingList {margin-bottom: 40px;}
    .dataComingBox {padding: 50px 18px;}
    .dataComingList li {width: calc((100% - 66px) / 3); margin: 0 33px 70px 0;}
    .dataComingList li:nth-of-type(n + 4) {float: right; margin: 0 0 0 33px;}
    .dataComingList li:last-child {margin: 0;} 
    .dataComingList li:nth-of-type(3n) {margin-right: 0;}
    .dataComingList li:nth-of-type(3n) .dataComingIcon i {right: auto; bottom: -42px; transform: rotate(90deg) translate(-8%, 40%);}
    .dataComingList li:nth-of-type(4) .dataComingIcon i, .dataComingList li:nth-of-type(5) .dataComingIcon i {transform: rotate(180deg); bottom: 72px;}
    .dataComingList li > span {position: absolute; bottom: -24px; left: 50%; transform: translateX(-50%); font-size: 14px; width: 100%;}
    .dataComingIcon > i {top: auto; bottom: 66px; right: -23px; font-size: 12px; color: #E1E1E1;}   
    .dataComingList li:nth-of-type(n + 4) .dataComingIcon > i {right: auto; left: -23px;}
        .dataComingIcon {width: 100%; min-width: 90px; display: inline-block; margin: 0 auto;}
        .dataComingIcon span {font-size: 13px;}
        .dataComingIcon span.after {display: block;}
        .dataComingIcon img.after {display: inline-block;}
    .dataComingGuide {width: 82%; line-height: 24px; padding: 12px 20px; word-break: keep-all; box-sizing: border-box;}
    

    /* 분쟁조정 신청조건 확인 */
    .detailQuestion {font-size: 20px;}
    .stepCheckPoint {font-size: 16px;}
    .detailStepBox {padding: 0 30px 25px;}
    .detailStepBox .pic1 {width: 250px;}
    .detailStepBox:first-of-type {padding-top: 20px;}
    .stepCheckPoint {margin-bottom: 30px;}
    .detailChoiceList li {width: 100%; max-width: 540px; margin: 0 0 15px 0; padding: 0 15px; box-sizing: border-box;}
    .detailChoiceList li p {float: right; width: calc(100% - 100px);}
    .detailChoiceList li .grayRoundBox {float: left; width: 80px; height: 80px; margin-right: 20px;}
    .detailChoiceList li .grayRoundBox.on::before {height: 18px;}
    .detailChoiceList li .grayRoundBox.on::after {height: 31px;}
    .detailChoiceList li .grayRoundBox.whiteBg.on::before {height: 18px;}
    .detailChoiceList li .grayRoundBox.whiteBg.on::after {height: 31px;}
    .detailChoiceBox.noBg .detailChoiceList li {max-width: 340px;} 
    .detailChoiceBlock li {display: inline-block; float: none; width: 160px; margin: 0 6px 15px 6px; line-height: 56px;}
    .detailChoiceBlock li::before {top: 20px;}
    .detailChoiceBlock li.on::before {top: 20px;}

    .resultLinkList li {width: calc((100% - 20px) / 2); margin: 0 20px 20px 0;}
    .resultLinkList li:nth-child(2n) {margin-right: 0;}
    
    /* 분쟁조정 이전사건 조회 */
    .onePrevCaseAccredit > li {width: calc((100%/4) - (60px / 3)); margin-right: 20px;}
    .onePrevCaseAccreditIn > span {margin-bottom: 12px; font-size: 15px;}
    
    /* 분쟁조정 신청 */
    .uploadBoxIn div.fh-file-box {height: auto; min-height: 40px; padding: 0 0 8px 0px;}
    .uploadBoxIn div.fh-file-box > div.fh-file-toolbar {position: unset; padding-left: 11px;}
    .oneTRight .oneCaution-warning {text-align: left;}

    /* .detailChoiceList li {margin: 0;} */

    
    .oneAccordion {}
    .accordionIcon {display: block; float: left; margin: 0 6px 0 10px;}
    .bubbleTitle {padding: 10px 30px 10px 0; font-size: 15px; line-height: 26px;}
    .bubbleTitle > span {right: 10px;}
    .bubbleTitle > p {width: calc(100% - 80px); margin-left: 10px; vertical-align: middle;}
    
    .oneAccordion.faq .bubbleTitle {padding-left: 0; text-indent: 0;}
    
    .accordionContent {padding: 14px 20px;}
    .accordionIconNum {font-size: 13px; line-height: 24px;}

    .accordionRoundBox {margin-left: 10px; vertical-align: middle;}
    
    .oneStepBox {padding: 30px 0 20px 0;}
    .oneStepBox > ul > li {width: 80px;}
    .oneStepBoxIn > strong {margin-bottom: 10px; font-size: 14px;}
    .oneStepBoxIn > span {font-size: 13px;}
    .oneStepBoxIn > span > strong {font-size: 14px;}
    .oneStepImgBox {width: 60px; height: 60px;}
    .oneStepImgBox > img {transform: scale(0.8);}

	.oneStepBox.type2 {padding-top: 8px;}
    .oneStepBox.type2 .oneStepBoxIn > span {font-size: 15px;}
    
    .grayLineImg {width: 60px; height: 60px;}
    .grayLineImg img {transform: scale(0.8);}
    .grayLineBoxIn li span {font-size: 14px;}

    .grayGradeBox > li {padding: 18px 10px 14px 10px;}
    .grayGradeR div {margin-bottom: 6px;}
    .grayGradeR div span {margin-right: 6px; font-size: 16px;}
    .grayGradeR > p {font-size: 15px;}

    .oneGuideList {}
    .oneGuideList > li {padding: 25px 30px 25px 22px;}
    .oneGuideList > li:first-child {}
    .oneGuideList > li > a {}
    
    .oneGuideListTextBox > strong {margin-bottom: 4px; font-size: 15px;}
    .oneGuideListTextBox > ul > li {font-size: 14px;}
    
    .blueRoundBox li {padding: 15px 0; text-align: center;}
    .blueRoundBox li div {display: block; margin-bottom: 10px; line-height: normal;}
    .blueRoundBox li div span {font-size: 15px;}
    .blueRoundBox li div img {width: 40px;}
    
    /* 서비스 모아보기 */
    .oneFavoriteService {margin-bottom: 20px; padding: 18px 20px;}
    .oneFavoriteService strong {display: block; width: auto; margin-bottom: 6px; font-size: 15px;}
    .oneFavoriteService strong a {margin: 0 0 0 6px;}
    .oneFavoriteService strong br {display: none;}
    .oneFavoriteService .oneFavoriteServiceList {position: static; transform: translate(0); width: auto;}
    .oneFavoriteServiceList > ul {overflow: hidden; padding: 0;}
    .oneFavoriteServiceList > ul > li {width: calc(25% - 6px); margin-right: 8px; font-size: 13px; line-height: 32px;}
    .oneFavoriteServiceList > ul > li > a {padding: 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

	.oneServiceHead {margin-bottom: 8px; font-size: 12px;}
	.oneServiceList > li {padding: 16px;}
	.oneServiceList > li > img {position: static; width: 30px; margin-right: 4px;  vertical-align: middle;}
	.oneServiceList > li > h4 {margin-bottom: 0; font-size: 16px; vertical-align: middle;}
	.oneServiceList > li > ul {margin-top: 6px; line-height: 22px;}
	.oneServiceList > li > ul > li {width: 33.33%; padding: 0; font-size: 14px; line-height: 24px;}
	.oneServiceList > li > ul.serviceDepth > li {width: 33.33%;}
	.oneServiceList > li > ul.serviceDepth > li > a {margin-bottom: 4px; font-size: 15px;}
	.oneServiceList > li > ul.serviceDepth > li > ul > li {font-size: 14px; margin-bottom: 0;}
	
	.oneUserServiceList {margin: 0;}
	.oneUserServiceList > ul {display: block;}
	.oneUserServiceList > ul > li {display: block; padding: 24px 30px; box-sizing: border-box;}
	.oneUserServiceList > ul > li:first-child {width: 100%; margin-bottom: 15px;}
	.onePopup .oneFavoriteServiceList {margin: 0;}
	.onePopup .oneFavoriteServiceList > ul > li {width: calc(50% - 8px); margin-bottom: 8px;}
	.oneUserServiceList > ul > li > h4 {margin-bottom: 8px;font-size: 16px;}
	.oneUserServiceList > ul > li > ul > li {float: left; width: 50%;}
	.oneUserServiceList > ul > li > ul > li > h5 {font-size: 15px;}
	.oneUserServiceList > ul > li > ul > li > ul > li {font-size: 14px;}
	
	.oneServiceChoiceList > ul > li > h4 {font-size: 16px;}
	.oneServiceChoiceList > ul > li > ul > li {width: calc(50% - 12px); font-size: 14px;}
	.oneServiceChoiceList > ul > li > ul > li:nth-child(3n) {margin-right: 24px;}
	.oneServiceChoiceList > ul > li > ul > li:nth-child(2n) {margin-right: 0;}
	
	/* 개인정보 보호조치 진단 step */
	.list_step3 > ul > li ul li {padding: 0 5px;}
	.list_step3 > ul > li span {padding: 0 5px; font-size: 12px;}

	/* 개인정보 열람 등 */
	.fileSearchField > a {width: 32px; min-width: auto; height: 32px; line-height: 32px;}
	.oneSearch .fileSearchField.oneField > a > i {margin-right: 0;}
	.oneSearch .fileSearchField.oneField > a > span {display: none;}
	.oneSearch .fileSearchField.oneField input[type="text"] {width: calc(100% - 38px);}
	

	/*  자체점검 */
	.oneRoundBoxList > li {padding: 15px 0 15px 20px;}
	.oneRoundBoxListIn > p {width: calc(100% - 100px);}
	.oneRoundBoxListIn .btnGroup {position: relative; transform: translateY(0); margin-top: 15px; right: 8px;}

	
    /* 침해신고 */
    .blueRoundBox.invasion li:first-of-type p {padding-top: 16px;}
    .blueRoundBox.invasion li::after {height: calc(100% + 2px);}
	
	
	/* ISMS-P */
	.oneIsmsTitle {font-size: 15px;}
	
	
	.oneIsmsStay > li {font-size: 16px; line-height: 40px;}
	
	.oneIsmsStayIn {transform: translateX(35%); width: 35%;}
	.oneIsmsStayIn > span {font-size: 13px; line-height: 22px;}
	.oneIsmsStayIn > img {transform: scale(0.7);}

	
	/* 공공기관 기업서비스 */
	.onePublicServiceText {padding-right: 20px;}
    .onePublicServiceList > ul > li {height: 180px;}
	.onePublicServiceText > strong {margin-bottom: 4px; font-size: 15px;}
	.onePublicServiceText > p {font-size: 14px; margin-bottom: 4px;}
	.onePublicServiceText > a {position: static;}
	
	/* 개인정보보호 전문강사 */
	.teacherMapBox_left {display: none;}
	.teacherMapBox_right {width: 100%;}
	
	/* 개인정보보호란? > 개인정보 수칙 > 어린이/청소년 */
	.grayRoundList > li {padding: 15px;}
	.grayRoundR {width: 100%; padding-left: 0;}
	.grayRoundR p {margin-bottom: 8px; font-size: 16px; line-height: normal;}
	.grayRoundR > ul {font-size: 15px;}
	.titleRoundMark {margin-bottom: 4px;}
	
	/* 개인정보보호란? > 개인정보 수칙 > 사업자 */
	.oneStepBox .dashBtm {padding: 20px 14px 0 14px;}
	.bubbleTitle.step .oneT3 {font-size: 15px;}
	.bubbleTitle.step {padding-right: 0;}
	
	
	/* 위원소개 */
	.committeeList {width: 100%; height: auto; margin-right: 0; padding: 15px 10px;}
	.committeeList.chairman {height: auto;}

    /* 통합검색 */
    .oneSearchHead {height: 240px;}
    
    .oneSearchHead h2 {display: none;}
    .oneSearchBody {bottom: 25px;}
    .oneSearchBox {padding-top: 12px;}
    .oneSearchBar {height: 44px; margin-bottom: 4px; border-radius: 10px;}
    .oneSearchBar .oneField input[type="text"] {width: calc(100vw - 285px); font-size: 16px;}
    .oneSearchBar .selectric .label {font-size: 14px;}
    .oneSearchBar .oneField a i {font-size: 22px;}
    .oneSearchAgain {position: static; margin-bottom: 15px; text-align: right;}
    .oneSearchHash > ul > li {font-size: 14px;}

    .oneSearchCategory {margin-bottom: 25px; line-height: 43px;}
    .oneSearchCategory > img {display: none;}
    .oneSearchCategoryIn > ul > li {font-size: 14px;}
    .oneSearchResultText {margin-bottom: 9px; font-size: 18px;}
    .oneRelatedKeyword {margin-bottom: 18px;}
    .oneRelatedKeyword > h4 {margin-right: 6px; font-size: 12px; line-height: 23px;}
    .oneRelatedKeyword > ul {line-height: 25px;}
    .oneRelatedKeyword > ul > li {font-size: 13px;}

    .oneSearchResultFilter {margin-bottom: 28px; padding: 4px 0; line-height: 35px;}
    .oneSearchResultFilter > i:before {position: absolute; top: 50%; transform: translateY(-50%); padding: 12px 11px; vertical-align: -25px;}
    .oneSearchResultFilterIn > ul > li {width: 100%; padding-left: 52px; line-height: 28px;}
    .oneSearchResultFilterIn > ul > li:last-child {border-left: none;}
    .oneSearchResultFilterIn > ul > li > h4 {margin-right: 10px; font-size: 12px;}
    .oneSearchResultFilterIn > ul > li > ul {font-size: 12px;}
    .oneSearchResultFilterIn > ul > li > ul > li {padding: 0 11px;}
    

    .oneSearch.oneCaseSearch .oneFieldGroup-half .selectric-wrapper .selectric {width: 100%;}
    .oneSearch.oneCaseSearch .oneFieldGroup-half select {width: 100%;}
    .oneSearch.oneCaseSearch .oneFieldGroup-3 .selectric-wrapper .selectric {width: 100%;}
    .oneSearch.oneCaseSearch .oneFieldGroup-3 select {width: 100%;}
    
    	

    .oneSearchResultSection {margin-bottom: 30px;}
    .oneSearchResultSection > h3 {font-size: 17px;}
    .oneSearchResultSection > h3 > span {font-size: 13px;}
    .oneSearchResultSection > h3 > a {font-size: 12px;}
    .oneSearchResultBox h4 {font-size: 15px;}
    .oneSearchResultBox > ul > li {padding: 15px 17px;}
    .oneSearchMenuResult > li > span {font-size: 12px;}
    .oneSearchMenuResult > li > ul {font-size: 13px;}
    .oneSearchMenuResult > li > ul > li {margin-bottom: 4px;}
    .oneSearchMenuResult > li > a {position: static; display: block; min-width: auto; height: auto; margin-top: 12px; padding: 8px 40px 8px 8px; font-size: 13px; text-align: left; border-radius: 5px; line-height: inherit; background-position-y: calc(100% - 15px);}
    .oneSearchExamResult > li > p {margin-bottom: 4px; padding: 4px 0 0 0; font-size: 13px;}

    .oneSearchDataResult > li > p {margin-bottom: 4px; padding: 4px 0px 0px 0px; font-size: 13px; }
    .oneSearchDataResult > li > a {font-size: 12px;}
    .oneSearchDataResult > li > span {font-size: 12px;}
    .oneSearchDataDetail {width: 18px; height: 18px; background-size: 10px;}
    
    .oneSearchStatuteResult{padding: 17px;}
    .oneSearchStatuteResult > li {font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}



	 /* 추천 서비스 */
	 .onePushService {display: none;}
	 .onePushService.on {display: none;}
	 
	 .oneDisputeGuide > li > h4 {font-size: 14px;}
	 .oneDisputeGuide > li > h4 > span {line-height: 24px;}
/* 	 .oneDisputeGuideIn {position: static;} */
	 .oneDisputeGuideIn > p {width: auto; margin-bottom: 18px;}
	 .oneDisputeGuideIn .btnGroup {position: static; transform: translateY(0); padding-left: 100px;}
/* 	 .oneDisputeGuideIn > img {left: auto; top: 15px; right: 15px;} */

	/* 지킬 앤 가이드 */
	.card_news_list .card_img{max-height: 248px;}
	.webtoon_box img{max-width: auto;width:100%;}
	/* 20200925 (s)*/
	/*지킬앤가이드 캐릭터 페이지*/
	.character_intro_wrap .intro_title img{height:100px}
	.character_intro_wrap .intro_img img{height:300px}
	.character_intro_wrap > p{font-size:15px;}
	.character_list .img_area{padding:0;width:40%;text-align: center;}
	.character_list .img_area img{width:70%;}
	.character_list .txt_area{width:60%}
	.character_list .txt_area b{font-size:20px;}
	.character_list .txt_area h4{font-size:15px;}

    /* MY 개인정보 */
    .mypageTopBox {padding: 30px 25px 0; min-height: 280px;}
        .mypageTopLeft {width: 100%;}
        .mypageTopLeft > div {padding-top: 0; margin-bottom: 30px;}
        .mypageTopLeft .myAlarmBox {top: 62px;}
        .mypageTopRight {width: 100%;}
            .mypageTopRight li:first-of-type {width: calc(33.33% - 10px); padding: 0 20px 0 0;}
            .mypageTopRight li:nth-of-type(2) {width: calc(33.33% + 20px); padding: 0 20px 0 20px;}
            .mypageTopRight li:last-of-type {width: calc(33.33% - 10px);padding: 0 0 0 20px;}

    .mypageHistoryBox > div {width: 100%;}
    .myRecentlyList {margin-bottom: 30px;}
    .myRecentlyList
        .historyProcess li::before {width: 90%; left: 56%;}
        .historyProcess li span {width: 100%; left: 0;}
        
    /* MY 개인정보 스크랩 */
    .oneTable.scrap tbody td {padding: 12px 110px 12px 10px;}
    .oneTable.scrap tbody td > h4 {font-size: 15px;}
    .oneTable.scrap tbody td > .scrapDate {position: static; display: block; margin-top: 6px;}
    
    
    /* MY 개인정보 탭 */
    .myAplctTab.oneTab {display: block;}


	/*이용가이드*/
	.oneDesc.useGuide1 {padding: 24px 26px;}
		.useGuideImg {width: 100%; text-align: center; margin-bottom: 16px;}
		.useGuideCon {width: 100%;}
		.useGuideIcon {width: 100%; padding-top: 25px;}
		.useGuideIcon::after {display: none;}
		.useGuideText {width: 100%; padding: 16px 26px;}
		.useGuideText .btnM-gray {width: 100%; margin: 0 16px 8px 0; padding: 0 12px;}
	.oneDesc.useGuide3 {overflow-y: hidden;}
		.oneDesc.useGuide3 > ul > li::after {height: calc(100% + 50px);}
		
	/* 자가진단 */
	.oneDiagnosisChart {float: none; width: 100%; max-width: 600px;}
	.oneDiagnosisChart:first-child {margin: 0 auto; padding-bottom: 0;}
	.oneDiagnosisChart.barChart {width: 100%; max-width: none; padding-top: 0;}
		
	
	/* 상담사례 */
	.oneSearch.oneCaseSearch {padding-right: 16px;}
	.oneSearch.oneCaseSearch .oneFieldGroup {float: left; display: block; width: 100%; text-align: left;}
	.oneSearch.oneCaseSearch .oneFieldGroup-3 {width: calc((100% - 20px) / 3); margin-right: 10px;}
	.oneSearch.oneCaseSearch .oneFieldGroup-3:nth-of-type(5) {margin-right: 0;}
	.oneSearch.oneCaseSearch .oneFieldGroup-3 .oneFieldTitle {margin-bottom: 6px;}
	.oneSearch.oneCaseSearch .oneFieldGroup-3 .selectric .label {width: auto;}
	.oneSearch.oneCaseSearch .selectric-wrapper {width: 100% !important; max-width: none;}    
	.oneSearch.oneCaseSearch .oneFieldTitle > span {display: inline-block; width: auto;}
	
	.oneSearch.oneCaseSearch .oneField.round {display: inline-block;}
	
	.examListContainer {padding: 24px 36px;}
	.examListContainer .tabMenu .tabArrow {margin: 0 3%;}
	
	.examListContainer .tabBody.tab0 > .item {width: calc((100% - 16px) / 2); margin-bottom: 16px;}
	.examListContainer .tabBody.tab0 > .item:nth-child(2n) {margin-right: 0;}
	.examListContainer .tabBody.tab0 > .item:nth-child(n + 3) {margin-bottom: 0;}
	.examListContainer .tabBody.tab1 > .item {width: calc((100% - 24px) / 3)}
	.examListContainer .tabBody.tab1 > .item:nth-child(3n) {margin-right: 0;}
	
	
	/* 영향평가 결과 다운로드 */
	.tb_board {width: 100%;}
	
	
	/* 설문조사  */
	.survey_flex li {width: calc((100% / 2) - 2.5%);}
	.survey_flex li:nth-child(3n) {margin-right: 5%;}
	.survey_flex li:nth-child(2n) {margin-right: 0;}
	
	
	/* 통계자료 */
	.oneStatisticsChartBox {margin-bottom: 30px;}

    /* 잊힐권리 소개 */
    .oneDisputeGuideIn.forget > p {width: calc(100% - 120px);}
    .oneForgetTab {position: relative; width: calc(100% + 30px); transform: translateX(-15px); background-color: #F3F3F3;}
    .oneForgetTab::after {position: absolute; top: 0; left: 0; display: block; content: ""; width: 30px; height: 100%; background: linear-gradient(90deg, #fff 0%,  rgba(243, 243, 243, 0.3) 100%); z-index: 10;}
    .oneForgetTab::before {position: absolute; top: 0; right: 0; display: block; content: ""; width: 30px; height: 100%; background: linear-gradient(90deg, rgba(243, 243, 243, 0.3) 0%,  #fff 100%); z-index: 10;}
    .oneForgetTab > ul {min-height: 40px;}
    .oneForgetTab > ul > li {width: auto; flex-shrink: 0;}
    .oneForgetTab > ul > li > a {min-height: 40px; white-space: nowrap;}
    .oneForgetTab > ul > li:nth-child(1) > a {color: #666666; background-color: transparent; z-index: 1;}
    .oneForgetTab > ul > li:nth-child(2) > a {color: #666666; background-color: transparent; z-index: 2;}
    .oneForgetTab > ul > li:nth-child(3) > a {color: #666666; background-color: transparent; z-index: 3;}
    .oneForgetTab > ul > li:nth-child(4) > a {color: #666666; background-color: transparent; z-index: 4;}
    .oneForgetTab > ul > li:nth-child(5) > a {color: #666666; background-color: transparent; z-index: 5;}
    .oneForgetTab > ul > li:nth-child(6) > a {color: #666666; background-color: transparent; z-index: 6;}
    .oneForgetTab > ul > li:nth-child(7) > a {color: #666666; background-color: transparent; z-index: 7;}
    .oneForgetTab > ul > li > a:hover,
    .oneForgetTab > ul > li > a:focus {border: 1px solid #0049BE; color: #0049BE; background-color: #fff; z-index: 10;}

    .one14UpperStep > li {flex-direction: column; align-items: start;}
    .one14UpperStepL {width: 210px; margin: 0 auto 12px auto;}
    .one14UpperStepR {width: 100%; max-width: none;}
    .one14UpperStepText {margin-top: 22px;}

    .oneForget14UnderStep > li {flex-direction: column;}
        .oneForget14UnderL .oneStepLabel {margin-bottom: 0;}
            .oneForget14UnderLImg {text-align: center;}
            .oneForget14UnderLImg > img {transform: scale(0.9); transform-origin: bottom;}
        .oneForget14UnderR {max-width: none; margin-left: 0;}

}

/* 모바일 CSS */
@media (max-width: 640px) {
	/* Main */
	/* ========== 메인 비주얼 영역 변경 ========== */
	.oneMainVisualIn {padding: 24px 0;}
	.oneMainVisualL > h2 {font-size: 24px; line-height: 30px;}
	.oneMainVisualL > img {top: 20px; right: -10px; width: 180px;}
	.oneMainVisualR > ul > li > a {height: 100px; flex-direction: column; justify-content: center; text-align: center; box-sizing: border-box;}
	.oneMainVisualR > ul > li > a > img {margin: 0 0 8px 0;}

	.oneMainVisualRText > span {font-size: 12px;}
	.oneMainVisualRText > strong {font-size: 14px;}
	
	.oneMainVisual {margin-bottom: 28px;}
	.oneBannerBox {margin-bottom: 30px; padding-bottom: 100%;}
	.oneBannerBox > ul > li > a > img.pc {display: none;}
	.oneBannerBox > ul > li > a > img.mobile {display: block; max-height: none;}
	.bannerNavi {right: 110px; bottom: 20px;}
	
	.boxContainer {width: 190px; height: 30px;}
/* 	.emptyClass {margin-bottom: 36px;} */
	.emptyClass {overflow: visible;}
	.emptyClass > ul > li {max-width: calc(100% - 80px); width: 300px; min-width: 0; margin: 0 40px; padding: 0 14px; font-size: 10px; box-sizing: border-box;}
	.emptyClass > ul > li > a > span > svg {display: none;}
	/* @keyframes boxFirst {0% {width: 190px; height: 30px;} 20%{width: 285px; height: 40px;} 73%{width: 285px; height: 40px;} 86% {width: 190px; height: 30px;} 100% {width: 190px; height: 30px;}}
	@keyframes boxUpDown {0% {width: 190px; height: 30px;} 18%{width: 285px; height: 40px;} 69%{width: 285px; height: 40px;} 86% {width: 190px; height: 30px;} 100% {width: 190px; height: 30px;}}
	@keyframes textFirst {0% {font-size: 10px;} 22% {font-size: 16px;} 78% {font-size: 16px;} 90% {font-size: 10px;} 100% {font-size: 10px;}}
	@keyframes textUpDown {0% {font-size: 10px;} 7% {font-size: 10px;} 29% {font-size: 16px;} 80% {font-size: 16px;} 95% { font-size: 10px;} 100% {font-size: 10px;}}
	 */
	.oneMainSectionBox  {margin-bottom: 30px;}
	.oneMainSectionBoxIn {padding: 25px 0 20px 0;}
	
	.oneQuickMenuBox {margin-bottom: 37px;}
	.oneQuickMenuList > ul > li > ul > li > a > span {line-height: 20px; font-size: 10px;}
	.oneQuickMenuList > ul > li > ul > li > a:hover > span {line-height: 20px; font-size: 10px;}
	.oneQuickMenuSelect > span {margin-bottom: 10px;}
	
	.oneEduBox {margin-bottom: 44px; padding: 23px 20px;}
	.oneEduTab {margin-bottom: 32px; text-align: center;}
	
	.oneQuickMenuList > ul > li > ul > li {max-width: 90px; padding: 0 10px;}
	.oneEduShotcut > span > span > br {display: block;}
	.oneEduList {margin-bottom: 142px;}
	.oneEduList > li > ul > li {width: 260px;}
	.oneEduList > li > ul > li > a > span {line-height: 26px;}
	.oneEduList > li > ul > li > a > p > strong {-webkit-line-clamp: 4; min-height: 50px; line-height: 22px; height: auto;}
	.oneEduList > li > ul > li > a > p > span {display: none;}
	.oneEduShotcut > span {padding-bottom: 24px;}
	.oneEduPagination {bottom: 128px;}
	
	.oneExamSearch {margin-bottom: 4px; padding: 18px 84px 18px 18px}
	.oneExamSelectList > li > strong {font-size: 13px;}
	
	.forgetRightL {width: 100%;}
	.imgNewsBox > div {width: calc((100% - 17px) / 2);}
	.imgNewsBox > div:first-child {margin-right: 17px;}
	.forgetRightL p {display: none;}
	.forgetRightL > span {transform: translate(0); display: block;}
	.forgetRightL > span > br {display: block;}
	.forgetRightR {position: static; transform: translate(0); margin-bottom: 14px; padding-left: 122px;}
	
	.questionList li .grayRoundBox {width: 40px; height: 40px; margin-bottom: 0;}
	.questionList li .grayRoundBox svg {width: 30px;}
	
	.oneForgetRight {margin-bottom: 30px;}
	
	.roundCardBox .research img {transform: scale(0.7); right: -10px;}
	.roundCardBox .promotion img {transform: scale(0.7); right: -7px;}
	.roundCardBox .withPersonalInfo Img {transform: scale(0.7);}
	.roundCardBox .withPersonalInfo .shakeIcon {right: 3px;}
	.roundCardBox .withPersonalInfo .noShakeIcon {right: 60px;}
	.roundCardBox li:hover img:first-of-type {animation: shake 0.5s;}
	@keyframes shake {
    0% 		{ transform: rotate(0deg) scale(0.7);}
    20% 	{ transform: rotate(-7deg) scale(0.7);}
    40% 	{ transform: rotate(7deg) scale(0.7); }
    60% 	{ transform: rotate(-5deg) scale(0.7); }
    80% 	{ transform: rotate(5deg) scale(0.7); }
    100% 	{ transform: rotate(0deg) scale(0.7); }
}
	
	.questionTitle {display: inline-block; width: 100px; vertical-align: middle; font-size: 18px;}
	.questionList {float: none; padding-top: 0;}
	.questionList::after {content: ""; display: block; clear: both;}
	.questionList {width: calc(100% - 105px); margin: 0 0 12px 0;}
	.oneQuestionBox > div {display: block; width: 100%; clear: both;}
	
	.roundBoxInfo p {display: none;}
	.roundBoxInfo span {font-size: 13px;}
	
	.qnaNumBox {line-height: 28px; width: 100%; margin-bottom: 2px;}
	.qnaNumBox span {float: left; line-height: 28px; margin: 0px 12px 6px 0; font-size: 20px;}
	.qnaNumBox .qnaNum {line-height: 28px;}
	
	/* 우측하단 퀵메뉴 */
	.oneRightMenu {right: 10px; bottom: 10px; transform: scale(0.85); transform-origin: right bottom;}
	
	
	/* Form */
	.mobileFieldGroup {}
	.mobileFieldGroup > div {margin-bottom: 8px;}
	.mobileFieldGroup .fieldSpace {white-space: nowrap;}
	.mobileFieldGroup .oneField {width: 100%;}
	.mobileFieldGroup .oneField input[type="text"] {width: 100%;}
	
	.oneField.email {display: block; margin-right: 0; text-align: center; line-height: 26px;}
	.oneField.email .fieldSpace {text-align: left;}
	.oneField.email label {width: calc(50% - 12px); margin-bottom: 6px;}
	.oneField.email label:nth-of-type(1) {float: left;}
	.oneField.email label:nth-of-type(2) {float: right;}
	.oneField.email input[type="text"] {width: 100%;}

	.oneField.email .selectric-wrapper {width: 100% !important;}
	.oneField.email .selectric-wrapper .selectric {width: 100%;}

	.mobileFieldGroup .oneField input[type="text"].oneInputS {width: 60px;}
	
	
    /* 본인인증 */
    .oneAccredit {margin-bottom: 34px;}
    .oneAccredit_text {margin-bottom: 10px; font-size: 14px;}
    .oneAccredit_sns {width: 100%; margin-bottom: 15px;}
    .oneAccredit_sns > li {margin-bottom: 8px; font-size: 14px; line-height: 35px;}
    .oneAccredit_sns > li > a {padding-left: 52px;}
    .oneAccredit_sns .oneAccredit_icon {left: 15px; height: 24px;}
    .oneAccredit_contents {margin-bottom: 30px; padding: 15px 18px;}
    .oneAccredit_list {float: none; width: 100%; height: auto;}
    /* 모바일에서는 공동인증서 인증이 불가능, 히든처리 */
    .oneAccredit_list > li {width: 33.33%; font-size: 14px; border-right: 1px solid #E1E1E1;}
    .onePopup .oneAccredit_list > li:nth-child(3) {display: none;}
    .oneAccredit_list.addAccredit {height: auto;}
    .oneAccredit_list.addAccredit > li {width: 33.33%; padding-top: 0;}
    .oneAccredit_list > li:nth-child(-n + 2) {border-bottom: none;}
    .oneAccredit_list > li > a > span {margin: 0; font-size: 14px;}
    .oneAccredit_list .oneAccredit_icon {height: 45px;}
    .oneAccreditAgree {margin-bottom: 50px;}
    .useGuideBtn {margin-bottom: 0; line-height: 48px;}
    .onePopup_content .useGuideBtnBox {padding-left: 16px; z-index: 20;}
    
    .onePopup_content .useGuideBtn span {margin-bottom: 4px; font-size: 14px; line-height: 26px; padding-bottom: 1px;}
    .onePopup_content .useGuideBtn .btnS-gray {vertical-align: -8px; min-width: 24px;}
    .onePopup_content .useGuideBtn .btnS-gray span {display: none;}
    .onePopup_content .useGuideBtn .btnS-gray i {display: block; line-height: 22px;}

    .onePolicyGuideList > li {width: calc(50% - 12.5px); margin-bottom: 12.5px;}
    .onePolicyGuideList > li:nth-child(3n) {margin-right: 15px;}
    .onePolicyGuideList > li:nth-child(2n) {margin-right: 0;}
    .onePolicyGuideList > li:nth-child(n + 7) {margin: 0;}

	.accordionContent .oneAccredit_list {height: auto;}
	.accordionContent .oneAccredit_list > li {width: 25%; font-size: 14px; border-right: 1px solid #E1E1E1; padding: 14px 0; line-height: 24px;}
	.accordionContent .oneAccredit_list > li > span {font-size: 13px; width: 100%; display: inline-block; line-height: 24px;}

    /* 기술지원 */
    .oneTecSupportBox {padding: 12px;}
    .oneTecSupportBox h4 {font-size: 15px; margin-bottom: 12px;}
    .oneTecSupportBox p {font-size: 14px;}

    /* 본인확인내역조회 */
    .oneLookupList {line-height: 34px;}
    .oneLookupList > li {width: 100%;}
    .oneLookupList.list3 > li {width: 100%;}
    .oneLookupList.list4 > li {width: 100%;}
    
    /* 본인확인내역조회 > 로딩중 */
    .dataComingBox {padding: 24px 18px;}
    .dataComingList li {width: calc((100% - 38px) / 3); max-height: 120px; margin: 0 19px 50px 0;}
    .dataComingList li > span {font-size: 11px; color: #1F3D7B; bottom: -20px; font-weight: 500;}
    .dataComingList li:nth-of-type(n + 4) {margin-left: 19px;}
    .dataComingList li:last-of-type {margin-left: 0;}
    .dataComingList li:nth-of-type(3n) .dataComingIcon i {right: auto; bottom: -32px;}
    .dataComingList li:nth-of-type(4) .dataComingIcon i, .dataComingList li:nth-of-type(5) .dataComingIcon i {bottom: 54px;}
    .dataComingIcon {min-height: 120px; padding-top: 15px; margin: 0 auto;}
    .dataComingIcon > i {top: auto; bottom: 47px; right: -15px; font-size: 12px; color: #E1E1E1;}  
    .dataComingList li:nth-of-type(n + 4) .dataComingIcon > i {left: -15px;} 
    .dataComingIcon img {margin-bottom: 2px;}
    
    
    /* 서비스 모아보기 */
    .oneFavoriteService {padding: 14px 16px;}
    .oneFavoriteServiceList > ul > li {width: calc(50% - 4px); margin: 0 8px 4px 0;}
    .oneFavoriteServiceList > ul > li:nth-last-child(3n) {margin-right: 0;}
    .oneFavoriteServiceList > ul > li:nth-last-child(-n+3) {margin-bottom: 0;}

    .oneServiceList > li > ul > li {width: 100%;}
    .oneServiceList > li > ul.serviceDepth > li {width: 100%; margin-bottom: 15px;}
    
    .oneUserServiceList > ul > li > ul > li {width: 100%;}
    .oneUserServiceList > ul > li:last-child > ul > li {width: 100%;}
    
    .onePopup .oneFavoriteServiceList > ul > li {width: 100%; margin-bottom: 8px;}
    .oneServiceChoiceList > ul > li > ul > li {width: 100%; margin: 0 0 8px 0;}
    
    
   	/* 개인정보 보호조치 진단 step */
   	.list_step3 > ul > li {width: 100%; margin: 0 0 8px 0; padding: 15px 0; text-align: right; background-position: left center;}
    .list_step3 > ul > li span {width: calc(100% - 100px); min-width: 0; margin-right: 20px; text-align: center;}
    .list_step3 > ul > li.another_step {width: 100%; padding: 76px 0 15px 0; text-align: center;}
    .list_step3 > ul > li.another_step span {width: auto; min-width: 74%;}
    
    .list_step3 > ul > li:nth-child(1) {background-position: 20px center;}
	.list_step3 > ul > li:nth-child(2) {background-position: 20px center;}
	.list_step3 > ul > li:nth-child(4) {background-position: 20px center;}
	.list_step3 > ul > li:nth-child(5) {background-position: 20px center;}
    
    /* 유출·침해신고 */
    .blueRoundBox.invasion li:first-child::after {top: auto; right: 0; bottom: 0; left: 0; display: block; width: calc(100% - 18px); height: 0; margin: 0 auto; border-right: none; border-bottom: 1px solid #D1DEEF;}
    
    
    
    
    .oneStepBox {padding: 15px 0 0 0; text-align: center;}
    .oneStepBox > ul > li {width: 80px; margin: 0 8px 15px 8px;}
    .oneStepBoxIn > strong {margin-bottom: 2px;}
    .oneStepImgBox {width: 80px; height: 80px; margin-bottom: 0;}
    .oneStepImgBox:after {display: none;}

    .oneStepBox.type2 > ul > li {display: block; width: 100%; margin: 0 8px 15px 8px; overflow: hidden;}
    .oneStepBox.type2 .oneStepBoxIn > span {float: left; width: calc(100% - 100px); padding-top: 12px; text-align: left;}
    .oneStepBox.type2 .oneStepBoxIn > span > strong {display: block; margin-bottom: 8px; font-size: 16px; color: #1F3D7B;}
    .oneStepBox.type2 .oneStepImgBox {float: left; margin-right: 20px;}
    .oneStepBox.type2 .oneStepImgBox img {transform: scale(0.9);}
    
    .oneGuideList > li {padding: 15px 20px 15px 18px;}
    .oneGuideListImgBox {display: block; width: 60px; height: 60px; margin: 0 0 8px 0;}
    .oneGuideListImgBox img {width: 100%; height: 100%; object-fit: contain; transform: scale(0.76);}
    .oneGuideListTextBox {width: 100%;}
  
  	.oneGuideList.small > li {padding: 15px 20px 15px 18px;}
  	.oneGuideList.small > li > a {position: static; transform: translate(0);}
	.oneGuideList.small > li .oneGuideListTextBox {width: 100%; margin-bottom: 6px; padding-right: 0;}

	/* 전문강사 */
	.oneBorderBox {padding: 12px; margin-bottom: 24px;}
	
    /* 전문인력 교육일정 */
    .oneEduTable tbody td {font-size: 12px}
	.oneEduTable tbody th {font-size: 12px;}
	
    .blueRoundBox li {width: 100%;}
    .blueRoundBox li::after{display: none;}
    
    .oneIsmsStay > li {width: 80%; margin: 0 0 6px 0;}
    .oneIsmsStay > li:last-child {width: 100%;}
    .oneIsmsStayIn {transform: translateX(17%); width: 21%;}
    
    
    .oneDisputeGuide > li {padding: 20px 15px 0 15px;}
    .oneDisputeGuide > li > ul {margin: 0;}
    .oneDisputeGuideIn {padding: 14px 10px 14px 0;}
    
    

	.oneDisputeGuideIn > img {left: 16px; transform: scale(0.8);}
 	.oneDisputeGuideIn > strong {margin-left: 75px; font-size: 16px;}
	.oneDisputeGuideIn > p {margin-left: 75px; font-size: 14px;} 
	
	
	.oneDisputeGuideIn .btnGroup {padding-left: 15px;}
	.oneDisputeGuideIn .btnGroup > a {margin: 2px 4px 2px 0px;}
	
	/* 정보주체 권리행사 */
	.infoService .infoServiceIn {padding: 40px 20px; border-radius: 20px;}

    /* 분쟁조정 신청조건 확인 */ 
    .detailStepBox {padding: 15px 10px;}
    .detailQuestion {margin-bottom: 20px; font-size: 16px;}
    .detailStepBox .pic1 {opacity: 0.5;}
    
     .onePrevCaseAccredit > li {width: calc((100%/2) - 20px); margin-right: 20px; margin-bottom: 20px;}
     .onePrevCaseAccredit > li:nth-child(2n) {margin-right: 0;}
     .onePrevCaseAccredit > li:nth-child(n + 3) {margin-bottom: 0;}
    
	
	/* 공공기관 기업서비스 */
	.onePublicServiceList > ul > li {width: 100%; height: 130px;}
	
	/* 개인정보보호란? > 개인정보 수칙 > 사업자 */
	.oneStepBox.process {display: block; margin-bottom: 30px;}
	.oneStepBox .stepLeft {display: block; width: 100%; padding: 6px;}
		.stepLeft img {margin-bottom: 4px;}
	.oneStepBox .stepRight {padding: 10px 14px;} 

   	/* 개인정보보호란? > 개인정보분쟁조정위원회 */
       .historyBox li {margin-bottom: 12px;}
       .historyNum {font-size: 18px;}
       .historyInfo {display: block; width: auto; padding: 2px 0 0 120px; font-size: 14px; line-height: normal;}
       .historyNum::after {top: 10px; left: 46px;}
       .historyNum::before {left: 51px;}
       .historyBox li:hover .historyNum::after {top: 6px; left: 42px;}
       .historyRoundBox {width: 50px; margin: 2px 0 4px 24px; font-size: 13px; line-height: 22px; vertical-align: -1px; display: block; float: left;}
	
	/* 영향평가 */
	.oneStep.impact > li {min-width: 125px; height: 74px; padding-left: 24px;}
	.oneStep.impact > li:after {border-top: 41px solid transparent; border-bottom: 35px solid transparent;}
	.oneStep.impact > li:before {border-top: 40px solid transparent; border-bottom: 35px solid transparent;}
	.oneStep.impact > li.on:after {border-top: 41px solid transparent; border-bottom: 35px solid transparent;}
	.oneStep.impact > li.on:before {border-top: 40px solid transparent; border-bottom: 35px solid transparent;}
	
	
	/* 잊힐 권리 신청 유형 선택 */
	.onTypeSelect {width: calc(50% - 6px);}
	.onTypeSelect > a {height: 110px; padding: 0 20px;}
	.onTypeSelect > a > p {margin-left: 0; font-size: 14px;}
	.onTypeSelect > a > svg:first-child {display: none}
	.onTypeSelect:nth-of-type(1) {margin-right: 12px;}
		.onTypeSelectIn {padding: 20px 20px 16px 20px;}
	
	
	/* 일정비율로 나눔 list_card */
	.list_proc_center{text-align: center;}
	.list_card>li{float:left;padding:5px;box-sizing: border-box;}
	.list_card .tt{margin:5px 0;font-weight:500;font-size:18px;}
	.list_card.box2 {overflow: hidden;} 
	.list_card.box2>li{width:100%;}
	.list_card.box2>li:first-child {margin: 0 0 40px 0;}
	.list_card.box3>li{width:100%;}
	.list_card.box4>li{width:100%;} 
	.list_card.box5>li{width:100%;}
	
	/* list_edu_intro : 교육방법안내*/
	.sequence_num{margin:30px 0 8px 0;}	
	.list_edu_intro .c_box p {font-size: 14px;}
	
	/* 교육 */
	.oneLectureInfoBoxTitle {flex-direction: column; font-size: 15px;}
	.oneLectureInfoBoxTitle span {margin-bottom: 2px;}
	.oneLectureInfoBox > ul > li {float: none; width: 100%; padding-bottom: 0;}
	.oneLectureInfoBox > ul > li:last-child {padding-bottom: 7px;}
    
    /* MY 개인정보 */
    .mypageTopBox {min-height: 470px}
    .mypageTopLeft > div {margin-bottom: 6px;}
    .mypageTopRight li {border-right: none; border-bottom: 1px dashed rgba(255,255,255,0.2); padding: 0 0 15px;}
    .mypageTopRight li:first-of-type {width: 100%; padding: 15px 0;}
    .mypageTopRight li:nth-of-type(2) {width: 100%; padding: 15px 0;}
    .mypageTopRight li:last-of-type {width: 100%; padding: 15px 0; border-bottom: none;}
    .mypageTopRight li > span {margin-bottom: 22px;}

    .hashTagBox > ul {width: 100%; padding-left: 0; }

    .customBox {margin-bottom: 40px;}
    .customLeft {width: 100%; padding-top: 0; margin-bottom: 10px;}
    .customRight {width: 100%; height: 150px; padding: 10px 0 0 22px;}
    .customRight > div > ul > li > a > strong {font-size: 14px; max-width: 80px;}


	/* 이용가이드 */
	.oneDesc.useGuide1 {padding: 24px 16px;}
		.useGuideText {padding: 16px;}
	
	.oneDesc.useGuide3 {padding: 0;}
	.oneDesc.useGuide3 > ul {margin-bottom: 0;}
	.oneDesc.useGuide3 > ul > li {width: 100%; margin-bottom: 0; padding: 20px 0;}
	.oneDesc.useGuide3 > ul > li::after {width: 100%; height: 0; border-bottom: 1px solid #e1e1e1; top: 100%; right: 0;}
    
	
	/* 지킬 앤 가이드 */
	.spot_sub {padding-bottom: 0;}
	.spot_sub .spot_img {float: none; padding: 0;}
	.desc {margin: 20px 0 10px 0;}
	/* 캠페인 */
	.card_news_list li{width:100%;}
	/* 2111201 한 (s) */
	.card_news_list .card_box a{margin-right:0 !important;}
	/* .card_news_list .card_box{margin-right:0 !important;} */
	/* //2111201 한 (e) */
	.card_news_list .card_img{max-height: inherit;}
	
	 /*20200925(s)*/
	/*지킬앤가이드 캐릭터 페이지*/
	.character_intro_wrap .intro_title img{width:90%;height:auto;}
	.character_intro_wrap .intro_img img{width:90%;height:auto;}
	.character_intro_wrap > p{margin: 30px 0 0 0 !important;}
	.character_list>li>div{float: inherit;width:100% !important;}
	.character_list .img_area img{width:auto;height:200px;}
	.character_list .txt_area{margin:30px 0 0 0;}
	.character_list .txt_area b{font-size:17px;}
	.character_list .txt_area h4{margin:5px 0 0 0;}
	.character_list .txt_area dt{width:90px;}
	.character_list .txt_area dd{width:calc(100% - 95px);}
	.character_list .keyword li{padding:8px 12px;margin:0 3px 0 0;border-radius: 16px; font-size:12px;}
	/*20200925(e)*/
	
	/* 상담사례 */
	.caseCheck + p {font-size: 15px;}
	
	.oneSearch.oneCaseSearch .oneFieldGroup-3 {width: 100%; margin-right: 0;}
	.oneSearch.oneCaseSearch .selectric-wrapper {width: 100% !important; max-width: none;}
	.examListContainer {padding: 24px;}
	
	.examListContainer .tabBody.tab0 > .item {width: 100%; margin-right: 0;}
	.examListContainer .tabBody.tab0 > .item:last-child {margin-bottom: 0;}
	.examListContainer .tabBody.tab0 > .item:nth-child(n + 3) {margin-bottom: 16px;}
	.examListContainer .tabBody.tab1 > .item {width: calc((100% - 16px) / 2);}
	.examListContainer .tabBody.tab1 > .item:nth-child(3n) {margin-right: 16px;}
	.examListContainer .tabBody.tab1 > .item:nth-child(2n) {margin-right: 0;}
	.examListContainer .tabBody.tab2 > .item {width: calc((100% - 16px) / 2);}
	.examListContainer .tabBody.tab2 > .item:nth-child(5n) {margin-right: 16px;}
	.examListContainer .tabBody.tab2 > .item:nth-child(2n) {margin-right: 0;}
	
	.examListContainer .tabMenu {margin-bottom: 16px;}
	.examListContainer .tabMenu .item {display: block; margin-bottom: 12px;}
	.examListContainer .tabMenu .tabArrow {display: none;}
	
	.examListContainer .depthText {white-space: nowrap; overflow-x: auto;}

	/* 통합검색 */
	.oneSearchBox {width: 100%; padding: 0 20px; box-sizing: border-box;}
	.oneSearchBar .selectric-wrapper {width: 94px !important;} /* selectric 라이브러리보다 우선 적용을 위해 important */
	.oneSearchCategoryIn {padding: 0 15px;}
	
	/* 설문조사  */
	.survey_flex li {width: 100%; margin-right: 0;}
	.survey_flex li:nth-child(3n) {margin-right: 0;}
	
	/* 잊힐 권리 */
	.longTextBtn {width: 100%; margin: 0;}
	.btnL-blue.longTextBtn {margin-bottom: 8px;}

    .forgetStepBox {padding: 45px 15px 0;}
    .talkBox {font-size: 16px;}
    .talkBox.rubber:first-of-type {padding: 15px 18px;}
    .talkBox.rubber.point {font-size: 16px;}
        .rubberPoint {font-size: 17px;}
    .rubberImgEx li {width: 100%;}
    .rubberImgEx li:first-of-type {margin-bottom: 20px;}
    .rubberTxtEx {padding: 15px 20px;}
        .rubberTxtEx li {font-size: 16px;}
        .rubberTxtEx p {font-size: 16px;}
        .rubberInfoTitle {margin-bottom: 8px;}
    .rubberTxtEx.notice {padding: 15px 20px;}
    .rubberTxtEx.info {padding: 15px 20px;}
    .rubberTxtEx.query {padding: 15px 20px; font-size: 18px;}
    .rubberTxtEx.query p {font-size: 17px;}
        .lineChange {display: block;}
        .lineChange span {display: none;}
    .rubberProcessImg {overflow-x: scroll;}

    .oneDisputeGuideIn.forget .btnGroup {padding-left: 75px;}
    .one14UpperStep > li {margin: 0 0 52px 0;}
    .one14UpperStepIn > p {font-size: 14px;}
    .oneForget14UnderR {font-size: 14px;}




    
	
	/* 영향평가 대가산정 */
    .oneTable.infApp .btnM-blue, .oneTable.infApp .btnM-gray {margin: 4px 0;}
    .oneTable.infApp .oneField + .infPlusTxt {vertical-align: -2px;}
    
    /* 교육 시청 화면 */
    .lectureHeader {padding: 5px 5px 50px 5px;}
    .lectureHeader a {position: absolute; right: 0; top: unset; bottom: 8px; left: 0; margin: 0 auto; max-width: 80px;}
    
    .oneEduPopupGuideBox {padding: 10px 10px 180px 10px; }
    .oneEduPopupGuideBox > img {top: unset; width: 180px;}
    
    /* 개인정보 처리방침 */
    .cnt_list {width: 100%; margin: 20px auto 0;}
    .cnt_list li {width: 100%;}
    
    /* 게시판 뷰 */
    .oneView_title .btn-iconOnly {min-width: 0; padding: 0 10px;}
}