@charset "UTF-8";
/*-------------------------------------------------
title       : 콘텐츠
Author      : ㅈㅁㅈ
Create date : 2019-08-08
-------------------------------------------------*/
/*-------------------------------------------------
title       : 서브
Author      : ㅈㅁㅈ
Create date : 2019-09-26
-------------------------------------------------*/
#footer::before { position: absolute; left: 50%; top: 0; z-index: -1; width: 1000%; height: 100%; margin-left: -500%; content: ''; height: 1px; background-color: #eee; }

#snb { position: relative; }

#snb .title { font-size: 2.1rem; height: 10.5rem; background: url("/sdl/img/sub/snb.jpg") no-repeat; background-position: center 0 !important; color: #fff; text-align: center; line-height: 10.5rem; }

#snb .control { left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; position: absolute; top: 4rem; }

#snb .control a { font-size: 0rem; overflow: hidden; float: left; position: relative; width: 8rem; height: 2.5rem; font-weight: 400; color: #fff; line-height: 2.5rem; text-align: left; white-space: nowrap; }

#snb .control a::before { font-size: 0.8rem; display: block; width: 2.5rem; height: 2.5rem; border-radius: 100%; background-color: rgba(0, 0, 0, 0.2); font-weight: 600; content: 'PREV'; text-indent: 5rem; line-height: 3.125; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .control a::after { position: absolute; left: 1rem; top: 0.65rem; width: 2.75rem; height: 0.75rem; border-bottom: 2px solid #fff; border-left: 2px solid #fff; content: ''; -webkit-transform: skewX(-45deg); transform: skewX(-45deg); }

#snb .control a.next { float: right; }

#snb .control a.next::before { float: right; text-indent: -4.5rem; content: 'NEXT'; }

#snb .control a.next::after { left: auto; right: 1rem; border-left: 0 none; border-right: 2px solid #fff; -webkit-transform: skew(45deg); transform: skew(45deg); }

#snb .control a:hover::before, #snb .control a:focus::before { background-color: #000; }

#snb .nav { height: 3.5rem; background-color: #1a3759; }

#snb .nav .depth1, #snb .nav .topmenu, #snb .nav .home { display: none; }

#snb .nav #left_menu_top { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; display: table; max-width: 100%; height: 3.5rem; border-left: 1px solid rgba(255, 255, 255, 0.2); table-layout: fixed; }

#snb .nav #left_menu_top > li { display: table-cell; border-right: 1px solid rgba(255, 255, 255, 0.2); color: #fff; vertical-align: middle; }

#snb .nav #left_menu_top > li > a { font-size: 0.9rem; display: block; padding: 0.5rem; text-align: center; -webkit-transition: all 0.2s; transition: all 0.2s; }

#snb .nav #left_menu_top > li > a.linkWindow:after { content: ''; font-size: 0.8rem; position: relative; top: 0px; margin-left: 0.25rem; font-family: "xeicon"; }

#snb .nav #left_menu_top > li.active { background-color: #fff; color: #333; }

#snb .nav #left_menu_top > li ul { display: none !important; }

#snb .nav.active { margin-bottom: 8rem; }

.content_info + #sns_wrap { display: none; }

ul#depth3_menu_ul { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; display: table; margin: 2rem auto; table-layout: fixed; }

ul#depth3_menu_ul li { display: table-cell; height: 3rem; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ccc; background-color: #fafafa; vertical-align: middle; }

ul#depth3_menu_ul li a { width: 100%; color: #333; display: block; font-weight: 300; font-size: .9rem; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; }

ul#depth3_menu_ul li a.linkWindow:after { content: ''; font-family: 'xeicon'; width: 1rem; height: 1rem; font-size: .8rem; padding-left: .2rem; }

ul#depth3_menu_ul li.active { background-color: #fff; border: 1px solid #999999; border-top: 4px solid #9c1c2b; margin-right: 0; margin-bottom: 0; height: calc(3rem - 1px); }

ul#depth3_menu_ul li.active a { font-weight: 500; color: #9c1c2b; line-height: 2.8rem; }

ul#depth3_menu_ul li:hover a { color: #9c1c2b; font-weight: 500; }

ul#depth3_menu_ul li + li { border-left: 0 none; }

#content { width: 64rem; max-width: calc(100% - 2rem); margin-left: auto !important; margin-right: auto !important; margin: 3rem 0 7.5rem; }

#content .content_info { position: relative; margin-bottom: 1.5rem; }

#content .content_info .title { font-size: 1.6rem; color: #000; }

#content .content_info .location { position: absolute; right: 0; top: 0.5rem; text-align: right; white-space: nowrap; }

#content .content_info .location li { display: inline-block; vertical-align: top; }

#content .content_info .location li + li::before { font-size: 0.9rem; display: inline-block; position: relative; top: -1px; margin: 0 0.25rem 0 0.15rem; font-family: "xeicon"; color: #ddd; content: ''; vertical-align: middle; }

#content .content_info .location li:last-child { font-weight: 400; color: #333; }

#content .content_info .location li.icon a { float: left; overflow: hidden; width: 0.75rem; height: 1.2rem; text-align: right; line-height: 1.2rem; }

#content .content_info .location li.icon a::before { font-size: 0.85rem; display: block; width: 100%; height: 100%; font-family: "xeicon"; color: #c6c6c6; content: ''; }

/*경찰탐정수사학*/
h2.title3{float:left;color:#000;font-size:1.9rem;letter-spacing:-1px;line-height:1.2;}
h2.title3 span{font-weight:400;}
h2.title3 strong{display:block;position:relative;font-weight:bold;}
h2.title3 strong:before{content:'';background:#263F8C;opacity:.2;width:15.5rem;height:.85rem;position:absolute;bottom:-2px;left:0;z-index:-1;}
.right_cont{overflow:hidden;padding-left:8.25rem;}
p.t4{font-weight:400;}
p.t4 > strong{color:#111;}
.img3 ul { width: calc(100% + 1.3rem); }
.img3 ul li { width: calc(33.33% - 1.3rem); margin-right: 1.3rem; float: left; }
.img3 ul:after { content: ''; display: block; clear: both; }
.img4 { margin-top: 1rem; }
.img4 ul { width: calc(100% + 1.9rem); }
.img4 ul li { width: calc(25% - 1.9rem); margin-right: 1.9rem; float: left; margin-bottom: 1rem; }
.img4 ul li p { font-weight: 500; border:1px solid #ddd;margin-top:-1px;color:#333;text-align:center;padding:1.3rem;font-size:.9rem;}
.img4 ul:after { content: ''; display: block; clear: both; }
.mgt60{margin-top:3rem;}
.subwrap{position:relative;overflow:hidden;padding-bottom:30px;}
.subwrap:before{position:absolute;bottom:-30px;left:-34px;width:100%;content:'';background:#F6F7F9;height:9.35rem;z-index:-1;}
.greeting .title{line-height:1.3;font-weight:400;}
.greeting .txt span{font-size:.85rem;font-weight:400;}
.greeting div.img .txt-sign{font-weight:bold;}

/*학과연혁*/
.history_wrap{position:relative;}
.history_wrap:before{content:'';background:url(/sdl/img/contents/path.png) no-repeat;width:41px;height:54px;position:absolute;top:-10px;left:112px;}
.history_wrap .txt{background:#fff;color:#000;padding:1.25rem 2.5rem;width:52.8rem;position:absolute;left:50%;bottom:-2.5rem;-webkit-transform:translateX(-50%);transform:translateX(-50%);}
.history_wrap .txt > b{font-weight:bold;font-size:1.5rem;letter-spacing:-0.8px;}
.history_wrap .txt > span{font-size:.95rem;letter-spacing: -0.95px;font-weight:400;float:right;position:Relative;line-height:2rem;padding-left:.8rem;}
.history_wrap .txt > span:before{content:'';width:43px;height:1px;background:#AAAAAA;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:-43px;}

/*졸업후진로*/
.graduate .gra_lst{overflow:hidden;}
.graduate .gra_lst li{display:table;table-layout:fixed;padding:5px;float:left;width:14.28%;height:8.7rem;font-weight:500;color:#000;letter-spacing:-0.8px;text-align:center;}
.graduate .gra_lst li:nth-child(odd) > p{background:#F6F7F9;}
.graduate .gra_lst li > p{position:relative;height:100%;display:table-cell;vertical-align:middle;width:100%;}
.graduate .gra_lst li > p > span{display:block;position:absolute;width:100%;line-height:1.2;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:1.2rem;}
.graduate .gra_lst li > p img{margin-top:-1.5rem;}
/*학과별 필수전공*/
.box-img2{overflow:hidden;position:relative;padding-top:1.5rem;}
.box-img2 .img{float:left;width:50%;}
.box-img2 .cont{box-shadow: 0px 5px 10px #0000000D;width:35rem;background:#fff;z-index:1;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;}
.box-img2 .cont .desc{padding:3.3rem 2.2rem;}
.box-img2 .cont .desc .title{position:relative;padding-bottom:1.5rem;margin-bottom:1.5rem;font-weight:bold;color:#000;font-size:1.6rem;display:block;}
.box-img2 .cont .desc .title:before{position:absolute;bottom:0;left:0;width:29px;height:2px;background:#9C1C2B;content:'';}
.box-img2 .imglogo{position:absolute;left:2.5rem;top:0;padding:1rem;background:#9C1C2B;padding-top:1rem;}

.table-wrap.table-wrap_ table tbody tr td, .table-wrap table tbody tr th{min-width:auto;padding:5px;}
@media (max-width: 1280px) { #contentWrap { padding: 0 !important; }
  #snb .nav #left_menu_top { width: 100%; }
  ul#depth3_menu_ul { width: 100%; }
  .box-img2 .cont .desc{padding:1.5rem;} }
@media (max-width: 1024px){ 
  .img4 ul { width: calc(100% + .5rem); }
  .img4 ul li { width: calc(33.33% - .5rem); margin-right: .5rem; }
  .right_cont{padding-left:3rem;}
  .subwrap:before{display:none;}
  .subwrap{padding-bottom:0;}
  .history_wrap .txt{width:auto;position:static;left:inherit;bottom:inherit;transform:none;top:inherit;}
  .graduate .gra_lst li{width:20%;}
  .box-img2 .cont{width:100%;position:static;top:inherit;right:inherit;transform:none;}
  .box-img2 .img{width:100%;float:none;}
  .box-img2 .cont .desc{padding:1.5rem 0;}

}
@media (max-width: 768px){ 
  .img3 ul { width: calc(100% + .2rem); }
  .img3 ul li { width: calc(33.33% - .2rem); margin-right: .2rem; }
  .img4 ul li { width: calc(50% - .5rem); }
  .img4 ul li p { font-size: .7rem; }
  h2.title3{float:none;display:block;}
  .right_cont{display:block;padding-left:0;padding-top:2rem;}
 .history_wrap .txt{padding:1rem 0;}
 .graduate .gra_lst li{width:33.3333%;}
}

@media (max-width: 530px){ 
  .history_wrap .txt > b{display:block;text-align:center;}
  .history_wrap .txt > span{float:none;text-align:center;display:block;padding-left:0;line-height:auto;}
  .history_wrap .txt > span:before,
  .history_wrap:before{display:none;}
}



@media (max-width: 768px) { #snb .title { height: 8rem; background-size: auto 100%; line-height: 8rem; }
  #snb .control { top: 3rem; }
  #snb .control a::before { content: '' !important; }
  #snb .nav { height: auto; background-color: transparent; }
  #snb .nav #left_menu_top { display: block; position: relative; height: 2.5rem; border-left: 0 none; background-color: #1a3759; }
  #snb .nav #left_menu_top::after { position: absolute; right: 1rem; top: 0; font-family: "xeicon"; color: #fff; content: ''; line-height: 2.5rem; -webkit-transition: all 0.2s; transition: all 0.2s; }
  #snb .nav #left_menu_top > li { visibility: hidden; overflow: hidden; height: 0; opacity: 0; display: block; border: 0 none; line-height: 2.5rem; }
  #snb .nav #left_menu_top > li > a { padding: 0 1rem; text-align: left; }
  #snb .nav #left_menu_top > li.active { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; background: none; color: #fff; }
  #snb .nav #left_menu_top.active { height: auto; }
  #snb .nav #left_menu_top.active::after { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  #snb .nav #left_menu_top.active > li { visibility: visible; overflow: visible; height: auto; opacity: 1; -webkit-transition: all 0.2s; transition: all 0.2s; border-top: 1px solid rgba(255, 255, 255, 0.2); }
  #snb .nav.active { margin-bottom: 0; }
  ul#depth3_menu_ul { margin: 1rem auto .5rem; display: block; }
  ul#depth3_menu_ul li { display: block !important; height: 2.5rem; }
  ul#depth3_menu_ul li + li { border-left: 1px solid #ccc; border-top: 0 none; }
  ul#depth3_menu_ul li a { line-height: 2.5rem; }
  #content { margin: 1.5rem 0; }
  #content .content_info { margin-bottom: 1.5rem; } }

@media (max-width: 390px) { #snb .control { display: none; }
  #content .content_info .location { display: none; } }