/* =========================================================================================
 * ¼­ºêÆäÀÌÁö °øÅ뽺ŸÀÏ
 * =========================================================================================*/

.sub-page {
   width: 100%;
   color: #5D5D5D;
   font-size: 17px;
   line-height: 1.67;
   letter-spacing: -0.8px;
   text-align: left;
   word-break: keep-all;
   font-family: 'Noto Sans KR', sans-serif; 
}

.sub-page h2 {
   color: #000000;
   font-size: 30px;  
   font-weight: 500;
   text-align: center;
}

.sub-page h3 {
   color: #000000;
   font-size: 26px;  
   font-weight: 500;
   padding-bottom: 20px;
   position: relative;
}

.sub-page h4 {
   color: #000000;
   font-size: 22px;  
   font-weight: 500;
   padding-bottom: 10px;
}

.sub-page p {
   font-size: 20px;
   margin-bottom: 20px;
}

.sub-page p:last-child {
   margin-bottom: 0;
}



.sub-content {
  padding: 80px 0;
  min-height: 400px;
}

.sub-content section {
  margin-bottom: 100px;
}

.sub-content section:last-child {
  margin-bottom: 0;
}



/* ¹®´Ü ÇÏ´Ü ¿©¹é»èÁ¦ */
.mb-n {
  margin-bottom: -100px !important;  
}



	@media screen and (max-width: 1280px) {
		
		.sub-page {
		   font-size: 16px;
		}
		.sub-page h3 {
		   font-size: 24px;
		   padding-bottom: 10px;
		}
		.sub-page h4 {
		   font-size: 20px;
		}
		.sub-page p {
		   font-size: 18px;
		}

		.sub-content {
		  padding: 80px 0;
		}
		.sub-content section {
		  margin-bottom: 80px;
		}
		.mb-n {
		  margin-bottom: -80px !important;  
		}
	}


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

		.sub-page {
		   font-size: 15px;
		}
		.sub-page h3 {
		   font-size: 20px;
		   padding-bottom: 10px;
		}
		.sub-page h4 {
		   font-size: 18px;
		}
		.sub-page p {
		   font-size: 14px;
		   margin-bottom: 10px;
		}
		.sub-content {
		  padding: 60px 0;
		}
		.sub-content section {
		  margin-bottom: 60px;
		}
		.mb-n {
		  margin-bottom: -60px !important;  
		}
	}


	@media screen and (max-width: 820px) {
		
		.sub-content {
		  padding: 40px 0;
		}
	}


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

		.sub-content {
		  min-height: 380px;
		}
	}




/* =========================================================================================
 * ¸ð¹ÙÀÏ À̹ÌÁö
 * =========================================================================================*/

.mobile {
   display: none;
}


	@media screen and (max-width: 1280px) {
		
		.pc {
		   display: none;
		}
		
		.mobile {
		   display: block;
		}

	}




/* =========================================================================================
 * ¹è°æ ¹× ±âŸ
 * =========================================================================================*/


/* ¶óÀÎ */
hr {
   border:  0;
   border-bottom: 1px solid rgba(210, 215, 217, 0.75);
   margin: 0;
}

/* Á¤·Ä ¹× ¿©¹é */
.txt-left {
   text-align: left;
}
.txt-center {
   text-align: center;
}
.txt-right {
   text-align: right;
}
.pdT10 {
   padding-top: 10px !important;
}
.pdT20 {
   padding-top: 20px !important;
}
.pdT30 {
   padding-top: 30px !important;
}
.pdB10 {
   padding-bottom: 10px !important;
}
.pdB30 {
   padding-bottom: 30px !important;
}
.pdB40 {
   padding-bottom: 40px !important;
}
.p-bottom {
   margin-bottom: 25px !important;
}
.sm-bottom {
   margin-bottom: 30px !important;
}
.md-bottom {
   margin-bottom: 50px !important;
}
.lg-bottom {
   margin-bottom: 120px !important;
}

.mt20 {
   margin-top: 20px !important;
}
.mb10 {
   margin-bottom: 10px !important;
}
.mb20 {
   margin-bottom: 20px !important;
}
.mb30 {
   margin-bottom: 30px !important;
}
.mb40 {
   margin-bottom: 40px !important;
}
.mb50 {
   margin-bottom: 50px !important;
}
.mb60 {
   margin-bottom: 60px !important;
}
.mb70 {
   margin-bottom: 70px !important;
}

.columns2 {
   columns: 2;
}
.columns3 {
   columns: 3;
}


/* ÆùÆ® Æ÷ÀÎÆ® Ä÷¯ */
.fc-brown {
   color: #876340;
}
.fc-blue {
   color: #00529B;
}


/* ¹è°æÄ÷¯ */
.bg-gray {
   background: #F5F5F5;
   padding: 100px 0;
}



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

		/* ¹è°æÄ÷¯ */
		.bg-gray {
		   padding: 60px 0;
		}
	}



	@media screen and (max-width: 1024px) {
		
		/* ¹è°æÄ÷¯ */
		.bg-gray {
		   padding: 40px 0;
		}
	}






/* =========================================================================================
 * ¹öÆ° ½ºÅ¸ÀÏ
 * =========================================================================================*/

a.btn-style1 {
  display: inline-block;
  color: #FFFFFF;
  background: #1D3F90;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
  border-radius: 100px;
 }

 a.btn-style2 {
  display: inline-block;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
  padding: 10px 30px;
  font-size: 15px;
  font-weight: 400;
  text-align: center;
 }

 a.btn-style3 {
  display: inline-block;
  color: #FFFFFF;
  background: #1D3F90;
  padding: 6px 25px;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
  border-radius: 100px;
 }



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

		a.btn-style1 {
		  padding: 8px 25px;
		  font-size: 13px;
		}
	}

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

		.columns2 {
		   columns: 1;
		}
	}





/* =========================================================================================
 * ¸®½ºÆ® ½ºÅ¸ÀÏ
 * =========================================================================================*/

ul.list li {
   padding-left: 15px;
   position: relative;
}

ul.list li:before {
   content: '';
   display: inline-block;
   width: 5px;
   height: 5px;
   top: 14px;
   left: 2px;
   border-radius: 40px;
   background: #666666;
   position: absolute;
}



	@media screen and (max-width: 1280px) {
		
		ul.list li:before {
		   width: 4px;
		   height: 4px;
		   top: 12px;
		}
	}


	@media screen and (max-width: 1024px) {
		
		ul.list li {
		   padding-left: 12px;
		}
		ul.list li:before {
		   width: 3px;
		   height: 3px;
		   top: 10px;
		}
	}



/* =========================================================================================
 * »ó´Ü¸Þ´º & »ó´ÜÀ̹ÌÁö 
 * =========================================================================================*/

 /* ¼­ºê¸Þ´º ³ÐÀÌ */
.has1 li {width: 100%;}
.has2 li {width: 50%;}
.has3 li {width: 33.33333333333333%;}
.has4 li {width: 25%;}
.has5 li {width: 20%;}
.has6 li {width: 16.6666666666667%;}
.has7 li {width: 14.28571428571429%;}
.has8 li {width: 12.5%;}
.has9 li {width: 11.11111111111111%;}
.has10 li {width: 10%;}



/* ¼­ºê¸Þ´º */
.submenu {
   max-width: 100%;
   text-align: center;
   background-color: #00183f;
   font-size: 0;
   margin: 0 auto;
   line-height: 0;
}
.submenu ul {
   width: 100%;
   margin: 0 auto;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   justify-content: end;
}
.submenu li {
   border-right: 1px solid rgba(255,255,255,0.2);
}
.submenu li:last-child {
   border-right: 0;
}

.submenu li a {
   color: rgba(255,255,255,0.7);
   font-size: 19px;
   line-height: 1.2;
   width: 100%;
   height: 65px;   
   display: flex;
   align-items: center;
   justify-content: center;
}
.submenu li a:hover {
   color: #000000;
   background: #FFFFFF;
}
.submenu li a.active {
   color: #000000;
   font-weight: 500;
   background: #FFFFFF;
}

.submenu li a.active:after {
   content: '';
   width: 100%;
   height: 4px;
   left: 0;
   bottom: -1px;
   position: absolute;  
}


/* »ó´ÜÀ̹ÌÁö */
.sub-top {
   height: 360px;
   position: relative;
   display: flex;
   width: 100%;
   margin: 0 auto;
   flex-wrap: wrap;
   align-items: center;
   justify-content: center;
   z-index: -1;
}

.sub-top-img1 {background: url('../../img/sub/sub_top_01.jpg') center no-repeat; background-size:cover;}
.sub-top-img2 {background: url('../../img/sub/sub_top_02.jpg') center no-repeat; background-size:cover;}
.sub-top-img3 {background: url('../../img/sub/sub_top_03.jpg') center no-repeat; background-size:cover;}
.sub-top-img4 {background: url('../../img/sub/sub_top_04.jpg') center no-repeat; background-size:cover;}
.sub-top-img5 {background: url('../../img/sub/sub_top_05.jpg') center no-repeat; background-size:cover;}
.sub-top-img6 {background: url('/default/img/sub/sub_top_066.jpg') center no-repeat; background-size:cover;}
.sub-top-img7 {background: url('../../img/sub/sub_top_07.jpg') center no-repeat; background-size:cover;}
.sub-top-img8 {background: url('../../img/sub/sub_top_08.jpg') center no-repeat; background-size:cover;}
.sub-top-member {background: url('../../img/sub/sub_top_member.jpg') center no-repeat; background-size:cover;}


/* »ó´ÜÀ̹ÌÁö ½½·Î°Ç */
.slogan-box {
   text-align: center;
   margin-top: 90px;
}

.slogan-box h1 {
   font-size: 36px;
   font-weight: 700;
   color: #FFFFFF;
   padding-bottom: 5px;
}
.slogan-box p {
   color: #EEE;
}



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

		/* »ó´ÜÀ̹ÌÁö */
		.sub-top {
		   height: 280px;
		}
		.slogan-box {
		   margin-top: 70px;
		}
		.slogan-box h1 {
		   font-size: 30px;
		}
		.slogan-box p {
		   font-size: 15px;
		}


		/* ¼­ºê¸Þ´º */
		.submenu {
		   margin-top: 0;
		}
		.submenu li a {
		   font-size: 18px;
		   height: 55px;
		}
		.submenu .container {
		   padding: 0;
		}
	}


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

		/* »ó´ÜÀ̹ÌÁö */
		.sub-top {
		   height: 240px;
		}
		.slogan-box {
		   margin-top: 60px;
		}
		.slogan-box h1 {
		   font-size: 26px;		
		}
		.slogan-box p {
		   font-size: 13px;
		}

		/* ¼­ºê¸Þ´º */
		.submenu li a {
		   font-size: 16px;
		   height: 48px;
		}
	}



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

		/* »ó´ÜÀ̹ÌÁö */
		.slogan-box h1 {
		   padding-bottom: 0;
		}
	}



	@media screen and (max-width: 768px) {		
		
		.has1 li, .has3 li, .has5 li, 
		.has6 li, .has7 li, .has8 li, .has9 li, .has10 li {width: 33.33333333333333%;}

		.has2 li {
		   width: 50%;
		}		
		.has2 li:last-child {
		   border-right: 1px solid rgba(255,255,255,0.1);
		}

		.has4 li {
		   width: 50%;
		}
		.has4 li:nth-child(1),
		.has4 li:nth-child(2) {
		   border-bottom: 1px solid rgba(255,255,255,0.1);
		}

		.has5 li:nth-child(1),
		.has5 li:nth-child(2), 
		.has5 li:nth-child(3) {
		   border-bottom: 1px solid rgba(255,255,255,0.1);
		}
		.has5 li:last-child {
		   border-right: 1px solid rgba(255,255,255,0.1);
		}

		.has6 li:nth-child(1),
		.has6 li:nth-child(2), 
		.has6 li:nth-child(3) {
		   border-bottom: 1px solid rgba(255,255,255,0.1);
		}

		.has7 li {
		   border-bottom: 1px solid rgba(255,255,255,0.1);
		}
		.has7 li:last-child {
		   border-right: 1px solid rgba(255,255,255,0.1);
		}

		.has8 li {
		   border-bottom: 1px solid rgba(255,255,255,0.1);
		}
		.has8 li:last-child {
		   border-right: 1px solid rgba(255,255,255,0.1);
		}

		.has9 li {
		   border-bottom: 1px solid rgba(255,255,255,0.1);
		}
		.has9 li:nth-last-child(1),
		.has9 li:nth-last-child(2), 
		.has9 li:nth-last-child(3) {
		   border-bottom: 0;
		}

		.has10 li {
		   border-bottom: 1px solid rgba(255,255,255,0.1);
		}
		.has10 li:last-child {
		   border-right: 1px solid rgba(255,255,255,0.1);
		}

		/* ¼­ºê¸Þ´º */
		.submenu ul {
		   justify-content: flex-start;
		}
		.submenu li a {
		   font-size: 14px;
		   height: 38px;
		}
		.submenu li {
		   border-right: 1px solid rgba(255,255,255,0.1);
		}

	}


	@media screen and (max-width: 480px) {
		
		/* »ó´ÜÀ̹ÌÁö */
		.sub-top {
		   height: 200px;
		}
		.slogan-box h1 {
		   font-size: 24px;		
		}
		.slogan-box p {
		   font-size: 13px;
		}
	}



/* =========================================================================================
 * ÆäÀÌÁö ŸÀÌƲ
 * =========================================================================================*/

.title-box {
   padding: 100px 0;
   text-align: center;
}
.title-box h3 {
   width: 100%;
   display: block;
}
.title-box p {
   font-size: 13px !important;
   padding-bottom: 0;
}
.title-box .navi {
   width: 100%;
   display: block;
   color: #888888;
}
.arrow-pd {
   padding: 0 4px;
}


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

		.title-box {
		   padding: 80px 0;
		}
	}

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

		.title-box {
		   padding: 60px 0;
		}
	}


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

		.title-box {
		   padding: 40px 0;
		}
		.title-box p {
		   font-size: 12px !important;
		}
	}






/* =========================================================================================
 * ȸ»ç¼Ò°³
 * =========================================================================================*/


/* ±â¾÷¼Ò°³ */
.overview {
   width: 100%;
   position: relative;
   line-height: 1.78;
}

.overview .ov-img img {  
   width: 100%;
}

.overview .ov-box {
   background: #FFF;
   padding: 0 80px;
   text-align: center;
}

.overview .ov-tit {
   font-size: 36px;
   line-height: 0.8;
   color: #000000;
   font-weight: 600;
   padding-bottom: 50px;
}


/* ±â¾÷Á¤º¸ */
.company-info ul {   
   display: flex;
   align-items: center;
   text-align: center;
   width: 100%;
   position: relative;
   flex-wrap: wrap;
}

.company-info ul li {
   width: 20%;
   padding: 40px 5px;
   margin-right: -1px;
   border: 1px solid #E0E0E0;
}

.company-info ul li .img {
   padding-bottom: 10px;
}

.company-info ul li h4 {
   font-size: 22px;   
   padding-bottom: 10px;
}

.company-info ul li p {
   padding-bottom: 0;
}


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

		/* ±â¾÷¼Ò°³ */
		.overview .ov-tit {
		   font-size: 30px;
		   padding-bottom: 30px;
		}

		/* ±â¾÷Á¤º¸ */
		.company-info ul li h4 {
		   font-size: 19px;   
		   padding-bottom: 0;
		}
		.company-info ul li .img img {
		   width: 60px;
		   height: auto;
		}
	}

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

		/* ±â¾÷¼Ò°³ */
		.overview .ov-tit {
		   font-size: 24px;
		   padding-bottom: 20px;
		}
		.overview .ov-box {
		   padding: 0 40px;
		}


		/* ±â¾÷Á¤º¸ */
		.company-info ul li {
		   padding: 25px 15px;
		}
		.company-info ul li h4 {
		   font-size: 17px;  
		}
		.company-info ul li .img img {
		   width: 50px;
		   height: auto;
		}		
	}

	@media screen and (max-width: 820px) {
	
		/* ±â¾÷¼Ò°³ */
		.overview .ov-tit {
		   font-size: 19px;
		   line-height: 1.6;
		}
		.overview .ov-box {
		   padding: 0;
		}


		/* ±â¾÷Á¤º¸ */
		.company-info ul li {
		   width: 32%;
		   margin-right: 2%;
		   margin-bottom: 2%;
		}
		.company-info ul li:nth-child(3n+3) {
		   margin-right: 0;
		}

	}

	@media screen and (max-width: 480px) {
	
		/* ±â¾÷Á¤º¸ */
		.company-info ul li {
		   width: 100%;
		   margin-right: 0;
		}
		.company-info ul li .img img {
		   width: 50px;
		}
		.company-info ul li .img {
		   padding-bottom: 5px;
		}
	}




/* =========================================================================================
 * ´ëÇ¥ Àλ縻
 * =========================================================================================*/

.greeting {
   position: relative;
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

.greeting .imgs {
   width: 50%;
   padding-right: 70px;
}

.greeting .imgs img {
   width: 100%;
}

.greeting .cont {
   width: 50%;
   line-height: 1.78;
}

.greeting .cont h3 {
   color: #000000;
   font-size: 40px; 
   font-weight: 700;
   padding-bottom: 0;
   letter-spacing: 0;
   font-family: 'Montserrat';
}

.greeting .cont h3:before {
   display: none;
}

.greeting .cont .tit {
   font-size: 24px;   
   line-height: 1.6;
   color: #00183f;
   padding-bottom: 10px;
}

.ceo_sign {
   display: flex;
   padding-top: 50px;
   justify-content: end;
   font-size: 95%;
}
.ceo_sign img {
   padding-left: 10px;
}

.ceo_sign .name {
   vertical-align: top;
}



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

		.greeting .cont h3 {
		   font-size: 36px; 
		}
		.greeting .cont .tit {
		   font-size: 20px;   
		   padding-bottom: 20px;
		}
		.greeting .imgs {
		   padding-right: 40px;
		}
	}



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

		.greeting .imgs {
		   width: 36%;
		   padding-right: 30px;
		}
		.greeting .cont {
		   width: 64%;
		}
		.greeting .cont h3 {
		   font-size: 24px; 
		}
		.greeting .cont .tit {
		   font-size: 18px;   
		   padding-bottom: 10px;
		}
	}




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

		.greeting .imgs {
		   width: 100%;
		   padding-right: 0;
		   padding-bottom: 10px;
		}
		.greeting .cont {
		   width: 100%;
		}
	}







/* =========================================================================================
 * ȸ»ç¿¬Çõ
 * =========================================================================================*/

.history {
   position: relative;
   display: flex;
   flex-wrap: wrap;
}

.history .history-img {
   width: 42%;
   padding-right: 100px;
}

.history .history-img img {
   width: 100%;
}

.history .history-cont {
   width: 58%;
}

ul.timeline > li {
   display: flex;
   align-items: baseline;
   padding-bottom: 40px;
   position: relative;
   flex-wrap: wrap;
}

ul.timeline > li:last-child:before {
	display: none;
}

ul.timeline > li:last-child {
   padding-bottom: 0;
}

ul.timeline li .year {
   width: 15%;
   color: #000000;
   font-size: 32px;
   font-weight: 600;
   font-family: 'Montserrat', sans-serif; 
   position: relative;
}

ul.timeline li .year:after {
   content: '';
   display: inline-block;
   width: 85%;
   height: 12px;
   background: #EEEEEE;
   bottom: 15px;
   left: -2px;
   vertical-align: top;
   position: absolute;
   z-index: -1;
   margin-right: 10px;
   padding-right: 10px;
}

ul.timeline li .time-cont {
   width: 80%;
}

ul.timeline li .time-cont > li {
   position: relative;
   padding-left: 15px;
   padding-bottom: 10px;
}

ul.timeline li .time-cont > li:before {
   content: '';
   display: inline-block;
   width: 3px;
   height: 3px;
   background: #787878;
   border-radius: 50px;
   top: 14px;
   left: 0;
   vertical-align:  top;
   position: absolute;  
}




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

		.history .history-img {
		   padding-right: 60px;
		}
		ul.timeline li .year {
		   font-size: 26px;
		}
	}


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

		ul.timeline li .year {
		   font-size: 22px;
		}
		ul.timeline li .year:after {
		   bottom: 7px;
		}
	}


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

		.history .history-img {
		   width: 38%;
		   padding-right: 40px;
		}
		.history .history-cont {
		   width: 62%;
		}
	}


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

		.history .history-img {
		   display: none;
		}
		.history .history-cont {
		   width: 100%;
		}
		ul.timeline li .year {
		   width: 100%;
		}
		ul.timeline li .year:after {
		   width: 100%;
		   height: 2px;
		}
		ul.timeline li .time-cont {
		   width: 100%;
		}
	}






/* =========================================================================================
 * Ãß°¡ÆäÀÌÁö ·¹À̾ƿô
 * =========================================================================================*/


/* À̹ÌÁö¹è°æ ¹Ú½º */
.bg-box {
   height: 240px;
   padding: 20px;
   text-align: center;
   background-size: cover;
   display: flex;
   align-items: center;
   justify-content: center;
}

.bg-box h3, .bg-box p {
   color: #FFFFFF;
}

.bg-box h3 {
   padding-bottom: 10px;
}


.bg-1 {background: url('../../img/sub/bg-1.jpg') center top no-repeat; background-size:100%;}
.bg-2 {background: url('../../img/sub/bg-2.jpg') center top no-repeat; background-size:100%;}
.bg-3 {background: url('../../img/sub/bg-3.jpg') center top no-repeat; background-size:100%;}
.bg-4 {background: url('../../img/sub/bg-4.jpg') center top no-repeat; background-size:100%;}
.bg-5 {background: url('../../img/sub/bg-5.jpg') center top no-repeat; background-size:100%;}
.bg-6 {background: url('../../img/sub/bg-6.jpg') center top no-repeat; background-size:100%;}
.bg-7 {background: url('../../img/sub/bg-7.jpg') center top no-repeat; background-size:100%;}
.bg-8 {background: url('../../img/sub/bg-8.jpg') center top no-repeat; background-size:100%;}
.bg-9 {background: url('../../img/sub/bg-9.jpg') center top no-repeat; background-size:100%;}
.bg-10 {background: url('../../img/sub/bg-10.jpg') center top no-repeat; background-size:100%;}




/* 1Çà ~ 5ÇàÀ̹ÌÁö¹Ú½º (ÁÂ¿ì °£°ÝÀÌ ÀÖ´Â À̹ÌÁö¹Ú½º) °øÅëÀû¿ë ºÎºÐ */
.img-row {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

.img-row > li {
   padding-top: 40px;
}

.img-row .img {
   line-height: 0;
   padding-bottom: 10px;
}

.img-row .img img {
   width: 100%;
}



/* ³ÐÀÌ */
.n1 > li {width: 100%;}
.n2 > li {width: 49%;}
.n3 > li {width: 32%;}
.n4 > li {width: 24%;}
.n5 > li {width: 19%;}


.n2 > li:nth-child(-n+2) {
   padding-top: 0;
}

.n3 > li:nth-child(-n+3){
   padding-top: 0;
}

.n4 > li:nth-child(-n+4) {
   padding-top: 0;
}

.n5 > li:nth-child(-n+5) {
   padding-top: 0;
}


/* 1Çà À̹ÌÁö */
.n1 > .img {
   padding-bottom: 25px;
}




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

		/* À̹ÌÁö¹è°æ ¹Ú½º */
		.bg-box {
		   height: 240px;
		}

		.bg-1, .bg-2, .bg-3, .bg-4, .bg-5, .bg-6, .bg-7, .bg-8, .bg-9, .bg-10 {background-size:cover;}

	}



	@media screen and (max-width: 1024px) {
		
		/* À̹ÌÁö¹è°æ ¹Ú½º */
		.bg-box {
		   height: 190px;
		}

		/* 1Çà À̹ÌÁö */
		.n1 > .img {
		   padding-bottom: 15px;
		}

	}



	@media screen and (max-width: 820px) {
		
		/* À̹ÌÁö¹è°æ ¹Ú½º */
		.bg-box {
		   height: 150px;
		}
		
		/* 1Çà ~ 5ÇàÀ̹ÌÁö¹Ú½º (ÁÂ¿ì °£°ÝÀÌ ÀÖ´Â À̹ÌÁö¹Ú½º) °øÅëÀû¿ë ºÎºÐ */
		.img-row > li {
		   padding-top: 30px !important;
		}

		/* ³ÐÀÌ */
		.n3 > li,
		.n4 > li, 
		.n5 > li {width: 49%;}
		
		.n2 > li:nth-child(-n+2),
		.n3 > li:nth-child(-n+2), 
		.n4 > li:nth-child(-n+2), 
		.n5 > li:nth-child(-n+2) {
		   padding-top: 0 !important;
		}
	}



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

		/* ³ÐÀÌ */
		.n2 > li,
		.n3 > li,
		.n4 > li, 
		.n5 > li {width: 100%;}
		
		.n2 > li:nth-child(2),
		.n3 > li:nth-child(2), 
		.n4 > li:nth-child(2), 
		.n5 > li:nth-child(2) {
		   padding-top: 30px !important;
		}
		
	}









/* =========================================================================================
 * ¿À½Ã´Â ±æ
 * =========================================================================================*/

/* º»»ç¾È³» */ 
.map {
   width: 100%;
}

.map .map_img {
   height: 450px;
   border: 1px solid #CCCCCC;
}

.map ul.address {
   padding-top: 10px;
}

.map .address li {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   padding: 25px;
   position: relative;
   border-bottom: 1px solid #E5E5E5;
}

.map .address li .tit {
   color: #000000;
   font-weight: 500;
   width: 16%;
   padding-left: 10px;
}

.map .address li .txt {
   width: 84%;
}


/* ÁöÁ¡¾È³» */ 
.map-2 {
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
   display: flex;
}

.map-2 > div {
   width: 48%;
}

.map-2 .map_img {
   height: 450px;
   border: 1px solid #CCCCCC;
}

.map-2 ul {
   padding-top: 10px;
}

.map-2 .address li {
   width: 100%;
   display: flex;
   flex-wrap: wrap;
   padding: 20px;
   position: relative;
   border-bottom: 1px solid #E5E5E5;
}

.map-2 .address li .tit {
   color: #000000;
   font-weight: 500;
   width: 28%;
   padding-left: 10px;
}

.map-2 .address li .txt {
   width: 72%;
}




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

		.map .address li {
		   padding: 15px;
		}
		.map-2 .address li {
		   padding: 15px;
		}
		.map-2 .address li .tit {
		   width: 35%;
		}
		.map-2 .address li .txt {
		   width: 65%;
		}

	}



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

		.map .map_img {
		   height: 360px;
		}
		.map-2 .map_img {
		   height: 360px;
		}

		.map-2 > div {
		   width: 100%;
		}
		.map-2 > div:first-child {
		   margin-bottom: 40px;
		}
	}



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

		.map .map_img {
		   height: 300px;
		}		
		.map .address li .tit {
		   width: 100%;
		   padding-left: 0;
		}
		.map .address li .txt {
		   width: 100%;
		}

		.map-2 .map_img {
		   height: 300px;
		}
		.map-2 .address li .tit {
		   width: 100%;
		   padding-left: 0;
		}
		.map-2 .address li .txt {
		   width: 100%;
		}
	}
	



/* =========================================================================================
 * »ç¾÷°³¿ä
 * =========================================================================================*/

/* 1Çà ¾ÆÀÌÄܹè³Ê */
ul.icon-row-1 {
   width: 100%;   
}

ul.icon-row-1 > li {
   background: #F3F3F3;
   padding:  40px;
   display: flex;
   align-items: center;
   margin-bottom: 20px;
}

ul.icon-row-1 > li:last-child {
   margin-bottom: 0;
}

ul.icon-row-1 .txt {
   width: 70%;
   text-align: left;
}

ul.icon-row-1 .img {
   width: 30%;
   text-align: right;
   line-height: 0;
}



/* 2Çà ¾ÆÀÌÄܹè³Ê */
ul.icon-row-2 {
   width: 100%;   
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

ul.icon-row-2 > li {
   width: 49%;
   background: #FFFFFF;
   padding: 40px;
   display: flex;
   align-items: center;
   margin-top: 30px;
}

ul.icon-row-2 > li:nth-child(1),
ul.icon-row-2 > li:nth-child(2) {
   margin-top: 0;
}


ul.icon-row-2 .txt {
   width: 70%;
   text-align: left;
}

ul.icon-row-2 .img {
   width: 30%;
   text-align: right;
   line-height: 0;
}


/* 3Çà ¾ÆÀÌÄܹè³Ê */
ul.icon-row-3 {
   width: 100%;   
   display: flex;
   width: 100%;
   flex-wrap: wrap;
}

ul.icon-row-3 > li {
   width: 32%;
   margin-right: 2%;
   margin-bottom: 2%;
   background: #F3F3F3;
   padding: 40px 30px;
   display: flex;
   align-items: center;
   flex-direction: column;
   text-align: center;
}

ul.icon-row-3 > li:nth-child(3n+3) {
   margin-right: 0;
}


ul.icon-row-3 .txt {
   width: 100%;
}

ul.icon-row-3 .img {
   width: 100%;
   line-height: 0;
   padding-bottom: 20px;
}



/* ¹Ù·Î°¡±â ¹öÆ° */
a.vs-btn2 {
  display: inline-block;
  padding: 6px 45px 6px 25px; 
  margin: 0 auto;
  color: #FFF;
  background: #3e85c7;
  font-size: 16px;
  font-weight: 500;
  text-align: left;  
}

a.vs-btn2:before {
  font-family: 'xeicon';
  padding: 0;
  top: 8px;
  opacity: 1;
  margin-left: 10px;
  color: #FFF;
  content: '\e93e';
  right: 22px;
}

a.vs-btn2:hover {  
  background: #0053a9;
}



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

		/* 1Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-1 > li {
		   padding: 30px;
		}
		ul.icon-row-1 .img img {
		   width: 80px;
		   height: auto;
		}

		/* 2Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-2 > li {
		   padding: 30px;
		}
		ul.icon-row-2 .img img {
		   width: 80px;
		   height: auto;
		}

		/* 3Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-3 .img img {
		   width: 80px;
		   height: auto;
		}
	}


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

		/* 1Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-1 > li {
		   padding: 25px;
		   align-items: flex-start;
		}
		ul.icon-row-1 .img img {
		   width: 60px;
		}

		/* 2Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-2 > li {
		   padding: 25px;
		   align-items: flex-start;
		}
		ul.icon-row-2 .img img {
		   width: 60px;
		}

		/* 3Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-3 .img img {
		   width: 60px;
		}
	}


	@media screen and (max-width: 820px) {
		
		/* 1Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-1 .txt {
		   width: 100%;
		}
		ul.icon-row-1 .img {
		   display: none;
		}

		/* 2Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-2 > li {
		   width: 100%;
		}
		ul.icon-row-2 .txt {
		   width: 100%;
		}
		ul.icon-row-2 .img {
		   display: none;
		}
		ul.icon-row-2 > li:nth-child(2) {
		   margin-top: 10px;
		}
		ul.icon-row-2 > li {
		   margin-top: 10px;
		}

		/* 3Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-3 > li {
		   width: 100%;
		   margin-right: 0;
		   margin-bottom: 4%;
		   padding: 25px;
		}
	}



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

		/* 3Çà ¾ÆÀÌÄܹè³Ê */
		ul.icon-row-3 .img img {
		   width: 45px;
		}
	}

	



/* =========================================================================================
 * »ç¾÷ºÐ¾ß
 * =========================================================================================*/

/* ±âº» ¼³¸í±Û */
.depth .inner {
   padding-bottom: 40px;
}

.depth .inner:last-child {
   padding-bottom: 0;
}


/* ¿ÞÂÊ À̹ÌÁö ¹Ú½ºÇü */
.img-box-left {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 70px;
}

.img-box-left:last-child {
   margin-bottom: 0;
}

.img-box-left .img {
   width: 40%;
   line-height: 0;
   padding-right: 30px;
}

.img-box-left .img img {
   width: 100%;
}

.img-box-left .txt {
   width: 60%;
   padding-left: 30px;
}

.img-box-left .txt p {
   padding-bottom: 20px;
}


/* ¿À¸¥ÂÊ À̹ÌÁö ¹Ú½ºÇü */
.img-box-right {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
   margin-bottom: 70px;
}

.img-box-right:last-child {
   margin-bottom: 0;
}

.img-box-right .txt {
   width: 60%;
   padding-right: 30px;
}

.img-box-right .txt p {
   padding-bottom: 20px;
}

.img-box-right .img {
   width: 40%;
   line-height: 0;
   padding-left: 30px;
}

.img-box-right .img img {
   width: 100%;
}



/* Å×ÀÌºí °øÅ뽺ŸÀÏ */
.tb-wrap {
   overflow-x: auto;
}

.tb-wrap .tb-etc {
   text-align: right;
   font-size: 15px;
   padding: 5px;
}

caption {
   visibility: hidden;
   height: 0;
}

.w20 {
   width: 20%;
}



/* Å×À̺í 01 */
table.tb_01 {
   width: 100%;
   border-top: 2px solid #000;
}

table.tb_01 th {
   border: 1px solid #E5E5E5;
   padding: 15px;
   color: #000000;
   font-weight: 500;
   background: #F5F5F5;
}

table.tb_01 td {
   border: 1px solid #E5E5E5;
   padding: 15px;
}

table.tb_01 .er_mark{background:#ccc;}


/* Å×À̺í 02 */
table.tb_02 {
   width: 100%;
   border-top: 2px solid #000;
}

table.tb_02 th {
   text-align: center;
   font-size: 110%;
   width: 20%;
   border: 1px solid #E5E5E5;
   padding: 15px;
   color: #000000;
   font-weight: 500;
   background: #F5F5F5;
}

table.tb_02 td {
   border: 1px solid #E5E5E5;
   padding: 15px;
}




	@media screen and (max-width: 1280px) {
		
		/* ¿ÞÂÊ À̹ÌÁö ¹Ú½ºÇü */
		.img-box-left .img {
		   padding-right: 20px;
		}		
		.img-box-left .txt {
		   padding-left: 20px;
		}

		/* ¿À¸¥ÂÊ À̹ÌÁö ¹Ú½ºÇü */
		.img-box-right .img {
		   padding-left: 20px;
		}		
		.img-box-right .txt {
		   padding-right: 20px;
		}

		/* Å×ÀÌºí °øÅ뽺ŸÀÏ */
		.tb-wrap .tb-etc {
		   font-size: 13px;
		}
	}



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

		/* ±âº» ¼³¸í±Û */
		.depth .inner {
		   padding-bottom: 30px;
		}

		/* ¿ÞÂÊ À̹ÌÁö ¹Ú½ºÇü */
		.img-box-left {
		   margin-bottom: 50px;
		}
		.img-box-left .img {
		   padding-right: 15px;
		   width: 35%;
		}		
		.img-box-left .txt {
		   padding-left: 15px;
		   width: 65%;
		}

		/* ¿À¸¥ÂÊ À̹ÌÁö ¹Ú½ºÇü */
		.img-box-right {
		   margin-bottom: 50px;
		}
		.img-box-right .img {
		   padding-left: 15px;
		   width: 35%;
		}		
		.img-box-right .txt {
		   padding-right: 15px;
		   width: 65%;
		}

		/* Å×À̺í 01 */
		table.tb_01 th {
		   padding: 10px;
		}
		table.tb_01 td {
		   padding: 10px;
		}

		/* Å×À̺í 02 */
		table.tb_02 th {
		   padding: 10px;
		}
		table.tb_02 td {
		   padding: 10px;
		}

	}



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

		/* ¿ÞÂÊ À̹ÌÁö ¹Ú½ºÇü */
		.img-box-left {
		   margin-bottom: 30px;
		}
		.img-box-left .img {
		   padding-right: 0;
		   width: 100%;
		   padding-bottom: 10px;
		}		
		.img-box-left .txt {
		   padding-left: 0;
		   width: 100%;
		}

		/* ¿À¸¥ÂÊ À̹ÌÁö ¹Ú½ºÇü */
		.img-box-right {
		   margin-bottom: 30px;
		}
		.img-box-right .img {
		   padding-left: 0;
		   width: 100%;
		   padding-top: 10px;
		}		
		.img-box-right .txt {
		   padding-right: 0;
		   width: 100%;
		}

		/* Å×À̺í 01 */
		table.tb_01 th {
		   padding: 10px;
		}
		table.tb_01 td {
		   padding: 10px;
		}

		/* Å×À̺í 02 */
		table.tb_02 th {
		   width: 100%;
		   display: block;
		   margin-bottom: -1px;
		}
		table.tb_02 td {
		   width: 100%;
		   display: block;
		   margin-bottom: -1px;
		}
		table.tb_02 {
		   border-bottom: 1px solid #E5E5E5;
		}

	}






/* =========================================================================================
 * ÀÎÁõ¼­
 * =========================================================================================*/

.certificate ul {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
}

.certificate ul li {
   width: 23.5%;
   margin-right: 2%;
   text-align: center;
   padding-bottom: 40px;
}

.certificate ul li:nth-child(4n+4) {
   margin-right: 0;
}

.certificate ul li .img {
   line-height: 0;
}

.certificate ul li .img img {
   width: 100%;
   border: 1px solid #DDDDDD;
   margin-bottom: 10px;
}

.certificate ul li .icon {
   margin-bottom: 5px;
}

.certificate ul li p {
   font-size: 18px;
}

.cf1 {
   display: inline-block;
   margin: 0 auto;
   color: #FFF;
   font-size: 13px;
   line-height: 1;
   font-weight: 500;
   background: #039ed9;
   padding: 6px 10px;
   border-radius: 3px;
}

.cf2 {
   display: inline-block;
   margin: 0 auto;
   color: #FFF;
   font-size: 13px;
   line-height: 1;
   font-weight: 500;
   background: #db6767;
   padding: 6px 10px;
   border-radius: 3px;
}

.cf3 {
   display: inline-block;
   margin: 0 auto;
   color: #FFF;
   font-size: 13px;
   line-height: 1;
   font-weight: 500;
   background: #9b753d;
   padding: 6px 10px;
   border-radius: 3px;
}

.certificate ul li p {
   color: #000;
}



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

		.certificate ul li p {
		   font-size: 17px;
		}
	}


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

		.certificate ul li p {
		   font-size: 16px;
		}
	}


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

		.certificate ul li {
		   width: 48%;
		   margin-right: 4%;
		}
		.certificate ul li:nth-child(4n+4) {
		   margin-right: 4%;
		}
		.certificate ul li:nth-child(2n+2) {
		   margin-right: 0;
		}
	}


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

		.certificate ul li {
		   width: 100%;
		   margin-bottom: 4%;
		   margin-right: 0;
		   padding-bottom: 0;
		}

	}





/* =========================================================================================
 * ÆÄÆ®³Ê
 * =========================================================================================*/

.partner ul {
   display: flex;
   width: 100%;
   flex-wrap: wrap;
   justify-content: space-between;
}

.partner ul li {
   width: 23.5%;
   text-align: center;
   padding-top: 40px;
}

.partner ul li:nth-child(-n+4) {
   padding-top: 0;
}

.partner ul li .img {
   line-height: 0;
}

.partner ul li .img img {
   width: 100%;
   border: 1px solid #DDDDDD;
   margin-bottom: 10px;
}

.partner ul li p {
   color: #000;
   font-size: 18px;
}




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

		.partner ul li p {
		   font-size: 17px;
		}
	}


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

		.partner ul li p {
		   font-size: 16px;
		}
	}


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

		.partner ul li {
		   width: 49%;
		   padding-top: 30px;
		}
		.partner ul li:nth-child(3),
		.partner ul li:nth-child(4) {
		   padding-top: 30px;
		}
	}


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

		.partner ul li {
		   width: 100%;
		}

		.partner ul li:nth-child(2) {
		   padding-top: 30px;
		}

		.partner ul li .img img {
		   width: 100%;
		   border: 1px solid #DDDDDD;
		   margin-bottom: 5px;
		}
	}








/* =========================================================================================
 * Á¦Ç°¼Ò°³ 01 ~ Á¦Ç°¼Ò°³ 06
 * =========================================================================================*/

/* ¹Ú½º½ºÅ¸ÀÏ */
.webzine_type2 {
   border-top: 2px solid #000;
   width: 100%;
}
.webzine_type2 tr:first-child {
   padding-top: 30px;
}
.webzine_type2 tr {
   padding: 15px 0;
   width: 100%;
}

/* Á¦¸ñ */
.webzine_subject {
   color: #000;
   font-size: 24px;
   font-weight: 500;
   padding-bottom: 10px;
}

/* ¼³¸í */
.webzine_description {
   font-size: 17px;
   color: #666;
   margin-bottom: 20px;
}

/* ¿É¼Ç */
.webzine_add1, .webzine_add2, .webzine_add3, .webzine_add4, .webzine_add5, .webzine_add6, .webzine_add7, .webzine_add8 {
   font-size: 16px;
   color: #666;
}

/* ¿É¼Ç ŸÀÌƲ */
.webzine_type2 .obj_name {
   padding-right: 20px;
   color: #000;
   font-weight: 500;
}

.webzine_type_text_td_left dd {
   padding-top: 10px;
}


	@media screen and (max-width: 1280px) {
		
		/* À̹ÌÁö¿À¸¥ÂÊ ¿©¹é */
		.webzine_type2 tr .webzine_type_img_td {
		   padding-right: 40px;
		}

		/* Á¦¸ñ */
		.webzine_subject {
		   font-size: 20px;
		   padding-bottom: 0;
		}
		/* ¼³¸í */
		.webzine_description {
		   font-size: 15px;
		   margin-bottom: 10px;
		}
		/* ¿É¼Ç */
		.webzine_add1, .webzine_add2, .webzine_add3, .webzine_add4, .webzine_add5, .webzine_add6, .webzine_add7, .webzine_add8 {
		   font-size: 15px;
		}

		.webzine_type_text_td_left dd {
		   padding-top: 3px;
		}

	}


	@media screen and (max-width: 1024px) {
		
		/* À̹ÌÁö¿À¸¥ÂÊ ¿©¹é */
		.webzine_type2 tr .webzine_type_img_td {
		   padding-right: 30px;
		}

		/* Á¦¸ñ */
		.webzine_subject {
		   font-size: 18px;
		}
		/* ¼³¸í */
		.webzine_description {
		   font-size: 14px;
		   margin-bottom: 10px;
		}
		/* ¿É¼Ç */
		.webzine_add1, .webzine_add2, .webzine_add3, .webzine_add4, .webzine_add5, .webzine_add6, .webzine_add7, .webzine_add8 {
		   font-size: 14px;
		}
	}


	@media screen and (max-width: 820px) {
		
		/* ¹Ú½º½ºÅ¸ÀÏ */
		.webzine_type2 tr:first-child {
		   padding-top: 20px;
		}
		.webzine_type2 tr {
		   padding: 10px 0;
		}

		/* À̹ÌÁö¿À¸¥ÂÊ ¿©¹é */
		.webzine_type2 tr .webzine_type_img_td {
		   padding-right: 20px;
		}

		/* Á¦¸ñ */
		.webzine_subject {
		   font-size: 17px;
		}
		/* ¼³¸í */
		.webzine_description {
		   font-size: 14px;
		   margin-bottom: 10px;
		}
		/* ¿É¼Ç */
		.webzine_add1, .webzine_add2, .webzine_add3, .webzine_add4, .webzine_add5, .webzine_add6, .webzine_add7, .webzine_add8 {
		   font-size: 13px;
		}
	}


	@media screen and (max-width: 480px) {
		
		/* À̹ÌÁö¿À¸¥ÂÊ ¿©¹é */
		.webzine_type2 tr .webzine_type_img_td {
		   padding-right: 0;
		   padding-bottom: 10px;
		}
	}








/* =========================================================================================
 * FAQ ÀÚÁÖÇÏ´Â Áú¹®
 * =========================================================================================*/


.faq-box {
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-bottom: solid 1px #E0E0E0;
}

.faq-box:first-child {
  border-top: 2px solid #000;
}

.open {
  cursor: pointer;
  display: block;
  padding: 0px;
}

.expanded {
  background-color: #f5f5f5;
  transition: all .3s ease-in-out;
}

.ptag {
  display: none;
}

.question {
  padding: 25px 35px;
  padding-left: 50px;
  color: #000;
  font-size: 20px;
  position: relative;
}

.question:before {
   font-family: 'xeicon';
   padding: 0;
   top: 16px;
   font-size: 34px;
   opacity: 1;
   color: #00183f;
   content: '\e92b';
   margin-right: 10px;
   left: 0;
   position: absolute;
}

.question:after {
   font-family: 'xeicon';
   padding: 0;
   top: 18px;
   font-size: 32px;
   opacity: 1;
   color: #999;
   content: '\e942';
   margin-right: 10px;
   right: 0;
   position: absolute;
}

.answer {
  display: none;
  padding: 30px 50px;
  padding-top: 0 !important;
}

.faq-t {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  display: inline-block;
  float: right;
  position: relative;
  top: -55px;
  right: 10px;
  width: 10px;
  height: 10px;
  background: transparent;
  border-left: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  transition: all .3s ease-in-out;
}

.faq-o {
  top: -50px;
  -moz-transform: rotate(-224deg);
  -ms-transform: rotate(-224deg);
  -webkit-transform: rotate(-224deg);
  transform: rotate(-224deg);
}


/* ÅǸ޴º */
.tabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.tabs label {
  font-size: 17px;
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 6px 25px;
  border-radius: 100px;
  margin: 0 2px;
  margin-bottom: 12px;
  cursor: pointer;
  transition: background ease 0.3s;
  border: 1px solid #BBB;
}

.tabs .tab {
  order: 9;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: none;
  background: #fff;
}

.tabs input[type=radio] {
  display: none;
}

.tabs input[type=radio]:checked + label {
  background: #3f4856;
  color: #FFF;
  border: 1px solid #3f4856;
}

.tabs input[type=radio]:checked + label + .tab {
  display: block;
}




	@media screen and (max-width: 1280px) {
			
		.tabs label {
		  font-size: 15px;
		  padding: 4px 15px;
		  margin-bottom: 10px;
		}
		.question {
		  font-size: 18px;
		  padding-left: 40px;
		}
		.question:before {
		  font-size: 28px;
		}
		.answer {
		  padding: 30px 40px;
		}
	}



	@media screen and (max-width: 1024px) {
		
		.tabs {
		  justify-content: flex-start;
		}

		.tabs label {
		  font-size: 14px;
		  padding: 3px 12px;
		  margin-bottom: 3px;
		}

		.question {
		  font-size: 16px;
		  padding: 20px 30px;
		}
		.question:before {
		  font-size: 20px;
		  top: 18px;
		}
		.question:after {
		   top: 18px;
		   font-size: 22px;
		   margin-right: 0;
		}
		.answer {
		  padding: 30px;
		}
	}


	@media screen and (max-width: 820px) {
		
		.faq-box {
		  padding: 10px;
		}

		.question {
		  font-size: 14px;
		  padding: 10px 25px;
		}
		.question:before {
		  font-size: 16px;
		  top: 8px;
		}
		.question:after {
		   top: 7px;
		   font-size: 18px;
		}
		.answer {
		  padding: 25px;
		}
	}

	
	
	@media screen and (max-width: 480px) {
		
		.faq-box {
		  padding: 5px;
		}
		.faq-box:first-child {
		  margin-top: 2px;
		}
		.tabs label {
		  font-size: 13px;
		  padding: 2px 12px;
		  width: 24%;
		  margin: 1px;
		}
		.question {
		  padding: 8px 20px;
		}
		.question:before {
		  top: 6px;
		}
		.question:after {
		   top: 5px;
		}
	}
	
	
	
	
	



/* =========================================================================================
 * °í°´¼¾ÅÍ »ó´Ü¹è³Ê
 * =========================================================================================*/

.cs-box {
   background: #ebebeb;
   padding: 50px;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   margin-bottom: 40px;
}

.cs-box h4 {
   padding-right: 50px;
   padding-bottom: 0;
   position: relative;
   display: flex;
   align-items: center;
}

.cs-box h4 i {
   font-size: 40px;
   margin-right: 10px;
}


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

		.cs-box {
		   padding: 30px;
		   margin-bottom: 30px;
		}
		.cs-box h4 i {
		   font-size: 30px;
		}
	}


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

		.cs-box {
		   padding: 20px;
		   margin-bottom: 20px;
		}
	}


	@media screen and (max-width: 768px) {
		
		.cs-box h4 {
		   width: 100%;
		   margin-bottom: 10px;
		}
		.cs-box h4 i {
		   font-size: 26px;
		}
		.cs-box p {
		   width: 100%;
		}
	}

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

		.data-room table.board-list .att_title:last-child {
		   display: none;
		}

		.data-room table.board-list .bbsfile_attachment {
		  display: none;
		}
	}



/* =========================================================================================
 *  ¿À¸¥ÂÊÄü¸Þ´º ½ºÅ¸ÀÏ
 * =========================================================================================*/

ul.quick {
   position: fixed;
   bottom: 85px;
   right: 15px;
   z-index: 8;
}

ul.quick li {
   font-size: 12px;
   padding: 5px 0;   
}

ul.quick li i {
   display: flex;
   font-size: 22px;
   color: #454545;
   background: #FFF;
   width: 45px;
   height: 45px;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   box-shadow: 3px 3px 5px rgba(0,0,0,0.2);
}

ul.quick li a {
   transition: all 0.3s ease;
}

/* ³×À̹ö ¸¶¿ì½º¿À¹ö Ä÷¯ */
ul.quick li a:hover i.xi-naver {
   background: #2eb616;
   color: #FFF;
   transition: all 0.2s ease;
}

/* Ä«Ä«¿À ¸¶¿ì½º¿À¹ö Ä÷¯ */
ul.quick li a:hover i.xi-kakao {
   background: #f1cf00;
   color: #FFF;
   transition: all 0.2s ease;
}

/* ÀνºÅ¸±×·¥ ¸¶¿ì½º¿À¹ö Ä÷¯ */
ul.quick li a:hover i.xi-instagram {
   background: #fc1c75;
   color: #FFF;
   transition: all 0.2s ease;
}

/* À¯Æ©ºê ¸¶¿ì½º¿À¹ö Ä÷¯ */
ul.quick li a:hover i.xi-youtube-play {
   background: #fe5a51;
   color: #FFF;
   transition: all 0.2s ease;
}




	@media all and (max-width: 1280px) {
		
		ul.quick {
		   bottom: 75px;
		}
		ul.quick li i {
		   font-size: 18px;
		   width: 35px;
		   height: 35px;
		}
	}
	
	@media all and (max-width: 480px) {
		
		ul.quick {
		   right: 10px;
		}
		ul.quick li {
		   padding: 3px 0;
		}
	}





/* =========================================================================================
 * °³ÀÎÁ¤º¸Ãë±Þ¹æħ
 * =========================================================================================*/

.dbp {   
   height:  180px;
   margin-top:  30px;
   line-height:  1.4em;
   color:  #666666;
}
.dbp a {   
   padding:  0 10px;
   color:  #000000;
   font-weight:  bold;
} 
.dbp_table th {   
   text-align: left;
   vertical-align: top;
   padding: 15px;
    border-bottom: 1px solid #DDDDDD;
   background: #F5F5F5;
 }
.dbp_table th p {
   font-size: 14px;
   font-weight: 400;
   color: #000000;
   padding-bottom: 0;
}
.dbp_table td {
   font-size: 90%;
   padding: 15px;
   border-bottom: 1px solid #DDDDDD;
}


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

		.dbp_table {
		   width: 100%;		   
		}

		.dbp_table th {  
		   display: block;
		   width: 100%;
		   padding: 10px;
		}

		.dbp_table td {  
		   display: block;
		   width: 100%;
		}
	}


	/* 20230703 Ãß°¡ */
	.graph_wrap{display:flex; justify-content:space-between;}
	.graph_wrap img{max-width:100%;}


.erumi_tem_wrap{display:flex; justify-content:space-around;}
.erumi_tem_wrap .erumi_tem_left{}
.erumi_tem_wrap .erumi_tem_right{}
.erumi_tem_p01{font-size:1.8em;}
.erumi_tem_p02{font-size:1.25em;}
.erumi_tem_p02 span{font-size:1.3em; color:#f7931e;}

.container .erumi_tem_p01{font-size:1.8em;}
.container .erumi_tem_p02{font-size:1.25em;}
.container .erumi_tem_p02 span{font-size:1.3em; color:#f7931e;}

.window_defence{display:flex; justify-content: center;}

.tit_qoute{background:url('../../img/img_quotes.png') no-repeat left center; text-align:center; font-size:1.25em;color:#4d4d4d; line-height:50px;}
.tit_qoute strong{font-size:1.8em; color:#ec881e;}
.tit_qoute span{font-size:1.7em;color:#333;}
.tit_qoute02{background:url('../../img/img_quotes02.png') no-repeat center 50px;}
.tit_qoute02 p{font-size:20px; line-height:30px;}

.erumi_img_flex{display:flex; justify-content:space-between;}


.warranty_wrap{display:flex; padding:100px 0 120px 0; justify-content: center; color:#666;}
.warranty_wrap .warranty_txt_mr_right{margin-right:30px;}
.warranty_txt{margin-right:150px;}
.warranty_txt p{font-size:18px;}
.warranty_txt .warranty_tit{color:#f08c1e; font-size:2.5em; font-weight:bold; line-height:normal;}
.warranty_txt dt{font-size:20px; font-weight:normal; line-height:40px;}

.warranty_tb{text-align:center;}
.warranty_tb h3{font-size:29px; margin:0; line-height:normal;}
.warranty_tb table{width:600px;}
.warranty_tb table th{background:#c0c0c0; color:#fff; border-right:1px solid #e3e3e3; font-size:13px; font-weight:normal; text-align:center; line-height:normal;}
.warranty_tb table th:first-child{border-left:1px solid #c0c0c0;}
.warranty_tb table th:last-child{border-right:1px solid #c0c0c0;}
.warranty_tb table .er_mark{color:#fff; background:#5fbec4;}
.warranty_tb table .td_top_br{border-top:1px solid #c0c0c0;}
.warranty_tb table td{font-size:13px; border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; padding:6px 0; line-height:normal;}
.warranty_tb table td:first-child{border:1px solid #c0c0c0;}
.warranty_tb table td span{display:block; font-size:14px; color:#6f6f6d;}
.warranty_tb .warranty_start{text-align:right; font-size:13px; margin:0;}

.uv_index{display:flex; list-style:none;}
.uv_index li{margin-right:10px;}
.uv_index li:last-child{margin-right:0;}
.warranty_txt .uv_index_txt{text-align:center; font-size:1rem; margin:0;}


.erumi_video_wrap{margin:0 0 90px 0;}
.erumi_video_wrap video{width:720px; margin:0 auto;}
.video_h4{font-size:2em; color:#000; margin:100px 0 25px 0;}
.erumi_video_wrap .tem_28{float:left; width:216px; margin:0 9px 0 0;}
.erumi_video_wrap .erumi_video{width:100%;}
.erumi_video_wrap .tem_30{float:right; width:216px; margin:0 0 0 9px;}
.erumi_video_wrap .video_p{font-size:1em;}

.uv_section_wrap{display:flex; justify-content:center; margin-top:180px;}
.uv_section01{display:flex; justify-content:space-between; margin:0 20px 0 0; width:58%;}
.uv_section02{margin:0 28px 0 0;}
.uv_section03{}
.uv_section03 h4{display:inline-block; background:url('../../img/bg_twoline.png') repeat-x left top; font-size:22px; width:313px; margin:0;}
.uv_section03 p{font-size:15px;}


.skin_case{margin-top:50px;}
.skin_case h4{display:inline-block; background:url('../../img/bg_twoline.png') repeat-x left top; font-size:22px; width:130px; margin:0 0 18px 0;}
.case_img{display:flex; justify-content:center; margin:0 0 30px 0;}


.uv_b_section{display:flex; margin-top:130px;}
.uv_b_sum{margin:0 0 0 30px;}
.uv_b_sum h4{display:inline-block; background:url('../../img/bg_twoline.png') repeat-x left top; font-size:22px; width:460px; margin:0 0 20px 0;}
.uv_b_sum p{font-size:15px;}

.uv_bleach_wrap{display:flex; margin-top:140px;}
.uv_bleach_wrap .uv_bleach{width:920px; margin:0 10px 0 0;}
.uv_bleach_wrap .uv_bleach02{width:317px;}
.uv_bleach_wrap .uv_bleach02 h4{display:inline-block; background:url('../../img/bg_twoline.png') repeat-x left top; font-size:22px; width:243px; margin:25px 0 0 0;}

.electric_wrap{display:flex;}
.electric_wrap .electric_left{}
.electric_wrap .electric_left h4{background:url('../../img/erumi_img/ico_graph.png') no-repeat 220px 7px; font-size:1.875em; margin:0;}
.electric_wrap .electric_left h5{display:inline-block; background:url('../../img/bg_twoline02.png') repeat-x left top; font-size:1.6em; padding:7px 0 0 0;}
.electric_wrap .electric_left p{}
.electric_wrap .electric_right{margin:237px 0 0 120px;}

.video_h4{color:#000; margin:100px 0 25px 0;}

.erumi_spec_tb{text-align:center;}
.erumi_spec_tb h4{font-size:30px; line-height:30px;}
.erumi_spec_tb h4 span{font-size:19px;}
.erumi_spec_tb table{width:1100px; margin:0 auto; font-size:20px;}
.erumi_spec_tb table th{background:#c0c0c0; color:#010101; border-right:1px solid #e3e3e3; font-size:20px; font-weight:normal; padding:15px 0;}
.erumi_spec_tb table th:first-child{border-left:1px solid #c0c0c0;}
.erumi_spec_tb table th:last-child{border-right:1px solid #c0c0c0;}
.erumi_spec_tb table .er_mark{color:#fff; background:#5fbec4;}
.erumi_spec_tb table td{border-right:1px solid #c0c0c0; border-bottom:1px solid #c0c0c0; padding:15px 0; line-height:25px;}
.erumi_spec_tb table td:first-child{border:1px solid #c0c0c0;}
.erumi_spec_tb table td span{display:block; font-size:14px; color:#6f6f6d;}
.erumi_spec_tb .color_wrap{display:flex; flex-wrap:wrap; justify-content:center;}
.erumi_spec_tb .color_wrap .color01, .erumi_spec_tb .color_wrap .color02{margin-bottom:18px;}
.erumi_spec_tb .color_wrap .color01, .erumi_spec_tb .color_wrap .color03{margin:0 9px 0 10px;}


.tab_box {display:none;}
.tab_box.on {display:block;}
.tb_txt {text-align:center;}
.tb_txt h3 {display:inline-block; font-size:40px; padding:10px; border-bottom:4px solid #e3e3e3;}
.tb_image {width:50%; margin:0 auto;}
.tb_image img {width:100%; height:100%;}
.tb_image p {text-align:right;}
.tab_box_container{overflow:hidden; background:url('../../img/erumi_img/img_outside_default.jpg') no-repeat center top/100% auto; width:100%; height:670px;}
.tab_box_container02{overflow:hidden; background:url('../../img/erumi_img/img_inside_default.jpg') no-repeat center top/100% auto; width:100%; height:670px;}
.button, .button02{margin:40px 0;}
.button ul{display:flex; justify-content:space-around;}
.button li{list-style:none; width:20%; text-align:center;}
.button li a{display:inline-block; width:148px; height:147px; font-size:0; text-indent:-10000px; transition:none;}
.button li span{display:block; font-size:20px; margin:40px 0 0 0;}
.button li .btn_er80{background:url('../../img/erumi_img/btn_simulation80_off.png') no-repeat center top/100% auto;}
.button li .btn_er50{background:url('../../img/erumi_img/btn_simulation50_off.png') no-repeat center top/100% auto;}
.button li .btn_er40{background:url('../../img/erumi_img/btn_simulation40_off.png') no-repeat center top/100% auto;}
.button li .btn_er30{background:url('../../img/erumi_img/btn_simulation30_off.png') no-repeat center top/100% auto;}
.button li .btn_er15{background:url('../../img/erumi_img/btn_simulation15_off.png') no-repeat center top/100% auto;}

.button .on .btn_er80{background:url('../../img/erumi_img/btn_simulation80_on.png') no-repeat center top/100% auto;}
.button .on .btn_er50{background:url('../../img/erumi_img/btn_simulation50_on.png') no-repeat center top/100% auto;}
.button .on .btn_er40{background:url('../../img/erumi_img/btn_simulation40_on.png') no-repeat center top/100% auto;}
.button .on .btn_er30{background:url('../../img/erumi_img/btn_simulation30_on.png') no-repeat center top/100% auto;}
.button .on .btn_er15{background:url('../../img/erumi_img/btn_simulation15_on.png') no-repeat center top/100% auto;}

.button02 ul{display:flex; justify-content:space-around;}
.button02 li{list-style:none; width:20%; text-align:center;}
.button02 li a{display:inline-block; width:148px; height:147px; font-size:0; text-indent:-10000px; transition:none;}
.button02 li span{display:block; font-size:20px; margin:40px 0 0 0;}
.button02 li .btn_er80{background:url('../../img/erumi_img/btn_simulation80_off.png') no-repeat center top/100% auto;}
.button02 li .btn_er50{background:url('../../img/erumi_img/btn_simulation50_off.png') no-repeat center top/100% auto;}
.button02 li .btn_er40{background:url('../../img/erumi_img/btn_simulation40_off.png') no-repeat center top/100% auto;}
.button02 li .btn_er30{background:url('../../img/erumi_img/btn_simulation30_off.png') no-repeat center top/100% auto;}
.button02 li .btn_er15{background:url('../../img/erumi_img/btn_simulation15_off.png') no-repeat center top/100% auto;}

.button02 .on .btn_er80{background:url('../../img/erumi_img/btn_simulation80_on.png') no-repeat center top/100% auto;}
.button02 .on .btn_er50{background:url('../../img/erumi_img/btn_simulation50_on.png') no-repeat center top/100% auto;}
.button02 .on .btn_er40{background:url('../../img/erumi_img/btn_simulation40_on.png') no-repeat center top/100% auto;}
.button02 .on .btn_er30{background:url('../../img/erumi_img/btn_simulation30_on.png') no-repeat center top/100% auto;}
.button02 .on .btn_er15{background:url('../../img/erumi_img/btn_simulation15_on.png') no-repeat center top/100% auto;}


.erumi_lineup_wrap{display:flex;}
.erumi_lineup_wrap .line_up_left{width:65%;}
.erumi_lineup_wrap .line_up_left dt{font-size:20px; line-height:normal; font-weight:normal;}
.erumi_lineup_wrap .line_up_left dt strong{font-size:2.9rem; color:#ec881e;}
.erumi_lineup_wrap .line_up_left dd{width:80%;}
.erumi_lineup_wrap .line_up_left .area_color{color:#255d8c; font-weight:bold;}
.erumi_lineup_wrap .line_up_right{box-shadow:0 0 15px #c6c5c5;}
.erumi_lineup_wrap .line_up_right img{width:100%;}

.erumi_warranty{padding:2px 0 55px 135px; line-height:25px;}
.erumi_warranty span{color:#e21c24;}
.life_warranty{background:url('../../img/erumi_img/ico_life_warranty.png') no-repeat left top;}
.fifteen_warranty{background:url('../../img/erumi_img/ico_15_warranty.png') no-repeat left top;}


.process_wrap{display:flex; flex-wrap:wrap;}
.process_item{width:33%; text-align:center; margin-bottom:60px;}
.process_item span{display:block; color:#f08c1e; font-size:28px;}
.process_item dt{font-size:22px; color:#000; margin:40px 0;}
.process_item dd{font-size:1em;}


.accordion .accordion-item{border-bottom:1px solid #e5e5e5}
.accordion .accordion-item button[aria-expanded=true]{border-bottom:1px solid #00183f}
.accordion button{position:relative;display:block;text-align:left;width:100%;padding:1em 0;color:#7288a2;font-size:1.15rem;font-weight:400;border:none;background:none;outline:none}
.accordion button:hover,.accordion button:focus{cursor:pointer;color:#00183f}
.accordion button:hover::after,.accordion button:focus::after{cursor:pointer;color:#00183f;border:1px solid #00183f}
.accordion button .accordion-title{padding:1em 1.5em 1em 0;font-size:18px;}
.accordion button .icon{display:inline-block;position:absolute;top:37%;right:0;width:22px;height:22px;border:1px solid;border-radius:22px}
.accordion button .icon::before{display:block;position:absolute;content:"";top:9px;left:5px;width:10px;height:2px;background:currentColor}
.accordion button .icon::after{display:block;position:absolute;content:"";top:5px;left:9px;width:2px;height:10px;background:currentColor}
.accordion button[aria-expanded=true]{color:#00183f}
.accordion button[aria-expanded=true] .icon::after{width:0}
.accordion button[aria-expanded=true]+.accordion-content{opacity:1;max-height:20em;transition:all 200ms linear;will-change:opacity,max-height}
.accordion .accordion-content{opacity:0;max-height:0;overflow:hidden;transition:opacity 200ms linear,max-height 200ms linear;will-change:opacity,max-height}
.accordion .accordion-content p{font-size:14px;font-weight:300;margin:2em 0}


.sun_container {position: relative; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 50px; padding: 40px 0;}
.sun_container .card {position: relative; width: 250px; height: 300px; display: flex; justify-content: center; align-items: center; text-align: center; overflow: hidden; transition: all 0.5s;}
/*.sun_container .card:hover {transform: translateY(-10px); box-shadow: 0 15px 35px rgba(0,0,0,0.5);}*/
.sun_container .card::before {content: ''; position: absolute; left: -50%; top: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.01); pointer-events: none; z-index: 1;}
.card .percent {position: relative; width: 150px; height: 150px; border-radius: 50%; }
.card .percent .number {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; border-radius: 50%;}
.card .percent .number h2 {font-size: 40px; color: #777; font-weight: 700; transition: all 0.5s;}
/*.card:hover .percent .number h2 {font-size: 60px; color: #fff;}*/
.card .percent .number h2 span {font-size: 24px; color: #777; transition: all 0.5s;}
/*.card:hover .percent .number h2 span {color: #fff;}*/
.card .text {position: relative; font-size: 18px; color: #777; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; transition: all 0.5s; margin-top: 30px;}
/*.card:hover .text {color: #fff;}*/
svg {position: relative; width: 150px; height: 150px; }
svg circle {width: 100%; height: 100%; fill: none; stroke: #e5e5e5; stroke-width: 10; stroke-linecap: round; transform: translate(5px,5px);}
svg circle:nth-child(2) {stroke-dasharray: 440; stroke-dashoffset: 440;}
.card:nth-child(1) svg circle:nth-child(2) {stroke: #00ff43; stroke-dashoffset: calc(440 - (440 * 80) / 100);}
.card:nth-child(2) svg circle:nth-child(2) {stroke: #00a1ff; stroke-dashoffset: calc(440 - (440 * 100) / 100);}
.card:nth-child(3) svg circle:nth-child(2) {stroke: #ff04f3; stroke-dashoffset: calc(440 - (440 * 80) / 100);}

.sun50:nth-child(1) svg circle:nth-child(2) {stroke: #00ff43; stroke-dashoffset: calc(440 - (440 * 50) / 100);}
.sun50:nth-child(2) svg circle:nth-child(2) {stroke: #00a1ff; stroke-dashoffset: calc(440 - (440 * 100) / 100);}
.sun50:nth-child(3) svg circle:nth-child(2) {stroke: #ff04f3; stroke-dashoffset: calc(440 - (440 * 95) / 100);}

.sun40:nth-child(1) svg circle:nth-child(2) {stroke: #00ff43; stroke-dashoffset: calc(440 - (440 * 40) / 100);}
.sun40:nth-child(2) svg circle:nth-child(2) {stroke: #00a1ff; stroke-dashoffset: calc(440 - (440 * 100) / 100);}
.sun40:nth-child(3) svg circle:nth-child(2) {stroke: #ff04f3; stroke-dashoffset: calc(440 - (440 * 95) / 100);}

.sun30:nth-child(1) svg circle:nth-child(2) {stroke: #00ff43; stroke-dashoffset: calc(440 - (440 * 30) / 100);}
.sun30:nth-child(2) svg circle:nth-child(2) {stroke: #00a1ff; stroke-dashoffset: calc(440 - (440 * 100) / 100);}
.sun30:nth-child(3) svg circle:nth-child(2) {stroke: #ff04f3; stroke-dashoffset: calc(440 - (440 * 95) / 100);}

.sun15:nth-child(1) svg circle:nth-child(2) {stroke: #00ff43; stroke-dashoffset: calc(440 - (440 * 15) / 100);}
.sun15:nth-child(2) svg circle:nth-child(2) {stroke: #00a1ff; stroke-dashoffset: calc(440 - (440 * 100) / 100);}
.sun15:nth-child(3) svg circle:nth-child(2) {stroke: #ff04f3; stroke-dashoffset: calc(440 - (440 * 95) / 100);}


@media (max-width:1199px){
    .container{width:100%;}
    .erumi_contents{text-align:center;}
    .erumi_fl_left{float:left; width:100%;}
    .erumi_fl_right{float:left; width:100%;}
    .erumi_contents .erumi_fl_right{text-align:center;}
    .tit_qoute{background:none;}
    .tit_qoute02{background:none;}
    .justify-content-center .erumi_h5v2{display:block; width:100%; padding:7px 0 7px 3%; line-height:normal;}
    .erumi_flex_wrap .erumi_flex_h5{display:block; width:100%; padding:10px 0; line-height:normal;}  
    .erumi_flex_left{width:100%;}
    .erumi_flex_right{width:100%;}
    .number_flex{display:flex; flex-flow:column wrap; width:100%;}
    .number_flex .number_flex01,.number_flex .number_flex02,.number_flex .number_flex03,.number_flex .number_flex04{width:100%; padding:0; background-position:80% top;}
    .number_flex .number_flex01 h5,.number_flex .number_flex02 h5,.number_flex .number_flex03 h5,.number_flex .number_flex04 h5{width:100%;}
    .number_flex .number_flex01 p,.number_flex .number_flex02 p,.number_flex .number_flex03 p,.number_flex .number_flex04 p{width:100%; padding:0 24%;}
    .erumi_spec_tb table{width:100%; margin:0 auto; font-size:1.5rem;}
    .tester_wrap .tester_f_box{margin-right:24px;}
    .window_defence{display:flex; flex-flow:column wrap;}
    .erumi_spec_tb .color_wrap{display:flex; flex-direction:column;}
}



@media (max-width:768px){
    .container{width:100%;}
    .justify-content-center .erumi_h4v2{line-height:normal; margin:0 3%; font-size:2.5em;}
    .justify-content-center .erumi_pv2{padding:0 3%;}
    .erumi_fl_left{float:none;}
    .erumi_h4{margin:0 3%;}
    .erumi_h5{margin:0 3%;}
    .erumi_text{margin:0 3%;}
    .erumi_flex_left{padding:0 3%; background:#ebebeb; width:100%;}
    .erumi_flex{display:flex; flex-flow:column wrap;}
    .erumi_flex_right{padding:0 3%;}
    .erumi_flex_wrap .erumi_flex_h5{display:block; width:100%; padding:10px 0; line-height:normal;}  

    .erumi_flex_left .erumi_flex_h4{margin:30px 0 0 0;}
    .erumi_flex_left .erumi_flex_h5{margin:0 0 15px 0;}
    .erumi_flex_left .erumi_flex_p{margin:0 0 15px 0;}

    .erumi_flex_right .erumi_flex_h4{margin:30px 0 0 0;}
    .erumi_flex_right .erumi_flex_h5{margin:0 0 15px 0;}
    .erumi_flex_right .erumi_flex_p{margin:0 0 15px 0;}
    .erumi_flex_right .erumi_flex_tit{margin:30px 0 0 0;}
    .erumi_flex_right .sum_tit{margin:58px 0 0 0;}

    .graph_wrap{display:flex; flex-flow:column wrap;}
    .graph_sum{margin-bottom:5%;}
    .erumi_img_flex{flex-direction: column;}
    .erumi_video_wrap video{width:100%;}
    .erumi_video_wrap .video_p{padding:0 15px;}
    .bg_txt_p{width:100%; padding:40% 0;}
    .bg_txt_p .txt_p{margin:0 0 0 15px;}
    .erumi_flex_wrap .erumi_flex_h5_36{font-size:1.25em; display:inline-block; background:url('../../img/bg_twoline.png') repeat-x left top; width:100%; padding:7px 0;}
    .erumi_tem_wrap{display:flex; flex-flow:column wrap;}
    .number_flex{display:flex; flex-wrap:wrap; flex-direction:row;width:100%;align-content:flex-star;justify-content:flex-start;}
    .number_flex .number_flex01,.number_flex .number_flex02,.number_flex .number_flex03,.number_flex .number_flex04{width:50%; padding:0;}
    .number_flex .number_flex01{background:url('../../img/bg_no01_.png') no-repeat center top;}
    .number_flex .number_flex02{background:url('../../img/bg_no02_.png') no-repeat center top;}
    .number_flex .number_flex03{background:url('../../img/bg_no03_.png') no-repeat center top;}
    .number_flex .number_flex04{background:url('../../img/bg_no04_.png') no-repeat center top;}

    .number_flex .number_flex01 h5,.number_flex .number_flex02 h5,.number_flex .number_flex03 h5,.number_flex .number_flex04 h5{width:100%;}
    .number_flex .number_flex01 p,.number_flex .number_flex02 p,.number_flex .number_flex03 p,.number_flex .number_flex04 p{width:100%; padding:0 36%;}
    
    .erumi_flex02{display:flex; flex-direction:column;}
    .erumi_flex02_reverse{display:flex; flex-direction:column-reverse}
    .erumi_flex02_reverse .erumi_flex02_left{width:100%;}
    .erumi_flex02_reverse .erumi_flex02_right{width:100%;}
    .erumi_flex02 .erumi_flex02_left{width:100%; text-align:right;}
    .erumi_flex02 .erumi_flex02_right{width:100%; text-align:left;}
    .erumi_flex02 .erumi_flex02_h5left{background:url('../../img/bg_twoline.png') repeat-x left top; padding:7px 3% 7px 0; margin:0;}
    .erumi_flex02_reverse .erumi_flex02_h5right{background:url('../../img/bg_twoline.png') repeat-x left top; padding:7px 0 7px 3%; margin:0;}
    .erumi_flex02_right_p, .erumi_flex02_left_p{margin:0;}
    .erumi_ico_blog{background:url('../../img/ico_erumi_blog_b.png') no-repeat left top; background-size:21px 18px;transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
    .erumi_ico_blog span{display:none; overflow:hidden; font-size:0; text-indent:-3000px;}
    header.sticky .navbar.navbar-dark.bg-transparent.header-dark .header-social-icon > .erumi_ico_blog{display:inline-block; width:21px; height:18px; background:url('../../img/ico_erumi_blog.png') no-repeat left top; background-size:100% 18px; vertical-align:top; margin:0 0 0 4px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
    .erumi_ico_youtube{background:url('../../img/youtube_02.png') no-repeat left top; background-size:21px 18px;transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
    .erumi_ico_youtube span{display:none; overflow:hidden; font-size:0; text-indent:-3000px;}
    header.sticky .navbar.navbar-dark.bg-transparent.header-dark .header-social-icon > .erumi_ico_youtube{display:inline-block; width:21px; height:18px; background:url('../../img/youtube_01.png') no-repeat left top; background-size:100% 18px; vertical-align:top; margin:0 0 0 4px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; }
    .graph_sum_tit{margin:0 3%;}
    .graph_sum_p{margin:0 3%;}
    .tit_qoute02 p{margin:0 3%;}
    .uv_tit{line-height:normal; margin:0 3% 15px 3%;}
    .uv_txt_p{margin:0 3% 15px 3%;}
    .erumi_flexv2{display:flex; flex-direction:column; padding:0 3%;}

    .electric_wrap{display:flex; flex-direction:column;}
    .electric_wrap .electric_left{margin:0 3%;}
    .electric_wrap .electric_left h4{margin:0 0 15px 0;}
    .electric_wrap .electric_left h5{display:inline-block; background:url('../../img/bg_twoline02.png') repeat-x left top; font-size:1.6em; padding:7px 0 9px 0;}
    .electric_wrap .electric_left p{margin:0 0 15px 0;}    
    .electric_wrap .electric_right{margin:50px 3% 0 3%;}

    .erumi_lineup_wrap{display:flex; flex-direction:column;}
    .erumi_lineup_wrap .line_up_left{width:100%;}
    .erumi_lineup_wrap .line_up_left dl{margin:0 3%;}
    .erumi_lineup_wrap .line_up_left dd{width:100%;}
    .erumi_spec_tb table{width:100%; font-size:13px;}
    .erumi_warranty{margin:0 3%;}

    .circle_wrap{display:flex;}
    .circle-chart-container{max-width:160px; margin:0 auto;}
    .bar-graph-horizontal{margin:0 3%;}
    .bar-graph-horizontal > div{float:none;}
    .bar-graph-horizontal .value_spec{display:flex; width:29%; margin:0 3px 5px 0; font-size:1rem;}
    .bar-graph-horizontal .bar{float:none; width:100%; margin:0 0 5px 0;}
    .circle-chart-one-percentage {color: #4d4d4d; left: 50px; top: 123px; font-size:35px;}
    .circle-chart-two-percentage {color: #4d4d4d; left: 45px; top: 123px; font-size:35px;}
    .circle-chart-three-percentage {color: #4d4d4d; left: 64px;top: 123px;font-size:35px;
    }

    .tab_box_container{overflow:hidden; background:url('../../img/erumi_img/img_outside_default.jpg') no-repeat center top/100% auto; width:100%; height:440px;}
    .tab_box_container02{overflow:hidden; background:url('../../img/erumi_img/img_inside_default.jpg') no-repeat center top/100% auto; width:100%; height:440px;}
    .button li{list-style:none; width:20%; text-align:center; margin:0 0 20px 0;}
    .button02 li{list-style:none; width:20%; text-align:center; margin:0 0 20px 0;}
    .button li a{display:inline-block; width:100%; height:153px; font-size:0; text-indent:-10000px; transition:none;}
    .button02 li a{display:inline-block; width:100%; height:153px; font-size:0; text-indent:-10000px; transition:none;}
    .tester_wrap{display:flex; flex-direction:column;}
    .tester{width:100%;}
    .erumi_tab li{padding:4px 0 0 15px;}
    .erumi_tab li span{display:inline-block; background:url('../../img/erumi_img/ico_tester.png') no-repeat left 9px; padding:10px 0 10px 43px; font-size:20px;}
    .button li span, .button02 li span{display:block; font-size:16px;}
    .uv_flex_p{font-size:1.875em; padding:0 3%;}
    .erumi_spec_tb .color_wrap{padding:0 3%;}   
    .erumi_spec_tb .color_wrap .color01, .erumi_spec_tb .color_wrap .color03{margin:0;}
    .erumi_flex_wrap .flex_list li{margin:0;}
    .check_wrap{padding:40px 3% 40px 3%;}
    .value_wrap{display:flex; flex-direction: column;}
    .value_wrap .value01, .value_wrap .value02, .value_wrap .value03{width:100%;}
    
    .uv_section_wrap{display:flex; flex-wrap:wrap; padding:0 3%; margin-top:50px;}
    .case_img{display:flex; flex-wrap: wrap; }
    .case_img img{width:50%;}
    .uv_b_section{display:flex; flex-direction: column; padding:0 3%;}
    .eye_sick{display:flex; flex-direction: column; }
    .uv_bleach_wrap{display:flex; flex-direction: column; padding:0 3%;}
    .uv_bleach_wrap img{width:100%;}
    .uv_bleach_wrap .uv_bleach{width:100%; margin:0;}
    .uv_bleach_wrap .uv_bleach02{width:100%;}
    .uv_bleach02 h4{padding:7px 0;}
    .uv_b_section img{width:100%;}
    .uv_b_sum{margin:0;}
    .uv_b_sum h4{font-size:18px;padding:7px 0;}
    .uv_section02{margin:20px 0 0 0;}
    .uv_section01{margin:0; width:100%;}
    .uv_section01 img, .uv_section02 img{width:50%;}
    .uv_section03{width:100%; margin:30px 0 0 0;}
    .eye_sick h4{margin:0;}
    .uv_b_sum h4{width:100%;}
    .skin_case h4, .uv_section03 h4{padding:7px 0;}
    .skin_case{padding:0 3%;}
    .eye_sick{padding:0 3%;}
    .eye_sick h4{padding:7px 0; margin:0 0 20px 0;}
    .warranty_wrap{display:flex; flex-wrap:wrap; padding:50px 3% 60px;}
    .warranty_wrap .warranty_txt_mr_right{margin-right:0; margin-bottom:25px;}
    .warranty_txt{ margin:0;}
    .warranty_tb table{width:100%;}
    .price_tb_wrap{margin:0 3%;}
    .price_wrap_margin{margin-top:50px; margin-bottom:60px;}  
    .erumi_spec_tb .color_wrap{display:flex; flex-direction:column;}
}

@media (max-width:420px){
  .erumi_fl_left{width:100%;}
  .tab_box_container{overflow:hidden; background:url('../../img/erumi_img/img_outside_default.jpg') no-repeat center top/100% auto; width:100%; height:215px;}
  .tab_box_container02{overflow:hidden; background:url('../../img/erumi_img/img_inside_default.jpg') no-repeat center top/100% auto; width:100%; height:215px;}
  .button li{list-style:none; width:20%; text-align:center; margin:0 0 20px 0;}
  .button02 li{list-style:none; width:20%; text-align:center; margin:0 0 20px 0;}
  .button li a{display:inline-block; width:100%; height:80px; font-size:0; text-indent:-10000px; transition:none;}
  .button02 li a{display:inline-block; width:100%; height:80px; font-size:0; text-indent:-10000px; transition:none;}
  .button li span, .button02 li span{margin:10px 0 0 0; font-size:16px;}
  .button, .button02{margin:10px 0 0 0;}
  .ceo_flex{display:flex; flex-direction: column;}
  .ceo_flex .ceo_txt{width:100%; padding:0 3%;}
  .ceo_flex .ceo_img{width:100%; margin:10px 0 0 0;}
  .ceo_txt .ceo_signbox span{margin:0;}
  .ceo_txt .ceo_signbox{background-size:contain;}
  .erumi_flexv2 .erumi_flex_right02{text-align:center;}
  .erumi_spec_tb .color_wrap{padding:0 3%;}   
  .erumi_spec_tb .color_wrap .color01, .erumi_spec_tb .color_wrap .color03{margin:0;}
  .number_flex .number_flex01 p,.number_flex .number_flex02 p,.number_flex .number_flex03 p,.number_flex .number_flex04 p{width:100%; padding:0 24%;}
  .warranty_wrap{display:flex; flex-wrap:wrap; padding:50px 3% 60px;}
  .warranty_wrap .warranty_txt_mr_right{margin-right:0; margin-bottom:25px;}
  .warranty_txt{ margin:0;}
  .warranty_tb table{width:100%;}
  .price_wrap_margin{margin-top:50px; margin-bottom:60px;} 
  
  .circle_wrap{display:flex;}
  .circle-chart-container{max-width:110px; margin:0 auto;}
  .bar-graph-horizontal{margin:0 3%;}
  .bar-graph-horizontal > div{float:none;}
  .bar-graph-horizontal .value_spec{display:flex; width:29%; margin:0 3px 5px 0; font-size:1rem;}
  .bar-graph-horizontal .bar{float:none; width:100%; margin:0 0 5px 0;}
  .circle-chart-one-percentage {color: #4d4d4d; left: 35px; top: 100px; font-size:25px;}
  .circle-chart-two-percentage {color: #4d4d4d; left: 31px; top: 100px; font-size:25px;}
  .circle-chart-three-percentage {color: #4d4d4d; left: 45px;top: 100px;font-size:25px;}
  .circle-chart-two {left: 6%; max-width: 88%; position: absolute; top:61px;}

}



/* galleryview 내부 모든 이미지 반응형 적용 */
.galleryview img {
  max-width: 100%;    /* 부모 너비를 넘지 않도록 */
  height: auto;       /* 비율 유지 */
  display: block;     /* 이미지 아래 불필요한 여백 제거 */
  border-radius: 8px; /* 옵션: 테두리 둥글게 */
  box-shadow: 0 2px 6px rgba(0,0,0,0.2); /* 옵션: 그림자 */
}

/* 갤러리 레이아웃 */
.galleryview {
  display: flex;
  flex-wrap: wrap;     /* 화면 좁아지면 줄 바꿈 */
  gap: 15px;           /* 이미지 간격 */
}

.gallery-item {
  flex: 1 1 300px;    /* 최소 300px, 화면 넓이에 맞춰 늘어남 */
  box-sizing: border-box;
}