@charset "utf-8";
/* CSS Document */

.wrap{width:100%;}
header{width:100%; border-bottom:2px solid #002251;}
.blink{position:absolute; text-indent:-9999px;vertical-align: middle; }
.blink_menu i{margin-left:5px; color:#777; font-size:12px!important;}
.sub_menu div ul:hover .blink_menu a i{color:#fff;}

/*상단메뉴*/
.lnb_box{background-color:#f2f2f2;}
.lnb_inner{width:1000px; height:36px; margin:0 auto; overflow:hidden; background-color:#f2f2f2;}
.lnb{float:right;}
.lnb li{float:left; padding:10px;}
.lnb li:first-child a{background:URL(../img/lnb_icon00.gif) no-repeat; padding-left:18px;}
.lnb li:nth-child(2) a{background:URL(../img/lnb_icon.gif) no-repeat; padding-left:18px;}
.lnb li:nth-child(3) a{background:URL(../img/lnb_icon02.gif) no-repeat; padding-left:18px;}
.lnb li:nth-child(4) a{background:URL(../img/lnb_icon03.gif) no-repeat; padding-left:18px;}
.lnb li:last-child{background-color:#003e73;}
.lnb li:last-child a{color:#fff; background-image:none; padding-left:0;}
.lnb li a:hover{text-decoration:none;}
/*메인메뉴*/
.logo_box{width:1000px; height:84px; position: relative; margin:0 auto;}
h1{z-index:1; position:absolute; top:24px; left:0;}

/*메인메뉴*/
.logo_box{width:1000px; height:84px; position: relative; margin:0 auto;}
h1{z-index:1; position:absolute; top:24px; left:0;}

/*menu_scroll*/
.gnb{position:absolute; top:35px; left:0; width:100%; height:84px;}
nav{position:relative; width:1000px; height:84px; margin:0 auto;}
.main_menu{overflow:hidden; position:absolute;  left:235px;}
.main_menu li{float:left; background:URL(../img/bar.gif) no-repeat 0 center;}
.main_menu li a{color:#555!important; font-weight:600; font-size:16px; display:inline-block; width:153px; padding:33px 0; text-align:center; vertical-align:top;}
.main_menu li:first-child{background-image:none;}
.main_menu li:hover a{text-decoration:none!important; background:URL(../img/menu_hover.gif) no-repeat bottom center;}

/*2depth menu*/
.sub_menu{opacity:0.98; z-index:9999; overflow:hidden; position:absolute; top:86px; width:100%; background:#f8fcff; border-bottom:2px solid #002251;}
.sub_menu > div{width:1000px; height:300px; margin:0 auto; background:URL(../img/sub_menu_bg.gif) no-repeat 0 center;}
.sub_menu div ul{float:left; width:153px; height:300px; padding:10px 0;}
.sub_menu div ul:first-child{margin-left:235px;}

/*2depth menu hover시*/
.sub_menu div ul:hover{background-color:#4093eb;}
.sub_menu div ul:hover li a{ color:#fff;}
.sub_menu div ul:hover li a:hover{font-weight:700; color:#fff; text-decoration:underline;}
.sub_menu div ul li{text-align:center; padding:7px 0;} 

/* 컨텐츠 시작*/
.container{width:100%; min-width:1000px;}
.visual_tit{width:1000px; height:70px; margin:0 auto; text-align:center; padding-top:46px;}
.visual_tit > p{width:300px; height:70px; margin:0 auto; background-color:rgba(40,40,40,0.2); border-radius:10px;padding-top:11px;color:rgba(255,255,255,0.9); font-weight:700; font-size:22px; font-family:'NanumMyeongjo';text-shadow: -2px 0 7px rgba(0, 0, 0, 0.5) ; 	-webkit-text-shadow: -2px 0 7px rgba(0, 0, 0, 0.5) ; 	-moz-text-shadow: -2px 0 7px rgba(0, 0, 0, 0.5) ; letter-spacing:1px; line-height:28px;}
.sub_visual_01{width:100%; height:175px; background:URL(../img/sub_visual01.jpg) no-repeat 0 center; 
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}

.sub_visual_02{width:100%; height:175px; background:URL(../img/sub_visual02.jpg) no-repeat 0 center; 
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}

.sub_visual_03{width:100%; height:175px; background:URL(../img/sub_visual03.jpg) no-repeat 0 center; 
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}

.sub_visual_04{width:100%; height:175px; background:URL(../img/sub_visual04.jpg) no-repeat 0 center; 
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}

.sub_visual_05{width:100%; height:175px; background:URL(../img/sub_visual05.jpg) no-repeat 0 center; 
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}

.sub_visual_06{width:100%; height:175px; background:URL(../img/sub_visual05.jpg) no-repeat 0 center; 
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}

.sub_visual_07{width:100%; height:175px; background:URL(../img/sub_visual07.jpg) no-repeat 0 center; 
box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ; 
-moz-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.2)  ;}


.content_box{width:1000px; margin:0 auto; margin-top:40px;}
aside{width:185px; float:left; margin-bottom:50px;}
aside > ul{margin-top:10px; border-top:1px solid #dedede;}
aside > ul li{border-right:1px solid #dedede; }
aside > ul li a{display:block; padding:18px 13px; font-size:15px; border-left:1px solid #dedede; border-bottom:1px solid #dedede; font-weight:600; color:#777;}
aside > ul li:hover, aside > ul li.on{text-decoration:none; color:#3c7ec4; font-weight:600; border-right:5px solid #3c7ec4; background-color:#f8fbfd;}
aside > ul li a span.blink, aside > ul li a i{padding-left:5px; font-size:12px;}
aside > ul li a:hover i{color:#3c7ec4;}
.sub_content{float:right; width:780px;  margin-bottom:50px; padding-top:22px;}
.location{border-bottom:1px solid #dedede; padding-bottom:10px;}
.location > p{background:URL(../img/location_icon.gif) no-repeat 0 center; text-indent:20px;}
.sub_tit > h3{font-size:35px; margin-top:25px; padding-bottom:20px; background:URL(../img/sub_tit_bg.png) repeat-x 0 bottom;}
.sub_txt{margin-top:20px;}


/*연혁*/
.his_tab_box{width:100%; margin:0 auto;background:URL(../img/his_bg.gif) repeat-x 0 center;;}
.his_tab{overflow:hidden; width:729px; margin:0 auto;}
.his_tab li{float:left; margin:0 12px; text-align:center;}
.his_tab li:first-child{margin-left:0;}
.his_tab li:last-child{margin-right:0;}
.his_tab li a{display:block; padding:35px 22px; border:5px solid #dedede; 
border-top-left-radius:55%; -webkit-border-top-left-radius:55%; -moz-border-top-left-radius:55%; 
border-top-right-radius:55%; -webkit-border-top-right-radius:55%; -moz-border-top-right-radius:55%; 
border-bottom-left-radius:55%; -webkit-border-bottom-left-radius:55%; -moz-border-bottom-left-radius:55%; 
border-bottom-right-radius:55%; -webkit-border-bottom-right-radius:55%; -moz-border-bottom-right-radius:55%; 
background-color:#fff; font-size:16px; font-weight:700;}
.his_tab li a span{color:#888; font-size:12px; font-weight:700;}
.his_tab li a:hover{border:5px solid #ff8900; color:#ff8900; transition:all 0.5s; text-decoration:none;}
.his_tab li a:hover span{color:#fab564; transition:all 0.8s; font-size:12px; text-decoration:none;}
.his_tab li a.his_on{border:5px solid #ff8900; font-weight:700; color:#ff8900; font-size:16px;}
.his_tab li a.his_on span{font-weight:700; color:#fab564;}
.his_txt{padding:20px 30px; margin-top:35px; border:1px solid #dedede; border-radius:10px;}
.his_txt dl{position:relative; border-bottom:1px dashed #dedede;}
.his_txt dt{position:absolute;left:20px; top:13px; font-weight:bold; color:#ff8900;}
.his_txt dd{margin-left:120px; padding:8px 0;}
.his_txt dd img{margin-bottom:20px;}
.his_txt dd ul li span{margin-left:-40px; padding:5px 0; display:inline-block; padding-left:0; padding-right:5px; text-indent:0; width:35px; font-weight:700;}

/*정규과정*/
.select_box{width:738px; margin:0 auto; padding:13px 20px; height:42px;  border-radius:40px; background-color:#fafafa; border:1px solid #dedede;} 
.select_inner {position:relative; margin:0 auto; padding:12px; background:#fff; border-radius:20px; 
box-shadow: 2px 1px 11px rgba(0, 0, 0, 0.1)  ; 
-webkit-box-shadow: 2px 1px 11px rgba(0, 0, 0, 0.1)  ; 
-moz-box-shadow: 2px 1px 11px rgba(0, 0, 0, 0.1)  ; 
cursor:pointer; outline:none; -webkit-transition:all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.inner01{width:24%!important; box-sizing:border-box; }
.inner02{width:75%!important; box-sizing:border-box; margin-left:1%;}
.select_inner:after {content: ""; width:0; height:0; position:absolute; top:50%; right:15px; margin-top:-3px; border-width:6px 6px 0 6px; border-style:solid; border-color:#ff8900 transparent;}
.select_inner .dropdown {position:absolute; top:100%; left:0; right:0; background:#fff; border-radius:0 0 10px 10px; border:1px solid rgba(0,0,0,0.2); border-top:none; border-bottom:none; list-style:none; -webkit-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out; max-height:0; overflow:hidden; z-index:9;}
.select_inner .dropdown li {padding:0 10px ; transition:all 0.3s ease-out; background:#fff;}
.select_inner .dropdown li a {display:block; text-decoration:none; color:#333; padding:8px 0; border-bottom:1px dashed #eee;}
.select_inner .dropdown li:last-of-type a {border: none;}
.select_inner .dropdown li i {margin-right: 5px; color: inherit; vertical-align: middle;}
/* Hover state */
.select_inner .dropdown li:hover{background-color:#ff8900;}
.select_inner .dropdown li:hover a{color:#fff;}
/* Active state */
.select_inner.active {border-radius:5px 5px 0 0; background:#ff8900; box-shadow:none; border-bottom:none; color:white;-webkit-transition:all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; transition:all 0.3s ease-out;}
.select_inner.active:after {border-color:#ff8900 transparent;}
.select_inner.active .dropdown {border-bottom:1px solid rgba(0,0,0,0.2); max-height:400px; z-index:99;}
.select_inner:focus {border-radius:10px 10px 0 0; background:#ff8900; box-shadow:none; border-bottom:none; color:white;}
.select_inner:focus:after {border-color:#fff transparent;}
.select_inner:focus .dropdown {border-bottom:1px solid rgba(0,0,0,0.2); max-height:400px;}
.class > h4{text-align:center; background:URL(../img/sub_tit_bg.gif) repeat-x 0 bottom!important;  padding-bottom:25px; color:#ff8900!important;}
.class dl dt{position:absolute; top:13px!important; text-indent:20px; background:URL(../img/bullet.gif) no-repeat 0 center; color:#555!important;}
.class dl dd ul li{line-height:25px;}


.open_class dd p{position:relative; padding:30px 0 10px 0;}
.open_class dd p span{background:URL(../img/bullet01.gif) no-repeat 0 center; padding-left:10px; font-weight:600;}
.open_class dd p a{position:absolute; top:26px; right:0; display:block; padding:2px 10px; border:1px solid #dedede; border-radius:15px; background:#fff;}
.open_class dd p a:hover{background:#ff8900; color:#fff;  transition:0.3s all ease;}
.open_class dt{position:relative!important;}
.open_class dd{margin-left:0; padding:15px;}

/*대기자등록*/
.top_comment_box{padding:30px 35px 30px 120px; border:1px solid #dedede; border-radius:10px; background:URL(../img/megaphone.png) no-repeat 4% center;}
.top_comment p{line-height:23px;}
.point{color:#ff8900; font-weight:700;}
.enroll p{text-align:right; background:URL(../img/bullet03.gif) no-repeat 420px center; margin:20px 0 10px 0;}
.enroll_tb tbody tr td, .enroll_tb tbody tr th{text-align:left!important; clear:both; letter-spacing:-0.5px;}
.enroll_tb tbody tr th{background:URL(../img/bullet03.gif) no-repeat 13px center; text-indent:16px;}
.enroll_tb tbody tr td textarea{width:100%; height:100px;}

.part_box label{line-height:25px; margin-right:8px;}
.btn_list{text-align:center; margin-top:20px;}
.btn_list button.btn_enroll span, .search_box > button span{padding:10px 15px;  border-radius:5px; background-color:#ff8900; color:#fff; border:1px solid #ff8900;}
.btn_list button.btn_enroll span{display:block;}
.btn_list button.btn_cancle span{display:block;padding:10px 15px;  border-radius:5px; background-color:#555; color:#fff; border:1px solid #555;}
.btn_list button span i{color:#fff; margin-right:5px;}
.btn_list button.btn_enroll:hover span, .btn_list button.btn_cancle:hover span{background-color:#fff; color:#555; border:1px solid #dedede; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.btn_list button.btn_enroll:hover span i, .btn_list button.btn_cancle:hover span i{color:#ff8900; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}

/*FAQ*/
.search_box{text-align:center; vertical-align:middle;}
.search_box > input{height:38px!important; width:350px; box-sizing:border-box; border-radius:8px 0 0 8px; padding-left:10px; padding-right:20px;}
.search_box > button{margin-left:-20px; }
.search_box > button span{display:block;border-radius:0; height:38px; box-sizing:border-box; line-height:16px; font-weight:700; border-radius:0 8px 8px 0;}
.search_box > button span > i{color:#fff; margin-right:5px;}

.hide{display:none;}
.faq_list_box{padding:20px;}
.faq_list {overflow:hidden; width:100%; border-top:2px solid #ccc; border-bottom:2px solid #ccc;}
.faq_list dt{position:relative; font-weight:600; line-height: 1.2; border-radius:5px;}
.faq_list dt:first-child p{border-top:none;}
.faq_list dt:after {display: block; clear: both; content: "."; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden }
.faq_list dt p {font-size:15px; padding:15px 20px; color:#555; border-top:1px dashed #dedede; text-indent:25px; background:URL(../img/question_icon.gif) no-repeat 10px center; cursor:pointer;}
.faq_list dt p .on_off {position: absolute; right:30px; display: inline-block; width:22px; height:22px; font-size:0; cursor:pointer;}
.faq_list dd{overflow:hidden; padding:15px 20px; margin-top:-1px; background-color:#fafafa; border-top:1px dashed #dedede;}
.faq_list dd p{line-height:23px;}
.faq_on{background:URL(../img/question_on_icon.gif) no-repeat 10px center!important;}
.faq_list dd ul{margin-bottom:20px;}
.faq_list dd ul li:first-child{font-weight:600;}
.faq_list dd ul li:last-child{padding-left:20px;}
.faq_list dd ul li{line-height:23px;}

/*교직원*/
/* 3명씩 정렬 될 경우 (사진이 있었음)
.group_box{border: 1px solid #dedede; width: 245px; height: 134px; float: left; margin-right: 6px; margin-bottom: 15px; padding:4px;}
.group_box:nth-child(3n+1){clear: both;}
.group_box:nth-child(3n){margin-right: 0!important; }
.group_box dd{width:130px; float:left; line-height:21px;}
.thumb {float: left; margin-right:8px;}
.thumb_img{height: 133px; width: 100px; }
.name02 {font-size: 16px; font-weight: 600; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #dedede; margin-bottom: 10px; text-align: center;}
.job {background:URL(../img/gr_icon_01.png) no-repeat 1px center; margin-left: 4px; text-indent: 20px; font-size: 13px;}
.ph {background:URL(../img/gr_icon_02.png) no-repeat 1px center; margin-left: 4px; text-indent: 20px; font-size: 13px;}
.loca {background:URL(../img/gr_icon_03.png) no-repeat 1px center; margin-left: 4px; text-indent: 20px; font-size: 13px;}
.mail {background:URL(../img/gr_icon_04.png) no-repeat 1px center; margin-left: 4px; text-indent: 20px; font-size: 12px;}
*/
/*교직원 4명씩 정렬 됨*/
.group_box{border: 1px solid #dedede; width: 180px; height: 134px; float: left; margin-right: 6px; margin-bottom: 15px; padding:4px;}
.group_box:nth-child(4n+1){clear: both;}
.group_box:nth-child(4n){margin-right: 0!important; }
.group_box dd{width:180px;  float:left; line-height:25px;}
.thumb {/*float: left; margin-right:8px;*/}
.thumb_img{height: 133px; width: 100px; display:block; margin:0 auto;}
.name02 {font-size: 16px; font-weight: 600; margin-top: 10px; padding-bottom: 10px; border-bottom: 1px dashed #dedede; margin-bottom: 10px; text-align: center;}
.job {background:URL(../img/gr_icon_01.png) no-repeat 1px center; margin-left: 20px; text-indent: 20px; font-size: 13px;}
.ph {background:URL(../img/gr_icon_02.png) no-repeat 1px center; margin-left: 20px; text-indent: 20px; font-size: 13px;}
.loca {background:URL(../img/gr_icon_03.png) no-repeat 1px center; margin-left: 20px; text-indent: 20px; font-size: 13px;}
.mail {background:URL(../img/gr_icon_04.png) no-repeat 1px center; margin-left: 20px; text-indent: 20px; font-size: 12px;}

/*교육원 소개*/
.img_bg{width: 25%; float: left; position: absolute; margin-top: 70px;}
.shadow_box{float: right; width: 71%; box-shadow: -6px 6px 10px -4px rgba(0,0,0,0.1); background-color: rgba(255, 255, 255, 0.9); position: relative; padding: 35px 0px 10px 30px; }
.intro_tit{margin-bottom: 25px; padding-bottom: 25px; color: #084192; font-size: 28px; letter-spacing: -2px; text-align: left; line-height: 1.1; font-weight: 600; border-bottom: 1px dashed #e0e0e0; background:URL(../img/plane.png) no-repeat right 60px; font-family:'NanumMyeongjo' }
.intro_tit span{display: block; margin-top: 8px ; color: #afafaf; font-size: 20px; letter-spacing: -1px; font-weight: 600;}
.intro_txt{line-height: 1.5; margin-bottom: 30px; font-weight: 600;}
.intro_list_box{padding: 25px 0px 20px 20px; background-color: #fbfbfb; border:1px solid #dedede; border-radius: 10px; width: 580px; margin: 0px auto;}
.intro_list_box ul{margin-bottom: 0px;}
.intro_map{width: 100%;}
.kr_banner{padding-bottom: 30px; margin-bottom: 30px; border-bottom:1px dashed #dedede;}

/*관련사이트*/
.site_list_box{width:100%; overflow:hidden; margin-top:20px; text-align:center; vertical-align:middle;}
.site_list{float:left; width:244px; height:92px;box-sizing:border-box; margin-left:21px; border:1px solid #dedede; margin-bottom:21px;}
.site_list_box .site_list:nth-child(3n+1){clear:both; margin-left:0;}
.site_list dt{height:63px; display:inline-block; padding:12px 0; box-sizing:border-box}
.site_list dt img{line-height:60px;}
.site_list dd{line-height:26px; background-color:#f5f7f9; border-top:1px solid #dedede;}

/*오시는길*/
.map{border:1px solid #dedede; margin-bottom:10px; width: 778px; height: 490px; position: relative; overflow: hidden;}
.map_info, .map_info > .point{border-bottom:1px solid #dedede; padding:20px 0; font-size:15px;}
.map_info > .point{border:none!important;}
.map_info_box{margin-top:20px;}
.map_icon{float:left; width:81px;}
.map_icon_txt{float:left; width:729px; margin-left:20px; line-height:20px;}
.map_tit{font-size:15px; margin-bottom:7px; font-weight: bold; line-height:20px;}

/*외국어교육*/
.en_box{clear:both; padding-top: 25px;}
/*사이트맵*/
.site_one{overflow:hidden; margin-bottom:20px;}
.one_menu{float:left; margin-left:24px; margin-bottom:20px; width:243px; box-sizing:border-box;}
.one_menu:first-child{margin-left:0;}
.site_two > li:first-child{font-size:17px; text-align:center; background:URL(../img/sitemap_bg.gif); padding:13px 0; color:#fff; margin-bottom:10px; border-radius:5px 5px 0 0; font-weight:600;}
.site_three > li{padding:10px; border-bottom:1px dashed #dedede; text-indent:17px; background:URL(../img/bullet03.gif) no-repeat 12px center;}

/*시설현황*/
.tab5 > div > .tab_menu{overflow:hidden;}
.tab5_outbox{clear:both; margin-top:20px;}
.room_img{overflow:hidden; width:525px; margin:0 auto;}
.room_img li{float:left; margin-bottom:20px;}
.room_img li:first-child, .room_img li:nth-child(2n+1){margin-right:25px;}




/*이중탭*/
.tab1 {display:block;clear:both;*zoom:1;margin-top:20px;}
.tab1:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.tab1> div > .tab_menu>li {float:left; width:50%;  margin-right:-1px; text-align:center; font-size:16px; letter-spacing:-1px; }
.tab1> div > .tab_menu>li a{ color:#888;}
.tab1> div > .tab_menu>li:hover a{text-decoration:none;}
.tab1> div > .tab_menu .tit {display:block; padding:15px 10px; font-size:15px;font-weight:700; background-color:#fff; cursor:pointer; border:1px solid #dedede;}
.tab1> div > .tab_menu .on {position:relative;}
.tab1> div > .tab_menu .on .tit {color:#ff8900; border-bottom:2px solid #ff8900;}
.tab1>.tab_cont {margin-top:-2px; float:left; width:100%; clear:both; border-radius:7px; color:#fff; margin-top:20px;}
.tab1>.tab_cont>.cont, .tab5_outbox {padding:30px; border:1px solid #dedede;}
.tab1 .comm_refer {margin:5px 0 18px 15px}

.tab2 {display:block; width:738px; clear:both;*zoom:1; width:100%;}
.tab2:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.tab2 > .tab2_box{text-align:center; padding-bottom:30px; border-bottom:1px dashed #dedede;}
.tab2 > .tab2_box > .tab_menu {width:500px; margin:0 auto;}
.tab2 > .tab2_box > .tab_menu>li{display:inline-block; text-align:center; white-space:nowrap; margin-left:4px;  margin-top:8px; }
.tab2 > .tab2_box > .tab_menu>li:hover a{text-decoration:none!important;background-color:#ff8900!important; -webkit-transition:all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition:all 0.5s ease-out; -o-transition:all 0.5s ease-out; transition:all 0.5s ease-out;}
.tab2 > .tab2_box > .tab_menu .tit {line-height:26px; padding:5px 20px; font-weight:bold; color:#ffffff; background-color:#aaa; cursor:pointer;}
.tab2 > .tab2_box > .tab_menu .on {position:relative}
.tab2>  .tab2_box > .tab_menu .on .tit {background-color:#ff8900;}
.tab2>.tab_cont {width:100%; clear:both; position:relative; margin-top:20px;}
.tab2>.tab_cont .cont {padding:25px; font-size:14px; color:#666; background-color:#fff; border-radius:7px; letter-spacing:-1px}
.tab2>.tab_cont>.cont:last-child {border-top-right-radius:0}

/*탭메뉴_4개*/
.tab3 {display:block;clear:both;*zoom:1;}
.tab3:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.tab3> div > .tab_menu>li {float:left; width:25%;  margin-right:-1px; text-align:center; font-size:16px; letter-spacing:-1px; margin-top:-1px;}
.tab3> div > .tab_menu>li:first-child, .tab3> div > .tab_menu>li:nth-child(2), .tab3> div > .tab_menu>li:nth-child(3), .tab3> div > .tab_menu>li:nth-child(4){margin-top:0!important;}
.tab3> div > .tab_menu>li a{color:#888; background-color:#fcfcfc!important;}
.tab3> div > .tab_menu>li:hover a{color:#ff8900!important; border:1px dashed #ff8900!important; position:relative;}
.tab3> div > .tab_menu>li:nth-child(4n+1){clear:both;}
.tab3> div > .tab_menu .tit {display:block; padding:15px 10px; font-size:15px;font-weight:bold; background-color:#fff; cursor:pointer; border:1px solid transparent;border-color: #d1d2d6;;}
.tab3> div > .tab_menu .on {position:relative;}
.tab3> div > .tab_menu .on .tit {color:#ff8900!important; border:1px solid #ff8900;  }
.tab3>.tab_cont {margin-top:-2px; float:left; width:100%; clear:both; border-radius:7px; color:#fff; margin-top:20px;}
.tab3>.tab_cont>.cont {padding:30px; border:1px solid #dedede;}

/*탭메뉴_5개*/
.tab5 {display:block;clear:both;*zoom:1;}
.tab5:after {display:block;height:0;content:".";font-size:0;visibility:hidden;clear:both}
.tab5> div > .tab_menu>li {float:left; width:20%;  margin-right:-1px; text-align:center; font-size:16px; letter-spacing:-1px; margin-top:-1px;}
.tab5> div > .tab_menu>li:first-child, .tab5> div > .tab_menu>li:nth-child(2), .tab5> div > .tab_menu>li:nth-child(3), .tab5> div > .tab_menu>li:nth-child(4), .tab5> div > .tab_menu>li:nth-child(5){margin-top:0!important;}
.tab5> div > .tab_menu>li a{color:#888; background-color:#fcfcfc!important;}
.tab5> div > .tab_menu>li:hover a{color:#ff8900!important; border:1px dashed #ff8900!important; position:relative;}
.tab5> div > .tab_menu>li:nth-child(5n+1){clear:both;}
.tab5> div > .tab_menu .tit {display:block; padding:15px 10px; font-size:15px;font-weight:bold; background-color:#fff; cursor:pointer; border:1px solid transparent;border-color: #d1d2d6;;}
.tab5> div > .tab_menu .on {position:relative;}
.tab5> div > .tab_menu .on .tit {color:#ff8900!important; border:1px solid #ff8900;  }
.tab5>.tab_cont {margin-top:-2px; float:left; width:100%; clear:both; border-radius:7px; color:#fff; margin-top:20px;}
.tab5>.tab_cont>.cont {padding:30px; border:1px solid #dedede;}
.tab5_box{clear:both;}
.tab5_box.room img {width:100%;}
.tab5> div > .tab_menu>li:hover a{text-decoration:none!important;}

/*footer*/
footer{clear:both; background-color:#f0f0f0; overflow:hidden; padding:20px; margin-top:50px; min-width:1000px;}
.ft_txt{width:1000px; margin:0 auto;}
.ft_logo{float:right; margin-top:40px;}
.add{float:left;}
.ft_menu li{ float:left;}
.ft_menu li a{ padding:0 10px;line-height:20px; font-weight:700; color:#555;}
.ft_menu li a:hover{text-decoration:none;}
.ft_menu li:first-child a{padding-left:0;}
address{clear:both; line-height:20px; font-size:12px!important;}
address{letter-spacing:-0.5px;}



/*공통영역*/
h4{font-size:17px!important; text-indent:23px; background:URL(../img/bullet.png) no-repeat 0 center; margin-bottom:20px!important; color:#555!important;}
h5{font-size:15px!important; margin-left:10px!important; margin-bottom:10px!important; text-indent:20px; background:URL(../img/bullet.gif) no-repeat 0 center; color:#555!important;}
.list{margin-left:20px; margin-bottom:25px;}
.list li{background:URL(../img/bullet01.gif) no-repeat left 12px; padding-left:15px; line-height:1.9;}
.list li .list02 li{background:URL(../img/bullet04.gif) no-repeat left 12px; padding-left:15px; line-height:1.9;}

/*테이블*/
.tb{position:relative; clear:both;text-align:center; border-top:1px solid #888;  border-bottom:1px solid #888; width:100%;}
.tb thead tr th:last-child, .tb tbody tr td:last-child{border-right:none;}
.tb thead tr th, .tb tbody tr td, .tb tfoot tr td, .tb tfoot tr th, .tb tbody tr th{padding:10px; border-top:1px solid #dedede; border-right:1px solid #dedede;}
.tb tfoot tr td{border-bottom:1px solid #deddde;}
.tb tfoot tr th, .tb thead tr th, .tb tbody tr th{ background-color:#f5f7f9;}
.txt_box{padding-left:30px; padding-right:30px;}

/*테이블2*/
.tb2{position:relative; clear:both;text-align:center; border-top:1px solid #888;  border-bottom:1px solid #888; }
.tb2 thead tr th, .tb2 tbody tr td, .tb2 tfoot tr td, .tb2 tfoot tr th, .tb2 tbody tr th{padding:10px; border-top:1px solid #dedede; border-right:1px solid #dedede;}
.tb2 tfoot tr td{border-bottom:1px solid #deddde;}
.tb2 tfoot tr th, .tb2 thead tr th, .tb2 tbody tr th{ background-color:#f5f7f9;}
.br_none{border-right:none!important;}
.txt_box{padding-left:30px; padding-right:30px;}
.tb2 ul{margin: 0px;}
footer > .ft_txt > .add > .ft_menu > li > a > i{margin-left:5px; font-size:12px}

/*객원숙소*/
.calendar_month {text-align:center; margin-bottom:20px; }
.calendar_month *{vertical-align: middle; }
.calendar_month .hide{font-size:0; }
.calendar_month > a.prev_month { display: inline-block; width: 27px; height: 27px; background: #ffffff url('/groups/iiee/img/calendar_prev.png') no-repeat 0 0; }
.calendar_month > span { display: inline-block; margin: 0 9px; font-size: 26px; font-family: arial; font-weight: bold; color: #313131; }
.calendar_month > a.next-month { display: inline-block; width: 27px; height: 27px; background: #ffffff url('/groups/iiee/img/calendar_next.png') no-repeat 0 0; }


.calendar_list .tb_calendar tbody tr td{padding:15px;}
.calendar_list .tb_calendar tbody tr td .cal_inner{font-weight:bold; text-align:left;}
.calendar_list .tb_calendar tbody tr td .cal_btn, .calendar_list .tb_calendar tbody tr td .cal_end{margin-top:10px;}
.calendar_list .tb_calendar tbody tr td .cal_btn span{display:block;}
.calendar_list .tb_calendar tbody tr td .cal_btn span a{display:block; border:1px solid #ff8900; padding:5px; text-align:center; border-radius:15px; background:#ff8900; color:#fff; transition:all ease 0.3s; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -moz-transition:all 0.3s ease;}
.calendar_list .tb_calendar tbody tr td .cal_btn span a:hover{background:#fff; color:#ff8900; font-weight:600;}
.calendar_list .tb_calendar tbody tr td .cal_end span{display:block; border:1px solid #999; padding:5px; text-align:center; border-radius:15px; background:#999; color:#fff;}

.room .tb tbody tr th{text-align:right;}
.room .tb tbody tr td{text-align:left;}
.requestState{min-height:250px;}
.box *{line-height:1.9;}
.box ol li{list-style-type:decimal; margin-left:25px;}
.box ol li ul{margin-bottom:0;}
.box ol li ul li{list-style-type:none; margin-left:0;} 
.box01{margin-top:10px; padding:15px; background-color:#f9f9f9; border-radius:10px; border:1px solid #dedede;}
.check_btn{margin-left:10px; height:34px; box-sizing:border-box; cursor:pointer; background:#f9f9f9; border-radius:10px; border:1px solid #dedede; padding:0 10px; transition:all 0.3s ease;}
.check_btn:hover{border:1px solid #888;}
.calendar_icon{margin:0 10px; cursor:pointer;}

/*
리스트 3단
.re_list{overflow:hidden;}
.re_list li{float:left; width:33%; margin:1% 0.5% 1% 0; border:1px solid #dedede; box-sizing:border-box;}
.re_list li:nth-child(3n){margin-right:0;}
.re_list li .re_thumb{width:100%; height:170px; overflow:hidden; text-align:center;}
.re_list li .re_thumb img{height:100%;}
.re_list li dl{width:100%; padding:15px 11px; box-sizing:border-box;}
.re_list li dl dt{font-size:18px; font-weight:600; padding:3px 0 14px 3px; border-bottom:1px dashed #ccc; margin-bottom:7px;}
.re_list li dl dd{letter-spacing:-0.5px; clear:both; padding:7px 0; }
.re_list li dl dd span{display:block; float:left; margin-right:5px; width:83px; font-weight:600;}
.re_list li dl dd span i{margin-right:4px; width:17px; height:17px; background:#ff8900; border-radius:50%; color:#fff; text-align:center; line-height:17px; font-size:11px;}*/



.re_list{overflow:hidden;}
.re_list li{float:left; width:49%; margin:1% 1% 1% 0; border:1px solid #dedede; box-sizing:border-box; padding:11px 11px 0 11px;}
.re_list li:nth-child(2n){margin-right:0;}
.re_list li .re_thumb{width:100%; max-height:240px; overflow:hidden; text-align:center; text-align:center;}
.re_list li .re_thumb a{display:block; }
.re_list li .re_thumb a img{max-height:240px; width:100%;}
.re_list li dl{width:100%; padding:15px 10px; box-sizing:border-box;}
.re_list li dl dt{font-size:18px; font-weight:600; padding:3px 0 14px 5px; border-bottom:1px dashed #ccc; margin-bottom:7px;}
.re_list li dl dd{clear:both; padding:10px 0; margin-left:5px;}
.re_list li dl dd span{display:block; float:left; margin-right:5px; width:97px; font-weight:600;}
.re_list li dl dd span i{margin-right:7px; width:17px; height:17px; background:#ff8900; border-radius:50%; color:#fff; text-align:center; line-height:17px; font-size:11px;}
.re_list li dl dd:last-child{background:#f5f7f9; padding:0; text-align:center; margin:10px -21px -15px -21px;  border-top:1px solid #dedede;}
.re_list li dl dd:last-child a{display:block; width:100%; padding:8px 0; font-size:15px;}
.re_list li dl dd:last-child:hover{background:#ff8900; transition:all 0.3s ease;}
.re_list li dl dd:last-child:hover *{color:#fff; transition:all 0.3s ease;}

.btn {padding: 4px 8px; border-radius: 4px; background: #003e73; display: block; color: #fff}
.btn_b {text-align:right}
.btn_b a {display:inline-block; margin:10px 0}


/* 대외협력관 객원숙소 */
.room1 { background: #f3f8f8 !important;}
.room2 {background: #d5d8d8 !important;}
.room3 {background: #b3b9b9 !important;}
