@import url(//fonts.googleapis.com/earlyaccess/nanumpenscript.css);


@font-face {
    font-family: 'KOTRAHOPE';
    src: url('//fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2110@1.0/KOTRAHOPE.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}


@font-face {
  font-family: 'LotteMartHappy';
  font-style: normal;
  font-weight: 400;
  src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/lottemart/LotteMartHappy/LotteMartHappyMedium.woff') format('woff');
}

* {word-break: keep-all;}
 
.main_vi {height:50vw; max-height:700px; position:relative; margin-top:80px}
.m_main_vi {height:140vw; max-height:700px; position:relative; margin-top:80px}


@media all and (max-width:1000px) {
   .main_vi { margin-top:60px}

}
 
 @media all and (min-width:800px) {
  .m_main_vi {display:none}

}
 @media all and (max-width:800px) {
   .main_vi {display:none;}
   .m_main_vi { margin-top:60px}

}
 
@keyframes fadeOut {
	   0% {transform: scale(1);}
	   50% {transform: scale(1.15);}
 	   100% {transform: scale(1);}
	}


 
.rgba_bg {width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(0,0,0,.2);
    display: inline-block;
    z-index: 9;
    content: '';
}
  

.main_con_wrap {width:100%;   box-sizing:border-box;  margin:0 auto; font-size:16px; line-height:1.3; position:Relative; z-index:99}

iframe + .main_con_wrap {margin-top:-80px}


.main_con_wrap img {max-width:100%}

.main_con_wrap h3.main_tt {font-size: 1.9rem; line-height:1.3; letter-spacing:-1px;  display:block; margin-bottom:5px;  font-family: 'LotteMartHappy'; font-weight:500; color:#333; }
 
.main_con_wrap .h3_text {font-size:1.9em; margin-top:0; margin-bottom:30px; color:#555; font-family: 'Nanum Pen Script', cursive; line-height:.9}


.main_bn_wrap {width:100%; background:url('/common/img/mc1_bg.png') repeat-x top;   display:inline-block; padding:100px 0 50px 0; }

.main_con_wrap .main_bn {max-width:1000px;position:relative; z-index:99; margin:0 auto  }
.main_con_wrap .main_bn ul {width:100%;  margin-top:-30px;  display:flex; justify-content:space-between}
.main_con_wrap .main_bn li {font-size:1.05em;  line-height:1.4; color:#fff;    text-align:Center; width:33%;  cursor:pointer; box-sizing:border-box; font-weight:400; position:relative;   }
.main_con_wrap .main_bn li * {color:rgba(255,255,255,.9) }
.main_con_wrap .main_bn li p {  width:100%; }
.main_con_wrap .main_bn li p:nth-child(1) {line-height:0}
.main_con_wrap .main_bn li a {border:1px solid rgba(255,255,255,.5); padding:7px 20px; margin-top:15px; font-size:.9em; display:inline-block; border-radius:5px}
.main_con_wrap .main_bn li span {font-size:1.5em; font-weight:600; margin-bottom:5px; display:block; color:#fff}
.main_con_wrap .main_bn li p.img_one {height:130px; margin:0 auto;  width:130px; margin-bottom:20px; border-radius:50%; border:3px solid rgba(255,255,255,.9); box-shadow:2px 2px 10px rgba(0,0,0,.25); box-sizing:border-box;  display:flex;  justify-content:center; align-items:Center; transition: all 0.3s ease-out; }
.main_con_wrap .main_bn li p.img_one img {width:70px; transition: all 0.3s ease-out; }
.main_con_wrap .main_bn li:nth-child(2) p.img_one img {width:90px}
  
 
.main_con_wrap .main_bn li:hover p.img_one { transform: scale(1.05);  background:rgba(255,255,255,.3); border:2px solid rgba(255,255,255,.3);   }
.main_con_wrap .main_bn li:hover p.img_one img {transform: scale(1.05);}
.main_con_wrap .main_bn li:hover * {color:#fff }
.main_con_wrap .main_bn li:hover a {border:1px solid #fff;  }


.main_gall_wrap .main_gall  {width:100%; max-width:1200px; margin:0 auto}
.main_gall_wrap .main_gall ul {display:flex; justify-content:flex-start}
.main_gall_wrap .main_gall ul li {width:24%; margin-right:1.5%;  background-color:#f5f5f5; border-radius:10px; overflow:hidden; padding-bottom:15px; text-align:center; cursor:pointer}
.main_gall_wrap .main_gall ul li:last-child {margin-right:0}
.main_gall_wrap .main_gall div.img_box {width:100%; margin:0 auto; padding-bottom:80%; position:relative;   overflow:hidden; margin-bottom:20px}
.main_gall_wrap .main_gall div.img_box img {width:100%; position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); }
  

.main_gall_wrap .main_gall h3 {font-size:1.1em; text-align:center; font-weight:500; line-height:1.3; display:block; margin:5px 0 5px 0; box-sizing:border-box; padding:0 15px}
.main_gall_wrap .main_gall p {font-size:1em; text-align:center; font-weight:400; line-height:1.3em; color:#777;
    width: 100%;
   
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;

}
.main_gall_wrap .main_gall span {font-size:1.25em; width:100%; text-align:Center; font-weight:600; display:inline-block}

.main_gall_wrap  {width:100%;   padding:70px 0 0 0; position:relative}
 
.main_gall_wrap .board { display:flex; justify-content:space-between; max-width:1200px;  position:relative; z-index:99; margin:0 auto; margin-top:40px; }

.main_gall_wrap .board h3 {font-size:1.6em; margin-bottom:15px; font-weight:700; width:100%; display:flex; color:#333; box-sizing:border-box; padding:0 10px; letter-spacing:-1px}
.main_gall_wrap .board h3 a {font-weight:300; color:#999; margin-left:auto}

.main_gall_wrap .main_gall span.t_color1 {color:#74ae01}
  
.main_gall_wrap .board  .notice {width:48%;box-sizing:border-box; }

.main_gall_wrap .board .notice ul {width:100%;  border-radius:10px; box-sizing:border-box; padding:30px;  background-color:#f9f9f9; }
.main_gall_wrap .board .notice ul li {font-size:1.03em; box-sizing:border-box;  display:flex; margin-bottom:8px; cursor:pointer; color:#555;}
.main_gall_wrap .board .notice ul li:last-child {margin-bottom:0}
.main_gall_wrap .board .notice ul span { margin-left:auto; color:#777; white-space: nowrap;}

 .main_gall_wrap .board .notice ul li p {
		width:100%; overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		word-wrap: break-word;
}
 


 .main_gall_wrap .m_cal {width:48%;  box-sizing:border-box;  }
 .main_gall_wrap .m_cal .cal_in {width:100%; background-color:#f9f9f9;  padding:20px; box-sizing:border-box;  display:flex; flex-wrap:wrap; border-radius:15px; overflow:hidden }

 .main_gall_wrap .m_cal .cal_in span {width:14.286%; font-size:.95em;   text-align:center; box-sizing:border-box; padding:8px; color:#555 }
 .main_gall_wrap .m_cal .cal_in span.over {background-color:#94ce21; border-radius:5px; color:#fff; cursor:pointer;}

 
 
.main_bottom_bn {width:100%;  display:inline-block; background-attachment: fixed; margin-top:80px }
.main_bottom_bn > div {padding:210px 0 90px 0;  width:100%;  max-width:1200px; margin:0 auto }
.main_bottom_bn  div > div {width:520px; margin-left:130px;  text-align:Center}

 .main_bottom_bn p {font-size:1.43rem; line-height:1.45; font-weight:500; color:#333;  display:block; margin-top:20px}

.site iframe {box-sizing:border-box; height:30px; margin:4px 0 2px 0 }


@media all and (min-width:900px) {
	.main_bottom_bn { background:url('/common/img/10315236.jpg') no-repeat top; background-position:0 40px;  background-size:cover; background-attachment: fixed;   }
}
 
 @media all and (max-width:900px) {
        .main_vi {height:450px; }

		.main_con_wrap .main_bn li {font-size:.95em;    }

		.main_con_wrap .main_bn li a {display:none}
		.main_con_wrap .main_bn li span {font-size:1.1em; }
		.main_con_wrap .main_bn li p.img_one {height:80px;   width:80px;   }
		.main_con_wrap .main_bn li p.img_one img {width:35px;   }
		.main_con_wrap .main_bn li:nth-child(2) p.img_one img {width:43px}
		.main_con_wrap h3.main_tt {font-size:1.3em}
		.main_con_wrap .h3_text {font-size:1.5em; margin-bottom:20px  }

		.main_gall_wrap {box-sizing:border-box; padding:50px 4% 0 4% }

		.main_gall_wrap .main_gall ul {  flex-wrap:wrap; box-sizing:border-box; justify-content:space-between; }
		.main_gall_wrap .main_gall ul li {width:48%; padding-bottom:10px }
		.main_gall_wrap .main_gall ul li:nth-child(n+3) {margin-top:15px}
		.main_gall_wrap .main_gall div.img_box  {margin-bottom:10px}
		.main_gall_wrap .main_gall span {font-size:.97em}
		.main_gall_wrap .main_gall h3 {font-size:.97em}

		.main_gall_wrap .board {flex-wrap:wrap; margin-top:30px}
		.main_gall_wrap .board .notice {width:100%}
		.main_gall_wrap .board .notice ul {padding:0; background-color:#fff}
		.main_gall_wrap .board .notice ul li  {margin-bottom:3px; font-size:.97em}
		.main_gall_wrap .board .notice span {display:none}
 		.main_gall_wrap .m_cal {width:100%; margin-top:30px}
		.main_gall_wrap .board h3 {font-size:1.2em; margin-bottom:20px; padding:0; padding-bottom:10px; border-bottom:1px solid #ddd; }
		.main_gall_wrap .m_cal .cal_in  {padding:0; margin-top:-10px; background-color:#fff}
        .main_gall_wrap .m_cal .cal_in span {font-size:.8em}

		.main_bottom_bn { margin-top:50px; background: url('/common/img/10315236.jpg') no-repeat center; background-size:cover}
		.main_bottom_bn > div {padding:70px 5%; box-sizing:border-box; }
		.main_bottom_bn div > div {width:100%; margin-left:0; box-sizing:border-box; padding:0 5%}
		.main_bottom_bn p {font-size:1em; margin-top:10px}
}