/* ************************ 공용 ************************ */
html { font-size:0.625rem !important; } 
html body {word-break: keep-all; font-family:'Pretendard', 'Roboto' !important; width:100%; position:static; font-size:var(--fs18); font-weight:400; color: #000; }
section {position:relative; width:100%; box-sizing:border-box; margin-left:270px; width:calc(100% - 270px);}

:root{
	--base1:#2B73F9;
	--base2:#1E4896;
    --base3:#3CA4B2;

    --fs9:9px;
	--fs12:12px;
	--fs14:14px;
    --fs16:16px;
    --fs17:17px;
    --fs18:18px;
    --fs20:20px;
    --fs22:22px;
    --fs24:24px;
    --fs26:26px;
    --fs28:28px;
    --fs30:30px;
    --fs32:32px;
    --fs35:35px;
    --fs40:40px;
    --fs45:45px;
    --fs50:50px;
    --fs55:55px;
    --fs65:65px;
    --fs48:48px;
}

@media (max-width: 767px) {
    :root { 

    --fs17:1.6rem;
    --fs20:1.7rem;
    --fs24:2.0rem;
    --fs30:2.5rem;
    --fs35:2.8rem;
    --fs32:2.1rem;
    --fs40:3rem;
    --fs45:3.5rem; 

    } 
}


@media (max-width: 500px) {
    :root { 
        
        --fs18:1.6rem;
        --fs20:1.7rem;
        --fs22:1.8rem;
        --fs24:2.1rem;
        --fs26:2.3rem;
        --fs30:2rem;
        --fs35:2.3rem;
        --fs40:2.5rem;
        --fs45:2.8rem; 
        

    } 
}


.w1400 {max-width: 1400px; width: 100%; margin: 0 auto;}

a:visited { color: inherit; }
a {color: inherit;}
button {color: inherit;}
section.contents_box {position:relative; padding:0; padding-left:270px; text-align:center; background-color:#fff;}
.contents_box .top {
	z-index:-1;  width:100%; /*height:200px;*/ 
	background-position:50%;
	background-size:cover;
	background-repeat:no-repeat;
	background-color:#000;
}
button {background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer;}

.sub-visual {position:relative; width:calc(100% - 270px); height:150px; background-color:#000; }
/*.sub-visual .cover { display : block; position : absolute; background:rgba(0,0,0,.25); width : 100%; height : 100%; top:0; }*/
/* 초기 상태 (숨김 및 아래쪽 위치) */
.sub-visual .sub-visual-wrap {display:flex; align-items:end; max-width:1400px; margin:0 auto; height:100%;}

.sub-visual-text {color:#fff; position:relative; z-index:9; line-height:1.6; }
.sub-visual-text h2 {font-size:32px; font-weight:700; margin-bottom:30px;}
.sub-visual-text p {font-size:16px; margin-top:20px;}

.sub-visual {background:#000 url(/images/common/bg_depth.webp) no-repeat center / cover; z-index:1;}
section.contents_box .contents {display:inline-block; max-width:1400px; width:100%; padding:0; font-weight:normal; color:#666; line-height:1.6; text-align:left;}
section.contents_box .contents img {max-width:100%; }

/*** go top 버튼 ***/
body .top-wrap {margin-top: 100px;}
body .top-wrap a {display: inline-block; width: 100%; height: 90px; background: #F7F7F7 url(/images/common/goTop.svg) no-repeat center; border: 1px solid #E5E5E5; border-left:0; border-right:0; margin-bottom: -5px;}


.c_base1 {color:var(--base1);}
.c_base2 {color:var(--base2);}

/* 부트스트랩 적용으로,, */
.h1, .h2, .h3, h1, h2, h3, .h4, .h5, .h6, h4, h5, h6 {margin:0;}

p {margin-bottom:0;}

.contents_box .contents-top-wrap .c-inner {display:flex; justify-content:space-between; align-items:center; max-width:1420px; margin:0 auto; flex-wrap:wrap; gap:5px;}
.contents-top-wrap h2 {font-size:36px; font-weight:700; text-align:left;}


/*** 사이트 루트 ***/
.site-route { color: #666; } 
.site-route p { color: var(--base2); font-weight: 800; } 
.site-route h2 { position: relative; display: flex; gap: 10px; align-items: center; color: var(--black); font-size:var(--fs24); } 
.site-route h2 i { display: flex; align-items: center; justify-content: center; background: var(--base3); border-radius: 100px; width: 28px; height: 28px; } 
.site-route span { color: rgba(17,45,92,4%); position: absolute; left: 80px; top: -45px; font-size:var(--fs80); font-weight: 800; } 
.site-route { display: flex; align-items: center; font-size: var(--fs16); font-weight: 300; } 
.site-routei { margin-right: 8px; } 
.site-route li { position: relative; } 
.site-route li img { transform: translateY(-2px); } 
.site-route li i {margin-right:10px;}
.site-route li a {color:#666 !important;}
.site-route li+li { padding-left: 30px; } 
.site-route li+li:before { content: ""; display: block; width: 2px; height: 8px; position: absolute; top: 5px; left: 14px; background: #CCC; transform: rotate(-45deg); } 


/*** 공통 ***/
.content_wrap .c-inner {margin:0 auto; max-width:1420px;}

footer .footer-sitemap {display:flex; justify-content:space-between; gap:70px; color:#fff; max-width:1420px; margin:0 auto;}
footer .footer-sitemap .depth1_bx p {font-weight:600; font-size:16px;}
footer .footer-sitemap .depth1_bx ul {margin-top:10px;}
footer .footer-sitemap .depth1_bx ul li+li {margin-top:5px;}
footer .footer-sitemap .depth1_bx a {color:rgba(255,255,255,0.7); font-size:14px;}
footer .footer-sitemap .depth1_bx a:hover {color:var(--base2);}
footer .footer-wrap {padding:70px 50px 70px; border-top:1px solid rgba(255,255,255,0.1);}
footer .footer-wrap .left {color:#fff;}
footer .footer-wrap .left h2 {font-size:16px; font-weight:700;}
footer .infoWrap {font-size:14px;}
footer .infoWrap ul {margin-top:10px;}
footer .infoWrap ul li {line-height:1.6; color:rgba(255,255,255,0.8); font-weight:300;}
footer .infoWrap ul li+li {}
footer .infoWrap p {color:rgba(255,255,255,0.8);}
footer .infoWrap a {color:rgba(255,255,255,0.8);}

footer .footer-info {display:flex; justify-content:space-between; max-width:1420px; margin:0 auto; flex-wrap:wrap; gap:30px;}


.f-site {position:relative; width:100%;}
.f-site > a {width:100%; display:flex; position:relative; color:#333; font-size:14px; font-weight:400; padding:20px 40px; border:1px solid #e5e5e5; border-left:0; border-right:0; justify-content: space-between;}
.f-site ul {z-index:99; position:absolute; bottom:100%; width:100%; border:1px solid #e5e5e5; font-size:14px; overflow:hidden; margin-bottom:-1px; display: none; left: -2px;}
.f-site ul li a {display:block; background:#fff; padding:15px 40px; color:#000;}
.f-site ul li a:hover {background:#f5f5f5;}
.f-site ul li+li a {border-top:1px solid #e5e5e5;}
.f-site > a .arrow-updown {/*position:absolute; right:20px; top:0;*/ display:inline-block; transition:all 0.3s; width:20px; height:20px; background:url(/images/common/f-site-arrow.svg) no-repeat center/cover;}
.f-site > a .arrow-updown.on {transform:rotate(180deg);}
.f-site a:last-child {margin-right:0;}
.f-site a:last-child:after {display:none;}

body .loginBtn {display: flex; margin: 30px; justify-content: center;}
body .loginBtn a {padding-left: 30px; display:flex; height: 24px; font-size:var(--fs14); color:#333; background:url(/images/common/ico_login.svg) no-repeat left center;
align-items: center;}
body .logoutBtn {width:60% !important; background:url(/images/common/ico_logout.svg) no-repeat left center !important;}
body .modifyBtn {width:60% !important; background:url(/images/common/ico_modify.svg) no-repeat left center !important;}


/* ************************ 데스크탑 (1250~) ************************ */
@media (min-width: 1250px){
    html { font-size:0.625rem !important; } 
	.mobile {display:none !important;}

	/*헤더*/
	header {z-index:5; position:fixed; width:270px; height:100%; padding-bottom:50px; top:0 !important; background:#fff; box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.07);}
    header .wrap {margin: 40px 0 75px 0;}
	header .wrap h1 {position:relative; margin:0; line-height:1; text-align:center; display: flex; justify-content: center; align-items: center;}
	header .wrap h1 a {position:relative; display:inline-block; width:100%; height:100%;}
	header .wrap h1 p {font-weight: 800; font-size: var(--fs30); color: var(--base2); margin-top: 10px;}
	header .wrap h1 span {display: block; margin: 5px 0 3px 0;}
	header .wrap h1 em {display: block; font-size: var(--fs9); color: #333; font-weight: 300;}


	/*gnb*/
	nav.mobile {visibility:hidden}
	nav.pc {}
	nav.pc .wrap {position:relative; display:block; max-width:1420px; margin: auto;}
	nav.pc .navbg {position:absolute; left:0; top:0; width:100%; height:100%;}
	nav.pc .navbg .dep1 {height:60px; background-color:#fff;}
	nav.pc .navbg .dep2 {height:100%; background-color:rgba(0,0,0,.85);}
	nav.pc .gnb {position:relative; display:block; max-width:1420px;}
	nav.pc .gnb a.on {color:#f6ff0d;}
	nav.pc .gnb>ul {margin:0 !important;}
	nav.pc .gnb>ul>li {position:relative; text-align:center;}
	nav.pc .gnb>ul>li>a {display:inline-block; width:auto; text-align:center; margin:25px 0; font-size:var(--fs24); color:#000; font-weight:700; transition: .3s;}
	nav.pc .gnb>ul>li.depth1.active>a {color:var(--base1);}
	/*nav.pc .gnb>ul>li.depth1.active>a:before {content:""; display:block; width:6px; height:6px; background:var(--base1); position:absolute; top:32px; left:50px; border-radius:50%;}*/
	nav.pc .gnb>ul>li.on>a {color:var(--base1);}

	nav.pc .gnb>ul>li>ul.depth2 {display:none; position:fixed; top:0; left:270px; height:100%; width:0; opacity:0;}
	nav.pc .gnb>ul>li>ul.depth2.active {display:block; left:270px; width:200px; transition:all .4s; opacity:1; background-color:var(--base2);  box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.20) inset;}


	/*nav.pc .gnb>ul>li.depth1:hover>ul.depth2 {display:block; left:200px; width:280px; transition:all .4s; opacity:1; background-color:#fff; box-shadow: 10px 0 10px 0 rgba(0, 0, 0, 0.10);}*/
	.depth1 .depth2 li.depth2_tit {display:block; text-align:center; font-size:24px; cursor:default; height:280px;}
	
	.depth1 #depth2_about li.depth2_tit {height:360px;}
	.depth1 #depth2_research li.depth2_tit {height:440px;}
	.depth1 #depth2_board li.depth2_tit {height:520px;}
	
	nav.pc .gnb>ul>li>ul>li {text-align:left;}
	nav.pc .gnb>ul>li>ul>li:first-child { }
	nav.pc .gnb>ul>li>ul>li a {display:inline-block; margin:10px 15px 10px 40px; padding-bottom: 6px; color:#fff; line-height:1.2; font-size:16px; font-weight:400; word-break:break-all; /*width:100%;*/ position:relative;}
	nav.pc .gnb>ul>li>ul>li:hover a:before {}
	nav.pc .gnb>ul>li>ul>li a small {display:block; font-size:14px; margin-top:3px; }
	nav.pc .gnb>ul>li>ul>li:last-child {margin-bottom:20px;}
	nav.pc .gnb>ul>li>ul>li a:hover, nav.pc .gnb>ul>li>ul>li.on a {color:#fff;}

    nav.pc .gnb>ul>li>ul>li a:before {position:absolute; content:""; display:block; border-bottom:2px solid #fff; transition:width 400ms ease-out; left:auto; right:0; width:0; bottom:-1px;}
    nav.pc .gnb>ul>li>ul>li a:hover:before {width:100%; left:0; right:auto;}
	
	



     nav.pc .gnb>ul>li>ul>li.on a:after {content:""; position:absolute; left:0; bottom:0; width:100%; height:2px; background:#fff;}
	
	.nav-btnWrap {position:fixed; bottom:0px; left:0; width:270px;}
	.nav-btnWrap p {font-size:var(--fs14); color:#999; padding:20px 40px; line-height:1.4; font-weight: 500;}
	
	.familysite>a {display:block; padding:5px 30px 5px 5px; color:#fff; background:url(../images/common/arrow_down.png) no-repeat 95% 50%;}
	.familysite>a:hover {background:url(../images/common/arrow_down_on.png) no-repeat 95% 50% #999;}
	.familysite ul {position:absolute; display:none; width:180px; bottom:40px; border:1px solid #fff; background-color:#fff;}
	.familysite ul.on {display:block;}
	.familysite ul a {display:block; padding:5px;}

	
	/*footer*/
	footer {clear:both; padding-left:200px; background-color:var(--base3); color:#999; position:relative; z-index:9; box-sizing:border-box;}
	footer .wrap {position:relative; width:100%; padding:0; }
	footer .wrap>* {padding:0; margin:0;}
	footer address {font-size:14px; display:flex; justify-content: space-between;}
	footer address ul {width:100%;}
	footer address ul p {margin-bottom:2px;}
	footer address ul li+li {margin-top:20px;}
	footer address span {display:inline-block; padding-right:10px;}
	footer address a {color:#999 !important;}
	footer aside {width:330px; font-size:12px; text-align:right !important;}
	footer aside b a {color:#fff !important;}
	
	
	
	/*서브메뉴*/
	/* lnb */
	.lnb {position:absolute; top:150px; left:0; width:calc(100% - 270px); height:80px; border-bottom:1px solid #e5e5e5; background:#fff; z-index:2;}
	.lnb .lnb-wrap {display:flex; align-items:center; justify-content: space-between; position:relative; height:100%; width:100%; max-width : 1400px; margin : 0 auto; overflow: hidden;}
	/*.lnb .lnb-wrap>* {float:left;}*/
	.lnb .lnb-wrap h2 {font-size:var(--fs24); margin-right:30px; font-weight: 600;}
	.lnb .lnb-wrap a {font-size:15px;}
	.lnb .lnb-wrap h3 {background:var(--green); color:#fff; font-weight:500; height:100%; padding:20px 30px; box-sizing:border-box; font-size:18px;}
	.lnb .lnb-wrap .home {display:block; width:40px; height:40px; font-weight:300; background:var(--base2) url(/images/common/siteroute-home.svg)no-repeat center / 15px; border-radius:50%; }	
	.lnb .lnb-wrap .lnb-depth {position:relative; display: flex; align-items: center;}
	.lnb .lnb-wrap .lnb-depth .onmenu {display:block; font-size:16px; font-weight:400; color:#000; cursor:pointer; line-height:60px; background:url(/images/common/lnb_arrow.png)100% center no-repeat}
	.lnb .lnb-wrap .lnb-depth.dep2 .onmenu { color : var(--base); background:url(/images/common/lnb_arrow2.png)100% center no-repeat; }
	.lnb .lnb-wrap .lnb-depth>ul {display:flex; gap:60px; height: 70px; align-items:center;}
	.lnb .lnb-wrap .lnb-depth>ul li{position:relative;}
	.lnb .lnb-wrap .lnb-depth>ul li+li:before {content:""; display:block; width:1px; height:18px; background:#ddd; position:absolute; left:-30px;         top:50%; transform:translateY(-50%);}
	.lnb .lnb-wrap .lnb-depth>ul li:last-child {border-bottom:none;}
	.lnb .lnb-wrap .lnb-depth>ul li a {display:block; padding:7px 0; font-weight:500; color:#000; text-align:center; font-size:var(--fs18); transition: .3s;}
	.lnb .lnb-wrap .lnb-depth>ul li a br {display:none;}
	.lnb .lnb-wrap .lnb-depth>ul li:hover a { color : var(--base1); }
	.lnb .lnb-wrap .lnb-depth>ul li.on a {position:relative; color:var(--base1);}
	.lnb .lnb-wrap .lnb-depth>ul li.on a:after {content:""; display:block; position:absolute; width:100%; height:2px; background:var(--base1); bottom:1px;}
	.lnb .lnb-wrap .lnb-depth.on>ul { display:block;}
	.lnb #gotop {position:absolute; right:0; top:50%; transform:translateY(-50%); display:block; width:85px; line-height:42px; font-size :12px; background:#fff url(/images/common/i-gotop_arrow.png) no-repeat 20px center / 12px; text-align:center; opacity:1 !important;
	font-weight:600; border:1px solid #efefef; border-radius:5px; padding-left:15px;}

	.lnb.fixOn {position:fixed; width:calc(100% - 270px); /*z-index:1000 !important; */top:0 !important; box-shadow:0 3px 3px rgba(0,0,0,.05); background:#f9f9f9; border-radius:0;}
	.lnb.fixOn .lnb-wrap {border-radius:0;}
	
	/*컨텐츠*/
	section.contents_box {position:relative; padding:180px 0 0 0; width:calc(100% - 270px); margin-left:270px;}
	section.contents_box .contents {position:relative;}
	.contents_box .top>div {max-width:1400px; margin:0 auto; position:relative;}
}


/* ************************ 태블릿 이하(~1249) ************************ */
@media (max-width: 1249px) {

	/* section.contents_box .contents {margin-top:50px; } */
	section {margin-left:0; width:100%;}
	.pc {display:none !important;}
	.sub-visual {width:100%; height:150px;}
	.sub-visual-text h2 {font-size:35px; font-weight:700; margin-bottom:0;}
	.sub-visual-text p {font-size:14px; margin-top:15px;}
	/*헤더*/
	header {position:relative; left:0; top:0; height:70px; z-index:99999}
	header .head {position:relative; width:100%; height:70px; /*background-color:var(--base1);*/}
	header .head .gnbView {position:absolute; display:block; width:70px; height:70px; right:0; top:0; background:url(/images/common/menu.png) 50% 50% no-repeat; background-size:33%; border-radius:0;}
	header .head h1 {margin:0 !important; position:absolute; display:block; width:100%; height:70px; left:0; top:0; /*background:var(--base1);*/}
	header .head h1 a {display:inline-block; height:70px; padding:12px 0;}
	header .head h1 a img {display:block; height:50px; margin-left:20px;}
	.contents_box .contents-top-wrap .c-inner {padding:0 30px;}
	
	header .wrap h1 a {position:relative; display:flex; width:100%; height:100%; align-items: center; gap:10px;}
	header .wrap h1 p {font-weight: 800; font-size: 18px; color: var(--base2); }
	header .wrap h1 span {display: block; margin: 3px 0 0px 0; font-size:16px;}
	header .wrap h1 em {display: none; font-size: var(--fs9); color: #333; font-weight: 300;}
	
	/*gnb*/
	nav.mobile {z-index:9999; position:fixed; visibility:hidden; top:0; width:80%; height:100%; overflow:hidden; background:#fff; box-shadow:5px 0px 10px rgba(0,0,0,.7) !important;}
	nav.mobile .closeWrap {position:relative; height:70px; border-bottom:1px solid #ddd;}
	nav.mobile .closeWrap .gnbClose {display:block; width:70px; height:70px; background:url(/images/common/i-close.png) 50% 50% no-repeat; background-size:30%;}
	nav.mobile .closeWrap>a {display:inline-block; float:right; height:50px; color:#fff; font-size:11px; line-height:1;}
	nav.mobile .closeWrap>a.language {padding:18px 10px 0 10px; color:#fff; border-right:1px solid rgba(0,0,0,.2)}
	nav.mobile .closeWrap>a.home {float:right; padding:18px 20px 0 20px; border-left:1px solid rgba(255,255,255,.1)}
	.gnbCover {z-index:9998; position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:rgba(0,0,0,.5);}
	nav.mobile .closeWrap aside {display: flex; align-items: center; gap: 15px; position:absolute; top:50%; transform:translateY(-50%); margin-left:20px; font-weight:500;}
	nav.mobile .closeWrap aside a {color:#777; font-weight:300; font-size:15px;}

	nav.mobile .gnb * {width:100% !important;}
	nav.mobile .gnb .home {display:block; width:100%; background-color:#f0f0f0; padding:12px 20px; border-bottom:1px solid #333;}
	nav.mobile .gnb {position:relative; width:100%; height:100%; overflow-y:auto;}
	nav.mobile .gnb>ul>li {clear:both; position:relative;}
	nav.mobile .gnb>ul>li>a {display:block; padding:25px 20px; color:#000; border-bottom:1px solid #ddd; font-size:16px; background:#fff; font-weight:400;}
	nav.mobile .gnb>ul>li>a:hover {color:var(--base);}
	nav.mobile .gnb>ul>li.on>a {color:#fff; background:var(--base1);}
	nav.mobile .gnb>ul>li>ul {display:none;}
	nav.mobile .gnb>ul>li>ul>li {position:relative;}
	nav.mobile .gnb>ul>li>ul>li a {display:block; padding:15px 20px 15px 35px; font-size:15px; color:#666; border-bottom:1px solid #eee; background:#f9f9f9; font-weight:400;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:var(--base); background-color:#f5f5f5;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:var(--dark);}
	
	nav.mobile .gnb>ul>li>ul>li a:before {display:block; content:""; width:3px; height:3px; background:var(--dark); border-radius:50%; position:absolute; top:22px; left:22px;}
	nav.mobile .gnb>ul>li>ul>li:last-child a {border-color:#e0e0e0;}
	nav.mobile .gnb>ul>li>ul>li a:hover {color:var(--base); background-color:#f5f5f5;}
	nav.mobile .gnb>ul>li>ul>li.on a {color:var(--base1);}
	

	/*footer*/
	footer {width:100%; /*position:absolute; bottom:0;*/ color:#999; text-align:left; background:#fff; z-index:999;}
	footer ul li {margin-bottom:15px;}
	footer .wrap {position:relative; width:100%; padding:0;}
	footer .wrap>* {padding:0; margin:0;}
	footer address {font-size:14px;}
	footer address span {display:inline-block; padding-right:10px;}
	
	footer .footer-sitemap {margin:0;}
	footer .footer-wrap {padding:50px 30px 50px;}
	footer .footer-info {gap:40px;}
	footer .footer-info .right {width:100%; justify-content:space-between;}
	footer .footer-wrap .left {order:2;}
	
	/*컨텐츠*/
	section.contents_box {position:relative; padding:80px 0; padding-bottom:0;}
	section.contents_box.professor {padding:80px 30px 0;}
	section.contents_box .contents {position:relative; line-height:1.6; padding:0 30px;}
	/*section.contents_box .contents h3 {font-size:24px; color:#003399; font-weight:bold; line-height:1.6; margin:0;}
	section.contents_box .contents .h3deco {width:23px; height:3px; background:#ff9900;}
	section.contents_box .contents .h3txt {font-size:12px; color:#888; padding-bottom:80px; line-height:1; margin:0;}*/
	.sub_tit {height:40px; background-color:#ff9f9f9; color:#000; font-size:16px; margin:0; line-height:38px; text-align:center;}
	.contents-top-wrap h2 {font-size:30px;}
	
	.sub-visual .sub-visual-wrap {justify-content: center;     align-items: center;}
	.content_wrap .c-inner {padding:0 30px;}
	
	body .loginBtn {width:100%; margin:0; padding: 15px 40px; justify-content: flex-start; gap: 25px; border-top:1px solid #ddd;}
	body .logoutBtn {width:auto !important;}
	body .modifyBtn {width:auto !important;}
	.nav-btnWrap p {padding: 10px 40px; font-size:16px;}
	.nav-btnWrap p br {display:none;}

    body .closeWrap .loginBtn {padding: 0; border: 0; gap: 10px;}
	
	body .top-wrap a {height:70px; background-size:40px;}
	body .top-wrap {margin-top:80px;}
}
/* ************************ 모바일 이하(~991) ************************ */
@media (max-width: 991px) {
header {height:60px;} 
header .head h1 {height:60px;}
header .head .gnbView {height:60px; width:60px;}
header .head {height:60px;}
header .head h1 a {height:35px; padding:30px 0;}
header .head h1 a img {height:45px;}
nav.mobile .closeWrap {height:60px;}
header .head .gnbView {background-size:30%;}
nav.mobile .closeWrap .gnbClose {height:60px; width:60px;}
nav.mobile .gnb>ul>li>a {padding:20px;}
footer .footer-sitemap {gap:50px; }
footer .footer-info {}
footer .footer-wrap .right {}
footer .footer-sitemap {padding:0;}
footer .footer-wrap {padding:40px 30px;}


section.contents_box {padding:60px 0; padding-bottom:0;}
section.contents_box.professor {padding:60px 30px 50px;}
.contents-top-wrap h2 {font-size:26px;}
.sub-visual {height:150px;}
.sub-visual-text small {font-size:13px;}
.sub-visual-text {font-size:20px;}

footer .depth1_bx {padding-left:0;}
body .top-wrap {margin-top:60px;}
}

/* ************************ 모바일 이하(~767) ************************ */
@media (max-width: 767px) {
	
.sub-visual-text h2 {font-size:28px;}	
	
html, body {font-size:15px; overflow-x: hidden;}
/* section.contents_box {min-height:100% !important;} */
.contents-top-wrap h2 {font-size:24px;}
footer .footer-sitemap {grid-template-columns:repeat(3,1fr); row-gap:50px;}
footer .footer-sitemap {order:2;}
footer .footer-wrap {padding:40px 30px;}
footer .infoWrap ul li {line-height:1.4;}
footer .infoWrap ul li+li {margin-top:5px;} 
footer .infoWrap p {margin-top:5px;}
footer .footer-wrap .right {flex-direction:column; gap:30px;}
footer .footer-wrap .right .f-site {max-width:500px; width:100%;}
footer .footer-wrap .right .f-site > a {font-size:15px;}
section.contents_box {padding:50px 0; padding-bottom:0;}
/* section.contents_box .contents {margin-top:40px;} */

.content_wrap .c-inner {padding:0 20px;}
.contents_box .contents-top-wrap .c-inner {padding:0 20px;}
footer .depth1_bx {}
body .top-wrap {margin-top:50px}

}
/* ************************ 모바일 이하(~500) ************************ */
@media (max-width: 500px) { 
html, body {overflow-x: hidden;}
/* section.contents_box .contents {margin-top:30px;} */
footer .footer-sitemap {display:grid; grid-template-columns:repeat(2,1fr); row-gap:30px;}
footer .depth1_bx {}
body .top-wrap a {height:50px; background-size: 30px;}
.sub-visual {height:100px;}
}