@charset "UTF-8";

body{font-size:20px;}
/* common */
.h4-tit01{position:relative;padding: 0 0 18px 0px;font-weight:700;font-size:26px;color: #222;line-height:36px;}
.h5-tit01{position:relative;padding:0 0 12px 28px;font-weight:600;font-size:22px;color: #333;line-height:32px;}
.h5-tit01:before{content: '';position: absolute;top: 4px;left: 0;width:18px;height:25px;background: url(/_res/ajou/cie_en/img/common/ico-h5.gif) no-repeat center center;}
.h5-tit02{position:relative;padding:0 0 10px 0;font-weight:500;font-size:22px;color:#092e71;line-height:32px;}
.h6-tit01{position:relative;padding:0 0 10px 0px;font-weight:500;font-size:21px;color:#092e71;line-height:27px;}

.con-box{padding:0 0 50px 0;}
.con-p{padding:0 0 30px 0;color:#333;line-height:32px;letter-spacing:-0.5px;}
.con-p a{color:#666;}
.slo-p{font-size: 26px;color: #3b88d4;padding: 0 0 13px 0;}
.mark-p{position:relative;padding:0 0 0 20px;color:#bb8732;font-size:18px;line-height:28px;letter-spacing:-0.5px;}
.mark-p:before{content:'※';position:absolute;top:0;left:0;}
.mark-p a{color:#999;}
.img-box{text-align:center;}
.img-box.border{border:1px solid #e7e7e7;}
.img-box img{max-width:100%;}
.img-box .zoom-in{padding:10px 0 0;text-align:right;}
.no-pd{padding:0 !important;}
.no-mg{margin:0 !important;}
.txt-red{color:#ff0000;}
.txt-blue{color:#0065b3;}
.txt-hide{visibility: hidden;text-indent: -10000px;overflow: hidden;position: absolute;top: 0;left: 0;width: 1px;height: 1px;margin: -1px;}
.txt-left{text-align:left!important;}
.txt-right{text-align:right!important;}
.txt-center{text-align:center!important;}
.txt-underline {text-decoration: underline;}
.txt-bold{font-weight:500;}



.mg-t10{margin:10px 0 0 0 !important;}
.mg-t20{margin:20px 0 0 0 !important;}
.mg-b10{margin:0 0 10px 0 !important;}
.mg-b20{margin:0 0 20px 0 !important;}
.pd-b10{padding:0 0 10px 0 !important;}
.pd-b20{padding:0 0 20px 0 !important;}
/*add*/
.mg-r10{margin: 0 10px 0 0!important;}

.pc-hide{display:none;}
.tablet-hide{display:none;}
.mo480-hide{display:block;}
.mo480-show{display:none;}
/* 탭*/
.tab .tab-ul{display: flex;justify-content: left;padding:30px 0 0;}
.tab .tab-ul li{width:50%;text-align:center;background-color:#fff;border:1px solid #ddd;box-sizing:border-box;}
.tab .tab-ul li a{display:block;font-size:18px;line-height:60px;color:#666;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.tab .tab-ul li.active{background-color:#0065b3;border:none;}
.tab .tab-ul li.active a{color:#fff}

.mg-t10{margin:10px 0 0 0 !important;}
.mg-t20{margin:20px 0 0 0 !important;}
.mg-b10{margin:0 0 10px 0 !important;}
.mg-b20{margin:0 0 20px 0 !important;}
.pd-b10{padding:0 0 10px 0 !important;}
.pd-b20{padding:0 0 20px 0 !important;}

/* 리스트 */
.ul-type01 > li{position:relative;padding:0 0 0 10px;color:#333;line-height:32px;letter-spacing:-0.5px;}
.ul-type01 > li:before{content:'';position:absolute;top:15px;left:0;width:4px;height:4px;background-color:#333;border-radius: 50%;}
.ul-type02 > li{position:relative;padding:0 0 0 10px;color:#333;line-height:32px;letter-spacing:-0.5px;}
.ul-type02 > li:before{content:'';position:absolute;top:14px;left:0;width:5px;height:1px;background-color:#666;}

.ul-type03 > li{position:relative;padding:0 0 0 10px;color:#333;line-height:32px;letter-spacing:-0.5px;}
.ul-type03 > li:before{content:'';position:absolute;top:10px;left:0;width:3px;height:3px;border:1px solid #333;border-radius: 50%;}

.ul-type04 > li{position:relative;padding:0 0 0 10px;color:#333;line-height:32px;letter-spacing:-0.5px;}
.ul-type04 > li:before{content:'*';position:absolute;top:5px;left:0;}

.ol-type01 > li{margin: 0 0 0 20px;line-height:32px;letter-spacing:-0.5px;list-style-type:decimal;}

ul.no-dot li{padding-left:0;}
ul.no-dot li:before{display:none;}
ul > li.no-dot{padding-left:0;}
ul > li.no-dot:before{display:none;}
/* ------- add */ 

.ul-type01 > li.outer-type > span{display: inline-block;padding-bottom:8px;}
.ul-type01 > li.outer-type > .ul-type02{padding-bottom:8px;}
.ol-type01 > li.outer-type > span{display: inline-block;padding-bottom:8px;}
.ol-type01 > li.outer-type > .ul-type02{padding-bottom:8px;}

.lnk-txt {color: #0066b3!important;word-break: break-word;}

/* link box */
.link-box ul{font-size:0;}
.link-box ul li{padding:0 6px 10px 0;display:inline-block;}
.link-box ul li:last-of-type{padding-right:0;}
.link-box {font-size:0;}
.link-box a:after {content:'';display:block;position: absolute;top: 50%;right: 18px;transform: translateY(-50%);}
.link-box a.link:after {width: 15px;height: 15px;background: url(/_res/ajou/_share/img/common/bg-link.png) no-repeat 0 0/100%;}
.link-box 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 a {position: relative; display: inline-block;padding:18px 53px 18px 18px;border: 1px solid #0066b3;font-size: 20px;color: #333;line-height: 24px;}
.link-box a.link:hover {background-color: #046cc4;color: #fff;transition: all .3s;}
.link-box a.down:hover {background-color: #046cc4;color: #fff;transition: all .3s;}
.link-box a.link:hover:after {background-image: url(/_res/ajou/_share/img/common/bg-link-w.png);}
.link-box a.down:hover:after {background-image: url(/_res/ajou/_share/img/common/bg-down-link-w.png);}

/* small link */
.link-box .s-btn{position: relative;display: inline-block;padding:14px 41px 14px 14px;border: 1px solid #0066b3;background-color: #fff;font-size: 14px;color: #333;line-height: 1;}
.link-box .s-btn:after {content: '';display:block;position: absolute;top: 50%;right: 16px;transform: translateY(-50%);}
.link-box .s-down:after {width: 13px;height: 12px;background: url(/_res/ajou/_share/img/common/bg-down-link.png) no-repeat 0 0/100%;}
.link-box .s-link:after {width: 13px;height: 13px;background: url(/_res/ajou/_share/img/common/bg-link.png) no-repeat 0 0/100%;}

.link-box .s-btn:hover {background-color: #046cc4;color: #fff;transition: all .3s;}
.link-box .s-link:hover:after {background-image: url(/_res/ajou/_share/img/common/bg-link-w.png);}
.link-box .s-down:hover:after {background-image: url(/_res/ajou/_share/img/common/bg-down-link-w.png);}

/* scrolltop btn */
.btn-scrolltop-box{position: fixed;width: 100%;max-width: 1600px;height:0;bottom: 6rem;left: 50%; transform: translateX(-50%);z-index: 100000;}
.btn-scrolltop-box .btn-scrolltop{float:right;padding: 15px;width:70px;height:70px;border: none;border-radius:50%;text-align:center;-webkit-box-shadow: 0px 7px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);box-shadow: 0px 7px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);cursor:pointer;box-sizing:border-box;}
.btn-scrolltop-box .btn-scrolltop span{display: inline-block;padding: 16px 0 0;background: url(/_res/ajou/kr/img/common/ico-top.png) no-repeat center top;background-size: 14px;font-size: 14px;font-weight: 500; color: #333;}

/* box-deco */
.border-box{position: relative;padding: 15px 18px;border: 1px solid #e5eaf0;}
.border-box:before {content: '';display: block;position: absolute;top: -1px;left: -1px;width: 10px;height: 10px;border-top: 4px solid #5c92bb;border-left: 4px solid #5c92bb;}
.border-box:after {content: '';display: block;position: absolute;bottom: -1px;right: -1px;width: 10px;height: 10px;border-bottom: 4px solid #5c92bb;border-right: 4px solid #5c92bb;}

/* end ------- */

.location-map-box .root_daum_roughmap {padding: 0;width: 100% !important;border: none;border-radius: 0;box-sizing: border-box;}

/* layout */
header{position: absolute;top: 0;left: 0; right: 0;z-index: 10000;}

.top-header-wrap{background-color:#0065b3;}
.sub-content-wrap{display:table;margin:0 auto;padding:0 0 100px;width:100%;max-width:1200px;table-layout:fixed;}
.lnb-wrap{display:table-cell;padding:0 60px 0 0;width:210px;vertical-align:top;}
.content-wrap{display:table-cell;width:100%;vertical-align:top;}
/*.main-mini-wrap{padding:60px 0px;max-width:1200px;margin:0 auto;}*/
.main-mini-wrap{padding:60px 0px;max-width:1600px;margin:0 auto;}
.main-content-wrap01{position: relative;margin: -120px 0 0 0;}
.main-content-wrap01::after{content: '';position: absolute;left: 0;top: 50%;height: 75px;transform: translateY(-50%);width: 100%;display: block;background-color: #3333334d;z-index:1}

.content-wrap .title{padding:0 0 40px;}


footer{background-color:#00345c;}
.top-footer-wrap{background-color:#0065b3}

/* path */
.path-box{margin:0 auto;max-width:1840px;}
.path-box:after{content:'';display:block;clear:both;}
.path-wrap{position: relative;top: -25px;}
.path{float:left;width:100%;background-color:#fff;border-radius: 5px;background-color: #fff;-webkit-box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 10px 4px rgba(0, 0, 0, 0.1);}
.path:after{content:'';display:block;clear:both;}
.path-home{float:left;display:block;padding: 17px 25px 17px;font-size:20px;border-right: 1px solid #efefef;color: #666;box-sizing:border-box;}
.path-home > span{position:relative;padding:0 0 0 30px;}
.path-home > span::before{content:'';display:block;position:absolute;top:0;left:0;width:16px;height:17px;background:center/contain no-repeat url(../img/common/img-path-home.png)}
.path-depth-wrap{float:left;}
.path-depth-wrap > ul:after{content:'';display:block;clear:both;}
.path-depth-wrap > ul > li{float:left;position:relative;border-right:1px solid #ddd;box-sizing: border-box;}
.path-depth-wrap > ul > li:last-of-type{border-right:none;}
.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:20px;color:#666;font-weight:400;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.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 12px 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:18px;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;}
.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;}

.path-depth-wrap > ul > li.active{background-color:#0066b3; color:#fff;}
.path-depth-wrap > ul > li:last-of-type.active{background-color:#0066b3; color:#fff;border-radius: 0 5px 5px 0 ;}
.path-depth-wrap > ul > li.active a{color:#fff;}
.path-depth-wrap > ul > li > .path-selected{background: url(/_res/ajou/cie_en/img/common/ico-path-down.png) no-repeat right 19px center;}
.path-depth-wrap > ul > li.active .path-selected{background: url(/_res/ajou/cie_en/img/common/ico-path-up.png) no-repeat right 19px center;}

@media screen and (max-width:1024px) {
	
	/* layout */
	.top-header-wrap{display:none;}
	.lnb-wrap{display:none;}
	
}

@media screen and (max-width:768px) {
	
	/* common */
	.pc-hide{display:block !important;}
	.mobile-hide{display:none !important;}
	.h4-tit01{padding:0 0 15px 0px;font-size:24px;line-height:30px;}
	.h5-tit01{font-size:20px;line-height:30px;padding: 0 0 10px 25px;}
	.h5-tit01::before{top:2px;}
	.h6-tit01{font-size:18px;line-height:26px;}
	.con-box{padding:0 0 25px 0;}
	.con-p{padding:0 0 15px 0;font-size:18px;line-height:28px;}
	.slo-p{font-size:20px;}
	.mark-p{padding:0 0 0 17px;font-size:16px;line-height:22px;}
	
	/* 리스트 */
	.ul-type01 > li{font-size:18px;line-height:28px;}
	.ul-type01 > li:before{top:9px;}
	.ul-type02 > li{font-size:18px;line-height:28px;}
	.ul-type02 > li:before{top:12px;}
	.ul-type03 > li{font-size:18px;line-height:28px;}
	.ul-type04 > li{font-size:18px;line-height:28px;}
	.ol-type01 > li{font-size:18px;line-height:28px;}
	
	.link-box a {font-size: 18px;line-height: 1.2;}
	
	/* layout */
	.bottom-footer-wrap{padding: 20px 20px 0;}
	/*.path-wrap{padding:0 20px;}*/
	.sub-content-wrap{padding:0 0 40px;}
	.main-content-wrap04:before{display:none;}
	.main-mini-wrap{padding:0 0 20px;}
	.main-content-wrap01{margin:0px;}
	.main-content-wrap01::after{height:100%;background-color:#fff;}
	.sub-container .content-box{padding:0px 10px;}
	.content-wrap .title{padding:0;}
	
	/* 모바일탭 */ 
	.m-tab-box{position:relative;margin:0 0 30px;background:#0065b3 url(/_res/ajou/kr/img/common/ico-tab-open.png) no-repeat center right 15px;background-size:12px;text-align:center;}
	.m-tab-box.active{background-image:url(/_res/ajou/kr/img/common/ico-tab-close.png);}
	.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;}
	.tab-sel{position:absolute;left:0;top:0;width:100%;background:transparent;height:39px;border:0;color:#fff;filter:alpha(opacity=0);opacity:0;}
	.tab-sel option{font-size:16px;color:#666;}
	
	/* path add */
	.path{float:none;}
	.path-home {display: none;}
	.path-depth-wrap{float:none;}
	.path-depth-wrap > ul > li > .path-selected {padding: 14px 24px 14px 20px;font-size:18px;}
	.path-depth-wrap > ul > li > .path-depth > li > a{font-size:16px;}
	
}

@media screen and (max-width:480px){
	
	/*common*/
	.h4-tit01{font-size:22px;line-height:28px;}
	.h5-tit01{font-size:18px;line-height:28px;}
	.con-p {font-size: 16px;line-height: 26px;}
	.ul-type01 > li{font-size: 16px;line-height: 26px;}
	.ul-type02 > li{font-size: 16px;line-height: 26px;}
	.ul-type03 > li{font-size: 16px;line-height: 26px;}
	.ul-type04 > li{font-size: 16px;line-height: 26px;}
	.ol-type01 > li{font-size: 16px;line-height: 26px;}
	
	.link-box a {padding:16px 51px 16px 16px;font-size: 16px;}
	
	.mobile-portrait-hide{display:none!important;}
	.mo480-show{display:block;}
	.mo480-hide{display:none;}
	.path-depth-wrap > ul > li > .path-selected {background: url(/_res/ajou/cie_en/img/common/ico-path-down.png) no-repeat right 10px center;}
}