@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:40px; color:#000; padding:0 0 10px 0px; margin-bottom:36px; display:inline-block; border-bottom:2px solid #000;}
h6.tit{font-size:28px; color:#333e5a; font-weight:600; margin-bottom:20px; padding-top:14px; position:relative; }
.stit{color:#000; font-size:22px; margin-bottom:24px; font-weight:500; padding-left:20px; position:relative; line-height:1;}
.stit::before{width:3px; height:20px; background:#000; content:''; display:block; position:absolute; left:0; top:2px;}
p{line-height:1.5; font-size:16px; color:#222; }
p.point{color:#009858; 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; }
	.stit{font-size:17px; margin-bottom:12px;}
	.stit::before{height:17px; top:0;}
	p{font-size:14px; line-height:1.5;}
}

.contbox{padding:50px; border-radius: 24px;}
.contbox.gray{background:#f5f5f5;}
@media all and (max-width:767px){
	.contbox{padding:30px;}
}

/* gap | sgap */
.gap{height:70px}
.sgap{height:50px}
.ssgap{height:20px}
.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;}
}


/* LIST STYLE */
.list-num li{padding-left:40px; position:relative; font-size:18px; color:#222222; margin-bottom:16px; line-height:1.5;}
.list-num li::before{content:''; width:27px; height:27px; border-radius: 50%; background:#f3f3f3; color:#434343; text-align:center; position:absolute; left:0; line-height:27px; font-size:14px;}
.list-num li:nth-child(1)::before{display:block; content:'1';}
.list-num li:nth-child(2)::before{display:block; content:'2';}
.list-num li:nth-child(3)::before{display:block; content:'3';}
.list-num li:nth-child(4)::before{display:block; content:'4';}
.list-num li:nth-child(5)::before{display:block; content:'5';}
.list-num li:nth-child(6)::before{display:block; content:'6';}
.list-num li:nth-child(7)::before{display:block; content:'7';}
.list-num li:nth-child(8)::before{display:block; content:'8';}
.list-num li:nth-child(9)::before{display:block; content:'9';}
.list-num li:nth-child(10)::before{display:block; content:'10';}
.list-kor{padding-left:24px;}
.list-kor li{padding-left:40px; position:relative; font-size:18px; color:#222222; margin-bottom:16px; line-height:1.5;}
.list-kor li::before{content:''; width:27px; height:27px; border-radius: 50%; background:#2d2d2d; color:#fff; text-align:center; position:absolute; left:0; line-height:27px; font-size:14px;}
.list-kor li:nth-child(1)::before{display:block; content:'가';}
.list-kor li:nth-child(2)::before{display:block; content:'나';}
.list-kor li:nth-child(3)::before{display:block; content:'다';}
.list-kor li:nth-child(4)::before{display:block; content:'라';}
.list-kor li:nth-child(5)::before{display:block; content:'마';}
.list-kor li:nth-child(6)::before{display:block; content:'바';}
.list-kor li:nth-child(7)::before{display:block; content:'사';}
.list-kor li:nth-child(8)::before{display:block; content:'아';}
.list-kor li:nth-child(9)::before{display:block; content:'자';}
.list-kor li:nth-child(10)::before{display:block; content:'차';}
.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:#8f8f8f; 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;}
	.list-num li::before{width:20px; height:20px; line-height:20px; font-size:12px;}
	.list-kor li::before{width:20px; height:20px; line-height:20px; font-size:12px;}
	.list-num li, .list-kor li{padding-left:30px; font-size:14px; margin-bottom:10px}
}
/* SITEMAP COMMON */
.VISUAL_sitemap{display:none}
.contentsUtill{display:none;}
.sitemapWrap > h2.contentsTitle{display:none}
.sitemapWrap .sub-page-top{margin-top:60px;}
.sitemap{padding:50px 0; border-top:2px solid #000; border-bottom:1px solid #c5c5c5;}
.sitemap > ul{display:flex; justify-content:space-between;}
.sitemap > ul > li{margin-bottom:70px; width:16.666%;}
.sitemap > ul > li > a{display:block; margin-bottom:10px; 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:100%;}
.sitemap > ul > li > ul > li > a{color:#5a5a5a; font-weight:500; font-size:16px; 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; display:block;}
	.sitemap > ul{display:block;}
	.sitemap > ul > li{display:block; margin-bottom:0; width:100%;}
	.sitemap > ul > li > a{display:block; width:100%; border-right:0; padding:15px; border-top:1px solid #d7d7d7; background:#f9f9f9; margin-bottom:0;}
	.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%;}
}

/* BTN */
.btn-apply{border:1px solid #004fd5; color:#004fd5; padding:16px 20px; display:inline-block; position:relative; transition:all .3s ease;}
.btn-apply:hover{transition:all .3s ease; color:#fff}
.btn-apply::before{display:block; content:''; width:0; position:absolute; left:0; height:100%; background:#004fd5; top:0; z-index:-1; transition:all .3s ease;}
.btn-apply:hover::before{width:100%; background:#004fd5; transition:all .3s ease;}

/* S : SUBPAGE */
h6{font-size:22px; margin-bottom:10px}
.subscribe .inner{background:#f3f9fd; padding:36px; border-radius: 15px; margin-top:30px; margin-bottom:10px;}
input[type="checkbox"]{width:16px; height:16px; margin-right:4px; vertical-align:middle}
label{vertical-align:middle; font-weight:500; color:#000; line-height:1.375}
.ip-wrap{border-top:1px solid #000;}
.ip-wrap dl{display:flex; flex-wrap:wrap; border-bottom:1px solid #ccc;}
.ip-wrap dt{width:200px; padding:20px; background:#f7f7f7;}
.ip-wrap dt label{font-size:18px}
.ip-wrap dd{width:calc(100% - 200px); padding:20px;}
.ip-wrap input[type="text"]{border:1px solid #ccc; padding:12px 16px; max-width:300px; width:100%;}
.ip-wrap input[type="email"]{border:1px solid #ccc; padding:12px 16px; max-width:500px; width:100%;}
@media all and (max-width:767px){
	h6{font-size:16px;}
	.subscribe .inner{padding:24px; border-radius: 8px}
	.ip-wrap dt{width:130px; }
	.ip-wrap dt label{font-size:14px;}
	.ip-wrap dd{width:calc(100% - 130px);}
}