@charset "utf-8";

@import url("/common/font/MontserratUpdated/fonts.css");

#wrap { overflow-x: hidden;}
/* content */
#sub_container_wrap {position:relative; padding-top:6rem;} /* 181018 */
.sub_content_wrap {position:relative; width:64rem; margin:0 auto 2.5rem; overflow:hidden; min-height:35rem} /* 180903 수정 */
#sub_content{margin:0 0 0 18.5rem; padding-bottom:2.5rem}
.subCntBody{position:relative; width:45.5rem; float:right; padding:2.75rem 0 0;}/* 180903 수정 */
#sub_content i { font-style:normal !important}
/* 왼쪽메뉴 */
#menu {position:relative; float:left; width:15rem; height:100%;  }/* 180903 수정 */
#menu h2 { position: relative; width: 100%; height: 6.5rem; display: flex; align-items: center; justify-content: center; padding: 0 1rem; background: linear-gradient(to right, #1f63c9, #2399e5); color: #fff; font-weight: 700; font-size: 1.75rem; border-radius: 0.8rem 2.5rem 0.8rem 0.8rem; }
#menu .lnb { margin-top: 0.5rem;}
#menu .lnb > li + li { margin-top: 0.35rem;}
#menu .lnb > li > a  { position: relative; font-size: 0.95rem; color: #111; display: block; padding: 0.8rem 0 0.8rem 0.8rem; font-weight: 500; background: #f3f5f8; border-radius: 0.5rem; border: 1px solid #dfe4ef;}
#menu .lnb > li.dep > a::before { position: absolute; top: calc(50% - 0.75rem); right: 1rem; width: 1.5rem; height: 1.5rem; line-height: 1.4rem; border: 1px solid #dfe4ef; color: #777; background: #fff; border-radius: 50%; text-align: center; font-family: "xeicon"; font-size: 0.85rem; content: "\e913"; }
#menu .lnb > li.dep.on > a::before { border-color: #005aa9; color: #005aa9; content: "\e91a"; font-weight: 400; }
   
#menu .lnb > li.on > a, 
#menu .lnb > li > a:hover, 
#menu .lnb > li > a:focus, 
#menu .lnb > li > a:active {color:#fff; text-decoration:none; background:  #005aa9; }
#menu .subLnb {display:none; padding:0.7rem 1rem; border: 1px solid #dfe4ef; border-radius: 0.5rem; background:#fff; margin-top: 0.4rem;} 
#menu .subLnb li {border-bottom: 1px solid #eee;}
#menu .subLnb li:last-child {border-bottom: none;}
#menu .subLnb li a {display:block; color:#333; padding: 0.8rem 0.5rem; font-size:0.85rem;   }
#menu .subLnb li a:hover, 
#menu .subLnb li a:focus, 
#menu .subLnb li a:active, 
#menu .subLnb li.on a {color:#0063af; font-weight: 600; }

/* 새창 아이콘 181004 추가 */
#menu nav > .lnb > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; width:0.55rem; height:0.55rem; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > a:hover[target='_blank']:after, #menu nav > .lnb > li.on > a[target='_blank']:after, #menu nav > .lnb > li.on > a:hover[target='_blank']:after {display:inline-block; vertical-align:middle; position:relative; content:''; width:0.55rem; height:0.55rem; margin:-3px 0 0 8px;}
#menu nav > .lnb > li > ul > li > a[target='_blank']:after{display:inline-block; vertical-align:middle; position:relative; content:''; width:0.55rem; height:0.55rem; margin:-4px 0 0 8px;}
 
/* sub 타이틀 */
#sub_content .title_area {position:relative; border-bottom:1px solid #ddd;}
.title_area .pageTitle {padding:3rem 0 1.4rem; line-height:1.4; font-size:1.75rem; font-weight: 700; letter-spacing:-1px; color:#000}
 
/* Location */
.title_area .location { position: absolute; top: 0.6rem; left: 0; display: flex; align-items: center; }
.title_area .location > .navi_item { position: relative; display: inline-block; }
.title_area .location > .navi_item + .navi_item { padding-left: 1.2rem; }
.title_area .location > .navi_item + .navi_item::before { position: absolute; top: 2px; left: 3px; font-family: 'xeicon'; font-size: 0.9rem; color: #999; content: "\e93f"; }
.title_area .location > a.navi_item { display: block; color: #555; font-size: 0.85rem; }
.title_area .location > .navi_item.home { font-size: 1rem; color: #005aa9;}
 
/* sns */
.snsBox { position: absolute; bottom: 1.8rem; right: 0;;}
.snsBox .btnPrint i, .snsBox .btnShare i{ font-size: 1.15rem; color: #063c5f;} 
.snsBox > button[type="button"] { padding-right: 1.1rem }
.snsBox .btnShare { position: relative;; margin-right: 1.1rem;}
.snsBox .btnShare::before { position: absolute; top: calc(50% - 0.5rem); right: 0; content: ''; display: block; width: 1px; height: 1rem; background-color: #ddd; }
.snsBox .sns_more { position: absolute; display: none; border-radius: 1rem; background: #204260; color: #fff; padding: 0.3rem 0.7rem 0.7rem 0.7rem; z-index: 3;right:3.8rem; top: 3rem;  }
.snsBox .sns_more .sns_close { position: relative; font-size: 0.9rem !important;margin: 0 auto 0.3rem; padding-bottom: 0.3rem;}
.snsBox .sns_more .sns_close::before { content: ''; display: block; width: 1rem; height: 1px; background: rgba(255,255,255,0.3); position: absolute; bottom: 0; left: calc(50% - 0.5rem);} 
.snsBox .sns_more > button[type="button"] { display: block; text-align: center; line-height: 2.1rem; font-size: 1.15rem;} 

/* 인사말 */
.greeting04 { position: relative;}
.greeting04 .g_top { width: calc(100% - 1.5rem); height: 11.25rem; background: url(/common/images/sub/greeting_bg1.png) no-repeat center / cover; border-radius: 2rem 2rem 0 0; color: #fff; padding: 1.9rem 11rem 0 2rem;}
.greeting04 .g_top span { font-size: 1.1rem; font-weight: 300; letter-spacing: 4px;}
.greeting04 .g_top span em { font-size: 1.1rem; font-weight: 500;}
.greeting04 .g_top p { font-size: 1.4rem; line-height: 2.1rem; margin-top: 0.75rem;}
.greeting04 .g_img {position: absolute;top: 3.2rem;right: 0.5rem;z-index: 2;}
.greeting04 .g_img::before { content: ''; display: block; width: 100%; height: 1px; background: #96cef2; position: absolute; bottom: 0; left: 0;}
.greeting04 .g_img::after { content: ''; display: block; width: 0.5rem; height: 0.5rem; background: url(/common/images/sub/greet_deco.png) no-repeat center / contain; position: absolute; bottom: -0.2rem; left: 0;}
.greeting04 .g_img .img {width: 11.4rem;height: 15.5rem;border-radius: 0.5rem 0.5rem 0.5rem 0;overflow: hidden;box-shadow: 0.5rem 0.5rem 0 rgba(189,222,254,0.22);font-size: 0;z-index: 1;}
.greeting04 .g_img span { display: inline-block; margin-top: 1.1rem; font-size: 0.85rem; color: #000; font-weight: 600;}
.greeting04 .g_img p {text-align: right; margin: 0.9rem 0 0.5rem;}
.greeting04 .g_bot { background: #fff; border-radius: 1.5rem; margin-top: -1.3rem; padding:  2.1rem 14rem 0 1.5rem; color: #000; position: relative;}
.greeting04 .g_bot::before { content: ''; display: block;width: 6.55rem; height: 7.4rem; background: url(/common/images/sub/greeting_bg2.png) no-repeat center / contain; position: absolute; top: 3.75rem; right: 10.3rem;}
.greeting04 .g_bot h4 { font-size: 1.2rem; font-weight: 600; margin-bottom: 1.6rem;}
.greeting04 .g_bot h4  span { color: #006cb2;}
.greeting04 .g_bot p { font-size: 0.85rem; line-height: 1.5rem;}
.greeting04 .g_bot p + p { margin-top: 1.6rem;}
.greeting04 .g_bot p.blue { color: #006cb2;}

/* sub-0610-02 */
.sub-0610-02 .imgWr {display: flex; flex-direction: column; justify-content: center; align-items: center; width: calc(100% - 5.4rem); height: 15.5rem; border-radius: 0.75rem; background: url('/images/web/SCNU/sub/sub_0610/bg_img.png') center / cover; box-shadow: 0.15rem 0.2rem 0 rgba(27,47,80,0.15); color: #fff; text-align: center; margin: 0 auto; position: relative; z-index: 1;}
.sub-0610-02 .imgWr p {font-size: 1.1rem; line-height: 1.75;}
.sub-0610-02 .imgWr p strong {font-size: 1.28em; font-weight: 700;}
.sub-0610-02 .imgWr p strong em {color: #36c4ff;}
.sub-0610-02 .imgWr a {display: inline-flex; justify-content: center; align-items: center; gap: 0.75rem; border-radius: 0.5rem; background: linear-gradient(to right, #1f63c9, #2399e5); box-shadow: 0.15rem 0.2rem 0.25rem rgba(0,0,0,0.22); padding: 0.85rem 0; padding-left: 1rem !important; padding-right: 0.75rem !important; font-size: 0.85rem; margin-top: 1.25rem;}
.sub-0610-02 .imgWr a i {font-size: 1.18em;}
.sub-0610-02 .txtWr {border-radius: 0.75rem; border: 1px solid #2398e5; background: url('/images/web/SCNU/sub/sub_0610/bg_icn.png') #fff right -1.35rem bottom -4.1rem no-repeat; padding: 12.25rem 2.8rem 1.75rem; margin-top: -10.7rem;}
.sub-0610-02 .txtWr span {font-family: 'Montserrat'; font-size: 1rem; color: #1f64ca; font-weight: 700; opacity: 0.15;}
.sub-0610-02 .txtWr p {font-size: 0.85rem; margin-top: 0.75rem;}
.sub-0610-02 .txtWr p strong {font-weight: 700;}
/* sub-0610-02 : actv */
.sub-0610-02 .imgWr a {transition: 0.3s;}
.sub-0610-02 .imgWr a:hover,
.sub-0610-02 .imgWr a:focus {transform: scale(1.1);}



/* 스쿨 - 공통 */
.sub-school .infoBox { display: flex; flex-direction: column; align-items: flex-end; position: relative;}
.sub-school .infoBox::before { content: ''; display: block; width: 16.5rem; height: 13.75rem; border-radius: 0.75rem 3.75rem 0 0.75rem; position: absolute; top: 0.25rem; left: 0; background-image: linear-gradient(-43deg,rgb(231, 70, 17) 0%,rgb(236, 35, 76) 14%,rgb(206, 29, 125) 27%,rgb(176, 22, 174) 44%,rgb(209, 28, 133) 66%,rgb(242, 33, 91) 85%,rgb(234, 65, 96) 99%); z-index: -1;}
.sub-school .infoBox .tit { font-family: 'MontserratUpdated'; font-size: 2rem; color: #fff; font-weight: 900; line-height: 1; text-shadow: 0 -1px #c7e4f8, 1px -1px #c7e4f8, 1px 0 #c7e4f8, 1px 1px #c7e4f8, 0 1px #c7e4f8, -1px 1px #c7e4f8, -1px 0 #c7e4f8, -1px -1px #c7e4f8; letter-spacing: 3px; }
.sub-school .infoBox .cnt { width: calc( 100% - 1.8rem); height: 14rem; background: #ddd; border-radius: 0.75rem; padding: 0 2.5rem; display: flex; align-items: center; background: url(../../../common/images/sub/school_bg01.png) no-repeat; background-position: right 0; position: relative; z-index: -1; margin-top: 0.25rem; background-size: cover;}
.sub-school .infoBox .cnt::after { content: ''; display: block; width: 100%; height: 100%; background-image: linear-gradient(90deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0) 50%); position: absolute; top: 0; left: 0; border-radius: 0.75rem;}
.sub-school .infoBox .cnt p {font-size: 1.9rem; font-weight: 700; color:#fff; z-index: 1;}

.sub-school .titBox { display: flex; align-items: center; margin-top: 1.75rem;}
.sub-school .titBox .tit_st1 { width: calc(100% - 9rem); font-size: 1.1rem; font-weight: 700; }
.sub-school .titBox a { display: inline-flex; align-items: center; width: 9rem; height: 2rem; border: 1px solid #2073d1; border-radius: 0.25rem;}
.sub-school .titBox a span { display: flex; justify-content: center; align-items: center; background-image: linear-gradient(90deg, #1f63c9, #2399e5); width: 2rem; height: 100%; margin-right: 0.5rem;}
.sub-school .titBox a span i { color: #fff;}
.sub-school .titBox a em { color: #005aa9;}

/* 스쿨 - 그린스마트팜 */
.sub-school .mjList {display: flex; gap: 0.5rem; margin-top: 1.75rem; flex-wrap: wrap; margin-bottom: 0.25rem; padding: 1px;}
.sub-school .mjList li { width: calc( (100% - 0.5rem) / 2 );}
.sub-school .mjList li a {position: relative; z-index: 1; display: flex; align-items: center; padding: 0.6rem 2.4rem 0.6rem 1rem; border-radius: 0.4rem; border: 1px solid #c9c9c9; cursor: pointer; min-height: 2.8rem; transition: 0.3s;}
.sub-school .mjList li a::before { content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; border-radius: 0.4rem; background: linear-gradient(90deg, #1f65ca, #2395e3); z-index: -2; opacity: 0; transition: 0.3s;
}
.sub-school .mjList li a::after { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; border-radius: calc(0.4rem - 2px); background-color: #fff; z-index: -1;
}
.sub-school .mjList li em {font-size: 0.9rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.sub-school .mjList li span { display: inline-flex; width: 1.5rem; height: 1.5rem; align-items: center; justify-content: center; border-radius: 50%; position: absolute; top:50%; right: 0.5rem; transform: translateY(-50%);}
.sub-school .mjList li .basic { background: #f1f1f2; color: #737d8c;}
.sub-school .mjList li .acti { display: none; font-size: 1.15rem; color: #005aa9;}

/* active */
.sub-school .titBox a:hover em, .sub-school .titBox a:focus em { font-weight: 600;}

.sub-school .mjList li a:hover,
.sub-school .mjList li a:focus {border-color: transparent;}
.sub-school .mjList li a:hover::before,
.sub-school .mjList li a:focus::before {opacity: 1;}

.sub-school .mjList li a:hover em, .sub-school .mjList li a:focus em { font-weight: 700;}
.sub-school .mjList li a:hover .acti, .sub-school .mjList li a:focus .acti { display: inline-flex;}
.sub-school .mjList li a:hover .basic, .sub-school .mjList li a:focus .basic { display: none;}

/*스쿨 - 애니문화스쿨 */
.sub-school.anicult .tit_st2 { margin-top: 1.2rem; font-size: 0.9rem; font-weight: 700;}
.sub-school.anicult .mjList { margin-top: 0.5rem;}
.sub-school.anicult .infoBox .tit { font-size: 0.9rem; padding: 0.4rem 0;}
.sub-school.anicult .infoBox .cnt { background: url(../../../common/images/sub/school_bg03.png) no-repeat; background-size: cover;}
.sub-school.anicult .mjList li.noLink { display: flex; align-items: center; padding: 0.6rem 1rem; border: 1px solid #c9c9c9; border-radius: 0.4rem; min-height: 2.8rem;}

/*스쿨 - 평생교육 */
.sub-school.life .infoBox .cnt { background: url(../../../common/images/sub/school_bg02.png) no-repeat; background-size: cover;}
.sub-school.life .infoBox .tit { font-size: 1.5rem;}
.sub-school.life .mjList li {display: flex; align-items: center; padding: 0.6rem 1rem; border: 1px solid #c9c9c9; border-radius: 0.4rem; min-height: 2.8rem; font-size: 0.9rem; } 

/*스쿨 - 우주항공스쿨 */
.sub-school.space .infoBox .tit { font-size: 0.85rem; padding: 0.4rem 0;}
.sub-school.space .infoBox .cnt { background: url(../../../common/images/sub/school_bg04.png) no-repeat; background-size: cover;}


@media   (max-width: 1600px) {

    .quick { display: none;}
}

@media   (max-width: 1280px) {

    .sub_content_wrap{ width: 100%; padding: 0 0.7rem;}
    #sub_content{margin:0 0 0; width: calc(100% - 17rem);margin-left: 17rem;}
    .subCntBody { width: 100%;}

    /*스쿨 - 공통 */
    .sub-school .infoBox::before { width: 12.5rem; height: 11.5rem; }
    .sub-school .infoBox .tit { font-size: 1.7rem;}

    /*스쿨 - 평생교육스쿨 */
    .sub-school.life .infoBox .tit { font-size: 1.3rem;}

}

@media   (max-width: 1019px) {

    .sub_content_wrap{ padding: 0;}
	#sub_container_wrap,
	.sub_content_wrap,
	#sub_content,
	.subCntBody {-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

	/* content */
	#sub_container_wrap,
	.sub_content_wrap {width:100%; margin-bottom:0;}	/* 181023 */
	/*#sub_container_wrap { padding-top:160px} /* 190128 총장임용 */
     #sub_container_wrap { padding-top:4.6rem}  /* 190128 총장임용 끝나면 변경 */

	#sub_content{margin:0; width:100%; min-height:0; padding:0 0.5rem 0} /* 181023 */

	/* sub 타이틀 */	
	#sub_content .title_area {height:auto; padding-bottom:0.75rem;}
	.title_area .pageTitle {font-size: 1.3rem;padding-right: 1.9rem !important;padding: 0.7rem 0 0;}    

	/* etc : sns*/ 
	.snsBox { bottom: 0.7rem;}
	.snsBox .btnPrint {display: none;}
	.snsBox .btnShare{ margin: 0;}
	.snsBox .btnShare::before { display: none;}
    .snsBox > button[type="button"] { padding-right: 0;}
    .snsBox .sns_more { padding: 0.3rem 0.4rem 0.7rem 0.4rem; right: -7px;top: 2rem;}

	.subCntBody{width:100%; float:none; padding:1.25rem 0} /* 180903 수정 */

	/* Location */
    .title_area .location {position: relative;top: 0;left: 0; margin-top: 0.4rem;}

	/* common */
	.img_auto { width:100%; height:auto}

	/* 왼쪽메뉴 */
    #menu {position:static;width: calc(100% - 1rem);float:none;margin: 0 auto;}  
	#menu h2 {position:relative; width:100%; height:2.5rem; line-height:1.3rem; background: #005aa9; box-sizing:border-box; padding:0.6rem 0 0.6rem 1rem; margin-bottom:0; color:#fff; cursor:pointer; font-size:0.9rem; border-radius: 0.5rem;justify-content: flex-start; z-index: 2;}  
    #menu h2::after { position: absolute; top: calc(50% - 0.6rem); right: 1rem; width: 1.25rem; height: 1.25rem; line-height: 1.2rem; border: 1px solid #fff; color: #fff; border-radius: 50%; text-align: center; font-family: "xeicon"; font-size: 0.85rem; content: "\e942"; }  
    #menu h2.on::after { content: "\e945"; background: #fff; color: #005aa9; } 
    #menu nav{display:none}
    #menu nav{position:relative; }
	#menu .lnb {  width: 100%; margin: 0; border-radius: 0; padding: 0.5rem 0.75rem; background: #fff; z-index: 1; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); padding-top: 1rem; margin-top: -1rem; border-radius: 0 0 0.5rem 0.5rem;}
	#menu .lnb > li {margin:0;} 
    #menu .lnb > li + li { margin: 0; border-top: 1px solid #ddd;}
    #menu .lnb > li > a  {font-size: 0.8rem;display: block;padding: 0.5rem 2rem 0.5rem 0.8rem;border: none;background: none;border-radius: 0;} 
    #menu .lnb > li.on >a,
	#menu .lnb > li > a:hover,
	#menu .lnb > li > a:focus,
	#menu .lnb > li > a:active {border-bottom: 1px solid #194d96;border-radius: 0;background-color: #fff;color: #005aa9;font-weight:700;} 
    #menu .lnb > li.dep > a::before{ position: absolute; top: calc(50% - 0.6rem); right: 0.3rem; width: 1.25rem; height: 1.25rem; line-height: 1.2rem; border: 1px solid #aaa; color: #aaa; border-radius: 50%; text-align: center; font-family: "xeicon"; font-size: 0.85rem; content: "\e942"; }
    #menu .lnb > li.dep.on > a::before { background: #005aa9; border-color: #005aa9; color: #fff; content: "\e945"; font-weight: 400; }
    #menu .subLnb { padding: 0; border: none;}
    #menu .subLnb li { position: relative; border: none;}
    #menu .subLnb li a { padding: 0.3rem 0.5rem 0.3rem 1rem;font-size: 0.7rem;}
    #menu .subLnb li::after { position: absolute; top: 0.65rem; left: 0.5rem; width: 0.25rem; height: 0.25rem; background: #cdd3d8; border-radius: 50%; content: ""; }

}

@media   (max-width: 768px) {

    /* 인사말 */
    .greeting04 .g_img .img {width: 9.1rem;height: 13.5rem; }
    .greeting04 .g_img .img img { height: 100%; position: relative; left: 50%; transform: translateX(-50%);} 
    .greeting04 .g_top {height: auto;padding-bottom: 3rem;}
    .greeting04 .g_top span {font-size: 0.8rem; }
    .greeting04 .g_top p {font-size: 1rem;line-height: 1.2rem; }
    .greeting04 .g_bot h4 { font-size: 1rem;}
    .greeting04 .g_bot p {font-size: 0.8rem;line-height: 1.2rem;}
    .greeting04 .g_bot p + p {margin-top: 0.8rem;}
    .greeting04 .g_bot { padding-right: 11rem;}

    /* sub-0610-02 */
    .sub-0610-02 .imgWr {width: calc(100% - 2rem);}
    .sub-0610-02 .txtWr {padding: 12.25rem 1rem 1.75rem;}

    /* 스쿨 - 공통 */
    .sub-school .infoBox .tit {font-size: 1.5rem;}
    .sub-school .infoBox .cnt {padding: 0 1.5rem;}
    .sub-school .infoBox::before { width: 12.5rem; height: 11.5rem; }

    /* 스쿨 - 그린스마트팜 */   
    .sub-school .mjList li a em {font-size: 0.85rem;}

    /* 스쿨 - 평생교육 */   
    .sub-school.life .infoBox .tit { font-size: 1rem;}
    .sub-school.life .mjList li {font-size: 0.85rem;}

    /*스쿨 - 애니문화스쿨 */
    .sub-school.anicult .infoBox::before { display: none;}
    .sub-school.anicult .infoBox .cnt { width: 100%;}

    /*스쿨 - 우주항공스쿨 */
    .sub-school.space .infoBox::before { display: none;}
    .sub-school.space .infoBox .cnt { width: 100%;}
}

@media   (max-width: 640px) {

    /* 인사말 */
    .greeting04 .g_top { padding: 1rem; width: 100%; border-radius: 1rem; margin-bottom: 0.8rem;}
    .greeting04 .g_top span {font-size: 0.8rem; }
    .greeting04 .g_top p {font-size: 1rem;line-height: 1.2rem; }
	.greeting04 .g_img {position: relative;top: 0;right: auto; }
    .greeting04 .g_img .img { height: 12.3rem;margin: 0 auto;}
    .greeting04 .g_img span { position: absolute;right: 8rem;bottom: 0.5rem;}
    .greeting04 .g_img p { padding-bottom: 0.5rem;}
	.greeting04 .g_bot { padding: 2.1rem 0.5rem 0;}
    .greeting04 .g_bot::before { right: 1rem;}
    .greeting04 .g_bot h4 { margin-bottom: 0.7rem;}

    /* 스쿨 - 공통 */
    .sub-school .infoBox::before { width: 11rem; height: 11rem; }

    /* 스쿨 - 평생교육스쿨 */
    .sub-school.life .infoBox .cnt { background-position: center;}

}

@media   (max-width: 540px) {

	/* sub 타이틀 */	
	.title_area .pageTitle {padding:0.75rem 3.5rem 0 0; font-size:1rem;}

	.subCntBody{padding:1.5rem 0 40px}	
	
	#menu h2 {padding-right:3rem; text-align:left;}

    /* sub-0610-02 */
    .sub-0610-02 .imgWr {height: 12rem;}
    .sub-0610-02 .imgWr p {font-size: 0.9rem;}
    .sub-0610-02 .imgWr a {padding: 0.75rem; font-size: 0.75rem; margin-top: 0.75rem;}
    .sub-0610-02 .txtWr {background-size: calc((100vw - 1rem) * 0.35) auto; background-position: right calc((100vw - 1rem) * -0.075) bottom -17.5vw; padding-top: 8.25rem; margin-top: -7.2rem;}
    .sub-0610-02 .txtWr span {font-size: 0.9rem;}
    .sub-0610-02 .txtWr p {font-size: 0.8rem;}
    /*스쿨 - 공통 */
    .sub-school .infoBox::before { display: none;}
    .sub-school .infoBox .cnt { width: 100%; height: 12rem;}
    .sub-school .infoBox .cnt p {font-size: 1.7rem;}
    .sub-school .infoBox .tit { font-size: 1.2rem; letter-spacing: 2px;}
}

@media   (max-width: 480px) {	
    /* 스쿨 - 공통 */
    .sub-school .infoBox .cnt { height: 10rem;}

    .sub-school .infoBox .cnt p {font-size: 1.5rem;}
    .sub-school .titBox .tit_st1 {width: calc(100% - 8.5rem);}
    .sub-school .titBox a { width: 8.5rem;}
    .sub-school .titBox a em { font-size: 0.75rem;}
    
    /* 스쿨 - 그린스마트팜 */
    .sub-school .mjList { margin-top: 1rem;}
    .sub-school .mjList li { width: 100%;}
    .sub-school .mjList li a { padding: 0.4rem 2.4rem 0.4rem 0.8rem; min-height: 2.4rem;}
    .sub-school .mjList li a em { font-size: 0.8rem;}
    
    /* 스쿨 - 평생교육 */
    .sub-school.life .infoBox .tit { font-size: 0.9rem;}
    .sub-school.life .mjList li { font-size: 0.8rem; padding: 0.4rem 2.4rem 0.4rem 0.8rem; min-height: 2.4rem;}
    
}

@media   (max-width: 380px) {
}