/*Content CSS*/
/* 공통 */
.text-center {text-align:center;}
.sub_con_wrap {width:100%;}
.sub_con {width:1280px; margin:0 auto;}

/* con */
.guide1 {padding-top:80px;}
.guide1 h1 {font-size:36px; font-weight: 400; color:#1a1a1a; font-family: 'NanumSquare',sans-serif;	line-height: 60px;}
.guide1 h1 > span {font-size:400; font-size:40px;}
.guide1 h1 > span span {font-weight:600; color:#019b92;}


.guide_con {width:100%; position: relative; height:900px; background: url('../img/guide_bg.png') 50% 50% no-repeat; margin-top:-20px;}
.guide_con ul {width:1280px; margin:0 auto; position: relative; height:700px;}
.guide_con ul li {color:#fff; width:292px; height:292px; border-radius: 100%; display: flex; align-items: center; justify-content: center;
background: #00ccff; flex-direction: column; text-align: left; position: absolute;}
.guide_con ul li h2 {display: flex; justify-content: center; align-items: flex-end;}
.guide_con ul li h2 b  {font-size:80px; font-weight: 500; height:95px;}
.guide_con ul li h2 span {font-size:32px; font-family: 'NanumSquare',sans-serif; display: block; margin-left:15px;}
.guide_con ul li  p {font-size:16px; font-weight: 300; line-height: 26px; letter-spacing: -.5px; margin-top:20px;}

.guide_con ul li:nth-child(1) {bottom:5px; left:60px;}
.guide_con ul li:nth-child(2) {background: #008aff; left:395px; bottom:170px;}
.guide_con ul li:nth-child(3) {background: #1c54fd; bottom:-5px; right:270px;}
.guide_con ul li:nth-child(4) {background: #0033cc; bottom:160px; right:-65px;}









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

}