@charset "utf-8";

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, input, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html {margin:0;padding:0;font-family: "NanumGothic",dotum,"돋움",Arial, sans-serif }
a { color: #323232; text-decoration:none; cursor:pointer; }
ul, ol, li, dl, dt, dd { list-style:none; }
 

/*-------------------------------------------------------------------------------
 *공인인증서  class
--------------------------------------------------------------------------------*/
/*clearfix*/
.group:after { content: ""; display: table; clear: both; }
.wrap{width:675px;margin:0 auto}
.wrap:after { content: ""; display: table; clear: both; }
.smart_box{}
.smart_box .title{padding:70px 0 30px;background: url(../../img/section/sf/smart_titimg.png) no-repeat right bottom;}
.smart_box .sub_txt{padding:30px 0 30px 20px;border-top:2px solid #b8d4f9;border-bottom:2px solid #b8d4f9}
.smart_box .sub_txt.ty{margin-top:10px}
.smart_box .sub_txt.ty2{margin-top:30px}
.smart_box .sub_txt li{padding:5px 0 5px 14px;font-size:12px;color:#5a5a5a;background: url(../../img/section/sf/ico_dot.png) no-repeat 0 9px;}

.smart_box .link_list{margin-top:58px;}
.smart_box .link_list li{float:left;width:49%;text-align:center;}
.smart_box .link_list li li{width:100%;}
.smart_box .link_list ul ul{margin-top:32px;}
.smart_box .link_list a.link_box{display:block;width:250px;height:51px;line-height:51px;margin:0 auto;margin-bottom:9px;padding-left:20px;text-align:left;font-size:14px;color:#313131;background: url(../../img/section/sf/link_box.png) no-repeat 0 0;}

.smart_tab{margin-top:42px;font-size:12px;}
.smart_tab li{float:left;width:225px;height:60px;text-align:center;background: url(../../img/section/sf/smart_tab.png) no-repeat 0 top;}
.smart_tab li.on{background-position:0 -60px;}
.smart_tab li.on a{color:#007eff}
.smart_tab li .fb{font-weight:bold;color:#787878}
.smart_tab li.on .fb{color:#007eff}
.smart_tab li .fb_1{font-size:15px;color:#787878;margin-top:6px;}
.smart_tab li.on .fb_1{font-weight:600;color:#007eff;}
.smart_tab li a,
.smart_tab li span{display:block;}
.smart_tab li a{width:225px;height:45px;padding-top:15px}

.tab_contents .img_top{overflow:hidden;width:100%;padding-top:30px;text-align:center}
.tab_contents  a.btn{display:block;width:260px;height:46px;margin:0 auto;margin-bottom:50px;line-height:46px;font-size:14px;text-align:center;letter-spacing:-1px;color:#fff;font-weight:bold;background: url(../../img/section/sf/smart_btn.png) no-repeat left top;}
.tab_contents .pc_list,
.tab_contents .phone_list{overflow:hidden;float:left;width:43%;margin-top:30px;padding-left:7%;font-size:12px;}
.pc_list li,
.tab_contents .phone_list li{text-align:left;line-height:25px;color:#565656}
.tab_contents .point_txt{color:#0084ff}

.tab_contents .box{overflow:hidden;width:calc(100% - 42px);margin:20px 0  40px;padding:0 20px 20px 20px;border:1px solid #dfdfdf;}
.tab_contents .box{ content: ""; display: table; clear: both; }
.tab_contents .box .tit{display: inline-block;width: 100%;margin-top:30px;line-height:40px;font-size:13px;color:#747474;}
.tab_contents .box .tit span{display:inline-block;width:40px;height:40px;margin:0 10px 43px 0;text-indent:-9999999px;}
.tab_contents .box .tit span.no1{background: url(../../img/section/sf/ico_no.png) no-repeat 0 0}
.tab_contents .box .tit span.no2{background: url(../../img/section/sf/ico_no.png) no-repeat 0 -40px}
.tab_contents .box .tit span.no3{background: url(../../img/section/sf/ico_no.png) no-repeat 0 -80px}
.tab_contents .box .tit p.b_tit {font-size:16px;font-weight:600;color:#434343;line-height:24px;}
.tab_contents .box_list{overflow:hidden;margin:0 -20px;text-align:center;border-bottom:1px solid #dfdfdf}
.tab_contents ul.box_list.ty2 {padding-left:4%}
.tab_contents .box_list.ty2 li{float:left;width:32%;}
.tab_contents .box_list.ty3 li{float:left;width:50%;}
.tab_contents .box_list.ty4 li{float:left;width:50%;}
.tab_contents .box_list.ty5 li:first-child{float:left;width:35%;padding:0 0 0 15%;}
.tab_contents .box_list.ty5 li{float:left;width:35%;padding-right:15%;}
.tab_contents .box_list.line {border:0}
.tab_contents .box_list.pt{padding-top:20px;}
.tab_contents .box_list .img_align{margin-left:40px;}
.tab_contents .txt{padding:20px 0;font-size:12px;}