@charset "utf-8"; /* ======================================== 오산 아이맘카페 ======================================== */ @media all and (max-width:1350px){ img{max-width:100%;} input[type='text'], input[type='password'], input[type='number'], input[type="submit"]{border-radius:0;font-size:14px;} select{-webkit-appearance:none;appearance:none;color:#333;background:#fff url('/images/injeinc/bg_selectBox.png') no-repeat right center;font-size:14px;} textarea{border-color:#b6b6b6;font-size:14px;} input[type="file"]{padding:5px;border-radius:0;border:1px solid #b6b6b6;font-size:14px;} input.useDatepicker{width:110px;} #wrap{min-width:inherit;} #quickMenu{top:inherit;left:inherit;right:10px;bottom:10px;margin-left:0;width:auto;background:transparent;border:none;z-index:100;} #quickMenu ul{display:none;} #quickMenu #btnTop{display:block;width:42px;height:42px;background:#00b0dc url('/ilove/images/common/icon_top_m.png') no-repeat center;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,0.2);} #quickMenu #btnTop img{display:none;} .inner, #container > .inner{padding:0 15px;width:auto;} #header h1{left:15px;} #header .snsBox{right:5px;} #header .topLink li{padding:0 10px;} #contents{width:calc(100% - 270px);} #containerTop{background-position:-280px top !important;} #footer > .inner{padding:70px 0 35px 380px;} #mainSlogan{width:63.5%;} #mainSlogan img{max-width:100%;height:100%;} #mainPopup{width:35%;} #mainCenter ul li{padding:5px;width:calc(100% / 3);} #mainCenter ul li a{padding:10px 0;height:100px;} #mainContent > div{padding:15px !important;width:32%;} #mainContent > #mainEvent{width:34%;margin-right:1%;} #mainContent > #mainBoard{margin-right:1%;} #mainBoard ul li .notice_none{padding-left:95px;background:none;} #mainBoard ul li .notice_none p > br{display:none;} #mainImomBoard ul li a{height:370px;} #mainImomBoard ul li.imgType a img{max-width:100%;} #subContents .tabBar li a{height:80px;} .searchBox .w350{width:250px;} .btnEdu{padding:2px 5px;width:auto;} .eduBtnState3.red{white-space:normal;word-break:break-all;} .tableBox table, .calendar table, .tabBar.mLong{word-break:break-all;} .placeList > div{padding:40px 20px 20px 500px;height:auto;} .placeList > div .slider{left:20px;} .topTitleBox.bg1, .topTitleBox.bg3{background-position:right -50px bottom;background-size:auto 100px;} .photoGallery li{width:calc(100% /3);} .eduAgree .agreeCon{overflow-y:auto;} .loginBot{padding:45px 100px;} #idpwFind li .findForm{padding:30px 30px 15px;} #idpwFind li .findForm .findBox{width:auto;} #idpwFind li .findForm .findBox input{width:calc(100% - 55px);} .joinStep ul li{margin:0 20px;} .joinStep ul li:after{right:-27px;} .userInfo{border-bottom:1px dashed #bbb;} .userInfo:last-child{border-bottom:none;} .userInfo li{margin-right:15px;width:auto !important;height:auto;min-height:30px;} .joinComplete{padding:40px 30px 40px 140px;background-position:30px center;} .sitemap{margin:40px 0;} .sitemap > ul{margin:0 -10px;} .sitemap > ul > li{padding:0 10px;} } @media all and (max-width:1024px){ #header .topLink, #header .topSearch, #header .snsBox, #gnb, #side{display:none;} #header{position:fixed;top:0;left:0;right:0;height:64px;background:#fff;border-bottom:0;z-index:10;} #header > .inner{height:64px;} #header.scroll{box-shadow:1px 1px 10px rgba(0,0,0,0.2);} #header h1{top:12px;} #header h1 img{height:40px;} #header .btn_searchOpen{display:block;position:absolute;right:40px;top:0;width:40px;height:64px;text-indent:-9999px;background:url('/ilove/images/common/icon_search_open.png') no-repeat center;} #header .topSearch.active{display:block;position:fixed;left:0;right:0;top:64px;padding:15px 30px 20px 30px;width:auto;height:auto;background:#00b0dc;border-radius:0;} #header .topSearch.active .btn_searchClose{display:block;position:fixed;right:40px;top:0;width:40px;height:64px;text-indent:-9999px;background:url('/ilove/images/common/icon_search_close.png') no-repeat center;z-index:2;} #header .topSearch input[type='text']{height:40px;color:#fff;background:transparent;border-bottom:2px solid #fff;} #header .topSearch input[type='submit']{top:18px;right:28px;background:transparent url('/ilove/images/common/icon_search_m.png') no-repeat center !important;} #header .topSearch input::placeholder{font-size:17px;color:#fff;} #header .btn_allNavOpen{display:block;position:absolute;top:0;right:0;width:40px;height:64px;text-indent:-9999em;background:url('/ilove/images/common/icon_allNav.png') no-repeat center center;} #allNav{display:none;position:fixed;left:0;right:0;top:0;bottom:0;background:#f7f7f7;z-index:100;} #allNav .allNavTop{display:block;padding:0 15px;height:42px;background:#00b0dc;} #allNav .allNavTop ul{display:inline-block;font-size:0;vertical-align:top;} #allNav .allNavTop li{display:inline-block;line-height:42px;} #allNav .allNavTop .topLink{margin-right:18px;} #allNav .allNavTop .topLink li{position:relative;} #allNav .allNavTop .topLink li:first-child{padding-right:12px;margin-right:12px;} #allNav .allNavTop .topLink li:first-child:before{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-5px;width:1px;height:10px;background:rgba(255,255,255,0.2);} #allNav .allNavTop .topLink li a{display:block;font-family:'Nanum Gothic';font-size:14px;color:#fff;} #allNav .allNavTop .snsBox li{padding:0 2px;} #allNav .allNavTop .snsBox li a{letter-spacing:0;} #allNav.active{display:block;} #allNav .inner{margin:0;padding:0;background:none;border:none;} #allNav .inner:before{display:none;} #allNav .inner > ul > li{position:relative;float:none;width:auto;height:auto;border-bottom:1px solid #ddd;} #allNav .inner > ul > li:before{display:none;content:'';position:absolute;left:0;top:-1px;right:0;border-top:2px solid #fff;z-index:2;} #allNav .inner > ul > li:first-child:before{display:none !important;} #allNav .inner > ul > li.active{border-bottom:1px solid #fff;} #allNav .inner > ul > li.active:before{display:block;} #allNav .inner > ul > li > a{display:block;width:auto;padding:15px 5px 15px 15px;min-height:54px;line-height:1.3em;font-size:17px;color:#000;text-align:left;box-sizing:border-box;} #allNav .inner > ul > li.active > a{width:45%;background:#fff;} #allNav .inner > ul > li > ul{display:none;position:fixed;left:45%;right:0;top:42px;bottom:0;padding:0 15px 15px 20px;background:#fff;overflow-y:auto;z-index:2;} #allNav .inner > ul > li.active > ul{display:block;} #allNav .inner > ul > li > ul > li > a{display:block;margin-bottom:0;padding:16px 28px 16px 5px;min-height:54px;font-size:15px;color:#000;line-height:140%;border-bottom:1px solid #ddd;box-sizing:border-box;} #allNav .inner > ul > li > ul > li.active > a{border-color:#374578;} #allNav .inner > ul > li > ul > li.hasChild > a{background:url('../images/common/bg_dep2_off.png') no-repeat right 6px center;} #allNav .inner > ul > li > ul > li.hasChild.active > a{background-image:url('../images/common/bg_dep2_on.png');} #allNav .inner > ul > li > ul > li > ul{display:none;margin:0;padding:10px 0;background:#fff;border-bottom:1px solid #ddd;} #allNav .inner > ul > li > ul > li.active > ul{display:block;} #allNav .inner > ul > li > ul > li > ul > li{margin:0;} #allNav .inner > ul > li > ul > li > ul > li > a{display:block;position:relative;padding:6px 0 6px 17px;line-height:140%;font-size:14px;color:#333;} #allNav .inner > ul > li > ul > li > ul > li > a:before{display:block;content:'';position:absolute;top:12px;left:7px;width:3px;height:3px;background:#75787d;} #allNav .btn_allNavClose{display:block;position:absolute;top:0;right:0;width:46px;height:42px;text-indent:-9999em;background:url(../images/common/icon_allNavClose.png) no-repeat center center;z-index:2;} #container{min-height:inherit;padding:64px 0 10px !important;} #contents{float:none;width:auto;} #containerTop{height:204px;background-position:-550px 40px !important;} #footer{border:none;} #footer .footerSite{position:relative;height:auto;border:none;} #footer .footerSite > .inner{padding:0 12px 15px;} #footer .footerSite .siteWrap{padding:3px;width:50%;box-sizing:border-box;} #footer .footerSite .siteWrap .btn_siteOpen{background-position:right 10px center;border:1px solid #dbdbdb;} #footer > .inner{padding:25px 15px 45px;text-align:center;} #footer > .inner .footerLogo{display:block;position:static;margin-bottom:15px;} #footer > .inner .footerLogo img{height:48px;} #footer > .inner ul{position:static;} #footer > .inner ul li:first-child:after{display:none;} #footer > .inner ul{text-align:center;} #footer > .inner ul li{display:inline-block;float:none;} #footer > .inner p{margin-top:5px;} #mainQuick > ul > li > a > span{font-size:16px;} #mainContent > #mainEvent{margin-right:0;margin-bottom:20px;width:auto;} #mainContent > #mainBoard{margin-right:2%;width:49%;} #mainContent > #mainImomBoard{width:49%;} .greeting{padding:30px;background-color:#fff9cf;background-size:80% auto;background-position:right bottom -30px;} .guideCon{padding:0 0 0 85px;} .guideCon img{top:0;margin-top:0;height:70px;} .programInfo{padding:30px 20px;background:#fffbde;} /* 20230208 */ .mobileTab{display:block;margin-bottom:15px;text-align:center;} .mobileTab ul{display:flex;justify-content:space-between;} .mobileTab li{width:32%;box-sizing:border-box;} .mobileTab li:last-child{width:34%;} .mobileTab li a{display:flex;height:45px;justify-content:center;align-items:center;font-size:15px;color:#404040;background:#fff;border:1px solid #ccc;border-radius:5px;box-sizing:border-box;word-break:keep-all;} .mobileTab li.active a{color:#fff;background:#5d79fd;border-color:#5d79fd;} } @media all and (max-width:768px){ .mobileOnly{display:block;} body{font-size:15px;word-break:break-all;} .contentTop{margin-bottom:10px;border-bottom:none;} .contentTop h3{margin-bottom:5px;text-align:center;} .contentTop .location{margin:0 0 15px -10px;position:static;text-align:right;} .contentTop .location li{line-height:27px;font-size:14px;letter-spacing:-1px;} #contents{padding:150px 0 40px;} #footer > .inner a{font-size:13px;} #footer > .inner ul li{margin-bottom:10px;margin-right:0;padding-right:12px;} #footer > .inner ul li:last-child{padding-right:0;} #footer > .inner ul li:after{display:none;} #footer > .inner p{font-size:13px;line-height:160%;} #footer > .inner p span{display:none;} #footer .footerSite .siteWrap .btn_siteOpen{display:flex;align-items:center;padding:0 20px 0 10px;height:36px;line-height:1.3em;font-size:13px;} #footer .footerSite .siteWrap .siteList{bottom:40px;padding:10px 15px;width:calc(100% - 6px);} #mainVisual{margin-bottom:15px;} #mainSlogan{float:none;margin:0 -15px 20px -15px;width:auto;height:auto;} #mainSlogan img{height:auto;} #mainPopup{float:none;width:auto;text-align:center;} #mainPopup .bx-wrapper{background:#f3f3f3;} #mainPopup h3{text-align:left;} #mainPopup ul li img{max-width:100%;width:auto;} #mainQuick{margin-bottom:15px;} #mainQuick > ul > li{padding:5px;width:calc(100% / 3);} #mainQuick > ul > li > a{background-size:60px auto !important;} #mainQuick > ul > li > a > span{position:relative;padding-top:90px;height:130px;font-size:14px;border:none;} #mainQuick > ul > li > a > span:before{display:block;content:'';position:absolute;left:0;right:0;top:0;bottom:0;border:1px dashed rgba(255,255,255,0.7);} #mainBoard ul li.first a{padding-left:100px;} #mainCenter ul li{width:50%;} #mainCenter ul li a{font-size:14px;height:80px;} #mainContent{margin-bottom:15px;} #mainContent > div{float:none;height:auto;} #mainContent > div h3{margin-bottom:5px;} #mainContent > #mainBoard{margin-right:0;margin-bottom:20px;width:auto;} #mainContent > #mainImomBoard{width:auto;} #mainContent > #mainImomBoard ul:after{display:block;content:'';clear:both;} #mainEvent .mainCalendar table td .eventBox{left:50%;margin-left:-50px;width:100px;} #mainEvent .mainCalendar table td span.arrow{left:50%;margin-left:-3px;} #mainEvent .mainCalendar table td .eventBox > ul{padding:5px;} #mainEvent .mainCalendar table td .eventBox > ul > li{font-size:13px;} #mainEvent .mainCalendar table td .eventBox > ul > li > a{height:24px;line-height:24px;} #mainImomBoard ul li a{padding:20px 10px;height:320px;} #mainImomBoard ul li a .plus{bottom:17px;} .divGroup > div{float:none;padding:5px 10px;width:auto !important;} .listTypeBtn{margin:0 -5px 10px 0;text-align:right;} .searchBox, .searchBox.alignCenter{margin-bottom:20px;text-align:left !important;} .searchBox select{float:left;margin:2px 1px;width:49%;} .searchBox input[type='text']{margin:2px 1px;width:calc(100% - 125px);} .searchBox input[type='text'].type2{width:calc(100% - 50px);} .searchBox input[type="submit"]{margin:2px 1px;padding-left:0;width:40px;text-indent:-9999px;background-position:center;clear:both;} .searchBox .btnListAll{margin:2px 1px;width:70px;font-size:13px;} .tableBox table.mTable{display:block;text-align:left;} .tableBox table.mTable th{display:block;padding:5px;height:auto;border-bottom:none;} .tableBox table.mTable td{display:inline-block;position:relative;padding:5px;height:auto;border-bottom:none;} .tableBox table.mTable thead{display:none;} .tableBox table.mTable tbody{display:block;} .tableBox table.mTable tr{display:block;padding:15px 0;border-bottom:1px solid #ddd;} .tableBox table.mTable td{position:relative;line-height:1.5em;} .tableBox table.mTable td:after{display:block;content:'';position:absolute;left:-3px;top:13px;width:1px;height:10px;background:#ddd;} .tableBox table.mTable td.titleCol{display:block;} .tableBox table.mTable td .subject{font-size:16px;font-weight:700;} .tableBox table.mTable td.num{display:none !important;} .tableBox table.mTable td.tdEmpty{display:none;} .tableBox table.mTable .noticeRow{position:relative;} .tableBox table.mTable .noticeRow:before{display:block;content:'';position:absolute;right:10px;bottom:18px;width:36px;height:36px;background:#e3e3e3 url(../images/sub/icon_board_notice.png) no-repeat center;border-radius:50%;} .tableBox table.mTable td[data-label]:before{display:inline-block;content:attr(data-label);padding:5px;margin-right:7px;font-size:14px;background:#f3f3f3;border-radius:5px;} .tableBox table.mTable.type2 td{display:block;min-height:34px;font-size:14px;} .tableBox table.mTable.type2 td.left{text-align:left !important;} .tableBox table.mTable.type2 td[data-label]{position:relative;padding-left:100px;} .tableBox table.mTable.type2 td[data-label]:before{display:flex;align-items:center;justify-content:center;position:absolute;left:0;top:5px;padding:0;width:90px;height:25px;border-radius:3px;box-sizing:border-box;} .cateEdu{padding:2px 5px;width:auto;} .tableBox table.view{display:block;} .tableBox table.view thead, .tableBox table.view tbody{display:block;} .tableBox table.view tr{display:block;} .tableBox table.view thead th{display:block;padding:15px 5px;background:#f3f3f3;border-bottom:1px solid #bbb;} .tableBox table.view tbody th{display:block;padding:10px 5px;font-size:15px;background:#f7f7f7;border-bottom:none;} .tableBox table.view tbody td{display:block;padding:10px 5px;min-height:34px;font-size:14px;} .tableBox table.view tbody th:after, .tableBox table.view tbody td:after{display:none;} .tableBox table.view tbody tr.infoRow{border-bottom:1px solid #ddd;} .tableBox table.view tbody tr.infoRow th{display:inline-block;margin:0;background:transparent;border-radius:0;} .tableBox table.view tbody tr.infoRow td{display:inline-block;border-bottom:none;} .tableBox table.view .textContent{padding:20px 5px;height:auto;} .tableBox table.view .textContent img{height:auto !important;} .tableBox table.view tbody th.alignCenter{text-align:left !important;} .tableBox table.form{display:block;margin-bottom:0;} .tableBox table.form thead, .tableBox table.form tbody{display:block;} .tableBox table.form tr{display:block;} .tableBox table.form th{display:block;padding:10px 5px;height:auto;font-size:15px;background:#f7f7f7;border:none;} .tableBox table.form td{display:block;padding:12px 5px 10px;min-height:34px;height:auto;font-size:14px;border-right:none;} .tableBox table.form thead th{padding:15px 5px;} .tableBox table.form td input[type="text"], .tableBox table.form td input[type="password"], .tableBox table.form td .btn{margin-bottom:2px;} .tableBox table.form td .explain{display:block;margin-left:0;} .tableBox table.form .btn{vertical-align:middle;margin-top:0;} .tableBox table.info th, .tableBox table.info td{padding:10px 5px !important;font-size:14px;} .tableBox table.info td .desc{font-size:13px;} .tableBox table.info .listType3 li{padding-left:15px;} .tableBox table.info .btn{font-size:13px !important;} .tableBox table.info.small2{width:100%;} .paging{margin:30px 0 15px;} .paging > a.num, .paging > a.active{display:none;} .mobilePage{display:inline-block;margin:0 10px;font-size:20px;line-height:28px;vertical-align:middle;} .formExplain{margin-top:-20px;} .btn{padding:0 20px;min-width:90px;} .btnArea{margin:30px 0 15px;} .btnArea .btn{margin:2px 1px;} .listType3 > li{padding-left:16px;} #subContents h4{font-size:18px;background-position:left top;} #subContents h5{font-size:16px;} #subContents .tabBar{margin-bottom:20px;} #subContents .tabBar li{width:calc(100% / 3) !important;} #subContents .tabBar li{height:42px;} #subContents .tabBar li a{display:flex;justify-content:center;align-items:center;position:relative;width:auto;height:40px;line-height:110%;font-size:15px;border:0;border-right:1px solid #ccc;border-bottom:1px solid #ccc;border-radius:0 !important;} #subContents .tabBar li:first-child a, #subContents .tabBar li:nth-child(2) a, #subContents .tabBar li:nth-child(3) a{border-top:1px solid #ccc !important;} #subContents .tabBar li:nth-child(3n+1) a{border-left:1px solid #ccc !important;} #subContents .tabBar li a span{display:block;padding:0 2px;} #subContents .tabBar li a span em{font-size:12px;} #subContents .tabBar li.active a:before{display:block;content:'';position:absolute;left:-1px;top:-1px;bottom:-1px;right:-1px;border:2px solid #00b0dc;} .m2 #subContents .tabBar li.active a:before{border-color:#96a8ff;} .m3 #subContents .tabBar li.active a:before{border-color:#e7a6cc;} #subContents .tabBar.mLong li{height:65px;} #subContents .tabBar.mLong li a{height:63px;} .greeting{padding-bottom:100px;height:auto;} .greeting > p.title{margin-bottom:20px;font-size:20px;} .greeting > p{margin-bottom:20px;font-size:16px;} .greeting > p.title .big{font-size:24px;} .greeting > p.title .slogan{margin-bottom:10px;font-size:18px;} .placeList > div{margin-bottom:10px;padding:10px 15px;} .placeList > div .slider{position:static;margin:0 auto 15px;padding-top:30px;} .placeList > div .info > b{font-size:16px;} .placeList > div .info ul li{font-size:15px;} .placeList > div .info ul li img{margin-right:5px;} .placeList > div .info ul + ul li b{width:auto;} .topTitleBox{margin-bottom:20px;padding:25px 20px;height:auto;} .topTitleBox{background-image:none !important;} .topTitleBox .title{font-size:20px;} #map{height:300px !important;} .locationInfo > li{padding:0;} .locationInfo > li > .title{position:relative;} .location .title{font-size:16px;} .location h5{margin-bottom:10px !important;} .placeInfo li{font-size:14px;} .placeInfo li b{width:auto;margin-right:10px;} .programInfo{padding:20px 15px;} .programInfo > ul > li{padding:10px 0 10px 75px;min-height:90px;} .programInfo > ul > li .title{font-size:16px;} .programInfo > ul > li.type2 .title{padding-top:8px;} .programInfo > ul > li .icon img{width:60px;height:60px;} .calendar_top .selectArea{position:static;margin-top:10px;text-align:right;} .calendar table, .calendar table tbody, .calendar table tr, .calendar table th{display:block;} .calendar table thead, .calendar table td.tdEmpty{display:none;} .calendar table td{display:block;padding:35px 10px 10px;height:auto;border:1px solid #ddd !important;border-top:none !important;} .calendar table td span.day{top:5px;font-size:15px;width:auto;} .calendar table td span.day em.week{display:inline-block;} .borderType{margin-bottom:5px;} .eduCateItem span{margin-bottom:10px;} .photoGallery{margin:-6px;} .photoGallery li{width:50%;} .photoGallery li a{padding:10px 10px 60px;height:330px;} .photoGallery li a:after{bottom:15px;} .photoGallery li .title{margin:15px 0 10px;font-size:16px;} .photoGallery li .date{font-size:14px;} .loginForm{padding:30px 0;width:350px;background:none;} .loginForm > span input{width:185px;} .loginForm > a{top:29px;} .loginBot{padding:30px 0;} #idpwFind li{float:none;width:auto;} #idpwFind li.idFind{margin:0 0 20px;} #idpwFind li .findForm{padding:15px 10% 0;} #idpwFind li .findForm .explain{font-size:14px;} #idpwFind li .findForm .findBox{margin:15px auto;height:auto;} #idpwFind li .findForm .btnArea{padding:0 0 15px;border:0;} .joinStep{margin-bottom:40px;} .joinStep ul li{padding:75px 0 0;min-width:70px;height:auto;line-height:160%;background-position:center top !important;} .joinType > ul > li label, .joinType2 > ul > li label{padding-right:20px;} .agreeCheck label{padding-right:5px;} .warningBox p{font-size:13px;} .warningBox p.txtRed{font-size:15px;} .joinComplete{padding:30px 20px;background-image:none;} .leave_box{padding:20px;height:auto;} .sitemap > ul{margin:-5px;} .sitemap > ul > li{padding:5px;width:50%;} .sitemap > ul > li > a{font-size:18px;} .sitemap > ul > li > ul > li > a{padding:15px 5px 15px 10px;height:auto;line-height:1.3em;font-size:16px;} .sitemap > ul > li > ul > li > ul li a{font-size:14px;} .conditions div.grayBox, .emailCol div.grayBox{padding:20px;font-size:15px;} .emailCol > ul > li{font-size:14px;} #total_search .result{margin-bottom:40px;} #total_search .result h4{padding-right:40px;font-size:16px;} #total_search .result p.more > a{text-indent:-9999px;} #total_search .result > ul.list > li{padding:20px 15px;} #total_search .result > ul.list > li p.tit{margin-bottom:5px;} #total_search .result > ul.list > li p.tit:after{top:7px;} #total_search .result > ul.list > li p.tit > span{display:block;width:100%;font-size:15px;} #total_search .result > ul.list > li p.tit > em{display:block;margin-top:5px;width:auto;font-size:13px;text-align:left;} #total_search .result > ul.list > li p.txt a{font-size:14px;} #total_search .result > ul.result_photo.thumb > li{padding:20px 5px;width:50% !important;} #total_search .result > ul.result_photo.thumb > li div{padding:15px;} #total_search .result > ul.result_photo.thumb > li div span.subject{margin-bottom:10px;font-size:15px;} .mw100p{width:99.9%;} .mw80p{width:80%;} .mw45p{width:45%;} .mw30p{width:30%;} .mw80{width:80px;} .mmb5{margin-bottom:5px;} } @media all and (max-width:500px){ #footer > .inner p{text-align:left;} #mainPopup{height:360px;} #mainPopup ul li img{width:100%;height:300px;} #mainCenter ul li a{font-size:13px;} .guideCon{padding:0;min-height:inherit;} .guideCon img{display:none;} .placeList > div .slider{width:300px;} .placeList > div .slider img{height:225px;} .loginForm{width:280px;} .loginForm > span input{width:calc(100% - 70px);} .loginForm > a{position:static;width:auto;height:45px;line-height:45px;} .loginBot{text-align:center;} .loginBot ul > li{display:inline-block;margin:0 2px;padding:0;text-indent:-9999px;background:none;} .loginBot ul > li a{float:left;width:auto;text-indent:0;} .joinStep ul li{margin:0 15px;padding:55px 0 0;min-width:50px;font-size:15px;background-size:50px auto !important;} .joinStep ul li:after{right:-22px;} #subContents.popup{padding:20px 15px;} #subContents.popup .tableBox table.list th, #subContents.popup .tableBox table.list td{padding:3px;} #subContents.popup .tableBox table.list td a{max-width:inherit;text-overflow:unset;overflow:unset;white-space:normal;} /* 20230208 */ .mobileTab li a{letter-spacing:-1px;} } @media all and (max-width:400px){ /* 20230208 */ .mobileTab li a{font-size:14px;} } @media all and (max-width:359px){ #wrap, #footer{min-width:320px;} #allNav .inner > ul > li > a{padding:15px 5px 15px 10px;font-size:16px;} #allNav .inner > ul > li > ul{padding:0 10px 15px 10px;} #mainContent > div h3{font-size:18px;} #mainEvent .mainCalendarTop b{font-size:17px;} #mainEvent .mainCalendarTop a{width:30px;} #mainCenter ul li a{height:90px;} .placeList > div{padding:15px;} .placeList > div .slider{width:250px;} .placeList > div .slider img{height:188px;} .loginBot ul > li{margin:5px;} .loginBot ul > li a{width:187px;} .joinStep ul li{margin:0 10px;} .joinStep ul li:after{right:-20px;} .sitemap > ul > li > a{font-size:16px;} .sitemap > ul > li > ul > li > a{font-size:15px;} .w200{width:150px;} }