@charset "utf-8";
#body_content{padding-bottom:130px;}
.sub-page-top{margin-bottom:50px;}
img{max-width:100%;}
/* Text align */
.text-left{text-align:left !important;}
.text-center{text-align:center !important;}
.text-right{text-align:right !important;}

/* Table */
.table_scroll {overflow-x:auto;margin-bottom: 20px;}/*넓이가 긴 테이블 */
table.table-detail { border-top: 2px solid #000000; border-right: 1px solid #d8d8de; border-left: 0; width: 100%; text-align: left; border-collapse: separate; border-spacing: 0; }
table.table-detail caption { overflow: hidden; position: absolute; top: 0; left: 0; width: 1px; height: 1px; font-size: 0; line-height: 0; }
table.table-detail th,
table.table-detail td { border-left: 1px solid #d8d8de; border-bottom: 1px solid #d8d8de; margin-top: 0; padding: 12px 10px; vertical-align: middle; width: auto; line-height: 1.4; }
table.table-detail th { background: #f8f8f8; color: #000000; font-weight: 500; text-align: center; }
table.table-detail th.th01 { background: #f6f7f9;  }/*가로타이틀경우*/
table.table-detail td { min-height: 40px; color: #666666; }
table.table-scroll { word-break: keep-all; }/* table */
@media all and (max-width:768px){
	.table_scroll table.table-detail{width:1000px}
}

/* TITLE STYLE */
h5.tit{font-size:30px; color:#161616; padding:0 0 10px 0px; margin-bottom:36px; border-bottom:1px solid #000; display:inline-block;}
h6.tit{font-size:24px; color:#222222; font-weight:600; margin-bottom:20px; padding-top:14px; position:relative; }
h6.tit::before{display:block; content:''; width:8px; height:8px; background:#009ff2; position:absolute; top:0; left:2px; border-radius: 50%;}
.stit{color:#000; font-size:20px; margin-bottom:10px; font-weight:500;}
p{line-height:1.5; font-size:18px; color:#222; }
p.point{color:#0073df; font-weight:500;}
@media all and (max-width:768px){
	h5.tit{font-size:20px; margin-bottom:24px;}
	h6.tit{font-size:18px; margin-bottom:12px; }
	p{font-size:14px; line-height:1.5;}
}


/* gap | sgap */
.gap{height:70px}
.sgap{height:50px}
.f_l{float:left;}
.f_r{float:right;}
@media all and (max-width:768px){
	.gap{height:50px;}
	.sgap{height:30px;}
}

/* TAB STYLE */
.ui-page-tab{margin-bottom:60px;}
.ui-page-tab li{display:table-cell; width:1%; border-bottom:1px solid #e5e5e5; float:none; text-align:center;}
.ui-page-tab li a{display:inline-block; color:#8d8d8d; font-size:18px; font-weight:600;}
.ui-page-tab li.on a{color:#000; font-weight:600; position:relative;}
.ui-page-tab li.on a::before{width:100%; height:3px; position:absolute; bottom:0; content:''; display:block; background:#000;}
@media all and (max-width:768px){
	.ui-page-tab{margin-bottom:30px;}
	.ui-page-tab li{display:block; float:left; width:50%;}
	.ui-page-tab li a{font-size:14px; white-space:nowrap; display:block; text-overflow:ellipsis; overflow-x:hidden;}
}


/* imgbox STYLE*/
.imgBox{border:5px solid #f9f9f9; padding:40px; display:flex; justify-content:space-between; flex-wrap:wrap;}
.imgBox.col2 img{width:48%; margin-bottom:20px}
@media all and (max-width:768px){
	.imgBox{padding:20px;}
	.imgBox.col2 img{width:100%;}
	.imgBox.col2 img:last-child{margin-bottom:0;}
}
.img-zoom{position:relative;}
.img-zoom img{width:100%; height:auto;}
.img-zoom .zoom-btn{display:none; width:60px; height:60px; background:url(/resources/custom/images/hrc/sub/ico_imgZoom.png) no-repeat center,#fff; background-size:24px; position:absolute; bottom:10px; right:10px; z-index:1; text-indent:-9999px; border-radius: 8px; box-shadow: 0 0 5px 0 rgba(0,0,0,.2);}
@media all and (max-width:768px){
	.img-zoom .zoom-btn{display:block;}
}

/* contBox STYLE */
.contBox{padding:30px 30px 30px 170px; background:#f7fafc}
.contBox.ico01{background:url(/resources/custom/images/hrc/sub/ico_contBox01.png) no-repeat 40px center, #f7fafc; background-size:85px;}
.contBox.ico02{background:url(/resources/custom/images/hrc/sub/ico_contBox02.png) no-repeat 40px center, #f7fafc; background-size:85px;}
.contBox.ico03{background:url(/resources/custom/images/hrc/sub/ico_contBox03.png) no-repeat 40px center, #f7fafc; background-size:85px;}
.contBox2{padding:30px; border:3px solid #efefef; background:#f9f9f9; border-radius: 4px;}

@media all and (max-width:768px){
	.contBox{padding:100px 20px 20px 20px;}
	.contBox.ico01, .contBox.ico02, .contBox.ico03{background-position:center 20px; background-size:60px;}
	.contBox2{padding:16px;}
}

/* LIST STYLE */
.list01 li{padding-left:15px; position:relative; font-size:18px; color:#333; margin-bottom:10px; line-height:1.375;}
.list01 li strong{margin-right:8px;}
.list01 li::before{width:5px; height:5px; background:#0b52a9; border-radius: 50%; position:absolute; left:0; top:9px; content:''; display:block}
.list01 li:last-child{margin-bottom:0;}
.list02 li{padding-left:15px; position:relative; font-size:18px; color:#333; margin-bottom:10px; line-height:1.375; text-align:left;}
.list02 li::before{width:5px; height:1px; background:#5a5a5a; position:absolute; left:0; top:9px; content:''; display:block;}
.list02 li:last-child{margin-bottom:0;}
@media all and (max-width:768px){
	.list01 li{font-size:14px; padding-left:10px;}	
	.list01 li::before{width:3px; height:3px; top:7px;}
	.list02 li{font-size:14px; padding-left:10px;}	
	.list02 li::before{width:3px; top:7px;}
}

/* BUTTON */
.btn-apply{padding:8px 60px 12px 12px; border-bottom:2px solid #000; color:#000; transition:all .3s ease; background:url(/resources/custom/images/hrc/sub/ico_btnApply.png) no-repeat right 8px center; background-size:20px; display:inline-block}
.btn-apply:hover{padding: 8px 80px 12px 12px; transition:all .3s ease;}

.VISUAL_intro{background:url(/resources/custom/images/hrc/sub/sub-bg-intro.jpg)}
.VISUAL_provision{background:url(/resources/custom/images/hrc/sub/sub-bg-intro.jpg)}
.VISUAL_edu{background:url(/resources/custom/images/hrc/sub/sub-bg-intro.jpg)}
.VISUAL_counsel{background:url(/resources/custom/images/hrc/sub/sub-bg-intro.jpg)}
.VISUAL_community{background:url(/resources/custom/images/hrc/sub/sub-bg-intro.jpg)}
.VISUAL_sitemap{background:url(/resources/custom/images/hrc/sub/sub-bg-intro.jpg)}
@keyframes goaway{
	from{right:-200%;}
	to{right:0%;}
}
.intro01 h6{font-size:45px; color:#000000; font-weight:500; margin-bottom:75px; line-height:1.375}
.intro01 > p{color:#424242; font-size:18px; line-height:1.5; margin-bottom:115px;}
.intro01 ul{display:flex; justify-content:space-between; padding-right:70px; position:relative;}
.intro01 ul::before{display:none; content:'BUSAN NATIONAL UNIVERSITY OF EDUCATION'; font-family: 'Gmarket';  font-size:120px; position:absolute; bottom:50px; z-index:-1; color:white; text-shadow:-1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black; opacity:.2; white-space:nowrap; animation:goaway 30s linear infinite;}
.intro01 ul li{ padding:100px 60px 100px 24px; border:1px solid #eaebef; border-top:1px solid #404040;}
.intro01 ul li:nth-child(1){background:url(/resources/custom/images/hrc/sub/ico_intro0201.png) no-repeat top 30px right 35px ,#fff; background-size:32px auto;}
.intro01 ul li:nth-child(2){background:url(/resources/custom/images/hrc/sub/ico_intro0202.png) no-repeat top 30px right 35px ,#fff; background-size:32px auto;}
.intro01 ul li:nth-child(3){background:url(/resources/custom/images/hrc/sub/ico_intro0203.png) no-repeat top 30px right 35px ,#fff; background-size:32px auto;}
.intro01 li p{font-size:16px; color:#060606; line-height:1.5;}
.intro01 li p.tit{font-size:20px; color:#060606; font-weight:500; margin-bottom:18px;}
@media all and (max-width:1200px){
	.intro01 h6{font-size:36px; margin-bottom:40px;}
	.intro01 > p{margin-bottom:70px;}
	.intro01 ul{padding-right:0;}
	.intro01 ul li{padding:60px 24px;}
}

@media all and (max-width:1000px){
	.intro01 h6{font-size:24px;}
	.intro01 ul{display:block;}
	.intro01 > p{margin-bottom:40px;}
	.intro01 ul li{padding:40px 16px;}
	.intro01 ul li:nth-child(2){ border-top:0;}
	.intro01 ul li:nth-child(3){ border-top:0;}
	.intro01 ul::before{bottom:unset; top:-75px}
}

@media all and (max-width:640px){
	.intro01 ul::before{font-size:100px;}
}

.intro02 h6{font-size:36px; color:#000000; font-weight:500; margin-bottom:45px; line-height:1.375}
.intro02 p{font-size:18px; color:#414141; line-height:2}
.intro02 .greet{margin-top:125px; display:flex; justify-content: space-between; position:relative;}
.intro02 .greet::before{display:block; content:'BUSAN NATIONAL UNIVERSITY OF EDU'; font-size:150px; position:absolute; top:-150px; color:#fff;  text-shadow:-1px 0px black, 0px 1px black, 1px 0px black, 0px -1px black; opacity:.2; white-space:nowrap; font-family: 'Gmarket'; animation:goaway 30s linear infinite;}
.intro02 .greet h6{width:250px; font-family: 'Gmarket'; padding-left:20px; font-size:36px;}
.intro02 .greet > div{width:calc(100% - 250px);}
.intro02 .greet .tit{font-size:36px; margin-bottom:45px; font-weight:500; color:#111; line-height:1.5;}
.intro02 .greet p{color:#434343; line-height:2; }
.intro02 .greet .name{font-size:30px; color:#222; display:block; text-align:right; font-weight:700; margin-top:120px;}
@media all and (max-width:768px){
	.intro02 h6{font-size:24px; margin-bottom:16px;}
	.intro02 .greet::before{font-size:70px; top:-100px;}
	.intro02 p{font-size:16px; line-height:1.5;}
	.intro02 .greet p{line-height:1.5;}
	.intro02 .greet h6{font-size:24px; width:200px;}
	.intro02 .greet .tit{font-size:24px;}
	.intro02 .greet > div{width:calc(100% - 200px);}
	.intro02 .greet .name{font-size:24px; margin-top:60px;}
}
@media all and (max-width:500px){
	.intro02 h6{font-size:20px;}
	.intro02 p{font-size:14px;}
	.intro02 .greet{display:block;}
	.intro02 .greet > div{width:100%;}
	.intro02 .greet h6{padding-left:0;}
	.intro02 .greet .tit{font-size:20px; margin-bottom:10px;}
	.intro02 .greet .name{font-size:16px; margin-top:40px; text-align:left;}
}
.orga{position:relative;}
.orga .dep ul{display:flex; justify-content:space-between;}
.orga .dep01{text-align:center;}
.orga .dep01 ul{display:inline-block; margin:0 auto;}
.orga .dep01 ul::before{width:1px; height:554px; background:#e5e5e5;display:block; content:''; position:absolute; left:50%; z-index:-1;}
.orga .dep02{width:80%; margin: 100px auto; position:relative;}
.orga .dep02 ul::before{width:calc(100% - 300px); display:block; content:''; height:1px; background:#e5e5e5; position:absolute; top:-50px; left:50%; transform:translateX(-50%); z-index:-1;}
.orga .dep02 li{position:relative;}
.orga .dep02 li:before{display:block; width:1px; height:50px; background:#e5e5e5; content:''; position:absolute; left:50%; z-index:-1; top:-50px;}
.orga .dep03{width:80%; margin: 100px auto; position:relative;}
.orga .dep03 ul::before{width:calc(100% - 300px); display:block; content:''; height:1px; background:#e5e5e5; position:absolute; top:-50px; left:50%; transform:translateX(-50%); z-index:-1;}
.orga .dep03 li{position:relative;}
.orga .dep03 li:before{display:block; width:1px; height:50px; background:#e5e5e5; content:''; position:absolute; left:50%; z-index:-1; top:-50px;}
.orga .dep li{border-radius: 12px; width:300px; text-align:center; padding:8px; background:#fff; box-shadow: 0 0 3px rgba(0,0,0,.15);}
.orga .dep li span{background:#007dff; color:#fff; text-align:center; display:block; padding:12px 0; border-radius: 8px; margin-bottom:10px; font-family: 'Gmarket'}
.orga .dep li p{color:#222; margin:10px 0; font-family: 'Gmarket'; font-weight:300;}
.orga .dep01 li:first-child{padding:0; width:150px; height:150px; border-radius: 50%; background:linear-gradient(360deg, #0d2cbb, #19d8ff); border:0; margin:0 auto 100px auto; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#fff; position:relative; box-shadow: 0px 5px 10px rgba(0,0,0,.2);}
.orga .dep01 li:first-child::before{width:180px; height:180px; content:''; border:1px solid #007dff; border-radius: 50%; display:block; position:absolute; left:-15px; top:-15px; z-index:-1;}
.orga .dep01 li:first-child span{font-family: 'Gmarket'; color:#fff; background:none; padding:0; font-size:18px; margin-bottom:5px;}
@media all and (max-width:900px){
	.orga .dep02, .orga .dep03{width:100%; }
}
@media all and (max-width:768px){
	.orga .dep01 li:first-child{margin:0 auto 60px auto;}
	.orga .dep01 li:first-child span{font-size:16px;}
	.orga .dep ul{display:block;}
	.orga .dep li{margin:0 auto 20px auto; width:100%; font-size:14px;}
	.orga .dep02, .orga .dep03{margin:40px auto;}
}


.intro04 .root_daum_roughmap{width:100% !important;}
.intro04 .map_wrap{position:relative;}
.intro04 .map_info{ width:100%; background:#0e369c; padding:40px 50px; display:flex; justify-content:space-between; }
.intro04 .map_info h6{font-size:24px; color:#fff; width:240px; font-family: 'Gmarket'; line-height:1.375;}
.intro04 .map_info ul{width:calc(100% - 450px);}
.intro04 .map_info ul li{color:#fff; display:flex; margin-bottom:10px; font-size:18px;}
.intro04 .map_info ul li strong{width:140px; position:relative;}
.intro04 .map_info ul li strong i{width:24px; height:24px; display:inline-block; vertical-align:middle; border-radius: 50%; margin-right:8px;}
.intro04 .map_info ul li strong::after{content:''; width:1px; height:20px; background:#fff; position:absolute; right:0; top:0;}
.intro04 .map_info ul li span{width:calc(100% - 100px); margin-left:20px;}
.intro04 .map_info ul li i.ico01{background:url(/resources/custom/images/hrc/sub/ico_intro0402.png) no-repeat center, #fff; background-size:16px;}
.intro04 .map_info ul li i.ico02{background:url(/resources/custom/images/hrc/sub/ico_intro0403.png) no-repeat center, #fff; background-size:16px;}
.intro04 .map_info ul li i.ico03{background:url(/resources/custom/images/hrc/sub/ico_intro0404.png) no-repeat center, #fff; background-size:16px;}
.intro04 .map_info a{width:150px; height:100px; background:url(/resources/custom/images/hrc/sub/ico_intro0401.png) no-repeat center 20px, #fff; background-size:30px; border-radius: 16px; color:blue; text-align:center; transition:all .3s ease; border:0px solid #fff;}
.intro04 .map_info a span{color:#2476DD; font-family: 'Gmarket'; padding-top:55px; display:inline-block; }
.intro04 .map_info a:hover{ border:4px solid #2476DD; transition:all .3s ease;}
@media all and (max-width:1000px){
	.intro04 .map_info h6{font-size:20px;}
	.intro04 .map_info ul{width:auto;}
	.intro04 .map_info ul li{font-size:16px;}
	.intro04 .map_info a{width:100px; height:100px;}
}
@media all and (max-width:640px){
	.intro04 .map_info{display:block; padding:40px 20px;}
	.intro04 .map_info h6{margin-bottom:10px;}
	.intro04 .map_info ul{margin-bottom:10px;}
	.intro04 .map_info ul li{font-size:14px;}
	.intro04 .map_info a{display:block; width:100%; height:auto; border-radius: 8px; padding:10px 0; background-image:none;}
	.intro04 .map_info a span{padding:0; font-size:14px;}
	.intro04 .map_info ul li strong{width:100px;}	
}

.pdf-down{background:#023f8f; padding:40px 40px; display:flex; justify-content:space-between;}
.pdf-down h6{font-family: 'Gmarket'; font-size:26px; color:#fff;}
.pdf-down .downPDF{padding:12px 0 12px 60px;position:relative; background:url(/resources/custom/images/hrc/sub/ico_pdfDown.png) no-repeat left center; background-size:45px; color:#fff; font-size:20px; font-weight:500;}
@media all and (max-width:768px){
	.pdf-down{padding:24px;}
	.pdf-down h6{font-size:18px;}
	.pdf-down .downPDF{background-size:30px; font-size:16px; padding:12px 0 12px 40px;}
}

.tabBtn li{cursor:pointer}
.edu04 .tabBtn{width:100%; display:flex; flex-wrap:wrap; border:2px solid #e5e5e5; border-radius: 50px; justify-content:space-between; }
.edu04 .tabBtn li{padding:16px 0; width:25%; text-align:center; font-family: 'Gmarket'; border-radius: 40px; font-weight:300;}
.edu04 .tabBtn li.on{ background:#023f8f; color:#fff;}
@media all and (max-width:768px){
	.edu04 .tabBtn{border-radius: 25px;}
	.edu04 .tabBtn li{font-size:14px; width:50%; border-radius: 25px}
}
.edu04 .tabCont{width:100%; margin-top:30px;}
/* 인권교육 > 성희롱/성폭력 예방과 대처방법 */
.edu04 .list{display:flex; flex-wrap:wrap; gap:20px; justify-content:space-between;}
.edu04 .list > li{width:calc(50% - 20px); padding:36px; border-radius: 10px; border:1px solid #ddd; text-align:center;}
.edu04 .list > li i{display:block; margin:24px auto; width:80px; height:80px; background-color:#f1faff; border-radius: 50%;}
.edu04 .list > li span{display:inline-block; font-weight:600; color:#111; font-size:20px; background:linear-gradient(to top, #d7faff 50%, transparent 50%); margin-bottom:20px;}
.edu04 .list > li p{text-align:left;}
.edu04 .list .list02{padding:20px 10px; background:#f9f9f9; border-radius: 8px}
.edu04 .list .ico01{background:url(/resources/custom/images/hrc/sub/ico_edu0401.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico02{background:url(/resources/custom/images/hrc/sub/ico_edu0402.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico03{background:url(/resources/custom/images/hrc/sub/ico_edu0403.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico04{background:url(/resources/custom/images/hrc/sub/ico_edu0404.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico05{background:url(/resources/custom/images/hrc/sub/ico_edu0405.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico06{background:url(/resources/custom/images/hrc/sub/ico_edu0406.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico07{background:url(/resources/custom/images/hrc/sub/ico_edu0407.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico08{background:url(/resources/custom/images/hrc/sub/ico_edu0408.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico09{background:url(/resources/custom/images/hrc/sub/ico_edu0409.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .list .ico10{background:url(/resources/custom/images/hrc/sub/ico_edu0410.png) no-repeat center, #f1faff; background-size:50px;}
.edu04 .col2{display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px;}
.edu04 .col2 .box{width:calc(50% - 20px); padding:50px 20px 50px 150px; border-radius: 5px;}
.edu04 .col2 .box p{font-weight:500; font-size:18px;}
.edu04 .col2 p.num{font-family: 'Gmarket'; font-size:20px; color:#cecece}
.edu04 .col2 > div .boline{font-family: inherit; background:linear-gradient(to top, orange 50%, transparent 50%); color:#000; font-weight:600;}
.edu04 .col2 .ico02{background:url(/resources/custom/images/hrc/sub/ico_edu0402.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico04{background:url(/resources/custom/images/hrc/sub/ico_edu0404.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico11{background:url(/resources/custom/images/hrc/sub/ico_edu0411.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico12{background:url(/resources/custom/images/hrc/sub/ico_edu0412.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico13{background:url(/resources/custom/images/hrc/sub/ico_edu0413.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico14{background:url(/resources/custom/images/hrc/sub/ico_edu0414.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico15{background:url(/resources/custom/images/hrc/sub/ico_edu0415.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico16{background:url(/resources/custom/images/hrc/sub/ico_edu0416.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico17{background:url(/resources/custom/images/hrc/sub/ico_edu0417.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
.edu04 .col2 .ico18{background:url(/resources/custom/images/hrc/sub/ico_edu0418.png) no-repeat center, #f9f9f9; background-size:50px; background-position:55px center;}
@media all and (max-width:768px){
	.edu04 .list > li{padding:20px; width:100%;}
	.edu04 .list > li i{margin:0 auto 16px auto; width:60px; height:60px;}
	.edu04 .list > li span{font-size:16px; margin-bottom:12px; background:none;}
	.edu04 .list .ico01{background-size:30px;}
	.edu04 .list .ico02{background-size:30px;}
	.edu04 .list .ico03{background-size:30px;}
	.edu04 .list .ico04{background-size:30px;}
	.edu04 .list .ico05{background-size:30px;}
	.edu04 .list .ico06{background-size:30px;}
	.edu04 .list .ico07{background-size:30px;}
	.edu04 .list .ico08{background-size:30px;}
	.edu04 .list .ico09{background-size:30px;}
	.edu04 .list .ico10{background-size:30px;}
	.edu04 .col2 .box{padding:30px 20px 30px 100px; width:100%;}
	.edu04 .col2 .box p{font-size:14px;}
	.edu04 .col2 .ico02{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico04{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico11{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico12{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico13{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico14{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico15{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico16{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico17{background-size:30px; background-position:35px center;}
	.edu04 .col2 .ico18{background-size:30px; background-position:35px center;}
}


/* testTable (자가진단) */
.testTable{border-top:2px solid #000; border-collapse:collapse; width:100%;}
.testTable th, .testTable td{padding:20px 0; text-align:center;}
.testTable th{background:#f9f9f9}
.testTable td{border-bottom:1px solid #dcdcdc;}
.testTable td.point{background:#f7fafc; font-weight:500;}
.testTable input[type="text"]{text-align:center; padding:8px; width:50px; border:1px solid #e5e5e5; margin-right:5px;}
 .testTable label{vertical-align:middle;}
.testTable input[type="radio"]{margin-right:4px;}
@media all and (max-width:768px){
	.testTable td, .testTable th{font-size:14px;}
}
.checklist .result{padding:60px 40px 50px 40px; border:2px solid #eee; border-radius: 20px; background:url(/resources/custom/images/hrc/sub/edu_result.png) no-repeat right 120px top 50px; background-size:130px;}
.checklist .result ul{display:flex; gap:20px; justify-content:space-between; flex-wrap:wrap;}
.checklist .result ul li{background:#f7f7F7; border-radius: 8px; padding:50px 20px; width:calc(33% - 20px); position:relative;}
.checklist .result ul li span{padding:8px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; background:#0082f4; position:absolute;top:0; left:16px; color:#fff; font-family: 'Gmarket'; }
.checklist .result ul li em{display:block; border-bottom:1px solid #dcdcdc; margin-bottom:10px; padding:20px 0; font-family: 'Gmarket'; font-weight:300; font-size:20px;}
.checklist .result ul li:first-child span{ background:#0082f4;}
.checklist .result ul li:nth-child(2) span{ background:#ffc800;}
.checklist .result ul li:nth-child(3) span{ background:#dd3400;}
.checklist .result ul li span.blue{ background:#0082f4;}
.checklist .result ul li span.orange{ background:#ffc800;}
.checklist .result ul li span.red{ background:#dd3400;}
.checklist .result .yourScore{text-align:left; font-family: 'Gmarket'; font-weight:300; font-size:25px; margin:50px 0; line-height:1.5;}
.checklist .result.company .yourScore{font-size:20px; line-height:1.375}
.checklist .result.company li{width:calc(50% - 10px);}
.checklist .result .yourScore p{font-family: 'Gmarket'; font-weight:500; font-size:24px; margin-bottom:10px; color:#0082f4;}
.checklist .result .yourScore span{font-family: 'Gmarket'; font-weight:500;}
@media all and (max-width:768px){
	.checklist .result ul li{width:100%; padding:24px 16px; }
	.checklist .result{padding:40px 30px 40px 30px; background:none;}
	.checklist .result .yourScore{font-size:20px; margin: 0 0 30px 0;}
	.checklist .result ul li span{font-size:14px;}
	.checklist .result ul li em{font-size:16px; padding:20px 0 10px 0;}
}

/* 상담신청방법 */
.counsel01 .cslist{display:flex; gap:20px;}
.counsel01 .cslist li{padding:40px 30px; border-radius:10px; background:#f1faff; width:50%;}
.counsel01 .cslist h6{font-size:20px; margin-bottom:10px; color:#18267c;}
.counsel01 .csstep{display:flex; justify-content:space-between;}
.counsel01 .csstep ul{width:32%}
.counsel01 .csstep ul li{text-align:center; padding:20px 0; border-radius: 8px; box-shadow:0 0 5px 0 rgba(0,0,0,.2); position:relative; margin-bottom:30px; font-family: 'Gmarket'; font-weight:300;}
.counsel01 .csstep ul li::after{display:block; content:''; width:30px; height:30px; background:url(/resources/custom/images/hrc/sub/ico_step_arrow.png) no-repeat center; background-size:cover; position:absolute; bottom: -30px; left:calc(50% - 15px);}
.counsel01 .csstep ul li:first-child{color:#fff;}
.counsel01 .csstep ul li:last-child::after{display:none}
.counsel01 .csstep ul:first-child li:first-child{background:#61bbff; border:0; font-family: 'Gmarket'; padding:20px 0; font-size:20px; font-weight:300;}
.counsel01 .csstep ul:nth-child(2) li:first-child{background:#0066e7; border:0; font-family: 'Gmarket'; padding:20px 0; font-size:20px; font-weight:300;}
.counsel01 .csstep ul:nth-child(3) li:first-child{background:#003697; border:0; font-family: 'Gmarket'; padding:20px 0; font-size:20px; font-weight:300;}
@media all and (max-width:768px){
	.counsel01 .cslist{display:block}
	.counsel01 .cslist li{width:100%; margin-bottom:10px; padding:24px;}
	.counsel01 .cslist h6{font-size:16px;}
	.counsel01 .csstep ul:first-child li:first-child, .counsel01 .csstep ul:nth-child(2) li:first-child, .counsel01 .csstep ul:nth-child(3) li:first-child{font-size:14px;}
	.counsel01 .csstep ul li{font-size:14px;}
}
@media all and (max-width:500px){
	.counsel01 .csstep{display:block; margin-bottom:20px;}
	.counsel01 .csstep ul{width:100%; display:flex; margin-bottom:20px}
	.counsel01 .csstep ul li{margin-bottom:0; margin-right:auto; width:20%; font-size:12px; padding:10px 0;}
	.counsel01 .csstep ul li::after{width:24px; height:24px; bottom:calc(50% - 15px); right:-20px; transform:rotate(-90deg); left:unset;}
	.counsel01 .csstep ul:first-child li:first-child, .counsel01 .csstep ul:nth-child(2) li:first-child, .counsel01 .csstep ul:nth-child(3) li:first-child{width:20%; font-size:12px; padding:10px 0;}
	.counsel01 .csstep ul:first-child li:first-child::after{right:calc(-50% - 30px);}
	.counsel01 .csstep ul:nth-child(3) li::after{right:calc(-33% - 10px);}
}

/* 사건처리절차 */
.counsel02 .step00{display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;}
.counsel02 .step00 .row1,.counsel02 .step00 .row3{text-align:center;position:relative}
.counsel02 .step00 .row1::after{width:30px; height:30px; background:url(/resources/custom/images/hrc/sub/ico_step_arrow.png) no-repeat center; display:block; content:''; position:absolute; right:calc((-50% + 30px)); bottom:calc((100% - 30px)/2); background-size:cover; transform:rotate(-90deg);}
.counsel02 .step00 .row1 span{padding:20px 40px; border-radius: 12px; font-family: 'Gmarket'; font-size:20px; background:#0066e7; color:#fff; display:block;}
.counsel02 .step00 .row3 span{padding:20px 40px; border-radius: 12px; font-family: 'Gmarket'; font-size:20px; background:#003697; display:block; color:#fff;}
.counsel02 .step00 .row2{position:relative;}
.counsel02 .step00 .row2::after{width:30px; height:30px; background:url(/resources/custom/images/hrc/sub/ico_step_arrow.png) no-repeat center; display:block; content:''; position:absolute; right:calc((-25% + 15px)); bottom:calc((100% - 30px)/2); background-size:cover; transform:rotate(-90deg);}
.counsel02 .step00 .row2 .col3{position:relative;}
.counsel02 .step00 .row2 .col3 > li{padding:20px 24px; background:#f9f9f9; border-radius: 16px; margin-bottom:20px; position:relative;}
.counsel02 .step00 .row2 .col3 > li:last-child{margin-bottom:0;}
.counsel02 .step00 .row2 h6{text-align:center; margin-bottom:20px;}
.counsel02 .step00 .row2 h6 span{font-size:18px;}
.counsel02 .step00 .row3::after{width:30px; height:30px; background:url(/resources/custom/images/hrc/sub/ico_step_arrow.png) no-repeat center; display:block; content:''; position:absolute; right:-25%; bottom:calc((100% - 30px)/2); background-size:cover; transform:rotate(-90deg);}
.counsel02 .step00 .row4 ul li{padding:20px 24px; background:#f9f9f9; border-radius: 16px; margin-bottom:20px; position:relative; min-height:140px; display:flex; flex-direction:column; justify-content:center;}
.counsel02 .step00 .row4 ul li:last-child{margin-bottom:0;}
.counsel02 .step00 .row4 .col3{position:relative;}
.counsel02 .step00 .row4 h6{text-align:center; margin-bottom:20px;}
.counsel02 .step00 .row4 h6 span{ font-size:18px;}
.counsel02 .step00 .row4 p{text-align:center;}

.counsel02 .step01 ul{display:flex; flex-wrap:wrap; justify-content:space-around;}
.counsel02 .step01 ul li{width:22%; text-align:center; border-radius: 16px; border:1px solid #ddd; padding:24px 0; margin-bottom:30px; position:relative;}
.counsel02 .step01 ul li::after{display:block; content:''; width:30px; height:30px; background:url(/resources/custom/images/hrc/sub/ico_step_arrow2.png) no-repeat center; background-size:cover; position:absolute; right:-14%; bottom:calc((100% - 24px)/2);}
.counsel02 .step01 ul li:last-child::after{display:none}
.counsel02 .step01 ul li span{display:inline-block; padding:10px 20px; border-radius: 12px; color:#0066e7; border:3px solid #0066e7; font-family: 'Gmarket'; font-weight:300;}
.counsel02 .step01 ul li p{padding-top:24px; font-family: 'Gmarket'; font-weight:300; }
.counsel02 .step02 > ul > li{display:flex; flex-wrap:wrap; justify-content:space-between; margin-bottom:20px;}
.counsel02 .step02 > ul > li > .box{width:300px; font-family: 'Gmarket'; font-size:18px; color:#0066e7; border:3px solid #0066e7; padding:24px; border-radius: 16px}
.counsel02 .step02 > ul > li > ul{width:calc(100% - 330px); background:#f9f9f9; padding:24px; border-radius: 16px;}
@media all and (max-width:1600px){
	.counsel02 .step00 > div{width:21%;}
	.counsel02 .step00 .row1::after{right:calc((-25% + 15px));}
}
@media all and (max-width:1000px){
	.counsel02 .step01 ul li::after{width:20px; height:20px; right:-25px;}
}
@media all and (max-width:768px){
	.counsel02 .step00{display:block;}
	.counsel02 .step00 .row2 h6{margin-bottom:8px;}
	.counsel02 .step00 .row2 .col3 > li{padding:12px 16px;}
	.counsel02 .step00 > div{width:100%; margin-bottom:20px;}
	.counsel02 .step00 .row4 ul li{min-height:unset;padding:12px 16px;}
	.counsel02 .step00 .row4 h6{margin-bottom:8px;}
	.counsel02 .step00 .row1 span, .counsel02 .step00 .row3 span{font-size:18px;}
	.counsel02 .step00 .row2 .col3 > li{margin-bottom:10px;}
	.counsel02 .step00 .row3{margin-top:40px;}
	.counsel02 .step00 .row1::after{display:none;}
	.counsel02 .step00 .row2::after{right:calc((100% - 30px)/2); bottom:-35px; transform:unset;}
	.counsel02 .step00 .row4 ul li{margin-bottom:10px;}
	.counsel02 .step01 ul li{width:40%; margin-bottom:10px;}
	.counsel02 .step01 ul li::after{right:-15%;}
	.counsel02 .step02 > ul > li > .box{width:150px; font-size:14px;}
	.counsel02 .step02 > ul > li > ul{width:calc(100% - 165px);}
}
@media all and (max-width:500px){
	.counsel02 .step00 .row1 span, .counsel02 .step00 .row3 span{padding:12px 0; font-size:15px;}
	.counsel02 .step00 .row2 h6 span, .counsel02 .step00 .row4 h6 span{font-size:14px;}
	.counsel02 .step01 ul li{border-radius: 12px; padding:16px 0;}
	.counsel02 .step01 ul li span{font-size:14px; padding:8px 12px;}
	.counsel02 .step01 ul li p{padding-top:12px;}
	.counsel02 .step01 ul li::after{right:-17%;}
	.counsel02 .step02 > ul > li{display:block;}
	.counsel02 .step02 > ul > li > .box{width:100%; padding:15px; margin-bottom:10px;}
	.counsel02 .step02 > ul > li > ul{width:100%; padding:15px;}
}

/* 상담신청페이지 */
.counsel03 .contBox2 p{font-size:16px;}
.counsel03 .iagree{text-align:right; margin:10px 0 30px 0;}
.counsel03 em.red{color:#ff4220}
.report_form{margin-bottom:60px}
.report_form .title{border-top:2px solid #000; border-bottom:1px solid #000; padding:20px 25px;}
.report_form .title p{font-size:24px; color:#000; font-weight:500}
.report_form .title p span{color:#616161; font-size:16px; font-weight:300; display:inline-block; vertical-align:top; line-height:29px; margin-left:10px}
.report_form .cont dl{padding:15px 25px; border-bottom:1px solid #e2e2e2; display:flex;}
.report_form .cont .col2{display:flex; flex-wrap:wrap; border-bottom:1px solid #e2e2e2}
.report_form .cont .col2 dl{width:50%; border:0;}
.report_form .cont dl::after{display:block; content:''; clear:both}
.report_form .cont dt{ width:190px; line-height:50px; font-weight:300; }
.report_form .cont dd{ width:calc(100% - 190px); display:flex;}
.report_form .cont dd.w50 > dl{width:50%; float:left; border-bottom:0}
.report_form .cont dd.address span{margin:0 0 10px 0; display:inline-block; width:100%;}
.report_form .cont dd span a.btn{vertical-align:top;}
.report_form .cont dd.block{display:block;}
.report_form .cont dd.block > div{margin-bottom:10px;}
.report_form .cont dd.block > div:last-child{margin-bottom:0;}
.report_form .cont .flbox{display:flex; align-items:center; gap:10px;}
.input-form input[type="text"]{height:45px; border:1px solid #e1e1e1; width:225px; padding:10px; font-weight:100; font-size:16px; color:#000; font-weight:300;}
.dpblock{display:block; font-size:14px;}

input[type="radio"].radio{display:inline-block; border-radius: 50%; width:16px; height:16px; vertical-align:middle; margin-top:0;}
input[type="radio"]:hover + span{cursor:pointer}
input[type="radio"]:disabled{background-color:lightgray; box-shadow: none; opacity:0.7; cursor:not-allowed;}
input[type="radio"]:disabled + span{opacity:0.7; cursor:not-allowed;}
.radio-form{background:none; padding-left:0; line-height:1;}
.radio-form span{margin-left:5px;}
input[type="radio"].radio:checked + label{background:none;}

/* 웹 접근성 */
input[type="checkbox"]{ width:20px; height:20px; vertical-align:middle; margin-top:0; margin:0px 4px 0 0 !important;}
label.check-form{font-weight:300; }
input[type="checkbox"]:focus{outline:5px auto -webkit-focus-ring-color}
select.form{width:225px; border:1px solid #e1e1e1;height:45px; padding:10px;}
textarea.form{width:100%; max-width:100%; min-width:100%; border:1px solid #e1e1e1; border-radius: 5px; height:80px; padding:10px; text-align:left;}
.report_form .cont .tit input[type="text"]{width:100%}
@media all and (max-width:1200px){
	.report_form .cont dt{width:100px; line-height:40px;}
	.report_form .cont dd{width:calc(100% - 100px)}
	.input-form input[type="text"], select.form{height:40px;}
	.radio-form, .check-form{line-height:40px;}
}
@media all and (max-width:900px){
	.report_form .cont dd.w50 > dl{width:100%; padding:5px 0;}
}
@media all and (max-width:768px){
	.counsel03 .contBox2 p{font-size:14px;}
	.counsel03 label{font-size:14px;}
	input[type="checkbox"]{width:16px; height:16px;}
	.report_form{margin-bottom:30px}
	.report_form .title{padding:10px 15px;}
	.report_form .title p{font-size:18px;}
	.report_form .title p span{font-size:12px; line-height:1.2; display:block; margin-left:0; }
	.input-form input[type="text"]{width:100%;}
	select.form{width:100%; margin-top:10px}
}
@media all and (max-width:640px){
	.report_form .cont .col2{border-bottom:0;}
	.report_form .cont .col2 dl{width:100%; border-bottom:1px solid #e2e2e2;}
	.report_form .cont dl{padding:10px}
	.report_form .cont dt{font-size:14px; width:130px;}
	.report_form .cont dd{width:calc(100% - 130px);}
	.report_form .cont .upload{display:block; margin-bottom:10px; text-align:center;}
	.report_form .cont .file span{display:block;}
}

/* SITEMAP COMMON */
.sitemapWrap .sub-page-top{margin-top:60px;}
.sitemap{padding:50px 0; border-top:2px solid #000; border-bottom:1px solid #c5c5c5;}
.sitemap > ul > li{display:flex; margin-bottom:70px;}
.sitemap > ul > li > a{width:200px; font-size:24px; font-weight:600; color:#000; border-right:1px solid #d7d7d7;}
.sitemap > ul > li > ul{width:calc(100% - 200px); padding-left:50px; display:flex; flex-wrap:wrap;}
.sitemap > ul > li > ul > li{width:25%;}
.sitemap > ul > li > ul > li > a{color:#222; font-weight:600; font-size:20px; display:block; margin-bottom:10px;}
.sitemap > ul > li > ul > li > ul > li > a{padding-left:10px; position:relative; color:#5a5a5a; margin-bottom:5px; display:block; font-size:16px;}
.sitemap > ul > li > ul > li > ul > li > a::before{display:block; content:''; width:3px; height:3px; background:#e5e5e5; position:absolute; top:7px; left:0;}
@media all and (max-width:1200px){
	.sitemap{padding:0px;}
	.sitemap > ul > li{display:block; margin-bottom:0;}
	.sitemap > ul > li > a{display:block; width:100%; border-bottom:1px solid #d7d7d7; border-right:0; padding:15px; border-top:1px solid #d7d7d7; background:#f9f9f9;}
	.sitemap > ul > li:first-child > a{border-top:0}
	.sitemap > ul > li > ul{width:100%; padding-left:0; min-height:80px;}
	.sitemap > ul > li > ul > li{padding:15px;}
}
@media all and (max-width:767px){
	.sitemap > ul > li > ul > li{width:50%;}
}