@charset "utf-8";

/* 내용관리 */
#ctt {margin:0px auto;padding:120px 0;background:#fff; max-width: 1300px; margin-top: 149px;}
.ctt_admin {text-align:right; display: none;}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;line-height:1.6em; }
#ctt_con p{font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif' !important; letter-spacing: -0.5px; line-height: 1.5;}
#ctt_con img{max-width:100%;height:auto}
#ctt_con .boxStyle{border-color: #ffd200 rgb(230,230,230) rgb(230,230,230)!important; padding: 40px 40px !important;}
#ctt_con .boxStyle p{font-size: 1.125em !important; }
#ctt_con .point{color:#000 !important; display: block;}
.ctt_img {text-align:center}
.txtTit3{color: #000 !important; font-weight: 600 !important; margin-bottom: 20px !important; margin-top: 60px !important;
font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif' !important; letter-spacing: -0.5px; font-size: 20px !important;
margin-left: 40px !important;}
.indentlst{margin-left: 40px !important;}
.indentlst li{font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif' !important; letter-spacing: -0.5px; font-size: 16px !important; line-height: 1.5; color: #000;}
.grayBox{margin: 40px 0 0 !important; padding: 30px 40px !important; font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif' !important; letter-spacing: -0.5px; line-height: 1.5; color: #000;}
.grayBox h5{font-size: 16px !important;}
.grayBox ul li{font-size: 14px !important; padding: 0 !important;}





@media (max-width:1500px){
    #ctt{margin-top: 140px; padding: 120px 7%;}
}

@media (max-width:1280px){
    #ctt{margin-top: 140px; padding: 100px 7%;}
    #ctt_con p{font-size: 17px !important;}
    #ctt_con .point{font-size: 24px !important;}
    #ctt_con .boxStyle p{font-size: 16px !important;}
    .txtTit3{font-size: 19px !important;}
    .indentlst li{font-size: 15px !important;}
}

@media (max-width:1024px){
    #ctt{margin-top: 121px; padding: 90px 7%;}
    #ctt_con p{font-size: 16px !important;}
    #ctt_con .point{font-size: 22px !important;}
    #ctt_con .boxStyle{padding: 35px 35px !important;}
    #ctt_con .boxStyle p{font-size: 15px !important;}
    .txtTit3{font-size: 18px !important; margin-left: 35px !important; }
    .indentlst{margin-left: 35px !important; }
    .indentlst li{font-size: 14.5px !important; margin-top: 5px !important;}
    .grayBox h5{font-size: 15px !important;}
    .grayBox ul{margin-top: 10px !important;}
    .grayBox ul li{font-size: 13px !important; }
    .grayBox{padding: 30px 35px !important;}
}

@media (max-width:960px){
    #ctt{margin-top: 113px;}
    .indentlst li:first-child{width: 427px;}
    #ctt_con .point{font-size: 21px !important;}
    #ctt_con .boxStyle p{}
}

@media (max-width:768px){
    #ctt{margin-top: 0px; padding: 100px 7%;}
    #ctt_con p{font-size: 17px !important;}
    .txtTit3{line-height: 1.5; font-size: 17px !important; margin-bottom: 14px !important; margin-top: 50px !important;}
    .indentlst li{font-size: 14px !important; margin-top: 5px !important;}
    .indentlst li:first-child{width: auto;}
    .grayBox{margin-top: 30px !important; padding: 25px 35px !important;}
}

@media (max-width:600px){
    #ctt{margin-top: 0px; padding: 90px 7%;}
    #ctt_con p{font-size: 16px !important;}
}

@media (max-width:480px){
    #ctt{margin-top: 0px; padding: 80px 7%;}
    #ctt_con .boxStyle{padding: 30px 30px !important;}
    .txtTit3{margin-left: 30px !important;}
    .grayBox{padding: 20px 30px !important;}
}

@media (max-width:400px){
    #ctt{margin-top: 0px; padding: 70px 7%;}
}

@media (max-width:320px){
    #ctt{margin-top: 0px; padding: 50px 7%;}
    #ctt_con p{font-size: 14px !important;}
}