@charset "utf-8";
/* float 클리어 */
.clearfix:after {content:''; display:table; clear:both;}

input[type="radio"], input[type="checkbox"] {margin-top:0; vertical-align:middle;}

.container {width:100%; max-width:1240px; margin:0 auto;}

.fontMer {font-family:'Merriweather', 'notokr', 'Arial', AppleGothic, 'dotum', '돋움', sans-serif;}

/* top banner 20200422*/
.eventTop { position: relative; display: block; height: 100px; transition:  all .5s; width: 100%; padding: 15px 10px 0 10px; box-sizing: border-box; overflow: hidden;  }
.eventTop.bgRed{ background: #9d1c20;}
.eventTop.bgBlue{ background: #253a73;}
.eventTop.bgGold{ background: #b6985a;}
.eventTop.bgSilver{ background: #a8a9ad;}
.eventTop .eventArea { position: relative; width: 1240px;  margin: 0 auto; color: #ffffff; }
.eventTop .eventArea p {padding: 0; margin: 0;}
.eventTop .eventArea .eventTit {font-size: 22px; padding-right:40px;  font-weight: 500; transition:  all .5s; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; white-space:nowrap;}
.eventTop .eventArea .eventTxt {display: -webkit-box; font-size: 16px; margin-top: 10px; max-height: 40px;  padding-right:40px; line-height: 20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.eventTop .eventArea .eventTxt a {color: #ffffff;}
.eventTop .eventArea button.eventAct {transition:  all .5s; position: absolute; width: 20px; font-size: 0; height: 11px; right: 10px; top: 0; border: none; background: url(../img/btnEventAct.png) no-repeat; cursor: pointer;}

.eventTop.minArea {height: 40px; transition:  all .5s;}
.eventTop.minArea .eventArea .eventTit {font-size: 16px;  font-weight: 500; transition:  all .5s;}
.eventTop.minArea .eventArea button.eventAct {  transform: rotate( -90deg ); transition:  all .5s;}
/* top banner 20200422*/

/* header */
.head {position:relative; z-index:100;}
.head .logo {position:absolute; top:0; left:50%; margin-left:-127px; z-index:20;}
.head .mobileTopW {background:#990e17; text-align:right;}
.head .mobileTopW .search {position:relative; overflow:hidden; float:right; width:232px;}
.head .mobileTopW .btnSearch {display:inline-block; position:relative; overflow:hidden; width:32px; height:32px; padding:0; margin:8px 0; border:1px solid #730000; background:#840d13 url('../img/pc/common/ico/icoSearch.png') no-repeat center; vertical-align:top; text-indent:-99999px; white-space:nowrap; cursor:pointer; box-sizing:border-box; z-index:1; outline:none; transition:0.2s;}
.head .mobileTopW .btnSearch.open {background-image:url('../img/pc/common/ico/icoSearchClose.png');}

.head .mobileTopW .btnMenuM {display:none;}
.head .inputSearch {position:absolute; top:0; left:200px; width:200px; height:32px; padding:7px 12px 8px; margin:8px 0; font-size:15px; font-size:1.5rem; border:0; background:#730000; color:#d9c1c1; box-sizing:border-box; outline:none;}
.head .inputSearch::placeholder {color:#d9c1c1;}
.head .inputSearch::-moz-placeholder {opacity:1;}
.gnbW {position:relative; background:#fff;}
.gnbW .bgDepth2 {display:none; position:absolute; width:100%; height:290px; background:rgba(179, 16, 27, 0.85); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6403b3b', endColorstr='#a6403b3b',GradientType=1 );}
.gnbW .bgDepth2 .decoGnb {position:absolute; left:50%; min-height:290px; padding-top:71px; margin-left:-101px; background:rgba(153, 14, 23, 0.95); box-sizing:border-box;}
.gnb {float:left; width:50%; padding-right:99px; box-sizing:border-box;}
.gnb.gnbRight {float:right; padding:0 0 0 100px;}
.gnb > li {position:relative; float:left; width:33.33333%; z-index:10;}
.gnb > li > a {display:block; padding:33.5px 0; font-size:19px; font-size:1.9rem; font-weight:700; color:#262121; text-align:center; transition:0.4s;}
.gnb > li:hover > a {color:#a40f16;}
.gnb > li:hover .depth2 {background:rgba(153, 14, 23, 0.95); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61c1a1a', endColorstr='#a61c1a1a',GradientType=1 );}
.gnb .depth2 {display:none; position:absolute; width:100%; min-height:290px; padding:15px 0 20px; border-right:1px solid rgba(0, 0, 0, 0.25); box-sizing:border-box;}
.gnb .depth2 > ul > li > a {display:block; padding:13px 0; font-size:16px; font-size:1.6rem; color:#fff; text-align:center; transition:0.4s;}
.gnb .depth2 > ul > li > a:hover {font-weight:600; background:#fff; color:#990e17;}
.gnb > li:first-child .depth2 {border-left:1px solid rgba(0, 0, 0, 0.25);}
.gnb .depth3, .gnb .btnDepth2 {display:none;}

.utilW {position:relative;}
.head .subMenu {position:absolute; bottom:86px; left:0;}
.head .subMenu li {float:left;}
.head .subMenu li a {display:block; padding:17px 10px; color:#d9c1c1; transition:0.4s;}
.head .subMenu li a:hover {color:#fff; text-decoration:underline;}
.head .subMenu li:first-child a {padding-left:0;}
.head .util {position:absolute; right:40px; bottom:86px;}
.head .util li {float:left;}
.head .util li a {display:block; padding:16px 10px 17px 10px; font-size:15px; font-size:1.5rem; color:#ccab52; transition:0.4s;}
.head .util li a:hover {color:#ffd669;}
.head .util .btnLogin {padding:7.5px 15px; margin:8px 0 8px 10px; border:1px solid #730000; background:#840d13; color:#f3767e;}
.head .util .btnLogin:hover {color:#fff;}
/* // header */

/* 총장실 header */
.wrap.presidentW .head .mobileTopW {background:#1a2332;}
.wrap.presidentW .head .subMenu li a {color:#8c9fbf;}
.wrap.presidentW .head .util li a {color:#bac8e0;}
.wrap.presidentW .head .util .btnLogin {border:1px solid #303d53; background:#131b28; color:#bac8e0;}
.wrap.presidentW .head .mobileTopW .btnSearch {border:1px solid #303d53; background:#131b28 url('../img/pc/common/ico/icoSearch02.png') no-repeat center;}
.wrap.presidentW .head .inputSearch {background:#fff; color:#1a2332;}
.wrap.presidentW .head .inputSearch::placeholder {color:#1a2332;}
.wrap.presidentW .gnb.en .depth2.en > ul > li > a {color:#fff;}
.wrap.presidentW .gnb > li:hover > a,
.wrap.presidentW .gnb.en > li:hover > a  {color:#b5985a;}
.wrap.presidentW .gnbW .bgDepth2,
.wrap.presidentW .gnbW.en .bgDepth2 {background:rgba(47, 54, 65, 0.85);}
.wrap.presidentW .gnb > li:hover .depth2,
.wrap.presidentW .gnb.en > li:hover .depth2 {background:rgba(20, 28, 42, 0.7);}
.wrap.presidentW .gnbW .bgDepth2 .decoGnb,
.wrap.presidentW .gnbW.en .bgDepth2 .decoGnb {background:rgba(20, 28, 42, 0.7);}
.wrap.presidentW .gnb .depth2 > ul > li > a:hover,
.wrap.presidentW .gnb.en .depth2 > ul > li > a:hover {background:#d3af61; color:#1a2332;}

/* //총장실 header */

/* footer */
.foot {background:#2e2d34;}
.footMenuW {border-top:1px solid #17161a; border-bottom:1px solid #58575d;}
.footMenuW .termsList {float:left;}
.footMenuW .termsList li {float:left;}
.footMenuW .termsList li a {position:relative; display:block; padding:15px 34px 15px 33px; color:#6c6c6e; transition:0.2s;}
.footMenuW .termsList li a.bold {font-weight:600; color:#ccc;}
.footMenuW .termsList li a:after {content:''; position:absolute; top:50%; right:0; width:1px; height:10px; margin-top:-5px; background:#434249;}
.footMenuW .termsList li a:hover {color:#eee;}
.footMenuW .termsList li:first-child a {padding-left:0;}
.footMenuW .termsList li:last-child a:after {display:none;}
.footLinkW {float:right;}
.footLinks {float:left; position:relative;}
.footLinks .btnLinks {display:block; position:relative; width:220px; padding:15px 50px 15px 30px; border-right:1px solid #434348; color:#999; box-sizing:border-box;}
.footLinks:hover .btnLinks {color:#fff;}
.footLinks .btnLinks:after {content:''; position:absolute; top:50%; right:30px; width:15px; height:9px; margin-top:-4.5px; background:url('../img/pc/common/ico/icoArrLinkUp.png') no-repeat center;}
.footLinks .btnLinks.on:after {background-image:url('../img/pc/common/ico/icoArrLinkDown.png');}
.footLinkW .footLinks:first-child .btnLinks {border-left:1px solid #434348;}
.footLinks .linkList {display:none; position:absolute; right:0; bottom:44px; left:0; padding:5px 0; margin-left:-1px; border:1px solid #434348; background:#2e2d34; box-sizing:border-box; z-index:99;}
.footLinkW .footLinks:first-child .linkList {margin-left:0;}
.footLinks .linkList a {display:block; padding:4px 30px; color:#6c6c6c; transition:0.3s;}
.footLinks .linkList a:hover {color:#eee;}
.foot .footer {position:relative;}
.foot .footLogo {position:absolute; top:22px; left:0;}
.foot .footAdd {padding:22px 0 73px 180px; color:#7b7b7d;}
.foot .footAdd .snsList {position:absolute; right:0; bottom:23px;}
.foot .footAdd .snsList li {float:left; margin-left:10px;}
.foot .footAdd .snsList li a {display:block; border-radius:50%; background:#43424a; transition:0.4s;}
.foot .footAdd .snsList li a:hover {background:#242327;}
.foot .footAdd .snsList li img {width:36px;}
.foot .footAdd address {letter-spacing:-1.2px;}
.foot .footAdd address span {display:inline-block; padding-right:13px;}
.foot .copy {margin:10px 0 0;}
.foot .copy span {font-family:'Roboto', 'notokr', 'Arial', AppleGothic, 'dotum', '돋움', sans-serif;}
/* // footer */

/* sub */
.subContW {position:relative;}
.lnbW {position:absolute; top:0; left:0; width:219px; padding-top:40px; text-align:right;}
.lnbW .lnb > li > a {display:block; position:relative; padding:9px 40px; font-size:17px; font-size:1.7rem; font-weight:600; color:#555;}
.lnbW .depth2 {display:none; margin:6px 0;}
.lnbW .on .depth2 {display:block;}
.lnbW .depth2 a {display:block; position:relative; padding:4px 49px 3px 10px; font-size:14px; font-size:1.4rem; color:#888; word-break:keep-all; letter-spacing:-0.5px;}
.lnbW .depth2 .on a:after {content:''; position:absolute; top:50%; right:41px; width:3px; height:3px; margin-top:-1.5px; border-radius:50%; background:#a61212;}
.lnbW .lnb .on > a, .lnbW .lnb li:hover > a {color:#a61212;}
.lnbW .lnb > li.on > a:after {content:''; position:absolute; top:50%; right:-7px; width:14px; height:14px; margin-top:-7px; background:url('../img/pc/common/ico/icoLnbOn.png') no-repeat center; z-index:1;}
.mainSubW {position:relative; min-height:740px; padding-left:53px; margin-left:219px;}
.mainSubW:before {content:''; position:absolute; top:0; left:0; width:1px; height:100%; background:#ddd;}

.pc {display:block;}
.mobile {display:none;}


/******************** en ***************/
.wrap.en > * {font-family:'roboto', 'notokr', 'Merriweather', 'Arial', AppleGothic, 'dotum', '돋움', sans-serif; letter-spacing:-0.1px;}

/* header */
.gnbW.en .bgDepth2 {background:rgba(245,245,245, 0.92); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#f5f5f5',GradientType=1 );}
.gnbW.en .bgDepth2 .decoGnb.en {background:rgba(116, 116, 116, 0.65);}
.gnb.en > li > a {font-family: 'Merriweather','Arial', AppleGothic, 'dotum', '돋움', sans-serif;}
.gnb.en > li:first-child .depth2 {border-left: 1px solid rgba(0, 0, 0, 0.1);}
.gnb.en > li:hover .depth2.en {background:rgba(255,255,255, 1); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=1 );}
.gnb.en .depth2.en {border-right:1px solid rgba(0, 0, 0, 0.1);}
.gnb.en .depth2.en > ul > li > a {display:block; padding:13px 0; font-size:15px; font-size:1.5rem; color:#555; text-align:center; transition:0.4s;}
.gnb.en .depth2.en > ul > li > a:hover {background:#990e17; color:#fff;}

/* footer */
.foot.en .footAdd address span {line-height:145%; letter-spacing:-0.2px;}
.foot.en .footAdd address span em {font-weight:600;}



@media (max-width:1239px){
	.wrap {padding-top:52.5px;}
	.pc {display:none;}
	.mobile {display:block;}
	
	/* top banner 20200422*/
	.eventTop { position: relative; display: block; margin-top:52.5px; background: #253a73; height: 100px; transition:  all .5s; width: 100%; padding: 15px 10px 0 10px; box-sizing: border-box; overflow: hidden;  }
	.eventTop .eventArea { position: relative; width: 100%; margin: 0 auto; color: #ffffff; }
	.eventTop .eventArea p {padding: 0; margin: 0;}
	.eventTop .eventArea .eventTit {font-size: 1.7rem; font-weight: 500; transition:  all .5s;}
	.eventTop .eventArea .eventTxt {font-size: 1.7rem; margin-top: 10px; line-height: 20px;}
	.eventTop .eventArea .eventTxt a {color: #ffffff;}
	.eventTop .eventArea button.eventAct {transition:  all .5s; position: absolute; width: 20px; font-size: 0; height: 11px; right: 5px; top: 0; border: none; background: url(../img/btnEventAct.png) no-repeat; cursor: pointer;}

	.eventTop.minArea {height: 40px; transition:  all .5s;}
	.eventTop.minArea .eventArea .eventTit {font-size: 1.5rem;  font-weight: 500; transition:  all .5s;}
	.eventTop.minArea .eventArea button.eventAct {  transform: rotate( -90deg ); transition:  all .5s;}
	/* top banner 20200422*/

	.head .mobileTopW {position:fixed; width:100%; top:0; z-index:100;}
	.head .mobileTopW .search {position:absolute; top:0; right:50px; width:153px; padding-right:7.5px; z-index:21; box-sizing:border-box;}
	.head .mobileTopW .search:after {content:''; position:absolute; top:10.25px; right:0px; width:1px; height:31.5px; background:#ab1a23;}
	.head .mobileTopW .btnSearch {width:31.5px; height:31.5px; margin:10.25px 0 0 0; border:0; border-radius:2px; background:url('../img/mobile/common/ico/icoSearch.png') no-repeat center; background-size:15.75px;}
	.head .mobileTopW .btnSearch.open {background-image:url('../img/mobile/common/ico/icoSearchOn.png'); background-color:#fff;}
	.head .inputSearch {display:none; left:0; width:117px; padding-bottom:7.5px; margin-top:10.25px; font-size:12px; font-size:1.2rem; border-radius:2px; background:#fff; color:#555;}
	.head .inputSearch::placeholder {color:#555;}
	.head .mobileTopW .btnMenuM {display:block; position:absolute; top:0; right:0; width:50px; height:100%; border:0; background:#990e17; z-index:22; box-sizing:border-box; outline:none;}
	.head .mobileTopW .btnMenuM span:first-child {margin-top:0;}
	.head .mobileTopW .btnMenuM span {display:block; width:17px; height:2px; margin:4px auto 0; border-radius:1px; background:#fff;}
	.head .mobileTopW .btnMenuM.on {background:#990e17 url('../img/mobile/common/ico/icoMenuClose.png') no-repeat center; background-size:13.5px;}
	.head .mobileTopW .btnMenuM.on span {display:none;}
	.head .mobileMenuW {position:fixed; overflow-x:hidden; overflow-y:auto; top:52.5px; bottom:0; right:-100%; width:100%; z-index:101;}
	.head .mobileMenuW:after {content:''; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0, 0, 0, 0.78);}
	.head .logo {position:relative; left:0; margin-left:0;}
	.head .logo img {width:156px;}
	.utilW {z-index:1;}
	.gnb {width:100%; padding:0;}
	.gnb.gnbRight {padding:0;}
	.gnb > li {width:100%;}
	.gnb > li > a {position:relative; padding:17px 50px 16px 16px; font-size:17px; font-size:1.7rem; font-weight:600; border-top:1px solid #ab1a23; background:#990e17; color:#fff; text-align:left;}
	.gnb > li:hover > a {color:#fff;}
	.gnb > li.on > a {background:#fff; color:#222;}
	.gnb > li > a:after {content:''; position:absolute; top:0; right:0; width:50px; height:50px; background:url('../img/mobile/common/ico/gnbDepth1down.jpg') no-repeat center; background-size:100%;}
	.gnb > li.on > a:after {background-image:url('../img/mobile/common/ico/gnbDepth1up.jpg');}
	.gnb .depth2 {position:relative; min-height:auto; padding:0; border-right:0; background:#fff;}
	.gnb > li:hover .depth2 {background:#fff;}
	.gnb > li:first-child .depth2 {border-left:0;}
	.gnb .depth2 > ul > li {position:relative; border-top:1px solid #ddd;}
	.gnb .depth2 > ul > li > a {padding:18px 32px 17px; margin-right:50px; font-size:15px; font-size:1.5rem; color:#7e4649; text-align:left;}
	.gnb .depth2 > ul > li > .btnDepth2 {display:block; position:absolute; top:0; right:0; width:50px; height:50px; padding:0; border:0; background:url('../img/mobile/common/ico/gnbDepth2down.jpg') no-repeat center; background-size:100%;}
	.gnb .depth2 > ul > li > .btnDepth2.on {background-image:url('../img/mobile/common/ico/gnbDepth2up.jpg');}
	.gnb .depth3 li a {display:block; padding:18px 10px 18px 47px; font-size:13px; font-size:1.3rem; border-top:1px solid #ddd; color:#888;}
	.gnb .depth3 li a:before {content:'- ';}
	.head .subMenu {position:relative; bottom:0; padding-left:9px; border-top:1px solid #ab1a23; background:#8c0911;}
	.head .subMenu li {text-align:center;}
	.head .subMenu li a {padding:17px 8px; font-size:13px; font-size:1.3rem; color:#ca9c9f;}
	.head .subMenu li:first-child a {padding-left:8px;}
	.head .util {position:relative; right:0; bottom:0; border-top:1px solid #ab1a23; background:#8c0911;}
	.head .util li {width:50%; text-align:center; box-sizing:border-box;}
	.head .util li:first-child {border-right:1px solid #ab1a23;}
	.head .util li:last-child {width:100%;}
	.head .util li a {padding:18px 10px; font-size:14px; font-size:1.4rem; color:#ed9da1;}
	.head .util .btnLogin {padding:18px 10px; margin:0; border:0; border-top:1px solid #ab1a23; background:#2d2d2d; color:#fff;}

	/* 총장실 mobile header */
	.wrap.presidentW .head .mobileTopW .btnMenuM {background:#1a2332;}
	.wrap.presidentW .head .mobileTopW .search:after {background:#3c4451;}
	.wrap.presidentW .head .logo img {width:173px;}
	.wrap.presidentW .head .mobileTopW .btnSearch {background-color:#1a2332; background-size:15.75px;}
	.wrap.presidentW .head .mobileTopW .btnMenuM.on {background:#1a2332 url('../img/mobile/common/ico/icoMenuClose.png') no-repeat center; background-size:13.5px;}
	.wrap.presidentW .gnb > li > a {background:#1a2332; border-top:1px solid #3c4451;}
	.wrap.presidentW .gnb > li > a:after {background:url('../img/mobile/common/ico/gnbDepth1down02.jpg') no-repeat center; background-size:100%;}
	.wrap.presidentW .head .util, .presidentW .head .subMenu {background:#162947; border-top:1px solid #3c4451;}
	.wrap.presidentW .head .util li:first-child {border-right:1px solid #3c4451;}
	.wrap.presidentW .gnb > li.on > a {background:#fff; color:#222;}
	.wrap.presidentW .gnb .depth2 > ul > li > a:hover {background:#fff;}
	.wrap.presidentW .gnb .depth2 > ul > li > a,
	.wrap.presidentW .gnb.en .depth2.en > ul > li > a {padding:18px 32px 17px; color:#123876; background:#fff; text-align:left;}
	.wrap.presidentW .gnb > li.on > a:after {background-image:url('../img/mobile/common/ico/gnbDepth1up.jpg');}
	.wrap.presidentW .gnb .depth2 > ul > li {background:#fff;}
	/* //총장실 mobile header */

	.foot {font-size:12px; font-size:1.2rem;}
	.footMenuW .termsList {padding:0 16px;}
	.foot .footLogo {left:16px;}
	.foot .footLogo img {width:72px;}
	.footLinkW {width:100%; border-top: 1px solid #58575d;}
	.footLinks {width:50%;}
	.footLinks .btnLinks {width:100%; padding:10px 32px 10px 15px;}
	.footLinks .btnLinks:after {right:16px;}
	.footLinks .linkList {bottom:32px;}
	.foot .footAdd {padding-left:120px;}
	.foot .footAdd address {line-height:145%;}
	.foot .footAdd .snsList {right:16px;}


	/******************** en ***************/
	.foot.en .footLogo img {width:102px;}


}
@media (max-width:767px){
	.footMenuW .termsList {width:100%; padding:6px 0;}
	.footMenuW .termsList li {width:33.33333%; text-align:center;}
	.footMenuW .termsList li a {padding:6px 5px;}
	.foot .footLogo {position:relative; float:left; top:0; left:0; padding:19px 16px 13px;}
	.foot .footAdd {padding:15px 16px 20px;}
	.foot .footAdd .snsList {position:relative; float:right; right:0; bottom:0; padding:0 0 13px 0;}
	.foot .footAdd .snsList li {margin-left:8.5px;}
	.foot .footAdd .snsList li img {width:27px;}
}