@charset "UTF-8";

@import url(../css/reset.css);
@import url(../css/font.css);
@import url(../css/table.css);

/*layout*/

.content-wrap{margin:0 auto;width:100%;max-width:1400px;box-sizing:border-box;}

/* common */
body{min-width:320px;font-family:'Noto Sans KR',sans-serif;font-weight:200;font-size:16px;color:#333;letter-spacing:-0.015em;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;overflow-x:hidden;}
button{padding:0;border:none;}
.no-js{opacity:0;}
.con-box{padding: 0 0 100px 0;}
.con-box02{padding: 0 0 80px 0;}
.con-box03{padding: 0 0 60px 0;}
.con-inner-box{padding:0 0 40px;}
.con-p{padding: 0 0 30px 0;font-weight:200;font-size:20px;color:#111;line-height:30px;}
.h4-tit01{position:relative;padding:0 0 35px 35px;font-weight:500;font-size:32px;color:#111;line-height:42px;}
.h4-tit01:before{content:'';position:absolute;top:12px;left:0;width:17px;height:17px;background-color:#ff7d01;border-radius:50%;}
.h4-tit01:after{content:'';position:absolute;top:14px;left:10px;width:13px;height:13px;background-color:#ffb900;border-radius:50%;}
.ul-type-bar > li{position:relative;padding:0 0 0 16px;font-weight:200;font-size:20px;line-height:30px;text-indent:0;word-break:keep-all;}
.ul-type-bar > li:last-of-type{padding-bottom:0;}
.ul-type-bar > li:before{content:'';display:block;position:absolute;top:14px;left:0;width:6px;height:2px;background-color:#030f89;}
.ul-type-bar > li .ul-type-dot{padding:2px 0 10px 0;}
.ul-type-bar > li:last-of-type .ul-type-dot{padding-bottom:0;}
.ul-type-dot > li{position:relative;padding:0 0 0 10px;font-size:16px;color:#666;line-height:26px;text-indent:0;word-break:keep-all;}
.ul-type-dot > li:last-of-type{padding-bottom:0;}
.ul-type-dot > li:before{content:'';position:absolute;top:14px;left:0;width:4px;height:4px;background-color:#ccc;border-radius:3px;}
.mark-p{position:relative;padding:0 0 0 28px;font-weight:200;font-size:20px;color:#777;line-height:30px;text-indent:0;}
.mark-p:before{content:'※';position: absolute;top: 0;left: 0;}
.mark-p02{position:relative;padding:0 0 0 15px;font-weight:200;font-size:20px;color:#777;line-height:30px;text-indent:0;}
.mark-p02:before{content:'*';position:absolute;top:0;left:0;}
.d-ib{display:inline-block;}

.txt-red{color:#c42323 !important;}
.txt-blue{color:#002d9d !important;}
.txt-regular{font-weight:400 !important;}
.txt-medium{font-weight:500 !important;}
.txt-bold{font-weight:700 !important;}
/* 간격 */
.pd-t5{padding-top:5px !important;}
.pd-t10{padding-top:10px !important;}
.pd-t20{padding-top:20px !important;}
.pd-t30{padding-top:30px !important;}
.pd-b5{padding-bottom:5px !important;}
.pd-b10{padding-bottom:10px !important;}
.pd-b15{padding-bottom:15px !important;}
.pd-b20{padding-bottom:20px !important;}
.pd-b30{padding-bottom:30px !important;}
.pd-l20{padding-left:20px !important;}
.mg-t10{margin-top:10px !important;}
.mg-t20{margin-top:20px !important;}
.mg-b10{margin-bottom:10px !important;}
.mg-b20{margin-bottom:20px !important;}
.mg-tb10{margin:10px 0 !important;}
.no-pd{padding-bottom:0 !important;}
.no-mg{margin-bottom:0 !important;}

/* 링크 버튼 */
.link-box.right{text-align:right;}
.link-box ul li{display:inline-block;padding:0 6px 10px 0;}
.link-box ul li:last-of-type{padding:0;}
.link-box ul li a, .link-box ul li button{display:inline-block;padding:16px 20px;min-width:180px;border:1px solid #000;background-color:#fff;font-weight:200;font-size:16px;color: #111;line-height:1;text-align:center;box-sizing:border-box;}
.link-box ul li button{cursor:pointer;}
.link-box ul li a:hover, .link-box ul li button:hover{border-color:#030f89;background-color:#030f89;color:#fff;}
.link-box ul li a:after, .link-box ul li button:after{content:'';display:none;margin:-3px 0 0 10px;vertical-align:middle;}

/* 링크박스 type02 */
.link-box.type02 ul{font-size:0;}
.link-box.type02 ul li{margin:0 30px 10px 0;padding:0;}
.link-box.type02 ul li:only-of-type{margin-right:0;}
.link-box.type02 ul li a, .link-box.type02 ul li button{padding:11px 20px;min-width:auto;border:1px solid #030f89;border-radius:25px;background-color:#fff;font-size:16px;font-weight:400;color:#030f89;line-height:26px;text-align:left;vertical-align:middle;}
.link-box.type02 ul li button{cursor:pointer;}
.link-box.type02 ul li:hover a, .link-box.type02 ul li:hover button{background-color:#030f89;color:#fff;}
.link-box.type02 ul li a:before,.link-box.type02 li button:before{content:'';display:inline-block;margin:0 10px 2px 0;width:20px;height:20px;vertical-align:middle;}
.link-box.type02 ul li a:after,.link-box.type02 li button:after{display:none;}
.link-box.type02 ul li .email:before{width:22px;height:17px;background:url(../img/ico-link-mail.png) no-repeat center/100%;}
.link-box.type02 ul li:hover .email:before{background-image:url(../img/ico-link-mail-on.png);}

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

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

/*(학과별 컨텐츠) */
.link-box.type02 ul li{margin:5px 15px 0 0;width:calc(50% - 8px);}
.link-box.type02 ul li:nth-of-type(2n){margin:5px 0 0 0;}
.link-box.type02 ul li:nth-of-type(-n+2){margin-top:0;}
.link-box.type02 ul li a,.link-box.type02 ul li button{display:block;}
.link-box.type02 ul li button{width:100%;}
}

@media screen and (max-width: 768px) {
/* common */


.con-box{padding: 0 0 50px 0;}
.con-box02{padding: 0 0 40px 0;}
.con-box03{padding: 0 0 30px 0;}
.con-inner-box{padding:0 0 20px;}
.con-p{font-size:16px;line-height:26px;}
.h4-tit01{padding:0 0 20px 27px;font-size: 26px;line-height: 36px;}
.h4-tit01:before{top:8px;width:15px;height:15px;}
.h4-tit01:after{top:11px;left:8px;width:10px;height:10px;}
.ul-type-bar > li{padding:0 0 0 10px;font-size:16px;line-height:26px;}
.ul-type-bar > li:before{top:12px;width:4px;}
.ul-type-bar > li .ul-type-dot{padding:2px 0 5px 0;}
.ul-type-normal > li{font-size:16px;line-height:26px;}
.ul-type-dot > li{padding:0 0 0 8px;font-size:14px;line-height:24px;}
.ul-type-dot > li:before{top:11px;width:3px;height:3px;}
.mark-p{padding:0 0 0 20px;font-size:14px;line-height:24px;}
.mark-p:before{padding:0 3px 0 0;}
.mark-p02{font-size:14px;line-height:24px;}
.mark-p02:before{padding:0 3px 0 0;}
/* 링크버튼 */
.link-box ul li a{padding:8px 18px;min-width:auto;font-size:14px;}
.link-box ul li .link:after{margin:-2px 0 0 10px;width:12px;height:12px;}

/* 링크박스 type02(학과별 컨텐츠) */
.link-box.type02 ul li a,
.link-box.type02 ul li button{padding:6px 15px;font-size:14px;line-height:24px;}
.link-box.type02 ul li a:before,.link-box.type02 li button:before{width:16px;height:16px;}
.link-box.type02 ul li .email:before{width:18px;}

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

/* 링크박스 type02(학과별 컨텐츠) */
.link-box.type02 ul li:nth-of-type(n){margin:5px 0 0 0;width:100%;}
.link-box.type02 ul li:first-of-type{margin:0;}
}