#sub_top {width:100%; height:600px; background-size:cover !important;}
.sub_bg01 {background:url("../img/subbg/bg01.jpg") no-repeat center;}
.sub_bg02 {background:url("../img/subbg/bg02.jpg") no-repeat center;}
.sub_bg03 {background:url("../img/subbg/bg03.jpg") no-repeat center;}
.sub_bg04 {background:url("../img/subbg/bg04.jpg") no-repeat center;}
.sub_bg05 {background:url("../img/subbg/bg05.jpg") no-repeat center;}

#sub_top article {max-width:1400px; margin:0 auto; height:600px; padding:0; position:relative;}

.sub_top_title {width:100%; color:#fff; text-align:center; position:absolute; top:50%; 
	transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.sub_top_title span {display:block; font-family:'Gmarket Sans M'; font-size:2em;}
.sub_top_title strong {display:block; font-family:'Gmarket Sans B'; font-size:3.75em; font-weight:normal;}

.sub_top_mebu {width:100%; position:absolute; bottom:30px; text-align:center;}
.sub_top_mebu ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:20px;}
.sub_top_mebu ul > li {width:calc((100% - 80px) / 5); position:relative; text-align:center; }
.sub_top_mebu ul li a {display:block; border:1px solid #fff; border-radius:50px; font-size:1.75em; color:#fff; padding:10px;} 
.sub_top_mebu ul li a:hover {border:1px solid #4585c5;}
#sub_menu_on {border:1px solid #4585c5; background:#4585c5;}

#sub_con {width:100%;}
#sub_con article {max-width:1460px; margin:0 auto; padding:100px 30px 150px 30px;}
.sub_title {text-align:center; font-family:'Gmarket Sans M'; font-size:3.5em; position:relative; margin-bottom:80px;}
.sub_title:after {content:""; display:block; position:absolute; left:50%; bottom:-10px; margin-left:-50px; width:100px; height:5px; border-radius:5px;  background-image: linear-gradient(to left, #2c3987, #4585c3);}
#sub_margin_no {margin:0 !important;}

.sub_md_menu {width:100%; margin-bottom:80px;}
.sub_md_menu ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:20px;}
.sub_md_menu ul > li {width:calc((100% - 100px) / 6); position:relative; text-align:center; }
.sub_md_menu ul li a {display:block; border:1px solid #666; border-radius:50px; font-size:1.25em; color:#666; padding:10px;} 
.sub_md_menu ul li a:hover {border:1px solid #4585c5;}
#sub_md_menu_on {border:1px solid #162c7f; background:#162c7f; color:#fff;}

/* 회사소개 */
.sub_company_box {width:100%; background-size:cover !important; background:url("../img/sub/company_box_bg.jpg") no-repeat center; color:#fff; padding:50px 0; text-align:center; border-radius:20px; margin-bottom:100px;}
.sub_company_box p {font-family:'Gmarket Sans L'; font-size:2em;}
.sub_company_box  strong {display:block; font-family:'Gmarket Sans B'; font-size:3em; font-weight:normal;}
.sub_company_mov {width:100%; margin-bottom:100px}
.sub_company_img01 img {width:100%; height:auto;}
.sub_company_img02 {display:none;}
.sub_company_img02 img {width:100%; height:auto;}

/* 조직도 */
.sub_organization_img01 img {width:100%; height:auto;}
.sub_organization_img02 {display:none;}

/* 오시는 길 */
.sub_location_ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:100px;}
.sub_location_ul >  li {width:calc((100% - 100px) / 2); position:relative; text-align:left; }
.root_daum_roughmap .cont {display:none;}
.root_daum_roughmap .wrap_controllers {display:none;}

.sub_location_txt p {font-size:1.25em; margin-top:30px;}
.sub_location_txt p span {display:block; color:#4585c5;}

/* 강사소개 */
.lecture_list {max-width:1200px; margin:0 auto;}
.lecture_list ul {width:100%; display:flex; flex-wrap:wrap; justify-content:left; gap:50px;}
.lecture_list ul > li {width:calc((100% - 100px) / 3); position:relative; text-align:left; }
.lecture_list ul li div {width:100%; padding:30px 50px; border:1px solid #eee; text-align:center;}
.lecture_list ul li div span {display:block; background:#fff;}
.lecture_list ul li div span img {width:100%; height:auto;}
.lecture_list ul li div p {padding:20px 0; font-family:'Gmarket Sans B'; font-size:2em;}
.lecture_list ul li div a {display:inline-block; padding:10px 30px; background:#000; color:#fff; border-radius:30px;}

/* 강사 VIEW */
.lecture_view {width:100%; position:relative;}
.lecture_view .lecture_view_img {position:absolute; top:0; left:0; padding:25px; border:1px solid #eee; border-radius:10px;}
.lecture_view .lecture_view_img img {max-width:300px; height:auto;}
.lecture_view .lecture_view_txt {padding-left:400px;}
.lecture_view_baox01 {width:100%; padding:50px; background:#303030; border-radius:10px;}
.lecture_view_baox01 span {color:#fff; font-size:2em;}
.lecture_view_baox01 span strong {color:#95bbe1; font-family:'Gmarket Sans M'; font-size:1.5em; font-weight:normal;}
.lecture_view_baox01 p {color:#fff; font-size:1.5em; margin-top:10px;}

.lecture_view_baox02 {width:100%; padding:50px; border:1px solid #eee; border-radius:10px; margin-top:30px;}
.lecture_view_baox02 strong {font-family:'Gmarket Sans M'; font-size:2em; font-weight:normal; display:block; margin-bottom:10px;}
.lecture_view_baox02 p {font-size:1.25em; padding:3px 0 3px 18px; position:relative;}
.lecture_view_baox02 p::after {content:"・"; display:block; position:absolute; left:0; top:2px; color:#4585c5;}

/* 강사모집 */
.lecture_re_title {text-align:center; font-family:'Gmarket Sans M'; font-size:2em; margin-bottom:20px;}
.lecture_re_title span {display:block; font-size:0.6em; font-family:'SUIT-Regular', sans-serif;}
.lecture_re_ul {max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; gap:50px;}
.lecture_re_ul > li {width:calc((100% - 150px) / 4); position:relative; text-align:center;}
.lecture_re_ul li div {width:100%; border-radius:50%; border:1px solid #4382c3; position:relative;}
.lecture_re_ul li div::before {content:""; display:block; padding-bottom:100%;}
.lecture_re_ul li div p {position:absolute; top:20%; left:0; width:100%; text-align:center;}
.lecture_re_ul li div p span {display:block; margin-bottom:20px;}
.lecture_re_ul li div p span img {max-width:50px; height:auto;}
.lecture_re_ul li div p strong {display:inline-block; font-size:1em; font-weight:700; padding:5px 20px; background:#2e3785; color:#fff; border-radius:10px; margin-bottom:10px;}
.lecture_re_ul li div p em {display:block; font-style:normal; font-size:1.25em;}

.lecture_re_ul02 {max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:center; gap:50px;}
.lecture_re_ul02 > li {width:calc((100% - 150px) / 4); position:relative; text-align:center;}
.lecture_re_ul02 li div {width:100%; border-radius:20px; border:1px solid #4382c3; position:relative;}
.lecture_re_ul02 li div::before {content:""; display:block; padding-bottom:100%;}
.lecture_re_ul02 li div p {position:absolute; top:25%; left:0; width:100%; text-align:center;}
.lecture_re_ul02 li div p span {display:block; margin-bottom:20px;}
.lecture_re_ul02 li div p span img {max-width:50px; height:auto;}
.lecture_re_ul02 li div p em {display:block; font-style:normal; font-size:1.25em;}

/* service */
.sub_service_inner {width:100%; position:relative; margin-bottom:100px; min-height:400px;}
.sub_service_inner .sub_service_img{position:absolute; top:0; left:0; }
.sub_service_inner .sub_service_img img {max-width:300px; height:auto; border-radius:30px 0 0 30px}
.sub_service_inner .sub_service_box {padding-left:400px;}
.sub_service_title {font-family:'Gmarket Sans M'; font-size:3em; position:relative; padding:10px 0 30px 0;}
.sub_service_title::after {content:""; display:block; position:absolute; left:0; top:0; width:50px; height:3px; background:#4382c3;}
.sub_service_titlesub {font-family:'Gmarket Sans M'; font-size:2em; position:relative; padding:0 0 20px 15px;}
.sub_service_titlesub::after {content:""; display:block; position:absolute; left:0; top:12px; width:3px; height:24px; background:#4382c3; border-radius:3px;}

.sub_service_intro, .sub_service_ul, .sub_service_con {margin-bottom:20px; padding:30px; background:#f8f8f8; border-radius:20px;}
.sub_service_intro strong, .sub_service_ul strong, .sub_service_con strong {display:block; color:#162c7f; font-family:'Gmarket Sans M'; font-size:1.5em; margin-bottom:10px;}
.sub_service_intro p {font-size:1.25em; padding:3px 0 3px 18px; position:relative;}
.sub_service_intro p::after {content:"・"; display:block; position:absolute; left:0; top:2px; color:#4585c5;}
.sub_service_intro_m80 {margin-bottom:80px;}

.sub_service_ul ul {max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:left; gap:30px;}
.sub_service_ul ul > li {width:calc((100% - 90px) / 4); position:relative; text-align:center;}
.sub_service_ul ul li div { padding:30px 10px; border:1px solid #4382c3; border-radius:20px; background:#fff;}
.sub_service_ul ul li div span {display:block;}
.sub_service_ul ul li div span img {max-width:50px; height:auto;}
.sub_service_ul ul li div p {font-size:1.25em; font-weight:700; margin-top:20px;}

.sub_service_ulf ul {max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:left; gap:30px;}
.sub_service_ulf ul > li {width:calc((100% - 60px) / 3); position:relative; text-align:left;}

.sub_service_u02 ul {max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:left; gap:30px;}
.sub_service_u02 ul > li {width:calc((100% - 30px) / 2); position:relative; text-align:left;}

.sub_service_u03 ul {max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:left; gap:20px;}
.sub_service_u03 ul > li {width:calc((100% - 40px) / 3); position:relative; text-align:left;}

.sub_service_u04 ul {max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:left; gap:20px;}
.sub_service_u04 ul > li {width:calc((100% - 60px) / 4); position:relative; text-align:left;}

.sub_service_con ul {max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:left; gap:30px;}
.sub_service_con ul  > li {width:calc((100% - 60px) / 3); position:relative; text-align:center;}
.sub_service_con ul li div {padding:30px 10px; border:1px solid #4382c3; border-radius:20px; background:#fff; height:100%;}
.sub_service_con ul li div span {position:absolute; display:block; left:0; top:0; width:40px; height:40px; text-align:center; border-radius:100%; background:#4382c3; color:#fff; line-height:40px;}
.sub_service_con ul li div b {display:block; font-weight:700; font-size:1.5em; margin-bottom:10px;}
.sub_service_con ul li div em {display:block; font-style:normal; font-size:1.25em; margin-bottom:5px;}
.sub_service_con ul li div p {word-break:keep-all}

.sub_service_img_box {width:100%; background-size:cover !important; background:url("../img/sub/service_img_bg.jpg") no-repeat center; color:#fff; padding:50px 0; text-align:center; border-radius:20px; margin-bottom:100px;}
.sub_service_img_box p {font-family:'Gmarket Sans L'; font-size:2em;}
.sub_service_img_box  strong {display:block; font-family:'Gmarket Sans B'; font-size:3em; font-weight:normal;}

.sub_service_table {width:100%; border-collapse:collapse; border-spacing:0; background:#fff; border-top:2px solid #000; font-size:1.25em;}
.sub_service_table tbody th {width:20%; padding:15px; text-align:left; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f9f9f9;}
.sub_service_table tbody td {width:80%; padding:15px; border-bottom:1px solid #e0e0e0; text-align:left; }
.sub_service_table tbody td strong {display:none;}

/* 사이버연수원구축 */
.sub_lms_top {text-align:center; margin-bottom:50px;}
.sub_lms_top strong {display:block; font-family:'Gmarket Sans M'; font-size:2.5em; font-weight:normal; margin-bottom:10px;}
.sub_lms_top p {font-size:1.5em;}
.sub_lms_ul {width:100%; display:flex; flex-wrap:wrap; justify-content:center; gap:100px;}
.sub_lms_ul > li {width:calc((100% - 100px) / 2); position:relative; text-align:left; }
.sub_lms_ul_img span {display:block; margin-bottom:15px;}
.sub_lms_ul_img span img {width:100%; height:auto;}
.sub_lms_ul_img p {text-align:center;}
.sub_lms_ul_txt {background:#eee; padding:30px; border-radius:10px; margin-bottom:30px;}
.sub_lms_ul_txt strong {display:block; font-family:'Gmarket Sans M'; font-size:2em; font-weight:normal; margin-bottom:10px;}
.sub_lms_ul_txt p {font-size:1.15em;}

.sub_lms_ul_txt01 {border-top:1px solid #000; padding-top:30px; margin-bottom:50px;}
.sub_lms_ul_txt01_top {font-family:'Gmarket Sans M'; font-size:2em; font-weight:normal; margin-bottom:10px;}
.sub_lms_ul_txt01_con strong {font-size:1.5em; font-weight:700; margin-bottom:10px; color:#2c3987;}
.sub_lms_ul_txt01_con p {font-size:1.15em; margin-bottom:20px;}

.sub_lms_ul_txt01_link a {display:block; text-align:left; width:270px; height:50px; line-height:48px; border:1px solid #000; color:#000; font-size:1.25em; font-weight:500; position:relative; padding-left:30px; border-radius:50px;}
.sub_lms_ul_txt01_link a:after {content:""; width:20px; height:1px; background:#000; display:block; position:absolute; right:20px; top:23px; }