@charset "utf-8";


/* 공통  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 타이틀 */
.title1 {padding:0 0 15px 23px; font-size:20px; line-height:22px; font-weight:500; color:#333; background:url('../../images/btnIcn/icn_title1.gif') 0 3px no-repeat;}
.title2 {padding:0 0 15px 20px; font-size:16px; font-weight:500; color:#333; background:url('../../images/btnIcn/icn_title2.gif') 0 3px no-repeat;}
.title3 {padding:0 0 10px 20px; font-weight:bold; background:url('../../images/btnIcn/icn_title3.gif') 0 5px no-repeat;}

/* 영역나누기 */
.areaLR {width:100%; overflow:hidden;}
.areaLR > dt {float:left;}
.areaLR > dd {float:right;}
.areaLR .areaL30 {float:left; width:30%;}
.areaLR .areaL32 {float:left; width:32%;}
.areaLR .areaL40 {float:left; width:40%;}
.areaLR .areaL48 {float:left; width:48%;}
.areaLR .areaL60 {float:left; width:60%;}
.areaLR .areaL65 {float:left; width:65%;}
.areaLR .areaC10 {float:left; width:10%;}
.areaLR .areaC15 {float:left; width:15%;}
.areaLR .areaC20 {float:left; width:20%;}
.areaLR .areaR30 {float:right; width:30%;}
.areaLR .areaR32 {float:right; width:32%;}
.areaLR .areaR35 {float:right; width:35%;}
.areaLR .areaR40 {float:right; width:40%;}
.areaLR .areaR48 {float:right; width:48%;}
.areaLR .areaR55 {float:right; width:55%;}
.areaLR .areaR56 {float:right; width:56%;}
.areaLR .areaR60 {float:right; width:60%;}
.areaLR .areaR66 {float:right; width:66%;}

/* 탭버튼 */
.tab {width:100%; height:53px; overflow:hidden;}
.tab a {float:left; width:140px; height:33px; padding-top:15px; text-align:center; font-weight:bold; font-size:14px; line-height:14px; border-top:#e5e5e5 1px solid; border-bottom:#e5e5e5 1px solid; border-right:#e5e5e5 1px solid;}
.tab a:first-child {border-left:#e5e5e5 1px solid;}
.tab a:hover {height:38px; padding-top:15px; color:#fff; background:url('../../images/btnIcn/bg_tab.gif') center bottom no-repeat; border:none;}
.tab a.on {height:38px; padding-top:15px; color:#fff; background:url('../../images/btnIcn/bg_tab.gif') center bottom no-repeat; border:none;}

/* 버튼 */
.btnS {display:inline-block; height:21px; padding-top:5px; color:#fff !important; font-size:14px; line-height:14px; text-align:center; border:#5a5a5a 1px solid; background:#707070; border-radius:2px;}
.btnS:hover {color:#f5f5f5 !important; border:#0c60a6 1px solid; background:#4e95d0;}

.btn1 {display:inline-block; height:21px; padding-top:4px; color:#fff !important; line-height:14px; letter-spacing:-1px; text-align:center; border:#5a5a5a 1px solid; background:#707070; border-radius:2px;}
.btn1:hover {color:#f5f5f5 !important; border:#0c60a6 1px solid; background:#4e95d0;}
.btn2 {display:inline-block; height:21px; padding-top:4px; color:#333 !important; line-height:14px; letter-spacing:-1px; text-align:center; border:#7d7d7d 1px solid; background:#f5f5f5; border-radius:2px;}
.btn2:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn3 {display:inline-block; height:21px; padding-top:4px; color:#fff !important; line-height:14px; letter-spacing:-1px; text-align:center; border:#333c64 1px solid; background:#424d7a; border-radius:2px;}
.btn3:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn4 {display:inline-block; height:21px; padding-top:4px; color:#fff !important; line-height:14px; letter-spacing:-1px; text-align:center; border:#9b181d 1px solid; background:#b42329; border-radius:2px;}
.btn4:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn5 {display:inline-block; height:21px; padding-top:4px; color:#fff !important; line-height:14px; letter-spacing:-1px; text-align:center; border:#d26819 1px solid; background:#e7731c; border-radius:2px;}
.btn5:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btn6 {display:inline-block; height:21px; padding-top:4px; color:#fff !important; line-height:14px; letter-spacing:-1px; text-align:center; border:#437178 1px solid; background:#598991; border-radius:2px;}
.btn6:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}

.btnS1 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#5a5a5a 1px solid; background:#707070; border-radius:2px;}
.btnS1:hover {color:#f5f5f5 !important; border:#0c60a6 1px solid; background:#4e95d0;}
.btnS2 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#7d7d7d 1px solid; background:#f5f5f5; border-radius:2px;}
.btnS2:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS3 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#333c64 1px solid; background:#424d7a; border-radius:2px;}
.btnS3:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS4 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#9b181d 1px solid; background:#b42329; border-radius:2px;}
.btnS4:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS5 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#d3070b 1px solid; background:#eb2629; border-radius:2px;}
.btnS5:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}
.btnS6 {display:inline-block; height:16px; padding-top:2px; color:#fff !important; font-size:12px; line-height:12px; letter-spacing:-1px; text-align:center; border:#437178 1px solid; background:#598991; border-radius:2px;}
.btnS6:hover {color:#f5f5f5 !important; border:#5a5a5a 1px solid; background:#707070;}

.btnHover {padding:8px 30px; font-size:14px; color:#333; border:#e5e5e5 1px solid; background:#f5f5f5;}

/* 라인 */
.line15 {height:1px; margin-bottom:15px; padding-top:5px; border-bottom:#ddd 1px solid;}
.lineDot10 {margin:10px 0; background:url('../../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot20 {margin:20px 0; background:url('../../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot30 {margin:30px 0; background:url('../../images/btnIcn/bg_line1.gif') center no-repeat;}
.lineDot40 {margin:40px 0; background:url('../../images/btnIcn/bg_line1.gif') center no-repeat;}

/* 설명문구 - [박스-리스트] */
.explain {margin-bottom:10px; padding:20px; border:#e4e4e4 1px solid; background:#f9f9f9; overflow:hidden;}
.explain > li {padding:4px 0 4px 10px; font-size:13px; line-height:18px; color:#555; background:url('../../images/btnIcn/icn_dot1.gif') 0 12px no-repeat;}

/* 설명문구 - [일반] */
.textArea {margin-top:5px; font-size:14px; line-height:22px;}

/* 설명문구 - [일반-리스트] */
.textList {overflow:hidden;}
.textList > li {padding:4px 0 4px 10px; font-size:14px; background:url('../../images/btnIcn/icn_dot1.gif') 0 14px no-repeat;}

/* 설명문구 - [회색배경-이미지-리스트] */
.textImgList {width:100%; background:#f5f5f5; overflow:hidden;}
.textImgList > dt {float:left; width:225px;}
.textImgList > dd {float:right; width:700px; padding-right:30px;}
.textImgList > dd > div {font-size:16px; line-height:22px; letter-spacing:-1px;}
.textImgList > dd > ul {overflow:hidden;}
.textImgList > dd > ul > li {padding:4px 0 4px 15px; font-size:16px; line-height:24px; background:url('../../images/btnIcn/icn_title3.gif') 0 12px no-repeat;}

/* 설명문구 - [좌우-이미지-리스트] */
.textBoxImgList {width:100%;}
.textBoxImgList > dl {width:100%; overflow:hidden;}
.textBoxImgList > dl dt {float:left; width:48%; border:#e5e5e5 1px solid;}
.textBoxImgList > dl dd {float:right; width:48%; border:#e5e5e5 1px solid;}
.textBoxImgList > dl h1 {padding:20px; text-align:center; font:500 20px 'Godo'; color:#fff; background:url('../../images/btnIcn/bg_pt2.gif');}
.textBoxImgList > dl p {padding:10px;}
.textBoxImgList > dl div {padding:10px 20px 20px 20px;}

/* 설명문구 - 주요사항 */
.textPoint {padding-left:18px; font-size:13px; color:#d21010; background:url('../../images/btnIcn/icn_point1.gif') 0 center no-repeat;}

/* 설명문구박스 - 주요사항 */
.textPointBox {padding:20px 20px 20px 40px; font-size:13px; color:#d21010; border:#e4e4e4 1px solid; background:url('../../images/btnIcn/icn_point1.gif') 20px center no-repeat, #f9f9f9; overflow:hidden;}

/* 박스영역 */
.areaBox {/*  width:100%; */ padding:15px; color:#1c8ccc; border:#e5e5e5 1px solid; background:#f9f9f9; overflow:hidden;}

/* 리스트형태 - 기본형 */
.tableList {overflow:hidden;}
.tableList table {width:100%; table-layout:fixed; border-top:#231f20 2px solid; background:#f5f5f5;}
.tableList table thead th {padding:15px 8px; font-weight:bold; color:#333; text-align:center; border-bottom:#94868a 1px solid; background:url('../images/btnIcn/bg_bbsLine.gif') left center no-repeat;}
.tableList table thead th:first-child {background:none;}
.tableList table tbody td {min-height:5px; padding:10px 5px;  text-align:center; border-bottom:#e4e4e4 1px solid; background:#fff;} 
.tableList table tbody th {min-height:5px; padding:10px 10px 10px 15px;  text-align:left; border-bottom:#e4e4e4 1px solid; background:#fff;}

/* 리스트형태 - 박스형[라인] */
.tableListBox {overflow:hidden;}
.tableListBox table {width:100%; table-layout:fixed; border-top:#94868a 1px solid; border-right:#e4e4e4 1px solid; background:#ebebeb;}
.tableListBox table thead th {padding:15px 8px; font-weight:500; font-size:14px; color:#333; text-align:center; border-bottom:#94868a 1px solid; border-left:#e4e4e4 1px solid;}
.tableListBox table tbody td {min-height:5px; padding:10px; text-align:center; font-size:13px; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;} 
.tableListBox table tbody th {min-height:5px; padding:10px 10px 10px 15px; text-align:left; font-weight:normal; font-size:13px; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#fff;}
.tableListBox table tfoot td {min-height:5px; padding:5px; text-align:center; font-weight:500; color:#333; border-bottom:#e4e4e4 1px solid; border-left:#e4e4e4 1px solid; background:#f1fefe;} 

/* 이미지영역 */
.imgArea {text-align:center; border:#e5e5e5 1px solid;}


/* 메인  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 비주얼 */
.mainVisual * {box-sizing:border-box;}
.mainVisual {width:100%; min-width:1200px; height:600px; color:#fff; background:url('/static_root/images/main/main_visual_hnu3.gif') center top no-repeat; background-size:cover; border-bottom:#e5e5e5 1px solid; overflow:hidden;}

/* 슬로건 */
.mainSlogan {position:relative; width:1200px; height:600px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:15px; text-align:center; padding:0 30px 50px; margin:0 auto;}
.mainSlogan > p {font-family:"scd3"; font-size:56px; line-height:1.2;}
.mainSlogan > p span {font-family:"scd5";}
.mainSlogan > span {font-family:"scd5"; font-size:24px; line-height:2; text-align:center;}

/* 배너모음 */
.mainBanner * {box-sizing:border-box;}
.mainBanner {width:100%; min-width:1200px; height:600px; background:#f1f1f5;}
.mainBanner ul {position:relative; z-index:9; width:1200px; display:grid; grid-template-columns:repeat(3, 1fr); gap:30px; margin:-150px auto;}
.mainBanner ul li a {height:70px; display:flex; justify-content:space-between; align-items:center; padding:20px 20px 20px 30px; border-radius:3px; box-shadow:0 9px 12px 0 rgba(0,0,0,.08); cursor:pointer; transition:all 0.3s;}
.mainBanner ul li a:hover {transform:translate(0, -5px);}
.mainBanner ul li:nth-child(1) a {background:#971f41;}
.mainBanner ul li:nth-child(2) a {background:#2a3d6c;}
.mainBanner ul li:nth-child(3) a {background:#553d9e;}
.mainBanner ul li a img {width:40px; padding:0;}
.mainBanner ul li a span {font-family:"scd5"; font-size:18px; line-height:1.2; color:#fff;}

/* 퀵배너 모음 */
.banner_list {width:100%; min-width:1200px; padding:15px 0; border-top:#e5e5e5 1px solid; background:#fff;}
.banner_list > dl {width:1200px; margin:0 auto; overflow:hidden; vertical-align:bottom; display:flex; justify-content: space-between;}
.banner_img img {width:170px; height:100%; object-fit: contain;}

/* 컨텐츠영역 */
.mainCnt * {box-sizing:border-box;}
.mainCnt {width:100%; min-width:1200px; padding:50px 0; background:#F1F1F5;}
.mainCnt > ul {width:1200px; display:grid; grid-template-columns:1fr 340px 340px; gap:30px; margin:0 auto; overflow:hidden;}
.mainCnt > ul > li {border-radius:5px;background:#fff;}
.mainCnt > ul > li form, .mainCnt > ul > li fieldset {height:100%;}

/* 공지사항 */
.mcNotice {width:100%; padding:30px;}
.mcNotice > div {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; font-family:"notom"; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd; overflow:hidden;}
.mcNotice > div h3 {font-size:18px; line-height:1.2; font-weight:300; color:#1f1f1f;}
.mcNotice > div a {display:flex; align-items:center; gap:8px; font-size:15px; color:#6552e9;}
.mcNotice > div a i {width:22px; height:22px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:12px; color:#fff; border-radius:50%; background:#6552e9;}
.mcNotice > dl {font-family:"notor"; padding:0 10px; overflow:hidden;}
.mcNotice > dl dt {float:left; width:100%; padding:8px 0 8px 15px; font-weight:300; font-size:15px; background:url('../../images/btnIcn/icn_dot2.gif') 0 14px no-repeat;}
.mcNotice > dl dt:last-child {padding-bottom:0;}
.mcNotice > dl dd {float:right; width:17%; font-size:13px; font-weight:300; text-align:right; padding:8px 0;}
.mcNotice > dl dd:last-child {padding-bottom:0;}

/* 문의사항 */
.mcInquiry {width:100%; height:100%; display:flex; flex-direction:column; gap:20px; padding:30px;}
.mcInquiry h3 {font-size:18px; line-height:1.2; font-weight:500; color:#1f1f1f;}
.mcInquiry strong {font-family:"Pretendard"; font-size:30px; font-weight:800; line-height:1.2; letter-spacing:0; color:#6552e9;}
.mcInquiry div {flex:1; display:flex; flex-direction:column; gap:20px; padding:20px 25px; border-radius:5px; background:#f4f3ff;}
.mcInquiry div dl {display:flex; flex-direction:column; gap:8px;}
.mcInquiry div dl dt {font-size:15px; font-weight:500; color:#1f1f1f;}
.mcInquiry div dl dd {font-size:15px; line-height:1.4; color:#777;}
.mcInquiry a {width:100%; height:40px; display:flex; justify-content:space-between; align-items:center; font-size:14px; color:#fff; padding:0 20px; border-radius:50em; background:#191345;}
.mcInquiry a i {font-size:12px; opacity:0.5;}

/* 로그인 */
.mcLogin {width:100%; height:100%; display:flex; flex-direction:column; gap:25px; padding:30px;}
.mcLogin > h3 {font-family:"notob"; font-size:24px; line-height:1.2; color:#1f1f1f; text-align:center;}
.mcLogin > div {flex:1; display:flex; flex-direction:column; gap:10px; overflow:hidden;}
.mcLogin > div label {font-family:"notor"; font-size:15px; text-align:center;}
.mcLogin > div a {width:100%; height:40px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:15px; color:#fff; text-decoration-line:none; margin-top:5px; border-radius:5px; background:#6552e9;}
.mcLogin > div ul {margin-top:5px;}
.mcLogin > div ul li {position:relative; font-family:"notor"; font-size:13px; line-height:1.4; color:#555; padding-left:10px; background:url('../../images/btnIcn/icn_dot2.gif') 0 8px no-repeat;}
.mcLogin > div ul li ~ li {margin-top:3px;}
.mcLogin > a {font-size:14px; font-weight:500; color:#1f1f1f; text-align:center;}
.mcLogin > a:hover {color:#b22049;}

.mcLogin input[type="radio"] {width:15px; height:15px; margin:-2px 3px 0 0; vertical-align:middle; border:1px;}
.mcLogin input {width:100%; height:40px; margin-top:10px; font-family:notor; font-size:10pt; border:none; border-bottom:1px solid #ccc;}
.mcLogin input::placeholder {font-size:10pt; color:#aaa;}
.mcLogin input:focus {outline: none; border-color:#6552e9;}

.mcLogin .userCheck {display:flex; justify-content:center; align-items:center; text-align:center; gap:10px;}

/* 로그인 후 */
.mcLogout {width:100%; height:100%; display:flex; flex-direction:column; gap:30px; padding:50px 30px 30px;}
.mcLogout span {text-align:center;}
.mcLogout span img {height:80px;}
.mcLogout div {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; font-family:"notor"; font-size:16px; font-weight:500; line-height:1.4; color:#1f1f1f; text-align:center;}
.mcLogout div span {font-family:"notob"; font-size:18px; color:#6552e9;}
.mcLogout a {width:100%; height:40px; display:flex; justify-content:center; align-items:center; text-align:center; font-size:15px; color:#fff; text-decoration-line:none; margin-top:5px; border-radius:5px; background:#6552e9;}



/* 컨텐츠영역  /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* 사업단소개 - 인사말 */
.about_greeting {width:100%;}
.about_greeting h1 {font:27px/27px 'Nanum Myeongjo'; color:#333;}
.about_greeting h2 {margin-top:5px; font:28px/28px 'Nanum Myeongjo'; color:#333;}
.about_greeting p {padding:0;}
.about_greeting div {font-size:16px; line-height:24px;}

/* 사업단소개 - 찾아오시는길 */
.about_location {width:100%;}
.about_location > h1 {height:32px; margin-top:40px; background:url('../../images/content/intro_location_line.gif') center top no-repeat;}
.about_location dl {width:100%; margin-top:40px; overflow:hidden;}
.about_location dl dt {float:left; width:48%; padding-right:40px; font-size:13px; line-height:22px;}
.about_location dl dt strong {font-weight:500; font-size:22px; line-height:30px; color:#333; letter-spacing:-1px;}
.about_location dl dt strong i {color:#b94046;}
.about_location dl dt span {font-weight:500; color:#333;}
.about_location dl dt h2 {font-weight:500; font-size:22px; color:#333; letter-spacing:-1px;}
.about_location dl dd {float:left; width:23%; padding:10px 0 10px 0; text-align:center; border-left:#e5e5e5 1px solid;}
.about_location dl dd h2 {font-weight:500; margin-top:35px; font-size:22px; color:#333; letter-spacing:-1px;}
.about_location dl dd div {margin-top:30px; text-align:center; font-size:18px;}

/* 장기현장실습 - 기대효과 */
.placement_effect {width:100%; margin-top:20px; overflow:hidden;}
.placement_effect > li {float:left; width:32%; margin-right:2%;}
.placement_effect > li:last-child {margin-right:0;}
.placement_effect > li div {padding:20px 5px;}
.placement_effect > li div h1 {font-weight:500; font-size:16px; color:#333;}
.placement_effect > li div ul {margin-top:10px; overflow:hidden;}
.placement_effect > li div ul li {padding:4px 0 4px 10px; font-size:13px; background:url('../../images/btnIcn/icn_dot1.gif') 0 14px no-repeat;}

/* 문의안내 */
.inquiryGuide {padding:15px; border:#e5e5e5 1px solid; overflow:hidden;}
.inquiryGuide > dt {float:left; width:10%; text-align:center;}
.inquiryGuide > dd {float:right; width:88%;}
.inquiryGuide > dd div {color:#d02727; font-weight:500; font-size:14px;}
.inquiryGuide > dd ul {width:100%; margin-top:5px; overflow:hidden;}
.inquiryGuide > dd ul li {padding:3px 0; font-size:14px;}
.inquiryGuide > dd ul li strong {color:#444;}