﻿a:hover {
   
    color: #207dd0;
    font-weight:600;
}
       .clicker-wrap-body-main { background: #fff url("/Clicker/Users/kaist/images/clicker_main_background.png") repeat-x center top; }
        #skipnavi { display: none;}
        .hide{ display: none;}
        #clicker_div_masterpage_main_content { margin-top: 0px; margin-left: 0px;}
        .clicker-header{height:60px; border-bottom:2px solid #8c9197;}
        
        .topLogin { padding-top: 20px; text-align:right; letter-spacing:-0.5px;}
        .topLogin div, .topLogin a, .topLogin span, .topLogin img , .topLogin p { display:inline-block !important; vertical-align:top; margin:1px 0 0 0;  }
        .topLogin p {margin:1px 5px 0 0; }
        .topLogin h2, .topLine h3 { display: none; }
        .topLogin span {font-size:11px; margin:0 3px 0 0;  }
        .topLogin a.btn-sponge-default{background-color:transparent !important; border:0px !important;background:transparent linear-gradient(transparent 40%, transparent) !important; color:#555 !important; padding:0 !important; font-size:13px;}
        .topLogin a.btn-sponge-default:hover, .topLogin a.btn-sponge-default:focus{color: #207dd0 !important; }
        
        #wrap { margin: 0 auto; width: 1170px; }
        #wrap a:hover{ color: #207dd0; }
        
        /* -------- Main wrap --------- ***************************************************************************************************************************************/
        #content{margin:5px 0 35px 0; position: relative; overflow: hidden; clear:both;}
        
        .navbar-clicker h1{ padding-top:9px;}
        
        .clicker_qrCord h3{ display:none;}
        .clicker_qrCord p{ font-size:20px; font-weight:600; color:#fff; line-height:35px; padding-top:40px; padding-bottom:25px;}
        .clicker_qrCord span{ font-size:60px; font-weight:600; color:#fff; line-height:50px;}

        .clicker_qrCord_img{ width:350px; margin:20px 0 0 0;}
        .clicker_qrCord_img .oneLine{ width:140px; height:140px; border:1px solid #fff; border-radius:100px; text-align:center; padding-top:30px; margin-right:15px;}
        .clicker_qrCord_img .oneLine img{ width:65px; border:2px solid #fff; }
        .clicker_qrCord_img .oneLine span{ font-size:14px; }




        .maincontent{ clear:both;}
        .maincontent h2, h2.maincontent_title{ color:#207dd0; font-weight:600;  height: 24px;  clear: left;  margin-top: 30px; font-size:16px;}
        .clicker-content-top{background: url("/Clicker/Users/kaist/images/clicker_Header_bg.png") no-repeat 0px 0; height: 462px; position: relative; }
        .clicker_k_banner{ float: right; display: inline; padding-top:45px; height:404px;  }
        .clicker_k_banner h3{ display:none;}
        .clicker_k_banner ul{ margin:0 0 0 5px; width:85px; height:352px; display: inline; float: right; }
        .clicker_k_banner ul li{display: inline; float: left; width: 90px; height: 85px;}        
        .clicker_k_banner ul li a{width: 90px;  display: block;  color:#fff; text-align:center; vertical-align:top; letter-spacing:-0.5px; }
        .clicker_k_banner ul li a span{  font-size:35px; display: block; text-align:center; color:#fff !important; margin:0 auto;}
        .clicker_k_banner ul li a i.ho1{  font-size:35px; color:#fff !important; z-index:2;}
        .clicker_k_banner ul li a i.ho2{  font-size:25px; color:#ddd !important; margin-left:-10px; z-index:1;}
        .clicker_k_banner ul li a div{ clear:both; text-align:center; height:30px; width:40px; margin:0 auto; color:#f8b901 !important;}
        .clicker_k_banner ul li a div i.fa-spin{color:#eee !important;}
        .clicker_k_banner ul li a p{  font-size:14px; font-weight:600; line-height:15px; clear:both; margin:7px 0 10px 0;}
        .clicker_k_banner ul li a:hover, .clicker_k_banner ul li a:focus{ opacity: 0.7; text-decoration:none; color:#fff;}
        .fa-stack-1x, .fa-stack-2x{ left:auto; width:auto; }
        
        /*.clicker_k_banner{ float: right; display: inline; padding-top:25px; height:397px;  }
        .clicker_k_banner h3{ display:none;}
        .clicker_k_banner ul{ margin:0 0 0 10px; width:87px; height:352px; display: inline; float: right; }
        .clicker_k_banner ul li{display: inline; float: left; width: 87px; height: 95px;}        
        .clicker_k_banner ul li a{width: 87px; height: 93px; display: block; padding-top:14px; background: url(/Clicker/images/k_menu_back_black02.png) no-repeat left -95px; color:#000; text-align:center; vertical-align:top; letter-spacing:-1px;}
        .clicker_k_banner ul li a span{  font-size:35px; display: block; width: 87px; height:30px; text-align:center; padding-left:2px;}
        .clicker_k_banner ul li a div{ clear:both; text-align:center; height:30px; width:40px; margin:0 auto;}
        .clicker_k_banner ul li a p{  font-size:12px; font-weight:600; line-height:12px; clear:both;}
        .clicker_k_banner ul li a:hover{ background: url(/Clicker/images/k_menu_back_black02.png) no-repeat left top; color:#fff !important;}
        .fa-stack-1x, .fa-stack-2x{ left:auto; width:auto; }*/
       
        
        .board_clicker{clear:both; width: 100%; letter-spacing:-0.5px;}
        .board_clicker p{ margin:0px; font-size:20px; text-shadow:1px 1px 1px #000 !important; color:#fff; font-weight:600; padding-top:12px;  }
        .board_clicker div.board_main{ padding-top:17px;}     
        .board_clicker h3{ float: left; display: inline; margin:0; padding-top:3px;}       
        .board_clicker h3 a{ color:#000; font-size:16px; padding:3px 7px; border-radius:5px; background-color:#fff; width:auto; border:0px; }      
        .board_clicker ul{ float: left; display: inline; padding-top:2px; }
        .board_clicker ul li { padding-left:30px; margin:0;}
        .board_clicker ul li a{ color:#fff; font-size:14px; line-height:14px;}
        .board_clicker ul li a:hover{ color:#ffd728 !important;}

       
        /*배너 */

        .slides_container {float: left; display: inline; height:20px; overflow:hidden; margin:0; background: url("/Clicker/Users/kaist/images/boardUlbg.png") no-repeat 0px 10px; }               
        #slides { float: left; display: inline; width: 80%; }
        /*Next/prev buttons */
        #slides .next, #slides .prev{ position: absolute; top: 107px; left: -39px; width: 24px; height: 43px; display:none; z-index: 101; }
        #slides .next{left: 585px; display:none; visibility:hidden; }
        /* Pagination */
        #slides .pagination { float:right; text-align:right; padding:5px 0 0 0; margin:0; width:264px; height:20px; display:none; }
        #slides .pagination li {float: right; margin: 0 1px; display:inline; width:10px;}
        #slides .pagination li a {  display:block; float: right; width: 10px; height: 0; padding-top: 10px; background-image: url(/users/gcml/k/images/img/pagination.png); background-position: 0 0; overflow: hidden; margin:0 auto; }
        #slides .pagination li.current a { background-position: 0 -12px; width: 10px; height: 0; padding-top: 10px;}

        /*.clicker_for_study_room h2 { margin-top: 20px; margin-bottom: 5px; font-weight:600; color: #207dd0; font-size:10pt;}
       .clicker_for_readig_seat h2 { margin-top: 20px; margin-bottom: 5px; font-weight:600; color: #207dd0; font-size:10pt;}*/        
        
        /*.clicker-box-to-in {visibility: hidden; }
        .clicker-box-to-out  {visibility: hidden; }*/       
        
        .partition  { background: url("/Clicker/Images/partition.png") repeat 0px 0px; /*width: 943px;*/ height: 3px; margin-top:2px; }
        
        
        .languageLine{float: right; padding-left:5px; padding-top:13px;}
        .languageLine h2{ display:none;}

        .clicker-wrap-body{padding-bottom:20px;}

/*서비스 상세내역*/
.LendGuide{ line-height:25px; margin:0 auto; width:730px; font-size:large;}
.LendGuide h4{ margin:1px; color:#0c92be; padding:5px; font-size:xx-large; font-weight:600; margin:30px 0; text-align:center;}
.LendGuide h5{ background-color:#0c92be; color:#fff; padding:5px; font-weight:600; margin:20px 0; font-size:large;}
.LendGuide h6{ font-weight:600; margin:30px auto 15px auto; clear:left; font-size:large; width:612px; line-height:25px;}
.LendGuide ul{ margin-left:30px;}
.LendGuide li{line-height:22px; padding-left:10px; }
.LendGuide p{margin:10px auto; width:612px;}
.LendGuide .imgcs img{ border:1px solid #eee; background-color:#fff; padding:3px; text-align:center;}




/*키오스크 Map 처리*/
/*키오스크 Map 처리*/
#map .door1{ position: absolute; left:760px; top:400px; }
#map .door2{ position: absolute; left:400px; top:700px; }
#map .door3{ position: absolute; left:380px; top:430px; }
#map .door4{ position: absolute; left:680px; top:240px; }
#map .door5{ position: absolute; left:370px; top:320px; }
#map .door6{ position: absolute; left:400px; top:700px; }
#map .door7{ position: absolute; left:10px; top:70px; }
#map .door8{ position: absolute; left:360px; top:580px; }
#map .door9{ position: absolute; left:10px; top:560px; }
#map .door10{ position: absolute; left:80px; top:480px; }
#map .door11{ position: absolute; left:500px; top:700px; }

#map .map_1{ width:360px; height:220px; position: absolute; left:920px; top:550px; }
#map .map_2{ width:360px; height:220px; position: absolute; left:920px; top:550px; }

#map .step1{ position: absolute; left:710px; top:530px; display:none; }
#map .step2{ position: absolute; left:440px; top:500px;  display:none;}
#map .step3{ position: absolute; left:95px; top:800px; }
#map .step4{ position: absolute; left:115px; top:260px; }
#map .step5{ position: absolute; left:435px; top:360px; }

.clicker_room_current_status{  font-weight:600; color:#000; }

#clicker_right_panel_list_name  {position:absolute; right:30px; top: 20px; width:300px; height:50px; font-size:30px;  font-weight:500; color:#000; text-align:right}

.clicker_div_guide_logo{ background: url("/Clicker/Users/kaist/images/logo_opacity.png") no-repeat center center; }

#clicker_div_for_user_seat_bottom ul li{ width:49%; margin-right:0px;}

.breadcrumbs-clicker-desktop{background-color:transparent; color:#fff; margin-left:10px;}
.breadcrumbs-clicker-desktop a{color:#fff;}
.breadcrumb > .active{color:#fff;}

.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-page-title-section h3{  font-size:27px; color:#fff; padding:0px; text-shadow :0px 2px 4px rgba(0, 0, 0, 0.9); }


.login-action p{ display:inline-block; text-shadow :1px 1px 2px rgba(0, 0, 0, 0.6); margin:4px 0;}
.login-action a{ display:inline-block; color:#025682 !important; letter-spacing:-0.5px;  border:0px !important; padding:1px 3px !important; font-size:10px !important;}
.login-action a span{ display:none; }

.sponge-table-default th, .sponge-table-default td{vertical-align:middle;}


.sponge-form-inline input, .sponge-form-inline select{ vertical-align:middle; }
.sponge-form-inline select{ padding-top:0; }

.nav-tabs.nav-justified.nav-justified-20p > li{width:20%; display:inline-block; float:left; margin:0; padding:0;}
.nav-tabs.nav-justified.nav-justified-20p > li:nth-child(6) > a{ border-left-width:1px; }

.sponge-nav-tabs > li.active > a, .sponge-nav-tabs > li.active > a:hover, .sponge-nav-tabs > li.active > a:focus, .btn-sponge-default{    border-color: #5aa8dd;
    background: #5aa8dd;
    color: #fff !important;
    font-weight: 600;
    border-bottom: 1px solid #5aa8dd;}
.sponge-nav-tabs-25p > li { width:25%;}
.sponge-nav-tabs-25p > li > a{ width:100%; border-right-width:0;}
.sponge-nav-tabs-25p > li:nth-child(4n+4) > a{ border-right-width:1px;}