@charset "utf-8";

@import url('../_css_com/NotoSansKR/fonts.css');
@import url('../_css_com/SCDream/fonts.css');
@import url('../_css_com/XEIcon-2.3.3/xeicon.min.css');

@keyframes fade-up {
	0% {opacity:0; transform:translateY(160px);}
	100% {opacity:1; transform:translateY(0);}
}

@keyframes fade-right {
	0% {opacity:0; transform:translateX(200px);}
	100% {opacity:1; transform:translateY(0);}
}

@keyframes opacity {
	0% {opacity:0;}
	100% {opacity:1;}
}

html {min-width:320px}

*, *:before, *:after {margin:0px; padding:0px; box-sizing:border-box; text-size-adjust:none; letter-spacing:-0.05em;}
html, body {line-height:1; -webkit-font-smoothing:antialiased; min-width:320px;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-family:'NotoSans', 'SCDream',  'Noto Sans SC', 'Noto Sans HK', 'Montserrat', 'Gmarket Sans', 'NanumSquare', 'Lato', "Dotum", sans-serif ;
		font-size:18px;
		letter-spacing:-0.5px;
		word-break:break-all;
		font-weight:400;
		box-sizing: border-box;
		-moz-box-sizing:border-box;
		line-height:140%;
		scroll-behavior: smooth;
}


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {	display: block;}


img {
    border: 0;
    margin: 0;
    padding: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
  }
  font{font-size: 0.9em; line-height: 120%;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {	display: block;}

ol, ul, li	 {list-style:none;}
address, em, i {    font-style: normal;}
blockquote, q {quotes:none;}
blockquote:before,
blockquote:after,
q:before, q:after	{content:''; content: none;}

a,button{background:0 0; text-decoration:none; cursor:pointer;  color:inherit;}
button, input, optgroup, select, textarea {margin: 0;font-family: inherit;font-size: 100%;color: inherit;}

strong{display:inline-block;font-weight: 600;}

/********** 라이브러리 **********/
:root{
  --point-color:#3b7cdb;
  --top-icon-color:#3b7cdb;
  --point-dark--color:#053983;
  --back-color-01:#edf1f4;
  --back-color-02:#f4f9fd;     
  --back-color-03:#cadeff;
}




/********** common **********/
.indent { margin-left: 0rem;}

#skipArea {
  position: absolute;
  top: -1000px;
  display: none;
  left: 0;
  width: 100%;
  height: 0px;
  line-height: 0px;
  font-size: 0px;
  z-index: -1000;
}

#wrap {
    overflow: hidden;
    letter-spacing: -0.25px;
}
#sub_content {
  overflow: hidden;
  background: var(--back-color-01);
  margin-top: 190px;
}
.sub_content_wrap {
  position: relative;
  min-height: 34rem;
}

.subCntBody {
    position: relative;
    min-height: 35rem;
    padding: 2rem 3rem 2rem;
    margin: 3px auto 3rem;
    font-weight: 400;
    font-size: 0.8rem;
    color: #1b1b1b;
    word-break: keep-all;
    background: #fff;
    box-shadow: 0px 15px 20px 0 rgba(0, 0, 0, .06);
}
.container {
  position: relative;
  width: 98%;
  max-width: 1400px;
  margin: 0 auto;
}

.sub_content_wrap:after {
  content: "";
  display: block;
  clear: both;
}
.container:after {
  clear: both;
  display: block;
  content: "";
}

@media (max-width:1400px){
  .container { width: 98%;}
}

@media (max-width:720px){
  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, img, ins, kbd, q, s, samp,
  small, strike, sub, sup, tt, var,
  b, u, i, center,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td,
  article, aside, canvas, details, embed,
  figure, figcaption, footer, header, hgroup,
  menu, nav, output, ruby, section, summary,
  time, mark, audio, video {font-size: 0.9rem;}
  .container { width: 100%;}  
}

/********** common **********/

#introWrap {position:absolute;;top:0;width: 100%;margin-top:0px;display: block; /*height:100vh; min-height:900px;*/
  background: url('https://lily.sunmoon.ac.kr/images/sub/univer_img05.jpg')  no-repeat center / cover;
  min-height: 500px; }
 
.blur {position:absolute;;top:0;width: 100%;margin-top:0px;display: block; min-height: 500px;
    background:rgba(0,0,0,0.35); backdrop-filter: blur(2px);}

.introHder {
      text-align: center;
      color: rgb(170, 170, 170);
      padding: 0.9em 0px;
      position: fixed;
      z-index: 999;
      top: 0;
      width: 100%;
      transition: all .3s;
      box-sizing: border-box;
  }
  
.introHder .inner {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding: 0 ;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 12px;
}

.introHder img {
    width: 210px;
    margin: 12px;
}

.introHder .util {
    display: flex; 
    margin-right: 5.1rem;
    flex-wrap:wrap;
    z-index:2;
}

.introHder .util>a{
  display: flex; 
}

.util span {
  font-size: 1.2rem;    
  justify-content: center;
  font-weight: 600;
  text-align: left;
color:#333;
line-height:90%
}

.util i {
font-size: 0.85rem;
color:#666;
font-style: normal;
letter-spacing: 0.1rem;
}

.introHder .btnFold {
  border-radius: 100px;
  border: 1px solid #666;
  font-size: 16px;
  padding: 0px 16px;
  justify-content: center;
  align-items: center;
  font-weight: 700;
  background: #000;
  color:#fff;
  margin-right: 12px;	
}
.introHder .util li{
  line-height: 1.9rem; 
  background-color: transparent; 
  color: #fff; 
  min-width:5.5rem;
  padding: 2px 12px;
  border-radius:0 20px 20px 20px ;
  border: 1px solid #fff;
  margin-left: -0.4rem;
  height: 2.2rem;
  }


  
.introHder .util .util_ic{
  background-color:var(--top-icon-color); 
  width:2.2rem; 
  height:2.2rem;
  line-height: 2.2rem; 
  border-radius:20px 20px 0 20px;
  font-size:1.25rem; 
  font-weight: 200;
  text-align:center; 
  color:#fff; 
  margin: 0 .2rem 0 .6rem; 
  z-index: 2;
  margin-top: -9px;
}

.introHder .util .xi-kakaotalk{
  font-size:1.5rem; 
}


.introHder .util li a{
  font-size:.9rem; 
  font-weight: 600;
}

.introHder .util li:hover{
  color:#d3efed;
  box-shadow: 2px 2px 5px rgba(0,0,0,.16);
  }

.introHder .logo {
    display: inline-block;
    vertical-align: middle;
    padding-left: 4.25rem;
    background-image: url(../_css_com/logo_w.png);
    background-size: 100% 100%;
    width: 200px;
    height: 58px;
    margin-top: -12px;
}

.introHder .logo h1{
    position: relative;
    color: #f2f2f2;
    font-size: 1.8rem;
    width: 460px;
    font-weight: 700;
    text-align: left;
    line-height: 56px;
    margin-left: 132px;
}

.select ul li a:hover{
    color:#d3efed;
}

/********** header구글번역 **********/

/*상단 플로팅 바 옵션 가리기 */
body {top:0px !important;}
body > .skiptranslate:first-child {display: none;}

#google_translate_element ::-webkit-scrollbar { width: 5px; }
#google_translate_element ::-webkit-scrollbar-thumb { background-color: #aaa; border-radius:10px; }
#google_translate_element ::-webkit-scrollbar-track { background-color: #ddd; border-radius:10px; }
#google_translate_element {position: absolute;width: 5.2rem;top: 0rem;right: 0.1rem;height:2.2rem;display: inline-block;vertical-align: middle;border: 1px solid #f2f2f2bd;padding:0.25rem;background: transparent;border-radius: 1.5rem;overflow:hidden;}
.goog-te-gadget .goog-te-combo{width: 100%;border:none;font-family:NotoSans!important; font-size: 14px!important;background: transparent;color: #f2f2f2;border: none;margin: 0 !important;padding-left:0.15rem;}
.goog-te-gadget .goog-te-combo > option { width:3rem;height: 0.12rem; color: #454545;border:none;}
.goog-te-gadget-simple {position: relative; display: block !important; padding: 0.5rem !important; font-size: 0.7rem !important;  !important; border: none !important; border-radius: 1.5rem; cursor: pointer; zoom: 1;}
.goog-te-gadget-icon {margin-left: 5px; margin-right: 5px;}
.goog-te-gadget img {border-radius: 50%;}
.goog-te-gadget-simple .goog-te-menu-value img + span {position: absolute; top: 0.65rem; right: 1.25rem; font-size: 0.5rem !important; color: #000 !important; border: none !important;}

.goog-te-menu-frame font{font-family: 'Microsoft YaHei UI', sans-serif ; }

.introHder  .box_aside,
.translation-link {
    position: absolute;
    border: solid 1px #f2f2f2;     
    border-radius: 1.2rem;
    padding: 0px 6px 4px 8px;
    top: 0px; 
    cursor: pointer;
    right: 5px;
    line-height: 1.75rem;
    text-align: left;
    
  }

  .introHder .box_aside li{
    margin-left: 0.8rem;
    height: 1.3em;
  }

  .introHder .box_aside:hover{      
    color:#f2f2f2;
    box-shadow: 2px 2px 5px rgba(0,0,0,.16);
  }

  .introHder .box_aside p, .introHder .box_aside li a:hover{
    display: inline-block;
    color:#80b3ff; 
    font-size:0.8rem;
  }
  .introHder .box_aside li{
    display: block;
    font-size:0.8rem;
    color:#053983; 
   
  }

.translation-links{display: none;}

.introHder  .box_aside .hide{
  display: none;    
  }

.introHder  .box_aside .show{
  display: block;
  }


@media screen and (max-width:1240px) {
  .subCntBody {padding: 1rem;}
   #sub_content {margin-top: 120px; } 
  .introHder {position: relative;padding: 0.6rem 0 0.6rem 0.5rem;}
  .introHder .inner {display: block;text-align:left ; padding: 0; }
.introHder .util {padding: 3rem;}

}

@media (max-width:1080px){

  .introHder .util {padding: 0rem; margin-right: 0; margin-top:0rem ;}
  .introHder .logo {  width: 160px;  height: 45px;  margin-top: -5px;}
  .introHder .logo h1{ font-size: 1.5rem; width: 460px; font-weight: 600; text-align: left; margin-left: 95px;line-height:44px}
  .introHder .util>a{margin-right: 1rem; }

  .introHder .util .util_ic { margin-top:0; width:1.6rem;  height:1.6rem; line-height: 1.7rem; font-size:1.18rem; background: transparent; margin: 0 .05rem ; }
  .introHder .util li { border:none; padding: 0; margin: 0; border-radius: 10px;font-size:0.95rem;  font-weight: 600;}

  .introHder .box_aside li a{  font-size:0.95rem;}
  .introHder .box_aside { border: solid 1px #f2f2f2;  border-radius: 1.2rem; margin-top: 0px; cursor: pointer; right: 5px; line-height: 1rem;}
}

@media (max-width:720px){
  #sub_content {margin-top: 3px; } 
  .introHder .logo {  width: 100px;  height: 32px;  margin-top: -5px;}
  .introHder .logo h1{ font-size: 1.2rem; line-height: 30px;margin-left:50px;}
  .introHder .util li ,.introHder .box_aside li a{  font-size:0.8rem;}
  .introHder .util>a{margin-right: 0rem;font-weight: 600;}
  
  #google_translate_element {width: 5.2rem;height: 1.6rem;padding: 0 0.2rem;}
  .goog-te-gadget .goog-te-combo {margin: 0!important;font-size: 9px!important;padding-left:0;}
}

/*******컨텐츠학과내용*********/
.line_dot {
    margin-bottom: 0.5rem;
    padding-top: 10px;
    border-bottom: 1px dotted #d2d2d2;
}

.box000 {
  width: 100%;
  margin-left: 0px;
  position: relative;
  text-align: center;
}

.txt em  {
  text-decoration: none;
  display: inline-table;
  background: var(--point-color);
  border-radius: 0 6px 0 6px;
  color: #fff;
  margin-right: 10px;
  font-weight: 600;
  font-size: 0.96rem;
  padding: 1px 6px;
  margin-bottom:3px;
}
.title_type_01_01 {
  color: var(--point-color);
  font-size: 1.2rem;
  margin-bottom: 6px;
}
.title_type_01:after {
  content: '';
  display: block;
  width: 2px;
  height: 20px;
  position: absolute;
  left: 50%;
  bottom: 0px;;
  background: #ccc;
}

.title_type_03 {
  text-align: center;
  color: #444;
}

.title_type_01 {
  position: relative;
  padding-bottom: 30px;
  padding-right: 0.4rem;
  font-size: 3.0rem;
  line-height: 1em;
  color: #444;
  letter-spacing: 0.01em;
  text-align: center;
  font-weight: 700;
}


.title_type_03 .txt, .box001 .txt {
  font-size: 1.25rem;
  letter-spacing: -0.07em;
  font-weight: 200;
  line-height: 1.667em;
  color: #121212;
  position: relative;
}

u {
  text-decoration: none;
  display: inline;
  box-shadow: inset 0 -10px #d3efed;
  color: #444;
  font-weight: 600;
  font-size: inherit;
}
.title_type_03 .tit {
  font-size: 2.2rem;
  letter-spacing: -0.01em;
  font-weight: 700;
  margin-top: 38px;
  margin-bottom: 32px;
  position: relative;
  color:#6d6d6d;
}
.title_type_03 .tit strong {
  font-size: 2.8rem;
  color:#565656;
}
.title_type_03 .tit:before {position: absolute;	content: "";	top: -29px;	left: calc(50% - 380px);	width: 8rem;	height: 6rem;
	background: url(https://sm.sunmoon.ac.kr/intro/_css_com/quot_icon01.png) no-repeat center / contain;
	}
.title_type_03 .tit:after {	position: absolute;	content: "";	top: -29px;	left: calc(50% + 240px);	width: 8rem;	height: 6rem;
	background: url(https://sm.sunmoon.ac.kr/intro/_css_com/quot_icon02.png) no-repeat center / contain;}



/*학과소개등 CSS*/
.pt001 {
	z-index:10;
    position:relative;
    width: 370px;
    height: 45px;
  /*  left: 1rem;*/
  /*  transform: translateX(-50%);*/
    border-radius: 20px 20px 0px 0px;
    text-align: left;
    padding-left:20pt;
    font-family: 'SCDream'; font-weight:600;
	
    background:var(--point-color);
    color: #fff;
    font-size: 1.2rem;
    line-height:45px;
}

  .box001{
  min-width: 380px;
  width:100%;
  border: 1px solid #ebebeb; border-radius:12px;
  background:#f3f3f3;
  margin-left: 0px;margin-top: 10px;
  position: relative;
  line-height:190%;
  padding:  36px 15px 15px 15px;
  top:-35px;
  }

.box001 ul {
    width: 100%;
    min-width: 380px;
    height: auto;
    /*padding:1px;*/
    overflow: hidden;
}

.box001 li {
    display: table;
    margin: 4px;
    float: left;
    box-sizing: border-box;

}
  .box002 {
    display: table;
    padding:3px;
    padding-left: 16px;
    padding-right: 16px;
    height: 5x;
    margin: 4px;
    border: 1px solid var(--point-color);
    background:#fff ;
    border-radius: 8px;
    font-weight: 400;
    color:#065dbe;
    font-family: 'SCDream';

}
.box003 {
  display: table;
  padding:3px;
  padding-left: 16px;
  padding-right: 16px;
  height: 10x;
  margin: 4px;
  border: 1px solid #789ab7;
  background:#fff ;
  border-radius: 8px;
  font-weight: 400;
  color:#2f4d88;
  font-family: 'SCDream';
}
.box004 {
  display: block;
  padding:3px;
  padding-left: 16px;
  padding-right: 16px;
  height: 10x;
  margin: 4px;  
  font-weight: 500;
  font-size: 1.1rem;
  color:#2f4d88;
  font-family: 'SCDream';
  width: 100%;
  text-align: left;
}


.til003{
  margin-bottom: 0.25rem;
  padding-top: 13px;
  font-size: 1.15rem;
  line-height: 1.3;
  font-weight: 700;
  color: #3a3a3a;
  letter-spacing: -1px;
  font-family: 'SCDream';
}

.tex01{
  font-size: 1.0rem;font-family: 'SCDream';color:#333;text-align:justify;
  line-height:150%; margin:20px 10px 10px 10px;word-break: auto-phrase;

}

.box001>ol>.tex01{
  border-bottom: dotted 1px #ccc;
}

.tex01_u{
 text-align: left;
  display: inline;
  box-shadow: inset 0 -10px #d3efed;
}
.tex01 span{
  font-family: 'SCDream';
  color:var(--point-color);
  font-weight: 600;
}

.youtube_swiper{
  position: relative; 
  overflow: hidden; 
  max-width:780px; 
  width:100%; 
  border-radius: 0.8rem ;
  left: 50%; 
  transform:  translateX(-50%);
  margin: 30px 0;
}

.youtube_swiper_iframe {
  position: relative; 
  overflow: hidden; 
  width:780px; 
  height: 438px;
  border-radius: 0.8rem ;
  left: 50%; 
  transform:  translateX(-50%);

}



.youtubeview {
  position: relative; 
  overflow: hidden; 
  width:780px; 
  height: 438px;
  border-radius: 0.8rem ;
  left: 50%; 
  transform:  translateX(-50%);
  margin: 30px 0;
}

.youtubeview02{display: flex;width: 100%; height: 360px; margin-top: 60px;}
.youtubeview02 iframe{width: 49%;    border-radius: 16px;    margin: 0 8px;}


.width_900 {
    position: relative;
    overflow: hidden;
    max-width: 1080px;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}
.card_img{
  max-width: 1400px;
  margin-top: 20px;
}


.shorts {
  margin-top: 50px;
  padding-bottom: 10px;
}


.shorts iframe{
  display: block;
  width:100%;
  height: 550px;
  object-fit: fill;
  border-radius: 1rem;
}

.swiper1 .swiper-wrapper{padding-bottom: 42px;}

.responsive-iframe {
  position: absolute; top: 0;  left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0;
}

.rsp_img{text-align: center;margin-top: 30px;}

.hid{display: none;}

@media screen and (max-width:966px) {
    .youtube_swiper_iframe { position: relative; overflow: hidden; width: 100%;height: auto;min-height:calc(100vw * 0.5);}
    .youtubeview {position: relative; overflow: hidden; width: 100%; padding-top: 56.25%;  }

    .youtubeview02{display: block;height:auto;}
    .youtubeview02 iframe{width: 100%;max-width:620px;min-height: 220px; height: calc(100vw / 2);  position: relative;left: 50%;transform: translateX(-50%);}


    .width_900 {	position: relative; overflow: hidden; width: 100%;  }
    .responsive-iframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: 0;  }
    .shots .video-container {padding-bottom: 76.25%;  }

    .pt001 { width:100%; max-width: 390px; font-size: 1.1rem; line-height: 35px; height: 35px;  }
    .box001 {width:100%; min-width: 100%;  padding: 28px 5px 5px 5px; line-height: 170%; margin-bottom: -12px;  }
    .box001 ul { min-width: 100%;	}
    .box001 li { margin: 3px;  }
    .box002,   .box003{  padding-left: 1px;  padding-right: 1px; padding: 3px 6px 3px 6px;	}
    .title_type_03 .txt {font-size: 1.2rem;  }
    .tex01{margin:9px 6px;}
}


@media (max-width:580px){
    .title_type_01 {font-size:1.6rem;padding-bottom: 0px;}
    .title_type_01:after {height: 9px; bottom: -9px;}
    .title_type_03 .tit,.title_type_03 .tit strong {font-size:1.5rem; margin-top: 16px; margin-bottom: 12px;}
    .box001 td{  min-width: 29px;}
    .shorts iframe{height: 270px;}
    .youtubeview {  height: auto;}
    .youtube_swiper { height: auto; margin: 0;}
    .title_type_03 .txt {font-size: 0.95rem;  }
    .title_type_01_01{font-size:0.95rem;letter-spacing:-0.05rem;}
    .tex01{margin:2px 0px;}
    .swiper1 img{width: 76%;}
    .swiper-button-next:after, .swiper-button-prev:after {font-size: 24px !important;}

}




.txt01 {
	font-size: 0.83rem;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 3.2rem;
    padding: 0;
    border-radius: 0 0 1rem 1rem;
    line-height: 3.2rem;
    background: rgba(26,26,26,0.8);
    text-align: center;
    color: #fff;
    font-size: 1.1rem;
    font-family: 'SCDream';
}
.indent{
  margin-left: 0rem;    width:100%;
}


	#quick {
	    z-index: 999;
	    position: fixed;
	    display: block;
	    top: 0;
	    height: 100%;
	    opacity: 1;
	    filter: alpha(opacity=100);
	    -ms-filter: alpha(opacity=100);
	    box-shadow: 0 0 30px 0 rgba(0,0,0,0.07);
	}

	#quick .quick_btn {
	    z-index: 1;
	    position: absolute;
	    top: 70%;
	    left: calc(100vw / 2 + 39.5rem);
	    font-size: 0;
	    background: #fff;
	    text-align: right;
	    box-shadow: 0 0 30px 0 rgba(0,0,0,0.09);
			border{solid 1px #eee}
	    -webkit-transform: translateY(-50%);
	    -khtml-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
			border-radius: 8px
	}

	#quick .quick_btn a {
	    margin: 17px;
	    display: block;
	}
	#quick .quick_btn span{
	    font-size: 1.6rem;
	}


	@media (max-width:1720px){
		#quick .quick_btn {left:calc(100vw - 87px); top: 85%; }
		#quick .quick_btn a {margin: 18px;}
		#quick .quick_btn span{font-size: 1.5rem;}
	}

	@media (max-width:840px){
		#quick .quick_btn {left:0 ; top: calc(100vh - 20px); width: 100vw; height: 4.6rem; box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.21); border-radius: 0px}
		#quick .quick_btn a {margin: 12px;}


    #quick .quick_btn ul{display: table;width: 96%;}
    #quick .quick_btn li{display: table-cell;}

    #quick .quick_btn span{font-size: 1.5rem;}
    #quick .quick_btn kakao{font-size: 1.9rem;}

	}

/********** CALENDAR 지표 **********/

.main_calendar {position:relative; margin-top:39px;margin-bottom:59px}
.main_calendar .inbox {position:relative; text-align:center;max-width: 1500px; width: 100%;margin: 0 auto;}

.main_calendar_list {display:flex; flex-wrap:wrap; box-shadow:20px 20px 30px 0 rgba(0,0,0,.1); background:#fff; border:1px solid #eaf0f6; padding-right:-3px;	 animation: fade-up 0.9s 0.8s both;}
.main_calendar_list li {width:16.666%; text-align: center;}
.main_calendar_list li a {display:block; width:100%; min-height:180px; height:auto; text-align:left; transition:0.2s;text-align: center;}
.main_calendar_list li a:hover {background:#eaf0f6}
.main_calendar_list li:nth-child(-n+5) {border-right:1px solid #eaf0f6;}

.main_calendar_list li span {font-size:24px; font-weight:500; font-family:'Gmarket Sans'; color:#000}
.main_calendar_list li h3 {font-size:16px; font-weight:300; color:#364a73; letter-spacing:-2px; margin-top:5px; line-height:125%}
.main_calendar_list li p {font-size:14px; margin-top:10px; color:#000}
.main_calendar_list li strong {font-size:42px; font-weight:700;font-family:'Gmarket Sans'; color:#3b66a7}
.main_calendar_list img{width:50px;margin-top:20px }
.main_calendar .btn_more1 {margin-top:60px}
.main_calendar .btn_more1:hover {background:#eaf0f6}

@media (max-width:920px){
	.main_calendar_list li h3 {font-size:14px; font-weight:200; }
	.main_calendar_list li p {font-size:12px; margin-top:10px; color:#000}
	.main_calendar_list li strong {font-size:36px; font-weight:750;}
}

@media (max-width:768px){
.main_calendar_list li {width:33%;}
.main_calendar_list li:nth-child(-n+3) {border-bottom:1px solid #eaf0f6;}
.main_calendar_list li:nth-child(3) {border-right:0}

.main_calendar{margin-bottom: 10px}
.main_calendar .btn_more1 {margin-top:40px}
}

@media (max-width:480px){
	.main_calendar {margin-top:0}
	.main_calendar_list li a{min-height: 128px}
	.main_calendar_list img {width: 38px;margin-top: 8px;}
	.main_calendar_list {margin-top:20px;}
	.main_calendar_list li span {font-size:15px;}
	.main_calendar_list li h3 {font-size:12px}
	.main_calendar_list li p {font-size:12px;}
	.main_calendar_list li strong {font-size:30px; font-weight:750;}

.main_calendar .btn_more1 {margin-top:30px}
}

  #footer {border-top:1px solid #e0e0e0; background:#292f36;}
  #footer .ftWrap{background:#fff; padding:1.0rem 0; overflow:hidden;}
  #footer .ftWrap li{position:relative; float:left; padding-right:calc(.75rem + 6px); margin-right:.75rem;}
  #footer .ftWrap li:before{content:""; position:absolute; right:0; top:.4rem; width:6px; height:6px; border-radius:50%; background:#e3e3e3;}
  #footer .ftWrap li a{display:block; color:#555; font-size:.75rem;}
  #footer .ftWrap li a.pt{color:#0a8f9c; font-weight: 600;}
  #footer .ftWrap li:last-child{padding-right:0; margin-right:0;}
  #footer .ftWrap li:last-child:before{display:none;}
  #footer .ftBox{position:relative; padding:2rem 15rem 2rem 0; overflow:hidden; color:#fff; letter-spacing: 0; font-weight: 200; font-size:.75rem;}
  #footer .ftBox .copyright{opacity: .6;font-size: 0.82rem; font-weight: 200; margin-top:.25rem;}
  #footer .footSns{position:absolute; right:0; top:2rem;}
  #footer .footSns button + button{margin-left:5px;}
  #footer .ftBox address{font-size: 0.8rem;font-weight:200;}

  /* sns 공통 */
.snsWrap button {position:relative; display:inline-block; width:2.5rem; height:2.5rem; border-radius:50%; border:1px solid #ddd; vertical-align: middle; text-align:center; font-size:1.15rem; color:#fff; transition: all .2s; -webkit-transition: all .2s; -ms-transition: all .2s;}
.snsWrap button i {position:relative; line-height:2.4rem; font-size:1.2rem;}
.snsWrap button.snsN{line-height:0.98; font-size:9px; font-weight: 400;}
.snsWrap button.snsN i{line-height:1.2; font-size:0.9rem; font-weight:200;display: block;}
.snsWrap button:hover,
.snsWrap button:focus{background:#fff; color:#01bc31;}
.snsWrap button.snsF:hover,
.snsWrap button.snsF:focus{color:#00498c;}
.snsWrap button.snsT:hover,
.snsWrap button.snsT:focus{color:#00c7de;}
.snsWrap button.snsY:hover,
.snsWrap button.snsY:focus{color:#c80026;} 


@media (max-width:640px){
  /* footer */
#footer .ftBox{padding:2rem 0.5rem;}
#footer .footSns{position:relative; right:auto; top:auto; margin-bottom:1rem;}
#footer .ftBox .copyright {margin-bottom: 3rem;}

}

@media (max-width:920px){
  .title_type_03 h3 br { display: none;}
  .txt br{display:none !important;}
  strong { display: contents;}

}


/**************top 버튼**************/
.title_btn{
    position: relative; 
    display: inline-block; 
    text-align: center; 
    padding:14px 68px 14px 30px; 
    background:  var(--point-color);

    font-size:1.5em;
    font-weight:700; 
    color:#fff;
    border-radius:30px; 
    transition:0.5s;
    margin-top: 16px;
    overflow: hidden;
    animation: blink-effect 1s step-end infinite;
    animation-duration: 1s;
}
.title_btn_2{
  position: relative;
  display: inline-block;
  padding: 6px 12px;
  background: #3ea6ff;
  font-size: 1.1em;
  font-weight: 600;
  color: #fff;
  border-radius: 10px;
  transition: 0.5s;
  margin: 4px;
  overflow: hidden;
}


.title_btn:after {
   position: absolute;
   content: '+';
   right: 5%;
   top: 50%;
   transform: translateY(-50%);
   line-height: 40px;
   width: 40px;
   height: 40px;
   background:#fff;
   color:var(--point-color);
   border-radius: 100%;
   transition: 0.5s;
}

.title_btn:before, .title_btn_2:before {
   position: absolute;
   content: '';
   display: inline-block;
   top: -180px;
   left: 0;
   width: 30px;
   height: 100%;
   background-color: #fff;
   animation: shiny-btn1 2.8s ease-in-out infinite;
}
.title_btn_2 span{
    font-size: 1.1rem;
    margin-right: 3px;
}
@-webkit-keyframes shiny-btn1 {
   0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
   50% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.1; }
   81% { -webkit-transform: scale(4) rotate(45deg); opacity: 0.2; }
   100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.title_btn:hover,.title_btn_2:hover{background:#2452a7 ;}
.title_btn:hover:after,.title_btn_2:hover:after{transform: translateY(-50%) rotate(180deg);}


@media (max-width:640px){
  .title_btn{  padding:8px 40px 8px 20px;font-size: 1.2em; }
  .title_btn_2{  padding:6px;font-size: 0.9em; }
  .title_btn_2 span{ font-size: 0.9em; }
  .title_btn:after,.title_btn_2:after { line-height: 20px; width: 20px;height: 20px;}

}