@charset "utf-8";

/* 경기천년제목 */
@font-face {
    font-family: 'GyeonggiTitleM';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/GyeonggiTitleM.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* 나눔고딕 */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
/* 나눔스퀘어 */
@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

.mT25 {margin-top:25px;}
.mT35 {margin-top:35px;}
.mT40 {margin-top:40px;}
.mT60 {margin-top:60px;}
.mT80 {margin-top:80px;}
.mT100 {margin-top:100px;}

@media (min-width:1500px) {
    .ci {width:1250px; margin:0 auto; margin-bottom:140px; border:1px solid #dfdfdf; border-radius:20px; position:relative; padding:0 40px; background-image:url(./img/logo_bg.png); background-repeat:no-repeat; background-position:102% -3%;}
    .ci .ci_T {font-family:'Nanum Gothic', sans-serif; font-weight:700; line-height:1.8;}
    .ci .ci_ti {font-family:'Nanum Gothic', sans-serif; line-height:1.8;}

    .ci .ci_txt {background-image:url(./img/title_point.jpg); background-repeat:no-repeat; position:absolute; left:50%; top:-35px; width:201px; transform:translateX(-50%);}
    .ci .ci_txt .ci_Tit {font-size:30px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM'; text-align:center; padding-top:5px;}
    .ci .ci_box_01 {text-align:center; margin-top:50px;}
    .ci .ci_box_01 .ci_logo_img {margin-bottom:20px;}
    .ci .ci_box_01 .ci_color_box {margin-top:25px;}
    .ci .ci_box_01 .ci_color_box .ci_color {display:inline-block; width:33px; height:33px; border-radius:50%;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb01 {background-color:#063290;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb02 {background-color:#2280cc;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb03 {background-color:#65caf2;}

    .ci .ci_box_02 {margin-top:60px; background-color:#f3fbff; border-radius:13px; padding:0 60px;}
    .ci .ci_box_02 .ci_b2_txt {border-bottom:1px dashed #c9c9c9; padding:25px 0; text-align:center;}
    .ci .ci_box_02 .ci_b2_txt:last-child {border-bottom:0;}

    .ci .ci_box_03 {width:237px; margin:45px auto 66px; border-radius:14px; border:2px solid #436690; text-align:center; background-color:#436690;}
    .ci .ci_box_03 a {display:block; width:100%; padding:11px 0; color:#fff; font-family:'Nanum Gothic', sans-serif; font-weight:700; line-height:1.95;}
    .ci .ci_box_03:hover {background-color:#fff; transition:all 0.3s;}
    .ci .ci_box_03:hover a {color:#436690; transition:all 0.3s;} 

}

@media (max-width:1499px) and (min-width:1100px) {
    .ci {width:96%; margin:0 auto; margin-bottom:140px; border:1px solid #dfdfdf; border-radius:20px; position:relative; padding:0 40px; background-image:url(./img/logo_bg.png); background-repeat:no-repeat; background-position:102% -3%;}
    .ci .ci_T {font-family:'Nanum Gothic', sans-serif; font-weight:700; line-height:1.8;}
    .ci .ci_ti {font-family:'Nanum Gothic', sans-serif; line-height:1.8;}

    .ci .ci_txt {background-image:url(./img/title_point.jpg); background-repeat:no-repeat; position:absolute; left:50%; top:-35px; width:201px; transform:translateX(-50%);}
    .ci .ci_txt .ci_Tit {font-size:30px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM'; text-align:center; padding-top:5px;}
    .ci .ci_box_01 {text-align:center; margin-top:50px;}
    .ci .ci_box_01 .ci_logo_img {margin-bottom:20px;}
    .ci .ci_box_01 .ci_color_box {margin-top:25px;}
    .ci .ci_box_01 .ci_color_box .ci_color {display:inline-block; width:33px; height:33px; border-radius:50%;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb01 {background-color:#063290;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb02 {background-color:#2280cc;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb03 {background-color:#65caf2;}

    .ci .ci_box_02 {margin-top:60px; background-color:#f3fbff; border-radius:13px; padding:0 60px;}
    .ci .ci_box_02 .ci_b2_txt {border-bottom:1px dashed #c9c9c9; padding:25px 0; text-align:center;}
    .ci .ci_box_02 .ci_b2_txt:last-child {border-bottom:0;}

    .ci .ci_box_03 {width:237px; margin:45px auto 66px; border-radius:14px; border:2px solid #436690; text-align:center; background-color:#436690;}
    .ci .ci_box_03 a {display:block; width:100%; padding:11px 0; color:#fff; font-family:'Nanum Gothic', sans-serif; font-weight:700; line-height:1.95;}
    .ci .ci_box_03:hover {background-color:#fff; transition:all 0.3s;}
    .ci .ci_box_03:hover a {color:#436690; transition:all 0.3s;} 
}

@media (max-width:1099px) and (min-width:780px) {
    .ci {width:96%; margin:0 auto; margin-bottom:140px; border:1px solid #dfdfdf; border-radius:20px; position:relative; padding:0 40px; background-image:none; background-repeat:no-repeat; background-position:102% -3%;}
    .ci .ci_T {font-family:'Nanum Gothic', sans-serif; font-weight:700; line-height:1.8;}
    .ci .ci_ti {font-family:'Nanum Gothic', sans-serif; line-height:1.8;}

    .ci .ci_txt {background-image:url(./img/title_point.jpg); background-repeat:no-repeat; position:absolute; left:50%; top:-35px; width:201px; transform:translateX(-50%);}
    .ci .ci_txt .ci_Tit {font-size:26px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM'; text-align:center; padding-top:5px;}
    .ci .ci_box_01 {text-align:center; margin-top:50px;}
    .ci .ci_box_01 .ci_logo_img {margin-bottom:20px;}
    .ci .ci_box_01 .ci_color_box {margin-top:25px;}
    .ci .ci_box_01 .ci_color_box .ci_color {display:inline-block; width:33px; height:33px; border-radius:50%;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb01 {background-color:#063290;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb02 {background-color:#2280cc;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb03 {background-color:#65caf2;}

    .ci .ci_box_02 {margin-top:60px; background-color:#f3fbff; border-radius:13px; padding:0 60px;}
    .ci .ci_box_02 .ci_b2_txt {border-bottom:1px dashed #c9c9c9; padding:25px 0; text-align:center;}
    .ci .ci_box_02 .ci_b2_txt:last-child {border-bottom:0;}

    .ci .ci_box_03 {width:237px; margin:45px auto 66px; border-radius:14px; border:2px solid #436690; text-align:center; background-color:#436690;}
    .ci .ci_box_03 a {display:block; width:100%; padding:11px 0; color:#fff; font-family:'Nanum Gothic', sans-serif; font-weight:700; line-height:1.95;}
    .ci .ci_box_03:hover {background-color:#fff; transition:all 0.3s;}
    .ci .ci_box_03:hover a {color:#436690; transition:all 0.3s;} 
}

@media (max-width:779px) {
    .ci {width:96%; margin:0 auto; margin-bottom:140px; border:1px solid #dfdfdf; border-radius:20px; position:relative; padding:0 20px; background-image:none; background-repeat:no-repeat; background-position:102% -3%;}
    .ci .ci_T {font-family:'Nanum Gothic', sans-serif; font-weight:700; line-height:1.8;}
    .ci .ci_ti {font-family:'Nanum Gothic', sans-serif; line-height:1.8;}

    .ci .ci_txt {background-image:url(./img/title_point.jpg); background-repeat:no-repeat; position:absolute; left:50%; top:-35px; width:201px; transform:translateX(-50%);}
    .ci .ci_txt .ci_Tit {font-size:22px; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM'; text-align:center; padding-top:5px;}
    .ci .ci_box_01 {text-align:center; margin-top:50px;}
    .ci .ci_box_01 .ci_logo_img {margin-bottom:20px;}
    .ci .ci_box_01 .ci_color_box {margin-top:25px;}
    .ci .ci_box_01 .ci_color_box .ci_color {display:inline-block; width:33px; height:33px; border-radius:50%;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb01 {background-color:#063290;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb02 {background-color:#2280cc;}
    .ci .ci_box_01 .ci_color_box .ci_color.ci_cb03 {background-color:#65caf2;}

    .ci .ci_box_02 {margin-top:60px; background-color:#f3fbff; border-radius:13px; padding:0 30px;}
    .ci .ci_box_02 .ci_b2_txt {border-bottom:1px dashed #c9c9c9; padding:25px 0; text-align:center;}
    .ci .ci_box_02 .ci_b2_txt:last-child {border-bottom:0;}

    .ci .ci_box_03 {width:237px; margin:45px auto 66px; border-radius:14px; border:2px solid #436690; text-align:center; background-color:#436690;}
    .ci .ci_box_03 a {display:block; width:100%; padding:11px 0; color:#fff; font-family:'Nanum Gothic', sans-serif; font-weight:700; line-height:1.95;}
    .ci .ci_box_03:hover {background-color:#fff; transition:all 0.3s;}
    .ci .ci_box_03:hover a {color:#436690; transition:all 0.3s;} 
}

/* 추가 */
@media (max-width:500px) {
    .ci .ci_box_01 .ci_logo_img {margin-bottom:20px; width:80%; margin:0 auto;}
    .ci .ci_box_01 .ci_logo_img img {width:100%;}
}