@charset "utf-8";
/* css setting start */

/***** services-common *****/
/* #services{padding-top: 2rem;} */
/* .cont-wr{padding-top:0rem;} */

/* iconCont */
.iconCont{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap:3rem;}
.iconCont .cont{
    border: 1px solid #cccccc;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.iconCont .cont a{padding: 4.5rem 5rem;width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.iconCont .btn-link{}
.iconCont .btn-link::after{right: 3rem;color: #555;}
.iconCont .cont .iconBox{
    width: 97px;
    height: 97px;
    border-radius: 50%;
    background: #f5f5f5;
}

.iconCont .cont .textBox{ width: calc(100% - 97px - 15%);}
.iconCont .cont h6{
    font-size: 2.4rem;
    color: #000;
    font-weight: 700;
    padding-bottom: 1.5rem;
    line-height: 1em;
}
.iconCont .cont p{
    font-size:1.6rem;
    color:#666;
    font-weight: 500;
    line-height: 1.8em;
}

.iconCont .cont.global .iconBox{background-image: url(/images/sub/sub02/sub02_0301.png) ;}
.iconCont .cont.product .iconBox{background-image: url(/images/sub/sub02/sub02_0302.png) ;}
.iconCont .cont:hover{border-color: #0f3fa0;border-radius: 0 20px 0 20px;  box-shadow: 3.709px 5.936px 17.64px 0.36px rgba(13, 14, 16, 0.08);}
.iconCont .cont:hover .iconBox{background-color:#0f3fa0;}
.iconCont .cont.global:hover .iconBox{background-image: url(/images/sub/sub02/sub02_0301_hover.png) ;}
.iconCont .cont.product:hover .iconBox{background-image: url(/images/sub/sub02/sub02_0302_hover.png) ;}
.iconCont .cont:hover h6{color:#000;}
.iconCont .cont:hover .btn-link::before{opacity:1; background-color:#0f3fa0; right:3.3rem;}
.iconCont .cont:hover .btn-link::after{color:#0f3fa0;}


/* 서브 타이틀 + 설명부분 */
.sub_ex{display:flex;flex-wrap: wrap;}
.sub_ex::before{content:'';width: 100%;height: 60px;position: absolute;left: 0;top: -15px;background-color: #f6f6f6;border-radius: 10px 10px 0 0;}
.sub_ex .iconBox{width: 16rem;height: 17.5rem; border-radius:1rem 0px 4rem 2rem;background-color: #f6f6f6;background-image: url(/images/sub/sub02/sub0201_01.png);background-position: center;background-repeat: no-repeat;margin-top: -15px;z-index: 1;}
.sub_ex .textBox{padding: 4rem 3.5rem;background-color: #fff;border-radius: 4rem 1rem 0px 0px;width: calc(100% - 16rem);position:relative;/* margin-top: 15px; */}
.sub_ex .textBox::before{content:'';width: 15px;height: 100%;position: absolute;bottom: 0px;right:0;background-color: #f6f6f6;}
.sub_ex .textBox::after{content:'';width: 100%;height: 15px;position: absolute; bottom:-15px;right:0;background-color: #f6f6f6;border-radius: 7px 0 0 7px;}
.sub_ex .textBox h4{font-size: 2.4rem; color:#333333; padding-bottom: 2rem;}
.sub_ex .textBox p{font-size: 1.6rem;line-height: 1.8em; color:#666;width: 90%;}


/* 컨텐츠 스타일_01 */
.con-st01{}
.con-st01 ul{display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3rem;}
.con-st01 li{
    text-align: center;
    border: 1px solid #ccc;
    padding: 5rem 3rem 6rem;
}
.con-st01 h6{font-size: 1.6rem; color:#333;padding-bottom: 3.5rem;}
.con-st01 .iconBox{
    position: relative;
    display: inline-flex;
}
.con-st01 .iconBox::before{content:'';position: absolute;width: 120%;height: 120%;top: calc(-10% - 2px);left: calc(-10% - 2px);border-radius: 50%;border: 2px dashed #dddce0;}
.con-st01 .iconBox img{
    background-color: #f8f8f8;
    border-radius: 50%;
    display: block;
    margin: 0 auto;
}
.con-st01 .textBox{
    padding-top: 3.5rem;
}
.con-st01 .textBox h4{font-size:2rem; color:#000;padding-bottom: 2rem;}
.con-st01 .textBox p{font-size:15px;line-height: 1.75em;}


/* 컨텐츠 스타일_02 */
.con-st02 {display:grid;grid-template-columns: repeat(5, minmax(0, 1fr));gap:3rem;position: relative;}
.con-st02 dl{display: flex;flex-wrap: wrap;justify-content: center;align-content: flex-start;}
.con-st02 dt{
    color:#5c5c5c;
    font-size:1.6rem;
    width:175px;
    height:175px;
    border-radius: 50%;
    background-color: #f8f8f9;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 35px;
    font-weight: 600;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
}
.con-st02 dt::before{border-radius: 50%;content:''; width:calc(100% + 20px); height:calc(100% + 20px);position: absolute;border: 2px dashed #dddce0;top: -12px;left: -12px;}
.con-st02 dt::after{content:''; width:1px;height: calc(6rem - 12px); background:#cccccc; position:absolute;top: calc(100% + 12px );}
.con-st02 dd{
    width: 175px;
    border: 9px solid #f7f7f7;
    padding: 1rem 0;
    position:
    relative;
    margin-top: 6rem;
    height: calc(100% - 175px - 6rem);
}
.con-st02 dd::before{content:''; position:absolute;width: 21px;height: 21px;background: #fff;top: -15px;left: calc(50% - 10px);}
.con-st02 dd::after{content:''; position:absolute;width: 9px;height: 9px;border-radius: 50%;background-color: #64aeb3;top: -9px;left: calc(50% - 4px);}
.con-st02 dd p{color:#666; font-size:1.5rem; border-bottom:1px solid #e3e3e3;text-align:center;width: 85%;margin: 0 auto;padding: 1rem 0;}
.con-st02 dd p:last-child{border-bottom:none;}




/* 컨텐츠 스타일_03 */
.con-st03{}
.con-st03 .box{
    border-radius: 0 30px 0 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    padding: 6rem;
}
.con-st03 .box ul{
    /* padding: 6rem 0; */
}
.con-st03 .box ul p{
    font-size: 1.8rem;
    color: #333333;
    padding-bottom: 1rem;
}
.con-st03 .box li{
    font-size: 1.8rem;
    color: #333333;
    padding-bottom: 1rem;
    padding-left: 15px;
    position: relative;
    font-weight: 700;
}
.con-st03 .box li:last-child{padding-bottom:0rem;}
.con-st03 .box li:before{content:'·';padding-right:1rem;position: absolute;left: 0;top: 0;}
.con-st03 .box li b{
    font-size: 1.8rem;
    color: #333333;
}
.con-st03 .box .btn-wr{}
.con-st03 .box a{
    display: block;
    width: 180px;
    height: 65px;
    /* line-height: 65px; */
    color: #fff;
    background: #0f3fa0;
    border-radius: 32px;
    font-size: 16px;
    padding: 0 2.6rem;
    transition:all 0.2s;
    border: 1px solid #0f3fa0;
    display: flex;
    align-items: center;
}
.con-st03 .box a + a{margin-top:10px;}
.con-st03 .box a:first-child{
    line-height: 1em;
    background-color: #fff;
    color: #0f3fa0;
    margin: 0;
}
.con-st03 .box a:first-child::before{background-color: #0f3fa0;}
.con-st03 .box a:first-child::after{color: #0f3fa0;}
.con-st03 .box a::before{
    opacity: 1;
    right: 2.9rem;
    background: #fff;
    transition:all 0.2s;
    width: 20px;
    top: calc(50% - 1px);
}
.con-st03 .box a::after{
    right: 2.6rem;
    color: #fff;
    transition:all 0.2s;
}

.con-st03 .box a:hover{}
.con-st03 .box a:hover::before{transform:translateX(10px);}
.con-st03 .box a:hover::after{transform:translateX(10px);}
.con-st03 .deco{
    font-size: 14px;
    color: #666666;
    text-align: right;
    font-weight: 500;
    padding-top: 1rem;
}
.con-st03 .btn-wr{
    display: flex;
    justify-content: center;
    flex-flow: column;
}
.con-st03 .btn-link{
    font-size: 1.6rem;
    color: #fff;
    padding: 0rem 10rem 0rem 3rem;
    background-color: #0f3fa0;
    border-radius: 4rem;
    margin: 0 auto;
    margin-top: 6rem;
    border: 1px solid #0f3fa0;
    height: 65px;
    line-height: 1.2em;
    display: flex;
    align-items: center;
}

.con-st03 .btn-link::before{background-color:#fff;opacity: 1;right: 2.7rem;transition:all 0.2s;}
.con-st03 .btn-link::after{color: #fff;right: 2.5rem;transition:all 0.2s;}
.con-st03 .btn-link:hover::before{transform:translateX(10px);}
.con-st03 .btn-link:hover::after{transform:translateX(10px);}

.sec03-01 .con-st03{padding-bottom:9rem;}
.sec03-01 .con-st03 .btn-link{width:fit-content;margin: 0 10px;margin-top: 6rem;}
.sec03-01 .con-st03 .btn-link:first-child{background-color:#fff;color: #0f3fa0;font-weight: 700;}
.sec03-01 .con-st03 .btn-link:first-child::before{background-color: #0f3fa0;}
.sec03-01 .con-st03 .btn-link:first-child::after{color: #0f3fa0;}


/* 컨텐츠 스타일_04 */
.con-st04{}
.con-st04 ul{display:grid; grid-template-columns: repeat(4, minmax(0, 1fr));}
.con-st04 li{
    text-align: center;
    height: 40rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    border: 1px solid #ccc;
    padding: 4.5rem;
    margin-right: -1px;

}
.con-st04 h6{
    width: 100%;
    font-size:1.6rem;
    color: #333;
    padding-bottom: 4rem;
}
.con-st04 .iconBox{
    width: 100%;
}
.con-st04 .iconBox img{
    margin: 0 auto;
}
.con-st04 .iconBox .hover{
    height: 0px;
}
.con-st04 .textBox{
    width: 100%;
}
.con-st04 .textBox h4{
    font-size: 2rem;
    color: #000;
    padding-top: 3rem;
}
.con-st04 .textBox p{display:none;font-size: 1.5rem;color: #fff;line-height: 1.5em;padding-top: 2rem;transform: translateY(20px);transition: all 0.3s;}


.con-st04 li:hover{
    background-size: cover;
}
.con-st04 li:nth-child(1):hover{background-image:url(/images/sub/sub02/sub0302_01_bg_hover.jpg);}
.con-st04 li:nth-child(2):hover{background-image:url(/images/sub/sub02/sub0302_02_bg_hover.jpg);}
.con-st04 li:nth-child(3):hover{background-image:url(/images/sub/sub02/sub0302_03_bg_hover.jpg);}
.con-st04 li:nth-child(4):hover{background-image:url(/images/sub/sub02/sub0302_04_bg_hover.jpg);}

.con-st04 li:hover h6{display:none;}
.con-st04 li:hover .iconBox{}
.con-st04 li:hover .iconBox .nomal{
    height: 0px;

}
.con-st04 li:hover .iconBox .hover{
    height: auto;
}
.con-st04 li:hover .textBox h4{color:#fff;font-weight: 600;padding-top: 2rem; transition: padding 0.3s;}
.con-st04 li:hover .textBox p{display:block;transform: translateY(0px);}


/* 컨텐츠 스타일_05 */
.con-st05{}
.con-st05 > ul{display:grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3rem;}
.con-st05 > ul > li{border:1px solid #cccccc; padding:5rem;}
.con-st05 > ul li h6{font-size:16px; color:#00448c; font-weight:800;}
.con-st05 ul li .textBox{}
.con-st05 .textBox h4{font-size:2rem; font-weight:700; color:#000;  padding-top:5rem; padding-bottom:1rem;}
.con-st05 .textBox p{font-size:1.5rem; color:#666; padding-top:2.6rem; }
.con-st05 .textBox ul{padding-top:2.6rem; }
.con-st05 .textBox li{font-size:1.5rem; color:#666; }

.sec02-01 .con-st05{}
.sec02-01 .con-st05 > ul{display:block;}
.sec02-01 .con-st05 > ul > li{
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    padding: 4.4rem;
}
.sec02-01 .con-st05 .textBox h4{padding-top:0;}
.con-st05 .textBox p{padding-top:1rem;}


/* 컨텐츠 스타일_06 */
.con-st06{display:flex;justify-content: space-between;flex-wrap: wrap;padding-bottom: 8rem;}
.con-st06 .left{width: 100%;}
.con-st06 .left .box{
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.con-st06 .left .box h4{
    font-size: 16px;
    font-weight: 800;
    color: #00448c;
    padding-bottom: 2rem;
    width: 100%;
}
.con-st06 .left .box > h2{font-size: 24px;font-weight: 800; color:#000;width: 100%;padding-bottom: 4rem;}
.con-st06 .left .box > div{}
.con-st06 .left .box > div h6{color:#555; font-size:1.6rem; font-weight:800; padding-left:27px;position: relative;}
.con-st06 .left .box > div h6::before{content:''; background:#444444; color:#fff;font-size: 12px; width:20px; height:20px;border-radius: 50%;position: absolute;left: 0;top: calc(50% - 10px);display: flex;justify-content: center;align-items: center;}
.con-st06 .left .box .one{width: calc(100% - 320px);counter-reset: var-count;display: flex;flex-wrap: wrap;justify-content: space-between;}
.con-st06 .left .box .one h6{
    width: 100%;
    line-height: 24px;
    height: 24px;
}
.con-st06 .left .box .one h6::before{content:'1';}
.con-st06 .left .box .one div{
    border: 1px solid #e6e6e6;
    border-radius: 10px;
    margin-top: 20px;
    padding: 2rem 3rem 2rem 3rem;
    position: relative;
    width: calc(50% - 10px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    height: 224px;
}
.con-st06 .left .box .one div:before{counter-increment: var-count;content:"Type " counter(var-count);font-size: 13px;font-weight: 700;color: #00448c;line-height: 1.6rem;width: 100%;}
.con-st06 .left .box .one h2{
    font-size: 1.6rem;
    color: #000;
    font-weight: 700;
    line-height: 1em;
    padding-top: 3rem;
    width: 100%;
}
.con-st06 .left .box .one p{font-size: 1.5rem; color:#666666;padding-top: 1rem;font-weight: 500;}
.con-st06 .left .box .one p span{font-size: 1.5rem; color:#666666;}
.con-st06 .left .box .two{width: 300px;}
.con-st06 .left .box .two h6{}
.con-st06 .left .box .two h6::before{content:'2';}
.con-st06 .left .box .two > div{margin-top: 20px;  border:1px solid #e6e6e6; border-radius: 10px;overflow:hidden;}
.con-st06 .left .box .two table{width: 100%; }
.con-st06 .left .box .two thead{background-color: #444;}
.con-st06 .left .box .two tbody{}
.con-st06 .left .box .two tr{border-top:1px solid #e6e6e6; }
.con-st06 .left .box .two th{
    color: #ccc;
    font-size: 1.5rem;
    border-right:1px solid #e6e6e6;
    padding: 0.5rem 1rem;
    font-weight: 500;
}
.con-st06 .left .box .two td{
    font-size: 15px;
    color: #666666;
    padding: 0.5rem 1rem;
    border-right:1px solid #e6e6e6;
    text-align: center;
    font-weight: 500;
}
.con-st06 .left .box .two td.left{
    text-align: left;
    font-weight: 400;
}

.con-st06 .left .box .two td:last-child{border-right:none;}

.con-st06 .right{width:calc(45% - 15px);display: flex;flex-wrap: wrap;align-content: space-between;}
.con-st06 .right .box{
    display: flex;
    justify-content: space-between;
    padding: 5.5rem 4rem;
    align-items: center;
    border-radius: 10px;
    width: 100%;
}
.con-st06 .right .textBox{}
.con-st06 .right .textBox h4{
    font-size: 1.6rem;
    color: #00448c;
    font-weight: 800;
    padding-bottom: 1.5rem;
}
.con-st06 .right .textBox h3{
    font-size: 1.8rem;
    color: #000;
    font-weight: 700;
    padding-bottom: 3rem;
}
.con-st06 .right .textBox p{
    font-size: 1.5rem;
    color: #666;
}
.con-st06 .right .iconBox{width:104px; height:104px;border-radius: 50%;background-color: #0f3fa0;}
.con-st06 .right .iconBox img{}

.con-st06 .deco{width:100%;font-size: 14px; color:#666;text-align: right; padding-top:2rem}
.con-st06 .btn-link{
    font-size: 1.6rem;
    color: #fff;
    padding: 2rem 10rem 2rem 3rem;
    background-color: #0f3fa0;
    border-radius: 4rem;
    margin: 0 auto;
    margin-top: 6rem;
}
.con-st06 .btn-link::before{background-color:#fff;opacity: 1;right: 2.7rem;transition:all 0.2s;}
.con-st06 .btn-link::after{color: #fff;right: 2.5rem;transition:all 0.2s;}
.con-st06 .btn-link:hover::before{transform:translateX(10px);}
.con-st06 .btn-link:hover::after{transform:translateX(10px);}


.sec02-01 .con-st06{}
.sec02-01 .con-st06 .left{}
.sec02-01 .con-st06 .left .box{padding: 0;}
.sec02-01 .con-st06 .left .box .one div{width:100%;}
.sec02-01 .con-st06 .left .box .one div:before{content:none;}
.sec02-01 .con-st06 .left .box .one h2{padding:0;font-size: 2rem;padding-bottom: 3rem;}
.sec02-01 .con-st06 .left .box .one p{}


/* 컨텐츠 스타일_faq */
.con-faq{}
.con-faq dl{border:1px solid #e5e5e5; margin-bottom:2rem;}
.con-faq dt{font-size:1.8rem; color:#000;padding: 3rem 7rem 3rem 7.5rem; position:relative;}
.con-faq dt::before{content:'Q.';color: #b61b19;font-size:2.6rem;font-weight: 600; position:absolute; top:3rem; left:4rem;line-height: 1em;}
.con-faq dt::after{content:'>'; font-family:'SUIT',Sans-serif; position:absolute; top:3rem; right:4rem; color:#868686;font-size: 22px;font-weight: 500;transform: rotate(90deg); transition: all 0.5s;}
.con-faq dd{border-top:1px solid #e5e5e5; background-color:#fafafa; font-size:1.6rem; color:#666666;padding: 3rem 7.5rem 3rem 7.5rem; position:relative; display:none;}
.con-faq dd::before{content:'A.'; color:#0e419d;font-size:2.6rem; font-weight: 600; position:absolute; top:3rem; left:4rem; line-height: 1em;}

.con-faq dl.open{}
.con-faq dl.open dt{}
.con-faq dl.open dt::after{transform: rotate(-90deg);}
.con-faq dl.open dd{}


/* 컨텐츠 스타일_풀이미지 */
.full-img{border: 1px solid #ccc;}


/* 비용안내 표  */
.charge_table{
    width: 100%;
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    max-width: 650px;
}
.charge_table thead{}
.charge_table tbody{}
.charge_table tr{}
.charge_table th{background:#163991; color:#fff; font-size:15px;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;padding: 5px 0;}
.charge_table td{font-size:14px; color:#333333;border-bottom: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;padding: 5px 0;text-align: center;}
.charge_table tbody tr:last-child td{border-bottom:none;}
.charge_table tbody tr td:last-child{border-right:none;}


/*** services.php ***/
.sub_services{}
.sub_services .sec{padding-bottom: 10rem;}

.sub_services .sec01{}
.sub_services .sec01 .cont-wr{}
.sub_services .sec01 .cont-wr ul{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap:3rem;}
.sub_services .sec01 li{}
.sub_services .sec01 .imgBox{}
.sub_services .sec01 .textBox{}
.sub_services .sec01 .textBox h6{padding-top:1.5rem; border-bottom:1px solid #cccccc;}
.sub_services .sec01 .textBox h6 a{font-size:2rem; color:#000; padding:2rem 0;display: block;}
.sub_services .sec01 .textBox p{font-size:15px; color:#666666;  padding-top:3rem;line-height: 1.7; width:90%;}
.sub_services .sec01 li:hover{}
.sub_services .sec01 li:hover .textBox h6 a{color:#0f3fa0;}
.sub_services .sec01 li:hover .btn-link::before{opacity:1;right: 3px; background-color:#0f3fa0;}
.sub_services .sec01 li:hover .btn-link::after{color:#0f3fa0;}



.sub_services .sec02{}
.sub_services .sec02 .cont-wr{}
.sub_services .sec02 .cont-wr ul{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap:3rem;}
.sub_services .sec02 li{background:#fcfcfc;border: 1px solid #fff;}
.sub_services .sec02 a{display:block; color:#666666; font-size:1.6rem; padding:2rem; font-weight:600;}
.sub_services .sec02 a::before{right: calc(2rem + 3px);height: 1px;top: calc(50% - 1px);}
.sub_services .sec02 a::after{right:2rem; color:#666666;font-weight: 400;}
.sub_services .sec02 li:hover{
    border-radius: 0 8px 0 8px;
    border: 1px solid #0f3fa0;
    box-sizing: border-box;
    box-shadow: 3.709px 5.936px 17.64px 0.36px rgba(13, 14, 16, 0.08);
}
.sub_services .sec02 li:hover a{color:#0f3fa0;}
.sub_services .sec02 li:hover a::before{opacity:1;background-color:#0f3fa0;}
.sub_services .sec02 li:hover a::after{color:#0f3fa0;}

.sub_services .sec03{
    /* padding-top: 9rem; */
}
.sub_services .sec03 .iconCont{}

.sub_services .sec04{}
.sub_services .sec04 > div{overflow: hidden;}
.sub_services .sec04 .cont-title{padding-bottom:0;}
.sub_services .sec04 ul{}
.sub_services .sec04 li{}
.sub_services .sec04 li a{}
.sub_services .sec04 .imgBox{}
.sub_services .sec04 .textBox{padding-top: 2.5rem;}
.sub_services .sec04 .textBox h6{font-size: 1.6rem; padding-bottom: 1rem; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color:#000;}
.sub_services .sec04 .textBox p{font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sub_services .sec04 .control{
    left: unset;
    right: 0;
    top: 6px;
}

.sub_services .sec05{}
.sub_services .sec05 .table_02{}
.sub_services .sec05 .table_02 dl{grid-template-columns: repeat(5, minmax(0, 1fr));}
.sub_services .sec05 .table_02 .thead{ }
.sub_services .table_02 dd.col01{text-align:center;padding-left: 1rem;}
.sub_services .table_02 .col02{}
.sub_services .table_02 .col03{background-color: #fff;}
.sub_services .table_02 .col04{background-color: #f5f5f5;}


/* 배너 광고 진행 절차 스탭 */
#services .cc-step{ 
}
#services .cc-step .box{counter-reset: var-count;border-radius: 10px;height: calc(100% - 4.5rem);background-color: transparent;}
#services .cc-step ul{display: flex;   flex-wrap:wrap;}
#services .cc-step li{width: 14rem;border:5px solid #dae1f3;border-radius: 50%; margin-right:4rem; height: 14rem;display: flex;text-align: center;align-items: center;align-content: center;flex-wrap: wrap;position: relative;justify-content: center;background-color: #fff;}
#services .cc-step li::before{counter-increment: var-count;	content:"0" counter(var-count);font-size: 13px;font-weight: 700;color: #00448c;width: 100%;}
#services .cc-step li::after{content:'';background: url(/images/sub/sub02/icon_next_gray.png)no-repeat; width:4rem;height: 2.5rem;background-position: center;background-size: contain;position: absolute;top: calc(50% - 1.25rem);left: calc(100%);}
#services .cc-step li:last-child::after{content:none;}
#services .cc-step li h6{color:#333333;font-size: 1.5rem;text-align: center;padding-bottom: 0;padding-top: 0.5rem;}



/*** sub0201 기업매칭 ***/
.sub0201{}
.sub0201 .cont-title{padding-bottom:0;}
.sub0201 section.sec{padding-bottom:10rem}

.sub0201 .sec01{}
.sub0201 .sec02{}
.sub0201 .sec03{}
.sub0201 .sec04{}
.sub0201 .sec04 dl{}
.sub0201 .sec04 dl dt{}
.sub0201 .sec04 dl:nth-child(1) dt{background-image:url(/images/sub/sub02/sub0204_01.png);}
.sub0201 .sec04 dl:nth-child(2) dt{background-image:url(/images/sub/sub02/sub0204_02.png);}
.sub0201 .sec04 dl:nth-child(3) dt{background-image:url(/images/sub/sub02/sub0204_03.png);}
.sub0201 .sec04 dl:nth-child(4) dt{background-image:url(/images/sub/sub02/sub0204_04.png);}
.sub0201 .sec04 dl:nth-child(5) dt{background-image:url(/images/sub/sub02/sub0204_05.png);}
.sub0201 .sec04 dl:nth-child(6) dt{background-image:url(/images/sub/sub02/sub0204_06.png);}
.sub0201 .sec05{}
.sub0201 .sec06{}

/*** sub0202 기술협업 ***/
.sub0202{}
.sub0202 .cont-title{padding-bottom:0;}
.sub0202 section.sec{padding-bottom:10rem}

.sub0202 .sec01{}
.sub0202 .sec01 .sub_ex .iconBox{background-image: url(/images/sub/sub02/sub0201_01.png);}
.sub0202 .sec02{}
.sub0202 .sec03{}
.sub0202 .sec03 .con-st01 ul{grid-template-columns: repeat(4, minmax(0, 1fr));}
.sub0202 .sec04{}
.sub0202 .sec05{}
.sub0202 .sec05 .cont-wr{
    grid-template-columns: repeat(6, minmax(0, 1fr));
}

.sub0202 .sec05 .cont-wr > p{
    font-size: 20px;
    color: #0f3fa0;
    position: absolute;
    right: calc(16.666% - 1.5rem);
    bottom: calc(100% + 30px);
    transform: translateX(50%);
    line-height: 1em;
    font-weight: 600;
}
.sub0202 .sec05 .cont-wr > p:before{content:'';width: 50px;height: 15px;position: absolute;top: 10px;right: calc(100% + 10px);border-top: 1px solid #0f3fa0;border-left:1px solid #0f3fa0;}
.sub0202 .sec05 .cont-wr > p:after{content:'';width: 50px;height: 15px;position: absolute;top: 10px;left: calc(100% + 10px);border-top: 1px solid #0f3fa0;border-right:1px solid #0f3fa0}

.sub0202 .sec05 dl{}
.sub0202 .sec05 dl dt{}
.sub0202 .sec05 dl:nth-child(1) dt{background-image:url(/images/sub/sub02/sub0204_01.png);}
.sub0202 .sec05 dl:nth-child(2) dt{background-image:url(/images/sub/sub02/sub0204_02.png);}
.sub0202 .sec05 dl:nth-child(3) dt{background-image:url(/images/sub/sub02/sub0204_03.png);}
.sub0202 .sec05 dl:nth-child(4) dt{background-image:url(/images/sub/sub02/sub0204_04.png);}
.sub0202 .sec05 dl:nth-child(5) dt{background-image:url(/images/sub/sub02/sub0204_05.png);}
.sub0202 .sec05 dl:nth-child(6) dt{background-image:url(/images/sub/sub02/sub0204_06.png);}
.sub0202 .sec06{}
.sub0202 .sec06 .con-st03 .box {
}
.sub0202 .sec06 .con-st03 .box a{
    margin: 0;
}
.sub0202 .sec07{}



/*** sub0203 광고서비스 ***/
.sub0203{}
.sub0203 .cont-title{padding-bottom:0;}
.sub0203 .sec01{}
.sub0203 .sec02{padding-top:10rem; padding-bottom:9rem; }
.sub0203 .sec02-01{}
.sub0203 .sec02-01 > div{display:flex;justify-content: space-between;}
.sub0203 .sec02-01 > div > .left{width:42rem;}
.sub0203 .sec02-01 .right{width: calc(100% - 45rem);}

.sub0203 .sec03{}
.sub0203 .sec04{}
.sub0203 .sec04 .charge_table{margin-top: 2rem;}

.sub0203 .sec03-01 .con-st03 .btn-wr{
    flex-flow: row;
}


.sub0203_01{margin-top: -11rem;}
.sub0203_01.apply .sec.apply-tit  h6{border-bottom:none;color: #333;}
.sub0203_01 .apply-tit{
    border-radius: 0;
    background-image: linear-gradient( -22deg, rgb(233,244,244) 0%, rgb(229,236,243) 100%);
    background-image: -moz-linear-gradient( -22deg, rgb(233,244,244) 0%, rgb(229,236,243) 100%);
    background-image: -webkit-linear-gradient( -22deg, rgb(233,244,244) 0%, rgb(229,236,243) 100%);
    background-image: -ms-linear-gradient( -22deg, rgb(233,244,244) 0%, rgb(229,236,243) 100%);
}

.sub0203_01 .apply-tit h4{}
.sub0203_01 .apply-tit p{ padding-bottom: 3.5rem;}
.sub0203_01 .apply-tit .tit-info{
    border-top: 2px solid #000000;
    padding-top: 5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sub0203_01 .apply-tit .tit-info > div{
    width: calc(50% - 15px);
}
.sub0203_01 .apply-tit .tit-info .left{}
.sub0203_01 .apply-tit .tit-info .left h6{}


.sub0203_01 .apply-tit .tit-info .right{}

.sub0203_01 .sec01{}
.sub0203_01 .check-wrap{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap:3rem;
}



.sub0203_01 .sec02{}


/* width 조정 / 합이 100% */
.table .col01{width:15%;}
.table .col02{width:10%;}
.table .col03{width:56%;}
.table .col04{width:10%;}
.table .col05{width:9%;}




/* css setting end */

/* media size setting start */
@media all and (max-width:1320px) {


    .table .tbody dd{width: 100%;}
    .table .col01{order: 1;}
    .table .col02{order: 3;}
    .table .col03{order: 4;}
    .table .col04{order: 5;}
    .table .col05{order: 2;}

    .table .tbody .col02::before{content:'위치 :'; position:absolute; left:0; top:0;}
    .table .tbody .col03::before{content:'소개 :'; position:absolute; left:0; top:0;}

    .table .tbody .col01{ width: calc(100%); font-size: 2rem; font-weight: 700; color: #000;}
    .table .tbody .col02{position:relative; padding-left:4rem; min-height: calc(24px + 1.5rem);}
    .table .tbody .col03{position:relative; padding-left:4rem; min-height: calc(24px + 1.5rem);}
    .table .tbody .col04{}
    .table .tbody .col05{width: 120px;}

}
@media all and (max-width:1240px) {


/* 컨텐츠 스타일_01 */
.con-st01{}
.sub0202 .sec03 .con-st01 ul{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}


/* 컨텐츠 스타일_02 */
.con-st02 {grid-template-columns: repeat(3, minmax(0, 1fr));max-width: 680px;margin: 0 auto;}
.con-st02 dl{}
.con-st02 dt{}
.con-st02 dt::before{}
.con-st02 dt::after{}
.con-st02 dd{}
.con-st02 dd::before{}
.con-st02 dd::after{}
.con-st02 dd p{}
.con-st02 dd p:last-child{}
.sub0202 .sec05 .cont-wr{grid-template-columns: repeat(3, minmax(0, 1fr));gap: 7rem 3rem;}
.sub0202 .sec05 .cont-wr > p{
    bottom: calc(50% - 3.5rem);
    right: calc(33.33% - 1.5rem);
}


/* 컨텐츠 스타일_06 */
.con-st06{}
.con-st06 .left{
    margin-bottom: 30px;
    width: 100%;
}
.con-st06 .left .box{}
.con-st06 .left .box h4{}
.con-st06 .left .box > h2{}
.con-st06 .left .box > div{}
.con-st06 .left .box > div h6{}
.con-st06 .left .box > div h6::before{}
.con-st06 .left .box .one{}
.con-st06 .left .box .one h6{}
.con-st06 .right{width: 100%;justify-content: space-between;}
.con-st06 .right .box{width: calc(50% - 15px);}



.sub0203 .sec02-01{}
.sub0203 .sec02-01 > div{flex-direction: column;gap: 5rem;}
.sub0203 .sec02-01 > div > .left{width: 100%;}
.sub0203 .sec02-01 .right{width: 100%;}


}
@media all and (max-width:1024px) {

    /* 서브 타이틀 + 설명부분 */
    .sub_ex{}
    .sub_ex::before{}
    .sub_ex .iconBox{height: 16.5rem; width: 15rem;}
    .sub_ex .textBox{padding: 3rem;width: calc(100% - 15rem);}
    .sub_ex .textBox::before{}
    .sub_ex .textBox::after{}
    .sub_ex .textBox h4{padding-bottom: 1rem;}
    .sub_ex .textBox p{line-height: 1.5em;}




    /* 컨텐츠 스타일_01 */
    .con-st01{}
    .con-st01 ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .con-st01 li{padding: 3rem 5rem 4rem;}
    .con-st01 h6{}
    .con-st01 .iconBox{}
    .con-st01 .iconBox::before{}
    .con-st01 .iconBox img{}
    .con-st01 .textBox{}
    .con-st01 .textBox h4{font-size: 1.8rem;}
    .con-st01 .textBox h4 br{display:none;}
    .con-st01 .textBox p{}



    /* 컨텐츠 스타일_03 */
    .con-st03{}
    .con-st03 .box{justify-content: center;padding: 4rem;}
    .con-st03 .box ul{width: 100%; margin-bottom: 30px;}
    .con-st03 .box ul p{}
    .con-st03 .box li{}
    .con-st03 .box li:last-child{}
    .con-st03 .box li:before{}
    .con-st03 .box li b{}
    .con-st03 .box a{
        height: 50px;
        line-height: 50px;
    }


    /* 컨텐츠 스타일_04 */
    .con-st04{}
    .con-st04 ul{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .con-st04 li{}
    .con-st04 li:nth-child(n+3){ margin-top: -1px;}
    .con-st04 h6{}
    .con-st04 .iconBox{}
    .con-st04 .iconBox img{}
    .con-st04 .iconBox .hover{}
    .con-st04 .textBox{}
    .con-st04 .textBox h4{}
    .con-st04 .textBox p{}



    /*** sub0203 광고서비스 ***/
    .sub0203{}
    .sub0203 .cont-title{}
    .sub0203 .sec01{}
    .sub0203 .sec02{}
    .sub0203 .sec03{}
    .sub0203 .sec04{}
    .sub0203 .sec04 .charge_table{}




    /*** services.php ***/
    .sub_services{}
    .sub_services .sec{}

    .sub_services .sec01{}
    .sub_services .sec01 .cont-wr{}
    .sub_services .sec01 .cont-wr ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .sub_services .sec01 li{display: flex; flex-wrap: wrap; justify-content: space-between;}
    .sub_services .sec01 .imgBox{max-width:420px; width:45%}
    .sub_services .sec01 .textBox{width:calc(55% - 20px);}
    .sub_services .sec01 .textBox h6{padding-top: 0;}
    .sub_services .sec01 .textBox h6 a{}
    .sub_services .sec01 .textBox p{padding-top: 2rem;}
    .sub_services .sec01 li:hover{}
    .sub_services .sec01 li:hover .textBox h6 a{}
    .sub_services .sec01 li:hover .btn-link::before{}
    .sub_services .sec01 li:hover .btn-link::after{}

}
@media all and (max-width:840px) {




    /*** services.php ***/
    .sub_services{}
    .sub_services .sec{}

    .sub_services .sec01{}
    .sub_services .sec01 .cont-wr{}
    .sub_services .sec01 .cont-wr ul{gap: 5rem;}
    .sub_services .sec01 li{display: block; }
    .sub_services .sec01 .imgBox{max-width:420px; width:100%; margin:0 auto;}
    .sub_services .sec01 .textBox{width:100%; max-width:420px; margin:0 auto;}


     /* 서브 타이틀 + 설명부분 */
    .sub_ex{}
    .sub_ex::before{}
    .sub_ex .iconBox{}
    .sub_ex .textBox{}
    .sub_ex .textBox::before{}
    .sub_ex .textBox::after{}
    .sub_ex .textBox h4{font-size:2rem;}
    .sub_ex .textBox p{}

    /*** sub0203 광고서비스 ***/
    .sub0203{}
    .sub0203 .cont-title{}
    .sub0203 .sec01{}
    .sub0203 .sec02{ padding-top: 8rem; padding-bottom: 7rem;}
    .sub0203 .sec03{}
    .sub0203 .sec04{}
    .sub0203 .sec04 .charge_table{}


    /* 컨텐츠 스타일_03 */
    .con-st03{}
    .con-st03 .box{}
    .con-st03 .box ul{}
    .con-st03 .box ul p{font-size: 16px;}
    .con-st03 .box li{font-size: 16px; padding-bottom:0.5rem;}
    .con-st03 .box li:last-child{}
    .con-st03 .box li:before{}
    .con-st03 .box li b{font-size:16px; }
    .con-st03 .box a{}


    /* 컨텐츠 스타일_04 */
    .con-st04{}
    .con-st04 ul{}
    .con-st04 li{align-content: start;}
    .con-st04 h6{display: block !important;}
    .con-st04 .iconBox{}
    .con-st04 .iconBox img{}
    .con-st04 .iconBox .nomal{ height:auto !important;}
    .con-st04 .iconBox .hover{ display: none !important;}
    .con-st04 .textBox{}
    .con-st04 .textBox h4{display: block !important;color: #000 !important;padding-top: 3rem !important;}
    .con-st04 .textBox p{
        display: block;
        color: #000;
        padding-top: 0;
        transform: translateY(20px) !important;
    }
    .con-st04 li:hover{background: none !important;}


    /* 컨텐츠 스타일_05 */
    .con-st05{}
    .con-st05 > ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .con-st05 > ul > li{}
    .con-st05 > ul li h6{}
    .con-st05 ul li .textBox{}
    .con-st05 .textBox h4{padding-top:2rem;}
    .con-st05 .textBox h4 br{display:none;}
    .con-st05 .textBox p{padding-top: 1.5rem;}
    .con-st05 .textBox ul{}
    .con-st05 .textBox li{}



    /* 컨텐츠 스타일_06 */
    .con-st06{}
    .con-st06 .left{}
    .con-st06 .left .box{}
    .con-st06 .left .box h4{}
    .con-st06 .left .box > h2{}
    .con-st06 .left .box > div{}
    .con-st06 .left .box > div h6{}
    .con-st06 .left .box > div h6::before{}
    .con-st06 .left .box .one{width: 100%;padding-bottom: 3rem;}
    .con-st06 .left .box .one h6{}
    .con-st06 .left .box .one div{width: 100%;}
    .con-st06 .right{}
    .con-st06 .right .box{width: 100%;}
    .con-st06 .right .box + .box{margin-top:30px;}
    .con-st06 .left .box .two{width:100%;}


    /*** sub0202 기술협업 ***/
    .sub0202{}
    .sub0202 .cont-title{}
    .sub0202 section.sec{ padding-bottom: 5rem;}
	.bg-blue{margin-bottom:5rem; padding-top:5rem;}

    .sub0202 .sec01{}
    .sub0202 .sec01 .sub_ex .iconBox{}
    .sub0202 .sec02{}
    .sub0202 .sec03{}
    .sub0202 .sec03 .con-st01 ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .sub0202 .sec04{}


    .sub0203 .sec03-01 .con-st03 .btn-wr{flex-direction: column; padding-top: 6rem;}
    .sub0203 .sec03-01 .con-st03 .btn-wr a{margin: 10px auto;}

    .sub_services .sec05{}
    .sub_services .sec05 .cont-wr{overflow-x:scroll;} 
    .sub_services .sec05 .table_02{min-width: 700px;}
    .sub_services .sec05 .table_02 dl{}
    .sub_services .sec05 .table_02 .thead{ }
    .sub_services .sec05 .table_02 .thead dt{font-size: 1.6rem; font-weight: 500;}
    .sub_services .table_02 dd{font-size:1.4rem;}

    .sub_services .table_02 dd.col01{}
    .sub_services .table_02 .col02{}
    .sub_services .table_02 .col03{}
    .sub_services .table_02 .col04{}

}
@media all and (max-width:640px) {
 

    /* 서브 타이틀 + 설명부분 */
    .sub_ex{}
    .sub_ex::before{}
    .sub_ex::after{
       content: '';
       width: 15px;
       height: calc(100% + 15px);
       position: absolute;
       top: 0px;
       left: 0;
       background-color: #f6f6f6;
    }
    .sub_ex .iconBox{display: none;}
    .sub_ex .textBox{width: calc(100% - 30px);margin: 0 auto;}
    .sub_ex .textBox::before{
       right: -15px;
       height: calc(100% + 15px);
       bottom: -15px;
    }
    .sub_ex .textBox::after{ width: calc(100% + 15px);}
    .sub_ex .textBox h4{}
    .sub_ex .textBox p{width: 100%;}

	#services .cc-step .box{padding:0;}


    /* 컨텐츠 스타일_02 */
    .con-st02 {grid-template-columns: repeat(2, minmax(0, 1fr));max-width: 680px;gap: 2rem;}
    .con-st02 dl{}
    .con-st02 dt{
        width: 120px;
        height: 120px;
        background-size: 90%;
        background-position: center 0%;
        padding-bottom: 20px;
    }
    .con-st02 dt::before{}
    .con-st02 dt::after{}
    .con-st02 dd{
        height: calc(100% - 120px - 6rem);
        /* padding-bottom: 0; */
    }
    .con-st02 dd::before{}
    .con-st02 dd::after{}
    .con-st02 dd p{}
    .con-st02 dd p:last-child{}
    .sub0202 .sec05 .cont-wr{grid-template-columns: repeat(2, minmax(0, 1fr));}
    .sub0202 .sec05 .cont-wr > p{
        bottom: calc(33.33% - 3.5rem);
        right: calc(50%);
		font-size:14px;
    }




    /* 컨텐츠 스타일_04 */
    .con-st04{}
    .con-st04 ul{grid-template-columns: repeat(1, minmax(0, 1fr));}
    .con-st04 li{}
    .con-st04 li:nth-child(n+2){ margin-top: -1px;}
    .con-st04 h6{}
    .con-st04 .iconBox{}
    .con-st04 .iconBox img{}
    .con-st04 .iconBox .hover{}
    .con-st04 .textBox{}
    .con-st04 .textBox h4{}
    .con-st04 .textBox p{}



    /* 컨텐츠 스타일_06 */
    .con-st06{}
    .con-st06 .left{}
    .con-st06 .left .box{}
    .con-st06 .left .box h4{}
    .con-st06 .left .box > h2{}
    .con-st06 .left .box > div{}
    .con-st06 .left .box > div h6{}
    .con-st06 .left .box > div h6::before{}
    .con-st06 .left .box .one{}
    .con-st06 .left .box .one h6{}
    .con-st06 .right{}
    .con-st06 .right .box{padding: 3rem 2.5rem;}
    .con-st06 .right .box + .box{}

    .con-st06 .right .textBox{}
    .con-st06 .right .textBox h4{padding-bottom: 0rem;}
    .con-st06 .right .textBox h3{padding-bottom: 1rem;}
    .con-st06 .right .textBox p{}
    .con-st06 .right .iconBox{
        width: 80px;
        height: 80px;
    }
    .con-st06 .right .iconBox img{}


	#services .cc-step ul{justify-content:center;}
	#services .cc-step li{margin-bottom:4rem;  margin-right:0;}
	#services .cc-step li::after{
	transform: rotate(90deg);
    left: 50%;
    top: 90%;
    transform-origin: left;}
}
@media all and (max-width:480px) {

    /* 컨텐츠 스타일_05 */
    .con-st05{}
    .con-st05 > ul{}
    .con-st05 > ul > li{padding:3rem;}

}
/* media size setting end */