@charset "utf-8";



/* 청년정책방향 */

.page_sub_title {text-align:center;font-size:3em;font-weight:500;padding-bottom:30px;}

.page_content_ul  {display: flex;justify-content: space-between;}

.page_content_ul > li {width: 31%;}

.page_content_ul > li p {font-size:1.5em;margin-bottom:20px;height:50px;}

.page_content_ul > li div {padding:20px;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 5px #bbbbbb;}

.page_content_item_ul {font-size: 1.3em;font-weight: 300;}

.page_content_item_ul li {}

.page_content_item_ul li:before {content:"ㆍ"}

.page_content_btn {margin:50px 0 100px; text-align:center;}

.page_content_btn a {display:inline-block;background:#5384de;color:#fff;height:50px;width:200px;font-size:1.3em;line-height:50px;}

.page_content_btn img {margin: -5px 0 0 10px;}



/* 공간예약 */

#container_title {text-align: center}
#room_booking_document {padding:10px;background:url('/theme/basic/img/box_pattern.png') repeat}
#room_booking_document ul {padding:10px;background:#fff;}
#room_booking_document ul li:first-child {font-size:20px;font-weight:bold;text-align:center;margin:10px 0;}
#room_booking_document ul li:nth-child(n+2) {position:relative;font-size:14px;padding-left:15px;margin-bottom:10px;}
#room_booking_document ul li:nth-child(n+2):before{content:'';display:block;width:5px;height:5px;background:#3f5fff;left:0;top:7px;position:absolute;border-radius:50%;}

#room_booking_content {margin:30px auto}
#floor_tab {margin-bottom:30px;}
#floor_tab ul {display:flex;text-align:center;height: 30px;line-height: 30px;border-bottom: 1px solid #ddd;}
#floor_tab li {flex:1}
#floor_tab li a {display:block;width:70%;margin:0 auto}
#floor_tab li.active a {font-weight: bold;border-bottom: 2px solid #5384de;height:30px;}

#room_booking_list .room_booking_list_item {margin-bottom:50px;}
#room_booking_list .rb_list_item_title {font-size:24px;padding: 0 0 10px 10px;border-bottom: 2px solid #333;font-weight:bold;}
#room_booking_list .rb_list_item_img {margin:15px 0}
#room_booking_list .rb_list_item_img img {width:100%}
#room_booking_list .rb_list_item_content table {padding:0 10px;width: 100%;}
#room_booking_list .rb_list_item_content tr {height:25px;vertical-align: top}
#room_booking_list .rb_list_item_content a {display: block;font-size: 15px;font-weight: bold;width: 100px;height: 35px;line-height: 34px;margin: 10px auto;text-align: center;border: 1px solid #3a578e;color: #3a578e;}
#room_booking_list .rb_list_item_table_row_title {width: 25%;}
#room_booking_list .rb_list_item_table_row_title:before {display:inline-block;content:'ㆍ';margin-right: 5px;}

.main_container .main_icon{ position: relative;overflow: hidden;margin-top:-70px; font-size: 0;line-height:0;text-align:center;padding:0 0 25px ;z-index: 5;background:#fff;}
.main_container .main_icon h3{ display: none; }
.main_container .main_icon ul{ font-size: 0;line-height:0;; }
.main_container .main_icon li{  width:14.286%;display: inline-block;position: relative;}
.main_container .main_icon li:after{ content:"";display: block;border-left:1px solid #e4e4e4;height:34px;position: absolute;left:0;top:50%;margin-top:-17px; }
.main_container .main_icon li:first-child:after,
.main_container .main_icon li:nth-child(8):after{ display: none; }

.main_container .main_icon li:nth-child(7) ~ li:before{ content:"";display: block;border-top:1px solid #e4e4e4;width:130px;left:50%;top:0;margin-left:-65px;position: absolute;  }
.main_container .main_icon li a{ display: block; padding:75px 0 25px ;}
.main_container .main_icon li a:hover span{ color: #fff; }
.main_container .main_icon li a img{  }
.main_container .main_icon li a span{ display: block;color: #222;font-size: 14px; margin-top:15px;}

.main_container .main_icon li.icon1 a{ background: url('/theme/basic/img/library/icon_main1.png') center 30px no-repeat; }
.main_container .main_icon li.icon2 a{ background:url('/theme/basic/img/library/icon_main2.png') center 30px no-repeat; }
.main_container .main_icon li.icon3 a{ background:url('/theme/basic/img/library/icon_main3.png') center 30px no-repeat; }
.main_container .main_icon li.icon4 a{ background:url('/theme/basic/img/library/icon_main4.png') center 30px no-repeat; }
.main_container .main_icon li.icon5 a{ background:url('/theme/basic/img/library/icon_main5.png') center 30px no-repeat; }
.main_container .main_icon li.icon6 a{ background:url('/theme/basic/img/library/icon_main6.png') center 30px no-repeat; }
.main_container .main_icon li.icon7 a{ background:url('/theme/basic/img/library/icon_main7.png') center 30px no-repeat; }
.main_container .main_icon li.icon8 a{ background:url('/theme/basic/img/library/icon_main8.png') center 30px no-repeat; }
.main_container .main_icon li.icon9 a{ background:url('/theme/basic/img/library/icon_main9.png') center 30px no-repeat; }
.main_container .main_icon li.icon10 a{ background:url('/theme/basic/img/library/icon_main10.png') center 30px no-repeat; }
.main_container .main_icon li.icon11 a{ background:url('/theme/basic/img/library/icon_main11.png') center 30px no-repeat; }
.main_container .main_icon li.icon12 a{ background:url('/theme/basic/img/library/icon_main12.png') center 30px no-repeat; }
.main_container .main_icon li.icon13 a{ background:url('/theme/basic/img/library/icon_main13.png') center 30px no-repeat; }
.main_container .main_icon li.icon14 a{ background:url('/theme/basic/img/library/icon_main14.png') center 30px no-repeat; }
.main_container .main_icon li a:hover{ background-color:#3a578e }
.main_container .main_icon li.icon1 a:hover{ background-image:url('/theme/basic/img/library/icon_main1_on.png') }
.main_container .main_icon li.icon2 a:hover{ background-image:url('/theme/basic/img/library/icon_main2_on.png') }
.main_container .main_icon li.icon3 a:hover{ background-image:url('/theme/basic/img/library/icon_main3_on.png') }
.main_container .main_icon li.icon4 a:hover{ background-image:url('/theme/basic/img/library/icon_main4_on.png') }
.main_container .main_icon li.icon5 a:hover{ background-image:url('/theme/basic/img/library/icon_main5_on.png') }
.main_container .main_icon li.icon6 a:hover{ background-image:url('/theme/basic/img/library/icon_main6_on.png') }
.main_container .main_icon li.icon7 a:hover{ background-image:url('/theme/basic/img/library/icon_main7_on.png') }
.main_container .main_icon li.icon8 a:hover{ background-image:url('/theme/basic/img/library/icon_main8_on.png') }
.main_container .main_icon li.icon9 a:hover{ background-image:url('/theme/basic/img/library/icon_main9_on.png') }
.main_container .main_icon li.icon10 a:hover{ background-image:url('/theme/basic/img/library/icon_main10_on.png') }
.main_container .main_icon li.icon11 a:hover{ background-image:url('/theme/basic/img/library/icon_main11_on.png') }
.main_container .main_icon li.icon12 a:hover{ background-image:url('/theme/basic/img/library/icon_main12_on.png') }
.main_container .main_icon li.icon13 a:hover{ background-image:url('/theme/basic/img/library/icon_main13_on.png') }
.main_container .main_icon li.icon14 a:hover{ background-image:url('/theme/basic/img/library/icon_main14_on.png') }


.main_container .main_icon li:hover:before,
.main_container .main_icon li:hover:after{ display: none !important; }



.tab_menu{width:100%; margin:1em auto 1em;}
.tab_menu ul{display: flex;position: relative;  text-align: center; overflow:hidden;}
.tab_menu ul:after{content : ""; display : block; position : absolute; top:0; left:0; width : 100%; }
.tab_menu ul li{flex:1}
.tab_menu ul li a{display:block; text-transform:capitalize; display: -webkit-box; display: -ms-flexbox;	display: -webkit-flex; display: flex;	-webkit-box-pack: center;	-ms-flex-pack: center;	-webkit-justify-content: center;	justify-content: center;	-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center; align-items: center;font-size:0.9em; height:3rem;font-weight: 700;  background-color:#F3F3F3;  word-break:break-all;   color: #4B4B4B; }
.tab_menu ul li.on a{position: relative;   background: linear-gradient(45deg, #65AADE, #924898);  color: #fff;}
.tab_menu ul li.on {}
.tab_menu ul li strong{font-weight: 700;}