@charset "utf-8";
@font-face {
    font-family:'Noto Sans KR';
    src: url('/m/fonts/NotoSansKR-Bold.eot');
    src: url('/m/fonts/NotoSansKR-Bold.eot?#iefix') format('embedded-opentype'),
         url('/m/fonts/NotoSansKR-Bold.woff2') format('woff2'),
         url('/m/fonts/NotoSansKR-Bold.woff') format('woff'),
         url('/m/fonts/NotoSansKR-Bold.ttf') format('truetype'),
         url('/m/fonts/NotoSansKR-Bold.svg#NotoSansKRBoldKr') format('svg');
    font-weight: 700;
  }


  @font-face {
    font-family:'Noto Sans KR';
    src: url('/m/fonts/NotoSansKR-Regular.eot');
    src: url('/m/fonts/NotoSansKR-Regular.eot?#iefix') format('embedded-opentype'),
         url('/m/fonts/NotoSansKR-Regular.woff2') format('woff2'),
         url('/m/fonts/NotoSansKR-Regular.woff') format('woff'),
         url('/m/fonts/NotoSansKR-Regular.ttf') format('truetype'),
         url('/m/fonts/NotoSansKR-Regular.svg#NotoSansKRRegularKr') format('svg');
    font-weight: normal;
  }


  @font-face {
    font-family:'Noto Sans KR';
    src: url('/m/fonts/NotoSansKR-Thin.eot');
    src: url('/m/fonts/NotoSansKR-Thin.eot?#iefix') format('embedded-opentype'),
         url('/m/fonts/NotoSansKR-Thin.woff2') format('woff2'),
         url('/m/fonts/NotoSansKR-Thin.woff') format('woff'),
         url('/m/fonts/NotoSansKR-Thin.ttf') format('truetype'),
         url('/m/fonts/NotoSansKR-Thin.svg#noto_sans_krthin') format('svg');
    font-weight: 100;
  }

body,h1,h2,h3,h4,h5,h6,div,p,blockquote,pre,address,ul,ol,li,dl,dt,dd,table,caption,th,td,form,fieldset,legend,hr,select,input,textarea{font-family:'Noto Sans KR', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;font-weight:normal;margin:0;padding:0;color:#222;line-height:150%;font-size:96%;}
body{background-color:#fff;color:#000;-webkit-text-size-adjust:none;font-size:16px;word-wrap:break-word;word-break:keep-all;}
ul,ol,li{list-style:none;}
table{margin:0;padding:0;border-spacing:0;border:0;_border-collapse:collapse;width:100%;}
*+html table{border-collapse:collapse;}
img,fieldset,abbr,acronym{border:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;}
input, button,textarea{padding:0;outline:none;font-family:'Noto Sans KR', sans-serif, Dotum,"돋움",Gulim,"굴림",Helvetica,Apple-Gothic;font-size:13px;}
select {font-size:13px;}
table{border-collapse:collapse;border-spacing:0}
table,table th,table td{border:0;}
hr{display:none}
a{color:#000;text-decoration:none;}
img{vertical-align:middle;}
body{background-color:#fff;}
caption,legend{*position:absolute;top:0;left:0;width:0;height:0;line-height:0;overflow:hidden;visibility:hidden;font-size:0;}
.hide{overflow:hidden;visibility:hidden;width:0;height:0;font-size:0;line-height:0;}
.gLeft{float:left;}
.gRight{float:right;}
.hidden{display:none;}

::-webkit-input-placeholder{color:#666;} /* Chrome/Opera/Safari */
::-moz-placeholder{color:#666;} /* Firefox 19+ */
:-ms-input-placeholder{color:#666;} /* IE 10+ */
:-moz-placeholder{color:#666;} /* Firefox 18- */

textarea,
input{-webkit-border-radius:0;}

/* 스크롤 오류
html,
body{min-height:100%;height:100%;}
*/

html,
body{height:100%;overflow-y: auto;}

body, html {overflow-y: auto;}

body{background-color:#2c2c2c;}
 
body.hiddenWrap{overflow:hidden;}




.fixedHeader .mGnb{position:fixed;top:0;left:0;border-bottom:1px solid rgba(255,255,255,0.1);width:100%;z-index:10;}
.fixedHeader .mGnb .ls a{background:none !important;padding:0;line-height:50px;height:50px;}

#wrap{position:relative;min-height:100%;}

#header{background-color:#2c2c2c;z-index:100;}
#header h1{text-align:center;margin-bottom:9px;}
#header h1 a{display:inline-block;line-height:55px;height:55px;}
#header h1 a img{height:33px;margin-top:11px;}
#header .iAside{position:absolute;top:0;left:0;background:url(../images/ico_menu.png) 50% 45% no-repeat;background-size:23px auto;text-indent:-9999px;font-size:0;width:62px;height:62px;}

#body{padding:0 20px;}
#popupLayer {position:absolute;top:0;left:0;height:100%;overflow-y: auto;}

.keywords_box{border:1px solid #bab5b5;margin:5px 0;padding:5px;display:none;}
.keywords_box2{margin:5px 0;display:none;}
.mGnb{display:-webkit-flex;display:flex;background-color:#2c2c2c;}
.mGnb .ls{-webkit-flex:1;flex:1;}
.mGnb .ls a{display:block;background:url(../images/ico_gnb1_1.png) 50% 0 no-repeat;background-size:19px auto;color:#fff;font-size:12px;text-align:center;padding:25px 0 10px;}
.mGnb .ls.i2 a{background-image:url(../images/ico_gnb1_2.png);}
.mGnb .ls.i3 a{background-image:url(../images/ico_gnb1_3.png);}
.mGnb .ls.i4 a{background-image:url(../images/ico_gnb1_4.png);}
.mGnb .ls.i5 a{background-image:url(../images/ico_gnb1_5.png);}
.mGnb .ls.selected a,
.mGnb .ls a:hover{background-image:url(../images/ico_gnb1_1_on.png);color:#ffd200;}
.mGnb .ls.i2.selected a,
.mGnb .ls.i2 a:hover{background-image:url(../images/ico_gnb1_2_on.png);}
.mGnb .ls.i3.selected a,
.mGnb .ls.i3 a:hover{background-image:url(../images/ico_gnb1_3_on.png);}
.mGnb .ls.i4.selected a,
.mGnb .ls.i4 a:hover{background-image:url(../images/ico_gnb1_4_on.png);}
.mGnb .ls.i5.selected a,
.mGnb .ls.i5 a:hover{background-image:url(../images/ico_gnb1_5_on.png);}

.owl-carousel .owl-dots{position:absolute;bottom:15px;left:0;width:100%;text-align:center;z-index:10;}
.owl-carousel .owl-dot{display:inline-block;}
.owl-carousel .owl-dot a{display:inline-block;background-color:#fff;border-radius:10px;margin:0 3px;width:10px;height:10px;}
.owl-carousel .owl-dot.active a{background-color:#888;}

.mMain1{position:relative;margin:5px -20px;}

.mMain2 .list{margin:-5px -10px;}
.mMain2 .item .ls{float:left;width:50%;}
.mMain2 .item .ls a{position:relative;display:block;}
.mMain2 .item .ls .img{display:block;margin:0 10px;}
.mMain2 .item .ls .ico{position:absolute;top:0;left:20px;background:url(../images/ico_main2_1.png) 0 0 no-repeat;background-size:42px auto;font-size:14px;text-align:center;width:42px;line-height:28px;height:32px;z-index:1;}
.mMain2 .item .ls .txt{position:absolute;bottom:10px;left:22px;color:#fff;font-size:11px;border-bottom:1px solid #fff;z-index:1;}
.mMain2 .owl-carousel{padding:0 0 28px;}
.mMain2 .owl-carousel .owl-dots{bottom:0;}
.mMain2 .owl-carousel .owl-dot.active a{background-color:#ffd200;}

.mMain3 .list{margin:0 -5px;zoom:1;}
.mMain3 .list:after{display:block;clear:both;content:''}
.mMain3 .list .ls{display:block;float:left;margin:0 0 10px;width:50%;}
.mMain3 .list .ls a{display:block;background:url(../images/ico_main3_1.png) 0 0 no-repeat #565656;background-size:65px auto;border-radius:3px;color:#fff;margin:0 5px;padding:0 0 0 65px;line-height:65px;height:65px;overflow:hidden;font-size:13px;color:#ddd}
.mMain3 .list .ls a:hover{color:#ffd200;}
.mMain3 .list .ls.i2 a{background-image:url(../images/ico_main3_2.png);}
.mMain3 .list .ls.i3 a{background-image:url(../images/ico_main3_3.png);}
.mMain3 .list .ls.i4 a{background-image:url(../images/ico_main3_4.png);}
.mMain3 .list .ls.i5 a{background-image:url(../images/ico_main3_15.png);}
.mMain3 .list .ls.i6 a{background-image:url(../images/ico_main3_14.png);}
.mMain3 .list .ls.i7 a{background-image:url(../images/ico_main3_13.png);}
.mMain3 .list .ls.i8 a{background-image:url(../images/ico_main3_16.png);}
.mMain3 .list .ls.i9 a{background-image:url(../images/ico_main3_18.png);}
/*  20210809 김포푸르지오 시설 추가 */
.mMain3 .list .ls.i10 a{background-image:url(../images/ico_main3_1.png);}     /*  골트타석 */
.mMain3 .list .ls.i11 a{background-image:url(../images/ico_main3_19.png);}
.mMain3 .list .ls.i12 a{background-image:url(../images/ico_main3_18.png);}
.mMain3 .list .ls.i13 a{background-image:url(../images/ico_main3_18.png);}
.mMain3 .list .ls.i14 a{background-image:url(../images/ico_main3_3.png);}
.mMain3 .list .ls.i15 a{background-image:url(../images/ico_main3_3.png);}
.mMain3 .list .ls.i16 a{background-image:url(../images/ico_main3_1.png);}
.mMain3 .list .ls.i17 a{background-image:url(../images/ico_main3_1.png);}
.mMain3 .list .ls.i18 a{background-image:url(../images/ico_main3_1.png);}
.mMain3 .list .ls.i19 a{background-image:url(../images/ico_main3_20.png);}
.mMain3 .list .ls.i20 a{background-image:url(../images/ico_main4_1.jpg);}
.mMain3 .list .ls.i21 a{background-image:url(../images/ico_main4_3.png);}
.mMain3 .list .ls.i22 a{background-image:url(../images/ico_main4_2.jpg);}
.mMain3 .list .ls.i24 a{background-image:url(../images/ico_main5_1.jpg);}
.mMain3 .list .ls.i25 a{background-image:url(../images/ico_main6_1.jpg);}


.mMain3 .owl-carousel{padding:0 0 19px;}
.mMain3 .owl-carousel .owl-dots{bottom:0;}
.mMain3 .owl-carousel .owl-dot.active a{background-color:#ffd200;}
.mMain3 .btn {background: url(../images/ico_arrow.png) 95% 50% no-repeat #565656;border:1px solid #565656;padding:20px 0 20px 0;border-radius: 5px;font-size:13px;background-size: 25px auto;color:#ddd}
.mMain3 .btn2 {background: url(../images/ico_arrow.png) 95% 50% no-repeat #eee;border:1px solid #eee;padding:20px 0 20px 20px;border-radius: 5px;background-size: 25px auto;margin:15px 0 15px 0;}
.mMain3 .btn2 .tit{display:block;width:95%;font-size:17px;color:#000}
.mMain3 .btn2 .txt{display:block;margin-top:5px;color:#0491d0;font-size:15px;}
.mMain3 .btn2 .txt2{display:block;margin-top:5px;color:#000;font-size:15px;}
.mMain3 .btn2 .mRound{display:inline-block;border-radius:50px;padding:5px 25px 5px 25px;background-color:#0491d0;color:#fff;margin-top:15px;}

.mRound2{display:inline-block;border-radius:50px;padding:5px 25px 5px 25px;background-color:#0491d0;color:#fff;margin-top:15px;}
.mRound3{display:inline-block;border-radius:50px;padding:5px 25px 5px 25px;background-color:#0491d0;color:#fff;}

.mMain4{position:relative;}
.mMain4 li{position:relative;margin:0 0 5px;}
.mMain4 li a{position:relative;display:block;padding:0 48px 0 52px;line-height:30px;height:30px;}
.mMain4 li .ico{position:absolute;top:0;left:0;background-color:#358ee8;color:#fff;text-align:center;padding:0 10px;font-size:95%;border-radius:3px;}
.mMain4 li .ico.i0{background-color:#8c25a9;}
.mMain4 li .ico.i2{background-color:#e3bb00;}
.mMain4 li .ico.i3{background-color:#e83558;}
.mMain4 li .ico.i4{background-color:#35c9e8;}
.mMain4 li .dat{position:absolute;top:0;right:0;color:#fff;}
.mMain4 li .tit{display:block;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding-left:10px;}

.mMain5{margin:30px -20px 0;}
.mMain5 img{width:100%;}

.mMain6{background:url(../images/k_main5.png) 0 0 no-repeat #ffd200;background-size:125px auto;margin:0 -20px;padding:30px 0;}
.mMain6 h2{color:#474747;font-size:19px;margin:0 0 20px;text-align:center;}
.mMain6 h2 span{position:relative;display:inline-block;border-bottom:1px solid #474747;font-weight:500;padding:0 0 5px;}
.mMain6 p{color:#474747;font-size:16px;text-align:center;}
.mMain6 .list{padding:0 40px;}
.mMain6 .list .mRadio{margin:10px 0 0;}
.mMain6 .btn{display:block;background-color:#474747;color:#fff;font-size:18px;margin:25px 40px 0;text-align:center;line-height:40px;height:40px;}

.mMain7{position:relative;}
.mMain7 li{position:relative;border-radius:6px;background-color:#fff;margin:0 0 10px;padding:15px;}
.mMain7 li .tit{display:table;position:relative;padding:0 0 0 65px;width:calc(100% - 65px);;height:50px;}
.mMain7 li .tit .im{position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:50%;overflow:hidden;width:50px;height:50px;}
.mMain7 li .tit .tx{display:table-cell;padding-top:5px;vertical-align:middle;}
.mMain7 li .tit .n{display:block;font-weight:500;font-size:18px;color:#000;}
.mMain7 li .tit .d{display:block;font-size:12px;color:#afafaf;margin:3px 0 0;}
.mMain7 li .tit .d .bar{font-family:dotum;padding:0 3px;}
.mMain7 li .txt{margin:15px 0 0;}
.mMain7 li .txt .ti{color:#0491d0;font-size:15px;font-weight:500;margin:0 0 5px;}
.mMain7 li .uti{position:relative;border-top:1px solid #eee;margin:15px 0 0;padding:10px 0 0;}
.mMain7 li .uti .ct{position:absolute;top:10px;right:0;background:url(../images/ico_count1.png) 0 2px no-repeat;background-size:15px auto;padding:0 0 0 18px;}
.mMain7 li .img{border-radius:3px;margin:10px 0 0;overflow:hidden;}
.mMain7 li .img img{width:100%;}

.mMain8{position:relative;margin-top:20px;}
.mMain8 .kSearch {position:relative;float:right;top:18px;right:33px;width:40px;text-align:right;text-indent: 10px;}
.mMain8 .kSearch .btn2{height:40px;}
.mMain8 .kEyword {width:100%;margin:0 auto;text-align:right;}
.mMain8 .kEyword .txt{width:100%;border:none;background-color:#eee;text-indent:10px;padding: 9px 0 9px 0;border-radius:3px;}
.mMain8 .Idx {padding: 11px 10px;background-color:#777;color:#fff;text-align:Center;border-radius:3px;margin-left:7px;}
.mMain8 .id{width:49%;border:1px solid #ddd;border-radius:3px;margin-top:10px;padding:10px 0 10px 0;text-indent:10px;}
.mMain8 .sr{width:100%;text-align:center;font-size:15px;background-color:#fff;border-radius:3px;padding:25px 0 25px 0;margin-top:10px;}
.mMain8 .sr .mon{font-size:27px;color:#d93c3c}
.mMain8 ul{margin-top:15px;}
.mMain8 li{position:relative;border-radius:3px;background-color:#fff;margin:0 0 10px;padding:15px;}
.mMain8 li .tit{display:table;position:relative;padding:0 0 0 55px;width:calc(100% - 65px);;height:50px;}
.mMain8 li .tit .im{position:absolute;top:0;left:0;background-size:cover;background-repeat:no-repeat;background-position:50% 50%;border-radius:50%;overflow:hidden;width:45px;height:45px;}
.mMain8 li .tit .tx{display:table-cell;padding-top:5px;vertical-align:middle;}
.mMain8 li .tit .n{display:block;font-weight:500;font-size:18px;color:#000;}
.mMain8 li .tit .d{display:block;font-size:12px;color:#afafaf;margin:3px 0 0;}
.mMain8 li .tit .d .bar{font-family:dotum;padding:0 3px;}
.mMain8 li .txt{margin:15px 0 0;}
.mMain8 li .txt .ti{color:#0491d0;font-size:16px;font-weight:500;margin:0 0 5px;}
.mMain8 li .uti{position:relative;border-top:1px solid #ddd;margin:15px 0 0;padding:10px 0 0;}
.mMain8 li .uti .ct{position:absolute;top:10px;right:0;background:url(../images/ico_count1.png) 0 5px no-repeat;background-size:13px auto;padding:0 0 0 20px;}
.mMain8 li .img{border-radius:3px;margin:10px 0 0;overflow:hidden;}
.mMain8 li .img img{max-width:100%;}
.mMain8 textarea{margin-top:10px;width:100%;height:250px;border-radius:3px;text-indent:10px;}
.mMain8 .input{width:100%;border:1px solid #ddd;border-radius:3px;margin-top:10px;padding:10px 0 10px 0;text-indent:10px;}
.mMain8 .btn {width: 100%;background-color: #0491d0;color: #fff;padding: 10px 0 10px 0;border-radius: 3px;border: 1px solid #0491d0;font-size: 100%;text-align: Center;}
.mMain8 .table{width:100%;}
.mMain8 .table td{padding:13px 0 13px 0;;border:1px solid #ddd;color:#242424;text-align:center;background-color:#fff;}
.mMain8 .table th{padding:10px 0 10px 0;text-align:center;color:#fff;background-color:#0491d0;}
.mMain8 .table2{width:100%;margin-top:15px;}
.mMain8 .table2 td{padding:15px 0 15px 0;color:#fff;border-bottom:1px solid #444}
.mMain8 .table2 .idx1{background-color:#996633;color:#fff;padding:7px;border-radius:3px;}
.mMain8 .table2 .idx2{background-color:#203864;color:#fff;padding:7px;border-radius:3px;}
.mMain8 .table2 .idx3{background-color:#808000;color:#fff;padding:7px;border-radius:3px;}


.mMain9{position:relative;margin-top:20px;}
.mMain9 h1{font-size:18px;border-bottom:1px solid #eee;padding:20px 0 16px 15px;}
.mMain9 h1 .idx1{background-color:#996633;color:#fff;padding:5px;border-radius:3px;font-size:13px;}
.mMain9 h1 .idx2{background-color:#203864;color:#fff;padding:7px;border-radius:3px;font-size:13px;}
.mMain9 h1 .idx3{background-color:#808000;color:#fff;padding:7px;border-radius:3px;font-size:13px;}
.mMain9 .bg{width:100%;background-color:#fff;border-radius:3px;margin-top:15px;}
.mMain9 .bg .con{width:95%;margin:0 auto;}
.mMain9 .bg .txt{padding:15px;font-size:15px;line-height:170%;}
.mMain9 .kSearch {position:relative;float:right;top:18px;right:33px;width:40px;text-align:right;text-indent: 10px;}
.mMain9 .kSearch .btn2{height:40px;}
.mMain9 .kEyword {width:100%;margin:0 auto;text-align:right;}
.mMain9 .kEyword .txt{width:100%;border:none;background-color:#eee;text-indent:10px;padding: 9px 0 9px 0;border-radius:5px;}
.mMain9 .Idx {padding: 11px 10px;background-color:#777;color:#fff;text-align:Center;border-radius:3px;margin-left:7px;}
.mMain9 .id{width:49%;border:1px solid #ddd;border-radius:3px;margin-top:10px;padding:10px 0 10px 0;text-indent:10px;}
.mMain9 .sr{width:100%;text-align:center;font-size:15px;background-color:#fff;border-radius:3px;padding:25px 0 25px 0;margin-top:10px;}
.mMain9 .sr .mon{font-size:27px;color:#d93c3c}
.mMain9 .sr2{width:100%;background-color:#fff;border-radius:3px;padding:20px 0 20px 0;margin-top:10px;text-align:center}
.mMain9 .sr2 img{width:90%}
.mMain9 .table2{width:100%;}
.mMain9 .table2 td{padding:15px 0 15px 0;color:#fff;border-bottom:1px solid #444}
.mMain9 .table2 .idx1{background-color:#996633;color:#fff;padding:7px;border-radius:3px;}
.mMain9 .table2 .idx2{background-color:#203864;color:#fff;padding:7px;border-radius:3px;}
.mMain9 .table2 .idx3{background-color:#808000;color:#fff;padding:7px;border-radius:3px;}
.mMain9 .table3{width:100%;}
.mMain9 .table3 td{padding:15px 0 15px 15px;border-bottom:1px solid #ddd;font-size:15px;}
.mMain9 .table3 .idx1{background-color:#996633;color:#fff;padding:7px;border-radius:3px;}
.mMain9 .table3 .idx2{background-color:#203864;color:#fff;padding:7px;border-radius:3px;}
.mMain9 .table3 .idx3{background-color:#808000;color:#fff;padding:7px;border-radius:3px;}
.mMain9 .btn {width: 100%;background-color: #0491d0;color: #fff;padding: 10px 0 10px 0;border-radius: 3px;border: 1px solid #0491d0;font-size: 100%;text-align: Center;margin-top:15px;}

.mTab1 {width:100%;margin:0 auto;margin-top:15px;margin-bottom:65px;}
.mTab1 li{float:left;width:50%;margin-left:-1px;background-color:#fff}
.mTab1 li.noline{border-top:0;}
.mTab1 li a{display:block;padding:10px 0px 10px 0px;text-align:center}
.mTab1 li a:hover{background-color:#0491d0;color:#fff;}
.mTab1 li.selected{background-color:#0491d0;color:#fff;}
.mTab1 li.selected a{color:#fff;}


.btnAR{width:100%;margin:20px 0 130px 0;}
.btnAR .btn{float: left;width:31%;background-color:#0491d0;color:#fff;padding:10px 0 10px 0;border-radius:3px;border:1px solid #0491d0;font-size:100%;text-align:Center;margin-left:6px;}
.btnAR .btn a{color:#fff}
.btnAR .btn3{float: left;width:31%;background-color:#ccc;padding:10px 0 10px 0;border-radius:3px;border:1px solid #ccc;font-size:100%;text-align:Center;margin-left:6px;}

.btnAR2{width:100%;margin:20px 0 80px 0;}
.btnAR2 .btn2{float: left;width:31%;background-color:#0491d0;color:#fff;padding:10px 0 10px 0;border-radius:3px;border:1px solid #0491d0;font-size:100%;text-align:Center;margin-left:6px;}


.more{position:absolute;top:8px;right:0;color:#ffd200;}
.vote_btn {padding:10px 15px;;background-color:#ffd200;text-align:center;font-weight:600;font-size:1.2em;margin-top:15px;}
#recomm_box{margin:25px 0 0 0;}

.mBtn13 a{display:block;width:70%;text-align:center;color:#000;width:100%;height:43px;line-height:43px;border-radius:3px;border:1px solid #cccccc}
.mBtn13 a:hover{border:1px solid #666;text-align:center;}

.mTitle1{color:#fff;padding:10px 0 15px;font-weight:700;font-size:1.0em}
.mTitle2{color:#242021;font-size:22px;font-weight:500;padding:0 0 10px;}
.mTitle3{color:#242021;font-size:22px;font-weight:500;margin:0 0 20px;}
.mTitle3 span{display:inline-block;border-bottom:1px solid #242021;padding:0 0 5px;}

.gIt{padding-right:17px;}
.it{color:#000;border:1px solid #ddd;border-radius:3px;padding:0 0 0 15px;width:100%;line-height:38px;height:38px;}
.select{color:#000;border:1px solid #ddd;border-radius:3px;padding:0 0 0 15px;width:100%;line-height:40px;height:40px;-webkit-appearance: none;-moz-appearance: none; appearance: none; background: url(../images/ico_select1.png) no-repeat 100% 50% #fff;background-size:24px auto;width:100%;font-size:13px;}
.select::-ms-expand{display:none;}

.Readonly {background:#2c2c2c;color:#fff}


#footer{margin:30px 0 0;padding:100px 0 20px;text-align:center;}
#footer .iTop{display:inline-block;background:url(../images/ico_top1.png) 100% 50% no-repeat;background-size:10px auto;padding-right:20px;color:#fff;}
#footer .copy{color:#666;margin:5px 0 0;font-size:12px;}

.mAside{display:none;position:fixed;top:0;left:-100%;width:100%;min-height:100%;z-index:200;}
.mAside .closeArea{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.6);width:100%;height:100%;}
.mAside .asideBg{position:relative;float:left;background-color:#2c2c2c;min-width:280px;width:80%;z-index:1;}
.mAside .banner img,
.mAside .img img{width:100%;}
.mAside .tit{position:relative;border-bottom:1px solid #4f4f4f;padding:0 0 0 15px;height:60px;}
.mAside .tit img{height:50px;margin-top:5px}
.mAside .profile{position:relative;color:#fff;padding:15px 15px 25px;border-bottom:1px solid #4f4f4f}
.mAside .profile .nam{display:block;font-size:20px;font-weight:500;}
.mAside .profile .add{display:block;color:#ffd178;margin:10px 0 0;}
.mAside .button{display:-webkit-flex;display:flex;margin:15px -3px 0;text-align:center;}
.mAside .button a{-webkit-flex:1;flex:1;border-radius:3px;background-color:#fff;color:#000;font-size:12px;margin:0 3px;line-height:38px;height:38px;}
.mAside .button a.gray{background-color:#666;color:#fff;}
.mAside .close{position:absolute;top:0;right:0;background:url(../images/ico_close_aside.png) 50% 50% no-repeat;background-size:20px auto;border-left:1px solid #4f4f4f;text-indent:-9999px;font-size:0;width:60px;height:60px;}
.mAside .list{padding:25px 0;}
.mAside .list ul{padding:10px 0;zoom:1;}
.mAside .list ul:after{display:block;clear:both;content:''}
.mAside .list li{float:left;width:25%;}
.mAside .list li a{display:block;background:url(../images/ico_aside2_1.png) 50% 0 no-repeat;background-size:auto 30px;color:#fff;text-align:center;padding:35px 0 0;font-size:12px;line-height:120%;}
.mAside .list li.i2 a{background-image:url(../images/ico_aside2_2.png);}
.mAside .list li.i3 a{background-image:url(../images/ico_aside2_3.png);}
.mAside .list li.i4 a{background-image:url(../images/ico_aside2_4.png);}
.mAside .list li.i5 a{background-image:url(../images/ico_aside2_5.png);}
.mAside .list li.i6 a{background-image:url(../images/ico_aside2_6.png);}
.mAside .list li.i7 a{background-image:url(../images/ico_aside2_7.png);}
.mAside .list li.i8 a{background-image:url(../images/ico_aside2_8.png);}

.lNotice{position:absolute;top:0;right:0;width:100%;z-index:100;}
.lNotice .closeArea{position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.7);width:100%;height:100%;}
.lNotice .noticeBg{position:relative;background-color:#fff;border-radius:10px;margin:130px 20px;padding:15px 20px;overflow:auto;}
.lNotice h2{border-bottom:1px solid #d5d5d5;font-weight:500;font-size:18px;margin:0 0 15px;padding:0 0 10px;}
.lNotice .con{}
.lNotice .con .ti{font-size:16px;font-weight:500;}
.lNotice .con .img{margin:15px 0;}
.lNotice .con .img img{max-width:100%;}
.lNotice .close{position:absolute;top:7px;right:10px;background:url(../images/ico_close1.png) 50% 50% no-repeat;background-size:14px auto;text-indent:-9999px;font-size:0;width:40px;height:40px;}

.txtRed{color:#d22626;}

.mKeysub{margin:0 -20px;}
.mKeysub img{width:100%;}

.mKeysub2{margin:0 -20px;border-bottom:1px solid #4f4f4f;border-top:1px solid #4f4f4f;color:#fff;text-align:center;padding:20px 0 20px 0;font-size:20px;}
.mKeysub2 .txt{color:#fff;text-align:Center;margin-top:15px;font-size:12px;color:#ddd}
.kSearch {position: relative;float: right;right: 20px;margin-top: -58px;margin-right:-22px;height:40px;width: 40px;text-align: right;}
.kSearch .btn{height:30px;}

.mbtn{width:100%;background-color:#0491d0;color:#fff;padding:10px 0 10px 0;border-radius:3px;border:1px solid #0491d0;font-size:100%;text-align:Center;margin-top:15px;}
.mbtn2{width:100%;background-color:#fff;border:1px solid #000;padding:7px 15px;font-size:100%;text-align:Center;color:#000;border-radius:3px;}
.mBox1{position:relative;background-color:#fff;margin:-20% 0 0;padding:25px 25px 0;border-radius:3px;}
.mBox1 .txt{font-size:12px;}
.mBox1 .con1{text-align:center;}
.mBox1 .con2{padding:15px 0 25px 0;}
.mBox1 .con3{background-color:#ffd200;margin:20px -25px 0;padding:15px 25px 15px;}
.mBox1 .con3 h3{font-weight:500;text-align:center;font-size:18px;padding:0 0 10px;}
.mBox1 .con3 .select,
.mBox1 .con3 .it{margin:0 0 10px;}
.mBox1 .con3 .btn{display:block;background-color:#474747;border:1px solid #474747;color:#fff;margin:15px 0 0;text-align:center;line-height:40px;height:40px;border-radius:3px;}
.mBox1 .con3 .check{position:relative;margin:5px 0 0;}
.mBox1 .con3 .check .gRt{position:absolute;top:3px;right:0;}
.mBox1 .con3 .check .gRt a{display:inline-block;text-decoration:underline;padding:0 0 12px;}
.mBox1 .con4{background-color:#fff;margin:10px -25px 0;padding:0px 25px 15px;}
.mBox1 .con4 h3{font-weight:500;text-align:center;font-size:18px;padding:0 0 10px;}
.mBox1 .con4 .select,
.mBox1 .con4 .it{margin:0 0 10px;}
.mBox1 .con4 .btn{display:block;background-color:#474747;border:1px solid #474747;color:#fff;margin:15px 0 0;text-align:center;line-height:40px;height:40px;border-radius:3px;}
.mBox1 .con4 .con{padding:15px 0 15px 0;font-size:16px;}
.mBox1 .con4 .table td{border:none;}
.mBox1 .con4 .check{position:relative;margin:5px 0 0;}
.mBox1 .con4 .check .gRt{position:absolute;top:3px;right:0;}
.mBox1 .con4 .check .gRt a{display:inline-block;text-decoration:underline;padding:0 0 12px;}
.mBox1 table {width:100%;margin-top:20px;}
.mBox1 table td{text-align:center;padding:7px 5px 7px 5px;border:1px solid #ddd}
.mBox1 table th{text-align:center;padding:7px 5px 7px 5px;background-color:#222;color:#fff;border:1px solid #ddd}

/* 20250812 :: 도서실 날짜 출력으로 추가 */
.mBox3{position:relative;background-color:#fff;margin:-20% -10px 0;padding:25px 10px 0;border-radius:3px;}
.mBox3 .txt{font-size:12px;}
.mBox3 .con1{text-align:center; margin:10px 0px 0; padding:0px 8px 15px;}
.mBox3 .con2{padding:10px 0 25px 0;}
.mBox3 .con3{background-color:#ffd200;margin:20px -25px 0;padding:15px 25px 15px;}
.mBox3 .con3 h3{font-weight:500;text-align:center;font-size:18px;padding:0 0 10px;}
.mBox3 .con3 .select,
.mBox3 .con3 .it{margin:0 0 10px;}
.mBox3 .con3 .btn{display:block;background-color:#474747;border:1px solid #474747;color:#fff;margin:15px 0 0;text-align:center;line-height:40px;height:40px;border-radius:3px;}
.mBox3 .con3 .check{position:relative;margin:5px 0 0;}
.mBox3 .con3 .check .gRt{position:absolute;top:3px;right:0;}
.mBox3 .con3 .check .gRt a{display:inline-block;text-decoration:underline;padding:0 0 12px;}
.mBox3 .con4 {background-color:#fff;margin:10px 0 0; padding:0px 0px 15px;}
.mBox3 .con4 h3{font-weight:500;text-align:center;font-size:18px;padding:0 0 10px;}
.mBox3 .con4 .select,
.mBox3 .con4 .it{margin:0 0 10px;}
.mBox3 .con4 .btn{display:block;background-color:#474747;border:1px solid #474747;color:#fff;margin:15px 0 0;text-align:center;line-height:40px;height:40px;border-radius:3px;}
.mBox3 .con4 .con{padding:15px 0 15px 0;font-size:16px;}
.mBox3 .con4 .table td{border:none;}
.mBox3 .con4 .check{position:relative;margin:5px 0 0;}
.mBox3 .con4 .check .gRt{position:absolute;top:3px;right:0;}
.mBox3 .con4 .check .gRt a{display:inline-block;text-decoration:underline;padding:0 0 12px;}
.mBox3 table {width:100%;margin-top:20px;}
.mBox3 table td{text-align:center;padding:7px 5px 7px 5px;border:1px solid #ddd}
.mBox3 table th{text-align:center;padding:7px 5px 7px 5px;background-color:#222;color:#fff;border:1px solid #ddd}


/* 셀간격 일정하게 */
#table_s_lockercnt1 {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  box-sizing: border-box;
}
#table_s_lockercnt1 td {
  width: 25%;
  text-align: center;
  border: 1px solid #ccc;
  word-break: break-word;
  overflow-wrap: break-word;
  box-sizing: border-box;
  padding: 8px;
  max-width: 25%; /* 사파리에서 너비 강제 제한 */
}

@supports (-webkit-touch-callout: none) {
  #table_s_lockercnt1 td {
    max-width: 25% !important;
  }
}

.mList1{position:relative;background-color:#000;margin:35px -24px 25px;text-align:center;zoom:1;}
.mList1:after{display:block;clear:both;content:''}
.mList1 .ls{position:relative;float:left;padding:20px 0;width:50%;}
.mList1 .ls:before{content:"";position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.3);width:1px;height:100%;}
.mList1 .ls:first-child:before{display:none;}
.mList1 .t{display:block;color:#fff;font-size:17px;}
.mList1 .c{display:block;color:#fff;font-size:22px;font-weight:500;margin:10px 0 0;}

.mLogin {width:80%;margin:0 auto}
.mLogin h1{text-align:center;margin-top:100px;}
.mLogin .id{width:46%;border:1px solid #ddd;border-radius:3px;margin-top:20px;padding:10px 0 10px 0;text-indent:10px;}
.mLogin .pw{width:100%;border:1px solid #ddd;border-radius:3px;margin-top:10px;padding:10px 0 10px 0;text-indent:10px;}
.mLogin .save{width:100%;margin:0 auto;padding:15px 0 15px 0;color:#fff;text-align:right}
.mLogin .btn{width:100%;background-color:#0491d0;color:#fff;padding:10px 0 10px 0;border-radius:3px;border:1px solid #0491d0;font-size:100%;text-align:Center}
.mLogin .btn2{width:100%;background-color:#444;color:#fff;padding:10px 0 10px 0;border-radius:3px;border:1px solid #444;font-size:100%;text-align:Center}
.mLogin .txt{text-align:center;margin-top:20px;color:#999;font-size:12px;}

.join {width:90%;margin:0 auto}
.join h1{text-align:center;margin-top:100px;}
.join h2{color:#ccc;margin:20px 0 0 0;}
.join .id{width:46%;border:1px solid #565656;border-radius:3px;margin-top:10px;padding:10px 0 10px 0;text-indent:10px;}
.join .pw{width:100%;border:1px solid #565656;border-radius:3px;margin-top:8px;padding:10px 0 10px 0;text-indent:10px;}
.join .save{width:100%;margin:0 auto;padding:15px 0 15px 0;color:#fff;text-align:right}
.join .btn{width:100%;background-color:#0491d0;color:#fff;padding:10px 0 10px 0;border-radius:3px;border:1px solid #0491d0;font-size:100%;text-align:Center}
.join .btn2{width:100%;background-color:#444;color:#fff;padding:10px 0 10px 0;border-radius:3px;border:1px solid #444;font-size:100%;text-align:Center}
.join .txt{display:block;color:#fff;}
.join .txt2{display:block;color:#fff;font-size:12px;margin-top:15px;}
.join .txt3{display:block;color:#fff;margin:30px 0 30px 0;text-align:center;font-size:16px;line-height:160%;}
.join .Idx {padding: 11px 10px;background-color:#777;color:#fff;text-align:Center;border-radius:3px;margin-left:7px;}



.mPag {
    margin: 30px 0 0;
    line-height: normal;
    text-align: center;
}
.mPag .bar, .mPag a, .mPag strong {
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    min-width: 32px;
    line-height: 32px;
    height: 32px;
    border:1px solid #ccc;
    border-radius:3px;
    margin-right:7px;
    background-color: #ccc;
}
.mPag strong, .mPag .selected {
    background-color: #0491d0;
    color: #fff;
    font-weight: 600;
    border:1px solid #0491d0;
}

.mPag2 {
    margin: 30px 0 20px;
    line-height: normal;
    text-align: center;
}
.mPag2 .bar, .mPag2 a, .mPag2 strong {
    display: inline-block;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    vertical-align: middle;
    text-align: center;
    min-width: 32px;
    line-height: 32px;
    height: 32px;
    border:1px solid #666;
    margin-right:7px;
}
.mPag2 strong, .mPag2 .selected {
    background-color: #000;
    color: #fff;
    font-weight: 600;
    border:1px solid #000;
}

.mArticle {width:90%;margin:0 auto;}

.lnb {overflow:hidden;text-align: center;border-top: 1px solid #fff;padding:10px 0 10px 0;}
.lnb li {float:left;width:20%;padding: 5px 0;}
.lnb li a {display:block;}
.lnb li a img {width:90%;display: block;    margin: 0 auto;}
.noticeline2 {background: url('../images/bg1.png') no-repeat 20% 50%;background-size:30px auto;border-top:1px solid #fff;text-align:center;padding:10px 0 10px 0;}
.noticeline2 a {display: block;padding:5px 0 5px 30px;font-weight:bold;text-decoration:none;font-size:18px;}
.noticeline2 img {width:40px;}
.detail {width:100%;padding-top:109px;}
.detail .de_img {width:100%;}
.detail .txt {width:90%;margin:0 auto;font-size:14px;padding-bottom:13px;margin-top:-40px;}
.detail .list {width:100%;cursor:pointer;margin-bottom:20px;}
.detail .list2 {border:1px solid #ddd;}
.detail .list3 {width:85%;margin:0 auto;padding:20px 0 20px 0;}
.detail .list3 .txt4{font-size:16px;margin-top:10px;height:30px;}
.detail .list3 .txt5{font-weight:600;font-size:16px;color:#0d5ba8;line-height:25px;}

.commonTxt{color:#fff;text-align:Center;margin-top:15px;font-size:12px;color:#ddd;}

.checkTable {
  margin-top: 10px;
}

.checkTable th, .checkTable td {
  border: 1px solid black !important;
}

.checkTable thead {
  text-align: center;
}

.checkTable td button {
  /* background: #222; */
  border: none;
  height: 50px;
  width: 100%;
  color: #333;
}

.checkTable td button.active {
  background: #222;
  color: #fff;
}

.checkTable td:nth-child(3) {
  padding: 0 5px;
}

.cursorButton {
  background-color: #333;
  border: 2px solid #333;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
  padding: 5px;
  border-radius: 5px;
}

.genderContainer {
  display: table;
  width: 100%;
  margin-top:10px;
  border-spacing: 2px 0;
}

.genderButton {
  display: table-cell;
  width: 50%;
  background-color: #b1b1b1;
  color: #fff;
  text-align: center;
  padding: 10px;
}

.genderButton.active {
  background-color: #0491d0;
}

.dialog-ovelay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.50);
    z-index: 999999
}
.dialog-ovelay .dialog {
    width: 400px;
    margin: 100px auto 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,.2);
    border-radius: 3px;
    overflow: hidden
}
.dialog-ovelay .dialog header {
    padding: 10px 8px;
    background-color: #f6f7f9;
    border-bottom: 1px solid #e5e5e5
}
.dialog-ovelay .dialog header h3 {
    font-size: 14px;
    margin: 0;
    color: #555;
    display: inline-block
}
.dialog-ovelay .dialog header .fa-close {
    float: right;
    color: #c4c5c7;
    cursor: pointer;
    transition: all .5s ease;
    padding: 0 2px;
    border-radius: 1px
}
.dialog-ovelay .dialog header .fa-close:hover {
    color: #b9b9b9
}
.dialog-ovelay .dialog header .fa-close:active {
    box-shadow: 0 0 5px #673AB7;
    color: #a2a2a2
}
.dialog-ovelay .dialog .dialog-msg {
    padding: 12px 10px
}
.dialog-ovelay .dialog .dialog-msg p{
    margin: 0;
    font-size: 15px;
    color: #333
}
.dialog-ovelay .dialog footer {
    border-top: 1px solid #e5e5e5;
    padding: 8px 10px
}
.dialog-ovelay .dialog footer .controls {
    direction: rtl
}
.dialog-ovelay .dialog footer .controls .button {
    padding: 5px 15px;
    border-radius: 3px
}

/* for chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
}