@charset "utf-8";

/* 내용관리 */
#ctt {/*margin:10px 0;padding:10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9*/}
.ctt_admin {margin:0 5px;text-align:right; display:none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:0px 0; width:100%; min-width:830px;}
#ctt_con h1{margin:20px 0 20px 0; font-size:140%; font-weight:900;}
.ctt_img {text-align:center}




			.wrap_biz1 .subtitle-ment {
                padding: 10px 0 30px 0;
                color: #777;
            }

            .wrap_biz1 .title_group h3.page_title {
                font-size: 200%;
                border-bottom: 1px solid #ddd;
                padding-top: 0;
                padding-bottom: 10px;

                font-weight: 900;
                text-align: left;
            }
			.wrap_biz1 .title_group .title_ment {
				display:block;
                color:#777;
                padding:15px 0 30px 0;
            }



.titlegroup{padding:0px; position:relative; clear:both; position:relative;}
.titlegroup span.title{float:none; display:block; color:#555; letter-spacing:0px !important; padding:30px 0; text-align:left; }
.titlegroup span.title b{
    font-size: 140%;
    font-weight: 400;
    font-family: 'GmarketSansBold' !important;
    padding: 20px 0;
    text-align: left;
}
.titlegroup span.title b:after{
    /*
    content: '';
    display: block;
    margin-bottom: 10px;
    width: 100%;
    border-top: 4px solid #66c1f9;
    */
    }


.titlegroup span.title em{
display: block;
    margin-top: 10px;
    font-weight: 100;
    font-size: 15px;
    color: #999;
}
.kids00 h4{
	font-family: 'Nanum Myeongjo', serif;
    font-weight: 700;
    font-size: 29px;
    color: #282828;
    margin-bottom: 40px;
    line-height: 1.3;
    letter-spacing: -1px;
}

.kids00 h4 span {
    color: #66c1f9;
    padding-right:5px;
}


.kids04 h4{
	font-family: 'Nanum Myeongjo', serif;
    font-weight: 700;
    font-size: 25px;
    color: #282828;
    margin-bottom: 40px;
    line-height: 1.3;
    letter-spacing: -1px;
}

.kids04 h4 span {
    color: #66c1f9;
}


@media(max-width:1200px){
.kids04 h4{
	padding-top:20px;
}
}
 
.text_box{clear:both;overflow:hidden; padding-bottom:80px !important;}


.text_box img{float:left; width:50%; margin-right:50px; margin-bottom:50px; border:1px solid #ddd;}
.text_box img.left{float:left; margin:0; margin-right:30px;}
.text_box img.right{float:right; margin:0; margin-left:30px;}


@media(max-width:768px){
.text_box img.left{float:none; width:100%; margin-left:0px; margin-right:0px; margin-bottom:10px;}
    .text_box img.right{float:none; width:100%; margin-left:0px; margin-right:0px; margin-bottom:10px;}
}



.step4work{padding:30px 0 120px; text-align:center;}
.step4work li{width:19% !important; display:inline-block; padding-bottom:0px; margin-bottom:0px; margin:0px 15px;}

.step4work li p.step_icon{border-bottom:1px dashed #dbdbdb; margin-bottom:15px; color:#fff; }

@media(max-width:1200px){
.step4work li{display:inline-block; width:45% !important; margin:0 5px;}
.step4work li p.step_icon span.icon img{}
}

@media(max-width:600px){
.step4work li{width:100% !important;}
}



.step4work li p.step_icon ion-icon{font-size:300%; margin-bottom:-15px;}
.step4work li p.step_icon span.icon{width:200px; height:200px; line-height:114px; text-align:center; display:block; border-radius:20%; background:#f60; margin:0 auto; position:relative; }
.step4work li p.step_icon span.icon i{font-size:210%;}
.step4work li p.step_icon span.icon img{    display: block;
    position: absolute;
    top: 50%;
    right: -3px;
    margin-top: -65px;
border:0;
}
.step4work li p.step_icon span.title{text-align:center; font-weight:900; font-size:160%; padding:20px 0; display:block; color:#333; height:auto;}
.step4work li p.step_text{
font-size: 95%;
    min-height: 100px;
    clear: both;
    text-align: left;
    display: block;
}


.step4work li:nth-child(1) p.step_icon span.icon {background:#66c1f9 ;}
.step4work li:nth-child(2) p.step_icon span.icon {background:#66c1f9 ;}
.step4work li:nth-child(3) p.step_icon span.icon {background:#66c1f9 ;}
.step4work li:nth-child(4) p.step_icon span.icon {background:#66c1f9 ;}
.step4work li:nth-child(5) p.step_icon span.icon {background:#66c1f9 ;}











            @media(max-width:1200px) {}

            @media(max-width:992px) {}

            @media(max-width:768px) {}

            @media(max-width:480px) {}