/* 공통 */

.sub_visual {position: relative; height: 600px; background: url("https://www.human.or.kr/images/sub/sub_vis_img1.jpg") center no-repeat; background-size: cover;}
.sub_vis_txt {position: absolute; top: 43%; left: 50%; transform: translate(-50% , -50%); text-align: center;}
.sub_vis_txt span {color: #fff; font-size: 22px; line-height: 1; font-weight: 300; }
.sub_vis_txt h2 {margin-top: 20px;color: #fff; font-size: 70px; line-height: 1; font-weight: 700;}

.sub_menu {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 85px; background: #fff; max-width: 1510px; width: 100%; z-index: 50;}
.sub_menu::before {content:""; position:absolute; top:0; left:-90%; width:100%; background:#fff; height:100%; }

.sub_menu > ul {position: relative; height: 100%;}
.sub_menu > ul:after {content: ""; display: block; clear: both;}
.sub_menu > ul > li {position: relative; float: left; height: 100%;}
.sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 25px; background: #ccc;}
.sub_menu > ul > li > a {display: block; height: 100%;}
.sub_menu > ul > li.home {width: 130px; background: url("https://www.human.or.kr/images/sub/sub_home.png") center no-repeat; background-size: 19px;}
.sub_menu > ul > li.menu_btn {width: 350px; background: url("https://www.human.or.kr/images/sub/sub_arrow.png") 90% center no-repeat; background-size: 11px !important;}
.sub_menu > ul > li.menu_btn.on {background: #0045cf url("https://www.human.or.kr/images/sub/sub_arrow_on.png") 90% center no-repeat;}
.sub_menu > ul > li.menu_btn.on > a {color: #fff;}
.sub_menu > ul > li.menu_btn > a {height: 85px; line-height: 1.3; padding-left: 25px; color: #2b2b2b; font-size: 19px; font-weight: 700; display: flex; align-items: center;}
/* .sub_menu > ul > li.menu_btn > a br{display: none;} */
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; }
.sub_menu_txt li:hover a {color: #0045cf;}
.sub_menu_txt li {border-bottom: 1px solid #ccc;}
.sub_menu_txt li:last-child {border-bottom: 0;}
.sub_menu_txt li a {display: block; height: 70px; line-height: 70px; color: #2b2b2b; font-size: 20px; padding-left: 20px; }

.about_txt.sub_con {margin-bottom: 100px;}

/* 취업지원시스템 */

.sys_txt1 {padding:114px 0 165px; text-align: center; background:url(https://www.human.or.kr/images/sub/sub_about_02bg.png)center bottom no-repeat; background-size:contain; position:relative}
.sys_txt1::before{content:""; position:absolute; bottom:0; left:0; right:0; width:100%;}
.sys_txt1::after{content:"";display:block; width:1px; height:60px; background:#000; position:absolute; bottom:67px; left:50%; transform:translateX(-50%)}
.sys_txt1 em{font-size: 16px;font-weight: 900; line-height: 1; color: var(--blue-blue); text-transform: uppercase}
.sys_txt1 h2{margin-top:40px; font-size: 40px;color: #000;font-weight:300}
.sys_txt1 h2 b{font-weight:900}
.sys_txt1 .text{margin-top:20px; font-size: 20px;line-height: 1.6; color: #000; font-weight:300}
.mob_br{display:none}

.sys_txt2{margin-top:75px; position:relative}
.sys_txt2:after{content:''; display:block; width:10px; height:750px; background:rgba(0,0,0,0.03); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); z-index:-1}
.sys_txt2 .sys_txt_inner{max-width:1400px; margin:0 auto; position:relative}
.sys_txt2 .sys_txt_inner:before{content:''; display:block; width:140px; height:164px; background:url("https://www.human.or.kr/images/sub/sub_about_i01.png") center center / cover; position:absolute; left:-140px; top:-150px}
.sys_txt2 .sys_txt_inner:after{content:''; display:block; width:120px; height:111px; background:url("https://www.human.or.kr/images/sub/sub_about_i02.png") center center / cover; position:absolute; right:-120px; top:51%; transform:translateY(-50%)}
.sys_txt2 ul:after{content:''; display:block; clear:both}
.sys_txt2 ul li{width:52.85%}
.sys_txt2 ul li:nth-child(even){float:right}
.sys_txt2 ul li dl{display:flex; align-items:center;}
.sys_txt2 ul li:nth-child(odd) dl{flex-direction:row-reverse; text-align:right}
.sys_txt2 ul li dt{position:relative;}
.sys_txt2 ul li:nth-child(odd) dt{margin-left:195px}
.sys_txt2 ul li:nth-child(even) dt{margin-right:195px}
.sys_txt2 ul li dt span{display:block; text-align:center; color:#1343be; background:#fff; line-height:80px; font-size:30px; font-weight:900; width:80px; height:80px; box-shadow: 3px 0 5px rgba(0,0,0,0.2); border-radius:100%; border:1px solid #ededed; margin:15px 0}
.sys_txt2 ul li:nth-child(odd) dt span{color:#fff; background:#1343be; border:none}
.sys_txt2 ul li dt:before{content:''; display:block; width:155px; height:1px; border-bottom:2px dotted #c8c8c8; position:absolute; top:50%; transform:translateY(-50%)}
.sys_txt2 ul li dt:after{content:''; display:block; width:8px; height:8px; background:#1343be; border-radius:100%; position:absolute; top:50%; transform:translateY(-50%)}
.sys_txt2 ul li:nth-child(odd) dt:before{left:-155px}
.sys_txt2 ul li:nth-child(even) dt:before{right:-155px}
.sys_txt2 ul li:nth-child(odd) dt:after{left:-155px}
.sys_txt2 ul li:nth-child(even) dt:after{right:-155px}
.sys_txt2 ul li dd strong{font-size:30px; font-weight:800;}
.sys_txt2 ul li dd p{font-size:18px; line-height:1.4; margin-top:10px;}

/* 모집과정 */

#sub_content.sub_con {padding-bottom: 150px;}
.program_wrap {margin-top: 110px;}
.program_txt {position: relative; text-align: center; z-index: 1;}
.program_txt:before {content: ""; position: absolute; left: 0; bottom: -80px; width: 100%; height: 144px; background: url("https://www.human.or.kr/images/sub/human_bg_txt1.png") center no-repeat; background-size: 100%; z-index: -1;}
.program_txt:after {content: ""; display: block; width: 1px; height: 60px; background: #000; margin: 40px auto 0;}
.program_txt em {display: block; font-size: 16px; color: #1343be; font-weight: 900;}
.program_txt h2 {font-size: 40px; line-height: 1.375; color: #000000; font-weight: 300; margin-top: 30px;}
.program_txt h2 strong {font-weight: 900;}
.program_txt h2 strong.blue_color {color: #1343be;}
.program_inner {position: relative; margin: 40px auto 0; max-width: 1400px; width: 100%; z-index: 1;}
.program_inner:before {content: ""; position: absolute; top: 0; left: -150px; width: 140px; height: 164px; background: url("https://www.human.or.kr/images/sub/sub_about_i01.png") center no-repeat; background-size: 100%; z-index: -1;}
.program_inner:after {content: ""; position: absolute; top: 600px; right: -100px; width: 120px; height: 111px; background: url("https://www.human.or.kr/images/sub/sub_about_i02.png") center no-repeat; background-size: 100%; z-index: -1;}

.program_inner.program_inner2:before {display: none;}
.program_inner.program_inner2:after {display: none;}

.program_inner > ul {margin: -20px 0;}
.program_inner > ul > li {padding: 20px 0;}
.pd_inner {display: flex; position: relative; align-items: flex-start; padding: 40px; box-shadow: 0 0 10px rgba(0,0,0,0.15); border-radius: 40px; background: #fff;}
.pd_inner .img_wrap {width: 470px;}
.pd_inner .txt_wrap {width: calc(100% - 470px); padding-left: 50px;}
.pd_inner .txt_wrap .pd_txt_tp {display: flex;}
.pd_inner .txt_wrap .pd_txt_tp span {display: flex; align-items: center; justify-content: center; height: 40px; border-radius: 20px; background: #e9e9e9; font-size: 20px; color: #000000; font-weight: 900; padding: 0 30px;}
.pd_inner .txt_wrap .pd_txt_tp span + span {margin-left: 10px;}
.pd_inner .txt_wrap h2 {font-size: 30px; line-height: 1.33; color: #000000; font-weight: 900; margin-top: 20px; word-break: keep-all;}
.pd_inner .txt_wrap .txt_content {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 20px; line-height: 1.7; color: #474747; font-weight: 300; overflow: hidden; text-overflow: ellipsis; margin: 20px 0; word-break: keep-all;}
.pd_inner .txt_wrap dl {display: flex; align-items: center;}
.pd_inner .txt_wrap dl + dl {margin-top: 5px;}
.pd_inner .txt_wrap dl dt {font-size: 22px; color: #000000; font-weight: 800;}
.pd_inner .txt_wrap dl dd {font-size: 22px; color: #474747; font-weight: 300; margin-left: 10px;}
.pd_inner .txt_wrap .pd_txt_more {position: absolute; bottom: 50px; right: 50px;}
.pd_inner .txt_wrap .pd_txt_more a.more {display: flex; align-items: center; justify-content: center; font-size: 20px; color: #ffffff; font-weight: bold; background: #15b8ff; border-radius: 50px; height: 50px; padding: 0 45px;}

/* 모집과정 상세 */

.program_view_tp {position: relative; z-index: 1;}
.program_view_tp:before {content: ""; position: absolute; top: 55px; left: -40px; width: 880px; height: 462px; background-color: rgba(21,184,255,0.2); z-index: -1;}
.program_view_inner {max-width: 1400px; margin: 0 auto;}
.program_view_tp_txt {display: flex; align-items: flex-start;}
.program_view_tp_txt .img_wrap {width: 660px;}
.program_view_tp_txt .img_wrap img {width: 100%; height: auto;}
.program_view_tp_txt .txt_wrap {width: calc(100% - 660px); margin-left: 70px;}
.program_view_tp_txt .view_tp {display: flex; align-items: center;}
.program_view_tp_txt .view_tp span {display: flex; align-items: center; justify-content: center; font-size: 20px; color: #000000; font-weight: 900; height: 40px; border-radius: 20px; background: #e2e2e2; padding: 0 30px;}
.program_view_tp_txt .view_tp span + span {margin-left: 10px;}
.program_view_tp_txt .view_title {font-size: 30px; line-height: 1.33; color: #000000; font-weight: 800; margin-top: 20px;} 
.program_view_tp_txt .text_content {font-size: 20px; line-height: 1.7; color: #474747; font-weight: 300; margin-top: 20px;}
.program_view_tp_txt .text_con_menu {margin-top: 35px;}
.program_view_tp_txt .text_con_menu ul {position: relative; margin: -5px -15px;}
.program_view_tp_txt .text_con_menu ul:after {content: ""; display: block; clear: both;}
.program_view_tp_txt .text_con_menu ul li {float: left; width: 50%; padding: 5px 15px;}
.program_view_tp_txt .text_con_menu ul li dl {display: flex; align-items: center;}
.program_view_tp_txt .text_con_menu ul li dl dt {font-size: 22px; color: #000000; font-weight: 800; width: 110px;}
.program_view_tp_txt .text_con_menu ul li dl dd {font-size: 22px; color: #474747; font-weight: 300;}
.text_btn_wrap {position: relative; margin: 45px -5px 0;}
.text_btn_wrap:after {content: ""; display: block; clear: both;}
.text_btn_wrap span {width: 50%; float: left; padding: 0 5px;}
.text_btn_wrap span a {display: flex; align-items: center; justify-content: center; height: 70px; font-size: 22px; color: #ffffff; font-weight: 800;}
.text_btn_wrap span a.addmission_btn {background: #15b8ff;}
.text_btn_wrap span a.online_btn {background: #000;}

.program_view_menu {margin-top: 150px;}
.pro_view_inner {max-width: 1400px; margin: 0 auto; width: 100%;}
.program_fl_menu {display: flex; align-items: center; border-top: 1px solid #000;}
.program_fl_menu li {position: relative;width: 25%;}
.program_fl_menu li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 25px; background: #e5e5e5;}
.program_fl_menu li a {display: flex; align-items: center; justify-content: center; height: 80px; font-size: 25px; color: #000000; font-weight: 800;}
.program_fl_menu li.active a {background: #000; color: #fff;}
.program_fl_menu li.active:before {content: ""; background: #000;}
.pro_view_title {position: relative; margin-top: 50px; font-size: 25px; color: #000000; font-weight: 800;}
.pro_view_title:after {content: ""; display: inline-block; vertical-align: bottom ; width: 10px; height: 10px; border-radius: 50%; background-color: #15b8ff; margin-left: 10px;}
.pro_view_content {font-size: 20px; line-height: 1.7; color: #474747; font-weight: 300; margin-top: 15px;}
.program_view_box {margin-bottom: 90px;}
.pro_view_table {margin-top: 20px;  border-top: 1px solid #000;}
.pro_view_table table {width: 100%; border-collapse: collapse; border-spacing: 0;}
.pro_view_table table th:nth-child(1) , .pro_view_table table td:nth-child(1) {width: 18.57%;}
.pro_view_table table th:nth-child(2) , .pro_view_table table td:nth-child(2) {width: 38.57%;}
.pro_view_table table th:nth-child(3) , .pro_view_table table td:nth-child(3) {width: 42.85%;}

.pro_view_table table th {padding: 30px 10px; background: #fafafa; font-size: 22px; letter-spacing: -1px; color: #000000; font-weight: 800; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.pro_view_table table th:last-child {border-right: 0;}
.pro_view_table table td {padding: 30px 10px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; vertical-align: middle; }
.pro_view_table table td:last-child {border-right: 0; text-align: left; padding-left: 50px;}
.pro_view_table table td.ar_title1 {font-size: 20px; color: #000000; font-weight: 900;}
.pro_view_table table td.ar_title2 {font-size: 20px; color: #474747; font-weight: bold;}
.pro_view_table table td ul li {position: relative; font-size: 20px; line-height: 1.5; color: #474747; font-weight: 300; padding-left: 15px;}
.pro_view_table table td ul li:before {content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #868686; border-radius: 50%;}

.pro_view_table .pro_view_table2 th:nth-child(1) , .pro_view_table .pro_view_table2 td:nth-child(1) {width: 34.28%;}
.pro_view_table .pro_view_table2 th:nth-child(2) , .pro_view_table .pro_view_table2 td:nth-child(2) {width: 65.71%;}

.pro_view_table .pro_view_table2 td.ar_title1 {font-size: 20px; color: #000000; font-weight: 800;}
.pro_view_table .pro_view_table2 td.ar_title2 {font-size: 20px; color: #474747; font-weight: 300;}

.pro_view_table .pro_view_table3 td.ar_title1 {font-size: 20px; color: #000000; font-weight: 800;}
.pro_view_table .pro_view_table3 td.ar_title2 {font-size: 20px; color: #474747; font-weight: 300; text-align: center;}



.pro_view_table .pro_view_table3 th:nth-child(1) , .pro_view_table .pro_view_table3 td:nth-child(1) {width: 50%;}
.pro_view_table .pro_view_table3 th:nth-child(2) , .pro_view_table .pro_view_table3 td:nth-child(2) {width: 50%;}

/* 추가 */

.pro_view_table {}
.pro_view_table > div {width: 100%; border-collapse: collapse; border-spacing: 0;}
.pro_view_table > div .view_ttp div:nth-child(1) , .pro_view_table > div .view_md div:nth-child(1) {width: 18.57%;}
.pro_view_table > div .view_ttp div:nth-child(2) , .pro_view_table > div .view_md div:nth-child(2) {width: 38.57%;}
.pro_view_table > div .view_ttp div:nth-child(3) , .pro_view_table > div .view_md div:nth-child(3) {width: 42.85%;}

.grid-row1 {grid-row: span 8;}

.pro_view_table > div .view_md {display: table; width: 100%;}
.pro_view_table > div .view_ttp div {display: table-cell; vertical-align: middle; text-align: center; padding: 30px 10px; background: #fafafa; font-size: 22px; letter-spacing: -1px; color: #000000; font-weight: 800; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.pro_view_table > div .view_ttp div:last-child {border-right: 0;}
.pro_view_table > div .view_md div {display: table-cell; vertical-align: middle; text-align: center;  padding: 30px 10px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; vertical-align: middle; }
.pro_view_table > div .view_md div:last-child {border-right: 0; text-align: left; padding-left: 50px;}
.pro_view_table > div .view_md div.ar_title1 {font-size: 20px; color: #000000; font-weight: 900;}
.pro_view_table > div .view_md div.ar_title2 {font-size: 20px; color: #474747; font-weight: bold;}
.pro_view_table > div .view_md div ul li {position: relative; font-size: 20px; line-height: 1.5; color: #474747; font-weight: 300; padding-left: 15px;}
.pro_view_table > div .view_md div ul li:before {content: ""; position: absolute; top: 10px; left: 0; width: 5px; height: 5px; background: #868686; border-radius: 50%;}



.pro_view_table .view_ttp {display: table; width: 100%; table-layout: fixed;}
.pro_view_table .view_ttp div {display: table-cell; vertical-align: middle; text-align: center;padding: 30px 10px; background: #fafafa; font-size: 22px; letter-spacing: -1px; color: #000000; font-weight: 800; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.pro_view_table .view_ttp div:last-child {border-right: 0;}
.pro_view_table .pro_view_table3 .view_md {display: table; width: 100%; table-layout: fixed;}
.pro_view_table .pro_view_table3 div.ar_title1 {display: table-cell; vertical-align: middle; font-size: 20px; color: #000000; font-weight: 800; padding: 30px 10px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center;}
.pro_view_table .pro_view_table3 div.ar_title2 {display: table-cell; vertical-align: middle; font-size: 20px; color: #474747; font-weight: 300; text-align: center; padding: 30px 10px; border-right: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;}
.grid-row1



/* 국비무료온라인상담 */

.program_txt.board_pd_txt {margin-bottom: 60px;}
.board_write_wrap {position: relative; max-width: 1400px; width: 100%; margin: 0 auto; z-index: 8; }
.board_write_tp {margin-top: 80px; border-top: 2px solid #000; display: flex; align-items: center; border-bottom: 1px solid #d1d1d1; padding: 40px 0;}
.board_write_tp strong {font-size: 25px; color: #000; font-weight: 800;}
.board_write_tp ul {display: flex; align-items: center; margin-left: 90px;}
.board_write_tp ul li {position: relative; margin-right: 20px;}
.board_write_tp ul li:last-child {margin-right: 0;}
.board_write_tp ul li input[type="radio"] {position: absolute; top: 0; left: 0; opacity: 0;}
.board_write_tp ul li input[type="radio"]:checked + label {color: #fff; background-color: #15b8ff; border: 1px solid #15b8ff; font-weight: 700;}
.board_write_tp ul li label {font-size: 20px; color: #000000; font-weight: 300; height: 55px; border-radius: 27px; background-color: #ffffff; border: 1px solid #e2e2e2; display: flex; align-items: center; justify-content: center; padding: 0 38px; cursor: pointer;} 
.board_write_md {margin-top: 50px; display: flex; align-items: flex-start;}
.board_wt_md_lt {width: 52.85%}
.board_wt_md_title {font-size: 25px; color: #000000; font-weight: 800; margin-bottom: 20px;}
.board_wt_md_lt ul li {position: relative;}
.board_wt_md_lt ul li input[type="radio"] {position: absolute; top: 0; left: 0; opacity: 0;}
.board_wt_md_lt ul li input[type="radio"] + label {border: 1px solid #e2e2e2; border-top: 0; width: 100%; display: flex; align-items: flex-start; padding: 30px 40px; font-size: 20px; color: #797979; font-weight: 300;}
.board_wt_md_lt ul li:nth-child(1) input[type="radio"] + label {border-top: 1px solid #e2e2e2;}
.board_wt_md_lt ul li input[type="radio"]:checked + label {color: #ffffff; font-weight: bold; background: #464646; border: 1px solid #464646;}
.board_wt_md_lt ul li:nth-child(1) input[type="radio"]:checked + label {border-top: 1px solid #464646;}
.bdd_lt_ic {margin-top: 70px; width: 100%; text-align: center;}

.board_wt_md_rt {width: 47.14%; padding-left: 40px;} 
.board_wt_md_menu > ul {position: relative; margin: -5px;}
.board_wt_md_menu > ul:after {content: ""; display: block; clear: both;}
.board_wt_md_menu > ul > li {float: left;padding: 5px; width: 100%;}
.board_wt_md_menu > ul > li.half {width: 50%;}
.board_wt_md_menu > ul > li select {border: 1px solid #e2e2e2; width: 100%; height: 55px; padding: 0 20px; font-size: 20px; color: #000000; font-weight: bold; appearance: none; background: url("https://www.human.or.kr/images/sub/sel_ic.png") right 20px center no-repeat; background-size: 13px;}
.board_wt_md_menu > ul > li input {border: 1px solid #e2e2e2; width: 100%; height: 55px; padding: 0 20px; font-size: 20px; color: #000000; font-weight: bold; }
.board_wt_md_menu > ul > li input::placeholder {font-size: 20px; color: #797979; font-weight: 300;}
.board_wt_md_menu > ul > li.mm_tp {margin-top: 10px;}
.board_wt_md_menu ul.bdd_radio_wrap {position: relative;}
.board_wt_md_menu ul.bdd_radio_wrap:after {content: ""; display: block; clear: both;}
.board_wt_md_menu ul.bdd_radio_wrap > li {position: relative; width: 50%; float: left; margin-left: -1px;}
.board_wt_md_menu ul.bdd_radio_wrap > li input[type="radio"] {position: absolute; top: 0; left: 0; opacity: 0;}
.board_wt_md_menu ul.bdd_radio_wrap > li input[type="radio"] + label {border: 1px solid #e2e2e2; width: 100%; display: flex; align-items: flex-start; color: #797979; font-weight: 300; padding: 15px 0; font-size: 18px; justify-content: center;}
.board_wt_md_menu ul.bdd_radio_wrap > li input[type="radio"]:checked + label {color: #ffffff; font-weight: bold; background: #464646; border: 1px solid #464646;}
.board_wt_md_menu ul.bdd_radio_wrap.bdd_radio_wrap2 > li {width: 20%;}
.board_wt_md_menu ul.bdd_radio_wrap.bdd_radio_wrap3 > li {width: 33.33%; margin-left: -1px;}
.board_wt_md_menu ul.bdd_radio_wrap.bdd_radio_wrap3 > li:nth-child(n+4) input[type="radio"] + label {border-bottom: 1px solid #e2e2e2;}
.board_wt_md_menu ul.bdd_radio_wrap.bdd_radio_wrap3 > li input[type="radio"] + label {border-bottom: 0;}


.board_wt_md_menu > ul > li textarea {border: 1px solid #e2e2e2; width: 100%; height: 130px !important; padding: 20px; font-size: 20px; color: #000000; font-weight: bold; resize: none; border-radius: 0; box-shadow: none;}
.board_wt_md_menu > ul > li textarea::placeholder {font-size: 20px; color: #797979; font-weight: 300;}
.board_wt_md_rt2 {margin-top: 40px;}
.board_wt_agree {margin-top: 20px; border: 1px solid #e2e2e2; height: 140px; overflow-y: scroll; width: 100%; padding: 0 20px 20px; font-size: 20px; color: #797979; font-weight: 300; line-height: 1.5;}
.board_wt_agree h5 {font-size: 20px; color: #797979; font-weight: 300; margin-bottom: 15px;}
.board_wt_agree_inner {margin-top: 15px;}
.board_wt_agree_chk {margin-top: 30px; display: flex; align-items: center;}
.board_wt_agree_chk input[type="checkbox"] {display: flex; align-items: center; justify-content: center; appearance: none; background: #fff; border: 1px solid #e2e2e2; width: 25px; height: 25px; border-radius: 50%;}
.board_wt_agree_chk input[type="checkbox"]:checked {background: #000 url("https://www.human.or.kr/images/sub/form_check.png") center no-repeat; background-size: 12px; border: 1px solid #000;}
.board_wt_agree_chk label {font-size: 20px;color: #797979; font-weight: 300; margin-left: 10px;} 
.board_write_bt {margin-top: 30px;}
.board_write_bt ul {display: flex; align-items: center; padding: 35px 40px; padding-right: 100px; background: #fafafa; border-top: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; justify-content: space-between; font-size: 20px; line-height: 1.4; color: #000000; font-weight: bold;}
.board_write_btn_wrap {display: flex; align-items: center; justify-content: center; margin-top: 50px; width: 100%;}
.board_write_btn_wrap .board_write_btn {display: flex; align-items: center; justify-content: center; font-size: 28px; color: #ffffff; font-weight: bold; height: 80px; border-radius: 40px; background-color: #1343be; padding: 0 87px; border: 0; outline: 0;}


/* 교육원 소개 */

.about_txt{margin-top:98px;}
.about_txt h3{font-size: 50px; line-height: 1.2; text-align: center; color: #000;}
/* .about_txt h3 br{display: none;} */
.about_txt2 {padding:114px 0 325px; text-align: center; background:url(https://www.human.or.kr/images/sub/sub_about_02bg.png)center bottom no-repeat;background-size:contain;}
.about_txt2::before{content:""; position:absolute; bottom:0; left:0; right:0; width:100%; }

.about_txt2 em{font-size: 16px;font-weight: 900; line-height: 1; color: var(--blue-blue);text-transform: uppercase}
.about_txt2 p{margin-top:40px; font-size: 40px;line-height: 1.4; color: #000;}
.about_txt2 .style-2{color: var(--blue-blue);}
.about_txt3{text-align: center; background: url(https://www.human.or.kr/images/sub/sub_about_03bg.jpg)center no-repeat;background-size:cover;padding:200px 0;position:relative;}
.about_txt3::before{content:""; position:absolute; top:0; left:50%; transform:translate(-50%,-50%);margin-left:-700px;width:140px; height:164px; background:url(https://www.human.or.kr/images/sub/sub_about_i01.png)center no-repeat; background-size:contain;}
.about_txt3::after{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,50%);margin-left:700px;width:120px; height:111px; background:url(https://www.human.or.kr/images/sub/sub_about_i02.png)center no-repeat; background-size:contain;}
.about_txt3 p{max-width:1400px; margin:0 auto;font-size: 35px; line-height: 1.4; color: #fff;font-weight:300;}
.about_txt3 p b{font-weight:900;}
.mo_br{display:none;}

.about_txt_4{max-width:1400px; margin:0 auto;padding:150px 0 114px;}
.about_txt_4 dl{display:flex; justify-content:space-between;}
.about_txt_4 dl dt{width:32%;font-size: 30px;font-weight: 300;line-height: 1.3;color: #000;position: relative;}
.about_txt_4 dl dt::before{content:""; position: absolute; top:-32px; left:0; width:55px; height:3px; background:#000;}

.about_txt_4 dl dt b{font-weight: 900;}
.about_txt_4 dl dd{width:67%;font-size: 20px;line-height: 1.6; color: #000;}

.sub_inner.sub_con {max-width: 1400px; width: 100%; margin: 0 auto;}

.complete{padding: 120px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: center;}
.complete strong{font-size: 35px;}
.complete p{font-size: 22px; margin-top: 20px; color: #989898;}
.complete a{display: flex; align-items: center; justify-content: center; font-size: 20px; color: #ffffff; font-weight: bold; background: #15b8ff; border-radius: 50px; height: 50px; padding: 0 45px; width: fit-content; margin: 40px auto 0;}
span.point{color: #15b8ff;}

.sub1{text-align: center;}


@media screen and (max-width:1400px){

    /* 공통 */

    .sub_visual { height: 51.43vw; }
    .sub_vis_txt span { font-size: 1.57vw; line-height: 2.29vw;  }
    .sub_vis_txt h2 { font-size: 5.00vw; line-height: 5.71vw; margin-top: 1.43vw;}
    .sub_menu {height: 6.79vw; max-width: 92.86vw; }
    .sub_menu > ul > li + li:before {height: 1.79vw;}
    .sub_menu > ul > li.home {width: 9.29vw; background-size: 1.36vw;}
    .sub_menu > ul > li.menu_btn {width: 27.07vw; background-size: 0.79vw !important;}
    .sub_menu > ul > li.menu_btn > a {height: 6.79vw; padding-left: 1.86vw; font-size: 1.43vw;}
    .sub_menu_txt li a { height: 5.00vw; line-height: 5.00vw;  font-size: 1.43vw; padding-left: 1.43vw; }
    
    .sub_inner.sub_con {max-width: 100%; padding: 0 5%;}
	.about_txt.sub_con {margin-bottom: 7.14vw;}

	/* 취업지원시스템 */

	.sys_txt_inner{max-width:100%; padding: 0 2%}

	.sys_txt1 {padding:8.14vw 0 11.79vw;}
	.sys_txt1::after{height:4.29vw; bottom:4.79vw;}
	.sys_txt1 em{font-size: 1.14vw;}
	.sys_txt1 h2{margin-top:2.86vw; font-size: 2.86vw;}
	.sys_txt1 .text{margin-top:1.43vw; font-size: 1.43vw;}

	.sys_txt2{margin-top:5.36vw;}
	.sys_txt2:after{width:0.71vw; height:53.57vw;}
	.sys_txt2 .sys_txt_inner:before{width:8.00vw; height:8.71vw; left:3.00vw; top:-11.71vw}
	.sys_txt2 .sys_txt_inner:after{width:6.57vw; height:5.93vw; right:4vw; top:60%}
	.sys_txt2 ul li{width:51.7%; margin-right: 1.5vw;}
	.sys_txt2 ul li:nth-child(odd) dt{margin-left:10.93vw}
	.sys_txt2 ul li:nth-child(even) dt{margin-right:10.93vw}
	.sys_txt2 ul li dt span{line-height:4.71vw; font-size:1.8vw; width:4.71vw; height:4.71vw; margin:2.07vw 0}
	.sys_txt2 ul li dt:before{width:9.07vw;}
	.sys_txt2 ul li dt:after{width:0.57vw; height:0.57vw}
	.sys_txt2 ul li:nth-child(odd) dt:before{left:-9.07vw}
	.sys_txt2 ul li:nth-child(even) dt:before{right:-9.07vw}
	.sys_txt2 ul li:nth-child(odd) dt:after{left:-9.07vw}
	.sys_txt2 ul li:nth-child(even) dt:after{right:-9.07vw}
	.sys_txt2 ul li dd strong{font-size:2.14vw; }
	.sys_txt2 ul li dd p{font-size:1.29vw; margin-top:0.71vw;}

    /* 모집과정 */

    #sub_content.sub_con {padding-bottom: 10.71vw;}
    .program_wrap {margin-top: 7.86vw;}
    .program_txt {padding: 0 5%;}
    .program_txt:before {bottom: -5.71vw; height: 10.29vw; }
    .program_txt:after {height: 4.29vw; margin: 2.86vw auto 0;}
    .program_txt em { font-size: 1.14vw;}
    .program_txt h2 {font-size: 2.86vw; margin-top: 2.14vw; word-break: keep-all;}
    .program_inner { margin: 2.86vw auto 0; max-width: 100%; padding: 0 5%;}
    .program_inner:before {left: 0; width: 10.00vw; height: 11.71vw;}
    .program_inner:after {  top: 42.86vw; right: 0; width: 8.57vw; height: 7.93vw;}
    .program_inner > ul {margin: -1.43vw 0;}
    .program_inner > ul > li {padding: 1.43vw 0;}
    .pd_inner {padding: 2.86vw; box-shadow: 0 0 0.71vw rgba(0,0,0,0.15); border-radius: 2.86vw;}
    .pd_inner .img_wrap {width: 33.57vw;}
    .pd_inner .txt_wrap {width: calc(100% - 33.57vw); padding-left: 3.57vw;}
    .pd_inner .txt_wrap .pd_txt_tp span {height: 2.86vw; border-radius: 1.43vw; font-size: 1.43vw; padding: 0 2.14vw;}
	.pd_inner .txt_wrap .pd_txt_tp span + span {margin-left: 0.71vw;}
    .pd_inner .txt_wrap h2 {font-size: 2.14vw; margin-top: 1.43vw;}
    .pd_inner .txt_wrap .txt_content {font-size: 1.43vw; margin: 1.43vw 0;}
    .pd_inner .txt_wrap dl + dl {margin-top: 0.36vw;}
    .pd_inner .txt_wrap dl dt {font-size: 1.57vw;}
    .pd_inner .txt_wrap dl dd {font-size: 1.57vw; margin-left: 0.71vw;}
    .pd_inner .txt_wrap .pd_txt_more { bottom: 3.57vw; right: 3.57vw;}
    .pd_inner .txt_wrap .pd_txt_more a.more {font-size: 1.43vw; border-radius: 3.57vw; height: 3.57vw; padding: 0 3.21vw;}

    /* 모집과정 상세 */

    .program_view_tp:before {top: 3.93vw; left: -2.86vw; width: 62.86vw; height: 33.00vw; }
    .program_view_inner {max-width: 100%; padding: 0 5%;}
    .program_view_tp_txt .img_wrap {width: 40.14vw;}
    .program_view_tp_txt .img_wrap img {width: 100%;}
    .program_view_tp_txt .txt_wrap {width: calc(100% - 40.14vw); margin-left: 2.5vw;}
    .program_view_tp_txt .view_tp span {font-size: 1.43vw; height: 2.86vw; border-radius: 1.43vw; padding: 0 2.14vw;}
	.program_view_tp_txt .view_tp span + span {margin-left: 0.71vw;}
    .program_view_tp_txt .view_title {font-size: 2.14vw; margin-top: 1.43vw; word-break: keep-all;} 
    .program_view_tp_txt .view_title br {display: none;}
    .program_view_tp_txt .text_content {font-size: 1.43vw; margin-top: 1.43vw;}
    .program_view_tp_txt .text_con_menu {margin-top: 2.50vw;}
    .program_view_tp_txt .text_con_menu ul { margin: -0.36vw -1.07vw;}
    .program_view_tp_txt .text_con_menu ul li {padding: 0.36vw 1.07vw;}
    .program_view_tp_txt .text_con_menu ul li dl dt {font-size: 1.57vw; width: 7.86vw;}
    .program_view_tp_txt .text_con_menu ul li dl dd {font-size: 1.57vw;}
    .text_btn_wrap { margin: 3.21vw -0.36vw 0;}
    .text_btn_wrap span {padding: 0 0.36vw;}
    .text_btn_wrap span a {height: 5.00vw; font-size: 1.57vw;}

    .program_view_menu {margin-top: 10.71vw;}
    .pro_view_inner {max-width: 100%; padding: 0 5%;}
    .program_fl_menu li + li:before {height: 1.79vw;}
    .program_fl_menu li a {height: 5.71vw; font-size: 1.79vw;}
    .pro_view_title { margin-top: 3.57vw; font-size: 1.79vw;}
    .pro_view_title:after {width: 0.71vw; height: 0.71vw; margin-left: 0.71vw;}
    .pro_view_content {font-size: 1.43vw; margin-top: 1.07vw;}
    .program_view_box {margin-bottom: 6.43vw;}
    .pro_view_table {margin-top: 1.43vw;}

    .pro_view_table table th {padding: 2.14vw 0.71vw; font-size: 1.57vw;}
    .pro_view_table table td {padding: 2.14vw 0.71vw; }
    .pro_view_table table td:last-child {padding-left: 3.57vw;}
    .pro_view_table table td.ar_title1 {font-size: 1.43vw;}
    .pro_view_table table td.ar_title2 {font-size: 1.43vw;}
    .pro_view_table table td ul li { font-size: 1.43vw; padding-left: 1.07vw;}
    .pro_view_table table td ul li:before {top: 0.71vw; width: 0.36vw; height: 0.36vw;}

    .pro_view_table .pro_view_table2 td.ar_title1 {font-size: 1.43vw;}
    .pro_view_table .pro_view_table2 td.ar_title2 {font-size: 1.43vw;}
    .pro_view_table .pro_view_table3 td.ar_title1 {font-size: 1.43vw;}
    .pro_view_table .pro_view_table3 td.ar_title2 {font-size: 1.43vw;}

    /* 국비무료온라인상담 */

    .program_txt.board_pd_txt {margin-bottom: 4.29vw;}
    .board_write_wrap { max-width: 100%; padding: 0 5%;}
    .board_write_tp {margin-top: 5.71vw; border-top: 0.14vw solid #000; padding: 2.86vw 0;}
    .board_write_tp strong {font-size: 1.79vw;}
    .board_write_tp ul {margin-left: 6.43vw;}
    .board_write_tp ul li { margin-right: 1.43vw;}
    .board_write_tp ul li label {font-size: 1.43vw; height: 3.93vw; border-radius: 1.93vw; padding: 0 2.71vw;} 
    .board_write_md {margin-top: 3.57vw;}
    .board_wt_md_title {font-size: 1.79vw;margin-bottom: 1.43vw;}
    .board_wt_md_lt ul li input[type="radio"] + label {padding: 2.14vw 2.86vw; font-size: 1.43vw;}

    .board_wt_md_rt {padding-left: 2.86vw;} 
    .board_wt_md_menu > ul { margin: -0.36vw;}
    .board_wt_md_menu > ul > li {padding: 0.36vw;}
    .board_wt_md_menu > ul > li select {height: 3.93vw; padding: 0 1.43vw; font-size: 1.43vw; background: url("https://www.human.or.kr/images/sub/sel_ic.png") right 1.43vw center no-repeat; background-size: 0.93vw;}
    .board_wt_md_menu > ul > li input {height: 3.93vw; padding: 0 1.43vw; font-size: 1.43vw;}
    .board_wt_md_menu > ul > li input::placeholder {font-size: 1.43vw;}
    .board_wt_md_menu > ul > li textarea {height: 9.29vw !important; padding: 1.43vw; font-size: 1.43vw;}
    .board_wt_md_menu > ul > li textarea::placeholder {font-size: 1.43vw;  }
    .board_wt_md_rt2 {margin-top: 2.86vw;}
    .board_wt_agree {margin-top: 1.43vw; height: 10.00vw; padding: 0 1.43vw 1.43vw; font-size: 1.43vw;}
    .board_wt_agree h5 {font-size: 1.43vw; margin-bottom: 1.07vw;}
    .board_wt_agree_inner {margin-top: 1.07vw;}
    .board_wt_agree_chk {margin-top: 2.14vw;}
    .board_wt_agree_chk input[type="checkbox"] {width: 1.79vw; height: 1.79vw;}
    .board_wt_agree_chk input[type="checkbox"]:checked {background-size: 0.86vw;}
    .board_wt_agree_chk label {font-size: 1.43vw;margin-left: 0.71vw;} 
    .board_write_bt {margin-top: 2.14vw;}
    .board_write_bt ul {padding: 2.50vw 2.86vw; padding-right: 7.14vw; font-size: 1.43vw;}
    .board_write_btn_wrap {margin-top: 3.57vw;}
    .board_write_btn_wrap .board_write_btn {font-size: 2.00vw; height: 5.71vw; border-radius: 2.86vw; padding: 0 6.21vw;}

	.board_wt_md_menu > ul > li.mm_tp {margin-top: 0.71vw;}
	.board_wt_md_menu ul.bdd_radio_wrap > li input[type="radio"] + label {padding: 1.07vw 0; font-size: 1.29vw;}
	.bdd_lt_ic {margin-top: 5.00vw;}
	.bdd_lt_ic img {width: 37.86vw;}

    /* 교육원 소개 */

    .about_txt_inner{padding:0 5%}
    .about_txt{margin-top:7.00vw;}
    .about_txt h3{font-size: 3.57vw; line-height: 1; text-align: center; color: #000;}
    .about_txt2 {padding:8.14vw 0 23.21vw; text-align: center; background:url(https://www.human.or.kr/images/sub/sub_about_02bg.png)center bottom no-repeat;background-size:contain;}
    .about_txt2::before{content:""; position:absolute; bottom:0; left:0; right:0; width:100%; }

    .about_txt2 em{font-size: 1.14vw;font-weight: 900; line-height: 1; color: var(--blue-blue);text-transform: uppercase}
    .about_txt2 p{margin-top:2.86vw; font-size: 2.6vw;line-height: 1.4; color: #000;}
    .about_txt2 .style-2{color: var(--blue-blue);}
    .about_txt3{text-align: center;padding:14.29vw 0;position:relative;}
    .about_txt3::before{content:""; position:absolute; top:0; left:50%; transform:translate(-50%,-50%);margin-left:-40.00vw;width:10.00vw; height:11.71vw; background:url(https://www.human.or.kr/images/sub/sub_about_i01.png)center no-repeat; background-size:contain;}
    .about_txt3::after{content:""; position:absolute; bottom:0; left:50%; transform:translate(-50%,50%);margin-left:40.00vw;width:8.57vw; height:7.93vw; background:url(https://www.human.or.kr/images/sub/sub_about_i02.png)center no-repeat; background-size:contain;}
    .about_txt3 p{max-width:100.00vw; margin:0 auto;font-size: 2.20vw; line-height: 1.4; color: #fff;font-weight:300;}
    .about_txt3 p b{font-weight:900;}

    .about_txt_4{max-width:100.00vw; margin:0 auto;padding:10.71vw 0 8.14vw;}
    .about_txt_4 dl{display:flex; justify-content:space-between;}
    .about_txt_4 dl dt{width:32%;font-size: 2.14vw;font-weight: 300;line-height: 1.3;color: #000;position: relative;}
    .about_txt_4 dl dt::before{content:""; position: absolute; top:-2.29vw; left:0; width:3.93vw; height:0.21vw; background:#000;}

    .about_txt_4 dl dt b{font-weight: 900;}
    .about_txt_4 dl dd{width:67%;font-size: 1.43vw;line-height: 1.6; color: #000;}

	.complete{padding: 8.57vw 0;}
	.complete strong{font-size: 2.50vw;}
	.complete p{font-size: 1.57vw; margin-top: 1.43vw;}
	.complete a{font-size: 1.43vw; height: 3.57vw; padding: 0 3.21vw; margin: 2.86vw auto 0;}
}

@media screen and (max-width:1024px){

    /* 공통 */

    .sub_visual { height: 70.31vw; }
    .sub_vis_txt {width: 100%;}
    .sub_vis_txt span { font-size: 2.15vw; line-height: 3.13vw;  }
    .sub_vis_txt h2 { font-size: 6.84vw; line-height: 7.81vw; margin-top: 1.95vw;}
    .sub_menu {height: 9.28vw; max-width: 92.19vw; }
    .sub_menu > ul > li + li:before {height: 2.44vw;}
    .sub_menu > ul > li.home {width: 12.70vw; background-size: 1.86vw;}
    .sub_menu > ul > li.menu_btn {width: 36.81vw; background-size: 1.07vw !important;}
    .sub_menu > ul > li.menu_btn > a {height: 9.28vw; padding-left: 2.91vw;  font-size: 1.95vw;}
    .sub_menu_txt li a { height: 6.84vw; line-height: 6.84vw;  font-size: 1.95vw; padding-left: 1.95vw; }
	.about_txt.sub_con {margin-bottom: 9.77vw;}

	/* 취업지원시스템 */

	.sys_txt1 {padding:8.11vw 0 11.82vw;}
	.sys_txt1::after{height:4.30vw; bottom:4.79vw;}
	.sys_txt1 em{font-size: 1.17vw;}
	.sys_txt1 h2{margin-top:2.83vw; font-size: 2.83vw;}
	.sys_txt1 .text{margin-top:1.46vw; font-size: 1.8vw;}

	.sys_txt2{margin-top:5.37vw;}
	.sys_txt2:after{height:61.61vw;}
	.sys_txt2 .sys_txt_inner:before{width:8.01vw; height:8.69vw; left:3.03vw; top:-11.72vw}
	.sys_txt2 .sys_txt_inner:after{width:6.54vw; height:5.96vw; right:4.00vw; top:60%}
	.sys_txt2 ul li{width:51.7%; margin-right: 1.46vw;}
	.sys_txt2 ul li:nth-child(odd) dt{margin-left:5.94vw}
	.sys_txt2 ul li:nth-child(even) dt{margin-right:5.94vw}
	.sys_txt2 ul li dt span{line-height:4.69vw; font-size:1.9vw; width:4.69vw; height:4.69vw; margin:2.9vw 0}
	.sys_txt2 ul li dt:before{width:4.08vw;}
	.sys_txt2 ul li dt:after{width:0.59vw; height:0.59vw}
	.sys_txt2 ul li:nth-child(odd) dt:before{left:-4.08vw}
	.sys_txt2 ul li:nth-child(even) dt:before{right:-4.08vw}
	.sys_txt2 ul li:nth-child(odd) dt:after{left:-4.08vw}
	.sys_txt2 ul li:nth-child(even) dt:after{right:-4.08vw}
	.sys_txt2 ul li dd strong{font-size:2.15vw; }
	.sys_txt2 ul li dd p{font-size:1.7vw; margin-top:0.68vw; word-break:keep-all}
	.sys_txt2 ul li dd p br{display:none}

    /* 모집과정 */

    #sub_content.sub_con {padding-bottom: 14.65vw;}
    .program_wrap {margin-top: 10.74vw;}
    .program_txt:before {bottom: -7.81vw; height: 14.06vw; }
    .program_txt:after {height: 5.86vw; margin: 3.91vw auto 0;}
    .program_txt em { font-size: 1.56vw;}
    .program_txt h2 {font-size: 3.91vw; margin-top: 2.93vw;}
    .program_inner { margin: 3.91vw auto 0; max-width: 100%; padding: 0 5%;}
    .program_inner:before {left: 0; width: 13.67vw; height: 16.02vw;}
    .program_inner:after {  top: 58.59vw; right: 0; width: 11.72vw; height: 10.84vw;}
    .program_inner > ul {margin: -1.95vw 0;}
    .program_inner > ul > li {padding: 1.95vw 0;}
    .pd_inner {flex-wrap: wrap; padding: 3.91vw; box-shadow: 0 0 0.98vw rgba(0,0,0,0.15); border-radius: 3.91vw; justify-content: center;}
    .pd_inner .img_wrap {width: 45.90vw;}
    .pd_inner .txt_wrap {width: 100%; padding-left: 0; margin-top: 4.88vw; text-align: left;}
    .pd_inner .txt_wrap .pd_txt_tp span {height: 4.88vw; border-radius: 1.95vw; font-size: 2.44vw; padding: 0 2.93vw;}
    .pd_inner .txt_wrap .pd_txt_tp span + span {margin-left: 0.98vw;}
    .pd_inner .txt_wrap h2 {font-size: 2.93vw; margin-top: 1.95vw;}
    .pd_inner .txt_wrap .txt_content {font-size: 2.44vw; margin: 1.95vw 0;}
    .pd_inner .txt_wrap dl + dl {margin-top: 0.49vw;}
    .pd_inner .txt_wrap dl dt {font-size: 2.44vw;}
    .pd_inner .txt_wrap dl dd {font-size: 2.44vw; margin-left: 0.98vw;}
    .pd_inner .txt_wrap .pd_txt_more { bottom: 3.91vw; right: 4.88vw;}
    .pd_inner .txt_wrap .pd_txt_more a.more {font-size: 2.44vw; border-radius: 4.88vw; height: 6.84vw; padding: 0 4.39vw;}

    /* 모집과정 상세 */

    .program_view_tp:before {top: 5.37vw; left: -3.91vw; width: 85.94vw; height: 45.12vw; }
    .program_view_tp_txt {flex-wrap: wrap;}
    .program_view_tp_txt .img_wrap {width: 100%;}
    .program_view_tp_txt .img_wrap img {width: 100%;}
    .program_view_tp_txt .txt_wrap {width: 100%; margin-left: 0; margin-top: 3.91vw;}
    .program_view_tp_txt .view_tp span {font-size: 1.95vw; height: 3.91vw; border-radius: 1.95vw; padding: 0 2.93vw;}
	.program_view_tp_txt .view_tp span + span {margin-left: 0.98vw;}
    .program_view_tp_txt .view_title {font-size: 3.13vw; margin-top: 1.95vw;} 
    .program_view_tp_txt .text_content {font-size: 2.25vw; margin-top: 1.95vw;}
    .program_view_tp_txt .text_con_menu {margin-top: 3.42vw;}
    .program_view_tp_txt .text_con_menu ul { margin: -0.49vw -1.46vw;}
    .program_view_tp_txt .text_con_menu ul li {padding: 0.49vw 1.46vw;}
    .program_view_tp_txt .text_con_menu ul li dl dt {font-size: 2.25vw; width: 10.74vw;}
    .program_view_tp_txt .text_con_menu ul li dl dd {font-size: 2.25vw;}
    .text_btn_wrap { margin: 4.39vw -0.49vw 0;}
    .text_btn_wrap span {padding: 0 0.49vw;}
    .text_btn_wrap span a {height: 6.84vw; font-size: 2.25vw;}

    .program_view_menu {margin-top: 14.65vw;}
    .program_fl_menu li + li:before {height: 2.44vw;}
    .program_fl_menu li a {height: 7.81vw; font-size: 2.44vw;}
    .pro_view_title { margin-top: 4.88vw; font-size: 2.64vw;}
    .pro_view_title:after {width: 0.98vw; height: 0.98vw; margin-left: 0.98vw;}
    .pro_view_content {font-size: 1.95vw; margin-top: 1.46vw;}
    .program_view_box {margin-bottom: 8.79vw;}
    .pro_view_table {margin-top: 1.95vw;}

    .pro_view_table table th {padding: 2.93vw 0.98vw; font-size: 2.44vw;}
    .pro_view_table table td {padding: 2.93vw 0.98vw; }
    .pro_view_table table td:last-child {padding-left: 4.88vw;}
    .pro_view_table table td.ar_title1 {font-size: 2.44vw;}
    .pro_view_table table td.ar_title2 {font-size: 2.44vw;}
    .pro_view_table table td ul li { font-size: 2.44vw; padding-left: 1.46vw;}
    .pro_view_table table td ul li:before {top: 0.98vw; width: 0.49vw; height: 0.49vw;}

    .pro_view_table .pro_view_table2 td.ar_title1 {font-size: 2.44vw;}
    .pro_view_table .pro_view_table2 td.ar_title2 {font-size: 2.44vw;}
    .pro_view_table .pro_view_table3 td.ar_title1 {font-size: 2.44vw;}
    .pro_view_table .pro_view_table3 td.ar_title2 {font-size: 2.44vw;}

    /* 국비무료온라인상담 */

    .program_txt.board_pd_txt {margin-bottom: 5.86vw;}
    .board_write_wrap { max-width: 100%; padding: 0 5%;}
    .board_write_tp {margin-top: 7.81vw; border-top: 0.20vw solid #000; padding: 3.91vw 0;}
    .board_write_tp strong {font-size: 2.15vw;}
    .board_write_tp ul {margin-left: 5.86vw;}
    .board_write_tp ul li { margin-right: 1.95vw;}
    .board_write_tp ul li label {font-size:2.15vw; height: 6.84vw; border-radius: 4.88vw; padding: 0 3.71vw;} 
    .board_write_md {margin-top: 4.88vw; flex-wrap: wrap;}
    .board_wt_md_title {font-size: 2.44vw;margin-bottom: 1.95vw;}
    .board_wt_md_lt {width: 100%;}
    .board_wt_md_lt ul li input[type="radio"] + label {padding: 2.93vw; font-size: 2.44vw; line-height: 1.4;}

    .board_wt_md_rt {padding-left: 0; margin-top: 3.91vw; width: 100%;} 
    .board_wt_md_menu > ul { margin: -0.49vw;}
    .board_wt_md_menu > ul > li {padding: 0.49vw;}
    .board_wt_md_menu > ul > li select {height: 6.84vw; padding: 0 1.95vw; font-size: 2.44vw; background: url("https://www.human.or.kr/images/sub/sel_ic.png") right 1.95vw center no-repeat; background-size: 1.27vw;}
    .board_wt_md_menu > ul > li input {height: 6.84vw; padding: 0 1.95vw; font-size: 2.44vw;}
    .board_wt_md_menu > ul > li input::placeholder {font-size: 2.44vw;}
    .board_wt_md_menu > ul > li textarea {height: 12.70vw !important; padding: 1.95vw; font-size: 2.44vw;}
    .board_wt_md_menu > ul > li textarea::placeholder {font-size: 2.44vw;}
    .board_wt_md_rt2 {margin-top: 3.91vw;}
    .board_wt_agree {margin-top: 1.95vw; height: 13.67vw; padding: 0 1.95vw 1.95vw; font-size: 2.44vw;}
    .board_wt_agree h5 {font-size: 1.95vw; margin-bottom: 1.46vw;}
    .board_wt_agree_inner {margin-top: 1.46vw;}
    .board_wt_agree_chk {margin-top: 2.93vw;}
    .board_wt_agree_chk input[type="checkbox"] {width: 2.44vw; height: 2.44vw;}
    .board_wt_agree_chk input[type="checkbox"]:checked {background-size: 1.17vw;}
    .board_wt_agree_chk label {font-size: 1.95vw;margin-left: 0.98vw;} 
    .board_write_bt {margin-top: 2.93vw;}
    .board_write_bt ul {padding: 3.42vw 3.91vw; padding-right: 3.91vw; font-size: 2.44vw; word-break: keep-all;}
    .board_write_btn_wrap {margin-top: 4.88vw;}
    .board_write_btn_wrap .board_write_btn {font-size: 2.73vw; height: 7.81vw; border-radius: 3.91vw; padding: 0 8.50vw;}

	.board_wt_md_menu > ul > li.mm_tp {margin-top: 0.98vw;}
	.board_wt_md_menu ul.bdd_radio_wrap > li input[type="radio"] + label {padding: 1.46vw 0; font-size: 2.44vw;}
	.bdd_lt_ic {margin-top: 6.84vw; display: none;}
	.bdd_lt_ic img {width: 51.76vw;}

	.complete{padding: 11.72vw 0;}
	.complete strong{font-size: 3.42vw;}
	.complete p{font-size: 2.15vw; margin-top: 1.95vw;}
	.complete a{font-size: 1.95vw; height: 4.88vw; padding: 0 4.39vw; margin: 3.91vw auto 0;}


}

@media screen and (max-width:960px){

    /* 교육원 소개 */

    .about_txt{margin-top:9.00vw;}
    .about_txt h3{font-size: 5.21vw;}
    .about_txt2 {padding:11.88vw 0 22vw;}

    .about_txt2 em{font-size: 2vw; }
    .about_txt2 p{margin-top:4.17vw; font-size: 4.17vw;line-height: 1.4; }
    .about_txt3{padding:20.83vw 0;}
    .about_txt3::before{top:0; left:50%; transform:translate(-50%,-50%);width:14.58vw; height:17.08vw;}
    .about_txt3::after{bottom:0; left:50%; transform:translate(-50%,50%);width:12.50vw; height:11.56vw;}
    .about_txt3 p{max-width:145.83vw; margin:0 auto;font-size: 3.65vw; line-height: 1.4; word-break: keep-all; }
    .about_txt3 p br{display:none;}
    .about_txt3 p br.mo_br{display:block;}
    .about_txt_4{max-width:145.83vw; margin:0 auto;padding:15.63vw 0 11.88vw;}
    .about_txt_4 dl{flex-direction: column;}
    .about_txt_4 dl dt{width:auto;font-size: 3.13vw;line-height: 1.4;}
    .about_txt_4 dl dt::before{  top:-3.33vw; left:0; width:5.73vw; height:0.31vw;}
    .about_txt_4 dl dd{width:auto;margin-top:4vw;font-size: 2.08vw;line-height: 1.6; }


}

@media screen and (max-width:768px){

    /* 공통 */

    .sub_visual { height: 93.75vw; }
    .sub_vis_txt h2 { font-size: 9.11vw; line-height: 10.42vw;   margin-top: 2.60vw;}
    .sub_vis_txt span { font-size: 3.13vw; line-height: 4.17vw;}
    .sub_menu {height: 14.37vw; max-width: 100%;}
    .sub_menu > ul > li + li:before {height: 3.26vw;}
    .sub_menu > ul > li.home {width: 11%; background-size: 3vw;}
    .sub_menu > ul > li.menu_btn {width: 38%; background-size: 1.43vw !important;}
	.sub_menu > ul > li.menu_btn + .menu_btn{width: 51%;}
    .sub_menu > ul > li.menu_btn > a {height: 14.37vw; padding-left: 4.21vw;  font-size: 3.26vw;}
	.sub_menu > ul > li.menu_btn > a br{display: block;}
    .sub_menu_txt li a { height: 9.11vw; line-height: 9.11vw;  font-size: 3.13vw; padding-left: 2.60vw; }
    #sub_content {padding-top: 11.72vw; margin-bottom: 20.83vw;}
    .sub_title {  font-size: 5.21vw; line-height: 6.51vw; }
    .sub_title.ssub_title span {padding-top: 7.81vw;}
    .sub_title.ssub_title span:before {right: -19.53vw; width: 16.93vw; height: 4.43vw; }
	.about_txt.sub_con {margin-bottom: 13.02vw;}

	/* 취업지원시스템 */

	.sys_txt_inner{max-width: 100%;}
	.sys_txt1 {padding:16.29vw 0 11.72vw;}
	.sys_txt1::after{height:4.30vw; bottom:4.82vw;}
	.sys_txt1 em{font-size: 2.71vw;}
	.sys_txt1 h2{margin-top:2.86vw; font-size: 6.86vw;}
	.sys_txt1 .text{margin-top:1.43vw; font-size: 3.60vw; word-break:keep-all}
	.mob_br{display:block}
	.pc_br{display:none}

	.sys_txt2{margin-top:5.47vw;}
	.sys_txt2:after{height:170.59vw; width: 1.4vw; left:7vw; transform: translate(0, -50%);}
	.sys_txt2 .sys_txt_inner:before{width:8.07vw; height:8.72vw; left:2.99vw; top:-11.72vw}
	.sys_txt2 .sys_txt_inner:after{width:6.51vw; height:5.99vw; right:4.04vw; top:60%}
	.sys_txt2 ul li{width:100%; margin: 0 0 7vw 0;}
	.sys_txt2 ul li:nth-child(odd) dl{flex-direction: row; text-align:left}
	.sys_txt2 ul li:nth-child(odd) dt{margin-left:0}
	.sys_txt2 ul li dt{margin-right:5.99vw}
	.sys_txt2 ul li dt span{line-height:10.69vw; font-size:3.95vw; width:10.69vw; height:10.69vw; margin:2.86vw 0}
	.sys_txt2 ul li dt:before{width:4.04vw; right:-4.04vw}
	.sys_txt2 ul li dt:after{width:1.2vw; height:1.2vw; right:-4.04vw}
	.sys_txt2 ul li:nth-child(odd) dt:before{left: inherit;}
	.sys_txt2 ul li:nth-child(odd) dt:after{left: inherit;}
	.sys_txt2 ul li dd strong{font-size:5.21vw; }
	.sys_txt2 ul li dd p{font-size:3.4vw; margin-top:1.5vw;}

    /* 모집과정 */

    #sub_content.sub_con {padding-bottom: 0;}
    .program_wrap {margin-top: 14.32vw;}
    .program_txt {padding: 0 3%;}
    .program_txt:before {bottom: -10.42vw; height: 18.75vw; }
    .program_txt:after {height: 7.81vw; margin: 5.21vw auto 0;}
    .program_txt em { font-size: 3.13vw;}
    .program_txt h2 {font-size: 5.21vw; margin-top: 3.91vw; word-break: keep-all;}
    .program_txt h2 br {display: none;}
    .program_inner { margin: 5.21vw auto 0; max-width: 100%; padding: 0 3%;}
    .program_inner:before {left: 0; width: 18.23vw; height: 21.35vw;}
    .program_inner:after {  top: 78.13vw; right: 0; width: 15.63vw; height: 14.45vw;}
    .program_inner > ul {margin: -2.60vw 0;}
    .program_inner > ul > li {padding: 2.60vw 0;}
    .pd_inner {flex-wrap: wrap; padding: 5.21vw 2.60vw; box-shadow: 0 0 1.30vw rgba(0,0,0,0.15); border-radius: 5.21vw; }
    .pd_inner .img_wrap {width: 61.20vw;}
    .pd_inner .txt_wrap {width: 100%; padding-left: 0; margin-top: 6.51vw; }
    .pd_inner .txt_wrap .pd_txt_tp span {height: 6.51vw; border-radius: 2.60vw; font-size: 3.26vw; padding: 0 3.91vw;}
    .pd_inner .txt_wrap .pd_txt_tp span + span {margin-left: 1.30vw;}
    .pd_inner .txt_wrap h2 {font-size: 3.91vw; margin-top: 2.60vw; word-break: keep-all;}
    .pd_inner .txt_wrap h2 br {display: none;}
    .pd_inner .txt_wrap h2 br.mob_br {display: block;}
    .pd_inner .txt_wrap .txt_content {font-size: 3.26vw; margin: 2.60vw 0 3.91vw; word-break: keep-all;}
    .pd_inner .txt_wrap dl + dl {margin-top: 0.65vw;}
    .pd_inner .txt_wrap dl dt {font-size: 3.26vw;}
    .pd_inner .txt_wrap dl dd {font-size: 3.26vw; margin-left: 1.30vw;}
    .pd_inner .txt_wrap .pd_txt_more { bottom: 5.21vw; right: 2.60vw;}
    .pd_inner .txt_wrap .pd_txt_more a.more {font-size: 3.26vw; border-radius: 6.51vw; height: 9.11vw; padding: 0 5.86vw;}

    /* 모집과정 상세 */

    .program_view_tp:before {top: 7.16vw; left: 0; width: 100%; height: 60.16vw; }
    .program_view_tp_txt {flex-wrap: wrap;}
    .program_view_tp_txt .img_wrap {width: 100%;}
    .program_view_tp_txt .img_wrap img {width: 100%;}
    .program_view_tp_txt .txt_wrap {width: 100%; margin-left: 0; margin-top: 9.11vw;}
    .program_view_tp_txt .view_tp span {font-size: 3.13vw; height: 6.51vw; border-radius: 2.60vw; padding: 0 3.91vw;}
	.program_view_tp_txt .view_tp span + span {margin-left: 1.30vw;}
    .program_view_tp_txt .view_title {font-size: 4.17vw; margin-top: 2.60vw;} 
    .program_view_tp_txt .text_content {font-size: 3.26vw; margin-top: 2.60vw; word-break: keep-all;}
    .program_view_tp_txt .text_con_menu {margin-top: 4.56vw;}
    .program_view_tp_txt .text_con_menu ul { margin: -0.65vw -1.30vw;}
    .program_view_tp_txt .text_con_menu ul li {padding: 0.65vw 1.30vw;}
	.program_view_tp_txt .text_con_menu ul li dl {align-items: flex-start;}
    .program_view_tp_txt .text_con_menu ul li dl dt {font-size: 3.26vw; width: 14.32vw;}
    .program_view_tp_txt .text_con_menu ul li dl dd {font-size: 3.26vw; word-break: keep-all}
    .text_btn_wrap { margin: 5.86vw -0.65vw 0;}
    .text_btn_wrap span {padding: 0 0.65vw;}
    .text_btn_wrap span a {height: 9.11vw; font-size: 3.26vw;}

    .program_view_menu {margin-top: 19.53vw;}
    .program_fl_menu li + li:before {height: 3.26vw;}
    .program_fl_menu li a {height: 10.42vw; font-size: 3.26vw;}
    .pro_view_title { margin-top: 6.51vw; font-size: 3.52vw;}
    .pro_view_title:after {width: 1.30vw; height: 1.30vw; margin-left: 1.30vw;}
    .pro_view_content {font-size: 3.26vw; margin-top: 1.95vw; word-break: keep-all}
    .pro_view_content br {display: none;}
    .program_view_box {margin-bottom: 11.72vw;}
    .pro_view_table {margin-top: 2.60vw;}

    .pro_view_table table th {padding: 3.91vw 1.95vw; font-size: 3.26vw;}
    .pro_view_table table td {padding: 3.91vw 1.95vw; word-break: keep-all;}
    .pro_view_table table td:last-child {padding-left: 1.95vw;}
    .pro_view_table table td.ar_title1 {font-size: 3.26vw;}
    .pro_view_table table td.ar_title2 {font-size: 3.26vw;}
    .pro_view_table table td ul li { font-size: 3.26vw; padding-left: 1.95vw;}
    .pro_view_table table td ul li:before {top: 1.95vw; width: 0.65vw; height: 0.65vw;}

    .pro_view_table .pro_view_table2 td.ar_title1 {font-size: 3.26vw;}
    .pro_view_table .pro_view_table2 td.ar_title2 {font-size: 3.26vw;}
    .pro_view_table .pro_view_table3 td.ar_title1 {font-size: 3.26vw;}
    .pro_view_table .pro_view_table3 td.ar_title2 {font-size: 3.26vw;}

    /* 국비무료온라인상담 */

    .program_txt.board_pd_txt {margin-bottom: 7.81vw;}
    .board_write_wrap { max-width: 100%; padding: 0 5%;}
    .board_write_tp {margin-top: 10.42vw; border-top: 0.26vw solid #000; padding: 5.21vw 0; flex-wrap: wrap;}
    .board_write_tp strong {font-size: 3.26vw; width: 100%;}
    .board_write_tp ul {margin-left: 0; margin-top: 3.91vw;}
    .board_write_tp ul li { margin-right: 2.60vw;}
    .board_write_tp ul li label {font-size: 3.26vw; height: 9.11vw; border-radius: 6.51vw; padding: 0 3.26vw; } 
    .board_write_md {margin-top: 6.51vw; flex-wrap: wrap;}
    .board_wt_md_title {font-size: 3.26vw;margin-bottom: 2.60vw;}
    .board_wt_md_lt {width: 100%;}
    .board_wt_md_lt ul li input[type="radio"] + label {padding: 3.91vw; font-size: 3.26vw; line-height: 1.4; word-break: keep-all;}
    .board_wt_md_lt ul li input[type="radio"] + label br {display: none;}

    .board_wt_md_rt {padding-left: 0; margin-top: 5.21vw; width: 100%;} 
    .board_wt_md_menu > ul { margin: -0.65vw 0;}
    .board_wt_md_menu > ul > li {padding: 0.65vw 0;}
    .board_wt_md_menu > ul > li.half {width: 100%;}
    .board_wt_md_menu > ul > li select {height: 9.11vw; padding: 0 2.60vw; font-size: 3.26vw; background: url("https://www.human.or.kr/images/sub/sel_ic.png") right 2.60vw center no-repeat; background-size: 1.69vw;}
    .board_wt_md_menu > ul > li input {height: 9.11vw; padding: 0 2.60vw; font-size: 3.26vw;}
    .board_wt_md_menu > ul > li input::placeholder {font-size: 3.26vw;}
    .board_wt_md_menu > ul > li textarea {height: 26.04vw !important; padding: 2.60vw; font-size: 3.26vw;}
    .board_wt_md_menu > ul > li textarea::placeholder {font-size: 3.26vw;}
    .board_wt_md_rt2 {margin-top: 5.21vw;}
    .board_wt_agree {margin-top: 2.60vw; height: 26.04vw; padding: 0 2.60vw 2.60vw; font-size: 3.26vw;}
    .board_wt_agree h5 {font-size: 2.60vw; margin-bottom: 1.95vw;}
    .board_wt_agree_inner {margin-top: 1.95vw;}
    .board_wt_agree_chk {margin-top: 3.91vw;}
    .board_wt_agree_chk input[type="checkbox"] {width: 3.26vw; height: 3.26vw;}
    .board_wt_agree_chk input[type="checkbox"]:checked {background-size: 1.56vw;}
    .board_wt_agree_chk label {font-size: 3.26vw; margin-left: 1.30vw;} 
    .board_write_bt {margin-top: 3.91vw;}
    .board_write_bt ul {padding: 4.56vw 5.21vw; padding-right: 5.21vw; font-size: 3.26vw; word-break: keep-all; flex-wrap: wrap;}
    .board_write_bt ul li {width: 100%; }
    .board_write_bt ul li + li {margin-top: 2.60vw;}
    .board_write_btn_wrap {margin-top: 6.51vw;}
    .board_write_btn_wrap .board_write_btn {font-size: 3.65vw; height: 10.42vw; border-radius: 5.21vw; padding: 0 11.33vw;}

	.board_wt_md_menu > ul > li.mm_tp {margin-top: 1.30vw;}
	.board_wt_md_menu ul.bdd_radio_wrap > li input[type="radio"] + label {padding: 1.95vw 0; font-size: 3.26vw;}



    /* 교육원 소개 */

    .about_txt_inner{padding:0 3%}
    .about_txt{margin-top:12.29vw;}
    .about_txt h3{font-size: 7.81vw; word-break:keep-all; line-height: 1.2;}
    .about_txt h3 br{display: block;}
    .about_txt2 {padding:16.29vw 0 30.14vw;}
    .about_txt2 em{font-size: 2.71vw; }
    .about_txt2 p{margin-top:5.71vw; font-size: 6.86vw;line-height: 1.4; word-break: keep-all;}
    .about_txt3{padding:28.57vw 0;}
    .about_txt3::before{top:0; left:55%; transform:translate(-50%,-50%);width:20.00vw; height:23.43vw;}
    .about_txt3::after{bottom:0; left:45%; transform:translate(-50%,50%);width:17.14vw; height:15.86vw;}
    .about_txt3 p{max-width:200.00vw; margin:0 auto;font-size: 5.43vw; line-height: 1.4; word-break: keep-all; }
    .about_txt3 p br{display:none;}
    .about_txt3 p br.mo_br{display:block;}
    .about_txt_4{max-width:200.00vw; margin:0 auto;padding:21.43vw 0 16.29vw;}
    .about_txt_4 dl{flex-direction: column;}
    .about_txt_4 dl dt{width:auto;font-size: 5.43vw;line-height: 1.4;}
    .about_txt_4 dl dt::before{  top:-4.57vw; left:0; width:7.86vw; height:0.43vw;}
    .about_txt_4 dl dd{width:auto;margin-top:5.43vw;font-size: 4.14vw;line-height: 1.6; }

	.complete{padding: 15.63vw 0;}
	.complete strong{font-size: 6.51vw;}
	.complete p{font-size: 3.39vw; margin-top: 2.60vw;}
	.complete a{font-size: 3.26vw; height: 9.11vw; padding: 0 5.86vw; margin: 7.81vw auto 0;}
}