@charset "utf-8";
/*Color*/
.pDiagram dd::before,.saSurvey dl dd strong{color:#515f6e;}
.Page h5,
.pTab ul>li>.av{color:#001468 !important}
.Page h4,
.Page h2>strong,
.Page h3>strong{color:#0150b1}
.Page h4.tac strong,
.pBox2.s2 strong,
.pBox2.s2 p>span,
.Page .tm{color:#0150b1 !important}
.Page h5 em/*,#p010105 .pGraph.col5 dd:nth-child(4)::after,#p010107 .pGraph.col5 dd:nth-child(4)::after*/{color:#0076D1 !important;}
.Page h4.tac{color:#222 !important}
.pGraph dd::after{color: #b1bbc7}

.tb tbody th{background-color:#F1F4F8;}
.pBg,.pBox,.pGraph span{background-color:#f2f4f8 !important;}
.pDiagram.link dd>*>a,.pDiagram.link dd>*>p{background-color:#fff;}
.pBg2,.pBox2,.pBox3 strong,.tb thead th{background-color:#edf0f5 !important;}
#p0102 .col3 dd span{background-color:#0084D0 !important;}
.Page h5::before,.pTab.s2 ul>li>.av,.pDiagram[data-num] dd>div span,.pUse dl[data-num] em,.pGraph.s3 dd::before{background-color:#0076D1 !important;}
#View header dl dt::before,#p0102 .pDiagram em,#p0102 .col3 dd .on,.pCircle dd:nth-child(3) span{background-color:#0150b1 !important;}

.Page .pLb,.pTab .av,.tabSwiper .on::after,
#p010107 .pGraph.s1 dd:nth-child(6) p,#p0502 .pCircle dd::before{border-color:#0085ec !important;}
.pBox3,.saSurvey,.saSurvey dl{border-color: #D7DEE4 !important}
#p010106 .pGraph.col3 dd::after{border-color: #b1bbc7 !important}
#p0102 .pDiagram.col2 dd:hover,#p0102 .pDiagram.col2 dd:hover a::before{border-color:#0150b1 !important;}

.saSurvey dl{background:#fafbff !important}
/*Theme Color #019FDC;hsl(197, 99%, 43%);rgb(1, 159, 220)*/
.Page h1 + article{border: 3px double #eee; padding: 1em;}
.Page article > hr{clear: both;display: block; margin: 15px 0;}
/* Common ----------------------------------------------------------------------------------------------------------------------------------------------------*/
.Page{position: relative;}
.Page h1{padding-bottom:0.7em;margin-bottom:0.7em;;font-size:1.5em;font-weight:700;border-bottom: 1px solid #eee;margin-top: 1em;}
.Page h2,.Page h3,.Page h4,.Page h5,.Page h6,.Page .pTit{margin-top:2.5em;margin-bottom:1em;position: relative; display: block; clear: both;}
.Page h4 + table,
.Page h4 + .require {margin-top:-10px;}
.Page h2,.Page h3,.Page h4,.Page h5{font-weight:600;}
.Page h4::before{content:'';display:table;clear: both;}
/* .Page h2:nth-of-type(1),.Page h3:nth-of-type(1),.Page h4:nth-of-type(1),.Page h5:nth-of-type(1),.Page h6:nth-of-type(1),.Page .pTit:nth-of-type(1){margin-top: 0;} */
.Page h2:nth-of-type(1),.Page h3:nth-of-type(1),.Page h4:nth-of-type(1),.Page h5:nth-of-type(1),.Page h6:nth-of-type(1),.Page .pTit:nth-of-type(1){margin-top: 0;}
.board.mt50,
#castle h4, #whistle h4, #wWeakness h4, #shelter h4, 
.Page table + div h4:nth-of-type(1) {margin-top:2.5em !important;}


.fileDown {display:block;margin-bottom:10px;}
.fileDown:hover {text-decoration: underline;}
.fileDown::before {content:'첨부파일';margin-right:10px;padding:2px 10px;background:#0085ec;color:#fff;text-align:center;}


.Page h2{font-size:1.875em;}
.Page h3{font-size:1.5em;}
.Page h4{font-size:1.3em;}
.Page h4 em{background-position:0 4%;margin-right:0.1em;}
.Page h5{font-size:1.125em;}
.Page h5 em{background-position:0 22.5%}
.Page h6{font-size:1.05em;font-weight:500;}
.Page h6 em{background-position:100% 40.5%;}
.Page p{color:#444}
.Page .noty{font-size:90%;color:#777;}
/*.Page h4>em,.Page h5>em,*/.Page h6>em{width:1.1em;display:inline-block;background-repeat:no-repeat;background-image:url(/images/homepage/www/kr/page/bul.png);}
.Page h4 em::before,.Page h5 em::before,.Page h6 em::before{content: '';display:block;height:0;padding-bottom:100%;}
.Page h2>strong,.Page h3>strong,.Page h4>strong,.Page h5 strong,.Page h6>strong{font-size:110%}
.Page h4.tac{font-weight: 500;}
.Page h4#question { text-align:left !important;margin-bottom:0 !important;}
.Page h5.k{color:#333 !important}

.Page .pLb{border-bottom:2px solid;padding-bottom:0.5em;margin-bottom:0 !important; }
.menu02 .pLb{border-bottom:2px solid;padding-bottom:0.5em;margin-bottom:0;cursor:pointer; position:relative; }
.menu02 .pLb a {display:block;padding-right:20px;}
.menu02 .pLb::before { content:"+"; position:absolute; top:0; right:5px; background:none !important; font-size:1.3em; }
.menu02 .pLb::after { display:none; content:"-"; position:absolute; top:0; right:5px; background:none !important; font-size:1.3em; }
.menu02 .pLb.close::after { display:block; }
.menu02 .pLb.close::before { display:none; }

#faqhtml {margin-top:2.5em !important;}
#faqhtml .menu02 .pLb {margin-top:1.5em;font-weight:400;font-size:1em;padding-bottom:1em;border-bottom:1px solid #ddd !important;}
#faqhtml .menu02 .pLb a {display:block;padding-right:20px;}
#faqhtml .menu02 .pLb::before,
#faqhtml .menu02 .pLb::after {font-weight:400;}
#faqhtml .menu02 .pLb:first-child {margin-top:1em;}
#faqhtml .menu02 .pBox2 {padding:0;}
#faqhtml .menu02 .pBox2 .pDot {padding:1.125em 1.125em 0.625em;}
#faqhtml .menu02 .pBox2 h4,
#faqhtml .menu02 .pBox2 h5 {font-size:inherit;color:inherit !important;margin-bottom:0;}

#faqhtml .menu02 .pBox2 h5{font-weight:500;}
#faqhtml .btnsWrap .btn {background-color:#fff !important;color:#222 !important;}
#faqhtml .btnsWrap .btn span {padding-right:58px;}
#faqhtml .btnsWrap .btn span::after {content:'\e5e1';font-family:'Material Icons';position:absolute;top:50%;width:25px;height:30px;transform: translateY(-50%) translateY(0) translateZ(0) rotate(90deg);}
.faqkeyword{display:flex;min-height:45px;/* border-top:1px solid #ddd;*/flex:auto; align-items: center;display: flex;flex-wrap:nowrap}
.faqkeyword dt{width:100px;text-align:center;}
.faqkeyword dd{flex-basis:calc(100% - 100px);padding:3px 0}
.faqkeyword .cate{width:70%;border-radius:0.5em;color:#fff;padding:3px 0;font-size:.95em;text-align:center;background-color:#ED5900;}
.faqkeyword a,
.faqkeyword span {display:inline-block;margin:2px 3px;white-space:nowrap;}
.faqkeyword a::after,
.faqkeyword span::after {content:' ,'}
.faqkeyword a:last-child::after,
.faqkeyword span:last-child::after { content:none}


.Page .pTit .btn{position: absolute;right:0;bottom:0.5em;min-width:110px;color:#444;padding:0 10px;} 
.Page .btnsWrap .btn{min-width:215px;}
.Page .btnsWrap.left .btn,.Page .btnsWrap.right .btn{min-width:none;}

.scroll[data-scrollbar],.sc[data-scrollbar]{overflow:auto;}

.pTab{display:flex;margin-bottom:2em;border:1px solid #ccc;border-radius: 0.5em;max-height:2.96em;overflow:hidden;position: relative;z-index:2;transition:max-height .3s;}

.pTab.load{transition:max-height .10s;}
.pTab button{width:45px;height:45px;font-size:0;line-height:0;display:block;z-index:10;position:absolute;right:0;bottom:0;background:#fff;display:none}
.pTab button::before{content:'\e5d3';font-family:'Material Icons';font-size:25px;position:absolute;top:55%;left:50%;transform:translate(-50%,-50%) translate(-0.1px,-0.1px) translateZ(0);}

.pTab ul{display:flex;flex-wrap:nowrap;width:100%;/*margin-bottom:-1px;*/border-radius: 0.5em;overflow:hidden;z-index:1;}
.pTab ul>li{flex:1 1 25%;position:relative;/*border-bottom:1px dashed #ccc;*/}
.pTab ul>li::before{content:''; background:#ccc;width: 1px;top:25%;bottom:25%;position:absolute;left:-1px;}
.pTab ul>li>.av::before{content:none;}
.pTab ul>li>a{display:flex;height:2.83em;justify-content:center;align-items: center;text-transform: uppercase;font-weight: 500;white-space: nowrap;transition: .2s;padding:0 20px}
.pTab ul>li>.av{border:.2em solid;border-radius:0.48em;margin:-1px;height:calc(100% + 2px);font-weight:700;position: relative;z-index:3;overflow:visible;}

.pTab.active{max-height:100em !important;transition:max-height .3s;overflow:visible;}
.pTab.active button{position:absolute;right:0;bottom:0;background:none}
.pTab.active button::before{content:'\e166';}
.pTab.active ul{padding:0;overflow:visible;}

.pTab.s2 ul>li>.av{color:#fff !important;border-width:0;}

.tabSwiperWrap {position:relative;padding:0 30px;}
.tabSwiper{box-sizing:border-box;/*max-width:1223px;*/width:100%;margin-bottom:2em;border:1px solid #ccc;border-radius: 0.5em;}
.tabSwiper .swiper-wrapper{}
.tabSwiper .swiper-slide{width: auto !important;height:2.83em;flex-shrink: 1;flex-grow: 1;}
.tabSwiper .swiper-slide::after{content:''; background:#ccc;width:1px;top:25%;bottom:25%;position:absolute;left:-1px;}
.tabSwiper .swiper-slide:nth-child(1)::after{content:none}
.tabSwiper .swiper-slide a{display: block;width:100%;height:100%;/*text-transform:uppercase;*/transition:.2s;position: relative;text-align: center;}
.tabSwiper .swiper-slide span{display:inline-block;height:100%;padding:0 20px;box-sizing: border-box;white-space:nowrap;font-size:1em;font-weight:500;vertical-align:middle;position: relative;}
.tabSwiper .swiper-slide span::before{content:'';height:100%;width:0;display:inline-block;vertical-align:middle;}
.tabSwiper .swiper-slide.on{font-weight:700;position:relative;z-index:3;overflow:visible}
.tabSwiper .swiper-slide.on::after{content:'' !important;width:auto !important;left:0;right:0;top:0;bottom:0;border:3px solid;border-radius:0.48em;background:none;}

/* 텝디자인 변경 */
.tabSwiper {border-radius:0;border:none;z-index:3;}
.tabSwiper .swiper-slide::after {display:none;}
.tabSwiper .swiper-slide {margin-right:-1px;}
.tabSwiper .swiper-slide:last-child {margin-right:0;}
.tabSwiper .swiper-slide a {background:#F3F4F8;border-radius: 0.5em 0.5em 0 0;border-style:solid;border-color: #ccc;z-index: 2;border-width: 1px 1px 0;}
.tabSwiper .swiper-slide.on a {background:#fff;color:#0084D0;font-weight:600;}
.tabSwiper .swiper-slide.on::after {display:none;}
.tabSwiperWrap .swiper-wrapper {/*margin-left:-1px;*/}
.tabSwiperWrap .tabSwiper-prev,
.tabSwiperWrap .tabSwiper-next {position:absolute;top:0;width:30px;height:100%;background:#F3F4F8;border-style:solid;border-color: #ccc;z-index: 2;border-width: 1px;font-size:1.8em;display:flex;align-items:center;border-radius:0;}
.tabSwiperWrap .tabSwiper-prev {left:0;border-radius:0.4em 0 0 0.4em; padding:0 0 0 9px; }
.tabSwiperWrap .tabSwiper-next {right:0;border-radius:0 0.4em 0.4em 0; padding:0 0 0 9px; }
.tabSwiperWrap .tabSwiper-prev::after {content:'';background:url(/images/homepage/www/kr/page/arrow01.gif) center no-repeat; width:10px; height:22px; background-size:100%; }
.tabSwiperWrap .tabSwiper-next::after {content:'';background:url(/images/homepage/www/kr/page/arrow01.gif) center no-repeat; width:10px; height:22px; background-size:100%; rotate:180deg; }
.tabSwiperWrap .swiper-button-disabled {cursor:inherit;opacity:0.3;}
.tabSwiperDisable .swiper-wrapper {transform:translate3d(0, 0px, 0px) !important;}

.pTab[data-scrollbar]{overflow-x:auto;}
.pTab[data-scrollbar] ul{flex-wrap:nowrap;}
.pTab[data-scrollbar] ul>li{border-top:0; flex:content;}
.pTab[data-scrollbar] ul>li>a{ padding: 0 0.7em;}
.pTab[data-scrollbar] ul>li::before{content:'';}
.pDot {clear:both;}
.pDot>li{margin-bottom:0.6em;position:relative;/*padding-left:0.6em;margin-left:0.4em;*/margin-left:2px;text-align: left;line-height:1.4;}
.pDot>li::before,#View header dl dt::before{content:'';padding:2px;border-radius:50%;position: absolute;left:0;top:0.55em;}
.pDot>li>ol{margin-top:0.5em;margin-left:0;}
.pDot>li>ol>li{margin-bottom:0.3em;position:relative;padding-left:0.8em;}
.pDot>li>ol>li::before{content:''; width:8px;height:1px; background: #999;position: absolute;left:0;top:0.6em;}
.pDot>li.none::before{ content:none}
.pDot>li.line_none strong {padding-right:0;margin-right:0;}
.pDot>li.line_none strong::after {display:none;}
.pDot li strong{display:inline-block;padding-right:0.8em;margin-right:0.5em; position: relative;}
.pDot li strong::after{content:'';position: absolute;right:0;width:1px;top:15%;bottom:15%;background: #555;}
.pDot2 strong {width:105px;}
.pDot>li.img { text-align:center; margin-top:20px; }
.pDot>li.img::before { display:none; }
.pDot>li.img img { max-width:100%; }
.pDot>li.strong {/* font-size:1.062501em;*/font-size:1.1em;font-weight:600;color:#0085ec;}
.tBox .pDot>li {padding-left:0;margin-left:0;}
.tBox .pDot>li::before {display:none;}
.pDot.pDot_mark>li {padding-left:0.6em;}
.pDot.pDot_mark>li::before {background:#004db0;/*left:8px;*/}
.pBox{min-height:17.5em;}
.pBox2{border-radius:0 0 1.563em 1.563em;padding:1.44em;/*min-height:5.55em;*/color:#111;}
.menu02 .pBox2{border-radius:0 0 1.563em 1.563em;padding:1.44em;min-height:5.55em;color:#111; display:none; }
.pBox2.s2 strong{display:block;font-size:1.25em;margin-bottom: 1em;}
.pBox2.s2 strong>p{font-size:0.95em;font-weight: 500;}
.pBox2 .noty{font-weight:450}

.pBox3{border-radius:.5em;border:1px solid; overflow: hidden;min-height:8em;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);}
.pBox3 strong{display:block;text-align: center;font-size:1.1em;padding:0.7em 0;}
.pBox3 ul{/* margin:1em 0.7em;*/margin:1em;font-size: 0.95em;}
.pBox3 ul>li{margin-bottom:0.35em;}
.Page .col dd.pBox3.type_btn {display:flex;flex-direction:column;justify-content:space-between;}
.pBox3.type_btn ul {margin-bottom:0;flex:1;}
.pBox3.type_btn .btnsWrap {margin:0.4em 0 1.2em;}
.pBox3.type_btn .btnsWrap a {min-width:110px;font-size:0.95rem;height:34px;}

.Page dl.col{display:flex;flex-wrap:nowrap;/*width:94%;margin:0 auto 2.5em;*/justify-content:space-between;float:none;gap:0 3%;padding:0}
/*.Page .col::after{content:''; display:table;clear: both; min-height: 1px;}*/
.Page .col dd{display:block;flex:1 1 0;text-align:left;}
#p010110 dl.col + .pDot {margin-top:1em;}
/*.Page .col.w3 dd{flex:29.333%}*/


.Page .col3 dd{flex-basis:31.333%;} 
.Page .col5 dd{flex-basis:17.6%;}
.Page .col6 dd{flex-basis:14.167%;}

.Page .col.col_process {gap:0 70px;}
.Page .col.col_process .pBox3 {position:relative;overflow:initial;}
.Page .col.col_process .pBox3 strong {border-radius:.5em .5em 0 0;}
.Page .col.col_process .pBox3 + .pBox3::before {content:'';position:absolute;left:-35px;top:50%;width:48px;height:48px;transform:translate(-50%,-50%);display:block;border-radius:50%;background:url(/images/homepage/www/kr/page/ico_plus_64_w.png) no-repeat #0076D1 center center / 40%;}
.col_processTable {margin:1em;font-size:0.95em;}
.col_processTable .legend {text-align:right;}
.col_processTable .type {position:relative;padding:2px 0 0 23px;font-size:0.9em;margin-bottom:4px;}
.col_processTable .type +.type {margin-left:10px;}
.col_processTable .type::before {content:'';position:absolute;left:0;top:0;width:20px;height:20px;line-height:20px;text-indent:0;font-size:11px;border-radius:50%;text-align:center;color:#fff;font-weight:700;overflow:hidden;}
.col_processTable .type.legend_w::before {content:'W';background-color:#019FDC;}
.col_processTable .type.legend_l::before {content:'L';background-color:#FA6502;}
.col_processTable .legend_list {margin:0;}
.col_processTable .legend_list .type {width:20px;height:20px;padding:0;overflow:hidden;text-indent:-9999px;margin-right:3px;margin-bottom:0;vertical-align:middle;}
.col_processTable .legend_list em {vertical-align:middle;}
.col_processTable .legend_list li {display:inline-block;margin:3px 8px;}
.col_processTable table {width:100%;table-layout:fixed;margin:4px 0 8px;}
.col_processTable table th, 
.col_processTable table td {padding-left:0.2em;padding-right:0.2em;}
.Page .col_process .pBox3.row_group {display:flex;width:100%;flex-direction:column;justify-content:space-between;}
.Page .col_process .pBox3.row_group .row_item {flex:0 1 auto;}
.Page .col_process .pBox3.row_group .row_item + .row_item strong {border-radius:0;/*border-top:1px solid #D7DEE4;*/}
 
.tb{table-layout:fixed;border:solid rgba(0,0,0,0.7);border-width:2px 0 0;}
.tb th,.tb td{text-align: center;height:2.6em;padding:.7em 0;font-size:0.95em;border:solid rgba(0,0,0,0.1);border-width:1px}
.tb thead th{text-align:center; font-weight: 600;border-width:0 0 1px 1px}
.tb tbody th{font-weight:600;border-width:0 1px 1px 1px}
.tb th:first-child,.tb td:first-child{border-left-width: 0;}
.tb td:last-child{ border-right-width:0;}
.tb.tl td,.tb.tl th{padding:.7em 1em;}
.tb.tl tbody td{text-align:left;}
.tb.tr td{text-align:right;padding:.7em 1em;}
.ln tr:last-child th,.ln tbody tr:last-child td{border-bottom-width:0;}
.tb .td_leftLine {border-left-width:1px !important;}
.tb_s th,
.tb_s td {font-size:0.95em !important;}
.tb .td_left{text-align:left !important;padding-left:.7em;padding-right:.7em;}
.tb .td_center{text-align:center !important;} 

.pList{display:flex;flex-wrap:nowrap;gap:2em 3%}
.pList dd{/*flex-basis:22.75%;*/flex-basis:33.33%;text-align:center;position: relative;}
.pList dd::before{content:'';background: #ddd;position: absolute;width:1px;right:-1em;height:95%;top:50%;transform:translateY(-50%) translateY(-0.1px) translateZ(0);}
.pList dd:last-of-type::before{content:none}
.pList strong{font-size:1.125em;display: block;margin-bottom:2em;}
.pList .btn{width: 100%; margin-top:1em;height:40px;}
.pList.pList2 { margin-top:4.5em; }
.pList.pList2::before { display:none; }
.pList.pList2 dd { flex-basis:47.75%; position:relative; }
.pList.pList2 dd strong span { position:relative; }
.pList.pList2 dd:first-child::before { content:""; border-right:1px dashed #ccc; position:absolute; top:80px; right:-18px; }
.pList.pList2 dd:first-child strong span::before { 
	content:""; position:absolute; top:-40px;; right:-115px; width:100px; height:92px; 
	background:url(/images/homepage/www/kr/page/icon_page_pc.png) center no-repeat; background-size:100%; }
.pList.pList2 dd:last-child strong span::before { content:""; position:absolute; top:-40px;; right:-92px; width:90px; height:83px;  
background:url(/images/homepage/www/kr/page/icon_page_mo.png) center no-repeat; background-size:100%; }
#p010111 .pList.pList2 .btn {position:relative;}
.pList.pList2::after { display:none; }

.pList.pList2_new { margin-top:6em; }
.pList.pList2_new::before { display:none; }
.pList.pList2_new dd { flex-basis:47.75%; position:relative;padding-bottom:0 !important; }
.pList.pList2_new dd:first-child::before { content:""; border-right:1px dashed #ccc; position:absolute;/* top:80px;*/top:-24px;right:-18px;height:calc(100% + 24px);transform:inherit;}
.pList.pList2_new dd strong {height:120px;margin-bottom:0;}
.pList.pList2_new dd strong span { position:relative;vertical-align:middle;padding-right:183px;}
.pList.pList2_new dd strong span:before {content:""; position:absolute; top:50%; right:0; width:143px;height:143px;margin-top:-72px;background-color:#f2f4f8;border-radius:50%;background-repeat:no-repeat;background-position:center;background-size:100%;}
.pList.pList2_new dd.self strong span:before {background-image:url(/images/homepage/www/kr/page/icon_pcpage_self.png);}
.pList.pList2_new dd.pc strong span:before {background-image:url(/images/homepage/www/kr/page/icon_pcpage_pc.png);}
.pList.pList2_new dd.mo strong span:before {background-image:url(/images/homepage/www/kr/page/icon_pcpage_mo.png);}
#p010111 .pList.pList2_new .btn {position:relative;}
.pList.pListCenter{margin:6em auto 0;justify-content:center;}
.pList.pListCenter dd:first-child::before {display:none;}
.pList.pList2_new::after { display:none; }


#p010111 .pList.pList2_new dd.pc .btn {/*float:left;*//*width:42%;*/}
#p010111 .pList.pList2_new dd.pc .btn + .btn {width:calc(57% - 4px);}

.pDiagram{display:flex;flex-wrap: wrap;gap:1.5em 3%;overflow:hidden;margin:0 auto;width:100%}
.pDiagram dd{display:table;flex:0 1 22.75%;border:1px solid rgba(0,0,0,0.15);border-radius: 0.5em;position: relative;}
.pDiagram dd::before{content:'\e5e1';font-family:'Material Icons';position: absolute;left:calc(100% + 0.6em);top:50%;transform:translateY(-50%) translateY(-0.1px) translateZ(0);font-size:1.3em;}
.pDiagram dd:nth-of-type(4n)::before,.pDiagram dd:last-of-type::before{content: none;}
.pDiagram dd>*{display:table-cell;vertical-align: middle;padding:1em;height:4.4em;text-align: center;position: relative;}

.pDiagram[data-num] dd>div{text-align: left;padding-left:4.5em;}
.pDiagram[data-num] dd>div>span{color:#fff;position: absolute;left:1em;top:50%;transform:translateY(-50%) translateY(-0.1px) translateZ(0);width:2em;height:2em;z-index: 2;text-align: center;border-radius: 50%; font-weight: 500;}
.pDiagram[data-num] dd>div>span::before,.pDiagram.link dd>*>a::before,.pDiagram.link dd>*>p::before{ content: '';display: inline-block;height:100%;width:0;vertical-align: middle;z-index:1}

.pDiagram.link dd>*>span{top:30%}
.pDiagram.link dd>*{padding-bottom:3.5em;height:7em;}
.pDiagram.link dd>*>a,.pDiagram.link dd>*>p{position:absolute;bottom:-1px;left:-1px;right:-1px;height:2.8em;text-align: center;border-radius:0 0 0.563em 0.563em; font-weight:500;}

.pDiagram.s2 dd{overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);}
.pDiagram.s2 dd::before{content:none}
.pDiagram.s2 dd a{border-radius: 0;height:100%;padding-top:50%;background-color:transparent;padding-bottom:2px;}

.pGraph{display:flex;flex-wrap:nowrap;/* justify-content:space-between; */justify-content:center;position: relative;margin:auto;width:97%; margin-bottom: 3em;}
.pGraph dd{flex:1 1 22.75%;/* max-width:33%; */justify-content:center;position: relative; text-align: center;}
.pGraph dd::before{height: 1px;left:0;background:#ddd;margin-top:-1px}
.pGraph dd:first-child::before{left:50%}
.pGraph dd:last-child::before{right:50%}
.pGraph dd::before,.pGraph dd::after{top:50%;content:'';position:absolute;right:0;}
/*.pGraph dd::after{transform:translate(50%,-50%) translate(0.1px,-0.1px) translateZ(0);background:#fff;padding:3px;border:4px solid;border-radius: 50%;z-index:2}*/
.pGraph dd::after{content:'\e5e1';font-family: 'Material Icons';/*font-size:1.1em;*/transform:translate(50%,-50%) translate(-1px,-1px) translateZ(0);width:14px;height:18px;z-index:2;}
.pGraph dd:last-child::after{content:none} 
.pGraph span{display:table;width:50%;height:0;padding-bottom:50%;border-radius:50%;position: relative;margin:0 auto;z-index:3;}
.pGraph span::before{content:'';width:85%;height:85%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translate(-0.1px,-0.1px) translateZ(0);background-repeat:no-repeat;background-size:cover;background-position-x:50%;}
.pGraph span>p{position:absolute;top:60%;width:100%;padding:0 10%;margin:0;font-size:0.95em;line-height:1.15;text-align:center}
.pGraph span>strong{position: absolute;top:50%; transform: translateY(-50%) translateY(-0.1px) translateZ(0);left:0;right:0;}
.pGraph strong>em,.pGraph p>em{display:block;font-weight:400;font-size:0.93em;margin-top:0.2em;white-space:nowrap}
h5 + .pGraph {margin-top:2em;}

.pGraph span + *,.pGraph * + span{margin-top:1em;}
.pGraph p{font-size: 1.05em;font-weight:550;}
.pGraph div,.pGraph ul{display:inline-block;max-width:90%;margin-left:auto;margin-right: auto;}
.pGraph ul{font-size: 0.95em;/*max-width:70%;*/margin-top:1em}
.pGraph.s3 ul {/*text-align:left*/}
.pGraph ul>li{margin-bottom:0.5em;/* line-height: 1.1; */margin-left:0;}

.pGraph.col3 span{width:45%;padding-bottom:45%;}
.pGraph.col5 span{width:55%;padding-bottom:55%;}
.pGraph.col6 span{width:60%;padding-bottom:60%;}
.pGraph.s2 span{width:50%;padding-bottom:50%;}
.pGraph.s3 span{width:40%;padding-bottom:40%;}
.pGraph.col5 ul{max-width:80%;}
.pGraph.col2 span{width:35%;padding-bottom:35%;}

.pGraph.s1 dd span{margin-bottom: 3em;}
.pGraph.s2,.pGraph.s3{margin:1.875em auto}

.pGraph.s2{justify-content:flex-start;align-items: center;/* width:80%; */width:100%;flex-wrap:wrap;display:flex}
.pGraph.s2 dd::before,.pGraph.s2 dd::after{content:none;}
.pGraph.s2 dd{flex:1 1 0;line-height:1.5;display:table; }
.pGraph.s2 dd:first-of-type{flex-basis:20%;flex-grow:0;padding-right:5%;max-width:210px}
.pGraph.s2 dd:first-of-type span{width:100%;padding-bottom:100%}
.pGraph.s2 span::before{background-image:url(/images/homepage/www/kr/page/p010106.png);background-position-y:-2%;}
.pGraph.s2 dd:last-child{text-align:left;}
.pGraph.s2 dd>div{display:table-cell;padding-bottom:2.5em}

.pGraph.s3 dd::before{top:47%;content:'+';display:flex;justify-content: center;color:#fff;font-size:2.9em;font-weight:100;left:auto;width:53px;height:53px;right:0;line-height:52px;border:0;transform: translate(50%,-50%) translate(0.1px,-0.1px) translateZ(0);z-index:4;border-radius:50%}
.pGraph.s3.vc dd::before { top:43%; }
.pGraph.s3.col3  dd::before { top:40%; }
.pGraph.s3.vc2 dd::before { top:47%; }
.pGraph.s3 dd::after,.pGraph.s3 dd:last-child::before{content:none}
.pGraph.s3 span::before{background-image:url(/images/homepage/www/kr/page/p010102.png);}
.pGraph.s3 dd:nth-child(1) span::before{background-position-y:0;}
.pGraph.s3 dd:nth-child(2) span::before{background-position-y:14.5%;}
.pGraph.s3 dd:nth-child(3) span::before{background-position-y:29%}

.saSurvey{border:1px solid; margin-top:7.5em;}
.saSurvey dl{display: flex;align-items: center;height:3.56em;border-bottom:1px solid }
.saSurvey dl dd{display:flex;padding-right:1.25em;position: relative;}
.saSurvey dl dd::after{content:'';width:1px;background: rgba(0,0,0,0.15); position: absolute;left:0;top:10%;bottom:10%;}
.saSurvey dl dd:first-child::after{content:none}
.saSurvey dl dd strong{padding:0 1.25em;}
.saSurvey fieldset{padding:1.25em;}
.saSurvey fieldset p{float: left;font-weight:600;padding:0 0 10px 37px;position: relative; margin-right:5em;}
.saSurvey fieldset p::before{content:'';background:url(/images/homepage/www/kr/sprite.png) no-repeat -469px -280px;position: absolute; width:30px; height: 25px;left:2px}
.saSurvey .grp{overflow: hidden;}
.saSurvey .grp span{ display:inline-block;margin-right:15px;font-weight:500;}
.saSurvey .inpwrap{overflow: hidden;margin-top:1.25em;display: flex;}
.saSurvey .inpwrap input[type=text]{flex-grow:1;border-radius:0.5em; text-indent: 10px;}
.saSurvey .inpwrap button{width:120px;margin-left:7px;}

.ytFrame{position:relative;width:100%;height:0;padding-bottom:57%;margin:15px 0;/*padding-bottom:56.25%;border-bottom:1px solid #000;*/box-shadow:2px 2px 10px rgba(204, 204, 204, 0.3);}
.ytFrame > iframe{position:absolute;left:0;top:0;width:100% !important;height:100% !important;}
.ytp-impression-link{height:0 !important;}

.pUse dl[data-num] em{color:#fff;position: absolute;left:1em;top:50%;transform:translateY(-50%) translateY(-0.1px) translateZ(0);width:2em;height:2em;z-index:5;text-align:center;border-radius: 50%; font-weight: 500;}
.pUse dl[data-num] em::before{content: '';display: inline-block;height:100%;width:0;vertical-align: middle;}

.pUse .pGraph.s2 dd{flex:1 1 0}
.pUse .pGraph.s2 dd span{width:45%;padding-bottom:45%;}
/*Page*/
#p010101 .tac{display:none}
#p010101 .pDiagram dd div{padding:0;padding-bottom:2.5em; height:auto;}
#p010101 .pDiagram dd div img{width:100%; margin:0 -1px;}

#p010102 .pGraph.col3 {margin-bottom:3em;}
#p010102 .pGraph.col3 p{margin-bottom:1em;}

#p010102 .col5 dd::before,#p010102 .col5 dd::after{top:31.5%}
#p010102 .pGraph.col5 span::before{width:60%;height:60%;background-image:url(/images/homepage/www/kr/page/p010102.png);}
#p010102 .pGraph.col5 dd:nth-child(1) span::before{background-position-y:45%;}
#p010102 .pGraph.col5 dd:nth-child(2) span::before{background-position-y:59%;}
#p010102 .pGraph.col5 dd:nth-child(3) span::before{background-position-y:73%}
#p010102 .pGraph.col5 dd:nth-child(4) span::before{background-position-y:87%}
#p010102 .pGraph.col5 dd:nth-child(5) span::before{background-position-y:101%}

#p010103 .col3 dd::after{margin-top:-2.5em;}
#p010103 .col4 span::before{background-image:url(/images/homepage/www/kr/page/p010103.png);width:60%;height:60%;}
#p010103 .col4 dd:nth-child(1) span::before{background-position-y:7%;}
#p010103 .col4 dd:nth-child(2) span::before{background-position-y:39%;}
#p010103 .col4 dd:nth-child(3) span::before{background-position-y:72.5%;}
#p010103 .col4 dd:nth-child(4) span::before{background-position-y:105%;}

#p010104 .pGraph + .pGraph{margin-top: 3em;}
#p010104 .col6 span::before,#p010104 .col4 span::before{background-image:url(/images/homepage/www/kr/page/p010104.png);width:60%;height:60%;}
#p010104 .col6 dd:nth-child(1) span::before,#p010104 .col4 dd:nth-child(1) span::before{background:none;}
#p010104 .col6 dd:nth-child(2) span::before{background-position-y:4%;}
#p010104 .col6 dd:nth-child(3) span::before{background-position-y:39%;}
#p010104 .col6 dd:nth-child(4) span::before{background-position-y:72.5%;}
#p010104 .col6 dd:nth-child(5) span::before{background-position-y:106%;}
#p010104 .col6 dd:nth-child(6) span::before{background-position-y:72.5%;}

#p010104 .col6 span>strong:nth-of-type(1){line-height:1.1}

#p010104 .pGraph + .pGraph dd:nth-child(2)::after,#p010104 .pGraph + .pGraph dd:nth-child(4)::after{content:none}
#p010104 .pGraph + .pGraph dd:nth-child(3)::after{right:50%}

/* #p010104 .pGraph.s3 dd::after, #p010104 .pGraph.s3 dd::before{top:40%} */
#p010104 .col4 dd:nth-child(2) span::before{background-position-y:4%;}
#p010104 .col4 dd:nth-child(3) span::before{background-position-y:39%;}
#p010104 .col4 dd:nth-child(4) span::before{background-position-y:72.5%;}

/* #p010105 .pGraph.s2{width:100%;} */
#p010105 .pGraph.s2 ul{font-size: 100%;margin-bottom:2.5em;max-width:none;}

#p010105 .pGraph.col5 span::before{background-image:url(/images/homepage/www/kr/page/p010105.png);width:60%;height:60%;}
#p010105 .pGraph.col5 dd:nth-child(1) span::before{background-position-y:4%;}
#p010105 .pGraph.col5 dd:nth-child(2) span::before{background-position-y:29%;}
#p010105 .pGraph.col5 dd:nth-child(3) span::before{background-position-y:54%;}
#p010105 .pGraph.col5 dd:nth-child(4) span::before{background-position-y:79%;}
#p010105 .pGraph.col5 dd:nth-child(5) span::before{background-position-y:104%;}
/*#p010105 .pGraph.col5 dd:nth-child(4)::after{content:'\e5df';border:0;padding:0;background: none;font-family:'Material Icons';font-size:3em;top:50%;transform:translate(105%,-50%) translate(0.1px,-0.1px) translateZ(0);}*/


#p010106 .pGraph.col3 {width:80%;margin:0 auto 3em;}
#p010106 .pGraph.col3 dd span::before{top:47%;background-image:url(/images/homepage/www/kr/page/p010106.png);width:50%;height:50%;}
#p010106 .pGraph.col3 dd:nth-child(1) span::before{background-position-y:37%;}
#p010106 .pGraph.col3 dd:nth-child(2) span::before{background-position-y:70%;}
#p010106 .pGraph.col3 dd:nth-child(3) span::before{background-position-y:105%;}

#p010107 .pSystem{display:flex;flex-wrap:wrap;margin-top: 3em;}
#p010107 .pGraph.col3{width:20%;gap:3em 0;flex-wrap:wrap;padding:0 3%}
#p010107 .pGraph.col3::before{content:'';position: absolute;left:50%;top:0;bottom:0;background: #ddd; width: 1px;}
#p010107 .pGraph.col3 li{flex:100%}
#p010107 .pGraph.col3 li span{width:80%;padding-bottom:80%;}
#p010107 .pGraph.col3 li span::before{background-image:url(/images/homepage/www/kr/page/p010107_01.png);width:52%;height:52%;}
#p010107 .pGraph.col3 li:nth-child(1) span::before{background-position-y:8%;}
#p010107 .pGraph.col3 li:nth-child(2) span::before{background-position-y:58%;}
#p010107 .pGraph.col3 li:nth-child(3) span::before{background-position-y:108%;}

#p010107 .pGraph.s1{flex-wrap:wrap;position:relative;flex:0 1 80%}
 
#p010107 .pGraph.s1 dd::after{content:none}
#p010107 .pGraph.s1 dd{flex:1 1 30%;text-align:center;padding:0;max-width:none}
#p010107 .pGraph.s1 dd:nth-child(2n){flex:1 1 40%;}
#p010107 .pGraph.s1 dd::before{content:'';background-repeat: no-repeat;position:absolute;background-size:auto 100%;height:11px;background-color:transparent}
#p010107 .pGraph.s1 dd:nth-child(n+1):nth-child(-n+2)::before{left:70%;right:-24%;background-image:url(/images/homepage/www/kr/page/p010107_ar4.png);background-position:100% 50%}
#p010107 .pGraph.s1 dd:nth-child(4)::before{background-image:url(/images/homepage/www/kr/page/p010107_ar1.png);background-position:50% 100%;height:50px;top:-20%;background-size:auto;}
#p010107 .pGraph.s1 dd:nth-child(6)::before{background-image:url(/images/homepage/www/kr/page/p010107_ar2.png);height:50px;background-size:100% auto;background-position:50% 100%;transform:translateY(-50%) translateY(-0.1px) translateZ(0);margin:0 -10%}
#p010107 .pGraph.s1 em{position:absolute;transform:translateX(-50%) translateX(-0.1px) translateZ(0);top:25%;left:100%;line-height: 1.2;margin:0;white-space:nowrap}
#p010107 .pGraph.s1 dd:nth-child(1) em{margin-top:-5%}
#p010107 .pGraph.s1 span{margin-bottom:0}
#p010107 .pGraph.s1 span+p,#p010107 .pGraph.s1 ul+p{border-radius:30px;display:inline-block;font-weight:500;padding:0.3em 1em !important;font-size:.95em;margin-top:0;white-space: nowrap;}

#p010107 .pGraph.s1 dd:nth-child(1) span::before{background-position-y:-1%;}
#p010107 .pGraph.s1 dd:nth-child(2) span::before{background-position-y:100%;}
#p010107 .pGraph.s1 dd:nth-child(3) span::before{background-position-y:23%;}
#p010107 .pGraph.s1 dd:nth-child(5) span::before{background-position-y:70%;}
#p010107 .pGraph.s1 dd:nth-child(6) p{border:2px solid;border-radius: 30px;font-size:110%;font-weight:500;padding:5px 15px;position:absolute;left:50%;top:45%;transform:translate(-50%,-150%) translate(-0.1px,-0.1px) translateZ(0);white-space:nowrap;background:#fff;z-index:2}

#p010107 .pSystem .pGraph.s1 dd:nth-child(4){flex:100% !important;}
#p010107 .pSystem .pGraph.s1 dd:nth-child(1)::before{margin-left:7%;margin-right:-7%}
#p010107 .pSystem .pGraph.s1 dd:nth-child(2)::before{margin-left:7%;margin-right:7%}
#p010107 .pSystem .pGraph.s1 dd span::before{background-image:url(/images/homepage/www/kr/page/p010107_02.png);margin-top:0}
#p010107 .pSystem .pGraph.s1 dd:nth-child(2) span{width:60%;padding-bottom:60%;}
#p010107 .pSystem .pGraph.s1 dd:nth-child(2) p{top:45%;width:70%;left:50%;transform:translate(-50%,-50%) translate(-0.1px,-0.1px) translateZ(0);background:transparent !important;margin-left:0}
#p010107 .pSystem .pGraph.s1 span{background:transparent !important;border-radius:0;width:60%;padding-bottom:50%;}

#p010107 .pSystem .pGraph.s1 .pBox3{margin:1em auto 0;max-width:63%;display:table;padding-right:3%;min-height:150px;margin:2% auto;}
#p010107 .pSystem .pGraph.s1 .pBox3 dd{display:table-cell;text-align: left; vertical-align:middle}
#p010107 .pSystem .pGraph.s1 .pBox3 dd::before{content:none}
#p010107 .pSystem .pGraph.s1 .pBox3 dd:nth-child(1){width:170px}
#p010107 .pSystem .pGraph.s1 .pBox3 span{width:120%;padding-bottom:120% !important;margin:0}
#p010107 .pSystem .pGraph.s1 .pBox3 span::before{background-position-y:50%;margin:0}

#p010107 .pUse,#p010107 .pUse .pDot{margin:0 auto;width:90%;}

#p010107 .s1>p:nth-of-type(1){font-weight:500;width:90%;margin:0 auto -2em;}
#p010107 .pGraph[data-num]{width:100%;margin:2em auto 3em;align-items:center} 
#p010107 .pGraph[data-num] dd{padding:0;max-width:none}
#p010107 .pGraph[data-num] dd::before{left:50%;right:-25%;margin-top:-4px;height:11px;background:url(/images/homepage/www/kr/page/p010107_ar4.png) no-repeat 100% 50%;border:0;padding:0;border-radius:0;background-size:auto 100% ;}
#p010107 .pGraph[data-num] dd:last-child::before{content:none !important;}
#p010107 .pGraph[data-num] span::before{background-image:url(/images/homepage/www/kr/page/p010107_03.png);}
#p010107 .s2 .pGraph[data-num] span::before,#p010107 .s3 .pGraph[data-num] span::before{background-image:url(/images/homepage/www/kr/page/p010107_04.png);}

#p010107 .pGraph[data-num] span>strong{left:50%;text-align:left;line-height:1.15;font-weight:500;font-size:0.8rem;top:37%}
#p010107 .pGraph[data-num] .pBg{position:absolute;left:100%;transform:translate(-50%,-50%) translate(-0.1px,-0.1px) translateZ(0);top:67%;z-index:2} 
#p010107 .pGraph[data-num] dd:nth-child(1) .pBg{margin-top:1%}
#p010107 .pGraph[data-num] .pBg em{top:-120%;left:50%;transform:translateX(-50%) translateX(-0.1px) translateZ(0);margin-top:0}

#p010107 .pUse .pGraph[data-num] dd{flex:1 1 0;text-align: center; padding:0 !important;}
#p010107 .pUse .pGraph[data-num] dd::before{content:'';}
#p010107 .pGraph[data-num] dd:nth-child(1) span::before{background-position-y:2%;}

#p010107 .pUse .pGraph dd>p:nth-of-type(1){margin-bottom:0.5em}
#p010107 .s1 .pGraph[data-num] dd:nth-child(2)::before{content:none}
#p010107 .s1 .pGraph[data-num] dd:last-child::before{content:'' !important;left:-50%;right:55%;top:4px;background:url(/images/homepage/www/kr/page/p010107_ar3.png) no-repeat 100% 57%;height:100%;background-size:auto 80%;}
#p010107 .s1 .pGraph[data-num] dd:nth-child(2) span::before{background-position-y:27%;}

#p010107 .s1 .pGraph[data-num] dd:nth-child(2) .pBg{margin-left:-10%;margin-top:-1%}
#p010107 .s1 .pGraph[data-num] dd:last-child .pBg{margin-left:-77%;margin-top:-16%;}

#p010107 .s1 .pGraph[data-num] dd:nth-child(2) em{margin-top:-1.5%;}
#p010107 .s1 .pGraph[data-num] dd:last-child em{margin-top:-2%;}

#p010107 .pGraph.col3::before{content:'';position: absolute;left:50%;top:0;bottom:0;background: #ddd; width: 1px;}
#p010107 .pGraph.col3 li{margin-bottom:1.5em;}
#p010107 .pGraph.col3 li:last-child{margin-bottom:0;}
#p010107 .pGraph.col3 span{margin:0 auto}

#p010107 .s1 .pGraph.col3{width:55%;margin-left:30%;position:relative}
#p010107 .s1 .pGraph.col3::before{content:none;}

#p010107 .s1 .pGraph.col3 span>p{top:70%}
#p010107 .s1 .pGraph.col3 li span::before{background-image:url(/images/homepage/www/kr/page/p010107_03.png);width:85%;height:85%;}
#p010107 .s1 .pGraph.col3 li:nth-child(1) span::before{background-position-y:52%;}
#p010107 .s1 .pGraph.col3 li:nth-child(2) span::before{background-position-y:77%;}
#p010107 .s1 .pGraph.col3 li:nth-child(3) span::before{background-position-y:102%;}

#p010107 .pGraph[data-num] dd:nth-child(1) span::before{background-image:url(/images/homepage/www/kr/page/p010107_03.png);}
#p010107 .pGraph[data-num] span>p{top:73%}
#p010107 .s2 .pGraph dd:nth-child(2) span::before{background-position-y:3%}
#p010107 .s2 .pGraph dd:nth-child(3) span::before{background-position-y:35%}

#p010107 .pUse.s3 .pGraph{flex-wrap:wrap;}
#p010107 .pUse.s3 .pGraph dd{flex:33.33%}
#p010107 .s3 .pGraph dd:nth-child(2) span::before{background-position-y:3%}
#p010107 .s3 .pGraph dd:nth-child(3) span::before{background-position-y:70%}
#p010107 .s3 .pGraph dd:nth-child(n+3):nth-child(-n+4)::before{content:none;}
#p010107 .s3 .pGraph dd:nth-child(5){margin-top:1.5em;}
#p010107 .s3 .pGraph dd:nth-child(5) span::before{background-position-y:103%}
#p010107 .s3 .pGraph dd:nth-child(5)::before{left:75%;right:-50%;height:calc(100% + 2px);top:-45%;background:url(/images/homepage/www/kr/page/p010107_ar5.png) no-repeat 0 100%;}
#p010107 .s3 .pGraph dd:nth-child(5)::after{content:'' !important;padding:0;background:#515F6E;border:0;border-radius:0;height:100%;top:0;width:1px;right:-50%;margin-top:2px}

#p010107 .col5 dd::before,#p010107 .col5 dd::after{top:26.5%}
#p010107 .pGraph.col5 dd span::before{background-image:url(/images/homepage/www/kr/page/p010107_05.png);width:55%;height:55%;}
#p010107 .pGraph.col5 dd:nth-child(1) span::before{background-position-y:5%;}
#p010107 .pGraph.col5 dd:nth-child(2) span::before{background-position-y:30%;}
#p010107 .pGraph.col5 dd:nth-child(3) span::before{background-position-y:55%;}
#p010107 .pGraph.col5 dd:nth-child(4) span::before{background-position-y:80%;}
#p010107 .pGraph.col5 dd:nth-child(5) span::before{background-position-y:105%;}

.pImg {width:100%;text-align:center;}
.pImg .img_m {display:none;}
.point,
#sharesNum .point {color:#0150B1;display:inline;}
.point_b {display:inline;font-weight:700;}

#p010108 .s3{width:100%}
#p010108 .pGraph.col3 dd::before,#p010108 .col3 dd::after{top:25%}
#p010108 .pGraph.col3:last-of-type span::before{background-image:url(/images/homepage/www/kr/page/p010108.png);margin-top:0}
#p010108 .pGraph.col3:last-of-type dd:nth-child(1) span::before{background-position-y:0%;}
#p010108 .pGraph.col3:last-of-type dd:nth-child(2) span::before{background-position-y:50%;}
#p010108 .pGraph.col3:last-of-type dd:nth-child(3) span::before{background-position-y:100%;}
#p010108 .pGraph.col3:last-of-type p{margin-bottom: 1em;}
#p010108 .pGraph.vc span+ p{margin-top:1em}

#p010109 .col4 dd::before,#p010109 .col4 dd::after{top:26.5%}
#p010109 .pGraph.col4 dd span::before{background-image:url(/images/homepage/www/kr/page/p010109.png);width:50%;height:50%;top:40%;}
#p010109 .pGraph.col4 dd:nth-child(1) span::before{background-position-y:5%;}
#p010109 .pGraph.col4 dd:nth-child(2) span::before{background-position-y:55%;}
#p010109 .pGraph.col4 dd:nth-child(3) span::before{background-position-y:105%;}

#p010110 .pGraph.col4 span::before{background-image:url(/images/homepage/www/kr/page/p010110.png);width:60%;height:60%;}
#p010110 .pGraph.col4 dd:nth-child(1) span::before{background-position-y:4.5%;}
#p010110 .pGraph.col4 dd:nth-child(2) span::before{background-position-y:37%;}
#p010110 .pGraph.col4 dd:nth-child(3) span::before{background-position-y:70%;}
#p010110 .pGraph.col4 dd:nth-child(4) span::before{background-position-y:105%;}

#p010110 .col dd{text-align: center; }
#p010110 .col dd .pBox3{padding:1.5em;}
#p010110 .col p{font-size: 1.15em;margin-bottom:0.7em; font-weight: 500;}

#p010111 .pGraph.s3 dd::before{margin-top:-10%}
#p010111 .col3 dd:nth-child(2) span::before{background-image:url(/images/homepage/www/kr/page/p010111.png);background-position-y:0%;}

#p010111 .pList dd{position:relative;padding-bottom:0.3em;}
#p010111 .pList .btn{position:absolute;bottom:0;left:0}

#p010111 .pGraph.col4 span::before{background-image:url(/images/homepage/www/kr/page/p010111.png);width:55%;height:55%;}
#p010111 .pGraph.col4 dd:nth-child(1) span::before{background-position-y:30%;}
#p010111 .pGraph.col4 dd:nth-child(2) span::before{background-position-y:55%;}
#p010111 .pGraph.col4 dd:nth-child(3) span::before{background-position-y:80%;}
#p010111 .pGraph.col4 dd:nth-child(4) span::before{background-position-y:105%;}

#p010113 .pGraph.col4 dd::after, #p010113 .pGraph.col4 dd::before{top:33%}
#p010113 .pGraph.col4 span::before{background-image:url(/images/homepage/www/kr/page/p010113.png);width:55%;height:55%;}
#p010113 .pGraph.col4 dd:nth-child(1) span::before{background-position-y:30%;}
#p010113 .pGraph.col4 dd:nth-child(2) span::before{background-position-y:55%;}
#p010113 .pGraph.col4 dd:nth-child(3) span::before{background-position-y:80%;}
#p010113 .pGraph.col4 dd:nth-child(4) span::before{background-position-y:105%;}

#p0102 .col3{display:flex;flex-wrap:wrap;gap:1em 3%;margin:1em auto;} 
#p0102 .col3 a{display:flex;border-radius:0.5em;height:3em;position: relative;overflow: hidden;align-items:center;justify-content:center;padding-left:60px; line-height: 1.1;font-weight:500;border:1px solid #d9d9d9} 
#p0102 .col3 span,#p0102 .pDiagram em{position:absolute;left:0;top:0;border-radius:0.5em 0 0.5em;width:60px; text-align: center; padding: 5px 0;}
#p0102 .col3 dd span,#p0102 .col3 dd .on{color:#fff}

#p0102 p{text-align:center;height:70px; margin: 3em auto;}
#p0102 p::before{content:'';background:url(/images/homepage/www/kr/page/p0102.png) no-repeat 50% 100%; display: inline-block;width:160px;height:100%;vertical-align: middle;}
#p0102 p::after{content:''; display: inline-block; width:0; height: 100%;vertical-align: middle;}

#p0102 .pDiagram{overflow:initial;}
#p0102 .pDiagram dd::before{content: none;}

#p0102 .pDiagram.col2{width:80%;margin:0 auto;gap:1.5em 5%}
#p0102 .pDiagram.col2 dd{display:block;flex:1 1 0;position:relative;transition:.5s; background:#fff; } 
#p0102 .pDiagram.col2 span{background-image:url(/images/homepage/www/kr/page/p0102.png);background-repeat: no-repeat; display: block;width:160px;height:160px;margin: 0 auto; background-size:80% auto;}
#p0102 .pDiagram.col2 dd:first-of-type span{background-position:50% 57.1%;}
#p0102 .pDiagram.col2 dd:last-of-type span{background-position:50% -10%;}

#p0102 .pDiagram.col2 a:not(.popupClose){display:block;text-align:center;height:auto;font-size:110%;padding-bottom:1.5em; color:#000; }
#p0102 .pDiagram.col2 dd:hover a::before{content:'';border:2px solid;position:absolute;left:0;right:0;top:0;bottom:0;border-radius:0.4em}
#p0102 .pDiagram.col2 .popupClose {flex:0 100%;/*font-size:3em;*/font-size:2.2em;text-align:center;display:none;}
#p0102 .pDiagram.col2 .popupClose::before {content:'close';font-family:'Material Icons';}

#p0102 .pDiagram.link dd{/*overflow: hidden;*/flex:0 1 31.333%;background:linear-gradient(to top, #e8f0fa, #ffffff);}
#p0102 .pDiagram.link dd::after {content:'';clear:both;display:block;}
#p0102 .pDiagram.link dd div{padding-bottom:125%;background-repeat:no-repeat;background-position:50% 75%;background-size:100% auto;}
#p0102 .pDiagram.link em{color:#fff;}
#p0102 .pDiagram.link span{position:absolute;top:17%;left:50%;transform:translateX(-50%) translateX(-0.1px) translateZ(0);width:80%;font-weight:550;line-height:1.1}
#p0102 .pDiagram.link em{margin:-1px;}
#p0102 .pDiagram.link a {border:1px solid rgba(0,0,0,0.15);border-top:0 none;border-radius:0 0 0.5em 0.5em;}


#p0102 .pDiagram.link dd:nth-child(1) div{background-image:url(/images/homepage/www/kr/page/p0102_01.png);}
#p0102 .pDiagram.link dd:nth-child(2) div{background-image:url(/images/homepage/www/kr/page/p0102_02.png);}
#p0102 .pDiagram.link dd:nth-child(3) div{background-image:url(/images/homepage/www/kr/page/p0102_03.png);}
#p0102 .pDiagram.link dd:nth-child(4) div{background-image:url(/images/homepage/www/kr/page/p0102_04.png);}

#p0103 .pGraph.s2 dd>div{padding:0}
#p0103 .pDiagram{margin:3em 0 0;}
#p0103 .pDiagram dd::before{content: none;}
#p0103 .pDiagram dd{display:block;/* flex-basis:calc(100% - 3em);*/flex-basis:100%;font-weight: 500;margin:0 auto;}
#p0103 .pDiagram[data-num] dd>div>span{width:2.4em;height: 2.4em;left:1.2em}
#p0103 .pDiagram dd>div{height:6em;padding-left:5em;}
#p0103 .pDiagram strong{display: block;font-size:1.1em;}

#p0103 .pDiagram strong + *{margin-top: .3em;}

#p0103 .col6 span::before{background-image:url(/images/homepage/www/kr/page/p0103.png);width:60%;height:60%;}
#p0103 .col6 dd:nth-child(1) span::before{background-position-y:4%;}
#p0103 .col6 dd:nth-child(2) span::before{background-position-y:24%;}
#p0103 .col6 dd:nth-child(3) span::before{background-position-y:44%;}
#p0103 .col6 dd:nth-child(4) span::before{background-position-y:64%;}
#p0103 .col6 dd:nth-child(5) span::before{background-position-y:84%;}
#p0103 .col6 dd:nth-child(6) span::before{background-position-y:103%;}

#p0301 h4+h5{margin-top:0;}
#p0301 .pGraph{width:80%}
#p0301 .pGraph dd span::before{background-image:url(/images/homepage/www/kr/page/p0301.png);width:55%;height:55%;}

#p0301 .pGraph dd:nth-child(1) span::before{background-position-y:70%;}
#p0301 .pGraph dd:nth-child(2) span::before{background-position-y:87%;}
#p0301 .pGraph dd:nth-child(3) span::before{background-position-y:103%;}

#p0301 .pGraph div{max-width:90%;padding-top:1em;}
#p0301 .pGraph div > strong{display:block}
#p0301 .pGraph ul{max-width:100%;text-align:left;font-size:90%} 

#p0301 .pGraph.vc{width:90%}
/* #p0301 .pGraph.col3 dd:nth-child(1) span::before{background-position-y:3%;} */
#p0301 .pGraph.vc dd::before, #p0301 .pGraph.vc dd::after{top:23.5%}
#p0301 .pGraph.vc dd:nth-child(1) span::before{background-position-y:20%;}
#p0301 .pGraph.vc dd:nth-child(2) span::before{background-position-y:37.5%;}
#p0301 .pGraph.vc dd:nth-child(3) span::before{background-position-y:53%;}

#p0301 .btnsWrap {margin-top: 5em;}
#p0301 .btnsWrap .btn{min-width: 215px;}

#p0302 {overflow:hidden;}
#p0302 .col5 span::before{background-image:url(/images/homepage/www/kr/page/p0302.png);width:60%;height:60%;}
#p0302 .col5 span.tmbg::before{background-image:url(/images/homepage/www/kr/page/p0302_on.png)}
#p0302 .col5 span.tmbg>p{color:#fff}
#p0302 .col5 dd:nth-child(1) span::before{background-position-y:4%;}
#p0302 .col5 dd:nth-child(2) span::before{background-position-y:29%;}
#p0302 .col5 dd:nth-child(3) span::before{background-position-y:54%;}
#p0302 .col5 dd:nth-child(4) span::before{background-position-y:79%;}
#p0302 .col5 dd:nth-child(5) span::before{background-position-y:103%;}

#p0302 h4.tac {margin:3em 0 1em !important;}
#p0302 h4.tac p {font-size:0.9375em;font-weight:400;color:#777;margin-top:5px;display:block;}

#p0302 .pDiagram{margin-top:2em;}
#p0302 .pDiagram.link dd{overflow:hidden;background: linear-gradient(to top, #e8f0fa, #ffffff);display:block;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);}
#p0302 .pDiagram.link dd button{height:inherit;cursor:pointer;width:100%;position:relative;}
#p0302 .pDiagram.link dd button{padding-bottom:65%;background-repeat: no-repeat;background-position:50% 0;background-size:100% auto}
#p0302 .pDiagram.link dd:nth-child(1) button{background-image:url(/images/homepage/www/kr/page/p0302_01.png);}
#p0302 .pDiagram.link dd:nth-child(2) button{background-image:url(/images/homepage/www/kr/page/p0302_02.png);}
#p0302 .pDiagram.link dd:nth-child(3) button{background-image:url(/images/homepage/www/kr/page/p0302_03.png);}

#p0302 .pDiagram.link button div{position:absolute;top:0;bottom:-5px;left:0;right:0;transform:translate(0,100%);transition:.2s;background:rgba(0,0,0,0.7);color:#fff;padding:0 10%;overflow:hidden;white-space:normal;text-align:left;display:flex;align-items:center;font-size:85%}
#p0302 .pDiagram.link button:hover div,
#p0302 .pDiagram.link button:focus div{transform:translate(0,0);}
/* #p0302 + #Input {margin-top:2.5em;} */

.Page .en{font-size:105%;letter-spacing:-0.04em;}
.Page .en h5+.pDot{/*margin-left:15px;*/}
.Page .en h5 {margin-bottom:12px;}

#p0501 div{position:relative;padding:0 40% 18% 0; margin-top:2em;z-index:1;}
#p0501 div::after{content:'';position:absolute;top:0;right:0;width:48%;padding-bottom:37%;background:url(/images/homepage/www/kr/page/p0501.png) no-repeat 100% 100%;background-size: 100% auto;z-index:-1;}

#p0502 .pCircle {position:relative;/*width:38%;padding-bottom:38%;*/width:400px;padding-bottom:398px;margin:8em auto 0 auto;font-size:90%;border-radius:50%;border:1px solid #d9d9d9;font-weight:500;}
#p0502 .pCircle::before,
#p0502 .pCircle::after,
#p0502 .pCircle ul::before {content: '';position: absolute;background: #fff;padding: 3px;border: 4px solid #0085ec;border-radius: 50%;z-index: 2;}
#p0502 .pCircle::before {top:25%;left:6.5%;transform:translate(-50%,-50%);}
#p0502 .pCircle::after {top:25%;right:6.5%;transform:translate(50%,-50%);}
#p0502 .pCircle ul::before {bottom:0;left:50%;transform:translate(-50%,50%);}
#p0502 .pCircle .title {width:45%;height:45%;background:#0150ba;border-radius:50%;font-size:160%;font-weight:bold;color:#fff;z-index:10;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);display:flex;justify-content: center;align-items: center;}
#p0502 .pCircle ul li {width:62%;height:62%;border-radius:50%;background:#eee;position:absolute;display:flex;justify-content: center;align-items: center;text-align:center;padding:50px;}
#p0502 .pCircle ul li:nth-child(1) {left:50%;top:0;transform: translate(-50%,-35%);}
#p0502 .pCircle ul li:nth-child(2) {left:0;bottom:0;transform: translate(-35%,10%);}
#p0502 .pCircle ul li:nth-child(3) {right:0;bottom:0;transform: translate(35%,10%);}


#p0503 .btn{min-width:170px;}
#p0503 .btnsWrap .btn{min-width:250px}

#p0602 .tb.tl tbody td:nth-child(1){text-align:center}

.Page h4 + .btnsWrap.right {margin-top:-54px;}
.Page h4 + .btnsWrap.right .btn {height:40px;font-size:0.95rem;min-width:auto;}
.Page h4 + .btnsWrap.right .btn > span {padding-left:20px;padding-right:43px;}
.ddos_img {display:flex;flex-wrap:wrap;margin-top:25px;}

#sharesNum .point {display:table-cell;}
#sharesNum tbody th br {display:none;}

.Page .col3 dd{flex-basis:31.333%;} 
.Page .col5 dd{flex-basis:17.6%;}
.Page .col6 dd{flex-basis:14.167%;}

/* smishing */
.con_smishing {width:100%;text-align:center;}
.con_smishing .list {display:flex;flex-wrap:wrap;justify-content:space-between;float:none;gap:30px;padding:0;padding-bottom:87px;background:url(/images/homepage/www/kr/page/ico_smishing_down.png) center bottom no-repeat;}
.con_smishing .list li {position:relative;flex:1 1 0;text-align:left;border-radius:.5em;border:1px solid #D7DEE4;min-height:6.438em;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);display:flex;align-items:center;justify-content:center;}
.con_smishing .list li p {color:#222;font-size:1.125em;padding:0.833335em 1em;text-align:center;word-break:keep-all;word-wrap:break-word;}
.con_smishing .list li strong {color:#222;display:inline;}
.con_smishing .result {clear:both;position:relative;width:63%;border:1px solid #D7DEE4;border-radius:.5em;margin:40px auto 0;}
.con_smishing .result dt {display:block;text-align:center;background-color:#edf0f5;color:#222;font-weight:500;font-size:1.125em;padding:0.85em 2em;}
.con_smishing .result dd {position:relative;padding:1.8em 3em;}
.con_smishing .result dd .kakao {position:absolute;left:50%;top:50%;margin:-23px 0 0 -23px;width:46px;height:46px;text-indent:-9999px;overflow:hidden;background:url(/images/homepage/www/kr/page/ico_smishing_kakaotalk.png) center center no-repeat;}
.con_smishing .result dd ul {width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:80px;}
.con_smishing .result dd li {flex:1;color:#222;font-size:1.125em;text-align:center;}
.col_step {display:flex;flex-wrap:wrap;justify-content:space-between;float:none;gap:60px 56px;padding:0;}
.col_step .item {position:relative;display:block;flex:1 1 0;min-width:calc(26% - 28px);border-radius:.5em;border:1px solid #D7DEE4;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);}
.col_step .item::before {content:'';position:absolute;right:-67px;top:50%;width:38px;height:38px;transform:translate(-50%,-50%);display:block;border-radius:50%;background:#0076D1 url(/images/homepage/www/kr/page/ico_smishing_next.png) 15px center no-repeat;}
.col_step .item strong {display:block;text-align: center;font-size:1.1em;padding:0.8em 0;border-radius:.5em .5em 0 0;background-color:#edf0f5;}
.col_step .item p,
.col_step .item ul {display:block;padding:2.5em 1em;text-align:center;}
.col_step .item .list {display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-items:center;}
.col_step .item .list li {max-width:calc(33.33% - 4px);}
.col_step .item.col_group .result_list {padding:0;display:flex;width:100%;height:100%;justify-content:space-between;}
.col_step .item.col_group .result_list li {display:inline-block;flex:1;height:100%;}
.col_step .item.col_group .result_list li + li {border-left:1px solid #D7DEE4;}
.col_step .item.col_group .result_list li strong {border-radius:0;}
.col_step .item.col_group .result_list li:first-child strong {border-radius:.5em 0 0 0;}
.col_step .item.col_group .result_list li:last-child strong {border-radius:0 .5em 0 0;}
.col_step .item.col_group .result_list li p {padding-left:0;padding-right:0;}
.col_step .item.step1 {order:1;min-width:calc(44% - 28px);}
.col_step .item.step2 {order:2;min-width:calc(56% - 28px);}
.col_step .item.step3 {order:5;min-width:calc(45% - 28px);}
.col_step .item.step4 {order:4;min-width:calc(26% - 28px);}
.col_step .item.step5 {order:3;}
.col_step .item.step6 {order:6;}
.col_step .item.step7 {order:7;min-width:calc(74% - 32px);}
.col_step .item.step2::before {display:none;}
.col_step .item.step3::before,
.col_step .item.step6::before {top:-50px;right:calc(50% - 19px);transform:rotate(90deg);}
.col_step .item.step4::before,
.col_step .item.step5::before {right:-48px;transform:rotate(180deg);} 
.col_step .item.step7::before {right:auto;left:-29px;}