@charset "utf-8";

#container{position:relative;z-index:3;margin-top:280px;background-color: #e1e1e1;}

.local{background-color:#787878;}
.local_bg{background-color:#e1e1e1;height:60px;position:absolute;right:0;top:10px;}
.local .inner{position:relative;height:50px;padding-top:20px;}
.local .inner:after{content:'';height:10px;background-color:#004191;display:block;position:absolute;left:0;bottom:0;width:100%;}
.local h2{padding-left:12px;font-size:25px;color:#fff;font-weight: 400;}
.local .navi{width:360px;z-index:2;position:absolute;right:0;bottom:0;height:60px;padding-right:20px;padding-top:24px;text-align:right;font-size:12px;color:#a0a0a0;background-color:#fff;}
.local .navi a{font-size:12px;color:#a0a0a0;}

.depth1_intro{position:absolute;right:0;top:0;z-index:2;width:360px;height:100%;background:rgba(0,65,145, .8);padding:70px 40px 0;color:#fff;}
.depth1_intro h3{position:relative;padding-top:20px;font-size:28px;line-height:49px;}
.depth1_intro h3:after{content:'';display:block;position:absolute;top:0;left:0;width:40px;height:5px;background-color:#fff;}
.depth1_main{padding-right:350px;}

/*sub_visual*/
.sub_visual{position:relative;height:280px;}
.sub_news{background-size: cover;}
.sub_research{background-size: cover;}
.sub_rnd{background-size: cover;}
.sub_faculty{background-size: cover;}
.sub_recruit{background-size: cover;}
.sub_labs{background-size: cover;}
.sub_edu{background-size: cover;}
.sub_intro{background-size: cover;}
.sub_company{background-size: cover;}

.sub_visual .intro{position:absolute;right:0;top:0;width:360px;height:100%;background:rgba(0,65,145, .8);padding:40px;color:#fff;}
.sub_visual .intro h3{position:relative;padding-bottom:20px;font-size:19px;line-height:37px;}
.sub_visual .intro h3:after{content:'';display:block;position:absolute;bottom:0;left:0;width:40px;height:5px;background-color:#fff;}

.depth2_main .depth2_tit{position:relative;padding-top:20px;font-size:21px;line-height:28px;color:#005aaa;font-weight:Bold;padding-bottom:30px;}
.depth2_main .depth2_tit:after{content:'';display:block;position:absolute;top:0;left:0;width:40px;height:5px;background-color:#005aaa;}
.depth2_main .depth2_greeting{font-size:16px;line-height:28px;}


.contents{position:relative;background-color:#fff;}
.inside{padding:50px 50px 90px 50px;}


.view_pc .contents{min-height:150px;}

/*search */
.search_wrap{background-color:rgba(0,65,145, .8);padding:10px;}
.search_wrap .select_box {position:relative;}
.search_wrap .select_box .combo{width:100%;height:100%;border:1px solid #a1b8d5;}
.search_wrap .select_box .combo:after{content:'';display:block;clear:both;}
.search_wrap .select_box .combo .selected{float:left;width:70%;height:100%;line-height:38px;padding:0 10px;font-weight:bold;color:#fff;font-size:14px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.search_wrap .select_box .combo .button{float:right;position:relative;cursor: pointer;width:29%;height:100%;background:url('/common/images/common/btn_select_down.png') center center no-repeat;background-size:15px auto;}
.search_wrap .select_box .combo .button.on{background:url('/common/images/common/btn_select_up.png') center center no-repeat;background-size:15px auto;}
.search_wrap .select_box .combo .button:after{content:'';display:block;width:1px;height:100%;position:absolute;top:0;left:0;background-color:#a1b8d5}
.search_wrap .select_box + .select_box{margin-left:10px;}
.search_wrap .select_box .combo_list{display:none;position:relative;width:100%;background-color:#e1e1e1;z-index:20;border:1px solid #a1b8d5;border-top:none;}
.search_wrap .select_box .combo_list li{cursor: pointer;color:#878282;font-size:14px;padding:0 10px;height:32px;line-height:30px;border-top:1px solid #a1b8d5;}
.search_wrap .select_box .combo_list li:hover{background-color:#fff;}
.search_wrap  .search input{background-color:#fff;font-size:14px;color:#aaaaaa;padding:0 10px;}
.search_wrap  .search button{margin-left:10px;background:url('/common/images/common/btn_search.png') center center no-repeat;width:17px;height:16px;background-size:100% 100%;}

.search_wrap .select_box .combo.con-sel{border:1px solid #fff;border-right:1px solid #a1b8d5;background:#fff;}
.search_wrap .select_box .combo.con-sel .selected{color:#000;background:#fff;}
.search_wrap .select_box .combo.con-sel .button{background:url('/common/images/common/btn_select_down_02.png') center center no-repeat;background-size:15px auto;}

/*search - 새소식, 수상소식*/
.search_type2{margin-bottom:50px;}
.search_type2 .select_wrap {float:left;}
.search_type2 .select_box{float:left;width:128px;height:38px;}
.search_type2 .search{overflow:hidden;}
.search_type2 .search input{width:620px;height:40px;}

/*search - events*/
/* .search_type1 .select_box .combo{border:none;} */
.search_type1 .select_box .combo .button{width:20%}
.search_type1 .select_wrap {float:left;width:28%}
.search_type1 .select_box{float:left;width:100%;height:38px;}
.search_type1 .search{float:right;width:70%;}
.search_type1 .search input{width:92%;height:40px;}

/*search - labs*/
.search_type .search{width:100%;}
.search_type .search input{width:94%;height:40px;}

/*news*/
.list {overflow:hidden;padding-bottom:50px;}
.list > ul{width:1040px;}
.list > ul > li{float:left;margin-right:21px;margin-bottom:55px;/* height:405px */}
.list > ul > li .divLink{cursor:pointer;width:215px;height:330px;overflow:hidden;border:1px solid #e1e1e1;}
.list > ul > li .divLink .thumb{overflow:hidden;width:215px;height: 144px;/*height:215px;line-height:215px;background-color:#b4b4b4;*/text-align:center;/*vertical-align: middle;display: table-cell*/}
.list > ul > li .divLink .thumb img{vertical-align:middle;max-width: 215px;/*max-height: 144px*/}
.list > ul > li .divLink .list_txt{/* height:223px; */height:187px;padding:6px;overflow:hidden;}
.list > ul > li .divLink .nopic_list_txt{/* height:223px; *//* height:401px */height:324px;overflow:hidden;}
.list > ul > li .divLink .tit{position:relative;font-size:13px;line-height: 18px;color:#004191;font-weight:bold;padding:15px 0;}
/*
.list > ul > li .divLink .tit:after{content:'';display:block;width:25px;height:3px;background-color:#004191;position:absolute;bottom:0;left:0;}
*/
.list > ul > li .divLink .txt{position:relative;font-size:13px;line-height: 19px;color:#878282;}

/*list_card*/
/*행사소식*/
.list_card ul{width:1100px;padding-top:30px;}
.list_card li{float:left;margin-right:30px;margin-bottom:40px;position:relative;}
.list_card li:after{content:'';display:block;background:#004191 url('/common/images/common/icon_card_arrow.png') 442px 19px no-repeat;width:465px;height:170px;position:absolute;top:8px;right:0;z-index:1;}
.list_card li .divLink{display:block;width:475px;height:178px;position:relative;z-index:2;}
.list_card li .divLink dl{width:440px;height:170px;background-color:#e1e1e1;padding:25px;position:relative;z-index:2;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.list_card li .divLink dt{position:relative;font-weight:bold;color:#005aaa;font-size:15px;line-height:25px;height:53px;margin-bottom:13px;overflow:hidden;}
.list_card li .divLink dt:after{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
.list_card li .divLink dd{color:#646464;font-size:13px;line-height:18px;}


/*list_card_img*/
/*신임교원 , 대학원 안내, labs*/
.list_card_img ul{width:1100px;padding-top:4px;}
.list_card_img li{cursor:pointer;float:left;margin-right:30px;margin-bottom:40px;position:relative;height:200px;}
.list_card_img li:after{content:'';display:block;background:#005aaa url('/common/images/common/icon_card_arrow.png') 442px 19px no-repeat;width:465px;height:100%;position:absolute;top:8px;;right:0;z-index:1;}
.list_card_img li .divLink{display:block;width:475px;height:100%;position:relative;z-index:2;overflow:hidden;}
.list_card_img li .divLink .photo{float:left;;width:160px;height:100%;background-color:#d9d9d9;overflow:hidden;}
.list_card_img li .divLink .photo img{vertical-align:top;width:100%;height:100%;}
.list_card_img li .divLink dl{float:left;width:280px;height:100%;background-color:#e1e1e1;padding:25px;position:relative;z-index:2;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.list_card_img li .divLink dt{position:relative;font-weight:bold;color:#005aaa;font-size:15px;line-height:20px;padding-bottom:14px;margin-bottom:13px;}
.list_card_img li .divLink dt:after{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
/* .list_card_img li .divLink .research_center .labs_info:before{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;top:-15px;left:0;} */
.list_card_img li .divLink dd{color:#646464;font-size:13px;line-height:21px;word-break:break-all;}

.list_card_img2{margin-top:66px;margin-bottom:100px;}
.list_card_img2 ul{width:1100px;padding-top:4px;}
.list_card_img2 li{cursor:pointer;float:left;margin-right:30px;margin-bottom:40px;position:relative;height:150px;}
.list_card_img2 li:after{content:'';display:block;background:#005aaa;width:465px;height:100%;position:absolute;top:8px;;right:0;z-index:1;}
.list_card_img2 li .divLink{display:block;width:475px;height:100%;position:relative;z-index:2;overflow:hidden;}
.list_card_img2 li .divLink .photo{float:left;;width:120px;height:100%;background-color:#d9d9d9;overflow:hidden;}
.list_card_img2 li .divLink .photo img{vertical-align:top;width:100%;height:100%;}
.list_card_img2 li .divLink dl{float:left;width:347px;height:100%;background-color:#e1e1e1;padding:10px 25px;position:relative;z-index:2;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.list_card_img2 li .divLink dt{position:relative;font-weight:bold;color:#005aaa;font-size:16px;line-height:21px;padding-bottom:8px;margin-bottom:9px;}
.list_card_img2 li .divLink dt:after{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
/* .list_card_img li .divLink .research_center .labs_info:before{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;top:-15px;left:0;} */
.list_card_img2 li .divLink dd{color:#646464;font-size:13px;line-height:21px;word-wrap: break-word;}
.list_card_img2 li .divLink dd .tag{width:60px;color:#969696;display:inline-block;}
.list_card_img2 li .divLink dd.fix .tag{float:left;}

/* .list_card_img3{margin-bottom:100px;} */
.list_card_img3 ul{width:1100px;padding-top:4px;}
.list_card_img3 li{cursor:pointer;float:left;margin-right:30px;margin-bottom:40px;position:relative;height:230px;}
.list_card_img3 li:after{content:'';display:block;background:#005aaa;width:465px;height:100%;position:absolute;top:8px;;right:0;z-index:1;}
.list_card_img3 li .divLink{display:block;width:475px;height:100%;position:relative;z-index:2;overflow:hidden;}
.list_card_img3 li .divLink .photo{float:left;;width:120px;height:100%;background-color:#e1e1e1;overflow:hidden;}
.list_card_img3 li .divLink .photo img{vertical-align:top;width:100%;height:150px;}
.list_card_img3 li .divLink dl{float:left;width:347px;height:100%;background-color:#e1e1e1;padding:20px 25px;position:relative;z-index:2;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.list_card_img3 li .divLink dt{position:relative;font-weight:bold;color:#005aaa;font-size:16px;line-height:21px;padding-bottom:8px;margin-bottom:9px;}
.list_card_img3 li .divLink dt:after{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
.list_card_img3 li .divLink dd{color:#646464;font-size:13px;line-height:21px;word-wrap: break-word;}
.list_card_img3 li .divLink dd .tag{width:60px;color:#969696;display:inline-block;}
.list_card_img3 li .divLink dd.fix .tag{float:left;}


.gallery li .photo{height:174px;}
/* .introduce .list_card_img2 li{height:150px;}
.introduce .list_card_img2 li .divLink .photo{width:120px;}
.introduce .list_card_img2 li .divLink dl{width:347px;}
.introduce .list_card_img2 li .divLink dt{font-size:16px;position:relative;}
.introduce .list_card_img2 li .divLink dt:after{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
.introduce .list_card_img2 li:after{background-image:none;}
.introduce .list_card_img2 li .tag{width:45px;} */

.facultyWebsite {float:left;width:77%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.events .list_card{padding-bottom:20px;}

.paging{text-align:center;font-weight:normal;color:#d7d7d7;}
.paging a{color:#969696;font-size:14px;font-weight:bold;margin:0 3px;}
.paging a:hover, .paging a.on{color:#005aaa;}


/*calendar*/
.calendar .contents{padding-top:80px;padding-bottom:90px;}
.calendar .month_wrap{text-align:center;}
.calendar .month_wrap *{vertical-align:middle;}
.calendar .month_wrap .btn{width:11px;height:18px;cursor: pointer;}
.calendar .month_wrap .month{color:#005aaa;font-size:22px;margin:0 50px;padding-bottom:5px;border-bottom:2px solid #005aaa}

.calendar .type_calandar{position:absolute;top:80px;right:50px;text-align:right;}
.calendar .type_calandar{font-size:0}
.calendar .type_calandar span{cursor: pointer;font-weight:bold;font-size:12px;color:#aaa;width:90px;height:35px;line-height:35px;text-align:center;border:1px solid #e1e1e1;}
.calendar .type_calandar span + span{border-left:none;}
.calendar .type_calandar .on{color:#505050;}

.calendar {margin-top:56px;}
.calendar .grid_view .skip_grid{display:none;}
.calendar .list_view .skip_list{display:none;}
.calendar .grid_view .th, .calendar .grid_view .td{display:table;width:100%;}
.calendar .grid_view .th li, .grid_view .td li{display:table-cell;}
.calendar .grid_view .th li:first-child, .grid_view .td li:first-child{width:5.5% !important;border-left:none;}
.calendar .grid_view .th li:last-child, .grid_view .td li:last-child{width:8% !important;border-right:none;}
.calendar .grid_view .th li{color:#b4b4b4;text-align:center;padding:10px 0;width:12.7%;border-left:none;}
.calendar .grid_view .td li{vertical-align: top;position:relative;width:12.7%;height:100px;padding:40px 0 9px;font-size:11px;font-weight:bold;border:1px solid #dcdcdc;border-left:none;}
.calendar .grid_view .td li.today{background-color:#e5eef6}
.calendar .grid_view .td dl{margin-left:10px;margin-right:10px;}
.calendar .grid_view .td dl + dl{margin-top:3px;}
.calendar .grid_view .td dt{color:#005aaa;}
.calendar .grid_view .td dd{line-height:16px;color:#505050;}
.calendar .date_grid{position:absolute;top:5px;left:10px;letter-spacing:-1px;font-weight:bold;color:#505050;font-size:27px;}

.calendar .list_view {border-top:2px solid #005aaa;margin:0 15px;}
.calendar .list_view .th li:first-child, .list_view .td li:first-child{display:none}
.calendar .list_view .th li:last-child, .list_view .td li:last-child{display:none;}
.calendar .list_view .td li{vertical-align: top;position:relative;width:100%;height:auto;padding:14px 10px;font-size:11px;font-weight:bold;border:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.calendar .list_view .th li, .list_view .td li{border-bottom:1px solid #dcdcdc !important;}
.calendar .list_view .td li.today{background-color:#e5eef6}
.calendar .list_view .td dl + dl{margin-top:3px;}
.calendar .list_view .td dt{font-size:13px;color:#646464;font-weight:normal;}
.calendar .list_view .td dd{font-size:13px;color:#005aaa;line-height:16px;}
.calendar .list_view .date_list{font-size:13px;color:#646464;font-weight:bold;padding-bottom:6px;}
.calendar .list_view .td li.none{display:none;}

/*page_tit*/
.page_tit{position:relative;color:#005aaa;font-size:21px;line-height:27px;padding:15px 0 25px 3px;font-weight:bold;}
.page_tit:after{content:'';position:absolute;top:0;left:0;width:40px;height:5px;background-color:#005aaa;}

.detail_board{border-top:2px solid #005aaa;border-bottom:2px solid #005aaa;}
.detail_board .summary{padding:25px 20px 25px;background-color:#f0f0f0;}
.detail_board .summary ul li + li{margin-top:15px;}
.detail_board .summary ul li{display:table;}
.detail_board .summary ul li .label{display:table-cell;min-width:80px;font-size:14px;color:#005aaa;}
.detail_board .summary ul li span + .label{position:relative;display:table-cell;font-size:14px;color:#005aaa;min-width:auto;padding:0 12px 0 26px;}
.detail_board .summary ul li span + .label:after{content:'/';display: block;color:#646464;font-size:14px;position:absolute;left:12px;top:0;}
.detail_board .summary ul li span{display:table-cell;font-size:14px;color:#646464;}
.detail_board .detail_area{padding:45px 20px;}
.seminars dl + dl{margin-top:30px;}
.seminars dl dt{font-weight:bold;padding-bottom:5px;}
.seminars dl dd{line-height:26px;}

.by{padding-top:15px;padding-left:20px;font-size:12px;}
.btn_right{text-align:right;padding-top:25px;}
.btn_right .btn_list{width:140px;height:35px;background-color:#005aaa;text-align:center;line-height:36px;color:#fff;font-weight:bold;font-size:16px;}
.btn_right .btn_list span{background:url('/common/images/common/btn_arrow_l.png') left center no-repeat;background-size:10px auto;padding-left:43px;}

/*introduce*/
.list_people{padding:20px 0 100px;}
.list_people ul{width:1190px;}
.list_people li{float:left;margin-top:50px;margin-right:60px;}
.list_people li .divLink{display:block;width:200px;position:relative;}
.list_people .photo{width:160px;height:200px;line-height:200px;z-index:2;position: relative;}
.list_people .photo img{width:100%;max-height:200px}
.list_people .name{position:absolute;left:0px;top:110px;width:190px;font-size:14px;padding:100px 0 16px 10px;font-weight:bold;color:#fff;
	background:#005aaa url('../images/common/icon_card_arrow.png') 177px 13px no-repeat;background-size:10px 15px;}
.list_people .subject{font-size:13px;color:#3c3c3c;height:48px;line-height: 21px;padding:52px 0 0 15px;overflow:hidden;background-color:#e1e1e1;}

.introduce .list_card_img{margin-top:66px;margin-bottom:100px;}
.introduce .list_card_img li{height:150px;}
.introduce .list_card_img li .divLink .photo{width:120px;}
.introduce .list_card_img li .divLink dl{width:347px;}
.introduce .list_card_img li .divLink dt{padding-bottom:16px;margin-bottom:12px;font-size:16px;position:relative;}
.introduce .list_card_img li .divLink dt:after{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
.introduce .list_card_img li:after{background-image:none;}
.introduce .list_card_img li .tag{color:#969696;display:inline-block;width:45px;}

/* .introduce .list_card_img2{margin-top:66px;margin-bottom:100px;}
.introduce .list_card_img2 li{height:150px;}
.introduce .list_card_img2 li .divLink .photo{width:120px;}
.introduce .list_card_img2 li .divLink dl{width:347px;}
.introduce .list_card_img2 li .divLink dt{font-size:16px;position:relative;}
.introduce .list_card_img2 li .divLink dt:after{content:'';display:block;width:45px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
.introduce .list_card_img2 li:after{background-image:none;}
.introduce .list_card_img2 li .tag{color:#969696;display:inline-block;width:45px;} */

.select_major input{width:0;height:0;border:none;visibility: hidden;}
.select_major{display:table;width:100%;padding:20px 0 4px;border-left: 1px solid #82a0c8;border-right: 1px solid #82a0c8;}
.select_major p{width:14%;text-align:center;}
.select_major p, .select_major .li_major{display:table-cell;vertical-align: top;}
.li_major li{float:left;margin-right:11px;margin-bottom:15px;}
.select_major p label, .li_major li label{vertical-align:middle;padding-left:17px;background:url('/common/images/common/bg_check_off.png') left center no-repeat;color:#82a0c8;font-size:14px;line-height:16px;}
.select_major p input[type=checkbox]:checked + label, .li_major li input[type=checkbox]:checked + label{padding-left:17px;background:url('/common/images/common/bg_check_on.png') left center no-repeat;font-weight:Bold;}



/*lang_wrap*/
.lang_wrap{border:1px solid #82a0c8;display:table;width:99.8%;}
.lang_wrap .type_lang{display:table-cell;vertical-align: middle;width:23%;font-size:0;padding:17px 25px 10px;}
.lang_wrap .type_lang span{width:50%;text-align:center;font-size:14px;margin-bottom:7px;}
.lang_wrap span{cursor:pointer;font-weight:bold;color:#82a0c8;}
.lang_wrap span.on{color:#005aaa;}
.lang_wrap .select_spel{display:table-cell;vertical-align:middle;padding:17px 0 10px 12px;position:relative;}
.lang_wrap .select_spel:after{content:'';display:block;width:1px;height:100%;background-color:#dae3ed;position:absolute;top:0;left:0;}
.lang_wrap .spel_kor{}
.lang_wrap .spel_eng{display:none;}
.lang_wrap .spel_eng span{margin-left:1.6%;}
.lang_wrap .spel_kor span{margin-left:4%;margin-bottom:7px;}

/*rnd*/
.rnd .depth1_main{font-size:15px;line-height:28px;color:#005aaa;}

/*faculty_detail*/
.professor_introduce{border-bottom:1px solid #e1e1e1;}
.professor_introduce{padding-bottom:29px;display:table;width:100%;}
.professor_introduce .photo{display:table-cell;vertical-align:top;width:330px;padding-top:33px;}
.professor_introduce .photo .img{position:relative;width:200px;height:250px;background-color:#e1e1e1;z-index:3;}
.professor_introduce .photo .img img{position:relative;z-index:3;width:100%;height:100%;}
.professor_introduce .photo .img:after{content:'';display:block;border:1px solid #005aaa;width:100%;height:100%;position:absolute;top:24px;left:24px;z-index:1;}
.professor_introduce .profile{display:table-cell;vertical-align:top;text-align:left;}
.professor_introduce .profile h4{font-size:15px;color:#3c3c3c;font-weight:bold;padding-bottom:17px;border-bottom:1px solid #e1e1e1;margin-bottom:21px;}
.professor_introduce .profile dl + dl{padding-top:12px;}
.professor_introduce .profile dl dt{font-size:14px;color:#005aaa;font-weight:bold;}
.professor_introduce .profile dl dd{font-size:14px;color:#646464;line-height:26px;}

.faculty_detail .txt{line-height:30px;padding:35px 0 30px;}
/*new_profile_detail*/
.profile_detail{padding-top:30px;}
.profile_detail  h5{font-weight:bold;font-size:15px;padding-bottom:32px;}
.profile_detail dl{border-left:1px solid #005aaa;padding-left:24px;margin-bottom:50px;}
.profile_detail dt{padding-bottom:11px;color:#005aaa;font-weight:bold;}
.profile_detail dd + dt{padding-top:24px;}
.profile_detail dd{line-height:24px;}
.profile_detail .vision{padding-top:24px;}
.new_faculty_detail .btn_right{padding-top:30px;}

.recruit_alio{display:table;width:100%;margin-bottom:70px;}
.recruit_alio .in{font-weight:bold;vertical-align:middle;display:table-cell;padding:0 40px;width:50%;font-size:15px;color:#005aaa;line-height:25px;background-color:#e1e1e1;}
.recruit_alio .alio{padding:15px;background-color: #005aaa;display:table-cell;width:50%;font-size:15px;}
.recruit_alio .alio .logo_alio{float:left;width:120px;height:120px;text-align:center;line-height:120px;background-color: #fff;}
.recruit_alio .alio .logo_alio img{vertical-align:middle;}
.recruit_alio .alio a{display:block;float:left;color:#fff;font-size:15px;line-height: 25px;padding:23px 20px;}
.recruit_alio .alio a span{color:#ffeea0;font-size:14px;}
.recruit .list_card_img li{height:160px !important;}
.recruit .list_card_img li .divLink .photo{height:160px;overflow:hidden;}
/*.recruit .list_card_img li a .photo img{height:160px;}*/
/*labs*/
.labs .page_tit{margin-top: 60px;}
.labs .list_card_img li{height:180px !important;}
.labs .list_card_img li .divLink .photo{position:relative;width:130px; height: 180px; overflow:hidden;}
/*.labs .list_card_img li a .photo img{height:160px;}*/
.labs .list_card_img li dl{padding:20px 25px;width:310px;}
.labs .list_card_img li dt{height:60px;padding:0;overflow-y: auto;}
.labs .list_card_img li dd{font-weight: bold;margin-bottom: 4px;}
.labs .list_card_img li dd span{width:65px;font-weight: normal;}

/*initiative*/
.initiative .txt{font-size:15px;line-height:25px;}
.initiative h5{position:relative;margin:58px 0 23px;font-size:18px;padding-left:15px;font-weight:bold;}
.initiative h5:after{content:'';display:block;width:5px;height:100%;position:absolute;top:3px;left:0;background-color:#005aaa; }

.initiative .purpose{border:1px solid #e1e1e1;background-color:#f0f0f0;font-size:15px;padding:27px 29px;}
.initiative .purpose dt{padding-bottom:8px;}
.initiative .purpose dd{padding-left:15px;line-height:30px;}
.initiative .purpose dd + dt{margin-top:30px;}
.initiative .ps{font-size:15px;line-height:28px;font-weight:bold;}
.initiative .ps span{border-bottom:1px solid #646464;display:inline;}

.initiative .initiative_li li{font-size:15px;line-height:28px;}
.initiative .tb_subject{border-top:3px solid #505050;border-bottom: 3px solid #505050;}
.initiative .tb_subject th{font-weight:bold;padding:20px 10px;font-size:15px;color:#646464;border-bottom: 2px solid #505050;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;}
.initiative .tb_subject th:first-child,
.initiative .tb_subject td:first-child{border-left:none;}
.initiative .tb_subject th:last-child,
.initiative .tb_subject td:last-child{border-right:none;}
.initiative .tb_subject td{padding:20px 10px;text-align:center;font-size:15px;color:#646464;border:1px solid #c8c8c8;}
.initiative .tb_subject .point{color:#005aaa;}
.initiative .tb_schedul{border-top:3px solid #505050;border-bottom: 3px solid #505050;}
.initiative .tb_schedul th{font-weight:bold;padding:20px 20px;font-size:15px;color:#646464;border-bottom: 2px solid #505050;border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;}
.initiative .tb_schedul th:first-child,
.initiative .tb_schedul td:first-child{border-left:none;}
.initiative .tb_schedul th:last-child,
.initiative .tb_schedul td:last-child{border-right:none;}
.initiative .tb_schedul td{padding:20px 20px;text-align:left;font-size:15px;color:#646464;border:1px solid #c8c8c8;}

.tb_step th{width:30%;padding:15px 5px;border:2px solid #505050;background-color:#e1e1e1;border-bottom:none;font-weight:bold;font-size:15px;line-height:28px;}
.tb_step th span{color:#005aaa}
.tb_step td{width:30%;padding:15px 10px;border:2px solid #505050;text-align:Center;border-top:1px solid #505050;font-weight:bold;font-size:15px;line-height:26px;}
.tb_step .arrow{width:5%;border:none;background-color:#fff;}

.initiative .table_index{padding-top:18px;font-size:15px;line-height:28px;}

/*partnership*/
.partnership .list > ul > li .divLink{height:400px}
.info_major{margin-top:9px;border-top:2px solid #e1e1e1;border-bottom:2px solid #e1e1e1;padding:8px;}
.info_major li + li{margin-top:3px;}
.info_major em{vertical-align:middle;display:inline-block;width:48px;color:#646464;font-size:11px;line-height:14px;}
.info_major strong{vertical-align:middle;display:inline-block;width:70%;color:#646464;font-size:11px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}

/*company*/
.list_company ul li{float:left;width:360px;height:180px;overflow:hidden;}
.list_company ul li .divLink{cursor: pointer;}
.list_company ul li .divLink p{width:50%;height:180px;display:table-cell;vertical-align:middle;}
.list_company ul li .divLink .text{background-color:#99b4d0;color:#fff;text-align:center;font-size:14px;}
.list_company ul li .divLink .thumb{position:relative;background-color:#e1e1e1;}
.list_company ul li .divLink .thumb img{max-width:100%;}
.list_company .item_l .thumb:after{content:'';width:12px;height:100%;position:absolute;right:0;top:0;background:url('/common/images/common/icon/icon_company_l.png') center center no-repeat;background-size: 12px 15px;z-index:2;}
.list_company .item_r .thumb:after{content:'';width:12px;height:100%;position:absolute;left:0;top:0;background:url('/common/images/common/icon/icon_company_r.png') center center no-repeat;background-size: 12px 15px;z-index:2;}

/*employment*/
.employment .list_card li dd{line-height:21px;}
.employment .list_card li dd span{font-size:13px;color:#005aaa;width:65px;}

/*employment_detail*/
.employment_detail .inside, .company_detail .inside{padding-top:80px;}
.detail_area{line-height:26px;}

/*DEAN*/
.deans_list{}
.deans_list ul{width:1013px;}
.deans_list ul li{float:left;overflow:hidden;margin-right:33px;margin-bottom:50px;}
.deans_list ul li .dean{width:220px;margin:0 auto;}
.deans_list ul li h4{color:#005aaa;font-size:15px;padding-bottom:10px;font-weight:bold;}
.deans_list ul li .photo{position:relative;border-top:2px solid #005aaa;height:290px;background-color: #f6f6f6;line-height:245px;text-align:center;}
.deans_list ul li .photo img{vertical-align: middle;max-width:100%;}
.deans_list ul li .photo .img3{width:132px;}
.deans_list ul li .photo .img2{width:120px;}
.deans_list ul li .photo .name{position:absolute;bottom:0;left:0;width:100%;height:45px;line-height:45px;color:#fff;font-size:16px;font-weight:bold;text-align:center;background-color:rgba(0,65,145, .8);}
.deans_list ul li .period{height:45px;line-height:45px;text-align:Center;white-space: nowrap;color:#646464;font-size:13px;background-color: #e1e1e1;}

/*staff*/
.staff{}
.staff .page_txt{line-height:23px;padding-bottom:50px;}
.list_staff{width:1100px;}
.list_staff li{float:left;position:relative;margin-right:30px;margin-bottom:40px;width:475px;height:238px;padding-left:188px;border-top:2px solid #005aaa;overflow:hidden;background-color:#e1e1e1;}
.list_staff .link{width:160px;position: absolute;left:0;top:0;overflow:hidden;}
.list_staff .link .photo{height:200px;overflow:hidden;}
.list_staff .link a{width:100%;background:#005aaa url('/common/images/common/icon_card_arrow.png') 97.5% center no-repeat;background-size:10px 14px;padding-left:18px;color:#fff;font-weight:bold;height:38px;line-height:38px;}
.list_staff .info{padding:30px 0 0 0;overflow:hidden;}
.list_staff .info dt{font-size:15px;line-height:23px;color:#646464;font-weight:bold;position:relative;padding-bottom:18px;margin-bottom:22px;}
.list_staff .info dt:after{content:'';display:block;width:93px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
.list_staff .info dt strong{color:#005aaa;}
.list_staff .info dd{padding-left:20px;position:relative;line-height:18px;}
.list_staff .info dd + dd{margin-top:9px;}
.list_staff .info dd:after{content:'ㆍ';color:#505050;font-size:15px;position:absolute;left:-4px;top:0;}

/*history*/
.list_history{}
.list_history th{padding:18px 28px 18px 0;border-right:2px solid #e1e1e1;font-size:24px;color:#005aaa;font-weight:bold;vertical-align:top;}
.list_history td{padding:18px 0;}
.list_history tr.first th{border-right:none;padding:0 28px 0 0;}
.list_history tr.first td{padding:0;}
.list_history .monthly{padding-left:27px;position:relative;}
.list_history .monthly:before{content:'';display:block;position:absolute;left:-11px;top:3px;background-image:url('/common/images/common/icon_history.png');width:20px;height: 20px;z-index:3;background-size:100% 100%;}
.list_history .monthly .date{float:left;font-size:19px;line-height:27px;color:#969696;font-weight: bold;padding-right: 13px;}
.list_history .monthly .info{float:left;font-size:17px;line-height:27px;color:#3c3c3c;font-weight: bold;}
.list_history .detail{padding-left:89px;}
.list_history .box{padding:12px 12px 15px;background-color:#f5f5f5;border:1px solid #e1e1e1;margin-top:8px;}
.list_history .list_bullet{padding-left:15px;}
.list_history .list_bullet li{position:relative;padding-left:15px;line-height:25px;}
.list_history .list_bullet li:after{content:'';width:3px;height:3px;background-color:#646464;position:absolute;left:0;top:12px;}
.list_history .tb_border th{border:1px solid #b4b4b4;text-align:center;color:#505050;font-size:15px;line-height:25px;font-weight:bold;padding:0 !important;vertical-align: middle;}
.list_history .tb_border td{border:1px solid #b4b4b4;background-color:#fff;text-align:left;color:#505050;font-size:15px;line-height:25px;padding:19px 30px !important;}
.list_history .box_img .img{display:table-cell;width:197px;background-color:#a9a9a9;font-size:15px;color:#fff;font-weight:normal;vertical-align: middle;padding:0;}
.list_history .box_img .img img{width:197px;height:109px;}
.list_history .box_img .img .txt{font-size:15px;color:#fff;font-weight:bold;padding:10px;line-height:18px;text-align:center;}
.list_history .box_img .list_bullet{display:table-cell;vertical-align:middle;padding-left:30px;}

.list_history .detail table {margin:18px 0;width:100%;border-collapse:collapse;border-spacing:0}
.list_history .detail table th{border:1px solid #b4b4b4;text-align:center;color:#505050;font-size:15px;line-height:25px;font-weight:bold;padding:0 !important;vertical-align: middle;}
.list_history .detail table td{border:1px solid #b4b4b4;background-color:#fff;text-align:left;color:#505050;font-size:15px;line-height:25px;padding:19px 30px !important;}
.list_history .detail .box p {margin:18px 0}

/*search result*/
.search_result .tb_result{padding-top:10px;}
.search_result .tb_result th{background-color:#f0f0f0;height:33px;line-height:32px;border-top:2px solid #82a0c8;color:#5984be;text-align:left;font-size:13px;padding-left:24px;padding-right:16px;font-weight:bold;}
.search_result .tb_result th.rink{text-align:right;}
.search_result .tb_result th.rink a{color:#828282;background:url('../images/common/bg_result.png') right 11px no-repeat;padding-right:19px;}
.search_result .tb_result dl{padding:17px 20px 18px;border-bottom:1px solid #dcdcdc;}
.search_result .tb_result tr:last-child td dl{border-bottom:none;}
.search_result .tb_result dt{color:#636363;font-size:14px;padding-bottom:8px;font-weight:bold;}
.search_result .tb_result dd{color:#828282;font-size:12px;line-height:16px;}
.search_result .tb_result dd a{color:#4591de;font-size:12px;}
.search_result .paging{border-top:2px solid #82a0c8;padding-top:45px;}

/*entrance*/
.txt_entrance{margin-top:-11px;padding-bottom:54px;line-height:28px;}
.entrance_box{font-size:15px;height:150px;background-color: #e1e1e1;}
.entrance_box .left{float:left;padding:33px 0 33px 41px;}
.entrance_box .left th{width:44px;text-align:left;color:#005aaa;font-weight:bold;border-right:1px solid #005aaa;vertical-align: top;padding:5px 0 9px 0;}
.entrance_box .left td{line-height:15px;vertical-align:top;line-height:15px;padding:4px 34px 6px 10px;}
.entrance_box .left .tb1{float:left;}
.entrance_box .left .tb2{float:left;}
.entrance_box .left .tb2 table + table{margin-top:18px;}
.entrance_box .right{display:block;float:right;width:400px;height:150px;color:#fff;background:#005aaa url('../images/common/btn_arrow_r.png') 94% center no-repeat;}
.entrance_box .right p{padding-bottom:17px;margin-top:52px;margin-left:44px;}
.entrance_box .right span{font-size:14px;color:#ffeea0;margin-left:44px;}

.entrance2 h5{position:relative;margin:42px 0 15px;font-size:18px;padding:1px 0 1px 15px;font-weight:bold;}
.entrance2 h5:after{content:'';display:block;width:5px;height:100%;position:absolute;top:3px;left:0;background-color:#005aaa; }
.entrance2_txt{padding-bottom:82px;}
.entrance2_txt .first{margin-top:22px;}
.entrance2_txt p{line-height:28px;font-size:15px;}
.entrance2_txt .ps{padding-top:40px;}
.entrance2_txt .ps span{color:#005aaa;}
.entrance2_box{font-size:15px;background-color: #e1e1e1;}
.entrance2_box .left{float:left;line-height: 25px;height:85px;padding:45px 0 0 45px;color:#005aaa;}
.entrance2_box .left th{width:44px;text-align:left;color:#005aaa;font-weight:bold;border-right:1px solid #005aaa;vertical-align: top;padding:5px 0 9px 0;}
.entrance2_box .left td{line-height:15px;vertical-align:top;line-height:15px;padding:4px 34px 6px 10px;}
.entrance2_box .left .tb1{float:left;}
.entrance2_box .left .tb2{float:left;}
.entrance2_box .left .tb2 table + table{margin-top:18px;}
.entrance2_box .right{display:block;float:right;width:40%;height:115px;padding-top:55px;color:#fff;background:#005aaa url('../images/common/btn_arrow_r.png') 94% center no-repeat;}
.entrance2_box  .right p{padding-bottom:17px;margin-left:44px;}
.entrance2_box  .right span{font-size:14px;color:#ffeea0;margin-left:44px;}


/*scholarship*/
.scholarship h5{position:relative;margin:50px 0 23px;font-size:18px;padding-left:15px;font-weight:bold;}
.scholarship h5:after{content:'';display:block;width:5px;height:100%;position:absolute;top:3px;left:0;background-color:#005aaa; }
.scholarship .txt_scholarship{padding-bottom:10px;line-height:28px;margin-top:-10px;}
.scholarship .caption{color:#005aaa;padding-top:2px;padding-bottom:30px;}
.scholarship .box{background-color:#f0f0f0;padding:4px 30px;border-top:3px solid #005aaa}
.scholarship .box ul{padding:13px 0 15px;}
.scholarship .box ul + ul{border-top:1px solid #c8c8c8}
.scholarship .box li{line-height:30px;font-size:15px;}
.scholarship .ps{font-size:13px;padding-top:18px;padding-bottom:30px;}
.scholarship .ps span{color:#aa5000;font-size:15px;}

.scholarship .box + .page_tit,
.scholarship .ps + .page_tit{margin-top:70px;}
.scholarship .list .search_wrap{width:200px;float:left;padding:6px 10px;}
.scholarship .list .search_wrap.v2{float: none; margin-bottom:30px;}
.scholarship .list .search_type1 .select_wrap{width:100%;}
.scholarship .list table{float:right;width:750px;border-top:3px solid #005aaa;border-bottom:2px solid #005aaa;}
.scholarship .list .search_wrap .select_box .combo_list{top:6px;}
.scholarship .list table th{height:47px;line-height:46px;border-bottom:2px solid #005aaa;border-left:1px solid #c8c8c8;background-color:#f0f0f0;font-size:15px;font-weight:Bold;}
.scholarship .list table td{padding:13px 0;text-align:center;border-left:1px solid #c8c8c8;}
.scholarship .list table th:first-child, .scholarship .list table td:first-child{border-left:none;}
.scholarship .list table tbody tr:first-child td{padding-top:29px;}
.scholarship .list table tr:last-child td{padding-bottom:29px;}

/*map*/
.map_location{width:980px;height:440px;overflow:hidden;}
.map h5{position:relative;margin:50px 0 23px;font-size:18px;padding-left:15px;font-weight:bold;}
.map h5:after{content:'';display:block;width:5px;height:100%;position:absolute;top:3px;left:0;background-color:#005aaa; }

.map .way table{width:450px;border-top:2px solid #005aaa;}
.map .way table th{padding-left:15px;font-size:16px;color:#005aaa;font-weight:bold;text-align:left;background-color:#ebebeb;border-bottom:1px solid #005aaa;}
.map .way table td{padding-top:11px;padding-bottom:12px;background-color: #fff;border-bottom:1px solid #005aaa;}
.map .way table td.distance{line-height:23px;font-size:15px;padding-left:25px;padding-right:10px;}
.map .way table td .more{color:#005aaa;font-size:13px;height:16px;background: url('../images/pc/map/more.png') left top no-repeat;padding-left:25px;}
.map .way .car{float:left;}
.map .way .bus{float:right;}
.map .subway p{text-align:center;}

.map .shuttle{font-size:15px;}
.map .shuttle .tit_shuttle{color:#005aaa;padding:65px 0 17px;font-weight: bold;}
.map .shuttle ul{margin-top:18px;border-top:2px solid #005aaa;}
.map .shuttle ul li{border-bottom:1px solid #005aaa;}
.map .shuttle ul li p{display:table-cell;vertical-align:middle;line-height:23px;padding:15px 0 15px 29px;}
.map .shuttle ul li .station{font-weight: bold;width:195px;padding-left:15px;background-color: #ebebeb;color:#005aaa;}

/*degree*/
.tb_degree .legend{font-size:12px;text-align:right;padding-bottom:20px;}
.tb_degree table{border-top:2px solid #005aaa;}
.tb_degree table th{height:51px;text-align: center;font-weight:bold;font-size:15px;border-bottom:2px solid #fff;background-color:#e1e1e1;}
.tb_degree table td{height:37px;line-height:18px;font-size:14px;text-align: center;border-bottom:2px solid #fff;background-color:#f0f0f0;border-left:1px solid #e1e1e1}
.tb_degree table td:first-child{border-left:none;}

/*welcomemessage*/
.welcomemessage .welcome{padding-top:21px;}
.welcomemessage .head{padding-bottom:29px;display:table;float:left;padding-top:8px;}
.welcomemessage .head .photo{display:table-cell;vertical-align:top;width:330px;}
.welcomemessage .head .photo .img{position:relative;width:266px;height:355px;border:1px solid #005aaa;z-index:3;}
.welcomemessage .head .photo .img img{position:relative;z-index:3;width:100%;height:100%;}
.welcomemessage .head .photo .img:after{content:'';display:block;border:1px solid #005aaa;width:100%;height:100%;position:absolute;top:24px;left:24px;z-index:1;}
.welcomemessage .message{font-size:15px;line-height: 28px;}
.welcomemessage .sign{text-align:right;}

/*status*/
.status .img_status{text-align:center;}
.tb_status .legend{font-size:12px;text-align:right;padding-bottom:20px;}
.tb_status table{border-top:2px solid #005aaa;}
.tb_status table th{height:50px;text-align: center;font-weight:bold;font-size:15px;border-bottom:1px solid #005aaa;background-color:#e1e1e1;border-left:1px solid #c8c8c8;}
.tb_status table td{height:40px;line-height:18px;font-size:14px;text-align: center;border-bottom:2px solid #fff;background-color:#f0f0f0;border-left:1px solid #c8c8c8}
.tb_status tfoot td{background-color:#e1e1e1;font-weight:Bold;border-bottom:1px solid #005aaa;}
.tb_status td:first-child{color:#005aaa;}
.tb_status table td:first-child, .tb_status table th:first-child{border-left:none;}

/*20200109추가*/
.contents .date{margin-bottom:20px;font-size:17px;color:#000;text-align: right;font-weight:500;}
.contents .sub-banner{position: relative;width:100%;padding:100px 0;}
.contents .sub-banner.students{background:url('../images/common/student.jpg') no-repeat;background-position:center;background-size:cover;}
.contents .sub-banner.graduate{background:url('..//images/common/graduate.jpg') no-repeat;background-position:center;background-size:cover;}
.contents .sub-banner .text-box{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);text-align:center;}
.contents .sub-banner .text-box::before{content:'';position: absolute;top:-6px;left:-60px;width:24px;height:73px;background:url('../images/common/tit_r.png');}
.contents .sub-banner .text-box::after{content:'';position: absolute;top:-6px;right:-60px;width:24px;height:73px;background:url('../images/common/tit_l.png');}
.contents .sub-banner .text-box p{font-size:14px;color:#fff;font-weight:300;line-height: 1.3;}
.contents .sub-banner .text-box .banner-tit{display:block;margin-top:10px;font-size:40px;color:#fff;}

.contents .statistics-list{margin:25px 0 25px -30px;}
.contents .statistics-list::after{content:'';display: block;clear: both;}
.contents .statistics-list.students li{float:left;width:25%;}
.contents .statistics-list.graduate li{float:left;width:20%;}
.contents .statistics-list li .list-con{margin-left:30px;padding:20px;background:url('../images/common/student_bg.jpg');background-repeat: repeat-y;background-size: cover;}
.contents .statistics-list li .list-con p{font-size:17px;color:#fff;font-weight: 300;}
.contents .statistics-list li .list-con .num{display:block;margin-top:20px;font-size:40px;color:#fff;font-weight: 300;text-align: right;}

.contents .statistics-table{width:100%;text-align: center;border-top:1px solid #899097;}
.contents .statistics-table th{font-size:17px;color:#000;font-weight: 500;line-height:1.3;background:#f7f7f7;}
.contents .statistics-table th,
.contents .statistics-table td{width:16%;padding:15px 0;border-width:0 1px 1px 0;border-style: solid;border-color: #e9ebf0;}
.contents .statistics-table tr:nth-child(2n) td{background:#fafbfe;}
.contents .statistics-table td{font-size:14px;color:#6f6f6f;}
.contents .statistics-table .heade{color:#000;font-weight: 700;}
.contents .statistics-table tr:last-child td,
.contents .statistics-table .total{color:#0147c3;font-weight: 700;}
.contents .statistics-table td:last-child{border-width:0 0 1px 0;}

.link-btn-wrap { display:flex;gap:4px;justify-content: center; }
.link-btn-wrap .link-icon { display: flex;width: 30px;height: 30px;justify-content: center;align-items: center;flex-shrink: 0;border-radius: 50%;}
.link-btn-wrap .link-icon.icon01 { background: #004191; }
.link-btn-wrap .link-icon.icon02 { background: #79BBEB; }
.link-btn-wrap .link-icon.icon03 { background: #509EB7; }

@media(max-width:1000px){
    .contents .sub-banner{padding:70px 0;}
    .contents .sub-banner .text-box .banner-tit{font-size: 30px;}
    .contents .statistics-list{margin-left:-20px;}
    .contents .statistics-list li .list-con{margin-left:20px;}
    .contents .statistics-list li .list-con p{font-size:15px;}
    .contents .statistics-list li .list-con .num{font-size:25px;}
    .contents .statistics-table th{font-size:15px;}
}

@media(max-width:800px){
    .contents .date{font-size: 15px;}
    .contents .statistics-list li .list-con{padding:10px;}
    .contents .statistics-list li .list-con p{font-size: 13px;}
    .contents .statistics-list li .list-con .num{margin-top:10px;font-size: 18px;}
}

@media(max-width:500px){
    .contents .sub-banner{padding:60px 0;}
    .contents .date,
    .contents .sub-banner .text-box p{font-size: 13px;}
    .contents .sub-banner .text-box{width:100%;}
    .contents .sub-banner .text-box .banner-tit{font-size:20px;}
    .contents .sub-banner .text-box::before,
    .contents .sub-banner .text-box::after{display: none;}
    .contents .statistics-list{margin: 15px 0 15px 0;}
    .contents .statistics-list.students li,
    .contents .statistics-list.graduate li{float:none;width:100%;margin-bottom:5px;}
    .contents .statistics-list li .list-con{margin-left:0;}
    .contents .statistics-list li .list-con p{font-size: 10px;}
    .contents .statistics-list li .list-con .num{margin-top:5px;font-size: 15px;}
    .contents .statistics-table th,
    .contents .statistics-table td{font-size:10px;}
    .contents .statistics-table th,
    .contents .statistics-table td{padding: 10px 0;}
}

/*------------*/

.theranking .txt{font-size:15px;padding-bottom:75px;line-height:28px;}
.theranking .img{padding:0 0 74px 50px;}
.theranking .box{position:Relative;background-color:#f0f0f0;font-size:15px;padding:28px 40px;border:1px solid #e1e1e1;}
.theranking .box p{line-height:30px;}
.theranking .box span{color:#828282;font-size:13px;display:inline-block;padding-top:30px;}
.theranking .box .hide_m{position:absolute;bottom:22px;right:48px;}
.theranking .box .hide_pc{text-align:center;padding-top:30px;}

/*edu_detail*/
.edu_detail h5{position:relative;margin:60px 0 33px 0;font-size:18px;padding-left:15px;font-weight:bold;}
.edu_detail h5:after{content:'';display:block;width:5px;height:100%;position:absolute;top:3px;left:0;background-color:#005aaa; }
.edu_detail .first{margin-top:50px;}
.edu_detail .txt{font-size:15px;line-height:28px;}
.edu_detail .box{position:Relative;line-height:28px;background-color:#f0f0f0;font-size:15px;padding:24px 30px;border:1px solid #e1e1e1;}
.edu_detail .img{margin-top:28px;}
.edu_detail .rink h5{float:left;}
.edu_detail .rink a{margin-top:47px;float:right;width:840px;display:block;position:relative;background-color:#f0f0f0;color:#005aaa;border:1px solid #e1e1e1;height:45px;padding-top:15px;padding-left:61px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.edu_detail .rink a:after{content:'';display:block;width:45px;height:45px;background:url('../images/common/icon/icon_rink.png') left top no-repeat;position:absolute;left:-1px;top:-1px;}

/*facilities*/
.facilities .img_facilities{border:1px solid #005aaa;margin-bottom:50px;}
.facilities .contents{overflow:hidden;}
.facilities .items{width:1020px;}
.facilities .items li{float:left;margin:0 40px 40px 0;}
.facilities .items li .item {width:470px;border-bottom:1px solid #005aaa;}
.facilities .items li .tit{height:32px;line-height:32px;font-weight:Bold;color:#005aaa;font-size:16px;border-top:1px solid #005aaa;}
.facilities .items li .tit span{background-color:#005aaa;color:#fff;width:65px;padding-left:15px;font-size:18px;margin-right:10px;}
.facilities .items li .fix{height:150px;overflow:hidden;background-color:#e1e1e1;}
.facilities .items li .img{float:left;}
.facilities .items li .img img{vertical-align:top;}
.facilities .items li .txt{float:left;font-size:14px;line-height:23px;padding-left:25px;padding-top:16px;}

.calendarSubject {width: 116px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.pop_wrapper {width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;display:none}
.pop_wrapper_inner {width:700px;height:470px;margin:auto;background-color:#4772a6;position:relative;margin-top: 180px;z-index:99;font-size: 15px;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */
	filter: alpha(opacity=90);  /* IE 5-7 */
	-moz-opacity: 0.9;          /* Netscape */
	-khtml-opacity: 0.9;        /* Safari 1.x */
	opacity: 0.9;               /* Good browsers */
}
.pop_close_btn {position:absolute;float:right;margin-top:15px;margin-right:15px;right: 0}
.pop_txt {color:#ffffff;line-height:170%;text-align:center}
.pop_contents {text-align: center;padding-top: 70px;}
.pop_content_image{margin-top: 45px;}

@media screen and (max-width:1080px){
	#container{margin-top:50px;}
	.visual{display:none;}
	.depth1_intro{width:50%;height:280px;padding:25px 15px 0;}
	.depth1_intro h3{position:relative;padding-top:20px;font-size:17px;line-height:26px;}
	.depth1_intro h3:after{content:'';display:block;position:absolute;top:0;left:0;width:20px;height:3px;background-color:#fff;}
	.depth1_main{padding-right:0;}

	.depth2_main .depth2_tit{padding-top:16px;font-size:17px;line-height:28px;padding-bottom:18px;margin-top:20px;}
	.depth2_main .depth2_tit:after{content:'';display:block;position:absolute;top:0;left:0;width:40px;height:5px;background-color:#005aaa;}
	.depth2_main .depth2_greeting{font-size:15px;line-height:26px;}

	.sub_visual{height:150px;}
	.sub_visual .intro{padding:20px;}
	.sub_visual .intro h3{font-size:14px;line-height:20px;}

	.inside{padding:15px 15px 70px 15px;}
	.employment_detail .inside, .company_detail .inside{padding-top:30px;}
	.search_type2{margin-bottom:0px;}
	.search_type2 .search{width:69%}
	.search_type2 .search input{width:90%;}
	.search_type1 .search input{width:89%;height:40px;}
	.search_type .search input{width:92%;}

	/*.news .list, .awards .list , .activities .list{padding-top:23px}*/
	.search_wrap + .list{padding-top:23px}

	.list > ul{width:104%;}
	.list > ul > li{width:32%;margin-right:0;margin-bottom:25px;}
	.list > ul > li .divLink{width:92%;margin:0 auto;}
	.list > ul > li .divLink .thumb{width:100%;}
	.list > ul > li .divLink .list_txt{/* height:175px; */height:170px;}

	/*list_card*/
	.list_card ul{width:104%;padding-top:30px;}
	.list_card li{float:left;width:46%;margin-right:4%;margin-bottom:20px;position:relative;}
	.list_card li:after{content:'';display:block;background:#004191 url('/common/images/common/icon_card_arrow.png') 98% 19px no-repeat;width:97%;height:100%;position:absolute;bottom:0;right:0;z-index:1;background-size:8px auto;}
	.list_card li .divLink{width:100%;height:auto;}
	.list_card li .divLink dl{width:93%;height:100%;background-color:#e1e1e1;padding:15px;position:relative;z-index:2;overflow:hidden;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
	.list_card li .divLink dt{position:relative;font-weight:bold;color:#005aaa;font-size:13px;line-height:18px;margin-bottom:10px;height:40px;}
	.list_card li .divLink dt:after{content:'';display:block;width:30px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
	.list_card li .divLink dd{color:#646464;font-size:11px;line-height:16px;}

	.list_card_img ul{width:100%;}
	.list_card_img li{float:none;height:auto !important;margin-right:0;margin-bottom:23px;position:relative;}
	.list_card_img li:after{content:'';display:block;background:#005aaa url('/common/images/common/icon_card_arrow.png') 99% 15px no-repeat;width:97%;height:100%;background-size: 8px 14px;}
	.list_card_img li .divLink{display:table;width:96%;overflow:hidden;background-color:#e1e1e1;}
	.list_card_img li .divLink .photo{float:none;display:table-cell;vertical-align:middle;width:115px;height:140px;}
	.list_card_img li .divLink dl{float:none;display:table-cell;padding:15px;width:auto;}
	.list_card_img li .divLink dd{line-height:16px;}
	.introduce .list_card_img{margin-top:30px;}
	.introduce .list_card_img li .divLink dt:after{width:30px;}
	.introduce .list_card_img li:after{content:'';display:block;background:#005aaa;width:99%;height:100%;}
	.introduce .list_card_img li .divLink{width:98%;}

	/* .list_card_img2{margin-bottom: 0;}
	.list_card_img2 ul{width:100%;}
	.list_card_img2 li{float:none;height:auto !important;margin-right:0;margin-bottom:23px;position:relative;}
	.list_card_img2 li:after{content:'';display:block;background:#005aaa url('/common/images/common/icon_card_arrow.png') 97% 19px no-repeat;width:97%;height:100%;}
	.list_card_img2 li .divLink{display:table;width:93%;overflow:hidden;background-color:#e1e1e1;}
	.list_card_img2 li .divLink .photo{float:none;display:table-cell;vertical-align:middle;width:115px;height:115px;}
	.list_card_img2 li .divLink dl{float:none;display:table-cell;padding:5px 5px 5px 15px;width:auto;}
	.list_card_img2{margin-top:30px;}
	.list_card_img2 li .divLink dt:after{width:30px;}
	.list_card_img2 li:after{content:'';display:block;background:#005aaa;width:99%;height:100%;}
	.list_card_img2 li .divLink{width:98%;} */

	.list_card_img2{margin-bottom: 0;}
	.list_card_img2 ul{width:100%;}
	.list_card_img2 li{float:none;height:150px;margin-right:0;margin-bottom:23px;position:relative;}
	.list_card_img2 li:after{content:'';display:block;width:97%;height:100%;}
	.list_card_img2 li .divLink{width:93%;overflow:hidden;background-color:#e1e1e1;}
	/* .list_card_img2 li .divLink .photo{width:13%;} */
	.list_card_img2 li .divLink dl{padding:10px 0px 5px 10px;width:75%;}
	.list_card_img2{margin-top:30px;}
	.list_card_img2 li .divLink dt:after{width:30px;}
	.list_card_img2 li:after{content:'';display:block;background:#005aaa;width:99%;height:100%;}
	.list_card_img2 li .divLink{width:99%;}
	.list_card_img2 li .divLink dd .tag{width:55px;}

	.list_card_img3{margin-bottom: 0;}
	.list_card_img3 ul{width:100%;}
	.list_card_img3 li{float:none;height:230px;margin-right:0;margin-bottom:23px;position:relative;}
	.list_card_img3 li:after{content:'';display:block;width:97%;height:100%;}
	.list_card_img3 li .divLink{width:93%;overflow:hidden;background-color:#e1e1e1;}
	/* .list_card_img2 li .divLink .photo{width:13%;} */
	.list_card_img3 li .divLink dl{padding:20px 0px 5px 10px;width:75%;}
	.list_card_img3{margin-top:30px;}
	.list_card_img3 li .divLink dt:after{width:30px;}
	.list_card_img3 li:after{content:'';display:block;background:#005aaa;width:99%;height:100%;}
	.list_card_img3 li .divLink{width:99%;}
	.list_card_img3 li .divLink dd .tag{width:55px;}

	.select_major{padding:12px 0 4px;}
	.li_major li{margin-bottom:12px;}
	.calendar .contents{padding-top:40px;}

	.introduce .list_people{padding:0 0 60px;}
	.list_people ul{width:100%;}
	.list_people li{float:left;margin-top:40px;margin-right:0;width:25%;}
	.list_people li .divLink{width:80%;margin:0 auto;}
	.list_people .photo{width:80%;height:195px;line-height:195px;z-index:2;position: relative;}
	.list_people .photo img{width:100%;height:100%;}
	.list_people .name{width:100%;font-size:14px;font-weight:bold;color:#fff;background:#005aaa url('../images/common/icon_card_arrow.png') 93% 13px no-repeat;background-size:10px 15px;-webdit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}
	.list_people .subject{font-size:13px;}

	.rnd .depth1_main{line-height:21px;}

	.recruit_alio{display:block;width:100%;margin-bottom:40px;}
	.recruit_alio .in{vertical-align:middle;display:block;text-align:center;width:100%;font-size:12px;line-height:20px;padding:32px 30px 32px;}
	.recruit_alio .alio{/* padding:12px 15px;background-color: #005aaa;display:block;width:100%; */font-size:15px;}
	.recruit_alio .alio .logo_alio{float:none;display:table-cell;width:80px;height:80px;text-align:center;line-height:80px;background-color: #fff;}
	.recruit_alio .alio .logo_alio img{vertical-align:middle;width:50%;}
	.recruit_alio .alio a{display:table-cell;float:none;vertical-align: middle;color:#fff;font-size:12px;line-height: 19px;padding:11px 20px;}
	.recruit_alio .alio a span{color:#ffeea0;font-size:12px;}

	.labs .page_tit{margin-top: 30px;}
	.labs .list_card_img li dt{font-size:14px;}
	.labs .list_card_img li dd{font-size:12px;line-height:18px;}

	.info_major li{width:100% !important;}

	.list_company ul li{width:33%;}

	.deans_list ul{width:100%;}
	.deans_list ul li{width:28%;margin-right:5%;}

	.list_staff{width:105%;}
	.list_staff li{margin-right:5%;width:45%;}

	.list > ul > li .divLink .thumb img {max-width:100%}

	.facilities .img_facilities{margin-bottom:30px;}
	.facilities .items{width:100%;}
	.facilities .items li{float:left;margin:0 0 20px 0;width:50%;}
	.facilities .items li .item{width:420px;margin:0 auto;}
	.facilities .items li .tit{height:32px;line-height:32px;font-size:16px;}
	.facilities .items li .tit span{width:65px;padding-left:15px;}
	.facilities .items li .fix{height:120px;}
	.facilities .items li img{width:200px}

	.calendarSubject {width: 105px}
	.list_company ul li .divLink .thumb img{width:100%;height:100%;}
}

@media screen and (max-width:980px){
	.search_type2 .select_wrap {float:none;}
	.search_type2 .select_box{float:left;width:49%;height:38px;}

	.search_wrap .select_box + .select_box{margin-left:2%;}
	.search_type2 .search{float:none;width:100%;margin-top:10px;}
	.search_type2 .search input{width:92%;height:40px;}
	.search_wrap  .search button{background:url('/common/images/common/btn_search.png') center center no-repeat;width:17px;height:16px;background-size:100% 100%;}

	.page_tit{font-size:15px;line-height:18px;padding:12px 0 18px 3px;}
	.page_tit:after{width:40px;height:4px;}
	.detail_board .summary{padding:15px 10px 15px;}
	.detail_board .summary ul li + li{margin-top:13px;}
	.detail_board .summary ul li .label{min-width:60px;font-size:11px;}
	.detail_board .summary ul li span{font-size:11px;}
	.detail_board .detail_area{padding:20px 10px;}
	.detail_board .summary ul li span + .label{font-size:11px;}

	.seminars dl + dl{margin-top:18px;}
	.seminars dl dt{font-weight:bold;padding-bottom:5px;}
	.seminars dl dd{line-height:16px;font-size:13px;}
	.by{padding-top:11px;padding-left:15px;font-size:12px;}
	.btn_right{text-align:right;padding-top:10px;}
	.btn_right .btn_list{width:100px;height:33px;line-height:32px;font-size:14px;}
	.btn_right .btn_list span{padding-left:27px;}

	.staff .page_txt{line-height:23px;padding-bottom:50px;}
	.list_staff{width:100%;}
	.list_staff li{margin-right:0;margin-bottom:25px;width:100%;height:176px;padding-left:136px;}
	.list_staff .link{width:116px;}
	.list_staff .link .photo{height:145px;overflow:hidden;}
	.list_staff .link a{width:100%;background:#005aaa url('/common/images/common/icon_card_arrow.png') 95% center no-repeat;background-size:9px 13px;padding-left:15px;color:#fff;font-weight:bold;height:30px;line-height:30px;}
	.list_staff .info{padding:23px 0 0 0;overflow-y: scroll;height: 100%;}
	.list_staff .info dt{font-size:14px;line-height:19px;color:#646464;font-weight:bold;position:relative;padding-bottom:13px;margin-bottom:15px;}
	.list_staff .info dt:after{content:'';display:block;width:66px;height:1px;background-color:#005aaa;position:absolute;bottom:0;left:0;}
	.list_staff .info dd{padding-left:10px;position:relative;font-size:12px;line-height:16px;word-break:break-all;}
	.list_staff .info dd + dd{margin-top:6px;}
	.list_staff .info dd:after{content:'ㆍ';color:#505050;font-size:12px;position:absolute;left:-4px;top:0;}

	/*history*/
	.list_history{}
	.list_history th{padding:12px 15px 12px 0;font-size:15px;}
	.list_history td{padding:12px 0;}
	.list_history tr.first th{border-right:none;padding:0 15px 0 0;}
	.list_history tr.first td{padding:0;}
	.list_history .monthly{padding-left:17px;position:relative;}
	.list_history .monthly:before{content:'';display:block;position:absolute;left:-11px;top:3px;background-image:url('/common/images/common/icon_history.png');width:15px;height: 15px;z-index:3;background-size:100% 100%;}
	.list_history .monthly .date{font-size:15px;padding-right: 13px;line-height:17px}
	.list_history .monthly .info{font-size:14px;line-height:17px;}
	.list_history .detail{padding-left:17px;}
	.list_history .box{padding:12px 12px 15px;background-color:#f5f5f5;border:1px solid #e1e1e1;margin-top:7px;}
	.list_history .list_bullet li{position:relative;padding-left:15px;line-height:20px;}
	.list_history .list_bullet li:after{content:'';width:3px;height:3px;background-color:#646464;position:absolute;left:0;top:12px;}
	.list_history .tb_border th{font-size:14px;line-height:18px;padding:0 !important;}
	.list_history .tb_border td{font-size:14px;line-height:18px;padding:9px 15px !important;}
	.list_history .box_img th{width:98px;border-right:none;font-size:15px;color:#fff;font-weight:normal;vertical-align: middle;padding:0;}
	.list_history .box_img td{vertical-align: middle;padding:0 0 0 10px;}
	/* .list_history .box_img .img{display:block;margin-bottom:12px;} */
	/*.list_history .box_img .img img{width:98px;height:54px;}*/
	.list_history .box_img .img .txt{font-size:15px;color:#fff;font-weight:bold;padding:8px;line-height:25px;}
	.list_history .box_img .list_bullet{display:block;vertical-align:top;padding-left:10px;}

	.txt_entrance{padding-bottom:40px;}
	.entrance_box{height:auto;}
	.entrance_box .left{float:none;padding:30px 0 30px 28px;}
	.entrance_box .left th{width:35px;font-size:13px;padding:2px 0 4px 0;}
	.entrance_box .left td{font-size: 13px;line-height: 13px;padding:2px 0 4px 10px;}
	.entrance_box .left .tb1{float:none;}
	.entrance_box .left .tb2{float:none;margin-top:18px;}
	.entrance_box .left .tb2 table + table{margin-top:18px;}
	.entrance_box .right{float:none;width:100%;height:auto;padding:30px 0 31px;background:#005aaa url('../images/common/btn_arrow_r.png') 95% center no-repeat;background-size: 14px 24px;}
	.entrance_box .right p{padding-bottom:11px;margin-top:0;margin-left:29px;padding-right:29px;font-size:13px;}
	.entrance_box .right span{font-size:11px;margin-left:29px;padding-right:29px;    word-break: break-all;}

	.entrance2 h5{position:relative;margin:27px 0 13px;font-size:18px;padding:1px 0 1px 15px;font-weight:bold;}
	.entrance2 h5:after{content:'';display:block;width:5px;height:100%;position:absolute;top:3px;left:0;background-color:#005aaa; }
	.entrance2_txt{padding-bottom:33px;}
	.entrance2_txt .first{margin-top:20px;}
	.entrance2_txt p{line-height:18px;font-size:13px;}
	.entrance2_txt .ps{padding-top:23px;}
	.entrance2_txt .ps span{color:#005aaa;}
	.entrance2_box{font-size:13px;background-color: #e1e1e1;}
	.entrance2_box .left{float:none;line-height: 18px;height:88px;padding:32px 0 0 30px;color:#005aaa;}
	.entrance2_box .right{display:block;float:none;width:100%;height:68px;padding-top:32px;color:#fff;background:#005aaa url('../images/common/btn_arrow_r.png') 94% center no-repeat;}
	.entrance2_box  .right p{padding-bottom:17px;margin-left:30px;font-size:13px;}
	.entrance2_box  .right span{font-size:11px;color:#ffeea0;margin-left:30px;}

	.scholarship h5{font-size:15px;margin:28px 0 16px;}
	.scholarship .txt_scholarship{padding-bottom:0;}
	.scholarship .caption{font-size:13px;padding-bottom:15px;}
	.scholarship .box{padding:4px 15px;}
	.scholarship .box ul{padding:11px 0 12px;}
	.scholarship .box li{line-height:28px;font-size:13px;}
	.scholarship .box .ps{padding-top:8px;padding-bottom:19px;}
	.scholarship .box .ps span{color:#aa5000;font-size:15px;}

	.scholarship .box + .page_tit{margin-top:70px;}
	.scholarship .list .search_wrap{width:95%;float:none;padding:6px 10px;}
	.scholarship .list table{float:none;width:100%;margin-top:20px;}
	.scholarship .list .search_wrap .select_box .combo_list{top:6px;}
	.scholarship .list table th{height:28px;line-height:27px;font-size:13px;}
	.scholarship .list table td{padding:8px 0;font-size:13px;}
	.scholarship .list table tbody tr:first-child td{padding-top:10px;}
	.scholarship .list table tr:last-child td{padding-bottom:10px;}

	.map_location{width:100%;height:200px;}
	.map h5{margin:40px 0 23px;font-size:15px;}

	.map .way table th{padding-left:15px;font-size:13px;}
	.map .way table td{padding-top:6px;padding-bottom:7px;font-size:13px;}
	.map .way table td.distance{line-height:18px;font-size:13px;padding-left:25px;padding-right:10px;}
	.map .way table td .more{color:#005aaa;font-size:13px;height:16px;background: url('../images/pc/map/more.png') left top no-repeat;padding-left:25px;}
	.map .way .car, .map .way .bus{float:none;}
	.map .way .car table, .map .way .bus table{width:100%;}
	.map .shuttle .tit_shuttle{padding:34px 0 13px;}
	.map .shuttle ul{margin-top:15px;}
	.map .shuttle ul li p{display:block;padding:9px 15px;font-size:13px;}
	.map .shuttle ul li .station{width:100%;font-size:13px;padding-left:13px;-webdit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;}

	.theranking .txt{font-size:13px;padding-bottom:22px;line-height:20px;}
	.theranking .img{padding:0 0 32px 0;}
	.theranking .box{font-size:13px;padding:16px 16px;}
	.theranking .box p{line-height:20px;}
	.theranking .box span{color:#828282;font-size:11px;display:inline-block;padding-top:20px;}


	.edu_detail h5{position:relative;margin:35px 0 15px 0;font-size:15px;padding-left:15px;font-weight:bold;}
	.edu_detail .first{margin-top:28px;}
	.edu_detail .txt{font-size:13px;line-height:18px;}
	.edu_detail .box{position:Relative;line-height:20px;font-size:13px;padding:20px 20px;border:1px solid #e1e1e1;}
	.edu_detail .img{margin-top:18px;}
	.edu_detail .rink h5{float:none;}
	.edu_detail .rink a{margin-top:20px;float:none;width:100%;display:block;position:relative;background-color:#f0f0f0;color:#005aaa;border:1px solid #e1e1e1;height:45px;padding-top:0;padding-left:61px;line-height:45px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;    box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
	.edu_detail .rink a:after{content:'';display:block;width:45px;height:45px;background:url('../images/common/icon/icon_rink.png') left top no-repeat;position:absolute;left:-1px;top:-1px;}

	.facilities .items li{float:none;margin:0 0 20px 0;width:100%;}
	.facilities .items li .item{width:100%;}
	.facilities .items li .tit{height:32px;line-height:32px;font-size:15px;}
	.facilities .items li .fix{height:150px;}
	.facilities .items li img{width:250px}

	.calendarSubject {width: 70px}

	.pop_wrapper {width:100%;height:100%;position:absolute;top:0;left:0;text-align:center;}
	.pop_wrapper_inner {width:95%;height:470px;margin:auto;background-color:#4772a6;position:relative;margin-top: 120px;z-index:99;font-size: 15px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";       /* IE 8 */
		filter: alpha(opacity=90);  /* IE 5-7 */
		-moz-opacity: 0.9;          /* Netscape */
		-khtml-opacity: 0.9;        /* Safari 1.x */
		opacity: 0.9;               /* Good browsers */
	}
	.pop_close_btn {position:absolute;float:right;margin-top:15px;margin-right:15px;right: 0}
	.pop_txt {color:#ffffff;line-height:170%;text-align:center}
	.pop_contents {text-align: center;}
	.pop_content_image{margin-top: 45px;}
}

@media screen and (min-width:768px){
/* body{overflow-y: scroll;} */

}

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

	.local{background-color:#787878;}
	.local:after{height:3px;}
	.local .inner{position:relative;height:30px;padding-top:35px;}
	.local .inner:after{display:none;}
	.local h2{font-size:17px;}
	.local .navi{width:100%;height:25px;padding-top:6px;position:absolute;top:0;left:0;}

	.sub_visual .intro{width:50%;}
	.search_type2 .search input{width:90%;height:40px;}
	.search_type1 .select_box .combo .button{width:24%;}
	.search_type1 .search input{width:85%;height:40px;}
	.search_type .search input{width:90%;}
	.list{padding-bottom:20px;}
	.list ul li{width:48%;}
	/*.list ul li a .thumb{height:165px;line-height:165px;}*/

	.list_card ul{width:100%;padding-top:30px;}
	.list_card li{float:none;width:100%;margin-right:0;}
	.paging a{font-size:16px;margin:0 8px;}

	.list_people li{width:50%;}

	.professor_introduce{padding-bottom:40px;display:block;width:100%;}
	.professor_introduce .photo{display:block;vertical-align:top;width:100%;padding-top:0;padding-bottom:55px;}
	.professor_introduce .photo .img{position:relative;/* width:222px;height:202px; */width:200px;height:250px}
	.professor_introduce .photo .img img{position:relative;z-index:3;width:100%;height:100%;}
	.professor_introduce .photo .img:after{content:'';display:block;border:1px solid #005aaa;width:100%;height:100%;position:absolute;top:19px;left:19px;z-index:1;}
	.professor_introduce .profile{display:block;}
	.professor_introduce .profile h4{font-size:14px;color:#3c3c3c;font-weight:bold;padding-bottom:15px;border-bottom:1px solid #e1e1e1;margin-bottom:15px;}
	.professor_introduce .profile dl + dl{padding-top:12px;}
	.professor_introduce .profile dl dt{font-size:13px;}
	.professor_introduce .profile dl dd{font-size:13px;line-height:20px;}

	.profile_detail dl{margin-bottom:35px;}
	.new_faculty_detail .btn_right{padding-top:5px;}

	.list_company ul li{width:50%;}

	.deans_list ul li .dean{width:160px;margin:0 auto;}
	.deans_list ul li .photo{height:210px;line-height:185px;}
	.deans_list ul li .photo .img3{width:93px;}
	.deans_list ul li .photo .img2{width:92px;}
	.deans_list ul li .photo .name{height:35px;line-height:35px;font-size:14px;bottom:-1px}
	.deans_list ul li .period{height:35px;line-height:35px;font-size:12px;}

	.paging {margin-top:30px}

	.tb_result_box{padding-top:30px;}
	.calendarSubject {width: 55px}

	.initiative .tb_schedul th:first-child, .initiative .tb_schedul td:first-child{width:45%;}
	.initiative .tb_schedul td{padding:10px;line-height:18px;}

	.gallery li .photo{height:auto;}
	.gallery .photo img{width:100%;}
}


@media screen and (max-width:767px) and (min-width:360px){

}

@media screen and (max-width:600px){
	.search_type2 .search input{width:86%;height:40px;}
	.search_type1 .search input{width:80%;height:40px;}
	.search_type .search input{width:86%;}
	.lang_wrap .type_lang span{width:100%;}

	.list_card_img li .divLink{width: 95%}
	.list_card_img2 li .divLink{width: 97%}
	.list_card_img3 li .divLink{width: 97%}
	.deans_list ul li{width:50%;margin-right:0;}

	.welcomemessage .head{float:none;}
	.welcomemessage .message{padding-top:15px;}
	.entrance2_box .left{float:none;line-height: 18px;height:68px;padding:32px 0 0 30px;color:#005aaa;}
	.list_card_img2 li .divLink dl{padding-right:0;width:70%}
	.list_card_img3 li .divLink dl{padding-right:0;width:70%}
	.facultyWebsite {width:80%}
	.calendarSubject {width: 40px}
	.select_major p{width:70px;}

	/* .list_company ul li{width:100%;float:none;background-color:#99b4d0;height:90px;}
	.list_company ul li .divLink p.thumb{width:90px;height:90px;}
	.list_company ul li .divLink p.text{width:auto;height:90px;} */
}

@media screen and (max-width:480px){
	.list_company ul li{width:100%;float:none;background-color:#99b4d0;height:120px;}
	.list_company ul li .divLink{position:relative;}
	.list_company ul li .divLink p{height:120px;}
	.list_company ul li .divLink p.thumb{display:block;width:120px;position:absolute;left:0;top:0;}
	.list_company ul li .divLink p.text{width:100%;padding-left:135px;padding-right:15px;line-height:16px;text-align:left;word-break: break-all;}
	.list_company .item_r .thumb:after{content:'';width:12px;height:100%;position:absolute;left:108px;top:0;background:url('/common/images/common/icon/icon_company_l.png') center center no-repeat;background-size: 12px 15px;z-index:2;}

	.list_card_img2 li .divLink .photo{width:36%;line-height: 150px;}
	.list_card_img2 li .divLink dl{width:64%;}
	.list_card_img2 li .divLink .photo img{vertical-align: middle;height:auto;}

	.list_card_img3 li .divLink .photo{width:36%;line-height: 150px;}
	.list_card_img3 li .divLink dl{width:64%;}
	.list_card_img3 li .divLink .photo img{vertical-align: middle;height:auto;}

	.facultyWebsite {width:76%}

}

@media screen and (max-width:470px){
	.list ul li{width:98%;}
	.list > ul > li .divLink, .list > ul > li .divLink .thumb{height:auto;}
	.facilities .items li .fix{height:auto;}
	.facilities .items li .img{float:none;}
	.facilities .items li .img img{width:100%;}
	.facilities .items li .txt{float:none;padding-bottom:23px;}

	.calendarSubject {width: 35px}



}

@media screen and (max-width:440px){
	.search_type2 .search input{width:82%;height:40px;}
	.search_type1 .select_wrap{float:none;width:100%;}
	.search_type1 .select_box .combo .button{width:14%;}
	.search_type1 .search{float:none;width:100%;margin-top:10px;}
	.search_type1 .search input{width:80%;height:40px;}
	.search_type .search input{width:82%;}

	.info_major strong{width:50%;}
	.facultyWebsite {width:70%;}
	.dean_list .inside{padding:15px 0 70px;}



}

@media screen and (max-width:380px){
	.list_people li .divLink{width:86%;margin:0;}
	.calendarSubject {width: 25px}


}

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

.facultyWebsite {width:66%;}
}

@media screen and (max-width:359px){
	.search_type2 .search input{width:78%;height:40px;}
	.search_type1 .search input{width:71%;height:40px;}
	.search_type .search input{width:79%;}

	.deans_list ul li{width:100%;margin-right:0}

	.welcomemessage .head .photo{width:300px;}
	.welcomemessage .head .photo .img{width:240px;}

	/* .list_card_img2 li .divLink{display:block;}
	.list_card_img2 li .divLink .photo{display:block;width:100%;height:auto;}
	.list_card_img2 li .divLink .photo img{height:auto;}
	.list_card_img2 li .divLink dl{display:block;} */
}

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

	.list_card_img2 li .divLink .photo{width:35%;}
	.list_card_img2 li .divLink dl{width:65%;}

	.list_card_img3 li .divLink .photo{width:35%;}
	.list_card_img3 li .divLink dl{width:65%;}

}


.contents .date{margin-bottom:20px;font-size:17px;color:#000;text-align: right;font-weight:500;}
.contents .sub-banner{position: relative;width:100%;padding:100px 0;}
.contents .sub-banner.students{background:url('../images/sub/student.jpg') no-repeat;background-position:center;background-size:cover;}
.contents .sub-banner.graduate{background:url('../images/sub/graduate.jpg') no-repeat;background-position:center;background-size:cover;}
.contents .sub-banner.professor{background:url('../images/sub/professor.jpg') no-repeat;background-position:center;background-size:cover;}
.contents .sub-banner .text-box{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);text-align:center;}
.contents .sub-banner .text-box::before{content:'';position: absolute;top:-6px;left:-60px;width:24px;height:73px;background:url('../images/sub/tit_r.png');}
.contents .sub-banner .text-box::after{content:'';position: absolute;top:-6px;right:-60px;width:24px;height:73px;background:url('../images/sub/tit_l.png');}
.contents .sub-banner .text-box p{font-size:14px;color:#fff;font-weight:300;line-height: 1.3;}
.contents .sub-banner .text-box .banner-tit{display:block;margin-top:10px;font-size:40px;color:#fff;}

.contents .statistics-list{margin:25px 0 25px -30px;}
.contents .statistics-list::after{content:'';display: block;clear: both;}
.contents .statistics-list li{float:left;width:25%;}
.contents .statistics-list li .list-con{margin-left:30px;padding:20px;background:url('../images/sub/student_bg.jpg');background-repeat: repeat-y;background-size: cover;}
.contents .statistics-list li .list-con p{font-size:17px;color:#fff;font-weight: 300;}
.contents .statistics-list li .list-con .num{display:block;margin-top:20px;font-size:40px;color:#fff;font-weight: 300;text-align: right;}

.contents .statistics-table{width:100%;text-align: center;border-top:1px solid #899097;}
.contents .statistics-table th{font-size:17px;color:#000;font-weight: 500;line-height:1.3;background:#f7f7f7;}
.contents .statistics-table th,
.contents .statistics-table td{width:16%;padding:15px 0;border-width:0 1px 1px 0;border-style: solid;border-color: #e9ebf0;}
.contents .statistics-table tr:nth-child(2n) td{background:#fafbfe;}
.contents .statistics-table td{font-size:14px;color:#6f6f6f;}
.contents .statistics-table .heade{color:#000;font-weight: 700;}
.contents .statistics-table tr:last-child td,
.contents .statistics-table .total{color:#0147c3;font-weight: 700;}
.contents .statistics-table td:last-child{border-width:0 0 1px 0;}

@media(max-width:1000px){
    .contents .sub-banner{padding:70px 0;}
    .contents .sub-banner .text-box .banner-tit{font-size: 30px;}
    .contents .statistics-list{margin-left:-20px;}
    .contents .statistics-list li .list-con{margin-left:20px;}
    .contents .statistics-list li .list-con p{font-size:15px;}
    .contents .statistics-list li .list-con .num{font-size:25px;}
    .contents .statistics-table th{font-size:15px;}
}

@media(max-width:800px){
    .contents .date{font-size: 15px;}
    .contents .statistics-list li .list-con{padding:10px;}
    .contents .statistics-list li .list-con p{font-size: 13px;}
    .contents .statistics-list li .list-con .num{margin-top:10px;font-size: 18px;}
}

@media(max-width:500px){
    .contents .sub-banner{padding:60px 0;}
    .contents .date,
    .contents .sub-banner .text-box p{font-size: 13px;}
    .contents .sub-banner .text-box{width:100%;}
    .contents .sub-banner .text-box .banner-tit{font-size:20px;}
    .contents .sub-banner .text-box::before,
    .contents .sub-banner .text-box::after{display: none;}
    .contents .statistics-list{margin: 15px 0 15px 0;}
    .contents .statistics-list li{float:none;width:100%;margin-bottom:5px;}
    .contents .statistics-list li .list-con{margin-left:0;}
    .contents .statistics-list li .list-con p{font-size: 10px;}
    .contents .statistics-list li .list-con .num{margin-top:5px;font-size: 15px;}
    .contents .statistics-table th,
    .contents .statistics-table td{font-size:10px;}
    .contents .statistics-table th,
    .contents .statistics-table td{padding: 10px 0;}
}


/* loading */
.loading{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;background:rgba(0,0,0,.3);}
.loading .img-wrap{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);}






.list-event-t{margin-bottom:12px;}
.list-event-t:after{content:"";display:block;clear:both;}
.list-event-tab{float:right;}
.list-event-tab > li{float:left;margin-right:8px;}
.list-event-tab > li:last-child{margin-right:0;}
.list-event-tab > li > a{display:block;padding:11px 12px 11px 35px;border:1px solid #6e91c2;font-weight:bold;font-size:13px;color:#4377c1;background-repeat:no-repeat;background-position:left 12px center;}
.list-event-tab > li > a.li01{background-image:url(../images/sub/list_tab_i_01.png);}
.list-event-tab > li > a.li02{background-image:url(../images/sub/list_tab_i_02.png);}

.list-event-tab > li > a.active, .list-event-tab > li > a:hover{color:#fff;background-color:#6e91c2;}
.list-event-tab > li > a.li01.active, .list-event-tab > li > a.li01:hover{background-image:url(../images/sub/list_tab_i_01_on.png);}
.list-event-tab > li > a.li02.active, .list-event-tab > li > a.li02:hover{background-image:url(../images/sub/list_tab_i_02_on.png);}

.list-tab-content{position:relative;}

.list-tab-content .tab-con{display:none;}
.list-tab-content .tab-con.active{display:block;}

.list-event-box{margin-top:20px;}
.list-event-box .list-item-tit{display:table;width:100%;margin-bottom:13px;border:1px solid #e0e0e0;background-color:#f8f8f8;box-sizing: border-box;}
.list-event-box .list-item-tit > li{display:table-cell;padding:20px 10px;font-size:14px;color:#111111;font-weight:bold;text-align: center;vertical-align: middle;box-sizing: border-box;}
.list-event-box .list-item-tit > li.li01{width:15%;}
.list-event-box .list-item-tit > li.li02{width:13%;}
.list-event-box .list-item-tit > li.li03{}
.list-event-box .list-item-tit > li.li04{width:18%;}
.list-event-box .list-item-tit > li.li05{width:10%;}

.list-event-box .list-item{display:table;width:100%;margin-bottom:18px;border:1px solid #e0e0e0;background-color:#ffffff;box-sizing: border-box;}
.list-event-box .list-item:hover{box-shadow: 4px 5px 1px #005aa9;}
.list-event-box .list-item > li{display:table-cell;padding:20px 10px;font-size:14px;color:#333333;font-weight:500;text-align: center;vertical-align: middle;box-sizing: border-box;}
.list-event-box .list-item > li.li01{width:15%;}
.list-event-box .list-item > li.li02{width:13%;}
.list-event-box .list-item > li.li03{font-weight:bold;}
.list-event-box .list-item > li.li04{width:18%;}
.list-event-box .list-item > li.li05{width:10%;}

.list-event-box .list-item > li.li05 > a{display:inline-block;width:25px;height:25px;background-image:url(../images/sub/link_icon.png);background-repeat:no-repeat;background-position:center center;background-color:#005aa9;}


@media screen and (max-width:800px) {
	.list-event-box .list-item-tit{display:none;}
	.list-event-box .list-item{display:block;}
	.list-event-box .list-item > li{display:block;padding:10px 10px;border-bottom:1px dotted #ddd;}
	.list-event-box .list-item > li.li01,
	.list-event-box .list-item > li.li02,
	.list-event-box .list-item > li.li03,
	.list-event-box .list-item > li.li04,
	.list-event-box .list-item > li.li05{width:100%;}

	.list-event-box .list-item > li.li05{border-bottom:0;}
	.list-event-box .list-item > li.li05 > a{width:100%;}
}

/*CoE 스마트 융합특강*/
.coe_img{text-align:center;}
.coe_down{display:block;max-width:500px;width:100%;margin:30px auto;padding:15px 0;text-align:center;font-size:15px;color:#fff;line-height:1.3;font-weight:500;background:#005aaa;}
.youtube-box {display: block; padding: 20px;}
.youtube-box .youtube-wrap {display: block; position: relative;}
.youtube-box .youtube-wrap::before {content:""; display: block; padding-bottom: 56.25%;}
.youtube-box .youtube-wrap .con-wrap-y {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}


.donw-btn{display:inline-block;margin-top:50px;padding:15px 20px;text-align:center;font-size:15px;color:#fff;line-height:1.3;font-weight:500;background:#005aaa;}

/* 210929 star 컨텐츠 추가 작업 */
.bul01 {
  position: relative;
  padding-left: 20px;
  margin: 56px 0 34px;
}
.bul01::before {
  position: absolute;
  top: -1px;
  left: 0;
  content: "▷";
}
.pub_210929 .purpose {
  margin-bottom: 30px;
}
.tri_bottom {
  position: relative;
}
.tri_bottom::after {
  display: block;
  width: 439px;
  height: 92px;
  background: url("/publisher/common/images/common/tri_bottom.png") center center/cover;
  margin: 0 auto 5px;
  content: "";
}
.text_box {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  text-align: center;
  background: #005aaa;
  padding: 24px 10px;
}
.border_box {
  border: 1px solid #e1e1e1;
  margin: 76px 0 88px;
  padding: 64px 44px 44px;
}
.border_box .title {
  display: block;
  position: relative;
  font-size: 30px;
  letter-spacing: -0.25px;
  color: #002957;
  padding-left: 24px;
  margin-bottom: 54px;
}
.border_box .title::before {
  position: absolute;
  width: 6px;
  height: 30px;
  background: #ff540a;
  left: 0;
  border-radius: 10px;
  content: "";
}
.gartner {
  position: relative;
}
.table_style {
  display: table;
  width: calc(100% + 44px);
  height: 100%;
  table-layout: fixed;
  margin: 0 -22px;
}
.table_style > li {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  padding: 0 22px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.table_style > li .item {
  height: 100%;
}
.gartner .table_style {
  margin-bottom: 24px;
}
.gartner .table_style:last-of-type {
  margin-bottom: 44px;
}
.gartner .table_style li .item {
  position: relative;
  background: #f6f6f6;
  border-radius: 20px;
  text-align: center;
  color: #333;
  font-size: 16px;
  font-weight: 700;
}
.gartner .table_style li .item i {
  display: block;
  height: 62px;
  margin-bottom: 24px;
  padding-top: 28px;
}
.gartner .table_style li .item i img {
  height: 100%;
}
.gartner .table_style li .item p {
  line-height: 20px;
  word-break: break-all;
  padding: 0 10px 20px;
}
.gartner .table_style li:first-child .item {
  background: #2e588e;
  padding: 0;
}
.gartner .table_style:nth-of-type(2) li:first-child .item {
  background: #0f458c;
}
.gartner .table_style:nth-of-type(3) li:first-child .item {
  background: #0a3671;
}
.gartner .table_style li:first-child .item strong {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 20px;
  word-break: break-all;
}
.gartner .text_box.dark {
  margin-bottom: 52px;
}
.text_box.dark {
  background: #002957;
}
.gartner .txt {
  position: relative;
}
.gartner .txt::after {
  position: absolute;
  width: 83px;
  height: 19px;
  bottom: 0;
  right: 0;
  background: url("/publisher/common/images/images/gartner_logo.png") center center/cover;
  content: "";
}
.table_style.list_type {
  width: calc(100% + 16px);
  margin: 48px -8px;
}
.table_style.list_type li {
  padding: 0 8px;
}
.table_style.list_type li .item {
  border: 1px solid #e1e1e1;
}
.table_style.list_type li .item .title {
  font-size: 25px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  padding: 50px 10px;
  background: url("/publisher/common/images/images/about_bg01.png") no-repeat center center/cover;
}
.table_style.list_type li:nth-child(2) .item .title{
  background-image: url("/publisher/common/images/images/about_bg02.png");
}
.table_style.list_type li:nth-child(3) .item .title{
  background-image: url("/publisher/common/images/images/about_bg03.png");
}
.table_style.list_type li .item > ul {
  padding: 28px 14px;
}
.table_style.list_type li .item > ul > li {
  position: relative;
  font-size: 15px;
  letter-spacing: -0.5px;
  line-height: 27px;
  color: #333;
  padding-left: 10px;
}
.table_style.list_type li .item > ul > li::before {
  position: absolute;
  left: 0;
  content: "-";
}
.icon_title_style {
  margin: 110px 0;
}
.icon_title_style > ul > li {
  position: relative;
  border: 2px solid #e1e1e1;
  border-radius: 20px;
  text-align: center;
  padding: 10px 38px 24px;
  margin-bottom: 76px;
  box-sizing: border-box;
}
.icon_title_style > ul > li:nth-child(2) .desc {
  padding: 30px 38px;
}
.icon_title_style > ul > li * {
  box-sizing: border-box;
}
.icon_title_style > ul > li:first-child {
  max-width: 490px;
  margin: 0 auto 76px;
}
.icon_title_style > ul > li > .title {
  display: inline-block;
  position: relative;
  background: #fff;
  top: -26px;
  font-size: 18px;
  font-weight: 700;
  color: #081f5c;
  padding: 0 20px;
  width: 274px;
}
.icon_title_style > ul > li > .title::before,
.icon_title_style > ul > li > .title::after {
  position: absolute;
  background: url("/publisher/common/images/images/tri_top.png") no-repeat center center/cover;
  width: 85px;
  height: 63px;
  top: -48px;
  content: "";
}
.icon_title_style > ul > li > .title::before {
  left: -112px;
}
.icon_title_style > ul > li > .title::after {
  right: -112px;
}
.icon_title_style > ul > li:first-child > .title::before,
.icon_title_style > ul > li:first-child > .title::after {
  content: none;
}
.icon_title_style > ul > li > .title i {
  display: block;
  position: absolute;
  left: 4px;
  height: 32px;
}
.icon_title_style > ul > li > .title i img {
  height: 100%;
}
.icon_title_style > ul > li > .title span {
  display: inline-block;
  vertical-align: middle;
}
.icon_title_style ul li .table_style {
  width: calc(100% + 30px);
  margin: 0 -15px;
}
.icon_title_style ul li .table_style li {
  padding: 0 15px;
}
.icon_title_style ul li .table_style li .item {
  border: 1px solid #e1e1e1;
}
.icon_title_style ul li .table_style li .title {
  display: block;
  font-size: 15px;
  color: #fff;
  background: #081f5c;
  text-align: center;
  padding: 10px;
}
.icon_title_style ul li .table_style li .img {
  height: 68px;
  text-align: center;
  margin: 14px 0;
}
.icon_title_style ul li .table_style li .img img {
  height: 100%;
}
.icon_title_style ul li .desc .box {
  display: inline-block;
  vertical-align: top;
  background: #081f5c;
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-weight: 700;
  width: 192px;
  padding: 14px 10px;
  margin-right: 20px;
}
.icon_title_style ul li .desc .box:last-child {
  margin-right: 0;
}
.icon_title_style ul li .desc .text {
  display: inline-block;
  vertical-align: middle;
  font-size: 15px;
  color: #081f5c;
  margin: 0 7.5%;
}
.icon_title_style ul li .right {
  position: absolute;
  width: 124px;
  height: 110px;
  top: 0;
  right: -177px;
  font-size: 15px;
  font-weight: 700;
  line-height: 22px;
  color: #fff;
  background: url("/publisher/common/images/images/domain_bg.png") no-repeat center center/cover;
}
.icon_title_style ul li .right::before {
  position: absolute;
  font-size: 40px;
  color: #4797df;
  top: 45%;
  left: -40px;
  line-height: 0;
  content: "+";
}
.icon_title_style ul li .right strong {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pub_210929 {
  overflow: hidden;
}
.pub_210929 h5:after {
  top: 0;
}
.arrow_line {
  position: relative;
  margin: 70px 0;
}
.arrow_line::after {
  display: block;
  clear: both;
  content: "";
}
.arrow_line strong {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  color: #333;
  z-index: 1;
  width: 74px;
  background: #fff;
}
.arrow_line strong:nth-of-type(2) {
  text-align: right;
}
.arrow_line .line {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  width: calc(100% - 160px);
  height: 10px;
  background: #dcdfe4;
}
.arrow_line .line::after {
  position: absolute;
  top: -5px;
  right: -10px;
  border-left: 12px solid #dcdfe4;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  content: "";
}
.table_style.list_type02 {
  width: calc(100% + 34px);
  margin: 0 -17px;
}
.table_style.list_type02 > li {
  padding: 0 17px;
}
.table_style.list_type02 li .item {
  background: #ebf8fc;
  border-radius: 20px;
  height: auto;
}
.table_style.list_type02 li:nth-of-type(2) .item {
  background: #009ed4;
}
.table_style.list_type02 li:nth-of-type(2) .item ul li:last-child i {
  top: -6px;
}
.table_style.list_type02 li .item ul {
  padding: 36px 24px;
}
.table_style.list_type02 li:nth-of-type(2) .item ul {
  padding: 44px 24px;
}
.table_style.list_type02 li .item ul li {
  position: relative;
  font-size: 15px;
  line-height: 23px;
  color: #333;
  word-break: keep-all;
  border-bottom: 1px dashed #bedee8;
  padding-bottom: 26px;
  margin-bottom: 36px;
}
.table_style.list_type02 li:nth-of-type(2) .item ul li {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 27px;
  padding: 0 26px 26px;
  border-bottom-color: #83d0eb;
}
.table_style.list_type02 li .item ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.table_style.list_type02 li .item ul li i {
  position: absolute;
}
.table_style.list_type02 li .item ul li .desc {
  padding-left: 84px;
}
.tri_title {
  margin: 68px 0;
}
.tri_title li {
  position: relative;
  margin-bottom: 20px;
}
.tri_title li::before {
  position: absolute;
  width: 1px;
  height: 100%;
  left: 0;
  background: #00346b;
  content: "";
}
.tri_title li .title {
  display: inline-block;
  position: relative;
  width: 366px;
  background: #00346b;
  font-size: 15px;
  color: #fff;
  padding: 12px 16px;
}
.tri_title li .title::after {
  position: absolute;
  top: 0;
  right: 0;
  border-right: 30px solid #fff;
  border-bottom: 40px solid transparent;
  content: "";
}
.tri_title li .desc {
  padding: 20px 14px;
}
.table_style.list_type03 li .item > .title {
  display: block;
  font-size: 25px;
  color: #333;
  text-align: center;
  margin-bottom: 14px;
}
.table_style.list_type03 li .item ul li {
  border-radius: 10px;
  border: 1px solid #e1e1e1;
  margin-bottom: 16px;
}
.table_style.list_type03 li .item ul li .title {
  display: block;
  background: #00cee8;
  border-radius: 10px;
  font-size: 15px;
  color: #fff;
  padding: 14px 10px;
  text-align: center;
}
.table_style.list_type03 li .item ul li:nth-child(2) .title {
  background: #03a9f4;
}
.table_style.list_type03 li .item ul li:nth-child(3) .title {
  background: #296fd9;
}
.table_style.list_type03 li .item ul li:nth-child(4) .title {
  background: #073c8c;
}
.table_style.list_type03 li .item ul li .desc {
  padding: 16px 22px;
}
.img_4th_rule {
  margin-top: 40px;
}
.circle_flow {
  max-width: 787px;
  height: 265px;
  background: url("/publisher/common/images/images/circle_flow.svg") no-repeat center center/100%;
  margin: 0 auto;
}
.circle_flow ul::after {
  display: block;
  clear: both;
  content: "";
}
.circle_flow ul li {
  float: left;
  width: 33.333%;
  text-align: center;
  padding-top: 68px;
}
.circle_flow ul li i {
  display: block;
  height: 52px;
  margin-bottom: 20px;
}
.circle_flow ul li p {
  font-size: 15px;
  font-weight: 700;
  line-height: 25px;
  color: #646464;
  padding: 0 38px;
  word-break: keep-all;
}
.table_style.number {
  width: calc(100% + 12px);
  counter-reset: number_list;
  padding-top: 40px;
  padding-bottom: 2px;
  margin: 0 -6px;
}
.table_style.number li {
  position: relative;
  padding: 0 6px;
  z-index: 0;
}
.table_style.number li::before {
  position: absolute;
  counter-increment: number_list;
  content: "0"counter(number_list)"";
  color: #e9e9e9;
  font-size: 35px;
  font-weight: 700;
  top: -28px;
  left: 10px;
  z-index: -1;
}
.table_style.number li .item {
  border: 1px solid #e1e1e1;
  border-radius: 10px;
  text-align: center;
}
.table_style.number li .item .title {
  display: block;
  font-size: 15px;
  background: #4e82c0;
  color: #fff;
  border-radius: 10px;
  padding: 15px 8px;
}
.table_style.number li:nth-child(2) .item .title {
  background: #2365b3;
}
.table_style.number li:nth-child(3) .item .title {
  background: #1e73a3;
}
.table_style.number li:nth-child(4) .item .title {
  background: #2648b6;
}
.table_style.number li:nth-child(5) .item .title {
  background: #1e40a1;
}
.table_style.number li .item .center .desc {
  display: table-cell;
  vertical-align: middle;
  font-size: 15px;
  line-height: 21px;
  color: #646464;
  word-break: keep-all;
  padding: 10px;
  letter-spacing: -0.2px;
}
.table_style.number li .item .center {
  display: table;
  width: 100%;
  height: calc(100% - 50px);
  table-layout: fixed;
}
.blue_title {
  display: block;
  font-size: 15px;
  color: #3366ff;
  margin: 45px 0 22px;
}
.blue_title.sub01 {
  line-height: 28px;
}
.btns_wrap {
  text-align: center;
  margin-top: 62px;
}
.btns_wrap .down_btn {
  background: #005aaa;
  color: #fff;
  font-size: 15px;
  padding: 14px 22px 14px 36px;
}
.btns_wrap .down_btn span::after {
  display: inline-block;
  font-family: 'xeicon';
  content: "\e904";
  margin-left: 20px;
}
.pub_210929 .purpose dt:last-child {
  padding-bottom: 0;
}
.table_style.list_type04 {
  width: 100%;
  margin: 0 0 46px;
}
.table_style.list_type04 > li {
  border-right: 1px solid #e1e1e1;
  padding: 0;
}
.table_style.list_type04 > li .item {
  padding: 10px 30px;
}
.table_style.list_type04 > li:first-child .item {
  padding-left: 0;
}
.table_style.list_type04 > li:last-child {
  border-right: 0;
}
.table_style.list_type04 > li:last-child .item {
  padding-right: 0;
}
.table_style.list_type04 > li .item i {
  display: block;
  text-align: center;
}
.table_style.list_type04 > li .item .desc .title {
  display: block;
  position: relative;
  margin: 32px 0 14px;
}
.table_style.list_type04 > li .item .desc .title em {
  position: absolute;
  top: 2px;
  left: 0;
  width: 18px;
  height: 18px;
  line-height: 18px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  background: #35a0e4;
  border-radius: 6px;
  margin-right: 8px;
}
.table_style.list_type04 > li .item .desc .title span {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  font-size: 16px;
  padding-left: 26px;
  line-height: normal;
}
.bul02 > li {
  position: relative;
  font-size: 15px;
  color: #646464;
  letter-spacing: -0.5px;
  line-height: 22px;
  padding-left: 14px;
  margin-bottom: 16px;
  text-align: left;
}
.bul02 > li::before {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9f9f9f;
  top: 8px;
  left: 0;
  content: "";
}
.bul02 > li:last-child {
  margin-bottom: 0;
}
.pattern_box {
  position: relative;
  background: #dbdbdb url("/publisher/common/images/images/pattern_box_bg.png") -50%;
  padding: 8px;
  text-align: center;
}
.pattern_box .title {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 572px;
  background: #004191;
  border-radius: 20px;
  padding: 12px;
  color: #fff;
  font-size: 18px;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
.pattern_box .title span {
  padding: 0 10px;
}
.pattern_box > * {
  background: #fff;
  margin: 0 auto;
  font-size: 16px;
  line-height: 22px;
  color: #333;
  padding: 42px 20px 30px; 
}
.arrow_scheme {
  position: relative;
  padding: 50px 72px 50px 92px;
  z-index: 0;
}
.arrow_scheme > * {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.arrow_scheme::after {
  display: block;
  clear: both;
  content: "";
}
.arrow_scheme::before {
  position: absolute;
  width: 522px;
  height: 207px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url("/publisher/common/images/images/arrow_scheme_bg.png") no-repeat center center/cover;
  content: "";
  z-index: -1;
}
.arrow_scheme [class*="depth0"] {
  display: block;
  position: absolute;
  float: none;
  width: 144px;
  height: 144px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}
.arrow_scheme [class*="depth0"] > span {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.arrow_scheme .depth01 {
  background: #425161; 
}
.arrow_scheme .depth02 {
  background: #004191;
  left: 50%;
  transform: translate(-50%, -50%);
}
.arrow_scheme .depth02::before {
  position: absolute;
  border: 4px dotted #7fa0c8;
  width: 160%;
  height: 160%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  content: "";
}
.arrow_scheme .depth02::after {
  position: absolute;
  border: 20px solid #35a0e4;
  width: 92%;
  height: 92%;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0.3;
  content: "";
}
.arrow_scheme ul {
  float: right;
}
.arrow_scheme ul li {
  display: block;
  position: relative;
  width: 144px;
  height: 144px;
  border-radius: 50%;
  background: #35a0e4;
  text-align: center;
  padding-top: 30px;
  box-sizing: border-box;
  margin-bottom: 10px;
}
.arrow_scheme ul li:last-child {
  margin-bottom: 0;
}
.arrow_scheme ul li i {
  display: block;
  margin-bottom: 12px;
}
.arrow_scheme ul li p {
  font-size: 16px;
  font-weight: 700;
  color: #fff;
}
.left_title_wrap {
  margin: 50px 0 182px;
}
.left_title_wrap .group {
  position: relative;
  border-bottom: 1px solid #e1e1e1;
  padding-bottom: 36px;
  margin-bottom: 46px;
}
.left_title_wrap .group:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.left_title_wrap .group:nth-child(2) {
  padding-bottom: 90px;
}
.left_title_wrap .group .title {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  font-weight: 700;
  color: #333;
  line-height: 26px;
}
.left_title_wrap .group .desc {
  padding-left: 252px;
}
.left_title_wrap .group .desc .flow {
  margin-bottom: 30px;
}
.left_title_wrap .group .desc .flow::after {
  display: block;
  clear: both;
  content: "";
}
.left_title_wrap .group .desc .flow span {
  /* display: inline-block; */
  position: relative;
  vertical-align: middle;
  text-align: center;
  font-size: 0;
  padding: 20px;
  background: rgba(0, 65, 145, 0.9);
  border-radius: 30px;
  max-width: 277px;
  width: calc(33.333% + 4%);
  margin-left: -7%;
  float: left;
  box-sizing: border-box;
}
.left_title_wrap .group .desc .flow span em {
  font-size: 16px;
  color: #fff;
}
.left_title_wrap .group .desc .flow span::after {
  position: absolute;
  top: 24px;
  right: 6%;
  color: #fff;
  font-size: 30px;
  line-height: 0;
  content: "+";
  z-index: 1;
}
.left_title_wrap .group .desc .flow span:last-child:after {
  content: none;
}
.left_title_wrap .group .desc .flow span:first-child {
  margin-left: 0;
}
.left_title_wrap .group .desc .flow span:nth-child(2) {
  background: rgba(1, 120, 188, 0.9);
}
.left_title_wrap .group .desc .flow span:nth-child(3) {
  background: rgba(53, 160, 228, 0.9);
}
.left_title_wrap .group .desc .point {
  display: block;
  font-size: 16px;
  line-height: 22px;
  color: #004191;
  margin-bottom: 18px;
}
.left_title_wrap .group .desc .bul {
  display: block;
  position: relative;
  font-size: 16px;
  color: #555;
  padding-left: 12px;
  margin-bottom: 12px;
}
.left_title_wrap .group .desc .bul::before {
  position: absolute;
  top: -2px;
  left: 0;
  content: "-";
}
.left_title_wrap .group .desc .list {
  padding-bottom: 0;
  margin-bottom: 24px;
}
.left_title_wrap .group .desc .list li {
  position: relative;
  padding-left: 14px;
  margin-bottom: 10px;
}
.left_title_wrap .group .desc .list li::before {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #9f9f9f;
  top: 5px;
  left: 0;
  content: "";
}
.left_title_wrap .group .desc .list li:last-child {
  margin-bottom: 0;
}
.table_style.eco li .item i {
  display: block;
  height: 48px;
  text-align: center;
  margin-bottom: 26px;
}
.table_style.eco li .item .post_df_box {
  position: relative;
  border: 2px solid #bfbfbf;
  text-align: center;
  height: 58px;
  box-sizing: border-box;
}
.table_style.eco li .item .post_df_box::after {
  position: absolute;
  top: 50%;
  right: -36px;
  transform: translateY(-50%) rotate(90deg);
  font-family: "xeicon";
  font-size: 18px;
  content: "\e92f";
  color: #b7b7b7;
}
.table_style.eco li .item .post_df_box em {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: -2px;
  left: -2px;
  background: #004191;
  text-align: center;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}
.table_style.eco li .item .post_df_box p {
  position: absolute;
  width: 100%;
  font-size: 15px;
  font-weight: 700;
  line-height: 20px;
  color: #555;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.table_style.eco li:last-child .item .post_df_box::before {
  position: absolute;
  width: 1px;
  height: 31px;
  left: 50%;
  top: 100%;
  background: #b7b7b7;
  content: "";
}
.table_style.eco li .item .post_df_box::before {
  position: absolute;
  width: calc(100% + 48px);
  height: 1px;
  top: calc(100% + 30px);
  background: #b7b7b7;
  content: "";
  left: 50%;
  transform: none;
}
.table_style.eco li:last-child .item .post_df_box::before {
  right: 49%;
  width: 1px;
}
.table_style.eco li:first-child .item .post_df_box p::before {
  position: absolute;
  top: calc(100% + 29px);
  left: 50%;
  width: 1px;
  height: 19px;
  background: #b7b7b7;
  content: "";
}
.table_style.eco li:first-child .item .post_df_box p::after {
  position: absolute;
  top: calc(100% + 18px);
  left: calc(50% - 9px);
  font-family: "xeicon";
  font-size: 18px;
  content: "\e92f";
  color: #b7b7b7;
}
.left_title_wrap .group .desc .color_box {
  background: #eaf5fc;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  text-align: center;
  padding: 22px 10px;
  color: #333;
  line-height: normal;
}
.table_style.step_flow {
  margin: 0;
}
.table_style.step_flow li {
  padding: 0;
}
.table_style.step_flow li .item {
  width: 100%;
  height: 126px;
  background: url("/publisher/common/images/images/step_flow_bg01.png") no-repeat center center/100%;
  margin-left: -30px;
}
.table_style.step_flow li:first-child .item {
  margin-left: 0;
}
.table_style.step_flow li:nth-child(2) .item {
  background: url("/publisher/common/images/images/step_flow_bg02.png") no-repeat center center/100%;
}
.table_style.step_flow li:nth-child(3) .item {
  background: url("/publisher/common/images/images/step_flow_bg03.png") no-repeat center center/100%;
}
.table_style.step_flow li .item .title {
  display: block;
}
.tasks {
  position: relative;
  z-index: 0;
}
.tasks::after {
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  left: 50%;
  background: #c6cacf;
  content: "";
  z-index: -1;
}
.tasks .top {
  display: block;
  position: relative;
  width: 141px;
  height: 141px;
  background: #fff url("/publisher/common/images/images/tasks_top_bg.png") no-repeat center center/cover;
  text-align: center;
  font-size: 18px;
  line-height: 22px;
  color: #333;
  box-sizing: border-box;
  margin: 0 auto;
  padding-top: 46px;
}
.mb_10 {
  margin-bottom: 10px;
}
.mb_20 {
  margin-bottom: 20px;
}
.mb_30 {
  margin-bottom: 30px;
}
.mb_40 {
  margin-bottom: 40px;
}
.mb_50 {
  margin-bottom: 50px;
}
.tasks > ul {
  max-width: 494px;
  margin: 12px auto;
}
.tasks > ul > li {
  position: relative;
  margin-top: -20px;
}
.tasks > ul > li:first-child {
  margin-top: 0;
}
.tasks > ul > li::before {
  position: absolute;
  border: 2px solid #35a0e4;
  border-radius: 50%;
  width: 4px;
  height: 4px;
  top: 50%;
  left: 50.1%;
  transform: translate(-50%, -50%);
  content: "";
  background: #fff;
}
.tasks > ul > li .num {
  position: absolute;
  top: 50%;
  left: calc(50% + 30px);
  transform: translate(-50%, -50%);
  text-align: center;
}
.tasks > ul > li .num span {
  font-size: 18px;
  font-weight: 700;
  color: #35a0e4;
}
.tasks > ul > li::after {
  display: block;
  clear: both;
  content: "";
}
.tasks > ul > li .box {
  position: relative;
  float: left;
  width: 220px;
  height: 120px;
  padding: 27px 20px;
  background: #35a0e4;
  left: 0;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  line-height: 22px;
  text-align: center;
  box-sizing: border-box;
}
.tasks > ul > li .box::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
  right: -14px;
  font-family: "xeicon";
  font-size: 18px;
  content: "\e92f";
  color: #35a0e4;
}
.tasks > ul > li .box span {
  position: absolute;
  width: 90%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.tasks > ul > li .box + ul {
  position: absolute;
  width: 320px;
  top: 100%;
  left: calc(50% + 30px);
}
.tasks > ul > li:nth-child(even) .box {
  float: right;
}
.tasks > ul > li:nth-child(even) .num {
  left: inherit;
  right: calc(50% + 10px);
}
.tasks > ul > li:nth-child(even) .box::after {
  right: inherit;
  left: -14px;
  transform: translateY(-50%) rotate(270deg);
}
.tasks > ul > li:nth-child(2):before {
  border-color: #0178bc;
}
.tasks > ul > li:nth-child(2) .num span,
.tasks > ul > li:nth-child(2) .box::after {
  color: #0178bc;
}
.tasks > ul > li:nth-child(2) .box {
  background: #0178bc;
}
.tasks > ul > li:nth-child(3):before {
  border-color: #004191;
}
.tasks > ul > li:nth-child(3) .num span,
.tasks > ul > li:nth-child(3) .box::after {
  color: #004191;
}
.tasks > ul > li:nth-child(3) .box {
  background: #004191;
}
.tasks > ul > li:nth-child(4):before {
  border-color: #425161;
}
.tasks > ul > li:nth-child(4) .num span,
.tasks > ul > li:nth-child(4) .box::after {
  color: #425161;
}
.tasks > ul > li:nth-child(4) .box {
  background: #425161;
}
.tasks > ul > li > ul {
  margin: 14px 0;
}
.tasks > ul > li > ul > li {
  position: relative;
  font-size: 15px;
  line-height: 20px;
  color: #425161;
  padding-left: 10px;
}
.tasks > ul > li > ul > li::before {
  position: absolute;
  left: 0;
  content: "-";
}

.virtual_test_bed_wrap {
  margin-top: 230px;
}
.virtual_test_bed {
  margin-top: 48px;
}
.virtual_test_bed li:first-child {
  width: 723px;
}
.virtual_test_bed .item .title {
  display: block;
  font-size: 18px;
  color: #004191;
  margin-bottom: 30px;
}
.virtual_test_bed .item ul li {
  position: relative;
  width: 142px;
  height: 142px;
  border-radius: 50%;
  background: rgba(0, 65, 145, 0.9);
}
.virtual_test_bed .item ul li span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
}
.virtual_test_bed .item ul li:nth-child(1) {
  margin-left: 40px;
}
.virtual_test_bed .item ul li:nth-child(2) {
  margin-top: -26px;
}
.virtual_test_bed .item ul li:nth-child(3) {
  margin-top: -26px;
  margin-left: 40px;
}
.table_style.eco > li {
  padding: 0 22px !important;
}
.all_img_box {
  border: 2px solid #e3e6e8;
}
.all_img_box .title {
  display: block;
  color: #fff;
  font-size: 24px;
  background: #005aaa;
  text-align: center;
  padding: 24px 10px;
}
.all_img_box .img img {
  /* width: 100%; */
}
.blue_strong {
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  color: #005aaa;
  margin: 28px 0;
}
.tb_top_txt {
  text-align: right;
  color: #333;
  font-size: 15px;
  margin: 14px 0 6px;
}
.initiative .tb_consortium {
  border-top: 1px solid #899097;
  border-bottom: 1px solid #dfe1e3;
}
.initiative .tb_consortium colgroup col {
  width: 50%;
}
.initiative .tb_consortium thead tr th {
  background: #f7f7f7;
  font-size: 16px;
  font-weight: 300;
  color: #000;
}
.initiative .tb_consortium th {
  border-bottom: 0;
}
.initiative .tb_consortium tbody tr td {
  color: #333;
}
.initiative .tb_consortium tbody tr td:first-child {
  background: #fafbfe;
}
.tb_consortium + .pattern_box {
  margin: 50px 0;
}
.tb_consortium + .pattern_box .title {
  font-size: 16px;
  max-width: 754px;
  box-sizing: border-box;
}
.tb_consortium + .pattern_box ul {
  padding: 40px 92px 16px;
}
.particip li .item {
  border: 1px solid #dadada;
  text-align: center;
}
.particip li .item [class*="img0"] {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 262px;
}
.particip li .item .img01 {
  background-image: url("/publisher/common/images/images/particip_img01.png");
}
.particip li .item .img02 {
  background-image: url("/publisher/common/images/images/particip_img02.png");
}
.particip li .item .img03 {
  background-image: url("/publisher/common/images/images/particip_img03.png");
}
.particip li .item .desc {
  position: relative;
  padding: 20px 0 60px;
}
.particip li .item .desc p {
  position: absolute;
  width: 90%;
  font-size: 16px;
  font-weight: 700;
  color: #333;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
}
.table_style.particip {
  margin-top: 48px;
  padding-bottom: 20px;
}
.operating_system {
  position: relative;
  height: 100%;
  z-index: 0;
  margin: 42px 0;
  overflow: hidden;
}
.operating_system::before {
  position: absolute;
  width: 2px;
  height: 1000vh;
  left: 50%;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system [class*="depth"] {
  position: relative;
  text-align: center;
  padding-bottom: 32px;
}
.operating_system [class*="depth"]:last-child {
  padding-bottom: 0;
}
.operating_system [class*="depth"] > ul > * {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.operating_system .item {
  display: inline-block;
  position: relative;
  width: 100%;
  text-align: center;
  border: 2px solid #aebbca;
  /* border-top-width: 1px; */
  border-radius: 12px 12px 10px 10px;
  background: #fff;
}
.operating_system li.empty .item {
  border: 0;
}
.operating_system .item strong {
  display: block;
  position: relative;
  width: calc(100% - 16px);
  color: #fff;
  background: #879cb1;
  font-size: 16px;
  border-radius: 10px 10px 0 0;
  top: -2px;
  left: -2px;
  padding: 19.5px 10px;
}
.operating_system .item p {
  font-size: 16px;
  color: #333;
  line-height: 26px;
}
.operating_system .depth01 {
  padding-bottom: 64px;
}
.operating_system .depth01 .item {
  max-width: 512px;
}
.operating_system .table_style {
  width: calc(100% + 28px);
  margin: 0 -16px;
}
.operating_system .table_style > li {
  padding: 0 16px;
}
.operating_system [class*="depth"] .item .desc {
  position: relative;
  padding: 14px;
  border-radius: 0 0 10px 10px;
}
.operating_system [class*="depth"] .item .desc ul li {
  position: relative;
  text-align: left;
  color: #333;
  font-size: 16px;
  line-height: 26px;
  padding-left: 12px;
  letter-spacing: -0.5px;
}
.operating_system [class*="depth"] .item .desc ul li::before {
  position: absolute;
  content: "-";
  top: 0;
  left: 0;
}
.operating_system [class*="depth"] .item .desc ul + p {
  text-align: left;
}
.operating_system .depth02 ul li:nth-child(1) .item::before,
.operating_system .depth02 ul li:nth-child(3) .item::before {
  position: absolute;
  width: 2px;
  height: 28px;
  bottom: 100%;
  left: 50%;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system .depth02 ul li:nth-child(1) .item::after,
.operating_system .depth02 ul li:nth-child(2) .item::after {
  position: absolute;
  width: calc(100% + 34px);
  height: 2px;
  bottom: calc(100% + 28px);
  left: 50%;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system .depth03 ul li:nth-child(1) .item strong::before,
.operating_system .depth04 ul li:nth-child(1) .item strong::before,
.operating_system .depth06 ul li:nth-child(1) .item strong::before {
  position: absolute;
  width: 100vw;
  height: 2px;
  top: 50%;
  left: 50%;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system .depth03 ul li:last-child .item strong::after {
  position: absolute;
  width: 2px;
  height: 290px;
  top: 50%;
  left: -15px;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system .depth05 ul li .item strong::after {
  position: absolute;
  width: 100%;
  height: 2px;
  top: 50%;
  left: -15px;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system .depth05 ul li:nth-child(2) .item strong::before {
  position: absolute;
  width: 2px;
  height: 100%;
  bottom: 50%;
  left: -15px;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system .depth05 ul li:nth-child(3) .item,
.operating_system .depth06 ul li:nth-child(3) .item {
  height: auto;
}
.operating_system .depth05 ul li:nth-child(3) .item::after {
  position: absolute;
  width: 1px;
  height: 144px;
  top: 100%;
  left: 50%;
  /* background: #cfd7e0; */
  border-left: 2px dotted #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system .table_style > li:nth-child(2) .item strong {
  background: #35a0e4;
}
.operating_system .depth02 .table_style > li .item strong {
  background: #0178bc;
}
.operating_system .depth01 .item strong {
  background: #004191;
}
.operating_system .depth04 ul li:nth-child(2) .item strong::after {
  position: absolute;
  width: 2px;
  height: 220%;
  top: 50%;
  left: -15px;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.operating_system .depth05 ul li:nth-child(3) .item strong::before {
  position: absolute;
  width: 2px;
  height: 100%;
  bottom: 50%;
  left: -15px;
  background: #cfd7e0;
  z-index: -1;
  content: "";
}
.initiative .pub_210929 h5 {
  line-height: normal;
}
.pub_210929 .purpose.line_heigt_26 dt {
  padding-bottom: 26px;
}
.pub_210929 .purpose.line_heigt_26 dt:last-child {
  padding-bottom: 0;
}
.pattern_box .bul02 > li {
  margin-bottom: 10px;
}
strong.black {
  color: #333;
}
.sub01_bottom {
  margin: 74px 0 90px;
}

/* 반응형 */
@media (max-width: 1000px) {
  .left_title_wrap .group .title {
    position: relative;
    top: inherit;
    left: inherit;
    margin-bottom: 20px;
  }
  .left_title_wrap .group .title br {
    display: none;
  }
  .left_title_wrap .group .desc {
    padding-left: 0;
  }
  .left_title_wrap .group .desc .flow span {
    max-width: 100%;
    margin-left: -6.5%;
  }
  .virtual_test_bed li:first-child {
    width: 55%;
  }
}

@media (max-width: 900px) {
  .icon_title_style ul li .right {
    position: relative;
    top: inherit;
    right: inherit;
    margin: 40px auto 0;
  }
  .icon_title_style ul li .right::before {
    display: block;
    position: relative;
    top: -24px;
    left: inherit;
  }
  .arrow_scheme::before {
    width: 100%;
    height: 100%;
    background-size: 75%;
    background-position-x: left;
  }
}
@media (max-width: 768px) {
  .border_box {
    padding: 40px 20px;
    margin: 40px 0;
  }
  .table_style,
  .icon_title_style ul li .table_style {
    width: calc(100% + 10px);
    margin: 0 -5px;
  }
  .table_style > li,
  .icon_title_style ul li .table_style li {
    padding: 0 5px;
  }
  .gartner .table_style {
    margin-bottom: 20px;
  }
  .gartner .table_style li .item i {
    height: 50px;
    padding-top: 10px;
    margin-bottom: 10px;
  }
  .gartner .table_style li .item p {
    padding: 0 10px 10px;
  }
  .pub_210929 h5 {
    margin: 20px 0;
  }
  .pub_210929 .bul01 {
    margin: 20px 0;
  }
  .pub_210929 .purpose {
    padding: 20px 10px;
    margin-bottom: 20px;
  }
  .border_box .title {
    margin-bottom: 30px;
    font-size: 24px;
  }
  .icon_title_style {
    margin: 50px 0;
  }
  .icon_title_style ul li .desc .box {
    width: 48%;
    margin-right: 1%;
  }
  .icon_title_style > ul > li > .title::before,
  .icon_title_style > ul > li > .title::after {
    width: 50px;
    height: 37px;
    top: -22px;
  }
  .icon_title_style > ul > li > .title::before {
    left: -50px;
  }
  .icon_title_style > ul > li > .title::after {
    right: -50px;
  }
  .icon_title_style > ul > li > .title {
    padding: 0 10px;
  }
  .icon_title_style ul li .desc .text {
    margin: 0 2%;
  }
  .icon_title_style > ul > li {
    padding: 10px 20px 20px;
  }
  .gartner .text_box.dark {
    margin-bottom: 20px;
  }
  .table_style.list_type {
    display: block;
    margin: 0;
  }
  .table_style.list_type > li {
    display: block;
    padding: 0;
    margin-bottom: 10px;
  }
  .table_style.number li .item .center .desc {
    word-break: break-all;
  }
  .circle_flow ul li i {
    margin-bottom: 10px;
  }
  .circle_flow ul li p {
    padding: 0 20px;
  }
  .table_style.list_type02 {
    display: block;
    width: 100%;
    margin: 0 0 50px;
  }
  .table_style.list_type02 > li {
    display: block;
    padding: 0;
    margin-bottom: 20px;
  }
  .table_style.list_type02 li .item ul li {
    padding-bottom: 16px;
    margin-bottom: 16px;
  }
  .table_style.list_type02 li:nth-of-type(2) .item ul {
    padding: 20px;
  }
  .table_style.list_type02 li:nth-of-type(2) .item ul li {
    padding:  0 0 16px;
  }
  .table_style.list_type02 li:nth-of-type(2) .item ul li:last-child {
    padding-bottom: 0;
  }
  .table_style.list_type03 {
    display: block;
    width: 100%;
    margin: 0 0 50px;
  }
  .table_style.list_type03 > li {
    display: block;
    text-align: center;
    padding: 0;
    margin-bottom: 20px;
  }
  .img_4th_rule {
    margin: 0 0 40px;
  }
  .table_style.number {
    display: block;
    width: 100%;
    margin: 0 0 50px;
  }
  .table_style.number > li {
    display: block;
    text-align: center;
    padding: 0;
    margin-bottom: 40px;
  }
  .table_style.number li::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .btns_wrap {
    margin-top: 30px;
  }
  .table_style.list_type04 {
    display: block;
    width: 100%;
    margin: 0 0 50px;
  }
  .table_style.list_type04 > li {
    display: block;
    text-align: center;
    padding: 0 0 20px;
    margin-bottom: 20px;
    border-right: 0;
    border-bottom: 1px solid #e1e1e1;
  }
  .table_style.list_type04 > li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
  }
  .table_style.list_type04 > li .item {
    padding: 0 20px !important;
  }
  .table_style.list_type04 > li .item .desc .title {
    margin: 20px 0 12px;
  }
  .table_style.list_type04 > li .item .desc .title em,
  .table_style.list_type04 > li .item .desc > ul > li::before {
    display: inline-block;
    position: relative;
    top: inherit;
    left: inherit;
    vertical-align: middle;
  }
  .table_style.list_type04 > li .item .desc .title span,
  .table_style.list_type04 > li .item .desc > ul > li {
    padding-left: 0;
  }
  .table_style.list_type04 > li .item .desc > ul > li {
    margin-bottom: 6px;
  }
  .table_style.list_type04 > li .item .desc > ul > li::before {
    top: -2px;
    margin-right: 6px;
  }
  .pattern_box .title {
    width: 90%;
  }
  .arrow_scheme {
    padding: 30px 0;
  }
  .arrow_scheme [class*="depth0"],
  .arrow_scheme ul li {
    width: 100px;
    height: 100px;
  }
  .arrow_scheme [class*="depth0"] > span {
    width: 85%;
    font-size: 12px;
    line-height: normal;
  }
  .arrow_scheme [class*="depth0"] > span br {
    display: none;
  }
  .arrow_scheme ul li {
    padding-top: 20px;
  }
  .arrow_scheme ul li i {
    height: 30px;
  }
  .arrow_scheme ul li i img {
    height: 100%;
  }
  .arrow_scheme ul li p {
    word-break: keep-all;
    font-size: 12px;
  }
  .left_title_wrap .group .desc .flow span::after {
    right: 4%;
  }
  .table_style.eco li .item i {
    margin-bottom: 12px;
  }
  .left_title_wrap {
    margin: 20px 0;
  }
  .tasks > ul > li .box + ul {
    width: auto;
  }
  .tb_consortium + .pattern_box ul {
    padding: 60px 20px 20px;
  }
  .operating_system [class*="depth"] {
    padding-bottom: 16px;
  }
  .operating_system .table_style {
    display: block;
    width: 100%;
    margin: 0;
  }
  .operating_system .table_style > li {
    display: block;
    padding: 0;
    margin-bottom: 20px;
  }
  .operating_system .table_style > li.empty {
    display: none;
    margin-bottom: 0;
  }
  .operating_system .table_style > li:last-child {
    margin-bottom: 0;
  }
  .operating_system .depth02 ul li:nth-child(1) .item::after,
  .operating_system .depth02 ul li:nth-child(2) .item::after,
  .operating_system .depth02 ul li:nth-child(1) .item::before,
  .operating_system .depth02 ul li:nth-child(3) .item::before,
  .operating_system .depth05 ul li:nth-child(3) .item::after {
    content: none;
  }
  .operating_system .item {
    width: 99%;
  }
  .sub01_bottom {
    margin: 20px 0;
  }
}
@media (max-width: 700px) {
  .table_style.eco {
    display: block;
    width: 100%;
    margin: 0;
  }
  .table_style.eco li {
    display: block;
    padding: 0;
    margin-bottom: 40px;
  }
  .table_style.eco li:last-child {
    margin-bottom: 0;
  }
  .table_style.eco li:first-child .item .post_df_box p::after {
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    left: -18px;
    font-size: 16px;
  }
  .table_style.eco li:first-child .item .post_df_box p::before {
    width: 8px;
    height: 1px;
    top: 50%;
    left: -20px;
  }
  .table_style.eco li .item .post_df_box::before {
    width: 1px;
    height: 342%;
    top: 0;
    left: -20px;
  }
  .table_style.eco li:first-child .item .post_df_box::before {
    top: 50%;
  }
  .table_style.eco li .item .post_df_box::after {
    top: inherit;
    bottom: -30px;
    right: inherit;
    left: 50%;
    transform: translateX(-50%) rotate(180deg);
  }
  .table_style.eco li:last-child .item .post_df_box::after {
    content: none;
  }
  .table_style.eco li:last-child .item .post_df_box::before {
    right: inherit;
    left: -20px;
    top: 50%;
    width: 20px;
    height: 1px;
  }
  .left_title_wrap .group {
    padding-bottom: 30px !important;
    margin-bottom: 30px !important;
  }
}
@media (max-width: 640px) {
  .circle_flow ul li p {
    font-size: 14px;
    line-height: normal;
  }
  .circle_flow ul li i {
    height: 40px;
  }
}
@media (max-width: 580px) {
  .left_title_wrap .group .desc .flow span {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    margin-bottom: 10px;
  }
  .left_title_wrap .group .desc .flow span::after {
    right: inherit;
    left: 50%;
    top: inherit;
    bottom: -20px;
    transform: translateX(-50%);
    width: 30px;
    height: 30px;
    line-height: 24px;
    background: rgba(0, 0, 0, 0.3);
    border-radius: 50%;
  }
}
@media (max-width: 500px) {
  .tri_bottom::after {
    width: 100%;
  }
  .table_style {
    display: block;
    width: 100%;
    margin: 0;
  }
  .table_style > li {
    display: block;
    padding: 0;
    margin-bottom: 10px;
  }
  .gartner .table_style li:first-child .item {
    padding: 10px;
    margin-bottom: 10px;
  }
  .gartner .table_style li:first-child .item strong {
    position: relative;
    top: inherit;
    left: inherit;
    transform: none;
  }
  .gartner .txt::after {
    position: relative;
    display: block;
    margin: 20px auto 0;
  }
  .icon_title_style ul li .desc .box {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
  .icon_title_style > ul > li > .title::before {
    left: 50%;
    top: -50px;
    transform: translateX(-50%);
  }
  .icon_title_style > ul > li > .title::after {
    content: none;
  }
  .icon_title_style ul li .desc .text {
    display: block;
    margin: 0 0 10px;
  }
  .gartner .txt {
    text-align: center;
  }
  .tri_title li .title {
    width: 90%;
  }
  .tri_title li .title span {
    padding-right: 20px;
  }
  .tri_title li .title::after {
    border-bottom-width: 54px;
  }
  .img_4th_rule {
    margin-top: 0;
    margin-bottom: 40px;
  }
  .circle_flow {
    background: transparent;
    height: auto;
  }
  .circle_flow ul li {
    float: none;
    width: 100%;
    padding-top: 0;
    border-bottom: 1px solid #b4b6ba;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
  .circle_flow ul li i {
    height: auto;
  }
  .circle_flow ul li p {
    padding: 0;
  }
  .tasks > ul {
    margin: 20px auto;
  }
  .tasks > ul > li {
    margin-bottom: 40px;
  }
  .tasks > ul > li .num {
    position: relative;
    top: inherit;
    left: inherit !important;
    right: inherit !important;
    transform: none;
    background: #fff;
    padding-bottom: 2px;
    margin-bottom: 10px;
  }
  .tasks > ul > li .box {
    float: none !important;
    width: 100%;
    height: auto;
    padding: 20px;
  }
  .tasks > ul > li .box span {
    display: block;
    position: relative;
    width: 100%;
    top: inherit;
    left: inherit;
    transform: none;
  }
  .tasks > ul > li::before {
    display: block;
    position: relative;
    top: inherit;
    left: inherit;
    transform: none;
    margin: 0 auto
  }
  .tasks > ul > li .box + ul {
    position: relative;
    width: 100%;
    top: inherit;
    left: inherit;
    background: #fff;
    padding-top: 20px;
    margin: 0;
  }
  .tasks > ul > li .box::after {
    top: -16px;
    right: inherit;
    left: 50% !important;
    transform: translateX(-50%) rotate(360deg) !important;
  }
  .virtual_test_bed_wrap {
    margin-top: 100px;
  }
  .virtual_test_bed li:first-child {
    width: 100%;
    margin-bottom: 30px;
  }
  .virtual_test_bed .item ul {
    text-align: center;
  }
  .virtual_test_bed .item ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1% !important;
  }
  .virtual_test_bed .item .title {
    text-align: center;
    margin-bottom: 20px;
  }
  .table_style.list_type04 > li .item i {
    height: 50px;
  }
  .table_style.list_type04 > li .item i img {
    height: 100%;
  }
  .icon_title_style > ul > li:nth-child(2) .desc {
    padding: 0;
  }
  .particip li .item .desc {
    padding: 20px 0;
  }
  .particip li .item .desc p {
    position: relative;
    left: inherit;
    bottom: inherit;
    transform: none;
    margin: 20px auto 0;
  }
}
@media (max-width: 400px) {
  .arrow_scheme [class*="depth0"] {
    position: relative;
    top: inherit;
    left: inherit;
    transform: none;
    margin: 0 auto 60px;
  }
  .arrow_scheme::before {
    background-size: 280px;
    transform: translate(-50%, -50%) rotate(90deg);
    background-position-x: center;
  }
  .arrow_scheme ul {
    float: none;
    text-align: center;
  }
  .arrow_scheme ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
  }
}
@media (max-width: 350px) {
  .icon_title_style > ul > li > .title {
    display: block;
    width: 100%;
  }
  .icon_title_style > ul > li > .title i {
    height: 24px;
  }
  .icon_title_style > ul > li > .title span {
    padding-left: 5px;
  }
}
/* //210929 star 컨텐츠 추가 작업 */

/* 211005 영문 ie 상단 헤더 틀어지는 현상 */
.view_pc .gnb_list li .depth1 {
  margin: 0 5px 0 10px !important;
  padding:7px 5px !important;
}

.view_pc .gnb_list li .depth1:after {
  top: 15px !important;
  left: -15px !important;
}

.view_pc .gnb_list li .depth2 dl {
  width: 200px !important;
}
/* //211005 영문 ie 상단 헤더 틀어지는 현상 */



/* 업무편람 시작 */
.handbook .view_pc .contents,
.handbook .inside {
    padding: 0;
}

.handbook-top-sec {
    padding: 2.8rem  7.15rem;
    background-color: #004191;
    background-image: url('/publisher/common/images/images/handbook-bg01.png');
    background-repeat: no-repeat;
    background-position: center right;
    position: relative;
}

.handbook-top-sec::before {
    content: "";
    background: url('/publisher/common/images/images/handbook-bg02.png') no-repeat center / contain;
    max-width: 260.6px;
    width: 18.7rem; height: 15.2rem;
    position: absolute;
    right: 10%; bottom: 0;
    transition: .2s;
}

.handbook .local .inner:after,
.handbook .local_bg {
    display: none;
}

.hide {
    position: fixed;
    top: -1px;
    left: -1px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
.hb-search {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.hb-search::after {
    content: "";
    display: block;
    clear: both;
}

.hb-search h4 {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    letter-spacing: -0.025em;
    margin-bottom: 1rem;
    line-height: 2rem;
}

.hb-search h4 span {
    font-weight: normal;
    color: #333;
}

.hb-search input {
    border: 2px solid #004191;
    width: 100%;
    border-radius: 50rem;
    padding: .9rem 4rem .9rem 1.7rem;
    font-size: 1.14rem;
    background-color: #fff;
    box-sizing: border-box;
}

.hb-search input::placeholder {
    font-size: 1.14rem;
}

.hb-search-btn {
    width: 4.72rem;
    height: 46px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);

}

.hb-search-icon::after {
    content: "\e97a";
    font-family: 'xeicon';
    color: #004191;
    font-size: 2rem;
    margin-left: -.6rem;
}

.hb-list-tit {
    font-size: 1.28rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 1rem;
}

.search-keyword, .useful-page {
    margin-top: 2rem;
    z-index: 1;
    position: relative;
}

.useful-list {
    padding-left: .6rem;
}

.keyword-list::after,
.useful-list::after {
    content: "";
    display: block;
    clear: both;
}

.keyword-list li {
    float: left;
    margin-right: .6rem;
    margin-bottom: .6rem;
}

.keyword-list li a {
    color: inherit;
    padding: .72rem 1rem;
    border: 1px solid rgba(171, 171, 171, .7);
    border-radius: 2px;
    font-size: 1.14rem;
    color: #fff;
    transition: .2s;
    background-color: #004191;
}

.keyword-list li.on a,
.keyword-list li:hover a {
    background-color: #fff;
    border: 1px solid #fff;
    color: #000;
    font-weight: bold;

}

.useful-list {
    margin-left: -2rem;
}

.useful-list li {
    float: left;
    padding: 0 2rem;
    font-size: 1.14rem;
    position: relative;
    margin-bottom: 1rem;
}

.useful-list li::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px; height: 15px;
    background-color: #fff;
    opacity: .3;
}

.useful-list li:last-child::after {
    display: none;
}

.useful-list li a {
    position: relative;
    padding-left: .3rem;
    color: #fff;
    transition: .2s;
}

.useful-list li a:hover {
    color: #fff;
}

.useful-list li a::before {
    content: "";
    position: absolute;
    left: -.3rem; top: .4rem;
    width: 3px; height: 3px;
    background-color: #fff;
    border-radius: 50%;
}

.view-section {
    position: relative;
    z-index: 0;
    padding: 2rem;
}

.view-section>div {
    float: left;
}

.view-section::after {
    content: "";
    display: block;
    clear: both;
}

.view-section::before {
    content: "";
    background-color: #F4F4F4;
    width: 100%; height: 100%;
    position: absolute;
    left: 0; bottom: 0;
    z-index: -1;
}

.view-list-top {
    border-bottom: 1px solid #c4c4c4;
    padding: 1rem 4.2rem 1rem .2rem;
    cursor: pointer;
    position: relative;
}

.view-list-top .view-list-tit {
    font-size: 1.14rem;
    font-weight: bold;
    letter-spacing: -0.05em;
    color: #333;
    position: relative;
    line-height: 1.6rem;
    padding-left: 1.6rem;
}

.view-list-top .view-list-tit::before {
    content: "\eaa1";
    font-family: 'xeicon';
    color: #B5B5B5;
    position: absolute;
    left: 0; top: 0;
}

.view-list-top.on .view-list-tit::before {
    content: "\eaa8";
}

.view-list.on .view-list-top .view-list-tit::after {
    content: "";
    width: 7px; height: 7px;
    background-color: #0374FF;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: -1rem;
    margin-top: .06rem;
}

.list-arrow {
    display: inline-block;
    background-color: #EBEBEB;
    border-radius: 50%;
    width: 22px; height: 22px;
    text-align: center;
    cursor: pointer;
    transition: .4s;

    position: absolute;
    top: 50%; right: 0;
    transform: translateY(-50%);
}

.view-list-top.on .list-arrow {
    transform: translateY(-50%) rotate(-180deg);
}

.list-arrow::before {
    content: "\e914";
    font-family: 'xeicon';
    font-size: 1.28rem;
    color: #333;
    line-height: 22px;
}

.list-download {
    display: inline-block;
    background-color: #004191;
    border: 1px solid #004191;
    border-radius: 50%;
    width: 18px; height: 18px;
    text-align: center;
    cursor: pointer;
    margin-left: .3rem;
    position: absolute;
    right: 2.4rem;
    top: 50%;
    transform: translateY(-50%);
    transition: .3s;
}

.list-download::before {
  content: "\eb7c";
  font-family: 'xeicon';
  font-size: 14px;
  color: #fff;
  line-height: 18px;
}

.list-download:hover {
  background-color: #fff;
  border: 1px solid #004191;
}

.list-download:hover::before {
  color: #004191;
}

.view-list-wrap {
    width: 30%;
    background-color: #fff;
    padding: 1.2rem 1.6rem 2.4rem;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}

.list-name-box {
    border-bottom: 1px solid #c4c4c4;

    display: none;
}

.list-name-box ul {
    padding: 1rem .7rem;
    padding-right: .5rem;
}

.list-name-box ul li {
    line-height: 1.5rem;
    font-size: 1.04rem;
    word-break: keep-all;
}

.list-name-box ul li a {
    position: relative;
    color: #666;
    display: block;
    padding: .25rem .25rem .25rem 1.7rem;
    transition: .2s;
}

.list-name-box ul li:last-child {
    margin-bottom: 0;
}

.list-name-box ul li a::before {
    content: "\ea83";
    font-family: 'xeicon';
    color: #C9C9C9;
    margin-right: .2rem;
    font-size: 16px;
    position: absolute;
    left: .3rem;
}

.list-name-box ul li a:hover,
.list-name-box ul li.on a {
    background-color: rgba(0, 65, 145, 0.1);
    border-radius: 3px;
    color: #004191;
}

.file-view-area {
    width: calc(70% - 1.6rem - 4rem);
    margin-left: 1.6rem;
}

div.popup_header {
    background-color: #FAFAFA !important;
}

div.popup_header h1 {
    color: #000 !important;
}

@media (max-width: 1400px) {
    .handbook-top-sec::before {
        opacity: .4;
    }
}


@media (max-width: 1080px) {
    .handbook-top-sec {
        padding: 2.8rem 4rem;
    }
}

@media (max-width: 768px) {
    div.popup_header {
        padding: 1.5rem 2rem !important;
        background-color: #004191;
    }

    .hb-search input,
    .hb-search input::placeholder {
        font-size: 1.1rem;
    }

    .useful-list li {
        margin-bottom: 0.8rem;
    }

    .view-section>div {
        float: none;
    }

    .view-section {padding: 1.6rem;}

    .view-list-wrap {
        width: auto;
        margin-bottom: 2rem;
    }

    .file-view-area {
        width: auto;
        margin-left: 0;
    }

    .hb-search h4 {font-size: 1.4rem;}

    .hb-list-tit {font-size: 1.18rem;}

    .keyword-list li a {
        font-size: 1rem;
        padding: .6rem .8rem;
    }

    .useful-list li a::before {
        top: .45rem;
    }

    .useful-list {
        margin-left: -1.4rem;
    }

    .useful-list li {
        font-size: 1.07rem;
        padding: 0 1.4rem;
    }

    .view-list-wrap {
        padding: 0.6rem 1.6rem 2rem;
    }

    .view-list-top {
        padding: 0.8rem 4.2rem 0.8rem .2rem;
    }

    .view-list-top .view-list-tit {
        font-size: 1.1rem;
    }

    .list-name-box ul {padding: .7rem;}

    .list-name-box ul li {
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .handbook-top-sec::before {
        content: "";
        background: url(/publisher/common/images/images/handbook-bg02.png) no-repeat bottom right / 75%;
        right: 8%;
    }
}

@media (max-width: 580px) {
    .handbook-top-sec {
        padding: 2.2rem 2rem;
        background-size: cover;
    }

    .hb-search-btn {
        width: 4rem;
        margin-top: 0.15rem;
    }

    .list-name-box ul {
        padding: .6rem .4rem;
    }
}


.all-download-wrap {
    text-align: right;
}
.all-download {
    font-size: 1rem;
    background-color: #004191;
    color: #fff;
    border-radius: 6px;
    padding: .5rem .7rem;
    margin-top: .8rem;
    border: 2px solid #004191;
    transition: .2s;
}
.all-download::after {
    content: '\eb7c';
    font-family: 'xeicon';
    padding-left: .4rem;
    font-size: 16px;
    vertical-align: text-bottom;
}
.all-download:hover {
    background-color: #fff;
    color: #004191;
    border: 2px solid #004191;
    font-weight: bold;
}



.alert-btn {
    font-size: 1rem;
    background-color: #812D41;
    color: #fff;
    border-radius: 6px;
    padding: .5rem .7rem;
    margin-top: .8rem;
    border: 2px solid #812D41;
    transition: .2s;
}
.alert-btn::after {
    content: "\e9a7";
    font-family: 'xeicon';
    padding-left: .4rem;
    font-size: 16px;
    vertical-align: text-bottom;
}
.alert-btn:hover {
    background-color: #fff;
    color: #812D41;
    border: 2px solid #812D41;
    font-weight: bold;
}
/* 업무편람 끝 */





.founded-ic-list{margin-top:10px;}
.founded-ic-list > li{margin-bottom:12px;}
.founded-ic-list > li:last-child{margin-bottom:0;}
.founded-ic-list > li:after{content:'';display:block;clear:both;}
.founded-ic-list > li .icon-box{display:block;float:left;width:30px;height:30px;margin-right:16px;border-radius:50%;font-size:0;background-color:#004191;background-image:url('/common/images/sub/i_01.png');background-position:center;background-repeat:no-repeat;vertical-align:middle;}
.founded-ic-list > li .icon-box.icon-01{background-color:#004191;background-image:url('/common/images/sub/i_01.png');}
.founded-ic-list > li .icon-box.icon-02{background-color:#79BBEB;background-image:url('/common/images/sub/i_02.png');}
.founded-ic-list > li .icon-box.icon-03{background-color:#509EB7;background-image:url('/common/images/sub/i_03.png');}
.founded-ic-list > li .icon-box.icon-04{background-color:#509EB7;background-image:url('/common/images/sub/i_04.png');}
.founded-ic-list > li .icon-box.icon-05{background-color:#50B7B7;background-image:url('/common/images/sub/i_05.png');}
.founded-ic-list > li .icon-box.icon-06{background-color:#50B785;background-image:url('/common/images/sub/i_06.png');}
.founded-ic-list > li .icon-box.icon-07{background-color:#1A84E7;background-image:url('/common/images/sub/i_07.png');}
.founded-ic-list > li .icon-box.icon-08{background-color:#5067B7;background-image:url('/common/images/sub/i_08.png');}
.founded-ic-list > li > p{overflow:hidden;padding-right:10px;line-height:30px;color:#666;font-weight:600;font-size:15px;}

@media screen and (max-width:500px){
	.founded-ic-list > li > p{font-size:13px;}
}


/*연구실 소개 영상*/
.lab_video_list{margin:50px 0;}
.lab_video_list .fix{margin-right:-20px;}
.lab_video_list .fix:after{content:'';display:block;clear:both;}
.lab_video_list .fix > li{float:left;width:50%;margin-bottom:20px;}
.lab_video_list .fix > li:last-child{margin-bottom:0;}
.lab_video_list .fix > li .video-box{height:560px;margin-right:20px;border: 1px solid #E9E9E9;}
.lab_video_list .fix > li .video-box .photo{}
.lab_video_list .fix > li .video-box .photo .img-wrap{width:100%;}
.lab_video_list .fix > li .video-box .photo .img-wrap > img{display:block;width:100%;max-width:inherit;}
.lab_video_list .fix > li .video-box .video-con{padding:20px 30px;}
.lab_video_list .fix > li .video-box .video-con > strong{display:block;padding-bottom:20px;border-bottom:1px solid #E9E9E9;font-size:17px;color:#000;font-weight:700;}
.lab_video_list .fix > li .video-box .video-con .founded-ic-list{margin-top:20px;}


@media screen and (max-width:1024px){
	.lab_video_list .fix > li .video-box .video-con{padding:20px;}
}

@media screen and (max-width:800px){
	.lab_video_list{margin:30px 0;}
.lab_video_list .fix{margin-right:0;}
	.lab_video_list .fix > li{float:none;width:100%;}
	.lab_video_list .fix > li .video-box{height:auto;margin-right:0;}
}

@media screen and (max-width:500px){
	.lab_video_list .fix > li .video-box .video-con{padding:15px;}
	.lab_video_list .fix > li .video-box .video-con > strong{padding-bottom:15px;font-size:15px;}
}


/*창업현황*/

.founded_list{margin:50px 0;}
.founded_list .fix{margin-right:-20px;}
.founded_list .fix:after{content:'';display:block;clear:both;}
.founded_list .fix > li{float:left;width:33.3%;margin-bottom:20px;}
.founded_list .fix > li .divLink{display:block;height:470px;margin-right:20px;padding:20px;border:1px solid #E9E9E9;}
.founded_list .fix > li .divLink .item_card{}
.founded_list .fix > li .divLink .item_card > strong{display:block;padding-bottom:25px;border-bottom:1px solid #E9E9E9;color:#000;font-size:20px;}
.founded_list .fix > li .divLink .photo{display:table;width:100%;height:200px;margin-bottom:25px;border:1px solid #E9E9E9;background: #fff;}
.founded_list .fix > li .divLink .photo .img-wrap{display:table-cell;padding:10px;text-align:center;vertical-align:middle;}

@media screen and (max-width:1024px){
	.founded_list .fix > li{width:50%;}
	.founded_list .fix > li .divLink .item_card > strong{padding-bottom:20px;font-size:18px;}
}

@media screen and (max-width:800px){
	.founded_list .fix{margin-right:-10px;}
	.founded_list .fix > li{width:50%;margin-bottom:10px;}
	.founded_list .fix > li .divLink{margin-right:10px;padding:10px;}
	.founded_list .fix > li .divLink .item_card > strong{padding-bottom:15px;}
	.founded_list .fix > li .divLink .photo{margin-bottom:15px;}
}

@media screen and (max-width:600px){
	.founded_list{margin:30px 0;}
	.founded_list .fix{margin-right:0;}
	.founded_list .fix > li{float:none;width:100%;}
	.founded_list .fix > li .divLink{height:auto;margin-right:0;}
}


.board-thumb{padding:50px 0;}
.board-thumb .founded_con{margin-bottom:30px;}
.board-thumb .founded_con:after{content:'';display:block;clear:both;}
.board-thumb .founded_con .l-box{display:table;float:left;width:263px;height:233px;margin-right:35px;border: 1px solid #E9E9E9;}
.board-thumb .founded_con .l-box .logo-box{display:table-cell;padding:20px;text-align:center;background: #fff;vertical-align:middle;}
.board-thumb .founded_con .r-box{overflow:hidden;padding-top:15px;}
.board-thumb .founded_con .r-box > strong{display:block;margin-bottom:15px;padding-bottom:25px;border-bottom: 1px solid #E9E9E9;color:#000;font-weight:700;font-size:20px;}
.board-thumb .founded_con .r-box .txt{font-size:14px;font-weight:400;color:#000;}
.board-thumb .founded_con .r-box .founded-ic-list{}
.board-thumb .founded_con .r-box .founded-ic-list:after{content:'';display:block;clear:both;}
.board-thumb .founded_con .r-box .founded-ic-list > li{float:left;width:50%;}
.board-thumb .founded_con .r-box .founded-ic-list > li.li01{width:100%;}
.board-thumb .founded_con .r-box .founded-ic-list > li > p{padding:0;}


.board-thumb .founded_con .l-box.video-box{height:180px;}
.board-thumb .founded_con .l-box.video-box .logo-box{background:#fff;}

.board-thumb .tit{display:block;margin-bottom:10px;font-weight:700;color:#000;font-size:20px;}
.board-thumb .detail_area{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #E9E9E9;}
.board-thumb .detail_area > p{font-weight:500;color:#666;font-size:15px;line-height:1.8;}
.board-thumb .link-btn{display:inline-block;padding:8px 35px;border-radius:35px;text-align:center;background: linear-gradient(90deg, #004191 0%, #1A84E7 100%);}
.board-thumb .link-btn > span{display:inline-block;position:relative;padding-left:30px;font-weight:700;color:#fff;font-size:15px;}
.board-thumb .link-btn > span:before{content:'';position:absolute;top:0;left:0;width:16px;height:16px;background:url('/common/images/sub/i_link.png') no-repeat;}

.board-thumb .video-wrap{width:100%;height:600px;margin:0 auto;}

.board-thumb.book .founded_con{margin-bottom:50px;padding-bottom:50px;border-bottom:1px solid #E9E9E9;}
.board-thumb.book .detail_area{padding:20px;border-bottom:none;background:#f6f7f8;}
.board-thumb.book .tit{font-size:18px;}

.tmar_0{margin-top:0 !important;}
.bmar_20{margin-bottom:20px !important;}

@media screen and (max-width:1024px){
	.board-thumb .founded_con .l-box{margin-right:20px;}
	.board-thumb .founded_con .r-box{padding-top:0;}
	.board-thumb .founded_con .r-box > strong{padding-bottom:15px;}
	.board-thumb .founded_con .r-box .founded-ic-list > li{float:none;width:100%;}
	.board-thumb .video-wrap{height:500px;}
	
	.board-thumb.book .founded_con{margin-bottom:30px;padding-bottom:30px;}
}

@media screen and (max-width: 980px){
	.board-thumb.book .tit{font-size:15px;}
}

@media screen and (max-width:800px){
	.board-thumb .tit{font-size:18px;}
	.board-thumb .video-wrap{height:400px;}
}

@media screen and (max-width:600px){
	.board-thumb .founded_con .l-box{float:none;width:100%;margin:0 auto;}
	.board-thumb .founded_con .r-box{margin-top:20px;}
	.board-thumb .founded_con .r-box > strong{text-align:center;}
	.board-thumb .detail_area{margin-bottom:20px;padding-bottom:20px;}
	.board-thumb .video-wrap{height:300px;margin:0 auto;}
	
	.board-thumb.book .detail_area{padding:15px;}
}


/*책 추천*/
.book_list{margin:50px 0;}
.book_list .fix{margin-right:-20px;}
.book_list .fix:after{content:'';display:block;clear:both;}
.book_list .fix > li{float:left;width:50%;margin-bottom:20px;}
.book_list .fix > li .divLink{display:flex;margin-right:20px;border: 1px solid #E9E9E9;}
.book_list .fix > li .divLink .img-wrap{border-right: 1px solid #E9E9E9;}
.book_list .fix > li .divLink .img-wrap .photo{width:188px;}
.book_list .fix > li .divLink .img-wrap .photo > img{display:block;}
.book_list .fix > li .divLink .book-con{width:100%;padding:25px;background:#F5F6F8;vertical-align:top;}
.book_list .fix > li .divLink .book-con .con-box{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #E9E9E9;}
.book_list .fix > li .divLink .book-con .con-box > strong{display:block;margin-bottom:10px;color:#000;font-weight:700;font-size:20px;}
.book_list .fix > li .divLink .book-con .con-box .book-info{display:inline-block;margin-top:10px;padding:4px 15px;border-radius:25px;border: 1px solid #E9E9E9;font-size:0;background:#fff;}
.book_list .fix > li .divLink .book-con .con-box .book-info > li{display:inline-block;position:relative;margin-right:10px;color:#666;font-weight:400;font-size:13px;}
.book_list .fix > li .divLink .book-con .con-box .book-info > li:after{content:'';position:absolute;top:3px;right:-7px;width:1px;height:8px;background:#E9E9E9;}
.book_list .fix > li .divLink .book-con .con-box .book-info > li:last-child{margin-right:0;}
.book_list .fix > li .divLink .book-con .con-box .book-info > li:last-child:after{content:none;}
.book_list .fix > li .divLink .book-con .recom{display:inline-block;margin-bottom:10px;color:#000;font-weight:700;font-size:17px;}
.book_list .fix > li .divLink .book-con .txt{font-size:14px;font-weight:400;color:#000;}

.board-thumb.book .founded_con .l-box{width:206px;margin-right:55px;}
.board-thumb.book .founded_con .l-box .book-box{width:100%;}
.board-thumb.book .founded_con .l-box .book-box > img{display:block;width:100%;max-width:inherit;}
.board-thumb.book .founded_con .r-box .txt{margin-bottom:30px;}

@media screen and (max-width:1024px){
	.book_list .fix{margin-right:0;}
	.book_list .fix > li{float:none;width:100%;}
	.book_list .fix > li .divLink{margin-right:0;}
	.book_list .fix > li .divLink .book-con{padding:15px;}
	.book_list .fix > li .divLink .book-con .con-box > strong{font-size:17px;}
	.book_list .fix > li .divLink .book-con .recom{font-size:15px;}
	.board-thumb.book .founded_con .l-box{margin-right:30px;}
}


@media screen and (max-width:600px){
	.book_list{margin:30px 0;}
	.book_list .fix > li .divLink{flex-wrap:wrap;justify-content: space-around;}
	.book_list .fix > li .divLink .img-wrap{padding:15px 0;border: none;}
	.book_list .fix > li .divLink .img-wrap .photo{border: 1px solid #E9E9E9;}
	
	.board-thumb.book .founded_con .l-box{margin:0 auto;}
	.board-thumb.book .founded_con .r-box{text-align:center;}
	.board-thumb.book .founded_con .r-box .founded-ic-list{display:inline-block;}
	.board-thumb.book .founded_con .r-box .founded-ic-list > li{text-align:left;}
}

/* 박사학위 우수논문상 수정 */

.award-wrap{}
.award-wrap .award-list{display: flex; margin: 0 -15px; flex-wrap: wrap;}
.award-wrap .award-list > li{margin-bottom: 30px; padding: 0 15px; width:45%;}
.award-wrap .award-list > li:last-child{margin-bottom: 0;}
.award-wrap .award-list > li .item{display: block; overflow: hidden; height: 100%; border: 1px solid #e9e9e9; background-color: #fff;}
.award-wrap .award-list > li .item .con-head{display: block; background-color: #005AAA;}
.award-wrap .award-list > li .item .con-head .pr-name{display: block; position: relative; padding: 10px 20px; font-weight: bold; color: #fff; font-size: 18px; text-align: center;}
.award-wrap .award-list > li .item .con-body{padding: 15px;}
.award-wrap .award-list > li .item .con-body .img-box{display: block; float: left; overflow: hidden; position: relative; width: 120px; height: 100%; border: 1px solid #e9e9e9; margin-right: 10px; vertical-align: top;}
.award-wrap .award-list > li .item .con-body .img-box::before{content: ""; display: block; padding-top: 120%;}
.award-wrap .award-list > li .item .con-body .img-box > img{position: absolute; top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%);}
.award-wrap .award-list > li .item .con-body .txt-box{display: block; overflow: hidden; padding: 10px 25px;}
.award-wrap .award-list > li .item .con-body .txt-box .graduate{display: inline-block; margin-bottom: 10px; padding: 10px 20px; border-radius: 100px; background-color: #D9D9D9; font-weight: bold; font-size: 14px; color: #000; text-align: center;}
.award-wrap .award-list > li .item .con-body .txt-box .info-list{}
.award-wrap .award-list > li .item .con-body .txt-box .info-list > li{margin-bottom: 6px;}
.award-wrap .award-list > li .item .con-body .txt-box .info-list > li:last-child{margin-bottom: 0;}
.award-wrap .award-list > li .item .con-body .txt-box .info-list > li > p{font-weight: normal; font-size: 13px; color: #969696;}
.award-wrap .award-list > li .item .con-body .txt-box .info-list > li .name{margin-bottom: 5px; font-weight: bold; font-size: 14px; color: #363636;}

@media screen and (max-width: 1000px) {
    .award-wrap .award-list > li{width: 100%;}
}


/*-------------------------------------------------------------------
	분류그룹 : 서브페이지 > 공통
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/* dot-list */
.dot-list {display: block; margin-bottom:15px;}
.dot-list > li {position: relative; padding-left: 10px; margin-bottom: 6px;}
.dot-list > li:last-child{margin-bottom: 0;}
.dot-list > li::before {content:""; position: absolute; top: calc(0.65rem - 1.5px); left: 0; width: 3px; height: 3px; border-radius: 50%; background-color: #646464; font-size:1rem; color:#646464;}
.dot-list {display: block; margin-bottom:15px;}
.dot-list > li.strong {display: block; position: relative; padding-left: 13px; margin-bottom: 8px; font-weight:700; font-size:1rem;}

/* dash-list */
.dash-list {display: block;margin-bottom:15px;}
.dash-list > li {position: relative; padding-left: 13px; margin-bottom: 6px;}
.dash-list > li:last-child{margin-bottom: 0;}
.dash-list > li::before {content:""; position: absolute; top: calc(0.65rem - 1px); left: 0; width: 6px; height: 2px; background-color: #646464; font-size:1rem; color:#646464;}

/* initiative_li */
.initiative .initiative_li.normal {margin-top:7px; font-weight:500; font-size:0.9375rem;}
.initiative .initiative_li.normal > li {line-height: 1.3;}

/* 타이틀 */
.initiative .sub-tit-01 {display: block; position: relative; margin-bottom:20px; padding-left: 25px; font-weight: 700; color:#000000; font-size: 1.25rem;}
.initiative .sub-tit-01:before {content: ''; position: absolute; top:calc(0.65rem - 6px); left: 0; width: 20px; height: 20px; background: url('../images/bul-tit-01.svg') no-repeat;}

.initiative .sub-tit-02 {display: block; margin-top:10px; margin-bottom:15px; font-weight:600; font-size:1rem; color:#000000;}

/* 공통테이블 - 추가 */
.initiative .tb_schedul.center td {text-align: center;}

/*-------------------------------------------------------------------
	분류그룹 : 서브페이지 > 입학 > Financial Support
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.initiative .btn-link-02 {display: inline-block; margin:7px 0; padding:5px 20px; border-radius: 15px; background:linear-gradient(90deg,#0545A4,#3D92AF); color:#ffffff; font-weight:600; font-size:1rem; line-height: 1.3;}
.initiative .support-box {margin-top:10px; margin-left:13px;}
.initiative .support-box .support-txt {display:block; font-weight:700; font-size:1.0625rem;}


/*-------------------------------------------------------------------
	분류그룹 : 서브페이지 > 입학 > Financial Support
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.initiative .welfare-wrap {display: block;}
.initiative .welfare-wrap .welfare-list {display: flex; margin:0 -20px; flex-wrap:wrap;}
.initiative .welfare-wrap .welfare-list .item {display: block; width:50%; padding:0 20px;box-sizing: border-box;}
.initiative .welfare-wrap .welfare-list .item .list-con {display: block;}
.initiative .welfare-wrap .welfare-list .item .list-con .img-box {}
.initiative .welfare-wrap .welfare-list .item .list-con .txt-box {padding-top:15px;}
.initiative .welfare-wrap .welfare-list .item .list-con .txt-box > .txt {display:block; color:#646464; line-height: 1.3;}


/*-------------------------------------------------------------------
	분류그룹 : 서브페이지 > 입학 > video
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.initiative .video-wrap {display: block;}
.initiative .video-wrap .video-list {display: flex; margin:0 -20px; flex-wrap:wrap;}
.initiative .video-wrap .video-list li {width:50%; height:100%; margin:20px 0; padding:0 20px; box-sizing: border-box;}
.initiative .video-wrap .video-list li .video-box {position:relative;}
.initiative .video-wrap .video-list li .video-box::before {content:''; display: block; padding-top:67.85%;}
.initiative .video-wrap .video-list li .video-box iframe {position: absolute; top: 0; left: 50%; height: 100%; transform: translateX(-50%);}


/*-------------------------------------------------------------------
	분류그룹 : 서브페이지 > 입학 > 주요사이트
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.initiative .relate-site-wrap {display: block;}
.initiative .relate-site-wrap .site-list {display:flex; margin:0 -20px; flex-wrap:wrap;}
.initiative .relate-site-wrap .site-list > li {display: flex; width:33.33333%; margin:30px 0; padding:0 20px; box-sizing: border-box;}
.initiative .relate-site-wrap .site-list > li .logo-con {display: flex; width:100%; padding:20px; border:1px solid #E9E9E9;  justify-content: center; align-items: center;}
.initiative .relate-site-wrap .site-list > li .logo-con img {display: inline-block;}




/* === 작성자 lhy 2023.05.17 === */
/*-------------------------------------------------------------------
	분류그룹 : 타이틀
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.sc-tit-01 {display: block; position: relative; margin-bottom: 20px; padding-left: 30px; line-height: 23px; font-weight: 700; font-size: 18px; color:#000000;}
.sc-tit-01::before {content: ''; position: absolute; top: 0; left: 0; width: 23px; height: 23px; border: 3px solid #CCE5F4; border-radius: 50%; background-color: #7ABBE1; box-sizing: border-box;}
.sc-tit-01::after {content: ''; position: absolute; top: 6px; left: 6px; width: 11px; height: 11px; border: 3px solid #007DC6; border-radius: 50%; background-color: #ffffff; box-sizing: border-box;}

.sc-tit-02 {display: block; margin-bottom: 15px; font-weight: 600; font-size: 16px; color: #000000;}

.sc-list {display: block;}
.sc-list > li {display: block; margin-bottom: 25px;}
.sc-list > li:last-child {margin-bottom: 0;}

.btn-link-01 {display: inline-block; position: relative; padding: 8px 40px 8px 20px; border-radius: 15px; background:linear-gradient(90deg,#0545A4,#3D92AF); color:#ffffff; font-weight:600; font-size: 16px; line-height: 18px;}
.btn-link-01::before {content:""; position: absolute; top: 8px; right: 10px; width: 18px; height: 18px; background: url(../images/sub/i_btn_link.svg) no-repeat center;}

.sc-con.depth01 {display: block; margin-top: 58px;}
.sc-con.depth02 {display: block; margin-top: 30px;}


/*-------------------------------------------------------------------
	분류그룹 : 테이블
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/* default */
.table {width: 100%; border-top: 1px solid #899097; background-color: #fff;}
.table caption {width: 0; height: 0; font-size: 0;}
/* th */
.table tr th {padding: 10px 10px; border-bottom: 1px solid #dddddd; font-weight: 600; font-size: 16px; text-align: center; color: #000; background-color: #f7f7f7;}
.table tr th.depth {border-left: 1px solid #dddddd; background-color: #f7f7f7;}
.table tr th + th {border-left: 1px solid #dddddd;}
.table thead tr:nth-child(n + 2) th {border-left: 1px solid #dddddd;}
/* td */
.table tr td {padding: 10px 10px; border-bottom: 1px solid #dddddd; text-align: left;}
.table tr td.depth {border-left: 1px solid #dddddd;}
.table tr th + td {border-left: 1px solid #dddddd;}
.table tr td + td {border-left: 1px solid #dddddd;}

/* group */
.table tbody.rowspan tr:nth-child(n + 2) td {border-left: 1px solid #dddddd;}
.table tbody.rowspan tr:nth-child(n + 2) th {border-left: 1px solid #dddddd;}
.table tr.rowspan th:first-child {border-left: 1px solid #dddddd;}
.table tr.rowspan td:first-child {border-left: 1px solid #dddddd;}
.table tr th.bl {border-left: 1px solid #dddddd;}
.table tr td.bl {border-left: 1px solid #dddddd;}

/* align */
.table.th-left tr th {text-align: left;}
.table.th-right tr th {text-align: right;}
.table tr th.left {text-align: left;}
.table tr th.center {text-align: center;}
.table tr th.right {text-align: right;}

.table.td-right tr td {text-align: right;}
.table.td-center tr td {text-align: center;}
.table tr td.left {text-align: left;}
.table tr td.center {text-align: center;}
.table tr td.right {text-align: right;}

.table tr th.nowrap {white-space: nowrap;}
.table tr td.nowrap {white-space: nowrap;}

/* scroll */
.scr-table-box {display: block; position: relative;}
.scr-table-box .table-box {display: block; overflow-x: auto;}

/*-------------------------------------------------------------------
  @media
-------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
    .scr-table-box .table-box .table {width: 800px;}
}




/*-------------------------------------------------------------------
	분류그룹 : overview
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.overview-intro {display: flex;}
.overview-intro .l-con {display: block; flex-grow: 1;}
.overview-intro .r-con {display: block; padding-left: 50px; flex-shrink: 0;}
.overview-intro .r-con .connect-box {display: block; position: relative; width: 400px; height: 430px; box-sizing: border-box;}
.overview-intro .r-con .connect-box::before {content:""; display: block; position: absolute; top: calc(50% - 180px); left: calc(50% - 180px); width: 360px; height: 360px; border: 1px dashed #D5E6F2; border-radius: 50%; background-image:url(../images/sub/overview/img_kaist_logo.png); background-repeat: no-repeat; background-position:center;}
.overview-intro .r-con .connect-box::after {content:""; position: absolute; top: calc(50% - 159px); left: calc(50% - 159px); width: 318px; height: 318px; border: 12px solid #F3F8FB; box-sizing: border-box; border-radius: 50%;}
.overview-intro .r-con .connect-box .connect-list {display: flex; position:absolute; top:0; left:0; z-index: 1; width:100%; height: calc(100% - 30px); justify-content: space-between; flex-wrap: wrap;}
.overview-intro .r-con .connect-box .connect-list > li {display: flex; height:50%;}
.overview-intro .r-con .connect-box .connect-list > li.li01 {width: 100%; justify-content: center;}
.overview-intro .r-con .connect-box .connect-list > li.li02 {width: 50%; align-items: flex-end;}
.overview-intro .r-con .connect-box .connect-list > li.li03 {width: 50%; justify-content: flex-end; align-items: flex-end;}
.overview-intro .r-con .connect-box .connect-list > li .item {display: flex; width:150px; height:150px; border:4px solid #fff; border-radius: 50%; background-color:#5945A2; box-shadow: 3px 5px 15px rgba(0,0,0,0.2); justify-content: center; align-items: center; text-align: center;}
.overview-intro .r-con .connect-box .connect-list > li .item > span {display: block; width:100%; padding-top:50px; background-repeat: no-repeat;background-size:40px 40px; background-position:center top; font-weight:600; font-size:1rem; color:#fff;}

.overview-intro .r-con .connect-box .connect-list > li .item.round1 > span {background-image:url(../images/sub/overview/i_student.svg);}
.overview-intro .r-con .connect-box .connect-list > li .item.round2 {background-color: #6970FA;}
.overview-intro .r-con .connect-box .connect-list > li .item.round2 > span {background-image:url(../images/sub/overview/i_alumni.svg);}
.overview-intro .r-con .connect-box .connect-list > li .item.round3 {background-color: #1991D0;}
.overview-intro .r-con .connect-box .connect-list > li .item.round3 > span {background-image:url(../images/sub/overview/i_isss.svg); background-size:76px 22px; background-position:center 10px;}

.overview-bg {display: block; width: 100%; height: 350px; background-image: url(../images/sub/overview/bg_overview.png); background-repeat: no-repeat; background-position: bottom right; background-size: cover;}
.overview-bg > span {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

.overview-table .td-link {display: inline-block; width:30px; height:30px; border-radius: 50%; background:#F4F5F9; text-align: center; background-repeat: no-repeat; background-position: center; background-size: 14px;}
.overview-table .td-link > span {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}
.overview-table .td-link.url {background-color:#00A8FF; background-image: url(../images/sub/overview/i_link.svg);}
.overview-table .td-link.email {background-color:#6970FA; background-image: url(../images/sub/overview/i_email.svg);}
.overview-table .td-link.youtube {background-image: url(../images/sub/overview/i_youtube.svg);}
.overview-table .td-link.insta {background-image: url(../images/sub/overview/i_insta.svg);}
.overview-table .td-link.facebook {background-image: url(../images/sub/overview/i_facebook.svg);}
.overview-table .td-link.linked-in {background-image: url(../images/sub/overview/i_linkedIn.svg);}

/*-------------------------------------------------------------------
  @media
-------------------------------------------------------------------*/
@media screen and (max-width: 1024px) {
  .overview-intro {flex-wrap: wrap;}
  .overview-intro .l-con {order: 2;}
  .overview-intro .r-con {order: 1; margin: 0 auto; padding-left: 0;}

  .overview-bg {height: 250px;}
}
@media screen and (max-width: 600px) {
  .overview-bg {height: 200px;}
}
@media screen and (max-width: 475px) {
  .overview-intro .r-con {width: 100%;}
  .overview-intro .r-con .connect-box {width: 100%; height: auto;}
  .overview-intro .r-con .connect-box::before,
  .overview-intro .r-con .connect-box::after {display: none;}
  .overview-intro .r-con .connect-box .connect-list {display: block; position: relative; top: auto; left: auto;}
  .overview-intro .r-con .connect-box .connect-list > li {height: auto;}
  .overview-intro .r-con .connect-box .connect-list > li.li01,
  .overview-intro .r-con .connect-box .connect-list > li.li02,
  .overview-intro .r-con .connect-box .connect-list > li.li03 {display: block; width: 100%; height: auto;}
  .overview-intro .r-con .connect-box .connect-list > li .item {width: auto; height: 65px; margin-bottom: 15px; border-radius: 0; }
  .overview-intro .r-con .connect-box .connect-list > li .item > span {padding-top: 40px; background-size: 35px;}
}




/*-------------------------------------------------------------------
	분류그룹 : ISSS
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.isss-wrap .isss-tit {display: block; position:relative; z-index: 1; margin-bottom: 10px; padding: 10px 0 0 8px; font-weight: 600; font-size: 16px; color: #000000;}
.isss-wrap .isss-tit::before {content:''; position:absolute; top: 0; left: 0; z-index: -1; width:25px; height:25px; border-radius: 50%; background-color:#00A8FF;}

.isss-wrap .isss-box {position:relative; padding-top:470px;}
.isss-wrap .isss-box::after {content:''; position:absolute; top:0; left:0; width:100%; height:470px; background-image:url(../images/sub/ISSS/bg_isss.png); background-repeat: no-repeat; background-position:center; background-size:cover;}
.isss-wrap .isss-box .isss-list {display:flex; margin: 20px -20px 0; flex-wrap:wrap;}
.isss-wrap .isss-box .isss-list > li {display: block; width:50%; padding:20px; box-sizing: border-box;}
.isss-wrap .isss-box .isss-list > li .txt {color:#666;}

/*-------------------------------------------------------------------
  @media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
  .isss-wrap .isss-tit::before {width:20px; height:20px;}
}
@media screen and (max-width:800px) {
  .isss-wrap .isss-box {position:relative; padding-top:270px;}
  .isss-wrap .isss-box::after {height:270px; background-position:bottom right;}
}
@media screen and (max-width:600px) {
  .isss-wrap .isss-box .isss-list {display: block;}
  .isss-wrap .isss-box .isss-list > li {width:100%;}
}
@media screen and (max-width:425px) {
  .isss-wrap .isss-box {position:relative; padding-top:220px;}
  .isss-wrap .isss-box::after {height:220px; background-position:center right;}
}
@media screen and (max-width:425px) {
  .isss-wrap .isss-box::after {height:220px; background-position:bottom center;}
}


/*-------------------------------------------------------------------
	분류그룹 : ISSS > information
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.isss-wrap .isss-info-wrap {display: flex; width:100%; margin-bottom:30px; padding:30px; background-color:#6970FA; color:#fff; align-items: center; box-sizing: border-box;}
.isss-wrap .isss-info-wrap .l-box {}
.isss-wrap .isss-info-wrap .l-box .info-list {display: block;}
.isss-wrap .isss-info-wrap .l-box .info-list > li {margin-bottom:13px;}
.isss-wrap .isss-info-wrap .l-box .info-list > li:last-child {margin-bottom:0;}
.isss-wrap .isss-info-wrap .l-box .info-list > li::after {content:''; display: block; clear:both;}
.isss-wrap .isss-info-wrap .l-box .info-list > li .info-tit {display: block; float:left; width:130px; font-size: 16px;}
.isss-wrap .isss-info-wrap .l-box .info-list > li .txt {display: block; overflow: hidden; float:left; font-weight:400; font-size: 1rem;}
.isss-wrap .isss-info-wrap .l-box .info-list > li .txt.fax {margin-left:15px;}

.isss-wrap .isss-info-wrap .r-box {margin-left:10px; flex-grow: 1;}
.isss-wrap .isss-info-wrap .r-box .sns-list {display: flex; justify-content: end;}
.isss-wrap .isss-info-wrap .r-box .sns-list > li {width:120px; height:120px; background-color:rgba(255,255,255,0.3);}
.isss-wrap .isss-info-wrap .r-box .sns-list > li:first-child {margin-right:7px;}
.isss-wrap .isss-info-wrap .r-box .sns-list > li .link {display: flex; width:100%; height:100%; justify-content: center; align-items: center;}
.isss-wrap .isss-info-wrap .r-box .sns-list > li .link > span {display: inline-block; position:relative; padding-bottom:45px; font-weight: 600; font-size: 1rem; color:#ffffff;}
.isss-wrap .isss-info-wrap .r-box .sns-list > li .link > span::before {content:''; position:absolute; bottom:0; left:50%; width:30px; height:30px; border-radius: 50%; background-color: rgba(255,255,255,0.3); transform: translateX(-50%);}
.isss-wrap .isss-info-wrap .r-box .sns-list > li .link > span::after {content:''; position:absolute; bottom:7px; left:50%; width:16px; height:16px; background-image:url(../images/sub/ISSS/i_plus.svg); background-repeat: no-repeat; transform: translateX(-50%);}

/* interaction */
.isss-wrap .isss-info-wrap .r-box .sns-list > li .link > span::before {transition:background 0.3s;}
.isss-wrap .isss-info-wrap .r-box .sns-list > li .link > span::after {transition:transform 0.3s;}
.isss-wrap .isss-info-wrap .r-box .sns-list > li:focus .link > span::before,
.isss-wrap .isss-info-wrap .r-box .sns-list > li:hover .link > span::before {background-color:#6970FA;}
.isss-wrap .isss-info-wrap .r-box .sns-list > li:focus .link > span::after,
.isss-wrap .isss-info-wrap .r-box .sns-list > li:hover .link > span::after {transform:translateX(-50%) rotate(135deg); transform-origin: 50% 50%;}

/*-------------------------------------------------------------------
  @media
-------------------------------------------------------------------*/
@media screen and (max-width:1300px) {
  .isss-wrap .isss-info-wrap .l-box .info-list > li .info-tit,
  .isss-wrap .isss-info-wrap .l-box .info-list > li .txt {float:none;}
  .isss-wrap .isss-info-wrap .l-box .info-list > li .info-tit {margin-bottom:7px;}
  .isss-wrap .isss-info-wrap .l-box .info-list > li .txt {line-height:1.5;}
  .isss-wrap .isss-info-wrap .l-box .info-list > li .txt.fax {margin-left:0;}
}
@media screen and (max-width:800px) {
  .isss-wrap .isss-info-wrap {display: block;}
  .isss-wrap .isss-info-wrap .r-box .sns-list {justify-content: end;}
  .isss-wrap .isss-info-wrap .r-box .sns-list > li {width:100px; height:100px;}
}
@media screen and (max-width:425px) {
  .isss-wrap .isss-info-wrap .r-box {margin-left:0;}
  .isss-wrap .isss-info-wrap .r-box .sns-list {margin-top:15px;}
}
@media screen and (max-width:375px) {
  .isss-wrap .isss-info-wrap .r-box {margin-left:0;}
  .isss-wrap .isss-info-wrap .r-box .sns-list {justify-content: center;}
}




/*-------------------------------------------------------------------
	분류그룹 : Quick Facts
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
.quick-facts .about-box {display: block;}
.quick-facts .about-box .img-box {width:100%;}
.quick-facts .about-box .img-box img {display: inline-block; width:100%;}

.quick-facts .diagram-wrap {display: flex; max-width: 900px; margin: 0 auto; position:relative;}
.quick-facts .diagram-wrap::before {content:''; position:absolute; top: 50%; right: calc(200px - ((280px - (100% - 740px)) / 2)); width:280px; height:280px; border-radius: 50%; background:linear-gradient(to right, rgba(0,168,255,0),rgba(0,168,255,1)); transform: translateY(-50%);}
.quick-facts .diagram-wrap .d-box {display: block; position: relative; flex-shrink: 0;}
.quick-facts .diagram-wrap .d-box::after {content:''; position:absolute; top:50%; right: -3px; z-index: 1; width:5px; height:5px; border:1px solid #00A8FF; border-radius: 50%; background-color:#00A8FF; transform: translateY(-50%);}
.quick-facts .diagram-wrap .d-box .d-list {display: flex; position:relative; padding: 0 15px;}
.quick-facts .diagram-wrap .d-box .d-list > li {display: flex; width:200px; height:200px; margin: 0 -15px; border-radius: 50%; border:1px solid #004c98; box-sizing: border-box; justify-content: center; align-items: center;}
.quick-facts .diagram-wrap .d-box .d-list > li .txt {font-weight:600; font-size: 16px; color: #000000;}

.quick-facts .diagram-wrap .logo-box {display: flex; position: relative; box-sizing: border-box; flex-grow: 1; justify-content: flex-end;}
.quick-facts .diagram-wrap .logo-box::before {content:""; position: absolute; top: calc(50% - 0.5px); left: 0; width: 100%; border-width: 1px 0 0 0; border-style: dashed; border-color: #ffffff;}
.quick-facts .diagram-wrap .logo-box .logo {display: block; position: relative; width:200px; height:200px; border-radius: 50%; background: #004c98 url(../images/sub/quick/logo_kaist.png) no-repeat center; box-sizing: border-box;}
.quick-facts .diagram-wrap .logo-box .logo::before {content:''; position:absolute; top:50%; left: -3px; width:5px; height:5px; border:1px solid #004C98; border-radius: 50%; background-color:#fff; transform: translateY(-50%);}
.quick-facts .diagram-wrap .logo-box .logo > span {position: absolute; overflow: hidden; width: 1px; height: 1px; margin: -1px; clip: rect(0 0 0 0);}

/*-------------------------------------------------------------------
  @media
-------------------------------------------------------------------*/
@media screen and (max-width: 800px) {
  .quick-facts .diagram-wrap::before {width: 200px; height: 200px; right: calc(140px - ((200px - (100% - 520px)) / 2));}
  .quick-facts .diagram-wrap .d-box .d-list {padding: 0 10px;}
  .quick-facts .diagram-wrap .d-box .d-list > li {width: 140px; height: 140px; margin: 0 -10px;}
  .quick-facts .diagram-wrap .logo-box .logo {width: 140px; height: 140px;}
}
@media screen and (max-width: 600px) {
  .quick-facts .diagram-wrap {display: block;}
  .quick-facts .diagram-wrap::before {display: none;}
  .quick-facts .diagram-wrap .d-box::after {top: auto; bottom: -3px; right: 50%; transform: translateX(50%);}
  .quick-facts .diagram-wrap .d-box .d-list {display: block; padding: 0;}
  .quick-facts .diagram-wrap .d-box .d-list > li {width: auto; height: auto; margin: 0 0 10px; padding: 15px; border-radius: 5px;}
  .quick-facts .diagram-wrap .d-box .d-list > li:last-child {margin-bottom: 0;}

  .quick-facts .diagram-wrap .logo-box {display: block; padding-top: 60px;}
  .quick-facts .diagram-wrap .logo-box::before {top: 0; left: 50%; width: 1px; height: 60px; border-width: 0 1px 0 0; border-color: #000; transform: translateX(-50%);}
  .quick-facts .diagram-wrap .logo-box .logo {display: block; width: auto; height: 60px; border-radius: 5px;}
  .quick-facts .diagram-wrap .logo-box .logo::before {top: -3px; left: 50%; transform: translateX(-50%);}
}


/*-------------------------------------------------------------------
	분류그룹 : Quick Facts > map
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/* alumni world map */
.quick-facts .map-img-box {}
.quick-facts .map-img-box img {display: inline-block; width:100%;}

.quick-facts .nation-list {display: flex; margin:40px -15px 0; flex-wrap:wrap;}
.quick-facts .nation-list .item {width:33.3333%; margin:10px 0; padding:0 15px; box-sizing: border-box;}
.quick-facts .nation-list .item .cell {display: flex; height: 100%; min-height:102px; padding:20px; border:1px solid #e9e9e9; box-sizing: border-box; justify-content: space-between; align-items: center;}
.quick-facts .nation-list .item .cell .l-txt {display: flex; align-items: center;}
.quick-facts .nation-list .item .cell .r-txt {margin-left:5px;}

.quick-facts .nation-list .item .cell .l-txt .img-box {width:40px; height:27px; text-align: center;}
.quick-facts .nation-list .item .cell .l-txt .img-box img {display: inline-block; width: auto; height: 100%;}
.quick-facts .nation-list .item .cell .l-txt .txt-box {margin-left:10px;}
.quick-facts .nation-list .item .cell .l-txt .txt-box .nation {font-weight:600;}
.quick-facts .nation-list .item .cell .l-txt .txt-box .txt {font-size:0.875rem; color:#666;}
.quick-facts .nation-list .item .cell .r-txt .num {font-weight:600; font-size:1.875rem;}

@media screen and (max-width:1400px) {
    .quick-facts .nation-list {margin: 40px -10px 0;}
    .quick-facts .nation-list .item {padding:0 10px;}
}
@media screen and (max-width:1200px) {
    .quick-facts .nation-list {margin: 40px -5px 0;}
    .quick-facts .nation-list .item {padding:0 5px;}
    .quick-facts .nation-list .item .cell .l-txt .map-img-box {flex-shrink: 0;}
    .quick-facts .nation-list .item .cell .l-txt {display: block;}
    .quick-facts .nation-list .item .cell .l-txt .txt-box {margin-top:7px; margin-left:0;}
}
@media screen and (max-width:1024px) {
    .quick-facts .nation-list .item {width:50%; margin:5px 0;}
    .quick-facts .nation-list .item .cell {min-height: 80px; padding: 10px;}
    .quick-facts .nation-list .item .cell .l-txt {display: flex;}
    .quick-facts .nation-list .item .cell .l-txt .txt-box {margin-left:8px;}
}
@media screen and (max-width:600px) {
    .quick-facts .nation-list .item {width:100%;}
    .quick-facts .nation-list .item .cell .r-txt {margin-left:10px;}
}
@media screen and (max-width:325px) {
    .quick-facts .nation-list .item .cell {align-items: center;}
    .quick-facts .nation-list .item .cell .l-txt {display: block;}
    .quick-facts .nation-list .item .cell .l-txt .txt-box {margin-top:7px; margin-left:0;}
}
/* === 작성자 lhy 2023.05.17 === */


/* -------- 230706 채민주 -------- */
/* quick-facts-table 추가*/
.quick-facts-table tr:last-child td {background-color:#f8f8f8; font-weight:700; color: #0147c3;}
.quick-facts-table tr th:last-child {background-color:#F4F5F9;}
.quick-facts-table tr td:last-child {background-color:#F4F5F9;}


/* -------- 231010 채민주 -------- */
/*-------------------------------------------------------------------
	@ sub > con 공통 
-------------------------------------------------------------------*/
/*-- title --*/
#con .con-tit {display: block; margin:0 0 10px; font-weight:400; font-size:1.375rem; color:#9175A1;}
#con .con-sub-tit {display: block; position:relative; margin-bottom:10px; padding-left:15px; font-weight:600; font-size:0.9375rem; line-height:1.3; color:#646464;}
#con .con-sub-tit::before {content:''; display: block; position:absolute; top:calc(0.6094rem - 10.5px); left:0; width:10px; height:15px; background-image:url(../images/upload_files/inclusion/i_con_sub_tit.png); background-repeat:no-repeat; background-position:center left;}
#con .txt {display: block; font-size:0.8125rem; color:#666666;}

/*-- download-btn --*/
#con .download-wrap {display:inline-block; min-height:35px; vertical-align:middle;}
#con .download-wrap .download-btn {display:inline-block; background-color:#fff; margin-left:15px; padding:10px 20px; border:1px solid #eeeeee; text-align: center; vertical-align:middle;}
#con .download-wrap .download-btn .txt {display:inline-block; padding-right:25px; background-image:url(../images/upload_files/inclusion/i_down.svg); background-repeat:no-repeat; background-position:center right; font-weight:600; line-height:1.1; word-break:break-word;}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con .download-wrap .download-btn {transition:border .3s;}
#con .download-wrap .download-btn:hover {border-color:#9075A0;}

/*-- link-btn --*/
#con .link-wrap {display:block; width:100%;}
#con .link-wrap .link-btn {display:inline-block; margin-left:15px; padding:10px; border:1px solid #eeeeee; background-color:#fff; line-height:14px; text-align: center;}
#con .link-wrap .link-btn .txt {display:inline-block; padding-right:23px; background-image:url(../images/upload_files/inclusion/i_link.svg); background-repeat:no-repeat; background-position:center right; font-weight:600; line-height:1.1; word-break:break-word; vertical-align:middle;}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con .link-wrap .link-btn {transition:border .3s;}
#con .link-wrap .link-btn:hover {border-color:#9075A0;}

/*-------------------------------------------------------------------
	파일정의 : 포용성(메뉴추가)
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
/*-------------------------------------------------------------------
    @ 포용성 공통화면
-------------------------------------------------------------------*/
#con.inclu {display:block; font-weight:500; font-family: sans-serif; line-height:1.3;}
#con.inclu p {line-height:21px; padding-bottom:14px;}
#con.inclu .inclu-wrap {display:block;}
#con.inclu .inclu-wrap .inclu-con {display:block; margin-bottom:15px;}
#con.inclu .inclu-wrap .inclu-con:last-child {margin-bottom:0;}
#con.inclu .inclu-wrap .inclu-con .sc-list {display:flex; margin:30px -10px 0; padding-bottom:0; flex-wrap:wrap; align-items:baseline;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box {display:block; width:33.33%; margin-bottom:20px; padding:0 10px; box-sizing: border-box;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box + .sc-box {margin-top:0;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box:last-child {margin-bottom:0;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con-wrap {display:block;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {display:block; position:relative; min-height:200px; padding:15px; box-sizing:border-box;}
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con .sc-tit {display:block; margin-bottom:15px; font-size:1rem; font-weight:800; color:#000;}

#con.inclu .inclu-wrap .inclu-con .info-list {display:block; margin-bottom:20px; padding-bottom: 0;}
#con.inclu .inclu-wrap .inclu-con .info-list.v2{display:block; margin-bottom:0;}
#con.inclu .inclu-wrap .inclu-con .info-list > li {position:relative; margin-bottom:5px; padding-left:10px; font-weight:500; font-size:0.875rem; color:#666666;}
#con.inclu .inclu-wrap .inclu-con .info-list > li:last-child {margin-bottom:0;}
#con.inclu .inclu-wrap .inclu-con .info-list > li::before {content:''; display:block; position:absolute; top:calc(0.56875rem - 1.5px); left:0; width:3px; height:3px; background-color:#666; border-radius:50%;}

#con.inclu .txt {padding-bottom:0;}

/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
  #con.inclu .inclu-wrap .inclu-con .sc-list {margin:25px -5px 0;}
  #con.inclu .inclu-wrap .inclu-con .sc-list .sc-box {padding:0 5px;}
}
@media screen and (max-width:800px) {
    #con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:200px;}
}
@media screen and (max-width:700px) {
    #con.inclu .inclu-wrap .inclu-con .sc-list {margin:20px -5px 0;}
    #con.inclu .inclu-wrap .inclu-con .sc-list .sc-box {width:50%; margin-bottom:15px; padding:0 5px;}
}
@media screen and (max-width:600px) {
    #con.inclu .inclu-wrap .inclu-con .sc-list {display:block; margin:15px 0 0;}
    #con.inclu .inclu-wrap .inclu-con .sc-list .sc-box {width:100%; margin-bottom:10px; padding:0;}
    #con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con .sc-tit {margin-bottom:10px; font-size:0.9375rem;}
}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {border:1px solid #dfdfdf; transition:border 0.3s;}

#con.inclu .inclu-wrap .inclu-con .sc-list .sc-box:hover .sc-con {border:1px solid #005aaa;}


/*-------------------------------------------------------------------
	@ 포용성 서브 공통요소
-------------------------------------------------------------------*/
/* download-btn */
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu .download-wrap .download-btn:hover {border-color:#005aaa;}

/* link-btn */
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu .link-wrap .link-btn:hover {border-color:#005aaa;}

/* goto-btn */
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
/* #con.inclu .goto-wrap .goto-btn:hover {border-color:#005aaa;} */

/* txt-wrap */
#con.inclu .txt-wrap {display:block; padding:15px 20px; background-color:#F7F9FB;}
#con.inclu .txt-wrap .tit {display:block; margin-bottom:20px; background-color:#F7F9FB; font-weight:bold; font-size:1rem;}
#con.inclu .txt-wrap .txt-con {display:block;}
#con.inclu .txt-wrap .txt-con .txt {display:block; padding-bottom:15px; font-weight:500; font-size:0.9375rem; line-height:1.4;}
#con.inclu .txt-wrap .txt-con .txt:last-child {padding-bottom:0px;}
#con.inclu .txt-wrap .txt-con .txt.v2 {padding-bottom:15px;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:900px){
    #con.inclu .txt-wrap .tit {margin-bottom:15px;}
    #con.inclu .txt-wrap .txt-con .txt {padding-bottom:10px;}
    #con.inclu .txt-wrap .txt-con .txt.v2 {padding-bottom:10px;}
}
@media screen and (max-width:480px){
    #con.inclu .txt-wrap {padding:15px;}
    #con.inclu .txt-wrap .tit {margin-bottom:10px;}
}

/* con-tit */
#con.inclu .con-tit {display: block; margin:0 0 10px; font-weight:normal; font-size:1.375rem; color:#005aaa;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:700px){
    #con.inclu .con-tit {font-size:1.25rem;}
}

/* sub-tit */
#con.inclu .sub-tit {display: block; position:relative; margin-bottom:15px; padding-left:15px; padding-bottom:0; font-weight:700; font-size:1.0625rem; line-height:1.3; color:#000; z-index:1;}
#con.inclu .sub-tit::before {content:''; display: block; position:absolute; top:calc(0.6906rem - 4px); left:0; width:8px; height:8px; background-color:#005aaa; background-repeat:no-repeat; background-position:top left;;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:900px){
    #con.inclu .sub-tit {font-size:1rem;}
    #con.inclu .sub-tit::before {top:calc(0.65rem - 4px);}
}
@media screen and (max-width:480px){
    #con.inclu .sub-tit {margin-bottom:10px;}
}

/* sub-txt */
#con.inclu .sub-txt {display: block; position:relative; margin-bottom:15px; padding-left:15px; font-size:1.0625rem; font-weight:500; line-height:1.3; z-index:1;}
#con.inclu .sub-txt::before {content:''; display: block; position:absolute; top:calc(0.6906rem - 4px); left:0; width:8px; height:8px; background-color:#005aaa; background-repeat:no-repeat; background-position:top left;;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:800px){
    #con.inclu .sub-txt.en {font-size:0.9375rem;}
    #con.inclu .sub-txt.en::before {top:calc(0.6093rem - 4px);}
    #con.inclu .sub-txt.en > br {display:none;}
}
@media screen and (max-width:700px){
    #con.inclu .sub-txt {font-size:0.9375rem;}
    #con.inclu .sub-txt::before {top:calc(0.6093rem - 4px);}
    #con.inclu .sub-txt > br {display:none;}
}
@media screen and (max-width:480px){
    #con.inclu .sub-txt {margin-bottom:10px;}
}

/* con-sub-tit */
/* #con.inclu .con-sub-tit {display: block; position:relative; margin-bottom:15px; padding-left:15px; padding-bottom:0; font-weight:600; font-size:1rem; line-height:1.3; color:#646464;}
#con.inclu .con-sub-tit::before {content:''; display: block; position:absolute; top:calc(0.65rem - 10.5px); left:0; width:10px; height:15px; background-image:url(/upload_files/facility/i_con_sub_tit.png); background-repeat:no-repeat; background-position:center left;} */

/* sub-tit */
/* #con.inclu .sub-tit {display: block; position:relative; margin-bottom:15px; padding-left:15px; font-weight:800; font-size:1rem; line-height:1.3; color:#000; z-index:1;}
#con.inclu .sub-tit::before {content:''; display: block; position:absolute; top:-7px; left:5px; width:20px; height:20px; background-color:#005aaa; background-repeat:no-repeat; background-position:top left; border-radius:50%; z-index:-1;} */

/* 임시 */                                                                          /* <---- 요기!!!! 올리기 전 삭제 */
/* #con.inclu .con-sub-tit::before {background-image:url(../images/inclusion/i_con_sub_tit.png);}
#con.inclu .download-wrap .download-btn .txt {background-image:url(../images/inclusion/i_down.svg);}
#con.inclu .link-wrap .link-btn .txt {background-image:url(../images/inclusion/i_link.svg);} */

/*-------------------------------------------------------------------
	파일정의 : 포용성 > s01 전산학부
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list {display:flex; margin:0 -15px; padding-bottom:0; align-items:baseline;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {display:block; float:left; width:33.3333%; padding:0 15px;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con + .gallery-con {margin-top:0;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con {display:block; margin-bottom:15px;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {display:block; min-height:45px; font-weight:500; font-size:0.875rem; color:#666;}

#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap {display:block; padding:20px 15px; background-color:#F7F9FB;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box {display:block; margin-bottom:20px;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box:last-child {margin-bottom:0;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .access-con {display:block; margin-bottom:10px;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .access-con .txt {display:block; padding-bottom:10px; font-weight:500; font-size:0.875rem; color:#666;}  
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .access-con .txt:last-child {padding-bottom:0px;}  
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn {max-width:175px; width:100%; margin-left:0; padding:10px 0;}
#con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn .txt {font-size:0.875rem;}
/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px){
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list {margin:0 -10px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {padding:0 10px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn {max-width:160px; padding:8px 0;}
}
@media screen and (max-width:700px){
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list {margin:0 -5px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {padding:0 5px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {min-height:65px; padding-bottom:10px;}
}
@media screen and (max-width:480px){
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list {display:inline-block; margin:0; padding-bottom:0;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {width:100%;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con {padding:0;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con {display:none; margin-bottom:15px;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {min-height:auto; padding:10px 0;}
    #con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt:first-child {padding:0 0 10px;}

    #con.inclu.s01 .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn {max-width:none; width:100%; padding:10px 0;}
}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con {overflow:hidden;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-con .img {transform:scale(1); transition:transform 0.5s;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con .img-txt {border-bottom:1px solid #E9E9E9; transition:border 0.5s;}

#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con:focus,
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con:hover .img-txt {border-bottom:1px solid #005aaa;}
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con:focus,
#con.inclu.s01 .inclu-wrap .inclu-con .gallery-list .gallery-con:hover .img-con .img {transform:scale(1.15);}



/*-------------------------------------------------------------------
	파일정의 : 포용성 > s01 전산학부 en (영문)
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s01.en .inclu-wrap .inclu-con .access-wrap .access-box .link-wrap .link-btn {max-width:270px;}



/*-------------------------------------------------------------------
	파일정의 : 포용성 > s02 KAIST
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap {display:block; padding:20px 0;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box {display: flex; position: relative; max-width:767px; width: 100%; min-height: 100px; height: 1140px; margin:0 auto; justify-content: center;} /* max-width:950px; */
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box.v02 {height: 1500px;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box.v03 {height: 1313px;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box .iframe-con {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 1px; pointer-events: auto;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap .iframe-box .iframe-con > iframe {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; border-radius: 1px; pointer-events: auto; background-color: white;}
/* #con.inclu.s02 .inclu-wrap .inclu-con .youtube-wrap {display:block; width:100%; height:100%;}
#con.inclu.s02 .inclu-wrap .inclu-con .youtube-wrap > iframe {display:block;} */
#con.inclu.s02 .inclu-wrap .inclu-con .txt-wrap .tit {font-size:0.9375rem;}
#con.inclu.s02 .inclu-wrap .inclu-con .link-wrap {margin-top:10px;}
#con.inclu.s02 .inclu-wrap .inclu-con .link-wrap .link-btn {margin-left:0;}
#con.inclu.s02 .inclu-wrap .inclu-con .link-wrap .link-btn .txt {font-size:0.875rem;}

#con.inclu.s02 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:160px;}
#con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .access-con + .txt-wrap {margin:0 0 20px; padding:20px 25px;}
/* #con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .access-con + .txt-wrap .txt-con {margin-bottom:15px;} */
#con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .txt-wrap .goto-wrap {bottom:15px;}

/*-------------------------------------------------------------------
    @media
-------------------------------------------------------------------*/
@media screen and (max-width:800px){
    #con.inclu.s02 .inclu-wrap .inclu-con {margin-bottom:30px;}
    #con.inclu.s02 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:180px;}
}
@media screen and (max-width:700px){
    #con.inclu.s02 .inclu-wrap .inclu-con {margin-bottom:20px;}
    #con.inclu.s02 .inclu-wrap .inclu-con .txt-wrap .tit {margin-bottom:10px;}
    #con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .access-con + .txt-wrap {padding:15px 20px;}
}
@media screen and (max-width:600px){
    #con.inclu.s02 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:auto;}
}
@media screen and (max-width:400px){
    #con.inclu.s02 .inclu-wrap .inclu-con {margin-bottom:15px;}
    #con.inclu.s02 .inclu-wrap .inclu-con .link-wrap {margin-bottom:10px;}
}
@media screen and (max-width:400px){
    #con.inclu.s02 .inclu-wrap .inclu-con .access-wrap .access-con + .txt-wrap {margin:10px 0; padding:15px;}
}
/*-------------------------------------------------------------------
    @interaction
-------------------------------------------------------------------*/
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap {background-color:#EEF1F4; transition:background 0.5s;}
#con.inclu.s02 .inclu-wrap .inclu-con .iframe-wrap:hover {background-color:#e4e8eb;}


/*-------------------------------------------------------------------
	파일정의 : 포용성 > s02 KAIST > 학내 인권기구 en (영문)
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:220px;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1000px) {
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:230px;}
}
@media screen and (max-width:800px) {
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:220px;}
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list {margin:20px -10px 0;}
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box {width:50%; margin-bottom:15px;}
}
@media screen and (max-width:550px) {
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:180px;}
    #con.inclu.s02.en  .inclu-wrap .inclu-con .sc-list {margin:15px 0 0;}
    #con.inclu.s02.en .inclu-wrap .inclu-con .sc-list .sc-box {float:none; width:100%; margin-bottom:10px; padding:0;}
}


/*-------------------------------------------------------------------
	파일정의 : 포용성 > s03 타대학
	속성순서 : 레이아웃, 박스 모델, 배경, 폰트/정렬, 기타
-------------------------------------------------------------------*/
#con.inclu.s03 .inclu-wrap .inclu-con {margin-bottom:30px;}
#con.inclu.s03 .inclu-wrap .inclu-con:last-child {margin-bottom:0;}
#con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:130px; background:#fff;}
#con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con .img-con {margin-bottom:20px;}
/* #con.inclu.s03 .goto-wrap .goto-btn .txt::after {top:calc(25% - 1px);} */

#con.inclu.s03 .inclu-wrap .inclu-con::after {content:''; display:block; overflow:hidden; clear:both;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn {display: block; position:relative; background: none; line-height: 1;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn > .page_tit {display:inline-block; position: relative; padding:10px 0 15px; color:#9175A1;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn > .page_tit::after {display:none;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn > .page_tit::before {content:''; position:absolute; top:calc(50% - 4px); right: -28px; width:0; height:0; border-top:8px solid #9175A1; border-right:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid transparent;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn.on > .page_tit {position: relative;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-btn.on > .page_tit::before {content:''; position:absolute; top:calc(50% - 10.5px); right: -28px; width:0; height:0; border-top:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid #9175A1; border-left:8px solid transparent;}

#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap {display:none; margin:0; padding:0 25px; border-top:1px solid #E9E9E9; background:#F7F9FB;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con {display:block;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .sc-list {margin:0 -10px; padding:30px 0 10px;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .sc-list .sc-box {margin-bottom:20px;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .sub-tit {z-index:100;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con {display:block;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con .txt {display:block; font-size:0.9375rem;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con .txt.v2 {margin-bottom:20px;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con .info-list {display:block; margin:20px 0 20px 10px; font-size:0.9375rem;}
#con.inclu.s03 .inclu-wrap .inclu-con .extra-wrap .extra-con .txt-con .info-list > li {font-weight:400;}
/*-------------------------------------------------------------------
	@media
-------------------------------------------------------------------*/
@media screen and (max-width:1024px) {
    #con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:130px;}
}
@media screen and (max-width:980px) {
    #con.inclu.s03 .inclu-wrap .inclu-con .extra-btn > .page_tit::before {right:-25px; border-width:7px;}
    #con.inclu.s03 .inclu-wrap .inclu-con .extra-btn.on > .page_tit::before {right:-25px; border-width:7px;}
}
@media screen and (max-width:600px) {
    #con.inclu.s03 .inclu-wrap .inclu-con .sc-list .sc-box .sc-con {min-height:100px;}
}


.statistics-table.basic tr td { color:#222 !important; font-weight: 500 !important; }
.statistics-table.basic tr.type01 td:nth-child(2) { color:#005aa9 !important; font-weight: 700 !important; }
.statistics-table.basic tr.type02 td:nth-child(2) { color:#e45a06 !important; font-weight: 700 !important; }
.statistics-table.basic tr.type03 td:nth-child(2) { color:#d22b93 !important; font-weight: 700 !important; }
.statistics-table.basic tr.type04 td:nth-child(2) { color:#099bae !important; font-weight: 700 !important; }
.statistics-table.basic tr.type05 td:nth-child(2) { color:#06a2c9 !important; font-weight: 700 !important; }
.statistics-table.basic tr.type06 td:nth-child(2) { color:#9c27b0 !important; font-weight: 700 !important; }