#sub_visual {position:relative; width:100%; height:168px; margin:0 auto; overflow: hidden;}
.visual_wrap {position:absolute; left: 50%; margin-left:-960px;}

    /*#sub_container {position:relative; width:1200px; margin:0 auto; z-index:10;}
    .lnb {float:left; position:relative; width:245px; height:678px; background:#f8f8f8;}
    .lnb h2 {width:100%; height:120px; line-height:120px; padding-top:0; background:url("../images/content/inb_title.jpg")no-repeat;}
    .lnb .lnb_m li {height:57px;}
    .lnb .lnb_m li.on {background:#666; color:#fff;}
    .lnb .lnb_m li.on a {display:block; background:url("../images/content/icon_minors.png")no-repeat 210px center; color:#fff;}
    .lnb .lnb_m a {display:block; color:#333; font-size:18px; letter-spacing:-1px; font-weight:300; background:url("../images/content/icon_plus.png")no-repeat 210px center;  border-top:none; }
    .lnb .lnb_m a:hover {color:none; font-weight:none; background:none;}*/

/*lnb
.lnb {position:relative;float:left;width:240px; z-index:999; border-right:none;}
.lnb h2{width:100%; height:120px; padding-top:0;  line-height:120px;font-weight:500;color:#fff;font-size:30px;letter-spacing:-1.5px; text-align:center;background:url('../images/content/inb_title.jpg') repeat;}
.lnb h2 span{display:block;}
.lnb .lnb_m{border:1px solid #ddd;background-color:#f8f8f8;}
.lnb_m li.on {background:#666;}
.lnb .lnb_m .on a {display:block; color:#fff; background:url("../images/content/icon_minors.png")no-repeat 200px center;}

.lnb .lnb_m li:first-child a{border-top:none}
.lnb .lnb_m a {display:block; font-size:18px; font-weight:300; background:url("../images/content/icon_plus.png")no-repeat 200px center;}
.lnb .lnb_m a:hover {}
.lnb .lnb_m dl{border-top:1px solid #eaeaea;}
.lnb .lnb_m dl dd > a{font-size:15px;border:none;background:none;background-color:#f5f5f5;padding:10px 20px;}
.lnb .lnb_m .on dl dd > a{font-size:16px; color:#575d64; font-weight:400; background-color:#fff; background-image:none;}
.lnb .lnb_m .on dl dd >  a:hover{background-color:#f1f1f1;transition:all 0.5s ease}
.lnb .lnb_m .on dl dd.on > a{background-color:#fff; color:#bd472c; font-weight:600;}*/

#contents{position:relative;float:left;width:900px;min-height:600px;letter-spacing:-0.8px;color:#444;font-weight:300; border-left:none; padding-left:40px;padding-bottom: 70px}
.sub_top{position:relative;margin-bottom:18px}
.sub_top h1{position:relative;font-size:34px;letter-spacing:-3px;font-weight:normal;color:#333;border-bottom:1px solid #eaeaea;padding:50px 0 15px 0;}
.sub_top h1 span{font-size:14px;color:#999;padding-left:10px;letter-spacing:-0.3px; font-weight:100;}
.sub_top .m_scroll{display:none;margin-top:10px;font-size:14px;color:#999;letter-spacing:-0.5px;}

.contents_box {margin:0 auto; margin-top:15px;}

.location{position:absolute ;overflow:hidden; bottom:18px; right:0;  color:#FFF; font-size:14px; padding:0; text-align:right;}
.location strong {color:#1457a3;}
.location li{display:inline-block; color:#999;font-weight:300;}
.location li span{margin:0 10px;vertical-align:middle;}
.location li img{vertical-align:middle; margin-top:-4px;}


/*연혁*/
.con_bg {width:900px; height:195px; background:url("../images/content/history_bg.jpg")no-repeat;}
.con_bg h1 {margin:0 auto; color:#484848; font-size:24px; font-weight:400; text-align:center;}
.con_bg h1:first-child {font-size:30px; color:#b36a23; font-weight:600; padding-top:57px; margin-bottom:5px;}
.con:last-child {border-bottom: none;}
.con {width:100%; padding:55px 0; border-bottom:1px solid #ececec;}
.con:after {content:""; display:block; clear:both;}
.con h1 {float:left;width:200px; font-size:40px; color:#a90056; padding-left:61px; }
.con ul {float:left; width:602px; }
.con ul li {font-size:16px; line-height:32px; background:url("../images/content/bullet.png")no-repeat left 15px; padding-left:10px; }

/*20210817*/
h3.hg_tit{ font-size: 20px; font-weight: 600; letter-spacing: 0; margin: 55px 0 15px; position: relative;}
h3.hg_tit:before{position:absolute; content: ""; width: 20px; height: 3px; background: #a90056; top: -6px; }
h3.hg_tit .sm{  font-size: 14px; color: #777;}
p.hg_stit{position: relative;font-size: 16px;padding-left: 16px;font-weight: 600;margin: 20px 0 8px;}
p.hg_stit:before{position: absolute;content: "";width: 5px;height: 5px;border: 3px solid #a90056;top: 4px;left: 0;border-radius: 10px;}
ul.hg_list.mar20{ margin: 20px 0; }
ul.hg_list.mar10{ margin: 10px 0; }
ul.hg_list li{padding-bottom: 3px;position: relative;padding-left: 8px;line-height: 24px;}
ul.hg_list li:before{ position: absolute; content: ""; width: 3px; height: 3px; background: #555; top: 10px;left: 0; }
p.hg_bg{	background: #f5f5f5; padding: 2%; border: 1px solid #e4e4e4;}
p.hg_p img{ width: 92%; }
.color_pu{ color:#a90056; }
.hg_bold{ font-weight:bold; font-size: 15px !important;}

/*학과소개*/
.job {margin:20px 0;}
.job ul {display:flex;}
.job ul li {margin-left:10px; width: 24%;}
.job ul li:first-child {margin-left:0;}
.job ul li span {border:1px solid #ddd; display: block; text-align: center;height: 90px;padding: 10px;}
.job ul li span img {max-width:100%;transform: translate(-50%, -50%);position: relative;top: 50%;left: 50%;display: block;}
.job ul li p {display:block; margin: 6px 0 0 0; text-align:center;}




/*************** Mobile Device ***************/
@media all and (max-width:767px) {

#sub_visual {display:none;}

/*모바일 서브메뉴*/
#sub_container {width:92%; height:100%;}
#sub_container .lnb {display:none;}

#contents {width:100%; height:100%; min-height:100%; padding:0 0 40px 0; margin:0 auto;}
#contents .location {display:none;}
#contents  .sub_top {position:relative; margin-bottom:18px;}
#contents .sub_top h1 {padding-top:20px; font-size:26px;}
#contents .contents_box {width:100%; height:100%; margin:0 auto;}
#contents .contents_box img{max-width:100%}

 /*연혁*/
.con_bg {width:100%; height:auto; padding:50px 0;}
.con_bg h1 {margin:0 auto; font-size:1.4em; text-align:center; padding:0 1%;}
.con_bg h1:first-child {font-size:1.7em; font-weight:600; padding-top:0; }

.con {width:100%; padding-left:2%;}
.con:last-child {border-bottom:none;}
.con h1 {float:none; width:100%; padding-left:6%; text-align:left;}
.con ul {float:none; width:90%; margin:0 auto; margin-top:20px; }
.con ul li {font-size:16px; line-height:32px;  padding-left:10px; text-align:left;}

/*20210817*/
h3.hg_tit{ font-size: 18px; margin: 55px 0 15px;}
h3.hg_tit:before{ width: 16px; height: 3px; top: -4px; }
ul.hg_list li{ line-height: 20px; }
ul.hg_list li:before{ top: 9px;left: 0; }
p.hg_p img{ width: 100%; }

}