@charset "UTF-8";
@import url('font.css');

.h4-tit01{position:relative;padding:0 0 18px 34px;font-size:22px;line-height:27px;color:#222;font-weight:500;}
.h4-tit01:before{content:'';display:block;position:absolute;top:3px;left:0;width:23px;height:24px;background:url(/_res/ajou/oia/img/common/ico-h4.gif) no-repeat center center;}
.h5-tit01{padding:0 0 15px;font-size:20px;line-height:25px;color:#0066b3;font-weight:500;}
.h5-tit02{padding:0 0 25px;font-size:20px;line-height:25px;color:#000;font-weight:500;}
.h6-tit01{padding:0 0 12px;font-size:17px;line-height:23px;color:#222;font-weight:500;}
.con-box{padding:0 0 50px;}
.inner-box{padding:0 0 30px;} /* h5용 con-box */
.con-p{padding:0 0 20px 0;font-size:17px;line-height:25px;color:#3d3d3d;}
.slo-p01{padding:0 0 15px 0;font-size:20px;line-height:25px;color:#48698b;font-weight:500;}
.slo-p02{display:inline-block;position:relative;padding:0 0 15px 40px;font-size:18px;line-height:22px;color:#0066b3;font-weight:500;}
.slo-p02:before{content:'';display:block;position:absolute;bottom:10px;left:0;width:31px;height:31px;background:url(/_res/ajou/oia/img/introduction/ico-paran-bul.png) no-repeat center center;background-size:31px;}
.slo-p02:after{content:'';display:block;position:absolute;bottom:10px;left:29px;width:calc(100% - 29px);height:1px;background-color:#0066b3;}
.bg-box01{padding:30px;background:#f1f5f8;}
.mark-p01{position:relative;padding:0 0 0 20px;font-weight:400;color:#777;line-height:25px;}
.mark-p01:after{content:"※";display:block;position:absolute;top:0;left:0;}
.mark-p02{position:relative;padding:0 0 0 12px;font-weight:400;color:#777;line-height:25px;}
.mark-p02:after{content:"*";display:block;position:absolute;top:0;left:0;}
.mark-blue{color:#046cc4;}
.mark-orange{color:#ffa200;}
.mark-black{color:#333;}
.mark-red{color:#e9221f;}
.txt-blue{color:#046cc4;}
.txt-red{color:#e9221f;}
.txt-orange{color:#ffa200;}
.text-medium{font-weight:500 !important;}
.underline{text-decoration:underline;}
.lnk-txt{color:#0066b3;text-decoration:underline;word-break:break-word;}
.indent-zero{text-indent:0;}
.ul-type01 > li{position:relative;padding:0 0 0 8px;line-height:25px;}
.ul-type01 > li:last-of-type{padding-bottom:0;}
.ul-type01 > li:after{content:'';display:block;position:absolute;top:10px;left:0;width:2px;height:2px;background:#626262;}
.ul-type02 > li{position:relative;padding:0 0 0 12px;line-height:25px;}
.ul-type02 > li:last-of-type{padding-bottom:0;}
.ul-type02 > li:after{content:'';display:block;position:absolute;top:13px;left:0;width:4px;height:1px;background:#333;}
.ul-type03 > li{line-height:25px;}
.ul-type04{padding:0 0 0 20px;}
.ul-type04 > li{line-height:25px;text-indent:-20px;}
.ol-type01 > li{margin:0 0 0 18px;line-height:25px;list-style-type:decimal;}
.text-violet{color:#6f00cc !important;}

/* 링크박스 */
.link-box.d-ib ul li{display:inline-block;padding:0 6px 10px 0;}
.link-box.right ul li{text-align:right;}
.link-box ul li{display:block;padding:0 0 20px 0;}
.link-box ul li:last-of-type{padding:0;}
.link-box ul li a{display:inline-block;padding:10px 25px;border:1px solid rgba(0,0,0,0.4);font-size:16px;color:#333;line-height:1;border-radius:5px;}
.link-box ul li a:after{content:'';display:inline-block;margin:0 0 0 25px;vertical-align:middle;}
.link-box ul li a.normal:hover{background-color:#046cc4;color:#fff;}
.link-box ul li a.down:after{width:15px;height:13px;background:url(/_res/ajou/_share/img/common/bg-down-link.png) no-repeat 0 0/100%;}
.link-box ul li a.down:hover{background-color:#046cc4;color:#fff;}
.link-box ul li a.down:hover:after{background-image:url(/_res/ajou/_share/img/common/bg-down-link-w.png);}
.link-box ul li a.link:after{width:16px;height:16px;background:url(/_res/ajou/_share/img/common/bg-link.png) no-repeat 0 0/100%;}
.link-box ul li a.link:hover{background-color:#046cc4;color:#fff;}
.link-box ul li a.link:hover:after{background-image:url(/_res/ajou/_share/img/common/bg-link-w.png);}

/* small link */
.s-btn{display:inline-block;margin:0 0 0 5px;padding:5px 10px;border:1px solid rgba(0,0,0,0.4);background-color:#fff;font-size:13px;color:#333;line-height:1;border-radius:5px;}
.s-btn:after{content:'';display:inline-block;margin:0 0 0 5px;vertical-align:middle;}
.s-link:after{width:12px;height:12px;background:url(/_res/ajou/_share/img/common/bg-link.png) no-repeat 0 0/100%;}
.s-link:hover{background-color:#046cc4;color:#fff;}
.s-link:hover:after{background-image:url(/_res/ajou/_share/img/common/bg-link-w.png);}
.s-down:after{width:13px;height:11px;background:url(/_res/ajou/_share/img/common/bg-down-link.png) no-repeat 0 0/100%;}
.s-down:hover{background-color:#046cc4;color:#fff;}
.s-down:hover:after{background-image:url(/_res/ajou/_share/img/common/bg-down-link-w.png);}
.h5-tit01 .s-btn{position:relative;top:1px;font-size:15px;}

/* layout */
.top-header-box{margin:0 auto;max-width:1280px;}
.top-header-popup{margin:0 auto;max-width:1280px;}
.middle-header-box{margin:0 auto;max-width:1280px;}
.footer-box{margin:0 auto;padding:32px 0;max-width:1280px;}
.main-content-box01 .main-mini-wrap{margin:0 auto;padding:80px 0;max-width:1280px;}
.path-wrap{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
.sub-container{margin:0 auto;max-width:1280px;}
.content-wrap{padding:0 0 120px;}

/* top-header */
.wrap{margin:0 auto;max-width:1920px;}
.top-header-wrap{background:#f0f0f0;}
.top-header-box:after{content:'';display:block;clear:both;}
.top-header-box p{float:left;padding:14px 0;font-size:13px;color:#888888;}
.top-header-box .util-box{float:right;}
.top-header-box .util-box:after{content:'';display:block;clear:both;}
.top-header-box .util-box li{position:relative;float:left;margin:0 10px 0 0;padding:0 10px 0 0;}
.top-header-box .util-box li:after{content:'';display:block;position:absolute;top:16px;right:0;width:1px;height:9px;background:#c9c9c9;}
.top-header-box .util-box li:nth-of-type(2){margin:0;padding:0 20px 0 0;}
.top-header-box .util-box li:nth-of-type(2):after{display:none;}
.top-header-box .util-box li a{display:block;padding:14px 0;font-size:12px;color:#888888;}
.top-header-box .util-box .btn-main{margin:0;padding:0;}
.top-header-box .util-box .btn-main:after{display:none;}
.top-header-box .util-box .btn-main a{display:block;padding:14px 35px 14px 23px;background:#0058a2;font-size:13px;color:#f3f3f3;}
.top-header-box .util-box .btn-main a:after{content:'';display:block;position:absolute;top:16px;right:22px;width:7px;height:10px;background:url(/_res/ajou/oia/img/common/ico-arr01.png) no-repeat 50% 50%;}

/* top-header-popup */
.wrap{margin:0 auto;max-width:1920px;}
.top-header-popup-wrap{background:#00214c;}
.top-header-popup:after{content:'';display:block;clear:both;}
.top-header-popup p{float:left;padding:14px 5px;font-size:14px;color:#fff;line-height:2;}
.top-header-popup .util-box{float:right;}
.top-header-popup .util-box:after{content:'';display:block;clear:both;}
.top-header-popup .util-box li{position:relative;float:left;margin:0 10px 0 0;padding:0 10px 0 0;}
.top-header-popup .util-box li:after{content:'';display:block;position:absolute;top:16px;right:0;width:1px;height:9px;background:#c9c9c9;}
.top-header-popup .util-box li:nth-of-type(2){margin:0;padding:0 20px 0 0;}
.top-header-popup .util-box li:nth-of-type(2):after{display:none;}
.top-header-popup .util-box li a{display:block;padding:14px 0;font-size:12px;color:#888888;}
.top-header-popup .util-box .btn-main{margin:0;padding:0;}
.top-header-popup .util-box .btn-main:after{display:none;}
.top-header-popup .util-box .btn-main a{display:block;padding:14px 35px 14px 23px;background:#0058a2;font-size:13px;color:#f3f3f3;}
.top-header-popup .util-box .btn-main a:after{content:'';display:block;position:absolute;top:16px;right:22px;width:7px;height:10px;background:url(/_res/ajou/oia/img/common/ico-arr01.png) no-repeat 50% 50%;}


/* middle-header */
.middle-header-box h1{padding:26px 0;}
.middle-header-box h1 a{display:inline-block;padding:0 15px 0 0;}
.middle-header-box h1 a:last-of-type{padding:0;}
.middle-header-box h1 a img{max-width:100%;}
.middle-header-box h1 a span{font-weight:500;font-size:30px;line-height:38px;color:#777777;}
.middle-header-box h1 a span.m-logo{font-size:27px;line-height:35px;}
.middle-header-box .btn-menu{display:none;}

/* bottom header */
.bottom-header-wrap{position:relative;}
.bottom-header-box{border-top:1px solid #efefef;}
.bottom-header-box .gnb-wrap{margin:0 auto;max-width:1280px;}

/* gnb */
.gnb-wrap{position:relative;}
.gnb-ul{text-align:center;}
.gnb-ul:after{content:'';display:block;clear:both;}
.gnb-ul > li{display:inline-block;margin:0 -4px 0 0;padding:0 45px;width:auto;}
.gnb-ul > li > a{display:block;position:relative;padding:22px 5px;font-size:18px;line-height:25px;color:#333;}
.gnb-ul > li > a:hover{font-weight:500;letter-spacing:-0.2px;line-height:23px;color:#0058a2;}
.gnb-ul > li > a:hover:before{content:'';display:block;position:absolute;top:50%;left:-4px;width:5px;height:5px;border-radius:5px;background:#ffa200;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.gnb-ul > li > a.current{font-weight:500;letter-spacing:-0.2px;line-height:23px;color:#0058a2;}
.gnb-ul > li > a.current:before{content:'';display:block;position:absolute;top:50%;left:-4px;width:5px;height:5px;border-radius:5px;background:#ffa200;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.gnb-ul > li.active > a{font-weight:500;letter-spacing:-0.2px;line-height:23px;color:#0058a2;}
.gnb-ul > li.active > a:before{content:'';display:block;position:absolute;top:50%;left:-4px;width:5px;height:5px;border-radius:5px;background:#ffa200;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.gnb-ul > li > .sub-mn-box{display:none;position:absolute;top:calc(100% + 3px);left:0;right:0;z-index:40;width:100%;box-sizing:border-box;}
.gnb-ul > li > .sub-mn-box > p{display:none;/*margin:0 0 30px;padding:33px 0;border-bottom:1px dotted #fff;font-weight:500;font-size:25px;color:#fff;line-height:33px;*/}
.gnb-ul > li > .sub-mn-box .sub-mn{display:table;width:100%;table-layout:fixed;position:relative;}
.gnb-ul > li > .sub-mn-box .sub-mn > li{display:table-cell;padding:40px 20px 120px;width:100%;border-right:1px solid #e3e3e3;line-height:1;box-sizing:border-box;text-align:left;}
.gnb-ul > li > .sub-mn-box .sub-mn > li:first-of-type{border-left:1px solid #e3e3e3;}
.gnb-ul > li > .sub-mn-box .sub-mn > li > a{display:block;position:relative;font-weight:500;font-size:18px;line-height:26px;color:#333;}
.gnb-ul > li > .sub-mn-box .sub-mn02{padding:20px 0 0 0;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li{padding:0 0 15px;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li:last-of-type{padding:0;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a{display:inline-block;position:relative;padding:0 0 0 10px;font-weight:400;font-size:17px;color:#666666;line-height:23px;letter-spacing:-1px;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:before{content:'';display:block;position:absolute;top:10px;left:0;width:3px;height:3px;border-radius:3px;background:#666;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:hover{color:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a:hover:before{background:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a.active{color:#0058a2;}
.gnb-ul > li > .sub-mn-box .sub-mn02 > li > a.active:before{background:#0058a2;}

.gnb-ul > li > .sub-mn-box .sub-mn02 > li > .newMn {color:#7e0000;}

.gnb-ul > li > .sub-mn-box .col02 .sub-mn02{display:inline-block;padding-right:10px;width:calc(50% - 10px);vertical-align:top;}
.gnb-ul > li > .sub-mn-box .col02 .sub-mn02:nth-of-type(2n){padding-right:0;}

.gnb-bg{display:none;position:absolute;top:100%;left:0px;z-index:30;width:100%;border-top:2px solid #00579f;border-bottom:1px solid #e3e3e3;background:#fff url(/_res/ajou/oia/img/common/bg-logo03.png) no-repeat 3% 50%;background-size:200px;transition:all .2s;-webkit-transition:all .2s;-moz-transition:all .2s;-o-transition:all .2s;}

.slideMenu{display:none;}
.btn-menu{display:none;}

/* main-visual */
.no-loop .owl-stage{transform:none !important;-webkit-transform:none !important;-moz-transform:none !important;-ms-transform:none !important; left:0 !important;}
.no-loop .control-wrap{display:none !important;}
.no-loop .mini-board-ctrl{display:none !important;}
.no-loop .owl-dots{display:none !important;}
.main-visual-box{position:relative;}
.main-visual-box .item{position:relative;background:#00579f;}
.main-visual-box .item:after{content:'';display:block;clear:both;}
.main-visual-box .main-visual-img-box{position:relative;float:right;width:80.4%;height:597px;}
.main-visual-box .main-visual-img-box img{width:100%;height:100%;object-fit:cover;}
.main-visual-box .txt-box{position:absolute;top:20%;left:13%;}
.main-visual-box .txt-box .item-num{position:relative;padding:0 0 28px 0;font-size:22px;color:#a6c4dd;}
.main-visual-box .txt-box .item-num:before{content:'';display:block;position:absolute;top:12px;left:-25px;width:21px;height:1px;background:#a6c4dd;}
.main-visual-box .txt-box .txt01{font-weight:500;font-size:48px;line-height:52px;color:#fff;}
.main-visual-box .vi02 .main-visual-img-box{width:80%;height:597px;}
.main-visual-box .vi02 .txt-box{z-index:10;}

.main-visual-box .owl-theme .owl-dots{position:absolute;bottom:25px;left:0;right:0;margin:0 auto;width:100%;max-width:1200px;text-align:center;box-sizing:border-box;opacity:0;}
.main-visual-box .owl-theme .owl-dots .owl-dot span{margin:5px 3px;width:16px;height:16px;border:1px solid #fff;background:none;}
.main-visual-box .owl-theme .owl-dots .owl-dot.active span{background:#fff;}
.main-visual-box .control-wrap{position:absolute;bottom:40%;left:13%;margin:0 auto;width:100%;max-width:1200px;z-index:10;}
.main-visual-box .control-wrap a{display:block;position:absolute;left:0;width:48px;height:48px;border:3px solid #3d7fb6;border-radius:45px;}
.main-visual-box .prev{top:0;background:url(/_res/ajou/oia/img/main/btn-prev.png) no-repeat 50% 50%;}
.main-visual-box .next{top:150px;background:url(/_res/ajou/oia/img/main/btn-next.png) no-repeat 50% 50%;}
.main-visual-box .mini-board-ctrl{position:absolute;bottom:11px;left:calc(50% + 20px);z-index:10;margin:0 0 0 13px;width:11px;opacity:0;}
.main-visual-box .mini-board-ctrl img{display:none;width:100%;}
.main-visual-box .carousel-stop img:first-of-type{display:inline-block;}
.main-visual-box .carousel-play img:last-of-type{display:inline-block;}
.main-visual-box .cnt-wrap{position:absolute;top:70px;left:20px;}
.main-visual-box .cnt-wrap span{display:block;color:#669ac5;}
.main-visual-box .cnt-wrap span:first-of-type{position:relative;padding:0 0 30px 0;color:#fff;}
.main-visual-box .cnt-wrap span:first-of-type:after{content:'';display:block;position:absolute;bottom:10px;left:4px;width:2px;height:9px;background:#669ac5;}

/* 메인비주얼 control-wrap 원 색 채워지는 애니메이션 */
.main-visual-box .control-wrap a:after, .control-wrap a:before{content:'';display:block;position:absolute;top:-3px;left:-3px;width:48px;height:48px;border:3px solid #fff;border-radius:50px;clip:rect(0px, 30px, 100px, 0px);opacity:0;}
.main-visual-box .control-wrap a:hover:after,.control-wrap a:hover:before{-ms-animation-iteration-count:1;-webkit-animation-iteration-count:1; /* 애니메이션이 몇번 반복될지 */-ms-animation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;/* 애니메이션이 끝나는 위치에 가 있음*/-ms-animation-timing-function:linear;-webkit-animation-timing-function:linear;/* 애니메이션이 동일한 속도로 */-ms-animation-name:nav-btn;-webkit-animation-name:nav-btn;/* 애니메이션 이름 */border-color:#fff;opacity:1;}
.main-visual-box .control-wrap a:hover:after{-ms-animation-duration:0.5s;-webkit-animation-duration:0.5s;-ms-animation-name:left-spin;-webkit-animation-name:left-spin;}
.main-visual-box .control-wrap a:hover:before{-ms-animation-duration:0.5s;-webkit-animation-duration:0.5s;-ms-animation-name:right-spin;-webkit-animation-name:right-spin;}

@-ms-keyframes right-spin {
	from {-ms-transform:rotate(0deg);}
	to {-ms-transform:rotate(180deg);}
}
@-webkit-keyframes right-spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(180deg);}
}
@-ms-keyframes left-spin {
	from {-ms-transform:rotate(0deg);}
	to {-ms-transform:rotate(360deg);}
}
@-webkit-keyframes left-spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}
/* 요소의 모든 부분이 나오는 애니메이션 */
@-ms-keyframes nav-btn {
	to {clip:rect(auto, auto, auto, auto);}/* 특정 영역을 보이지 않게 하는 속성 */
}
@-webkit-keyframes nav-btn {
	to{clip:rect(auto, auto, auto, auto);}
}
/* top-footer */
.top-footer-wrap{padding:47px 0;border-bottom:10px solid #ffa200;background:url(/_res/ajou/oia/img/main/bg-top-footer01.gif) no-repeat 50% 50% / cover;}
.top-footer-box{margin:0 auto;max-width:1280px;}
.footer-quick-box > ul:after{content:'';display:block;clear:both;}
.footer-quick-box > ul > li{position:relative;/* float:left; */margin: 0 20px 0 0;padding: 0 20px 0 0;display: inline-block;width: 17%;}
.footer-quick-box > ul > li:after{content:'';display:block;position:absolute;top:50%;right:0;width:1px;height:68px;background:url(/_res/ajou/oia/img/main/img-dotted02.png) repeat-y 0 0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.footer-quick-box > ul > li:last-of-type{margin:0;padding:0;}
.footer-quick-box > ul > li:last-of-type:after{display:none;}
.footer-quick-box > ul > li > a{display:block;position:relative;padding: 50px 0 50px 0px;font-size:18px;line-height:26px;color:#fff;text-align:right;}
.footer-quick-box > ul > li > a:before{content:'';display:block;position:absolute;top:50%;left:0;width: 80px;height: 80px;border-radius:123px;background:#ececec;opacity:0.2;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.footer-quick-box > ul > li > a:after{content:'';display:block;position:absolute;top:50%;left:0;width: 80px;height: 80px;border-radius:123px;background-repeat:no-repeat;background-position:50% 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);background-size: 50%;}
.footer-quick-box > ul > li:nth-of-type(1) > a:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link01.png);}
.footer-quick-box > ul > li:nth-of-type(2) > a:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link04.png);}
.footer-quick-box > ul > li:nth-of-type(3) > a:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link03.png);}
.footer-quick-box > ul > li:nth-of-type(4) > a:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link02.png);}
.footer-quick-box > ul > li:nth-of-type(5) > a:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link04.png);}
.footer-quick-box > ul > li > a:hover:before{background:#ffa200;opacity:1;}
.footer-quick-box > ul > li:nth-of-type(1) > a:hover:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link01-on.png);}
.footer-quick-box > ul > li:nth-of-type(2) > a:hover:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link04-on.png);}
.footer-quick-box > ul > li:nth-of-type(3) > a:hover:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link03-on.png);}
.footer-quick-box > ul > li:nth-of-type(4) > a:hover:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link02-on.png);}
.footer-quick-box > ul > li:nth-of-type(5) > a:hover:after{background-image:url(/_res/ajou/oia/img/main/ico-foot-link04-on.png);}
.footer-quick-box > ul > li > a span{position:relative;display: inline-block;padding:0 0 0 10px;text-align: left;}
.footer-quick-box > ul > li > a span:before{content:'';display:block;position:absolute;top: 12px;left:0;width:5px;height:5px;border-radius:10px;background:#ffa200;}

/* bottom-footer */
.bottom-footer-wrap{padding:30px 0;background:#f2f2f2;}
.bottom-footer-box{position:relative;margin:0 auto;max-width:1280px;}
.bottom-footer-box > div{text-align:center;}
.bottom-footer-box .footer-logo-box{padding:0 0 17px;}
.bottom-footer-box .footer-info-box p{display:inline-block;position:relative;margin:0 4px 0 0;padding:0 10px 0 0;font-size:16px;line-height:24px;color:#999999;}
.bottom-footer-box .footer-info-box p:after{content:'';display:block;position:absolute;top:7px;right:0;width:1px;height:10px;background:#b3b3b3;}
.bottom-footer-box .footer-info-box p:last-of-type{margin:0;padding:0;}
.bottom-footer-box .footer-info-box p:last-of-type:after{display:none;}
.bottom-footer-box .btn-top{display:block;position:absolute;top:-70px;left:100%;z-index:10;padding:15px;width:70px;height:70px;border:1px solid #e1e1e1;background:#f0f0f0;text-align:center;box-sizing:border-box;}
.bottom-footer-box .btn-top span{display:inline-block;padding:20px 0 0;background:url(/_res/ajou/oia/img/common/ico-top.png) no-repeat center top;background-size:14px;font-size:17px;font-weight:500;color:#333;}
.bottom-footer-box address{font-style:normal;}

/* main-content 공통 */
.main-content-box01 .main-mini-wrap .main-mini-box .btn-more01{display:inline-block;position:absolute;top:25px;right:0;width:75px;height:35px;background:url(/_res/ajou/oia/img/main/ico-more-b.png) no-repeat 50% 50%/100%;}

/* main-content01 */
.main-content-box01 .main-mini-wrap:after{content:'';display:block;clear:both;}
.main-content-box01 .main-mini-wrap .main-mini-box{float:left;margin:0 100px 0 0;}
.main-content-box01 .main-mini-wrap .main-mini-box .main-title{padding:0 0 30px 0;font-weight:500;font-size:42px;line-height:50px;color:#222;}
.main-content-box01 .main-mini-wrap .main-mini-box01{position:relative; width:calc(63% - 100px);}
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-board-content > div:after{content:'';display:block;clear:both;}
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-board-content > div > div{float:left;padding:0 27px 30px 0;width:calc(50% - 14px);min-height:142px;}
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-board-content > div > div:nth-of-type(2n){padding:0 0 30px 0;}
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-board-content > div > div:nth-of-type(3n){padding:0 27px 0 0;}
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-board-content > div > div:last-of-type{padding:0;}
.main-content-box01 .main-mini-wrap .main-mini-box01 .main-sub-title{display:inline-block;margin:0 0 7px 0;padding:3px 17px;min-width:180px;background:#00579f;font-weight:500;font-size:17px;line-height:25px;color:#fff;vertical-align:middle;text-align:center;}
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-title-box{display:inline-block;padding:0 0 2px 0;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-title-box span{font-weight:500;font-size:17px;line-height:25px;color:#333333;}
/*
12.09 수정
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-content{display:inline-block;width:100%;font-size:14px;line-height:22px;color:#777777;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
*/
/* 추가 */
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-content{display:inline-block;width:100%;font-size:14px;line-height:22px;min-height:22px; color:#777777;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-title-box span{display:inline-block; width:100%; overflow:hidden; white-space:nowrap; text-overflow: ellipsis;}


.main-content-wrap01{position:relative;}
.main-content-wrap01:after{content:'';display:block;position:absolute;top:0;right:0;width:44%;height:190px;background:#f2f2f2;}
.main-content-wrap01:before{content:'';display:block;position:absolute;top:0;right:0;width:20%;height:100%;background:#f2f2f2;}
.main-content-box01 .main-mini-wrap .main-mini-box02{position:relative;margin:0;width:37%;z-index:10;}
.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul{padding:36px 25px;border:1px solid #dbdbdb;background:#fff;}
.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li{margin:0 0 15px;padding:0 0 15px 0;border-bottom:1px solid #dbdbdb;}
.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li:last-of-type{margin:0;}
.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li a{display:inline-block;position:relative;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;box-sizing:border-box;}
.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li a:hover{font-weight:500;letter-spacing:-0.3px;}
.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li a span{position:relative;padding:0 0 0 13px;font-size:17px;line-height:25px;}
.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li a span:before{content:'';display:block;position:absolute;top:11px;left:0;width:5px;height:5px;border-radius:10px;background:#a7a7a7;}
.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li a:hover span:before{background:#ffa200;}

/* sub visual */
.sub-visual-box{padding:80px 0 70px;background-image:url(/_res/ajou/oia/img/common/img-sub-vi01.gif);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.vi01 .sub-visual-box{background-image:url(/_res/ajou/oia/img/common/img-sub-vi01.gif);}
.vi02 .sub-visual-box{background-image:url(/_res/ajou/oia/img/common/img-sub-vi02.gif);}
.vi03 .sub-visual-box{background-image:url(/_res/ajou/oia/img/common/img-sub-vi03.gif);}
.vi04 .sub-visual-box{background-image:url(/_res/ajou/oia/img/common/img-sub-vi04.gif);}
.vi05 .sub-visual-box{background-image:url(/_res/ajou/oia/img/common/img-sub-vi05.gif);}

/* path */
.path-box{margin:0 auto;max-width:1300px;}
.path-box:after{content:'';display:block;clear:both;}
.path{float:left;}
.path:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;padding:25px 25px 24px;background:#00579f url(/_res/ajou/oia/img/common/ico-home02.png) no-repeat center center;background-size:17px;box-sizing:border-box;}
.path-depth-wrap{float:left;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;min-width:250px;border-right:1px solid #ddd;}
.path-depth-wrap > ul > li > .path-selected{display:block;padding:17px 34px 17px 24px;background:url(/_res/ajou/oia/img/common/ico-path-arrow02.png) no-repeat right 19px center;background-size:10px;font-size:15px;color:#666;font-weight:400;}
.path-depth-wrap > ul > li.active > .path-selected{background-image:url(/_res/ajou/oia/img/common/ico-path-arrow02-close.png);}
.path-depth-wrap > ul > li > .path-depth{display:none;position:absolute;top:100%;left:-1px;z-index:20;padding:18px 24px;width:calc(100% + 2px);background:#fff;border:1px solid #ddd;box-sizing:border-box;}
.path-depth-wrap > ul > li > .path-depth > li{padding:0 0 9px 0;}
.path-depth-wrap > ul > li > .path-depth > li:last-of-type{padding:0;}
.path-depth-wrap > ul > li > .path-depth > li > a{font-size:14px;color:#666;font-weight:400;}
.path-depth-wrap > ul > li > .path-depth > li > a:hover{color:#333;font-weight:500;text-decoration:underline;}
.path-depth-wrap > ul > li > .path-depth > li.active > a{display:inline-block;position:relative;color:#013775;text-decoration:underline;}
.path-box .util{float:right;}
.path-box .util ul:after{content:'';display:block;clear:both;}
.path-box .util ul li{float:left;border-left:1px solid #dbdbdb;}
.path-box .util ul li:last-of-type{margin:0;border-right:1px solid #dbdbdb;}
.path-box .util ul li a{display:block;padding:24.5px 24px;box-sizing:border-box;}
.path-box .util ul li:nth-of-type(1) a{display:none;background:url(/_res/ajou/oia/img/common/ico-print.png) no-repeat center center;background-size:16px;}
.path-box .util ul li:nth-of-type(2) a{background:url(/_res/ajou/oia/img/common/ico-refresh01.png) no-repeat center center;background-size:19px;}

/* title */
.page-title{text-align:center;}
.page-title p{padding:0 0 8px;font-size:15px;line-height:20px;font-weight:400;color:#777;}
.page-title p:empty{display:none;}
.page-title h3{position:relative;margin:50px 0 0;padding:0 0 60px 0;font-weight:600;font-size:30px;line-height:40px;color:#000;}
.page-title h3:after{content:'';display:block;position:absolute;bottom:45px;left:50%;width:26px;height:1px;background:#a3a3a3;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
.page-title h3 span:first-of-type{font-weight:500;font-size:17px;line-height:25px;color:#0063b5;}

/* 탭 01-01 (4depth) */
.tab01.type01 .tab-box{position:relative;margin:0 0 50px;width:100%;text-align:center;}
.tab01.type01 .tab-box:after{content:'';display:block;position:absolute;top:calc(100% - 1px);left:0;width:100%;height:1px;background:#ddd;}
.tab01.type01 .tab-box .tab-ul{display:table;width:100%;border-top:1px solid #ddd;border-left:1px solid #ddd;table-layout:fixed;box-sizing:border-box;}
.tab01.type01 .tab-box .tab-ul li{display:table-cell;border-right:1px solid #ddd;border-bottom:1px solid #ddd;vertical-align:middle;}
.tab01.type01 .tab-box .tab-ul li:last-of-type{border-right:1px solid #ddd;}
.tab01.type01 .tab-box .tab-ul li a{display:block;padding:16px 15px;font-size:16px;line-height:21px;color:#5c5c5c;font-weight:400;}
.tab01.type01 .tab-box .tab-ul li.active{background-color:#046cc4;}
.tab01.type01 .tab-box .tab-ul li.active a{color:#fff}
.tab01.type01 .tab-box .tab-ul.row02 li{width:calc(100% / 2);}
.tab01.type01 .tab-box .tab-ul.row03 li{width:calc(100% / 3);}
.tab01.type01 .tab-box .tab-ul.row04 li{width:calc(100% / 4);}
.tab01.type01 .tab-box .tab-ul.row05 li{width:calc(100% / 5);}
.tab01.type01 .tab-box .tab-ul.row06 li{width:calc(100% / 6);}
.tab01.type01 .tab-box .tab-ul.row07 li{width:15%;}
.tab01.type01 .tab-box .tab-ul.row08 li{width:calc(100% / 8);}

/* 탭 01-02 (5depth) */
.tab01.type02{position:relative;}
.tab01.type02 .tab-box .tab-ul{padding:1px 0 0 0px;margin:0 0 20px;height:54px;border-bottom:2px solid #0067b3;}
.tab01.type02 .tab-box .tab-ul:after{content:'';display:block;clear:both;}
.tab01.type02 .tab-box .tab-ul li{float:left;}
.tab01.type02 .tab-box .tab-ul li a{display:block;padding:13px 20px 12px;border:1px solid #cdcdcd;border-bottom:none;background-color:#e6e6e6;line-height:28px;text-align:center;}
.tab01.type02 .tab-box .tab-ul li.active a{border:2px solid #0067b3;border-bottom:2px solid #fff;background:#fff;line-height:28px;font-weight:normal;color:#333;}

/* 연락처 공통 */
.contact-box > div{display:inline-block;border:4px solid #eeeeee;box-sizing:border-box;vertical-align:top;}
.contact-box > div > ul li a{display:inline-block;word-break:break-all;}
.contact-box > div h5{font-weight:500;}
.contact-box > div p{padding:0 0 25px;line-height:24px;color:#767676;}
.contact-box.row03 > div{margin:0 36px 20px 0;padding:15px 26px;width:calc(33.33% - 27px);min-height:129px;}
.contact-box.row03 > div h5{position:relative;padding:0 0 0 10px;font-size:18px;line-height:26px;}
.contact-box.row03 > div h5:after{content:'';display:block;position:absolute;top:11px;left:0;width:3px;height:3px;border-radius:5px;background-color:#333;}
.contact-box.row03 > div:nth-of-type(3n){margin-right:0;}

.contact-list{padding:0 0 0 10px;}
.contact-list ul li{position:relative;padding:0 0 10px 0;}
.contact-list ul li:last-of-type{padding-bottom:0;}
.contact-list ul li span{position:relative;line-height:24px;}
.contact-list ul li span:before{content:'';display:block;position:absolute;left:0;width:20px;height:18px;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;}
.contact-list ul li span.tel{padding:0 0 0 20px;}
.contact-list ul li span.mail{padding:0 0 0 25px;}
.contact-list ul li span.mail:before{top:6px;width:20px;height:12px;background-image:url(/_res/ajou/oia/img/common/ico-mail.png);}
.contact-list ul li span.tel:before{top:2px;width:18px;height:19px;background-image:url(/_res/ajou/oia/img/common/ico-tel.png);}
.contact-list.text ul li{display:inline-block;margin:0 11px 0 0;padding:0 15px 10px 0;}
.contact-list.text ul li:after{content:'';display:block;position:absolute;top:6px;right:0;width:1px;height:11px;background:#c0c0c0;}
.contact-list.text ul li:last-of-type{margin-right:0;padding-right:0;}
.contact-list.text ul li:last-of-type:after{display:none;}

/* 소개 이미지 공통 */ 
.intro-img-box.type01:after{content:'';display:block;clear:both;}
.intro-img-box.type01 > div{float:left;margin:0 10px 10px 0;}
.intro-img-box.type01 > div:last-of-type{margin:0;}
.intro-img-box.type01 > div img{width:100%;}

.intro-img-box.type01.row02 > div{width:calc(50% - 7px);}
.intro-img-box.type01.row02 > div:nth-of-type(2){margin-right:0;}
.intro-img-box.type01.row03 > div{width:calc(33.33% - 7px);}
.intro-img-box.type01.row03 > div:nth-of-type(3){margin-right:0;}
.intro-img-box.type01.row04 > div{width:calc(25% - 8px);}
.intro-img-box.type01.row04 > div:nth-of-type(4){margin-right:0;}

.intro-img-box.type02:after{content:'';display:block;clear:both;}
.intro-img-box.type02 > div{float:left;}
.intro-img-box.type02 > div img{width:100%;}

.intro-img-box.type02.row03 > div{width:33.33%;}
.intro-img-box.type02.row04 > div{width:25%;}

/* introduction > Message from the VP for International Affairs */
.greeting-box > div:after{content:'';display:block;clear:both;}
.greeting-box > div .right-box{float:right;width:200px;}
.greeting-box > div .right-box > img{width:100%;}
.greeting-box > div .left-box{float:left;padding:0 30px 0 0;width:calc(100% - 230px);}
.greeting-box > div .left-box p{word-break:break-word;}
.greeting-box > div .text-box{clear:both;}
.greeting-box .greet-name{position:relative;padding:15px 0 0;}
.greeting-box .greet-name:after{content:'';display:block;position:absolute;top:0;right:0;width:100px;height:1px;background:#666;}
.greeting-box .greet-name span{display:block;padding:0 0 3px;font-size:17px;line-height:25px;}
.greeting-box .greet-name span:last-of-type{padding:0;}

/* introduction > About OIA > Organizational Structure 조직도 */
.organ-box{text-align:center;}
.organ-box div > div{border-radius:70px;}
.organ-box div > div p{font-size:16px;line-height:24px;letter-spacing:-1px;}
.organ-box div > div p:nth-of-type(1){font-weight:500;font-size:20px;line-height:25px;}
.organ-box div > div:before{content:'';display:block;position:absolute;width:13px;height:13px;border-radius:50px;}
.organ-box .organ-top-box{padding:0 0 22px;}
.organ-box .organ-top-box > div{display:inline-block;position:relative;z-index:10;padding:25px 20px;width:23%;border:17px solid #005fae;background:#fff;box-sizing:border-box;}
.organ-box .organ-top-box > div:before{top:100%;left:50%;width:17px;height:17px;background:#3180c2;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.organ-box .organ-top-box > div:after{content:'';display:block;position:absolute;top:calc(100% + 17px);left:50%;width:1px;height:68%;border-right:1px dashed #a5a5a5;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.organ-box .organ-middle-box{position:relative;margin:0 auto;padding:0 0 92px;width:70%;}
.organ-box .organ-middle-box:after{content:'';display:block;clear:both;}
.organ-box .organ-middle-box > div{position:relative;float:left;padding:5px 10px;width:36%;border:13px solid #11a3cd;background:#fff;box-sizing:border-box;}
.organ-box .organ-middle-box > div:before{top:50%;left:100%;background:#1080af;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.organ-box .organ-middle-box > div:after{content:'';display:block;position:absolute;top:50%;left:calc(100% + 13px);width:100%;height:1px;border-top:1px dashed #a5a5a5;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.organ-box .organ-middle-box > div:last-of-type{float:right;margin:0;}
.organ-box .organ-middle-box > div:last-of-type:after{display:none;}
.organ-box .organ-middle-box > div:last-of-type:before{right:100%;left:auto;}
.organ-box .organ-bottom-box{position:relative;margin:0 auto;width:58%;}
.organ-box .organ-bottom-box:before{content:'';display:block;position:absolute;top:-53px;left:50%;width:56.5%;height:1px;border-top:1px dashed #a5a5a5;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.organ-box .organ-bottom-box:after{content:'';display:block;position:absolute;bottom:calc(100% + 53px);left:50%;width:1px;height:96%;border-right:1px dashed #a5a5a5;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.organ-box .organ-bottom-box > div:after{content:'';display:block;clear:both;}
.organ-box .organ-bottom-box > div > div{position:relative;float:left;padding:5px 10px;width:43%;border:13px solid #e4e4e4;border-radius:70px;box-sizing:border-box;}
.organ-box .organ-bottom-box > div > div:before{bottom:100%;left:50%;background:#cacaca;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.organ-box .organ-bottom-box > div > div:after{content:'';display:block;position:absolute;bottom:calc(100% + 13px);left:50%;width:1px;height:53px;border-right:1px dashed #a5a5a5;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.organ-box .organ-bottom-box > div > div:last-of-type{float:right;margin:0;}

.organ-info-box{display:table;width:100%;table-layout:fixed;}
.organ-info-box > div{display:table-cell;padding:0 20px 30px 0;width:50%;}
.organ-info-box > div:nth-of-type(2n){padding:0 0 30px;}

/* introduction > partnership */
.map-wrap{position:relative;}
.map-wrap .mobile{display:none;}
.map-wrap .map-img{display:block;margin:0 auto;max-width:100%;}
.js-map-popup{display:none;position:absolute;}
.js-map-popup a{padding:15px 20px;background:#fff;border:1px solid #d8d8d8;border-radius:10px;font-size:17px;line-height:25px;color:#333;}

/* introduction > international visit > direction to ajou */
.video-box{text-align:center;}
.video-box iframe{max-width:100%;width:740px;height:416px;}

/* outgoing-programs > 교환학생 > 장학금 유형 */
.slo-box{position:relative;padding:104px 10px 80px;background:url(/_res/ajou/oia/img/outgoing/bg-slo.gif) no-repeat right 50%;}
.slo-box:after{content:'';display:block;position:absolute;top:68px;left:50%;width:37px;height:22px;background:url(/_res/ajou/oia/img/outgoing/ico-quotes.png) no-repeat 50% 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);box-sizing:border-box;}
.slo-box p{font-size:20px;line-height:27px;text-align:center;color:#fff;}
.slo-box p > span{font-weight:500;}

/* outgoing-programs > 교환학생 > 본교지원/선발절차 */
.process-wrap > div{position:relative;padding:0 0 70px;}
.process-wrap > div:after{content:'';display:block;position:absolute;bottom:20px;left:50%;width:30px;height:29px;background:url(/_res/ajou/oia/img/outgoing/ico-arr.png) no-repeat 50% 50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);box-sizing:border-box;}
.process-wrap > div:last-of-type:after{display:none;}

.process-box01 ul{position:relative;padding:70px 0;text-align:center;}
.process-box01 ul li{position:relative;display:inline-block;margin:0 -21px 0 0;width:33.33%;max-width:243px;}
.process-box01 ul li:before{content:'';display:block;position:absolute;top:50%;left:50%;z-index:10;width:100%;height:50px;background:#fff url(/_res/ajou/oia/img/outgoing/ico-arr02.png) no-repeat left 50%;transform:translate(-50%,-50%);}
.process-box01 ul li:after{content:'';display:block;position:absolute;top:50%;left:50%;width:100%;height:246px;border:12px solid #e3e8ed;border-radius:50%;transform:translate(-50%,-50%);box-sizing:border-box;}
.process-box01 ul li:first-of-type:before{background:#fff;}
.process-box01 ul li:nth-of-type(2):after{border-color:#9cbbda;}
.process-box01 ul li p{position:relative;z-index:20;}
.process-box01 ul li p:first-of-type{padding:60px 0 0;background-repeat:no-repeat;background-position:50% top;font-weight:500;font-size:17px;line-height:25px;}
.process-box01 ul li p:nth-of-type(2){font-size:16px;line-height:24px;letter-spacing:-1px;}
.process-box01 ul li:nth-of-type(1) p:first-of-type{background-image:url(/_res/ajou/oia/img/outgoing/ico-pro01.png);}
.process-box01 ul li:nth-of-type(2) p:first-of-type{background-image:url(/_res/ajou/oia/img/outgoing/ico-pro02.png);}
.process-box01 ul li:nth-of-type(3) p:first-of-type{background-image:url(/_res/ajou/oia/img/outgoing/ico-pro03.png);}

/* outgoing-programs > 교환학생 > 파견교지원절차 */
.process-box02.type01 > ul{padding:15px 0 0;}
.process-box02.type01 > ul:after{content:'';display:block;clear:both;}
.process-box02.type01 > ul li{display:table;position:relative;float:left;margin:0 40px 0 0;padding:0 10px;width:calc(16.66% - 34px);min-height:130px;background:#f3f3f3;border-radius:10px;box-sizing:border-box;text-align:center;table-layout:fixed;}
.process-box02.type01 > ul li:after{content:'';display:block;position:absolute;top:50%;right:-25px;width:9px;height:15px;background:url(/_res/ajou/oia/img/outgoing/ico-arr04.png) no-repeat 50% 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.process-box02.type01 > ul li:last-of-type{margin:0;}
.process-box02.type01 > ul li:last-of-type:after{display:none;}
.process-box02.type01 > ul li > p{position:absolute;top:-15px;left:50%;padding:3px 0;width:80px;background:#228bd5;border-radius:20px;font-size:15px;line-height:23px;color:#fff;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.process-box02.type01 > ul li > div{display:table-cell;width:100%;vertical-align:middle;}
.process-box02.type01 > ul li > div p:nth-of-type(1){position:relative;padding:0 0 7px;font-weight:500;font-size:16px;line-height:21px;}
.process-box02.type01 > ul li > div p:nth-of-type(1):after{content:'';display:block;position:absolute;bottom:0;left:50%;width:12px;height:1px;background:#00579f;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.process-box02.type01 > ul li > div p:nth-of-type(2){font-size:15px;line-height:23px;color:#666666;}

.process-box03 > div{position:relative;text-align:right;}
.process-box03 > div:after{content:'';display:block;position:absolute;top:8px;left:50%;width:1px;height:100%;border-right:1px solid #d7d7d7;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.process-box03 > div:before{content:'';display:block;position:absolute;bottom:-10px;left:50%;width:7px;height:7px;background:#d7d7d7;border-radius:10px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.process-box03 div div{position:relative;width:50%;box-sizing:border-box;}
.process-box03 div div:after{content:'';display:block;position:absolute;top:8px;left:-5px;z-index:10;width:11px;height:11px;border:2px solid #499add;border-radius:50%;background:#fff;box-sizing:border-box;}
.process-box03 div div:before{content:'';display:block;position:absolute;top:13px;left:10px;width:30px;height:1px;border-top:1px dashed #dfdfdf;}
.process-box03 div div:last-of-type{padding-bottom:0;}
.process-box03 div div.right{display:inline-block;padding:0 0 40px 45px;text-align:left;}
.process-box03 div div.left{padding:0 45px 40px 0;}
.process-box03 div div.left:after{left:calc(100% - 5px);}
.process-box03 div div.left:before{left:calc(100% - 40px);}
.process-box03 div div p{display:inline-block;position:relative;padding:0 0 5px 10px;font-weight:500;font-size:17px;line-height:25px;}
.process-box03 div div p:before{content:'';display:block;position:absolute;top:12px;left:0;width:3px;height:3px;background:#333;}
.process-box03 div div ul li{display:inline-block;color:#5c5c5c;}

/* outgoing-programs > 교환학생 > 입학허가/출국 */
.way-box > div{display:table;width:100%;table-layout:fixed;}
.way-box > div > div{display:table-cell;padding:25px 0;vertical-align:middle;border-bottom:1px solid #eee;}
.way-box > div .left-box{width:23%;text-align:center;}
.way-box > div .left-box p{padding:50px 10px;border:5px solid #ebebeb;border-radius:10px;font-weight:500;font-size:18px;line-height:25px;}
.way-box > div .right-box{position:relative;padding:10px 0 10px 55px;}
.way-box > div .right-box:before{content:'';display:block;position:absolute;top:50%;left:0;width:36px;height:1px;background:#e1e1e1;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.way-box > div .right-box:after{content:'';display:block;position:absolute;top:50%;left:-10px;width:14px;height:14px;background:#3990da;border-radius:20px;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}

/* outgoing-programs > 교환학생 > 귀국 > 성적처리절차*/
.process-box04:after{content:'';display:block;clear:both;}
.process-box04 > div{position:relative;float:left;padding:0 70px 0 0;width:calc(50% - 35px);}
.process-box04 > div:after{content:'';display:block;position:absolute;top:50%;right:20px;width:22px;height:38px;background:url(/_res/ajou/oia/img/outgoing/ico-arr05.png) no-repeat 50% 50%;}
.process-box04 > div:last-of-type{padding:0;}
.process-box04 > div:last-of-type:after{display:none;}
.process-box04 > div p{padding:24px 0;background:#e3eff9;font-size:17px;line-height:25px;text-align:center;}
.process-box04 > div > div{padding:27px 41px;border:1px solid #dddddd;border-top:none;}

.img-con-box{display:table;width:100%;table-layout:fixed;}
.img-con-box div{display:table-cell;vertical-align:middle;}
.img-con-box div.left-box{padding:0 50px 0 0;width:47%;}
.img-con-box div.left-box img{max-width:100%;}
.img-con-box div.right-box ul li{padding:0 0 20px 12px;}

.after-box > div{display:table;margin:0 0 25px;width:100%;border:1px solid #e2e2e2;table-layout:fixed;box-sizing:border-box;}
.after-box > div:last-of-type{margin:0;}
.after-box > div > div{display:table-cell;vertical-align:middle;}
.after-box > div > .img-box{width:43%;height:294px;}
.after-box > div > .img-box img{width:100%;height:100%;object-fit:cover;}
.after-box > div > .txt-box{padding:20px 40px;}
.after-box > div > .txt-box p{position:relative;padding:0 0 12px 12px;font-weight:500;font-size:18px;line-height:26px;}
.after-box > div > .txt-box p:before{content:'';display:block;position:absolute;top:12px;left:0;width:3px;height:3px;background:#333;border-radius:3px;}

/* outgoing-programs > 파견학교 정보 제목 누르면 컨텐츠 슬라이드다운 */
.h4-pointer{cursor:pointer;}
.h4-pointer:after{content:"";display:inline-block;width:20px;height:15px;margin:0 0 0 10px;background:url(/_res/ajou/gsis/img/outgoing/ico-arr03.png) no-repeat;transition:.3s;}
.h4-pointer.active:after{transform:rotate(180deg);}
.slide-box{display:none;}

/* outgoing-programs > 파란사다리 > 파란사다리 소개 */
.img-con-box{display:table;width:100%;table-layout:fixed;}
.img-con-box > div{display:table-cell;vertical-align:middle;}
.img-con-box .left-box{padding:0 30px 0 0;width:35%;}
.img-con-box .left-box img{max-width:100%;}
.img-con-box .right-box{width:65%;}

/* outgoing-programs > 파란사다리 > 파견대학 정보 */
.paran-info-box:after{content:'';display:block;clear:both;}
.paran-info-box > div{float:left;padding:0 40px 0 0;width:calc(50% - 40px);}
.paran-info-box > div:last-of-type{padding:0;}
.paran-info-box.row02 > div:last-of-type{padding:45px 0 0;}

.info-box01:after{content:'';display:block;clear:both;}
.info-box01 > div{float:left;}
.info-box01 .left-box{padding:0 40px 0 0;width:108px;}
.info-box01 .left-box img{width:100%;}
.info-box01 .right-box{width:calc(100% - 148px);}
.info-box01 .right-box > p{font-weight:500;color:#273878;}
.info-box01 .right-box .link-box{padding:20px 0 0;}

/* outgoing-programs > 파란사다리 > FAQ */
.faq-wrap{border-bottom:1px solid #e1e1e1;}
.faq-wrap .faq-box{border:1px solid #e1e1e1;border-bottom:none;}
.faq-wrap .faq-box > div{padding:20px;}
.faq-wrap .faq-box .q-tit{padding:10px 20px;border-bottom:1px solid #e1e1e1;background-color:#e3eff9;font-weight:500;font-size:17px;line-height:25px;color:#555;}

/* outgoing-programs > 글로벌인턴십 > 선발 및 진행 */
.process-box02.type02 > ul:after{content:'';display:block;clear:both;}
.process-box02.type02 > ul > li{display:table;position:relative;float:left;margin:0 40px 20px 0;padding:10px;width:calc(16.66% - 34px);min-height:210px;background:#f3f3f3;border-radius:10px;box-sizing:border-box;text-align:center;table-layout:fixed;}
.process-box02.type02 > ul > li:after{content:'';display:block;position:absolute;top:50%;right:-25px;width:9px;height:15px;background:url(/_res/ajou/oia/img/outgoing/ico-arr04.png) no-repeat 50% 50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);}
.process-box02.type02 > ul > li:last-of-type{margin-right:0;}
.process-box02.type02 > ul > li:nth-of-type(6n){margin-right:0;}
.process-box02.type02 > ul > li:nth-of-type(6n):after{display:none;}
.process-box02.type02 > ul > li:last-of-type:after{display:none;}
.process-box02.type02 > ul > li > div{display:table-cell;width:100%;vertical-align:middle;}
.process-box02.type02 > ul > li > div p:nth-of-type(1){position:relative;margin:0 0 15px;padding:0 0 15px;font-weight:500;font-size:16px;line-height:21px;}
.process-box02.type02 > ul > li > div p:nth-of-type(1):after{content:'';display:block;position:absolute;bottom:0;left:50%;width:12px;height:1px;background:#00579f;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.process-box02.type02 > ul > li > div p:nth-of-type(2){font-size:15px;line-height:23px;color:#666666;}

/* incomming programs > exchange program > overview */
.info-box02{margin:0 auto;max-width:1130px;}
.info-box02:after{content:'';display:block;clear:both;}
.info-box02 > div{float:left;padding:0 20px 0 0;width:calc(33.33% - 14px);text-align:center;}
.info-box02 > div:last-of-type{padding:0;}
.info-box02 > div > .img-box{margin:0 0 20px 0;border:1px dashed #d8d8d8;}
.info-box02 > div > .img-box img{width:100%;}
.info-box02 > div > p{min-height:70px;box-sizing:border-box;text-align:center;}

/* Admission > 정부초청장학생 > KGSP 안내 */
.process-box05 ul{text-align:center;}
.process-box05 ul li{display:inline-block;position:relative;padding:0 40px 0 0;width:calc(33.33% - 40px);max-width:255px;vertical-align:top;}
.process-box05 ul li:last-of-type{padding:0;}
.process-box05 ul li p{position:relative;margin:0 0 15px;font-size:17px;line-height:25px;}
.process-box05 ul li p:last-of-type{margin:0;}
.process-box05 ul li p.mark-p02{display:inline-block;}
.process-box05 ul li .pro-tit{margin:0 0 25px;padding:80px 0 67px 0;}
.process-box05 ul li .pro-tit:before{content:'';display:block;position:absolute;top:50%;right:-25px;width:11px;height:23px;background:url(/_res/ajou/oia/img/outgoing/ico-arr06.png) no-repeat 50% 50%/100%;transform:translateY(-50%);}
.process-box05 ul li .pro-tit:after{content:'';display:block;position:absolute;top:0;left:50%;width:176px;height:176px;border-radius:50%;transform:translateX(-50%);}
.process-box05 ul li:nth-of-type(1) .pro-tit:after{background:#0a5ca8;}
.process-box05 ul li:nth-of-type(2) .pro-tit:after{background:#3686be;}
.process-box05 ul li:nth-of-type(3) .pro-tit:after{background:#83919e;}
.process-box05 ul li:last-of-type .pro-tit:before{display:none;}
.process-box05 ul li .pro-tit span{position:relative;z-index:10;padding:7px 0 0;font-size:22px;line-height:30px;color:#fff;}
.process-box05 ul li .pro-tit span:before{content:'';display:block;position:absolute;top:0;left:50%;width:25px;height:1px;background:#fff;transform:translateX(-50%);}

.process-box05.en ul li .pro-tit{padding:60px 0 56px 0;}

/* Admission > Admission Support > visa */
.visa-box ul li{display:inline-block;position:relative;margin:0 46px 0 0;width:calc(20% - 42px);border:1px solid #eaeaea;vertical-align:top;}
.visa-box ul li:after{content:'';display:block;position:absolute;top:50%;right:-30px;width:11px;height:23px;background:url(/_res/ajou/oia/img/outgoing/ico-arr06.png) no-repeat 50% 50%/100%;transform:translateY(-50%);}
.visa-box ul li:last-of-type{margin:0;}
.visa-box ul li:last-of-type:after{display:none;}
.visa-box ul li div:nth-of-type(1){border-bottom:1px solid #eaeaea;text-align:center;}
.visa-box ul li div:nth-of-type(2){display:table;padding:10px 20px;width:100%;min-height:157px;table-layout:fixed;background-color:#ededed;box-sizing:border-box;}
.visa-box ul li div img{max-width:100%;}
.visa-box ul li div p{display:table-cell;font-size:17px;line-height:25px;text-align:center;vertical-align:middle;}

/* Admission > admission support > insurance */
.bg-wrap{padding:0 0 30px;}
.bg-wrap .bg-box02{margin:0 0 15px;padding:20px;border:1px solid #d6e1ed;border-radius:10px;background-color:#f2f6fa;}
.bg-wrap .bg-box02:last-of-type{margin:0;}
.bg-wrap .bg-box02 p{font-weight:400;font-size:17px;line-height:26px;color:#36414b;text-align:center;}

.charge-box > ul{text-align:center;}
.charge-box > ul > li{display:inline-block;position:relative;padding:0 47px 0 0;width:calc(33.33% - 34px);max-width:340px;vertical-align:top;}
.charge-box > ul > li:after{content:'';display:block;position:absolute;top:90px;right:20px;width:15px;height:34px;background:url(/_res/ajou/oia/img/admission/ico-arr07.png) no-repeat 50% 50%/100%;}
.charge-box > ul > li:last-of-type{padding:0;}
.charge-box > ul > li:last-of-type:after{display:none;}
.charge-box > ul > li p{line-height:24px;color:#555555;}
.charge-box > ul > li ul li{display:inline-block;color:#555555;}
.charge-box > ul > li .crg-tit{position:relative;padding:25px 0 10px;font-weight:500;font-size:17px;line-height:25px;}
.charge-box > ul > li .crg-tit:before{content:'';display:block;position:relative;top:-18px;left:50%;width:78px;height:70px;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
.charge-box > ul > li:nth-of-type(1) .crg-tit:before{background-image:url(/_res/ajou/oia/img/admission/ico-ins01.png);}
.charge-box > ul > li:nth-of-type(2) .crg-tit:before{background-image:url(/_res/ajou/oia/img/admission/ico-ins02.png);}
.charge-box > ul > li:nth-of-type(3) .crg-tit:before{background-image:url(/_res/ajou/oia/img/admission/ico-ins03.png);}

/* student life > global supporters > AGA */
.about-box{border-top:2px solid #333;border-bottom:1px solid #ccc;}
.about-box > div{display:inline-block;margin:0 -4px 0 0;padding:20px 10px;width:50%;border-right:1px solid #ccc;border-top:1px solid #ccc;box-sizing:border-box;vertical-align:top;}
.about-box > div:nth-of-type(1){width:100%;}
.about-box > div:nth-of-type(2n-1){border-right:none;}
.about-box > div ul li{word-break:break-all;}

/* student life > global supporters > 누비아주 */
.img-list-box > div{display:inline-block;margin:0 20px 0 0;width:calc(50% - 12px);}
.img-list-box > div:last-of-type{margin:0;}
.img-list-box > div > img{width:100%;}

/* 찾아오시는길 google map */
.google-map {   width: 100%;    height: 350px; }

/* 레이어 팝업 - 20211005 */
.layer-popup-outer{position:fixed;top:0;left:0;padding:80px 50px;z-index:0;width:100%;height:100%;text-align:center;box-sizing:border-box;overflow-y:auto;-ms-overflow-style: none;scrollbar-width: none; /* Firefox */}
.layer-popup-outer::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
.layer-popup-outer.on{z-index:50;background-color:rgba(0,0,0,0.4);}
.layer-popup-outer .layer-popup-wrap{display:inline-block;position:relative;z-index:40;margin:0 20px 20px 0;padding: 50px 25px 20px;width:460px;height: 450px;background-color:#fff;vertical-align:top;box-sizing:border-box;overflow: auto;}
.layer-popup-outer .layer-popup-wrap img{max-width:100%;}
.layer-popup-outer .layer-popup-wrap .btn-box{position: absolute;top: 10px;right: 25px;width: 100%;background-color: #fff;text-align: right;box-sizing: border-box;}
.layer-popup-outer .layer-popup-wrap .btn-box .btn-layer-close{display:inline-block;margin:0 4px 0 0;padding:2px 10px;border:1px solid #ccc;font-size:14px;color:#333;border-radius:5px;}
.layer-popup-outer .layer-popup-wrap .btn-box .btn-layer-close:last-of-type{margin:0;}

@media screen and (max-width: 1480px) {
	/* bottom-footer */
	.bottom-footer-box .btn-top{left:unset;right:0;}
}
@media screen and (max-width: 1280px) {
	/* gnb */
	.gnb-ul > li{padding:0 24px;}

	/* main-visual*/
	.screen{display:none;opacity:0;}
	.main-visual-box .vi02 .main-visual-img-box:after{left:6%;}

	/* top-footer */
	.footer-quick-box > ul > li{margin:0 20px 0 0;padding:0 20px 0 0;width:calc(25% - 30px);}
	.footer-quick-box > ul > li > a{padding:50px 0 50px 96px;}
	.footer-quick-box > ul > li > a{text-align:right;}

	/* path */
	.path-depth-wrap > ul > li{min-width:225px;}
}
@media screen and (max-width: 1080px) {
	/* introduction > partnership */
	.map-wrap .pc{display:none;}
	.map-wrap .mobile{display:block;}
	.js-map-popup{display:none;}
}
@media screen and (max-width: 1024px) {
	/* layout */
	.top-header-wrap{display:none;}
	.bottom-header-wrap{display:none;}

	/* middle-header */
	.middle-header-box{padding:0 10px;border-bottom:2px solid #00579f;}
	.middle-header-box:after{content:'';display:block;clear:both;}
	.middle-header-box h1{float:left;padding:19px 0;}
	.middle-header-box h1 a:nth-of-type(1){padding:0 10px 0 0;width:180px;}
	.middle-header-box .btn-menu{display:block;float:right;margin:26px 0;width:30px;height:21px;}
	.middle-header-box h1 a span.m-logo{font-size:20px;line-height:28px;vertical-align:middle;}

	/* main-visual */
	.main-visual-box:after{display:none;}
	.main-visual-box .vi02 .main-visual-img-box{float:none;width:100%;}
	.main-visual-box .vi02 .main-visual-img-box:after{display:none;}
	.main-visual-box .control-wrap{bottom:60px;left:53%;opacity:0;}
	.main-visual-box .control-wrap a{bottom:0;top:auto;width:11px;height:20px;border:none;border-radius:0;}
	.main-visual-box .control-wrap a:hover:before{animation:none;}
	.main-visual-box .control-wrap a:hover:after{animation:none;}
	.main-visual-box .control-wrap a:after, .control-wrap a:before{display:none;}
	.main-visual-box .control-wrap a:hover:after,.control-wrap a:hover:before{animation:none;border:none;}
	.main-visual-box .control-wrap .prev{left:-90px;background:url(/_res/ajou/oia/img/main/btn-prev02.png) no-repeat 50% 50%;}
	.main-visual-box .control-wrap .next{left:70px;background:url(/_res/ajou/oia/img/main/btn-next02.png) no-repeat 50% 50%;}
	.main-visual-box .cnt-wrap{display:none;}
	.main-visual-box .txt-box{top:auto;bottom:35px;left:50%;padding:25px 25px 70px 25px;width:87%;max-width:570px;background:#00579f;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);box-sizing:border-box;}
	.main-visual-box .txt-box .item-num{display:none;}
	.main-visual-box .txt-box .txt01{font-size:30px;line-height:40px;}
	.main-visual-box .owl-theme .owl-dots{opacity:1;}
	.main-visual-box .owl-theme .owl-dots{bottom:62px;}
	.main-visual-box .mini-board-ctrl{bottom:69px;left:calc(50% + 60px);opacity:1;}

	/* top-footer */
	.top-footer-wrap{padding:0;}
	.footer-quick-box > ul > li{margin:0;padding:35px 0 0;width:50%;float: left;box-sizing:border-box;}
	.footer-quick-box > ul > li:last-of-type{padding:35px 0 0;}
	.footer-quick-box > ul > li:after{display:none;}
	.footer-quick-box > ul > li:first-of-type:after{display:block;top: 150%;height: 400px;}
	.footer-quick-box > ul{position:relative;}
	.footer-quick-box > ul:before{content:'';display:block;position:absolute;top: 33%;left:50%;width: 60%;height:1px;background:url(/_res/ajou/oia/img/main/img-dotted03.png) repeat-x 0 0;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:transform:translate(-50%,-50%);}
	.footer-quick-box > ul > li > a{padding:138px 0 35px 0;font-size:16px;line-height:24px;text-align:center;}
	.footer-quick-box > ul > li > a:before{top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.footer-quick-box > ul > li > a:after{top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}

	.footer-quick-box{position:relative}
	.footer-quick-box:before {content: '';display: block;position: absolute;top: 67%;left: 50%;width: 60%;height: 1px;background: url(/_res/ajou/oia/img/main/img-dotted03.png) repeat-x 0 0;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
	.footer-quick-box > ul > li > a{padding: 90px 0 35px 0;font-size:16px;line-height:24px;text-align:center;}
	.footer-quick-box > ul > li > a:before{top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.footer-quick-box > ul > li > a:after{top:0;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}

	/* bottom-footer */
	.bottom-footer-wrap{padding:30px 10px;}
	.bottom-footer-box .footer-logo-box{padding:0 0 10px;}
	.bottom-footer-box .footer-info-box p{display:block;margin:0;padding:0 0 9px;font-size:15px;line-height:23px;}
	.bottom-footer-box .footer-info-box p:after{display:none;}
	.bottom-footer-box .btn-top{top:-55px;padding:12px;width:50px;height:50px;}
	.bottom-footer-box .btn-top span{padding:12px 0 0;background-size:10px;font-size:13px;}

	/* path */
	.path-depth-wrap > ul > li{min-width:160px;}

	/* introduction > About OIA > Organizational Structure 조직도 */
	.organ-box .organ-top-box > div{width:33%;}
	.organ-box .organ-middle-box{width:100%;}
	.organ-box .organ-bottom-box{width:90%;}

	/* outgoing-programs > 교환학생 > 파견교지원절차 */
	.process-box02.type01 > ul li{margin:0 40px 30px 0;width:calc(33.33% - 40px);}

	/* outgoing-programs > 글로벌인턴십 > 선발 및 진행 */
	.process-box02.type02 > ul > li{margin:0 40px 30px 0;width:calc(33.33% - 40px);}
	.process-box02.type02 > ul > li:nth-of-type(6n):after{display:block;}
	.process-box02.type02 > ul > li:nth-of-type(3n):after{display:block;}
}
@media screen and (max-width: 768px) {
	.con-box{padding:0 0 25px;}
	.slo-p01{padding:0 0 12px 0;font-size:16px;line-height:21px;}
	.slo-p02{padding:0 0 12px 33px;font-size:15px;line-height:20px;}
	.slo-p02:before{width:25px;height:25px;bottom:5px;background-size:25px;}
	.slo-p02:after{bottom:5px;left:23px;}
	.inner-box{padding:0 0 18px;}
	.h4-tit01{padding:0 0 12px 24px;font-size:18px;line-height:23px;}
	.h4-tit01:before{top:2px;width:18px;height:19px;background-size:100%;}
	.h5-tit01{padding:0 0 10px;font-size:16px;line-height:21px;}
	.h5-tit02{padding:0 0 15px;font-size:16px;line-height:21px;}
	.h6-tit01{padding:0 0 10px;font-size:15px;line-height:21px;}
	.con-p{padding:0 0 12px 0;font-size:14px;line-height:22px;}
	.bg-box01{padding:15px;}
	.mark-p01{padding:0 0 0 18px;font-size:14px;line-height:22px;}
	.mark-p02{padding:0 0 0 8px;font-size:14px;line-height:22px;}
	.ul-type01 > li{padding:0 0 0 8px;font-size:14px;line-height:22px;}
	.ul-type01 > li:after{width:3px;height:3px;}
	.ul-type02 > li{padding:0 0 0 8px;font-size:14px;line-height:22px;}
	.ul-type02 > li:after{top:12px;}
	.ul-type03 > li{font-size:14px;line-height:22px;}
	.ul-type04{padding:0 0 0 8px;}
	.ul-type04 > li{font-size:14px;line-height:22px;}
	.ol-type01 > li{margin:0 0 0 15px; font-size:14px;line-height:22px;}	

	/* 링크박스 */
	.link-box.d-ib ul li{padding:0 6px 10px 0;}
	.link-box ul li{padding:0 0 20px 0;}
	.link-box ul li a{padding:7px 12px;font-size:14px;}
	.link-box ul li a:after{margin:0 0 0 12px;}
	.link-box ul li a.link:after{width:14px;height:14px;}

	/* small link */
	.s-btn{padding:4px 8px;font-size:12px;border-radius:4px;}
	.s-btn:after{margin:0 0 0 5px;}
	.s-link:after{width:11px;height:11px;}
	.s-down:after{width:12px;height:10px;}
	.h5-tit01 .s-btn{font-size:12px;}

	/* layout */
	.content-wrap{padding:0 10px 50px;}

	/* main-visual */
	.main-visual-box .main-visual-img-box{height:509px;}
	.main-visual-box .vi02 .main-visual-img-box{height:509px;}
	.main-visual-box .txt-box{bottom:10px;padding:20px 20px 50px 20px;}
	.main-visual-box .txt-box .txt01{font-size:20px;line-height:28px;}
	.main-visual-box .owl-theme .owl-dots{bottom:25px;}
	.main-visual-box .owl-theme .owl-dots .owl-dot span{width:10px;height:10px;}
	.main-visual-box .mini-board-ctrl{bottom:30px;left:calc(50% + 35px);width:9px;}

	/* main-content01 */
	.main-content-wrap01:after{display:none;}
	.main-content-wrap01:before{display:none;}
	.main-content-box01 .main-mini-wrap{padding:0;}
	.main-content-box01 .main-mini-wrap .main-mini-box .main-title{padding:0 0 15px 0;font-size:20px;line-height:28px;}
	.main-content-box01 .main-mini-wrap .main-mini-box .btn-more01{top:32px;right:10px;width:50px;height:24px;}

	.main-content-box01 .main-mini-wrap .main-mini-box{float:none;box-sizing:border-box;}
	.main-content-box01 .main-mini-wrap .main-mini-box01{padding:30px 10px;width:100%;}
	.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-content{display:none;}
	.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-board-content > div > div{float:none;padding:0 0 20px;width:100%;min-height:auto;}
	.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-board-content > div > div:nth-of-type(2){padding:0 0 20px;}
	.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-board-content > div > div:nth-of-type(3){padding:0 0 20px;}
	.main-content-box01 .main-mini-wrap .main-mini-box01 .main-sub-title{padding:2px 10px;font-size:15px;line-height:23px;}
	.main-content-box01 .main-mini-wrap .main-mini-box01 .mini-title-box span{font-size:15px;line-height:23px;}
	.main-content-box01 .main-mini-wrap .main-mini-box02{padding:30px 10px;width:100%;background:#f2f2f2;}
	.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul{padding:15px;}
	.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li{margin:0 0 10px;padding:0 0 10px;}
	.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li a span{padding:0 0 0 11px;font-size:15px;line-height:23px;}
	.main-content-box01 .main-mini-wrap .main-mini-box02 .mini-board-content > ul > li a span:before{top:10px;width:4px;height:4px;}

	/* top-footer*/
	.footer-quick-box > ul > li{padding:20px 0 0;}
	.footer-quick-box > ul > li:last-of-type{padding:20px 0 0;}
	.footer-quick-box > ul > li > a{padding:90px 0 20px 0;}
	.footer-quick-box > ul > li > a{font-size:14px;line-height:22px;}
	.footer-quick-box > ul > li > a:before{width:80px;height:80px;border-radius:80px;}
	.footer-quick-box > ul > li > a:after{width:80px;height:80px;border-radius:80px;}
	.footer-quick-box > ul > li:nth-of-type(1) > a:after{background-size:40px;}
	.footer-quick-box > ul > li:nth-of-type(2) > a:after{background-size:40px;}
	.footer-quick-box > ul > li:nth-of-type(3) > a:after{background-size:40px;}
	.footer-quick-box > ul > li:nth-of-type(4) > a:after{background-size:40px;}
	.footer-quick-box > ul > li:nth-of-type(1) > a:hover:after{background-size:40px;}
	.footer-quick-box > ul > li:nth-of-type(2) > a:hover:after{background-size:40px;}
	.footer-quick-box > ul > li:nth-of-type(3) > a:hover:after{background-size:40px;}
	.footer-quick-box > ul > li:nth-of-type(4) > a:hover:after{background-size:40px;}
	.footer-quick-box > ul > li > a span:before{top:9px;width:4px;height:4px;}

	/* sub visual */
	.sub-visual-box{padding:35px 0;}
	.sub-visual-box h2{padding:0 10px;}
	.sub-visual-box h2:after{height:2px;}
	.sub-visual-box h2 span:nth-of-type(1){font-size:16px;line-height:21px;}
	.sub-visual-box h2 span:nth-of-type(2){padding:0 0 15px;font-size:35px;line-height:40px;}

	/* path */
	.path-box{margin:0;}
	.path{float:none;}
	.path-home{display:none;}
	.path-depth-wrap{width:100%;}
	.path-depth-wrap > ul > li{position:relative;min-width:auto;width:calc(100% / 3);font-size:13px;line-height:18px;box-sizing:border-box;}
	.path-depth-wrap > ul > li:nth-child(3n){border-right:0;}
	.path-depth-wrap > ul > li:nth-child(3n):after{content:'';display:block;position:absolute;bottom:0;right:0;width:300%;height:1px;}
	.path-depth-wrap > ul > li > .path-selected{padding:8px 25px 8px 9px;background-position:right 8px center;font-size:14px;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.path-depth-wrap > ul > li > .path-depth{padding:10px 9px;}
	.path-box .util{display:none;}

	/* title */
	.page-title p{padding:0 0 5px;font-size:14px;line-height:19px;}
	.page-title h3{margin:30px 0 0;padding:0 0 30px;font-size:22px;line-height:30px;}
	.page-title h3:after{bottom:15px;}

	/* 탭 01-01 (4depth) */ 
	.tab01.type01 .m-tab-box{position:relative;margin:0 0 30px;background:#00519f url(/_res/ajou/kr/img/common/ico-tab-open.png) no-repeat center right 15px;background-size:12px;text-align:center;}
	.tab01.type01 .m-tab-box.active{background-image:url(/_res/ajou/kr/img/common/ico-tab-close.png);}
	.tab01.type01 .m-tab-box label{display:block;padding:13px 0;font-size:16px;color:#fff;font-weight:400;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.tab01.type01 .tab-sel{position:absolute;left:0;top:0;width:100%;background:transparent;height:39px;border:0;color:#fff;filter:alpha(opacity=0);opacity:0;}
	.tab01.type01 .tab-sel option{font-size:16px;color:#666;}

	/* 탭 01-02 (5depth) */
	.tab01.type02 .m-tab-box{position:relative;margin:0 0 30px;background:#0067b3 url(/_res/ajou/kr/img/common/btn_m_tab_open.png) no-repeat center right 15px;background-size:12px;text-align:center;}
	.tab01.type02 .m-tab-box.active{background:#0067b3 url(/_res/ajou/kr/img/common/btn_m_tab_close.png) no-repeat center right 15px;}
	.tab01.type02 .m-tab-box label{display:block;padding:13px 0;font-size:14px;color:#fff;font-weight:400;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;overflow:hidden;}
	.tab01.type02 .tab-sel{position:absolute;left:0;top:0;width:100%;background:transparent;height:39px;border:0;color:#fff;filter:alpha(opacity=0);opacity:0;}
	.tab01.type02 .tab-sel option{font-size:14px;color:#666;}

	/* 연락처 공통 */
	.contact-box > div{display:block;}
	.contact-box > div > div{margin:0 0 8px;padding:0 0 8px;}
	.contact-box.row03 > div{margin:0 0 10px 0;padding:10px 15px;width:auto;min-height:auto;}
	.contact-box.row03 div h5{font-size:15px;line-height:23px;}
	.contact-box.row03 div p{padding:0 0 10px;font-size:14px;line-height:22px;}

	.contact-list{padding:0 0 0 5px;}
	.contact-list ul li{padding:0 0 5px 0;}
	.contact-list ul li span{font-size:14px;line-height:22px;}
	.contact-list ul li span.mail:before{top:4px;}
	.contact-list ul li span a{font-size:14px;line-height:22px;}
	.contact-list.text ul li{margin:0 5px 0 0;padding:0 9px 5px 0;}

	/* 소개 이미지 공통 */
	.intro-img-box.type01.row04 > div{margin:0 10px 10px 0;width:calc(50% - 5px);}
	.intro-img-box.type01.row04 > div:nth-of-type(2n){margin-right:0;}

	.intro-img-box.type02.row04 > div{width:33.33%;}

	/* introduction > Message from the VP for International Affairs */
	.greeting-box > div .right-box{float:none;margin:0 auto 10px;width:auto;max-width:200px;}
	.greeting-box > div .left-box{float:none;padding:0;width:auto;}
	.greeting-box .greet-name{padding:10px 0 0;}
	.greeting-box .greet-name:after{width:90px;}
	.greeting-box .greet-name span{font-size:15px;line-height:23px;}

	/* introduction > About OIA > Organizational Structure 조직도 */
	.organ-box div > div p:nth-of-type(1){font-size:16px;line-height:24px;}
	.organ-box div > div p{font-size:15px;line-height:23px;}
	.organ-box .organ-top-box{padding:0 0 15px;}
	.organ-box .organ-top-box > div{padding:10px;width:100%;border-width:10px;}
	.organ-box .organ-top-box > div:after{top:calc(100% + 10px);height:335px;}
	.organ-box .organ-top-box > div:before{width:10px;height:10px;}
	.organ-box .organ-middle-box{margin:0;padding:0 0 15px;width:100%;z-index:10;}
	.organ-box .organ-middle-box > div{float:none;margin:0 0 15px;width:100%;border-width:10px;box-sizing:border-box;}
	.organ-box .organ-middle-box > div:after{display:none;}
	.organ-box .organ-middle-box > div:before{top:-10px;left:50%;width:10px;height:10px;transform:translateX(-50%);}
	.organ-box .organ-middle-box > div:last-of-type:before{top:-10px;left:50%;right:auto;transform:translateX(-50%);}
	.organ-box .organ-bottom-box{margin:0;width:100%;}
	.organ-box .organ-bottom-box:before{display:none;}
	.organ-box .organ-bottom-box:after{display:none;}
	.organ-box .organ-bottom-box > div > div{float:none;margin:0 0 15px;width:100%;border-width:10px;z-index:10;background:#fff;box-sizing:border-box;}
	.organ-box .organ-bottom-box > div > div:after{display:none;}
	.organ-box .organ-bottom-box > div > div:before{width:10px;height:10px;}

	.organ-info-box{display:block;}
	.organ-info-box div{display:block;padding:0 0 18px 0;width:auto;}
	.organ-info-box div:nth-of-type(2n){padding:0 0 18px;}

	/* introduction > international visit > direction to ajou */
	.video-box iframe{width:100% !important;height:320px !important;}

	/* outgoing-programs > 교환학생 > 장학금 유형 */
	.slo-box{padding:80px 10px 40px;}
	.slo-box p{font-size:16px;line-height:24px;}
	.slo-box:after{top:50px;width:25px;background-size:25px;}

	/* outgoing-programs > 교환학생 > 본교지원/선발절차 */
	.process-wrap > div{padding:0 0 35px;}
	.process-wrap > div:after{bottom:5px;width:20px;height:21px;background-size:20px;}

	.process-box01 ul{padding:20px 0;}
	.process-box01 ul li{display:block;margin:0 auto 10px;padding:43px 0;width:auto;max-width:210px;}
	.process-box01 ul li:before{width:50px;height:calc(100% + 30px);background:#fff url(/_res/ajou/oia/img/outgoing/ico-arr03.png) no-repeat 50% 5px;}
	.process-box01 ul li:after{height:210px;}
	.process-box01 ul li p:first-of-type{padding:50px 0 0;background-size:43px;font-size:16px;line-height:24px;}
	.process-box01 ul li p:nth-of-type(2){font-size:14px;line-height:22px;}
	.process-box01.en ul li{padding:32px 0;}

	/* outgoing-programs > 교환학생 > 파견교지원절차 */
	.process-box02.type01 > ul{padding:15px 0 0;}
	.process-box02.type01 > ul li{margin:0 20px 30px 0;width:calc(50% - 20px);min-height:90px;}
	.process-box02.type01 > ul li:after{right:-15px;background-size:7px;}
	.process-box02.type01 > ul li > p{padding:2px 10px;width:auto;font-size:14px;line-height:22px;}
	.process-box02.type01 > ul li > div p:nth-of-type(1){padding:0 0 5px;font-size:15px;line-height:23px;}
	.process-box02.type01 > ul li > div p:nth-of-type(2){font-size:14px;line-height:22px;}

	.process-box03 > div:before{left:10px;}
	.process-box03 > div:after{left:10px;}
	.process-box03 div div{width:100%;}
	.process-box03 div div:after{left:5px;}
	.process-box03 div div:before{left:20px;width:15px;}
	.process-box03 div div p{font-size:15px;line-height:23px;}
	.process-box03 div div.right{padding:0 0 15px 40px;}
	.process-box03 div div.left{padding:0 0 15px 40px;text-align:left;}
	.process-box03 div div.left:before{left:20px;}
	.process-box03 div div.left:after{left:5px;}

	/* outgoing-programs > 교환학생 > 입학허가/출국 */
	.way-box > div{display:block;}
	.way-box > div > div{display:block;padding:15px 0;}
	.way-box > div .left-box{width:auto;}
	.way-box > div .left-box p{padding:7px 0;font-size:15px;line-height:23px;}
	.way-box > div .right-box{padding:10px 0;}
	.way-box > div .right-box:before{top:-20px;left:50%;width:1px;height:20px;transform:translateX(-50%);}
	.way-box > div .right-box:after{top:-22px;left:50%;width:7px;height:7px;transform:translateX(-50%);}

	/* outgoing-programs > 교환학생 > 귀국 > 성적처리절차*/
	.process-box04 > div{float:none;padding:0 0 30px 0;width:100%;}
	.process-box04 > div:after{top:auto;bottom:8px;left:50%;right:auto;width:21px;height:13px;background:url(/_res/ajou/oia/img/outgoing/ico-arr05-1.png) no-repeat 50% 50%;background-size:21px;transform:translateX(-50%);}
	.process-box04 > div p{padding:10px 0;font-size:15px;line-height:23px;}
	.process-box04 > div > div{padding:12px;}

	.img-con-box{display:block;width:auto;}
	.img-con-box div{display:block;}
	.img-con-box div.left-box{padding:0 0 15px 0;width:auto;}
	.img-con-box div.right-box ul li{padding:0 0 0 8px;}

	.after-box > div{margin:0 0 15px;}
	.after-box > div > div{display:block;}
	.after-box > div > .txt-box{padding:15px;}
	.after-box > div > .txt-box p{font-size:15px;line-height:23px;padding:0 0 8px 8px;}
	.after-box > div > .img-box{width:auto;}

	/* outgoing-programs > 파란사다리 > 파란사다리 소개 */
	.img-con-box{display:block;width:auto;}
	.img-con-box > div{display:block;}
	.img-con-box .left-box{padding:0 0 15px;width:auto;}
	.img-con-box .left-box img{width:auto;}
	.img-con-box .right-box{width:auto;}

	/* outgoing-programs > 파란사다리 > 파견대학 정보 */
	.paran-info-box > div{float:none;padding:0 0 25px;width:auto;}
	.paran-info-box.row02 > div:last-of-type{padding:0;}
	.info-box01 > div{float:none;}
	.info-box01 .left-box{margin:0 auto;padding:0 0 10px 0;}
	.info-box01 .right-box{width:100%;}
	.info-box01 .right-box .link-box{padding:10px 0 0;}

	/* outgoing-programs > 파란사다리 > FAQ */
	.faq-wrap .faq-box > div{padding:15px;}
	.faq-wrap .faq-box .q-tit{padding:10px 15px;font-size:15px;line-height:23px;}

	/* outgoing-programs > 글로벌인턴십 > 선발 및 진행 */
	.process-box02.type02 > ul{padding:15px 0 0;}
	.process-box02.type02 > ul > li{margin:0 20px 20px 0;width:calc(50% - 20px);min-height:150px;}
	.process-box02.type02 > ul > li:after{right:-15px;background-size:7px;}
	.process-box02.type02 > ul > li:nth-of-type(6n){margin-right:20px;}
	.process-box02.type02 > ul > li:last-of-type:after{display:none;}
	.process-box02.type02 > ul > li > p{padding:2px 10px;width:auto;font-size:14px;line-height:22px;}
	.process-box02.type02 > ul > li > div p:nth-of-type(1){margin:0 0 5px;padding:0 0 5px;font-size:15px;line-height:23px;}
	.process-box02.type02 > ul > li > div p:nth-of-type(2){font-size:14px;line-height:22px;}

	/* incomming programs > exchange program > overview */
	.info-box02 > div{float:none;padding:0 0 20px 0;width:100%;}
	.info-box02 > div > .img-box{margin:0 auto 10px;max-width:320px;}
	.info-box02 > div > p{min-height:auto;}

	/* Admission > 정부초청장학생 > KGSP 안내 */
	.process-box05 ul li{display:block;margin:0 0 15px;padding:0 0 25px;width:100%;max-width:100%;}
	.process-box05 ul li:before{content:'';display:block;position:absolute;bottom:0;left:50%;width:23px;height:11px;background-image:url(/_res/ajou/oia/img/outgoing/ico-arr06-1.png);transform:translateX(-50%);}
	.process-box05 ul li:last-of-type:before{display:none;}
	.process-box05 ul li p{margin:0 0 10px;font-size:15px;line-height:23px;}
	.process-box05 ul li .pro-tit{margin:0 0 10px;padding:60px 0 45px 0;}
	.process-box05 ul li .pro-tit:before{display:none;}
	.process-box05 ul li .pro-tit:after{width:130px;height:130px;}
	.process-box05 ul li .pro-tit span{font-size:17px;line-height:25px;}

	.process-box05.en ul li .pro-tit{padding:40px 0;}

	/* Admission > Admission Support > visa */
	.visa-box ul li{margin:0 20px 20px 0;width:calc(50% - 14px);}
	.visa-box ul li:after{right:-17px;width:9px;height:21px;}
	.visa-box ul li:nth-of-type(2n){margin-right:0;}
	.visa-box ul li:nth-of-type(2n):after{display:none;}
	.visa-box ul li div:nth-of-type(2){padding:10px;min-height:auto;}
	.visa-box ul li div p{font-size:15px;line-height:23px;}

	/* Admission > admission support > insurance */
	.bg-wrap{padding:0 0 20px;}
	.bg-wrap .bg-box02{margin:0 0 10px;padding:15px;}
	.bg-wrap .bg-box02 p{font-size:15px;line-height:23px;}

	.charge-box > ul > li{display:block;margin:0 auto;padding:0 0 35px;width:100%;max-width:327px;}
	.charge-box > ul > li:after{top:auto;left:50%;bottom:10px;right:auto;width:25px;height:11px;background-image:url(/_res/ajou/oia/img/admission/ico-arr07-1.png);transform:translateX(-50%);}
	.charge-box > ul > li p{font-size:14px;line-height:22px;}
	.charge-box > ul > li .crg-tit{padding:20px 0 5px;font-size:15px;line-height:23px;}
	.charge-box > ul > li .crg-tit:before{top:-13px;left:50%;width:65px;height:62px;}
	
	/* 레이어 팝업 - 20211005 */
	.layer-popup-outer{padding:20px 10px;}
	.layer-popup-outer .layer-popup-wrap{margin:0 0 10px 0;padding:50px 15px 10px;width:100%;height:300px;}
}
@media screen and (max-width: 480px) {
	/* main-visual */
	.main-visual-box .vi02 .main-visual-img-box{height:320px;}

	/* 소개 이미지 공통 */
	.intro-img-box.type01 > div{float:none;margin:0 0 10px;}
	.intro-img-box.type01.row02 > div{margin:0 0 10px;width:auto;}
	.intro-img-box.type01.row03 > div{width:100%;}
	.intro-img-box.type01.row04 > div{margin:0 0 10px;width:100%;}

	.intro-img-box.type02.row03 > div{width:50%;}
	.intro-img-box.type02.row04 > div{width:50%;}

	/* outgoing-programs > 교환학생 > 파견교지원절차 */
	.process-box02.type01 > ul li{margin:0 0 30px 0;width:100%;}
	.process-box02.type01 > ul li:after{display:none;}
	.after-box > div > .img-box{height:246px;}

	/* outgoing-programs > 글로벌인턴십 > 선발 및 진행 */
	.process-box02.type02 > ul > li{margin:0 0 20px 0;width:100%;min-height:auto;}
	.process-box02.type02 > ul > li:after{top:calc(100% + 7px);right:auto;left:50%;width:11px;height:7px;background:url(/_res/ajou/oia/img/outgoing/ico-arr04-1.png) no-repeat 50% 50%;background-size:11px;transform:translateX(-50%);-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);}
	.process-box02.type02 > ul > li:last-of-type{margin-bottom:0;}
	.process-box02.type02 > ul > li:last-of-type:after{display:none;}

	/* Admission > Admission Support > visa */
	.visa-box ul li{margin:0 0 25px;width:100%;}
	.visa-box ul li:after{bottom:-20px;left:50%;top:auto;right:auto;width:21px;height:9px;background-image:url(/_res/ajou/oia/img/outgoing/ico-arr06-1.png);transform:translateX(-50%);}
	.visa-box ul li:nth-of-type(2n):after{display:block;}

	/* student life > global supporters > AGA */
	.about-box > div{display:block;padding:15px 10px;width:100%;}
	.about-box > div:nth-of-type(2n){border-right:none;}

	/* student life > global supporters > 누비아주 */
	.img-list-box > div{display:block;padding:0 0 10px 0;width:100%;}
}
@media screen and (max-width: 320px) {
	/* 교환학생 > 파견교지원절차 */
	.after-box > div > .img-box{height:160px;}
}