@charset "utf-8";

/* ***** responsive ***** */
@media all and (max-width:1700px){
	

	
}

@media all and (max-width:1530px){
	#wrap{min-width:320px;}
	.inner{padding:0 15px;width:auto;}

	#header .logo{left:15px;}
	#header #gnb{padding-right:15px;}

	#gnb .menu > li{}
	#gnb .menu > li > a{padding:5px 10px;}
	#gnb .menu > li .sub-menu:before{right:inherit;width:350px;}
	#gnb .menu > li .depth{padding:45px 0 60px 15px;}
	#gnb .menu > li .depth > ul > li > a{padding:5px 10px;font-size:16px;}
	#gnb .menu > li .depth > ul > li > ul > li > a{font-size:14px;}
	
	.all-menu > .inner{padding:0 15px;}
	.all-menu .btn-close{right:5px;}

	.main .section1{background-size:auto;}
	.main .quick-list:before{top:-160px;right:-50px;}
	.main .quick-list:before{width:250px;height:200px;background-size:100% auto;}
	.main .quick-list:after{display:none;}
	.main .quick-list ul{gap:15px;}
	.main .quick-list li .title{padding:50px 30px 30px;min-height:300px;}
	.main .section2{background-size:auto;background-position:right bottom;}
	.main .section2 .left,
	.main .section2 .right{width:calc(50% - 15px);}
	.main .board .tab-bar li a{min-width:100px;}
	.main .f-top{background-size:auto;}
	.main #bannerSlider .swiper-button-prev{left:0;}
	.main #bannerSlider .swiper-button-next{right:0;}

	#container:before{background-size:auto;}
	
	.sub-top .inner:before{background-size:auto 150px;}
	.side-menu{width:230px;}
	.side-menu h2 span{font-size:26px;}
	.sub-contents{padding-top:60px;width:calc(100% - 260px);}

	.greeting-wrap{background-position:right 40px bottom 40px;background-size:300px auto;}

	.thumb-view .img{width:200px;min-height:200px;}

	.board-search{flex-direction:column;align-items:flex-start;gap:10px;}
	.board-search .search{margin-left:0;}

	.gallery-list ul{gap:0 10px;}
	.gallery-list li{width:calc(100% / 3 - 7px);}
	.gallery-list li .img{width:100%;}

	.tab-content.view_btm .tab-page img,
	.board-view .con-row img,
	.table-form .con-row img{height:auto !important;}
}

@media all and (max-width:1024px){
	#header{height:64px;background:#fff;}
	#header .logo{top:0;height:100%;}
	#header .logo a{width:270px;background-position:left center;}
	#header .h-right{position:fixed;top:0;right:50px;padding-top:0;height:64px;z-index:100;}
	#header .h-right > a{display:none;}
	#header .h-right .btn-srch{display:block;margin:0;padding:0;width:40px;height:64px;line-height:inherit;text-indent:-9999px;background-image:url('/images/common/icon_search_m.svg');background-position:center;background-size:22px auto;}
	#header #gnb{padding-right:10px;height:100%;}
	#header #gnb .menu{display:none;}
	#header .btn-menu{margin-left:0;width:40px;background:url('/images/common/icon_allnav_gray.svg') no-repeat center / 28px auto;}
	.top-srch{top:64px;padding:10px 0 20px;}
	.top-srch .box{padding:0 15px;width:100%;}
	.top-srch p{padding-right:44px;width:calc(100% - 42px);height:44px;}
	.top-srch p .btn-search{width:42px;background-size:20px auto;}
	.top-srch .btn-search-close{width:36px;height:44px;background-size:20px auto;}
	.top-srch ::-webkit-input-placeholder{font-size:17px;}
	.top-srch ::-moz-placeholder{font-size:17px;}
	.top-srch :-ms-input-placeholder{font-size:17px;}

	.all-menu{bottom:0;max-height:inherit;}
	.all-menu,
	.all-menu .inner{padding:0;background:#f8f8f8;}
	.all-menu-top{display:none;}
	.all-menu-m{display:flex;align-items:center;padding-left:10px;background:#3487cf;}
	.all-menu-m .h-login{padding-top:0;}
	.all-menu-m .h-login > a{position:relative;padding:0 5px;line-height:64px;font-size:15px;color:#fff;}
	.all-menu-m .h-login > a:before{background:rgba(255,255,255,0.3);}
	.all-menu-m .h-login > a:first-child:before{display:none;}
	.all-menu-m .sns-menu{display:flex;position:static;padding:0;margin-left:10px;width:auto;background:none;}
	.all-menu-m .sns-menu li{margin-right:5px;}
	.all-menu-m .sns-menu a{width:30px;height:30px;line-height:30px;background:#fff;border-radius:50%;}
	.all-menu-m .sns-menu a img{width:18px;}
	#allMenu .menu{display:block;padding:0;}
	#allMenu .menu > li{position:relative;float:none;width:auto;height:auto;border-bottom:1px solid #ddd;}
	#allMenu .menu > li:before{display:none;content:'';position:absolute;left:0;top:-1px;right:0;border-top:2px solid #fff;z-index:2;}
	#allMenu .menu > li:first-child:before{display:none !important;}
	#allMenu .menu > li.active{border-bottom:1px solid #fff;}
	#allMenu .menu > li.active:before{display:block;}
	#allMenu .menu > li.m10,
	#allMenu .menu > li.m11{display:block;}
	#allMenu .menu > li > a{justify-content:flex-start;width:auto;padding:15px 5px 15px 15px;min-height:54px;height:auto;line-height:1.3em;font-weight:500;font-size:16px;color:#121212;text-align:left;background:none;border:none;border-radius:0;box-sizing:border-box;word-break:keep-all;}
	#allMenu .menu > li.active > a{width:42%;background:#fff;}
	#allMenu .menu > li > ul{display:none;position:fixed;left:42%;right:0;top:64px;bottom:0;padding:0 15px 15px 20px;background:#fff;overflow-y:auto;z-index:2;}
	#allMenu .menu > li.active > ul{display:block;}
	#allMenu .menu > li > ul > li{margin-bottom:0;}
	#allMenu .menu > li > ul > li > a{margin-bottom:0;padding:15px 5px;min-height:54px;font-size:15px;color:#121212;line-height:1.4em;border:none;border-radius:0;border-bottom:1px solid #ddd;box-sizing:border-box;word-break:keep-all;}
	#allMenu .menu > li > ul > li.active > a{border-color:#3487cf;}
	#allMenu .menu > li > ul > li.has-child > a{padding:16px 40px 16px 5px;background:url('/images/common/bg_dep2_off.png') no-repeat right 6px center;}
	#allMenu .menu > li > ul > li.has-child.active > a{color:#3487cf;border-color:#3487cf;background-image:url('/images/common/bg_dep2_on.png');}
	#allMenu .menu > li > ul > li > ul{display:none;margin:0;padding:10px;background:#fff;border-bottom:1px solid #ddd;border-radius:0;}
	#allMenu .menu > li > ul > li.active > ul{display:block;}
	#allMenu .menu > li > ul > li > ul > li{padding-left:10px;}
	#allMenu .menu > li > ul > li > ul > li:before{top:14px;width:3px;height:3px;}
	#allMenu .menu > li > ul > li > ul > li > a{display:block;padding:6px 0;line-height:140%;font-size:14px;color:#333;}
	#allMenu .menu > li > ul > li > ul > li > a:before{display:none;}
	.all-menu .btn-close{right:5px;top:0;width:40px;height:64px;background-image:url('/images/common/ico_close_m.png');background-size:20px auto;}

	#container,
	.main .section1{padding-top:64px;}
	#container{background-size:auto;background-position:90% bottom;}
	#footer .f-logo{display:none;}

	.main .fp-section.fp-table,
	.main .fp-tableCell{height:auto !important;}
	.main .fp-tableCell > .inner{padding:40px 15px;}

	.main #fpNav{display:none;}
	.main .section2{background:none;}
	.main .section2 .inner{flex-direction:column;gap:40px;padding:40px 15px;}
	.main .section2 .left,
	.main .section2 .right{width:auto;}
	.main .section2 .swiper-wrap{margin:0;}
	.main #popupSlider{margin:0 30px;}
	.main .board .tab-page{padding:20px;}
	.main .section3{padding:40px 15px;}
	.main .section3 .edu-wrap{flex-direction:column;}
	.main .section3 .left,
	.main .section3 .right{width:auto;}
	.main .section4 .swiper-wrap{margin:0 -15px;}
	.main #snsSlider,
	.main #photoSlider{margin:0 15px;}
	.main #popupSlider > button,
	.main #snsSlider > button,
	.main #photoSlider > button{width:46px;height:46px;}

	.right-menu{right:20px;bottom:20px;width:120px;}
	.right-menu > li #btnQuick,
	.right-menu > li #btnTop{margin:0 0 0 auto;width:44px;height:44px;}
	.right-menu > li #btnQuick{margin:0 0 5px auto;}
	.right-menu > li #btnQuick:before,
	.right-menu > li #btnQuick:after{width:15px;height:2px;}
	.quick-menu{bottom:50px;}
	.quick-menu > li a{padding:5px;font-size:13px;line-height:1.2em;}
	.quick-menu > li a i{width:32px;height:32px;line-height:32px;}
	.quick-menu > li a i img{width:24px;}

	.modal-wrap .swiper-container{margin:0 44px;}
	.modal-wrap .swiper-container > button{margin-top:-54px;width:40px;height:40px;background-size:auto 15px;}
	.modal-wrap .modal-btn > a{margin:3px;padding:0 30px 0 10px;font-size:15px;background-size:12px auto;background-position:right 12px center;border-radius:20px;}
	.modal-wrap .modal-btn .modal-num{margin:3px;padding:0 10px;font-size:15px;border-radius:20px;}
	.modal-btn .swiper-pagination-total{font-size:15px !important;}

	.side-menu{display:none;}
	#contents > .inner{display:block;}
	.sub-top .inner{padding-left:0;}
	.sub-top .inner:before{display:none;}
	.sub-contents{width:auto;}

	.greeting-wrap{padding:50px;}

	.thumb-view{flex-direction:column;align-items:unset;margin-bottom:40px;gap:0;}
	.thumb-view .img{margin:0 auto 30px;}

	.board-search{justify-content:flex-start;}
	.board-search .search{width:100%;justify-content:flex-start;flex-wrap:wrap;}
	.board-search .search *{margin:2px !important;}
	.board-search .search select{padding-left:7px;width:calc(100% / 3 - 4px) !important;}
	.board-search .search input[type="text"]{width:calc(100% - 128px) !important;}
	.board-search .btn-search{width:45px;text-indent:-9999px;background-position:center;}
	.board-search .btn-all{width:70px;}

	.login-wrap .login{width:auto;}
	.login-btm{gap:50px;width:auto;}
	.login-btm li + li:before{left:-30px;}
	
}

@media all and (max-width:768px){
	.web-only{display:none;}
	.mobile-only{display:block;}

	body{font-size:14px;word-break:break-all;}
	input[type='text'], input[type='password'], input[type='number'], input[type='submit'], button, select, textarea{font-size:15px;}
	select{padding:0 25px 0 5px;background-position:right 7px center;}
	input[type="checkbox"], input[type="radio"]{margin:2px 0;}
	input[type="checkbox"] + label,
	input[type="radio"] + label{margin-left:5px;}
	.inp-col{margin:2px 10px 2px 0;}
	.inp-file.w100p,
	.inp-file.mw100p{width:calc(100% - 83px);}
	.inp-file + .btn.inline{width:75px;}
	-webkit-input-placeholder{font-size:15px;}
	-moz-placeholder{font-size:15px;}
	-ms-input-placeholder{font-size:15px;}
	.inp-flex > li{padding-right:15px;}

	#header .logo a{width:230px;}
	#footer{margin-top:-20px;padding-bottom:40px;}
	#footer{font-size:14px;}
	#footer .f-link{margin-bottom:15px;}
	#footer .f-link li{margin-right:7px;}
	#footer .f-address span{margin-right:7px;padding-right:10px;}
	#footer .f-address span:after{top:4px;}

	.main h3.title{margin-bottom:15px;font-size:24px;}
	.main .slogan{padding-left:15px;margin-bottom:40px;}
	.main .slogan p > span{font-size:17px;}
	.main .slogan p.slogan-top > span{font-size:26px;}
	.main .quick-list{padding:0;}
	.main .quick-list:before{width:170px;height:100px;top:-90px;right:-20px;}
	.main .quick-list ul{flex-wrap:wrap;}
	.main .quick-list li{flex:1 1 40%;}
	.main .quick-list li .title{padding:25px 20px;min-height:180px;font-size:17px;border-radius:30px;}
	.main .quick-list li .title i img{width:70px;}
	.main .quick-list li .hover-box a{font-size:15px;}
	.main #popupSlider .swiper-grp{padding:10px 20px;border-radius:20px 20px 0 0;}
	.main #popupSlider .swiper-pagination-fraction{font-size:14px;}
	.main .board .tab-bar li a{padding:0 10px;min-width:80px;font-size:17px;}
	.main .board .tab-page{min-height:260px;}
	.main .notice-list li:before{top:22px;}
	.main .notice-list li a{line-height:50px;font-size:15px;}
	.main .notice-list li.first{gap:10px;}
	.main .notice-list li.first i img{width:30px;}
	.main .notice-list li.first a{width:calc(100% - 35px);max-height:50px;line-height:25px;font-size:17px;}
	.main .edu-tab{margin-bottom:30px;}
	.main .photo .tab-bar li a,
	.main .edu-tab li a{font-size:17px;}
	.main .cal-wrap{padding:30px 15px 20px;min-height:380px;}
	.main .cal-top strong{font-size:20px;}
	.main .cal-top a.prev,
	.main .cal-top a.next{background-size:14px auto;}
	.main .cal-area td{height:50px;}
	.main .cal-area td span{font-size:15px;}
	.main .edu-slider .swiper-slide{min-height:362px;}
	.main .edu-slider .stat{top:10px;width:50px;height:50px;}
	.main .edu-slider .con em{margin-bottom:10px;font-size:15px;}
	.main .edu-slider .con{padding:40px 30px;}
	.main .edu-slider .title{margin-bottom:20px;height:75px;line-height:25px;font-size:17px;}
	.main .edu-slider .info > li{font-size:13px;}
	.main .photo .tab-page{padding-top:60px;}
	.main .sns-top{top:15px;}
	.main .sns-top span{font-size:15px;}
	.main #photoSlider .swiper-slide .title{height:50px;line-height:25px;font-size:17px;}
	
	#container{min-height:inherit;}
	#container:before{background-size:auto 240px;background-position:15% top;}
	.sub-top{height:150px;}
	.sub-top h3{margin-bottom:15px;font-size:26px;}
	.sub-top .location{flex-wrap:wrap;}
	.sub-top .location li{padding:0 8px;font-size:14px;}
	.sub-top .location li + li:before{top:5px;}
	.sub-top .location li.home a{background-size:14px auto;background-position:left 4px;}
	.sub-contents{padding:40px 0 140px;}

	.list-con > li{margin-bottom:5px;}
	.list-con.square > li:before{top:7px;}
	.list-con.line > li:before{top:8px;}
	.list-con.dot > li:before{top:8px;}
	.list-con.num > li{padding-left:20px;}
	.list-con > li .title{font-size:15px;}

	.btn-area{margin:40px 0;}
	.btn{padding:0 20px;min-width:100px;min-height:50px;font-size:16px;}
	.btn.small{padding:0 10px;min-width:50px;min-height:40px;font-size:15px;}
	.btn.inline{padding:0 10px;min-width:50px;font-size:15px;}
	.btn-down,
	.btn-link,
	.link-btn{padding:0 10px !important;min-width:50px !important;min-height:40px;font-size:15px;}
	.btn.w180{width:auto;}

	.h4-title{margin-bottom:15px;font-size:20px;}
	.h5-title{margin:20px 0 10px;padding-left:26px;font-size:18px;background-size:18px auto;background-position:left 2px !important;}
	.h6-title{font-size:16px;}
	.h4-content{margin-bottom:40px;}
	.h5-content{margin-bottom:30px;}
	.h5-content.pdl{padding-left:0;}

	.info-box{flex-direction:column;align-items:flex-start;gap:5px;margin-bottom:40px;padding:20px;}
	.info-box.center{flex-direction:inherit;}
	.info-box i{margin:0 auto !important;width:70px;height:70px;line-height:70px;border-radius:15px;}
	.info-box i img{width:50px;}
	.info-box .con p,
	.info-box .con .list-con > li{font-size:15px;}
	.info-box .con p.title{font-size:17px;}

	.tab-link,
	.link .tab-bar{margin-bottom:30px;flex-wrap:wrap;word-break:keep-all;border-bottom:1px solid #dbdbdb;}
	.tab-link li,
	.link .tab-bar li{flex:1 1 40%;border-radius:0;}
	.tab-link li:nth-child(2n),
	.link .tab-bar li:nth-child(2n){border-left:none;}
	.tab-link li.active,
	.link .tab-bar li.active{border:1px solid #019dd9 !important;}
	.tab-link li.active:after,
	.link .tab-bar li.active:after{display:none;}
	.tab-link li a,
	.link .tab-bar li a{height:50px;font-size:16px;}

	.tab-link2{margin-bottom:30px;}
	.tab-link2 li{padding:0 10px;}
	.tab-link2 li a{font-size:16px;}

	.greeting-wrap{padding:40px 30px;background-position:right 20px bottom 95px;background-size:150px auto;}
	.greeting-wrap p{font-size:15px;}
	.greeting-wrap p.top{font-size:17px;}

	.history-wrap .history-grp{flex-direction:column;gap:10px;}
	.history-grp .year{font-size:24px;}
	.history-grp .row .month{width:70px;height:36px;line-height:36px;font-size:15px;}

	.map-area{margin-bottom:30px;}
	.map-area .root_daum_roughmap .wrap_map{height:250px !important;}
	.map-wrap .h4-content span + span{margin-left:20px;}
	.map-wrap .h5-content{gap:20px;}
	.map-wrap .h5-content i{width:60px;}

	.thumb-view h4.title{font-size:20px;}
	.thumb-view .btn-grp > *{padding:5px;height:50px;font-size:17px;}

	.view_btm .tab-bar{margin-bottom:30px;}
	.view_btm .tab-bar li a{height:50px;font-size:15px;}

	.calendar-control{margin-bottom:30px;}
	.calendar-control .calendar-select{font-size:20px;}
	.calendar-control .calendar-select > div{top:30px;}
	.calendar-control .calendar-select > div a{font-size:18px;}
	.calendar-control a.btn-prev,
	.calendar-control a.btn-next{width:40px;height:40px;background-size:auto 20px;}

	.category{width:auto !important;font-size:13px !important;border-radius:10px;}
	.m-calendar{border-top:2px solid #121212;}
	.m-calendar table{display:block;text-align:left;}
	.m-calendar thead{display:none;}
	.m-calendar tbody{display:block;}
	.m-calendar table tr{display:block;}
	.m-calendar td{display:block;padding:10px;height:auto;border-right:none;}
	.m-calendar td .day:after{display:inline-block;content:'(일)';padding-left:5px;font-size:13px;color:#666;}
	.m-calendar td .holiday b{margin-left:5px;font-size:13px;}
	.m-calendar td:first-child .day:after{color:#e14445;}
	.m-calendar td:nth-child(2) .day:after{content:'(월)';}
	.m-calendar td:nth-child(3) .day:after{content:'(화)';}
	.m-calendar td:nth-child(4) .day:after{content:'(수)';}
	.m-calendar td:nth-child(5) .day:after{content:'(목)';}
	.m-calendar td:nth-child(6) .day:after{content:'(금)';}
	.m-calendar td:last-child .day:after{content:'(토)';}
	.m-calendar td.td-empty{display:none;}
	.m-calendar td .subject{font-size:16px;}

	.w-calendar th{padding:5px;font-size:13px;}
	.w-calendar td .holiday{display:block;margin-left:0;font-size:12px;}
	.w-calendar td .day{font-size:13px;}
	.w-calendar .category{min-width:20px;}

	.edu-box{flex-direction:column;gap:10px;margin-top:-20px;}
	.edu-box > div{padding:75px 20px 20px;}
	.edu-box > div .title{font-size:17px;}
	.edu-box > div .desc{margin-bottom:15px;}
	.edu-box > div .button{padding:0 30px;height:44px;line-height:42px;}

	.table-title{display:block;margin-bottom:15px;}
	.table-title .h4-title,
	.table-title .h5-title{display:block;margin-bottom:5px;}
	.table-desc{font-size:14px;}

	.empty{font-size:16px !important;}
	.count{font-size:16px;line-height:20px;}
	.board-search .search select{width:calc(50% - 6px) !important;}

	.m-list{overflow:hidden;}
	.m-list table{display:block;text-align:left;}
	.m-list table th{display:block;padding:2px 5px;height:auto;font-size:15px;border-bottom:none;}
	.m-list table td{display:inline-block;position:relative;padding:2px 5px;font-size:15px;height:auto;border-bottom:none;}
	.m-list table thead{display:none;}
	.m-list table tbody{display:block;}
	.m-list table tr{display:block;padding:10px 0;border-bottom:1px solid #ddd;}
	.m-list table td{position:relative;line-height:1.5em;}
	.m-list table td:after{display:block;content:'';position:absolute;left:-3px;top:9px;width:1px;height:10px;background:#ddd;}
	.m-list table td.title{display:block;padding:5px;}
	.m-list table td.title a{display:block;font-weight:500;font-size:17px;}
	.m-list table td.title a.open{margin-left:0;}
	.m-list table td.subject a{font-weight:500;font-size:17px;}
	.m-list table td.title a.lock{padding-left:30px;background-size:auto 20px;}
	.m-list table td.num{display:none !important;}
	.m-list table td.td-empty{display:none;}
	.m-list table td.empty{display:block;padding:50px 0;}
	.m-list table td .file img{width:16px;}
	.m-list table .notice-row{position:relative;}
	.m-list table .notice-row:before{display:block;content:'';position:absolute;right:10px;bottom:10px;width:27px;height:25px;background:url('/images/sub/ico_notice.png') no-repeat center / auto 25px;}
	.m-list.type2 table{display:block;}
	.m-list.type2 table td{display:block;padding:3px 5px;min-height:32px;line-height:24px;text-align:left !important;}
	.m-list.type2 table td.empty{text-align:center !important;}
	.m-list.type2 table td.title a{display:inline-block;white-space:normal;}
	.m-list.type2 table td[data-label]{position:relative;padding-left:115px;}
	.m-list.type2 table td[data-label]:before{display:flex;align-items:center;justify-content:center;content:attr(data-label);position:absolute;left:0;top:1px;padding:0;width:105px;height:30px;background:#f3f3f3;border-radius:3px;box-sizing:border-box;}
	.m-list table .category,
	.m-list table .state,
	.m-list table .btn-status{margin:0 2px;padding:3px 10px;min-width:inherit;min-height:auto;font-size:13px;}

	.board-view .title{padding:15px 10px;font-size:18px;}
	.board-view .info-row li,
	.board-view .file-row,
	.board-view .page-row li{padding:13px 0;}
	.board-view .info-row li{font-size:15px;}
	.board-view .info-row li b,
	.board-view .info-row li:first-child b,
	.board-view .file-row b,
	.board-view .page-row li b{padding:0 10px;flex-shrink:0;width:auto;font-size:15px;}
	.board-view .info-row li span,
	.board-view .page-row li span{padding:0 10px;font-size:15px;}
	.board-view .info-row li span:before,
	.board-view .page-row li b:after{top:4px;height:10px;}
	.board-view .file-list{padding:0 10px;}
	.board-view .file-list .file-down{width:24px;height:24px;background-size:12px auto;}
	.board-view .file-row{flex-direction:column;align-items:flex-start;}
	.board-view .file-row b{margin-bottom:7px;}
	.board-view .file-row b:after{display:none;}
	.board-view .con-row{padding:30px 5px;overflow-x:auto;}
	.board-view .con-row img{height:auto !important;}
	.file-list li{padding-left:24px;line-height:24px;font-size:15px;background-position:left 2px;background-size:16px auto;}
	.file-down{width:24px;height:24px;}
	.paging{margin:30px 0;}
	.paging .num{display:none;}
	.m-page{display:inline-block;font-size:18px;vertical-align:middle;}
	.m-page b{font-size:20px;}

	.m-form table{display:block;text-align:left;}
	.m-form table th{display:block;padding:10px 5px !important;height:auto !important;background:#f6f6f6;}
	.m-form table td{display:block;position:relative;padding:10px 5px;min-height:39px;height:auto !important;}
	.m-form table tr{display:block;padding:0;}
	.m-form table thead,
	.m-form table tbody{display:block;}
	.m-form table .th-title,
	.m-form table .title{margin-bottom:0;padding:15px 10px !important;font-size:18px !important;}
	.m-form .con-row{padding:20px 5px;overflow-x:auto;}
	.m-form label + input{margin-left:10px;}
	.m-form .msg{font-size:13px;}
	.m-form span.msg{display:block;margin:5px 0;}
	.m-form .m-none{display:none;}
	.m-form .bdb-none{border-bottom:none;}
	.m-form .bdb-dash{border-bottom:1px dashed #dedede;}
	.m-form .title-m[data-label]:before{display:block;content:attr(data-label);margin-bottom:10px;padding:5px;font-weight:600;color:#383838;background:#dfdfdf;border-radius:5px;box-sizing:border-box;}
	.m-form .title-m2[data-label]:before{display:block;content:attr(data-label);margin-bottom:10px;box-sizing:border-box;}

	.gallery-list li{padding:20px 0;width:calc(50% - 5px);}
	.gallery-list li .title{font-size:17px;max-height:inherit;line-height:25px;}
	.gallery-list li:nth-child(3n+1):after{display:none;}
	.gallery-list li:nth-child(2n+1):after{display:block;content:'';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px solid #dedede;}
	.gallery-list li.empty{display:block;padding:50px 0;}

	.login-wrap{margin:0 10px;}
	.login-top{padding:0;margin-bottom:30px;}
	.login-top p{font-size:14px;word-break:keep-all;}
	.login-top p.top{margin-bottom:10px;font-size:18px;}
	.login-box{padding:10px 20px;}
	.login-area{margin:30px 0;}
	.login-btm{padding:30px 0;}
	.login-btm ul{flex-direction:column;gap:25px;}
	.login-btm ul li{justify-content:flex-start;padding:0 5px;text-align:left;}
	.login-btm ul li + li:before{display:none;}
	.login-btm ul li span{margin-bottom:7px;font-size:16px;}
	.login-btm ul li a{font-size:14px;}
	.login-btm ul li a br{display:none;}

	.join-step{margin-bottom:30px;}
	.join-step ul li{padding:0 10px;min-width:inherit;height:auto;font-size:15px;}
	.join-step ul li:before{top:20px;left:-10px;width:20px;}
	.join-step ul li em{display:block;margin:0 auto;}
	.join-type{margin-bottom:40px;gap:10px;}
	.join-type ul{gap:10px;}
	.join-type ul li{width:calc(50% - 5px);height:70px;}
	.join-type ul li input + label{height:100%;font-size:14px;}
	.join-type ul li input + label span{padding-left:40px;background-size:30px auto !important;}
	.join-type .con{margin-top:-10px;font-size:14px;text-align:left;}

	.agree-con{padding:20px;max-height:200px;font-size:14px;}
	.agree-con .h4-title{margin-bottom:10px;}
	.agree-con .title{font-size:17px;}
	.agree-con p,
	.agree-con .list-con{margin:0 0 15px;}
	.agree-table table th,
	.agree-table table td{padding:10px 5px;font-size:14px;}
	.agree-check{padding:10px;}
	.agree-check label{font-size:14px;}
	.agree-check label + input{margin-left:10px;}
	.agree-all{padding:15px 10px;}
	.agree-all label{font-size:16px;}
	.agree-all label span{display:block;font-size:14px;}
	.agree-btm{margin-bottom:40px;font-size:17px;}
	.h5-content + .agree-all{margin:-10px 0 40px;}
	.h4-content + .agree-all{margin-top:-20px;}

	#findCenter.active{display:block;}
	#centerList ul{max-height:230px;}
	#centerList ul li a{font-size:15px;}
	#centerList ul li b{padding:0 15px;}
	#centerList ul li span{flex-shrink:0;width:100px;}
	.userInfo + .userInfo{margin-top:5px;padding-top:5px;border-top:1px solid #dcdcdc;}
	.msg.pl40{padding-left:0 !important;}

	.find-top{padding-top:0;}
	.find-top p{margin-bottom:30px;font-size:16px;word-break:keep-all;}
	.find-area{padding:30px 15px;}
	.find-area ul{width:auto;}
	.find-area ul li b{min-width:75px;font-size:17px;}
	.find-wrap .btn-area,
	.find-result + .btn-area,
	.join-wrap .btn-area{margin:40px 0 0;}

	.result-top{margin-bottom:30px;padding-top:0;}
	.result-top b{margin-bottom:10px;font-size:18px;word-break:keep-all;}
	.result-top p{font-size:14px;word-break:keep-all;}
	.result-area{padding:30px 0;font-size:16px;}
	.result-area b{padding-left:10px;min-width:60px;font-size:17px;}
	.result-area b:before{top:7px;}
	.result-area span{margin-left:5px;font-size:17px;}
	.result-area ul li{margin-bottom:10px;}
	.result-area ul li b{padding-right:5px;min-width:60px;font-size:15px;}
	.result-area ul li span{font-size:17px;}
	.login-wrap .result-area{padding:30px 0;}
	.result-btm{padding:30px 20px;width:calc(100% - 40px);word-break:keep-all;}
	.result-btm em{font-size:16px;}
	.result-btm p{font-size:14px;}

	.mw40{width:40px;}
    .mw50{width:50px;}
    .mw60{width:60px;}
	.mw80{width:80px;}
	.mw100{width:100px;}
	.mw110{width:110px;}
	.mw150{width:150px;}
	.mw170{width:170px;}
	.mw200{width:200px;}
	.mw20p{width:20%;}
	.mw30p{width:30%;}
	.mw40p{width:40%;}
	.mw50p{width:calc(50% - 6px);}
	.mw60p{width:60%;}
	.mw70p{width:70%;}
	.mw80p{width:80%;}
	.mw90p{width:90%;}
	.mw100p{width:99.9%;}

	.mobile-only + .ml50{margin-left:0 !important;}
}

@media all and (max-width:500px){
	.main .slogan p.slogan-top{margin-bottom:10px;}
	.main .quick-list:before{width:120px;height:80px;top:-70px;}
	.main .quick-list li .title i{margin-top:0;}
	.main .quick-list li .hover-box{border-radius:30px;}
	.main .quick-list li .hover-box a{height:50px;font-size:13px;}
	.main .quick-list li .title i img{width:50px;}
	.main #popupSlider li a{height:350px;}
	.main #popupSlider .swiper-pagination-fraction .line{width:30px;}
	.main #snsSlider .swiper-slide{height:250px;}
	.main #photoSlider .swiper-slide .img{height:180px;}
	.main #snsSlider > button{margin-top:-46px;}
	.main #photoSlider .swiper-slide{height:250px;}
	.main #photoSlider .swiper-slide .img img{max-width:100%;width:auto;}
	.main #photoSlider > button{margin-top:-80px;}

	.modal-btn{margin-top:20px;}
	#modalSlider2 .swiper-grp,
	#modalSlider2 .swiper-container > button{display:block;}

	.info-box{flex-direction:column;/* gap:5px; */}
	/* .info-box i{margin:0 auto !important;} */

	.gallery-list li{width:100%;}
	.gallery-list li:nth-child(2n+1):after{display:none;}
	.gallery-list li:after{display:block !important;content:'';position:absolute;left:0;width:1500px;bottom:0;border-bottom:1px solid #dedede;}
	.gallery-list li a{margin:0 auto;width:271px;}

	.login-area{padding-right:0;}
	.login-area .btn-login{position:static;margin-top:5px;width:100%;height:50px;font-size:17px;}
	.userInfo li{display:block;margin-right:0;}
}
@media all and (max-width:360px){
	#header .logo a{width:200px;}

}
@media (min-width:1025px) and (max-width:1600px){

}

/* ***** tablet landscape ***** */
@media (min-width:1025px) and (max-width:1459px) and (orientation : landscape) {
	
}


/* ***** print ***** */
@media print{
	@page {size: A4 landscape;}
	html, body{margin:0;padding:0;overflow:auto !important;height:auto !important;}
	
}