@charset "utf-8";

/* font */
@import url("fonts/notosans.css");
@import url("all.min.css");

/* reset */
html * {max-height: 999999px} /* font size bug fix */
html,body{margin:0px;padding:0px;width:100%;font-size:10px;font-family:'NotoSansKR', Arial, sans-serif;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;letter-spacing:-0.5px}
ul,ol,li,dl,dd,dt,input,h1,h2,h3,h4,h5,h6,p,b,input,button,textarea,fieldset,legend,td,th{margin:0px;padding:0px;font-weight:normal;word-break:keep-all}
li{list-style:none}
fieldset,img,a{border:0px}
a{text-decoration:none}
legend,.blind{position:absolute;top:0;left:-10000px;width:0;height:0;overflow:hidden;font-size:0;line-height:0}
caption{display:none}
button,label{cursor:pointer}
button{overflow:visible\9}	/* button fix for ie8 */
input,textarea,button,select{font-family:'NotoSansKR', Arial, sans-serif}
/*input[type="password"]{font-family:"돋움",sans-serif }*/
table{width:100%;border-collapse:collapse;border-spacing:0;text-align:left}
table th, table td{text-align:left}
input::-webkit-input-placeholder{color:#9e9e9e}
input::-moz-placeholder{color:#9e9e9e}
input:-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder{color:#9e9e9e}
textarea::-webkit-input-placeholder{color:#9e9e9e}
textarea::-moz-placeholder{color:#9e9e9e}
textarea:-moz-placeholder{color:#9e9e9e}
textarea:-ms-input-placeholder{color:#9e9e9e}
input:focus::-webkit-input-placeholder{color:transparent!important}
input:focus::-moz-placeholder{color:transparent!important}
input:focus:-moz-placeholder{color:transparent!important}
input:focus:-ms-input-placeholder{color:transparent!important}
textarea:focus::-webkit-input-placeholder{color:transparent!important}
textarea:focus::-moz-placeholder{color:transparent!important}
textarea:focus:-moz-placeholder{color:transparent!important}
textarea:focus:-ms-input-placeholder{color:transparent!important}
header, footer, section, article, aside, nav, address { display: block; margin:0; } /* ie8 */

.clear-wrap:before,.clear_wrap:after{content:" ";display:table}
.clear-wrap:after{clear:both}
.clear-wrap{*zoom:1}
.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.ellipsism{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.appearance{border:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.boxsizing{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mobilescrolling{-webkit-overflow-scrolling:touch}
body *,
body *:after,
body *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.btns,
#gnb .btn_menu,
.bbs_footer .bbs_page .btn_page,
.bbs_table .bbs_list td,
.form_area .btn_attach,
.check_box .icon,
.check_box .icon .fas,
.check_box .text,
.light_area .light_control_box .btn_light,
.ani{-webkit-transition:all 0.2s ease-in-out;-moz-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out}

#content{padding:60px 20px 0 20px}
.contains{position:relative;margin:0 auto;max-width:1260px}
.mobile{display:none!important}

/* 공통 */
.btns:hover{-webkit-filter:brightness(110%)}
.btn_blue{display:inline-block;min-width:120px;height:40px;line-height:40px;text-align:center;font-size:1.5em;color:#fff;border-radius:20px;background:#428ec9}
.btn_red{display:inline-block;min-width:120px;height:40px;line-height:40px;text-align:center;font-size:1.5em;color:#fff;border-radius:20px;background:#da4d4d}
.btn_green{display:inline-block;min-width:120px;height:40px;line-height:40px;text-align:center;font-size:1.5em;color:#fff;border-radius:20px;background:#34ab43}
.btn_gray{display:inline-block;min-width:120px;height:40px;line-height:40px;text-align:center;font-size:1.5em;color:#fff;border-radius:20px;background:#999}
.btn_gray2{display:inline-block;min-width:120px;height:40px;line-height:40px;text-align:center;font-size:1.5em;color:#fff;border-radius:50px;background:#999}
.btns .fas,
.btns .far{margin-right:5px}
.btn_sm{padding:0 10px;min-width:60px;height:30px;line-height:30px;font-size:1.4em;border-radius:15px}

.check_box{display:inline-block;position:relative;padding:0 10px 0 26px}
.check_box .check{position:absolute;left:0;top:50%;margin-top:-10px;width:20px;height:20px;opacity:0}
.check_box .icon{display:block;position:absolute;left:-1px;top:50%;margin-top:-10px;width:20px;height:20px;border:2px solid #ddd;border-radius:3px}
.check_box .icon .fas{display:block;width:16px;height:18px;line-height:18px;text-align:center;font-size:1.2em;color:#fff;font-weight:700}
.check_box input[type='radio'] + span.icon{border-radius:50%}
.check_box .text{display:block;height:40px;line-height:39px;font-size:1.5em;color:#999}
.check_box .check:checked + span.icon{border-color:#428ec9;background:#428ec9}
.check_box .check:checked + span.icon + span.text{color:#222}

.daterangepicker.show-calendar .drp-buttons{display:none}
.daterangepicker select.yearselect{margin-right:10px;width:65px;border:0}
.daterangepicker select.monthselect{width:45px;border:0}

/* 헤더 */
#header{position:absolute;left:0;top:0;right:0;height:60px;z-index:100}
#header .logo{position:absolute;left:10px;top:10px}
#header .logo .btn_logo{display:block;width:120px;height:40px;background:url("../img/common/logo.png") no-repeat center center}
#header .gnb_wrap{position:absolute;right:10px;top:10px;padding-left:180px;max-width:840px}
#gnb{display:table;width:100%}
#gnb li{display:table-cell;padding:0 10px;vertical-align:middle;text-align:center}
#gnb .btn_menu{display:block;height:40px;line-height:40px;font-size:1.8em;color:#222;font-weight:500}
#gnb .btn_menu .fas{margin-right:5px}
#gnb .btn_menu.active,
#gnb .btn_menu:hover{color:#428ec9}

/* 푸터 */
html{position:relative;min-height:100%}
body{margin-bottom:80px;background:#f6f6f9}
#footer{position:absolute;left:0;bottom:0;right:0;padding:15px 0;height:80px;text-align:center}
#footer p{line-height:25px;font-size:1.5em;color:#222}

/* 컨텐츠 */
#content .content_wrap{min-height:600px}
.content_wrap{padding:40px;border-radius:20px;background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.15)}
.content_wrap .content_header{position:relative;height:60px}
.content_wrap .content_title{line-height:40px;font-size:2.5em;color:#222;font-weight:700}
.content_wrap .content_title .sub_title{color:#428ec9;font-weight:700}
.content_wrap .content_title .total{display:inline-block;padding:0 12px;margin:-4px 0 0 15px;height:30px;line-height:30px;vertical-align:middle;font-size:0.7em;color:#fff;font-weight:normal;border-radius:15px;background:#428ec9}
.content_wrap .content_title .total b{margin:0 5px;font-size:1.15em;font-weight:700}
.content_wrap .search_box{position:absolute;right:0;top:0;padding:0 0 0 120px;max-width:400px}
.content_wrap .search_box .select_type{position:absolute;left:0;top:0;padding-left:10px;width:110px;height:40px;border:1px solid #aaa;border-radius:20px;font-size:1.5em;color:#222}
.content_wrap .search_box .input_search{padding:0 15px;width:100%;height:40px;border:1px solid #aaa;border-radius:20px;font-size:1.5em;color:#222}
.content_wrap .search_box .btn_search{display:block;position:absolute;right:0;top:0;width:40px;height:40px;background:url("../img/icon/search_b.png") no-repeat center center;background-size:20px}

/* 글 리스트 테이블 */
.bbs_table .bbs_list{width:100%;table-layout:fixed}
.bbs_table .bbs_list thead th{text-align:center;border-bottom:2px solid #428ec9}
.bbs_table .bbs_list tbody td{text-align:center;border-bottom:1px solid #dadada}
.bbs_table .bbs_list thead th{padding:10px;height:40px}
.bbs_table .bbs_list tbody td{padding:10px;height:60px}
.bbs_table .bbs_list p,
.bbs_table .bbs_list a{line-height:1.4em;font-size:1.4em;color:#222}
.bbs_table .bbs_list thead th p{font-size:1.5em;font-weight:500}
.bbs_table .bbs_list tbody td.left{padding-left:20px;text-align:left}
.bbs_table .bbs_list a:hover{text-decoration:underline}
.bbs_table .bbs_list tbody tr:nth-child(odd) td{background:#fcfcfc}
.bbs_table .bbs_list tbody tr:hover td{background:#f8f8f8}
.bbs_table .bbs_list.font_small thead th p{font-size:1.4em}
.bbs_table .bbs_list.font_small tbody td p,
.bbs_table .bbs_list.font_small tbody td a{font-size:1.3em}
.bbs_table .bbs_list.font_small tbody td{height:40px}
.bbs_table.table_scroll{overflow-x:auto}
.bbs_table .bbs_list .btns{display:inline-block;min-width:0;width:60px;height:30px;line-height:30px;font-size:1.3em;color:#fff;text-decoration:none!Important}
.bbs_table .bbs_list .tool_box{white-space:nowrap}
.bbs_table .bbs_list .tool_box .btns{width:50px}
.bbs_table .bbs_list .tool_box .stats{display:inline-block;width:50px;height:30px;line-height:30px}
.bbs_table .bbs_list .stats_box .stats.visit{color:#428ec9}
.bbs_table .bbs_list .stats_box .stats.complete{color:#a5a5a5}
.bbs_table .bbs_list .stats_box .stats.reject,
.bbs_table .bbs_list .stats_box .stats.request{color:#da2a2a}
.bbs_table .bbs_list .btn_box{white-space:nowrap}
.bbs_table .bbs_list .btn_box p,
.bbs_table .bbs_list .btn_box .btns{display:inline-block;vertical-align:middle}
.bbs_table .bbs_list .btn_box p{min-width:60px}
.bbs_table .bbs_list .empty_box{padding:150px 0;text-align:center}

/* 글 푸터 */
.bbs_footer{position:relative;margin-top:20px}
.bbs_footer .bbs_total{position:absolute;left:0;top:0;padding:0 12px;height:30px;line-height:30px;font-size:1.5em;color:#fff;border-radius:15px;background:#428ec9}
.bbs_footer .bbs_total .total{margin:0 5px;font-weight:500;font-size:1.2em}
.bbs_footer .bbs_page{min-height:30px;text-align:center}
.bbs_footer .bbs_page .btn_page{display:inline-block;margin:0 -1px;width:30px;height:30px;line-height:25px;vertical-align:top;font-size:1.4em;color:#666;border:2px solid transparent;border-radius:50%}
.bbs_footer .bbs_page .btn_page:hover{border-color:#428ec9}
.bbs_footer .bbs_page .btn_page.active{color:#fff;background:#428ec9}
.bbs_footer .bbs_page .bbs_page.prev{margin-right:6px}
.bbs_footer .bbs_page .bbs_page.next{margin-left:6px}
.bbs_footer .bbs_btn{text-align:center}
.bbs_footer .bbs_btn .btns{margin:0 5px}
.bbs_footer .right_box{position:absolute;right:0;top:-5px}

/* 보기 쓰기 */
.bbs_view_wrap{max-width:480px}
.bbs_notice_wrap{max-width:640px}
.bbs_view_wrap .bbs_footer,
.bbs_notice_wrap .bbs_footer{margin-top:40px}
.form_area .form_title{margin:40px 0 0 0;line-height:40px;font-size:2.5em;color:#222;font-weight:700}
.form_area .form_title .desc{margin-left:20px;font-size:0.7em;font-weight:500}
.form_area .form_title .desc .info{margin-right:5px;color:#f5a81b}
.form_area .form_sub_title{margin:40px 0 10px 0;line-height:30px;font-size:2em;color:#222;font-weight:500}
.form_area .form_title:first-child,
.form_area .form_sub_title:first-child{margin-top:0}
.form_area .form_label{margin:20px 0 5px 0;min-height:23px;line-height:1.5em;font-size:1.6em;color:#222;font-weight:500}
.form_area .form_label .desc{font-size:0.85em;color:#999;font-weight:400}
.form_area .form_value{line-height:40px;font-size:1.5em;color:#222}
.form_area .label_box{position:relative;margin:20px 0 5px 0}
.form_area .label_box .form_label{margin:0}
.form_area .label_box .btns{display:block;position:absolute;right:0;top:-5px}
.form_area .label_box + div.input_column{margin-top:0}
.input_text,
.input_content,
.select{padding:0 15px;width:100%;height:40px;font-size:1.5em;color:#222;border-radius:6px;border:1px solid #aaa}
.select{padding:0 0 0 10px}
.input_content{padding:10px 15px;min-height:110px;line-height:1.5em;overflow:hidden;overflow-y:auto;resize:none}
.input_calendar{background:#fff url("../img/icon/calendar.png") no-repeat right center;background-size:auto 100%}
.form_area .input_text:not(.input_calendar)[readonly='readonly']{border-color:#e0e0e2;background:#f6f6f9}
.form_area .attach_link{margin-top:-5px}
.form_area .btn_attach{display:inline-block;position:relative;padding-left:30px;height:40px;line-height:40px;font-size:1.5em;color:#222}
.form_area .btn_attach .fas{display:block;position:absolute;left:0;top:0;width:30px;height:40px;line-height:40px;text-align:center;font-size:1.1em}
.form_area .btn_attach:hover{color:#428ec9}
.form_area .input_file{padding:6px}
/*.form_area .input_column{position:relative;margin-top:20px;overflow:hidden}
.form_area .input_column:first-child{margin-top:0}
.form_area .input_column .input_box{float:left;width:47%}
.form_area .input_column .input_box:last-child{float:right}*/
.form_area .input_column{display:table;position:relative;margin-top:20px;width:100%;table-layout:fixed;overflow:hidden}
.form_area .input_column:first-child{margin-top:0}
.form_area .input_column .input_box{display:table-cell;vertical-align:top}
.form_area .input_column .empty_box{display:table-cell;width:5%}
.form_area .input_column .input_box .form_label{margin-top:0}
.form_area .input_column .input_box.width25{width:25%}
.form_area .input_column .input_box.width40{width:40%}
.form_area .input_column .input_box.width70{width:70%}
.form_area .input_btn_box{position:relative;padding-right:100px}
.form_area .input_btn_box .btns{display:block;position:absolute;right:0;top:0;width:95px;min-width:95px;border-radius:6px}
.form_area .check_group .check_box{margin-right:20px}
.form_area .time_box .select{float:left;width:49%}
.form_area .time_box .select:last-child{float:right}
.form_area .text_area{padding:15px;min-height:150px;border:1px solid #aaa;border-radius:6px}

/* 팝업 */
.popup_window{display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:rgba(0,0,0,0.5);z-index:1000}
.popup_window .popup_area{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:20px;border-radius:20px;background:#fff;box-shadow:0 0 4px rgba(0,0,0,0.15)}
.popup_window .popup_header{position:relative;height:50px}
.popup_window .popup_header .popup_title{line-height:30px;font-size:2.3em;color:#000;font-weight:700}
.popup_window .popup_header .popup_title .far,
.popup_window .popup_header .popup_title .fas{margin-right:10px}
.popup_window .popup_area .btn_close{display:block;position:absolute;right:10px;top:10px;width:30px;height:30px;background:url("../img/icon/popup_close.png") no-repeat center center;background-size:20px;z-index:10}
.popup_window .popup_footer{margin-top:30px;text-align:center}
.popup_window .popup_footer .btns{margin:0 3px}

#popup_msg{z-index:2000}
#popup_msg .popup_area{width:300px}
#popup_msg .popup_area .popup_text{padding-top:40px;min-height:100px;text-align:center}
#popup_msg .popup_area .popup_text p{line-height:1.5em;font-size:1.4em;color:#222}

#popup_login .popup_area{width:350px}
#popup_login .popup_area .form_label{margin-top:10px}
#popup_login .popup_area .btn_login{display:block;margin-top:20px;width:100%}

/* 메인 */
.main_content{border-radius:20px}
.main_content .main_visual{position:relative;height:400px;border-radius:20px 20px 0 0;background:url("../img/main/visual.png") repeat-x center top;z-index:1}
.main_content .main_menu_area{position:relative;height:405px;z-index:2}
.main_content .main_menu{display:table;position:absolute;left:0;top:0;width:100%;table-layout:fixed}
.main_content .main_menu .menu_box{display:table-cell;position:relative;height:410px}
.main_content .main_menu .btn_menu{display:block;position:relative;padding-top:35px;width:100%;height:206px;text-align:center;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2)}
.main_content .main_menu .btn_menu:after{display:block;content:"";position:absolute;left:50%;bottom:-20px;margin-left:-20px;width:41px;height:41px;background:url("../img/main/link_arrow.png") no-repeat center center;z-index:3}
.main_content .main_menu .btn_menu span{display:block;line-height:1.5em;font-size:1.8em;color:#000;font-weight:500}
.main_content .main_menu .btn_menu .title{display:block;position:relative;margin-bottom:25px;line-height:40px;font-size:2.5em;color:#000;font-weight:800}
.main_content .main_menu .btn_menu .title:before{display:block;content:"";position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:83px;height:2px;background:#0068b7}
.main_content .main_menu .menu_box .img_box{display:block;position:relative;width:100%;height:206px;background:url("../img/main/menu_01.png") no-repeat center center;background-size:cover;z-index:1}
.main_content .main_menu .menu_box:nth-child(2) .img_box{background:url("../img/main/menu_02.png") no-repeat center center;background-size:cover}
.main_content .main_menu .menu_box:nth-child(3) .img_box{background:url("../img/main/menu_03.png") no-repeat center center;background-size:cover}
@media screen and (min-width:901px) {
	.main_content .main_menu .menu_box:nth-child(2) .img_box{position:absolute;left:0;top:0}
	.main_content .main_menu .menu_box:nth-child(2) .btn_menu{position:absolute;left:0;bottom:0;z-index:2}
	.main_content .main_menu .menu_box:nth-child(2) .btn_menu:after{bottom:auto;top:-20px;transform:rotate(-180deg)}
}

.main_content .main_notice{position:relative;padding:0 60px 0 120px;height:46px;border:1px solid #989898;background:#fff}
.main_content .main_notice .label{position:absolute;left:20px;top:0;line-height:44px;font-size:1.6em;color:#0068b7;font-weight:700}
.main_content .main_notice .main_notice_slide{position:relative;width:100%;height:44px}
.main_content .main_notice .main_notice_slide:before{display:block;content:"";position:absolute;left:50%;top:50%;margin-top:-12px;width:1px;height:24px;background:#000000}
.main_content .main_notice .main_notice_slide .slide_box{position:relative;height:44px}
.main_content .main_notice .main_notice_slide .slide_box .btn_link{display:block;position:relative;float:left;width:45%;padding:0 10px 0 120px;height:44px;line-height:44px;font-size:1.6em;color:#000;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.main_content .main_notice .main_notice_slide .slide_box .btn_link .date{display:block;position:absolute;left:0;top:0;font-weight:700}
.main_content .main_notice .main_notice_slide .slide_box .btn_link:nth-child(2){float:right}
.main_content .main_notice .btn_slide{display:block;position:absolute;right:10px;top:3px;width:30px;height:20px;background:url("../img/main/slide_arrow.png") no-repeat center center;transform:rotate(-180deg);z-index:10}
.main_content .main_notice .btn_slide.next{top:22px;right:11px;transform:rotate(0)}

#popup_customer .popup_area{width:430px}
#popup_customer .popup_area .popup_title .title:before{display:inline-block;content:"";margin:-2px 4px 0 0;width:30px;height:30px;vertical-align:middle;background:url("../img/icon/customer.png") no-repeat center center}
#popup_customer .popup_content{padding-bottom:10px}
#popup_customer .popup_content .text_box{text-align:center}
#popup_customer .popup_content .text_box p{line-height:1.5em;font-size:1.7em;color:#626262}
#popup_customer .popup_content .tel_box{margin-top:25px;padding:20px 0;text-align:center;border-top:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b}
#popup_customer .popup_content .tel_box .tel_title{margin:30px 0 10px 0;line-height:20px;font-size:2.2em;color:#000000;font-weight:700}
#popup_customer .popup_content .tel_box .tel_title:first-child{margin-top:0}
#popup_customer .popup_content .tel_box .tel{line-height:1.2em;font-size:3.3em;color:#0269b7;font-weight:500;letter-spacing:1px}
#popup_customer .popup_content .tel_box .time{margin-top:5px;line-height:24px;font-size:1.6em;color:#999}

#popup_user_modify .popup_area{width:430px}
#popup_user_modify .input_column .input_box{width:49%}

/* 담당자 검색 팝업 */
#popup_userinfo_search .popup_area{width:500px}
#popup_userinfo_search .search_header{position:relative;padding:0 0 0 120px;height:60px}
#popup_userinfo_search .search_header .select_type{position:absolute;left:0;top:0;padding-left:10px;width:110px;height:40px;border:1px solid #aaa;border-radius:20px;font-size:1.5em;color:#222}
#popup_userinfo_search .search_header .input_search{padding:0 15px;width:100%;height:40px;border:1px solid #aaa;border-radius:20px;font-size:1.5em;color:#222}
#popup_userinfo_search .search_header .btn_search{display:block;position:absolute;right:0;top:0;width:40px;height:40px;background:url("../img/icon/search_b.png") no-repeat center center;background-size:20px}
#popup_userinfo_search .bbs_area{min-height:442px}
#popup_userinfo_search .bbs_list tbody td{cursor:pointer;padding:5px;height:35px}
#popup_userinfo_search .bbs_table .bbs_list .empty_box{padding:150px 0}

/* 방문자 검색 팝업 */
#popup_custinfo_search .popup_area{width:500px}
#popup_custinfo_search .search_header{position:relative;padding:0 0 0 120px;height:60px}
#popup_custinfo_search .search_header .select_type{position:absolute;left:0;top:0;padding-left:10px;width:110px;height:40px;border:1px solid #aaa;border-radius:20px;font-size:1.5em;color:#222}
#popup_custinfo_search .search_header .input_search{padding:0 15px;width:100%;height:40px;border:1px solid #aaa;border-radius:20px;font-size:1.5em;color:#222}
#popup_custinfo_search .search_header .btn_search{display:block;position:absolute;right:0;top:0;width:40px;height:40px;background:url("../img/icon/search_b.png") no-repeat center center;background-size:20px}
#popup_custinfo_search .bbs_area{min-height:442px}
#popup_custinfo_search .bbs_list tbody td{cursor:pointer;padding:5px;height:35px}
#popup_custinfo_search .bbs_table .bbs_list .empty_box{padding:150px 0}

/* 승인요청허가 팝업 */
#popup_visitor_allow .popup_area{width:430px}
#popup_visitor_cardrental .popup_area,
#popup_visitor_cardreturn .popup_area{width:430px}

/* 방문자관리 */
.bbs_view_wrap.visit_LOBBY{max-width:100%}
.visit_LOBBY .form_wrap{overflow:hidden}
.visit_LOBBY .form_area{float:left;width:48%}
.visit_LOBBY .form_area:last-child{float:right;width:48%}

/* 키오스크 */
body.kiosk{overflow:hidden}
body.kiosk .daterangepicker select.monthselect, 
body.kiosk .daterangepicker select.yearselect{width:35%;height:57px;font-size:24px}
body.kiosk .daterangepicker select.yearselect{margin:0 10% 0 0;width:50%}
body.kiosk .daterangepicker .calendar-table th, 
body.kiosk .daterangepicker .calendar-table td{width:52px;height:46px;line-height:46px;font-size:24px}
body.kiosk .daterangepicker .drp-calendar{max-width:440px}
body.kiosk .daterangepicker th.month{padding-bottom:10px}
body.kiosk .daterangepicker .calendar-table .next,
body.kiosk .daterangepicker .calendar-table .prev{padding-top:2px;vertical-align:top}
body.kiosk .daterangepicker .calendar-table .next span, 
body.kiosk .daterangepicker .calendar-table .prev span{padding:6px;border-width:0 3px 3px 0}

body.kiosk #kiosk_header{position:fixed;left:0;top:0;right:0;height:140px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,0.15)}
body.kiosk #kiosk_header .logo{height:140px;background:url("../img/kiosk/logo.png") no-repeat center center}
body.kiosk .enter_area .btn_box{display:block;position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);margin-left:-360px;width:500px;height:600px;background:#ffffff;box-shadow:0 0 15px rgba(0,0,0,0.1)}
body.kiosk .enter_area .btn_check{margin-left:360px}
body.kiosk .enter_area .btn_apply:before{display:block;content:"";position:absolute;right:45px;top:45px;width:100px;height:100px;background:url("../img/kiosk/icon_apply_arrow.png") no-repeat center center}
body.kiosk .enter_area .btn_apply:after{display:block;content:"";position:absolute;left:50%;top:50%;margin:-150px 0 0 -100px;width:200px;height:200px;background:url("../img/kiosk/icon_apply.png") no-repeat center center}
body.kiosk .enter_area .btn_check:before{display:block;content:"";position:absolute;right:45px;top:45px;width:100px;height:100px;background:url("../img/kiosk/icon_history_arrow.png") no-repeat center center}
body.kiosk .enter_area .btn_check:after{display:block;content:"";position:absolute;left:50%;top:50%;margin:-150px 0 0 -100px;width:200px;height:200px;background:url("../img/kiosk/icon_history.png") no-repeat center center}
body.kiosk .enter_area .btn_box .title{display:block;position:absolute;left:0;bottom:0;right:0;height:160px;line-height:160px;text-align:center;font-size:60px;color:#fff;font-weight:700;background:#0068b7}
body.kiosk .enter_area .btn_check .title{background:#515151}
body.kiosk .enter_area .btn_box:active,
body.kiosk .enter_area .btn_box:active .title{background:#0068b7}
body.kiosk .enter_area .btn_box:active:before{display:none}
body.kiosk .enter_area .btn_apply:active:after{background:url("../img/kiosk/icon_apply_on.png") no-repeat center center}
body.kiosk .enter_area .btn_check:active:after{background:url("../img/kiosk/icon_history_on.png") no-repeat center center}

.kiosk_area{position:absolute;padding:40px;left:50%;top:50%;transform:translate(-50%,-45%);width:1500px;border-radius:30px;background:#fff;box-shadow: 0 0 20px rgba(0,0,0,0.2)}
.kiosk_area .title_box{margin-bottom:40px}
.kiosk_area .title_box .title{display:inline-block;position:relative;padding-bottom:12px;line-height:30px;font-size:30px;color:#000;font-weight:800}
.kiosk_area .title_box .title:before{display:block;content:"";position:absolute;left:0;bottom:0;right:0;height:5px;background:#0068b7}
.kiosk_area .form_table{table-layout:fixed}
/*.kiosk_area .form_table td{padding:20px 25px 15px 25px;vertical-align:top}*/
.kiosk_area .form_table td{padding:0 25px;height:145px;vertical-align:top}
.kiosk_area .form_table .form_label{margin-bottom:10px;line-height:30px;font-size:24px;color:#000000;font-weight:700}
.kiosk_area .form_table .valid{display:none;line-height:30px;font-size:20px;color:red;white-space:nowrap}
.kiosk_area .form_table .valid.active{display:block}
.kiosk_area .form_table .input_btn_box{position:relative;padding-right:160px}
.kiosk_area .form_table .input_btn_box .btn_userinfo_search{display:block;position:absolute;right:0;top:0;width:150px;height:65px;line-height:65px;font-size:26px;border-radius:6px}
.kiosk_area .form_table .input_text:not(.input_calendar)[readonly],
.kiosk_area .form_table .input_text:not(.input_calendar)[readonly='readonly']{border-color:#e0e0e2;background:#f6f6f9}
.kiosk_area .form_table .agree_check_box{position:relative}
.kiosk_area .form_table .check_box{padding-left:65px;height:60px}
.kiosk_area .form_table .check_box .check{margin-top:-25px;width:50px;height:50px}
.kiosk_area .form_table .check_box .icon{margin-top:-25px;width:50px;height:50px;border-width:3px}
.kiosk_area .form_table .check_box .icon .fas{width:45px;height:45px;line-height:45px;font-size:30px}
.kiosk_area .form_table .check_box .text{line-height:60px;font-size:30px}
.kiosk_area .form_table .agree_check_box .btn_agree_popup{display:block;position:absolute;right:0;top:0;width:200px;height:65px;line-height:65px;font-size:26px}
.kiosk_area .input_text,
.kiosk_area .input_calendar{padding:0 15px;width:100%;max-width:100%;height:65px;font-size:24px}
.kiosk_area .select{padding-left:12px;height:65px;font-size:24px}
.kiosk_area .time_box{position:relative;border:1px solid #adadad;border-radius:6px}
.kiosk_area .time_box:before{display:block;content:"";position:absolute;left:50%;top:50%;margin-top:-17px;width:1px;height:34px;background:#adadad}
.kiosk_area .time_box .select{width:45%;text-align:center;border-color:transparent}
.kiosk_area .time_box .select_minute{position:absolute;right:0;top:0}
.kiosk_area .info_top{padding-bottom:0}
.kiosk_area .info_bottom{padding-top:40px;border-top:1px dashed #adadad}
.kiosk_area .btn_box{position:relative}
.kiosk_area .btn_box .btns{width:100%;height:65px;line-height:65px;font-size:26px}
.kiosk_area .btn_box .btn_request{display:none}
.kiosk_area .btn_box .btn_request.active{display:block}
.kiosk_area .input_msg{color:#0068b7}

#kiosk_view_result{display:none}
body.kiosk #popup_msg{display:none}
body.kiosk #popup_msg .popup_area{padding:60px 40px 50px 40px;width:500px;background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.2)}
body.kiosk #popup_msg .popup_text{padding:50px 0;text-align:center}
body.kiosk #popup_msg .popup_text p{line-height:1.5em;font-size:30px;color:#000}
body.kiosk #popup_msg .popup_footer{margin-top:20px;text-align:center}
body.kiosk #popup_msg .popup_footer .btns{display:inline-block;margin:0 10px;width:200px;height:60px;line-height:60px;font-size:24px;vertical-align:top}

body.kiosk #popup_userinfo_search .popup_area{width:700px}
body.kiosk #popup_userinfo_search .popup_header{height:60px}
body.kiosk #popup_userinfo_search .popup_header .popup_title{line-height:40px;font-size:30px}
body.kiosk #popup_userinfo_search .search_header{padding-left:370px;height:70px}
body.kiosk #popup_userinfo_search .search_header .select{width:150px;height:50px;font-size:20px;border-radius:30px}
body.kiosk #popup_userinfo_search .search_header .select_compid{position:absolute;left:0;top:0;width:200px}
body.kiosk #popup_userinfo_search .search_header .select_type{left:210px}
body.kiosk #popup_userinfo_search .search_header .input_text{height:50px;border-radius:30px;font-size:20px}
body.kiosk #popup_userinfo_search .search_header .btn_search{width:50px;height:50px;background-size:30px}
body.kiosk #popup_userinfo_search .bbs_area{min-height:610px}
body.kiosk #popup_userinfo_search .bbs_table .bbs_list thead th{height:60px}
body.kiosk #popup_userinfo_search .bbs_table .bbs_list thead th p{font-size:20px}
body.kiosk #popup_userinfo_search .bbs_table .bbs_list tbody td{padding:10px;height:50px}
body.kiosk #popup_userinfo_search .bbs_table .bbs_list p, 
body.kiosk #popup_userinfo_search .bbs_table .bbs_list a{font-size:20px}
body.kiosk #popup_userinfo_search .bbs_table .bbs_list .empty_box{padding:200px 0}

body.kiosk .bbs_footer .bbs_page .btn_page{font-size:20px}

body.kiosk #popup_agree_terms .popup_area{width:700px}
body.kiosk #popup_agree_terms .popup_header{height:60px}
body.kiosk #popup_agree_terms .popup_header .popup_title{line-height:40px;font-size:30px}
body.kiosk #popup_agree_terms .popup_content{padding:0 20px 20px 20px}
body.kiosk #popup_agree_terms .popup_content p{line-height:36px;font-size:20px}
body.kiosk #popup_agree_terms .popup_content .pd{padding-left:20px}
body.kiosk #popup_agree_terms .popup_footer{margin-top:20px;text-align:center}
body.kiosk #popup_agree_terms .popup_footer .btns{display:inline-block;margin:0 10px;width:200px;height:60px;line-height:60px;font-size:24px;vertical-align:top}

/* 연등신청 */
.light_area .light_form{max-width:640px}
.light_area .light_control_box{position:relative;margin-top:20px}
.light_area .light_control_box .btn_box{position:absolute;right:0;top:0}
.light_area .light_control_box .control_list{overflow:hidden}
/*.light_area .light_control_box .btn_light{display:block;float:left;margin:0 10px 10px 0;width:60px;height:40px;line-height:34px;font-size:1.6em;color:#aaa;font-weight:500;text-align:center;border:2px solid #ddd;border-radius:5px;background:#fff}*/
.light_area .light_control_box .btn_light{display:block;float:left;margin:0 5px 5px 0;width:40px;height:30px;line-height:28px;font-size:1.5em;color:#aaa;font-weight:500;text-align:center;border:1px solid #ddd;border-radius:5px;background:#fff}
.light_area .light_control_box .btn_light.active{color:#fff;border-color:#f5a81b;background:#f5a81b}
.light_area .light_floor_box{margin-top:40px;text-align:center}
.light_area .light_floor_box .floor_img{display:inline-block;max-width:100%}
.light_area .light_text_box{margin-top:40px;padding-bottom:40px;text-align:center}
.light_area .light_text_box p{line-height:40px;font-size:16px;color:#333}


@media screen and (max-width:900px) {
	.pc{display:none!important}
	.mobile{display:block!important}
	colgroup.mobile{display:table-column-group!important}
	
	#header{position:fixed;height:50px;background:#f6f6f9;box-shadow:0 2px 5px rgba(0,0,0,0.1)}
	#header .logo{left:10px;top:5px}
	#header .btn_mobile{display:block;position:absolute;right:10px;top:5px;width:40px;height:40px;background:url("../img/icon/header_mobile.png") no-repeat center center}
	#header .gnb_wrap{display:none;position:fixed;left:0;top:0;right:0;bottom:0;padding:0;max-width:100%;background:#f6f6f9;z-index:1000}
	#header .gnb_wrap .btn_close{display:block;position:absolute;right:10px;top:5px;width:40px;height:40px;background:url("../img/icon/popup_close.png") no-repeat center center}
	#gnb{display:block;position:absolute;right:0;top:50px;left:0;padding:20px;max-width:100%;overflow:hidden;overflow-y:auto}
	#gnb li{display:block}
	
	#header.active .gnb_wrap{display:block}
	
	#footer p{line-height:1.4em;font-size:1.2em}
	
	#content{padding:50px 0 0 0}
	.content_wrap{padding:20px 20px 40px 20px;border-radius:0}
	
	#content.main .content_wrap{padding:0}
	.main_content .main_visual{height:300px;border-radius:0;background:url("../img/main/visual_m.png") repeat-x center top;background-size:cover;z-index:1}
	
	.main_content .main_menu_area{height:auto}
	.main_content .main_menu{display:block;position:relative;left:auto;top:auto}
	.main_content .main_menu .menu_box{display:block;height:206px}
	.main_content .main_menu .btn_menu{display:block;width:50%}
	.main_content .main_menu .btn_menu span{font-size:1.3em}
	.main_content .main_menu .btn_menu .title{font-size:2em}
	.main_content .main_menu .btn_menu:after{left:auto;bottom:auto;right:-20px;top:50%;margin:-20px 0 0 0;transform:rotate(-90deg)}
	.main_content .main_menu .menu_box .img_box{position:absolute;right:0;top:0;width:50%}
	.main_content .main_menu .menu_box:nth-child(2) .btn_menu{position:absolute;right:0;top:0}
	.main_content .main_menu .menu_box:nth-child(2) .btn_menu:after{right:auto;left:-20px;transform:rotate(90deg)}
	.main_content .main_menu .menu_box:nth-child(2) .img_box{right:auto;left:0}
	
	.main_content .main_menu .menu_box:nth-child(1) .text{padding-right:10px}
	.main_content .main_menu .menu_box:nth-child(2) .text{padding-left:10px}
	
	.content_wrap .content_header{margin-bottom:20px;height:auto}
	.content_wrap .search_box{position:relative;right:auto;top:auto;margin:15px 0 0 0;max-width:100%}
	
	.form_area .check_group{white-space:nowrap}
	.form_area .check_group .check_box{display:inline-block;margin-right:0;vertical-align:top}
	
	#popup_login .popup_area,
	#popup_customer .popup_area,
	#popup_msg .popup_area{left:10px;right:10px;transform:translateY(-50%);width:auto}
	#popup_visitor_allow .popup_area,
	#popup_visitor_cardrental .popup_area,
	#popup_visitor_cardreturn .popup_area,
	#popup_userinfo_search .popup_area,
	#popup_custinfo_search .popup_area,
	#popup_user_modify .popup_area{left:10px;top:10px;right:10px;bottom:10px;transform:none;width:auto;height:auto}
	.popup_window .popup_area{overflow-y:auto}
	
	.bbs_footer .bbs_page{padding-top:45px}
	.bbs_footer .bbs_btn{white-space:nowrap}
	.bbs_footer .bbs_btn .btns{margin:0 2px;min-width:90px;height:35px;line-height:35px}
	
	#CustMsg + span.icon + span.text{line-height:20px}
	
	.bbs_view_wrap.visit_LOBBY .form_area{float:none!important;width:100%!important}
	.bbs_view_wrap.visit_LOBBY .form_area:nth-child(2){margin-top:40px}
}


@media screen and (max-width:600px) {
	body{font-size:9px}
	
	.input_text{padding:0 10px}
	.input_content{padding:10px}
	.select{padding-left:5px}
	
	.light_area .light_control_box{overflow:hidden}
	.light_area .light_control_box .control_list{width:103.5%}
	/*.light_area .light_control_box .btn_light{margin:0 1.5% 1.5% 0;width:18%}*/
	.light_area .light_control_box .btn_light{margin:0 1% 1% 0;width:15%}
}