@charset "utf-8";

body{font-family:'Pretendard';}
.sub #_wrap #_wrapFooter:not(.page_16843 #_wrapFooter, .page_16844 #_wrapFooter, .page_16845 #_wrapFooter, .page_16846 #_wrapFooter, .page_16836 #_wrapFooter, .page_16847 #_wrapFooter){margin-top:100px;}



.cl_white{color:#fff !important;}
.cl_green{color:#11b713;}

.edu_wrap .tab-content p a:link, 
.edu_wrap .tab-content p a:active, 
.edu_wrap .tab-content p a:visited{color:#fff;}

/* 게시판 */
._articleBasic11,
.bbs_edu{max-width:1200px; margin:auto;}
.bbs_edu ul:not(._paging ul){display:flex; justify-content: start; flex-wrap:wrap; gap:20px 1.7%;}
.bbs_edu li:not(._paging li){border:1px solid #ddd; border-radius:20px; overflow:hidden; margin:0; width:31.5% !important;}
.bbs_edu li:nth-child(3n+3){margin-right:0 !important;}
.bbs_edu li h3{font-size:25px; width:100%; box-sizing:border-box; height:auto; line-height:1.5; margin:0;}

/*.bbs_edu li img{height:100%; }*/
.bbs_edu .new,
.artclAtchImg{display:none;}
._JW_Bbs_cardImg2 .bbslist02 li div.pic{height:380px !important; padding:0;}
._JW_Bbs_cardImg2 .bbslist02 li div.pic img{height:100%;}

/* 게시판 뷰 */
.edu_view .bbsview{border-top:2px solid #000;}
.edu_view .bbsview .info{background-color:#f5f5f5; border-top:1px solid #ddd; padding:5px 30px; margin-top:30px; text-align:left;}
.edu_view .bbsview .info span{font-size:15px; color:#222;}
.edu_view .bbsview .info span:before{display:none;}
.edu_view .bbsview .file{border-bottom:1px solid #ddd; border-top:1px solid #ddd; background-color:#fff; padding:0; margin:0 15px;}
.edu_view .bbsview .file > div{background-color: #f5f5f5; font-size:16px; padding:0 24px;}
.edu_view .bbsview .file > ul{flex:1;}
.edu_view .bbsview .file li{background:none; padding:5px 20px; font-size:14px;}
.edu_view .bbsview .file li + li{border-top:1px solid #ddd;}
.edu_view .btns{margin-top:30px; }
._fnctWrap .btns .btnC1,
._fnctWrap .btns .btnC6{width:15%; background-color: #c0c0c0; color:#fff; font-size:20px; border-radius:0;}
.edu_view .bbsview .file li span{display:none;}
.edu_view .bbsview .view .artclAtchImg{display:none;}
.edu_view .bbsview .view li{list-style: initial !important;}
.edu_view .bbsview .view h1{margin-block-start: 0.67em; margin-block-end: 0.67em; margin-inline-start: 0px; margin-inline-end: 0px;}
.edu_view .bbsview .view h2{font-size:1.5em; text-align:left;}

/* 게시판 페이징 */
._paging ._inner,
._paging ._inner ul{height:auto;}
._paging ._inner ul li{display:block;}
._paging ._inner ul li strong{background-color:#006cd9; width:40px; height:40px; line-height:40px; border-radius:8px;}
._paging ._inner ul li a{color:#222; background-color:#f2f3f5; width:40px; height:40px; line-height:40px; border-radius:8px;}
._paging ._inner a._first,
._paging ._inner a._prev,
._paging ._inner a._next,
._paging ._inner a._last{width:40px; height:40px; line-height:40px; border-radius:8px; background: #f2f3f5 url(../images/sub/bbs_prev.png) no-repeat center center;}
._paging ._inner a._last{background: #f2f3f5 url(../images/sub/bbs_next.png) no-repeat center center;}
._paging ._inner a._prev{background: #f2f3f5 url(../images/sub/bbs_left.png) no-repeat center center;}
._paging ._inner a._next{background: #f2f3f5 url(../images/sub/bbs_right.png) no-repeat center center;}
/* insight / hrd issue */
/*.issue_list li[class*="issue_list"]:nth-child(3n+1) h3,
.issue_list li[class*="issue_list"]:nth-child(3n+1) .bbsinfo{background-color:#1d1d1d;}*/

.issue_list li[class*="issue_list"]:nth-child(3n+1) h3,
.issue_list li[class*="issue_list"]:nth-child(3n+1) .bbsinfo{background-color:#1d1d1d;}
.issue_list li[class*="issue_list"]:nth-child(3n+2) h3,
.issue_list li[class*="issue_list"]:nth-child(3n+2) .bbsinfo{background-color:#6095ec;}
.issue_list li[class*="issue_list"]:nth-child(3n+3) h3,
.issue_list li[class*="issue_list"]:nth-child(3n+3) .bbsinfo{background-color:#6c6c6c;}



@media all and (max-width: 480px) {
	.edu_view .bbslist02 li .pic {}
}

#wrapLnb{display:none;}
.sub_menu_wrap #navUldep01 .div_2{display: none;}
.sub_menu_wrap #navUldep01 .li_1 > span{display: none;}
.sub_menu_wrap #navUldep02 .div_3{display: none;}
.sub_menu_wrap #navUldep03 .div_4{display: none;}

#_wrapArticle .sub_visual{background-size: cover; height:300px; display: flex; justify-content: center; align-items: center;}
#_wrapArticle .sub_visual h1{color: #ffffff; font-size: 40px; font-weight: 700; text-align: center;}
body.eQ03 #_wrapArticle .sub_visual h1{color:#000;}
#_wrapArticle .sub_menu_wrap{position: relative; z-index: 1; background-color: #1b35ae;}
/* #_wrapArticle .sub_menu_wrap > ul{background-color: #1b35ae; display: flex; flex-wrap: wrap; max-width: 840px; margin: -40px auto 0; border-radius:50px;}*/
#_wrapArticle .sub_menu_wrap > ul{background-color: #1b35ae; display: flex; flex-wrap: wrap; max-width: 840px; margin: -40px auto 0; border-radius:50px;}
#_wrapArticle .sub_menu_wrap  > ul > li{position: relative;}
#_wrapArticle .sub_menu_wrap  > ul > li._2nd,
#_wrapArticle .sub_menu_wrap  > ul > li._3rd{flex:1;}
/*#_wrapArticle .sub_menu_wrap  > ul > li._3rd .navTitle{border-radius:0 50px 50px 0;}
#_wrapArticle .sub_menu_wrap  > ul > li._3rd .navTitle.on{border-radius:0 50px 0 0 ;}*/
#_wrapArticle .sub_menu_wrap .navHome{width: 110px; border-right: 1px solid rgba(255,255,255,.2); background: url(../images/sub/home.png) no-repeat center center; box-sizing: border-box; height:100%;}
#_wrapArticle .sub_menu_wrap .navHome a{display: block; width: 100%; height: 100%; text-indent:-9999px;}
#_wrapArticle .sub_menu_wrap ul .navTitle{min-width: 274px; border-right: 1px solid rgba(255,255,255,.2); padding: 0 55px 0 70px; position: relative; box-sizing: border-box; line-height: 80px; color: white; font-size: 18px; cursor:pointer; z-index: 50;}
#_wrapArticle .sub_menu_wrap ul .navTitle::after{content:""; display: block; position: absolute; right: 50px; top: 50%; transform: translateY(-50%) rotate(0deg); background: url(../images/sub/menu_arrow.png) no-repeat center center; width: 19px; height: 10px; transition: all .3s}
#_wrapArticle .sub_menu_wrap ul .navTitle.on{background-color: #006cd9; color: #fff;}
#_wrapArticle .sub_menu_wrap ul .navTitle.on::after{background: url(../images/sub/menu_arrow.png) no-repeat center center; transform: translateY(-50%) rotate(180deg);}
#_wrapArticle .sub_menu_wrap ul .navTitle span{display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#_wrapArticle .sub_menu_wrap ul .navDiv{position: absolute; left: 0; top: 100%; width: 100%; box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.15); display: none; background-color: #006cd9;}
#_wrapArticle .sub_menu_wrap ul .navDiv ul{padding: 0 70px;}
#_wrapArticle .sub_menu_wrap ul .navDiv li{padding-bottom: 20px;}
#_wrapArticle .sub_menu_wrap ul .navDiv li:last-child{border-bottom: 0; padding-bottom:40px;}
#_wrapArticle .sub_menu_wrap ul .navDiv a{font-size: 14px; color: #fff; width: 100%; height: 100%; display: block;}
#_wrapArticle .sub_menu_wrap ul .navDiv .a_1 > span{display: none;}
#_wrapArticle .sub_menu_wrap ul .navDiv a._active{font-weight: 700;}
#_wrapArticle .sub_menu_wrap .__active{background-color:#006cd9;}

#_wrapArticle .sub_menu_depth{background-color: #f5f5f5; padding: 40px 0 30px;}
#_wrapArticle .sub_menu_depth #navUldep01_1 .div_2{display: none}
#_wrapArticle .sub_menu_depth #navUldep01_1 .a_1 > span{display: none;}
#_wrapArticle .sub_menu_depth #navUldep02_1 .div_3{display: none}
#_wrapArticle .sub_menu_depth #navUldep03_1 .div_4{display: none}
#_wrapArticle .sub_menu_depth #navUldep01_1,
#_wrapArticle .sub_menu_depth #navUldep02_1,
#_wrapArticle .sub_menu_depth #navUldep03_1,
#_wrapArticle .sub_menu_depth #navUldep04{max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center;}
#_wrapArticle .sub_menu_depth #navUldep01_1 li,
#_wrapArticle .sub_menu_depth #navUldep02_1 li,
#_wrapArticle .sub_menu_depth #navUldep03_1 li,
#_wrapArticle .sub_menu_depth #navUldep04 li{background-color: white; text-align: center; box-shadow: 3px 4px 10px 0px rgba(0, 0, 0, 0.03); min-width: 150px; margin-right: 10px; margin-bottom: 10px;}
#_wrapArticle .sub_menu_depth #navUldep01_1 li:last-child,
#_wrapArticle .sub_menu_depth #navUldep02_1 li:last-child,
#_wrapArticle .sub_menu_depth #navUldep03_1 li:last-child,
#_wrapArticle .sub_menu_depth #navUldep04 li:last-child{margin-right: 0;}
#_wrapArticle .sub_menu_depth #navUldep01_1 li a,
#_wrapArticle .sub_menu_depth #navUldep02_1 li a,
#_wrapArticle .sub_menu_depth #navUldep03_1 li a,
#_wrapArticle .sub_menu_depth #navUldep04 li a{font-weight: 700; color: #999999; font-size: 16px; width: 100%; height: 100%; display: block; line-height: 50px;}
#_wrapArticle .sub_menu_depth #navUldep01_1 li a._active,
#_wrapArticle .sub_menu_depth #navUldep02_1 li a._active,
#_wrapArticle .sub_menu_depth #navUldep03_1 li a._active,
#_wrapArticle .sub_menu_depth #navUldep04 li a._active{background-color:#10975c; color:#fff;}

body.eQ01 .sub_visual{background:url('../images/sub/eq1_visual.jpg') no-repeat center;}
body.eQ02 .sub_visual{background:url('../images/sub/eq2_visual.jpg') no-repeat center;}
body.eQ03 .sub_visual{background:url('../images/sub/eq3_visual.jpg') no-repeat center;}
body.eQ04 .sub_visual{background:url('../images/sub/eq4_visual.jpg') no-repeat center;}

body.page_16856 .sub_visual,
body.page_16856 .sub_menu_wrap,
body.page_16847 .sub_visual,
body.page_16847 .sub_menu_wrap,
body.page_16836 .sub_visual,
body.page_16836 .sub_menu_wrap,
body.page_16845 .sub_visual,
body.page_16845 .sub_menu_wrap,
body.page_16822 .sub_visual,
body.page_16822 .sub_menu_wrap{display:none !important;}
body.page_16822 #_wrapFooter{margin-top:0 !important;}

.page_16856 #_JW_stMp_basic{max-width:1200px; margin:auto;}
.header-menu .li_1:last-child{display:none;}

.dl_list dd{position:relative; font-size: 22px; padding-left: 10px;}
.dl_list dd:before{content:''; position:absolute; top:50%; left:0; transform: translate(0, -50%); width: 5px; height: 5px; background-color: #000; border-radius: 100%;}

.sub-title{text-align:center;margin:50px 0;}
.sub-title strong,
.sub-title span{display:block; font-family:"Pretendard";}
.sub-title .sub-title-txt{margin-bottom:100px;}

.sub-title .sub-title-txt span{font-size:40px; color:#3a3a3a; margin-bottom:10px;}
.sub-title .sub-title-txt strong{font-size: 50px; color:#006cd9; font-weight:800; }
.sub-title .sub-title-txt strong em{color: #14bbb4;}
.sub-title .sub-title-txt strong + p{text-align: center; font-size: 25px; margin-top: 40px;}

.sub-title-small,
.sub-title-big{text-align: center; line-height: 1.2; margin-top: 100px;}
.sub-title-big{margin-top:50px;}
.sub-title-small em{display: block; font-size: 30px;}
.sub-title-small span{display: block; font-size: 30px; color:#666;}
.sub-title-big{}
.sub-title-big em{display: block; font-size: 70px; color:#1f3a8f; font-weight: 600;}
.sub-title-big strong{display: block; font-size: 100px; font-weight: 800; color:#3965e9;}

.edu_wrap [class*='_inner']{max-width: 1200px; margin: auto; padding:6vw 0;}
/* .edu_wrap .sub_visual{max-height: 100%; height: 900px; display: flex; justify-content: center; align-items: center;} */
.edu_wrap .sub_visual_area{max-height: 100%; padding:9% 0; display: flex; justify-content: center; align-items: center;}
.edu_wrap .sub_visual_area p{color:#fff; text-align: center;}
.edu_wrap .sub_visual_area p em{font-size: 45px; font-weight: 600;}
.edu_wrap .sub_visual_area p strong{font-size: 80px; font-weight: 800; display: block; line-height: 1.2; margin:50px 0;}
.edu_wrap .sub_visual_area p span{font-size: 28px;}

.edu_wrap .sub_visual_area2{max-height: 100%; padding:295px 0; display: flex; justify-content: center; align-items: center;}
.edu_wrap .sub_visual_area2 p{color:#fff; text-align: center;}
.edu_wrap .sub_visual_area2 p em{font-size: 45px; font-weight: 600;}
.edu_wrap .sub_visual_area2 p strong{font-size: 80px; font-weight: 800; display: block; line-height: 1.2; margin-bottom:10px;}
.edu_wrap .sub_visual_area2 p span{font-size: 28px;}

.title_1{font-size: 60px; font-weight: 900; text-align: center;}
.title_1 img{display: block; margin: 0 auto 30px;}
.title_1 p{font-size: 32px; margin-top: 50px; font-weight: 400; line-height: 1.2;}
.title_2{font-size: 50px; text-align: center; font-weight: 500;}
.title_2 p{font-size: 25px; font-weight: 500; margin-top: 10px;}

/* program */
.prog_inner .tit_area ul._download{display: flex; justify-content: space-between; margin-top: 50px;}
.prog_inner .tit_area ul._download li{width:31.5%; background-color: #f5f6f8; padding:85px 0; text-align: center; border-radius: 20px;}
.prog_inner .tit_area ul._download li em{display: block; font-size: 30px; font-weight: 800; position:relative;}
.prog_inner .tit_area ul._download li em:before{content:''; display: block; width: 50px; height:50px; background:url('../images/sub/pdf_down.png') no-repeat center; margin:0 auto 30px;}
.prog_inner .tit_area ul._download li:first-child em:before{background:url('../images/sub/excel_down.png') no-repeat center;}
.prog_inner .tit_area ul._download li span{display: block; font-size: 20px; margin-top: 10px;}
.prog_inner .tit_area ul._download li a{display: block; max-width:200px; color:#fff; background-color: #6f81ec; border-radius: 50px; font-size: 18px; font-weight: 800; padding:15px 0; margin: 50px auto 0;}
.prog_inner .con2_ul{display: flex; justify-content: space-between; margin-top: 50px;}
.prog_inner .con2_ul li{border-radius: 20px; text-align: center;}
.prog_inner .con2_ul li:first-child{max-width: 770px;}
.prog_inner .con2_ul li:first-child img{width: 100%;}
.prog_inner .con2_ul li:last-child{background-color: #4668d7; flex:0.93;}
.prog_inner .con2_ul li:last-child img{margin:70px 0 30px;}
.prog_inner .con2_ul li:last-child p{font-size: 24px; line-height: 1.2;}
.prog_inner .con2_ul + p{color:#fff; font-size: 24px; margin:50px 0 20px; text-align: center;}
.edu_wrap .sub_visual_area p a,
.prog_inner .con2_ul + p + a{display: block; max-width:100%; width:750px; margin: auto; text-align: center; font-size: 30px; background-color: #ececec; padding:30px 0; border-radius: 10px; font-weight: 800;}
.edu_wrap .sub_visual_area p a{margin:50px 0 0;}

/* service */
._commu .sub-title .sub-title-txt p{text-align: center; font-size: 25px; margin-top: 40px;}
.service_inner .service1_con1{display: flex; justify-content: space-between; max-width: 881px; margin: auto;}
.service_inner .service1_con1 li{position:relative;}
.service_inner .service1_con1 li img{width: 100%;}
.service_inner .service1_con1 li span{display: block; position:absolute; top:53%; left:50%; transform: translate(-50%, 0); width: 100%; color:#fff; font-size: 22px; text-align: center; letter-spacing: -2px;}
.service_inner .service1_con2{margin-top: 200px;}
.service_inner .service1_con2 li{display: flex; justify-content: space-between; gap: 40px 0;}
.service_inner .service1_con2 li img{display: block; width: 100%; flex: 0.5;}
.service_inner .service1_con2 li dt{font-size: 35px; position:relative; margin:30px 0; font-weight: 600; padding-left: 65px; letter-spacing: -2px;}
.service_inner .service1_con2 li dt:before{content:''; position:absolute; left:0; top:50%; transform: translate(0, -50%); width: 53px; height: 53px; background: url('../images/sub/service1_icon1.png') no-repeat;}
.service_inner .service1_con2 li dd{letter-spacing: -1px;}
.service_inner .service1_con2 li dd + dd{margin-top: 5px;}
.service_inner .service1_con2 li + li{margin-top: 100px;}
.service_inner .service1_con2 li:last-child dt:before{background: url('../images/sub/service1_icon2.png') no-repeat;}
.service_tab_wrap{padding-top: 9.1667vw;}
.service_tab_wrap h5{font-size: 35px; text-align: center;}
.service_tab_wrap h5 + p {text-align: center; margin-top: 20px;}
.service_tab_wrap h5 + p strong{font-size: 25px; font-weight: 400; display: block;}
.service_tab_wrap h5 + p span{font-size: 20px;}
.service_inner > h5{font-size: 35px; text-align: center;}
.service_inner > h5 + p{margin-top: 20px; line-height: 1.3; text-align: center;}
.service_inner > h5 + p strong{font-size: 22px; display: block;}
.service_inner > h5 + p span{font-size: 20px;}
.service_inner .service1_con3{margin-top: 50px; display: flex; justify-content: space-between;}
.service_inner .service1_con3 li{position:relative;}
.service_inner .service1_con3 li p{position:absolute; top:calc(50%); transform: translate(0, -50%); width: 100%; text-align: center; font-size: 22px;}
.edu_section._commu .sub-title a,
.service_inner .service1_con3 + a{display: block; color:#fff; background-color: #5bd85c; text-align: center; max-width: 460px; width: 100%; padding:28px 0px; border-radius: 20px; font-size: 35px; margin:50px auto 0; font-weight: 500;}
.service_inner .service2_con1{display: flex; justify-content: space-between;}
.service_inner .service2_con1 > p{font-size: 32px; margin-top: 130px; line-height: 1.5;}
.service_inner .service2_con1 > p strong{font-size: 60px; display: block; margin-bottom: 50px;}
.service_inner .service2_con1 .service2_img1{max-width: 543px; width: 100%;}
.service_inner .service2_con2 img{display: block; margin: auto;}
.service_inner .service2_con2 p{text-align: center; color:#fff;}
.service_inner .service2_con2 p strong{display: block; font-size: 50px; margin:50px 0 30px 0; font-weight: 800;}
.service_inner .service2_con2 p span{display: block; font-size: 32px; font-weight: 300;}
.service_inner .service2_con3 > li{display: flex; justify-content: space-between; position:relative; padding-bottom: 30px; margin-bottom: 30px; border-bottom: 3px solid #e5e5e5;}
.service_inner .service2_con3 > li dl{letter-spacing: -2px;}
.service_inner .service2_con3 > li dt{font-size: 40px; font-weight: 600; margin:25px 0 20px;}
.service_inner .service2_con3 > li dl._line6 dt{margin-top: 10px;}
.service_inner .service2_con3 > li dd{font-size: 25px;}
.service_inner .service2_con3 > li ul{display: flex; justify-content: right; flex-wrap: wrap; gap: 20px; flex:1;}
.service_inner .service2_con3 > li ul li{position:relative;}
.service_inner .service2_con3 > li ul li strong{position:absolute; top:50%; left:0; transform: translate(0, -50%); width: 100%; text-align: center; color:#fff; font-size: 30px; font-weight: 600;}
.service_inner .service2_con1 > p a,
.service_inner .service2_con3 + a{display: block; font-size: 30px; font-weight: 600; color:#fff; background-color: #3d9bf6; max-width: 750px; text-align: center; padding:25px 0; border-radius: 10px; margin:70px auto 0} 
.service_tab_wrap ._tab {display: flex; justify-content: center; gap:0px 20px; margin:50px 0 100px}
.service_tab_wrap ._tab li {font-size: 23px; padding: 10px 0; max-width: 400px; width: 100%; text-align: center; background: #ebebeb; cursor: pointer; color:#666; border-radius: 50px; font-weight: 600;}
.service_tab_wrap ._tab li.active {color:#fff; background: #3965e9; color: #fff;}
.service_tab_wrap .tab-content {overflow: hidden; position:relative; }
.service_tab_wrap .tab-content h6{font-size: 70px; font-weight: 800; line-height: 1.2; padding-left: 70px;}
.service_tab_wrap .tab-content h6 + dl{padding:100px 70px;}
.service_tab_wrap .tab-content h6 + dl dt{font-size: 40px; font-weight: 500; line-height: 1.2; margin-bottom: 50px; letter-spacing: -2px;}
.service_tab_wrap .tab-content h6 + dl dd{color:#666; font-size: 20px; font-weight: 300;}
.service_tab_wrap .tab-content div.flow_tabImg{position:absolute; top:0; right: 0; max-width: 600px; width: 100%; }
.service_tab_wrap .tab-content div.flow_tabImg img{width: 100%;}
.service_tab_wrap .service_flow{display: flex; justify-content: center; flex-wrap: wrap; margin-top: 50px; gap:20px 20px;}
.service_tab_wrap .service_flow li{position:relative; width: 49%;}
.service_tab_wrap .service_flow li img{width: 100%;}
.service_tab_wrap .service_flow li p{font-size: 20px; text-align: center; width: 100%; position:absolute; bottom:50px; left:50%; transform: translate(-50%, 0); line-height: 1.2;}
.service_tab_wrap .service_flow li:nth-child(1){max-width: 456px;}
.service_tab_wrap .service_flow li:nth-child(2){max-width: 430px;}
.service_tab_wrap .service_flow li:nth-child(3){max-width: 430px;}
.service_tab_wrap .service_flow li:nth-child(4){max-width: 456px;}
.service_tab_wrap .service_flow li:nth-child(1) p{left:calc(50% - 15px);}
.service_tab_wrap .service_flow li:nth-child(2) p{left:calc(50%);}
.service_tab_wrap .service_flow li:nth-child(3) p{left:calc(50% - 15px); bottom:110px;}
.service_tab_wrap .service_flow li:nth-child(4) p{left:calc(50%); bottom:30px;}
.service_tab_wrap .service_flow li p span{display: block; max-width: 180px; margin: 20px auto 0; border-radius: 50px; font-weight: 800; background-color: #45a287; font-size: 20px; padding:10px 0;}
.service_tab_wrap .service_flow + a{display: block; font-size: 35px; color:#fff; font-weight: 500; max-width: 460px; margin: 5vw auto 0; background-color: #3c62d6; padding:25px 0; text-align: center; border-radius: 10px;}
.service_tab_wrap .tab_cont h1.title_2{font-weight:bold;}
.service_tab_wrap #tab2 .service_flow{flex-wrap: nowrap;}
.service_tab_wrap #tab2 .service_flow li p{font-size: 22px; bottom:50px; left:50%; width: 100%; text-align: center;}
.service_tab_wrap #tab2 .service_flow li:nth-child(1) p{left:calc(50% - 0.6667vw);}
.service_tab_wrap #tab2 .service_flow li:nth-child(2) p{left:calc(50% - 0.6667vw);}
.service_tab_wrap #tab2 .service_flow li:nth-child(3) p{left:calc(50% - 0.6667vw);}
.service_tab_wrap #tab2 .service_flow li:nth-child(4) p{left:calc(50%);}
.service_tab_wrap #tab2 .service_flow li:nth-child(4) img{max-width: 280px;}


.edu_section._employ{position:relative;}
.edu_section._employ:after{content:''; display: block; width:100%; height: 25vw; background-color: #405ef5; margin-top: -25vw;}
/* ._employ{width:100%; height: 25vw; background-color: #405ef5; margin-top: -25vw;} */
.employ_con1 ul{display: flex; justify-content: space-between;}
.employ_con1 ul li:nth-child(even){margin-top: 85px;}
.employ_con2 p{text-align: center; line-height: 1.2;}
.employ_con2 p strong{color:#fff; font-size: 60px; font-weight: 500;}
.employ_con2 p span{color:#d2def3; font-size: 35px; display: block; margin-top: 50px;}

._learn{position:relative;}
._learn:before{content:''; position:absolute; top:0; right: 0; max-width: 54.5833vw; width: 100%; height:35vw; background: url('../images/sub/learn_ab1.png') no-repeat top right; background-size: contain;}
._learn .sub-title-big {max-width: 1200px; margin:0 auto; text-align: left; line-height: 1; padding:8.8333vw 0 16.8333vw; position: relative;}
._learn .sub-title-big > strong{display:block; font-size: 120px; letter-spacing: -1px; color:#fff;}
._learn .sub-title-big > strong:last-of-type{padding-left: 9vw;}
._learn .sub-title-big dl{padding-left:9vw; color:#fff; margin-top: 90px;} 
._learn .sub-title-big dl dt{font-size: 57px; font-weight: 600; margin:7.5vw 0 3.3333vw;}
._learn .sub-title-big dl dt strong{color:#ffea00; font-weight: 900; display: inline; font-size: 57px;}
._learn .sub-title-big dl dd{font-size: 30px; line-height: 1.3;}
._learn2{position:relative;}
._learn2:before{content:''; position:absolute; top:-6.5vw; left: 0; max-width: 20.4688vw; width: 100%; height:40.8854vw; background: url('../images/sub/learn_ab2.png') no-repeat; background-size: contain;}
._learn2 .learn_con1 p,
._learn3 .learn_con2 p{text-align: center; line-height: 1.2;}
._learn2 .learn_con1 p strong,
._learn3 .learn_con2 p strong{display:block; font-size: 45px; font-weight: 800; position:relative; z-index: 1;}
._learn2 .learn_con1 p span{display: block; font-size: 25px; margin-top: 40px; font-weight: 300; position:relative; z-index: 1;}
._learn2 .learn_con1 ul{display: flex; max-width: 700px; margin:50px auto 0; justify-content: space-between;}
._learn2 .learn_con1 ul li img{display: block; margin: auto;}
._learn2 .learn_con1 ul li em{display: block; text-align: center; font-size: 30px; line-height: 1.2; margin-top: 20px; font-weight: 500; letter-spacing: -1px;}
._learn3:before{content:''; position:absolute; bottom:0; left: 0; max-width: 43.3333vw; width: 100%; height:23.25vw; background: url('../images/sub/learn_ab3.png') no-repeat; background-size: contain;}
._learn3 ul{display: flex; justify-content: end; flex-wrap: wrap; gap: 2vw; margin-top: 4.1vw;}
._learn3 ul li:first-child{flex:0.62}
._learn3 ul li:last-child{flex:0.38}
._learn3 ul li:first-child div:first-child{max-width: 720px; height: 200px; border-radius:20px; background:#4f7dea url('../images/sub/learn3_icon1_1.png') no-repeat 95% center;}
._learn3 ul li:first-child div:last-child{text-align: right;}
._learn3 ul li:first-child div:last-child dl{max-width: 440px; right: calc(50% - 215px); left: auto; text-align: left;}
._learn3 ul li img:not(._learn3 ul li:first-child img){display: block; max-width: 440px; width: 100%;}
._learn3 ul li:first-child div:first-child img{max-width: 720px; width:100%;}
._learn3 ul li:first-child div:last-child img{max-width: 440px; width:100%;}
._learn3 ul li div:last-child{margin-top: 2vw;}
._learn3 ul li > div{position:relative;}
._learn3 ul li > div dl{position:absolute; color:#fff; top:0; left:0; padding:30px 40px; box-sizing: border-box;}
._learn3 ul li > div dl dt{font-size: 30px; font-weight: 800; margin-bottom: 20px;}
._learn3 ul li > div dl dd{font-size: 20px; line-height: 1.2;}

/* mail */
._mail{position: relative;}
._mail:before{content:''; position:absolute; top:0; right: 0; max-width: 38.3333vw; width: 100%; height:29.25vw; background: url('../images/sub/service_mail_ab1.png') no-repeat; background-size: contain; z-index:1;}
._mail2:after{content:''; position:absolute; bottom:16%; left: 0; max-width: 21.3333vw; width: 100%; height:29.25vw; background: url('../images/sub/service_mail_ab2.png') no-repeat; background-size: contain;}
._mail .sub-title-big{max-width: 1200px; margin: 0 auto; text-align: left; line-height: 1; padding: 5.8333vw 0 12.8333vw; position: relative; color:#fff; z-index:1;}
._mail .sub-title-big strong{text-align: left; font-size: 80px; color:#fff;}
._mail .sub-title-big span{font-size: 80px; margin-top: 5px; display: block;}
._mail .sub-title-big p{font-size: 40px; margin-top: 50px; font-weight: 300;}
.mail_con1 {padding-bottom: 100px; border-bottom: 1px solid #d5d5d5;}

.mail_con1 > p strong{display: block; font-size: 60px; font-weight: 800;}
.mail_con1 > p span{display:block; font-size: 32px; line-height: 1.2; margin: 50px 0;}
.mail_con1 .mail_icon_box{display: flex; justify-content: center; gap: 30px; flex-wrap: wrap;}
.mail_con1 .mail_icon_box dl{max-width: 585px; width: 100%; padding: 55px; box-sizing: border-box; border-radius: 20px;}
.mail_con1 .mail_icon_box dl:nth-child(1){background: #e5ebfa url('../images/sub/mail_icon1.png') no-repeat 93% center;}
.mail_con1 .mail_icon_box dl:nth-child(2){background: #f7e8e8 url('../images/sub/mail_icon2.png') no-repeat 93% center;}
.mail_con1 .mail_icon_box dl:nth-child(3){background: #ede5f5 url('../images/sub/mail_icon3.png') no-repeat 93% center;}
.mail_con1 .mail_icon_box dl:nth-child(4){background: #eef7e0 url('../images/sub/mail_icon4.png') no-repeat 93% center;}
.mail_con1 .mail_icon_box dl dt{font-size: 35px; font-weight: 800; margin-bottom: 25px;}
.mail_con1 .mail_icon_box dl dd{font-size: 20px; letter-spacing: -1px;}

.mail_con2{margin-top: 100px;}
.mail_con2 .title_1{font-size: 45px; font-weight: 500;}
.mail_con2 .title_1 strong{font-weight: 600;}
._employ .sub-title-big a,
.edu_section._mail a,
.mail_con2 a{display: block; max-width: 750px; width: 100%; margin: auto; color:#fff; font-size: 30px; padding:30px 0; text-align: center; font-weight: 800; background-color: #518aec; border-radius: 10px; margin-top: 50px;}
.edu_section._mail .sub-title-big a{margin:50px 0 40px; background-color:#5132e5;}


@media all and (max-width: 1130px) {
  .service_tab_wrap .tab-content h6 + dl{}
  .service_tab_wrap .tab-content div.flow_tabImg{position:relative; margin:0 auto 50px;}
  ._mail,
  ._mail1,
  ._mail2{padding:0 5%;}
}
@media all and (max-width: 1023px) {
  #_wrapArticle .sub_visual{padding: 50px 0 40px;}
  #_wrapArticle .sub_visual h1{font-size: 40px;}
  #_wrapArticle .sub_menu_wrap > ul > li:first-child{width: 104px !important;}
  #_wrapArticle .sub_menu_wrap > ul > li{min-width: auto; width: calc((100% - 104px) / 4);}
  #_wrapArticle .sub_menu_wrap ul .navTitle{min-width: auto; width: 100%;}

  .prog_inner .con2_ul{display: block;}
  .prog_inner .con2_ul li:first-child{margin: auto;}
  .prog_inner .con2_ul li:last-child img{margin-top:0;}
  .prog_inner .con2_ul li:last-child{max-width: 770px; margin:20px auto 0; padding:70px 0;}
  .service_inner .service1_con2 li,
  .service_inner .service1_con3{display: block;}
  .service_inner .service1_con2 li img{max-width: 580px; margin: auto;}
  .service_inner .service1_con2 li + li img,
  .service_inner .service1_con3 li + li img{margin-top: 40px;}
  .service_inner .service1_con3 li img{width: 100%;}
  .service_inner .service1_con3 li + li p{top:calc(50% + 25px);}
  .service_inner .service2_con1 > p{margin: auto;}
  .service_inner .service2_con1 .service2_img1{display: none;}
  .service_inner .service2_con3 > li{display: block;}
  .service_inner .service2_con3 > li dl{text-align: center; margin-bottom: 50px;}
  .service_inner .service2_con3 > li dl._line6 dt{margin-top: 25px;}
  .service_inner .service2_con3 > li ul{justify-content: center;}
  .service_tab_wrap .service_flow{gap:2.5vw 0;}
  .service_tab_wrap .service_flow li p{font-size: 2.5vw; bottom:6.6667vw;}
  .service_tab_wrap .service_flow li:nth-child(3) p{bottom:9.1667vw;}
  .service_tab_wrap .service_flow li:nth-child(4) p{bottom:4.1667vw;}
  .service_tab_wrap .service_flow li p span{font-size: 1.6667vw; max-width: 15vw;}
  .service_tab_wrap .service_flow + a{font-size: 2.9167vw; max-width: 38.3333vw; padding:2.0833vw 0;}
  .service_tab_wrap #tab2 .service_flow {flex-wrap: wrap;}
  .service_tab_wrap #tab2 .service_flow li{ width: 49%;}
  .service_tab_wrap #tab2 .service_flow li:nth-child(4){width: 46%; margin-right: 2.8vw;}
  .service_tab_wrap #tab2 .service_flow li:nth-child(4) img{max-width: none;}
  .sub-title-small, 
  .sub-title-big{margin-top: 5vw;}
  .sub-title-big em{font-size: 6vw;}
  .sub-title-big strong{font-size: 8vw;}
  .sub-title-small span{font-size: 4vw; word-break: keep-all;}
  .employ_con2 p strong{font-size: 5vw;}
  .sub-title-small em{font-size: 4vw;}
  .employ_con2 p span{font-size: 4vw;}
  .employ_con1 ul{justify-content: center; gap: 0 20px;}
  .employ_con1 ul li:nth-child(1),
  .employ_con1 ul li:nth-child(2){display: none;}
  .employ_con1 ul li img{width: 100%;}
  .edu_section._employ:after{height: 400px; margin-top: -400px;}

  ._learn3 ul{display: block;}
  ._learn3 ul li > div{max-width:440px; margin: auto;}
  ._learn3 ul li div{margin-top: 1.5vw;}
  ._learn3 ul li div img{display: block; margin: auto;}
  ._learn3 ul li div dl{left:auto; right:auto;}
  ._learn3 ul li:first-child div:last-child dl{right: auto;}

  ._mail:after{display: none;}
  .mail_con2 .title_1{font-size: 5vw;}
}

@media all and (max-width: 768px) {
  #_wrapArticle .sub_menu_wrap > ul > li:first-child{width: 60px !important;}
  #_wrapArticle .sub_menu_wrap .navHome{width: 60px; background-size: 30%;}
  #_wrapArticle .sub_menu_wrap > ul > li{width: calc((100% - 60px) / 4);}
  #_wrapArticle .sub_menu_wrap ul .navTitle{font-size: 14px; padding: 0 30px 0 15px;}
  #_wrapArticle .sub_menu_wrap ul .navTitle::after{right: 15px;}
  #_wrapArticle .sub_menu_depth{padding: 30px 15px;}
  #_wrapArticle .sub_menu_depth #navUldep01_1 li a,
  #_wrapArticle .sub_menu_depth #navUldep02_1 li a,
  #_wrapArticle .sub_menu_depth #navUldep03_1 li a,
  #_wrapArticle .sub_menu_depth #navUldep04 li a{font-size: 14px;}
  #_wrapArticle .sub_menu_wrap ul .navDiv ul{padding: 0 15px;}
  #_wrapArticle .sub_menu_wrap ul .navDiv li{padding: 13px 0;}
  #_wrapArticle .sub_menu_wrap ul .navDiv a{font-size: 14px;}
  .bbs_edu li:nth-child(3n+3){margin:5px auto !important}

  .title_1{font-size: 45px; word-break: keep-all;}
  .title_2{font-size: 35px; word-break: keep-all;}
  .title_2 p{font-size: 25px; word-break: keep-all;}
  .edu_wrap .sub_visual_area p em{font-size: 32px; font-weight: 600;}
  .edu_wrap .sub_visual_area p strong{font-size: 45px; font-weight: 800; display: block; line-height: 1.2; margin:30px 0;}
  .edu_wrap .sub_visual_area p span{font-size: 20px;}
  .edu_wrap .sub_visual_area2 p em{font-size: 32px; font-weight: 600;}
  .edu_wrap .sub_visual_area2 p strong{font-size: 45px; font-weight: 800; display: block; line-height: 1.2; margin:30px 0;}
  .edu_wrap .sub_visual_area2 p span{font-size: 20px;}

  .prog_inner .tit_area ul._download{display: block;}
  .prog_inner .tit_area ul._download li{width: 96%; margin: auto; padding:35px 0;}
  .prog_inner .tit_area ul._download li + li{margin-top: 20px;}
  .service_inner .service2_con1 > p strong,
  .service_inner .service2_con2 p strong{font-size: 5.5vw;}
  .service_inner .service2_con1 > p,
  .service_inner .service2_con2 p span{font-size: 4vw;}
  .employ_con2 p strong{font-size: 6vw;}
  .employ_con2 p span{font-size: 5vw;}
  ._learn2 .learn_con1 p span{font-size: 2.5vw;}
  ._learn2 .learn_con1 p strong, 
  ._learn3 .learn_con2 p strong{font-size: 7vw;}
  ._mail .sub-title-big{width:90%; margin:auto; padding-top: 15%;}
  ._mail .sub-title-big strong,
  ._mail .sub-title-big span{ font-size: 8vw;}
  ._mail .sub-title-big p{font-size: 6vw;}
  .mail_con1 > p strong{font-size: 7vw;}
  .mail_con1 > p span{font-size: 5vw;}
  ._mail:after{display: none;}
}
/* 20231212 */
@media all and (max-width: 768px) {
	#wrap_header .sub_header_wrap .header_util .header_search{width:90%; margin-bottom: 2%;}
	#wrap_header .sub_header_wrap .header_util li.header_sitemap{margin-bottom:2%;}
	.edu_wrap .sub_visual_area p a{width:100%;}
  .service_inner .service1_con2{margin-top: 100px;}

  .sub-title .sub-title-txt span{font-size: 4.5vw;}
  .sub-title .sub-title-txt strong{font-size: 7vw;}
  .sub-title .sub-title-txt strong + p{font-size: 3.5vw;}
  .service_inner h5{font-size: 5vw;}
  .service_inner h5 + p strong{font-size: 4vw;}
  .service_inner h5 + p span{font-size: 3vw;}
  .service_inner .tab-content h6 + dl{padding:30px;}
  ._learn .sub-title-big > strong{font-size: 13vw;}
  ._learn .sub-title-big dl{padding-left: 3vw;}
  ._learn .sub-title-big dl dt{font-size: 7vw;}
  ._learn .sub-title-big dl dd{font-size: 4vw;}

}

@media all and (max-width: 600px) {
  .service_inner .service1_con1 li span{font-size: 3vw; letter-spacing: 0;}
  .service_inner .service1_con2 li dt{font-size: 5vw;}
  .service_inner .service1_con2 li dd{font-size: 3.5vw;}
  ._learn2 .learn_con1 ul{display: block;}
  ._learn2 .learn_con1 p span{font-size: 4vw;}
  ._learn2 .learn_con1 ul li + li{margin-top: 30px;}
  ._learn2 .learn_con1 ul li em{font-size: 3.5vw;}
}

@media all and (max-width: 480px) {
  .edu_wrap [class*='_inner'],
  .service_tab_wrap{width: 90%; margin: auto; padding:10vw 0;}
  .title_1{font-size: 36px;}
  .title_1 p{font-size: 24px; margin-top: 10px;}
  .prog_inner .con2_ul li:last-child{padding:30px 0;}
  .edu_wrap .sub_visual_area p a,
  .prog_inner .con2_ul + p + a{font-size: 24px; padding:20px 0;}
  .edu_section._commu .sub-title a,
  .service_inner .service1_con3 + a{font-size: 24px; padding:18px 0;}

  .service_tab_wrap ._tab li{font-size: 18px;}
  .service_tab_wrap .tab-content h6{font-size: 50px;}
  .service_tab_wrap .tab-content h6 + dl dt{font-size: 30px; margin-top: 20px; margin-bottom: 20px;}
  .service_tab_wrap .tab-content h6 + dl{padding: 0; margin-bottom: 20px;}
  .service_tab_wrap .tab-content h6 + dl dd{font-size: 18px;}
  .service_tab_wrap .service_flow:not(#tab2 .service_flow){display: block;}
  .service_tab_wrap .service_flow li{width: 100%;}
  .service_tab_wrap .service_flow li + li{margin-top: 20px;}
  .service_tab_wrap .service_flow li p{font-size: 18px;}
  .service_tab_wrap .service_flow li:nth-child(2) p{bottom:15%}
  .service_tab_wrap .service_flow li p span{font-size: 14px; padding:10px 20px;}
  .service_tab_wrap .service_flow + a{max-width: 65.8333vw; font-size: 5.2917vw;}
  .service_tab_wrap #tab2 .service_flow li{margin-top: 0; margin-bottom: 10px;}
  .service_tab_wrap #tab2 .service_flow li p{font-size: 14px; bottom: 5.1667vw;}
  .service_tab_wrap .service_flow li:nth-child(3) p{bottom:18.1667vw;}
  .sub-title-small, .sub-title-big{width: 90%; margin: 5vw auto 0;}
  .employ_con2 p strong{letter-spacing: -1px;}
  .sub-title-big em{font-size: 7vw;}
  .sub-title-big strong{font-size: 9vw;}
  .edu_section._employ:after{height: 300px; margin-top: -250px;}
  ._learn .sub-title-big dl{padding-left: 0; margin-top: 3vw;}
  ._learn2 .learn_con1 ul li + li{margin-top: 30px;}
  ._learn2 .learn_con1 ul li em{font-size: 3.5vw;}
  ._learn3 ul li:first-child div:first-child{height:40%; background-position: 95% 85%;}
  .mail_con1 .mail_icon_box dl:nth-child(1),
  .mail_con1 .mail_icon_box dl:nth-child(2),
  .mail_con1 .mail_icon_box dl:nth-child(3),
  .mail_con1 .mail_icon_box dl:nth-child(4){background-image: none;}
  .mail_con1{padding-bottom: 50px;}
  .mail_con2{margin-top: 50px;}
  ._employ .sub-title-big a,
  .edu_section._mail a,
  .mail_con2 a{padding:10px 0;}
}