@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) {
    .support {width:1250px; margin:0 auto; margin-bottom:105px;}
    .support .spt_title {border-top:1px solid #c5c5c5; border-bottom:1px dashed #c5c5c5; padding:25px 45px;}
    .support .spt_title .spt_title_le {float:left; width:35%; margin-right:5%; height:314px; background-image:url(./img/support_img.png); background-repeat:no-repeat;}
    .support .spt_title .spt_title_ri {float:left; width:60%; padding-top:40px;}
    .support .spt_title .spt_title_ri .spt_Tit {font-size:23px; font-weight:700; line-height:1.87; letter-spacing:-0.46px;}
    .support .spt_title .spt_title_ri .spt_tit { font-size:19px; line-height:1.84; letter-spacing:-0.38px; margin-top:15px;}

    .support .spt_box {margin-top:95px;}
    .support .spt_box .spt_T {font-size:30px; color:#464646; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .support .spt_box .spt_T::before {content:''; display:inline-block; width:8px; height:36px; border-radius:4px; background-color:#926bb8; margin-right:6px; position:relative; top:10px;}
    .support .spt_box .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.5;}

    .support .spt_le {float:left; width:131px; margin-right:19px;}
    .support .spt_ri {float:left; width:calc(100% - 150px);}
    .support .spt_ri_T {font-size:23px; font-weight:700; line-height:1.48; letter-spacing:-0.46px; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .support .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.7;}
    
    .support .spt_txt_box {margin-top:15px;}
    .support .spt_txt_box ul {margin-top:10px;}
    .support .spt_txt_box li {float:left;}
    .support .spt_txt_box .spt_tb_T {font-weight:700; color:#fff; background-color:#926bb8; border-radius:9px; width:82px; margin-right:8px; text-align:center;}
    .support .spt_txt_box .spt_tb_ti {width:calc(100% - 90px);}

    .spt_box_02, .spt_box_03, .spt_box_04, .spt_box_05 {margin-top:50px;}

    .support .scroll {margin-top:40px;}

    .spt_box_03 .spt_ri, .spt_box_04 .spt_ri, .spt_box_05 .spt_ri {padding-top:35px;}

    .support .spt_txt {text-align:right; margin-top:45px;}
    .support .spt_txt .spt_txt_T {font-size: 23px; font-weight: 800; color:#926bb8; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .support .spt_txt .spt_txt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}

    .support .spt_box_06 {width:212px; margin:0 auto; border-radius:12px; text-align:center; background-color:#8b57bd; border:2px solid #8b57bd;}
    .support .spt_box_06 a {font-size:23px; font-weight:800; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; color:#fff; padding:15px 0; display:block;}
    .support .spt_box_06:hover {background-color:#fff;}
    .support .spt_box_06:hover a {color:#8b57bd;}


}

@media (max-width:1499px) and (min-width:1100px) {
    .support {width:96%; margin:0 auto; margin-bottom:105px;}
    .support .spt_title {border-top:1px solid #c5c5c5; border-bottom:1px dashed #c5c5c5; padding:25px 45px;}
    .support .spt_title .spt_title_le {float:left; width:35%; margin-right:5%; height:314px; background-image:url(./img/support_img.png); background-repeat:no-repeat; background-size:100% 100%;}
    .support .spt_title .spt_title_ri {float:left; width:60%; padding-top:40px;}
    .support .spt_title .spt_title_ri .spt_Tit {font-size:23px; font-weight:700; line-height:1.87; letter-spacing:-0.46px;}
    .support .spt_title .spt_title_ri .spt_tit { font-size:19px; line-height:1.84; letter-spacing:-0.38px; margin-top:15px;}

    .support .spt_box {margin-top:95px;}
    .support .spt_box .spt_T {font-size:30px; color:#464646; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .support .spt_box .spt_T::before {content:''; display:inline-block; width:8px; height:36px; border-radius:4px; background-color:#926bb8; margin-right:6px; position:relative; top:10px;}
    .support .spt_box .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.5;}

    .support .spt_le {float:left; width:131px; margin-right:19px;}
    .support .spt_ri {float:left; width:calc(100% - 150px);}
    .support .spt_ri_T {font-size:23px; font-weight:700; line-height:1.48; letter-spacing:-0.46px; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .support .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.7;}
    
    .support .spt_txt_box {margin-top:15px;}
    .support .spt_txt_box ul {margin-top:10px;}
    .support .spt_txt_box li {float:left;}
    .support .spt_txt_box .spt_tb_T {font-weight:700; color:#fff; background-color:#926bb8; border-radius:9px; width:82px; margin-right:8px; text-align:center;}
    .support .spt_txt_box .spt_tb_ti {width:calc(100% - 90px);}

    .spt_box_02, .spt_box_03, .spt_box_04, .spt_box_05 {margin-top:50px;}

    .support .scroll {margin-top:40px;}

    .spt_box_03 .spt_ri, .spt_box_04 .spt_ri, .spt_box_05 .spt_ri {padding-top:35px;}


    .support .spt_txt {text-align:right; margin-top:45px;}
    .support .spt_txt .spt_txt_T {font-size: 23px; font-weight: 800; color:#926bb8; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .support .spt_txt .spt_txt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}

    .support .spt_box_06 {width:212px; margin:0 auto; border-radius:12px; text-align:center; background-color:#8b57bd; border:2px solid #8b57bd;}
    .support .spt_box_06 a {font-size:23px; font-weight:800; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; color:#fff; padding:15px 0; display:block;}
    .support .spt_box_06:hover {background-color:#fff;}
    .support .spt_box_06:hover a {color:#8b57bd;}
}

@media (max-width:1099px) and (min-width:780px) {
    .support {width:96%; margin:0 auto; margin-bottom:105px;}
    .support .spt_title {border-top:1px solid #c5c5c5; border-bottom:1px dashed #c5c5c5; padding:25px 0;}
    .support .spt_title .spt_title_le {float:none; width:100%;  height:314px; background-image:url(./img/support_img.png); background-repeat:no-repeat; background-size:377px 100%; background-position:center center;}
    .support .spt_title .spt_title_ri {float:none; width:100%; padding-top:40px; text-align:center;}
    .support .spt_title .spt_title_ri .spt_Tit {font-size:20px; font-weight:700; line-height:1.87; letter-spacing:-0.46px;}
    .support .spt_title .spt_title_ri .spt_tit { font-size:18px; line-height:1.84; letter-spacing:-0.38px; margin-top:15px;}

    .support .spt_box {margin-top:95px;}
    .support .spt_box .spt_T {font-size:26px; color:#464646; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .support .spt_box .spt_T::before {content:''; display:inline-block; width:8px; height:36px; border-radius:4px; background-color:#926bb8; margin-right:6px; position:relative; top:10px;}
    .support .spt_box .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.5;}

    .support .spt_le {float:left; width:131px; margin-right:19px;}
    .support .spt_ri {float:left; width:calc(100% - 150px);}
    .support .spt_ri_T {font-size:22px; font-weight:700; line-height:1.48; letter-spacing:-0.46px; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .support .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.7;}
    
    .support .spt_txt_box {margin-top:15px;}
    .support .spt_txt_box ul {margin-top:10px;}
    .support .spt_txt_box li {float:left;}
    .support .spt_txt_box .spt_tb_T {font-weight:700; color:#fff; background-color:#926bb8; border-radius:9px; width:82px; margin-right:8px; text-align:center;}
    .support .spt_txt_box .spt_tb_ti {width:calc(100% - 90px);}

    .spt_box_02, .spt_box_03, .spt_box_04, .spt_box_05 {margin-top:50px;}

    .support .scroll {margin-top:40px;}

    .spt_box_03 .spt_ri, .spt_box_04 .spt_ri, .spt_box_05 .spt_ri {padding-top:35px;}

    .support .spt_txt {text-align:right; margin-top:45px;}
    .support .spt_txt .spt_txt_T {font-size: 18px; font-weight: 800; color:#926bb8; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .support .spt_txt .spt_txt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}

    .support .spt_box_06 {width:212px; margin:0 auto; border-radius:12px; text-align:center; background-color:#8b57bd; border:2px solid #8b57bd;}
    .support .spt_box_06 a {font-size:20px; font-weight:800; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; color:#fff; padding:15px 0; display:block;}
    .support .spt_box_06:hover {background-color:#fff;}
    .support .spt_box_06:hover a {color:#8b57bd;}
    
}

@media (max-width:779px) {
    .support {width:96%; margin:0 auto; margin-bottom:105px;}
    .support .spt_title {border-top:1px solid #c5c5c5; border-bottom:1px dashed #c5c5c5; padding:25px 0;}
    .support .spt_title .spt_title_le {float:none; width:100%;  height:314px; background-image:url(./img/support_img.png); background-repeat:no-repeat; background-size:320px 100%; background-position:center center;}
    .support .spt_title .spt_title_ri {float:none; width:100%; padding-top:40px; text-align:center;}
    .support .spt_title .spt_title_ri .spt_Tit {font-size:18px; font-weight:700; line-height:1.87; letter-spacing:-0.46px;}
    .support .spt_title .spt_title_ri .spt_tit { font-size:16px; line-height:1.84; letter-spacing:-0.38px; margin-top:15px;}

    .support .spt_box {margin-top:95px;}
    .support .spt_box .spt_T {font-size:22px; color:#464646; letter-spacing:-0.59px; font-family: 'GyeonggiTitleM';}
    .support .spt_box .spt_T::before {content:''; display:inline-block; width:8px; height:36px; border-radius:4px; background-color:#926bb8; margin-right:6px; position:relative; top:10px;}
    .support .spt_box .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.5;}

    .support .spt_le {float:left; width:75px; margin-right:15px;}
    .support .spt_le img {width:100%;}
    .support .spt_ri {float:left; width:calc(100% - 90px);}
    .support .spt_ri_T {font-size:20px; font-weight:700; line-height:1.48; letter-spacing:-0.46px; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .support .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.7;}
    
    .support .spt_txt_box {margin-top:15px;}
    .support .spt_txt_box ul {margin-top:10px;}
    .support .spt_txt_box li {float:left;}
    .support .spt_txt_box .spt_tb_T {font-weight:700; color:#fff; background-color:#926bb8; border-radius:9px; width:82px; margin-right:8px; text-align:center;}
    .support .spt_txt_box .spt_tb_ti {width:calc(100% - 90px);}

    .spt_box_02, .spt_box_03, .spt_box_04, .spt_box_05 {margin-top:50px;}

    .support .scroll {margin-top:40px; overflow-x:scroll;}
    .support .scroll table {width:1000px;}

    .spt_box_03 .spt_ri, .spt_box_04 .spt_ri, .spt_box_05 .spt_ri {padding-top:10px;}

    .support .spt_txt {text-align:right; margin-top:45px;}
    .support .spt_txt .spt_txt_T {font-size: 18px; font-weight: 800; color:#926bb8; font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}
    .support .spt_txt .spt_txt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif;}

    .support .spt_box_06 {width:212px; margin:0 auto; border-radius:12px; text-align:center; background-color:#8b57bd; border:2px solid #8b57bd;}
    .support .spt_box_06 a {font-size:18px; font-weight:800; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; color:#fff; padding:15px 0; display:block;}
    .support .spt_box_06:hover {background-color:#fff;}
    .support .spt_box_06:hover a {color:#8b57bd;}
}

/* 추가 */
@media (max-width:500px) {
    .support .spt_le {float:none; width:75px; margin:0 auto;}
    .support .spt_le img {width:100%;}
    .support .spt_ri {float:none; width:100%;}
    .support .spt_ri_T {font-size:20px; font-weight:700; line-height:1.48; letter-spacing:-0.46px; font-family: 나눔스퀘어, 'NanumSquare', sans-serif; text-align:center;}
    .support .spt_ti {font-family: 나눔스퀘어, 'NanumSquare', sans-serif; line-height:1.7; text-align:center;}

    .spt_box_01 .spt_ri, .spt_box_02 .spt_ri, .spt_box_03 .spt_ri, .spt_box_04 .spt_ri, .spt_box_05 .spt_ri {padding-top:10px;}
}