@charset "UTF-8";

@import url("font.css");

/*공통*/
body{font-family:'Noto Sans KR',sans-serif;font-weight:400;font-size:16px;color:#696969;}
a{color:#333;}
.con-p{padding:0 0 30px 0;}
.con-box{padding: 0 0 50px;}
.hide{display:block;position:absolute;width:0;height:0;text-indent:-9999999px;overflow:hidden;}
.pc-hide{display:none !important;}
.txt-b{font-weight:500 !important;}
.float-l{float:left;}
.float-r{float:right;}
.display-b{display:block;}
.dt{display:table;width:100%;height:100%;}
.tc{display:table-cell;width:100%;height:100%;vertical-align:middle;}

.h3-tit01{font-size:18px;font-weight:bold;color:#10498c; padding:3px 8px 0;}
.h4-tit01{font-size:18px;font-weight:bold;color:#10498c;background: url(/_res/hrdi/img/common/bg_h4.gif) no-repeat 0 0;padding:3px 8px 0;}
.h5-tit01{padding: 0 0 10px;font-size: 16px;font-weight: 500;}
.mark-p{font-weight: 300;font-size: 16px;color: #999999;background: url(/_res/hrdi/img/common/bg_mark.gif) no-repeat 0 5px;padding: 0px 0 5px 20px;}
.mg_b20{margin:0 0 20px 0;}
.mg_b10{margin:0 0 10px 0;}
.mg_b40{margin:0 0 40px 0;}
.mg_t20{margin:20px 0 0 0;}
.mg_t10{margin:10px 0 0 0;}
.pd_tb15{padding:15px 0;}
.dot-ul01 li{padding:0 0 0 8px ;background: url(/_res/hrdi/img/common/bull-dot.gif) no-repeat 0 12px;}
.bar-ul01{padding:0 0 30px 0;}
.bar-ul01 li{padding:0 0 0 10px ;background: url(/_res/hrdi/img/common/bg_bar_dot.gif) no-repeat 0 10px;}
.dang-ul01{padding:10px 0 0 0;}
.dang-ul01 li{padding:0 0 0 15px ;background: url(/_res/hrdi/img/common/bg_dang.gif) no-repeat 0 8px;}

/*레이아웃*/
header{border-top:5px solid #003876;}
.main-content-wrap01{position:relative;overflow:hidden;}
.main-content-wrap02{background-color:#ececef;}
.main-content-wrap03{background-color:#ececef;}
.main-content-wrap04{background-color:#ececef;}
.sub-container{padding:30px 0 60px 0;background-color:#ececef}
.sub-container-wrap{max-width:1240px;margin:0 auto;overflow:hidden;border:1px solid #e7e7e7;border-top:none;background-color:#fff;box-sizing:border-box}
.lnb{float: left;width:240px;}
.content-wrap{min-height: 600px;float:left;padding:0 0 60px 0;overflow:hidden;width:calc(100% - 240px);max-width: 998px;border-left: 1px solid #e7e7e7;box-sizing:border-box;}
.content{padding:0 55px;width:100%;box-sizing:border-box;}
.content:after{content:"";display:block;clear:both;}
.main-content-wrap01:after{content:"";display:block;clear:both;}

/* header */
.top-header-wrap{background-color:#10498b;}
.top-header-box{position:relative;margin:0 auto;padding:0 0 6px;width:100%;max-width:1240px;box-sizing:border-box;}
.top-header-box:after{content:"";display:block;clear:both;}
.top-header-box ul:after{content:"";display:block;clear:both;}
.top-header-box ul{float:right;}
.top-header-box ul li{position:relative;float:left;padding:0 40px 0 0;text-align:center;}
.top-header-box ul li:last-of-type{padding:0 50px 0 0;background:url(/_res/hrdi/img/common/img_shortcut_arrow.gif) no-repeat right 30px top 10px;}
.top-header-box ul li:not(:last-of-type):before{content:"";display:block;position:absolute;right:20px;top:9px;width:1px;height:12px;background-color:rgba(255,255,255,0.22);}
.top-header-box ul li a{font-size:12px;color:rgba(255,255,255,0.6);}

.bottom-header-wrap{position:relative;}

/*gnb*/
.bottom-header-box{position:relative;max-width:1240px;height:80px;margin:0 auto;position:relative;background-color:#fff;}
.bottom-header-box:after{content:"";display:block;clear:both;}
.main-logo{position:absolute;top:0;left:0;z-index:10;padding:13px 0 0 10px;float:left;}

.gnb{position:relative;float:left;width:100%;height:80px;text-align:right;}
.gnb-ul:after{content:"";display:block;clear:both;}
.gnb-ul > li{display:inline-block;position:relative;text-align:center;margin:28px 0 0 0;padding:0 1% 26px;}
.gnb-ul > li:last-of-type{padding-right:0;}
.gnb-ul > li > a{padding:0 0 26px 0;font-weight:500;font-size:18px;color:#333333;}
.gnb-ul > li > a:hover{color:#134c8b;font-weight:500;}
.sub-mn{display:none;z-index:20; padding:10px 0 20px 5px;opacity: 0.8;background-color: #003876;width: 180px;position: absolute;top:52px;left: -40px;text-align: left;}
.sub-mn li{padding:10px 20px 0;}
.sub-mn li a{font-size:15px;color:#ffffff;}
.sub-mn li a:hover{color:#cdcdcd;text-decoration:underline;}
.sub-mn:after{content:"";display:block;clear:both;}
.gnb-bg{display:none;position:absolute;top:52px;left:0;z-index:30;width:100%;height:50px;background-color:#003876;}

.m-search-wrap{position: relative;}
.m-search-wrap .top-search-input{padding:0 15px;width:100%;height:70px;border:none;background-color:#ffc240;font-weight:300;font-size:16px;color:#fff;box-sizing:border-box;border-radius:0;}
.m-search-btn {position: absolute;top: 23px;right: 15px;width: 24px;}

/* 상단검색 */
.top-search-open-btn{float:right;margin:27px 2% 0 0;}
.search-wrap{display:none;position:absolute;top:115px;left:0;z-index:10;padding:25px 0;width:100%;background-color:#ffc240;box-sizing:border-box;text-align:center;}
.search-box{position:relative;margin:0 auto;width:100%;max-width:1240px;}
.top-search-input{padding:17px 15px;width:400px;border:none;font-size:15px;color:#666;border-radius:3px;box-sizing:border-box;}
.search-btn{margin:0 0 0 10px;padding:14px 26px;border:none;background-color:#10498b;font-weight:500;font-size:17px;color:#fff;border-radius:3px;vertical-align:middle;cursor:pointer;}
.top-search-close-btn{position:absolute;top:11px;right:20px;}

/*푸터*/
/* footer */
.top-footer-wrap{border-top:2px solid #10498b;border-bottom:1px solid #e7e7e7;}
.top-footer-box{margin:0 auto;padding:0 20px;max-width:1240px;height:58px;}
.top-footer-box:after{content:"";display:block;clear:both;}
.top-left-footer-box ul:after{content:"";display:block;clear:both;}
.top-right-footer-box:after{content:"";display:block;clear:both;}
.top-right-footer-box ul:after{content:"";display:block;clear:both;}

.top-left-footer-box{width:calc(100% - 258px);}
.top-left-footer-box ul li{position:relative;float:left;margin:0 2% 14px 0;padding:18px 2% 4px 0;}
.top-left-footer-box ul li:after{content:"";display:block;position:absolute;top:24px;right:0;width:1px;height:16px;background-color:#e7e7e7;}
.top-left-footer-box ul li:last-of-type{margin:0;padding-right:0;background:none;}
.top-left-footer-box ul li:last-of-type:after{display:none;}
.top-left-footer-box ul li a{color:#666;}
.top-left-footer-box ul li .privacy{color:#1459a6;}

.related-site-wrap{position:relative;z-index:10;float:left;width:200px;}

.related-site-title{display:block;position:relative;z-index:10;padding:16px 33px 16px 19px;height:58px;background:#f4f4f4 url(/_res/hrdi/img/common/img_related_arrow02.gif) no-repeat right 20px center;background-size:18px;color: #666;box-sizing: border-box;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.related-site-title.active{background:#f4f4f4 url(/_res/hrdi/img/common/img_related_arrow.gif) no-repeat right 18px center;background-size:18px;}
.related-site{display:none;position:absolute;bottom:58px;padding:10px 0;width:100%;max-height:200px;background-color:#fff;overflow-y:scroll;box-sizing:border-box;}
.related-site li a{display: block;padding:4px 19px;color:#666;}
.related-site li a:hover{font-weight:500;color:#1459a6;text-decoration:underline;}

.scroll-top-btn{display:block;width:58px;height:58px;background:url("/_res/hrdi/img/common/btn_scroll_top.gif") no-repeat 0 0;overflow:hidden;text-indent:-9999999px;}

.bottom-footer-wrap{margin:0 0 10px 0;border-bottom:1px solid #e7e7e7;}
.bottom-footer-box:after{content:"";display:block;clear:both;}
.bottom-footer-box{margin:0 auto;padding:50px 20px 0 20px;max-width:1240px;}
.bottom-footer-box img{margin:0 61px 50px 0;}
.bottom-footer-box address{font-style:normal;color:#888;line-height:20px;}
.bottom-footer-box address a{color:#888;}

/* 로그인 */
.login-bg{border-top:none;background-color:#f2f2f2;}
.login-box{margin:160px auto 0;padding:72px 69px 60px 78px;width:770px;border:1px solid #e6e6e6;border-top:none;background:#fff url(/_res/board/img/login/bg_login.gif) no-repeat 0 0;box-sizing:border-box;}
.login-box:after{content:"";display:block;clear:both;}
.login-box h1{float:left;width:238px;}
.login-box h1 img{width:100%;}
.login-zone{float:right;width:341px;}
.login-input-wrap input{margin:0 0 10px;padding:11px 10px;width:100%;height:40px;border:1px solid #ccc;font-size:14px;box-sizing:border-box;}
.login-error-msg{margin:0 0 14px 0;font-size:14px;color:#ff4c4c;}
.c-login-btn{width:100%;height:50px;border:none;background-color:#0067b3;text-align:center;font-size:18px;color:#fff;cursor:pointer;line-height:1;}
.login-link-wrap{margin:13px 0 16px;}
.login-link-wrap li{position:relative;display:inline-block;padding:0 14px 0 0;}
.login-link-wrap li:after{content:"";display:block;position:absolute;top:6px;right:5px;width:1px;height:11px;background-color:#b3b3b3;}
.login-link-wrap li:last-of-type{padding:0;}
.login-link-wrap li:last-of-type:after{display:none;padding:0;}
.login-link-wrap li a{font-size:15px;color:#4d4d4d;}
.help-icon{display:inline-block;width:15px;height:15px;background:url(/_res/board/img/login/ico_help.gif) no-repeat 0 0;vertical-align:middle;}
.login-etc-msg{font-size:14px;}
.login-wrap address{margin:10px 0 0 0;font-style:normal;text-align:center;}

/* main */
/* 메인비주얼 */
.main-visual-box{position:relative;}
.main-visual-img-box{height:500px;} 
.vi01{background:url(/_res/hrdi/img/main1.png) no-repeat center 0;background-size:cover; } /*이곳에서 이미지를 바꾸시면 됩니다*/
.vi02{background:url( /_res/hrdi/img/main/Student_petition.png) no-repeat center 0;background-size:cover;}
.vi03{background:url(/_res/hrdi/img/withyonsei.png) no-repeat center 0;background-size:cover;}
/*.vi03{background:url(원하시는 이미지 경로를 입력해주세요.) no-repeat center 0;background-size:cover;}*/
.main-visual-box .control-wrap a{display:block;position:absolute;z-index:10;width:30px;height:57px;}
.main-visual-box .control-wrap .prev{left:10px;background:url(/_res/template01/img/main/btn_prev01.png) no-repeat 0 0;background-size:100%;}
.main-visual-box .control-wrap .next{right:10px;background:url(/_res/template01/img/main/btn_next01.png) no-repeat 0 0;background-size:100%;}
.main-visual-box .control-wrap{position:absolute;top:43%;left:0;right:0;margin:0 auto;width:100%;max-width:1300px;box-sizing:border-box;}
.main-visual-box .owl-carousel .owl-dots,.owl-carousel .owl-nav{display:inline-block;position:absolute;padding:0;min-width:550px;width:auto;right:21.5%;bottom:26%;box-sizing:border-box;}
.owl-theme .owl-dots .owl-dot.active span{width:25px !important;background-color:#ffc240 !important;}
.owl-theme .owl-dots .owl-dot:hover span{background-color:#ffc240 !important;}
.owl-theme .owl-dots{padding:0 0 0 20%;text-align:left !important;}
.owl-theme .owl-dots .owl-dot span{margin:5px !important;width:9px !important;height:9px !important;background:rgba(255,255,255,0.5) !important;}


/* 메인컨텐츠01(학부소개, 대학원소개) */
.main-content-box01{margin:0 auto;width:100%;max-width:1240px;}
.lnk-wrap01{float:left;width:calc(100% - 240px);max-width:1000px;height:140px;}
.lnk-wrap01:before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:url(/_res/hrdi/img/main/bg_main_lnk01.gif) repeat 0 0;}
.main-lnk{position:relative;}
.main-lnk:after{content:"";display:block;clear:both;}

.lnk-wrap01 h2{padding:15px 0 5px 0;font-weight:300;font-size:24px;color:#ffc751;}
.lnk-wrap01 p{font-size:14px;color:#8d99a6;}

.lnk-wrap01 .item a{display:table;margin:0 auto;line-height:20px;text-align:center;font-size:14px;font-weight:500;color:#fff;background-color:#003876;width:88px;height:88px;border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;vertical-align:middle;}
.lnk-wrap01 .item a span{display:table-cell;vertical-align:middle;}
.main-lnk-left-box{float: left;padding:10px 0 10px 2%;width:220px;box-sizing:border-box;}
.main-lnk-right-box{position:relative;padding:28px 4% 10px 4%;float:right;width:calc(100% - 240px);box-sizing:border-box;}
.control-wrap{position:absolute;padding:35px 2% 0 2%;width:92%;top:58px;right:2%;}
.control-wrap .prev{position:absolute;z-index: 10;top:0px;left:11px;}
.control-wrap .next{position:absolute;z-index: 10;top:0;right:0;}

.lnk-wrap02{position:relative;float:left;width:240px;max-width:242px;height:140px;}
.lnk-wrap02:before{content:"";display:block;position:absolute;top:0;width:1000000%;height:100%;background:url(/_res/hrdi/img/main/bg_main_lnk02.gif) repeat 0 0;}
.lnk-wrap02 .uni-info-lnk{position:relative;width:100%;height:100%;}
.lnk-wrap02 .uni-info-lnk h2{width:100%;height:100%;}
.lnk-wrap02 .uni-info-lnk h2 a{display:block;padding:50px 0 0 12%;width:100%;height:100%;background:url(/_res/hrdi/img/main/img_main_lnk02.png) no-repeat right center;font-weight:400;font-size:28px;color:#05376c;box-sizing:border-box;}



/* 메인컨텐츠02(캘린더) */
.main-content-box02{padding:30px 0 0 0;}
.cal-wrap{margin:0 auto;width:100%;max-width:1240px;box-sizing:border-box;}
.cal-wrap:after{clear:both;content:"";display:block;}
.cal-box01{position:relative;background-color:#0bcfcd;float:left;width:12.14%;height:160px;box-sizing:border-box;}
.cal-box01 h3{margin:24px auto 17px auto;padding:3px 0 2px 19%;width:101px;font-weight:500;font-size:15px;color:#fff;background:url(/_res/hrdi/img/main/ico_calendar.png) no-repeat 0 3px;}
.cal-month{font-weight:600;font-size:44px;color:#fff;text-align:center;}
.cal-box01 a{display:block;position:absolute;width:7px;height:14px;}
.cal-box01 .prev{top:97px;left:18%;background:url(/_res/hrdi/img/main/btn_calendar_prev.png) no-repeat 0 0;}
.cal-box01 .next{top:97px;right:18%;background:url(/_res/hrdi/img/main/btn_calendar_next.png) no-repeat 0 0;}
.cal-box02{position: relative;background-color:#fff;float:left;width:87.85%;padding:0 2.43%;height:160px;border:1px solid #e7e7e7;border-left:none;box-sizing:border-box;}
.cal-box02 .cal-date{margin:0 0 20px 0;width: 100%;padding:15px 0 12px 0;overflow: hidden;border-bottom: 1px solid #e7e7e7;text-align: center;}
.cal-box02 .cal-date li{display:block;float:left;margin:0 0.58% 0 0;width:26px;height:26px;font-weight:300;font-size:15px;color:#969696;cursor:pointer;}
.cal-box02 .cal-date li:last-of-type{margin:0;}
.cal-box02 .cal-date li:hover,.cal-box02 .cal-date li.active{padding:1px 0px 0 0;background-color:#0bcfcd;color:#fff;border-radius:15px;box-sizing:border-box;}
.cal-box02 .cal-sen{overflow:hidden;}
.cal-box02 .cal-sen li{background:url(/_res/hrdi/img/main/bul_cal_title.gif) no-repeat 0 14px;padding:0 0 10px 7px;width:calc(50% - 20px); position:relative;float:left;}
.cal-box02 .cal-sen-title{display:inline-block;font-weight:300;font-size:15px;color:#666;vertical-align:middle;}
.cal-box02 .cal-sen .btn-more{display:inline-block;margin:0 0 0 10px;padding:0 0 3px 0;width:8px;height:15px;background:url(/_res/hrdi/img/main/img_cal_arrow.gif) no-repeat 0 3px;font-weight:300;font-size:15px;color:#bfbfbf;vertical-align:middle;}
.cal-m-date{display:none;}

.scrollert{padding:20px 0;width:100%;height:20px;}
.scrollert > .scrollert-content{overflow:hidden !important;}
.scrollert-scrollbar{display:none;}
.scrollert > .scrollert-scrollbar-y:before,.scrollert > .scrollert-scrollbar-y > .scrollert-track:before{top:0;}
.scrollert > .scrollert-scrollbar>.scrollert-track:before{width:8px;background-color:#777;}
.scrollert > .scrollert-scrollbar>.scrollert-track:hover:before{left:0.75em;width:8px;}
.scrollert > .scrollert-scrollbar:before{margin:0 auto;width:4px;background-color:#ececef;}

/* 메인컨텐츠03(공지사항, 부설연구소, 대학간연구) */
.main-content-box03{margin:0 auto;padding:30px 0 0;width:100%;max-width:1240px;}
.main-content-box03:after{content:"";display:block;clear:both;}
.mini-board-wrap{position:relative;float:left;padding:0 1.4% 20px;height:280px;border:1px solid #e7e7e7;background-color:#fff;box-sizing:border-box;}
.main-content-title{display:inline-block;position:relative;margin:0 0 32px 0;padding:16px 0 0 0;font-weight:600;font-size:24px;color:#000;line-height:1;}
.main-content-title:before{content:"";display:block;position:absolute;top:0;left:1px;width:100%;height:6px;background-color:#10498b;}
.more{position:absolute;top:10px;right:10px;width:25px;height:25px;background:url(/_res/hrdi/img/main/btn_more.gif) no-repeat 0 0;}

.mini-board-wrap01{margin:0 1.6% 0 0;width:40.32%;}
.mini-board-wrap01 .main-content-title{margin:0 0 12px;}
.notice-content-box dl{position:relative;padding:20px 0 0 86px;}
.notice-content-box dl dt a{display:block;overflow:hidden;margin:0 0 8px 0;width:100%;font-weight:400;font-size:18px;color:#333;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
.notice-content-box dl dd:nth-of-type(1){display:block;overflow:hidden;height:2.66em;font-size:15px;letter-spacing:-1.5px;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;line-height:1.33em;}
.notice-content-box dl dd:nth-of-type(1) a{color:#666;}
.notice-content-box dl dd:nth-of-type(2){position:absolute;top:20px;left:0;width:66px;height:66px;background-color:#eee;border-radius:33px;}
.notice-day{display:block;margin:4px 0 0 0;font-weight:600;font-size:24px;color:#1459a6;text-align:center;}
.notice-year-month{display:block;font-size:13px;color:#1459a6;text-align:center;}

.mini-board-wrap02{margin:0 1.6% 0 0;width:42.74%;}
.main-lab-wrap .item a{display:block;padding:100px 0 0 0;text-align:center;}
.main-lab-wrap .main-lab01{background:url(/_res/hrdi/img/main/ico_lab01.gif) no-repeat center 0;}
.main-lab-wrap .main-lab02{background:url(/_res/hrdi/img/main/ico_lab02.gif) no-repeat center 0;}
.main-lab-wrap .main-lab03{background:url(/_res/hrdi/img/main/ico_lab03.gif) no-repeat center 0;}
.main-lab-wrap .main-lab04{background:url(/_res/hrdi/img/main/ico_lab04.gif) no-repeat center 0;}
.main-lab-wrap .main-lab05{background:url(/_res/hrdi/img/main/ico_lab05.gif) no-repeat center 0;}

.mini-board-wrap03{width:16%;}
.main-uni-lab-wrap a{display:block;padding:100px 0 0 0;background:url(/_res/template08/img/main/ico_lab05.gif) no-repeat center 0;text-align:center;}


/* 메인컨텐츠04(팝업존 및 배너) */
.main-content-box04{margin:0 auto;padding:30px 0 50px 0;width:100%;max-width:1240px;}
.main-popup-zone{position:relative;width:58.06%;float:left;}
.main-popup-zone .owl-nav,.main-popup-zone .owl-dots{display:none;}
.main-popup-zone .pop-control-wrap{position: absolute;top:206px;right:0px;z-index:10;}
.main-popup-zone .pop-control-wrap a{float:left;}
.main-popup-zone .pop-control-wrap div{float:left;margin:0 2px;width:44px;height:34px;background:url(/_res/hrdi/img/main/bg_btn_pop.png) no-repeat 0 0;}
.main-popup-zone .pop-control-wrap div span{color:#fff;}
.quick-lnk{position:relative;float:left;margin:0 1.6% 0 0;padding:40px 1%;max-width:496px;width:100%;height:240px;text-align:center;box-sizing:border-box;}
.quick-lnk h2{font-weight:500;font-size:28px;color:#fff;}
.quick-lnk p{margin:3px 0 13%;font-size:15px;font-weight:500;color:rgba(255,255,255,0.7);text-align:center;}
.quick-lnk a{display:inline-block;border:1px solid #fff;padding:10px 30px;font-size:13px;text-align:center;color:#fff;border-radius:3px;}
.quick-lnk.box01{background:url(/_res/hrdi/img/youtube_video.png) no-repeat 0 0;}
.quick-lnk.box02{background:url(/_res/hrdi/img/main/bg_quick02.gif) no-repeat 0 0;}
.main-banner01:after{content:"";clear:both;display:block;}
.main-popup-zone .owl-carousel .owl-item img{width:auto !important;}
.main-popup-zone .pop-control-wrap{top:206px;left:auto;right:0;padding:0;width:auto;}
.main-popup-zone .pop-control-wrap a{position:relative;}
.control-wrap .prev{left:0;}
.pop-control-wrap div .set{position: absolute;top:2px;left:42px;font-size:13px;}
.pop-control-wrap div .total{position: absolute;top:12px;left:66px;font-size:13px;}

/* lnb */
.lnb dl dt{position:relative;height:150px;background:url(/_res/hrdi/img/common/bg_lnb.gif) repeat 0 0;text-align:center;}
.lnb h2{padding:0 45px;width:100%;font-weight:500;font-size:24px;color:#fff;box-sizing:border-box;}
.lnb dl dt span{display:block;padding:40px 36px 5px;font-size:13px;color:#fff;}
.lnb-menu > li{width:100%;border-bottom:1px solid #e7e7e7;}
.lnb-menu > li > a{font-size:18px;display:block;padding:22px 10%;width:100%;font-weight:500;color:#666;box-sizing:border-box;}
.lnb-menu > li:hover > a{color:#6084ba;}
.lnb-menu > li > a.active{color:#6084ba;}
.lnb-menu > li.active{background:url(/_res/hrdi/img/common/img_lnb_arrow.gif) no-repeat right 30px center;}
.lnb-menu > li.active > a{color:#6084ba;}

.lnb-depth03{display:none;}
.lnb-depth03 > li{margin:0 0 15px 0;}
.lnb-depth03 > li > a{display:block;position:relative;padding:0 37px;font-weight:400;font-size:14px;color:#696969;}
.lnb-depth03 > li > a:before{content:"";display:block;position:absolute;top:10px;left:28px;width:4px;height:1px;background-color:#696969;}
.lnb-depth03 > li > a.active{font-weight:500;}

/* path(상단 네비게이션) */
.path-box{margin:0 0 49px 0;height:40px;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
.path:after{content:"";display:block;clear:both;}
.path{margin:0 auto;width:100%;max-width:1240px;height:100%;box-sizing:border-box;}
.path-home{float:left;display:block;width:40px;height:100%;border-left:1px solid #e7e7e7;border-right:1px solid #e7e7e7;background:url(/_res/hrdi/img/common/ico_path_home.gif) no-repeat center;box-sizing:border-box;}
.path-home span{opacity:0;}
.path-depth-wrap{float: left;}
.path-depth-wrap > ul:after{content:"";display:block;clear:both;}
.path-depth-wrap > ul > li{position:relative;min-width: 180px;float: left;}
.path-depth-wrap ul li a {padding:11px 35px 10px 22px;display: block;border-right: 1px solid #e7e7e7;background: url(/_res/hrdi/img/common/img_path_arrow.gif) no-repeat right 18px top 18px;color: #969696;width:100%;font-size:13px;box-sizing:border-box;}
.path-depth-wrap .path-depth li a{display: block;padding: 0;border-right:none;background:none;color:#969696;box-sizing:border-box;}
.path-depth-wrap .path-depth li a:hover{color:#6084ba;text-decoration:underline;}
.path-depth-wrap .path-depth{width:100%;position: absolute;background-color: #fff;z-index: 9;padding: 10px 15px 10px 20px;border: 1px solid #e7e7e7;box-sizing:border-box;}
.path-depth-wrap .path-depth li{ padding: 0px 0 5px 0;}
.path-selected.active{background:url(/_res/hrdi/img/common/img_path_arrow_up.gif) no-repeat right 18px top 18px;}

/* title */
.page-title{padding:0 55px 60px;}
.page-title h3{font-weight:500;font-size:40px;color:#000;}

/*사이트 맵*/
.sitemap-box{padding:0 0 60px 0;}
.sitemap-box h4{font-size: 24px;color: #1459a6;border-bottom: 2px solid #333333;padding:0 0 10px 0;}
.sitemap-box > ul{padding: 10px 0 0 0;display: table;width: 100%;}
.sitemap-box > ul > li{font-size:16px;font-weight: 500;float:left;display: table-cell;width: 20%;margin:0 0 20px 0;}
.sitemap-box > ul > li > ul {padding:10px 0 0 0;}
.sitemap-box > ul > li > ul > li {background:url(/_res/template01/img/intro/bg_bar_dot.gif) no-repeat 0 11px;padding:0 0 5px 9px;font-weight:400;font-size:14px;}
.sitemap-box > ul > li > ul > li > a{colod:#999;}
.sitemap-box > ul > li > ul > li > a:hover{font-weight:500;text-decoration:underline;}

/*법적고지-개인정보처리방침*/
.legal-box dl{margin:0 0 80px 0;}
.legal-box dl dt{line-height: 32px;padding: 0 0 10px 0px;font-weight: 600;font-size: 24px;color: #084487;}
.legal-box dl dd{line-height:26px;}

.privacy-box .h5-tit02{font-weight: 700;font-size: 18px;color: #333333;padding: 0 0 10px 0px;}
.privacy-box ul li{padding: 0 0 0 7px;background: url(/_res/template07/img/common/bul_list_dot.gif) no-repeat 0 8px;}
.privacy-box ul li ol li{padding:0;margin:0px 0 0 17px;list-style-type: decimal;background: none !important;}
.ol-type04 li{margin:0 0 30px 17px;list-style-type: decimal;}
.ol-type05 li{margin: 0px 0 3px 17px;list-style-type: decimal;}

@media screen and (max-width:1220px) {

  /* 메인컨텐츠02(캘린더) */
  .cal-box01{height:190px;}
  .cal-box02{height:190px;}

}

@media screen and (max-width:1024px) {

  /* layout */
  .sub-container{padding:0;}
  
  /* header */
  .top-header-box{display:none;}
  .bottom-header-box{height: 70px;}
  .main-logo{padding:8px 0 0 10px;float:left;width:210px;}
  .main-logo img{width:100%;height:100%}
  .gnb{display:none;}
  .btn_menu {display: block;float: right;margin: 26px 0 0 0;width: 44px;height: 34px;background: url(/_res/hrdi/img/common/btn_m_menu.gif) no-repeat 0 0;background-size: 60%;}
  .top-search-open-btn{display:none;}
  .search-wrap{display:none !important;}
  
   /* 로그인 */
    .login-bg{background-color:#fff;}
    .login-box{margin:0;padding:30px;width:100%;border:none;background:none;}
    .login-box h1{float:none;margin:0 auto 30px;width:130px;}
    .login-zone{float:none;width:100%;}
    .login-link-wrap{margin:18px 10px 32px;text-align:center;}
    .login-link-wrap li:nth-of-type(2){padding:0;}
    .login-link-wrap li:nth-of-type(2):after{display:none;}
    .login-link-wrap li:last-of-type{display:block;margin:10px 0 0 0;}
    .login-etc-msg{text-align:center;}
    .login-wrap address{margin:37px 0 0 0;}
  
  /* 메인비주얼 */
  .main-visual-img-box{height:350px;}
  .main-visual-txt-box .txt01{font-size:20px;}
  .main-visual-txt-box .txt02{font-size:46px;}
  .main-visual-box .control-wrap .prev{left:10px;}
  .main-visual-box .control-wrap .next{right:10px;}
  .main-visual-box .owl-carousel .owl-dots,.owl-carousel .owl-nav{right:17%;}
  
  /* 메인캘린더) */
  .cal-box01{width:20.14%;}
  .cal-box02{width:79.85%}
  .cal-box02 .cal-sen-title{width:83%;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
  .mini-wrap {padding: 0 1% 40px 1%;max-width: 1240px;margin: 0 auto;width: 98%;}
  .cal-wrap {padding: 0 1% 0px 1%;margin: 0 auto;width: 100%;max-width: 1240px;box-sizing: border-box;}
  
}

/*사회과학대학 소개*/
.about-dl{padding:0 0 40px 0;}
.about-dl dt{font-size: 18px;color: #10498c;font-weight: 700;background: url(/_res/hrdi/img/common/bg_h4.gif) no-repeat 0 0;padding: 3px 0 0 8px;}
.abouttext-dl{padding:0 0 40px 0;}
.abouttext-dl dt{font-size: 18px;color: #10498c;font-weight: 700; padding: px 0 0 8px;}
.con-p img{width:100%}

.people-box{overflow:hidden;margin: 0 0 80px 0;}
.people-box dl {float: left;width: 50%;}
.people-box dl dt{width: 35%;float: left;}
.people-box dl dt img{width:100%}
.people-box dl dd{width: 65%;float: left;}
.people-box dl dd div{box-sizing: border-box;}
.people-box dl dd div dl{float: left;width: 90%;padding: 0 10% 0 0;}
.people-box dl dd div dl dt{width: 100%;padding: 15px 0 7px 30px; margin: 0 0 10px 0;box-sizing:border-box;border-bottom:1px solid #dbdbdb;}
.people-box dl dd div dl dt span:nth-of-type(1){display: block;font-size: 22px;color: #333;}
.people-box dl dd div dl dt span:nth-of-type(2){display: block;font-size: 28px;color: #10498a;font-weight: 500;}
.people-box dl dd div dl dd{width: 100%;padding: 0 0 0 30px;box-sizing:border-box}
.people-box dl dd div dl dd ul li span:nth-of-type(1){width: 84px;display: block; float:left;}

.lnk-wrap{padding: 0 0 30px 0;overflow: hidden;}
.lnk-wrap a{color:#fff;border-radius:10px;background-color:#10498c;padding:10px 20px;float:right;}
.lnk-wrap a span{padding:0 0 0 20px ;}

.square-box dl{position: relative;}
.square-box dl dt{width: 185px;position: absolute;background-color: #94b3d7;color: #fff;text-align: center;padding: 15px 0;top: -15px;line-height: 28px;}
.square-box dl dt span{background:url(/_res/hrdi/img/intro/bg_intro_arr.png) no-repeat 0 0;width:12px;height:12px;position:absolute;top: auto;right: -12px;bottom: 0px;}
.square-box dl dd {padding: 20px 20px 20px 210px;background-color: #eff6fd;margin: 0 0 40px 10px;}

/*졸업요건*/
.tab-box{padding: 0 55px 30px 55px;}
.tab-ul01 {min-width:460px;overflow: hidden;border-bottom:1px solid #ebebeb;margin:0 0 30px 0;box-sizing:border-box;}
.tab-ul01 li{float:left;width:16.66666666666667%;text-align: center;border-right:1px solid #fff;background-color:#f8f8f8;box-sizing: border-box;}
.tab-ul01 li a{font-size:16px;color:#696969;width: 100%;display: block;padding:15px 0;}
.tab-ul01 li a.active{background-color:#1c65b9;color:#fff;font-weight:500;}

/*학생기획단 활동 탭*/
.tab-box{padding: 0 55px 30px 55px;}
.tab-ul02 {min-width:460px;overflow: hidden;border-bottom:1px solid #ebebeb;margin:0 0 30px 0;box-sizing:border-box;}
.tab-ul02 li{float:left;width:33.33%;text-align: center;border-right:1px solid #fff;background-color:#f8f8f8;box-sizing: border-box;}
.tab-ul02 li a{font-size:16px;color:#696969;width: 100%;display: block;padding:15px 0;}
.tab-ul02 li a.active{background-color:#1c65b9;color:#fff;font-weight:500;}

.view-box{position:relative;border-bottom: 2px solid #000;}
.view-box .bt a{display: block;width: 776px;padding: 15px 0 10px 0;}
.view-box .bt span{color: #000000;font-size: 18px; font-weight:bold;}
.view-box .bt a img {position: absolute;left: auto;right: 10px;top: 20px;}
.view-box .view-detail-box{padding: 0 0 80px 0;}

@media screen and (max-width:768px) {
  
   /* layout */
  .content-wrap{width:100%;max-width:100%;}
  .content{padding:0 3%;}
  
   /* common */
   .mobile-hide{display:none;}
   .pc-hide{display:block !important;}
  
  /* footer */
  .top-footer-wrap{border-bottom:none;}
  .top-footer-box{padding:0;height:auto;}
  .top-left-footer-box{float:none;width:100%;}
  .top-left-footer-box ul li{margin:0;padding:0;width:50%;border:none;background:none;box-sizing:border-box;}
  .top-left-footer-box ul li{border-right:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
  .top-left-footer-box ul li:nth-of-type(2n),.top-left-footer-box ul li:nth-of-type(2n) a{border-right:none;}
  .top-left-footer-box ul li a{display:block;padding:13px 19px 13px;font-size:14px;color:#7e7e7e;}
  .top-left-footer-box ul li:after{display:none;}
  
  .top-right-footer-box{float:none;}
  .related-site-wrap{width:calc(100% - 58px);border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7;}
  .related-site-title{padding:16px 43px 16px 10px;height:56px;}
  .related-site{bottom:57px;}
  .related-site li a{padding:4px 10px;}
  
  .bottom-footer-wrap{margin:0;border:none;}
  .bottom-footer-box{padding:20px 10px 0;}
  .bottom-footer-box img{float:none;margin:0 0 15px 0;}
  .bottom-footer-box address{float:none;margin:0 0 40px 0;font-size:14px;color:#888;line-height:20px;}
  .bottom-footer-box address p{margin:0 0 10px 0;}
  
  /* 메인비주얼 */
  .main-visual-img-box{height:300px;}
  .main-visual-txt-box{top:12%;left:0;right:0;margin:0 auto;padding:10px;width:calc(100% - 80px);min-width:initial;height:77.66%;background-color:rgba(0,0,0,0.4);box-sizing:border-box;text-align:left;}
  .main-visual-txt-box .txt01{font-size:16px;line-height:1.4em;text-align:center;}
  .main-visual-txt-box .txt02{display:block;font-weight:400;font-size:30px;line-height:1.4em;text-align:center;}
  .main-visual-box .control-wrap a{width:20px;background-size:100%;}
  .main-visual-box .next{right:10px;}
  .main-visual-box .prev{left:10px;}
  .main-visual-box .owl-carousel .owl-dots, .owl-carousel .owl-nav{bottom:12%;min-width:initial;left:0;right:0;text-align:center !important;}
  
  /* 메인컨텐츠01(학부소개, 대학원소개) */
  .lnk-wrap01{float:none;width:100%;height:auto;}
  .main-lnk-left-box{float:none;padding:10px;width:100%;}
  .lnk-wrap01 h2{padding:0 0 5px 0;}
  .main-lnk-right-box{float:none;padding:0px 6% 20px;width:100%;}
  .main-lnk-right-box .control-wrap{top:30px;}
  
  .lnk-wrap02{float:none;width:100%;max-width:initial;height:auto;}
  .lnk-wrap02 .uni-info-lnk h2 a{padding:10px;background:none;width:auto;height:auto;font-weight:300;font-size:24px;}
  .uni-info-lnk-list{padding:0 6% 20px;width:100%;box-sizing:border-box;}
  .uni-info-lnk-list:after{content:"";display:block;clear:both;}
  .uni-info-lnk-list li{float:left;width:33.33%;}
  .uni-info-lnk-list li a{display:table;margin: 0 auto;line-height: 20px;text-align: center;font-size: 14px;font-weight: 500;color: #fff;background-color: #ffb516;width: 88px;height: 88px;-webkit-border-radius: 100px;-moz-border-radius: 100px;vertical-align: middle;}
  .uni-info-lnk-list li a span{display:table-cell;vertical-align:middle;}
  
  /* 메인컨텐츠02(캘린더) */
  .main-content-box02{padding:20px 0 0 0;background-color:#ececef;}
  .cal-box01{margin:0;width:28.15%;height: 270px !important;}
  .cal-box01 h3{margin-bottom:64px;padding-left:19%;width:52px;background:url(/_res/hrdi/img/main/ico_m_calendar.png) no-repeat 0 center;background-size:25%;font-size:14px;text-shadow:1px 1px 1px rgba(0,0,0,0.35);}
  .cal-month{font-size:40px;text-shadow:1px 1px 1px rgba(0,0,0,0.35);}
  .cal-box01 a{margin:0 auto;width:15px;height:9px;}
  .cal-box01 .next{left:0;right:0;top:102px;background:url(/_res/hrdi/img/main/btn_m_calendar_next.png) no-repeat 0 0;background-size:100%;}
  .cal-box01 .prev{left:0;right:0;top:193px;background:url(/_res/hrdi/img/main/btn_m_calendar_prev.png) no-repeat 0 0;background-size:100%;}
  .cal-box02{margin: 0;padding:20px 2%;width:71.85%;height:270px;}
  .cal-m-date{display:block;font-weight:500;font-size:14px;color:#30b3f2;}
  .cal-box02 .cal-sen li{float:none;width:90%;background:none;}
  .cal-box02 .cal-sen .btn-more{display:none;}
  .cal-box02 .cal-sen-title{font-size:14px;width:auto;white-space:normal;}
  
  .scrollert{padding:0;height:232px;}
  .scrollert > .scrollert-content{overflow:scroll !important;}
  .scrollert-scrollbar{display:block !important;}
  .scrollert>.scrollert-scrollbar{right:-11px;}
  .scrollert>.scrollert-scrollbar-y:before, .scrollert>.scrollert-scrollbar-y>.scrollert-track:before{top:0;bottom:0;}
  
  /* 메인컨텐츠03(공지사항, 부설연구소, 대학간연구) */
  .mini-board-wrap{height:auto;}
  .main-content-box03{padding:20px 1% 0;box-sizing:border-box;}
  .main-content-title{font-size:20px;}
  
  .mini-board-wrap01{float:none;margin:0;width:100%;}
  .notice-content-box dl dt a{font-size:16px;}
  .notice-content-box dl dd:nth-of-type(1){font-size:14px;}
  
  .mini-board-wrap02{margin:20px 1.6% 0 0;width:62.5%;}
  .main-lab-wrap .item a{padding:80px 0 0;}
  .mini-board-wrap02 .control-wrap{position:absolute;top:10px;right:10px;left:auto;width:46px;}
  .mini-board-wrap02 .control-wrap:after{content:"";display:block;clear:both;}
  .mini-board-wrap02 .control-wrap a{display:block;float:left;width:13px;height:25px;}
  .mini-board-wrap02 .control-wrap .prev{margin:0 15px 0 0;padding:0 16px 0 0;border-right:1px solid #e8e8e8;background:url(/_res/hrdi/img/main/btn_prev.gif) no-repeat 0 0;}
  .mini-board-wrap02 .control-wrap .next{background:url(/_res/hrdi/img/main/btn_next.gif) no-repeat 0 0;}
  
  .mini-board-wrap03{margin:20px 0 0 0;width:35.9%;}
  .main-uni-lab-wrap a{padding:80px 0 0;}
  
  /* 메인컨텐츠04(팝업존 및 배너) */
  .main-content-box04{padding:20px 1% 20px;box-sizing:border-box;}
  .quick-lnk{position:relative;float:none;padding:20px 10px;width:100%;height:auto;min-height:110px;max-width:initial;}
  .quick-lnk.box01{background-size:cover;}
  .quick-lnk.box02{margin:20px 0 0 0;background-size:cover;}
  .quick-lnk h2{font-size:24px;}
  .quick-lnk a{position:absolute;top:0;left:0;padding:10px;width:100%;height:100%;border:none;box-sizing:border-box;}
  .quick-lnk p{margin:3px 0 0;}
  
  .main-popup-zone{margin:20px 0 0 0;float:none;width:100%;}
  .main-popup-zone .owl-carousel .owl-item img{width:100% !important;}
  .main-popup-zone .pop-control-wrap{top:auto;bottom:0;}
  
  /* lnb */
  .lnb{display:none;}
  
  /* path */
  .path-box{margin:0 0 25px 0;width:100%;height:40px;border:none;background-color:#10488a;}
  .path{padding:0;}
  .path-home{width:41px;height:41px;border:none;background:url(/_res/hrdi/img/common/btn_m_home.gif) no-repeat 0 0;background-size:100%;}
  .path-depth-wrap{width:calc(100% - 41px);}
  .path-depth-wrap > ul:after{content:"";display:block;clear:both;}
  .path-depth-wrap > ul > li{width:33.33333333333%;min-width: 120px;}
  .path-depth-wrap ul li a{padding:10px 37px 9px 15px;width:100%;box-sizing:border-box;border-right:1px solid #37659b;color:#fff;}
  .path-depth-wrap .path-depth{top:40px;padding:0;z-index:20;width:100%;border:1px solid #37659b;box-sizing:border-box;}
  .path-depth-wrap .path-selected{background:#10488a url(/_res/hrdi/img/common/img_m_path_arrow.gif) no-repeat right 15px top 17px;background-size:15px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
  .path-depth li{padding:0;border-bottom:1px solid #37659b;background-color:#10488a;box-sizing:initial;}
  .path-depth li:last-of-type{border:none;}
  .path-depth-wrap .path-depth li a{padding:10px 15px 5px;color:#fff;}
  .path-selected.active{background:#10488a url(/_res/hrdi/img/common/img_m_path_arrow_up.gif) no-repeat right 15px top 17px;background-size:15px;}

  /* title */
  .page-title{margin:0 0 35px 0;padding:0 3%;box-sizing:border-box;}
  .page-title h3{font-size:30px;}
  
  /* 탭 */
  .tab-box{padding:0 15px;}
  .tab-depth01{padding:8px 3%;border-top:2px solid #bbb;border-bottom:2px solid #bbb;background-color:#d3d3d3;box-sizing:border-box;}
  .tab_sel{-webkit-appearance: none;-moz-appearance: none;appearance: none;margin: 0 0 20px;width: 100%;height: 40px;font-weight: 500;font-size: 17px;padding: 0 40px 0 15px;border: 1px solid #939393;background: #fff url(/_res/hrdi/img/common/btn_select_arr01.gif) no-repeat right 15px top 55%;background-size: 16px;color: #333;border-radius: 4px;}
  
  /*사회과학대학 소개*/
  .square-box dl dt {padding: 10px 0;width: 100%;position: relative;top: auto;}
  .square-box dl dt span{display:none;}
  .square-box dl dd {padding: 20px;margin: 0 0 40px 0px;}
  
  /*교수소개*/
  .people-box{margin:0;}
  .people-box dl{overflow:hidden;padding:0 0 50px 0;float:none;width:100%;}
  .people-box dl dd div dl{width:100%;padding:0;}
  .people-box dl dd div dl dt span:nth-of-type(1){font-size: 18px;}
  .people-box dl dd div dl dt span:nth-of-type(2){font-size: 22px;}
  .people-box dl dd div dl dt{padding: 0px 0 7px 20px;}
  .people-box dl dd div dl dd{padding: 0 0 0 20px;}
  .people-box dl dd div dl dd ul li span:nth-of-type(1){float:none;padding:0;}
  .people-box dl dd div dl dd ul li span:nth-of-type(2){padding:0 0 10px 0;display: block;}
    
    /*사이트맵*/
  .sitemap-wrap{padding:0 10px;}
  .sitemap-box h4{font-size:20px;}
  .sitemap-box > ul > li {font-size: 16px;font-weight: 500;float: left;display: block;width: 100%;margin: 0 0 10px 0;}

   /*법적고지-개인정보처리방침*/
  .legal-box dl{margin:0 0 50px 0;}
  .legal-box dl dt{line-height: 28px;font-size: 20px;font-weight:500;}
  .legal-box dl dd{font-size: 16px;line-height:23px;}
  .ol-type04 li, .ol-type05 li{font-size:14px;}

}

@media screen and (max-width:420px) {
  
  /* 메인비주얼 */
  .main-visual-txt-box .txt01{margin:0 0 8px 0;font-size:13px;}
  .main-visual-txt-box .txt02{font-size:24px;}

  /*모바일 상단메뉴*/
  .path-home {display:none;}
  .path-depth-wrap {width:100%;}
  .path-depth-wrap .path-selected{background-position:right 10px top 17px;background-size: 12px;}
  .path-depth-wrap ul li a{padding:10px 20px 9px 8px;}
  .path-depth-wrap .path-depth li a{padding: 10px 8px 5px;}
  .path-depth-wrap > ul > li{min-width:0;}
  
  /* 메인컨텐츠03(공지사항, 부설연구소, 대학간연구) */
  .mini-board-wrap02{float:none;margin:20px 0 0 0;width:100%;}
  .mini-board-wrap03{float:none;width:100%;}

}