/* default */

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap');
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,a,input,select,p,th,td,textarea,input,button
{font-family:'Play', 'Noto Sans Kr', sans-serif; font-size:16px; font-weight:400; color:#222; letter-spacing:-0.05em; line-height:1.4;}
body{ overflow-y: auto;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button {margin:0;padding:0;}
a{text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none;}
img{border:0;margin:0;padding:0; vertical-align:top;}
input,select{outline-style:none;}
ul,li, ol,li{list-style:none; border:0;}
th,td,textarea,input {}
input {text-indent:5px;}
p,div,span,li,dd {word-wrap:break-word;word-break:keep-all;}

/*아이폰에서 인풋박스 자동 변경 해제*/
input[type=text],input[type=password],input[type=number],input[type=tel],input[type=mail],textarea {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}
input, select, textarea, button, a, label {-webkit-tap-highlight-color:rgba(0,0,0,0);}

input[type="text"],input[type="password"] {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

img { -ms-interpolation-mode: bicubic; } 

table {
	border-spacing:0;
	border-collapse:collapse;
}
table caption{
	position:absolute;
	visibility:hidden;
	font-size:0;
}

/* 접근성 상단추가 */
.sknavi,.sknavi2,.sknavi3{position:absolute; top:-500px; width:100%; height:20px; font-size:15px; color:#fff !important; line-height:18px; text-align:center; z-index:20000; background:#333; padding:10px 0;}
.sknavi:focus, .sknavi:active{top:0; left:0; display:block;}
.sknavi2:focus, .sknavi2:active{top:0 ; left:0; display:block;}
.sknavi3:focus, .sknavi3:active{top:0 ; left:0; display:block;}

/*접근성 이미지 대체택스트*/
.ir_pm {display:block; overflow:hidden; font-size:0; line-height:0; text-indent:-999999px;}

/*동영상 로딩 지연 문제 해결*/
.ytLoader .cover {width:100%; position:absolute;  top:50%; left:50%; transform:translate(-50%,-50%);}
.ytLoader .playBtn {position:Absolute; top:50%; left:50%; transform:translate(-50%,-50%);}

/*footer pop*/
.wrap_pop {position:fixed; padding:30px; box-sizing:border-box; top:50%; left:50%; transform:translate(-50%,-50%); max-width:800px; width:calc(100% - 30px); background:#fff; box-shadow:1px 0 10px rgba(0,0,0,0.2);    z-index: 999999; display:none;}
.wrap_pop * {font-size:16px!important;}
.wrap_pop > div {width:100%; height:380px; overflow-y:auto; font-size:14px; padding-right:10px;}
.wrap_pop > div strong {font-weight:600; display:inline-block; margin-bottom:5px;}
.wrap_pop > div > h2 {font-size:18px; font-weight:600; color:#0087ca; margin-bottom:10px;}
/*.wrap_pop > span.close {position:absolute; right:-8px; top:-8px; font-size:14px; text-align:center; line-height:25px; width:25px; background:#0087ca; color:#fff; border-radius:100%; cursor:pointer;}*/
.wrap_pop > span.close {position:absolute; right:10px; top:10px; font-size:0; text-indent:-111111111111px;  width:40px; height:40px;  color:#fff;  cursor:pointer;}
.wrap_pop > span.close::before {position:absolute; top:50%; left:50%; width:2px; height:90%; transform:translateY(-50%) rotate(45deg); content:''; background:#444;}
.wrap_pop > span.close::after {position:absolute; top:50%; left:50%; width:2px; height:90%; transform:translateY(-50%) rotate(-45deg); content:''; background:#444;}
.wrap_pop .pop_tit {font-size:18px!important; color:#444; font-weight:600; margin-bottom:30px;}


.com_pop_txt01 {color:#263965;}
.com_pop_box {margin-top:15px; border:1px solid #ddd; box-sizing:border-box; padding:15px; box-sizing:border-box; color:#666;}

.com_pop_tit {margin-top:30px; font-size:18px!important; font-weight:600;}
.com_pop_txt02 {margin-top:5px;}
.com_pop_depth01 {margin-top:10px;}
.com_pop_depth01 > li {padding-left:15px; position:relative;}
.com_pop_depth01 > li:nth-child(n + 2) {margin-top:10px;}
.com_pop_depth01 > li::before {position:Absolute; left:0; top:0; }
.com_pop_depth01 > li:nth-child(1)::before {content:'1.';}
.com_pop_depth01 > li:nth-child(2)::before {content:'2.';}
.com_pop_depth01 > li:nth-child(3)::before {content:'3.';}
.com_pop_depth01 > li:nth-child(4)::before {content:'4.';}
.com_pop_depth01 > li:nth-child(5)::before {content:'5.';}
.com_pop_depth01 > li:nth-child(6)::before {content:'6.';}
.com_pop_depth01 > li:nth-child(7)::before {content:'7.';}
.com_pop_depth01 > li:nth-child(8)::before {content:'8.';}


.com_pop_depth01 > li .com_pop_depth02 {margin-top:5px;}
.com_pop_depth02 li {position:relative; padding-left:20px;}
.com_pop_depth02 li:nth-child(n + 2) {margin-top:5px;}
.com_pop_depth02 li::before {position:absolute; top:0; left:0;}
.com_pop_depth02 li:nth-child(1)::before {content:'①';}
.com_pop_depth02 li:nth-child(2)::before {content:'②';}
.com_pop_depth02 li:nth-child(3)::before {content:'③';}
.com_pop_depth02 li:nth-child(4)::before {content:'④';}
.com_pop_depth02 li:nth-child(5)::before {content:'⑤';}
.com_pop_depth02 li:nth-child(6)::before {content:'⑥';}
.com_pop_depth02 li:nth-child(7)::before {content:'⑦';}
.com_pop_depth02 li:nth-child(8)::before {content:'⑧';}
.com_pop_depth02 li:nth-child(9)::before {content:'⑨';}

li .com_pop_list_cir {margin-top:10px;}

.com_pop_list_cir > li {padding-left:15px; position:relative;}
.com_pop_list_cir > li:nth-child(n + 2),.com_pop_list_bar li {margin-top:5px;}
.com_pop_list_cir > li::before {position:absolute; top:0; left:0; content:'ㅇ';}
.com_pop_list_bar > li {padding-left:15px; position:relative;}
.com_pop_list_bar > li::before {position:absolute; top:0; left:0; content:'-';}


@media screen and (min-width:768px){
.view_m {display:none!important;}
}


@media screen and (max-width:767px){	
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,a,a:hover,input,select,p,th,td,textarea,input,button {font-size:3.6vw;}
.view_pc {display:none!important;}

.wrap_pop {width:calc(100% - 12vw); padding:6vw}
.wrap_pop > div {height:100vw; font-size:3.4vw;}
.wrap_pop > div > h2 {font-size:3.8vw; margin-bottom:10px;}
.wrap_pop * {font-size:3.6vw!important;}
.wrap_pop .pop_tit {font-size:4vw!important; margin-bottom:6vw;}
.wrap_pop > span.close {width:9vw; height:9vw;}

.com_pop_depth02 li:nth-child(n + 2),.com_pop_txt02 {margin-top:1vw;}
.com_pop_depth01 > li:nth-child(n + 2) {margin-top:2vw;}
.com_pop_tit {margin-top:6vw;}
.com_pop_box {margin-top:3.5vw; padding:3.5vw;}
.com_pop_depth02 li {padding-left:4vw;}
.com_pop_depth01 > li,.com_pop_list_bar > li {padding-left:3.5vw;}
}


/*에디터 영역 제어 풀기*/
.fr-view * {font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; font-size: revert;}
.fr-view li {list-style-type: revert; line-height: normal;}
/*.fr-view ul,.fr-view ol {padding: revert; list-style-type: revert;} 인사 채용 팝업 레이어 오류*/
.fr-view table td, .fr-view table th {padding: inherit; line-height: initial; font: inherit; color: inherit; line-height: inherit; letter-spacing: inherit; font-size: revert; min-height:52px;}



.mt30 {margin-top:30px!important;}
.mb60 {margin-bottom:60px!important;}