@import url(../../common/css/renewal/reset.css);
@import url(../../assem/css/renewal/gu_common.css);

/* 의안정보 비주얼 */
.wrap-1180 {max-width:1180px;width:100%;margin:0 auto;}
.con4.blue .inner {background-color:#28558c;}
.con-04 .btn-wrap .btn img {padding-top:7px}

.vod_logo {display:inline-flex; min-width: 160px; align-items: center; font-weight:700; color:rgba(255,255,255,0.8);  justify-content: center;padding-top:5px; width:150px }
.vod_logo > a {display:inline-flex; align-items: center; justify-content: center; }
.vod_logo strong {padding-top:1px; font-weight:500; color:#888; padding-left:5px; font-size:14px;}
.vod_logo strong i {font-size:150%; color:#333; display:inline-block; margin-right:5px; display:block; font-weight:700; line-height:22px}
.vod_logo img {width:45px;}
.footer .vod_logo {margin-top:30px;}

.sub .title .fz15 {margin-top:12px}

.footer .input input {border-radius:0;}
.footer .select select{height: 30px;  line-height: 30px; border-radius:0; border:none; background-color:transparent;}
.footer .select {padding-right:25px;background-repeat:no-repeat;background-position:right 5px center;display:inline-block;cursor:pointer;position:relative;border:1px solid #ced1d6;}
.footer .select select {padding-left:20px;padding-right:25px;position:absolute;top:0;bottom:0;right:0;left:0;height:32px;}


.con-04 input[type="checkbox"], .con-04 input[type="radio"] {
    height: 15px;
    line-height: 15px;
    min-width:15px !important;

}
.con-04 .input.pt5 {padding-top:0;}

.main_visual {padding:70px 20px; display:block; position: relative; background-image:url(/module/bills/images/bill_main_visual.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover;}
.main_visual .df {justify-content: space-between; align-items: center;}
.main_visual .visual_left { padding-bottom:30px}
.main_visual .visual_txt {font-size:170%; font-weight:700; display:block; padding:20px 0; width:100%;}
.main_visual .visual_txt * {display:block; color:#fff; padding:5px 0; text-shadow: 1px 1px 5px rgba(0,0,0,0.4);}
.main_visual .visual_txt span {padding-bottom:15px}
.main_visual .visual_txt strong {font-size:200%; font-family: 'GmarketSans';}
.main_visual .visual_txt p {font-size:70%; }

.main_visual .searBox-01 {
    height: 55px;
    line-height: 55px;
    border: none;
}
.searBox-01 .input input {
	display:block;
    height: 55px;
    line-height: 50px;
    padding-left: 20px;
    font-size: 18px;
    font-weight:500;
    border:none;
    border-radius:0;
}

.searBox-01 .submit {
    min-width: 54px;
    height: 55px;
}

.main_visual .main_chart {display:block; background-color:#fff; border-radius:20px;  box-shadow: 5px 5px 15px rgba(0,0,0,0.15); text-align:center; padding:20px 10px; min-width:310px; min-height:220px; }
.main_visual .main_chart > strong{font-size:170%; font-family: 'GmarketSans';color:#000; display:block; text-align:center; font-weight:700;}
.main_visual .main_chart > a{background-color:#5b6c81; color:#fff; display:inline-block; padding:5px 20px; border-radius:10px;}

#bill_chart {width:100%; height:220px;}

@media only screen and (max-width:991px){
	.main_visual {padding:20px;}
	.main_visual .df {flex-wrap:wrap;}
	.main_visual .main_chart {padding:10px; min-width:100%; min-height:auto;}
	.main_visual .visual_txt {font-size:120%;}
	
}

@media only screen and (max-width:756px){
	#bill_chart {width:100%; height:240px;}	
}



.con4 a.ovh {display:block;}