@media screen and (max-width:1800px){
	/* common */
	.w1720{ padding: 0 20px;}

	header .header-box{ padding: 0 50px;}

	#allmenu .inner-box{ padding: 150px 50px 50px; }
	#allmenu .allclose{ right: 50px;}
	
	/* main */
	.inner100{ padding: 0 50px; }

	main .news .inner100{ padding-top: 100px; justify-content:center; }

	main .visual .slide-box .slick-slide{ padding: 200px 50px 160px;}
	main .visual .slide-nav{ left: 50px;}

	main .about .bg-box .img{ right: 0; }
	main .about .bg-box .cover{ height: 100%;}
	main .about .bg-box .cover img{ width: 100%; height: 100%; }
	main .about .txt-box{ padding: 0 50px;}
	main .about .bg-box .img{ transition:all 1.5s; }
}

@media screen and (max-width:1700px){
}

@media screen and (max-width:1600px){
	/* common */
	.font120{ font-size:90px; }
	.font100{ font-size:70px; }
	.font90{ font-size:60px; }
	.font80{ font-size:50px; }
	.font60{ font-size:45px; }
	.font56{ font-size:40px; }
	.font50{ font-size:35px; }
	.font46{ font-size:33px; }
	.font40{ font-size:30px; }

	header .header-box nav { left: 60%;}
	header .header-box nav #gnb > li > a{ padding: 0 30px;}

	#allmenu .inner-box{ padding-top: 120px; }
	#allmenu .allgnb #gnb > li > a{ font-size:30px; }

	/* main */
	#fp-nav.right{ right: 20px; }

	main .business .inner100{ padding-top: 120px; }
	main .business .content .item-box:hover .txt-box .title{ font-size:35px; }
	main .business .content .item-box .box .txt-box .txt{ font-size:17px; }

	main .career .title-box{ padding: 100px 50px;}

	main .about .txt-box > div,
	main .career .title-box .txt-box > div{ margin-left: 30px; }

	main .news .content .slide-box .swiper-slide .txt-box .stitle:after{ width: 30px; margin: 0 10px;}

	/* sub */
	.table-box .item-box .input-box textarea{ width: 100%; }

	#popup-box{ width: 90%;}
	#popup-box .pop-content .txt-box{ padding: 100px 30px 100px 50px; }

	#quality-system .intro .chart-box figure{ width: 40%; }
	#quality-system .intro .chart-box figure svg{ width: 100%; }
	#quality-system .intro .chart-box .txt-box{ gap:0 45%}
	#quality-system .intro .chart-box .txt-box .item-box{ width: calc((55% / 2));}
	#quality-system .intro .chart-box .txt-box .item-box:first-child {margin-bottom: 20%;}
	#quality-system .intro .chart-box .txt-box .item-box ul li{ width: 100%; }
	#quality-system .intro .chart-box .txt-box .item-box:nth-child(2n) ul{ grid-template-columns: auto;}
	#quality-system .intro .chart-box figure:before{ width: 600px; height: 600px;}

	#philosophy .content .item-box figure{ width: 50%; }
	#philosophy .content .item-box .txt-box .txt br{ display:none; }
	#philosophy .content .item-box.item01 .txt-box{ margin-right: 50px; }
	#philosophy .content .item-box.item02{ margin-left: 50px;}
	#philosophy .content .item-box.item02 .txt-box{ margin-left: 50px; padding-left: 0; }
	#philosophy .content .item-box.item03 .txt-box{ margin-right: 40px;}

	#fi .evaluation .txt-box .item-box:first-child .btit{ font-size:150px; }
}

@media screen and (max-width:1400px){
	/* common */

	/* main */
	main .business .title-box .title{ margin-right: 70px;}
	main .business .content .item-box figure.icon{ left: 20px; }
	main .business .content .item-box .txt-box{ padding: 0 20px 40px; bottom: -50px; }
	main .business .content .item-box .txt-box .txt br{ display:none; }

	main .career .content .item-box:not(.link),
	main .career .content .link a{ padding: 30px 20px;}

	/* sub */
	#location .content .item-box{ padding: 40px 20px;}
	#location .content .item-box .txt br{ display:none; }
	
	#club .img-box{ gap:30px; }
	#club .img-box .item-box{ width: calc((100% - 30px) / 2);}
	#club .img-box .item-box dt{ min-width:230px; }
	#club .img-box .item-box dd br{ display:none; }

	#safety .certification .flex-box .img-box{ width: 50%; }

	.mp .content{ padding: 50px 20px; }
	.mp .content #icon-box{ flex-wrap:wrap; }
	.mp .content #icon-box .item-box{ width: calc((100% - 20px) / 3);}

	#organ-box ul{ width: 300px;}

	#pi .content{ grid-template-columns: repeat(4, 1fr); }
	#pi .content .item-box{ padding: 30px 20px; }
	#pi .content .img-box{  grid-column-start: 3; }

	.cibi .min .item-box{ padding-left: 150px; }

	#foundation .content .graph-box .img-box .item-box > div .bar span{ font-size:16px; }

	#fi .info .txt-box{ margin-left: 50px; flex-shrink:0; width: 50%;}

	/* footer */
	.footer .footer-inner .link-box{ margin: 0 100px; }

	/* 게시판 */
	.gallery-box .item-box{ width: calc((100% - 20px) / 2);}
}

@media screen and (max-width:1200px){
	/* common */
	:root {
		--hHeight:70px; 
	}

	.font120{ font-size:60px; }
	.font100{ font-size:55px; }
	.font90{ font-size:45px; }
	.font80{ font-size:40px; }
	.font60{ font-size:35px; }
	.font56,.font50{ font-size:30px; }
	.font46,.font40{ font-size:28.5px; }
	.font36{ font-size:27px; }
	.font32{ font-size:26.5px; }
	.font30,.font28{ font-size:26px; }

	.mb100{ margin-bottom: 80px; }

	/* header */
	header .header-box{ padding: 0 20px;}
	header .header-box nav,
	header .gnb-bg,
	header:after{ display:none !important; }
	header .header-box .logo{ width: 150px;}
	header .header-box .logo svg{ width: 100%; }

	header .header-box .menu-btn{ width: 35px; height: 25px;}

	#allmenu .inner-box{ padding: 100px 20px 50px;}
	#allmenu .allclose{ right: 20px;}

	/* main */
	main .visual .slide-nav{ left: 20px; bottom: 30px;}
	main .visual .slide-box .slick-slide{ padding: 80px 20px 100px;}

	main .about{ padding: 100px 0; height: 700px;}
	main .about > div{ display:block; }
	main .about .txt-box{ padding: 0 20px;}
	main .about .txt-box > div{ width: 35%; }
	main .about .txt-box .txt br{ display:none; }
	main .about .bg-box{ height: 100%;}

	.inner100{ padding: 100px 20px;}	

	main .business .inner100{ padding-top: 100px; }
	main .business .title-box{ flex-wrap:wrap; margin-bottom: 30px;}
	main .business .title-box .title{ margin-right: 30px;}
	main .business .title-box .txt br{ display:none; }
	main .business .title-box #viewbtn{ margin-top: 30px;}
	main .business .content{ flex-wrap:wrap; }
	main .business .content .item-box{ width: calc((100% - 20px) / 2); height: 500px;}
	main .business .content .item-box .box .txt-box{ padding: 20px; bottom: 0; height: auto;}
	main .business .content .item-box figure.icon{ bottom: 90px; }
	main .business .content .item-box .box .txt-box #viewbtn{ flex-shrink:0; }
	main .business .content .item-box:hover .txt-box .title{ font-size:30px; }
	
	main .sustain .inner100{ padding: 100px 20px; }
	main .sustain .content .txt-box{ margin-bottom: 40px; align-items: flex-start; }
	main .sustain .content .img-btn{ flex-wrap:wrap; gap:40px 0; }
	main .sustain .content .img-btn .item-box{ width: calc(100% / 3);}

	main .news .title-box{ flex-wrap:wrap; margin-bottom: 40px; }
	main .news .content .slide-box .swiper-slide{ width: calc((100% - 20px) / 2);}

	main .career .inner100{ flex-direction:column; }
	main .career .inner100 > div{ width: 100%; }
	main .career .content .item-box{ height: auto; }

	/* sub */
	#sv{ padding: 150px 0 0; }
	#subContents{ padding: 80px 0 120px;}

	.sec150 section:not(:last-of-type){ margin-bottom: 100px; }

	#tab-box{ margin-top: 60px;}

	#icon-box{ flex-wrap:wrap; }
	#icon-box .item-box{ padding: 30px 20px; width: calc((100% - 40px) / 3);}

	#btn-box{ margin: 100px auto 0; }

	#file-box label .txt{ width: 100%; }

	.table-box.type2 .item-box .title{ min-width:auto; width: 170px;}
	.table-box.type2 .item-box .input-box input[type="text"]{ width: 100%; }

	#popup-box .pop-content .txt-box .scroll .info-box dl > *{ padding: 20px 10px;}
	#popup-box .pop-content .txt-box .scroll .info-box dl dt{ width: 80px;}

	#str-box{ padding: 50px 80px;}
	#str-box .img-box .level-box{ width: calc(100% - 40px);}
	#str-box .img-box .level-box p{ display: flex; flex-direction: column; padding: 2.5% 0;}

	.business .content{ gap:50px 20px; }
	.business .content .item-box{ width: calc((100% - 20px) / 2);}

	.leisure .table-box .item-box .title{ min-width:150px; }

	#club .img-box .item-box dl{ display:block; }
	#club .img-box .item-box dt{ width: 100%; margin-bottom: 20px;}
	#club .img-box .item-box dt br{ display:none; }

	#guide .order #icon-box .item-box{ padding: 30px; }
	#guide .order .table-box{ grid-template-columns: 30% 70%; }
	#guide .order .table-box .item-box{ display:flex; }
	#guide .order .table-box .item-box .title{ width: 30%; } 
	#guide .order .table-box .item-box .txt{ width: 70%; }
	#guide .order .table-box .item-box p{ justify-content: flex-start; padding: 0 15px; } 
	#guide .order .table-box .item-box.type2{ grid-row: auto / span 4;}
	#guide .order .table-box .item-box.type2 .title{ width: 100%; justify-content: center;}

	#results .content{ padding: 80px 50px; }

	#history .content section{ padding-top: 100px; }
	#history .content .txt-box .year-box .item-box:not(:last-child){ margin-bottom: 80px;}

	#location .content{ flex-wrap:wrap; }
	#location .content .item-box{ padding: 30px 20px; width: calc((100% - 20px) / 3);}

	.mp{ padding-bottom: 100px; }

	.system .intro #circle-box{ gap:50px; }
	.system .intro #circle-box .item-box{ width: calc((100% - 150px) / 4);}
	.system .intro #circle-box .item-box:not(:last-child) div:before{ left: calc(100% + 20px);}

	#regulations .manage .content .item-box{ padding: 30px 20px; height: 250px;}

	.social #btn-box{ margin-top: 80px;}
	.social #title-box{ margin-bottom: 100px;}
	.social .content .graph-box{ padding: 40px 20px; align-items: center; }
	.social .content .board-box .item-box figure{ width: 400px; height: 300px; margin-right: 20px;}

	#foundation .content .graph-box .txt-box{ margin-right: 0; margin-bottom: 30px;}	
	#foundation .content .graph-box{ flex-direction:column; }

	#fi .chart-box{ padding: 40px 20px; }
	#fi .evaluation .txt-box .item-box{ padding: 40px 20px; height: 300px;}
	#fi .scale .chart-box{ padding: 40px 20px;}

	#materials .sub-wrap{ padding: 30px 20px;}

	#philosophy .content{ padding: 100px 0;}
	#philosophy .content .item-box:not(:last-child){ margin-bottom: 100px; }
	#philosophy .content .item-box .txt-box{ padding-left: 0; }

	#organization figure{ text-align: center;	 }
	#organization .txt img{ max-width:100%; }

	/* footer */
	.footer .footer-inner .link-box{ margin: 0 30px; }
	
	/* paging */
	.pages div a{ padding: 0 30px;}

	/* 게시판 */
	.board-box table td:nth-child(2){ padding-right: 10%; }

	.board-view .content .title-box{ padding: 50px 20px;}
	.board-view .content .inner-box{ margin: 0 auto 100px; }
	.board-view .content .file{ padding: 30px 20px; }
}

@media screen and (max-width:960px){
	/* common */
	.font120{ font-size:50px; }
	.font100{ font-size:40px; }
	.font90{ font-size:35px; }
	.font80{ font-size:32px; }
	.font60{ font-size:30px; }
	.font56,.font50{ font-size:28px; }
	.font46,.font40{ font-size:26px; }
	.font36{ font-size:25px; }
	.font30,.font28{ font-size:24px; }
	.font26{ font-size:23px; }
	.font24{ font-size:22px; }
	.font22{ font-size:20px; }
	.font20{ font-size:18px; }
	.font19{ font-size:17px; }
	.font18{ font-size:16px; }

	body #star-box{ padding: 12px 25px; padding-right: 70px; right: 10px;}
	body.chat #HappytalkIframe{ bottom: 40px !important;}
	body.chat-f #star-box{ bottom: 50% !important;}
	body.chat-f #HappytalkIframe{ bottom: 51% !important;}

	.inner100{ gap:0; }

	.mb100{ margin-bottom: 60px; }

	#mobile{ display:block; }
	#pc{ display:none; }

	#viewbtn{ font-size:16px; }
	#viewbtn.blue,
	#viewbtn.black{ width: 250px; height: 60px;}

	/* header */
	#allmenu .allclose{ top: 15px; right: 15px; }
	#allmenu .inner-box{ padding: 80px 20px 50px;}
	#allmenu .title-box{ flex-direction:column; align-items: flex-start; margin-bottom: 30px;}
	#allmenu .title-box .title{ margin-bottom: 10px;}
	#allmenu .title-box .txt{ text-align: left; font-size:17px; }	
	#allmenu .allgnb #gnb{ display:block; }
	#allmenu .allgnb #gnb > li{ width: 100%; text-align: left;}
	#allmenu .allgnb #gnb > li:not(:last-child){ margin-bottom: 20px;}
	#allmenu .allgnb #gnb > li > a{ margin-bottom: 0; }
	#allmenu .allgnb #gnb > li .depth2{ margin-top: 20px; display:none; }
	#allmenu .allgnb #gnb .depth2 li{ display:inline-block; margin-bottom: 10px;}
	#allmenu .allgnb #gnb .depth2 li:not(:last-child){ margin-right: 20px;}

	/* main */
	.inner100{ padding: 80px 20px;}	

	main section.visual{ height: 360px; }
	
	main section.business .inner100,
	main section.about,
	main section.news .inner100{ position: relative; padding-bottom: 105px; }
	main section.business .inner100:after,
	main section.about:after,
	main section.news .inner100:after{ content:''; display:block; position: absolute; bottom: 0; left: 0; width: 100%; height: 25px; background: #eee;}

	main .about{ padding: 80px 0; height: auto; display:flex; flex-direction:column; }
	main .about .bg-box{ opacity: 0; position: relative; top: auto; bottom: auto; transition:all 1s 0.4s; order:2; text-align: center; margin-top: 30px;}
	main .about .txt-box > div{ width: 100%; }
	main .about .txt-box .txt{ margin: 20px 0 40px;}
	main .about .txt-box .title{ transition-delay:0s; }
	main .about .txt-box > div{ transition-delay: 0.2s; }
 
	main .about .txt-box > div, 
	main .career .title-box .txt-box > div{ margin-left: 0;}
 
	main .business .inner100{ padding-top: 80px; }
	main .business .content .item-box{ width: 100%; height: 450px; }
	main .business .title-box > div{ flex-wrap:wrap; }
	main .business .title-box .title{ margin-right: 0; margin-bottom: 20px;}
	main .business .content .item-box:hover .txt-box .title{ font-size:24px; }

	main .sustain .inner100{ padding: 80px 20px; }
	main .sustain .content .txt-box{ margin-bottom: 50px;}
	main .sustain .content .txt-box > div{ margin: 0;}
	main .sustain .content .txt-box .txt{ margin: 20px 0 40px; }

	main .news .title-box > div{ margin-bottom: 30px; width: 100%; justify-content: space-between;}
	main .news .title-box ul{ margin-left: 0; margin-top: 30px; order:2; }
	main .news .content .slide-box .swiper-slide{ width: 100%; }
	main .news .content .slide-box .swiper-slide figure{ height: 300px;}
	main .news .content .slide-dots{ margin: 35px auto 0; text-align: center;}
	main .news .content .slide-dots span{ width: 10px; height: 10px;}
	
	main .career .inner100{ padding: 80px 20px;}
	main .career .title-box{ padding: 50px 20px;}
	main .career .title-box .txt-box{ margin-bottom: 40px;}		
	main .career .content{ margin-top: 20px;}
	main .career .content .item-box{ width: 100%; min-height:200px; }
	main .career .content .item-box .txt br{ display:none; }

	/* sub */
	#sv{ padding: 100px 0 0; }
	#sv #lnb{ margin-bottom: 20px;}
	#sv #lnb li:not(:last-child):after{ margin: 0 15px; }

	#subContents{ padding: 20px 0 80px;}

	.sec150 section:not(:last-of-type){ margin-bottom: 80px; }

	#btn-box{ margin: 60px auto 0; }

	#title-box{ margin: 30px 0;}
	#title-box .txt br:not(#mobile){ display:none; }
	
	#tab-box{ margin-top: 30px; }
	#tab-box li a{ font-size:16px; }

	#stit{ font-size: 23px; }

	#icon-box .item-box{ width: calc((100% - 20px) / 2); min-height: 230px; }
	#icon-box .item-box .title br,
	#icon-box .item-box .txt br{ display:none; }
	#icon-box .item-box figure{ width: 40px; margin-bottom: 20px;}

	.table-box .item-box p{ min-height:60px; }
	.table-box .item-box .input-box button{ min-width:120px; }

	.table-box.type2 .item-box{ flex-direction: column; align-items: flex-start;}
	.table-box.type2 .item-box > div,
	.table-box.type2 .item-box .txt{ padding: 15px 10px; }
	.table-box.type2 .item-box .title{ min-width:auto; width: 170px;}
	.table-box.type2 .item-box .title{ width: 100%; min-height: auto; justify-content: flex-start; padding: 20px 10px 0;}

	.board-box table{ display:block; }
	.board-box table colgroup,
	.board-box table thead{ display:none; }
	.board-box table tbody{ display:block; width: 100%; }
	.board-box table tr > *{ height: 60px; }
	.board-box table tr{ display:flex; flex-direction: column; width: 100%;}
	.board-box table tr:not(:first-child){ border-top:1px solid #000; }
	.board-box table td{ width: 100%; display:flex; align-items:center; padding: 0 20px; gap:10px; }
	.board-box table td:nth-child(3)::before,
	.board-box table td:nth-child(4)::before{ content:attr(data-txt); font-weight: 500; font-family: var(--baseF); }
	.board-box table td:not(:nth-child(2)){ text-align: left; font-weight: 500;}

	#search{ margin-bottom: 40px; }
	#search form{ flex-wrap:wrap; }
	#search form > *{ height: 60px; border-bottom:1px solid #000; }
	#search select{ width: 100%; margin-bottom: 10px; background: url(/img/common/selectArrow.png) no-repeat top 50% right 10px; padding: 0 10px;}
	#search input{ margin: 0 10px 0 0; width: calc(100% - 70px); }
	#search button{ width: 60px; border-bottom: none;}

	#circle-box{ flex-wrap:wrap; gap:20px; }
	#circle-box .item-box{ width: calc((100% - 40px) / 3); }
	#circle-box .item-box .circle-box{ height: 100px; }
	#circle-box .item-box:not(:last-child) .circle-box:before{ left: calc(100% + 5px);}
	#circle-box .item-box:nth-child(3) .circle-box:before{ display:none; }
	#circle-box .item-box .txt-box{ padding: 20px; min-height:120px; }
	#circle-box .item-box .txt-box .txt br{ display:none; }

	#popup-box .close img{ filter:invert(1); }
	#popup-box .pop-content{ flex-direction: column;}
	#popup-box .pop-content > *{ width: 100%; }
	#popup-box .pop-content .main-swiper .swiper-slide{ flex-direction: column; }
	#popup-box .pop-content .main-swiper .swiper-slide > *{ width: 100%; }
	#popup-box .pop-content .main-swiper .swiper-slide .img{ height: 400px; flex-shrink: 0;}
	#popup-box .pop-content .txt-box{ height:calc(100% - 400px); padding: 30px; }
	#popup-box .pop-content .txt-box .scroll{ overflow: auto; }
	#popup-box .pop-content .txt-box .scroll .title{ padding: 0 0 30px; }
	#popup-box .sub-wrap{ width: calc(100% - 40px); bottom: auto; top: 350px; transform:translateX(-50%); left: 50%; z-index: 5; display: flex; flex-direction: column-reverse;}
	#popup-box .sub-wrap .sub-swiper{ position: absolute; transform:translate(1000000000px , 1000000000px)}
	#popup-box .sub-wrap .sub-swiper .swiper-slide{ width: 60px; height: 100%; margin-bottom: 0; margin-right: 10px; }
	#popup-box .sub-wrap .swiper-nav{ margin-top: 0; }
	#popup-box .sub-wrap .swiper-nav .arrow-box{ flex-direction: row; }
	#popup-box .sub-wrap .swiper-nav .pagi-box span{ font-size:18px; }
	#popup-box .sub-wrap .swiper-nav .arrow-box button.prev{ margin-right: 10px;}
	#popup-box .sub-wrap .swiper-nav .arrow-box button img{ transform:rotate(-90deg); width: 30px; height: 30px;}

	#organ-box{ padding-bottom: 0; }
	#organ-box ul{ position: relative; transform:none; top: auto; left: auto; right: auto; width: auto; padding: 20px;}
	#organ-box ul:after{ width: 30px; left: -25px;z-index: -1;}
	#organ-box ul:before{ left: -35px; }
	#organ-box ul.type2{ right: auto;}
	#organ-box dd:before,
	#organ-box dd p:before, 
	#organ-box dt .circle:after{ display:none; }
	#organ-box dt{ display:flex; align-items:center; margin-bottom: 30px;}
	#organ-box dt .circle{ margin-bottom: 0; margin-right: 30px; width: 150px; height: 150px; flex-shrink:0; }
	#organ-box dt ul{ transform: none;  top: auto;}
	#organ-box dd{ flex-wrap:wrap; gap:20px; }
	#organ-box dd > *{ width: calc((100% - 20px) / 2);}
	#organ-box dd p{ height: 60px;}
	#organ-box dd div{ order:5; width: 100%;}
	#organ-box dd .btn-box div{ margin-top: 20px; }
	#organ-box dd .btn-box div p{ width: 100%;}
	#organ-box dd .btn-box div p:before{ display:block; height: 22px; background: #666;}
	#organ-box dd .btn-box div ul{ width: 100%; margin-top: 10px; }
	#organ-box dd .btn-box div ul:after,
	#organ-box dd .btn-box div ul:before{ display:none; }

	#str-box{ flex-direction:column; padding: 30px 20px;}
	#str-box .img-box{ position: relative; width: 100%; text-align: center; }
	#str-box .img-box .level-box{ width: 100%;}
	#str-box .img-box .level-box p{ align-items: flex-start; padding: 7% 0; }
	#str-box .img-box figure{ width: 80%; margin: 0 0 0 auto;}
	#str-box .img-box.type2 .level-box{ display:block; }
	#str-box > figure{ margin: 20px 0; margin-left: 18.5%; transform:rotate(90deg); width: 40px;  }

	.business .content .item-box{ width: 100%; }
	.business .content .item-box .box .txt-box{ padding: 30px; border:1px solid rgba(0,0,0,0.2); border-top:none; }

	.leisure .table-box{ grid-template-columns: 1fr; }
	.leisure .table-box .item-box .title{ min-width: 120px; padding: 0 10px;}
	.leisure .img-box{ gap:20px; flex-wrap:wrap; }
	.leisure .img-box figure{ width: 100%; }

	#club .img-box{ gap:0; }
	#club .img-box .item-box{ width: 100%; }
	#club .img-box .item-box:not(:last-child){ margin-bottom: 40px;}
	#club .img-box .item-box figure{ margin-bottom: 20px;}
 
	#guide .order #icon-box .item-box{ padding: 20px 20px 30px; min-height:230px; }

	#online .policy .privacy-wrap{ padding: 20px;}
	#online .policy .privacy-wrap .scroll-custom{ padding-left: 0; }

	#results .content{ padding: 50px 20px; }
	#results .content #btn-box{ margin-top: 40px; }

	#results_view .table-box .item-box .title{ min-height:auto; }

	#greeting .bg{ transform:translate(-50%,-50%); top: 50%; left: 50%; }
	#greeting .content .txt-box{ margin-top: 30px; }
	#greeting .content .txt-box p:not(:last-child){ margin-bottom: 20px;}
	#greeting .content .txt-box p br{ display:none; }

	#history .tab-wrap{ padding: 0 20px; }
	#history .tab-wrap ul{ flex-wrap:wrap; padding: 10px 30px; gap:5px 20px;}
	#history .tab-wrap ul li:not(:last-child){ margin-right: 0;}
	#history .content section{ padding-top: 80px; }
	#history .content .bg-box{ height: 220px; }
	#history .content .bg-box p{ font-size:50px; }
	#history .content .txt-box .year-box .item-box:not(:last-child){ margin-bottom: 60px;}
	#history .content .txt-box .year-box .item-box .year{ min-width:90px; }
	#history .content .txt-box .year-box .item-box .year span{ width: 40px; top: 20px; }
	#history .content .txt-box .year-box .item-box dl{ flex-direction: column; margin-left: 40px; margin-top: 10px; }
	#history .content .txt-box .year-box .item-box dl dt{ margin-right: 0; margin-bottom: 5px; font-weight: 500; color:#111; }
	#history .content .txt-box .bar{ left: 90px;}
	#history .content .txt-box .year-box .item-box .ctn-box{ width: 100%; overflow: hidden;}
	
	#location .map-box .root_daum_roughmap .wrap_map{ height: 300px !important;}
	#location .content .item-box{ width: calc((100% - 10px) / 2);}
	#location .content .item-box:last-child{ width: 100%; }
	#location .content .item-box .title{ margin-top: 20px;}
	#location .content .item-box .txt{ margin-top: 10px;}

	#safety .intro #icon-box .item-box{ width: 100%; }
	#safety .order .txt-box{ margin-top: 30px;}
	#safety .order .txt-box .item-box{ padding: 20px; flex-direction:column; align-items: flex-start;}
	#safety .order .txt-box .item-box dt{ margin-right: 0; margin-bottom: 20px; font-size:60px; }
	#safety .certification .flex-box{ flex-direction:column; }
	#safety .certification .flex-box .txt br{ display:none; }
	#safety .certification .flex-box .img-box{ margin-right: 0; margin-bottom: 30px; width: 100%; }
	#safety .active #icon-box .item-box{ width: 100%;}
	
	.mp{ padding-bottom: 80px; }
	.mp .content .title-box .title br{ display:none; }
	.mp .content #icon-box{ margin: 40px 0;}
	.mp .content #icon-box .item-box,
	#quality-mp .content #icon-box .item-box{ width: 100%; padding: 30px 20px; min-height:auto; }

	.system .intro #circle-box{ gap:30px; }
	.system .intro #circle-box .item-box{ width: calc((100% - 30px) / 2);}
	.system .intro #circle-box .item-box:not(:last-child) div:before{ left: calc(100% + 15px);}
	.system .intro #circle-box .item-box:nth-child(2) div:before{ display:none; }
	.system .intro #circle-box .item-box:nth-child(3) div:before{ display:block; }

	.activity .table-box colgroup{ display:none; }
	.activity .table-box th:not(:nth-child(2)){ width: 18%; }
	.activity .table-box th:first-child{ width: 22%; }
	.activity .table-box td{ padding: 20px 10px;}

	#regulations .manage .content .item-box{ height: auto;}

	#practice .num-box .item-box{ padding: 20px;}
	#practice .num-box .item-box em{ margin-right: 20px;}

	#quality-system .intro .chart-box{ padding-top: 0; }
	#quality-system .intro .chart-box figure{ position: relative; transform:none; top: auto; left: auto; width: 80%; margin: 0 auto ; }
	#quality-system .intro .chart-box figure .line{ display:none; }
	#quality-system .intro .chart-box figure:before{ display:none; }
	#quality-system .intro .chart-box figure svg{ height: 100%; }
	#quality-system .intro .chart-box .txt-box{ gap:0; }
	#quality-system .intro .chart-box .txt-box .item-box{ width: 100%; padding: 30px 20px; border-bottom:1px dashed #ccc; display:flex; }
	#quality-system .intro .chart-box .txt-box .item-box:nth-child(2n-1){ text-align: left;}
	#quality-system .intro .chart-box .txt-box .item-box:first-child{ margin-bottom: 0; }
	#quality-system .intro .chart-box .txt-box .item-box span{ display:block; color:var(--mainC); font-family: var(--gan); font-weight: bold; min-width:90px; margin-right: 30px;}
	#quality-system .intro .chart-box .txt-box .item-box .title br{ display:none; }

	.social #btn-box{ margin-top: 60px;}
	.social #title-box{ margin-bottom: 60px;}
	.social #title-box ul{ padding: 20px;}
	.social .content .table-box table tr *{ height: auto; padding: 10px 15px;}
	.social .content .table-box table tr th{ height: 60px; }
	.social .content .title-box{ margin: 40px 0;}
	.social .content .title-box ul li br{ display:none; }
	.social .content .graph-box{ align-items: flex-start; flex-direction: column; }
	.social .content .graph-box .txt-box{ width: 100%; margin-bottom: 40px; padding: 20px; }
	.social .content .graph-box .txt-box .stxt{ margin-bottom: 10px; }
	.social .content .board-box .item-box a{ flex-wrap:wrap; padding: 20px 0;}
	.social .content .board-box .item-box figure{ width: 100%; height: 300px; margin-right: 0; margin-bottom: 30px;}
	.social .content .board-box .item-box .txt-box .txt{ margin: 30px 0;}

	#foundation .content .graph-box .img-box{ flex-wrap:wrap; gap:100px 0; height: 800px;}
	#foundation .content .graph-box .img-box .item-box{ width: calc(100% / 2);}

	#pi .content{ grid-template-columns: repeat(2, 1fr); }
	#pi .content > *{ height: 200px; }
	#pi .content .item-box{ padding: 20px; }
	#pi .content .item-box figure{ width: 40px; }
	#pi .content .img-box{  grid-column-start: auto;}

/*	#fi .table-box{ margin-bottom: 40px; }*/
/*	#fi .table-box table tr > *{ height: 60px; }*/
/*	#fi .chart-box{ padding: 30px 20px; }*/

	#fi .table-box table tr > *{ height: 60px; }
	#fi .info{ flex-direction:column;	}
	#fi .info .txt-box{ width: 100%; margin-left: 0; margin-top: 30px;}
	#fi .info .txt-box br{ display:none; }
	#fi .evaluation .txt-box .item-box{ width: calc((100% - 20px) / 2); height: 150px; padding: 20px;}
	#fi .evaluation .txt-box .item-box:first-child { width: 100%; height: 200px;}
	#fi .evaluation .txt-box .item-box:first-child .btit{ font-size:60px; }
	#fi .scale .table-box table tr > *{ font-size:12px; }
	#fi .scale .table-box table tr > *:first-child{ padding: 0 10px;}

	.cibi .intro .content > figure{ padding: 20px; width: 60%; margin: 0 auto 40px;}
	.cibi .intro .content .txt-box{ transition-delay:0.8s; }
	.cibi .type .content{ gap:40px 20px; }
	.cibi .type .content .item-box figure{ padding: 0 50px;}
	.cibi .min .item-box{ height: auto; padding: 30px 20px; }
	.cibi .min .item-box .txt{ margin-top: 0; }

	#bi .intro .content > figure{ width: 60%;}
	#bi .intro:first-of-type .content > figure{ width: 40%;}
	#bi .intro .content .txt-box .title em{ display:block; }

	#character .content .item-box,
	#character .content .item-box .txt-box{ flex-direction:column; }
	#character .content .item-box{ padding-top: 0;}
	#character .content .item-box .txt-box{ text-align: center; }
	#character .content .item-box .txt-box .title{ margin-right: 0; margin-bottom: 20px;}

	#materials h4.title{ margin-bottom: 30px;}
	#materials .main-swiper{ height: 250px; }
	#materials .main-swiper .swiper-slide{ width: 100%; }
	#materials .sub-wrap{ gap:20px; }

	#philosophy .content{ padding: 80px 0;}
	#philosophy .content .item-box:not(:last-child){ margin-bottom: 80px; }
	#philosophy .content .item-box{ flex-direction: column;}
	#philosophy .content .item-box:first-child{ margin-top: -80px; }
	#philosophy .content .item-box figure{ width: 100%; margin: 0 auto 30px; order:-1; }
	#philosophy .content .item-box .txt-box{ margin: 0 !important;}
	#philosophy .content .item-box .txt-box .title br:not(#mobile){ display:none; }
	#philosophy .content .item-box.item02{ margin-left: 0; }
 
	/* footer */
	.footer .footer-inner{ padding: 80px 0 100px; display:block; }
	.footer .footer-inner > div:first-child{ display:block; margin-bottom: 30px; }
	.footer .footer-inner .link-box{ margin: 30px 0; display:flex; flex-wrap:wrap; }
	.footer .footer-inner .link-box li:not(:last-child){ margin-right: 15px; }
	.footer .footer-inner > div:last-child{ flex-direction:row; align-items:center; justify-content:space-between; }
	.footer .footer-inner .family-box{ margin-bottom: 0; margin-right: 10px; }
	.footer .footer-inner .family-box ul{ padding: 20px; padding-bottom: 25px;}
	.footer .footer-inner .family-box.on:before{ height: 250px;}

	/* privacy */
	.privacy .prev-box{ flex-wrap:wrap; }
	.privacy .prev-box .txt{ margin-right: 0; width: 100%; margin-bottom: 20px;}
	.privacy .prev-box .list-box{ width: 100%; }

	/* paging */
	.pages{ flex-wrap:wrap; }
	.pages div{ width: 100%; }
	.pages div a{ padding: 0 20px; min-height:70px; gap:40px; }
	.pages div:last-child a, 
	.pages div:last-child .title{ flex-direction: row;}
	.pages div:last-child .title i{ transform:rotate(180deg); }
	.pages div .txt{ max-width:70%; }
	.pages div:hover a{ gap:30px; }

	/* 게시판 */
	.board-view .content .title-box{ padding: 30px 20px;}
	.board-view .content .inner-box{ margin: 0 auto 100px; }
	.board-view .content .file{ padding: 20px;}
	.board-view .content .file span{ margin-right: 30px;}
}
@media screen and (max-width:768px){
	/* 게시판 */
	.gallery-box{ gap:40px 20px; }
	.gallery-box .item-box{ width: 100%;}
}

@media screen and (max-width:640px){
	/* main */
	main .about .bg-box{ height: 300px;}

	/* sub */
	#str-box .img-box .level-box p{ padding: 5.2% 0; font-size:14px; padding-left: 20px; }

	.cibi .type .content .item-box { width: 100%; }
	.cibi .type .content .item-box figure img{ width: auto;}

	#materials .main-swiper .swiper-slide iframe{ height: 250px; }
}