/* 인사말 */
.grtWrap {position:relative; width:100%; height:auto; overflow:hidden; margin-top:2.5rem;}
.grtWrap .grt_img {position:relative; float:left; top:0;}
.grtWrap .grt_txt {position:relative; width:calc(100% - 300px); float:left; font-size:0.85rem; line-height:1.6; margin-left:2rem;}
.grtWrap .grt_txt .grt_tit {position:relative; padding-top:1rem; line-height:1.4; font-weight:400;}
.grtWrap .grt_txt .grt_tit .txt1 {position:relative;color: #333;font-size: 1.2rem;}
.grtWrap .grt_txt .grt_tit .txt1:before {content:""; display:block; clear:both; position:absolute; left:0; top:50%; width:100%; height:2px; margin-top:-5px; background: #0085d8;}
.grtWrap .grt_txt .grt_tit .txt1 span {position:relative; display:inline-block; padding-right:1rem; background:#fff;}
.grtWrap .grt_txt .grt_tit .txt2 {margin-top:0.25rem; color:#333; font-size: 1.2rem;}
.grtWrap .grt_txt .grt_tit .txt2 span {font-weight:700; color:#0085d8; box-shadow:inset rgb(55 123 223 / 20%) 0 -13px 0;}
.grtWrap .grt_txt p {color:#333; font-weight:300;}

/* 0104_유치원상징 */
.symbol_list{display: table; width: calc(100% + 3rem); border-spacing: 1.5rem; table-layout: fixed; transform: translateX(-1.5rem); -webkit-transform: translateX(-1.5rem);}
.symbol_list li{display: table-cell; position: relative; padding-bottom: 1.5rem; }
.symbol_list li::before{width: 100%; height: calc(100% - 4.5rem); border: 2px dashed #ccc; position: absolute; bottom: 0; left: 0; content: '';}
.symbol_list li:first-child{margin-left: 0;}
.symbol_list li .img{position: relative; width: 7.5rem; height: 7.5rem; margin: 0 auto 0.75rem; z-index: 2; text-align: center;}
.symbol_list li .img span{display: block; width: 100%; height:100%; border-radius: 50%; position: relative; overflow: hidden;}
.symbol_list li .img img{width: 100%; max-width: 100%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.symbol_list li h3{font-size: 1rem; color: #ed727d; line-height: 1.75rem; text-align: center; margin-bottom: 0.5rem; padding: 0 0.5rem;}
.symbol_list li h3 em{display: inline-block; background: #ed727d; width: 4.1rem; margin-right: 0.75rem; color: #fff; font-size: 0.9rem; border-radius: 75rem;}
.symbol_list li .txt{font-weight: 200; line-height: 1.8; padding: 0 2rem; word-break: keep-all; text-align: center;}
.song_control{ position: absolute; top: -1rem; right: 1.5rem; z-index: 3; font-size: 0; line-height: 0;} 
.song_control a{display: inline-block; line-height: 2.5rem; padding: 0 2rem; color: #fff; text-align: center; font-size: 0.8rem;} 
.song_control a:hover{text-decoration: underline;}
.song_control a.btn_play{border-radius: 0 1rem; background: #5074cf; }
.song_control a.btn_expand{border-radius: 1rem 0; background: #324e96; }
.song_control a i{margin-left: 0.5rem;}
/* 유치원상징:color */
.symbol_list li.list2 .img::before{background-color: #5c90ff;}
.symbol_list li.list3 .img::before{background-color: #11c5ee;}
.symbol_list li.list2 h3{color: #5c90ff;}
.symbol_list li.list3 h3{color: #11c5ee;}
.symbol_list li.list2 h3 em{background: #5c90ff;}
.symbol_list li.list3 h3 em{background: #11c5ee;}

@media (max-width:1240px) {
    
    /* 인사말 */
    .grtWrap .grt_txt .grt_tit .txt1 {font-size:1.1rem;}
	.grtWrap .grt_txt .grt_tit .txt2 {font-size:1.1rem;}
	
	
}



@media (max-width:800px) {

	/* 인사말 */
	.grtWrap {margin-top: 0;margin-bottom: 1rem;}
	.grtWrap .grt_img {max-width: 100%; left: 50%; transform:translateX(-50%);}
	.grtWrap .grt_img img {width:100%;}
	.grtWrap .grt_txt {margin-left:0; width:100%; text-align:center; margin-top:1rem;}
	.grtWrap .grt_txt .grt_tit .txt1:before {display:none;}

	
	/* 0104_유치원상징 */
    .symbol_list{width: calc(100% + 2rem); border-spacing: 1rem; transform: translateX(-1rem); -webkit-transform: translateX(-1rem);}
    .symbol_list li{padding-bottom: 1rem;}
    .symbol_list li .img{width: 6.5rem; height: 6.5rem;}
    .symbol_list li .txt{padding: 0 1rem;}
	
}

@media (max-width:680px) {
    
    /* 인사말 */
	.grtWrap .grt_txt {text-align:center;}
	.grtWrap .grt_txt p > br {display:none;}
	.grtWrap .grt_txt .grt_tit .txt1 span {padding-right: 0;}
    .grtWrap .grt_img {max-width:100%;}


	 /* 0104_유치원상징 */
    .symbol_list{width: 100%; border-spacing: none; transform: none; -webkit-transform: none; display: block;}
    .symbol_list li{display: block; padding: 2rem 1rem 2.5rem 8.5rem; margin-bottom: 1rem;}
    .symbol_list li::before{height: 100%;}
    .symbol_list li h3{text-align: left; padding: 0;}
    .symbol_list li h3 em{text-align: center;}
    .symbol_list li .img{position: absolute; left: 1rem; top: calc(50% - 3.25rem);}
    .symbol_list li .txt{padding: 0; text-align: left;}	
}



@media (max-width:380px) {
    
    /* 인사말 */
	.grtWrap .grt_txt {text-align:center;}
    .grtWrap .grt_img {max-width:100%;}
	
	/* 0104_유치원상징 */
	.symbol_list li{padding: 1rem;}
    .symbol_list li .img{position: relative; left: 0;}
    .song_control a{padding: 0 1rem;}
	
}