@charset "utf-8";

/* iPads (landscape)  */
@media only screen
and (min-width : 750px)  
and (max-width : 1240px) {  

/*** common ***/
.w_set {width:100%;margin:0 auto;}

.pc {display:none !important;}
.mobile {display:none !important;}
.tablet {display:block !important;}


#wrap {padding-top:100px;}


/*───────────────────────────────────────────────────────────

	 HEADER | outline/header.html, outline/nav.html

───────────────────────────────────────────────────────────*/
#header {}
#header .hd_top {position:relative;height:100px;text-align:center;}
#header .hd_top .hd_logo {display:inline-block;float:none;width:auto;margin-top:27px;font-size:0px;}
#header .hd_top .hd_logo img {width:auto;height:46px;}
#header .hd_top .hd_menu_btn {position:absolute;width:106px;height:100%;background:url("../images/common/hd_menu.png") no-repeat center center;background-size:46px auto;cursor:pointer;font-size:0px;}

.side_bg {display:none;position:fixed;top:0;left:0;z-index:950;width:100%;height:100%;background:rgba(0,0,0,0.5);opacity:0;transition:opacity 0.4s;}
.side_bg.on {opacity:1;}
.hd_side {position:fixed;top:0;left:-87%;z-index:999;width:87%;height:100%;background:#ffffff;overflow-y:auto;transition:left 0.4s;}
.hd_side.on {left:0;}
.hd_side .side_top {height:100px;background:#b1040e;}
.hd_side .side_top .side_logo {float:left;margin:27px 0 0 40px;font-size:0px;}
.hd_side .side_top .side_logo img {width:auto;height:46px;}
.hd_side .side_top .side_mem {float:right;padding-right:15px;}
.hd_side .side_top .side_mem > li {margin-top:25px;}
.hd_side .side_top .side_mem > li > a {display:block;width:120px;height:50px;background:#86050d;font-size:22px;color:#ffffff;font-weight:300;text-align:center;line-height:50px;letter-spacing:-0.02em;}
.hd_side .side_menu {padding:20px 40px;}
.hd_side .side_menu > ul > li {}
.hd_side .side_menu > ul > li > a {display:block;height:120px;background:url("../images/common/side_arr.png") no-repeat right center;background-size:24px;font-size:36px;color:#b1040e;font-weight:500;letter-spacing:-0.02em;line-height:120px;}
.hd_side .side_menu > ul > li.on > a {background-image:url("../images/common/side_arr_on.png");}
.hd_side .side_menu > ul > li > .hd_all_sub {display:none;margin-top:-10px;}
.hd_side .side_menu > ul > li.on > .hd_all_sub {display:block;}
.hd_side .side_menu > ul > li > .hd_all_sub > ul {padding:0 27px 20px;border-bottom:1px solid #b1040e;}
.hd_side .side_menu > ul > li > .hd_all_sub > ul > li {padding:22px 0;}
.hd_side .side_menu > ul > li > .hd_all_sub > ul > li > a {font-size:26px;color:#888888;font-weight:500;line-height:100%;}
.hd_side .side_menu > ul > li:last-of-type > .hd_all_sub > ul {border:0 none;}



/*───────────────────────────────────────────────────────────

	 FOOTER | outline/footer.html

───────────────────────────────────────────────────────────*/
#footer {}
#footer .ft_menu {padding:20px 0;}
#footer .ft_menu .w_set{box-sizing:border-box;padding:0 20px;}
#footer .ft_menu .w_set > ul > li {line-height:50px;text-align:center !important;}
#footer .ft_menu .w_set > ul > li > a {font-size:15px;}
/* #footer .ft_menu li:nth-of-type(1) {width:12%;}
#footer .ft_menu li:nth-of-type(2) {width:16%;}
#footer .ft_menu li:nth-of-type(3) {width:14%;}
#footer .ft_menu li:nth-of-type(4) {width:14%;}
#footer .ft_menu li:nth-of-type(5) {width:14%;}
#footer .ft_menu li:nth-of-type(6) {width:14%;}
#footer .ft_menu li:nth-of-type(7) {width:16%;} */


#footer .ft_gnb {padding:32px 0 35px;text-align:center;font-size:0px;}
#footer .ft_gnb > li {display:inline-block;position:relative;float:none;padding:0 16px 0 15px;line-height:20px;}
#footer .ft_gnb > li:after {top:50%;right:0;margin-top:-4px;width:1px;height:8px;}
#footer .ft_gnb > li:last-of-type:after {display:none;}
#footer .ft_gnb > li > a {font-size:13px;}
#footer address {padding:0 0 20px;font-size:16px;line-height:24px;text-align:center;}
#footer address > p {float:none;padding-top:35px;}


/*───────────────────────────────────────────────────────────

	 INDEX | index.html

───────────────────────────────────────────────────────────*/
#content {}
.main_visual .slick-arrow {display:none !important;}
.main_visual .sld_bg {height:calc(100vh - 100px);}
.main_visual .sld_bg .inner_txt .sml {padding:20px 20px 0;font-size:30px;word-break:keep-all;}

#content .main_title {padding-bottom:30px;font-size:25px;}
#content .main_title:after {margin-left:-40px;width:80px;height:3px;}

#content .main_adf {padding:70px 0 40px;}
#content .main_adf .list_wrap {padding-top:104px;}
#content .main_adf .list_wrap .list {width:50%;padding:95px 0 64px;background-size:auto 64px;background-position:center top;}
#content .main_adf .list_wrap .list .bld {font-size:20px;}
#content .main_adf .list_wrap .list .nrm {padding-top:30px;font-size:16px;line-height:25px;}

#content .main_bbs {padding:65px 0 65px;background-size:70px auto;border:0 none;}
#content .main_bbs .bbs_wrap {padding:0 10px 0;}
#content .main_bbs .bbs_wrap .bbs_box {width:calc(50% - 5px);height:300px;}
#content .main_bbs .bbs_wrap .bbs_box .sec_title {padding:20px 20px 15px;border-bottom:1px solid #eeeeee;font-size:22px;line-height:100%;}
#content .main_bbs .bbs_wrap .bbs_box .sec_title a {margin-top:4px;width:14px;height:14px;background-image:url("../images/main/main_bbs_more_t.jpg");background-size:100% 100%;font-size:0px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap {padding:7px 20px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li {padding:6px 0;line-height:26px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a {width:calc(100% - 75px);}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p.idx {width:38px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li a > p.title {max-width:calc(100% - 38px);}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li p.date {font-size:10px;}
#content .main_bbs .bbs_wrap .bbs_box .list_wrap li:nth-of-type(7) {display:none;}

#content .main_loc {padding:80px 0 150px;}
#content .main_loc .w_set_loc {width:100%;}
#content .main_loc .list_wrap {padding:110px 0 0;}
#content .main_loc .list_wrap .list {background-size:auto 50px;text-align:center;}
#content .main_loc .list_wrap .list .bld {padding:72px 0 10px;font-size:16px;}
#content .main_loc .list_wrap .list .nrm {font-size:15px;line-height:22px;}
#content .main_loc .list_wrap .list .nrm.ff_lato {font-size:16px;}

/*───────────────────────────────────────────────────────────

	 SUB

───────────────────────────────────────────────────────────*/

/* 서브기본설정 */
.sub_bg {height:150px;}
.sub_bg h3{top:50%;font-size:24px;}
#sub_wrap {width:100%;padding:0;margin:0 auto 30px;}
.sub_menu {width:100%;border-bottom:1px solid #dddddd;}
.sub_menu .menu_title {padding:20px 10px;font-size:18px;background:#ffffff;color:#333333;border-bottom:2px solid #b1040e;height:auto;line-height:initial;;}
.sub_menu .menu_title .menu_txt{font-size:inherit;color:inherit;font-weight:inherit;}
.sub_menu .menu_title .sub_txt{font-size:16px;color:#555;font-weight:400;}
.sub_menu > ul {margin-bottom:-1px;padding:0 0 0 0;font-size:0px;}
.sub_menu > ul > li {display:inline-block;padding:0 0 0 0;width:50%;}
.sub_menu > ul > li,
.sub_menu > ul > li:last-of-type {border:1px solid #dddddd;box-sizing:border-box;border-width:0 1px 1px 0;}
.sub_menu > ul > li:nth-of-type(2n) {border-right:0 none;}
.sub_menu > ul > li > a {display:block;font-size:16px;color:#333333;font-weight:500; padding-right:8%;}
.sub_menu > ul > li.on > a,
.sub_menu > ul > li > a:hover {background-position:95% center;}
.sub_sec {float:right;width:100%;box-sizing:border-box;padding:10px;}
.sub_sec .sub_title {display:none;padding:30px 0 10px;}
.sub_sec .sub_title > p {width:100%;font-size:30px;line-height:34px;}
.sub_sec .sub_title .location {width:100%;padding-top:10px;line-height:20px;}
.sub_sec .sub_title .location > .list {float:left;height:20px;padding-left:20px;background:url("../images/sub/loc_arr.png") no-repeat 9px center;font-size:12px;color:#acacac;font-weight:300;}
.sub_sec .sub_title .location > .list.home > a {margin-top:5px;}
.sub_sec .sub_cont {padding-top:50px;}
.sub_p_t {text-align:center;}
.sub_p_t.u_line {position:relative;padding-bottom:14px;}
.sub_p_t.u_line:after {margin-left:-15px;width:30px;height:2px;}
.sub_p_t .t1 {font-size:24px;line-height:30px;}
.sub_p_t .t1.t_mdl {font-size:24px;}
.sub_p_t .t1.t_bld {font-size:28px;}
.sub_p_t .t1.t_sml {font-size:24px;}

.sub_p_t .t1.pc_dn {display: block; margin-bottom: 50px;}
.sub_p_t .t1.t_dn {display: none;}
.sub_p_t .t1.m_dn {display: none;}

.sub_p_t .t2 {padding-top:10px;font-size:14px;}
.sub_p_t .t3 {padding:0 0 50px;font-size:14px;line-height:20px;}
.chk_title_on {padding:0 0 22px 22px;background-size:auto 18px;font-size:14px;line-height:18px;}
.chk_title_on b {font-size:14px;}
.chk_title_on p {padding-top:6px;font-size:12px;line-height:16px;}
table.sub_table tr th,
table.sub_table tr td {vertical-align:middle;border:1px solid #cccccc;border-width:0 1px 1px 0;}
table.sub_table thead tr th:last-of-type,
table.sub_table tr td:last-of-type {border-width:0 0 1px 0;}
table.sub_table tr th {padding:10px 0;background:#eeeeee;font-size:14px;color:#333333;font-weight:500;line-height:17px;}
table.sub_table tbody tr th {padding:7px 0;background:#ebeff4;}
table.sub_table tr td {padding:5px 0;font-size:14px;color:#666666;line-height:16px;font-weight:400; height: 31px; box-sizing: border-box;}



/*
	스파르탄 SW 교육원
	교육목표
*/
.sw_02 {}
.sw_02 .sec01 {padding:0 0 50px;}
.sw_02 .sec01 .pic {width:100%;}
.sw_02 .sec01 .pic img {width:100%;}
.sw_02 .sec01 .txt {width:100%;padding:28px 0 0 0;text-align:center;}
.sw_02 .sec01 .txt .bld {font-size:28px;color:#d55854;font-weight:700;line-height:100%;}
.sw_02 .sec01 .txt .nrm {padding:10px 0 0;font-size:14px;color:#666666;font-weight:300;line-height:20px;}
.sw_02 .sec02 {padding:50px 0 30px;}
.sw_02 .sec02 .list_wrap {padding:30px 0 0;}
.sw_02 .sec02 .list_wrap .list {float:left;width:100%;height:auto;border:0 none;border-top:1px solid #cccccc !important;}
.sw_02 .sec02 .list_wrap .list:first-of-type {border-top:0 none !important;}
.sw_02 .sec02 .list_wrap .list .txt01 {padding:20px 0 15px;font-size:20px;line-height:24px;}
.sw_02 .sec02 .list_wrap .list:nth-of-type(n+4) .txt01 { padding-top: 20px; }
.sw_02 .sec02 .list_wrap .list .txt02 {position:relative;padding:0 0 13px;font-size:15px;color:#666666;font-weight:500;line-height:20px;}
.sw_02 .sec02 .list_wrap .list .txt02:after {margin-left:-6px;width:12px;height:2px;background:#d55854;content:'';}
.sw_02 .sec02 .list_wrap .list .txt03 {padding:10px 0 20px;font-size:14px;line-height:17px;}
.sw_02 .sec03 {padding:50px 0;}
.sw_02 .sec03 .edu_detail_list .edu_item img { max-width: 70px; }
.sw_02 .sec03 .edu_detail_list .edu_item > div .tit p { font-size: 25px; }
.sw_02 .sec03 .edu_detail_list .edu_item > div .tit span { font-size: 14px; }
.sw_02 .sec03 .edu_detail_list .edu_item > ul li { font-size: 15px; line-height: 26px; }
.sw_02 .sec03 .edu_detail_list .edu_item > ul li::before { margin-top: 11px; margin-right: 5px; }
/*
	스파르탄 SW 교육원
	조직도
*/
.sw_03 {}
.sw_03 .sec01 {padding:0 0 50px;}
.sw_03 .sec01 .img_zoom {padding-top:30px;}


/*
	스파르탄 SW 교육원
	조직도
*/
.sw_04 {}
.sw_04 .sec01 {padding:0 0 50px;}
.sw_04 .sec01 .img_zoom {padding-top:30px;}
.sw_04 .sec02 {padding:20px 0 50px;}
.sw_04 .sec02 .sub_table_wrap {padding:0 0 0;}
.sw_04 .sec02 .sub_table_wrap .fl,
.sw_04 .sec02 .sub_table_wrap .fr {width:100%;}
.sw_04 .sec02 .sub_table_wrap table,
.sw_04 .sec02 .sub_table_wrap .fr table:nth-of-type(2) {margin-top:20px;}


/*
	스파르탄 SW 교육원
	오시는길
*/
.sw_05 .sec02 .loc_tab .tab_cont .txt_wrap .nrm_txt {padding-left:0;font-size:13px;line-height:18px;}


/*
	스파르탄 SW 교육원
	인재상
*/

.sw_06 .sec01 .sub_p_t { margin-bottom: 50px; }

/*
	SW전공교육
	이수체계도
*/
.maj_01 .sec01 .pic {padding:50px 0 100px;}
.maj_01 .sec02 .pic_list {padding-top:20px;}
.maj_01 .sec02 .pic_list .pic {margin:0 0 50px;}
.maj_01 .sec02 .line {padding:0px 0 10px;margin-bottom:50px;border-bottom:2px dashed #cccccc;text-align:center;}


/*
	SW전공교육
	SW전공교육
*/
.maj_03 .sec01 .sub_p_t {padding-bottom:50px;}


/*
	SW전공교육
	SW취·창업 종합지원 프로그램
*/
.maj_04 .sec01 .table_wrap {padding-bottom: 0; margin-bottom: 30px;}


/*
	SW기초교육
	예비입학생교육
*/
.bse_01 .sec01 .table_wrap colgroup col:nth-of-type(1) {width:60px !important;}
.bse_01 .sec01 .table_wrap colgroup col:nth-of-type(2) {width:30px !important;}
.bse_01 .sec01 .table_wrap colgroup col:nth-of-type(4) {width:60px !important;}

.bse_03 .sec01 .table_wrap {padding-bottom: 0; margin-bottom: 30px;}
.bse_03 .sec01 .table_wrap table.sub_table {table-layout:fixed;}
/* .bse_03 .sec01 .table_wrap colgroup col:nth-of-type(1) {width:50px !important;}
.bse_03 .sec01 .table_wrap colgroup col:nth-of-type(2) {width:60px !important;} */
.bse_03 .sec01 .table_wrap.li02 colgroup col:nth-of-type(4) {width:auto !important;}
.bse_03 .sec01 .table_wrap.li01 colgroup col:nth-of-type(4),
.bse_03 .sec01 .table_wrap.li01 colgroup col:nth-of-type(5),
.bse_03 .sec01 .table_wrap.li02 colgroup col:nth-of-type(5),
.bse_03 .sec01 .table_wrap.li02 colgroup col:nth-of-type(6) {width:40px !important;}

.bse_01 .sec01 .txt_wrap, .bse_02 .sec01 .txt_wrap, .bse_03 .sec01 .txt_wrap {padding-bottom: 30px;}
.bse_01 .sec01 .table_wrap, .bse_02 .sec01 .table_wrap, .bse_03 .sec01 .table_wrap {margin: 20px 0 30px;}

/*
	SW융합교육
*/
.smj_01 .img_wrap,
.smj_01 .table_wrap {margin:20px 0 50px;}
.smj_01 .table_wrap colgroup col:nth-of-type(2),
.smj_01 .table_wrap colgroup col:nth-of-type(3),
.smj_01 .table_wrap colgroup col:nth-of-type(4) {width:60px;}
.smj_01 .swmajor_step { gap: 3vw; justify-content: center; }
    .smj_01 .swmajor_step > div .step_tit { padding: 2.8vw; }
    .smj_01 .swmajor_step > div .step_tit strong { font-size: 17px; line-height: 22px; }
    .smj_01 .swmajor_step > div .step_tit strong::before { font-size: 16px; margin-bottom: 8px; }
    .smj_01 .swmajor_step > div .step_tit span { margin-bottom: 8px; font-size: 14px; }
    .smj_01 .swmajor_step > div dl ul li { font-size: 13px; line-height: 18px; word-break: keep-all; }
    .smj_01 .swmajor_step > div dl ul li::before { margin-top: calc(18px / 2.4); }
    .smj_01 .swmajor_step > div dl dd { padding: 15px 20px; }
/* .smj_02 .table_wrap {padding:20px 0 50px;} */
.smj_02 .sec01 .table_wrap colgroup col:nth-of-type(1) {width:35px !important;}
.smj_02 .sec01 .table_wrap colgroup col:nth-of-type(2),
.smj_02 .sec01 .table_wrap colgroup col:nth-of-type(3),
.smj_02 .sec01 .table_wrap colgroup col:nth-of-type(4) {width:60px !important;}
.smj_02 .sec02 .table_wrap colgroup col:nth-of-type(1) {width:35px !important;}
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(1),
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(2),
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(3),
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(5) {width:30px !important;}
.smj_02 .sec03 .table_wrap colgroup col:nth-of-type(4) {width:70px !important;}


/*
	SW프로젝트
*/
.shc .img_wrap, .shc .table_wrap {margin:25px 0 70px;}
.sjt_02 .table_wrap colgroup col:nth-of-type(1) {width:30% !important;}
.sjt_02 .table_wrap colgroup col:nth-of-type(2) {width:15% !important;}
.sjt_02 .table_wrap colgroup col:nth-of-type(3) {width:35% !important;}
.sjt_02 .table_wrap colgroup col:nth-of-type(4) {width:20% !important;}


}

/*───────────────────────────────────────────────────────────

	page04(인턴십)
	
───────────────────────────────────────────────────────────*/
	.sub_cont.renew_cont .t1.t_sml {font-size: 24px;}