@charset "euc-kr";

header {width:100%; min-width:320px; height:44px; background:url('/m/images/layout/bg_header_top.gif') repeat-x left top;}
header h1 {position:absolute; min-width:320px; text-align:center; width:100%;z-index:0;}
header h1 a{display:block; width:126px; margin:0 auto; padding:13px 0px 10px 0px;  }
header h1 a img{width:126px; }

.txt_cblue {color:#2077ce;}

h2 {padding-top:40px;}
h2.hiddenitem{padding-top:0px;}
h2 img{width:60%; max-width:828px;}
.mprom_tit .mprom_titimg .mprom_txt {font-size:42px; font-weight:bold; color:#444; padding-top:10px; letter-spacing:-1px;}

.mprom_tit span.italicstyle{font-style:italic;}
.mprom_tit .mprom_titimg .mprom_stxt {font-size:26px; color:#444; padding-top:5px;}
.mprom_tit .mprom_but {background:#f68f0f url('/m/images/promotion/bg_mprobutton.gif') no-repeat 97% center; display:block; padding:15px; margin-top:10px; text-decoration:none;}
.mprom_tit .mprom_but span{font-size:42px; color:#fff; font-weight:bold;}
.mprom_tit .txt_nocall {background:url('/m/images/promotion/bg_mpro_txt.gif') no-repeat left top; font-size:22px; margin:10px 0; padding:3px 0 3px 40px;}

.mpro_kvbox { border:1px solid #ddd;}
.mpro_bbox {padding:10px;}
.mpro_kvbox .mpro_kvbox1{border-bottom:1px solid #ddd; display:block;}
.mpro_kvbox .mpro_kvbox1:last-child{border-bottom:none;}
.mpro_kvbox .kvbox {width:50%; height:123px; float:left; font-size:24px; box-sizing:border-box; -moz-box-sizing:border-box }
.mpro_kvbox .kvbox:nth-child(2) p{padding-left:10px;}
.mpro_kvbox .kvbox span{font-weight:bold;}
.mpro_kvbox .mpro_kv1 {background:url('/m/images/promotion/bg_mpro_kv1.gif') no-repeat 88% 100%; border-right:1px solid #ddd; margin-bottom:10px;}
.mpro_kvbox .mpro_kv2 {background:url('/m/images/promotion/bg_mpro_kv2.gif') no-repeat 100% 100%; margin-bottom:10px;}
.mpro_kvbox .mpro_kv3 {background:url('/m/images/promotion/bg_mpro_kv3.gif') no-repeat 88% 100%;  border-right:1px solid #ddd;margin-top:10px;}
.mpro_kvbox .mpro_kv4 {background:url('/m/images/promotion/bg_mpro_kv4.gif') no-repeat 100% 100%;margin-top:10px;}

.mpro_list {padding-top:20px;}
.mpro_list li{background:url('/m/images/promotion/bg_mpro_dot.gif') no-repeat left 10px; font-size:22px; padding-left:15px;}

.mprom_inbox {display:block; padding-top:10px; border-top:1px solid #ddd; margin-top:14px;}
.mprom_input label{height:0px; line-height:0px; overflow:hidden; display:block;   }
.mprom_input input{border:1px solid #999999; padding:10px 0px; width:100%; text-indent:10px;box-sizing:border-box; -moz-box-sizing:border-box; margin-top:5px;  }



/* ÀÚµ¿Â÷ ¸ð¹ÙÀÏ ¸¶ÄÏÆà ÆäÀÌÁö °ü·Ã */
#direct_car_header {width:100%;  min-width:320px; height:44px; background:url('/m/images/layout/bg_header_top.gif') repeat-x left top;z-index:999;}
#direct_car_header h1 {position:absolute; min-width:320px; text-align:center; width:100%;z-index:0;}
#direct_car_header h1 a{display:block; width:126px; margin:0 auto; padding:11px 0px 10px 0px; }
#direct_car_header h1 a img{width:126px;}
#direct_car_footer {position:relative; background:#fff; border-top:1px solid #ddd; padding:0px 10px 20px 10px; margin-top:0px;}
.direct_car_tit{height:28px;padding-top:16px;border-bottom:1px solid #dbd9d5;}
.direct_car_tit h2{height:13px;text-align:center;padding-top:0px;}
.direct_car_tit h2 img{width:176px;height:13px;}
.direct_flicking_panel .panel{background:#f0f0f0;padding-bottom:20px}

.mmp{width:100%;margin-bottom:10px;}
.mm_plist{overflow:hidden;zoom:1;}
.mm_plist li{float:left;width:50%;float:left;border:0;}
.mm_plist li.w100{width:100%;}
.mm_plist li a{display:block;position:relative;z-index:1;padding:20px 0 19px 12px;border-bottom:1px solid #e0e0e0;}
.mm_plist li .unLink{position:relative;z-index:1;padding:20px 0 19px 12px;border-bottom:1px solid #e0e0e0;}
.mm_plist li.r_line .unLink{border-right:1px solid #e0e0e0;}
.mm_plist li.no_bline .unLink{border-bottom:0;}
.mm_plist li.list1 .unLink{background:url(/m/images/main/bg_mm_plist1.png) no-repeat 84% center;background-size:30px 25px;}
.mm_plist li.list2 .unLink{background:url(/m/images/main/bg_mm_plist2.png) no-repeat 84% center;background-size:32px 23px;}
.mm_plist li.list3 .unLink{background:url(/m/images/main/bg_mm_plist3.png) no-repeat 84% center;background-size:32px 20px;}
.mm_plist li.list4 .unLink{background:url(/m/images/main/bg_mm_plist4.png) no-repeat 86% center;background-size:34px 30px;}

.mm_plist li .unLink h3{font-size:15px;line-height:18px;margin-bottom:0px;padding-top:0px;letter-spacing:-1px;}
.mm_plist li .unLink .sub_tit{font-size:13px;padding-top:4px;line-height:14px;color:#1f77ce;}
.mm_plist li .unLink .sub_tit span{font-size:11px;vertical-align:bottom;line-height:12px;}
.mm_plist li.car{width:100%;}
.mm_plist li.car a{border:0;border-bottom:1px solid #e0e0e0;background-image:url(/m/images/main/bg_main_car.png);background-repeat:no-repeat;background-position:right center;background-size:156px 129px;}
.mm_plist li.car a h3{font-size:16px;line-height:16px;margin-bottom:0px;padding-top:0px;}
.mm_plist li.car a .sub_tit{color:#444;margin-top:3px;margin-bottom:16px;font-size:20px;letter-spacing:-1px;line-height:22px;}
.mm_plist li.car a .sub_tit strong{color:#f68f0f;}

.promotion_call_free{padding:5px 0 15px;}
.promotion_call_free p{font-weight:bold;line-height:20px;height:20px;text-align:center;font-size:12px;letter-spacing:-1px;}
.promotion_call_free p img{width:76px;height:20px;}

.m_arrow_btn{display:block;width:114px;height:28px;background:#2077ce;position:relative;color:red;margin-top:10px;margin-bottom:5px;}
.m_arrow_btn:before{content:"";position:absolute;top:0;left:0;border-bottom:14px solid #2077ce;border-left:0px solid #fff;border-right:14px solid #fff;width:100px;height:0;}
.m_arrow_btn:after{content:"";position:absolute;bottom:0;left:0;border-top:14px solid #2077ce;border-left:0px solid #fff;border-right:14px solid #fff;width:100px;height:0;}
.m_arrow_btn span{position:relative;z-index:10;line-height:28px;font-size:12px;color:#fff;padding-left:10px;}

.m_title_link{position:relative;height:30px;padding:15px 0 0 12px;}
.m_title_link p{font-size:16px;line-height:18px;color:#444;font-weight:bold;letter-spacing:-1px;}
.m_title_link .more{position:absolute;top:18px;right:14px;padding-right:10px;background:url(/m/images/main/m_main_bullet2.png);background-size:6px 10px;background-repeat:no-repeat;background-position:right 2px;color:#666;}

/* Àå±â Ä«µå ¼½¼Ç */
body.card_body{background:#5d6d8d;}
.card_sec_area{padding:10px;background:#5d6d8d;}
.card_sec_area .card_title{color:#fff;font-weight:normal;font-size:18px;line-height:26px;text-align:center;padding:10px 0 15px;letter-spacing:-1px;}
.card_sec_area .card_title strong{font-size:22px;line-height:30px;}
.card_rolling_wrap{border-radius:4px 4px;-webkit-border-radius:4px 4px;-moz-border-radius:4px 4px;background:#fff;padding:15px;}
.card_rolling_area{position:relative;z-index:1;width:100%;overflow:hidden;padding-bottom:30px;}
.card_rolling_area ul{width:100%;position:relative;top:0px;z-index:1;}
.card_rolling_area ul .card_section_list{position:absolute;z-index:1;}

.card_cont{color:#333;}
.card_cont h4{font-weight:bold;color:#333333;font-size:22px;line-height:26px;padding-bottom:10px;letter-spacing:-1px;}
.card_cont h4 span.normal_txt{font-size:14px;line-height:18px;font-weight:normal !important;}
.card_cont h4 strong{}
.card_cont p{line-height:18px;}
.card_cont .cont_img{width:100%;margin-top:10px;}
.card_cont .card_list{}
.card_cont .card_list li{padding-left:11px;margin-top:5px;background:url('/m/images/common/bl_dot_gray.gif') no-repeat left 6px}

.card_btn_wrap{text-align:center;margin-top:30px;}
a.card_btn{display:inline-block;height:14px;padding:10px 22px;border-radius:17px 17px;-webkit-border-radius:17px 17px;-moz-border-radius:17px 17px;background:#f67c0f;line-height:14px;}
a.card_btn span{display:inline-block;height:14px;padding-right:22px;color:#fff;font-size:14px;font-weight:bold;line-height:14px;background:url(/m/images/common/btn_card_arrow.png) no-repeat right top;background-size:8px 14px;}

#cardRollingIndexMark{position:absolute;bottom:0px;left:0px;width:100%;height:6px;text-align:center;overflow:hidden;font-size:6px;line-height:6px;}
#cardRollingIndexMark a{display:inline-block;overflow:hidden;width:6px;height:6px;background:url(/m/images/common/card_index_marker.png) no-repeat left -6px;background-size:6px 12px;margin:0 2px;text-indent:-99999em;}
#cardRollingIndexMark a.on{background-position-y:0px;}



/* //ÀÚµ¿Â÷ ¸ð¹ÙÀÏ ¸¶ÄÏÆà ÆäÀÌÁö °ü·Ã */

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

	h2 {padding-top:20px;}
	h2.hiddenitem{padding-top:0px;}
	.direct_car_tit h2{padding-top:0px;}
	.mprom_tit .mprom_titimg .mprom_txt {font-size:32px;}
	.mprom_tit .mprom_titimg .mprom_stxt {font-size:18px;}
	.mprom_tit .mprom_but span{font-size:30px;}
	.mprom_tit .txt_nocall {background-size:22px; font-size:16px; padding:4px 0 4px 30px;}

	.mpro_kvbox .kvbox {font-size:18px; height:90px;}
	.mpro_kvbox .mpro_kv1 {background-size:25%;}
	.mpro_kvbox .mpro_kv2 {background-size:25%;}
	.mpro_kvbox .mpro_kv3 {background-size:25%;}
	.mpro_kvbox .mpro_kv4 {background-size:25%;}

	.mpro_list {padding-top:10px;}
	.mpro_list li{background-size:4px; font-size:16px; padding-left:10px; line-height:22px;}

}

@media screen and (max-width:480px) {
	h2 img{width:85%;}
	.mprom_tit .mprom_titimg .mprom_txt {font-size:28px;}
	.mprom_tit .mprom_titimg .mprom_stxt {font-size:15px;}
	.mprom_tit .mprom_but { margin-top:10px;}
	.mprom_tit .mprom_but span{font-size:20px;}
	.mprom_tit .txt_nocall {background-size:22px; font-size:12px; padding:4px 0 4px 30px;}

	.mpro_kvbox .mpro_kv1 {background-size:28%;}
	.mpro_kvbox .mpro_kv2 {background-size:28%;}
	.mpro_kvbox .mpro_kv3 {background-size:28%;}
	.mpro_kvbox .mpro_kv4 {background-size:28%;}

	.mpro_kvbox .kvbox {font-size:14px; height:77px;}

	.mpro_list li{font-size:12px;}

	.mprom_tit .mprom_titimg .mprom_txt {letter-spacing:-1px;}
	.mprom_tit .mprom_but {background:#f68f0f url('/m/images/promotion/bg_mprobutton.gif') no-repeat 95% center; padding:10px; background-size:auto 65%}

}


@media screen and (max-width:400px) {
	h2 img{width:70%;}
	.mprom_tit .txt_nocall {letter-spacing:-1px;}
	.mpro_list li{letter-spacing:-1px;}
	.mprom_tit .mprom_titimg .mprom_txt {font-size:24px;}
}


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

	.mprom_tit .mprom_titimg .mprom_txt {font-size:20px;}

}