@charset "uth-8";

/*Font*/
body,html{font-family:"Nanum Gothic"; font-weight:400;}

#wrap{width:100%; min-width:320px;}
.inner{width:1180px; margin:0 auto;}
.inner:after{content:""; display:block; clear:both;}

/*head.php*/
#top{background:#3b6db5; width:100%; height:50px; }
#top .inner{height:100%;}
.left_top{float:left; height:100%;}
.left_top li{position:relative; float:left; height:100%; vertical-align:middle;}
.left_top li:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.left_top li + li{margin-left:10px;}
.left_top li a.black_box{display:inline-block; color:#fff; width:100px; height:35px; background:#000; line-height:35px; text-align:center;}
.left_top span a{vertical-align:middle;}
.right_top{float:right; color:#fff; font-size:15px; font-weight:600;}
.right_top span{display:inline-block; vertical-align:middle; line-height:50px;}
.right_top .login_box{margin-right:10px;}
.right_top .login_box input[type="text"], .right_top .login_box input[type="password"]{line-height:35px; width:180px; height:35px; font-weight:700; font-size:14px; color:#aaa; padding-left:15px;}
.right_top .member_btn button,
.right_top .member_btn a{display:inline-block; width:80px; height:35px; line-height:35px; text-align:center; background:#000; vertical-align:middle; margin-right:10px; color:#fff; font-weight:400; font-size:15px;}
.right_top .member_btn .logout{display:none;}
.right_top span.idpw_search{margin-left:10px;}
.right_top span a{font-weight:700; font-size:15px; color:#fff;}

.header_top{}
.header_top .inner{height:110px;}
.header_top .inner h1{float:left; vertical-align:middle; height:100%;}
.header_top .inner h1:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.header_top .inner ul{float:left; padding-left:38px; height:100%;}
.header_top .inner ul li{float:left; height:100%;}
.header_top .inner ul li form{height:100%;}
.header_top .inner ul li form:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
.header_top .inner ul li:first-child{margin-right:15px;}
.header_top .inner ul li span{display:inline-block; vertical-align:middle; font-size:17px; font-weight:700; color:#000; line-height:35px; }
.header_top .inner ul li select{width:125px; height:35px; line-height:35px; background:#f5f5f5; border:1px solid #dddddd;}
.header_top .inner ul li select{margin-left:10px; font-size:14px; color:#666; font-weight:700;}
.header_top .inner ul li input[type="text"]{display:inline-block; width:170px; height:35px; border:1px solid #ddd;margin:0 10px 0 6px;}
.header_top .inner ul li button{text-align:center; font-size:15px; color:#fff; font-weight:700; vertical-align:middle; margin-left:-4px;}

/*NAV*/
nav{}
nav .inner{}
nav .inner .gnb_list{}
nav .inner .gnb_list{}
nav .inner .gnb_list > li{float:left; vertical-align:middle; padding:0 45px; line-height:60px; letter-spacing:-.1em; position:relative;}
nav .inner .gnb_list > li:after{content:""; display:block; position:absolute; width:2px; height:18px; top:50%; margin-top:-9px; right:0; background:#8f8f8f;}
nav .inner .gnb_list > li:first-child{padding-left:22px;}
nav .inner .gnb_list > li:last-child{padding-right:22px;}
nav .inner .gnb_list > li:last-child:after{display:none;}
nav .inner .gnb_list > li > a{font-size:20px; color:#000; font-weight:700;}
nav .inner .gnb_list > li > .sub_depth{}
nav .inner .gnb_list > li > .sub_depth > ul{}
nav .inner .gnb_list > li > .sub_depth > ul > li{}
nav .inner .gnb_list > li > .sub_depth > ul > li > a{}
nav .inner .gnb_list > li > .sub_depth{display:none; position:absolute; top:57px; left:0; width:155px; border:1px solid #aaaaaa; border-top:3px solid #1e75a6; padding:14px 0 14px 25px; z-index:3; background:#fff;}
.gnb_list > li > .sub_depth > ul > li{display:block;}
.gnb_list > li > .sub_depth > ul > li > a{font-size:13px; font-weight:700; color:#333; line-height:40px; display:block; width:100%; height:100%;}
.gnb_list > li > .sub_depth > ul > li:hover a{color:#1e75a6;}
nav .inner .gnb_list > li:hover > .sub_depth{display:block;}


/*visual*/
#visual_container{position:relative; text-align:center; height:350px; width:1180px; margin:0 auto;}
#visual{overflow:hidden; position:relative; display:inline-block; width:100%; height:100%;}
#visual .swiper-wrapper{}
#visual .swiper-wrapper .swiper-slide{}
#visual_container .swiper-button-prev,#visual_container .swiper-button-next{right:auto; left:50%; width:19px; height:54px; -webkit-transform:translate(-650px, 0);-moz-transform:translate(-650px, 0);-ms-transform:translate(-650px, 0);-o-transform:translate(-650px, 0);transform:translate(-650px, 0);}
#visual_container .swiper-button-prev{background:url("/Skin/img/main_img/main_slide_l.png")no-repeat;}
#visual_container .swiper-button-next{background:url("/Skin/img/main_img/main_slide_r.png")no-repeat; -webkit-transform:translate(631px, 0);-moz-transform:translate(631px, 0);-ms-transform:translate(631px, 0);-o-transform:translate(631px, 0);transform:translate(631px, 0);}

#container > .inner > .main_txt{text-align:center; padding:50px 0;}
/*notic_container*/
.notic_container{margin-bottom:15px; }
.notic_container:after{content:''; display:block; clear:both;}
.notic_container .notic_box{float:left; padding:9px 15px; width:280px; height:310px; background:#f5f5f5; margin-right:20px;}
.notic_container .notic_box:last-child{margin-right:0;}
.notic_container .notic_box .notic_top{position:relative; border-bottom:1px solid #ccc; color:#000; font-size:17px; font-weight:700; width:100%; height:58px; line-height:58px;}
.notic_container .notic_box .notic_top i{display:inline-block; width:40px; height:40px; line-height:40px; background:#222; border-radius:100px; vertical-align:middle; margin-right:10px; text-align:center;}
.notic_container .notic_box .notic_top span{position:absolute; top:0; right:0; display:inline-block; vertical-align:middle;}
.notic_container .notic_box ul{padding:23px 0 0 0;}
.notic_container .notic_box ul li{}
.notic_container .notic_box ul li a{float:left; width:170px; height:30px;}
.notic_container .notic_box ul li:after{content:""; display:block; clear:both;}
.notic_container .notic_box ul li a i{display:inline-block; vertical-align:middle; margin-left:5px; font-style:normal;}
.notic_container .notic_box ul li a span.newDoc{width:12px; height:12px;}
.notic_container .notic_box ul li a span.newDoc:before{background:#c00; font-size:9px; line-height:12px; font-weight:400;}
.notic_container .notic_box ul li a p{display:inline-block; vertical-align:middle; font-size:13px; color:#333; line-height:30px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; max-width:150px;}
.notic_container .notic_box ul li span{float:right;line-height:30px; font-size:11px; color:#999999;}

.list_photo:after{content:''; display:block; clear:both;}
.list_photo li{float:left; width:280px;}
.list_photo li + li{ margin-left:20px;}
.list_photo li img{width:100%;}

/*data_section*/
#data_section{padding:55px 0;}
#data_section article{float:left; vertical-align:bottom;}
.data_box{}
.data_box ul{margin-bottom:50px; margin-right:12px;}
.data_box ul:after{content:''; display:block; clear:both;}
.data_box ul:last-child{margin-bottom:0px;}
.data_box ul li{float:left; vertical-align:middle; text-align:right;}
.data_box ul li + li{margin-left:15px;}
.data_box ul li a{}
.data_box ul li a span{ vertical-align:middle; font-weight:700; font-size:20px; color:#333;}
.data_box ul li a i{display:inline-block; vertical-align:middle;}
.book_qrbox{display:table;table-layout:fixed; width:420px; margin-left:5px; height:220px;}
.book_qrbox div{display:table-cell; vertical-align:middle; text-align:center;}
.book_qrbox div a{}
.book_qrbox div a i{display:block;}
.book_qrbox div a span{margin-top:20px; display:block; font-weight:700; font-size:20px; color:#333; text-align:center;}
#data_section article.recommendation_book{float:right; width:170px; position:relative;}
.recommendation_book span{display:block; text-align:center; font-weight:700; font-size:20px; color:#333; margin-top:10px;}
#book_slide{overflow:hidden; margin-top:12px;}
#book_slide a img{max-width:110px; max-height:162px;}
#book_slide .swiper-wrapper{height:auto;}
#book_slide .swiper-wrapper .swiper-slide{width:100%!important;height:auto; text-align:center;}
#book_slide .swiper-wrapper .swiper-slide p{display:block; font-size:16px; color:#333; font-weight:700; letter-spacing:-.1em; margin-top:12px;}
.recommendation_book .swiper-button-next02{background:url("/Skin/img/main_img/book_arrow_r.png")no-repeat; position:absolute; right:0;}
.recommendation_book .swiper-button-prev02{background:url("/Skin/img/main_img/book_arrow_l.png")no-repeat; position:absolute; left:0;}
.recommendation_book  .swiper-button-next02, .recommendation_book  .swiper-button-prev02{position:absolute; top:50%;  width:20px; height:20px; margin-top:-10px; z-index:10; cursor:pointer;}
.service_container{clear:both; position:relative; padding:45px 65px 0;}
#service_slide{overflow:hidden; }
#service_slide .swiper-wrapper{height:auto;}
#service_slide .swiper-wrapper .swiper-slide{float:left; padding:5px 0; height:auto; text-align:center;}
#service_slide .swiper-wrapper .swiper-slide a{position:relative; display:inline-block; font-weight:700; font-size:18px; color:#333; line-height:24px;}
#service_slide .swiper-wrapper .swiper-slide:after{position:absolute; top:50%; margin-top:-8.5px; right:0; content:""; display:block; width:1px; height:17px; background:#666;}
#service_slide .swiper-wrapper .swiper-slide:last-child:after{display:none;}
.service_container .swiper-button-next03{background:url("/Skin/img/main_img/book_arrow_r.png")no-repeat; position:absolute; right:0;}
.service_container .swiper-button-prev03{background:url("/Skin/img/main_img/book_arrow_l.png")no-repeat; position:absolute; left:0;}
.service_container .swiper-button-next03, .service_container  .swiper-button-prev03{position:absolute; bottom:7px;  width:20px; height:20px; z-index:10; cursor:pointer;}

/*footer*/
footer{padding:29px 0; background:#f2f3f4; border-top:1px solid #ccc;}
footer:after{content:''; display:block; clear:both;}
footer .inner{height:90px;}
footer h3{float:left; width:35%; height:85%;}
footer h3:before{content:''; display:inline-block; width:0; height:100%; vertical-align:middle;}
footer section.footer_container{float:left; width:65%; text-align:center;}
footer section.footer_container:after{content:""; display:block; clear:both;}
footer section.footer_container article{float:left;}
footer section.footer_container article.addr_container{text-align:left;}
footer section.footer_container article.addr_container ul{}
footer section.footer_container article.addr_container ul li{position:relative; display:inline-block; padding:0 15.5px;}
footer section.footer_container article.addr_container ul li:first-child{padding-left:0;}
footer section.footer_container article.addr_container ul li a{color:#333; font-size:12px; }
footer section.footer_container article.addr_container ul li:after{content:""; display:block; width:1px; height:11px; background:#d0d0d1; position:absolute; right:0; top:0;}
footer section.footer_container article.addr_container ul li:last-child:after{display:none;}
footer section.footer_container article.addr_container address{margin:16px 0;}
footer section.footer_container article.addr_container address span{color:#666; font-size:12px;}
footer section.footer_container article.addr_container p{color:#666; font-size:11px;}
footer section.footer_container article.addr_container p span{color:#000;}
footer section.footer_container article.sns_container{float:right;}
footer section.footer_container article.sns_container ul{display:inline-block; vertical-align:middle;}
footer section.footer_container article.sns_container ul li{display:inline-block; margin-right:10px;}
footer section.footer_container article.sns_container ul li:last-child{margin-right:0;}
footer section.footer_container article.sns_container ul li a{}
footer section.footer_container article.sns_container .search_link{display:inline-block; vertical-align:middle;}
footer section.footer_container article.sns_container .search_link span{display:inline-block; padding:0 16px; position:relative;}
footer section.footer_container article.sns_container .search_link span:after{content:""; display:block; width:1px; height:11px; position:absolute; right:0; top:0; background:#bfc0c0; }
footer section.footer_container article.sns_container .search_link span:last-child{padding-right:0;}
footer section.footer_container article.sns_container .search_link span:last-child:after{display:none;}
footer section.footer_container article.sns_container .search_link span a{display:block; color:#646464; font-size:12px;}
footer section.footer_container article.sns_container .today_box p{display:inline-block; font-size:12px; color:#333; margin-top:17px; margin-right:17px;}
footer section.footer_container article.sns_container .today_box p:last-child{margin-right:0;}
footer section.footer_container article.sns_container .today_box p span{display:inline-block; padding:3px; border:1px solid #aaaaaa; font-size:10px; color:#666; border-radius:5px; margin-right:6px;}


/* ----------------- Modify.BH --------------------- */
#_BH_RefreshBtn{ position:fixed; bottom:10px; right:10px; z-index:9999; display:block; height:30px; line-height:30px; padding:0 15px; font-size:12px; background:rgba(0,0,0,0.5); color:#fff; border-radius:15px;}

.hidden{display:none;}

.modalConfirm{ position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#999; background:rgba(0,0,0,0.1);}
.modalConfirm form{ position:absolute; top:50%; left:50%; width:300px; padding:20px; margin:-80px 0 0 -150px; border:2px solid #333; background:#fff; text-align:center;}
.modalConfirm p{ font-weight:700;}
.modalConfirm div.fieldSet{padding:15px 0;}
.modalConfirm .sPopBtns button{height:22px; width:60px; background:#666; color:#fff;}

.right_btn{text-align:right;}
.right_btn a{display:inline-block; min-width:100px; line-height:30px; background:#000; color:#fff; text-align:center;}

.nothing{padding:20px 0; text-align:center; font-size:16px; color:#999;}

.paging{text-align:center;}
.paging a, .paging strong, .paging span{display:inline-block; min-width:24px; height:23px; line-height:23px; text-align:center; border:1px solid #b5b4b4; vertical-align:middle;}
.paging strong{border-color:#1e75a6; color:#1e75a6;}
.paging .prevp, .paging .nextp{display:none;}
.paging .first{border:0; width:28px; height:23px; overflow:hidden;}
.paging .first:before{content:' '; display:block; width:100%; height:100%; margin-bottom:10px; background:url('/Skin/img/sub_img/arro_double_l.png') no-repeat;}
.paging .prev{border:0; width:24px; height:23px; overflow:hidden;}
.paging .prev:before{content:' '; display:block; width:100%; height:100%; margin-bottom:10px; background:url('/Skin/img/sub_img/arro_l.png') no-repeat;}
.paging .last{border:0; width:28px; height:23px; overflow:hidden;}
.paging .last:before{content:' '; display:block; width:100%; height:100%; margin-bottom:10px; background:url('/Skin/img/sub_img/arro_double_r.png') no-repeat;}
.paging .next{border:0; width:28px; height:23px; overflow:hidden;}
.paging .next:before{content:' '; display:block; width:100%; height:100%; margin-bottom:10px; background:url('/Skin/img/sub_img/arro_r.png') no-repeat;}

.paging2{padding:30px 0;}

table.write{width:100%; table-layout:fixed; margin-top:30px;}
table.write th, table.write td{border:1px solid #ddd; border-width:1px 0; padding:10px;}
table.write th{background:#f8f8f8; width:150px;}
table.write label + label{margin-left:10px;}
table.write textarea{width:100%; height:300px;}
table.write input[type=text], table.write input[type=tel], table.write input[type=email],table.write input[type=password]{height:30px; padding:0 10px; margin:0;}
table.write input[name=subject]{width:100%;}
table.write select{height:30px;}

.newDoc, .secretDoc{display:inline-block; vertical-align:middle; width:14px; height:16px; overflow:hidden; background:#F30; text-align:center; border-radius:4px;}
.newDoc:before, .secretDoc:before{content:'S'; display:block; font-size:11px; font-weight:700; color:#fff; line-height:16px; margin-bottom:10px;}
.newDoc{background:#f4d;}
.newDoc:before{content:'N';}

.fileDoc{display:inline-block; vertical-align:middle; width:11px; height:13px; overflow:hidden;}
.fileDoc:before{content:''; display:block; width:100%; height:100%; background:url('/Skin/img/icon_file.gif') no-repeat center center; background-size:100% 100%; margin-bottom:10px;}

.bottomBtn{text-align:center; padding:20px 0 50px;}
.bottomBtn a{display:inline-block; line-height:30px;}
.bottomBtn a, .bottomBtn button{min-width:80px; height:30px; background:#333; color:#fff;}

.fileUploadArea2{position:relative; padding-left:80px; min-height:22px;}
.fileUploadArea2:after{content:''; display:block; clear:both;}
.fileUploadArea2 > p{float:left; line-height:24px;}
.fileUploadArea2 > p span{display:inline-block; padding:0 5px; background:#099; color:#fff; border-radius:4px; line-height:1.4;}
.fileUploadArea2 .fileUploadBtn{position:absolute; left:0; top:0; border:1px solid #aaa; border-radius:3px; font-size:12px; color:#000; height:22px; padding:0 5px; background:linear-gradient(0, #ddd, #fff, #fff, #fff);}
.fileUploadArea2 + .fileUploadArea2{margin-top:5px;}

.se2_add_img{margin-top:-2px; padding:5px; border:1px solid #aaa; border-top:0; background:#eee;}
.se2_add_img button{border:1px solid #aaa; border-radius:3px; font-size:12px; color:#000; height:18px; padding:0 5px; background:linear-gradient(0, #ddd, #fff, #fff, #fff);}

span.uploadedFile{display:inline-block; padding:3px 5px; border:1px solid #ccc; background:#eee; border-radius:3px;}
.fileUploadArea{padding:10px 0;}
.fileUploadArea + .fileUploadArea{padding-top:0;}
.fileUploadImage{display:inline-block; vertical-align:middle;}
.fileUploadImage img{display:block; max-width:100px; max-height:100px;}
.fileUploadImage i{display:block; width:100px; height:100px; background-repeat:no-repeat; background-size:contain; background-position:center center;}
.fileUploadArea2 + .fileUploadArea2{padding-top:0;}
.fileUploadArea2 p{display:inline-block;}

.jqFileUploadArea .mBtn{border:1px solid #aaa; border-radius:3px; font-size:12px; color:#000; height:22px; padding:0 5px; background:linear-gradient(0, #ddd, #fff, #fff, #fff);}
.jqFileUploadArea .progress{display: inline-block; height: 20px; width: 200px; overflow: hidden; border-radius:5px; background:#eee;vertical-align: middle;}
.jqFileUploadArea .progress .bar{width: 0%; height: 100%;}

.youtube{position:relative; height:0; padding-bottom:56.25%; margin:20px 0;}
.youtube iframe{position:absolute; top:0; left:0; width:100%; height:100%;}


.BH_Popup{ position:absolute; top:0; left:0; z-index:10; border:1px solid #888; background:#fff;}
.BH_PopupContent{ overflow-y:auto; overflow-x:hidden;}
.BH_PopupContent img{max-width:100%;}
.BH_PopupContent .autoSize img{display:block;}
.BH_PopupBtns{ line-height:21px; background:#333; color:white; font-size:12px;}
.BH_PopupBtns a{cursor:pointer;}
.BH_PopupBtns:after{ content:' '; display:block; clear:both;}
.BH_PopupTodayClose{float:left; display:block; padding:5px 10px;}
.BH_PopupClose{float:right; display:block; padding:5px 10px;}

.fileUploadArea2 .btns, .fileUploadArea2 .sortInp{display:inline-block;}
.replyWrite button.sBtn,
.fileUploadArea2 a.sBtn, .fileUploadArea2 button.sBtn{border:1px solid #aaa; border-radius:3px; font-size:12px; color:#000; height:22px; padding:0 5px; background:linear-gradient(0, #ddd, #fff, #fff, #fff);}
.fileUploadArea2 a.sBtn{display:inline-block; line-height:20px;}
.fileUploadArea2 a.btn2{background:#666; color:#fff;}
.fileUploadArea2 .fileName{display:inline-block; font-size:12px; font-weight:700; line-height:24px; background:#ddd; text-align:center; border-radius:5px; margin-right:5px;}

.red{color:#e10;}

.repLayer{ position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:#999; background:rgba(0,0,0,0.1);}
.repLayer form{ position:absolute; top:50%; left:50%; width:40.0rem; padding:2.0rem; margin:-8.0rem 0 0 -15.0rem; border:2px solid #333; background:#fff; text-align:center;}
.repLayer div.btn{ padding-top:1.0rem;}
.repLayer .targetContent{ text-align:left; font-size:0.9em;}
.repLayer textarea{ height:8.0rem;}
.repLayer fieldset.user{ text-align:left;}
.repLayer fieldset.user dl, .repLayer fieldset.user dt, .repLayer fieldset.user dd{ display:inline-block;}
.repLayer fieldset.user dd input{ width:100px;}
.repLayer fieldset.pwd{ text-align:center;}
.repLayer fieldset.pwd p{ font-weight:700; padding:1.5rem 0 0.5rem;}

ul.shareSNSBtn{padding:10px; text-align:right;}
ul.shareSNSBtn li{display:inline-block;}


/* 모달창 */
.modal_layer{position:fixed; top:0; left:0; z-index:5000; display:none;  width:100%; height:100%; background:rgba(0,0,0,0.3);}
.modal_layer .modal_wrap{position:fixed; top:50%; left:50%; z-index:2; width:400px; height:300px; padding-top:30px; max-width:90%; max-height:90%; background:#F7F7F7;}
.modal_layer .modal_header{position:absolute; top:0; left:0; width:100%; height:30px; background:#2C3E50;}
.modal_layer .modal_header h1{padding:0 80px 0 10px; height:100%; font-size:14px; color:white; overflow:hidden; line-height:30px;}
.modal_layer .modal_header .close_modal_btn{position:absolute; top:16px; left:100%; margin-left:-38px; line-height:16px; font-size:18px; color:white; cursor:pointer;}
.modal_layer .modal_header .close_modal_btn i{content:'X';}
.modal_layer .modal_header .close_modal_btn i:before,
.modal_layer .modal_header .close_modal_btn i:after{background-color:#fff;}

.modal_layer .submit_btn button{height:40px; font-size:14px; width:100px;}
.modal_layer .modal_contents{height:100%; overflow-y:auto;}
.modal_layer .modal_contents .modal_inner{padding:20px;}

#moveFormArea{padding:20px;}
#moveFormArea select{height:40px; width:100%;}
#moveFormArea select + select{margin-top:10px;}
#moveFormArea fieldset{}
#moveFormArea div.footer{padding-top:20px;}
#moveFormArea div.footer button{width:100%; background:#333; color:#fff; height:40px; border-radius:3px;}

#sitemapBox{position:fixed; top:0; left:0; z-index:100; width:100%; height:100%; background:rgba(0,0,0,0);}
#sitemapBox .wrap{position:absolute; top:50%; left:50%; width:1000px; height:750px; max-height:90%; padding:10px 20px; background:#fff; border:1px solid #000; overflow-y:auto; -webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
#sitemapBox ul.depth1{display:table; width:100%; table-layout:fixed;}
#sitemapBox ul.depth1 > li{display:table-cell;}
#sitemapBox a:hover{text-decoration:underline;}
#sitemapBox ul.depth1 > li > a{font-size:15px; line-height:28px; color:#000; font-weight:800;}
#sitemapBox ul.depth2 > li > a{font-size:14px; line-height:24px; color:#333; font-weight:700;}
#sitemapBox ul.depth3 > li > a{font-size:12px; line-height:16px; color:#707070; font-weight:700;}
#sitemapBox ul.depth3{padding:0 0 10px 7px;}

#sitemapBoxClose{position:absolute; top:10px; right:10px;}
#sitemapBoxClose img{width:25px; height:25px;}
#sitemapBoxClose span{display:none;}

@media(max-width:1200px){
	#sitemapBox .wrap{left:600px;}
}

.ui-datepicker .ui-datepicker-title select{height:24px; vertical-align:middle;}
.ui-datepicker .ui-datepicker-title select + select{margin-left:2%;}

ul.boardSelectForW{padding:20px;}
ul.boardSelectForW li{padding:2px; text-align:center; font-weight:700; color:#333;}
ul.boardSelectForW li a{display:block; padding:20px; border:2px solid #999;}
ul.boardSelectForW li a:hover{background:#666; border-color:#333; color:#fff;}

#top div.pop{position:absolute; top:150%; left:0; z-index:10;}
#top div.pop button{position:absolute; top:15px; right:15px;}