/* 경희대학교 주요 컬러 */
 :root{
     --main-blue: #043b71;
     --main-red: #9e1915;
     --main-gold: #ac8144;
     --sky: #f1f6fa;
 }

 .bg-light{background: #f4f4f4 !important;}
 .bg-blue{background: var(--main-blue) !important;}
 .bg-red{background: var(--main-red) !important;}
 .bg-gold{background: var(--main-gold) !important;}
 .bg-sky{background: var(--sky) !important;}
 .bg-black3{background: #333 !important;}
 .bg-gray6{background: #666 !important;}
 .bg-gray7{background: #777 !important;}
 .bg-gray8{background: #888 !important;}
 
 .color-main-blue{color: var(--main-blue) !important;}
 .color-main-red{color: var(--main-red) !important;}
    
    
.sub-page{padding: 50px 0 80px; min-height: 500px; background-color: #fff;}
.sub-page_t{font-size: 2.375em; color: #333; font-weight: 700; line-height: 1.15; /* margin-bottom: 2.053em; */padding-bottom: 1em;text-align: left;border-bottom: 1px solid #999;}
.sub_page_t_under_line { padding-bottom: 10px; border-bottom: 1px solid #000; }
.sub_page_main_color {color: #0a326f; }
.sub_page_bg_color {background: #f6f6f7; }

.inner_contents { font-size: 16px; color: #454545; display: table; } 
.inner_contents_title { font-size: 22px; font-size: 1.375rem; color: #000; font-weight: 700; text-align: left; padding-bottom: 0.455em; padding: 0.909em 0px 0.9em; }
.inner_contents_title:before { content: ''; display: inline-block; width: 12px; height: 12px; background: url('/resources/user/_common/_img/sub_page_dot_type1.png'); margin-right: 7px; position: relative; margin-bottom: 2px; }
.inner_contents_title.type_red:before {background-image: url('/resources/user/_common/_img/sub_page_dot_type1_red.png');}
.inner_contents_title_middle {font-size: 18px; font-size: 1.125rem; color: #253a73;font-weight: 700;text-align: left; margin: 1.111em 0px; padding-left: 1.389em; position: relative;}
.inner_contents_title_middle:before {content: '';display: inline-block;width: 1.125rem; height: 1.125rem; background: url('/resources/user/_common/_img/sub_page_dot_type2.png') no-repeat center / 100%; position: absolute; top: 0.3em; left: 0;}
.inner_contents_title_middle.type_white {font-size: 18px; font-size: 1.125rem; color: #253a73;font-weight: 700;text-align: left; margin: 1.111em 0px; padding-left: 1.389em; position: relative;}
.inner_contents_title_middle.type_white:before {content: '';display: inline-block;width: 1.125rem; height: 1.125rem; background: url('/resources/user/_common/_img/sub_page_dot_type2_white.png') no-repeat center / 100%; position: absolute; top: 0.3em; left: 0;}
.inner_contents_title_middle.type_red{color: var(--main-red);}
.inner_contents_title_middle.type_red:before {content: '';display: inline-block;width: 1.125rem; height: 1.125rem; background: url('/resources/user/_common/_img/sub_page_dot_type2_red.png') no-repeat center / 100%; position: absolute; top: 0.3em; left: 0;}
.inner_contents_title_middle.type_gold{color: var(--main-gold);}
.inner_contents_title_middle.type_gold:before {content: '';display: inline-block;width: 1.125rem; height: 1.125rem; background: url('/resources/user/_common/_img/sub_page_dot_type2_gold.png') no-repeat center / 100%; position: absolute; top: 0.3em; left: 0;}
.inner_contents_point_box { text-align: left; font-weight: 300; color: #454545; font-size: 16px; padding: 3% 5%; background: #f7f7f7; line-height: 25px; } 
.inner_contents_title_middle .ab{position: absolute;right: 0; bottom: 20px}
.inner_contents_title_line{ font-size: 1.4rem; color: #000; font-weight: 700; text-align: left; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px solid #aaa;}
.inner_contents_title_line{ font-size: 1.4rem; color: #000; font-weight: 700; text-align: left; padding-bottom: 10px; margin-bottom: 15px; border-bottom: 2px solid #aaa;}
.inner_contents_title_sm >li{font-size: 17px;font-size: 1.063rem;padding-left: 1.389em;padding-bottom: 0.8em;position: relative;}
.inner_contents_title_sm >li:before {content: '';display: inline-block;width: 1.063rem;height: 1.063rem;background: url('/resources/user/khu3/image/sub_page/sub_page_dot_type2.png') no-repeat center / 100%;position: absolute;top: 0.3em;left: 0;}

.dot-list{}
.dot-list li{font-size: 1.063rem; }
.dot-list li:not(:last-child){margin-bottom: 15px;}


.style_box_type_1 { padding: 30px 30px; border: 10px solid #ededee; font-size: 16px; color: #454545; position: relative;}
.style_box_type_1_left { position: absolute; left: -10px; top: -10px; height: 10px; width: 50px; background: #0a326f; }
.style_box_type_1_top { position: absolute; left: -10px; top: -10px; height: 50px; width: 10px; background: #0a326f; }
.style_box_type_1 li  { display:inline-block; vertical-align: middle; font-size: 1rem;}
.style_box_type_1 li.left {  width: 20%;  text-align: center; margin-right: 3%; }
.style_box_type_1 li.left img { max-width: 129px; width: 100%;  }
.style_box_type_1 li.right  {  width: 74%; font-size: 1rem;}

.style_box_type_1.cont-small li.left{width: 30%; margin-right: 2.5%;}
.style_box_type_1.cont-small li.right{width: 66.5%}

.style_box_type_2 { padding: 30px 30px; border: 10px solid #ededee; font-size: 16px; color: #454545; position: relative; }
.style_box_type_2_left { position: absolute; left: -10px; top: -10px; height: 10px; width: 50px; background: #0a326f; }
.style_box_type_2_top { position: absolute; left: -10px; top: -10px; height: 50px; width: 10px; background: #0a326f; }
.style_box_type_2 li  { display:inline-block; vertical-align: middle; }
.style_box_type_2 li.left {  width: 30%;  text-align: center; margin-right: 3%; font-size: 28px; color: #000; font-weight: 700; }
.style_box_type_2 li.left img { max-width: 129px; width: 100%;  }
.style_box_type_2 li.right  {  width: 64%; line-height: 36px; }

/* tab */
.sub-tab{ margin-bottom:50px; border-top:1px solid #d8d8d8;  border-left:1px solid #d8d8d8;; box-sizing:border-box; display:flex; flex-wrap:wrap}
.sub-tab > li{float: left;width: 25%;position: relative;border-right: 1px solid #d8d8d8;border-bottom: 1px solid #d8d8d8;}
.sub-tab > li > a.active{background: #990e17; color:#fff; font-weight: 700;}
.sub-tab.small > li > a{font-size: .938rem; padding:5px;}

/* .sub-tab > li{width:25%; float: left; border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8;} */
.sub-tab > li > a{display:table; height:100%; font-size: 0.9rem; color:#666; height:3.333em; text-align:center; transition:all 0.5s; /* padding: 0 10px */; height: 100%; min-height: 4em}
.sub-tab.li2 > li{width: 50%}
.sub-tab.li3 > li{width: 33.33333333333%}
.sub-tab.li4 > li{width: 25%}
.sub-tab.li5 > li{width: 20%}
.sub-tab.li6 > li{width: 16.6666666667%}
.sub-tab.li7 > li{width: 25%}
.sub-tab.li8 > li{width: 12.5%}
.sub-tab.li9 > li{width: 33.33333333333%}
.sub-tab.li10 > li{width: 20%}
.sub-tab.li11 > li{width: 16.6666666667%}
.sub-tab.li12 > li{width: 16.6666666667%}
.sub-tab.li13 > li{width: 14.28571428%}
.sub-tab.li14 > li{width: 14.28571428%}
.sub-tab a{display: table;width: 100%;height:3.333em;}
.sub-tab a > span{display: table-cell;vertical-align: middle; word-break:break-word; line-height: 1.3em;}
@media (max-width: 768px){
	.sub-tab.li6 > li{width: 33.33333333333%}
	.sub-tab.li8 > li{width: 25%}
	.sub-tab.li11 > li{width: 20%}
	.sub-tab.li12 > li{width: 20%}
}

.sub-tab.type-blue > li > a{color: #043b71; font-weight: 500;}
.sub-tab.type-blue > li > a.active{background: #043b71; color: #fff;}

/*
.sub-tab > li > a > span{display: table-cell; vertical-align: middle;}
.sub-tab > li:hover > a,
.sub-tab > li > a{background-color:#990e17; color:#fff;}
 */
.tabs-st2{text-align: center;margin-bottom: 3em;color:#999}
.tabs-st2 li {display: inline-block;position: relative;font-size: 18px;font-size: 1.125rem;position: relative;margin: 0 0.5em 1.5em .5em;line-height: 1}
.tabs-st2 li a{display: block;z-index: 1;position: relative;}
.tabs-st2 .active{font-weight: 700;color:#000}
.tabs-st2 .active:after{left: 0; bottom: -0.833em;width: 100%;height:3px;background: #222;content: '';position: absolute;content: ''}

.tabs-st3{text-align: center;margin-bottom: 1.25em;color:#666;font-size: 16px;font-size: 1rem;font-weight: 300;line-height: 1.15;border-top: 1px solid #ccc;border-left: 1px solid #ccc;}
.tabs-st3 li {float: left; width: 33.33333333333333333333%;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;}
.tabs-st3 li a{display: block;z-index: 1;position: relative; padding: 1em}
.tabs-st3 .active{font-weight:500;color:#fff;background:#930c71}

/* 以�鍮꾩쨷 �럹�씠吏� */
.preparation_box{display:flex; align-items:center; justify-content:center; flex-direction:column; width:100%; height:570px; background-color:#f7f7f7; }
.pre_tit{text-align:center; font-size:30px; font-weight:600; color:#222; line-height:1; margin-top:30px;}
.pre_tit > .ft-red{color:#9e1915;}
.pre_txt{font-size:18px; color:#8e8e8e; text-align:center; margin-top:15px; line-height:1.6; word-break:keep-all;}

.arti_tit {
    position: relative;
    margin-bottom: 1.400em;
    font-size: 25px;
    color: #333;
    line-height: 1.15;
}

/* step_list */
.step_list {width:100%;margin-top:30px;border:solid 1px #dbdbdb;table-layout:fixed; display:flex; flex-wrap:wrap}
.step_list:first-child {margin:0;}
.step_list > li {position:relative;border-left:solid 1px #dbdbdb;box-sizing:border-box; width:25%;display: flex;flex-direction: column;text-align: center;padding: 20px 0;justify-content: center;}
.step_list > li:first-child {border:none;}
.step_list > li:before {content:"";position:absolute;top:50%;left:-15px;width:30px;height:30px;background:url(../../temp/images/sub/ico_cc_arr.png) no-repeat center center;background-size:100% 100%;transform: translateY(-50%);}
.step_list > li:first-child:before {display:none;}
.step_list > li .tit {margin:-1px -1px 0;padding:10px;background:url(../../temp/images/sub/patt_bg.png) repeat left top;border-left:solid 1px #fff;color:#fff;text-align:center;box-sizing:border-box;}
.step_list > li:first-child .tit {border:none;}
.step_list > li .txt {font-weight:500;color: #0790c7;text-align:center; background: #fff; padding: 0;}
.step_list.ty02 > li .txt {height:auto;}
.step_list > li .txt .dot_list {margin:10px 0 20px;}
.step_list > li .txt .dot_list:last-child {margin:10px 0 0;}
.step_list > li .txt .dot_list > li {font-size:14px;font-weight:400;text-align:left;color:#666;line-height:26px;}
.step_list > li .txt .dot_list > li > a {text-decoration:underline;word-break:break-all;}
.step_list > li .txt .ht {color:#c0a353;}

.daralal{display: flex;align-items: center;justify-content: flex-start;}
.daralal .i{margin: 0 1%;}

/* dot_list */
.dot_list{text-align: left;}
.dot_list > li {position:relative;padding-left:10px;line-height:30px;box-sizing:border-box; color:#3d3d3d;}
.dot_list.half > li {float:left;width:50%;padding:0 10px;}
.dot_list > li:before {content:"";position:absolute;left:0;top:14px;width:2px;height:2px;background:#666;border-radius:100%;}
.dot_list.blue > li:before{width: 4px;height: 4px;border-radius: 0;background: #1b4d8c;top: 14px;}
.dot_list > li .ht {color:#0d91c6;}

.dot_list.type2{display:flex; flex-wrap:wrap;}
.dot_list.type2 li{width:50%; font-size:16px; font-weight:400; color:#3d3d3d;}
.dot_list.type2 > li:before{background:#3d3d3d;}

.dot_list2 > li{position: relative; padding-left: 1.3em; margin-top: 5px;}
.dot_list2 > li:before{position: absolute; left: 0; top:0; content: '•'}
.dot_list2 > li:first-child{margin-top: 0;}
 
 /* square_list */
 .square_list{}
 .square_list >li{display: flex; align-items: stretch; margin-bottom: 10px;}
 .square_list >li >p{padding: 20px; background: #fff; width: calc(100% - 4rem);}
 .square_list >li >span{display: flex; align-items: center; justify-content: center; width: 4rem; background: #1b4d8c; color: #fff; font-size: 1.25em;}

/* 誘몄뀡 諛� 鍮꾩쟾 */
/* .s0102 .arti01 {background:url(../../temp/images/sub/s0102_arti01_bg1.png) no-repeat center bottom;} */
.box-mission{max-width:623px; margin:  auto; position: relative;}
.box-mission .info01{left: 50%;
    top: 25%;
    margin-left: -15%;}
.box-mission .info02{left: 15%;
    bottom: 10%;}
.box-mission .info03{right: 15%;
    bottom: 10%;}
.s0102 .arti01 .info > li {color:#fff;text-align:center; position: absolute; width: 30%}
.s0102 .arti01 .info .tit {margin-bottom:20px;font-size:24px;line-height:1.35;}
.s0102 .arti01 .info .txt {font-size:17px;}
.s0102 .arti02 .box {position:relative;padding:35px 40px 35px 19%;;background:#eaddca;box-sizing:border-box;}
.s0102 .arti02 .box .cc {position:absolute;left:40px;top:35px;bottom:35px;width:11%;background:#b88d4e;border-radius:100%;font-size:32px;font-weight:700;color:#fff;line-height:90px;text-align:center;}
.s0102 .arti02 .info {padding:12px 0;color:#303030;line-height:30px;}
.s0102 .arti02 .info .tit {margin-bottom:16px;font-size:27px;}
.s0102 .arti02 .info .txt {font-size:21px;}
.s0102 .arti03 .info {position:relative;width:509px;height:485px;margin:0 auto;background:url(../../temp/images/sub/s0102_arti03_bg1.png) no-repeat center top;}
.s0102 .arti03 .info > p {position:absolute;font-size:18px;color:#fff;text-align:center;line-height:27px;}
.s0102 .arti03 .info .txt01 {right:32%;top:18%;}
.s0102 .arti03 .info .txt02 {right:7%;top:48%;}
.s0102 .arti03 .info .txt03 {left:50%;bottom:7%;}
.s0102 .arti03 .info .txt04 {left:17%;bottom:19%;}
.s0102 .arti03 .info .txt05 {left:17%;top:30%;}
/*蹂�寃� */
.s0102 .arti02 ul {}
.s0102 .arti02 ul:after {content: ''; display: block; clear: both;}
.s0102 .arti02 ul li {float: left; width: 33.2%;}
.s0102 .arti02 ul li:after {content: ''; display: block; clear: both;}
.s0102 .arti02 ul li .icon {float: left; box-sizing:border-box; padding-left: 6%;}
.s0102 .arti02 ul li:first-child .icon {padding-left: 0;}
.s0102 .arti02 ul li .title {float: left; box-sizing:border-box; padding-left: 6.7%; padding-top: 5px;}
.s0102 .arti02 ul li h3 {font-size:22px; font-weight: 400; color: #333;}
.s0102 .arti02 ul li p {font-size:17px; font-weight: 400; color: #666; line-height: 1.6; margin-top: 10px;}

/* �븰�깮�솢�룞 */
.box-stu{border:1px solid #ccc; padding: 40px; font-size: 16px;}
.box-stu .group{border-top: 1px dotted #777; padding-top: 30px; margin-top: 40px; position: relative; padding-right: 255px; min-height: 150px}
.box-stu .group:first-child{border-top: 0; margin-top: 0; padding-top: 0;}
.box-stu .tit{display: block; font-size: 1.125em; color: #000; font-weight: 500;}
.box-stu .txt{margin: 10px 0 15px;}
.box-stu .txt2{font-size: 14px;color: #333}
.box-stu .txt2 li{margin-top: 3px;}
.box-stu .txt2 li:first-child{margin-top: 0;}
.box-stu .ico-link{background: #253a73; color: #fff; display: inline-block; border-radius:3px; font-size: 14px; padding: 5px 10px; font-weight: 500;}
.box-stu .ico-link span{display: block; padding-right: 20px; background: url('/resources/user/images/bio/ico-link.png') right center no-repeat}
.box-stu .logo{position: absolute;right: 0;top:0; width: 215px; height: 130px; background: #fff; border:1px solid #ccc; right: 0; top:30px; overflow: hidden}
.box-stu .logo img{display: block; position: absolute;left: 0;top: 0;right: 0;bottom: 0; margin: auto; max-width: 87%; max-height: 87%; overflow: hidden;}
.box-stu .group:first-child .logo{top: 0}
.box-stu .logo.large{border:0}
.box-stu .logo.large img{min-width: 100%; max-width: 150%;max-height: 150%; left: 50%; right: auto;     transform: translateX(-50%);}
.btn-link3{display: inline-block; background: url('/resources/user/images/common/ico-link_black.png') right center no-repeat; padding-right: 23px; color: #333 !important; word-break:break-all}
.btn-link3:hover{color: #093270 !important; background-image:url('/resources/user/images/common/ico-link_blue.png'); text-decoration: underline;}

.stu-intro .float{margin: 0 0 0 -2%; font-size: 16px; display: flex; flex-wrap:wrap}
.stu-intro .float .inner_contents_title_middle{position: absolute; left: 0; top: 0; margin-top: 0;}
.stu-intro .float:after{content: ''; display: block; clear:both}
.stu-intro .float > li{float: left; width: 48%; margin: 0 0 2% 2%; position: relative;}
.stu-intro .float:not(.type) > li{padding-top: 50px;}
.stu-intro .float .box{padding: 40px; overflow:hidden;     border: 1px solid #ccc;; height: 100% !important}
.stu-intro .float .box .img{float: left; width: 33%}
.stu-intro .float .box .cont{float: right; width: 59%}
.stu-intro .float .t{position: relative; line-height: 1.15; padding-bottom: 20px; margin-bottom: 20px; font-size: 1.125em; display: flex;align-items:center}
.stu-intro .float .t:after{position: absolute;left: 0;bottom: 0; width: 70px; height: 3px; background: #253a73; content: ''}
.stu-intro .float .t > *{display: inline-block; vertical-align: middle;}
.stu-intro .float .t .name{color: #333; font-size: 1.444em;}
.stu-intro .float .t .num{position: relative; padding-left: 10px; margin-left: 10px; color: #999}
.stu-intro .float .t .num:before{position: absolute;left: 0; top:50%; width: 2px; height: 10px; margin-top: -5px; content: ''; background: #ddd}
.stu-intro .float .cont{font-weight: 300;}
.stu-intro .float .cont li{position: relative; padding-left: 68px; margin-top: 10px;}
.stu-intro .float .cont li:first-child{margin-top: 0;}
.stu-intro .float .cont .l{position: absolute;left: 0;top:0; color: #333; font-weight: 700;}

.stu-intro .float.type{display:flex; flex-wrap: wrap}
.stu-intro .float.type > li{border:1px solid #ccc}
.stu-intro .float.type .box{border:0; height:auto; position: relative;}
.stu-intro .float.type .box{padding-left: 200px;}
.stu-intro .float.type .img{position: absolute; width: 115px; left: 40px; top:40px; overflow: hidden;}
.stu-intro .float.type .box .cont{float: none; width: 100%}

.box-bot{background: #f7f7f7; padding: 30px 44px; line-height: 1.15; font-size: 17px; color: #333; font-weight: 500; margin-top: 30px;}
.box-bot li{position: relative; padding-left: 10px; margin-top: .7em;}
.box-bot li:first-child{margin-top: 0;}
.box-bot li:before{position: absolute;left:0; top:.5em; width: 4px; height: 4px; border-radius:50%; background: #0a3270; content: ''}

.intro-video:after,.content-linebox:after,.college-list:after{content: ''; display: block; clear: both}
.intro-video > div{float: right; width: 48%;}
.intro-video > div:first-child{float: left;}
.intro-video .content-line{padding: 15px;border:1px solid #ccc;}
.intro-video > div img{width: 100%; display: block;}
.content-linebox{padding: 30px;border:1px solid #ccc; text-align: center; display:flex; flex-wrap: wrap}
.content-linebox > li{float: left; width: 25%; border-left: 1px dotted #ccc; padding: 0 15px}

.content-linebox > li:first-child{border-left: 0;}
.content-linebox .content-subtxt2{margin-bottom:5px;}
.content-download{border:1px solid #ccc; color: #777 !important; font-size: 13px; display: inline-block; padding: 5px 15px}
.content-download:hover{background: #0a3270; color: #fff !important}

.college-list{text-align: center; display:flex; flex-wrap: wrap; margin-left: -2%;}
.college-list > li{float: left; width: 18%; margin: 0 0 2% 2%;}

/* 국제대학 예외 처리 */
.kic_kor_fs .college-list > li{width: 22%;}
.kic_kor_fs .about_college_txt_box{padding: 10px; width: 100%; height: 150px; background-color: #ededed; text-align: left;}
.kic_kor_fs .about_college_txt_box a{display: block; height: 100%;}
.kic_kor_fs .about_college_txt_box p{ margin-top: 0; padding-top: 15px;}
.kic_kor_fs .about_college_txt_box p:first-child{font-size: 19px; font-weight: 600; line-height: 1.3em; color: #333333;}
.kic_kor_fs .about_college_txt_box p:last-child{text-decoration: underline #8f2e2b; padding-bottom: 1px; color: #8f2e2b; word-break: break-all;}
.kic_kor_dg .flex-between >*{width: 49%; }
.kic_kor_dg .min-height{min-height: 387px;}
.kic_kor_pr .content-linebox > li{width: 33.333%}

div[id*="kic_"] .content-linebox > li{width: 33.333%;}

.college-list p{margin-top: 15px;}
.college-list img{display: block;}

.btn_ty {display:inline-block;min-width:100px;min-height:48px;padding:9px 10px;background:#0d91c6;border:none;font-size:15px;color:#fff;text-align:center;line-height:30px;cursor:pointer;box-sizing:border-box;transition:background 0.4s;}/* 二쇱깋-�븯�뒛 */
.btn_ty02 {background:#c0a353;} /* �솴�넗 */
.btn_ty03 {background:#aaa;} /* �쉶�깋 */
.btn_ty:hover, .btn_ty:focus {background:#0076a6;}
.btn_ty02:hover, .btn_ty02:focus {background:#a68221;}
.btn_ty03:hover, .btn_ty03:focus {background:#666;}

/* s050203 : �깮�솢�븞�궡 �떎�슫濡쒕뱶 */
.s050203 .arti01 {padding:50px;background:url('/resources/user/images/pnc/bg.png') no-repeat left top;background-size:100% 100%;box-sizing:border-box;}
.s050203 .arti01 .tit {font-size:30px;font-weight:500;color:#fff;line-height:1.35; word-break:keep-all}
.s050203 .arti01 .btns {margin-top:30px;font-size:0;}
.s050203 .arti01 .btns .btn_ty {height:40px;margin-right:5px;background:none;border:solid 1px #fff;}
.s050203 .arti01 .btns .btn_ty:hover, .s050203 .arti01 .btns .btn_ty:focus {background:#fff;color:#aaa;}

.color-red2{color: #6a0005}
.color-blue{color: #006ab6}
.color-navy{color: #0a3274 !important;}
.color-black3{color: #333 !important;}
.color-gray6{color: #666 !important;}
.tbl_ovx{overflow-x: auto;}
.tbl_ovx th{white-space:nowrap}

.bul-dash > li{position: relative; padding-left: .7em; margin-top: .3em;}
.bul-dash > li:before{position: absolute;left: 0;top:0;content: '-'}
.bul-dash > li:first-child{margin-top: 0;}

/* s040301 : �븰�쐞痍⑤뱷怨쇱젙 */
.s040301 .arti01 .box_sec {background:url('/resources/user/images/pnc/s040301_arti01_bg.png') no-repeat center 200px}
.s040301 .arti01 .box_sec .box02 {margin:80px 0;}
.s040301 .arti01 .box_sec .box {width:38%;margin:0 auto;}
.s040301 .arti01 .box_sec .box02 .box {float:right;}
.s040301 .arti01 .box_sec .box02 .box:first-child {float:left;}
.s040301 .arti01 .box_sec .box dt {margin-bottom:10px;padding:15px;background:#0d91c6;font-size:18px;font-weight:700;color:#fff;text-align:center;line-height:30px;box-sizing:border-box;}
.s040301 .arti01 .box_sec .box dd {display:table;width:100%;margin-top:5px;font-size:0;table-layout:fixed;}
.s040301 .arti01 .box_sec .box dd > span {display:table-cell;width:20%;/*margin-right:2%;*/background:#f5f5f5;border:solid 1px #dbdbdb;font-size:15px;text-align:center;line-height:20px;vertical-align:middle;;box-sizing:border-box;}
.s040301 .arti01 .box_sec .box dd > p {display:table-cell;/*width:81%;*/height:66px;padding:10px;background:#fff;border:solid #dbdbdb;border-width:1px 1px 1px 0;font-size:15px;text-align:center;line-height:22px;vertical-align:middle;box-sizing:border-box;}
.s040301 .arti01 .box_sec .box.ty02 dt {margin:0;background:#fff;border:solid 3px #0d91c6;color:#0d91c6;} 
.s040301 .arti01 .box_sec .box.ty02 dd {display:none;}

/* 愿��젴湲곌� */
.sub-organ-list{display:flex; flex-wrap:wrap; padding:50px; background:#f7f7f7;}
.sub-organ-list li{}
.sub-organ-list li:not(:nth-child(3n)){margin-right:50px;}
.sub-organ-list li:not(:nth-child(-n + 3)){margin-top:50px;}
.sub-organ-list li img{display:block;}
.sub-organ-list__cont{background:#fff; padding:30px;}
.sub-organ-list__cont .title{font-size:18px; color:#000; font-weight:600; line-height:1; margin:0 0 15px;}
.sub-organ-list__cont a{font-size:16px; color:#666; font-weight:300; line-height:1; text-decoration:underline; text-underline-position:under; word-break:break-all;}

.js-tabs_cont .tab_cont{display: none;}
.js-tabs_cont .tab_cont:first-child{display: block;}

.cont-line{margin: 0 0 0 -5%; display:flex; flex-wrap:wrap}
.cont-line > li{float: left; width: 45%; margin: 0 0 50px 5%;}

.greet-st1{font-size: 16px; color:#666}
.greet-st1 .box{background:#f3f4f6; padding:30px}
.greet-st1 .box .in{display: table; width:100%}
.greet-st1 .box .in > *{display: table-cell; vertical-align: middle;}
.greet-st1 .box .in .l{width:80px}
.greet-st1 .box .in .r{padding-left: 31px;}
.greet-st1 .box .r > *{display: block;}
.greet-st1 .box .t,.greet-st1 .cont .t{font-size: 1.125em; color:#000; font-weight: 500; margin-bottom: 10px;display: block;}
.greet-st1 .cont{margin: 40px 0 30px; line-height: 1.67;}
.greet-st1 .ico_w{font-size: .938em; border:1px solid #ddd; display: -webkit-flex;
display: -ms-flex;
display: flex;}
.greet-st1 .ico_w > li{border-left: 1px solid #ddd; width:25%; float: left; padding:30px 1em 30px 30px}
.greet-st1 .ico_w > li:first-child{border-left: 0;}
.greet-st1 .ico_w .ico{margin-bottom: 1.25em;}
.greet-st1 .ico_w .ico img{display: block;}
.greet-st1 .sign{margin-top: 30px; text-align: right;}
.greet-st1 .sign strong{color:#333; font-size: 1.125em;}

.sub_contents .btns{text-align: center;}
.sub_contents .btns{margin: 0 5px; color:#fff !important; background:#7b0000; width:180px; height:3em; line-height: 3em; display: inline-block; font-weight: 500; max-width:none;}
.sub_contents .btns:hover{color:#fff}


/* 캠퍼스타운 css */
.new0{display: flex;}          
.new0 .imgs{width: 25%;margin-right: 2%;}          
.new0 .intro{width: 72%;}          
/* .tbl_standard_type1 img{width: 300px !important;}    */

.step-wrap{display:flex; align-items:flex-start;}
.step-wrap .steps{flex:1; flex-direction:column;}
.step-wrap .steps .tit-blue{width:100%;}
.steps {display: flex;align-items: center;text-align: center;}
.steps .es {width: 305px;border: 1px solid #ccc;border-radius: 5px;margin: 1em;}
.steps .i {width: 3%;}
.steps .tit-blue {color: #fff;background: #0a326f;border-radius: 5px 5px 0 0;padding: 0.75em 0;}
.steps .box-b {padding: 1.5em 0;}
.steps .topss0 {display: flex;justify-content: center;align-items: center;height: 100px;}

/* 홍릉 바이오·의료 창업센터*/
.bottom{display: flex;}     
.bottom .imgs{width: 50%;}     
.bottom ul{width: 48%;margin-left: 2%;}     
.bottom ul li{border-top: 1px solid #ccc;display: flex;padding: 1.25em 0;font-size: 1.063em;font-size: 1.063em;}     
.bottom ul li .floor{width: 13%;text-align: center;font-weight: bold;}     
.bottom ul li .fl-xp{width: 85%;}     
.bottom ul li:last-child{border-bottom: 1px solid #ccc;} 

.images{margin-top: 2em;display: flex;width: 100%;}     
.images div{width: 48%;margin: 1% 2% 1% 0;}  




/* 국제과학과 학과소개 */
.top1{display: flex;align-items: center;}     
.top1 .top-tit{background: #0a326f;color: #fff;padding: 1%;border-radius: 10px 0 0 10px;width: 10%;text-align: center;border: 2px solid #0a326f;font-size: 26px;}     
.top1 .top-cont{display: flex;border: 2px solid #ddd;border-left: 0;width: 90%;border-radius: 0 10px 10px 0;}     
.top1 .inner_contents_title_middle{margin: 0 5%;font-weight: normal;}     
.top1 .f3{display: flex;align-items: center;border-bottom: 1px dotted #ccc;}     
.top1 .f3:last-child{border-bottom: 0;}     
.top1 .cate{display: flex;align-items: center;padding: 5px 2%;}     
.top1 .cate:first-child{width: 25%;}     
.top1 .cate .num{padding: 0 10%;}     
.top1 .cate .num{font-size: 61px;color: #dadade;font-weight: 500;letter-spacing: -3px;}     
.top1 .top-cont1{border: 2px solid #ddd;width: 90%;border-radius: 0 10px 10px 0;border-left: 0;padding: 0 3%;}     
.top1.cc .top-tit{height: 310px;line-height: 310px;padding: 0;font-size: 27px;}
.top1.cc .top-tit.height{height: 515px;line-height: 515px;}


/* 후마니타스 칼리지 */
.new-css .symbol{margin-left: 20px;}
.new-css .symbol li{padding-left: 10px;position: relative;}
.new-css .symbol li::before{display: block;content: '';background: #666;width: 4px;height: 4px;position: absolute;top: 12px;left: 0;}
.new-css .smbs{margin-left: 20px;}
.new-css .smbs li{padding-left: 12px;position: relative;}
.new-css .smbs li::before{display: block;content: '';background: #666;width: 3px;height: 3px;position: absolute;top: 10px;left: 0;border-radius: 100%;}




/* 연구처 - 산학협력단 */
.flow{text-align: center;}
.flow li{border: 1px solid #ddd;padding: 1%;}
.flow > p{margin: 1% 0;}

/*경영대학원*/
.depth_tit{ word-break: keep-all; line-height: 1.1; color: #222; font-weight: 700; text-align: center; padding: 80px 0; font-size: 2.375rem;}
.con_btn_wrap{display: flex; margin-bottom: 30px; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 10px;}
.sub_con_tit{word-break: keep-all; font-size: 1.875em; line-height: 1.1; color: #222; display: inline-block;}

.new_btn {padding: 0 10px; background:#0a326f; color: #fff; border-radius:5px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; width: 215px; height: 32px; border-radius: 32px; text-align: center;}
.new_btn .web_btn{ }

@media all and (max-width: 1024px){
    .con_btn_wrap .sub_con_contents{width: 100%;}
}
@media (max-width: 570px){
	/*경영대학원*/
	.new_btn {width: 100% !important; text-align: center;}
	/*----경영대학원----*/
}

/*----경영대학원----*/

/* 국제교류팀 > about us */
#oiak_kor .circle{width: 30px; height: 30px; background: #0a326f; color: #fff; display: inline-block; border-radius: 30px; text-align: center; margin-right: 15px; padding-top: 2px;}
#oiak_kor .location .wrap{display: flex; flex-wrap: nowrap; padding: 20px 0;}
#oiak_kor .location .inner_contents_title_middle{padding: 0 0 0 25px;}
#oiak_kor .location .inner_contents_title_middle:before{top: 6px;}

#oiak_kor .location .ico > li{display: inline-block;}
#oiak_kor .location .ico > .tit{width: 150px; vertical-align: top;}
#oiak_kor .location .ico > .cont{width: calc(100% - 160px); word-break: keep-all;}

#oiak_kor .location .wrap .adress > div {display: flex;}

/* 컨텐츠 페이지 map */
.contentMap{position: relative; width: 100%; padding-bottom: 33%; overflow: hidden; border: 1px solid #dadce0;}
.contentMap >iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block;}
.Mapbtn{display: inline-block; width: 175px; line-height: 2.813em; font-size: 1rem; text-align: center; border-radius: 100px; font-weight: bold;}
.Mapbtn:before{content: ''; display: inline-block; vertical-align: middle; background: url('') no-repeat center / 100%;}
.Mapbtn.naver{color: #fff !important; background: #00c046;}
.Mapbtn.naver:before{width: 1.625rem; height: 2.125rem; background-image: url('/resources/user/_common/_img/icon_map.png'); margin: -3px 5px 0 0;}
.Mapbtn.kakao{color: #333 !important; background: #f3dc00;}
.Mapbtn.kakao:before{width: 1.188rem; height: 1.625rem; background-image: url('/resources/user/_common/_img/icon_map2.png'); margin: -3px 5px 0 0;}

.bul-decimal{list-style: decimal;margin-left: 1em;}
.bul-decimal > li{margin-top: .3em;list-style: decimal;}
.bul-decimal > li:first-child{margin-top: 0 !important;}

.bul-mark > li{margin-top: 0.3em;}
.bul-mark > li:first-child{margin-top: 0;}
.bul-mark > li,.bul-mark.b{padding-left: 1.33em;position: relative;display: block;}
.bul-mark > li:before, .bul-mark.b:before{position: absolute;left: 0;top:0;content: '※'}

.weight-500{font-weight: 500 ;}

ul#util_ul {
	list-style-type: none;
	display: flex;
	justify-content: right;
	align-items: center;
}

ul#util_ul li {
	float: right;
	filter: invert(100%);
	margin: 0 10px 20px;
}

ul#util_ul li a.biggerFont {
	background-image: url(/resources/images/user/sub_nav/sub_nav_ico_02.png);
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 14px;
	height: 14px;
	color: transparent;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

ul#util_ul li a.cpToClipboard {
	background-image: url(/resources/images/user/sub_nav/sub_nav_ico_01.png);
	background-size: 22px 22px;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 21px;
	height: 22px;
	color: transparent;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

ul#util_ul li a.smallerFont {
	background-image: url(/resources/images/user/sub_nav/sub_nav_ico_04.png);
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 14px;
	height: 14px;
	color: transparent;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

ul#util_ul li a.print {
	background-image: url(/resources/images/user/sub_nav/sub_nav_ico_05.png);
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	overflow: hidden;
	width: 22px;
	height: 19px;
	color: transparent;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

@media (max-width:1300px){
	.inner_contents_title:before{margin-bottom: 0;}
	.stu-intro .float .box{height: auto; padding: 25px;}
	.stu-intro .float > li{width:100%;}
}

@media (max-width:1024px){
	.sub-page{padding: 3em 1.5em 8em}	
	.horizon_scroll { display: block; width: 100%; white-space:nowrap; overflow-x: auto; position: relative; }
/*	.horizon_scroll:before { content: ''; height: 100%; width: 20px; position:absolute; right: 0px; top: 0px; background: url('/resources/user/_common/_img/cloud_right_vertical.png') repeat-y; z-index: 10; } */
	.horizon_scroll table { margin-left: -1px; }
	.box-stu{font-size: 15px; padding: 1.5em}
	
	.stu-intro .float{font-size: 15px;}
	.stu-intro .float .cont li{padding-left: 0;}
	.stu-intro .float .cont .l{position: static; display: block; margin-bottom: 5px;}
	
	.sub-organ-list{justify-content:space-between; padding:20px;}
	.sub-organ-list li{width:49%;}
	.sub-organ-list li:not(:nth-child(3n)){margin-right:0;}
	.sub-organ-list li:not(:nth-child(-n + 3)){margin-top:0;}
	.sub-organ-list li:not(:nth-child(-n + 2)){margin-top:20px;}
	.sub-organ-list li img{width:100%;}
	
	.greet-st1{font-size: 15px;}
	.greet-st1 .ico_w > li{padding: 15px}
	.style_box_type_2 li.right{line-height: 1.5;}
	
	.steps {flex-wrap: wrap;justify-content: center;}
	.steps .es {margin: 5px;}
	.steps .i {display: none;}
	
    .top1{display: block;}         
    .top1 .top-tit{width: 100%;border-radius: 10px 10px 0 0;}          
    .top1 .top-cont{width: 100%;border-radius: 0 0 10px 10px;border-top: 0;border-left: 1px solid #ccc;display: block;}         
    .top1.cc .top-tit{padding: 6%;height: auto;line-height: 0;}         
    .top1.cc .top-tit.height{padding: 6%;height: auto;line-height: 0;}         
    .top1 .inner_contents_title_middle{padding: 5px 0;font-size: 15px;}         
    .top1 .top-cont1{width: 100%;border-radius: 0 0 10px 10px;border-top: 0;border-left: 1px solid #ccc;} 
     
	/*경영대학원*/
	 .sub_con_tit{display: block; margin-bottom: 30px;}
	/*----경영대학원----*/
	
	/* 국제대학 예외 처리 */
	.kic_kor_fs .college-list > li{width: 31%;}
}

@media (max-width:990px){
	.style_box_type_1 li.left { width: 100% !important;  text-align: center; padding-bottom: 20px; margin-right: 0 !important;}
	.style_box_type_1 li.right	  { width: 100% !important;  }
	
	.style_box_type_2 li.left { width: 100%;  text-align: center; padding-bottom: 20px; }
	.style_box_type_2 li.right	  { width: 100%;  }
	
	/* 국제교류팀 > about us */
	#oiak_kor .location .wrap{display: flex; flex-wrap: wrap;}
	#oiak_kor .location .inner_contents_title_middle{width: 100%;margin-bottom: 20px;}
	#oiak_kor .location .ico > li{display: block; margin-bottom: 15px;}
	
	#oiak_kor .location .ico > .tit, #oiak_kor .location .ico > .cont{width: 100%}
	#oiak_kor .location .ico > .tit{width: 130px}
	#oiak_kor .location .wrap .adress{width: 100%}

}

@media (max-width:768px){
	.fake_br { display: block; }
	.preparation_box{padding:0 10px; }
	.step_list > li .txt{    padding: 15px 10px;}
	.step_list > li{width: 100%;border-left: 0;}
	.step_list > li:before{left: 50%;top: -10px; transform: rotate(90deg); margin-left: -10px;     width: 20px;
    height: 20px;}
    .s0102 .arti02 .box {padding:20px;}
	.s0102 .arti02 .box .cc {position:relative;display:block;top:auto;bottom:auto;left:auto;border-radius:0;width:100%;font-size:20px;line-height:40px;}
	.s0102 .arti02 .info {padding:10px 0 0;text-align:center;}
	.s0102 .arti02 .info .tit {margin-bottom:10px;font-size:20px;}
	.s0102 .arti02 .info .txt {font-size:15px;}
	.s0102 .arti03 .info {width:100%;height:auto;background:none;}
	.s0102 .arti03 .info > p {position:relative;top:auto !important;right:auto !important;bottom:auto !important;left:auto !important;padding:10px;font-size:16px;line-height:24px;box-sizing:border-box;}
	.s0102 .arti03 .info .txt01 {background:#b01e31;}
	.s0102 .arti03 .info .txt02 {background:#d8896a;}
	.s0102 .arti03 .info .txt03 {background:#873c66;}
	.s0102 .arti03 .info .txt04 {background:#a81736;}
	.s0102 .arti03 .info .txt05 {background:#bb1e59;}
	
	.box-stu{text-align: center;}
	.box-stu .group{padding-right: 0;}
	.box-stu .logo{position: relative; margin: 30px auto 0; top:auto}
	.box-stu .txt2{font-size: 13px;}
	
	.stu-intro .float{font-size: 14px;}
	.box-bot{font-size: 15px; padding: 15px}
	
	.stu-intro .float > li{width: 98%}
	.stu-intro .float .box{padding: 15px}
	
	.intro-video .content-line{padding: 10px}
	.intro-video > div{float: none !important; width: 100%; margin-top: 15px;}
	.intro-video > div:first-child{margin-top: 0;}
	.content-linebox{padding: 15px}
	.content-linebox li{width: 50%; border:0; padding: 15px}
	.content-linebox li:first-child{border-top: 0;}
	
	.college-list > li{width: 23%}
	.s050203 .arti01{padding: 8%;text-align: center;}
	.s050203 .arti01 .tit{font-size: 24px;}
	.s050203 .arti01 .tit br{display: none;}
	
	.s040301 .arti01 .box_sec{background: none}
	.s040301 .arti01 .box_sec .box{width: 47%}
	.s040301 .arti01 .box_sec .box02{margin: 35px 0 50px;}
	.s040301 .arti01 .box_sec .box01 .box,.s040301 .arti01 .box_sec .box03 .box{width: 80%}
	
	.stu-intro .float.type .box{padding-left:40%}
	.stu-intro .float.type .img{left: 15px; top:15px; width: 80px; width: 27%}
	
	.cont-line > li{width: 95%}
	.greet-st1 .box{padding: 15px; text-align: center;}
	.greet-st1 .box .in,.greet-st1 .box .in > *{display: block;}
	.greet-st1 .box .in .l{width: 100%}
	.greet-st1 .box .in .l img{display: block; margin: 0 auto;}
	.greet-st1 .box .in .r{padding-left: 0; margin-top: 15px;}
	.greet-st1 .ico_w{flex-wrap:wrap}
	.greet-st1 .ico_w > li{width: 50%}
	.greet-st1 .ico_w > li:nth-child(3){border-left: 0;}
	.greet-st1 .ico_w > li:nth-child(n+3){border-top: 1px solid #ddd;}
	
	.daralal .i{width: 30px;margin: 2px !important;}
    .daralal li{margin: 2%;width: 32%;}
    .daralal{flex-wrap: wrap;}
    
    .new0 {display: block;}              
    .new0 .imgs{width: 100%;margin-right: 0;}              
    .new0 .intro{width: 100%;}            
    .sns-link{display: block !important;}     
    .sns-link li{margin: 20px 0;}
    
    .steps {justify-content: center;}
    .steps .es {width: 46%;}
    
    .top1 .cate{display: block;}         
    .top1 .f3{display: block;text-align: center;}         
    .top1 .cate:nth-child(2){display: none;}         
    .top1 .cate:first-child{width: 100%;}
    
	.bottom{display: block;}         
	.bottom ul{margin-top: 1em;width: 100%;margin-left: 0;}         
	.bottom .imgs{width: 100%;}  
	.bottom ul li .floor{width: 20%;text-align: left;}  
	
	.images{display: block;}            
	.images div{width: 100%;}
	
	.sub-tab.li7 > li{flex:1; float:none; min-width: 25%}
	/*경영대학원*/
	.depth_tit{padding: 45px 0;}
	
	/* 국제대학 예외 처리 */
	.kic_kor_fs .college-list > li{width: 47%;}
	.kic_kor_fs .about_college_txt_box p{ margin-top: 0; padding-top: 0;}
	.kic_kor_fs .about_college_txt_box p:last-child{padding-top: 15px}
	.kic_kor_dg .flex-between >*{width: 100%;}
	.kic_kor_dg .min-height{min-height: auto;}
	div[id*="kic_"] .content-linebox > li{width: 50%;}
	
	/* 국제교류팀 > about us */
	#oiak_kor .circle{width: auto; height: auto; background: none; color: #0a326f; font-weight: 700; font-size: 1.2rem; padding-top: 0;}
	
	.dot_list.type2 li{font-size:14px;}
	.stu-intro .float .box .img,
	.stu-intro .float .box .cont{float:none; width:100%;}
	
}
@media (max-width:500px){
	.sub-page{padding-left: 0; padding-right: 0;}
    .s0102 .arti01 .info .tit{font-size: 18px; margin-bottom: 15px;}
    .s0102 .arti01 .info .txt{font-size: 14px;}
    .box-mission .info01{top:18%}
    .box-mission .info02,.box-mission .info03{bottom: 4%}
    .college-list > li{width: 31.33333333%}
    
    /* 국제대학 예외 처리 */
    .kic_kor_fs .about_college_txt_box p:first-child{font-size: 15px;}
}

@media (max-width:380px){
	.s0102 .arti01 .info .tit{font-size: 15px;}	
	.s0102 .arti01 .info .txt{font-size: 13px;}
}

#print {
	display: none;
}
@media print {
	#wrap {
		display: none;
	}

	#print {
		display: block;
	}
}

@media print and (color) {
	* {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
}

.search_result{font-size:22px; font-weight:500; color:#333;}
.search_box{border:1px solid #ddd; padding:25px;}
.search_box .search_num{font-size:18px; font-weight:500; color:#333; line-height:1;}
.search_box a.active .search_num{color:#ac2f30;}
.search_box .search_num .num{color:#777;}
.search_box .result_list{display:flex;}
.search_box .result_list li{}
.search_box .result_list li a{display:block; font-size:16px; font-weight:300; color:#555; margin-right:25px; line-height:1;}
.search_box .result_list li.active a{color:#ac2f30;}
.search_box .result_list li a .num{color:#999;}

.sub_contents_subtitle{display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:20px; color:#333;}
.sub_contents_subtitle .content_subtxt{font-size:32px; font-weight:500; line-height:1;}
.sub_contents_subtitle .content_subtxt span{font-size:16px; font-weight:400; }
.sub_contents_subtitle .content_more{font-size:16px; font-weight:300; color:#333;}
.sub_contents_subtitle .content_more::after{content:''; display:inline-block; width:6px; height:9px; background:url(/resources/user/_common/_layout/type1_bbs/img/total_btn.jpg) no-repeat 0 0; margin:0 0 0 10px; vertical-align:2px;}

.greeting-st1{font-size: 16px; color:#333}
.greeting-st1 .top{display:flex; border:1px solid #ccc; border-left: 0; border-right: 0; padding:50px 0; justify-content:space-between; font-size: 1.25em; margin-bottom: 40px;     align-items: center;}
.greeting-st1 .top .img{width:387px; margin-right: 50px;}
.greeting-st1 .cont{line-height: 1.35;}
.greeting-st1 .top .big{font-size: 1.3em; display: block; font-weight: 400;}
.greeting-st1 .top .cont{flex:1}

.greeting-st1 .txt{font-size: 1.063em; line-height: 1.8;}
.greeting-st1 .sign{margin-top: 40px; font-size: 1.125em;}
.greeting-st1 .normal{margin-top: 10px; font-weight: 400;}

@media screen and (max-width:1024px){
  .greeting-st1{font-size: 15px}
  .greeting-st1 .top{padding:25px 0}
  .greeting-st1 .top .img{width:35%; margin-right: 25px;}
}

@media screen and (max-width:720px){
  .greeting-st1{font-size: 14px}
  .greeting-st1 .top{display: block; text-align: center;}
  .greeting-st1 .top .img{width:100%; margin: 0 0 25px;}
  .greeting-st1 .top .img img{display: block;margin: 0 auto;}
  .step-wrap{flex-direction:column;}
  .step-wrap .steps:not(:last-child){margin-bottom:10px;}
}

@media screen and (max-width: 480px){
	.inner_contents_point_box{font-size:14px;}
}

.ecosystem_goals{position: relative; height: 87px}
.ecosystem_goals li {
    position: absolute;
    font-size: 18px;
    font-size: 1.125rem;
    color: #333;
    padding: 1.389em;
    width: calc((100% + 60px)/3);
    border: 5px solid #0e405d;
    border-radius: 100px;
    text-align: center;
}
.ecosystem_goals li:nth-child(1) {
    z-index: 3;
}
.ecosystem_goals li:nth-child(2) {
    right: calc(((100% + 60px)/3) - 30px);
    border-color: #007ca6;
    z-index: 2;
}
.ecosystem_goals li:nth-child(3) {
    right: 0;
    border-color: #01a6ca;
    z-index: 1;
}

@media screen and (max-width: 1024px){
	.ecosystem_goals {
    height: auto;
}
	.ecosystem_goals li {
	    position: static;
	    width: 450px;
	    margin: 0 auto 1em;
	}
}

@media screen and (max-width: 1024px){
	.ecosystem_goals li {
	        width: 100%;
    padding: 1em 5px;
	}
}
	
.bbs-faq .q:after {
display: block;
width: 11px;
height: 11px;
border-top: 2px solid #000;
border-left: 2px solid #000;
transform: rotate(-135deg);
vertical-align: middle;
position: absolute;
right: 30px;
top: 50%;
margin-top: -8px;
content: '';
}

.bbs-faq .q.active:after {
transform: rotate(45deg);
}

.page-history{border-top: 1px solid #ccc; font-size: 16px; color: #3d3d3d; font-weight: 400;}
.page-history .item{border-bottom:1px solid #ccc;}
.page-history .q{display: flex; padding: 30px; line-height: 1.35;}
.page-history .date{width: 270px; color: #0a3274; font-weight: 500; font-size: 1.188em}
.page-history .tit{position: relative; padding-right: 30px;}
.page-history.toggle .tit:after{
	display: block;
	width: 10px;
	height: 10px;
	border-top: 1px solid #5a5a5a;
	border-left: 1px solid #5a5a5a;
	transform: rotate(-135deg);
	vertical-align: middle;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	content: ''; transition: transform ease-in-out .3s 
}
.page-history .closed .tit:after{
transform: rotate(45deg);
	
}
.page-history .a{background: #f4f4f4; border-top:1px solid #ccc; padding: 40px 30px; display: flex}
.page-history .img{width: 270px; padding-right: 30px;}
.page-history .txt{line-height: 1.5;}

.page-history .tit,.page-history .txt{flex:1; word-break:keep-all}

@media screen and (max-width: 841px){
	.page-history{font-size: 15px;}
	.page-history .q, .page-history .q > *{display: block;}
	
	.page-history .date{display: block; width: 100%; margin-bottom: 10px;;}
	.page-history .img{width: 35%; padding: 0; margin-right: 15px;}
	
	.page-history .q{padding: 15px}
	.page-history .a{padding: 20px 15px}
}

@media screen and (max-width: 380px){
	.page-history .a, .page-history .a > *{display: block;}
	.page-history .img{width:100%; margin: 0 0 10px;}
	
}

.bbs-view_c{font-size: .938em;}
.sort-bar{display: inline-block; margin: 0 8px; height: 13px; vertical-align: middle; background: #aaa; width: 1px}

.lecture_w{display: flex;    justify-content: space-between; flex-wrap:wrap; word-break:keep-all}
.lecture_w > li{width: 31.3%}
.lecture_w.col4 > li{width: 23%}
.lecture_w .t{display: block; margin: 15px 0 10px 0; font-size: 18px;}
.lecture_w img{display: block;}

@media screen and (max-width: 720px){
	.lecture_w > li{width:100% !important; margin-bottom: 30px;}
	.lecture_w > li:last-child{margin-bottom: 0;}
	
}

#greeting{position:relative; padding-bottom:100px;}
#greeting .cont-wrap{}
#greeting .cont-1{position:relative;}
#greeting .cont-2{position:relative;margin-top:30px;}

#greeting .img-1{margin:0; border-radius:30px; overflow:hidden; vertical-align:top; margin-bottom:60px}
#greeting .img-1 img{width:100%;}
#greeting .p-txt{letter-spacing:-.5px; color:#222; font-weight:600; line-height:1.6;}
#greeting .p-txt .tit{display:block; margin-bottom: 20px; }
#greeting .p-txt .st-2{color:#6ba80e; font-size:29px; font-weight:normal;}
#greeting .p-txt .st-3{color:#333;}
#greeting .p-txt .st-4{color:#333; text-decoration:underline;}

#greeting .ft-42{font-size:42px; color:#252a52;}
#greeting .ft-28{font-size:22px; margin:0 0 30px; font-weight: 400; color:#5a5a5a; word-break: keep-all;}
#greeting .ft-22{font-size:20px; margin:0 0 30px; font-weight: 400; color:#5a5a5a; word-break: keep-all;}
#greeting .ft-24{font-size:22px; margin:0 0 30px; font-weight: 400; color:#5a5a5a; word-break: keep-all;}

#greeting .left{width:40.6%; display:inline-block; vertical-align:top; float:none;}
#greeting .left:after{clear:both;}
#greeting .img-2{margin:0; border-radius:30px; overflow:hidden; vertical-align:top;}
#greeting .img-2 img{width:100%;}
#greeting .right{width:58.4%; padding:30px 0 0 60px; display:inline-block; vertical-align:top; float:none;}

/* #greeting .img-1{transform:translateY(60px); opacity:0; transition:all 1s 0.4s ease;}
#greeting .in-view .img-1{opacity:1; transform:translateY(0);}
#greeting .p-txt .tit{transform:translateY(60px); opacity:0; transition:all 1s 0.6s ease;}
#greeting .in-view .p-txt .tit{opacity:1; transform:translateY(0);}
#greeting .txt-1 .ft-28{transform:translateY(60px); opacity:0; transition:all 1s 0.8s ease;}
#greeting .in-view .txt-1 .ft-28{opacity:1; transform:translateY(0);}
#greeting .txt-1 .ft-22{transform:translateY(60px); opacity:0; transition:all 1s 1.2s ease;}
#greeting .in-view .txt-1 .ft-22{opacity:1; transform:translateY(0);}

#greeting .left{transform:translateX(60px); opacity:0; transition:all 1s 1.4s ease;}
#greeting .in-view .left{opacity:1; transform:translateX(0);}
#greeting .right{transform:translateX(-60px); opacity:0; transition:all 1s 1.6s ease;}
#greeting .in-view .right{opacity:1; transform:translateX(0);}
#greeting .cont-2{transform:translateY(-60px); opacity:0; transition:all 1s 1.8s ease;}
#greeting .in-view .cont-2{opacity:1; transform:translateY(0);} */

@media (max-width: 1240px){
	#greeting .left{width:100%; text-align:center;}
	#greeting .img-1{margin-bottom:40px}
	#greeting .img-2{width:auto; display:inline-block;}
	#greeting .right{width:100%; padding:60px 0 0 0;}

	#greeting .ft-42{font-size:37px;}
	#greeting .ft-28{font-size:20px; margin:0 0 30px;}
	#greeting .ft-22{font-size:18px; margin:0 0 30px;}
	#greeting .ft-24{font-size:20px; margin:0 0 30px;}
}
@media (max-width: 767px){
	#greeting{padding-bottom:40px;}
	#greeting .img-1{border-radius:10px;}
	#greeting .p-txt .tit{margin:20px 0 0px;}
	#greeting .ft-42{font-size:24px;}
	#greeting .ft-28{font-size:20px; margin:0 0 10px;}
	#greeting .txt-1 .ft-28 br{display:none;}
	#greeting .ft-22{font-size:18px; margin:0 0 10px;}
	#greeting .ft-22 br{display:none;}
	#greeting .p-txt .st-2{font-size:20px;}
	#greeting .right{padding:20px 0 0 0;}
	#greeting .cont-2{margin-top:0px; font-size:16px;}
	#greeting .cont-2 strong{font-size:20px;}

	#greeting .img-1{margin-bottom:20px}
	#greeting .ft-42{font-size:25px;}
	#greeting .ft-28{font-size:17px; margin:0 0 30px;}
	#greeting .ft-22{font-size:17px; margin:0 0 10px;}
	#greeting .ft-24{font-size:17px; margin:0 0 30px;}
}

.tit-bbb {
font-size: 1.875em;
line-height: 1.2;
color: #222;
font-weight: 700;
margin-bottom: 1em;
}
.khumba_gr .flex {
display: flex;
word-break: keep-all;
}
.khumba_gr .flex .txt {
margin-right: 30px;
flex: 1;
}
.khumba_gr .flex .img {
width: 30%;
}
.khumba_gr .flex .tit {
font-weight: 700;
}
.khumba_gr .flex .name {
font-size: 1.563em;
margin-left: 1rem;
}
.gray_box {
background: #f6f6f6;
border: 1px solid #ddd;
padding: 20px 1rem;
word-break: keep-all;
margin-bottom: 10px;
}
.donation_status .st-rec {
justify-content: center;
margin: 0 0 -2% -4%;
}
.st-rec {
display: flex;
flex-wrap: wrap;
margin: 0 0 -2% -2%;
text-align: center;
line-height: 1.35;
font-size: .938rem;
}
.donation_status .st-rec > li {
background: #0a326f;
border: 0;
width: 42%;
margin: 0 0 2% 4%;
}
.donation_status .st-rec > li >a {
color: #fff;
padding: 3rem 1rem;
font-size: 1.2rem;
line-height: 1;
}
.st-rec a {
display: block;
}
.sub_contents .main_bg_w {
position: relative;
background: url(https://com.khu.ac.kr/resources/user/khu_gtype4/sub_contents/cu_main.jpg) left bottom no-repeat;
background-size: cover;
}
.sub_contents .txt {
color: #fff;
background: linear-gradient(to right, transparent, #000);
padding: 4rem 4rem;
}
.flex-img{display: flex; flex-wrap:wrap; margin: 0 0 -30px -2%;}
.flex-img > *{width:48%; margin: 0 0 30px 2%; align-items:flex-start}
.flex-img .img{position: relative; padding-bottom: 62%; overflow: hidden;}
.flex-img .img img{position: absolute; left: 0; right: 0; top:0; bottom: 0}

@media (max-width: 720px){
.sub_contents .txt {padding: 2rem 2rem;}
}

@media (max-width: 480px){
.flex-img > *{width:98%}
.flex-img .img{padding-bottom: 0}
.flex-img .img img{position: static;}
}


.group dl.pp {
    position: relative;
    border: 1px solid #E4E4E4;
    padding: 20px 20px 20px 140px;
    margin-bottom: 10px;
}

.group dl.pp dt {
    font-size: 16px;
    color: #25467D;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #E4E4E4;
}

.group dl.pp #photo1-1 {
    background: URL("") center center no-repeat;
}

.group dl.pp dd.photo {
    position: absolute;
    left: 20px;
    top: 20px;
    width: 90px;
    height: 110px;
    border: 1px solid #EDEDED;
    padding: 3px;
}

.group dl.pp dd {
    clear: both;
    margin-bottom: 5px;
}

.group dl.pp dd {
    clear: both;
    margin-bottom: 5px;
    
    display: flex;
}

.group dl.pp dd span.tt {
    float: left;
    color: #25467D;
    letter-spacing: -1px;
    padding-right: 7px;
    background: URL("../mp05_images/sub/bul01.png") left center no-repeat;
    
    width:8em
}
.group dl.pp dd > ul{flex:1; width:calc(100% - 8em)}

.group dl.pp dt {
    font-size: 16px;
    color: #25467D;
    font-weight: 700;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #E4E4E4;
}

@media (max-width:500px){
    .group dl.pp {padding: 140px 20px 20px 20px;}
}

.wrap_pro{display: flex;
    justify-content: space-between;
    width: 100%;}
.wrap_pro .photo {
    width: 18%;
}
.wrap_pro .pec_80 {
    width: 80%;
    display: inline-block;
}
.wrap_pro table th {
    color: #333;
    font-weight: bold;
    word-break: keep-all;
    vertical-align: top;
    width:6.7em
}
.wrap_pro table td {
    padding-left: 10px;
    padding-bottom: 15px;
}

@media screen and (max-width: 680px){
	.wrap_pro {
	    display: block;
	}
	.wrap_pro .photo {
	    width: 50%;
	    margin: 0 auto 15px;
	}
	.wrap_pro table th{width:4.5em}
	.wrap_pro table.pec_80 {
	    width: 100%;
	}
	
	.group dl.pp dd{flex-flow: column;}
	.group dl.pp dd span.tt,
	.group dl.pp dd > ul{width:100%}
}

.border_top_st1 {
border-top: 2px solid #3a3b3f;
}
.border_top_st1.info .cont {
flex-wrap: wrap;
padding: 0 0 40px 0;
margin-right: -35px;
}
.border_top_st1 .cont {
border-bottom: 1px solid #cccccc;
display: flex;
}
.border_top_st1.info .cont > li {
width: calc(33.333% - 35px);
margin-right: 35px;
text-align: center;
border: 1px solid #ccc;
margin-top: 40px;
padding: 40px 20px;
}
.bg_lion {
background: url(/resources/user/_common/_layout/type_g_2_sub_visual/img/bg_lion.png) no-repeat right bottom;
background-size: 34%;
}
.border_top_st1.info .cont > li > img {
margin-bottom: 10px;
}
@media screen and (max-width: 800px){
.border_top_st1.info .cont > li {
width: calc(50% - 35px);
margin-right: 35px;
}
}
@media screen and (max-width: 400px){
.border_top_st1.info .cont > li {
width: calc(100% - 35px);
margin-right: 35px;
}
}

.steps-st1{display:flex; margin-left: -30px; text-align: center; flex-wrap:wrap}
.steps-st1 > li{width:calc(25% - 30px); position:relative; margin-left: 30px; border:1px solid #ddd}
.steps-st1 > li:before{display: inline-block;width: 10px;height: 10px;border-top: 2px solid #aaa;border-left: 2px solid #aaa;vertical-align: middle;position: absolute;top: 50%;margin-top: -5px; left:-23px; content: '';     transform: rotate(135deg)}
.steps-st1 > li:first-child:before{display: none;}
.steps-st1 .t{background: rgb(22, 43, 72); color: #fff; padding: 10px 5px}
.steps-st1 .c{padding: 10px 5px}

.steps-st1.col3 > li{width: calc(33.333% - 30px)}
.steps-st1.col2 > li{width: calc(50% - 30px)}

@media screen and (max-width: 720px){
	.steps-st1{margin-bottom: -20px; margin-left: -20px;}
	.steps-st1 > li{width: calc(50% - 20px); margin-bottom: 20px; margin-left: 20px;}
	.steps-st1 > li:before{left: -18px}
	.steps-st1 > li:nth-child(3):before{display: none;}
	.steps-st1.col3 > li:nth-child(3):before{display: block;}
	.steps-st1.col3 > li{width: calc(50% - 20px)}
	.steps-st1.col2 > li{width: calc(50% - 20px)}
}

@media screen and (max-width: 768px){
	.stu-intro .float:not(.type) > li{padding-top: 40px;}
	.stu-intro .float > li:not(:last-child){margin-bottom: 50px;}
}

.sub-history li.month span {
min-width: 250px;
}

.steps-st1 > li {
margin-bottom: 1em;
}

.gray_box {
padding: 1.8rem 1.8rem;
}

.cont-people{display: flex; flex-wrap:wrap; margin: 0 0 -20px -20px;}
.cont-people > li{width: calc(33.333% - 20px); margin: 0 0 20px 20px; border:1px solid #ccc; padding: 15px; box-shadow: 3px 3px 8px rgba(0,0,0,.18);}
.cont-people .name{display: flex; font-weight: 700; color: #000; font-size: 1.25rem; align-items:center; line-height: 1.15;}
.cont-people .name span{color: #c30013; font-weight: 400; font-size: 1rem; margin-left: 10px;}
.cont-people .pos{margin: 3px 0 10px; line-height: 1.15; display: block;}

@media screen and (max-width: 1024px){
	.cont-people > li{width: calc(50% - 20px)}
}

@media screen and (max-width: 720px){
	.cont-people > li{width: calc(100% - 20px)}
	
}

/* 연혁  */
.history-st1 .item{display: flex; padding: 43px 0; align-items: flex-start; position: relative;}
.history-st1 .item::before{ content: ''; position: absolute; display: block; width: 1px; background: #d8d8d8; height: 100%; left: 50%; top: 0;}
.history-st1 .item:first-child::before{background: #6a0005;}
.history-st1 .item strong, .history-st1 .item p{padding:0 35px; width: 50%}
.history-st1 .item strong{position: relative;}
.history-st1 .item strong::before{width: 37px; height: 37px; border: 1px solid #6a0005; content: ''; border-radius: 50%; right: 0; margin: -18px -19px 0 0; position: absolute; top: 50%;}
.history-st1 .item strong::after{position: absolute; right: -1px; top: 50%; width: 11px; height: 11px; background: #6a0005; border-radius: 50%; margin-top: -5px; margin-right: -5px; content: ''; z-index: 1;}
.history-st1 .item strong.r::before{left: -18px}
.history-st1 .item strong.r::after{left: -5px;}
.history-st1 .l{text-align: right;}
.history-st1 .r{order: 2}

.layout-st1{display: flex; padding-top: 3rem; padding-bottom: 3rem; border-bottom: 1px solid #d8d8d8;}
.layout-st1 .title{font-size: 24px; font-size: 1.500rem; color: #6a0005; font-weight: 500; width: 230px; padding-right: 0.833em;}
.layout-st1 .cont{width: calc(100% - 230px);}
.layout-st1 .cont .inner_contents_title_middle:nth-child(4){margin-top:2.500rem; }
.layout-st1 .cont .img img{margin-top:1.250rem }
.layout-st1 .layout-st1-table {border-top: 2px solid #6a0005; width: 100%; text-align: center;}
.layout-st1 .layout-st1-table th{background: #f7f7f7; font-weight: 500;}
.layout-st1 .layout-st1-table td{font-weight: 400;}
.layout-st1 .layout-st1-table th, 
.layout-st1 .layout-st1-table td{padding: 20px; border-bottom:1px solid #cccccc; border-right: 1px solid #cccccc;}
.layout-st1 .layout-st1-table th:last-child, td:last-child{ border-right: 0;}
.layout-st1 .layout-st1-table .list_wrap{display: flex; flex-wrap: wrap;}
.layout-st1 .layout-st1-table .list_wrap li{width: 50%; font-weight: 400;}


.layout-st1 .layout-st1-table .photo_table_img{background: #f3f3f3; width: 20%}
.schedule .layout-st1{display: block;border-bottom: 0;}
.schedule .layout-st1 .title{font-size: 24px; font-size: 1.500rem; color: #6a0005; font-weight: 500; width: 100%; padding-right: 0.833em;}
.schedule .layout-st1 .cont{width: 100%; margin: 25px 0 20px 0;}
.schedule .layout-st1 .cont tr td:last-child{text-align: left;}
/* science_kor */
.layout-st1 .layout-st1-table td[class]{border-right:0;}
@media (max-width: 1100px){
	.layout-st1 .layout-st1-table .list_wrap li{width: 100%;}
}

@media (max-width: 1024px){

    .layout-st1{display: block;}
    .layout-st1 .title{width: 100%; margin-bottom: 0.5rem;}
    .layout-st1 .title br{display: none;}
    .layout-st1 .cont{width: 100%;}
    
	/* 연혁  */
	.history-st1 .item{flex-direction: column; padding: 20px 0;}
    .history-st1 .item::before{left: 14px;}
    .history-st1 .item strong, .history-st1 .item p{padding: 0 0 0 43px; width: 100%}
    .history-st1 .item strong::before{left:0; width: 30px; height: 30px; margin-top: -12px}
    .history-st1 .item strong::after, .history-st1 .item strong.r::after{margin-top: -3px; left: 9px;}
    .history-st1 .item strong.r::before{left: 0}

    .history-st1 .l{text-align: left;}
    .history-st1 .r{order: 0}

}
@media (max-width: 720px){
	.layout-st1 .pont_box_wrap{display: block;}
 	.layout-st1 .pont_box_wrap li{width: 100%}
 	.layout-st1 .professor_wrap{display: flex; flex-wrap: wrap;}
	.layout-st1 .professor_wrap li{width: 50%;}
 	
}

.sub-history { width: 100%; } .sub-history li.month { font-size: 1.063rem; color: #3d3d3d; line-height: 1.4; } .sub-history li { display: flex; align-items: flex-start; min-height: 80px; padding: 25px 20px; border-top: 1px solid #ccc; } .sub-history li.month span { min-width: 150px; font-weight: 500; } .sub-history li:last-child { border-bottom: 1px solid #ccc; }


/* 2024-02-08 전체 메인 팝업 레이아웃 스타일 정의 */
.main__popup-wrap{position: absolute;top: 155px;z-index: 999999; width: fit-content; height: 520px; background-color: #fff;}
.main__popup{max-width: 520px;}
.main__popup .slick-dots { position: absolute; bottom: 10px; left: 10px; display: flex; align-items: center; gap: 10px; }
.main__popup .slick-dots button { font-size: 0; width: 38px; height: 7px; background: #243b65; opacity: 0.5; transition: all .3s ease; }
.main__popup .slick-dots .slick-active button { width: 66px; opacity: 1; }
/* .main__popup{display: flex;}
.main__popup-box{width: 350px;height: auto;} */
.main__popup-box >a{display: block;}
.main__popup-box >a >img{width: 100%; height: 100%; /* object-fit: cover;*/}
.main__popup-btn{display: block;height: fit-content;position: absolute;top: 0;left: 100%;}
.main__popup-btn .popupToggle{width: 50px;display: flex;flex-flow: column;overflow: hidden;border-radius: 0 10px 10px 0;box-shadow: 3px 3px 8px rgba(0, 0, 0, 0.3);}
.main__popup-btn .popupToggle strong{width: 100%;height: 120px;background: #fff;writing-mode: vertical-rl;display: flex;align-items: center;justify-content: center;font-size: 15px;font-weight: 900;color: #082a62;}
.main__popup-btn .popupToggle span{display: inline-block;background: #222;position: relative;width: 100%;height: 50px;}
.main__popup-btn .popupToggle span:before{content: '';position: absolute;top: 50%;left: 46%;transform: translate(-50%, -50%) rotate(45deg);width: 10px;height: 10px;border-top: 2px solid #fff;border-right: 2px solid #fff;}
/* .main__popup-wrap.opend{left: 0;} */
.main__popup-btn .popupToggle.isActive span:before{left: 53%;transform: translate(-50%, -50%) rotate(225deg);}
.main__popup, .main__popup > .slick-list, .main__popup > .slick-list > *, .main__popup > .slick-list > * > *, .main__popup > .slick-list > * > * > *, .main__popup > .slick-list > * > * > * > *, .main__popup > .slick-list > * > * > * > * > *{height: 100%;}
.main__popup > .slick-list > * > * > *{display: inline-flex; align-items: center; width: 100%;}

@media (max-width: 1024px){
	.main__popup-wrap{height: 400px;}
}
@media (max-width: 768px){
	.main__popup-wrap{height: 350px;}
}

@media (max-width: 720px){
	.main__popup-btn .popupToggle{width: 40px;}
	.main__popup-btn .popupToggle strong{height: 100px;}
	.main__popup-btn .popupToggle span{height: 40px;}
	
	.main__popup{max-width: 80vw;}
}
@media (max-width: 480px){
	.main__popup-btn .popupToggle{width: 30px; border-radius: 0 8px 8px 0;}
	.main__popup-btn .popupToggle strong{height: 70px; font-size: 13px}
	.main__popup-btn .popupToggle span{height: 30px;}
	.main__popup-btn .popupToggle span:before{width: 8px; height: 8px;}
}


/* 2024-05-13 ESG 위원회*/
.sdg_wrap img{ max-width: 175px; max-height: 175px; /* border-radius: 10px; -moz-border-radius:10px;*/} 
.sdg_wrap{ overflow: hidden; position: relative; max-width: 1140px; margin:0 auto; padding-top:50px;} 
.sdg_wrap .box{ max-width:175px; max-height: 175px; float: left; margin-right: 15px; margin-bottom: 15px;} 
.sdg_wrap .box:after { display: block; content:''; clear: both;} .btn{ position: relative; display: inline-block; } 
.sdg_wrap .btn3::before{ content: ""; position: absolute; top:50; left: 190; display: block; width:175px; height: 175px; z-index: 1; background-color: #fff; -webkit-transform: scaleX(.3); transform:scaleX(.3); opacity: 0; transition:all .3s;} 
.sdg_wrap .btn3:hover::before{ opacity: 0.5; background-color: #fff;  -webkit-transform: scaleX(1); transform: scaleX(1); transition: -webkit-transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity .4s; transition: transform .6s cubic-bezier(.08, .35, .13, 1.02), opacity; }  
 @media screen and (max-width:480px){ 
	 .sdg_wrap img{ width: 140px; height: 140px;} 
	 .sdg_wrap .box {width:140px; height: 140px; float: left; margin-right: 7px; margin-bottom: 7px;} 
	 .sdg_wrap .btn3::before {width:140px; height: 140px; top:50; left:147}
 }  
 
 
 
 
/* 경희대 연혁 스타일 */
.tit02 { position: relative; margin: 0; padding: 40px 0 0 0; font-size: 27px; font-size: 1.688rem; color: #6a0005; font-weight: 600; text-align: left; }

.table01 {margin:30px 0 0 0; width: 100%; line-height: 130%; border-bottom: 1px solid #ccc2c2; border-collapse: collapse; text-align:center;}
.table01.mL25 {margin-left:25px;}
.table01 th {width:192px; font-size:14px; font-size:0.875rem; font-weight:normal; background: #faf9f5; color: #873a35; border-top:1px solid #ddd; box-sizing:border-box;}
.table01 tr:first-child th, .table01 tr:first-child td {border-top:1px solid #6a2c32;}
.table01 td {padding:15px 20px; font-size:14px; font-size:0.875rem; border-top:1px solid #ddd; border-left:1px solid #ddd; color: #555; text-align:left; line-height:157%; box-sizing:border-box;}
.table01 .withBtns .btnsW {position:absolute; right:20px; top:50%; margin-top:-17px;}
.table01 td.withBtns {position:relative; padding:26px 160px 26px 20px;}
.table01 .withBtns .btnsW .btn01 {margin-left:8px;}


/* type3 건강센터 > AED위치안내 */
.mapList-container .mapList tbody tr:hover { background: #f4f4f4; }
.mapList-container .mapList tbody tr.on { position: relative; }
.mapList-container .mapList .mapListBtn { position: relative; }
.mapList-container .mapList .on * { font-weight: 700; color: #b93737; }
.mapList-container .mapImgList-container { position: relative;  overflow-x: auto;}
.mapList-container .mapImgList-container .mapImg { width: 1200px; }
.mapList-container .mapImgList {position:absolute; top:0; left:0; width:100%;}
.mapList-container .mapImgList li .num { display: inline-flex; align-items: center; justify-content: center; padding:10px 0; width:35px; height:30px; border-top:2px solid #b93737; background:#fff;}
.mapList-container .mapImgList li.on .num { background: #b93737; color: #fff; font-weight: 700; }
.mapList-container .mapImgList li.no01 {position:absolute;left: 503px;top: 104px;}
.mapList-container .mapImgList li.no02 {position:absolute;left: 642px;top: 256px;}
.mapList-container .mapImgList li.no03 {position:absolute;left:714px;top: 199px;}
.mapList-container .mapImgList li.no04 {position:absolute;left: 1016px;top: 344px;}
.mapList-container .mapImgList li.no05 {position:absolute;left: 833px;top: 146px;}
.mapList-container .mapImgList li.no06 {position:absolute;left: 802px;top: 217px;}
.mapList-container .mapImgList li.no07 {position:absolute;left: 883px;top: 251px;}
.mapList-container .mapImgList li.no08 {position:absolute;left: 952px;top: 265px;}
.mapList-container .mapImgList li.no09 {position:absolute;left: 1030px;top: 265px;}
.mapList-container .mapImgList li.no10 {position:absolute;left: 1020px;top: 147px;}
.mapList-container .mapImgList li.no11 {position:absolute;left: 1122px;top: 285px;}
.mapList-container .mapImgList li.no12 {position:absolute;left: 345px;top:222px;}
.mapList-container .mapImgList li.no13 {position:absolute;left: 972px;top: 425px;}
.mapList-container .mapImgList li.no14 {position:absolute;left: 952px;top: 464px;}
.mapList-container .mapImgList li.no15 {position:absolute;left: 530px;top: 436px;}
.mapList-container .mapImgList li.no16 {position:absolute;left:631px;top: 561px;}
.mapList-container .mapImgList li.no17 {position:absolute;left: 130px;top: 101px;}
.mapList-container .mapImgList li.no18 {position:absolute;left: 320px;top: 351px;}
.mapList-container .mapImgList li.no19 {position:absolute;left: 291px;top: 293px;}
.mapList-container .mapImgList li.no20 {position:absolute;left: 388px;top: 269px;}
.mapList-container .mapImgList li.no21 {position:absolute;left: 1011px;top: 386px;}
.mapList-container .mapImgList li.no22 {position:absolute;left: 570px;top: 573px;}
.mapList-container .mapImgList li.no23 {position:absolute;left: 720px;top:18px;}
.mapList-container .mapImgList li.no24 {position:absolute;left: 921px;top: 651px;}
.mapList-container .mapImgList li.no25 {position:absolute;left: 370px;top: 375px;}
.mapList-container .mapImgList li.no26 {position:absolute;left: 875px;top: 590px;}
.mapList-container .mapImgList li.no27 {position:absolute;left: 966px;top: 569px;}
.mapList-container .mapImgList li.no28 {position:absolute;left: 509px;top: 519px;}
.mapList-container .mapImgList li.no29 {position:absolute;left: 699px;top: 584px;}
.mapList-container .mapImgList li.no30 {position:absolute;left: 917px;top: 59px;}
.mapList-container .mapImgList li.no31 {position:absolute;left: 788px;top: 640px;}
.mapList-container .mapImgList li.no32 {position:absolute;left: 716px;top: 367px;}
.mapList-container .mapImgList li.no33 {position:absolute;left: 435px;top: 238px;}
.mapList-container .mapImgList li.no34 {position:absolute;left: 96px;top: 152px;}
.mapList-container .mapImgList li.no35 {position:absolute;left: 992px;top: 40px;}
.mapList-container .mapImgList li.no36 {position:absolute;left: 713px;top: 443px;}
.mapList-container .mapImgList li.no37 {position:absolute;left: 881px;top: 650px;}
.mapList-container .mapImgList li.no38 {position:absolute;left: 7px;top: 600px;}