#wrap .subTopimg { width:100%; text-align:center;} #wrap.information_01_01 .subTopimg {display:none;} /* 이사장 인사말 */ /*//////////////////////////////////////////////*/ #wrap { width: 100%; } #wrap:not(.information_01_01,.information_01_02,.information_01_05,.information_01_06) {padding-bottom:var(--line-spacing-120);} /* 서브 상단 타이틀 위치 */ #wrap .path { width:100%; border: 1px solid #e7e7e7; border-width: 1px 0 0;} #wrap .path .inner { width:100%; max-width: 1400px; margin: 0 auto; display:flex; padding:2.8% 0; justify-content: space-between; flex-wrap: wrap; } #wrap .path .inner:after { content:""; display:block; clear:both; } #wrap .path .inner > div {flex-basis: auto; flex-grow: 1; } #wrap .path .inner .TopTitle {display:flex; flex-direction: column; justify-content: flex-start;} #wrap .path .inner .TopTitle .parentName {font-size:18px; color:#00ADEF; font-weight:500; margin-bottom:15px;} #wrap .path .inner .TopTitle .thisName { font-size:50px; color:#000; font-weight:700; } #wrap .path .inner .pathMenu { display:flex; align-items: center; justify-content: flex-end; color:#000; font-size:18px; white-space: nowrap;} #wrap .path .inner .pathHome {padding-right:40px; width:41px; height:41px; background:url("/images/new/layout/utility_st1.png") no-repeat 50% 50%; } #wrap .path .inner > div > div > ul { display: none; } #wrap .path .inner .pathMenu > div:not(.pathHome):after {content:""; display:inline-block; padding-left:40px; width:6px; height:10px; background:url("/images/new/arrow/arrow_next_st2_b.png") no-repeat 50% 50%; background-size:6px;} #wrap .path .inner .pathMenu > div:last-child:after {display:none;} #container { min-height:300px; margin:0 auto; *zoom:1; } #container:after { content:""; display:block; clear:both; } #container #contents {clear:both; width:100%;} #container #contents:after { content:""; display:block; clear:both; } #container #contents .s_content {clear:both; width:100%;} .LimitMax1200 {max-width:1240px; margin:0 auto;} .LimitMax1400 {max-width:1400px; margin:0 auto;} .LimitMax1640 {max-width:1640px; margin:0 auto;} .LimitMax1800 {max-width:1800px; margin:0 auto; padding:0 80px; position:relative;} @media screen and (max-width:1800px){ .LimitMax1800 { padding:0; } } .innerSubHeadContaner { width:100%; padding:0 var(--topbg-lrpd); box-sizing:border-box;} .subHeadContaner { width: 100%; height: 340px; max-width:2200px; margin:0 auto; border-radius:var(--line-radius-100);} .subHeadContaner2 { width: 100%; height: 600px; padding-bottom: var(--line-spacing-100); max-width:2200px; margin:0 auto; border-radius:var(--line-radius-100); box-sizing:border-box; background: url("/images/new/sub/information/common_app.jpg") no-repeat center; display: flex; align-items:end; } .subHeadContaner2 > div { display: flex; flex-direction:column; flex:1; color: #fff; padding:0 90px; } .subHeadContaner2 .text1 { font-size: var(--f-size20); } .subHeadContaner2 .text2 { margin: 30px 0 10px; font-size: var(--f-size60_); font-weight: 700; } .subHeadContaner2 .text3 { font-size: var(--f-size30_); font-weight: 700;} .matriculation_02 .subHeadContaner2 {height:400px;} .matriculation_02 .subHeadContaner2 .text4 { display:none; } .subHeadContaner2 a { display: inline-block; padding: var(--btn-pd_); background: #000; margin-top: var(--line-spacing-40); color: #fff; border-radius:var(--line-radius-50); font-size: var(--f-size20); margin-right: var(--line-spacing-20); margin-bottom:5px;} .subHeadContaner2 a:last-child { background: #00adef; margin: 0;} .subHeadContaner2 img { vertical-align: middle; margin:0 0 5px var(--line-spacing-35);} .information_01_03 .subHeadContaner { background:url("/images/new/sub/information/info3_top.jpg") no-repeat center;} .information_01_07 .subHeadContaner { background:url("/images/new/sub/information/info4_top.jpg") no-repeat center;} .information_02_01 .subHeadContaner { background:url("/images/new/sub/information/info5_top.jpg") no-repeat center;} .curriculum_01_01 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu1_1_top.jpg") no-repeat center;} .curriculum_01_02 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu1_2_top.jpg") no-repeat center;} .curriculum_01_03 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu1_3_top.jpg") no-repeat center;} .curriculum_01_04 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu1_4_top.jpg") no-repeat center;} .curriculum_02_01 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu2_1_top.jpg") no-repeat center;} .curriculum_02_02 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu2_2_top.jpg") no-repeat center;} .curriculum_02_03 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu2_3_top.jpg") no-repeat center;} .curriculum_03_01 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu3_1_top.jpg") no-repeat center;} .curriculum_03_03 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu3_2_top.jpg") no-repeat center;} .curriculum_03_05 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu3_3_top.jpg") no-repeat center;} .curriculum_05_01 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu4_1_top.jpg") no-repeat center;} .curriculum_05_02 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu4_2_top.jpg") no-repeat center;} .curriculum_05_05 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu4_5_top.jpg") no-repeat center;} .curriculum_05_06 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu4_6_top.jpg?v=1") no-repeat center;} .curriculum_05_03 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu4_4_top.jpg") no-repeat center;} .curriculum_05_04 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu4_3_top.jpg") no-repeat center;} .curriculum_06_01 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu5_1_top.jpg") no-repeat center;} .curriculum_06_02 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu5_5_top.jpg") no-repeat center;} .curriculum_06_03 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu5_3_top.jpg") no-repeat center;} .curriculum_06_04 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu5_4_top.jpg") no-repeat center;} .employment_01 .subHeadContaner { background:url("/images/new/sub/employment/jobcenter1_top.jpg") no-repeat center;} .employment_01_01 .subHeadContaner { background:url("/images/new/sub/employment/jobcenter1_top.jpg") no-repeat center;} .employment_02 .subHeadContaner { background:url("/images/new/sub/employment/jobcenter1_top.jpg") no-repeat center;} .employment_03 .subHeadContaner { background:url("/images/new/sub/employment/jobcenter3_top.jpg") no-repeat center;} .employment_04 .subHeadContaner { background:url("/images/new/sub/employment/jobcenter4_top.jpg") no-repeat center;} .employment_07 .subHeadContaner { background:url("/images/new/sub/employment/jobcenter7_top.jpg") no-repeat center;} .story_06 .subHeadContaner, .story_08 .subHeadContaner{ background:url("/images/new/sub/story/aseastory1_top.jpg") no-repeat center;} .story_01 .subHeadContaner { background:url("/images/new/sub/story/aseastory3_top.jpg") no-repeat center;} .story_02 .subHeadContaner { background:url("/images/new/sub/story/aseastory4_top.jpg") no-repeat center;} .life_02 .subHeadContaner, .life_03 .subHeadContaner{ background:url("/images/new/sub/life/school2_top1.jpg") no-repeat center;} .life_06 .subHeadContaner { background:url("/images/new/sub/life/school6_top1.jpg") no-repeat center;} .life_08_01 .subHeadContaner{ background:url("/images/new/sub/life/school8_top1.jpg") no-repeat center;} .life_08_02 .subHeadContaner{ background:url("/images/new/sub/life/school8_top2.jpg") no-repeat center;} .life_08_03 .subHeadContaner{ background:url("/images/life/noncom3_img1_1.jpg") no-repeat center; background-size:cover;} .life_08_04 .subHeadContaner{ background:url("/images/new/sub/life/school8_top4.jpg") no-repeat center;} .life_08_05 .subHeadContaner{ background:url("/images/new/sub/life/school8_top5.jpg") no-repeat center;} .life_09_01 .subHeadContaner { background:url("/images/new/sub/life/school9_top1.jpg") no-repeat center;} .life_09_02 .subHeadContaner { background:url("/images/new/sub/life/school9_top2.jpg") no-repeat center;} .life_09_03 .subHeadContaner { background:url("/images/new/sub/life/school9_top3.jpg") no-repeat center;} .titleArea h2 { color:#000; padding:var(--line-spacing-100) 0 var(--line-spacing-40); font-size: var(--f-size40); font-weight: 700; } @media screen and (max-width:1400px){ #wrap .path .inner .TopTitle .thisName {font-size:40px;} #wrap .path .inner .pathMenu {font-size:16px;} #wrap .path .inner .pathHome { background-size:32px;} .subHeadContaner { height: 280px; background-size:cover !important; } .subHeadContaner2 { height: 480px;} .matriculation_02 .subHeadContaner2 {height:360px;} } @media screen and (max-width:1024px){ #wrap .path .inner .TopTitle .parentName {font-size:16px; margin-bottom:10px;} #wrap .path .inner .TopTitle .thisName {font-size:32px;} #wrap .path .inner .pathHome { padding-right:16px; } #wrap .path .inner .pathMenu > div:not(.pathHome):after {padding-left:16px;} .subHeadContaner { height: 260px;} .subHeadContaner2 { height: 360px;} .matriculation_02 .subHeadContaner2 {height:280px;} .subHeadContaner2 > div { padding:0 26px;} .curriculum_05_05 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu4_5_top.jpg") no-repeat 20% center;} } @media screen and (max-width:760px){ #wrap .path .inner { padding:8% 0 6%; flex-direction: column; justify-content: flex-start;} #wrap .path .inner .pathMenu { justify-content: flex-start; margin-top:10px; font-size:15px; } #wrap .path .inner .pathHome { width:34px; height:31px; background-position:left 50%; padding-right:0; background-size:26px; } #wrap .path .inner .pathMenu > div:not(.pathHome):after {padding-left:14px;} #wrap .path .inner .TopTitle .parentName {font-size:14px;} #wrap .path .inner .TopTitle .thisName {font-size:26px;} .subHeadContaner { height: 160px; } .subHeadContaner2 { height: 260px; } .matriculation_02 .subHeadContaner2 {height:200px;} .subHeadContaner2 > div { padding:0 16px;} .curriculum_05_05 .subHeadContaner { background:url("/images/new/sub/curriculum/cclu4_5_top.jpg") no-repeat 20% center; } } #wrap.information_01_01 .s_content {background:url("/images/new/sub/information/info1_bg1.png") no-repeat center; background-size:cover; padding:var(--line-spacing-bg100);} #wrap.information_01_02 .s_content {background:url("/images/new/sub/information/info1_bg1.png") no-repeat center; background-size:cover; padding:var(--line-spacing-bg100);} .information_01_01 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .information_01_01 .contentBox .contents { display: flex; margin-top: var(--line-spacing-50); gap:var(--line-spacing-90); } .information_01_01 .contentBox .contents > div { flex: 1 1 0; } .information_01_01 .contentBox .contents .textBox { flex: 1.3 1 0;font-size: var(--f-size18); font-weight: 500; color: #777; line-height: 1.7;} .information_01_01 .contentBox .contents .textBox .colorBlack { color: #000;} .information_01_01 .contentBox .contents .textBox .text2 { display: flex; justify-content: flex-end; align-items: flex-end; margin-top: var(--line-spacing-70); color: #000; } .information_01_01 .contentBox .contents .textBox .text2 .img { margin-right: -10px; } .information_01_01 .contentBox .contents .textBox .text2 span { display: block; text-align: right; } .information_01_01 .contentBox .contents .textBox .text2 .name { font-size: 26px;} .information_01_02 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .information_01_02 .contentBox .contents { display: flex; margin-top: var(--line-spacing-50); gap:var(--line-spacing-90); } .information_01_02 .contentBox .contents > div { flex: 1 1 0; } .information_01_02 .contentBox .contents .textBox { flex: 1.3 1 0; font-size: var(--f-size18); font-weight: 500; color: #777; line-height: 1.7;} .information_01_02 .contentBox .contents .textBox .colorBlack { color: #000;} .information_01_02 .contentBox .contents .textBox .text2 { display: flex; justify-content: flex-end; align-items: flex-end; margin-top: var(--line-spacing-70); color: #000; } .information_01_02 .contentBox .contents .textBox .text2 .img { margin-right: -10px; } .information_01_02 .contentBox .contents .textBox .text2 span { display: block; text-align: right; } .information_01_02 .contentBox .contents .textBox .text2 .name { font-size: 26px;} .information_01_03 .contentBox { padding: var(--line-spacing-tb100);} .ContentPdInner.contentBox .title, .information_01_03 .contentBox .title, .information_01_04 .contentBox .title{ color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.3; } .information_01_03 .contentBox .contents, .information_01_04 .contentBox .contents{ margin-top: var(--line-spacing-40); } .information_01_03 .contentBox .contents .content1, .information_01_04 .contentBox .contents .content1{ font-size: var(--f-size20); font-weight: 500; color: #777; line-height: 1.7; } .information_01_03 .contentBox .contents .content2 { display: flex; justify-content: space-between; text-align: center; gap:var(--line-spacing-50); margin-top: var(--line-spacing-100); } .information_01_03 .contentBox .contents .content2 .subjec { margin: 35px 0 25px; color: #000; font-size: var(--f-size27); font-weight: 700; } .information_01_03 .contentBox .contents .content2 .text { color: #555; font-size: var(--f-size18); line-height: 1.4;} #wrap.information_01_05 .s_content {background:#50b4fe; padding:var(--line-spacing-bg100);} #wrap.information_01_06 .s_content {background:url("/images/new/sub/information/info7_bg.png") no-repeat center; background-size:cover; padding:var(--line-spacing-bg100);} .information_01_05 .contentBox, .information_01_06 .contentBox {clear:both;} .information_01_05 .contentBox .contents .content1{ display:flex; flex-direction: column; text-align: center; max-width:1400px; padding:0 80px; margin:0 auto; } .information_01_05 .contentBox .contents .bottom_btn.PcView {display:flex; max-width:1400px; margin:0 auto; background-color:#FFE249; width:100%;} .information_01_05 .contentBox .contents .bottom_btn a { width:25%; } .information_01_06 .contentBox .contents .content1{ display:flex; text-align: center; max-width:1894px; padding:0 80px; margin:0 auto; } .information_01_05 .contentBox .contents .content1 img {max-width:100%;} .information_01_06 .contentBox .contents .content1 img{ max-width:100%; width:50%;} @media screen and (max-width:1800px){ .information_01_05 .contentBox .contents .content1, .information_01_06 .contentBox .contents .content1{padding:0;} } @media screen and (max-width:1360px){ .information_01_06 .contentBox .contents .content1{flex-direction: column;} .information_01_06 .contentBox .contents .content1 img{ width:100%; } } @media screen and (max-width:1024px){ .information_01_05 .contentBox .contents .bottom_btn.PcView {display:none;} .information_01_05 .contentBox .contents .bottom_btn.mobileView { display:flex; flex-wrap:wrap; background-color:#fff; padding:20px; box-sizing:border-box; } .information_01_05 .contentBox .contents .bottom_btn.mobileView a { display:inline-block; width:calc(50% - 20px); padding:10px; } } .information_01_07 .contentBox { padding: var(--line-spacing-tb100);} .information_01_07 .contentBox .title .text1 { color: #000; font-size: var(--f-size22); font-weight: 700; } .information_01_07 .contentBox .title .text2 { color: #000; font-size: var(--f-size40); font-weight: 700; margin: var(--line-spacing-50) 0; line-height: 1.3;} .information_01_07 .contentBox .title .text3 { color: #555; font-size: var(--f-size20); line-height: 1.4; } .information_01_07 .contentBox .contents .content1 { margin-top: var(--line-spacing-100); text-align: center;} .information_01_07 .contentBox .contents .content1 img { max-width:100%; } .information_01_07 .contentBox .contents .content1:after { content:""; display: block; background: #ddd; margin: 0 auto; height: 100px; width: 1px;} .information_01_07 .contentBox .contents .content2 { width: 100%; max-width: 500px; margin: 0 auto; background: #f3f7f8; padding: 70px 90px; border-radius:30px; box-sizing:border-box; } .information_01_07 .contentBox .contents .content2 .contentTitle { color: #000; font-size: var(--f-size40); text-align: center; font-weight: 700;} .information_01_07 .contentBox .contents .content2 ul { margin-top: var(--line-spacing-70); } .information_01_07 .contentBox .contents .content2 ul a { display: block; padding: 19px 0; text-align: left; color: #777; font-size: var(--f-size22); font-weight: 500; background:url("/images/new/arrow/arrow_next_st4_b.png") no-repeat 95% center;} .information_02_01 .contentBox { padding: var(--line-spacing-tb100);} .information_02_01 .contentBox .contents .content1 { text-align: center;} .information_02_01 .contentBox .contents .content1 img { max-width:100%; } .information_02_03 .contentBox { padding: var(--line-spacing-tb50);} .information_02_03 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .information_02_03 .contentBox .contents .content1 { text-align: center;} .information_02_04 .divideContainer { width: 100%; overflow: hidden; } .information_02_04 .divideContainer > .directionsContainer { float: left; width: 50%; padding-left: 25px; box-sizing:border-box; } .information_02_04 .divideContainer > .directionsContainer:first-child { padding: 0 25px 0 0 ;} .information_02_04 .directionsContainer { width: 100%; margin-bottom: var(--line-spacing-100);} .information_02_04 .directionsContainer .mapContent { width: 100%;} .information_02_04 .directionsContainer .mapText { width: 100%; margin-top: 35px;} .information_02_04 .directionsContainer .mapText .title { margin-bottom: 15px; font-size: var(--f-size26); color: #000; font-weight: 700;} .information_02_04 .directionsContainer .mapText .content { width: 100%; overflow: hidden; padding: var(--line-spacing-20) 0; border-bottom: 1px solid #ddd; } .information_02_04 .directionsContainer .mapText .subject { float: left; width:200px; font-size: var(--f-size18); color: #000; font-weight: 700; vertical-align: middle;} .information_02_04 .directionsContainer .mapText .text { float: left; font-size: var(--f-size16); color: #818181; line-height:26px;} .information_02_04 .directionsContainer .mapText .text.num { color:#000; } .information_02_04 .directionsContainer .line1 { color: #0064b5; } .information_02_04 .directionsContainer .line4 { color: #27abff; } .information_02_04 .directionsContainer .line2 { color: #008066; } .information_02_04 .directionsContainer .line5 { color: #ff3fff; } .information_02_04 .directionsContainer .line6 { color: #d3612e; } .information_02_04 .directionsContainer .linejung { color: #3baab4; } .information_02_04 .root_daum_roughmap { width: 100% !important;} .matriculation .contentBox { padding: var(--line-spacing-tb100);} .matriculation .contentBox .title { display: flex; flex-wrap:wrap; gap:20px; color: #000; font-size: var(--f-size40); font-weight: 700; } .matriculation .contentBox .title > div { flex: 1 1 40%; } .matriculation .contentBox .title .text2 { font-size: var(--f-size20); color: #777; line-height: 1.4; font-weight: normal; } .matriculation .contentBox .title .text2 a { display: inline-block; padding: var(--btn-pd); background: #000; margin-top: var(--line-spacing-60); color: #fff; border-radius:var(--line-radius-50); } .matriculation .contentBox .title .text2 img { vertical-align: middle; margin:0 0 5px var(--line-spacing-35);} .matriculation .contentBox .contents { margin-top: var(--line-spacing-70); border-top: 1px solid #ddd; } .matriculation_03 .contentBox { padding: var(--line-spacing-tb100);} .matriculation_03 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .matriculation_03 .contentBox .contents { margin-top: var(--line-spacing-70); border-top: 2px solid #000;} .matriculation_03 .contentBox .contents .content1 > div { display: flex; align-items: center; gap:5%; padding: var(--f-size40) 0; border-bottom: 1px solid #ddd;} .matriculation_03 .contentBox .contents .content1 > div ul { display: flex; flex-direction:column; gap:20px; } .matriculation_03 .contentBox .contents .content1 > div .subjec { color: #000; font-size: var(--f-size26); font-weight: 700;} .matriculation_03 .contentBox .contents .content1 > div .text { display: flex; color: #777; font-size: var(--f-size20);} .matriculation_03 .contentBox .contents .content1 > div .num { display: inline-block; min-width:33px; text-align: center; margin-right: 25px; color: #00adef;} .matriculation_06 .contentBox { padding: var(--line-spacing-tb100);} .matriculation_06 .contentBox .title { border-bottom: 1px solid #ddd; padding-bottom: var(--line-spacing-70); } .matriculation_06 .contentBox .title .text1 { font-size: var(--f-size40); color: #000; font-weight: 700; margin-bottom: 20px; } .matriculation_06 .contentBox .title .text2 { font-size: var(--f-size20); color: #777; line-height: 1.4; font-weight: normal; } .matriculation_06 .contentBox .title .text2 span { font-weight: normal; } .curriculum .contentBox .contents .content1 { position: relative; } .curriculum .contentBox .contents .content1 .bgContainer { padding: var(--line-spacing-tb100); background: #f5f6f8; } .curriculum .contentBox .contents .content1 .contentTitle { margin-bottom: var(--line-spacing-70);} .curriculum .contentBox .contents .content1 .contentTitle .text1 { color: #000; font-size: var(--f-size40); font-weight: 700; margin:0 0 var(--line-spacing-50) 0; line-height: 1.4;} .curriculum .contentBox .contents .content1 .contentTitle .text2 { color: #555; font-size: var(--f-size20); line-height: 1.5; } .curriculum .contentBox .contents .content1 .contentTitle span { color: #00ADEF; } .curriculum .contentBox .contents .content1 .swiper-pagination { bottom: -40px;} .curriculum .contentBox .contents .content1 .swiper-pagination-bullet { opacity: 1; width: 12px; height: 12px;} .curriculum .contentBox .contents .content2 { margin-top: var(--line-spacing-100); margin-bottom: var(--line-spacing-100);} .curriculum .contentBox .contents .content2 .contentTitle { color: #000; font-size: var(--f-size40); font-weight: 700; margin-left:5px; } .curriculum .contentBox .contents .content2 .contentTitle .text1 {font-size: var(--f-size20); color:#000; font-weight:500; padding:var(--line-spacing-20) 0;} .curriculum .contentBox .contents .content2 .contentLRInner {display:flex; gap:var(--line-spacing-70); align-items: center; } .curriculum .contentBox .contents .content2 .contentLRInner > div:nth-child(1) {width:30%; position: relative;} .curriculum .contentBox .contents .content2 .contentLRInner > div:nth-child(2){ width:70%; } .curriculum .contentBox .titleBtn { display: flex; flex-direction: column; gap:var(--line-spacing-20); } .curriculum .contentBox .titleBtn a {position: relative; font-size: var(--f-size20); line-height: 1.4; font-weight: normal; padding:10px 34px; display: inline-block; border:1px solid #dcdcdc; color: #000; border-radius:var(--line-radius-50); } .curriculum .contentBox .titleBtn a img {position:absolute; width:16px; right:4px; top:50%; padding:14px 12px; border-radius:50%; transform: translateY(-50%); background: #00adee; transition: .2s;} .curriculum .contentBox .titleBtn a:hover img{ background-color:#000;} .curriculum_02 .contentBox .titleBtn a img {background: #15bbca;} .curriculum_03 .contentBox .titleBtn a img {background: #9856cc;} .curriculum_05 .contentBox .titleBtn a img {background: #d87d11;} .curriculum_06 .contentBox .titleBtn a img {background: #54691d;} .curriculum .contentBox .contents .content3 .bgContainer { padding: var(--line-spacing-t100); background:url("/images/new/sub/curriculum/cclu1_txtbg1.png") no-repeat center 0; } .curriculum .contentBox .contents .content3 .contentTitle { margin-bottom: var(--line-spacing-90); color: #fff; text-align: center;} .curriculum .contentBox .contents .content3 .contentTitle .text1 { font-size: var(--f-size60); font-weight: 700; } .curriculum .contentBox .contents .content3 .contentTitle .text2 { font-size: var(--f-size36); font-weight: 700; margin: 35px 0 15px; } .curriculum .contentBox .contents .content3 .contentTitle .text3 { font-size: var(--f-size20); } .curriculum .contentBox .contents .content3 .textBox { display: flex; flex-wrap:wrap; background: #fff; border-radius:var(--line-radius-20); } .curriculum .contentBox .contents .content3 .textBox > div { position: relative; padding: var(--line-spacing-70); flex:1 1 40%; } .curriculum .contentBox .contents .content3 .textBox > div .grade { position: absolute; top: 0; padding: 18px 50px; background: #282828; color: #fff; font-size: var(--f-size26); font-weight: 600; border-radius: 0 0 20px 20px; } .curriculum .contentBox .contents .content3 .textBox > div:last-child .grade { background: #00adef;} .curriculum_02 .contentBox .contents .content3 .textBox > div:last-child .grade { background: #38B8B4;} .curriculum_03 .contentBox .contents .content3 .textBox > div:last-child .grade { background: #9756CC;} .curriculum_05 .contentBox .contents .content3 .textBox > div:last-child .grade { background: #D87D11;} .curriculum_06 .contentBox .contents .content3 .textBox > div:last-child .grade { background: #657d40;} .curriculum_02 .contentBox .contents .content3 .bgContainer {background:url("/images/new/sub/curriculum/cclu2_txtbg1.png") no-repeat center 0; } .curriculum_03 .contentBox .contents .content3 .bgContainer {background:url("/images/new/sub/curriculum/cclu3_txtbg1.png") no-repeat center 0; } .curriculum_05 .contentBox .contents .content3 .bgContainer {background:url("/images/new/sub/curriculum/cclu4_txtbg1.png") no-repeat center 0; } .curriculum_06 .contentBox .contents .content3 .bgContainer {background:url("/images/new/sub/curriculum/cclu5_txtbg1.png") no-repeat center 0; } .curriculum .contentBox .contents .content3 .textBox ul { margin-top: var(--line-spacing-70);} .curriculum .contentBox .contents .content3 .textBox .text1 { color: #000; font-size: var(--f-size30); font-weight: 700;} .curriculum .contentBox .contents .content3 .textBox .text2 { margin: var(--line-spacing-20) 0; color: #000; font-size: var(--f-size20);} .curriculum .contentBox .contents .content3 .textBox .text3 { margin-bottom: 5px; color: #555; font-size: var(--f-size18);} .curriculum .contentBox .contents .content4 { text-align: center; } .curriculum .contentBox .contents .content4 img { margin:0 auto;} .curriculum .contentBox .contents .content5 { padding-top: var(--line-spacing-100);} .curriculum .contentBox .contents .content5 > div { padding-bottom: var(--line-spacing-60);} .curriculum .contentBox .contents .content5 > div > ul { gap:0;} .curriculum .contentBox .contents .content5 .contentTitle { padding-bottom:0; margin-bottom: var(--line-spacing-30); color: #000; font-size: var(--f-size30); font-weight: 700; } .curriculum .contentBox .contents .content5 li img { border-radius:var(--line-radius-20); } .curriculum .contentBox .contents .content5 .TitleTh { clear:both; font-size:var(--f-size18); line-height:22px; font-weight:500; margin:var(--line-spacing-20) 0; color:#555; text-align:center; } .curriculum .contentBox .contents .content6 { padding-top: var(--line-spacing-100);} .curriculum .contentBox .contents .content6 > div { padding-bottom: var(--line-spacing-60);} .curriculum .contentBox .contents .content6 > div > ul { gap:0;} .curriculum .contentBox .contents .content6 .contentTitle { padding-bottom:0; margin-bottom: var(--line-spacing-30); color: #000; font-size: var(--f-size30); font-weight: 700; } .curriculum .contentBox .contents .contentTitle { position:relative;} .curriculum .contentBox .contents .moreView { position:absolute; top:50%; right:5px; transform: translateY(-50%);} .curriculum .contentBox .contents .moreView img { width:40px; vertical-align:middle;} .curriculum .contentBox .contents .content6 li img { border-radius:var(--line-radius-20);} .video { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; } .video iframe, .video object, .video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .video .entry-content img, .video .entry-content iframe, .video .entry-content object, .video .entry-content embed { max-width: 100%; } .curriculum .contentBox .contents .content2 .contentLRInner .video { padding-bottom: 37.25%; } .mySwiper2 li img { width: 100%; max-width:100%; border-radius:var(--line-radius-20); } .curriculum_txtBottomLink { display: flex; border-bottom: 1px solid #ddd; gap:var(--line-spacing-50); margin-top: 25px; max-width:1400px; } .curriculum_txtBottomLink a { position: relative; display: inline-block; padding: 30px 0; font-size: var(--f-size20); color: #777;} .curriculum_txtBottomLink a.select, .curriculum_txtBottomLink a.active, .curriculum_txtBottomLink a:hover { color: #000;} .curriculum_txtBottomLink a.active:after, .curriculum_txtBottomLink a:hover:after { position: absolute; bottom: -1px; content:""; display: block; background: #000; width: 100%; height: 3px;} .curriculum_txtBottomLink a.select:after { position: absolute; bottom: -1px; content:""; display: block; background: #00ADEF; width: 100%; height: 3px;} .mplAddSubContent:after { content: ""; display:block; width: 100%; border-bottom:1px solid #ddd; } .mplTab{ position: relative; text-align:left; margin:var(--line-spacing-60) auto 0; width:100%; overflow:hidden; max-width:1400px;} .mplAddSubTab {text-align:left; margin:var(--line-spacing-60) auto 0; width:100%; overflow:hidden; max-width:1400px;} .mplTab ul,.mplAddSubTab ul { font-size:0; display: block; white-space: nowrap;} .mplTab ul li,.mplAddSubTab ul li {position: relative; z-index:2; width:auto; display: inline-block; } .mplTab ul li a,.mplAddSubTab ul li a { display: inline-block; padding:24px 0; margin:0 24px; font-size:var(--f-size22_); color:#777; text-align:center; font-weight:500; overflow:hidden;} .mplTab ul li:first-child a {background:none;} .mplTab ul li.active a, .mplTab ul li.select a { color:#000; } .mplTab ul li:hover a { color:#000; } .mplTab:after {content: ""; display:none; } .mplTab.widthContent { padding-right:40px; box-sizing: border-box;} .mplTab.widthContent:after {content: ""; display:block; z-index:5; position:absolute; top:50%; transform: translateY(-50%); right:0; height:32px; width:32px; background:#00ADEE url('/images/new/layout/sliderlr_move.png') no-repeat center; background-size:14px; border-radius:50%; } .mplAddSubTab ul li a { background-color:#EDEEF0; color:#555; padding:var(--btn-pd); border-radius:var(--line-radius-50); margin:0 5px;} .mplAddSubTab ul li:first-child a {margin-left:0;} .mplAddSubTab ul li.active a, .mplAddSubTab ul li.select a {background-color:#000; color:#fff;} .mplAddSubTab ul li:hover a {background-color:#000; color:#fff;} .mplTab ul li.active a::before, .mplTab ul li.select a::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--s-point-color); } .ContentPdInner + .ContentPdInner > .mplAddSubContent > .mplTab {margin:var(--line-spacing-40) auto 0;} .mplAddSubContent + .gallery_line { margin-top: var(--line-spacing-50); } @media screen and (max-width:1024px){ .mplTab ul li a {padding:20px 0; margin:0 16px;} .mplAddSubTab ul li a {margin:0 4px;} .curriculum .contentBox .contents .content2 .contentLRInner {flex-direction: column;} .curriculum .contentBox .contents .content2 .contentLRInner > div:nth-child(1) {width:100%;} .curriculum .contentBox .contents .content2 .contentLRInner > div:nth-child(2){ width:100%; } .curriculum .contentBox .titleBtn a img { width:14px; padding:10px 8px; } .curriculum .contentBox .contents .content2 .contentLRInner .video { padding-bottom: 56.25%; } .curriculum .contentBox .contents .moreView img { width:36px; } } @media screen and (max-width:768px){ .mplTab ul li a {padding:16px 0; margin:0 12px;} .mplAddSubTab ul li a {margin:0 3px;} .curriculum .contentBox .contents .content1 .swiper-pagination { bottom: -26px;} .curriculum .contentBox .contents .moreView img { width:30px; } } @media screen and (max-width:560px){ .mplTab ul li a {padding:16px 0; margin:0 8px;} } /*연혁*/ .historyTopImg {display:none;} .fiexdLeft {position:relative; display:flex; padding: var(--line-spacing-t100); margin:0 auto; gap:220px;} .fiexdLeft .timeLine{ position: absolute; left: 50%; height: 100%; border-right: 1px solid #ddd; z-index: -1; } .fiexdLeft .historyLeft { width:100%; height:100vh; position:sticky; left:0; top:var(--t_header); background:url('/images/new/sub/information/info3_img1.png') no-repeat left top; background-size:cover; border-top-right-radius:100px;} .historyList {display:flex; width:100%; margin-top:20px; flex-direction: column; gap:var(--line-spacing-90);} .historyList:after{clear:both; display:block; content:"";} .historyList ul.right_ul width:100%;} .historyList ul.right_ul div:first-child {margin-top:30px;} .historyList ul.right_ul div h1 {position:relative; padding:5px 0 20px 15px; margin-bottom:20px; color:#000; font-size:var(--f-size40); font-weight:700;} .historyList ul.right_ul div ul {clear:both; word-break:break-all;} .historyList ul.right_ul div ul:after{clear:both; display:block; content:"";} .historyList ul.right_ul div ul li.leftDate { float:left; width:70px; padding:5px 0 5px 15px; line-height:24px; color:var(--s-point-color); font-size:var(--f-size18);} .historyList ul.right_ul div ul li.rightContent {float:left; width:calc(100% - 120px); color:#555; padding:5px 0 5px 35px; font-size:15px; line-height:24px; word-break:break-all;} .historyList ul.right_ul div h1 .timeLineDot { position: absolute; right: auto; left: -118.5px; top: 42%; width: 58px; height: 1px; background: var(--s-point-color); } .historyList ul.right_ul div h1 .timeLineDot span { position: absolute; right: auto; left: 0; top: -9.5px; display: block; width: 15px; height: 15px; border: 2px solid #1BB7EA; background: #fff; border-radius: 50%; } #TabContent .mySwiper3 { border-bottom: 1px solid #ddd; margin-top: 25px; } #TabContent .title { padding: 14px 0 14px;} #TabContent .title .text1 { font-size: var(--f-size36); line-height: 1.4; font-weight: 700; color: #000; margin-bottom: var(--line-spacing-40);} #TabContent .title .text2 { font-size: var(--f-size27); color: #000; font-weight:500; line-height: 1.4; margin: var(--line-spacing-40) 0;} #TabContent .title .text1 ~ .text2 { margin-top:0; font-size: var(--f-size22);} #TabContent .TabArea {position:relative; margin-top: var(--line-spacing-100); width:100%;} #TabContent .contentTitle h2 { font-size: var(--f-size18); line-height: 1.6;} #TabContent .TabArea .btn_amble {position:absolute; right:10px; top:10px;} #TabContent .title .text2.btn { display:flex; gap:var(--line-spacing-30); margin-bottom: var(--line-spacing-50); align-items: center; } #TabContent .title .text2.btn > div { width:100%; border:2px solid #00adee; border-radius:80px; padding:var(--line-spacing-40) var(--line-spacing-20); font-size:var(--f-size22_); color: #000; text-align:center; box-sizing: border-box;} #TabContent .title .text2.btn > div .small1 {font-size:var(--f-size20);} #TabContent .title .text2.btn > div .small2 {font-size:var(--f-size16);} #TabContent .title .text2.btn > div.pointTxt { color:#fff; background:#00adee;} #TabContent .title .text3 {font-size: var(--f-size40); font-weight: 700; color: var(--s-point-color); text-align:center; padding:var(--line-spacing-60) 0 var(--line-spacing-60); margin-bottom:var(--line-spacing-50); border-bottom:1px solid #dcdcdc;} #TabContent .title .text3 span {display:block; font-size: var(--f-size22); color: #999; font-weight:400; padding:var(--line-spacing-10) 0 0;} .curriculum_02 #TabContent .title .text3 {color:#15bbca;} .curriculum_02 #TabContent .title .text2.btn > div {border:1px solid #15bbca;} .curriculum_02 #TabContent .title .text2.btn > div.pointTxt {background: #15bbca;} .curriculum_03 #TabContent .title .text3 {color:#9856cc;} .curriculum_03 #TabContent .title .text2.btn > div {border:1px solid #9856cc;} .curriculum_03 #TabContent .title .text2.btn > div.pointTxt {background: #9856cc;} .curriculum_05 #TabContent .title .text3 {color:#d87d11;} .curriculum_05 #TabContent .title .text2.btn > div {border:1px solid #d87d11;} .curriculum_05 #TabContent .title .text2.btn > div.pointTxt {background: #d87d11;} .curriculum_06 #TabContent .title .text3 {color:#54691d;} .curriculum_06 #TabContent .title .text2.btn > div {border:1px solid #54691d;} .curriculum_06 #TabContent .title .text2.btn > div.pointTxt {background: #54691d;} .subject_txt {clear:both; width:100%; padding:var(--line-spacing-20) 0; line-height:1.4; font-size:var(--f-size16); } .subject_txt:after{clear:both; display:block; content:"";} .subject_txt h2 {padding:var(--line-spacing-30); font-size:var(--f-size40); color:#000;} .subject_txt h3, .subject h3, .subject .subject_space h3{padding:var(--line-spacing-tb10); font-size:var(--f-size22); color:#000;} .employment_06 .subject_txt .imgContent img { margin:0 auto;} #wrap.employment_06 .contentBox.BgContent {background:url("/images/new/sub/information/info1_bg1.png") no-repeat center; background-size:cover; margin-top:var(--line-spacing-50); padding:var(--line-spacing-50);} .employment_06 .contentBox .contents { display: flex; margin: var(--line-spacing-50) auto; gap:var(--line-spacing-50); } .employment_06 .contentBox .contents > div { flex: 1 1 0; } .employment_06 .contentBox .contents .textBox { flex: 1 1 0;font-size: var(--f-size18); font-weight: 500; color: #777; line-height: 1.7;} .employment_06 .contentBox .contents .textBox .colorBlack { color: #000;} .employment_06 .contentBox .contents .textBox .text1 .title { display:block; padding:20px 0 10px; margin-bottom:20px; border-bottom:2px solid #000; color:#000; font-size:var(--f-size22_);} .coachingBox { width: 100%; } .bgBottom {background:url("/images/new/sub/employment/coaching_bg7.png") no-repeat center; background-size:cover; margin-top:var(--line-spacing-100); padding:var(--line-spacing-100);} .subject_txt ul li { padding-left:10px; line-height:1.8; font-size:var(--f-size18); background:url(/images/arrow_sty2.png) no-repeat left 12px;} .subject_txt ul li .black {color:#000;} .subject_txt ul li.bgnone {background:none; } .subject_txt ul li.bgnonepd0 {background:none; padding-left:0;} .subject_txt h5{padding:20px 0; font-size:30px; color:#000;} .subject_txt h6 {font-size:14px; color:#000; padding:0 5px 10px; } .subject_txt h7 {font-size:var(--f-size20); color:#000; padding:0 5px 10px; } .subject_txt > p {line-height:1.8; font-size:var(--f-size18); } .subject_txt > p > span.blue {display:block; font-size:var(--f-size20); padding-top:var(--line-spacing-10);} .subject_txt_img_flex { display:flex; justify-content: space-between; gap:33px; box-sizing:border-box;} .subject_txt_img_flex img {max-width:100%; } @media screen and (max-width:1520px){ .subject_txt_img_flex img { width:calc(33.33% - 22px); } } @media screen and (max-width:1024px){ .subject_txt_img_flex {flex-direction: column;} .subject_txt_img_flex img { width:100%; max-width:500px; margin:0 auto;} } /*교수소개*/ .professorContainer { width: 100%; } .professorContainer > div { width: 100%; } .professorContainer .cols3 { display: flex; flex-wrap:wrap; gap:var(--line-spacing-30); } .professorContainer > div > ul { flex:1 1 30%; position: relative; cursor:pointer; margin-bottom: var(--line-spacing-30); max-width:33%; } .professorContainer > div > ul > li { width: 100%; } .professorContainer > div > ul > li.image {width: auto; max-height:594px; overflow: hidden; border-radius:var(--line-radius-20);} .professorContainer > div > ul > li.image img {width:100%; } .professorContainer > div > ul > li.b_txt {clear:both; width:100%; overflow:hidden;} .professorContainer > div > ul > li.b_txt .name { font-size:var(--f-size22); font-weight: 700; color:#000; margin-bottom:5px; border-bottom: 1px solid #ddd; padding-bottom: var(--line-spacing-20); margin-bottom: var(--line-spacing-20); margin-top: var(--line-spacing-30);} .professorContainer > div > ul > li.b_txt .duty { line-height:1.5; font-size:var(--f-size16); color:#555; overflow: hidden; } .professorContainer > div > ul > li.b_txt .duty span { display: block; color: #000; font-weight: 700; margin-bottom:10px; } .professorDim { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; background: rgba(0,0,0,0.6); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); } .professorLayer { visibility: hidden; opacity: 0; filter: alpha(opacity=0); position: fixed; overflow:hidden; min-width:1000px; max-width: 1000px; left:50%; top:50%; transform: translate(-50%, -50%); max-height:80vh; background: #f4f4f4; padding:var(--line-spacing-50); box-sizing: border-box; z-index: 1000; transition: all .1s ease;} .professorLayer.nowShow { visibility: visible; opacity: 1; filter: alpha(opacity=100); } .professorLayer .professorLayerContent { position: relative; width: 100%; height:calc(80vh - 100px); max-height:600px; padding-right:10px; overflow-y:auto; box-sizing: border-box; display:flex;} .professorLayer .professorLayerContent:after { content:""; display:block; clear:both; } .professorLayer .professorLayerContent .imageArea { width: 54%; margin-right: 2%; } .professorLayer .professorLayerContent .imageArea .image { width: 100%; border-radius: 17px; } .professorLayer .professorLayerContent .imageArea .image img {width:100%;} .professorLayer .professorLayerContent .informationArea { width: 42%; margin-left: 2%;} .professorLayer .professorLayerContent .informationArea .displaynone { display: none;} .professorLayer .professorLayerContent .informationArea > ul { width: 100%; padding-top: var(--line-spacing-20); margin-top: var(--line-spacing-20); } .professorLayer .professorLayerContent .informationArea > ul:first-child { padding: 0; margin: 0; border: 0;} .professorLayer .professorLayerContent .informationArea .title { padding-top: 10px; margin-bottom: 10px; font-size:var(--f-size22); color:#000; font-weight:bold;} .professorLayer .professorLayerContent .informationArea .content { line-height: 180%; font-size:14px; color:#777; } .professorLayer .professorLayerContent .informationArea .name { color:#000; font-size:var(--f-size22); padding-bottom: var(--line-spacing-20); font-weight:bold; border-bottom: 3px solid #000; } .professorLayer .layerCloseBtn { position: absolute; right: 10px; top: 0; width: 42px; height: 42px; background: url("/images/arrow_close.png") no-repeat; background-size:100%; cursor:pointer;} /* 시설안내 */ .movieTopArea {position: relative; clear:both; width:100%; margin:0 auto; padding: var(--line-spacing-50) 0; text-align:center;} .movieTopArea:after {clear:both; display:block; content:"";} .movieTopArea .movieContent { position:relative; height:0; padding-bottom:56.25%; overflow:hidden; } .movieTopArea .movieContent iframe, .movieTopArea .movieContent object, .movieTopArea .movieContent embed{position:absolute;top:0;left:0;width:100%;height:100%;} .content6 .mainJobPresentContent { position: relative; font-size: 0; padding-bottom: 50px;} .content6 .mainJobPresentContent ul { display: inline-block; width: 20%; vertical-align: top; box-sizing:border-box; } .content6 .mainJobPresentContent ul .JobPresentPhoto { width: 100%; border-radius:20px; border: 1px solid #ddd; box-sizing:border-box; overflow: hidden; } .content6 .mainJobPresentContent ul .JobPresentPhoto .innerFix {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; border: 0; box-sizing: border-box; line-height: 1.5; margin: 0; padding: 0; vertical-align: baseline;} .content6 .mainJobPresentContent ul .JobPresentPhoto .innerFixImg { font-size: 0; line-height: 0; aspect-ratio: 0.8; max-width: 100%; overflow: hidden; } .content6 .mainJobPresentContent ul .JobPresentPhoto img { max-width: 100%; width:100%; height:100%; -o-object-fit: cover; object-fit: cover;} .content6 .mainJobPresentContent ul .JobPresentText { margin-top: 25px;} .content6 .mainJobPresentContent ul .JobPresentText .text1 { font-size: 16px; margin-bottom: 15px;} .content6 .mainJobPresentContent ul .JobPresentText .text1 img { height: 30px;} .content6 .mainJobPresentContent ul .JobPresentText .text2 { font-size: 16px; color: #000;} .content6 .mainJobPresentContent ul .JobPresentText .text2 span { display: inline-block; padding: 3px 15px; color: #fff; background: #00adef; border-radius:15px; margin-right: 10px; } .content_inner {clear:both; width:100%; margin-top:var(--line-spacing-50); box-sizing: border-box;} .content_inner ul { display: flex; flex-wrap:wrap; } .content_inner li{ flex:1 1 21%; overflow: hidden; margin-bottom: 30px;} .content_inner li .thumbs { display: block; overflow: hidden; border-radius:var(--line-radius-20); } .content_inner .TitleTh { clear:both; font-size:var(--f-size18); line-height:22px; font-weight:500; margin:var(--line-spacing-20) 0 var(--line-spacing-40); color:#555; text-align:center; } .life_gallery_s ul {gap:var(--line-spacing-20);} .life_gallery_s ul > li > .photoContent {display: block; position: relative; } .life_gallery_s ul > li > .photoContent .innerFix {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; border: 0; box-sizing: border-box; line-height: 1.4; margin: 0; padding: 0; vertical-align: baseline; border-radius:var(--line-radius-20); overflow: hidden; } .life_gallery_s ul > li > .photoContent .innerFixImg, .life_gallery_s ul > li > .photoContent a { display:block; font-size: 0; line-height: 0; aspect-ratio: 1; max-width: 100%; overflow: hidden; } .life_gallery_s ul > li > .photoContent img { max-width: 100%; width:100%; height:100%; -o-object-fit: cover; object-fit: cover;} .employment_01 .contentBox { padding: var(--line-spacing-tb100);} .employment_01 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .employment_01 .contentBox .contents { margin-top: var(--line-spacing-50); } .employment_01_01 .contentBox { padding: var(--line-spacing-tb100);} .employment_01_01 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .employment_01_01 .contentBox .contents { margin-top: var(--line-spacing-50); } .employment_02 .contentBox { padding: var(--line-spacing-tb100);} .employment_02 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .employment_02 .contentBox .contents { margin-top: var(--line-spacing-50); } .employment_03 .contentBox { padding: var(--line-spacing-tb100);} .employment_03 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .employment_03 .contentBox .contents { margin-top: var(--line-spacing-50); } .mySwiper5 { padding-bottom: var(--line-spacing-50); margin-bottom: var(--line-spacing-50);} .employment_04 .contentBox { padding: var(--line-spacing-tb100);} .employment_04 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .employment_04 .contentBox .contents { margin-top: var(--line-spacing-50); } .employment_05 .contentBox { padding: var(--line-spacing-tb100);} .employment_05 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .employment_05 .contentBox .contents { margin-top: var(--line-spacing-50); } .employment_07 .contentBox { padding: var(--line-spacing-tb100);} .employment_07 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .employment_07 .contentBox .contents { margin-top: var(--line-spacing-50); } .story_08 .contentBox { padding: var(--line-spacing-tb100);} .story_08 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .story_08 .contentBox .contents { margin-top: var(--line-spacing-50); } .story_09 .contentBox .title { color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .story_09 .contentBox .contents { margin-top: var(--line-spacing-50); } .story_01 .contentBox { padding: var(--line-spacing-b100);} .story_01 .contentBox .title { margin-top: var(--line-spacing-100); color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .story_01 .contentBox .contents { margin-top: var(--line-spacing-50); } .story_02 .contentBox { padding: var(--line-spacing-b100);} .story_02 .contentBox .title { margin-top: var(--line-spacing-100); color: #000; font-size: var(--f-size40); font-weight: 700; line-height: 1.4; } .story_02 .contentBox .contents { margin-top: var(--line-spacing-50); } .life_02 .contentBox, .life_03 .contentBox{ padding: var(--line-spacing-tb100);} .life_06 .contentBox { padding: var(--line-spacing-tb100);} /* 기본테이블 */ .table_basic { padding:0; border-spacing:0px; border-collapse:collapse; width:100%; border-top:2px solid #000; font-size:var(--f-size16); line-height:180%; } .table_basic th { padding:14px 0 14px 8px; border:1px solid #ddd; border-width: 0 0 1px 0; background:#f8f8f8; color:#333; vertical-align:middle; font-size:var(--f-size16);} .table_basic th img {margin:3px 3px 0 0;} .table_basic td { padding:14px 20px; border:1px solid #ddd; border-width: 0 0 1px 0; text-align:left; vertical-align:middle;} .table_basic .text_left{padding-left:8px; text-align:left;} .table_basic2 { padding:0; border-spacing:0px; border-collapse:collapse; width:100%; font-size:var(--f-size16); line-height:180%; } .table_basic2 tr { background: #F3F3F3; } .table_basic2 tr:nth-child(even) { background: #FEFEFE; } .table_basic2 td { padding:10px 10px; text-align:left; vertical-align:middle;} .table_basic_list { padding:0; border-spacing:0px; border-collapse:collapse; width:100%; border-top:2px solid #000; font-size:var(--f-size16); line-height:180%; } .table_basic_list th { padding:var(--table-pd); border:1px solid #ddd; border-width: 0 0 1px 1px; background:#f5f6f8; color:#000; vertical-align:middle; } .table_basic_list th.noLine,.table_basic_list td.noLine {border-left:none;} .table_basic_list th.nobg {background:none;} .table_basic_list th img {margin:3px 3px 0 0;} .table_basic_list td { padding:var(--table-pd); border:1px solid #ddd; border-width: 0 0 1px 1px; text-align:center; vertical-align:middle;} .table_basic_list .text_left{text-align:left;} .table_basic_list.f_18 {font-size:var(--f-size18);} .table_basic_slist { padding:0; border-spacing:0px; border-collapse:collapse; width:100%; border-top:2px solid #000; border-right:1px solid #ddd; font-size:var(--f-size16); line-height:180%; } .table_basic_slist th { padding:var(--table-pd); border:1px solid #ddd; border-width: 0 0 1px 1px; background:#f8f8f8; color:#333; vertical-align:middle; font-weight:normal;} .table_basic_slist th.noLine,.table_basic_list td.noLine {border-left:none;} .table_basic_slist th img {margin:3px 3px 0 0;} .table_basic_slist td { padding:var(--table-pd); border:1px solid #ddd; border-width: 0 0 1px 1px; text-align:left; vertical-align:middle;} .table_basic_slist .text_left{text-align:left;} .table_basic_slist.small td{padding:10px 10px; } .table_basic_box { padding:0; border-spacing:0px; border-collapse:collapse; width:100%; border-top:1px solid #ddd; font-size:var(--f-size16); line-height:180%; border-right:1px solid #ddd; } .table_basic_box th { padding:14px 10px; border:1px solid #ddd; border-width: 0 0 1px 1px; background:#f8f8f8; color:#333; vertical-align:middle; font-size:var(--f-size16);} .table_basic_box .Tit {background:#fff; font-size:var(--f-size16); padding:20px 0; } .table_basic_box th img {margin:3px 3px 0 0;} .table_basic_box td { padding:14px 10px; border:1px solid #ddd; border-width: 0 0 1px 1px; text-align:center; vertical-align:middle;} .table_basic_box .text_left{text-align:left;} .table_basic_box .text_right{text-align:right;} .table_hwc { padding:0; border-spacing:0px; border-collapse:collapse; width:100%; border-top:2px solid #000; border-left:1px #ddd solid; font-size:var(--f-size18); line-height:180%; } .table_hwc th {padding:var(--table-pd); border-bottom:1px #ddd solid; border-right:1px #ddd solid; background-color:#f5f6f8; text-align:center; color:#111; vertical-align:middle; word-break:break-all;} .table_hwc td {padding:var(--table-pd); border-bottom:1px #ddd solid; border-right:1px #ddd solid; text-align:center; vertical-align:middle; word-break:keep-all;} .table_hwc td.bg_yellow {background-color:#fcf5cb;} .table_hwc .txt_l {text-align:left;} .table_hwc td a {color:#0081ea;} .table_hwc td.img_logo {height:60px; } .table_hwc td.img_logo img {max-width:200px; max-height:60px;} .table_hwc td.pf_img img {max-width:300px;} .table_hwc_s { padding:0; border-spacing:0px; border-collapse:collapse; width:100%; border-top:2px solid #000; border-left:1px #ddd solid; font-size:var(--f-size16); line-height:180%; } .table_hwc_s th {padding:var(--table-pd); border-bottom:1px #ddd solid; border-right:1px #ddd solid; background-color:#f5f6f8; text-align:center; color:#111; vertical-align:middle; word-break:break-all;} .table_hwc_s td {padding:var(--table-pd); border-bottom:1px #ddd solid; border-right:1px #ddd solid; text-align:center; vertical-align:middle; word-break:keep-all;} .table_popup { font-size:var(--f-size16); line-height:180%; width:100%; } .table_popup span {font-weight:700; font-size:var(--f-size16); color:#000;} .inner_contain_txt {clear:both; padding:var(--line-spacing-50); background-color:#f5f6f8;} .inner_contain_txt:after{clear:both; display:block; content:"";} .subject_space {clear:both; line-height:26px; font-size:var(--f-size16);} .subject_space h3 {padding:10px 0; font-size:var(--f-size26); color:#000;} .subject_space h4 {padding:10px 0 10px; color:#000; font-size:var(--f-size30);} .subject_space h4.h4new {padding:10px 0 10px; color:#000; font-size:var(--f-size22);} .mySwiper4 { border-bottom: 1px solid #ddd; margin-top: 25px; } #ChkTB {clear:both; width:100%; padding: var(--line-spacing-tb100); box-sizing: border-box;} #ChkTB .topImg {text-align:center; } #ChkTB .topImg .txt { font-size:var(--f-size26); color:#000; padding:var(--line-spacing-40) 0; box-sizing: border-box;} #ChkTB .TBForm {clear:both; max-width:660px; margin:0 auto; text-align:center;} .TBFormContain {clear:both; width:100%; border-top:1px solid #dcdcdc; margin:0 auto; text-align:center; padding-top:var(--line-spacing-40);} .TBFormContain:after {clear:both; display:block; content:"";} .TBFormContain ul li {clear:both; padding-bottom:4px; } .TBForminputArea {width:100%; margin:0 auto; text-align:center; display:flex; flex-direction: column; gap:var(--line-spacing-20); box-sizing: border-box;} .TBForminputArea input {display:block; clear:both; width:100%; box-sizing: border-box; } .TBForminputArea input[type="text"]{background-color:#F5F6F8; border-radius:5px; } .TBForminputArea input[type="submit"] {border-radius:var(--line-radius-50);} .TBForminputArea li span {display:block; margin-bottom:10px; font-size:var(--f-size18); color:#000; } .TBForminputArea li a { font-size:var(--f-size18); color:#000;} .TBForminputArea li a:hover {color:#338ee1;} .boardfaq {margin:0; color:#000; border-top:1px solid #000;} .boardfaq ul {display:block; height:auto; border-bottom:1px #dcdcdc dotted; cursor:pointer;} .boardfaq ul > li {} .boardfaq ul > li:after {content:""; display:block; clear:both} .boardfaq ul > li > div {float:left;} .boardfaq ul li.title {width:100%; display:flex; align-items: center; } .boardfaq ul li.on {background-color:#f2f2f2; color:#000;} .boardfaq ul li.detail {width:100%; height:auto; padding-bottom:14px; background:none; } .boardfaq ul li.showdetail_a { display:none; background-color:#f2f2f2;} .boardfaq ul li div.con_title { display:inline-block; width:10%; text-align:center; padding-left:1%; font-size:24px; background:none; color:#5afffd; vertical-align:middle; } .boardfaq ul li div.con_cont { width:85%; padding:0 2%; float:left; font-size:var(--f-size16);} .boardfaq ul li.detail .con_cont { font-size:var(--f-size16); float:left; line-height:26px; padding:25px 2% 15px; color:#297eb1; background:none;} .boardfaq ul li.detail div.con_title {padding:25px 0 15px 1%;} /* 겔러리 게시판 */ .gallery_line {clear:both; width:100%; overflow:hidden; box-sizing: border-box;} .gallery_box {width:100%; clear:both; display:flex; flex-wrap: wrap; gap:50px 24px; box-sizing: border-box;} .gallery_box > form {display:none;} .gallery {width: calc(var(--row-per-cols4) - 18px); text-align:center; position:relative; box-sizing: border-box; } .gallery.cols3 {width:33.333%} .gallery.cols4 {width:25%;} .gallery.cols5 {width:20%;} .gallery.cols6 {width:16.66%;} .gallery .inner { overflow: hidden; width:100%; border:1px solid #eaeaea; box-sizing: border-box; border-radius:var(--line-radius-20); overflow:hidden;} .gallery .inner .innerFix {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; border: 0; box-sizing: border-box; line-height: 1.5; margin: 0; padding: 0; vertical-align: baseline;} .gallery .inner .innerFixImg { font-size: 0; line-height: 0; aspect-ratio: 1.2; max-width: 100%; overflow: hidden; } .gallery .inner a{display:block; width:100%; /*height:100%;*/} .gallery .inner .innerFixImg img { max-width: 100%; width:100%; height:100%; -o-object-fit: cover; object-fit: cover; border-radius:var(--line-radius-20); overflow:hidden;} .gallery .inner .innerFixImg a img, .story_10 .gallery .inner .innerFixImg img, .story_08 .gallery .inner .innerFixImg img {border-radius:0; } .gallery .tit > a, .gallery .tit > span{clear:both; padding:var(--gallery-pd); background-color:#F8F8F8; line-height:20px; font-size:var(--f-size18); font-weight:600; text-align:left; overflow: hidden; text-overflow: ellipsis; white-space: pre; box-sizing: border-box; color:#000;} .gallery .tit > span {display:block; width:100%; height:100%;} .gallery .content {clear:both; line-height:20px;} .gallery .content span {color:#3E7CE1;} .gallery_box.bottomType {gap:40px 20px;} .gallery_box.bottomType .gallery {width: calc(var(--row-per-cols5) - 16px);} .gallery_box.bottomType .gallery .inner {border-radius:0; border:none; text-align:left;} .gallery_box.bottomType .gallery .inner a {border-radius:var(--line-radius-20); border:1px solid #eaeaea; overflow:hidden; box-sizing: border-box;} .gallery_box.bottomType .gallery .inner .innerFixImg {aspect-ratio: 0.8;} .gallery_box.bottomType .gallery .titBottom { display:flex; padding:15px 0; justify-content: space-between; } .gallery_box.bottomType .gallery .titBottom *:nth-child(1) {font-size:var(--f-size16); color:#333; font-weight:600; min-height:30px;} .gallery_box.bottomType .gallery .titBottom *:nth-child(2) {font-size:14px; } .gallery_box.bottomType .gallery .titBottom span.job1 { color:#15bbca;} .gallery_box.bottomType .gallery .titBottom span.job2 { color:#9856cc;} .gallery_box.bottomType .gallery .titBottom img { max-width:100%;} .gallery_box.bottomType .gallery .contentBottom {display:flex; gap:10px; align-items: center; justify-content: space-between; box-sizing: border-box;} .gallery_box.bottomType .gallery .contentBottom span:nth-child(1) { padding:5px 15px; background-color:var(--s-point-color); color:#fff; border-radius:15px; font-size:var(--f-size16); box-sizing: border-box;} .gallery_box.bottomType .gallery .contentBottom span:nth-child(2) { font-size:var(--f-size16); color:#333; font-weight:600; box-sizing: border-box;} /* 인터넷 증명서 */ .subLifeTxt {clear:both; width:100%; padding:var(--line-spacing-tb100); } .subLifeTxt:after{clear:both; display:block; content:"";} .subLifeTxt .leftTxt {float:left; max-width:600px;} .subLifeTxt .leftTxt h1 {color:#000; font-size:var(--f-size30); padding-bottom:20px;} .subLifeTxt .leftTxt ul li {font-size:var(--f-size18); color:#555; line-height:1.5; padding-bottom:5px;} .subLifeTxt .leftTxt ul li span {font-weight:800; font-size:var(--f-size36); color:var(--s-point-color);} .subLifeTxt .rightTxt {float:right; margin-top:var(--line-spacing-50);} .subLifeTxt .rightTxt a {position: relative; font-size: var(--f-size20); line-height: 1.4; font-weight: normal; padding:10px 100px 10px 34px; display: inline-block; border:1px solid #dcdcdc; color: #000; border-radius:var(--line-radius-50); } .subLifeTxt .rightTxt a:hover {color:#00adee; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;} .subLifeTxt .rightTxt a img {position:absolute; width:16px; right:4px; top:50%; padding:14px 12px; border-radius:50%; transform: translateY(-50%); background: #000; transition: .2s;} .life_02 .subLifeTxt .rightTxt a, .life_03 .subLifeTxt .rightTxt a { padding-top:15px; padding-bottom:15px;} .life_02 .subLifeTxt .rightTxt a img, .life_03 .subLifeTxt .rightTxt a img { width:auto; padding:16px 14px; } .s_content .subject {clear:both; width:100%;} .s_content .subject .h2 { font-size:var(--f-size30); padding-bottom:var(--line-spacing-40); font-weight:600; color:#000; } /*학사일정*/ .MonthArea { display:flex; gap:30px; width:100%; box-sizing: border-box;} .MonthLeft {width:50%; border-top:1px solid #dcdcdc; } .MonthLeft ul {width:100%; display:table; min-height:150px;} .MonthLeft ul li {display:table-cell; border:1px solid #dcdcdc; border-width:0 1px 1px 1px; } .MonthLeft ul li.txtMonth { width:25%; vertical-align:middle; background-color:#f2f2f2; color:#333; font-weight:700; font-size:var(--f-size22); text-align:center;} .MonthLeft ul li.txtRight { width:70%; padding:0 2% 0 3%; vertical-align:middle; border-left:0; font-size:var(--f-size18); color:#555; line-height:30px;} .MonthLeft ul li.txtRight p {color:#279cfc; display:inline-block;} .MonthRight {width:50%; border-top:1px solid #dcdcdc;} .MonthRight ul {width:100%; display:table; min-height:150px;} .MonthRight ul li {display:table-cell; border:1px solid #dcdcdc; border-width:0 1px 1px 1px;} .MonthRight ul li.txtMonth { width:25%; vertical-align:middle; background-color:#f2f2f2; color:#333; font-weight:700; font-size:var(--f-size22); text-align:center;} .MonthRight ul li.txtRight { width:70%; padding:0 2% 0 3%; vertical-align:middle; border-left:0; font-size:var(--f-size18); color:#555; line-height:30px;} .MonthRight ul li.txtRight p {color:#279cfc; display:inline-block;} .s_content .subject p {line-height:26px;} .s_content .subject h5 {font-size:var(--f-size18); padding:var(--line-spacing-30) 0; color:#000;} .s_content .subject_txtt {clear:both; padding:var(--line-spacing-tb50); border-top:1px #dcdcdc solid; font-size:var(--f-size16);} .s_content .subject_txtt h1 {line-height:34px;} .s_content .subject_txtt .table_hwc { margin:var(--line-spacing-30) 0;} .s_content .subject_txtp {clear:both; padding:var(--line-spacing-30) 0;} .s_content .subject_txtt ul li,.s_content .subject_txtp ul li,.s_content .subject_txtu ul li {line-height:1.5; font-size:var(--f-size16);} .s_content .subject_txtu {clear:both;} .s_content .txt_major { font-size:var(--f-size16); } .s_content .imgBanner {clear:both; width:100%; margin:0 auto; text-align:center;} .s_content .imgBanner:after{clear:both; display:block; content:"";} .s_content .imgBanner img {max-width:100%;} .life_06 .contentBox .contents .content1{ font-size: var(--f-size18); font-weight: 500; color: #777; line-height: 1.7; } .TypeState1 {font-size:var(--f-size16); text-align:center; border-radius:50px; display: inline-block; line-height:1.2; min-width: var(--f-size40); padding: var(--line-spacing-10) var(--line-spacing-20); background:#e75054; color: #fff !important; margin-bottom:2px;} .TypeState2 {font-size:var(--f-size16); text-align:center; border-radius:50px; display: inline-block; line-height:1.2; min-width: var(--f-size40); padding: var(--line-spacing-10) var(--line-spacing-20); background:#386fe0; color: #fff !important; margin-bottom:2px;} .TypeState3 {font-size:var(--f-size16); text-align:center; border-radius:50px; display: inline-block; line-height:1.2; min-width: var(--f-size40); padding: var(--line-spacing-10) var(--line-spacing-20); background:#dfdfdf; color: #555 !important; margin-bottom:2px;} .state1 {font-size:var(--f-size16); text-align:center; border-radius:50px; display: inline-block; line-height:1.2; min-width: var(--f-size40); padding: var(--line-spacing-10) var(--line-spacing-20); background:url('/images/sub/btn_style_bg.png') no-repeat center center; background-size:cover; color: #fff !important; margin-bottom:2px;} .state2 {font-size:var(--f-size16); text-align:center; border-radius:50px; display: inline-block; line-height:1.2; min-width: var(--f-size40); padding: var(--line-spacing-10) var(--line-spacing-20); background: #dfdfdf; color: #555 !important; margin-bottom:2px;} .state3 {font-size:var(--f-size16); text-align:center; border-radius:50px; display: inline-block; line-height:1.2; min-width: var(--f-size40); padding: var(--line-spacing-10) var(--line-spacing-20); background: #000000; color: #fff !important; margin-bottom:2px;} .state4 {font-size:var(--f-size16); text-align:center; border-radius:50px; display: inline-block; line-height:1.2; min-width: var(--f-size40); padding: var(--line-spacing-10) var(--line-spacing-20); background: #408F8A; color: #fff !important; margin-bottom:2px;} .state5 {font-size:var(--f-size16); text-align:center; border-radius:50px; display: inline-block; line-height:1.2; min-width: var(--f-size40); padding: var(--line-spacing-10) var(--line-spacing-20); background: #00adee; color: #fff !important; margin-bottom:2px;} .boardReceiptBtn { clear:both; width:100%; margin:0 auto; text-align:center; } .boardReceiptBtn a {width:100%; margin:0 auto 8px; box-sizing: border-box; text-align:center; display:block; padding:var(--line-spacing-20) 10px; border-radius:5px; background-color:var(--s-point-color); color:#fff; font-size:var(--f-size20); font-weight:600;} .boardReceiptBtn.bottom a { background-color:#FEC053; color:#000; } .boardReceiptBtn img { max-height:24px; margin-right:10px;} .boardReceiptTxt { clear:both; width:100%; text-align:center; font-size:20px; color:#000; font-weight:700; padding:0 0 var(--line-spacing-30) 0; margin-top:-20px;} .boardReceiptTxt span:nth-child(1) {display:block;} .boardReceiptTxt span:nth-child(2) { font-size:var(--f-size36); color:#000; display:block; margin:var(--line-spacing-30) 0;} .boardReceiptTxt span:nth-child(3) { font-size:var(--f-size20); color:#777; display:block; margin-bottom:10px; font-weight:500;} .boardReceiptTxt a {font-size:28px; color:#000; margin-left:10px; } .recruitmentPeriod .inner2 {display:flex; justify-content: center; margin:var(--line-spacing-30) 0 var(--line-spacing-50); } .recruitmentPeriod .inner2 .boardReceiptBtn { width:auto; clear:both; margin:0 5px; text-align:center; } .recruitmentPeriod .inner2 .boardReceiptBtn a {width:auto; margin:0 auto 8px; min-width:360px; box-sizing: border-box; text-align:center; display:inline-block; padding:var(--line-spacing-20) 10px; border-radius:35px; background-color:#000; color:#fff; font-size:var(--f-size20); font-weight:600;} .recruitmentPeriod .inner2 .boardReceiptBtn.bottom a { background-color:#FEC053; color:#fff; } .recruitmentPeriod .inner2 .boardReceiptBtn img { max-height:24px; margin-right:10px;} @media screen and (max-width:760px){ .recruitmentPeriod .inner2 {flex-direction: column;} .recruitmentPeriod .inner2 .boardReceiptBtn a { min-width:300px;} } /*개인정보취급방침*/ #page-content {clear:both; line-height:20px;} #page-content h3 {color:#000000; font-size:var(--f-size18); padding:15px 0 10px 0;} /*이메일수집거부*/ .email_reje {clear:both; line-height:20px; margin-top:20px;} .email_reje ul {width:765px; height:296px; padding:50px 30px 0 30px; background:url(/images/email_bg2.gif) no-repeat top left;} .email_reje h1 {font-size:25px; font-weight:bold; line-height:30px; padding-bottom:30px;} .email_reje ul li {padding:10px 0;} .email_reje p {clear:both; margin-top:20px; border:1px #dddddd solid; padding:30px;} .agreeArea .txt_contain {width:100%; margin-bottom:30px; } .agreeArea .txt_contain:after{clear:both; display:block; content:"";} .agreeArea h3 {padding:10px 0; background:url(/images/arrow_sty1.png) no-repeat left top; font-size:20px; color:#000;} .agreeArea h1 {font-size:15px; color:#000; text-align:left; padding:5px 0;} .agreeArea .txt_contain .TextArea {clear:both; width:1168px; padding:10px 15px; height:200px; font-size:14px; line-height:180%; overflow-y:auto; border:1px solid #dcdcdc; background-color:#f8f8f8;} .agreeArea .txt_contain .TextArea:after{clear:both; display:block; content:"";} .agreeArea .checkAgree {float:right; padding:20px 0 10px; text-align:left; font-size:18px; color:#338ee1;} .check_point {clear:both; display:flex; flex-direction: column; margin:8% 0 5%; font-size:var(--f-size30); color:#000; line-height:1.5; padding:5% 0 5% 100px; border-radius:10px; border:1px solid #dcdcdc; text-align:center; font-weight:600; background:url(/images/point_ico.jpg) no-repeat 15% center; box-sizing:border-box;} .check_point span {font-size:var(--f-size26); font-weight:500; margin:5px 0;} .check_point_blue {clear:both; background:url(/images/matriculation/admission2_bg.jpg) repeat; font-size:18px; color:#fff; line-height:28px; padding:50px 40px;} .check_point_blue h1 {display:block; padding:var(--line-spacing-tb10); margin-bottom:20px; border-bottom:1px solid #afbdc9; font-weight:normal;} .check_point_blue span {color:#fff; font-size:20px;} @media screen and (max-width:1400px){ .information_02_03 .contentBox .title img {height:38px;} } @media screen and (max-width:1340px){ .fiexdLeft .historyLeft {left:0; background-position:-200px top;} } @media screen and (max-width:1024px){ .information_01_01 .contentBox .contents {flex-direction: column; } .information_01_01 .contentBox .contents .image { text-align: center; } .information_01_02 .contentBox .contents {flex-direction: column; } .information_01_02 .contentBox .contents .image { text-align: center; } .employment_06 .contentBox .contents {flex-direction: column; } .employment_06 .contentBox .contents .image { text-align: center; } .fiexdLeft .historyLeft {display:none;} .historyTopImg {display:block; margin-top:var(--line-spacing-70); max-height:24vh; overflow:hidden; border-top-right-radius:50px;} .historyTopImg img { margin-top:-40px;} .fiexdLeft { padding-left:60px; padding-right:16px; margin-left:20px;} .fiexdLeft .timeLine { left:0;} .historyList ul.right_ul div h1 .timeLineDot {left:-68.5px;} .information_01_07 .contentBox .contents .content2 {padding:50px 70px;} .information_01_07 .contentBox .contents .content2 ul a { padding:16px 0;} .information_02_03 .contentBox .title img {height:34px;} .table_basic_list.response colgroup col { width:auto !important;} .table_basic_list.response th, .table_basic_list.response td {display:block; border-width:0 0 1px 0;} .table-container{ width:100%; overflow-x:auto; white-space: nowrap; } .table-container table.table_basic_list, .table-container table { width:840px; } #TabContent .title .text2.btn {flex-direction: column; max-width:800px; margin:0 auto var(--line-spacing-50);} .curriculum .contentBox .contents .content3 .contentTitle .text2 { margin:25px 0 10px;} .curriculum .contentBox .contents .content5 li { width: 280px; } .professorLayer {min-width:100%; max-width:100%; width:100%; max-height:100%; height:100vh; left:0; top:0; transform: unset;} .professorLayer .professorLayerContent {max-height:100%; height:calc(100vh - 100px);} .professorLayer .layerCloseBtn { position:fixed; top:20px; right:20px;} .gallery_box {gap:30px 18px;} .gallery {width: calc(var(--row-per-cols4) - 12px);} .gallery_box.bottomType {gap:30px 14px;} .gallery_box.bottomType .gallery {width: calc(var(--row-per-cols5) - 11px);} .subLifeTxt .leftTxt { float:none; } .subLifeTxt .rightTxt {float:none; display:block; } .subLifeTxt .rightTxt a { padding:12px 80px 12px 30px; white-space:nowrap; border-radius:50px; } .MonthArea {flex-direction: column; gap:0; } .MonthArea > div {width:100%;} .MonthArea .MonthRight {border-top:0;} .content6 .mainJobPresentContent { padding-bottom: 40px;} .content6 .mainJobPresentContent ul .JobPresentPhoto { border-radius:16px;} .content6 .mainJobPresentContent ul .JobPresentText { margin-top: 20px;} .content6 .mainJobPresentContent ul .JobPresentText .text1 { font-size: 14px; margin-bottom: 12px;} .content6 .mainJobPresentContent ul .JobPresentText .text1 img { height: 30px;} .content6 .mainJobPresentContent ul .JobPresentText .text2 { font-size: 14px;} .content6 .mainJobPresentContent ul .JobPresentText .text2 span { padding: 3px 12px; border-radius:12px; margin-right: 10px; } .content6 .mainJobPresentContent ul .JobPresentText .text3 { margin-top: 12px; font-size: 15px;} .recruitmentPeriod .inner2 .boardReceiptBtn img, .boardReceiptBtn img { max-height:20px;} } @media screen and (max-width:768px){ .information_01_03 .contentBox .contents .content2 { flex-wrap: wrap; } .information_01_03 .contentBox .contents .content2 ul { flex:1 1 40%; } .matriculation_01 .contentBox .title > div { flex-basis:60%; } .content_inner li { flex-basis:40%; } .information_01_03 .contentBox .contents .content2 .subjec { margin: 20px 0 15px;} .historyList ul.right_ul div h1 {margin-bottom:0;} .historyList ul.right_ul div ul li.leftDate {float:none; display:block;} .historyList ul.right_ul div ul li.rightContent {padding-left:15px; width:calc(100% - 15px); display:block; float:none;} .information_01_07 .contentBox .contents .content2 {padding:40px 50px;} .information_01_07 .contentBox .contents .content2 ul a { padding:12px 0;} .information_02_04 .root_daum_roughmap .wrap_map {height:300px !important;} .information_02_04 .directionsContainer .mapText .subject {width:100%; display:block;} .matriculation_03 .contentBox .contents .content1 > div > div { max-width:100px;} .curriculum .contentBox .contents .content3 .contentTitle .text2 { margin:15px 0 8px;} .curriculum .contentBox .contents .content5 li { width: 240px; } .professorContainer > div > ul { max-width:50%; flex:1 1 40%; } .professorLayer { max-width:600px; } .professorLayer .professorLayerContent { flex-direction: column; height:100vh; padding:0; gap:40px; max-width:560px; margin:0 auto; } .professorLayer .professorLayerContent .imageArea { margin:0 auto; width:100%; } .professorLayer .professorLayerContent .informationArea { width:100%; margin:0; } .coachingBox .title { width: 100%; margin-right: 0; padding-bottom:20px; margin-bottom:20px;display:block; text-align: left;} .coachingBox .content { width: 100%;} .gallery_box {gap:20px 12px;} .gallery {width: calc(var(--row-per-cols4) - 6px);} .gallery_box.bottomType .gallery .titBottom { gap:8px; padding-bottom:8px;} .gallery_box.bottomType .gallery .titBottom *:nth-child(1) {min-height:20px;} .gallery_box.bottomType .gallery .titBottom *:nth-child(1) img {width:auto !important; max-height:20px;} .gallery_box.bottomType .gallery .contentBottom {flex-direction: column; align-items: flex-start; gap:8px; text-align:left;} .gallery_box.bottomType {gap:20px 12px;} .gallery_box.bottomType .gallery {width: calc(var(--row-per-cols5) - 6px);} .recruitmentPeriod .inner2 .boardReceiptBtn img, .boardReceiptBtn img { max-height:19px;} } @media screen and (max-width:560px){ .information_01_01 .contentBox .contents .textBox .text2 .img, .information_01_02 .contentBox .contents .textBox .text2 .img{ max-width:50%; } .information_02_03 .contentBox .title img {height:26px;} .matriculation_03 .contentBox .contents .content1 > div > div { max-width:80px;} .curriculum .contentBox .contents .content5 li { width: 200px; } .content6 .mainJobPresentContent { padding-bottom: 30px;} .content6 .mainJobPresentContent ul .JobPresentPhoto { border-radius:12px;} .content6 .mainJobPresentContent ul .JobPresentText { margin-top: 12px;} .content6 .mainJobPresentContent ul .JobPresentText .text1 { font-size: 14px; margin-bottom: 10px; height:24px; line-height:24px; overflow:hidden;} .content6 .mainJobPresentContent ul .JobPresentText .text1 img { height: 24px;} .content6 .mainJobPresentContent ul .JobPresentText .text2 { font-size: 13px;} .content6 .mainJobPresentContent ul .JobPresentText .text2 span { padding: 3px 6px; border-radius:10px; margin-right: 3px; } .content6 .mainJobPresentContent ul .JobPresentText .text3 { margin-top: 10px; font-size: 13px;} .check_point {padding:8% 4%; background:none; } .subHeadContaner2 a {margin-right:5px;} .subHeadContaner2 img {margin:0 0 2px 12px;} } /*//////////////////////////////////////////////*/ .text_center { text-align: center; } .text_left { text-align: left; } .text_right { text-align: right; } .f_normal {font-weight:normal;} /* 서브 탭버튼 */ .s_content .imgContent { width: 100%; text-align: center; } .s_content .imgContent:after{clear:both; display:block; content:"";} .s_content .imgContent img { max-width:100%;} .s_content .imgContent img.fitImg { width: 100%; max-width:100%;} .s_content .imgContent ul.cols2 li {width:50%; float:left; text-align:center; vertical-align:top;} .infomationContainer1 { position: relative; width: 100%; min-height:700px; background: url("/images/information/intro1_img1.jpg") no-repeat; overflow: hidden; } .infomationContainer1 .text_content { position: absolute; top: 0; right: 0; width: 560px; padding-right: 40px; font-size: 15px; line-height: 100%; color: #818181;} .infomationContainer1 .title { color: #000000; font-size: 30px; line-height: 120%; padding-bottom:20px;} .infomationContainer1 .subject1 { line-height: 150%; } .infomationContainer1 .subject2 { color: #373737; line-height: 150%;} .infomationContainer1 .subject3 { color: #373737; font-size: 20px; font-weight: 700; line-height: 150%;} .infomationContainer2 { position: relative; width: 100%; min-height:700px; background: url("/images/information/intro2_img22.jpg") no-repeat; overflow: hidden; } .infomationContainer2 .text_content { position: absolute; top: 0; right: 0; width: 560px; padding-right: 40px; font-size: 15px; line-height: 100%; color: #818181;} .infomationContainer2 .title { color: #315F97; font-size: 24px; line-height: 120%; padding-bottom:20px;} .infomationContainer2 .subject1 { line-height: 150%; } .infomationContainer2 .subject2 { color: #373737; line-height: 150%;} .infomationContainer2 span {color:#315F97;} .infomationContainer2 .subject3 { color: #373737; font-size: 20px; font-weight: 700; line-height: 150%; padding-bottom:20px;} /* 주요사업 */ /* .s_content .text_content{clear:both; width:100%; line-height:18px; } */ .s_content .text_content .biz_con {clear:both; width:100%; border-bottom:1px solid #dcdcdc; padding:20px 0;} .s_content .text_content .biz_con:after{clear:both; display:block; content:"";} .s_content .text_content .biz_con > ul > li {float:left; } .s_content .text_content .biz_con ul li.img_con {width:200px; height:160px; background:url(/images/koss/company2_img1.png) no-repeat center; } .s_content .text_content .biz_con ul li.img_con .img_con_txt {display:block; width:100%; text-align:center; font-size:16px; color:#ac775e; font-weight:bold; line-height:22px;} .s_content .text_content .biz_con ul li.txt_con {width:605px; margin-left:20px; } .s_content .text_content .biz_con ul li.txt_con .txt_con_txt {clear:both;} .s_content .text_content .biz_con ul li.txt_con .txt_con_txt ul li {clear:both; font-size:14px; color:#555555; line-height:24px;} .s_content .text_content .biz_con ul li.txt_con .txt_con_txt ul li.txt_blod {font-size:16px; color:#ac775e; line-height:24px;} .s_content .text_content .biz_con ul li.txt_con .txt_con_left {float:left; width:280px; font-size:14px; color:#555555; line-height:24px;} .s_content .text_content .biz_con ul li.txt_con .txt_con_left ul li.txt_blod {font-size:16px; color:#ac775e; line-height:24px;} .s_content .text_content .biz_con ul li.txt_con .txt_con_right {float:left; width:300px; margin-left:25px; font-size:14px; color:#555555; line-height:24px;} .s_content .text_content .biz_con ul li.txt_con .txt_con_right ul li.txt_blod {font-size:16px; color:#ac775e; line-height:24px;} .s_content .text_content .borderBNone {border-bottom:none;} /* 시설안내 */ .infoSlider {clear:both; width:100%; padding-bottom:20px;} .infoSlider h1 {width:100%; font-size:25px; font-weight:normal; height:90px; line-height:90px; text-align:center;} #carousel {clear:both; padding-top:10px;} .infoSlider .custom-navigation{position: relative; width:100%; margin:0 auto;} .infoSlider .custom-navigation a{position: absolute;} .infoSlider .custom-navigation .flex-prev{left:0; top:-60px;} .infoSlider .custom-navigation .flex-next{right:0; top:-60px;} .infoSlider .s_custom-navigation{display:none; position: relative; width:100%; margin:0 auto;} .infoSlider .s_custom-navigation a{position: absolute;} .infoSlider .s_custom-navigation .flex-prev{left:0; top:15px;} .infoSlider .s_custom-navigation .flex-next{right:0; top:15px;} .table_receipt { padding:0; border-spacing:0px; border-collapse:collapse; width:100%; border-top:1px solid #eaeaea; border-bottom: 1px solid #eaeaea; font-size:15px; background-color:#fff; clear:both; } .table_receipt th {padding:14px 0 14px 15px; text-align:left; font-weight:normal; vertical-align:middle; font-size:15px; color:#fff; background: #0064b5; border-bottom:1px solid #024e8c; border-right:1px solid #024e8c;} .table_receipt th img {margin:0 5px 0 0; vertical-align:middle;} .table_receipt td {padding:14px 10px; text-align:left; vertical-align:middle; font-size:15px;word-break:break-all; border-bottom:1px solid #eaeaea;} .table_receipt td.nopadding {padding:12px 0;} .table_receipt .text_left{padding-left:8px; text-align:left;} .table_receipt .text_center {text-align:center;} .table_receipt .text_right {text-align:right; padding-right:8px;} .table_receipt td.addLine {border:1px solid #ddd; border-width: 1px 0; } .table_receipt input[type='radio'] {min-height:32px;} .noneTable {padding:0; margin:0; border-spacing:0px;border-collapse:collapse;width:100%;border:none; position:relative; background-color:#fff;} .noneTable tr td {float:left; padding:0; border:none; margin-bottom:2px;} .noneTable tr td.marginNone {margin-left:0;} .noneTable label.LayerError {position: absolute; z-index:2; top:-20px; } .point {clear:both; padding:10px; font-size:15px; } .pointContent {clear:both; padding:15px 0 0 0; line-height:24px; font-size:14px;} .pointContent img {vertical-align:middle; margin-right:5px;} .TopInnerContent {clear:both; width:915px; margin:0 auto;} .TopInnerContent:after {clear:both; display:block; content:"";} .s_content .imgBanner ul.cols2 {clear:both; margin-top:60px;} .s_content .imgBanner ul.cols2:first-child {margin-top:0;} .s_content .imgBanner ul.cols2:after{clear:both; display:block; content:"";} .s_content .imgBanner ul.cols2 li {width:50%; max-width:560px; } .s_content .imgBanner ul.cols2 li.left {float:left;} .s_content .imgBanner ul.cols2 li.right {float:right;} .s_content .imgBanner ul.cols2 li .txtBottom {text-align:left; font-size:16px; line-height:26px; color:#000; padding:20px 0 20px 0; border-bottom:1px solid #dcdcdc; background:url(/images/curriculum/dept_link_btn.png) no-repeat right center;} .s_content .imgBanner ul.cols2 a:hover .txtBottom{color:#3E7CE1; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;} .s_content .subject_line {clear:both; overflow:hidden;} .cert_form {border:1px #eaeaea solid; background-color:#fbfbfb; padding:30px 20px; font-size:15px; text-align:left; overflow:hidden;} .cert_form p {float:right;} /* 학부소개 자격증 */ .license {clear:both; max-width:1200px; margin:0 auto; padding:20px 0; overflow:hidden; border-bottom:1px #eaeaea solid;} .license .license_photo {width:250px; float:left; padding-right:20px;} .license .license_txtt {width:140px; float:left; font-weight:normal; font-size:16px; color:#000;} .license .license_txtt ul li {padding:5px 0;} .license .license_txt {float:left; width:780px;} .license .license_txt ul li {padding:5px 0; font-size:16px; line-height:24px;} .top_txt_area {clear:both; width:100%; margin:0 auto;} .top_txt_area:after{clear:both; display:block; content:"";} .top_txt_area h1 {color:#000; font-size:32px; padding:0 0 20px;} .top_txt_area .leftarea {float:left; width:440px; min-height:320px;} .top_txt_area .leftarea.bg_01 {background: url("/images/attachment/aux1_img1_1.png") no-repeat;} .top_txt_area .leftarea.bg_02 {background: url("/images/attachment/aux2_img1_1.png") no-repeat;} .top_txt_area .leftarea.bg_03 {background: url("/images/attachment/aux4_img1_1.png") no-repeat;} .top_txt_area .leftarea.bg_04 {background: url("/images/attachment/aux5_img1_1.png") no-repeat;} .top_txt_area .leftarea.bg_05 {background: url("/images/attachment/aux6_img1_1.png") no-repeat;} .top_txt_area .leftarea h1 {margin:95px 0 0 40px; font-size:32px; font-weight:normal; color:#000;} .top_txt_area .leftarea.bg_02 h1 {margin:60px 0 0 40px;} .top_txt_area .leftarea h2 {margin:15px 0 0 40px; font-size:16px; line-height:26px; font-weight:normal; } .top_txt_area .rightarea {float:left; width:760px; } .attachment4.top_txt_area .leftarea { width:400px;} .attachment4.top_txt_area .rightarea { width: 800px;} .webzin_line {clear:both; width: 100%;} .webzin_box {width:100%; clear:both; border-top:2px solid #333;} .webzin_grp {width:96%; clear:both; border:1px solid #dcdcdc; border-width:0 0 1px 0; padding:2%;} .webzin_grp:after{clear:both; display:block; content:"";} .webzin_grp .webzin_photo { float:left; width:30%; vertical-align:top; } .webzin_grp .webzin_photo img {max-width:100%;} .webzin_grp .webzin_photo img:hover { opacity: 0.8; filter: alpha(opacity=50); } .webzin_grp .webzin_content {float:left; margin-left:3%; padding:0 3%; width:61%; text-align:left; line-height:20px; font-size:13px;} .webzin_grp .webzin_content h1 {display:block; color:#000; font-size:var(--f-size22); padding:10px 0; line-height:26px; } .webzin_grp .webzin_content h2 {display:block; color:#777; font-size:16px; padding:10px 0; line-height:24px; font-weight:normal;} .intro_pro2 {float:left; width:50%; padding:40px 0; min-height:260px; overflow:hidden; border-bottom:1px #eaeaea solid;} .intro_pro2 .pro_photo {float:left; padding:0 10px; width:200px; } .intro_pro2 .pro_photo img {max-width:180px;} .intro_pro2 .pro_txtt {float:left; font-weight:bold; word-break:break-all;} .intro_pro2 .pro_txtt li { font-size:18px; font-weight:bold; color:#000;} .intro_pro2 .pro_txt {clear:both; margin-top:20px; } .intro_pro2 .pro_txt > li {font-size:16px; line-height:28px; color:#555; font-weight:normal;} .btnRightSite {float:right; } .btnRightSite a {color:#000; border:1px solid #000; padding:15px 120px 15px 30px; font-size:16px; background: url("/images/btn_arrow.png") no-repeat 90% center;} .btnRightSite a:hover {color:#3E7CE1; -webkit-transition: .3s; -moz-transition: .3s; -o-transition: .3s; transition: .3s;} .reviewBox { width: 100%; } .reviewBox ul { width: 100%; margin-bottom: 35px; padding-bottom:35px; overflow: hidden; border-bottom:1px solid #dcdcdc; } .reviewBox ul li { float: left; } .reviewBox .title { width: 180px; height: 101px; line-height: 105px; margin-right: 25px; text-align: left; } .reviewBox .content { width: 995px;} .reviewBox .content.imgContent { text-align: center; } .curri_main {clear:both; width:100%; padding:0 0 20px;} .curri_main:after{clear:both; display:block; content:"";} .curri_main img {max-width:100%;} .curri_main ul {clear:both; padding-bottom:70px;} .curri_main ul:after{clear:both; display:block; content:"";} .curri_main ul li {float:left;} .curri_main .left {width:48.2%; padding-right:1.8%;} .curri_main .right {width:48.2%; padding-left:1.8%;} .curri_main .mainTopSlideNew .slide div.innerFix {float:left; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%; border: 0; box-sizing: border-box; line-height: 1.5; margin: 0; padding: 0; vertical-align: baseline;} .curri_main .mainTopSlideNew .slide div.innerFixImg {font-size: 0; line-height: 0; aspect-ratio: 1; max-width: 100%; overflow: hidden;} .curri_main .mainTopSlideNew .slide div img{max-width:560px; -o-object-fit: cover; object-fit: cover;} .curri_main ul li .title {position:relative; font-size:26px; font-weight:900; color:#000; padding:var(--line-spacing-tb10); border-bottom:4px solid #f2f2f2; background:url('/images/arrow_ttbar.gif') no-repeat left top;} .curri_main ul li .title span {float:left; margin-right:15px;} .curri_main ul li .title span img {border-radius:50%; width:40px; vertical-align:middle;} .curri_main ul li .txtBottom {clear:both; font-size:16px; line-height:30px;} .curri_main ul li .title .moreView {position:absolute; right:0; top:5px; top:15px; } .curri_main ul li .title .moreView a {font-size:16px; color:#000; } .curri_main .txtBottomLink {clear:both; font-size:16px; line-height:30px; margin-top:20px; width:100%;} .curri_main .txtBottomLink a { display: block; width: 100%; line-height: 50px; margin: 5px 0 10px; text-indent: 25px; color:#000; font-size:15px; font-weight:900; border:1px solid #ddd;} .curri_main .txtBottomLink a span {float:right; padding-right: 25px; border-left:1px solid #6c9be8; background-color:#3E7CE1; color:#fff; font-size:14px; font-weight:normal;} .curri_main .txtBottomLink a:hover { color:#fff; background-color:#3E7CE1;} .curri_main .txtBottom .life_gallery {clear:both; width:100%;} .curri_main .txtBottom .life_gallery_s {} .curri_main .txtBottom .life_gallery_s ul {clear:both; padding-top:20px; padding-bottom:10px;} .curri_main .txtBottom .life_gallery_s li {float:left; width:172px; height:120px; margin-left:5px; position:relative; } .curri_main .txtBottom .life_gallery_s li:first-child{margin-left:0;} .curri_main .txtBottom .life_gallery_s li p {overflow:hidden; height:110px;} .curri_main .txtBottom .life_gallery_s li a {display:block; width:172px; height:auto !important; } .curri_main .txtBottom .life_gallery_s.new li {width:180px; height:140px;} .curri_main .txtBottom .life_gallery_s.new li p {height:130px;} .curri_main .txtBottom .life_gallery_s.new li a {width:180px; } .curri_main .txtBottom .thumbs {position:relative;} .curri_main .txtBottom .thumb {position:relative;} .curri_main .txtBottom .thumbs img { width: 166px; padding:0 4px; } .curri_main .txtBottom .TitleTh { clear:both; font-size:13px; line-height:22px; color:#444; text-align:center; padding-top:5px; } .curri_main .featureContent { clear:both; padding-top:20px;} .curri_main .featureContent dt { position: relative; } .curri_main .featureContent dt .btn_event { display: block; width:98%; border-bottom:1px solid #ddd; padding-left:2%; background-color:#F0F0F0; height: 56px; line-height: 52px; font-size: 20px; overflow: hidden; } .curri_main .featureContent dt .btn_event:hover {color:#555;} .curri_main .featureContent dt .btn_event span, .curri_main .featureContent dt .btn_event strong, .curri_main .featureContent dt .btn_event a, .curri_main .featureContent dt .btn_event p {font-size: 16px !important; font-weight:bold !important;} .curri_main .featureContent dt .btn_event .event_icon { position: absolute; right: 0; top: 0; display: block; width: 50px; height: 50px; background: #3E7CE1 url(/mobile/images/curriculum/ico_plus.png) no-repeat center; border: 1px solid #1F6AE7;} .curri_main .featureContent dt.on .btn_event .event_icon { background: #1C4B99 url(/mobile/images/curriculum/ico_minus.png) no-repeat center; } .curri_main .featureContent dt.on .btn_event { /*color: #3E7CE1;*/ } .curri_main .featureContent dd { } .curri_main .featureContent dd .btnLink { clear:both; display:block; text-align:center; padding:20px 0 30px;;} .curri_main .featureContent dd .btnLink:after{clear:both; display:block; content:"";} .curri_main .featureContent dd .btnLink a {padding-bottom:5px; font-size:13px; font-weight:bold; color:#000; border-bottom:1px solid #000;} .video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;} .video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;} .curri_main .featureContent .swiper-slide { width: 36%; margin-right: 15px; padding-bottom:20px; overflow:hidden;} .curri_main .featureContent .swiper-slide img { width: 100%; -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; box-sizing:border-box; } .curri_main .swiper-scrollbar { bottom:0;}