@charset "UTF-8"; /* 위젯 활성화 */ /**카페CSS*/ .cafe-area-top{margin-bottom: 1rem;} .cafe-area-middle{max-width:1140px; width:100%; margin:0 auto;} .cafe-area-bottom{margin-top: 1rem;} #main-widget-config .cafe-area-middle{max-width:inherit; min-width:inherit; margin:0 auto;min-height: inherit;} .widget-cafemenu .widget-card-header{padding:0.5rem 0 !important; background-color:#fff; border-bottom: 2px solid #000;} .widget-cafemenu .widget-card-header h4{font-size:1.5rem; font-weight:bold;padding-left: 1rem;} .widget-cafemenu .widget-card-body{padding:0!important;} .widget-cafemenu .widget-card-body .subject-menu-lst{margin-top: 5px;} .widget-cafemenu .widget-card-body .subject-menu-lst > li{border-bottom: 1px dashed #ddd;} .widget-cafemenu .widget-card-body .subject-menu-lst > li:last-child{border-bottom: 0px;} .widget-cafemenu .widget-card-body ul li a{position:relative; display:block; margin:0.5rem; padding:0.2rem 0.2rem 0.2rem 1rem; font-size:1rem; border-radius:5px; text-decoration:none; white-space:pre-line;} .widget-cafemenu .widget-card-body ul li a:hover{background-color:#cedce9; color:#505764; -webkit-transition:all 0.2s ease; -moz-transition:all 0.2s ease; -o-transition:all 0.2s ease; transition:all 0.2s ease;} .widget-cafemenu .widget-card-body ul li.active > a{font-weight:500; background-color:#769fc5; color:#fff;} /**카페해드*/ .widget-cafehead.widget-style-type1 .tpl-widget-body{margin: 0px;} .widget-cafehead.widget-style-type1 .cafe-head .form-control{height: 34px} .widget-cafehead.widget-style-type1 .cafe-head-wrap{background: #505764;border-top: 2px solid #23efd0;border-bottom: 5px solid #424b5} .widget-cafehead.widget-style-type1 .cafe-head-container{width:1140px; margin:0 auto; padding: 1rem 0;} .widget-cafehead.widget-style-type1 .tpl-widget-content a{color: #FFF;} .widget-cafehead.widget-style-type1 .cafe-mngt-menu-wrap{background: #424b5a;} .widget-cafehead.widget-style-type1 .cafe-mngt-menu-container{width:1140px; margin:0 auto; padding: 7px 0;} .cafe-mngt-menu-lst:after{display:block; clear:both; content:"";} .cafe-mngt-menu-lst > li{float:left;width:14.2%;} .cafe-mngt-menu-lst > li a{padding: 0 1rem;display: block;text-align: center;} .cafe-mngt-menu-lst > li a:hover{color:#b7b7b7 !important;} .cafe-mngt-menu-lst > li.active a{color: #23efd0 !important;} .cafe-head:after{display:block; clear:both; content:"";} .cafe-head .cafe-head-left{float: left;width: 50%;} .cafe-head .cafe-head-left h4 a{font-weight: 400;} .cafe-head .cafe-head-left h4 a i{margin-right: 2px;} .cafe-head .cafe-head-left dl:after{display:block; clear:both; content:"";} .cafe-head .cafe-head-left dl dt, .cafe-head .cafe-head-left dl dd{display: inline-block; padding: 0 5px;} .cafe-head .cafe-head-left dl dt{color: #FFF;} .cafe-head .cafe-head-left dl dd{color: #EEE;} .cafe-head .cafe-head-right{float: left;;width: 50%;padding: 10px;} .cafe-head .cafe-head-right ul li a{display: block;background-color:#424b5a;border: 1px solid #b7b7b7;} .cafe-head .cafe-head-right ul li a i{margin-right: 2px;} .cafe-head .cafe-head-right ul li a:hover{background-color:#424b5a ;border: 1px solid #23efd0;} .cafe-head .cafe-head-right ul li{float: left;;width: 50%;} /**카페푸터*/ .widget-cafefooter.widget-style-type1 a{color:#fff;} .widget-cafefooter.widget-style-type1{background: #505764;} .widget-cafefooter.widget-style-type1 .top-footer{border-bottom:1px solid #424b5a;} .widget-cafefooter.widget-style-type1 .top-footer:after{display:block; clear:both; content:"";} .widget-cafefooter.widget-style-type1 .top-footer .top-footer-container{width:1140px; margin:0 auto; padding:1rem 0;} .widget-cafefooter.widget-style-type1 .top-footer ul:after{display:block; clear:both; content:"";} .widget-cafefooter.widget-style-type1 .top-footer ul li{float:left;} .widget-cafefooter.widget-style-type1 .top-footer ul li a:after{content:"|"; padding:0 1rem; color:#424b5a;} .widget-cafefooter.widget-style-type1 .top-footer ul li:last-child a:after{display:none;} .widget-cafefooter.widget-style-type1 .bottom-footer-container{width:1140px; margin:0 auto; padding:2rem 0; color:#fff;} .widget-cafefooter.widget-style-type1 .bottom-footer-container:after{display:block; clear:both; content:"";} .widget-cafefooter.widget-style-type1 .bottom-footer-info{float:left; width:70%;} .widget-cafefooter.widget-style-type1 .bottom-footer-info h4{float:left; width:30%;} .widget-cafefooter.widget-style-type1 .bottom-footer-info h4 a{font-weight:600; color:#fff;} .widget-cafefooter.widget-style-type1 .bottom-footer-info .home-info{float:left; width:70%; padding-left:2rem; } .widget-cafefooter.widget-style-type1 .bottom-footer-info ul:after{display:block; clear:both; content:"";} .widget-cafefooter.widget-style-type1 .bottom-footer-info ul li{float:left;} .widget-cafefooter.widget-style-type1 .bottom-footer-info ul li.addr-info, .widget-cafefooter.widget-style-type1 .bottom-footer-info ul li.bank-info{width:100%;} .widget-cafefooter.widget-style-type1 .bottom-footer-info ul li:after{display:block; clear:both; content:"";} .widget-cafefooter.widget-style-type1 .bottom-footer-info ul li dt, .widget-cafefooter.widget-style-type1 .bottom-footer-info ul li dd{float:left;} .widget-cafefooter.widget-style-type1 .bottom-footer-service{float:right; width:auto;} .widget-cafefooter.widget-style-type1 li{margin-right:0.625rem;} .widget-cafefooter.widget-style-type1 li dt{margin-right:5px; font-weight:300;} .widget-cafefooter.widget-style-type1 .addr-info dt{display:none;} .widget-cafefooter.widget-style-type1 .bank-info dd{margin-right:0.625rem;} .widget-cafefooter.widget-style-type1 .bottom-footer-info .browser-info{padding-top:2rem; padding-left:34.5%; overflow:hidden; clear:both;} .widget-cafefooter.widget-style-type1 .bottom-footer-info .browser-info i{margin-right:5px;} .widget-cafefooter.widget-style-type1 .bottom-footer-info .browser-info li:first-child{float:none;} .widget-cafefooter.widget-style-type1 .shuvic-guid span, .widget-cafefooter.widget-style-type1 .clubIntroBtn span{display:block; text-indent:-9999px;} .widget-cafefooter.widget-style-type1 .shuvic-guid a{background:url("/common/css/images/bn_click_qa.png") no-repeat; display:inline-block; width:190px; height:96px; margin-bottom:10px;} .widget-cafefooter.widget-style-type1 .clubIntroBtn{background:url("/common/css/images/bn_capstone_ver_pc.png") no-repeat; display:inline-block; width:190px; height:54px;} /**카페소개*/ .cafe-intro:after{display:block; clear:both; content:"";} .cafe-intro .cafe-intro-left{float: left;width: 35%;padding: 1rem;} .cafe-intro .cafe-intro-right{float: left;width: 65%;padding: 1rem;} .widget-cafeintro .tpl-widget-body{border: 1px solid #DDD;} .widget-cafeintro .cafe-img img{width: 100%;border: 1px solid #DDD;border-radius:20px;} .cafe-info h5{font-size: 2rem;font-weight: 400;} .cafe-info dl:after{display:block; clear:both; content:"";} .cafe-info dl dt{float:left; width:25%; font-weight: bold; } .cafe-info dl dd{float:left; width:75%; font-weight: normal; } .cafe-info dl dd.cafe-intro-text{width:100%;} /***/ .widget-cafenavigator.widget-style-type1 .navigator-lst:after{display:block; clear:both; content:"";} .widget-cafenavigator.widget-style-type1 .navigator-lst{padding-bottom:0.5rem; border-bottom:1px solid #ccc;} .widget-cafenavigator.widget-style-type1 .navigator-lst > li{float:left;} .widget-cafenavigator.widget-style-type1 .navigator-lst > li.menu-nm-wrap h4{margin-bottom:0;} .widget-cafenavigator.widget-style-type1 .navigator-lst > li.home-set-wrap{margin-left:0.625rem;} .widget-cafenavigator.widget-style-type1 .navigator-lst > li.navigator-lst-wrap{float:right; line-height:31px;} .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul:after{display:block; clear:both; content:"";} .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul li{float:left; } .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul li:after{content: ">"; padding: 0 3px;} .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul li:last-child:after{display:none;} /* 위젯 활성화 표시*/ .desg-cafe-widget .list-group > a, .desg-cafe-widget #defTplWidget .COMMON_BUTTONSET .widget-style-inactive{opacity:1.0;} .desg-cafe-widget .list-group > a:after, .desg-cafe-widget #defTplWidget .COMMON_BUTTONSET .widget-style-inactive:after{content:""; position:static; background-color:#fff; opacity:1.0;} /*네비게이터*/ .widget-cafenavigator.widget-style-type1{margin-bottom:1rem} .widget-cafenavigator.widget-style-type1 .navigator-lst:after{display:block; clear:both; content:"";} .widget-cafenavigator.widget-style-type1 .navigator-lst{padding-bottom:0.5rem; border-bottom:1px solid #ccc;} .widget-cafenavigator.widget-style-type1 .navigator-lst > li{float:left;} .widget-cafenavigator.widget-style-type1 .navigator-lst > li.menu-nm-wrap h4{margin-bottom:0; line-height:1.5} .widget-cafenavigator.widget-style-type1 .navigator-lst > li.home-set-wrap{margin-left:1rem;} .widget-cafenavigator.widget-style-type1 .navigator-lst > li.navigator-lst-wrap{float:right; line-height:31px;} .widget-cafenavigator.widget-style-type1 .navigator-lst > li.navigator-lst-wrap a{color:#666; font-size:.85rem} .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul:after{display:block; clear:both; content:"";} .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul li{float:left; } .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul li:after { display:none; } .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul li a:after{display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; font-family: "Font Awesome 5 Pro"; font-weight: 300; content: "\f105"; margin:0 5px;} .widget-cafenavigator.widget-style-type1 .navigator-lst-wrap ul li:last-child a:after{display:none;} /*서브 본문 col-9*/ .tpl-loct-sxn-cd-0006 .cafe-area-middle #cafe-det-center > .row > .col-12 > .tpl-widget-body > .tpl-widget-content > .widget-card > .widget-card-body { padding:0px; } .tpl-loct-sxn-cd-0006 .cafe-area-middle #cafe-det-center { margin-left: 1rem; } /*이미지 위젯*/ .widget-image .tpl-widget-body { margin:5px !important; border:1px solid #ddd; line-height:0px; } /* 회원출력설정 */ #memberColnSortSetLstList > .ui-sortable-placeholder {flex: 0 0 15%; max-width: 15%;border-radius: .25rem; margin-bottom: 1rem;} #memberColnSortSetLstList>li { float: left; width: calc(100%/ 5); padding: 0px; } #memberColnSortSetLstList:after { display: block;content: "";clear: both; }