@charset "utf-8";

.after:after{clear:both; content:""; display:block; height:0; visibility:hidden}
ul:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.sub_h1{font-size:32px; letter-spacing:-0.075em; text-align:center; color:#333; font-weight:200;}

.sm_text h1{font-size:32px; letter-spacing:-0.075em; text-align:center; color:#444; font-weight:300;}
.sm_text p{font-size:18px; letter-spacing:-0.05em; text-align:center; color:#666; font-weight:200;}
.sm_text p b{font-weight:500;}
.br640on{display:none}
@media all and (max-width:1200px){
	.br1200none{display:none}
}
@media all and (max-width:640px){

	.sub_h1{font-size:5vw;}
	.sm_text h1{font-size:5vw; }
	.sm_text p{font-size:2.8125vw;}	
	.br640on{display:block;}
}

/* 인사말 */
.intro_con01 .img_box{float:left; width:600px;}
.intro_con01 .text_box{float:left; width:600px; padding-top:40px; padding-left:20px; box-sizing:border-box;}
.intro_con01 .text_box h1{font-size:32px; line-height:42px; padding-top:30px; padding-bottom:40px; letter-spacing:-0.075em; color:#333; font-weight:100;}
.intro_con01 .text_box p{font-size:18px; letter-spacing:-0.05em; color:#333; line-height:32px; font-weight:300; padding-bottom:20px;}
.intro_con01 .text_box p span{color:#828080; font-weight:500;}
.intro_con01 .text_box h2{font-size:20px; color:#444; letter-spacing:-0.05em; margin-top:70px; font-weight:300; text-align:right; }

@media all and (max-width:1200px){
	/* 인사말 */
	.intro_con01 .img_box{float:none; margin:0 auto;}
	.intro_con01 .text_box{float:none; margin:0 auto;}
}
@media all and (max-width:640px){
	/* 인사말 */
	.intro_con01 .img_box{width:93.75vw;}
	.intro_con01 .img_box img{width:72.5vw}
	.intro_con01 .text_box{width:93.75vw; padding-top:6.25vw; padding-left:0;}
	.intro_con01 .text_box img{width:44.84375vw; height:19.53125vw;}
	.intro_con01 .text_box h1{font-size:5vw; line-height:6.5625vw; padding-top:4.6875vw; padding-bottom:6.25vw; }
	.intro_con01 .text_box p{font-size:2.8125vw; line-height:5vw; padding-bottom:3.125vw }
	.intro_con01 .text_box h2{font-size:3.125vw; margin-top:10.9375vw; }
}

/* 개요 */
.summary_con01 h1{font-size:32px; letter-spacing:-0.075em; text-align:center; color:#444; font-weight:300;}
.summary_con01 img{width:100%}

.summary_con02{background:#e7f0ff;}
.summary_con02 .hr{width:1px; height:25px; background:#555; margin:20px auto;}
.summary_con02 .text{text-align:center;}
.summary_con02 .text img{margin:3px 15px; vertical-align:top}
.summary_con02 .text p{display:inline-block; font-size:34px; letter-spacing:-0.05em; color:#555; font-weight:200;}
.summary_con02 .text b{font-weight:500;} 
.summary_con02 .after{text-align:center; padding-top:30px;}
.summary_con02 .after .box{width:350px; height:315px; display:inline-block; background:#fff; vertical-align:top; margin-left:9px; margin-right:9px;}
.summary_con02 .after .box h1{font-size:26px; letter-spacing:-0.05em; color:#9c9c9c; text-align:center;}
.summary_con02 .after .box p{font-size:18px; letter-spacing:-0.05em; color:#333; text-align:center;}

.summary_con03 table{width:100%; border-collapse:inherit; border-spacing:1px; background:#ebebeb }
.summary_con03 tr th{background:#014076; color:#fff; padding:13px; font-size:16px; letter-spacing:-0.075em; font-weight:300; }
.summary_con03 tr td{font-size:16px; letter-spacing:-0.075em; padding:15px; color:#555555; background:#fff; }
.summary_con03 tr td p {margin-top:8px; margin-bottom:8px;}
.summary_con03 tr:nth-of-type(2n) td{background:#f5f5f5}
.summary_con03 tr td:nth-of-type(1){background:#0061b6; color:#fff; text-align:center;}

.summary_con04 table{width:100%; border-collapse:inherit; border-spacing:1px; background:#ebebeb }
.summary_con04 tr th{ font-size:16px; color:#fff; letter-spacing:-0.075em; background:#6ba8df; padding:13px; font-weight:300;}
.summary_con04 tr th:nth-of-type(1){background:#0061b6; color:#fff; }
.summary_con04 tr .leff_td{background:#0061b6; color:#fff;}
.summary_con04 tr .ham{background:#f5f5f5}
.summary_con04 tr td{background:#fff; color:#555; letter-spacing:-0.075em; font-size:16px; padding:15px; text-align:center;}

.summary_con05{background:#fff;}
.summary_con05 .after .box{width:270px; height:330px; float:left; display:block; margin-right:40px; vertical-align:top; background:#dbf1ff; padding-top:35px; box-sizing:border-box;}
.summary_con05 .after .box:last-child{margin-right:0;}
.summary_con05 .after .box img{display:block; margin:0 auto;}
.summary_con05 .after .box h1{margin:18px 0; text-align:center; color:#555; font-size:20px; letter-spacing:-0.05em; }
.summary_con05 .after .box p{font-size:18px; text-align:center; color:#555; line-height:26px;}

.summary_con06{background:#fafafa;}
.summary_con06 ul li{float:left; width:calc(33.333% - 1px);}
.summary_con06 ul li img{margin:0 auto; display:block;}
.summary_con06 ul li p{padding-top:35px; padding-bottom:35px; font-size:30px; color:#262626; letter-spacing:-0.05em; line-height:42px; text-align:center; font-weight:200;}
.summary_con06 ul li:nth-of-type(2n){width:1px;}
.summary_con06 ul li:nth-of-type(2n) span{margin-top:22px; display:block; width:1px; height:157px; background:#d7d7d7;}
.summary_con06 ul li:nth-of-type(3) p{padding-top:56px; padding-bottom:56px;}

.summary_con07 .box{width:300px; height:300px; float:left; padding:40px; box-sizing:border-box;}
.summary_con07 .box:nth-of-type(1){background:#f1fcff;}
.summary_con07 .box:nth-of-type(2){background:#eff1fe;}
.summary_con07 .box:nth-of-type(3){background:#eef6ff;}
.summary_con07 .box:nth-of-type(4){background:#eafbfe;}
.summary_con07 .box h1{font-size:16px; margin:15px 0; margin-top:50px; color:#606060; text-align:center; letter-spacing:-0.05em; font-weight:200;}
.summary_con07 .box p{font-size:20px; color:#333; letter-spacing:-0.05em; text-align:center;}

.summary_con08 .box img{display:block; margin:0 auto}
.summary_con08 .box2{float:left;}
.summary_con08 .down_con{width:280px; height:65px; line-height:65px; border-radius:30px; font-size:20px; letter-spacing:-0.05em; display:block; color:#fff; background:#00b0f1; margin:0 auto; margin-top:60px; text-align:center;}


@media all and (max-width:1200px){
	/* 개요 */
	.summary_con02 .after .box{width:310px; margin-left:4px; margin-right:4px;}

	.summary_con05 .after .box{width:calc(50% - 20px); margin-right:0; margin:10px;}

	.summary_con07 .box{width:50%; }
	
	.summary_con08 .box2{float:none; text-align:center; margin:20px 0; }
}

@media all and (max-width:1000px){
	/* 개요 */
	.summary_con02 .text p{font-size:28px}
	.summary_con02 .after .box{padding:20px; width:100%; box-sizing:border-box; display:block; margin:20px auto; height:auto;}
	.summary_con02 .after .box h1{padding-top:0 !important}

	.summary_con06 ul li{width:100%; float:none; margin-bottom:20px; }
	.summary_con06 ul li:nth-of-type(2n){width:100%;}
	.summary_con06 ul li:nth-of-type(2n) span{width:50%; margin:0 auto; height:1px;}
	.summary_con06 ul li:nth-of-type(3) p{padding:20px;}
	.summary_con06 ul li p{padding:20px;}

}
@media all and (max-width:900px){
	.summary_con08 .box img{width:100%}
}
@media all and (max-width:750px){
	.summary_con05 .after .box{width:100%; height:auto; float:none; padding:35px; margin:0; margin-bottom:20px;}

}

@media all and (max-width:640px){
	/* 개요 */
	.summary_con01 h1{font-size:5vw;}	

	.summary_con02 .hr{height:3.90625vw; margin:3.125vw auto;}
	.summary_con02 .text img{margin:0.46875vw 2.34375vw; width:3.4375vw; height:2.34375vw}
	.summary_con02 .text p{font-size:4.375vw;}
	.summary_con02 .after{padding-top:4.6875vw;}
	.summary_con02 .after .box{padding:3.125vw; margin:3.125vw auto;}
	.summary_con02 .after .box h1{font-size:4.0625vw;}
	.summary_con02 .after .box p{font-size:2.8125vw;}
	
	.summary_con03 tr th{padding:2.03125vw; font-size:2.5vw;}
	.summary_con03 tr td{font-size:2.5vw;padding:2.34375vw;}
	.summary_con03 tr td p {margin-top:1.25vw; margin-bottom:1.25vw;}

	.summary_con04 tr th{ font-size:2.5vw; padding:2.03125vw;}
	.summary_con04 tr td{font-size:2.5vw; padding:2.34375vw;}

	.summary_con05 .after .box{margin-bottom:3.125vw; padding:5.46875vw; }
	.summary_con05 .after .box h1{margin:2.8125vw 0; font-size:3.125vw;}
	.summary_con05 .after .box p{font-size:2.8125vw; line-height:4.0625vw;}
	.summary_con05 .after .box img{width:20.46875vw; height:20.46875vw;}

	.summary_con06 ul li{margin-bottom:3.125vw;}
	.summary_con06 ul li img{width:4.53125vw; height:3.4375vw;}
	.summary_con06 ul li p{padding-top:3.125vw; font-size:4.6875vw; line-height:6.5625vw; }
	.summary_con06 ul li:nth-of-type(3) p{padding:3.125vw;}
	.summary_con06 ul li:nth-of-type(2n) span{margin-top:3.4375vw;}

	.summary_con07 .box{height:auto; padding:4.6875vw;}
	.summary_con07 .box h1{font-size:2.5vw; margin:2.34375vw 0; margin-top:4.6875vw;}
	.summary_con07 .box p{margin-bottom:4.6875vw; font-size:3.125vw;}

	
	.summary_con08 .box2 img{width:93.75vw; height:60vw}

	.summary_con08 .down_con{width:43.75vw; height:10.15625vw; line-height:10.15625vw; border-radius:4.6875vw; font-size:3.125vw; margin-top:9.375vw;}


}

/* 연혁 */
.history_con01 .box{float:left; width:50%; padding-top:30px;}
.history_con01 .box img{width:100%}
.history_con01 .text_box{float:left; padding-top:30px; width:50%; height:358px; border-left:1px solid #b4b4b4; box-sizing:border-box;}

.history_con02 .box{float:left; width:calc(50% - 1px); }
.history_con02 .box img{width:100%}
.history_con02 .text_box{float:left; width:calc(50% + 1px); padding:50px; padding-left:0; box-sizing:border-box; border-right:1px solid #b4b4b4; text-align:right; box-sizing:border-box;}
.history_con02 .text_box h1{font-size:32px; color:#444; letter-spacing:-0.075em; font-weight:200; position:relative;}
.history_con02 .text_box h1 i{width:48px; height:5px; background:#ffc600; position:absolute; right:-50px; top:50%;}
.history_con02 .text_box ul li:after{clear:both; content:""; display:block ;height:0; visibility:hidden}
.history_con02 .text_box ul li{margin-top:30px;}
.history_con02 .text_box ul li b{float:right; display:block; margin-left:20px; font-size:18px; color:#003280; letter-spacing:-0.05em;}
.history_con02 .text_box ul li .li_box{float:right;}
.history_con02 .text_box ul li .li_box span{display:block; font-size:18px; color:#666; letter-spacing:-0.05em;}
.history_con02 .text_box ul li .li_box p{font-size:16px; font-weight:300; color:#737373}
.history_con02 .text_box ul .pc_none{display:none}

.history_con03 .box{float:left; width:50%; height:358px;}
.history_con03 .box img{width:100%}
.history_con03 .text_box{float:left; width:50%; padding:50px; padding-right:0; box-sizing:border-box; border-left:1px solid #b4b4b4; text-align:left}
.history_con03 .text_box h1{font-size:32px; color:#444; letter-spacing:-0.075em; font-weight:200; position:relative;}
.history_con03 .text_box h1 i{width:48px; height:5px; background:#ffc600; position:absolute; left:-50px; top:50%;}
.history_con03 .text_box ul li:after{clear:both; content:""; display:block ;height:0; visibility:hidden}
.history_con03 .text_box ul li{margin-top:30px;}
.history_con03 .text_box ul li b{float:left; display:block; margin-right:20px; font-size:18px; color:#003280; letter-spacing:-0.05em;}
.history_con03 .text_box ul li .li_box{float:left;}
.history_con03 .text_box ul li .li_box span{display:block; font-size:18px; color:#666; letter-spacing:-0.05em;}
.history_con03 .text_box ul li .li_box p{font-size:16px; font-weight:300; color:#737373}
.history_con03 .text_box ul .pc_none{display:none}

@media all and (max-width:1000px){
	/* 연혁 */
	.history_con01{display:none}

	.history_con02 .box{display:none}
	.history_con02 .text_box{width:100%; padding:50px; text-align:left; border-right:none; float:none; border-left:1px solid #b4b4b4;}
	.history_con02 .text_box h1 i{right:auto; left:-50px;}
	.history_con02 .text_box ul li b{float:none; display:block; margin:0;}
	.history_con02 .text_box ul li .li_box span{margin-bottom:10px}
	.history_con02 .text_box ul .pc_none{display:block; margin-left:-50px}
	.history_con02 .text_box ul li .li_box{float:none;}
	
	.history_con03 .box{display:none}
	.history_con03 .text_box{width:100%; float:none;}
	.history_con03 .text_box ul li b{float:none; display:block; margin:0;}
	.history_con03 .text_box ul li .li_box span{margin-bottom:10px}
	.history_con03 .text_box ul .pc_none{display:block; margin-left:-50px}
	.history_con03 .text_box ul li .li_box{float:none;}
}

@media all and (max-width:640px){
	/* 연혁 */
	.history_con02 .text_box{padding:7.8125vw; }
	.history_con02 .text_box h1{font-size:5vw; }
	.history_con02 .text_box h1 i{width:7.5vw; height:0.78125vw; left:-7.8125vw}
	.history_con02 .text_box ul li{margin-top:4.6875vw;}
	.history_con02 .text_box ul li b{font-size:2.8125vw; }
	.history_con02 .text_box ul li .li_box span{font-size:2.8125vw; margin-bottom:1.5625vw}
	.history_con02 .text_box ul li .li_box p{font-size:2.5vw;}
	.history_con03 .text_box ul .pc_none{margin-left:-7.8125vw}
	.history_con02 .text_box ul .pc_none img{width:93.75vw; height:51.25vw;}

	.history_con03 .text_box{padding:7.8125vw;}
	.history_con03 .text_box h1{font-size:5vw; }
	.history_con03 .text_box h1 i{width:7.5vw; height:0.78125vw; left:-7.8125vw;}
	.history_con03 .text_box ul li{margin-top:4.6875vw;}
	.history_con03 .text_box ul li b{font-size:2.8125vw; }
	.history_con03 .text_box ul li .li_box span{font-size:2.8125vw; margin-bottom:1.5625vw}
	.history_con03 .text_box ul li .li_box p{font-size:2.5vw;}
	.history_con03 .text_box ul .pc_none{margin-left:-7.8125vw}
	.history_con03 .text_box ul .pc_none img{width:93.75vw; height:51.25vw;}
}

/* 조직도 */
.interolor_con01 img{width:100%}
.interolor_con02 img{width:100%}

/* 오시는길 */
.contact_con01{}
.contact_con01 .map{width:100% !important; display:block;}
.contact_con01 ul li{margin:5px; text-align:center; font-size:18px; letter-spacing:-0.05em;}
.contact_con01 ul li b{display:inline-block; color:#003280; margin-right:10px;}
.contact_con01 ul li p{display:inline-block; color:#444;}

@media all and (max-width:640px){
	/* 오시는길 */
	.contact_con01 ul li{margin:0.78125vw; font-size:2.8125vw; }
	.contact_con01 ul li b{margin-right:1.5625vw;}
}

/* 복지충전소 안내 */

.plus_con01 h1{font-size:32px; color:#444; letter-spacing:-0.075em; text-align:center; font-weight:200;}
.plus_con01 p{font-size:18px; color:#666; letter-spacing:-0.05em; text-align:center; font-weight:300; padding-top:10px;}
.plus_con01 .plus_search{width:910px; margin:0 auto}
.plus_con01 .plus_search:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.plus_con01 .plus_search input{width:calc(100% - 110px); padding-left:25px; font-size:15px; box-sizing:border-box; float:left; height:50px; border:none; background:#eeecec; margin-right:10px;}
.plus_con01 .plus_search a{width:100px; height:50px; line-height:50px; font-size:15px; text-align:center;  letter-spacing:-0.05em; float:left; background:#003280; display:block; color:#fff;}

.custom_table table{width:100%;}
.custom_table table tr th{border-top:2px solid #003280; border-bottom:1px solid #efefef; font-size:18px; color:#353734; letter-spacing:-0.05em; text-align:center; padding:13px 0; font-weight:300;}
.custom_table table tr td{border-bottom:1px solid #efefef; font-size:16px; color:#353734; padding:20px 0; text-align:center; letter-spacing:-0.05em; }
.custom_table table tr td a{font-size:16px; color:#353734; letter-spacing:-0.05em;}

@media all and (max-width:1000px){
	/* 복지충전소 안내 */
	.plus_con01 .plus_search{width:100%;}
}

@media all and (max-width:640px){
	/* 복지충전소 안내 */
	.plus_con01 h1{font-size:5vw;}
	.plus_con01 p{font-size:2.8125vw;padding-top:1.5625vw;}
	.plus_con01 .plus_search input{width:calc(100% - 17.1875vw); padding-left:3.90625vw; font-size:2.34375vw;height:7.8125vw;margin-right:1.5625vw;}
	.plus_con01 .plus_search a{width:15.625vw; height:7.8125vw; line-height:7.8125vw; font-size:2.34375vw;}

	.custom_table table tr th{border-top:1px solid #003280; font-size:2.8125vw; padding:2.03125vw 0; }
	.custom_table table tr td{ font-size:2.5vw; padding:3.125vw 0;}
	.custom_table table tr td a{font-size:2.5vw;}
}

/* 판매장려금지급 */
.sale_con01{background:#fafafa}
.sale_con01 .sale_box{text-align:center;}
.sale_con01 .sale_box .icon_h1 p{font-size:22px; color:#555; letter-spacing:-0.05em; font-weight:500; margin-bottom:10px; }
.sale_con01 .sale_box .icon_h1 p span{color:#003280;}
.sale_con01 .sale_box ul li{margin-top:5px; font-size:18px; color:#555; letter-spacing:-0.05em; font-weight:200;}
.sale_con01 .sale_box b{font-size:18px; color:#555; font-weight:bold; letter-spacing:-0.05em; padding-top:30px; padding-bottom:20px; display:block;}
.sale_con01 .sale_box table{width:460px; margin:0 auto; border-collapse:inherit; border-spacing:1px; background:#ebebeb;}
.sale_con01 .sale_box table tr th{padding:13px; font-size:16px; letter-spacing:-0.075em; font-weight:500; background:#99adcc; color:#fff;}
.sale_con01 .sale_box table tr td{padding:13px; font-size:16px; letter-spacing:-0.075em; background:#fff; color:#7f7f7f}
.sale_con01 .after .box{width:calc(50% - 20px); float:left; background:#fff; height:300px; padding-top:40px; padding-left:50px; padding-right:50px; margin-left:10px; margin-right:10px; box-sizing:border-box; text-align:center;}
.sale_con01 .after .box p{font-size:22px; color:#555; letter-spacing:-0.05em; font-weight:500; margin-bottom:10px; }
.sale_con01 .after .box p span{color:#003280;}
.sale_con01 .after .box ul li{margin-top:5px; font-size:18px; color:#555; letter-spacing:-0.05em; font-weight:200;}
.sale_con01 .after .box ul li.co_red{font-size:16px; color:#b53030}

.sale_con02{background:#f3f8ff; text-align:center;}
.sale_con02 .inner:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.sale_con02 .box{width:calc(50% - 20px); height:300px; padding-top:40px; box-sizing:border-box; float:left; background:#fff; margin-right:20px;}
.sale_con02 .box:nth-of-type(2){margin-right:0;}
.sale_con02 .icon_h1 p{font-size:22px; color:#555; letter-spacing:-0.05em; font-weight:500; margin-bottom:10px; }
.sale_con02 ul {display:inline-block;}
.sale_con02 ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.sale_con02 ul li{margin-top:5px; font-size:18px; color:#555; letter-spacing:-0.05em;}
.sale_con02 ul li span{float:left; font-weight:500; margin-right:10px;}
.sale_con02 ul li p{float:left; text-align:left; font-weight:200;}

@media all and (max-width:1000px){
	/* 판매장려금지급 */
	.sale_con01 .after{text-align:center; }
	.sale_con01 .after .box{width:100%; height:auto; float:none; display:inline-block; margin-left:0; margin-right:0; padding-bottom:40px; margin-top:60px;}
	.sale_con01 .sale_box table{margin-bottom:0;}
	.sale_con02 .box{width:100%; margin-right:0; padding-bottom:40px; height:auto; margin-top:60px;}
	
}

@media all and (max-width:640px){
	/* 판매장려금지급 */
	.sale_con01 .sale_box .icon_h1 p{font-size:3.4375vw; margin-bottom:1.5625vw; }	
	.sale_con01 .sale_box .icon_h1 img{width:5.3125vw; height:5.3125vw;}
	.sale_con01 .sale_box ul li{margin-top:0.78125vw; font-size:2.8125vw; }
	.sale_con01 .sale_box b{font-size:2.8125vw; padding-top:4.6875vw; padding-bottom:3.125vw;}
	.sale_con01 .sale_box table{width:71.875vw; }
	.sale_con01 .sale_box table tr th{padding:2.03125vw; font-size:2.5vw;}
	.sale_con01 .sale_box table tr td{padding:2.03125vw; font-size:2.5vw;}

	.sale_con01 .after .box{padding-left:4.6875vw; padding-right:4.6875vw; padding-top:6.25vw; padding-bottom:6.25vw; margin-top:9.375vw;}
	.sale_con01 .after .box p{font-size:3.4375vw;margin-bottom:1.5625vw; }
	.sale_con01 .after .box ul li{margin-top:0.78125vw; font-size:2.8125vw;}
	.sale_con01 .after .box ul li.co_red{font-size:2.5vw;}
	.sale_con01 .after .box .icon_h1 img{width:5.3125vw; height:5.3125vw;}

	.sale_con02 .box{padding-top:6.25vw; margin-top:9.375vw; padding-bottom:6.25vw;}
	.sale_con02 .icon_h1 p{font-size:3.4375vw;margin-bottom:1.5625vw; }
	.sale_con02 ul li{padding-left:4.6875vw; padding-right:4.6875vw; margin-top:0.78125vw; font-size:2.8125vw;}
	.sale_con02 ul li span{margin-right:1.5625vw;}

	.img64 img{width:6.5625vw ; height:6.40625vw}
	.img642 img{width:7.1875vw; height:5.3125vw}
}

/* 무료대폐차지원서비스 */
.free_con01{background:#f9f9f9}
.free_con01 .box{float:left; width:390px; height:379px; margin-right:15px; background:#fff; padding:40px; box-sizing:border-box;}
.free_con01 .box:nth-of-type(3){margin-right:0;}
.free_con01 .box img{display:block; margin:0 auto;}
.free_con01 .box h2{font-size:22px; letter-spacing:-0.05em; color:#003280; margin:15px 0; text-align:center;}
.free_con01 .box p{font-size:18px; letter-spacing:-0.05em; color:#333; line-height:28px; text-align:center; margin-bottom:15px;}

.free_con02 table{width:100%; border-collapse:inherit; border-spacing:1px; background:#ebebeb;}
.free_con02 table tr th{background:#a0c3fe; color:#555; font-size:16px; letter-spacing:-0.075em; text-align:center; padding:13px;}
.free_con02 table tr td{background:#fff; color:#555; font-size:16px; letter-spacing:-0.075em; text-align:center; padding:12px;}
.free_con02 .free_more{text-align:center; background:#f9f9f9; padding-top:45px; padding-bottom:30px;}
.free_con02 .free_more a{display:inline-block; width:155px; height:212px; font-size:0; position:relative; margin-right:33px;}
.free_con02 .free_more a > img{width:100%}
.free_con02 .free_more a:hover .text{display:none;}
.free_con02 .free_more a:nth-of-type(2){margin-right:0;}
.free_con02 .free_more a .text{width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,0.7)}
.free_con02 .free_more a .text img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.free_con02 .free_more p{font-size:22px; color:#555; letter-spacing:-0.075em; text-align:center; padding-top:10px;}

@media all and (max-width:1200px){
	.free_con01 .box{width:calc(33.333% - 10px ); padding:20px;}
	.free_con01 .box h2{font-size:20px;}
	.free_con01 .box p{font-size:16px;}
}
@media all and (max-width:1000px){
	.free_con01 .box{width:100%; height:auto; float:none; padding:40px; margin-bottom:20px;}
	.free_con01 .box h2{font-size:22px;}
	.free_con01 .box p{font-size:18px;}
}
@media all and (max-width:640px){
	.free_con01 .box{padding:6.25vw; margin-bottom:3.125vw;}
	.free_con01 .box h2{font-size:3.4375vw; margin:2.34375vw 0; }
	.free_con01 .box p{font-size:2.8125vw; line-height:4.375vw; margin-bottom:2.34375vw;}

	.free_con02 table tr th{font-size:2.5vw; padding:2.03125vw;}
	.free_con02 table tr td{font-size:2.5vw; padding:1.875vw;}
	.free_con02 .free_more{padding-top:7.03125vw; padding-bottom:4.6875vw;}
	.free_con02 .free_more a{width:24.21875vw; height:33.125vw; margin-right:5.15625vw;}
	.free_con02 .free_more p{font-size:3.4375vw; padding-top:1.5625vw;}
	.free_con02 .free_more a .text img{width:5.78125vw; height:5.78125vw;}
}
/* 신한은행대출안내 */
.shinhan_con01 .more_box{position:relative; margin-bottom:70px;}
.shinhan_con01 .more_box:after{clear:both;content:""; display:block; height:0; visibility:hidden}
.shinhan_con01 .more_box .left{display:inline-block; width:320px; height:290px; vertical-align:top; }
.shinhan_con01 .more_box .text{display:inline-block; width:600px; vertical-align:top;}
.shinhan_con01 .more_box .text ul li:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.shinhan_con01 .more_box .text ul li{letter-spacing:-0.05em; margin-top:25px;}
.shinhan_con01 .more_box .text ul li span{width:120px; display:block; padding-left:25px; box-sizing:border-box; float:left; font-size:20px; color:#003280; font-weight:500;}
.shinhan_con01 .more_box .text ul li p{width:calc(100% - 120px); float:left; font-size:18px; color:#555; font-weight:200;}
.shinhan_con01 .right{width:219px; height:290px; display:block; position:absolute; right:0; top:0;}
.shinhan_con01 .right > img{width:100%}
.shinhan_con01 .right .position_box{width:100%; height:100%; background:rgba(0,0,0,0.7); position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.shinhan_con01 .right .position_box img{display:block; margin:0 auto; padding-top:80px;}
.shinhan_con01 .right .position_box p{font-size:16px; letter-spacing:-0.05em; color:#fff; text-align:center; font-weight:200; padding-top:10px;}
.shinhan_con01 .right:hover .position_box{display:none}
.shinhan_con02 .box{width:392px; height:330px; float:left; margin-right:12px; background:#003280; margin-bottom:12px;}
.shinhan_con02 .box:nth-of-type(3n){margin-right:0;}
.shinhan_con02 .box h1{font-size:20px; letter-spacing:-0.05em; text-align:center; color:#fff; padding-top:80px; padding-bottom:10px;}
.shinhan_con02 .box p{font-size:18px; letter-spacing:-0.05em; text-align:center; color:#fff; line-height:32px;}
.shinhan_con02 .inner > p{font-size:16px; color:#555; letter-spacing:-0.05em; }

@media all and (max-width:1200px){
	/* 신한은행대출안내 */
	.shinhan_con01 .more_box{text-align:center;}
	.shinhan_con01 .right{display:inline-block; vertical-align:top; position:relative; right:auto; top:0;}
	.shinhan_con01 .more_box .text{width:auto; text-align:left;}
	.shinhan_con02 .box{width:calc(50% - 12px);}
	.shinhan_con02 .box:nth-of-type(3n){margin-right:12px;}
	.shinhan_con02 .box:nth-of-type(2n){margin-right:0;}
}

@media all and (max-width:700px){
	/* 신한은행대출안내 */
	.shinhan_con02 .box{width:100%; margin-bottom:12px; height:auto;}
	.shinhan_con02 .box h1{padding-top:40px;}
	.shinhan_con02 .box p{padding-bottom:40px;}
}
@media all and (max-width:640px){
	/* 신한은행대출안내 */
	.shinhan_con01 .more_box{margin-bottom:10.9375vw;}
	.shinhan_con01 .more_box .left{width:50vw; height:45.3125vw;}
	.shinhan_con01 .more_box .left img{width:100%;}
	.shinhan_con01 .more_box .text ul li{margin-top:3.90625vw;}
	.shinhan_con01 .more_box .text ul li span{width:18.75vw; padding-left:3.90625vw; font-size:3.125vw;}
	.shinhan_con01 .more_box .text ul li p{width:calc(100% - 20.75vw); font-size:2.8125vw; }

	.shinhan_con01 .right{width:34.21875vw; height:45.3125vw;}
	.shinhan_con01 .right > img{width:100%}
	.shinhan_con01 .right .position_box p{font-size:2.5vw; padding-top:1.5625vw;}
	.shinhan_con01 .right .position_box img{width:7.5vw; height:7.65625vw; padding-top:12.5vw}
	.shinhan_con02 .box{margin-bottom:1.875vw;}
	.shinhan_con02 .box{margin-right:1.875vw; margin-bottom:1.875vw;}
	.shinhan_con02 .box h1{font-size:3.125vw; padding-top:6.25vw; padding-bottom:1.5625vw;}
	.shinhan_con02 .box p{font-size:2.8125vw; line-height:5vw; padding-bottom:6.25vw;}
	.shinhan_con02 .inner > p{font-size:2.5vw; }

}

/* 교환서비스 */
.exchange_con01 .inner > p{font-size:18px; color:#555; letter-spacing:-0.05em; text-align:center; padding-top:10px; padding-bottom:30px;}
.exchange_con01 .top{padding:45px; border:1px solid #e1e1e1; box-sizing:border-box; background:#f2f7ff}
.exchange_con01 .top img{display:block; margin:0 auto;}
.exchange_con01 .top h2{font-size:22px; padding-top:5px; letter-spacing:-0.05em; color:#003280; text-align:center; font-weight:bold}
.exchange_con01 .top p{font-size:22px; letter-spacing:-0.05em; color:#003280; text-align:center; font-weight:300;}
.exchange_con01 .top ul li{font-size:18px; color:#555; letter-spacing:-0.05em; text-align:center; margin-top:17px;}
.exchange_con01 .top ul li b{font-weight:500}
.exchange_con01 .bot ul li{float:left; width:50%; height:300px; padding:40px; border:1px solid #ebebeb; border-top:0; box-sizing:border-box;}
.exchange_con01 .bot ul li.li_on{padding:20px}
.exchange_con01 .bot ul li:nth-of-type(1){border-right:0;}
.exchange_con01 .bot ul li:nth-of-type(3){border-right:0;}
.exchange_con01 .bot ul li img{display:block; margin:10px auto 0;}
.exchange_con01 .bot ul li h2{font-size:22px;letter-spacing:-0.05em; color:#003280; text-align:center; font-weight:bold}
.exchange_con01 .bot ul li p{font-size:22px; letter-spacing:-0.05em; color:#003280; text-align:center; font-weight:300; padding-bottom:10px;}
.exchange_con01 .bot ul li span{display:block; font-size:18px; letter-spacing:-0.05em; color:#555; text-align:center; line-height:32px;}
.exchange_con01 .bot ul li span b{font-weight:500}
.exchange_con01 .bot ul li span .co_red{color:#df0000}
.exchange_con01 table{width:800px; margin:0 auto; margin-top:50px; text-align:center; font-size:16px; letter-spacing:-0.05em; border-collapse:inherit; border-spacing:1px; background:#ebebeb}
.exchange_con01 table tr th{background:#6ba8df; color:#fff; padding:15px; font-weight:500;}
.exchange_con01 table tr td{background:#fff; color:#555; padding:14px;}
.exchange_con01 table tr td a{background:#fff; color:#555; padding:14px;}

@media all and (max-width:1000px){
	/* 교환서비스 */
	.exchange_con01 .top{padding:40px;}
	.exchange_con01 .bot ul li{float:none; width:100%; height:auto;}
	.exchange_con01 table{width:100%;}
}
@media all and (max-width:640px){
	/* 교환서비스 */
	.exchange_con01 .inner > p{font-size:2.8125vw;padding-top:1.5625vw; padding-bottom:4.6875vw;}
	.exchange_con01 .top{padding:3.125vw;}
	.exchange_con01 .top h2{font-size:3.4375vw; padding-top:0.78125vw; }
	.exchange_con01 .top p{font-size:3.4375vw;}
	.exchange_con01 .top ul li{font-size:2.8125vw; margin-top:2.65625vw;}
	.exchange_con01 .bot ul li{padding:3.125vw;}
	.exchange_con01 .bot ul li.li_on{padding:3.125vw}
	.exchange_con01 .bot ul li img{margin:1.5625vw auto 0; width:5.625vw; height:5.9375vw}
	.exchange_con01 .bot ul li h2{font-size:3.4375vw;}
	.exchange_con01 .bot ul li p{font-size:3.4375vw; padding-bottom:1.5625vw;}
	.exchange_con01 .bot ul li span{font-size:2.8125vw; line-height:5vw;}
	.exchange_con01 table{margin-top:7.8125vw; font-size:2.5vw;}
	.exchange_con01 table tr th{padding:2.34375vw;}
	.exchange_con01 table tr td{padding:2.1875vw;}
    .exchange_con01 table tr td a{padding:1.25vw;}
}

/* 편의서비스 */
.co_blue{color:#003280}
.service_con01 .content h2{font-size:22px; padding-top:5px; letter-spacing:-0.05em; color:#003280; text-align:center; font-weight:bold}
.service_con01 .content p{font-size:22px; letter-spacing:-0.05em; color:#003280; text-align:center; font-weight:300;}
.service_con01 .content img{display:block; width:600px; height:350px; margin:20px auto;}
.service_con01 .content > b{display:block; font-size:20px; letter-spacing:-0.05em; color:#555; text-align:center;}
.service_con01 .content ul li{font-size:18px; color:#555; letter-spacing:-0.05em; text-align:center; margin-top:17px;}
.service_con01 .content .blank{width:100%; height:60px}
.service_con01 table{width:800px; margin:0 auto; margin-top:50px; text-align:center; font-size:16px; letter-spacing:-0.05em; border-collapse:inherit; border-spacing:1px; background:#ebebeb}
.service_con01 table tr th{background:#6ba8df; color:#fff; padding:15px; font-weight:500;}
.service_con01 table tr td{background:#fff; color:#555; padding:14px;}
.service_con01 table tr td a{background:#fff; color:#555; padding:14px;}

.service_con02{background:#f9fbff}

.service_con03 .inner > h2{font-size:22px; padding-top:5px; letter-spacing:-0.05em; color:#003280; text-align:center; font-weight:bold; padding-top:50px;}
.service_con03 .inner > p{font-size:22px; letter-spacing:-0.05em; color:#003280; text-align:center; font-weight:300; padding-bottom:30px;}
.service_con03 .after{width:75%; margin:0 auto;}
.service_con03 .box{width:33.333%; float:left; padding:85px 30px; border:1px solid #ebebeb; border-right:0; box-sizing:border-box;}
.service_con03 .box:nth-of-type(3){border:1px solid #ebebeb;}
.service_con03 .box img{display:block; margin:20px auto 10px;}
.service_con03 .box p{font-size:22px; color:#555; letter-spacing:-0.05em; text-align:center; font-weight:300;}

@media all and (max-width:1000px){
	/* 편의서비스 */
	.service_con01 table{width:100%;}
	
	.service_con03 .after{width:50%}
	.service_con03 .box{width:100%; border-right:1px solid #ebebeb;}
	.service_con03 .box:nth-of-type(1){border-bottom:0}
	.service_con03 .box:nth-of-type(2){border-bottom:0}
}

@media all and (max-width:640px){
	/* 편의서비스 */
	.service_con01 .content h2{font-size:3.4375vw; padding-top:0.78125vw;}
	.service_con01 .content p{font-size:3.4375vw;}
	.service_con01 .content img{width:93.75vw; height:54.6875vw; margin:3.125vw auto;}
	.service_con01 .content > b{font-size:3.125vw;}
	.service_con01 .content ul li{font-size:2.8125vw; margin-top:2.65625vw;}
	.service_con01 .content .blank{height:9.375vw}
	.service_con01 table{margin-top:7.8125vw; font-size:2.5vw;}
	.service_con01 table tr th{padding:2.34375vw;}
	.service_con01 table tr td{padding:2.1875vw;}
    .service_con01 table tr td a{padding:1.25vw;}

	.service_con03 .inner > h2{font-size:3.4375vw; padding-top:0.78125vw; padding-top:7.8125vw;}
	.service_con03 .inner > p{font-size:3.4375vw; padding-bottom:4.6875vw;}
	.service_con03 .after{width:100%}
	.service_con03 .box{padding:13.28125vw 4.6875vw; }
	.service_con03 .box img{width:14.0625vw; height:11.5625vw; margin:3.125vw auto 1.5625vw;}
	.service_con03 .box p{font-size:3.4375vw; }
}


/* 투자정보쪽 게시판 */

.ju_con01 table{width:800px; margin:0 auto; border-collapse:inherit; border-spacing:1px; background:#ebebeb}
.ju_con01 table tr th{background:#6ba8df; color:#fff; padding:13px; font-size:16px; letter-spacing:-0.075em; text-align:center; font-weight:300}
.ju_con01 table tr td{background:#fff; color:#555; padding:10px; font-size:16px; letter-spacing:-0.075em; text-align:center;}

.ju_con02 .iframe_box{width:800px; height:700px; margin:0 auto; overflow:hidden}
.ju_con02 .iframe_box iframe{width:100%}

.bot_btn02{text-align:center;}
.bot_btn02 a{width:260px; height:50px; display:inline-block; border-radius:20px; line-height:50px; color:#fff; vertical-align:top; background:#00b0f1; text-align:center; font-size:16px; letter-spacing:-0.05em;}
.bot_btn02 .ju_btn2{margin-left:20px;}
.bot_text{text-align:center; font-size:15px; color:#c5c5c5; font-weight:200;}
@media all and (max-width:860px){
	.ju_con01 table{width:100%}
	.ju_con02 .iframe_box{width:100%;}
}
@media all and (max-width:640px){
	.ju_con01 table tr th{padding:2.03125vw; font-size:2.5vw;}
	.ju_con01 table tr td{padding:1.5625vw; font-size:2.5vw;}

	.bot_btn02 a{width:40.625vw; height:7.8125vw; border-radius:3.125vw; line-height:7.8125vw; font-size:2.5vw;}
	.bot_btn02 .ju_btn2{margin-left:3.125vw;}
	.bot_text{font-size:2.34375vw;}
}

.branch_table > tbody > tr > td:after{display:block;content:"";clear:both;}
.branch_table > tbody > tr > td .map_type{width:50%; float:left; height:400px; margin-top:0;}
.front{width:50%; float:left}
.branch_table > tbody > tr > td .up_txt{width:100%;}
.branch_table > tbody > tr > td .up_txt > div{margin-left:0;}
.branch_table > tbody > tr > td .up_txt > div + div{margin-left:0;}
.branch_table > tbody > tr > td .up_txt > div.adr{width:100%;}
.branch_table > tbody > tr > td .up_txt > div.car dl dt{width:110px;}

@media all and (max-width:1200px){
	.branch_table > tbody > tr > td .map_type{width:100%;}
	.front{width:100%;}
	.branch_table > tbody > tr > td img{height:auto}
    .branch_table > tbody > tr > td .up_txt{float:right;width:100%;}
    .branch_table > tbody > tr > td .up_txt > div{margin-left:0;width:100%;margin-top:2%;}
    .branch_table > tbody > tr > td .up_txt > div + div{margin-left:0;}
    .branch_table > tbody > tr > td .up_txt > div.adr{width:100%;}
}
@media all and (max-width:640px){
	.branch_table > tbody > tr > td .map_type{height:62.5vw}
}

/* 사이트맵 sitemap */
.sitemap {padding-bottom:100px;}
.sitemap .con01 {margin-bottom:40px;}
.si_tit {height:60px; padding-left:18px; margin-bottom:10px; font-size:20px; font-weight:500; color:#fff; background:#003280; line-height:58px;}
.sit_inner {border:1px solid #e5e4e4;}
.sit_inner dl {height:215px; padding:24px 24px; box-sizing:border-box;}
.sit_inner dl dt {padding-left:15px; font-size:17px; color:#525252; letter-spacing:-0.06em; }
.sit_inner dl dt a {font-size:17px; color:#525252; display:block;}
.sit_inner dl dt a img{margin-top:8px; margin-right:10px;}
.sit_inner dl dd {font-size:17px; color:#9e9e9e;}
.sit_inner dl dd a {font-size:17px; color:#9e9e9e;}
.sit_inner dl dd p {margin-bottom:10px;}
.sit_inner dl dd p:hover a{color:#003280}
.sit_inner dl dt a:hover{color:#003280; margin-left:5px; transition: 0.2s all; -ms-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -webkit-transition: 0.2s all;}
.sit_inner dl dt a:hover span{transition: 0.2s all; -ms-transition: 0.2s all; -moz-transition: 0.2s all; -o-transition: 0.2s all; -webkit-transition: 0.2s all;}
.sitemap .con01 .si_tit {width:25%; box-sizing:border-box;}
.sitemap .con01 .sit_inner {overflow:hidden; border:0; border-top:1px solid #e5e4e4;}
.sitemap .con01 dl {float:left; width:25%; overflow:hidden; border-right:1px dashed #e5e4e4; border-bottom:1px dashed #e5e4e4;}
.sitemap .con01 dl:nth-of-type(4n+1) {border-left:1px solid #e5e4e4;}
.sitemap .con01 dl:nth-of-type(n+9) {border-bottom:1px solid #e5e4e4;}
.sitemap .con01 dl dt {float:left; width:50%; box-sizing:border-box;}
.sitemap .con01 dl dd {float:left; width:50%;}
.sit_inner dl dt a:after{clear:both; content:""; display:block; height:0; visibility:hidden}
.sit_inner dl dt a span{float:left; display:block;}
.sit_inner dl dt a img{float:left}
.sitemap .con02 ul {margin:0; overflow:hidden;}
.sitemap .con02 ul li {float:left; width:32.3%; margin-right:1%; margin-top:1%;}
.sitemap .con02 ul li:last-child {margin-right:0;}
.sitemap .con02 ul li dl dt {margin-bottom:10px;}

@media all and (max-width:1000px){
	.sitemap .con02 ul li{width:49%; margin-right:2%}
	.sitemap .con02 ul li:nth-of-type(2n) {margin-right:0;}
}
@media all and (max-width:640px){
	.sitemap{padding-bottom:15.625vw}
	.si_tit{height:9.375vw; padding-left:2.8125vw; margin-bottom:1.5625vw; font-size:3.125vw; line-height:9.0625vw;}
	.sit_inner dl{height:33.59375vw; padding:3.75vw 3.75vw;}
	.sitemap .con02 ul li dl dt{margin-bottom:0.78125vw;}
	.sit_inner dl dt{padding-left:2.34375vw; font-size:2.65625vw; }
	.sit_inner dl dt a{font-size:2.65625vw;}
	.sit_inner dl dt a img{width:0.9375vw; height:1.875vw; margin-top:1.25vw; margin-right:1.5625vw;}
}