@charset "utf-8"; @import url('sub_layout.css'); /**/
.cf:after { content:''; display:block; clear:both; } 
/* .sub_container { width:1350px;  margin: auto; margin-bottom:50px; box-sizing:border-box; }  */
.sub_container { width:1189px;  margin: auto; margin-bottom:50px; box-sizing:border-box; } 
.sub_container_2 { width:100%; height: 140px; background:#fff } 
.sub_container:after { content:''; display:block; clear:both; } 
.content { } 
.article { margin-bottom:30px; } 
.hidden { display:none; } 
h2 { display: table-cell; vertical-align: middle; text-align: center; color: #fff; font-size:26px; font-weight: 500; letter-spacing: -0.1em;} 
h3 { } 
h4 { margin-bottom: 20px; margin-top: 15px; color: #202020; padding-left: 22px; font-size: 25px; font-weight: 500; background: url(../img/bul_01.png) left center no-repeat;  } 
/* h5 { margin-bottom: 15px; padding-left: 22px; font-size: 18px; font-weight: 400; background: url(../img/bul_01.png) left center no-repeat; } */


.img_wrap { text-align:center; } 
.img_wrap img { display:inline-block; } 
.img_wrap.pc { display:block; } 
.img_wrap.mobile { display:none; } 

.ui-datepicker table { border-top:0 !important; } 


/* lnb */
.lnb { float:left; width:270px;; margin-top: 47px; margin-left: 2px;} 
.lnb .lnb_tit_wrap { display:table; width:100%; height:95px; background:#406BB3
 url(../img/lnb_bg.png)center center no-repeat; margin-bottom: 15px; } 
.lnb .lnb_tit_wrap .lnb_tit { display:table-cell; vertical-align:middle; text-align:center; color:#fff; font-size:30px; font-weight:500; } 

.lnb .lnb_wrap { } 
.lnb .lnb_wrap .lnb_dep1 li { border-bottom: 1px solid #e3e4e5; } 
.lnb .lnb_wrap .lnb_dep1 {background: #fff; } 
.lnb .lnb_wrap .lnb_dep1 > li .dep1_title { display:block; padding:15px 0; padding-left:15px; line-height:20px; font-weight:500; font-size: 17px; color: #1d1d1d } 
.lnb .lnb_wrap .lnb_dep1 > li .dep1_title.open { background:url(../img/new_open.png) right 10px center no-repeat; } 
.lnb .lnb_wrap .lnb_dep1 > li > .dep2_have { background:url(../img/lnb_off.png) right 10px center no-repeat; } 
.lnb .lnb_wrap .lnb_dep1 > li > .dep2_have.on { background: url(../img/lnb_on.png) right 10px center no-repeat; background-color: #eff0f4; } /* 웹 접근성 명도 조정 22.05.11*/
.gnb .dep_01 > a:hover { color:#0D7EA0;  } 

.lnb .lnb_wrap .lnb_dep1>li>a.on { background: #eff0f4; color: #303233;  } 
/* .lnb .lnb_wrap .lnb_dep1>li>a.on:hover { color:white; }  */
.lnb .lnb_wrap .lnb_dep1>li>a:hover { color: #0D7EA0; } /* 웹 접근성 명도 조정 22.05.11*/

.lnb .lnb_wrap .lnb_2dep { display:none; } 
.lnb .lnb_wrap .lnb_2dep { background:#f8f6f6d9; border-top:1px solid #c7c7c7; } 
.lnb .lnb_wrap .lnb_2dep li a { display:block; padding:5px 10px; padding-left:20px; background:url(../img/bul_02.png) 10px 13px no-repeat; } 
/* .lnb .lnb_wrap .lnb_2dep li.on>a:hover { color: white; } */
.lnb .lnb_wrap .lnb_2dep li a:hover { color:#0D7E94; } /* 웹 접근성 명도 조정 22.05.11*/
.lnb .lnb_wrap .lnb_2dep li a { background:url(../img/bul_02_on.png) 10px 13px no-repeat; font-weight: 500; } 
.lnb .lnb_wrap .lnb_2dep li.on > a { color:#0D7EA0; font-weight: 500; } /* 웹 접근성 명도 조정 22.05.11*/


.day_pillar { margin-top:30px; } 
.day_pillar::after { content:''; display:block; clear:both; } 
.day_pillar table.no_1, .day_pillar .scroll { float:left; } 
.day_pillar table.no_1 { width:90px; } 
.day_pillar .scroll { width:calc(100% - 90px); overflow-x:auto; } 
.day_pillar .scroll table { min-width:695px; } 
.day_pillar .scroll table td { text-align:center; } 
.day_pillar .txt_green { color:#4CAF50; } 
.day_pillar .txt_red { color:#F44336; } 

.day_pillar table th { text-align:center; } 
.day_pillar .fr { text-align: right; margin-bottom:5px; } 
.day_pillar .fr .txt_green { margin-right:10px; } 


/* select_box */
.select_box_wrap:after { content:''; display:block; clear:both; } 
.select_box_wrap .select_box { float:left; margin-bottom: 2px; } 
.select_box_wrap .wave { float:left; margin-right:5px; line-height:35px; } 
.select_box { margin-right:5px; overflow:hidden; width:150px; height:33px; border:1px solid #b6c1cb; background:#fff url(../img/select_arrow.png) right 10px top 50% no-repeat; } 
.select_box select { width:100%; text-indent:3px; border:none; box-shadow:none; background-color:transparent; background-image:none; -webkit-appearance:none; -moz-appearance:none; appearance: none; } 
.select_box_wrap .select_box.w100 { width:100px; } 

/* color */
.txt_point_01 { color:#C5473D; } /* 웹접근성 명도대비로 인해 색상 변경 20220506 */
.txt_point_02 { padding-left:10px; color:#777; } 

/*웹접근성을 위한 hidden */
.hidden2 { position: absolute; width: 1px; height: 1px; margin: -1px; overflow: hidden; } 
.hidden1 { display: block; height: 0; width: 0; font-size: 0; line-height: 0; margin: 0; padding: 0; overflow: hidden; } 

/* btn */
.btn_wrap { margin-top:20px; } 
 .btn_wrap:after { content:''; display:block; clear:both; } 

.box_center { text-align:center; } 
.box_center1 { text-align:center; } 
.box_center2 { text-align:center; margin-top: 50px; } 
.box_right { float:right; } 
.box_left { float:left; } 
.box_right .btn,.box_center .btn { margin-left:5px; } 
.box_right .btn,.box_center1 .btn { margin-left:15px; padding: auto; } 
.box_left .btn { margin-right:5px; }

.btn {display: inline-block;min-width: 80px;padding: 0 15px;height: 35px;line-height: 33px;box-sizing: border-box;text-align: center !important;
font-weight: 500;}

.btn_basic {background: #164895;border: 1px solid #fff;color: #fff;border-width: 3px 3px 3px 3px;padding-bottom: 32px;}

.btn_basic_1 {background: #0D7BBF;border: 1px solid #fff;color: #fff;}
.btn_basic_2 {background: #164895;border: 1px solid #164895; color: #fff;font-weight: 400;font-size: 19px;border-radius: 5px;padding: 12px 35px 46px 35px;}
.btn_basic_2:hover{background: rgb(20, 77, 201);}

.btn_point {background: #164895;border: 1px solid #fff;color: #fff;border-width: 3px 3px 3px 3px;padding-bottom: 32px;}

/* 웹접근성 명도대비로 인해 색상 변경 20220506 */
.btn_point1 {
    background: #0D7BBF;
    border: 1px solid#fff;
    color: #fff;
    border-width: 4px 4px 4px 4px;
    padding-bottom: 32px;
}
.btn_point2 {
    background: #0D7BBF;
    border: 1px solid#fff;
    color: #fff;
    border-width: 4px 4px 4px 4px;
    padding: 10px 14px 10px 14px;
    font-size: 18px;
    font-weight: 500;
}
.btn_point3 {
    background: #061881;
    width: 118px;
    height: 50px;
    border: 1px solid#fff;
    color: #fff;
    margin: 20px 40px 15px 0px;
    padding: 6px 14px 10px 14px;
    font-size: 18px;
    font-weight: 500;
    border-radius: 6px;
}
.btn_point3:hover{
    background: #2f6ffa;
}
/*회의실 및 실습실 대관 예약 신청 버튼*/
.lental_btn_point { background: #0D7BBF; border: 1px solid #fff; color: #fff; border-width: 3px 3px 3px 3px; padding: 5px 21px 5px 21px; font-size: 15px; font-weight: 500; } 
.privacy_btn_point { width: 180px; height: 30px;background: #0D7BBF;border: 1px solid #fff;color: #fff;border-width: 3px 3px 3px 3px;
    padding: 7px 13px 4px 13px;font-size: 15px;font-weight: 500;}

/* 교육신청 리스트 상태 */
.edu1{border:1px solid rgb(230, 236, 234); background-color: rgb(230, 236, 234);  border-radius: 50px; color: rgb(104, 102, 102); font-weight: 400;}
.edu2{border:1px solid rgb(236, 72, 121); background-color: rgb(236, 72, 121);  border-radius: 50px; color:#fff; font-weight: 400;}
.edu3{border:1px solid rgb(236, 72, 121); background-color: rgb(236, 72, 121);  border-radius: 50px; color:#fff; font-weight: 400;}
.edu4{border:1px solid #4B7D74; background-color: #4B7D74;  border-radius: 50px; color:#fff; font-weight: 400;}
.edu5{border:1px solid rgb(143, 93, 17); background-color: rgb(143, 93, 17); border-radius: 50px; color:#fff; font-weight: 400;}
.edu6{border:1px solid rgb(143, 93, 17); background-color: rgb(143, 93, 17); border-radius: 50px; color:#fff; font-weight: 400;}
.edu7{border:1px solid rgb(148, 28, 204); background-color: rgb(148, 28, 204);  border-radius: 50px;color:#fff; font-weight: 400;}



/* 웹접근성 명도대비로 인해 색상 변경 20220506 */
.btn_point1 { background:#0D7BBF; border:1px solid#fff; color:#fff; border-width: 4px 4px 4px 4px; padding-bottom: 32px; } 
.btn_line { background:#fff; border:1px solid #0d7ec3; color:#0d7ec3; padding:1px 5px 5px 5px; margin-left: 5px; } 
.btn_gray { background:#f3f3f3; border:1px solid #e6e6e6; color:#333; } 
.btn_pdf { display:block; width:120px; margin:40px auto; } 
.vm_none { border:1px solid #777; color:#777; } 
.vm_check { border:1px solid #333; } 

.gosite { display: inline-block; width: 77px; color: #0D58AA; background: url(../img/icon_go.png) right center no-repeat; font-weight: 400; } /* 웹접근성 명도대비로 인해 색상 변경 20220506 */

.all_mail { padding-left: 29px; background:#FFF url(../img/btn_all_mail.png) 10px center no-repeat; border:1px solid #fd7b1b; color: #fd7b1b; } 
.mail { padding-left:25px; background:#FFF url(../img/btn_mail.png) 10px center no-repeat; border:1px solid #0d7ec3; color: #0d7ec3; } 

/* list style */
.bul_1 { } 
.bul_1 li { padding-left:30px; } 

.bul_2, .bul_3 { padding-left:20px; } 
.bul_2_s { display:block; } /*추가_20180619_최선희*/
.bul_2 li, .bul_2 p { text-align:left; padding-left:10px; background:url(../img/bul_02.png) left 9px no-repeat; } 
.img_list { text-align:center; margin-bottom: 10px; } 
.img_list:after { content:''; display:block; clear:both; } 
.img_list li { display: inline-block; /* float:left; */width: 33%; margin-bottom: 3px; padding:10px; box-sizing:border-box; background:#eee; text-align:center; } 
.img_list li img { display:inline-block; width:100%; } 
.img_list.no_3 li { width: 33%; } 
.img_list.no_4 li { width: 19.5%; } 

.bul_3 { width: 43%; } 
.bul_3 li { height: 33px; line-height: 33px; padding-left: 10px; background: url(../img/bul_02.png) left 14px no-repeat; } 
.bul_3 a { float: right; clear: both; height: 26px; line-height: 24px; font-size: 13px; } 

 @media (max-width: 800px){
 .bul_3 { width: 100%; } 
 }

.tab_st01 { position:relative; margin-bottom:40px; margin-top:30px; margin-left:5px; border:1px solid #eee; background:#f7f7f7; } 
.tab_st01:after { content:''; clear:both; display:block; } 
.tab_st01 li { float:left; border-right:1px solid #eee; box-sizing:border-box; text-align:center; } 
.tab_st01.no_1 li { width:calc(100% / 1); } 
.tab_st01.no_2 li { width:calc(100% / 2); } 
.tab_st01.no_3 li { width:calc(100% / 3); } 
.tab_st01.no_4 li { width:calc(100% / 4); } 
.tab_st01.no_5 li { width:calc(100% / 5); } 
.tab_st01.no_6 li { width:calc(100% / 6); } 
.tab_st01.no_7 li { width:calc(100% / 7); } 
.tab_st01.no_8 li { width:calc(100% / 8); } 
.tab_st01.no_9 li { width:calc(100% / 9); } 
.tab_st01.no_10 li { width:calc(100% / 10); } 
.tab_st01.no_11 li { width:calc(100% / 5); } 

.tab_st01 li.on button,.tab_st01 li.on a { display: block; background: #0D7BBF; color: #fff; /* border-width: 3px 3px 3px 3px; * 웹접근성을 포커스 잘보이게 수정해야하는 소스/
 padding-bottom: 15px; } /* 웹 접근성 명도 조정 220511 */ } 
.tab_st01 li:focus { border: 2px solid red; } 
.tab_st01 li button,.tab_st01 li a { display:block; width:100%; padding:10px 18px; box-sizing:border-box; font-weight:400; font-size:15px; color:#5A5A5A; } 
.tab_st01 li:last-child { border-right:0; } 
.tab_st01.no_6 li button, .tab_st01.no_6 li a { font-size:15px; } 

/* paging */
.paging { text-align:center; margin-top:40px; } 
.paging a { display:inline-block; min-width: 26px; height:26px; padding: 0 5px; color:#777; font-weight:400; line-height:24px; box-sizing:border-box; } 
.paging .page { border:1px solid #eee; text-indent:-9999px; } 
.paging .prev_02 { background:url(../img/paging_prev_02.png) center center no-repeat; } 
.paging .prev_01 { background:url(../img/paging_prev_01.png) center center no-repeat; } 
.paging .next_02 { background:url(../img/paging_next_02.png) center center no-repeat; } 
.paging .next_01 { background:url(../img/paging_next_01.png) center center no-repeat; } 
.paging .paging_click { color:#fff; background:#0d7ec3; border: 1px solid #0d7ec3; } 

.paging a:hover { color:#fff; background:#0d7ec3; border: 1px solid #0d7ec3; } 
.paging .prev_02:hover { background:#0d7ec3 url(../img/paging_prev_02_on.png) center center no-repeat; border:1px solid #0d7ec3; } 
.paging .prev_01:hover { background:#0d7ec3 url(../img/paging_prev_01_on.png) center center no-repeat; border:1px solid #0d7ec3; } 
.paging .next_02:hover { background:#0d7ec3 url(../img/paging_next_02_on.png) center center no-repeat; border:1px solid #0d7ec3; } 
.paging .next_01:hover { background:#0d7ec3 url(../img/paging_next_01_on.png) center center no-repeat; border:1px solid #0d7ec3; } 

/* checkbox */
.checkbox-wrap { cursor:pointer; line-height:27px; } 
.checkbox-wrap .check-icon { display:inline-block; width:14px; height:14px; margin-right:5px; background:url(../img/checkbox_off.png) left center no-repeat; vertical-align:middle; transition-duration:.3s; } 
.checkbox-wrap input[type=checkbox] { display:none; } 
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image:url(../img/checkbox_on.png); } 

.radio-wrap { cursor:pointer; line-height: 35px; } 
.radio-wrap .check-icon { display:inline-block; width:14px; height: 33px; margin-right:5px; background:url(../img/radiobox_off.png) left center no-repeat; vertical-align:middle; transition-duration:.3s; } 
.radio-wrap input[type=radio] { display:none; } 
.radio-wrap input[type=radio]:checked + .check-icon { background-image:url(../img/radiobox_on.png); } 

/* list st */
.ul_list:after { content:''; display:block; clear:both; } 
.ul_list li { float:left; margin-right:10px; } 

.ul_list.radio_list_01 { margin-left:30px } 
.ul_list.radio_list_01 li { /* padding-top:3px; */ } 


/* calendar */
.calendar_wrap { } 
.calendar_wrap:after { content:''; display:block; clear:both; } 
.calendar_wrap li { float:left; margin-bottom:2px; } 
.calendar { position:relative; width: 137px; margin-right:5px; border:1px solid #b6c1cb; background:#fff; } 
.calendar_wrap li:last-child { margin-right:0; } 
.calendar_wrap li.wave { float:left; text-align:center; width:20px; min-width:0; line-height:35px; color:#999 } 
.calendar label { display:inline-block; width:27px; height:33px; text-indent:-9999px; background:url(../img/btn_calendar.png) center center no-repeat; } 
.calendar input[type=text] { width: 100px; height:31px; margin-right:5px; border:none; } 

.input_size { width:100%; height:200px; } 
.text_write_info { padding:10px 0; } 

.calendar_calendar { border:1px solid #eee; } 
.calendar_calendar table { border:1px solid #eee; border-top:1px solid #eb840e; } 
.calendar_calendar table th { color:#333; background:#Fff; font-weight:400; /* border:none; */ } 
.calendar_calendar table .calendar_th_date th { background:#eee; } 
.calendar_calendar table .calendar_th { border-left:1px solid #ff8d08; border-right:1px solid #ff8d08; background:#8d4d04; color: #fff; font-size: 17px; font-weight:400; text-align: center; } 
.calendar_calendar .calendar_arrow { display:inline-block; width:22px; height:22px; text-indent:-9999px; } 
.calendar_calendar .calendar_arrow.c_left { float: left; background:url(../img/calendar_arrow_left.png) center center no-repeat; } 
.calendar_calendar .calendar_arrow.c_right { float: right; background:url(../img/calendar_arrow_right.png) center center no-repeat; } 
.calendar_calendar .dateMonth { margin:0 auto; } 
.calendar_calendar .clalendar_tbody td { position: relative; text-align: center; border-bottom: 1px solid #eee; border-right: 1px solid #eee; } 
.calendar_calendar .clalendar_tbody tr td:nth-child(7n) { border-right:0; } 
.calendar_calendar .clalendar_tbody tr:last-child td { border-bottom: 0; } 
.calendar_calendar .clalendar_tbody td span.day { position: absolute; top:3px; left:3px; font-size:11px; border-bottom:1px solid #777; color:#777; line-height:12px; } 
.calendar_calendar .clalendar_tbody td span.seat { color:#0d7ec3; font-weight:400; } 

.con_top h3 { float: left; font-size: 28px; font-weight: 700; padding-top: 89px; color: #1c1c1c; } 
.con_top { margin-bottom:42px; border-bottom: 1px solid #a1a1a1; padding-bottom:10px;} 
.con_top:after { content:''; clear:both; display:block; } 
.con_top .tit { float:left; font-size:25px; font-weight:500; } 
.con_top .bread_crumb { float: right; padding-top: 36px; } 
.con_top .bread_crumb li:first-child {position:relative; padding-left:0px; }
.con_top .bread_crumb li { float:left; padding:0 17px; line-height:37px; background:url(../img/ico_location_arrow.svg) right center no-repeat; color:#757575; font-weight: 400; } /* 웹접근성 명도대비로 인해 색상 변경 20220506 */
.con_top .bread_crumb li.home a { padding-left:23px; background:url(../img/icon_nav_home.png) left center no-repeat; color:#757575; font-weight: 400; } /* 웹접근성 명도대비로 인해 색상 변경 20220506 */
.con_top .bread_crumb li.last { background:none; padding-right:0; color:black; font-weight:500;} /* 웹접근성 명도대비로 인해 색상 변경 20220506 */
.text_info { margin-bottom: 15px; padding-left: 22px; font-size: 18px; font-weight: 400; background: url(../img/bul_01.png) left center no-repeat; } 
.text_infor { margin-bottom: 20px; } 
.text_infor p { line-height:24px; padding-left:20px; } 
.text_infor .tit { margin-bottom:15px; padding-left:22px; font-size:18px; font-weight:400; background:url(../img/bul_01.png) left center no-repeat; } 

.text_infor_01 { padding-left:20px; } 

.text_infor_01 .tit_s { margin-bottom:15px; padding-left:20px; font-size:16px; font-weight:400; background:url(../img/bul_01_1.png) left center no-repeat; } /*추가_최선희20180619*/


.tit_01 { margin:10px 0; padding-left:10px !important; font-size:15px; font-weight:400; } 
.tit_02 { margin:10px 0; padding-left:22px; font-size:17px; font-weight:400; background:url(../img/bul_04.png) left center no-repeat; } 
.text_infor .tit_03 { padding-top:35px; font-size:17px; font-weight:400; } 


.table_top { margin-bottom:10px; } 
.page_text { float:left; line-height:35px; } 
.page_text > a { display:inline-block; margin:0 10px; } 
.sch_wrap { float:right; } 
.sch_wrap .select_box, .sch_wrap .board_sch, .sch_wrap .btn_top { float:left; } 
.sch_wrap .board_sch { border:1px solid #b6c1cb; } 
.sch_wrap .board_sch input[type=text] { width:130px; border:none; } 
.sch_wrap .board_sch button { width:33px; height:33px; text-indent:-99999px; background:#FFF url(../img/icon_sch.png) center center no-repeat; } 

.table_top_bd { border:1px solid #ddd; padding:10px 5px; margin-bottom:10px; } 
.table_top_bd > ul > li { float:left; } 
.table_top_bd > ul > li { margin-left:10px; } 
.table_top_bd .tit { float:left; line-height:33px; font-weight:400; } 
.table_top_bd .calendar_wrap { float:left; } 
.table_top_bd .calendar_wrap li:nth-child(1) { margin-right:9px; } 

.table_top_bd .sch_my { } 
.table_top_bd .calendar,.table_top_bd .board_sch_my { width:180px; margin-left:61px; border:1px solid #b6c1cb; } 
.table_top_bd .board_sch_my input[type=text] { float: left; width:145px; border:none; } 
.table_top_bd .board_sch_my button { width:33px; height:33px; text-indent:-99999px; background:#FFF url(../img/icon_sch.png) center center no-repeat; } 

.table_top_bd .sch_wrap .board_sch input[type=text] { width:300px; } 

.table_top_bd .category { } 
.table_top_bd .category li { width:12.5%; margin:0; padding:0 10px; font-weight:400; text-align: center; border-right: 1px solid #eee; box-sizing:border-box; } 
.table_top_bd .category li:last-child { border-right:0; } 
.table_top_bd .category li a:hover { color:#fd951b; } 


/* colgroup */
colgroup.pc { display:table-column-group } 
colgroup.mobile { display:none; } 

/* table */
.table_wrap { margin-bottom:10px; } 
.table_bottom_text { margin-top:10px; } 
#view0 table th, #view0 table td { border:1px solid #eee; } 
table table { border-top:0; } 
.test_11:not(){
width: 50% !important;
}
table { width:100%; border-top:1px solid black; } 
table thead th { text-align:center; } 
table th { background:#f7f7f7; font-weight:400; } 
table th, table td { padding:8px 10px; border-bottom: 1px solid #cfd5d8; vertical-align:middle; box-sizing:border-box; word-wrap:break-word; text-align:left; line-height: 33px; } 

table .file a { display:inline-block; width:14px; height:23px; text-indent:-9999px; background:url(../img/icon_save.png) center center no-repeat; } 
table .prev { background:#f7f7f7 url(../img/icon_prev.png) right 10px center no-repeat; } 
table .next { background:#f7f7f7 url(../img/icon_next.png) right 10px center no-repeat; } 
table .view_tit { padding:25px 10px 15px 1px; }
table .view_tit .tit { margin-bottom:10px; font-size:1.4rem; font-weight:500; line-height:24px; } 
table .view_tit .edu_tit { margin-bottom:10px; font-size:26px; font-weight:500; line-height:24px; } 
table .view_tit ul li { float:left; margin-right:20px; } 
table .file_down ul li a { display:block; padding-left:18px; background: url(../img/icon_save.png) left center no-repeat; box-sizing:border-box; white-space:nowrap; text-overflow:ellipsis; } 
table td input[type=text] { width:100%; } 
table td.table_center { text-align:center; } 
table th.th_height { height:100px; } 

.table_write .file_wrap { } 
.table_write .file_txt { } 
.table_write .file_txt p { margin-bottom:10px; } 
.table_write .file_txt form select { width:100%; height:100px; overflow-y:auto; border:1px solid #ddd; padding:10px; box-sizing:border-box } 
.table_write .file_txt form select option { display:block; max-width:97%; overflow:hidden; padding:2px 5px; white-space:nowrap; text-overflow:ellipsis; } 
.table_write .file_attach { margin-top:10px; } 
.table_write .file_attach:after { content:''; display:block; clear:both; } 
.table_write .file_attach #in_file_01 { border:none; width:100%; } 
.table_write .input_s input { width:150px; margin-right:5px; } 
.table_write .input_s span { display:inline-block; line-height:35px; } 

.table_m th { text-align:center; } 
.table_m th:first-child { border-left:none; } 
.table_m th:last-child { border-right:none; } 
.table_m td { text-align:center; } 
.table_m .notice .num { background:url(../img/icon_notice_v2.png) center center no-repeat; text-indent:-9999px; } 
.table_m .notice .table_tit { font-weight:400; } 
.table_m .reply .table_tit { padding-left:15px; background:url(../img/icon_reply.png) left center no-repeat; } 


.table_tit_wrap .table_tit { float:left; display:block; max-width:calc(100% - 64px); box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; text-align:left; } 
.table_tit_wrap .tit_icon { float:left; margin-left:10px; } 
.table_tit_wrap .tit_icon .i_new { display:inline-block; width:15px; height:26px; text-indent:-9999px; background:url(../img/icon_new.png) center 10px no-repeat; } 
.table_tit_wrap .tit_icon .i_secret { display:inline-block; width:15px; height:22px; text-indent:-9999px; background:url(../img/icon_secret.png) center center no-repeat; } 

/* 게시물 마우스 오버시 색상 변경 적용 220126 */
.table_m tr:hover td { background-color: rgb(248, 250, 248); } 
.table_tit_wrap .table_tit:hover { font-weight: 450; } 


/* dataset */
.data_wrap { margin-bottom:50px; padding-top:15px; } 
.data_info_wrap:after { content:''; display:block; clear:both; } 
.data_info { position:relative; float:left; width:32%; margin-right:2%; padding: 12px; box-sizing:border-box; background: #fff; } 
.data_info.no_1 { border:1px solid #f7913f; } 
.data_info.no_2 { border:1px solid #0d7ec3; } 
.data_info.no_3 { border:1px solid #009944; margin-right:0; } 

.data_info p { display:block; width:100%; height:122px; text-align:center; } 
.data_info p img { display:inline-block; width:100%; max-width:273px; } 

.data_info .tit { position:absolute; top:-16px; left: 50%; display:inline-block; width:100px; margin-left: -50px; padding:5px 0; color:#fff; border-radius:5px; text-align:center; } 
.data_info.no_1 .tit { background:#f7913f; } 
.data_info.no_2 .tit { background:#0d7ec3; } 
.data_info.no_3 .tit { background:#009944; } 

.data_info .circle { position:absolute; left:50%; bottom:-8px; display:inline-block; width:16px; height:16px; margin-left:-8px; background:#fff; border-radius:9px; } 
.data_info.no_1 .circle { border:1px solid #f7913f; } 
.data_info.no_2 .circle { border:1px solid #0d7ec3; } 
.data_info.no_3 .circle { border:1px solid #009944; } 


.data_one { position:relative; width: 200px; height: 72px; margin:0 auto; margin-top: 50px; padding:30px; background:#FFF url(../img/logo_sub.png) center center no-repeat; border:1px solid #ccc; text-indent:-9999px; box-sizing:border-box; } 
.data_one .circle { position:absolute; left:50%; top:-8px; display:inline-block; width:16px; height:16px; margin-left:-9px; background:#fff; border-radius:9px; border:1px solid #ccc; } 


.user_wrap { position: relative; width: 200px; margin:0 auto; margin-top: 47px; padding-top: 70px; border:1px solid #ccc; box-sizing:border-box; background: #FFF url(../img/data_img.png) center 10px no-repeat; background-size: contain; } 
.user_wrap:before { position: absolute; content:''; display:block; width: 20px; height: 11px; top: -30px; left: 50%; margin-left: -10px; background: #FFF url(../img/data_arrow.png) top center no-repeat; background-size: 20px; } 
.user_wrap span { display:inline-block; width:100%; line-height:30px; background:#ccc; color:#fff; font-weight:500; font-size:18px; text-align:center; } 

.creatorCamp { margin: 10px; } 

/* .big_con li { float:left; display: table; width:19%; text-align:center; border:1px solid #0d7ec3; box-sizing:border-box; } 
.big_con li span { display: table-row; line-height: 30px; background:#0d7ec3; color:#fff; font-size:15px; font-weight:500; text-align:center; } */

.creatorCamp ul:after { content: ''; display: block; clear: both; } 

.creatorCamp li { float: left; display: table; width: 25%; text-align: center; border: 1px solid #383b3d; box-sizing: border-box; } 

.creatorCamp li span { display: table-row; line-height: 30px; background: #5c5f61; color: #fff; font-size: 15px; font-weight: 500; text-align: center; } 

.creatorCamp li p { display: table-cell; height: 70px; vertical-align: middle; box-sizing: border-box; } 

.creatorCamp li.arrow { width: 8%; height: 100%; margin-top: 40px; text-indent: -9999px; border: none; background: url(../img/organi_next_arrow.png) center center no-repeat; } 









.big_con { margin:10px; } 
/* .big_con li { float:left; display: table; width:19%; text-align:center; border:1px solid #0d7ec3; box-sizing:border-box; } 
.big_con li span { display: table-row; line-height: 30px; background:#0d7ec3; color:#fff; font-size:15px; font-weight:500; text-align:center; } */

.big_con ul:after { content:''; display:block; clear:both; } 
.big_con li { float:left; display: table; width:18%; text-align:center; border:1px solid #383b3d; box-sizing:border-box; } 
.big_con li span { display: table-row; line-height: 30px; background:#5c5f61; color:#fff; font-size:15px; font-weight:500; text-align:center; } 
.big_con li p { display: table-cell; height: 70px; vertical-align: middle; box-sizing: border-box; } 
.big_con li.arrow { width: 8%; height:100%; margin-top:40px; text-indent:-9999px; border:none; background:url(../img/organi_next_arrow.png) center center no-repeat; } 
.big_con li.arrow1 { float:left; width: 32%; height:100%; margin-top:12px; margin-bottom: 10px; text-indent:-9999px; border:none; background:url(../img/pngwing.png) center center no-repeat; } 
.big_con li.arrow2 { float:left; width: 35%; height:100%; margin-top:12px; text-indent:-9999px; border:none; background:url(../img/pngwing.png) center center no-repeat; } 
.big_con li.arrow3 { float:left; width: 33%; height:100%; margin-top:12px; text-indent:-9999px; border:none; background:url(../img/pngwing.png) center center no-repeat; } 
.big_con.no_5 li { width: 17%; } 
.big_con.no_5 li.arrow { width:3%; margin-top:57px; } 
.big_con.no_5 li p { min-height: 84px; } 

.big_solution { text-align:center; } 
.big_solution .tit { display:inline-block; padding:15px 30px; font-weight:500; border:2px solid #0d7ec3; border-radius:40px; } 

.big_solution .solution_1 { text-align:center; margin-top: 20px; } 
.big_solution .solution_1 li { display:inline-block; min-width:62px; margin:0 30px; padding-top:70px; font-weight:400; } 
.big_solution .solution_1 li.no_1 { background:url(../img/icon_sol_01.png) center top no-repeat; } 
.big_solution .solution_1 li.no_2 { background:url(../img/icon_sol_02.png) center top no-repeat; } 
.big_solution .solution_1 li.no_3 { background:url(../img/icon_sol_03.png) center top no-repeat; } 
.big_solution .solution_1 li.no_4 { background:url(../img/icon_sol_04.png) center top no-repeat; } 
.big_solution .solution_1 li.no_5 { background:url(../img/icon_sol_05.png) center top no-repeat; } 

.big_solution .solution_2 { margin: 20px 0; } 
.big_solution .solution_2 li { display:inline-block; padding-left: 30px; padding-right: 36px; font-weight:400; background:url(../img/icon_arrow.png) right center no-repeat; } 
.big_solution .solution_2 li:last-child { background:none; } 

.big_solution .middle { position:relative; } 
.big_solution .middle:after { position:absolute; top: 8px; right:0px; display:block; width:200px; height:100px; background:url(../img/big_left.png) right center no-repeat; content:''; } 
.big_solution .middle:before { content:''; display:block; width:24px; height: 20px; margin:0 auto; background:url(../img/big_arrow.png) center top no-repeat; } 
.big_solution .middle p { display:inline-block; padding: 10px 20px; border: 2px solid rgba(13, 126, 195, 0.4); font-weight:500; font-size:18px; } 

.big_solution .text { margin-top: 10px; font-weight:500; font-size:18px; } 
.big_solution .text:before { content:''; display:block; width:24px; height: 20px; margin:0 auto; background:url(../img/big_arrow.png) center top no-repeat; } 
.big_solution .text span { color:#C5473D } /* 웹접근성 명도대비로 인해 색상 변경 20220506 */



/* network style */
.network { } 
.network img { width:100%; } 

.network_wrap { width: 700px; margin: 0px auto; /* border: 1px solid #ccc; *//* padding: 30px; */text-align:center; box-sizing: border-box; } 
.network_wrap > .tit { font-size:18px; font-weight:400; line-height:22px; text-align:center; } 
.network_wrap .title { position:relative; display:inline-block; margin-top: 10px; margin-bottom: 19px; padding: 10px 10px; /* border:2px solid #0d7ec3; */font-size: 15px; font-weight:400; color: #fff; background: #0d7ec3; } 
/*.network_wrap .title:after { content:''; display:block; position:absolute; top: 42px; left:50%; margin-left:-1px; width: 2px; height: 20px; background: #c4c4c4; } */

.network_list:after { content:''; display:block; clear:both; } 
.network_list > li { position:relative; float:left; width:33.3%; height: 174px; padding: 10px; border:2px solid #c4c4c4; border-right:none; box-sizing:border-box; text-align:left; } 
.network_list > li:last-child { border-right:2px solid #c4c4c4; } 
.network_list .tit { display:inline-block; margin-bottom: 5px; font-size:18px; font-weight:500; color:#0d7ec3; } 
.network_list .no_1 .tit { background:url(../img/icon_card.png) left center no-repeat; padding-left: 29px; } 
.network_list .no_2 .tit { background:url(../img/icon_graph.png) left center no-repeat; padding-left: 22px; } 
.network_list .no_3 .tit { background:url(../img/icon_hospital.png) left center no-repeat; padding-left: 26px; } 
.network_list .bul_1 { /* margin-bottom:20px; */ } 

.network_list .bottom { margin-bottom: 10px; color: #333; font-size:15px; font-weight:400; display: block; } 

.network_bottom { margin-top: 10px; font-weight:500; text-align:center; } 
.network_bottom span { color:#0d7ec3; padding-right:5px; } 

/* niadic style */
.nia_wrap { width: 100%; display: table; text-align:center; } 
.nia_wrap.no_1 { margin-bottom: 20px; } 
.nia_wrap .nia { position: relative; width: 50%; display: table-cell; vertical-align: middle; text-align: center; } 
.nia .tit { text-align:center; font-weight:400; } 
.nia .nia_img_wrap { display: inline-block; padding:20px; border-radius:200px; border:1px solid #ccc; text-align:center; } 
.nia .nia_img_wrap .img { display:inline-block; width: 42px; height: 47px; margin-bottom: 15px; background:#FFF url(../img/icon_nia.png) center center no-repeat; background-size: 40px; } 
.nia .nia_img_wrap p { font-weight:400; } 
.nia .nia_img_wrap .nia_img { display:inline-block; width: 104px; height: 46px; margin-top: 5px; margin-bottom: 5px; background:url(../img/icon_nia_img.png) center center no-repeat; background-size: 100px; } 
.nia .arrow { position:absolute; top:50%; left:-27px; display:inline-block; width:16px; height:19px; margin-top:-10px; background:url(../img/icon_nia_arrow.png) center center no-repeat; } 
.nia.no_1 .nia_img_wrap { width: 150px; height: 150px; } 
.nia.no_2 .nia_img_wrap { width: 200px; height: 200px; } 
.nia.no_1 .nia_img_wrap .img { margin-top: 19px; } 
.nia.no_2 .nia_img_wrap .img { margin-top: 7px; margin-bottom: 0; } 

/*추가_20180619*/
.img_tb { padding-top:20px; padding-bottom:30px; } 
.img_b { padding-bottom:30px; } 


.company { padding:20px; padding-bottom:0; border-top:3px solid #0d7ec3; border-bottom:1px solid #eee; } 
.company ul { text-align:center; } 
.company ul:after { content:''; display:block; clear:both; } 
.company ul li { display:inline-block; margin:0 15px 20px; } 

.dataset th, .dataset td { text-align:left; } 
.dataset .center th,.dataset .center td { text-align:center; } 
.dataset h4 { margin-bottom:10px; padding-left:7px; background:url(../img/bul_02.png) left center no-repeat; font-weight:400; font-size:17px; } 
.connect_dataset th { text-align:center; } 

.dataset_wrap ul li button:before { display:inline-block; content:''; width:65px; height:65px; box-sizing:border-box; border:1px solid #eee; border-radius:5px; background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 30%,#ececec 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 30%,#ececec 100%); /* Chrome10-25,Safari5.1-6 */
linear-gradient(to bottom, #ffffff 30%,#ececec 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 /* IE6-9 */ } 

.data_tit { margin-bottom:30px; } 
.data_tit::after { content:''; display:block; clear:both; } 
.data_tit .i_dataset { float:left; margin-right:20px; } 
.data_tit { position:relative; } 
.data_tit .tit { padding-top:15px; font-size:15px; font-weight:500; } 
.data_tit .text { width: calc(100% - 120px); padding-left: 87px; box-sizing: border-box; } 
.data_tit .close_meta { position:absolute; bottom:0; right:0; } 
.data_tit .close_meta::after { content:' 닫기' } 
.data_tit .close_meta.on::after { content:' 열기' } 
.bx-wrapper { max-width:100% !important; padding:0 0px; } 
.dataset_text .tit_icon { text-align:center; } 
.dataset_text .tit_icon .i_dataset { float:none; } 
.dataset_btn_wrap { position:relative; height:0; } 
.dataset_btn_wrap .dataset_btn a { position:absolute; top:25px; width:26px; height:43px; cursor:pointer; text-indent:-9999px; } 
.dataset_btn_wrap a { display:block; width:100%; height:100%; } 
.bx-next a { left:0; background:url(../img/dataset_left.png) 0 0 no-repeat; } 
.bx-prev a { right:0; background:url(../img/dataset_right.png) 0 0 no-repeat; } 
.bx-prev,.bx-next { display:inline-block; text-indent:-9999px; height: 0; } 

.data_table_info { overflow:auto; width:100%; max-height:400px; max-width:935px; margin:30px 0; } 
.data_table_info th,.data_table_info td { width:150px; } 
.data_table_info { display:none; } 
.data_table_info.on { display:block; } 


/* Main Visual Paging */
.main_top .bx-has-pager { position:absolute; left:50%; bottom:120px; margin-left:-35px; z-index:100; text-align:center; } 
.main_top .bx-default-pager .bx-pager-item { display:inline-block; } 
.main_top .bx-pager-item .bx-pager-link { display:inline-block; width:12px; height:12px; margin:0 2.5px; background-color:rgba(0,0,0,0.3); border-radius:6px; text-indent:-9999px; } 
.main_top .bx-pager-item .active { background-color:#0d7ec3; } 

.dataset_wrap ul li button:after { display:block; content:''; position:absolute; top:0; left:0;; width:65px; height:65px; z-index:10; background-position:50% 50%; background-repeat:no-repeat } 
.dataset_wrap ul li button.on:before { border:2px solid #fd9b28; } 


.dataset_wrap { padding: 30px 0 0 29px; padding-bottom:15px; border:1px solid #eee; background:#f7f7f7; } 
.dataset_wrap .tit { display:none; } 
.dataset_wrap ul { text-align:left; } 
.dataset_wrap ul:after { content:''; display:block; clear:both; } 
.dataset_wrap ul li { display:inline-block; width:65px; text-align:center; margin-right:31px; margin-bottom:15px; } 
.dataset_wrap ul li.data_DI { font-size: 12px; line-height:21px; } 

.dataset_wrap ul li button { position:relative; } 

.data_all button:after { background-image:url(../img/img_all.png); } 
.data_ED button:after { background-image:url(../img/img_ED.png); } 
.data_LD button:after { background-image:url(../img/img_LD.png); } 
.data_AD button:after { background-image:url(../img/img_AD.png); } 
.data_FI button:after { background-image:url(../img/img_FI.png); } 
.data_IE button:after { background-image:url(../img/img_IE.png); } 
.data_WE button:after { background-image:url(../img/img_WE.png); } 
.data_FH button:after { background-image:url(../img/img_FH.png); } 
.data_CT button:after { background-image:url(../img/img_CT.png); } 
.data_ME button:after { background-image:url(../img/img_ME.png); } 
.data_SA button:after { background-image:url(../img/img_SA.png); } 
.data_TR button:after { background-image:url(../img/img_TR.png); } 
.data_EW button:after { background-image:url(../img/img_EW.png); } 
.data_SR button:after { background-image:url(../img/img_SR.png); } 
.data_AG button:after { background-image:url(../img/img_AG.png); } 
.data_DI button:after { background-image:url(../img/img_DI.png); } 
.data_LA button:after { background-image:url(../img/img_LA.png); } 
.data_IF button:after { background-image:url(../img/img_IF.png); } 
.data_etc button:after { background-image:url(../img/img_etc.png); } 

.data_all button.on:after { background-image:url(../img/img_all_on.png); } 
.data_ED button.on:after { background-image:url(../img/img_ED_on.png); } 
.data_LD button.on:after { background-image:url(../img/img_LD_on.png); } 
.data_AD button.on:after { background-image:url(../img/img_on.png); } 
.data_FI button.on:after { background-image:url(../img/img_FI_on.png); } 
.data_IE button.on:after { background-image:url(../img/img_IE_on.png); } 
.data_WE button.on:after { background-image:url(../img/img_WE_on.png); } 
.data_FH button.on:after { background-image:url(../img/img_FH_on.png); } 
.data_CT button.on:after { background-image:url(../img/img_CT_on.png); } 
.data_ME button.on:after { background-image:url(../img/img_ME_on.png); } 
.data_SA button.on:after { background-image:url(../img/img_SA_on.png); } 
.data_TR button.on:after { background-image:url(../img/img_TR_on.png); } 
.data_EW button.on:after { background-image:url(../img/img_EW_on.png); } 
.data_SR button.on:after { background-image:url(../img/img_SR_on.png); } 
.data_AG button.on:after { background-image:url(../img/img_AG_on.png); } 
.data_DI button.on:after { background-image:url(../img/img_DI_on.png); } 
.data_LA button.on:after { background-image:url(../img/img_LA_on.png); } 
.data_IF button.on:after { background-image:url(../img/img_IF_on.png); } 
.data_etc button.on:after { background-image:url(../img/img_etc_on.png); } 


.i_dataset { float:left; display:inline-block; width:65px; height: 65px; margin:0 auto; overflow:hidden; border: 1px solid #eee; background: -webkit-linear-gradient(top, rgb(255, 255, 255) 30%, rgb(236, 236, 236) 100%) !important; border-radius: 5px; text-align: center; } 
.i_dataset:before { display:block; content:''; width:65px; height:65px; z-index:10; background-position:center; background-repeat:no-repeat; } 

.i_dataset.i_data_DI { font-size:11px; } 

.i_data_ED:before { background-image:url(../img/img_ED.png); } 
.i_data_LD:before { background-image:url(../img/img_LD.png); } 
.i_data_AD:before { background-image:url(../img/img_AD.png); } 
.i_data_FI:before { background-image:url(../img/img_FI.png); } 
.i_data_IE:before { background-image:url(../img/img_IE.png); } 
.i_data_WE:before { background-image:url(../img/img_WE.png); } 
.i_data_FH:before { background-image:url(../img/img_FH.png); } 
.i_data_CT:before { background-image:url(../img/img_CT.png); } 
.i_data_ME:before { background-image:url(../img/img_ME.png); } 
.i_data_SA:before { background-image:url(../img/img_SA.png); } 
.i_data_TR:before { background-image:url(../img/img_TR.png); } 
.i_data_EW:before { background-image:url(../img/img_EW.png); } 
.i_data_SR:before { background-image:url(../img/img_SR.png); } 
.i_data_AG:before { background-image:url(../img/img_AG.png); } 
.i_data_DI:before { background-image:url(../img/img_DI.png); } 
.i_data_LA:before { background-image:url(../img/img_LA.png); } 
.i_data_IF:before { background-image:url(../img/img_IF.png); } 
.i_data_etc:before { background-image:url(../img/img_etc.png); } 
.i_data_:before { background-image:url(../img/img_all.png); } 

.dataset_relation { } 
.dataset_relation ul:after { content:''; display:block; clear:both; } 
.dataset_relation ul li { /* width: 180px; *//* height: 58px; */border: 1px solid #ddd; border-top: 2px solid #0d7ec3; margin-right: 10px; float: left; } 
.dataset_relation ul li a { display: block; padding: 10px 15px; line-height: 58px; } 
.dataset_relation ul li a::after { content:''; display:block; clear:both; } 
.dataset_relation ul li span.tit { float:left; display:-webkit-box; width:93px; max-height:41px; margin-left:10px; margin-top:10px; overflow:hidden; word-break:break-all; line-height:17px; -webkit-line-clamp:2; -webkit-box-orient:vertical; } 
.dataset_relation ul li a::after { content:''; display:block; clear:both; } 
.dataset_relation ul li .i_dataset { width:50px; height:50px; } 
.dataset_relation ul li .i_dataset::before { width:50px; height:50px; } 
.meta_info.on { display:none; } 
.meta_info { display:block; } 

span.type { display:inline-block; min-width:50px; text-align:center; margin:2px; padding:0 3px; color:#fff; font-size:13px; letter-spacing:0; box-sizing:border-box; border-radius:3px; } 

.board_sch { margin-right:5px; } 

.i_datalogo { width:110px; height:17px; text-indent:-9999px; background:url(../img/data_logo.png) 0 0 no-repeat; } 
.i_gglogo { width:107px; height:56px; text-indent:-9999px; background:url(../img/gg_logo.png) 0 0 no-repeat; } 
.i_seoullogo { width:115px; height:24px; text-indent:-9999px; background:url(../img/seoul_logo.png) 0 0 no-repeat; } 
.i_apistore { width:114px; height:48px; text-indent:-9999px; background:url(../img/apistore_logo.png) 0 0 no-repeat; } 
.i_datastore { width:107px; height:28px; text-indent:-9999px; background:url(../img/datastore_logo.png) 0 0 no-repeat; } 

.i_rdf { background:#ff9e1c; } 
.i_data { background:#004e66; } 
.i_api { background: #9957c1; } 
.i_link { background: #0D7EA6; } 
.i_file { background: #AD4100; } 
.i_sheet { background: #986D00; } 
.i_map { background: #1f4e5f; } 
.i_gif { background: #FDD692; } 
.i_asp { background: #EC7357; } 
.i_java { background: #754F44; } 
.i_php { background: #C5E99B; } 
.i_down { background: #8FBC94; } 
.i_chart { background: #417C7D; } 
.i_table { background: #56445D; } 
.i_csv { background: #74d510; } 
.i_txt { background: #666666; } 
.i_pdf { background: #4F86C6; } 
.i_xml { background: #6C49B8; } 
.i_xlsx { background:#1e7145; } 
.i_excel { background:#fd21c0; } 
.i_zip { background:#ff6767; } 
.i_shp { background:#1594f9; } 
.i_tsv { background:#ae801a; } 

.input_w500 { width:200px !important; } 

.gallery_wrap { } 
.gallery_wrap:after { content:''; display:block; clear:both; } 
.gallery_wrap 
.gallery { float:left; width:24%;margin-right:1.33%; margin-bottom:20px; padding:1px; background:#f7f7f7; box-sizing:border-box; } 
.gallery_1 { float:left; width:34%; margin-top:50px; margin-left: 85px; margin-right:1.33%; background:#f7f7f7; box-sizing:border-box; } 
.gallery_wrap div:nth-child(4n) { margin-right:0; } 
.gallery a { display:block; } 
.gallery a img { background:#fff; width:100%; } 
.gallery .tit { display:inline-block; width:100%; margin:20px 0; text-align:center; font-weight:400; } 
.gallery p span { color:#777; font-weight:400; } 
.gallery p .num { float:left; } 
.gallery p .day { float:right; } 

.gallery_1 a { display:block; } 
.gallery_1 a img { background:#fff; width:100%; } 
.gallery_1 .tit { display:inline-block; width:100%; margin:20px 0; text-align:center; font-weight:400; } 
.gallery_1 p span { color:#777; font-weight:400; } 
.gallery_1 p .num { float:left; } 
.gallery_1 p .day { float:right; } 

.edu_gallery_wrap { } 
.edu_gallery_wrap:after { content:''; display:block; clear:both; } 
.edu_gallery_wrap 
.edu_gallery {float:left; width: 32%; height: 430px; background: #fff; margin-right: 1.65%; border-radius:5px; margin-bottom: 45px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important; } 
.edu_gallery_wrap div:nth-child(3n) { margin-right:0; } 
.edu_gallery a { display:block; } 
.edu_gallery .lms { width:58px; background: #CD1B84; border-radius:15px;float: left; color: #FFF; padding: 5px 13px; font-weight: 700; font-size: 11px;text-align: center; margin:10px 0px 0px 7px } 
.edu_gallery .online { width:58px;background-color: rgb(16, 122, 16);border-radius:15px;float: left; color: #fff; padding: 5px 13px; font-weight: 700; font-size: 11px;text-align: center;margin:10px 0px 0px 7px } 
.edu_gallery .offline { width:52px; background: peru; border-radius:15px;float: left; color: #FFF; padding: 5px 13px; font-weight: 700; font-size: 11px;text-align: center; margin:10px 0px 0px 7px } 
.edu_gallery a img { background:#fff; width:100%; } 
.edu_gallery .tit {display:inline-block; font-weight: 600; font-size: 14px; color: #4e51d4; text-align: left; padding-left: 8px;margin: 15px 0 10px; } 
.edu_gallery .tit_1 {display:inline-block; font-weight: 500; font-size: 20px; text-align: left; padding-left: 8px; margin: -6px 0 -9px; height: 69px; } 
.edu_gallery .tit_2 {display: flex; justify-content: space-between; align-items: center; gap: 10px; font-size: 14px; margin-top:50px;} 
.edu_gallery .tit_2_1 { flex-grow: 1; min-width: 26px; height: 24px; border: 1px solid #9C27B0; border-radius: 4px; font-size: 13px; font-weight: 600; text-align: center; line-height: 24px; box-sizing: border-box; background-color: #F3E5F5; border-color: #9C27B0; color: #6A1B9A; transition: all 0.3s ease; }
.edu_gallery .tit_2_2 { flex-grow: 1; min-width: 26px; height: 24px; border: 1px solid #546E7A; border-radius: 4px; font-size: 13px; font-weight: 600; text-align: center; line-height: 24px; box-sizing: border-box; background-color: #ECEFF1; border-color: #546E7A; color: #37474F; transition: all 0.3s ease; }
.edu_gallery .btn { background-color: #164895; color: #fff; text-align: center; font-weight: 500; width: 100%; border-radius: 6px;  padding: 0px 20px; margin-top: 15px;} 
.edu_gallery .btn:hover { background-color: #0c2c5c;} 
.edu_gallery p span { color:#777; font-weight:400; } 
.edu_gallery p .num { float:left; } 
.edu_gallery p .day { float:right; } 



/* 교육 및 세미나 리스트 팝업창 */
.schedule-banner {display: flex;align-items: center;justify-content: space-between;gap: 16px;background: #f0f4ff;border: 1px solid #c7d4f5;border-radius: 12px;padding: 16px 20px;margin: 0 0 20px 0;}
.banner-content {display: flex;align-items: center;gap: 14px;flex: 1;}
.banner-icon {display: flex;align-items: center;justify-content: center;width: 44px;height: 44px;background: #164895;border-radius: 10px;color: #fff;flex-shrink: 0;}
.banner-text h3 {margin: 0 0 4px 0;font-size: 15px;font-weight: 600;color: #1a2e6e;line-height: 1.4;}
.banner-text p {margin: 0;font-size: 13px;color: #4a5e99;line-height: 1.4;}
.banner-button {display: flex;align-items: center;gap: 6px;background: #164895;color: #fff;border: none;border-radius: 8px;padding: 10px 18px;font-size: 13px;font-weight: 600;cursor: pointer;white-space: nowrap;transition: background 0.2s;}
.banner-button:hover {background: #0f3470;}

/* 팝업 스타일 */
.popup-overlay {display: none;position: fixed;inset: 0;background: rgba(10, 20, 50, 0.6);z-index: 9999;align-items: flex-start;justify-content: center;padding: 20px;backdrop-filter: blur(2px);overflow-y: auto;}
.popup-container { background-color: white; border-radius: 8px; width: 90%; max-width: 900px; max-height: 90vh; overflow-y: auto; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); position: relative; }
.popup-header { padding: 15px 20px; border-bottom: 1px solid #e0e0e0; display: flex; justify-content: space-between; align-items: center; background-color: #f8f9fa; }
.popup-title { font-size: 18px; font-weight: 600; color: #333; margin: 0; }
.popup-close { background: none; border: none; cursor: pointer; font-size: 24px; color: #666; padding: 0; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; transition: background-color 0.2s ease; }
.popup-close:hover { background-color: #e0e0e0; color: #333; }
.popup-content { padding: 20px; display: flex; justify-content: center; align-items: center; }
.image-container { width: 100%; overflow: hidden; text-align: center; position: relative; }
.image-wrapper { width: 100%; text-align: center; position: relative; }
.schedule-image { max-width: 100%; height: auto; border-radius: 4px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: transform 0.3s ease; transform-origin: center center; }

/* 팝업 푸터 */
.popup-footer { padding: 15px 20px; border-top: 1px solid #e0e0e0; text-align: center; background-color: #f8f9fa; }

/* 하단 닫기 버튼 */
.close-button { background-color: #34495e; color: white; border: none; border-radius: 4px; padding: 8px 20px; font-size: 14px; font-weight: 600; cursor: pointer; transition: background-color 0.2s ease; }
.close-button:hover { background-color: #2c3e50; }

/* 로딩 인디케이터 */
.loading-indicator { display: none; text-align: center; padding: 20px; }
.loading-spinner { border: 4px solid #f3f3f3; border-top: 4px solid #3498db; border-radius: 50%; width: 40px; height: 40px; animation: spin 1s linear infinite; margin: 0 auto 10px auto; }
@keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }

/* 이미지 확대/축소 컨트롤 */
.zoom-controls-sticky { position: sticky; bottom: 20px; right: 20px; margin-left: auto; margin-right: 20px; width: fit-content; display: flex; background-color: rgba(255, 255, 255, 0.9); border-radius: 20px; padding: 5px; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); z-index: 1050; margin-bottom: 20px; }
.zoom-button { background: none; border: none; width: 30px; height: 30px; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #333; }
.zoom-button:hover { background-color: #f0f0f0; border-radius: 50%; }

/* 반응형 조정 */
@media (max-width: 768px) {
 .schedule-banner {flex-direction: column;align-items: flex-start;}
 .banner-button {width: 100%;justify-content: center;}
.popup-title { font-size: 16px; }
.zoom-controls { bottom: 15px; right: 15px; }
}






.pdf_wrap { } 
.pdf_wrap img { display:block; width:80%; margin:0 auto; } 
.pdf_wrap img.on { display:none; } 
#pdf { width:100%; height:500px; } 
.iframe_wrap { display:none; position:relative; width:80%; height:500px; margin:0 auto; } 
.iframe_wrap.on { display:block; } 
.pdf_close { display:inline-block; position:absolute; top:0; left:0; width:30px; height:30px; border:1px solid #ccc; background:#fff url(../img/btn_close.png) center center no-repeat; text-indent:-9999px; } 

.ndfHFb-c4YZDc.ndfHFb-c4YZDc-i5oIFb { display:inline-block; text-align:center; vertical-align:middle; width:70px !important; } 

.video_wrap { } 
.video_wrap:after { content:''; display:block; clear:both; } 
.video_wrap .video { float:left; width:24%; margin-right:1.33%; margin-bottom:20px; padding:15px; background:#f7f7f7; box-sizing:border-box; } 
.video_wrap div:nth-child(4n) { margin-right:0; } 
.video_wrap .video a { display:block; } 
.video_wrap .video img { width:100%; } 
.video_wrap .video .tit { margin:20px 0; font-weight:400; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.video_wrap .video span { display:block; text-align:right; color:#777; } 

.youtubeWrap { position:relative; width:560px; margin: 15px auto; padding-bottom:315px; } 
.youtubeWrap iframe { position:absolute; width:100%; height:100%; } 
.youtubeWrap.center { margin:20px auto 0; } 

.youtubeWrap1 { float:left; position:relative; width:430px; margin: 15px 5px 5px 5px; padding-bottom:315px; border:solid 4px #777; border-top-width: 15px; border-bottom-width: 15px; border-radius: 10px; } 
.youtubeWrap1 iframe { position:absolute; width:100%; height:100%; } 
.youtubeWrap1.center { margin:20px auto 0; } 

.youtubeWrap2 { float:left; position:relative; width:895px; height:150px; margin: 5px 5px 5px 5px; padding-bottom:315px; border:solid 4px #777; border-top-width: 15px; border-bottom-width: 15px; border-radius: 10px; } 
.youtubeWrap2 iframe { position:absolute; width:100%; height:100%; } 
.youtubeWrap2.center { margin:20px auto 0; } 


.youtubeWrap3 { float: left; position: relative; width: 350px; height: 50px; margin: 5px 5px 5px 105px; padding-bottom: 255px; padding-right:50px; border: solid 4px #777; border-top-width: 15px; border-bottom-width: 15px; border-radius: 10px; } 
.youtubeWrap3 .camp_01 { background: url(../img/camp_01.jpg); float: left; position: relative; width: 400px; height: 280px; text-indent: -10000px;} 
.youtubeWrap3 .camp_02 { background: url(../img/camp_02.jpg); float: left; position: relative; width: 400px; height: 280px; text-indent: -10000px;} 
.youtubeWrap3.center { margin: 20px auto 0; } 
.youtubeWrap3 .text_box { padding: 20px; } 
.youtubeWrap3 .text_box .tit_01 { font: 500 16px/24px "Open Sans", "Noto Sans KR", sans-serif; color: #666; height: 45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

/* sns */
.camp_1 { padding: 100px 0; } 

.camp_1 .cont_wrap { padding: 0 50px; display: table; table-layout: fixed; } 



.camp_1 div.sns_card { display: table-cell; } 

.camp_1 ul.sns { display: flex; } 

.camp_1 ul.sns li { width: 100%; margin: 0 1.33%; } 

.camp_1 ul.sns li:nth-child(4n + 1) { margin-left: 0%; } 

.camp_1 ul.sns li:nth-child(4n) { margin-right: 0%; } 

.camp_1 ul.sns li a { display: block; overflow: hidden; border-radius: 10px; box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.05); position: relative; transition: all .2s; } 



.camp_1 ul.sns li a .img { position: relative; } 

.camp_1 ul.sns li a .img span { display: inline-block; position: absolute; width: 32px; height: 32px; right: 12px; top: 12px; border-radius: 50%; font-size: 0; } 

.camp_1 ul.sns li a:hover .img span,
.camp_1 ul.sns li a:focus .img span { right: 7px; top: 7px; } 

.camp_1 ul.sns li a .img span.insta { background: url('/_img/web/pc/comn/insta.png') no-repeat 50% 50%/100%; } 

.camp_1 ul.sns li a .img span.face { background: url('/_img/web/pc/comn/face.png') no-repeat 50% 50%/100%; } 

.camp_1 ul.sns li a .img span.yout { background: url('/_img/web/pc/comn/yout.png') no-repeat 50% 50%/100%; } 

.camp_1 ul.sns li a .img span.blog { background: url('/_img/web/pc/comn/blog.png') no-repeat 50% 50%/100%; } 

.camp_1 ul.sns li a .img span.blog02 { background: url('/_img/web/pc/comn/blog02.png') no-repeat 50% 50%/100%; } 

.camp_1 ul.sns li a .text_box { padding: 20px; } 

.camp_1 ul.sns li a .text_box .tit_1 { font: 500 16px/24px "Open Sans", "Noto Sans KR", sans-serif; color: #666; height: 45px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 

.camp_1 ul.sns li a .text_box .date { font: 400 15px/24px "Open Sans", "Noto Sans KR", sans-serif; color: #666; margin-top: 15px; } 


/* 배너 */
/* �쑀愿�湲곌� & ���븰 */
.organi_wrap {
    width: 771px;
    position: relative;
    padding: 10px 50px;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    background: #fff;
}



.organi_slider {}

.organi_slider li {
    float: left;
    width: 250px !important;
    margin: 0 11px;
    text-align: center;
}

.organi_slider li img {}

.university_slider {}

.university_slider li {
    float: left;
    width: 154px !important;
    margin: 0 20px;
    text-align: center;
}

.university_slider li img {}


.organi_wrap .viewport {}

.organi_wrap .bx-controls-direction,
.university_wrap .bx-controls-direction {}

.organi_wrap .bx-controls-direction a,
.university_wrap .bx-controls-direction a {
    display: inline-block;
    position: absolute;
    top: 14px;
    width: 18px;
    height: 30px;
    text-indent: -9999px;
}

.organi_wrap .bx-controls-direction .bx-prev,
.university_wrap .bx-controls-direction .bx-prev {
    left: 20px;
    top: 162px;
    background: url(../img/organi_prev_arrow.png) 50% 50% no-repeat;
}

.organi_wrap .bx-controls-direction .bx-next,
.university_wrap .bx-controls-direction .bx-next {
    right: 20px;
    top:162px;
    background: url(../img/organi_next_arrow.png) 50% 50% no-repeat;
}






/* FAQ */
.faq_wrap { border-top:2px solid #0d7ec3; } 
.faq_wrap .faq > li { } 
.faq_wrap .faq > li > a { position:relative; display:block; min-height:19px; padding:23px 50px 20px 55px; font-weight:400; box-sizing:border-box; border-bottom:1px solid #eee; background:url(../img/faq_arrow.png) right 15px center no-repeat; background-size:14px; } 
.faq_wrap .faq > li > a:after { display:block; content:''; clear:both; } 
.faq_wrap .faq > li > a > .icon_question { position:absolute; top:50%; left:20px; margin-top:-11px; float:left; display:block; width:20px; height:22px; background:url(../img/icon_question_1.png) 0 0 no-repeat; text-indent:-9999px; } 
.faq_wrap .faq > li > a > .tit { float:left; display:block; font-weight:400; } 

.faq_wrap .faq > li.on { } 
.faq_wrap .faq > li.on > a { background: url(../img/faq_arrow_on.png) right 15px center no-repeat; background-size:14px; border-bottom:1px solid #eee } 

.faq .answer_wrap { display:none; padding:20px; background-color:#f7f7f7; border-bottom:1px solid #eee; } 
.faq .answer_wrap > li { padding-left:35px; background:url(../img/icon_answer.png) 0 0 no-repeat; line-height:1.8em; } 

.faq .file_wrap { display:block; margin-top:20px; padding-top:20px; border-top:1px dotted #ccc; } 
.faq .file_wrap:after { display:block; content:''; clear:both; } 
.faq .file_wrap .btn_file_down { display:block; width:100%; text-indent:0; box-sizing:border-box } 

/*comment*/ 
.comment_wrap { padding:0 10px 10px; border-top:2px solid #0d7ec3; } 
.comment_wrap .comment_infor { border-bottom:1px solid #ddd; } 
.comment_infor .comment_top { margin-top:10px; } 
.comment_infor .comment_top:after { content:''; display:block; clear:both; } 
.comment_infor .comment_top .tit { float:left; font-size:17px; font-weight:500; } 
.comment_infor .comment_top .btn_st01 { height:25px; min-width:50px; line-height:23px; border:1px solid #ddd; color:#777; font-size:13px; } 
.comment_infor .comment_top .tit span { color:#999; font-size:13px; line-height:25px; } 
.comment_infor .comment_top .btn_wrap a { height:24px; margin-left:5px; padding:0 8px; line-height:24px; } 

.comment_infor .comment_text { position:relative; margin:10px 0; padding-right:100px; } 
.comment_infor .comment_text:after { content:''; display:block; clear:both; } 
.comment_infor .comment_text .comment_textarea { width:100%; height:80px; padding:5px; resize:none; box-sizing:border-box; } 
.comment_infor .comment_text a { float:right; position:absolute; top:0; right:0; width:100px; height:80px; line-height:80px; text-align:center; } 
.comment_infor .comment_middle { padding:10px; } 
.comment_infor .comment_middle.comment_text { padding:10px 100px 10px 10px; } 
.comment_infor.reply { padding-left:30px; background:url(../img/icon_reply.png) 10px 4px no-repeat; box-sizing:border-box; } 
.comment_infor.reply .comment_middle { position:relative; } 
.comment_infor.reply .comment_textarea { width:100%; height:60px; padding:5px; resize:none; box-sizing:border-box; } 
.comment_infor.reply .comment_middle a { position:absolute; top:10px; right:0; width:100px; height:60px; line-height:60px; text-align:center; } 

.privacy { margin-bottom:40px; } 
.privacy > p { text-indent:-16px; margin-left:16px; margin-bottom:10px; line-height:23px; padding-top: 5px; word-break: keep-all; } 

.privacy ol li, .privacy ul li { margin-left:9px; margin-bottom:5px; padding-left:17px; word-break:keep-all; text-indent:-9px; } 
.privacy > ol > li > p, .privacy > ul > li > p { padding-left:17px; word-break:keep-all; } 



#map_view { width:100%; height:300px; } 
.map_wrap { padding-left:125px; margin-bottom:40px; } 
.map_wrap.no_1 { padding-top:5px; padding-bottom:5px; background:url(../img/icon_map_01.png) left 5px no-repeat; } 
.map_wrap.no_2 { background:url(../img/icon_map_02.png) left 0 no-repeat; } 
.map_wrap.no_3 { padding-top:5px; padding-bottom:5px; background:url(../img/icon_map_03.png) left 5px no-repeat; } 
.map_wrap p { margin-bottom:10px; font-size:18px; font-weight:400; } 
.map_wrap .map_add { margin-bottom:20px; } 
.map_wrap .map_add li { display:inline-block; padding-right:25px; background:url(../img/icon_map_arrow.png) right center no-repeat; } 
.map_wrap .map_add li.last { padding-right:0; background:none; } 

.search_wrap { border-top:3px solid #0d7ec3 } 
.search_wrap li { padding:15px 10px; border-bottom:1px solid #eee; } 
.search_wrap li a { display:block; font-weight:400; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 
.search_wrap li .text { display:-webkit-box; max-height:41px; margin:10px 0; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:break-all; line-height:20px; } 
.search_wrap li .list { color:#0d7ec3; } 
.search_wrap li .day { float:right; color:#777; } 



.big_center { margin-top:50px; } 
.big_center:after { content:''; display:block; clear:both; } 
.big_center .center_left { float:left; width:100%; } 
.big_center .center_right { float:left; width:40%; } 

.big_center .big_center_info { width:100%; text-align: center; margin-bottom:30px; } 
.big_center .big_center_info .tit { width: 122px; margin:0 auto; margin-bottom:20px; padding:10px 0; border: 2px solid #0d7ec3; border-radius:100px; font-size:18px; font-weight:400; } 
.big_center_info ul.nbdc:after { content:''; display:block; clear:both; } 
.big_center_info .nbdc li { display: inline-block; width: 151px; height:151px; margin-right:1%; padding-top: 84px; border: 7px solid #eee; border-radius: 100px; box-sizing:border-box; } 
.big_center_info .nbdc li:last-child { margin-right:0; } 
.big_center_info .nbdc .nbdc_01 { background:url(../img/icon_nbdc_01.png) center top 30px no-repeat; } 
.big_center_info .nbdc .nbdc_02 { background:url(../img/icon_nbdc_02.png) center top 30px no-repeat; } 
.big_center_info .nbdc .nbdc_03 { background:url(../img/icon_nbdc_03.png) center top 30px no-repeat; } 
.big_center_info .nbdc .nbdc_04 { background:url(../img/icon_nbdc_04.png) center top 30px no-repeat; } 
.big_center_info .nbdc .nbdc_05 { background:url(../img/icon_nbdc_05.png) center top 30px no-repeat; } 

.big_center .big_center_info .nbdc li.no_1 { background:url(../img/icon_bigcenter_01.png) center top 30px no-repeat; } 
.big_center .big_center_info .nbdc li.no_2 { background: url(../img/icon_bigcenter_02.png) center top 30px no-repeat; } 
.big_center .big_center_info .nbdc li.no_3 { background: url(../img/icon_bigcenter_03.png) center top 30px no-repeat; } 
.big_center .big_center_info .nbdc li.no_4 { background: url(../img/icon_bigcenter_04.png) center top 30px no-repeat; } 

.big_center .bottom { padding-top:20px; } 
.big_center .bottom ul { padding:30px; border:1px solid #eee; border-radius:20px; box-sizing:border-box; } 
.big_center .bottom ul:after { content:''; display:block; clear:both; } 
.big_center .bottom ul li { float:left; width:50%; padding-top:100px; word-break:keep-all; text-align:center; color:#777; } 
.big_center .bottom ul li.no_1 { background:url(../img/icon_bigcenter_05.png) center 11px no-repeat; } 
.big_center .bottom ul li.no_2 { background:url(../img/icon_bigcenter_06.png) center 0px no-repeat; } 
.big_center .bottom p { margin-top:20px; text-align:center; font-weight:400; } 

.big_center .center_right { padding:30px; border:1px solid #eee; border-top:3px solid #0d7ec3; box-sizing:border-box; } 
.big_center .center_right .tit { font-weight:500; text-align:center; margin-bottom:30px; } 
.big_center .center_right li { margin-bottom:15px; padding-left:10px; background:url(../img/bul_02.png) left 8px no-repeat; } 

.big_perfor_img { display:table-cell; width: 20%; padding-top: 198px; margin:0 auto; text-align: center; font-weight: 500; } 
.big_perfor_img.no_1 { background:url(../img/img_bigperfor_01.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor_img.no_2 { background:url(../img/img_bigperfor_02.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor_img.no_3 { background:url(../img/img_bigperfor_03.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor_img.no_4 { background:url(../img/img_bigperfor_04.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor_img.no_5 { background:url(../img/img_bigperfor_05.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor_img.no_6 { background:url(../img/img_bigperfor_08.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor_img.no_7 { background:url(../img/img_bigperfor_09.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor { display: table-cell; width: 80%; margin-top:50px; } 
.big_perfor:after { content:''; clear:both; display:block; } 
.big_perfor .box { width: 49.5%; box-sizing:border-box; } 
.big_perfor .box p { width:100%; font-weight:400; text-align:center; background: #ddd; line-height: 35px; color: #555; } 
.big_perfor .left { float: left; margin-right: 1%; } 
.big_perfor .right { display: table-cell; } 

.big_company { border: 1px solid #ddd; padding: 10px; box-sizing:border-box; min-height: 214px; } 
.big_company ul:after { content:''; clear:both; display:block; } 

.big_company li { display:inline-block; margin-right:20px; margin-bottom:10px; text-align:center; } 
.big_company li img { height: 30px; } 
.big_perfor.no_1 li img { height: 25px; } 
.big_perfor.no_4 li img { height: 18px; } 

.noid_info { } 
.noid_info li { float: left; width:20%; margin-right:6%; text-align: center; } 
.noid_info li:last-child { margin-right:2%; } 
.noid_info li p { width:187px; margin:0 auto; margin-bottom:20px; } 
.noid_info li p.tit { width:150px; height: 150px; padding-top: 44px; border:8px solid #d1d1d1; border-radius:500px; font-weight:400; box-sizing:border-box; } 
.noid_info li p.txt { font-size:13px; margin-bottom:0; word-break:keep-all; } 
.noid_info li.no_02 p.tit { padding-top: 55px; border-color:#bfbfbf; } 
.noid_info li.no_03 p.tit { padding-top: 55px; border-color:#a9a9a9; } 
.noid_info li.no_04 p.tit { border-color:#959595; } 
.noid_info { content:''; clear:both; display:block; overflow:hidden; } 

.noid_01 ul { text-align: center; } 
.noid_01 ul li { margin:10px auto; } 
.noid_01 ul li.img_n:after { content:''; display: block; width:24px; height:13px; margin:10px auto; background:url(../img/big_arrow.png) center top no-repeat; } 
.noid_01 ul li.img_n .no_01 { display: block; margin:0 auto; width:90px; height:0px; padding-top:76px; background:url(../img/img_noid_01.png) center top no-repeat; } 
.noid_01 ul li.img_n .no_02 { display:inline-block; margin:0 auto; width:75px; height:0px; padding-top:60px; background:url(../img/img_noid_02.png) center top no-repeat; } 

.noid_01 ul:nth-child(2) li { float: left; width:33.3333333%; } 
.noid_01 ul:nth-child(2) .no_in_01,.noid_01 ul:nth-child(2) .no_in_03 { padding-top: 23px; } 
.noid_01 ul:nth-child(2) .no_in_02:after { content:''; display:block; width:160px; height:22px; margin:0 auto; background:url(../img/arrow_orange.png) center top no-repeat; background-size:100%; } 
.noid_01 li:after { content:''; clear:both; display:block; } 

.noid_02 li { float: left; width:50%; text-align: center; } 
.noid_02 li:before { content:''; display:block; width:180px; height:180px; margin:0 auto 20px; } 
.noid_02 li:nth-child(1) { background:url(../img/img_noid_03.png) center top 37% no-repeat; } 
.noid_02 li:nth-child(2) { background:url(../img/img_noid_04.png) center top 37% no-repeat; } 



/* openlab */
.openlab_wrap { position:relative; padding:10px 50px; border-bottom:0; } 

.openlab_slider { } 
.openlab_slider li { float:left; width:436px !important; text-align:center; } 
.openlab_slider li img { } 

.openlab_wrap .viewport { } 
.openlab_wrap .bx-controls-direction { } 
.openlab_wrap .bx-controls-direction a { display:inline-block; position:absolute; top:120px; width:40px; height:40px; text-indent:-9999px; } 
.openlab_wrap .bx-controls-direction .bx-prev { left:0px; background:#e7e7e7 url(../img/organi_prev_arrow.png) 45% 50% no-repeat; border-radius:100px; } 
.openlab_wrap .bx-controls-direction .bx-next { right:0px; background:#e7e7e7 url(../img/organi_next_arrow.png) 55% 50% no-repeat; border-radius:100px; } 

.openlab_reservation { } 
.openlab_reservation > div > div.openlab_top:after { content:''; display: block; clear:both; } 
.openlab_reservation > div > div.openlab_top > div > div { margin-bottom:30px; border: 1px solid #eee; } 
.openlab_reservation > div > div.openlab_top > div { float: left; } 
.openlab_reservation > div > div.openlab_top > div.text_infor { display: block; width: 100%; } 
.openlab_reservation > div > div.openlab_top > div.left { width: 60%; margin-right:2%; } 
.openlab_reservation > div > div.openlab_top > div.right { width:38%; } 
.openlab_reservation > div > div.openlab_top > div.left .btn_wrap a { display: block; } 
.openlab_reservation > div > div.seat_state .table_seat { height:200px; overflow-y:scroll; border: 1px solid #eee; } 
.openlab_reservation > div > div.seat_state table tbody td { text-align: center; } 

.article2 { display:none; } 
.article3 { display:none; } 
.article4 { display:none; } 

/* 데이터안심구역 */

.organi_slider .safezone_img{
    margin: 0 auto; width: 200px; margin-top: 50px;margin-bottom: 30px;
}
.organi_slider .safezone_img_arx{
    width: 110px; margin-top: 30px; margin-bottom: 30px;
}


/*--------------------------------------- 대관 신청 캘린더--------------------------------------------- */



.fc-next-button,
.fc-prev-button { background-color: transparent !important; border: none !important; color: #1a1fb5 !important; display: inline-block; font-size: 20px !important; } 
.fc-toolbar-title { display: inline-block; font-size: 25px !important; position: relative; top: 1px; color: black; } 
.fc table { font-size: 13px !important; font-family: "nsk_m" !important; } 
.fc .fc-button .fc-icon { vertical-align: middle; font-size: 1.5em; /* bump up the size (but don't make it bigger than line-height of button, which is 1.5em also) */ } 
.fc-col-header .fc-day-sun { display: none; } 
.fc-col-header .fc-day-sat { display: none; } 
.fc-day-sun { display: none; } 
.fc-day-sat { display: none; } 

.fc-col-header .fc-day-sun .fc-scrollgrid-sync-inner { background: #bc0130; text-decoration: none; display: none; } 
.fc-col-header .fc-day-mon .fc-scrollgrid-sync-inner { background: #575757; text-decoration: none; } 
.fc-col-header .fc-day-tue .fc-scrollgrid-sync-inner { background: #575757; text-decoration: none; } 
.fc-col-header .fc-day-wed .fc-scrollgrid-sync-inner { background: #575757; text-decoration: none; } 
.fc-col-header .fc-day-thu .fc-scrollgrid-sync-inner { background: #575757; text-decoration: none; } 
.fc-col-header .fc-day-fri .fc-scrollgrid-sync-inner { background: #575757; text-decoration: none; } 
.fc-col-header .fc-day-sat .fc-scrollgrid-sync-inner { background: #2e4471; text-decoration: none; } 

.fc-day-sun .fc-scrollgrid-sync-inner a { color: white; font-weight: 300; } 
.fc-day-mon .fc-scrollgrid-sync-inner a { color: white; font-weight: 300; } 
.fc-day-tue .fc-scrollgrid-sync-inner a { color: white; font-weight: 300; } 
.fc-day-wed .fc-scrollgrid-sync-inner a { color: white; font-weight: 300; } 
.fc-day-thu .fc-scrollgrid-sync-inner a { color: white; font-weight: 300; } 
.fc-day-fri .fc-scrollgrid-sync-inner a { color: white; font-weight: 300; } 
.fc-day-sat .fc-scrollgrid-sync-inner a { color: white; font-weight: 300; } 
.fc-day-sun .fc-scrollgrid-sync-inner .fc-daygrid-day-top a { text-decoration: none; color: red; } 
.fc-day-sun .fc-scrollgrid-sync-inner { display: none; } 
.fc-day-sat .fc-scrollgrid-sync-inner { display: none; } 


.fc-day-mon .fc-scrollgrid-sync-inner .fc-daygrid-day-top a { text-decoration: none; color: black; } 
.fc-day-tue .fc-scrollgrid-sync-inner .fc-daygrid-day-top a { text-decoration: none; color: black; } 
.fc-day-wed .fc-scrollgrid-sync-inner .fc-daygrid-day-top a { text-decoration: none; color: black; } 
.fc-day-thu .fc-scrollgrid-sync-inner .fc-daygrid-day-top a { text-decoration: none; color: black; } 
.fc-day-fri .fc-scrollgrid-sync-inner .fc-daygrid-day-top a { text-decoration: none; color: black; } 
.fc-day-sat .fc-scrollgrid-sync-inner .fc-daygrid-day-top a { text-decoration: none; color: blue; } 
.fc-day-sat .fc-scrollgrid-sync-inner .fc-daygrid-day-events { text-decoration: none; color: blue; visibility: hidden; } 
.fc-day-sun .fc-scrollgrid-sync-inner .fc-daygrid-day-events { text-decoration: none; color: blue; visibility: hidden; } 

/* 캘린더 위의 해더 스타일(날짜가 있는 부분) */
.fc-header-toolbar { padding-top: 1em; padding-left: 1em; padding-right: 1em; } 
.fc-event-title-container { text-align: center; } 
.fc .fc-timegrid-slot { border-bottom: 0; } 
.fc-timegrid-event .fc-event-time { color: red; } 
.fc-v-event .fc-event-title { font-weight: 500; font-size: 30px; } 
.fc-h-event .fc-event-time { display: none; } 


/*--------------------------------------- 대관 신청 캘린더 끝--------------------------------------------- */

/*--------------------------------------- 대관 신청 소개 -------------------------------------------------*/
 .innovation2 .list-u>li:before { content: ""; display: block; position: absolute; width: 8px; height: 8px; border-radius: 100%; margin-top: 10px; background: #2988e1; } 
 .innovation2 .space>p:before { content: ""; display: block; position: absolute; width: 0.5em; height: 1.23em; border-radius: 9em; background: #2988e1; } 
 .innovation2 .big_solution>p { font-size: 20px; font-weight: 500; } 
 .innovation2 .list-u>li { font-size: 18px; font-weight: 500; padding-top: 10px; margin-bottom: 15px; margin-left: 20px; } 

/* 대관현황 예약가능 예약완료 부분*/
.front1 { width: 20px; height: 20px; background: #16ab11; border-radius: 3px; margin-right: 3px; padding: 1px 5px 2px 4px; font-weight: 400; font-size: 12px; display: inline; color: white; border-radius: 9999px; margin-top: 15px; margin-left: 2px; } 
.front1_1 { display: inline-block; width: 20px; height: 20px; box-sizing: border-box; padding: 1px 4px 5px 3px; border-radius: 9999px; background: #16ab11; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; font-weight: 400; margin-bottom: 4px; margin-right: 3px; } 
.front2 { width: 20px; height: 20px; background: #f50; border-radius: 3px; margin-right: 3px; padding: 1px 5px 2px 5px; font-weight: 400; font-size: 12px; display: inline; color: white; border-radius: 9999px; } 
.front2_1 { display: inline-block; width: 20px; height: 20px; box-sizing: border-box; border-radius: 9999px; background: #f50; color: #fff; font-size: 12px; text-align: center; vertical-align: middle; font-weight: 400; margin-bottom: 4px; margin-right: 3px; } 

.rental_front_practiceroom { display: inline-block; position: relative; top:127px; left: 177px; z-index: 1; } 
.rental_front_meetingroom { display: inline-block; position: relative; top:133px; left: 170px; z-index: 1; } 


/*실습실 대관현황*/
.practiceroom_1 { display: inline-block; position: relative; right: -193px; top: 0px; font-size: 23px; font-weight: 400; background-color: #fff; margin-top: 15px; padding: 0px 10px 0px 10px; } 
 .fc-sticky { font-weight: 400; font-size: 11px; } 
 .fc-event-img { margin-top: 3px; bottom:10px; } 
 #calendar_practiceroom { box-shadow: -0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 12%), 0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 12%); background-color: #FFF; position: relative; height: 400px; border-radius: 10px; margin-left: 40px; border-top: 1px solid #ddd; width: 540px; float: left; margin-top: 5px; } 
 ul { margin: 0; padding: 0; } 

.layout_practiceroom { width: 600px; height: 600px; position: relative; float: left; margin-bottom: 150px; } 

 /* prev, next 버튼 css*/
.layout_practiceroom button.slick-arrow { font-size: 0; position: absolute; left: 40%; top: 45%; margin-top: -33px; width: 36px; height: 36px; z-index: 999; outline: 0; } 
.layout_practiceroom button.slick-prev { margin-left: -210px; background: url("/kbig/img/organi_prev_arrow.png") center no-repeat; opacity: 0; } 
.layout button.slick-prev:hover { margin-left: -210px; background: url("/kbig/img/organi_prev_arrow.png") center no-repeat; } 
.layout_practiceroom button.slick-next { margin-left: 293px; background: url("/kbig/img/organi_next_arrow.png") center no-repeat; opacity: 0; } 
.layout_practiceroom button.slick-next:hover { margin-left: 293px; background: url("/kbig/img/organi_next_arrow.png") center no-repeat; } 
.layout_practiceroom :hover button.slick-prev { transition: 0.5s ease-out; opacity: 0.5; width: 35px; height: 35px; border-radius: 50%; background-color: white; } 
.layout_practiceroom button.slick-prev:hover { opacity: 3.3; } 
.layout_practiceroom :hover button.slick-next { transition: 1s ease-out; opacity: 0.5; width: 35px; height: 35px; border-radius: 50%; background-color: white; } 
.layout_practiceroom button.slick-next:hover { opacity: 3.3; } 

.practiceroom_1_img { background: #fff url('../img/스케쥴 이미지_2.png') no-repeat; float: left; position: relative; width: 50px; margin-top: 20px; left: 210px; } 
.practiceroom_1_img span { display: block; position: relative; z-index: -1; padding: 8px 0; border: 1px solid #bcc1ec; background-color: #F1F3FF; text-align: center; } 
 
 /*회의실 대관현황*/
 /* .fc-event-main { background: url("/kbig/img/예약가능.jpg") no-repeat; float: left; } */
.meetingroom_1 { display: inline-block; position: relative; right: -190px; top: 0px; font-size: 23px; font-weight: 400; background-color: #fff; margin-top: 5px; border-top-right-radius: 10px; border-top-left-radius: 10px; padding: 0px 10px 0px 10px; } 
.meetingroom_1_img { background: #fff url('../img/스케쥴 이미지_2.png') no-repeat; float: left; position: relative; width: 50px; margin-top: 10px; left:210px; } 
.meetingroom_1_img span { display: block; position: relative; z-index: -1; padding: 8px 0; border: 1px solid #bcc1ec; background-color: #F1F3FF; text-align: center } 
#calendar_meetingroom { box-shadow: -0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 12%),0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 12%); background-color: #FFF; position: relative; height: 400px; border-radius: 7px; margin-top: 21px; margin-left: 40px; border-top: 1px solid #ddd; width: 540px; float: left; } 
ul { margin: 0; padding: 0; } 

.layout_meetingroom { width: 600px; height: 700px; position: relative; float: left; } 
.layout_meetingroom a { color: #666; } 

.slide { display: none; } 
.slide li { list-style: none; } 
.slide.slick-initialized { display: block; } 
.slick-dots { margin-top: 5px; margin-left: -5px; margin-right: -5px; display: flex; justify-content: center; } 
.slick-dots li { list-style: none; display: inline-block; max-width: 1300px; max-height: 1520px; margin: 5px; cursor: pointer; } 
.slick-dots li img { opacity: 0.5; width: 100%; height: auto; } 
.slick-dots li.slick-active img { opacity: 1; } 
.slick-prev { position: absolute; z-index: 99; top: 120px; left: -50px; } 
.slick-next { position: absolute; z-index: 99; top: 120px; right: -50px; } 


/* prev, next 버튼 css*/
.layout_meetingroom button.slick-arrow { font-size: 0; position: absolute; left: 40%; top: 45%; margin-top: -33px; width: 36px; height: 36px; z-index: 999; outline: 0; } 
.layout_meetingroom button.slick-prev { margin-left: -210px; background: url("/kbig/img/organi_prev_arrow.png") center no-repeat; opacity: 0; } 
.layout_meetingroom button.slick-prev:hover { margin-left: -210px; background: url("/kbig/img/organi_prev_arrow.png") center no-repeat; } 
.layout_meetingroom button.slick-next { margin-left: 293px; background: url("/kbig/img/organi_next_arrow.png") center no-repeat; opacity: 0; } 
.layout_meetingroom button.slick-next:hover { margin-left: 293px; background: url("/kbig/img/organi_next_arrow.png") center no-repeat; } 
.layout_meetingroom :hover button.slick-prev { transition: 0.5s ease-out; opacity: 0.5; width: 35px; height: 35px; border-radius: 50%; background-color: white; } 
.layout_meetingroom button.slick-prev:hover { opacity: 3.3; } 
.layout_meetingroom :hover button.slick-next { transition: 1s ease-out; opacity: 0.5; width: 35px; height: 35px; border-radius: 50%; background-color: white; } 
.layout_meetingroom button.slick-next:hover { opacity: 3.3; } 

#meetingroom_btn { text-align: center; margin-top: 720px; } 
#practiceroom_btn { text-align: center; margin-top: 720px; } 

.w-btn-outline { position: relative; padding: 5px 15px; border-radius: 5px; font-size: 15px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: 500; transition: 0.25s; } 
.w-btn-blue-outline { border: 3px solid #004EA1; color: #fff; background:#004EA1 ; } 
.w-btn-outline_rental { position: relative; padding: 5px 7px; font-size: 15px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: 500; transition: 0.25s; } 
.w-btn-blue-outline_rental { border: 2px solid #6aafe6; color: #6e6e6e; } 
.w-btn-blue-outline_rental:hover { background-color: #6aafe6; color: #fff; } 
.w-btn-outline:active { transform: scale(1.5); } 
.w-btn-outline_login { width: 100%; position: relative; padding: 5px 15px; font-size: 18px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: 500; transition: 0.25s; } 
.w-btn-blue-outline_login { border: 3px solid #5075BD;color: #6e6e6e; } 
.w-btn-blue-outline_login:hover { background-color: #5075BD;color: #fff; } 

/* 교육신청*/
.edureg_notice {border:1px solid #e7dddd; font-weight: 500; font-size: 15px;}
.list-red{margin: 15px 15px 15px 15px;font-size: 16px;font-weight: 400;}
.list-red::marker {color: tomato;content: "✔ ";font-size: bold;}

.check-list {margin-left: 20px;}
.check-list p {margin: 10px 0;font-weight: 500;}
.check-list li {list-style: none; display: flex;align-items: center;}
.check-list li::before { content: '\2611'; color: green; font-size: 1.5rem;margin-right: 10px;background-color: #FFF;}
.check-list span {color: red;}

.article .edu_table_write input{height: 40px;}
.article .edu_table_write .phoneNumber{width: calc((99.98% - 457px) / 3);text-align: center;}
.article .edu_table_write #name{width: 40%;}
.article .edu_table_write #mail1{width: calc((99.98% - 426px) / 2);}
.article .edu_table_write #mail2{width: calc((99.98% - 457px) / 2);}
.article .edu_table_write #mail3{height: 40px;}
.article .edu_table_write #organization{width: 40%;}
.article .edu_table_write .edu_select_box select{width: 40%;}
.article .edu_table_write th{background: #FFF;font-weight: 500;}
.article .edu_checkbox{margin-top: 15px;float: right;}
.article .edu_checkbox input{zoom:1.5; position: relative; bottom: 6.7px;}
.article .edu_checkbox span{font-size:16px;font-weight: 500;}

.edu_notice {color: brown;font-weight: 500;}
#th_color{background: #FFF;font-weight: 500;}




@media (max-width:768px) {
.btn_basic_2 {background: #061881;border: 1px solid #fff; color: #fff; font-weight: 500;font-size: 14px; border-radius: 5px;padding: 2px 5px 30px 5px;}
.btn {min-width: 50px;padding: 0 12px;}

/* 교육신청 리스트 상태 */
.edu1{ border-radius: 5px; padding: 0x 8px 0px 8px;}
.edu2{ border-radius: 5px; padding: 0x 5px 0px 5px;}
.edu3{ border-radius: 5px; padding: 0x 5px 0px 5px;;}
.edu4{ border-radius: 5px; padding: 0x 5px 0px 5px;}
.edu5{ border-radius: 5px; padding: 0x 5px 0px 5px;}
.edu6{ border-radius: 5px; padding: 0x 5px 0px 5px;}
.edu7{ border-radius: 5px; padding: 0x 5px 0px 5px;}
        

.edureg_notice {font-size: 11px;}
.list-red{font-size: 12px;}

.article .edu_table_write th {display: block; background:#f7f7f7 ;}
.article .edu_table_write td{display: block;}
.article .edu_table_write input{width: 100%;}
.article .edu_table_write .phoneNumber{width: calc((99.98% - 30px) / 3);text-align: center}
.article .edu_table_write #mail1{width: calc((99.98% - 30px) / 2);}
.article .edu_table_write #mail2{width: calc((99.98% - 30px) / 2);}
.article .edu_table_write #name{width: 100%;}
.article .edu_table_write #organization{width: 100%;}
.article .edu_table_write .edu_select_box {width: 100%;}
.article .edu_table_write .edu_select_box select{width: 100%;}
.arrow-container {font-size: 12px;font-weight: 500;margin-bottom: 15px;margin-top: 15px;}
.edu_notice {font-size: 12px;}

.article .edu_checkbox input{zoom:1.2;}
.article .edu_checkbox span{font-size: 0.9rem;font-weight: 400;}

.check-list p {font-size: 0.9rem;}




.w-btn-outline { position: relative; padding: 4px 10px;  font-size: 13px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: 500; transition: 0.25s; } 
.w-btn-outline_login { margin-bottom: 15px; width: 100%; position: relative; border-radius: 10px; font-size: 11px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2); text-decoration: none; font-weight: 400; transition: 0.25s; } 

.meetingroom_1 { margin-top: 65px; margin-bottom: 10px; left: -15px; top:70px; font-size: 15px; font-weight: 400; display: inline-block; } 
.practiceroom_1 { margin-top: 35px; margin-bottom: 10px; right: -2px; top:47px; font-size: 15px; font-weight: 400; } 
.fc-sticky { font-weight: 400; font-size: 10px; } 

.layout_practiceroom { width: 100%; margin: 10px auto; position: relative; height: 400px; margin-bottom: 45px; } 
.layout_meetingroom { width: 100%; margin: 10px auto; position: relative; height: 400px; margin-bottom: 10px; } 
#calendar_practiceroom { box-shadow: -0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 12%), 0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 12%); background-color: #FFF; position: relative; height: 400px; float: left; margin-top: 45px; margin-bottom: 10px; border-radius: 10px; margin-right: 20px; margin-left: 0px; border-top: 1px solid #ddd; width: 100%; } 
#calendar_meetingroom { box-shadow: -0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 12%), 0.5px 0.5px 0.5px 0.5px rgb(0 0 0 / 12%); background-color: #FFF; position: relative; height: 400px; float: left; margin-top: 75px; margin-bottom: 30px; border-radius: 10px; margin-right: 20px; margin-left: 0px; border-top: 2px solid #ddd; width: 100%; } 


.meetingroom_1_img { position: relative; top:125px; left:15px; background: #fff url('../img/스케쥴 이미지_mo.png') no-repeat; } 
.practiceroom_1_img { background: #fff url('../img/스케쥴 이미지_mo.png') no-repeat; width: 25px; top: 60px; left: 15px; margin-right: 10px; } 

.rental_front_meetingroom { display: inline-block; position: relative; top: 233px; left: 65px; z-index: 1; } 
.rental_front_meetingroom span { font-size: 10px; } 
.rental_front_practiceroom { display: inline-block; position: relative; top: 177px; left: 87px; } 
.rental_front_practiceroom span { font-size: 10px; } 

.front1 { width: 17px; height: 17px; padding: 1px 5px 2px 4px; font-weight: 400; font-size: 8px; margin-top: 15px; margin-left: 2px; } 
.front1_1 { width: 16px; height: 16px; padding: 0px 2px 4px 2px; font-size: 7px; margin-bottom: 2px; margin-right: 3px; } 
.front2 { width: 17px; height: 17px; background: #f50; padding: 1px 5px 2px 4px; font-weight: 400; font-size: 8px; } 
.front2_1 { width: 16px; height: 16px; background: #f50; color: #fff; font-size: 8px; margin-bottom: 3px; padding: 0px 2px 4px 2px; margin-bottom:2px; } 

 #practiceroom_btn { text-align: center; margin-top: 750px; } 

}


/*--------------------------------------- 대관 신청 소개 끝 -------------------------------------------------*/


/* 데이터 소개 */
.img_site .d_t2 {
    font-weight: 500;
    font-size: 14px;
    color: #0D8199;
}
.img_site .d_t1 {
    font-weight: 500;
    font-size: 20px;
    color: #35414d;
}
.img_site td {
    padding: 10px 0 10px 20px;
}

/*************************** Mobile ***************************/
@media(max-width:767px){
    h4 {font-size: 18px;}
 .img_list li { float:none; width:100% !important; } 
.con_top h2 { font-size:20px; } 

.btn_top { margin-left:0px; } 
.btn_list .box_left { margin-bottom:10px; } 
.btn_list .box_left, .btn_list .box_right { float:none; } 
.btn_list .box_right .btn { margin-left:0; margin-right:5px; } 

.bread_crumb { display:none; } 

.page_text { float:none; } 
.page_text:after { content:''; display:block; clear:both; } 
.sch_wrap { float:none; } 
.sch_wrap .board_sch { width: calc(100% - 129px); margin-right:0; } 
.sch_wrap .board_sch input[type=text] { width: calc(100% - 37px); } 
.select_box { width:120px; } 
.paging a { display:inline-block; width:20px; height:24px; margin:0; color:#777; font-weight:400; line-height:22px; box-sizing:border-box; font-size:13px; } 


.gallery_wrap 
.gallery { width:49%; margin-right:2%; } 
.gallery_1 { width:40%; margin-right:2%; margin-left: 20px; } 
.gallery_wrap div:nth-child(2n) { margin-right:0; } 

.edu_gallery_wrap 
.edu_gallery { width:49%; margin-right:2%; } 
.edu_gallery .tit_1 { font-size: 15px;}
.gallery_1 { width:40%; margin-right:2%; margin-left: 20px; } 
.edu_gallery_wrap div:nth-child(2n) { margin-right:0; } 

table .view_tit .edu_tit { font-size:15px;} 
.video_wrap .video { width:49%; margin-right:2%; } 
.video_wrap div:nth-child(2n) { margin-right:0; } 


#pdf { width:100%; height:400px; } 
.youtubeWrap { position:relative; width:100%; padding-bottom:56.25%;; } 
.youtubeWrap1 { position:relative; width:100%; padding-bottom:56.25%;; } 
.youtubeWrap2 { width:100%; padding-bottom:50px; } 
.map_wrap { padding-left:0; margin-bottom:30px; background:none !important; } 


.comment_infor .comment_text { padding-right:0; } 
.comment_infor .comment_text a, .comment_infor.reply .comment_middle a { float:none; position:inherit; top:0; width:100%; height:40px; line-height:40px; } 
.comment_infor .comment_middle.comment_text { padding-right:0; padding-left:0; } 

.nia.no_1 .nia_img_wrap { width: 110px; height: 110px; padding: 0; } 
.nia.no_2 .nia_img_wrap { width: 165px; height: 165px; padding: 0; } 

.nia .nia_img_wrap .img { width: 25px; height: 29px; margin-bottom:5px; background-size:100%; } 
.nia .nia_img_wrap .nia_img { width: 90px; height: 41px; background-size:100%; margin-top:0; margin-bottom:0; } 
.nia .nia_img_wrap p { font-size:13px; } 
.nia .arrow { width:8px; height:10px; background-size:100%; left: -9px; } 
.nia.no_2 .nia_img_wrap .img { margin-top:10px; } 

.noid_02 li:nth-child(1) { background:url(../img/img_noid_03.png) center top 37% no-repeat; -webkit-background-size:40%; background-size:50%; } 
.noid_02 li:nth-child(2) { background:url(../img/img_noid_04.png) center top 37% no-repeat; -webkit-background-size:40%; background-size:50%; } 

.big_con li, .big_con.no_5 li { float:none; width:100%; } 
.big_con li p { padding:20px 0; } 
.big_con li.arrow, .big_con.no_5 li.arrow { width:100%; margin-top:0; padding:10px 0; background:url(../img/faq_arrow.png) center center no-repeat; } 
.big_perfor_img { display: block; width: 150px; margin-bottom: 10px; } 
.big_perfor_img.no_1 { background:url(../img/img_bigperfor_01.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor_img.no_2 { background:url(../img/img_bigperfor_02.jpg) center top no-repeat; background-size: 150px; } 
.big_perfor_img.no_3 { background:url(../img/img_bigperfor_03.jpg) center top no-repeat; background-size: 150px; } 


.table_write .select_box { width:100% !important; } 

.sch_wrap.no_02 .select_box { width:49%; margin-right:0.6%; margin-bottom:5px; } 
.sch_wrap.no_02 .select_box:nth-child(2) { margin-right:0; } 
.sch_wrap.no_02 .board_sch { width:99.4%; } 
/* table */

table { width:100%; border-top:3px solid black; } 

.table_write th, .table_write td { display:block; } 
.table_write table th, .table_write table td { display:table-cell; } 
.table_top_bd > ul > li { width:100%; margin-bottom:5px; } 
.table_top_bd > ul > li:nth-child(1) { margin-right:0px !important; } 
.table_top_bd .sch_wrap .board_sch { width: calc(100%) } 
.table_top_bd .sch_wrap .board_sch input[type=text] { width: calc(100% - 37px); } 

.tab_st01.no_4 li,.tab_st01.no_5 li, .tab_st01.no_6 li { clear:both; width: 100%; } 

colgroup.pc { display:none; } 
colgroup.mobile { display:table-column-group } 

.m_none { display:none; } 
.table_m td.L { display:none; } 
.table_m .num,.table_m .file { display:none; } 
.table_m tr { border:1px solid #eee; } 
.table_m td { display:block; border-bottom:none; text-align:left; padding:5px 10px; } 
.table_m .th_view td { display:table-cell; } 
.table_m td.table_tit_wrap { float:left; width:calc(100% - 76px); } 
.table_m td.table_tit_wrap.fn { clear:both; width:100%; } 
.table_m td.table_tit_wrap .table_tit { font-weight:400; } 
.table_m td.table_tit_wrap:after { content:''; display:block; clear:both; } 
.table_m .day { float:right; padding-left:0; padding-right:10px; font-size:13px; color:#777; } 

.table_m .notice .table_tit { padding-left:20px; background:url(../img/icon_notice.png) left center no-repeat; background-size:15px; } 
.table_m.subject li { clear:both; } 
.eduseminar td.table_tit_wrap { float:none; } 

.dataset_relation ul li { float:none; width:100%; margin-bottom:20px; } 
.dataset_relation ul li span.tit { padding-left: 20px; } 

.subject .select_box, .subject .board_sch { margin-bottom:5px; } 
.subject .board_sch { margin-right:0; } 

.data_info { float:none; width:100%; max-width: 300px; margin: 0 auto; margin-right: auto !important; margin-bottom:30px; } 
.data_info p { height: 130px; } 
.data_info:before { position:absolute; top: 0; content:''; display:block; width:1px; z-index:-1; left:50%; height:210px; background:#ccc; } 

.network_wrap .title { width:100%; box-sizing:border-box; } 
.network_list > li { float:none; width:100%; border-bottom:none; border-right:2px solid #c4c4c4; } 
.network_list > li:last-child { border-bottom:2px solid #c4c4c4; } 
.img_wrap.network_img img { width:100% !important; } 
.network_wrap, .Decl_text { width:100%; } 

.infra dt { float:none; width:100%; padding: 10px; border-radius: 0; } 
.infra dd { float:none; width:100%; padding: 10px; border-radius: 0; text-align: center; } 

.big_center { } 
.big_center .center_left { float:none; width:100%; margin-bottom:50px; } 
.big_center .center_right { float:none; width:100%; padding:15px; } 

.big_center .bottom ul { padding:15px; } 
.big_center .big_center_info { background-size:100% !important; } 

.big_solution .solution_1 li { margin:0 15px; margin-bottom:10px; } 
.big_solution .solution_2 li { display:block; padding:30px 0; background: url(../img/icon_arrow_2.png) center bottom no-repeat; } 
.big_solution .middle p { font-size:15px; width:100%; box-sizing:border-box; padding:15px 0; padding-right:80px; } 
.big_solution .middle:after { width:80px; background-size:100% !important; right: 5px; } 

.big_perfor .box { float:none; width:100%; } 
.big_perfor .left { } 

.noid_01 ul:nth-child(2) .no_in_02:after { width:85px; } 
.img { display: block; width:100%; } 

.table_m td.dataset_text { display:inline-block; } 
.table_m td.dataset_tit { display:inline-block; float:none; width:calc(100% - 114px); } 
.table_m td.dataset_tit .table_tit { max-width:100%; } 

.data_tit .close_meta { position: relative; } 
.data_tit .text { width:100%; margin-bottom:10px; } 

.dataset_wrap { margin-bottom:30px; padding:10px; width: 100%; box-sizing: border-box; } 
.dataset_wrap .tit { display: block; text-indent: 10px; border:1px solid #ccc; line-height: 35px; background:#fff url(../img/select_arrow.png)right 10px center no-repeat; } 
.dataset_wrap ul { display:none; border:1px solid #ccc; border-top:none; border-bottom:none; } 
.dataset_wrap ul li { float: none; width: 100%; height: 35px; } 
.dataset_wrap ul li { width:100%; height: 26px; margin:0; border:none; background: #f9f9f9; border-bottom:1px solid #ccc; line-height: 26px !important; font-size:15px !important; } 
.dataset_wrap ul li:hover { background:#fd9b28; color:#fff; } 
.dataset_wrap ul li button { display:none; } 
.dataset_wrap ul li:hover button, .dataset_wrap ul li:active button { background: #0069b4; color:#fff; font-weight: 400; } 
.dataset_wrap ul li button:before,.dataset_wrap ul li button:after { display:none; } 
.i_dataset { background:none !important; width:auto; height: 20px; border:none; color:#0d7ec3; font-weight:500; line-height: 20px; } 
.i_dataset::before { content:'['; display:inline; width:auto; height:auto; background:none; } 
.i_dataset::after { content:']'; } 


.dataset_relation ul li span.tit { padding-left: 0; float: none; width: 100%; margin-left: 0; margin-top: 0; } 

.data_tit .tit { padding-top:0; } 
.dataset .center td { display:block; width:100%; box-sizing:border-box; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; } 

.openlab_reservation > div > div.openlab_top > div { float:none; } 
.openlab_reservation > div > div.openlab_top > div.left { width:100%; } 
.openlab_reservation > div > div.openlab_top > div.right { width:100%; } 
.data_tit .text { width:100%; padding-left:0; } 



.wave.pc { display: none; } 
.calendar { width:100% !important; } 
.td_100 .btn { width:100%; } 

.scroll_x .pc { max-width:426px; } 
.scroll_x .pc img { width:100%; } 

.reserve_list { margin:10px auto; } 
.reserve_list li { display:inline-block; width:30px; height:30px; margin-bottom:4px; margin-right:1px; text-align:center; cursor:pointer; line-height:28px; background:#ecd5ad; border:1px solid #ecd09e; border-radius:2px; } 
.reserve_list li:hover { background:#0054a5; } 
.reserve_list li:hover a { color:#fff; } 
.reserve_list li.used { background:#0054a5; } 
.reserve_list li.used a { color:#999; } 
.reserve_list li.selected { background:#0054a5; } 
.reserve_list li.selected a { color:#fff; } 
.reserve_list li.hira { background:#5c9cd7; } 
.reserve_list li.hira a { color:#999; } 
.reserve_list li.kostat { background:#8cc63f; } 
.reserve_list li.kostat a { color:#999; } 
.reserve_list li.kostat:hover { background:#0054a5; } 
.reserve_list li.kostat:hover a { color:#fff; } 
.reserve_list li.kostat.selected { background:#0054a5; } 
.reserve_list li.kostat.selected a { color:#fff; } 
.reserve_list li.hira:hover { background:#0054a5; } 
.reserve_list li.hira:hover a { color:#fff; } 
.reserve_list li.hira.selected { background:#0054a5; } 
.reserve_list li.hira.selected a { color:#fff; } 



.table_tit_wrap .table_tit { width:100%; } 
.big_center_info .nbdc li { float:left; width: 20%; margin-right: 0; border:none; } 
.big_solution .solution_2 { margin:0; } 
.big_solution .solution_2 li { padding:10px 0; } 
 
.organi_slider li {
    float: left;
    width: 250px !important;
    margin: 0 0px;
    text-align: center;
}


/*데이터셋 소개 */
.img_site .d_t2 {
    font-weight: 500;
    font-size: 12px;
    color: #0D8199;
}
.img_site .d_t1 {
    font-weight: 500;
    font-size: 14px;
    color: #35414d;
}

.img_site .d_t3 {
    display: none;
    font-size: 10px;
}


}

/*************************** Tablet & Mobile ***************************/
@media (max-width:934px){
 .noid_info li { float: none; width:100%; content:''; clear:both; display:block; } 

.noid_05 img { max-width:456px; width:100%; } 

.dataset .center th, .dataset .center td { text-align:left; } 
.ul_list.radio_list_01 { margin-left:0; } 
 }
/*************************** Tablet & Mobile ***************************/
@media (max-width:1179px){
 .sub_container { width:100%; margin-top:0; padding:0 10px; padding-top:40px; } 
.con_top h3 { padding-top: 20px; font-size: 20px;} 
.content { box-sizing:border-box; } 
.lnb { display:none; } 
.img_wrap img { width:100%; } 
.img_wrap.pc { display:none; } 
.img_wrap.mobile { display:block; } 
.img_wrap.network_img img { width:700px; } 

.calendar { width:135px; } 
.calendar input[type=text] { width: calc(100% - 40px); height:31px; margin-right:5px; border:none; } 

.youtubeWrap3 .camp_01 { background: url(../img/camp_01_mo.jpg); float: left; position: relative; width: 300px; height: 250px; } 
.youtubeWrap3 .camp_02 { background: url(../img/camp_02_mo.jpg); float: left; position: relative; width: 300px; height: 250px; } 

.youtubeWrap3 { float: left; position: relative; width: 250px; margin: 5px 5px 25px 55px; padding-bottom: 255px; padding-right: 50px; border: solid 4px #777; border-top-width: 15px; border-bottom-width: 15px; border-radius: 10px; }

.organi_wrap,
.university_wrap {
    width: 100%;
    box-sizing: border-box;
}

.organi_wrap img{
    margin-left : 100px;
}

 }
/*************************** Tablet ***************************/
@media (min-width:768px) and (max-width:1179px){
 .data_one { position:relative; width: 200px; height: 72px; margin:0 auto; margin-top: 50px; padding:30px; background:#FFF url(../img/logo_sub.png) center center no-repeat; border:1px solid #ccc; text-indent:-9999px; box-sizing:border-box; } 
.data_one .circle { position:absolute; left:50%; top:-8px; display:inline-block; width:16px; height:16px; margin-left:-9px; background:#fff; border-radius:9px; border:1px solid #ccc; } 

.data_info:before { position:absolute; top: 131px; content:''; display:block; width:1px; z-index:-1; left:50%; } 
.data_info.no_1:before { height:50px; background:#ccc; } 
.data_info.no_2:before { height: 100px; background:#ccc; } 
.data_info.no_3:before { height:50px; background:#ccc; } 

.data_info.no_1:after { position:absolute; content:''; display:block; width:500px; height:1px; background:#ccc; z-index:-1; top: 180px; left:50%; } 
.data_info.no_3:after { position:absolute; content:''; display:block; width:500px; height:1px; background:#ccc; z-index:-1; top: 180px; right:50%; } 

.infra dd { height:130px; } 
 }
/*************************** PC ***************************/
@media (min-width:1180px){
 .content { float:right; width:calc(100% - 320px); } /*수정_최선희_20180619*/

.data_info:before { position:absolute; top: 154px; content:''; display:block; width:1px; z-index:-1; left:50%; } 
.data_info.no_1:before { height: 20px; background:#f7913f; } 
.data_info.no_2:before { height: 40px; background:#0d7ec3; } 
.data_info.no_3:before { height: 20px; background:#009944; } 

.data_info.no_1:after { position:absolute; content:''; display:block; width:318px; height:1px; background:#f7913f; z-index:-1; top: 174px; left:50%; } 
.data_info.no_3:after { position:absolute; content:''; display:block; width:318px; height:1px; background:#009944; z-index:-1; top: 174px; right:50%; } 

.infra dd { height:130px; } 
.dataset_wrap ul { display:block !important; } 
/* .dataset_wrap ul li:nth-child(9n) { margin-right:0; }  */
.dataset_wrap .tit { display:none; } 
 }

td.viewArea img { max-width:100%; } 



/*************************** Tablet & PC ***************************/
@media (min-width:768px) {.reserve_list { position:relative; width:783px; height:320px; margin-top:10px; background:url(../img/seat_bg.jpg) no-repeat left; } 
.reserve_list li { display:inline-block; width:39px; height:35px; margin-right:1px; background-image:url(../img/btn_seat_normal.png); background-repeat:no-repeat; line-height:45px; text-align:center; cursor:pointer; position:absolute; } 
.reserve_list li:hover { background-image:url(../img/btn_seat_selected.png); } 
.reserve_list li:hover a { color:#fff; } 
.reserve_list li.used { background-image:url(../img/btn_seat_selected.png); } 
.reserve_list li.used a { color:#999; } 
.reserve_list li.selected { background-image:url(../img/btn_seat_selected.png); } 
.reserve_list li.selected a { color:#fff; } 

.seat_01 { left:597px; top:237px; } .seat_02 { left:557px; top:237px; } .seat_03 { left:597px; top:184px; transform:rotate(180deg); } .seat_04 { left:557px; top:184px; transform:rotate(180deg); } .seat_05 { left:597px; top:148px; } 
.seat_06 { left:557px; top:148px; } .seat_07 { left:472px; top:237px; } .seat_08 { left:432px; top:237px; } .seat_09 { left:392px; top:237px; } .seat_10 { left:472px; top:184px; transform:rotate(180deg); } 
.seat_11 { left:432px; top:184px; transform:rotate(180deg); } .seat_12 { left:392px; top:184px; transform:rotate(180deg); } .seat_13 { left:472px; top:148px; } .seat_14 { left:432px; top:148px; } .seat_15 { left:392px; top:148px; } 
.seat_16 { left:472px; top:98px; transform:rotate(180deg); } .seat_17 { left:432px; top:98px; transform:rotate(180deg); } .seat_18 { left:392px; top:98px; transform:rotate(180deg); } .seat_19 { left:472px; top:62px; } .seat_20 { left:432px; top:62px; } 

.seat_21 { left:392px; top:62px; } .seat_22 { left:55px; top:253px; transform:rotate(180deg); } .seat_23 { left:95px; top:253px; transform:rotate(180deg); } .seat_24 { left:135px; top:253px; transform:rotate(180deg); } .seat_25 { left:205px; top:253px; transform:rotate(180deg); } 
.seat_26 { left:245px; top:253px; transform:rotate(180deg); } .seat_27 { left:285px; top:253px; transform:rotate(180deg); } .seat_28 { left:55px; top:217px; } .seat_29 { left:95px; top:217px; } .seat_30 { left:135px; top:217px; } 
.seat_31 { left:205px; top:217px; } .seat_32 { left:245px; top:217px; } .seat_33 { left:285px; top:217px; } .seat_34 { left:55px; top:167px; transform:rotate(180deg); } .seat_35 { left:95px; top:167px; transform:rotate(180deg); } 
.seat_36 { left:135px; top:167px; transform:rotate(180deg); } .seat_37 { left:205px; top:167px; transform:rotate(180deg); } .seat_38 { left:245px; top:167px; transform:rotate(180deg); } .seat_39 { left:285px; top:167px; transform:rotate(180deg); } .seat_40 { left:55px; top:131px; } 
 
.seat_41 { left:95px; top:131px; } .seat_42 { left:135px; top:131px; } .seat_43 { left:205px; top:131px; } .seat_44 { left:245px; top:131px; } .seat_45 { left:285px; top:131px; } 
.seat_46 { left:95px; top:66px; transform:rotate(180deg); } .seat_47 { left:135px; top:66px; transform:rotate(180deg); } .seat_48 { left:175px; top:66px; transform:rotate(180deg); } .seat_49 { left:215px; top:66px; transform:rotate(180deg); } .seat_50 { left:95px; top:30px; } 
.seat_51 { left:135px; top:30px; } .seat_52 { left:175px; top:30px; } .seat_53 { left:215px; top:30px; } 


.seat_03 span, .seat_04 span, .seat_10 span, .seat_11 span, .seat_12 span, .seat_16 span, .seat_17 span, .seat_18 span, .seat_27 span, .seat_26 span, .seat_25 span, .seat_24 span, .seat_23 span, .seat_22 span, .seat_39 span, .seat_38 span, .seat_37 span, .seat_36 span, .seat_35 span, .seat_34 span, .seat_49 span, .seat_48 span, .seat_47 span, .seat_46 span { transform:rotate(180deg); display: inline-block; } 

.reserve_list li.hira { background-image:url(../img/btn_seat_hira.png); /* color:#999; */ } 
.reserve_list li.kostat { background-image:url(../img/btn_seat_kostat.png); /* color:#999; */ } 
.reserve_list li.kostat:hover { background-image:url(../img/btn_seat_selected.png); color:#fff; } 
.reserve_list li.kostat.selected { background-image:url(../img/btn_seat_selected.png); color:#fff; } 
.reserve_list li.hira:hover { background-image:url(../img/btn_seat_selected.png); color:#fff; } 
.reserve_list li.hira.selected { background-image:url(../img/btn_seat_selected.png); color:#fff; } 
 }

/*추가_최선희_20180719_시그니처*/
ul.down_sign { } 
ul.down_sign:after { content:''; display:block; clear:both; } 
ul.down_sign li { float:left; width:435px; } 

.mgR38 { margin-right:38px; } 
.border-right_jh { border-right:1px solid #f4f4f4 !important; } 
.border-bottom_jh { border-bottom:0px solid #f4f4f4 !important; } 
.jh123 { width:100%; min-height:500px; background:none; height:auto; position:relative; } 
.jh123 table { border-collapse:collapse; border:1px solid #d4d4d4; width:100%; } 
.jh123 table td { padding:10px; padding-top:5px; padding-bottom:5px; border:0px solid #f4f4f4; border-left:0px solid #d4d4d4 !important; border-right:0px solid #d4d4d4; font-weight:bolder; color:black; text-align:center; position:relative; font-size:13px !important; white-space:nowrap; } 
.jh123 table th { padding:10px; padding-top:5px; padding-bottom:5px; border:2px solid white; background:#f4f4f4; text-align:center; font-size:17px; font-weight:bolder; } 
.jh123 table thead tr:first-of-type th:first-of-type { padding:0px; width:52px !important; background:white; border:none !important; border-top:1px solid white !important; border-left:1px solid #fff !important; } 
.jh123 table tr td:last-of-type { border-right:1px solid #d4d4d4; } 
.jh123_middle { position:absolute; width:calc( 33% - 16px ); height:calc( 100% - 4px ); top:2px; left:calc( 33% + 37px ); background:#fafafa; z-index:-1; } 
.jh123 table tr th:first-of-type { border-bottom:1px solid #d4d4d4 !important; border-left:1px solid #d4d4d4 !important; border-top:1px solid #d4d4d4 !important; border-right:1px solid #d4d4d4 !important; } 
.jh123 table td .blueing { width:100%; height:3px; background:#263a9e; position:absolute; bottom:1px; left:0px; } 
.jh123 table td .reding { width:100%; height:3px; background:#ee6464; position:absolute; bottom:-1px; left:0px; } 
.jh123 table td .mustard { width: 100%; height: 3px; background: #cba329; position: absolute; bottom: 2px; left: 0px; } 
.jh123 table td .greening { width:100%; height:3px; background:#1cde78; position:absolute; bottom:-1px; left:0px; } 
.jh123 table td .purpling { width:100%; height:3px; background:#a759e1; position:absolute; bottom: 2px; left:0px; } 


 
.jh123 table tr.emptiness td { background:white !important; border:none !important; border-top:1px solid #d4d4d4 !important; border-bottom:1px solid #d4d4d4 !important; border-left:1px solid white !important; border-right:1px solid white !important; } 
.byum { width:205px; height:80px; background:#f4f4f4; border:1px solid #d4d4d4; border-radius:10px; position:absolute; z-index:99; top:90px; right:10px; text-align:left; line-height:30px; padding-top:15px; padding-left:15px; font-size:16px; font-weight:bold; } 
.byum img { width:30px; } 
.jh123 table td img { width:20px; margin-top:7px; margin-left:10px; } 
.jh123 table td span:hover { cursor:pointer; text-decoration:underline; font-size:13px !important; } 
.jh123 table td b { display:inline; padding:2px; background:#217D6E; color:white; border-radius:10px; padding-left:10px; padding-right:10px; } /* 웹 접근성 명도 조정 220511 */
.jh_dark_wall { position:fixed; z-index:999999; background:black; opacity:0.5; width:100%; height:100%; top:0px; left:0px; } 
.jh_pop { width:calc( 50% - 80px ); left:25%; background:white; z-index:9999990; height:calc( 90% - 80px ); top:5%; position:fixed; border-radius:10px; padding:40px; word-break:keep-all; } 
.jh_pop .titling { margin-bottom:20px; width:calc( 100% - 0px ); height:49px; line-height:50px; text-align:left; background:#fff; color:black; font-size:27px; font-weight:bold; padding-left:0px; padding-right:0px; border-bottom:1px solid #d4d4d4; } 
.jh_pop .titling .jh_pop_x { position: absolute; right:40px; top:40px; margin-top:0px; cursor:pointer; width:40px; line-height:40px; text-align:center; height:40px; border-radius:50%; background:#757575; font-size:17px; font-weight:bold; color:white; overflow: hidden; } 
.jh_pop .titling .jh_pop_x:hover { background:#0d7ec3; color:white; } 
.jh_pop .titling .tab_jh { display:inline-block; padding-left:20px; padding-right:20px; text-align:center; height:48px; line-height:48px; border:1px solid #d4d4d4; cursor:pointer; background:#f4f4f4; float:left; font-size:17px; margin-left:-1px; } 
.jh_pop .titling .tab_jh_sel { background:white; border-bottom:1px solid white; } 
.jh_pop span { padding:10px; padding-top:5px; padding-bottom:5px; display:inline-block; vertical-align:middle; background:#097ABF; border-radius:20px; margin:5px; cursor:pointer; color:white; } 

.jh_pop { width:calc( 50% - 80px ); left:25%; background:white; z-index:9999990; height:calc( 90% - 80px ); top:5%; position:fixed; border-radius:10px; padding:40px; word-break:keep-all; } 
.jh_pop .jh_wrap { width:calc( 100% - 20px ); padding:10px; height:calc( 100% - 140px ); border:0px solid #f4f4f4; overflow-y:scroll; margin-top:10px; } 
.jh_pop .jh_wrap b { font-size:20px; color:black; font-weight:bolder; margin-bottom:15px; } 
.jh_pop .jh_wrap b:before { content:'◎ '; color:gray; display:inline; font-weight:bolder; font-family:arial !important; } 

.jh_pop .jh_wrap2 { width:calc( 100% - 20px ); padding:10px; height:calc( 100% - 140px ); border:0px solid #f4f4f4; overflow-y:scroll; margin-top:10px; } 
.jh_pop .jh_wrap2 b { font-size:20px; color:black; font-weight:bolder; margin-bottom:15px; } 
.jh_pop .jh_wrap2 b:before { content:'◎ '; color:gray; display:inline; font-weight:bolder; font-family:arial !important; } 


.jh_pop .jh_wrap3 { width:calc( 100% - 20px ); padding:10px; height:calc( 100% - 140px ); border:0px solid #f4f4f4; overflow-y:scroll; margin-top:10px; } 
.jh_pop .jh_wrap3 b { font-size:20px; color:black; font-weight:bolder; margin-bottom:15px; } 
.jh_pop .jh_wrap3 b:before { content:'◎ '; color:gray; display:inline; font-weight:bolder; font-family:arial !important; } 


.jh_pop .jh_wrap4 { width:calc( 100% - 20px ); padding:10px; height:calc( 100% - 140px ); border:0px solid #f4f4f4; overflow-y:scroll; margin-top:10px; } 
.jh_pop .jh_wrap4 b { font-size:20px; color:black; font-weight:bolder; margin-bottom:15px; } 
.jh_pop .jh_wrap4 b:before { content:'◎ '; color:gray; display:inline; font-weight:bolder; font-family:arial !important; } 

.x_5 { width:500% !important; } 
.jh_red { color:white !important; font-weight:bolder !important; text-align:right !important; background:#333 !important; } 
.jh_pop .jh_wrap img { margin:10px; margin-top:-3px; } 
.book_download { width:200px; height:30px; line-height:30px; background:#757575; color:white; text-align:center; margin-top:10px; border-radius:15px; cursor:pointer; position:absolute; right: 40px; bottom: 30px; } 
.book_download:hover { background:#0d7ec3 } 
div.book_download:hover { background:gray; } 
.jh_wrap2 img { width:calc( 50% - 8px ); float:left; border:4px solid #d4d4d4; } 
.jh_wrap3 img { width:calc( 50% - 8px ); float:left; border:4px solid #d4d4d4; } 
.jh_wrap4 img { width:calc( 50% - 8px ); float:left; border:4px solid #d4d4d4; } 
.text_field { width:calc( 50% - 20px ); float:left; padding-left:20px; height:auto; } 
.self_clear { clear:both; } 
.mustard { background:#cba329 !important; } 
.ch_color_01 { background:#008B09 !important; color:white !important; } /* 웹접근성 명도 조정 220511 */
.ch_color_02 { background:#634709 !important; color:white !important; } /* 웹접근성 명도 조정 220511 */
.ch_color_03 { background:#634771 !important; color:white !important; } /* 웹접근성 명도 조정 220511 */

.borderring { border:1px solid #d4d4d4 !important; padding-top:15px !important; padding-bottom:15px !important; font-size:20px !important; color:white !important; font-weight:600 !important; } 
.div_line_jh { width:100%; height:1px; background:#d4d4d4; margin-top:20px; margin-bottom:20px; } 

/*추가_문용_211215_회원탈퇴 모달창 css*/
.modal_wrap { display: none; width: 700px; height: 580px; position:absolute; top:45%; left: 50%; margin: -250px 0 0 -350px; background:#eee; z-index: 2; padding-bottom: 10px; } 
 .modal_wrap .modal_wrap_1 { padding-bottom: 80px; } 
 .black_bg { display: none; position: absolute; content: ""; width: 100%; height: 100%; background-color:rgba(0, 0,0, 0.5); top:0; left: 0; z-index: 1; } 
 .modal_close { width: 26px; height: 26px; position: absolute; top: -30px; right: 0; } 
 .modal_close> a { display: block; width: 100%; height: 100%; background:url(https://img.icons8.com/metro/26/000000/close-window.png); text-indent: -9999px; } 

 /*추가_문용_231129_데이터안심구역 모달창 css*/
.data_modal_wrap { display: none; width: 1500px; height: 680px; position:fixed; top:50%; left: 50%;background:white; z-index: 2; padding-bottom: 10px;  transform: translate(-50%, -50%)} 
.data_modal_wrap .modal_wrap_1 { padding-bottom: 30px; } 
.data_modal_wrap_chest { display: none; width: 1500px; height: 780px; position:fixed; top:50%; left: 50%;background:white; z-index: 2; padding-bottom: 10px;  transform: translate(-50%, -50%)} 
.data_modal_wrap_chest .modal_wrap_1 { padding-bottom: 80px; } 
.data_black_bg { display: none; position: fixed; content: ""; width: 100%; height: 100%; background-color:rgba(0, 0,0, 0.5); top:0; left: 0; z-index: 1; } 
.data_modal_close { width: 26px; height: 26px; } 
#modal_close1 { margin-bottom:30px;margin-left: 665px; font-size: 22px; width: 101px; height:47px; background: #757575; border-radius: 5px; color: white; } 
#modal_close1:hover{background: #306ee1; }
.data_modal_close> a { display: block; width: 100%; height: 100%; background:url(https://img.icons8.com/metro/26/000000/close-window.png); text-indent: -9999px; } 

/*추가_문용_231129_데이터안심구역 예약모달창 css*/
.savezone_modal_wrap { display: none; width: 500px; height: 450px; position:fixed; top:50%; left: 50%;background:white; z-index: 2; padding-bottom: 10px;  transform: translate(-50%, -50%)} 
.savezone_modal_wrap .modal_wrap_1 { padding-bottom: 80px;padding:  40px 40px 0 40px} 
.savezone_modal_wrap .modal_wrap_1 .tit {display: block;
    color: #454545;
    font-size: 22px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
float: left;
margin-bottom: 30px; } 

.savezone_modal_wrap .modal_wrap_1 .in-sec{
    margin-top: 50px;
}
.savezone_modal_wrap .modal_wrap_1 .img_logo_arx img {display: block;
    width: 130px;
   margin-left: 140px;
    max-width: 229px;

} 
.savezone_modal_wrap .modal_wrap_1 .img_logo_jasp img {display: block;
    width: 260px;
   margin-left: 90px;
    max-width: 229px;

} 
.savezone_modal_wrap .modal_wrap_1 .text-info {display: block;
    padding: 0 20px 40px;
    border-bottom: 1px solid #d8d9db;
    margin-top: 30px;
    font-weight: 400;
    text-align: center;
} 
.data_modal_wrap_chest { display: none; width: 1500px; height: 780px; position:fixed; top:50%; left: 50%;background:white; z-index: 2; padding-bottom: 10px;  transform: translate(-50%, -50%)} 
.data_modal_wrap_chest .modal_wrap_1 { padding-bottom: 80px; } 
.savezone_black_bg { display: none; position: fixed; content: ""; width: 100%; height: 100%; background-color:rgba(0, 0,0, 0.5); top:0; left: 0; z-index: 1; } 
/* .savezone_modal_close { width: 26px; height: 26px; }  */
#modal_close1 { margin-bottom:30px;margin-left: 665px; font-size: 22px; width: 101px; height:47px; background: #757575; border-radius: 5px; color: white; } 
#modal_close1:hover{background: #306ee1; }
#savezone_modal_close{ margin:30px 0px 10px 155px;font-size: 30px; width: 110px; height:60px; background: #6684BA; border-radius: 5px; color: white; } 
#savezone_modal_close_1{ margin:30px 0px 10px 155px;font-size: 30px; width: 110px; height:60px; background: #6684BA; border-radius: 5px; color: white; } 
#savezone_modal_close_2{ margin:30px 0px 10px 155px;font-size: 30px; width: 110px; height:60px; background: #6684BA; border-radius: 5px; color: white; } 
#savezone_modal_close_3{ margin:30px 0px 10px 155px;font-size: 30px; width: 110px; height:60px; background: #6684BA; border-radius: 5px; color: white; } 
#savezone_modal_close:hover{background: #306ee1; }
#savezone_modal_close_1:hover{background: #306ee1; }
#savezone_modal_close_2:hover{background: #306ee1; }
#savezone_modal_close_3:hover{background: #306ee1; }
.data_modal_close> a { display: block; width: 100%; height: 100%; background:url(https://img.icons8.com/metro/26/000000/close-window.png); text-indent: -9999px; }