@charset "euc-kr";

	.header_relative {position:relative;padding-top: 27px;}
	#anyWrap {width:100%; min-width:320px; }
	#header {    width: 100%;
    min-width: 320px;
    height: 70px;
    z-index: 999;
    background-color: #2077CE;
    border-bottom: 1px solid #1963ab;}
	#header h1 {position:absolute; min-width:320px; text-align:center; width:100%;z-index:0;}
	#header h1 a{display:block; width:126px !important; margin:0 auto; padding:7px 0px 10px 0px; border:0;outline:none;}
	#header .btn_apphome{display:block;position:relative;z-index:10;width:44px;height:35px;padding-top:10px;text-align:center;}
	#header .btn_apphome img{width:30px;height:25px;}
	#header h1 a img{width:137px;border:0;outline:none;}
	#header .header_app_wrap{width:100%;  min-width:320px; height:44px;background:#2077ce;}

	#gnb{float:left; position:relative;  z-index:1;}
	#gnb_btn{display:block; float:left; width:46px; height:43px; text-indent:-999em; background:url('images/btn_menu.png') no-repeat left top; background-size:46px 44px;}

	.menu {display:none; width:253px;}
	.menu h3{padding-left:15px; background:url('images/gnb_linebg.gif') #58668c repeat-x left bottom; color:#ced8f4; font-size:12px; height:24px; line-height:24px; font-weight:bold; }

	.menu ul li {float:left; width:248px; background:url('images/gnb_linebg.gif') #47557a repeat-x left bottom; text-indent:15px;}
	.menu ul li a{color:#ffffff; font-size:13px; height:44px; line-height:44px; font-weight:bold; letter-spacing:-1px;z-index:3;position:relative;}
	.menu ul li ul li {width:248px; background:url('images/gnb_linebg_2dep.gif') #eaebf0 repeat-x left bottom;}
	.menu ul li ul li a{color:#666666; font-size:12px;}
	.1depbox{position:relative;  padding:0px; }

	#calculator {float:right; position:relative;  z-index:1;}
	#calculator_btn {float:left; background:url('images/btn_cal.png') no-repeat left top; width:132px; height:44px; background-size:132px 176px;}
	#calculator_btn.on {background-position:0 -88px;}
	.calculator_layer {position:absolute; top:44px; right:0; width:360px; z-index:100;}
	.calculator_layer .bnr_area a {display:block; float:left; width:50%;}
	.calculator_layer .bnr_area img{width:240px; height:140px;}
	.calculator_layer .mobileapp_down {padding:20px 35px 20px 14px; border:1px solid #f68f0f; border-top:none; background:#fff url('images/icon_new.png') no-repeat; background-position:95% 70%; -webkit-background-size: 82px 82px; background-size: 82px 82px;}
	.calculator_layer .mobileapp_down .desc {float:left; width:270px;}
	.calculator_layer .mobileapp_down .desc p {margin:0 0 15px; line-height:22px;}
	.calculator_layer .mobileapp_down .ico {float:right; margin:10px 0 0;}
	.calculator_layer .mobileapp_down .ico img {width:82px; height:auto;}
	.calculator_layer .mobileapp_down .btn_basetype {width:165px; background:url('images/icon_mobileapp_down.gif') no-repeat 95% 50%;}
	.calculator_layer .mobileapp_down .ico {display:block; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em;}

	.calculator_layer .calc_layer_cont{border:1px solid #f68f0f; border-top:none;background:#fff;}
	.calculator_layer .calc_layer_cont hgroup{padding:12px;padding-left:15px;border-bottom:1px solid #c4c4c4;background:#f6f6f6;}
	.calculator_layer .calc_layer_cont hgroup h3{font-size:15px;}
	.calculator_layer .calc_layer_cont hgroup p{color:#f68f0f;font-weight:bold;font-size:15px;}
	.calculator_layer .calc_layer_cont .layer_cont{}
/*
	.calculator_layer .calc_layer_cont .layer_cont a{display:block;padding:13px 15px 12px;border-bottom:1px solid #c4c4c4;font-size:14px;color:#666;background-image:url(images/bg_m_calc.png);background-repeat:no-repeat;background-size:50px 240px;font-weight:bold;}
	.calculator_layer .calc_layer_cont .layer_cont a span{font-size:10px;font-weight:normal;}
	.calculator_layer .calc_layer_cont .layer_cont a.car{background-position:right 0px;}
	.calculator_layer .calc_layer_cont .layer_cont a.endo{background-position:right -40px;}
	.calculator_layer .calc_layer_cont .layer_cont a.mydrive{background-position:right -80px;}
	.calculator_layer .calc_layer_cont .layer_cont a.leisure{background-position:right -120px;}
	.calculator_layer .calc_layer_cont .layer_cont a.retire{background-position:right -160px;}
	.calculator_layer .calc_layer_cont .layer_cont a.mysweethome{background-position:right -200px;}
*/
	.calculator_layer .calc_layer_cont .layer_cont a{display:block;padding:13px 15px 12px;border-bottom:1px solid #c4c4c4;font-size:14px;color:#666;font-weight:bold;}
	.calculator_layer .calc_layer_cont .layer_cont a span{font-size:10px;font-weight:normal;}
	.calculator_layer .calc_layer_cont .layer_noti{padding:10px 15px;}
	.calculator_layer .calc_layer_cont .layer_noti p{color:#00b2ce;text-indent:-11px;padding-left:10px;font-size:11px;letter-spacing:0px;}

	#container {background:#fff; padding:40px 45px 60px 45px}
	#pormotion_container {background:#fff; padding:0px 45px 60px 45px}
	#m_container {background:#fff; margin-top:0px; padding-top:44px;}

	#footer {position:relative; background:#fff; border-top:1px solid #ddd; padding:15px 13px 15px 13px; margin-top:70px;}
	#footleft {float:left; width:33%;}
	#footcenter {float:left; width:33%;}
	#footright {float:left; width:33%; padding-left:10px; box-sizing:border-box;}
	.foosvc_private li {float:left; font-weight:bold; padding-right:10px; background:url('images/footleft_svcline.gif') no-repeat right 5px;}
	.foosvc_private li:last-child {padding-left:10px; background:none;}
	.foosvc_private li a{color:#252525; font-size:13px; letter-spacing:-1px;}
	#footright p {line-height:18px; padding-top:15px; font-size:12px; letter-spacing:-1px;}
	#footright p:last-child {padding-top:10px; line-height: 22px; font-size:14px;}

	#footleft .footer_num {float:left; width:50%; padding-left:10px; box-sizing:border-box;}
	#footleft .footer_num img{width:100%;}
	#footleft .footer_num:first-child {padding-left:0;}
	#footleft .footer_num:last-child{ background:url('images/bg_callcenterline.gif') repeat-y left top;}
	#footleft .footer_num:last-child img {width:100%; max-width:137px; }
	#footleft .footer_num dt{font-size:14px; padding-bottom:3px;}
	#footleft .footer_num .footer_number{color:#2077ce; font-size:23px; letter-spacing:-1px; font-weight:bold; padding-bottom:5px; font-family:arial;}
	#footleft .footer_num .footer_number span{color:#f68f0f;}
	#footleft .footer_num .footer_number a{color:#2077ce; text-decoration:none;}
	#footleft .footer_num .footer_number a img{width:18px;height:24px;margin-top:3px;}
	#footleft .footer_num .footer_numco {font-size:13px; color:#707070;}
	#footleft .footer_num .footer_numco p{padding-left:45px;}
	#footleft .footer_num .footer_numco span{float:left;}
	#footleft .footer_num .footer_numco .footer_numcob{ display:block; width:50px;}

	#footcenter {}
	#footcenter p{float:left; display:inline-block; width:48%; margin-right:2%; background:#fff; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
	#footcenter a{display:block; text-align:left; font-weight:bold; font-size:12px; padding:8px 25px 10px 8px; background:url('images/girl1.gif') no-repeat right 50%; letter-spacing:-1px; background-size:28px;}
	#footcenter p:last-child{margin-left:2%;margin-right:0;}
	#footcenter p:last-child a{display:block; padding:8px 25px 10px 8px; background:url('images/hand.gif') no-repeat right; background-size:20px;}

	.m_footer_sns{width:100%;overflow:hidden;padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #dad9d5;}
	.m_footer_sns .sns_text{width:39%;margin-left: 3%;float:left;font-weight:bold;font-size:15px;line-height:30px;}
	.m_footer_sns .sns_list{width:47%;float:right;margin-right:3%;}
	.m_footer_sns .sns_list ul{float:right;}
	.m_footer_sns .sns_list ul li{float:left;width:31px;height:31px;padding-left:5px;}
	.m_footer_sns .sns_list ul li a{display:block;width:31px;height:31px;margin:0 auto;text-align:center;}
	.m_footer_sns .sns_list ul li a img{width:100%;}
	
	#footer .f_bnr{display:block;width:100%;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #dad9d5;text-align:center;}
	#footer .f_bnr img{width:300px;}

@media screen and (max-width:980px) {
	#footleft {float:left; width:49%;}
	#footcenter {float:right; width:49%;}
	#footright {clear:both; float:left;  width:100%; margin-top:20px; padding-left:0;}
	#container {padding:40px 30px 60px 30px;}
	#pormotion_container {background:#fff; padding:0px 30px 60px 30px}


}


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

	#footer {background:#fff; border-top:1px solid #ddd; padding:15px 13px 15px 13px;margin-top:70px;}
	#footer .ex_hidetype {display:none;}
	#footleft {width:100%;}
	#footcenter{width:100%; margin-top:20px;}
	#footright{width:100%;}
	#footcenter p:last-child{margin-right:0px;}

	#footright {width:100%;padding-bottom:0px; }
	#footright p{padding-left:0px; padding-top:5px; letter-spacing:0px; }
	#footright p.copyright{padding-left:0px; padding-top:0px; }
	#footright ul{padding-left:0px; }
	#footright ul li{letter-spacing:0px;}
	#container {padding:40px 20px 60px 20px;}
	#pormotion_container {background:#fff; padding:0px 20px 60px 20px}



}

@media screen and (max-width:480px) {
	#calculator_btn {width:45px; background-position:0px -44px; }
	#calculator_btn.on {background-position:0 -132px;}
	.calculator_layer {width:80%;}
	.calculator_layer .bnr_area img {width:100%; height:auto;}
	.calculator_layer .mobileapp_down {padding:20px 27px 20px 14px; background-position:90% 70%; -webkit-background-size: 65px 65px; background-size: 65px 65px;}
	.calculator_layer .mobileapp_down .desc {width:60%;}
	.calculator_layer .mobileapp_down .desc p {font-size:12px; line-height:18px;}
	.calculator_layer .mobileapp_down .ico {width:20%;}
	.calculator_layer .mobileapp_down .ico img {width:100%;}
	.calculator_layer .mobileapp_down .btn_basetype {width:135px; font-size:12px;}

	#footleft .footer_num{width:50%;}
	#footleft img{width:100%;}
	#container {padding:40px 15px 60px 15px;}
	#pormotion_container {background:#fff; padding:0px 15px 60px 15px}


}

@media screen and (max-width:400px) {
	#footer .ex_hidetype {display:block;}


}

@media screen and (max-width:380px) {
	#footer .ex_hidetype {display:block;}
	#footleft .footer_num dt{font-size:13px;}
	.m_footer_sns .sns_text{font-size:15px;}
	#footleft .footer_num .footer_numco {font-size:13px;}


}
@media screen and (max-width:350px) {
	#footer .ex_hidetype {display:block;}
	.m_footer_sns .sns_text{font-size:15px;}
	#footleft .footer_num dt{font-size:12px;}
	#footleft .footer_num .footer_number{font-size:22px;}
	#footleft .footer_num .footer_numco {font-size:12px;}
	#footleft .footer_num .footer_number a img{width:16px;height:16px;margin-top:5px;}


}