@charset "euc-kr";

/* common */

*{-webkit-text-size-adjust:none;}
body {margin:0; padding:0; color:#444; font-style:normal; font-size:14px;font-family:Malgun Gothic, arial, "굴림", gulim, '돋움', dotum, verdana, sans-serif; letter-spacing:0px; }
div, ul, ol, li, dl, dt, dd, form, fieldset, input, button, p, h1, h2, h3, h4, h5, h6, blockquote, iframe, th, td { margin:0; padding:0; }
img { border:0; vertical-align:top;}
li { list-style:none; }
button{cursor:pointer; vertical-align:middle; margin:0; }
button span{ display:none; }
h1, h2, h3, h4, h5, h6{font-size:100%;}
legend, label{color:#000000;}
table { border-collapse:collapse; table-layout:fixed }
th, td { border-collapse:collapse;}
legend {position:relative; visibility : hidden; font-size:0px; width:0px; height:0px; overflow:hidden; line-height:0px;}
hr {display:none; }
caption{text-indent:-9999em;overflow:hidden;height:0;font-size:0;line-height:0; }
form { display:inline; }
select, input, textarea {font-style:normal;  color:#666666; font-family:"굴림", gulim, '돋움', dotum, verdana, arial, sans-serif; font-size:inherit; vertical-align:middle; }
optgroup{font-style:normal;  }
fieldset, blockquote, iframe, button { border:none; }
i, em, u, cite { font-style:normal; }
em{font-weight:bold;}
.italic{font-style:italic;}

 /* html5*/
figure, section, article, header, aside, blockquote, center, dir, figcaption, footer, hgroup, hr, nav, menu, pre {padding:0px; margin:0px; display:block; }
hr {border:none;}

/* a link */
a { color:#444; text-decoration:none; }
a:hover { text-decoration:none; }
a span.hiddenitem {display:block; height:0px; }

/* float class */
.fleft{float:left; }
.fright{float:right; }
.clearline{clear:both;}

/* fix float position */
.clfix:after { clear:both; display:block; content:"."; height:0; visibility:hidden;  }
* html .clfix { height:1px; }
.clfix { display:block; min-height:1px; }

/* position */
.pos_relbox{position:relative;}
.pos_absbox{position:absolute;}

/* hidden class */
.hiddenitem{position:relative; visibility:hidden; font-size:0px; width:0px; height:0px; overflow:hidden; line-height:0px;}
.hidden{position:relative; visibility:hidden; font-size:0px; width:0px; height:0px; overflow:hidden; line-height:0px;}

/* skip navi */
#skipnavi { float:left;position:relative; width:0px; height:0px; font-size:0px; line-height:0px; z-index:10;}
#skipnavi ul li { float:left;position:absolute; top:0px; left:0px; background:#fff;}
#skipnavi ul li a { float:left; position:absolute; display:block;  top:0px; left:-2000px;width:180px; height:18px; font-weight:bold; text-align:center; font-size:120%; color:#0c3a1f;}
#skipnavi ul li a:focus,
#skipnavi ul li a:hover,
#skipnavi ul li a:active {float:left; display:block;   position:absolute; top:0px; left:0px; font-size:14px;height:18px; background:#fff; border:2px solid #8bc602; padding:1em 0; z-index:10;}

/* align class */
.alcenter{text-align:center;}

.btn_concal {display:block; width:131px; height:38px; background:url('/m/images/layout/btn_concal.png') no-repeat left top; background-size:cover}
.btn_concal span{display:block; text-indent:-999em; }
.btn_basetype {display:block; width:145px; height:38px; line-height:38px; border:1px solid #ddd; box-sizing:border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; background:url('images/ar_base.gif') no-repeat right 50%;}
.btn_basetype .lnk_text {display:block; height:38px; padding:0px 10px; font-weight:bold; letter-spacing:-1px;}

.mob_show {display:none;}
.mob_hide {display:block;}
@media screen and (max-width:560px) {
.mob_show {display:block;}
.mob_hide {display:none;}
.btn_concal {width:109px; height:32px; background:url('/m/images/layout/btn_concal2.png') no-repeat left -19px; background-size:109px 51px;}
}

/* title */
.h4_group{position:relative;width:100%;min-height:28px;padding:35px 0 10px 0; line-height:1.4;border-bottom:1px solid #bbbbbb;/*background:-webkit-gradient(linear, left top, left bottom, color-stop(24%,rgba(255,255,255,1)), color-stop(51%,rgba(240,243,248,1)), color-stop(86%,rgba(224,233,244,1)), color-stop(100%,rgba(204,219,239,1)));*/}
.h4_group:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.h4_group h4{margin-left:0px;color:#252525 !important;font-size:38px; display:block;}

.h5_group{position:relative;padding:0 0px}
.h5_group h5{margin:40px 0 20px 0;padding-left:20px;color:#252525;background:url('/m/images/mall/bul_1.gif') no-repeat left 3px; font-size:20px;}
.h5_group p.add_btn{width:58%;line-height:1.2}
.h5_group p .skyblue{color:#2077ce}
.h5_group .btn{position:absolute;top:40px;right:10px}
.bold{font-weight:bold}

/* TEXT INDENT, COLOR, MARGIN */
.txt_i10{text-indent:-10px;padding-left:10px}
.txt_i20{text-indent:-20px;padding-left:20px}
.txt_i8{background:url('images/bl_dot_gray.gif') no-repeat 3px 10px; padding-left:15px}
.txt_i8.txtstar{text-indent:-8px; background:none; padding-left:23px;}
.bodt0{border-top:0 !important}
.bodb0{border-bottom:0 !important}
.mg0{margin:0 !important}
.mgb0{margin-bottom:0 !important}
.mgr0{margin-right:0 !important}
.mgt0{margin-top:0px !important}
.mgt5{margin-top:5px !important}
.mgt10{margin-top:10px !important}
.mgt15{margin-top:15px !important}
.mgt20{margin-top:20px !important}
.mgt30{margin-top:30px !important}
.mgt40{margin-top:40px !important}
.mgt50{margin-top:50px !important}
.mgt35{margin-top:35px !important}
.mgt10{margin-top:10px !important}
.mgt-20{margin-top:-20px !important}
.mgl10{margin-left:10px !important}
.mgl20{margin-left:20px !important}
.mgb10{margin-bottom:10px !important}
.mgb15{margin-bottom:15px !important}
.mgb20{margin-bottom:20px !important}
.mgb30{margin-bottom:30px !important}
.mgb40{margin-bottom:40px !important}
.mgb50{margin-bottom:50px !important}
.mgb60{margin-bottom:60px !important}
.mgb70{margin-bottom:70px !important}
.mgb80{margin-bottom:80px !important}
.mgb90{margin-bottom:90px !important}
.pdt60{padding-top:60px !important}
.pdl0{padding-left:0px !important}
.pdb0{padding-bottom:0 !important}
.pdr0{padding-right:0 !important}
.pdt20{padding-top:20px !important}
.txt_base{color:#333333}
.txt_black{color:#000000}
.txt_gray{color:#888888}
.txt_blue{color:#2077ce}
.txt_skyblue{color:#2077ce}
.txt_orange{color:#f68f0f}
.txt_red{color:#ed1a23}
.txt_green{color:#219ba8}
.txt_gold{color:#f68f0f}
.txt_f14{font-size:14px !important}
.txt_f12{font-size:12px !important}
.txt_f11{font-size:11px !important;font-weight:normal !important;}
.txt_hc{text-align:center;}

/* box style */
.box_base_center{margin:10px 10px 0 10px;padding:15px;border:1px solid #dce3e9;text-align:center}
.box_type3Wrap{margin:20px 0px 25px 0px;padding:15px 15px;border:1px solid #DCE3E9;line-height:20px;background-color:#F9F9F9}
.box_type3Wrap p.bl_arrow_blue_left{background-position:left 5px}
.box_type3Wrap .bl_arrow_blue_list li:last-child{margin:0}
.box_type3Wrap .additions{margin:20px 0;color:#f68f0f; line-height:16px}
.box_type3Wrap .additions_list li{margin-bottom:10px;color:#C1813D; line-height:16px}
.box_type3Wrap .additions_list li:last-child{margin-bottom:0}
.box_type3Wrap .ars_phone_num li{margin-bottom:9px;text-align:center}
.box_type3Wrap .ars_phone_num li img{width:100%; max-width:276px;}
.box_type3Wrap.white_line_top{-webkit-box-shadow:inset 0 1px 1px 0 #ffffff}
.box_type2Wrap{margin:0 0px;padding:13px 10px;background-color:#F1F1F5}
.box_type2Wrap .ico_feelSun{padding:0 0 10px 25px; color:#f68f0f;border-bottom:1px solid #DBDBE0}
.box_type2Wrap .ico_feelSun span{color:#444}
.box_type2Wrap .list_dot_gray{overflow:hidden;padding:12px 0 0 14px;border-top:1px solid #ffffff}
.box_type2Wrap .list_dot_gray li a{ color:#aaaaaa}
.box_type2Wrap .list_dot_gray li.on a{color:#333333}
.box_type2Wrap .list_dot_gray li{float:left;width:120px;margin-bottom:3px;padding-left:11px;background:url('images/bl_dot_gray.gif') no-repeat left 5px}
.box_type2Wrap .hi_save{padding:0 0 10px 5px; color:#C1813D;border-bottom:1px solid #DBDBE0}
.box_type2Wrap .hi_save_con{color:#333333}
.box_type2Wrap div{padding:12px 8px 0 8px;border-top:1px solid #ffffff;color:#59595A; line-height:16px}
.box_type2Wrap .bl_arrow_blue_list{ padding:12px 8px 0 8px;border-top:1px solid #ffffff}
.box_type2Wrap .bl_arrow_blue_list li{margin-bottom:6px;line-height:16px;background-position:left 5px}

/* tab button */
.btn_tab{height:35px;padding:10px 10px;border-bottom:1px solid #CAD5DE;background-color:#f4f6f7}
.btn_tab ul{display:block;}
.btn_tab.line_top{margin-top:15px;border-top:1px solid #CAD5DE}
.btn_tab ul li{float:left; display:inline-block; width:50%;border:1px solid #9baec0; background:#fff; }
.btn_tab ul li.btn_tabser{width:100%;border:1px solid #9baec0; background:#fff; }
.btn_tab ul li:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:0;  box-sizing:border-box;-moz-box-sizing:border-box; }
.btn_tab ul li:nth-child(2){border-right:0}
.btn_tab ul li:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #9baec0; box-sizing:border-box; -moz-box-sizing:border-box; }
.btn_tab ul li a{display:block;height:34px;line-height:34px;text-align:center;color:#7A7F88; cursor:pointer}
.btn_tab ul li.on a{color:#444}
.btn_tab ul li.on{background:#e0e6f0}


/* 파폭 IE11 오페라 깨짐현상 삭제 2014-03-24 문승연
.btn_tab{height:35px;padding:10px 10px;border-bottom:1px solid #CAD5DE;background-color:#f4f6f7}
.btn_tab ul{display: -webkit-box;-webkit-box-orient:horizontal}
.btn_tab.line_top{margin-top:15px;border-top:1px solid #CAD5DE}
.btn_tab ul li{-webkit-box-flex:1;width:100%;border:1px solid #9baec0;background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(242,245,249,1)))}
.btn_tab ul li:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px;border-right:0}
.btn_tab ul li:nth-child(2){border-right:0}
.btn_tab ul li:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px;border-right:1px solid #9baec0}
.btn_tab ul li a{display:block;height:34px;line-height:34px;text-align:center;color:#7A7F88}
.btn_tab ul li.on a{color:#333333}
.btn_tab ul li.on{background:#e0e6f0}
*/

/* send_info */
.send_info{margin:23px 10px 22px 10px; }
.send_info p{margin-bottom:7px;line-height:22px;color:#252525;text-align:left}
.send_info .title{margin-bottom:10px; font-size:18px;}
.send_info.indent_type{padding:0 0 0 11px}

/* section common content */
.txt_notice{margin:10px 10px 0 10px;color:#f68f0f; }
.sns_btn{position:relative;overflow:hidden;width:300px;height:25px;margin-top:5px}
.sns_btn .fb-like{overflow:hidden;float:left;width:100px;margin:0 0 0 5px}
.sns_btn .btn_twitter{display:block;float:left;width:74px;margin:0 0 0 10px}
@media all and (min-width:20cm){.sns_btn .btn_twitter{width:62px}}/* 태블릿 세로 */

/* bullet style */
.ico_feelSun{padding-left:25px;line-height:18px;background:url('images/icon_feel.png') no-repeat left top;background-size:auto 17px; line-height:20px;}
.bl_arrow_blue_list li{padding-left:13px;background:url('images/bl_dot_gray.gif') no-repeat left 10px;}
.bl_arrow_blue_left{padding-left:10px;background:url('images/bl_dot_gray.gif') no-repeat left 10px;}
.bl_dot_blue li{padding-left:13px;background:url('images/bl_dot_gray.gif') no-repeat left 10px}



/* icon style */
.icon_info{background:url('images/icon_info.png') no-repeat left top; background-size:40px 19px}

/* line_area */
.line_area{padding:0 10px 25px 0;border-top:1px solid #E5E5E5}
.line_area .impor{color:#f68f0f}
.line_area p{padding-left:10px;text-align:center}
.line_area .txt_disc{margin:0 0 27px 0;text-align:left;line-height:16px}
.line_area .h5_group h5{margin-bottom:15px}
.line_area .bl_arrow_blue_list{padding-left:18px}
.line_area .bl_arrow_blue_list li{margin-bottom:11px; line-height:18px;background-position:left 5px}
.line_area .bl_arrow_blue_list li:last-child{margin-bottom:0}
.line_area.last{padding:0 10px 0 0}

/* line_area02 */
.line_area02{padding:0;border-top:1px solid #e5e5e5}
.line_area02 .send_info{margin:30px 0}


/* 바로가기메뉴 */
.list_img_align{position:relative;margin-top:10px;padding:10px 0 30px 0;border-bottom:1px solid #e4e4e4}
.list_img_align hgroup{position:relative;min-height:34px;padding:0 0 10px 35px}
.list_img_align hgroup .num{display:block;position:absolute;top:-3px;left:0;width:34px;height:34px;color:#cccccc;font-size:40px;text-align:center}
.list_img_align hgroup h6 {padding-right:10px;line-height:1.2}
.list_img_align ul{padding: 0 10px 0 20px}
.list_img_align ul li{position:relative;margin-bottom:5px;padding:0 0 0 10px;color:#888888; line-height:1.2;background:url('images/bl_arrow_blue_right.png') no-repeat left 4px}
.list_img_align ul li:last-child{margin-bottom:0}
.list_img_align ul li.notice{margin-left:-5px;padding-left:25px;line-height:1.4;color:#C1813D; background:url('images/icon_feel.png') no-repeat left top;background-size:auto 17px}
.list_img_align ul li.bl_no{padding-left:0;background:none}
.list_img_align ul li .inner_txt{display:block;margin-top:3px}
.list_img_align .img01{position:absolute;top:10px;right:0;width:100px}
.list_img_align .img02{width:280px;margin:0 0 20px 20px}

/* list style */
.list_btn_vertical{margin:15px 5px 0 5px;display:-webkit-box;-webkit-box-orient:horizontal}
.list_btn_vertical li{-webkit-box-flex:1;width:100%;margin:0 5px}

.boxpoint {border:1px solid #2077ce; padding:15px; margin:20px 0 0 20px; line-height:22px}
.boxpoint ul li {padding-left:10px; background:url('images/bl_dot_gray.gif') no-repeat left 10px; text-align:left; }

#footer{position:relative}
.btn_top {display:none; position:absolute; top:-53px; right:45px;}
.btn_top img{ width:60px; height:32px;}

@media screen and (max-width:980px) { .btn_top {right:30px;} }
@media screen and (max-width:700px) { .btn_top {right:20px;} }
@media screen and (max-width:480px) { .btn_top {right:15px;} }


.list_view{padding:0 0px;border-bottom:1px solid #d1deea}
.list_view .title{padding:10px 0;border-bottom:1px solid #d1deea}
.list_view .title .view_content{display:block;padding-left:0;font-size:15px;}
.list_view .title .view_content .txt{display:block;width:95%;line-height:1.5;color:#222222}
.list_view .title .view_content time{display:block;color:#979797;font-size:12px}
.list_view .content{padding:20px 0;color:#222222;line-height:1.4}

/*
.list_btn {border:1px solid red; margin-top:20px; display:block;}
.list_btn .noti_list {border:1px solid #ddd; width:40px; height:18px; padding:7px 10px;}
.list_btn .noti_list .bl_list{background:url('images/bg_notilist.gif') no-repeat left 2px; background-size:11px 10px; padding-left:18px;}
*/

/*
.bl_arrow_skyblue_left{background:url(http://www.anycardirect.com/m/images/bullet/bl_arrow_skyblue_left.gif)no-repeat left center;-webkit-background-size:6px 8px}
.btns_icon_left{display:inline-block;padding:5px 15px 5px 8px;border-radius:3px;border:1px solid #97adc6;-webkit-box-shadow:inset 0 0 1px 1px #fbfbfb;color:#333333 !important;font-size:12px;text-align:center;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0f0))}
.btns_icon_left span{padding-left:14px}
*/
#container.brd_view {position:relative; padding-bottom:72px;}
#container.brd_view .btn_list {position:absolute; bottom:18px;}
#container.brd_view .btn_list a {display:inline-block; height:32px; padding:0 10px 0 33px; border:1px solid #ddd; background:url('images/bg_notilist.gif') no-repeat 10px center;  background-size:11px 10px; line-height:32px;}


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

.h4_group {padding:30px 0 10px 0;}
.h4_group h4 {font-size:28px;}
.h5_group h5{font-size:18px;}


}


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

.h4_group {padding:20px 0 5px 0;}
.h4_group h4 {font-size:18px;}
.h5_group h5{margin:20px 0 20px 0; font-size:16px; background-position:left 0px; padding-left:15px;}
.send_info .title{font-size:15px;}
.send_info.indent_type{padding:0 0 0 5px}
.line_area02 .send_info{margin:20px 0}



}

/* board */
.title_header{margin-top:7px;border-bottom:2px solid #444;}
#newsContent p.tit{margin:0 0 0px;font-size:15px;color:#252525;}
#newsContent p{font-size:14px;color:#444444;line-height:22px;}
#newsContent ul{padding-top:10px;padding-bottom:30px;}
#newsContent ul li{padding:0px 15px 5px 15px; background:url('images/bl_dot_gray.gif') no-repeat 3px 10px;line-height:22px;text-align:left;color:#444444;}
#newsContent ul li:last-child{padding-bottom:0px; }
#newsContent .indent_txt{text-indent:-18px;padding-left:15px;}
#newsContent .creditCard li{padding:0;background:none;}
#newsContent .creditCard li .answer{padding:10px 10px 10px 10px;line-height:1.4;}
#newsContent .creditCard li .answer .bl_dot_blue{color:#444}
#newsContent .creditCard li .answer .bl_dot_blue li{margin-bottom:6px;padding-left:13px;background:url('images/bl_dot_gray.gif') no-repeat left 10px}
#newsContent .creditCard li .answer .bl_dot_blue li.dot_none{background:none; padding-left:0px;}
#newsContent .creditCard li .answer .bl_dot_blue li span{}

#newsContent p.tit_strong{margin:0 0 0px;font-size:15px;color:#252525;font-weight:bold;}
#newsContent p.mark_type01{text-indent:-18px;padding-left:20px;}

ol.orderlist_type1{padding-top:10px;}
ol.orderlist_type1 li{text-indent:-18px;padding-left:20px;}

/* Review board*/
.review_img{margin-top:7px;border-bottom:2px solid #444;background:url('/m/images/bg/review_top.png') right bottom no-repeat;background-size:120px}
.list_board{min-height:300px;}
.list_board li{border-bottom:1px solid #ededed;padding:0;background:url('images/bl_arrow_skyblue_right.gif') no-repeat right center;}
.list_board li:after{display:block;content:'';clear:both;}
.list_board li a{display:block;overflow:hidden;padding:11px 2px 4px;font-size:14px;}
.list_board li a .board_content{display:block;}
.list_board li a .board_content .txt{overflow:hidden;display:block;width:95%;line-height:1.4em;color:#222222;text-overflow:ellipsis;margin-bottom:3px;white-space:nowrap;}
.list_board li a .board_content .name{float:left;color:#888;padding-bottom:8px;padding-right:10px;font-size:12px;}
.list_board li a .board_content time{float:left;color:#888;padding-bottom:8px;font-size:12px;}
.list_board li.loading{padding-top:80px;text-align:center;border-bottom:0;}

.list_review_board{min-height:300px;}
.list_review_board li{border-bottom:1px solid #ededed;padding:0;background:url('images/bl_arrow_skyblue_down.gif') no-repeat right 25px;}
.list_review_board li.up{background-image:url('images/bl_arrow_skyblue_up.gif');}
.list_review_board li:after{display:block;content:'';clear:both;}
.list_review_board li a{display:block;overflow:hidden;padding:11px 2px 4px;font-size:14px;}
.list_review_board li a .board_content{display:block;}
.list_review_board li a .board_content .txt{overflow:hidden;display:block;width:95%;line-height:1.4em;color:#222222;text-overflow:ellipsis;margin-bottom:3px;white-space:nowrap;}
.list_review_board li a .board_content .name{float:left;color:#888;padding-bottom:8px;padding-right:10px;font-size:12px;}
.list_review_board li a .board_content time{float:left;color:#888;font-size:12px;}
.list_review_board li.loading{padding-top:80px;text-align:center;border-bottom:0;}

.list_review_board .review_content{display:none;overflow:hidden;clear:both;background:#f3f3f3;}
.list_review_board .review_content p{text-align:left;padding:15px 10px;color:#666;line-height:18px;}
.sub_title{font-size:13px;color:#666;padding-top:5px;padding-bottom:7px;line-height:1.3em;font-weight:normal;}

.category{float:left;margin-right:5px;padding:3px 3px 2px;background:#677a95;color:#fff;font-size:10px;border-radius:2px;line-height:1.2em;}
#listReviewView img{width:100%;}

/* Process Bar */
.m_progress_bar{position:absolute;top:0px;height:0px;width:230px;height:80px;border:2px solid #1f75ca;padding:25px 0 30px;border-radius:5px;box-shadow:1px 1px 5px #aaa;background:#fff;}
.m_progress_bar p.mpb_text{text-align:center;margin-bottom:20px;}
.m_progress_bar p.mpb_text img{width:60%;}
.m_progress_bar p.mpb_bar{text-align:center;}
.m_progress_bar p.mpb_bar img{width:73%;}

/* 메인 리뉴얼(20141224) */
.rd_box4{border:1px solid #b9c3d7;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;}
.rd_box3{border:1px solid #dfdfdf;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;}
.crd_box4{border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;}
.crd_orange{background-color:#f89e25;}
.crd_blue{background-color:#4993da;}
.crd_green{background-color:#00b7ce;}

.w_100{width:100%;}
.h_70{height:70px;}
.h_145{height:145px;}

.ml_area{float:left;width:59%;}
.ml_area h3{font-weight:normal;padding:10px 0 0 10px;}
.ml_area h3.bold{font-weight:bold;}
.mr_area{float:right;width:41%;}
.mr_area h3{font-weight:normal;padding:10px 0 0 10px;}
.mgr5{margin-right:5px;}
.mgb10{margin-bottom:10px !important;}

.visual_icon_car{position:relative;background-image:url(images/m_vmain_bg.png);background-repeat:no-repeat;background-position:right bottom;background-size:89px 88px;}
.visual_icon_car h3{padding:11px 0 0 5px;color:#666666;font-size:13px;font-weight:bold;letter-spacing:-1px;}
.visual_icon_car p{padding:6px 0 0 5px;font-size:18px;font-weight:bold;}
.visual_icon_car .callfree{position:absolute;bottom:0px;padding:0px 0 0 22px;font-size:9px;line-height:16px;font-weight:normal;vertical-align:top;color:#666;letter-spacing:-1px;background:url(images/main_callfree.png) no-repeat 5px top;background-size:14px 14px;}
.visual_icon_car .callfree span{color:#1f77ce;font-family:arial;font-weight:bold;line-height:10px;letter-spacing:0;}
.visual_icon_calc{background-image:url(images/vi_calc.png);background-repeat:no-repeat;background-position:right bottom;background-size:49px 37px;}
.visual_icon_calc h3{color:#ffffff;letter-spacing:-1px;}
.visual_icon_certificate{background-image:url(images/vi_certificate.png);background-repeat:no-repeat;background-position:right bottom;background-size:36px 41px;}
.visual_icon_certificate h3{color:#252525;letter-spacing:-1px;}
.visual_icon_endo{background-image:url(images/vi_endo.png);background-repeat:no-repeat;background-position:right bottom;background-size:36px 41px;}
.visual_icon_endo h3{color:#252525;letter-spacing:-1px;}
.visual_icon_picture{background-image:url(images/vi_picture.png);background-repeat:no-repeat;background-position:right bottom;background-size:41px 36px;}
.visual_icon_picture h3{color:#252525;letter-spacing:-1px;}
.visual_icon_mydrive{background-image:url(images/vi_mydrive.png);background-repeat:no-repeat;background-position:right bottom;background-size:57px 47px;}
.visual_icon_mydrive h3{color:#ffffff;letter-spacing:-1px;}
.visual_icon_mydrive p{color:#ffffff;font-size:18px;letter-spacing:-1px;padding:15px 0 0 10px;}
.visual_icon_mysweethome{background-image:url(images/vi_mysweethome.png);background-repeat:no-repeat;background-position:right bottom;background-size:63px 47px;}
.visual_icon_mysweethome h3{color:#ffffff;letter-spacing:-1px;}
.visual_icon_mysweethome p{color:#ffffff;font-size:18px;letter-spacing:-1px;padding:15px 0 0 10px;}
.visual_icon_travel{background-image:url(images/vi_travel.png);background-repeat:no-repeat;background-position:right bottom;background-size:51px 45px;}
.visual_icon_travel h3{color:#ffffff;letter-spacing:-1px;}
.visual_icon_retire{background-image:url(images/vi_retire.png);background-repeat:no-repeat;background-position:right bottom;background-size:48px 45px;}
.visual_icon_retire h3{color:#ffffff;letter-spacing:-1px;}

.visual_icon_all{height:70px;background-image:url(images/vi_all.png);background-repeat:no-repeat;background-position:right bottom;background-size:39px 39px;}
.visual_icon_all h3{color:#252525;letter-spacing:-1px;}

.m_main_visual{padding:15px 10px 5px 10px;}

.m_main_product{padding:0px 10px 5px 10px;}
.m_main_banner{padding:0px 10px 5px 10px;}
.m_main_graybox{padding:0px 10px 5px 10px;}

.main_network{padding:13px;padding-bottom:0px;}
.main_network .tbox{float:left;width:50%;height:97px;background:url(images/bg_main_network.png) no-repeat right bottom;background-size:90px 65px;}
.main_network .list{float:right;width:50%;padding-top:5px;}
.main_network .list li{padding-right:7px;margin-bottom:18px;background:url(images/bg_list_b.png) no-repeat right center;background-size:6px 10px;}
.main_network .list li span{color:#1f78cc;}
.main_network .list a{display:block;}

.main_notice{position:relative;z-index:1;padding:13px;padding-bottom:5px;}
.main_notice .list{margin-top:15px;}
.main_notice .mor_btn{position:absolute;top:15px;right:15px;padding-right:9px;font-size:13px;background:url(images/bg_list_s.png) no-repeat right center;background-size:4px 7px;}
.main_notice .list li{margin-bottom:10px;overflow:hidden;width:100%;height:22px;padding-left:7px;font-size:13px;background:url(images/bg_list_dot.png) no-repeat left 5px;background-size:3px 3px;text-overflow:ellipsis;white-space:nowrap;}
.main_notice .list li a{width:100%;white-space:nowrap;}
.main_notice .list li span{color:#1f78cc;}

.banner_cont{padding:10px 11px;height:70px;overflow:hidden;border:1px solid #b9c3d7;border-radius:4px;box-sizing:border-box;-moz-box-sizing:border-box;background:url(images/m_banner_cont.png) no-repeat 10px 12px; background-size:43px 43px;}
/*
.banner_cont .left{float:left;height:32px;padding-left:40px;background:url(images/m_banner_cont.png) no-repeat left top; background-size:32px 32px;}
.banner_cont .right{float:right;padding-top:7px;}
*/
.banner_cont .bnr_title{padding-left:51px;padding-top:1px;color:#252525;letter-spacing:-1px;}
.banner_cont .bnr_txt{padding-left:51px;font-size:9px;color:#666;letter-spacing:-1px;padding-top:5px;}

/* main renewal */
.direct_flicking_panel{width:100%;position:relative;overflow:hidden;top:0px;left:0px;z-index:1;padding-top:45px;}
.direct_flicking_panel nav{position:fixed;top:44px;left:0px;width:100%;height:44px;border-bottom:1px solid #dbd9d5;z-index:1000;background:#fff;}
.direct_flicking_panel nav ul{overflow:hidden;zoom:1;}
.direct_flicking_panel nav li{float:left;width:33.3%;letter-spacing:-1px;}
.direct_flicking_panel nav li a{display:block;height:30px;padding-top:14px;color:#888888;text-align:center;font-weight:bold;}
.direct_flicking_panel nav li a p{display:inline-block;height:26px;padding:0 8px;border-bottom:4px solid #fff;}
.direct_flicking_panel nav li.sele a{color:#2077ce;}
.direct_flicking_panel nav li.sele a p{border-bottom:4px solid #2077ce;}
.direct_flicking_panel .flicking_panel_wrap{position:relative;top:0px;z-index:5;}
.direct_flicking_panel .fk_panel{position:absolute;top:0px;z-index:1;background:#f0f0f0;padding-bottom:20px;}
.direct_flicking_panel .panel1{top:0px;left:0;}
.direct_flicking_panel .panel2{top:0px;left:0;}
.direct_flicking_panel .panel3{top:0px;left:0;}
.direct_flicking_panel .slide_btn{display:block;position:fixed;top:300px;z-index:50;width:38px;height:77px;background:url(images/slide_btn.png);background-size:76px 76px;background-repeat:no-repeat;text-indent:-9999px;opacity:0.5;}
.direct_flicking_panel .slide_left{background-position:0 0;left:-38px;}
.direct_flicking_panel .slide_right{background-position:-38px 0;right:-38px;}

.direct_flicking_panel2016{width:100%;position:relative;overflow:hidden;top:0px;left:0px;z-index:1;padding-top:73px;}
.direct_flicking_panel2016 .mm-fixed-top {top: 72px !important;}
.direct_flicking_panel2016 nav{position:fixed;top:44px;left:0px;width:100%;height:44px;border-bottom:1px solid #dbd9d5;z-index:1000;background:#fff;}
.direct_flicking_panel2016 nav ul{overflow:hidden;zoom:1;}
.direct_flicking_panel2016 nav li{float:left;width:27%;letter-spacing:-1px;}
.direct_flicking_panel2016 nav li.gnb3{width:22%;}
.direct_flicking_panel2016 nav li.gnb4{width:24%;}
.direct_flicking_panel2016 nav li a{display:block;height:30px;padding-top:14px;color:#888888;text-align:center;font-weight:bold;}
.direct_flicking_panel2016 nav li a p{display:inline-block;height:26px;padding:0 4px;border-bottom:4px solid #fff;}
.direct_flicking_panel2016 nav li.sele a{color:#2077ce;}
.direct_flicking_panel2016 nav li.sele a p{border-bottom:4px solid #2077ce;}
.direct_flicking_panel2016 .flicking_panel_wrap{position:relative;top:0px;z-index:5;}
.direct_flicking_panel2016 .fk_panel{position:absolute;top:0px;z-index:1;background:#f0f0f0;padding-bottom:0px;}
.direct_flicking_panel2016 .panel1{top:0px;left:0;}
.direct_flicking_panel2016 .panel2{top:0px;left:0;}
.direct_flicking_panel2016 .panel3{top:0px;left:0;}
.direct_flicking_panel2016 .slide_btn{display:block;position:fixed;top:300px;z-index:50;width:38px;height:77px;background:url(images/slide_btn.png);background-size:76px 76px;background-repeat:no-repeat;text-indent:-9999px;opacity:0.5;}
.direct_flicking_panel2016 .slide_left{background-position:0 0;left:-38px;}
.direct_flicking_panel2016 .slide_right{background-position:-38px 0;right:-38px;}


.article_wrap{margin:0 10px;padding-top:10px;}
.article_wrap h3{font-size:16px;line-height:20px;padding-top:10px;margin-bottom:10px;}
.m_round{overflow:hidden;-webkit-border-radius:2px;box-shadow:1px 1px 2px 2px #e7e7e7;-webkit-box-shadow:1px 1px 2px 2px #e7e7e7;-moz-box-shadow:1px 1px 2px 2px #e7e7e7;background:#fff;}
.mmt{width:100%;margin-bottom:10px;height:555px;}
.mmb{width:100%;height:201px;margin-bottom:10px;}

.mm_list{overflow:hidden;zoom:1;}
.mm_list li{float:left;width:50%;height:82px;float:left;border:0;}
.mm_list li.w100{width:100%;}
.mm_list li a{display:block;position:relative;z-index:1;height:66px;padding:15px 0 0 12px;border-bottom:1px solid #e0e0e0;}
.mm_list li a.band_best{background:url(images/m_band_best.png) no-repeat right top;background-size:39px 39px;}
.mm_list li.r_line a{border-right:1px solid #e0e0e0;}
.mm_list li.no_bline a{border-bottom:0;}
.mm_list li a h3{font-size:16px;line-height:18px;margin-bottom:0px;padding-top:0px;letter-spacing:-1px;}
.mm_list li a .sub_tit{font-size:13px;padding-top:4px;line-height:14px;}
.mm_list li a .ext_tit{font-size:12px;padding-top:12px;line-height:14px;color:#2077ce;}
.mm_list li a .calc{position:absolute;bottom:14px;right:14px;width:51px;padding-right:10px;background:url(images/m_main_bullet1.png);background-size:6px 10px;background-repeat:no-repeat;background-position:right 5px;color:#2077ce;font-size:12px;font-weight:bold;letter-spacing:-1px;}
.mm_list li.car{height:146px;width:100%;}
.mm_list li.car a{height:130px;border:0;border-bottom:1px solid #e0e0e0;background-image:url(images/index-main.gif);background-repeat:no-repeat;    background-position: right bottom;
    background-size: 158px 132px;}
.mm_list li.car a h3{font-size:16px;line-height:16px;margin-bottom:0px;padding-top:0px;}
.mm_list li.car a .sub_tit{margin-top:5px;font-size:20px;letter-spacing:-1px;line-height:28px;}
.mm_list li.car a .sub_tit strong{color:#f68f0f;}
.mm_list li.car a .calc{position:absolute;bottom:15px;left:14px;width:106px;padding-right:10px;background:url(images/m_main_bullet1.png);background-size:6px 10px;background-repeat:no-repeat;background-position:right 2px;color:#2077ce;font-size:13px;font-weight:bold;letter-spacing:-1px;}

.mm_slist{overflow:hidden;zoom:1;}
.mm_slist li{float:left;width: 50%;
    height: auto;
    float: left;
    border: 0;
}
.mm_slist li a{display: block;
    overflow: hidden;
    height: auto;
    padding: 16px 12px 16px 5px;
    border-bottom: 1px solid #e0e0e0;}
.mm_slist li.r_line a{border-right:1px solid #e0e0e0;}
.mm_slist li.no_bline a{border-bottom:0;}
.mm_slist li a .link_wrap{background:url(images/m_main_bullet2.png);background-size:6px 11px;background-repeat:no-repeat;background-position:right 24px;}
.mm_slist li.download a .link_wrap{background:url(images/m_main_bullet3.png);background-size:11px 11px;background-repeat:no-repeat;background-position:right 24px;}
.mm_slist li.no_bg a .link_wrap{background:none;}
.mm_slist li a h3{font-size:14px;line-height:18px;margin-bottom:0px;padding-top:0px;color:#444;}
.mm_slist li a .sub_tit{font-size:13px;padding-top:4px;color:#747474;letter-spacing:-1px;padding-left:1px;}
.mm_slist li a .calc{position:absolute;bottom:15px;right:14px;width:50px;padding-right:10px;background:url(images/m_main_bullet2.png);background-size:6px 10px;background-repeat:no-repeat;background-position:right 2px;color:#2077ce;font-size:12px;font-weight:bold;letter-spacing:-1px;}

.mm_slist li a .txt_wrap{overflow:hidden;height:18px;width:200px;font-size:16px;line-height:18px;margin-bottom:0px;padding-top:0px;color:#444;}
.mm_slist li a .txt_wrap h3{float:left;letter-spacing:-1px;}
.mm_slist li a .txt_wrap span{float:left;font-size:11px;line-height:12px;margin-top:4px;letter-spacing:-1px;}

.noti{}
.noti hgroup{position:relative;height:31px;padding:16px 0 0 12px;border-bottom:1px solid #e0e0e0;}
.noti hgroup h4{font-size:16px;line-height:18px;color:#444;}
.noti hgroup .more{position:absolute;top:18px;right:14px;padding-right:10px;background:url(images/m_main_bullet2.png);background-size:6px 10px;background-repeat:no-repeat;background-position:right 2px;color:#666;}
.noti ul{overflow:hidden;zoom:1;padding:0 12px;height:137px;background:#f7f7f7;}
.noti li{overflow:hidden;width:100%;height:18px;padding:15px 0 12px;border-bottom:1px solid #e0e0e0;text-overflow:ellipsis;white-space:nowrap;}
.noti li:last-child{border-bottom:0;}
.noti li a{width:100%;white-space:nowrap;color:#666;}

.noti li span.cate{display:block;float:left;background:#677a95;padding:2px 4px 2px;font-size:11px;color:#ffffff;line-height:1.2em;letter-spacing:-1px;margin-right:4px;border-radius:2px;}


.list_type1 {}
.list_type1 h4{height:30px;padding:3px 0 0 37px;border-bottom:1px solid #e0e0e0;background-color:#f8f8f8;background-repeat:no-repeat;font-size:14px;line-height:30px;color:#747474;}
.list_type1 ul{overflow:hidden;zoom:1;padding:0 12px;background:#fff;}
.list_type1 li{border-bottom:1px solid #e0e0e0;}
.list_type1 li:last-child{border-bottom:0;}
.list_type1 li a{display:block;padding:13px 0 10px;background:url(images/m_main_bullet2.png);background-size:6px 10px;background-repeat:no-repeat;background-position:right 17px;color:#444;font-weight:bold;font-size:13px;line-height:20px;}
.list_type1 li a .s_txt{font-size:12px;}
.list_type1 h4.eco{background-image:url(images/bg_eco.png);background-position:11px center;background-size:22px 17px;}
.list_type1 h4.mydrive{background-image:url(images/bg_mydrive.png);background-position:11px center;background-size:15px 20px;}
.list_type1 h4.carinfo{background-image:url(images/bg_carinfo.png);background-position:11px center;background-size:22px 16px;}
.list_type1 h4.noninfo{padding:3px 0 0 12px;}

.ub_box{padding-bottom: 16px;margin-bottom: 0;}
.ub_box h3{padding-left:1px;}

.service24{margin-bottom:10px;}
.service24 h3{height:32px;padding:20px 12px 10px 12px;text-align:left;}
.service24 h3 img{width:100px;height:31px;}
.service24 .service_info .call_img{float:left;width:37%;}
.service24 .service_info{overflow:hidden;padding:0 12px 15px 12px}
.service24 .service_info .tit_text{font-weight:bold;line-height:23px;font-size:17px;padding-left:2px;}
.service24 .service_info .call{float:left;width:37%;border-right:1px solid #d3d3d3;}
.service24 .call_num{float:right;width:60%;padding-left:0px;font-weight:bold;padding-top:8px;color:#2077ce;font-size:28px;letter-spacing:-1px;}
.service24 .service_info .ars{float:right;width:60%;}
.service24 .service_info .ars ol{padding-top:5px;}
.service24 .service_info .ars li{letter-spacing:-1px;padding-left:16px;background-position:left top;background-size:14px 15px;background-repeat:no-repeat;}
.service24 .service_info .ars li.lst1{background-image:url(images/ol_lst1.png);}
.service24 .service_info .ars li.lst2{background-image:url(images/ol_lst2.png);}
.service24 .service_info .ars li.lst5{background-image:url(images/ol3.gif);}
.service24 .m_call{display:block;background:#f7f7f7;border-top:1px solid #d3d3d3;padding:13px 0;}
.service24 .m_call p{width:65px;margin:0 auto;height:20px;padding-left:23px;background:url(images/bg_mcall.png) no-repeat left top;background-size:15px 20px;font-size:16px;color:#666;}

.list_type2{}
.list_type2 li {margin-bottom:5px;-webkit-border-radius:2px;box-shadow:1px 1px 2px 2px #e7e7e7;-webkit-box-shadow:1px 1px 2px 2px #e7e7e7;-moz-box-shadow:1px 1px 2px 2px #e7e7e7;background:#fff;}
.list_type2 li a{display:block;height:52px;padding:15px 0 0 12px;margin-right:12px;background:url(images/m_main_bullet2.png);background-size:6px 10px;background-repeat:no-repeat;background-position:right 42px;}
.list_type2 li .tit{font-weight:bold;font-size:16px;line-height:20px;color:#444;padding-bottom:4px;}
.list_type2 li .sub{color:#747474;}
.list_type2 li.etc a{background:url(images/h3_carreward_note.gif);background-size:47px 40px;background-repeat:no-repeat;background-position:right center;}
.list_type2 li.etc .tit{color:#f88e00;}


.txt_s{font-size:11px;color:#888;}

.round_box_banner{overflow:hidden;-webkit-border-radius:2px;box-shadow:1px 1px 2px 2px #e7e7e7;-webkit-box-shadow:1px 1px 2px 2px #e7e7e7;-moz-box-shadow:1px 1px 2px 2px #e7e7e7;background:#fff;}
.bg_pby{background:#e1f1f8 url(images/banner_pby01.png) no-repeat left bottom, url(images/banner_pby01.png) no-repeat right center;background-size:64px 40px,35px 35px;}

.youtubu_pby{display:block;height:40px;padding-left:73px;font-size:16px;background-color:#e1f1f8;background-image:url(images/banner_pby01.png), url(images/banner_pby02.png);background-repeat:no-repeat, no-repeat;background-position:left bottom, right center;background-size:64px 40px,35px 25px;}
.youtubu_pby p{padding-top:11px;letter-spacing:-1px;}

.birthday7{display:block;height:40px;padding-left:28px;font-size:16px;background:#e1f1f8 url(images/bg_mobile_7th.png) no-repeat right top;background-size:143px 40px;}
.birthday7 p{padding-top:11px;letter-spacing:0px;}

.loan_banner{background-position:15px, 98%;height:40px;letter-spacing:-1px;padding-left:0px;font-size:16px;display:block;background-image:url("images/banner1.gif");background-repeat: no-repeat, no-repeat;background-size:64px 40px, 10px 20px;background-color:rgb(225, 241, 248);}
.loan_banner p.banner-small {color: rgb(116, 116, 116); padding-top:6px;height:10px;font-size:10px;}
.loan_banner p.banner-big {     color: rgb(68, 68, 68);
    font-size: 17px;
    line-height: 41px;
    font-weight: 600;
    white-space: nowrap;
    background: url('images/phone.png') no-repeat center right;
    background-size: 23px;
    margin-right: 10px;
    text-align: center;
    width: 98%;
    display: block;
	}


.main_credit_card{display:block;height:100px;padding:0 12px;background:#e1f1f8 url(images/search.gif) no-repeat right bottom;background-size:90px 64px;}
.main_credit_card p.bnr_tit{color:#7fa3b2;font-weight:bold;font-size:14px;line-height:16px;margin-top:15px;letter-spacing:-1px;}
.main_credit_card p.bnr_txt{color:#4c5869;font-weight:bold;font-size:18px;line-height:22px;margin-top:10px;letter-spacing:-1px;}
.main_credit_card p.bnr_txt span{color:#1f77ce;}

.main_point{display:block;height:100px;padding:0 12px;background:#e9e7fb url(images/consultant.gif) no-repeat right bottom;background-size:89px 70px;}
.main_point p.bnr_tit{color:#8784cf;font-weight:bold;font-size:14px;line-height:16px;margin-top:15px;letter-spacing:-1px;}
.main_point p.bnr_txt{color:#68678f;font-weight:bold;font-size:18px;line-height:22px;margin-top:10px;letter-spacing:-1px;}
.main_point p.bnr_txt span{color:#f6710f;}

/* //main renewal */

.layer_pop_dim{opacity:0.5;z-index:1000;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;}
.layer_pop{z-index:1001;position:absolute;top:0px;left:0px;width:260px;padding:20px;border:2px solid #1a86ff; border-radius:4px;box-shadow:0px 4px 4px #000;background:#fff;}
.layer_pop p{width:260px;word-wrap:break-word;color:#1f77ce;font-size:15px;word-break:keep-all;}
.layer_pop .btnWrap{padding-top:20px;}
.layer_pop .btnWrap .btn{display:block;float:left;margin:0 10px;padding:5px 0;border:1px solid #1a86ff;border-radius:2px;width:100px;text-align:center;color:#1f77ce;}

/* 개편 이벤트 */
.event_color_box{margin-bottom:10px;background:#e0f0f6 url(/images/event/renew_event/event_color_box.png) no-repeat left top;background-size:37px 37px;}
.event_wrap{margin:15px;}
.event_wrap .event_title{font-size:18px;text-align:center;color:#00b1ce;text-shadow:1px 1px 2px #95d4e4;letter-spacing:-1px;padding:0;margin:0;}
.event_wrap .event_subtit{font-size:16px;text-align:center;color:#444;margin-top:8px;letter-spacing:-1px;}
.event_wrap .event_txt{font-size:14px;text-align:center;color:#444;margin-top:16px;letter-spacing:-1px;}
.event_wrap .m_vdo_list{overflow:hidden;width:100%;margin-top:8px;}
.event_wrap .m_vdo_list li{float:left;width:50%;}
.event_wrap .m_vdo_list li a{display:block;}
.event_wrap .m_vdo_list li a img{width:100%;}
.evt_noti_list{margin-top:10px;}
.evt_noti_list li{padding-left:6px;padding-top:4px;color:#747474;font-size:12px;letter-spacing:-1px;background:url(/images/event/renew_event/bg_evt_noti_list.png) no-repeat left 9px;background-size:2.5px 4px;}

/* 서포터즈 모집 */
.supporters .top_txt{padding:35px 0 10px;}
div.input_support .input_txt{width:97%;padding-left:3%;height:31px;margin:9px 0 15px 0;border:3px solid #f68f0f;border-radius:5px;-webkit-appearance: none;}
div.input_support .infor_box ul{float:none !important;}
div.input_support .infor_box ul li{padding-bottom:5px;}
div.input_support .infor_box ul li.last{text-indent:-15px;padding-left:15px;line-height:20px;}
div.input_support .infor_box .txt_radio{float:right;margin-top:10px;}
div.input_support .infor_box .tit{padding:10px 0;font-size:13px;}

/* webzine */
.wz_orange{color:#ff6111;background:none;padding:0;font-size:18px;}
.wz_brown{color:#7a676b;background:none;padding:0;font-size:18px;}
.wz_green{color:#279b74;background:none;padding:0;font-size:18px;}
.wz_blue{color:#096dcb;background:none;padding:0;font-size:18px;}


#mobileOpenPopupAlias{position:absolute;z-index:9000;background:#fff;overflow: auto; -webkit-overflow-scrolling: touch;}

@media screen and (min-width:370px) { div.input_support .infor_box .txt_radio {margin-top:-25px;} }

p.mall_no{text-align:right;margin-top:10px;}

/* attention_list */
.porductinfo h3.tit_attention{background:url("/images/common/ico_attention_list.gif") no-repeat left 3px;font-size:18px;padding-left:20px;}
.pro_conlist .btn_detail{border:1px solid #ccc;font-size:13px;margin-left:5px;padding:3px 5px;vertical-align:middle;text-align:center;background:#fefefe;}

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

.porductinfo h3.tit_attention{font-size:16px;}
.pro_conlist .btn_detail{display:block;width:80px;margin:5px 0;}

}
