@charset "utf-8";
/* CSS Document */
/* com2zoa design KYJ 25.07.01 */
/* ★ 공통스타일은 common.css에 있음 */
/* ★ 서브 기본 스타일은 sub.css에 있음 */

/** 공통 컨텐츠 타이틀 **/
.cont_titwrap{position: relative; margin-bottom: 40px; border-bottom: 2px solid #ededed; text-align: center}
.cont_titwrap::after{display: block; content: ''; clear: both; position: absolute; top:0; left:0; width: 100%; height:50px; border-radius: 20px 20px 10px 10px; background: #f7f7f7}
.cont_titwrap .ctit_bx{position: relative; display: inline-block; padding: 0 50px; z-index: 1} 
.cont_titwrap .ctit_bx::before,
.cont_titwrap .ctit_bx::after{display: block; content: ''; clear: both; position: absolute; top:40px; width: 33px; height: 20px; z-index: 5}
.cont_titwrap .ctit_bx::before{left:0; background:url(../images/content/cont_mark01.png) no-repeat 0 0}
.cont_titwrap .ctit_bx::after{right:0; background:url(../images/content/cont_mark02.png) no-repeat 0 0}
.cont_titwrap .smtit{position: relative; display: inline-block; padding: 20px 45px 0; margin-top: 10px; background: #fff; border-radius: 35px 35px 0 0; font-size: 1.4em; font-family: 'Gmarket Sans'; box-shadow:0 -2px 1px rgba(0, 0, 0, 0.05); line-height: 130%; z-index: 1}
.cont_titwrap .smtit span{font-weight: 600}
.cont_titwrap .bigtit{position: relative; margin: 20px 0 25px; font-size: 1.667em; color:#4b5358; font-family: SJG; letter-spacing: 1.5px; line-height: 150%}
.cont_titwrap .bigtit span{font-size:1.2em}
.cont_titwrap .bigtit span.titcol1{color:#40a2ec}
.cont_titwrap .bigtit span.titcol2{color:#23bbb9}


/** 센터 인사말 **/
.sprt_greet{position: relative; background:url(../images/content/greet_bg.gif) no-repeat center bottom}
.sprt_greet::before{display: block; content: ''; clear: both; position: absolute; bottom:-8px; right:0; width: 399px; height: 269px;background:url(../images/content/greet_img.png) no-repeat center bottom; z-index: 1}
.sprt_greet::after{display: block; content: ''; clear: both; position: absolute; bottom:-7px; left:0; width: 100%; height: 7px; border-radius: 50px; background: #add9dd}
.sprt_greet .greet_tb{position: relative; padding: 20px 25px 85px; margin-left: 30px; font-size: 1.067em; line-height: 170%}
.sprt_greet .greet_tb::after{display: block; content: ''; clear: both; position: absolute; top:0; left:0; width: 66px; height: 40px; background:url(../images/content/txt_mark.png) no-repeat 0 0}
.sprt_greet .greet_tb > p{margin-bottom: 25px}
.sprt_greet .greet_tb > p:last-child{margin-bottom: 0}
.sprt_greet .greet_tb > p span{font-weight: 600} 
.sprt_greet .greet_tb span.col1{color:#ff4d4d}
.sprt_greet .greet_tb span.col2{color:#ff950b}
.sprt_greet .greet_tb span.col3{color:#2e8d3b}


/** 센터업무안내 - 조직도 형태 **/
/*업무리스트*/
.sprt_depart .part_bx{position: relative; padding: 10px 10px 15px; background: #fff; border-radius: 30px 30px 15px 15px; border:2px solid #ebebeb; box-sizing: border-box; z-index: 1}
.sprt_depart .part_bx::after{display: block; clear: both; content: ''; position: absolute; left:50%; bottom:-30px; width: 2px; height: 30px; margin-left: -1px; background: #ebebeb}
.sprt_depart .part_lstbx .part_bx::after{display: none}
.sprt_depart .part_lstbx .part_bx:nth-child(2)::after{display: block}
.sprt_depart .part_bx .tit{padding: 13px 10px; margin-bottom: 15px; border-radius: 50px; background: #56a6da; font-size: 1.133em; font-weight: 600; text-align: center; color:#fff}
.sprt_depart .part_bx ul{padding:0 5px}
.sprt_depart .part_bx ul li{position: relative; padding-left: 10px; margin-bottom: 7px; line-height: 130%; letter-spacing: -0.3px}
.sprt_depart .part_bx ul li:last-child{margin-bottom: 0}
.sprt_depart .part_bx ul li::after{display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width:3px; height: 3px; background: #616161}
/*업무리스트 센터과장*/
.sprt_depart .part_bx.leader_type{position: relative; max-width:450px; margin: 0 auto; margin-top: 80px}
.sprt_depart .part_bx.leader_type::before{display: block; clear: both; content: ''; position: absolute; top:-57px; left:50%; width: 127px; height: 71px; margin-left: -65px; background:url(../images/content/center_img.png) no-repeat left 0}
.sprt_depart .part_bx.leader_type .tit{background: #4d5d68; font-family: SJG; font-weight: 300; letter-spacing: 1px}
/*팀리스트*/
.sprt_depart .part_lstbx{position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px}
.sprt_depart .part_lstbx::before,
.sprt_depart .part_lstbx::after{display: block; clear: both; content: ''; position: absolute; left:0;  width: 100%; height: 2px; margin-left: -1px; background: #ebebeb}
.sprt_depart .part_lstbx::before{top:25%}
.sprt_depart .part_lstbx::after{bottom:23%}
.sprt_depart .part_lstbx .part_bx{width: calc(33.3333% - 20px)} 
.sprt_depart .part_lstbx .part_bx:nth-child(-n+3) .tit{background: #5cbdc5}
/*이름 및 전화번호 안내*/
.sprt_depart .part_bx dl.name_telbx{display: flex; justify-content: space-between; padding:0 10px 15px; margin-bottom: 15px; border-bottom: 1px solid #dbdbdb}
.sprt_depart .part_bx dl dt{font-weight: 600}
.sprt_depart .part_bx dl dd{padding: 0 0 0 25px; background:url(../images/content/ico_tel.png) no-repeat left 2px}
.sprt_depart .part_bx dl dd span{font-weight: 600}
/*전화번호 안내 이름 없을 때*/
.sprt_depart .part_bx dl.no_name{justify-content: center}
.sprt_depart .part_bx dl.no_name dt{display: none}
/*교육활동지원팀*/
.sprt_depart .part_team{position: relative; width: 620px; margin: 25px auto; padding: 5px; background: linear-gradient(100deg, #5cbdc5 10%, #56a6da 100%); border-radius: 50px; font-family: SJG; font-size: 1.333em; letter-spacing: 1.5px; text-align: center; z-index: 1}
.sprt_depart .part_team::after{display: block; clear: both; content: ''; position: absolute; left:50%; bottom:-25px; width: 2px; height: 25px; margin-left: -1px; background: #ebebeb}
.sprt_depart .part_team > p{padding: 12px 10px; background: #fff; border-radius: 50px}
.sprt_depart .part_team span{background:linear-gradient(100deg, #5cbdc5 10%, #56a6da 100%); background-clip: text; color: transparent}

/** 센터업무안내 - 표 형태 (표스타일은 common.css에 있음) **/
.sprt_depart .work_list{padding: 5px}
.sprt_depart .work_list > li{position: relative; line-height: 130%; padding-left: 10px; margin-bottom: 7px}
.sprt_depart .work_list > li:last-child{margin-bottom: 0}
.sprt_depart .work_list > li::after{display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width: 3px; height: 3px; background: #000}
.sprt_depart .inner_lst{padding: 8px; margin-top: 3px; border-radius: 5px; background: #f6f6f6}

/** 업무흐름도안내 **/
/*상단안내문구*/
.sprt_workstep .cz_lstbx{margin-bottom: 25px; border-radius: 15px; border:2px solid #f1f1f1}

/*흐름도*/
.sprt_workstep .workstep_bx{display: flex; justify-content: space-between; gap:115px; margin: 70px 0 50px}
.sprt_workstep .workstep_bx .step_bx{position: relative; flex: 1; padding: 18px; border-radius: 30px; background: #e9f6f7; box-sizing: border-box}
.sprt_workstep .workstep_bx .step_bx::before,
.sprt_workstep .workstep_bx .step_bx::after{display: block; clear: both; content: ''; position: absolute}
.sprt_workstep .workstep_bx .step_bx::before{left:50%; top:-54px; width:109px; height: 54px; margin-left: -55px; background:url(../images/content/sch_img.png) no-repeat 0 0}
.sprt_workstep .workstep_bx .step_bx::after{right:-65px; bottom:50%; width:15px; height: 27px; margin-bottom: -10px; background:url(../images/content/arw_step.gif) no-repeat 0 0}
.sprt_workstep .workstep_bx .step_bx:last-child::after{display: none}
.sprt_workstep .step_bx .tit{padding: 15px; border-radius: 50px; background: #fff; color:#52b1b9; text-align: center; font-size: 1.267em; font-family: SJG; font-weight: 300; letter-spacing: 1px; box-shadow:0 2px 1px rgba(0, 0, 0, 0.05)}
.sprt_workstep .step_bx ul{min-height: 168px; margin: 30px 5px 15px; align-content: space-around; text-align: center}
.sprt_workstep .step_bx ul li{position: relative; margin-bottom: 30px; font-weight: 500; font-size: 1.067em}
.sprt_workstep .step_bx ul li::after{display: block; clear: both; content: ''; position: absolute; bottom:-20px; left:50%; width:0; height:0; margin-left:-10px; border-top: 5px solid #5cbdc5; border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid transparent}
.sprt_workstep .step_bx ul li:last-child{margin-bottom: 0}
.sprt_workstep .step_bx ul li:last-child::after{display: none}
.sprt_workstep .step_bx ul li span{color:#ff4f37; font-weight: 700}
/*흐름도-학교지원센터*/
.sprt_workstep .workstep_bx .step_bx.point_step{background: #fff; border:2px solid #63bcf5}
.sprt_workstep .step_bx.point_step::before{top:-49px; left:50%; width: 127px; height: 71px; margin-left: -65px; background:url(../images/content/center_img.png) no-repeat left 0}
.sprt_workstep .point_step .tit{background: #44a4e2; color:#fff}
.sprt_workstep .point_step ul li::after{border-top-color:#63bcf5}
/*지원서 등록*/
.sprt_workstep .workplan_bx{display: flex; flex-wrap: wrap; justify-content: space-between; gap:20px}
.sprt_workstep .workplan_bx .plan_bx{display: flex; gap:15px; width: calc(50% - 10px); padding: 10px; background: #fff; border-radius: 15px; border:2px solid #f1f1f1; font-size: 1.067em; box-sizing: border-box}
.sprt_workstep .workplan_bx .plan_bx dt{width: 180px; height: 44px; border-radius: 10px; background: #ff0; font-weight: 700; color:#fff; text-align: center; align-content: space-around}
.sprt_workstep .workplan_bx .plan_bx dd{width: 100%; align-content: space-around}
.sprt_workstep .plan_bx.plan1 dt{background: #4ab957}
.sprt_workstep .plan_bx.plan2 dt{background: #fdb833}
.sprt_workstep .plan_bx.plan3 dt{background: #f26521}
.sprt_workstep .plan_bx.plan4 dt{background: #0072bc}
/*담당자안내*/
.sprt_workstep .plan_footbx{padding: 7px 15px 9px; margin-top: 20px; border-radius: 50px; background: #f3f3f3; text-align: right}
.sprt_workstep .contact_item{display: inline-block; padding: 3px 0 3px 25px; background:url(../images/content/ico_contact.png) no-repeat left 5px}


/** 이용약관 동의 **/
.sprt_terms .terms_top{padding:20px; border-radius: 15px; background:url(../images/content/terms_logo.gif) no-repeat right 25px top 27px #f7f7f7; line-height: 160%}
.sprt_terms .terms_top .tit01{margin-bottom: 5px; font-size: 1.2em}
.sprt_terms .terms_top .tit01 span{font-weight: 600}
.sprt_terms .terms_top .tit02{font-size:1.067em}
.sprt_terms .terms_all{padding: 10px; margin:20px 0 15px; border-bottom:2px solid #4d5d68; color:#000; font-size: 1.267em; font-weight: 600} 
.sprt_terms h4.terms_tit {position: relative; line-height:140%; padding:0 0 0 18px; margin:30px 0 13px; font-size:1.2em; font-weight:600}
.sprt_terms h4.terms_tit::after{content:""; clear:both; display:block; position: absolute; left:0; top:-10px; width: 27px; height: 15px; background:url(../images/sub/subtit4.png) no-repeat left 0}
.sprt_terms .terms_tb{font-size:0.933em; line-height: 150%}
.sprt_terms .terms_tb > ol{margin-bottom: 30px}
.sprt_terms .terms_tb > ol > li{margin:0 0 5px 18px; text-indent: -18px}
.sprt_terms .terms_tb > ol > li:last-child{margin-bottom:0}
.sprt_terms .terms_tb > ol > li > ol{margin:5px 0 15px; padding: 15px; border-radius: 5px; background: #f7f7f7}
.sprt_terms .terms_tb > ol > li > ol > li{margin-bottom: 5px; text-indent: 0}
.sprt_terms .terms_tb > ol > li > ol > li:last-child{margin-bottom: 0}
.sprt_terms .terms_tb > p{margin-bottom: 20px}


/** 저작권신고 **/
.sprt_copyright{margin-top: 50px}
.sprt_copyright .copy_top{padding-top:90px; margin-bottom: 25px; background:url(../images/content/bg_siren.gif) no-repeat center top; line-height: 180%; text-align: center}
.sprt_copyright span.bgcol_re{padding:3px 5px; background: #ff4b4b; color:#fff}
.sprt_copyright .copy_tb{padding: 20px 20px 20px 145px; background: #fff; border-radius: 15px; border: 1px solid #e3e3e3; border-top:3px solid #ff4b4b; background:url(../images/content/bg_copyright.gif) no-repeat left 20px center;}
.sprt_copyright .copy_tb li{position: relative; padding-left: 15px; margin-bottom: 7px; line-height: 150%}
.sprt_copyright .copy_tb li::after{display: block; clear: both; content: ''; position: absolute; left:0; top:8px; width:3px; height: 3px; background: #616161}
.sprt_copyright .copy_tb li:last-child{margin-bottom: 0}


/** 이메일 무단 수집 거부 **/
.sprt_email{margin-top: 50px}
.sprt_email .email_top{padding-top: 80px; margin-bottom: 25px; background:url(../images/content/bg_email.gif) no-repeat center top; line-height: 180%; text-align: center}
.sprt_email .email_top span.bgcol_re{padding:3px 5px; background: #ff4b4b; color:#fff}
.sprt_email .email_tb{padding: 25px; background: #ffff; border-radius: 15px; border: 1px solid #e3e3e3; border-top:3px solid #fdc830; text-align: center}
.sprt_email .mail_rule{margin-bottom: 10px; letter-spacing: 1px}
.sprt_email .mail_date{display: inline-block; padding: 10px 100px; border-radius: 50px; background: #f2f2f2}

/* 업무안내 kjh 250729 */
.sprt_guide .guide_wrap {margin:15px 0 50px}
.sprt_guide .guide_boxwrap {display:flex; justify-content: space-between; flex-wrap:wrap; gap:15px}
.sprt_guide .guide_box {width:calc(100% / 2 - 15px); padding:6px; border:2px solid #ebebeb; box-sizing: border-box; border-radius:30px 30px 15px 15px}
.sprt_guide .guide_box .guide_boxtit {padding:12px; background:#5cbdc5; border-radius:50px; text-align: center; color:#fff; font-size:1.135em}
.sprt_guide .guide_box2 .guide_boxtit {background:#56a6da}
.sprt_guide .guide_boxlst {padding:5px 5px 0px}
.sprt_guide .guide_boxlst dl {display: flex; justify-content: flex-start; align-items:baseline; gap:8px; margin:8px 0}
.sprt_guide .guide_boxlst dt {width:110px; height:32px; line-height:30px; background:#e0e0e0; border-radius:50px; text-align: center; flex:none}
.sprt_guide .guide_boxlst dd {width:calc(100% - 110px); margin-left:10px; font-size:0.95em; font-weight:300}
.sprt_guide .guide_boxlst dd ul li {position:relative; line-height:150%; padding-left:8px; background:url(../images/sub/)}
.sprt_guide .guide_boxlst dd ul li::after{display: block; clear: both; content: ''; position: absolute; top:7px; left:0; width: 3px; height: 3px; background: #000}
.sprt_guide .guide_boxlst .guide_first dt {background:#4d5d68; color:#fff}
.sprt_guide .guide_boxlst .guide_first dd {font-weight:500}



/* MOBILE LAYOUT */
@media only screen and (max-width:1024px) {

/** 공통 컨텐츠 타이틀 **/
.cont_titwrap{position: relative; margin-bottom: 15px; border-bottom: 2px solid #ededed; text-align: center}
.cont_titwrap .ctit_bx{padding: 0 33px} 
.cont_titwrap .ctit_bx::before,
.cont_titwrap .ctit_bx::after{width: 25px; background-size: 25px}
.cont_titwrap .smtit{padding: 15px 15px 5px; margin-top: 10px; border-radius: 25px 25px 0 0; font-size:15px}
.cont_titwrap .bigtit{ margin: 10px 0 20px; font-size: 18px; letter-spacing: 0}

/** 센터 인사말 **/
.sprt_greet::before{width: 250px; background-size: 250px} 
.sprt_greet .greet_tb{padding: 10px 10px 60px; margin-left: 0; font-size: 1.000em}
.sprt_greet .greet_tb::after{width: 40px;  background-size: 40px}
.sprt_greet .greet_tb > p{margin-bottom: 10px}

/** 센터업무안내 **/
/*업무리스트*/
.sprt_depart .part_lstbx .part_bx::after{display: block}
.sprt_depart .part_lstbx .part_bx:last-child::after{display: none}
.sprt_depart .part_bx .tit{padding: 8px 10px;font-size: 15px}
/*팀리스트*/
.sprt_depart .part_lstbx{display:block}
.sprt_depart .part_lstbx::before,
.sprt_depart .part_lstbx::after{display: none}
.sprt_depart .part_lstbx .part_bx{width: calc(100%); margin-bottom: 15px}   
/*교육활동지원팀*/
.sprt_depart .part_team{width: 100%; margin: 20px auto}

/** 업무흐름도안내 **/
/*흐름도*/
.sprt_workstep .workstep_bx{gap:45px; margin: 60px 0 40px}
.sprt_workstep .workstep_bx .step_bx{padding: 13px; border-radius: 20px}
.sprt_workstep .workstep_bx .step_bx::after{right:-28px; width:10px; margin-bottom: -20px; background-size: 10px}
.sprt_workstep .workstep_bx .step_bx:last-child::after{display: none}
.sprt_workstep .step_bx .tit{padding: 15px 10px 13px; font-size: 17px}
/*흐름도-학교지원센터*/ 
.sprt_workstep .step_bx.point_step::before{top:-45px; width: 110px; margin-left: -53px; background-size: 110px}

/** 이용약관 동의 **/
.sprt_terms .terms_top{background-image:none; text-align: center; font-size:14px}

/** 저작권신고 **/
.sprt_copyright{margin-top:0}
.sprt_copyright .copy_top{padding-top:60px; margin-bottom: 20px; background-size: 50px}
.sprt_copyright .copy_tb{padding: 10px; background:none}

/** 이메일 무단 수집 거부 **/
.sprt_email{margin-top: 0}
.sprt_email .email_top{padding-top:60px; background-size: 70px}
    
    /* 업무안내 kjh 250729 */
    .sprt_guide .guide_wrap {margin:10px 0 35px}
    .sprt_guide .guide_boxwrap {gap:10px}
    .sprt_guide .guide_box {width:calc(100% / 2 - 10px)}
    .sprt_guide .guide_boxlst dl {gap:5px; margin:5px 0}
    .sprt_guide .guide_boxlst dt {width:76px; height: 28px; line-height:28px; font-size:13px}
    .sprt_guide .guide_boxlst dd {width:calc(100% - 80px)}
    .sprt_guide .guide_box .guide_boxtit {padding:8px; font-size:1em}
    
}


/* PC LAYOUT */
@media only screen and (min-width:1025px) {
}


/**** LOWSET FIX ****/
@media only screen and (max-width:800px) {
/** 센터 인사말 **/
.sprt_greet::before{display: none} 
.sprt_greet .greet_tb{text-align: center} 
}

@media only screen and (max-width:780px) {
/** 업무흐름도안내 **/
/*흐름도*/
.sprt_workstep .workstep_bx{display: block}
.sprt_workstep .workstep_bx .step_bx{padding: 10px; margin-bottom: 60px}
.sprt_workstep .step_bx ul{min-height: auto; margin: 20px 5px 10px}
.sprt_workstep .step_bx ul li{margin-bottom: 20px; font-size: 15px} 
/*지원서 등록*/
.sprt_workstep .workplan_bx{display: block}
.sprt_workstep .workplan_bx .plan_bx{width: 100%; margin-bottom: 10px}
.sprt_workstep .workplan_bx .plan_bx:last-child{margin-bottom: 0}
.sprt_workstep .workplan_bx .plan_bx dt{height: 36px}
}

@media only screen and (max-width:600px) {
    /* 업무안내 kjh 250729 */
    .sprt_guide .guide_box {width:calc(100%)}
}