@charset "utf-8";

/* contents.css */
.contents{width:100%}
.contents.center{background:url(../../img/family/crime/bg_visual_center.jpg) no-repeat center top}
.contents.pattern{background:url(../../img/family/crime/bg_visual_pattern.jpg)
 no-repeat center top}
.contents.case{background:url(../../img/family/crime/bg_visual_case.jpg) no-repeat center top}
.content-main{width:1200px;margin:0 auto;height:100%}
.content-header{display:table;width:100%;height:170px;position:relative}
.content-header h2{font-size:44px;color:#fff;text-align:center;display:table-cell;vertical-align:middle;font-family:'notokr-r';font-weight:normal;letter-spacing:-0.05em;text-shadow:rgba(0, 0, 0, 0.25) 3px 3px 7px}
.content-header .location{position:absolute;right:0;top:20px;text-align:right}
.content-header .location li{font-size:14px;color:#e8e8e8;font-family:'notokr-m';display:inline-block;vertical-align:middle;position:relative;padding-left:15px;margin-left:9px}
.content-header .location li+li:before{position:absolute;content:'';background:url(../../img/common_img.png) no-repeat 0 0;width:5px;height:9px;left:0;top:50%;margin-top:-5px}
.content-header .location li .read_opacity{position:absolute;width:1px;height:1px}
.content-header .location li span{font-size:14px;color:#e8e8e8;font-family:'notokr-m'}
.content-body{padding:60px 0 110px}

.cont_item .item{display:table;width:100%}
.cont_item .item+.item{border-top:1px solid #ddd;padding-top:30px;margin-top:30px}
.cont_item p{font-family:'notokr-r';line-height:22px}
.cont_item h3{width:300px;display:table-cell;vertical-align:top;font-size:24px;color:#111;font-weight:normal;font-family:'notokr-m';line-height:32px;letter-spacing:-0.05em}
.cont_item h4:first-child{margin-top:0}
.cont_item h4{font-size:18px;color:#01367f;font-family:'notokr-m';font-weight:normal;margin-top:20px}
.cont_item h4+ul, .cont_item h4+ol, .cont_item h4+.inner_table, .cont_item h4+p{margin-top:10px}
.cont_item .cont{width:900px;display:table-cell;padding-top:7px}
.cont_item .cont li{line-height:22px;font-family:'notokr-r'}
.cont_item .cont li+li{margin-top:5px}
.cont_item .cont li strong{color:#111;font-family:'notokr-r'}
.cont_item .cont li .ref{margin-top:5px}

/* table */
table th{font-family:'notokr-r';font-weight:normal;line-height:25px;color:#333}
table td{font-family:'notokr-r';vertical-align:middle}
table td.right{text-align:right!important}
table.showcase{border-top:2px solid #393939}
table.showcase thead+tbody th, table.showcase thead+tbody td{border-top:none}
table.showcase th{background:#f4f4f4;border-style:solid;border-width:1px 0 1px 1px;border-color:#d7d7d7;vertical-align:middle;padding:12px 0}
table.showcase tr:first-child>th:first-child{border-left:none}
table.showcase td:first-child{border-left:none}
table.showcase td{position:relative;border-style:solid;border-width:1px 0 1px 1px;border-color:#d7d7d7;vertical-align:middle;text-align:center;line-height:25px;padding:12px 20px}
table.showcase tbody th{background-color:#f0fbff;vertical-align:middle;border-left:none}
table.showcase tbody td+th{border-left:1px solid #d7d7d7}
table.showcase.blank th{letter-spacing:-0.04em}
table.bbs-article:before{position:absolute;content:'';width:100%;height:2px;background-color:#393939;top:-2px}
table.bbs-article:after{position:absolute;content:'';width:100%;height:1px;background-color:#393939}
table.bbs-article{position:relative}
table.bbs-article th, table.bbs-article td{padding:12px 20px}
table.bbs-article th{background:#f4f4f4;border-top:1px solid #d7d7d7;vertical-align:middle}
table.bbs-article tr:first-child th, table.bbs-article tr:first-child td{border-top:none}
table.bbs-article td{border-top:1px solid #d7d7d7;line-height:25px}
table.bbs-article td.cont{padding:20px;height:145px;vertical-align:top;line-height:25px}
table.bbs-list:before{content:'';position:absolute;left:0;top:-1px;width:100%;height:2px;background-color:#393939}
table.bbs-list{border-bottom:1px solid #393939;position:relative}
table.bbs-list th{background:#f4f4f4;border-style:solid;border-width:1px 0;border-color:#d7d7d7;padding:12px 20px}
table.bbs-list tr:first-child td{border-top:none}
table.bbs-list td{border-style:solid;border-top:1px solid #d7d7d7;padding:12px 20px;vertical-align:middle;text-align:center;height:26px}
table.bbs-list td.title{text-align:left}
.inner_table{position:relative}
.inner_table .ref{position:absolute;top:-23px;right:0}
.search_table{margin-top:30px}
.search_table h3{font-size:20px;font-family:'notokr-m';font-weight:normal;color:#333}
.search_table h3 strong{color:#287df3}
.search_table .total{position:relative}
.search_table .num{position:absolute;right:0;bottom:-3px;color:#333;font-family:'notokr-r'}
.search_table .num strong{font-family:'notokr-b';color:#287df3;margin-left:5px}
.search_table table{margin-top:20px}
.search_table .no_data{margin-top:20px}

/* table or list hover */
table.hover tr:hover td{background-color:#f0fbff;color:#111}
table.hover tr:hover td a{color:#111;text-decoration:underline}

/* search */
.search_box:after{content:'';display:block;clear:both}
.search_box{background-color:#f4f4f4;padding:30px 40px;border-width:2px 1px 1px;border-style:solid;border-color:#303030 #d7d7d7 #d7d7d7}
.search_box select{width:335px;height:60px;border-color:#d7d7d7;padding:0 50px 0 20px;background-image:url(../../img/sel_arrow2.png);border-radius:0}
.search_box select+.input_box{width:673px;float:right}
.search_box .input_box{position:relative;padding-right:100px}
.search_box .select_box{position:relative;padding-right:100px}
.search_box .select_box select{width:100%}
.search_box input[type=text]{width:100%;height:60px;border-color:#d7d7d7;padding:0 20px;border-radius:0}
.search_box button{width:90px;height:60px;background-color:#303030;color:#fff;font-family:'notokr-m';font-size:16px;position:absolute;right:0;top:0}

/* no data */
.no_data{border-width:2px 0 1px;border-style:solid;border-color:#393939;text-align:center;padding:92px 0 100px}
.no_data p:before{content:'';position:absolute;display:block;background:url(../../img/common_img.png) no-repeat 0 -35px;width:150px;height:150px;top:0;left:50%;margin-left:-75px}
.no_data p{font-size:20px;color:#333;font-family:'notokr-m';position:relative;padding-top:180px}

/* paging */
.paginate{margin-top:50px;text-align:center}
.paginate a,.paginate strong{display:inline-block;width:38px;height:38px;line-height:38px;border:1px solid transparent;vertical-align:middle;font-size:14px;font-family:'notokr-r'}
.paginate strong{color:#fff;background-color:#303030;font-family:'notokr-m'}
.paginate .pre{border-color:#d7d7d7;background:url(../../img/ico_paging.png) no-repeat 0 0;margin-right:2px}
.paginate .pre.first{background-position:-38px 0}
.paginate .next{border:1px solid #d7d7d7;background:url(../../img/ico_paging.png) no-repeat 0 -38px;margin-left:2px}
.paginate .next.last{background-position:-38px -38px}
.paginate .pre, .paginate .next{overflow:hidden;font-size:1px;letter-spacing:-1px;color:transparent}

/* 이전/다음글 */
.page_control{margin-top:40px;border-width:1px 0;border-style:solid;border-color:#393939}
.page_control dl+dl{border-top:1px solid #d7d7d7}
.page_control dl:after{content:'';display:block;clear:both}
.page_control dl{width:100%;display:table}
.page_control dt{width:150px;display:table-cell;background-color:#f4f4f4;text-align:center;color:#333}
.page_control dd{padding:17px 20px}

/* text */
.txt_box{background-color:#f4f4f4;line-height:25px;padding:25px 30px}

/* button */
div[class^="btn_"] button+button{margin-left:7px}
.btn_r{text-align:right;margin-top:25px}
.btn_m{min-width:120px;height:36px;border:1px solid #bbb;text-align:center;font-size:14px;background-color:#fff;font-family:'notokr-m';color:#555;padding:0 20px}
.btn_m:hover{border:1px solid #999;background-color:#ededed;text-decoration:underline}
.btn_down{height:36px;border:1px solid #d7d7d7;min-width:120px;background-color:#fff;padding:0 15px} /* 05.13 size */
.btn_down span{padding-right:26px;font-size:14px;font-family:'notokr-m';position:relative}
.btn_down span:after{content:'';display:block;position:absolute;right:0;top:0;background:url(../../img/common_img.png) no-repeat -5px 0;width:20px;height:18px}
.btn_down:hover{border:1px solid #287df3;background-color:#287df3}
.btn_down:hover span{text-decoration:underline;color:#fff}
.btn_down:hover span:after{background-position:-25px 0}
.btn_down.b{border-color:#287df3}
.btn_down.b span{color:#287df3}
.btn_down.b span:after{background-position:-176px 0}
.btn_down.b:hover span{color:#fff}
.btn_down.b:hover span:after{background-position:-25px 0}

/* icon */
.attach-file{display:inline-block;vertical-align:middle;position:relative;vertical-align:top}
.attach-file:after{content:'';position:absolute;left:0;top:0;display:block;width:20px;height:24px;background:url(../../img/common_img.png) no-repeat -75px 0}
span.attach-file{width:20px;height:24px;overflow:hidden;font-size:1px;letter-spacing:-1px;color:transparent}
a.attach-file{padding-left:32px;line-height:24px;display:block}
.attach-file+.attach-file{margin-top:10px}

/* step */
.pro_steps+h4, ul+h4{margin-top:20px}
.pro_steps ol:after{content:'';display:block;clear:both}
.pro_steps li+li{margin-left:29px}
.pro_steps li{border:1px solid #d7d7d7;padding:0 10px;float:left;width:111px;height:113px;padding-left:80px;position:relative;display:table;margin-top:0!important}
.pro_steps li:after{content:'';display:block;position:absolute;top:50%;margin-top:-7px;right:-8px;background:url(../../img/family/car/ico_arrow.png) no-repeat 0 0;width:8px;height:14px}
.pro_steps li:last-child:after{content:none}
.pro_steps li .in{display:table-cell;vertical-align:middle;line-height:30px;font-size:18px;font-family:'notokr-m'}
.pro_steps li .num{font-size:18px;color:#287df3;font-family:'notokr-m';border-radius:50%;background-color:#f0fbff;width:49px;height:49px;line-height:49px;text-align:center;display:block;position:absolute;left:10px;top:50%;margin-top:-25px}

/* list */
p.ref{font-size:14px;color:#888}
ol.num_list li{position:relative;padding-left:18px;line-height:22px}
ol.num_list li .num{position:absolute;left:0;top:3px;font-family:'notokr-r';color:#333}
ol.num_list li .star{color:#888}
ul.dot_list li, p.dot_list{position:relative;padding-left:10px;line-height:22px;font-family:'notokr-r';text-align:left}
ul.dot_list li:before, p.dot_list:before{position:absolute;content:'';display:block;width:3px;height:3px;background-color:#000;left:0;top:9px}

/* button */
.item .cont ul[class*='_list'] + .btn_set,
.item .cont ul[class*='_list'] + button{margin-top:16px}
.btn_s{min-width:90px;height:30px;border:1px solid #bbb;text-align:center;font-size:14px;background-color:#fff;font-family:'notokr-r';color:#555;padding:0 10px}
.btn_s:hover{border:1px solid #999;text-decoration:underline}
.btn_m{min-width:120px;height:36px;border:1px solid #bbb;text-align:center;font-size:14px;background-color:#fff;font-family:'notokr-m';color:#555;padding:0 20px}
.btn_m:hover{border:1px solid #999;background-color:#ededed;text-decoration:underline}
.btn_m.b{background-color:#287df3;border-color:#287df3;color:#fff}
.btn_m.b:hover{background-color:#0d61d5;text-decoration:underline}
.btn_m.g{background-color:#666;border-color:#666;color:#fff}
.btn_l{min-width:150px;height:60px;border:1px solid #287df3;text-align:center;font-size:18px;background-color:#287df3;font-family:'notokr-m';color:#fff;padding:0 38px}
.btn_l:hover{border-color:#0d61d5;background-color:#0d61d5;text-decoration:underline}
.btn_l.cb{border-color:#768da4;background-color:#768da4}
.btn_l.cb:hover{border-color:#5d758d;background-color:#5d758d}
.btn_l+.btn_l{margin-left:17px}
.btn_l.btn_down span{font-size:18px;padding-right:30px;color:#fff}
.btn_l.btn_down span:after{background-position:-25px 0;top:4px}
.btn_go{height:36px;border:1px solid #d7d7d7;min-width:120px;background-color:#fff;padding:0 15px} /* 05.13 size */
.btn_go span{padding-right:26px;font-size:14px;font-family:'notokr-m';position:relative}
.btn_go span:after{content:'';display:block;position:absolute;right:0;top:50%;margin-top:-4px;background:url(../../img/family/crime/button_ico.png) no-repeat 0 -15px;width:20px;height:9px}
.btn_go:hover{border:1px solid #999;background-color:#ededed}
.btn_go:hover span{text-decoration:underline}
.btn_s.btn_go{min-width:90px;height:30px;padding:0 10px;border-color:#bbb;line-height:30px} /* 07.30 */
.btn_s.btn_go span{padding-right:20px;font-family:'notokr-d'}
.btn_s.btn_go span:after{width:14px;height:11px;margin-top:-5.5px} /* 07.30 */
.btn_s.btn_go:hover{background-color:#fff}
.btn_blank{height:30px;border:1px solid #287df3;background-color:#f0fbff;padding:0 15px}
.btn_blank span{padding-right:20px;font-size:14px;position:relative; color:#287df3}
.btn_blank span:after{content:'';display:block;position:absolute;right:0;top:5px;background:url(../../img/family/crime/button_ico.png) no-repeat 0 0;width:14px;height:11px}
.btn_blank:hover span{text-decoration:underline}

/* 신고센터 */
.mem_item{margin:-15px 0 0 -15px}
.mem_item:after{content:''; display:block; clear:both}
.mem_item .item{display:inline-block; position:relative; width:267px; height:155px; padding:15px 10px 20px; margin:15px 0 0 15px; float:left; border:1px solid #d7d7d7}
.cont_item .mem_item .item+.item{padding:15px 10px 20px; margin:15px 0 0 15px;}
.mem_item .item .logo{padding-bottom:12px; margin-bottom:12px; text-align:center; border-bottom:1px solid #d7d7d7}
.mem_item .item .logo img{width:100%; height:auto}
.mem_item .item strong{font-size:20px; font-family:'notokr-r'; color:#333; display:block; padding-bottom:8px; line-height:23px}
.mem_item .cont{padding-top:0; padding-left:10px}
.mem_item .cont .btn_go{position:absolute; left:20px; bottom:20px}

/* faq */
.faq_item h3{font-size:24px;color:#111;font-family:'notokr-m';margin-bottom:10px}
.faq_list{border-top:2px solid #000}
.faq_list li{border-bottom:1px solid #bbb}
.faq_list li .title:after{position:absolute;content:'';display:block;background:url(../../img/family/car/common_img.png) no-repeat -40px -30px;width:15px;height:9px;right:20px;top:50%;margin-top:-4px}
.faq_list li .title{padding:18px 55px 17px;display:block;line-height:25px;position:relative}
.faq_list li .answer{display:none;border-top:1px solid #bbb;line-height:25px;padding:17px 30px 17px 55px;position:relative;color:#287df4}
.faq_list li .answer p{line-height:25px; color:#287df4}
.faq_list li .answer p strong{text-decoration:underline}
.faq_list li .answer p + p{padding-top:5px}
.faq_list li.active .answer{display:block;background-color:#f0fbff}
.faq_list li.active .title:after{background-position:-55px -30px}
.faq_list li.active .title{color:#333}
.faq_list .q, .faq_list .a{position:absolute;left:12px;width:32px;height:32px;border-radius:50%;color:#fff;font-size:16px;font-family:'notokr-m';text-align:center;line-height:32px}
.faq_list .q{background-color:#222;top:50%;margin-top:-16px}
.faq_list .a{background-color:#026ed0;top:14px}
.faq_list li .title, .faq_list li.active .answer{outline:none} /* 07.04 */



.faq_list li .answer, .layer, button, img{outline:none} /* 07.11 */