@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&display=swap');
.mob{display:none;}
p{word-break:keep-all;}
.chn{font-family: 'Noto Sans TC' !important;}

/* sub visual */
.sub_visual_wrap{position:relative;}
.sub_visual{width:100%; height: 950px; position:relative; background:url("/img/sub/sub_visual.jpg") no-repeat center / cover;}
.sub_visual .sub_vis_txt{position: relative; left: 0; top: 50%; transform: translateY(-50%); width:100%; margin: 0 auto; color:#fff; text-align: center;}
.sub_visual .sub_vis_txt img {width: 120px;}
.sub_visual .sub_vis_txt h2{font-size: 60px; font-weight: 800; margin-top: 28px;}
.sub_visual .sub_vis_txt p{font-size: 22px; margin-top:30px; line-height:1.7; letter-spacing: -.6px;}
.sub_menu{width: 100%; background: #fff; height:80px; z-index: 10; border-bottom: 1px solid #E3E3E3;}
.sub_menu > ul {width:1600px; margin: 0 auto; position: relative; display: flex; align-items: center; height:100%;}
.sub_menu > ul > li {position: relative; height: 100%;}
.sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 20px; background: #E3E3E3;}
.sub_menu > ul > li > a {display: flex; align-items: center; padding-left: 30px; font-size: 20px; font-weight: 500; height: 100%;}
.sub_menu > ul > li.home {width: 80px; background: var(--blue-color);}
.sub_menu > ul > li.home > a {display:block; height:100%; background: url("/img/sub/home_ic.svg") no-repeat center / 30px; padding: 0;}
.sub_menu > ul > li.menu_btn {width: 300px; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 25px center / 20px;}
.sub_menu > ul > li.menu_btn.on {background-image: url("/img/sub/sub_menu_arrow_on.svg")}
.sub_menu > ul > li.menu_btn.on > a {color: var(--blue-color);}
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #E3E3E3; z-index:10;}
.sub_menu_txt li {height: 70px; border-bottom: 1px solid #F1F1F1;}
.sub_menu_txt li a {display: flex; align-items: center; padding-left: 30px; font-size: 20px; font-weight: 600; color: #8E8E8E; height: 100%;}
.sub_menu_txt li a:hover{background: var(--blue-color); color: #fff;}
.sub_menu_txt li:last-child{border-bottom:none;}

#sub_content{padding-top:90px;}
.sub_inner{max-width:1400px; margin:0 auto;}
.sub_wrap{margin-bottom:130px;}
.sub_title_txt{text-align:center; margin-bottom:90px;}
.sub_title_txt h3{font-size: 50px; font-weight: 600; color:#000;}
.sub_tit{font-size: 35px; letter-spacing: -1px; color: #222;}


/* 학교장 인사말 */
.greet_cont{margin-top: 63px; display: flex; gap:80px;}
.greet_cont .img{width: 450px;}
.greet_cont .img img{width: 100%;}
.greet_cont .txt{width: calc(100% - 80px - 450px);}
.greet_cont .txt p{font-size: 20px; color: #8E8E8E; font-weight: 500; letter-spacing: -0.6px; line-height: 1.6;}
.greet_cont .txt p + p{margin-top: 25px;}
.greet_cont .txt p.last{color: #000; display: flex; align-items: flex-end; gap: 25px;}
.greet_cont .txt p.last b{font-size: 24px; margin-left: 5px;}
.greet_cont .txt p.last img{width: 170px;}
.greet .list{margin-top: 80px;}
.greet .list .tit{font-size: 30px; font-weight: 700; margin-bottom: 25px; color: var(--green-color);}
.greet .list dl + dl{margin-top: 15px;}
.greet .list dl dt{font-size: 20px; font-weight: 700; letter-spacing: -0.6px; line-height: 1.6;}
.greet .list dl dd{font-size: 20px; color: #8E8E8E; font-weight: 500; letter-spacing: -0.6px; line-height: 1.6;}
.greet_cont.en{display: block; margin-top: 100px; padding-top: 100px; border-top: 1px solid #e7e7e7;}
.greet_cont.en .sub_tit{margin-bottom: 30px;}
.greet_cont.en .txt{width: 100%;}
.greet_cont.en .txt p.last img{width: 200px;}


/* 학교상징 및 연혁 */
.tabnav{display: flex; justify-content: center; align-items: center; gap:20px; padding: 15px 20px; border-radius: 80px; border: 1px solid #BEBEBE; width: fit-content; margin: 0 auto 50px;}
.tabnav a{font-size: 18px; font-weight: 700; color: #8E8E8E; width: 163px; line-height: 44px; text-align: center; display: block; border-radius: 20px;}
.tabnav a.on{background: #0CA678; color: #fff;}
.school .sub_tit{margin-bottom: 50px;}
.symbol_cont .item{display: flex; align-items: center; justify-content: space-between; gap:100px;}
.symbol_cont .item + .item{margin-top: 100px;}
.symbol_cont .item2{flex-direction: row-reverse;}
.symbol_cont .item4{display: block;}
.symbol_cont .item .img{width: 550px;}
.symbol_cont .item .img img{width: 100%;}
.symbol_cont .item .txt{width: calc(100% - 550px - 100px); position: relative;}
.symbol_cont .item4 .txt{width: 100% !important;}
.symbol_cont .item .txt:before{content: '校訓'; font-size: 100px; letter-spacing: -1px; font-weight: 700; color: rgba(34, 34, 34, 0.05); line-height: 1.1; position: absolute; right: 0; bottom: 0; font-family: 'Noto Sans TC';}
.symbol_cont .item2 .txt:before{content: '校木';}
.symbol_cont .item3 .txt:before{content: '校花';}
.symbol_cont .item4 .txt:before{display: none;}
.symbol_cont .item .txt .title{font-size: 28px; letter-spacing: -1px; line-height: 1.35; display: flex; gap:20px; padding-bottom: 40px; margin-bottom: 40px; border-bottom: 1px  solid #999999;}
.symbol_cont .item .txt .title.bl{padding-bottom: 0; border-bottom: none; color: #2F49AF;}
.symbol_cont .item .txt dl{display: flex; align-items: center; gap:50px; letter-spacing: -1px; color: #222;}
.symbol_cont .item .txt dl dt{font-weight: 700;}
.symbol_cont .item .txt dl dd{font-weight: 300;}
.symbol_cont .item .txt .motto{font-size: 28px;}
.symbol_cont .item .txt .motto dl + dl{margin-top: 35px;}
.symbol_cont .item .txt .mean{font-size: 24px;}
.symbol_cont .item .txt .mean dl + dl{margin-top: 20px;}
.symbol_cont .item .txt .mean dt{font-weight: 600;}
.symbol_cont .item .txt .mark{display: flex; gap:60px; align-items: center;}
.symbol_cont .item .txt .mark .img{width: 130px;}
.symbol_cont .item .txt .mark p{width: calc(100% - 60px - 130px); font-size: 24px; letter-spacing: -1px; font-weight: 300; line-height: 1.4; color: #222;}

.history_wrap{position: relative;}
.history_wrap .bar_wrap{width: 5px; height: 100%; position: absolute; left: 50%; top: 17px; transform:translateX(-50%);}
.history_wrap .bar_wrap .bar{width: 100%; height: 100%; background: #D9D9D9; border-radius: 5px;}
.history_wrap .bar_wrap .bar_active{width: 100%; height: 0; border-radius: 5px; background: #2F49AF; position: absolute; top: 0; transition: height 0.3s ease;}
.year_wrap + .year_wrap{margin-top: 20px;}
.year_wrap .year{width: 50%; position: relative;}
.year_wrap .year:before{content: ''; display: block; width: 16px; height: 16px; border-radius:50%; background: #222; position: absolute; top: 17px; transition:all 0.3s;}
.year_wrap .year.active:before{background: #2F49AF;}
.year_wrap .year strong{font-size: 40px; letter-spacing: -2px; font-weight: 800; color: #222; line-height: 1.25; transition:all 0.3s;}
.year_wrap .year.active strong{color: #2F49AF;}
.year_wrap .year .cont{margin-top: 50px;}
.year_wrap .year .cont dl{font-size: 20px; letter-spacing: -0.4px; line-height: 1.5; display: flex; gap:30px;}
.year_wrap .year .cont dl + dl{margin-top: 20px;}
.year_wrap .year .cont dt{font-weight: 700; min-width: 115px;}
.year_wrap .year .cont dd{font-weight: 500; color: #6D6D6D;}
.year_wrap:nth-of-type(odd){display: flex; justify-content: flex-end;}
.year_wrap:nth-of-type(odd) .year{padding-left: 50px;}
.year_wrap:nth-of-type(odd) .year:before{left: -8px;}
.year_wrap:nth-of-type(even) .year{text-align: right; padding-right: 50px;}
.year_wrap:nth-of-type(even) .year:before{right: -8px;}
.year_wrap:nth-of-type(even) .year .cont dl{flex-direction: row-reverse;}


/* 찾아오시는길 */
.location .map{width: 100%; height: 720px;}
.loc_title{margin-top: 30px; display: flex; justify-content: space-between; align-items: center;}
.loc_title .btn_wrap{display: flex; gap:10px;}
.loc_title .btn_wrap a{display: flex; padding: 15px 20px; justify-content: center; align-items: center; gap: 10px; font-size: 16px; font-weight: 700; line-height: 1.6; border-radius: 50px;}
.loc_title .btn_wrap a.kakao{background: #FFE100;}
.loc_title .btn_wrap a.kakao img{width: 15px;}
.loc_title .btn_wrap a.naver{background: #00C73C; color: #fff;}
.loc_title .btn_wrap a.naver img{width: 12px;}
.loc_info{margin-top: 75px;}
.loc_info .flex{display: flex; margin-top: 50px;}
.loc_info .flex .item{width: 50%;}
.loc_info .item{display: flex; gap:33px;}
.loc_info .item .icon{width: 70px;}
.loc_info .item .icon img{width: 100%;}
.loc_info .item dl{width: calc(100% - 33px - 70px);}
.loc_info .item dl dt{font-size: 20px; margin-bottom: 16px; font-weight: 700;}
.loc_info .item dl dt span{font-weight: 400;}
.loc_info .item dl dd{font-size: 18px; color: #6D6D6D; line-height: 1.55;}
.loc_info .item dl dd + dd{margin-top: 10px;}
.loc_info .item dl dd em + em{display: inline-block; margin-left: 10px;}
.loc_info .item dl dd span{font-size: 14px; font-weight: 700; color: #fff; display: inline-block; line-height: 24px; padding: 0px 10px; border-radius: 100px; vertical-align: middle; margin: -3px 10px 0 0;}
.loc_info .item dl dd .line1{background: #0AAD1C;}
.loc_info .item dl dd .green{background: #59BE0A;}
.loc_info .item dl dd .blue{background: #1E7BDB;}


/* 신청폼 약관동의 */
.board_agree{margin: 40px 0;}
.board_agree p{letter-spacing: -0.8px; display: flex; align-items: center; gap:10px;}
.board_agree p + p{margin-top: 10px;}
.board_agree input[type="checkbox"]{width: 18px; height: 18px; border-radius: 3px; border: 1px solid #BEBEBE; background: url(/img/sub/check_ic.svg) no-repeat center / 10px; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.board_agree input[type="checkbox"]:checked{background-color: #000; background-image: url(/img/sub/check_ic_on.svg); border-color: #000;}
.board_agree label{font-size: 16px; font-weight: 500;}
.board_agree span{font-size: 14px; text-decoration: underline; cursor: pointer;}


/* 신청폼 상단 공지사항 */
.bd_notice{border: 1px solid #E3E3E3; background: #FFF; padding: 40px 65px; margin-bottom: 60px; display: flex; align-items: flex-start;}
.bd_notice .title{padding-right: 75px; display: flex; align-items: center; gap:15px;}
.bd_notice .title img{width: 30px;}
.bd_notice .title strong{font-size: 25px; color: #0CA678;}
.bd_notice .txt{padding-left: 75px; border-left: 1px solid #E3E3E3;}
.bd_notice .txt li{font-size: 18px; padding-left: 15px; position: relative; color: #6D6D6D;}
.bd_notice .txt li + li{margin-top: 10px;}
.bd_notice .txt li:before{content: ''; display: block; width: 5px; height: 5px; border-radius:50%; background: #D9D9D9; position: absolute; left: 0; top: 7px;}

/* SFL 동아리 소개 */
.club_info .tabnav a {width: auto; padding: 0 30px;}
.club_info .tabcont > div {display: none;}
.club_info .tabcont #tab01 {display: block;}
.club_info .tabcont img {width: 100%;}




@media screen and (max-width:1620px){
	/* sub visual */
	.sub_visual {height: 58.64vw;}
	.sub_visual .sub_vis_txt img {width: 7.41vw;}
	.sub_visual .sub_vis_txt h2{font-size: 3.70vw;  margin-top: 1.73vw;}
	.sub_visual .sub_vis_txt p{font-size: 1.36vw; margin-top:1.85vw; line-height:1.7; letter-spacing: -0.04vw;}
	.sub_menu{height:4.94vw;}
	.sub_menu > ul {width:87.50vw;}
	.sub_menu > ul > li + li:before {top: 50%;  width: 0.06vw; height: 1.23vw;}
	.sub_menu > ul > li > a {padding-left: 1.85vw; font-size: 1.23vw;}
	.sub_menu > ul > li.home {width: 4.94vw;}
	.sub_menu > ul > li.home > a {background: url("/img/sub/home_ic.svg") no-repeat center / 1.85vw;}
	.sub_menu > ul > li.menu_btn {width: 18.52vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.54vw center / 1.23vw;}
	.sub_menu_txt li {height: 4.32vw;}
	.sub_menu_txt li a {padding-left: 1.85vw; font-size: 1.23vw; }

	#sub_content{padding-top:5.56vw;}
	.sub_wrap{margin-bottom:8.02vw;}
	.sub_title_txt{margin-bottom:5.56vw;}
	.sub_title_txt h3{font-size: 3.09vw;}

    /* SFL 동아리 소개 */
    .club_info .tabnav a {padding: 0 1.85vw;}

}


@media screen and (max-width:1420px){

	.sub_inner{max-width:94.59vw;}
	.sub_tit{font-size: 2.46vw; letter-spacing: -0.07vw;}

	/* 학교장 인사말 */
	.greet_cont{margin-top: 4.44vw; gap:5.63vw;}
	.greet_cont .img{width: 31.69vw;}
	.greet_cont .txt{width: calc(100% - 5.63vw - 31.69vw);}
	.greet_cont .txt p{font-size: 1.41vw; letter-spacing: -0.04vw;}
	.greet_cont .txt p + p{margin-top: 1.76vw;}
	.greet_cont .txt p.last{gap: 1.76vw;}
	.greet_cont .txt p.last b{font-size: 1.69vw; margin-left: 0.35vw;}
	.greet_cont .txt p.last img{width: 11.97vw;}
	.greet .list{margin-top: 5.63vw;}
	.greet .list .tit{font-size: 2.11vw; margin-bottom: 1.76vw;}
	.greet .list dl + dl{margin-top: 1.06vw;}
	.greet .list dl dt{font-size: 1.41vw; letter-spacing: -0.04vw;}
	.greet .list dl dd{font-size: 1.41vw; letter-spacing: -0.04vw;}
	.greet_cont.en{margin-top: 7.04vw; padding-top: 7.04vw;}
	.greet_cont.en .sub_tit{margin-bottom: 2.11vw;}
	.greet_cont.en .txt p.last img{width: 14.08vw;}


	/* 학교상징 및 연혁 */
	.tabnav{gap:1.41vw; padding: 1.06vw 1.41vw; margin: 0 auto 3.52vw;}
	.tabnav a{font-size: 1.27vw; width: 11.48vw; line-height: 3.10vw;}
	.school .sub_tit{margin-bottom: 3.52vw;}
	.symbol_cont .item{gap:7.04vw;}
	.symbol_cont .item + .item{margin-top: 7.04vw;}
	.symbol_cont .item .img{width: 38.73vw;}
	.symbol_cont .item .txt{width: calc(100% - 38.73vw - 7.04vw);}
	.symbol_cont .item .txt:before{font-size: 7.04vw; letter-spacing: -0.07vw;}
	.symbol_cont .item .txt .title{font-size: 1.97vw; letter-spacing: -0.07vw; gap:1.41vw; padding-bottom: 2.82vw; margin-bottom: 2.82vw;}
	.symbol_cont .item .txt dl{gap:3.52vw; letter-spacing: -0.07vw;}
	.symbol_cont .item .txt .motto{font-size: 1.97vw;}
	.symbol_cont .item .txt .motto dl + dl{margin-top: 2.46vw;}
	.symbol_cont .item .txt .mean{font-size: 1.69vw;}
	.symbol_cont .item .txt .mean dl + dl{margin-top: 1.41vw;}
	.symbol_cont .item .txt .mark{gap:4.23vw;}
	.symbol_cont .item .txt .mark .img{width: 9.15vw;}
	.symbol_cont .item .txt .mark p{width: calc(100% - 4.23vw - 9.15vw); font-size: 1.69vw; letter-spacing: -0.07vw;}

	.history_wrap .bar_wrap{width: 0.35vw; top: 1.20vw;}
	.year_wrap + .year_wrap{margin-top: 1.41vw;}
	.year_wrap .year:before{width: 1.13vw; height: 1.13vw; top: 1.20vw;}
	.year_wrap .year strong{font-size: 2.82vw; letter-spacing: -0.14vw;}
	.year_wrap .year .cont{margin-top: 3.52vw;}
	.year_wrap .year .cont dl{font-size: 1.41vw; letter-spacing: -0.03vw; gap:2.11vw;}
	.year_wrap .year .cont dl + dl{margin-top: 1.41vw;}
	.year_wrap .year .cont dt{min-width: 8.10vw;}
	.year_wrap:nth-of-type(odd) .year{padding-left: 3.52vw;}
	.year_wrap:nth-of-type(odd) .year:before{left: -0.56vw;}
	.year_wrap:nth-of-type(even) .year{padding-right: 3.52vw;}
	.year_wrap:nth-of-type(even) .year:before{right: -0.56vw;}


	/* 찾아오시는길 */
	.location .map{height: 50.70vw;}
	.loc_title{margin-top: 2.11vw;}
	.loc_title .btn_wrap{gap:0.70vw;}
	.loc_title .btn_wrap a{padding: 1.06vw 1.41vw; gap: 0.70vw; font-size: 1.13vw;}
	.loc_title .btn_wrap a.kakao img{width: 1.06vw;}
	.loc_title .btn_wrap a.naver img{width: 0.85vw;}
	.loc_info{margin-top: 5.28vw;}
	.loc_info .flex{margin-top: 3.52vw;}
	.loc_info .item{gap:2.32vw;}
	.loc_info .item .icon{width: 4.93vw;}
	.loc_info .item dl{width: calc(100% - 2.32vw - 4.93vw);}
	.loc_info .item dl dt{font-size: 1.41vw; margin-bottom: 1.13vw;}
	.loc_info .item dl dd{font-size: 1.27vw;}
	.loc_info .item dl dd + dd{margin-top: 0.70vw;}
	.loc_info .item dl dd em + em{margin-left: 0.70vw;}
	.loc_info .item dl dd span{font-size: 0.99vw; line-height: 1.69vw; padding: 0.00vw 0.70vw; margin: -0.21vw 0.70vw 0 0;}

    /* SFL 동아리 소개 */
    .club_info .tabnav a {padding: 0 1.83vw;}


}


@media screen and (max-width:1280px){
	/* sub visual */
	.sub_visual{height: 74.22vw;}
	.sub_visual .sub_vis_txt img {width: 9.38vw;}
	.sub_visual .sub_vis_txt h2{font-size: 4.69vw;  margin-top: 2.19vw;}
	.sub_visual .sub_vis_txt p{font-size: 1.72vw; margin-top:2.34vw; line-height:1.7; letter-spacing: -0.08vw;}
	.sub_menu{height:6.25vw;}
	.sub_menu > ul {width:93.75vw;}
	.sub_menu > ul > li + li:before {top: 50%;  width: 0.08vw; height: 1.56vw;}
	.sub_menu > ul > li > a {padding-left: 2.34vw; font-size: 1.56vw;}
	.sub_menu > ul > li.home {width: 6.25vw;}
	.sub_menu > ul > li.home > a {background: url("/img/sub/home_ic.svg") no-repeat center / 2.34vw;}
	.sub_menu > ul > li.menu_btn {width: 23.44vw; background: url("/img/sub/sub_menu_arrow.svg") no-repeat right 1.95vw center / 1.56vw;}
	.sub_menu_txt li {height: 5.47vw;}
	.sub_menu_txt li a {padding-left: 2.34vw; font-size: 1.56vw; }

	#sub_content{padding-top:7.03vw;}
	.sub_inner{max-width:93.75vw;}
	.sub_wrap{margin-bottom:10.16vw;}
	.sub_title_txt{margin-bottom:7.03vw;}
	.sub_title_txt h3{font-size: 3.91vw;}
	.sub_tit{font-size: 2.73vw; letter-spacing: -0.08vw;}


	/* 학교장 인사말 */
	.greet_cont{margin-top: 4.45vw; gap:5.63vw;}
	.greet_cont .img{width: 31.72vw;}
	.greet_cont .txt{width: calc(100% - 5.63vw - 31.72vw);}
	.greet_cont .txt p{font-size: 1.41vw; letter-spacing: -0.08vw;}
	.greet_cont .txt p + p{margin-top: 1.80vw;}
	.greet_cont .txt p.last{gap: 1.80vw;}
	.greet_cont .txt p.last b{font-size: 1.72vw; margin-left: 0.31vw;}
	.greet_cont .txt p.last img{width: 11.95vw;}
	.greet .list{margin-top: 5.63vw;}
	.greet .list .tit{font-size: 2.11vw; margin-bottom: 1.80vw;}
	.greet .list dl + dl{margin-top: 1.09vw;}
	.greet .list dl dt{font-size: 1.41vw; letter-spacing: -0.08vw;}
	.greet .list dl dd{font-size: 1.41vw; letter-spacing: -0.08vw;}
	.greet_cont.en{margin-top: 7.03vw; padding-top: 7.03vw;}
	.greet_cont.en .sub_tit{margin-bottom: 2.11vw;}
	.greet_cont.en .txt p.last img{width: 14.06vw;}


	/* 학교상징 및 연혁 */
	.tabnav{gap:1.56vw; padding: 1.17vw 1.56vw; margin: 0 auto 3.91vw;}
	.tabnav a{font-size: 1.41vw; width: 12.73vw; line-height: 3.44vw;}
	.school .sub_tit{margin-bottom: 3.91vw;}
	.symbol_cont .item{gap:5.81vw;}
	.symbol_cont .item + .item{margin-top: 7.81vw;}
	.symbol_cont .item .img{width: 42.97vw;}
	.symbol_cont .item .txt{width: calc(100% - 42.97vw - 5.81vw);}
	.symbol_cont .item .txt:before{font-size: 7.81vw; letter-spacing: -0.08vw;}
	.symbol_cont .item .txt .title{font-size: 1.95vw; letter-spacing: -0.08vw; gap:1.56vw; padding-bottom: 3.13vw; margin-bottom: 3.13vw;}
	.symbol_cont .item .txt dl{gap:3.91vw; letter-spacing: -0.08vw;}
	.symbol_cont .item .txt .motto{font-size: 1.95vw;}
	.symbol_cont .item .txt .motto dl + dl{margin-top: 2.73vw;}
	.symbol_cont .item .txt .mean{font-size: 1.75vw;}
	.symbol_cont .item .txt .mean dl + dl{margin-top: 1.56vw;}
	.symbol_cont .item .txt .mark{gap:4.69vw;}
	.symbol_cont .item .txt .mark .img{width: 10.16vw;}
	.symbol_cont .item .txt .mark p{width: calc(100% - 4.69vw - 10.16vw); font-size: 1.75vw; letter-spacing: -0.08vw;}

	.history_wrap .bar_wrap{width: 0.39vw; top: 1.33vw;}
	.year_wrap + .year_wrap{margin-top: 1.56vw;}
	.year_wrap .year:before{width: 1.25vw; height: 1.25vw; top: 1.33vw;}
	.year_wrap .year strong{font-size: 3.13vw; letter-spacing: -0.16vw;}
	.year_wrap .year .cont{margin-top: 3.91vw;}
	.year_wrap .year .cont dl{font-size: 1.56vw; letter-spacing: -0.03vw; gap:2.34vw;}
	.year_wrap .year .cont dl + dl{margin-top: 1.56vw;}
	.year_wrap .year .cont dt{min-width: 8.98vw;}
	.year_wrap:nth-of-type(odd) .year{padding-left: 3.91vw;}
	.year_wrap:nth-of-type(odd) .year:before{left: -0.63vw;}
	.year_wrap:nth-of-type(even) .year{padding-right: 3.91vw;}
	.year_wrap:nth-of-type(even) .year:before{right: -0.63vw;}


	/* 찾아오시는길 */
	.location .map{height: 56.25vw;}
	.loc_title{margin-top: 2.34vw;}
	.loc_title .btn_wrap{gap:0.78vw;}
	.loc_title .btn_wrap a{padding: 1.17vw 1.56vw; gap: 0.78vw; font-size: 1.25vw;}
	.loc_title .btn_wrap a.kakao img{width: 1.17vw;}
	.loc_title .btn_wrap a.naver img{width: 0.94vw;}
	.loc_info{margin-top: 5.86vw;}
	.loc_info .flex{margin-top: 3.91vw;}
	.loc_info .item{gap:2.58vw;}
	.loc_info .item .icon{width: 5.47vw;}
	.loc_info .item dl{width: calc(100% - 2.58vw - 5.47vw);}
	.loc_info .item dl dt{font-size: 1.56vw; margin-bottom: 1.25vw;}
	.loc_info .item dl dd{font-size: 1.35vw;}
	.loc_info .item dl dd + dd{margin-top: 0.78vw;}
	.loc_info .item dl dd em + em{margin-left: 0.78vw;}
	.loc_info .item dl dd span{font-size: 1.09vw; line-height: 1.88vw; padding: 0.00vw 0.78vw; margin: -0.23vw 0.78vw 0 0;}


	/* 신청폼 상단 공지사항 */
	.bd_notice .title{padding-right: 60px;}
	.bd_notice .title img{width: 30px;}
	.bd_notice .title strong{font-size: 22px;}
	.bd_notice .txt{padding-left: 60px; width: 78%;}
	.bd_notice .txt li{font-size: 16px;}

    /* SFL 동아리 소개 */
    .club_info .tabnav a {padding: 0 1.80vw;}

}

@media screen and (max-width:768px){
	.pc{display:none;}
	.mob{display:block;}

	/* sub visual */
	.sub_visual{height: 123.70vw; /* background-image:url("/img/sub/sub_visual_m.jpg"); */}
	.sub_visual .sub_vis_txt img {width: 15.63vw;}
	.sub_visual .sub_vis_txt h2{font-size: 7.81vw;  margin-top: 3.65vw;}
	.sub_visual .sub_vis_txt p{font-size: 3.65vw; margin-top:4.43vw; line-height:1.7; letter-spacing: -0.09vw;}
	.sub_menu{width:100%; position:relative; bottom: 0; height:13.24vw; border-bottom:1px solid #E7E7E7;}
	.sub_menu > ul {width: 100%;}
	.sub_menu > ul > li + li:before {height: 2.84vw;}
	.sub_menu > ul > li > a {padding: 0 5.5vw 0 3.52vw; font-size: 3.2vw;}
	.sub_menu > ul > li.home {min-width: 13%; width: 13%;}
	.sub_menu > ul > li.home > a {background-position: center; background-size: 4.12vw; padding-left:0;}
	.sub_menu > ul > li.menu_btn {width: 45%; background-position: right 1.5vw center; background-size: 3.14vw;}
	.sub_menu_txt li {height: 10vw;}
	.sub_menu_txt li a {padding-left: 3.52vw; font-size: 3vw;}

	#sub_content{padding-top:11.72vw;}
	.sub_inner{max-width:100%; padding: 0 3.13vw;}
	.sub_wrap{margin-bottom:16.93vw;}
	.sub_title_txt{margin-bottom:11.72vw;}
	.sub_title_txt h3{font-size: 6.51vw;}
	.sub_tit{font-size: 5.21vw; letter-spacing: -0.13vw; line-height: 1.5;}


	/* 학교장 인사말 */
	.greet_cont{margin-top: 8.20vw; gap:10.42vw; flex-direction: column;}
	.greet_cont .img{width: 100%;}
	.greet_cont .txt{width: 100%;}
	.greet_cont .txt p{font-size: 3.65vw; letter-spacing: -0.08vw;}
	.greet_cont .txt p + p{margin-top: 4.26vw;}
	.greet_cont .txt p.last{gap: 3.26vw;}
	.greet_cont .txt p.last b{font-size: 4.17vw; margin-left: 0.65vw;}
	.greet_cont .txt p.last img{width: 25.14vw;}
	.greet .list{margin-top: 13.02vw;}
	.greet .list .tit{font-size: 5.21vw; margin-bottom: 4.69vw;}
	.greet .list dl + dl{margin-top: 2.60vw;}
	.greet .list dl dt{font-size: 3.65vw; letter-spacing: -0.08vw;}
	.greet .list dl dd{font-size: 3.65vw; letter-spacing: -0.08vw;}
	.greet_cont.en{margin-top: 13.02vw; padding-top: 13.02vw;}
	.greet_cont.en .sub_tit{margin-bottom: 3.91vw;}
	.greet_cont.en .txt p.last{flex-direction: column; align-items: flex-start; gap: 2.60vw;}
	.greet_cont.en .txt p.last img{width: 35.04vw;}


	/* 학교상징 및 연혁 */
	.tabnav{gap:2.60vw; padding: 2.45vw 2.90vw; margin: 0 auto 12.51vw;}
	.tabnav a{font-size: 3.65vw; width: 30.22vw; line-height: 8.73vw;}
	.school .sub_tit{margin-bottom: 6.51vw;}
	.symbol_cont .item{gap:7.02vw; flex-direction: column !important; align-items: flex-start;}
	.symbol_cont .item + .item{margin-top: 14.02vw;}
	.symbol_cont .item .img{width: 100%;}
	.symbol_cont .item .txt{width: 100%;}
	.symbol_cont .item .txt:before{font-size: 13.02vw; letter-spacing: -0.13vw;}
	.symbol_cont .item .txt .title{font-size: 4.17vw; letter-spacing: -0.13vw; gap:2.60vw; padding-bottom: 5.1vw; margin-bottom: 5.1vw;}
	.symbol_cont .item .txt dl{gap:6.51vw; letter-spacing: -0.13vw;}
	.symbol_cont .item .txt .motto{font-size: 4.17vw;}
	.symbol_cont .item .txt .motto dl + dl{margin-top: 3.91vw;}
	.symbol_cont .item .txt .mean{font-size: 3.65vw;}
	.symbol_cont .item .txt .mean dl + dl{margin-top: 3.60vw;}
	.symbol_cont .item .txt .mark{gap:4.81vw; flex-direction: column;}
	.symbol_cont .item .txt .mark .img{width: 20.93vw;}
	.symbol_cont .item .txt .mark p{width: 100%; font-size: 3.45vw; letter-spacing: -0.13vw;}

	.history_wrap .bar_wrap{width: 3px; top: 3.21vw; left: 0;}
	.year_wrap + .year_wrap{margin-top: 13.60vw;}
	.year_wrap .year{width: 100%; text-align: left !important;}
	.year_wrap .year:before{width: 12px; height: 12px; top: 3.21vw;}
	.year_wrap .year strong{font-size: 7.1vw; letter-spacing: -0.26vw;}
	.year_wrap .year .cont{margin-top: 5.51vw;}
	.year_wrap .year .cont dl{font-size: 3.65vw; letter-spacing: -0.05vw; gap:3.91vw; flex-direction: row !important;}
	.year_wrap .year .cont dl + dl{margin-top: 2.60vw;}
	.year_wrap .year .cont dt{min-width: 20.97vw;}
	.year_wrap:nth-of-type(odd) .year{padding-left: 7.51vw;}
	.year_wrap:nth-of-type(odd) .year:before{left: -1.04vw;}
	.year_wrap:nth-of-type(even) .year{padding-right: 0; padding-left: 7.51vw;}
	.year_wrap:nth-of-type(even) .year:before{right: initial; left: -1.04vw;}


	/* 찾아오시는길 */
	.location .map{height: 103.75vw;}
	.loc_title{margin-top: 8.91vw; flex-direction: column-reverse; align-items: flex-start; gap:4vw;}
	.loc_title .btn_wrap{gap:2.30vw;}
	.loc_title .btn_wrap a{padding: 2.15vw 4.60vw; gap: 1.30vw; font-size: 3.13vw;}
	.loc_title .btn_wrap a.kakao img{width: 2.95vw;}
	.loc_title .btn_wrap a.naver img{width: 2.56vw;}
	.loc_info{margin-top: 9.77vw;}
	.loc_info .flex{margin-top: 7.51vw; flex-direction: column; gap:7.51vw}
	.loc_info .flex .item{width: 100%;}
	.loc_info .item{gap:4.30vw;}
	.loc_info .item .icon{width: 12.11vw;}
	.loc_info .item dl{width: calc(100% - 4.30vw - 12.11vw);}
	.loc_info .item dl dt{font-size: 3.91vw; margin-bottom: 2.08vw; line-height: 1.4;}
	.loc_info .item dl dt span{display: block; margin-top: 1vw;}
	.loc_info .item dl dd{font-size: 3.65vw; display: flex; align-items: flex-start;}
	.loc_info .item dl dd + dd{margin-top: 1.30vw;}
	.loc_info .item dl dd em + em{margin-left: 0;}
	.loc_info .item dl dd span{font-size: 3vw; line-height: 4.53vw; padding: 0 1.80vw; margin: 0.5vw 2.3vw 0 0; width: 11vw; text-align: center;}
	.loc_info .item dl dd span + *{width: calc(100% - 11vw - 2.3vw);}


	#pdfContent{height: 128vw;}


	/* 신청폼 상단 공지사항 */
	.bd_notice{padding: 25px 20px; margin-bottom: 40px; display: block;}
	.bd_notice .title{padding-right: 0; gap:1.95vw;}
	.bd_notice .title img{width: 20px;}
	.bd_notice .title strong{font-size: 16px;}
	.bd_notice .txt{padding-left: 0; border-left: none; width: 100%; margin-top: 20px;}
	.bd_notice .txt li{font-size: 14px; padding-left: 12px; line-height: 1.4;}
	.bd_notice .txt li + li{margin-top: 1.30vw;}
	.bd_notice .txt li:before{width: 4px; height: 4px; top: 6px;}

    /* SFL 동아리 소개 */
    .club_info .tabnav {flex-wrap: wrap; gap: 1.5vw 2.60vw; border-radius: 7vw;}
    .club_info .tabnav a {padding: 0 3.91vw; /* border-radius: 4vw; */}

}


@media screen and (max-width:640px){

	/* 신청폼 약관동의 */
	.board_agree input[type="checkbox"]{width: 16px; height: 16px;}
	.board_agree label{font-size: 14px;}
	.board_agree span{font-size: 12px;}

}