﻿a:hover {
    text-decoration:underline;
    color: #207dd0;
    font-weight:600;
}
.clicker-wrap-body{padding-bottom:20px; margin-bottom:0;}
       .clicker-wrap-body-main { background: #fff url("/Clicker/Users/gtec/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:57px;margin:0 auto; border-bottom:1px solid #ddd; }
        .clicker-user-logo{ display:block;}
        .topLogin { padding-top: 15px; 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:5px 0;}
        /*.clicker-content{width:100%;}*/
        .clicker-content-top{background:#8c8f93 url("/Clicker/Users/gtec/images/clicker_Header_bg.png") no-repeat center bottom; height: 340px; position: relative; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.8); }
        .clicker_qrCord{ text-align:center; width:1170px; margin:0 auto;}
        .clicker_qrCord h3{ display:none;}
        .clicker_qrCord p{ font-size:20px; font-weight:600; color:#fff; line-height:35px; padding-top:30px; padding-bottom:25px; margin:0px;}
        .clicker_qrCord span{ font-size:48px; font-weight:600; color:#fff; line-height:50px;}

        .clicker_qrCord_img{ width:100%; margin:0 0 0 0; text-align:center;}
        .clicker_qrCord_img .oneLine{ width:140px; height:140px; border:1px solid #fff; border-radius:100px; padding-top:28px; display:inline-block; margin:0 20px;}
        .clicker_qrCord_img .oneLine img{ width:65px; border:2px solid #fff; }
        .clicker_qrCord_img .oneLine span{ font-size:16px; }

        .clicker-main-icon{ margin:0px; padding:0px;height:190px; position:relative;}
        .clicker-main-icon .row{ position:absolute; width:100%; }
        .clicker-main-icon .row.row-list{ width:1170px; margin:0 auto; position:relative; }
        .clicker-main-icon .col-md-6{ margin:0px; padding:25px 0px 0 0; height:190px; text-align:center; background-color:#0b2948; }
        .clicker-main-icon .col-md-6:first-child{  background-color:#105ca9; }
        

        
/*        .clicker-main-icon .col-md-3{ margin:0px; padding:25px 0px 0 0; height:190px; text-align:center;  background-color:#555; width:20%; }

        .clicker-main-icon .col-md-3:first-child, .clicker-main-icon .col-md-3:last-child{  background-color:transparent; }
        .clicker-main-icon .col-md-3:nth-child(2){ background-color:#447fba;}
        .clicker-main-icon .col-md-3:nth-last-child(2){  background-color:#447fba; }
        .clicker-main-icon .col-md-3 a{ font-size:23px; color:#fff; font-weight:600; line-height:26px; text-align:center; width:100%; display:block;}
        .clicker-main-icon .col-md-3 a:hover{ text-decoration:none; opacity:0.7;}
        .clicker-main-icon .col-md-3 a span.text-eng{ font-size:16px; margin:0 auto;}
        .clicker-main-icon .col-md-3 a span.fa, .clicker-main-icon .col-md-3 a span.far, .clicker-main-icon .col-md-3 a span.fab, .clicker-main-icon .col-md-3 a span.fas{ font-size:65px; margin-top:15px;}
        .clicker-main-icon .col-md-3 a i{ display:block; width:60px; height:60px; margin:15px auto 0 auto; background: url("/Clicker/images/icon/studyroom.png") no-repeat center top; }
        .clicker-main-icon .col-md-3:last-child a{ float:left; }
        .clicker-main-icon .col-md-3:last-child a i{ width:54px; height:71px; background: url("/Clicker/images/icon/myClicker.png") no-repeat center top; }
        .clicker-main-icon .col-md-3:nth-last-child(2) a i{ width:56px; height:60px; background: url("/Clicker/images/icon/Locker.png") no-repeat center top;}*/

        .clicker-main-icon .col-md-3{ margin:0px; padding:25px 0px 0 0; height:190px; text-align:center;  background-color:#555; }
        .clicker-main-icon .col-md-3:first-child, .clicker-main-icon .col-md-3:last-child{  background-color:transparent; }
        .clicker-main-icon .col-md-3:nth-child(2){ background-color:#555;}
        .clicker-main-icon .col-md-3:nth-last-child(2){  background-color:#447fba; }
        .clicker-main-icon .col-md-3 a{ font-size:30px; color:#fff; font-weight:600; line-height:26px; text-align:center; width:100%; display:block;}
        .clicker-main-icon .col-md-3 a:hover{ text-decoration:none; opacity:0.7;}
        .clicker-main-icon .col-md-3 a span.text-eng{ font-size:16px; margin:0 auto;}
        .clicker-main-icon .col-md-3 a span.fa{ font-size:65px; margin-top:15px;}
        .clicker-main-icon .col-md-3 a i{ display:block; width:60px; height:60px; margin:15px auto 0 auto; background: url("/Clicker/images/icon/studyroom.png") no-repeat center top; }
        .clicker-main-icon .col-md-3:last-child a{ float:left; }
        .clicker-main-icon .col-md-3:last-child a i{ width:54px; height:71px; background: url("/Clicker/images/icon/myClicker.png") no-repeat center top; }
        .clicker-main-icon .col-md-3:nth-child(2) a i{ width:56px; height:60px; background: url("/Clicker/images/icon/Locker.png") no-repeat center top;}

        .maincontent{ clear:both;}
        .maincontent h2, h2.maincontent_title{ margin-top: 20px; margin-bottom: 5px; font-weight:600; color: #000; font-size:18px;}
        
        .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; 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; background-color:#fff; width:auto; border:0px !important; }      
        .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/gtec/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;}

       
        
        
        .languageLine{float: right; padding-top:20px;}
        .languageLine h2{ display:none;}

        /*.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; }
        
        #section_for_booking .row{margin:0px;}



/*서비스 상세내역*/
.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 처리*/
#clicker_div_guide_map .map01{  width:80px; height:115px; position: absolute; left:1383px; top:185px; }
#clicker_div_guide_map .map01 #room_status_1{  position: absolute; left:50px; top:58PX; font-size:19px; }
#clicker_div_guide_map .map02{  width:80px; height:125px; position: absolute; left:1300px; top:120px; }
#clicker_div_guide_map .map02 #room_status_2{  position: absolute; left:25px; top:58PX; font-size:19px; }

#clicker_div_guide_map .map03{  width:170px; height:120px; position: absolute; left:1300px; top:180px; }
#clicker_div_guide_map .map03 #room_status_4{  position: absolute; left:50px; top:58PX; font-size:19px; }
#clicker_div_guide_map .map04{  width:150px; height:95px; position: absolute; left:1200px; top:100px; }
#clicker_div_guide_map .map04 #room_status_4{  position: absolute; left:50px; top:58PX; font-size:19px; }
#clicker_div_guide_map .map05{  width:100px; height:115px; position: absolute; left:1130px; top:185px; }
#clicker_div_guide_map .map05 #room_status_5{  position: absolute; left:25px; top:58PX; font-size:19px; }

#clicker_div_guide_map .map06{  width:170px; height:120px; position: absolute; left:1300px; top:180px; }
#clicker_div_guide_map .map06 #room_status_6{  position: absolute; left:50px; top:58PX; font-size:19px; }
#clicker_div_guide_map .map08{  width:150px; height:95px; position: absolute; left:1200px; top:100px; }
#clicker_div_guide_map .map08 #room_status_8{  position: absolute; left:50px; top:58PX; font-size:19px; }
#clicker_div_guide_map .map07{  width:100px; height:115px; position: absolute; left:1130px; top:185px; }
#clicker_div_guide_map .map07 #room_status_7{  position: absolute; left:25px; top:58PX; font-size:19px; }

#clicker_div_guide_map .map09{  width:70px; height:68px; position: absolute; left:1318px; top:185px; }
#clicker_div_guide_map .map09 #room_status_9{  position: absolute; left:50px; top:58PX; font-size:19px; }
#clicker_div_guide_map .map10{  width:70px; height:68px; position: absolute; left:1388px; top:185px; }
#clicker_div_guide_map .map10 #room_status_10{  position: absolute; left:25px; top:58PX; font-size:19px; }

#clicker_div_guide_map .map11{  width:70px; height:68px; position: absolute; left:1318px; top:185px; }
#clicker_div_guide_map .map11 #room_status_11{  position: absolute; left:50px; top:58PX; font-size:19px; }
#clicker_div_guide_map .map12{  width:70px; height:68px; position: absolute; left:1388px; top:185px; }
#clicker_div_guide_map .map12 #room_status_12{  position: absolute; left:25px; top:58PX; font-size:19px; }

#clicker_div_guide_map .map13{  width:70px; height:68px; position: absolute; left:1318px; top:185px; }
#clicker_div_guide_map .map13 #room_status_13{  position: absolute; left:50px; top:58PX; font-size:19px; }
#clicker_div_guide_map .map14{  width:70px; height:68px; position: absolute; left:1388px; top:185px; }
#clicker_div_guide_map .map14 #room_status_14{  position: absolute; left:25px; top:58PX; font-size:19px; }

.clicker_room_current_status{  font-weight:600; color:#000; }

.clicker_div_guide_logo{ background: url("/Clicker/Users/gtec/images/logo_opacity.png") no-repeat center center; }

#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}

#map .door1{ position: absolute; left:120px; top:670px; }
#map .door2{ position: absolute; left:800px; top:670px; }
#map .door3{ position: absolute; left:605px; top:830px; }
#map .door4{ position: absolute; left:710px; top:830px; }
#map .door5{ position: absolute; left:340px; top:120px; }

.sponge-page-guide-clicker-gtec{position:absolute; right:20px; top:20px; margin:0px; padding:20px; width:600px; height:auto; background-color:rgba(140, 140, 140, 0.1); border:2px solid #8C8C8C; border-radius:3px; color:rgba(0, 0, 0, 0.9);}


.clicker-time-box{width:70px !important;}
    .clicker-time-box .clicker-box-for-booking{width:65px;}