/*@import url("/Sponge/WebFonts/NotoSans/notosans.css");*/
* { margin: 0; }

h1, h2, h3, h4, h5, h6, p { margin: 0.6em 0; }

body { margin: 0; padding: 0; /*font-family: Lucida Grande, Georgia, 'Nanum Barun Gothic', 'Nanum Gothic', '나눔고딕', '맑은 고딕', 'Malgun Gothic', '굴림', Gulim, '돋움', Dotum, Verdana;*/ font-family: "Nanum Gothic", "나눔고딕", "Lucida Grande, Georgia", "맑은 고딕", "굴림"; /*font-family: "Noto Sans light","Malgun gothic","맑은 고딕", "sans-serif", "Lucida Grande", "Georgia", "굴림"; */ font-size: 10pt; -webkit-font-smoothing: antialiased; color: #58666e; /*background-color: #F2F2F2;*/ }

a { color: #777777; }

    a:hover { color: #03a9f4; }

.clicker_mobile_body { color: #000000; /*background: #eeeeee;*/ margin: 0; padding: 0; /*font-family: Lucida Grande, Georgia, 'Nanum Barun Gothic', Nanum Gothic, '나눔고딕', '맑은 고딕', sans-serif, '굴림', Dotum, '돋움';*/ /*모바일에서는 한글을 모바일 기본 폰트로 사용하도록 하여... 통신량을 줄이도록 한다.*/ font-family: "Nanum Gothic", "나눔고딕", Lucida Grande, Georgia, "맑은 고딕", "굴림"; /*font-family: "Noto Sans light","Malgun gothic","맑은 고딕", "sans-serif", "Lucida Grande", "Georgia", "굴림";*/ font-size: 10pt; /*모바일에서 끊기는 현상 발생합니다.*/ /*테스트 모드에서 임시로 풀어놓았습니다. 막을 예정^^*/ /*overflow-y: hidden;*/ }

img, fieldset { border: 0 none; }

#clicker_div_master { }

.clicker_div_main { min-width: 1254px; width: 100%; margin: 0 auto; padding-left: 0px; padding-right: 0px; }

#clicker_div_main_top { margin-bottom: 5px; }

#clicker_div_masterpage_main_content { margin-bottom: 0px; /*margin-top: 10px;*/ margin-top: 0px; }


.sponge-page-guide { min-height: 400px; }


#clicker_div_masterpage_header { /*text-align: center; */ margin-top: 15px; }
.footer { margin-top: 20px; }
#clicker_div_masterpage_footer { clear: both; margin-top: 0; padding: 20px 0 20px 0; text-align: center; border-top: 1px solid #ddd; }

#clicker_div_mobile_masterpage_footer { padding: 5px; text-align: center; }

#clicker_div_mobile_masterpage_header { text-align: center; margin: 0 auto; padding-top: 10px; padding-bottom: 5px; }



.clicker_div_element_information { padding: 10px; text-align: center; }

.clicker_element_seat_information { font-size: 11pt; font-weight: 600; }

#footer-inner { border-top: 1px solid #BBBBBB; margin-top: 10px; }

/*footer, #push { position: fixed; padding: 30px; left: 0; bottom: 0; background-color:transparent;}*/ 

.wrapper { margin-top: 10px; width: 1256px; margin: 0 auto; text-align: left; }

#clicker_div_mobileview_main { padding: 10px; }

.clicker_div_mobile_deep_back { padding: 5px; /*filter: alpha(opacity=80);
opacity: 0.80; */ -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; /*border: 1px solid #CCCCCC;*/ border: 2px solid black; border-radius: 5px; -webkit-border-radius: 5px; background: url("/clicker/images/02.png") repeat scroll 0 0 transparent; margin-top: 5px; margin-bottom: 5px; }

#clicker_div_header_title_bar { padding: 10px; width: 980px; height: 17px; position: relative; float: right; /*background: url(/clicker/images/clicker_header_title.png) no-repeat;*/ }

#clicker_div_guide_map { /*width: 1250px;*/ width: 100%; height: 800px; background-position:center center; position: relative; margin: 0 auto; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.clicker_art_inner_empty { background:#fff url('/clicker/images/background/clicker_pattern.png')no-repeat left top;  }
.clicker_kiosk_left_panel2 { width: 76.5%; padding: 5px !important; float: left; }
.clicker_art_inner_empty-back { background: url('/clicker/images/background/clicker_pattern.png'); width: 99% !important; margin: 0.5% auto !important; left: 0 !important; border: 2px solid #000000; border-radius: 6px; }
.clicker_art_inner_empty-back2 { background: url('/clicker/images/background/clicker_pattern.png'); width: 99% !important; margin: 0.5% auto !important; left: 0 !important; border: 2px solid #000000; border-radius: 6px; }

.clicker_div_guide_logo { /*background: url('/clicker/images/background/logo_opacity.png') no-repeat center center;*/ display: block; width: 100%; min-height: 850px; }
.clicker_art_inner_content2 li { margin-bottom: 5px; }




#clicker_div_full_screen_center { width: 100%; min-height: 700px; position: relative; }

#clicker_div_full_screen_min_center { width: 100%; min-height: 700px; /*position:relative;*/ }

#clicker_div_main_center { /*box-shadow: 0 0 1px rgba(0, 0, 0, 0.7);*/ float: right; width: 1000px; min-height: 700px; }

#readingseatmenu { border: 1px solid #666; background-color: #eee; float: right; }

#clicker_div_menu_clock { padding: 10px; height: 17px; background: #202020; color: #fff; border: 1px solid #202020; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; margin-bottom: 10px; /*box-shadow: 0 1px 0 #FFFFFF inset;*/ }

/* http://www.alessioatzeni.com/wp-content/tutorials/jquery/CSS3-digital-clock/index.html */
.clicker_div_clock { width: 100%; margin: 0 auto; }

#Date { font-size: 2px; text-align: center; text-shadow: 0 0 5px #00c6ff; }

.clicker_div_clock ul { width: 200px; margin: 0 auto; padding: 0px; list-style: none; text-align: center; }

    .clicker_div_clock ul li { display: inline; font-size: 22px; text-align: center; text-shadow: 0 0 5px #00c6ff; font-weight: 600; /*font-family:Arial;*/ }
.fl-left { float: left; display: inline; width: 48%; margin: 5px 0 5px 0; padding-left: 5px; }
    .fl-left div { padding: 0 0px; margin: 0px; }
#point { position: relative; -moz-animation: libtech_blink_animation 1s ease infinite; -webkit-animation: libtech_blink_animation 1s ease infinite; padding-left: 10px; padding-right: 10px; }


.clicker_div_user_logo { width: 220px; height: 17px; color: #fff; /*box-shadow: 0 1px 0 #FFFFFF inset;*/ float: left; }

#clicker_div_side_panel { width: 220px; min-height: 780px; float: left; /*margin: 18px 0;*/ }

#clicker_div_mobileview_menu { /*width: 220px;*/ text-align: center; }

#clicker_div_set_action_panel { /*http://www.cssportal.com/css3-rounded-corner/    

border: 1px solid #AAAAAA;
border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
margin-top: 20px;
padding: 20px;
filter: alpha(opacity=95);
opacity: 0.95; 
display: none;
color: #555;
z-index: 500;
*/ }

#clicker_div_set_action_slide_panel { top: 180px; left: 35%; width: 30%; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: none; padding:0; }

#clicker_div_users_guide_panel { /*http://www.cssportal.com/css3-rounded-corner/    */ top: 20px; left: 160px; /*left:-2000px;*/ width: 880px; display: none; }

#clicker_div_set_request_slide_panel { top: 180px; left: 350px; width: 440px; /*display: none;*/ }

#clicker_div_action_popup_panel { /*http://www.cssportal.com/css3-rounded-corner/    */ top: -50px; left: 250px; /*left:-2000px;*/ width: 640px; display: none; }

#clicker_div_layout_panel { /*http://www.cssportal.com/css3-rounded-corner/    */ border: 1px solid #AAAAAA; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.7); margin-top: 20px; padding: 20px; filter: alpha(opacity=95); opacity: 0.95; /*line-height: 16px; */ display: none; color: #555; z-index: 550; }

#div_set_room_slide_panel { /*http://www.cssportal.com/css3-rounded-corner/    */ top: 80px; left: 380px; display: none; position: absolute; width: 440px; z-index: 500; }

#div_set_room_admin_action_panel { /*http://www.cssportal.com/css3-rounded-corner/    */ top: 120px; left: 350px; display: none; position: absolute; width: 500px; z-index: 500; }


#clicker_div_set_action_slide_panel #div_is_user_login, #clicker_div_set_action_slide_panel .clicker_command_section{ padding-left:15px; padding-right:15px;}

.sold_out { background: url(/clicker/images/sold_out.png) no-repeat; }

.panel_min_width { min-width: 440px; }

.panel_room_min_width { min-width: 540px; }

.border_solid_round { /*background: -moz-linear-gradient(center top , #E1F2FC 0%, #F6F6F6 60%) repeat scroll 0 0 transparent;*/ border: 1px solid #AAAAAA; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; background-color: White; }

.div_book { border: 3px solid #FFFF33; border-radius: 10px 10px 10px 10px; -webkit-border-radius: 10px 10px 10px 10px; width: 4px; height: 4px; }

.clicker_top_menu_panel { padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; /*border: 1px solid #e5e5e5;*/ border: 1px solid #D9D6C4; background: url(/clicker/images/pepper_texture.png) repeat; color: #212121; /*text-shadow: 0 1px 0 white;*/ }

.border_radius { border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }

.border_solid_grey { border: 1px solid #CADCEA; }

.border_solid_green { border: 1px solid green; }

.button, .button:visited { /*background: #222 url("/images/overlay.png") repeat-x;*/ display: inline-block; padding: 7px 12px 8px; color: #fff; text-decoration: none; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer; margin-bottom: 3px; }

    .button:hover { background-color: #111; color: #fff; }

    .button:active { top: 1px; }

.small.button, .small.button:visited { font-size: 11px; }

.extra_small.button, .extra_small.button:visited { font-size: 10pt; padding: 3px 8px 3px; }

.clicker_small.button, .clicker_small.button:visited { font-size: 10pt; padding: 5px 12px 6px; }

/*.button, .button:visited,
.medium.button, .medium.button:visited {
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
}

.large.button, .large.button:visited {
    font-size: 16px;
    padding: 8px 14px 9px;
}

.super.button, .super.button:visited {
    font-size: 34px;
    padding: 8px 14px 9px;
}

.pink.button, .magenta.button:visited {
    background-color: #e22092;
}

    .pink.button:hover {
        background-color: #c81e82;
    }

.green.button, .green.button:visited {
    background: url(/librarys/bootstrap/btn-success.png) repeat;
}

    .green.button:hover {
        background-position: 0 -3px;
    }

.red.button, .red.button:visited {
    background: url(/librarys/bootstrap/btn-danger.png) repeat;
}

    .red.button:hover {
        background-position: 0 -3px;
    }

.orange.button, .orange.button:visited {
    background: url(/librarys/bootstrap/btn-warning.png) repeat;
}

    .orange.button:hover {
        background-position: 0 -3px;
    }

.blue.button, .blue.button:visited {
    background: url(/librarys/bootstrap/btn-info.png) repeat;
    ;
}

    .blue.button:hover {
        background-position: 0 -3px;
    }

.yellow.button, .yellow.button:visited {
    background: url(/librarys/bootstrap/btn-warning.png) repeat;
}

    .yellow.button:hover {
        background-position: 0 -3px;
    }*/


.clicker_div_reload_timer { text-shadow: 0 1px 0 #FFFFFF; }

.clicker_progress { background: rgb(204,204,204); /* Old browsers */ background: -moz-linear-gradient(top, rgba(204,204,204,1) 10%, rgba(233,233,233,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(204,204,204,1)), color-stop(90%,rgba(233,233,233,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(204,204,204,1) 10%,rgba(233,233,233,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(204,204,204,1) 10%,rgba(233,233,233,1) 90%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(204,204,204,1) 10%,rgba(233,233,233,1) 90%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(204,204,204,1) 10%,rgba(233,233,233,1) 90%); /* W3C */ border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 0 #FFFFFF; display: block; height: 22px; margin: 4px 0; min-width: 200px; padding: 0; position: relative; }

    .clicker_progress span { border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; display: block; height: 20px; margin: 0; padding: 0; text-align: center; width: 0; }

        .clicker_progress span b { color: #FFFFFF; line-height: 20px; padding-left: 2px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.seat_progress { background: rgb(143,200,87); /* Old browsers */ background: -moz-linear-gradient(top, rgba(143,200,87,1) 10%, rgba(92,148,37,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(143,200,87,1)), color-stop(90%,rgba(92,148,37,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc857', endColorstr='#5c9425',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* W3C */ /*border: 1px solid #CCCCCC;*/ border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; /*box-shadow: 0 1px 0 #FFFFFF;*/ display: block; height: 22px; /*margin: 4px 0;*/ width: 22px; padding: 0; position: relative; /*-moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite;*/ }

    .seat_progress span { border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px; /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;*/ display: block; height: 20px; margin: 0; padding: 0; text-align: center; width: 0; }

        .seat_progress span b { /*color: Yellow;*/ font-size: 10px; line-height: 20px; /*padding-left: 2px;*/ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.clicker-box-for-booking { border-radius: 0px; -webkit-border-radius: 0px; /*box-shadow: 0 1px 0 #FFFFFF;*/ display: block; height: 24px; /*margin: 4px 0;*/ width: 24px; padding: 0; position: relative; float: left; color: White; font-size: 12px; /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */ margin-right: 3px; /*-moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite;*/ margin-bottom: 3px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.clicker-box-for-booking-2018 { padding: 0 5px !important; }
    .clicker-box-for-booking-2018 p { clear: both; margin-bottom: 0px; padding: 0 0 0 5px; }
        .clicker-box-for-booking-2018 p span { float: left; display: inline-block; font-size: 11px !important; }
            .clicker-box-for-booking-2018 p span:first-child { width: 44%; color: #115508; }
            .clicker-box-for-booking-2018 p span:last-child { width: 56%; font-weight: 600; color: #2FAD1E; }

.clicker-box-time-booking { position: absolute; top: 2px; right: 4px; font-weight: 600; font-size: 10pt; /*text-shadow: 0 1px 1px rgba(129, 125, 113, 0.5);*/ /*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */ /*-moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite;*/ }

.clicker-box-for-booking:hover { /*color: #fff08f; */ /*opacity: 0.84; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 84); filter: alpha(opacity = 84);*/ /*-moz-box-shadow: 0px 0px 11px 1px #ffe29c;
-webkit-box-shadow: 0px 0px 11px 1px #ffe29c;*/ background-position: 0 -10px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; }

.clicker-box-for-closed { /*background: url(/clicker/images/room_status_no_small.png) repeat;*/ color: #B94A48; background: url(/clicker/images/box_for_closed.png) repeat; background-color: #F2DEDE; border: 1px solid #EED3D7; -webkit-border-radius: 4px; -moz-border-radius: 2px; border-radius: 4px; }

.clicker-box-for-siapacs-closed { /*background: url(/clicker/images/room_status_no_small.png) repeat;*/ color: #565656 !important; background: url(/clicker/images/box_for_siapacs_closed.png) repeat; border: 1px solid #a5a5a5 !important; background-color: #dcdcdc !important; background: #dcdcdc linear-gradient(#f8f8f8 40%, #dcdcdc ) !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }

.clicker-box-for-siapacs-closed3 { color: #8C8C8C; }

/*  .clicker-box-for-closed
{
background: url(/clicker/images/Unit_no2-3.png) repeat;
height: 26px;
width: 26px;
}
*/
.clicker-box-for-in-use { /*background: url(/clicker/images/room_status_in_small.png) repeat;*/ color: #1075D3; /*background: url(/clicker/images/box_for_in_use.png) repeat;*/ background-color: #0be0e0; background: #0be0e0 linear-gradient(#32ffff 40%, #0be0e0 ) !important; border: 1px solid #00B9B9; -webkit-border-radius: 4px; -moz-border-radius: 2px; border-radius: 4px; }

.clicker-box-for-in-adminbooking { /*background: url(/clicker/images/room_status_in_small.png) repeat;*/ color: #1075D3; background: url(/clicker/images/box_for_in_booking_yellow.png) repeat; background-color: #FCF8E3; border: 1px solid #00B9B9; -webkit-border-radius: 4px; -moz-border-radius: 2px; border-radius: 4px; }

.clicker-box-for-in-booking { color: #565656 !important; /*background: url(/clicker/images/box_for_in_booking.png) repeat;*/ border: 1px solid #df6fe4 !important; background-color: #fbaffe !important; background: #fbaffe linear-gradient(#fdd6ff 40%, #fbaffe ) !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; }

.clicker-box-for-yes { background: url(/clicker/images/box_for_yes.png) repeat; color: #565656 !important; background-color: #acd887; /*background-color: #fff;*/ background: #acd887 linear-gradient(#dcf4c8 40%, #acd887 ) !important; border: 1px solid #88bc5d !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; font-size: 9px !important; }
.clicker-box-for-my-booking, .clicker-box-for-my-booking.clicker-box-for-in-booking { background: url(/clicker/images/box_for_my_booking.png) repeat; color: #565656 !important; background-color: #ffc644 !important; /*background-color: #fff;*/ background: #ffc644 linear-gradient(#ffdc5a 40%, #ffc644 ) !important; border: 1px solid #d78200 !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; font-size: 9px !important; }

.clicker_item_calendar_box { /*position: absolute;
        left: 3px;
        top: 10px;*/ width: 35px; height: 48px; overflow: hidden; border: 1px solid #D3E8BB; padding: 2px; background-color: #F2FFED; color: White; border-top: 3px solid #A3DE5F; float: left; margin: 0 2px 4px 0; }

.clicker_item_calendar_box_small { width: 25px; height: 25px; }

.clicker_item_calendar_box_date { font-size: 14pt; text-align: center; line-height: 1.3; color: #010B11; }

.clicker_item_calendar_box_small .clicker_item_calendar_box_date { font-size: 10pt; text-align: center; line-height: 1.1; color: #010B11; font-weight: 400; }



.clicker_item_calendar_box_month { font-size: 9pt; text-align: center; line-height: 1.2; color: #BBC2BA; }

.clicker_item_calendar_box_year { font-size: 10pt; text-align: center; }

.clicker_item_calendar_box_saturday { background-color: #FFE7E7; /*border-top: 3px solid #5bc0de !important;
    border: 1px solid #CADFF1;*/ border-top: 3px solid #FF5722 !important; border: 1px solid #F7D2CF; }

.clicker_item_calendar_box_sunday { background-color: #FFE7E7; border-top: 3px solid #FF5722 !important; margin: 0 6px 4px 0; border: 1px solid #F7D2CF; }

.clicker_item_on_reservation { background-color: #F1D0F7; border-top: 3px solid #C957DC !important; border: 1px solid #DFA7E8; }

.clicker_item_on_circulation { background-color: #B9EAF1; border-top: 3px solid #00BCD4 !important; border: 1px solid #7DD4E0; }

.clicker_item_calendar_box_friday { margin: 0 6px 4px 0; }


.room_small_progress { background: rgb(143,200,87); /* Old browsers */ background: -moz-linear-gradient(top, rgba(143,200,87,1) 10%, rgba(92,148,37,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(143,200,87,1)), color-stop(90%,rgba(92,148,37,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc857', endColorstr='#5c9425',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* W3C */ /*border: 1px solid #CCCCCC;*/ border-radius: 5px; -webkit-border-radius: 5px; /*box-shadow: 0 1px 0 #FFFFFF;*/ display: block; height: 18px; /*margin: 4px 0;*/ width: 12px; padding: 0; position: relative; /*-moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite;*/ }

    .room_small_progress span { border-radius: 5px; -webkit-border-radius: 5px; /*box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;*/ display: block; height: 18px; margin: 0; padding: 0; text-align: center; width: 0; }

        .room_small_progress span b { /*color: Yellow;*/ font-size: 12px; line-height: 20px; /*padding-left: 2px;*/ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); /*overflow:hidden;*/ }

.color_normal { color: White; }

.color_border { color: Black; }


.progress-blue span { /*background: -moz-linear-gradient(center top , #00ADEE 10%, #0078A5 90%) repeat scroll 0 0 transparent;
background: -webkit-gradient(
linear, left top, left bottom, 
from(#00ADEE),
to(#0078A5));    
*/ background: rgb(0,173,238); /* Old browsers */ background: -moz-linear-gradient(top, rgba(0,173,238,1) 10%, rgba(0,120,165,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(0,173,238,1)), color-stop(90%,rgba(0,120,165,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0,173,238,1) 10%,rgba(0,120,165,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0,173,238,1) 10%,rgba(0,120,165,1) 90%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(0,173,238,1) 10%,rgba(0,120,165,1) 90%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00adee', endColorstr='#0078a5',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(0,173,238,1) 10%,rgba(0,120,165,1) 90%); /* W3C */ border: 1px solid #0078A5; }

.progress-green span { /*background: -moz-linear-gradient(center top , #8FC857 10%, #5C9425 90%) repeat scroll 0 0 transparent;
background: -webkit-gradient(
linear, left top, left bottom, 
from(#8FC857),
to(#5C9425));    
*/ background: rgb(143,200,87); /* Old browsers */ background: -moz-linear-gradient(top, rgba(143,200,87,1) 10%, rgba(92,148,37,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(143,200,87,1)), color-stop(90%,rgba(92,148,37,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc857', endColorstr='#5c9425',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* W3C */ border: 1px solid #5C9425; }

.progress-orange span { background: rgb(250,165,26); /* Old browsers */ background: -moz-linear-gradient(top, rgba(250,165,26,1) 10%, rgba(244,122,32,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(250,165,26,1)), color-stop(90%,rgba(244,122,32,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(250,165,26,1) 10%,rgba(244,122,32,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(250,165,26,1) 10%,rgba(244,122,32,1) 90%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(250,165,26,1) 10%,rgba(244,122,32,1) 90%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faa51a', endColorstr='#f47a20',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(250,165,26,1) 10%,rgba(244,122,32,1) 90%); /* W3C */ border: 1px solid #F47A20; }

.progress-red span { background: rgb(221,95,95); background: -moz-linear-gradient(top, rgba(221,95,95,1) 10%, rgba(169,44,44,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(221,95,95,1)), color-stop(90%,rgba(169,44,44,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(221,95,95,1) 10%,rgba(169,44,44,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(221,95,95,1) 10%,rgba(169,44,44,1) 90%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(221,95,95,1) 10%,rgba(169,44,44,1) 90%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd5f5f', endColorstr='#a92c2c',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(221,95,95,1) 10%,rgba(169,44,44,1) 90%); /* W3C */ border: 1px solid #A92C2C; }



li ul, li ol, ul ul, ol ol, dl dd { margin-bottom: 0; margin-left: 0; margin-top: 0; }

h1, h2, h3, h4, h5, h6, b, strong, caption, th, thead, dt, legend { /*font-weight: 600;*/ }

strong { font-weight: 600; }

#tooltip { border: 1px solid #444; font-size: 12px; max-width: 205px; padding: 5px; position: absolute; z-index: 2000; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

.tooltip { display: none; /*background:transparent url(/tools/img/tooltip/black_arrow.png);*/ /*background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow.png);*/ font-size: 12px; height: 70px; width: 160px; padding: 25px; color: #fff; }

@-webkit-keyframes libtech_blink_animation {
    0% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }

    50% { opacity: 0; text-shadow: none; }

    100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
}

@-moz-keyframes libtech_blink_animation {
    0% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }

    50% { opacity: 0; text-shadow: none; }

    100% { opacity: 1.0; text-shadow: 0 0 20px #00c6ff; }
}

@-webkit-keyframes libtech_opacity_blink_animation {
    /*0% {opacity:0.45; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:0.45; text-shadow:0 0 20px #00c6ff; }*/
    0% { opacity: 0.85; }

    50% { opacity: 0; }

    100% { opacity: 0.85; }
}

@-moz-keyframes libtech_opacity_blink_animation {
    /*0% {opacity:0.45; text-shadow:0 0 20px #00c6ff;}
50% {opacity:0; text-shadow:none; }
100% {opacity:0.45; text-shadow:0 0 20px #00c6ff; }*/
    0% { opacity: 0.85; }

    50% { opacity: 0; }

    100% { opacity: 0.85; }
}

.libtech_text_white { color: White; }

.libtech_float_left { float: left; }

.libtech_margin_both { margin: 5px; }

.small_red { background-color: Red; }

.small_green { background-color: Green; }

.small_square { min-width: 16px; float: left; margin-right: 4px; margin-top: 4px; opacity: 0.95; }

    .small_square span b { /*-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
font-size:8px;
/*padding-left: 2px;*/ min-width: 15px; font-size: 8px; padding: 2px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.clear_both { clear: both; }

.clicker_div_clear_both { clear: both; }


.clicker_div_padding { padding: 10px; }

.clicker_max_width { width: 100% !important; }

.clicker_mobile_button_width { width: 90%; /*height:18px;*/ margin-bottom: 5px; }

.clicker_margin_bottom { margin-bottom: 5px; }

.clicker_back_white { background: none repeat scroll 0 0 #FFFFFF; }

.clicker_back_padding { padding: 10px; }

.clicker_border_round { -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; }

.clicker_border_green { border: 1px solid #299A0B; }

.clicker_border_shadow { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }


.clicker_seat_notification_will_delte div { float: left; margin-right: 10px; /*width:40px;*/ }

.clicker_seat_notification_will_delte ul { height: 127px; /*margin: 0 -1px 18px -11px;*/ width: 200px; }

    .clicker_seat_notification_will_delte ul li { display: inline; width: 90px; float: left; height: 30px; margin-right: 8px; }


#clicker_studyroom_slide_help { bottom: 5px; left: 5px; position: absolute; width: 1227px; z-index: 4500; }

#clicker_media_room_slide_help { top: 5px; left: 5px; position: absolute; width: 1227px; z-index: 4500; }

.clicker_gray_back_panel { padding: 5px; filter: alpha(opacity=80); opacity: 0.80; color: black; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; /*border: 1px solid #CCCCCC;*/ border: 1px solid #c0c0c0; border-radius: 5px; -webkit-border-radius: 5px; background-color: #ffffff; }


.clicker_slide_help ul { /*height: 127px;*/ /*margin: 0 -1px 18px -11px;*/ /*width: 500px;*/ }

    .clicker_slide_help ul li { display: inline; /*width:140px;
float: left;
height: 30px;*/ margin-right: 5px; }

.clicker_slide_help .element_picture { float: left; width: 30px; }

.clicker_slide_help .element_text { float: left; width: 100px; }

.clicker_slide_help .element_close { clear: both; }

#clicker_room_slide_help { top: 5px; left: 5px; position: absolute; width: 460px; padding: 5px; filter: alpha(opacity=80); opacity: 0.80; color: White; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; /*border: 1px solid #CCCCCC;*/ border: 2px solid black; border-radius: 5px; -webkit-border-radius: 5px; background: rgb(125,126,125); /* Old browsers */ background: -moz-linear-gradient(top, rgba(125,126,125,1) 0%, rgba(14,14,14,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,126,125,1)), color-stop(100%,rgba(14,14,14,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* IE10+ */ background: linear-gradient(top, rgba(125,126,125,1) 0%,rgba(14,14,14,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */ }


    #clicker_room_slide_help ul { /*height: 127px;*/ /*margin: 0 -1px 18px -11px;*/ /*width: 500px;*/ }

        #clicker_room_slide_help ul li { display: inline; width: 140px; float: left; height: 30px; margin-right: 5px; }

    #clicker_room_slide_help .element_picture { float: left; width: 30px; }

    #clicker_room_slide_help .element_text { float: left; width: 100px; }

    #clicker_room_slide_help .element_close { clear: both; }

ul { list-style: none outside none; }

.clicker_main_sub_section { float: left; }

.clicker_seat_option { /*width:5px;*/ }

#clicker_div_full_master { width: 1100px; margin: 0 auto; min-height: 700px; margin-top: 10px; margin-bottom: 10px; padding: 10px; background: none repeat scroll 0 0 #FFFFFF; -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }

.clicker_seat_room_title { top: 5px; left: 5px; position: absolute; width: 980px; padding: 5px; filter: alpha(opacity=50); opacity: 0.50; }

.clicker_option_color_yellow { color: Yellow; }

.clicker_align_left { text-align: left; padding-left: 10px; }

.clicker_align_right { text-align: right; padding-right: 10px; }

.clicker_align_center { text-align: center; }

.clicker_subtitle_header { margin-top: 50px; margin-bottom: 5px; font-weight: 600; color: #ff9600; }

.clicker_libtech_table_list { position: relative; width: 100%; border-collapse: collapse; margin-top: 10px; }
.clicker_libtech_table_list_02 td { border-bottom: 1px solid #eee; padding-bottom: 3px; }
.clicker_libtech_table_list caption { height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; overflow: hidden; }

.clicker_libtech_table_list th { height: 27px; color: #ffffff; /*border-bottom: 1px solid #cccccc;*/ font-weight: 600; /*background: url(/clicker/images/clicker_bg_grey.jpg) repeat;*/ background-color: #a3a3a3; }
/*.clicker_libtech_table_list td { height:26px; border-bottom: 1px solid #DCDCDC;  border-top: 1px solid #DCDCDC; color:#5d5d5d;  }*/
.clicker_libtech_table_list td { height: 26px; }

.clicker_libtech_table_list tbody { }

.clicker_libtech_table_list td img { margin-left: 7px; vertical-align: middle; }

.clicker_libtech_table_list .left5 { text-align: left; padding-left: 5px; }

.clicker_libtech_table_list .book_name img { width: 90px; height: 120px; padding-top: 5px; padding-bottom: 7px; }

.clicker_libtech_table_list .left5_align { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

    .clicker_libtech_table_list .left5_align a { color: #555; font-weight: 600; }

        .clicker_libtech_table_list .left5_align a:hover { color: #688fa0; text-decoration: underline; font-weight: 600; }


.clicker_s_o { background: url(/clicker/images/seat_object_back.png) repeat; /*background: url(/clicker/images/login-wrap-bg.png) repeat; */ /*background: url(/clicker/images/back_for_use.png) repeat; */ border-radius: 5px; -webkit-border-radius: 5px; display: block; padding: 0; position: relative; color: White; font-size: 11pt; line-height: 30px; font-weight: 600; /*text-shadow: -1px -1px 1px rgba(255,255,255,0.2), 1px 1px 1px rgba(0,0,0,0.6);*/ -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

    .clicker_s_o:hover { /*-moz-transform: scale(1.05);
-webkit-transform: scale(1.05); */ opacity: 0.94; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 94); filter: alpha(opacity = 94); color: #fff08f; -moz-box-shadow: 0px 0px 11px 1px #ffe29c; -webkit-box-shadow: 0px 0px 11px 1px #ffe29c; box-shadow: 0px 0px 11px 1px #ffe29c; }

.clicker_seat_size_normal { height: 30px; width: 30px; }

.clicker_seat_size_small { height: 22px; width: 22px; }


.clicker_locker_room_object { background: rgb(143,200,87); /* Old browsers */ background: -moz-linear-gradient(top, rgba(143,200,87,1) 10%, rgba(92,148,37,1) 90%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(143,200,87,1)), color-stop(90%,rgba(92,148,37,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* Opera11.10+ */ background: -ms-linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc857', endColorstr='#5c9425',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, rgba(143,200,87,1) 10%,rgba(92,148,37,1) 90%); /* W3C */ /*border: 1px solid #CCCCCC;*/ border-radius: 5px; -webkit-border-radius: 5px; /*box-shadow: 0 1px 0 #FFFFFF;*/ display: block; height: 60px; /*margin: 4px 0;*/ width: 105px; padding: 0; /*position: relative;*/ /*-moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite;*/ }

.clicker_locker_room_object_span { border-radius: 2px; -webkit-border-radius: 2px; display: block; height: 60px; margin: 0; padding: 0; text-align: center; width: 0; color: White; font-size: 12pt; line-height: 60px; /*padding-left: 2px;*/ font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.clicker_s_o_big {border-radius: 5px; -webkit-border-radius: 5px; /*box-shadow: 0 1px 0 #FFFFFF;*/ display: block; height: 40px; /*margin: 4px 0;*/ width: 40px; padding: 0; position: relative; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; /*-moz-animation:mymove 1s ease infinite; -webkit-animation:mymove 1s ease infinite;*/ }

.clicker_s_o_big_span { border-radius: 2px; -webkit-border-radius: 2px; display: block; height: 40px; margin: 0; padding: 0; text-align: center; width: 0; color: White; font-size: 12pt; line-height: 40px; /*padding-left: 2px;*/ font-weight: 600; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.clicker_s_b_n { border: 2px solid #5D9625; }

.clicker_s_b_o { /*border: 2px solid #B22222;   */ border: 2px solid #942894; }

.clicker_s_b_c { /*border: 2px solid #DB2525;*/ border: 2px solid #942894; }

.clicker_s_b_r { border: 2px solid #B20B98; }

.clicker_s_b_b { /*border: 2px solid #f23866;   */ border: 2px solid #f063a7; }

.clicker_s_b_pa { border: 2px solid #0033CC; }

.clicker_s_b_sh { border: 2px solid #196ffa; }

.clicker_s_s_no { border-radius: 2px; -webkit-border-radius: 2px; display: block; height: 30px; margin: 0; padding: 0; text-align: center; width: 0; /*color:White;*/ /*font-size:11pt;
line-height: 30px;
font-weight:bold;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); */ }

.clicker_s_s_sm { border-radius: 2px; -webkit-border-radius: 2px; display: block; height: 22px; margin: 0; padding: 0; text-align: center; width: 0; color: White; font-size: 10pt; line-height: 20px; /*padding-left: 2px;*/ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.clicker_se_st_no span { /*background: url(/clicker/images/back_for_use.png) repeat;*/ background: #85d604 linear-gradient(#85d604 40%, #77c004 ); }

/*.clicker-box-for-in-use span { background: rgb(76,76,76); background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); background: -o-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); background: linear-gradient(top, rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); }
*/
.clicker_se_st_in span { /*background: url(/clicker/images/back_in_use.png) repeat;*/ background-color: #92148d; background: #92148d linear-gradient(#f18fee 40%, #92148d ); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-right: 1px solid #942894; }

.clicker_se_st_full_in span { border-right: 0 !important; }

.clicker_se_st_booking span { /*background: url(/clicker/images/back_for_in_booking.png) repeat;*/ background-color: #92148d; background: #92148d linear-gradient(#f18fee 40%, #92148d ); background-image: url('/clicker/images/Background/back_for_in_booking-in-arrow.png'); background-position: left top; background-repeat: no-repeat; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-right: 1px solid #942894; }

.clicker_se_st_share span { /*background: url(/clicker/images/back_for_in_share.png) repeat;*/ background-color: #17e78d; background: #17e78d linear-gradient(#04fa98 40%, #17e78d ); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-right: 1px solid #942894; }

.clicker_se_st_need_confirm span { /*background: url(/clicker/images/back_for_in_need_confirm.png) repeat;*/ /*background-color:#17e78d; background:#17e78d linear-gradient(#04fa98 40%, #17e78d );*/ background-color: #92148d; background: #92148d linear-gradient(#f18fee 40%, #92148d ); background-image: url('/clicker/images/Background/back_for_in_need_confirm-in-arrow.png'); background-position: left top; background-repeat: no-repeat; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-right: 1px solid #942894; }

.clicker_se_st_no_kiosk span { /*background: url(/clicker/images/back_for_no_kiosk.png) repeat;*/ background-color: #92148d; background: #92148d linear-gradient(#f18fee 40%, #92148d ); background-image: url('/clicker/images/Background/back_for_no_kiosk-in-arrow.png'); background-position: left top; background-repeat: no-repeat; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border-right: 1px solid #942894; }


.clicker_seat_status_closed span { /*background: url(/clicker/images/back_for_no.png) repeat;*/ /*border-color:#e51337;*/ background-color: #e51337; background: #e51337 linear-gradient(#f79aaa 40%, #e51337 ); }

.clicker_seat_status_handicaped span { /*background: url(/clicker/images/back_for_handicaped.png) repeat;*/ /*border-color:#5D9625;*/ background-color: #f17025; background: #f17025 linear-gradient(#fac8ab 40%, #f17025 ); }

.clicker_seat_status_free span { /*background: url(/clicker/images/back_for_free.png) repeat;*/ /*border-color:#788c11;*/ background-color: #788c11; background: #788c11 linear-gradient(#adbf4f 40%, #788c11 ); }

.clicker_seat_status_notebook span { /*background: url(/clicker/images/back_for_notebook.png) repeat;*/ /*border-color:#848778;*/ background-color: #848778; background: #848778 linear-gradient(#dcddd9 40%, #848778 ); }

.clicker_seat_status_after_graduate span { /*background: url(/clicker/images/back_for_graduated.png) repeat;*/ /*border-color:#1a1a1a;*/ background-color: #1a1a1a; background: #1a1a1a linear-gradient(#595959 40%, #1a1a1a ); }


.clicker_seat_status_booking span { background: rgb(246,230,180); background: -moz-linear-gradient(top, rgba(220,156,244,1) 0%, rgba(148,81,173,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(220,156,244,1)), color-stop(100%,rgba(148,81,173,1))); background: -webkit-linear-gradient(top, rgba(220,156,244,1) 0%,rgba(148,81,173,1) 100%); background: -o-linear-gradient(top, rgba(220,156,244,1) 0%,rgba(148,81,173,1) 100%); background: -ms-linear-gradient(top, rgba(220,156,244,1) 0%,rgba(148,81,173,1) 100%); background: linear-gradient(top, rgba(220,156,244,1) 0%,rgba(148,81,173,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6e6b4', endColorstr='#ed9017',GradientType=0 ); }

.clicker_seat_status_computer span { background: url(/clicker/images/back_for_computer.png) repeat; }


.clicker_s_o_old span b { font-size: 10pt; line-height: 30px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.clicker_s_o_big span b { /*color: Yellow;*/ font-size: 18px; font-weight: 600; line-height: 40px; /*padding-left: 2px;*/ text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); }

.clicker_font_bold { font-weight: 600; }

.clicker_max_width { width: 100%; }

.clicker-cursor-pointer { cursor: pointer; }


.clicker_3d_text { color: #FFFFFF; font: bold 20px/1 "Helvetica Neue",Helvetica,Arial,sans-serif; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2); }

.clicker_text_shadow { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5); font-weight: 600; }

.clicker_main_banner ul { height: 157px; /*margin: 0 -1px 18px -11px;*/ margin-left: 12px; width: 100%; }

    .clicker_main_banner ul li { display: inline; float: left; height: 110px; margin-right: 10px; margin-bottom: 5px; width: 235px; }

.clicker_s_o_grid ul { /*height: 40px;
margin: 0 -1px 18px -11px;
margin-left:12px;
width: 100%;
*/ margin-top: 10px; }

    .clicker_s_o_grid ul li { display: inline; float: left; height: 40px; margin-right: 5px; margin-left: 5px; margin-bottom: 5px; width: 40px; }

.clicker_main_banner_content { /*border: 1px solid #eeeeee;    
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/ padding: 0px; text-align: center; /*color:White;*/ color: #5D5D5D; height: 100px; width: 220px; }

    .clicker_main_banner_content:after { clear: both; }

.clicker_main_banner_title { padding: 0 10px; font-size: 14px; }

.clicker_main_banner_description { font-size: 12px; width: 160px; float: right; }

.clicker_main_banner_image { /*padding-right:5px;*/ width: 50px; float: left; }

    .clicker_main_banner_image img { width: 40px; height: 40px; }

.clicker_user_locker ul { height: 157px; /*margin: 0 -1px 18px -11px;*/ margin-left: 12px; width: 100%; }

    .clicker_user_locker ul li { display: inline; float: left; height: 70px; margin-right: 10px; margin-bottom: 5px; width: 112px; }

.clicker_user_locker_content { /*border: 1px solid #eeeeee;    
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/ padding: 0px; text-align: center; /*color:White;*/ color: #5D5D5D; height: 100px; width: 220px; }

/*.clicker_user_locker_content:after
{
clear: both;
}

.clicker_main_banner_title
{
padding: 0 10px;
font-size:14px;
}

.clicker_main_banner_description
{
font-size:12px;
width:160px;
float:right;
}

.clicker_main_banner_image
{
width:50px;
float:left;    
}
.clicker_main_banner_image img
{
width:40px;
height:40px;
}
*/




.clicker_mobile_main_banner ul { height: 157px; /*margin: 0 -1px 18px -11px;*/ margin-left: 12px; width: 100%; }

    .clicker_mobile_main_banner ul li { display: inline; float: left; height: 40px; margin-right: 10px; margin-bottom: 5px; width: 60px; }

.clicker_mobile_main_banner_content { /*border: 1px solid #eeeeee;    
border-radius: 5px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);*/ padding: 0px; text-align: center; /*color:White;*/ color: #5D5D5D; height: 40px; width: 40px; }

    .clicker_mobile_main_banner_content:after { clear: both; }


.clicker_popup_close { cursor: pointer; height: 26px; position: absolute; right: -8px; top: -10px; width: 26px; display: none; /*IE7에서 이상함..(만수2012.03.28)*/ }

#clicker_google_map { /*  height: 450px; width: 600px; 
margin: 0 auto;
border: 1 solid #eeeeee;*/ }

.clicker_page_title { padding: 10px; margin-bottom: 5px; /*font-weight:bold;*/ font-size: 14px; }

.clicker_user_seat_page_title { padding-bottom: 5px; margin-bottom: 5px; font-weight: 600; font-size: 14px; }

.button-gray { background: -moz-linear-gradient(center top, #FEFEFE, #D8D8D8) repeat scroll 0 0 transparent; border: 1px solid #CBCBCB; }

    .button-gray:hover { background: -moz-linear-gradient(center top, #F1F1F1, #CBCBCB) repeat scroll 0 0 transparent; border: 1px solid #BEBEBE; }

    .button-gray:active { background: -moz-linear-gradient(center top, #CBCBCB, #E5E5E5) repeat scroll 0 0 transparent; border: 1px solid #989898; }

.button-blue { background: -moz-linear-gradient(center top, #00ADEE, #0075A2) repeat scroll 0 0 transparent; border: 1px solid #006388; }

    .button-blue:hover { background: -moz-linear-gradient(center top, #009AD5, #006388) repeat scroll 0 0 transparent; border: 1px solid #00506F; }

    .button-blue:active { background: -moz-linear-gradient(center top, #006388, #0088BB) repeat scroll 0 0 transparent; border: 1px solid #001922; }

.button-green { background: -moz-linear-gradient(center top, #77CC44, #549A2A) repeat scroll 0 0 transparent; border: 1px solid #498624; }

    .button-green:hover { background: -moz-linear-gradient(center top, #6AC235, #498624) repeat scroll 0 0 transparent; border: 1px solid #3E721F; }

    .button-green:active { background: -moz-linear-gradient(center top, #498624, #5FAE2F) repeat scroll 0 0 transparent; border: 1px solid #1D350F; }

.button-orange { background: -moz-linear-gradient(center top, #FFBB55, #FF9C08) repeat scroll 0 0 transparent; border: 1px solid #EE8F00; }

    .button-orange:hover { background: -moz-linear-gradient(center top, #FFB13B, #EE8F00) repeat scroll 0 0 transparent; border: 1px solid #D47F00; }

    .button-orange:active { background: -moz-linear-gradient(center top, #EE8F00, #FFA722) repeat scroll 0 0 transparent; border: 1px solid #885200; }

.button-red { background: -moz-linear-gradient(center top, #DD5656, #C02727) repeat scroll 0 0 transparent; border: 1px solid #AB2222; }

    .button-red:hover { background: -moz-linear-gradient(center top, #D94141, #AB2222) repeat scroll 0 0 transparent; border: 1px solid #951E1E; }

    .button-red:active { background: -moz-linear-gradient(center top, #AB2222, #D42C2C) repeat scroll 0 0 transparent; border: 1px solid #561111; }

ul.action-buttons { list-style-type: none; padding: 0; }

    ul.action-buttons li { display: inline-block; list-style: none outside none; margin: 2px 0; position: relative; }

        ul.action-buttons li a { cursor: pointer; }

.clicker_action_form_panel { background: white; /*background: url(/clicker/images/white_texture.jpg) repeat;*/ background: rgba(255, 255, 255, 1); border: 1px solid #AAA;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: -70px; /*font-size: 11pt;*/ position: absolute; padding: 20px; /*opacity: 0.98; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 98); filter: alpha(opacity = 98);*/ color: #555; z-index: 500; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.clicker_action_form_normal_panel { background: white; background: url(/clicker/images/white_texture.jpg) repeat; border: 1px solid #AAA; box-shadow: rgba(0,0,0,0.7) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.7) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0,0.7) 0px 0px 3px; -khtml-box-shadow: rgba(0,0,0,0.7) 0px 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 10px; /*position:absolute;*/ padding: 20px; /*filter: alpha(opacity=95);
opacity: 0.95;*/ color: #555; z-index: 500; }

.clicker_action_form_mobile_panel { background: white; background: -moz-linear-gradient(top, #E1F2FC 0%, #F6F6F6 60%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #E1F2FC), color-stop(0.5, #F6F6F6)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E1F2FC', endColorstr='#F6F6F6'); border: 1px solid #AAA; box-shadow: rgba(0,0,0,0.7) 0px 0px 3px; -moz-box-shadow: rgba(0,0,0,0.7) 0px 0px 3px; -webkit-box-shadow: rgba(0,0,0,0.7) 0px 0px 3px; -khtml-box-shadow: rgba(0,0,0,0.7) 0px 0px 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; margin-top: 10px; /*position:absolute;*/ padding: 10px; /*filter: alpha(opacity=95);
opacity: 0.95;*/ color: #555; z-index: 500; }

.clicker_panel_title_back { border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; /*border: 1px solid #DA7C0C;*/ border: 0px solid #C39B00; color: #fff; /*background-color:#FAA51A;*/ background-color: #428BCA; font-size: 12pt; }

.clicker_panel_font_blue { color: #1874CD; }
.clicker_action_form_panel .clicker_s_o_big.clicker_se_st_no.clicker_s_b_n {display:none;}
.sponge-alert-messagebox{margin-bottom:0;}
.clicker_command_section { line-height: 32px; padding:20px 0; border-top:1px solid #ddd;  }

    .clicker_command_section a { margin-right: 10px; }

.clicker_font_bright_top { color: White; }

.clicker_font_bright_middle { color: #7D7D7D; }

.clicker_font_bright_low { color: #575757; }

.clicker_font_bright_clicker { color: #00BFFF; }

.clicker_line_gap { background-color: #00BFFF; min-height: 2px; margin-bottom: 5px; }

.clicker_div_mobile_title_section { margin-top: 10px; margin-bottom: 3px; padding-left: 10px; }

.clicker_div_mobile_list_bar { position: relative; min-height: 80px; }

.clicker_seat_list_bar_room_name { position: relative; top: 5px; left: 5px; }

.clicker_seat_list_bar_room_info { position: absolute; top: 20px; left: 5px; }

.clicker_seat_list_bar_room_graph { position: absolute; top: 40px; left: 5px; width: 100%; }

.clicker_seat_list_bar_room_pointer { position: absolute; top: 20px; right: 5px; }

.clicker_button_black_gradient { border-top: 1px solid #4f6b7d; background: #49565e; background: -webkit-gradient(linear, left top, left bottom, from(#1c1e1f), to(#49565e)); background: -webkit-linear-gradient(top, #1c1e1f, #49565e); background: -moz-linear-gradient(top, #1c1e1f, #49565e); background: -ms-linear-gradient(top, #1c1e1f, #49565e); background: -o-linear-gradient(top, #1c1e1f, #49565e); padding: 5px 10px; -webkit-border-radius: 4px; -moz-border-radius: 2px; border-radius: 4px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #428dde; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; }

.clicker_button:hover { border-top-color: #28597a; background: #28597a; color: #ccc; }

.clicker_button:active { border-top-color: #1b435e; background: #1b435e; }

.clicker_mobile_main_columns { -webkit-column-count: 3; -webkit-column-rule: 0px; -moz-column-count: 3; -moz-column-rule: 0px; -webkit-column-width: 33%; -moz-column-width: 33%; column-width: 33%; text-align: center; }

.clicker_main_menu_back { /*background: -moz-linear-gradient(-45deg, #3887BD 0%, #5DA9DD 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#3887BD), color-stop(100%,#5DA9DD));
background: -webkit-linear-gradient(-45deg, #3887BD 0%,#5DA9DD 100%);
background: -o-linear-gradient(-45deg, #3887BD 0%,#5DA9DD 100%);
background: -ms-linear-gradient(-45deg, #3887BD 0%,#5DA9DD 100%);
background: linear-gradient(-45deg, #3887BD 0%,#5DA9DD 100%);
background-color: #54A1D6;
*/ /*background-color: #8FC857;
border: 1px solid #219C4E;*/ height: 90px; width: 220px; /*color: white;*/ position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; overflow: hidden; text-align: center; padding-top: 7px; /*    filter: alpha(opacity=95);
opacity: 0.95; */ }

    .clicker_main_menu_back:hover { /*background:none; background-color: #54a1d6;border:1px solid #3887bd; */ background: none; background-color: #F2F2F2; border: 1px solid #dddddd; }

    .clicker_main_menu_back img { /* width:100px;*/ }

.clicker_box_link { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding-top: 7px; }

.headmenu a { /*border-right: 1px dotted #AAAAAA;*/ color: #ffffff; float: left; font: 24px/20px; padding-right: 20px; /*text-transform: uppercase;*/ }

    .headmenu a:hover { color: #000000; /*background: #eee;*/ /* url("/Users/LibTech/K/Images/bg2.png");*/ }




#nav { background: -webkit-gradient(linear, 0 0, 0 100%, from(#cacaca), to(#848484)); background: -moz-linear-gradient(top, #cacaca, #848484); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3); display: inline-block; list-style: none; margin: 0 0 5px; /*margin:0 0 20px;*/ overflow: hidden; padding: 0; width: 100%; }

    #nav li { border-right: 1px solid #808080; -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow: inset 0 0 0 1px rgba(255,255,255,.1); float: left; }

        #nav li a { color: #262626; display: block; font: 13px; height: 36px; line-height: 34px; padding: 0 30px; text-decoration: none; text-shadow: 0 1px #cecece; }

        #nav li span { color: #ffffff; display: block; font: 13px; height: 36px; line-height: 34px; padding: 0 30px; text-decoration: none; }

        #nav li a:hover { background: -webkit-gradient(linear, 0 0, 0 100%, from(#929292), to(#535353)); background: -moz-linear-gradient(top, #929292, #535353); -webkit-box-shadow: inset 0 -10px 20px rgba(0,0,0,.05), inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow: inset 0 -10px 20px rgba(0,0,0,.05), inset 0 0 0 1px rgba(255,255,255,.1); color: #fff; text-shadow: 0 -1px #414141; }

        #nav li a:active { -webkit-box-shadow: inset 0 -10px 20px rgba(0,0,0,.05), inset 0 2px 5px #363636, inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow: inset 0 -10px 20px rgba(0,0,0,.05), inset 0 2px 5px #363636, inset 0 0 0 1px rgba(255,255,255,.1); }

        #nav li .apple { padding: 0; }

            #nav li .apple:hover { -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; }

            #nav li .apple span { background: url(/images/SkyBlueAjaxLibTech.ico) center 6px no-repeat; display: block; padding: 0; text-indent: -99999em; width: 102px; }

        #nav li .current,
        #nav li .current:hover { background: -webkit-gradient(linear, 0 0, 0 100%, from(#373737), to(#525051)); background: -moz-linear-gradient(top, #373737, #525051); -webkit-box-shadow: inset 0 -10px 20px rgba(0,0,0,.05), inset 0 2px 5px #363636, inset 0 0 0 1px rgba(255,255,255,.1); -moz-box-shadow: inset 0 -10px 20px rgba(0,0,0,.05), inset 0 2px 5px #363636, inset 0 0 0 1px rgba(255,255,255,.1); color: #fff; text-shadow: 0 1px #242323; }

    #nav .search_container { border-right: none; padding-right: 5px; }

    #nav .search { background: url(images/site-search-sprite.png) right -53px no-repeat; padding: 7px 20px 8px 5px; }

        #nav .search label { background: url(images/site-search-sprite.png) 0 0 no-repeat; display: block; height: 20px; }

        #nav .search input { border: none; color: #a9a9a9; height: 12px; margin-left: 25px; -webkit-appearance: none; }

            #nav .search input:focus { border: none; outline: none; }




.clicker_title_highlight { color: #0066FF; font-weight: 600; }

.clicker_title_yellow_highlight { color: #FC0; font-weight: 600; }

.clicker_clear_both { clear: both; }

.clicker_statistics_user { width: 100%; height: 200px; }

.clicker_setting { margin-bottom: 20px; }

    .clicker_setting .group { width: 12%; float: left; text-align: right; padding-right: 10px; font-weight: 600; }

    .clicker_setting .section { width: 85%; float: left; }

    .clicker_setting .section_row { margin-bottom: 3px; }

    .clicker_setting .clicker_setting_section_introduction { width: 50%; float: left; text-align: right; padding-right: 10px; }

    .clicker_setting .section_text { width: 35%; float: left; }

    .clicker_setting .section_button { width: 5%; float: left; margin-left: 10px; }

.clicker_staff_setting { margin-bottom: 20px; }

    .clicker_staff_setting .group { width: 12%; float: left; text-align: right; padding-right: 10px; font-weight: 600; }

    .clicker_staff_setting .section { /*    width: 85%; 
float: left;*/ }

    .clicker_staff_setting .section_row { margin-bottom: 3px; }

    .clicker_staff_setting .section_introduction { width: 50%; float: left; text-align: right; padding-right: 10px; }

    .clicker_staff_setting .section_text { width: 40%; float: left; text-align: left; }

    .clicker_staff_setting .section_button { width: 5%; float: left; margin-left: 10px; }

.clicker_config .section_row { margin-bottom: 3px; }

.clicker_config .clicker_setting_section_introduction { width: 35%; float: left; text-align: right; padding-right: 10px; }

.clicker_config .section_text { width: 60%; float: left; }

.clicker_text_time { width: 80px; }

.clicker_privilage_page_title { padding: 10px; margin-bottom: 5px; font-size: 12px; font-weight: 600; text-align: right; }

.clicker_div_privilage_section { margin-bottom: 20px; }

.clicker_privilage_sub_title { text-align: right; margin-right: 10px; }

/* validators  이 부분은 무슨 이유인지 넣으면 파폭에서 에러가 납니다. 주석을 풀지 말아 주십시오. 2011.11.28 박경화
.field-validation-error
{
position: absolute;
display: block;
}
        
* html .field-validation-error
{
position: relative;
}
* + html .field-validation-error
{
position: relative;
}
        
.field-validation-error span
{
position: absolute;
white-space: nowrap;
color: red;
padding: 17px 5px 3px;
background: transparent url('<%=
Url.Content("~/Content/Common/validation-error-message.png") %>') no-repeat 0 0;
}
*/

/* in-form editing */
.t-edit-form-container { width: 550px; margin: 1em; }

    .t-edit-form-container .editor-label, .t-edit-form-container .editor-field { padding-bottom: 1em; float: left; }

    .t-edit-form-container .editor-label { width: 30%; text-align: right; padding-right: 3%; clear: left; }

    .t-edit-form-container .editor-field { width: 65%; }

.clicker_booking_over { visibility: hidden; }

.clicker_font_alert { font-weight: 600; font-size: 11pt; color: Black; }

.clicker_align_right { text-align: right; margin-right: 5px; }

.clicker_font_bold { font-weight: 600; }

.clicker_margin_bottom { margin-bottom: 10px; }

a.clicker_accordion_link:link { color: #3366CC; text-decoration: none; }

a.clicker_accordion_link:visited { color: #3366CC; text-decoration: none; }

a.clicker_accordion_link:active { color: #3366CC; text-decoration: none; }

a.clicker_accordion_link:hover { color: #3366CC; text-decoration: none; }

.clicker_page_content { padding: 20px; padding-left: 60px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-bottom: 10px; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); box-shadow: inset 0 1px 0 rgba(255,255,255,0.5); border: 1px solid #CADCEA; background: #E1F2FC; background: -webkit-gradient(linear, left top, left bottom, from(#E1F2FC), to(#CAE9FD)); background: -moz-linear-gradient(top, #E1F2FC, #CAE9FD); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1f2fc', endColorstr='#cae9fd'); color: #225B86; text-shadow: 0 1px 0 white; border-image: initial; }

.clicker_seat_element_picture { float: left; padding-right: 5px; /*width: 30px;*/ }

.clicker_seat_element_text { display: inline-block; vertical-align: middle; padding: 4px 0; }

#clicker_div_for_kiosk_user_seat_top ul { /*height: 157px;*/ /*margin: 0 -1px 18px -11px; margin-left:12px;*/ width: 100%; }

    #clicker_div_for_kiosk_user_seat_top ul li { display: inline; float: left; /*height: 110px;*/ margin-right: 10px; margin-bottom: 5px; width: 238px; }

#clicker_div_for_kiosk_user_seat_top.clicker_div_for_2022{margin-bottom:20px;}
#clicker_div_for_kiosk_user_seat_top.clicker_div_for_2022 > ul > li{ display:inline-block; margin:0; width:auto; }
#clicker_div_for_kiosk_user_seat_top.clicker_div_for_2022 > ul > li > a{ border-radius:0; min-width:200px; padding:10px 0; margin-left:-1px; }
#clicker_div_for_kiosk_user_seat_top.clicker_div_for_2022 > ul > li > a.btn-warning, #clicker_div_for_kiosk_user_seat_top.clicker_div_for_2022 > ul > li > a.btn-warning:active{ background-color:#1d7da5; border-color:#1d7da5;}
#clicker_div_for_kiosk_user_seat_top.clicker_div_for_2022 > ul > li > a.btn-success, #clicker_div_for_kiosk_user_seat_top.clicker_div_for_2022 > ul > li > a.btn-success:active{ color:#898d9f; background-color:#fff; border-color:#ddd;}
#clicker_div_for_kiosk_user_seat_top.clicker_div_for_2022 > p.pull-right > a{ font-size:20px; vertical-align:top; }


#clicker_div_for_kiosk_user_seat_top .modal_clicker_user_guide_seat_2022 .modal-dialog{ width:800px;}
#clicker_div_for_kiosk_user_seat_top .modal_clicker_user_guide_seat_2022 .modal-title{ font-size:24px; display:inline-block; text-align:left; }
#clicker_div_for_kiosk_user_seat_top .modal_clicker_user_guide_seat_2022 .modal-header .close{ margin-top:3px; }
#clicker_div_for_kiosk_user_seat_top .modal_clicker_user_guide_seat_2022 .modal-body{ text-align:left; overflow-y:auto; }
#clicker_div_for_kiosk_user_seat_top .modal_clicker_user_guide_seat_2022 ul.sponge-nav-tabs > li{ width:25%; margin:0; margin-left:-1px;}
#clicker_div_for_kiosk_user_seat_top .modal_clicker_user_guide_seat_2022 ul.sponge-nav-tabs > li > a{width:100%;}


#clicker_div_for_user_seat_bottom ul { /*height: 157px;*/ /*margin: 0 -1px 18px -11px;
margin-left:12px;*/ width: 100%; }
#clicker_div_for_user_equipment_bottom ul { padding-left: 0px; }
    #clicker_div_for_user_equipment_bottom ul li { background-image: none !important; padding-left: 0px !important; display: inline; }
.sponge-search-detail .detail-table-left.clicker-detail-table-left { width: 33.33%; }
.sponge-search-detail .detail-table-right.clicker-detail-table-right { width: 66.66%; }
.sponge-search-detail .clicker-detail-table-left .page-detail-title-image img { width: 350px; margin-top: 0px; }

#clicker_div_for_user_seat_bottom ul li { display: inline-block; margin: 5px 20px 5px 0; background-image: none !important; padding-left: 0px !important; }

#clicker_div_for_user_seat_bottom_common ul li { display: inline; float: left; margin-right: 0; margin-bottom: 5px; background-image: none !important; padding-left: 0px !important; width: 100%; }

#clicker_div_for_user_equipment_bottom ul { margin-top: 10px; width: 100%; }

    #clicker_div_for_user_equipment_bottom ul li { display: inline; float: left; margin-bottom: 5px; }

.clicker_infield_form { position: relative; }

    .clicker_infield_form label { position: absolute; top: 3px; left: 10px; }

.clicker_infield_mobile_form { position: relative; }

    .clicker_infield_mobile_form label { position: absolute; top: 3px; left: 25px; }



.clicker_text_warning { color: #ff5c00; }

.clicker_back_black_opacity { background: #4c4c4c; padding: 5px; opacity: 0.8; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 80); filter: alpha(opacity = 80); border: 1px solid #000; border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; margin-top: 10px; margin-bottom: 10px; }

.clicker_back_black_span { color: White; opacity: 1; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 100); filter: alpha(opacity = 100); }

/* http://flag-sprites.com/ */

.clicker_flag { width: 16px; height: 11px; background: url(/clicker/images/national_flags.png) no-repeat; }

    .clicker_flag.flag-kr { background-position: -112px -77px; }

    .clicker_flag.flag-us { background-position: -64px -154px; }

    .clicker_flag.flag-jp { background-position: -240px -66px; }

    .clicker_flag.flag-cn { background-position: -208px -22px; }

    .clicker_flag.flag-ru { background-position: -176px -121px; }

    .clicker_flag.flag-il { background-position: -64px -66px; }

    .clicker_flag.flag-th { background-position: -80px -143px; }

    .clicker_flag.flag-fr { background-position: -128px -44px; }

    .clicker_flag.flag-de { background-position: -64px -33px; }

.clicker_line_gap { height: 27px; color: #333; font-weight: 600; background-color: #E8E8E8; margin-top: 10px; margin-bottom: 10px; }

.clicker_item_selected { color: Black; }

.clicker_link_button { cursor: pointer; }

.clicker_image_link { cursor: pointer; }

    .clicker_image_link:hover { opacity: 0.90; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 90); filter: alpha(opacity = 90); }

.clicker_image_button { }

    .clicker_image_button:hover { }

.five_column_list ul { width: 100%; overflow: hidden; }

.five_column_list ol, ul, li { list-style: none; }

.five_column_list li { float: left; border: 1px dotted #E6E6E6; /*border-bottom: 1px solid #E6E6E6;*/ width: 242px; height: 242px; /*background-color: White;*/ margin-left: 2px; margin-bottom: 2px; }

    .five_column_list li:hover { background-color: #F2F2F2; border: 1px solid #EEE; /*border-bottom: 1px solid #E6E6E6;*/ opacity: 0.90; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 90); filter: alpha(opacity = 90); }

.five_column_list_li_div { position: relative; }

.five_column_list_image { height: 140px; /*border: 1px solid #DDD; padding: 2px; background: #F0F0F0;
-webkit-border-radius: 4px;
-moz-border-radius: 2px;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
*/ }

    .five_column_list_image:hover { opacity: 0.90; -ms-filter: progid: DXImageTransform.Microsoft.Alpha(Opacity = 90); filter: alpha(opacity = 90); }

.five_column_top_image { text-align: center; margin-top: 10px; }

.gallery_top_image { text-align: center; margin-top: 10px; margin-bottom: 10px; }

.five_column_data_section { padding: 10px; }

.clicker_gallery_li { width: 175px; }



.clicker_thumb_profile_image { border: 1px solid #51A351; padding: 2px; background: #62C462; }

.clicker_image_list ul { display: block; width: 100%; margin-bottom: 5px; margin-left: 5px; }

    .clicker_image_list ul li { display: inline; float: left; width: 170px; }

        .clicker_image_list ul li a { }

.clicker_default_form { margin: 0 auto; /*width:400px;*/ padding: 14px; border: solid 1px #b7ddf2; background: #ebf4fb; width: 100%; margin-bottom: 10px; }

    .clicker_default_form h1 { font-size: 14px; font-weight: 600; margin-bottom: 8px; }

    .clicker_default_form p { font-size: 11px; color: #666666; margin-bottom: 20px; border-bottom: solid 1px #b7ddf2; padding-bottom: 10px; }

    .clicker_default_form label { display: block; /*font-weight:bold;*/ text-align: right; width: 140px; float: left; color: #666666; }

    .clicker_default_form .small { color: #666666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px; }

    .clicker_default_form .clicker_text { color: #212121; font-weight: 600; float: left; /*padding:4px 2px;*/ /*border:solid 1px #aacfe4;*/ width: 400px; margin-left: 10px; /*margin:2px 0 20px 10px;*/ }

    .clicker_default_form input { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 400px; margin: 2px 0 5px 10px; }

    .clicker_default_form button { clear: both; margin-left: 150px; /*            width: 125px;
height: 31px;
background: #666666 url(img/button.png) no-repeat;
text-align: center;
line-height: 31px;
color: #FFFFFF;
font-size: 11px;
font-weight: 600;*/ }

    .clicker_default_form clicker_default_form_button { width: 125px; height: 31px; }

.clicker_table_form { }



.clicker_table_form_full { width: 95%; }

.clicker_spacer { clear: both; height: 1px; }

.clicker_default_image_list { padding-top: 10px; padding-bottom: 10px; /*margin-top:10px;
margin-bottom:10px;*/ /*padding: 14px;*/ /*border: solid 1px #e6e6e6; background: #ebf4fb;
width: 100%;*/ min-height: 200px; }

    .clicker_default_image_list h1 { font-size: 14px; font-weight: 600; margin-bottom: 8px; }

    .clicker_default_image_list ul { display: block; width: 100%; margin-bottom: 5px; margin-left: 5px; /*padding:10px;*/ }

        .clicker_default_image_list ul li { display: inline; float: left; margin-right: 10px; /*width: 170px;*/ min-width: 160px; }

.clicker_label { color: Gray; }

.clicker_data { color: Black; /*font-weight:bold;*/ }

.clicker_theme_form { width: 800px; margin: 0 auto; padding: 14px; margin-bottom: 10px; }

.clicker_input_date { }

.clicker_input_time { }

.clicker_text_gray { color: Gray; }

.clicker_text_bold { font-weight: 600; }



.no_margin_left { margin-left: 0px; }



.gap_5px { height: 5px; }

.tag_row_section_old { border-bottom: dotted 1px #D4D4D4; margin-top: 5px; padding: 5px; }

.clicker_gray { color: Gray; }

.clicker_default_tagword { margin-top: 10px; margin-bottom: 10px; margin: 0 auto; /*width:400px;*/ /*padding: 14px;
border: solid 1px #e6e6e6; 
width: 100%;*/ }

.tag_row_section { border-bottom: dotted 1px #D4D4D4; margin-top: 5px; padding: 5px; position: relative; min-height: 60px; }

.tag_row_content { padding-left: 70px; }

.tag_in_date { right: 1px; position: absolute; }

.tag_image_author { height: 50px; border: 1px solid #DDD; padding: 2px; background: #F0F0F0; -webkit-border-radius: 4px; -moz-border-radius: 2px; border-radius: 4px; }

.tag_image_div_author { left: 0px; top: 0px; position: absolute; height: 50px; width: 69px; text-align: center; }

.tag_row_text { color: Gray; }

.tag_row_p { }


.clicker_clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.medium_profile_photo_image { /*max-height: 150px;*/ height: 150px; width: auto; }

.clicker_art_panel_back { background: url(/clicker/images/login-wrap-bg.png) #F6F6F6; border: 1px solid black; -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.5),inset 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 0 0 6px rgba(0,0,0,0.5),inset 0 1px 0 rgba(255,255,255,0.2); box-shadow: 0 0 6px rgba(0, 0, 0, 0.5),inset 0 1px 0 rgba(255, 255, 255, 0.2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

.clicker_art_inner_content { position: relative; margin: 0 auto; padding: 15px 10px 15px 10px; /*background: rgba(40, 40, 40, .4);*/ overflow: hidden; border: 1px solid black; background: url(/clicker/images/login-inner-bg.png); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),inset 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.2),inset 0 1px 5px rgba(0,0,0,0.5); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2),inset 0 1px 5px rgba(0, 0, 0, 0.5); color: White; }

.clicker_art_outer_content_border { border: 1px solid black; padding: 3px; margin: 0 2px; -webkit-box-shadow: 0 0 5px black,inset 0 1px 0 rgba(255, 255, 255, 0.15); -moz-box-shadow: 0 0 5px #000,inset 0 1px 0 rgba(255,255,255,0.15); box-shadow: 0 0 5px black,inset 0 1px 0 rgba(255, 255, 255, 0.15); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: url(/clicker/images/login-wrap-bg.png); }

.clicker_art_outer_content { color: white; background-image: url(/clicker/images/linen.png); border: 1px dashed #151515; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15),inset 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: 0 1px 0 rgba(255,255,255,0.15),inset 0 1px 0 rgba(255,255,255,0.1); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15),inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.clicker_art_ribbon { width: 73px; height: 103px; background: url(/clicker/images/ribbon.png) no-repeat; position: absolute; right: 3px; top: -5px; text-align: center; z-index: 10; }

#clicker_mobile_main_content { min-height: 200px; margin: 5px; }

.boarddetail_entrymeta { margin-top: 5px; }



.clicker-page-title-section { width: 100%; position: relative; margin: 10px auto 25px auto; padding-bottom: 5px; border-bottom: 1px solid #eee; padding-top: 0px; height: 40px; }

    .clicker-page-title-section h3 { vertical-align: middle; font-size: 24px; font-weight: 600; color: #777070; margin: 0px; padding: 5px 0; float: left; display: inline; }

.clicker-page-breadcrumbs-section { float: right; display: inline; margin-top: 5px; font-size: 12px; }

.breadcrumbs-clicker-desktop { padding: 0; margin-bottom: 0; list-style: none; background-color: #fff; border-radius: 0; }

form { margin: 0px; padding: 0px; }


.jj-body-container { background-color: #fff; padding: 27px; box-shadow: 0px 2px 4px rgba(0,0,0,0.25); }

article { width: 840px; margin-left: auto; margin-right: auto; }

    article p { margin-bottom: 25px; }

.jj-hero-back { position: relative; min-height: 160px; }

.jj-hero-common { height: 278px; width: 938px; position: absolute; top: 0px; left: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #FFFFFF; }

.jj-hero-map { background-image: url(images/google-map.png); background-position: top right; background-repeat: no-repeat; z-index: 1; }

.jj-hero-mask { background-image: url(images/map-mask.png); z-index: 2; }

#jj-hero-pins { position: absolute; z-index: 3; top: 122px; left: 804px; }

.jj-hero-active { position: absolute; z-index: 3; top: 0px; left: 0px; padding: 60px; width: 818px; height: 158px; border: 1px solid #AAAAAA; box-shadow: 0px 1px 2px rgba(0,0,0,0.25); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

    .jj-hero-active h1 { padding-bottom: 14px; }

.jj-hero-cta { position: absolute; z-index: 3; top: 154px; left: 74px; }

/*******************************
 * Social
 */

#social_widgets { margin-top: 1px; }

    #social_widgets #facebook_like { padding-top: 5px; }

/*******************************
 * Top bar navigation
 */

.navbar div > ul a, .nav a { padding: 5px 20px; }

.side-nav > li > a { padding: 15px 20px !important; }

.navbar > .fill, .navbar div > ul .menu-dropdown, .nav .menu-dropdown, .navbar div > ul .dropdown-menu, .nav .dropdown-menu { background-color: #eee; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1); box-shadow: 0 1px 1px rgba(0,0,0,0.25),inset 0 -1px 0 rgba(0,0,0,0.1); margin-top: -1px; }

    .navbar div > ul .menu-dropdown .divider, .nav .menu-dropdown .divider, .navbar div > ul .dropdown-menu .divider, .nav .dropdown-menu .divider { background-color: #003366; border-color: #006699; }

    .navbar div > ul .menu-dropdown li a, .nav .menu-dropdown li a, .navbar div > ul .dropdown-menu li a, .nav .dropdown-menu li a { color: #cccccc; }

        .navbar div > ul .menu-dropdown:hover li a, .nav .menu-dropdown li a:hover, .navbar div > ul:hover .dropdown-menu li a:hover, .nav .dropdown-menu li a:hover { background-color: #002233; background-image: none; }

.navbar { height: 40px; /*font-size:1.1em;*/ }

    .navbar .dropdown-menu { -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }

/*.menu-dropdown, .dropdown-menu {
	top:50px;
}*/

.jj-success { color: green; display: none; margin-left: 6px; }

.jj-failure { color: #cc0000; display: none; margin-left: 6px; }

/****************************************
 * Breadcrumbs and site util naviation
 */

.jj-bottomnav { padding: 7px 0px 7px 0px; clear: both; }

    .jj-bottomnav a { margin-left: 16px; }

    .jj-bottomnav .jj-crumbs { padding: 7px 0px; }

        .jj-bottomnav .jj-crumbs a { margin-left: 0px; }

/*******************************
 * Content navigation menu
 */

.jj-lowernav { padding: 7px 0px; }

    .jj-lowernav h5 { color: #999999; line-height: 26px; text-shadow: -1px 1px 0 rgba(255, 255, 255, 0.95); }

    .jj-lowernav a { display: block; }

    .jj-lowernav .span3 { width: 130px; }

.jj-copy { border-top: 1px solid #eeeeee; color: #999999; padding: 7px 0px; margin-top: 10px; font-size: inherit; }


/*******************************
 * Hide file input tricks
 */

.btn input { opacity: 0; filter: alpha(opacity=0); -khtml-opacity: 0; -moz-opacity: 0; }


/*******************************
 * Different coloured buttons
 */

.jj-yellowbtn { background-color: #F0C800 !important; background-repeat: repeat-x; color: #333 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.29); -webkit-font-smoothing: antialiased; background-image: linear-gradient(hsl(50, 100%, 65%), hsl(50, 100%, 47%)); border-left-color: #F0C800; border-right-color: #F0C800; border-top-color: #F0C800; border-bottom-color: #D9B500; }

.jj-cyanbtn { background-color: #33ccff; background-image: linear-gradient(top, #99eeff, #33ccff); border-left-color: #05a2f6; border-right-color: #05a2f6; border-top-color: #05a2f6; border-bottom-color: #25b2f6; }


/*******************************
 * Results styling
 */

.jj-results { float: left; border-top: 1px solid #eeeeee; padding-top: 16px; width: 710px; margin-bottom: 30px; margin-top: 10px; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }

.jj-results-loading { opacity: 0.25; }

.jj-results > div { position: relative; margin-bottom: 0.8em; min-height: 70px; padding: 5px; }

.jj-results .jj-clicked { background-color: #DDEEFF; }

.jj-results > div > div { margin-left: 40px; }

.jj-browse > div > div { margin-left: 0px; }

.jj-results h4 { line-height: 130%; }

.jj-results p { margin-bottom: 0px; font-size: 13px; line-height: 16px; }

.jj-results cite, .jj-results cite a { color: green; font-size: 13px; line-height: 16px; }

.jj-results nav { position: absolute; top: 0.5em; left: 6px; }

    .jj-results nav a { border-radius: 1em; padding: 0px; width: 1.5em; height: 1.5em; text-align: center; line-height: 150%; font-size: 1.35em; display: block; margin-bottom: 0.25em; color: #999999; }


/*******************************
 * Positive/negative weighting styling
 */

.jj-result-good a.good { color: white; background-color: #57a957; background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: linear-gradient(top, #62c462, #57a957); border-left-color: #57a957; border-right-color: #57a957; border-top-color: #57a957; border-bottom-color: #3d773d; }

.jj-result-bad a.bad { color: white; background-color: #c43c35; background-repeat: repeat-x; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-image: linear-gradient(top, #ee5f5b, #c43c35); border-left-color: #c43c35; border-right-color: #c43c35; border-top-color: #c43c35; border-bottom-color: #882a25; }

.jj-result-bad p, .jj-result-bad cite { text-decoration: line-through; opacity: 0.2; }



/*******************************
 * Results page sidebar
 */

.jj-sidebar { position: relative; float: right; background-color: #F5F5FA; border-radius: 6px 6px 6px 6px; margin-bottom: 30px; margin-left: 30px; padding: 16px; padding-top: 80px; width: 168px; }

    .jj-sidebar p { font-size: 13px; line-height: 16px; }

.jj-sidebar-fixed { position: absolute; top: 0; left: 0px; width: 168px; background-color: rgba(245,245, 250, 0.9); border-radius: 6px 6px 6px 6px; padding: 16px; z-index: 100; }

.jj-map { position: relative; width: 168px; height: 168px; margin-bottom: 12px; }

    .jj-map img { border-radius: 6px 6px 6px 6px; }


/*******************************
 * My searches page
 */
span.add { border-radius: 2px; background-color: #c0c0c0; color: #fff; line-height: 90%; padding: 0px 4px 2px 4px; font-weight: bold; cursor: pointer; }

    span.add:hover { background-color: #000; }

span.doc { background-color: #f0f0f0; border-radius: 2px; padding: 0px 0px 2px 4px; }

    span.doc span.rem { cursor: pointer; margin-left: 1px; padding-left: 2px; padding-right: 2px; color: #999; position: relative; }

        span.doc span.rem:hover { color: #000; }

.removed { opacity: 0.25; }

/*******************************
 * Image Thumbnails
 */
/*.thumbnail {
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}*/


/*******************************
* Icons and Social share bar
*/
.icon { float: left; width: 16px; height: 16px; margin-right: 7px; background-image: url(images/sprite_icons.png); }

.social .icon { margin-top: 6px; }

.icon-kotaku { background-position: -12px 0; }

    .icon-kotaku.colour { background-position: -12px -12px; }

.icon-lifehacker { background-position: -24px 0; }

    .icon-lifehacker.colour { background-position: -24px -12px; }

.icon-popsugar { background-position: -36px 0; }

    .icon-popsugar.colour { background-position: -36px -12px; }

.icon-bellasugar { background-position: -48px 0; }

    .icon-bellasugar.colour { background-position: -48px -12px; }

.icon-fabsugar { background-position: -60px 0; }

    .icon-fabsugar.colour { background-position: -60px -12px; }

.icon-shopstyle { background-position: -72px 0; }

    .icon-shopstyle.colour { background-position: -72px -12px; }

.icon-discuss { background-position: 0 0; }

    .icon-discuss.colour, .icon-discuss.perma-colour { background-position: 0 -16px; }

.icon-facebook { background-position: -16px 0; }

    .icon-facebook.colour, .icon-facebook.perma-colour { background-position: -16px -16px; }

.icon-twitter { background-position: -32px 0; }

    .icon-twitter.colour, .icon-twitter.perma-colour { background-position: -32px -16px; }

.icon-email { background-position: -48px 0; }

    .icon-email.colour, .icon-email.perma-colour { background-position: -48px -16px; }

.icon-reddit { background-position: -64px 0; }

    .icon-reddit.colour, .icon-reddit.perma-colour { background-position: -64px -16px; }

.icon-google-plus { background-position: -80px 0; }

    .icon-google-plus.colour, .icon-google-plus.perma-colour { background-position: -80px -16px; }

.icon-linkedin { background-position: -96px 0; }

    .icon-linkedin.colour, .icon-linkedin.perma-colour { background-position: -96px -16px; }

.icon-vimeo { background-position: -112px 0; }

    .icon-vimeo.colour { background-position: -112px -16px; }

.icon-youtube { background-position: -128px 0; }

    .icon-youtube.colour { background-position: -128px -16px; }

.icon-google { background-position: 0 -32px; }

.icon-comments { background-position: -32px -32px !important; }

.icon-date { background-position: -48px -32px !important; }

.icon-related { background-position: -160px -32px !important; }

.icon-fix { background-position: -96px -32px; }

.icon-rss { background-position: -112px -32px; }

.icon-rss-alt { background-position: -128px -32px; }

.icon-contact { background-position: -144px -32px; }

.icon-au { background-position: 0 -48px; }

.icon-us { background-position: -16px -48px; }

.icon-uk { background-position: -32px -48px; }

.icon-fr { background-position: -48px -48px; }

.icon-de { background-position: -64px -48px; }

.icon-it { background-position: -80px -48px; }

.icon-es { background-position: -96px -48px; }

.icon-pl { background-position: -112px -48px; }

.icon-br { background-position: -128px -48px; }

.icon-jp { background-position: -144px -48px; }

div.more, div.social { float: right; }

div.more { margin: 0 4px 14px 0; }

    div.more .btn { padding: 4px 6px; }

div.social { float: right; height: 16px; }

    div.social .btn.google { cursor: default; }

        div.social .btn.google .icon { width: 24px; height: 15px; margin-bottom: 1px; }

        div.social .btn.google .position { position: absolute; top: 8px; left: 8px; z-index: -1; }

            div.social .btn.google .position.show, div.social .btn.google .position.perma-colour { z-index: 1; }

    div.social .btn { padding: 8px 8px; }

    div.social .linkedin-share-bar { min-height: 25px; min-width: 70px; padding: 6px 5px 1px 7px; }

    div.social .linkedin-follow-bar { height: 25px; overflow: hidden; min-width: 100px; padding: 6px 5px 1px 9px; }

    div.social .icon { margin: 0; }

.share_count { background: #3697B3; float: right; margin: 1px 0 0 4px; height: 12px; padding: 1px 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: white; -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.4) inset; -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.4) inset; box-shadow: 1px 1px 1px rgba(0,0,0,.4) inset; text-shadow: 1px 1px 0 rgba(0, 0, 0, .3); font-size: 10px; line-height: 1; }

/*
 * Accordions
 */

.jj-accordion-group { margin-bottom: 10px; background: #F5F5F5; }

.jj-accordion-inner { background-color: #EDEDED; }

/*
 * Join and Login pages
 */

.jj-join { border: 1px solid #E5E5E5; -webkit-border-radius: 4px; -moz-border-radius: 2px; border-radius: 4px; margin-left: 0px; }

.jj-join-left { border-right: 1px solid #E5E5E5; padding: 25px; margin-left: 0px; background: #FAFAFA; min-height: 220px; }

.jj-join-right { padding: 25px; }

/*
 * Forms
 */

.jj-help-inline { font-size: 12.5px; }

.jj-arrow { background-image: url(images/wrapping-arrow.png); background-repeat: no-repeat; padding: 0; width: 40px; height: 35px; position: absolute; top: 19px; left: -16px; }

.jj-account-form label { font-weight: 600; }

/*
 * Quote box for articles
 */
blockquote { display: block; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 40px; -webkit-margin-end: 40px; }

article blockquote { border-left: none; font-size: 14px; /*font-family: helvetica, sans-serif;*/ margin: 0px 20px 20px 0px; line-height: 25px; color: #333; overflow: auto; position: relative; }

    article blockquote::before { background: url(images/quote-start.png) left top no-repeat; content: ''; position: absolute; top: 0px; left: 0px; width: 37px; height: 37px; }

    article blockquote::after { background: url(images/quote-end.png) right bottom no-repeat; content: ''; position: absolute; bottom: 0px; right: 0px; width: 37px; height: 37px; }

    article blockquote p { padding: 25px 20px; margin: 10px; background-color: #F6F6F6; line-height: 1.5; }

.navbar .brand { display: block; float: left; padding: 5px 20px 5px; margin-left: -20px; /*font-size: 20px;*/ font-weight: 200; line-height: 1; color: #333; }

/* 제목요소 */
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

.bgnone { background: none; }

.hide { display: none; }
/* 테두리 없애기 */
fieldset, img, abbr, acronym { border: 0 none; }

/* 목록 */
ol, ul { list-style: none; }


caption, th, td { text-align: left; font-weight: normal; border: 0; }

.btcss a, .btcss input, .btcss img { vertical-align: top; }

/* 텍스트 관련 요소 초기화 */
/*address, caption, strong, em, cite {
	font-weight:normal;
	font-style:normal;
	}*/
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* 인용문 */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/* 수평선*/
hr { display: none; }

/* 숨김 * label 이 왜 히든으로 되어 있는지요? 일단 label 부분은 열어 놓았습니다. 박경화 작업^^ 2010.11.01/
/*.hide, label{width:0; height:0; overflow:hidden; font-size:0; position:absolute;}*/
.hide { width: 0; height: 0; overflow: hidden; font-size: 0; position: absolute; }

a { text-decoration: none; color: #555; }

.error { color: Red; }

.clear { display: block; float: none; clear: both; height: 0; width: 100%; font-size: 1% !important; line-height: 1% !important; overflow: hidden; margin: 0 !important; padding: 0 !important; }



.naver691 { width: 691px; }

.margin30px { margin-top: 30px; }

.ReturnMessage { height: 200px; padding-top: 30px; text-align: center; background: url("../../Images/common/ReturnMessage.gif") bottom right no-repeat; }

    .ReturnMessage p { margin: 0 auto; }
/*.ReturnMessageBtBg{height:20px; width:100px; text-align:center; padding-top:1px;  margin-top:20px; background: url("../../Images/common/ReturnMessageBtBg.gif") no-repeat; }*/
.ReturnMessageBtBg { height: 20px; width: 100px; text-align: center; margin-top: 20px; background: url("../../Images/common/ReturnMessageBtBg.gif") no-repeat; }

.ReturnMessage .ReturnMessageBtBg a { font-size: 11px; }
/*기본입니다.Line1 배경--HeeJung---*/
/*Top--HeeJung---*/
.LibtechBoxTop_r { float: left; color: #fff; background: url("../../Images/total_table/totalBox_04_top_right.gif") top right no-repeat; width: 100%; }

.LibtechBoxTop_l { height: 18px; background: url("../../Images/total_table/totalBox_04_top_left.gif") top left no-repeat; }

/*Body*/
.LibtechBoxBody_r { float: left; background: #ffffff url("../../Images/total_table/totalBox_04_body_right.gif") top right repeat-y; width: 100%; margin-bottom: 0px; }

.LibtechBoxBody_l { background: url("../../Images/total_table/totalBox_04_body_left.gif") top left repeat-y; height: auto; }

    .LibtechBoxBody_l #totalMainbody { padding: 20px; }

    .LibtechBoxBody_l #guideintro { padding: 15px 15px 0 15px; }

    .LibtechBoxBody_l .totalMainbody { padding: 20px; }

        .LibtechBoxBody_l .totalMainbody dl { letter-spacing: -1px; float: left; margin: 0; width: 48%; }

        .LibtechBoxBody_l .totalMainbody dt { float: left; width: 40%; display: inline; }

        .LibtechBoxBody_l .totalMainbody dd a { color: #2d5cc8; font-weight: bold; }

            .LibtechBoxBody_l .totalMainbody dd a:link { color: #2d5cc8; }

            .LibtechBoxBody_l .totalMainbody dd a:hover { color: #2d5cc8; }

            .LibtechBoxBody_l .totalMainbody dd a:visited { color: #2d5cc8; }

        .LibtechBoxBody_l .totalMainbody dd { vertical-align: middle; padding: 0 0 0 15px; color: #585858; float: right; width: 55%; }

            .LibtechBoxBody_l .totalMainbody dd img { vertical-align: middle; }
/*Bottom*/
.LibtechBoxBottom_r { float: left; color: #fff; background: url("../../Images/total_table/totalBox_04_bottom_right.gif") bottom right no-repeat; width: 100%; }

.LibtechBoxBottom_l { background: url("../../Images/total_table/totalBox_04_bottom_left.gif") bottom left no-repeat; height: 18px; }


/*그레이----Top--HeeJung---*/
.LibtechBox_s_Top_r { float: left; background: url("../../Images/total_table/totalBox_05_top_right.gif") top right no-repeat; width: 100%; }

.LibtechBox_s_Top_l { height: 7px; background: url("../../Images/total_table/totalBox_05_top_left.gif") top left no-repeat; }

/*Body*/
.LibtechBox_s_Body_r { float: left; background: #f5f5f5 url("../../Images/total_table/totalBox_05_body_right.gif") top right repeat-y; width: 100%; margin-bottom: 0px; }

.LibtechBox_s_Body_l { background: url("../../Images/total_table/totalBox_05_body_left.gif") top left repeat-y; }

    .LibtechBox_s_Body_l #totalMainbody { padding: 10px; }
/*Bottom*/
.LibtechBox_s_Bottom_r { float: left; color: #f5f5f5; background: url("../../Images/total_table/totalBox_05_bottom_right.gif") bottom right no-repeat; width: 100%; }

.LibtechBox_s_Bottom_l { background: url("../../Images/total_table/totalBox_05_bottom_left.gif") bottom left no-repeat; height: 7px; }


/*검색 Top Search ---------Blue---------*/
/*검색 Top Title 배경--HeeJung-블루--*/
.LibtechBox_tr_b { float: left; background: url("../../Images/total_table/totalBox_01_top_right.gif") top right no-repeat; width: 100%; }

.LibtechBox_tl_b { padding: 7px 12px 5px 12px; background: url("../../Images/total_table/totalBox_01_top_left.gif") top left no-repeat; color: #fff; }

    .LibtechBox_tl_b div { float: left; display: inline; height: 21px; padding-top: 3px; }

    .LibtechBox_tl_b h3 { float: left; display: inline; }

    .LibtechBox_tl_b fieldset { float: right; display: inline; }

    .LibtechBox_tl_b p { float: right; display: inline; }

    .LibtechBox_tl_b #search { height: 20px; margin-bottom: 3px; width: 70px; }

    .LibtechBox_tl_b #q { height: 16px; margin-bottom: 3px; width: 150px; }

    .LibtechBox_tl_b #searchBtn { margin-bottom: 3px; }

    .LibtechBox_tl_b ul { float: right; display: inline; }

    .LibtechBox_tl_b li { float: left; font-weight: bold; font-size: 8pt; padding: 0 2px; }

    .LibtechBox_tl_b ul .rss { background: url("../../Images/total_search/icon_rss.gif") no-repeat 0 0; padding-left: 18px; }

    .LibtechBox_tl_b ul .help { background: url("../../Images/total_search/ico_in.gif") no-repeat 0 0; padding-left: 18px; }

    .LibtechBox_tl_b ul img { vertical-align: middle; }


/*검색 Top Title 배경--HeeJung-하단 그레이--*/
.LibtechBox_tr_gray { float: left; background: url("../../Images/total_table/totalBox_gray_top_right.gif") top right no-repeat; width: 100%; }

.LibtechBox_tl_gray { padding: 7px 12px 5px 12px; background: url("../../Images/total_table/totalBox_gray_top_left.gif") top left no-repeat; color: #fff; }

    .LibtechBox_tl_gray div { float: left; display: inline; height: 21px; padding-top: 1px; }

    .LibtechBox_tl_gray ul { float: right; display: inline; }

    .LibtechBox_tl_gray li { float: left; font-weight: bold; font-size: 8pt; padding: 0 2px; }

    .LibtechBox_tl_gray ul .rss { background: url("../../Images/total_search/icon_rss.gif") no-repeat 0 0; padding-left: 18px; }

    .LibtechBox_tl_gray ul .help { background: url("../../Images/total_search/ico_in.gif") no-repeat 0 0; padding-left: 18px; }

    .LibtechBox_tl_gray ul img { vertical-align: middle; }


/*검색 Body*/
/*.LibtechBox_mr_b{ float:left;  color:#fff;  background:#f6f6f6 url("../../Images/total_table/totalBox_01_body_right.gif") top right repeat-y;  width:100%;  margin-bottom:10px; }*/
/* 이 항목은 디비전 전체 글자색을 정의하지 마시고 탑 부분의 색만 지정하도록 바꿉니다.*/
.LibtechBox_mr_b { float: left; background: #f6f6f6 url("../../Images/total_table/totalBox_01_body_right.gif") top right repeat-y; width: 100%; margin-bottom: 10px; }

.LibtechBox_ml_b { background: url("../../Images/total_table/totalBox_01_body_left.gif") top left repeat-y; }

    .LibtechBox_ml_b .searchLine { display: inline; }

    .LibtechBox_ml_b .searchTop { margin-top: 10px; }

    .LibtechBox_ml_b #seText { font-size: 9pt; margin-left: 5px; margin-right: 5px; width: 230px; }

    .LibtechBox_ml_b #SearchString { font-size: 9pt; margin-left: 5px; margin-right: 5px; width: 230px; }
/*검색 Bottom*/
.LibtechBox_br_b { float: left; color: #fff; background: #f6f6f6 url("../../Images/total_table/totalBox_01_bottom_right.gif") bottom right no-repeat; width: 100%; }

.LibtechBox_bl_b { background: url("../../Images/total_table/totalBox_01_bottom_left.gif") bottom left no-repeat; height: 12px; }

.newBox { border: 1px solid #e5e5e5; padding: 10px 0px 10px 0px; margin: 0 13px 0 10px; background: #fff; clear: left; }

.newBoxBoard { border: 1px solid #e5e5e5; padding: 10px 10px 10px 10px; margin: 0 13px 0 10px; background: #fff; clear: right; min-height: 300px; }

/*검색 MyLibrary SearchBox 배경입니다.참조하세여~~후후--*/
.LibtechBox_tr_ml { float: left; background: url("../../Images/total_table/totalBox_06_top_right.gif") top right no-repeat; width: 100%; }

.LibtechBox_tl_ml { padding: 0px; background: url("../../Images/total_table/totalBox_06_top_left.gif") top left no-repeat; }

    .LibtechBox_tl_ml div { float: left; display: inline; height: 10px; }


/*검색 Body*/
.LibtechBox_mr_ml { float: left; background: #FCFCFC url("../../Images/total_table/totalBox_06_body_right.gif") top right repeat-y; width: 100%; margin-bottom: 10px; }

.LibtechBox_ml_ml { background: url("../../Images/total_table/totalBox_06_body_left.gif") top left repeat-y; }

    .LibtechBox_ml_ml .searchLine { display: inline; }

    .LibtechBox_ml_ml .searchTop { margin-top: 10px; }

    .LibtechBox_ml_ml #seText { font-size: 9pt; margin-left: 5px; margin-right: 5px; width: 230px; }

    .LibtechBox_ml_ml #SearchString { font-size: 9pt; margin-left: 5px; margin-right: 5px; width: 230px; }
/*검색 Bottom*/
.LibtechBox_br_ml { float: left; color: #fff; background: #f6f6f6 url("../../Images/total_table/totalBox_06_bottom_right.gif") bottom right no-repeat; height: 8px; width: 100%; }

.LibtechBox_bl_ml { background: url("../../Images/total_table/totalBox_06_bottom_left.gif") bottom left no-repeat; height: 8px; }

/*기본 배경*/
/*Top Title 배경--HeeJung---*/
.LibtechBox_top_right { float: left; color: #fff; background: url("../../Images/total_table/totalBox_02_top_right.gif") top right no-repeat; width: 100%; }

.LibtechBox_top_left { padding: 7px 12px 5px 12px; background: url("../../Images/total_table/totalBox_02_top_left.gif") top left no-repeat; }
/*Body*/
.LibtechBox_body_right { float: left; background: url("../../Images/total_table/totalBox_02_body_right.gif") top right repeat-y; width: 100%; }

.LibtechBox_body_left { background: url("../../Images/total_table/totalBox_02_body_left.gif") top left repeat-y; }
/*Bottom*/
.LibtechBox_bottom_right { float: left; color: #fff; background: #f6f6f6 url("../../Images/total_table/totalBox_02_bottom_right.gif") bottom right no-repeat; width: 100%; }

.LibtechBox_bottom_Left { background: url("../../Images/total_table/totalBox_02_bottom_left.gif") bottom left no-repeat; height: 16px; }
/*Main*/
.LibtechBox_main { margin: 0px 5px 0px 5px; padding: 5px 5px 10px 5px; border: 1px solid #cdcdcd; background-color: #f8f7f7; }


/*검색 Left 배경*/
/*검색 Top Title 배경--HeeJung---*/
.LibtechBoxleft_tr { float: left; color: #fff; background: url("../../Images/total_table/totalBox_03_top_right.gif") top right no-repeat; width: 100%; }

.LibtechBoxleft_tl { padding: 7px 12px 5px 12px; background: url("../../Images/total_table/totalBox_03_top_left.gif") top left no-repeat; height: 24px; }

.LibtechBoxleft_tl2 { padding: 10px 15px 10px 15px; background: url("../../Images/total_table/totalBox_03_top_left.gif") top left no-repeat; color: #555555; font-weight: bold; }

.LibtechBoxleft_tl ul { float: right; display: inline; }

.LibtechBoxleft_tl li { float: left; font-weight: bold; font-size: 8pt; padding: 0 2px; }

.LibtechBoxleft_tl ul img { vertical-align: middle; }
/*검색 Body*/
.LibtechBoxleft_mr { float: left; background: url("../../Images/total_table/totalBox_03_body_right.gif") top right repeat-y; width: 100%; margin: 10px 0 0 0; }

.LibtechBoxleft_ml { background: url("../../Images/total_table/totalBox_03_body_left.gif") top left repeat-y; }
/*검색 Bottom*/
.LibtechBoxleft_br { float: left; color: #fff; background: #f6f6f6 url("../../Images/total_table/totalBox_03_bottom_right.gif") bottom right no-repeat; width: 100%; }

.LibtechBoxleft_bl { background: url("../../Images/total_table/totalBox_03_bottom_left.gif") bottom left no-repeat; height: 16px; }
/*검색 Main*/
.LibtechBox_left_main { margin: 0px 5px 0px 5px; padding: 5px; border: 1px solid #cdcdcd; background-color: #f8f7f7; }

.LibtechBox_left_main2 { margin: 0px 8px 0px 8px; padding: 20px 10px 20px 10px; border: 1px solid #cdcdcd; background-color: #fff; }

.LibtechBox_left_main h2 { margin: 10px; border-bottom: 1px solid #c8c8c8; }

.LibtechBox_left_main .title { font-weight: bold; color: #2d3e98; background: url("../../Images/total_search/totalbox_left_main_title_icon.gif") no-repeat 0 50%; padding-left: 12px; }

.LibtechBox_left_list { margin: 10px 10px 10px 10px; }

.LibtechBox_left_list_02 { margin: -5px 0 0 0; }

    .LibtechBox_left_list_02 p { margin: 15px 10px 5px 10px; font-weight: bold; color: #555555; }

    .LibtechBox_left_list_02 ul { margin: 10px; }
/*팝업*/
.popupmain { margin: 5px; padding: 10px; border: 1px solid #c8c8c8; background: #efefef; }
    /*.popupmain { margin: 5px; padding: 10px; border: 1px solid #c8c8c8; background: #efefef url("../../Images/pop_bg.gif") top right repeat-x; }*/
    .popupmain h3 { margin-bottom: 5px; }

    .popupmain p { vertical-align: middle; margin: 5px 0 0 0; }

.popupmainback { padding: 10px; border: 1px solid #c8c8c8; background: #fff; min-height: 100px; }

/*MediaSeat-멀티미디어좌석현황*/
.MediaSeat { border: 1px solid #dcdcdc; width: 100%; margin-top: 5px; }

    .MediaSeat td { height: 95px; vertical-align: top; padding: 5px 0 0 5px; }

        .MediaSeat td:over { background: #e8f9f8; }

    .MediaSeat .tdline01 { border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }

    .MediaSeat .tdline02 { border-bottom: 1px solid #dcdcdc; }



/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/
/* 
fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}*/

/* TABLE
----------------------------------------------------------*/
/*페이지 네이션*/
/* Pagination Reset */
.pagination { padding: 15px 0; margin: 0; text-align: center; }

    .pagination * { margin: 0; padding: 0; }

    .pagination img { border: 0; }

    .pagination a,
    .pagination strong { position: relative; display: inline-block; text-decoration: none; line-height: normal; color: #333; font-family: Tahoma, Sans-serif; vertical-align: middle; }

        .pagination a:hover,
        .pagination a:active,
        .pagination a:focus { background-color: #f4f4f4 !important; }

    .pagination strong { color: #ff6600 !important; font-weight: bold; }

    .pagination a.prev,
    .pagination a.prevEnd,
    .pagination a.next,
    .pagination a.nextEnd { font-weight: normal !important; border: none !important; margin: 0 !important; white-space: nowrap; }

    /* Pagination A1 */
    .pagination.a1 a,
    .pagination.a1 strong { margin: 0 -4px; padding: 1px 10px 1px 8px; border: none; border-left: 1px solid #ccc; border-right: 1px solid #ddd; font-size: 12px; background: #fff; }

        .pagination.a1 a.prev { padding-left: 10px; background: #fff url(/xe/modules/board/skins/netizen_plaza/images/common/arrowPrevA1.gif) no-repeat left center; }

        .pagination.a1 a.prevEnd { padding-left: 15px; background: #fff url(/xe/modules/board/skins/netizen_plaza/images/common/arrowPrevEndA1.gif) no-repeat left center; }

        .pagination.a1 a.next { padding-right: 10px; background: #fff url(/xe/modules/board/skins/netizen_plaza/images/common/arrowNextA1.gif) no-repeat right center; }

        .pagination.a1 a.nextEnd { padding-right: 15px; background: #fff url(/xe/modules/board/skins/netizen_plaza/images/common/arrowNextEndA1.gif) no-repeat right center; }

    /* Pagination A2 */
    .pagination.a2 a,
    .pagination.a2 strong { margin: 0 -4px; padding: 0 10px 0 8px; font-weight: bold; border: none; border-left: 1px solid #ddd; border-right: 1px solid #ccc; background: #fff; }

        .pagination.a2 a.prev { padding-left: 10px; background: #fff url(/xe/modules/board/skins/netizen_plaza/images/common/arrowPrevA1.gif) no-repeat left center; }

        .pagination.a2 a.prevEnd { padding-left: 15px; background: #fff url(/xe/modules/board/skins/netizen_plaza/images/common/arrowPrevEndA1.gif) no-repeat left center; }

        .pagination.a2 a.next { padding-right: 10px; background: #fff url(/xe/modules/board/skins/netizen_plaza/images/common/arrowNextA1.gif) no-repeat right center; }

        .pagination.a2 a.nextEnd { padding-right: 15px; background: #fff url(/xe/modules/board/skins/netizen_plaza/images/common/arrowNextEndA1.gif) no-repeat right center; }

    /* Pagination B1 */
    .pagination.b1 a,
    .pagination.b1 strong { margin: 0 -2px; padding: 2px 8px; font-weight: bold; font-size: 12px; }

        .pagination.b1 a.prev { padding-left: 16px; background: url(/xe/modules/board/skins/netizen_plaza/images/common/arrowPrevB1.gif) no-repeat left center; }

        .pagination.b1 a.next { padding-right: 16px; background: url(/xe/modules/board/skins/netizen_plaza/images/common/arrowNextB1.gif) no-repeat right center; }

    /* Pagination B2 */
    .pagination.b2 a,
    .pagination.b2 strong { margin: 0 -2px; padding: 2px 6px; }

        .pagination.b2 a.prev { padding-left: 12px; background: url(/xe/modules/board/skins/netizen_plaza/images/common/arrowPrevB1.gif) no-repeat left center; }

        .pagination.b2 a.next { padding-right: 12px; background: url(/xe/modules/board/skins/netizen_plaza/images/common/arrowNextB1.gif) no-repeat right center; }

    /* Pagination C1 */
    .pagination.c1 a,
    .pagination.c1 strong { margin: 0 -2px; padding: 2px 4px; font-size: 12px; }

        .pagination.c1 a.prev,
        .pagination.c1 a.next { display: inline-block; width: 13px; height: 14px; padding: 3px 4px; margin: 0; }

        .pagination.c1 a.prev { background: url(/xe/modules/board/skins/netizen_plaza/images/common/arrowPrevC1.gif) no-repeat center; }

        .pagination.c1 a.next { background: url(/xe/modules/board/skins/netizen_plaza/images/common/arrowNextC1.gif) no-repeat center; }

            .pagination.c1 a.prev span,
            .pagination.c1 a.next span { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; }

    /* Pagination C2 */
    .pagination.c2 a,
    .pagination.c2 strong { margin: 0 -2px; padding: 2px 4px; }

        .pagination.c2 a.prev,
        .pagination.c2 a.next { display: inline-block; width: 13px; height: 14px; padding: 3px 4px; margin: 0; }

        .pagination.c2 a.prev { background: url(/xe/modules/board/skins/netizen_plaza/images/common/arrowPrevC1.gif) no-repeat center; }

        .pagination.c2 a.next { background: url(/xe/modules/board/skins/netizen_plaza/images/common/arrowNextC1.gif) no-repeat center; }

            .pagination.c2 a.prev span,
            .pagination.c2 a.next span { position: absolute; width: 0; height: 0; overflow: hidden; visibility: hidden; }


.Posted { float: right; margin: 5px 15px; }


/*Guide*/
.mT3 { margin-top: 3px; }

.mT5 { margin-top: 5px; }

.mT10 { margin-top: 10px; }

.mT15 { margin-top: 15px; }

.mT20 { margin-top: 20px; }

.mT25 { margin-top: 25px; }

.mT30 { margin-top: 30px; }

.mT35 { margin-top: 35px; }

.mT40 { margin-top: 40px; }

.mT45 { margin-top: 45px; }

.mT50 { margin-top: 50px; }

.mT60 { margin-top: 60px; }

.mT70 { margin-top: 70px; }

.mT80 { margin-top: 80px; }

.mT90 { margin-top: 90px; }

.mT95 { margin-top: 95px; }

.mT100 { margin-top: 100px; }

.mT_20 { margin-top: -20px; }

.mT_10 { margin-top: -10px; }

.mT_5 { margin-top: -5px; }

.mB3 { margin-bottom: 3px; }

.mB5 { margin-bottom: 5px; }

.mB6 { margin-bottom: 6px; }

.mB10 { margin-bottom: 10px; }

.mB15 { margin-bottom: 15px; }

.mB20 { margin-bottom: 20px; }

.mB25 { margin-bottom: 25px; }

.mB30 { margin-bottom: 30px; }

.mB40 { margin-bottom: 40px; }

.mR5 { margin-right: 5px; }

.mR10 { margin-right: 10px; }

.mR15 { margin-right: 15px; }

.mR20 { margin-right: 20px; }

.mR30 { margin-right: 30px; }


.mL5 { margin-left: 5px; }

.mL10 { margin-left: 10px; }

.mL15 { margin-left: 15px; }

.mL20 { margin-left: 20px; }

.mL25 { margin-left: 25px; }

.mL30 { margin-left: 30px; }

.mL35 { margin-left: 35px; }

.mL40 { margin-left: 40px; }

.mL45 { margin-left: 45px; }

.mL50 { margin-left: 50px; }

.mL60 { margin-left: 60px; }

.mL70 { margin-left: 70px; }

.mL80 { margin-left: 80px; }

.mL90 { margin-left: 90px; }

.mL95 { margin-left: 95px; }

.mL100 { margin-left: 100px; }

.mL-10 { margin-left: -10px; }

.pT3 { padding-top: 3px; }

.pT5 { padding-top: 5px; }

.pT10 { padding-top: 10px; }

.pT15 { padding-top: 15px; }

.pT20 { padding-top: 20px; }

.pT25 { padding-top: 25px; }

.pT30 { padding-top: 30px; }

.pT35 { padding-top: 35px; }

.pT40 { padding-top: 40px; }

.pT45 { padding-top: 45px; }

.pT50 { padding-top: 50px; }

.pT60 { padding-top: 60px; }

.pT70 { padding-top: 70px; }

.pT80 { padding-top: 80px; }

.pT90 { padding-top: 90px; }

.pT95 { padding-top: 95px; }

.pT100 { padding-top: 100px; }

.pB2 { padding-bottom: 2px; }

.pB3 { padding-bottom: 3px; }

.pB5 { padding-bottom: 5px; }

.pB10 { padding-bottom: 10px; }

.pB15 { padding-bottom: 15px; }

.pB20 { padding-bottom: 20px; }

.pB25 { padding-bottom: 25px; }

.pB30 { padding-bottom: 30px; }

.pB35 { padding-bottom: 35px; }

.pB40 { padding-bottom: 40px; }

.pB45 { padding-bottom: 45px; }

.pB50 { padding-bottom: 50px; }

.pB60 { padding-bottom: 60px; }

.pB70 { padding-bottom: 70px; }

.pB80 { padding-bottom: 80px; }

.pB90 { padding-bottom: 90px; }

.pB95 { padding-bottom: 95px; }

.pB100 { padding-bottom: 100px; }

.p5 { padding: 5px; }

.pL5 { padding-left: 5px; }

.pL10 { padding-left: 10px; }

.pL15 { padding-left: 15px; }

.pL20 { padding-left: 20px; }

.pL25 { padding-left: 25px; }

.pL35 { padding-left: 35px; }

.pL50 { padding-left: 50px; }

.displayNo { display: none; }

.pT15 { padding-top: 15px; }


.f_bold { font-weight: bold; }

.f_blod { font-weight: bold; }

.al_center { text-align: center; }

.al_left { text-align: left; }

.al_right { text-align: right; }

.al_justify { text-align: justify; }

.alv_top { vertical-align: top; }

.bor_s { border-style: none; }

.display_l { display: inline; }

.min-height { min-height: 300px; }


/*글씨 색상*/
.co_brown { color: #7a4921; }

.co_orange { color: #ff7800; }

.co_green { color: #397f13; }

    .co_green a { color: #397f13; }

.sponge-color-red { color: red; }

.sponge-color-blue { color: #097cf1; }

    .sponge-color-blue a:link { color: #097cf1; }

    .sponge-color-blue a:hover { color: #097cf1; }

/*기본테이블float*/
.float_left { float: left; }

.float_right { float: right; }


/*서브페이지 기본*/
#Guide_list { width: 100%; position: relative; clear: left; margin-top: 20px; }

    #Guide_list h4 { background: url("/images/icon/icon_b.gif") no-repeat left 2px; font-weight: bold; padding-left: 20px; height: 24px; margin-top: 25px; clear: left; }

    #Guide_list h5 { background: url("/images/icon/icon_m.gif") no-repeat left 4px; font-weight: bold; padding-left: 13px; height: 24px; margin: 10px 0 0 15px; clear: left; }

    #Guide_list h6 { padding-left: 10px; margin: 10px 0 5px 25px; font-weight: bold; clear: left; }

    #Guide_list p { line-height: 21px; }

    #Guide_list li { line-height: 22px; background: url("/images/icon/icon_s.gif") no-repeat left 9px; padding-left: 10px; }

    #Guide_list .dp_none { display: none; }

.Guide_list { width: 100%; position: relative; clear: left; }

    .Guide_list h4 { background: url("/images/icon/icon_b.gif") no-repeat left 2px; font-weight: bold; padding-left: 20px; height: 24px; margin-top: 25px; clear: left; }

    .Guide_list h5 { background: url("/images/icon/icon_m.gif") no-repeat left 4px; font-weight: bold; padding-left: 13px; height: 24px; margin: 10px 0 0 15px; clear: left; }

    .Guide_list h6 { padding-left: 10px; margin: 10px 0 5px 25px; font-weight: bold; clear: left; }

    .Guide_list p { line-height: 21px; }

    .Guide_list li { line-height: 22px; background: url("/images/icon/icon_s.gif") no-repeat left 9px; padding-left: 10px; }

    .Guide_list .dp_none { display: none; }

/*공사중, 준비중*/
#ready_guide { background: url(/Images/icon/ReadyImg.jpg) no-repeat left top; width: 100%; height: 424px; }

/*라이브텍 추가------------------------------- ***************************************************************************************************************************************/
/*로그온------------------------------- ***************************************************************************************************************************************/

#LogOnBody { line-height: 20px; color: #4c4c4c; padding: 0; margin: 0; }
/*사용자로그인*/
.BgNo { background-color: #fff; }

#LoginWrap { margin: 100px 0; }

.Login_title { text-align: center; }

.Login_title_account_out { text-align: center; font-size: larger; font-weight: bold; vertical-align: middle; }

.Login_title_account { float: left; }

.title_account { padding-left: 285px; }

.Login_box_account dl { margin: 19px 70px 0 285px; border: 1px solid #dbdee2; float: left; padding: 15px 150px 15px 15px; width: 300px; background-color: #f7f8fd; height: 50px; }

.Login_box_account #l_id { width: 200px; }

.Login_box_account dl dd { display: block; }

.Login_box_account dl dt { clear: left; display: inline; margin-top: 5px; }


#Login_form { width: 80%; height: 180px; margin-left: 10px; padding-top: 20px; background: url("../../Images/common/bg_login_img.gif") no-repeat 20px 0; background-position: left center; position: relative; border: 4px solid #134889; margin: 0 auto; }

    #Login_form .Login_box dl { margin: 19px 70px 0 270px; border: 1px solid #dbdee2; padding: 15px; background-color: #f7f8fd; height: 50px; }

        #Login_form .Login_box dl #login_margin { position: absolute; top: 75px; }

        #Login_form .Login_box dl #pass_margin { position: absolute; top: 110px; }

        #Login_form .Login_box dl dd { }

        #Login_form .Login_box dl dt { padding-left: 65px; }

            #Login_form .Login_box dl dt #l_id { margin-top: 11px; margin-top: -1px; text-align: left; width: 140px; vertical-align: top; }

            #Login_form .Login_box dl dt #l_id2 { margin-top: 11px; margin-top: -1px; text-align: left; width: 140px; vertical-align: top; }

            #Login_form .Login_box dl dt #l_pass { margin-top: 11px; text-align: left; width: 140px; vertical-align: top; }

#login_confirm { position: absolute; top: 75px; left: 515px; }

.change_bord { padding: 1px; border: 1px solid #D0D0D0; width: 150px; }

.change_bord_b { padding: 1px; border: 2px solid #D0D0D0; }

.change_bord:focus { background-color: #F7FAF7; border: 1px solid #96b0cb; }

.change_bord_b:focus { background-color: #F7FAF7; border: 2px solid #96b0cb; }

/*상단타이틀*/
#Page_title0 { width: 100%; height: 70px; position: relative; margin-top: 13px; }




/* table-----------------------------------------------------------------------------------------------------*/
#tableTitle { width: 100%; padding-top: 40px; margin: 0 auto; }

    #tableTitle span { float: left; font-weight: bold; color: #000000; }

.rightData { float: right; }

.newData { width: 100%; margin: 0 auto; border-top: solid 2px #5da31c; border-bottom: solid 1px #d4d4d4; }

    .newData th { font-weight: bold; color: #8a8a8a; font-size: 8pt; background: #ededed; text-align: center; height: 26px; }

.centerNew { text-align: center; }

.newData td { padding: 10px 0; }

#rightCon #subMview { width: 100%; height: 135px; }

#rightCon #subHwrap { background: url("../../images/total_search/sub_h_line.gif") repeat-x 0 75px; }

    #rightCon #subHwrap #HTitleBox { width: 100%; height: 20px; position: relative; padding-top: 40px; padding-bottom: 15px; margin: 0 auto; }

        #rightCon #subHwrap #HTitleBox img { position: absolute; vertical-align: middle; }

        #rightCon #subHwrap #HTitleBox h3 { position: absolute; vertical-align: middle; }

        #rightCon #subHwrap #HTitleBox p { float: right; margin-top: 7px; margin-right: 10px; letter-spacing: -1px; font-size: 8pt; }

            #rightCon #subHwrap #HTitleBox p a:hover { color: #777777; }

.HTitleBox { width: 100%; position: relative; margin: 10px 0; }

    .HTitleBox img { position: absolute; vertical-align: middle; }

    .HTitleBox h3 { position: absolute; vertical-align: middle; }

    .HTitleBox p { float: right; margin-top: 7px; margin-right: 10px; margin-bottom: 10px; letter-spacing: -1px; font-size: 8pt; }

        .HTitleBox p a:hover { color: #777777; }

.subHFull { background: url("../../images/total_search/sub_h_line.gif") repeat-x 0 30px; padding: 0 0 0 5px; width: 99%; height: 40px; position: relative; }

    .subHFull #HTitleBox { width: 100%; position: relative; margin: 0px 0 0 0; }

        .subHFull #HTitleBox img { position: absolute; vertical-align: middle; }

        .subHFull #HTitleBox h3 { position: absolute; vertical-align: middle; }

        .subHFull #HTitleBox p { float: right; margin-top: 7px; margin-right: 5px; margin-bottom: 10px; letter-spacing: -1px; font-size: 8pt; }

            .subHFull #HTitleBox p a:hover { color: #777777; }


#subHFull { background: url("../../images/total_search/sub_h_line.gif") repeat-x 0 30px; padding: 0 0 0 5px; width: 99%; height: 45px; }

    #subHFull #HTitleBox { width: 100%; position: relative; margin: 10px 0; }

        #subHFull #HTitleBox img { position: absolute; vertical-align: middle; }

        #subHFull #HTitleBox h3 { position: absolute; vertical-align: middle; }

        #subHFull #HTitleBox p { color: #777777; float: right; margin-top: 7px; margin-right: 5px; margin-bottom: 10px; letter-spacing: -1px; font-size: 8pt; }

            #subHFull #HTitleBox p a:hover { color: #777777; }

.m_t_30 { margin: 30px 0 0 0; }

.m_t_40 { margin: 40px 0 0 0; }

.border_b { border-bottom: solid 1px #d4d4d4; height: 30px; }


#subHFull20 { background: url("../../images/total_search/sub_h_line.gif") repeat-x 0 30px; padding: 0 0 0 5px; width: 99%; height: 45px; }

    #subHFull20 #HTitleBox { width: 100%; position: relative; margin: 10px 0; }

        #subHFull20 #HTitleBox img { position: absolute; vertical-align: middle; }

        #subHFull20 #HTitleBox h3 { position: absolute; vertical-align: middle; }

        #subHFull20 #HTitleBox p { color: #777777; float: right; margin-top: 7px; margin-right: 5px; margin-bottom: 10px; letter-spacing: -1px; font-size: 8pt; }

            #subHFull20 #HTitleBox p a:hover { color: #777777; }

#content_sub { padding: 20px 0 40px 5px; position: relative; height: auto; }

* html #content_sub { padding: 70px 0 40px 5px; }
/* ie 6 */
#con_title { background: url("../../images/common/icon_title_bl.gif") no-repeat 0 3px; color: #535d75; padding-left: 15px; font-weight: bold; font-size: 12px; margin-left: 3px; margin-bottom: 20px; }

.con_title02 { background: url("../../images/common/icon_title_bl.gif") no-repeat 0 0px; vertical-align: middle; color: #535d75; padding-left: 15px; font-weight: bold; font-size: 12px; margin-left: 3px; margin-bottom: 20px; }

#con_title01 { background: url("../../images/common/icon_title_bl.gif") no-repeat 0 3px; color: #535d75; padding-left: 15px; font-weight: bold; font-size: 12px; margin-left: 3px; margin-bottom: 20px; margin-top: 45px; vertical-align: middle; }

#con_title01_kipo { background: url("../../images/common/icon_title_bl.gif") no-repeat 0 2px; color: #535d75; padding-left: 15px; font-weight: bold; font-size: 12px; line-height: 15px; margin-left: 3px; margin-bottom: 0px; margin-top: 10px; vertical-align: middle; }

.con_title01_kipo02 { background: url("../../images/common/icon_title_bl.gif") no-repeat 0 2px; color: #535d75; padding-left: 15px; font-weight: bold; font-size: 12px; margin-left: 3px; margin-top: 10px; }

#con_title01_kipo_bm { background: url("../../images/common/icon_title_bl.gif") no-repeat 0 2px; color: #535d75; padding-left: 15px; line-height: 15px; font-weight: bold; font-size: 12px; margin-left: 3px; margin-bottom: 20px; margin-top: 45px; vertical-align: middle; }

#content_main { padding: 75px 0 40px 5px; }

#content_sub1 { padding: 20px 0 40px 5px; }

* html #content_sub1 { padding: 20px 0 40px 5px; }
/* ie 6 */
.classline { line-height: 25px; }

/* green_tap style */
.tab_list { width: 100%; height: 28px; background: url(../../images/common/bg_tap_botLine.gif) repeat-x left bottom; margin-top: 20px; margin-left: 15px; }

    .tab_list li { width: 110px; background: url("../../images/common/bg_tap_1.gif") no-repeat left top; margin-right: 1px; float: left; }

        .tab_list li img { padding-top: 6px; padding-top: 5px; }

        .tab_list li a { width: 110px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_list .first_tab a,
            .tab_list li a:hover { background: url("../../images/common/bg_tap_green_on.gif") no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }

    .tab_list .menuBox02 { float: right; }
/* blue_tap style 너비98*/
.tab_blue_list { width: 705px; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list li { background: url("../../images/common/bg_tap.gif") no-repeat left top; margin-right: 1px; float: left; }

        .tab_blue_list li a { width: 98px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list .first_tab a,
            .tab_blue_list li a:hover { background: url("../../images/common/bg_tap_on.gif") no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }

/* blue_tap style 너비80*/
.tab_blue_list_80 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_80 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_blue_list_80 li img { padding-top: 6px; }

        .tab_blue_list_80 li a { width: 80px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -2px; }

            .tab_blue_list_80 .first_tab a,
            .tab_blue_list_80 li a:hover { border-top: 2px solid #1d7da5; border-left: 2px solid #1d7da5; border-right: 2px solid #1d7da5; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -2px; }

/* green그린_tap style 너비70*/
.tab_green_list_70 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 5px; }

    .tab_green_list_70 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_green_list_70 li img { padding-top: 6px; }

        .tab_green_list_70 li a { width: 68px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_green_list_70 .first_tab a,
            .tab_green_list_70 li a:hover { background: url("/images/teb_bg.gif") repeat-x; border-top: 2px solid #85cf4f; height: 26px; width: 64px; border-left: 2px solid #85cf4f; border-right: 2px solid #85cf4f; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }

    .tab_green_list_70 .font_s11 { font-size: 11px; }

    .tab_green_list_70 .w100, .tab_green_list_70 .w100 a, .tab_green_list_70 .w100 a:hover { width: 97px; }

/* BLUE블루_tap style 너비110*/
.tab_blue_list_1 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 5px; }

    .tab_blue_list_1 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_blue_list_1 li img { padding-top: 6px; }

        .tab_blue_list_1 li a { width: 110px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_1 .first_tab a,
            .tab_blue_list_1 li a:hover { background: url("/images/teb_bg.gif") repeat-x; border-top: 2px solid #1d7da5; height: 26px; width: 106px; border-left: 2px solid #1d7da5; border-right: 2px solid #1d7da5; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }

    .tab_blue_list_1 .w150, .tab_blue_list_1 .w150 a, .tab_blue_list_1 .w150 a:hover { width: 150px; }

/* green_tap style 너비100*/
.tab_green_list_100 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_green_list_100 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_green_list_100 li img { padding-top: 6px; }

        .tab_green_list_100 li a { width: 100px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -2px; }

            .tab_green_list_100 .first_tab a,
            .tab_green_list_100 li a:hover { border-top: 2px solid #85cf4f; border-left: 2px solid #85cf4f; border-right: 2px solid #85cf4f; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -2px; }

/* green_tap style 너비120*/
.tab_green_list_120 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 5px; }

    .tab_green_list_120 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_green_list_120 li img { padding-top: 6px; }

        .tab_green_list_120 li a { width: 120px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_green_list_120 .first_tab a,
            .tab_green_list_120 li a:hover { background: url("/images/teb_bg.gif") repeat-x; border-top: 2px solid #85cf4f; height: 26px; width: 116px; border-left: 2px solid #85cf4f; border-right: 2px solid #85cf4f; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }

/* green_tap style 너비130*/
.tab_green_list_130 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 5px; }

    .tab_green_list_130 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_green_list_130 li img { padding-top: 6px; }

        .tab_green_list_130 li a { width: 130px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_green_list_130 .first_tab a,
            .tab_green_list_130 li a:hover { background: url("/images/teb_bg.gif") repeat-x; border-top: 2px solid #85cf4f; height: 26px; width: 126px; border-left: 2px solid #85cf4f; border-right: 2px solid #85cf4f; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }


/* blue_tap style 너비100*/
.tab_blue_list_100 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_100 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_blue_list_100 li img { padding-top: 6px; }

        .tab_blue_list_100 li a { width: 100px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -2px; }

            .tab_blue_list_100 .first_tab a,
            .tab_blue_list_100 li a:hover { border-top: 2px solid #1d7da5; border-left: 2px solid #1d7da5; border-right: 2px solid #1d7da5; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -2px; }


/* blue_tap style 너비120*/
.tab_blue_list_120 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_120 li { background: url("../../images/common/bg_tap_120.gif") no-repeat left top; margin-right: 1px; float: left; }

        .tab_blue_list_120 li img { padding-top: 6px; }

        .tab_blue_list_120 li a { width: 120px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_120 .first_tab a,
            .tab_blue_list_120 li a:hover { background: url("../../images/common/bg_tap_on_120.gif") no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }

/* blue_tap style 너비130*/
.tab_blue_list_130 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_130 li { background: url("../../images/common/bg_tap_130.gif") no-repeat left top; margin-right: 1px; float: left; }

        .tab_blue_list_130 li img { padding-top: 6px; }

        .tab_blue_list_130 li a { width: 130px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_130 .first_tab a,
            .tab_blue_list_130 li a:hover { background: url("../../images/common/bg_tap_on_130.gif") no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }



/* blue_tap style 너비140*/
.tab_blue_list_140 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_140 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_blue_list_140 li img { padding-top: 6px; }

        .tab_blue_list_140 li a { width: 140px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -2px; }

            .tab_blue_list_140 .first_tab a,
            .tab_blue_list_140 li a:hover { background: url("/images/teb_bg.gif") repeat-x; border-top: 2px solid #1d7da5; border-left: 2px solid #1d7da5; border-right: 2px solid #1d7da5; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -2px; }

/* blue_tap style 너비150*/
.tab_blue_list_150 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_150 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_blue_list_150 li img { padding-top: 6px; }

        .tab_blue_list_150 li a { width: 150px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -2px; }

            .tab_blue_list_150 .first_tab a,
            .tab_blue_list_150 li a:hover { border-top: 2px solid #1d7da5; border-left: 2px solid #1d7da5; border-right: 2px solid #1d7da5; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -2px; }

/* blue_tap style 너비160*/
.tab_blue_list_160 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_160 li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_blue_list_160 li img { padding-top: 6px; }

        .tab_blue_list_160 li a { width: 160px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -2px; }

            .tab_blue_list_160 .first_tab a,
            .tab_blue_list_160 li a:hover { border-top: 2px solid #1d7da5; border-left: 2px solid #1d7da5; border-right: 2px solid #1d7da5; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -2px; }

/* blue_tap style 너비200*/
.tab_blue_list_200 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_200 li { background: url("../../images/common/bg_tap_200.gif") no-repeat left top; margin-right: 1px; float: left; }

        .tab_blue_list_200 li img { padding-top: 6px; }

        .tab_blue_list_200 li a { width: 200px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_200 .first_tab a,
            .tab_blue_list_200 li a:hover { background: url("../../images/common/bg_tap_on_200.gif") no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }



/* blue_tap style 너비150*/
.tab_blue_list_250 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_250 li { background: url("../../images/common/bg_tap_250.gif") no-repeat left top; margin-right: 1px; float: left; }

        .tab_blue_list_250 li img { padding-top: 6px; }

        .tab_blue_list_250 li a { width: 250px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_250 .first_tab a,
            .tab_blue_list_250 li a:hover { background: url("../../images/common/bg_tap_on_250.gif") no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }


.tab_blue_list_pcul { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_pcul li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_blue_list_pcul li img { padding-top: 6px; }

        .tab_blue_list_pcul li a { width: 110px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_pcul .first_tab a,
            .tab_blue_list_pcul li a:hover { background: url("/images/teb_bg.gif") repeat-x; border-top: 2px solid #1d7da5; height: 26px; width: 106px; border-left: 2px solid #1d7da5; border-right: 2px solid #1d7da5; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }

    .tab_blue_list_pcul .font_s11 { font-size: 11px; }

    .tab_blue_list_pcul .w250, .tab_blue_list_pcul .w250 a, .tab_blue_list_pcul .w250 a:hover { width: 250px; }

    .tab_blue_list_pcul .w200, .tab_blue_list_pcul .w200 a, .tab_blue_list_pcul .w200 a:hover { width: 200px; }

    .tab_blue_list_pcul .w130, .tab_blue_list_pcul .w130 a, .tab_blue_list_pcul .w130 a:hover { width: 130px; }

.tab_blue_list_explanation { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_blue_list_explanation li { border-top: 1px solid #d5d5d5; border-left: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5; float: left; }

        .tab_blue_list_explanation li img { padding-top: 6px; }

        .tab_blue_list_explanation li a { width: 30px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_explanation .first_tab a,
            .tab_blue_list_explanation li a:hover { background: url("/images/teb_bg.gif") repeat-x; border-top: 2px solid #1d7da5; height: 26px; width: 26px; border-left: 2px solid #1d7da5; border-right: 2px solid #1d7da5; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }


/* green_tap style 너비105*/
.tab_green_list { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 30px; }

    .tab_green_list li { width: 105px; background: url("../../images/common/bg_tap_2.gif") no-repeat left top; margin-right: 1px; float: left; }

        .tab_green_list li a { width: 105px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_green_list .first_tab a,
            .tab_green_list li a:hover { width: 105px; background: url("../../images/common/teb_green.gif") no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }

/* blue_tap style 너비105*/
.tab_blue_list_2 { width: 100%; background: url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom; float: left; margin-bottom: 20px; margin-top: 15px; }

    .tab_blue_list_2 li { background: url("../../images/common/bg_tap_2.gif") no-repeat left top; margin-right: 1px; float: left; }

        .tab_blue_list_2 li a { width: 105px; height: 28px; line-height: 28px; text-align: center; display: block; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_2 .first_tab a,
            .tab_blue_list_2 li a:hover { background: url("../../images/common/bg_tap_2_on.gif") no-repeat left top; color: #000000; font-weight: bold; text-decoration: none; letter-spacing: -1px; }


/*Libtech-- blue_tap style 너비105*/
.tab_blue_list_3 { width: 100%; /* background:url("../../images/common/bg_tap_botLine.gif") repeat-x left bottom;*/ float: left; margin: 15px 0 0 10px; }

    .tab_blue_list_3 li { background: url("../../images/common/bg_tap_3.gif") no-repeat left top; font-size: 11px; margin-right: 1px; float: left; }

        .tab_blue_list_3 li a { width: 105px; height: 28px; line-height: 28px; text-align: center; display: block; font-size: 11px; text-decoration: none; color: #000000; letter-spacing: -1px; }

            .tab_blue_list_3 .first_tab a,
            .tab_blue_list_3 li a:hover { background: url("../../images/common/bg_tap_3_on.gif") no-repeat left top; font-size: 11px; color: #fff; text-decoration: none; letter-spacing: -1px; }


/*table title*/
.table_T { width: 100%; margin: 0 auto; float: left; }

    .table_T .table_title { float: left; background: url("../../images/main/ico_bl.gif") no-repeat; padding-left: 15px; padding-right: 30px; color: #333333; font-weight: bold; padding-bottom: 15px; }

    .table_T .table_img { float: right; padding-bottom: 15px; }

    .table_T .table_Search { float: right; padding-right: 5px; padding-bottom: 15px; display: inline; padding-left: 290px; }

        .table_T .table_Search img { vertical-align: middle; }

    .table_T .book_Search { float: right; padding-right: 5px; padding-bottom: 15px; display: inline; padding-left: 290px; }

        .table_T .book_Search img { vertical-align: middle; }

    .table_T .table_day { text-align: right; float: right; margin-bottom: 15px; padding-right: 5px; font-weight: bold; color: #333333; }

.table_T_1 { width: 705px; margin-top: 50px; }

    .table_T_1 .table_title { float: left; background: url("../../images/main/ico_bl.gif") no-repeat 0 0; padding-left: 15px; color: #333333; font-weight: bold; padding-bottom: 15px; }

    .table_T_1 .table_img { float: right; padding-right: 10px; padding-bottom: 15px; }

    .table_T_1 .table_Search { float: right; padding-right: 5px; padding-bottom: 15px; display: inline; padding-left: 290px; }

    .table_T_1 .table_day { float: right; padding-right: 5px; padding-bottom: 15px; display: inline; color: #333333; font-weight: bold; }




/*레드 table style */
.table_red { position: relative; width: 99%; border-top: 2px solid #d48282; border-collapse: collapse; text-align: center; }

    .table_red caption { height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; overflow: hidden; }

    .table_red th { height: 26px; text-align: center; background: #ededed; font: 12px/21px; color: #888888; }
    /*.table_red_list_b td { height:28px;line-height:18px; background:url("../../images/main/bg_dot.gif") repeat-x 0 bottom; color:#5d5d5d; text-align:center; padding:5px 0; }*/
    .table_red td { height: 28px; line-height: 18px; background: url("../../images/main/bg_dot.gif") repeat-x 0 bottom; color: #5d5d5d; padding: 5px 0; font: 11px/21px; color: #888888; text-align: center; }

        .table_red td img { margin-left: 7px; vertical-align: middle; }

    .table_red tbody { border-bottom: 1px solid #e3e3e3; }

    .table_red .left5 { text-align: left; padding-left: 5px; }

    .table_red .centerright { text-align: center; width: 15%; }

    .table_red .book_name img { width: 90px; height: 120px; padding-top: 5px; padding-bottom: 7px; }

    .table_red .left5_align { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

        .table_red .left5_align a { color: #555; font-weight: bold; }

            .table_red .left5_align a:hover { color: #688fa0; text-decoration: underline; font-weight: bold; }

    .table_red .left20 { text-align: left; padding-left: 20px; }

    .table_red td .line_bot { border-bottom: 1px solid #46688a; }

    .table_red a:link { color: #5d5d5d; }

    .table_red a:hover { color: #688fa0; text-decoration: underline; }

    .table_red .AlignLeft { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

/* blue_table style */
.table_list_b { position: relative; width: 99%; border-top: 2px solid #1d7da5; border-collapse: collapse; text-align: center; }

    .table_list_b caption { height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; overflow: hidden; }

    .table_list_b th { height: 26px; text-align: center; background: #ededed; font: 12px/21px; color: #444; }
    /*.table_list_b td { height:28px;line-height:18px; background:url("../../images/main/bg_dot.gif") repeat-x 0 bottom; color:#5d5d5d; text-align:center; padding:5px 0; }*/
    .table_list_b td { height: 28px; line-height: 18px; background: url("../../images/main/bg_dot.gif") repeat-x 0 bottom; color: #444; padding: 5px 0; }

        .table_list_b td img { margin-left: 7px; vertical-align: middle; }

    .table_list_b tbody { border-bottom: 1px solid #e3e3e3; }

    .table_list_b .left5 { text-align: left; padding-left: 5px; }

    .table_list_b .centerright { text-align: center; width: 15%; }

    .table_list_b .book_name img { width: 90px; height: 120px; padding-top: 5px; padding-bottom: 7px; }

    .table_list_b .left5_align { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

        .table_list_b .left5_align a { color: #555; font-weight: bold; }

            .table_list_b .left5_align a:hover { color: #688fa0; text-decoration: underline; font-weight: bold; }

    .table_list_b .left20 { text-align: left; padding-left: 20px; }

    .table_list_b td .line_bot { border-bottom: 1px solid #46688a; }

    .table_list_b a:link { color: #5d5d5d; }

    .table_list_b a:hover { color: #688fa0; text-decoration: underline; }

    .table_list_b .AlignLeft { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }


/* blue_table style */
.table_list_b_full { position: relative; width: 100%; border-top: 2px solid #1d7da5; border-collapse: collapse; text-align: center; }

    .table_list_b_full caption { height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; overflow: hidden; }

    .table_list_b_full th { height: 26px; text-align: center; background: #ededed; font: bold 12px/21px; color: #888888; }

    .table_list_b_full td { color: #5d5d5d; height: 28px; line-height: 18px; border-bottom: 1px dashed #ededed; background: url("../../images/main/bg_dot.gif") repeat-x 0 bottom; text-align: center; padding: 5px 0; }

        .table_list_b_full td img { margin-left: 7px; vertical-align: middle; }

    .table_list_b_full tbody { border-bottom: 1px solid #e3e3e3; }

    .table_list_b_full .left5 { text-align: left; padding-left: 5px; }

    .table_list_b_full .centerright { text-align: left; padding: 10px; vertical-align: top; letter-spacing: -1px; }

        .table_list_b_full .centerright a { color: #555; font-weight: bold; }

            .table_list_b_full .centerright a:hover { color: #688fa0; text-decoration: underline; font-weight: bold; }

    .table_list_b_full .book_name img { width: 90px; height: 120px; padding-top: 5px; padding-bottom: 7px; }

    .table_list_b_full .left5_align { color: #555; text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

        .table_list_b_full .left5_align a { color: #555; font-weight: bold; }

            .table_list_b_full .left5_align a:hover { color: #688fa0; text-decoration: underline; font-weight: bold; }


    .table_list_b_full .left20 { text-align: left; padding-left: 20px; }

    .table_list_b_full td .line_bot { border-bottom: 1px solid #46688a; }

    .table_list_b_full a:link { color: #5d5d5d; font-weight: bold; }

    .table_list_b_full a:hover { color: #688fa0; text-decoration: underline; font-weight: bold; }

    .table_list_b_full .AlignLeft { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

    .table_list_b_full .b_l { border-left: 1px solid #e3e3e3; }



/* blue_table style */
.table_list_b_s { position: relative; width: 345px; border-top: 2px solid #1d7da5; border-collapse: collapse; text-align: center; }

    .table_list_b_s caption { height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; overflow: hidden; }

    .table_list_b_s th { height: 26px; text-align: center; background: #ededed; font: bold 12px/21px; color: #888888; }

    .table_list_b_s td { height: 28px; line-height: 18px; background: url("../../images/main/bg_dot.gif") repeat-x 0 bottom; color: #5d5d5d; text-align: center; padding: 5px 0; }

        .table_list_b_s td img { margin-left: 7px; vertical-align: middle; }

    .table_list_b_s .left5 { text-align: left; padding-left: 5px; }

    .table_list_b_s .book_name img { width: 90px; height: 120px; padding-top: 5px; padding-bottom: 7px; }

    .table_list_b_s .left5_align { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

        .table_list_b_s .left5_align a { color: #555; font-weight: bold; }

            .table_list_b_s .left5_align a:hover { color: #688fa0; text-decoration: underline; font-weight: bold; }

    .table_list_b_s .left20 { text-align: left; padding-left: 20px; }

    .table_list_b_s td .line_bot { border-bottom: 1px solid #46688a; }

    .table_list_b_s a:link { color: #5d5d5d; }

    .table_list_b_s a:hover { color: #688fa0; text-decoration: underline; }

    .table_list_b_s .AlignLeft { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

/* 설문조사 */
.poll_index { margin-left: 30px; }




#searchlisttable .table_b_none { border: 0px solid #fff; margin: 5px 0; width: 520px; background: #F3F3F3; }

    #searchlisttable .table_b_none th { background: #F3F3F3; }

    #searchlisttable .table_b_none td { height: 28px; padding: 0 5px; border: 0px solid #fff; text-align: center; background: #F3F3F3; }

    #searchlisttable .table_b_none thead { background: #F3F3F3; }

    #searchlisttable .table_b_none caption { display: none; }

#searchlisttable .table_b_none_bg { margin: 5px 0; width: 520px; background: #F3F3F3; }

    #searchlisttable .table_b_none_bg .top { background: url('/Images/Buttons/Common/LBBShowHolding_top.gif') no-repeat left top; height: 6px; width: 520px; }

    #searchlisttable .table_b_none_bg .bottom { background: url('/Images/Buttons/Common/LBBShowHolding_bottom.gif') no-repeat left top; height: 6px; width: 520px; }

/*테이블 comment*/
.comment { margin: 0; font: normal 11px/20px; background: none; color: #000; font-weight: bold; padding-bottom: 5px; }

    .comment .ico_star { margin: 0 3px 0 7px; color: #000; }

.comment1 { margin: 0; font: normal 11px/20px; background: none; color: #000; padding-top: 5px; }

.libtech_width_500 { width: 500px; }

.libtech_width_150 { width: 150px; }

.postnew1 { padding: 5px; text-align: right; float: right; vertical-align: bottom; clear: left; margin-right: 10px; height: 20px; width: 100%; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }

.field-validation-valid { display: none; }

.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }

.validation-summary-errors { font-weight: 600; color: #ff0000; }

.font-weignt_b { font-weight: 600; color: #505050; }

.validation-summary-valid { display: none; }

.libtech_info, .libtech_success, .libtech_warning, .libtech_error, .libtech_validation { border: 1px solid; margin: 10px 0px; padding: 15px 10px 15px 50px; background-repeat: no-repeat; background-position: 10px center; }

.libtech_info { color: #00529B; background-color: #BDE5F8; background-image: url('/Images/Knob/info.png'); }

.libtech_success { color: #4F8A10; background-color: #DFF2BF; background-image: url('/Images/Knob/success.png'); }

.libtech_warning { color: #9F6000; background-color: #FEEFB3; background-image: url('/Images/Knob/warning.png'); }

.libtech_error { color: #D8000C; background-color: #FFBABA; background-image: url('/Images/Knob/error.png'); }

.libtech_error_bg { padding: 100px 10px 0 10px; min-height: 250px; text-align: center; margin-top: 10px; padding-left: 10px; padding-right: 10px; }

.libtech_errorimg { padding: 0; text-align: center; background-image: none; margin-top: 200px; }

    .libtech_errorimg p { text-align: center; margin-top: 20px; }

.libtech_form_old { font-size: 12px; background-color: #d6e5f4; padding: 10px; width: 97%; border: solid 1px #85b1de; }

.libtech_form { line-height: 24px; font-size: 12px; /*background-color: #fcfcfc;*/ padding: 10px; width: 97%; border: solid 1px #cccccc; }

    .libtech_form input[type="text"], .libtech_form textarea { font-size: 12px; margin-bottom: 5px; display: block; padding: 4px; width: 70%; }

    .libtech_form input[type="checkbox"] { font-size: 12px; margin-bottom: 5px; /*display: block;*/ padding: 4px; }

.libtech_active_field { background-image: none; background-color: #ffffff; /*border: solid 1px #33677F;*/ border: solid 1px #858585; }

.libtech_idle_field { border: solid 1px #DDDDDD; /*background-image: url( '/Images/blue_bg.png' );
    background-repeat: repeat-x;
    background-position: top;*/ }

.libtech_watermark { color: #999 !important; /*font-style: italic !important;*/ }

.libtech_min_width { width: 200px; }

.libtech_width_50 { width: 50px; }

.libtech_width_300 { width: 300px; }

/*QR코드 */
.libtech_Detail_Qrcode { /*border: solid 5px #C4C4C4;	*/ margin-top: 10px; /*margin-left: 35px; ie에서 폭을 주게 되면 치우치게 됩니다. 해서 조정 했습니다. 2010.12.10 박경화
    width:90px;
    height:80px;*/ }

.libtech_Guide_Qrcode { border: solid 5px #000000; margin-bottom: 10px; margin-left: 130px; margin-top: 10px; width: 100px; height: 100px; }

.item img { width: 100%; }

.details, .mask { position: absolute; top: 30px; left: 10px; width: 65%; height: 50%; /*display:none;*/ }

.details2, .mask2 { position: absolute; top: 30px; left: 10px; width: 65%; height: 50%; /*display:none;*/ }

.mask { /*background-color:#FBFCFD;		*/ z-index: 5; }

.mask2 { /*background-color:#FBFCFD;*/ z-index: 5; }

.details2 { color: black; cursor: default; top: 30px; z-index: 30; text-align: center; font-weight: 600; }

.details { color: black; cursor: default; top: 30px; z-index: 30; text-align: center; font-weight: 600; }


.item:hover .mask2,
.item:hover .details2 { display: block; }


.item:hover .mask,
.item:hover .details { display: block; }

.details .name { display: block; margin: auto; margin-top: 10px; text-align: center; font-size: 1.0em; }

.details .company { display: block; text-align: center; margin-top: 50px; text-align: center; }




#pri { padding: 20px; line-height: 25px; }

.PriTitle { font-size: Medium; font-weight: bold; }

.PriCent { width: 600px; margin-top: 10px; }

    .PriCent span { width: 100px; text-align: right; }

    .PriCent ul { display: block; clear: left; }

    .PriCent li { display: inline; float: left; padding-left: 5px; }

    .PriCent .right { text-align: right; width: 80px; }

.nonePrint { padding-left: 50px; }


#bookingList { width: 100%; }

    #bookingList ul { margin-top: 20px; float: right; }

    #bookingList li { display: inline; padding-left: 10px; }

/*타도서관 열람의뢰 한세대*/
.visitPrint { width: 750px; margin: 0 auto; border: 1px double #555; padding: 0px 70px; line-height: 35px; font-size: 20px; font-weight: bold; }

    .visitPrint h1 { display: none; }

.visitTopm { margin-top: 30px; }

.visitPrint h2 { font-size: 35pt; font-family: '바탕'; font-weight: bold; letter-spacing: 30px; clear: right; padding: 30px 0 40px 0; }

.visitPrint .bottomtitle { font-size: 28pt; text-align: center; font-family: '바탕'; font-weight: bold; letter-spacing: 10px; clear: right; padding: 50px 0; }

.visitPrint div { margin: 100px 0; }

.visitPrint p { padding-top: 50px; }

.visitPrint table { border: 0; border-spacing: 0; font-weight: bold; }

.visitPrint td { vertical-align: top; padding-left: 5px; }

.visitPrint .right { float: right; padding-right: 30px; }

.visitspacing { letter-spacing: 100px; }

.visitcenter { text-align: center; }

.bottompt { padding-bottom: 30px; }

.libtech_textbox { border: solid 1px #DDDDDD; height: 20px; vertical-align: middle; }

/*타도서관 열람의뢰 국제사이버대*/
.visitPrint_ics_year { text-align: left; padding: 0; border: 1px solid black; }

.visitPrint_ics { width: 750px; margin: 0 auto; border: 1px double #555; padding: 0px 30px 0 30px; line-height: 35px; font-size: 20px; }

    .visitPrint_ics h1 { display: none; }

.visitTopm_ics { margin-top: 30px; font-family: '바탕'; text-align: center; }

.visitPrint_ics h2 { font-size: 28pt; font-family: '굴림'; font-weight: bold; clear: right; padding: 0px 0 0px 0; }

.visitPrint_ics h3 { font-size: 18pt; font-family: '굴림'; font-weight: bold; clear: right; padding: 10px 0 10px 0; }

.visitPrint_ics h4 { font-size: 13pt; font-family: '바탕'; letter-spacing: 0px; clear: right; padding: 0; }

.visitPrint_ics .bottomtitle { font-size: 28pt; text-align: center; font-family: '굴림'; font-weight: bold; letter-spacing: 0px; clear: right; padding: 50px 0; }

.visitPrint_ics div { margin: 80px 0; font-family: '바탕'; font-size: 13pt; }

.visitPrint_ics p { padding-top: 50px; }

.visitPrint_ics table { width: 740px; border-spacing: 0; }

.visitPrint_ics td { vertical-align: top; padding: 9px 0 0 5px; width: 30%; text-align: center; }

.visitPrint_ics .right { float: right; padding-right: 30px; }

.visitspacing_ics { letter-spacing: 45px; }

.visitcenter_ics { text-align: center; }

.bottompt_ics { padding-bottom: 30px; }

a.elevenlinkblue:link { color: #3366CC; text-decoration: none; }

a.elevenlinkblue:visited { color: #3366CC; text-decoration: none; }

a.elevenlinkblue:active { color: #3366CC; text-decoration: none; }

a.elevenlinkblue:hover { color: #3366CC; text-decoration: none; }

.twitterheader { background: url("/Images/twitter.png") no-repeat scroll 0 0 transparent; padding-left: 40px; }

.divfloatleft { float: left; }

.divfloatright { float: right; }

.divfloatclear { clear: both; }

.libtech_title_with_icon { background: url("/Images/titlearrowicon.png") no-repeat scroll 2px 5px transparent; padding: 0px 0 5px 10px; margin-top: 10px; }

.libtech_li_with_icon { background: url("/Images/titlearrowicon.png") no-repeat scroll 1px 5px transparent; padding-left: 10px; }

.libtechli { background: url("/Images/titlearrowicon.png") no-repeat scroll 1px 5px transparent; padding-left: 10px; }

.libtech_p_header { padding: 10px 0 10px 0; font-weight: bold; }

.libtech_p_content { padding-left: 20px; }

.libtech_p_content_sub { padding-left: 40px; }

.libtech_p_content_sub_sub { padding-left: 60px; }

.libtech_section_title { margin-bottom: 12px; background: url("/images/title_dots.png") repeat-x scroll 0 100% transparent; margin: 12px 0 12px 0; padding-bottom: 5px; padding-top: 10px; font-size: 14px; font-weight: 600; }

ul.topnav { list-style: none; padding: 0 20px; margin: 0; float: left; width: 920px; background: #222; font-size: 1.2em; background: url(topnav_bg.gif) repeat-x; }

    ul.topnav li { float: left; margin: 0; padding: 0 15px 0 0; position: relative; /*--Declare X and Y axis base for sub navigation--*/ }

        ul.topnav li a { padding: 10px 5px; color: #fff; display: block; text-decoration: none; float: left; }

            ul.topnav li a:hover { background: url(topnav_hover.gif) no-repeat center top; }

        ul.topnav li span { /*--Drop down trigger styles--*/ width: 17px; height: 35px; float: left; background: url(subnav_btn.gif) no-repeat center top; }

            ul.topnav li span.subhover { background-position: center bottom; cursor: pointer; }
        /*--Hover effect for trigger--*/
        ul.topnav li ul.subnav { list-style: none; position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/ left: 0; top: 35px; background: #333; margin: 0; padding: 0; display: none; float: left; width: 170px; border: 1px solid #111; }

            ul.topnav li ul.subnav li { margin: 0; padding: 0; border-top: 1px solid #252525; /*--Create bevel effect--*/ border-bottom: 1px solid #444; /*--Create bevel effect--*/ clear: both; width: 170px; }

html ul.topnav li ul.subnav li a { float: left; width: 145px; background: #333 url(dropdown_linkbg.gif) no-repeat 10px center; padding-left: 20px; }

    html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/ background: #222 url(dropdown_linkbg.gif) no-repeat 10px center; }

.clicker_user_logo { height: 100px; }

    .clicker_user_logo h1 { position: absolute; top: 15px; left: 280px; color: #fff; font-weight: 600; font-size: 30px; text-shadow: 3px 3px 3px #000; }

.clicker_user_logo_symbol { height: 50px; }

.libtech_table_list { position: relative; width: 100%; border-top: 2px solid #1d7da5; border-bottom: 1px solid #C0C0C0; border-collapse: collapse; margin-top: 10px; }

    .libtech_table_list caption { height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; overflow: hidden; }

    .libtech_table_list th { height: 26px; background: #ededed; font: bold; color: #888888; }

    .libtech_table_list td { height: 26px; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; color: #5d5d5d; }

    .libtech_table_list tbody { }

    .libtech_table_list td img { margin-left: 7px; vertical-align: middle; }

    .libtech_table_list .left5 { text-align: left; padding-left: 5px; }

    .libtech_table_list .book_name img { width: 90px; height: 120px; padding-top: 5px; padding-bottom: 7px; }

    .libtech_table_list .left5_align { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

        .libtech_table_list .left5_align a { color: #555; font-weight: bold; }

            .libtech_table_list .left5_align a:hover { color: #688fa0; text-decoration: underline; font-weight: bold; }

.libtech_white_table_list .left20 { text-align: left; padding-left: 20px; font-weight: bold; }

.libtech_white_table_list .center { text-align: center; margin-left: 25px; }

.libtech_white_table_list td .line_bot { border-bottom: 1px solid #46688a; }

.libtech_white_table_list { position: relative; width: 100%; border-top: 2px solid #1d7da5; border-bottom: 1px solid #C0C0C0; border-collapse: collapse; margin-top: 10px; }

    .libtech_white_table_list caption { height: 0; line-height: 0; font-size: 0; padding: 0; margin: 0; overflow: hidden; }

    .libtech_white_table_list th { height: 26px; background: gray; font: bold; color: #ffffff; }

    .libtech_white_table_list td { height: 26px; border-bottom: 1px solid #DCDCDC; border-top: 1px solid #DCDCDC; color: #ffffff; }

    .libtech_white_table_list tbody { }

    .libtech_white_table_list td img { margin-left: 7px; vertical-align: middle; }

    .libtech_white_table_list .left5 { text-align: left; padding-left: 5px; }

    .libtech_white_table_list .book_name img { width: 90px; height: 120px; padding-top: 5px; padding-bottom: 7px; }

    .libtech_white_table_list .left5_align { text-align: left; padding-left: 5px; vertical-align: top; padding-top: 10px; }

        .libtech_white_table_list .left5_align a { color: #555; font-weight: bold; }

            .libtech_white_table_list .left5_align a:hover { color: #688fa0; text-decoration: underline; font-weight: bold; }

    .libtech_white_table_list .left20 { text-align: left; padding-left: 20px; font-weight: bold; }

    .libtech_white_table_list .center { text-align: center; margin-left: 25px; }

    .libtech_white_table_list td .line_bot { border-bottom: 1px solid #46688a; }

a.libtech_link_default:link { color: #C5E86A; text-decoration: none; font-weight: normal; }

a.libtech_link_default:visited { color: #C5E86A; text-decoration: none; font-weight: normal; }

a.libtech_link_default:active { color: #C5E86A; text-decoration: none; font-weight: normal; }

a.libtech_link_default:hover { color: #C5E86A; text-decoration: none; font-weight: normal; }

a.libtech_link_white:link { color: #ffffff; text-decoration: none; font-weight: normal; }

a.libtech_link_white:visited { color: #ffffff; text-decoration: none; font-weight: normal; }

a.libtech_link_white:active { color: #ffffff; text-decoration: none; font-weight: normal; }

a.libtech_link_white:hover { color: #BBBBBB; text-decoration: none; font-weight: normal; }

a.libtech_link_black:link { color: #000000; text-decoration: none; font-weight: normal; }

a.libtech_link_black:visited { color: #000000; text-decoration: none; font-weight: normal; }

a.libtech_link_black:active { color: #000000; text-decoration: none; font-weight: normal; }

a.libtech_link_black:hover { color: #000000; text-decoration: none; font-weight: normal; }

a.libtech_link_yellow:link { color: #FFD700; text-decoration: none; font-weight: normal; }

a.libtech_link_yellow:visited { color: #FFD700; text-decoration: none; font-weight: normal; }

a.libtech_link_yellow:active { color: #FFD700; text-decoration: none; font-weight: normal; }

a.libtech_link_yellow:hover { color: #FFD700; text-decoration: none; font-weight: normal; }

a.libtech_link_blue:link { color: #003399; text-decoration: none; }

a.libtech_link_blue:visited { color: #003399; text-decoration: none; }

a.libtech_link_blue:active { color: #003399; text-decoration: none; }

a.libtech_link_blue:hover { color: #003399; text-decoration: none; }

a.libtech_link_button_blue:link { color: #009900; text-decoration: none; font-weight: normal; }

a.libtech_link_button_blue:visited { color: #009900; text-decoration: none; font-weight: normal; }

a.libtech_link_button_blue:active { color: #009900; text-decoration: none; font-weight: normal; }

a.libtech_link_button_blue:hover { color: #009900; text-decoration: none; text-decoration: blink; font-weight: normal; }

a.libtech_link_red:link { color: Red; text-decoration: none; }

a.libtech_link_red:visited { color: Red; text-decoration: none; }

a.libtech_link_red:active { color: Red; text-decoration: none; }

a.libtech_link_red:hover { color: #F08080; text-decoration: none; }

a.libtech_link_green:link { color: #009900; text-decoration: none; font-weight: normal; }

a.libtech_link_green:visited { color: #009900; text-decoration: none; font-weight: normal; }

a.libtech_link_green:active { color: #009900; text-decoration: none; font-weight: normal; }

a.libtech_link_green:hover { color: #009900; text-decoration: none; font-weight: normal; }

.container { width: 1170px; padding-left: 0; padding-right: 0; }

.clicker-wrap-body { width: 100%; background-color: #fff; }

.clicker-header { height: 65px; border-bottom: 1px solid #ddd; }

/*.navbar-clicker {
    border-bottom: 2px solid #005a9d;
}*/

.navbar-clicker h1 { padding: 0px 0 0 0; margin: 4px 0; }
.navbar-clicker h1 img, .navbar-clicker h1 a{ display:inline-block; }

.topLogin { padding-top: 19px; text-align: right; letter-spacing: -0.5px; }

    .topLogin div, .topLogin a, .topLogin span, .topLogin img, .topLogin p { display: inline-block; vertical-align: top; margin: 0px 0 0 0; padding: 0; line-height: 18px; }
    .topLogin a { margin-left: 15px !important; }
    .topLogin p { margin: 3px 5px 0 0; }

    .topLogin a.btn-sponge-default { padding: 3px 5px; }

    .topLogin h2, .topLine h3 { display: none; }


    .topLogin span { display: none; }

    .topLogin img, .topLogin a:hover { /*color: #fff0ae !important;*/ }

 

    .topLogin a.btn-xs { padding: 1px 5px !important; font-size: 12px !important; font-weight: normal !important; margin-top: 0px; }
.clicker-content { width: 1170px; margin: 0 auto; padding-bottom: 20px; }
/*.navbar-clicker{border-bottom:1px solid #ddd;}*/
.navbar-clicker .clicker-content { padding-bottom: 0px; }
.clicker-container-master { margin-top: 20px; /*width:1170px;*/ width: 100%; float: left; }
.clicker-side-help-panel { z-index: 5000; }


.redingroom-title-box { position: absolute; top: 108px; right: 20px; text-align: right; z-index: 1; font-size: 24px; font-weight: bold; color: #000; }

    .redingroom-title-box span { color: #8f8f8f; }

.redingroom-box { position: absolute; top: 150px; right: 10px; text-align: left; width: 140px; z-index: 1; }

    .redingroom-box li { background: url("/clicker/images/redingroom-box.png") no-repeat; padding-left: 25px; padding-top: 1px; font-size: 15px; font-weight: bold; line-height: 30px; display: block; padding-top: 0px; vertical-align: top; }

        .redingroom-box li.box01 { background-position: left 7px; }
        /*일반열람석*/
        .redingroom-box li.box02 { background-position: left -23px; }
        /*노트북열람석*/
        .redingroom-box li.box03 { background-position: left -53px; }
        /*자료열람전용석*/
        .redingroom-box li.box04 { background-position: left -83px; }
        /*장애인석*/
        .redingroom-box li.box05 { background-position: left -113px; }
        /*자치위원회*/
        .redingroom-box li.box06 { background-position: left -143px; }
        /*배정불가*/
        .redingroom-box li.box07 { background-position: left -173px; }
        /*사용중 & 남학생*/
        .redingroom-box li.box08 { background-position: left -203px; }
        /*여학생*/
        .redingroom-box li.box09 { background-position: left -233px; }
        /*가배정*/
        .redingroom-box li.box10 { background-position: left -263px; }
        /*칸막이좌석*/
        .redingroom-box li.box11 { background-position: left -293px; }
/*smart phone*/

.redingroom-box2 { position: relative; top: auto; width: 100%; right: auto; }
    .redingroom-box2 ul { }


.clicker_div_UserMediaSeat { background-color: #fff; border: 3px solid #555; box-shadow: #eee 5px 5px inset; border-radius: 10px; padding: 15px; margin: 15px 0; color: #555; font-size: 12px; }

    .clicker_div_UserMediaSeat ul { padding-left: 0px; margin-bottom: 0px; }

.sponge-user-female { background-image: url(/sponge/Images/girl_default.png); display: inline-block; width: 10px; height: 10px; line-height: 10px; vertical-align: text-bottom; /*border:1px solid #000;*/ /*background-repeat: no-repeat;*/ /*background-position: 16px 16px;*/ }

.clicker-box-inner-div { font-weight: 600; font-size: 10pt; text-align: center; line-height: 2.0; }

.clicker_back_hidden { border: 1px solid #DF7E33; background-color: #EED68C; }

h2sponge { font-size: 1.8em; font-weight: 300; line-height: 44px; margin: 0 0 22px 0; }

.clicker-equipment-box { /*width: 25px;
    height: 25px;*/ border-radius: 2px; -webkit-border-radius: 2px; display: block; padding: 0; float: left; color: #333; font-size: 14px; margin-right: 7px; margin-top: 2px; margin-bottom: 3px; /*background: url(/clicker/images/back_for_use.png) repeat;*/ background: #85d604 linear-gradient(#85d604 40%, #77c004 ); color: #fff; border: 1px solid #5D9625; text-align: center; line-height: normal; padding: 0px 3px 2px 3px; }

.clicker-equipment-box-in { /*width: 20px;
    height: 20px;*/ border-radius: 2px; -webkit-border-radius: 2px; display: block; padding: 0; float: left; color: #333; font-size: 12px; margin-right: 7px; margin-top: 2px; margin-bottom: 3px; /*background: url(/clicker/images/back_for_use.png) repeat;*/ background: #85d604 linear-gradient(#85d604 40%, #77c004 ); color: #fff; border: 1px solid #5D9625; text-align: center; vertical-align: middle; line-height: normal; padding: 0px 3px 2px 3px; }

.clicker-equipment-alert { /*background: url(/clicker/images/box_for_in_booking.png) repeat !important;*/ background: #e7bce5 linear-gradient(#f4dcf3 40%, #e7bce5 ); border: 1px solid #942894; color: #942894; }

.clicker-equipment-new { /*background: url(/clicker/images/back_for_computer.png) repeat !important;*/ background: #7fbbfd linear-gradient(#aed3fd 40%, #7fbbfd ); border: 1px solid #196FFA; color: #fff; }

/*LEFTMEMU*/

#menubar { z-index: 1004; margin: 0px; color: rgba(12, 12, 12, 0.85); background-color: transparent; }
.menubar-first #menubar { z-index: 1006; }
#menubar:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 100%; }


#menubar .gui-controls { position: relative; padding-top: 16px; z-index: 2; min-height: 100%; width: 100%; background: #f2f2f3; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); border-radius: 5px; padding-left: 15px; padding-right: 15px; }



.gui-controls { font-size: 12px; padding: 0; margin-bottom: 30px; min-width: 180px; }
    .gui-controls small { display: block; margin: 30px 12px 12px 12px; font-size: 10px; font-weight: 500; opacity: 0.7; }
.menubar-visible .gui-controls small,
.menubar-pin .gui-controls small { color: rgba(12, 12, 12, 0.85); }
.gui-controls li:first-child > small { margin-top: 0; }
.gui-controls .badge { position: absolute; top: 1px; margin-left: 8px; border-radius: 2px; padding: 2px 4px; font-size: 10px; }
.gui-controls li { list-style: none; }
    .gui-controls li.gui-folder > a { cursor: pointer; }
.gui-controls > li { position: relative; margin-bottom: 5px; }
    .gui-controls > li:last-child { margin-bottom: 15px; }
    .gui-controls > li > a { position: relative; display: block; text-decoration: none; padding: 12px 0px; font-size: 12px; line-height: normal; border-radius: 0; padding-left: 0; min-height: 40px; min-width: 64px; z-index: 1; }
        .gui-controls > li > a:hover, .gui-controls > li > a:focus { color: #1d7da5 !important; }
        .gui-controls > li > a.btn-flat { padding: 12px 0px; }
        .gui-controls > li > a:focus { outline: none; }
    .gui-controls > li ul > li > a { position: relative; display: block; text-decoration: none; padding: 7px 17px; font-size: 12px; line-height: normal; border-radius: 0; padding-left: 57px; }
        .gui-controls > li ul > li > a.btn-flat { padding: 7px 8.5px; }
        .gui-controls > li ul > li > a:active,
        .gui-controls > li ul > li > a.active { background-color: #ffffff; }
        .gui-controls > li ul > li > a:hover,
        .gui-controls > li ul > li > a:focus { background-color: rgba(12, 12, 12, 0.07); }
.gui-controls.nav > li > a:hover { background: inherit; }
.gui-controls li ul { padding: 0; display: none; }
.gui-controls li.expanded > ul { display: block; }
.gui-controls > li > ul > li > ul li:before { left: 51px; }
.gui-controls > li > ul > li > ul a { padding-left: 78px; }
    .gui-controls > li > ul > li > ul a:before { left: 51px; }
.gui-controls > li > ul > li > ul > li > ul li:before { left: 72px; }
.gui-controls > li > ul > li > ul > li > ul a { padding-left: 99px; }
    .gui-controls > li > ul > li > ul > li > ul a:before { left: 72px; }
.gui-controls > li > ul > li > ul > li > ul > li > ul li:before { left: 93px; }
.gui-controls > li > ul > li > ul > li > ul > li > ul a { padding-left: 120px; }
    .gui-controls > li > ul > li > ul > li > ul > li > ul a:before { left: 93px; }
.gui-controls > li > ul > li > ul > li > ul > li > ul > li > ul li:before { left: 114px; }
.gui-controls > li > ul > li > ul > li > ul > li > ul > li > ul a { padding-left: 141px; }
    .gui-controls > li > ul > li > ul > li > ul > li > ul > li > ul a:before { left: 114px; }
.gui-controls > li ul > li { position: relative; }
    .gui-controls > li ul > li:before { content: ""; left: 30px; top: 15px; bottom: -15px; position: absolute; display: block; width: 1px; border-left: 1px dashed rgba(12, 12, 12, 0.3); z-index: 1; }
    .gui-controls > li ul > li:first-child:before { top: 0; }
    .gui-controls > li ul > li:last-child:before,
    .gui-controls > li ul > li.last-child:before { display: none; }
    .gui-controls > li ul > li > a:before { content: ""; left: 30px; top: 15px; position: absolute; display: block; width: 21px; border-bottom: 1px dashed rgba(12, 12, 12, 0.3); z-index: 1; }
.gui-controls li .title { position: relative; left: -10px; display: block; padding-left: 6px; color: rgba(12, 12, 12, 0.85); white-space: nowrap; overflow: hidden; text-shadow: none; -webkit-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01); -o-transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01); transition: all 0.5s cubic-bezier(0.15, 0.99, 0.18, 1.01); }
.gui-controls li > a:hover .title { color: #0c0c0c; }
.gui-controls li.active > a .title { color: #2196f3; font-weight: 500; }
.gui-controls li.gui-folder > a .title { font-style: italic; color: #888; }
.gui-controls li.gui-folder.expanded > a .title,
.gui-controls li.gui-folder.active > a .title { color: rgba(12, 12, 12, 0.85); }
.gui-controls > li > a .title { margin-left: 45px; }
.expanded-menu-title .gui-controls li .title { left: 0; opacity: 1; }
.menubar-visible .gui-controls li .title { left: 0; opacity: 1; }
.gui-folder > a:after { content: "+"; position: absolute; top: 7px; display: inline-block; margin-left: -12px; color: rgba(12, 12, 12, 0.5); font-size: 12px; font-weight: inherit; opacity: 0; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
.gui-folder.expanding > a:after,
.gui-folder.expanded > a:after { font-size: 16px; font-weight: 400; margin-top: -2px; margin-left: -12px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transition: all 0.1s linear; -o-transition: all 0.1s linear; transition: all 0.1s linear; }
.gui-controls > .gui-folder > a:after { top: 12px; margin-left: 2px; }
.gui-controls > .gui-folder.expanding > a:after,
.gui-controls > .gui-folder.expanded > a:after { color: rgba(12, 12, 12, 0.4); margin-left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.expanded-menu-sign .gui-folder > a:after { opacity: 1; }
.menubar-visible .gui-folder > a:after { opacity: 1; }
.gui-icon { position: absolute; left: 0; top: 0; width: 40px; height: 40px; color: #535658; font-size: 18px; overflow: hidden; border-radius: 999px; -webkit-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
    .gui-icon .fa:first-child,
    .gui-icon .md:first-child,
    .gui-icon .glyphicon:first-child { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 40px; width: 1em; }
.gui-controls a:hover .gui-icon, .gui-controls a:focus .gui-icon { background-color: rgba(12, 12, 12, 0.07); color: #313335; }
/*.gui-controls > li > a:hover span.title, .gui-controls > li > a:focus span.title {

  color: #1d7da5;
}*/
.gui-icon:hover img { left: -5px; top: -5px; width: 50px; height: 50px; }
.active .gui-icon { background-color: #fff !important; color: #2196f3 !important; }
.active .title { font-weight: 600; color: #2196f3 !important; }
.active:hover .gui-icon, .active:focus .gui-icon { opacity: 0.7; }
.gui-controls a.expanded .gui-icon,
.gui-controls li.active .gui-icon,
.gui-controls li.active .gui-icon:hover { background-color: #ffffff; border-color: #ffffff; color: #2196f3; }
.gui-icon-active { background-color: #ffffff; border-color: #ffffff; color: #2196f3; }

.btn.btn-sponge-default.btn-raised { box-shadow: none !important; }
.l_image_profile img { width: 100%; }



.form-inline-siapacs { padding-bottom: 0; text-align: center; }


/*.sub-collapse{display:block;}*/
.sub-btn-navbar { display: none; }
.in.navbar-collapse.sub-collapse { background-color: #fff; position: absolute; min-width: 180px; padding: 0px; }


.gui-controls.dropdown-menu { display: block; }
.open > .gui-controls.dropdown-menu { display: none; }
.gui-controls.dropdown-menu > li { padding-bottom: 0px; margin-bottom: 0px; }
.gui-folder > a::after { }

.section_for_booking { width: 82%; float: right; }
.sub-dropdown-toggle { display: none; }




.text-lg { font-size: 125%; }
.dl-horizontal { clear: both; }
    .dl-horizontal p { margin-bottom: 7px; }
        .dl-horizontal p.clear-p { clear: both; }


.map_clicker { width: 565px; height: 350px; }
.clicker-sample { padding-bottom: 5px; }
    .clicker-sample ul li { display: inline-block; margin-right: 0px; vertical-align: top; font-size: 11px; }
.clicker-sample ul li::before { display:none; }
        .clicker-sample ul li span { display: inline-block; border: 1px solid #d5d5d5; background-color: #f8f8f8; background: #f8f8f8 linear-gradient(#f8f8f8 40%, #ebebeb ); width: 15px; height: 15px; border-radius: 3px; vertical-align: top; margin-top: 2px; }
            /*본인*/
            .clicker-sample ul li span.clicker-sample01 { border-color: #d78200; background-color: #ffc644; background: #ffc644 linear-gradient(#ffdc5a 40%, #ffc644 ); }
            /*신청중*/
            .clicker-sample ul li span.clicker-sample02 { border-color: #df6fe4; background-color: #fbaffe; background: #fbaffe linear-gradient(#fdd6ff 40%, #fbaffe ); }
            /*신청가능*/
            .clicker-sample ul li span.clicker-sample03 { border-color: #88bc5d; background-color: #acd887; background: #acd887 linear-gradient(#dcf4c8 40%, #acd887 ); }
            /*신청불가*/
            .clicker-sample ul li span.clicker-sample04 { border-color: #a5a5a5; background-color: #dcdcdc; background: #dcdcdc linear-gradient(#f8f8f8 40%, #dcdcdc ); }
            /*신청완료*/
            .clicker-sample ul li span.clicker-sample05 { border-color: #00B9B9; background-color: #0be0e0; background: #0be0e0 linear-gradient(#32ffff 40%, #0be0e0 ); }
            /*수업*/
            .clicker-sample ul li span.clicker-sample06 { border-color: #00B9B9; background-color: #FCF8E3; background: #FCF8E3 linear-gradient(#FCF8E3 40%, #FCF8E3 ); }


            /*일반열람석*/
            .clicker-sample ul li span.clicker-sample07 { border-color: #5d9625; background-color: #77c004; background: #77c004 linear-gradient(#88db03 40%, #77c004 ); }
            /*노트북열람석*/
            .clicker-sample ul li span.clicker-sample08 { border-color: #196ffa; background-color: #69aefc; background: #69aefc linear-gradient(#aed3fd 40%, #69aefc ); }
            /*자료열람전용석*/
            .clicker-sample ul li span.clicker-sample09 { border-color: #c39b00; background-color: #edc56b; background: #edc56b linear-gradient(#f3d99e 40%, #edc56b ); }
            /*장애인 좌석*/
            .clicker-sample ul li span.clicker-sample10 { border-color: #f79621; background-color: #f69e6c; background: #f69e6c linear-gradient(#f69e6c 40%, #f69e6c ); }
            /*자율위원석*/
            .clicker-sample ul li span.clicker-sample11 { border-color: #b20b98; background-color: #b1b3a9; background: #b1b3a9 linear-gradient(#dcddd9 40%, #b1b3a9 ); }
            /*배정불가*/
            .clicker-sample ul li span.clicker-sample12 { border-color: #dcddd9; background-color: #ee5871; background: #ee5871 linear-gradient(#f79aaa 40%, #ee5871 ); }
            /*사용 중*/
            .clicker-sample ul li span.clicker-sample13 { border-color: #942894; background-color: #c253be; background: #c253be linear-gradient(#f18fee 40%, #c253be ); }
            /*Smart Phone (+)*/
            .clicker-sample ul li span.clicker-sample14 { border-color: #942894; background: #ef8dec linear-gradient(#ef8dec 40%, #c253be ); background-image: url('/clicker/images/Background/SmartPhone.png'); background-position: left top; background-repeat: no-repeat; }

.clicker-kiosk-sample { padding: 10px; }
    .clicker-kiosk-sample ul li { width: 47%; color: #fff; }
/*.clicker-kiosk-sample ul li span{ width:20px; height:20px; }*/


.clicker-resource-sample { padding-top: 5px; }
.clicker-resource-sample ul li { display: inline-block; margin-right: 5px; vertical-align: top; font-size: 11px; background-image:none;}
.clicker-resource-sample ul li span { display: inline-block; border: 1px solid #d5d5d5; width: 15px; height: 15px; border-radius: 3px; vertical-align: top; margin-top: 2px; }
.clicker-resource-sample ul li span.clicker-resource-sample01 { border: 1px solid #a5a5a5; background-color: #ffffff; }
.clicker-resource-sample ul li span.clicker-resource-sample02 { border: 1px solid #d78200; background-color: #ffc644; background: #ffc644 linear-gradient(#ffdc5a 40%, #ffc644 ); }



.clicker_c { clear: right; }


.ClickerUserGuide { }



.clicker_div_for_user_seat_bottom li { background-image: none !important; padding-left: 0px !important; }

#menubar::before { background-color: transparent !important; box-shadow: none !important; }

.sponge-fake-crop-card { width: auto; height: auto; margin: 0 auto; text-align: center; /*border: 1px solid #FF5722;*/ }
.Equipment-list .btn-close { bottom: 0px; }




.div_for_alert { bottom: 10px; right: 10px; color: #FF5722; filter: alpha(opacity=45); opacity: 0.45; /*line-height: 16px; */ position: absolute; font-size: 20px; -moz-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); /*text-shadow: 2px 6px #b5c1b8, -1px -1px #fff; */ /*text-shadow: 1px 1px 5px #5e4d5e;
                            filter: dropshadow(color=#5e4d5e, offx=1, offy=1);*/ font-weight: bold; -moz-animation: libtech_opacity_blink_animation 3s ease infinite; -webkit-animation: libtech_opacity_blink_animation 3s ease infinite; }

/*.clicker-equipment-box {
                    width: 20px;
                    height: 20px;
                    border-radius: 2px;
                    -webkit-border-radius: 2px;
                    display: block;
                    padding: 0;
                    float: left;
                    color: #333;
                    font-size: 12px;
                    margin-right: 7px;
                    margin-top: 2px;
                    margin-bottom: 3px;
                    background: url(/clicker/images/back_for_use.png) repeat;
                    color: #fff;
                    border: 1px solid #5D9625;
                    text-align:center;
                }*/

.Equipment-list .card { position: relative; margin-bottom: 24px; background-color: #ffffff; color: #313335; border-radius: 2px; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.33); }

.Equipment-list .clicker_seat_element_picture { float: none; width: 30px; }

.Equipment-list .card .card-head .btn { margin-top: 0px; }

.menubar-scroll-panel, .nano-content { background-color: transparent !important; }

#menubar .menubar-scroll-panel { padding-top: 0px; }

#menubar .gui-controls { padding: 10px 0px; }

.Equipment-card-body-bottom { height: auto; border-top: 1px solid #eee; }

/*.height-2,
        .size-2 {
          height: 80px;
        }*/
.sub-dropdown-menu .gui-folder.active ul { visibility: visible; }

.SpaceAction-top-list { }
    .SpaceAction-top-list .clicker-sample { padding-top: 7px; padding-bottom: 0px; }
        .SpaceAction-top-list .clicker-sample ul { margin-bottom: 0px; }
        .SpaceAction-top-list .clicker-sample li { background-image: none !important; padding-left: 0px !important; }

    .SpaceAction-top-list .form-inline-siapacs { padding-top: 3px; }
        .SpaceAction-top-list .form-inline-siapacs li { background-image: none !important; padding-left: 0px !important; }
.SpaceAction-top-list .clicker-sample li::before, .SpaceAction-top-list .form-inline-siapacs li::before, .SpaceAction-top-list  h4::before { display:none; }
.clicker-page-guide { margin-bottom: 20px; margin-top: 0px; }
.clicker-page-guide h4 { min-width: 290px; background: none !important; background-color: #f1f1f1 !important; color: #3f3f3f !important; padding: 7px 15px; font-size: 12pt; width: 100%; font-weight: 600; clear: left; margin: 15px 0 0 0; border: 1px solid #dddddd; height: auto; border-radius: 5px 5px 0 0; }
.clicker-page-guide h4::before, .clicker-page-guide h5::before{display:none;}
.clicker-page-guide h4 .pull-right { font-size: 12px; margin-top: -3px; }
.clicker-page-guide h4 .sponge-book-title { margin-bottom: 0px; color: #3f3f3f; line-height: 13pt; font-size: 12pt; }
.clicker-page-guide h5 { background: #f1f1f1 url("/Sponge/Images/title/sponge-mobile-h5.png") no-repeat right center !important; padding: 7px 30px 7px 15px; margin: 15px 0 10px 0; line-height: 12pt; color: #3f3f3f !important; }
.clicker-page-guide h5.first { margin-top: 0px; }
.clicker-page-guide h5.border-H5 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.clicker-page-guide h6 { padding-left: 0px; }
.clicker-page-guide h7 { padding-left: 0px; }

.clicker-page-guide .sponge-guide-Box { border: 1px solid #dddddd; border-top: 0px solid #dddddd; padding: 15px; clear: both; min-width: 290px; margin: 0px; }


.clicker-page-guide-2020 { margin-bottom: 20px; margin-top: 0px; }
.clicker-page-guide-2020 h4 { min-width: 290px; background: none !important; padding: 0 0; font-size: 14pt; width: 100%; font-weight: 600; clear: left; margin: 20px 0 10px 0; height: auto; color:#000; }
.clicker-page-guide-2020 h4 .pull-right { font-size: 12px; margin-top: -3px; }
.clicker-page-guide-2020 h4 .sponge-book-title { margin-bottom: 0px; color: #3f3f3f; line-height: 13pt; font-size: 12pt; }
.clicker-page-guide-2020 h5 {  background: none !important; margin: 20px 0 10px 0; line-height: 12pt; color: #3f3f3f !important; }
.clicker-page-guide-2020 h5.first { margin-top: 0px; }
.clicker-page-guide-2020 h5.border-H5 { border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
.clicker-page-guide-2020 h6 { padding-left: 0px; }
.clicker-page-guide-2020 h7 { padding-left: 0px; }

.SpaceAction-box { border: 1px solid #ddd; /*border-top:0px;*/ padding: 15px; }
.SpaceAction-box-btn { margin: 0 -15px 10px -15px; border-bottom: 1px solid #ddd; padding: 0 15px 10px 15px; }
.SpaceAction-collapse { border: 1px solid #ddd; border-top: 0px; padding: 15px; width: 100%; }
.font11 { font-size: 11px; }

/*.SpaceAction-box .sponge-fake-div {float:left; width:15%;}
        .SpaceAction-box .sponge-fake-div img { margin:0 auto;}
        .SpaceAction-box .SpaceAction-box-time {float:right; width:85%;}
        .SpaceAction-box-time .clicker-time-box{ width:50px; height:auto;}*/

/*#clicker-container-content{position:relative; width:1170px;}*/
#clicker-container-content { position: relative; }
.clicker-layout-wrap { position: relative; }

.clicker-left-content { width: 18.5%; float: left; }
.clicker-right-content { width: 78.5%; float: right; }
.clicker-left-menu { width: 100%; min-width: 200px; padding: 15px; border: 1px solid #eee; box-shadow: 0px 6px 12px rgba(0,0,0,0.175); vertical-align: middle; display: block; position: relative; margin-top: 0px; }
    .clicker-left-menu li { width: 100%; display: block; clear: both; padding: 2px 0; }

        .clicker-left-menu li a { padding: 0px 0 !important; display: block; width: 100%; }

        .clicker-left-menu li.active a { color: #2196f3 !important; font-weight: 600; background-color: transparent !important; }
        .clicker-left-menu li a:hover { color: #2196f3 !important; font-weight: 600; }
        .clicker-left-menu li a div.iconBox { padding: 12px 0 0 0; border-radius: 999px; background-color: #eee; color: #555; width: 40px; height: 40px; float: left; display: table-cell; text-align: center; margin-right: 10px; }
        .clicker-left-menu li.active a div.iconBox { color: #2196f3; }
        .clicker-left-menu li a:hover div.iconBox { color: #2196f3 !important; font-weight: 600; }
        .clicker-left-menu li a div.iconBox i { font-size: 15px; }
        .clicker-left-menu li a div.titleBox { float: left; display: table-cell; padding: 10px 0 10px 0; font-style: italic; }

        .clicker-left-menu li li { padding: 2px 0 2px 20px !important; }
            .clicker-left-menu li li a { padding: 2px 0 2px 10px !important; font-size: 12px; background: url("/Users/Silla/Images/menu/menuSubIcon.png") no-repeat left 8px !important; }
        .clicker-left-menu li.active li a { color: #555 !important; font-weight: normal; }
            .clicker-left-menu li.active li a:hover { color: #2196f3 !important; font-weight: 600; }

.dropdown-menu.clicker-left-menu a:hover, .dropdown-menu.clicker-left-menu a:focus { background-color: transparent !important; margin-top: 0px; }

.clicker-nav-tabs { margin-bottom: 0px !important; border-radius: 5px 5px 0 0; }
.clicker-tab-content { border: 1px solid #ddd; border-top: 0px; padding: 15px; margin-bottom: 20px; }
.modal .clicker-nav-tabs { padding: 0px 0 0px 0 !important; text-align: left; margin-bottom: 5px !important; }
.modal .clicker-tab-content { padding: 0px; border: 0px; }

.modal-header { color: #fff; font-weight: 600; }


.siapacs-youtube { width: 70%; margin: 0 auto; }

.clicker_div_UserMediaSeat.sponge-page-guide { min-height: 0px; }

.clicker_ajax_book_status { margin: 4px 0 0 0; clear: right; float: left; }


.clicker_keyboard { position: relative; }
    .clicker_keyboard i.fa-keyboard-o { position: absolute; right: 10px; top: 5px; color: #000000; }

    .clicker_keyboard .ui-widget-content { background-color: #EEB95A !important; border-color: White !important; background-image: none !important; border-radius: 2px !important; color: #000 !important; }
        .clicker_keyboard:-ms-input-placeholder, .clicker_keyboard input[type="text"].form-control.ui-widget-content, .clicker_keyboard input[type="text"].ui-widget-content, .clicker_keyboard .ui-widget-content:-ms-input-placeholder { color: #000 !important; }


.modal-clicker { padding: 0px; top: 40%; }
    .modal-clicker .modal-header { background-color: transparent; margin-bottom: 0px; }
        .modal-clicker .modal-header h3 { font-weight: 600; width: auto; color: #293c6e; font-size: 16px; }
        .modal-clicker .modal-header button.close { color: #555; margin-top: 0px; }
    .modal-clicker .modal-body { padding: 0px; }
        .modal-clicker .modal-body > div { padding: 15px; }
    .modal-clicker .modal-footer { margin: 0px; }

    .modal-clicker .modal-body table.sponge-table-default { border-top: 1px; border-bottom: 0px !important; }
        .modal-clicker .modal-body table.sponge-table-default tr:last-child td { border-bottom: 0px !important; }
        .modal-clicker .modal-body table.sponge-table-default td { padding: 10px; }
        .modal-clicker .modal-body table.sponge-table-default .sub_title { text-align: center; }
        .modal-clicker .modal-body table.sponge-table-default .left { text-align: left; }
        .modal-clicker .modal-body table.sponge-table-default .center { text-align: center; }
        .modal-clicker .modal-body table.sponge-table-default .table-input-box { padding: 0px; }
            /*.modal-clicker .modal-body table.sponge-table-default .table-input-box input[type='text']{ width:100%; padding:20px 5px; border:0px;}*/
            .modal-clicker .modal-body table.sponge-table-default .table-input-box input[type='text'] { width: 100%; border: 0px; }
        .modal-clicker .modal-body table.sponge-table-default .message { background-color: #ffe485; color: #061b51; font-weight: 600; }
.table-input-box input[type='text']::placeholder,
.table-input-box placeholder,
.table-input-box input[type='text']:-moz-placeholder,
.table-input-box input[type='text']:-ms-input-placeholder,
.table-input-box input[type='text']::-webkit-input-placeholder { color: red !important; }



.modal-clicker .modal-footer { padding: 0px; }
    .modal-clicker .modal-footer button.btn { margin: 0px; width: 100%; border-radius: 0px; float: left; display: inline; padding: 10px; }
        .modal-clicker .modal-footer button.btn:first-child { border-radius: 0px 0px 0px 4px; }
        .modal-clicker .modal-footer button.btn:last-child { border-radius: 0px 0px 4px 0px; }
    .modal-clicker .modal-footer.modal-footer-btn1 button.btn { border-radius: 0px 0px 4px 4px; }
    .modal-clicker .modal-footer.modal-footer-btn2 button.btn { width: 50%; }
    .modal-clicker .modal-footer.modal-footer-btn3 button.btn { width: 33.4%; }
        .modal-clicker .modal-footer.modal-footer-btn3 button.btn:first-child, .modal-clicker .modal-footer.modal-footer-btn3 button.btn:last-child { width: 33.3%; }
    .modal-clicker .modal-footer.modal-footer-btn4 button.btn { width: 25%; }
    .modal-clicker .modal-footer.modal-footer-btn5 button.btn { width: 20%; }
    .modal-clicker .modal-footer.modal-footer-btn6 button.btn { width: 17%; }
        .modal-clicker .modal-footer.modal-footer-btn6 button.btn:first-child, .modal-clicker .modal-footer.modal-footer-btn6 button.btn:last-child { width: 16%; }
.modal-clicker .btn-primary { background-color: #293c6e !important; background: #293c6e linear-gradient(#293c6e 20%, #293c6e 80%) !important; border-color: #293c6e; }

.clicker_chair { background: url("/Clicker/images/clicker_chair_left.png") no-repeat left center; display: block; height: 60px; width: 60px; }
.clicker_chair_left { background: url("/Clicker/images/clicker_chair_left.png") no-repeat left center; padding-left: 21px; width: 81px; }
.clicker_chair_right { background: url("/Clicker/images/clicker_chair_right.png") no-repeat right center; padding-right: 21px; width: 81px; }
.clicker_chair_top { background: url("/Clicker/images/clicker_chair_top.png") no-repeat center top; padding-top: 21px; height: 81px; }
.clicker_chair_bottom { background: url("/Clicker/images/clicker_chair_bottom.png") no-repeat center bottom; padding-bottom: 21px; height: 81px; }
.clicker_chair_blue.clicker_chair_left { background-image: url("/Clicker/images/clicker_chair_off_left.png"); }
.clicker_chair_blue.clicker_chair_right { background-image: url("/Clicker/images/clicker_chair_off_right.png"); padding-right: 21px; width: 81px; }
.clicker_chair_blue.clicker_chair_top { background-image: url("/Clicker/images/clicker_chair_off_top.png"); padding-top: 21px; height: 81px; }
.clicker_chair_blue.clicker_chair_bottom { background-image: url("/Clicker/images/clicker_chair_off_bottom.png"); padding-bottom: 21px; height: 81px; }

.clicker_chair .clicker_chair_btn { width: 60px; height: 60px; text-align: center; display: inline-block; border: 3px solid #333333; border-radius: 5px; background-color: #666666; color: #fff; font-weight: 600; font-size: 17px; padding: 0px; }
.clicker_chair_blue .clicker_chair_btn { background-color: #28c0ff; }
.clicker_chair_red .clicker_chair_btn { background-color: #d52a03; }
.clicker_chair_black .clicker_chair_btn { background: #131313 url("/Clicker/images/icon/btn-no.png") no-repeat center center; }
.clicker_chair_btn_disabled .clicker_chair_btn { background: #131313 url("/Clicker/images/icon/Disabled.png") no-repeat center center; }
.clicker_chair_blue .clicker_chair_btn { background-color: #28c0ff; }
.clicker_chair button:hover, .clicker_chair button:focus { color: #fff; }
/*.clicker_chair.clicker_chair_blue button, .clicker_chair.clicker_chair_blue span{background-color:#28c0ff;}*/

.clicker_chair_small { height: 61px !important; width: 61px !important; background-position-y: -1px; }
    .clicker_chair_small.clicker_chair_top { background-position: -1px top; }
    .clicker_chair_small.clicker_chair_bottom { background-position: -1px bottom; }
    .clicker_chair_small .clicker_chair_btn { width: 40px; height: 40px; }

/*.btn-primary:hover, .btn-primary:hover span, .hover.btn-primary, .btn-primary:focus, .btn-primary:active, .active.btn-primary, .open > .btn-primary.dropdown-toggle{}*/


/*kiosk 새로운 디자인 반응형 디자인--------------시작------------------*/
.clicker-kiosk-main-content { min-width: 800px; padding: 0px !important; margin: 0px !important; position: relative; top: 55px; }
.clicker-kiosk-content-wrapper { background: url("/Clicker/images/background/clicker_floor_background.png")left top; position: fixed; width: 100%; height: 100%; margin-left: 110px; min-width: 800px; }
.clicker-kiosk-content-logo { position: fixed; width: 100%; height: 100%; min-width: 800px; }
.clicker-kiosk-content-wrapper h1 { padding: 3em 0; font-size: 2rem; }
.clicker-kiosk-main-content::before { display: none; content: 'mobile'; }
.clicker-kiosk-logo { float: left; margin: 10px 0 0 15px; font-size: 20px; font-weight: 600; color: #fff; }
.clicker-kiosk-logo-color { color: #555; margin-top: 5px; }
    .clicker-kiosk-logo-color:hover { text-decoration: none; }

.clicker-kiosk-main-content .clicker-kiosk-content-wrapper h1 { padding: 4em 0; font-size: 3.2rem; font-weight: 300; }
.clicker-kiosk-main-content::before { content: 'tablet'; }

.clicker-kiosk-main-header { position: fixed; height: 55px; z-index: 2; top: 0; left: 0; width: 100%; min-width: 800px; background: #3e454c; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.clicker-kiosk-main-header-2019 { background-color: #fff; }
.clicker-kiosk-main-header::after { clear: both; content: ""; display: table; }

.clicker-kiosk-nav-trigger { display: none; }

.clicker-kiosk-nav { display: block; float: right; height: 100%; background-color: #2c3136; font-size: 20pt; color: #fff; padding: 5px 15px; font-weight: 500; font-family: Times New Roman; }

.clicker-kiosk-main-header-2019 .clicker-kiosk-nav { background-color: #eee; color: #333; width: 250px; text-align: center; }
.clicker-kiosk-main-header-2019 .clicker-kiosk-nav-color { background-color: #555; color: #fff; }
    .clicker-kiosk-main-header-2019 .clicker-kiosk-nav-color a { color: #fff; font-size: 20px; }
.clicker-kiosk-nav span { font-size: 18pt; }

.clicker-kiosk-main-content-2019 .clicker-kiosk-content-logo { padding-right: 250px; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.clicker-kiosk-main-content-2019 .clicker-kiosk-content-wrapper { margin-left: 0px; }
.clicker-kiosk-main-content-2019 .clicker_kiosk_study_map { padding-right: 270px; }
.clicker-kiosk-main-content-2019 .clicker-kiosk-content-map { background-position: center top; background-repeat: no-repeat; text-align: center; width: 100%; height: 100%; }
    .clicker-kiosk-main-content-2019 .clicker-kiosk-content-map .clicker-kiosk-content-map-skyimg { margin: 0 auto; }


.clicker-help-trigger_2019, .clicker-side-help-panel a.clicker-help-trigger_2019, .clicker-side-help-panel a.clicker-help-trigger_2019:visited
{ position:absolute; right:0px; top:0px; border-radius:0; font-size:30px; padding:10px 20px !important; border:0px;}
    .clicker-side-help-panel a.clicker-help-trigger_2019:hover { border:0px; }

.clicker-kiosk-top-nav { height: 100%; }
    .clicker-kiosk-top-nav a { display: block; font-size: 1.4rem; color: #ffffff; }
    .clicker-kiosk-top-nav > li { display: inline-block; margin-right: 1em; height: 100%; }
        .clicker-kiosk-top-nav > li:last-of-type { margin-right: 0; }
        .clicker-kiosk-top-nav > li a { padding: 1em .6em !important; }
    .clicker-kiosk-top-nav img { display: block; position: absolute; left: 1.8em; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 20px; border-radius: 50%; display: none; }

.clicker-kiosk-side-nav { position: relative; float: left; top: auto; width: 110px; min-height: 100vh; visibility: visible; opacity: 1; overflow: visible; max-height: none; z-index: 1; background-color: #2c3136; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: opacity 0.2s 0s, visibility 0s 0.2s; -moz-transition: opacity 0.2s 0s, visibility 0s 0.2s; transition: opacity 0.2s 0s, visibility 0s 0.2s; }

.clicker-kiosk-side-nav-100p { width: 100%; min-height: 0; background-color: transparent; float: none; padding-bottom: 15px; }
#clicker_div_for_kiosk_user_seat_top .clicker-kiosk-side-nav-100p ul li { width: 100%; margin: 0px; }

.clicker-kiosk-main-content-2019 .clicker-kiosk-side-nav { width: 250px; float: right; }

.clicker-kiosk-side-nav.nav-is-visible { box-shadow: none; opacity: 1; visibility: visible; overflow: visible; -webkit-overflow-scrolling: touch; -webkit-transition: opacity 0.2s 0s, visibility 0s 0s; -moz-transition: opacity 0.2s 0s, visibility 0s 0s; transition: opacity 0.2s 0s, visibility 0s 0s; max-height: none; }
.clicker-kiosk-side-nav.is-fixed { position: fixed; }
.clicker-kiosk-side-nav > ul { padding: 0; }
    .clicker-kiosk-side-nav > ul:last-of-type { padding-bottom: 0; }
.clicker-kiosk-side-nav .clicker-kiosk-label { display: none; }
.clicker-kiosk-side-nav a { font-size: 1.2rem; text-align: center; position: relative; color: #ffffff; font-size: 1.4rem; }

.clicker-kiosk-side-nav > ul > li > a { padding: 10px 0 10px 0; border-bottom: 1px solid #373d44; letter-spacing: -0.5px; display: block; font-size: 10pt; box-shadow: inset 10px 0 0 #fff; }
    .clicker-kiosk-side-nav > ul > li > a:hover, .clicker-kiosk-side-nav > ul > li > a:focus, .clicker-kiosk-side-nav > ul > li.active > a { box-shadow: inset 10px 0 0 #1784c7; background-color: #181b1e; color: #fff; text-decoration: none; }
.clicker-kiosk-side-nav > ul > li.active > a { font-weight: 600; /*color:#ffea00;*/ }
.clicker-kiosk-side-nav > ul > li > a > span { font-size: 90%; /*opacity:.8;*/ font-weight: normal; }
    .clicker-kiosk-side-nav > ul > li > a > span.sponge-color-blue:hover { color: #00b9ff; }
.clicker-kiosk-side-nav > ul > li.active > a > span { /*opacity:.8;*/ }
.clicker-kiosk-side-nav > ul > li > a > i { font-size: 16px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
    .clicker-kiosk-side-nav > ul > li > a > i.far.fa-check-circle { font-size: 30px; position: absolute; top: 18px; left: 40px; display: none; }
.clicker-kiosk-side-nav > ul > li.active > a > i.far.fa-check-circle { display: block; }
.clicker-kiosk-side-nav .active > a { box-shadow: inset 3px 0 0 #1784c7; background-color: #33383e; }
.clicker-kiosk-side-nav .action-btn a { margin: 3px 10px 3px 10px; display: block; padding: 1em 0; background-color: #1784c7; border-radius: .25em; border: none; text-align: center; color: #ffffff; padding: 10px 0; font-size: 9pt; font-weight: 600; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2); }
    .clicker-kiosk-side-nav .action-btn a:first-child { margin-top: 1em; }
    .clicker-kiosk-side-nav .action-btn a:last-child { margin-bottom: 1em; }
.clicker-kiosk-side-nav .count { border-radius: 50%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); padding: 0; top: 2em; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); left: calc(50% + 5px); right: auto; padding: 0.2em 0.4em; background-color: #ff7e66; border-radius: .25em; color: #555; background-color: #eee; font-size: 11px; text-align: center; height: auto; width: auto; }




.has-children { position: relative; }
    .has-children ul { position: absolute; top: 0; left: 100%; width: 160px; padding: 0; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); }
        .has-children ul a { text-align: left; border: none; padding: 1em; }
.no-touch .has-children ul a:hover { color: #1784c7; }
.has-children > a::after { display: none; }
.clicker-kiosk-side-nav .has-children.selected > a { background-color: #33383e; }
.clicker-kiosk-top-nav .has-children { position: relative; background-color: #2c3136; }
    .clicker-kiosk-top-nav .has-children > a { height: 100%; padding: 0 calc(1.8em + 22px) 0 calc(1.8em + 26px) !important; line-height: 55px; }
        .clicker-kiosk-top-nav .has-children > a::after { display: block; right: 1.8em; }
    .clicker-kiosk-top-nav .has-children ul { background-color: #1c1f22; width: 200px; top: 100%; right: 0; left: auto; box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2); }
        .clicker-kiosk-top-nav .has-children ul a { padding-left: 18px !important; }


.clicker-kiosk-footer { position: fixed; bottom: 0px; padding: 15px 20px 15px 130px; background-color: #ddd; width: 100%; font-weight: 600; }
    .clicker-kiosk-footer a, .clicker-kiosk-footer span { color: #1784c7; }
        .clicker-kiosk-footer a.btn { color: #fff; float: right; }

/*kiosk 새로운 디자인 --------------끝--------------------------------*/
/*kiosk 새로운 디자인2 카이스트 적용 1080*1920--------------끝--------------------------------*/
.clicker-kiosk-main-vertical-intro { width: 1080px; height: 1920px; background: url("/Clicker/images/background/clicker_kaist_bg.png") no-repeat left top; margin: 0 auto; position: relative; }
    .clicker-kiosk-main-vertical-intro .clicker-kiosk-main-header { position: relative; height: 200px; min-width: 0; background-color: transparent; box-shadow: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding: 30px 60px; }
        .clicker-kiosk-main-vertical-intro .clicker-kiosk-main-header::after { clear: both; content: ""; display: table; }
    .clicker-kiosk-main-vertical-intro .clicker-kiosk-logo { margin: 25px 0 0 0; }
    .clicker-kiosk-main-vertical-intro .clicker-kiosk-nav { background-color: transparent; font-size: 60px; font-weight: 400; text-shadow: 0 0 5px #000; padding: 0px; font-family: "Nanum Gothic", "나눔고딕", "Lucida Grande, Georgia", "맑은 고딕", "굴림"; vertical-align: top; height: auto; }
        .clicker-kiosk-main-vertical-intro .clicker-kiosk-nav span { font-size: 60px; }

    .clicker-kiosk-main-vertical-intro .clicker-kiosk-main-content { padding: 0px; top: 0; position: relative; }
        .clicker-kiosk-main-vertical-intro .clicker-kiosk-main-content p.title { color: #fff; font-size: 42px; text-align: center; margin: 0px 0 50px 0; font-weight: 500; }
            .clicker-kiosk-main-vertical-intro .clicker-kiosk-main-content p.title span { color: #27ffed; }

    .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat { padding: 0 0 0 0; text-align: center; height: auto; margin: 0px; }
        .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat ul { width: 100%; display: block; padding: 0 0 0 0px; margin: 0px; margin-top: 50px; background: url("/Clicker/images/background/arrow-line.png") no-repeat left 217px; min-height: 740px; }
        .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li { display: inline; float: left; width: 20%; height: 370px; padding-top: 132px; }
            .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a { color: #fff; display: inline-block; font-size: 25px; line-height: normal; font-weight: 500; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a i { width: 32px; height: 32px; border-radius: 50%; background-color: #c8deff; border: 0px; box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3); margin: 0 auto; display: block; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a span.floor01 { font-size: 60px; letter-spacing: -1px; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a span.floor02 { font-size: 20px; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a span.floor03 { color: #ffd541; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a span.floor04 { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a span.floor05 { font-size: 40px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a span.floor06 { display: none; font-size: 20px; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li a span.floor07 { display: none; background: url("/Clicker/images/background/arrow.png") no-repeat left top; width: 68px; height: 88px; margin: 0 auto 10px auto; }

            .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active { padding-top: 0px; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover a i, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active a i { background-color: #ffd541; border: 8px solid #000; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover a span.floor01, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active a span.floor01 { font-size: 70px; color: #ffd541; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover a span.floor02, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active a span.floor02 { font-size: 30px; color: #ffd541; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover a span.floor03, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active a span.floor03 { color: #ffd541; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover a span.floor04, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active a span.floor04 { text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover a span.floor05, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active a span.floor05 { font-size: 40px; text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3); }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover a span.floor06, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active a span.floor06 { display: block; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li:hover a span.floor07, .clicker-kiosk-main-vertical-intro .clicker-kiosk-listseat li.active a span.floor07 { display: block; }

    .clicker-kiosk-main-vertical-intro .clicker-kiosk-guide { padding-top: 50px; color: #fff; font-size: 24px; }
        .clicker-kiosk-main-vertical-intro .clicker-kiosk-guide .clicker-kiosk-phone { width: 130px; height: 130px; border-radius: 50%; background: rgba(59, 60, 76, 0.6) url("/Clicker/images/background/kiosk-phone.png")no-repeat center center; margin: 0 auto; }
        .clicker-kiosk-main-vertical-intro .clicker-kiosk-guide .clicker-kiosk-title { font-size: 30px; padding: 10px 5px; background: url("/Clicker/images/background/clicker-kiosk-title-bg.png") repeat-x left bottom; display: block; width: 30%; text-align: center; margin: 0 auto; }
        .clicker-kiosk-main-vertical-intro .clicker-kiosk-guide ul { padding: 30px 100px; }
            .clicker-kiosk-main-vertical-intro .clicker-kiosk-guide ul li { background: url("/Clicker/images/background/clicker-kiosk-guide.png") no-repeat left 2px; padding-left: 33px; margin-bottom: 40px; }
                .clicker-kiosk-main-vertical-intro .clicker-kiosk-guide ul li span { color: #ff696d; }

.clicker-kiosk-btn { text-align: center; width: 100%; }
    .clicker-kiosk-btn .btn { display: inline-block; background: rgba(255, 255, 255, 0.01) linear-gradient(rgba(255, 255, 255, 0.01) 40%, rgba(255, 255, 255, 0.01)); padding: 10px 50px; color: #fff; font-size: 30px; border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2); }
        .clicker-kiosk-btn .btn span.twinkleSpan { color: #ff696d; }

    .clicker-kiosk-btn .btn-blue { display: inline-block; background: #1f84e7 url("/Clicker/images/icon/btn-blue-icon01.png") no-repeat left top; padding: 10px 40px 0 88px; height: 68px; color: #000; font-size: 26px; border-radius: 50px; min-width: 230px; margin: 0 15px; }
    .clicker-kiosk-btn .btn-blue-icon02 { background-image: url("/Clicker/images/icon/btn-blue-icon02.png"); }
    .clicker-kiosk-btn .btn-blue-icon03 { background-image: url("/Clicker/images/icon/btn-blue-icon03.png"); }

.clicker-kiosk-main-vertical-intro .clicker-kiosk-notice { position: absolute; bottom: 0px; padding: 15px; width: 100%; }
    .clicker-kiosk-main-vertical-intro .clicker-kiosk-notice .carousel.slide, .clicker-kiosk-main-vertical-intro .clicker-kiosk-notice .carousel-inner { width: 100%; }
    .clicker-kiosk-main-vertical-intro .clicker-kiosk-notice .item { font-size: 27px; font-weight: 300; width: 100%; color: rgba(255, 255, 255, 0.7); text-align: center; }


.clicker-kiosk-main-vertical { background: url("/Clicker/images/background/clicker_kaist_bg_opacity.png") no-repeat left top; }
    .clicker-kiosk-main-vertical .clicker-kiosk-main-header { height: 120px; }
    .clicker-kiosk-main-vertical .clicker-kiosk-main-img { text-align: center; width: 100%; position: relative; height: auto; }

.clicker-kiosk-main-card { width: 90%; margin: 0 auto; border-radius: 50px; border: 0px solid #c6c9cd; box-shadow: 0 0px 40px rgba(0, 0, 0, 0.4); background-color: rgba(255, 255, 255, 0.1); margin-top: 30px; }
    .clicker-kiosk-main-card :first-child.card-header { border-radius: 50px 50px 0 0; background: rgba(0, 0, 0, 0.6) linear-gradient(rgba(84, 86, 88, 1) 5%, rgba(75, 75, 76, 1), rgba(84, 86, 88, 1) 5%); padding: 25px 30px; border: 1px solid #7c7d7f; border-top: 1px solid rgba(198, 201, 205, 0.6); border-bottom: 0px solid rgba(198, 201, 205, 0.6); box-shadow: 0 0 1px rgba(0, 0, 0, 0.8) inset; }
    .clicker-kiosk-main-card .card-header .title { padding: 0 0 0 50px; font-size: 30px; float: left; background: url("/Clicker/images/icon/card-header-titie-icon.png") no-repeat left top; color: #fff; }
    .clicker-kiosk-main-card .card-header i { width: 13px; height: 21px; display: inline-block; background: url("/Clicker/images/icon/title-arrow.png") no-repeat left top; }
    .clicker-kiosk-main-card .card-header span { color: #ffe323; }
    .clicker-kiosk-main-card .card-header .btn-box { position: absolute; right: 30px; top: 15px; }
        .clicker-kiosk-main-card .card-header .btn-box .btn { border-radius: 40px; padding: 20px 20px; color: #000; font-size: 24px; background-color: #ffd74a; vertical-align: middle; font-weight: 500; width: auto; height: auto; }
            .clicker-kiosk-main-card .card-header .btn-box .btn.icon { background: #ffd74a url("/Clicker/images/icon/btn-play.png") no-repeat 20px 10px; padding-left: 80px; }
        .clicker-kiosk-main-card .card-header .btn-box .icon.play { background-image: url("/Clicker/images/icon/btn-play.png"); }
        .clicker-kiosk-main-card .card-header .btn-box .icon.seat { background-image: url("/Clicker/images/icon/btn-seat.png"); background-color: #28c0ff; }
    .clicker-kiosk-main-card :last-child.card-footer { background-color: transparent; box-shadow: 0 0 50px rgba(0, 0, 0, 0.5) inset; border-radius: 50px; padding: 20px 40px; border: 1px solid rgba(71, 71, 78, 0.5); position: relative; }
    .clicker-kiosk-main-card .card-footer .title { font-size: 40px; float: left; color: #fff; }
    .clicker-kiosk-main-card .card-footer span { font-size: 24px; }
    .clicker-kiosk-main-card .card-footer .btn-box { position: absolute; right: 30px; top: 28px; }
        .clicker-kiosk-main-card .card-footer .btn-box .btn { border-radius: 40px; padding: 10px 30px; color: #282828; font-size: 20px; background-color: #8dbffc; vertical-align: middle; font-weight: 500; width: auto; height: auto; }
            .clicker-kiosk-main-card .card-footer .btn-box .btn.icon { background: #8dbffc url("/Clicker/images/icon/btn-home.png") no-repeat 8px 5px; padding-left: 70px; }
        .clicker-kiosk-main-card .card-footer .btn-box .icon.home { background-image: url("/Clicker/images/icon/btn-home.png"); }
        .clicker-kiosk-main-card .card-footer .btn-box .icon.logon { background-image: url("/Clicker/images/icon/btn-logon.png"); }

    .clicker-kiosk-main-card .card-body { min-height: 1520px; position: relative; }
.clicker-guide-box { position: absolute; left: 90px; bottom: 30px; min-width: 150px; color: #fff; font-size: 24px; font-weight: 500; vertical-align: top; z-index: 1025; }
    .clicker-guide-box p { margin: 0px; display: inline-block; margin-right: 10px; }
    .clicker-guide-box i.black { background: #131313 url("/Clicker/images/icon/btn-no-small.png") no-repeat center center; }
    .clicker-guide-box i { width: 35px; height: 35px; text-align: center; display: inline-block; border: 3px solid #333333; border-radius: 5px; background-color: #666666; color: #fff; font-weight: 600; font-size: 17px; padding: 0px; vertical-align: top; margin-top: 3px; }
        .clicker-guide-box i.blue { background-color: #28c0ff; }
        .clicker-guide-box i.red { background-color: #d52a03; }
        .clicker-guide-box i.disabled { background: #28c0ff url("/Clicker/images/icon/Disabled_small.png") no-repeat center center; }
.clicker-guide-door { position: absolute; right: 15px; top: 200px; }
#clicker_div_full_screen_center .clicker-guide-box p { color: #555; }
.ClickerKaistCarrel p { width: 100%; border-bottom: 2px solid #ddd; height: 100px; padding-top: 25px; font-size: 30px; margin: 0px; color: #333; font-weight: 600; }
    .ClickerKaistCarrel p:last-child { border-bottom: 0px solid #ddd; }
.clicker-lobby { z-index: 1020; position: absolute; top: 0px; right: 0; color: #fff; font-weight: 600; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4); font-size: 30px; width: 50px; min-height: 650px; vertical-align: central; border-radius: 0 0 50px 0; background-image: url("/Clicker/images/lobby.png"); padding-top: 250px; text-align: center; }
.clicker-lobby-left { border-radius: 0 0 0 50px; left: 0px; background-position-x: -1px; }
.clicker-lobby-mobile { border-radius: 0 5px 5px 0; min-height: 920px; background-position-y: -1px; padding-top: 400px; color: #000; text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.8); width: 50px; }
.clicker-lobby-left.clicker-lobby-mobile { border-radius: 5px 0 0 5px; }
span.twinkleSpan { animation-duration: 1s; animation-name: twinkle; animation-iteration-count: infinite; }

@keyframes twinkle {
    from { color: white; }
    to { color: #ff696d; }
}

@media only screen and (max-width : 767px) {
    .kaist-mobile #clicker_div_guide_map { width: 100%; min-width: 725px; }
    .kaist-mobile .clicker-guide-box { left: 70px; bottom: 30px; }
}

.page-login { width: 100%; }

.sponagespa-login { background: #113676 url("/Clicker/Users/kaist/images/kaist-login-bg.png") no-repeat right bottom; /*background:#0a2e6f;background:radial-gradient(ellipse at center,#4d638a 0%, #1f3e77 50%, #1f3e77 100%);*/ width: 100%; height: 100%; overflow: hidden; opacity: 1; position: fixed; line-height: normal; vertical-align: top; }
.sponagespa-login-content { text-align: center; font-size: 13px; /*position:absolute; top:45%; transform:translate(-50%, -50%);*/ margin: 10% auto; width: 300px; height: 450px; background-color: rgba(255, 255, 255, 0.1); }
.sponagespa-login-header { border-bottom: 3px solid #0a2e6f; padding: 15px 0; }
    .sponagespa-login-header h1 { font-size: 36px; color: #fff; font-weight: 600; text-shadow: 0 0 2px #0a2e6f; }
    .sponagespa-login-header h2 { font-size: 24px; color: #fff; text-shadow: 0 0 2px #0a2e6f; font-weight: 600; letter-spacing: -0.5px; margin-top: 5px 0 0 0; }
        .sponagespa-login-header h2 img { width: 80px; }
.sponagespa-login-body { padding: 15px; width: 200px; margin: 0 auto; }
    .sponagespa-login-body .iconBox { padding: 15px; width: 90px; height: 90px; border-radius: 50%; text-align: center; background-color: #fff; margin: 30px auto 40px auto; }
        .sponagespa-login-body .iconBox span { font-size: 60px; color: #113676; }
    .sponagespa-login-body input[type="text"], .sponagespa-login-body input[type="password"] { width: 100%; background-color: transparent; border: 1px solid rgba(255, 255, 255, 0.5); margin-top: 10px !important; border-radius: 1px; }
    .sponagespa-login-body .btn { width: 100%; background: #113676 !important; border: 1px solid #113676; margin-top: 10px !important; border-radius: 1px; }
        .sponagespa-login-body .btn span { background: #113676 !important; }
    .sponagespa-login-body input[type="text"].form-control:-ms-input-placeholder, .sponagespa-login-body input.form-control[type="password"]:-ms-input-placeholder, .sponagespa-login-body .form-control:-ms-input-placeholder, .sponagespa-login-body .form-control::placeholder { color: #fff !important; }
    .sponagespa-login-body input[type="text"], .sponagespa-login-body input[type="password"], .sponagespa-login-body input[type="date"] { color: #fff !important; }
    .sponagespa-login-body .form-control::placeholder { color: #fff !important; }




.kaist-email { width: 750px; height: 756px; position: relative; margin: 0 auto; background: url('/Clicker/Users/Kaist/email/Images/kaistBg.png') no-repeat left top; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2); padding: 20px 60px 0 60px; }
.kaist-email-header { padding: 0 0 50px 0; }
.kaist-email-content { padding: 0; border: 8px solid rgba(255, 255, 255, 0.3); border-radius: 20px; }
    .kaist-email-content > div { padding: 70px 60px 50px 60px; box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1) inset; background-color: #fff; border-radius: 10px; }
    .kaist-email-content h2 { color: #242424; font-size: 40px; font-weight: 600; text-align: center; margin: 0px; padding-bottom: 50px; }
        .kaist-email-content h2 span { color: #ec8f06; }
.kaist-email-content-list { padding: 30px 40px; border: 1px solid #c3c3c3; border-radius: 2px; font-weight: 600; line-height: 40px; }
    .kaist-email-content-list dl { margin-bottom: 0px; }
    .kaist-email-content-list dt { display: inline-block; width: 20%; text-align: right; }
    .kaist-email-content-list dd { display: inline-block; width: 75%; padding-left: 15px; color: #525252; }
    .kaist-email-content-list span { color: #dc5206; }
.message-box { color: #dc5206; background: url('/Clicker/Users/Kaist/email/Images/message-box.png') no-repeat center top; min-height: 65px; padding-top: 25px; margin-top: 40px; font-weight: 600; text-align: center; }




.kaist-search { width: 100%; height: 100%; position: relative; margin: 0 auto; padding: 20px; font-size: 10pt !important; }
    .kaist-search label { margin-top: 5px; font-weight: normal; background: url("/Sponge/Images/title/icon_m_default.png") no-repeat left center; padding-left: 15px; }
    .kaist-search th, .kaist-search td { font-size: 10pt !important; text-align: center; }

.clicker-box-action { }
    .clicker-box-action dl { clear: both; }
    .clicker-box-action dt { width: 5%; float: left; display: inline; }
    .clicker-box-action dd { width: 93%; float: right; }

.kaist-list-date .btn-sponge-kaist { height: 32px; padding-top: 7px !important; }
.kaist-list-date .libtech-datepicker-kaist { width: 150px; height: 32px; margin-bottom: 5px; text-align: center; }


.btn-gradient { border: 1px solid #27abf4; min-width: 122px; color: #fff; display: inline-block; border-radius: 3px; margin: 0px 2px 2px 0; -webkit-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2); box-shadow: 2px 0 2px rgba(0, 0, 0, 0.2); background: #27abf3 !important; background: -webkit-linear-gradient(#3088f3, #27abf3) !important; background: -moz-linear-gradient(#3088f3, #27abf3) !important; background: -ms-linear-gradient(#3088f3, #27abf3) !important; background: -o-linear-gradient(#3088f3, #27abf3) !important; background: linear-gradient(#3088f3, #27abf3) !important; }
.btn-orange { border: 1px solid #f46f27; background: #f26f21 !important; background: -webkit-linear-gradient(#f3992e, #f26f21) !important; background: -moz-linear-gradient(#f3992e, #f26f21) !important; background: -ms-linear-gradient(#f3992e, #f26f21) !important; background: -o-linear-gradient(#f3992e, #f26f21) !important; background: linear-gradient(#f3992e, #f26f21) !important; }
.btn-glay { border: 1px solid #8f8f8f; background: #8e8e8e !important; background: -webkit-linear-gradient(#aaaaaa, #8e8e8e) !important; background: -moz-linear-gradient(#aaaaaa, #8e8e8e) !important; background: -ms-linear-gradient(#aaaaaa, #8e8e8e) !important; background: -o-linear-gradient(#aaaaaa, #8e8e8e) !important; background: linear-gradient(#aaaaaa, #8e8e8e) !important; }
.btn-clicker-default { border: 1px solid #cccaca; color: #555555; width: 70px; min-width: 70px; background: #f9f8f8 !important; background: -webkit-linear-gradient(#f9f8f8, #e7e8e8) !important; background: -moz-linear-gradient(#f9f8f8, #e7e8e8) !important; background: -ms-linear-gradient(#f9f8f8, #e7e8e8) !important; background: -o-linear-gradient(#f9f8f8, #e7e8e8) !important; background: linear-gradient(#f9f8f8, #e7e8e8) !important; }
.btn-clicker-primary { border: 1px solid #02979c; width: 70px; min-width: 70px; background: #02989d !important; background: -webkit-linear-gradient(#09c1c7, #02989d) !important; background: -moz-linear-gradient(#09c1c7, #02989d) !important; background: -ms-linear-gradient(#09c1c7, #02989d) !important; background: -o-linear-gradient(#09c1c7, #02989d) !important; background: linear-gradient(#09c1c7, #02989d) !important; }
.btn-clicker-inverse { border: 1px solid #4f4f4f; width: 70px; min-width: 70px; background: #525252 !important; background: -webkit-linear-gradient(#676767, #505050) !important; background: -moz-linear-gradient(#676767, #505050) !important; background: -ms-linear-gradient(#676767, #505050) !important; background: -o-linear-gradient(#676767, #505050) !important; background: linear-gradient(#676767, #505050) !important; }
.btn-gradient .btn { background: url('/Clicker/images/button/btn-blue.png') right center no-repeat; width: 100%; height: 100%; display: block; font-weight: 600; color: #fff; text-align: left; font-size: 14px; text-shadow: 0px 0 10px rgba(0, 0, 0, 0.5); }
.btn-orange .btn { background-image: url('/Clicker/images/button/btn-orange.png'); }
.btn-glay .btn { background-image: url('/Clicker/images/button/btn-glay.png'); }


.btn.btn-gradient { background: url('/Clicker/images/button/btn-blue.png') right center no-repeat; font-weight: 600; color: #fff; text-align: left; font-size: 14px; text-shadow: 0px 0 10px rgba(0, 0, 0, 0.5); }
.btn.btn-gradient.btn-orange { 
background: linear-gradient(135deg,  #f3992e 0%,#f3912c 50%,#e56211 50%,#ee6713 100%); 
 }
.btn.btn-gradient.btn-glay { background-image: url('/Clicker/images/button/btn-glay.png'); }


.btn-gradient span { width: 100%; }
.btn-gradient i { color: #fff; float: right; vertical-align: middle; font-size: 17px; margin-top: 2px; text-shadow: none; }
.btn-xs { width: auto; min-width: 50px; }


.clicker-action-type { font-size: 11pt; color: #474747; font-weight: 600; }
    .clicker-action-type input[type="text"],
    .clicker-action-type input[type="password"],
    .clicker-action-type input[type="date"],
    .clicker-action-type input, .clicker-action-type select { border: 1px solid #707070; border-radius: 0px; }
.clicker-action-type-content { padding: 0px 0; }
.clicker-action-type .clicker-page-title-section { background: url('/Clicker/images/title/clicker-action-title.png') center top no-repeat; width: 100%; height: 51px; border-radius: 3px; border-bottom: 0px; padding: 10px; color: #fff; }
    .clicker-action-type .clicker-page-title-section h3 { font-size: 27px; color: #fff; padding: 0px; text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9); }
.clicker-action-type .breadcrumbs-clicker-desktop { display: none; }
.clicker-action-type h4 { background: url("/Clicker/images/title/title-h4.png") no-repeat left 3px; border-bottom: 3px solid #d9d9d9; font-weight: 600; padding-left: 25px; height: auto; clear: both; font-size: 18px; line-height: 18px; margin: 30px 0 20px 0; padding-bottom: 15px; color: #171717; }
.clicker-action-type h5 { background: url("/Clicker/images/title/title-h5.png") no-repeat left center; font-weight: 600; padding-left: 20px; height: auto; margin: 20px 0 10px 0px; font-size: 16px; line-height: 16px; clear: left; color: #171717; }
    .clicker-action-type h4.first, .clicker-action-type h5.first { margin-top: 0px; }
.clicker-action-type h4.border0 { border-bottom: 0px; margin-bottom: 0px; }
.clicker-action-type .sponge-page-guide { margin-top: 0; }
.clicker-action-type li { margin-bottom: 10px; }
    .clicker-action-type li:last-child { margin-bottom: 0px; }

.clicker-action-type-box-top { padding: 10px 30px; background-color: #f8f8f8; border-bottom: 1px solid #dddddd; border-top: 2px solid #777777; font-weight: 600; margin-bottom: 20px; }
    .clicker-action-type-box-top > div { display: inline-block; vertical-align: top; }


.clicker-action-type-box { background-color: #f8f8f8; border: 1px solid #dddddd; padding: 20px; }
    .clicker-action-type-box > div { padding-left: 20px; margin-bottom: 15px; clear: both; vertical-align: top; }
        .clicker-action-type-box > div span { display: inline-block; vertical-align: top; }
    .clicker-action-type-box input[type="text"],
    .clicker-action-type-box input[type="password"],
    .clicker-action-type-box input[type="date"],
    .clicker-action-type-box input, .clicker-action-type-box select { /*height:37px;*/ width: 100%; background-color: #fff; }
        .clicker-action-type-box input[type='checkbox'] { padding: 0px; border: 0px; background-color: transparent; }
.clicker-action-type-btn { padding: 20px 0; }
    .clicker-action-type-btn > div { margin-right: 20px; }

.clicker-action-type .sponge-pull-title { margin-top: 0; margin-bottom: 0; padding-bottom: 0; }
    .clicker-action-type .sponge-pull-title h4 { }
    .clicker-action-type .sponge-pull-title .pull-right { margin-top: -70px; }


.clicker-action-type-Box-arrow { clear: both; text-align: center; border: 1px solid #ddd; border-radius: 5px; padding: 20px; margin-bottom: 20px; }
    .clicker-action-type-Box-arrow p { font-size: 18px; font-weight: 600; margin-top: 0px; margin-bottom: 10px; }
    .clicker-action-type-Box-arrow li { display: inline-block; padding-right: 45px; margin-right: 15px; text-align: center; font-weight: 600; background: url("/Clicker/images/arrow/arrowIcon.png") no-repeat right 35px; font-size: 16px; vertical-align: top; width: 145px; margin-bottom: 0px; }
        .clicker-action-type-Box-arrow li:last-child { background-image: none; padding-right: 0px; margin-right: 0px; width: 100px; }
        .clicker-action-type-Box-arrow li span { width: 100px; height: 100px; border-radius: 100px; display: block; float: left; background-color: #fff; border: 6px solid #79b3db; margin: 0 auto 10px auto; background: url("/Clicker/images/arrow/arrowimgIcon.png") no-repeat -6px center; }
            .clicker-action-type-Box-arrow li span.list01 { }
            .clicker-action-type-Box-arrow li span.list02 { background-position-x: -106px; }
            .clicker-action-type-Box-arrow li span.list03 { background-position-x: -206px; }
            .clicker-action-type-Box-arrow li span.list04 { background-position-x: -306px; }
            .clicker-action-type-Box-arrow li span.list05 { background-position-x: -406px; }
            .clicker-action-type-Box-arrow li span.list06 { background-position-x: -506px; }

.clicker-action-type-Box-arrow2 { clear: both; margin-bottom: 20px; padding: 20px; text-align: center; }
    .clicker-action-type-Box-arrow2 li { display: inline-block; width: auto; height: 54px; margin-right: 40px; text-align: left; font-weight: 600; background: url("/Clicker/images/arrow/arrowBg_off.png") no-repeat right top; font-size: 16px; color: #6c6c6c; padding: 12px 60px 0 30px; border-radius: 10px 0 0 10px; }
        .clicker-action-type-Box-arrow2 li:last-child { margin-right: 0; }
        .clicker-action-type-Box-arrow2 li.active { background-image: url("/Clicker/images/arrow/arrowBg.png"); color: #fff; }


.clicker-action-type-Box-img { padding: 20px; background-color: #f0f1f3; margin-bottom: 20px; }
    .clicker-action-type-Box-img ul { margin: 0px; }
    .clicker-action-type-Box-img li { width: 19%; border: 1px solid #ddd; background: url("/Clicker/images/Background/no-img.png") no-repeat center center; overflow: hidden; display: inline-block; height: 160px; margin: 0 0.6%; text-align: center; float: left; }
        .clicker-action-type-Box-img li:first-child { margin-left: 0; }
        .clicker-action-type-Box-img li:last-child { margin-left: 0; margin-right: 0; float: right; }
        .clicker-action-type-Box-img li a { width: 100%; }
        .clicker-action-type-Box-img li img { width: auto; height: 160px; text-align: center; }

.clicker-action-type .sponge-table-default { border-top: 2px solid #777777; background-color: transparent; text-align: center; }

    .clicker-action-type .sponge-table-default th { background-image: none; background-color: #f8f8f8 !important; border-right: 1px solid #e2e1e1; text-align: center; padding: 10px; }
    .clicker-action-type .sponge-table-default td { background-color: #fff !important; text-align: center; padding: 10px; }
#UserInfo tr:hover td { background-color: rgba(0,0,0, .1) !important; border-color: rgba(0, 0, 0, 0.1); }


.clicker-action-type-Box-glay { padding: 20px; background-color: #f0f1f3; margin-bottom: 20px; }
    .clicker-action-type-Box-glay ul { padding-left: 20px; }
    .clicker-action-type-Box-glay li { list-style-type: decimal; }

.clicker-action-type-Box-btn { text-align: right; margin-bottom: 5px; }

.clicker-check { text-align: center; }
    .clicker-check .check { width: 150px; height: 150px; border-radius: 50%; background-color: #f0970b; display: inline-block; color: #fff; font-size: 20px; padding: 20px; margin: 0 20px; }
        .clicker-check .check span { font-size: 70px; }
    .clicker-check .glay { background-color: #7b7b7b; }

.clicker-language { text-align: right; position: absolute; bottom: 20px; right: 50px; }
    .clicker-language a { width: 44px; height: 44px; border-radius: 50%; border: 0px solid rgba(0,0,0, .1); box-shadow: 3px 5px 2px rgba(0, 0, 0, 0.5); background: url("/Clicker/images/icon/korea.png") no-repeat center center; display: inline-block; margin: 0 10px; }
        .clicker-language a.english { background-image: url("/Clicker/images/icon/english.png"); }

        .clicker-language a:last-child { margin-right: 0px; }


.language-inline { display: inline-block; }
    .language-inline img { width: 35px; border-radius: 50%; box-shadow: 0 3px 10px rgba(0,0,0, 0.2); }


/*채팅프로그램*/
/*메세지박스*/
.sponge-working-message { text-align: center; line-height: 20px; word-wrap: break-word; z-index: 1000; padding: 10px 0 0 0; color: #0090ff; font-weight: 600; }
/*아이콘리스트*/


.sponge-chatting-top-list { width: 100%; /*padding-top: 40px;*/ position:absolute; z-index:500;  }
    .sponge-chatting-top-list > ul { height: 40px; background-color: #fff; padding: 6px 10px 0 10px; width: 100%; z-index: 2000; display: block; }
        .sponge-chatting-top-list > ul > li { display: inline-block; }
            .sponge-chatting-top-list > ul > li > a > i { font-size: 12px; border: 1px solid #f0f0f0; border-radius: 50%; padding: 7px; }
            .sponge-chatting-top-list > ul > li > button { font-size: 11px !important; font-weight: normal; padding: 3px 5px !important; margin-top: 2px; }
/*.sponge-chatting-top-list > ul > li #file-uploader-qqfile{ margin-top:5px; }*/


.sponge-chatting-qna-2021{ width:100%; text-align:center; background-color:#fff; border-bottom:1px solid #ddd; }
.sponge-chatting-qna-2021 > a{ border-top:1px solid #ddd; width:100%; display:block; }
.sponge-chatting-qna-2021 > a:active{ background-color:#fff;}
/**/
.sponge-chatting-qna-2021 > a:after { -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'FontAwesome'; content: '\f103'; z-index: 10;}
.sponge-chatting-qna-2021.open > a:after{ content:'\f102'; }
.sponge-chatting-qna-2021.open > .dropdown-menu{ position:relative; border-radius:0; border-right-width:0; border-bottom-width:0; border-left-width:0; border-color:#eee; box-shadow:none; width:100%; text-align:center; margin:0; border-bottom:1px solid #ddd;  }




.dropdown-menu-search { min-width: 200px; }
.dropdown-menu-search { border-radius: 0px; }
    .dropdown-menu-search > li > a { padding: 3px 10px; }
.sponge-container { font-size: 12px; height: 100%; color: #000000; padding: 0px; width: 100%; z-index: 1000; height:100vh; background-color:#e2edf7; }
.sponge-chatting-list { /*height:100%;*/ width: 100%; /*background-color: #9BBAD8;*/ /*border-bottom: 1px solid #dddddd;*/ border-top: 1px solid #dddddd; padding: 10px 0 30px 0; /*min-height:500px;max-height:500px;*/ position: fixed; bottom: 70px; left: 0; right: 0; top: 40px; background-color: #e2edf7; }
.sponge-message { /*position: fixed;bottom:0px;*/ width: 100%; position: fixed; left: 0; right: 0; bottom: 0px; border-top: 1px solid #ddd; display:table; }
#messagebox { margin: 0; width: 100%; height: 60px; border-radius: 0px 0px 0px 0px; border: 0px; padding:10px 70px 10px 10px; z-index: 1; border-bottom: 1px solid #dddddd; display:table-cell; vertical-align:middle; }
#chattingSend { display: block; background-color: #00a8ff; width: 60px; height: 60px; float: left; border-radius: 0px 0px 0px 0px; margin: 0; text-align: center; padding-top: 20px; color: #fff; font-weight: 600; position: absolute; right: 0; top: 0px; z-index: 1000; bottom: 0px; }
.sponge-chatting-li-user-mine { border-radius: 5px; display: table; float: right; max-width: 80%; clear: both; /*background-color: #FFEC42;*/ margin: 2px; padding: 3px; position: relative; margin-right: 10px; }
.sponge-chatting-li-mine { border-radius: 5px; display: table; float: right; max-width: 60%; clear: both; background-color: #cceeff; margin: 2px; padding: 5px; position: relative; margin-right: 10px; max-width: 200px; }
    .sponge-chatting-li-mine:after, .sponge-chatting-li:before { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
    .sponge-chatting-li-mine:after { border-color: rgba(204, 238, 255, 0); border-left-color: #cceeff; border-width: 3px; margin-top: -3px; }
/*.sponge-chatting-li-mine:before {border-color: rgba(255, 255, 255, 0);border-left-color: #FFEC42;border-width: 4px;margin-top: -4px;}*/
.sponge-chatting-li-user { border-radius: 5px; display: table; float: left; max-width: 80%; clear: both; /*background-color: #ffffff;*/ margin: 2px; padding: 3px; position: relative; }
    .sponge-chatting-li-user > div { display: inline-block; vertical-align: middle; margin-right: 5px; }
        .sponge-chatting-li-user > div > div { width: 50px; height: 50px; border: 1px solid #eee; border-radius: 50%; overflow: hidden; display: table; text-align: center; padding: 0px; }
            .sponge-chatting-li-user > div > div > div { width: 50px; vertical-align: middle; display: table-cell; }
                .sponge-chatting-li-user > div > div > div > img { width: 50px; }
.sponge-chatting-li { word-wrap: break-word; border-radius: 3px 3px 3px 3px; display: table; float: left; max-width: 60%; clear: both; background-color: #fff; margin: 3px; padding: 5px; position: relative; margin-left: 60px; border: 1px solid #f0f0f0; margin-top: -15px; }
    .sponge-chatting-li p { word-wrap: break-word; }
    .sponge-chatting-li:after, .sponge-chatting-li:before { right: 100%; top: 11px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }
    .sponge-chatting-li:after { border-color: rgba(229, 229, 229, 0); border-right-color: #f0f0f0; border-width: 4px; margin-top: -3px; }
.sponge-chatting-li-mine-sub { border-radius: 5px; display: table; float: right; max-width: 60%; clear: both; /*background-color: #ffffff;*/ margin: 2px; padding: 3px; position: relative; }
    .sponge-chatting-li-mine-sub > div { display: inline-block; vertical-align: middle; margin-right: 5px; }

.sponge-chatting-entry { border-radius: 5px; display: table; background-color: transparent; clear: both; margin: 10px 0; padding: 0; position: relative; text-align: center; width: 100%; background: url("/Clicker/images/ClickerChatting-line.png") repeat-x center center; }
    .sponge-chatting-entry .entryMessage { background-color: #e2edf7; padding: 5px; }
    /*.sponge-chatting-entry p{ position:absolute; height:15px; border-bottom:1px solid #ddd; }*/

    .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg, .sponge-chatting-btn .btn.btn-sponge-xlg.btn-info { padding: 3px 10px; background-color: #3bbbbd; border: 1px solid #3bbbbd; border-radius: 3px; }
        .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg:hover, .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg:focus, .sponge-chatting-btn .btn.btn-sponge-xlg.btn-info:hover, .sponge-chatting-btn .btn.btn-sponge-xlg.btn-info:focus { background-color: rgba(59, 187, 189, 0.95) !important; border: 1px solid rgba(59, 187, 189, 0.95) !important; }
        .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg.btn-warning { background-color: #59abd5; border: 1px solid #59abd5; }
            .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg.btn-warning:hover, .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg.btn-warning:focus { background-color: rgba(59, 145, 189, 0.95) !important; border: 1px solid rgba(59, 145, 189, 0.95) !important; }
        .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg.btn-success { background-color: #59abd5; border: 1px solid #59abd5; }
            .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg.btn-success:hover, .sponge-chatting-entry .sponge-chatting-btn .btn.btn-sponge-xlg.btn-success:focus { background-color: rgba(59, 145, 189, 0.95) !important; border: 1px solid rgba(59, 145, 189, 0.95) !important; }
/*.sponge-chatting-li-mine-sub > div > div{width:50px;height:50px;border:1px solid #eee;border-radius:50%;overflow:hidden;display:table;text-align:center;padding:0px;}*/
/*.sponge-chatting-li-mine-sub > div > div > div{width:50px;vertical-align:middle;display: table-cell;}
    .sponge-chatting-li-mine-sub > div > div > div > img{width:50px;}*/
.sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; }
    .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; }
        .sidenav a:hover { color: #f1f1f1; }
    .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px; margin-left: 50px; }
.sponge-chatting-entry .sponge-chatting-btn { padding: 0px; }
.sponge-chatting-btn { width: 95%; margin: 0 auto; position: relative; clear: left; word-break: break-all; }
    .sponge-chatting-btn > div { padding: 15px 0; }
    .sponge-chatting-btn a { width: 100%; margin-bottom: 3px; }
        .sponge-chatting-btn a:last-child { margin-bottom: 0px; }
/*.sponge-chatting-li-mine-sub > div > div{width:50px;height:50px;border:1px solid #eee;border-radius:50%;overflow:hidden;display:table;text-align:center;padding:0px;}*/
/*.sponge-chatting-li-mine-sub > div > div > div{width:50px;vertical-align:middle;display: table-cell;}
    .sponge-chatting-li-mine-sub > div > div > div > img{width:50px;}*/
.dropdown-full .dropdown-menu-search { min-width: 290px; text-align: center; }
    .dropdown-full .dropdown-menu-search li { width: 48%; display: inline-block; }
        .dropdown-full .dropdown-menu-search li a { width: 100%; text-align: left; }
.sponge-container table { width: 100% !important; }
/*img{visibility:hidden;}*/
.sponge-chatting-ul { padding: 0px 7px; }
.sponge-chatting-ul > li:last-child{  margin-bottom:20px;}
.list-group-flush-chatting { margin-bottom: 5px; }
    .list-group-flush-chatting li { padding: 3px 10px; }
        .list-group-flush-chatting li:first-child, .list-group-flush-chatting li:last-child { border-radius: 0px; }

.qna-modal-dialog { width: 80%; margin: 10px auto; }
    .qna-modal-dialog .modal-header { background-color: #fff; border-radius: 0px; }
    .qna-modal-dialog .modal-content { border-radius: 0px; }
    .qna-modal-dialog .modal-title, .qna-modal-dialog .modal-header button.close { color: #333333; }
    .qna-modal-dialog .modal-title { width: 80%; display: inline-block; font-size: 120%; }
.qna-sponge-message { border: 1px solid #d8d8d8; height: 30px; width: 73%; float: left; display: inline-block; position: relative; }
    .qna-sponge-message input { border: 0px solid #d8d8d8; width: 99%; }
    .qna-sponge-message button { background-color: transparent; color: #d8d8d8; border: 0px; position: absolute; right: 1px; top: 1px; padding: 4px; }
.qna-modal-dialog .qna-btn { padding: 4px 8px; }
.qna-modal-dialog .modal-body { min-height: 300px; }
.sponge-chatting-qna { /*position:relative;*/ display: block; margin: 0 auto; width: 100%; color: #cccccc; vertical-align: middle; text-align: left; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; position: fixed; bottom: 60px; }
    .sponge-chatting-qna .placeholder { position: relative; display: block; background-color: #fff; z-index: 1; padding: 10px 0; text-align: center; cursor: pointer; color: #000; /*bottom:60px;*/ border: 1px solid #ddd; border-left: 0px solid #ddd; border-right: 0px solid #ddd; border-bottom: 0px solid #ddd; }
        /*.sponge-chatting-qna .placeholder:hover { background-color:rgba(59, 187, 189, 0.95) ;}*/
        .sponge-chatting-qna .placeholder:after { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-family: 'FontAwesome'; content: '\f103'; z-index: 10; }
.sponge-chatting-list.is-open .sponge-chatting-qna .placeholder:after { content: '\f102'; }
.sponge-chatting-list.is-open .sponge-chatting-qna ol li { display: none; }
    .sponge-chatting-list.is-open .sponge-chatting-qna ol li:first-child { display: block; }
.sponge-chatting-qna.select--white .placeholder { background: #fff; color: #999; }
    .sponge-chatting-qna.select--white .placeholder:hover { background: #fafafa; }
.sponge-chatting-qna-list { position: relative; width: 100%; margin: 0 auto; text-align: center; }
.sponge-chatting-qna ol { position: relative; overflow: hidden; background: #fff; width: 100%; list-style: none; margin: 5px 0 0 0; padding: 0px 0 0px 0; z-index: 100; text-align: left; }
    .sponge-chatting-qna ol li { display: block; padding: 0 0 0px 0; color: #555; position: relative; }
        .sponge-chatting-qna ol li.title { font-size: 110%; line-height: 18px; padding: 0px 20px 10px 20px; text-align: center; }
        /*.sponge-chatting-qna ol li:last-child { padding-bottom:0px;}*/
        .sponge-chatting-qna ol li a { display: block; width: 100%; padding: 3px 10px; border-bottom: 1px solid #ddd; color: #555; cursor: pointer; }
            .sponge-chatting-qna ol li a:after { position: absolute; right: 10px; top: 50%; z-index: 10; font-family: 'FontAwesome'; content: '\f105'; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

            .sponge-chatting-qna ol li a:last-child { border-bottom: 0px solid #ddd; }
            .sponge-chatting-qna ol li a:first-child { border-top: 1px solid #ddd; }
            .sponge-chatting-qna ol li a:hover { background-color: #eee; }

.sponge-chatting-list { padding-bottom: 0px; }
    .sponge-chatting-list.is-open { padding-bottom: 10px; }
    .sponge-chatting-list ul.sponge-chatting-ul { position: relative; /*padding-bottom:220px !important;*/ padding-top: 240px; }
    .sponge-chatting-list.is-open ul.sponge-chatting-ul { bottom: 30px; /*padding-bottom:20px !important;*/ padding-top: 0px; padding-bottom:10px; }

.clicker-UserSpaceAction-list-style { padding: 15px; border-bottom: 1px solid #ddd; }
.clicker-UserSpaceAction-list-style-top { border-bottom: 1px solid #ddd; margin-bottom: 15px; text-align: center; }
    .clicker-UserSpaceAction-list-style-top p { margin: 0px; padding-bottom: 15px; }
    .clicker-UserSpaceAction-list-style-top .libtech-color-remark { font-size: 130%; font-weight: 600; }

.sponge_cent-UserSpaceAction { background-color: transparent; padding: 15px; }
    .sponge_cent-UserSpaceAction dl { margin: 0 0 0 0; clear: both; width: 100%; }
    .sponge_cent-UserSpaceAction dt { float: left; width: 20%; display: inline-block; margin-bottom: 10px; }
    .sponge_cent-UserSpaceAction dd { float: left; width: 80%; display: inline-block; margin-bottom: 10px; }






.clicker-form-dl-top dl { height: 28px !important; }
.clicker-form-dl-top input[type="text"], .clicker-form-dl-top input[type="password"], .clicker-form-dl-top input[type="date"], .clicker-form-dl-top select, .clicker-form-dl-top button, .clicker-form-dl-top meter, .clicker-form-dl-top progress, .clicker-form-dl-top .btn, .clicker-form-dl-top select.form-control:not([size]):not([multiple]) { font-size: 11px !important; height: 25px !important; padding: 2px 5px !important; }

.clicker-form-dl.clicker-form-dl-top dt { width: 30%; }
.clicker-form-dl.clicker-form-dl-top dd { width: 70%; }
.clicker-form-dl.clicker-form-dl-top input[type="date"] { letter-spacing: -1px; padding-right: 0px !important; }

.clicker-form-dl.clicker-form-dl-top dd.clicker-form-dl-date input { width: 49% !important; }


.clicker-form-dl.clicker-form-dl-top input[type="date"]::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ /*-webkit-appearance: none;*/ margin-top: 4%; }

/*.clicker-form-dl{ padding:15px 15px 10px 15px; background-color:#fff; border:1px solid #ddd;}*/
.clicker-form-dl { padding: 15px 15px 10px 15px; background-color: #f7f7f7; border: 1px solid #ddd; }
.clicker-form-dl-border0 { border: 0px; padding: 0px; background-color: #fff; }
/*.modal-body .clicker-form-dl{ padding:10px 0 0 0; background-color:#fff; border:0px solid #ddd;}*/
.clicker-form-dl .card { margin-bottom: 10px; clear: both; }
.clicker-form-dl dl { float: left; width: 50%; margin-bottom: 0px; height: auto; }


.clicker-form-dl.clicker-form-dl-col9 dl, .clicker-form-dl .clicker-form-dl-col9 dl { width: 11.1%; }
.clicker-form-dl.clicker-form-dl-col8 dl, .clicker-form-dl .clicker-form-dl-col8 dl { width: 12.5%; }
.clicker-form-dl.clicker-form-dl-col7 dl, .clicker-form-dl .clicker-form-dl-col7 dl { width: 14.2%; }
.clicker-form-dl.clicker-form-dl-col6 dl, .clicker-form-dl .clicker-form-dl-col6 dl { width: 16.6%; }
.clicker-form-dl.clicker-form-dl-col5 dl, .clicker-form-dl .clicker-form-dl-col5 dl { width: 20%; }
.clicker-form-dl.clicker-form-dl-col4 dl, .clicker-form-dl .clicker-form-dl-col4 dl { width: 25%; }
.clicker-form-dl.clicker-form-dl-col3 dl, .clicker-form-dl .clicker-form-dl-col3 dl { width: 33.3%; }

.clicker-form-dl.clicker-form-dl_2n dl dt, .clicker-form-dl.clicker-form-dl_2n dl dd, .clicker-form-dl.clicker-form-dl_2n dl dd.clicker-form-dl-checkbox { width: 50%; }
.clicker-form-dl.clicker-form-dl-col1 dl, .clicker-form-dl .clicker-form-dl-col1 dl { width: 100%; }
.clicker-form-dl.clicker-form-dl-col10 dl, .clicker-form-dl .clicker-form-dl-col10 dl { width: 10%; }
.clicker-form-dl.clicker-form-dl-col11 dl, .clicker-form-dl .clicker-form-dl-col11 dl { width: 9%; }

.clicker-form-dl-row2col2 { padding: 0px; }
    .clicker-form-dl-row2col2 .row { padding: 0px; margin: 0px; }
        .clicker-form-dl-row2col2 .row > div { padding: 15px 15px 10px 15px; margin: 0px; }
        .clicker-form-dl-row2col2 .row > .col-md-9 { }
        .clicker-form-dl-row2col2 .row > .col-md-3 { padding-left: 0px; }
        .clicker-form-dl-row2col2 .row .col-20p { width: 20% !important; }
        .clicker-form-dl-row2col2 .row .col-80p { width: 80% !important; }
.bg-color-red { background-color: #ffd1d1; }
.bg-color-white { background-color: #fff; }

.clicker-form-dl-100p .row > .col-md-4 { border-right: 1px solid #ddd; }
    .clicker-form-dl-100p .row > .col-md-4:last-child { border-right: 0px solid #ddd; }
    .clicker-form-dl-100p .row > .col-md-4 dl { width: 100%; }

.clicker-form-dl dl.dl-100p, .clicker-form-dl.clicker-form-dl-col3 dl.dl-100p:nth-child(3n+1), .clicker-form-dl.clicker-form-dl-col3 dl.dl-100p:nth-child(3n+3) { width: 100%; }
.clicker-form-dl dl.dl-50p { width: 50%; }
.clicker-form-dl dl .col-10p { width: 10%; }
.clicker-form-dl dl .col-20p { width: 20%; }
.clicker-form-dl dl .col-30p { width: 30%; }
.clicker-form-dl dl .col-40p { width: 40%; }
.clicker-form-dl dl .col-50p { width: 50%; }
.clicker-form-dl dl .col-65p { width: 65%; }
.clicker-form-dl dl .col-80p { width: 80%; }

.clicker-form-dl.clicker-form-dl-col1.clicker-form-dl-col20 dt { width: 20%; }
.clicker-form-dl.clicker-form-dl-col1.clicker-form-dl-col20 dd { width: 80%; }
.clicker-form-dl .clicker-form-dl-col1.clicker-form-dl-col20 dt { width: 15%; }
.clicker-form-dl .clicker-form-dl-col1.clicker-form-dl-col20 dd { width: 85%; }

.clicker-form-dl.clicker-form-dl-col3 dl .col-20p, .clicker-form-dl .clicker-form-dl-col3 dl .col-20p { width: 13.2%; }
.clicker-form-dl.clicker-form-dl-col3 dl .col-80p, .clicker-form-dl .clicker-form-dl-col3 dl .col-80p { width: 86.8%; }
.clicker-form-dl.clicker-form-dl-col3 dl.dl-20p, .clicker-form-dl .clicker-form-dl-col3 dl.dl-20p { width: 33%; }
.clicker-form-dl.clicker-form-dl-col3 dl.dl-80p, .clicker-form-dl .clicker-form-dl-col3 dl.dl-80p { width: 67%; }
    .clicker-form-dl.clicker-form-dl-col3 dl.dl-80p .col-20p, .clicker-form-dl .clicker-form-dl-col3 dl.dl-80p .col-20p { width: 20%; }
    .clicker-form-dl.clicker-form-dl-col3 dl.dl-80p .col-80p, .clicker-form-dl .clicker-form-dl-col3 dl.dl-80p .col-80p { width: 80%; }
.clicker-form-dl.clicker-form-dl-col3 dl.dl-20p .col-20p, .clicker-form-dl .clicker-form-dl-col3 dl.dl-20p .col-20p { width: 40%; }
.clicker-form-dl.clicker-form-dl-col3 dl.dl-20p .col-80p, .clicker-form-dl .clicker-form-dl-col3 dl.dl-20p .col-80p { width: 60%; }

.clicker-form-dl dt { float: left; width: 40%; text-align: right; color: #435059; padding: 0px 5px 0px 0; font-weight: normal; margin: 3px 0px; }
.clicker-form-dl dd { float: left; width: 60%; padding: 0px 0 0px 0; margin: 0px 0 5px 0; }


    .clicker-form-dl dd input[type="text"], .clicker-form-dl dd select.form-control:not([size]):not([multiple]), .clicker-form-dl dd input[type="password"] { border: 1px solid #ccc; background-color: #fff; width: 100%; color: #636c72; margin-top: 0px !important; }

    .clicker-form-dl dd.clicker-form-dl-checkbox { padding-top: 3px; text-align: left; }
        .clicker-form-dl dd.clicker-form-dl-checkbox .form-control { width: auto; }

    .clicker-form-dl dd.clicker-form-dl-date input, .clicker-form-dl dd.clicker-form-dl-date select { width: 47% !important; }
        .clicker-form-dl dd.clicker-form-dl-date input:first-child, .clicker-form-dl dd.clicker-form-dl-date select:first-child { float: left; margin-right: 1.5% !important; }
        .clicker-form-dl dd.clicker-form-dl-date input:last-child, .clicker-form-dl dd.clicker-form-dl-date select:last-child { float: right; }

.clicker-form-dl dl.clicker-form-dl-textarea { width: 100%; height: auto; }
    .clicker-form-dl dl.clicker-form-dl-textarea dt { width: 20%; }
    .clicker-form-dl dl.clicker-form-dl-textarea dd { width: 80%; height: auto; }

.form-control-double-inline { width: 100px !important; display: inline; }
.clicker-form-dl dd .form-control-double-inline { width: 49% !important; display: inline; float: left; margin-right: 0px !important; }
    .clicker-form-dl dd .form-control-double-inline:last-child { float: right; }
.clicker-form-dl.clicker-form-dl-col6 dl { width: 16.6%; }
.clicker-form-dl-border dl dd, .clicker-form-dl.clicker-form-dl-border dl.clicker-form-dl-textarea dd, .clicker-form-dl dd.border-list { border: 1px solid #ddd; padding-top: 3px; padding-left: 10px; min-height: 29px; background-color: transparent; border-radius: 3px; margin: 0 0px 8px 0 !important; }

.clicker-form-dl dl dd.clicker-form-dl-date2 { position: relative; }
    .clicker-form-dl dl dd.clicker-form-dl-date2 .input-group-addon { position: absolute; right: 0px; top: 0px; }

.clicker-form-dl .fa-question-circle.fa-fw { width: 14px; }


.clicker-form-dl.clicker-form-dl-col-titlelong dt { width: 50%; }
.clicker-form-dl.clicker-form-dl-col-titlelong dd { width: 50%; }
    .clicker-form-dl.clicker-form-dl-col-titlelong dd .form-control-double-inline { width: 47% !important; }

.clicker-form-dl-sub { background: rgba(255, 255, 255, 0.5); padding: 5px 0; margin: 5px 0; border-left: 0px; border-right: 0px; }


.clicker-form-dl .dropdown-menu li a { padding: 2px 10px; }


.clicker-form-dl .col-md-6 .clicker-form-dl-col1 dl { width: 100%; }
.clicker-form-dl .btn-dd input[type="text"] { float: left; display: inline-block; width: 85%; }
.clicker-form-dl .btn-dd button { float: right; display: inline-block; width: 13%; }


/* ----------content "퀵메뉴 quick" to center the layout-------- */
#sponge-layout-content-container-quick { float: right; display: inline; position: fixed; top: 380px; width: auto; padding-left: 10px; z-index: 0; }
#quickMenu { width: auto; padding-top: 10px; }
.sponge-top-btn { border: 1px solid #bebebe; font-weight: 600; border-radius: 3px; width: auto; height: 18px; padding: 0 3px; display: block; color: #3f3f3f; text-align: center; text-shadow: 3px 3px 3px #fff; background-color: #fff; background: #fff linear-gradient(#fff 40%, #ddd ) !important; line-height: 5px; line-height: -1.5px; -webkit-text-size-adjust: none !important; font-size: 11pt !important; margin: 1px 0; }



.UserPublicobjectsRoomPad { background-color: #0e207f; }
.UserPublicobjectsRoomPad-content { width: 1280px; height: 800px; margin: auto; padding: 0px 50px 35px 50px; }
.UserPublicobjectsRoomPad-header { height: 100px; font-size: 38px; color: #fff; }
    .UserPublicobjectsRoomPad-header h1 { float: left; width: auto; margin: 0px; display: inline; padding-top: 25px; font-weight: 600; }
    .UserPublicobjectsRoomPad-header .pull-right { display: inline; text-align: right; vertical-align: top; padding: 5px 0 0 0; margin: 0px; line-height: 40px; font-weight: 600; }
        .UserPublicobjectsRoomPad-header .pull-right p { color: #bbc9dc; font-size: 18px; margin: 0px; }
.UserPublicobjectsRoomPad-body { padding: 50px 70px; background-color: #fff; min-height: 665px; border-radius: 30px; }
.UserPublicobjectsRoomPad-left { width: 540px; float: left; }
    .UserPublicobjectsRoomPad-left h2 { width: 100%; padding: 30px 0; background-color: #d9d9d9; font-size: 40px; color: #0e207f; text-align: center; border-radius: 50px; font-weight: 600; margin: 0px 0 30px 0; }
    .UserPublicobjectsRoomPad-left .UserPublicobjectsRoomPad-orange { font-size: 42px; font-weight: 600; color: #fe911b; text-align: center; line-height: 50px; }
    .UserPublicobjectsRoomPad-left .UserPublicobjectsRoomPad-qr { text-align: center; width: 100%; padding: 30px 0; }
        .UserPublicobjectsRoomPad-left .UserPublicobjectsRoomPad-qr img { border: 9px solid #0e207f; }
        .UserPublicobjectsRoomPad-left .UserPublicobjectsRoomPad-qr canvas { border: 9px solid #0e207f; padding: 20px; }
    .UserPublicobjectsRoomPad-left .UserPublicobjectsRoomPad-text { font-size: 28px; color: #000; }
.UserPublicobjectsRoomPad-right { width: 440px; float: right; background-color: #f4f4f4; min-height: 557px; padding: 35px; }
    .UserPublicobjectsRoomPad-right table { width: 100%; color: #828282; font-size: 24px; font-weight: 600; border-top: 1px solid #828282; }

        .UserPublicobjectsRoomPad-right table th, .UserPublicobjectsRoomPad-right table td { padding: 7px 0px 7px 5px; border-bottom: 1px solid #828282; }
        .UserPublicobjectsRoomPad-right table th { border-right: 1px solid #828282; text-align: center; padding: 7px 5px 7px 5px; }
        .UserPublicobjectsRoomPad-right table .table-orange { border-left: 18px solid #fe911b; }
        .UserPublicobjectsRoomPad-right table .table-name { background-color: #d9d9d9; color: #717171; }
.sponge-form-inline-bottom .sponge-form-inline { margin-bottom: 0px; }

.ch-row .col-md-6 .card-body { min-height: 320px; }

.clicker-kiosk2019-body { background: #000 url('/Clicker/images/Background/mainBg.png') center top; font-size: 16px;  }
.clicker-kiosk2019-body-bg { /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+30,000000+89,000000+100&0+0,0+30,0.7+89,1+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.7) 89%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.7) 89%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 30%,rgba(0,0,0,0.7) 89%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

 padding: 0px 30px;max-width: 2400px; /*min-width: 1200px;*/ height:100vh;
 }
.clicker-kiosk2019-header { background-color: transparent; height:80px; }
    .clicker-kiosk2019-header .navbar-header { float: left; }
        .clicker-kiosk2019-header .navbar-header h1 { margin-top: 20px; color: #fff; font-size: 28px; font-weight: 600; }
.noTouch{ color:#b6ff00; padding:0 20px; }
.noTouch {
  color:#b6ff00; padding:0 20px;
  animation: mymove 2s infinite;
}

@keyframes mymove {
  from { opacity:1;}
  /*50% {opacity:0.5;}*/ /* ignored */
  to {opacity: 0.2;}
}


    /* menu */
    .clicker-kiosk2019-header .sponge-header-nav { margin-bottom: 0px; border-radius: 0px; border: 0px; }
        .clicker-kiosk2019-header .sponge-header-nav .navbar-toggle { display: none; }


    /* logo */
    .clicker-kiosk2019-header .navbar > .container .sponge-navbar-brand, .clicker-kiosk2019-header .navbar > .container-fluid .sponge-navbar-brand { margin-left: 0px; }
    .clicker-kiosk2019-header .sponge-navbar-brand { height: auto; padding: 0 0; margin: 0px; position: absolute; z-index: 2000; }
        .clicker-kiosk2019-header .sponge-navbar-brand img { height: auto; }


    /* infoBox */
    .clicker-kiosk2019-header .infoBox { margin-right: 0px; text-align: right; margin-top: 10px; position: relative; border-width:0px; background-color:transparent; padding:0;}
    .clicker-kiosk2019-header .infoBox > li { margin: 3px 10px; display: inline-block; color: #fff; float: none; vertical-align: top; }
    .clicker-kiosk2019-header .infoBox > li:last-child { margin-right: 0px; }
    .clicker-kiosk2019-header .infoBox > li > a:hover, .infoBox > li > a:focus { background-color: transparent; color: #ffee86; }
    .clicker-kiosk2019-header .infoBox > li > a { display: inline-block; padding: 0px 0; margin: 0 0px; color: #fff; }
    /*.sponge-banner .infoBox > li > a > strong{ vertical-align:top; }*/
    .clicker-kiosk2019-header .infoBox a.clicker-help-trigger, .infoBox a.clicker-help-trigger:hover { border: 0px; background-color: transparent; position: initial; box-shadow: none; color: #fff; padding: 0px; display: inline-block; font-size: 16px; letter-spacing: 0px; font-weight: normal; }
    .clicker-kiosk2019-header .infoBox a.clicker-help-trigger:hover { color: #ffee86; }

:last-child.navbar-right.navbar-nav.sponge-banner .infoBox { margin-right: 0px; padding-right: 0; }

.clicker-kiosk2019-header .infoBox .clicker_art_inner_content.digital-clock { padding: 0px; border: 0px; background-color: transparent; box-shadow: none; font-size: 20px; text-shadow: none; background-image: none; width: auto; height: auto; }
    .clicker-kiosk2019-header .infoBox .clicker_art_inner_content.digital-clock ul { width: auto; }
        .clicker-kiosk2019-header .infoBox .clicker_art_inner_content.digital-clock ul li { font-size: 30px; text-shadow: none; font-weight: 600; letter-spacing: -1px; display:inline-block; }

.clicker-kiosk2019-header h1 img { max-height: 43px; }

.clicker-kiosk2019-main { display: inline-block;  position:fixed; top:0; bottom:0; left:30px; right:30px; padding:80px 0 60px 0;}
.clicker-kiosk2019-left { width: 82%; float: left; display: inline-block; position:relative; top:0; bottom:0; left:0; right:0; height:100%; }
.clicker-kiosk2019-left-back { width: 100%; background: rgba(255, 255, 255, .9) url('/Clicker/images/Background/kiosk2019-back.png') left top; display: inline-block; position:absolute; top:0; bottom:0; right:0%;}
.clicker-kiosk2019-left-logo { overflow:hidden; width: 100%; /*background: url('/clicker/images/background/logo_opacity.png') no-repeat center center;*/ background-position:center center; background-repeat:no-repeat; position: relative; position:absolute; top:0; bottom:0; right:0%}
.clicker-kiosk2019-right { width: 16%; float: right; display: inline-block; min-height: 960px; position:relative; }
    .clicker-kiosk2019-right > div { margin-bottom: 30px; }
    .clicker-kiosk2019-right .btn { border-radius: 0px; border: 0px solid #000; width: 100%; margin-bottom: 3px; background-color: #fff; color: #000; font-size: 18px; position: relative; padding: 10px; line-height: 22px; white-space: unset; }
        .clicker-kiosk2019-right .btn.active { background-color: #1d7da5; color: #fff; font-weight: 600; }
        .clicker-kiosk2019-right .btn i.fas, .clicker-kiosk2019-right .btn i.fa { display: none; position: absolute; left: 15px; top: 14px; }
        .clicker-kiosk2019-right .btn.active i.fas, .clicker-kiosk2019-right .btn.active i.fa { display: inline-block; }
        .clicker-kiosk2019-right .btn span.nolist { font-size: 80%; }

        .clicker-kiosk2019-right .btn.btn-info{color:#fff !important; background-color:#3498db !important; border-color:#3498db !important;}
        .clicker-kiosk2019-right .btn.btn-info i.fas, .clicker-kiosk2019-right .btn.btn-info i.fa { display:inline-block; position:relative; left: auto; top: auto; }

.clicker-kiosk2019-right > div.clicker-kiosk2019-right-bottom{ position:absolute; bottom:0px; width:100%; margin-bottom:0;}

.clicker-kiosk2019-header #footArea { padding: 20px 0; }

.clicker-kiosk2019-right .mediaseatswul{ margin:0;}
.clicker-kiosk2019-right .mediaseatswul > .col-md-3{ padding:0px;}

/*세로모듈*/
.clicker-kiosk2019-body-vertical { background: #000 url('/Clicker/images/Background/mainBg-vertical.png') no-repeat center top ; position:fixed; bottom:0px; top:0px; left:0px; right:0px; margin:0 auto;}
.clicker-kiosk2019-body-vertical .clicker-kiosk2019-body-vertical-gradation{ position:fixed; bottom:0px; top:0px; left:0px; right:0px; margin:0 auto; max-width:2400px; padding:0px 30px;
background: transparent; /* Old browsers */
background: -moz-linear-gradient(top,  transparent 0%, #000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  transparent 0%,#000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  transparent 0%,#000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='#000',GradientType=0 ); /* IE6-9 */

}

.clicker-kiosk2019-footer{ padding:10px 0; position:fixed; bottom:0;}

.clicker-kiosk2019-body-vertical .clicker-kiosk2019-header{ width:100%;}
.clicker-kiosk2019-body-vertical .clicker-kiosk2019-main{ width:100%;}
.clicker-kiosk2019-body-vertical .clicker-kiosk2019-left{ width:100%; }
.clicker-kiosk2019-body-vertical .clicker-kiosk2019-left-back{position:fixed; bottom:200px; top:80px; left:30px; right:30px; width:auto; height:auto; max-width:2340px; margin:0 auto;}
.clicker-kiosk2019-body-vertical #footArea { padding: 0 0; position:fixed; bottom:0px; right:30px; left:30px; margin:0 auto;  max-width:2340px; height:200px; padding-top:10px; }
.clicker-kiosk2019-body-vertical .clicker-kiosk2019-right{ width:100%; /*background: rgba(255, 255, 255, .7);*/ min-height:150px;   }
.clicker-kiosk2019-body-vertical .clicker-version-information{padding:15px 0;}
.clicker-kiosk2019-body-vertical .clicker-kiosk2019-right > div{clear:both; margin-bottom:25px; }
.clicker-kiosk2019-body-vertical .clicker-kiosk2019-right > div .btn{ width:auto; min-width:100px; margin-right:0.5%; }
/*.clicker-kiosk2019-body-vertical .clicker-kiosk2019-right > div .btn:last-child{ margin-right:0%; float:right; }*/
.clicker-kiosk2019-body-vertical .seat-out-box-list ul li{ width:10%;}



.clicker-bar-box{ padding-right:0px; }
.clicker-bar-box > div{ display:inline-block; vertical-align:top; float:left;}
.clicker-bar-box > div:last-child{ float:right; }
.clicker-kiosk2019-right .clicker-bar-box > div .btn{ background-color:#1d7da5; color:#fff; opacity:1;}
.clicker_media_seat_guide_text_swul{ width:100%; color:#fff;}

.seat-out-box-list { width: 100%; }
    .seat-out-box-list ul li { float: left; width: 50%; color: #fff; vertical-align: middle; margin-bottom: 8px; }
        .seat-out-box { display: inline-block; width: 45px; height: 45px; position: relative; background-color: #85d604; border: 2px solid #85d604; border-radius: 3px; vertical-align: middle; position: relative; }
.seat-out-box-list .seat-out-box{width: 35px; height: 35px; }
        .seat-out-box i{ vertical-align:bottom; }
              
            .seat-out-box.color01  { background-color: #85d604; border-color: #77c004; }
            /*배정가능*/
            .seat-out-box.color02 { background-color: #FD65E9; border-color: #942894; }
            /*사용중*/
            .seat-out-box.color03 { background-color: #FD65E9; border-color: #942894; }
            /*가배정중*/
            .seat-out-box.color04 { background-color: #FD65E9; border-color: #942894; }
            /*스마트폰*/
            .seat-out-box.color05 { background-color: #FF7E7E; border-color: #FF4848; }
            /*배정불가*/
            .seat-out-box.color06 { background-color: #6CC0FF; border-color: #196FFA; }
            /*노트북*/
            .seat-out-box.color07 { background-color: #FAC8AB; border-color: #5D9625; }
            /*장애인*/
            i.seat-out-box.color08 { background-color: #85d604; border-color: #0042ED; }
            /*칸막이*/
            /*노트북2*/
            .seat-out-box.color09 { background-color: #3498db; border-color: #105597; }

            .seat-out-box span.point { width: 5px; height: 5px; background-color: #12EAFF; border-radius: 0 0 50% 0; display: block; }
            /*가배정중*/
            .seat-out-box.color04 span.point { background-color: #942894; }
            /*사용중 - 서울여자대학교 사용중*/
            .seat-out-box.color10 {  /*border:2px solid #CE330C; */
            background: rgb(214,199,175); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(214,199,175,1) 0%, rgba(182,167,143,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  rgba(214,199,175,1) 0%,rgba(182,167,143,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  rgba(214,199,175,1) 0%,rgba(182,167,143,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6c7af', endColorstr='#b6a78f',GradientType=0 ); /* IE6-9 */ }
            /*예약자 대기중 - 서울여자대학교 사용중*/
            .seat-out-box.color11 {  border:2px solid #196ffa; 
            background: rgb(245,248,106); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(245,248,106,1) 0%, rgba(222,203,61,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  rgba(245,248,106,1) 0%,rgba(222,203,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  rgba(245,248,106,1) 0%,rgba(222,203,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f86a', endColorstr='#decb3d',GradientType=0 ); /* IE6-9 */ }
            .seat-out-box.color12 { border-color: #646b66; background: #646b66; }/*여학생1*/
            .seat-out-box.color-girl{ border-color: #942894; background:#FD65E9 url(/sponge/Images/girl_default.png) no-repeat 1px bottom;}/*여학생2*/

/*.seat-out-box-list ul li i.seat-out-box > i.fa, .seat-out-box-list ul li i.seat-out-box > i.far, .seat-out-box-list ul li i.seat-out-box > i.fab, .seat-out-box-list ul li i.seat-out-box > i.fas{ position:absolute; left:3px; bottom:3px; color:#ffcb00;}*/
    .seat-out-box-list-bottom .seat-out-box-list{margin-top:20px;}
    .seat-out-box-list-bottom .seat-out-box-list ul li {  width: auto; color: #000; margin-bottom: 8px; margin-right:30px; }

.clicker-kiosk-modal .modal-content { border-radius: 0px; margin: 20% auto; }
.clicker-kiosk-modal .modal-header { border-radius: 0px; color: #fff; background-color: #555; font-size: 140%; text-align: center; }
.clicker-kiosk-modal .close { border-radius: 0px; background-color: transparent; color: #000; padding: 10px; font-size: 20px; }
.clicker-kiosk-modal .modal-body { padding: 10px; }
.clicker-kiosk-modal .modal-footer { padding: 10px; }
    .clicker-kiosk-modal .modal-footer .btn { border: 1px solid #555; color: #000; padding: 5px; }
        .clicker-kiosk-modal .modal-footer .btn + .btn { margin: 0px; }


.clicker-kiosk-modal-search { width: 100%; display: inline-block; position: relative; vertical-align: top; }
    .clicker-kiosk-modal-search input.sponge-input-default { width: 100%; height: 40px; font-size: 16px; border: 1px solid #555; border-radius: 0px; }
    .clicker-kiosk-modal-search .btn-sponge-default { height: 40px; width: auto; font-size: 16px; color: #fff !important; background-color: #555; border: 0px; position: absolute; right: 0; top: 0px; padding: 0px 10px !important; }
        .clicker-kiosk-modal-search .btn-sponge-default:hover, .clicker-kiosk-modal-search .btn-sponge-default:focus { opacity: 0.9; }

.clicker-kiosk-modal-search2 { text-align: center; font-size: 120%; font-weight: 600; }


.clicker-kiosk-modal-search-bg{ background:url('/clicker/images/clicker-kiosk-modal-search-bg.png') no-repeat 30px 30px ; padding-left:240px; min-height:250px; text-align:left; padding-top:50px;}

.clicker-kiosk-modal .sponge-table-default { border-color: #555 !important; }
    .clicker-kiosk-modal .sponge-table-default td, .clicker-kiosk-modal .sponge-table-default th { color: #000; }

#clicker_right_panel_list_name { position: absolute; right: 30px; top: 20px; width: auto; height: 50px; font-size: 30px; font-weight: 500; color: #000; text-align: right; }

.clicker-UserMediaSeat-modal{color:#000;}
.clicker-UserMediaSeat-modal h3{ font-size:140%;  margin-top:20px; font-weight:600; }  
/*.clicker-UserMediaSeat-modal .modal-body h3:first-child{ margin-top:0; }*/  
      

.sponge-page-guide-clicker-box{position:absolute; right:20px; bottom:20px; margin:0px; padding:20px; width:600px; height:auto; background-color:rgba(255, 255, 255, 0.8); border:2px solid #ddd; border-radius:3px; color:rgba(0, 0, 0, 0.9); min-height:0;}
.sponge-page-guide-clicker-box-kiosk{ width:700px; top:80px; bottom:auto; }
.sponge-page-guide-clicker-box-kiosk2{ width:650px; bottom:25px;}
.sponge-page-guide-clicker-box-kiosk3{ width:auto; bottom:20px; top:auto; right:20px; left:20px;}
.sponge-page-guide-clicker-box-kiosk4{ width:700px; top:600px; bottom:auto; }

.sponge-page-guide-clicker-box td, .sponge-page-guide-clicker-box th{ padding:3px 5px;}

.clicker-sample-2020{background-color:#eee; padding:10px 15px 5px 15px; margin-bottom:30px;}
.clicker-sample-list ul{padding-left:0px;}
.clicker-sample-list ul li{display:inline-block; margin-right:0px; vertical-align:top; background-image:none; margin-bottom:0px; padding-left:0px;}
.clicker-sample-list ul li span.sample{display:inline-block; background-color:#00c73c; width:15px; height:15px;  vertical-align:middle; border:1px solid #01bc3b; color:#fff; border-radius:0px; }
/*본인*/
.clicker-sample-list ul li span.me { border-color:#ff9c00; background-color:#ffa210;}
/*사용중*/
.clicker-sample-list ul li span.in_use{ border-color:#df6fe4; background:#fbaffe url("/clicker/images/arrow/in_use.png") no-repeat center center;}
/*신청가능*/
.clicker-sample-list ul li span.can_apply{ border-color:#01bc3b; background-color:#00c73c;}
/*선예약*/
.clicker-sample-list ul li span.first{ border-color:#883793; background-color:#dfd0ec;}
/*신청불가*/
.clicker-sample-list ul li span.none{ border-color:#ddd; background:#fcfcfc url("/clicker/images/arrow/none.png") no-repeat center center;  color:#ddd;}

.clicker_ajax_book_status{  padding:10px 10px 0 10px; border-top:1px solid #ddd; width:100%; text-align:left;}
.clicker_ajax_book_status .lst_time{/*padding-left:54px*/ padding-left:0px; margin-bottom:0px;}
.clicker_ajax_book_status .lst_time:after,.clicker_ajax_book_status .lst_time:before{content:" ";display:table}
.clicker_ajax_book_status .lst_time .item{display:inline-block; margin-right:3px; margin-bottom:5px; width:auto; background-image:none; padding:0px;}
.clicker_ajax_book_status .lst_time .item.last{margin-right:0}
.clicker_ajax_book_status .lst_time .item>.can_apply{display:block;width:50px;height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.clicker_ajax_book_status .lst_time .item>.can_apply:focus,.clicker_ajax_book_status .lst_time .item>.can_apply:hover{text-decoration:none}
/*사용가능 색상 can_apply*/
.clicker_ajax_book_status .lst_time .item>.can_apply .time_info_box{position:relative;display:block;width:50px;height:30px;background-color:#e0fed3;border:1px solid #caf9c0;font-size:13px;line-height:29px;text-align:center;color:#00c73c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.btn_zoom,.lst_store_info_box .lst_store_info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
.clicker_ajax_book_status .lst_time .item>.can_apply .time_info_box .time_info_bar{position:absolute;left:-1px;right:-1px;bottom:-1px;display:block;height:3px;font:0/0 a}
.clicker_ajax_book_status .lst_time .item>.can_apply .time_info_box .time_info_bar:before{position:absolute;top:-2px;left:0;right:0;display:block;height:1px;background-color:#caf9c0;content:''}
.clicker_ajax_book_status .lst_time .item>.can_apply .time_info_box .time_info_bar:after{position:absolute;top:-1px;left:-1px;right:-1px;display:block;height:1px;background-color:#fff;content:''}
.clicker_ajax_book_status .ly_body .calendar_info .list_calendar_info,.clicker_ajax_book_status .ly_body .time_data_info .calendar_info .list_calendar_info{display:inline-block}
/*신청불가 none*/
.clicker_ajax_book_status .lst_time .item>.can_apply.none .time_info_box{ background:#fcfcfc url("/clicker/images/arrow/none.png") no-repeat center center; border:1px solid #f4f4f4;color:#ddd}
.clicker_ajax_book_status .lst_time .item>.can_apply.none .time_info_box .time_info_bar:before{background-color:#f4f4f4}
/*본인 색상 me*/
.clicker_ajax_book_status .lst_time .item>.can_apply.me .time_info_box{background-color:#fbe4b3;border-color:#ffd06d;color:#ab3522}
.clicker_ajax_book_status .lst_time .item>.can_apply.me .time_info_box .time_info_bar:before{background-color:#ecc97e}
/*사용중 in_use*/
.clicker_ajax_book_status .lst_time .item>.can_apply.in_use .time_info_box{ background:#fdd9fa url("/clicker/images/arrow/in_use.png") no-repeat center center; border-color:#f9c9ee;color:#cd2434}
.clicker_ajax_book_status .lst_time .item>.can_apply.in_use .time_info_box .time_info_bar:before{background-color:#f9c9ee}
 
.clicker_ajax_book_status .lst_time .item>.can_apply.on .time_info_box{background-color:#0bd020;border:1px solid #0acc1d;color:#fff}
.clicker_ajax_book_status .lst_time .item>.can_apply.on .time_info_box .time_info_bar:before{background-color:#0acc1d}



ul.clicker-project{ padding-left:0px; }
.clicker-project > li {padding:3px;border:solid 1px #d2d2d2; background-image:none; }
.clicker-project .img_box { width:18%; display:inline-block; float:left; height:130px; overflow:hidden; padding-bottom:0px; background:#eee url("/clicker/images/ready/no-image.png") no-repeat center center; text-align:center;}
.clicker-project .img_box .img_user-logo { width:100%; height:130px; display:block; background-position:center center; background-repeat:no-repeat;}
.clicker-project .img_box img{height:130px; position:relative; vertical-align:middle;}
.clicker-project .txt_box{ width:81%; display:inline-block; float:right; line-height:30px;  overflow:hidden; padding:5px;}

.clicker-project .txt_box p { margin:0 0 5px 0; padding-left:10px; font-size:14px; color:#000;  }
.clicker-project .txt_box p .name { font-size:130%; font-weight:600; }

.clicker-project .txt_box .period {font-size:14px;}
.clicker-project .txt_box .tit a, .clicker-project .txt_box .name a, .clicker-project .txt_box .name a{ padding:0 0; color:#000;}


.clicker-project .txt_box .clicker_ajax_book_status{ margin-top:0px;}

.clicker-project .btn_box{padding:0 0; text-align:right; width:100%;}






@media only screen and (max-width : 1290px) {
    .seat-out-box-list ul li { width: 100%; }
    .clicker-kiosk2019-right .btn { font-size: 16px; line-height: 18px; }
    .seat-out-box-list ul li i.seat-out-box { width: 25px; height: 25px; }
}

.sponge-page-guide .modal h4.modal-title,
.sponge-page-guide .modal h4, .sponge-page-guide .modal h5{ padding:0; border-top-width:0; margin:0; color:#fff; padding:5px 0;}
.sponge-page-guide .modal h4.modal-title::before,
.sponge-page-guide .modal h4::before, .sponge-page-guide .modal h5::before{ display:none;}
.sponge-page-guide h4 .pull-right.btn-sponge-default{ color:#fff; font-weight:normal;}

.sponge-form-default .search_day_input2020 .sponge-calendar-default { width:auto; }



.visitQr { padding: 50px 30px; position: relative; border: 0px; max-width: 770px; min-height: 960px; margin: 0 auto; font-size: 28px; color:#000; }
.visitQr > div { margin: 0 auto; width: 100%; padding: 30px; border: 2px solid #2e56aa; border-radius: 3px; }
.visitQr header { height: 122px; margin-bottom:50px;  }
.visitQr header > div{ background-color: #2e56aa !important; padding: 20px 0; position: absolute; left: 20px; right: 20px; -webkit-print-color-adjust: exact; }
.visitQr header > div.red { background-color: #e9471b !important; padding: 20px 0; position: absolute; left: 20px; right: 20px; -webkit-print-color-adjust: exact; }
.visitQr header h1 { padding: 20px; border-bottom: 2px solid #fff; border-top: 2px solid #fff; color: #fff !important; font-size: 30px; width: 100%; text-align: center; margin: 0px; font-weight: 600; }
.visitQr header h2 { font-size: 30px; font-weight: 600; }
.visitQr header h1 img { height: 37px; }
   
.visitQr content .qr-img { width: 100%; text-align: center;  margin-bottom:50px;}
.visitQr content .qr-img img { width: 250px; border: 5px solid #2e56aa; border-radius: 8px; padding: 20px; }

.visitQr content .data-list{ padding-left:20px;}
.visitQr content .data-list p{ font-weight:600; margin:0px;}
.visitQr content .data-list p:last-child{ margin-bottom:0px;  overflow:hidden; }
.visitQr content .data-list p label { opacity:0.7; min-width:25%; font-weight:normal;}

.visitQrSuccess header{ margin-bottom:30px;} 
.visitQrSuccess content .data-list{ padding-left: 0px; font-size:20px;}
.visitQrSuccess content .data-list p{ padding-top:7px; border-bottom:1px #ddd solid;}
.visitQrSuccess content .data-list p:last-child{ border-bottom:0px #ddd solid;}

.visitQrUpdate{ padding:0px; }
.visitQrUpdate > div{ padding:30px 15px 0 15px; border:0px;}
.visitQrUpdate header { height: auto; margin-bottom:30px;  }
.visitQrUpdate header > div{ position: relative; -webkit-print-color-adjust: exact; left:0px; right:0px; padding:0 0; background-color:#fff !important;}
.visitQrUpdate header h1 { padding: 10px; border-color:#2e56aa;  color: #2e56aa !important; border-left:2px solid #2e56aa; border-right:2px solid #2e56aa;}
.visitQrUpdate h2 { font-weight: 600; margin-top:20px; margin-bottom:0px; }
.visitQrUpdate h2 span.small_text { font-size:80%; opacity:0.8; }
.visitQrUpdate content .data-list p.qr-p-label label{ display:inline-block; margin-right:20px; min-width:0; }
.visitQrUpdate content .data-list p.qr-p-label label:last-child{ margin-right:0px; }
.visitQrUpdate content .data-list p.qr-p-label label input[type="radio"], .visitQr content .data-list p.qr-p-label label input[type="checkbox"]{ margin-top:10px;}

.visitQrUpdate .sponge-table-from input[type='text'], .visitQrUpdate .sponge-table-from input[type='password']{ font-size:20px; color:#000; }
.visitQrUpdate .sponge-table-from, .visitQrUpdate .sponge-table-from th, .visitQrUpdate .sponge-table-from td, .visitQrUpdate .sponge-table-from > tbody > tr:nth-child(2n+1) > td, .visitQrUpdate .sponge-table-from > tbody > tr:nth-child(2n+1) > th
{color:#000; border-color:#2e56aa !important; border-width:1px !important; background-color:#fff;}
.visitQrUpdate .sponge-table-from th, .visitQrUpdate .sponge-table-from > tbody > tr:nth-child(2n+1) > th{  background-color:#f5f9ff;}
.visitQrUpdate .sponge-guide-btns-full{border:0px; padding:0px; margin-top:30px; }
.visitQrUpdate .sponge-guide-btns-full .btn.btn-sponge-default{border:0px; font-size:20px; width:100%; padding:10px !important; background-color:#2e56aa; }

@media only screen and (max-width : 767px) {
  .visitQrUpdate h1, .visitQrUpdate header h1 , .visitQrUpdate h2, .visitQr header h1 { font-size:20px; }
  .visitQrUpdate , .visitQrSuccess content .data-list, .visitQrUpdate .sponge-table-from input[type='text'], .visitQrUpdate .sponge-table-from input[type='password']{ font-size:15px; }
  .visitQrUpdate content .data-list p.qr-p-label label input[type="radio"], .visitQr content .data-list p.qr-p-label label input[type="checkbox"]{ margin-top:5px;}
}



.sponge-dailypass{ min-width:1450px;max-width:1920px; font-size:24px; font-family: 'Noto Sans Korean', 'Noto Sans KR'; color:#474480;  }
.sponge-dailypass > div{ padding:0 70px; min-height:1080px;}
.sponge-dailypass > div:last-child{ background-color:#f4f4f9; }

.sponge-dailypass-form {}
.sponge-dailypass-form h1{ padding:50px 0 40px 0; background-color:#f4f4f9; border-radius:0px 0px 50px 50px; color:#474480; text-align:center; font-size:44px; margin-top:0px; font-weight:600;}
.sponge-dailypass-form h1 span{ color:#cacad9; font-size:20px; font-weight:normal; text-transform:uppercase;}
/*.sponge-dailypass-form .form-content p{ font-weight:600; }*/
.sponge-dailypass-form .form-group{ margin-bottom:65px;}
.sponge-dailypass-form .form-control{ border-radius:4.5rem; background-color:#fff; border:1px solid #ced4da; padding:40px; font-size:25px;}
.sponge-dailypass-form input[type='text'].form-control::placeholder {  color: #dbdae3; }
.sponge-dailypass-form .sponge-dailypass-text{margin-bottom:100px; text-align:center;}
.sponge-dailypass-form .btn { border-radius:5.5rem; background-color:#474480; color:#fff; padding:25px; font-size:25px; width:100%; margin-bottom:5px; }
.sponge-dailypass-form input[type="checkbox"] {
    display:none;
}
.sponge-dailypass input[type="checkbox"] + label span { display:inline-block; width:30px; height:30px; margin:-6px 10px 0 0; vertical-align:middle; background:url('/clicker/images/check_radio_sheet.png') center -30px no-repeat;
    cursor:pointer; border-radius:0; border:1px solid #ddd;}
.sponge-dailypass input[type="checkbox"]:checked + label span { background-position-y:center;}

.sponge-dailypass-guide .opacity{ opacity:0.5; }
.sponge-dailypass-guide h1{ font-size:35px; font-weight:600; text-align:center; padding:80px 0 40px 0;}
.sponge-dailypass-guide h2{ font-weight:600; }
.sponge-dailypass-guide .sponge-dailypass-guide-text{ text-align:center; background:url('/clicker/images/sponge-dailypass-guide.png') center top no-repeat; padding-top:300px; font-size:24px; line-height:30px;letter-spacing:-0px; }
.sponge-dailypass-guide .sponge-dailypass-guide-text span{ font-size:16px; opacity:0.5;}


.sponge-dailypass-guide .sponge-dailypass-guide-row{ padding-top:65px;}
.sponge-dailypass-guide .sponge-dailypass-guide-row h2{ font-weight:600; }
.sponge-dailypass-guide .sponge-dailypass-guide-row > div > div{ background-color:#fff; border-radius:20px;  min-height:330px; padding:20px; font-size:22px;}

.sponge-dailypass .modal{ font-size:20px; font-weight:normal; line-height:25px; }
.sponge-dailypass .modal-dialog{ width:1000px; }
.sponge-dailypass .modal-content{ padding:50px 50px; border-radius:50px; }
.sponge-dailypass .modal-content p{ margin-bottom:30px; }
.sponge-dailypass .modal-content p:last-child{ margin-bottom:0px; }
.sponge-dailypass .modal-footer{ border-top:0;}
.sponge-dailypass .modal ul.list-number li{ list-style-type:decimal; margin-bottom:20px; line-height:30px; clear:both; vertical-align:top; }
/*.sponge-dailypass .modal ul.list-number li:last-child{ margin-bottom:0px; }*/
.sponge-dailypass .modal ul.list-number li > p{ margin:0; }
.sponge-dailypass .modal ul.list-number li > p:first-child{ width:67%; float:left; }
.sponge-dailypass .modal ul.list-number li > p:first-child span{ opacity:0.8; font-size:80%; }
.sponge-dailypass .modal ul.list-number li > p:nth-child(2){ width:33%; float:right; text-align:right; }
.sponge-dailypass .modal ul.list-number li > p:nth-child(2).sponge-text-align-left{text-align:left;  }
.sponge-dailypass .modal ul.list-number li > p:nth-child(2).sponge-text-align-left label{ padding-left:53px; position:relative;}
.sponge-dailypass .modal ul.list-number li > p:nth-child(2).sponge-text-align-left label strong{ opacity:0.8; font-size:70%; font-weight:normal !important; }
.sponge-dailypass .modal ul.list-number li > p:nth-child(2).sponge-text-align-left input[type="checkbox"] + label span{position:absolute; left:13px; top:6px; margin-bottom:10px; }
.sponge-dailypass .modal ul.list-number li p.check-box-pass{width:100%; padding:10px 0; display:inline-block;text-align:left; }
.sponge-dailypass .modal ul.list-number li p.check-box-pass { text-align:left; }
.sponge-dailypass .modal ul.list-number li p.check-box-pass label{ margin-right:20px; }

.DailyPass-popup{ background-color: rgba(0, 0, 0, 0.3); position:fixed; top:0; bottom:0; left:0; right:0;}
.DailyPass-popup > div{ background-color:#fff; position:fixed; top:30%; left:26%; right:26%; border-radius:30px; padding:90px 30px; }
.DailyPass-popup > div > p{ font-size:35px; text-align:center; font-weight:600; margin:0px 0 10px 0; }
.DailyPass-popup > div > p:last-child{ font-size:20px; opacity:0.7; margin-bottom:0px;}
.DailyPass-popup > div > p > span{ color:#000; }
.DailyPass-popup .DeskTop-none{display: none !important;}
@media screen and (max-width: 768px) {

.DailyPass-popup > div{  position:fixed; top:20%; left:7%; right:7%; padding:30px 20px; }
.DailyPass-popup > div > p{ font-size:20px;}
.DailyPass-popup > div > p:last-child{ font-size:14px; }
.DailyPass-popup .DeskTop-none{ display: inline-block !important;}
}

@media screen and (max-width: 768px) {

.sponge-dailypass .modal ul.list-number li{line-height:20px;}
.sponge-dailypass .modal ul.list-number li > p:first-child{ width:100%;  }
.sponge-dailypass .modal ul.list-number li > p:nth-child(2){ width:100%; text-align:left; padding-top:10px; }

}

.sponge-dailypass .modal { text-align: center; }
@media screen and (min-width: 768px) {
    .sponge-dailypass .modal:before { display: inline-block; vertical-align: middle; content: " "; height: 100%; }
}
.sponge-dailypass .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }


.sponge-dailypass > div.sponge-dailypass-form-qr { background-color:#fff; max-width:1000px; width:100%; margin:0 auto; min-height:0; }
.sponge-dailypass-form-qr h1{ padding:30px 0 30px 0; font-size:30px; margin-bottom:50px;}
.sponge-dailypass-form-qr h2{ font-weight:600; }
.sponge-dailypass-form-qr ul.sponge-dailypass-text{ text-align:left; padding:0 70px; margin-bottom:50px;}

.sponge-dailypass-form-qr ul.sponge-dailypass-text li{ text-align:left; list-style-type:square; }
.sponge-dailypass-form-qr ul.sponge-dailypass-text-red { }
.sponge-dailypass-form-qr ul.sponge-dailypass-text-red li{ color:red;text-align:center;  list-style-type:none; font-size:30px;}
.sponge-dailypass-form-qr .sponge-dailypass-form-qr-img{ text-align:center; padding:0 0; position:relative;  width:40%; margin:0 auto 50px auto;}
.sponge-dailypass-form-qr .sponge-dailypass-form-qr-img img{ width:100%; border:3px solid #474480; border-radius:20px; padding:20px; }
.sponge-dailypass-form-qr .sponge-dailypass-form-qr-img p{ color:red; position:absolute;  text-align:center; font-size:50px; width:96%; padding-top:120px; margin:0; border-radius:20px; /*text-shadow:2px 2px 0px rgba(255, 255, 255, 0.9);*/ background-color:rgba(255, 255, 255, 0.7); height:96%; margin:2%;  }

.sponge-dailypass-form-qr-btn { padding:0 0 20px 0; width:40%; margin:0 auto;}
.sponge-dailypass-form-qr-btn .btn{ width:100%; padding:15px; background-color:red;}


@media screen and (max-width: 768px) {
    .sponge-dailypass  {  min-width:0; width:100%; margin:0; font-size:17px; }
.sponge-dailypass > div{min-height:0;}
.sponge-dailypass > div.col-md-6{ padding:0 30px; min-height:0; width:100%; padding-bottom:30px;}
.sponge-dailypass-form h1{ padding:30px 0 30px 0; font-size:30px;}
.sponge-dailypass-form h1 span{ font-size:15px;}
.sponge-dailypass-form .form-group{ margin-bottom:30px;}
.sponge-dailypass-form .form-control{ padding:20px; font-size:15px;}
.sponge-dailypass-form .sponge-dailypass-text{margin-bottom:30px;}
.sponge-dailypass-form .btn { padding:15px; font-size:15px;margin-bottom:3px; }

.sponge-dailypass input[type="checkbox"] + label span { width:20px; height:20px; margin:-2px 10px 0 0; background:url('/clicker/images/check_radio_sheet_small.png') center -30px no-repeat;}


.sponge-dailypass-guide h1{ font-size:30px; padding:10px 0 10px 0;}

.sponge-dailypass-guide .sponge-dailypass-guide-text{  background:url('/clicker/images/sponge-dailypass-guide_small.png') center top no-repeat; padding-top:200px; font-size:17px; }
.sponge-dailypass-guide .sponge-dailypass-guide-text span{ font-size:16px; opacity:0.5;}


.sponge-dailypass-guide .sponge-dailypass-guide-row{ padding-top:30px;}
.sponge-dailypass-guide .sponge-dailypass-guide-row > div.col-md-6{ width:100%; margin-bottom:15px;}
.sponge-dailypass-guide .sponge-dailypass-guide-row > div > div{  min-height:0; padding:10px 20px; font-size:17px; }

.sponge-dailypass .modal{ font-size:17px;line-height:20px; }
.sponge-dailypass .modal-dialog{ width:85%; }
.sponge-dailypass .modal-content{ padding:20px; }
/*.sponge-dailypass .modal-body{ padding:0px;}*/



.sponge-dailypass > div.sponge-dailypass-form-qr { padding:0 20px;}
    .sponge-dailypass-form-qr h1 { font-size: 24px; margin-bottom: 25px; line-height: 34px; }
    .sponge-dailypass-form-qr ul.sponge-dailypass-text { padding: 0 20px; margin-bottom: 25px; }


.sponge-dailypass-form-qr .sponge-dailypass-form-qr-img{ width:50%; margin:0 auto 25px auto;}
.sponge-dailypass-form-qr .sponge-dailypass-form-qr-img img{  padding:10px; }
.sponge-dailypass-form-qr .sponge-dailypass-form-qr-img p{ font-size:25px; padding-top:40%;  }

/*.sponge-dailypass .keyboard{right:0; width:50%;}*/
}


/*UserMediaSeat 세로모듈 20201020 추가*/
.clicker-art-vertical{ background:#3149c0 url('/clicker/images/background/clicker-art-vertical.png') center top no-repeat; background-size:100%; width:100%; /*height:100vh;*/ padding:0 50px; font-size:24px;}
.clicker-art-vertical-header { height:220px; }
.clicker-art-vertical-header h1{ text-align:center; padding-top:60px; font-size:50px; color:#00036f; font-weight:600; line-height:60px; }
.clicker-art-vertical .clicker-art-vertical-clock.digital-clock{position:absolute; left:30px; top:10px; border:0; background-image:none; background-color:transparent; border-radius:0; box-shadow:none; color:#5b61a0; font-weight:600;padding:30px 0; width:auto;}
.clicker-art-vertical .clicker-art-vertical-clock.digital-clock ul li{ text-shadow:none;}
.clicker-art-vertical #clicker_div_guide_map{ width:100%; border-radius:0 0 5px 5px;}

.clicker-art-vertical .btn{border-radius:50px; width:auto; padding:5px 40px; font-size:30px; font-weight:normal;}

.clicker-art-vertical-graph{ padding:50px 0; width:100%; }
.clicker-art-vertical-graph-bar{width:100%;}
.clicker-art-vertical-graph-bar-title{ font-size:40px; color:#0005ba; font-weight:600;}
.clicker-art-vertical-graph .progress.progress-mini{height:15px;}
.btn-success.disabled{border:1px solid #bdc3c7;}

.clicker-art-vertical-mep-header{ width:100%; height:120px; background-color: rgba(68, 85, 161, 0.65); border-radius:50px 50px 0 0; padding:7px 30px; position:relative; }
.clicker-art-vertical-mep-header h2{ color:#fff; font-weight:600; font-size:40px; background:url('/clicker/images/icon/clicker-art-vertical-mep-header-h2.png') no-repeat left top; padding:15px 0 0 60px; min-height:65px; }
.clicker-art-vertical-mep-header .pull-right{position:absolute; right:35px; top:33px;  background-color: rgba(255, 255, 255, 0.85); color:#5774b2;  }

.clicker-art-vertical .btn-art-lg{ border-radius:0px; font-weight:600; margin:0 0 20px 0; padding:10px;}

.clicker-art-vertical .clicker_art_inner_empty{ border:0px; box-shadow:none; background-color: rgba(255, 255, 255, 0.65);}

.clicker-art-vertical-body{position:relative; }
.clicker-art-vertical-body#clicker_div_guide_map{ height:800px; margin-bottom:20px; }
.clicker-art-vertical-ex{ position:absolute; left:30px; bottom:30px;}
.clicker-art-vertical-ex .clicker_media_seat_guide_text_swul{ color:#000000; font-size:20px; margin-top:10px; }

.clicker-art-vertical .libtech-color-cream{ position:absolute; bottom:30px; left:0; width:100%; text-align:center;}
.clicker-art-vertical .libtech-color-cream .libtech-color-remark{ color:#aefffa; }


.clicker-art-vertical .modal-header{ background-color:#2f48c0;}
.clicker-art-vertical .modal .modal-header h3{ font-size:24px;}
.clicker-art-vertical .modal .modal-header button.close{ position:absolute; top:20px; right:15px;}
.clicker-art-vertical .modal h4{color:#000; font-weight:600;}
.clicker-art-vertical .modal .modal-body p{ margin-bottom:40px; }
.clicker-art-vertical .modal .modal-body p:last-child{ margin-bottom:0px; }

.clicker-art-vertical .clicker-art-vertical-modal{ left:20% !important; right:20% !important; margin:0 auto; top:40%; padding:0px; width:60% !important;}
.clicker-art-vertical #clicker_div_common_message_panel{ top:600px; }
.clicker-art-vertical .clicker_art_panel_back{ background-image:none; border:0px solid #ddd; background-color:#fff; }
.clicker-art-vertical .clicker_art_outer_content{ background-image:none; background-color:#3952c3; border:0px; border-radius:0; }
.clicker-art-vertical .clicker_art_outer_content_border{  box-shadow:none; background-color:#fff; width:100%; text-align:center; border:0px; border-radius:0px; margin:0; padding:0px;}
.clicker-art-from{ width:100%;}
.clicker-art-from-input{ width:100%;padding:20px;}
.clicker-art-from-input input[type="text"].form-control, .clicker-art-from-input input[type="password"].form-control{ width:100%; border:2px solid #ddd; border-radius:0px; padding:15px 15px; height:auto; font-size:24px;}
.clicker-art-from-input-login label{ display:none;}
.clicker-art-from-input-login input[type="text"].form-control, .clicker-art-from-input-login input[type="password"].form-control{ margin-bottom:5px;}


.clicker-art-from-btn{ padding:20px; text-align:right; border-top:2px solid #ddd; }
.clicker-art-vertical .clicker-art-from-btn .btn{ width:auto; padding:5px 15px; font-size:20px; display:inline-block;}

.clicker-art-vertical .clicker-div-wait-art table{ width:100%;}
.clicker-art-vertical .clicker-div-wait-art td{ padding:10px; border-bottom:1px solid rgba(255, 255, 255, 0.5);}

.clicker-art-vertical #clicker-control-panel-graph-1 > div{ width:100% !important; }


/*.modal-backdrop, .modal-backdrop.fade.in{z-index:1;}*/




.clicker-kiosk-modal .modal-footer .btn{width:100%; margin-bottom:3px;  }

.clicker-kiosk2019-right > div a.btn{overflow:hidden;}
/*.clicker-kiosk2019-right > div a.btn .clicker-board-triangle {
position:absolute;
left:0; top:0;
width: 30px;
height: 30px;
border-radius:0px 100px 30px 0;

background-color:#fff;
}*/
.clicker-kiosk2019-right > div a.btn .clicker-board-triangle {position:absolute; right:10px; top:5px; background:#1d7da5 /*url('/clicker/images/arrow/clicker-board-triangle-right.png') no-repeat right top*/; display:block; 
                                                              width:auto; height:16px; padding:0px 3px; line-height:12px; min-width:50px; border-radius:5px; text-align:center; }
.clicker-kiosk2019-right > div a.btn.active .clicker-board-triangle { background:#fff /*url('/clicker/images/arrow/clicker-board-triangle-right-active.png') no-repeat right top*/; }
.clicker-kiosk2019-right > div a.btn .clicker-board-triangle.gray { background-color: #555; }
.clicker-kiosk2019-right > div a.btn .clicker-board-triangle.navy { background-color:navy;}
.clicker-kiosk2019-right > div a.btn .clicker-board-triangle.red { background-color: rgba(233, 33, 33, 0.90); }
.clicker-kiosk2019-right > div a.btn .clicker-board-triangle.green { background-color:rgba(90, 196, 64, 0.90); }

.clicker-kiosk2019-right > div a.btn .clicker-board-triangle > span{font-size:10px; color:#fff; width:auto; line-height:2px; }

.clicker-kiosk2019-right > div a.btn.active .clicker-board-triangle > span {  color:#00a9ff; }

.clicker-kiosk2019-right > div a.btn .clicker-board-triangle.no { background:url('/clicker/images/arrow/clicker-board-triangle-no.png') no-repeat center center; width:100%; height:42px; background-color:rgba(0, 0, 0, 0.5);}
.clicker-kiosk2019-right > div a.btn .clicker-board-triangle.no > span{font-size:16px; position:absolute; left:0; top:15px; color:#fff; width:100%; text-align:center; color:#fff; font-weight:600;}

 @media only screen and (max-width : 1600px)
 {   
.clicker-kiosk2019-right > div:first-child .btn { padding:5px 10px 5px 10px; font-size:14px; }
.clicker-kiosk2019-right > div a.btn .clicker-board-triangle {right:5px; top:auto; bottom:7px; }
.clicker-kiosk2019-right .btn span.nolist{display:block;}
 }


.clicker-box-for-booking{border-radius:0px !important;}
.clicker-box-for-yes{ background:#dcf4c8 linear-gradient(#dcf4c8 40%, #dcf4c8 ) !important;}


.clicker2020-sample{}
.clicker2020-sample li, .sponge-page-guide .clicker2020-sample ul > li{ display:inline-block; padding-right:5px; font-size:90%; padding-left:0;}

.clicker2020-sample li::before{ display:none;}
.clicker2020-sample {padding-bottom:5px;}
.container-makerlibrary .clicker2020-sample ul li{display:inline-block; margin-right:0px; vertical-align:top; background-image:none; margin-bottom:0px; padding-left:0px;}
.clicker2020-sample ul li span.sample{display:inline-block; background-color:#00c73c; width:15px; height:15px;  vertical-align:middle; border:1px solid #01bc3b; color:#fff; }
/*본인*/
.clicker2020-sample ul li span.me { border-color:#ff9c00; background-color:#ffa210;}
/*사용중*/
.clicker2020-sample ul li span.in_use{ border-color:#df6fe4; background:#fbaffe url("/Clicker/images/arrow/in_use.png") no-repeat center center;}

.clicker2020-sample ul li span.admin {
    border-color: #00B9B9;
    background-color: #f7f420;
}
/*신청가능*/
.clicker2020-sample ul li span.can_apply{ border-color:#01bc3b; background-color:#00c73c;}
/*신청불가*/
.clicker2020-sample ul li span.none{ border-color:#ddd; background:#fcfcfc url("/Clicker/images/arrow/none.png") no-repeat center center;  color:#ddd;}
/*선예약*/
.clicker2020-sample ul li span.first{ border-color:#883793; background-color:#7f5cbf;}
/*사용중*/
.clicker2020-sample ul li span.blue{ border-color:#00b9b9; background-color:#2dfbfb;}



.clicker2020_board_list > li, .sponge-page-guide ul.clicker2020_board_list > li{padding:3px;border:solid 1px #d2d2d2; margin-bottom:10px;}
.clicker2020_board_list > li::before {display:none;}
.clicker2020_board_list .img_box {border:none !important;}
.clicker2020_board_list .btn_box{padding:0 0; text-align:right; width:100%;}


.clicker2020_board_list.story .img_box {padding-bottom:100%;}
.clicker2020_board_list .txt_box {padding:10px 5px;border:none;text-align:left;}
.clicker2020_board_list .txt_box .name {font-size:18px;font-weight:700 !important;}
.clicker2020_board_list .txt_box .period {font-size:14px;}
.clicker2020_board_list > li .hover_box.close_event, 
.clicker2020_board_list.shop > li:hover .hover_box.close_event {background:rgba(92,122,131,0.9);}
.clicker2020_board_list .txt_box .mtype {margin-bottom:5px;padding:0 5px;}
.clicker2020_board_list .txt_box .mtype span {display:inline-block;background:#78808c;padding:0 10px;font-family:'Nanum Gothic' !important;font-size:13px;font-weight:700;color:#fff;text-align:center;line-height:26px;vertical-align:top;}

.clicker2020_board_list.shop > li .hover_box a > img {width:auto;}
.clicker2020_board_list.shop .txt_box,
.clicker2020_board_list.project .txt_box,
.clicker2020_board_list.manual .txt_box {padding:0;}
.clicker2020_board_list.shop .txt_box .tit, .clicker2020_board_list.project .txt_box .name, .clicker2020_board_list.manual .txt_box .name {height:48px;margin:0 0 10px 0;padding:0 0;background:none;font-size:16px;font-weight:700;line-height:24px;}
.clicker2020_board_list.project .txt_box .name label.btn { border-radius:20px; padding:2px 5px !important; font-size:70%;}
.clicker2020_board_list.shop .txt_box .tit2, .clicker2020_board_list.project .txt_box .name2, .clicker2020_board_list.manual .txt_box .name2 {height:auto; min-height:24px;}
/*.clicker2020_board_list.shop .txt_box .tit a, .clicker2020_board_list.project .txt_box .name a, .clicker2020_board_list.manual .txt_box .name a{color:#000;}*/
/*.clicker2020_board_list.project .txt_box .name a span{ display:inline-block;}*/
.clicker2020_board_list.news .txt_box .name,
.clicker2020_board_list.story .txt_box .name {height:48px;margin:5px 0 10px;padding:0 5px;background:none;font-size:18px;font-weight:700;line-height:24px;}
.clicker2020_board_list.shop .list1 li {margin:0;padding:0 10px;border-top:solid 1px #d2d2d2;}
.clicker2020_board_list.shop .list1 li:before,
.clicker2020_board_list.project .list1 li:before {display:none !important;}
.clicker2020_board_list.shop .list1 li dl {font-size:14px;table-layout:fixed;}

.clicker2020_board_list.project .list1 li, .clicker2020_board_list.manual .list1 li {margin:0 0 10px 0;padding:0 0 0 55px;border-top:solid 0px #d2d2d2;font-size:14px;line-height:18px; position:relative; }
.clicker2020_board_list.project .list2 li, .clicker2020_board_list.manual .list2 li { padding-left:70px; }
.clicker2020_board_list.project .list3 li, .clicker2020_board_list.manual .list3 li { padding-left:85px; }
.clicker2020_board_list.project .list1 li:nth-last-child(1), .clicker2020_board_list.manual .list1 li:nth-last-child(1)  { margin-bottom:0px;}
.clicker2020_board_list.project .list1 li strong {display:inline-block; margin:0 !important;font-weight:700; position:absolute; left:0px;}
.clicker2020_board_list.project .list1 li:nth-child(1) strong {word-spacing:2px;}
.clicker2020_board_list.project .txt_box .state {display:block;position:relative;left:auto;bottom:auto;margin-top:10px;background:#ff5a00;}
.clicker2020_board_list.project .txt_box .state3 {background:#939393;}

.clicker2020_board_list.manual .list1 li b {display:inline-block;width:50px;margin:0 !important;font-weight:700;}
.clicker2020_board_list.manual .list1 li.btm:after {content:"";display:block;clear:both;}
.clicker2020_board_list.manual .list1 li.btm > span {display:inline-block;}
.clicker2020_board_list.manual .list1 li.btm .comm {float:left;}
.clicker2020_board_list.manual .list1 li.btm .comm > i {display:inline-block;margin-right:5px;vertical-align:middle;}
.clicker2020_board_list.manual .list1 li.btm .date {float:right;}

.clicker2020_board_list.news .txt_box .month {margin:0 -8px -13px;padding:5px 10px;background:#eaeaea;border-top:solid 1px #d2d2d2;font-size:15px;font-weight:700;color:#089ad5;text-align:right;}

.clicker2020_board_list.community .cmn_btns {display:table;width:100%;margin:15px 0 -5px;table-layout:fixed;border-spacing:4px 0;}
.clicker2020_board_list.community .cmn_btns > a {display:table-cell;height:42px;padding:9px;font-size:1em;font-weight:700;color:#fff;text-align:center;line-height:24px;vertical-align:middle;transition:background 0.4s;}
.clicker2020_board_list.community .cmn_btns .cmn_btn {background:#3db3e3;}
.clicker2020_board_list.community .cmn_btns .cmn_btn:hover {background:#089ad5;}
.clicker2020_board_list.community .cmn_btns .str_btn {background:#33b6b0;}
.clicker2020_board_list.community .cmn_btns .str_btn:hover {background:#0da39c;}


/* makerlibrary_board_list.project */
.clicker2020_board_list.project-left{ margin:0px; padding:0px;}
.clicker2020-container .clicker2020_board_list.project-left li{ width:100%; margin:0 0 10px 0; padding:3px; }
.clicker2020_board_list.project-left .img_box{ width:24%; display:inline-block; float:left; height:200px; overflow:hidden; padding-bottom:0px; background-color:#eee; text-align:center; }
.clicker2020_board_list.project-left .img_box .inner_box a.clicker2020_img, .clicker2020_board_list.project-left .img_box .inner_box .clicker2020_img{min-height:200px; overflow:hidden; position:relative; background-color:#eee;}
.clicker2020_board_list.project-left .img_box .inner_box a.clicker2020_img img, .clicker2020_board_list.project-left .img_box .inner_box .clicker2020_img img{height:200px; width:240px;}

.clicker2020_board_list.project-left .img_box a.clicker2020_img .ready_box{ position:absolute; width:240px; height:200px; background-color:rgba(0,0,0,.125);}
.clicker2020_board_list.project-left .img_box .sponge-fake-div{ padding:0px; }

.clicker2020_board_list.project-left .txt_box{ width:75%; display:inline-block; float:right; line-height:normal; min-height:202px; overflow:hidden; position:relative; }

/* 이미지사이즈를 작게 하고 싶을때 로컬에 넣어주세요^^*/
/*.clicker2020_board_list.project-left .img_box, .clicker2020_board_list.project-left .img_box .inner_box a.clicker2020_img, .clicker2020_board_list.project-left .img_box .inner_box .clicker2020_img, 
.clicker2020_board_list.project-left .img_box .inner_box a.clicker2020_img img, .clicker2020_board_list.project-left .img_box .inner_box .clicker2020_img img, 
.clicker2020_board_list.project-left .img_box a.clicker2020_img .ready_box{  height:155px;}
.clicker2020_board_list.project-left .txt_box{ height:175px;}*/

.clicker2020_board_list.project-left .txt_box .clicker-box-for-booking{ line-height:30px; }

.clicker2020_board_list.project-left .txt_box .tit a, .clicker2020_board_list.project-left .txt_box .name a, .clicker2020_board_list.project-left .txt_box .name a{ padding:10px 0;}
.clicker2020_board_list.project-left .txt_box .name{ height:auto; margin:0px; width:100%; white-space:normal; padding:10px 0; font-size:120%;}
.clicker2020_board_list.project-left .txt_box .name span.font11{ font-size:80%;}




 .clicker_ajax_book_status{  padding:10px 0; border-top:1px solid #ddd;}
 .clicker_ajax_book_status .ly_body{padding:0;}
 .clicker_ajax_book_status .ly_body .ampm{position:relative; clear:both; }
 .clicker_ajax_book_status .ly_body .ampm .tit{position:absolute;top:0;left:0;padding-top:6px;width:54px;vertical-align:top;color:#666;font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',Helvetica Nenu,Helvetica,Roboto,Arial,NanumGothicWebB,'나눔고딕','맑은 고딕',MalgunGothic,Dotum,'돋움',Sans-serif}
 .clicker_ajax_book_status .ly_body .ampm .lst_time{/*padding-left:54px*/}
 .clicker_ajax_book_status .ly_body .ampm .lst_time:after,.clicker_ajax_book_status .ly_body .ampm .lst_time:before{content:" ";display:table}
 .container-makerlibrary  .clicker_ajax_book_status .ly_body .ampm .lst_time .item{display:inline-block;float:left;margin-right:10px;margin-bottom:5px; width:auto; background-image:none; padding:0px;}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item.last{margin-right:0}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply{display:block;width:50px;height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply:focus,.clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply:hover{text-decoration:none}
/*사용가능 색상 can_apply*/
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply .time_info_box{position:relative;display:block;width:50px;height:30px;background-color:#e0fed3;border:1px solid #caf9c0;font-size:13px;line-height:29px;text-align:center;color:#00c73c;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

 .btn_zoom,.lst_store_info_box .lst_store_info{-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply .time_info_box .time_info_bar{position:absolute;left:-1px;right:-1px;bottom:-1px;display:block;height:3px;font:0/0 a}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply .time_info_box .time_info_bar:before{position:absolute;top:-2px;left:0;right:0;display:block;height:1px;background-color:#caf9c0;content:''}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply .time_info_box .time_info_bar:after{position:absolute;top:-1px;left:-1px;right:-1px;display:block;height:1px;background-color:#fff;content:''}
 .clicker_ajax_book_status .ly_body .calendar_info .list_calendar_info,.clicker_ajax_book_status .ly_body .time_data_info .calendar_info .list_calendar_info{display:inline-block}
 /*신청불가 none*/
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply.none .time_info_box{ background:#fcfcfc url("/MakerLibrary/images/arrow/none.png") no-repeat center center; border:1px solid #f4f4f4;color:#ddd}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply.none .time_info_box .time_info_bar:before{background-color:#f4f4f4}
 /*본인 색상 me*/
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply.me .time_info_box{background-color:#fbe4b3;border-color:#ffd06d;color:#ab3522}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply.me .time_info_box .time_info_bar:before{background-color:#ecc97e}
 /*사용중 in_use*/
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply.in_use .time_info_box{ background:#fdd9fa url("/MakerLibrary/images/arrow/in_use.png") no-repeat center center; border-color:#f9c9ee;color:#cd2434}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply.in_use .time_info_box .time_info_bar:before{background-color:#f9c9ee}
 
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply.on .time_info_box{background-color:#0bd020;border:1px solid #0acc1d;color:#fff}
 .clicker_ajax_book_status .ly_body .ampm .lst_time .item>.can_apply.on .time_info_box .time_info_bar:before{background-color:#0acc1d}
 .clicker_ajax_book_status .ly_body .calendar_info{margin-top:5px;padding:0 0 1px;border-bottom:1px solid #f0f0f0;background-color:transparent;text-align:right}
 .clicker_ajax_book_status .ly_body .calendar_info .list_calendar_info .item{margin:0 9px 4px;color:#999;line-height:13px}
 .clicker_ajax_book_status .ly_body .calendar_info .list_calendar_info .item .date_label{margin-right:3px;width:13px;height:13px}
 .clicker_ajax_book_status .ly_body .time_data_info{padding-top:20px}
 .clicker_ajax_book_status .ly_body .time_data_info .calendar_info{padding-bottom:3px}
 .clicker_ajax_book_status .ly_body .time_data_info .calendar_info .list_calendar_info .item{margin:0 9px 10px;color:#999;line-height:13px}
 .clicker_ajax_book_status .ly_body .time_data_info .calendar_info .list_calendar_info .item .date_label{margin-right:5px;width:12px;height:12px}

.clicker2020_board_list .panel-body{padding:5px 0 0 0px;}
.clicker2020_board_list .alert.alert-success{ border:0px; border-radius:0px; clear:both; margin-bottom:5px; margin-top:5px; }
.clicker2020_board_list .alert.alert-white{ border:0px; border-radius:0px; border-top:1px solid #ddd; clear:both; margin-bottom:0px; padding:5px; }

.clicker-kiosk2019-header .infoBox .clicker_art_inner_content.digital-clock{font-size:40px;}

.myAlertModalMessage{font-size:24px;}

.clicker-kiosk-modal-search-bg{background-image:none; padding-left:50px; text-align:center; min-height:150px;}

.clicker-time-box{width:55px !important; height:auto !important; min-width:0; display:inline-block; vertical-align:top; float:none !important; }
.clicker-time-box .clicker-box-for-booking{ height:35px !important;width:50px; display:table; margin-bottom:0px !important; margin-top:3px;  }
.clicker-box-for-booking .clicker-box-time-booking{ text-align:center; width:100%; left:0 !important; top:0 !important; right:0 !important; 
                                                    /*position:relative !important; display:table-cell; vertical-align:middle;*/ }
.clicker-box-for-closed{ background:#fcfcfc url("/clicker/images/arrow/none.png") no-repeat center center; border:1px solid #f4f4f4;color:#ddd !important;}
.clicker-box-for-closed .glyphicon-color-alert{ display:none; }
.clicker-box-for-booking:hover{ background-position:center center !important;}
.clicker-box-for-detail { text-align: center; white-space: nowrap; }

#table_for_study_room .clicker-box-for-detail { display:none; }


.chevron-down { position: absolute; right: 15px; top: 5px; }

.clicker-box-admin-action{height:auto; margin-bottom:3px;}

.clicker-kiosk-position{ position:absolute; right:15px; top:0px; }
.clicker-kiosk-position-bottom{ top: auto; bottom:100px;}
.clicker-kiosk-position h2{ font-size:30px; color:#000; font-weight:600; text-align:right;}
.clicker-kiosk-position h2 span{ opacity:0.5; }

.sponge-nav-tabs > li.active > a, .sponge-nav-tabs > li.active > a:hover, .sponge-nav-tabs > li.active > a:focus, .btn-sponge-default{ background-color:#404652; border-color:#404652; }
.sponge-nav-tabs > li > a:hover{color:#404652; }

.clicker-kiosk2019-main .clicker_media_seat_guide_icon{ width:20%; max-width:35px; min-width:35px; height:35px; float:left;}
.clicker-kiosk2019-main .clicker_media_seat_icon_number{ height:35px; float:left;}
.clicker-kiosk2019-main .clicker_media_seat_guide_text_swul{ width:80%; }
.clicker-kiosk2019-main .clicker-2020-progress .clicker_media_seat_guide_text_swul{ line-height:28px;}
.clicker-kiosk2019-main .clicker-2020-progress .clicker_media_seat_guide_text_swul > div > div{ width:100% !important; }
.clicker-kiosk2019-main .clicker-2020-progress .clicker_media_seat_guide_text_swul > div > div .progress.progress-mini{ width:100% !important; }

.clicker-kiosk2019-main #clicker_div_guide_map{ border:0px; border-radius:0px;}


.clicker-search-top{border-top:1px solid #ddd; padding-top:10px; margin-top:10px;}



.clicker-form-list-2021 > .row > div{  margin-bottom:20px;}
.clicker-form-list-2021 label{ font-weight:600; }
.clicker-form-list-2021 input[type="text"]{
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #343a40;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    appearance: none;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out; }
 .clicker-form-list-2021 .form-check .form-check-input{
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0,0,0,.25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;}
 .clicker-form-list-2021 .form-check label{display: inline-block;}
 .clicker-btn-2021 { width:100%; text-align:right; }
 .clicker-btn-2021 hr{ display:block; }

.clicker-holiday .sponge-book-title{ border:1px solid #ddd; border-bottom-width:0; padding:5px; background-color:#eee; color:#000; font-weight:600; font-size:16px; border-radius:4px 4px 0 0; }
.clicker-holiday .sponge-panel-remark-list{ margin-bottom:40px;}

.sponge-page-title-section{ position:relative; margin-bottom:40px; background-color:transparent; padding:0; border-bottom:2px solid #555; padding-bottom:10px; }

.sponge-page-title-section h3 { text-align:left; position:relative; color:#000; font-size:28px; }
.sponge-page-title-section li{ background-image:none !important; }
.sponge-page-breadcrumbs-section{text-align:right; width:100%;}


.opacity-padding{ padding:0 10px; opacity:0.6;}

.breadcrumbs-sponge-desktop{position:relative;}

.form-horizontal-bus{max-width:800px; width:100%; min-width:0; margin:0 auto; }
.form-horizontal-bus .form-group{margin:0;}
.form-horizontal-bus > fieldset > .form-group {background-color:#f2f2f2;  padding:10px 10px; margin-bottom:5px; }
.form-horizontal-bus > fieldset > .form-group > label {color:#000; }
.form-horizontal-bus > fieldset > .form-group > .form-control{background-color:transparent;  padding:10px 0; border-width:0; font-size:18px;  }

.form-horizontal-bus > fieldset > .form-group > .form-control::placeholder{color:#999;}
.form-horizontal-bus > fieldset > .form-group > .form-control:placeholder{color:#999;}
.form-horizontal-bus > fieldset > .form-group > .form-control::-ms-input-placeholder{ color:#999;}

.form-horizontal-bus > fieldset > .form-group-p > ul > li, .form-horizontal-bus > fieldset > .form-group-p > p{position:relative; clear:both; padding-right:45px;padding-left:12px;}
.form-horizontal-bus > fieldset > .form-group-p > p{ padding-left:0px;}
.form-horizontal-bus > fieldset > .form-group-p > ul > li::before{ content:'·';  position:absolute; left:0; top:0; font-size:24px; font-weight:900; color:#bdc3c7; line-height:24px; }
.form-horizontal-bus > fieldset > .form-group-p > hr{ border-top:1px solid #ddd; display:block; margin-top:10px; }
.form-horizontal-bus > fieldset > .form-group-p > ul > li > label, .form-horizontal-bus > fieldset > .form-group-p > p > label { position:absolute; right:0px; }

.form-horizontal-bus > fieldset > .form-group-btn { padding:0;}
.form-horizontal-bus > fieldset > .form-group-btn > .btn-sponge-default{ border-radius:0; width:100%; padding:10px !important; font-size:15px; }


.UserPublicObjectsAction-box .row{ margin:0; padding:0;}


 .clicker_progress {
            min-width: 80px;
            margin: 0;
        }

        .page-css-white-back-panel {
            border: 1px solid #E8DADA;
            padding: 3px 7px 0 7px;
            background-color: #fff;
            margin-bottom: 7px; /*position: relative;*/
        }

        .header_item_image {
            position: absolute;
            left: 10px;
            top: 10px;
            width: 48px;
            height: 48px;
            overflow: hidden;
            border: 1px solid #EEE;
            padding: 2px;
        }

            .header_item_image img {
                width: 48px;
                height: auto; /*overflow: hidden;*/
            }

        .header_item_title {
            /*position: absolute;*/
            color: #000;
            font-size: 12pt;
            font-weight: bold;
            /*padding:10px 0;*/
        }

        .header_item_title_addon {
            /*position: absolute;
            left: 10px;
            top: 35px;*/
            font-size: 10pt;
        }

        .color_light_gray {
            color: #8A8383;
        }

        a.libtech_link_myclicker {
            color: #fff;
            font-weight: bold;
            text-decoration: none;
        }

            a.libtech_link_myclicker:hover {
                color: #fff;
                font-weight: bold;
                text-decoration: none;
            }

            a.libtech_link_myclicker:visited {
                color: #fff;
                font-weight: bold;
                text-decoration: none;
            }

        table .table_column_note {
            text-align: right;
            margin-right: 5px;
        }

        .table_column_content {
        }

        .table a:link {
            color: #FCF5F5;
        }

        .sponge-table-reader-tr {
            margin-bottom: 2px;
            height: 28px;
        }

@media only screen and (max-width : 767px) {   
.form-horizontal-bus{max-width:100%; padding:0 10px; }
}





/* ----------KIOSK CSS-------- */	
.UserSeatKioskMain{background: url('/clicker/images/Background/mainImgBg.jpg') no-repeat center top; background-size:100%; height:100vh; }
.UserSeatKioskMain .wrap-index { position:fixed; top:0; right:0; left:0; width:100%; height:100vh;} 
.UserSeatKioskMain .slider .jquery-reslider .slider-block {
  animation:sunday 7s 2s infinite alternate; -webkit-animation:sunday 7s infinite alternate; -moz-animation:sunday 7s infinite alternate; -o-animation:sunday 7s infinite alternate; -ms-animation:sunday 7s infinite alternate;} 
@keyframes sunday{ 10%{background-size:100%;} /*50%{background-size:105%;}*/  100%{background-size:105%;} }

.UserSeatKioskMain #sponge-header .container{ width:100%; padding-left:60px; padding-right:60px;}
.UserSeatKioskMain .navbar-header h1{ margin:80px 0; position:absolute; z-index:2000;}



.UserSeatKioskMain #sponge-header .navbar-header h1 a{ background:none; width:auto; height:auto; }
.UserSeatKioskMain #sponge-header .clicker-wrap-body .navbar-header h1 a{ background-image:none;}

.UserSeatKioskMain #sponge-header .infoBox{ display:none;}


.UserSeatKioskMain .sponge-main-text{position:absolute;  text-align:center; z-index:1000; color:#fff; width:100%; top:40%; animation-duration: 5s;  animation-name: slidein; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);}
.UserSeatKioskMain .sponge-main-text > p{ font-size:350%; text-shadow: 3px 3px 3px #000; }
.UserSeatKioskMain .sponge-main-text > p > span{ font-size:150%; font-weight:600; /*font-family:'Nanum Brush Script'*/ }

.UserSeatKioskMain .slider .jquery-reslider .slider-dots { bottom: 100px; top:auto; }
.UserSeatKioskMain .slider .jquery-reslider .slider-direction{ top:47%; display:none;}

.UserSeatKioskMain .slider-gradient{ position:fixed; width:100%; height:100vh; z-index:97;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+17 */
background: -moz-linear-gradient(-30deg,  rgba(0,0,0,1) 0%, rgba(0,0,0,0) 17%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-30deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(165deg,  rgba(0,0,0,1) 0%,rgba(0,0,0,0) 17%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.UserSeatKioskMain .slider-black{ background-color: rgba(0, 0, 0, 0.64); position:fixed; width:100%; height:100vh; z-index:96; }

@keyframes top2
{
from {top:-300px; opacity:0;}
to   {top:30px; opacity:1; }
}
.UserSeatKioskMain .sponge-main-btn-top{ position:absolute;top:30px; right:60px; z-index:300;  width:100%; text-align:right; min-width:1720px; animation-name:top2; animation-duration:2s; -webkit-animation-name:top2; -webkit-animation-duration:2s; }

.UserSeatKioskMain .sponge-main-btn-top > li{ min-width:259px; max-width:280px; width:12%; display:inline-block; vertical-align:top; }

.UserSeatKioskMain .sponge-main-btn-top > li > a{ width:259px; height:254px; color:#fff; font-size:30px; font-weight:600; position:relative; padding-top:30px; text-decoration:none; display:block;  vertical-align:top; 
text-align:center; margin:0 auto;transition-duration: 0.9s, 0s; background-image: url('/clicker/images/Kiosk/kioskmainIconBg.png');}

.UserSeatKioskMain .sponge-main-btn-top > li > a:hover, .UserSeatKioskMain .sponge-main-btn-top > li.active > a{ color:#fff; background-image: url('/clicker/images/Kiosk/kioskmainIconBg_hover.png'); background-color:transparent; }
.UserSeatKioskMain .sponge-main-btn-top > li > a > span { position:absolute; bottom:70px; width:100%; left:0; }
.UserSeatKioskMain .sponge-main-btn-top > li > a > i.icon { float:none; margin:0 35px 0 auto; width:83px; height:90px; display:block; text-align:right; background:url('/clicker/images/Kiosk/kioskmainIcon01.png') no-repeat left top; 
animation: 0.5s linear 1s slidein2; }
/*.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(3) > a > i{ top:20%;}*/

.UserSeatKioskMain .sponge-main-btn-top > li > a > i.icon01{ background-image: url('/clicker/images/Kiosk/kioskmainIcon01.png');}
.UserSeatKioskMain .sponge-main-btn-top > li > a > i.icon02{ background-image: url('/clicker/images/Kiosk/kioskmainIcon02.png'); width:100px; height:87px;}
.UserSeatKioskMain .sponge-main-btn-top > li > a > i.icon03{ background-image: url('/clicker/images/Kiosk/kioskmainIcon03.png'); width:101px; height:88px; }
.UserSeatKioskMain .sponge-main-btn-top > li > a > i.icon04{ background-image: url('/clicker/images/Kiosk/kioskmainIcon04.png'); width:114px; height:109px; }
.UserSeatKioskMain .sponge-main-btn-top > li > a > i.icon05{ background-image: url('/clicker/images/Kiosk/kioskmainIcon05.png'); width:92px; height:93px; }

.UserSeatKioskMain .sponge-main-btn-top > li:hover > a > i.icon01, .UserSeatKioskMain .sponge-main-btn-top > li.active > a > i.icon01{ background-image: url('/clicker/images/Kiosk/kioskmainIcon01_hover.png'); }
.UserSeatKioskMain .sponge-main-btn-top > li:hover > a > i.icon02, .UserSeatKioskMain .sponge-main-btn-top > li.active > a > i.icon02{ background-image: url('/clicker/images/Kiosk/kioskmainIcon02_hover.png'); }
.UserSeatKioskMain .sponge-main-btn-top > li:hover > a > i.icon03, .UserSeatKioskMain .sponge-main-btn-top > li.active > a > i.icon03{ background-image: url('/clicker/images/Kiosk/kioskmainIcon03_hover.png'); }
.UserSeatKioskMain .sponge-main-btn-top > li:hover > a > i.icon04, .UserSeatKioskMain .sponge-main-btn-top > li.active > a > i.icon04{ background-image: url('/clicker/images/Kiosk/kioskmainIcon04_hover.png'); }
.UserSeatKioskMain .sponge-main-btn-top > li:hover > a > i.icon05, .UserSeatKioskMain .sponge-main-btn-top > li.active > a > i.icon05{ background-image: url('/clicker/images/Kiosk/kioskmainIcon05_hover.png'); }

.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(1) > a > i.icon{ animation-delay:1.25s;}
.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(2) > a > i.icon{ animation-delay:1.5s;}
.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(3) > a > i.icon{ animation-delay:1.75s;}
.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(4) > a > i.icon{ animation-delay:2s;}
/*.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(5) > a > i.icon{ animation-delay:2.25s;}
.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(6) > a > i.icon{ animation-delay:2.5s;}
.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(7) > a > i.icon{ animation-delay:2.75s;}
.UserSeatKioskMain .sponge-main-btn-top > li:nth-child(8) > a > i.icon{ animation-delay:3.0s;}*/

.UserSeatKioskMain .sponge-main-btn-top > li > a:hover > i.icon{ animation: 0.5s linear 0s in; }

.kiosk-close{ min-width:0; max-width:0; width:auto; position:absolute; right:130px; top:370px; z-index:3000;  }
.kiosk-close a{ color:#fff; font-size:40px; opacity:0.7; width:auto; height:auto;  position:unset; padding-top:0;  background-image: none; position:absolute; z-index:9999; }


.UserSeatKioskMain .sponge-main-book-rotation{ position:absolute; box-sizing: border-box;  width:100%; height:100%; z-index:1000; }
.UserSeatKioskMain .sponge-main-book-rotation  > div{ margin:0 auto; width:100%; background-color:#3f3f3f; position:relative; box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.5); }
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.title{}
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.title h2{ color:#fff; font-size:60px; margin:0; line-height:50px;  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); margin-bottom:50px; font-weight:600; }
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.title h2 span{ font-size:26px; }
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.box{position:relative;height: 1080px; overflow:hidden; z-index:10; padding:0 0; width:100%; }
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.box > ul{position:absolute;top: 0;left:0;width:100%;white-space:nowrap;word-wrap:normal;padding-top: 10px; height:1080px; overflow:hidden; text-align:center; }
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.box > ul > li{float:left; margin-left:50px; width:318px !important;transform: translateY(0);transition: transform 0.25s ease;}
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.box > ul > li:hover{transform: translateY(-7px);}
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.box > ul > li a{display:inline-block; width: 260px; height:435px; text-align:left; position:relative; overflow:hidden;}
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.box > ul > li a img{ width: 260px;height: 383px; }
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.box > ul > li a span{display:block;color:#fff;text-align:center;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis; margin-top:15px;width: 260px; font-size:18px;}
.UserSeatKioskMain .sponge-main-book-rotation  > div > div.box > ul > li a span.writer{display:block;color:#acacac;text-align:center;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}

/* 필독도서, 신착도서, 인기도서 가로*/
/* Book */
.UserSeatKioskMain .sponge-main-book{ position:absolute; box-sizing: border-box;  width:100%; top:350px; z-index:1000; padding-left:60px; padding-right:60px;  }
.UserSeatKioskMain .sponge-main-book  > div{ margin:0 auto; width:100%; background-color:#3f3f3f; position:relative; padding:30px 30px 60px 80px; box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.5); }
.UserSeatKioskMain .sponge-main-book  > div > div.title{}
.UserSeatKioskMain .sponge-main-book  > div > div.title h2{ color:#fff; font-size:60px; margin:0; line-height:50px;  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); margin-bottom:50px; font-weight:600; }
.UserSeatKioskMain .sponge-main-book  > div > div.title h2 span{ font-size:26px; }
.UserSeatKioskMain .sponge-main-book  > div > div.box{position:relative;height: 435px; overflow:hidden; z-index:10; padding:0 0; width:100%; }
.UserSeatKioskMain .sponge-main-book  > div > div.box > ul{position:absolute;top: 0;left:0;width:100%;white-space:nowrap;word-wrap:normal;padding-top: 10px; height:435px; overflow:hidden; text-align:center; }
.UserSeatKioskMain .sponge-main-book  > div > div.box > ul > li{float:left;width:335px !important;transform: translateY(0);transition: transform 0.25s ease;}
.UserSeatKioskMain .sponge-main-book  > div > div.box > ul > li:hover{transform: translateY(-7px);}
.UserSeatKioskMain .sponge-main-book  > div > div.box > ul > li a{display:inline-block; width: 260px; height:435px; text-align:left; position:relative; overflow:hidden;}
.UserSeatKioskMain .sponge-main-book  > div > div.box > ul > li a img{ width: 260px;height: 383px; }
.UserSeatKioskMain .sponge-main-book  > div > div.box > ul > li a span{display:block;color:#fff;text-align:center;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis; margin-top:15px;width: 260px; font-size:18px;}
.UserSeatKioskMain .sponge-main-book  > div > div.box > ul > li a span.writer{display:block;color:#acacac;text-align:center;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}





.UserSeatKioskMain .sponge-main-book.sponge-main-schedule  > div > div.box > ul > li{text-align:left;}

.UserSeatKioskMain .sponge-main-book.sponge-main-schedule  > div > div.box > ul > li a{width: 300px; height:430px;}
.UserSeatKioskMain .sponge-main-book.sponge-main-schedule  > div > div.box > ul > li a img{ width: 300px; height: 300px; }
.UserSeatKioskMain .sponge-main-book.sponge-main-schedule  > div > div.box > ul > li a span{width: 300px; }

.UserSeatKioskMain .sponge-main-book  > div > div.box > ul > li a i{position:absolute; right:0px; top:0px;}
.UserSeatKioskMain .sponge-main-book  > div > div.box > ul > li a i > p.label{ font-size:14px; display:block; min-width:80px;  font-style:normal; text-align:center;  padding:6px 3px; color:#fff; margin:0; border-radius:0;  }

/* 필독도서, 신착도서, 인기도서 세로*/
/* Book */
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book{ position:absolute; box-sizing: border-box;  width:100%; top:350px; z-index:1000; padding-left:60px; padding-right:60px;  }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div{ margin:0 auto; width:100%; background-color:#3f3f3f; position:relative; padding:30px 30px 60px 80px; box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.5); }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.title{}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.title h2{ color:#fff; font-size:60px; margin:0; line-height:50px;  text-shadow: 0 3px 3px rgba(0, 0, 0, 0.5); margin-bottom:50px; font-weight:600; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.title h2 span{ font-size:26px; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box{position:relative;height: 435px; overflow:hidden; z-index:10; padding:0 0; width:100%; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul{position:absolute;top: 0;left:0;width:100%;white-space:nowrap;word-wrap:normal;padding-top: 10px; height:435px; overflow:hidden; text-align:center; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li{float:left;width:335px !important;transform: translateY(0);transition: transform 0.25s ease;}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li:hover{transform: translateY(-7px);}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a{display:inline-block; width: 260px; height:435px; text-align:left; position:relative; overflow:hidden;}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a img{ width: 260px;height: 383px; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a span{display:block;color:#fff;text-align:center;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis; margin-top:15px;width: 260px; font-size:18px;}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a span.writer{display:block;color:#acacac;text-align:center;overflow:hidden;word-break:break-all;white-space:nowrap;text-overflow:ellipsis}






.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book.sponge-main-schedule  > div > div.box > ul > li{text-align:left;}

.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book.sponge-main-schedule  > div > div.box > ul > li a{width: 300px; height:430px;}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book.sponge-main-schedule  > div > div.box > ul > li a img{ width: 300px; height: 300px; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book.sponge-main-schedule  > div > div.box > ul > li a span{width: 300px; }

.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i{position:absolute; right:0px; top:0px;}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i > p.label{ font-size:14px; display:block; min-width:80px;  font-style:normal; text-align:center;  padding:6px 3px; color:#fff; margin:0; border-radius:0;  }
/*.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag01 { background-color: #ffc644; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag02 { background-color: #fbaffe; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag03 { background-color: #acd887; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag04 { background-color: #dcdcdc; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag05 { background-color: #0be0e0; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag06 { background-color: #FCF8E3; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag07 { background-color: #77c004; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag08 { background-color: #69aefc; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag09 { background-color: #edc56b; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag10 { background-color: #f69e6c; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag11 { background-color: #b1b3a9; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag12 { background-color: #ee5871; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book  > div > div.box > ul > li a i.bag13 { background-color: #c253be; }*/


.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book .btns {position:absolute; top:95px; left:350px; display: block;transition:background 0.25s ease;}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book .btns > a{ display:inline-block; padding-right:32px; margin-right:30px; position:relative;}
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book .btns > a::before{  content:''; background-color:rgba(255, 255, 255, 0.6); width:1px; height:47px; position:absolute; right:0; top:0; }
.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book .btns > a:last-child::before{ display:none;}
/*.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book .btns a:hover{background-color: #154a46;}*/
/*.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book .btns a.prev{right: 0;}*/
/*.UserSeatKioskMain .sponge-layout-kiosk-newbook .sponge-main-book .btns a.next{left: 0;}*/

.UserSeatKioskMain .floor-guide{ position:absolute; box-sizing: border-box;  width:100%; top:350px; z-index:1000;  padding-left:60px; padding-right:60px; }
.UserSeatKioskMain .floor-guide > div{ margin:0 auto; width:100%; background-color:#3f3f3f;  position:relative; padding:40px;box-shadow: 5px 10px 5px rgba(0, 0, 0, 0.5); }

.UserSeatKioskMain .floor-guide > div > .floor-img{ width:930px; min-height:640px; float:left; background-color:#fff; }
.UserSeatKioskMain .floor-guide > div > .floor-img > div, .UserSeatKioskMain .floor-guide > div > .floor-img > div > img{ width:100%; }
.UserSeatKioskMain .floor-guide > div > .floor-list{ width:700px; float:right;}
.UserSeatKioskMain .floor-guide > div > .floor-list .box > li.title_h3{ border-bottom:1px solid #fff; padding:0 0 5px 0;  margin-top:40px; margin-bottom:20px; width:100%;}
.UserSeatKioskMain .floor-guide > div > .floor-list .box > li.title_h3.first {margin-top:0;}
.UserSeatKioskMain .floor-guide > div > .floor-list .box > li.title_h3 > h3{ color:#fff; font-size:50px; padding:0; margin:0;}


.UserSeatKioskMain .floor-guide > div > .floor-list .box{}
.UserSeatKioskMain .floor-guide > div > .floor-list .box > li{display:inline-block; min-width:220px;  }
.UserSeatKioskMain .floor-guide > div > .floor-list .box > li > a{ display:block; width:100%; padding:10px 20px; border:3px solid #fff; border-radius:50px; text-align:center; font-size:24px; color:#fff;  margin-bottom:10px; font-weight:600; }
.UserSeatKioskMain .floor-guide > div > .floor-list .box a:hover, .UserSeatKioskMain .floor-guide > div > .floor-list .box > li.active > a { background-color:#fff; color:#000; }

.UserSeatKioskMain .modal-content{ border-radius:0;border:1px solid #555; }
.UserSeatKioskMain .modal-header{background-color:rgb(204,204,204); border-radius:0; color:#000; font-size:20px; border-bottom:1px solid #555;}
.UserSeatKioskMain .modal-header button.close{color:#000; opacity:0.7; margin-top:5px;}
.UserSeatKioskMain .modal-title{color:#000; font-weight:600;}
.UserSeatKioskMain .modal-footer{ border-top:1px solid #555; }
.UserSeatKioskMain .modal-footer .btn{ border-radius:0; }
.UserSeatKioskMain .modal-footer .btn-black{ background-color:#000; color:#fff; }


.UserSeatKioskMain #footArea { position:absolute; bottom:0; display:none; }

.sponge-gallery-row .sponge-gallery-col > div.sponge-gallery-title{text-align:left;}

.sponge-banner #sponge-header{ height:auto;  }
.sponge-banner #sponge-header .navbar{ height:auto; min-height:75px; border-bottom:1px solid #ddd; }
.sponge-banner #sponge-header .container{ width:100%; padding:0 15px; }
.sponge-banner .navbar-header h1{ margin:10px 0;}
.sponge-banner .navbar-header h1 a{ background-image:none; width:auto; height:auto; }



/* infoBox */  .sponge-banner .navbar-header{width:100%;}
.sponge-banner #slides.infoBox{ margin-right:0px; text-align:right; margin-top:0; transition-duration: 0.9s, 0s; z-index:300; border-width:0; background-color:transparent; padding:0; color:#555; border-radius:0;position:absolute; left:450px; top:20px; width:50%;}
.sponge-banner #slides.infoBox .infoBox_slides_notice{}
.sponge-banner #slides.infoBox .infoBox_slides_notice > img{ float:left; margin-right:20px;}
.sponge-banner #slides.infoBox .infoBox_slides_notice > .slides_container{ float:left; width:600px; margin-top:5px; overflow:hidden !important; text-overflow:ellipsis !important; white-space:nowrap !important; height:25px;}
.sponge-banner #slides.infoBox .infoBox_slides_notice > .slides_container .infoBox_slides_notice_list{ font-size:18px;}


.infoBox-slides .prev, .infoBox-slides .next, .infoBox-slides .pagination{  display:none;}

.sponge-banner .infoBox-slides .nav a{  /*min-width:400px;*/  }
      

.sponge-banner .clicker_art_inner_content.clicker_art_inner_content_banner.digital-clock { position:absolute; right:15px; top:12px; padding: 0px; border: 0px; background-color: transparent; box-shadow: none; font-size: 20px; 
text-shadow: none; background-image: none; width: auto; height: auto; }
.sponge-banner .clicker_art_inner_content.clicker_art_inner_content_banner.digital-clock ul { width: auto; }
.sponge-banner .clicker_art_inner_content.clicker_art_inner_content_banner.digital-clock ul li { font-size: 30px; text-shadow: none; font-weight: 600; letter-spacing: -1px; display:inline-block; color:#555; }


.UserSeatKiosk-vertical-banner{}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-body-bg{ padding:0; }
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-header{position:fixed; top:0; left:0; right:0; z-index:200; height:125px; background-color:#000;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-header .navbar-header h1 { margin:40px; font-size:40px;}
/*.UserSeatKiosk-vertical-banner .clicker-kiosk2019-header h1 img{ max-height:60px;}*/
.UserSeatKiosk-vertical-banner :last-child.navbar-right.navbar-nav.infoBox{ padding-right:40px; padding-top:12px;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-header .infoBox .clicker_art_inner_content.digital-clock ul li{ font-size:40px;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-main {z-index:300; top:480px; padding:0;left:50px; right:50px; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-main { top:40%;  }
.UserSeatKiosk-vertical-banner .wrap-index { overflow: hidden; position:fixed; top:0; left:0; right:0; height:100vh; z-index:97; padding-top:125px; }
.UserSeatKiosk-vertical-banner .wrap-bg{ position:fixed; top:0; left:0; right:0; height:100vh; z-index:98;
background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.2) 10%,rgba(0,0,0,0.44) 29%,rgba(0,0,0,1) 38%,rgba(0,0,0,1) 100%); 


 }

/*slider*/

.UserSeatKiosk-vertical-banner .slider { float: left; height:918px; width: 100%; position: absolute; }
.UserSeatKiosk-vertical-banner .slider .jquery-reslider .slider-block {width: 100%; height: 100%; position: absolute; top:0; z-index: 1; background-position: center top; background-repeat: no-repeat; background-size: 1903px; opacity: 0; animation:sunday 7s 2s infinite alternate; -webkit-animation:sunday 7s infinite alternate; -moz-animation:sunday 7s infinite alternate; -o-animation:sunday 7s infinite alternate; -ms-animation:sunday 7s infinite alternate;} 
@keyframes sunday{ 10%{background-size:1903px;} /*50%{background-size:105%;}*/  100%{background-size:2100px;} }
.UserSeatKiosk-vertical-banner .slider .jquery-reslider .slider-direction { position:fixed; top: 32%; cursor: pointer; z-index:5000 !important; font-size:40px; color:#fff; opacity:0.6; display:none;  } 
.UserSeatKiosk-vertical-banner .slider .jquery-reslider .slider-direction.slider-direction-prev {left: 20px; /*background: url('../Images/main/prev.png') no-repeat; */ }
.UserSeatKiosk-vertical-banner .slider .jquery-reslider .slider-direction.slider-direction-next {right: 20px; /*background: url('../Images/main/next.png') no-repeat*/ }
.UserSeatKiosk-vertical-banner .slider .jquery-reslider .slider-direction:hover{opacity:1;}
.UserSeatKiosk-vertical-banner .slider .jquery-reslider .slider-dots {position: absolute; width: 100%; text-align: center; top: 400px; z-index:5000 !important; }
.UserSeatKiosk-vertical-banner .slider .jquery-reslider .slider-dots li {width: 20px; height: 20px; border-radius: 100px; display: inline-block; margin: 10px; border: 1px solid #ffffff; cursor: pointer; }
.UserSeatKiosk-vertical-banner .slider .jquery-reslider .slider-dots li.active {background-color: #ffffff; }




.UserSeatKiosk-vertical-banner .sponge-main-text{ top:140px;}
.UserSeatKiosk-vertical-banner .sponge-main-text > p{ font-size:25px;}
.UserSeatKiosk-vertical-banner .sponge-main-text > p:nth-child(1){ font-size:400%;}


.UserSeatKiosk-vertical-banner .clicker-kiosk2019-left{ width:100%; bottom:auto; top:auto; left:auto; right:auto; height:850px; }
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-left-back{ min-height:800px; bottom:auto; border-radius:100px;}
.UserSeatKiosk-vertical-banner #clicker_right_panel_list_name{ background-color:#1e84e8; color:#fff; font-size:40px; left:0; right:0; top:0; border-radius:100px 100px 0 0; padding:20px; height:113px; text-align:center; }


.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right{ width:100%; min-height:0;}


.UserSeatKiosk-vertical-banner .seat-out-box-list ul{ text-align:center; margin-bottom:50px;}
.UserSeatKiosk-vertical-banner .seat-out-box-list ul li{ display:inline-block; float:none; width:auto; margin:0 40px; }

.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right-btn{}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right-btn > .col-md-6{ width:45%;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right-btn > .col-md-6:last-child{ float:right;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn{ border-radius:10px; height:100px; padding-top:40px; font-size:30px; margin-bottom:12px; font-weight:600;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn.active{ background-color:#0566f5; background: linear-gradient(to bottom,  rgba(5,103,247,1) 0%,rgba(0,57,186,1) 100%);}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn span.nolist{ position:unset; float:none; display:inline-block; font-size:40px; vertical-align:middle; margin-left:10px;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn .clicker-board-triangle{ top:4px; right:4px; height:30px;  min-width:80px; padding-top:3px; border-radius:8px; background-color:#0566f5;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn.active .clicker-board-triangle{ background-color:#fff;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn .clicker-board-triangle.gray{ background-color:#555;}
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn .clicker-board-triangle > span{ font-size:18px; line-height:18px; }
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn.active span.nolist{ color:#fff; }
.UserSeatKiosk-vertical-banner .clicker-kiosk2019-right > .clicker-kiosk2019-right-btn > .col-md-6 > a.btn.active  .clicker-board-triangle > span{ color:#0566f5;}


.UserSeatKiosk-vertical-banner .swiper-container { width: 100%; height: 600px; margin-left: auto; margin-right: auto; position: absolute; }
.UserSeatKiosk-vertical-banner .slider .swiper-wrapper .swiper-slide { vertical-align:top; text-align: center; font-size: 18px; background-color:transparent; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; 
-webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: baseline; align-items: baseline; }
.UserSeatKiosk-vertical-banner .slider .swiper-wrapper .swiper-slide > img{min-width:100%; height:auto !important; vertical-align:top;}
.UserSeatKiosk-vertical-banner .slider .swiper-wrapper .swiper-slide > iframe{ /*position:absolute; top:-220px;*/ } 
.UserSeatKiosk-vertical-banner video { position: fixed; right: 0; bottom: 0; min-width: 100%; min-height: 0; width: auto; height: auto; z-index: -100; background: url(polina.jpg) no-repeat; background-size: cover; pointer-events: none; }
      
.UserSeatKiosk-vertical-banner .swiper-button-next, .swiper-button-prev { z-index:1000;}

@media only screen and (max-width : 1290px) {

.UserSeatKiosk-vertical-banner .seat-out-box-list ul li{ font-size:21px;}
.UserSeatKiosk-vertical-banner .seat-out-box-list ul li i.seat-out-box {  width: 50px; height: 50px;  border:3px solid #454545; border-radius:10px; margin-right:10px; }
}
.UserSeatKiosk-vertical-banner-main{ background-image:none;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right > .row{ margin:0; padding:0; position:relative; min-height:580px; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right > .row > div{margin:0; padding:0;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right > .row > div.col-md-5{width:55%; float:right; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right > .row > div.col-md-7{width:100%; position:absolute; }

.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right > .row > div.clicker-kiosk2019-right-btn{  }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn{ border-radius:20px; height:220px; margin-bottom:20px; margin-right:19px; padding:0 5px; width:200px;  float:left; display:table; text-align:center; 
font-size:200%; padding:0; line-height:normal; background-color:#282834; color:#fff;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn.active{ background-color:#156bb4; border:1px solid #156bb4; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(1){ width:420px; height:247px;background: linear-gradient(to right,  #287ad6 0%,#287ad6 39%,#41a0f1 100%);  color:#fff; font-size:60px; margin-right:540px; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(2){   }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(3){ }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(4){ }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(5){ margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(6){ float:right; margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(7){ }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(8){ }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(9){ margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(10){ float:right; margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(11){ }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(12){ }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(13){ margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(14){ float:right; margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(15){  }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(16){  }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(17){ margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(18){ float:right; margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(19){  }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(20){  }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(21){ margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(22){ float:right; margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(23){  }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(24){  }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(25){ margin-right:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(26){ float:right; margin-right:0; }

.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn br{ display:block;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn > span{ display:table-cell; vertical-align:middle; font-weight:600;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn.active > span > span{ color:#ffed82; font-weight:normal;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn > span > span.fa-icon{ font-weight:unset; display:inline-block; font-size:200%; margin-bottom:5px; position:absolute; right:0; bottom:0;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn > span > span.fa-icon-img{ background: url('images/icon/kiosk_banner2024_icon01.png') no-repeat; width:219px; height:154px; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn > span > span.fa-icon-img02{ background-image: url('images/icon/kiosk_banner2024_icon02.png'); width:170px; height:110px; background-size:100%; right:-35px; bottom:-2px;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn > span > span.fa-icon-img03{ background-image: url('images/icon/kiosk_banner2024_icon03.png'); width:125px; height:112px; background-size:100%; right:-8px; bottom:-4px;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(1) > span > span.fa-icon{ color:#fff; margin-bottom:0; }
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn:nth-child(1) > span > span.fa-icon-img{  filter: brightness(0) invert(1);  }


.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn i.clicker-board-triangle{ color:#fff; display:block; font-size:14px; padding:3px 5px; height:auto;}
.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right .clicker-kiosk2019-right-btn > a.btn.active i.clicker-board-triangle{ color:#156bb4; }


.UserSeatKiosk-vertical-banner-main .clicker-kiosk2019-right > .row > div.clicker-kiosk2019-right-content{ display:normal;}
.clicker-kiosk-board{background-color:#121212; padding:0 20px; height:487px; overflow:hidden; margin-bottom:20px;width:100%; border-radius:20px; border:1px solid rgba(255,255,255, 0.25);}
.clicker-kiosk-board .title { border-bottom:2px solid rgba(255,255,255, 0.25); }
.clicker-kiosk-board .title > h3{ margin:0; text-align:center; padding:20px; }
.clicker-kiosk-board .title > h3 > a{  color:#fff; font-size:36px; font-weight:600; }
.clicker-kiosk-board ul{ padding:20px 0px; margin:0 0 0 0; clear:both; }
.clicker-kiosk-board ul > li{ clear:both; width:100%; margin:0;  overflow:hidden; vertical-align:bottom; border-bottom:0px solid #dcdbdb; position:relative; font-size:24px; }
.clicker-kiosk-board ul > li:last-child{ border-bottom-width:0;}
.clicker-kiosk-board ul > li > a{ display:block; color:#fff; text-align:left; width:100%; padding:15px 130px 15px 0; height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.clicker-kiosk-board ul > li > p{ position:absolute; right:0; top:0; padding:15px 0; text-align:right;  margin:0px;  color:#fff; opacity:0.5;} 
.clicker-kiosk-board ul > li > a:hover{ color: #ffdb76; }

.clicker-right-guide{ padding:0 0; width:730px; position:absolute; left:-250px;display:table;}
.clicker-right-guide > a{ padding:0 20px; position:relative; text-align:center; font-size:300%; color:#fff; font-weight:600; opacity:1; width:100%; height:170px; vertical-align:middle; display:table-cell; }
.clicker-right-guide > a:hover{  color:#fff; }
.clicker-right-guide > a > span{ opacity:1;  z-index:200; position:relative; top:0; left:0; width:100%; }
.clicker-right-guide > a > span > i{ border:5px solid #fff; border-radius:50%; height:100px; width:100px; display:inline-block; vertical-align:middle;  margin-right:20px;}
.clicker-right-guide > a > span > i > i{ vertical-align:middle; }
.clicker-right-guide > a::before{ content:""; background:url('/clicker/images/Background/clicker_libraryGuide.jpg'); opacity:0.4; position:absolute; top:0; left:0; right:0; bottom:0; }




/* 신착도서 -----------------------------------------------------------------------------------------------------------------------------------------*/  

.sponge-layout-kiosk-newbook{padding:20px 0 0 0;  }

.sponge-layout-kiosk-newbook > div .title{ padding:0;}
.sponge-layout-kiosk-newbook > div h3{ font-size:30px; display:block; padding:0 0 0 0; border-width:0; background-color:transparent; font-weight:600; color:#fff;}

.sponge-layout-kiosk-newbook .nav-tabs{text-align:center; margin-bottom:40px; }
.sponge-layout-kiosk-newbook .nav-tabs > li{ float:none; display:inline-block;}
.sponge-layout-kiosk-newbook .nav-tabs > li > a{ font-size:45px; display:block; padding:0 0 0 0; text-align:center; border-width:0; background-color:transparent; font-weight:600; color:#fff; }
.sponge-layout-kiosk-newbook .nav-tabs > li > a > span{position:relative; display:inline-block;  text-align:center; width:200px; height:57px;}
.sponge-layout-kiosk-newbook .nav-tabs > li > a > span > span{position:absolute; width:100%; left:0;  z-index:3; color:#fff;}
.sponge-layout-kiosk-newbook .nav-tabs > li > a > span > i{ content:''; display:block; width:100%; position:absolute; height:9px; background-color:transparent;  z-index:1; bottom:0; }
.sponge-layout-kiosk-newbook .nav-tabs > li.active > a{ border-width:0; background-color:transparent; }
.sponge-layout-kiosk-newbook .nav-tabs > li.active > a > span > i{ background-color:#156bb4; }

.sponge-layout-kiosk-newbook a.main-more-icon{position:absolute; right:30px; top:30px; display:block; vertical-align:top; color:#fff; padding:0; font-size:40px; }
.sponge-layout-kiosk-newbook a.main-more-icon > span{ font-family:'굴림'; font-size:90%; }

.sponge-layout-kiosk-newbook > .row{ width:1440px; margin:0 auto; padding:0; }

.sponge-layout-kiosk-newbook .sponge-main-book{ box-sizing: border-box; }

.sponge-layout-kiosk-newbook .sponge-main-book > ul{ padding-top:0px; }
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li{width:100%; position:relative;}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div{width:100%; }
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li p.noData{display:none;position:absolute;top:100px;left:25px;}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li.active p.noData{display:block}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li.active > div{display:block}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li> h2 a:before{content: '';opacity: 0;display: block;position: absolute;top: 0;right: 50%;left: 50%;height: 3px;background-color: #06603c;transition: right 0.25s ease, left 0.25s ease, opacity 0.25s ease;}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li.active > h2 a:before{left: 0;right: 0;opacity: 1;}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div{position:relative;height: 230px;margin:0 20px;overflow:hidden;z-index:10; /*width:100%;*/ }

.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div > ul{ position:absolute;top: 0;left:0;width:100%;padding-top: 10px; padding-left:15px; height:230px; overflow:hidden; text-align:left; width:1440px !important;}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div > ul > li{ display:inline-block; width:186px !important; height:230px; padding:0 0% 0 0; margin:0px;  text-align:left;}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div > ul > li > span{ width:147px;  height:202px; background: url('/Users/Kkot/Images/main/bookBglogo.png') no-repeat; padding:0px; position:relative; display:block; overflow:hidden; word-break:keep-all; }
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div > ul > li > span > img{ width:138px; height:202px; border:1px solid #c6c6ca; transition: all 0.4s; transform-origin: left top;}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div > ul > li > span:hover > img{ }
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div > ul > li > span > span{ word-break:keep-all; overflow:hidden; display:none; position:absolute; width:138px; height:202px; padding:15px 5px; background-color:rgba(192,0,13, 0.7); top:0; text-align:center; font-weight:600; color:#fff; }
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div > ul > li > span:hover > span{ display:table; animation-name:top; animation-duration:1s; -webkit-animation-name:top; -webkit-animation-duration:1s;}
.sponge-layout-kiosk-newbook .sponge-main-book > ul > li > div > div > ul > li > span:hover > span > span{ display:table-cell; vertical-align:middle; }

.sponge-layout-kiosk-newbook .sponge-main-book ul > li .btns{display:none; position:absolute; top:85px; left:0}
.sponge-layout-kiosk-newbook .sponge-main-book ul > li.active .btns{display:block}
.sponge-layout-kiosk-newbook .sponge-main-book .btns a{position:absolute;top:0;display: block; transition:background 0.25s ease; z-index:2000; font-family:'나눔고딕'; color:#fff; font-size:30px; }
.sponge-layout-kiosk-newbook .sponge-main-book .btns a span.glyphicon{ color:#c9c9c9; font-size:20px;}
.sponge-layout-kiosk-newbook .sponge-main-book .btns a:hover span.glyphicon{ color:#86aedb; }
.sponge-layout-kiosk-newbook .sponge-main-book .btns a.prev{right: -25px;}
.sponge-layout-kiosk-newbook .sponge-main-book .btns a.next{left: -25px;}


@keyframes top
{
from {top:245px; opacity:0;}
to   {top:0; opacity:1; }
}





.UserSeatKiosk-vertical-banner #footArea {display:block; z-index:500; left:0; }
.UserSeatKiosk-vertical-banner #footArea .clicker-kiosk-footer{ text-align:right; padding-right:50px; border-top:1px solid #3e4967; background: linear-gradient(to bottom,  rgba(4,14,42,1) 0%,rgba(2,8,23,1) 47%,rgba(4,14,43,1) 100%); box-shadow: 0px 10px 20px rgba(255,255,255, 0.8);}
.UserSeatKiosk-vertical-banner #footArea .clicker-kiosk-footer a.btn{ border-radius:50px; background-color:#133b6c; float:none; border-color:#133b6c; padding:25px; font-size:21px; margin-left:10px;}





.cont {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;    
}

.lds-ring {
    display: none;
    position: relative;
    width: 80px;
    height: 80px;
    text-align:center;
}

    .lds-ring div {
        box-sizing: border-box;
        display: block;
        position: absolute;
        width: 64px;
        height: 64px;
        margin: 8px;
        border: 8px solid #000;
        border-radius: 50%;
        animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
        border-color: #000 transparent transparent transparent;
    }

        .lds-ring div:nth-child(1) {
            animation-delay: -0.45s;
        }

        .lds-ring div:nth-child(2) {
            animation-delay: -0.3s;
        }

        .lds-ring div:nth-child(3) {
            animation-delay: -0.15s;
        }

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
/*.sponge-page-guide .noList-s ul, .sponge-page-guide .noList-s1 ul{ padding:0; }*/
/*.sponge-page-guide .noList-s ul > li{ padding:0; }*/
.sponge-page-guide .noList-s ul > li:before, .sponge-page-guide .noList-s1 ul > li:before{ display:none; }

.sponge-site-clicker-map{ width:100%; border-top:1px solid #555; }
.sponge-site-clicker-map > li { width:20%; display:inline-block; height:230px; float:left; border:1px solid #555; border-right-width:0; border-top-width:0; padding:15px; position:relative; overflow:hidden; }
.sponge-site-clicker-map > li:last-child, .sponge-site-clicker-map > li:nth-child(5n+5) {  border-right-width:1px; }
.sponge-site-clicker-map > li:nth-child(1), .sponge-site-clicker-map > li:nth-child(4), .sponge-site-clicker-map > li:nth-child(7), .sponge-site-clicker-map > li:nth-child(10), 
.sponge-site-clicker-map > li:nth-child(11), .sponge-site-clicker-map > li:nth-child(13), .sponge-site-clicker-map > li:nth-child(17), .sponge-site-clicker-map > li:nth-child(19),
.sponge-site-clicker-map > li:nth-child(21), .sponge-site-clicker-map > li:nth-child(23), .sponge-site-clicker-map > li:nth-child(25)
{ background-color:#3961aa; border-color:#3961aa;  color:#fff;}
.sponge-site-clicker-map > li a{color:#000;}
.sponge-site-clicker-map > li:nth-child(1) a, .sponge-site-clicker-map > li:nth-child(4) a, .sponge-site-clicker-map > li:nth-child(7) a, .sponge-site-clicker-map > li:nth-child(10) a, 
.sponge-site-clicker-map > li:nth-child(11) a, .sponge-site-clicker-map > li:nth-child(13) a, .sponge-site-clicker-map > li:nth-child(17) a, .sponge-site-clicker-map > li:nth-child(19) a,
.sponge-site-clicker-map > li:nth-child(21) a, .sponge-site-clicker-map > li:nth-child(23) a, .sponge-site-clicker-map > li:nth-child(25) a, .sponge-site-clicker-map > li:nth-child(19) a
{ color:#fff;}
.sponge-site-clicker-map .metro_icon{ opacity:0.2; position:absolute; right:-40px; top:30px; font-size:200px;  }
.sponge-site-clicker-map > li:nth-child(odd) .metro_icon{ top:-80px;}


#list-html span.metro_text { font-weight: 600; color:#000; font-size:120%; margin-bottom:5px; display:block;}

#list-html .sponge-site-clicker-map > li:nth-child(1)  span.metro_text, #list-html .sponge-site-clicker-map > li:nth-child(4)  span.metro_text , #list-html .sponge-site-clicker-map > li:nth-child(7)  span.metro_text, #list-html .sponge-site-clicker-map > li:nth-child(10)  span.metro_text, 
#list-html .sponge-site-clicker-map > li:nth-child(11)  span.metro_text, #list-html .sponge-site-clicker-map > li:nth-child(13)  span.metro_text, #list-html .sponge-site-clicker-map > li:nth-child(17)  span.metro_text, #list-html .sponge-site-clicker-map > li:nth-child(19)  span.metro_text,
#list-html .sponge-site-clicker-map > li:nth-child(21)  span.metro_text, #list-html .sponge-site-clicker-map > li:nth-child(23)  span.metro_text, #list-html .sponge-site-clicker-map > li:nth-child(25)  span.metro_text 
 { color:#fff;}


.sponge-site-clicker-map > li .metro_menu{ position:absolute; z-index:200;}

.sponge-page-guide .card-head .sponge-nav-tabs{ margin-top:0;}


.clicker-layout-banner{ font-size:36px; height:100vh; background: url('/Clicker/images/Background/BannerDashBoard.jpg') no-repeat; overflow:hidden;}
.clicker-layout-banner-sub{background: url('/Clicker/images/Background/BannerDashBoardSub.jpg') no-repeat;}
.clicker-layout-banner .container{ width:100%; padding:0 0; margin:0;}
.clicker-layout-banner #sponge-header .container{ padding:0 30px; }
.clicker-layout-banner #sponge-header{ background-color:#231815; /*background-color:#fff;*/ }
.clicker-layout-banner #sponge-header .sponge-navbar-brand > img{max-height:48px;}
.clicker-layout-banner #sponge-header .navbar{ height:auto; margin-bottom:0; min-height:0;}
.clicker-layout-banner #sponge-header .navbar-brand{ height:auto; padding:15px;}
.clicker-layout-banner #sponge-header h1{ margin:0; display:block;}
.clicker-layout-banner #sponge-header h1 > a > img{}
 
.clicker-layout-banner .sponge-layout-wrap{  background-size:100%;}
.clicker-layout-banner .sponge-layout-content-sub-2021, .clicker-layout-banner .sponge-page-breadcrumbs-section, .clicker-layout-banner .sponge-layout-sub-search{width:1600px;}
.clicker-layout-banner .sponge-layout-content-main{ width:100%; overflow:hidden; margin:0 auto;  padding:0; }
.clicker-layout-banner .sponge-layout-content-sub{width:100%; overflow:hidden; padding-bottom:30px; margin:0 auto;  clear:both;}
.clicker-layout-banner .sponge-layout-content-container{ width:100%; padding-right:0px; float:left; display:inline; overflow:hidden;} 

/* ----------content "퀵메뉴 quick" to center the layout-------- */	 
.clicker-layout-banner #sponge-layout-content-container-quick{float:right; display:inline; position:fixed; top:263px; width:auto; padding-left:30px; z-index:0; transition-duration: 3.9s, 0s;}	
.clicker-layout-banner #scrollNavOver #sponge-layout-content-container-quick{ top:188px; }	
.clicker-layout-banner #quickMenu{width:auto; }
.clicker-layout-banner .sponge-top-btn{border:1px solid #bebebe; font-weight:500;width:auto; height:30px; padding:5px 8px; display:block; color:#3f3f3f; text-align:center;margin:1px 0;
                text-shadow: 3px 3px 3px #fff; background-color:#fff; background:#fff linear-gradient(#fff 40%, #ddd ) !important; line-height:5px; line-height:-1.5px; -webkit-text-size-adjust:none !important; font-size:13pt !important; 
 }


.clicker-banner-main { margin:0; padding:0;}
.clicker-banner-main > div.col-md-4{  width:40%; padding:0;}
.clicker-banner-main > div.col-md-4:nth-child(2){border-right:2px solid rgba(255, 255, 255, 0.53);border-left:2px solid rgba(255, 255, 255, 0.53);}
.clicker-banner-main > div.col-md-4:first-child{ width:27%; padding:50px 55px;}
.clicker-banner-main > div.col-md-4:last-child{ border-right-width:0;width:33%; }
.clicker-banner-main h3{background-color:rgba(85, 155, 212, 0.43); font-size:30px; padding:30px 55px; margin:0; color:#000; font-weight:600; }

.clicker-readingroom-brief .brief-list{  font-size:18px; margin-bottom:25px; border-radius:10px; background-color:#e8ebf2; border:1px solid rgba(255, 255, 255, 0.8);box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset; text-align:center;  }
.clicker-readingroom-brief .brief-list > div.brief-list-left{ border-radius:10px 0 0 10px; display:inline-block;  float:left; width:50%; padding:10px; color:#757575; }
.clicker-readingroom-brief .brief-list > div.brief-list-right{ border-radius:0 10px 10px 0; background-color:#3f4250; color:#fff; padding:10px;  display:inline-block; float:right; width:45%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.clicker-readingroom-brief .brief-list > div.brief-list-right p.l_room_name{  border-bottom:1px solid #32323a; margin-bottom:0; padding-bottom:15px; }
.clicker-readingroom-brief .brief-list > div.brief-list-right p.l_count{  border-top:1px solid #535461; margin-top:0; padding-top:25px; font-size:15px; }
.clicker-readingroom-brief .brief-list > div.brief-list-right p.l_count > span{ font-size:40px; }

.clicker-readingroom-brief .brief-list > div.brief-list-left .progress-bar-container{ display:block; position:relative;}


@property --progress-value {
  syntax: '<integer>';
  inherits: false;
  initial-value: 0;
}

@keyframes html-progress {
  to { --progress-value: 0; }
}

.clicker-readingroom-brief .brief-list > div.brief-list-left .progress-bar { animation: spinCircle1 10s ease-out infinite; width: 160px; height: 160px; border-radius: 50%; color:#757575; font-weight:600; justify-content: center; align-items: center; font-size:60px; margin-left:20px; margin-top:15px;}
.clicker-readingroom-brief .brief-list:nth-of-type(1) > div.brief-list-left .progress-bar { animation-delay: 1s;}
.clicker-readingroom-brief .brief-list:nth-of-type(2) > div.brief-list-left .progress-bar { animation-delay: 7s;}
.clicker-readingroom-brief .brief-list:nth-of-type(3) > div.brief-list-left .progress-bar { animation-delay: 15s;}
.clicker-readingroom-brief .brief-list:nth-of-type(4) > div.brief-list-left .progress-bar { animation-delay: 21s;}
/*#menu > li:nth-of-type(4) a{animation: navOn 7s ease-out infinite; animation-delay: 7.5s;}
#menu > li:nth-of-type(5) a{animation: navOn 7s ease-out infinite; animation-delay: 9s;}*/

@keyframes spinCircle1 {
    from {
        transform:translate(0, 0) rotate(0);
    }
    to {
        transform:translate(0, 0) rotate(360deg);
    }
}

/*.clicker-readingroom-brief .brief-list > div.brief-list-left .html { animation: html-progress 2s 1 forwards;}

.clicker-readingroom-brief .brief-list > div.brief-list-left .html::before { animation: html-progress 2s 1 forwards;}*/




.clicker-readingroom-brief progress { visibility: hidden; width: 0; height: 0;}




.progress-text{ position:absolute; width: 160px; height: 160px; left:20px; top:15px; background-color:transparent; }
.progress-text > p{line-height:normal; }
.progress-text > span.progress-top {display:inline-block; font-size:20px; margin:30px auto 0 auto; width:auto; padding:0 5px; }
.progress-text > hr{border-top:1px solid #e9e9e9; /*border-bottom:1px solid #e9edf1;*/ display:block; width:50%; margin:0 auto;}
.progress-text > p.progress-bottom { display:block; counter-reset: percentage var(--progress-value); /*content: counter(percentage) '';*/ content:none; font-size:60px; margin:0; padding-left:18px; letter-spacing:-2px;}
.progress-text > p.progress-bottom > span{ font-size:20px;}


.today-book{ width:100%;}
.today-book > dl{ width:100%; border-bottom:1px solid rgba(255, 255, 255, 0.53); color:#000; clear:both; margin-bottom:0; }
.today-book > dl:last-child{ border-bottom-width:0;  }
.today-book > dl > dt{ width:48%; display:inline-block; font-size:36px; padding:30px 50px 30px 50px; vertical-align:top; font-weight:600; }
.today-book > dl > dd{ width:48%; display:inline-block; text-align:right; font-size:60px; padding:15px 50px 0 50px; vertical-align:top; }
.today-book > dl > dd > span{ font-size:30px; }

.study-room{ padding:0 0;}
.study-room > div{ padding:0 50px;}
.study-room h3{ margin-bottom:15px; }
.study-room dl{ padding:10px 0;  border-bottom:1px solid rgba(255, 255, 255, 0.53);}
.study-room > div > dl:last-child{ border-bottom-width:0;}
.study-room dl dt{ font-size:30px; color:#000; width:500px; display:inline-block;}
.study-room dl dt > i{width:178px;display:inline-block;}
.study-room dl dt > i > i{width:178px; height:133px;  overflow:hidden; box-shadow:0px 5px 4px 2px rgba(0, 0, 0, .05); border-radius:10px; display:block; }
.study-room dl dt > i > i > img{ width:178px; height:133px; object-fit:cover; display:block;  transition-duration: 0.9s, 0s;}
.study-room dl dt > span{ display:inline-block; width:290px; padding-left:15px; font-weight:600;}
.study-room dl dt > span > span  { display:table;  height: 133px; }
.study-room dl dt > span > span > span { display:table-cell; vertical-align:middle; }
.study-room dl dd{ width:135px; display:inline-block; text-align:right;}
.study-room dl dd > span  { display:table;  height: 133px; width:133px; border-radius:50%; background-color:#fff; text-align:center; font-size:26px; font-weight:600;  }
.study-room dl dd > span > span  { display:table-cell; vertical-align:middle; }

.clicker-banner-time { color:#fff; text-align:center; width:100%; font-weight:600; height:336px;  padding-top:20px;}
.clicker-banner-time p{ margin:0 0 5px 0; }
.clicker-banner-time .time{ font-size:100px; margin:0;}

.remaining-seats{ text-align:center; color:#000; font-weight:600; }
.remaining-seats h3{ color:transparent;}
.remaining-seats .row{ padding-top:25px; }
.remaining-seats .row > .col-md-6{ padding:80px 0; border-right:1px solid rgba(255, 255, 255, 0.53);}
.remaining-seats .row > .col-md-6 > img{animation: navOn2 3s ease-out infinite; }
.remaining-seats .row > .col-md-6:nth-child(1) > img { animation-delay: 2s;}
.remaining-seats .row > .col-md-6:nth-child(2) > img { animation-delay: 4s;}

@keyframes navOn2{
    0%{transform: scale(1) perspective(500px) rotate(.001deg); opacity: 1;}
    20%{transform: scale(1.1)perspective(500px) rotate(.001deg); opacity: 1;}
    100%{transform: scale(1) perspective(500px) rotate(.001deg); opacity: 1;}
}

.remaining-seats .row > .col-md-6 p{margin-bottom:0;}
.remaining-seats .row > .col-md-6 p.seat-con{ font-size:60px; margin:0; }
.remaining-seats .row > .col-md-6 p.seat-con > span{ font-size:30px;}


/*1111111111111111111*/
.clicker-layout-banner-sub .clicker-banner-main{display:table; /*height:100vh;*/ width:100%;}
.clicker-readingroom-brief-sub { display:table-cell; vertical-align:middle; width:100%;}
.clicker-readingroom-brief-sub > ul{ text-align:center; margin:0; }
.clicker-readingroom-brief-sub > ul > li{ display:inline-block; margin:50px 25px; vertical-align:top; }
.clicker-readingroom-brief-sub .brief-list{  width:320px; height:620px; padding:30px; }
.clicker-readingroom-brief-sub .brief-list > div.brief-list-left{ width:100%;}
.clicker-readingroom-brief-sub .brief-list > div.brief-list-left .progress-bar{ margin:0; width:180px; height:180px;}
.clicker-readingroom-brief-sub .brief-list > div.brief-list-left .progress-bar-container{ width:180px; margin:0 auto;}
.clicker-readingroom-brief-sub .brief-list > div.brief-list-right{ border-radius:0; background-color:transparent; color:#000000; padding:10px; width:100%; box-shadow:none; }
.clicker-readingroom-brief-sub .brief-list > div.brief-list-right p.l_room_name{ font-size:40px; font-weight:600; border-color:#92949a; line-height:normal; padding-bottom:25px; }
.clicker-readingroom-brief-sub .brief-list > div.brief-list-right p.l_count{  border-color:#c9cbd2; font-size:30px; font-weight:600; color:#797b86; padding-top:50px; }
.clicker-readingroom-brief-sub .brief-list > div.brief-list-right p.l_count > span{ font-size:72px; color:#000000; }
.clicker-readingroom-brief-sub .brief-list > div.brief-list-right p.l_count > span > span{ font-size:40px; }

.clicker-readingroom-brief-sub .progress-text{  left:0; top:0; width:180px;}
.clicker-readingroom-brief-sub .progress-text > span.progress-top{}
.clicker-readingroom-brief-sub .progress-text > p.progress-bottom { font-size:65px; }


.clicker-banner-header{  margin:30px 80px; color:#fff; }
.clicker-banner-header > h3{ display:inline-block; float:left; font-size:70px; font-weight:600; }
.clicker-banner-header > .clicker-banner-time{display:inline-block; width:auto; height:auto; text-align:right; float:right; }
.clicker-banner-header > .clicker-banner-time > p{display:inline-block; width:auto;   text-align:center; line-height:normal;}



.clicker-readingroom-brief-sub.study-room{ padding:0 0;}


.clicker-readingroom-brief-sub.study-room .one > i > i{width:185px; height:185px;  overflow:hidden; box-shadow:0px 5px 4px 2px rgba(0, 0, 0, .05); border-radius:50%; display:block; margin:0 auto; }
.clicker-readingroom-brief-sub.study-room .one > i > i > img{ width:185px; height:185px; object-fit:cover; display:block;  transition-duration: 0.9s, 0s;}
.clicker-readingroom-brief-sub.study-room .one > span{ display:inline-block; width:290px; padding-left:15px; font-weight:600;}
.clicker-readingroom-brief-sub.study-room .one > span > span  { display:table;  height: 133px; }
.clicker-readingroom-brief-sub.study-room .one > span > span > span { display:table-cell; vertical-align:middle; }
.clicker-readingroom-brief-sub.study-room .brief-list > div.brief-list-right p.l_count > span > span{ font-size:60px; }


.clicker-banner-main-book{ width:100%; text-align:center; vertical-align:top;}
.clicker-banner-main-book > ul > li{position:relative; width:44%; margin:0 28px; padding:40px 10px 20px 50px; display:inline-block; background-color:#fff; text-align:left; border-radius:20px; vertical-align:top;}
.clicker-banner-main-book > ul > li > a{ padding:0px; position:relative; display:inline-block; overflow:hidden; word-break:keep-all;  width:201px;  height:293px; vertical-align:top; }
.clicker-banner-main-book > ul > li > a::before{ content:''; position:absolute; width:201px;  height:293px; background: url('/Clicker/images/Background/clickerBookBg.png') no-repeat top left;  display:block;}
.clicker-banner-main-book > ul > li > a > img{ width:201px; height:287px; transition: all 0.4s; transform-origin: left top; box-shadow:inset 5px 5px 5px #000; border:1px solid rgba(0,0,0,.1); border-bottom-width:0;}
.clicker-banner-main-book > ul > li > p{ width:calc(100% - 240px); display:inline-block; font-size:16px; line-height:31px; color:#000; padding-left:40px; height:290px; overflow-y:hidden; margin:0;text-align: justify;  }
.clicker-banner-main-book > ul > li > p > strong{ font-size:30px; line-height:normal; margin-bottom:0px; display:block; }


.sponge-main-book{box-sizing: border-box; margin:0 auto; width:100%; padding:50px 0 0 0;}

.sponge-main-book > ul{ padding-top:0px; }
.sponge-main-book > ul > li{width:100%; position:relative;}
.sponge-main-book > ul > li > div{width:100%; }
.sponge-main-book > ul > li > div.btns{ display:none; }
.sponge-main-book > ul > li p.noData{display:none;position:absolute;top:100px;left:25px;}
.sponge-main-book > ul > li.active p.noData{display:block}
.sponge-main-book > ul > li.active > div{display:block}
.sponge-main-book > ul > li> h2 a:before{content: '';opacity: 0;display: block;position: absolute;top: 0;right: 50%;left: 50%;height: 3px;background-color: #06603c;transition: right 0.25s ease, left 0.25s ease, opacity 0.25s ease;}
.sponge-main-book > ul > li.active > h2 a:before{left: 0;right: 0;opacity: 1;}
.sponge-main-book > ul > li > div > div{position:relative;height: 330px;margin:0 0 0 80px;overflow:hidden;z-index:10; }


.sponge-main-book > ul > li > div > div > ul{ position:absolute;top: 0;left:0;padding-top: 10px; height:315px; overflow:hidden; text-align:center; width:100% !important;}
.sponge-main-book > ul > li > div > div > ul > li{ display:inline-block; width:259px !important; height:315px; padding:0 0% 0 0; margin:0px;  text-align:left; float:left; }
.sponge-main-book > ul > li > div > div > ul > li > a{ padding:0px; position:relative; display:block; overflow:hidden; word-break:keep-all;  width:201px;  height:293px;}
.sponge-main-book > ul > li > div > div > ul > li > a::before{ content:''; position:absolute; width:201px;  height:293px; background: url('/Clicker/images/Background/clickerBookBg.png') no-repeat top left;  display:block;}
.sponge-main-book > ul > li > div > div > ul > li > a > img{ width:201px; height:286px; transition: all 0.4s; transform-origin: left top;}
.sponge-main-book > ul > li > div > div > ul > li > a:hover > img{ }
.sponge-main-book > ul > li > div > div > ul > li > a > span{display:none;}

/*.sponge-main-book > ul > li > div > div > ul > li:first-child, .sponge-main-book > ul > li > div > div > ul > li:nth-child(2){ display:inline-block; width:48% !important; height:230px; padding:0 0% 0 0; margin:0px;  text-align:left; float:left; }*/