/*공통css*/
.c_wrap {width: 100%; padding: 85px 0;}
.con1300 { width: 100%; max-width: 1300px; margin: 0 auto; text-align: center;}

.c_title {font-size: 36px; font-weight: 700; color:#000; font-family: 'Raleway',sans-serif; word-break: keep-all; text-transform: uppercase}
.c_title span {color:#084d93;}

/*Content CSS*/
#c1_wrap { overflow: hidden; width: 100%}
#c1_wrap .con1300 {position: relative; padding: 100px 0 80px 0; }
#c1_article {display: flex; width :100%; margin-top: 45px;}
.c1_box {width: 20%;}
.c1_box a {width: 100%; padding: 35px 20px; border-right: 1px solid #efefef; display: block;}
.c1_box:last-child a {border-right: none;}

.c1_icon {width: 100%; text-align: center; margin: 0 auto 20px auto;}
.c1_icon img {vertical-align:middle; transition:transform 500ms}

.c1_txt {text-align: center;}
.c1_txt h2 {font-size: 15px; font-family: 'Noto Sans KR',sans-serif; font-weight: 600; color:#084d93; margin-bottom: 12px;}
.c1_txt h1 {font-size: 18px; font-family: 'Noto Sans KR',sans-serif; font-weight: 700; color:#000; margin-bottom: 12px;}
.c1_txt p {font-size: 15px; font-weight: 400; color:#979797; letter-spacing: -0.35px; margin-bottom: 25px; word-break: keep-all;}

.c1_btn {width: 143px; height: 32px; display: flex; justify-content: center; align-items: center; border-radius: 16px; color:#084d93; font-size: 12px; font-weight: 400; font-family: 'Noto Sans kR',sans-serif; border: 1px solid #003366; line-height: 32px; margin: 0 auto; transition: all 0.3s;}
.c1_btn span {background: url('../hitpc/c1_arrow.png')no-repeat 50% 50%; width: 12px; height: 15px; display: block; margin-left: 7px; transition: all 0.3s;}

.c1_box a:hover .c1_icon img {transform:rotateY(180deg); transition:transform 500ms}
.c1_box a:hover .c1_btn {background: #084d93; color:#fff;}
.c1_box a:hover .c1_btn span {background: url('../hitpc/c1_arrow2.png')no-repeat 50% 50%; margin-left: 12px;}

#c1_bg1 {position: absolute; top: -288px; left: -499px;}
#c1_bg2 {position: absolute; bottom: -157px; right: -605px;}



@media screen and (max-width:1600px) {

}

@media screen and (max-width:1300px) {
    #c1_bg1 {display: none;}
    #c1_bg2 {display: none;}
    .c1_txt p br {display: none;}
    .c1_txt p {min-height: 76px;}
}


@media screen and (max-width:1200px) {
    .c1_box a {padding: 35px 10px;}
    .c1_txt h1 {font-size: 17px; letter-spacing: -0.5px;}
}

@media screen and (max-width: 960px) {
    #c1_wrap .con1300 {position: relative; padding: 60px 30px; }
    #c1_article {display: block;}
    .c1_box {width: 100%;border-top: 1px solid #ddd;}
    .c1_box a { display: flex; align-items: center; border: none; position: relative;}
    .c1_icon {width: 72px; margin: 0;}
    .c1_txt {width: calc(100% -72px); padding-left: 50px; text-align: left;}
    .c1_txt p {min-height: auto; margin-bottom: 0; }
    .c1_btn {margin: 0; position: absolute; top: 23px; right: 0; border: none; border-radius: 0; opacity: 0.5; width: auto;}
    .c1_box a:hover .c1_btn {background: #fff; color: #022d58; opacity: 1; }
    .c1_box a:hover .c1_btn span {background: url('../hitpc/c1_arrow.png')no-repeat 50% 50%; margin-left: 12px;}
    .c1_box:last-child a {padding-bottom: 0;}

}

@media screen and (max-width: 640px) {
        #c1_wrap .con1300 {padding: 60px 15px; }
        #c1_article {margin-top: 25px;}
}