/* Add here all your CSS customizations */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:400,500,700&subset=korean');
.ion1 {font-family: 'Noto Sans KR';font-size:18px;color:#424242;padding-left:5rem !important;}
.ion1 h2 {font-size:45px;color:#000;font-weight:500;}
.ion1 .dl01 {margin-top:50px;padding:15px 0 15px 145px;background:url('/img/main/ion_img2.png') no-repeat 0 50%;}
.ion1 .dl01 dt {font-size:24px;color:#3c78ad;font-weight:500;}
.ion1 .dl02 {padding:15px 0 15px 145px;background:url('/img/main/ion_img3.png') no-repeat 0 50%;}
.ion1 .dl02 dt {font-size:24px;color:#3c78ad;font-weight:500;}
.ion-info {overflow:hidden;font-family: 'Noto Sans KR';}
.ion-info div {float:left;width:33.3%;height:697px;letter-spacing: -1px;}
.ion-info div:first-child {width:33.4%;}
.ion-info .col1 {padding:62px 10px 0 35px;background:#eff0f5 url('/img/main/ion_img4.png') no-repeat 50% 0;line-height:48px;background-size: cover;}
.ion-info .col1 dt {font-size:36px;color:#3c78ad;font-weight:500;}
.ion-info .col1 dd {font-size:36px;color:#424242;}
.ion-info .col2 {padding:230px 10px 0 10px;background:#f2ebdd;text-align: center;}
.ion-info .col2 dt {font-size:48px;color:#424242;margin-bottom:65px;font-weight:400;line-height:1;}
.ion-info .col2 dd {font-size:24px;color:#424242;line-height:36px;margin-bottom:55px;}
.ion-info .col2 .btn {background:#fff;color:#424242;border-radius:0;border:0;}
.ion-info .col3 {padding:230px 10px 0 10px;text-align: center;background:#d6d4c9 url('/img/main/ion_img5.png') no-repeat 50% 0;background-size: cover;}
.ion-info .col3 dt {font-size:34px;color:#030f50;margin-bottom:30px;font-weight:400;}
.ion-info .col3 dd {font-size:18px;color:#030f50;}
@media only all and (max-width: 1330px) {
	.ion-info .col1 dt {font-size:26px;}
	.ion-info .col1 dd {font-size:26px;}
	.ion-info .col2 dt {font-size:36px;}
	.ion-info .col2 dd {font-size:20px;}
	.ion-info .col3 dt {font-size:30px;}
	.ion-info .col3 dd {font-size:16px;}
}
@media only all and (max-width: 1024px) {
	.ion-info div {float:none;width:100%;}
	.ion-info div:first-child {width:100%;}
	.ion-info dl,.ion-info dd {margin:0;}
}
@media only all and (min-width: 768px) {
	.ion-img1 {position: relative;top:-130px;margin-bottom:-130px !important;}
}
@media only all and (max-width: 768px) {
	.ion1 {padding-left:15px !important;}
}
@media only all and (max-width: 767px) {
	.ion-img1 {text-align: center;}
	.ion-img1 img {padding:0 !important;}
	.ion1 {font-size:16px;}
	.ion1 h2 {font-size:35px;}
	.ion1 .dl01 {margin-top:30px;}
	.ion1 .dl01 dt {font-size:20px;}
	.ion1 .dl02 dt {font-size:20px;}
}