@charset "utf-8";

/*상단팝업
#header .pop_btn {display:none;}
@media all and (max-width:1023px) {
  #header .popup_wrap {display:none;}
  #header .pop_btn .close {display:none;}
  #header .pop_btn .open {display:block;}
}
*/

/* 블릿있는
h4 {background:url('../img/sub/common/h4.gif') no-repeat left top; font-size:21px; padding-left:27px; margin:30px 0 15px;}
h5 {background:url('../img/sub/common/h5.gif') no-repeat left 5px; font-size:18px; font-weight:400; padding-left:18px; margin:20px 0 10px 15px;}
*/

h4 {font-size:25px; margin:30px 0 15px; }
h5 {font-size:20px; color:#222; background:url('../img/sub/common/h5_line.gif') no-repeat left top; font-weight:400; margin:20px 0 15px; padding-top:10px; }

/* 블릿있는경우 사용
h4+.contbox1 {margin-left:10px;}
h4+.dept1, h4+.dept2 {margin-left:18px;}
h5+.contbox2, h5+.tbl_wrap {margin-left:15px;}
h5+.dept1, h5+.dept2 {margin-left:30px;}
*/

.content > div.ctn > div:first-child > h4:first-child { margin:0 0 15px;}
.dept1 li .dept2 {margin-top:10px;}
.dept2 li .dept3 {margin-top:5px;}
.content p {line-height:25px;}

/*컨텐츠박스*/
/*.contbox1 { background:url('../img/sub/common/box1_bg.gif'); padding:5px; margin-bottom:20px; }
.contbox1 div  { background:#fff; padding:25px 20px; line-height:25px; }
.contbox1 div.icon { background:#fff url('../img/sub/common/box1_icon.gif') no-repeat 30px 30px; padding:25px 20px 25px 150px; }*/
.contbox1 { border:1px solid #ddd; background:#f1f1f1; padding:7px; margin-bottom:20px; }
.contbox1 > div  { background:#fff; padding:25px; line-height:25px; }
.contbox1 > div.icon { background:#fff url('../img/sub/common/box1_icon.png') no-repeat 25px 25px; padding:25px 25px 25px 130px; }
.contbox1 > div.icon.st2 { background:#fff url('../img/sub/common/box1_icon2.png') no-repeat 30px 30px;}
.contbox1 > div.icon.st3 { background:#fff url('../img/sub/common/box1_icon3.png') no-repeat 30px 30px;}
.contbox1 .title {font-size:25px; font-weight:400; margin-bottom:17px;}
.contbox1 .title span { font-size:16px; }
.contbox1 ol li { position:relative; line-height:22px; margin-top:10px; padding-left:25px; }
.contbox1 ol li:first-child {margin-top:0;}
.contbox1 ol li span { position:absolute; left:0; top:1px; background:#0e4194; border:1px solid #072e6d; color:#fff; font-size:13px; width:18px; line-height:18px; display:inline-block; text-align:center; margin-right:5px; }
.contbox2 {border:1px dashed #ccc; padding:20px 25px; text-align:justify; }

@media all and (max-width:480px) {
  .contbox1 div.icon, .contbox1 div.icon.st2, .contbox1 div.icon.st3 {background:#fff; padding:20px;}
}

/*depth*/
.dept1 > li { background:url('../img/sub/common/li_dot.gif') no-repeat left 14px; line-height:22px; padding:5px 0 5px 10px; }
.dept2 > li { background:url('../img/sub/common/li_arrow.gif') no-repeat left 11px; line-height:22px; padding:3px 0 3px 15px; color:#555;}
.dept3 > li { background:url('../img/sub/common/li_hyp.gif') no-repeat left 12px; line-height:22px; padding:2px 0 2px 12px; color:#555; font-size:14px;}
.dept1.li_center > li { background:url('../img/sub/common/li_dot.gif') no-repeat left center;}
.dept2.li_center > li { background:url('../img/sub/common/li_arrow.gif') no-repeat left center;}
.dept3.li_center > li { background:url('../img/sub/common/li_hyp.gif') no-repeat left center;}

/*버튼*/
a.btn_style {display:inline-block; border:1px solid #ccc; border-radius:15px; padding:5px 15px; line-height:18px; background:#f3f5f7; text-align:center; margin:5px; }
a.btn_style span { display:inline-block; padding-left:25px; }
a.btn_style.down span { background:url('../img/sub/common/down_btn.png') no-repeat left center; }
a.btn_style.blank span { background:url('../img/sub/common/blank_btn.png') no-repeat left center; }
a.btn_style.view span { background:url('../img/sub/common/view_btn.png') no-repeat left center; }
a.btn_style.view2 span { background:url('../img/sub/common/view_btn2.gif') no-repeat left center; }
a.btn_style.pdf span { background:url('../img/sub/common/pdf_btn.png') no-repeat left center; }

a.btn_style.btn_w { color:#fff; border:1px solid #222; background:#4d4d4d; }
a.btn_style.down_w span { background:url('../img/sub/common/down_btn_w.png') no-repeat left center; }
a.btn_style.blank_w span { background:url('../img/sub/common/blank_btn_w.png') no-repeat left center; }
a.btn_style.view_w span { background:url('../img/sub/common/view_btn_w.png') no-repeat left center; }
/*
@media all and (max-width:1023px){
  a.btn_style{width:auto !important;}
}
*/
a.bigBtn { display: inline-block; padding: 10px 30px; font-size: 17px; font-weight: 600; border-radius: 100px; border: 1px solid #ccc; box-shadow: 2px 2px 2px #eee;}
a.bigBtn span { display:inline-block; padding:5px 30px 5px 0; background: url('../img/sub/common/bigBtn_icon.gif') no-repeat right center; }

/*테이블*/
.tbl_wrap { overflow-x:auto; margin:10px 0 20px; }
.tbl_st {width:100%; border-top:2px solid #123d82; margin-left:-1px; }
.tbl_st thead th {background:#f3f5f7; border-left:1px solid #999; border-bottom:1px solid #999; padding:10px; text-align:center; line-height:20px; font-weight:400; color:#333; font-size:15px;}
/*.tbl_st thead tr:first-child th:first-child {border-top:3px solid #e2383f;}*/
.tbl_st tbody th {background:#f3f5f7; padding:10px; font-size:14px; line-height:20px; text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; font-weight:400; color:#333;}
.tbl_st tbody td {padding:10px; font-size:14px; line-height:20px; text-align:center; border-left:1px solid #ccc; border-bottom:1px solid #ccc; }
.tbl_st.tdR tbody td, .tbl_st.taR tbody td {text-align:right ;}
.tbl_st.tdL tbody td, .tbl_st.taL tbody td {text-align:left ;}

.tbl_wrap .num {width:8%;}
.tbl_wrap .btn {width:18%;}

/* 대학/대학원 인문국제대학 표 */
.tbl_220307 thead th{padding: 6px !important;}
.tbl_220307 thead th:last-child{width: 8%;}
.tbl_220307 tbody td{padding: 6px !important;}
.tbl_220307 tbody td:last-child{width: 8%;}
.tbl_220307 tbody td:nth-child(5) span{padding-right: 5px;}

@media all and (max-width:768px) {
  .tbl_wrap .btn {width:25%;}
}

@media all and (max-width:600px) {
  .tbl_wrap .btn {width:30%;}
}

@media all and (max-width:480px) {
  .tbl_wrap .btn {width:45%;}
}

/* 이미지 */
.imagesbox img { border:1px solid #ccc; padding:5px; width:100%; /* box-shadow:3px 4px 0 #e3e5e8; */ margin-bottom:4px; box-sizing:border-box;}
.imagesbox.num2, .imagesbox.num3 {overflow:hidden;}
.imagesbox.num2 li:first-child, .imagesbox.num3 li:first-child { margin-left:0; }
.imagesbox.num2 li {float:left; width:49%; margin-left:2%;}
.imagesbox.num3 li {float:left; width:32%; margin-left:2%;}

/*info type
.info_r {background:url('../img/sub/common/info_r.png') no-repeat left 5px; font-size:14px; line-height:22px; text-indent:23px; margin-top:5px;}*/
.info_b,
.info_r {background:url('../img/sub/common/info_b.png') no-repeat left 4px; font-size:14px; line-height:22px; padding-left:20px; margin-top:5px;}

/*select_box*/
.slt_wrap { border:1px solid #ccc; background:#ddd; padding:4px; display:inline-block; }
.slt_wrap div {background:#fff; padding:5px 10px;}
.slt_wrap div select {border:1px solid #fff; font-size:15px; color:#555; min-width:100px; }
.slt_wrap div button {background:#333; color:#fff; border:0; padding:4px 5px 6px; }


.li_link tbody ul li {float:left; margin:5px 0; padding:0 10px; border-right:1px solid #ccc; width:33.3%; box-sizing:border-box;}
.li_link tbody ul li:last-child {border-right:0;}
.li_link tbody ul li a[target="_blank"] { display:inline-block; background:url('../img/layout/header_blank.gif') no-repeat right 5px; padding-right:17px;}

@media all and (max-width:1023px) {
  .li_link tbody ul li {width:50%;}
}

@media all and (max-width:768px) {
  .li_link tbody ul li {width:100%; padding:0 ; border-right:0;}
}



/*페이지 준비중입니다*/
.ready {overflow:hidden; width:100%; border:10px solid #ebebea; padding:30px 0; box-sizing: border-box; text-align:center;}
.ready .txt {border-top:1px dotted #ccc; font-size:18px; margin-top:30px;}
.ready .txt p {margin-bottom:30px; color:#5e5e5e;}
.ready .txt .emp {font-size:40px; font-weight:500; margin-top:30px; line-height:45px;}
.blue {color:#0e4194 !important;}
@media all and (max-width:1200px) {
	.ready {width:100%; padding:50px 0; margin:60px 0;}
    .ready .txt .emp {font-size: 1.8em;}
}
@media all and (max-width:560px) {
	.ready img {width:80%;}
}