@charset "utf-8";
/*@import url('/u2/css/egovframework/tpl/30.css'); main.css*/
@import url('/u2/css/egovframework/tpl/52.css'); /*반응형 main.css*/
@import url('/u2/css/egovframework/tpl/31.css');
@import url('/u2/css/egovframework/tpl/32.css');
@import url('/u2/css/egovframework/tpl/33.css');
@import url('/u2/css/egovframework/tpl/34.css');
@import url('/u2/css/egovframework/tpl/35.css');

/* 스킵네비 */
#skipNavi li { font-size:0; line-height:0; }
#skipNavi li a { display:block; width: 150px; padding: 5px 0; color: #000; position:absolute; left:0; top:-100px; text-align:center; z-index:200; background-color: #fff; font-weight: bold; text-align: center; font-size:12px;}
#skipNavi li a:active, #skipNavi li a:focus { top:0; font-weight:bold;font-size:16px;line-height:1.5; border-bottom:1px solid #fff;}

/* 컨텐츠 타이틀*/
.c-tit01 {font-size:17px; font-weight:600; color:#f15a29 !important; line-height:180%; margin-bottom:5px;}
.c-tit02 {font-size:15px; font-weight:600; color:#343434 !important; line-height:170%; margin-bottom:5px;} 
.c-tit03 {font-size:13px; font-weight:normal; color:#f15a29 !important; line-height:150%; margin-bottom:5px;} 

/* sub Layout */
#subLayout { position:relative; padding:52px 0; width:1100px; margin:0 auto; clear:both; }
#SideMenu { position:relative; width:184px; float:left;}
#SideMenu .SideMenu_ttl { background:url(../../../images/common/side_bg.jpg) 0 0 no-repeat; height:184px; font-size:30px; font-weight:600; color:#313131; line-height:130%;}
#SideMenu .SideMenu_ttl span { display:block; font-size:12px; color:#6b6b6b; line-height:130%;}
#SideMenu .lnbWrap { }
#SideMenu .lnbWrap .lnb   { display:block; }
#SideMenu .lnbWrap .lnb ul  {}
#SideMenu .lnbWrap .lnb li  {border-bottom:1px solid #e4e4e4; }
#SideMenu .lnbWrap .lnb li a  {display:block; font-size:15px; padding:0 5px; color:#555; font-weight:600; line-height:30px;}
#SideMenu .lnbWrap .lnb li a.on {color:#dc4413; font-weight:600; background:url(../../../images/common/lnb_bullet.png) 165px center no-repeat; border:3px solid #eb7650;}
#SideMenu .lnbWrap .lnb li a.on:hover {color:#dc4413;}
#SideMenu .lnbWrap .lnb li a:hover{color:#dc4413; display:block; text-decoration:none;}
#contentWrap { position:relative; width:867px; float:right; margin-bottom:100px;}
#contentWrap:after { content:''; clear:both; display:block; }
.content_ttl { display:block; border-bottom:0px solid #e0cfdc; height:70px;}
#contentWrap .h3 { font-size:32px; display:inline-block; font-weight:bold; line-height:100%; color:#000; background:url(../../../images/sub/ttl_bullet.jpg) left top no-repeat; padding:0 0 0 40px;}
#contentWrap .h4 { color:#888; font-size:13px; line-height:120%; margin:15px 10px 10px 0; padding:10px 0 10px 3px; border-top:1px solid #e0cfdc; border-bottom:1px solid #e0cfdc;}
#contentWrap .h4 .h4_01 { color:#9a6b8d; font-weight:600;}
#contentWrap .h4 .h4_02 { color:#d5b663; font-weight:600;}
.home_c { position:absolute; top:5px; right:5px; font-size:13px; color:#939393; line-height:130%;}
.home_c p { float:left;}
.home_c ul {margin-left:8px;}
.home_c ul li { background:url(../../../images/common/current_arrow.png) left center no-repeat; float:left; padding:0 6px;}
.home_c span { color:#454545;}

#content { padding:30px 0;}
#content:after { content:''; clear:both; display:block; }
/* 인사말 */
/*.message { position:relative; background:url(../../../images/sub/message_img.jpg) right top no-repeat; min-height:300px; line-height:170%;}*/
.message_txt1 { font-size:28px; line-height:200%; color:#3c3c3c; font-weight:600;}
.message_txt2 { font-size:16px; line-height:170%; color:#3c3c3c; font-weight:600;}
.message_txt2 span { font-size:16px; line-height:170%; color:#f15a29; font-weight:600;}

/* 약도 */
table.map_tbl { width:100%; cellpadding:0; cellspacing:0; padding:0; margin:0;}
table.map_tbl thead th {border-top:2px solid #f5a100;}
table.map_tbl thead td {border-top:2px solid #454545;}
table.map_tbl tbody th { line-height:130%; padding:10px 0; font-size:15px; font-weight:bold; color:#000; border-bottom:1px dashed #CCCCCC;}
table.map_tbl tbody td { line-height:130%; padding:0 0 0 30px; border-bottom:1px dashed #CCCCCC;}
table.map_tbl tbody td span { display:inline-block; width:45px; height:40px;}
table.map_tbl tbody td dl {width:570px;}
table.map_tbl tbody td dd {width:45px; height:70px; float:left;}
table.map_tbl tbody td dt {width:525px; letter-spacing:-0.8px;}
.map_no4 { border-radius:20px; background:#00acff; color:#FFF; text-align:center; width:20px; height:20px; line-height:20px; display:inline-block; overflow:hidden; vertical-align:bottom;}
.map_no2 { border-radius:20px; background:#008000; color:#FFF; text-align:center; width:20px; height:20px; line-height:20px; display:inline-block; overflow:hidden; vertical-align:bottom;}
.map_no7 { border-radius:20px; background:#435917; color:#FFF; text-align:center; width:20px; height:20px; line-height:20px; display:inline-block; overflow:hidden; vertical-align:bottom;}
.map_no3 { border-radius:20px; background:#f7710d; color:#FFF; text-align:center; width:20px; height:20px; line-height:20px; display:inline-block; overflow:hidden; vertical-align:bottom;}
.map_nogan { border-radius:5px; background:#00acff; color:#FFF; text-align:center; width:40px; height:20px; line-height:20px; display:inline-block; overflow:hidden; margin:5px 0; vertical-align:middle;}
.map_noji { border-radius:5px; background:#59b859; color:#FFF; text-align:center; width:40px; height:20px; line-height:20px; display:inline-block; overflow:hidden; margin:5px 0; vertical-align:middle;}
.map_noma { border-radius:5px; background:#e7c68a; color:#FFF; text-align:center; width:40px; height:20px; line-height:20px; display:inline-block; overflow:hidden;  margin:5px 0; vertical-align:middle;}
.map_subicon li { float:left; padding:0 20px 0 0;}
.map_box { border:1px solid #e3e3e3; padding:15px 30px; margin:30px 0 0 0; display:block; overflow:hidden;}
.map_boxline { border-bottom:1px dashed #CCC; margin:0 0 10px 0;}
/* 테이블 Left */
table.tbl1 { width:100%; cellpadding:0; cellspacing:0; padding:0; margin:0;}
table.tbl1 thead th {border-top:2px solid #f5a100; border-bottom:1px solid #bbbbbb; background:#f3f3f3; padding:10px 0; font-size:14px; color:#333333; text-align:center;}
table.tbl1 thead td {border-top:2px solid #454545;}
table.tbl1 tbody th { line-height:130%; padding:10px 0; font-size:13px; font-weight:bold; color:#2d2d2d; border-bottom:1px solid #CCCCCC;}
table.tbl1 tbody td { line-height:130%; padding:10px; border-bottom:1px solid #CCCCCC; color:#717171;}

/* 테이블 Center */
/*table.tbl2 { width:100%; cellpadding:0; cellspacing:0; padding:0; margin:0; border-top:2px solid #f5a100;}
table.tbl2 thead th { border-bottom:1px solid #bbbbbb; background:#fafafa; padding:10px 0; font-size:14px; color:#333333; text-align:center;}
table.tbl2 thead td {border-top:2px solid #454545;}
table.tbl2 tbody th { line-height:130%; padding:10px 0; font-size:13px; font-weight:bold; color:#2d2d2d; border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; background:#fafafa;}
table.tbl2 tbody td { line-height:130%; padding:10px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; color:#717171; text-align:center; }*/
table.tbl2 { width:100%; cellpadding:0; cellspacing:0; padding:0; margin:0; border-top:2px solid #f5a100;}
table.tbl2 thead th { border:1px solid #CCCCCC; background:#fafafa; padding:10px 0; font-size:14px; color:#333333; text-align:center;}
table.tbl2 thead td {border-top:2px solid #454545;}
table.tbl2 tbody th { line-height:130%; padding:10px 0; font-size:13px; font-weight:bold; color:#2d2d2d; border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC; background:#fafafa;}
table.tbl2 tbody td { line-height:130%; padding:10px; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; border-left:1px solid #CCCCCC;color:#717171; text-align:center; }

/* 테이블 Left */
table.tbl3 { width:100%; cellpadding:0; cellspacing:0; padding:0; margin:0;}
table.tbl3 tbody th { border-top:1px solid #f15a29; line-height:130%; padding:10px; font-size:13px; font-weight:bold; color:#2d2d2d; border-bottom:1px solid #CCCCCC;border-left:1px solid #CCCCCC; text-align:left;}
table.tbl3 tbody td { border-top:1px solid #f15a29; line-height:130%; padding:10px; border-bottom:1px solid #CCCCCC; border-left:1px solid #CCCCCC; color:#717171;}
table.tbl3 tbody td input { border:1px solid #bcbcbc; height:20px;}
table.tbl3 tbody .bg {background:#f6f6f6; border-left:none; text-align:center;}
table.tbl3 tbody span { color:#CC0000;}
table.tbl3 tbody .input { border:1px solid #d5d5d4; height:20px; width:24%;}
table.tbl3 tbody select { font-size:12px;}

/* 테이블 4 */
table.tbl4 { width:100%; border-collapse:collapse; border-spacing:0; border-left:1px solid #ddd; }
table.tbl4 thead th { text-align:center; vertical-align:middle; border-top:1px solid #777; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-top:15px; padding-bottom:15px; font-size:13px; background-color:#f1f1f1; }
table.tbl4 tbody th { text-align:center; vertical-align:middle; border-top:1px solid #777; border-bottom:1px solid #ddd; border-right:1px solid #ddd; padding-top:15px; padding-bottom:15px; font-size:13px; background-color:#f1f1f1; }
table.tbl4 td { vertical-align:middle; border-bottom:1px solid #ddd; padding:15px 10px 15px 10px; font-size:13px; border-right:1px solid #ddd; text-align:left; line-height:140%;}
table.tbl4 .tbr { border-right:1px solid #ddd; }
table.tbl4 .tdtxt { padding-left:15px; padding-right:15px; }
table.tbl4 .tdtop { border-top:1px solid #777; }

/* 탭메뉴 */
.tab.list { height: 160px}
.tab.list ul { position: relative; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid #ccc; font-size: 12px; *zoom:1}
.tab.list ul:after { content: ""; display: block; clear: both}
.tab.list li { float: left; margin-bottom: -1px}
.tab.list li a { position: relative; float: left; text-decoration: none; border: 1px solid #eee; border-bottom-color: #ccc; background: #fafafa; color: #666}
.tab.list li a span { display: inline-block; padding: 6px 25px 6px 25px; letter-spacing: -1px; cursor: pointer;}
.tab.list li ul { width: 100%; position: absolute; top: 40px; left: 0; list-style: none; border: 0; margin: 0; padding: 0; *zoom:1}
.tab.list li ul:after { content: ""; display: block; clear: both}
.tab.list li li { float: none; position: relative; /*margin: 0 0 8px 0;*/ color: #999}
.tab.list li li a { float: none; padding: 0; margin: 0; border: 0 !important; color: #666 !important; font-weight: normal; background: transparent; letter-spacing: normal}
.tab.list li li a:hover, .tab.list li li a:active, .tab.list li li a:focus { color: #000 !important; text-decoration: underline}
.tab.list li li time, .tab.list li li .time { position: absolute; top: 0; right: 0; color: #767676}
.tab.list li li.more { position: absolute; top: -30px; right: 0; border: 0 !important; background: transparent}
.tab.list li.active a { border: 1px solid #ccc; border-bottom: 1px solid #fff; margin-top: -1px; background: transparent; color: #333}
.tab.list li.active a span { padding-top: 7px; font-weight: bold}
.tab.list.jx { height: auto}
.tab.list.jx ul { border: 0}
/*.tab.list.jx li { float: none; position: relative}
.tab.list.jx li a { float: none; display: block; font-weight: bold; color: #333; border: 1px solid #eee !important; border-bottom-color: #ccc !important; background: #fafafa !important}
.tab.list.jx li ul { position: static; display: block; left: 0; top: 0; padding: 5px 0}
.tab.list.jx li li a { display: inline; border: 0 !important; background: none !important; font-weight: normal}
.tab.list.jx li li.more { top: 7px; right: 15px}*/

.main_tab {width:100%; overflow:hidden; margin:0 0 20px 0; display:block;}
.main_tab ul {border-bottom: 1px solid #ccc; display:block; height:35px; }
.main_tab li {  position:relative; float:left; line-height:22px; margin-bottom: 0px; display: inline-block; letter-spacing: -1px; cursor: pointer;}
.main_tab li a { position: relative; float: left; text-decoration: none; border: 1px solid #eee; border-bottom-color: #ccc; background: #fafafa; color: #666; padding: 6px 25px 6px 25px; letter-spacing: -1px; cursor: pointer;}
.main_tab li a:hover {color: #000 !important; text-decoration: underline }
.main_tab li.active a {border: 1px solid #ccc; border-bottom: 1px solid #fff; margin-top: 0px; background:#fff; color: #333; padding: 6px 25px 6px 25px;}
.main_tab li.active a:hover {text-decoration:none}

.rental_ttl { font-size:15px; font-weight:600; line-height:200%; color:#F30;}
.rentalBox { border:1px solid #ddd; padding:20px 0; width:408px; height:85px; display:table; margin:0 45px 30px 0; float:left;}
.rentalBox_L { width:170px; text-align:center; }
.rentalBox_L img { padding:8px 0 0 0;}
.rentalBox_R { width:238px; display: table-cell; vertical-align: middle; }
.rentalBox_R .rentalBox_R_ttl { font-size:20px; font-weight:600; color:#333; line-height:150%;}
.rentalBox2 { border:1px solid #ddd; padding:20px 0; width:278px; height:85px; display:table; margin:0 12px 0 0; float:left; background:#fff;}
.rentalBox2.on { border:1px solid #ddd; padding:20px 0; width:278px; height:85px; display:table; margin:0 12px 0 0; float:left; background:#f6f6f6;}
.rentalBox2_L { width:130px; text-align:center; }
.rentalBox2_L img { padding:0 0 0 0;}
.rentalBox2_R { width:148px; display: table-cell; vertical-align: middle; }
.rentalBox2_R li { color:#f15a29; font-size:20px; line-height:150%;}
.rentalBox2_R .rentalBox2_R_ttl { font-size:20px; font-weight:600; color:#333; line-height:150%;}
.rental_ok { border-radius:20px; border:1px solid #979797; background:#fff; padding:30px; text-align:center; display:block; overflow:hidden; margin:30px 0;}
.rental_ok .rental_ok_L { float:left; width:45%;}
.rental_ok .rental_ok_R { float:left; width:45%; line-height:300%;}
.rental_ok .rental_ok_ttl { font-size:17px; line-height:200%; color:#f25a29; font-weight:600; padding:30px 0 0 0;}
.rental_textarea { width:97%; height:350px; border:1px solid #dadada; margin-bottom:15px; padding:10px; }
.rentalBox.mgno, .rentalBox2.mgno { margin-right:0;}

/* 대관현황 */
.cal_search { float:right; margin:0 0 15px 0; display:block; }
.cal_search li { float:left; padding:0 0 0 5px; }
.cal_search select { height:29px;}
.cal_input { height:27px; border:1px solid #999;}
div.cal { width:100%; clear:both; position:relative;}
div.cal table { width:100%;}
div.cal table thead th { height:22px; padding:10px 0 2px 0; color:#fff; background:#8b8b8b; }
div.cal table td { width:100px; height:94px; border:1px solid #dadada; padding:3px; vertical-align:top; }
div.cal table td p { font-weight:bold; color:#000; padding:0 0 4px 0; }
div.cal table td ul { display:inline-block; padding:5px;}
div.cal table td ul li { padding:0 0 0 0px; background:url(../images/sub/cal_list_bul.gif) 0 7px no-repeat; }
div.cal table td ul li a { font-size:12px; }
div.cal table td ul li a:hover { color:#fb7642;}
div.cal table tr.fir td  { border-top:0; }
div.cal table tr.last td { border-bottom:0; }
.front1{font-size:11px; color:white; background:#e31d34; border-radius:3px; margin-right:3px; padding:1px 4px 1px 3px;}
.front2{font-size:11px; color:white; background:#e85c29; border-radius:3px; margin-right:3px; padding:1px 4px 1px 3px;}
.front3{font-size:11px; color:white; background:#7f6453; border-radius:3px; margin-right:3px; padding:1px 4px 1px 3px;}
.front4{font-size:11px; color:white; background:#9eb6b8; border-radius:3px; margin-right:3px; padding:1px 0 1px 0;}
.front5{font-size:11px; color:white; background:#4c4c4c; border-radius:3px; margin-right:3px; padding:1px 0 1px 0;}
.front6{font-size:11px; color:white; background:#a08e4c; border-radius:3px; margin-right:3px; padding:1px 0 1px 0;}
.front7{font-size:11px; color:white; background:#3eaa9a; border-radius:3px; margin-right:3px; padding:1px 0 1px 0;}
.front8{font-size:11px; color:white; background:#c9c9c9; border-radius:3px; margin-right:3px; padding:1px 4px 1px 3px;}

/* 대관확인 및 취소 */
.rental_oksubmit { border-radius:20px; border:1px solid #979797; background:#fff; padding:30px; display:block; overflow:hidden; margin:30px 0;}
.rental_oksubmit .rental_oksubmit_L { float:left; width:40%; text-align:center; }
.rental_oksubmit .rental_oksubmit_L img { padding:5px 0 0 0;}
.rental_oksubmit .rental_oksubmit_R { float:left; width:53%; line-height:300%;}
.rental_oksubmit .rental_oksubmit_ttl { font-size:17px; line-height:200%; color:#f25a29; font-weight:600; padding:30px 0 0 0;}
.rental_oksubmit .text { border:1px solid #c6c6c6; height:25px;}
.rental_oksubmit li span { font-weight:600;}
#APPLY_NAME{width:41%;}
#RESV_HPHONE_1{width:13%;}
#RESV_HPHONE_2{width:17%;}
#RESV_HPHONE_3{width:17%;}
#password{width:40%}
/*비밀번호찾기*/
#HPHONE_1{width:13%;}
#HPHONE_2{width:20%;}
#HPHONE_2{width:20%;}
#EMAIL_1{width:20%;}
#EMAIL_2{width:20%;}
#EMAIL_3{width:20%;}
/* 이용안내 */
.guideR { border-radius:20px; border:1px solid #979797; background:#fff; padding:30px; display:block; overflow:hidden; margin:30px 0;}
.guide_ttl { font-size:18px; line-height:200%; color:#484747; font-weight:600;}
.guideR .guideR_L { float:left; width:40%; text-align:center; }
.guideR .guideR_L img { padding:5px 0 0 0;}
.guideR .guideR_R { float:left; width:53%; line-height:170%;}
.guideR .guide_ttl { font-size:18px; line-height:140%; font-weight:600; padding:30px 0 0 0; color:#333;}
.guideR li span { font-weight:600; color:#f25a29;}
.guideR li { color:#868686;}
.guideRS {border-radius:30px; background:#f6f6f6; width:80%; margin:0 auto; padding:30px; display:block; overflow:hidden;}
.guideRS img { padding:0 0 0 50px;}
.guideRS ul li { display:inline;}
.guideRS .guideRS_R { float:right;}
.guideRS_ttl { color:#f25a29; font-size:18px; font-weight:600; padding:0 0 0 30px; margin-top:-30px !important;}
.guideRS .guideRS_R li { display:block; line-height:200%;}
/* 센터안내 */
.aboutWrap { width:673px; margin:0 auto;}
.aboutWrap .about_ttl { font-size:18px; color:#3e3e3e; line-height:180%; text-align:center;}
.aboutWrap .about_ttl span { color:#f15a29;}
.abouttxt { color:#666666; line-height:170%; text-align:justify; font-weight:600; font-size:14px;}

/* 연혁 */
.history dl { width:100%; padding:0 0 20px 1%;  border-bottom:1px dashed #f1f1f1; display:block; margin:0 0 20px 0;}
.history dt { width:25%; padding:0 5% 0 0; font-size:18px; color:#f7710d; font-weight:600; display:inline; vertical-align:top;}
.history dd { width:69%; background:url(../../../images/sub/bullet_2.jpg) left 9px no-repeat; display:inline-block; vertical-align:middle; padding:0 0 0 6px;}
.history dl ul li { line-height:150%; background:url(../../../images/sub/bullet_2.jpg) left 9px no-repeat; padding:0 0 0 6px;}
.history .hbgno { background:none; margin-left:-6px;}

/* facility */
.facility { width:673px; margin:0 auto;}
.facility .about_ttl { font-size:18px; color:#3e3e3e; line-height:180%; text-align:center;}
.facility .about_ttl span { color:#f15a29;}
.Mimg img { border:7px outset #dadada; box-shadow:5px 3px #ececec;}
/*.facility .abouttxt { color:#666666; line-height:170%; text-align:justify;}*/
.facility .abouttxt { color:#666666; line-height:170%; text-align:center;}
/* 시설안내 */
  .smallImg{
          margin-right:1%; 
  }
  .smallImg ul li{
   width:18%;
   height:auto;
   list-style:none;
   position:relative;
   float:left;
   padding:20px 0 0 1.7%;
  }
  .smallImg ul li img{
   width:100%;
   height:auto;
                        border:4px outset #dadada;   
  }
               .s_lnb{
                } 
               .s_lnb>li{
                      list-style:none;
                      height:25px;
                      text-align: center;
                }  
               .on3{
                      list-style:none;
                      height:25px;
                      background-color:rgba(242, 90, 41, 0.35);
                }  

/*공연안내*/
.Performance{ width:100%; margin-left:22px; margin-bottom:25px; float:left;}
.Performance ul { border-left:px solid #e5e5e5; border-right:px solid #e5e5e5; border-bottom:px solid #e5e5e5; padding:12px;}
.Performance li.Performance_ttl { font-size:1.5em; color:#23232f; line-height:190%; font-weight:700;}
.Performance li.Performance_data { font-size:1.2em; color:#ae77a1; line-height:130%;}
.Performance li.Performance_txt { font-size:1.2em; color:#9e9e9e; line-height:120%;}
.Performance p img { width:100%; height:auto;}
.Performance li span{color:#9409d3; font-weight:700;}
/* 비밀번호 찾기*/
.search_pass { border-radius:20px; border:1px solid #979797; background:#fff; padding:30px; display:block; overflow:hidden; margin:30px 0;}
.search_pass .search_pass_R {line-height:300%;margin-left:23%}
.search_pass .text { border:1px solid #c6c6c6; height:25px;}
/* 비밀번호확인 */
.result_pass { border-radius:20px; border:1px solid #979797; background:#fff; padding:60px; display:block; overflow:hidden; margin:30px 0; text-align:center;}
.result_pass p{font-size:17px; font-weight:700}
/* 조직도 */
.org { position:relative; width:756px; margin:0 auto; min-height:450px; background:url(../../../images/sub/org_img.jpg) center 0 no-repeat;}
.org h5 { font-size:17px; font-weight:600; text-align:center; width:175px; margin:0 auto; height:101px; color:#fff; padding:74px 0 0 5px;}
.org .org_t1 { position:absolute; top:63px; right:59px; width:147px; height:40px; line-height:40px; text-align:center;}
.org .org_t2 { position:absolute; top:209px; right:302px; width:147px; height:40px; line-height:40px; text-align:center;}
.org .org_t1 span, .org .org_t2 span { font-size:15px; font-weight:600; color:#FFF;}
.org .org_t3 { position:absolute; top:298px; left:2px; }
.org .org_t3 ul { width:148px; margin:0 152px 0 0; float:left; text-align:center;}
.org .org_t3 ul li { line-height:170%;}
.org .org_t3 span {font-size:15px; font-weight:600; color:#000; line-height:30px; text-align:center;}
.org .org_t3 .mgno { margin:0;}
iframe {width:100%;}
/* vision */
.vision img { width:100%; height:auto;}
.mvision { display:none;}
/* 편의시설 */
.facility_box { clear:both; display:inline-block; overflow:hidden; text-align:center; margin:0 0 20px 0;}
.facility_box li { float:left;}
.facility_box li img {border:7px outset #dadada; box-shadow:5px 3px #ececec; margin:5px 10px;}
.facility_box_txt { text-align:center; display:block;}
.facility_box_txt li { text-align:center;/* float:left; width:40%;*/ line-height:300%; padding:10px 10px;}
.facility_box_txt .facility_box_ttl { font-size:18px; font-weight:bold; line-height:200%; color:#383838; margin:0 0 0 10px;}
.facility_box_txt .facility_box_ttl span { color:#eb7650;}
.facility_box_txt .thl { line-height:150%; padding:3px 10px;}
/*  태블릿
================================================== */
@media all and (min-width: 768px) and (max-width: 1024px) {
 
/* style */
#subLayout { width:990px; margin:0 auto;}
#contentWrap { position:relative; width:770px; float:right; }
 
}

@media all and (max-width:999px) {  /*디스플레이가 1000px 미만일경우에 */
#subLayout{ width:100%; padding:30px 0;}    /*subLayout  width: 100% 로 변경*/
#SideMenu{ display:none;}  /*SideMenu  display: none 로 변경*/
#contentWrap{ width:100%;} /*contentWrap  width: 100% 로 변경*/
#contentWrap .h3 { font-size:25px; font-weight:bold; line-height:110%; color:#000;}
.aboutWrap { width:100%;}
/* 인사말 */
.message { background:none; letter-spacing:-0.5px;}
.message .gap50 { display:none;}
.message_txt2 { width:100%; font-size:16px; line-height:120%; color:#3c3c3c; font-weight:600;}
.message_txt2 span { font-size:16px; line-height:130%; color:#f15a29; font-weight:600;}

/* facility */
.facility { width:100%;}

/* 테이블 Center */
table.tbl2 { width:100%; cellpadding:0; cellspacing:0; padding:0; margin:0; border-top:2px solid #f5a100;}
table.tbl2 thead th { border-bottom:1px solid #bbbbbb; background:#fafafa; padding:5px 0; font-size:12px; color:#333333; text-align:center;}
table.tbl2 thead td {border-top:2px solid #454545;}
table.tbl2 tbody th { border-right:1px solid #CCCCCC; line-height:130%; padding:5px 0; font-size:11px; font-weight:bold; color:#2d2d2d; border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC; background:#fafafa;}
table.tbl2 tbody td { line-height:130%; padding:5px; border-bottom:1px solid #CCCCCC; font-size:11px; border-right:1px solid #CCCCCC; color:#717171; text-align:center; }
.rentalBox { border:1px solid #ddd; padding:20px 0; width:98%; height:85px; display:table; margin:0 0 30px 0;}
.rental{padding:0 0 0 20px;}
.rentalBox2 {text-align:center; width:30%; height:42px;}
.rentalBox2.on {width:30%; height:42px;}
.rentalBox2_L{display:none;}
.rentalBox2_L img {display:none;}
.rentalBox2_R li { color:#f15a29; font-size:12px; line-height:120%; letter-spacing:-0.7px;}
.rentalBox2_R .rentalBox2_R_ttl { font-size:12px; font-weight:600; color:#333; line-height:120%;}

.rental_ok .rental_ok_L img { float:left; width:80%;}
.rental_ok .rental_ok_ttl { line-height:120%; padding:5px 0 0 0;}
.rental_ok .rental_ok_R { float:left; width:50%; line-height:140%;}

.Mhome_c { display:none;}
.rental_oksubmit .rental_oksubmit_L img { display:none;}
.rental_oksubmit .rental_oksubmit_R { float:left; width:100%; line-height:300%;}
.rental_oksubmit .text { border:1px solid #c6c6c6; height:25px; width:20%;}
.guideR .guide_ttl { font-size:18px; line-height:140%; font-weight:600; padding:0 0 0 0; color:#333;}
.guideR .guideR_L img { display:none;}
.guideR .guideR_R { float:left; width:100%; line-height:170%;}

.guideRS { padding:20px; font-size:12px; letter-spacing:-1px;}
.guideRS_ttl { padding:0; line-height:170%;}
.guideRS_R{width:100%;}
.guideRS .guideRS_R li { line-height:150%;}
.guideRS img { display:none;}
.search_pass{padding:10px; margin:0;}
.search_pass .search_pass_R {line-height:300%;margin-left:3%}
/* 조직도 모바일 */
.org { position:relative; width:354px; margin:0 auto; min-height:200px; background:url(../../../images/sub/morg_img.jpg) center 0 no-repeat;}
.org h5 { font-size:17px; font-weight:600; width:175px; height:101px; color:#fff; padding:74px 0 0 0px; margin-left:48px;}
.org .org_t1 { position:absolute; top:63px; left:215px; width:147px; height:40px; line-height:40px; text-align:center;}
.org .org_t2 { position:absolute; top:209px; width:102px; height:40px; line-height:40px; text-align:center;}

.t2_left {
    left: 52px !important;
}

.org .org_t1 span, .org .org_t2 span { font-size:12px; font-weight:600; color:#FFF;}
.org .org_t3 { position:absolute; top:298px; left:2px; }
.org .org_t3 ul { width:108px; margin:0 11px 0 0; float:left; text-align:center;}
.org .org_t3 ul li { line-height:170%;}
.org .org_t3 span {font-size:15px; font-weight:600; color:#000; line-height:30px; text-align:center;}
.org .org_t3 .mgno { margin:0;}
/* 편의시설 */
.facility_box { clear:both; display:inline-block; overflow:hidden; text-align:center; margin:0 0 20px 0;}
/*.facility_box li { float:left;}*/
.facility_box li img { width:95%; border:7px outset #dadada; box-shadow:5px 3px #ececec; margin:5px auto;}
.facility_box_txt { text-align:center; display:block;}
.facility_box_txt li { text-align:center;/* float:left; width:40%;*/ line-height:140%; padding:0 10px; clear:both; display:block;}
.facility_box_txt .facility_box_ttl { font-size:18px; font-weight:bold; line-height:200%; color:#383838; margin:0 0 0 10px;}
.facility_box_txt .facility_box_ttl span { color:#eb7650;}
.facility_box_txt .thl { line-height:150%; padding:3px 10px;}
}