/*Content CSS*/
#c3_wrap {width:100%; background: #002c5d;}
.c3 {display: flex; height:100%;flex-direction: column; padding:0;}

.c3 > div {padding:30px 15px; width:100%; }
.c3 .inquiry {background: #00356f;}
.c3_title {position: relative; }
.c3_title h1 {font-size:20px; font-weight: 500; color:#fff;}
.c3_title img {margin-right:14px; position: relative; top:-2px;}
.c3_title a {position: absolute; color:#fff; right:0; top:0; font-size:25px; transition: .5s ease;}
.c3_title a:hover {transform:rotate(180deg);}

.c3 > div ul {margin-top:20px;}
.inquiry ul li {display: flex; font-size:14px; color:#d1d1d1; font-weight: 400; margin-bottom:3px; word-break: keep-all; letter-spacing: -.5px; font-weight: 300;}
.inquiry ul li b {display: block; font-weight: 400; color:#fff; min-width:70px; margin-right:20px;}

.refer ul li  {margin-bottom:5px;}
.refer ul li a {font-size:14px; font-weight: 300; color:#e4e4e4; position: relative; padding-left:16px; display: block; letter-spacing: -.5px; }
.refer ul li a::before {content: ''; position: absolute; display: block; width:6px; height:6px; left:0; top:8px; background: #fff;}
.refer ul li a:hover {color:#fff ;}


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

}

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

}

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

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

}